body {
    background-color: #F7F9FB; font-family: Arial; font-weight: normal; font-size: 10pt; margin: 0 0 0 0;
}

body.popup
{
    background-color: #FFFFFF; font-family: Arial; font-weight: normal; font-size: 10pt; margin: 0 0 0 0;
}

.normal  { font-family: Arial ; font-weight: normal; font-size: 10pt; }
.bold    { font-family: Arial Bold; font-weight: bold; font-size: 10pt; }
.small_bold  { font-family: Arial Bold; font-weight: bold; font-size: 8pt; }

div.base   { font-family: Arial; font-weight: normal; font-size: 10pt; }
div.inset  { position:relative; top:0; left:20; font-family: Arial; font-weight: normal; font-size: 10pt; }
div.offset { position:relative; top:5; left:5;  font-family: Arial; font-weight: normal; font-size: 10pt; }

hr.blue { color: #d8e2f5; }

.blue { font-family: Arial; font-weight: normal; font-size: 10pt; color: blue }
.red  { color: red; }

.astBlueN { font-family: Arial Bold; font-weight: normal; font-size: 10pt; color: #0000ff; }
.astRedN  { font-family: Arial Bold; font-weight: normal; font-size: 10pt; color: #0000ff; }

.astBlueB { font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #0000ff; }
.astRedB  { font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #0000ff; }

p       { font-family: Arial; font-weight: normal; font-size: 10pt; }
p.title { font-family: Arial Bold; font-weight: bold; font-size: 10pt; }

ul { font-family: Arial; }

span.ul { font-family: Arial; text-decoration: underline; }
span.subtext { font-family: Arial; font-weight: normal; font-size: 8pt; }

.breadcrumb { FONT-SIZE: 9pt; COLOR: #285897; FONT-FAMILY: Verdana, sans-serif }

textarea { font-family: Arial; font-weight: normal; font-size: 10pt; }

h1 { font-family: Arial; color: #000000; }
h2 { font-family: Arial; color: #000000; }
h3 { font-family: Arial; color: #000000; }
h4 { font-family: Arial; color: #000000; }

.left_side_tmp { font-family: Arial; font-weight: normal; font-size: 8pt; color: red; }

.text_a { font-family: Arial; font-weight: normal; font-size:  6pt; color: #000000; }
.text_b { font-family: Arial; font-weight: normal; font-size:  7pt; color: #000000; }
.text_c { font-family: Arial; font-weight: normal; font-size:  8pt; color: #000000; }
.text_d { font-family: Arial; font-weight: normal; font-size:  9pt; color: #000000; }
.text_e { font-family: Arial; font-weight: normal; font-size: 10pt; color: #000000; }
.text_f { font-family: Arial; font-weight: normal; font-size: 11pt; color: #000000; }
.text_g { font-family: Arial; font-weight: normal; font-size: 12pt; color: #000000; }
.text_h { font-family: Arial; font-weight: normal; font-size: 13pt; color: #000000; }
.text_i { font-family: Arial; font-weight: normal; font-size: 14pt; color: #000000; }
.text_j { font-family: Arial; font-weight: normal; font-size: 16pt; color: #000000; }
.text_k { font-family: Arial; font-weight: normal; font-size: 18pt; color: #000000; }
.text_l { font-family: Arial; font-weight: normal; font-size: 20pt; color: #000000; }
.text_m { font-family: Arial; font-weight: normal; font-size: 22pt; color: #000000; }
.text_n { font-family: Arial; font-weight: normal; font-size: 24pt; color: #000000; }

.textb_a { font-family: Arial Bold; font-weight: bold; font-size:  6pt; color: #000000; }
.textb_b { font-family: Arial Bold; font-weight: bold; font-size:  7pt; color: #000000; }
.textb_c { font-family: Arial Bold; font-weight: bold; font-size:  8pt; color: #000000; }
.textb_d { font-family: Arial Bold; font-weight: bold; font-size:  9pt; color: #000000; }
.textb_e { font-family: Arial Bold; font-weight: bold; font-size: 10pt; color: #000000; }
.textb_f { font-family: Arial Bold; font-weight: bold; font-size: 11pt; color: #000000; }
.textb_g { font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #000000; }
.textb_h { font-family: Arial Bold; font-weight: bold; font-size: 13pt; color: #000000; }
.textb_i { font-family: Arial Bold; font-weight: bold; font-size: 14pt; color: #000000; }
.textb_j { font-family: Arial Bold; font-weight: bold; font-size: 16pt; color: #000000; }
.textb_k { font-family: Arial Bold; font-weight: bold; font-size: 18pt; color: #000000; }
.textb_l { font-family: Arial Bold; font-weight: bold; font-size: 20pt; color: #000000; }
.textb_m { font-family: Arial Bold; font-weight: bold; font-size: 22pt; color: #000000; }
.textb_n { font-family: Arial Bold; font-weight: bold; font-size: 24pt; color: #000000; }

font.text_c { font-family: Arial; font-weight: normal; font-size:  8pt; color: #000000; }
font.text_d { font-family: Arial; font-weight: normal; font-size:  9pt; color: #000000; }
font.text_e { font-family: Arial; font-weight: normal; font-size: 10pt; color: #000000; }
font.text_f { font-family: Arial; font-weight: normal; font-size: 11pt; color: #000000; }
font.text_g { font-family: Arial; font-weight: normal; font-size: 12pt; color: #000000; }

font.title1 { font-family: Arial Bold; font-weight: bold; font-size: 11pt; color: #000000; }
font.title2 { font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #000000; }
font.title3 { font-family: Arial Bold; font-weight: bold; font-size: 13pt; color: #000000; }
font.title4 { font-family: Arial Bold; font-weight: bold; font-size: 14pt; color: #000000; }
font.title6 { font-family: Arial Bold; font-weight: bold; font-size: 16pt; color: #000000; }
font.title8 { font-family: Arial Bold; font-weight: bold; font-size: 18pt; color: #000000; }

span.title  { font-family: Arial Bold; font-weight: bold; font-size: 10pt; color: #000000; }
span.title1 { font-family: Arial Bold; font-weight: bold; font-size: 11pt; color: #000000; }
span.title2 { font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #000000; }
span.title3 { font-family: Arial Bold; font-weight: bold; font-size: 13pt; color: #000000; }
span.title4 { font-family: Arial Bold; font-weight: bold; font-size: 14pt; color: #000000; }
span.title6 { font-family: Arial Bold; font-weight: bold; font-size: 16pt; color: #000000; }
span.title8 { font-family: Arial Bold; font-weight: bold; font-size: 18pt; color: #000000; }

p.title  { font-family: Arial Bold; font-weight: bold; font-size: 10pt; color: #000000; }
p.title1 { font-family: Arial Bold; font-weight: bold; font-size: 11pt; color: #000000; }
p.title2 { font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #000000; }
p.title3 { font-family: Arial Bold; font-weight: bold; font-size: 14pt; color: #000000; }

.titlesm { font-family: Arial Bold; font-weight: bold; font-size:  9pt; color: #000000; }
.title   { font-family: Arial Bold; font-weight: bold; font-size: 10pt; color: #000000; }
.title1  { font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #000000; }
.title2  { font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #000000; }
.title3  { font-family: Arial Bold; font-weight: bold; font-size: 14pt; color: #000000; }

a:link    { color: #0000FF; }
a:visited { color: #0000FF; }
a:active  { color: #0000FF; }

a.footer { color: white }
a.footer:visited { color:  white }
a.footer:active { color:  white }
a.footer:hover { color: yellow }

a.navlink { color: #002288; }
a.navlink:visited { color: #002288; }
a.navlink:active { color: #002288; }
a.navlink:hover { color:#ff0000 }

a.navlinkn { color: #002288; text-decoration: none; }
a.navlinkn:visited { color: #002288; }
a.navlinkn:active { color: #002288; }
a.navlinkn:hover { color:#ff0000 }

a.navlinksm1 { color: #002288; font-family: Arial; font-weight: normal; font-size: 6pt; }
a.navlinksm1:visited { color: #002288; }
a.navlinksm1:active { color: #002288; }
a.navlinksm1:hover { color:#ff0000 }

a.navlinksm2 { color: #002288; font-family: Arial; font-weight: normal; font-size: 7pt; }
a.navlinksm2:visited { color: #002288; }
a.navlinksm2:active { color: #002288; }
a.navlinksm2:hover { color:#ff0000 }

a.navlinksm3 { color: #002288; font-family: Arial; font-weight: normal; font-size: 8pt; }
a.navlinksm3:visited { color: #002288; }
a.navlinksm3:active { color: #002288; }
a.navlinksm3:hover { color:#ff0000 }

a.navlinksm2 { color: #002288; font-family: Arial; font-weight: normal; font-size: 7pt; }
a.navlinksm2:visited { color: #002288; }
a.navlinksm2:active { color: #002288; }
a.navlinksm2:hover { color:#ff0000 }

a.navlink1 { color: #002288; font-family: Arial Bold; font-weight: bold; font-size: 10pt; }
a.navlink1:visited { color: #002288; }
a.navlink1:active { color: #002288; }
a.navlink1:hover { color:#ff0000 }

a.navlink2 { color: #002288; font-family: Arial Bold; font-weight: bold; font-size: 12pt; }
a.navlink2:visited { color: #002288; }
a.navlink2:active { color: #002288; }
a.navlink2:hover { color:#ff0000 }

a.navlink3 { color: #002288; font-family: Arial Bold; font-weight: bold; font-size: 14pt; }
a.navlink3:visited { color: #002288; }
a.navlink3:active { color: #002288; }
a.navlink3:hover { color:#ff0000 }

a.navlink4 { color: #002288; font-family: Arial Bold; font-weight: bold; font-size: 16pt; }
a.navlink4:visited { color: #002288; }
a.navlink4:active { color: #002288; }
a.navlink4:hover { color:#ff0000 }

a.navlinkBsm1 { color: #002288; font-family: Arial Bold; font-weight: bold; font-size: 6pt; }
a.navlinkBsm1:visited { color: #002288; }
a.navlinkBsm1:active { color: #002288; }
a.navlinkBsm1:hover { color:#ff0000 }

a.navlinkBsm2 { color: #002288; font-family: Arial Bold; font-weight: bold; font-size: 7pt; }
a.navlinkBsm2:visited { color: #002288; }
a.navlinkBsm2:active { color: #002288; }
a.navlinkBsm2:hover { color:#ff0000 }

a.navlinkBsm3 { color: #002288; font-family: Arial Bold; font-weight: bold; font-size: 8pt; }
a.navlinkBsm3:visited { color: #002288; }
a.navlinkBsm3:active { color: #002288; }
a.navlinkBsm3:hover { color:#ff0000 }

a.navlinkB { color: #002288; text-decoration: none; font-family: Arial Bold; font-weight: bold; font-size: 10pt; }
a.navlinkB:visited { color: #002288; }
a.navlinkB:active { color: #002288; }
a.navlinkB:hover { color:#ff0000 }

a.navlinkB2 { color: #002288; text-decoration: none; font-family: Arial Bold; font-weight: bold; font-size: 12pt; }
a.navlinkB2:visited { color: #002288; }
a.navlinkB2:active { color: #002288; }
a.navlinkB2:hover { color:#ff0000 }

a.navlinkB3 { color: #002288; text-decoration: none; font-family: Arial Bold; font-weight: bold; font-size: 14pt; }
a.navlinkB3:visited { color: #002288; }
a.navlinkB3:active { color: #002288; }
a.navlinkB3:hover { color:#ff0000 }

a.navlinkN0 { color: #002288; text-decoration: none; font-family: Arial; font-weight: normal; font-size: 8pt; }
a.navlinkN0:visited { color: #002288; }
a.navlinkN0:active { color: #002288; }
a.navlinkN0:hover { color:#ff0000 }

a.navlinkN1 { color: #002288; text-decoration: none; font-family: Arial; font-weight: normal; font-size: 10pt; }
a.navlinkN1:visited { color: #002288; }
a.navlinkN1:active { color: #002288; }
a.navlinkN1:hover { color:#ff0000 }

a.navlinkN2 { color: #002288; text-decoration: none; font-family: Arial; font-weight: normal; font-size: 12pt; }
a.navlinkN2:visited { color: #002288; }
a.navlinkN2:active { color: #002288; }
a.navlinkN2:hover { color:#ff0000 }

a.navlinkN3 { color: #002288; text-decoration: none; font-family: Arial; font-weight: normal; font-size: 14pt; }
a.navlinkN3:visited { color: #002288; }
a.navlinkN3:active { color: #002288; }
a.navlinkN3:hover { color:#ff0000 }

a.navLinkHome { color: white; text-decoration: none; font-family: Arial; font-weight: bold; font-size: 10pt; }
a.navLinkHome:visited { color: white; }
a.navLinkHome:active { color: white; }
a.navLinkHome:hover { color: #aaaaaa }

a.edit { color: blue; text-decoration: none; }
a.edit:visited { color: blue; }
a.edit:active { color: blue; }
a.edit:hover { color: red }

a.list { color: blue; }
a.list:visited { color: blue; }
a.list:active { color: blue; }
a.list:hover { color: red }

a.listn { color: #0000ff; text-decoration: none; }
a.listn:visited { color: #0000ff; }
a.listn:active { color: #0000ff; }
a.listn:hover { color:#ff0000 }

a.trail { color: #663366; }
a.trail:visited { color: #663366; }
a.trail:active { color: #663366; }
a.trail:hover { color: #663366; }

a.left_side { color: #0000ff; }
a.left_side:visited { color: #0000ff; }
a.left_side:active { color: #0000ff; }
a.left_side:hover { color:#ff0000 }

a.left_side0 { color: #0000ff; font-family: Arial; font-weight: normal; font-size: 9pt; }
a.left_side0:visited { color: #0000ff; }
a.left_side0:active { color: #0000ff; }
a.left_side0:hover { color:#ff0000 }

a.left_side1 { color: #0000ff; font-family: Arial; font-weight: normal; font-size: 11pt; text-decoration: none; }
a.left_side1:visited { color: #0000ff; }
a.left_side1:active { color: #0000ff; }
a.left_side1:hover { color:#ff0000 }

a.left_side2 { color: #0000ff; font-family: Arial; font-weight: normal; font-size: 12pt; text-decoration: none; }
a.left_side2:visited { color: #0000ff; }
a.left_side2:active { color: #0000ff; }
a.left_side2:hover { color:#ff0000 }

a.menuLink { color: #ffffff; font-family: Arial; font-weight: normal; font-size: 10pt; text-decoration: none; }
a.menuLink:visited { color: #ffffff; }
a.menuLink:active { color: #ffffff; }
a.menuLink:hover { color:#aaaaaa }

table.box_b1 { border: solid 1px #0000ff; }
table.box_cb { border: solid 1px #d8e2f5; }
table.box_cy { border: solid 1px #ffa616; }
table.box_c1 { border: solid 1px #d8e2f5; }
table.box_c2 { border: solid 2px #d8e2f5; }

.styled_input  {
    border: solid 1px #cccccc;
}

table.menu_bar {
    color: white;
    background:url("../images/red_menu.png") no-repeat;
}

td.menu_bar {
    color: white;
    background: url("../images/red_menu.png") no-repeat;
}
td.menu_btn {
    color: white;
    background: url("../images/red_menu_btn.png") no-repeat;
}

table.doc_comment { border: solid 1px #bbbbbb; background-color: #ffffff;}
table.standard_list { background-color: #cccccc; }
table.list_fr { background-color: #cccccc; border: solid 1px #aaaaaa; } /* padding should not be used in a table tag, but rather in a <td> tag */
table.list_fx { background-color: #d8e2f5; }

img.frames { border: solid 1px #bbbbbb; }
table.frames { border: solid 1px #bbbbbb; background-color: #ffffff; } /* padding should not be used in a table tag, but rather in a <td> tag */
table.frames0 { border: solid 1px #d8e2f5; }

td { font-family: Arial; font-weight: normal; font-size: 10pt; }

th.title   { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 10pt; color: #000000; }
th.titlesm { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size:  9pt; color: #000000; }

td.banner { font-family: Arial Bold; font-weight: bold; font-size: 20pt; color: #000000; }
td.banner_titlesm { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size:  8pt; color: #000000; }
td.banner_title10 { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 10pt; color: #000000; }
td.banner_title12 { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #000000; }
td.banner_title14 { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 14pt; color: #000000; }
td.banner_title16 { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 16pt; color: #000000; }
td.banner_title18 { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 18pt; color: #000000; }
td.banner_title20 { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 20pt; color: #000000; }
td.banner_title22 { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 22pt; color: #000000; }

td.doc_title { text-align: left; vertical-align: top; font-family: Arial; font-weight: normal; font-size:  8pt; color: #000000; }
td.doc_descr { text-align: left; vertical-align: top; font-family: Arial; font-weight: normal; font-size:  8pt; color: #000000; }
td.doc_appen { text-align: left; vertical-align: top; font-family: Arial; font-weight: normal; font-size:  8pt; color: #000000; }
td.doc_toc   { text-align: left; vertical-align: top; font-family: Arial; font-weight: normal; font-size:  8pt; color: #000000; }

TD.title0  { text-align: center; vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size:  8pt; color: #000000; }
TD.title   { text-align: center; vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 10pt; color: #000000; }
TD.title1  { text-align: center; vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 11pt; color: #000000; }
TD.title2  { text-align: center; vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #000000; }
TD.title4  { text-align: center; vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 14pt; color: #000000; }
TD.title6  { text-align: center; vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 16pt; color: #000000; }
TD.title8  { text-align: center; vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 18pt; color: #000000; }
TD.title20 { text-align: center; vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 20pt; color: #000000; }
TD.title22 { text-align: center; vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 22pt; color: #000000; }
TD.title24 { text-align: center; vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 24pt; color: #000000; }

TD.rtitle  { text-align: right;  vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 10pt; color: #000000; }
TD.ltitle  { text-align: left;   vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 10pt; color: #000000; }
TD.ltitle2 { text-align: left;   vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #000000; }
TD.ltitle3 { text-align: left;   vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 14pt; color: #000000; }

TD.colhdr  { text-align: center; vertical-align: bottom; font-family: Arial Bold; font-weight: bold; font-size: 10pt; }
TD.colhdr1 { text-align: left;   vertical-align: bottom; font-family: Arial Bold; font-weight: bold; font-size: 10pt; }
TD.colhdr2 { text-align: right;  vertical-align: bottom; font-family: Arial Bold; font-weight: bold; font-size: 10pt; }
TD.colhdrt { text-align: center; vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 10pt; }
TD.colhdrm { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 10pt; }

TD.text_leftsm { text-align: left; vertical-align: top; font-family: Arial; font-weight: normal; font-size:  8pt; }
TD.text_left10 { text-align: left; vertical-align: top; font-family: Arial; font-weight: normal; font-size: 10pt; }
TD.text_left12 { text-align: left; vertical-align: top; font-family: Arial; font-weight: normal; font-size: 12pt; }
TD.text_left14 { text-align: left; vertical-align: top; font-family: Arial; font-weight: normal; font-size: 14pt; }
TD.text_left16 { text-align: left; vertical-align: top; font-family: Arial; font-weight: normal; font-size: 16pt; }
TD.text_left18 { text-align: left; vertical-align: top; font-family: Arial; font-weight: normal; font-size: 18pt; }
TD.text_left20 { text-align: left; vertical-align: top; font-family: Arial; font-weight: normal; font-size: 20pt; }

TD.text_midsm { text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 9pt; }
TD.text_mid  { text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 10pt; }
TD.text_mid1 { text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 11pt; }
TD.text_mid2 { text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 12pt; }
TD.text_mid4 { text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 14pt; }
TD.text_mid6 { text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 16pt; }
TD.text_mid8 { text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 18pt; }
TD.text_mid20 { text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 20pt; }
TD.text_mid22 { text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 22pt; }
TD.text_mid24 { text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 24pt; }

TD.text_midtop { text-align: center; vertical-align: top; font-family: Arial; font-weight: normal; font-size: 10pt; }

TD.fldhdr  { text-align: left;  vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 10pt; }
TD.fldhdrb { text-align: left;  vertical-align: bottom; font-family: Arial Bold; font-weight: bold; font-size: 10pt; }
TD.fldhdrm { text-align: left;  vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 10pt; }
TD.fldhdrx { text-align: left;  vertical-align: top;    font-family: Arial Bold; font-weight: bold; font-size: 10pt; height: 24px; }

TD.data   { text-align: left;   vertical-align: top;    font-family: Arial; font-weight: normal; font-size: 10pt; }
TD.ndata  { text-align: right;  vertical-align: top;    font-family: Arial; font-weight: normal; font-size: 10pt; }
TD.cdata  { text-align: center; vertical-align: top;    font-family: Arial; font-weight: normal; font-size: 10pt; }

TD.text   { text-align: left  ; vertical-align: top;    font-family: Arial; font-weight: normal; font-size: 10pt; }
TD.textb  { text-align: left  ; vertical-align: bottom; font-family: Arial; font-weight: normal; font-size: 10pt; }
TD.textm  { text-align: left  ; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 10pt; }
TD.textr  { text-align: right ; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 10pt; }
TD.textc  { text-align: center; vertical-align: top;    font-family: Arial; font-weight: normal; font-size: 10pt; }
TD.ctext  { text-align: center; vertical-align: top;    font-family: Arial; font-weight: normal; font-size: 10pt; }

TD.textx  { text-align: left  ; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 10pt; height: 28px; }
TD.subtext { text-align: left ; vertical-align: top;    font-family: Arial; font-weight: normal; font-size: 8pt; }
TD.csubtext { text-align: center; vertical-align: top;    font-family: Arial; font-weight: normal; font-size: 8pt; }

TD.shade_bg { text-align: left ; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 10pt; background-color: #eeeeee; }

TD.icon  { text-align: center; vertical-align: top; font-family: Arial; font-weight: normal; font-size: 9pt; }

TD.navbtn { text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 10pt; background-color: #cccccc; }

TD.tabs   { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 10pt; }
TD.tab2   { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 10pt; background-color: #cccccc; }

TD.button { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #002288; background-color: #6699CC; height: 25px; }
TD.button2 { text-align: center; vertical-align: middle; font-family: Arial Bold; font-weight: bold; font-size: 12pt; color: #cccccc; background: url(resources_btn2.gif); height: 25px; }

TD.action  { text-align: left  ; vertical-align: top; font-family: Arial; font-weight: normal; font-size: 10pt; background-color: #EEEEEE; width:547px; height: 75px; }
TD.comment { text-align: left  ; vertical-align: top; font-family: Arial; font-weight: normal; font-size: 10pt; background-color: #EEEEEE; width:575px; height: 75px; }

/* -- popup pages -- */
.printPage {
    background: #fff url("../images/printer.gif") no-repeat 10px 5px;
    color: #0000ff;
    cursor: pointer;
    border: solid 1px #cccccc;
    padding: 5px 5px 5px 35px;
    width: 40px;
}
.printPage:hover {
    background: #eeeeee url("../images/printer.gif") no-repeat 10px 5px;
    border: solid 1px #888888;
}

.printPage_hover { /* for elements that are hovered when a loose.dtd is not specified */
    background: #eeeeee url("../images/printer.gif") no-repeat 10px 5px;
    border: solid 1px #888888;
}
/* -- -- */

span.trail_mark {
    background: url("../images/arrow_red.gif") no-repeat left 4px;
    padding-left: 9px;
    padding-right: 5px;
}

.form label {
    font-size: 12px; color: #444444; font-weight: bold;
}

td.banner_img {
    height: 120px;
    background:url("../special/banner_header.jpg") no-repeat;
}

td.register_btn {
    background:url("../images/background_menu_sq.gif");
}

td.home_btn {
    background:url("../images/red-gradient.png");
    text-align: center; vertical-align: middle; height:27px; font-family: Arial; font-weight: normal; font-size: 12pt;
}

td.tool_btn {
    background:url("../images/red_menu_btn.png") no-repeat;
    text-align: center; vertical-align: middle; height:23px; width: 172px; font-family: Arial; font-weight: normal; font-size: 12pt;
}

td.register_why {
    background:url("../images/background_menu_why.gif") no-repeat;
    text-align: center; vertical-align: middle; font-family: Arial; font-weight: normal; font-size: 16pt;
}

td.home_btns_tall {
    background:url("../images/background_menu_tall.gif") no-repeat;
}

td.bannerMainHead {
    height: 120px;
    width: 980px;
    background:url("../special/header.jpg") no-repeat;
}

td.thinRedBarBrand {
    height: 20px;
    background: url( "../images/red_bar.png" ) no-repeat;
}

td.foot_bar {
    background: #666666 url(  "../images/red_footer.png") no-repeat;
    height: 30px;
    width: 980px;
    color: #ffffff;
    padding: 0 0 0 0;
    text-align: center;
}

.foot_bar a {
    text-decoration: none;
    color: #ffffff;
    padding: 0 6px;
}
.foot_bar a:visited {
    color: #ffffff;
}
.foot_bar a:hover {
    color: #aaaaaa;
}

td.topNav {
    padding: 0 10px 0 20px;
    text-align: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    color: #002244;
}

.topNav a {
    text-decoration: none;
    color: #002288;
    padding: 0 3px;
}
.topNav a:visited {
    color: #002288;
}
.topNav a:hover {
    color: #ff0000;
}

tr.adminMenuCells td {
    height: 20px;
    vertical-align: bottom;
    padding: 0 4px;
    text-align: center;
}

table.menuTree {
    background-color: #ffffff;
/*
    border-top: solid 1px #bbbbbb;
    border-right: solid 1px #bbbbbb;
    border-left: solid 1px #bbbbbb;
*/
}

table.menuTree td.menuTree_bb {
    border-bottom: solid 1px #bbbbbb;
}

table.menuTree td table td {
    border-bottom: 0;
}

/*  ~ ~ ~ ~ ~ ~    CALENDAR    ~ ~ ~ ~ ~ ~ very finely tweaked, order of styles matters. changes could affect both full and mini calendars   */
table.full { width: 100%; }
table.mini { width: 150px; }

table.calendar { border: solid 1px #777777; }

table.calendar a { text-decoration: none; }
table.calendar a.calEventEdit { font-size: 11px; font-weight: bold; color: #888888; font-family: arial; text-transform: uppercase; }
table.calendar a.calEventAdd  { font-size: 11px; font-weight: bold; color: #888888; font-family: arial; text-transform: uppercase; }

table.calendar td {
    width: 14%;
    vertical-align: top;
}
tr.calHead td {
    height: 15px;
    vertical-align: top;
    text-align: center;
    border: solid 1px #cccccc;
    padding: 2px;
    color: #eeeeee;
}
tr.calDayRow td.calDayInMonth, tr.calDayRow td.calToday, tr.calDayRow td.calWeekend {
    height: 105px;
    padding: 3px;
}
.calHeadWeekday {
    background-color: #990033;
}
.calHeadWeekend {
    background-color: #990033;
}
.calDayNotInMonth {
    border: solid 1px #bbbbbb;
    background-color: #dddddd;
}
.calDayInMonth {
    border: solid 1px #bbbbbb;
    background-color: #ffffff;
}
.calToday {
    border: solid 1px #000000;
}
.calWeekend {
    border: solid 1px #bbbbbb;
    background-color: #ffffff;
}
table.calEvent td {
    height: 0;
    border: 0;
    vertical-align: top;
}
tr.calHeadMini td {
    font-weight: bold;
    background-color: #990033;
    font-size: 11px;
    vertical-align: top;
    text-align: center;
    border: solid 1px #cccccc;
    padding: 2px;
    color: #eeeeee;
}
tr.calDayRowMini td.calDayInMonth, tr.calDayRowMini td.calToday, tr.calDayRowMini td.calWeekend {
    height: 0;
    padding: 1px;
}
td.calEventMini {
    background-color: #ffcc99;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~  */

/* ~ ~ ~ ~ ~ ~ ~ ~   Calendar Nav    ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~  */

table.calNav { width: 100%; }
.calNav td.calNavHead { padding-bottom: 10px; text-align: center; font-weight: bold; font-size: 16px; }
.calNav td.calNavDir      { width: 35%; }
.calNav td.calNavDirMini  { width: 20%; }
.calNav td.calNavSub  { padding-bottom: 5px; text-align: center; }
.calNav td.calNavLMo  { text-align: right; padding-right: 5px; }
.calNav td.calNavNMo  { text-align: left; padding-left: 5px; }

td.calNavDirMini span.arrPadMini { padding: 0; }
td.calNavDir     span.arrPad     { padding: 0 5px 0 5px; }

table.calNav a.noline { text-decoration: none; }

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~  */

/* ~ ~ ~ ~ ~ ~ ~ ~   Events List    ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~  */

table.listEvents { border: 0; width: 100%; }
table.listEvents td.listHead  { font-size: 20px; color: #818181; font-weight: bold; text-align: center; }
table.listEvents div.listHead { font-size: 20px; color: #818181; font-weight: bold; text-align: center; }
table.listEvents td.eventHead { font-size: 16px; color: #818181; font-weight: bold; text-align: center; }
table.listEvents td.newDate   { font-size: 12px; color: #818181; font-weight: bold; text-align: left; background: #eeeeee; border-bottom: dotted 1px #aaaaaa; }
/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~  */

#hoverMenu {
    vertical-align: middle;
}

#hoverMenu td {
    height: 23px;
    text-align: center;
    vertical-align: middle;
    background: url("../images/red_menu.png") repeat-x;
}

#hoverMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space:nowrap;
    vertical-align: middle;
}

#hoverMenu  ul li { position: relative; display: inline; padding: 0 20px 5px 20px; }

#hoverMenu  ul li ul li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 170px;
    border-bottom: solid 1px #eeeeee;
    line-height: 25px;
}

#hoverMenu  li ul {
    position: absolute;
    top: 16px;
    left: 15px;
    visibility: hidden;
    text-align: left;
}

#hoverMenu  ul li a {
    text-decoration: none;
    color: white;
    padding: 0;
}

#hoverMenu ul li a:hover  { text-decoration: none; color:#aaaaaa }

#hoverMenu ul li ul li a { background-color: #CCCCCC; color:black; display: block; width: 100%; }
#hoverMenu ul li ul li a span { padding-left: 10px;}

#hoverMenu li:hover ul, #hoverMenu li.over ul { visibility: visible; }

.recur_opt {
    float: left;
    display: none;
    padding: 3px 8px;
    border: solid 1px #cccccc;
    background-color: #eeeeee;
}

table.myProfile {
    margin-left: 10px;
}
table.myProfile td {
    padding-right: 8px;
}

table.myProfile span.required {
    font-weight: bold;
    font-size: 15px;
    color: #0000ff;
}

table.form span.required {
    font-weight: bold;
    font-size: 15px;
    color: #0000ff;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ date range picker ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
div.toggleRangePicker, div.rngPickerClose {
    cursor: pointer;
    color: #006cb5;
    float: none;
}
div.toggleRangePicker:hover span {
    color: #004e83;
    border-bottom: dotted 1px #999;
}

div.rngPickerClose:hover {
    color: #004e83;
}

div.rangePickerContainer {
    left: -125px;
    top: -25px;
    position: relative;
    display: none;
}
div.rangePickerContainer .container {
    margin: 0 auto;
    position: absolute;
    top: 5px; left: -100px;
    border: solid 1px #444444;
    background: #ccc;
    padding: 5px;
    width: 210px;
}

a.lowInd { color: #006cb5; text-decoration: none; line-height: 20px; }
a.lowInd:visited { color: #006cb5; }
a.lowInd:hover { border-bottom: dotted 1px #aaa; color: #004e83; }

div.menuExpander {
    margin: 1px;
    width: 18px;
    height: 18px;
}
.menu_show {
    background: transparent url("../images/add.png") no-repeat 50% 50%;
}
.menu_hide {
    background: transparent url("../images/min.png") no-repeat 50% 50%;
}
.column_reducer {
    width: 20px;
}

/* -----------------------------------------------------------------------------------*/

@media print {

    .noPrint {
        display: none;
    }
}


