/**SIMPLE THEME BACK END MOS**/
/*Desainer		: Ari Rusmanto*/
/*Email			: hello@arirusmanto.com*/
/*YM			: ariecupu@ymail.com*/
/*Official Site	: arirusmanto.com*/
/*@font-face {
	font-family: 'Conv_BrushScriptStd';
	src: url('../fonts/BrushScriptStd.eot');
	src: local('☺'), url('../fonts/BrushScriptStd.woff') format('woff'), url('../fonts/BrushScriptStd.ttf') format('truetype'), url('../fonts/BrushScriptStd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

/*@font-face {
	font-family: 'Conv_CommercialScript';
	src: url('../fonts/CommercialScript.eot');
	src: local('☺'), url('../fonts/CommercialScript.woff') format('woff'), url('../fonts/CommercialScript.ttf') format('truetype'), url('../fonts/CommercialScript.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

body {
	background:#FFF;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	color: #2e2e2e;
	text-align: center;
	text-transform:uppercase;
	
}
.logo_font
{
     font-family:Sans-Serif;
	 font-size:28px;
	 color:#FFF;
	 font-weight:bold;
	 float:left;
	 padding-left:20px;
}
.logo_font1
{
     font-family:Sans-Serif;
	 color:#236072;
	 font-size:52px;
	 opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	    -webkit-transform:rotate(-20deg);
    -moz-transform:rotate(-20deg);
    -o-transform:rotate(-20deg);
    transform:rotate(-20deg);
    color:#CCC;
    font-weight:bold;
    letter-spacing:5px;
    position:absolute; 
    z-index:1000; 
    top:35%;
    left:15%;   
    opacity:0.2; 
    filter:alpha(opacity=50);
}
.clear {clear: both;}
small {font-size: 11px; color: 5b5b5b;}
img {border: none;}
a {color: #0575b3; text-decoration: none;}
a:hover {color: #000;}
label {padding: 0; margin: 0 0 10px 0;}
input {padding: 4px;color: #5b5b5b;border: 1px solid #dcdcdc;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px; text-transform:uppercase;}
input.login { width: 250px; margin: 5px 0 10px 0px;}
input.input {width: 80%;}
input.uppercase { text-transform:uppercase}

input.sedang{width: 40%;}
input.date{width: 25%;}
input.input:focus {-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff; }
input.sedang:focus{-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}
input.date:focus{-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}

	.button {
	cursor: pointer;
	padding: 4px 10px 4px 10px;
	color: #666;
	background: url(img/green.jpg) repeat left center;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.form_sub_buttons { float:right;padding:3px; }
.form_sub_buttons_img { float:right; background-color:#FC6; padding:1px 3px 3px 3px; border:1px solid #CCC; margin-right:10px; height:18px; vertical-align:middle; font-weight:bold }
.button:hover { color: #2e2e2e;}
.button:active { background: #3e9d10; color: #fff; }
.active { background: #3e9d10; color: #fff; }
/*.active:hover {  color: #FFF; }*/
.selected { background: #3e9d10; color: #fff; text-transform:uppercase;}
.selected:hover { background: #3e9d10; color: #fff;}
select {padding: 4px;color: #5b5b5b;border: 1px solid #dcdcdc;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px; width:82%}
select:focus{-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}
.number_rows{ width:55px; }
textarea:focus{-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}
textarea {padding: 4px;color: #5b5b5b;border: 1px solid #dcdcdc;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px; width: 80%;
height: 130px;resize: none; text-transform:uppercase;}
.textareamin { height: 40px; }
form { text-transform:uppercase; }
table {border:none;font-size: 12px; text-transform:uppercase; }
td{border:none; padding: 5px; text-transform:uppercase;}

table.data {border: 1px solid #dcdcdc; margin: 10px 0px 20px 0px; width: 100%; border-collapse: collapse;font-size: 12px; text-transform:uppercase;}
th.data {padding: 8px 4px 8px 4px;border: 1px solid #dcdcdc; 
/*background: url(img/green.jpg)repeat left center;*/
background-color: #F0F0F0;
color: #666;text-transform:uppercase; }
th.data1 {padding: 8px 4px 8px 4px;border: 1px solid #dcdcdc; color: #666; background-color:#F2F2F2; text-transform:uppercase; }
td.data {padding: 4px; border: 1px solid #dcdcdc;color: #5b5b5b;vertical-align: top;}
tr.data {background: #fff}
tr.data:hover {background: #feffdc;}
tr.data small a{color: #fff;}
tr.data small{color: #fff;}
tr.data:hover small a{color: #527e19;}
tr.data:hover small a:hover{color: #000;}
tr.data:hover small {color: #5b5b5b;}		


table.datain {border: 1px solid #dcdcdc; margin: 10px 0px 20px 0px; width: 100%; border-collapse: collapse;font-size: 12px; background-color:#FFF;}
th.datain {padding: 8px 4px 8px 4px;border: 1px solid #dcdcdc; color: #666 }
td.datain {padding: 4px; border: 1px solid #dcdcdc;color: #5b5b5b;vertical-align: top;}
tr.datain {background: #fff}
tr.datain:hover {background: #feffdc;}
tr.datain small a{color: #fff;}
tr.datain small{color: #fff;}
tr.datain:hover small a{color: #527e19;}
tr.datain:hover small a:hover{color: #000;}
tr.datain:hover small {color: #5b5b5b;}	


.quoteOfDay {
	border: 1px solid #cbe0b5;
	background: #f7ffe8 url(img/daun.png) no-repeat left center;
	float: left;
	width: 640px;
	padding: 10px 10px 10px 70px;
	min-height: 50px;
	font-size: 20px;
	letter-spacing: 1px;
	margin: 10px 0 10px 0;
}

.msg_result {
	border: 1px solid #CCC;
	background: url(img/headerbg.jpg) repeat left;
	float: left;
	width: 640px;
	padding: 10px 10px 10px 10px;
	font-size: 20px;
	letter-spacing: 1px;
	margin: 10px 0 10px 0;
}

.msg_header {
	border: 1px solid #CCC;
	background: url(img/headerbg.jpg) repeat left;
	float: left;
	width: 96%;
	padding: 3px 10px 3px 10px;
	font-size: 18px;
	letter-spacing: 1px;
	margin: 25px 0 25px 0;
	text-transform:uppercase;
}
.sukses {
	border: 1px solid #cbe0b5;
	background: #f7ffe8 url(img/sukses.png) no-repeat left center;
	float: left;
	width: 640px;
	padding: 15px 10px 15px 50px;
	font-size: 16px;
	letter-spacing: 1px;
	margin: 10px 0 10px 0;
	color:#cbe0b5;
}
.gagal {
	border: 1px solid #e78686;
	background: #ffe1e1 url(img/gagal.png) no-repeat left center;
	float: left;
	width: 640px;
	padding: 15px 10px 15px 50px;
	font-size: 16px;
	letter-spacing: 1px;
	margin: 10px 0 10px 0;
	color: #e78686;
}
.informasi {
	border: 1px solid #86afe7;
	background: #e7f1ff url(img/informasi.png) no-repeat left center;
	float: left;
	width: 640px;
	padding: 15px 10px 15px 50px;
	font-size: 16px;
	letter-spacing: 1px;
	margin: 10px 0 10px 0;
	color: #86afe7;
}
#header {
	width: 100%;
	/*background-color:#063;*/
	background: url(../images/green.png) repeat-x;
	min-height: 105px;
	z-index: 1000;
	-moz-box-shadow: 0px 0px 8px #dcdcdc;
	-webkit-box-shadow: 0px 0px 8px #dcdcdc;
	text-transform:uppercase;
}
.inHeader {
	float: center;
	/*background: url(img/devoteelogo.jpg) no-repeat left center;*/
	margin: auto;
	width: 100%;
	height: 55px;
	padding-top:10px;
	/*padding:5px 5px 0 5px;*/
	
	border-right: 0px solid #dcdcdc;
	border-left: 0px solid #dcdcdc;
	
}
.inHeader img {
	max-height:75px;
	float:left;
}
.inHeaderLogin {
	/*background: url(img/devoteelogo.jpg) no-repeat left center;*/
	height: 75px;
}
.inHeaderLogin img{
	max-height:75px;
	float:left;
	
}
.invAdmin {
	float: right;
	border: 0px solid #dcdcdc;
	margin: 0 1px 0 auto;
	text-align: right;
	padding: 10px 10px 10px 10px;
	
	/*background: url(img/Administrator.png) no-repeat right center;*/
	/*text-shadow: 0.5px 0.5px #CCC;*/
}
.invAdmin  a {
	color:#FFF
}


#loginForm {
	width: 450px;
	
	border: 1px solid #dcdcdc;
	float: center;
	text-align: left;
	background:#fff ;
	margin: 50px auto 0 auto;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.headLoginForm {
	width: auto;
	padding: 10px 0 10px 20px;
	font-size: 16px;
	font-weight: bold;
	/*text-shadow: 1px 1px #ddffbc;*/
	text-align: left;
	height: 20px;
	border-bottom: 1px solid #dcdcdc;
	background: url(../images/green.png) repeat left center;
	border-radius:5px;
	
	
	-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
	color:#FFF;
}
.fieldLogin {
	margin: 30px 5px 0 30px;
}
#wrapper {
	width: auto;
	
	min-height:500px;
	position: relative;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	/*border-bottom: 1px solid #dcdcdc;*/
	float: center;
	margin: auto;
	text-align: left;
	/*background: #fff url(img/bg_kiri.png) repeat-y;*/

/*	-moz-box-shadow: 0px 0px 8px #dcdcdc;
	-webkit-box-shadow: 0px 0px 8px #dcdcdc;*/
}
#leftBar {
	min-height:470px;
	width: 185px;
	float: left;
	padding: 0 0 20px 10px;
	border-right: 0px solid #dcdcdc;
	text-align: left;
}
#leftBar ul {list-style: none;padding: 0; margin: 0;font-size: 13px;}
#leftBar ul li {
	width: 164px;
	background: url(img/icon-left.png) no-repeat left center;
	padding: 10px 0 10px 10px; margin-top: 8px;margin-left: 9px;
	border: 1px solid #dcdcdc;
	-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;
	-o-border-top-left-radius: 8px;-o-border-bottom-left-radius: 8px;}
#leftBar ul li a {
	width: 100%;
	color: #2e2e2e;
    cursor: pointer;
	padding: 10px 65px 10px 20px;
    -webkit-transition: padding-left 250ms ease-out;
	-moz-transition: padding-left 250ms ease-out;
	-o-transition: padding-left 250ms ease-out;
}
#leftBar ul li a:hover {
    padding-left: 30px;
	text-decoration: none;
	color: #06afef;
	text-shadow: 1px 1px #496d2a;
}
#rightContent {
	height:auto;
	background-color:#FFF;
	width: 97%;
	margin:auto;
	padding:10px;
	min-height:500px;
	
	float: left;
	border-left: 0px solid #dcdcdc;
	text-align: left;
	

}


#rightContent h3 {font-size: 25px; font-weight: normal; padding: 0; margin: 5px; border-bottom: 1px dashed #dcdcdc; text-transform:uppercase; }

.shortcutHome a{
	width: 65px;
	padding: 20px;
	border: 1px solid #dcdcdc;
	height: 100px;
	float: left;
	margin: 10px 0 10px 10px;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.shortcutHome a:hover{
	color: #5b5b5b;
	text-decoration: none;
}
.shortcutHome a:hover img{
	opacity: 1;
	color: #5b5b5b;
	padding-top: 10px;
}
.shortcutHome img {
	opacity: 0.8;
    -webkit-transition: padding-top 250ms ease-out;
	-moz-transition: padding-top 250ms ease-out;
	-o-transition: padding-top 250ms ease-out;
}

#smallRight {
	width: 285px;
	padding: 5px 10px 5px 10px;
	margin: 10px;
	border: 1px solid #dcdcdc;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
#smallRightover
{ 
     width: 285px;
	 height: 320px;
	
	 overflow:-X:hidden
}


 /* Height & width for the container - The rest is done by the jQuery part. */
  #scrollcontent1 { width: 285px; height: 320px;}
  
  /* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
  .scrollcontent1-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent1-bar { width: 11px; background: #ccc;/* border-radius: 4px;*/ box-shadow: inset 0px 0px 5px #F9F9F9; overflow: hidden; }
  .scrollcontent1-drag { background: #425a8a; border-radius: 4px; cursor: pointer; }
  
   .scrollcontent2-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent2-bar { width: 11px; background: #ccc;/* border-radius: 4px;*/ box-shadow: inset 0px 0px 5px #F9F9F9; overflow: hidden; }
  .scrollcontent2-drag { background: #425a8a; border-radius: 4px; cursor: pointer; }
  
   .scrollcontent3-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent3-bar { width: 11px; background: #ccc;/* border-radius: 4px;*/ box-shadow: inset 0px 0px 5px #F9F9F9; overflow: hidden; }
  .scrollcontent3-drag { background: #425a8a; border-radius: 4px; cursor: pointer; }
  

  
 

#smallRight h3 {font-size: 16px; padding: 5px; margin: 0px; border-bottom: 1px solid #dcdcdc;}
#footer {
	width: 100%;
	padding: 5px 0 5px 0;
	color:#FFF;
	background: url(../images/green.png) repeat left;
	text-align: center;
	font-size: 10px;
	
	border-top: 1px solid #dcdcdc;
	-moz-box-shadow: 0px 0px 8px #dcdcdc;
	-webkit-box-shadow: 0px 0px 8px #dcdcdc;
}
#footer a {
	color:#FFF;
	text-decoration:none;
}


.menu{ float:left; clear:both; padding:7px 0 0 15px;}
.menu ul{ padding:0px; margin:0px; list-style:none;}
.menu ul li{ float:left; padding:0px; margin:0px; font-size:13px;}
.menu ul li a{ display:block; float:left; background-color:#3e9d10; padding:7px 12px 5px 12px; color:#FFF; text-decoration:none;
margin:0 4px 0 0;
-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
}
.menu ul li a.selected{ display:block; float:left; background-color:#e9ffb1; padding:7px 12px 5px 12px; color:#000; text-decoration:none;
margin:0 4px 0 0;
-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
}
.menu ul li a:hover{background-color:#e9ffb1; color:#000;}

.submenu{ width:100%; height:35px; background-color:#e9ffb1; clear:both; float:left; border-bottom:#63b630 1px solid; }
.submenu ul{ padding:0 0 0 25px; margin:0px; list-style:none;}
.submenu ul li{ float:left; padding:0px; margin:0px; }
.submenu ul li a{ display:block; float:left; padding:3px 6px 3px 6px;  color:#000; text-decoration:none;
margin:6px 4px 10px 0;font-size:11px;}
/*.submenu ul li a.selected{display:block; float:left; padding:3px 6px 3px 6px; color:#FFFFFF; text-decoration:none;
margin:5px 4px 8px 0;color:#FFFFFF; font-size:12px; background-color:#3e9d10;
-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;
}*/
.submenu ul li a:hover{ color:#000;


}
.submenu ul li:hover{
background:url(../images/sub_arrow_bt.png) no-repeat center bottom;font-weight:bold;
font-weight:bold;
}

.submenu ul li.selected{
font-weight:bold;
background:url(../images/sub_arrow_bt.png) no-repeat center bottom;font-weight:bold;
}



.comment {
	width: 300px;
	
}
a.morelink {
	text-decoration:none;
	outline: none;
}
.morecontent span {
	display: none;

}

#show_hide {
	display:none;
}

#divstable{
	vertical-align:middle;
	text-align:center;
}


#nav {
 background-color: #494949;
 margin: 0;
 padding: 0;
}
#nav2 {
 background: #fff url(images/nav_bg_darker.jpg) repeat-x left top;
 padding: 0 310px 0 0;
 margin: 0;
 text-align: right;
}
#nav_inner {
 background-color: transparent;
 padding: 8px 12px 0 20px;
 margin: 0;
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 11px;
}

#nav_inner h3 {
 font-size: 12px;
 color: #fff;
 margin: 0;
 padding: 0;
}

#nav_inner .td_sep {
 background: transparent url(images/nav_separator_darker.jpg) repeat-y left top;
 width: 25%;
 padding: 0 0 0 20px;
}
#nav_inner .td {
 width: 25%;
}
#nav_inner p {
 color: #eee;
 background-color: transparent;
 padding:0;
 margin: 0 0 10px 0;
}
#nav_inner ul {
 list-style-image: url(images/arrow.gif);
 padding: 0 0 0 18px;
 margin: 8px 0 12px 0;
}
#nav_inner li {
 padding: 0;
 margin: 0 0 4px 0;
}

#nav_inner a {
 color: #eee;
 background-color: transparent;
 text-decoration: none;
 font-weight: normal;
 outline-style: none;
}

#nav_inner a:visited {
 color: #eee;
 background-color: transparent;
 text-decoration: none;
 outline-style: none;
}

#nav_inner a:hover {
 color: #ccc;
 text-decoration: none;
 background-color: transparent;
 outline-style: none;
}
/*input checkbox{
	padding:0px; width:20px;
}
*/
.textfilde{
	border:#CCC 1px solid;
	background-color:#FFF;
	color:#666;
	font-size:12px;
	 border-radius:5px;
}








div.dropdown {
color: #555;
margin: 3px -5px 0 0;
width: 143px;
position: relative;
height: 17px;
text-align:left;
float:left;
z-index:101;
}
div.submenudrop
{
background: #fff;
position: absolute;
top: -12px;
left: -20px;
z-index: 100;
width: 135px;
display: none;
margin-left: 10px;
padding: 40px 0 5px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.dropdown  li{
	list-style:none;
   
    }

.dropdown  li a {
   
    color: #555555;
    display: block;
    font-family: arial;
    font-weight: bold;
    padding: 6px 15px;
  cursor: pointer;
text-decoration:none;
}

.dropdown li a:hover{
    background:#3e9d10;
    color: #FFFFFF;
    text-decoration: none;
    
}
a.account {
	
font-size: 11px;
line-height: 16px;
color: #FFF;
position: absolute;
z-index: 110;
display: block;
padding: 9px 0 0 10px;
height: 28px;
width: 121px;
margin: -11px 0 0 -10px;
text-decoration: none;
background: url(../icons/arrow.png) 106px 15px no-repeat;
cursor:pointer;
font-size:14px

}
.root
{
list-style:block;
margin:0px;
padding:0px;
font-size: 11px;
padding: 11px 0 0 0px;
border-top:1px solid #dedede;

	
}

.spanred { color:#F00; font-size:16px; }
.hints {  font-size:10px; }


/*

.faqsearch {
	background:url(../img/greyscale-sprite__f050d77.png) no-repeat 0px -463px;
	margin:0 0 30px;
	padding:0px;
	width:544px;
}
.faqsearch .faqsearchinputbox {
	border:1px solid #ddd;
	margin:0 20px;
	background:#fff url(../img/textinputbg__5d76440.gif) repeat-x;
}


.faqsearch .faqsearchinputbox input {
	width:500px;
	padding:10px 0;
	font-size:16px;
	
}
.bsdvbds
{
  color: #C23030;
    float: left;
    font-family: aller;
    font-size: 26px;
    font-weight: bold;
    margin-left: 30px;
    margin-right: 30px;

    z-index: 9999;
}*/
#searchresultdata { margin:0 auto; } 

.no_result { text-align:center; font-size:28px; color:#F00; background:url(img/attention.png) no-repeat left center; margin: auto; width:400px; height:65px;line-height: 90px;  }

.no_result_red { text-align:center; font-size:28px; color:#090; height:65px;line-height: 90px; text-align:center }
.no_result_green { text-align:center; font-size:28px; color:#F00; ; height:65px;line-height: 90px;  text-align:center }

input[readonly], textarea[readonly] {
  color:black !important;
  cursor: default;
  background-color: threedface !important;
}
.lowecase { text-transform:none; }
.notice { font-size:24px; color:#090; }

#thumbs img {
	-moz-box-shadow : 0 0 5px #000000;
	-webkit-box-shadow : 0 0 5px #000000;
	border : 3px #D9DFDB solid;
	box-shadow : 0 0 5px #000000;
	
} 

.green_res
{
	color:#5CD156;
	font-size:20px;
	font-weight:bold;
	
}
.yellow_res
{
	color:#FC0;
    font-size:20px;
	font-weight:bold;
}
.red_res
{
	color:#F77979;
    font-size:20px;
	font-weight:bold;
}
.cont_res
{
	color:#666;
    font-size:20px;
	
}


.status_report_div
{
	width:80%;
	 margin-left:10%;
}