/* ****************        HCW CSS-Library        ****************************** */
/* ***********      Version 1.0 / Author: Nick Lewis      ***********************/
/* **********   Global Library including styles and grid     ********************/



/*##############################################################################*/
/*################       Global Reset               ############################*/
/*##############################################################################*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*defaults */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p {padding:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding:0;}

/* ====== Elements ====== */
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #BCBCBC; border-width: 0 0 5px 0; margin: 20px 20px 0 20px;}
code{color:#0B8C8F;}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color: #4F4F4F;}
h2, .h2{font-size:167%; font-weight:bold; font-style: normal; color: #4F4F4F;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color: #4F4F4F;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color: #4F4F4F;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.important a{font-weight:bold;}

/* links */
a { color: #036; font-weight:normal;text-decoration: underline; outline:none; }
a:focus, a:hover { text-decoration:none; }
a:visited { color:#106EA1; }

/* heading links */
h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a{color: #588D0B; font-weight:normal;display:block;}
h5 a, .h5 a{color: #588D0B; font-weight:normal;display:block;}
h6 a, .h6 a{color:#404040; font-weight:normal;display:block;}
.h1 a:visited, h1 a:visited{color: #588D0B;}
.h2 a:visited, h2 a:visited{color: #588D0B;}
.h3 a:visited, h3 a:visited{color: #588D0B;}
.h4 a:visited, h4 a:visited{color: #588D0B;}
.h5 a:visited, h5 a:visited{color: #588D0B;}
.h6 a:visited, h6 a:visited{color: #588D0B;}

/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}

/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;}
th, td{vertical-align:top;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{}
.data th{color: #000; font-weight:bold}

/* ====== Text ====== */
.centered {text-align:center;}



/*##############################################################################*/
/*################       Global Grid / Structure            ####################*/
/*##############################################################################*/

/*=== Page Container: Sets maximum width of page and centers ===*/
body 										{background:url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/globalBg.png') repeat-x; font-family:Arial, Sans-Serif; font-size:12px;}
#page										{margin: 0 auto; width:960px; background:#fff; padding-top:4px; color:#484848;} /* wraps entire page */
#hd											{z-index:10;}
#bd											{padding-bottom:60px;z-index:0;}

/*==== Grid Line:  Creates horizontol grid lines ====*/
.gridline, .lastUnit 						{overflow: hidden; _overflow: visible; zoom:1;width:auto !important;}

/*==== .Col - Creates column units within grid line ====*/
.col										{float:left;_zoom:1;}

/*==== .LastUnit - extends Col, for last col in gridline  ====*/
.lastCol 									{float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}


/*====  Column Sizes (1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5)  ====*/
.is1of1										{float:none;}

.is1of2										{width:50%;_width:49.9% !important; }
.is1of2b									{width:48% }

.is1of3										{width:33.33333%;_width:33.25% !important; }
.is2of3										{width:66.66666%;_width:66.65% !important; }

.is1of4										{width:25%;_width:24.95% !important; }
.is3of4										{width:75%;_width:74.95% !important; }

.is1of5										{width:20%;_width:19.95% !important; }
.is2of5										{width:40%;_width:39.95% !important;}
.is3of5										{width:60%;_width:59.95% !important;}
.is4of5										{width:80%;_width:79.95% !important;}


/*=== Global Logo & Navigation ===*/

.navContainer 								{height:94px;}
#globalLogoBttm 							{height:19px; left:58px; position:relative; top:0; width:20px; z-index:1000;}

/*=== Page Headers === */
.pageHeader									{width: 950px; margin:0 auto; background: #116E9E; height:32px; color:#fff; font-size:14px;  }
.pageHeader h2								{color:#fff; font-size:16px; padding:8px 0 0 8px; font-family:Arial, Sans-Serif; font-weight:bold;}
.pageHeader h1 a						{color:#fff;}
.pageWidth									{width:950px !important; margin:0 auto;}

/*=== Page Boxes ===*/
.boxHeader 									{background:url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/boxheaderBg.jpg') repeat-x #34CCF5; height:32px; color:#fff; margin:0 auto; padding:0; font-family:"Trebuchest MS", Arial, Sans-Serif;}
.boxHeaderAlt								{background:#116E9E; height:32px; color:#fff; margin:0 auto; padding:0; font-family:"Trebuchest MS", Arial, Sans-Serif;}

.boxHeader  h2,
.boxHeaderAlt  h2							{color:#fff; float:left; font-size:1.17em; margin:8px 0 0 5px; padding:0; height:15px;}
.member-name h2							{font-size:12px; font-weight:600;}
.boxHeader a,
.boxHeaderAlt a 							{color:#fff; text-decoration:underline; font-size:1em;}

.boxBody									{background:url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/boxbodyBg.jpg') repeat-x #fff;  margin:0 auto; padding:0;}

.headerViewAll 								{float:right; margin:8px 5px 0 0;}
.boxContainer								{width:640px; margin:0 auto;}


/*=== Global Real Media ===*/
.adlabel									{font-size:12px; color:#8D8D8D; letter-spacing:1px; text-align:center;}
.rightColAd									{width:300px; margin:0 auto;}


/*===== Flash Message ===== */
#flashMessage								{padding:40px 0; width:90%; padding:20px; text-align:center; border:1px solid #D5D5D5; margin:15px auto;}
#flashMessage h3,
#flashMessage h3 a							{color:#027BAC;}

/* Sub Page Header Bttns **** */
#headerSearchContainer						{float:right; position:relative; z-index:1005; top:2px; min-width:549px;}
#searchTag									{color: #0080B6;padding:0 0 0 18px;}
#headerSearchForm							{float:left; width:385px; }
#headerSearchKeyword,#headerSearchLocation	{width:126px; margin:6px 6px 0 0;}
#headerSearchKeyword input,
#headerSearchLocation input					{width:120px; height:1.35em; background:#fff; border:1px solid #858585; font-size:12px; color:#666; padding:2px;}
#headerSearchSubmit							{width:106px;}
#headerBttnLinks							{float:left; margin:0; width:174px;}
#headerBttnLinks a							{text-decoration:none;}
#headerBttnLinks img						{border:none;}
#headerBttnLinks ul li 						{display:inline; list-style-type:none;}
.searchJobsBttn								{margin-right:5px;}
.membersBttn								{}
.employerBttn								{}





/*##############################################################################*/
/*################       Global Navigation           ###########################*/
/*##############################################################################*/

#globalNav									{height:94px; width:960px; margin:0; padding:0;background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/facelift/navBar.jpg') no-repeat;position:relative;}
#mainNav {position:absolute; left:150px; top:62px;width:810px;z-index:1000;}
#mainNav li {display:block;float:left;text-align:center;position:relative;}
#mainNav a {font-size:16px;color:#fff;font-weight:bold;text-decoration:none;display:block;width:101px;height:32px;line-height:32px;}
#mainNav a:hover {background:#5cdef4;}
.submenu {z-index:100000;border:1px solid #008cc2;border-width:0 1px 1px;position:absolute;left:-10000px; top:32px;min-width:101px;*width:150px;background:#fff;}
#mainNav li:hover ul, #mainNav li a:hover ul {left:0;}
#mainNav .submenu a {text-align:left;color:#008cc2;font-size:14px;padding:2px 7px 2px 5px;height:auto;line-height:14px;width:auto;}
#mainNav .submenu a:hover {color:#fff;background:#008cc2;}
#mainNav .submenu li {color:#008cc2;height:auto;line-height:auto;border: 1px solid #fff; overflow:hidden; background:#fff; white-space:nowrap; float:none;padding:0;}
.current {background:#004f7a;}
.socialMedia {position:absolute;top:64px;right:10px;z-index:200000;}

/* Forms */

#auto_fill, #auto_fill_display				{background: #116E9E;color:#fff;border:3px double #fff;height:auto;cursor:pointer;margin:0 0 0 10px;}


/*##############################################################################*/
/*################       Global Footer             ############################*/
/*##############################################################################*/

/*===Start Bottom Ad ============================================*/
#pagebottomAd 								{text-align:center; width:100%; background:#E2E2E2; height:120px;}
#pagebottomAd > p 							{font-size:1em; color:#7B7B7B; letter-spacing:0.2em; text-align:center; margin:8px 0 4px 0;}

/*===End Bottom Ad =============================================*/

/*===Start Global Footer =======================================*/
#globalFooter 								{background:url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/globalfooterBg.jpg') repeat-x; width:100%; Xheight:315px;}
#footerContent								{width:950px; margin:0 auto; text-align:center;}
.footerCol									{text-align:center; margin-top:13px; padding-bottom:25px; width:315px !important;}
.footerCol h2								{font-weight:bold; color:#fff; font-size:1.50em;}
.footerCol li a								{color:#fff !important; font-size:14px; line-height:16px; text-decoration:none;}
.footerCol li a:hover						{color:#37BEF1 !important; font-size:14px; line-height:16px;}

.legality									{color:#FFF; font-size:9px;}
#global_legality							{padding-bottom:10px;}
#global_legality a							{color:#FFF; text-decoration:none;}
#global_legality a:hover					{text-decoration:underline;}
/*===End Global Footer =========================================*/

.hcw_404									{width:549px; margin:0 auto 15px auto;}
.errorPage h1								{font-size:25px; color:#064B74; font-weight:bold;}
.errorPage h2								{font-size:18px; color:#2A588F; font-weight:bold;}
.errorPage a								{font-size:16px;}
.errorPage a:hover							{color:#2A588F;}

.errorTag h4								{color:red; font-weight:bold;}
.errorTag p 								{color:red;}

.reg_error {
color:red;
font-size:11px;
font-weight:bold;
}

#rm_top {
	width:740px;
	height:90px;
	padding:5px 0 5px 12px;
	margin: 0 auto;
}
#rm_bottom iframe							{width:728px;height: 90px;border: 0;}
.adlabelimage {
background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/virt_advertisement.png');
width:12px;
height:90px;
float:left;
}
.qtip-defaults span, .qtip-defaults font, .qtip-defaults strong span{ color:#FFF; font-size:12px; }

.formWrapper .required 						{color:red;}

/*Jobs Widget*/
#my_jobs_widget {width:100%;}
.my_jobs_joblisting {padding:3px 3px 8px 3px; border-bottom:1px solid #C7C7C7;}
.my_jobs_joblisting p {margin:2px;}
.text-right {text-align:right;}


/* job details fix */
.jobDetails									{margin: 10px 5px; float: right;}


/* recrutier login fix */

/* css for .impromptu plug in*/

.jqifade{
      position: absolute;
      background-color: #aaaaaa;
}
div.jqi{
      width: 400px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 11px;
      text-align: left;
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{
      font-weight: bold;
}
div.jqi .jqiclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #bbbbbb;
      font-weight: bold;
}
div.jqi .jqimessage{
      padding: 10px;
      line-height: 20px;
      color: #444444;
}
div.jqi .jqibuttons{
      text-align: right;
      padding: 5px 0 5px 0;
      border: solid 1px #eeeeee;
      background-color: #f4f4f4;
}
div.jqi button{
      padding: 3px 10px;
      margin: 0 10px;
      background-color: #2F6073;
      border: solid 1px #f4f4f4;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
}
div.jqi button:hover{
      background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
      background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
      background-color: #BF5E26;
}

/* Jobalerts */
.createJobAlertbody 							{background:#fff;border: 1px solid #CCCCCC;border-width: 0 1px 1px; margin-bottom: 10px;padding:10px;}
#createjobAlertForm 							{width:250px; margin:0 auto;}
#createjobAlertForm label						{width:80px; display:inline-block;text-align:right;padding-right:5px;font-weight:600;}
#createjobAlertForm li							{padding:2px 0;}
#createjobAlertForm  .input,
#createjobAlertForm  select 					{background:#FFFFFF none repeat scroll 0 0; border:1px solid #D0D0D0;height:20px;}
#alertZip										{width:55px;}
#alertSubmit									{text-align:center;}
.whatIs 										{text-align:center;}
#JApageApp .whatIs								{display:none;}
.consentBox										{margin-top:4px;}
#jobalertMessage								{width:80%;  margin:0 auto; z-index:100;}
#jobalertMessage p 								{font-size:13px; color:#fff; padding:6px; text-align:center;  background:#116E9E; position:relative; top:60px;}