@import url("/css/fonts/fonts.css");
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html { margin:0;padding:0;height:100%;overflow-y:scroll; }
body { background:#fff;margin:0;padding:0 0 0 0; }
body, body a { color:#000;font-family:'calibriregular', 'MyriadProLight2', 'Conv_MyriadPro-Regular', Arial, Verdana, Helvetica, 'Sans-serif';font-size:14px;line-height:14px; }
body, body a {
	-webkit-font-smoothing: antialiased;
	/*
	text-shadow: 1px -1px 1px rgba(51,51,51,0.2);
	text-shadow: 1px 1px 0 #000;
	*/
}
a img { border:0; }
label { cursor:pointer; }
table { margin:0;padding:0;margin:0;padding:0;border:0;border-collapse:collapse;border-spacing:0px;border-width:0px;cellpadding:0px;cellspacing:0px; }
table td { margin:0;padding:0; }

#mainbody { display:inline-block;width:100%;border:0px red solid;position:relative; }
#header { height:100px;width:100%;margin-bottom:2px;padding:5px;background:#dce6e6;background:#222;background:#999;position:relative;z-index:9000; }
#footer { height:20px;line-height:20px;margin:10px 5px 10px 5px;padding:5px;border:1px solid #999;text-align:center;border-radius:5px; }
.container { display:inline-block;width:100%;padding-top:15px;margin-top:150px;margin-top:10px;border:0px red solid; }
#menuPanel { width:200px;float:left;border:0px blue solid;margin:0 0 5px 5px; }
#contentPanel { margin:10px;border:0px purple solid;/*float:left;*/ }
.bigTitle { margin:5px;padding:8px 0;font-size:30px;font-weight:bold;color:#013259;border-bottom:1px solid #e6e6e6;line-height:24px; }
/*
.menu { border:1px red solid;padding:5px;background:url(../img/menubox-b.png) repeat-x; }

.menu .a { width:1px;height:157px;float:left;background:url(../img/menubox-a.png) no-repeat; }
.menu .c { width:1px;height:157px;float:right;background:url(../img/menubox-c.png) no-repeat; }
*/
.menu { padding:0;margin:4px;list-style:none;background:url(../img/menubox-b.png) repeat-x; }
.menu li { display:block;border:0px red solid; }
.menu li a { padding:12px 10px;margin:;text-decoration:none;display:block;font-family:Arial;color:#a2a2a2;color:#777;font-size:12px;border-bottom:1px solid #e1e1e1; }
.menu li a:hover { /*text-decoration:underline;*/color:#000; }
.menuCategory { position:relative;margin:0 4px 4px 4px;padding:0 4px;height:59px;line-height:59px;/*border:1px solid #999;border-left:0;border-right:0;*/background:url(../img/bg-header-menu.png) repeat-x;
	letter-spacing:-4px;letter-spacing:-1px;color:#a2a2a2;font-family:arial;font-weight:bold;font-size:42px;font-size:22px; }
.menuCategory a { position:absolute;right:4px;top:50%;margin-top:-11px;width:22px;height:22px;line-height:22px;display:inline-block;border:0px red solid; }

.contentMenu { border:0px red solid;margin:5px;padding:5px; }
.contentMenu a { width:150px;text-decoration:none;color:#969696;color:#000;background:#E2E2E2;display:inline-block;font-size:18px;line-height:20px;padding:5px 10px;margin:0 5px 5px 0;border-radius:5px; }
.contentMenu a.delete { color:#B81D18; }
.contentMenu a.delete:hover { color:#006B25;color:#ff0;background:#FF413B; }
.contentMenu a.edit { color:#B84FB4; }
.contentMenu a.edit:hover { color:#ACC183;color:#ff0;background:#B05FC8; }
.contentMenu a.add { color:#2531B8; }
.contentMenu a.add:hover { color:#D6CB2E;background:#627B8A; }
.contentMenu a.image { color:#0CBD70; }
.contentMenu a.image:hover { color:#9A21C8;background:#2AFFA2; }
.contentMenu a.back { color:#8A7646; }
.contentMenu a.back:hover { color:#4DA7BD;background:#F0DE19; }

.contentMenu a:hover { /*text-decoration:underline;*/color:#0562ab;background:#F2F714; }
/*
.contentMenu a span { display:inline-block;width:32px;height:32px;background:none;border:0px red solid; }
.contentMenu a span.main { background:url(../img/icons-preview.png) -307px 281px; }
.contentMenu a span.add { background:url(../img/icons-preview.png) -694px 281px; }
.contentMenu a span.edit { background:url(../img/icons-preview.png) -154px 344px; }
.contentMenu a span.image { background:url(../img/icons-preview.png) -154px -743px; }
.contentMenu a span.delete { background:url(../img/icons-preview.png) -1001px -62px; }
.contentMenu a span.back { background:url(../img/icons-preview.png) -770px 467px; }
*/


.contentContainer { margin:5px;border:0px red solid;padding:5px; }
.helper { display:inline-block;width:100%; }
.inline { display:inline-block; }
.fleft { float:left; }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { /*background:#f2f2f2;*/outline:none;border-color:#9ecaed;box-shadow:0 0 10px #9ecaed; }

.num { text-align:right;/*font-family:DroidSerifRegular;*/ }
.mid { vertical-align:middle;text-align:center;line-height:15px; }
table.tdata { margin:5px 0;border:1px #aaa solid;border-right:0px #aaa solid; }
table.tdata td { padding:5px;text-decoration:none;vertical-align:middle;border-right:1px #aaa solid;border-bottom:1px #aaa solid; }
table.tdata tr.rodd td a, table.tdata tr.reve td a, table.tdata tr.judul td { /*font-size:12px;*/text-decoration:none; }

table.tdata tr.rodd td { vertical-align:top;background:#fafafa;
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafafa 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafafa 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fafafa 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
table.tdata tr.reve td { vertical-align:top;background:#f0f0f0;
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

table.tdata tr.rodd:hover td, table.tdata tr.reve:hover td { background:#e3e4cf;
	background: #e3e4cf; /* Old browsers */
	background: -moz-linear-gradient(top,  #e3e4cf 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e4cf), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e3e4cf 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e3e4cf 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e3e4cf 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e3e4cf 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e4cf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/*
table.tdata tr.rodd td:hover, table.tdata tr.reve td:hover { background:#e3cfe4;
	background: #e3cfe4;
	background: -moz-linear-gradient(left,  #e3cfe4 0%, #ffffff 48%, #ffffff 48%, #e3cfe4 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3cfe4), color-stop(48%,#ffffff), color-stop(48%,#ffffff), color-stop(100%,#e3cfe4));
	background: -webkit-linear-gradient(left,  #e3cfe4 0%,#ffffff 48%,#ffffff 48%,#e3cfe4 100%);
	background: -o-linear-gradient(left,  #e3cfe4 0%,#ffffff 48%,#ffffff 48%,#e3cfe4 100%);
	background: -ms-linear-gradient(left,  #e3cfe4 0%,#ffffff 48%,#ffffff 48%,#e3cfe4 100%);
	background: linear-gradient(to right,  #e3cfe4 0%,#ffffff 48%,#ffffff 48%,#e3cfe4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3cfe4', endColorstr='#e3cfe4',GradientType=1 );
}
*/

table.tdata tr.rodd td, table.tdata tr.reve td { color:#969696;color:#000; }
table.tdata tr.rodd td a, table.tdata tr.reve td a { color:#969696;color:#2217BD;/*color:#010742;*/ }
/*
table.tdata tr.rodd td a, table.tdata tr.reve td a { background-color:#cfdbe4;color:#969696;text-decoration:none;padding:2px 5px;border-radius:5px; }
table.tdata tr.rodd td a:hover, table.tdata tr.reve td a:hover { text-decoration:underline;color:#cfdbe4;background-color:#969696; }
table.tdata tr.rodd:hover a, table.tdata tr.reve:hover a { color:#cfdbe4;background-color:#969696; }
*/
table.tdata td.col-name { text-align:right;font-weight:bold; }
input[type="text"], table.tdata input[type="password"], table.tdata select, table.tdata textarea { /*background:#c1c1c1;*/padding:1px 4px;border:1px solid #dadada;border-radius:5px; }
table.tdata select { padding-right:0; }
table.tdata select optgroup { padding-right:5px; }
table.tdata select option { padding-right:5px; }
table.tdata tr.judul td,
table.tdata tr.judul th { background:#a9a9a9 url(../img/table-judul-sep.png) no-repeat top right;color:#fff;text-transform:uppercase;text-align:center;vertical-align:middle;border-right:1px #aaa solid;cursor:pointer;height:25px; }
table.tdata tr.judul2 td,
table.tdata tr.judul2 th { background:#a9a9a9 url(../img/table-judul-sep.png) no-repeat top right;color:#fff;text-transform:uppercase;text-align:left;cursor:pointer; }
table.tablesorter thead tr .headerSortUp { background-image: url(asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dd8a2; }
table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; }
table.tdata a.browse {  }
table.tdata a.clear {  }
table.tdata td.mid { text-align:center;vertical-align:bottom; }
table.tdata tr.bold { font-weight:bold; }


table.tdata2 { margin:5px 0; }
table.tdata2 td { padding:5px 2px; }
table.tdata2 tr.rodd td a, table.tdata2 tr.reve td a, table.tdata2 tr.judul td { /*font-size:12px;*/ }
table.tdata2 tr.rodd td { vertical-align:top;/*background:#fafafa;/*/ }
table.tdata2 tr.reve td { vertical-align:top;/*background:#ececec;/*/ }
/*
table.tdata2 tr.rodd:hover td, table.tdata2 tr.reve:hover td { background:#cfdbe4; }
*/
table.tdata2 tr.rodd td, table.tdata2 tr.reve td { color:#000;text-decoration:none;/*font-size:14px;*/vertical-align:middle; }
/*
table.tdata2 tr.rodd td a, table.tdata2 tr.reve td a { color:#969696;color:#9997FC;text-decoration:none; }
table.tdata2 tr.rodd td a, table.tdata2 tr.reve td a { background-color:#cfdbe4;color:#969696;text-decoration:none;padding:2px 5px;border-radius:5px; }
table.tdata2 tr.rodd td a:hover, table.tdata2 tr.reve td a:hover { text-decoration:underline;color:#cfdbe4;background-color:#969696; }
table.tdata2 tr.rodd:hover a, table.tdata2 tr.reve:hover a { color:#cfdbe4;background-color:#969696; }
*/
table.tdata2 td.col-name { text-align:right;font-weight:bold; }
input[type="text"], table.tdata2 input[type="password"], table.tdata2 select, table.tdata2 textarea { /*background:#c1c1c1;*/padding:1px 4px;border:1px solid #dadada;border-radius:5px;font-family:verdana;/*font-size:12px;*/ }
table.tdata2 .mid { text-align:center;vertical-align:middle; }
table.tdata2 select { padding-right:0; }
table.tdata2 select optgroup { padding-right:5px; }
table.tdata2 select option { padding-right:5px; }
table.tdata2 tr.judul td { background:#a9a9a9 url(../img/table-judul-sep.png) no-repeat top right;color:#fff;text-transform:uppercase;text-align:center; }
table.tdata2 tr.judul2 td { background:#a9a9a9 url(../img/table-judul-sep.png) no-repeat top right;color:#fff;text-transform:uppercase;text-align:left; }
table.tdata2 a.browse {  }
table.tdata2 a.clear {  }

.err span { color:#f00; }
.green span { color:#050; }

.contentMenu a span { display:inline-block;width:20px;height:20px;background:none;margin:0 5px 0 0;float:left; }
.contentMenu a span.main { background:url(../img/icons-conds-20.png) -80px -200px; }
.contentMenu a span.add { background:url(../img/icons-conds-20.png) -180px -200px; }
.contentMenu a span.edit { background:url(../img/icons-conds-20.png) -40px -180px; }
.contentMenu a span.image { background:url(../img/icons-conds-20.png) -40px -240px; }
.contentMenu a span.delete { background:url(../img/icons-conds-20.png) -260px -20px; }
.contentMenu a span.back { background:url(../img/icons-conds-20.png) -200px -140px; }

table.tdata a.opt { display:inline-block;color:#1b1293;background:#ddd;background:none;padding:0px 5px;margin:0 0 5px 0;border-radius:5px; }
table.tdata a.opt:hover { background:#ccc;background:none;color:#000; }
table.tdata a.opt span { display:inline-block;width:20px;height:20px;float:left;margin:0 5px 0 0; }
table.tdata a.opt span.add { background:url(../img/icons-conds-20.png) -180px -200px; }
table.tdata a.opt span.edit { background:url(../img/icons-conds-20.png) -40px -180px; }
table.tdata a.opt span.image { background:url(../img/icons-conds-20.png) -40px -240px; }
table.tdata a.opt span.delete { background:url(../img/icons-conds-20.png) -260px -20px; }
table.tdata a.opt span.pending { background:url(../img/icons-conds-20.png) 0px -40px; }
table.tdata a.opt span.approved { background:url(../img/icons-conds-green-20.png) 0px -60px; }
table.tdata a.opt span.rejected { background:url(../img/icons-conds-red-20.png) -20px -60px; }

table.tdata .isnew { display:inline-block;width:20px;height:20px;background:url(../img/icons-conds-red-20.png) 40px -80px;text-decoration:none; }
table.tdata .iswarn { display:inline-block;width:20px;height:20px;background:url(../img/icons-conds-red-20.png) 20px -140px;text-decoration:none; }
.blue-flag-20 { display:inline-block;width:20px;height:20px;background:url(../img/icons-conds-blue-20.png) 40px -80px;text-decoration:none; }

#miniPopUpBg { background:#000;opacity:0;position:fixed;z-index:9000;display:none; }
#miniPopUp { border:1px solid #999;padding:5px;background:#555;width:900px;height:500px;position:absolute;top:40px;left:50%;margin-left:-450px;z-index:9100;overflow-y:scroll;display:none; }
#miniPopUp .close { position:absolute;top:0;right:0; }
#miniPopUpStatus { display:none; }

.paging a { text-decoration:none;color:#888;margin:0 5px; }
.paging span { color:#e00;margin:0 5px; }
.content { line-height:18px;/*font-size:12px;*/letter-spacing:1px;border:1px #f2f2f2 solid;overflow:scroll; }
.content .content-label { font-family:'MyriadProSemibold';font-size:16px;background:#f2f2f2;padding:5px 10px; }
.content .isi { padding:10px; }
.content p { font-family:arial;color:#000;font-size:12px;line-height:18px;margin:0 0 10px 0; }
.content ul,
.content ol { font-family:arial;color:#000;/*font-size:12px;*/line-height:18px;list-style:disc;margin:0 0 0 10px; }
.submitButt { display:inline-block;width:120px;height:30px;line-height:30px;text-align:center;text-decoration:none;background:#999;color:#000;border-right:2px #666 solid;border-bottom:2px #666 solid; }
.formButton { border-radius:5px;padding:5px 20px;font-size:14px; }
.loginForm { width:340px;margin:0 auto 0 auto;border-radius:15px; }
.loginForm fieldset { background:#f2f2f2;border-radius:15px; }
.loginForm fieldset legend { background:#f2f2f2;display:block;line-height:30px;width:100%;text-align:center;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.specialMenu { color:#fff;height:90px;margin:5px;float:right;border:0px red solid; }
.specialMenu a.linkButt { color:#000;background:#fff;display:inline-block;padding:5px  20px;border-radius:5px;text-decoration:none;margin:5px;float:left; }
.specialMenu a.deposit {  }
.specialMenu a .notif { font-weight:bold; }
.customSelectBox { display:inline-block; }
.customSelectBox  .act { border-radius:5px;background:#fff;color:#000;margin:5px 5px 0 5px;padding:5px 20px;cursor:pointer; }
.customSelectBox  .act a { text-decoration:none;color:#000;margin:0 0 0 10px;padding:0;display:inline-block;width:14px;height:14px;overflow:hidden;border-radius:7px; }
.customSelectBox  .act a img { width:14px; }
.customSelectBoxOptions  { color:#000;position:relative;padding:1px;display:none; }
.customSelectBoxOptions  .balloonTail { width:10px;height:10px;background:url(../img/balloon-tail.png) no-repeat;position:absolute;right:30px; }
.customSelectBoxOptions  .options { display:inline-block;position:absolute;right:5px;padding:3px;background:#fff;border-radius:5px;width:200px;margin:10px 0 0 0; }
.customSelectBoxOptions  .options .option {}
.customSelectBoxOptions  .options .option a { display:block;color:#000;text-decoration:none;margin:0 15px;padding:2px 8px; }
.customSelectBoxOptions  .options .option a:hover { background:#ccc;color:#fff;border-radius:5px; }

.fcols { display:inline-block; }
.fcols .col { float:left;border:1px #486c4b solid;width:170px;margin:0 10px;padding:5px;border-radius:5px;background:#96dee6; }
.fcols .col .title { height:50px;text-align:center;font-weight:bold; }
.fcols .col .data { text-align:center; }
.fcols .col .title .icon { width:20px;height:20px;margin:0 auto; }
.fcols .col .title-member .icon { background:url(../img/icons-conds-green-20.png) -240px -160px; }
.fcols .col .title-deposit .icon { background:url(../img/icons-conds-blue-20.png) -240px -200px; }
.fcols .col .title-withdraw .icon { background:url(../img/icons-conds-red-20.png) -260px -200px; }
.fcols .col .title-transfer .icon { background:url(../img/icons-conds-yellow-20.png) -260px -280px; }

.fcols .col .title-member .text { color:#009900; }
.fcols .col .title-deposit .text { color:#000099; }
.fcols .col .title-withdraw .text { color:#990000; }
.fcols .col .title-transfer .text { color:#aaae34; }

.fcols .col .data { font-weight:bold;font-family:'DroidSerifRegular'; }
span.st-pending { background:#ff0;padding:5px;color:#000; }
span.st-clear { background:#0f0;padding:5px;color:#000; }
span.st-reject { background:#f00;padding:5px;color:#fff; }
span.st-elapse {  }
span.el-lv1 { background:#0f0;color:#000; }
span.el-lv2 { background:#e8e800; }
span.el-lv3 { background:#d96f07; }
span.el-lv4 { background:#f00;color:#fff; }

.img-icon { width:20px;height:20px; }
.img-icon-view { background:url(../img/icons-conds-blue-20.png) -220px -240px; }
.img-icon-ok { background:url(../img/icons-conds-green-20.png) -20px -140px; }
.img-icon-no { background:url(../img/icons-conds-red-20.png) -40px -140px; }

.one-line-menu { background:#f2f2f2;display:inline-block;width:100%;position:fixed;height:40px;top:110px;z-index:2000; }
.one-line-menu .helper { padding:5px;background:url(../img/shadow-container.png) repeat-x bottom; }
/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
    NAV
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	margin:5px 10px;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed. */
	/*
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	margin-right:1px;
	position:relative;
}
#nav a{
	display:block;
	/*width:120px;
	text-align:center;
	*/
	padding:5px 10px;
	color:#fff;
	background:#333;
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background:#eee;
	text-decoration:none;
	/*
	background:#6b0c36;
	text-decoration:underline;
	*/
}
#nav li.turney,
#nav li.turney a.turney { color:#fff;background:#f00; }
#nav li.deposits,
#nav li.deposits a.deposits { color:#000;background:#0a0; }
#nav li.withdrawals,
#nav li.withdrawals a.withdrawals { color:#fff;background:#a00; }

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff;
	/* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	/* background:rgba(255,255,255,0); */
	/* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px;
	/* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
    padding-top:1px;
	/* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap;
	/* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0;
	/* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#111;
    text-decoration:none;
	/*
	background:#6b0c36;
    text-decoration:underline;
	*/
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#333;
	background:#ff0;
	color:#000;
}

.filter-panel { padding:5px;display:inline-block; }
.filter-panel .sect { border:1px #999 dashed;padding:5px;display:inline-block;margin:0 10px 5px 0; }
.filter-panel .sect .label { float:left;padding:5px;cursor:pointer;font-weight:bold; }
.filter-panel .sect .field { float:left;padding:5px; }

.kotak_userid { background:#fff;border:1px #eee solid;color:#000;text-align:center;width:100px;font-family:'calibriregular';font-size:14px;
	background: #e1f0f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1f0f7 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f0f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1f0f7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1f0f7 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1f0f7 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e1f0f7 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f0f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.kotak_userid:hover, .kotak_userid:focus {
	background: #d7ebf4; /* Old browsers */
	background: -moz-linear-gradient(top,  #d7ebf4 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7ebf4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d7ebf4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d7ebf4 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d7ebf4 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d7ebf4 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ebf4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.bulat { border-radius:5px;background:#00e;color:#fff;padding:4px;text-transform:uppercase; }
.text-title { font-weight:bold;background:#f2f2f2;padding:10px 5px;border:1px #999 dotted; }

.record-count { margin:5px 0;padding:5px; }
.record-count .number-count {  }

.aleft { text-align:left; }
.acenter { text-align:center; }
.aright { text-align:right; }
.w10 { width:10px; } .w20 { width:20px; } .w30 { width:30px; } .w40 { width:40px; } .w50 { width:50px; } .w60 { width:60px; } .w70 { width:70px; } .w80 { width:80px; } .w90 { width:90px; } .w100 { width:100px; }
.w110 { width:110px; } .w120 { width:120px; } .w130 { width:130px; } .w140 { width:130px; } .w150 { width:130px; } .w160 { width:130px; } .w170 { width:170px; } .w180 { width:180px; } .w190 { width:190px; } .w200 { width:200px; }
.w210 { width:210px; } .w220 { width:220px; } .w230 { width:230px; } .w240 { width:240px; } .w250 { width:250px; } .w260 { width:260px; } .w270 { width:270px; } .w280 { width:280px; } .w290 { width:290px; } .w300 { width:300px; }
.w310 { width:310px; } .w320 { width:320px; } .w330 { width:330px; } .w340 { width:340px; } .w350 { width:350px; } .w360 { width:360px; } .w370 { width:370px; } .w380 { width:380px; } .w390 { width:390px; } .w400 { width:400px; }
.w410 { width:410px; } .w420 { width:420px; } .w430 { width:430px; } .w440 { width:440px; } .w450 { width:450px; } .w460 { width:460px; } .w470 { width:470px; } .w480 { width:480px; } .w490 { width:490px; } .w500 { width:500px; }

div.ddata { border-top:1px red solid;position:relative;padding:2px 0;font-family:'calibriregular'; }
div.ddata .judul { position:relative;display:inline-block;width;100%; }
div.ddata .judul .cell { float:left;border:1px #ddd solid;display:inline-block;float:left;height:25px;padding:4px 0;margin:0 2px 0 0;margin:0;
	background: rgb(206,220,231); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}
div.ddata .row { position:relative;display:inline-block;width;100%; }
div.ddata .row .cell { float:left;border:1px #ddd solid;height:50px;display:inline-block;float:left;padding:2px 0;margin:0 2px 0 0;margin:0; }
div.ddata .rodd .cell { background:#fafafa;
	background: #fcfff4; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfff4 0%, #e9e9ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfff4 0%,#e9e9ce 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
}
div.ddata .reve .cell { background:#f0f0f0;
	background: #fcfff4; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfff4 0%, #dfe5d7 50%, #dfe5d7 50%, #b3bead 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(50%,#dfe5d7), color-stop(50%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfff4 0%,#dfe5d7 50%,#dfe5d7 50%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfff4 0%,#dfe5d7 50%,#dfe5d7 50%,#b3bead 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfff4 0%,#dfe5d7 50%,#dfe5d7 50%,#b3bead 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfff4 0%,#dfe5d7 50%,#dfe5d7 50%,#b3bead 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
}

div.ddata .reve:hover .cell, div.ddata .rodd:hover .cell { background:#e3e4cf; }
div.ddata .row .cell:hover { background:#e3cfe4;
	background: rgb(229,150,232); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(229,150,232,1) 2%, rgba(247,227,247,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(229,150,232,1)), color-stop(100%,rgba(247,227,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(229,150,232,1) 2%,rgba(247,227,247,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(229,150,232,1) 2%,rgba(247,227,247,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(229,150,232,1) 2%,rgba(247,227,247,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(229,150,232,1) 2%,rgba(247,227,247,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e596e8', endColorstr='#f7e3f7',GradientType=0 ); /* IE6-9 */
}
div.ddata a { color:#2217BD;text-decoration:none; }
.s-butt { font-weight:bold;padding:2px 5px;margin:2px 0;display:inline-block; }
.s-butt-g {
	background: #b4e391; /* Old browsers */
	background: -moz-linear-gradient(top,  #b4e391 0%, #61c419 100%, #b4e391 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(100%,#61c419), color-stop(100%,#b4e391)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b4e391 0%,#61c419 100%,#b4e391 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b4e391 0%,#61c419 100%,#b4e391 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b4e391 0%,#61c419 100%,#b4e391 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b4e391 0%,#61c419 100%,#b4e391 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
}
.s-butt-r {
	background: #febbbb; /* Old browsers */
	background: -moz-linear-gradient(top,  #febbbb 0%, #ff5c5c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #febbbb 0%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #febbbb 0%,#ff5c5c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #febbbb 0%,#ff5c5c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #febbbb 0%,#ff5c5c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */
}
.act, .nact { padding:2px 5px;margin:2px 0;display:inline-block;color:#fff; }
.act {
	background: rgb(201,222,150); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(44%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */
}
.nact {
	background: rgb(255,154,145); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,154,145,1) 0%, rgba(206,43,43,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,154,145,1)), color-stop(100%,rgba(206,43,43,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,154,145,1) 0%,rgba(206,43,43,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,154,145,1) 0%,rgba(206,43,43,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,154,145,1) 0%,rgba(206,43,43,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,154,145,1) 0%,rgba(206,43,43,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a91', endColorstr='#ce2b2b',GradientType=0 ); /* IE6-9 */
}
div.ddata .opt { border-radius:5px;text-align:center;color:#fff;display:inline-block;padding:4px;margin:2px;
	background: rgb(40,52,59); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(40,52,59,1) 0%, rgba(40,52,59,1) 0%, rgba(130,140,149,1) 36%, rgba(181,189,200,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,52,59,1)), color-stop(0%,rgba(40,52,59,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(181,189,200,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(40,52,59,1) 0%,rgba(130,140,149,1) 36%,rgba(181,189,200,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(40,52,59,1) 0%,rgba(130,140,149,1) 36%,rgba(181,189,200,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(40,52,59,1) 0%,rgba(130,140,149,1) 36%,rgba(181,189,200,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(40,52,59,1) 0%,rgba(40,52,59,1) 0%,rgba(130,140,149,1) 36%,rgba(181,189,200,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); /* IE6-9 */
}
div.ddata .opt span { display:inline-block;width:20px;height:20px;padding:1px;vertical-align:middle; }
div.ddata .opt .add { background:#fff url(../img/icons-conds-20.png) -180px -200px; }
div.ddata .opt .edit { background:#fff url(../img/icons-conds-20.png) -40px -180px; }
div.ddata .opt .image { background:#fff url(../img/icons-conds-20.png) -40px -240px; }
div.ddata .opt .delete { background:#fff url(../img/icons-conds-20.png) -260px -20px; }
div.ddata .opt .pending { background:#fff url(../img/icons-conds-20.png) 0px -40px; }
div.ddata .opt .approved { background:#fff url(../img/icons-conds-green-20.png) 0px -60px; }
div.ddata .opt .rejected { background:#fff url(../img/icons-conds-red-20.png) -20px -60px; }

.bank-small-panel { display:inline-block;float:right;margin:0 5px;padding:5px;vertical-align:top;text-align:center;font-family:'calibriregular';
	/*
	background: #deeef7;
	background: -moz-linear-gradient(top,  #deeef7 0%, #feffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deeef7), color-stop(100%,#feffff));
	background: -webkit-linear-gradient(top,  #deeef7 0%,#feffff 100%);
	background: -o-linear-gradient(top,  #deeef7 0%,#feffff 100%);
	background: -ms-linear-gradient(top,  #deeef7 0%,#feffff 100%);
	background: linear-gradient(to bottom,  #deeef7 0%,#feffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deeef7', endColorstr='#feffff',GradientType=0 );
	*/
	background: #feffff;
	background: -moz-linear-gradient(top,  #feffff 0%, #deeef7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#deeef7));
	background: -webkit-linear-gradient(top,  #feffff 0%,#deeef7 100%);
	background: -o-linear-gradient(top,  #feffff 0%,#deeef7 100%);
	background: -ms-linear-gradient(top,  #feffff 0%,#deeef7 100%);
	background: linear-gradient(to bottom,  #feffff 0%,#deeef7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#deeef7',GradientType=0 );
}
.bank-small-panel a { font-family:'calibriregular' }
.bank-small-panel .link { padding:5px;display:inline-block; }
.bank-small-panel .link:hover { background:#f2f2f2; }

.kotak-bank { border:0px purple solid;height:55px;vertical-align:top;overflow:hidden; }