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


body {
   background-color: #e5eef8;
   background-image: url(../images/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: 860px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 14px;
   background-color: #e5eef8;
   background-image: url(../images/pageBg.gif);
   background-repeat: repeat-x;
   padding: 3px;
}
#pageBg {
   background-color: #FFFFFF;
   width: 100%;
   height: 100%;
}
#header {
   background-image: url(../images/headerBg.gif);
   background-repeat: repeat-x;
   height: 90px;
   width: 100%;
   margin-right: auto;
   margin-left: auto;
}

#contentpane {
   width: 795px;
   margin-right: auto;
   margin-left: auto;
}


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: #666666;
   text-decoration: none;
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   padding: 3px 0;
}

a {
   color: #0084d7;
   text-decoration: none;
}
a:hover {
   color: #336699;
}

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

.data {
   font-weight: bold;
   color: #003366;
}
.error {
   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(../images/errMsg.gif);
   background-repeat: no-repeat;
   background-position: 2px;
   text-indent: 25px;
}


.message {
   font-size: 12px;
   font-weight: bold;
   color: #FF9933;
   text-decoration: none;
   background-color: #FFFFCC;
   margin: 20px 2px;
   padding: 8px;
   border: 1px solid #FFCC33;
   background-image: url(../images/msg_icon.gif);
   background-repeat: no-repeat;
   background-position: 2px;
   text-indent: 25px;
}

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

table {
   text-align: left;
   margin: 0 0 10px;
}
table td, table th {
   padding: 4px 20px 4px 5px;
   vertical-align: top;
}

table.compact td, table.compact th {
   padding: 4px;
   vertical-align: top;
}

.tbl {
   border-spacing: 1px;
   background-color: #CCCCCC;
}
.tbl th {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   text-decoration: none;
   background-color: #ddecfc;
   line-height: 24px;
}
.tbl td {
   background-color: #FFFFFF;
}

.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;
}

.custBoxes td {
   background-image: url(../images/statusBoxBg.gif);
   background-repeat: repeat-x;
   border: 1px solid #CCCCCC;
   background-position: bottom;
   padding: 10px;
   background-color: #eeeeee;
}


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


#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(../images/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; 
}

.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(../images/buttonBg.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: #336699;
   background-image: url(../images/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;
}

.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 {
   background-image: url(../images/footerBg.gif);
   background-repeat: repeat-x;
   width: 856px;
   margin-right: auto;
   margin-left: auto;
   color: #777777;
   text-decoration: none;
   margin-bottom: 2px;
   text-align: center;
   height: 98px;
   padding: 0px;
   line-height: 98px;
}



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
   .tabs-nav {
       display: none;
   }
}

/* Skin */
#idtabs {
   display: block;
}

.tabs-nav {
   background-image:url(../images/menuBg.gif);
   background-repeat:repeat-x;
   list-style: none;
   padding: 0 4px 0 0;
   margin: 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
   display: block;
   clear: both;
   content: " ";
}
.tabs-nav li {
   float: left;
   margin: 0 10px 0 0;
   min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
   background-image:url(../images/menuBg.gif);
   background-repeat:repeat-x;
   display: block;
   padding: 0 10px;
}
.tabs-nav a {
    position: relative;
    z-index: 2;
    padding-left: 0;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
}
.tabs-nav .tabs-selected a {
   background-image:url(../images/menuHover.gif);
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
   background-image:url(../images/menuHover.gif);
   color: #FFFFFF;
   outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 6px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}



/*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;
}