/* GENERAL STYLES */
.clearFix 			{clear:both;display:block;height:1px;margin:-1px 0 0;}
body				{margin:0; font:83% normal "Lucida Grande", arial, tahoma, sans-serif; font-size:10px; text-align:center; background-color: #eee}
#container 			{width:1000px;margin:0 auto;text-align:left;}

/* HEADER AND NAV STYLES */
#header_row {width:100%; height:217px; background:url(../images/body_bg.png) top left repeat-x; overflow:hidden}
	#header {width:1200px; height:217px; margin:0 auto; background:url(../images/bugwatch_header_new.png) top left no-repeat; overflow:hidden;}	
		#navigation {height:40px; width:800px; padding:0; margin:158px 0 0 366px; overflow:hidden; text-align:center;}
			#navigation li {float:left;}
			.active {color:#fff !important;}
			#navigation a:link, #navigation a:visited {font-size:16px; color:#1e5b00; margin:10px 6px 0 6px;padding:10px 5px 10px 5px; display:block;text-decoration:none;}
			#navigation a:hover {color:#fff !important;}

	
/* LEFT SIDEBAR STYLES */
#leftsidebar {margin:0 auto;width:240px;float:left;clear:both;overflow:hidden;}
	.sidebar_title {height:36px; font-size:24px; line-height:28px; color:#fff; margin:0; padding:0 0 0 10px; overflow:hidden; background: url(../images/content_title_bg.png) top left repeat-x;}
	.sidebar_content {background-color: #e5ffd8; padding:10px !important; margin:0 auto; }
		.promobox {float:left; clear:left; height:60px; width:210px; margin:0 auto; overflow:hidden;}
			.promobox_image {float:left; height:40px; width:40px; padding:10px}
			.promobox_copy {float:left; height:60px; width:140px;}
				.promobox_copy a, .promobox_copy a:visited {float:left; font-size:12px; padding:14px 0 0 0;color:#1e5b00;text-decoration:none;}
				.promobox_copy a:hover {color:#39900e}
				.promobox p {font-size:12px; line-height:16px; color:#1e5b00; text-align:center}
			.promobox_wide {float:left; clear:left; width:190px; margin:0 auto; padding:10px; overflow:hidden; text-align:center}
				.promobox_copy_wide {float:left; height:60px; width:190px; margin:0 0 10px 0; text-align: left;}
					#ka_club_select {float:left; clear:both; width:170px; padding:2px 0; margin:5px 0}
					.promobox_copy_wide a, .promobox_copy_wide a:visited {float:left; font-size:12px; padding:14px 0 0 0;color:#1e5b00;text-decoration:none;}
					.promobox_copy_wide a:hover {color:#39900e}
					.promobox_copy_wide p {float:left; font-size:12px; padding:5px 0; color:#1e5b00;}
			.ka_widget {float:left; clear:both; width:210px; margin:10px 0; text-align:center}
			

/* MAIN CONTENT STYLES */
#contentcontainer{margin:0 10px 0 10px; width:500px;float:left;overflow:hidden;}
	#content {width:500px;overflow:hidden; float:left;}
		.content_title 					{height:36px; font-size:24px; line-height:28px; color:#1e5b00; margin:0; padding:0 0 0 10px; overflow:hidden; background: url(../images/content_title_bg.png) top left repeat-x;}
		.content_copy 					{padding:10px !important}
		.content_copy h2 				{font-size: 18px; line-height: 24px; padding:4px 0; color:#1e5b00}
		.content_copy p 				{font-size: 14px; line-height: 20px; padding:5px 0; color:#1e5b00}
		.content_copy a {color: #1e5b00;}
			.content_copy .paragraph_header {color:#123700}
		#joinbugwatch {float:left; padding:0; margin:0; background-color: #CDFF9B}
		#joinbugwatch a, #joinbugwatch img {float:left; clear:both; padding:0; margin:0; width:490px; overflow:hidden;}
			
	
	/* BUG ALERT STYLES */
	#mapcontainer {float:left;margin:0;	width:490px;}
		#map {float:left;}
			#bugalert {float:left; clear:both; width:484px; padding:0; margin:0; overflow:hidden;}
			#bug_alert_button, #bug_alert_button:visited {color:#eafdb7;text-decoration:none;float:right; clear:both; margin:9px 4px 10px 0;background:url(../images/bug_alert.png) top left no-repeat;overflow:hidden;height:24px;width:70px;}
			#bug_alert_button:hover {}
			#bugalert img {border:none;}
	
	/* COMMUNITY HANDBOOK STYLES */
	.paragraph_title {font-size: 12px; line-height: 16px; color: #123700; font-weight: bolder}
	#what, #how, #terms {margin:10px 0 0 0}
	#what p, #terms p, #how p {font-size: 12px; line-height: 16px; color: #1e5b00; padding:5px 10px;}
	#what li, #terms li, #how li {font-size: 12px; line-height: 16px; color: #1e5b00; padding:5px 10px; margin:0 !important}
	
	/* BUG GUIDE STYLES */
	#featured_bug {width:490px; overflow:hidden}
		#featured_bug h3 {width:470px; padding:5px 10px; font-size: 14px;line-height:20px;color:#1e5b00}
		#featured_bug p {font-size: 12px; line-height: 16px; color: #1e5b00; padding:5px 10px;}
		#featured_bug a {color: #1e5b00;}
	
	.bugguideheader {float:left; clear:both}
		.bugguideheader img {float:left; clear:both; margin:10px auto;}
	.bugguidedescription {float:left; clear:both; width:570px;}
	.bugguidesymptoms {float:left; clear:both; width:570px;}
	.bugguidetreatments {float:left; clear:both; width:570px;}
		.bugguidetreatments h3, .bugguidetreatments h3, .bugguidetreatments h3 {float:left; clear:both; font-size:14px; color:#1e5b00; width:500px; padding:5px 10px 0;}
		.bugguidetreatments p, .bugguidetreatments p, .bugguidetreatments p {float:left; clear:both; font-size:12px; line-height:18px; width:500px; color:#1e5b00; padding:5px 10px; width:500px;}		
	#bugimage {margin:0;float:left;	border:0;clear:both;overflow:hidden;height:80px;width:60px;}
	#bugcontent {float:left; clear:both; padding:10px 0 20px 0}
	#bugimage a, #bugimage img {border:0;}
	#bugguide {float:left;margin:20px 0px 0px 17px;width:140px;height:80px;overflow:hidden;}
	#bugguide2 {margin:20px 0px 0px 17px;width:300px;height:300px;border:3px solid #000;}
	#bug {margin:0;float:left;overflow:hidden;width:60px;height:80px;}
	.bugTitle a, .bugTitle a:visited {margin:0;padding:1px 4px 4px 4px;float:left;font:83% normal "Lucida Grande", arial, tahoma, sans-serif;color:#006600;	font-size:12px;	text-decoration:none;text-align:bottom;display:block;}
	.bugTitle a:hover {color:#339933;}
	.bugTitle {background-image:url(../_images/bug_guide_images/bugguide_title.png);background-repeat:no-repeat;overflow:hidden;width:80px;height:60px;float:left;}
	.bugTitle a, .bugTitle a:visited {margin:0;padding:1px 4px 4px 4px;	float:left;font:83% normal "Lucida Grande", arial, tahoma, sans-serif;color:#006600;font-size:12px;text-decoration:none;text-align:bottom;display:block;}
	.bugTitle a:hover {color:#339933;}
	.bugTitle {background-image:url(../_images/bug_guide_images/bugguide_title.png);background-repeat:no-repeat;overflow:hidden;width:80px;height:60px;float:left;}
	.bugImage {height:58px;width:58px;float:left;overflow:hidden;border:1px solid #006600;}
	.symptomImage {height:58px;width:58px;float:left;overflow:hidden;border:1px solid #006600;}
	#symptomimage {margin:0;float:left;border:0;clear:both;overflow:hidden;height:80px;width:60px;}
	#symptomimage a, #symptomimage img {border:0;}
	#symptomguide {float:left;margin:20px 0px 0px 17px;width:140px;height:80px;overflow:hidden;}
	#symptomguide2 {margin:20px 0px 0px 17px;width:300px;height:300px;border:3px solid #000;}
	#symptom {margin:0;float:left;overflow:hidden;width:60px;height:80px;}
	.symptomTitle a, .symptomTitle a:visited {margin:0;padding:1px 4px 4px 4px;float:left;font:83% normal "Lucida Grande", arial, tahoma, sans-serif;color:#006600;font-size:12px;text-decoration:none;text-align:bottom;display:block;}
	.symptomTitle a:hover {color:#339933;}
	.symptomTitle {background-image:url(../_images/bug_guide_images/bugguide_title.png);background-repeat:no-repeat;overflow:hidden;width:80px;height:60px;float:left;}
	.symptomImage {height:58px;width:58px;float:left;overflow:hidden;border:1px solid #006600;}
	hr {color:#003300;margin:0;}
	.a, .b, .c, .d, .e, .f, .g, .h, .i, .j, .k, .l, .m, .n, .o, .p, .q, .r, .s, .t, .u, .v, .w, .x, .y, .z {display:block;height:60px;width:140px;float:left;overflow:hidden;margin:10px 0px 0px 17px;}
	#detail {visibility: hidden;z-index:5;}
	#s01 {font:83% normal "Lucida Grande", arial, tahoma, sans-serif;color:#000;font-size:10px;height:150px;width:150px;border:1px solid #000;float:left;}
	#s02 {height:50px;width:50px;border:1px solid #000;float:left;}
	#s03 {height:50px;width:50px;border:1px solid #000;float:left;}
	#s04 {height:50px;width:50px;border:1px solid #000;float:left;}
	#s05 {height:50px;width:50px;border:1px solid #000;float:left;}
	#s06 {height:50px;width:50px;border:1px solid #000;float:left;}


/* RIGHT SIDEBAR STYLES */
#rightsidebar {width:240px;height:800px;float:right;overflow:hidden;}
	#rightsidebar img {margin:5px 0 5px 0;border:1px solid #c0f4a6;overflow:hidden;}
	#rightsidebar a {float:left; margin:0 auto; text-align:center; width:208px; text-decoration:none;}


/* FOOTER STYLES */
#footer_row {width:100%; padding:0; margin:50px 0 0 0; text-align:left;background:url(../images/footer.jpg) top left repeat-x #e5ffd8;}
#footer {width:1000px; height:200px; margin:0 auto;background:url(../images/footer.jpg) top left no-repeat #e5ffd8; overflow: hidden}
#footer a, #footer a:visited {text-decoration:none;color:#fff;}
#footer a:hover {color:#ccc;}
#footer img {border:none;}
#credits {float:left;color:#fff;height:80px;width:1000px;overflow:hidden;margin:30px 0 10px 0;padding:5px 5px;}
#bottomads {margin:0 auto;width:1000px;height:90px;float:left;clear:both;padding:10px 0;text-align:center;}

/* THICKBOX STYLES */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	/*font: 12px Arial, Helvetica, sans-serif;*/
	color: #1e5b00;
}

#TB_secondLine {
	/*font: 10px Arial, Helvetica, sans-serif;*/
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:0 10px 0 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
	height:36px;
	line-height:36px;
}

#TB_ajaxWindowTitle{
	float:left;	height:36px; font-size:24px; line-height:36px; color:#1e5b00; margin:0; padding:0 0 0 10px; overflow:hidden;
}

#TB_title{
	background: url(../images/content_title_bg.png) top left repeat-x;
	height:36px;
}

#TB_ajaxContent{float:left; clear:both; padding:0; margin:0; overflow:auto;text-align:left;font-size: 12px;line-height:18px;}
	#TB_ajaxContent h3 {float:left; clear:left; width:560px; padding:10px 0 0 0; margin:0 0 0 15px; border-bottom:1px solid #b3f691; font-size: 14px;line-height:20px;color:#1e5b00}
	#TB_ajaxContent p {float:left; clear:left; width:560px; padding:5px 0 5px 0; margin:0 0 0 15px;font-size: 12px;line-height:18px;color:#1e5b00}
	#TB_ajaxContent label {float:left; clear:left; width:560px; padding:10px 0 0 0; margin:0 0 0 15px; font-size: 12px;line-height:18px;color:#555}
	#TB_ajaxContent .input_text, .input_textarea {float:left; clear:left; padding:3px 5px; margin:5px 0 5px 15px; width:560px; border:1px solid #999; color:#1e5b00; font-size: 14px;line-height:20px;}
	#TB_ajaxContent .input_select {float:left;clear:left; width:200px; padding:2px 4px 2px 0; margin:5px 0 5px 15px;}
	#TB_ajaxContent .submit {float:left; clear:both;margin:20px 0 20px 15px;}
	#TB_ajaxContent img {margin:20px 0 10px 15px;}

		
#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* CUSTOM BORDERS STYLES */

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */

body {font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;font-size:11px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;}


.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:9px;
	margin:0 0 0 18px;
	background:url(../images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:9px;
	background:url(../images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:5px;
	margin:0 0 0 12px;
	background:url(../images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:5px;
	background:url(../images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 5px;
	background:url(../images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 5px 0 0;
	background:url(../images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:0;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(../images/borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(../images/box.gif); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}
.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(../images/button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(../images/button.png);
}
.button .bb {
	height:4px;
	margin:0 0 0 8px;
	background-image:url(../images/button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:4px;
	background-image:url(../images/button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(../images/button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(../images/button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(../images/button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}

/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}

/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1,
* html .i2 {background-image:url(../images/borders.gif);}
* html .bt,
* html .bt div,
* html .bb,
* html .bb div {background-image:url(../images/box.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1,
* html .i3 {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one {width:70%;}

/* Custom rules for the buttons */
/* All IE versions need a width */
.button {width:20em;}
/* IE 7 does not need these */
* html .button .i1,
* html .button .i2 {background:transparent;}
* html .button .bt,
* html .button .bt div {background-image:url(../images/button.gif);}
* html .button .bb,
* html .button .bb div {background-image:url(../images/button.gif);}