/* overall */
h1, h2, h3, body { margin: 0 auto; padding: 0; font-family: Verdana, Arial, sans-serif;  } 
body { background: #FFF9D9; min-width: 655px; font-size: 10px; }
td { font-size: 10px; }


a { text-decoration: none;  }
h1, h3, #nav a, #tabs a, #tabs_rep a, #nav_prpl a, #nav_prpl2 a, #nav_ylo a { color: white; }

h2 { color: #581558; }
h4 { color:#000000;} 
h5 {color:#000000; font-size: 16px; font-weight: bold; margin: 10; }

/* headers */
h1 { font-size: 18px; padding-top: 28px; }
h2, #logout, #nav, #nav_prpl, #nav_prpl2, #nav_ylo { font-size: 10px; font-weight: normal; }
h3 { font-size: 12px; padding: 5px 20px; background: url("/assets/img/corner.gif") top left no-repeat; margin-left: -2px; }    
.title_wht h3 { color:#000000; background: url("/assets/img/corner_wht.gif") top left no-repeat; margin-left: 0px; margin-top: -2px; }  
.title_blu h3 { color: white; background: url("/assets/img/corner_blu.gif") top left no-repeat; margin-left: 0px; }
h4 { font-size: 12px; padding: 5px 5px; } 
h5 {padding: 0px 0px; }
#menu { border-top: 1px solid #FFF9D9; } /* So IE doesn't freak out with margins without border */
#menu, #menu_rep { font-size: 10px; font-weight: bold; /*text*/}
#menu, #logout { text-transform:uppercase; }

/* alignment */
#title, #title_blue, #title_grn, #nav div, #nav_prpl div, #nav_prpl2 div, #nav_ylo div, #tabs div, #tabs_rep div, #buttons div, #tabs, #tabs_rep, .left, .toolbar div, h3  { float: left; }
#hello, #logout, #buttons, .right, .closebox { float: right; }
#nav, #nav_prpl, #nav_prpl2, #nav_ylo, #menu, #menu_rep, .widget, #name  { clear: both; }
.right { clear: none; }

/* button links */
#buttons a, .closebox a, .toolbar a { display: block; }

/* header */
#header, #blu, #green, #title, #title_blue, #title_grn { height: 50px;  display: none; }
#header  { background: #663E66 url("/assets/img/banner.gif") center right no-repeat; }
#blu { background: #496493 url("/assets/img/banner_blu.gif") center right no-repeat; }
#green { background: #006644 url("/assets/img/banner_grn.gif") right no-repeat; }
#title { background: transparent url("/assets/img/logo.gif") center left no-repeat; margin-left: 5px; padding-left: 110px; }
#title_blue { background: transparent url("/assets/img/logo_blu.gif") center left no-repeat; margin-left: 5px; padding-left: 110px; }
#title_grn { background: transparent url("/assets/img/logo_grn.gif") center left no-repeat; margin-left: 5px; padding-left: 110px; }
#hello { padding: 2px 10px; }

/* nav bar */
#nav, #nav div, #nav_prpl, #nav_prpl div, #nav_prpl2, #nav_prpl2 div, #nav_ylo, #nav_ylo div { height: 22px;  display: none;}
#nav { border-top: 3px solid #BEC8C8; background: #496493; margin-bottom: 18px;}
#nav_prpl { border-top: 3px solid #BEC8C8; background: #581558; margin-bottom: 9px;}
#nav_prpl2{ border-top: 3px solid #BEC8C8; background: #581558; }
#nav_ylo { border-top: 3px solid #BEC8C8; background: #DBAD00; margin-bottom: 9px;}
#nav div, #nav_prpl div, #nav_prpl2 div, #nav_ylo div   { padding: 4px 9px 0px 9px; }


div#select { height: 18px; background: #BEC8C8; font-weight:bold;  }
div#select_grey { height: 22px; background: #BEC8C8; font-weight:bold; color: white; }
#logout { padding: 4px 10px 0; }
#hide {color: #977297}


/* page name */
#name {  height: 15px; margin: -10px 0px 18px 18px; }

/* menu tabs */
#tabs { height: 25px; background: #581558; margin-left: 18px; margin-top: 0px; display: none; }
#tabs div {  padding: 6px 23px; }
#tabs #left  { background: url("/assets/img/menul.gif") top left no-repeat;  }
#tabs #right { background: url("/assets/img/menur.gif") top right no-repeat;  }

/* menu line */
#line {  background: #581558; position: absolute; width: 100%; z-index: -1; height: 13px; margin-top: 16px; }
.padding { height: 13px; width: 18px; background: #FFF9D9; }

/* menu buttons */
#buttons { margin: 0px 36px 3px 0px; display: none;  }
#buttons div { margin-left: 10px; }
#buttons a, #buttons div { height: 45px; width: 45px; }
#board   { background: url("/assets/img/board.gif")   center center no-repeat; display: none; }
#assign  { background: url("/assets/img/assign.gif")  center center no-repeat; display: none; }
#search  { background: url("/assets/img/search.gif")  center center no-repeat; display: none; }
#report  { background: url("/assets/img/report.gif")  center center no-repeat; display: none; }
#library { background: url("/assets/img/library.gif") center center no-repeat; display: none; }
#number  { background: url("/assets/img/number.gif")  center center no-repeat; display: none; }


/* Reports menu tabs */
#tabs_rep { height: 25px; background: #496493; margin-left: 18px; margin-top: 0px; margin-bottom: 18px; display: none;}
#tabs_rep div {  padding: 2px 19px; margin-top: 2px; text-align: center; }
#tabs_rep #left  { background: url("/assets/img/menu_repl.gif") bottom left no-repeat; margin-top: 2px;  }
#tabs_rep #right { background: url("/assets/img/menu_repr.gif") bottom right no-repeat; margin-top: 2px; }

/* Reports menu line */
#line_rep {  background: #496493; position: absolute; width: 100%; z-index: -1; height: 13px; margin-bottom: 34px; }
.padding_rep { height: 13px; width: 18px; background: #FFF9D9; }


/* widgets */
.widget { border: 2px solid #581558; border-top-width: 0px; }
.widget { margin-bottom: 18px; }
.widget_blu {border-color: #004559; }

/* titlebar */
.titlebar { background: url("/assets/img/titlebar.gif") top right repeat-x; height: 25px; }
.title_wht { background: white; border-top: 2px solid #581558; height: 25px;}
.title_blu {background: url("/assets/img/titlebar_blu.gif") top right repeat-x; height: 25px; }
.closebox { background: url("/assets/img/closebox.gif") center center no-repeat; border: 2px solid #977297; margin: 2px 2px 0px 0px; }
.closebox, .closebox a, .title_wht closebox  { width: 18px; height: 17px; }

/* widget data */
.toolbar { height: 28px; background: #BEC8C8; border-bottom: 2px solid #7F7F7F; padding-left: 15px; }
.toolbar div { margin: 2px 10px 0px 0px; }
.toolbar div, .toolbar a { width: 25px; height: 25px; }
.reassign { background: url("/assets/img/widget/toolbar/tool_reassign.gif") center center no-repeat; }
.confirm { background: url("/assets/img/widget/toolbar/tool_confirm.gif") center center no-repeat; }
.hold { background: url("/assets/img/widget/toolbar/tool_hold.gif") center center no-repeat; }
.add { background: url("/assets/img/widget/toolbar/tool_add.gif") center center no-repeat; }
.delete { background: url("/assets/img/widget/toolbar/tool_delete.gif") center center no-repeat; }
.whitebrd { background: url("/assets/img/widget/toolbar/tool_whitebrd.gif") center center no-repeat; }
.full { background: url("/assets/img/widget/toolbar/tool_full.gif") center center no-repeat; }
.content { background: white; padding:4px 2px 2px 4px }
.content { height: auto;
	/* height: expression(((document.body.clientHeight)) < 780 ? "auto": "auto");*/
	min-height: 275px;
	 }     /* example only */
.content_blu {background: white url("/assets/img/logback.gif") bottom right no-repeat; padding:4px 2px 2px 4px ;height: 125px;}
.content, .content_blu, body { font-family: Verdana, Arial, sans-serif; font-size:11px; }

/* query/entry widget */
.submitButton {background: #BEC8C8; border-bottom: 2px solid #7F7F7F; border-right: 2px solid #7F7F7F; border-top: 2px solid #F0F0F0; border-left: 2px solid #F0F0F0; margin: 0px 5px 15px 15px; padding:5px 5px 5px 5px; font-size:11px; font-weight:bold; }

.queryback {background: #BEC8C8; border-bottom: 2px solid #7F7F7F; border-right: 2px solid #7F7F7F; border-top: 2px solid #F0F0F0; border-left: 2px solid #F0F0F0; margin: 0px 15px 15px 15px; padding:10px 10px 10px 10px; font-size:11px; }



/* two column container for widgets */    
.twocol { width: 100%; }
.twocol th { padding-left: 18px; padding-right: 9px; text-align: left;  }
.twocol td { padding-right: 18px; padding-left: 9px; }
.wide { margin-left: 18px; margin-right: 18px; }

/* Mozilla follows the CSS2 spec - need to override it to show negative z-indexed elements */
body { position:relative; left:0px; top:0px; z-index:0; }

/* IE Compatability - IE only sees the underscore versions of style "_property" */
#page { _width: expression(((document.body.clientWidth)) < 725 ? "725px": "auto"); } /* IE does not honor min-width, workaround */
#line, #line_rep { _left: 0px; }                                                                 /* line not flush with left side */
#tabs, #tabs_rep { _margin-left: 9px; }                                                            /* margin is half-size in this case */
div#select { _padding-bottom: 6px; }                                                  /* need to pad so that background fills full height */
h3 { _position: relative; _left: -2px; _margin-left: 0px; }                           /* IE clips negative margins, use positioning instead */


#footer {
margin:0 auto;
padding: 7px 0;
clear: both;
/*font-size: 10px; */
color: #000;
text-align:center;
font-size:9px;
}

.small {font-size:9px;}

.left {
width:45%;
float:left;
padding:0px;
margin:0;
display:inline;
border: 2px solid #581558; 
border-top-width: 0px; 
margin-bottom: 18px;
margin-left: 18px;
margin-right: 9px;
}
.right {
width:45%;
float:right;
padding:0px;
margin:0;
display:inline;
border: 2px solid #581558; 
border-top-width: 0px; 
margin-bottom: 18px;
margin-left: 9px;
margin-right: 18px;
}

#widget_login {
width:420px;
position:static;
padding:0px;
margin:0;
display:block;
border: 2px solid #004159; 
border-left-width: 0px; 
border-top-width: 0px; 
margin-bottom: 18px;
margin-top:30px;
}

.widget_login_left_padding {
_padding-left:2px;
}

.widget_login_left_border {
border: 2px solid #004159; 
border-top-width: 0; 
border-right-width: 0; 
border-bottom-width: 0;
}

.query {
width:600px;
position:static;
padding:0px;
display:block;
border: 2px solid #004159; 
border-top-width: 0px; 
margin-bottom: 18px;
margin-top:30px;
margin-left: 18px; margin-right: 18px; 
}




.loginMsg{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9px; 
font-weight:bold;
}

.black{Color:Black; }

.red{Color:Red; }