/* CALENDAR - The classes below control the colors of the calendar popup control */
table.jCalendar th { background: #342c29; color: #fff} 
table.jCalendar td { background: #6e5a53; color: #000} 
table.jCalendar td.other-month { background: #342c29; color: #26201e} 
table.jCalendar td.today { background: #826f60; color: #000} 
table.jCalendar td.selected { background: #efdfa4; color: #000} 
table.jCalendar td.selected:hover { background: #ac9a7a; color: #000} 
table.jCalendar td:hover, table.jCalendar td.dp-hover { background: #ac9a7a; color: #000} 
table.jCalendar td.disabled, table.jCalendar td.disabled:hover { background: #ffe6cf; color: #f57402} 
table.jCalendar td.other-month:hover { background: #342c29; color: #26201e} 

/* DEFAULT BODY STYLES - The classes below control the colors of the core body elements on the page */
body {color:#1b110f}
body.Body {background: url(./layout/bg_left.gif) repeat-y #ffffff;}
body#b_login {background: #1a100e}

/*DEFAULT HEADER LOGO*/
.Body div#logo { background:url(./layout/bg_top1.jpg) no-repeat; }

/*LOGO POSITIONING*/
div#logo h1 {width: 300px; height: 40px; top: 55px; left: 230px;}
div#logo h1 a { width: 300px; height: 40px;}

/*MENU LINE*/
div#logo ul#welcome li a {background: url(./layout/menu_line.gif) repeat-y; color: #979987;}
div#logo #last {color: #00234b;}

/* BULLETS FOR LISTS - This class lets you specify an image for bulleted items */
ul.points li {background:url(./icons/arrow_000_small.png) no-repeat left center}

/* HEADINGS - The classes below control the colors and format of the heading */
h1 {}
h2 {}
h3 {font-size: 20px; padding: 5px 0 15px 0}
h4 {font-size: 16px; padding: 5px 0 15px 0}
h5 {font-size: 13px; padding: 5px 0 15px 0; text-transform:uppercase; color: #6a5644}

/* LINKS - Set the default color of links and visited links  */
a:link {color: #41829f}
a:visited {color: #41829f}
a:hover {color: #41829f}
a:active {color: #41829f} 

/* MENU - Controls the colors and layout of the side menu */
.menuitem {background: no-repeat 20px center #979987}
.menu_main_section {border-top: 1px solid #293352}
.menu_main_section h4 {color:#ffffff; border-top: 1px solid #293352}
.menu_main_section ul li a {color:#FFFFFF}
.menu_main_section ul li a:hover {background: #EFEFEF; color: #293352}
.menu_main_section ul li.selected a,
.menu_main_section ul li.selected a:hover {background: #FFFFFF; color:#293352}

/* MAIN CONTAINERS - Control the background image that appears at the top of the page */
.TopWrap {height: 200px; background:url(./layout/bg_top2.jpg) repeat-x top #3d3025; width: 100%}

/* SEPERATOR - Controls the color of the 'horizontal rule' between modules */
.separator {border-top: 1px solid #CCCCCC}

/* STRAPLINE - Controls the formatting of the Active Portfolio 'strap line' */
.header_strapline {color: #72759e; padding-top: 35px; font-weight: normal; margin-left: 50px;}
.header_strapline a {color: #00234b}

/* CONTROL PANEL POSITIONING */
.ControlPanel 
{
     z-index: 20;
     position: absolute;
     margin-bottom: 30px;
}

.TitleText {color: #293352; font-size: 12pt; font-weight: bold; font-family: Verdana,Arial,Helvetica,Sans-Serif;}
.BodyText {color: #293352; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 11pt;} 
.ContactText {color: #293352; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10pt;}
.ContactTitleText {color: #979987; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10pt;}
#LeftContentPane {width: 440px; padding: 20px 5px 0px 10px; float: left;}
#RightContentPane {width: 300px; padding: 20px 5px 0px 10px; float: left; border-style: solid; border-left: solid 1px #000000;}
#LeftContactPane {width: 49%; float: left;}
#RightContactPane {width: 49%; float: left;}
#Separator {border-style: solid; border-top: solid 1px #979987; width: 100%;}
#ImageSpacer {padding: 10px 10px 10px 10px; float: right}

/* Forms table styling (don't want to alter the default table style that may be used elsewhere in the portal */
.tableBorder { border-width: 1px 1px 1px 1px; border-spacing: 0px; border-style: solid solid solid solid; border-color: #979987 #979987 #979987 #979987; border-collapse: separate; background-color: #FFFFFF; }
.header { border-width: 1px 1px 1px 1px; padding: 5px 5px 5px 15px; border-style: inset inset inset inset; border-color: #293352 #293352 #293352 #293352; background-color: #293352; font-weight: bold; color: #FFFFFF }
.cell { border-bottom: #979987 1px solid; border-right: #979987 1px solid; padding: 8px 5px 8px 15px; }
.SquareBullet { list-style: square inside; }