/*  
***********************************
	Comparison chart styles
***********************************
*/

.testclass {
	background-color: #000000;
	padding-left: 100px;
}

.floatLeft {
float: left;
}

/*styles for 5 tab header in the Product landing comparison chart*/
#comparisonHeader{
	width: 532;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;		
	font-size:9pt;
	line-height:normal;
	height: 33px;	
	cursor: hand;
}
#comparisonHeader ul {
	padding:10px 0px 0;
	margin: 0px;
	list-style-type: none;	
}
#comparisonHeader li {
	float:left;
	margin:0;
	padding:0;
}
#comparisonHeader li a {
    float:left;
	display:block;
	padding:4px 15px;
	text-decoration:none;
	color:#000000;
}
.compTabOff {
	background: url("/static/start/view/account/images/web_reg/comp_chart/header-img/compTab-right-off.gif") no-repeat right top;	
}
.compTabOffa {
	background: url("/static/start/view/account/images/web_reg/comp_chart/header-img/compTab-left-off.gif") no-repeat left top;
}
.compTabOn {
	background: url("/static/start/view/account/images/web_reg/comp_chart/header-img/compTab-right-on.gif") no-repeat right top;	
 }
.compTabOna {
	background: url("/static/start/view/account/images/web_reg/comp_chart/header-img/compTab-left-on.gif") no-repeat left top;
	font-weight: bold;	
}
/*end of styles for 4 tab header in the comparison chart*/

/*styles for category landing page*/
#compareTopiso {
	width: 532px;	
	_width: 531px;		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	background-color: #CADBF9;
}

#compareTopvoip {
	width: 532px;	
	_width: 531px;		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	background-color: #CADBF9;
}

#compareTopmm {
	width: 532px;	
	_width: 531px;		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	background-color: #FFDF88;
}

#rowDisp #blueBgiso {
background-color: #CADBF9;
height: 30px;
_height: 10px;
border-bottom: solid #B2D1F2 1px;
}

#rowDisp #blueBgvoip {
background-color: #CADBF9;
height: 30px;
_height: 10px;
border-bottom: solid #B2D1F2 1px;
}

#rowDisp #blueBgmm {
background-color: #FFDF88;
height: 30px;
_height: 10px;
border-bottom: solid #B2D1F2 1px;
}

.compDetailContainerTopBorder {
	width: 532px;
	_width: 537px;
	margin-left: 0px;
	border-top: solid #C2C2C2 thin;	
}
/*end of styles for category landing page*/


#comparisonRadioContainer {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 12pt;
	width: 532px;
	_width: 531px;
	margin-left: 0px;
	border: solid #C2C2C2 thin;
	border-bottom: 0px;
}

#forMac {
height: 1px;
}

#compareRadio1{
width: 260px;
}

#compareRadio2{
width: 260px;
}

#compareRadio3{
width: 3px;
}

#compareRadio3megamail-t1{
width: 273px;
}

#compareRadio3megamail-t2{
width: 273px;
}

#comparisonChartContainer {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 12pt;
	width: 532px;	
	_width: 500px;
	margin-left: 0px;
	border: solid #C2C2C2 thin;
	border-bottom: 1px;
	border-top: 0px;
}

/*styles for radio button row*/
#compareRadioOpt {
	width: 532px;	
	_width: 531px;		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	background-color: #E6E5E2;
}
#compareRadioOpt ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;		
}
#compareRadioOpt li {
	float:left;
	margin:0;
	padding:0;
}
/*free*/

.compareRadioOnfree {
	height: 20px;
	background-color: #CFE3FE;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOfffree {
	height: 20px;
	background-color: #EAF3FC;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}
/*platinum*/
.compareRadioOnplatinum {
	height: 20px;
	background-color: #CFE3FE;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOffplatinum {
	height: 20px;
	background-color: #EAF3FC;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}
/*VOIP*/
.compareRadioOffvoip-free {
	height: 20px;
	background-color: #EAF3FC;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}
.compareRadioOffvoip-prepaid {
	height: 20px;
	background-color: #EAF3FC;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}
.compareRadioOffvoip-100 {
	height: 20px;
	background-color: #EAF3FC;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}
.compareRadioOffvoip-super-250 {
	height: 20px;
	background-color: #EAF3FC;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}
.compareRadioOffvoip-unlimited {
	height: 20px;
	background-color: #EAF3FC;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}
.compareRadioOnvoip-free {
	height: 20px;
	background-color: #CFE3FE;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOnvoip-prepaid {
	height: 20px;
	background-color: #CFE3FE;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOnvoip-100 {
	height: 20px;
	background-color: #CFE3FE;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOnvoip-super-250 {
	height: 20px;
	background-color: #CFE3FE;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOnvoip-unlimited{
	height: 20px;
	background-color: #CFE3FE;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}

/*family-prmium content*/

.compareRadioOnfamily {
	height: 20px;
	background-color: #C4DEF7;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOfffamily {
	height: 20px;
	background-color: #E9F6FF;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}
/*Accelerator*/

.compareRadioOnaccelerator {
	height: 20px;
	background-color: #FAE79A;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}

.compareRadioOngiftcert {
	height: 20px;
	background-color: #FAE79A;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}

.compareRadioOffaccelerator {
	height: 20px;
	background-color: #FEF7DA;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}

.compareRadioOffgiftcert {
	height: 20px;
	background-color: #FEF7DA;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}

/*saa - Hispeed for broadband*/

.compareRadioOnsaa {
	height: 20px;
	background-color: #FFCD74;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOffsaa {
	height: 20px;
	background-color: #FFE1B2;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}

/*Megamail*/
.compareRadioOnmegamail-t1 {
	height: 20px;
	background-color: #FEBF8A;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOffmegamail-t1 {
	height: 20px;
	background-color: #FFDFC6;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}

/*Megamail Plus*/

.compareRadioOnmegamail-t2 {
	height: 20px;
	background-color: #FFBB8E;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOffmegamail-t2 {
	height: 20px;
	background-color: #FFDBC5;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}

/*Security Suite*/

#comparisonChartContainerSS {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 12pt;
	width: 532px;	
	_width: 500px;
	margin-left: 0px;
	border: solid #C2C2C2 thin;
	border-bottom: 1px;
	border-top: 0px;
}

.compareRadioOnssnav {
	height: 20px;
	background-color: #FFBB8E;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOffssnav {
	height: 20px;
	background-color: #FFDBC5;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}
.compareRadioOnssnis {
	height: 20px;
	background-color: #FFBB8E;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;
	font-weight: bold;
}
.compareRadioOffssnis {
	height: 20px;
	background-color: #FFDBC5;
	float: left;
	border-right: solid #C0C0BF 1px;
	border-bottom: solid #C0C0BF 1px;	
}

.compareRadioBg {	
	height: 21px;
	background-color: #E6E5E2;	
	float: right;
	_width: 5px;	
}

.aligncompareRadio{
	margin: 2px 0px 0px 0px;
	padding: 0px;
}
/*end of styles for radio button row*/

/*style to display bg behind the first radio button row*/

.compDetailContainer {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;	
	width: 537px;
	margin-left: 0px;
	border: solid #C2C2C2 thin;	
	font-size: 9pt;
}

.compDetailContainerNoBorder {
	background-color: #FFFFFF;
	width: 537px;
	_width: 537px;
}

.compInnerContentHeight {
height: 361px;
_height:
}


#rowDisp #blueBg {
background-color: #E6E5E2;
height: 30px;
_height: 10px;
border-bottom: solid #B2D1F2 1px;
}

/*style for rows in the comparison chart. This will be applied to all 2 rows*/
#rowDisp {
	width: 532px;
	_width: 531px;
	height: 30px;	
	_height: 16px;
	border-bottom: solid #BBBBBB 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.compareColWhite {
border: solid 1px #BBBBBB; 
border-right: 0px; 
border-bottom: 0px; 
border-color: #BBBBBB;
font-size: 8pt;
text-align:center;
}
.compareColWhiteBottom {
border-right-width: 0px; 
border-bottom-width: 2px; 
border-bottom-style: solid; 
border-top-width: 1px; 
border-top-style: solid; 
border-left-width: 1px;
border-left-style: solid;  
border-color: #BBBBBB;
background-color: #FFFFFF;
font-size: 8pt;
text-align:center;
}
.compareColGrey {
border: solid 1px #BBBBBB; 
border-right: 0px; 
border-left: 0px; 
border-bottom: 0px; 
border-color: #BBBBBB;
background-color: #F9F9F8;
font-size: 8pt;
font-weight: bold;
text-align:center;
}
.compareColGreyLeft {
border: solid 1px #BBBBBB; 
border-right: 0px; 
border-left: 0px; 
border-bottom: 0px; 
border-color: #BBBBBB;
background-color: #F9F9F8;
padding-left: 5px;
padding-right: 5px;
font-size: 8pt;
font-weight: bold;
text-align:left;
}
.compareColGreyBottom {
border-right-width: 0px; 
border-bottom-width: 2px; 
border-bottom-style: solid; 
border-top-width: 1px; 
border-top-style: solid; 
border-left-width: 1px; 
border-color: #BBBBBB;
background-color: #F9F9F8;
font-size: 8pt;
font-weight: bold;
text-align:center;
}
.compareColYellow {
border: solid 1px #BBBBBB; 
border-right: 0px;
border-bottom: 0px; 
border-color: #BBBBBB;
background-color: #FEFBF2;
font-size: 8pt;
text-align:center;
}

.compareColYellowBottom {
border-right-width: 0px; 
border-bottom-width: 2px; 
border-bottom-style: solid; 
border-top-width: 1px; 
border-top-style: solid; 
border-left-width: 1px;
border-left-style: solid;  
border-color: #BBBBBB;
background-color: #FEFBF2;
font-size: 8pt;
text-align:center;
}
/*style for blue row in the chart*/

#blueRowfree {
	background-color: #EAF3FC;
	height: 20px;
	width: 532px;
	_width: 531px;
	color: #417798;
	font-weight: bold;
	text-indent: 40px;
	padding-top: 2px;
	font-size: 9pt;	
	border-bottom: solid #B2D1F2 1px;
	border-top: solid #B2D1F2 1px;	
}

#blueRowplatinum {
	background-color: #EAF3FC;
	height: 20px;
	width: 532px;
	_width: 531px;
	color: #417798;
	font-weight: bold;
	text-indent: 40px;
	padding-top: 2px;
	font-size: 9pt;	
	border-bottom: solid #B2D1F2 1px;
	border-top: solid #B2D1F2 1px;	
}

#blueRowaccelerator {
	background-color: #FEF7DA;
	height: 20px;
	width: 532px;
	_width: 531px;
	color: #417798;
	font-weight: bold;
	text-indent: 40px;
	padding-top: 2px;
	font-size: 9pt;	
	border-bottom: solid #B2D1F2 1px;
	border-top: solid #B2D1F2 1px;	
}

#blueRowfamily {
	background-color: #E9F6FF;
	height: 20px;
	width: 532px;
	_width: 531px;
	color: #417798;
	font-weight: bold;
	text-indent: 40px;
	padding-top: 2px;
	font-size: 9pt;
	border-bottom: solid #B2D1F2 1px;
	border-top: solid #B2D1F2 1px;		
}

#blueRowmm {
	background-color: #FFDFC6;
	height: 20px;
	width: 532px;
	_width: 531px;
	color: #417798;
	font-weight: bold;
	text-indent: 40px;
	padding-top: 2px;
	font-size: 9pt;	
	border-bottom: solid #B2D1F2 1px;
	border-top: solid #B2D1F2 1px;	
}
#blueRowmmplus {
	background-color: #FFDBC5;
	height: 20px;
	width: 532px;
	_width: 531px;
	color: #417798;
	font-weight: bold;
	text-indent: 40px;
	padding-top: 2px;
	font-size: 9pt;	
	border-bottom: solid #B2D1F2 1px;
	border-top: solid #B2D1F2 1px;	
}

#blueRowsaa {
	background-color: #FFE1B2;
	height: 20px;
	width: 532px;
	_width: 531px;
	color: #417798;
	font-weight: bold;
	text-indent: 40px;
	padding-top: 2px;
	font-size: 9pt;	
	border-bottom: solid #B2D1F2 1px;
	border-top: solid #B2D1F2 1px;	
}
#blueRowCommon {
	background-color: #DDEDFD;
	height: 20px;
	width: 532px;
	_width: 531px;
	color: #417798;
	font-weight: bold;
	text-indent: 40px;
	padding-top: 2px;
	font-size: 9pt;	
	border-bottom: solid #B2D1F2 1px;
	border-top: solid #B2D1F2 1px;
}
#rowDispBlue {
	width: 532px;
	_width: 525px;
	height: 20px;	
	border-bottom: solid #B2D1F2 1px;
	border-top: solid #B2D1F2 1px;
}
/*end of style for blue row in the chart*/

.bgyes {
background-color: #FFCF66;
}

/* SECURITY SUITE */

#comparisonChartContainerSS {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 12pt;
	width: 520px;
    _width: 520px; 	
	margin-left: 0px;
	border: solid #C2C2C2 thin;
	border-top: 0px;
}


/*end of styles for 12 rows in the comparison chart*/