.tlheadery{background-image: url(../images/abk.png);background-repeat:repeat;background-position:left top;}
.tlheaderx{border-bottom:1px solid #177B21;border-left:1px solid #177B21;border-right:1px solid #177B21};

/* Form elements */
input,textarea, select {
	color : #000000;
	background-color : #FFFFFF;
	font: normal 10px verdana;
	border-color : #666666;
		border-radius: 4px;
}
/* The text input fields background colour */
input.post, textarea.post, select {
	border-color : #ffffff;
		border-radius: 4px;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
/*input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
		border-radius: 4px;
}*/
input.file {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
		border-radius: 4px;
}
/* The main submit button option */
input.mainoption {
	background-color : #cccccc;
	font-weight : normal;
	font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* None-normal submit button */
input.liteoption {
	background-color : #f0f0f0;
	font-weight : normal;
	font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
.helpline { background-color: #E4E9E9; border-style: none;}
/*
input, textarea, select {
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
}*/

/*input { text-indent : 2px; }*/
.button1 {        
    display: inline-block;
    white-space: nowrap;
    background-color: #242522;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 5px 15px 5px 15px;
    margin: 5px 5px 5px 5px;
    font: normal 1em/1.1em Arial, Helvetica;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
.button2 {        
    display: inline-block;
    white-space: nowrap;
    background-color: #2ECC71;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 0.7em;
    margin: 0.5em;
    font: normal 1em/1.5em Arial, Helvetica;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

#btnx {        
    display: inline-block;
	height:25px;
    white-space: nowrap;
    background-color: #404E4F;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 0.7em;
    margin: 0.2em;
    font: normal 1em/1.5em Arial, Helvetica;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
#submitButton {        
     display: inline-block;
    white-space: nowrap;
	height:27px;
    background-color: #04022C;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
   padding: 5px 10px;
    margin: 0.1em;
    font: normal 1.1em/1em Arial, Helvetica;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .5em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
#submitButtonc {        
    display: inline-block;
    white-space: nowrap;
	height:25px;
    background-color: #0C0B0B;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
   padding: 0.4 0.7em;
    margin: 0.2em;
    font: normal 1em/1em Arial, Helvetica;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
#submitButtonl {        
    display: inline-block;
    white-space: nowrap;
	height:25px;
    background-color: #639E17;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0.4 0.7em;
    margin: 0.2em;
    font: normal 1em/1em Arial, Helvetica;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
.buttonsearch {        
    display: inline-block;
    white-space: nowrap;
   background-color: #DFD317;
	
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 1.5em;
    margin: 0.5em;
    font: normal 1em/1.5em Arial, Helvetica;
    text-decoration: none;
    color: #0B0B0B;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.buttonsearch:hover {
    background-color: #999E17; 
	color: #fff;	
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.buttonsearch:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.buttonsearch:focus {
    outline: 0;
    background: #028180;
	color: #fff;
} 

/*/////////////*/
.button {        
    display: inline-block;
    white-space: nowrap;
    background-color: #DBDADA;
    background-image: linear-gradient(top, #eee, #DBDADA);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 1.5em;
    margin: 0.5em;
    font: normal 1em/1.5em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .3em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover {
    background-color: #ddd;        
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.button:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.button:focus {
    outline: 0;
    background: #fafafa;
}    

.button:before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;        
    width: 1em;
    text-align: center;
    font-size: 1em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;        
}
input[type=radio] {
    background-color: white;
	color: red;
	border: 5px solid #ccc;
   height: 18px;
	width: 18px;
	vertical-align: middle;
	text-align: center;
}
/* Hexadecimal entities for the icons */

.add:before {
    content: "\271A";
}

.edit:before {
    content: "\270E";        
}

.delete:before {
    content: "\2718";        
}

.save:before {
    content: "\2714";        
}

.email:before {
    content: "\2709";        
}

.like:before {
    content: "\2764";        
}

.next:before {
    content: "\279C";
}

.star:before {
    content: "\2605";
}

.spark:before {
    content: "\2737";
}

.play:before {
    content: "\25B6";
}



.btnCetak {
	DISPLAY: none
}


.reporttext{padding-bottom:10px;padding-top:10px;color:#333333;font:normal 16px arial;}

.tabless{border:no;}
.tabless td{border: no;padding:2px;}
table.tabless tr.roww1:hover {
	background-color: #EEF9E3;
}
table.tabless tr.roww:hover {
	background-color: #F9F4D9; //EEF9E3;
}

.tdimgg{ background-image: url(../images/tl_top.gif);background-repeat: no-repeat;background-position: left top;}

.tdhead1{padding:3px;color:#663300;font:normal 10px verdana;}

.tdbutton{background-color:#B4D5F6;border-bottom:solid 1px #336699;padding:3px;text-align:center;}
.rowfokus{background-color:#BBE0E5;padding:3px;color:black;font:normal 12px arial;}

.table{border:1px solid #B3B2AF;border-collapse:collapse;}
.table td{border: 1px solid #B3B2AF;padding:2px;}
.tdfieldr{background-color:#1C5D5C;padding:3px;color:white;font:bold 10px verdana;text-align:center;height:35px}
.tdfield{background-color:#352E2E;padding:3px;color:white;font:bold 10px verdana;text-align:center;height:35px}
.tdfieldx{background-color:#4F5757;padding:3px;color:white;font:bold 10px verdana;text-align:center;height:30px}
.row{background-color:#C1CBE0;padding:3px;color:black;font:normal 12px verdana;height:30px}
.row1{background-color:#EAEADD;padding:3px;color:black;font:normal 12px verdana;height:30px}
.row3{color:#FFCC00;background-color:#163E3D;padding:3px;font:bold 12px verdana}
.row5{color:#FFCC00;background-color:#99A5A5;padding:3px;font:bold 12px verdana;height:25px}

.rowx{background-color:#FAF5F5;padding:3px;color:black;font:normal 12px verdana}

table.table tr.row11:hover {
	background-color: #F7F3BE;
}
table.table tr.row11{
	background-color: #ECEBD8;
	white-space:normal;
	padding:3px;color:black;font:normal 12px verdana
}
table.table tr.row12:hover {
	background-color: #F7F3BE;
}
table.table tr.row12{
	background-color: #EEECC3;
	white-space:normal;
	padding:3px;color:black;font:normal 12px verdana
}

table.table tr.rowx:hover {
	background-color: #B3E5FC;
}
table.table tr.rowx{
	background-color: #FAF5F5;
	white-space:normal;
}
table.table tr.row5{
	background-color: #99A5A5;
	padding:3px;color:#FFCC00;font:bold 12px verdana;height:30px;
}
table.table tr.row3{
	background-color: #163E3D;
	padding:3px;color:#FFCC00;font:bold 12px verdana;height:35px;
}
table.table tr.row:hover {
	background-color: #DBD583;
}
table.table tr.row{
	background-color: #fff;
	white-space:normal;height:30px;
}
table.table tr.rowq:hover {
	background-color: #DBD583;
	color:black;font:normal 12px Arial
}
table.table tr.rowq{
	background-color: #fff;
	white-space:normal;height:30px;
	color:black;font:normal 12px Arial
}

table.table tr.row1:hover {
	background-color: #DBD583;
}
table.table tr.row1 {
	background-color: #FCF6D9;
	white-space:normal;height:30px;
}
table.table tr.row1q:hover {
	background-color: #DBD583;
	color:black;font:normal 12px Arial
}
table.table tr.row1q {
	background-color: #FCF6D9;
	white-space:normal;height:30px;
	color:black;font:normal 12px Arial
}
table.table tr.rowfokus {
	background-color:#BBE0E5;padding:3px;color:black;font:normal 11px arial;
}
.roww{background-color:#FFFFFF;padding:3px;color:black;font:normal 11px tahoma}
.roww1{background-color:#FFFFFF;padding:3px;color:black;font:normal 11px tahoma}

table.table tr.roww:hover {
	background-color: #F9F4D9;
}


.tableprint{border:no;}
.tableprint td{border: no;padding:2px;}
table.tableprint tr.rowp {
	padding:3px;color:black;font:normal 11px tahoma;
}
table.tableprint tr.tdheadp{
	padding:3px;color:black;font:normal 11px verdana;text-align:center;}

}

.ttltahun{COLOR:#FFCC00; FONT: normal 16px arial;}

.bgnewsp{width:156px;background-image: url(../images_op/bg_news.jpg);background-repeat:no-repeat;background-position:left top;padding-top:10px}
.wkt{COLOR:black; FONT: normal 9px verdana;}
.copy{COLOR:white; FONT: normal 9px verdana;}
.normal11{COLOR:black; FONT: normal 9px tahoma;}
.jdl{COLOR: #990000; FONT: normal 10px verdana;text-decoration: none;}
.link3{COLOR: #660000; FONT: normal 12px arial;text-decoration: none;}
a.link7{COLOR: #993300; FONT: normal 11px tahoma;text-decoration: none;}
a.link7:hover{COLOR:#666666; FONT: normal 11px tahoma;text-decoration: none;}
a.link3{COLOR: #660000; FONT: normal 12px arial;text-decoration: none;}
a.link3:hover{COLOR: #660000; FONT: normal 12px arial;text-decoration: none;}

a.link10{COLOR: #666666; FONT: normal 9px verdana;text-decoration: underline;}
a.link10:hover{COLOR: #CC3300; FONT: normal 9px verdana;text-decoration: none;}
a.link10w{COLOR:#ffffff; FONT: bold 13px verdana;text-decoration:none;}
a.link10w:hover{COLOR: #E55C41; FONT: bold 13px verdana;text-decoration:underline;}
a.link11{COLOR:black; FONT: normal 11px tahoma;text-decoration:none;}
a.link11:hover{COLOR: #666666; FONT: normal 11px tahoma;text-decoration: none;}
a.linkpg{COLOR: #660000; FONT: normal 12px arial;text-decoration: none;}
a.linkpg:hover{COLOR: #CC3300; FONT: normal 12px arial;text-decoration: none;}

a.link{COLOR:#993300; FONT: normal 11px verdana;text-decoration:none;}
a.link:hover{COLOR: #CC3300; FONT: normal 11px verdana;text-decoration:underline;}

.toptitle1{COLOR:#003366; FONT: normal 16px arial;}
/*.text3{COLOR:red; FONT: normal 12px verdana;line-height:15px}*/
.normal10{COLOR:black; FONT: normal 10px verdana;}
.text{COLOR:black; FONT: normal 12px verdana;}
.text1{COLOR:#666666; FONT: normal 11px verdana;}
.text2{COLOR:#1A1919; FONT: bold 12px tahoma;}
.text4{COLOR:#003366; FONT: normal 15px tahoma;}
.text5{COLOR:black; FONT: normal 12px verdana;}
.text6{COLOR:black; FONT: normal 12px verdana;line-height:15px}

.text77{COLOR:#FFCC00; FONT: bold 14px tahoma;}
.text7{COLOR:black; FONT: normal 16px tahoma;line-height:18px}
.textgd{color:#9027AA; font:normal 11px tahoma}
.textg{color:#F94303; font:normal 14px verdana}
.counter{background-color:black;font:normal 10px verdana;color:white;padding:2px}
.toptitlee{COLOR:#FFFFFF; FONT: normal 16px arial;}
.topttl{COLOR:#CFDE06; FONT: normal 22px arial;}

.tlfoot{background-color:#779695;border-left:1px solid #177B21;border-right:1px solid #177B21;border-bottom:1px solid #177B21;COLOR:#111111; FONT: normal 9px arial;}
.tlmain{border-left:1px solid #177B21;border-right:1px solid #177B21};
.tlmenu{background-color:#111111;};

.ticker{
width: 130px;
height:125px;
padding: 0px;
}
#dropcontentsubject{
width: 130px;
height: 0px;
font-weight: normal;
}

.dropcontent{
width: 130px;
height: 185px;
text-align:center;
}
.dtprint{
	z-index:900;

}



.btn {
    background-color : #EFEFEF;
        color : #000000;font-size: 11px;font-family: Verdana;border-width : 1 1 1 1;};


.table.adminlist {border:1px solid #663300;border-collapse:collapse;}
.table.adminlist.td {border: 1px solid #663300;padding:2px;}



table.adminlist th {
	margin: 0px;
	padding: 6px 4px 2px 4px;
	height: 25px;
	background-repeat: repeat;
	font-size: 11px;
	color: #000;

}
table.adminlist th.title {
	text-align: left;
}

table.adminlist th a:link, table.adminlist th a:visited {
	color: #c64934;
	text-decoration: none;
}

table.adminlist th a:hover {
	text-decoration: underline;
}

table.adminlist tr.row {
	background-color: #F9F4D9;

}
table.adminlist tr.row1 {
	background-color: #FAF8ED;
}

table.adminlist tr.row:hover {
	background-color: #f1f1f1;
}
table.adminlist tr.row1:hover {
	background-color: #f1f1f1;
}
table.adminlist td.options {
	background-color: #ffffff;
	font-size: 8px;
}

/* standard form style table */
table.adminform {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 100%;
	padding: 10px;
	border-collapse: collapse;
}
table.adminform tr.row0 {
	background-color: #f9f9f9;
}
table.adminform tr.row1 {
	background-color: #eeeeee;
}
table.adminform th {
	font-size: 11px;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	height: 25px;
	background: url(../images/background.jpg);
	color: #000;
	background-repeat: repeat;
}
table.adminform td {
	padding: 3px;
	text-align: left;
}
table.adminform td.editor {
	font-size: 9px;
}
.datapeg {
		visibility: hidden;
}
.tdbox{border:dotted 1px #cccccc;padding:10px}
a.linkp{COLOR:#C62413;FONT:normal 11px tahoma;text-decoration:none;}
a.linkp:hover{COLOR:#13C6AF;FONT:normal 11px tahoma;text-decoration:none;}
a.link1p{COLOR:#666666;FONT:normal 10px verdana;text-decoration:none;}
a.link1p:hover{COLOR:#0099CC;FONT:normal 10px verdana;text-decoration:underline;}
.topblok{height:27px;padding-left:30px;color:#003366; font:normal 11px tahoma;background-image: url(../images/top_blok.gif);background-repeat:no-repeat;background-position:left top;}
.topblok2{height:26px;padding-left:33px;color:#333333; font:normal 12px tahoma;background-image: url(../images/top_blok2.gif);background-repeat:no-repeat;background-position:left top;}
.tlblok{padding:10px;background-color:white;border:dotted 1px #cccccc;background-image: url(../images/tl_blok.gif);background-repeat:repeat-x;background-position:left bottom;}
.textp{color:white; font:normal 20px tahoma}
.text4p{color:#FFFFCC; font:normal 16px tahoma}
.formDiv {
	width: 1250px;
	border: thin solid #767676;
	border-radius: 15px;
	position: absolute;
	left: 5.5%;
	top: 36px;
	visibility: hidden;
	background-color: #F1F1F1;
	overflow: auto;
	z-index:1000;
}
.formDivKhusus {
	width: 1000px;
	border: thin solid #767676;
	border-radius: 15px;
	position: absolute;
	left: 25%;
	top: 0px;
	visibility: hidden;
	background-color: #F1F1F1;
	overflow: auto;
	z-index:1990;
}
#loadingMessage {
    background: #FFF;
    padding: 20px;
     display: none; /* hidden */
    position: absolute;    
    left: 60%;
    margin-left: -100px;
    top: 2px;
    width: 50px;
    
}
fieldset { 
padding-top: 13px;
  font:sans-serif;
  border:1px solid #666;
  border-radius:10px;
  box-shadow:0 0 10px #666;
 }
.tooltipx {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltipx .tooltiptext {
  visibility: hidden;
  width: 230px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltipx .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltipx:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}