body
{
   background-color:		#EEEEEE;
   margin:					0;
   padding:					0;
   text-align:          center;
}

body table
{
   background-color:    white;
   border:              0;
   height:              100%;
   margin:              0 auto;
   padding:             0;
   text-align:          left;
}

h1, h2, h3, h4, h5, h6
{
   color:            #1E61A7;
   font-family:		"trebuchet ms", verdana, arial, helvetica, "ms sans serif", sans-serif;
   font-size:        18px;
   font-style:       italic;
   font-weight:      bold;
   line-height:      22px;
   margin-bottom:    0px;
   padding:          2;
}

h2
{
   font-size:        16px;
}

h3
{
   font-size:        14px;
}

img
{
   border:           0;
}

a, a:active
{
 	color:				#434343;
	text-decoration:	underline;
}

a:hover, a.submenu:hover
{
	color:				#1E61A7;
}

form
{
   margin:           0px;
   padding:          0px;
}

td.content
{
   background-color: white;
}

td.content, td.content th, td.content td
{
   color:            black;
   font-family:		"trebuchet ms", verdana, arial, helvetica, "ms sans serif", sans-serif;
   font-size:			11px;
   text-align:       left;
   text-decoration:	none;
   vertical-align:   top;
}

.tooltip
{
   background-color: #ca3452;
   border:           1px solid black;
   color:            white;
   font-family:		"trebuchet ms", verdana, arial, helvetica, "ms sans serif", sans-serif;
   font-size:			11px;
   padding:          2px;
   position:         absolute;
   text-align:       left;
   z-index:          255;
 }

.tooltip table
{
   border:           1px solid black;
}

.tooltip table, .tooltip th, .tooltip td
{
   background-color: #ca3452;
   color:            black;
   font-family:		"trebuchet ms", verdana, arial, helvetica, "ms sans serif", sans-serif;
   font-size:			11px;
   padding:          2px;
   text-align:       left;
   vertical-align:   top;
 }
.shadow 
{
   background-color: #EEEEEE;
   background-repeat:repeat-y;
   height:           100%;
   vertical-align:   top;
   width:            16px;
}

.padding
{
   background-color: white;
   width:            1px;
}

.left
{
   background-image: url( '/img/shadow_left.gif' );
}

.right
{
   background-image: url( '/img/shadow_right.gif' );
}

.menu
{
   height:           142px;
   text-align:       left;
}

img.header
{
   height:           129px;
   position:         absolute;
   width:            742px;
   z-index:          2;
}

div.header
{
   background-color: #214497;
   height:           20px;
   line-height:      20px;
   margin-bottom:    1px;
   margin-top:       101px;
}

div.items
{
   background-color: #ca3452;
   height:           20px;
   line-height:      20px;
   margin-bottom:    20px;
}

a.item, a.item:active, a.item:visited
{
  	color:            #EEEEEE;
   font-weight:      bold;
   height:           20px;
   padding-left:     5px;
   padding-right:    5px;
   text-decoration:  none;
   vertical-align:   middle;
}

a.item:hover
{
   color:            black;
   text-decoration:  none;
}

a.submenu, a.submenu:active, a.submenu:visited
{
   border-left:      1px solid black;
 	color:				#434343;
   font-weight:      bold;
   font-size:        10px;
   height:           18px;
   line-height:      18px;
   padding:          1px 2px 1px 2px;
   text-decoration:  none;
   vertical-align:   center;
}

div.error
{
   border:           2px #EE3135 solid;
   padding:          5px;
}

div.error h1
{
   color:            #EE3135;
}

ul
{
   margin-top:       1px;
   margin-bottom:    1px;
}

tr.light th, tr.light td, tr.light a
{
   background-color: #D0D3DB;
   color:            #2F2C24;
}

tr.dark th, tr.dark td, tr.dark a
{
   background-color: #C0C3CB;
   color:            #2F2C24;
}

form.classForm .classFormDefault,
form.classForm .classFormDateinput
{
   background-color: #EBF0F5;
   border:           1px #89A7C5 solid;
   color:            black;
   font-family:      tahoma,sans-serif;
   font-size:        11px;
   width:            280px;
}

form.classForm .classFormDateinput
{
   width:            260px;
}

form.classForm .classFormDefault .checkbox, form.classForm .checkbox
{
   border:           none;
   width:            16px;
}

form.classForm input.submit_button
{
   width:            inherit;
}

form.classForm .controlInvalid .classFormDefault
{
   border:           2px red solid;
}

form.classForm .controlInvalid th
{
   background-color: #FCC;
}

td.shade, .shade
{
   color:            #89A7C5;
   font-style:       italic;
}

td.content table
{
   border-top:       1px #D0D3DB solid;
   border-right:     1px #D0D3DB solid;
   margin:           0;
}

td.content th
{
   background-color: #D0D3DB;
   border-left:      1px #D0D3DB solid;
   border-bottom:    1px #D0D3DB solid;
   font-weight:      bold;
   padding:          1px;
}

td.content td
{
   border-left:      1px #D0D3DB solid;
   border-bottom:    1px #D0D3DB solid;
   padding:          2px;
}

td.content table
{
   height:           auto;
}

body.popup
{
   background-image: url('/img/popuphead.jpg');
   background-repeat:repeat-x;
   color:            black;
   margin:           10px;
   padding:          0;
   text-align:       left;
   vertical-align:   top;
}

div.popup h1
{
   padding-bottom:   30px;
}

div.popup table
{
   background-color: transparent;
   height:           auto;
   text-align:       left;
   width:            auto;
}

div.popup th, div.popup td
{
   vertical-align:   top;
}



/***************************/
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}