/*body{background: #F6F6F6 url(../img/gradient_texture.jpg) repeat-x; font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;}*/
body {
	background-image: url(../images/loginBg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
	position: relative;
	height: 100%;
	background-attachment: fixed;
	background-size: 100% 60%;
}

input, select {
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#head {
	background-image: url(../img/head_bg.png);
	background-repeat: repeat-x;
	height: 40px;
	margin-top: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	box-shadow: 0 0px 8px #999;
}

#languageForm {
	float: left
}

.logo {
	background: url(../images/logo_small.png);
	width: 228px;
	height: 35px;
	display: block;
	position: absolute;
	top: 2px;
	left: 10px;
}

.head_componen {
	position: absolute;
	top: 12px;
	right: 10px;
	width: 290px;
}

.head_componen select {
	border: none;
	background: none;
	color: #FC0;
	font-size: 11px;
	float: left;
	margin-left: 5px;
}

.head_componen p {
	color: #FFF;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin-left: 5px;
	white-space: nowrap;
}

.phone_ico {
	background: url(../images/phone_icon.png);
	width: 16px;
	height: 16px;
	display: block;
}

#neck {
	margin-top: 10px;
}

#neck h1 {
	margin: 0;
	padding: 0;
	margin-left: 5px;
	color: #333 !important;
	font-weight: bold;
	font-size: 24px;
	color: white;
	float: left;
}

#neck p {
	margin: 0;
	margin-right: 5px;
}

#neck hr {
	margin-bottom: 12px;
	border: none;
	border-bottom: 1px solid #6d8a91
}

#neck .date_time {
	float: left;
	padding-top: 15px;
	font-size: 14px;
	color: #707070;
}

#neck .history_home {
	background: url(../images/transparent.png);
	width: 12px;
	height: 12px;
	display: block;
}

#neck ul {
	margin-left: 5px;
	list-style-type: none;
	float: left;
}

#neck li {
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 10px;
}

#neck li p {
	margin-top: -4px;
}

#neck li.his_sep {
	background: url(../images/transparent.png) 0 -12px;
	width: 6px;
	height: 13px;
}

#neck li a {
	color: #333;
	text-decoration: none;
	font-size: 11px;
}

#neck li a:hover {
	color: #0c76bc;
	text-decoration: underline;
}

#neck .user_log {
	float: right;
	font-size: 13px;
	color: #707070;
}

#neck .user_log a {
	color: #e20a16;
	text-decoration: none;
}

#neck .user_log a:hover {
	text-decoration: underline;
}

.biru {
	color: #00377c;
}

.biruCall {
	color: #00377c;
	font-size: 16px;
}

#main_menu {
	position: relative;
	margin-bottom: 20px;
}

#mm_title {
	background: #0c4ca3;
	padding: 7px 0 0 10px;
	font-size: 14px;
	color: #ffb537;
	height: 25px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	box-shadow: 0 0px 8px #bababa;
}

#mm_list_wraper {
	background-color: #FFF;
	width: 230px;
	padding: 0 0px;
	position: relative;
	box-shadow: 0 0px 8px #cbcbcb;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
	moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
	webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
}

#mm_list {
	margin: 0;
	padding: 0;
}

#mm_list h3 {
	margin: 0;
	padding: 7px 0;
	position: relative;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding-left: 10px;
}

#mm_list h3 span.arrowclose {
	background: url(../images/general.png) -129px 0;
	width: 11px;
	height: 11px;
	position: absolute;
	top: 11px;
	right: 10px;
}

#mm_list h3 span.arrowopen {
	background: url(../images/general.png) -129px -11px;
	width: 11px;
	height: 11px;
	position: absolute;
	top: 11px;
	right: 10px;
}

#mm_list h3:hover {
	background-color: #ffb537;
}

#mm_list hr {
	margin: 0;
	padding: 0;
	border-color: #d6d6d6;
}

#mm_list .panel {
	display: none;
}

#mm_list .panel ul {
	list-style-type: none;
	margin: 0 padding:0;
}

#mm_list .panel ul li {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	margin-bottom: 7px;
}

#mm_list .panel ul li.last {
	margin: 0;
}

#mm_list .panel ul li a {
	color: #AAA;
	text-decoration: none;
}

#mm_list .panel ul li a:hover {
	color: #00adec;
	text-decoration: underline;
}

#eula {
	background-color: #FFF;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	margin-bottom: 30px;
	padding: 10px 0;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

#eula .emb_left {
	background: url(../images/vertical.png);
	width: 2px;
	position: absolute;
	top: 5px;
	bottom: 0;
	left: -1px;
}

#eula .emb_right {
	background: url(../images/vertical.png) -2px 0;
	width: 2px;
	position: absolute;
	top: 5px;
	bottom: 0;
	right: -1px;
}

#eula .emb_botleft {
	background: url(../images/transparent.png) -12px -7px;
	width: 7px;
	height: 7px;
	position: absolute;
	bottom: -4px;
	left: -1px;
}

#eula .emb_botright {
	background: url(../images/transparent.png) -19px -7px;
	width: 7px;
	height: 7px;
	position: absolute;
	bottom: -4px;
	right: -1px;
}

#eula .emb_footrpt {
	background: url(../images/horizontal.png) 0 -61px;
	height: 3px;
	position: absolute;
	bottom: -4px;
	left: 6px;
	right: 6px;
}

#eula h2 {
	font-size: 24px;
	margin: 0;
	padding: 0;
	margin-left: 15px;
	margin-bottom: 10px;
	font-weight: lighter;
	color: #333;
}

#eula h3 {
	font-size: 16px;
	margin-left: 15px;
	margin-bottom: 10px;
}

#eula p {
	margin: 0 15px 15px;
	padding: 0;
	text-indent: 20px;
	color: #333;
}

#eula ul {
	margin-left: 10px;
}

#activation_code {
	width: 200px;
	height: 22px;
	float: left;
	margin-left: 25px;
	margin-right: 10px;
}

#main_content {
	margin-left: 5px;
	position: relative;
	margin-bottom: 30px;
	float: left;
	width: 708px;
}

#main_content table {
	margin-bottom: 0px;
}

#main_content h2 {
	font-size: 24px;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	color: #0c4ca3;
}

#main_content h3 {
	font-size: 16px;
	margin-left: 15px;
}

#main_content h3 span {
	color: #09C;
	font-size: 12px;
	font-style: italic;
}

#main_content p {
	margin-left: 15px;
}

#main_content fieldset {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#main_content hr {
	margin-bottom: 5px;
}

#main_content legend {
	color: #333;
	font-size: 18px;
	padding-left: 5px;
}

.table_grid {
	padding: 10px;
	font-size: 12px;
	color: #333;
	background-color: #fff;
	margin-bottom: 60px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
	moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
	webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
}

.table_grid p {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 18px;
	margin-left: 5px !important;
}

.table_grid th {
	background-color: #0c4ca3;
	color: #ffb537;
	font-weight: bold;
}

.table_grid th, .table_grid td {
	text-align: left;
	padding: 5px;
}

.table_grid tr.even td {
	background: #f4f4f4 !important;
}

.h_welcome {
	height: 433px;
}

.formfield {
	margin-top: 5px;
}

.formfield label, .formfield select, .formfield p {
	font-size: 12px;
	color: #333;
}

.formfield input.radio {
	margin-left: 10px;
}

.formfield p {
	float: left;
	margin: 0;
	padding: 2px 0 0 10px;
}

.formfield td {
	padding: 5px 0 10px 5px;
}

.formfield tr.odd td {
	background: #f4f4f4 !important;
}

.formfield td.first {
	width: 200px;
}

.formfield td.last {
	width: 480px;
}

.grey_btn {
	background: #ffb53a;
	font-size: 11px;
	height: 26px;
	color: #333;
	border: none;
	cursor: pointer;
	padding: 0 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 2px 0px #ce8202;
	-webkit-box-shadow: 0px 2px 0px #ce8202;
	box-shadow: 0px 2px 0px #ce8202;
}

.green_btn {
	background: url(../images/horizontal.png) 0 -151px;
	font-size: 11px;
	height: 26px;
	color: #FFF;
	border: none;
	cursor: pointer;
	padding: 0 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.centerize_btn {
	margin-left: 15px;
	margin-bottom: 50px;
}

#login_wrap {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#login_title {
	background: #053582;
	height: 33px;
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	background-image: url(../images/secured.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 25% 75%;
}

#login_title p {
	color: #FFF;
	padding: 7px 0 0 10px;
	font-weight: bold;
}

#login_panel {
	width: 350px;
	float: right;
	position: relative;
}

#login_content {
	width: 350px;
	height: auto;
	background-color: #e6edf6;
	padding-bottom: 2px;
	position: relative;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0px 8px #999;
}

#login_content form {
	padding: 10px 0 0 30px;
}

#login_content label {
	font-size: 12px;
	color: #333;
}

#login_content input {
	width: 270px;
	height: 20px;
	padding: 7px;
	margin-top: 15px;
}

#login_content img {
	width: 270px;
	height: 40px;
	padding: 7px;
	margin-top: 15px;
}

#login_panel p.btm_txt {
	text-align: left;
	width: 240px;
	font-size: 8.5px;
	margin-top: 40px;
	color: #707070;
	float: left;
	margin-right: 10px;
}

#verisign {
	margin-top: 20px;
}

#login_content input.grey_btn {
	width: 100px;
	margin-top: 10px;
	margin-right: 5px;
}

#token {
	width: 60px;
}

#login_content #input {
	background: url(../images/horizontal.png) 0 -123px repeat-x;
	height: 28px;
	width: 185px;
	margin: 0 0 6px 6px;
	position: relative;
}

#input span.login_left {
	background: url(../images/general.jpg) -80px -20px;
	width: 6px;
	height: 28px;
	position: absolute;
	top: 0;
	left: -6px;
}

#input span.login_right {
	background: url(../images/general.jpg) -86px -20px;
	width: 6px;
	height: 28px;
	position: absolute;
	top: 0;
	right: -6px;
}

#login_content .emb_left {
	background: url(../images/vertical.png);
	width: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
}

#login_content .emb_right {
	background: url(../images/vertical.png) -2px 0;
	width: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
}

#login_content .emb_botleft {
	background: url(../images/transparent.png) -12px -7px;
	width: 7px;
	height: 7px;
	position: absolute;
	bottom: -4px;
	left: -1px;
}

#login_content .emb_botright {
	background: url(../images/transparent.png) -19px -7px;
	width: 7px;
	height: 7px;
	position: absolute;
	bottom: -4px;
	right: -1px;
}

#login_content .emb_footrpt {
	background: url(../images/horizontal.png) 0 -61px;
	height: 3px;
	position: absolute;
	bottom: -4px;
	left: 6px;
	right: 6px;
}

#login_image {
	background: url(../img/logo.png);
	width: 120px;
	height: 100px;
	float: left;
	margin: 25px 15px 0 8px
}

#forgetuser_content {
	width: 350px;
	height: 450px;
	background-image: url(../images/formBgLong.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 2px;
	position: relative;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0px 8px #999;
}

#forgetuser_content form {
	padding: 15px 0 0 30px;
}

#forgetuser_content label {
	font-size: 12px;
	color: #333;
}

#forgetuser_content input {
	width: 270px;
	height: 20px;
	padding: 7px;
	margin-top: 15px;
}

#forgetuser_content img {
	width: 270px;
	height: 40px;
	padding: 7px;
	margin-top: 15px;
}

#forgetuser_content input.grey_btn {
	width: 100px;
	margin-top: 10px;
}

#forgetuser_content #input {
	background: url(../images/horizontal.png) 0 -123px repeat-x;
	height: 28px;
	width: 185px;
	margin: 0 0 6px 6px;
	position: relative;
}

#forgetuser_content #img {
	height: 40px;
	width: 185px;
	margin: 0 0 6px 6px;
	position: relative;
}

#forgetuser_content .emb_left {
	background: url(../images/vertical.png);
	width: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
}

#forgetuser_content .emb_right {
	background: url(../images/vertical.png) -2px 0;
	width: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
}

#forgetuser_content .emb_botleft {
	background: url(../images/transparent.png) -12px -7px;
	width: 7px;
	height: 7px;
	position: absolute;
	bottom: -4px;
	left: -1px;
}

#forgetuser_content .emb_botright {
	background: url(../images/transparent.png) -19px -7px;
	width: 7px;
	height: 7px;
	position: absolute;
	bottom: -4px;
	right: -1px;
}

#forgetuser_content .emb_footrpt {
	background: url(../images/horizontal.png) 0 -61px;
	height: 3px;
	position: absolute;
	bottom: -4px;
	left: 6px;
	right: 6px;
}

.left {
	float: left;
}

.ml10 {
	float: left;
	margin-left: 10px;
}

.ml25 {
	margin-left: 25px;
}

.right {
	float: right;
}

.mr10 {
	float: right;
	margin-right: 10px;
}

.border_1 {
	border-left: 1px solid #ccc;
	position: absolute;
	left: 230px;
	top: 110px;
	bottom: -2px;
}

.border_2 {
	border-left: 1px solid #ccc;
	position: absolute;
	left: 470px;
	top: 110px;
	bottom: -2px;
}

#logout_wrap {
	width: 800px;
	float: left;
	padding: 5% 0;
	position: relative;
}

#logout_panel {
	width: 800px;
	margin: 0 auto;
	position: relative;
}

#logout_content {
	width: 800px;
	background-color: transparent;
	padding-bottom: 2px;
	position: relative;
	margin-top: 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0px 8px #999;
}

#logout_content td {
	padding: 5px 0 5px 5px;
}

#logout_content tr td {
	background: #F3F3F3 !important;
}

#logout_title {
	background: url(../images/horizontal.png) 0 -91px;
	height: 33px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	color: #FFF;
	padding: 7px 15px 0 15px;
	font-weight: bold;
	margin-bottom: 0
}

#recipe_wrap {
	width: 708px;
	margin-left: 5px;
	margin-bottom: 30px;
	float: left;
	position: relative;
}

#recipe {
	background: url(../images/paper_format.png);
	width: 628px;
	padding: 10px 40px;
	margin-bottom: 10px;
}

#logo_blue {
	background: url(../images/logoCCBIReceipt.png);
	background-repeat: no-repeat;
	width: 623px;
	height: 30px;
	float: left;
	text-align: right;
	font-weight: bold
}

oL
#recipe hr {
	margin: 10px 0;
}

#recipe_list table {
	width: 100%;
}

#recipe_list td {
	padding: 5px 0 5px 5px;
}

#recipe_list tr.odd td {
	background: #cccccc !important;
}

#recipe_list td.first {
	width: 400px;
}

#recipe_list td.last {
	text-align: right;
	padding-right: 5px;
}

#favorite_1, #favorite_2, #favorite_3, #favorite_4, #favorite_5,
	#favorite_6 {
	width: 230px;
	padding: 13px 0 14px;
	text-align: center;
	float: left;
}

/* Favorit */
/*a.fav_1{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_1:hover, .ico_favorite_1{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: 0 -60px;}*/

/* Email */
/*a.fav_2{background:url(../images/icon_sprite.png) -60px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_2:hover, .ico_favorite_2{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -60px -60px;}*/

/* Pulsa Isi Ulang */
/*a.fav_3{background:url(../images/icon_sprite.png) -120px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_3:hover, .ico_favorite_3{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -120px -60px;}*/

/* Cek Status Pulsa */
/*a.fav_4{background:url(../images/icon_sprite.png) -180px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_4:hover, .ico_favorite_4{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -180px -60px;}*/

/* PLN Pra Bayar */
/*a.fav_5{background:url(../images/icon_sprite.png) -240px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_5:hover, .ico_favorite_5{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -240px -60px;}*/

/* Tambah daftar Penerima Transfer */
/*a.fav_6{background:url(../images/icon_sprite.png) -300px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_6:hover, .ico_favorite_6{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -300px -60px;}*/

/* Transfer Intern BPRKS */
/*a.fav_7{background:url(../images/icon_sprite.png) -360px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_7:hover, .ico_favorite_7{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -360px -60px;}*/

/* Transfer Batch */
/*a.fav_8{background:url(../images/icon_sprite.png) -420px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_8:hover, .ico_favorite_8{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -420px -60px;}*/

/* Transfer Extern BPRKS */
/*a.fav_9{background:url(../images/icon_sprite.png) -480px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_9:hover, .ico_favorite_9{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -480px -60px;}*/

/* Pembayaran PLN */
/*a.fav_10{background:url(../images/icon_sprite.png) -540px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_10:hover, .ico_favorite_10{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -540px -60px;}*/

/* Pembayaran Telkom */
/*a.fav_11{background:url(../images/icon_sprite.png) -600px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_11:hover, .ico_favorite_11{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -600px -60px;}*/

/* Pembayaran Internet */
/*a.fav_12{background:url(../images/icon_sprite.png) -660px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_12:hover, .ico_favorite_12{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -660px -60px;}*/

/* Pembayaran Tiket Kereta Api */
/*a.fav_13{background:url(../images/icon_sprite.png) -720px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_13:hover, .ico_favorite_13{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -720px -60px;}*/

/* Pembayaran TV */
/*a.fav_14{background:url(../images/icon_sprite.png) -780px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_14:hover, .ico_favorite_14{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -780px -60px;}*/

/* Pembayaran Handphone Pasca Bayar */
/*a.fav_15{background:url(../images/icon_sprite.png) -840px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_15:hover, .ico_favorite_15{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -840px -60px;}*/

/* Tambah Nomor Kartu */
/*a.fav_16{background:url(../images/icon_sprite.png) -900px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_16:hover, .ico_favorite_16{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -900px -60px;}*/

/* Informasi Undian */
/*a.fav_17{background:url(../images/icon_sprite.png) -960px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_17:hover, .ico_favorite_17{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -960px -60px;}*/

/* Portal */
/*a.fav_18{background:url(../images/icon_sprite.png) -1020px 0; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_18:hover, .ico_favorite_18{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -1020px -60px;}*/

/* Laporan Batch Gagal */
/*a.fav_19{background:url(../images/icon_sprite.png) 0 -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_19:hover, .ico_favorite_19{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: 0 -180px;}*/

/* Saldo Rekening */
/*a.fav_20{background:url(../images/icon_sprite.png) -60px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_20:hover, .ico_favorite_20{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -60px -180px;}*/

/* Mutasi Rekering */
/*a.fav_21{background:url(../images/icon_sprite.png) -120px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_21:hover, .ico_favorite_21{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -120px -180px;}*/

/* Histori Transaksi Rekening */
/*a.fav_22{background:url(../images/icon_sprite.png) -180px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_22:hover, .ico_favorite_22{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -180px -180px;}*/

/* History Transaksi Gagal */
/*a.fav_23{background:url(../images/icon_sprite.png) -240px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_23:hover, .ico_favorite_23{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -240px -180px;}*/

/* Activasi Transaksi */
/*a.fav_24{background:url(../images/icon_sprite.png) -300px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_24:hover, .ico_favorite_24{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -300px -180px;}*/

/* ubah Password */
/*a.fav_25{background:url(../images/icon_sprite.png) -360px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_5:hover, .ico_favorite_25{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -360px -180px;}*/

/* aktivasi email */
/*a.fav_26{background:url(../images/icon_sprite.png) -420px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_26:hover, .ico_favorite_26{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -420px -180px;}*/

/* hapis daftar penerima transfer */
/*a.fav_27{background:url(../images/icon_sprite.png) -480px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_27:hover, .ico_favorite_27{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -480px -180px;}*/

/* ubah profil */
/*a.fav_28{background:url(../images/icon_sprite.png) -540px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_28:hover, .ico_favorite_28{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -540px -180px;}*/

/* Hapus Daftar Pembayaran */
/*a.fav_29{background:url(../images/icon_sprite.png) -600px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_29:hover, .ico_favorite_29{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -600px -180px;}*/

/* Tambah Rekening */
/*a.fav_30{background:url(../images/icon_sprite.png) -660px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_30:hover, .ico_favorite_30{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -660px -180px;}*/

/* Aktifkan Rekening */
/*a.fav_31{background:url(../images/icon_sprite.png) -720px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_31:hover, .ico_favorite_31{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -720px -180px;}*/

/* Cash In */
/*a.fav_32{background:url(../images/icon_sprite.png) -780px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_32:hover, .ico_favorite_32{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -780px -180px;}*/

/* Cash Out */
/*a.fav_33{background:url(../images/icon_sprite.png) -840px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_33:hover, .ico_favorite_33{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -840px -180px;}*/

/* Refund */
/*a.fav_34{background:url(../images/icon_sprite.png) -900px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_34:hover, .ico_favorite_34{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -900px -180px;}*/

/* Check Status */
/*a.fav_35{background:url(../images/icon_sprite.png) -960px -120px; display:block; width:60px; height:60px; margin:0 auto;}*/
/*a.fav_35:hover, .ico_favorite_35{background:url(../images/icon_sprite.png); display:block; width:60px; height:60px; margin:0 auto; background-position: -960px -180px;}*/
.ico_position {
	position: absolute;
	top: 10px;
	right: 10px;
}

#footerLogin {
	margin-bottom: 10px;
	position: absolute;
	bottom: 50px;
}

#footerLogin {
	margin-bottom: 10px;
	position: absolute;
	bottom: 50px;
}

#footerLogin hr {
	margin: 10px 0;
	border: none;
}

#footerLogin p {
	color: #333;
	font-size: 9px;
	margin: 0;
}

#footerLogin p span.small_logo {
	background: url(../images/general.jpg) -112px -16px;
	width: 9px;
	height: 9px;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

#footerLogin p.call_center {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #666;
}

#footer {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 19px;
	position: relative;
}

#footer hr {
	margin: 10px 0;
	border: none;
}

#footer p {
	color: #333;
	font-size: 9px;
	margin: 0;
}

#footer p span.small_logo {
	background: url(../images/general.jpg) -112px -16px;
	width: 9px;
	height: 9px;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

#footer p.call_center {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #666;
}

#foor_link {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -3px;
	left: 35%;
}

#foor_link li {
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

#foor_link li p {
	padding-top: 4px;
}

#foor_link li a {
	text-decoration: none;
	color: #00377c;
	font-size: 9px;
}

#foor_link li a:hover {
	color: #00adec;
	text-decoration: underline;
}

.error_field {
	border: 1px solid #C00;
}

.error_msg {
	float: right;
	margin-right: 10px;
	padding: 1px 10px 0 10px;
	color: #FFF;
	background-color: #C00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	font-weight: lighter;
}

.error_msg span {
	width: 8px;
	height: 11px;
	background: url(../images/transparent.png) -6px -14px;
	position: absolute;
	top: 5px;
	left: -6px;
}

#notivy_yellow {
	width: 350px;
	position: relative;
	float: right;
	font-size: 11px;
	color: #707070;
}

#notivy_green {
	width: 580px;
	padding: 10px 15px;
	background-color: #dcffd8;
	border: 1px solid #00ff06;
	position: relative;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#notivy_red {
    width: 93%;
    padding: 10px 15px;
    /* background-color: #ffd8d8; */
    /* border: 1px solid #ff0000; */
    position: relative;
    margin: 0 auto;
    /* margin-top: 20px; */
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 1vh;
}

#error_panel {
	width: 350px;
	background-color: transparent;
	padding-bottom: 2px;
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0px 8px #999;
}

#notivy_message ol {
	margin: 0;
	padding: 0
}

#notivy_message ol li {
	margin-left: 10px;
}

#notivy_message p {
	text-align: center;
	margin: 0;
	padding: 0;
}

#notivy_message li {
	width: 380px;
}

.datePicker {
	width: 200px;
	!
	important;
}

.datePicker td {
	padding: 3px 0 !important;
}

.datePicker .header {
	height: 25px;
}

.datePicker .grid {
	height: 150px;
}

.datePicker .footer {
	height: 20px;
}

.datePicker .previousButton, .datePicker .nextButton {
	margin: 6px;
}

.radioGroup {
	margin-left: 25px;
}
/*input{float:left; margin-top:2px; margin-right:5px;}*/
DIV.t-error {
	border: 1px solid #cc0000;
	margin: 4px 0px;
	padding: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
	moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
	webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
}

DIV.t-error DIV {
	background-color: #CC0000;
	color: white;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 2px 10px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

DIV.t-error UL {
	background-color: white;
	color: #CC0000;
	margin: 2px 0;
	list-style-type: none;
	border-bottom-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
}

DIV.t-error LI {
	margin-left: 10px !important;
}

DIV.t-error-single {
	background-color: #CC0000;
	color: white;
	display: block;
	margin: 0;
	padding: 2px;
}

.single_menu {
	text-decoration: none;
	color: #333;
}

.searchReference {
	background: url(../images/search.png);
	width: 20px;
	height: 20px;
	border: none;
	cursor: pointer;
	margin-left: 5px;
}

.flleft {
	float: left;
}

td.tx_right {
	text-align: right !important;
	padding-right: 20px;
}

td.tx_center {
	text-align: center
}

.left {
	text-align: left;
}

.txt_right {
	text-align: right !important;
}

#blueCurve {
	width: 70%;
	height: 199px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/blueCurve.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.logoLogin {
	width: 350px;
	height: 42px;
	background-image: url(../images/logoCCBI.png);
	background-repeat: no-repeat;
	margin-top: 5%;
	position: relative;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

#footerArea {
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 0;
	background-color: #0c4ca3;
}

#footerAreaAdmin {
	width: 100%;
	height: 50px;
	bottom: 0;
	background-color: #0c4ca3;
}

.biruCall {
	color: #00377c;
	font-size: 16px;
	padding-left: 5px;
}

.boldCall {
	margin-right: 5px;
	font-weight: bold;
}

.loginButton {
	background: url(../images/loginButton.png);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	left: 20px;
	width: 100px;
	height: 53px !important;
}

.linkLogin1 {
	text-decoration: none;
	font-size: 11px;
	color: #666;
	position: absolute;
	left: 30px;
	bottom: 95px;
	padding-left: 10px;
	background-image: url(../images/linkPoint.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.linkLogin2 {
	text-decoration: none;
	font-size: 11px;
	color: #666;
	position: absolute;
	left: 30px;
	bottom: 75px;
	padding-left: 10px;
	background-image: url(../images/linkPoint.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.linkLogin3 {
	text-decoration: none;
	font-size: 11px;
	color: #666;
	position: absolute;
	left: 180px;
	bottom: 95px;
	padding-left: 10px;
	background-image: url(../images/linkPoint.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.linkLogin1:hover, .linkLogin2:hover, .linkLogin3:hover {
	text-decoration: underline;
}

.head_componen {
	position: absolute;
	top: 65px;
	right: -25px;
	width: 149px;
}

.head_componen p {
	color: #999;
	float: left;
	font-size: 11px;
	margin-left: 5px;
	white-space: nowrap;
	padding-top: 3px;
}

.head_componen select {
	color: #333;
	background-color: #f0f1f3;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
}

/* added by Yohan */
#note {
	margin-left: 13px;
	text-align: center
}

#saveBox {
	float: none;
	margin-top: 2px;
}

#destinationNote {
	float: none;
}

table.t-data-grid {
	width: 100%;
	padding: 5px;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	border-bottom: 1px solid gray;
}

table.t-data-grid tr th {
	background-color: #0c4ca3;
	color: white;
	font-weight: bold;
	border: none;
}

table.t-data-grid thead tr th {
	border: none;
	padding: 5px;
}

table.t-data-grid tbody tr td {
	border: none;
	padding: 5px;
	border-left: none;
}

div.t-data-grid {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans,
		sans-serif;
}

.t-data-grid {
	padding: 10px;
	font-size: 12px;
	color: #333;
}

TABLE.t-data-table TD {
	border: none;
}

.w200 {
	width: 175px;
	float: none
}

th.tx_right {
	text-align: right !important;
	padding-right: 20px;
}

th.tx_center {
	text-align: center
}

TABLE.t-data-grid tr.odd td {
	background: #F3F3F3 !important
}

.editor_ok_button {
	width: 60px;
}

.editor_cancel_button {
	width: 60px;
}

a.fav_1 {
	background: url(../images/icon_sprite.png);
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}

div#emptyData {
	margin-left: 15px;
}

div#alerts {
	margin-left: 5px;
	position: relative;
	margin-bottom: 5px;
	float: left;
	width: 708px;
}

div.alert_inbox {
	margin-left: 5px;
	position: relative;
	margin-bottom: 5px;
	float: left;
	width: 703px;
	padding-left: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #FFE4B5;
}

div.t-alert-controls, div.t-dismiss {
	display: none;
}

div.t-alert-container {
	margin-left: 15px;
	margin-right: 45px;
}

div.t-alert-container div.t-info {
	background-color: #e23a00;
	margin-right: 25px;
}

div.amount {
	width: 100px;
	text-align: right;
	display: inline-block
}

div.amountNoDec {
	width: 60px;
	text-align: right;
	display: inline-block
}

div.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
	padding: 10px;
	margin-bottom: 5px;
	margin-right: 20px;
	margin-top: 5px;
	border: 1px solid transparent;
	border-radius: 4px;
}

span.tip {
	border-bottom: 1px dashed blue;
	text-decoration: none;
}

.windubisnis {
	position: absolute;
	width: 144px;
	height: 31px;
	left: 130px;
	bottom: 22px;
	background-image: url(../images/ccbiBisnis.png);
	background-repeat: no-repeat;
}

.logoAdmin {
	float: left;
	width: auto;
	height: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.logoWinduBisnis {
	float: right;
	width: 144px;
	height: 31px;
	background-image: url(../images/ccbiBisnis.png);
	background-repeat: no-repeat;
}

.botomPanel {
	float: left;
	width: 100%;
	height: 50px;
}

.loginPanel {
	width: 350px;
	height: 620px;
}

.passPanel {
	width: 350px;
	height: 710px;
}

/* Added by Satriyo 2014-08-25 */
.languageAdmin {
	float: right;
	width: auto;
	height: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.languageAdmin p {
	color: #fff;
	float: left;
	font-size: 11px;
	margin-left: 5px;
	white-space: nowrap;
	padding-top: 3px;
}

.languageAdmin select {
	color: #333;
	background-color: #f0f1f3;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
}

.date_picker_inline {
	float: left;
	margin-right: 5px;
}