@charset "utf-8";
/* 
CSS Document: stylesmain.css
*/


/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1em;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
table img {
	padding:3px;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table td {
	vertical-align:top;
	/*padding: 2px;*//* Taken out because it was mucking up image menus (eg links.asp) Not sure if it stuffed anything up. */
}

/*
.categorymenu {
	line-height: normal;
	border: none;
	border-collapse: collapse;
}

.categorymenu tr, .categorymenu td, .categorymenu th {
	border: none;
	border-collapse: collapse;
}

.categorymenu td {
	height: 60px;
}

	.categorymenu td a {
		display: block;
		vertical-align: bottom;
		
	
	}
	
	.categorymenu td img {
		padding:0px;
		margin: 0px;
		display: block;
		vertical-align: bottom;
	}
*/

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


* {
margin:0;
padding:0
}



/* type */

html {
	font-size:62.5%;
}
	body {
		font-size: 1.2em;
		line-height: 1.7em;
		color:#323232;
		font-family:Arial, Helvetica, sans-serif;
	}

		a, a:link, a:visited {
			text-decoration:none;
			color:#0f34bb;
		}
		a:hover {
			text-decoration:underline;
			color:#0f34bb;
		}

		h1, h2, h3, h4, h5, h6 {
			font-family:Arial, Helvetica, sans-serif;
			font-size: 1.2em;
			line-height: 2.0em;
			font-weight: bold;
		}
			h1{ font-size:1.84em; color:#1069ad; }
			h2{ font-size:1.7em; color:#245091; }
			h3{ font-size:1.6em; color:#0e6bb0; }
			h4{ font-size:1.4em; color:#0e6bb0; }
			h5{ font-size:1.2em; color:#046aae; font-weight:normal; }
			
			
			h6 a, h6 a:visited {
				color:#323232;
				text-decoration:underline;
				font-weight:normal;
			}
			h6 a:hover {
				color:#0e6bb0;
				text-decoration:none;
			}
			

		#container ul {
			line-height:2.1em;
			color:#046aae;
			text-indent:1em;
			text-align:left;
		}
			#container ul li {
				background:url("../../images/type/li_blue.gif") no-repeat 0 0.7em;
				border-bottom:1px solid #b5e0f4;
				text-align:left;
			
			}

		#listsection {
			width:100%;
			margin: 5px 5px 15px 5px;
		}

		#container ul.leftlist {
			width: 150px;
			float:left;

			margin: 5px;
		}
			#container ul.leftlist li {
				background:url("../../images/nav/long-button.gif") no-repeat ;
				border-bottom: none;
				text-align:left;
				margin-bottom:3px;
			}

		#container .noliststyle ul {
			line-height:2.1em;
			list-style:disc;
			padding-left: 25px;
			color:#000000;
		}
		
		#container .noliststyle ul ul {
			list-style: circle;
		}
		#container .noliststyle ul ul ul {
			list-style: square;
		}
		
			#container .noliststyle ul li {
				background:none;
				border-bottom: none;
			}

			#container .nolistborder ul li {
				border-bottom: none;
			}

		#container .noliststyle ol {
			line-height:2.1em;
			list-style:disc;
			list-style-type:decimal;
			padding-left: 25px;
			color:#323232;
		}
		
		#container .noliststyle ol ol {
			list-style: lower-alpha;
		}
		#container .noliststyle ol ol ol {
			list-style: lower-roman;
		}
		
			#container .noliststyle ol li {
				background:none;
				border-bottom: none;
			}
			
			
		
		p, P { padding: 0 0 0.8em 0; }
		b, strong { font-weight:bold; }
		
		.tcenter {
			text-align: center;
		}
		
		.w100percent {
			width: 100%;
		}

	p a, p a:visited {

	}
	p a:hover {

	}
	
	clear {
		clear: both;
	}
	
	.pad5 {
		padding:5px;
	}
	
	/* class to stop links being underlined */
	.nounderline {
		text-decoration: none;
	}
	
	a.nounderline:link {
		text-decoration: none;
	}
	
	a.nounderline:active {
		text-decoration: none;
	}
	
	a.nounderline:visited {
		text-decoration: none;
	}
	
	a.nounderline:hover {
		text-decoration: none;
	}






/* styles */


body {
	background:url("../../images/structure/bg_body.gif") repeat-x #edf5f8; 
	/*background: url("../../images/backgrounds/01547_Car_Showroom.jpg") no-repeat top #0081C5;
	background: url("../../images/backgrounds/listerine_skin.jpg") no-repeat top #2db3a0; */
}


	#container {
		width:990px;
		margin:0 auto;
	}
	
	#maincontent {
		float: left;
		width: 680px;
	}

	#maincontentwide {
		float: left;
		width: 980px;
	}
	
	#leftclickarea {
		background: url(/images/ad_label_white_bg.gif) no-repeat top right;
		z-index: 2;
		/*margin: 0px 0px 0px -500px; */
		margin: 0px 0px 0px -170px;
		cursor: pointer;  
		/*width:500px; */
		width: 170px;
		height:800px; 
		position:absolute; 
	}	
	
	#rightclickarea {
		background: url(/images/ad_label_white_bg.gif) no-repeat top left;
		margin: 0px 0px 0px 985px; 
		cursor: pointer; 
		/*width:500px; */
		width: 170px;
		height:800px; 
		position:absolute;
	}	

html>body #header {
		position:relative;
		height:55px;
		background:url("../../images/structure/bg_header.png") repeat-y;
	}
		#header h1 {}
			#header h1 a {
				margin:11px 0 8px 30px;
				width:354px;
				height:35px;
				float:left;
				background:url(../../images/structure/logo_vmc.gif) no-repeat;
				text-indent:-99999px;
				font-size:0;
			}
		#header p {
		font-size:14px;
		padding-top:60px;
		width:100px
		}
		
		#header #search {
			position:absolute;
			width:380px;
			height:35px;
			top:12px;
			right:37px;
		}
			#header #search p {
				margin:0;
				padding:0;
			}
			
	
	 #container ul#nav {
		width:980px;
		float:left;
		clear:both;
		line-height:30px;
		background:url("../../images/nav/bg_nav.png") no-repeat -5px;
		text-indent:0;
		font-weight:bold;
		padding: 0 0 0 0px;
		margin: 0 0 0 5px;
		border-top:1px solid #cfcfcf;
	}
		#container ul#nav li {
			float:left;
			background:url("../../images/nav/bg_li.gif") no-repeat right;			
		}
			#container ul#nav li a, #container ul#nav li a:visited {
				float:left;
				padding:0px 9px; /* menu was over two lines in IE6 logged in. Changed from 10 to 9. */
				color:#245091;
			}
			#container ul#nav li a:hover {
				color:#009900;
				text-decoration:none;
			}
			#container ul#nav img {
				padding: 0px;
				margin: 0px 0px 0px 10px;
				border:none;
				position:static;
			}
			#container ul#nav .arrow {
				padding:10px 8px 0px 0px;
				margin-left:-8px;
			}
	

		#container ul#subnav li {
			background: none;	
		}
		
		#container ul#subnav li a {
			margin-left: -9px;		
		}
		
					#container .alphaboxtop {
					 padding: 7px 0px;
					}
					
					
					#container .alphaboxtop ul.az {
						background:none;
						margin: 0px auto;
						text-indent:0;
						padding: 0 0 0 10px;
						width: 640px;
						/*height: 75px;*/
						clear: both;
						

					}
						#container .alphaboxtop ul.az li {
							list-style: none;
							border:none;
							float:left;
						}
						#container .alphaboxtop ul.az a, #container .alphaboxtop ul.az a:visited {
							color:#646464;
							float:left;
							margin:1px;
							width:23px;
							height:23px;
							background:url("../../images/nav/bg_az.gif") no-repeat;
							text-align:center;
						}
						
						
						
						
			
			
	#container ul.breadcrumbs {
		width:660px;
		text-indent:0;
		padding:5px 0 0 16px;
		line-height:28px;
		float:left;
		background:url("../../images/nav/breadcrum_bg_ul.png") no-repeat top left;
	}
		#container ul.breadcrumbs li {
			float:left;
			padding-right:9px;
			background:url("../../images/nav/breadcrum_bg_li.gif") no-repeat right;
		}
			#container ul.breadcrumbs li a, #container ul.breadcrumbs li a:visited {
				float:left;
				padding:0 12px 0 10px;
				color:#646464;
			}
			#container ul.breadcrumbs li a:hover {
				color:#000;
				text-decoration:none;
			}
	#container #maincontentwide .content-block-wide ul.breadcrumbs {
		width:960px;
		background:url("../../images/nav/breadcrum_bg_ul_wide.png") no-repeat top left;
	}
			
		#main {
		}
		
			.content-carousel {
				float:left;
				width:680px;
				height: 262px;
				margin-bottom:1px;
				margin-top: 4px;
				background:url("../../images/structure/bg_carousel.png") no-repeat top;
				z-index: 2;
			}
		
			
			.carousel {
				margin: 10px 0 0 12px;
			}
				
				
			.content-block {
				clear:both;
				float:left;
				width:680px;
				padding-bottom:38px;
				margin-bottom:0px;
				background: url("../../images/structure/bg_contentbottom.png") no-repeat bottom;
			}
				.content-block .title {
					height:45px;
					background:url("../../images/structure/bg_contenttop.png") no-repeat;
					color:#fff;
					font-size:22px;
					line-height:50px;
					text-indent:26px;
					overflow:hidden;
					font-weight:normal;
				}
				.content-block .content {
					float:left;
					width:650px;
					padding:13px 15px 15px 15px;
					background:url("../../images/structure/bg_content.png") repeat-y;
				}
				
				.content-block-wide {
					width: 980px;
					background-image: url("../../images/structure/bg_contentbottom_wide.png");
					background-repeat: no-repeat;
					background-position: left bottom ;

				}
					.content-block-wide .content-wide {
						width: 950px;
						background: url("../../images/structure/bg_content_wide.png") repeat-y;					
					}
				
					.content-block .content .content-feature-text {
						width:330px;
						float:left;
						padding-left:10px;
					}
					.content-block .content .content-feature-img {
						float:left;
					}
				.alphalist {}
					.alphalist a {
						color:#999999;
					}
				
					.alphalist .selected {
						text-decoration:underline;
						color: #1069ad;
					}
				.article {}
					.article-image {
						float:right;
						padding:12px 0 10px 10px;
					}
				span.date {
					display:block;
					color:#9d9d9d;
				//	border-bottom:1px solid #0f6dad;
					margin-bottom:10px;
				}
				span.subdate {
					display:block;
					color:#9d9d9d;
					border-bottom:1px solid #0f6dad;
					margin-bottom:0px;
				}
				
				.content h2, .content h3, .content h4 {
					line-height: 25px;
					padding: 10px 0 0 0;
				}
				
				
				
				
				
				#container ul.tabs {
					padding:10px 0 0 11px;
					height:34px;
					background:url("../../images/structure/bg_contenttop.png") no-repeat;
					font-size:22px;
					line-height:40px;
					overflow:hidden;
					font-weight:normal;
					text-indent: 0.8em;
				}
					#container ul.tabs li {
						float:left;
						width:211px;
						height:34px;
						background:url("../../images/nav/bg_tabclosed.jpg") no-repeat;
						font-size:15px;
						line-height:40px;
						
					}
						#container ul.tabs li a, #container ul.tabs li a:visited {
							color:#fff;
							display: block;
						}
					#container ul.tabs li.selected {
						width:216px;
						background:url("../../images/nav/bg_tabopen.jpg") no-repeat;						
						font-size:24px;
					}
						#container ul.tabs li.selected a, #container ul.tabs li.selected a:visited {
							color:#245091;
						}
						
						
				#container ul.videotabs {
					height:30px;
					font-size:14px;
					line-height:30px;
					overflow:hidden;
					font-weight:normal;
				}
					#container ul.videotabs li {
						float:left;
						padding:0px 5px 0 0px;
						width:193px;
						height:30px;
						background:url("../../images/nav/bg_tabclosed_long.jpg") no-repeat;
						font-size:15px;
						line-height:30px;
					}
						#container ul.videotabs li a, #container ul.videotabs li a:visited {
							color:#444;
						}
	
					#container ul.videotabs li.selected {
						width:193px;
						background:url("../../images/nav/bg_tabopen_long.jpg") no-repeat;						
						font-size:14px;
					}
						#container ul.videotabs li.selected a, #container ul.videotabs li.selected a:visited {
							color:#245091;
						}	
							
						
				.videocontent {
					clear:left;
					float:left;
					width:650px;
					padding:0px 0px 0 0px;
					background-color:#c0daea;
				}
					.videocontent img {
						padding:5px;
						float:left;
					}
					
					.videocontentleft	{	
						float:left;
						width:400px;
						/*height: 315px;*/
						min-height: 305px;
						padding:5px 5px 5px 10px;
						background-color:#c0daea;
					}
					
					.videocontentleft h2, .videocontentleft p	{	
						padding:5px;
					}
				
					.videocontentright	{	
						float:left;
						width:205px;
						height: 316px;
						padding:0px 0px 0px 5px;
						background:url("../../images/nav/bg_grey.jpg") repeat-x;
						border-left: #FFFFFF 3px solid;	
					}
					
						.videocontentright h3 {
							color: #FFFFFF;
							padding: 10px 5px 10px 5px;
							line-height: 22px;
							font-size: 18px;
						}	

						#container .videocontentright ul {
							padding: 10px 0px 10px 10px;
							line-height:2.1em;
							color:#fff;
							text-indent:1.0em;
						}	
						
						#container .videocontentright ul li a, #container .videocontentright ul li a:visited {
							color:#fff;
						}	
						
						#container .videocontentright ul li {
							background:url("../../images/type/li_white.gif") no-repeat 0 0.7em;
							border-bottom:1px none #fff;
							padding-left: 7px;
							padding-bottom:7px;
							padding-top: 4px;
							line-height: 1.2em;
							text-indent: 0em;
						}	
						
						#container .videocontentright .morelink {
						 	color:#fff;
							padding: 10px 0px 10px 10px;
						}	
						
				.banner-block {
					clear:both;
					float:left;
					width:680px;
					padding-bottom:0px;
					margin-bottom:0px;
				}

                
					.banner-block-left {
						background: url(/images/ad_label_w.gif) no-repeat top;
						padding-top:8px;
						float:left;
						width:332px;
						padding-left:5px;
					}	
					
					.banner-block-right {
						background: url(/images/ad_label_w.gif) no-repeat top;
						padding-top:8px;
						float:right;
						width:332px;
					}
								
						
				#container ul.infotabs {
					padding:0px 0 0 0px;
					height:30px;
					font-size:14px;
					line-height:30px;
					overflow:hidden;
					font-weight:normal;
				}
					#container ul.infotabs li {
						float:left;
						padding:0px 3px 0 0px;
						width:158px;
						height:30px;
						background:url("../../images/nav/bg_tabclosed_short.jpg") no-repeat;
						font-size:15px;
						line-height:30px;
					}
						#container ul.infotabs li a, #container ul.infotabs li a:visited {
							color:#444;
							display: block;
						}	
						
					#container ul.infotabs li.selected {
						width:158px;
						background:url("../../images/nav/bg_tabopen_short.jpg") no-repeat;						
						font-size:14px;
					}
						#container ul.infotabs li.selected a, #container ul.infotabs li.selected a:visited {
							color:#245091;
						}					
						
					.infocontent {	
						clear:left;
						float:left;
						width:306px;
						padding:5px 5px 5px 5px;
						background:#c0daea url("../../images/structure/bg_infobottom.gif") no-repeat bottom;
					}	
					
						.infolistleft {
							width: 145px;
							float:left;
						}

						.infolistright {
						 	float:left;
						}
					
						#container .infocontent ul {
							line-height:2.1em;
							color:#046aae;
							text-indent:1.0em;
						}
							#container .infocontent ul li {
								background:url("../../images/type/li_blue.gif") no-repeat 0 0.7em;

								border-bottom:1px solid #92cce8;
								width: 160px;
							}
					
					.infocontentright .featuredcontent {
						margin-top: -38px;
					}
					
						.infocontentright .featuredcontent img {
							border: 1px solid #CCCCCC;
							padding: 5px;
							margin: 5px 5px 0px 5px;
						}
							
				    .content-information-text {
						width:300px;
						float:left;
						margin-top: -10px;
						padding-left:10px;

					}
							
						
				#container ul.pagination {
					text-indent:0;
					text-align:right;
					color:#646464;
				}
					#container ul.pagination a, #container ul.pagination a:visited {
						color:#646464;
						text-decoration:underline;
					}
					#container ul.pagination a:hover, #container ul.pagination .selected a, #container ul.pagination .selected a:visited {
						color:#1069ad;
					}
					#container ul.pagination li {
						display:inline;
						border:none;
						background:none;
					}
				
				#container ul.article-options {
					border:1px solid #dcdcdc;
					border-left:none;
					border-right:none;
					line-height:29px;
					text-indent:0;
					margin:20px 0;
				}
					#container ul.article-options li {
						display:inline;
						border:none;
						background:none;
						margin:0 5px;
					}
						#container ul.article-options li a {
							padding:5px 0 5px 30px;
						}
						#container ul.article-options .opt-EmailArticle {
							background:url("../../images/icons/email_article.gif") no-repeat left center;
						}
						#container ul.article-options .opt-PrintArticle {
							background:url("../../images/icons/print_article.gif") no-repeat left center;
						}
						#container ul.article-options .opt-BookmarkPage {
							background:url("../../images/icons/bookmark_article.gif") no-repeat left center;
						}
						#container ul.article-options .opt-Facebook {
							background:url("../../images/icons/facebook_article.gif") no-repeat left center;
						}
						#container ul.article-options .opt-Twitter {
							background:url("../../images/icons/twitter_article.gif") no-repeat left center;
						}
					
					
					
				#comments {}
					#comments div {
						padding:21px 18px;
						color:#646464;
						background:#f1f2f2;
						border:1px solid #e1e2e2;
						margin-bottom:20px;
					}
					#comments span {
						color:#323232;
					}
					#comments img {
						border:1px solid #e1e2e2;
					}
					
				#container ul.rate-article {
					float:left;

					color:#323232;
				}
				
				#rateArticle ul li {
					list-style:none;
					border:none;
				}
					#container ul.rate-article li {
						float:left;
						border:none;
						background:none;
					}
						#container ul.rate-article li a, #container ul.rate-article li a:visited {
							float:left;
						}
						
						
		#homecontent { }		
		
		#homecontent h2 { padding-bottom: 5px; padding-top: 0px;}		
		
		#homecontent h3 { padding-bottom: 5px; padding-top:5px;}	
		
		#homecontent img { padding:5px;}	
						
						
						
						
			
			#sidebar {
				float:right;
				padding-bottom:258px;
				padding: 1px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
			}
			
			
				.adwidget {
					width:310px;
					height: 252px; 
					margin-bottom:1px;
					background:url("../../images/structure/bg_rightbanner.png") no-repeat top;
				}
				
				.rightbanner {
					margin:  0px 0px 0px 0px;
					padding: 0px 0px 0px 2px;

					width: 300px;
				}	
				.rightbanner img {
					margin:  0px 0px 0px 0px;
					padding: 0px;
				}	
	
	
				.rightimg {
						margin:0 auto;
				}	
			
				.widget {
					width:310px;
					padding-bottom:34px;
					margin-bottom:1px;
					background:url("../../images/structure/bg_widgetbottom.png") no-repeat bottom;
				}
				

					.widget .title {
						clear:both;
						height:46px;
						background:url("../../images/structure/bg_widgettop.png");
						color:#fff;
						font-size:18px;
						line-height:50px;
						text-indent:26px;
						overflow:hidden;
						font-weight:normal;
					}
					.widget .content {
						padding:19px 17px 0 17px;
						background:url("../../images/structure/bg_widget.png") repeat-y;
					}
					
					.widget .content h3 {
						padding:0px;
						margin:0px;
						line-height:22px;
					}
										
					.widget .content h6 {
						line-height:22px;
					}
					
					#container .widget ul#az {
						background:none;
						text-indent:0;
						padding:0;
						margin:0;
						height:75px;
					}
						#container .widget ul#az li {
							border:none;
							float:left;
						}
						#container .widget ul#az a, #container .widget ul#az a:visited {
							color:#646464;
							float:left;
							margin:1px;
							width:23px;
							height:23px;
							background:url("../../images/nav/bg_az.gif") no-repeat;
							text-align:center;
						}
						
	
						
			.partners {
				clear:both;
				padding-bottom:31px;
				background:url("../../images/structure/bg_sponsorsbottom.png") no-repeat left bottom;
			}
			.sponsors {
				clear:both;
			}
				.partners .title, .sponsors .title {
					display:block;
					height:11px;
					font-size:10px;
					text-indent:-99999px;
					background:url("../../images/structure/bg_sponsorstop.png") no-repeat;
				}
				.partners .content, .sponsors .content {
					padding:0 20px;
					background:url("../../images/structure/bg_sponsors.png") repeat-y;					
				}
			

			.leaderboardadtop {
				width:990px;
				height: 110px;	
				margin: 0px auto 0px auto;
				padding: 10px 5px 0px 5px;
				background:url("../../images/ad_label_w.gif") no-repeat top center;
			}


			.leaderboardad {
				clear:both;
				padding-bottom:10px;
				padding-left: 0px;
				background:url("../../images/structure/bg_leaderboardbottom.png") no-repeat bottom left;
			}

				.leaderboardad .title {
					display:block;
					height:11px;
					font-size:0;
					text-indent:-99999px;
					padding-left: 0px;
					background:url("../../images/structure/bg_leaderboardtop.png") no-repeat;
				}
				.leaderboardad .content {
					padding: 5px 0px;
					margin: 0 auto;
					background:url("../../images/structure/bg_leaderboard.png") repeat-y;					
				}

				.leaderboardad  .content img {
					margin-left: auto;
					margin-right: auto;
				}

			.leaderboardad  .content .ad {
				margin: 0px auto 0px auto;
				padding: 10px 5px 0px 5px;
				background:url("../../images/ad_label_w.gif") no-repeat top center;
			} 
			
			
				ul.links {
					padding-bottom: 4px;
					list-style: none;
				}
				
				
				
				ul.links li {
					 background: url(../../images/type/li_blue.gif) 1px 0.35em no-repeat;
					border-bottom: #b5e0f4 1px solid;
					margin-top: 3px;
					padding-top: 3px;
					padding-bottom: 7px;
					padding-left: 1em;
					line-height: 1.2em;
					text-indent: 0em;
				}
				
				
				.widget .surveytitle {
					font-weight: bold;
				}
				
				.survey {
					padding-left: -20px;
					margin-bottom: 10px;
					width: 100%;
				}
				
				.survey .surveyinput {
					width: 25px;
					text-align: center;
				}
				
				.survey .surveyinput input {
					width: 15px;
					margin-right: auto;
					margin-left: auto;
					background-image: none;
				}
				
				.survey li label {

				}
				

/* videos */

.vid { 
	border: 1px solid #CCCCCC;
	width: 300px;
	/*height: 180px;*/
	background-color: #F0F8FF;
	padding: 4px;
}

.vid h3 {
 	border: 1px solid #CCCCCC;
 	padding-left: 10px;
	margin: 8px 0px 0px 0px;
	padding: 5px 0px 3px 10px;
	background-color: #FFFFFF;
}

.vid .thumb {
	
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	float: left;
}

.vid .vidtext {
	display: block;
	margin: 10px 5px 0px 0px;
	min-height: 140px;
	font-size: small;
}

/* videos new */
.vid2 { 
	border: 1px solid #CCCCCC;
	background-color: #F0F8FF;
	margin: 0px 0px 15px 0px;
}

.vid2 h3 {
 	border: 1px solid #CCCCCC;
 	padding-left: 10px;
	margin: 8px 4px 0px 4px;
	padding: 5px 0px 3px 10px;
	background-color: #FFFFFF;
}

.vid .viewbox {
	padding: 3px; border: 1px solid #CCCCCC; background-color: #FFFFFF; float: left;
}

.vid2 .vidtext {
	margin: 10px 10px 10px 10px;
	font-size: small;
}

/* small thumbs on videopage.asp */
.vidthumb {
	padding: 3px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}



			
.Animationinc {
	border: 1px solid #6699cc; 
	background-color: #DFEEFB; 
	text-align: center; 
	width: 165px;
	margin: 5px 5px 25px 0px; 
	padding: 5px 5px 5px 5px;
	float:left;
}


.smalladtext {
	clear:both;
	float: left;
	background: transparent url(/images/ad_label_nav.gif) no-repeat center top;
}





.smalltext {
	font-size: 0.9em;
	font-weight: 100;
}

.listgroup {
	font-size: 0.7em;
	font-weight: 100;
	color: #aaaaaa; 
}

.sponsortable td {
	padding:10px;
	text-align:center;
}


.bluebox {
	border: 1px solid #6699cc; 
	border-top: 5px solid #6699cc; 
	background-color: #DFEEFB; 
	margin-bottom: 10px; 
	margin-top: 10px;
	padding: 20px;
}
.orangebox {
	border: 1px solid #ff9933; 
	border-top: 5px solid #ff9933; 
	background-color: #FFE6CC;  
	margin-bottom: 10px; 
	margin-top: 10px;
}
.newsbox {
	border: 1px solid #EFEFEF; 
	background-color: #FFFFFF; 
	padding: 5px;
	margin-bottom: 10px; 
	margin-top: 10px;
}

paginations{
	clear:both;
	font-size:12pt;
	margin-top:10px;
	margin-bottom: 20px;
	text-transform:lowercase;
	text-align: center;
	width: 100%;

}

.paginations a{
	clear:both;
	margin:0;
	padding:3px 5px;
	color: #0066FF;
	text-decoration: underline;
}

.paginations .selected{
	color: #009933;
	text-decoration: none;
	font-weight: bold;
}

.paginations span{
	margin:0;
	padding:3px 5px;
}

.paginations span{
	color: #0066FF;
	border:1px solid #F0F2F5;
}

.paginations span.disabled{
	color:#F0F2F5;
}

.paginations a{
	border:1px solid #F0F2F5;
}

.paginations a:hover{
	background:#FAFCFF;
	border-color:#DEEBFF;
}

.paginations span.gap{
	border-color:#fff;color:#777;
}

.survey {
min-height: 50px;
}			
				

/* Styles for BP small ads on specific pages */
.bp220x25 {
	font-weight: bold;
	font-size: 14px;
	text-align:right;

}

.bp220x25 a {

}

.bp220x25 a img {
	border: none;
	text-decoration: none;
	margin-top: 5px;
}

.bppagetextlink {
	font-size: 14px;
	text-align: right;
	line-height: 25px;
	padding: 10px 0 0;
}

.bppagetextlink2 {
	position:relative;
	float: right;
	margin-bottom: 10px;
	font-size: 11px;
	text-align:right;
	width: 115px;
}

.BParticleads {
	float: right;
}
/* End styles for BP small ads on specific pages */


		#header #cse-search-box {
			position:absolute;
			width:380px;
			height:35px;
			top:12px;
			right:100px;
		}
			#header #cse-search-box p {
				margin:0;
				padding:0;
			}
			
.ad-wrapper {
	position:relative;
}

.ad-wrapper span {
	position:absolute;
	top: 0px;
	left: 290px;
	width: 100px;
	height: 7px;
	z-index: 10;
	background: transparent url(/images/ad_label_w.gif) no-repeat;
}


.datatable {
	border: 1px solid #006600;
	border-collapse: collapse;
	margin:10px; padding: 10px;
}
.datatable td {
	border: 1px solid #003300;

}



#datatable {
	border: 1px solid #006600;
	border-collapse: collapse;
	margin:10px; padding: 10px;
}

#datatable td {
	border: 1px solid #003300;
	padding: 5px;
}


#datatable th {
	border: 1px solid #003300;
	text-align:center;
	font-weight:bold;
	padding: 5px;
}



#datatable td ul {
	margin: 0px;
	padding: 0px;
}

		
.signuptable {
	width: 95%;
	border: 1px solid #efefef;
	margin: 10px auto;
	
}

.signuptable th {
	border-bottom: 1px solid #efefef;
	background:#4d9ec8;
	font-weight:bold;
	padding: 5px;
}

	.signuptable h3 {
		color:#FFFFFF;
		margin: 0px;
		padding: 0px;
	}

	.signuptable h2 {
		margin:1px; padding: 1px;
		color: #ff6600;
	}

	.signuptable td {
		margin:5px; padding: 5px;
	}
		
			
/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px 0px 0px 0px }
	.coda-slider { background: #FFF }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 0px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 658px; height: 238px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px 0px }
	
	.coda-nav {height:10px;}
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background-image:url(/images/structure/grey-circle.png);}
	

	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 0px; text-align: left }
	
	/* Panel padding */
	.coda-slider .panel-wrapper .title { display:none; }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul {  
					display: block; 
					overflow: hidden; 					
					position:relative;
					top:225px;
					left:10px; z-index: 8;
					}
					
					
	.coda-nav ul li { display: inline;  }
	.coda-nav ul li a { color: #fff; 
						display: block; 
						float: left; 
						margin-right: 1px;  
						text-decoration: none; 
						width:20px; 
						height:20px;  
						background-image:url(/images/structure/blue-circle.png);
						}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both;  padding: 0px 0px 0px 10px; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left; }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
#bphf-top #bphf-header{
	background-image:url("../../images/ad_label_above.gif");
	background-repeat:no-repeat;
	background-position: center right;
}


#bphf-top{
position:absolute;
top:0px;
width:100%;

}




/* facebook and twitter links on home page */
		.fbttable {
			width: 300px;
			border: none;
		}
		
		.fbttable a {
			border: none;
			padding: 0px;
			margin: 0px;
			text-decoration: none;
		}
		
		.fbttable img {
			border: none;
			padding: 0px;
			margin: 0px;
			text-decoration: none;
		}

/* about us page */
		.awardimage {
			clear: both;
			float: left;
			width: 190px;
			height: 100%;
			display: block;
		}
		.awardimagewrapper {
			clear: both;
			width: 100%;
			margin-top: 20px;
		}
		
		#breakoutbox {
			width: 240px;
			float:right;
			padding:2px 2px 2px 7px;
			margin:1px 1px 1px 0px; 
			border: 1px #999999 solid;
		}

				.news-block {
					clear:both;
					float:left;
					width:645px;
					padding-bottom:10px;
					margin-bottom:0px;
					font-size:0.9em;
				}

					.news-block-left {
						padding-top:8px;
						float:left;
						width:310px;
						padding-left:5px;
					}	
					
					.news-block-right {
						padding-top:8px;
						float:right;
						width:310px;
					}	
			


/* menu */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	border-left: 1px #cfcfcf solid;
	border-right: 1px #cfcfcf solid;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	width:			132px;
		z-index: 99999;
	background-color:#FFFFFF;
	font-size:      0.8em;
}



ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}

.sf-menu li li li {
	background-color:#CCCCCC
};

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/* ==== Global Styles ==== */
	.error { color:#ff3300; }
	.required { color:#ff3300; }


	fieldset {
		border:1px solid #ccc;
		padding:1.0em;
		margin:1.0em 0;
		}
		legend {
			font-size:1.6em;
		}
		
	form {
		color:#646464;
	}
	
		form a, form a:link, form a:visited {
			color: #0f34bb;
		}
		form a:hover {
			color:#000;
		}
	
		form div, form p {
			clear:left;
		}
		form #disclaimer {
			display:block;
			text-align:right;
		}
		form label {
			/*width:85px;*//* Took out because it was making all labels that wide :-( */
			float:left;
		}
		form input, form textarea {
			
			font-size:1.08em;
			padding:0.25em;
			
			font-family:Arial, Helvetica, sans-serif;
			color:#666;
			border:1px solid #e1e2e2;
		}
		form ul {
			text-indent:0;
		}
			form ul label {
				width:auto !important;
				float:left;
			}
			form ul input {
				width:auto !important;
				float:left;
				font-size:1.08em;
				padding:0;
				font-family:Arial, Helvetica, sans-serif;
				color:#666;
			}
			
		
		form input.btn {

		}
		
		form .hidden {
			display: none;
			border: none;
		}
		
		#captchacode {
			width:60px;
		}
		
		
/* ==== Widget Styles ==== */


		.widget label {
			display:block;
			width:100%;
			color:#323232;
		}
		.widget input {
			float:none;
			

		}
		
		.widget form ul li {
			width:100%;
			float:left;
			background:none;
			border:none;
			list-style:none;
		}
		
		.widget form  li {
			background:none;
			margin:0px 0px 5px 0px;
		}
		.widget form ul input {
			float:left;
			background:none;
			margin:1px 0px 0px 0px;
		}
		.widget form ul label {
			float:left;
			/*height:19px;*//* Took out because if survey option is too long it wraps over the next option. */
			color:#323232;
		}
		
		
		.widget .hidden {
			display:none;
		}
		
		
		.widget .btn {
				float:right;
				width:107px;
				height:23px;
				border:none;
				background:url("../../images/forms/btn_savecomment.gif") no-repeat;
				color:#fff;
				margin-left:85px;
				padding-bottom: 5px;
		}
		

/* forms */

			#header #search  {
				background:url("../../images/forms/searchbar.gif") no-repeat;
				float:left;
			}
			
			#header #search input {
				position:absolute;
				width:270px;
				height:23px;
				line-height:23px;
				margin:3px 0px 0px 10px;
				padding:0px 0px 0px 0px;
				border:none;
				color: #999999;
				background:none;
				float:left;
			}
			#header #search input.btn {
				position:absolute;
				left: 290px;
				width:50px;
				height:23px;
				margin:3px 0px 0px 10px;
				padding:0px 0px 0px 0px;
				border:none;
				color:#FFFFFF;
				float:left;
			}
			
		#comments {}
			#comments input {
				width:306px;
			}
			#comments textarea {
				width:480px;
			}
			#comments input.btn {
				width:107px;
				height:23px;
				border:none;
				background:url("../../images/forms/btn_savecomment.gif") no-repeat;
				color:#fff;
				margin-left:85px;
			}

			
		ul.rate-article input {
			background:none;
			border:none;
		}
		
		
		
		
		
		#login {}
			#login input {
				
			}
			
			#login input.btn {
				width:108px;
				height:45px;
				float:right;
				border:none;
				background:url("../../images/signup_buttons/login-button.gif") no-repeat;
				margin-right: -10px;
				margin-top: -32px;
				cursor: pointer;
			}
			

			#login #subscribebtn {
				float: right;
				border:none;
				margin-right: -8px;
				margin-top: -10px;
			}
			
			#login #signupbtn {
				float: right;
				border:none;
				margin-right: -5px;
				margin-top: 10px;
				margin-bottom: 8px;
			}
			
			#login #loginarea {
				padding: 10px 5px 5px 5px;
				margin-bottom: 15px;
				border-top: 1px #d8e0eb solid; 
			}
			
			#login #signarea  {
				float:left;
				margin-left: 5px;
				margin-top: -15px;
				margin-bottom: 20px;
				width: 150px;
			}	
			
			#login #signarea h4 {
				color:#FF6600;
			}	
			
			#login #signarea b {
				font-size: 1em;
				line-height: 1em;
			}		
			
			#login #signarea b {
				font-size: 1em;
				line-height: 1em;
			}	
			
			#login  #signuptext {
				margin-left: 5px;
			}
			

			#loginform {
				width:280px;
				padding: 20px;
				margin: 40px;
				float:left;
				border: 1px #CCCCCC solid;
			
				
			}	
			
	
			#loginform #btnlogin{
				width:108px;
				height:45px;
				float:right;
				border:none;
				background:url("../../images/signup_buttons/login-button.gif") no-repeat;
				margin-right: -10px;
				margin-top: 27px;
				cursor: pointer;
			}	
			
			
		#subscribe {}
			#subscribe input {
				text-align:center;
			}
			#subscribe input.btn {
				width:72px;
				height:23px;
				float:left;
				border:none;
				background:url("../../images/forms/btn_login.gif") no-repeat;
				color:#fff;
				margin-left:10px;
			}
			
			
			#header #cse-search-box  {
				background:url("../../images/forms/searchbar.gif") no-repeat;
				float:left;
			}
			
			#header #cse-search-box input {
				position:absolute;
				width:270px;
				height:23px;
				line-height:23px;
				margin:3px 0px 0px 10px;
				padding:0px 0px 0px 0px;
				border:none;
				color: #999999;
				background:none;
				float:left;
			}
			#header #cse-search-box input.btn {
				position:absolute;
				left: 290px;
				width:50px;
				height:23px;
				margin:3px 0px 0px 10px;
				padding:0px 0px 0px 0px;
				border:none;
				color:#FFFFFF;
				float:left;
			}
		
		
/* forum */		




.content-thread {
		float:left;
		width:650px;
		padding:13px 15px 15px 15px;
		background:url("../../images/structure/bg_content.png") repeat-y;

}

.content-thread-search {
		height: 40px;
		background:url("../../images/structure/bg_bluebar.png") no-repeat;
		font-size: 1.2em;
}

.content-thread-search form {
	 margin: 0;
	 padding: 0;
	 float: right;
	 padding: 4px 10px 2px 2px;
}

.content-thread-search form input, .content-thread-search form textarea {
	font-size:0.8em;
	padding:0.25em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	border:1px solid #e1e2e2;
}

.content-thread-search form input.btn {
	font-size:0.8em;
	color:#0066CC;
	background-color:#fff;
	border:none;
}



#forumdescription {
		float:left; 
		width:390px;
		padding-top:4px;
}


#forumcounters {
		float:left;
		text-align:left;
		width:100px; 
		padding-top:6px;
		color:#999999;
		font-size:0.9em;
		line-height:1em;
		padding: 5px;
}

#forumposts {
		float:left; 
		text-align:left;
		width:150px; 
		padding-top:6px;
		color:#999999;
		font-size:0.9em;
		line-height:1.2em;

}

#postsection {
	clear:both;
	border-bottom: #efefef 1px solid;
	
}


#replyid {
		float:right;
		text-align:left;
		width:100px; 
		padding:5px 5px 5px 5px;
		color:#999999;
		font-size:0.9em;
		line-height:1em;
		padding-right: 5px;
		
}

#replytext {
		float:left; 
		text-align:left;
		width:490px; 
		padding-top:5px;
		
		
}	


#replytopostitem {
		float:left; 
		text-align:left;
		width:490px; 
		padding:6px 0px 6px 0px;
		min-height: 65px;
		
}

#replyiditem {
		float:right;
		text-align:left;
		width:100px; 
		padding-top:0px;
		color:#999999;
		font-size:0.9em;
		line-height:1em;
		padding-right: 5px;
		padding-top: 5px;
		min-height: 65px;
		
}

#forumpages {
	float:right;
	margin-bottom: -20px;
}

#replytopostform {
		float:left; 
		text-align:left;
		width:490px; 
		padding:6px 0px 6px 20px;

}


.content-block .forum {
	padding-bottom:8px;
}


#replyimg {
	clear:both;
	float:right;
	padding: 20px 25px 0 0;

}


#adtop {
	top:0px;
}

#adright {
	float:right;
	width:150px;
}

#adleft {
	float:left;
	width:150px;
}

#adbbottom {
	bottom:0px;
}



#tforum
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.1em;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

#tforum thead 
{
	background-image: url(../../images/table-images/grad-bg.gif);
	background-repeat:repeat-x;
}


html>/**/body #tforum thead th.rounded-left
{
	// background: #1c77b7 url('../../images/table-images/left.png') left -1px no-repeat;
	
	 background: url('../../images/table-images/top-left.gif') left -1px no-repeat;
}

html>/**/body #tforum thead th.rounded-right 
{
	// background: #1c77b7 url('../../images/table-images/right.png') right -1px no-repeat;
	
	 background: url('../../images/table-images/top-right.gif') right -1px no-repeat;
}

#tforum thead th
{
	padding: 4px 4px 4px 8px;
	font-weight: normal;
	font-size: 13px;
	color: #FFF;
}

#tforum td
{
	padding: 4px 4px 4px 8px;
	background: #f0f7ff;
	border-top: 1px solid #D4E0EE;
	color: #669;
}


#tforum td.odd
{
	padding: 4px 4px 4px 8px;
	background: #fff;
	border-top: 1px solid #D4E0EE;
	color: #669;

}

#tforum tfoot td {
	text-align:right;
	padding: 4px 8px 4px 4px;
}

#tforum tbody td blockquote {
	padding: 3px 4px 3px 25px;
	margin: 2px;
	background-color:#FFFFFF;
	border:#999999 1px solid;
	
	
	background: #FFF url('../../images/table-images/leftquote.png') left top no-repeat;

	
}





#tforum tfoot td.rounded-foot-left
{
	// background: #f0f7ff url('../../images/table-images/botleft.png') left bottom no-repeat;
	
	 background: #f0f7ff url('../../images/table-images/bot-left.gif') left bottom no-repeat;
}
#tforum tfoot td.rounded-foot-right
{
	// background: #f0f7ff url('../../images/table-images/botright.png') right bottom no-repeat;
	
	 background: #f0f7ff url('../../images/table-images/bot-right.gif') right bottom no-repeat;
}
#tforum tr:hover td
{
	// background: #f5f5f5;
}


.poster {
	border-right: 1px solid #D4E0EE;
}


.tforum thead {
	background:url("../../images/structure/bg_bluebar.png") no-repeat;
}

.tforum tbody tr { background: #FCFDFE; }

.tforum tbody tr.odd { background: #F7F9FC; }

 .tforum th {
		
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	line-height:1em;
	color: #FFF;
}

.rounded-left a {
	color: #FFF;
}

.tforum td {
	border-bottom: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	line-height:1.2em;
	color: #555;

	
}

.tforum caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

.tforum td, .tforum th {
	padding: 4px;
}

.tforum tbody th {
	font-weight: bold;
}

.tforum table a:link {
	color: #718ABE;
	text-decoration: none;
}

.tforum table a:visited {
	color: #718ABE;
	text-decoration: none;
}

.tforum table a:hover {
	color: #718ABE;
	text-decoration: underline !important;
}

.tforum tfoot th, tfoot td {
	font-size: 85%;
}


.imgbtn {
	border:none;
	float:right;
	margin:0px;
	padding:0px;
}


.searchbox {
	margin:2px 0px 0px 0px;
}





/* Calcstyles */

.calc {border: 1px solid #CCCCCC; font-family: sans-serif; width: 340px;}
.calc .calchead {background-color: #6699cc; font-weight: bold; text-align: center; letter-spacing: 0.1em; }
.calc .calchead td {color: #FFFFFF; }
.calc { background-color: #DFEEFB; }
.calc .instructions { font-weight: bold; text-align: center;}
.calc td {padding-left: 3px; padding-right: 3px; }

.asthmalink { display: block; }
.asthmalink img { border: none; }
.center     {text-align: center}

/* background classes */
.calcrepeatmiddle {
	width: 466px;
	background-image: url(images/tools/bg_tool_middle_repeat.jpg);
	background-repeat: repeat-y;
}

.calcrepeathead {
	height: 100%;
	background-image: url(images/tools/bg_tool_top_repeat.jpg);
	background-repeat: no-repeat;
}

.calcrepeatfoot {
	height: 100%;
	background-image: url(images/tools/bg_tool_bottom_repeat.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* end background classes */

.ansdiv {
	width: 406px;
	vertical-align: middle;
	padding: 10px 20px 10px 20px;
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	text-align: justify;
}


/* start menstruation due date calc */
#menstruationcalc {
	width: 466px;
	height: 224px;
	background-image: url(images/tools/bg_menstruation_tool.jpg);
	background-repeat: no-repeat;
	padding: 10px 0px 10px 10px;
}

#menstruationcalc .calchead td h3 {
	font-weight: bold;
	color: #000000;
	font-size: 16px;
	padding-top: 10px;
}

#menstruationcalc .imageleft {
	padding-left: 120px;
}

#menstruationcalc .instructions {

}


/* end menstruation due date calc */

/* start somachtp */
#divhtp #diva {
	width: 466px;
	background-image: url(images/tools/bg_htp_top.jpg);
	background-repeat: no-repeat;

}

#divhtp #diva h2 {
	padding: 50px 0px 0px 140px;
	font-size: 16px;
}

#divhtp #diva h3 {
	padding: 20px 0px 0px 140px;
}

#divhtp #diva h4 {
	padding: 45px 0px 5px 10px;
}

#divhtp h4 {
	padding: 10px 0px 5px 10px;
}

#divhtp .htpquestion {
	padding: 0px 0px 10px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
	
}

#divhtp .htpradio {
	margin-left: auto;
	margin-right: auto;
	width: 446px;
	border: 1px solid #CCCCCC;
	
}

#divhtp .htpyes {
	width: 30px;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
}

#divhtp .htpno {
	width: 30px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
}

#divhtp .htpans {
	text-align: left;
	width: 396px;
}

#divhtp .htpsubmit {
	text-align: right;
	padding: 0px 10px 5px 0px;
}

#divhtp .questiondiv {
	width: 466px;
}

#divhtp .ansdiv {
	width: 406px;
	padding: 10px 20px 10px 20px;
	margin-left: 9px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
}

#divhtp #divotcref {
	width: 466px;
	height: 160px;
	padding: 0px 10px 0px 10px;
	background-image: url(images/tools/bg_tool_small_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: justify;
	vertical-align: text-bottom;
}

#divhtp #divotcref ol {
	margin: 10px 0px 0px 20px;
}

/* end somachtp */

/* healthy eating quiz: healthyeatingquiz.asp */
.fontblack {
	color: #000000;
}

#tabbedbuttons img {
	border: none;
	padding: 0px;
	margin: 0px;
}

#tabbedbuttons flowertabs {
	padding: 0px;
	margin: 0px;
	width: 100%;
}

/* end healthy eating quiz: healthyeatingquiz.asp */

/* start pregnancy due date calculator */
	.pregduedatecalc {
		width: 466px;
		height: 224px;
		background-image: url(images/tools/bg_pregnancy_tool.jpg);
		background-repeat: no-repeat;
	}
	
	.pregduedatecalc .pregduedatepl {
		padding-left: 130px;
	}
	
	.pregduedatecalc .pregduedatecalchead td {
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		padding-top: 10px;
	}

	.pregduedatecalc .pregduedateinstructions {
	
	}
	
	.pregduedatecalc #edd {
		color: #000000;
	}

/* end pregnancy due date calculator */


/* start thin pregnancy due date calculator */
	#pregduedatecalc_thin {
		width: 190px;
		height: 224px;
		background-image: url(images/tools/bg_pregnancy_thin_tool.jpg);
		background-repeat: no-repeat;
		margin: 5px 0 0 0;
		padding: 5px 0px 0 110px;
	}
	
	#pregduedatecalc_thin #pregstartdate {
		width: 80px;
		font-size: 1.2em;
		padding-top: 4px;
	}
	
	#pregduedatecalc_thin #edd {
		width: 80px;
		font-size: 1.2em;
		padding-bottom: 4px;
	}
	


/* end thin pregnancy due date calculator */



/* start ldl levels cholesterol calc */
	#ldllevelsintro {
		width: 466px;
		/*height: 351px;*/
		background-image: url(images/tools/bg_ldllevel_small_top.jpg);
		background-repeat: no-repeat;
	}

	#ldllevelsintro .tblintro .ldltitle {
		padding: 55px 10px 55px 200px;
		font-weight: bold;
		font-size: 18px;
		text-align: center;
	}

	#ldllevelsintro .tblintro .intro {
		padding: 0px 10px 0px 10px;
		text-align: justify;
	}

	#ldllevelsintro .tblintro .continue {
		padding: 10px 10px 10px 10px;
		text-align: right;
	}
	
	/* user input */
	#ldllevelsinput {
		width: 466px;
	}

	#ldllevelsinput .tblinput {
		width: 456px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #fbd9c0;
		text-align: left;
	}
	
	#ldllevelsinput .tblinput .row1 {
		background-color: #fef6f3;
	}
	
	#ldllevelsinput .tblinput td {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	#ldllevelsinput .tblinput .following {
		padding-left: 20px;
	}

	#ldllevelsinput .tblinput .evaluate {
		padding: 10px 10px 10px 10px;
		text-align: right;
	}
	
	#ldllevelsinput .tblinput .borderbottom td {
		border-bottom: 1px solid #fbd9c0;
	}
	
	/* Results */
	#ldllevelsresults {
		padding: 5px;
		width: 446px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		border: 1px solid #CCCCCC;
	}

	#ldlresandref {
		width: 466px;
		background-image: url(images/tools/bg_tool_small_bottom.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	
/* end ldl levels cholesterol calc */


/* homsmall */

#homsmall {
	width: 466px;
	height: 224px;
	background-image: url(images/tools/bg_hom_small.jpg);
}

.homsmallfirst {
	width: 220px;
}

.homsmalltitle {
	height: 40px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding-top: 20px;
}

.homsmalltext {
	font-size: larger;
	vertical-align: top;
	padding-right: 20px;
	text-align: justify;
}

.homsmalllink {
	text-align: center;
	vertical-align: middle;
	padding-bottom: 25px;
}

/* end homsmall */


/* Small HOM */
.shomcalc {
	width: 466px;
	background-image: url(images/tools/bg_HOM_top.jpg);
	background-repeat: no-repeat;
}

.shomcalc .shomcalchead td {
	font-weight: bold;
	font-size: 18px;
	padding-left: 200px;
	height: 120px;
	text-align: center;

}

.shomcalc td {
	padding-left: 10px;
}

/* End small HOM */


/* Dementia benchmark checklist small*/
.dementiatable {
	width: 466px;
	height: 224px;
	background-image: url(images/tools/bg_dementia_tool_small.jpg);
	background-repeat: no-repeat;
}

.dementiatable td {
	padding-right: 15px;
}

.dementiatable .dementiaheading {
	padding-left: 200px;
	height: 40px;
}

.dementiatable .dementiabody {
	text-align: justify;
	padding-left: 260px;
	vertical-align: top;
}

.dementiatable .dementiafooter {
	padding: 0px;
	text-align: center;
	vertical-align: top;
}

/* End Dementia benchmark checklist */

/* Calorie counter */
.cctable {
	width: 466px;
	height: 224px;
	background-image: url(images/tools/bg_caloriecounter_tool.jpg);
	background-repeat: no-repeat;
}

.cctable td {
	padding-left: 200px;
	padding-right: 15px;
}

.cctable .ccheading {
	height: 40px;
}

.cctable .ccbody {
	vertical-align: top;
}

/* End calorie counter */

.calcwidth {
	width: 446px;
}

/* Full blood count */
#tblbloodcount {
	background-image: url(images/tools/bg_bloodcount_top.jpg);
	background-repeat: no-repeat;
	width: 466px;
}

#tblbloodcount .bloodhead {
	padding-left: 220px;
}

#tblbloodcount .bloodtitle {
	height: 80px;
	vertical-align: top;
	padding-top: 20px;
}

#tblbloodcount .bloodtitle h3{
	color: #000000;
	font-weight: bold;
	font-size: 18px;
}

#tblbloodcount input {
	text-align: right;
}

#tblbloodcount #subblood {
	text-align: center;
}

#tblbloodcount .bloodheading td{
	font-weight: bold;
	padding-top: 30px;
}

#tblbloodcount td{
	padding-left: 8px;
	padding-right: 8px;
}

#tblbloodcount .row1 td{
	border-top: 1px solid #fdf3ea;
}

#tblbloodcount .bloodresults td{
	font-weight: bold;
	background-color: #f9d2d2;
	padding: 3px;
}

#tblbloodcount .bloodsub {
	padding-top: 10px;
	padding-bottom: 10px;
}

.bloodcalcreferences {
	font-size: smaller;
	padding-left: 5px;
	padding-right: 20px;
	text-align: justify;
}


/* End full blood count */

/* General */

/* Plus and minus buttons. */
.btnplusminus {
	width: 11px;
	height: 11px;
	border: none;
}

.btnplusminus img {
	position: relative;
	top: -2px;
	left: -2px;
}

.btntop {
	position: relative;
	top: -12px;
}

.btnbtm {
	position: relative;
	top: 0;
	left: -11px;
}
/* End plus and minus buttons. */

.calcheading {
	font-weight: bold;
	font-size: 16px;
	padding-top: 10px;
}

.pl10 {
	padding-left: 10px;
}

.pl5 {
	padding-left: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pr15 {
	padding-right: 15px;
}

.plr5 {
	padding-left: 5px;
	padding-right: 5px;
}

.aright {
	text-align: right;
}

.acenter {
	text-align: center;
}

.vmiddle {
	vertical-align: middle;
}

.hiderow {
	display: none;
}

.toolbackground {
	background-image: url(images/tools/bg_tool_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-left: auto;
	margin-right: auto;
}

.toolbackgroundwide {
	background-image: url(images/tools/bg_tool_wide_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-left: auto;
	margin-right: auto;
}

.toolbackgroundsmall {
	background-image: url(images/tools/bg_tool_small_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 466px;
	margin-left: auto;
	margin-right: auto;
}

.onetoten {
	width: 100%;
}

.onetoten td {
	width: 10%;
	text-align: center;
}

.tjustify {
	text-align: justify;
}

.calcreferences {
	font-size: smaller;
	text-align: left;
	padding: 10px 10px 10px 10px;
}

.message {
	padding: 5px;
	margin: 5px;
	border:1px solid #FF0000;
}



.button-hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	text-decoration:none;
}

.button-hover:hover {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
	text-decoration:none;
}