.body {
	font-family: arial;
	font-size: xx-small;
	background-image : url(images/bgp.gif);
	background-position : top;
	background-repeat : no-repeat;
	scrollbar-3dlight-color: #D1D1DC;
	scrollbar-arrow-color: #668899;
	scrollbar-darkshadow-color: #99AABB;
	scrollbar-face-color: #DEE3EE;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3EE;
}

.menu {
	margin-top : 0px;
	margin-left : 1px;
	margin-right : 1px;
	font-family: arial;
	font-weight: bold;
	font-size: xx-small;
	text-transform : capitalize;
	background-color: #EEEEEE;
	scrollbar-3dlight-color: #D1D1DC;
	scrollbar-arrow-color: #668899;
	scrollbar-darkshadow-color: #99AABB;
	scrollbar-face-color: #DEE3EE;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3EE;
}

.marquee {
	font-family: verdana;
	font-weight: bold;
	font-size: xx-small;
	color: white;
	background-color: black;
	text-align: center;
	width : 165px;
	line-height : 18px;
}

.popup {
	font-family: arial;
	font-size: xx-small;
	background-color: #EEEFFF;
}

.menuheader {
	font-family: verdana;
	font-size: xx-small;
	color: white;
	text-transform : capitalize;
	background-image : url(images/headerp.gif);
}

.menuheader2 {
	font-family: verdana;
	font-size: xx-small;
	color: white;
	text-transform : capitalize;
	background-image : url(images/button_purple.gif);
}
.menucolor {
	font-family: arial;
	font-weight: bold;
	font-size: xx-small;
	text-transform : capitalize;
	background-color : #EEEFFF;
}

.menuarrow {
	background-image : url(images/arrowp.gif);
	background-repeat : no-repeat;
}

.menulogout {
	background-image : url(images/logoutp.gif);
	background-repeat : no-repeat;
}

a:link, a:visited {
	font-family: arial;
	color: blue;
	text-decoration: underline;
}

a:hover, a:active {
	font-family: arial;
	color: #006699;
	text-decoration: underline;
}

a.menuhlink:link, a.menuhlink:visited, a.menuhlink:active {
	font-family: verdana;
	font-size: xx-small;
	color: white;
	text-decoration: none;
	text-transform : capitalize;
}

a.menulink:link, a.menulink:visited {
	font-family: arial;
	font-weight: bold;
	font-size: xx-small;
	color: black;
	text-decoration: underline;
	text-transform : capitalize;
}

a.menulink:hover, a.menulink:active {
	font-family: arial;
	font-weight: bold;
	font-size: xx-small;
	color: #660099;
	text-decoration: underline;
	text-transform : capitalize;
}

.title {
	width : 100%;
	border : 0px;
	font-family: arial;
	font-weight: bold;
	font-size: 12pt;
	color: #003399;
}

.subtitle {
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	height : 15px;
}

.fontsmall {
	font-family: arial;
	font-size: 8pt; 
	font-weight: bold;
}

.fonterror {
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	color: red;
}

.fontsearch {
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	color: #6666AA;
}

.fontdbinfo {
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	height : 15px;
	color: blue;
}

.fontdberror {
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	height : 15px;
	color: red;
}

.fontdbsearch {
	font-family: arial;
	font-size: xx-small;
	color: #6633CC;
}

.fontred{
	font-family: arial;
	font-size: xx-small;
	color: red;
}

.fontgrey {
	font-family: arial;
	font-size: xx-small; 
	color: #888888;
}

.fontgrey2 {
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	color: #999999;
}

.fontlogout {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #FF9900;
}

table {
	font-family: arial;
	font-size: xx-small;
	width : 100%;
	border : 0px;
	vertical-align : top;
}

.theader {
	font-family: arial;
	font-size: xx-small;
	text-indent: 2pt;
	vertical-align: top;
	color: #FFFFFF;
	background-color: #8888CC;
}

.cheader {
	font-family: arial;
	font-size: xx-small;
	vertical-align: top;
	text-align: center;
	color: #FFFFFF;
	background-color: #8888CC;
}

.row {
	font-family: arial;
	font-size: xx-small;
	vertical-align: top;
	padding-left : 2px;
	background-color: #EEEEEE;
}

.row2 {
	font-family: arial;
	font-size: xx-small;
	vertical-align: top;
	padding-left : 2px;
	background-color: #EEEFFF;
}

.row3 {
	font-family: arial;
	font-size: xx-small;
	vertical-align: top;
	padding-left : 2px;
	background-color: #FFFFFF;
}

.box {
	font-family: arial;
	font-size: xx-small;
	text-indent: 2pt;
	vertical-align: top;
	background-color: #EEEFFF;
	border: 1px solid #8888CC;
	width : 100%;
}


.ebox {
	font-family: arial;
	font-size: xx-small;
	text-indent: 2pt;
	vertical-align: top;
	background-color: #EEEFFF;
	width : 100%;
}

.box2 {
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 2pt;	
	vertical-align: top;
	background-color: #8888CC;
	width : 100%;
}

.border {
	border: 1px solid #8888CC;
	text-indent: 2pt;
}

.listbox {
	height: 130;
	width: 100%;
	overflow-y: scroll;
}

.listboxext {
	height: 200;
	width: 100%;
	overflow-y: scroll;
}

.liston {
	font-family: arial;
	font-size: xx-small;
	vertical-align: top;
	color: #6633CC;
	background-color: #EEEFFF;
	cursor: hand;
}

.listoff {
	font-family: arial;
	font-size: xx-small;
	vertical-align: top;
	color: black;
	background-color: white;
} 

.listonred {
	font-family: arial;
	font-size: xx-small;
	vertical-align: top;
	color: red;
	background-color: #EEEFFF;
	cursor: hand;
}

.listoffred {
	font-family: arial;
	font-size: xx-small;
	vertical-align: top;
	color: red;
	background-color: white;
}

.listoff2 {
	font-family: arial;
	font-size: xx-small;
	vertical-align: top;
	color: black;
	background-color: #F3F3F3;
}

hr {
	height: 1px;
	color: #778899;
}

input {
	font-family: verdana;
	font-size: xx-small;
	border: 1px solid #778899;
}

select {
	font-family: verdana;
	font-size: xx-small;
	border: 1px solid #778899;
}

textarea {
	font-family: verdana;
	font-size: xx-small;
	border: 1px solid #778899;
}

input.button {
	font-family: verdana;
	font-size: 7pt;
	height: 17;
	width: 55;
	border: 1px solid #6699CC;
	background-image : url(images/button.gif);
	cursor: hand;
}

input.hidbutton {
	font-family: verdana;
	font-size: 7pt;
	height: 17;
	width: 55;
	border: 1px solid #6699CC;
	background-image : url(images/button.gif);
	cursor: hand;
	display: none;
}


input.blank {
	border: none;
}

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #8888CC;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}