/* **************** 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,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:normal; 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 */ #bd {padding-bottom:60px;} /*==== 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:100; top:8px; min-width:549px;} #headerSearchForm {float:left; width:385px; margin-top:7px;} #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:8px 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-top:3px;} .nav {width: 960px; height: 94px; background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat; position:absolute;} .nav li {display: inline; cursor:default;} .nav li a:link, .nav li a:visited {position: absolute;top: 0;height: 94px;text-indent: -9000px;overflow:hidden; z-index:10; outline-style:none; outline-width:0;} .nav .home a:link, .nav .home a:visited {left: 150px; width: 102px;} .nav .home a:hover, .nav .home a:focus {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -150px -94px;} .nav .home a:active {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -150px -188px;} .current-home .home a:link, .current-home .home a:visited {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -150px -188px; cursor: default;} .nav-home, .nav-home-click {position: absolute;top:0;left: 127px;width: 103px;height: 34px; padding-top: 60px;background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -150px -94px;} .nav-home-click {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -150px -94px; height: 34px; padding-top: 60px;} .nav .jobs a:link, .nav .jobs a:visited {left: 252px; width: 100px; overflow:hidden;} .nav .jobs a:hover, .nav .jobs a:focus {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -252px -94px;} .nav .jobs a:active {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -252px -188px;} .current-jobs .jobs a:link, .current-jobs .jobs a:visited {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -252px -188px; cursor: default;} .nav-jobs, .nav-jobs-click {position: absolute;top:0;left: 227px;width: 91px;height: 94px;background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -252px -94px;} .nav-jobs-click {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -252px -188px;} .nav .people a:link, .nav .people a:visited {left: 351px; width: 102px;} .nav .people a:hover, .nav .people a:focus {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -351px -94px;} .nav .people a:active {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -351px -188px;} .current-people .people a:link, .current-people .people a:visited {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -351px -188px; cursor: default;} .nav-people, .nav-people-click {position: absolute;top: 0;left: 316px;width: 106px;height: 94px; background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -351px -94px;} .nav-people-click {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -351px -188px;} .nav .groups a:link, .nav .groups a:visited {left: 453px; width: 101px;} .nav .groups a:hover, .nav .groups a:focus {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -453px -94px;} .nav .groups a:active {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -453px -188px;} .current-groups .groups a:link, .current-groups .groups a:visited {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -453px -188px; cursor: default;} .nav-groups, .nav-groups-click {position: absolute;top: 0;left: 422px;width: 115px;height: 94px;background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -453px -94px;} .nav-groups-click {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -453px -188px;} .nav .blogs a:link, .nav .blogs a:visited {left: 554px; width: 98px;} .nav .blogs a:hover, .nav .blogs a:focus {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -554px -94px;} .nav .blogs a:active {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -554px -188px;} .current-blogs .blogs a:link, .current-blogs .blogs a:visited {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -554px -188px; cursor: default;} .nav-blogs, .nav-blogs-click {position: absolute;top: 0;left: 537px;width: 91px;height: 94px;background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -554px -94px;} .nav-blogs-click {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -554px -188px;} .nav .photos a:link, .nav .photos a:visited {left: 652px; width: 102px;} .nav .photos a:hover, .nav .photos a:focus {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -652px -94px;} .nav .photos a:active {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -652px -188px;} .current-photos .photos a:link, .current-photos .photos a:visited {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -652px -188px; cursor: default;} .nav-photos, .nav-photos-click {position: absolute;top: 0;left: 629px; width: 112px;height: 94px;background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -652px -94px;} .nav-photos-click {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -652px -188px;} .nav .videocenter a:link, .nav .videocenter a:visited {left: 754px ; width: 102px;} .nav .videocenter a:hover, .nav .videocenter a:focus {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -754px -94px;} .current-videocenter .videocenter a:link {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -754px -188px; cursor: default;} .nav-videocenter, .nav-videocenter-click {position:absolute;top: 0;left: 741px; width: 101px;height: 94px;background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -754px -94px;} .nav-videocenter-click {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -754px -188px;} .nav .forums a:link, .nav .forums a:visited {left: 856px; width: 104px;} .nav .forums a:hover, .nav .forums a:focus {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -856px -94px;} .nav .forums a:active {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -856px -188px;} .current-forums .forums a:link, .current-forums .forums a:visited {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -856px -188px; cursor: default;} .nav-forums, .nav-forums-click {position: absolute;top: 0;left: 842px;width: 118px;height: 94px;background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -856px -94px;} .nav-forums-click {background: url('http://images.healthcareerweb.com/imgs/hcw/mooncoat/homeNavsprite.png') no-repeat -856px -188px;} /*##############################################################################*/ /*################ 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%; height:315px;} #footerContent {width:950px; margin:0 auto; text-align:center;} .footerCol {text-align:center; margin-top:13px; padding-bottom:30px; 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 {margin-top:20px;} #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_bottom iframe {width:728px;height: 90px;border: 0;} .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; }