/* logo */
#logo
{
  margin: 0;
  padding: 0;
  border: 0;
  height: 64px;
  background-color: #06456b;
  background-image: url("../../images/themes/cw4/cw_top_middle.png");
  background-repeat: repeat-x;
}
#logo div.title
{
  position: absolute;
  vertical-align: middle;
  top: 0px;
  right: 0px;
  width: 350px;
  height: 64px;
  margin: 0;
  padding: 0;
  background-image: url("../../images/themes/cw4/cw_top_right.png");
  background-repeat: no-repeat;
  background-position: right;
}
#logo div.banner
{
    padding-top: 13px;
    margin-right: 10px;
    text-align: right;
    font-size: 32px;
    color: #ffffff;
    text-decoration: none;
}

/* topbar nav */
#topbar
{
  height: 34px;
  margin: 0;
  padding: 0;
  background-image: url("../../images/themes/cw4/cw_nav_bg.png");
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  border: 0;
}
#topbar a         { color: #ffffff; letter-spacing: -1px; text-decoration: none; white-space: nowrap; }
#topbar a:visited { color: #ffffff; letter-spacing: -1px; text-decoration: none; }
#topbar a:hover   { color: #f89b29; letter-spacing: -1px; text-decoration: none; }
#topbar TABLE
{
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse; /* remove borders hack */
}
#topbar TD
{
  margin: 0;
  padding: 0;
  border: 0;
  padding-top: 4px;
  vertical-align: top;
}
#topbar TD DIV.top_tab
{
  width: expression('80px'); /* IE6 hack */
  min-width: 80px;
  max-width: 150px;
  height:    20px;
  margin: 0;
  padding: 0;
  border-right: 1px dotted #0b5179;
}
#topbar TD DIV.top_tab A
{
  display: block;
  min-width: 80px;
  max-width: 150px;
  margin: 0;
  padding: 0 5px 0 5px;
  text-align: center;
  vertical-align: middle;
  height:    20px;
}
#topbar TD.top
{
    
}
#topbar TD.top:hover
{
  background-image: url("../../images/themes/cw4/cw_top_hover.png");
}
#topbar TD.top_s
{
  background-image: url("../../images/themes/cw4/cw_top_sel.png");
}
#topbar TD.top_mid
{
  width: 100%;
  text-align: left;
  padding-left: 15px;
}
#topbar TD.top_end
{
  padding-right: 5px;
}

/* navbar breadcrumbs */
#navbar
{
  height: 16px;
  margin: 0;
  padding: 0;
  font-size: xx-small;
  color: #6f6f6f;
  background-color: #ffffff;
}
#navbar a         { font-size: xx-small; color: #999999; text-decoration: none; }
#navbar a:visited { font-size: xx-small; color: #999999; text-decoration: none; }
#navbar a:hover   { font-size: xx-small; color: #f89b29; text-decoration: underline; }
#navbar div.nav_body
{
    padding-left: 10px;
}

/* sidebar */
#sidebar
{
  position: absolute;
  z-index: 1;
  width: 135px;
  top: 112px;
  left: 5px;
  margin: 0;
  padding: 0;
  color: #ffffff;
  background-color: #ffffff;
  background-image: url("../../images/themes/cw4/cw_sidebar_mid.png");
}
#sidebar DIV.top
{
  width: 135px;
  height: 18px;
  margin: 0;
  border: 0;
  background-image: url("../../images/themes/cw4/cw_sidebar_top.png");
  background-repeat: no-repeat; background-position: left;
}
#sidebar DIV.body
{
  width: 128px;
  margin: 0px;
  padding: 0px;
  border: 0;
  overflow: hidden;
}
#sidebar DIV.bottom
{
  width: 135px;
  height: 19px;
  margin: 0;
  border: 0;
  background-image: url("../../images/themes/cw4/cw_sidebar_bottom.png");
  background-repeat: no-repeat; background-position: left;
}
#sidebar a         { color: #ffffff; letter-spacing: -1px; text-decoration: none; }
#sidebar a:visited { color: #ffffff; letter-spacing: -1px; text-decoration: none; }
#sidebar a:hover   { color: #e0e0e0; letter-spacing: -1px; text-decoration: none; }
#sidebar ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}
#sidebar ul li
{
  margin: 0;
  padding: 2px;
  border-bottom: 2px dotted #005b8f;
}
#sidebar li:hover   { background: url("../../images/themes/cw4/cw_nav_hover.png") #434c3e no-repeat; }
#sidebar li.top     { background: url("../../images/themes/cw4/cw_nav_top.png") #465561 no-repeat; border-top: 2px dotted #005b8f; font-weight: bold; }
#sidebar li.top a   { font-size: medium; }
#sidebar li.sub     { }
#sidebar li.sub_s   { background: url("../../images/themes/cw4/cw_nav_sel.png") #b03d00 no-repeat; }
#sidebar li.item    { }
#sidebar li.item_s  { background: url("../../images/themes/cw4/cw_nav_sel_sub.png") #b06227 no-repeat; }
#sidebar form
{
    display: inline;
    border: 0;
    margin: 0;
}
#sidebar input     { letter-spacing: 0; padding: 1px; }

/* Content Well */
#content
{
  zoom: 1; /* HACK for IE so nested items don't push table out */ 
  margin: 0 10px 10px 142px;  
  padding: 15px;
  border: 1px solid #a4a4a4;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

/* Content Well Home Page */
#content_home
{
  margin: 0;
  padding: 0 10px 0 10px;
}

/* login box */
#login
{
  margin: 0px;
}

/* global search box */
#search_box
{
  display: inline;
  margin: 0;
  padding: 0;
  padding-right: 20px;
}
#search_box FORM
{
  display: inline;
  margin: 0;
  padding: 0;
}
#search_box FORM INPUT
{
    font-size: x-small;
    color: #999999;
    padding: 2px;
    border: 1px solid #0b5179;
    background-image: url('../../images/view.gif');
    background-repeat: no-repeat; background-position: 2px 2px; padding-left: 20px;
}

/* footer */
#footer
{
    margin: 0 15px 10px 0;
    padding: 0;
    text-align: right;
    font-size: x-small;
    color: #999999;
}
#footer a
{
    font-size: x-small;
    color: #999999;
    text-decoration: none;
}

/* alert */
#alert
{
  position: absolute;
  width: 350px;
  top: 85px;
  left: 300px;
  z-index: 10;
}
DIV.alert
{
  border: 1px solid #B8860B;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  background-color: #FFFFCC;
  padding: 20px;
  background-image: url("../../images/themes/cw4/alert_bg.png");
  background-position: top left;
  background-repeat: no-repeat;
  opacity: 0.9;
}
DIV.alert_ajax
{
  position: absolute;
  width: 350px;
  top: 85px;
  left: 300px;
  z-index: 10;
}

/* please wait pop-up */
#please_wait
{
  display: none;
  position: absolute;
  z-index: 999;
  top: 300px;
  left: 300px;
  width: 200px;
  margin: 0;
  font-size: 24px;
  padding: 5px 5px 5px 35px;
  background-color: #000000; 
  color: #FFFFFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-image: url("../../images/pleasewait.gif");
  background-position: 12px 12px;
  background-repeat: no-repeat;
}
.please_wait
{
  font-size: 24px;
  padding: 5px 5px 5px 35px;
  background-color: #000000; 
  color: #FFFFFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-image: url("../../images/pleasewait.gif");
  background-position: 12px 12px;
  background-repeat: no-repeat;
}

/* tabs */
#tabs               { border: 0; margin: 0; padding: 0; }
#tabs a             { text-decoration: none; }
#tabs a:visited     { text-decoration: none; }
#tabs a:hover       { text-decoration: underline; }
#tabs .bframe       { width:100%; margin: 0; padding: 0; }
#tabs .btitle       { width:100%; border-bottom: 1px solid #999999; font-size: medium; font-weight: bold; color: #06456b; }
#tabs .tab_s,.tab_u { padding: 5px; white-space: nowrap; }
#tabs .cell_s,.cell_u { white-space: nowrap; }
#tabs .cell_s
{
  background-color: #ffffff;
  border-top: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #c0c0c0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
#tabs .tab_s
{
  font-weight: bold;
}
#tabs .cell_u
{
  background-color: #efefef;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
#tabs .tab_u
{

}
#tabs .cell_spacer { border-bottom: 1px solid #999999; }
#tabs .tab_spacer  { width: 5px; }

/* debug log */
#dlog
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 9999;
    margin: 0;
    padding: 0;
    color: #C0C0C0;
    border-bottom: 1px outset #999999;
    background-color: #000000;
    opacity: 0.95;
}
#dlogt
{
    margin: 0;
    font-size: xx-small;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    background-color: #989898;
    border-bottom: 1px outset #999999;
}
#dlogp
{
    display: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 500px;
}
#dlogp PRE {
    font-family: monospace, sans-serif;
    white-space: pre-wrap;
    margin: 5px 20px 20px 20px;
}

/* debug crap messsages */
DIV.debug_crap {
    position: relative;
    z-index: 999;
    min-width: 100px;
    max-width: 400px;
    max-height: 100px;
    padding: 2px;
    margin: 5px;
    border: 1px solid #FF0000;
    background-color: #000000;
    opacity: 0.8;
    color: #FFFFFF;
    overflow: auto;
}

/* end css */