/* IE HACKS _ is for IE6 and // is for IE7 */
/*bodySection, stepSection H1, and emailSection H1 font-size changed per Rick's recommendation*/
body { background-color: black; color: #333; }

body, p, ol, ul, td {
   font-family: arial, helvetica, sans-serif;
   /*font-family: courier bold, tahoma;*/
   font-size:   13px;
   line-height: 18px;
}
a { color: black; }
a:visited { color: black; }
a:hover { color: #B73324; }

div#content {
	margin: 0 auto;
	height: auto;
	width: 1040px;
	display: block;
}
div#dashboardContent {
	margin: 0 auto;
	height: auto;
	width: 1048px;
	/*display:block;*/
	background-color: #FFFFFF;
}
div#leftSlice {
	width:11px;
	height: 820px;
	/*clear:both;*/
	/*display:block;*/
	float:left;
	/* need float left for line to display without height specified but it makes graphs go down*/
	/* also need float left for line with height.  WITHOUT float the graphs are below line*/
	/* the float:left; seems to impact the white background in mozilla*/
	background: url('http://assets.clatterhead.com/images/dashboard/left_vert.png') repeat-y;
}
div#leftCorner {
	height:13px;
	width:14px;
	clear:both;
	display:block;
	float:left;
	background: url('http://assets.clatterhead.com/images/dashboard/left_bottom_corner.png') no-repeat;
}
div#rightSlice {
	width:11px;
	height: 820px;	
	/*clear:both;*/
	/*display:block;*/
	float:right;
	/* need float left for line to display without height specified but it makes graphs go down*/
	/* also need float left for line with height.  WITHOUT float the graphs are below line*/
	/* the float:left; seems to impact the white background in mozilla*/
	background: url('http://assets.clatterhead.com/images/dashboard/right_vert.png') repeat-y;
}
div#rightCorner {
	height:13px;
	width:14px;
	*/clear:both;
	display:block;
	float:right;
	background: url('http://assets.clatterhead.com/images/dashboard/right_bottom_corner.png') no-repeat;
}
div#bottomSlice {
	width: 1050px;
	/*height: 11px;*/
	/*display:block;*/
	background: url('http://assets.clatterhead.com/images/dashboard/bottom_slice.png') top repeat-x;

}
div#mainmenu {height:50px;width:400px;margin-left:30px}
.tabnav {display:inline;margin:0;padding:0;}
.tabnav li {list-style:none;margin:0 0 .15em;padding:0;float:left;width:100px;height:33px;}
ul.tabnav a{background: url('http://assets.clatterhead.com/images/dashboard/tabs.png');background-position: 0 0;display: block;width: 100px;height: 33px;text-align: center;
	text-decoration:none;line-height:2.0;font-size:14x;}
ul.tabnav a:hover{background: url('http://assets.clatterhead.com/images/dashboard/tabs.png');background-position: -100px 0;color:white;}
ul.tabnav .activeTab a{background: url('http://assets.clatterhead.com/images/dashboard/tabs.png');background-position: -100px 0;color:white;}

#daysmenu {display:block;width:900px;height:30px;margin-left:20px;}
.daysnav {display:inline;margin:0;padding:0;}
.daysnav li {list-style:none;margin:0 0 .15em;padding:5px;float:left;width:90px;height:18px;text-align: center;}
ul.daysnav a{display: block;width: 90px;height: 18px;text-align: center;text-decoration:none;color:#ACADAC;font-weight:bold;border:1px #ACADAC solid;}
ul.daysnav a:hover{color:black;border:2px #006ca0 solid;}
ul.daysnav .activeDays a{color:black;border:2px #006ca0 solid;}

/*  The following is the code to use Rick's images and have them stay for the activeTab.  The class activeTab needs to be on the
    anchor instead of the li.  The same code would apply to the demographics id.
li#basics a{background: url('basics.png');background-position: 0 0;display: block;width: 76px;height: 25px;text-align: center;
	text-decoration:none;line-height:2.0;font-size:14x;text-indent:-99999px;}
li#basics a:hover{background: url('basics.png');background-position: -76px 0;color:#cc0000;}
li#basics a.activeTab {background: url('basics.png');background-position: -76px 0;color:#cc0000;}
*/

div#leftSection {
	float: left;
	width: 580px;
	height: 545px;
	display: block;
}
div#rightSection {float:left;width:440px;height:545px;}
div#logo {
	float: left;height:90px;
}
div#productImage {float:left;height:272px;width:376px;padding-top:75px;}
div#ad {float:left;height:161px;width:376px;margin-top:20px;}
.clear {clear:both;}
div#bodySection {float: left;height: 410px;width:518px;/*width: 560px*/;margin-top: 10px;}
div#bodySection h1 {height:20px;font-size:17px;}
div#bodySection p {height:20px;font-size:11px;}
/* invisibility:hidden; retains spacing when removing survey section*/
div#bodySection .survey {align:center;float:left;margin-top:5px;margin-left:5px;color:#A5A5A5}
div#bodySection .iconSection{height:100px;width:360px;margin-top:5px;}
/*div#bodySection .textSection{height:20px;margin-top:-15px;margin-left:45px;}*/
div#stepOne {clear:both;padding-left:10px;padding-top:30px;//padding-top:15px;}
div#stepTwo {clear:both;padding-left:10px;padding-top:25px;//padding-top:10px;}
div#stepThree {clear:both;padding-left:10px;padding-top:15px;//padding-top:15px;}
/* #stepSection h2 in client specific style sheet */
div#bodySection h3 {padding-left:10px;font-size:11px;}
/* amp_from_email and .emailField both on main page*/
input#amp_from_email {margin-top:5px;//margin-left:0px;}
.emailField {background-image: url('http://assets.clatterhead.com/images/input_field_background.png');font-weight: bold;border: 1px;border-style: solid;border-color: black;margin:2px;height:20px;width:250px;//margin-left:-70px;}
/* .fromField used in addition to the first two email fields */
.fromField {clear: both;height:30px;width:530px;margin-top:5px;margin-left:70px;//margin-left:35px;}
div#stepSection{float:left;height:160px;margin-left:none;width:485px;margin-left:10px;}
div#stepSection h1 {height:20px;text-align:left;margin-top:20px;padding-top:12px;font-size:17px;/*font-size:20px;*/}
/* #stepSection h2 in client specific style sheet */
div#stepSection h3 {height:15px;text-align:left;margin-top:4px;font-size:11px;color:#A5A5A5;}
div#stepSection li {display:inline;font-size:18px;margin-left:8px;}

div#steps{
	clear: both;
	float: left;
	margin-top: 100px;
	width: 62px;
	height: 380px;
	display: block;
}
/*input#icon{float:left;align:top;height:88px;width:64px;padding-right:15px;}*/
.shareIcon {float:left;height:80px;//height:90px;width:80px;//width:70px;padding-right: 6px;}
/* Need to put .shareMySpace in customer specific CSS */
/*.shareMySpace {float:left;height:80px;//height:90px;width:80px;//width:70px;padding-right: 6px;display:none;}*/
/*.errorExplanation {height:50px;width:220px;text-align:left;float:left;}*/
#errorExplanation {float:left;margin-left:92px;margin-top:8px;color: #C3502F;height: 30px;width: 180px;text-align: left;}
#errorExplanation h2 {display:none;text-align: left;font-weight: bold;padding: 5px 5px 5px 15px;font-size: 12px;margin: -7px;background-color: #c00;color: #fff;}
#errorExplanation p {display:none;color: #333;margin-bottom: 0;padding: 5px;}
#errorExplanation ul li {float:left;margin-left:60px;margin-top:7px;text-align:left;font-size: 13px;background-color: #FFFFFF;list-style: none;width:250px;}
div#emailSection {height:120px;margin-top:2px;}
div#emailSection h1{height:20px;text-align:left;margin-top:4px;padding-top:12px;font-size:17px;margin-left:70px;/*font-size:20px*/}
div#emailSection .emailFieldsSection {clear:both;float:left;height:70px;width:500px;margin-top:5px;margin-left:70px;}
.message {float:left;text-align:left;background-color: white;font-weight: normal;border: 1px;border-style: solid;border-color: black;margin:2px;
   margin-top:10px;height:130px;width:300px;font-size:14px;}
.messageSection {height:30px;width:500px;}
.sendSection {float: right;margin-top:15px;margin-left:10px;height:100px;width:100px;}
.sendButton {background:url('http://assets.clatterhead.com/images/send_button.png');}

/*.thankYouHeader in client specific css*/
/*div#thankYouBody in client specific css*/
div#thankYouBody h3 {font-size:20px;margin-top:30px;}
img#shareButton{margin-top:30px;}

div#footerSection {height:150px;width:1040px;font-size:12px;font-weight: bold;}
div#footerSection a {color:white;}
div#clientSite {margin-left:340px;padding-top:575px;//padding-top:30px;}
.label {float:left;text-align:left;width:300px;font-weight: bold;margin-top:25px;color: white;}
.legalSection {float:left;width:200px;margin-left: 25px;margin-top: 25px;padding-left: 10px;}

/*.leftBox, .rightBox in client specific css */
.leftBox {margin-left: 120px;}
.rightBox {margin-left: 50px;margin-top:82px;}
.middlePart {float: left;margin-left: 30px;height: 20px;width: 20px;font-size: 30px;//font-size:24px;font-weight: bold;margin-top: 105px;}
/*#labelSocial a:hover in client specific css */

.jsvalidation {
   color: #C3502F;
   background-color: #FFFFFF;
   /*color: #FFEC9B;
   font-weight: bold;*/
   height: 80px;
   //height: 18px;
}
.field {
   background-color: white;
   font-weight: bold;
   border: 1px;
   border-style: solid;
   border-color: black;
   height:20px;
   width:450px;
}
.textarea { 
   background-image: url('http://assets.clatterhead.com/images/input_field_background.png');
   color: #443106;
   font-weight: bold;
   margin-left: 40px;
}