body,html,#centerdiv
{
min-width: 900px; /* 2 x LC width + RC width */
min-height: 100%;
height: 100%;
width: 100%;
width: auto;
margin: 0;
padding: 0;
background-color: #A5ABC5;
color: #555555;
font-size: 10pt;
font-family: Arial,Verdana,Helvetica,san-serif;
}
#outer_shell
{
width: 1000px;
height: 100%;
background: url(images/shell/outer_shell_background.gif) repeat-y center top;
}
#container_row
{
left: 0px;
top: 0px;
height: 100%;
width: 1000px;
background-color: #FFFFFF;
}
#left_column_fill
{
margin: 0px;
padding: 0px;
background-image: url(images/shell/menu_background.gif);
background-repeat: repeat-y;
width: 100%;
height: 100%;
}
#header_row
{
width: 1000px;
height: 100%;
background-color: #FF0000;
background: url(/images/shell/top_background.jpg) no-repeat center bottom;
}
#leftcolumn
{
float: left;
width: 200px;
min-width: 190px;
height: 100%;
background-color: #18A2DC;
text-align: center;
font-size: 8pt;
background: url(../images/shell/menu_background.gif) repeat-y center bottom;
}
#rightcolumn
{
float: right;
width: 800;
min-width: 780px;
height: 100%;
background-color: #FFFFFF;
text-align: left;
}
#right_content
{
padding: 10px;
height: auto;
}
#footer_row
{
width: 1000px;
background-color: #A5ABC5;;
text-align: center;
vertical-align: bottom;
font-size: 9pt;
font-weight: bold;
font-family: arial;
clear: both;
height: auto;
color: #FFFFFF;
}
/*** IE6 Fix ***/
* html #left_row
{
left: 650px; /* RC width */
}
/* GENERAL STYLES */
.breadcrumb
{
text-decoration: none;
font-size: 9pt;
font-weight: bold;
color: #999999;
}
.breadcrumb_current
{
text-decoration: none;
font-size: 9pt;
font-weight: bold;
color: #AAAAAA;
}
.heading
{
font-size: 14pt;
font-weight: bold;
}
.subheading
{
font-size: 12pt;
font-weight: bold;
}
.menu_title
{
font-size: 8pt;
color: #555555;
text-align: center;
}
.menu_xxsmall
{
font-size: 9pt;
font-weight: bold;
color: #555555;
}
.menu_normal
{
color: #555555;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
}
.menu_over
{
font-size: 8pt;
font-weight: bold;
color: #FF423f;
text-decoration: underline;
}
.menu_micro
{
font-size: 8pt;
color: #555555;
}
.box_heading
{
color: #FFFFFF;
background: url(/images/shell/box_header.jpg) repeat-y center bottom;
padding: 3px;
font-size: 9pt;
font-weight: bold;
border-top: 1px solid #8E96B7;
border-bottom: 1px solid #4B5375;
}
.box_entry
{
color: #FFFFFF;
background: url(/images/shell/box_entry.jpg) repeat-y center bottom;
padding: 2px;
font-size: 9pt;
font-weight: bold;
border-bottom: 1px solid #8E96B7;
}
.box_entry_over
{
color: #FFFFFF;
background: url(/images/shell/box_entry_over.jpg) repeat-y center bottom;
padding: 2px;
font-size: 9pt;
font-weight: bold;
border-bottom: 1px solid #8E96B7;
}
.box_entry_static
{
color: #FFFFFF;
background: url(/images/shell/box_entry_static.jpg) repeat-y center bottom;
padding: 2px;
font-size: 9pt;
font-weight: bold;
border-bottom: 1px solid #8E96B7;
}
.image,photo
{
border: 1px #555555 solid;
}
.inputfield
{
font-size: 8pt;
font-weight: normal;
color: #333333;
background-color: #EEEEEE;
border: inset 1px #555555;
padding-left: 3px;
padding-right: 3px;
}
.button
{
font-size: 8pt;
font-weight: bold;
color: #555555;
background-color: #CCCCCC;
border-top: solid 1px #B5AFA1;
border-left: solid 1px #B5AFA1;
border-right: solid 1px #958F81;
border-bottom: solid 1px #958F81;
}
table.data
{
border: none;
}
td
{
font-size: 9pt;
font-family: Arial,Verdana,Helvetica,san-serif;
color: #555555;
}
td.space
{
padding: 0px;
}
td.header
{
font-size: 9pt;
color: #000000;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
vertical-align: top;
}
td.header2
{
font-size: 10pt;
color: #FFFFFF;
font-weight: bold;
background-color: #A59F91;
vertical-align: middle;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #958F81;
}
td.header3
{
font-size: 10pt;
color: #FFFFFF;
font-weight: bold;
background-color: #B5AFA1;
vertical-align: middle;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #A59FA1;
}
td.header4
{
font-size: 10pt;
color: #FFFFFF;
font-weight: bold;
background-color: #D5CFC1;
vertical-align: middle;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #C5BFB1;
}
td.data1
{
font-size: 9pt;
color: #555555;
background-color: #D1CBBD;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
vertical-align: top;
border: 1px solid #C1BBAD;
}
td.data2
{
font-size: 9pt;
color: #555555;
background-color: #E4E2D5;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
vertical-align: top;
border: 1px solid #DAD4C6;
}
/* Round Corner Box */
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2
{
background: transparent url(/images/shell/roundbox_tope.gif) no-repeat bottom right;
}
.cssbox
{
width: 575px !important; /* intended total box width - padding-right(next) */
width: 560px; /* IE Win = width - padding */
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 20px auto; /* use to position the box */
}
/* set the top-right image */
.cssbox_head
{
background-position: top right;
margin-right: -15px; /* pull the right image over on top of border */
padding-right: 40px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h2
{
background-position: top left;
margin: 0; /* reset main site styles*/
border: 0; /* ditto */
padding: 20px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
height: auto !important; height: 1%; /* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_body
{
background-position: bottom left;
margin-right: 25px; /* interior-padding right */
padding: 5px 0 30px 40px; /* mirror .cssbox_head right/left content_top, content_right_padding, bottom_content_padding,left_content_padding*/
}