﻿.plans_head {
	background-image: url('/images/elements/rateplan_head.jpg');
	background-repeat: no-repeat;
	width: 911px;
	height: 315px;
	margin: 0 0 50px 0;
}

.leftside {
	line-height: 1.3;
	width: 490px;
	float: left;
	margin: 0 79px 0 0 ;
}

.leftside h3 {
	font-size: 30px;
	font-weight: normal;
}

.leftside h4 {
	font-size: 18px;
	font-weight: normal;
	color: #000;
}

.leftside .orange {
	color: #f78f1e;
}

.leftside .blue {
	color: #00a4e4;
}

.rightside {
	width: 342px;
	float: left;
	line-height: 1.2;
}

.rightside h4 {
	font-size: 18px;
	font-weight: normal;
	color: #000;
}

.rightside ul {
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#f1f1f1), to(#e1e1e1));
    background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1);
    background-image: linear-gradient(top, #f1f1f1, #e1e1e1);
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #e1e1e1;
    width: 273px;
    padding: 15px;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/       
}

.rightside ul li {padding: 4px; border-top: 1px dotted #ffffff; border-bottom: 1px dotted #cfcfcf; padding: 17px 5px; font-family: Verdana; color: #7f7f7f; font-size: 10px;}
.rightside ul li b { display: block; margin: 0 0 8px 0; text-transform: uppercase; color: #a3247a; font-size: 11px;}
.rightside ul li.lifeline span {background: url('/images/elements/rate_plans/rates_icons.png') no-repeat; width: 48px; height: 49px; display: block; float: left; margin: 0 12px 12px 0;}
.rightside ul li.airtime span {background: url('/images/elements/rate_plans/rates_icons.png')  no-repeat 0px -49px; width: 48px; height: 49px; display: block; float: left; margin: 0 12px 53px 0;}
.rightside ul li.rollover span {background: url('/images/elements/rate_plans/rates_icons.png') no-repeat 0px -98px; width: 48px; height: 49px; display: block; float: left; margin: 0 12px 0px 0;}
.rightside ul li.international span {background: url('/images/elements/rate_plans/rates_icons.png') no-repeat 0px -147px; width: 48px; height: 49px; display: block; float: left; margin: 0 12px 26px 0;}
.rightside ul li.insurance span {background: url('/images/elements/rate_plans/rates_icons.png') no-repeat 0px -196px; width: 48px; height: 49px; display: block; float: left; margin: 0 12px 0px 0;}
.rightside ul li.voice2text span {background: url('/images/elements/rate_plans/rates_icons.png') no-repeat 0px -245px; width: 48px; height: 49px; display: block; float: left; margin: 0 12px 0px 0;}
.rightside ul li.lifeline { border-top: none;}
.rightside ul li.voice2text { border-bottom: none;}
.rightside ul li:hover {cursor: pointer; background: #e6e6e6;}
.rightside ul li:hover b {color: #000;}

   

.rate_table td {
	vertical-align: middle;
	padding: 0 5px 0 10px;
	border-right: 1px solid #a3a4a2;
	border-bottom: 1px solid #a3a4a2;
	font-size: 11px;
	line-height: 1.2;
	text-align: center;
}

.rate_table td.cats {
	width: 43px;
	vertical-align: top;
	border-bottom: 3px solid #fff;
	border-right: none;
}

.rate_table td.cost {
	font-weight: bold;
	font-size: 21px;
}

.rate_table td.cost sup {
	font-size: 12px;
	vertical-align: top;
	font-weight: normal;
}

.rate_table span.orange_title {
	font-size: 13px;
	font-weight: bold;
	color: #e68225;
}

.rate_table span.pink_title {
	font-size: 13px;
	font-weight: bold;
	color: #db2c5f;
}

.rate_table span.blue_title {
	font-size: 13px;
	font-weight: bold;
	color: #009ad7;
}

.rate_table span.purple_title {
	font-size: 13px;
	font-weight: bold;
	color: #973276;
}

.rate_table td.plan {
	border: 3px solid #fff;
	color: #fff;
	height: 41px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

.rate_table td.orange {
	background-color: #e68225;
}

.rate_table td.pink {
	background-color: #db2c5f;
}

.rate_table td.blue {
	background-color: #009ad7;
}

.rate_table td.purple {
	background-color: #973276;
}

.rate_table .orange_text {
	color: #e68225;
}

.rate_table .pink_text {
	color: #db2c5f;
}

.rate_table .blue_text {
	color: #009ad7;
}

.rate_table .purple_text {
	color: #973276;
}

sup {
	font-size: 8px;
	vertical-align: top;
}

/*International*/

.international_head {
	background-image: url('/images/elements/international_head.jpg');
	background-repeat: no-repeat;
	width: 911px;
	height: 242px;
	margin: 0 0 50px 0;
}

.international_head p {
	line-height: 1.3;
	margin: 100px 0 0 25px;
	position: absolute;
	width: 525px;
}

.international_table {
	border: 1px solid #9d3293;
}

.international_table td {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.international_table td.even {
	background-color: #f2f2f2;
}

.international_table td.cat{
	background-color: #9d3293;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

.country_table {
	border: 1px solid #9d3293;
}

.country_table td {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	width: 20%;
}

.country_table td.even {
	background-color: #f2f2f2;
}

.country_table td.cat{
	background-color: #9d3293;
	color: #fff;
	font-weight: bold;
	padding: 15px;
}

.country_table tr.odd { 
	background-color: #f2f2f2;
}
