/*--------------------------------------------
Style Sheet

version:  1.1
author:   Buildoffers Tech Team
date:	  Fri Nov 3 2006
email:    
website:  www.buildoffers.com
--------------------------------------------*/

/* Imported Files
*****************************/

/*@import url(tabcontent_green.css);
*/
/*---------------------Public Styles---------------------------*/

td:CompareHeadTitle {
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9px;
	font-weight:bold;
}

td:Compare_Data {
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 8px;
}


.ticketlistTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font: 13px "Trebuchet MS";
	font-weight: bold;
}





/*--------------------- Content Styles -----------------------*/

#Wrapper #ContentHolder {
	display: block;
	width: 950px;
}

#ContentHolder .SideContent {
	height: 550px;
	width: 230px;
	text-align:left;
	background:url(../images/sidebg.gif) repeat-y;
}

.SideContent .SideTop{
	height: 24px;
	text-align:left;
	background:url(../images/sidetop_bg.gif) repeat-x;
}

#ContentHolder .MainContent {
	width: 720px;
	text-align:center;
}

.MainContent .NavHolder {
	width: 720px;
	height: 24px;
	text-align:left;
	background:url(../images/navbg.gif) repeat-x;
}

.MainContent .MainContentTitle{
	height: 20px;
	text-align:left;
	vertical-align:top;
	font-size:16px;
	font-weight:bold;
	padding:15px 0 0 10px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}


.RedcommentHolder{
	width:690px;
	margin: 10px 10px 10px 10px;
}

.Redcomment{
	font-size:11px;
	text-align:left;
	vertical-align:top;
	margin:10px 0px 0px 0px;
	padding:3px 50px 3px 10px;
	color:#FF0000;
	border-width: 1px 1px 1px 1px;
	border-style: dotted;
	border-color: #CCCCCC;	

}

.MainContent .PageNote{
	text-align:left;
	vertical-align:top;
	font-size:12px;
	padding:5px 100px 0 10px;
	color:#666666;
}



.PageNote a:link, .PageNote a:visited{
/*	background-color:#ffcc66;
*/	
	color:#FF6600;
	text-decoration:none;
	font-weight:bold;
}

.PageNote a:hover{
	text-decoration: none;
	background-color:#ffffcc;
	color:#FF6600;
}

.PageNote ul{
	padding:0px 0px 0px 20px;
	list-style-image: url(../images/tinyarrow.gif);	
}

.PageNote ul li{
	padding:0px 0px 5px 0px;
}

.MainContent .ContentHolder{
	text-align:left;
	vertical-align:top;
	font-size:12px;
	padding:20px 10px 0 10px;
}

.MainContent .ContentBorder{
	border: 1px solid #ccc;
	padding:10px 10px 25px 10px;
	margin:0 0 10px 0;
	background: white url(../images/tab_bg.gif) bottom left repeat-x;
}

.MainContent .Content{
	text-align:left;
	vertical-align:top;
	font-size:12px;
	padding:10px 10px 0 10px;
	background-color:#fff;
	border: 1px solid #ccc;
	height:370px;
}

.MainContent .HomeContainer1{
	text-align:left;
	padding:15px 0 10px 5px;
}

.MainContent .WebTemp{
	height:253px;
	text-align:left;
	background:url(../images/webtemp_bg.jpg) no-repeat;
	vertical-align:top;
}

.MainContent .HomeContainer2{
	text-align:left;
	padding:15px 0 10px 5px;
}

.MainContent .ReportTemp{
	height:253px;
	text-align:left;
	background:url(../images/reports_bg.jpg) no-repeat;
	vertical-align:top;
}

.MainContent .HomeContainer3{
	text-align:left;
	padding:15px 0 10px 5px;
}

.MainContent .Affiliate{
	height:253px;
	text-align:left;
	background:url(../images/affiliate_bg.jpg) no-repeat;
	vertical-align:top;
}

.MainContent .HomeContainer4{
	text-align:left;
	padding:15px 0 10px 5px;
}

.MainContent .Support{
	height:253px;
	text-align:left;
	background:url(../images/support_bg.jpg) no-repeat;
	vertical-align:top;
}

.MainContent .ContainerTitle{
	text-align:left;
	padding:0px 0px 0 70px;
	margin:26px 0 0 0;
	font-size:16px;
	color:#3366cc;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
	line-height:16px;
}

.MainContent .ContainerTitle a:link, .MainContent .ContainerTitle a:visited{
	font-size:16px;
	color: #3366cc;
}

.MainContent .ContainerTitle a:hover{
	font-size:16px;
	color: #ff6600;
	text-decoration: none;
}

.MainContent .ContainerInfo{
	text-align:left;
	padding:0px 10px 0 10px;
	margin:5px 0 0 0;
	font-size:12px;
	color:#666666;
	height:80px;
}

.ContainerInfoHeader{
	font-weight:bold;
	font-size:14px;
	color: #ff6600;
	display:block;
	padding:0px 0 0px 10px;
	margin:27px 0 5px 0;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.MainContent .ContainerBtn{
	text-align:center;
	padding:0px 0px 0 0px;
	margin:5px 0 10px 0;
	font-size:12px;
	color:#666666;
}

.MainContent .LeftContainer{
	text-align:left;
	padding:15px 0 0 10px;
}

.MainContent .MiddleContainer{
	text-align:left;
	padding:15px 0 0 0px;
}

.MainContent .RightContainer{
	text-align:left;
	padding:15px 0 0 0px;
}

/*.MainContent .ContainerEnter{
	text-align:right;
	padding:0px 10px 0 0px;
	margin:15px 0 0 0;
}

.MainContent .ContainerEnter a:link, .MainContent .ContainerEnter a:visited{
	text-align:right;
	padding:0px 5px 0 0px;
	margin:10px 0 0 0;
	font-size:12px;
	color: #99cc33;
}

.MainContent .ContainerEnter a:hover{
	text-align:right;
	padding:0px 5px 0 0px;
	margin:10px 0 0 0;
	font-size:12px;
	color: #99cc33;
	text-decoration:underline;
}*/

.MainContent .TabHolder{
	text-align:left;
	padding:15px 0px 0px 8px;
}

/*--------------------- Login Section -----------------------*/

.ForgotLogin {
	font-size:12px;
	color: #FF6600;
	padding:5px 0px 0px 0;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}


.ForgotLogin a:link, .ForgotLogin a:visited{
	font-size:12px;
	color: #FF6600;
}

/* Support Styles
*****************************/

/*--------------------- Account Section -----------------------*/

.AccountInfoHeader{
	font-weight:bold;
	font-size:16px;
	color: #FF6600;
	Padding:10px 0 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
}

.AccountInfoLabel{
	font-size:12px;
	color: #3366cc;
	padding:5px 5px 0px 0;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
}

.AccountInfoLabelSpace{
	font-size:12px;
	color: #3366cc;
	padding:10px 5px 10px 0px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
}

.AccountInfoFields  {
	color: #000;
	padding:5px 0px 5px 0;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
}

/*.AccountInfoFields textarea{
	color: #000;
	padding:0px 0px 0px 0;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
	border:1px;
}

.AccountInfoFields option{
	color: #000;
	padding:0px 0px 0px 0;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}
*/
.AccountInfoBtn{
/*	color: #3366cc;
*/	padding:10px 0px 20px 0;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}

.AccountMessageTd{
	font-size:12px;
	color: #FF6600;
	padding:10px 0px 0px 0;
	text-align:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.AccountMessage{
	font-size:12px;
	color: #FF6600;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.AccountNotices{
	font-size:12px;
	padding:5px 5px 0px 5px;
	text-align:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

/*--------------------- Payment Section -----------------------*/
.ContentHolder h1{
	font-size:16px;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #FF6600;
	font-weight:bold;
}

.Content h1{
	font-size:16px;
	padding:0px 0px 20px 0px;
	text-align:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #FF6600;
	font-weight:bold;
}

.CartHeader{
	font-size:12px;
	padding:5px 0px 3px 0px;
	text-align:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #3366cc;
	font-weight:bold;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #99cc33;
}

.CartInfo{
	font-size:12px;
	padding:20px 5px 15px 0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #99cc33;
}

.Total{
	font-size:16px;
	padding:5px 0px 5px 0px;
	text-align:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #FF6600;
	font-weight:bold;
}

.TotalAmount{
	font-size:16px;
	padding:5px 0px 5px 0px;
	text-align:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #99cc33;
	font-weight:bold;
}

.PromoCode{
	font-size:14px;
	padding:5px 0px 5px 0px;
	text-align:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #3366cc;
	font-weight:bold;
}

.PromoCode a:link, .PromoCode a:visited{
	font-size:14px;
	padding:5px 0px 5px 0px;
	text-align:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #3366cc;
	font-weight:bold;
}

.PromoCode a:hover{
	font-size:14px;
	padding:5px 0px 5px 0px;
	text-align:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #FF6600;
	font-weight:bold;
	text-decoration:underline;
}

.CartBtn{
	padding:5px 0px 5px 0px;
	text-align:left;
}

.PaymentInfo{
	font-size:12px;
	padding:10px 5px 15px 0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

.PaymentCreditInfo{
	font-size:12px;
	padding:10px 5px 15px 0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-align:center;
}



/*--------------------- Payment List -----------------------*/

.paymentHoldr{
	margin: 10px 0px 10px 0px; 
}


.paymentTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-weight: bold;
	width: 240px;
	height: 10px;
	padding: 10px 3px 8px 10px;
}

.paymentDesc {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: normal;
	height: 10px;
	padding: 5px 3px 0px 10px;
}

.paymentBtn {
	padding:10px 28px 15px 3px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #99cc33;
	text-align:right;
}

.paymentPrice {
	font-weight:bold;
	color: #99cc33;
}

.Chart_Col1 {
	border-color: #eeeeee;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	background:#fafafa;
	padding:5px 0 5px 10px;
	text-align:left;
	font: normal 12px Tahoma, Arial, Sans-Serif;
	color:#666;
}

.Chart_Col1_Bottom {
	border-color: #eeeeee;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background:#fafafa;
	padding:5px 0 5px 10px;
	text-align:left;
	font: normal 12px Tahoma, Arial, Sans-Serif;
	color:#666;
}

.Chart_Box_Greybg {
	border-color: #eeeeee;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	background:#fafafa;
	padding:5px 0 5px 0px;
	text-align:center;
	font: normal 12px Tahoma, Arial, Sans-Serif;
	color:#666;
}

.Chart_Box_BottomGreybg {
	border-color: #eeeeee;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	background:#fafafa;
	padding:5px 0 5px 0px;
	text-align:center;
	font: normal 12px Tahoma, Arial, Sans-Serif;
	color:#666;
}

.Chart_Box_Whitebg {
	border-color: #eeeeee;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	background:#fff;
	padding:5px 0 5px 0px;
	text-align:center;
	font: normal 12px Tahoma, Arial, Sans-Serif;
	color:#666;
}

.Chart_Box_Yellowbg {
	border-color: #eeeeee;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	background:#ffffcc;
	padding:5px 0 5px 0px;
	text-align:center;
	font: normal 12px Tahoma, Arial, Sans-Serif;
	color:#666;
}

.Chart_Col1_LastFee {
	border-color: #ccc;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background:#eeeeee;
	padding:5px 0 5px 10px;
	text-align:left;
	font: normal 12px Tahoma, Arial, Sans-Serif;
	color:#333;
}

.Chart_Box_Whitebg_LastFee {
	border-color: #ccc;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	background:#fff;
	padding:5px 0 5px 0px;
	text-align:center;
	font: normal 12px Tahoma, Arial, Sans-Serif;
	color:#333;
}

.Chart_Box_Button {
	padding:15px 0px 5px 0px;
	text-align:center;
}

#dhtmltooltip{
	position: absolute;
	width: 300px;
	border: 1px solid #999;
	padding: 5px;
	background:#fff;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
*/}
/*--------------------- Ticket Section -----------------------*/

.ticketlist {
	padding:10px 0px 5px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #99cc33;
	color: #FF6600;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.ticketlistBtn {
	padding:10px 0px 5px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #99cc33;
	text-align:right;
}

.ticketlist ol{
	padding:0px 0px 0px 20px;
	color: #FF6600;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.ticketlist ol li{
	padding:0px 0px 5px 0px;
	list-style-type: decimal;
}



.ticketlistInfo {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: normal;
}



/*--------------------- FAQ Section -----------------------*/

.FAQInfoHeader{
	font-weight:bold;
	font-size:16px;
	color: #FF6600;
	Padding:10px 0 20px 10px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-align:left;
}

.FAQLabel{
	font-size:14px;
	color: #3366cc;
	padding:5px 5px 0px 0;
	text-align:right;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight:bold;
}

.AnswerFAQLabel{
	font-size:14px;
	color: #3366cc;
	padding:5px 5px 10px 0;
	text-align:right;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight:bold;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #99cc33;
}

.FAQTable{
	margin:0px 0px 15px 10px;
}

.FAQAnswer{
	font-size:12px;
	color: #FF6600;
	padding:5px 0px 10px 0;
	text-align:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #99cc33;
}

/*--------------------- Traffic Section ---------------------*/

.TrafficTable{
	margin:0px 0px 40px 15px;
	text-align:left;
}

.TrafficHeader{
	font-size:12px;
	padding:5px 0px 3px 0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #3366cc;
	font-weight:bold;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #99cc33;
}

.TrafficInfo{
	font-size:12px;
	padding:20px 5px 15px 0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

/*--------------------- SupportIntro ------------------------*/

.LeftContainerS{
	text-align:left;
	padding:15px 0 0 0px;
	margin:0px 0px 0px 0px;
}

.WebTempS{
	height:167px;
	text-align:left;
	background:url(../images/introareabox_bg.gif);
	background-repeat:no-repeat;
	vertical-align:top;
}

.ContainerTitleS{
	text-align:left;
	padding:12px 0px 0 5px;
	margin:0px 0 0 0;
	font-size:12px;
	color: #000000;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.ContainerInfoHeaderS{
	font-weight:bold;
	font-size:16px;
	color: #3366cc;
	display:block;
	margin:0px 0 0px 0;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.ContainerEnterS{
	text-align:right;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 10px;
	padding-left: 0px;
}

.ContainerEnterS a:link, .ContainerEnterS a:visited{
	text-align:right;
	padding:0px 5px 0 0px;
	margin:5px 0 0 0;
	font-size:12px;
	color: #3366cc ;
}

.ContainerEnterS a:hover{
	text-align:right;
	padding:0px 5px 0 0px;
	margin:10px 0 0 0;
	font-size:12px;
	color: #3366cc;
	text-decoration:underline;
}

.ContainerInfoS{
	text-align:left;
	padding:10px 10px 0 12px;
	margin:0px 0 0 0;
	font-size:12px;
	color:#666666;
	height:65px;
}

.LeftContainerSTable{
	margin: 0px 0px 0px 9px;
}

.ContainerLink{
	padding:0px 0px 0 0px;
	margin:0px 0 0 0;
	font-size:14px; 
}

.ContainerArrow{
	padding:2px 3px 0px 0px;
	margin:0px 0px 0px 0px; 
}

.ContainerIconLeft{
	padding:0px 0px 0 5px;
	margin:0px 0 0 0px;
	text-align:left;
}

.TermWarning {
	text-align:center;
	border-color: #ccc;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background:#fafafa;
	padding:5px 10px 5px 10px;
	font: normal 12px Tahoma, Arial, Sans-Serif;
	color:#666;
}

/* --------------------------------------------------
Standard Service Style
-------------------------------------------------- */

.boxed{
	width:100%;
	min-width:65em;
	max-width:85em;
	margin:0 auto;
}

#designs{
	padding: 0px 0px 0px 0px;
}

#designs .display{
	background-color:#fafafa;
	border: 1px solid #eee;
	float: left;
	margin: 0px 0px 0px 1%;
	width: 22.6%;
}

#designs .display h2, #designs .display h3{
    font-size: 1em; 
	color: #97999b; 
	background: #FFFFFF; 
	width:159px; 
	text-decoration: none; 
	font-weight: normal;
}

#designs .block-separator{
	clear: both;
	height: 2.5em;
}

#designs .wrapper, * html #designs .wrapper{
	clear: both;
	margin: 0px;
}

#designs .thrice-length{
	width: 100%;
}

#designs .twice-length{
	width: 65%;
}

.clear2 {
	clear: both;
	height: 5px; 
	color: #FFF;
	margin: 0 0 0 0px;
}

.clear3 {
	clear: both;
	height: 1px; 
	color: #FFF;
	margin: 0 0 0 0px;
}

#process {
   height: 84px;
   clear: both;
}

#step1button a  {
   float:left;
   background: url(http://intro.buildoffers.com/images/st1step1button.gif) no-repeat 0% 0px;

   height: 84px;
   width: 173px;
}

#step2button a  {
   float:inherit;
   background: url(http://intro.buildoffers.com/images/st1step2button.gif) no-repeat 0% 0px;
   display:block;
   height: 84px;
   width: 176px;
}

#step3button a  {
   float:right;
   background: url(http://intro.buildoffers.com/images/st1step3button.gif) no-repeat 0% 0px;
   height: 84px;
   width: 188px;
}

#step1button a:hover  {
   background-position: -173px 0%;
}

#step2button a:hover  {
   background-position: -176px 0%;
}

#step3button a:hover  {
   background-position: -188px 0%;
}

A.ApplyBox {
	width:400px; 
	height:50px; 
	background-color:#d40001; 
	color:#FFFFFF; 
	font:20pt Arial; 
	margin:0px; 
	padding:10px 80px; 
	text-align:center; 
	line-height:35pt; 
	border: 3px solid #950000; 
	text-decoration:none;
}
A.ApplyBox:Link {
	width:400px; 
	height:50px; 
	background-color:#d40001; 
	color:#FFFFFF; 
	font:20pt Arial; 
	margin:0px; 
	padding:10px 80px; 
	text-align:center; 
	line-height:35pt; 
	border: 3px solid #950000; 
	text-decoration:none; 
}
A.ApplyBox:Active {
	width:400px; 
	height:50px; 
	background-color:#d40001; 
	color:#FFFFFF; 
	font:20pt Arial; 
	margin:0px; 
	padding:10px 80px; 
	text-align:center; 
	line-height:35pt; 
	border: 3px solid #950000; 
	text-decoration:none;
}
A.ApplyBox:Visited {
	width:400px; 
	height:50px; 
	background-color:#d40001; 
	color:#FFFFFF; 
	font:20pt Arial; 
	margin:0px; 
	padding:10px 80px; 
	text-align:center; 
	line-height:35pt; 
	border: 3px solid #950000; 
	text-decoration:none;
}
A.ApplyBox:Hover {
	width:400px; 
	height:50px; 
	background-color:#FFFFFF; 
	color:#d40001; 
	font:20pt Arial; 
	margin:0px; 
	padding:10px 80px; 
	text-align:center; 
	line-height:35pt; 
	border: 3px solid #950000; 
	text-decoration:none;
}

.CC_CardAngleImgHolder {
	padding:5px 0px 0px 0px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #999;
	text-align:center;
	background-color:#fff;
	margin:0px 0px 10px 0px;
}

.CC_CardTitle {
	padding:5px 0 5px 5px;
}

.CC_CardTitle a:link, .CC_CardTitle a:visited, .CC_CardTitle a:active,{
	font-weight:bold;
}

.CC_CardTitle a:hover{
	font-weight:bold;
}

.CC_CategoryTitle{
	color:#666;
	display:block;
	padding:3px 0 0 0;
	font-size:11px;
}