/**
\ Table of contents \
--------------------------------------------------------------------------------
  Section names are prefixed with 2 equal signs to easily be found with ctrl+f. 
  Subsections are prefixed with 3 equal signs.

  Global (overrides)
  Structure
  Navigation
  Nodes
  Sidebars
  Blocks
  Footer
  Page specifics
  CSS Support
  Administration
--------------------------------------------------------------------------------
  26px = 2.166667em
  24px = 2em
  22px = 1.8333em
  20px = 1.6667em
  19px = 1.5833em
  18px = 1.5em
  16px = 1.333333em
  14px = 1.1667em
  13px = 1.083333em
  12px = 1em
  11px = 0.9167em
  10px = 0.8333em
--------------------------------------------------------------------------------
*/

/**
 * ==GLOBAL
 ******************************************************************************/
/* This removes padding and margin for all elements */
* {
  margin:0;
  padding:0;
}

body {
  color: #666;
  background: #d7e1e9 url(../images/bg-site.png) 0 0 repeat-x;
  font: 75% Arial, Helvetica, sans-serif;
}

/* ===headlines */
/**
 * The h1 represents the logo, with the <a> inside it's clickable.
 */
h1 {
  font-size:1%; /* we dont want this text visible */
  height:76px;
  position:absolute;
  width:384px;
}
/* Common headline formattings */
h2,h3,h4,h5,h6 {
  margin: 0em 0 0.5em;
  color: #7d9ab2;
}
h2 {
  font-size:1.5em;
  font-weight:normal;
  padding:5px 0 4px;
}
/* Main area headlines */
#main h2,
h2.title {
  border-bottom:1px solid #7D9AB2;
}
h3 {
  font-size: 110%
}
h4,h5,h6 {
  font-size: 100%
}

/* ===links */
h1 a {
  float: left;
  width: 100%;
  height: 100%;
  text-indent: -99999px;
}
a {
  color: #547b99;
  text-decoration: none
}
a:hover {
  text-decoration: underline
}

p {
  line-height: 1.5em;
  margin: .5em 0 1.5em;
}

a img {
  border: none; 
  outline: none; 
}

pre, code {
 font-size: 1.333333em;
 margin: .5em 0 1.5em;
}

blockquote {
  padding: 1em 1em 0;
  margin: .5em 4em;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  font-style: italic;
}

/**
 * ==STRUCTURE
 ******************************************************************************/
#bgwrapper {
  background: transparent url(../images/bg-header.png) 50% 0 no-repeat;
  min-width: 960px;
}

#wrapper {
  margin: 0 auto;
  width: 976px;
}

#header {
  height: 77px;
  position: relative;
}

#container {
  float: left;
  background: transparent url(../images/bg-wrapper.png) 50% 0 repeat-y;
  padding:20px;
  width:936px;
  position: relative;
}

#main {
  float: left;
  width: 100%;
  line-height: 1.5em;
  overflow: hidden;
}
.sidebar-left #main {
  width: 666px;
  padding-left: 15px;
}
.sidebar-right #main {
  width: 696px;
  padding-right: 15px;
}
.two-sidebars #main {
  width: 411px;
  padding: 0 15px;
}


/**
 * ==NAVIGATION
 ******************************************************************************/
#nav {
  height:100px;
  text-align: center;
}

ul.links li {
  margin: 0 10px 0 0;
  padding: 0;
}

/* ===primary links */
#nav ul {
  float:left;
  list-style:none outside none;
  margin:0;
  padding:0 16px;
  width:455px;
}
#nav ul li {
  float:left;
  height:28px;
  line-height:28px;
  margin:0 0 0 4px;
  overflow:hidden;
  padding:1px 0;
  width:141px;
}
#nav ul li a {
  float:left;
  height:100%;
  margin-left:1%;
  text-indent:-99999px;
  width:99%;
}
#nav ul li a:hover,
#nav ul li.active a {}

#nav #nav-js {
  border-right: 1px solid #f5f4f5
}
#nav #nav-js li.title {
  display: block;
  float: none;
  width:95.5%;
  padding:2px 0 10px;
}
#nav #nav-js li.title h2 {
  color: #F46837;
}
#nav #nav-emp li.title {
  display: block;
  float: none;
  width:99%;
  padding:2px 0 10px;
}
#nav #nav-js li a {
  border-bottom: 1px solid #F28C27;
}
#nav #nav-emp {
  border-left:1px solid #fff;
  padding:0 0 0 32px;
  width:435px;
}
#nav #nav-emp li.title h2 {
  color: #6696ba;
}
#nav li.title h2 {
  text-transform: uppercase;
  font-size: 1.1667em;
  letter-spacing: 1px;
}
#nav #nav-emp li a {
  border-bottom: 1px solid #7392AE
}

#nav #nav-js li a:hover,
#nav #nav-emp li a:hover {
  border-bottom-width: 2px;
  text-decoration: none;
  height: 27px;
}

/* nav bg image placements for buttons */
#nav #mid-2,
#nav #mid-3,
#nav #mid-4,
#nav #mid-6,
#nav #mid-7,
#nav #mid-8,
#nav #mid-14,
#nav #mid-15,
#nav #mid-16 {
  background: url(../images/bg-nav-items.png) no-repeat 0 0 transparent;
}
#nav #mid-3,
#nav #mid-7 { background-position: 0 -29px }
#nav #mid-4,
#nav #mid-8 { background-position: 0 -58px }

/* ===frontpage navigation */
#front #nav ul {
  margin-top:20px;
  border: medium none
}
#front #nav ul li {
  margin-left:15px;
  height:33px;
}
#front #nav ul li a {
  border: medium none
}
#front #nav ul li a:hover {
  height: 35px;
}
#nav #mid-14 { background-position: 0 -87px }
#nav #mid-15 { background-position: 0 -122px }
#nav #mid-16 { background-position: 0 -157px; float:right; margin-right:6px; }

/* ===submenu */
#nav #subnav {
  float:left;
  font-size:11px;
  font-weight:bold;
  padding:1px 0 0;
  width:100%;
}
#nav #subnav ul {
  float:none;
  width:auto;
}
#nav #subnav ul li {
  display:inline;
  float:none;
  margin-right:1em;
}
#nav #subnav ul li a {
  float:none;
  text-indent:0;
  width:auto;
}

/* social */
#nav #submenu ul {
  width: 100%;
}
#nav #submenu ul li {
  width: 100px;
}
#nav #submenu ul li a {
  text-indent: 0;
}
#nav #submenu ul li div {}

/* ===topmenu */
ul#topmenu {
  height:30px;
  list-style:none outside none;
  margin:0;
  position:absolute;
  right:138px;
  top:26px;
}
ul#topmenu li {
  float:left;
  height:29px;
  margin:0 0 0 9px;
  width:29px;
  overflow: hidden;
}
ul#topmenu li a {
  display: block;
  height: 100%;
  text-indent: -9999px;
}
/* position for rss icon */
ul#topmenu li#mid-9 {
  height:22px;
  left:183px;
  position:absolute;
  top:-26px;
  width:90px;
}
/* bg image icon */
ul#topmenu li#mid-10 { background: transparent url(../images/icons-social.png) 0 0 no-repeat; }
ul#topmenu li#mid-11 { background: transparent url(../images/icons-social.png) -37px 0 no-repeat; }
ul#topmenu li#mid-12 { background: transparent url(../images/icons-social.png) -75px 0 no-repeat; }
ul#topmenu li#mid-13 { background: transparent url(../images/icons-social.png) -113px 0 no-repeat; }

/* ===menu lists */
ul.menu li { margin:0 0 0 1.3em }


/**
 * ==NODES (main content areas)
 ******************************************************************************/
.node {
  margin-bottom: 2em
}

/* ===job listing */
#node-joblisting {
  position: relative;
}
#node-joblisting a.readmore {
  font-size: 0.9167em;
  position: absolute;
  top: 1em;
  right: 0;
}
#node-joblisting .row {
  float:left;
  padding:2px 1%;
  width:98%;
  clear: both;
}
#node-joblisting .row span {
  width: 13%;
  float: left;
  font-size: 0.9167em;
}
#node-joblisting .row a {
  width: 87%;
  float: left;
  font-size: 0.9167em;
  background:url(../images/icon-arrow.png) no-repeat 99% 6px transparent;
}
#node-joblisting .row a:hover {
  background-position: 99% -34px;
}
#node-joblisting .header {
  font-weight: bold;
  font-size: small;
}
#node-joblisting .header span.title {
  width: auto;
}

/* ===resource articles */
#node-resource ul a {
  color: #666;
}
#node-resource ul {
  list-style: none
}
#node-resource ul li {
  background:url(../images/icon-arrow.png) no-repeat 0 6px transparent;
  margin-left: 0;
  padding-left: 1em;
}


/**
 * ==COMMENTS
 ******************************************************************************/
/* placeholder */


/**
 * ==SIDEBARS
 ******************************************************************************/
.sidebar {
  float: left;
  overflow: hidden;
}
#sidebar-left {
  width: 255px;
}
#sidebar-right {
  width: 240px;
}

/**
 * ==BLOCKS
 ******************************************************************************/
.block {
  overflow: hidden;
}
.block table {
  margin: 0;
}

/* sidebar blocks only */
.sidebar .block {
  margin-bottom: 20px;
}
.sidebar .block h2 {
  background:url(../images/bg-block-headers.png) no-repeat 0 0 transparent;
  color:#666666;
  font-size:1.1667em;
  margin:0;
  padding:6px 10px;
}
#sidebar-left .block h2 {
  background-position: 0 -56px;
}
.sidebar .block .content {
  border: 1px solid #E0E0E0;
  border-width: 0px 1px 1px;
  padding:10px;
}

/* IE7 fix - Correction of right border */
#sidebar-right .block .content { width: 218px }
#sidebar-left .block .content { width: 233px }

/* ===blocks with yellow headline */
#block-search-type h2,
#block-search-id h2 {
  background-position: 0 -28px;
}

/* ===featured emp */
#block-featured .content {
  background-color: #F7F7F7;
}


/* ===right: job type */
#block-search-type {
  font-size: 0.9167em
}
#block-search-type .content {
  line-height:1.5em;
}

#block-search-id input:first-child {
  margin-right:3%;
  width:73%;
}

/**
 * ==FOOTER
 ******************************************************************************/
#footer {
  float: left;
  width: 100%;
  background:url(../images/bg-footer.png) no-repeat 50% 0 transparent;
  height: 270px;
}
/* footer blocks */
#footer .block {
  background: transparent;
  float:left;
  height:180px;
  margin:30px 2% 0 11%;
  width:18%;
}
#footer .block h2 {
  color: #f46837;
  font-size: 1.1667em;
  font-weight: bold;
}
#footer .block ul li {
  margin: 0.7em 0 0.8em 1.3em;
}
#footer .block a {
  color: #8c8c8c;
}

#footer #footer-menu,
#footer #footer-copy {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 0.9167em;
}
#footer-menu {
  margin:12px 0 0.5em;
}


/**
 * ==PAGE SPECIFICS
 ******************************************************************************/
/**
 * ===Front page
 */
#front #bgwrapper {
  background-image: url(../images/bg-header-index.png);
}
#front #main h2 {
  border: medium none
}
#index-logo,
#node-menu {
  text-align: center;
}
#node-promo {
  background:url(../images/bg-promo-box.png) no-repeat 0 0 transparent;
  color:#996633;
  font-size:16px;
  height:90px;
  letter-spacing:0.07em;
  line-height:1.4em;
  margin:auto;
  padding:10px;
  text-align: justify;
  width:440px;
}
#btn-findjob,
#btn-emplogin,
#promo-free-listing {
  width: 160px;
  height: 90px;
  line-height: 9999em;
  overflow: hidden;
  position: absolute;
}
#btn-findjob {
  background:url(../images/btn-findjob.png) no-repeat 0 0 transparent;
  left:50px;
  top:332px;
}
#btn-emplogin {
  background:url(../images/btn-emplogin.png) no-repeat 0 0 transparent;
  right:50px;
  top:332px;
}
#promo-free-listing {
  background:url(../images/promo-free-listing.png) no-repeat 0 0 transparent;
  height:77px;
  right:183px;
  top:-108px;
  width:172px;
}

/* change location of social icons and rss */
#front #topmenu { right:29px; top:195px; z-index:10; }
#front #topmenu li#mid-9 { left:75px; top:-195px; }


/**
 * ===left sidebar pages
 */
body.sidebar-left #node-joblisting .row {
  padding:10px 1%;
}

/**
 * ===subscription page
 */
.bigtext {
  font-size: 4em;
  color: #00b2ed;
  line-height:1em;
}

table#subscribe {
  background:url(../images/signup.png) no-repeat 50% 0 transparent;
  height: 411px;
}
table#subscribe td { text-align: center; vertical-align: middle; padding:0; }
table#subscribe td.valigntop { vertical-align: top }
.row1 { height: 66px; font-size: 24px; font-weight: bold; color: #00b2ed }
.row2 { height: 46px; font-size: 20px; color: #993333 }
.row3 { height: 114px;font-size: 1em; font-weight: bold; }
.row3 p { margin: 0 0 .5em;}
.row4 { height:44px; }
.row4 a { display: block; width: 100%; height: 44px; text-indent: -9999px; }


/**
 * ==CSS SUPPORT
 ******************************************************************************/
span.clear { clear: both; display: block; font-size: 0; height: 1px; line-height: 0; margin-bottom: -1px; }
.clear { clear: both }
.alignleft { float:left }
.alignright { float:right }
.marginright { margin-right: 1em }
.marginleft { margin-left: 1em }
.marginbottom { margin-bottom: 1em }
.txtcenter { text-align: center }
.valigntop {vertical-align: top }
/* begin: clear floats fix */
.clear-block:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clear-block { display:inline-block } /* Hides from IE-mac \*/
* html .clear-block { height:1% }
.clear-block { display:block }
/* end: clear floats fix */


/**
 * ==ADMINISTRATION
 ******************************************************************************/

/* ===lists */
dl,ul,ol,.block ul { margin:.5em 0 1em; padding:0 }
dl dd { margin:.5em 0 1em 1em }
ul li { margin:.15em 0 .15em 1.3em; padding:0 0 .2em 0em }
ol li { margin:.15em 0 .15em 1.8em; padding: 0 0 .2em 0em }

/* ==pager */
.pager {}
.pager li {
  background-color:#F0F0F0;
  border:1px solid #DDDDDD;
  margin:0 1px;
  padding:0.1em 0.3em;
}
.pager li a {}

/* ===tables */
table { width:100%; margin: .5em 0 2em; border-collapse: collapse; }
table th { padding:0.3em; text-align: left }
table th a { text-decoration: none }
table td { padding: .2em }

/* ===alternating rows */
.odd { background-color: #f9f9f9 }
.even { background-color: #f0f0f0 }

/* ===fieldset */
fieldset {
  margin-bottom: 2em;
  border: 1px solid #ddd;
  padding:0.5em 1em 0;
}

/* ===forms */
input {
  font-size:18px;
  margin:5px 0;
  color:#666666;
}
select {
  margin:5px 0;
}
input[type="text"],
input[type="password"] {
  border: 1px solid #E6E6E6;
  width: 100%;
  padding:2px 0;
}
#main input[type="text"],
#main input[type="password"] {
  width: 99%; /* slightly smaller in main area */
}
input[type="submit"] {
  padding-left: .3em;
  padding-right: .3em;
}

/**
 * ==External module code
 */
#login_sticky {
  float:right;
  padding-top:12px;
  width:135px;
}
#login_sticky input {
  margin: 1px 0;
}
#login_sticky #login_sticky_left {
  float:right;
  width:115px;
}
#login_sticky #login_sticky_right {
  float:left
}

table.quick_search {
  border-collapse:separate;
  float: none;
}

table.quick_search td {
  background:url(../images/bg-grad-orange.png) repeat-x 0 0 transparent;
}
table.quick_search .quick_search_top_left,
table.quick_search .quick_search_tab_separator {
  background: #fff;
}

/**
 * ==Job module
 */
div.register_employer_div_left,
div.register_employer2_div_left {
  float:left;
  margin-right:1%;
  width:50%;
}
div.register_employer_submit,
div.register_employer_submit {
  text-align:center;
}
fieldset.register_employer_div_left,
fieldset.register_employer2_div_left,
fieldset.register_employer_div,
fieldset.register_employer2_div {
  background-color:#F9F9F9;
  padding:1em 2em;
  text-align:left;
}


/* social module */
#main h1 {
  margin: 0em 0 0.5em;
  color: #7d9ab2;
  font-size:1.5em;
  font-weight:normal;
  padding:5px 0 4px;
  border-bottom:1px solid #7D9AB2;
  height:auto;
  position:static;
  width:auto;
}
.mainContent01 {
  width:440px;
}
.rightSide01 {
  background-color:#F5F5F5;
  border:1px solid #E0E0E0;
  float:right;
  padding:10px;
  width:190px;
}
.box1 {
  margin-bottom: 2em
}
.toRight {
  float:right;
}
#eventSearchBox {
  background-color:#F5F5F5;
  border:1px solid #DDDDDD;
  padding:10px;
}

/* submenu */
#nav #submenu ul li {
  overflow: visible;
}
#nav #submenu ul li .submenu_wrapper {
  display: none;
  background-color:#FFFFFF;
  border:1px solid #DDDDDD;
  float:left;
  font-size:11px;
  padding:1px 1px 1px 0;
  width:100px;
  position:relative;
  z-index:1000;
}
#nav #submenu ul li .submenu_wrapper a:hover {
  background-color: #E5EBEF
}
#nav #submenu ul li .submenu_wrapper span {
  display:block;
  float:left;
  line-height:2em;
  width:100%;
}
#nav #submenu ul li .submenu_wrapper .submenu_separator {
  display: none;
}
#nav #submenu ul li .submenu {
  line-height:0;
}