/*======= Global Resets -- egLibraries.css ======= */

/*======= egGrids =========== */
/* ****************  EG CSS-Library  ********************************** */ 
/* ***********  Revision .002 / Nick Lewis  **************************  */ 
/* *************     GLOBAL GRID  ***********************************   */
/* egGrids.css - Allows for a mix of different grid based layouts for our sites
  Columns can be divided in the following ways: 
  1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5 , 3/5, 4/5. eg.  
".size3of4" would take up three quarters, or 75%, of the horizontal space. 

  See grids_cocs.html for variety of layout options.
 */

/*=== Page Container: Sets maximum width of page and centers ===*/
#page{margin: 0 auto; width: 1000px;} /* wraps entire page */

/*==== 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  ====*/
.lastUnit {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; }

.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;}


/*======= egContent =========== */
/* ****************  EG CSS-Library  ********************************** */ 
/* ***********  Revision .002 / Nick Lewis  **************************  */ 
/* *************** CONTENT STYLING ************************************ */
/* egContent.css: Holds all CONTENT specific styling. Contains classes &
   ids related styling only your specific content. Nothing else. Content
   has been stripped completely from structure & container to allow for
   more organized and productive layouts.
 */

/*==== Begin Custom Content Styles ==== */
/*  STYLES for "browse_jobfairs" in EmploymentGuide */
.wrapper{}
#page {background:white;}
#egLogo {left:0;}
.pageStatus {width:384px;}
.h1-JF { color:white; margin:0; font-size:22px; font-family:Arial,Helvetica,Sans-serif;}
h2.featuredFair { color:#112f6f;font-size:14px; margin-top: 15px; *margin-top:10px; }
h3,.signuph3 { color:#d90008; font-size:18px; line-height:1em; padding-left:10px; margin:0;}
h4 { font-size:18px; }
h5 { font-size:14px; }
#JF_headerbox{ padding:5px 0 0 10px; height:370px;
  background: transparent url(http://images.employmentguide.com/images/EG/jobfair_images/america-btw-bg.jpg) no-repeat scroll 0 0;
}
#JF_headerbox .error { margin-left:5px; background-color:#4B8946; }
#JF_headerbox .content { margin-left:290px; margin-top:0px; width:680px; color:white; }
#ja-form {  width:320px; height:218px; }
#ja-form p { width:300px;}
#zip-form p { }
#ja-form .title, #ja-form .message { visibility:hidden; }
#jf-text { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:10px; line-height:1.2em; color:#fff; text-align:left; margin:0 0 20px 0;}
#zip-form {  width:315px;margin-top:10px; margin-left:10px; float:left; *clear:both;}

#submit-button { width:86px; display:inline; position:relative; top:8px; *top:-9px; *left:-23px;}
p#message { font-size:12px;color:black;text-align:center; *margin:0;}
#emailLine, #zipLine, #industryLine { position:relative;float:left; }
#industryLine {*top:2px;}
#checkbox input {*background:none !important;}
#email_address, #alertZip { width:94px; }
#industry { width:132px;}
.param { color:#12126D;font-weight:bold; }
#checkbox {float:left;}
#jobAlert {*margin-top:9px;}
p#message {*margin-top:10px;}
.jFAlert_Terms {*position:relative; *top:-8px;}
#jobAlert a { color:#333; }
 .faq { float:right; margin-top:1px; margin-right:5px;}
#jobAlert input, #jobAlert select, #zipLine input { background: transparent url(http://images.traderonline.com/img/eg/design/scutch/revamp2/big_field.jpg) no-repeat scroll -1px -1px; }
#collegeBound { float:left; *clear:both; border:0px solid red; width:300px; margin-top:74px; *margin-top:55px;  text-align:left;}
a#search-school {}
#search-school img {border:0; margin-top:130px; *margin-top:125px;}
a.jf-link { color:#99CCFF; }
#jobConfirm { font-size:16px;  margin-left:10px; }
#jobConfirm a { color:#112F6F; }
.topLine { margin-top:30px; }
.hdr1, .hdr2, .hdr3 , .hdr4{ background:#112F6F; color:white; font-weight:bold;font-size:14px; }
.jflisting-header1, .jflisting-header2, .jflisting-header3, .jflisting-header4, .jflisting-header1_alt ,.jflisting-header2_alt {  background:#112F6F; color:white; font-weight:bold; font-size:14px;}
.jflisting-header1 a,  .jflisting-header2 a, .jflisting-header3 a, .jflisting-header1_alt a, .jflisting-header2_alt a  {color:#fff; font-size:14px;} 
.jflisting-header1,  .col1 {width:10%;}
.jflisting-header1_alt {width:14%;}
.jflisting-header2,  .col2 {width:75%;}
.jflisting-header2_alt {width:71%;}
.jflisting-header3,  .col3 {width:15%;}
.jflisting-header4 {width:85%;}
.hdr1 { width:100%;  background:#112F6F; padding:3px 0 3px 3px; display:block;}
.hdr2 { width:100%;  background:#112F6F; padding:3px 0 3px 3px; display:block;  }
.hdr3 { width:100%; background:#112F6F; padding:3px 0 3px 3px;  display:block;}
.hdr4 { width:100%;background:#112F6F; padding:3px 0 3px 3px;  display:block;}

.hdr1 a, .hdr2 a, .hdr3 a, .hdr4 a  { color: white;font-size:14px; }
.hdr1 a:hover, .hdr2 a:hover, .hdr3 a:hover, .hdr4 a:hover { color:#FE8510; }
#jobfairlist { height:auto; overflow:hidden; }
.row2 { background-color:#ccd7ed; }
.row1, .row2 { padding:1px 0; color:#535353; }
.row1 td, .row2 td {padding:5px 0 5px 5px;}
.row1 a, .row2 a { color:#0132e7; font-weight:bold;}
.col1, .col2, .col3 {color:#535353; padding:3px 0 3px 3px;}
.col2 {  padding:3px 0 3px 3px; }
.col2 a {}
.col3 {  }
.JobFairList { width:978px; margin:3px auto 10px auto; position:relative; left:10px; float:left; }

#jobfair-listings { width:980px;background:#fff;margin:0px 4px;padding:0px 6px;  }
.jflisting-table, #virtual-listings { width:100%; border-right:1px solid #CCF; border-left:1px solid #CCF;  }
.jflisting-featured {width:100%;}
#jfFeatured {width:100%; margin-bottom:0;}

.err-message {padding:4px 0px 10px 0px;}




/*Extra Styles  EG CSS Library added by Nick 4/2/2009*/

#JF_headercol1 {margin-left:290px; margin-right:4px; width:360px; float:left;}
#JF_headercol2 { width:320px; float:left;}

#JF-signupform {width:330px;}
#jFAlertForm {text-align:left; width:330px; *position:relative; *left:-14px;}
#jFAlertForm h3 {padding-left:10px;}
.jFAlert_Terms {clear:both;}
.jFAlert_Terms a, .jFAlert_Terms {color:#333333; font-size:12px;} 
#jFAlertBttn {clear:both; width:90px; margin:40px auto 0 auto; *margin:10px 0 0 125px; }
#zip-form h4 {margin:5px 0 0 0; color:#fff; text-align:left; padding-left:50px; *padding-left:24px;}
#zip-form label {font-weight:bold; color:#fff; *position:relative; top:-15px;}
#zipInput {display:inline; *position:relative; *top:-15px;}

#Jfbody {clear:both; width:980px; margin:0 auto;}
#Jfbody-col1{ float:left; width:70%; margin-right:2px;}
#Jfbody-col2{ float:right; width:28%;}