@charset "UTF-8";
/* Global reset of font sizes, margins and padding */
* { font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; }
body { font-size:76.1%; background:#fff url(images/black-stripe.gif) top left repeat}

/* Global heading styles */
h1, h2, h3, h4 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}
h1 {font-size:2.5em; font-weight:normal;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em; margin-top:1em;}

.ahri{background:url(images/bg_ahri_heading.gif) top left no-repeat; padding:5px 0 10px 35px;}
.arrow{background:url(images/bg_arrow_heading.gif) top left no-repeat; padding:5px 0 10px 35px;}
.heart{background:url(images/bg_heading_heart.gif) top left no-repeat; padding:5px 0 10px 45px;}
.pen{background:url(images/bg_heading_pen.gif) top left no-repeat; padding:5px 0 10px 35px;}
.title3 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color: #ff9900}

/* Text and list layouts */
ul, ol { margin-bottom:1em; color:#333;}
p, li{line-height:1.4em;}
p {margin:0.5em 0pt; color:#333;}
li {list-style-type:none; padding-left:10px; background:url(images/global_list_bullet.gif) no-repeat; background-position:0 .6em}

img{border:none;}

a{text-decoration:none;}

a:link, a:active, a:visited {color:#0066CC;}
a:hover {text-decoration:underline;}

small, .smallgray {color:#666; font-size: 0.8em; font-weight:normal;}
.gray {color:#666;}

/* Miscellaneous */
.clear{clear:both;}
.light_grey{color:#999999}
.horiz_dotted{background:url(images/horiz_dotted.gif) top left repeat-x; margin-top:15px;}
.align_right{text-align:right}
.float_right{float:right;}
.accessibility{position: absolute !important;top: -1000em !important;left: -1000em !important;}
.requiredf{padding-bottom: 4px}

/* LISTS */
ul.arrowBullet li{background:url(images/bullet_arrow.gif) no-repeat; background-position:0 .5em; padding-left:13px;}

ul.striped li{background:#f2f1f1; margin-bottom:.2em; padding:1px 2px 1px 10px; height:35px;}
ul.striped li.even{background:#fff;}
ul.striped li.single{padding-top:9px;height:26px}

/* ICONS */
.iconAdd{background:url(images/icon_add.png) top left no-repeat; padding:2px 18px; line-height:1.8em;}
.iconDelete{background:url(images/icon_delete.gif) no-repeat; padding-left:18px; line-height:1.8em;}
.iconEdit{background:url(images/icon_edit.gif) no-repeat; padding-left:18px; line-height:1.8em;}
.iconSave{background:url(images/icon_save.gif) no-repeat; padding-left:18px; background-position:0 .1em; line-height:1.8em}

.iconEmail{background:url(images/icon_email.gif) no-repeat; padding-left:18px; background-position:0 .1em; line-height:1.8em}
.iconHistory{background:url(images/icon_scroll.png) no-repeat; padding:2px 22px; line-height:1.8em}
.iconJob{background:url(images/icon_briefcase.png) no-repeat; padding:2px 18px; line-height:1.8em}
.iconLock{background:url(images/icon_lock.gif) no-repeat; padding-left:18px; background-position:0 -.2em; line-height:1.8em}
.iconNew{background:url(images/icon_new.gif) no-repeat right; padding-right:40px;}
.iconPrint{background:url(images/icon_print.gif) no-repeat; padding-left:18px; line-height:1.8em}
.iconResume{background:url(images/icon_papers.gif) top left no-repeat; padding:14px 38px;}
.iconRSS{background:url(images/icon_rss.gif) top left no-repeat; padding-left:19px}

/*::::::::::::::: LAYOUT ::::::::::::::::::::::::::::::::::::::::*/
/* global content container */
#container {width:992px; margin:0 auto 60px auto; overflow:visible; background:#fff url(images/bg_top.gif) top left repeat-x;}

#main {margin:15px; background:url(images/bg_dual_col.gif) top left repeat-y;}
#main2col {margin:15px; background:url(images/bg_tri_col.gif) top left repeat-y;}
#mainhome {margin:15px; background:url(images/bg_tri_col_home.gif) top left repeat-y;}

#lhs_column {width:346px; float:left; margin-right:15px;}
#lhs_column_full {width:723px; float:left; margin-right:15px;}

#mid_column {width:347px; float:left; margin:0 15px;}
#rhs_column {width:209px; float:right; margin:0;}

#lhs_column_home {width:209px; float:left; margin-right:15px;}
#mid_column_home {width:484px; float:left; margin:0 15px;}

#top_content {width:700px; background-color:#fff; padding-bottom:5px;}

#content_main {float:left;}

.half {float: left;	width:45%; margin: 0 10px 0 0;}


/*::::::::::::::: CLEARFIX ::::::::::::::::::::::::::::::::::::::::*/
/* Clear fix - see http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* End of Clear fix - http://www.webtoolkit.info/css-clearfix.html */

/*::::::::::::::: NAVIGATION ::::::::::::::::::::::::::::::::::::::::*/
#header { overflow: hidden; margin:0 15px;}
#header .rhs{float: right; margin:3px 15px 0 0; width:550px }

#global_nav{font-size:.9em;  color:#049de0; float:right}
#global_nav li {position: relative; float: left; display: block; list-style: none; margin:0; background:none;}
#global_nav li a{color:#049de0}

/* Site sponsor banner */
#sponsor{width:468px; height:60px; float:right;}

#logo{margin:30px 0 0 0}
#logo span {display: block; width: 0; height: 0; overflow: hidden;}

.nav_container{background:url(images/sub_bg.jpg) top left no-repeat; height:49px; margin-top:15px; padding:0;}
.nav_container.bannerhome{background:url(images/banner_home.jpg) top left no-repeat; height:190px; margin-top:15px; padding:0;}
.nav_container.banneremployer{background:url(images/banner_advertiser.jpg) top left no-repeat; height:190px; margin-top:15px; padding:0;}

#navigation ul{ padding-right: 15px; margin-left:110px}

#navigation li { 
	float: left; display: block; list-style: none; 
	line-height: 33px !important; font-size:1.4em; padding-left:0;
	background:none;
	margin-left:-1px;
}

#navigation li a { display: block; min-height:23px; max-height:73px; padding: 0 15px; }

#navigation li a {text-decoration: none; color:/*#45565a*/#3f76bb; background: url(images/menu_a.gif) right center no-repeat; }

#navigation a.last { background: none; }

#navigation li.current a, 
#navigation li.current a:hover {
	color: #fff; background: #259dd8 url(images/menu_a_current.gif) right top repeat-x;
}

#navigation li a:hover,
#navigation li a:focus,
#navigation li.active a {
	color: #fff; background: #39a950 url(images/menu_a_active.gif) right top repeat-x; 
}

/*::::::::::::::: ERROR/INFO MESSAGES ::::::::::::::::::::::::::::::::::::::::*/
.msg_error, .msg_info {font-size: 1.1em; padding:10px 0 0 30px; font-weight:bold;}
.msg_error {color: #ff9900; background:url(images/warn.gif) left no-repeat;}
.msg_info {color: #8000ff; background:url(images/information.gif) left no-repeat;}

/*::::::::::::::: PAGINATION ::::::::::::::::::::::::::::::::::::::::*/
.pages { text-align: center; margin-bottom: 20px; margin-top: 20px; }
.Paginator { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto;}
.Paginator a, .pageList .current { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.Paginator a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}

.Paginator .current {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff; color: #000; }
.Paginator .inactive { margin-right: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.Paginator .Prev, .Paginator .Next {padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.Paginator .Prev { margin-right: 20px; }
.Paginator .Next { margin-left: 20px; }

.pages div.results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }

/*::::::::::::::: BASE FORM ::::::::::::::::::::::::::::::::::::::::*/
form {margin:0 0 20px 0; padding:0; } 
fieldset {border:none;}
fieldset legend {color:#67b9dc; padding-top:4px; padding-bottom: 10px; font-weight:bold; font-size:1.4em; font-family:Arial, Helvetica, sans-serif;}
fieldset ol {padding:0; list-style:none; margin:0 1em 0 2em;}
fieldset li {float:left; clear:left; width:100%; padding:0 0 0.5em 0; margin:0; background:none; }
fieldset label {float:left; width:10em; margin-right:1em; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1.2em}
fieldset label a {font-weight:normal; font-size:0.8em;}
.label_indent {margin-left:13.2em;}
.indent {margin-left:13.2em;}

input.text, select, textarea {
	width:18em; margin-bottom:.2em; border:1px solid #000000; 
	font-size:1.2em; color:#010101; font-family:Arial, Helvetica, sans-serif;
}
select {width:18.15em}
select.shortselect {width:auto;}
textarea {width:30em; height:12em;}
input.radio {margin-left:20px; border:none;}
input.checkbox {border:none;}

input.submit, a.button {
	background:transparent url(images/button.png) top left no-repeat;
	border:none; width:83px; height:32px; color:#fff; font-weight:bold;
}
input.submit {cursor:pointer;}

input.submit.wide, a.button.wide {background:transparent url(images/button_wide.png) top left no-repeat; width:120px;}
input.submit.wideblue, a.button.wideblue {background:transparent url(images/button_wideblue.png) top left no-repeat; width:150px;}

a.button {text-align:center; display:block; width:83px; height:24px; padding-top:8px;}
input.submit:hover, a.button:hover {background-position:left bottom; text-decoration:none;}
a.button:hover, a.button:visited {color:#fff;}

/*::::::::::::::: FOOTER ::::::::::::::::::::::::::::::::::::::::*/
#footer{background:#223037; width:952px; padding:20px 20px 20px 20px; color:#FFF; margin:0; height:auto;}

#footer ul{list-style-type:none; margin:0 20px 0 0; padding:0; float: left;}

#footer li{padding:0; margin:0; line-height:1.7em; float: left; color:#CCCCCC}

#footer a{color:#7ebefd;}
#footer p{color:#7f7e7e}

#footer p.head{font-size:1.4em; color:#FFF; line-height:1.2em; font-family:Georgia, "Times New Roman", Times, serif}

/*::::::::::::::: LOGIN BOX ::::::::::::::::::::::::::::::::::::::::*/
.loginmodule {margin:0;}
.loginmodule legend { display:none; }
.loginmodule label {font-size:1em;}
.loginmodule input.text {width:180px;}
.loginmodule input.submit {float:right; margin-right:20px;}
.loginmodule p.additional {margin:0; float:left;}
/* on home page */
.loginmodule.rhs {margin:11px 0 0 795px;}
.loginmodule.rhs label {font-size:1em; color:#fff;}
.loginmodule.rhs p.additional {width:80px;}
.loginmodule.rhs p.rememberme,
.loginmodule.rhs p.additional a {color:#FFFFFF;}

.loginmodule fieldset { border :none; }

/*::::::::::::::: MY ACCOUNT BOX ::::::::::::::::::::::::::::::::::::::::*/
.myAccount strong{display:block; line-height:1em}
.myAccount{
	border:1px solid #b5e9fe; width:190px; padding:5px 5px 0 5px; margin:0;
	background:#fff url(images/bg_myaccount.gif) bottom left repeat-x; 
}
.myAccount.topright {
	width:180px; background:none; border:none;
	padding:0; margin:0;
}
.myAccount.topright a, .myAccount.topright a:visited, .myAccount.topright li {color:#fff;}
.myAccount ul{margin-top:.8em}
.myAccount li{padding-bottom:.7em; line-height:2em; padding-left:30px}
.myAccount li.home{background:url(images/icon_home.png) top left no-repeat; width:160px;}
.myAccount li.saved{background:url(images/icon_heart.png) top left no-repeat; width:160px; background-position:0 .4em;}
.myAccount li.alerts{background:url(images/icon_mail.png) top left no-repeat; width:160px;}
.myAccount li.jobmanager{background:url(images/icon_clipboard.png) top left no-repeat; width:160px; background-position:0 .2em;}
.myAccount li.resume{background:url(images/icon_resume.png) top left no-repeat; width:160px; background-position:0 .2em;}


/*::::::::::::::: HOME PAGE ::::::::::::::::::::::::::::::::::::::::*/
#sponsorDiv {display:none; position:absolute; left:-999999999;}

#searchmodule fieldset { border :none; }
#searchmodule legend { display : none; }
#searchmodule label { display : none; }

#searchmodule {margin:18px 0 0 0; float:left; width:200px; padding-left:15px}
#searchmodule ol{padding:0; margin:0;}
#searchmodule li{background:none; padding:0; margin:0;}
#searchmodule select{width:180px;}
#searchmodule input.text {width:180px;}
#searchmodule input.submit {float:right; margin-right:20px;}
#searchmodule p.additional {margin:0; float:left;}
#searchmodule p.additional a {color:#FFFFFF}

#module_jobsBycategory ul.arrowBullet li {color:#999}

.promoModule {width:220px; height:75px; padding:26px 0 0 8px; display:block}
#module_learningCentre h3, .promoModule h3 {margin-top:0;}

.promoModule.jobseeker{float:left; background:url(images/bg_jobseekers.gif) top left no-repeat;}
.promoModule.jobseeker:hover{background-position:left bottom; text-decoration:none;}

.promoModule.advertiser{float:right; background:url(images/bg_advertisers.gif) top left no-repeat;}
.promoModule.advertiser:hover{background-position:left bottom; text-decoration:none;}

#module_learningCentre{background:url(images/bg_blue_box_lrg.gif) top left no-repeat; width:473px; height:152px; padding:15px 0 0 10px; display:block}
#module_learningCentre:hover{background-position:left bottom; text-decoration:none;}
#module_learningCentre a {text-decoration:none;}

#resourcesModule, #module_hotJobs, #module_learningCentre, 
#module_featuredAdvertisers, #module_JoinAhri, #module_whatsOn {
	margin-top:0.5em;
}
#resourcesModule ul{float:left; width:155px; padding-right:5px;}
#resourcesModule li{padding-bottom:5px}
#resourcesModule ul.last{padding-right:0;}

#module_hotJobs .arrow{background:url(images/bg_arrow_heading_hotjobs.gif) top left no-repeat; padding:10px 0 0 50px; background-position:0 -.1em; line-height:2.4em;}
#module_hotJobs {background:url(images/bg_hotjobs.gif) bottom left repeat-x; padding-bottom:2px;}
#module_hotJobs ul{margin-left:10px;}

/*::::::::::::::: TABLE LISTING ::::::::::::::::::::::::::::::::::::::::*/
table.listing {border:solid 1px #b5e9fe; margin:1em 0; font-size:inherit;}
table.listing.widelist {width:100%}
table.listing th, table.listing td {margin:0; padding:0 4px;}
table.listing th {text-align:left;}
tr.listhead {background-color:#b5e9fe;}
tr.row1 {background-color:#ebeeff;}
table.listing th.numeric, table.listing td.numeric {text-align:right;}
