@charset "UTF-8";
/* ---------------------------------------------------------------------------- */
/* ----------------------------  >> Global CSS <<  ---------------------------- */
/* ---------------------------------------------------------------------------- */

/* =imports */
@import url("/media/styles/reset.css");
@import url("/media/styles/formOverrides.css");


/* =html */
html { height:100%; margin:0; }


/* =body */
body { background:url(/media/images/bodyBg.gif) #fff top repeat-x; font-family:Arial, Helvetica, sans-serif; height: 100%; margin:0 auto; text-align:center; }


/* =layout */
#branding {	height:123px; margin:0 auto; overflow:hidden; width:760px; }
#navigation { background:url(/media/images/navBg.gif) right no-repeat; height:30px; margin:0 auto 7px auto; overflow:hidden; width:760px; }
#content { color:#999; font-size:90%; height: auto !important; height: 100%; margin: 0 auto -150px; min-height: 100%; position:relative; text-align:left; width:760px; }
#siteinfo_container, p.push { clear:both; height: 150px;  }
.push2 {clear:both; height:40px;}
#siteinfo_container { background:url(/media/images/siteinfoBg.gif) #000 top repeat-x; clear:both; position:relative; width:100%; }
#siteinfo { color:#fff; font-size:70%; margin:0 auto; padding-top:1.5em; position:relative; width:760px; }


/* =heading */
h1 { color:#489fb8; font-size:180%; font-weight:bold; margin-bottom:.45em; }


/* =branding section */
#branding a.logo { background:url(/media/images/logo.png) no-repeat; display:block; float:left; height:48px; margin-top:45px; width:378px; }
#branding a.logo span { display:none; }
#branding div.quicksearch { float:right; margin-top:55px; text-align:right; }
#branding div.quicksearch img { vertical-align:middle; }
#branding div.quicksearch input { background:url(/media/images/inputBg.gif) #fff bottom repeat-x; border:1px solid #ccc; height:18px; padding-left:3px; width:160px; }


/* =navigation section */
#navigation ul { background:url(/media/images/navBg.gif) right no-repeat; height:30px; text-align:right; width:auto !important; }
#navigation li { color:#fff; display:inline; margin-right:3px; height:30px; }
#navigation li a { color:#fff; font-size:80%; font-weight:bold; height:30px; line-height:2.2em; padding:3px; text-decoration:none; }
#navigation li:hover { background-color:#72c4d8; color:#FFF; }


/* =content section */
#content p { line-height:1.5em; }
#content a { color:#489FB8; text-decoration:underline; }
#content a:hover { color:#72C4D8; }
#content a:focus { outline:none; }
#content div.breadcrumb { clear:both; height:30px; padding-top:1em; text-align:right; }
#content div.breadcrumb a { color:#72c4d8; font-size:80%; font-weight:bold; }
#content div.breadcrumb a.previous { color:#CCC; font-weight:normal; }
#content div.welcome { float:left; padding-bottom:1.5em; position:relative; width:430px; }
#content div.apply_form { background:url(/media/images/applyBg.png) top no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; height:309px; margin-left:440px; position:relative; width:313px; padding-top:70px; }
#content div.forEmployers_form { margin-left:1.5em; }
#content div.callout { border-top:1px dashed #e5e5e5; clear:both; padding:1.5em 0; overflow:hidden; position:relative; }
#content div.callout ul.left { float:left; height:241px; width:508px; }
#content div.callout ul.left li { display:block; height:118px; }
#content div.callout ul.left li.callout_searchjobs { background:url(/media/images/calloutBg_yellow.gif) top no-repeat; margin-bottom:5px; text-align:right; }
#content div.callout ul.left li.callout_searchjobs img { margin-top:3.2em; margin-right:.95em; }
#content div.callout ul.left li.callout_employers { background:url(/media/images/calloutBg_blue.gif) top no-repeat; text-align:right; }
#content div.callout ul.left li.callout_employers img { margin-top:2.4em; margin-right:.95em; }
#content div.callout ul.right { background:url(/media/images/calloutBg_green.gif) top no-repeat; float:right; height:241px; width:248px; }
#content div.callout ul.right a { color:#fff; text-decoration:underline; }
#content div.callout ul.right a:hover { color:#eee; }
#content div.callout ul.right li ul { padding-top:3em; }
#content div.callout ul.right li ul li { background:url(/media/images/icnBullet.gif) 3px 3px no-repeat; margin:.45em 0 .45em .55em; padding-left:1em; }
#content div.callout ul.right li ul li.hotjobs_button { background:none; margin:0; padding-top:.75em; }
#content #leftcol { background:url(/media/images/subnavBg.gif) bottom #fff repeat-x; border:1px solid #e5e5e5; float:left; padding:15px 0 0 0; width:190px; }
#content #leftcol a { color:#72c4d8; font-weight:normal; text-decoration:none; }
#content #leftcol a:hover { text-decoration:underline; }
#content #leftcol div.subnav ul { padding:0 0 15px 12px; }
#content #leftcol div.subnav li { font-weight:bold; margin:0 0 5px 0; }
#content #leftcol div.ads { clear:both; padding:10px; }
#content #maincol { margin-bottom:1.4em; margin-left:210px; min-height:650px !important; width:545px; }
#content #maincol.extended { margin-bottom:1.4em; margin-left:0; width:100%; }
#content #maincol li { background:url(/media/images/icnBullet.gif) 3px 7px no-repeat; list-style-type:none; padding:.25em 0 .25em 1.25em; margin-left:1.5em; }
#HMpgLogo {padding-bottom: 10px; margin-top:70px; position:relative;}
#HMpgLogo img {  display:inline; padding: 10px 30px; }


/* =siteinfo section*/
div#siteinfo ul { border-bottom:1px solid #666; clear:both; height:20px; margin-bottom:.85em; padding-top:1.5em; width:100%; }
div#siteinfo li { display:inline; }
div#siteinfo li a { margin:0 1.55em; }
div#siteinfo a { color:#72c4d8; font-weight:bold; text-decoration:none; }
div#siteinfo a:hover { text-decoration:underline; }
div#siteinfo span.copyright { display:block; float:left; width:auto; }
div#siteinfo span.legal { display:block; float:right; width:auto; }


/* =form */
div.apply_form form { margin:0; padding:0 0 0 25px; }
div.apply_form fieldset { margin-left:28px; padding-top:60px; }
div.apply_form div { margin:.55em 0; }
div.apply_form label { display:block; float:left; font-weight:bold; line-height:1.9em; width:90px; }
div.apply_form input { background:url(/media/images/inputBg.gif) #fff bottom repeat-x; border:1px solid #ccc; height:20px; padding-left:3px; padding-top:3px; width:160px; }
div.apply_form select { background:url(/media/images/selectBg.gif) #eee bottom no-repeat; border:1px solid #aeaeae; width:165px; }
div.apply_form p { font-size:90%; margin-left:90px; }
div.apply_form a { color:#489fb8; font-weight:bold; text-decoration:none; }
div.apply_form a:hover { text-decoration:underline; }

div.forEmployers_form form { margin:0; padding:0; }
div.forEmployers_form div { margin:.55em 0; }
div.forEmployers_form label { display:block; float:left; font-weight:normal; line-height:1.9em; width:120px; }
div.forEmployers_form label.req { font-weight:bold; }
div.forEmployers_form input { background:url(/media/images/inputBg.gif) #fff bottom repeat-x; border:1px solid #ccc; height:20px; padding-left:3px; padding-top:3px; width:160px; }
div.forEmployers_form input.submit { background:url(/media/images/btnSubmit.gif); border:none; color:#fff; font-size:12px; height:29px; margin:0 0 0 120px; padding:0; width:170px; }
div.forEmployers_form select { background:url(/media/images/selectBg.gif) #eee bottom no-repeat; border:1px solid #aeaeae; width:165px; }
div.forEmployers_form p { font-size:90%; margin-left:90px; }
div.forEmployers_form a { color:#489fb8; font-weight:bold; text-decoration:none; }
div.forEmployers_form a:hover { text-decoration:underline; }


/* =clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* Fix for IE-mac */
.clearfix { display:inline-block !important; }

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */