/*
#083054 Dark Blue
#105ea0 Light Blue 1
#0c5b9e Light Blue 2
#7a7879 Grey
#ffffff White
#000000 Black
*/

* {
	margin: 0;
	padding: 0;
	}

html, body, form {
	height: 100%;
	}

body {
	text-align: center;
	}
body, td {
	font: bold 100%/100% sans-serif;
}
a {
	color: inherit;
	background-color: transparent;
	text-decoration: none;
	color:#105ea0;;
	}
a:link {color:#105ea0;;}
a:visited {color:#105ea0;}
a:hover {color:#757173;}
a:active {color:#757173;}
img { border: none; }

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5em;
	}

.clear {
	clear: both;
	}

.width {
	margin: 0 auto;
	width: 990px;
	text-align: left;
	}

.fleft {
	width: auto;
	float: left;
	}
.frite {
	width: auto;
	float: right;
	}

.pad {
	padding: 1em;
	}

.mt {
	margin-top: 1em;
	}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -89px;
	}

th, td {
	text-align: left;
	vertical-align: top;
	}

option {
	padding-right: 0.5em;
	}

/* blue band */
#blue {
	color: #000;
	/* dmw 09/09/09 changed per JIRA report by yuli */
	color: #86adcf;
	background-color: #0c5b9e;
	padding: 4px 0;
	font-weight: bold;
	font-size:80%;
	}
#blue a:link, #blue a:visited {
	color: #fff;
	}
#blue a:hover {
	color: #7a7879;
	}

/* menu - primary */
#menu {
	color: #969393;
	background: #f9f9f9 url('../../../../images/common/bg.menu.primary.gif') center top repeat-x scroll;
	height: 40px;
	}
#menu #menulogo {
	width: 130px;
	height: 40px;
	float: left;
	padding-right: 8px;
	}
#menu ul {
	width: auto;
	float: left;
	list-style: none;
	}
#menu ul li {
	width: auto;
	float: left;
	background: transparent url('../../../../images/common/separator.menu.primary.gif') center left no-repeat scroll;
	padding: 0 32px;
	}
#menu a:link, #menu a:visited {
	height: 40px;
	display: block;
	float: left;
	width: auto;
	color: #969393;
	text-decoration: none;
	}

#menu-1 img { width: 43px;  height: 40px; }
#menu-2 img { width: 74px;  height: 40px; }
#menu-3 img { width: 66px;  height: 40px; }
#menu-4 img { width: 148px; height: 40px; }
#menu-5 img { width: 75px;  height: 40px; }
#menu-6 img { width: 42px;  height: 40px; }

#menu a { background: transparent url('../../../../images/common/zero.gif') center center no-repeat scroll; }
#menu a:hover img { background-image: url(../../../../images/common/zero.gif); }

#menu-1 a img { background-image: url(../../../../images/menus/prime.home.of.gif); }
#menu-1 a { background-image: url(../../../../images/menus/prime.home.on.gif); }

#menu-2 a img { background-image: url(../../../../images/menus/prime.barabluis.of.gif); }
#menu-2 a { background-image: url(../../../../images/menus/prime.barabluis.on.gif); }

#menu-3 a img { background-image: url(../../../../images/menus/prime.products.of.gif); }
#menu-3 a { background-image: url(../../../../images/menus/prime.products.on.gif); }

#menu-4 a img { background-image: url(../../../../images/menus/prime.mybarabluaccount.of.gif); }
#menu-4 a { background-image: url(../../../../images/menus/prime.mybarabluaccount.on.gif); }

#menu-5 a img { background-image: url(../../../../images/menus/prime.download.of.gif); }
#menu-5 a { background-image: url(../../../../images/menus/prime.download.on.gif); }

#menu-6 a img { background-image: url(../../../../images/menus/prime.share.of.gif); }
#menu-6 a { background-image: url(../../../../images/menus/prime.share.on.gif); }

/* second level menu bar : eg navi or step for wizard pages */
#navi {
	color: #7a7879;
	background-color: #0c5b9e;
	padding: 8px 0;
	font-weight: bold;
	font-size:90%;
	letter-spacing:-1px;
	}
#navi a { color: #ccc; }
#navi a:hover { color: #fff; }
#navi p.current {
	width: auto;
	float: left;
	font-size: 1.25em;
	}
#navi ul {
	list-style: none;
	}
#navi li {
	display: inline;
	margin-left: 1em;
	}

#wizard {
	color: #7a7879;
	background-color: #0c5b9e;
	padding: 4px 0;
	font-weight: bold;
	}
#wizard .width {
	text-align: center;
	}
#wizard span { margin: 0 0.5em; }
.wizard-prev { color: #000; }
.wizard-now { color: #fff; }
.wizard-next { color: #33ffcc; }

/* footer */

#foot, #push {
	clear: both;
	height: 89px;
	}

#foot {
	color: #7a7879;
	background: transparent url(../../../../images/common/bg.foot.gif) center top repeat-x scroll;
	}

#foot ul { list-style: none; float: right; height: 23px; }
#foot li { width: auto; height: 23px; float: left; margin-left: 23px; }
#foot a { width: auto; height: 23px; float: left; }

#foot a { background: transparent url('../../../../images/common/zero.gif') center center no-repeat scroll; }
#foot a img { background: transparent url('../../../../images/common/zero.gif') center center no-repeat scroll; }
#foot a:hover img { background-image: url('../../../../images/common/zero.gif'); }

#foot-1 img { width: 66px; height: 23px; }
#foot-2 img { width: 30px; height: 23px; }
#foot-3 img { width: 32px; height: 23px; }
#foot-4 img { width: 42px; height: 23px; }
#foot-5 img { width: 56px; height: 23px; }
#foot-6 img { width: 33px; height: 23px; }

#foot-1 a img { background-image: url(../../../../images/menus/foot.contactus.of.gif); }
#foot-1 a { background-image: url(../../../../images/menus/foot.contactus.on.gif); }
#foot-2 a img { background-image: url(../../../../images/menus/foot.help.of.gif); }
#foot-2 a { background-image: url(../../../../images/menus/foot.help.on.gif); }
#foot-3 a img  { background-image: url(../../../../images/menus/foot.blog.of.gif); }
#foot-3 a { background-image: url(../../../../images/menus/foot.blog.on.gif); }
#foot-4 a img { background-image: url(../../../../images/menus/foot.forum.of.gif); }
#foot-4 a { background-image: url(../../../../images/menus/foot.forum.on.gif); }
#foot-5 a img  { background-image: url(../../../../images/menus/foot.sitemap.of.gif); }
#foot-5 a { background-image: url(../../../../images/menus/foot.sitemap.on.gif); }
#foot-6 a img { background-image: url(../../../../images/menus/foot.legal.of.gif); }
#foot-6 a { background-image: url(../../../../images/menus/foot.legal.on.gif); }

/* df - 16.02.10*/
li#foot-4  {display: none;}

/* sidebar */
#sidebar {
	width: 200px;
	height: 350px;
	float: right;
	color: #fff;
	background: #0c5b9e url('../../../../images/common/bg.sidebar.jpg') center bottom repeat-x scroll;
	}
html>body #sidebar {
	height: auto;
	min-height: 350px;
	}
#sidebar .pad { padding-top: 0; padding-left: 0; padding-right: 0; }

#sidebar a {
	color: #fff;
	}

#sidebar ul { padding: 0 0 0 1.5em; }
#sidebar ul li { margin: 0.25em 0; }
#sidebar ul li a { }

/* main */

#content {
	padding: 1em 0 2em 0;
	}

.with-sidebar #content {
	width: 770px;
	float: left;
	}

/* account style added 3 feb 2008 by cahyo */
.account-box-heading {background:#105D9E;padding:0.5em;}
.account-box-link {background:#0A365C;padding:0.5em 40px;}
.account-box-link img{margin:0.2em 0;}
.payment-box {background:#0E5DA0 url(../../../../images/common/pay.barablu-logo.gif) top left no-repeat;background-position:2em;padding:25px 160px;}
.menu-credit {line-height:1.2em;border-bottom:1px solid #cdcdcd;margin-bottom:1em;padding-bottom:0.4em;}
.number {float:left;font-size:1.5em;color:#0e5da0}

/* new account style 27 feb 2008 */
.account-new-title {background:#0A365C;padding:0.2em 10px}
.account-new-box-grey {background: url(images/common/bg.account.overview.grad.gif) #f6f6f6 repeat-x 50% bottom}

/* dmw: download front page style */
.download-home-opt {
	font-size: 32px;
	width:740px;
	}
.download-home-opt {
	line-height: 100%;
	}
.download-home-opt a {
	color: #369;
	background-color: transparent;
	border-bottom: 1px solid #0F5D9D;
	display: block;
	height: 1em;
	line-height: 1em;
	padding:8px 0;
	letter-spacing:-1px;
	padding-left:10px;
	}
.download-home-opt a .num { color: #333; }
.download-home-opt a:hover { color: #fff; background-color: #369; }
.download-home-opt a:hover .num { color: #ccc; }

/*2ndDevice 20081114 start*/
input#Template__ctl13__ctl0_UcOTFPutRequest2ndDevice1_txtMobileCOuntryPrefix { width:48px;}
input#Template__ctl13__ctl0_UcOTFPutRequest3rdDevice1_txtMobileCOuntryPrefix { width:48px;}
input#Template__ctl13__ctl0_UcOTFPutRequest4thDevice1_txtMobileCOuntryPrefix { width:48px;}
/*2ndDevice 20081114 end*/

/* white link */
a.whitelink {color:#ffffff;}
/*a#Template_ctl11_ctl00_linkButtonCancel {color:#ffffff;}
a#Template_ctl11_ctl00_linkButtonSave {color:#ffffff;}*/


h3 a#Template_ctl11_ctl00_linkButtonUpdate {color:#000}
h3 a#Template_ctl11_ctl00_linkButtonCancel {color:#000}


/* download box */
#downloadBox  p { font-size:80%}
#downloadBox  select { font-size:11px;width:166px}
select#Template_ctl11_ddlHandsetModel  {width:166px}
select#Template_ctl11_ddlHandset  {width:166px}

/* rates */
.RatesAlphabet a {color:#369;}
.RatesAlphabet a:hover {color:#000;}

/* buttons */
.button {
	color: #069;
	background: #fff url('../../../../images/buttons/bg.button.jpg') bottom right no-repeat scroll;
	border: none;
	font: bold 16px/100% sans-serif;
	padding: 3px 26px 3px 0px;
	}
html>body .button { padding: 3px 39px 3px 0px; }
*:first-child+html .button { padding: 3px 26px 3px 0px; }

a.button, a.button:visited, a.button:hover, a.button:link {
	text-decoration: none;
	}
a.button {
	padding: 3px 26px 3px 13px;
	}
html>body a.button { padding: 3px 39px 3px 13px }
*:first-child+html a.button { padding: 3px 26px 3px 13px; }

#Template_ctl08_ctl01_buttonForget {
	width:280px;
}

#Template_ctl08_ctl00_textBoxUserName, #Template_ctl08_ctl00_textBoxPassword {
	width:150px;
}

/* forgot password box - cahyo - 28 feb 08 */
.box_blue_gradient {
	background: #105D9E url('../../../../images/common/bg.contactus.jpg') repeat-x bottom;padding-right: 30px; padding-left: 30px;padding-bottom: 30px; padding-top: 30px
}
.box_blue_gradient a:link, .box_blue_gradient a:visited {color:#fc0;}

.box_lightblue {
	background: #105d9e;padding-right: 30px; padding-left: 30px;padding-bottom: 30px; padding-top: 30px;
}

/* DOWNLOAD WINDOWS MOBILE: can't-seem-to-make-up-their-minds remix */
.download-mobile-head {
	margin-top: 12px;
	padding: 18px 0 12px 23px;
	background: #005da2 url(../../../../images/common/bg.download.mobile.head.gif) center left repeat-y scroll;
	}
.download-mobile-body {
	height: 414px;
	background: #005da2 url(../../../../images/common/bg.download.mobile.body.gif) bottom center repeat-x scroll;
	}
html>body .download-mobile-body {
	height: auto;
	min-height: 414px;
	}
.download-mobile-foot {
	height: 17px;
	background: #fff url(../../../../images/common/bg.download.mobile.foot.gif) top center repeat-x scroll;
	}
.download-mobile-symbian {
	text-align: right;
	}

/* spiffy */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#DADBD3}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #efefec;
  border-right:1px solid #efefec;
  background:#e3e4de}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfa;
  border-right:1px solid #fbfbfa;
  background:#e1e1db}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e1e1db;
  border-right:1px solid #e1e1db;}
.spiffy4{
  border-left:1px solid #efefec;
  border-right:1px solid #efefec}
.spiffy5{
  border-left:1px solid #e3e4de;
  border-right:1px solid #e3e4de}
.spiffyfg{
	background:#dadbd3;
	padding: 5px 10px;
	}

#MyAccountHeadTitle {
	width: auto;
	float: left;
	}
#MyAccountHead h1 {
	line-height: 100%;
	vertical-align: top;
	font-size: 24px;
	margin-bottom: 0;
	}
#MyAccountHead h1 span {
	vertical-align: top;
	}
#MyAccountHead #topuphere {
	width: auto;
	float: right;
	}
#MyAccountHeadTitle span div {
	display: inline;
	float: none;
	clear: none;
	}

/* old version */
.gwBox, .gwBox1 .gwBox3 { margin: 10px 0 0 0; }
.gwBox1 { width: 75%; }
.gwBox3 { width: 316px; float: left; }
.gwBox31, .gwBox32 { margin-right: 10px; }
.gwBox33 { margin-right: 0; }

.gwBoxHead { background: transparent url(../../../../images/corners/top.gif) top center repeat-x scroll;
	font-size: 34px;
	line-height: 38px;
	}

html>body .gwBoxHead {
	line-height: 38px;
	font-size: 24px;

	}

.gwBoxHeadLeft { background: transparent url(../../../../images/corners/tl.gif) top left no-repeat scroll; }
.gwBoxHeadRite { background: transparent url(../../../../images/corners/tr.gif) top right no-repeat scroll; padding: 0 8px; }



.gwBoxBody { background: #fff url(../../../../images/corners/bottom.gif) bottom center repeat-x scroll; margin-top:-10px; }
html>body .gwBoxBody {margin:0;}



.gwBoxBodyL { background: transparent url(../../../../images/corners/left.gif) bottom left repeat-y scroll; }
.gwBoxBodyR { background: transparent url(../../../../images/corners/right.gif) bottom right repeat-y scroll; }
.gwBoxBodyBL { background: transparent url(../../../../images/corners/bl.gif) bottom left no-repeat scroll; }
.gwBoxBodyBR { position: relative; background: transparent url(../../../../images/corners/br.gif) bottom right no-repeat scroll; padding: 5px 0 0 10px; }

.gwBoxBodyBR {
	/* height: 31em;  orginal value IE6 prob in uacpi */
	height:34em; /*for IE6 */
	margin-top:8px; /* for fp page top */
	}
html>body .gwBoxBodyBR {
	height: auto;
	min-height: 33em;
	margin-top:0px;
	}


.gwEdit { text-align: right; position: absolute; bottom: 0; right: 0; }

.gwBox p.caption { color: #105ea0; }
.gwBox p.value { color: #333; margin-bottom: 1em; }

.gwBox p.gwEdit { height: 30px; line-height: 30px; margin: 0; padding: 0; }
.gwBox a.buttonHehe { height: 30px; line-height: 30px; margin: 0; padding: 0; }

.gwBox hr { margin: 0 0 1em -10px; border: none; border-bottom: 1px solid #ccc; }
/* -----------------end of old version-------------------- */


/* ------------------------New version-------------------- */
.gwBox_v2, .gwBox1_v2 .gwBox3_v2 { margin: 10px 0 0 0; }
.gwBox1_v2 { width: 98%; margin:10px 0 0 10px;}
.gwBox3_v2 { width: 316px; float: left; }
.gwBox31_v2, .gwBox32_v2 { margin-right: 10px; }
.gwBox33_v2 { margin-right: 0; }

.gwBoxHead_v2 { background: transparent url(../../../../images/corners/top.gif) top center repeat-x scroll;
	font-size: 24px;
	line-height: 38px;
	}
.gwBoxHeadLeft_v2 { background: transparent url(../../../../images/corners/tl.gif) top left no-repeat scroll; }
.gwBoxHeadRite_v2 { background: transparent url(../../../../images/corners/tr.gif) top right no-repeat scroll; padding: 0 8px; }

.gwBoxBody_v2 { background: #fff url(../../../../images/corners/bottom.gif) bottom center repeat-x scroll; }
.gwBoxBodyL_v2 { background: transparent url(../../../../images/corners/left.gif) bottom left repeat-y scroll; }
.gwBoxBodyR_v2 { background: transparent url(../../../../images/corners/right.gif) bottom right repeat-y scroll; }
.gwBoxBodyBL_v2 { background: transparent url(../../../../images/corners/bl.gif) bottom left no-repeat scroll; }
.gwBoxBodyBR_v2 { position: relative; background: transparent url(../../../../images/corners/br.gif) bottom right no-repeat scroll; padding: 5px 0 0 10px; }

.gwBoxBodyBR_v2 {height: 20em; padding:17px 0 0 17px; margin-bottom:10em;}

html>body .gwBoxBodyBR_v2 {
	height: auto;
	min-height: 20em;
	}

.gwEdit_v2 { text-align: right; position: absolute; bottom: 0; right: 0; }

.gwBox_v2 p.caption { color: #105ea0; }
.gwBox_v2 p.value { color: #333; margin-bottom: 1em; }

.gwBox_v2 p.gwEdit { height: 30px; line-height: 30px; margin: 0; padding: 0; }
.gwBox_v2 a.buttonHehe { height: 30px; line-height: 30px; margin: 0; padding: 0; }

.gwBox_v2 hr { margin: 0 0 1em -10px; border: none; border-bottom: 1px solid #ccc; }
/* -----------------end of old version-------------------- */

/*----2nd device |personal info 20081124| start----*/
.purple { color:#A40083; }
.secondevice { font-size:13px; margin:20px 0; }
.secondevice td { height:18px; vertical-align:top; }
.secondevice .caption_blue { color: #105ea0; }
.secondevice .caption_green { color: #7EBC1D; }
.secondevice .value { color: #333; }
.secondevice .img1blue { background: url(../../../../images/new-reg/titles/2ndDevice_blue_01.gif); background-repeat:no-repeat; }
.secondevice .img2blue { background: url(../../../../images/new-reg/titles/2ndDevice_blue_02.gif); background-repeat:no-repeat; }
.secondevice .img3blue { background: url(../../../../images/new-reg/titles/2ndDevice_blue_03.gif); background-repeat:no-repeat; }
.secondevice .img1green { background: url(../../../../images/new-reg/titles/2ndDevice_green_01.gif); background-repeat:no-repeat; }
.secondevice .img2green { background: url(../../../../images/new-reg/titles/2ndDevice_green_02.gif); background-repeat:no-repeat; }
.secondevice .img3green { background: url(../../../../images/new-reg/titles/2ndDevice_green_03.gif); background-repeat:no-repeat; }

/*----2nd device |personal info 20081124| end----*/

.billingInfoBalance { width: auto; float: left; }
.billingInfoBalanceView { width: auto; float: right; margin-right: 10px; }