body { font: 0.75em Verdana, Tahoma, Arial, Helvetica, Sans-Serif; margin: 0; padding: 0; }

#chart_annual_goal { border: 1px solid #dedede; float: left; width: 400px; }
#chart_annual_goal .content { padding: 5px; }
#chart_annual_goal .content .actual { float: left; width: 40px; }
#chart_annual_goal .content .actual_bar { background-color: #3158a8; float: left; }
#chart_annual_goal .content .goal { clear: left; float: left; width: 40px; }
#chart_annual_goal .content .goal_bar { background-color: #3158a8; float: left; }
#chart_annual_goal .content hr { border: 1px solid #fff; clear: both; height: 2px; margin: 0; padding: 0; }
#chart_annual_goal .head { background-color: #3158a8; color: #fff; font-weight: 700; padding: 3px; }
#chart_annual_goal .sub_head { background-color: #e9edff; font-weight: 700; padding: 3px; }

.clear { clear: both; }

fieldset { padding: 0 10px 10px; }
fieldset legend { margin-bottom: 10px; }
fieldset .col_l { float: left; width: 30%; }
fieldset .col_l div { margin-bottom: 5px; }
fieldset .col_r { float: left; width: 70%; }
fieldset div.multiple, fieldset div.proposal { float: left; margin-bottom: 10px; }
fieldset div.multiple div, fieldset div.proposal div.control { float: left; margin-right: 4px; }

.floating_box { border: 1px solid #dedede; float: right; /*height: 240px;*/ margin-left: 10px; width: 180px; }
.floating_box .heading { background-color: #dde0f7; border-bottom: 1px solid #dedede; float: left; font-weight: 700; padding: 5px 0; text-align: center; width: 100%; }
.floating_box .content { float: left; padding: 5px; }
.floating_box .content p { margin: 0; padding: 0; }
.floating_box .content ul { margin-left: 10px; padding-left: 10px; }
.floating_box .content ul li { margin-bottom: 10px; }

.fw_normal { font-weight: normal; }

.gridview { border: 1px solid #dedede; font-size: 1em; width: 100%; }
.gridview td, .gridview th { border: 1px solid #dedede; margin: 0; padding: 1px; }
.gridview td.month { background-color: #e9edff; }
.gridview th { background-color: #e9edff; height: 20px; }
.gridview tr:hover { background-color: #e9edff; }
.gridview .color1 { background-color: #FFFBEB; /* orange */ }
.gridview .color2 { background-color: #EBFFFB; /* blue */ }
.gridview .color3 { background-color: #F9FFEB; /* green */ }
.gridview .color4 { background-color: #FFF1EB; /* pink */ }
.gridview .footer { background-color: #dffcc5; height: 20px; }
.gridview .footer:hover { background-color: #dffcc5; }
.gridview .footer td { font-weight: 700; }

.help { cursor: help; }

input.button { cursor: pointer; width: 75px; }
input.button, input.text, select, textarea.text { font: 1em Verdana, Tahoma, Arial, Helvetica, Sans-Serif; }

noscript { color: #c00; font-weight: 700; }
noscript a { color: #c00; }
noscript a:link, noscript a:visited { text-decoration: underline; }
noscript a:hover, noscript a:active { text-decoration: none; }

/* BREADCRUMB */
#c_breadcrumb { border: 1px solid #dedede; color: #598f2a; display: block; line-height: 24px; margin: 30px 9px 0 10px; padding-left: 8px; }
#c_breadcrumb ul { list-style: none; margin: 0; padding: 0; }
#c_breadcrumb ul li { display: inline; }
#c_breadcrumb ul li a { color: #4571c0; font-weight: 700; }
#c_breadcrumb ul li a:link, #c_breadcrumb ul li a:visited { text-decoration: underline; }
#c_breadcrumb ul li a:hover, #c_breadcrumb ul li a:active { text-decoration: none; }

/* FOOTER */
#footer { clear: both; color: #598f2a; margin: 20px 0; text-align: center; }
#footer a:link, #footer a:visited { color: #4571c0; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #4571c0; text-decoration: none; }

#logos { height: 104px; }
#logos .col_l img { float: left; margin: 25px 10px; }
#logos .col_r img { float: right; margin: 25px 10px; }

/* MAIN NAV */
#c_menu { float: left; padding: 0 20px; z-index: 100; }
#c_menu ul { list-style: none; margin: 0; padding: 0; z-index: 100; }
#c_menu ul li { background: url(Images/Menu/right_both.gif) no-repeat right top; border-bottom: 1px solid #dedede; float: left; margin: 0 2px; margin-bottom: -1px; padding: 0; }
#c_menu ul li:hover, #c_menu ul li.sftab { background-position: 100% -150px; border-bottom: 1px solid #fff; }
#c_menu ul li:hover a, #c_menu ul li.sftab a { background-position: 0% -150px; }
#c_menu ul li a { background: url(Images/Menu/left_both.gif) no-repeat left top; color: #0e4890; display: block; font-weight: 700; padding: 5px 15px; text-decoration: none; white-space: nowrap; width: 1em; }
#c_menu ul li.lit { background-position: 100% -150px; border-bottom: 1px solid #fff; }
#c_menu ul li.lit a { background-position: 0% -150px; }
#c_menu > ul li a { width: auto; }

#c_menu ul li ul { border: 1px solid #dedede; left: -999em; position: absolute; width: 200px; z-index: 100; }
#c_menu ul li:hover ul, #c_menu ul li.sfhover ul { left: auto; }
#c_menu ul li ul li { background: none; border: none; float: none; margin: 0; padding: 0; }
#c_menu ul li ul li a { font-weight: normal; padding: 5px; width: 190px; }
#c_menu ul li ul li a:link, #c_menu ul li ul li a:visited { background: #fff; }
#c_menu ul li ul li a:hover, #c_menu ul li ul li a:active { background: #dde0f7; }
#c_menu ul li ul li:hover, #c_menu ul li ul li.sfhover { border: none; position: static; }

/* MINOR NAV */
#nav_top { background-color: #dde0f7; border-bottom: 1px solid #dedede; height: 22px; color: #4571c0; line-height: 22px; }
#nav_top .col_l { float: left; padding-left: 10px; }
#nav_top .col_r { float: right; padding-right: 10px; }
#nav_top .col_r ul { font-weight: 700; list-style: none; margin: 0; padding: 0; }
#nav_top .col_r ul li { float: left; }
#nav_top .col_r ul li a { background: url(images/arrow01.gif) no-repeat left center; color: #4571c0; margin: 0 5px; padding-left: 12px; }
#nav_top .col_r ul li a:link, #nav_top .col_r ul li a:visited { text-decoration: none; }
#nav_top .col_r ul li a:hover, #nav_top .col_r ul li a:active { text-decoration: underline; }

/* MAIN CONTAINER */
#c_main { background: url(Images/bg01.gif) repeat-x center bottom; border: 1px solid #dedede; clear: both; margin: 0 10px; }
#c_main #c_content { color: #3158a8; padding: 10px; }
#c_main #c_content a:link, #c_main #c_content a:visited { color: #3158a8; text-decoration: underline; }
#c_main #c_content a:hover, #c_main #c_content a:active { color: #3158a8; text-decoration: none; }
#c_main #c_content h1 { color: #3158a8; font-size: 1.27em; }
#c_main #c_content h2 { font-size: 1.18em; }
#c_main #c_content h3 { font-size: 1.09em; }
#c_main #c_content strong, #c_main #c_content b { color: #598f2a; }

/* GENERAL */
#c_general { margin: 0 auto; width: 770px; }
#c_general #c_main { margin: 0; }
#c_general #c_menu { padding: 0 10px; }
#c_general #logo { text-align: center; }
#c_general #logo img { margin: 25px 0; }
#c_general #nav_top { background: none; border: none; height: 22px; color: #4571c0; line-height: 22px; }

/* FEATURES */
#features .feature h2 { color: #598f2a; font-size: 1em; height: 49px; margin: 0; padding: 0 0 1em; }
#features .feature ul { color: #3158a8; list-style: none; margin: 0; padding: 0; }
#features .feature ul li { background: url(Images/bullet01.gif) no-repeat 0 4px; margin-bottom: 10px; padding-left: 12px; }
#features .feature ul li a { color: #4571c0; font-weight: 700; }
#features .feature ul li a:link, #features .feature ul li a:visited { text-decoration: underline; }
#features .feature ul li a:hover, #features .feature ul li a:active { text-decoration: none; }
#features #feature01 { float: left; padding-right: 10px; width: 235px; }
#features #feature01 h2 { background: url(Images/Icons/cash_register.gif) no-repeat left top; padding-left: 45px; }
#features #feature02 { border-left: 1px dotted #3158a8; border-right: 1px dotted #3158a8; float: left; height: 310px; margin-bottom: 10px; padding: 0 10px; width: 235px; }
#features #feature02 h2 { background: url(Images/Icons/clock.gif) no-repeat left top; padding-left: 43px; }
#features #feature03 { float: left; padding-left: 10px; width: 235px; }
#features #feature03 h2 { background: url(Images/Icons/chart.gif) no-repeat left top; padding-left: 48px; }

#get_started { clear: both; margin: 1px; padding: 1px; }
#get_started .col_l { color: #3158a8; float: left; font-size: 1.09em; font-weight: 700; line-height: 22px; }
#get_started .col_r { float: right; padding: 0px 60px; }

#c_sub { height: 175px; margin: 5px 0; }
#c_sub .col_l { float: left; }
#c_sub .col_r { float: right; }

#announcements { background: url(Images/bg03.gif) repeat-x 0 29px; border: 1px solid #dedede; color: #3158a8; height: 178px; width: 510px; }
#announcements h1 { background-color: #dcdff7; border-bottom: 1px solid #dedede; font-size: 1.27em; font-weight: 700; line-height: 28px; margin: 0px; padding: 0px 5px; }
#announcements #list { background: none; height: 150px; overflow: auto; }
#announcements #list ul { list-style: none; margin: 0px; padding: 10px; }
#announcements #list li { background: url(Images/bullet01.gif) no-repeat 0 4px; margin-bottom: 10px; padding-left: 15px; }
#announcements #list li a { color: #3158a8; }
#announcements #list li a:link, #announcements #list li a:visited { text-decoration: underline; }
#announcements #list li a:hover, #announcements #list li a:active { text-decoration: none; }

#info_box { background-color: #d6ffa3; border: 1px solid #598f2a; color: #598f2a; margin-bottom: 10px; padding: 5px; }

#login { border: 1px solid #dedede; color: #3158a8; height: 178px; overflow: hidden; width: 251px; }
#login h1 { background-color: #dcdff7; border-bottom: 1px solid #dedede; font-size: 1.27em; line-height: 28px; margin: 0px; padding: 0px 5px; }
#login #email { font-weight: 700; text-align: right; }
#login #forgot { text-align: right; }
#login #message { color: #c00; text-align: center; }
#login #password { font-weight: 700; text-align: right; }
#login p { color: #3158a8; margin: 5px; margin-top: 6px; padding: 0; }
#login table { background: url(Images/bg03.gif) repeat-x center top; border: none; margin: 0 auto; width: 251px; }
#login table td { color: #598f2a; margin: 0; padding: 2px; }
#login table td a { color: #4571c0; }
#login table td a:link, #login table td a:visited { text-decoration: underline; }
#login table td a:hover, #login table td a:active { text-decoration: none; }

.manage_ads { background: url(Images/Icons/ads.png) no-repeat left center; padding-left: 20px; padding-bottom: 3px; }

#message_box { background-color: #ffffe1; background-position: 10px center; background-repeat: no-repeat; border: 1px solid #a9aa8f; color: #666; margin-bottom: 20px; padding: 10px 10px 10px 32px; }
.message_box_alert { background-image: url(Images/Icons/alert.gif); }
.message_box_info { background-image: url(Images/Icons/information.gif); }
.message_box_warning { background-image: url(Images/Icons/warning.gif); }

.packages .desc { display: block; padding-left: 22px; }
.packages .name { font-size: 1.18em; }
.packages td { padding-bottom: 10px; }
.preview_proposal { background: url(Images/Icons/printer.png) no-repeat left center; padding-left: 20px; padding-bottom: 3px; }
#print_proposal #preview { font-size: 1.09em; margin: 10px 0; padding: 10px 0; }
#print_proposal #logo, #proposal #logo { /*float: right;*/ margin-bottom: 10px; }
.print { background: url(Images/Icons/printer.png) no-repeat left center; padding-left: 20px; padding-bottom: 3px; }
#proposal { font-size: 1.09em; }

#signature { padding: 30px 0 10px 0; }
#signature #date { border-top: 1px solid #3158a8; display: inline; padding-right: 150px; }
#signature #name { border-top: 1px solid #3158a8; display: inline; margin-right: 10px; padding-right: 150px; }

.subscription .desc { display: block; }
.subscription .name { font-size: 1.09em; }

.total { float: right; font-size: 1.09em; font-weight: bold; margin-top: 10px; }

.txt_no { color: #8f592a; }
.txt_yes { color: #598f2a; }

.txt_c { text-align: center; }
.txt_l { text-align: left; }
.txt_r { text-align: right; }

.validation { background-color: #f99; border: 1px solid #9d0909; margin-bottom: 10px; }
.validation ul { color: #9d0909; list-style: none; margin: 16px 0; padding: 0; }
.validation ul li { background-image: url(Images/bullet02.gif); background-position: 2% 50%; background-repeat: no-repeat; margin-bottom: 5px; padding-left: 30px; }

.member_photo { float: left; margin: 0 5px 0; }