/*	Base Styles for All Elements
	============================
*/
	a:hover, a:active {
		text-decoration:underline;
	}

	 /* #wrapper added to force IE6 to accept */
	#wrapper a.action_button_small {
		padding:0 30px 0 0;
	}

	 /* #wrapper added to force IE6 to accept */
	#wrapper a.action_button_small_grey {
		_position: relative;
	}


/*	Head, container for main headings. */
	.header .head {
		padding: 0 0 15px;
		width: 100%;
	}


/*	Path, top center graphic container. */
	.header .path {
		width:496px;
		margin:0 94px 0 0;
		_margin: 0 70px 0 0;

	}

	.header .path .path {
		_margin: 0 0 0 0;
	}




/*	Help, top right list of links. */
	.header ul.help {
		float:right;
		_display:inline;

	}
	ul.help_compare {
		_display: inline;
	}

	ul.help li {
		_list-style-position:outside;

	}
	/* ie6 only */
	*html ul.help li,
	*html ul.help_compare li {
		padding:4px 0 5px 10px;
	}



	.header .tabs li.selected {
		_margin-top:1px;

	}


	#tab_close .bottom, #tab_pick .bottom {
		*font-size:0;
		*line-height:0;
	}

	address,blockquote,form,p,dl,ol,ul,table {
		margin:0 0 2% 0;
	}



/*	Top Note
	========
*/

	#top_note {
		margin: 0 25px 5px;
		background:url(/resources/images/top_note.png) no-repeat 0 -4px #c2e7f5;
	}

	#top_note p {
		background:url(/resources/images/top_note.png) no-repeat -920px .675em;
		text-align:left;
	}

	#top_note p span {
		padding:0 7px;
	}

	#top_note div.bottom {
		_font-size:0;
	}

/*	Main Page Wrapper
	=================
*/
	#wrapper {
		font-size:1.1em;
	}
	.theme_default #content {
    	margin-bottom: 20px;
   }



	/* Invite Friends Overlay
	   ===================
	*/

	.invite #facebox .invitation div.btn a {
		*margin-bottom:20px;
	}

	div.whats_this_tooltip .content table td.left {
		 font-weight:normal;
	     color:Grey;
	     border:1px solid LightGrey ;

     }
     div.whats_this_tooltip .content table td.right {
		 font-weight:normal;
	     color:Grey;
	     border:1px solid LightGrey ;

     }

	div.whats_this_tooltip .bottom {
		*font-size:0;
		*line-height:0;
	}

	#fulfillment-order-status .order-status-red {
		color: #EB3C3C;
	}

/*Add a line plan popup section and colorbox*/
	#plan_type_popup_content {
		background-color: #fff;
		font-size: 18px;
		padding: 12px 13px;
		height: 110px;
	}
	#plan_options a {
 		color: #ffffff;
  	}
	#plan_options .plans {
  		display: block;
  		text-align: center;
  		min-height: 65px;
  		width: 27.33%;
  		float: left;
  		background: #28cdff;
  		margin: 1%;
  		border-radius: 11px;
  		padding: 2%;
	}
	.cartCurrSharedPlan {
  		background-color: #fff;
  		font-size: 18px;
  		padding: 12px 13px;
	}
	.cartCurrSharedPlan .sharedPlans{
  		width: 43%;
  		background: #28cdff;
  		border-radius: 13px;
  		padding: 2%;
  		display: inline-table;
  		margin: 1%;
  		color: #ffffff;
  		min-height: 65px;
	}
	.cartCurrSharedPlan .sharedPlans:hover{
		cursor: pointer;
	}
	.withoutBasic{
		position:relative;
		bottom:21px;
		height:65px;
	}
	.withBasic{
		float:left;
		display:block;
		margin-right:1%;
		height:65px;
	}
	.cartCurrSharedPlan a {
 		color: #ffffff;
  	}
  	.innerContentDetails {
		  margin: 0 auto;
  		  text-align: center;
  	}

  	.bucket_size, .bucket_size .formattedPrice {
  		color: #036fba;
  	}

/*** pop-up changes***/
.cart_diff_shared_plan_content{
	background-color: #fff;
  	padding: 4%;
  	border-radius: 12px;
}
.diff_shared_device_type{
	text-align: center;
  	width:45%;
  	background: #FBF9FA;
  	margin: 1.5%;
  	border: solid 1px #cccccc;
  	border-radius: 5px 5px 5px 5px;
  	padding: 2%;
  	display: inline-block;
  	cursor: pointer;
  	font-size: 16px;
  	color: #036fba;
}
.shared_plans_diff_content{
	width: 100%;
  	text-align: center;
  	display: inline-block;
  	margin: 0 auto;
  	border-bottom: 1px solid lightgrey;
}

.bucket_details,.plan_detailed_desc{
	display:none;
}
.view_details_link,.hide_details_link{
	color: #036fba;
	cursor: pointer;
}
.monthlyPrice span {
  font-size: 19px;
  font-weight: bold;
}
.monthlyPrice {
  float: left;
  font-size: 19px;
  font-weight: bold;
  margin-left: 15%;
  margin-top: 4%;
  width: 40%;
}
.bucket_size{
	text-align: center;
  	width: 20%;
  	background-color: #FBF9FA;
  	margin: 1.5%;
  	border: solid 1px #cccccc;
  	border-radius: 5px 5px 5px 5px;
  	padding: 2%;
  	display: inline-block;
  	cursor: pointer;
  	font-size: 18px;
}
.shared_plan_data_bucket_section{
	width: 100%;
  	text-align: center;
  	display: inline-block;
  	margin: 0 auto;
  	border-bottom:1px solid lightgrey;
}
.add_item_to_order{
	text-align: center;
  	width: 40%;
  	margin: 3%;
  	border-radius: 5px 5px 5px 5px;
  	padding: 9%;
  	display: none;
}
.add_to_cart_box{
	text-align: center;
  	display: inline-block;
  	margin: 0 auto;
}
.add_to_cart_box .monthlyPrice{
	padding-bottom: 2%;
	float: left !important;
	margin-left: 0% !important;
	width: 100%;
}
#bottomNotification{
 	margin-top: 5%;
 	margin-bottom: 4%;
 }
#topNotification{
 	margin-top: 2%;
 	margin-bottom: 2%;
 }
.shared_plan_block_popup_content{
	background-color: #ffffff;
	font-size: 18px;
	padding: 2% 2% 2% 2%;
	border-radius: 10px;
	text-align: justify;
}
.planChangeNote{
	text-decoration: none;
}
#poc_price{
	font-size: 14px;
	width: 100%;
	float: left;
	padding-bottom: 2%;
	display: none;
}
.shared_plan_details{
	width: 100%;
  	text-align: center;
  	display: inline-block;
  	margin: 0 auto;
  	border-right: 1px solid lightgrey;
}
.cart_diff_shared_plan_content .diff_shared_device_type:first-child {
	width: 30%;
}
.diff_shared_device_type:first-child {
	padding-top: 6%;
}
.shared_plan_box{
	border: 1px solid lightgrey;
}
.bucket_show{
	padding: 2%;
	text-align: left;
}
.bucket_show_add{
	padding-bottom: 4%;
}
.selected_plan, .selected_plan .formattedPrice {
	background:#042047;
	color: #fff;
}
.currAuthData {
	font-weight: bold;
}
#diff_plan_type_header,.data_bucket_header{
	text-align: left;
    margin-left: 3%;
    padding: 1%;
    color: #036fba;
    font-size: 16px;
    font-weight: bold;
    margin-top: 1%;
}
.plan_name{
	color: #2b2b2b;
  	font-size: 20px;
  	font-weight: bold;
}
.plan_desc{
	font-size: 16px;
}
#different_shared_plan{
	margin:0%;
}
.add_item_to_order .blue_btn_bottom {
  background-color: #00ceff;
  width: 100%;
  height: 42px;
  color: #fff;
  cursor: pointer;
  border: 1px;
  font-size: 22px;
}




/*
* Credit Limit Modification - popup changes
*/
#downpay_outer_info #slider{
	padding: 10px;
}

/*The default width(300px) is given first priority and hence the slider does not fit the width of all devices. Hence width auto is made important*/
#downpay_outer_info #slider .slider-container.theme-green{
	width: auto !important;
}

#slider #credit_limit_downpayment{
	padding-bottom: 2%;
}

#slider #credit_limit_downpayment #deviceAndMonthly{
	float: left;
}

#downpayment_buttons{
	padding-bottom: 1%;
}

#slider .single-slider{
	width: auto;
}

.credit_limit_header{
	font-weight: bold;
	color: #036FBA;
	font-size: 24px;
	text-align: center;
}
.credit_limit_header_hr{
	background-color: #B4B2B2;
}

.title.monthly-Price.newMonthly{
	float: right;
	vertical-align: middle;
}

.title.monthly-Price.newMonthly .mrc_price_value_new, .dollarNew{
	font-size: 22px;
}
.title.monthly-Price.newMonthly .new-month-price, .dollarNew{
	font-size: 22px;
}
#check_mrc_button a.custom-blue-47h span,#cart_update_activation .cancelBtn{
	width: 90px;
}

a.custom.downpayment_update_from_cart#update_downpayment{
	float: right;
}

td.col-four a.downPaymentDesc{
	font-size: 14px;
	color: #00b7f1;
}

.downPaymentDescText{
	background: #ffffff;
	font-size: 18px;
	padding: 20px;
	height: 75px;
}

/*********************************Taking jrange particular css from build-combo.css to this file*********************************/
.theme-green .back-bar{
	height: 20px;
	border-radius: 16px;
}

.theme-green .back-bar .pointer{
	cursor: pointer;
	height: 29px;
	width: 18px;
    border-radius: 7px;
}

.theme-green .back-bar .selected-bar{
	background-color: #00ADFA;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
    background-image: -moz-linear-gradient(top, #00ADFA, #0098E1);
    background-image: -o-linear-gradient(top, #00ADFA, #0098E1);
    background-image: linear-gradient(to bottom, #00ADFA, #0098E1);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ADFA', endColorstr='#ff0098E1', GradientType=0);
}

.theme-green .scale span{
	border-left: 1px solid #666;
	height: 20px;
    top: -22px;
}

.theme-green .scale span:FIRST-CHILD, .theme-green .scale span:LAST-CHILD{
	border: none;
}

.slider-container .scale span:FIRST-CHILD ins{
	left: 0;
}

.slider-container .scale span:LAST-CHILD ins{
	left: -10px;
}

.slider-container{
	max-width: 98%;
	padding-left: 10px;
	padding-right: 10px;
}

.slider-container .scale ins{
	font-size: 10px;
	top: 30px;
	left: -5px;
}
.slider-container .back-bar .pointer-label{
	font-size: 13px;
	top: -25px;
	font-weight: bold;
}

/*** ***/

@media print{
	body {
		background:#fff;
		color:#333;
		font: 12px/1 Arial,sans-serif;
	}
	#top_tabs,#top_nav,#logo_account_search span,#logo_account_search form,#main_nav,#top_note,#footer {
		display:none;
	}
}
#answer-center ul li {
	_margin: 0 0 0 0;

}

.theme_default p {
	line-height: 16px;
margin:0.5em 0;
}

 span.star-info {
 	color : red;
 	font-size: 16px;
 }

 div#autopayFutureSetup {
	margin: 5px;
}

div#autopayFutureSetup p {
  	line-height: 18px;
    margin: 5px;
    width: 525px;
    font-size:12px;
 }

 div#autopayFutureSetup p#autopayFutureSetupMsg {
 	font-size:12px;
 	font-weight: bold;
    margin: -50px 40px;
    padding: 14px 2px;
 }

.usage-gauge .warning_usage{
	color: #DB2A07;
}

#mobile_main .header .path{
	padding-bottom: 20px;
}

.dpp_add {
	background:white;
	padding:10%;
}

#dpp_feature_info {
	background:white;
	padding:3%;
}

p.disclaimer {
  font-size: 10px;
  color: #999999;
  margin-top: 10px;
}

#add_feature_no {
	margin-left:6%;
	width:14%;
}

#add_feature_yes {
	margin-left:31%;
	width:14%;
}
#dpp_feature_learnmore_info {
	background:white;
	padding:7%;
}

@media(max-width: 480px) {
	#dpp_feature_learnmore_info {
		background:white;
		padding:2%;
	}
	.title.monthly-Price.newMonthly .new-month-price, .dollarNew{
		font-size: 100%;
	}
	.title.monthly-Price.newMonthly::before{
		content: ' ';
		clear: right;
		display: block;
	}
	.title.monthly-Price.newMonthly{
		float: left;
	}
	#slider #credit_limit_downpayment #deviceAndMonthly{
		float: none;
	}
}


#installment_device_price {
  	width: 100%;
  	margin-bottom: 2%;
}

#downpay_error_msg {
	width:100%;
}

#downpayment_form {
	height: 100%;
}
#voluntary_downpayment {
	background-color: white;
	height: 100%;
}

#downpayment_question {
	margin-top: 2%;
}

.downpayment_submit {
  margin-left: 32%;
}

.downpayment_accept_reject{
 	  width: 100%;
  	  float: left;
 }



#downpay_error_msg p.errorMsg {
	padding: 14px 0 7px 54px;
	background: url(/resources/images/error_exclamation.gif) no-repeat 10px center #fce2e2;
	color: #eb3c3c;
	font-size: 14px;
    font-weight: bold;
	margin: 0.5em 0;
}

#downpay_amount {
	width: 11%;
  	float: left;
}

#voluntary_downpayment_amount {
	width: 40%;
	float: left;
	padding-left: 6%;
}

#new_downpay_amount {
	float: left;
	padding-left: 6%;
	margin-bottom: 5px;
	width: 100%;
	color: darkgreen;
}

#check_mrc_button a.custom {
  border: 0;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  padding: 4px 8px 0 0;
  width: auto;
  overflow: visible;
  vertical-align: middle;
  text-decoration: none;
}
#check_mrc_button a.custom-blue-47h{
	background:none;
}
#check_mrc_button a.custom-blue-47h span,#cart_update_activation .update_downpay_item,  #cart_update_activation .cancel_downpay_item.cancelBtn{
  	height: 33px;
    line-height: 33px;
    font-size: 14px;
    text-shadow: 0px -1px 0 #0087ad;
    padding: 0 7px 0px 8px;
    background: url(/resources/images/btn/blue-button-left-47h.png) left no-repeat !important;
    border-radius: 10px 8px 8px 10px;
    text-align: center;
    width: 155px;
}

.error_margin {
	width: 100%;
}

#downpay_outer_info {
	padding: 0 1% 0 3%;
    font-size: 14px;
}

#voluntary_downpayment #downpay_outer_info .disclaimer_DDP {
	border-radius: 4px;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-top: 14px;
    margin-top: 10px;
    background: #e0f7f9;
    margin-bottom: 24px;
    margin-left: 12px;
    margin-right: 28px;
}

.month_border {	
    border-style: solid;
    border-width: 2px;
    border-color: lightslategrey;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 6%;
    display: inline-block;
    vertical-align: top;
    float: unset;
}
.text_dpp {
	text-allign: centre;
	width: 85px;
	border: none;
    font-size: 18px;
    font-weight: bold;
    color: dimgrey;
}
.downpayment_desc {
	width: 452px;
	display:inline-block;
}
.dollar-box {
	font-size: 18px;
	color: dimgrey;
}
.p-22 {
	position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 45%;
    pointer-events: none;
    width: 25px;
    text-align: center;
    font-style: normal;
    color: #545454;
    margin-left: 12%;
}
#upgrade_buttons {
	width: 45;
	float: left;
}

#check_mrc_button {
	float: left;
	width: 24%;
	margin-top: -1%;
  	padding-left: 13px;
}

#cart_update_activation {

    margin: 2%;
    padding-bottom: 2%;
}

.downpay-no #downpayment_no_btn{
	vertical-align: baseline ;
}

.downpay-yes #downpayment_yes_btn{
	vertical-align: baseline ;
}
a.ui-button-combos, a.ui-button-plans, a.ui-button-phones {
	font-size: 12px;
	margin: 0 auto;
	padding: 4px;
	color: #ffffff !important;
	background-color: #00B9F2;
	border-radius: 3px;
	text-decoration: none;
}
#change_plan_options .plans,.upgrade_options .combos{
	display: block;
	text-align: center;
	width: 38%;
	float: left;
	background: #28cdff;
	margin: 4.5%;
	border-radius: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#change_plan_type_popup_content,.upgrade_type_popup_content {
	background-color: #fff;
	font-size: 18px;
	padding: 9px 10px;
	height: 127px;
}
#change_plan_options a {
	display: block;
	color: #ffffff;
 }
.upgrade_options a {
	display: block;
	color: #ffffff;
 }
/*
* Styles for voluntary down payment popup in payments page - Start
*/
#downpayment_form #voluntary_downpayment_notification{
	background-color: white;
	height: 100%
}

#downpayment_form #voluntary_downpayment_notification #popup_outer_info{
	padding: 0 1% 0 3%;
	font-size: 18px;
}

#popup_outer_info #voluntary_downpayment_notification_desc{
	padding: 2%;
}

#payment_notify_action {
    text-align: center;
}

#payment_notify_action .continue_downpay_item{
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    text-shadow: 0px -1px 0 #0087ad;
    padding: 0 7px 0px 8px;
    background: url(/resources/images/btn/blue-button-left-47h.png) left no-repeat !important;
    border-radius: 10px 8px 8px 10px;
    text-align: center;
    width: 155px;
}
/*
* Styles for voluntary down payment popup in payments page - End
*/
.bucketTable p.detail {
    font-size: 14px;
}

@media(max-width: 767px){

	#voluntary_downpayment_amount {
		width: 70%;
  		float: left;
	}
	#check_mrc_button {
		float: none;
		width: initial;
		margin-left: 25%;
	}

	#cart_update_activation {
		float: none;
		margin-bottom: 5%;
		padding-left: 2%;
		padding-right: 2%;
	}
	#downpayment_question{
		width: 95%;
	}

	#cart_update_activation a.custom.custom-blue-47h.downpayment_update_from_cart span {
		padding: 0 29px 0 50px;
	}
	#downpayment_buttons {
		text-align: center;
  		float: none;
	}
	#check_mrc_button a.custom-blue-47h span,#cart_update_activation .update_downpay_item {
		font-weight: normal;
	}
}
@media(max-width: 767px) and (orientation:landscape){
	#cart_update_activation a.custom#update_downpayment_cancel{
		float: left;
	}
}
@media(max-width: 767px) and (orientation:portrait){
	.credit_limit_header{
		font-size: 20px;
	}
	.title.monthly-Price.newMonthly::before, a.custom#update_downpayment_cancel::before, #payment_notify_action #go_to_cart::before{
		content: ' ';
		clear: right;
		display: block;
	}
	.title.monthly-Price.newMonthly{
		float: left;
	}
	.title.monthly-Price.newMonthly .mrc_price_value_new, .dollarNew{
		font-size: 100%;
	}
	.title.monthly-Price.newMonthly .new-month-price, .dollarNew{
		font-size: 100%;
	}
	a.custom.downpayment_update_from_cart#update_downpayment, #payment_notify_action #accept_downpayment, #payment_notify_action #go_to_cart{
		float: none;
	}
	a.custom#update_downpayment_cancel, #payment_notify_action #go_to_cart{
		padding-top: 3%;
	}
	#popup_outer_info #voluntary_downpayment_notification_desc{
		font-size: 93%;
	}
}
@media ( max-width :325px) {
	#downpay_amount {
		width: 17%;
  		float: left;
  		margin-left: 35%;
  		margin-top: -6%;
	}
	#voluntary_downpayment_amount {
		width: 72%;
	}
	#downpay_error_msg p.errorMsg {
		font-size: 11px;
	}
}