#screen{
	background-color:#EDC97A;
	min-width:1381px;
	min-height:1080px;
}

html,body {margin: 0;} 

a{
	color: #804000; 
}

#rectangle{
	position:absolute;top:121px;left:171px;width:924px;height:910px;
	background-color:#FFFFFF;border-top-width:1px;border-top-style:solid;
	border-top-color:#9EB7D5;border-right-width:1px;border-right-style:solid;
	border-right-color:#9EB7D5;border-bottom-width:1px;border-bottom-style:solid;
	border-bottom-color:#9EB7D5;border-left-width:1px;border-left-style:solid;border-left-color:#9EB7D5;
	border-bottom-left-radius:14px;-moz-border-radius-bottomleft:14px;-webkit-border-bottom-left-radius:14px;
	border-bottom-right-radius:14px;-moz-border-radius-bottomright:14px;-webkit-border-bottom-right-radius:14px;
	padding-top:7px;padding-right:7px;padding-bottom:7px;padding-left:7px;opacity:0.9;
}

#login{
	position:absolute;top:170px;left:200px;width:216px;height:40px;background-color:transparent;
	color:#804000;text-align:center;text-decoration:none;
	font-family: 'Open Sans', sans-serif;font-size:20pt;font-style:normal;font-weight:bold;line-height:20pt;
}

#login .valign{vertical-align:middle;}

#groupMain{
	position:absolute;top:1050px;left:171px;width:940px;height:21px;
}

#footer{
	position:absolute;top:0px;left:0px;width:932px;height:13px;background-color:#FFFFFF;
	border-top-width:1px;border-top-style:solid;border-top-color:#FFFFFF;border-right-width:1px;border-right-style:solid;
	border-right-color:#FFFFFF;border-bottom-width:1px;border-bottom-style:solid;
	border-bottom-color:#FFFFFF;border-left-width:1px;border-left-style:solid;border-left-color:#FFFFFF;
	border-top-left-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;
	border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;
	padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px;opacity:0.58;
}

#labelProfil{
	position:absolute;top:6px;left:0px;width:934px;height:19px;background-color:transparent;
	color:#000000;text-align:center;text-decoration:none;font-family:Arial;font-size:8pt;
	font-style:normal;font-weight:bold;line-height:8pt;
}

#labelProfil .valign{vertical-align:middle;}

#headerProfil{
	position:absolute;top:2px;left:171px;width:916px;height:76px;background-color:transparent;
	background-image:-moz-linear-gradient(left,#1C63D9,#498CD6 50%,#1C63D9);
	background-image:-webkit-linear-gradient(left,#1C63D9,#498CD6 50%,#1C63D9);
	background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,#1C63D9), color-stop(50%,#498CD6), color-stop(100%,#1C63D9));background-image:-o-linear-gradient(left,#1C63D9,#498CD6 50%,#1C63D9);border-top-width:1px;border-top-style:solid;border-top-color:#000000;border-right-width:1px;border-right-style:solid;border-right-color:#000000;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#000000;border-left-width:1px;border-left-style:solid;border-left-color:#000000;border-top-left-radius:22px;-moz-border-radius-topleft:22px;-webkit-border-top-left-radius:22px;border-top-right-radius:22px;-moz-border-radius-topright:22px;-webkit-border-top-right-radius:22px;border-bottom-left-radius:22px;-moz-border-radius-bottomleft:22px;-webkit-border-bottom-left-radius:22px;border-bottom-right-radius:22px;-moz-border-radius-bottomright:22px;-webkit-border-bottom-right-radius:22px;padding-top:11px;padding-right:11px;padding-bottom:11px;padding-left:11px;opacity:0.11;}#s-Rectangle_6{position:absolute;top:3px;left:171px;width:914px;height:72px;background-color:#EDC97A;border-top-width:2px;border-top-style:solid;border-top-color:#004080;border-right-width:2px;border-right-style:solid;border-right-color:#004080;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#004080;border-left-width:2px;border-left-style:solid;border-left-color:#004080;border-top-left-radius:22px;-moz-border-radius-topleft:22px;-webkit-border-top-left-radius:22px;border-top-right-radius:22px;-moz-border-radius-topright:22px;-webkit-border-top-right-radius:22px;border-bottom-left-radius:22px;-moz-border-radius-bottomleft:22px;-webkit-border-bottom-left-radius:22px;border-bottom-right-radius:22px;-moz-border-radius-bottomright:22px;-webkit-border-bottom-right-radius:22px;padding-top:11px;padding-right:11px;padding-bottom:11px;padding-left:11px;opacity:0.11;}#s-Label_9{position:absolute;top:10px;left:491px;width:890px;height:54px;background-color:transparent;color:#FF8000;text-align:left;text-decoration:none;
	font-family: 'Open Sans', sans-serif;font-size:30pt;font-style:normal;
	font-weight:normal;line-height:30pt;}#s-Label_9 .valign{vertical-align:middle;
}

#s-Label_10{
	position:absolute;top:63px;left:380px;width:690px;height:31px;
	background-color:transparent;color:#804000;text-align:center;text-decoration:none;
	font-family:Berlin Sans FB;font-size:18pt;font-style:normal;
	font-weight:normal;line-height:18pt;
}

#s-Label_10 .valign{vertical-align:middle;}

#logoAsrama{
	position:absolute;top:20px;left:195px;width:435px;height:89px;
}

#panelLogin{
	position:absolute;top:150px;left:197px;
}

#panelLogin1{
	width:221px;height:377px;background-color:transparent;overflow-x:hidden;overflow-y:hidden;
}

#headerLogin{
	position:absolute;top:2px;left:5px;width:189px;height:241px;background-color:transparent;
	background-image:-moz-linear-gradient(left,#1C63D9,#498CD6 50%,#1C63D9);
	background-image:-webkit-linear-gradient(left,#1C63D9,#498CD6 50%,#1C63D9);
	background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,#1C63D9), color-stop(50%,#498CD6), color-stop(100%,#1C63D9));
	background-image:-o-linear-gradient(left,#1C63D9,#498CD6 50%,#1C63D9);
	border-top-width:1px;border-top-style:solid;border-top-color:#000000;border-right-width:1px;
	border-right-style:solid;border-right-color:#000000;border-bottom-width:1px;
	border-bottom-style:solid;border-bottom-color:#000000;border-left-width:1px;
	border-left-style:solid;border-left-color:#000000;border-top-left-radius:19px;
	-moz-border-radius-topleft:19px;-webkit-border-top-left-radius:19px;
	border-top-right-radius:19px;-moz-border-radius-topright:19px;
	-webkit-border-top-right-radius:19px;border-bottom-left-radius:19px;
	-moz-border-radius-bottomleft:19px;-webkit-border-bottom-left-radius:19px;
	border-bottom-right-radius:19px;-moz-border-radius-bottomright:19px;
	-webkit-border-bottom-right-radius:19px;
	padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;
	opacity:0.11;
}

#s-Rectangle_2{
	position:absolute;top:9px;left:171px;width:917px;height:90px;background-color:#9E7A2E;
	background: -webkit-gradient(linear,0 top,0 bottom,from(#887409),to(#A38B3E));
	background: -webkit-gradient(linear,0 top,0 bottom,from(#887409),to(#A38B3E));
	border-top-left-radius:22px;
	-moz-border-radius-topleft:22px;-webkit-border-top-left-radius:22px;
	border-top-right-radius:22px;-moz-border-radius-topright:22px;-webkit-border-top-right-radius:22px;
	padding-top:11px;padding-right:11px;padding-bottom:11px;padding-left:11px;
}

#username{
	position:absolute;top:69px;left:17px;width:81px;height:20px;background-color:transparent;
	color:#000000;text-align:left;text-decoration:none;font-family:Berlin Sans FB;
	font-size:11pt;font-style:normal;font-weight:normal;line-height:11pt;
}

#s-Label_5 .valign{vertical-align:middle;}

#password{
	position:absolute;top:124px;left:17px;width:81px;height:20px;background-color:transparent;
	color:#000000;text-align:left;text-decoration:none;font-family:Berlin Sans FB;font-size:11pt;
	font-style:normal;font-weight:normal;line-height:11pt;
}

#s-Label_6 .valign{vertical-align:middle;}

#inputUsername{
	position:absolute;top:91px;left:9px;padding-left:5px;width:146px;height:23px;cursor:text;
}

#inputUsername .valign{vertical-align:middle;line-height:8pt;}

#inputUsername input{
	color:#000000;text-align:left;text-decoration:none;font-family:Calibri;
	font-size:12pt;font-style:normal;font-weight:normal;
}

#submit{
	position:absolute;top:190px;left:13px;width:80px;height:22px;
}

#link1{
	position:absolute;top:300px;left:35px;
}

#linkPendaftaran{
	position:absolute;top:370px;left:35px;
}

#linkSeleksi{
	position:absolute;top:440px;left:35px;
}

#submit .valign{vertical-align:middle;}

#inputPassword{
	position:absolute;top:149px;left:9px;padding-left:5px;width:146px;height:23px;cursor:pointer;
}

#inputPassword .valign{vertical-align:middle;line-height:8pt;}

#inputPassword input{
	color:#000000;text-align:left;text-decoration:none;
	font-family:Calibri;font-size:12pt;font-style:normal;font-weight:normal;
}

#rectangleProfil{
	position:absolute;top:150px;left:443px;width:587px;height:831px;background-color:#FFFFFF;
	border-top-width:1px;border-top-style:solid;border-top-color:#000000;border-right-width:1px;
	border-right-style:solid;border-right-color:#000000;border-bottom-width:1px;
	border-bottom-style:solid;border-bottom-color:#000000;border-left-width:1px;
	border-left-style:solid;border-left-color:#000000;border-top-left-radius:38px;
	-moz-border-radius-topleft:38px;-webkit-border-top-left-radius:38px;border-top-right-radius:38px;
	-moz-border-radius-topright:38px;-webkit-border-top-right-radius:38px;border-bottom-left-radius:38px;
	-moz-border-radius-bottomleft:38px;-webkit-border-bottom-left-radius:38px;border-bottom-right-radius:38px;
	-moz-border-radius-bottomright:38px;-webkit-border-bottom-right-radius:38px;
	padding-top:19px;padding-right:19px;padding-bottom:19px;padding-left:19px;
}

#profil{
	position:absolute;top:170px;left:649px;width:216px;height:40px;background-color:transparent;
	color:#804000;text-align:center;text-decoration:none;font-family: 'Open Sans', sans-serif;
	font-size:20pt;font-style:normal;font-weight:bold;line-height:20pt;
}

#profil .valign{vertical-align:middle;}

#headerProfil{
	position:absolute;
	top:150px;left:443px;width:587px;height:831px;
	background-color:transparent;background-image:-moz-linear-gradient(left,#1C63D9,#498CD6 50%,#1C63D9);
	background-image:-webkit-linear-gradient(left,#1C63D9,#498CD6 50%,#1C63D9);
	background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,#1C63D9), color-stop(50%,#498CD6), color-stop(100%,#1C63D9));
	background-image:-o-linear-gradient(left,#1C63D9,#498CD6 50%,#1C63D9);
	border-top-width:1px;border-top-style:solid;border-top-color:#000000;
	border-right-width:1px;border-right-style:solid;border-right-color:#000000;
	border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#000000;
	border-left-width:1px;border-left-style:solid;border-left-color:#000000;
	border-top-left-radius:38px;-moz-border-radius-topleft:38px;-webkit-border-top-left-radius:38px;
	border-top-right-radius:38px;-moz-border-radius-topright:38px;-webkit-border-top-right-radius:38px;
	border-bottom-left-radius:38px;-moz-border-radius-bottomleft:38px;-webkit-border-bottom-left-radius:38px;
	border-bottom-right-radius:38px;-moz-border-radius-bottomright:38px;-webkit-border-bottom-right-radius:38px;
	padding-top:19px;padding-right:19px;padding-bottom:19px;padding-left:19px;opacity:0.11;
}

#crystal{
	position:relative;
	top:230px;left:550px;
}

#image1{
	position:absolute;top:230px;left:520px;width:196px;height:128px;
}

#image2{
	position:absolute;top:230px;left:790px;width:196px;height:128px;
}

#image3{
	position:absolute;top:635px;left:500px;width:548px;height:339px;
}

#button1{
	position: absolute;top: 300px;left: 16px;width: 170px;height: 18px;
}

#isiProfil1{
	position:absolute;top:380px;left:470px;
	padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;
	width:560px;height:165px;background-color:transparent;line-height:14px;
	font-size:10pt;font-family: 'Open Sans', sans-serif;
	text-align:justify;
}

#isiProfil2{
	position:absolute;top:220px;left:470px;
	padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;
	width:560px;height:165px;background-color:transparent;line-height:14px;
	font-size:10pt;font-family: 'Open Sans', sans-serif;
	text-align:justify;
}

#isiProfil{
	position:absolute;top:250px;left:465px;
	padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;
	width:575px;height:165px;background-color:transparent;line-height:14px;
	font-size:12pt;font-family: Berlin Sans FB;color:#000000;
}

#pendaftaran{
	position:absolute;top:250px;left:465px;padding-top:5px;padding-right:5px;padding-bottom:5px;
	padding-left:5px;width:575px;height:165px;background-color:transparent;line-height:14px;
	font-size:12pt;font-family: Berlin Sans FB;color:#000000;
}

#s-Table_1{
	background: #85714B;border: 1px solid #523A0B;border-collapse:collapse;position:absolute;
	top:210px;left:5px;width:497px;height:300px;text-align: center;vertical-align:bottom;
	font-family: 'Open Sans', sans-serif;vertical-align: top;font-size: 10pt;
	padding: 0.25em 0.5em;
}

#titleTable {
	font-weight:bold;
}

#odd {
	border-color: #EBE5D9;border-width: 1px 0;background: #F7F4EE;border: 1px solid #523A0B;
}

#even {
	background: white;border-color: #523A0B;border-width: 1px 0;border: 1px solid #523A0B;
}

#result {
	background: #FFE;border-color: #523A0B;border-width: 1px 0;font-weight:bold;border: 1px solid #523A0B;
}

#rincianTarif{
	position:absolute;top:900px;left:470px;padding-top:5px;padding-right:5px;
	padding-bottom:5px;padding-left:5px;width:596px;height:15px;background-color:transparent;
	line-height:14px;font-size:10pt;font-family: 'Open Sans', sans-serif;
}

#rincianTarif .valign{vertical-align:top;text-align:left;}

#rincianTarif span{
	color:#000000;text-align:left;text-decoration:none;font-family:Times New Roman;font-size:10pt;font-style:normal;font-weight:bold;
}

#nextPage{
	position:absolute;top:980px;left:930px;padding-top:5px;padding-right:5px;
	padding-bottom:5px;padding-left:5px;background-color:transparent;
	line-height:14px;font-size:10pt;font-family: 'Open Sans', sans-serif;
}

#backPage{
	position:absolute;top:980px;left:470px;padding-top:5px;padding-right:5px;
	padding-bottom:5px;padding-left:5px;background-color:transparent;
	line-height:14px;font-size:10pt;font-family: 'Open Sans', sans-serif;
}

table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	font-size: 12;
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
	background-color: #7B9DB3;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center,
table.display td.dataTables_empty {
	text-align: center;
}

table.display tr.odd { background-color: #75D2E4 !important ; }
table.display tr.even { background-color: white !important ; }

table.display tr.odd td.sorting_1 { background-color: #7B9DB3; }
table.display tr.odd td.sorting_2 { background-color: #DADCFF; }
table.display tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.display tr.even td.sorting_1 { background-color: #EAEBFF; }
table.display tr.even td.sorting_2 { background-color: #F2F3FF; }
table.display tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../../images/dataTables/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../../images/dataTables/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../../images/dataTables/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../../images/dataTables/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../../images/dataTables/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../../images/dataTables/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('../../images/dataTables/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../../images/dataTables/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../../images/dataTables/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../../images/dataTables/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../../images/dataTables/sort_desc_disabled.png') no-repeat center right; } 
 
table.dataTable th:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}