/*************************************************************************************\
 *
 *        TITLE:  Default Style Sheet
 *       CLIENT:  TOBA Sales Integrity Program
 *  TARGET SPEC:  CSS 2
 *     MODIFIED:  2008.06.27
 *    AUTHOR(S):  Graham Wheeler / NetMediaOne - www.netmediaone.com
 *
\*************************************************************************************/


/*************************************************************************************\
 *                                                                                   *
 *  ELEMENT DEFAULTS                                                                 *
 *                                                                                   *
\*************************************************************************************/

a, a:visited { color: #8e0c07; text-decoration: underline; cursor: pointer; }
a:hover, a:visited:hover { color: #8e0c07; text-decoration: none; cursor: pointer; }

html, body, div, img, td, dl, dd, dt { border: 0px; padding: 0px; margin: 0px; }

html { height: 100%; }

html { background: #ffda96 url("bg_html.gif") top center; }

body { min-height: 100%; background: url("bg_body.gif") top center repeat-y; font: normal 12px/1.66 Arial, Helvetica, sans-serif; }

dt { font-weight: bold; text-transform: capitalize; }
dd { padding: 0px 0px 10px 10px; }

h1 { color: #8e0c07; font: bold 20px Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; }

h2 { color: #8e0c07; font: bold 14px Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; }
h2 img { display: block; }

p { margin: 10px 0px 10px 0px; }

ol li { margin: 10px 0px 10px 0px; }


/*************************************************************************************\
 *
 *  CUSTOM CLASSES
 *
\*************************************************************************************/

.ArrowBullets { list-style: none; margin: 10px 0px 10px 0px; padding: 0px; line-height: 1.6; }
.ArrowBullets li { margin: 0px; padding: 0px 0px 0px 10px; background: url("bullet1.gif") left .60em no-repeat; }
.ArrowBullets a { text-decoration: none; }
.ArrowBullets a:hover { text-decoration: underline; }

.Bordered { border: 4px solid #562917; }

.Left { display: inline; float: left; margin: 5px 30px 10px 0px; }
.Right { display: inline; float: right; margin: 5px 0px 10px 30px; }

.TextBox, select { border: 1px solid #ccc; margin: 2px 0px 2px 0px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 4px; }

.Required { border-color: #77b800; }

.ColumnWrapper { overflow: auto; }
.Column { display: inline; float: left; position: relative; }

.DropDownMenu {
	position: absolute;
	z-index: 999;
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background: #522716;
	width: 185px;
	top: 24px;
	left: 0px;
	list-style: none;
	display: none;
}
.DropDownMenuShadow {
	position: absolute;
	z-index: 998;
	margin: 0px;
	padding: 14px 0px 0px 0px;
	background: #000;
	border: 1px hidden #000;
	width: 185px;
	height: 200px;
	top: 24px;
	left: 4px;
	display: none;	
}
ul.DropDownMenu li {
	margin: 0px !important;
	padding: 0px !important;
	display: block !important;
	float: none !important; 
}
ul.DropDownMenu a, .DropDownMenu a:visited {
	padding: 5px 9px 5px 9px;
	margin: 0px;
	display: block !important;
	text-decoration: none;
	font-weight: bold;
	border: 0px;
	color: #fff;
	float: none !important;
}
.DropDownMenu a:hover, .DropDownMenu a:visited:hover {	background: #000; color: #fff; }

.SubmitButton { border: 1px solid #77b800; margin-left: 165px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px 5px 10px; background: #f5f5f5; }

.SubLabel { font: normal 10px/1.2 Verdana, Arial, Helvetica, sans-serif; color: #666; margin-right: 4px; }

.StatusMessage { margin: 0px 0px 20px 0px; padding: 10px 10px 10px 45px; }
.HasJS .StatusMessage { display: none; }

.FailedValidation { border-color: #fc0 !important; padding-left: 20px; background: url("icon_error.gif") 3px 3px no-repeat; }

.ValidationErrorMessage {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-left: 5px;
}



/*************************************************************************************\
 *                                                                                   *
 *  PAGE LAYOUT ELEMENTS (arranged by order of appearance in HTML)                   *
 *                                                                                   *
\*************************************************************************************/

#layoutWrapper { width: 940px; margin: 0px auto 0px auto; position: relative; }

#topSection { height: 140px; background: url("bg_top_bar.jpg") repeat-x; border-bottom: 2px solid #ffda96; }
#imgLogo { display: block; position: absolute; top: 20px; left: 30px; }

#navSection {	height: 29px; background: url("bg_nav_bar.gif") repeat-x; }

#primaryNav { display: block; margin: 0px 0px 0px 18px; list-style: none; padding: 0px; }
#primaryNav li { display: inline; float: left; margin: 0px 6px 0px 0px; padding: 0px; position: relative; }
#primaryNav a, #primaryNav img { display: block; }
#primaryNav li.Active { background: url("nav_on_arrow.gif") bottom center no-repeat; }
#primaryNav a.Active, #primaryNav a.Active:hover { color: #333; }

#bannerSection { height: 35px; background: #000 url("bg_content.jpg") bottom left repeat-x; }
.HomePage #bannerSection { height: 270px; }

#contentSection { padding: 10px 30px 15px 30px; overflow: auto; background: url("pattern_parchment.gif"); }
.HomePage #contentSection { padding: 15px 10px 15px 30px; }

#subNav { border: 1px solid #ac8050; padding: 10px; margin: 4px 0px 0px 0px; }

#footerCap { background: url("pattern_parchment.gif"); }
#footerSection { padding-bottom: 30px; text-align: center; font: normal 10px/2 Verdana, Arial, Helvetica, sans-serif; background: url("bg_footer.png") top left no-repeat;  }


#salesCompanies { width: 100%; line-height: 1.36; }
#salesCompanies th { text-align: left; font-size: 110%; }

.HasJS #disclosureSituations { display: none; }

.HomePage .Col1 { width: 290px; }
.HomePage .Col2 { width: 590px; }

.SubPage .Col1 { width: 180px; margin-right: 30px; }
.SubPage .Col2 { width: 670px; }

#hdrNewsworthy, #hdrBuyerInfo, #hdrSellerInfo { position: absolute; top: 0px; z-index: 150; }
#hdrNewsworthy { left: 42px; }
#hdrBuyerInfo { left: 228px; }
#hdrSellerInfo { left: 414px; }

#featureBoxes { margin: 0px 0px 0px 20px; position: relative; top: -4px; }
#featureBoxes td { border: 1px solid #68361a; padding: 5px 10px 0px 10px; vertical-align: top; width: 158px; }



/* JTip */
.JTip { cursor: help !important; }

#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(design/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(design/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 1px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(design/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}