/* CSS Document */

html, body {
 margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
 background-color: #F7F7F7; color: #000000;
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px;
 text-align:center;
}

/*body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {
	font: 83%/1.5 arial, helvetica, sans-serif;
}*/


a.filter {display:block; color: #000000; background-color: #F5F5F5; font-size: 12px; text-decoration: none; padding: 1px 2px 1px 2px; margin: 2px;}
a.filterF, a.filter:hover {display:block; color: #FFFFFF; background-color: #663333; font-size: 12px; text-decoration: none; padding: 1px 2px 1px 2px; margin: 2px;}

h2  {color: #663333; font-size: 14px; font-weight:bold; margin: 15px 0px 15px 0px; padding: 0px 0px 0px 0px;}

td.cdCell {padding: 1px 5px 1px 5px; font-size:11px;}
td.snapshotCell {padding: 1px 5px 1px 5px; font-size:9px;}

#container {
	display:block; width:1020px; 
	padding: 0px 10px 0px 10px;
	text-align:center;
	background-color: #FFFFFF;
}
#pagebase {
	display:block; width:1000px; 
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px;
	text-align:left;
	border-top: 15px solid #670001;
}
#masthead  {display:block; width:1000px;  height: 75px; float: none; }
	#masthead div.logo {display:block; width: 500px; float: left; }
		#masthead div.logo h1 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
			#masthead div.logo h1 a {display: block; width: 500px; height: 75px; background: transparent url(/img/site/chinavitae_logo.gif) no-repeat;}
				#masthead div.logo h1 a span {display: none;}
	#masthead div.searchbox {display:block; width: 500px; height: 35px; float: right; text-align:right; 
							margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;}



#mainnav {
	display:block; width:1000px; height: 17px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color: #000000;
}
div#navitem a, div#navitem a:visited {
	display: block; overflow: hidden;
	float: left;  
	font-size: 11px; font-weight:bold;
	color: #FFFFFF;	background-color: #000000;
	text-transform: uppercase;
	text-decoration: none ! important;
	margin-left: 0px; 	margin-right: 0px;	margin-top: 0px;	margin-bottom: 0px;
	padding-left: 15px; 	padding-right: 15px;	padding-top: 1px; 	padding-bottom: 1px; 
	border:1px solid #000000;
}
div#navitem a:hover {
	color: #833231; background: #F5F5F5; text-decoration: none ! important;	border:1px solid #000000;
}
#contentbody {
	display:block; width:1000px; height:auto; min-height:600px; float:none;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-bottom: 20px solid #FFFFFF;
}
#flashblock {
	display:block; width:1000px; height: 148px; overflow: hidden; float:none;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

#homeAppointments {
	display:block; width:243px; height: 320px; float:left;
	color: #670001;
	font-size:12px; line-height:14px; letter-spacing: .03em;
	background-color: #F5F5F5;
}
	#homeAppointments p {margin: 5px 5px 5px 20px; }

	#homeAppointments div.newAppointments {
		display:block; width:215px; height: 320px; float:left;
		background-color:#F5F5F5; color: #000000;
	}


#homecallout {
	display:block; width:243px; height: 320px; float:left;
	color: #670001;
	font-size:11px; line-height:13px; letter-spacing: .03em;
	background-color: #F5F5F5;
}
	#homecallout p {margin: 20px 20px 20px 20px; }

#homecallout2 {
	display:block; width:243px; height:530px; float:left;
	color: #670001;
	font-size:11px; line-height:13px; letter-spacing: .03em;
	background-color: #F5F5F5;
}
	#homecallout2 p {margin: 20px 20px 20px 20px; }
	
#homehighlight {
	display:block; width:756px; height: 320px; float:right;
	font-size:12px; line-height:16px; letter-spacing: .03em;
	border-left:1px solid #FFFFFF;
	background-color:#833231; color: #ffffff;
}

	#homehighlight div.bios {
		display:block; width:250px; height: 320px; float:left;
		background-color:#833231; color: #ffffff;
		border-right:2px solid #FFFFFF;
	}
	#homehighlight div.vips {
		display:block; width:504px; height: 320px; float:right;
		background-color:#833231; color: #ffffff;
	}
	#homehighlight div.listing {
		display:block; height: 225px; overflow:hidden;
	}
	div.highlightMore {
		margin: 5px 15px 0px 0px;
		line-height:18px;
		font-size: 10px; 
		font-weight:normal; 
		text-align:right;
	}
	div.highlightMore a {
		color: #FFFFFF;	
		text-decoration: none ! important;
	}
	div.highlightMore a:hover {
		color: #FFFFCC;
	}

	div.highlightMoreRSS {
		margin: 0px 15px 0px 0px;
		line-height:18px;
		font-size: 10px; 
		font-weight:normal; 
		text-align:right;
	}
	div.highlightMoreRSS a {
		color: #CFAFB0;	
		text-decoration: none ! important;
	}
	div.highlightMoreRSS a:hover {
		color: #FFFFCC;
	}

			
div.bioList { 	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height:20px;}		
	.on {background-color: #925051;	margin:0px 0px 0px 0px; padding:0px 0px 0px 20px;}
	.on a {background-color: #925051; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px;	color: #EEEEEE;	text-decoration:none;	}
	.on a:hover {font-weight:bold;	}
	.off {background-color: #833231;	margin:0px 0px 0px 0px; padding:0px 0px 0px 20px;}
	.off a {background-color: #833231; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px;	color: #EEEEEE;	text-decoration:none;	}
	.off a:hover {font-weight:bold;	}
div.vipList { 	margin: 0px 15px 10px 15px; padding: 0px 0px 0px 0px; height:35px;}		
div.vipList a {background-color: #833231; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;	color: #EEEEEE;	text-decoration:none;	}
div.vipList a:hover {text-decoration:underline;	}

#footer {
	display:block; width:1000px; float:none;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-top: 3px solid #670001;
	border-bottom: 20px solid #FFFFFF;
	font-size:10px;
	color:#666666;
}
div#footernav a {
	display: block; overflow: hidden; float: left;  
	margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;
	font-size: 10px; font-weight:bold;
	color: #666666;	
}
div#footernav a:hover {
	color: #833231;  	
	}

.highlightEyebrowBlack {
		 font-weight:bold;
		 display:block;  
			margin: 20px 10px 20px 10px; padding: 0px 0px 0px 0px;
			color:#000000;
			text-align:left;
			text-transform: uppercase;
			font-size:10px; letter-spacing: .1em;}
			
	
.highlightEyebrow {
		 font-weight:bold;
		 display:block;  
			margin: 20px 10px 20px 10px; padding: 0px 0px 0px 0px;
			color:#FFFFFF;
			text-align:left;
			text-transform: uppercase;
			font-size:10px; letter-spacing: .1em;}

.highlightEyebrow2 {
		 font-weight:bold;
		 display:block;  
			margin: 5px 10px 10px 10px; padding: 0px 0px 0px 0px;
			color:#FFFFFF;
			text-align:left;
			text-transform: uppercase;
			font-size:10px; letter-spacing: .1em;}

.browseEyebrow { color: #663333; font-weight: bold; font-size: 11pt;}
.browseQuery   { color: #000099; font-weight: bold; font-size: 10pt;}
.recentEyebrow { display:block; width:268px; 
	margin: 1px 1px 1px 1px; padding: 1px 1px 1px 1px;
	background-color: #EEEEEE; color: #663333; font-weight: bold; font-size: 9pt;}
.filterEyebrow { display:block; width:268px; 
	margin: 1px 1px 1px 1px; padding: 1px 1px 1px 1px;
	background-color: #EEEEEE; color: #663333; font-weight: bold; font-size: 14px;}
	
.queryMessage   { color: #000099; font-size: 10pt; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}	

ul.recentList {
	margin-left: 10px;
	padding-left: 2px;
	list-style-type: square;
	color: #cccccc;
}	

a.category	{color: #000000; font-weight: bold; font-size: 11pt;text-decoration: none;}
a.inst		{color: #000000; font-weight: bold; font-size: 11pt;text-decoration: none;}
a.subdiv  	{color: #000000; font-weight: bold; font-size: 10pt;text-decoration: none;}
a.instname	{color: #000000; font-weight: normal; font-size: 9pt;text-decoration: none;}

a.category:hover	{text-decoration: underline;}
a.inst:hover		{text-decoration: underline;}
a.subdiv:hover  	{text-decoration: underline;}
a.instname:hover	{text-decoration: underline;}

a.link09 {color: #FFFFFF; font-size: 11px; text-decoration: underline;}
a.link09:hover {color: #FFFFFF; font-size: 11px; text-decoration: underline;}

a.link10 {color: #000000; font-size: 10px; text-decoration: underline;}
a.link10:hover {color: #000099; font-size: 10px; text-decoration: underline;}

a.link11 {color: #000000; font-size: 11px; text-decoration: underline;}
a.link11:hover {color: #000099; font-size: 11px; text-decoration: underline;}

a.link11b {color:#000066; font-size: 11px; text-decoration: underline;}
a.link11b:hover {color: #000099; font-size: 11px; text-decoration: underline;}

a.link11g {color:#666666; font-size: 11px; text-decoration: underline;}
a.link11g:hover {color: #000099; font-size: 11px; text-decoration: underline;}

a.link11r {color:#660000; font-size: 11px; text-decoration: underline;}
a.link11r:hover {color: #000099; font-size: 11px; text-decoration: underline;}

a.link12 {color: #000000; font-size: 12px; text-decoration: underline;}
a.link12:hover {color: #000099; font-size: 12px; text-decoration: underline;}

a.link12b {color: #000066; font-size: 12px; text-decoration: underline;}
a.link12b:hover {color: #000099; font-size: 12px; text-decoration: underline;}

a.link12g {color:#666666; font-size: 12px; text-decoration: underline;}
a.link12g:hover {color: #000099; font-size: 12px; text-decoration: underline;}

a.link12r {color:#660000; font-size: 12px; text-decoration: underline;}
a.link12r:hover {color: #000099; font-size: 12px; text-decoration: underline;}

a.link12s {color:#FFFFFF; font-size: 12px; text-decoration: none;}
a.link12s:hover {color: #FFFFFF; font-size: 12px; text-decoration: underline;}

a.link14r {color:#660000; font-size: 14px; font-weight:bold; text-decoration: underline;}
a.link14r:hover {color: #000099; font-size: 14px; font-weight:bold; text-decoration: underline;}

a.link16r {color:#FFFFFF; font-size: 12px; text-decoration: underline;}
a.link16r:hover {color: #FFFFFF; font-size: 12px; text-decoration: underline;}

div.linkMore a {color: #000000; font-size: 12px; text-decoration: underline; padding:5px 0px 5px 25px;}
div.linkMore a:hover {color: #000099; font-size: 12px; text-decoration: underline; padding:5px 0px 5px 25px;}

a.bioDataLink {color: #000099; font-size: 11px; text-decoration: underline;}
a.bioDataLink:hover {color: #000099; font-size: 11px; text-decoration: underline;}

.sourceLabel { font-size:10px; text-transform:uppercase; color:#000000; background-color:#FEFDEB; font-weight:bold;}
.bioSource, a.bioSource {font-size:11px;  text-decoration:none; color:#999999; 
float:right; width:150px; height:18px; margin:2px 2px 2px 2px;}

a.ffSource, a.ffSource:visited {font-size:12px; text-decoration:none; color:#999999; padding:2px 4px 2px 2px;}
 a.ffSource:hover {font-size:12px;  text-decoration:underline; color:#990000; }

div.bioData { display:block; height: 150px; background-color: #EEEEEE; color: #660000; padding:1px 1px 1px 1px;}
div.bioName {font-size:16px; font-weight:bold; color: #660000; margin:5px 20px 5px 5px; }
div.bioTitle {font-size:12px; font-weight:bold; color: #660000; margin:5px 20px 5px 5px; }
div.bioDetails {font-size:11px; color: #660000; margin:5px 20px 5px 5px; }
img.headshot {margin:0px 10px 0px 0px;  border:1px solid #EEEEEE; }

div.bioDataSM { display:block; width:320px; float:left; height: 69px; background-color: #EEEEEE; color: #000000; padding:1px 1px 1px 1px;
	margin:4px 4px 0px 0px;}
div.bioNameSM {font-size:11px; font-weight:bold; color: #660000; margin:5px 20px 5px 5px; text-decoration:none;}
div.bioTitleSM {font-size:10px; font-weight:bold; color: #660000; margin:5px 20px 5px 5px; }
div.bioDetailsSM {font-size:10px; color: #660000; margin:5px 20px 5px 5px; }
img.headshotSM {padding:0px 5px 0px 0px;  margin:0px 5px 0px 0px;  border:1px solid #EEEEEE; width:45px; }

div.bioDataSM { display:block; width:450px; float:left; height: 69px; color: #000000; padding:1px 1px 1px 1px; margin:4px 4px 0px 0px;}
	
#bionav {
	display:block; float:none;
	width:700px; height: 16px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color: #666666; 
	border: 0px;
}

div#bionavitem a {
	display: block; overflow: hidden;
	float: left;  
	font-size: 10px; font-weight:bold;
	color: #FFFFFF;	background-color: #666666;
	text-transform: uppercase;
	text-decoration: none ! important;
	margin-left: 0px; 	margin-right: 0px;	margin-top: 0px;	margin-bottom: 0px;
	padding-left: 23px; 	padding-right: 23px;	padding-top: 1px; 	padding-bottom: 1px; 
	border:1px solid #666666;
}
div#bionavitemF a {
	display: block; overflow: hidden;
	float: left;  
	font-size: 10px; font-weight:bold;
	color: #F5F5F5;	background-color: #833231;
	text-transform: uppercase;
	text-decoration: none ! important;
	margin-left: 0px; 	margin-right: 0px;	margin-top: 0px;	margin-bottom: 0px;
	padding-left: 24px; 	padding-right: 24px;	padding-top: 1px; 	padding-bottom: 1px; 
	border:1px solid #833231;
}
/* 'greyed out' for when not a tracked person */
div#bionavitemG a {
	display: block; overflow: hidden;
	float: left;  
	font-size: 10px; font-weight:bold;
	color: #A9A9A9;	background-color: #666666;
	text-transform: uppercase;
	text-decoration: none ! important;
	margin-left: 0px; 	margin-right: 0px;	margin-top: 0px;	margin-bottom: 0px;
	padding-left: 24px; 	padding-right: 24px;	padding-top: 1px; 	padding-bottom: 1px; 
	border:1px solid #666666;
}


div#bionavitem a:hover {
	color: #833231;	background-color: #F5F5F5; text-decoration: none ! important;	
	border:1px solid #666666;
}

#dataPanel {
	display:block; width:700px; float:none;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color: #FFFFFF; 
}

.historyClear, a.historyClear {font-size:10px;  text-decoration:none; color:#999999; }






#colSingleWide {
	display:block; float: none;
	width:1000px;  
	margin: 10px 0px 15px 0px; padding: 0px 0px 0px 0px;
}
#colDoubleLeft {
	display:block; float: left;
	width:700px;  
	margin: 10px 0px 15px 0px; padding: 0px 0px 0px 0px;
}
#colDoubleRight {
	display:block; float: right;
	width:285px;  
	margin: 10px 0px 15px 15px; padding: 0px 0px 0px 0px;
}
#colTripleLeft {
	display:block; float: left;
	width:200px;  
	margin: 10px 0px 15px 0px; padding: 0px 0px 0px 0px;
}
#colTripleMiddle {
	display:block; float: left;
	width:470px;  
	margin: 10px 0px 15px 15px; padding: 0px 0px 0px 0px;
}
#colTripleRight {
	display:block; float: right;
	width:285px;  
	margin: 10px 0px 15px 15px; padding: 0px 0px 0px 0px;
}



