@CHARSET "UTF-8";
@import "/js/dijit/themes/elovivo/soria.css";
@import "/js/dojox/layout/resources/ExpandoPane.css";
@import "/js/dojox/form/resources/DropDownSelect.css";
@import "/js/dojox/form/resources/CheckedMultiSelect.css";
@import "/js/dojox/image/resources/image.css";

@import url(/js/dojox/form/resources/BusyButton.css);
@import url(/js/dojox/form/resources/Rating.css);
@import url(/js/dojox/form/resources/FileInput.css);
@import url(/js/dojox/widget/Dialog/Dialog.css);
@import url(/js/dojox/widget/Calendar/Calendar.css);
@import url(/js/dojox/grid/resources/Grid.css);
@import url(/js/dojox/grid/resources/soriaGrid.css);


html, body, #Dictionary div{
/*
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
*/
	font-size: 10pt;
  font-family: Trebuchet, Trebuchet MS, sans-serif;
/*        font-family:   Times, "Times new Roman", serif; */

	vertical-align: baseline;
}

html, body{
	height: 100%;
	overflow: hidden;
}

a{
	cursor: pointer;
}

.nobreak{
	white-space: nowrap;
}

* html .visualIEFloatFix { height: 0.01%; }


#DictionaryPane{
	height: 75%;
}

#Dictionary{

}
	#Dictionary p{
		margin: 1em;
	}
		#Dictionary .Controls{
			width: 50%;
			background-color: #fff;
			color: #123;
		}
			#Dictionary .ControlButtons{
				height: 2em;
				font-size: large;
				text-align: center;
			}
		#Dictionary .WordList{
			width: 15em;
		}
			.WordList .Word, .WordList .Topic{
				color: darkblue;
				border: 1px solid silver;
				margin: 2px auto;
				display: block;
				text-decoration: none;
				cursor: pointer;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				
			}
			.WordList .Word{
				padding: 5px 5px 5px 45px;
			}
			.WordList .Topic{
				padding:5px 5px 5px 5px;
			}
			.WordList a.Word:hover{
				background-color:#ddf;
			}
				.WordList .Word img{
					margin: -5px 5px -8px -45px;
					border-right: 1px solid silver;
				}
			.WordList a.Topic:hover{
				background-color:#fdd;
			}

		#Dictionary .WordDisplay{

		}
	
			#Dictionary .WordDisplay .Actions{
				text-align: left;
				font-size: smaller;
				border-left: 1px dotted #999;
				padding-left: 5px;
				padding-top: 5px;
			}
			#Dictionary .WordDisplay .Actions a{
				display: block;
				color: #00c;
				text-decoration: none;
				cursor: pointer;
			}

			#Dictionary .WordDisplay .Info{
				float: left;
			}
			#Dictionary .WordDisplay .Info .Word{
				font-size: xx-large;
			}
			#Dictionary .WordDisplay .Info .WordLink, #Dictionary .WordDisplay .Info .WordBackLink{
				padding: 0px 5px;
				cursor: pointer;
			}
			#Dictionary .WordDisplay .Info .WordLink{
				margin-left: -16px;
			}
			#Dictionary .WordDisplay .Info .WordBackLink{
				-moz-border-radius: 0px;                                                        
				-webkit-border-radius:0px;
				border-radius: 0px;
				margin-right: -5px;
			}
			#Dictionary .WordDisplay .Info .WordLink:hover, #Dictionary .WordDisplay .Info .WordBackLink:hover{
				background-color: #333;
			}

			#Dictionary .WordDisplay .WordType{
				color: #ccc;
				font-size: 7pt;
				font-style: italic;
				font-weight: normal;
				white-space: nowrap;
				text-align: right;
			}

			#Dictionary .WordDisplay .Aux{
				float: right;
			}
			#Dictionary .WordDisplay .Phoneme{
				font-size: xx-large;
				font-family: monospace;
				color: black;
				text-decoration: none;
			}
			#Dictionary .WordDisplay .Image{
				border: 1px solid silver;
			}
			#Dictionary .WordDisplay .FlickrDisplay{
				margin: 0 auto;
			}
				#Dictionary .WordDisplay .FlickrImg{
					width: 150px;
					height: 150px;
				}
				.dojoxLightboxText a{
					text-decoration: none;
					font-size: larger;
					color: #00c;
				}
			#Dictionary .WordDisplay .otherLangLink{
				color: #009;
				cursor: pointer;
			}
			#Dictionary .WordDisplay .otherLangLink:hover{
				color: #090;
				border-bottom: 2px solid #070;
				font-weight: bold;
			}


/* OVERRIDES */
.dojoxExpandoClosed .dojoxExpandoTitleNode{
	visibility: visible;
}





/*                                                                            

 SoundManager 2: In-page MP3 player example
 ------------------------------------------

 Clicks on links to MP3s are intercepted via JS, calls are
 made to SoundManager to load/play sounds. CSS classes are
 appended to the link, which are used to highlight the    
 current play state and so on.                            

 Class names are applied in addition to "sm2_link" base.

 Default:

 sm2_link

 Additional states:

 sm2_playing
 sm2_paused 

 eg.

 <!-- default -->
 <a href="some.mp3" class="sm2_link">some.mp3</a>

 <!-- playing -->
 <a href="some.mp3" class="sm2_link sm2_playing">some.mp3</a>


 Note you don't require ul.graphic / ul.flat etc. for your use
 if only using one style on a page. You can just use .sm2_link{}
 and so on, but isolate the CSS you want.                       

 Side note: Would do multiple class definitions eg.

 a.sm2_default.sm2_playing{}

 .. except IE 6 has a parsing bug which may break behaviour,
 applying sm2_playing {} even when the class is set to sm2_default.


 If you want to make your own UI from scratch, here is the base:

 Default + hover state, "click to play":

 a.sm2_link {}
 a.sm2_link:hover {}

 Playing + hover state, "click to pause":

 a.sm2_playing {}
 a.sm2_playing:hover {}

 Paused + hover state, "click to resume":

 a.sm2_paused {}
 a.sm2_paused:hover {}


*/

/* two different list types */

ul.flat {
 list-style-type:none;
 padding-left:0px;    
}                     

ul.flat li,
ul.graphic li {
 padding-bottom:1px;
}                   

ul.flat li a {
 display:inline-block;
 padding:2px 4px 2px 4px;
}                        

ul.graphic {
 list-style-type:none;
 padding-left:0px;    
 margin-left:0px;     
}                     

/* background-image-based CSS3 example */

ul.graphic {
 list-style-type:none;
 margin:0px;          
 padding:0px;         
}                     

ul.graphic li {
 margin-bottom:2px;
}                  

ul.graphic li a,
ul.graphic li a.sm2_link {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */                                             
 display:inline-block;                                                          
                                                            
 min-height:16px;                                                               
 border:3px solid #666;                                                         
 background-color:#666;                                                         
 -moz-border-radius-topright:16px;                                                        
 -moz-border-radius-bottomright:16px; 
 -webkit-border-top-right-radius:16px;                                                     
 -webkit-border-bottom-right-radius:16px;
 border-top-right-radius:16px;                                                             
 border-bottom-right-radius:16px;                                                             
 padding:0px 20px 0px 22px;                                                      
 min-width:1em;                                                                
 _width:1em;                                                                   
 text-decoration:none;                                                          
 font-weight:bold;                                                              
 color:#fff;                                                                    
 text-shadow: 0 0 0 #000; /* stupid Safari "fat" font rendering tweak */        
}                                                                               

ul.graphic li a.sm2_link {
 /* safari 3.1+ fun (or, proprietary crap. TBD.) */
 -webkit-transition-property: hover;               
 -webkit-transition: all 0.15s ease-in-out;        
}                                                  

ul.graphic li a.sm2_paused:hover,
ul.graphic li a.sm2_link:hover { 
 background:#333 url(/js/SM2/demo/play-mp3-links/image/icon_play.png) no-repeat 0px 50%;
 _background-image:url(/js/SM2/demo/play-mp3-links/image/icon_play.gif); /* IE 6 */     
 border-color:#333;                                            
}                                                              

ul.graphic li a.sm2_paused {
 background-color:#999;     
 border-color:#999;         
}                           

ul.graphic li a.sm2_paused:hover {
 background:#999 url(/js/SM2/demo/play-mp3-links/image/icon_play.png) no-repeat 0px 50%;
 _background-image:url(/js/SM2/demo/play-mp3-links/image/icon_play.gif);                
 border-color:#999;                                            
}                                                              

ul.graphic li a.sm2_playing,
ul.graphic li a.sm2_playing:hover {
 background:#336699 url(/js/SM2/demo/play-mp3-links/image/icon_pause.png) no-repeat 0px 50%;
 _background-image:url(/js/SM2/demo/play-mp3-links/image/icon_pause.gif);                   
 border-color:#336699;                                             
 text-decoration:none;
 color: #fff;
}                                                                  

/* hide button while playing?
ul.graphic li a.sm2_playing {
 background-image:none;      
}                            
*/                           
/* flat CSS example */       

ul.flat li {
	display: inline;
}

ul.flat a.sm2_link {
 /* default state: "a playable link" */
 border-bottom:4px solid #ccc;
 padding-left:4px;
 padding-right:4px;
}

ul.flat a.sm2_link:hover {
 /* default (inactive) hover state */
 border-bottom-color:#333;
}


ul.flat a.sm2_playing {
 /* "now playing" */
 border-bottom-color:#6666ff;
 background-color:#336699;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_playing:hover {
 /* "clicking will now pause" */
 border-bottom-color:#cc3333;
}

ul.flat a.sm2_paused {
 /* "paused state" */
 background-color:#666;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_paused:hover {
 /* "clicking will resume" */
 border-bottom-color:#33cc33;
}

/* #5080af */
#LoaderOverlay{ text-align: center; background-color: #5080af;  position: absolute; height: 200%; width: 100%; z-index: 100; }
.gsc-control{
	width: auto;
}
.gsc-search-box{
	display:none;
}
#GoogleBranding{
	display: none;
	text-align: right;
}

#Dictionary .WordDisplay .WikiContent{
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	border-collapse: collapse;
	padding: 5px;
}
#Dictionary .WordDisplay .WikiContent .Meta{
	vertical-align: top;
	font-size: smaller;
	line-height: 2em;
	color: #666;
}
.Admin a{
	display: inline-block;
	padding: 2px;
	margin: 2px;
	background-color: #eef;
	border: 1px solid #aaa;
	line-height: 1em;
	text-decoration: none;
	color: #00a;
	cursor: pointer;
}
.Admin a:hover{
	color: #00f;
	background-color: #cce;
}
.bg_e{
	background-color: #ffffff;
}
.bg_o{
	background-color: #f6f6f6;
}
#Dictionary .WordDisplay .WikiContent .Meta .dojoxRating{
	position: relative;
	top: 4px;
}

#Dictionary .WordDisplay .AddedBy{
	float:right; font-size: smaller; font-style: italic;
}

html, body{
	margin: 0; padding: 0;
	font-size: 90%;
}
.c1{ color: #666; }
.c2{ color: #00a; }
.c3{ color: #080; }
.Header{
	margin-bottom: -36px;
	height: 70px;
	background: url(/Elovivo/header2.png) repeat-x;
	background-color: #5080af;
	overflow: hidden;
}
#Header{
	background-position: 0px 20px;
}
#elvivologo { background:url(/Elovivo/elvivologo.png) no-repeat 0px -2px; height: 100%; padding-left: 50px;}
#elvivologo h1{ padding-top: 5px; margin: 0px; color: #dde;}
.Header H1{
	margin: 0px 5px 0px 5px;
}
#XLink{
	text-align: right;
	padding-bottom: 5px;
	/* border-bottom: 1px dotted #ccc; */
}
#Footer{

	font-size: smaller;
	text-align: center;
}
#Footer #Nav a{
	color: #00c;
	text-decoration: none;
}
#Footer #Copyright{
	color: #888;
}
.SideBar{
	width: 160px;
}
#Main_tablist{
	text-align: right;
	font-size: larger;
	font-weight: bold;
	padding-right: 15px;
}
#Main_tablist * *{
	text-align: left;
}
table{

}
#translateIn{
	font-family: Tahoma, Tahoma MS, Verdana, sans-serif;
	font-size: larger;
	background-color: #ffffff;
	color: #333;
	border: 0px solid #ccc;
	padding: 5px;
}
#translateOut{
	background-color: #d9deff;
}
#translateButton{
	font-size: larger;
	font-weight: bold;
}

a.WordLink{
	text-decoration: none;
	color: #00c;
	cursor: pointer;
}
a.WordLink:hover{
	color: #006;
}

.stamp{
	color: #888;
	font-size: smaller;
	white-space: nowrap;
}

.FeedList{
	margin: -15px;
	padding: 5px;

}

.FeedItem{
	margin: 0px 0px;
	padding: 10px 10px 10px 48px;
	border-bottom: 1px dotted #448;

	background-color: #fff;
	list-style: none;
	color: #333;
}
.FeedItem:hover{
	background-color: #eef;
}
.FeedItem strong{
	color: #000;
}
.FeedItem a{
	color: #00c;
	font-weight: bold;
}
.FeedItem a:hover{
	color: #006;
	text-decoration: underline;
}

.soria .dijitAccordionPane {
	font-weight: normal;
}

.dojoxRatingStar, .dijitButton, .dijitButtonNode, .dijitButtonContents{
	cursor: pointer;
	color: #ffe;
}

.ProfileInfo{
	list-style: none;
	margin: 0px; padding: 0px;
}

.ProfileInfo li{
	margin-bottom: 0.25em;
}

.ProfileInfo label{
	color: #666;
}

.BlueHover{
	cursor: pointer;
}

.BlueHover:hover{
	color: #11d;
}

h3.fancy{
	margin: 10px;
	padding: 5px;
	border: 1px dotted #999;
	color: #222;
	background-color: #eee;
}

.soria .dijitTitlePane .dijitTitlePaneTitle {
	background-repeat: repeat !important;
}

#homeTopSearch .dijitTitlePaneContentInner{
	padding: 0px;
}