.yellowbg {
background: #FF9;
}
.whitebg {
background: #FFF;
}

/*Style Sheet file - Browsers: IE, NS6, Mozilla, Opera - default - language:english*/

BODY {background-image:url(http://www.hairandbeautyjobs.com/images/bg.jpg); background-repeat:repeat-x;
        margin-left: 0px;       margin-top: 0px;        margin-right: 0px;      margin-bottom: 0px;     }
.headertable { background-color:#FFFFFF; width:1003px; margin-top:9px; }
.maintable { background-color:#FFFFFF; width:1003;}
.leftcolumn {  width:221; margin-top:0px; padding-top:4px;}
.rightcolumn {  width:221; margin-top:0px; padding-top:4px; }
.footertable { background-color:#FFFFFF; width:1003;}
h1 {    font-size : 16px;}
h2 {    font-size : 15px;}
h3 {    font-size : 14px;}
TD {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px;}
.smallselect {
     color: #333333;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px; 
     background-color: #FFFFFF;
     font-weight: normal;
     border-bottom: 1px solid #999999;
}

a {
        color : #333333;
        font-family : Verdana,arial,Helvetica;
        text-decoration : none;
        font-weight : bold;
        font-size : 11px
}
a:hover {
        color : #E74D88;
        font-family : Verdana,arial,Helvetica;
        text-decoration : underline;
        font-weight : bold;
        font-size : 11px
}
.regtext {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
}
.headertdempl {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    border-bottom: 1px solid #999999;
    margin-top: 10px;
    margin-bottom: 10px;
}
.headertdjob {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
         margin: 10px;
    border-bottom: 1px solid #CCCCCC;
    background: #FFFFFF;
}
.verysmall {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
}
A.featured:LINK, A.featured:VISITED {
    color : #333333;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    font-weight : bold;
    font-size : 11px;
}
A.featured:HOVER {
    color : #000000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    text-decoration : underline;
    font-weight : bold;
    font-size : 11px;
}

A.search:LINK, A.search:VISITED {
    color : #333333;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    font-weight : normal;
    font-size : 12px;
}
A.search:HOVER {
    color : #000000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    font-weight : normal;
    font-size : 12px;
}
hr {
    height: 1px;
    color: #E74D88;
}
ul {
    margin-top: 0px;
    margin-bottom: 5px;
}
ol {
    margin-top: 0px;
    margin-bottom: 5px;
}
.view {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
}
.ulli {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    background-color: #FFFFFF; 
    font-weight: normal;
            margin-bottom: 5px;
}
.olli {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    background-color: #FFFFFF; 
    font-weight: normal;
            margin-bottom: 5px;
}
.td4textarea {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; 
    background-color: #FFFFFF; 
    font-weight: normal;
    border-bottom: 1px solid #999999;
    padding : 10px;
}
.td4impmess {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; 
    background-color: #FFFFFF; 
    font-weight: normal;
    border: 2px solid #E74D88;
    padding : 5px;
}
.compdesc {
    color: #E74D88;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; 
    background-color: #FFFFFF; 
    font-weight: normal;
    border: 1px solid #E74D88;
    padding : 10px;
}
.error {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
         font-size: 10px; 
    color: #E74D88; 
    font-weight: Bold;
}
.navinput {
     color: #333333;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 9px;
     background: transparent;
     font-weight: Bold;
     text-align: center;
     border-bottom: 1px solid #999999;
     letter-spacing : 1px;
}
.featcomp {
     color: #333333;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 9px;
     background: transparent;
     font-weight: Bold;
}
.featjobs {
     color: #333333;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 9px;
     background: transparent;
     font-weight: Bold;
}
.selectdelim {
    font-weight: bold;
    background: #FFFFFF;
    text-align: center;
}
.applyunread {
    background-color: #FFFFFF;
    color: #333333;
    font-weight: bold;
    font-size: 12px;
}
.applyread {
    background-color: #FFFFFF;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
}
A.applyread:LINK,A.applyread:VISITED{
        color: #555555;
    font-weight: normal;
    font-size: 12px;
}
    
A.applyread:HOVER {
    color: #333333;
    font-weight: normal;
    font-size: 12px;
         text-decoration : underline
         }
        
A.applyunread:LINK,A.applyunread:VISITED {
    color: #333333;
    font-weight: bold;
    font-size: 12px;
}
A.applyunread:HOVER {
    color: #333333;
    font-weight: bold;
    font-size: 12px;
         text-decoration : underline
}
.desctext {
    text-align: justify;
}
.selectdelim {
    font-weight: bold;
    background: #FFFFFF;
    text-align: center;
}
.bottomborder {border-bottom: 1px solid #CCCCCC; 
}
.footer {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color : #999999;
        display : block;
        padding-bottom : 2px;
        padding-left : 2px;
        padding-top : 2px;
        text-decoration : none
}

A.footer:LINK,A.footer:VISITED {
font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color : #999999;
        padding-bottom : 2px;
        padding-left : 2px;
        padding-top : 2px;
        text-decoration : none
         
}
A.footer:HOVER {
    color: #666666;
    font-weight: bold;
    font-size: 11px;
         text-decoration : underline
}
.maindiv {
        font-family: Verdana, Arial, Helvetica, sans-serif;
                color : #333333; 
        font-size : 12px;
        line-height: 15px;
        padding-left : 6px;
        padding-right : 6px
}
.maindiv TD{
}
.maindiv p { line-height : 150%; margin-top : 6px;
margin-bottom : 6px; }

.maindiv h1 {
        font-family : Verdana, Arial, Helvetica, sans-serif;
                        color : #444; 
        font-size : 15px;
        margin-bottom : 12px;
        margin-top : 3px
}

.maindiv h2 {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 12px;
        margin-bottom : 12px;
        margin-top : 30px
}
.maindiv a:link { 
        color : #444444;
        FONT-WEIGHT: bold; 
        text-decoration : none
}
.maindiv a:visited { 
        color : #555555; 
        text-decoration : none
}
.maindiv a:active { 
        color : #E74D88;        
        text-decoration : underline
}
.maindiv a:hover { 
        color : #E74E89;        
        text-decoration : underline
}
p.navButts {
        color : #000000;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 12px;
        margin-bottom : 4px;
        margin-top : 6px
}

.navButts a {
        border : 0px solid #C0C0C0;
        color : #000000;
        display : block;
        padding-bottom : 2px;
        padding-left : 12px;
        padding-top : 4px;
        text-decoration : none;
        width : 100%;
        height:32px; 
}

.navButts a:hover {
        border : 0px solid #999999;
        color : #FFFFFF;
        text-decoration : none
}
.copyrights {
        color : #999999;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 9px;
        line-height : normal;
        margin-bottom : 2px;
        margin-top : 2px
}
.copyrights a {
        COLOR: #999999; TEXT-DECORATION: none
}
.copyrights a:hover {
        COLOR: #555555; TEXT-DECORATION: underline
}
/*Styles Applied to Float Images left or right */
.imgfloatright { float : right }
.imgfloatleft { float : left }
.noborderright { float:right; }
.noborderleft { float:left; }
.table {
        border: 1px solid #CCCCCC;
}
.invborder  {
        border: 1px solid #999999;
}
.leftnav { }
.leftnav a { height:25px; width:100px; padding-left:10px; padding-top:3px;color : #fff; font-family : Verdana, Arial, Helvetica, sans-serif;    font-size : 11px;  line-height : normal; text-decoration:none;}
.leftnav a:hover {color : #fff; font-family : Verdana, Arial, Helvetica, sans-serif;    font-size : 11px;       line-height : normal; text-decoration:underline;}
.floatright { float:right; border: 1px solid #ccc; }
.floatleft { float:left; border: 1px solid #ccc; }
/*Styles Applied to Form Elements */
form {  border : none;  font-family : Verdana, Arial, Helvetica, sans-serif; color:#333;
        font-size : 11px;       margin-right : 0px;     margin-top : 0px;       padding : 0px;}
.form { border : none;  font-family : Verdana, Arial, Helvetica, sans-serif;    font-size : 12px;       margin-right : 0px;     margin-top : 0px;       padding : 0px;}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html */
* html .threepxfix{ margin-left: 3px;}
input { background-color : transparent;  border : 1px solid #ccc ;font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 11px; color: #333333;}
.input { background-color : #F4F4F4; border : 1px solid #999999 ;font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 11px;}
input:focus { background : #FFFFFF }
textarea { background-color : transparent;      border : 1px solid #ccc;        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 12px; }
select {        background-color : #FFFFFF;     border : 1px solid #ccc;        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 12px; }
.checks { background-color : #FFFFFF; border : 1px none ;font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 11px;}
.formbutton {cursor:pointer;border:outset 1px #ccc;background:#ccc;color:#626D31;font-weight:bold;padding: 4px 4px;background:url(http://www.theoliveawards.com/images/formbg.gif) repeat-x left top;}
.formlogin {cursor:pointer;border:outset 1px #ccc;background:#fff;color:#626D31;font-weight:bold;padding: 4px 4px;}
legend {font-weight: bold;      color: #E74D88; font-size: 14px;padding: 5px 5px;}
legend a {font-weight: bold;    color: #626D31; font-size: 16px;padding: 5px 5px;text-decoration : none;background:#fff;}
legend a:hover {font-weight: bold;      color: #43506E; font-size: 16px;padding: 5px 5px;text-decoration : underline;}
fieldset { padding: 10px 10px 10px 10px; width:100px;}
.radio { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px;  font-weight: bold; border: 0px none #ccc;
     background: transparent;}
         .comment{

}
.commentbox{display:block}
.commentbox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#6AABD6}
.commentbox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bedaed;
  border-right:1px solid #bedaed;
  background:#8fc0e0}
.commentbox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f0f6fa;
  border-right:1px solid #f0f6fa;
  background:#86badd}
.commentbox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #86badd;
  border-right:1px solid #86badd;}
.commentbox4{
  border-left:1px solid #bedaed;
  border-right:1px solid #bedaed}
.commentbox5{
  border-left:1px solid #8fc0e0;
  border-right:1px solid #8fc0e0}
.commentboxfg{font-family:verdana, arial, helvetica, sans-serif;
        font-size: 1em;
        color: #fff;
padding: 5px 10px 5px 10px;
  background:#6AABD6;}

.commentfooter{
background: url( images/arrowed.gif) 20px -5px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 1em;
color: #4A4A4A;
font-family:verdana, arial, helvetica, sans-serif;
}
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:400px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:50px; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:300px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}