@CHARSET "ISO-8859-1";

body {
	background-color : #d2d2d2;
	font-family : Arial;
}

body.body_login {
	background-color : #ffffff;
	font-family : Arial;
}
a {
	text-decoration : none;
}
hr {
	border : 0;
	height : 1px;
	background-color : #cccccc;
}
thead {
	display: table-header-group;
}
td{
	vertical-align : super;
}
th{
	padding-bottom : 5px;
	padding-top : 5px;
	vertical-align : middle;
}
td.label {
	width : 200px;
}
acronym {
	border-bottom : 1px dashed grey;
}

/*--------- Heading -----------*/
h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* .container_12 { */
	/*border : 1px solid green;*/
/* } */

/*----------Maintenance mode---------*/
#maintenance_wrapper {
	color : #767676;
	height : 360px;
	margin : 200px auto;
	text-align : center;
	font-family : Arial;
	font-size : 14pt;
	width : 400px;
}
#maintenance_pic {
	background : url(../images/maintenance.png) no-repeat;
	height : 360px;
	width : 400px;
}

/*----------Login box---------*/
#sidag_logo {
	background : url(../images/logox.png) no-repeat;
	width : 200px;
	height : 60px;
	margin : 50px auto 0px;
}
#login_box_top {
	background : url(../images/login_top.png) no-repeat;
	height : 70px;
	margin-top : 25px;
}
#version_text{
	font-size : 12px;
	margin-top : 40px;
	margin-right : 15px;
}
#login_box_content {
	background : url(../images/login_content.png) repeat-y;
}
#login_message {
	margin : 5px auto;
}
#login_message h6 {
	text-align : center;
}
#login_box_content table {
	margin : 10px auto;
}
#login_box_content table td {
	padding-top : 5px;
}
#login_box_bottom {
	background : url(../images/login_bottom.png) no-repeat;
	height : 10px;
}
.btn_login{
	background-color : #d3ff3b;
	border-bottom : 2px solid #9cc900;
	border-left : 2px solid #9cc900;
	border-top : 2px solid #9cc900;
	border-right : 0px solid white;
	color : #678307;
	height : 30px;
	margin-right : -110px;
	padding-left : 10px;
	text-align : left;
	width : 200px;
}

/*----------------main-------------------------*/
#main_logo{
	background : #d2d2d2 url(../images/sidag_logo_200.png) no-repeat;
	height : 60px;
	margin-top : 25px;
	width : 960px;
}
/*#main_logo{
	background : #d2d2d2 url(../images/main_logo.png) no-repeat;
	height : 100px;
	margin-top : 0px;
	width : 960px;
}*/
#container_header{
	background : #d2d2d2 url(../images/container_header.png) no-repeat;
	height : 44px;
	margin-top : 10px;
}
	/*----------navigation tab---------*/
#container_header ul{
	list-style : none;
	margin-left : 20px;
}
#container_header ul li{
	font-size : 14px;
	font-style : strong;
	height : 21px;
	text-align : center;
}
#container_header ul li.bluetab{
	background : #d2d2d2 url(../images/list_blue_bg.png) no-repeat;
	float : left;
	margin : 18px 5px 0px 5px;
	padding-top : 5px;
	width : 103px;
}
#container_header ul li.bluetab_active{
	background : #d2d2d2 url(../images/list_blue_active.png) no-repeat;
	float : left;
	margin : 18px 5px 0px 5px;
	padding-top : 5px;
	width : 103px;
}
#container_header ul li.greentab{
	background : #d2d2d2 url(../images/list_green_bg.png) no-repeat;
	float : left;
	margin : 18px 5px 0px 5px;
	padding-top : 5px;
	width : 103px;
}
#container_header ul li.greentab_active{
	background : #d2d2d2 url(../images/list_green_active.png) no-repeat;
	float : left;
	margin : 18px 5px 0px 5px;
	padding-top : 5px;
	width : 103px;
}
#container_header ul li.orangetab{
	background : #d2d2d2 url(../images/list_orange_bg.png) no-repeat;
	float : left;
	margin : 18px 5px 0px 5px;
	padding-top : 5px;
	width : 103px;
}
#container_header ul li.orangetab_active{
	background : #d2d2d2 url(../images/list_orange_active.png) no-repeat;
	float : left;
	margin : 18px 5px 0px 5px;
	padding-top : 5px;
	width : 103px;
}
#container_header ul li.purpletab{
	background : #d2d2d2 url(../images/list_purple_bg.png) no-repeat;
	float : left;
	margin : 18px 5px 0px 5px;
	padding-top : 5px;
	width : 103px;
}
#container_header ul li.purpletab_active{
	background : #d2d2d2 url(../images/list_purple_active.png) no-repeat;
	float : left;
	margin : 18px 5px 0px 5px;
	padding-top : 5px;
	width : 103px;
}
ul.drop_menu{
	display : none;
}
#container_header ul li:hover ul.drop_menu{
	display : block;
	list-style : none;
	margin-top : 7px;
	position : absolute;
	padding : 0px; 
	z-index: 1;
}
.drop_menu li{
	display : none;
}
#container_header ul li:hover .drop_menu li{
	background-color : #FFFFEA;
	border-right : 1px solid #DAC619;
	border-left : 1px solid #DAC619;
	border-bottom : 1px solid #DAC619;
	display : block;
	margin-left : -20px;
	padding-top : 6px;
	width : 101px;
	text-align : center;
}
#container_header ul li:hover .drop_menu li a{
	color : #9A8609;
}
#container_header ul li:hover .drop_menu li:hover{
	background-color : #DAC619;
	border-right : 1px solid #DAC619;
	border-left : 1px solid #DAC619;
	border-bottom : 1px solid #DAC619;
	display : block;
	margin-left : -20px;
	padding-top : 6px;
	width : 101px;
	text-align : center;
}
#container_header ul li:hover .drop_menu li:hover a{
	color : white;
}
	/*----------end of navigation tab---------*/
#greet{
	color : #1943CC;
	font-family : "comic sans ms" Arial;
	margin-top : 20px;
	text-align : center;
}
#greet a{
	font-family : Arial;
}
#container_content{
	background : #d2d2d2 url(../images/container_content.png) repeat-y;
}
#container_footer{
	background : #d2d2d2 url(../images/container_buttom.png) no-repeat;
	height : 10px;
}

.content{
	background : #ffffff;
	margin-top : 20px;
}
.content_table{
	margin : 20px 10px 20px 10px;
	width : auto;
}
.content_table td{
	/* ini asalnya dimatiin */
	border : 1px solid white;
	height : 30px;
	padding : 5px 0px 5px 0px;
}
.material_list{
	overflow : auto;
}
.material_table{
	font-size : 0.8em;
	margin : 10px;
	/*margin : 10px 10px 10px -15px;*/
	width : 97.8%;
}
.material_table th{
	border : 1px solid #a9d2fd;
	font-size : 1.1em;
}
#doctable th {
	cursor: pointer; 
}
.material_table td{
	border : 1px solid #a9d2fd;
	font-size : 1em;
	padding : 2px 5px 2px 5px;
	vertical-align : baseline;
}
.material_table td.middle{
	border : 1px solid #a9d2fd;
	font-size : 1em;
	padding : 2px 5px 2px 5px;
	vertical-align : middle;
}
.multi_table{
	width : 920px;
}
.multi_table th{
	border : 1px solid #a9d2fd;
	font-size : .8em;
}
.multi_table tbody td{
	border : 1px solid #a9d2fd;
	height : 25px;
	text-align : center;
	vertical-align : middle;
}
.multi_table tbody td input{
	border : 1px solid #c2c2c2;
	color : #696969;
	font-size : 14px;
	height : 20px;
	margin-bottom : 3px;
	margin-top : 3px;
	width : 90%;
}
.multi_table tfoot td{
	padding-top : 0px;
}
.multi_table tfoot td button{
	margin-top : 0px;
	margin-left : 5px;
}
.konversi{
	font-size : 11px;
	width : 50px;
}
.tpb_title {
	margin-left : 20px;
	font-size : 14px;
}
.odd td{
	background-color : #ffffff;
}
.even td{
	background-color : #d8ebff;
}
.odd th{
	background-color : #ffffff;
}
.even th{
	background-color : #d8ebff;
}
#pager {
	position : relative;
	text-align : right;
	margin : 10px;
}

/*----------------signature-----------------*/
.signature {
	display : none;
}

/*----------------main page-----------------*/
#company_logo{
	background : #ffffff url(../images/logo.png) no-repeat;
	border-bottom : 2px solid #cccccc;
	height : 95px;
	margin : 85px auto 0px auto;
	width : 730px;
}
#company_detail{
	color : #777;
	height : 25px;
	margin : 3px auto 100px auto;
	text-shadow: 3px 5px 5px #aaaaaa;
	width : 730px;
}
/*---------------messages------------------*/
.copyright{
	color : #777;
	font-size : 12px;
	height : 50px;
	margin-top : 5px;
	text-align : right;
}
.best_view{
	height : 33px;
	margin-top : 5px;
	width : 120px;
}
.foot_note{
	color : #3D671B;
	font-size : 12px;
	height : 50px;
	margin-left : 10px;
}
.success_message {
	background-color : #C8E6A6;
	border : 1px solid #8BB236;
	border-radius : 3px;
	color : #2B9914;
	height : 25px;
	margin : 5px auto;
	width : 95%;
}
.success_message div {
	float : left;
	line-height : 25px;
	margin-left : 5px;
}
.error_message {
	background-color : #ffd1d1;
	border : 1px solid #BA0000;
	border-radius : 3px;
	color : #db4848;
	height : 25px;
	margin : 5px auto;
	width : 95%;
}
.error_link{
	border-bottom : 1px dotted #BA0000;
	color : #BA0000;
	font-weight : bold;
}
.error_message div {
	float : left;
	line-height : 25px;
	margin-left : 5px;
}
.note {
	background-color : #ffe095;
	border : 1px solid #E65D40;
	border-radius : 3px;
	color : #E9630C;
	height : 25px;
	margin : 5px auto;
	width : 95%;
}
.note div {
	float : left;
	line-height : 25px;
	margin-left : 5px;
}
.guide{
	border-bottom : 1px solid #064d83;
	color : #064d83;
	font-weight : bold;
	margin : 20px 10px 20px 10px;
	padding-bottom : 5px;
}
.table_title{
	border-bottom : 1px solid #a9d2fd;
	color : #064d83;
	font-weight : bold;
	margin : 20px auto 0px auto;
	text-align : center;
	width : 400px;
}
.table_info{
	color : #666666;
	font-weight : bold;
	text-align : center;
}
.material_header{
	margin : 20px 10px 20px 10px;
}
/*----------text color----------*/
.dark_blue {
	color : #064d83;
}
.strong_blue {
	color : #064d83;
	font-weight : bold;
}
.red {
	color : #B30F0F;
}
.green {
	color : #3D671B;
}
.blue {
	color : #0D7CEE;
}
.light {
	color : white;
}
.grey {
	color : #808080;
}
.dark_grey {
	color : #505050;
}
.strong_grey {
	color : #505050;
	font-weight : bold;
}
.thick {
	font-weight : bold;
}
.small {
	font-size : 11px;
}

/*---------align-------*/
.al_right {
	text-align : right;
}

.al_top {
	vertical-align : top;
}

/*printing page break*/


textarea {
	background-size : 1px 100%;
	border : 1px solid #d2d2d2;
	box-shadow: inset 0px -3px 3px #ddd;
	resize : none;
}
textarea:focus {
	box-shadow: 1px 1px 5px #888888;
}
input.text {
	border : 1px solid #d2d2d2;
	box-shadow: inset 0px -3px 3px #ddd;
	color : #696969;
	font-size : 18px;
	height : 23px;
	margin-top : 3px;
	margin-bottom : 10px;
	width : 250px;
}
input.text:focus {
	box-shadow: 1px 1px 5px #888888;
}
input.text_short {
	border : 1px solid #d2d2d2;
	box-shadow: inset 0px -3px 3px #ddd;
	color : #696969;
	font-size : 18px;
	height : 23px;
	margin-bottom : 10px;
	margin-top : 3px;
	width : 100px;
}
input.btn_green {
	background-color : #b1c035;
	border : none;
	border-radius : 3px;
	color : white;
	display : block;
	float : left;
	font-size : 12px;
	height : 25px;
	margin : 0px 5px 0px 5px;
	text-align : center;
	width : 75px;
}
input.btn_red {
	background-color : #c03535;
	border : none;
	border-radius : 3px;
	color : white;
	display : block;
	float : left;
	font-size : 12px;
	height : 25px;
	margin : 0px 5px 0px 5px;
	text-align : center;
	width : 75px;
}
a.btn_green {
	background-color : #b1c035;
	border-radius : 3px;
	color : white;
	display : block;
	float : left;
	font-size : 12px;
	height : 25px;
	line-height : 25px;
	margin : 0px 5px 0px 5px;
	text-align : center;
	width : 75px;
}


a.btn_orange {
	background-color : #c09a35;
	border-radius : 3px;
	color : white;
	display : block;
	float : left;
	font-size : 12px;
	height : 25px;
	line-height : 25px;
	margin : 0px 5px 0px 5px;
	text-align : center;
	width : 75px;
}
a.btn_red {
	background-color : #c03535;
	border-radius : 3px;
	color : white;
	display : block;
	float : left;
	font-size : 12px;
	height : 25px;
	line-height : 25px;
	margin : 0px 5px 0px 5px;
	text-align : center;
	width : 75px;
}
a.btn_edit {
	background : url(../images/edit.png);
	display : block;
	float : left;
	height : 15px;
	margin : 0 2px 0 2px;
	width : 15px;
}
a.btn_add {
	background : url(../images/add.png);
	display : block;
	float : left;
	height : 15px;
	margin : 0 2px 0 2px;
	width : 15px;
}
.btn_list {
	margin-left : 4px;
}
.btn_list li{
	float : left;
	margin-bottom : 10px;
}
.plus_btn{
	background : url(../images/plus_row.png);
	border : none;
	height : 25px;
	width : 25px;
}
.minus_btn{
	background : url(../images/minus_row.png);
	border : none;
	height : 25px;
	width : 25px;	
}

 .autocomplete-item {
    padding: 5px;
    cursor: pointer;
}

 .autocomplete-item:hover {
     background-color: orange;
 }

  .testing {
    background-color: orange;
}