/* FOUNDATION ELEMENTS: ------------------------------    */
body#mainsite	{ background:#FFFFFF url('/images/template/headerBG.jpg') repeat-x; margin:0; padding:0; }
body, table, td, th, .copy	{ font:normal 11px Arial,Helvetica,Tahoma,Verdana,sans-serif; text-decoration : none; color:#000000;}
#container 		{ font-size:100%; margin:0 auto 10px; width:970px; height:100%; text-align:left; }

A { color: #345296; font-weight:bold; text-decoration: none; }
A:hover	{ text-decoration:underline; }

A IMG		{ border: 0 none; }
TABLE 		{ border-collapse:collapse;}

A .copy	{  text-decoration : none;  color:#000000; }
A:hover .copy	{  text-decoration : none;  color:#000000; }

H1	{ font-size:180%; color: #000000; margin-top:10px; }
H2	{ font-size:160%; color: #000000; margin-top:8px; }
H3	{ font-size:140%; color: #000000; margin:0px; }
H4	{ font-size:130%; color: #000000; margin:0px; }
H5	{ font-size:120%; color: #000000; margin:0px; }

H5.grad { 
		min-height:26px; 
		padding: 7px 5px 3px;
		font-size : 12px; color: #333366;
		background : #bdbdbd url('/images/template/headlinebggrad.gif') repeat-x;
	}

H1.mega	{ font-size : 220%; background : #eee; border: 1px solid #ccc; margin : 0;}

.alert	{ color : #cc0000; }
.notice	{ border : 1px solid #8f9daa; background-color : #ffff99; color : #cc0000; font-weight:bold; font-size : 130%; padding : 6px; margin : 6px 0;}

/* TEMPLATE ELEMENTS: --------------------------------   */
DIV#headstaff	{ height:92px; margin-bottom:15px; }
	DIV#headLogo		{ float:left; width:239px; height:57px; margin:35px 0 0; }
	DIV#headSearch		{ float:right; width:660px; text-align:right; margin-right: 10px; padding-top:50px; font-weight:bold; color: white; }

DIV#leftMenu		{ float: left; height:100%; width:170px; margin-right: 20px; }
DIV#centerColumn	{ float: left; width: 745px; height:100%; margin-right: 15px; }
DIV#rightColumn		{ float: right; padding-left: 15px; text-align:center; border-left: 1px solid #cccccc; }

DIV.box		{ border: 1px solid #cccccc; margin-bottom: 10px; }
	DIV.box H2		{ font-size : 14px; color: #333366; margin: 0px; height:20px; padding-top: 3px; padding-left: 3px; background-color: #cccccc; }
	DIV.box DIV.menuItem, DIV.box DIV.menuItemOver		{ border-top: 1px solid #cccccc; background: url('/images/template/yarrow_r_11_pad3.gif') right no-repeat; height:19px; line-height:19px; padding-left:3px; }
	DIV.box DIV.menuItem		{ background-color: #ffffff; }
	DIV.box DIV.menuItemOver	{ background-color: #ededed; } 
	DIV.box	DIV.singleItem		{ border-top: 0 none; }


TABLE.dataTable {}
	TABLE.dataTable TD {border-bottom:1px solid #0f101f;}
	TABLE.dataTable TD.grid {border:1px solid #0f101f;}
	TABLE.dataTable TD.offwhite, TABLE.dataTable TR.offwhite TD { background-color:#eeeeee; }
	TABLE.dataTable TH {color:white;background-color:#2f3564; text-align:left;}
	TABLE.dataTable TH.sub {background-color:#8f9daa;}
	TABLE.dataTable TH.grid {border:1px solid #0f101f;}


A.fauxListItem	{ 
	display : block;
	background : url('/images/template/yarrow_r_11_pad3.gif') top left no-repeat; 
	padding-right : 3px;
	padding-left : 15px;
	margin-bottom : 7px;
	margin-left:10px;
	width:100px;
	overflow:show;
	white-space:nowrap;
}

.banner	{ 
	text-align:center;
	padding:5px;
}

#loading_anim	{ color : #cccccc; font-size:30px; font-weight:bold; line-height:50px; }

.searchResultsItem	{ border-bottom : 1px solid #dddddd; padding : 8px 0; }
	.searchResultsContext	{ margin-left : 30px; color : #666; }
	.resultsHighlight	{ background-color : #ffffcc; font-weight:bold;}


DIV#searchResultsDiv { border-top: 1px solid #ccc; margin-top:10px; }

.grayText	{ color: #8a9098; }
.redText	{ color: #982e2e; }

HR.basic	{ border: 0; color: #CCCCCC; background-color: #CCCCCC; height: 1px; width: 100%; text-align: left; }

DIV.dataPointDisplay	{ margin-bottom: 20px;}
	DIV.dataPointDisplay H2, H2.grad { 
		height:26px; 
		line-height:26px;
		padding: 0 5px 0;
		font-size : 14px; color: #333366;
		background : #bdbdbd url('/images/template/headlinebggrad.gif') repeat-x;
	}
	
	DIV.dataPointDisplay H2 { 
		margin: 0 0 3px; 
	}
	H2.grad { 
		margin: 0; 
	}

		DIV.dataPointDisplay #resourceCenter H2 { 
			margin: 0; 
		}


		DIV.dataPointDisplay H2.hot { 
			color: #cc0000;
			background : #fffac5 url('/images/template/headlinebggrad_yellow.gif') repeat-x;
			margin-bottom:0px;
		}	
	

	DIV.dataPointDisplay .copy {
		line-height : 1.3em;
		padding: 0;
	}


DIV#kitRightColumn	{
	width:305px;
	float:right;
	padding : 0 0 15px 20px;
	min-height:100px;
	display:block;
	background : #ffffff;
}

DIV#kitMfLogo	{
	width:210px;
	float:right;
	margin : 0 10px 5px;
	text-align:center;
}

	DIV#kitMfLogo A	{
		font-weight:normal;
		font-size : 10px;
	}

DIV#ratingSummary	{
	border : 1px solid #ccc;
	padding : 7px;
	margin-bottom:10px;
	background : #f0f0f0;
}
	#ratingSummary .prompt	{
		font-size : 15px;
	}


DIV#resourceCenter	{ 
	margin-top: 10px;
	margin-bottom: 10px;
	border : 1px solid #ccc;
}


DIV#pageFoot	{
	clear : both; 
	border-top : 1px solid #cccccc;
	margin : 10px 0 20px;
	padding-top: 5px;
	font-size : 10px;
	text-align : center;
}

	#pageFoot DIV#attributions {
		font-size : 9px;
		color : #cccccc;
		text-align : right;
	}

		#pageFoot DIV#attributions A	{ 
			font-weight : normal; 
			color : #cccccc; 
		}
		#pageFoot DIV#attributions A:hover	{ 
			color : #666666; 
		}



DIV#olcLink	{
	text-align:center;
	width:290px;
	float:left;
	border-right:1px solid #ccc;
	margin-right:10px;
	padding-right:10px;
	margin-top:20px;
}
	DIV#olcLink	A { font-weight:normal; }

DIV#olcLinkDummy	{
	width:150px;
	float:left;
	margin-top:20px;
	height : 100px;
}
	
DIV#aasLink	{
	text-align:center;
	width:300px;
	float:left;
	margin:20px 0;
	
}
	DIV#aasLink	A { font-weight:normal; }


#homeLeftCol	{
	width:295px; float:left; margin-right:10px;
}

#homeFeatured	{}
#homeLatestBlog	{ margin-top:8px; }
	#homeLatestBlog P { margin : 5px 0 5px; }
	#homeLatestBlog H4 { font-size : 11px; font-weight:bold; color:black; text-align:left; }
	#homeLatestBlog .date { font-size : 10px; color:#666666; font-style : italic; margin : 0; border-top: 1px solid #cccccc; }

#homeRightCol	{
	width:295px; float:left; margin-right:5px;
}

#homeVideo	{
	margin-top:10px;
}



#homePopular	{}
#popularKitList {}
	#popularKitList .item	{
		border-top : 1px solid #ccc;
	}
		#popularKitList .item .itemNumber	{
			width:30px;
			float:left;
			font-size : 36px;
			color : #666;
			font-weight:bold;
		}
		
		#popularKitList .item .itemText {
			padding-top : 5px;
		}


#kitReviewerInfo	{
	float:right; width:150px; min-height:300px; 
	border : solid #bdbdbd; border-width : 1px 0 0 1px;
	padding-bottom:20px;
	margin-left:10px;
}
	#kitReviewerInfo P, #kitReviewerInfo H4	{
		margin:0 0 4px 10px;
	}
	
	#kitReviewerInfo #editorPhoto {
		text-align:center;
		margin: 10px 0;
	}
	
	#kitReviewerInfo #editorPhoto IMG	{
		border : 1px solid #000;
	}
	
	
#vidContainer	{
	text-align:center;
	margin-top:25px;
	width:580px;
}

#videoComments	{
	margin-top:25px;
	width:580px;
	border-top:1px solid #bdbdbd;
}


.vidComment	{ clear:both; min-height:80px; border-bottom: 4px solid #cdd2e5; border-top: 2px solid #8991ae; margin-bottom:8px;}
.style_m	{ background-color : #cbcbcb; }
.style_e	{ background-color : #f2f6d4; }
.style_o	{ background-color : #f6f6f6; }
	.gravatar	{ float:left; width: 86px; text-align:center; min-height: 80px; }
	.commentBody	{ float:right; width: 490px; min-height: 80px; }
		.commentHead	{ background-color : #cdd2e5; min-height:20px; width:100%; }
			.commentPostBy { background-color : #8991ae; font-weight:bold; padding-left:4px; color : #f6f6f6; }
				.commentPostHead	{ float:left; width : 400px; }
				.commentNumber		{ float:right; width:60px; text-align:right; margin-right:4px; }
			.commentPoster	{ float:left; width: 350px;}
				.commentPosterName	{ font-size:13px; font-weight:bold; margin-left:4px;}
				.commentPosterJob	{ font-size:11px; margin-left:4px;}
			.commentPostDate	{float:right; width: 125px; margin-top:3px; text-align:right; margin-right:4px;}
		.commentText	{ padding : 7px; }
				
#commentAdded	{
	background-color : #efefef;
	padding:10px;
	height : 80px;
}
#commentAdded H3	{ margin-bottom : 10px; }




#commentAdd	{
	margin-top:15px;
	border-top: 1px solid #bdbdbd;
}

	#commentAdd .prompt	{
		width:110px; text-align:left;
	}





/* FORM ELEMENTS: ------------------------------------    */
FORM	{ margin: 0; padding: 0; }
input		{ font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:1px 2px; }
select 		{ font-size:11px; font-family:Arial, Helvetica, sans-serif; }
textarea 	{ font-size:11px; font-family:Arial, Helvetica, sans-serif; overflow:auto; padding:3px;}
INPUT.searchText	{ border:1px solid #333333; color: black; font-size: 10px; width: 150px; padding: 2px 3px; }
INPUT.formButton	{ border: 1px solid #585346; background: #B18E00 url('/images/template/buttonBG.gif') repeat-x; font-weight:bold; font-size:10px; padding:1px 3px; }


/* GENERAL ELEMENTS ----------------------------------    */

div.prompt 		{ float:left;  text-align:right; min-height:19px; margin-right:4px; width:150px; line-height:14px; vertical-align:baseline; font-weight:bold; padding : 3px 0 2px;}
div.field 		{ float:left; min-height:19px; text-align:left; vertical-align:baseline; line-height:19px; }
.clear			{ height:1px; overflow:hidden; clear:both; font-size:0em;}


.smallText		{ font-size: 10px; }
	.smallText A	{ font-weight:normal }

.smallGray		{ font-size: 10px; color:#666; }

.resource		{
	padding:10px 5px; 
	background:#ffffff;
	cursor:pointer;
	margin:0;
	font-size : 12px;
	font-weight :  bold;
	width: 293px;
	height:80px;
}
.resource_over	{ 
	padding:10px 5px; 
	background:#f0f0f0; 
	cursor:pointer;
	margin:0;
	font-size : 12px;
	font-weight :  bold;
	color : #345296;
	width: 293px;
	height:80px;
}

.thumbshotSmall {
	padding:0 5px 5px 0;
	margin:0 auto;
	border:0 none;
	background:url('/images/dropShadow.png') bottom right no-repeat; 
	width:202px;
	height:152px;
}

.thumbshotTiny {
	padding:0 5px 5px 0;
	margin:0 auto;
	border:0 none;
	background:url('/images/dropShadow.png') bottom right no-repeat; 
	width:90px;
	height:70px;
}

UL.tabs	{ height: 20px; margin: 0 0 10px; padding-left: 10px; background: url('/images/tab_bottom.gif') repeat-x bottom; }
	UL.tabs li { margin: 0; padding: 0; display: inline; list-style-type: none; }
	UL.tabs a:link, UL.tabs a:visited	{ 
		float: left; 
		background: #e9edf3; 
		font-size: 10px; font-weight: bold; text-decoration: none;
		line-height: 14px;  
		padding: 2px 10px 2px 10px; 
		margin-right: 4px; 
		border: 1px solid #ccc; 
	}
	UL.tabs a:link.active, UL.tabs a:visited.active { 
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}
	UL.tabs a:hover { background: #fff; }

/* vidIn insid of vidOut will crop video thumbs to widescreen */
	.vidOut { width:128px; height:72px; overflow:hidden; }
	.vidIn	{ margin-top:-12px; }