.topHeaderBar {
    width: 940px;
    color: #000000;
}


.darkbackground {background-color: #5C778D}
.linedbackground {background-image: url(../images/bg.gif)}

.normaltext, a, td, body, span, label, input, div, li, textarea, select, option {FONT: 9pt Arial}
.boldtext {FONT-WEIGHT: bold; COLOR: #333333;}
.smalltext {FONT-SIZE: 8pt}
.smallboldtext {FONT-SIZE: 8pt; FONT-WEIGHT: bold; COLOR: #333333;}
.tinytext {FONT-SIZE: 6pt}
.tinyboldtext {FONT-SIZE: 6pt; FONT-WEIGHT: bold; COLOR: #333333;}
.largetext {FONT-SIZE: 12pt}
.largeboldtext {FONT-SIZE: 12pt; FONT-WEIGHT: bold; COLOR: #333333;}
.errortext {FONT: bold 9pt Arial; COLOR: #C03441}
.errorblock {FONT: bold 9pt Arial; COLOR: white; BACKGROUND-COLOR: #C03441;}
.successtext {FONT: bold 9pt Arial; COLOR: blue;}
.smallerrortext {FONT: bold 8pt Arial; COLOR: #C03441}
.whitetext {COLOR: white;}
.smallwhitetext {COLOR: white; FONT-SIZE: 8pt;}
.boldwhitetext {FONT-WEIGHT: bold; COLOR: white;}
.smallboldwhitetext {COLOR: white; FONT-WEIGHT: bold; FONT-SIZE: 8pt;}

.pagetitle, h1 {FONT-WEIGHT: bold; FONT-SIZE: 12pt; color: #316997}

.sectionheader {BACKGROUND-COLOR: #EEEEEE; FONT: bold 9pt Arial; PADDING: 3px 3px 3px 10px; white-space: nowrap; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray;}
.sunken {BORDER-WIDTH: 1px; BORDER-STYLE: solid; BORDER-COLOR: gray white white gray;}
.raised {BORDER-WIDTH: 1px; BORDER-STYLE: solid; BORDER-COLOR: white gray gray white;}

.tableft {text-align: left;
                 width: 1px;
                 background-color: white;
                 display: none;
                }
.tabcenter {text-align: left;
             vertical-align: middle;
             height: 25px;
             font: bold 9pt Arial;
             color: #22465C;
             padding-left: 8px;
             white-space: nowrap;
             background: white
                         url(../Images/bkgdSelected.png);
             border: 1px solid lightgray;
            }
.tabcentertext {
             font: bold 9pt Arial;
             color: #465B6B;
            }

.tabright {text-align: left;
                 width: 1px;
                 background-color: white;
                 display: none;
                }
.tabbody {border-width: 0px 1px 1px 1px; border-style: solid; border-color: #CCCCCC; padding: 5px; background-color: white;}
.tabbody2{border-width: 0px 1px 1px 1px; border-style: solid; border-color: #CCCCCC; padding: 0px; background-color: white;}



.tabselected 
{
    background: url(../Images/bkgdSelected.png) repeat-x 0 -1px; 
    height: 32px; 
    text-align: center; 
    color: #22465C; 
    font-weight: bold; 
    vertical-align: middle; 
    border: 1px solid #e7e7e7; 
    font-size: 10pt; 
}
.tabselected:hover
{
    cursor: pointer; 
}
.tabdeselected 
{ 
    color: #E7E7E7; 
    background: url(../Images/bkgdDeSelected.png) repeat-x 0 bottom; 
    height: 34px; 
    text-align: center; 
    vertical-align: middle; 
    font-weight: bold; 
}
.tabdeselected:hover
{
    color: White;
    cursor: pointer; 
}
.tabSmall {
    font-size: 7pt;
    line-height: 8pt;
    text-align: left;
    padding-left: 5px; 
}

.divider
{
    border-width: 0px 0px 1px 0px; 
    padding-bottom: 8px;
    border-style: dotted; 
    border-color: #CCCCCC; 
}




.bordertopdark{border-top: 1px solid #7682A4;}
.borderrightdark{border-right: 1px solid #7682A4;}
.borderleftdark{border-left: 1px solid #7682A4;}
.borderbottomdark{border-bottom: 1px solid #7682A4;}

.tabcolor {background-color: #E7E7E7;}

.topborder {background: #7682A4 url(../images/sm_top_header.gif);}




.submenu {background-COLOR: #BBC2D5; font: bold 9pt Arial; color: #545A74;}


.inversegradient { background: white url(../images/InverseGradient.png) repeat-x scroll 0 0; }





.tableftinactive {text-align: left;
                 width: 0px;
                 background: #888888;
                }
.tabcenterinactive {text-align: left;
             vertical-align: middle;
             height: 25px;
             font: bold 9pt Arial;
             color: #EEEEEE;
             padding-left: 8px;
             white-space: nowrap;
             background: #7682A4
                         url(../Images/bkgdDeSelected.png);
             border: 0px solid lightgray;
            }

.tabrightinactive {text-align: left;
                 width: 0px;
                 background: #888888;
                }





.tableftsmall {text-align: left;
                 width: 0px;
                 background: white;
                }
.tabcentersmall {text-align: left;
             vertical-align: middle;
             font: bold 8pt Arial;
             color: #22465C;   
             height: 15px;
             padding-left: 8px;
             white-space: nowrap;
             background: white
                         url(../images/tab6gradientsmall.gif);
             border: 1px solid lightgray;
            }

.tabrightsmall {text-align: left;
                 width: 0px;
                 background: white;
                }


.tableshell {border: 1px solid #CCCCCC;} 
.tableheader, .tableheader td, .tableheader th {font: bold 9pt Arial;
              color: white;
              white-space: nowrap;
              background: #5C778D
                          url(../images/tab6gradientinactivesmalltall.gif); 
            }
.tableheader2, .tableheader2 td, .tableheader2 th {font: bold 9pt Arial;
              color: white;
              white-space: nowrap;
              background-color: #5C778D;
            }


td.tablerow1, th.tablerow1, tr.tablerow1>td { FONT: 9pt Arial; COLOR: #000000; BACKGROUND-COLOR: white;}
td.tablerow2, th.tablerow2, tr.tablerow2 >td { FONT: 9pt Arial; COLOR: #000000; BACKGROUND-COLOR: #EEEEEE;}

.tabletemplate, .tabletemplate0, .tabletemplate1, .tabletemplate2 {border-collapse: collapse; border-spacing: 0px; }
table.tabletemplate>tbody>tr>td, table.tabletemplate>tbody>tr>th {padding: 3px;}
table.tabletemplate0>tbody>tr>td, table.tabletemplate0>tbody>tr>th {padding: 0px;}
table.tabletemplate1>tbody>tr>td, table.tabletemplate1>tbody>tr>th {padding: 1px;}
table.tabletemplate2>tbody>tr>td, table.tabletemplate2>tbody>tr>th {padding: 2px;}
table>tbody>tr.tablerowpad>td, table>tbody>tr.tablerowpad>th, table>tbody>tr>td.tablerowpad, table>tbody>tr>th.tablerowpad  {padding-right: 10px}
table>tbody>tr.tablerownowrap>td, table>tbody>tr.tablerownowrap>th {white-space: nowrap;}

A:link { FONT-WEIGHT: normal; COLOR: #336699; text-decoration: underline }
A:visited { FONT-WEIGHT: normal; COLOR: #336699; text-decoration: underline }
A:active { FONT-WEIGHT: normal; COLOR: #336699; text-decoration: underline }
A:hover { FONT-WEIGHT: normal; COLOR: #CB5426; text-decoration: none }        

A.headerlink, .tableheader a:link { font-weight: bold; COLOR: white; text-decoration: none }
A.headerlink, .tableheader a:visited { font-weight: bold; COLOR: white; text-decoration: none }
A.headerlink, .tableheader a:active { font-weight: bold; COLOR: white; text-decoration: none }
A.headerlink, .tableheader a:hover { font-weight: bold; COLOR: white; text-decoration: underline }

.tableheader2 a:link { font-weight: bold; COLOR: white; text-decoration: none }
.tableheader2 a:visited { font-weight: bold; COLOR: white; text-decoration: none }
.tableheader2 a:active { font-weight: bold; COLOR: white; text-decoration: none }
.tableheader2 a:hover { font-weight: bold; COLOR: white; text-decoration: underline }

A.smalllink:link { FONT-SIZE: 8pt; font-weight: normal; COLOR: #336699; text-decoration: underline }
A.smalllink:visited { FONT-SIZE: 8pt; font-weight: normal; COLOR: #336699; text-decoration: underline }
A.smalllink:active { FONT-SIZE: 8pt; font-weight: normal; COLOR: #336699; text-decoration: underline }
A.smalllink:hover { FONT-SIZE: 8pt; font-weight: normal; COLOR: #CB5426; text-decoration: none }

A.redlink:link { font-weight: normal; COLOR: #E6001B; text-decoration: underline }
A.redlink:visited { font-weight: normal; COLOR: #E6001B; text-decoration: underline }
A.redlink:active { font-weight: normal; COLOR: #E6001B; text-decoration: underline }
A.redlink:hover { font-weight: normal; COLOR: #CB5426; text-decoration: none }

	A.smallredlink:link { FONT-SIZE: 8pt;  font-weight: normal; COLOR: #E6001B; text-decoration: underline }
A.smallredlink:visited { FONT-SIZE: 8pt;  font-weight: normal; COLOR: #E6001B; text-decoration: underline }
A.smallredlink:active { FONT-SIZE: 8pt;  font-weight: normal; COLOR: #E6001B; text-decoration: underline }
A.smallredlink:hover { FONT-SIZE: 8pt;  font-weight: normal; COLOR: #CB5426; text-decoration: none }

A.whitelink:link { font-weight: normal; COLOR: white; text-decoration: none }
A.whitelink:visited { font-weight: normal; COLOR: white; text-decoration: none }
A.whitelink:active { font-weight: normal; COLOR: white; text-decoration: none }
A.whitelink:hover { font-weight: normal; COLOR: white; text-decoration: underline }

A.smallwhitelink:link { FONT-SIZE: 8pt;  font-weight: normal; COLOR: white; text-decoration: underline }
A.smallwhitelink:visited { FONT-SIZE: 8pt;  font-weight: normal; COLOR: white; text-decoration: underline }
A.smallwhitelink:active { FONT-SIZE: 8pt;  font-weight: normal; COLOR: white; text-decoration: underline }
A.smallwhitelink:hover { FONT-SIZE: 8pt;  font-weight: normal; COLOR: yellow; text-decoration: none }


.gridviewheader {font: bold 9pt Arial; color: white; white-space: nowrap; background: #7682A4 url(../images/tab6gradientinactivesmalltall.gif)}
.gridviewheader a:link {font-weight:bold; color:White; text-decoration:none}
.gridviewheader a:visited {font-weight:bold;	color:White; text-decoration:none}
.gridviewheader a:hover {font-weight:bold; color:White;	text-decoration:underline;}
.gridviewheader a:active {font-weight:bold;	color:White; text-decoration:none;}

.gridviewheader2 {font: bold 9pt Arial; color:  #336699; white-space: nowrap; background-color: #d5d6df}
.gridviewheader2 a:link {font-weight: bold; color: #336699; text-decoration: none}
.gridviewheader2 a:visited {font-weight: bold; color: #336699; text-decoration: none}
.gridviewheader2 a:hover {font-weight: bold; color: #336699; text-decoration: underline;}
.gridviewheader2 a:active {font-weight: bold; color: #336699; text-decoration: none;}



/******************** CALENDAR STYLES *******************/
.calendarmonthheader {padding: 5px; background-color: White}
.calendardayheader {FONT: 9pt Arial; padding: 1px; background-color: #6699CC; color: White}
.calendarweekday {padding: 2px; background-color: White}
.calendarweekend {padding: 2px; background-color: WhiteSmoke}
.calendaroffmonth {padding: 2px; background-color: White}
.calendartoday {padding: 2px; background-color: white}
.calendarselecteddate {padding: 2px; background-color: #FEFF9F}
.calendargototoday {color:Black;background-color:White;font-family:Verdana,Helvetica,Tahoma,Arial;font-size:XX-Small;} 
.calendarcleardate {color:Black;background-color:White;font-family:Verdana,Helvetica,Tahoma,Arial;font-size:XX-Small;} 
.calendarholiday {color:Black;background-color:White;font-family:Verdana,Helvetica,Tahoma,Arial;font-size:XX-Small;} 

A.calendarmonthheader:active {FONT: bold 9pt Arial; text-decoration: none; color: Black}
A.calendarmonthheader:visited {FONT: bold 9pt Arial; text-decoration: none; color: Black}
A.calendarmonthheader:link {FONT: bold 9pt Arial; text-decoration: none; color: Black}
A.calendarmonthheader:hover {FONT: bold 9pt Arial; text-decoration: underline; color: Black}

A.calendarweekday:active {FONT: 9pt Arial; text-decoration: none; color: Black}
A.calendarweekday:visited {FONT: 9pt Arial; text-decoration: none; color: Black}
A.calendarweekday:link {FONT: 9pt Arial; text-decoration: none; color: Black}
A.calendarweekday:hover {FONT: bold 9pt Arial; text-decoration: underline; color: Black}

A.calendarweekend:active {FONT: 9pt Arial; text-decoration: none; color: Black}
A.calendarweekend:visited {FONT: 9pt Arial;  text-decoration: none; color: Black}
A.calendarweekend:link {FONT: 9pt Arial;  text-decoration: none; color: Black}
A.calendarweekend:hover {FONT: bold 9pt Arial;  text-decoration: underline; color: Black}

A.calendaroffmonth:active {FONT: 9pt Arial; text-decoration: none; color: Silver}
A.calendaroffmonth:visited {FONT: 9pt Arial;  text-decoration: none; color: Silver}
A.calendaroffmonth:link {FONT: 9pt Arial;  text-decoration: none; color: Silver}
A.calendaroffmonth:hover {FONT: bold 9pt Arial;  text-decoration: underline; color: Silver}

A.calendartoday:active {FONT: 9pt Arial; text-decoration: none; color: #4582BB}
A.calendartoday:visited {FONT: 9pt Arial;  text-decoration: none; color: #4582BB}
A.calendartoday:link {FONT: 9pt Arial;  text-decoration: none; color: #4582BB}
A.calendartoday:hover {FONT: bold 9pt Arial;  text-decoration: underline; color: #4582BB}

A.calendarselecteddate:active {FONT: 9pt Arial; text-decoration: none; color: Black}
A.calendarselecteddate:visited {FONT: 9pt Arial;  text-decoration: none; color: Black}
A.calendarselecteddate:link {FONT: 9pt Arial;  text-decoration: none; color: Black}
A.calendarselecteddate:hover {FONT: bold 9pt Arial;  text-decoration: underline; color: Black}

/******************** END CALENDAR STYLES *******************/