html{
	height:100%;
}

body{
	height:100%;
	width:100%;
	background:url('../images/bg.png') repeat-x;
	background-position:center;
	background-attachment:fixed;
	background-size: cover;
	margin:0px;
	padding:0px;
}
form{
	margin:0px;
	padding:0px;
}
* { margin:0; padding:0; outline:none }
body,td,p,span,div {
	font-family:Tahoma, Arial, Geneva, sans-serif;
	font-size:13px;
}
a, a:link, a:visited{ text-decoration:none; color:#55b0da}
a:hover{
	color:#8ebc1e;
}
.link{
	color:#55b0da;
}
.link_hover{
	color:#8ebc1e;
}
img {
	border:none;
	text-decoration:none;
}
input{
	border:1px solid #c1e4f5;
	border-radius:2px;
	font-family:Tahoma, Arial, Geneva, sans-serif;
	font-size:14px;
	padding:5px;
}
input[type="radio"]{
	vertical-align:-1px;
	margin-top:5px;
	border:none;
}
input[type="checkbox"]{
	border:none;
	margin-top:5px;
	position:relative;
	top:-4px;
}
input[readonly],textarea[readonly]{
	background-color:#eee;
}
select{
	border:1px solid #c1e4f5;
	border-radius:2px;
	height:29px;
	font-family:Tahoma, Arial, Geneva, sans-serif;
	font-size:14px;
	padding:2px 2px 2px 2px;
	vertical-align:absmiddle;
}
textarea{
	border:1px solid #c1e4f5;
	border-radius:2px;
	font-family:Tahoma, Arial, Geneva, sans-serif;
	font-size:14px;
	padding:2px 5px 2px 5px;
}

.printable{
	display:none;
}
@media print{
	/*
	*{
		display:none;
	}
	*/
	.printable{
		display:inline-block;
	}
	.noprint{
		display:none;
	}
	body{
		background:none;
	}
	.grey_bg_opacity{
		background:none !important;
	}
}
/*
@media print{
	.printable * {
		display: block;
	}
}
@media print{
	.noprint{
		display:none;
	}
}
*/

div.clear { clear:both; }

.grey_bg_opacity{
	background:url('../images/grey_bg_opacity.png');
}

.breadcrumb{
	color:blue !important;
	text-decoration:underline !important;
}
.breadcrumb.active{
	color:#000 !important;
	text-decoration:none !important;
}

.blue_button{
	border:2px solid #000;
	border-radius:4px;
	background-color:#02296A;
	color:#fff;
	font-size:16px;
	display:inline-block;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}
.blue_button:hover{
	background-color:#3D85C6;
}

.button{
	border:2px solid #55B0DA;
	border-radius:3px;
	behavior: url(PIE.htc);
	position:relative;
	background-color:#02296A;
	color:#fff;
	font-size:14px;
	display:inline-block;
	padding:3px 10px 3px 10px;
	cursor:pointer;
	text-align:center;
}
.button:hover{
	background-color:#1F9BD3;
}
.button:focus{
	background-color:#1F9BD3;
}

button{
	border:2px solid #55B0DA;
	border-radius:3px;
	behavior: url(PIE.htc);
	position: relative;
	background-color:#02296A;
	color:#fff;
	font-size:14px;
	height:30px;
	line-height:20px;
	display:inline-block;
	padding:0px 10px 0px 10px;
	cursor:pointer;
	text-align:center;
}
button:hover{
	background-color:#1F9BD3;
}
button:focus{
	background-color:#1F9BD3;
}

.content_header{
	margin-top:-20px;
	margin-bottom:10px;
	font-size:20px;
	color:#002265;
	border-bottom:1px solid #72BD44;
	padding-bottom:3px;
}

#copyright-gositus { background:url(../images/go-online-solusi.png) no-repeat left bottom; color:#FFF; display:block; font-size:10px; height:20px; padding-left:23px; color:#333; }
#copyright-gositus:hover { background-position:left top; }
#copyright-gositus:hover label { color: #99CC33; cursor: pointer; }
#copyright-gositus:hover span { color: #3399CC; }

::-moz-selection {
   background-color: #99CCFF;
   color: #FFFFFF;
}
::selection {
    background-color: #99CCFF;
    color: #FFFFFF;
}
.title1{
	font-size:25px;
	color:#8ebc1e;
	text-transform:uppercase;
}
.title2{
	font-size:15px;
	color:#1f9bd3;
}

.success_message{
	border:1px solid #71A783;
	background-color:#E0EFD8;
	color:#71A783;
	margin-bottom:10px;
	padding:5px 10px 5px 10px;
}
.error_message{
	border:1px solid #893E25;
	background-color:#FDF5F1;
	color:#893E25;
	margin-bottom:10px;
	padding:5px 10px 5px 10px;
}

.data_grid{
	border-spacing:1px;
	background-color:#C8C8C8;
	*border-collapse: expression('separate', cellSpacing = '1px');
}
.data_grid tbody > tr:hover > td{
	background-color:#bccb30;
}
.data_grid tbody > tr > td{
	padding:5px;
}
.data_grid tbody > tr:nth-child(even){
	background-color:#fff;
}
.data_grid tbody > tr:nth-child(odd){
	background-color:#EBEBEB;
}
.data_grid tbody > tr > th{
	background-color:#1F9BD3;
	padding:5px;
	color:#fff;
	height:26px;
}

.data_grid_print table{
		background-color:#fff;
}
.data_grid_print{
	border-spacing:1px;
	background-color:#C8C8C8;
	*border-collapse: expression('separate', cellSpacing = '1px');
}
.data_grid_print tbody > tr > td{
	padding:2px;
}
.data_grid_print tbody > tr:nth-child(even){
	background-color:#fff;
}
.data_grid_print tbody > tr:nth-child(odd){
	background-color:#fff;
}
.data_grid_print tbody > tr > th{
	background-color:#fff;
	padding:5px;
	color:#fff;
	height:26px;
}

.search_bar{
	background-color:#bccb30;
	padding:10px;
}
.search_bar .block{
	width:450px;
	display:inline-block;
	*display: inline;
	zoom:1;
	vertical-align:top;
}
.search_bar .label{
	line-height:25px;
	display:inline-block;
	*display: inline;
	zoom:1;
	width:100px;
	vertical-align:top;
	margin-bottom:10px;
}
.search_bar .data{
	display:inline-block;
	*display: inline;
	zoom:1;
	margin-bottom:10px;
}
#header_logo{
	position:absolute;
	top:0px;
	left:30px;
	z-index:9;
}
.header_menu{
	width:100%;
	color:#000;
	height:80px;
	line-height:80px;
}
.header_cont{
	font-size:20px;
	height:40px;
	line-height:40px;
	border-left:1px solid #8ebc1e;
	padding-left:15px;
}
.header_account_info{
	font-size:13px;
	margin-right:30px;
}
.content_section{
	width:100%;
	height:100%;
	padding:10px 30px 20px 30px;
}
.content_section_layer{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#f4f4f4;
	opacity:0.7;
	z-index:-1;
}
.footer_section{
	background-color:#002265;
	width:100%;
	height:50px;
	line-height:50px;
}
.footer_section .footer_middle{
	font-size:14px;
	margin-left:30px;
	font-family:Times;
	color:#fff;
}
.paginate_wrapper{
	text-align:right;
	width:100%;
	color:#55b0da;
}
.paginate_wrapper .paginate_number{
	cursor:pointer;
	display:inline-block;
	zoom: 1;
	*display: inline;
	width:18px;
	height:18px;
	text-align:center;
	border-radius:4px;
}
.paginate_wrapper .paginate_number:hover{
	background-color:#1F9BD3;
	color:#fff;
}
.paginate_wrapper .paginate_number.selected{
	background-color:#1F9BD3;
	color:#fff;
}
.template_box{
	float:left;
	width:200px;
	margin-right:40px;
	margin-bottom:20px;
	position:relative;
}
.template_box .template_box_label{
	text-align:center;
}
.template_box .template_box_thumb{
	border:1px solid #000;
	width:200px;
	height:200px;
	margin:auto;
}
.template_box .template_box_operation{
	margin-top:5px;
}

.leave_type_grid{
	background-color:#929E16;
	width:100%;
}
.leave_type_grid span{
	line-height:13px;
}
.leave_type_grid td{
	color:#fff;
	text-transform:uppercase;
	vertical-align:middle;
	padding:5px;
}
.leave_type_grid tr td{
	border-bottom:1px solid #747E12;
}
.leave_type_grid .quota{
	background-color:#747E12;
	float:left;
	margin-right:10px;
	font-size:18px;
	width:40px;
	text-align:center;
	line-height:30px;
}