/**************************/
/* element style settings */
/**************************/

BODY {
   margin: 10px;
   background-color: #CCCCCC;
}

H1 {
   font: bold 16px verdana, arial, helvetica, sans-serif;
   color: #000000;
}

H2 {
   font: bold 14px verdana, arial, helvetica, sans-serif;
   color: #000000;
}

H3 {
   font: bold 12px verdana, arial, helvetica, sans-serif;
   color: #000000;
}

TABLE, TD {
   font: 11px verdana, arial, helvetica, sans-serif;
   color: #000000;
}

TH {
   font: bold 11px verdana, arial, helvetica, sans-serif;
   color: #000000;
}

FONT {
   font: 11px verdana, arial, helvetica, sans-serif;
}

A:link {
   color: #006699;
   text-decoration: underline;
}

A:visited {
   color: #006699;
   text-decoration: underline;
}

A:hover {
   color: #0066CC;
   text-decoration: underline;
}

A:active {
   color: #006699;
   text-decoration: underline;
}

INPUT, SELECT, TEXTAREA {
   font: 11px verdana, arial, helvetica, sans-serif;
   color: #000000;
}

HR {
   color: #CCCCCC;
   height: 1px;
}


/************************/
/* class style settings */
/************************/

B.Header {
   font: bold 14px verdana, arial, helvetica, sans-serif;
   color: #333333;
}

.red {
  color:#ff0033;
}

.blue {
  color:#0000ff;
}

.white {
  color:#ffffff;
}

.purple {
  color:#333366;
}

.orange {
  color:#993300;
}

.fontsize10 { font-size: 10px }
.fontsize11 { font-size: 11px }
.fontsize12 { font-size: 12px }
.fontsize13 { font-size: 13px }
.fontsize14 { font-size: 14px }

.leading14 { line-height: 14px }
.leading18 { line-height: 18px }
.leading24 { line-height: 24px }

.center { text-align: center }

TABLE.header {
   background: #66CCFF;
}

TABLE.login-jobseeker {
   width: 180px;
   background: #B4E6FF;
}

TABLE.margin-jobseekers-expanded {
   width: 150px;
   background: #B4E6FF;
}

TABLE.margin-jobseekers {
   width: 150px;
   background: #006699;
}

TABLE.margin-employers-expanded {
   width: 150px;
   background: #66CCFF;
}

TABLE.margin-employers {
   width: 150px;
   background: #66CCFF;
}

TABLE.margin-ad {
   width: 11px;
}

TABLE.apply {
   background: #E3E3FA;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 11px; 
   padding: 2px;
   border-right: solid 1px #999999;
   border-bottom: solid 1px #999999;
}

TABLE.network {
   background: #000000;
}

TD.header-search {
   vertical-align: bottom;
   padding: 5px 10px;
}

TD.header-featured {
   vertical-align: middle;
   background: #006699;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 11px; 
   font-weight: bold;
   color: #ffffff;   
}

TD.login-jobseeker {
   color: #003366;
   font-size: 11px;
}

TD.login-quickpost {
   color: #993300;
   font-size: 11px;
}

TD.login-employer {
   color: #003366;
   font-size: 11px;
}

TD.margin {
   padding: 5px 10px;
}

TD.margin-employers {
   background: #006699;
}

TD.margin-jobseekers {
   background: #006699;
}

TD.margin-sectionheader {
   background: #006699;
}

TD.margin-nav-links {
   line-height: 18px;
   padding: 8px;
   font-size: 11px;
   color: #003366;
   border-right: solid 1px #66CCFF;
   border-bottom: solid 1px #66CCFF;
}

TD.margin-ad {
   background-color: #666666;
}

TD.margin-ad-links {
   line-height: 18px;
   padding: 8px;
   font-size: 11px;
   color: #666666;
   border: solid 1px #666666;
}

TD.sectionheader {
   background: #CCCCCC;
}

.featured-employer {
   line-height: 10px;
   font-size: 11px;
   background: #ffffff;
   border-left: solid 1px #AAAAAA;
   border-right: solid 1px #AAAAAA;
   border-bottom: solid 1px #AAAAAA;
}

DIV.margin-ad {
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 0px;
}

DIV.margin-nav-sublinks {
   padding-left: 3px;
   padding-bottom: 5px;
}

A:link.margin-nav-links {
   color: #003366;
   text-decoration: none; 
   font-weight: bold;
}
A:visited.margin-nav-links {
   color: #003366;
   text-decoration: none;
   font-weight: bold;
}
A:hover.margin-nav-links {
   color: #0066CC;
   text-decoration: underline;
   font-weight: bold;
}
A:active.margin-nav-links {
   color: #003366;
   text-decoration: underline;
}

A:link.margin-nav-sublinks {
   color: #003366;
   text-decoration: underline;
   font-size: 11px; 
}
A:visited.margin-nav-sublinks {
   color: #003366;
   text-decoration: underline;
   font-size: 11px; 
}
A:hover.margin-nav-sublinks {
   color: #0066CC;
   text-decoration: underline;
   font-size: 11px; 
}
A:active.margin-nav-sublinks {
   color: #003366;
   text-decoration: underline;
   font-size: 11px; 
}


A:link.margin-nav-sublinks2 {
   color: #003366;
   text-decoration: underline;
   font-size: 12px; 
}
A:visited.margin-nav-sublinks2 {
   color: #003366;
   text-decoration: underline;
   font-size: 12px; 
}
A:hover.margin-nav-sublinks2 {
   color: #0066CC;
   text-decoration: underline;
   font-size: 12px; 
}
A:active.margin-nav-sublinks2 {
   color: #003366;
   text-decoration: underline;
   font-size: 12px; 
}


INPUT.header-search-keyword {
   width: 100px;
   height: 16px;
   border: inset 1px #66CCFF;
}

INPUT.login-jobseeker {
   width: 160px;
   margin: 2px 0px;
   height: 16px;
   border: inset 1px #66CCFF;
}

.formbutton { 
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 11px; 
   font-weight: bold;
   background-color: #66CCFF; 
   color: #FFFFFF; 
   margin-right: 6px; 
}

A:link.white, A:visited.white, A:hover.white, A:active.white  {
   color: #FFFFFF;
}

A.sessionTrail {
   font: 10px verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   color: #ffffff;
   text-decoration: underline;
}

A.link.sessionTrail, A:visited.sessionTrail, A:hover.sessionTrail, A:active.sessionTrail {
   font: 10px verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   color: #ffffff;
   text-decoration: underline;
}
.sessionTrail {
   font: 10px verdana, arial, helvetica, sans-serif;
   color: #ffffff;
   text-decoration: none;
}


.footer-copyright {
   font: 10px verdana, arial, helvetica, sans-serif;
   color: #333333;
   text-decoration: none;
   text-align: center;
}

DIV.footerLink {
   font: 9px verdana, arial, helvetica, sans-serif;
   color: #333333;
   text-decoration: none;
   text-align: center;
}

.footerLink {
   font: 9px verdana, arial, helvetica, sans-serif;
   color: #333333;
   text-decoration: none;
}

A.footerLink {
   font: 9px verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   color: #333333;
   text-decoration: underline;
}

A.link.footerLink, A:visited.footerLink, A:hover.footerLink, A:active.footerLink {
   font: 9px verdana, arial, helvetica, sans-serif;
   font-weight: bold;
   color: #333333;
   text-decoration: underline;
}