* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 background: #333 url(../images/bg.jpg) top left repeat-x;
}
a:link{
	color: #656565;
	padding: 0px 0px 0px 0px;
}
a:visited{
	color: #656565;
	padding: 0px 0px 0px 0px;
}
a:hover{
	color: orange;
	padding: 0px 0px 0px 0px;
}
#wrapper { 
 margin: 0 auto;
 width: 940px;
 padding: 0px 15px;
 /*background: #f5f5f5;*/
 background: url(../images/bg_h.jpg) top left repeat-y;
}
#faux {
 margin-bottom: 0px;
 overflow: auto;
 width: 100%
}
#header {
 color: #333;
 width: 940px;
 /*height: 124px;*/
 height: 150px;
 margin: 0px 0px 0px 0px;
 background: #fff url(../images/header_bar.jpg) top left repeat-x;
 padding-top: 9px;
}
#navigation {
 color: #333;
 height: 34px;
 margin: 0px 0px 0px 0px;
 background: url(../images/menu_bar.jpg);
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px 5px 10px 0px;
 padding: 0px;
 width: 185px;
 float: left;
}
#main_content { 
 float: left;
 color: #333;
 margin: 0px 0px 10px 5px;
 padding: 0px;
 width: 550px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 width: 185px;
 float: right;
}
#rightcolumn_profile { 
 display: inline;
 position: relative;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 width: 385px;
 float: right;
}
#footer {
 color: #333;
 width: 940px;
 height: 75px;
 margin: 0px 0px 0px 0px;
 background: url(../images/header_bar.jpg) bottom left repeat-x;
}
.clear { 
 clear: both;
 background: none; 
}
div#left{
	float: left;
	border: 1px solid #000000;
	padding: 10px;
}
div#content{
	float: left;
	margin: 0px 0px 0px 50px;
	border: 1px solid #000000;
	padding: 10px;
}
div#result{
	float: left;
	margin: 0px 0px 0px 50px;
	border: 1px solid #000000;
	padding: 10px;
}
a.nav:link{
	color: #000;
	padding: 0px 0px 0px 0px;
	font-size: 10pt;
}
a.nav:visited{
	color: #000;
	padding: 0px 0px 0px 0px;
	font-size: 10pt;	
}
a.nav:hover{
	color: orange;
	padding: 0px 0px 0px 0px;
	font-size: 10pt;	
}
#cart{
	width: 450px;
	border: 1px solid #000;
	padding: 0px 10px 10px 10px;
}
label.reg{
	float: left;
	width: 150px;
	font-weight: bold;
}
input.fminputs{
	width: 200px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #000000;
	margin: 0px 0px 5px 0px;
	padding: 1px 0px 1px 5px;
}
select.fminputs{
	width: 200px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #000000;
	margin: 0px 0px 5px 0px;
	padding: 1px 0px 1px 5px;
}

div#js_holder{
 	width: 500px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px;
}
div#js_todo{
 	width: 450px;
	float: left;
	margin: 0px 0px 20px 0px;
	background: #fff;
}
div#js_edit{
 	width: 350px;
	float: left;
	margin: 0px 0px 20px 0px;
	background: #fff;
}
div#js_jobapps{
 	width: 250px;
	float: left;
	background: #fff;
}
div#js_details{
 	width: 250px;
	float: left;
	background: #fff;
}
#prof_head{
	width: 510px;
	padding: 0px 0px 10px 10px;
	overflow: auto;
}
.personal{
	width: 250px;
	float: left;
	padding: 0px 0px 10px 10px;
}
.cont_body h3{
	font-size: 13px;
}
.cont_body .container .personal table{
	float: left;
	background: #777;
	font-size: 10px;
	width: 100%;
	margin-bottom: 10px;
}
.general_head{
	margin: 5px 5px 5px 20px; float: left; width: 450px; color: orange;
}
.container{
	width: 520px;
	float: left;
}
.job{
	width: 500px;
	float: left;
	background: #69aad2;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	overflow: auto;
}
.job_disp{
	width: 500px;
	/*background: #fdf0e7;*/
	background: url(../images/vac_grad_1.jpg);
	background-repeat: repeat-x;
	display: block;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	overflow: auto;
}
.job_disp h2{
	color: #fff;
	background: url(../images/blue_grad.jpg);
	background-repeat: repeat-x;
	/*background: #69aad2;*/
	margin-bottom: 10px;
	font-size: 12pt;
	height: 27px;
	padding: 5px 0px 10px 10px;
	border-bottom: 2px solid #777;
}
#job_header{
	width: 500px;
	display: block;
	background: #fff;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	overflow: auto;
}
#cv_display{
	width: 500px;
	display: block;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	overflow: auto;
}
#cover_letter{
	width: 500px;
	display: block;
	background: #fff;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}
.cover_letter_disp{
	width: 220px;
	height: 200px;
	float: left;
	background: #ffffff;
	padding: 10px;
	margin: 0px 10px 20px 0px;
	overflow: auto;
}
#apply{
	width: 500px;
	display: block;
	background: #fff;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	overflow: auto;
}
#saved_cover{
	width: 100%;
	height: 100%;
}
#stand_cover{
 	margin: 0px;
	width: 99%;
	height: 200px;
	/*border: 1px solid #bbb;*/
}
.cv_disp{
	width: 500px;
	overflow: auto;
	display: block;
	background: url(../images/vac_grad_1.jpg);
	background-repeat: repeat-x;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 20px 0px;
}
.cv_disp h2{
	color: #fff;
	background: url(../images/blue_grad.jpg);
	background-repeat: repeat-x;
	/*background: #69aad2;*/
	margin-bottom: 10px;
	font-size: 12pt;
	height: 27px;
	padding: 5px 0px 10px 10px;
	border-bottom: 2px solid #777;
}
#skill_list{
 	border: 1px solid #aaa;
	width: 400px;
	height: 200px;
	padding: 5px;
	margin: 10px 0px;
	overflow: auto;
}
/* NAVIGATION STRAP STYLING */
#navigation ul{
	list-style: none;
}
#navigation ul li{
	float: left;
	font-size: 8pt;
	width: 134px;
	text-align: center;
	padding-top: 15px;
}
#navigation ul li a:link{
	color: #656565;
}
#navigation ul li a:visited{
	color: #656565;
}
#navigation ul li a:hover{
	color: #777;
	text-decoration: none; 
}
/* LEFT COLUMN STYLING */
.login{
 	width: 181px;
	margin-top: 10px;
}
.login .login_header{
	background: url(../images/title_fill.jpg) repeat-x;
	height: 28px;
 	width: 181px;
	margin-bottom: 10px;
}
.login .login_header h3{
	padding-top: 7px;
	font-size: 8pt;
	font-weight: bold;
	width: 130px;
	float: left;
}
.login .login_header .login_left{
	width: 9px;
	height: 27px;
	float: left;
	background: url(../images/title_left.jpg);
}
.login .login_header .login_right{
	width: 9px;
	height: 27px;
	float: right;
	background: url(../images/title_right.jpg);
}
.login .login_area{
	background: url(../images/reg_fill.jpg) repeat-x;
	height: 218px;
 	width: 181px;
}
.login .login_area .login_left{
	width: 9px;
	height: 218px;
	float: left;
	background: url(../images/reg_left.jpg);
}
.login .login_area .login_right{
	width: 9px;
	height: 218px;
	float: right;
	background: url(../images/reg_right.jpg);
}
.login_form{
	margin: 0px 0px 10px 0px;
	float: left;
	height: 70px;
	width: 160px;
}
.login_form label{
	width: 60px;
	font-size: 11px;
	float: left;
	margin-top: 10px;
	padding: 5px 0px 0px 5px;
}
.login_form .input{
	width: 80px;
	font-size: 10px;
	padding: 1px;
	float: left;
	margin-top: 10px;
}
.login_form .button{
	float: left;
	margin: 0px 0px 0px 5px;
}
.login_area .links{
	float: left;
	margin-top: 10px;
	width: 160px;
	overflow: hidden;
}
.links a:link{
	color: #656565;
}
.links a:visited{
	color: #656565;
}
.links a:hover{
	color: orange;
}

.left_nav{
 	width: 181px;
	height: 268px;
	margin-top: 10px;
}
.left_nav .login_header{
	background: url(../images/title_fill.jpg) repeat-x;
	height: 28px;
 	width: 181px;
	margin-bottom: 10px;
}
.left_nav .login_header h3{
	padding-top: 7px;
	width: 150px;
 font-size: 9pt;
	float: left;
}
.left_nav .login_header .login_left{
	width: 9px;
	height: 27px;
	float: left;
	background: url(../images/title_left.jpg);
}
.left_nav .login_header .login_right{
	width: 9px;
	height: 27px;
	float: right;
	background: url(../images/title_right.jpg);
}
.left_nav_holder{
	background: #fffff0;
	border: 1px solid #777;
	margin: 0px 0px 10px 0px;
	float: left;
	overflow: auto;
	padding: 10px;
	width: 160px;
}
/* RIGHT COLUMN PROFILE STYLING */
.featured_profile{
 	width: 374px;
	/* overflow: auto;*/
	margin-top: 10px;
	float: right;
}
.featured_profile .featured_header{
	background: url(../images/title_fill.jpg) repeat-x;
	height: 28px;
 	width: 374px;
	margin-bottom: 10px;
}
.featured_profile .featured_header h3{
	padding-top: 7px;
	font-size: 8pt;
	font-weight: bold;
	width: 260px;
	float: left;
}
.featured_profile .featured_header .featured_left{
	width: 9px;
	height: 27px;
	float: left;
	background: url(../images/title_left.jpg);
}
.featured_profile .featured_header .featured_right{
	width: 9px;
	height: 27px;
	float: right;
	background: url(../images/title_right.jpg);
}
.right_head_profile{
	background: url(../images/right_top_prof.jpg) no-repeat;
	height: 6px;
	width: 374px;
}
.right_body_profile{
	/*overflow: auto;*/
	width: 352px;
	padding: 10px;
	background: #fef6ee;
	border-left: 1px solid #a6a6a6;
	border-right: 1px solid #a6a6a6;
}
.right_foot_profile{
	background: url(../images/right_bot_prof.jpg) no-repeat;
	height: 6px;
	width: 374px;
}
.right_body_profile table{
	width: 100%;
}
.right_body_profile h3{
	width: 343px;
	background: #DF2624;
	padding: 5px;
	margin: 5px 0px;
	border-bottom:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	color: white;
	font-size:9pt;
}
/* RIGHT COLUMN STYLING */
.featured{
 	width: 181px;
	/* overflow: auto;*/
	margin-top: 10px;
	float: right;
}	

.featured .featured_header{
	background: url(../images/title_fill.jpg) repeat-x;
	height: 28px;
 	width: 181px;
	margin-bottom: 10px;
}
.featured .featured_header h3{
	padding-top: 7px;
	font-size: 8pt;
	font-weight: bold;
	width: 160px;
	float: left;
}
.featured .featured_header .featured_left{
	width: 9px;
	height: 27px;
	float: left;
	background: url(../images/title_left.jpg);
}
.featured .featured_header .featured_right{
	width: 9px;
	height: 27px;
	float: right;
	background: url(../images/title_right.jpg);
}
.right_head{
	background: url(../images/right_top.jpg) no-repeat;
	height: 6px;
	width: 181px;
}
.right_body{
	/*overflow: auto;*/
	width: 159px;
	padding: 10px;
	background: white;
	border-left: 1px solid #a6a6a6;
	border-right: 1px solid #a6a6a6;
}
.right_foot{
	background: url(../images/right_bot.jpg) no-repeat;
	height: 6px;
	width: 181px;
}
.right_col_h3{
	width:100%;
	padding:5px 0px;
	text-align:center;
	background:#949ba1;
	margin:5px 0px;
	color:white;
}
/* CENTRE COLUMN STYLING */
.disp_cont{
 	width: 550px;
	margin-top: 10px;
}
.disp_cont .cont_header{
	background: url(../images/title_fill.jpg) repeat-x;
	height: 28px;
 	width: 550px;
	margin-bottom: 10px;
}
.disp_cont .cont_header h3{
	padding-top: 7px;
	width: 360px;
	font-size: 8pt;
	font-weight: bold;
	float: left;
}
.disp_cont .cont_header .cont_left{
	width: 9px;
	height: 27px;
	float: left;
	background: url(../images/title_left.jpg);
}
.disp_cont .cont_header .cont_right{
	width: 9px;
	height: 27px;
	float: right;
	background: url(../images/title_right.jpg);
}
.cont_head{
	background: url(../images/content_top.jpg) no-repeat;
	height: 6px;
	width: 550px;
}
.cont_body{
	overflow: auto;
	width: 528px;
	padding: 5px 10px 10px 10px;
	border-left: 1px solid #a6a6a6;
	border-right: 1px solid #a6a6a6;
	font-size: 10pt;
	background: white;
}
.cont_foot{
	background: url(../images/content_bot.jpg) no-repeat;
	height: 6px;
	width: 550px;
}

/* CONT BODY STYLES */
.cont_body p{
	margin: 0px 0px 15px 0px;
	text-align: justify;
}
.cont_body table{
	background: #f0f0f0;
	width: 100%;
}
.cont_body th{
	background: #f0f0f0;
	padding: 5px;
}
.cont_body td{
	background: #fbfbfb;
	padding: 5px;
}
.cont_body fieldset{
	padding: 5px;
	margin: 10px 0px;
	border: none;
}
.cont_body fieldset label{
	float: left;
	width: 210px;
}
.cont_body label{
	float: left;
	width: 220px;
}
.cont_body #form_holder{
	width: 500px;
	clear: left;
}
.cont_body #form_holder label{
	width: 190px;
	float: left;
	clear: left;
	margin: 8px 0px;
}
.cont_body #form_holder input{
	float: left;
	margin: 8px 0px;
}
.cont_body #form_holder select{
	float: left;
	font-size: 8pt;
	margin: 8px 0px;
}
.cont_body #form_holder input[type="checkbox"]{
	float: left;
	margin: 7px 0px;
}
.cont_body #form_holder h2{
	margin: 0px 0px 10px 0px;
}
.cont_body #form_holder_wide{
	width: 528px;
}
.cont_body #form_holder_wide label{
	width: 218px;
	float: left;
	margin: 5px 0px;
}
.cont_body #form_holder_wide input{
	float: left;
	margin: 5px 0px;
}
.cont_body #form_holder_wide select{
	float: left;
	margin: 5px 0px;
}
.cont_body #form_holder_wide input[type="checkbox"]{
	float: left;
	margin: 7px 0px;
}
.cont_body #form_holder_wide h2{
	margin: 0px 0px 10px 0px;
}
a.titwsmall:link, a.titwsmall:visited{
	color: white;
	text-decoration: none;
}
a.titwsmall:hover{
	color: white;
	text-decoration: underline;
}
.radio_div{
	width: 200px;
	float: left;
	margin: 0px 0px 7px 0px;
}
.cont_body #form_holder_wide .radio_div .radio_label{
	float: left;
	margin: 0px;
	width: 40px;
	padding-top: 5px;
}
.cont_body #form_holder_wide .radio_div input{
	float: left;
}
#main_content ul{ 
	margin: 0px 0px 15px 15px;
}
.stack{
	float: left;
	width: 240px;
}
label.job_label{
	float: left;
	clear: left;
	width: 140px;
	font-weight: bold;
}
.job_details{
	float: left;
	width: 150px;
}
#paging{
	width: 500px;
	float: left;
}
#paging ul{
	float:left;
	list-style:none outside none;
	margin:0;
	padding:10px 0;
}
#paging ul li{
	background:none repeat scroll 0 0 #FBFBFB;
	border:1px solid;
	float:left;
	margin:0 2px;
	padding:2px;
	text-align:center;
	width:20px;
}
.cp_fieldset{
	float: left;
	border: 1px solid #999;
}
.man_textarea{
	margin: 5px 0px;
	width: 250px;
	height: 100px;
}
.one_off_h5{
	clear: both;
	margin: 10px 0px 5px 0px;
	font-size: 8pt;
}.text_norm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.right_body_profile h2{
	margin-top: 15px;
	font-size:12pt;
}
.left_logins{
	width:165px;
	height: 17px;
	background:url(/images/jobseekers_button.jpg) no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 23px 8px 0px;
	color: white;
}
.left_logins a:link, .left_logins a:visited{
	color: white;
	text-decoration: none;
}
.left_logins a:hover{
	color: white;
	text-decoration: underline;
}

/*CAROUSEL*/

#carousel_container {
margin-left:8px;
}
#carousel_inner {
float:left; /* important for inline positioning */
width:115px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
position:relative;
height: 86px;
/* non-important styling bellow 
background: #F0F0F0;*/
}

#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:0px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:180px;  /* fixed width, important */
/* just styling bellow*/
background: #fff;
padding:0px;
height:86px;
margin-top:2px;
margin-bottom:2px;
margin-left:1px;
margin-right:1px;
text-align: center;
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#left_scroll, #right_scroll{
float:left;
height:86px;
width:25px;
background: #fff;
/*padding: 0px 5px;*/
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;

}.redhigh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF0000;
}
.testbox {
	background-color: #E9E9E9;
	padding: 10px;
	height: auto;
	width: 505px;
	border: 1px solid #F89925;
}
.jscolor {
	color: #13587e;
}
.reccolor {
	color: #ea9020;
}
.agentcolor {
	color: #a4a4a4;
}
#main_nav {
	text-align: center;
	
}
#main_nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main_nav li {
	padding: 0px;
	width: auto;
	margin-top: 0px;
	/*margin-right: 15px;*/
	margin-bottom: 0px;
	font-size: 1.1em;
	line-height: 22px;
	color: #000000;
	display: inline;
	text-align: center;
}
#main_nav li a:link, #main_nav li a:visited {
	color: #000000;
	text-decoration: none;
}
#main_nav li a:hover, #main_nav li a:active {
	color: #f89925;
	text-decoration: underline;
}