/* 
CSS Document of www.infocomcareer.com
Web Design & Development
By: Cinox Media Insani
URL: www.cinox.co.id
Email: info@cinox.co.id
*/

* { margin:0px; padding:0px;}
/*body,html {	scrollbar-face-color: #6B9D18;	scrollbar-shadow-color: #3F3F3F;	scrollbar-highlight-color: #91B547;	scrollbar-3dlight-color: #91B547;	scrollbar-darkshadow-color: #3F3F3F;	scrollbar-track-color: #F4F6EB;	scrollbar-arrow-color: #F4F6EB;}
*/body,html {	scrollbar-face-color: #FFFFE1;	scrollbar-shadow-color: #3F3F3F;	scrollbar-highlight-color: #91B547;	scrollbar-3dlight-color: #91B547;	scrollbar-darkshadow-color: #3F3F3F;	scrollbar-track-color: #F4F6EB;	scrollbar-arrow-color: #6B9D18;}


body,html {	
	height: 100%;
	background: #E5E5CC url(images/topback.jpg) repeat-x top;
	font-family:  sans-serif, "Trebuchet MS", Arial;
	font-size:12px;
	color:#000; 
}
a {	color:#608E07; text-decoration:underline;}
a:hover { color:#F6F6F4; background:#608E07; text-decoration:none; }
img{border:none;}
h1{font-size:20px; color:#825F02;}
h1,h2,h3,h4,h5,h6{color:#6FA515;}

#footer {	height:55px;	width:719px;	padding:30px 30px 0;	font-size:11px;	color:#5D8E01;	background: #E5E5CC url(images/footer.jpg) no-repeat;	}
#superwraper {	width:779px;	background: url(images/mainBack.jpg);	margin-left:auto;	margin-right:auto;}
#header{	width:779px;	height:104px;	background: url(images/headerLogo.jpg) no-repeat;	position:relative;	top:0px;}

/* Begin of popup css */
#headerpopup{	width:100%;	height:36px;	background: url(images/popup/popupTop.jpg) repeat-x;}
#headerpopup #logopopup{	width:167px;	height:36px;	background: url(images/popup/popupLogo.jpg) no-repeat;}
#wraperpopup{background: #F6F6F4; position: relative;  min-height: 100%;  height: auto !important;  height: 100%;}
#containerpopup{padding:5px; padding-bottom:30px;}
#footerpopup{width:100%;	height:15px;	background: url(images/popup/popupBot.jpg) repeat-x bottom;  position: absolute;  bottom: 0 !important;  bottom: -1px;}
/* End of popup css */

div#boxerror{ border:2px solid red; color:red; font-weight:bold; background:#FFCCCC; margin:5px 0 5px 0; padding:5px; text-align:center;}
div#boxdone{ border:2px solid green; color:green; font-weight:bold; background:#CCFF99; margin:5px 0 5px 0; padding:5px; text-align:center;}
div#boxtips{ border:2px solid #FEAB29; color:#053704; font-weight:bold; background:#FFCC7D; margin:5px 0 5px 0; padding:5px; text-align:center;}

/* Begin of topbar */
#tb{ width:200px; position:absolute; top:8px; right:40px;}
#tb a{width:100px; height:31px; display:block; float:left;}
#tb a.tbjs{background: url(images/button/tbjs.gif) no-repeat; }
#tb a.tbe{background: url(images/button/tbe.gif) no-repeat; }
#tb a.tbjsActive{background: url(images/button/tbjs.gif) 0 -31px no-repeat; }
#tb a.tbeActive{background: url(images/button/tbe.gif) 0 -31px no-repeat; }
#tb a:hover {	background-position: 0 -31px;}
#tb a:active {	background-position: 0 -62px;}
#header .sbjobseeker{background: url(images/button/sbjobseeker.gif) no-repeat; width:200px; height:31px;}
#header .sbemployer{background: url(images/button/sbemployer.gif) no-repeat; width:200px; height:31px;}
#header .sbkonsultan{background: url(images/button/sbkonsultan.gif) no-repeat; width:200px; height:31px;}
#header .sbadministrator{background: url(images/button/sbadministrator.gif) no-repeat; width:200px; height:31px;}
/* End of topbar */

/* Begin of topCalendar */
#calendar {float:left; width:36px; height:45px; color:#94948F; padding:27px 0 0 34px; border:0px solid red; font:Arial, Helvetica, sans-serif; text-align:center;}
#calendar #cbln{font-size:10px; line-height:9px; border:0px solid blue; text-transform:uppercase; letter-spacing:-1px;}
#calendar #ctgl{font-size:18px; line-height:20px; font-weight:normal; border:0px solid green;}
/* End of topCalendar */

/* Begin of Top Navigation */
#topnav {	height:auto;	width:738px;	position:relative;	top:-8px;	left:30px;}
#topnav ul { list-style: none; }
#topnav li { float:left;}
#topnav a {	display: block;	float: left;	height: 25px;	}
#topnav a.buttonHome {	background: url(images/button/buttonHome.jpg) no-repeat;	width: 46px;	}
#topnav a.buttonNews {	background: url(images/button/buttonNews.jpg) no-repeat;	width: 46px;	}
#topnav a.buttonEvents {	background: url(images/button/buttonEvents.jpg) no-repeat;	width: 50px;	}
#topnav a.buttonArticle {	background: url(images/button/buttonArticle.jpg) no-repeat;	width: 49px;	}
#topnav a.buttonQuiz {	background: url(images/button/buttonQuiz.jpg) no-repeat;	width: 39px;	}
#topnav a.buttonJobSearch {	background: url(images/button/buttonJobSearch.jpg) no-repeat;	width: 74px;	}
#topnav a.buttonResumeSearch {	background: url(images/button/buttonResumeSearch.jpg) no-repeat;	width: 99px;	}
#topnav a.buttonJobProfile {	background: url(images/button/buttonJobProfile.jpg) no-repeat;	width: 72px;	}
#topnav a.buttonCompanyProfile {	background: url(images/button/buttonCompanyProfile.jpg) no-repeat;	width: 102px;	}
#topnav a.buttonSuccessStory {	background: url(images/button/buttonSuccessStory.jpg) no-repeat;	width: 91px;	}
#topnav a.buttonBeasiswa {	background: url(images/button/buttonScholarship.jpg) no-repeat;	width: 91px;	}
#topnav a:hover {	background-position: 0 -58px;}
#topnav a:active{	background-position: 0 -30px;}
/* End of Top Navigation */

/* Begin of boxp */
#boxp ul{ list-style:none;}
#boxp li{float:left; margin-bottom:20px;}
#boxp a {display:block; float:left; text-decoration:none; background:#80B71D; color:#527812; width:66px !important; width:64px; height:80px; border:2px solid #527812; margin: 0 1px 0 1px; text-align:right;}
#boxp a span.no{font-size:4em; position:relative; top:-7px; right:4px !important; right:0px; letter-spacing:-5px;}
#boxp a span.text{font-size:1em;position:relative; bottom:-14px !important; bottom:-10px; right:1px; line-height:5px;  font-weight:bold;} 
#boxp a:hover{background:#FBBB13; border:2px dashed #8A6502; cursor:pointer; color:#F6F6F4;}
#boxp a:active{background:#F6F6F4; border:2px solid #527812;}

div#usercontainer h1{ font-style:normal; font-size:12pt;}
/* End of boxp */

#tlogin{	width:100%;	color:#F1EFD8;	margin-bottom:10px;}

/* Begin of nav */
#nav{ color: #C1BBBE;	width:200px;	background: url(images/frameMain.jpg);	margin-bottom:10px; overflow:hidden; display:block;}
#nav #frameTop{	width:200px;	height:35px;	background: url(images/frameTop3.jpg);}
#nav #frameBot{	width:200px;	height:37px;	background: url(images/frameBot.jpg);}
#nav #frameMain{ margin-left:auto; margin-right:auto; margin:15px 10px 5px 10px;}
#nav #frameMain a{text-decoration:none;}
#nav #frameMain #welcome { font-weight:bold; color:#F6F6F4; margin:0 0 10px 0; font-size:1.2em;}
/*#nav #frameMain #dude{ 	position:static;	top:-70px;	right:0px; background: url(images/dude.png);	width:80px;	height:125px;}*/

#nav img{	border:0px;	margin-right:5px;}
#nav ul{ list-style:none;}
#nav ul li, #nav ul li a{ color:#C1BBBE; text-decoration:none;	margin-left:0px; height:25px; vertical-align:middle;}
#nav ul li a:hover{	color: #F6F6F4;	background:none;}
#nav ul li a:active{color:#78B30B;	background:none;}
/* End of nav */

/* Begin of The Wrapers Container */
#path{	clear:both;	padding	: 0px 0 10px 5px;}
#container{ width:725px; clear:both; margin-left:auto;	margin-right:auto; padding-top:10px;}
#main{	width:508px; padding:0px 10px 0 0;}
#mainReg{ margin:5px; background:#EEFCD6;}
#mainAdmin{	width:100%; padding:10px 10px 0 0;}
#main h1{ color:#5F8E04; font-size:20px; font-style:italic; padding-bottom:5px;}
#right{	width:200px;	float:right;}
#titlereg{	font-weight: bold;	font-size: large;	color:#FFEAD7; padding:5px 0 5px 0px;}
/* End of The Wrapers Container*/

/* Begin of panel */
#panel{	border:1px solid #68970D;	margin-bottom:10px;clear:both;}
* #title {	display:block;	overflow:hidden;	background: #F4F6EB /*fit #68970D url(images/paneltitleback.gif) top right*/;	padding:5px 5px; height:22px; color: #660000 /*#68970D fit #F6F6F4   */;	font-weight:bold; font-style:italic; text-transform:uppercase;}
* #body{	background: #F4F6EB;	padding:3px;}  
#panel #selengkapnya { width:auto; text-align:right; padding-right:10px; }
#panel #lainnya{ width:100% !important; width:auto; padding:3px; background: #E9E3BE;	border-top:1px solid #87AE3B;	display:table;	height:100%; margin-top:5px;}
#panel #lainnya ul, #ulijo{ list-style-position: inside; margin-bottom:15px;}
#panel #lainnya ul li, #ulijo li{ margin:0 5px 0 0; background: url(images/icon/bullet4.png) no-repeat 0 .2em;	 padding-left:15px !important; padding-left:0; list-style-type:none;}
#panel #textlainnya a{background: url(images/icon/lainnya.gif) no-repeat 0 .1em; padding-left:17px; text-decoration:none; font-weight:bold; color:#5F8E11;}
#panel #textlainnya a:hover{text-decoration:underline; color:#6FA515;}
/* End of panel */

/* Begin of panel2 */
#panel2{	border:1px solid #68970D;	margin-bottom:10px;clear:both;}
* #title2{	background: url(images/icon/bullet4.png) no-repeat 0 .2em; margin:5px 5px 5px 5px; padding-left:15px !important; padding-left:5px 5px; list-style-type:none; color:#6FA515;	font-weight:bold; text-transform:uppercase;}
* #body2{	background: #F4F6EB;	padding:3px;}
#panel2 #lainnya2{ width:100% !important; width:auto; padding:3px; background: #F4F6EB;	border-top:0px solid #87AE3B;	display:table;	height:100%; }
#panel2 #lainnya2 ul, #ulijo{ list-style-position: inside; margin-bottom:15px;}
#panel2 #lainnya2 ul li, #ulijo li{ margin:0 5px 0 0; padding-left:15px !important; padding-left:0; list-style-type:none;}
/* End of panel2 */


/* Begin of tlist */
#tpanelgrid{width:100%;	border-collapse:collapse;	font-size:0.9em;	color:#515331;}
#tpanelgrid th{	border:1px solid #BEB649;	background: #E9E3BE; padding:3px; text-transform:uppercase; font-weight:bold; color:#8C834A;}
#tpanelgrid td{	border:1px solid #BEB649;	background: #FAF9EF; padding:3px; vertical-align:top;}
#tpanelcontent {width:100%;}
#tpanelcontent td{vertical-align:top;}
#tpanelcontent h2{margin:0 0 5px 0; color:#053704;	font-size:16px;}
#tpanelcontent #imgleft{ float:left; margin: 0 5px 0 0;}

#tpanelcontent #submiter{	color:#8C834A; font-weight:bold;}
#tpanelcontent #date{	color:#8C834A; font-style:italic;}
#tpanelcontent #rate{	color:#8C834A; font-style:italic;}

#tpanelgrid2 td{ color:#515331; border:0;}
#tpanelgrid2 th{ text-transform:uppercase; font-weight:normal; color:#8C834A;}
#tpanelgrid2 td{ vertical-align:top;}

#tformgrid{width:100%;	border-collapse:collapse;	font-size:1em;	color:#515331;}
/*#tformgrid th{	border:1px solid #649007;	background: #A6B096; text-transform:uppercase; font-weight:normal; color:#EEFCD6;}*/
#tformgrid th{background:#6FA515; color:#FCFCFC; padding:5px; border:1px solid #649007;}
#tformgrid td{	border:1px solid #649007;	background: #EEFCD6; color:#5F684F; padding:3px; vertical-align:top;}
#tformgrid td.nopadding{padding:0px;}
#tformgrid #throw1{background:#053704; color:#F6F6F4; padding:5px; font-size:2em; text-align:center;}
#tformgrid #throw2{background:#68970D; height:10px;}


#tlist{width:100%;	border-collapse:collapse;	font-size:1em;	color:#515331;}
/*#tlist th{	border:1px solid #649007;	background: #A6B096; text-transform:uppercase; font-weight:normal; color:#EEFCD6;}*/
#tlist th{padding:5px;}
#tlist td{padding:3px; vertical-align:top;}
#tlist td.nopadding{padding:0px;}
#tlist #throw1{background:#053704; color:#F6F6F4; padding:5px; font-size:2em; text-align:center;}
#tlist #throw2{background:#68970D; height:10px;}

/* End of tlist */

/* Begin of panelalert */
#panelalert{	border:1px solid #87AE3B;	width:245px;	margin-bottom:10px;	float:left;	border-collapse:collapse; color:#4A5225; font-weight:bold;}
#panelalert table{	width:100%;}
#panelalert .td1{	background: #F4F6EB;	width:85%;	padding:3px;}
#panelalert .td2{	background: #E8ECD5;	width:15%;	padding:3px;	text-align:center;}
/* End of panelalert */

/* Begin of panelnews */
#panelnews{	border:1px solid #87AE3B;width:245px;margin-bottom:10px;float:right;background: #E9E3BE;}
#panelnews #newsflow {background:#E9E3BE;margin:10px;overflow:auto;height:150px;}
#panelnews #newsflow #newsbody {border: 1px solid #BEB649;margin: 0 10px 10px 0px;	}
#panelnews #newsflow #newsbody #newstitle{color:#ADA264; font-size:16px; font-weight:bold}
#panelnews #newsflow #newsbody #newscontent{color:#8C834A}
#panelnews #newsflow #newsbody #content{background: #FFF;padding:5px; }
#panelnews #newsflow #newsbody #content h3{ color:#6FA515; letter-spacing:0.1px; font-size:14px; text-transform:uppercase; margin-bottom:5px;}
#panelnews #newsflow #newsbody #info{background: #F1EFD8;padding:5px;}
#panelnews #newsflow #newsbody #info #submiter{	color:#8C834A; font-weight:bold;}
#panelnews #newsflow #newsbody #info #date{	color:#8C834A; font-style:italic;}
#panelnews #newsfooter{	padding:0 0 10px 15px; }
#panelnews #newsfooter *{border:0px;}
/* End of panelnews */

/* Begin of paneljobsearch */
#paneljobsearch{margin-bottom:10px;clear:both;	background:#095706 url(images/biglup.gif) no-repeat left; padding:5px 0 10px 10px;}
#paneljobsearch h1{font-size: 2em;color: #fff; margin:0 0 5px 0; font-style:italic;}
#paneljobsearch #title{font-size: 2em;color: #fff;}
#paneljobsearch .itext{width:485px; color:#326A9B; background:#F9F9F7; border:0px; font-size:8pt;}
#paneljobsearch .itext:hover{background:#CACED8;}
#paneljobsearch #jobselect{height:19px;}
#paneljobsearch #asearch{float:left; text-align:left; margin:5px 10px 0 0;padding:0 0 0 20px; background: url(images/icon/advancedsearch.gif) no-repeat; width:100px; height:12px;}
#paneljobsearch #asearch a{ color:#fff;}
#paneljobsearch #asearch a:hover{ color:#A8B2C2; background:none;}
#paneljobsearch #bsearch{text-align:right; margin:5px 10px 0 0;}
/* End of paneljobsearch */

/*#img1{	width:241px;	height:130px;	clear:left;	background: url(images/img1.gif); color:#fff; padding:8px 2px 0 2px;}*/
/*#img1{ width:251px;	height:232px;	clear:left;	background: url(images/animasi_ucapan.swf) no-repeat;} */

#img1{ width:251px;	height:232px;	clear:left;	} 

.img50{	width:50px !important;	border:1px solid #E2DFDC;	padding:5px; background: #F8F7F3;}
.imgNews{width:100px !important;	border:1px solid #E2DFDC;	padding:5px; background: #F8F7F3;}

/* Begin of tcompany */
.imgcompany{width:50px;	border:0px; }
#tcompany{ width:100%; border-collapse:separate; border:0px;}
#tcompany #tdimg a{display:block; text-align:center; border:2px solid #D7D18C;	width: 54px; height:54px; background: #FFF; padding:0px;}
#tcompany #tdimg a:hover{border:2px dashed #6FA414; cursor:pointer; vertical-align:middle;	}
#tcompany #tdimg *:hover {text-decoration:underline; color:#5F8E11;}
/* End of tcompany */

/* Begin of tpolling */
#tpolling{	width:100%;}
#tpolling tr, #tpolling td{	vertical-align:top;}
#tpolling .jw{	border:3px solid #DACF92;	background:#E9E3BE;}
/* End of tpolling */

/* Begin of Global form element */
.inputLogin{
	border:1px solid #958631;
	padding:1px;
   	background: #F1EFD8;
	width:110px;
	color:#958631;
	height:15px;
}
.input{
	font-size:11px;	
	color: #5C5821;
	font-family:sans-serif, "Trebuchet MS", Arial;
}
.button{
	background: #68970D;
	color: #F6F6F4;
	border-left:1px solid #0B6F09;
	border-top:1px solid #0B6F09;
	
	border-right:1px solid #053704;
	border-bottom:1px solid #053704;	
	
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	padding:1px;
}
/* End of Global form element */

/* End of CSS Document of www.infocomcareer.com */

/* New Added css design */
div #regimg{
	width:500px;
	height:145px;
	background:url(images/reg.jpg);
}
#textreg {color:#A18347; text-align:right;}

/* general Form */
table.form { padding: 3px; }
table.form th { border-left:8px solid #08245b; text-align: left; font-family: Arial; font-size: 10pt; color: #FFFFFF; 
               font-weight: bold; border-bottom: 2px solid #08245b; 
               padding-left: 16; background-color: #95AABF; 
               repeat-y; background-position: right top }
table.form td { font-family: Tahoma; font-size: 8pt; 
               border-bottom: 1px dotted #99CCFF; background-color: #F6F6F4; }
table.form td.submit { text-align: center; background-color:#EEEEEE; border-bottom: 1px solid #99CCFF; border-top: 1px solid #99CCFF;}
table.form td.left { font-family: Tahoma; font-size: 8pt; color: #336699; font-weight: bold; 
               text-align: right; border-bottom: 1px solid #AED3F7; border-left: 1px solid #AED3F7; 
			   background-color: #EBF4FD; }
table.form td.blank { padding:5; border:0;}
table.form td.Error { text-align: left; font-family: Tahoma; font-size: 8pt; color: #BB2222 ;
               border-bottom: 1px dotted #99CCFF; padding-left: 4px; 
               padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color:#FDDCDC}
.sfMessage {  color: #FF0000; font-size: x-small; font-weight: normal}

table.border { border:1px solid #000000; }
table.border td { background-color: #FFFFFF; padding: 5px; }

/* special alert */
.alertStatus{
	margin-left:4px;
	color:#DE0E13;
}
.alert2{
	padding:10px;
	text-align: center;
	vertical-align:middle;		
	color:#000000;
	width:auto;
	height:auto;
	border:1px solid #DE0E13;
	background:#FCCDCE;
}

.doxcomment{
	border:1px solid #BEB649; 
	background:#FAF9EF; 
	padding: 5px 5px 5px 5px;
	font-size:0.9em;	color:#515331;

}

#warningBox{
	border:1px solid red; 
	background:#FAF9EF; 
	text-align:center;	
	font-size:12px;	color:#515331;
	font-weight:bold;

}