body {
   padding:0;
   margin:0;
}
body, th, div, li{
   font-family: arial, helvetica;
   font-size: 11px;
}
a, a:visited, a:link {
   color: #3A779D; text-decoration: none
}
a:hover {
   text-decoration: underline
}
ul, ul li {
   margin: 0px;
   list-style-type: none;
   padding: 0px;
}
h1 {
   font-size: 18px; margin: 10px 0px 5px; color: #3A779D
}
h2 {
   font-size: 18px; margin: 10px 0px 5px; color: #6F6F6F
}
h3 {
   font-size: 16px;
   color: #3A779D;
   margin-top: 20px;
   margin-right: 0px;
   margin-bottom: 3px;
   margin-left: 0px;
}
hr {
   background: #000; color: #000; height: 1px
}

legend{
   padding-top: 2px;
   padding-right: 10px;
   padding-bottom: 2px;
   padding-left: 10px;
   border: 1px solid #666666;
   color:#000;
   font-weight:bold;
}

optgroup {
   color: #000;
   background-color: #CDE4FE;
   text-transform: capitalize;
}

option {
   background-color: #FFFFFF;
   color:#000000;
}

select.monowidth optgroup option,
select.monowidth option{
   font-family: Courier New; 
   width:auto;
}

form{
   color:#000;
   font-weight:bold;
}
.clear {
   clear: both; float: none
}
#login {
   color: #FFFFFF;
   font-weight: bold;
}
#logo {
   padding: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   background-image: url(../images/bg_bigmouse1.jpg);
   background-repeat: no-repeat;
   background-position: right;
}
#bottom {
   CLEaR: both; border-top: #6F6F6F 15px solid; margin-top: 0px; padding-top: 15px
}
#middle_left {
   WIDTh: 195px
}
#middle_right {
   WIDTh: 195px
}
#middle_middle {
   position: relative
}
#newslist li {
   padding-left: 105px; margin: 15px 0px; position: relative
}
#newslist li span {
   left: -105px; position: absolute; top: 0px
}
#bottom-zone {
   background-color: #CCCCCC;
   color: #FFFFFF;
   padding-top: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
   padding-left: 10px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: none;
   border-top-color: #f0f0f0;
   border-bottom-color: #333333;
   height: 20px;
   margin-top: 20px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}
#dot-lower {
   background-image: url(/images/bg_dot_vert.gif);
   background-repeat: repeat-y;
   background-position: center;
}
#dot-upper {
   background-image: url(/images/bg_dot_vert2.gif);
   background-repeat: repeat-y;
   background-position: center;
}
#nav {
   background-color: #666666;
   padding: 0px;
   height:24px;
   margin-bottom: 0px;
   background-image: url(../images/bg_topborder2.jpg);
   border-bottom-width: 1px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #FFFFFF;
   border-right-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
   border-left-color: #FFFFFF;
   border-top-width: 0px;
   border-right-width: 0px;
   border-left-width: 0px;
}
#loggedin {
   color:#fff;
   font-size:14px;
   width: 90%;
   text-align: center;
   height: 40px;
}

#loggedin a {
   color:#DFF9E1;
   font-size:14px;
   font-weight:bold;
}
#nav-bg{
	background-color: #3A779D;
	text-align: center;
}


#login #form table {
   color: #FFFFFF;
}
#login form td {
   color: #FFFFFF;
   margin: 40px;
}
#login form div {
   color: #FFFFFF;
   font-weight: bold;
}
#login h2 {
   color: #FFFFFF;
}
#seal {
   padding-right: 10px;
}
#container {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding: 10px;
	background-color: #3A779D;
	text-align: center;
}
#container2 {
   background-image: url(../images/bg_green_vert2.jpg);
   background-repeat: repeat-x;
   background-position: bottom;
}
.page-heading {
   font-size: 24px;
   font-weight: bold;
   color: #000000;
   text-align: center;
   margin-bottom: 10px;
   text-transform: uppercase;
   background-image: url(../images/bg_green_vert.jpg);
   background-repeat: repeat-x;
   background-position: top;
   margin-top: 0px;
   padding-top: 10px;
}
#login-table {

}
#container_table {
   background-color: #ffffff;
   width:99%;
}
#container_table .tdtl,#container_table .tdtr,#container_table .tdbl,#container_table .tdbr {
   background-color: #3A779D;
   height: 8px;
   width: 8px;
}

#container_table .tdtop {
   background-image: url(../images/bg_round_top.gif);
   background-repeat: repeat-x;
   background-position: top;
   background-color: #3A779D;
   height: 8px;
}
#container_table .tdright {
   background-image: url(../images/bg_round_right.gif);
   background-repeat: repeat-y;
   background-position: right;
}
#container_table .tdbottom {
   background-image: url(../images/bg_round_bottom.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   height: 8px;
   background-color: #3A779D;
}
#container_table .tdleft {
   background-image: url(../images/bg_round_left.gif);
   background-repeat: repeat-y;
   background-position: left;
}
.mainbody {
   vertical-align: top;
   text-align:left;
   margin: 3px;
   background-color:#fff;
   padding: 18px;
}
.mainbody tr{
   color:#333;
   font-family:Verdana, Arial;
}
.mainbody form, .newform{
   background-color:#E6F2FB;
   padding:10px;
   border: 1px solid #333333;
}

.mainbody form.paging{
   border-bottom-width: medium;
   border-bottom-style: double;
   border-bottom-color: #333333;
   background-color: #fff;
   padding-bottom:0px;
   margin-top: 5px;
   margin-right: 0px;
   margin-bottom: 5px;
   margin-left: 0px;
   text-align: justify;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   padding-right: 0px;
   padding-left: 0px;
}

.mainbody form.paging-btm{
   border-top-width: thin;
   border-top-style: double;
   border-top-color: #333333;
   background-color: #fff;
   padding-top: 5px;
   padding-bottom:2px;
   margin-top: 5px;
   margin-right: 0px;
   margin-bottom: 5px;
   margin-left: 0px;
   text-align: justify;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   padding-right: 0px;
   padding-left: 0px;
}


.mainbody th{
   font-size:13px;
   font-weight:bold;
   white-space:nowrap;
   background-color: #e0e0e0;
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: none;
   border-top-color: #f0f0f0;
   border-bottom-color: #666666;
   padding:5px;
}
.mainbody th, .mainbody th a, .mainbody th a:visited{
   color:#000;
   font-weight:bold;
}

.mainbody td a, .mainbody td a:visited{
   color:#0066CC;
}

.mainbody div.note {
   border-top: 1px solid #333;
   color: #000;
   text-align:left;
   padding-top: 5px;
   padding-right: 15px;
   padding-bottom: 5px;
   padding-left: 15px;
   background-color: #f4f4f4;
   margin-top: 20px;
}
.mainbody div.note li{
   line-height: 120%;
   margin: 3px;
}
.mainbody div.note ol{
   margin-top: 3px;
   margin-bottom: 3px;
}

.pg-title {
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
   border-bottom-width: 2px;
   border-bottom-style: groove;
   border-bottom-color: #5397C0;
   padding-bottom: 6px;
   margin: 10px;
   font-size: 16pt;
   font-family: arial Black;
   color: #ffffff;
   height: 30px;
   cursor: hand;
   Filter: Shadow(color=#000000, Direction=225);
   text-shadow: 0.1em 0.1em 0.2em black;
}
#right-pic {
   display: inline;
}
img {
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
}
.err {
   color: #FF0000;
}
.reminder {
   color: #3366CC;
   font-weight: bold;
   text-align:center;
}
.white {
   color: #FFFFFF
}

.mainform input[type=text], 
.mainform input[type=password]{
   width: 360px;
   border-radius: 3px;
   height: 22px;
}
.mainform select{
   width: 363px;
}
input[type=text],input[type=password], select, textarea{
   border: 1px solid;
   border-top-color: #333333;
   border-right-color: #f0f0f0;
   border-bottom-color: #f0f0f0;
   border-left-color: #333333;
}
.mainform select {
   font-family: arial, helvetica, sans-serif;
   height:28px;
}
input[type=submit],input[type=reset],input[type=button], button {
   border: 1px solid;
   border-top-color: #f0f0f0;
   border-right-color: #333333;
   border-bottom-color: #333333;
   border-left-color: #f0f0f0;
   border-radius: 3px;
}

th{
   text-align: left;
}

div.records {
   font-weight: bold;
   color: #333333;
   text-align:right;
}
div span.number {
   font-weight: bold;
   color: #71a000;
}
.lightgreen{
   color:#669999;
}
.printed-from{
   display:none;
}
.mono{
   font-family:"Courier New", Courier, monospace;
}
.mainpop{
   background-color: #FFFFFF;
   border: thin solid #FFFFFF;
}

.mainpop td{
   background-color: #e0e0e0;
}

.mainbody form.form-reg{
   background-color: #FFFFFF;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
}

/* Calendar */
table.calendar{
   width:auto;
   background-color: #f8f8f8;
}

.weekend{
   color: #666666;
}
.note{
   font-size: small;
   font-weight: normal;
}
#current-user{
   left: 50%;
   position: absolute;
   font-weight: bold;
   color: #000000;
   height: 16px;
   width: 600px;
   margin: 0 0 0 -250px;
   top: 45px;
   text-align: center;
}
#now {
   color:#333333;
   font-weight:bold;
   font-size: 12px;
}

form.command{
   background-color:#FFE6D9;
   margin: 0px;
   padding: 20px;
}
.badge-view{
   border: medium dashed #DBDBDB;
   background-color: #f4f4f4;
}

/* ToolTip */
.tooltipContainer {
   border:none;
}

.tooltipShadow {
   background-image:url(/images/bg_tooltip.gif);
}

.tooltipPointer {
   left: -6px;
   border:none;
   z-index: 20;
   top:-3px;
}
.tooltipContent {
   left: -4px;
   top: -4px;
   background-color: #ffc;
   padding: 5px;
   font: bold 10pt sans-serif;
   border: 1px solid black;
   color:black;
}

/* Navigation */
.mynav, .mynav ul { 
   list-style: none;
   margin: 0;
   padding: 0;
   background: #D0D0D0;
}
.mynav {
   font-family: arial;
   z-index: 100;
   position: relative;
}
.mynav li {
   border-left: 1px solid #cacaca;
   float: left;
   margin: 0;
   padding: 0;
   position: relative;
}
.mynav li:first-child {
   border-left: none;
}

.mynav li a, .mynav li a:link, .mynav li a:active, .mynav li a:visited {
   font: 12px "arial";
   color: #404040;
   display: block;
   padding: 7px 24px;  
   text-decoration: none;
   text-align:left;
}
.mynav li a:hover {
   background: #FDa502;
   color: #fff;   
}
.mynav ul {
   margin: 0;
   width: 250px;
   position: absolute;
   top: -999em;  
   z-index:1000;
}
.mynav li:hover ul{
   top: 28px;
}
.mynav ul li {
   border: 0;
   float: none;
   top: -1px;
   left: 9px;
   margin-top: -1px;

}
.mynav ul a {
   border: 1px solid #fff;
   padding-right: 20px;
   margin-left: -10px;
   width: 200px;
   white-space: nowrap;
}
#nav-one li:hover a{
   background: #FDa502;
   color: #fff;
}
#nav-one li:hover ul a{
   background: #F0F0F0;
   color: #000000;   
}
#nav-one li:hover ul a:hover{
   background: #FDa502; 
   color: #fff;   
}

#navbg{
   background-color: #f8f8f8;
   border: #cacaca solid 1px;
   margin-left: auto;
   margin-right: auto;
   width:820px;
   height: 28px;
   text-align:center;
}


.center {
   text-align:center;
}
.left {
   text-align:left;
}
.right {
   text-align:right;
   vertical-align:middle;
}
.top{
   vertical-align:top;
}
.bottom{
   vertical-align:bottom;
}
.middle{
   vertical-align:middle;
}


div.mainpop div{
   color:#000;
   padding:6px 3px 3px 26px;
   border: solid 1px #cdecff;   
   border-bottom: none;
}

/*
???? Performance problem with IE
*/
div.mainpop div:hover{
   color:#FF0000;   
}

/*
Performance problem with IE
table.main tr:hover{
color:#FF0000;   
background-color:#E6F2FB;
}
*/
.striped{
   background-color:#f8f8f8;
}
.selected{
   background-color:#81C2F3;
   color:#ffffff;
}
.highlighted{
   background-color:#E6F2FB;
}

.unchecked{
   background: url(../images/unchecked.gif) left no-repeat;
   background-position: 10px;
}
.checked{
   background: url(../images/checked.gif)  left no-repeat;
   background-position: 10px;
   background-color:#BCDBFE;
   color:#ffffff;
}

table{
   border-collapse: collapse;
   border:none;
   width: 100%;
}

table.main td{
   padding:8px;
}

.message{
   border: 1px solid #444;
   padding: 10px 0;
   background-color: #FFFAEC;
   color:black;
   text-indent: 5px;
}
.msg_body{
   text-indent: 0;
   padding: 5px;
   border-top: 1px dotted #444;
   border-bottom: 1px dotted #444;
   background-color: #fff;
   color:#6399EB;
}
.popinput{
   border:1px solid #888;
   margin-right: 2px;
   background-color: #fffdf8;
   font-weight: 100;
}
.input-paging{
   width:30px;
   border:none;
   border-bottom:1px dashed gray;
}
.autoComplete{
   background: url(../images/bg_autocomplete.gif) white bottom right no-repeat;
}
.red{
   background-color: red;
}
.selectedCell{
   background-color:#FF8040;
   color:#FFF;
}                      
.calendar, .calendar2{
   text-align:center;
   background: url(../images/bg_autocomplete.gif) white bottom right no-repeat;
}

.pnlon, .pnloff{
   border:2px solid;
   color:#000;
   padding:5px;
}
.pnloff{
   border-color:#c5c5c5;
   background-color:#c5c5c5;
}
.pnlon{
   border-color:#3A779D;
   background-color:#3A779D;
}
.pnlon:hover, .pnloff:hover{
   border-top-color: #fff;
   border-left-color: #fff;
   border-right-color: #333;
   border-bottom-color: #333;
   background-color: #FF8040;
}
#msg {
   position: absolute;
   padding:15px 45px;
   background-color: #FFFFC0;
   border: 1px solid gray;
   color: #000;
   font-size: 15px;
}

input.flip{
   width:80px !important;
   text-align:center !important; 
}

input.flat{
   border:none !important; 
   background-color:transparent !important;
}
.hidden{
   visibility: hidden;
}

table.mainform td {
  padding: 5px;
}

input[type=text], input[type=password], textarea, select{
  width: 15em;
  height: 22px;
  border-radius: 3px;
  margin: 3px 5px;
}

select {
  height: 28px;
}