/* -------------------------------------------------------------
 *	SAVINGS CALCULATOR WIDGET
 *
 *  This style sheet manages all styles for the savings calculator.
 *  This style inherits from the layout.css and typography.css.
 *
 * -------------------------------------------------------------
 */
 
#calc-widget-wide #calc-widget-wide-inner {
	padding: 15px 0px 15px 13px;
}
	
#calc-widget-wide #calc-widget-wide-inner {
	height: 233px;
	float:left;
	background: url(/images/calculator/sprite_calculator_bg_new.png) no-repeat scroll 0 0;
}

#calc-widget-wide {
	
}

.calc-img {
	padding-top: 6px;
}

#calc-widget-wide-inner {
	padding: 8px 0px 0px 0;
}

#calc-widget-wide .calc-price-slider, #calc-widget-wide .calc-minutes-slider,
#calc-widget-wide .calc-messages-slider {
	width: 170px;
	float: left;
	display: inline;
}


#calc-planincludes {
	width: 180px;
}


#calc-current-values {
	width: 90px;
	height: 145px;
	float: right;
	display: inline; /* IE6 double margin hack */
	color: #fff;
	text-align: center;
}

#calc-current-price {
	font-size: 1.1em !important;
	letter-spacing: -1px;
	font-weight: bold !important;
	margin: 9px 0 0 0px;
}

#calc-current-minutes {
	font-size: 0.825em;
	font-weight: bold;
	margin: 23px 0 0 0px;
}

#calc-current-messages  {
	font-size: 0.825em;
	font-weight: bold;
	margin: 24px 0 0 0px;
}

#calc-featurebuttons {
	margin: 3px auto 0;
	width: 290px;
	float: left;
	display: inline;
	min-height:63px;
  	height:auto !important;
  	height:63px;
}

#savings-calc-form {
	width: 288px;
}

#calc-mobile-web, #calc-pixmsg, #calc-unlimited-network {
	float: left;
	display: inline; /* IE6 double margin hack */
	clear:both;
	padding-bottom: 2px;
}

#calc-submit {
	display:inline;
	float:right;
	padding-top: 0;
	margin-top: 0;
	position:relative;
	right:5px;
	top:-27px;
	width: 164px !important;
}

#calc-submit button {
	width: 160px !important;
	text-align: right !important;
}

.ui-slider-handle {
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	background: url(/images/calculator/sprite_calculator_content.png) 0 -250px no-repeat;
}

	
.ui-slider {
	position: relative;
	height: 21px;
	margin: 0px 0px 0 0px !important;
}	

#calc-price-slider-range.ui-slider {
	margin-top: 0px !important;
}
	
#calc-myprice, #calc-myminutes,#calc-mymessages, .seo-image {
	height: 17px;
	width: auto;
}

#calc-myprice {
	height: 17px;
}

.smtxt { font-size: 0.825em; width: 330px; }

.error {
	white-space: nowrap;
	color: red;
	display: none;
}



#calc-mymessages-indicator,#calc-minutes-indicator,#calc-myprice-indicator
{
	position: absolute;
	z-index: 10;
	background-color:#227fe7;
	padding: 1px 5px 3px;
	margin-top: -5px;
	color: #fff;
	/*border:1px solid #CCCCCC;*/
	border: none;
	text-align:center;
	/*width:40px; */
	width: 60px;
	height: 10px;
	display:none;
	font-size: 0.7em;
	
	/* Do rounding (native in Safari, Firefox and Chrome)  **/
	-webkit-border-radius: 10px;
	-moz-border-radius:  10px;
}

#calc-myprice-indicator
{
	margin-top: 1px;
}

#lightbox-container.popup-savings-calculator #bottom-links p.tellfriend-button {
	width: 100%;
	text-align: right;
}

#lightbox-container.popup-savings-calculator .tell-friend-field {
	font-size: 1em;
}

a.cancel-button { padding-right: 45px; }

/* Calc Widget (with plug-in styles) */

#calc-featurebuttons input {
	display: none;
}
/*
#calc-featurebuttons label {
	background: url(/images/calculator/sprite_check_box.png) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
	float: left; 
}

#calc-featurebuttons label:active, #calc-featurebuttons label:focus,
#calc-featurebuttons label:checked
 {
	background: url(/images/calculator/sprite_check_box.png) 0 -20px no-repeat;
}

#calc-featurebuttons label.hover,
#calc-featurebuttons label.focus{
	background-position: 0 0px;
}

#calc-featurebuttons label.checked {
	background-position: 0 -20px;
}

#calc-featurebuttons label.checkedHover, 
#calc-featurebuttons label.checkedFocus {
	background-position: 0 -20px;
}

.custom-checkbox label.focus {
	outline: 1px dotted #ccc;
}

/* wrapper divs 
.custom-checkbox, .custom-radio { position: relative; }
	
/* input, label positioning 
.custom-checkbox input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 1.3em;
	padding-right: 1em;
	line-height: 1;
	padding: .5em 0 .5em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
}
*/

/* Landing Page */

#savings-calculator-interactive {
	padding-left: 2px;
	float: left; 
	display: inline;
	width: 100%;
}

#savings-calculator-content .save-heading {
	background: url(/images/backgrounds/bkgd-savings-calc-head.png) 0 0 no-repeat;
	min-height:70px;
  	height:auto !important;
  	height:70px;
	padding: 7px 10px 0 20px;
}

#savings-calculator-content h2.popup-heading {
	font-weight: normal;
	font-size:1.9em;
}

#savings-calculator-content h2.popup-heading span {
	font-size:1.5em;
	font-weight:bold;
}

#savings-calculator-content h2.popup-heading p {
	font-size:0.62em;
	padding-top: 11px;
}

#savings-calculator-content h2.popup-heading p span {
	font-size:1.45em;
	font-weight:bold;
}

#savings-calculator-content h3.popup-subheading {
	font-size: 1.6em;
	font-weight: normal !important;
	text-indent: 0;
	min-height:50px;
  	height:auto !important;
  	height:50px;
}

/* zip login panel */

#savings-calculator-interactive .circle-arrow {
	background: url(/images/calculator/calc-icons-circle-arrow.png) 0 0 no-repeat;
	padding: 10px 10px 10px 0;
	float: left;
	height: 80px;
	width: 40px;
	margin: 0 0 0 10px;
}

#savings-calculator-interactive .price-tag {
	background: url(/images/calculator/calc-icons-best-deal.png) 0 0 no-repeat;
	padding: 0px;
	float: left;
	height: 40px;
	width: 55px;
}

#savings-calculator-interactive #available-plans .item-zip-input {
	height: 15px !important;
	margin: 3px 10px 0 0;
	width: 91px;
	background-image:url("/images/calculator/bkgd-top-search.png");
}

#savings-calculator-content #savings-calculator-zip-form p {
	margin: 20px 0;
	padding-top: 5px;
}

/* results panels */

#savings-calculator-content #user-input, #savings-calculator-content #suggested-plan,
#savings-calculator-content #available-plans {
	width: 317px;
	padding: 20px;
	float: left;
	display: inline;
	min-height:527px;
  	height:auto !important;
  	height:527px;
	border: 1px solid #e2e2e2;
	overflow: hidden;
	margin-bottom: 10px;
}

#savings-calculator-content #suggested-plan, #savings-calculator-content #suggested-plan table 
{
  white-space: nowrap;  
}

#savings-calculator-content #user-input {
	width: 239px !important;
}

#savings-calculator-content #suggested-plan {
	margin-left: 6px !important;
	padding: 20px 16px;
}

#savings-calculator-content #suggested-plan ul {
}

#savings-calculator-content #suggested-plan ul li {
}

#savings-calculator-content #suggested-plan ul li span {
	font-weight: bold; 
	color: #5a9f34;
}

#savings-calculator-content #suggested-plan div h3 {
	padding: 10px 0 2px;
	font-weight: bold;
}

#savings-calculator-content #suggested-plan div div {
	float: left;
	width: 150px;
	font-size: 0.825em;
	line-height: 1.6em;
}


#savings-calculator-content #available-plans {
	background: url(/images/calculator/bkgd_gradient_vert.png) bottom center repeat-x;
	width: 310px;
	float: right; 
	padding: 20px 5px;
}

#savings-calculator-content #user-input ul li, 
#savings-calculator-content #suggested-plan ul li, 
#suggested-plan .plan-feature {
	border-bottom: 1px dotted #d2d2d2;
	padding: 3px 16px;
	font-size: 0.825em;
	margin: 0 -20px;
	white-space: normal;
	width: 330px;
}


#savings-calculator-content .calc-switch, #savings-calculator-content .shop-button {
	text-align: center;
}

#savings-calculator-content .calc-switch  {
	background: url(/images/calculator/bkgd_gradient_horizontal.png) top center no-repeat;
	margin-top: 40px;
	padding: 30px 0 5px;
}

#savings-calculator-content .shop-button{
	background: url(/images/calculator/bkgd_gradient_horizontal.png) bottom center no-repeat;
	margin-bottom: 15px;
	padding-bottom: 40px;
}

.plan-button{
	margin-bottom: 15px;
	padding-left:60px;
	padding-bottom: 40px;
}


#savings-calculator-content #suggested-plan tr td  {
	font-size: 0.825em;
}

#savings-calculator-content #available-plans .plan-price-bar {
	background: url(/images/calculator/bkgd_gradient_bar.png) 0 7px no-repeat;
	min-height:51px;
  	height:auto !important;
  	height:51px;
}

#savings-calculator-content #available-plans .plan-price a {
	float: none;
	display: inline;
	min-height:32px;
  	height:auto !important;
  	height:32px;
	width: 32px;
	overflow: hidden;
	margin-top:12px;
}


#savings-calculator-content #available-plans .plan-price {
	float: left;
	display: inline;
}


#savings-calculator-content #available-plans #bottom-links {
	padding: 10px 10px 10px 53px; 
}

#savings-calculator-content #available-plans #bottom-links .tell-a-friend,
#savings-calculator-content #available-plans #bottom-links .print-link  {
	padding-right: 20px;
	padding-left: 22px;
	padding-top: 6px;
	font-size: 0.825em;
}

#savings-calculator-content #available-plans #bottom-links .tell-a-friend {
	background: url(/images/calculator/calc-icons-mail.png) no-repeat;
}

#savings-calculator-content #available-plans #bottom-links .print-link {
	background: url(/images/calculator/calc-icons-print.png) no-repeat;
}

#savings-calculator-content #available-plans a.plan-price-link {
	background: url(/images/calculator/sprite_calculator_prices.png) no-repeat;
	margin-top:12px;
	margin-left:9px !important;
	margin-right:9px !important;
	display: block; 
}

#savings-calculator-content #available-plans .plan-price-bar a:hover {
	margin-top:12px;
}

#savings-calculator-content #available-plans .plan-price-bar a:focus, 
#savings-calculator-content #available-plans .plan-price-bar a:active,
#savings-calculator-content #available-plans .plan-price-bar a.current
{
	min-height:61px;
  	height:auto !important;
  	height:61px;
	width: 60px;
	padding: 0;
	margin:0 -5px 0 -4px !important;	
}
	



#savings-calculator-content #available-plans a.plan-price-link25 {
	background-position: -380px -150px;
	width: 33px;
}

#savings-calculator-content #available-plans a.plan-price-link25:hover {
	background-position: -380px -83px;
}

#savings-calculator-content #available-plans a.plan-price-link25:active, 
#savings-calculator-content #available-plans a.plan-price-link25:focus,
#savings-calculator-content #available-plans a.plan-price-link25.current
{
	background-position: -366px 0;
}

#savings-calculator-content #available-plans a.plan-price-link30 {
	background-position: -13px -150px;
	width: 33px;
}

#savings-calculator-content #available-plans a.plan-price-link30:hover {
	background-position: -13px -83px;
}

#savings-calculator-content #available-plans a.plan-price-link30:active, 
#savings-calculator-content #available-plans a.plan-price-link30:focus,
#savings-calculator-content #available-plans a.plan-price-link30.current
{
	background-position: 0 0;
}


#savings-calculator-content #available-plans a.plan-price-link35 {
	background-position: -74px -150px;
}

#savings-calculator-content #available-plans a.plan-price-link35:hover {
	background-position: -74px -83px;
}

#savings-calculator-content #available-plans a.plan-price-link35:active, 
#savings-calculator-content #available-plans a.plan-price-link35:focus,
#savings-calculator-content #available-plans a.plan-price-link35.current{
	background-position: -60px 0;
}


#savings-calculator-content #available-plans a.plan-price-link40 {
	background-position: -134px -150px;
	width: 33px;
}

#savings-calculator-content #available-plans a.plan-price-link40:hover {
	background-position: -134px -83px;
}

#savings-calculator-content #available-plans a.plan-price-link40:active,
#savings-calculator-content #available-plans a.plan-price-link40:focus,
#savings-calculator-content #available-plans .plan-price-bar a.plan-price-link40.current
{
	background-position: -122px 0;
}


#savings-calculator-content #available-plans a.plan-price-link45 {
	background-position: -196px -150px;
}

#savings-calculator-content #available-plans a.plan-price-link45:hover {
	background-position: -196px -83px;
}

#savings-calculator-content #available-plans a.plan-price-link45:active,
#savings-calculator-content #available-plans a.plan-price-link45:focus,
#savings-calculator-content #available-plans a.plan-price-link45.current {
	background-position: -184px 0;
}


#savings-calculator-content #available-plans a.plan-price-link50 {
	background-position: -258px -150px;
}

#savings-calculator-content #available-plans a.plan-price-link50:hover {
	background-position: -258px -83px;
}

#savings-calculator-content #available-plans a.plan-price-link50:active,
#savings-calculator-content #available-plans a.plan-price-link50:focus,
#savings-calculator-content #available-plans a.plan-price-link50.current 
{
	background-position: -244px 0;
}

#savings-calculator-content #available-plans a.plan-price-link55 {
	background-position: -440px -150px;
	width: 33px;
}

#savings-calculator-content #available-plans a.plan-price-link55:hover {
	background-position: -440px -83px;
}

#savings-calculator-content #available-plans a.plan-price-link55:active, 
#savings-calculator-content #available-plans a.plan-price-link55:focus,
#savings-calculator-content #available-plans a.plan-price-link55.current
{
	background-position: -426px 0;
}

#savings-calculator-content #available-plans a.plan-price-link60 {
	background-position: -318px -150px;
	width: 33px;
}

#savings-calculator-content #available-plans a.plan-price-link60:hover {
	background-position: -318px -83px;
}

#savings-calculator-content #available-plans a.plan-price-link60:active,
#savings-calculator-content #available-plans a.plan-price-link60:focus,
#savings-calculator-content #available-plans a.plan-price-link60.current 
{
	background-position: -306px 0;
}


/**
 * Rounded Corners for Firefox, Safari and Chrome
**/

#savings-calculator-content .roundedCorners {
	padding:  5px;
	background-color: grey;

	/* Do rounding (native in Safari, Firefox and Chrome)  **/
	-webkit-border-radius: 5px;
	-moz-border-radius:  5px;
}

#savings-calculator-content #suggested-plan.roundedCorners {
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
}

#savings-calculator-content #available-plans.roundedCorners {
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}