html, body {
color: #000;
background: #FFF;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
a:link {text-decoration: none; color:#0033FF;}
a:visited {text-decoration: none; color:#0033FF;}
a:active {text-decoration: none; color:#0033FF;}
a:hover {text-decoration: underline; color:#0033cc;}
#sitesiteWidth {
width: 993px;
margin: 0px auto;
/*float: left;*/
}
img {
border: 0px;
}
#siteMain {
width: 993px;
float: left;
}
/* Get rid of the margin, padding and bullets in the unordered lists */
#sitepmenu, #sitepmenu ul {padding:0; margin:0; list-style-type: none;}
/* Set up the link size, color and borders */
#sitepmenu a, #sitepmenu a:visited {display:block; font-size:14px; color:#000; height:30px; line-height:28px; text-decoration:none;font-weight: bold; }
/* Set up the list items */
#sitepmenu li {text-align:center;border: 1px solid #999999;float:left; background:#cccccc; margin-right: 5px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px;-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px;}
/* For Non-IE browsers and IE7 */
#sitepmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#sitepmenu li:hover > a {background:#acacac; color:#1d1d1d; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px;-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#sitepmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#sitepmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:5px 10px 10px 10px;width:99px;}
/* Position the first sub level beneath the top level links */
#sitepmenu > li:hover > ul {left:-12px; top:22px;}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #sitepmenu li a:hover {position:relative; background:#dfd7ca; color:#c00;}
/* For accessibility of the top level menu when tabbing */
#sitepmenu li a:active, #sitepmenu li a:focus {background:#dfd7ca; color:#c00;}
/* Set up the pointers for the sub level indication */
#sitepmenu li ul li { width: 145px; border: 1px solid gray; border-top: 1px solid #d0d9b6; border-left: 1px solid #d0d9b6; text-indent: 6px; padding: 2px; }
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* change the drop down levels from display:none; to visibility:hidden; */
* html #sitepmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:5px 10px 10px 10px;}
/* make the second level visible when hover on first level link and position it */
#sitepmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; left:-31px; top:15px;
}
.mainSectionBottomWizard2 {
background: #FFFFFF url("/Markslist/images/uiImages/main/bottomMainWizard.jpg") left top no-repeat;
height: 36px;
float: left;
width: 763px;
color: white;
font-size: 11px;
text-align: center;
padding-top: 4px;
}
#ccLogos {
float: left;
width: 200px;
}
#ccInfo {
float: left;
width: 450px;
}
#ccInfo th {
text-align: left;
margin-bottom: 5px;
}
#required {
color: red;
float: right;
}
.campaignThermometerLeft {
float: left;
border: 1px solid #868f98;
margin-top: 5px;
margin-bottom: 8px;
margin-left: 0px;
width: 180px;
font-size: 12px;
color: black;
background-color: cornsilk; /* #d8d8df; */
}
.campaignGoalLeft {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
font-size: 12px;
}
.campaignGraphLeft {
float: left;
width: 134px;
background: url("/Markslist/images/uiImages/therm_small.gif") left top no-repeat;
padding: 0px;
height: 25px;
margin-left: 2px;
}
.campaignPercentLeft {
float: left;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
margin-top: 4px;
}
.mainSectionBody2 {
width: 728px;
margin: 0;
padding: 0;
padding-left: 20px;
padding-right: 15px;
padding-bottom: 10px;
padding-top: 10px;
font-size: 13px;
float: left;
color: #1b375c;
background: #FFFFFF url("/Markslist/images/uiImages/main/middleMain.jpg") left top repeat;
}
.mainSectionBottom2 {
background: #FFFFFF url("/Markslist/images/uiImages/main/bottomMain.jpg") left top no-repeat;
height: 14px;
float: left;
width: 763px;
}
.mainSection2 {
width: 763px;
float: left;
margin-top: 8px;
}
.mainSectionTop2 {
float: left;
width: 763px;
background: #FFFFFF url("/Markslist/images/uiImages/main/topMainTitle.jpg") left top no-repeat;
}
.mainSectionTitle2 {
float: left;
padding-top: 10px;
font-weight: normal;
font-size: 16px;
font-family: arial black;
font-style: normal;
width: 763px;
text-align: center;
color: #4d71ab; /* gray #363b3e; */
}
.left {
text-align: left;
}
.infoBox {
width: 215px;
background-color: white;
margin: 0;
padding: 0;
font-size: 14px;
float: left;
}
.groupBoxTop {
width: 215px;
height: 38px;
background: #FFFFFF url("/Markslist/images/uiImages/leftToolBox/top.215.raspberry.jpg") left top no-repeat;
}
.groupBoxBody {
width: 215px;
margin: 0;
padding: 0;
float: left;
font-size: 12px;
color: #1b375c;
background: #FFFFFF url("/Markslist/images/uiImages/leftToolBox/middle.215.raspberry.jpg") left top repeat;
}
.infoBoxTitle {
width: 215px;
font-size: 14px;
color: white;
font-weight: bold;
margin-top: 15px;
padding: 0;
text-align: center;
float: left;
}
.groupBoxBottom {
background: #FFFFFF url("/Markslist/images/uiImages/leftToolBox/bottom.215.raspberry.jpg") left top no-repeat;
height: 14px;
width: 215px;
}
.bar {
position: relative;
margin-left: 23px;
background: url("/Markslist/images/uiImages/green_mercury.jpg") left top no-repeat;
text-align: left;
float: left;
height: 19px;
line-height: 2em;
width: 100px;
}