/* form.css */
* {
    margin: 0;
    padding: 0;		
}

#content {
   /* width: 92%;*/
   width:98%;
    padding-left:10px;
	padding-right:10px;
}

#content p {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;/* A faint grey line below the text */
}

body{
    font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.6em;
    color: #000000;
    background-color: #FFF;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 32px;
    color: #CC6633;
    margin-bottom: 30px;
    background-color: #FFF;
}

h2 {
    color: #666666;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFF;
}

h3 {
    color: #666666;
    font-size: 10px;
    font-family: Tahoma, Helvetica, sans-serif;
    background-color: ;
}

h4 {
    color: #666666;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFF;
}
.link {
	/*color: #CC6633;*/
    cursor:pointer;
	text-decoration: underline;
}
.linkcurrent {
    cursor:pointer;
	text-decoration: none;
	background-color: #D6DDE6;
	
}

#header {
    border-bottom: 2px solid #948979;
    /* padding-top: 5px; */
    clear: both;
    margin-bottom: 10px;
}

#header p {
    margin-top: 20px;
    margin-left: 30px;
}

#status-bar {
	background:#176800 repeat;
	
}

#status-bar-box {
	text-align:left;
	padding-left:100px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #FFF;
	font-family:verdana,helvetica,sans-serif;
	font-weight:bold;
	font-size:11px;
}
#status-bar-box  a{
	/* color:#FFF; */
	color:#F7FD00;	
	text-decoration:none;
}
#status-bar-box  a:hover{
	 color:#CCFFCC; 
	/* color:#F7FD00; */
	text-decoration:none;
	font-weight:bold;
}
#status-bar-box  span{
	color:#FFF;
}

form {
    margin: 0;
    padding: 0;
    font-size: 100%;
    width: 80%;
}

form fieldset {
    clear: both;
    font-size: 100%;
    font-family: Verdana, Arial, sans-serif;
	background:  ;
    border-color: #000000;
    border-width: 1px 0 0 0;
    border-style: solid none none none;
    padding: 10px;
    margin: 0 0 0 0;
}

form fieldset legend {
    font-size: 120%;
    font-weight: normal;
    color: #000000;
    margin: 0 0 0 0;
    padding: 0 5px;
}

label {
    font-size: 100%;
	color: #000000;
}

label u {
    font-style: normal;
    text-decoration: underline;
}

input, select, textarea {
    color: #000000;
    font-size: 90%;
    font-family: Verdana, Arial, sans-serif;
}

textarea {
    overflow: auto;
}

form div {
    clear: left;
    display: block;
    width: 900px;
   
    margin: 5px 0 0 0;
    padding: 1px 3px;
}

form fieldset div.notes {
    float: right;
    width: 158px;
    height: auto;
    margin: 0 0 10px 0px;
    padding: 5px;
    border: 1px solid #666666;
    background-color: #ffffe1;
    color: #666666;
    font-size: 88%;
}

form fieldset div.notes h4 {
    background-image: url(/static/images/icon_info.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 3px 0 3px 27px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #666666;
    color: #666666;
    font-size: 110%;
}

form fieldset div.notes p {
    margin: 0em 0em 1.2em 0em;
    color: #666666;
}

form fieldset div.notes p.last {
    margin: 0em;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	  background-color: #ffffe1;
    color: #666666;
    font-size: 88%;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
/*------*/
form fieldset span.notes {
    float: left;
    width: auto;
    height: auto;
    margin: 0 0 10px 0px;
    padding: 5px;
    border: 1px solid #666666;
    background-color: #ffffe1;
    color: #666666;
    font-size: 88%;
}

form fieldset span.notes h4 {
    background-image: url(/static/images/icon_info.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 3px 0 3px 27px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #666666;
    color: #666666;
    font-size: 110%;
}

form fieldset span.notes p {
    margin: 0em 0em 1.2em 0em;
    color: #666666;
}

form fieldset span.notes p.last {
    margin: 0em;
}

form div fieldset {
    clear: none;
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    margin: 0 0 0 144px;
    padding: 0 5px 5px 5px;
}

form div fieldset legend {
    font-size: 100%;
    padding: 0 3px 0 9px;
}

form div.required fieldset legend {
    font-weight: bold;
}

form div label {
    display: block;
    float: left;
    width: 130px;
    padding: 0px 5px;	
    margin: 0 0 0 0;
    text-align: left;
	font-weight:bold;
}
form div label.dot2 {    
    width: 10px;
    text-align: center;
}

form div.optional label, label.optional {
    font-weight: normal;
}

form div.required label, label.required {
    font-weight: bold;    	
}

form div label.labelCheckbox, form div label.labelRadio {
    float: none;
    display: block;
    width: 200px;
    zoom: 1;
    padding: 0;
    margin: 0 0 5px 142px;
    text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
    margin: 0 0 5px 0;
    width: 170px;
}

form div img {
    border: 0px solid #000000;
}

p.error {
    background-color: #ff0000;
    background-position: 3px 3px;
    color: #ffffff;
    padding: 3px 3px 5px 27px;
    border: 0px solid #000000;
    margin: auto 150px;
}

form div.error {
    background-color: #ffffe1;
    background-image: url(/static/images/required_bg.gif);
    background-repeat: no-repeat;
    background-position: top left;
    color: #666666;
    border: 1px solid #ff0000;
}

form div.error p.error {
    background-image: url(../images/icon_error.gif);
    background-position: top left;
    background-color: transparent;
    border-style: none;
    font-size: 88%;
    font-weight: bold;
    margin: 0 0 0 118px;
    width: 200px;
    color: #ff0000;
}

form div select, form div textarea {
    /*width: 200px;*/
    padding: 1px 3px;
    margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
    font-weight: normal;
    cursor: default;
    padding: 1px 3px;
}

form div input.inputFile {
    /*width: 211px; */
}

form div select.selectOne, form div select.selectMultiple { 
    border-color: #666666;
    background-color: #FAFAFA;
    font-weight: normal;
    cursor: pointer;
    border: 1px solid #666666;
    padding: 1px;
    background-color: #FAFAFA;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
    display: inline;
    height: auto;
    width: auto;
    background-color: transparent;
    border-width: 0;
    padding: 0;
    margin: 0 0 0 140px;
}

form div.submit {
    width: 214px;
    padding: 0 0 0 146px;
}

form div.submit div {
    display: inline;
    float: left;
    text-align: left;
    width: auto;
    padding: 0;
    margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
    background-color: #cccccc;
    color: #000000;
    width: auto;
    padding: 0 6px;
    margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
    float: right;
    margin: 0 0 0 5px;
}

form div small {
    display: block;
    margin: 0 0 5px 142px;
    padding: 1px 3px;
    font-size: 88%;
    zoom: 1;
}
#detail-container {
	
}

#detail-box{
border:1px solid #828282;
padding:10px 10px 10px 10px;
margin-left:50px;
margin-right:50px;
}
#download-box{
	background-color: #ffffe1;
	border: 1px solid #ff0000;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
	
}
#download-box p {
	border-bottom:none;
	margin-left:40px;
	
}
#download-box a {
	text-decoration:none;
}
#download-box a:hover {
	text-decoration:underline;
}
#download-box .download-title{
	
   /* background-position: top left; */
	
	background-color:inherit;
	margin-left:40px;
	/* /static/images/accept-icon.jpg */
}

#login-container {

}
#signup-container {

}
/* Begin Detail SNI */
.floating-left{
float:left;
}
.nomor-sni {
font-size:24px;
margin-bottom:10px;
}
.judul-sni {
font-size:14px;
margin-bottom:20px;
}
.category-detail {
background-color:#99CC99;
color:#003300;
font-size:1.2em;
font-weight:bold;
padding:0.3em 0.5em;
margin-bottom:5px;
margin-top:20px;
}
.detail-title{
font-size:1.2em;
font-weight:bold;
margin-left:20px;
margin-bottom:5px;
}
.detail-text{
font-size:1.2em;

}
/* End Detail SNI */
/* BEGIN FOOTER */
#footer {
    margin-top: 20px;
    clear: both;
    background-color: #575352;
    padding: 0px 5px 0px 5px;
}

#footer p {
    color: #89817f;
    padding: 5px;
    margin-left: 200px;
}

#footer p a {
    color: #89817f;
    border-bottom: 1px dotted #89817f;
}

#footer p a:hover {
    color: #FFFFFF;
    background-color: #575352;
}
#footer-container {
 background: #575352 repeat;
 
}
#footer-box {
    margin-top: 20px;
    padding: 5px 5px 20px 5px;
	text-align:center;
	
	color: #FFFFFF;
	font-size:12px;
	font-family:helvetica,verdana,sans-serif;
}

#footer-box p {

    padding: 5px;
	border-bottom:none;

}

#footer-box a {
  color: #CCFFCC;
	text-decoration:underline;
}

#footer-box a:hover {
	color: #CCBBCC;
	
}

/* END FOOTER */
.datatable {
    border: 1px solid #D6DDE6;
    border-collapse: collapse;
    width: 100%;
    overflow: scroll;
}

.datatable td {
    border: 1px solid #D6DDE6;
    padding: 4px;
}
.datatable td .icon {
    text-align:center;
}


.datatable th {
    border: 1px solid #828282;
    background-color: #BCBCBC;
    font-weight: bold;
    text-align: center;
    padding-left: 4px;
    text-transform: capitalize;
    
}

.datatable caption {
    font: bold 1em Arial, Helvetica, sans-serif;
    color: #33517A;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 8px;
}

.datatable tr.altrow {
    background-color: #DFE7F2;
    color: #000000;
}

.datatable tr:hover {
    background-color: #DFE792;
    color: #000000;
}
/* DATA TABEL */
.datatablesrt {
    border: 1px solid #D6DDE6;
    border-collapse: collapse;
    width: 500px;
    overflow: scroll;
}

.datatablesrt td {
    border: 1px solid #D6DDE6;
    padding: 4px;
}
.datatablesrt td .icon {
    text-align:center;
}


.datatablesrt th {
    border: 1px solid #828282;
    background-color: #BCBCBC;
    font-weight: bold;
    text-align: center;
    padding-left: 4px;
    text-transform: capitalize;
    
}

.datatablesrt caption {
    font: bold 1em Arial, Helvetica, sans-serif;
    color: #33517A;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 8px;
}

.datatablesrt tr.altrow {
    background-color: #DFE7F2;
    color: #000000;
}

.datatablesrt tr:hover {
    background-color: #DFE792;
    color: #000000;
}
/* END DATA TABLE*/

.datatable2 {
    border: 1px solid #D6DDE6;
    border-collapse: collapse;
    width: 74%;
    font-size: 98%;
    overflow: scroll;
	margin-left: 31px;
}

.datatable2 td {
    border: 1px solid #D6DDE6;
    padding: 4px;
}

.datatable2 th {
    border: 1px solid #828282;
    background-color: #BCBCBC;
    font-weight: bold;
    text-align: center;
    padding-left: 4px;
    text-transform: capitalize;
    
}

.datatable2 caption {
    font: bold 1em Arial, Helvetica, sans-serif;
    color: #33517A;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 8px;
}

.datatable2 tr.altrow {
    background-color: #DFE7F2;
    color: #000000;
}

.datatable2 tr:hover {
    background-color: #DFE7F2;
    color: #000000;
}
.datatable3 {
    border: 1px solid #D6DDE6;
    border-collapse: collapse;
    width: 2000px;
    font-size: 98%;
    overflow: scroll;
	margin-left: 1px;
}
.paging{
	font-size: 98%;
}
.datatable3 td {
    border: 1px solid #D6DDE6;
    padding: 4px;
}

.datatable3 th {
    border: 1px solid #828282;
    background-color: #BCBCBC;
    font-weight: bold;
    text-align: center;
    padding-left: 4px;
    text-transform: capitalize;
    
}

.datatable3 caption {
    font: bold 1em Arial, Helvetica, sans-serif;
    color: #33517A;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 8px;
}

.datatable3 tr.altrow {
    background-color: #DFE7F2;
    color: #000000;
}

.datatable3 tr:hover {
    background-color: #DFE7F2;
    color: #000000;
}

#centerFrame  {
    width: 80%;
    font: bold 1em Arial, Helvetica, sans-serif;
    color: black;
    background-color: #DFE7F2;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 8px;
    text-align: center;
    margin-bottom: 15px;
    
}
.buttonSubmit {
    color: #0000;
    font:  1em Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border: 1px solid;
}
.overflow {
    clear:both;
    width:800px;
    overflow:scroll;
}
.hurufbesar{
 text-transform: uppercase;
}
.hurufkecil{
  text-transform: lowercase;
}
date-pick dp-applied {
 margin-bottom: 1.0em;
 width: 50%;
 color: #666;
 display: block;
 background-color: #ccc;
}
.error
{
		color: #CC0000;
}
/*  */
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */

.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}

.myform-register{
	float:left;
	width:600px;
	padding:14px;
}

	#basic{
		border:solid 2px #DEDEDE;
	}
	#basic a {
		
		text-decoration:none;
	}
	#basic a:hover {
		text-decoration:underline;
	}
	#basic form  {
		width:100%;
	}
	#basic form  div{
		width:100%;
	}
	#basic form h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic form p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic form div span{
		width:250px;
		float:right;
	}
	#basic form  label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		
	}
	#basic form  .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic form  input{
		float:left;
		width:200px;
		margin:2px 0 10px 10px;
	}
	#basic form  select{
		float:left;
		
		margin:2px 0 10px 10px;
	}
	#basic form  button{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}
	
	
#column-container{
	width:900px;
}
#column-container-left{
	float:left;
	width:49.1%;
}
#column-container-right{
	float:right;
	width:49.1%;
}
.pages{
 font-size: 12px ;
 letter-spacing:3px;
}

#akunku-dashboard{

}