/* ------------------------------------------------------------------------- */

body {
   font-family: Arial, Helvetica, sans-serif;
   background: #ffffff; color: #000000;
   padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;
   margin: 0px auto;
}

.homepagebody {
   float: left; margin-left: 3px;
}

H1 {
   font: 18px Arial,Helvetica,sans-serif; color: #FA6400;
   padding-bottom: 5px; margin: 0px 0px 10px;
   border-bottom: #FA6400 1px dashed;
}

/* ------------------------------------------------------------------------- */

.header-footer-linkbar {
   background: #6496C3; color: #ffffff; height: 24px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.header-link {
   color: #ffffff; text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;

}

A.header-link {
   text-decoration: none;
}

A.header-link:hover {
   color: #fecf71
}

.header-spacer {
   height: 18px
}

.header-welcome {
   padding-right: 5px;  text-align: right
}

/* ------------------------------------------------------------------------- */

.footer-build {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   padding-left: 5px; text-align: left;
   font-style:italic;
}

/* ------------------------------------------------------------------------- */

.navgroup {
   width: 210px;
}

.navgroupbottombox {
  border-right:  #9d9282 1px solid;
  border-left:   #9d9282 1px solid;
  border-bottom: #9d9282 1px solid;
  padding-top: 0px; padding-bottom: 0px;
}

.navgrouptitle {
   border-top:    #9d9282 1px solid;
   border-right:  #9d9282 1px solid;
   border-left:   #9d9282 1px solid;
   border-bottom: #9d9282 1px solid;
   background: #6496C3; color: #ffffff; height: 18px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px;
}

.navgrouplist {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 0; margin: 0;
   margin-left: 2em;
   padding-top: 5px; padding-bottom: 5px;
   list-style: disc url(../images/list-bullet-small.gif) outside;
}

.navlink {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}

A.navlink {
   COLOR: #333366
}

A.navlink:hover {
   COLOR: #FA6400
}

/* ------------------------------------------------------------------------- */

A:active {
	COLOR: #666633; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #FA6400
}
H1 {
	PADDING-BOTTOM: 6px; MARGIN: 0px 0px 10px; FONT: 18px Arial,Helvetica,sans-serif; WIDTH: 100%; COLOR: #FA6400; BORDER-BOTTOM: #FA6400 1px dashed
}
.h1 {
	PADDING-BOTTOM: 6px; MARGIN: 0px 0px 10px; FONT: 18px Arial,Helvetica,sans-serif; WIDTH: 100%; COLOR: #FA6400; BORDER-BOTTOM: #FA6400 1px dashed
}
H2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; FONT: bold 12px Arial,Helvetica,sans-serif; WIDTH: 100%; COLOR: #FA6400; PADDING-TOP: 3px; POSITION: relative
}
.h2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; FONT: bold 12px Arial,Helvetica,sans-serif; WIDTH: 100%; COLOR: #FA6400; PADDING-TOP: 3px; POSITION: relative
}
TABLE {
	FONT: 12px/16px Arial,Helvetica,sans-serif;
}
TD.normal {
	FONT: 12px/16px Arial,Helvetica,sans-serif;
}
TD.col {
	FONT-SIZE: 12px;
}
TD {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
P {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}

a.active:link, a.active:active, a.active:visited, .active {
	font-weight:bold;
	color: red;
}
.content_table { background-color: #2582B1; }
.content_table th { background-color: #ededed; }
.multiselect { width: 200px; }
.boxSameSize { width: 100%; }
.error {color: #ff0000; font-style: italic;}
.errorUL {color:#FF0000; }
.message {color:green;text-align:center;height:25px;}

table.dataTable {
	border-collapse: collapse;
}
table.dataTable th, table.dataTable td {
	border: 1px solid #2582B1;
	padding: 5px;
}
table.dataTable th {
	background-color: #EDEDED;
}

div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      overflow: auto;
      height: 250px;
}

div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
}

div.autocomplete ul li.selected {
	  background-color: #ffb;
}

div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:0px;
      height:15px;
      cursor:pointer;
}

/**********************Loading Image***************************** */
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
    url('../images/loading_circle_thick.gif')
    50% 50%
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

/* Marks an element as not visible */
.hidden {
   visibility: hidden;
   display: none;
}