html {
   width:100%;
   height:100%;
}


body {
   background-color: #DCF5DB;
   background-image: url(../gfx/bgLines.gif);
   background-repeat: repeat-x;
   margin: 0px;
   padding: 0px;
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   height: 100%;
   width: 100%;
}

#wrapper {
   width: 1024px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 14px;
   background-color: #ffffff;
   background-image: url(../gfx/pageBg.gif);
   background-repeat: repeat-x;
   padding: 3px;
}
#pageBg {
   background-color: #FFFFFF;
   width: 100%;
   height: 100%;
}
#header {
   background-image: url(../gfx/headerBgx.gif);
   background-repeat: repeat-x;
   height: 90px;
   width: 100%;
   margin-right: auto;
   margin-left: auto;
}

#contentpane {
   width: 955px;
   margin-right: auto;
   margin-left: auto;
   padding-bottom: 20px;
}


p {
   margin: 0 0 10px;
   padding: 0px;
}

h1 {
   font-size: 14px;
   font-weight: bold;
   color: #000000;
   text-decoration: none;
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   margin: 0px;
   padding: 10px 0px;
}

h2, legend {
   font-size: 13px;
   font-weight: bold;
   color: #333333;
   text-decoration: none;
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   padding: 3px 0;
}

h3 {
   font-size: 12px;
   color: #333333;
   font-weight: bold;
   text-decoration: none;
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   padding: 2px 0;
}

a {
   color: #1D901A;
   text-decoration: none;
}
a:hover {
   color: #336699;
}

a.link {
   display: block;
   margin: 0 0 10px;
}

.biglink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1D901A;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	margin-left: 2px;
	text-align: left;
	white-space: nowrap;
}


.data {
   font-weight: bold;
   color: #177315;
}
.usrerr {
   font-size: 12px;
   font-weight: bold;
   color: #990000;
   text-decoration: none;
   background-color: #FFCC99;
   display: block;
   margin: 20px 2px;
   padding: 8px;
   border: 1px solid #FF0000;
   background-image: url(../gfx/errMsg.gif);
   background-repeat: no-repeat;
   background-position: 2px;
   text-indent: 25px;
}


.usrmsg {
   font-size: 12px;
   font-weight: bold;
   color: #111111;
   text-decoration: none;
   background-color: #DCF5DB;
   margin: 20px 2px;
   padding: 8px;
   border: 1px solid #1D901A;
   background-image: url(../gfx/msg_icon.gif);
   background-repeat: no-repeat;
   background-position: 2px;
   text-indent: 25px;
}

fieldset {
   border: none;
   margin: 0 0 10px;
   padding: 0px;
}

.tabrow1 {
	background-image:url("../gfx/rowbgfill.gif");
   background-position:bottom center;
   background-repeat:repeat-x;
	font-size: 120%;
	font-weight: bold;
}


.tabrowodd {
	background-image:url("../gfx/rowbgfill.gif");
   background-position:bottom center;
   background-repeat:repeat-x;
}

.tabroweven {
	background-image:url("../gfx/rowbgfill.gif");
   background-position:bottom center;
   background-repeat:repeat-x;
}

.tabres td {
	padding: 5px;
}

.statusBox {
   background-image: url(../images/statusBoxBg.gif);
   background-repeat: repeat-x;
   border: 1px solid #CCCCCC;
   background-position: bottom;
   width: 50%;
   padding: 10px;
   background-color: #eeeeee;
}
.statusBox table  {
   margin: 0;
}
.statusBox td  {
   margin: 0;
   padding: 0;
}


.box {
   background-image: url(../gfx/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   margin-top: 30px;
   border: 1px solid #CCCCCC;
   margin-bottom: 30px;
   padding: 10px;
}

.boxpart {
   background-image: url(../gfx/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   margin-top: 30px;
   border: 1px solid #CCCCCC;
   margin-bottom: 30px;
   padding: 10px;
   width: 600px;
   height: 270px;
   float: left;
   display: inline;
}

.bannerbox {
   border: 1px solid #CCCCCC;
   width: 260px;
   height: 270px;
   float: left;
   display: inline;
}



#logo {
   float: left;
   margin-top: 24px;
   margin-left: 34px;
}
#logo span {
//   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
//   font-family: "Times New Roman", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-family: "Arial", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 4em;
   font-style: italic;
   vertical-align: top;
   margin-left: 34px;
}
#userinfo {
   float: right;
   margin-top: 40px;
   margin-right: 34px;
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #000000;
   text-decoration: none;
}
.username {
   font-weight: bold;
   color: #666666;
   text-transform: uppercase;
}


#menu {
	background-image: url(../gfx/menuBg.gif);
	background-repeat: repeat-x;
	height: 30px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 10px 34px 20px;
}

#menu div, #menu div a {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	line-height: 28px;
	display: block;
	white-space:nowrap;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	height: 30px;
	margin: auto;
	padding: 0px;
}

#menu div A:hover 	{
   background-image: url(../images/menuBg_hover.gif);
   color: #000000;
}


#menu .search {
   float: right;
   margin-top: 4px;
   margin-right: 34px;
   margin-left: 400px;
}


.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 20px;
}

#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

#nav li.hover a { background-color: #8CAAC8; }
#nav ul li a { background-color: #8CAAC8; }
#nav ul a.hover { background-color: #8CAAC8; }
#nav ul a { border-bottom: 1px solid white; border-right: none; }

input, select {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #333333;
   text-decoration: none;
   background-color: #FFFFFF;
}
.button {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #336699;
	background-image: url(../gfx/menuBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   height: 25px;
   margin: 10px 0;
}

.button:hover {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #A96400;
   background-image: url(../gfx/buttonBgHover.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   height: 25px;
}

.buttlow {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #CCCCCC;
   background-color: #999999;
   height: 25px;
   margin: 10px 0;
}

.next {
	background-image: url(../gfx/next.gif);
}
.next:hover {
	background-image: url(../gfx/nexthover.gif);
}


.hidden {
   display: none;
}

.help {
   height: 25px;
   width: 25px;
   margin-top: 10px;
   vertical-align: top;
}

.stat #fragment-2 label {
   float: left; width: 8em;
}
.stat #fragment-2 p {
   margin: 0;
}

#footer {
   width: 1024px;
   margin-right: auto;
   margin-left: auto;
   color: #777777;
   background-color: #DBF5DA;
   text-decoration: none;
   margin-bottom: 2px;
   text-align: center;
   height: 28px;
   padding: 0px;
   line-height: 28px;
}






/*datepicker*/
/* Default style sheet for jQuery date picker v3.5.1. */
#datepick-div, .datepick-inline {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 14px;
   padding: 0;
   margin: 0;
   background: #ddd;
   color: #000;
   width: 185px;
}
#datepick-div {
   display: none;
   border: 1px solid #777;
   z-index: 100; /*must have*/
}
.datepick-inline {
   float: left;
   display: block;
   border: 0;
}
.datepick-rtl {
   direction: rtl;
}
.datepick-dialog {
   padding: 5px !important;
   border: 4px ridge #ddd !important;
}
.datepick-disabled {
   position: absolute;
   z-index: 100;
   background-color: white;
   opacity: 0.5;
   filter: alpha(opacity=50);
}
button.datepick-trigger {
   width: 25px;
   padding: 0px;
}
img.datepick-trigger {
   margin: 2px;
   vertical-align: middle;
}
.datepick-prompt {
   float: left;
   padding: 2px;
}
* html .datepick-prompt {
   width: 185px;
}
.datepick-control, .datepick-links, .datepick-header, .datepick {
   clear: both;
   float: left;
   width: 100%;
   color: #fff;
}
.datepick-control {
   background: #00429C;
   padding: 2px 0px;
}
.datepick-links {
   background: #0074C4;
   padding: 2px 0px;
}
.datepick-control, .datepick-links {
   font-weight: bold;
   font-size: 80%;
}
.datepick-links label {
   padding: 2px 5px;
   color: #888;
}
.datepick-clear, .datepick-prev {
   float: left;
   width: 34%;
}
.datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {
   float: right;
   text-align: right;
}
.datepick-current {
   float: left;
   width: 30%;
   text-align: center;
}
.datepick-close, .datepick-next {
   float: right;
   width: 34%;
   text-align: right;
}
.datepick-rtl .datepick-close, .datepick-rtl .datepick-next {
   float: left;
   text-align: left;
}
.datepick-header {
   background: #6B6B6B;
   text-align: center;
   font-weight: bold;
   height: 1.6em;
}
.datepick-header select {
   background: #6B6B6B;
   color: #fff;
   border: 1px solid #FFFFFF;
   font-weight: bold;
}
.datepick-header span {
   position: relative;
   top: 3px;
}
.datepick {
   background: #ccc;
   text-align: center;
   font-size: 100%;
}
.datepick a {
   display: block;
   width: 100%;
}
.datepick-title-row {
   background: #DFDFDF;
}
.datepick-title-row th {
   text-align: center;
}
.datepick-days-row {
   background: #eee;
   color: #666;
}
.datepick-week-col {
   background: #777;
   color: #fff;
}
.datepick-days-cell {
   border: 1px solid #ddd;
}
.datepick-days-cell a {
   display: block;
}
.datepick-other-month {
   background: #fff;
}
.datepick-week-over {
   background: #ddd;
}
.datepick-unselectable {
   font-weight: bold;
   color: #888;
}
.datepick-today {
   background: #fcc;
}
.datepick-current-day {
   background: #777;
}
.datepick-current-day a {
   color: #000000;
}
.datepick-days-cell-over {
   background: #fff;
   color: #000;
   border: 1px solid #777;
}
.datepick-status {
   background: #ddd;
   width: 100%;
   font-size: 80%;
   text-align: center;
}
#datepick-div a, .datepick-inline a {
   cursor: pointer;
   margin: 0;
   padding: 0;
   font-weight: bold;
}
.datepick-inline .datepick-links a {
   padding: 0 5px !important;
}
.datepick-control a, .datepick-links a {
   padding: 2px 5px !important;
   color: #eee;
}
.datepick-title-row a {
   color: #eee;
}
.datepick-control a:hover {
   background: #FFFFFF;
   color: #333;
}
.datepick-links a:hover, .datepick-title-row a:hover {
   background: #FFFFFF;
   color: #333;
}
.datepick-multi .datepick {
   border: 1px solid #777;
}
.datepick-one-month {
   float: left;
   width: 185px;
}
.datepick-new-row {
   clear: left;
}
/* ___________ IE6 IFRAME FIX ________ */
.datepick-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

#scrollup {
  position: relative;
  overflow: hidden;
  height: 120px;
}

.headline {
  position: absolute;
  top: 122px;
  left: 20px;
  height: 118px;
}

/* tooltip */
#tooltip {
   position: absolute;
   z-index: 3000;
   border: 1px solid #111;
   background-color: #eee;
   padding: 5px;
   text-align: left;
   font-size: 10px;
   opacity: 0.95;
}
#tooltip h3, #tooltip div {
   margin: 0;
   font-size: 12px;
}

.admin {
	color: blue;
	background-color: #cccccc;
}