body {
    /*background: #C0C8E0 url(../images/bg/bg.jpg) top left repeat; */
    background-color: #fff;
    color: #001; margin: auto 0px;
    font-family: Helvetica, Verdana, Arial, Tahoma, Trebuchet MS;
    font-size: .70em;
    /* Other fonts !
       * Lucida Sans, Tahoma, Verdana, Arial;
    */
}
table.bg_glow {    
    width: 1100px;
    border-collapse: collapse;
    position: relative;
}
td.bg_tl { background: url(../images/bling/bg_tl.png) top left repeat-x; height: 15px; }
td.bg_t { background: url(../images/bling/bg_t.png) top left repeat-x; height: 15px; }
td.bg_tr { background: url(../images/bling/bg_tr.png) top left repeat-x; height: 15px; }
td.bg_l { background: url(../images/bling/bg_l.png) top right repeat-y; width: 5px; }
td.bg_r { background: url(../images/bling/bg_r.png) top left repeat-y; width: 5px; }
td.bg_bl { background: url(../images/bling/bg_bl.png) top right no-repeat; height: 15px; width: 5px; }
td.bg_b { background: url(../images/bling/bg_b.png) top left repeat-x; height: 15px; }
td.bg_br { background: url(../images/bling/bg_br.png) top left no-repeat; height: 15px; width: 5px; }
td.bg_c { padding: 0px; }
/* Container */
.container {
    border: 1px solid #fff;
    border-width: 0px 6px 6px 6px;
    /*background: url(../images/bg/bg_page.jpg) top left repeat;*/
    padding: 10px;
    color: #000;
    position: relative;
    /*margin-left: -500px;
    left:50%; width: 1000px;*/
}
/* Footer */
.footer {
    padding: 15px 0px 15px 0px;
}
h1,h2,h3,h4,h5 {
    margin: 10px 0px 10px 0px;
    font-weight: normal;
    color: #444;
}
h1 { font-size: 30px; color: #333; font-family: "times new roman"; }
h2 { font-size: 24px; color: #333; font-family: "times new roman"; }
h3 { font-size: 20px; color: #333; }
h4 { font-size: 14px; color: #333; }
h5 { font-size: 12px; color: #333; }
table { border-collapse: collapse; margin: 0px; }
a {
    text-decoration: none;
    color: #1C3A68;
}
a:hover { color: #000; }
form table td { padding-right: 0px; }
input[type='text'], textarea {
    border: 1px solid #88A; font-family: tahoma;
}
input[type='submit'] {
    border: 1px solid #b06a00;      
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffbd59;
    cursor: pointer; padding: 1px 10px 1px 10px;
    margin: 0px 0px 0px 0px; font-size: 13px;
    color: #6c4100;
}
input[type='submit']:hover {
    background-color: #ffbd5b;
}
input[type='submit'].green {
    border: 1px solid #003333;
    background: url(../images/buttons/button-bg.png) top left repeat-x;
    color: #fff;
    margin: 10px 0px 10px 0px;
    height: 30px;
    line-height: 30px;
}
input[type='submit'].green:hover {
    background-color: #CDCEE4;
}
textarea {
    font-size: 12px;
}
.error {
    border: 1px solid #500; padding: 12px;
    color: #FFF; margin: 10px 0px 10px 0px;
    background-color: #700; font-size: 1.2em;
}
.blue {
    border: 1px solid #ccd;
    border-width: 1px 0px 1px 0px;
    padding: 10px;
    background-color: #eef;
    margin: 10px 0px 10px 0px;
    color: #667;
}
.submit { cursor: pointer; }
.checkbox { border-width: 0px; }
.small { font-size: 10px; color: #666; }
.black { color: #000; }
.grey { color: #666; }
.greysm { color: #666; font-size: 9px; }
.ltgrey { color: #999; }
.red { color: #300; }
.spacer { height: 0px; }
.noblock { display: inline; }
.notification_r {
    border: 1px solid #ff8f3e; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    background-color: #ffb;
}
.disabled {
    background-color: #ffe1e1;
}
.left {
    float: left;   
}
.right {
    float: right;
}
.clear {
    clear: both;
}
.ds_bottom {
    background: url(../images/bg/ds_bottom.png) top left repeat-x;
    height: 6px;
}
.border_bottom_1 {
    border-bottom: 1px solid #aaa;
    padding: 2px 0px 2px 0px;
}
.border_bottom_2 {
    border-bottom: 1px solid #bbb;
    padding: 2px 0px 2px 0px;
}
.border_bottom_3 {
    border-bottom: 1px solid #ccc;
    padding: 2px 0px 2px 0px;
}
.border_bottom_4 {
    border-bottom: 1px solid #ddd;
    padding: 2px 0px 2px 0px;
}
.notification {
    padding: 10px; margin: 10px 0px 10px 0px;
    border: 1px solid #bbb;
    border-width: 1px 0px 1px 0px;
    color: #557; font-size: 11px;
    background-color: #f5f5ff;
}
.notification span { color: #999; font-size: 13px; }
.hideshow {
    float: left;
    border-right: 1px solid #ccc;
    margin-right: 5px;
    padding: 0px 5px 0px 0px;
}
.hideshow img {
    border-width: 0px;
}
.hideshow a {
    font-size: 14px;
}
.hide {
    display: none;
}
.outer {
    border: 1px solid #ccd;
    background-color: #fff;
    padding: 0px 5px 0px 5px;
}
.outlined_outer {
    border: 1px solid #aaa;       
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 5px 0px 5px; display: block;
    margin: 0px 0px 0px 0px;
    background: #f2f2f2 url(../images/bg/gradient_top.jpg) top left repeat-x;
}
.outlined_outer h2 {
    margin: 10px 0px 10px 0px;
    padding: 0px;
}
.outlined_outer h3 {
    margin: 10px 0px 10px 0px;
    padding: 0px;
}
.outlined {
    border: 1px solid #ddd;
    padding: 8px; margin: 0px;
    background-color: #FFF;
}
.outlined_notop {
    border: 1px solid #bbb;
    border-width: 0px 1px 1px 1px;
    padding: 2px; display: block;
    margin: 0px 0px 10px 0px;
    background-color: #FFF;
}
.outlined_control {
    border: 1px solid #ccc;
    border-width: 1px 1px 0px 1px;
    padding: 4px 7px 4px 7px;
    background: #ebebeb url(../images/bg/ds_bottom.png) top left repeat-x;
    color: #777;
}
.no_outer {
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 20px 0px;
}
.no_outer h2 {
    margin: 10px 0px 10px 0px;
    padding: 0px;
}
.no_outer h3 {
    margin: 10px 0px 10px 0px;
    padding: 0px;
}
.subcontent {
    display: block;
}
.subcontent table {
    border-collapse: collapse; margin: 0px;
}
.subcontent th {
    border: 1px solid #888;
    border-width: 1px 1px 1px 1px;
    background: url(../images/bg/gradient_top.jpg) top left repeat-x;
    padding: 5px 10px 5px 10px; text-align: left;
    color: #557;
}
.subcontent th.active {
    border-bottom-width: 0px;
}
.subcontent th.active a { color: #000; }
.subcontent td {
    padding: 0px;
}
.sub_spacer {
    border-bottom: 1px solid #bbb;
    width: 2px;
}
.tdleft {
    padding: 5px 5px 0px 0px;
    width: 260px; 
}
.tdright {
    padding: 5px 5px 5px 0px;
}
.header {
    padding: 0px 0px 0px 0px;
    color: #666; font-size: 20px;
}
.mainnav {
    /*background: url(../images/bg/mainnav_bg.jpg) top left repeat-x;*/
    background-color: #232743;
    height: 35px;
    padding: 5px 0px 5px 0px; 
    font-size: 11px; color: #333;
    border: 1px solid #000;    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.mainnav a {
    display: block; float: left; 
    padding: 9px 20px 9px 20px;
    border-right: 1px solid #1a1d31;
    text-decoration: none;
    color: #FFF;
    font-size: 1.30em;
}
.mainnav a:hover {
    color: #ddd;
}
.memberinfo {
    border: 1px solid #888;    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    background-color: #e2e2e2;
    margin-top: 4px;
    color: #111;
}
.memberinfo div {
    font-size: 18px;
    color: #111;
}
.box {
    margin: 0px 0px 5px 0px;    
    border: 1px solid #888;    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 0px 5px 5px 5px;
    background: #fff url(../images/bg/gradient_top.jpg) top left repeat-x;
}
.box div.hide {
    display: none;
}
.box_h {
    padding: 5px 10px 10px 10px;
}
.box h3 {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    border-width: 0px;
}
.box h4 {
    border-width: 0px;
}
.subnav h4 {
    margin: 8px 0px 0px 0px;
    border-bottom: 1px solid #bbb;
    padding-bottom: 5px;
    font-size: 12px;
}
.subsubnav {
    text-align: left;
    padding: 0px 0px 4px 0px;
    border-bottom: 1px solid #ccc;
    font-size: 10px;
    background-color: #EAECF4;
}
.subnav a {
    display: block;
    padding: 1px 0px 1px 4px;
    margin: 0px;
}
.subnav table {
    background-color: #FFF;
    border-collapse: collapse;
    border-bottom: 1px dotted #ccc;
    margin: 0px 0px 0px 0px; 
}
.subnav td {
    padding: 2px 0px 2px 0px;
}
.subnav td a {
    display: inline;
}
.calendar {
    margin: 0px 0px 5px 0px;    
    border: 1px solid #888;    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;
    background: #fff url(../images/bg/gradient_top.jpg) top left repeat-x;
}
.calendar form {
    margin: 5px 5px 5px 5px;
}
.calendar input[type='submit'] {
    font-size: 11px;
}
.calendar table {
    border-collapse: separate;
}
.calendar th {
    background-color: #DDE;
    color: #333;
    font-weight: normal;
    padding: 0px;
    border: 1px solid #888;
    border-width: 1px 0px 1px 0px;
}
.calendar td {
    border: 1px solid #bbb;
    height: 15px; 
    font-size: 10px;
    padding: 2px;
    color: #445;
}
.calendar td.markday {    
    border: 1px solid #aaa;
    background-color: #ff8;
    cursor: pointer;
}
.calendar td.noday {
    border-width: 0px;
}
.calendar div.popup {
  position: absolute;
  display: none;
  margin-left: 18px;
  margin-top: -11px;
  background-color: #FFFFFF;
  padding: 10px;  
  width: 300px;
  border: 4px solid #ccc;
}
.calendar div.popup a {
    display: block;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    margin: 5px 0px 5px 0px;
}
.sitemap_nav {
    background: url(../images/bg/ds_bottom.png) top left repeat-x;
    padding: 5px 0px 5px 0px;
}
.sitemap_nav table {
    border-bottom-width: 0px;
}
.sitemap_nav td {
    padding: 0px;
    border-bottom: 1px solid #DDD;
}
.sitemap_nav a {
    display: inline; padding: 0px;
}
.sitemap_nav a.dark {
    color: #000;
}
.spacer { height: 3px; }
.content { padding: 0px; }
.thisthat {
    background-color: #f8f8f8;
    border: 1px solid #999;
    border-width: 1px 0px 1px 0px;
    padding: 10px 5px 10px 5px;
    color: #666;
    font-size: 1.2em;
}
.category_nav {
    padding: 0px; 
    color: #999;
}
.category_nav table {
    border-collapse: collapse;
}
.category_nav th {
    border-bottom: 1px solid #aaa;
}
.category_nav td {
    padding: 0px;
    border: 1px solid #aaa;
    border-bottom: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background: #f5f5f5 url(../images/bg/ds_top.png) bottom left repeat-x;
}
.big-input {
    padding: 5px 0px 5px 0px;
}
.big-input input {
    height: 30px;
    font-size: 18px;
}
td.tab_spacer {
    border-color: #888;
    background-color: transparent;
    width: 2px; border-width: 0px 0px 1px 0px;
}
td.active_tab {
    font-weight: bold;
    border-color: #888;
    border-width: 1px 1px 0px 1px;    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFF;
    background-image: none;
}
td.active_tab a {
    color: #000;
}
.category_nav a {
    display: block;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    color: #999;
}
.content_container {
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #aaa;
    border-width: 0px 1px 1px 1px;
}
.control {
    padding: 5px 5px 10px 5px;    
    color: #999; font-size: 12px;
}
.info {
    background: #feffec url(../images/bg/ds_bottom.png) top left repeat-x;
    color: #111; padding: 10px;
    border: 1px solid #aaa;       
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 0px 5px 0px;
}
.info span { color: #999; }
.info td { padding: 1px;}
.images {    
    font-size: 11px;
    color: #555;    
}
.images img {
    margin: 2px;
    border: 1px solid #CCC;
    padding: 3px;
}
.images img:hover { border-color: #FF9900; }
.images div { float:left; padding-right:25px; }
.images div img { padding: 3px; }
.clean_body {
}
.clean_body h1,h2,h3,h4,h5 {
    border: inherit;
    margin: inherit;
    padding: inherit;
}
.clean_body th {
    background: none; padding: inherit;
    border: inherit;
    color: inherit;
}
.clean_body td {
    background: none; padding: inherit;
    border: inherit;
    color: inherit;
}
.list {
    margin-top: 15px;
    font-size: 11px;
}
.list h2 {
    margin-bottom: 5px;
}
.odd {
    background-color: #f9f9f9;
}
.attention {
    background-color: #FFFFbb;
}
.list th,td { padding: 0px 5px 0px 0px; }
.list th {
    color: #222;
    padding: 10px 5px 10px 5px;
    border: 1px solid #999;    
    background: url(../images/bg/gradient_top.jpg) top left repeat-x;
    font-weight: normal; 
}
.list td {
    padding: 5px 5px 5px 5px;
    border-top: 1px dotted #ccc;
    /*border-bottom: 1px solid #ccc;*/
    color: #555;
}
.list td.noborder { border-width: 0px; }
.noborder {border-width:0px;}
/*.list input,select { font-size: 10px; }*/
.nopadding table { margin:0px; border:0; }
.nopadding td { padding:0px 2px 0px 0px; border:0; }
.notextbutton {
    width:16px; height:17px;
    margin: 0px; border: 0;
    overflow: hidden;
    text-indent: -999px;
    font-size: 0px;
    line-height: 0px;
    font-size: 0px;
    display: block;
    cursor: pointer;
}
.list-2 th {
    font-size: 12px;
    padding: 10px;
    background-color: #EEE;
    border: 1px solid #CCC;
}
.list-2 td {
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #DDD;
}
input.formtag {
    border: 1px solid #999;
    border-width: 1px 1px 1px 1px;
    margin: 0px 2px 0px 0px;
    background-color: #f0f0f0;
    /*padding: 2px 10px 2px 10px;*/
    height: 30px;
    padding-right: 8px;
    padding-left: 8px;
    color: #888;
}
input.formtag:hover {
    background-color: #fff;
    border: 1px solid #555;
}
input.formtag_active {
    border: 1px solid #333;
    border-width: 1px 1px 1px 1px;
    margin: 0px 2px 0px 0px;
    background-color: #faf5e4;
    height: 30px;
    padding-right: 15px;
    padding-left: 15px;
    color: #000;
    font-weight: bold;
}
.formcontainer {
    /*border: 1px solid #bbb;*/
    padding: 0px;
    /*background-color: #F0F0FF;*/
    background-color: #fff;
    color: #112;
}
.form input[type='text'], input[type='password'], textarea {
    color: #111;
    border: 1px solid #999;    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.form table input[type='submit'] {
    border: 1px solid #aaa;
    background-color: #eaeaea;
    color: #777;
}
.form table input[type='submit']:hover {
    border-color: #000;
    background-color: #f5f5f5;
}
.form table input.active {
    border: 1px solid #333;
    background-color: #faf5e4;
    color: #000;
    font-weight: bold;
}
.form h2 {
    margin-top: 0px;
    color: #000;
}
.form h3 {
    color: #555555;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 0px;
}
.form td {
    padding: 4px 0px 4px 0px; 
}
.form p {
    color: #445;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px 10px 0px;
    background-color: #f8f8f8;
}
.form p b {
    color: #223;
}
.formsubmit {
    margin: 10px 0px 10px 0px;
}
.notify {
    border: 4px solid #bbb;
    background-color: #ffcccc; 
    padding: 5px;
    margin-bottom: 5px;
    color: #310000;
}
.notify th {
    font-size: 13px;
}
.notify div {
    height: 5px;
    border-bottom: 1px solid #a99;
    margin-bottom: 5px;
}
.notify a {
    color: #710000;    
}
.notify a:hover {
    color: #000;
}
.storefront {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.storefront form td {
    padding: 3px 5px 3px 0px;
}
.storefront form td td {
    padding: 1px 10px 1px 0px;
}
.detailed_stats table {
    border-collapse: collapse;
}
.detailed_stats table td div  {
    margin-top: 0px;
}
.detailed_stats table td {
    padding-right: 2px;
}
.detailed_stats th {
    color: #222;
    padding: 5px 5px 5px 5px;
    border: 1px solid #bbb;    
    background: url(../images/bg/gradient_top.jpg) top left repeat-x;
    font-weight: normal; 
}
.detailed_stats th.n {
    border-width: 0px;
    background: none;
}
.detailed_stats td.n {
    border-width: 0px;
    background: none;
}
.detailed_stats td {    
    padding: 2px 5px 2px 5px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ddd;
}
.detailed_stats td table td {    
    border-width: 0px;
}
/* ---------------------------------------------------------------------------*/
/* Form preview
/* ---------------------------------------------------------------------------*/
.form_preview {
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fff;
}
.form_preview table {
    border-collapse: collapse;
}
.form_preview th {
    font-size: 18px;
    padding: 8px 0px 8px 10px;
    font-weight: normal;
    border: 1px solid #ddd;
    border-width: 0px 0px 1px 0px;
    background-image: none;
}
.form_preview th.header {
    font-size: 20px;
    padding: 10px 0px 15px 0px;
    color: #666;
}
.form_preview td {
    padding: 8px 0px 8px 0px;
    border-bottom: 1px dashed #ddd;
}
.form_preview td.description {
    padding: 5px 0px 5px 10px;
    color: #333;
}
.form_preview td.grey {
    padding-left: 10px;
}
.form_preview td.control {
    border-right: 1px solid #ddd;
    padding: 0px;
}
.nopadding td {
    border-width: 0px;
}
.form_preview span {
    color: #500;
    font-weight: bold;
    font-size: 14px;
}
/* ---------------------------------------------------------------------------*/
/* Bar Graph
/* ---------------------------------------------------------------------------*/
.barGraph {
    border: 1px solid #aaa;
    font: 9px Helvetica, Geneva, sans-serif;
    height: 200px;
    margin: 0;
    padding: 0;
    position: relative;
}	
.barGraph li {
    background-color: #666;
    border: 1px solid #555;
    border-bottom: none;
    bottom: 0; 
    color: #FFF;
    margin: 0; 
    padding: 0 0 0 0;
    position: absolute;
    list-style: none;
    text-align: center;
    width: 20px;
}	
.barGraph li.p1{ background-color:#888 }
.barGraph li.p2{ background-color:#999 }
.barGraph li.p3{ background-color:#AAA }
/* ---------------------------------------------------------------------------*/
/* Login Form
/* ---------------------------------------------------------------------------*/
.login div {
    width: 40em;
    margin-top: 50px;
    padding: 15px;
    background-color: #fff;
    border: 2px solid #DDD;
}
.login td {
    padding: 5px;
}
/* ---------------------------------------------------------------------------*/
/* Mark nd unmark
/* ---------------------------------------------------------------------------*/
.a-button {
    display: block;
    border: 1px solid #bbb;
    height: 12px;
    width: 12px;
}
.no-p p {
    border-width: 0px;
    background-color: transparent;
    margin: 0px;
    padding: 5px 0px 5px 0px;
}
