body {
     font-size: 11pt;
     font-family: verdana, helvetica, geneva, arial;
     color: #000000;
     background-color: #ffffff;
}

TABLE {
      font-size: 10pt;
      font-family: verdana, helvetica, geneva, arial;
}

img {border:0}
form {margin:0;padding:0}
     
.tabl{
      border-width: 0px;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 10pt;
      width: 100%;
      border-collapse: collapse;
      }

      
.tabl_narrow {
      border-width: 0px;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 10pt;
      width: 600px;
      border-collapse: collapse;
      }

A {
	TEXT-DECORATION: none
}
A:link {
	COLOR: #003366;
    TEXT-DECORATION: underline;
}
A:visited {
	COLOR: #003366;
    TEXT-DECORATION: underline;
}
A:hover {
	COLOR: #dd2200;
    TEXT-DECORATION: underline;
}


.topbar_one {
    color: #ffffff;
    FONT-SIZE: 18px;
    padding: 0px 0px 0px 20px;
    vertical-align: middle;
    background-color: #003366;
    background-image: url(images_site/quadrados.gif);
    background-position: right;
    background-repeat: no-repeat;
    line-height:32px;
}
.topbar_two {
    FONT-SIZE: 11px;
    height: 22px;
    background-color: #cccc99;
}


a:link.leftbar{
        FONT-SIZE: 11px;
        COLOR: #FFF;
        text-decoration:none;
        width:100%;
        padding-left: 20px;
}

a:visited.leftbar {
        FONT-SIZE: 11px;
        COLOR: #FFF;
        text-decoration:none;
        width:100%;
        padding-left: 20px;
 }

a:hover.leftbar {
        FONT-SIZE: 11px;
        COLOR: #FFF;
        background-color: #69c;
        width:100%;
        padding-left: 20px;
        
}

.leftbar_header {
        FONT-SIZE: 11px;
        FONT-WEIGHT: BOLD;
        padding-left: 10px;
        padding-top: 5px;
        COLOR: #FFFFFF;  
}

.rightbar_header {
    FONT-SIZE: 12px;
    color: #036;
    FONT-WEIGHT: BOLD;
    border-width: 0px;
    border-top-width: 5px;
    border-top-color: #fff;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    border-style: solid;
}

.rightbar_body {
     FONT-SIZE: 11px; 
}
.rightbar_links:link {
    TEXT-DECORATION: none
}
.rightbar_links:visited {
    TEXT-DECORATION: none
}
.rightbar_links:hover {
    TEXT-DECORATION: underline
}

.main_header {
    font-size: 18px;
    COLOR: #FFFFFF;
    background-image: url(images_site/newbg.gif);
    line-height: 30px;
    width: 100%;
    padding-left: 15px;
    border-width: 0px;
    border-bottom-width: 8px;
    border-bottom-color: #fff;
    border-style: solid;
    
}

.main_header_black {
	font-size: 18px;
    COLOR: #000000;
}

.summary_cal_body {
	width: 100%;
    color:#fff;
    font-size: 9pt;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    background-color: #fff;
    }
/* these are abbreviated names for summary calendar styles, since they are repeated so many times on the page: save bandwidth */
.s_r {position:relative; width: 18px; height: 14px;} /* relative position */
.s_a {position:absolute; left:0px; top:0px; width: 18px; height: 14px; } /* absolute position */
.s_0 {
     border: solid 1px;
     border-color:  #cc9;
     color: #036;
     width: 18px;
     height: 14px;
     }

/* call only*/    
.s_1 {
     background-color: #d20;
     border-color: #d20;
     }
     
  /* leave only*/    
 .s_2 {
     border: solid 1px; /*need to keep this, since if you have an entire month of leave it wont show properly*/
     background-color: #996;
     border-color: #996;
     }

/* call and leave*/    
.s_3 {
     border: solid 1px;
     background-color: #996;
     border-color: #996;
     border-top-color: #d20;
     border-left-color: #d20;
     }
/* today only*/    
.s_4 {
     background-color: #036;
     border-color: #036;
     }

/*today and call*/
.s_5 {
	border: solid 1px;
     background-color: #d20;
     border-top-color: #036;
     border-left-color: #036;
     border-bottom-color: #d20;
     border-right-color: #d20;
     }
       
/*today and leave*/
.s_6 {
	 border: solid 1px;
     background-color: #996;
     border-top-color: #036;
     border-left-color: #036;
     border-bottom-color: #cc9;
     border-right-color: #cc9;
     }
     
/*today and leave and call*/
.s_7 {
	border: solid 1px;
     background-color: #96;
     border-color: #cc9;
     border-top-color: #d20;
     border-left-color: #d20;
     color: #fff;
     }


.leave_cal_heading {color:#003366; font-size: 14pt; font-weight: bold;}
.leave_cal_days {color:#999966; font-size: 10pt; font-weight:bold}
.leave_cal_body {
    color:#003366;
    font-size: 9pt;
    border: 1px solid #cccc99;
    }

/* these are abbreviated names for selector calendar styles, since they are repeated so many times on the page: save bandwidth */
.c_cal_body {
    color:#fff;
    font-size: 8pt;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    background-color: #fff;
    }
    
 .c_r {position:relative; width: 14px; height: 10px;} /* relative position */
.c_a {position:absolute; left:0px; top:0px; width: 14px; height: 10px; } /* absolute position */
.c_0 {
     border: solid 1px;
     border-color:  #cc9;
     color: #036;
     width: 14px;
     height: 10px;
     }

/* call only*/    
.c_1 {
     background-color: #d20;
     border-color: #d20;
     }
     
  /* leave only*/    
 .c_2 {
     border: solid 1px; /*need to keep this, since if you have an entire month of leave it wont show properly*/
     background-color: #996;
     border-color: #996;
     }
 /* today only*/    
.c_4 {
     background-color: #036;
     border-color: #036;
     } 
     /*today and leave*/
.c_6 {
	 border: solid 1px;
     background-color: #996;
     border-top-color: #036;
     border-left-color: #036;
     border-bottom-color: #cc9;
     border-right-color: #cc9;
     }
        
.rstr_heading {
    color:#003366;
    font-size: 14pt;
    font-weight: bold;
    border-width: 0px;
    border-top-width: 10px;
    border-top-color: #ffffff;
    border-bottom-width: 5px;
    border-bottom-color: #ffffff;
    border-style: solid;
    }

.msg_header {
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF; 
    font-weight: bold;
}
.header_1 {
    font-size: 14px;
    line-height: 22px;
    color: #ffffff; 
    font-weight: bold;
    background-color: #999966;
    padding-left: 15px;
    border-width: 0px;
    border-bottom-width: 8px;
    border-bottom-color: #ffffff;
    border-top-width: 8px;
    border-top-color: #ffffff;
    border-style: solid;
    

}
.header_2 {
    line-height: 25px;
    color: #dd2200; 
    font-weight: bold;
    border-bottom: 1px solid #cccc99;
}

.basic {font-size: 10pt; }
.basic_14 {font-size: 14pt; }
.basic_12 {font-size: 12pt; }
.basic_9 {font-size: 9pt; }
.basic_8 {font-size: 8pt; }
.basic_7 {font-size: 7pt; }
.basic_6 {font-size: 6pt; }

.blue {color:#003366}
.red {color:#dd2200}
.white {color:#ffffff}
.lgrey {color:#cccc99}
.dgrey {color:#999966}
.black {color:#000000}
.bl {color:#000000}
.dg {color:#999966}

.survey {
        border: 1px solid #cccc99;
        color:#003366;
        }
.roster_white {
        background-color: #FFFFFF;
        width: 100px;
        }
        
.roster_dgrey {
        background-color: #cccc99;
        width: 100px;
        }
        
.roster_lgrey {
        background-color: #cccccc;
        width: 100px;
        }

a.button {
font-size:12px; 
text-decoration:none; 
padding: 3px 20px 3px 20px;
text-align: center;
height: 16px;
}
       
a:link.button, a:visited.button, a:active.button  {
color:#000;
background:#cc9; 
border:2px #ffc outset;
text-decoration:none; 
}
a:hover.button {
color:#fff;
background:#663; 
text-decoration:none; 
border:2px #ffc inset;
}

a.button_red {
font-size:12px; 
text-decoration:none; 
padding: 3px 20px 3px 20px;
text-align: center;
}

a:link.button_red, a:visited.button_red, a:active.button_red  {
color:#fff;
background:#d20; 
border:2px #fcc outset;
}
a:hover.button_red {
color:#fff;
background:#d20; 
border:2px #fcc inset;
}
.spaceline {
	border-width: 0px;
    border-bottom-width: 5px;
    border-bottom-color: #ffffff;
    border-top-width: 5px;
    border-top-color: #ffffff;
    border-style: solid;
}