/*  
Theme Name: net rec
Theme URI: http://purposemakers.net
Description: bet rec
Version: 0.1
Author: Michael McCrea
Author URI: http://purposemakers.net
*/



/*-----------------------------------------------------------------------------------------------

* div  {
  background:#ccc;
}

  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
  margin:0;
  padding:0;
  font-size:110%;
}

.hide { display:none; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.clear{ clear:both; }
.clear_right{clear:right;}
a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
  background-color:#fff;  
  color:#666;
  font: 62.5% Verdana, Tahoma, Arial;
}

/* This class sets the width and position for all rows */
.inside{
  width:90em;
  margin:0 auto;
  padding:0;  
}

a {
  color:#3e69a2;
  font-weight:bold;
  text-decoration:none;
}

a:hover { 
  color:#993399;
}

h1, h2, h3, h4{
  font-size:2.1em;
  color:#3e69a2;
  font-family: Arial, Tahoma, Verdana;  
  font-weight:normal;
  padding-top:10px;
  margin:0 0 20px 0;  
}


h4{
  font-size:1.5em;
  margin:0;
  font-weight:bold; 
}

p{
  line-height:1.75em;
  margin:1em 0;
}

ul li{
  list-style-type:square;
  margin:0.5em 0 0.5em 2em;
}

blockquote{
  padding:1px 12px 1px 1em;
  border-left:2px solid #C00;
  color:#BBB;
  background-color:#333;
  font-size:1.1em
}

hr {
  background-color: #fff;
  color: #fff;
  height:1px;
  border:0;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#header{
  color:#ccc;
}

#header .inside{
  height:115px;
  background-color:#fff;
}

#header h2{ 
  font-size:2.25em;
  margin:0;
  padding:0;
  float:left;
}

#header h2 a { 
  text-decoration:none; 
  display:block;
  float:left;
  width:350px;
  height:115px;
  z-index:-10;
  border:0;
  text-indent:-10000px;
  background: transparent url(img/net_rec_logo_01.gif) no-repeat left top;
}

.login { 
  float:right; 
  color: #ccc;
  margin:5px 0 0 0;
  line-height: 1.3;
}

.login a { 
  color: #fff;
}

.login a:hover { 
  color: #ccc;
}

.login h3 { 
  margin:0;
  padding:0;
  color:#fff;
}

.login h3 a { 
  font-weight:normal;
  /* background:url(img/top_right.gif) no-repeat right top;   */
}

.candidate_login {
  background:#3e69a2 url(img/bttm_left.gif) no-repeat left bottom;
  float:left;
  padding:5px 10px;
  margin:5px 10px 0 0;
}

.employer_login {
  background:#0089b7 url(img/bttm_left.gif) no-repeat left bottom;
  float:left;
  padding:5px 10px;
  margin:5px 0 0 0;
}

#rec_member {
  float:right;
  margin:10px 20px 0 0;
}

#boss_button {
  padding: 0;
  margin: 0;
  position:absolute;
  top:15px;
  right:0;
}

#boss_button h2 a {
  display:block;
  width:80px;
  height:70px;
  z-index:-11;  
  text-indent:-10000px;  
}

html>body #boss_button h2 a {
  background: transparent url(img/boss_alert_01.png) no-repeat left top;  
}

/*-----------------------------------------------------------------------------------------------
  Nav Styles
-----------------------------------------------------------------------------------------------*/

#navigation {
  margin:0 0 10px 0;
}

#navigation .inside {
  /* background:#d5d5d5 url(img/nav_bg_over_01.jpg) repeat-x; */
  background-color:#3e69a2;
}

#navigation ul { 
  margin:0;
  padding:0;
}

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  font-size: 1.2em;
}

#navigation a {
  display:block;
  color:#fff;  
  padding:10px 31px;
  font-weight:bold;  
  border-left: 1px solid #eee;
  background:url(img/bttm_left.gif) no-repeat left bottom;  
}

#navigation a.no_sep {
  border-left: none;
}

#navigation a:hover  {
  color:#fff;
  background:#993399;  
}

#navigation li.current_page_item, #navigation li.current_page_parent {
}

#navigation li.current_page_item a, #navigation li.current_page_parent a {
  background:#d5d5d5 url(img/nav_bg_over_01.jpg) repeat-x;  
  color:#fff;
}

#sub_nav {
  background-color: #fff;
  height:30px;  
}

#sub_nav li {
  float:left;
  margin:0;
  padding:10px;
  list-style:none;
}

#sub_nav li.current_page_item a {
  background:url(img/sub_nav_current_01.gif) no-repeat left center;
  padding:0 0 0 10px;
  color:#ccc;  
}

#breadcrumb {
  padding:5px 0;
  clear:both;
}

#search {
  padding:10px 0 0 0; 
}

/*-----------------------------------------------------------------------------------------------
  Primary Items and home page
-----------------------------------------------------------------------------------------------*/

#primary{
  text-align: left;
  background-color: #fff;
}

/* Single Post Styles */

#primary .primary {
  float:left;
  width:50em;
  padding:0.5em 2em 2em 3em;
}

#primary .primary h1 a {
  font-weight:normal;
}

#primary .primary h2 a {
  font-weight:normal;
  color:#993399;  
}

#primary .primary ol {
  font-weight:normal;
  color:#993399;  
}

#primary .primary ol li {
  display:inline;
  font-size:110%;
  margin:10px 10px 0 0;
}

#primary .primary ol li a {
  background-color:#993399;
  color:#fff;
  margin:0 0 20px 0;
  padding:5px 10px;
}

#primary .primary ol li a:hover {
  background-color:#3e69a2;
}

.home .inside {
  height:350px;
}

.home h1, .home h2 {
  color:#004b85;
  margin-bottom:10px;
}

.home .primary {
  color:#004b85;
}

.home .primary p {
  margin-right:180px;
}

/* women_business_02.jpg */

#primary .post{
  padding:0 0 2em 0;
}

#primary .post h3 {
  margin:0;
}

#primary .post h3 a {
  font-weight:normal;
  margin:0;
}

#news_meta {
  padding:0.5em;
  margin:0 0 5em 0;
  background-color: #eee;  
}

p.postmetadata {
  background-color: #eee;
  padding:10px;
  font-weight:bold;
  font-family:Arail, Verdana, sans-serif;
  font-size: 90%; 
}

#flash_container {
  position:relative;
  z-index:1;
}

#content_container {
  position:absolute;
  top:0;
  right:0;
  width:90em;
  height:350px;
  z-index:10;
}

#search_container {
  background: url(img/lady_hands_air_01.jpg) no-repeat top right;
  height:200px;  
}

/*-----------------------------------------------------------------------------------------------
  candidate pages
-----------------------------------------------------------------------------------------------*/

#primary .cadidate {
  float:left;
  width:45em;
  padding:0.5em 2em 2em 0;
  margin-bottom:250px;
}

.red_headed .inside {
  background: url(img/red-shirt-woman.jpg) no-repeat bottom left;
}

/*-----------------------------------------------------------------------------------------------
  employer pages
-----------------------------------------------------------------------------------------------*/

.employers .inside {
  background:url(img/clinet_section.jpg) no-repeat right top;
  height:350px;
}


.employers_reg h1, .employers_reg h2 {
  color:#fff;
  margin-bottom:10px;
}


.employers_reg .primary {
  background-color:#0089b7;
  color:#fff;
}

.employers .primary p {
  margin-right:140px;
}

/*-----------------------------------------------------------------------------------------------
  Job post formatting
-----------------------------------------------------------------------------------------------*/

#primary .job_sec {
  float:left;
  width:60em;
  padding:0.5em 2em 2em 0;
}

#primary .job_sec .job {
  padding:0;
  background:#f1f1f1 url(img/bttm_left.gif) no-repeat left bottom;
  margin:40px 0;
}

h1.cat_header {
  background:#993399 url(img/top_right_purple.gif) no-repeat right top;
  color:#fff;
  margin:0 0 20px 0;
  padding:5px 10px;
}

h1.cat_header a {
  color:#fff;
}

div.job_header {
  background:#3e69a2 url(img/top_right.gif) no-repeat right top;
  margin:0;
  padding:5px 10px 5px 0;
}

div.job_header h2 {
  font-size:1.5em;
  font-weight:bold;
  float:left;
  color:#fff;
  margin:0;
  padding:5px 10px;
}

div.job_header h2 a {
  color:#fff;
}

div.job_header h2 a:hover {
  color:#993399;
}


div.job_header h3 {
  font-size:1.5em;
  font-weight:bold;
  float:left;
  clear:left;
  color:#fff;
  margin:0;
  padding:0 10px;
}

.job-date {
  width: 45px;
  margin:4px 0 0 0;
  height: 49px;
  float:right;
  background: url(img/date-bg.gif) no-repeat;
}
.job-month {
  font-size: 11px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  display:block;
  line-height: 11px;
  padding-top: 2px;
  margin-left: -3px;
}
.job-day {
  font-size: 18px;
  text-transform: uppercase;
  color: #999999;
  text-align: center;
  display:block;
  line-height: 18px;
  padding-top: 7px;
  margin-left: -3px;
}

.job .cat {
  float:right;
  margin:10px;
}

.job h4, .job p  {
  margin:0 10px 10px 10px;
}

dl {
  float:left;
  width:180px;
  margin:10px;
  font-family: Arial, Tahoma, Verdana;
  font-weight:bold;     
}

dt, dd {
  width:180px;
  clear:left;
  float:left;
  margin:2px 0;
}

dt {
  color:#3e69a2;
}

dd {
  margin:0 0 10px 0;  
}

h3.apply_now_buttn a {
  z-index:-10;
  border:0;
  text-indent:-10000px;
  float:right;
  display:block;
  margin:0 10px 10px 0; 
  width: 114px;
  height: 22px;
  background: url(img/apply_now_button_01.gif) no-repeat;
}

#page_navigation{
  background-color:#eee;
  padding:10px;
  height:15px;
}


/*-----------------------------------------------------------------------------------------------
  Login and Registration 
-----------------------------------------------------------------------------------------------*/

.log_contain h2, .reg_contain h2  {
   color:#fff;
}

.log_contain, .reg_contain {
  float:left;
  width:25em;
  padding:10px;
  margin:0;
  color:#fff;
  background-color:#3e69a2;
}

.reg_contain {
  float:right;
  width:35em;  
}

.mem_page{
  margin-left:50px;
}


#reg_help_text {
  float:right;
  width:30em;
  margin:0;  
}

.negative {
  background-color:#c00;
  color:#fff;
  padding:10px;
}

.positive {
  background-color:#0c0;
  color:#fff;
  padding:10px;
}

.wpmem_msg {
  width:45em;
  float:left;
}

.wpmem_msg h2{
  color:#fff;
  margin:0;
  padding:0;
}

/*-----------------------------------------------------------------------------------------------
  Secondary Items
-----------------------------------------------------------------------------------------------*/

#primary .secondary{
  float:right;
  width:26em;
  padding:5px 0 2em 0;
  display:inline;
}

* html #primary .secondary{
  width:25em;
}

.secondary h1 {
  padding:20px 0 0 0;
  margin:0;
}

.secondary ul {
  list-style-type:none;
  margin:0 0 2em 0;
}

.secondary ul li {
  list-style-type:none;
  margin:0;
  padding:0.8em 0;
  border-bottom:1px solid #eee;
}

#primary .secondary li.current_page_item a {
  color:#cfd0d2;
  background-color:#414141;
  padding:3px;
}

#ecal_container {
  background-color:#fff;  
}

.menu_cont h2{
  padding:5px 10px;
  margin:0;
  background:#3e69a2 url(img/bttm_left.gif) no-repeat left bottom;  
  color:#fff;
}

/*-----------------------------------------------------------------------------------------------
  Aside
-----------------------------------------------------------------------------------------------*/

#primary .aside{
  float:left;
  width:29em;
  margin:0;
  padding:0 0 5px 0;
  display:inline;
  background-color:#f5f5f5;
}

#primary.employers .aside{
  width:26em;
  background-color:transparent;
  padding:10px;  
}


#primary .aside h2 {
  margin:0;
  padding:5px;
  background:#993399;
  color:#fff;  
}

#primary .aside h4 {
  margin:0 0 5px 0;
}

.aside p {
  margin:10px 0 2px 0;
}

.aside ul {
  margin:0 0 0 5px;
}

.aside li {
  margin:5px 0 5px 15px;
}

#cat, #s, #job_location {
  width:18.5em;
}

#searchsubmit {
  margin:10px 5px 0 0;
}

input.send-btn {
  width: 114px;
  height: 22px;
  background: url(img/search_button_01.gif) no-repeat;
  outline: none;
}

#reg_branch {
  width:145px;
}

h3.vac_buttn a {
  z-index:-10;
  border:0;
  text-indent:-10000px;
  display:block;  
  width: 159px;
  height: 22px;
  background: url(img/vacany_button_01.gif) no-repeat;
}


/*-----------------------------------------------------------------------------------------------
  Auxiliary
-----------------------------------------------------------------------------------------------*/

#auxiliary {
  margin:10px 0 0 0;
}

#auxiliary .inside .auxiliary {
  background:url(img/auxiliary_bg_01.gif) repeat-x;
  float: left;
  margin:25px 10px 0 0;
  padding:0;
  width:29em;
  border: 1px solid #eee;
  min-height: 180px;
}

* html #auxiliary .inside div {
  height: 180px;
}

#auxiliary .inside  div.last {
  margin:0;
}

#auxiliary #employers {
  color:#fff;
  margin:25px 0 0 0;
  background:#0089b7 url(img/bttm_left.gif) no-repeat left bottom;
  
}

#auxiliary #employers h2 {
  color:#fff;
  margin:0;
  padding:0;
}

#auxiliary #employers a {
  color:#fff;
  display:block;
}

#auxiliary #employers h2 a {
  background:url(img/top_right.gif) no-repeat right top;
  padding:5px 10px;
}

#auxiliary #employers a:hover {
  color:#ccc;
}


#auxiliary ul {
  margin:15px 0 15px 5px;
}

#auxiliary p {
  margin:5px 0 5px 10px;
}

#auxiliary h2 {
  margin:5px 0 5px 10px;
  padding:0;
  color:#3e69a2;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
  clear:both;
  color:#aaa;
  padding:1em 0 2em 0;
}

#footer .inside{
  padding-top:1em;
  border-top:2px solid #3e69a2;
}

#footer a, #footer a{
  color:#999;
  text-decoration:none;
}
#footer a:hover{
  color:#3e69a2;
}

#footer p {
  margin:0;
}

#footer p.attributes{ 
  float:right;
  padding:0 0 0 1em;
}

a.rss {
  padding:0 0 5px 16px;
  background: url(img/feed-icon-12x12.gif) no-repeat 0 1px;
}


/*-----------------------------------------------------------------------------------------------
  Tables
-----------------------------------------------------------------------------------------------*/

table {
  padding: 0;
  margin: 0 0 20px 0;
  border-collapse:collapse; 
}

td.label {
  text-align:right;
}

#tag-page table, #front-page table, #view-page table, #profile-page table {
  border-top: none;  
  border-left: none;
  border-collapse:separate;   
}

th {
  background-color: #eee;
  text-transform: uppercase;
  text-align: left;
  padding: 5px 5px 5px 10px;
}

td {
  padding:5px;
  vertical-align:top;
}

td h2 {
  margin-bottom:0;
}

td img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/

.tabberlive .tabbertabhide {
  display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

.tabber {
}

.tabberlive {
  width:29em;
  float:left;
  margin:0 10px 0 0;
  position:relative;
  z-index:100000;  
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
#auxiliary ul.tabbernav{
  margin:0;
  padding:0;
  border-bottom: 1px solid #eee; 
}

#auxiliary  ul.tabbernav li{
  list-style: none;
  margin: 0;
  padding:0;
  display: inline;
}

#auxiliary ul.tabbernav li a{
  padding:3px 15px 1px 15px;
  margin:0 0 0 3px;
  background:url(img/auxiliary_bg_01.gif) repeat-x; 
  border: 1px solid #eee;
  border-bottom:none;
  text-decoration: none;
  font-size:1.8em;
  font-weight:normal;
  color:#993399;
  font-family: Arial, Tahoma, Verdana;  
}

#auxiliary ul.tabbernav li a:link { color: #448; }
#auxiliary ul.tabbernav li a:visited { color: #667; }

#auxiliary ul.tabbernav li a:hover{
  color: #fff;
  background: #3e69a2;
  border-color: #eee;
}

#auxiliary ul.tabbernav li.tabberactive a{
  background-color: #fff;
  border-bottom: 1px solid #fff;
  background-image:none;  
}

#auxiliary ul.tabbernav li.tabberactive a:hover{
  color: #000;
  background: white;
  border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
  padding:4px 5px 0 0;
  margin:0;
  border:1px solid #eee;
  border-top:none;
  height:180px;  
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
 margin:0;
 padding:0;
}
.tabberlive .tabbertab h3 {
 display:none;
}