/* CSS Document */

body{text-align:left; margin:0; padding:0; font-family:Lucida Grande, Arial; font-size:13px; background-color:#fff; color:#464646; }

.wrapper{margin:0 auto; width:870px; text-align: left; }
	
.content{background-color:#FFFFFF; text-align:left; padding-bottom:25px;}

.in{width:870px; margin:25px auto; text-align:left;}

.line{border-top:1px solid #bab9b9; height:1px; }



/*.............................................................General.................... */

h1, h2, h3 {margin:0; padding:0; }

h1{font-size:32px;}

h2{font-family:Georgia; font-size:24px; font-style:italic; }

.author p{margin:0; padding:0; }

.forms{line-height:2em; }

a:link, a:visited{color:#30a4b1; text-decoration:none;}

a:hover{color:#f7941d;}

.v_line{padding:0 5px; color:#999999;}


/*.............................................................Header.................... */

.logo{float:left; margin:25px 0;}

.txt_right{ float:right; margin-top:15px;}




/*.............................................................Form.................... */


.box{border:1px solid #bab9b9; padding:10px; width:600px; color:#707070; font-size:14px; }

.box2{border:1px solid #bab9b9; padding:10px; width:400px; color:#707070; font-size:14px; }

.com_btn{margin:0px; padding:10px 20px; border:0px; background-color:#f7941d; color:#000; font-size:14px; }




/*.............................................................Check YES or NO.................... */

.check{ margin:25px; text-align:left; padding:10px 15px; border:1px solid #bab9b9; background-color:#f7f7f7;}

.good{}

.icon{padding-right:8px; float:left;}

.bad{}


/*..................................................... Title .....................*/	

.logo {
	background: url(../images/splash-logo.png) no-repeat;
	height: 84px;
	width: 322px;
}

/*..................................................... Navigation .....................*/	
	

.navigation{ background-color:#fff; float: left; margin-bottom:20px; width:900px; position:relative;}

.navigation ul{ margin:0px; padding:0px; }

.navigation ul li{list-style:none; float: left; margin: 0; padding: 0; font-weight:normal; }

.navigation li a{float:left; color:#000; margin: 0; font-size: 14px; text-decoration: none; padding:2px 10px;  }

.navigation li a:hover, .navigation li .active { color:#000; background-color:#fff;  }

.clear{clear:both;}


/*............................... Search Form.....................*/	


#searchform{ position:absolute; top:13px; right:15px;}

.search_box{ padding:6px; color:#999999; font-size:13px; margin:0; background-color:#FFFFFF; border:1px solid #ccc;}

.search_btn{margin:0 0 0 5px; padding:6px; border:0px; background-color:#f7941d; color:#fff; height:30px; font-size:13px; }



/*.............................................................Footer................... */

.footer{border-top: 1px dotted #ccc; text-align:center; margin-bottom:40px;}




/*.............................................................Table................... */


td { padding: 12px; text-align:left; }

.gray td {background-color:#f7f7f7;}

.table_main { border-top: 1px solid #bab9b9; border-right: 1px solid #bab9b9; border-left: 1px solid #bab9b9;}

.table_main .delete {background:url(images/x2.gif) center left no-repeat; padding-left:12px;}

tr td {border-bottom: 1px solid #bab9b9;}



h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica,Arial,sans-serif;
}

h3 {
	color:#666666;
	font-size: 20px;
}

h4 {
	color:#555555;
	font-size: 16px;
}

h3.thinmb {
	font-size: 22px; 
	font-weight: normal; 
	color: rgb(17, 17, 17);
}

.mbwrapper .mb {
	border: 1px solid #ccc;
}

.mbwrapper .mbbar {
	height: 5px;
}

.broadband .mb {
	background: #bbe8fb;
	border: 0;
}

.broadband .mb .broadband_bar {
	background: #3fbdf1;
	height: 20px;
}

.monthtimeline .mb {
	background: #ccc;
	border: 0;
}

.monthtimeline .mb .monthtimeline_bar {
	background: #999;
}

.bbdashitem:hover {
	background: #eee;
	cursor: pointer;
}

.note.minor {
	color:#888888;
	font-size:11px;
}

.usage-left {
	background: url(../images/usage_bg_left.png) no-repeat;
	height: 51px;
	padding-bottom: 0;
	margin-bottom: 0;
	width: 8px;
}

.usage-bg {
	background: url(../images/usage_bg_middle.png);
	height: 51px;
}
.usage-middle-used {
	background: url(../images/usage_bg_middle_used.png);
	height: 51px;
}	

.usage-right {
	background: url(../images/usage_bg_right.png) no-repeat;
	height: 51px;
	width: 8px;
}

.sub-left {
	background: url(../images/sub_bg_left.png) no-repeat;
	height: 42px;
	width: 15px;
}

.sub-right {
	background: url(../images/sub_bg_right.png) no-repeat;
	height: 42px;
	width: 15px;
}

.sub-middle {
	background: url(../images/sub_bg_middle.png);
	height: 42px;
	text-align: center;
	width: 15px;
}


.account_summary .price_subtotal {
	color: #000; 
	padding: 1px 0; 
	font-size: 14px; 
	text-align: right; 
	font-weight: bold;
}


.account_summary .item_row {
	border-top: 1px dotted #aaa;
	font-size: 14px;
}

.account_summary .item_row_title {
	padding-left: 10px;
	padding-top: 1px;
	color: #555;
}

.account_summary {
	font-family: calibri, arial; 
	font-size: 12px;
}

.account_summary .group_title {
	border-top: 1px solid #222; 
	padding-left: 10px; 
	color: #000; 
	font-weight: normal; 
	font-size: 16px; 
	text-transform: captalise
}

.account_breakdown {
	font-family: calibri, arial; 
	font-size: 12px;
}

.account_breakdown .group_title, .group_title  {
	border-top: 1px solid #222; 
	padding-left: 10px; 
	color: #000; 
	font-weight: normal; 
	font-size: 16px; 
	text-transform: captalise
}
	
.account_breakdown .group_subtitle {
	border-top: 1px solid #aaa;
	font-size: 14px;
	padding-left: 10px;
}
	
.account_breakdown .row_item {
	font-size: 12px;
	border-top: 1px dashed #ccc;
}
.account_breakdown .row_title {	
	padding-left:10px;
}
	
.account_breakdown .item_title {
	padding-left: 10px;
	padding-top: 1px;
	color: #555;
}

.item_row_big {
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

.item_row_big.total {
	border-top: 2px solid #111;
}

.item_row_big .item_due {
	color: #000;
	font-weight: bold;
	font-size: 22px;
}

.item_row_big .price_subtotal {
	padding-top:0;
	font-size: 22px;
}

.bb_overview_wrap {
	border: 1px solid #1e98ff; 
	padding: 10px 18px;
	background: #fff;
}
.bb_overview_ops .btn_wrap {
	border:  solid #1e98ff; 
	border-width: 0px 1px 1px; 
	background: #fff; 
	margin-top: -1px; 
	text-transform: uppercase; 
	font-size: 10px; 
	text-align: center; 
	padding: 2px 0;
}

.btn_wrap.gray {
	border-color: #ccc;
}

.btn_wrap.view_account_link {
	font-size: 14px; 
	font-weight: bold; 
	color: #000;
}

.bb_overview_ops.small .btn_wrap.view_account_link .icon_doorenter
{
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.btn_wrap.view_account_link a {
	color: #000;
	height: 20px;
}

.icon_doorenter {
	padding-left: 23px;
	background:  #fff url(../images/icons/door_enter.png) no-repeat;
}

.special_box_1 {
	border: 1px dotted #ccc;
	padding: 10px;
}

h5.cattitle {
	font-size:13px; 
	color: #111;
}



.info_box {
	font-size: 11px; 
	border: 1px solid #ccc; 
	padding: 10px;
	font-family: tahoma;
}

.info_box .row  {
	padding: 1px 5px; 
	border-bottom: 1px dotted #ccc;
}

.info_box .row .row_item {
	font-size: 11px;
}

.info_box .row .row_title {
	font-weight: bold;
}


.downarrowminiright {
	padding-right: 	16px;
	background: 	url(../images/down_arrow.png) no-repeat;
	background-position: right;
}

.uparrowminiright {
	padding-right: 	16px;
	background: 	url(../images/up_arrow.png) no-repeat;
	background-position: right;
}


.purchase_wrap {
	background: #fafafa url(../images/purchasdase-info.png) no-repeat bottom right;
	border: 4px solid #efefef;
	text-align: center;
	padding: 20px;
	font-size: 18px;
}

.card-show-small {
	background: url(../images/cards-bg-col-small.png) no-repeat center;
	width: 110px;
	height: 23px;
}

.purchase_info {
	margin-top: 50px;
	background: #f4f4f4 url(../images/purchase-info.png) no-repeat center;
	height: 52px;
	border: solid #d6d6d6;
	border-width: 1px 0;
	padding: 10px 0;
}