body { background: #b6b7bc; font-size: .80em; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #696969; }

input.text { width: 135px; border: 1px solid #696969; }
td.text { width: 145px; }
input.button { min-width: 50px; border: 1px solid #696969; cursor: pointer; }
legend { color: #496077; font-size: 16px; margin-bottom: 10px; font-weight: bold;}
fieldset {padding: 10px;}

.shadow { background-color: #000000; filter: alpha(opacity=40); opacity: 0.4; }

.loginmenu { background-color: #3a4f63; width: 100%; min-height: 25px; }

.title { display: block; width: auto; min-height: 50px; }

.page { width: 960px; background-color: #eeeeee; margin: 20px auto 0px auto; border: 1px solid #496077; }

.header { position: relative; margin: 0px; padding: 0px; width: 100%; 
background: #4b6c9e; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8CACDE', endColorstr='#4b6c9e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#8CACDE), to(#4b6c9e)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #8CACDE,  #4b6c9e);}

.main { padding: 0px 12px; margin: 12px 8px 8px 8px; min-height: 420px; }

.header h1 { font-weight: 700; margin: 0px; padding: 0px 0px 0px 20px; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; }

.loginout { float: right; color: #ffffff; cursor: pointer; }

.modal { display: none; z-index: 998; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.login { padding: 5px; display: none; border: 1px solid #000000; z-index: 999; background-color: #ffffff; width: 300px; height: 155px; position: absolute; }

.eventmessage { width: 400px; height: 100px; vertical-align: top; border: 1px solid #000000; background-color: #ffffff; color: #ff0000; font-weight: bold; display: none; position: absolute; z-index: 999; }

.eventmessageshadow { width: 400px; height: 100px; color: #ff0000; font-weight: bold; display: none; position: absolute; z-index: 998; }

.loginshadow { display: none; border: 1px solid #000000; z-index: 997; width: 310px; height: 165px; position: absolute; }

.divPrintShadow { position: absolute; display: none; z-index: 998; }

.loginerror { border: 0px solid #000000; color: Red; overflow: auto; max-width: 290px; min-width: 290px; max-height: 50px; min-height: 50px; text-align: left; }

.tabHighlight { background-color: #3a4f63 !important; color: #ffffff !important; }

.tab { cursor: pointer; float: left; text-align: center; min-width: 100px; max-width: 100px; min-height: 20px; border: 1px solid #000000; background: #ffffff; margin: 5px 5px 0px 5px; }

.tabBody { height: 250px; width: 100%; border: 1px solid #dadada; overflow: auto; background: #ffffff; }

.txtTab { font-family: arial; color: #696969; height: 233px; width: 99.5%; border: 0px solid #000000; overflow: auto; }

.divPrint { padding: 10px; position: absolute; border: 2px solid #000000; color: #000000; background-color: #ffffff; display: none; z-index: 999; box-shadow: 10px 10px 5px #000; }

.menu { border: 1px solid #696969; width: 100px; display: block; text-align: center; color: #ffffff; margin: 0px 5px 0px 5px; background: #496077; text-decoration: none; }

.menu:hover { border: 1px solid #696969; width: 100px; display: block; text-align: center; color: #ffffff; margin: 0px 5px 0px 5px; background: #496077; text-decoration: none; opacity: 0.25; filter: alpha(opacity=25); }

.actionButton { float: right; margin: 5px 5px 0px 0px; cursor: pointer; }

.menuCell { width: 110px; vertical-align: bottom; }