/*GLOBAL*/
h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0; }
p {margin-bottom: 1em;}
ul, ul li{list-style-type: none;}
/* HOME */

.shortcut {font-size: 12pt; width: 600px; float: left; margin: 0px 0 20px 0px; padding: 15px 0px 15px 0px; background-color: #fef7b1; border-bottom: #999999 solid 1px; border-top: #999999 solid 1px; }

.shortcut span{padding-left: 20px;}

/*MAIN LAYOUT CONTAINERS*/
	body{
		background: #D3D3D3;
		width: 900px;
		text-align: justify;
	}
    
	a, a:visited, .a {
		text-decoration: none;
		color: #304961;
	}
	
	a:hover, .a:hover { text-decoration: underline;}
	#navigation{
		background: gray;
		margin: -16px 0px 0px 0px;    /*trbl*/
		height: 20px;
	}
	
	#home_wrapper, #about_wrapper, #contact_wrapper, #links_wrapper, #romanizations_wrapper, #banners_wrapper {
		font-family: "Gill Sans", GillSans, Calibri, "MS Trebuchet", sans-serif;
		font-size: 12pt;
		width: 600px;
	}
	
	#navigation ul li, #navigation ul li a{
		list-style-type: none;
		display: inline;
		color: white;
		text-decoration: none;
		padding: 1px 20px 1px 0px;
		font-family: "Gill Sans", GillSans, Calibri, "MS Trebuchet", sans-serif;
		font-size: 10pt;
	}
	
	#navigation ul li a:hover{color: rgb(18,63,119);text-shadow: white 0px 0px 5px;}
    
	#google_ads_1, #google_ads_2, #google_ads_3, #google_ads_4 {position: absolute; z-index: 10; left: 690px;}
	#google_ads_1{top: 130px;}
	#google_ads_2{top: 800px;}
	#google_ads_3{top: 1470px;}
	#google_ads_4{top: 2140px;}

	#yield_wrapper{
		min-height: 400px;
		background: white;
		padding: 20px;
		padding-bottom: 200px;
	}     

   #flash_notice, #indicator{
	color: #455974; 
	background: #A8F5A8;
	padding: 10px;
	font-weight: bold;
	}
	
	#footer {
		font-family: "Gill Sans", GillSans, Calibri, "MS Trebuchet", sans-serif;
		font-size: 10pt;
		position: fixed;
		bottom: 0px;
	    background: #D3D3D3;
	 	width: 900px;
		height: 22px;
		vertical-align: middle;
		text-align: center;
		padding-top: 3px;
		z-index: 10000;
	}
	
	#footer a img{
		border: none;
	}
	
	#indicator{
/*		width: 600px;
		margin-bottom: 10px;  */
		width: 290px;
		padding: 8px 0px 8px 8px;
        position: fixed;
        top: 0px;
		left: 8px;
        text-align: left;
		vertical-align: middle;
		border: 1px solid #999;
		color: #0B1E69;
		background: #E9EE57;
	}

/*VISUALS*/
	#header{margin: -10px 0px 0px 0px; padding: 0px 0px 0px 10px; border-bottom: 1px solid #666; color: #fff; font: normal 28pt georgia; text-shadow: black 0px 0px 5px; text-align: left; background: #455974 url("/images/site_design/DuZhongWen.png") no-repeat scroll 10px 10px; height: 84px;}               
	 
	#header_text{
		display: inline;
		position: relative;
		top: 23px;
		left: 154px;       
	}
	.outline_box {
		border: 1px solid #999999;
		background-color: #D3D3D3;
		padding: 10px;
	}
	
	.nav_bar ul, .nav_bar ul li, #navigation ul li a{
		list-style-type: none;
		display: inline;
		text-decoration: none;
		padding: 1px 20px 1px 0px;
		font-family: "Gill Sans", GillSans, Calibri, "MS Trebuchet", sans-serif;
		font-size: 10pt;
	}
	
/*HOME*/
	.share h2 {margin: 5px 0 5px 0; padding: 0;}
    .share ul {margin: 0px; padding: 0px; margin-left: 12px;}
	.share ul li {display: inline; padding-left: 12px; list-style-type: none;}

	.share a {margin: 0 5px 2px 2px;}
	.share p {margin-top: 8px;}
	
	
	#can_read tr td{
		text-align: center;
	}
	
	#features_table tr td{
	    font-size: 12pt;
	    font-weight: bold;
	}
    
	.reader_hover_image, #vocab_list_image{top: 365px;}
	.reader_hover_image{width: 600px; height: 400px; position: absolute; left: 28px;}
	
	#vocab_list_image{
		position: absolute;
		left: 625px;
		z-index: 1000;
	}
	
	.reader_hover_links{
		font-size: 10pt;
		font-weight: bold;
		color: #304961;
/*		color: #06067A;*/
        float: left;
		padding: 3px;
	}
	
	.reader_hover_links:hover{color: gray;}
	
	
	#share_list{
		margin-top: 0px; margin-left: 0px; padding-left: 20px;
	}

	#share_list li{ padding-bottom: 5px;}
	
/*FOR links.rhtml*/
#links_wrapper ul{
	margin: 8px 0 5px 0px;
	font-size: 11pt;
	padding-left: 10px;
}
                                                                      	
#links_wrapper ul li{
	margin-bottom: 1em;
}
/*FOR pinyinize.html  */
	#input_wrapper{
		font-family: "Gill Sans", GillSans, Calibri, "MS Trebuchet", sans-serif;
		font-size: 10pt;
	}
    .instruction{
		font-weight: bold;
		color: #304961;
		font-size: 14pt;
		font-family: "Gill Sans", GillSans, Calibri, "MS Trebuchet", sans-serif;
    }

	.option_title {
		font-weight: bold;
		font-size: 12pt;
	}   
	
	.option_description{
		font-size: 10pt;
		color: #304961;
		font-family: Times;
		
	}
 

/*FOR romanization page*/


.large_tone_images{
	position: fixed; top: 200px; left: 200px;
	background: white; border: 1px solid blue;
	padding: 20px;   
	text-align: center;
}
/*FOR pinyinized.rhtml*/
	/*common box stuff*/
	#inputtedText, #legend, #outputText{
		width: 600px;
		padding: 10px;
		border: 1px solid #999999;
		margin-bottom: 5px;
	}
	
	#inputtedText{
/*	the pink	background: #DB9A9A;*/
	background: #D3D3D3;
	}
    
	#legend{
		/*dark grey*/
/*		background: #888;*/
		/*light grey*/
		background: #D3D3D3;
		margin-bottom: 5px;
	}

	#outputText {
		min-height: 100px;
	}
           

	#outputText, #outputText div, #outputText div span{
/*		background: #9AB4DB;*/
/*		background: #BDCADF;*/
		/*yellow*/  
/*		background: #F7F8D9;*/
		background: #feffe6;
		/*orange*/ 
        /*background: #FCECC4;*/ 
	}

	.zitao{
		float: left;        
		height: 50px;    
		text-align: center;
		margin: 2px;
	}

	.character, .character a, .dict_character{
		/*original*/
/*		color:#06067A;*/
/*		jazzys dark blue*/
/*		color:#0D1E53; */
		/**/
		color: #02185A;
	 	font-size: 16pt;
		font-weight: bold;
		font-family: serif;
		text-decoration: none;
	}
	
	.character:hover, .character a:hover { 
/*		color: #06067A;*/
/*		color: #0D1E53;*/
		color: #a93b3b;
		/*vocab panel bg color*/
/*		background-color: #E69696;*/
/*		background-color: #C2ABAB;*/
		background: url('/images/site_design/character_hover.jpg') no-repeat 100% 100%;
		cursor: crosshair;
	}                       
    
	.pinyin, .secondary_pinyins {
		color: #323233;
		font-size: 11pt;
		font-family: Times;
	}
	
	.pinyin:hover{
		cursor: crosshair;
	}

	.secondary_pinyins{
		position: absolute;
		z-index: -1;
		visibility: hidden;
	}
	
	.multisound{       
		/*lighter red*/
/*		color: #971818;*/
		/*darker red*/
		color: #6B1010;
		text-shadow: #FFF 1px 1px 2px;
	}                                                     
	
	.multisound:hover {
		text-shadow: #FFA3A3 1px 1px 3px;
		cursor: pointer;   
	}

/*HACKS*/ 
	  .clear {
	    clear:both;
	    height:1px;
	    overflow:hidden;
	  }

	  .prop{
		float:right;
	    width:1px;
	}

	  .height_50px{
		height: 50px;
	}
	
	  .width_600px{
		width: 600px;
	}