/* Vital Part */
body
{
	background-color: #ffffff; 
	color: #000000; 
	font-family: Arial, Helvetica, Verdana, Tahoma; 
	margin: 0px;
}

/* Container */
#logo-container
{
	position: relative;
	background: url('../images/logo.gif') no-repeat;
	width: 500px;
	height:160px;
	margin: 0 auto;
	top: 10px;
	left: 0px;
}

#photoupload-container
{
	position: relative;
	width: 250px;
	height:300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px;
	border: 1px dashed #CCCCCC;
	float: right;	
}


#logo-container-small
{
	position: relative;
	width: 200px;
	height:60px;
	margin: 0 auto;
	top: 10px;
	float: left;
}

.thickbox-container
{
	position: relative;
	width: 400px;
	height:300px;
	margin: 0 auto;
	float: left;
}

#thickbox-container
{
	position: relative;
	margin: 0 auto;

}

#login-title-container
{
	background: url('../images/lock-big.png') no-repeat;
}

#jadwal-title-container
{
	background: url('../images/jadwal.png') no-repeat;
}

#lowongan-title-container
{
	background: url('../images/lowongan.png') no-repeat;
}

#kandidat-title-container
{
	background: url('../images/kandidat.png') no-repeat;
}

#dokumen-title-container
{
	background: url('../images/dokumen.png') no-repeat;
}

#berita-title-container
{
	background: url('../images/berita.png') no-repeat;
}

#pengaturan-title-container
{
	background: url('../images/pengaturan.png') no-repeat;
}

#laporan-title-container
{
	background: url('../images/laporan.png') no-repeat;
}

#akun-title-container
{
	background: url('../images/akun.png') no-repeat;
}

#lostpwd-title-container
{
	background: url('../images/help-big.png') no-repeat;
}

#signup-title-container
{
	background: url('../images/user-big.png') no-repeat;
}

.title-container
{
	position: relative;
	width: 100%;
	height: 75px;
	margin: 0 auto;
}

#index-container
{
	position: relative;
	background: url('../images/bg.png') no-repeat;
	width: 604px;
	height:140px;
	top: 50px;
	margin: 0 auto;
	left: 0px;
}

.boxtitle
{
	position: relative;
	margin: 0 auto;
	left: 0px;
}

.main
{
	-moz-border-radius: 10px;
	position:relative;
	width:776px;
	margin: 0 auto;
	top: 20px;
	height: 100%;
	background-color:#FFF;
	border:1px solid #CCCCCC;
	padding: 0px;
	float: none;
}

#subcontainer
{
	position:relative;
	width:95%;
	margin: 0 auto;
	background-color:#FFF;
	padding: 0px;
}

div #step-container
{
	position:relative;
	width:776px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:15px;
	background-color:#FFF;
	border-top:1px solid #999;
	padding: 0px;
	float: left;
}

.border-grey
{
	border: 1px solid #CCCCCC;
}

.width5
{
	width:1%;
	float:left;
	position: relative;
	padding-bottom: 15px;
}

.width5-2
{
	width:1%;
	float:left;
	position: relative;
}

.width15
{
	width:16%;
	float:left;
	position: relative;
}

.width20
{
	width:20%;
	float:left;
	position: relative;
}

.width25
{
	width:25%;
	float:left;
	border: 1px solid #000000;
	position: relative;
}

.width30
{
	width:30%;
	float:left;
	position: relative;
}

.width40
{
	width:48%;
	float:left;
	padding: 5px;
	position: relative;
}

.width50
{
	width:50%;
	float:left;
	position: relative;
}

.width70
{
	width:70%;
	position: relative;
}

.width80
{
	width:80%;
	position: relative;
}

.width90
{
	width:90%;
	position: relative;
}

.width95
{
	width:95%;
	position: relative;
	margin: 0 auto;	
}

.width100
{
	width:100%;
	float:left;
	position: relative;
}

.border100
{
	width:97%;
	float:left;
	position: relative;
	border: 1px dashed #CCCCCC;
}

.bggrey
{
	background: #f7f7f7;
	border-top: 1px dashed #ffe3b0;
}

.bgyellow
{
	background: #fff6e6;
	border-top: 1px dashed #ffe3b0;
}

.center
{
	text-align: center;
}
/* Button */
.button-small
{
	position: relative;
	font-size: 13px;
	text-align: center;
}

a.button-small
{
	background:url('../images/button-small.gif');
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width: 70px;
	clear: both;
}

a:hover.button-small
{
	color:#e44821;
}

.button
{
	position: relative;
	font-size: 13px;
	text-align: center;
}

a.button
{
	background:url('../images/button.gif');
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
	clear: both;
}

a:hover.button
{
	color:#e44821;
}

#login-link
{
	left: 50px;
	top: -5px;
	position: relative;
}

#add-link
{
	/*left: 50px;
	top: -5px;*/
	position: relative;
	float: right;
}

#remove-link
{
	/*left: 50px;
	top: -5px;*/
	position: relative;
	float: right;
}

#signup-link
{
	left: 350px;
	top: -55px;
	position: relative;	
}

#skip-link
{
	left: 350px;
	top: -35px;
	position: relative;	
}

#lostpwd-link
{
	right: 0px;
	bottom: -5px;
	position: absolute;	
}

#common-link
{
	position: relative;
}

#logout
{
	position: relative;	
}

.link
{
	color:  #e44821;
	text-decoration: none;
}

a.link
{
	color:  #e44821;
	text-decoration: none;
}

a:hover.link
{
	color:  #e44821;
	text-decoration: underline;
}

.signup
{
	background:url('../images/user.png') no-repeat 10px 3px;
	text-indent:20px;
	display:block;
}

.skip
{
	background:url('../images/next.png') no-repeat 10px 3px;
	text-indent:20px;
	display:block;
}

.login
{
	background:url('../images/lock.png') no-repeat 10px 3px;
	text-indent:20px;
	display:block;
}

.lostpwd
{
	background:url('../images/help.png') no-repeat 10px 3px;
	text-indent:20px;
	display:block;
}

.add
{
	background:url('../images/add.png') no-repeat 10px 3px;
	text-indent:20px;
	display:block;
}

.remove
{
	background:url('../images/block.png') no-repeat 10px 3px;
	text-indent:20px;
	display:block;
}

/* misc text */
.address
{ 
	font-size: 10px;
	color: #555555;
	font-weight: bold;
}

.title
{
	font-size: 18px;
	font-weight: bold;
	color: #e44821;
	position: relative;
	top: 15px;
	left: 70px;
}

.form
{ 
	vertical-align : top; 
	padding: 5px;
}

.form100
{ 
	width: 120%;
	float: left;
	position: relative;
}

/* Common Wording */
/* Font Size */

.pstrength-minchar
{
	display: none;
}

.ten
{
	font-size: 10px;
}

.eleven
{
	font-size: 11px;
}

.twelve
{
	font-size: 12px;
}

.thirteen
{
	font-size: 13px;
}

.fifteen
{
	font-size: 15px;
}

/* Font Color */
.grey
{
	color: #555555;
}

.upl
{
	color: #555555;
	font-size: 12px;
}

.red
{
	color: #CC0000;
}

.green
{
	color: #67ac2d;
}

.clear
{
	clear: both;
}

/* Margin */
.margin10
{
	margin-left: 10px;
}

.margin5
{
	margin-left: 5px;
}

.margin0
{
	margin: 0 auto;
}

.relative
{
	position: relative;
}

/* Form Style */
.form-text
{
	border: 1px solid #bbb;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	background: url('../images/input-back.gif') #FFFFFF repeat-x;
}

.form-text-small
{
	border: 1px solid #bbb;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background: url('../images/input-back.gif') #FFFFFF repeat-x;
}

.button-input
{
	border: 0px;
	width: 120px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background: url('../images/button-input.gif') #FFFFFF repeat-x;
}

.button-input-small
{
	border: 0px;
	width: 70px;
	height: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	background: url('../images/button-small.gif') #FFFFFF repeat-x;
}

.captcha
{
	border: 1px solid #e44821;
}

.form-text:focus
{
	border: 1px solid #e44821;

}

.form-button
{
	border: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #555555;
	background: url('../images/button.gif');
	width: 191px;
	height: 30px;
}

.form-button:hover
{
	color: #e44821

}

.pstrength-info
{
	font-size: 11px;
}

/* message box */
.messagebox
{
	position:relative;	
	border:1px solid #c93;
	background:#ffc;
	padding:3px 50px 3px 50px;
	font-size: 12px;
	text-align: center;
	top: 50px;
}

.messageboxok
{
	position:relative;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px 50px 3px 50px;
	font-weight:bold;
	color:#008000;
	text-align: center;
}

.messageboxerror
{
	position:relative;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
	text-align: center;
}

.registerbox
{
	position:relative;	
	border:1px solid #c93;
	background:#ffc;
	padding:3px 50px 3px 50px;
	font-size: 12px;
	text-align: center;
	top: -10px;
}

.registerboxok
{
	position:relative;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px 50px 3px 50px;
	font-weight:bold;
	color:#008000;
	text-align: center;
}

.registerboxerror
{
	padding: 0px;
	position: relative;
	border: 1px solid white;
	background: white;
	font-weight:bold;
	color:#CC0000;
	text-align: center;
}

div#topActive
{
	position:relative;
	float:left;
	padding:0px 7px;
	height:26px;
	line-height:22px;
	background-image:url('../images/bg_active.gif');
	background-repeat:repeat-x;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
}

div#topActive a
{
	text-decoration: none;
	color:#FFF;
}

div#topActive a:hover
{
	text-decoration: underline;
	color:#FFF;
}

div#topInactive
{
	position:relative;
	float:left;
	padding:0px 7px;
	height:26px;
	line-height:22px;
	background-image:url('../images/bg_inactive.gif');
	background-repeat:repeat-x;
	font-weight:bold;
	font-size:13px;
	color:#666;
}

div#topInactive a
{
	text-decoration: none;
	color:#666;
}

div#topInactive a:hover
{
	text-decoration: underline;
	color:#666;
}


div#topMenuActive
{
	position:relative;
	width:776px;
	height:26px;
	padding: 0px;
	background-image:url('../images/bg_active.gif');
	background-repeat:repeat-x;
}

div#topMenuInactive
{
	position:relative;
	width:776px;
	height:26px;
	padding: 0px;
	background-image:url('../images/bg_inactive.gif');
	background-repeat:repeat-x;
}

div#topMenuActive img, div#topMenuInactive img
{
	position:relative;
	float:left;
}

hr 
{
	border: 0;
	color: #CCCCCC;
	background-color: #cccccc;
	height: 1px;
	width: 100%;
	float: center;
}

.footer
{
	position: relative;
	width: 80%;
	text-align: right;
	margin: 0 auto;
	float: none;
	clear: both;
}

#menu-container
{ 
	float: none;
	position: relative;
	margin: 0 auto; 
	border: 1px solid #f5f5f5;
	background: #f8f8f8;
	z-index: 1;
}

#menu
{ 
	float: none;
	position: relative;
	height: 30px;
	width: 35%;
	margin: 0 auto;
	text-align: center;
}

#status-new
{
	float: left;
	position: relative;
	width: 20%;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: #ffe6e6;
	padding: 6px;
	border: 1px dashed #666666;
}

#status-review
{
	float: left;
	position: relative;
	width: 20%;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: #dcdced;
	padding: 6px;
	border: 1px dashed #666666;	
}

#status-short_listed
{
	float: left;
	position: relative;
	width: 20%;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: #edf8e6;
	padding: 6px;
	border: 1px dashed #666666;	
}

#status-interview_scheduled
{
	float: left;
	position: relative;
	width: 20%;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: #ffffdf;
	padding: 6px;
	border: 1px dashed #666666;	
}

#status-interview_completed
{
	float: left;
	position: relative;
	width: 20%;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: #e0eefe;
	padding: 6px;
	border: 1px dashed #666666;	
}

#status-review_completed
{
	float: left;
	position: relative;
	width: 20%;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: #ffead5;
	padding: 6px;
	border: 1px dashed #666666;	
}

#status-closed
{
	float: left;
	position: relative;
	width: 20%;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: #e8e8e8;
	padding: 6px;
	border: 1px dashed #666666;	
}

#status-cancelled
{
	float: left;
	position: relative;
	width: 20%;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: #F1F1F1;
	padding: 6px;
	border: 1px dashed #666666;	
}

div.jqDockLabel {border:0px; padding: 0px 20px; font-weight:bold; font-style: italic; font-size:15px; white-space:nowrap; color:#000000; background-color:transparent;}

.subtle
{
	font-size: 15px;
	color: #e44821;
	text-decoration: none;
	font-weight: bold;
}

a.subtle 
{ 
	color: #e44821; 
	text-decoration: none; 
}

a:hover.subtle 
{ 
	color: #e44821; 
	text-decoration: underline; 
}

.center
{ 
	text-align: center; 
}

.left					{ text-align: left; }
.right					{ text-align: right; }
.small					{ font-size: 8pt; }
.small-normal 			{ font-size: 8pt; font-weight: normal; }
.small-subprojects		{ font-size: 8pt; width: 200px; }
.bold					{ font-weight: bold; }
.bold-small				{ font-weight: bold; font-size: 8pt; }
.italic					{ font-style: italic; }
.italic-small			{ font-style: italic; font-size: 8pt; }
.underline				{ text-decoration: underline; }
.underline-small		{ text-decoration: underline; font-size: 8pt; }
.strike					{ text-decoration: line-through; }
.strike-small			{ text-decoration: line-through; font-size: 8pt; }

.nowrap
{
	white-space: nowrap;
}

.float-right
{
	float: right;
}

.small-caption
{ 
	font-size: 11px;
}

.required 
{ 
	font-size: 11px; 
	color: #bb0000; 
	font-weight: bold;
}

.positive
{
	color: green;
}

.negative
{
	color: red;
}

.issue-status
{
	border-bottom: 1px dotted black;
}

.avatar
{
	float: right;
	border: 0;
}

.progress400
{ 
	position: relative;
	width: 400px;
	border: 1px solid #d7d7d7;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1px; 
}

.progress400 .bar
{ 
	display: block; 
	position: relative; 
	background: #6bba70; 
	text-align: center; 
	font-weight: normal; 
	color: #333; 
	height: 2em; 
	line-height: 2em; 
}

#buglist tr			
{ 
	text-align: center; 
}

tr.bugnote
{ 
	vertical-align: top;
}

td.bugnote-public
{ 
	background-color: #f9f9f9; 
}

td.bugnote-private
{ 
	background-color: #F9f9f9;
}

td.bugnote-note-public
{
	background-color: #FFFFFF;
	width: 75%; 
}

td.bugnote-note-private	
{ 
	background-color: #ffffff;
	width: 75%; 
}

td.news-heading-public
{ 
	background-color: #f9f9f9;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

td.news-heading-private
{ 
	background-color: #f9f9f9;
	text-align: left;
	border-bottom: 1px solid #000000;
}

td.news-body	
{
	background-color: #ffffff;
	padding: 16px; 
}


form				{ display: inline; }
input.button-small		{ font-size: 8pt; }
span.print			{ font-size: 8pt; }

span.small 			{ font-size: 8pt; font-weight: normal; }
span.pagetitle		{ font-size: 12pt; font-weight: bold; text-align: center }
table.width75		{ width: 75%;}
table.width60		{ width: 60%;  border: solid 1px #000000; }
td.category			{ vertical-align : center; padding: 8px; text-align: left;}
td.col-1			{ background-color: #d8d8d8; color: #000000; }
td.col-2			{ background-color: #e8e8e8; color: #000000; }
td.form-title		{ background-color: #ffffff; color: #000000; font-weight: bold; text-align: left; }
td.nopad			{ padding: 0px; }
td.print			{ font-size: 8pt; text-align: left; padding: 2px; }
td.print-category	{ font-size: 8pt; color: #000000; font-weight: bold; text-align: right; padding: 2px; }
td.print-bottom		{ border-bottom: 1px solid #000000; }
td.print-spacer		{ background-color: #ffffff; color: #000000; font-size: 1pt; line-height: 0.1; padding: 0px;}
ttr					{}
tr.spacer			{ background-color: #ffffff; color: #000000; height: 5px; }
tr.row-1			{ background-color: #F7F7F7; color: #000000; text-align: left; }
tr.row-2			{ background-color: #fff6e6; color: #000000; text-align: left; }
tr.row-category		{ background-color: #eaeaff; color: #000000; font-weight: bold; }
tr.row-category td  {  text-align:center; }
tr.row-category2	{ background-color: #FFF6E6; color: #000000; }
tr.row-category-history { background-color: #c8c8e8; color: #000000; font-weight: bold;}
tr.row-category-history td {  text-align: left; }
tr.vcenter			{ vertical-align: middle; }
tr.print			{ vertical-align: top; }
tr.print-category	{ color: #000000; font-weight: bold; }


img
{
	
	behavior: url('../javascript/iepngfix.htc')

}
img.icon				{ width: 11px; height: 11px; }
img.delete-icon			{ position: relative; top: 5px; border: 0; }
div
{ 
	padding: 3px; 
	behavior: url('../javascript/iepngfix.htc')
}