/**** re-style to wide template  ****/
#doc {background: transparent url(http://www.virginmobileusa.com//common/images/bg_main_bottom-wide.gif) no-repeat center bottom;padding-bottom: 87px;}
 
#head,#mainBody {width: 886px;}
 

body {
  font: 62.5%/1.3 'Helvetica', 'Arial', Sans-Serif; /*81.25%*/
  text-align: center;
  background: #cc0000 url(http://www.virginmobileusa.com/common/images/body-bg-wide.gif) repeat-y top center;
}
 
.copyright {width: 875px;}



#q1{
	width:271px;
	background: url(/files/optimizer/question-bg1) no-repeat 0 0;
}

#q2{
	width:288px;
	background: url(/files/optimizer/question-bg2) no-repeat 0 0;
}



#q3{
	width:272px;
	background: url(/files/optimizer/question-bg3) no-repeat 0 0;
}


#title1{
	width:83px;
	background: url(/files/optimizer/title1-talk) no-repeat 0 0;
}

#title2{
	width:182px;
	background: url(/files/optimizer/title1-text) no-repeat 0 0;
}


#title3{
	width:138px;
	background: url(/files/optimizer/title1-web) no-repeat 0 0;
}




.questions{
	float:left;
	font-family:Arial;
	font-size:12px;
	height:316px;
	padding-left:5px;

}

.questions h3{
	height:32px;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}

.questions h4{
	font-size:14px;
	border-bottom:1px solid #000;
	padding:0px 0px 10px 5px;
	margin:10px 20px 10px 0px;
	font-weight:bold;
}



.question_choice{
	height:30px;
	border:1px solid #000;
}


.questions label {
display:block;
padding:10px 0 0px 18px;
text-indent:-18px;
width:220px;
}

.plan_area{

padding:10px;
width:866px;

}

.questions .shadow{
	background-color:#fff;
	margin:0px 0px 10px 0px;
	width:250px;
	height:30px;
	position:relative;
	padding:1px;
}

.questions .content{

	margin:0px;
	width:250px;
	position:relative;
	bottom: 2px;
	right:2px;
	height:18px;
	height:30px;
	background-color:#fff;

}


span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	margin:0px;
	background: url(/files/optimizer/radio) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}



#monthly_chart_talk,
#paygo_chart_talk{
	width:357px;
	background: url(/files/optimizer/talk-bg-optimizer) no-repeat 0 0;
}

#monthly_chart_text,
#paygo_chart_text{
	width:237px;
	background: url(/files/optimizer/text-bg-optimizer) no-repeat 0 0;
}



#monthly_chart_web,
#paygo_chart_web{
	width:271px;
	background: url(/files/optimizer/web-bg-optimizer) no-repeat 0 0;
}


#monthly_title1{
	width:341px;
	background: url(/files/optimizer/title-talk) no-repeat 0 0;
}

#monthly_title2{
	width:186px;
	background: url(/files/optimizer/title-text) no-repeat 0 0;
}


#monthly_title3{
	width:259px;
	background: url(/files/optimizer/title-web) no-repeat 0 0;
}


#paygo_title1{
	width:341px;
	background: url(/files/optimizer/title-talk2) no-repeat 0 0;
}

#paygo_title2{
	width:186px;
	background: url(/files/optimizer/title-text) no-repeat 0 0;
}


#paygo_title3{
	width:255px;
	background: url(/files/optimizer/title-web) no-repeat 0 0;
}



#monthly_plan_header{
	width:490px;
	height:25px;
	background: url(/files/optimizer/monthly-plan-good) no-repeat 0 0;
	margin:10px 0px 0px 0px;
}

#paygo_plan_header{
	width:490px;
	height:25px;
	background: url(/files/optimizer/paygo-plans-good) no-repeat 0 0;
	margin:10px 0px 0px 0px;
}



.chart{
	float:left;
	font-family:Arial;
	font-size:12px;
	height:254px;
	padding:0px;
	margin:0px;

}

.chart h3{
	height:56px;
	text-indent:-9999px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}



.question_choice{
	height:30px;
	border:1px solid #000;
}


.questions label {
display:block;
padding:10px 0 0px 18px;
text-indent:-18px;
width:220px;
}

.plan_area{

/*background: #E2E2E1 url(plan-optimizer-bg.gif) repeat-x;*/
padding:0px;
margin:0px;
width:886px;
}


.plan_chart{

 padding:0px 0px 5px 10px
}

.plan_chart h2{

text-indent:-9999px;
margin:0px;
padding:0px;
clear:both;
}

.questions .shadow{
	background-color:#fff;
	margin:0px 0px 10px 0px;
	width:250px;
	height:30px;
	position:relative;
	padding:1px;
}

.questions .content{

	margin:0px;
	width:260px;
	position:relative;
	bottom: 2px;
	right:2px;
	height:18px;
	height:30px;
	background-color:#fff;


}

#monthly_chart_talk table,
#paygo_chart_talk table{
	width:330px;
	margin:10px 5px 0px 10px;
	padding:4px;
}

#monthly_chart_talk table th,
#monthly_chart_text table th,
#monthly_chart_web table th,
#paygo_chart_talk table th,
#paygo_chart_text table th,
#paygo_chart_web table th{
	font-size:10px;
	color:#666;
	text-transform:uppercase;
	text-align:center;
	border-bottom:1px solid #000;
	padding-bottom:4px;
	margin-bottom:12px;
	line-height:10px;
}



#monthly_chart_talk table td,
#monthly_chart_text table td,
#monthly_chart_web table td,
#paygo_chart_talk table td,
#paygo_chart_text table td,
#paygo_chart_web table td
{
	padding:4px;
	font-size:14px;
	/*color:#000;*/
	text-align:center;
	font-weight:bold;
}

#monthly_chart_talk table td,
#paygo_chart_talk table td{
	width:70px;
}

#monthly_chart_text table th,
#paygo_chart_text table th{
	width:110px;
}

#monthly_chart_text table,
#paygo_chart_text table{
	width:200px;
	margin:10px 5px 0px 10px;
	padding:2px;
}


#monthly_chart_text table td,
#paygo_chart_text table td{

	width:110px;
	padding-top:10px;
}


#monthly_chart_web table,
#paygo_chart_web table{
	width:240px;
	margin:10px 5px 0px 10px;
	padding:2px;
}


#monthly_chart_web table td,
#paygo_chart_web table td{

	width:80px;
	padding-top:10px;
}

.data_chart_list {

list-style:none;
}


.data_chart_list .first{
float:left;
font-size:14px;padding-right:3px;padding-top:2px;

}

.data_chart_list .second{
float:left;font-size:10px;line-height:9px;text-align:left;

}



tr .row_on td{
background-color:#d9d9d9;
color:#000;
}

tr .row_ready td{
background-color:#fff;
color:#000;
}
tr .row_best{
border:1px solid #999;
}
tr .row_best td{
background-color:#000;
color:#fff;

}

tr .row_off td{
background-color:#fff;
color:#d9d9d9;
}

tr .row_good td{
background-color:#666;
color:#dbdbdb;
}

tr .row_good {
/*border:1px solid #aaaaaa;*/
border:1px solid #999;

}


tr .row_ok td{
background-color:#999;
color:#ccc;
}

tr .row_ok {
/*border:1px solid #cbcbcb;*/
border:1px solid #999;

}



tr .row_kindof td{
background-color:#ccc;
color:#999;
}

tr .row_kindof {
/*border:1px solid #e1e2e1;*/
border:1px solid #999;
}




tr .row_not td{
background-color:#fff;
color:#999;
}




#monthly_plans{
position:absolute;
top:70px;
left:0px;
height:300px;

}

#paygo_plans{
position:absolute;
top:400px;
left:0px;
height:300px;

}

.pageType_generic {
background-color:#FFFFFF;
left:0;
padding-top:0px;
position:relative;
top:0;
width:886px;
}