BODY 
{
	
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	color: #666666;
	background-color: Gray;
	margin: 0px;
	padding: 0px;
}
INPUT {
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #4E4E4E;	
}
.searchField {
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #4E4E4E;
	border:solid 1px #4E4E4E;	
	padding:2px;
}
OPTION {
	font-size: 11px; 
	font-family: Verdana, Helvetica, sans-serif;
		color: #4E4E4E;
}

textarea
{
    font-size: 11px; 
    font-family: Verdana, Helvetica, sans-serif;
	 	color: #4E4E4E;
}
.textfield0
{
    background: #ffffff url(/images/textfield-bg.gif) repeat-x 0 0;
    border: 1px #A4B97F solid;
    font-size:12px;
    font-family: Verdana, Helvetica, sans-serif;
}

.textfield1, .textfield0:focus
{
    background: #fffef4 url(/images/textfield-focus-bg.gif) repeat-x 0 0;
    border: 1px #E2C079 solid;
    font-size:12px;
    font-family: Verdana, Helvetica, sans-serif;
}
SELECT {
	font-size: 11px; 
	font-family: Verdana, Helvetica, sans-serif;
	color: #4E4E4E;
}
A {
	color: #B64E47;
	text-decoration: none;
}
A:active {
	color: #B64E47;
}
A:link {
	color: #B64E47;
}
A:visited {
	color: #B64E47;
}
A:hover {
	color: #DC143C; 	
	text-decoration: underline;
}
.style1 {color: #807e7f}
.style2 {
	color: #B64E47;
	font-size: 9pt;
}
.style4 {
	color: #B64E47;
	font-weight: bold;
	font-size: 9pt;
}
.style5 
{
	color: #666666;
	text-align:justify;
	
	}
.style6 {font-size: 9pt}
.style10 {
	font-weight: bold;
	color: #FFFFFF;
}
.labelTd{
background: #faebe4;	
color: #000000;
}
.inputTd{
background: #fef6f2;	
color: #000000;
}
.controlTd{
background: #b64e47;	
padding:5px;
color: #ffffff;
}


.pageTitle
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12pt; 
	COLOR: #696969; 
	PADDING-TOP: 8px; 	
	PADDING-BOTTOM: 8px; 	
	BORDER-BOTTOM: #b64e47 5px solid; 
	FONT-FAMILY: Tahoma; 
	TEXT-DECORATION: none;		
	background-image:url(../images/aero-heading.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:25px;
	/*background-color:#E1E1E1;*/
}
.pageTitleBlue
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12pt; 
	BORDER-LEFT: #d9e5f6 1px dashed; 
	COLOR: #696969; 
	PADDING-TOP: 8px; 	
	PADDING-BOTTOM: 8px; 	
	BORDER-BOTTOM: #163760 5px solid; 
	TEXT-DECORATION: none;
	text-indent:5px;
	/*background-color:#E1E1E1;*/
}

.productTitle
{
	font-size:13px;	
}
.productTitle a
{
	color: #6084B8;
	text-decoration: none;
	font-size:7pt;
}

.productTitle a:hover
{	
	text-decoration:underline;
}



a.blueLink
{
	color: #6084B8;
	text-decoration: none;
}

a.blueLink:hover
{	
	color: #e5565a;
	text-decoration:underline;
}

a.whiteLink
{
	color: #ffffff;
	text-decoration: none;
}

a.whiteLink:hover
{	
	color: #ffffff;
	text-decoration:underline;
}




.validationError 
{
	background-image: url('../images/icon_err.gif');
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	color:#DC143C;
	padding-left: 12px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.msg_info
{
	background-image: url('../images/icon_info-yellow.gif');
	background-repeat: no-repeat;
	background-position: left center;
	BORDER-RIGHT: #FFD700 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #FFD700 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 5px;
	BORDER-LEFT: #FFD700 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #FFD700 1px solid;
	BACKGROUND-COLOR: #FFFFE0;
	TEXT-ALIGN: left;
	TEXT-INDENT: 15px;
}
.msg_info_Blue
{
	background-repeat: no-repeat;
	BORDER-RIGHT: #a6d0fe 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #a6d0fe 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 5px; 
	BORDER-LEFT: #a6d0fe 1px solid; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #a6d0fe 1px solid; 
	BACKGROUND-COLOR: #f0f9ff; 
	TEXT-ALIGN: left;
}
.msg_error {
	background-image: url('../images/icon_red.gif');
	background-repeat: no-repeat;
	background-position: left center;

	BORDER-RIGHT: #FFC1C1 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #FFC1C1 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 5px;
	BORDER-LEFT: #FFC1C1 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: 1px solid #FFC1C1;
	BACKGROUND-COLOR: #FFEEEE;
	TEXT-ALIGN: left;
	COLOR: #DC143C;
	TEXT-INDENT: 15px;
}
.msg_done {
	background-image: url('../images/icon_green.gif');
	background-repeat: no-repeat;
	background-position: left center;

	BORDER-RIGHT: #5DD15E 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #5DD15E 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 5px;
	BORDER-LEFT: #5DD15E 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: 1px solid #5DD15E;
	BACKGROUND-COLOR: #DAF3DA;
	TEXT-ALIGN: left;
	TEXT-INDENT: 15px;
}
.msg_warning {
	BORDER-RIGHT: #a6d0fe 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #a6d0fe 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 5px;
	BORDER-LEFT: #a6d0fe 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #a6d0fe 1px solid;
	BACKGROUND-COLOR: #f0f9ff;
	TEXT-ALIGN: left;
	Color: #DC143C;
}
.bckyel {
	BORDER-RIGHT: #CBCBCB 1px dashed;
	PADDING-RIGHT: 8px;
	BORDER-TOP: #CBCBCB 1px dashed;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #CBCBCB 1px dashed;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: 1px dashed #CBCBCB;
	HEIGHT: 19px;
	BACKGROUND-COLOR: #FFFFE0;
}


.boxt, .boxb, .boxtl, .boxtr {background-image:url(../images/boxxt.gif); height:4px}
.boxl, .boxr, .boxbl, .boxbr {background-image:url(../images/boxyb.gif); width:4px}
.boxc {background:#f4f4f4}
.box1t, .box1b, .box1tl, .box1tr {background-image:url(../images/boxxt.gif); height:4px}
.box1l, .box1r, .box1bl, .box1blc, .box1br {background-image:url(../images/boxyb.gif); width:4px}
.box1bubble {background:url(../images/chatBubble.gif) no-repeat;width:24px;}

.boxtl {background-position: right 0;    background-repeat: no-repeat}
.box1tl {background-position: right -20px;    background-repeat: no-repeat}
.boxt  {background-position: 0 -5px; background-repeat: repeat-x}
.box1t  {background-position: 0 -25px; background-repeat: repeat-x}
.boxb  {background-position: 0 -10px; background-repeat: repeat-x}
.box1b  {background-position: 0 -30px; background-repeat: repeat-x}
.boxtr {background-position: 0 -15px; background-repeat: no-repeat}
.box1tr {background-position: 0 -35px; background-repeat: no-repeat}
.boxbl  {background-position: 0 0;    background-repeat: no-repeat}

.box1bl  {background-position: -20px 0;    background-repeat: no-repeat}
.box1blc {background-position: 20px 0;    background-repeat: no-repeat}
.boxl  {background-position: -5px 0; background-repeat: repeat-y}
.box1l  {background-position: -25px 0; background-repeat: repeat-y}
.boxr  {background-position: -10px 0; background-repeat: repeat-y}
.box1r  {background-position: -30px 0; background-repeat: repeat-y}
.boxbr {background-position: -15px 0; background-repeat: no-repeat}
.box1br {background-position: -35px 0; background-repeat: no-repeat}
.box1c {background:#ffffff;padding:3px 5px}
#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

#processMessage { 
    position:fixed; 
    top:40%; 
    left:40%;
    padding:10px; 
    color:#ffffff;
    /*width:24%;*/  
    z-index:1001; 
    /*background-color:#fff;*/
    /*border:solid 1px #000;*/
}
.ProgressPanel
{
position: absolute; 
width: 400px;
left: 30%; 
background-color:Transparent; 
text-align: left;
vertical-align: middle; 
padding-top: 16px;
padding: 5px; 
}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 40px; /*position where enlarged image should offset horizontally */

}

.grayImageBox img
{
	filter:none;
}
.grayImageBox:hover img
{
	filter:alpha(opacity=60);	
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 300px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}
/********Model Popup***********************************************/

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(images/blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}
.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: #CA0000;
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;
}
/********Model Popup***********************************************//********Model Popup***********************************************/