@charset "utf-8";

/* CSS Document */



/* GLOBAL STYLES */

html{width:100%;min-height:100%;	

	background-color: #bcbcbc; background-repeat: repeat-x;

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#bcbcbc)); 

	background: -webkit-linear-gradient(top, #FFFFFF, #bcbcbc); 

	background: -moz-linear-gradient(top, #FFFFFF, #bcbcbc); 

	background: -ms-linear-gradient(top, #FFFFFF, #bcbcbc);

	background: -o-linear-gradient(top, #FFFFFF, #bcbcbc);	

}

body{

	margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#555555;

}

select{margin:0px;}	

#wrap{width:1029px;margin:0 auto;padding:0;display:block;}

#wrapper{width:860px;margin:0 auto;padding:0;display:block;}

.bg_abu{width:526px; display:block; padding:15px; background:#e1e1e1; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; }

.link, a{color:#000; text-decoration:none; cursor:pointer; }

.link:hover, a:hover{color:#ec825a;}

.link:active, a:active{color:#f15922;}

.link2{color:#000;text-decoration:none;}

.float_left{float:left;}

.txtinput, .vkeyboard {height: 15px; border: solid thin #777; width: 174px; padding: 3px 5px 2px; background:#fff; border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }

.txtdate {

	height: 15px; 

	border: solid thin #777; 

	width: 174px; 

	padding: 3px 5px 2px; 

	width:100px;

	background :#fff url(Error_Screen/Error_files/img/cal.png) no-repeat right center;

}

.button{

	background:#005f6b; padding:3px 10px; display:inline-block;

	border:1px solid #005f6b;border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;

	color:#FFF;font-size:0.9em; text-align:center; cursor:pointer; 

}

.button:hover{background:#ec825a;border-color:#ec825a; color:#fff;}

.button:active{background:#f15922;border-color:#f15922; color:#fff;}

h1 {margin:10px 0px 15px; color:#F15922;}

.nolist{list-style:none;}

.center{padding:0px 40px;}





/* HEADER */

#header{

	width:100%;height:80px;margin:0;padding:0;display:block;

	border-bottom: 1px solid #5e959d;

  	-moz-box-shadow: 0px 16px 0px #005f6b; /* Firefox 3.6 and earlier */

  	-webkit-box-shadow: 0px 16px 0px #005f6b; /* Safari and Chrome */

  	box-shadow: 0px 16px 0px #005f6b;

}

#head_bar{

	width:100%;

	height:40px;

	background:#005f6b;

}

#head_bar a { color:#fff; text-decoration:none; }

#head_bar .txtdropdown a { color:#000; text-decoration:none; }

#head_bar .txtdropdown a:hover { color:#ec825a; text-decoration:none; }

#barlogo{width:949px;height:41px;background:url(img/barlogo.png) no-repeat;display:block;padding:20px 40px;}



#logo{margin-top:20px;margin-left:40px;float:left;display:block;}

#ib{margin-top:25px;margin-right:10px;float:right;display:block;}



/* PAGE CONTENT */

#page_content{

	background:#FFF repeat;	

	margin:0 auto;padding-top:50px;

	width:1026px;min-height:450px;

	border:1px solid white;

	border-radius:10px;

	display:table-cell;

	padding-bottom:25px;

	}

#login_bg_left{width:575px;float:left;display:block;height:100%;}

.right_content {width:50%; float:right; vertical-align:middle; padding:15px 15px 25px 20px; }

.error-desc {margin-bottom:10px;}

.basic_layout #page_content {height:initial !important; padding: 10px; }

.basic_layout .right_content {padding: 15px 15px 25px 30px; border-left: 5px solid #005F6B;}

.basic_layout .page_logo {margin:29px;}

.basic_layout #footer { border-radius:10px; }





/* FOOTER */

#footer{ 

	width:1028px;

	height:44px;

	background:url(img/barbawah.png) no-repeat;

	display:block;

	margin:0;

	padding:0; 

	text-align:center;

}

#footer span {

	color:#FFF;

	font-size:0.9em;

	margin-top:8px;

	float:left;

	width:100%;

}





/* TOP MENU */

#nav{

	background:#FFF repeat;

	width:1026px;

	height:40px;

	margin:0 auto;

	display:block;

	border:1px solid white;

	border-radius:10px;

	-o-border-radius:10px;

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

}

#nav td {

	text-align:center; 

	padding: 12px 0px;

}  

#nav li{

	height:31px;

	display:block;

}

#nav td.list-selected{

	background-position:bottom; 

}

#nav td.list-selected a{

	color:#F15922; 

}

#nav td{

	background-image:url(img/arrow.png);

	background-repeat:no-repeat;

	background-position:center 50px;

/*	transition: all 1s ease-in; -moz-transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -o-transition: all 1s ease-in; */	

}

#nav td .link {color: #005F6B; }

#nav td .link:hover { color:#EC825A; }

#nav td .link:active {color:#f15922;}

/* breadcrumb link */

.selected{color:#f15922;}



.tbl-header{font-size:1em;color:#555555;}

.tbl-detail{font-size:1em;color:#555555; }

.tbl-detail tr{background:#e1e1e1;}

.tbl-detail td, .tbl-detail th {padding:5px 10px;}





/* SIDEBAR */

#box-small{

	width:228px;

	height:81px;

	display:block;

	background:url(img/boxkcl.jpg) no-repeat;

	font-size:0.9em;

	color:#555555;

}

.mid{margin-top:2px;float:left;}

#login_bg_right{width:240px;float:left;display:block;height:100%;margin-left:45px;}

.sm_call {background:transparent url(img/bni-call.jpg) no-repeat top left; vertical-align: top; display: inline-block; width: 84px; height: 46px; cursor:pointer; }

.sm_twitter { background: transparent url(img/twitter.jpg) no-repeat 8px 10px; display: inline-block; width: 49px; height: 34px; cursor: pointer; vertical-align: top; padding: 14px 0px 0px 36px; font-weight: bold; }

.sm_fb { background: transparent url(img/facebook.jpg) no-repeat 8px 10px; display: inline-block; width: 22px; height: 34px; cursor: pointer; vertical-align: top; padding: 14px 0px 0px 36px; font-weight: bold; }









/* TEXT/LINK WITH ICON */

.icon_excl {background:transparent url(img/excl.jpg) no-repeat top left; font-size:1em; padding: 3px 0px 3px 25px; font-weight:bold; margin-bottom: 10px;}

.icon_tick {background:transparent url(img/tick.jpg) no-repeat top left; font-size:1em; padding: 3px 10px 3px 25px; display:inline-block; width: 225px; vertical-align: top; }

.icon_tick a {text-decoration:none; font-weight:bold; margin-top: 5px;}

.btn-fx {display: inline-block; vertical-align:top;  height: 28px;  margin-right: 5px; border-radius: 5px; }

.btn-f1 {padding: 5px 0px 5px 5px; width: 110px; }

.btn-f2 {padding: 5px 0px 5px 5px; width:120px; }

.btn-f3 {padding: 5px 0px 5px 5px; width:75px; }

.btn-f4 {padding: 5px 0px 6px 5px; width:85px; }

.btn-f5 {padding: 5px 0px 5px 5px; width:110px; }

.btn-keyboard {

	margin-top: -2px;

	display: inline-block;

	margin-left: 5px;

	vertical-align: top;

}

.icon {

	background: transparent url(img/icons.png) no-repeat 0px 0px; 

	display:inline-block; 

	vertical-align:top; 

	width:30px; 

	height:28px; 

	float: left; 

	margin-right: 6px; 

	margin-top: 2px;

}

.icon-01 {background-position:0px 0px;}

.icon-02 {background-position:-31px 0px;}

.icon-03 {background-position:-62px 0px;}

.icon-04 {background-position:-93px 0px;}

.icon-05 {background-position:-124px 0px;}

.icon-06 {background-position:-155px 0px;}

.btn-f3 .icon-label {

	margin-top: 8px;

	display: inline-block;

}

.btn-f4 .icon-label {

	margin-top: 8px;

	display: inline-block;

}

.btn-fx:hover .icon, .icon.icon-06:hover { background-position-y:-29px !important; }

.btn-fx:hover .icon.icon-01 {background-position:0px -29px;}

.btn-fx:hover .icon.icon-02 {background-position:-31px -29px;}

.btn-fx:hover .icon.icon-03 {background-position:-62px -29px;}

.btn-fx:hover .icon.icon-04 {background-position:-93px -29px;}

.btn-fx:hover .icon.icon-05 {background-position:-124px -29px;}

.btn-fx:hover .icon.icon-06, .icon.icon-06:hover {background-position:-155px -29px;}



/* SIDE MENU */

.menu_list {	

	width: 200px;

}

.menu_head3{

	border:solid 10px #005f6b;

	border-radius:0px 0px 10px 10px;

	margin:0;

	padding:0;

}

.menu_head {

	margin:0;

    color: #FFFFFF;

	padding:3px;

	padding-left:35px;

	font-size:1em;

    background: #005f6b url(img/plus.png) 3px center  no-repeat;

}

.menu_head:hover {

    color: #FFFFFF;

    background: #ec825a url(img/plus.png) 3px center no-repeat;

}

.menu_head:active {

    color: #FFFFFF;

    background: #f15922 url(img/plus.png) 3px center no-repeat;

}

.menu_head a{

	color:#FFF;

	text-decoration:none;

}

.menu_body {

	display:none;

}

.menu_body a{



  display:block;

  color: #005f6b;

  background-color: #e1e1e1;

  padding-left:15px;

  font-size:1em;

  text-decoration:none;

}

.menu_body a:hover{

  color: #FFFFFF;

  background-color: #f15922;

  text-decoration: none;

  }

.acor{

	font-size:1em;

	padding:5px 5px 5px 5px;

	color:#005f6b;

	background:#e1e1e1;

	text-decoration:none;

	width:180px;

	display:block;

	border-bottom:dashed thin #000;

}

.acor:hover{

	color:#FFF;

	background:#f15922;

}





  

/* PAGER NAVIGATION */

.txt-pager, .txt-pager-frm {

	font-size:0.9em; font-weight: bold;

}

.txt-pager {

	padding: 5px 5px;

	vertical-align: top;

	margin-top: 2px !important;

	display: inline-block;

}

.txt-pager-frm .link {

	margin-left: 5px;

}

.btn-pager-right {

	display: inline-block;

	vertical-align: top;

}

.btn-pager-left {

	display: inline-block;

	vertical-align: top;

}

.txt-pager-frm {

	margin-top: 6px;

	display: inline-block;

}

.txt-page-goto {

	width: 20px;

	font-size: 0.9em;

	padding: 2px 5px;

	background:#898989; 

	border:0px; 

}





/* DOWNLOAD DETAILS */

.download-block .txtcombo{

	background-color: #C2C2C2 !important;

	border: 1px solid #C2C2C2 !important;

}



/* COMBO BOX / DROPDOWN */

.txtcombo-outer {position:relative; display:inline-block;}

.txtcombo-outer .txtcombo { background: #fff url(img/combo-arrow.png) no-repeat right center; border:1px solid gray; margin: 0px; padding: 2px 20px 3px 5px;  font-size:1em; min-width:100px; display:inline-block; }

.txtcombo-outer .txtdropdown {position:absolute; background:#fff; border:1px solid grey; width:100%; height:auto; margin:0px; display:none; z-index:999; }

.txtcombo-outer .txtdropdown a {display: block; padding:3px 5px; text-decoration:none; font-size:1em;}

.txtcombo-outer .txtdropdown a:hover {background:#ebebeb; color:#ec825a; }



.txtradio { background: transparent url(img/radio.png) no-repeat 0px 0px; display:inline-block; width:18px; height:18px; }

.txtradio:hover { background-position: 0px -18px; }

.txtcheckbox { background: transparent url(img/checkbox.png) no-repeat 0px 0px; display:inline-block; width:18px; height:18px; }

.txtcheckbox:hover { background-position: 0px -18px; }

.txtradio.state-checked, .txtcheckbox.state-checked { background-position: 0px -36px; }



/* RECAPCTHA */

#recaptcha_widget {width:323px; background:#e1e1e1 url(img/captcha/captcha-logo.jpg) no-repeat 224px -2px; position:relative;}

#recaptcha_image {width:185px; height:51px; margin-bottom:3px;}

.recaptcha_buttons {display: block; position: absolute; top: 6px; right: 109px;} 

.recaptcha_is_showing_audio .recaptcha_only_if_image,.recaptcha_isnot_showing_audio .recaptcha_only_if_audio,.recaptcha_had_incorrect_sol .recaptcha_only_if_no_incorrect_sol,.recaptcha_nothad_incorrect_sol .recaptcha_only_if_incorrect_sol, .recaptcha_only_if_audio, .recaptcha_only_if_incorrect_sol{display:none !important}



/* VIRTUAL KEYBOARD */

.ui-keyboard-preview-wrapper input {padding: 11px; font-size: 2em; float: none !important; width: 94% !important; }