/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #213c57;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1e1e1e;
}

input[type=button] {
    color: #0000FF;
    font: 2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
    font-size: 70%; /* ... other rules ... */
    cursor: pointer;
}

input[type=button]:hover {
    background-color: rgb(17, 139, 186);
}

h1, h2, h3 {
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	color: #0054d2;
}
h2 {
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
    color: #0099CC;
}

h1 {
	font-size: 44px;
}

h2 {
	font-size: 18px;
}

h3 {
}

p, ul, ol {
	margin-top: 0;
	line-height: 240%;
	text-align: justify;
}

ul, ol {
}

blockquote {
}

a {
	color: #0054d2;
}

a:hover {
	text-decoration: none;
}

a img {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	height: 45px;
	width: 114px;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr {
	display: none;
}

.list1 {
}

.list1 li {
	float: left;
	line-height: normal;
}

.list1 li img {
	margin: 0 30px 30px 0;
}

.list1 li.alt img {
	margin-right: 0;
}

#wrapper {

}

/* Header */

#header-wrapper {
}

#header {
	width: 1050px;
	height: 60px;
	margin: 0 auto;
	background: #FFFFFF;
}

/* Menu */

#menu {
	/*width: 950px;*/
	height: 64px;
	float: left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 5px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	background: url(images/img02.jpg) repeat-y left top;
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 20px;
	margin-right: 3px;
	padding: 28px 25px 15px 25px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #828998;
}

#menu a:hover {
	text-decoration: underline;
	color: #0054d2;
}

#menu .current_page_item a {
	height: 20px;
	color: #0054d2;
}

#menu .first {
	background: none;
}
/*Timer*/
#timer
{
	position:fixed;
	background:#153486;
	border:1px solid #000066;
	width:120px;
	height:70px;
	z-index:100;
	margin-left:900px;
	margin-top:40px;
	padding-top:5px;
}

/* Search */

#search {
	float: right;
	width: 305px;
	height: 50px;
}

#search form {
	float: right;
	margin: 0;
	padding: 25px 20px 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search input {
	float: left;
	font: 12px Georgia, "Times New Roman", Times, serif;
	border: none;
}

#search-text {
	width: 135px;
	height: 18px;
	padding: 3px 0 0 5px;
	border: 1px solid #333333;
	background: #e4f4f9;
	color: #000000;
}

#search-submit {
	height: 21px;
	margin-left: 10px;
	padding: 0px 5px;
	background: #000000;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 1000px;
	margin: 0 auto;
	padding: 0px 25px;
	background: #FFFFFF;
}

#page-bgtop {
	padding-top: 30px;
}

#kanan
{
	float:right;
    text-align: left;
}
#kiri
{
	float :left;
}

/*LOGIN*/
#login
{
	width: 1025px;
	height: 375px;
	margin: 0px 0px -25px 175px;
	background: url(images/blank.jpg) no-repeat center;
	border: none;
}

#tabellogin
{
	padding-top:160px;
	padding-left:600px;
}

/** ICON */
#icon {
	width: 1050px;
	height: 98px;
	margin: 0 auto;
	padding-top: 10px;
	background: #FFFFFF url(images/icon.png) no-repeat left 25px ;

}

#icon h1, #icon p {
	width: auto ;
	margin: 0px;
	line-height: normal;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
}

#icon p {
	text-transform: uppercase;
	font-size: 10px;
}

#icon h1 {
	padding-top: 250px;
	text-transform: lowercase;
	font-size: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#icon a {
	text-decoration: none;
	color: #FFFFFF;
}


/** LOGO */
#logo {
	width: 1050px;
	height: 105px;
	margin: 0 auto;
	padding-top: 25px;
	background: #FFFFFF url(images/banner-online-recruitment.jpg) no-repeat center 25px;
}

#logo h1, #logo p {
	width: 360px;
	margin: 0px;
	line-height: normal;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
}

#logo p {
	text-transform: uppercase;
	font-size: 10px;
}

#logo h1 {
	padding-top: 250px;
	text-transform: lowercase;
	font-size: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Content */

#content {
	/*float: right;*/
	width: 1000px;
	padding-left:20px;
	
}


/* Footer */

#footer {
	width: 1000px;
	height: 95px;
	margin: 0 auto;
	padding: 0;
	background: url(images/img05.jpg) no-repeat left top;
}

#footer p {
	margin: 0;
	padding: 56px 0;
	text-align: center;
	line-height: normal;
	text-transform: uppercase;
	font-size: 10px;
	color: #5e6166;
}

#footer a {
	color: #000000;
}

.radioButtonList input {
    text-align: center;
    vertical-align: top;
}

 .radioButtonList label {
    display: block;
    text-align: center;
    vertical-align: top;
}
 
 /* Tabel */
         .KolomJawaban
        {
            padding:5px 5px 5px 5px;
            background-color:#DFEAF4;
        }
        .KolomPertama
        {
            background-color:#B9D2EB;
            padding:5px 5px 5px 5px;
        }
        .VerdanaError
{
	font-family:Verdana;
	font-size:10px;
	color:Red;
}

/*Grid */
.datagrid
{
    border-style: None;
	font-family:Arial, Helvetica, sans-serif;
    background-color:White;
    font-size:12px;
    border-color:inherit;
    border-width:medium;
    text-align: left;
}

.header
{
    font-weight:bold;
    background-color:#003366;
}

.alternating
{
    background-color:Lavender;
}

.itemstyle
{
    background-color:White;
}

.datagridPaging
{
	color:#173884;
	background-color:#daecff;
}



.menu1
{
	width: 100%;
}
.menu1Header
{
	height: 28px;
	vertical-align: middle;
	background-image: url('images/collapse-header-bg2.gif');
	background-repeat: repeat-x;
}
.menu1HeaderLeft
{
	float: left;
	width: 7px;
}
.menu1HeaderCenter
{
	padding-top: 5px;
	padding-left: 5px;
	color: White;
	font-weight: bold;
	float: left;
	font-size: 13px;
}
.menu1HeaderRight
{
	float: right;
	width: 7px;
}
.menu1HeaderImg
{
	/*width: 22px;    */
	padding-left: 3px;
	float: left;
}
.menu1Body
{
	/*background-image: url('images/collapse-body-bg.gif');     background-repeat: repeat;    */
	padding: 5px 10px 5px 10px;
	background-color: #f5f5f5;
}

.menu1Bar
{
	/*background-image: url('images/barmnfooter2.gif');*/
	background-repeat: no-repeat;
	font-family: Tahoma;
	font-size: 13.6px;
	color: white;
	/*padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
    height: 25px;*/
	text-align: center;
	width: 100%;
	padding:0px 0px 5px 0px;
}

.linkMenu1
{
	font-size: 11px;
	color: White;
	font-weight: bold;
	text-decoration: underline;
}
.linkMenu1:hover
{
	font-size: 11px;
	color: Red;
	font-weight: bold;
	text-decoration: underline;
}

/*dynamic menu*/
ul.menu1 {list-style:none; margin:0; padding:0; font-family:Tahoma; font-size: 12px;}
ul.menu1 * {margin:0; padding:0;}
ul.menu1 a {display:block; color:#000; text-decoration:none;}

/*style for list*/
ul.menu1 li {position:relative; float:left;}

ul.menu1 ul {position:absolute; top:22px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none; overflow:hidden; }
ul.menu1 ul li {position:relative; border:0px solid #aaa; border-bottom:1px solid #aaa; border-top:none;  margin:0; text-align:left;}

/*style for menu link*/
ul.menu1 ul li a {display:block; padding:2px 7px 5px; font-weight:bold; background-color:#3d3d3d; color:White; width:196px; }
ul.menu1 ul li a:hover {background-color:#3d3d3d; color:#9ec9eb; font-weight:bold; width:196px; }
ul.menu1 ul ul {left:148px; top:-1px}
ul.menu1 .menulink 1
{
	padding:2px 7px 7px; 
	font-weight:bold; 
	/*border-right:solid 1px White; */
	width:100px; 
	color:White;
	text-decoration:none;
	margin-top:2px;
	height:10px;
	background-color:#3d3d3d;
}
ul.menu1 .menulink1:hover 
{
	padding:2px 7px 7px; 
	font-weight:bold; 
	/*border-right:solid 1px White; */
	width:100px; 
	color:#9ec9eb;
	text-decoration:none;
	margin-top:2px;
	height:10px;
	background-color:#3d3d3d;
}
.borderRight1 {border-right:solid 1px White; }
.borderLeft1 {border-left:solid 1px White; }

ul.menu1 .menulink2
{
	padding:2px 7px 7px; 
	font-weight:bold; 
	/*border-right:solid 1px White; */
	width:80px; 
	color:White;
	text-decoration:none;
	margin-top:2px;
	height:10px;
	background-color:#3d3d3d;
}
ul.menu1 .menulink2:hover 
{
	padding:2px 7px 7px; 
	font-weight:bold; 
	/*border-right:solid 1px White; */
	width:80px; 
	color:#9ec9eb;
	text-decoration:none;
	margin-top:2px;
	height:10px;
	background-color:#3d3d3d;
}

ul.menu1 .menulink3 
{
	padding:2px 7px 7px; 
	font-weight:bold; 
	/*border-right:solid 1px White; */
	width:125px; 
	color:White;
	text-decoration:none;
	margin-top:2px;
	height:10px;
	background-color:#3d3d3d;
}
ul.menu1 .menulink3:hover 
{
	padding:2px 7px 7px; 
	font-weight:bold; 
	/*border-right:solid 1px White; */
	width:125px; 
	color:#9ec9eb;
	text-decoration:none;
	margin-top:2px;
	height:10px;
	background-color:#3d3d3d;
}

ul.menu1 .sub {background:#d1d1d1 50px 8px no-repeat}
ul.menu1 .topline {border-top:1px solid #aaa}


.accordionContent {
background-color: #D3DEEF;
border-color: -moz-use-text-color #2F4F4F #2F4F4F;
border-right: 1px dashed #2F4F4F;
border-style: none dashed dashed;
border-width: medium 1px 1px;
padding: 10px 5px 5px;
width:94%;
}

.accordionHeaderSelected {
background-color: #5078B3;
border: 1px solid #2F4F4F;
color: white;
cursor: pointer;
font-family: Arial,Sans-Serif;
font-size: 12px;
font-weight: bold;
margin-top: 5px;
padding: 5px;
width:94%;
}
.accordionHeader {
background-color: #2E4D7B;
border: 1px solid #2F4F4F;
color: white;
cursor: pointer;
font-family: Arial,Sans-Serif;
font-size: 12px;
font-weight: bold;
margin-top: 5px;
padding: 5px;
width:94%;
}
.href
{
color:White; 
font-weight:bold;
text-decoration:none;
}