/* BASIC STRUCTURE
*******************************************************************************/
html {}
body { margin: 0; padding: 0; color:#185c76; font-size:75%; font-family: Tahoma, Arial, Verdana, Helvetica; background: #fff url(/images/bg-header.jpg) repeat-x; }

#container { margin: 0 auto; width: 800px; text-align:center; }
#container-bg { float:left; margin: 0 auto; width: 800px; text-align:center; }

p, td , div {color:#000; line-height:16px;}

/* LINKS - DEFAULT COLORS ARE SET IN BASE.CSS, CHANGE THESE COLORS AS NEEDED.
*******************************************************************************/
a:link, a:visited { color: #003366; text-decoration:none; font-weight:bold; }
a:hover { color: #006699; text-decoration:underline; }



/* HEADER
*******************************************************************************/
#header { margin: 0px auto; padding: 0px; height: 111px; width: 800px; }
#header #hdr { float: left;  width: 294px;}
#header #hdr-2 { float: left; width: 506px; }  

.header-home { display:block; background: url(/images/scala-logo.gif) no-repeat; height: 110px; width: 294px; }
.header-home span { display:block; padding-top:60px; color:#fff; font-size:1.2em; }

#header2 { margin: 0px auto; padding: 0px; height: 136px; width: 800px; }
#header2 #hdr-green { float: left;  width: 285px;}
#header2 #hdr-green-2 { float: left; width: 515px; } 

.header-green { float:left; display:block; background: url(/images/scala-graphic.jpg) no-repeat; height: 136px; width: 285px; }
.header-green-search {display:block; float:left; width: 500px; }
#buttons { float:right; margin-top:20px;}

/*MAIN MENU TOP
*********************************************************************************/
#main-menu-page { float:right; width:500px; height:45px; position:relative; top:23px; margin:0px; padding:0px; }

#main-menu-page ul { margin: 0; padding: 0;	list-style: none;	font-size: 1.2em;	}
	#main-menu-page li {float: left; list-style: none; height:50px; margin: 0px 10px 0px 10px; padding: 10px 5px 0px 5px; color: #dbe2e5; text-align:center; }
	#main-menu-page li.active a {display:block; width:108px; height:30px; background: url(/images/top-nav-active.png) no-repeat bottom center; }
	* html #main-menu-page li.active a {display:block; width:108px; height:30px; background: url(/images/top-nav-active2.png) no-repeat bottom center; behavior: url(iepngfix.htc); }
	#main-menu-page a, #main-menu-page a:link, #main-menu-page a:visited {color: #dbe2e5; font-family: arial,tahoma; font-weight:bold; text-decoration:none;}
	#main-menu-page a:hover { color: #fff; }

/*SEARCH
*********************************************************************************/
#search {	float:left; background:url(/images/bg-search.gif) no-repeat; height:104px; width:505px; margin:25px 0 20px 0; }
.searchBox { padding:18px 0 0 18px;float:left;	width:350px; }
.searchButton {	float:left;	margin-left:28px;	padding-top:24px; }
.searchButton input {behavior: url("iepngfix.htc");}
/*FORM ELEMENTS
**********************************************************************************/
.inputBox, .textarea { background-color:#FFFFFF !important;	border-style:none; color:#00D6FF;	letter-spacing:-2px;	font-family:Verdana,Arial,sans-serif;
	font-size:40px;	width:340px;	padding-left:25px;	padding-top:5px;	padding-bottom:5px;	}

.inputBox2 { background-color:#FFFFFF !important;	border:1px solid #ccc; color:#00D6FF;	letter-spacing:-2px;	font-family:Verdana,Arial,sans-serif;
	font-size:11px;	width:200px;	padding:5px 5px 5px 25px; 
}
.row, .row1, .row2 {
	padding:9px 2px 9px 5px;
	margin:0px 5px;

}
.row1 {
	background:#eaeaea;
	border-bottom:1px solid #fff;
}
.row2 {
	background:#f6f6f6;
	border-bottom:1px solid #fff;
}
.info, .title {
	margin: 0px 4px;
	float:left;
	color:#000;
	font-size:90%;
}
.title {
	font-weight:bold;
	padding:5px 0px 0px 0px;
}
.info a {
	text-decoration:underline;
}
.col1 {
	width:180px;
	
}

.col2 {
	width:160px;
}

.col3 {
	width:108px;
}

.col4 {
	width:90px;
}

.col5 {
	width:80px;
}

.col6 {
	width:80px;
}
.clear {
	clear:both
}
label {
	display:block;
	font-weight:bold;
	color:#000;
	margin-bottom:3px;
	padding-right:5px;
	float:left;
}

.post-form-row {
	margin:7px 0;
}
.post-form-row2, .post-form-row3 {
	margin:0px 5px;
	padding:8px
}
.post-form-row2 {
	background:#eaeaea;
	border-bottom:1px solid #fff;
}
.post-form-row3 {
	background:#f6f6f6;
	border-bottom:1px solid #fff;
}
.post-form-row2 label, .post-form-row3 label  {
	display:block;
	float:left;
	width:80px; 
	text-align:right;
}
.post-form-row2 .inputBox3, .post-form-row3 .inputBox3 { float:left; background-color:#FFFFFF !important;	border:1px solid #ccc; color:#00D6FF;	letter-spacing:-2px;	font-family:Verdana,Arial,sans-serif;
	font-size:11px;	width:140px;	padding: 10px 10px 5px 10px;	margin-right:10px; 
}
.post-form-row2 textarea.inputBox3, .post-form-row3 textarea.inputBox3 { float:left; background-color:#FFFFFF !important;	border:1px solid #ccc; color:#00D6FF;	letter-spacing:-2px;	font-family:Verdana,Arial,sans-serif;
	font-size:11px;	width:380px;	padding: 10px 10px 5px 10px;	margin-right:10px; 
}
.post-form-row2 textarea.inputBox4, .post-form-row3 textarea.inputBox4 { float:left; background-color:#FFFFFF !important;	border:1px solid #ccc; color:#00D6FF;	letter-spacing:-2px;	font-family:Verdana,Arial,sans-serif;
	font-size:11px;	width:140px;	padding: 10px 10px 5px 10px;	margin-right:10px; 
}	
.login-btn {
	float:right;	
}
.register-btn {
	margin-top: 20px;
	float:right;	
}

/* CONTENT AREA
*******************************************************************************/
#content { margin:0 auto; display:block; width: 790px; padding:20px 5px 0px 5px; }


/* MAIN
*******************************************************************************/
#main { display: block; text-align:left; padding:0px 10px; }
.box1 { float:left; margin:0 auto; width: 790px; height:60px; padding:10px 5px 10px 5px; background: url(/images/latest-job.gif) no-repeat bottom left; text-align:center; }
.box-container {float:left; margin:0 auto; width: 790px;  }
.box-title {background: url(/images/bg-title.gif) no-repeat top left; width:790px; height:41px; }
.box-title2 {background: url(/images/bg-title2.gif) no-repeat top left; width:600px; height:21px; padding:10px; margin-top:20px; font-weight:bold; }

.box2 { float:left; margin:0 auto; width: 790px; height:60px; padding:10px 5px 10px 5px; text-align:center; }
.box3 { float:left; margin:0 auto; width: 620px; padding:10px 0px 10px 0px; text-align:center; }
.box4 {float:left; margin: 0 auto; width:150px; text-align:center; }

/* LOGIN
********************************************************************************/
.box-register, .box-login { float:left; width:320px; height:198px; padding:20px; margin-right:10px; margin-top:20px; background: url(/images/box-register.gif) no-repeat; margin-bottom:50px; }
.box-register {text-align:center; font-weight:bold; font-size: 120%; line-height:140%; padding-top:40px; }

/* REGISTER & POST
********************************************************************************/
.form-container { width:620px; text-align:left; margin-top:20px; }

/* DETAIL
********************************************************************************/
.detail-container { width:620px; text-align:left; margin-top:20px;  }
.detail-txt {padding:0px 20px 20px 20px; }

/* FOOTER
*******************************************************************************/
#footer-bg { float:left; margin:0 auto; display:block; width: 100%; height: 75px; background: url(/images/bg-footer.gif); }
#footer { width:800px; margin:0 auto; display:block; padding-top: 20px; }
.ftr-links { width:420px; float:left; padding:16px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; font-size: 10px; color:#fff;}
.ftr-rss { width:220px; float:right; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; font-size: 10px; color:#fff; background: url(/images/rss.gif) no-repeat; padding:0px 2px 0px 23px; margin-top:16px; }
.ftr-links a, .ftr-rss a {color:#ffc;}


/* HEADINGS
******************************************************************************/
h1 { font-size: 180%; color:#006699; font-family: Arial, Verdana, Helvetica; padding-bottom:4px;margin-bottom:2px;}
h2 { font-size: 120%; }
h3 { font-size: 100%; margin-bottom:2px;}


img, img a {border:0px;}

#messages { margin:0 auto; display:block; width: 300px; }

ul { list-style: none; }

ul li { align: left; }

.success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/error.png');