/****************************************************
 *									                *
 * TYPE SELECTORS (TYPE NAME IN ALPHABETICAL ORDER) *
 *									                *
 ***************************************************/

a:active {
	COLOR: red;
}
a:link {
	COLOR: #000000; 
	FONT-WEIGHT: bold;
}
a:visited {
	COLOR: #000000;
	FONT-WEIGHT: bold;
}

BODY {
	margin-bottom:25px;
	FONT-SIZE: 8pt; 
	BACKGROUND-COLOR: white; 
	font-family: arial; 
	MARGIN-TOP: 10px; /*crossbr*/
	color: black;
}

FORM {
	margin-top:0px;
	margin-bottom:0px;		
}

H2 {
	PADDING: 5px; 
	MARGIN-TOP: 0.25em; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: small; 
	MARGIN-BOTTOM: 0.25em; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #ffffff;
}

H3 {
	PADDING: 3px; 
	BORDER-TOP: #ffffff 1px solid; 
	MARGIN-TOP: 0px; 
	FONT-WEIGHT: bold; 		
	FONT-SIZE: 1.2em; 
	MARGIN-BOTTOM: 0em; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	FONT-FAMILY: "Trebuchet MS", Arial, Tahoma, Verdana;
	BACKGROUND-COLOR: #3955AA; 
}
H3 A {padding: 0em 1em;} 
H3 A:link {COLOR: #ccecff;} 
H3 A:visited {COLOR: #ccecff;}

img {BORDER-WIDTH: 0px;}

INPUT {
	FONT-SIZE: 1.2em;  
	MARGIN-BOTTOM: 0px; 
	FONT-FAMILY: courier new; 	
}

select {
	FONT-SIZE: 1.2em;
	MARGIN-BOTTOM: 0px;
	FONT-FAMILY: courier new;
}

TD {
	FONT-FAMILY: arial, geneva, helvetica, lucida sans ,sans-serif; 
	FONT-SIZE: 1em; 
	FONT-WEIGHT: normal
}

UL {
	margin-top:0px;
	margin-bottom:0px;
}


/************************************************
 *									            *
 * ID SELECTORS (ID NAME IN ALPHABETICAL ORDER) *
 *									            *
 ***********************************************/

/* #actbtn {
	BORDER-TOP: #8B8386 0px solid; 
	MARGIN-TOP: 2px; 
	MARGIN-BOTTOM: 2px; 
	BORDER-BOTTOM: #8B8386 0px solid; 
	BACKGROUND-COLOR: #EDEEEE; 
	HEIGHT: 40; 
	PADDING-TOP: 5px;
}*/
#actbtn {
	BACKGROUND-COLOR: #EDEEEE; 
	margin-top: 1px; 
	margin-bottom: 1px; 
	min-height:25px; 
}
/* #actbtn INPUT {
	BORDER-WIDTH: thin; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	BORDER-LEFT-COLOR: #666666; 
	BORDER-BOTTOM-COLOR: #999999; 
	BORDER-TOP-COLOR: #cccccc; 
	BORDER-RIGHT-COLOR: #cccccc;
	MARGIN: 2px; 
	COLOR: #000000; 
	BACKGROUND-REPEAT: repeat-y; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #D5D5D5; 
	TEXT-ALIGN: center; 		
} */		
#actbtn INPUT {
	FONT-WEIGHT: normal; 
    BORDER-TOP: solid 1px #999; 
    BORDER-LEFT: solid 1px #333;  
    BORDER-RIGHT: solid 1px #999; 
    BORDER-BOTTOM: solid 1px #333; 
    FONT-SIZE: 12px; 
    MARGIN: 2px 2px; 
    COLOR: #000; 
    FONT-STYLE: normal; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    BACKGROUND-COLOR: #D5D5D5; 
    TEXT-ALIGN: center; 
    cursor: pointer; 
	/*overflow:visible;*/ 
    padding: 0px 5px;
    height:21px;
}		
/*
#data {
	PADDING-RIGHT: 5px; 
	MARGIN-TOP: 0.25em; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0.25em; 
	PADDING-BOTTOM: 5px; 
	COLOR: #0000cc; 
	PADDING-TOP: 5px; 
	FONT-FAMILY: Arial, courier new;
}
*/
#datapage .blue {
	color: #0000cc;
	font-size: 8pt;
	font-weight: bold;
	MARGIN-TOP: 0.5em; 
	PADDING-left: 1em; 
	PADDING-bottom: 1em; 
	PADDING-right: 5px; 
	MARGIN-BOTTOM: 0em; 
	FONT-FAMILY:  "Trebuchet MS", Arial, Tahoma, Verdana; 
}
#datapage .data_edit {
	/*MARGIN-TOP: 0.5em; 
	PADDING-LEFT: 1em; 
	PADDING-RIGHT: 1em; 
	MARGIN-BOTTOM: 0.15em;*/
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, geneva, helvetica, lucida sans, sans-serif;
}
#datapage INPUT.data {
	MARGIN-TOP: 0.15em; 
	FONT-SIZE: 1.2em;  
	MARGIN-BOTTOM: -2; 
	TEXT-TRANSFORM: none; 
	COLOR: #000000;
	FONT-FAMILY: courier new; 
	BORDER: #728AAB 1px solid; 
	height: 20; 
}
#datapage INPUT.data_arial {
	FONT-SIZE: 1.2em;   
	TEXT-TRANSFORM: none; 
	COLOR: #000000; 
	FONT-FAMILY: Arial; 
	height: 22; 
	PADDING-left: 3px;
}
#datapage INPUT.errormsg {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	COLOR: red; 
	FONT-FAMILY: arial
}
/*
#datapage input.inpfile { 
	background-color: #dddddd;  
	border: #dddddd; 
	color: #dddddd; 
}
*/
#datapage P {
	MARGIN-TOP: 0.5em; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0em; 
	COLOR: #000000
}
/*
#datapage P.comment {
	MARGIN-TOP: 0.15em; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0.15em; 
	COLOR: #000000
}
*/
#datapage P.data {
	MARGIN-TOP: 0.5em; 
	/*PADDING-LEFT: 5px; */
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0.15em; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, geneva, helvetica, lucida sans, sans-serif; 
}
#datapage P.data_label {
	MARGIN-TOP: 10; 
	MARGIN-BOTTOM: 0pt; 
	PADDING-left: 0em; 
	PADDING-right: 5px;
	PADDING-bottom: 0pt; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Tahoma, Verdana; 
	text-align: left
}
/*
#datapage P.data_nopad {
	MARGIN-TOP: 0em; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0.15em; 
	COLOR: #0000cc; 
	PADDING-TOP: 0px; 
	FONT-FAMILY:  Arial, courier new;
}
*/
#datapage P.data_status {
	MARGIN-TOP: 0.5em; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0.15em; 
	COLOR: #0000FF; 
	FONT-FAMILY: Arial, helvetica, sans-serif, geneva;		
	BORDER: #A8A9AB 0px solid; 
}
#datapage P.data_view {
	MARGIN-TOP: 10; 
	MARGIN-BOTTOM: 0pt; 
	PADDING-left: 1em; 
	PADDING-right: 5px;
	PADDING-bottom: 0pt; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: left
}
#datapage P.msgerr {
	MARGIN-TOP: 0.25em; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 100%; 
	MARGIN-BOTTOM: 0.5em; 
	COLOR: #ff0000; 
	FONT-FAMILY: arial
}
#datapage P.notebody {
	MARGIN-TOP: 0.1em; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: 8pt; 
	MARGIN-BOTTOM: 0.25em; 
	COLOR: #000000; 
	FONT-FAMILY: arial
}
/*
#datapage P.notehead {
	MARGIN-TOP: 1em; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	MARGIN-BOTTOM: 0px; 
	COLOR: #000000; 
	FONT-FAMILY:  "Trebuchet MS", Arial, Tahoma, Verdana; 
}
*/
#datapage select.data {
	FONT-SIZE: 1.2em;
	FONT-FAMILY: Arial,  courier new;
	MARGIN-BOTTOM: -3; 
}
#datapage SPAN.data {
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	COLOR: #0000cc; 
	FONT-FAMILY:  "Trebuchet MS", Arial, courier new;
}
#datapage SPAN.data_edit {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	COLOR: #000000; 
	FONT-FAMILY:  "Trebuchet MS", Arial, courier new;
}
#datapage SPAN.errormsg {
	MARGIN: 0.15em 1em; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	COLOR: red; 
	FONT-FAMILY: arial
}
#datapage SPAN.label {
	FONT-WEIGHT: bold; 
	COLOR: #000000; 
	FONT-FAMILY: Arial
}
#datapage TABLE {
	FONT-SIZE: 1em; 
	COLOR: #000000; 
	FONT-FAMILY:  Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #dddddd; 
	TEXT-ALIGN: left;
	WIDTH: 100%; 
	BORDER: 0px; 
	BORDER-COLLAPSE: COLLAPSE;
}
#datapage TABLE.header {
	BACKGROUND-COLOR: #FFFFFF; 
	margin-top: 10px; 		
	margin-bottom: 10px;		
}
#datapage TABLE HR {COLOR: #FFFFFF}
#datapage TABLE.header P.label {
	MARGIN-TOP: 0.25em; 
	MARGIN-BOTTOM: 0em;
	PADDING-left: 1em; 
	PADDING-bottom: 0.5em; 
	PADDING-right: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 		 
	COLOR: #000000; 
	FONT-FAMILY: Arial; 
	text-align: left
}		
#datapage TABLE.header p.value {
	MARGIN-TOP: 0.25em; 
	MARGIN-BOTTOM: 0em;
	PADDING-left: 1em; 
	PADDING-bottom: 0.5em; 
	PADDING-right: 5px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY:  Arial, Tahoma, Verdana; 
}
/*
#datapage TABLE p.value_b {
	MARGIN-TOP: 0.25em; 
	PADDING-left: 10px; 
	PADDING-bottom: 0.5em; 
	PADDING-right: 5px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0em; 
	FONT-FAMILY:  Arial,  Tahoma, Verdana; 
	color: #0000ff;
}
*/
#datapage TABLE.header p.value_bb {
	MARGIN-TOP: 0.1em; 
	PADDING-left: 10px; 
	PADDING-bottom: 0.5em; 
	PADDING-right: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.2em; 
	MARGIN-BOTTOM: 0em; 
	FONT-FAMILY:  Arial, Tahoma, Verdana; 
	color: #0000ff;
}
#datapage TABLE.header span.label {
	MARGIN-TOP: 0.25em; 
	PADDING-left: 1em; 
	PADDING-bottom: 0.5em; 
	PADDING-right: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	MARGIN-BOTTOM: 0em; 
	COLOR: #000000; 
	FONT-FAMILY:  "Trebuchet MS", Arial, Tahoma, Verdana; 
	text-align: left
}
#datapage TABLE.header span.label_b {
	MARGIN-TOP: 0.2em; 
	PADDING-left: 1em; 
	PADDING-bottom: 0.2em; 
	PADDING-right: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	MARGIN-BOTTOM: 0em; 
	COLOR: #000000; 
	FONT-FAMILY:  "Trebuchet MS", Arial, Tahoma, Verdana; 
	text-align: left
}	
#datapage TABLE.header span.value {
	MARGIN-TOP: 0.25em; 
	PADDING-left: 1em; 
	PADDING-bottom: 0.5em; 
	PADDING-right: 5px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY:  "Trebuchet MS", Arial, Tahoma, Verdana; 
}
/*
#datapage TABLE.header span.value_b {
	MARGIN-TOP: 0.1em; 
	PADDING-left: 10px; 
	PADDING-bottom: 0.5em; 
	PADDING-right: 5px; 
	FONT-SIZE: 8pt; 
	FONT-WEIGHT: normal; 
	MARGIN-BOTTOM: 0em; 
	FONT-FAMILY:  "Trebuchet MS", Arial, Tahoma, Verdana; 
	color: #0000ff;
}
*/		
#datapage TABLE.header span.value_bb {
	MARGIN-TOP: 0.1em; 
	PADDING-left: 10px; 
	PADDING-bottom: 0.5em; 
	PADDING-right: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	MARGIN-BOTTOM: 0em; 
	FONT-FAMILY:  "Trebuchet MS", Arial, Tahoma, Verdana; 
	color: #0000ff;
}
#datapage TABLE Table TR TD {PADDING-LEFT: 0em;}
#datapage table.quickSearch td {
	padding:2px;  
    min-height:25px;
}
#datapage TABLE TD.amendment {BACKGROUND-COLOR: #EEEEEE;}
#datapage TABLE TR TD {
	PADDING: 0em; 
	PADDING-LEFT: 1em;
	VERTICAL-ALIGN: top; 
}
#datapage TABLE TR TD.alt0 {BACKGROUND: #eeeeee;}		
#datapage TABLE TR TD.alt1 {BACKGROUND: #dddddd;}
#datapage TABLE TR TD.insert {PADDING-LEFT: 0em;} 
#datapage TABLE TR TH {
	PADDING: 0.75em 0.5em 0.5em 7pt; 
	BORDER-TOP: #ffffff 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	COLOR: #000000; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #C2CDD8; 
	TEXT-ALIGN: left
}
#datapage TD P.status {COLOR: #02188F}
#datapage TEXTAREA {PADDING-LEFT: 2px;}
#datapage TEXTAREA.data {
	MARGIN-TOP: 0.15em; 
	PADDING-LEFT: 0em; 
	FONT-SIZE: 1.2em; 
	MARGIN-BOTTOM: 0.15em; 
	FONT-FAMILY: courier new;
	OVERFLOW: inVISIBLE;
	BORDER: #728AAB 1px solid 
}

/* extra styling 
#dialog-box.dialog-content p {
    font-weight:700;
    margin:0;
} 
#dialog-box.dialog-content ul {
    margin:10px 0px 10px 20px;
    padding:0;
    height:50px;
}
*/
#folder {
	PADDING: 0px; 		
	FONT-SIZE: 12px; 
	MARGIN: 1px 0px 0px; 
	COLOR: #000000; 
	FONT-FAMILY:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	min-HEIGHT: 23px; /* (HEIGHT: 10px;) crossbr*/
	BACKGROUND-COLOR: #224079;
	DISPLAY: inline-block; /*crossbr*/ 
	width: 100%; /*crossbr*/ 
}

#folder A:active {
	FONT-SIZE: 12px; 
	BACKGROUND: #c60; 
	COLOR: #ffffff
}
#folder LI#selected A {
	BORDER: #c2c8e7 1px solid; 
	FONT-SIZE: 12px; 
	BACKGROUND: #02188f; 
	COLOR: #ffffff; 
}
#folder TABLE {
	BORDER-COLOR: #808080; 
	WIDTH: 100%; 
	BORDER-WIDTH: 0px; 
	BORDER-SPACING: 0px; 
	PADDING: 0px;
}
#folder UL {
	BORDER: 0px; 
	PADDING: 0px; 
	FONT-SIZE: 12px; 		 
	MARGIN: 0px; 
	LIST-STYLE-TYPE: none; 
	TEXT-ALIGN: center
}
#folder UL LI {
	PADDING: 0px; 
	DISPLAY: block; 
	FONT-SIZE: 12px; 
	FLOAT: left;  
	MARGIN: 0px;  
	TEXT-ALIGN: center
}
#folder UL LI A {
	BORDER-RIGHT: #B9B9B9 1px solid; 
	PADDING: 3px 5px; 
	BORDER-TOP: #B9B9B9 1px solid; 
	DISPLAY: block; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	BACKGROUND: #224079; 
	MARGIN: 0px; 
	BORDER-LEFT: #B9B9B9 1px solid; 
	WIDTH: auto; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #3A3C45 0px solid; 
	FONT-FAMILY:  "Trebuchet MS", Arial, geneva, helvetica, lucida sans,sans-serif; 
	HEIGHT: auto; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none
}
#folder UL LI A.active {
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #585B69 1px solid; 
	COLOR: #182D55; 
}
#folder UL LI A:hover {
	BORDER-RIGHT: #B9B9B9 1px solid; 
	BORDER-TOP: #F0F0F0 1px solid; 
	FONT-SIZE: 12px; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #B9B9B9 1px solid; 
	COLOR: #182D55; 
	BORDER-BOTTOM: #3A3C45 0px solid; 
	FONT-FAMILY:  "Trebuchet MS", Arial, Helvetica, sans-serif
}
#holdm {
	Z-INDEX: 100; 
	LEFT: 0px; 
	MARGIN-LEFT: -32px; 
	WIDTH: 900; 
	MIN-WIDTH: 900PX; 
	POSITION: absolute; 
	MARGIN-top: 0px; /*crossbr*/
	TOP: 37px;		
	FONT-WEIGHT: normal;
}
#misc_button {
	PADDING: 0px; 
	BORDER-TOP: 0px; 
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 0px; 
	BORDER-BOTTOM: 0px
}
#misc_button INPUT {
	PADDING: 0px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 100%;  
	MARGIN: 0px; 
	COLOR: #000000;  
	BACKGROUND-COLOR: #ffd700
}
/*
#nav {
	FONT-SIZE: 14px; 
	COLOR: #ffffff; 
	FONT-FAMILY: arial; 
	MARGIN-top: 0px; 
	LIST-STYLE-TYPE: none;		
	FONT-WEIGHT: normal;
}
#nav A {
	PADDING: 0.1em; 
	DISPLAY: block; 
	MARGIN: 0.2em 0px 0.2em 0.1em; 
	WIDTH: 16em; 
	HEIGHT: 1.05em; 
	TEXT-DECORATION: none;
	COLOR: #FFFFFF; 
	FONT-WEIGHT: normal
}
#nav LI {
	BORDER-RIGHT: #c3c3c3 1px solid; 
	PADDING: 6px 5px; 
	BORDER-TOP: #c2c8e7 0px solid; 
	DISPLAY: block; 
	FLOAT: left; 
	MARGIN: 0px; 
	BORDER-LEFT: #c2c8e7 0px solid; 
	WIDTH: 8em; 
	BORDER-BOTTOM: #c2c8e7 0px 	solid; 
	POSITION: relative; 
	MIN-HEIGHT:20px;
	TEXT-ALIGN: CENTER;		
	FONT-WEIGHT: normal;
}
#nav LI UL {
	DISPLAY: none; 
	LEFT: 0px; 
	POSITION: absolute; 
	TOP: 22px;
}
#nav LI:hover UL {DISPLAY: block}
#nav LI:hover UL UL {DISPLAY: none}
#nav LI:hover UL UL UL {DISPLAY: none}
#nav LI:hover UL UL UL UL {DISPLAY: none}
#nav LI:hover UL UL UL UL UL {DISPLAY: none}
#nav UL {
	PADDING: 0px; 
	PADDING-TOP: 3px;
	DISPLAY: none;  
	Z-INDEX: 99;  
	MARGIN: 0px; 
	OVERFLOW: visible; 
	WIDTH: 12em;  
	LIST-STYLE-TYPE: none; 
	POSITION: relative;		
	FONT-WEIGHT: normal;
}
#nav UL LI {
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #888888; 
	FONT-WEIGHT: normal;
	TEXT-ALIGN: LEFT;
	BORDER-WIDTH: 1px 0px 0px 0px; 
	WIDTH: 17em;  
	padding: 0px
}
#nav UL LI:hover {BACKGROUND-COLOR: #224079}
#nav UL LI A:hover {BACKGROUND-COLOR: #224079}
#nav UL LI:hover UL {DISPLAY: block}
#nav UL UL {
	MARGIN-TOP: -1.8em; 
	DISPLAY: none; 
	MARGIN-LEFT: 12em; 
	POSITION: absolute
}
#nav UL UL LI {
	BORDER-WIDTH: 0px; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #02188f; 
}
#nav UL UL LI:unknown {BORDER-WIDTH: 0px;}
#nav UL UL LI:hover UL {DISPLAY: block}
#nav UL UL UL {
	MARGIN-TOP: -1.8em; 
	DISPLAY: none; 
	MARGIN-LEFT: 12em; 
	POSITION: absolute
}
#nav UL UL UL LI:hover UL {DISPLAY: block}
#nav UL UL UL UL LI:hover UL {DISPLAY: block}
*/
#tbllist {
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0; 
	FONT-SIZE: 8pt; 
	BACKGROUND: #eeeeee; 
	PADDING-BOTTOM: 0.25em; 
	COLOR: #000000;  
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left
}
#tbllist INPUT.data {
	MARGIN-TOP: 0.15em; 
	FONT-SIZE: 1.2em;  
	MARGIN-BOTTOM: 0px; 
	TEXT-TRANSFORM: none; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, courier new; 
	BORDER: #728AAB 1px solid; 	
	height: 20;
}
#tbllist P.data_label {
	MARGIN-TOP: 10; 
	MARGIN-BOTTOM: 0pt; 
	PADDING-left: 1em; 
	PADDING-right: 5px;
	PADDING-bottom: 0pt; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Tahoma, Verdana; 
	text-align: left
} 
 #tbllist P.data_view {
	MARGIN-TOP: 10; 
	MARGIN-BOTTOM: 0pt; 
	PADDING-left: 1em; 
	PADDING-right: 5px;
	PADDING-bottom: 0pt; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: left
}
#tbllist TABLE {
	BORDER-COLLAPSE: collapse;  
	WIDTH: 100%; 
	BORDER: 0;
}
#tbllist TABLE TR TD {
	PADDING-RIGHT:0.5em; 
	PADDING-LEFT: 0.5em; 
	FONT-SIZE: 8pt; 
	BACKGROUND: #edeeee; 
	PADDING-BOTTOM: 0.75em; 
	COLOR: #000000; 
	TEXT-ALIGN: left
}
#tbllist TABLE TR.alt td {
	BACKGROUND: #eeeeee;	
	PADDING-LEFT: 0.5em; 
	TEXT-ALIGN: left
}
#tbllist TABLE TR TD.alt {
	PADDING-LEFT: 0.5em; 
	TEXT-ALIGN: left;
	BACKGROUND: #dddddd
}
#tbllist TABLE TR.alt0 td {
	BACKGROUND: #eeeeee;	
	PADDING-LEFT: 0.5em; 
	TEXT-ALIGN: left
}
#tbllist TABLE TR TD.alt0 {	
	PADDING-LEFT: 0.5em; 
	TEXT-ALIGN: left
}
#tbllist TABLE TR.alt1 td {
	BACKGROUND: #dddddd;
	PADDING-LEFT: 0.5em; 
	TEXT-ALIGN: left
}
#tbllist TABLE TR TD.alt1 {
	BACKGROUND: #dddddd;
	PADDING-LEFT: 0.5em; 
	TEXT-ALIGN: left
}
#tbllist TABLE TR TD.alt2 {
	BACKGROUND: #D3D3D3;
	PADDING-LEFT: 0.5em; 
	TEXT-ALIGN: left
}
#tbllist TABLE TR TD.insert{
	PADDING-LEFT: 0em;
	PADDING-RIGHT:0em;  
}	
#tbllist TABLE TR TH {
	PADDING-RIGHT: 0.5em; 
	BORDER-TOP: #ffffff 1px solid; 
	PADDING-LEFT: 0.5em; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	PADDING-BOTTOM: 0.5em; 
	COLOR: #000000; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	FONT-FAMILY:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #C2CDD8; 
	TEXT-ALIGN: left
}
#tbllist TD P.data_edit {
	PADDING-LEFT: 1em; 
	PADDING-RIGHT: 1em;
}
#tbllist TD P.status {
	PADDING-LEFT: 1em;
	COLOR: #02188F
}
#tbllist TEXTAREA {PADDING-LEFT: 2px;}
#tblnote {
	PADDING: 5px; 
	MARGIN-TOP: 0.25em; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0.25em; 
	COLOR: #000000; 
	FONT-STYLE: italic;  
	FONT-WEIGHT: normal;
}
/*
#topbar {
	BORDER-RIGHT: black 0px solid; 
	PADDING: 2px; 
	BORDER-TOP: #8B8386 0px solid; 
	MARGIN-TOP: 10px; 
	Z-INDEX: 100; 
	VISIBILITY: hidden; 
	MARGIN-BOTTOM: 10px; 
	BORDER-LEFT: black 0px solid; 
	WIDTH: 100%; 
	BORDER-BOTTOM: #8B8386 0px solid; 
	POSITION: absolute; 
	BACKGROUND-COLOR: transparent
}
#topbar INPUT {
	BORDER-WIDTH: thin; 
	PADDING: 2px 0px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	BORDER-COLOR:#cccccc #cccccc #999999 #666666;
	MARGIN: 2px; 
	COLOR: #ffffff; 
	BACKGROUND-REPEAT: repeat-y; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #222222; 
	TEXT-ALIGN: center; 
}
#tplbtn {
	PADDING: 5px; 
	BORDER-TOP: #000000 1px solid; 
	MARGIN-TOP: 5px; 
	MARGIN-BOTTOM: 5px; 
	BORDER-BOTTOM: #000000 1px solid; 
	BACKGROUND-COLOR: #d3d3d3
}
#tplbtn INPUT {
	PADDING: 0px; 
	FONT-SIZE: 0.9em; 
	MARGIN: 0px; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #ccccff
}
-----------------------------------------------------------------------------------------------------------
#session-warn-dialog-box {     
    css3 drop shadow 
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
     
     css3 border radius 
    border-radius: 10px;
     
    background:#eee;
    width: 350px;	
	margin: auto auto auto auto;
	position:relative;

    z-index:5000;    
}
#session-warn-dialog-button {
     styles for button 
    margin:10px auto 0 auto;
    text-align:center;
    display: block;
    width:50px;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
     
     button color 
    background-color: #666;
     
    css3 implementation :) 
     rounded corner 
    border-radius: 5px;
     
     drop shadow 
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     
     text shaow 
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;     
} 
#session-warn-dialog-button:hover {background-color: #777;}
#session-warn-dialog-content {
     style the content 
    text-align:left;
    padding:10px;
    margin:13px;
    color:#666;
    font-family:arial;
    font-size:11px;
} 
#session-warn-dialog-floater {
	height:50%; 
	margin-bottom:-25px;
} 
#session-warn-dialog-overlay {     
    background: rgba(0, 0, 0, 0.25);
    position:fixed;
    left: 0; 
	right: 0; 
	top: 0; 
	bottom: 0;
    z-index:3000;    
}
*/

#utilities-menu.sf-menu > li > ul > li:hover,
#utilities-menu.sf-menu > li > ul > li.sfHover{
	background: #CFDEFF;	
	-webkit-transition: none;
	transition: none;
}
#utilities-menu.sf-menu li, #system-icons.sf-menu li{background-color: white;}
#utilities-menu.sf-menu ul li{width: 300px;}
#utilities-menu.sf-menu > li > a, #system-icons.sf-menu > li > a{padding: 2px;}
 

/********************************************************
 *							                            *
 * TYPE AND ID SELECTORS (ID NAME IN ALPHABETICAL ORDER)*
 *									                    *
 *******************************************************/

/*
TABLE #header1 TD.h_left {
	VERTICAL-ALIGN: BOTTOM; 
	WIDTH: 80%
}
TABLE #header1 TD.h_right {
	VERTICAL-ALIGN: BOTTOM; 
	WIDTH: 20%
}
TABLE #header1 TD P {
	TEXT-ALIGN: LEFT; 
	FONT-WEIGHT: BOLD; 
	FONT-FAMILY: ARIAL; 
	COLOR: #000000; 
	FONT-SIZE: SMALL
}
TABLE #header2 {HEIGHT: 28px}
TABLE #header2 #gradient {
	WIDTH: 20px; 
	BACKGROUND-IMAGE: url("../images/Gradient.gif")
}
TABLE #header2 #ihl {BACKGROUND-COLOR: #A3BBD2}
TABLE #header2 #ihl P {
	MARGIN-TOP: 3px; 
	MARGIN-BOTTOM: 0px; 
	TEXT-ALIGN: RIGHT
}
*/

/******************************************************
 *							                          *
 * CLASS SELECTORS (CLASS NAME IN ALPHABETICAL ORDER) *
 *									                  *
 *****************************************************/

.codes {
	font-face: arial;
	font-size: 10px;
	color: #000060;
	line-height:25px;
}
.datareadonly	{
	font-family: arial, courier new;
	font-size: 8pt;
	background-color: #CCCCCC;
}
.error {
	MARGIN-TOP: 3px; 
	line-height: 25px;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0.15em; 
	COLOR: red; 
	FONT-FAMILY: arial; 
}
.errormsg {
	MARGIN: 0.15em 1em; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	COLOR: red; 
	FONT-FAMILY: arial
}
.warning {
	MARGIN: 0.15em  1em; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	COLOR: green; 
	FONT-FAMILY: arial; 
}
.info {
	MARGIN-TOP: 3px; 
	line-height: 25px;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0.15em; 
	COLOR: green; 
	FONT-FAMILY: arial; 
}
/*
.gtlogoicon2 {
	HEIGHT: 27px; 
	WIDTH: 138px; 
	float: right;
}
*/
.header-coname{
	font-weight: bold;
	font-size: 12px;
}
.header-text{
	color: #777;
	font-size: 12px;
}
.help_img {
	margin-bottom: 1px;
	margin-top: 1px;
}
/*
.img_menu {
	HEIGHT: 20px; 
	WIDTH: 20px; 
	Margin: 3px, 2px, 2px, 2px; 
}
*/
.jscursor {
	CURSOR: hand; 
	WIDTH: 80%; 
	HEIGHT: 10px; /* (HEIGHT: 28;) crossbr */
	BACKGROUND-COLOR: #224079;
}
.main-header{
	width: 100%;
}
.readonly_red {
	border: 0px; 
	background-color: #dddddd; 
	color: red;
} 
.screen-path{
	width: 100%;
}

.screen-path td{
	color: #fff;
	font-size: 12px;
	background:#999999;	
	height: 25px; 	
}
.screen-path td.tinyfont{
	font-size: 10px;	
}
.screen-path td.blackfont{
	color: #000;		
}
.sf-menu > li > a{
	font-size: 14px;
	font-weight: bold;
	border-top-style: none;
	border-left-width: 2px;
}
.sf-menu>li {background: none;}
.system-menu-header .sf-menu li a {color: #fff;}
.system-menu-header .sf-menu ul ul li {background: #444444;}
.system-menu-header .sf-menu ul li {
	background: #333333;
	width: 300px;
}
.system-menu-header .sf-menu ul li:hover,
.system-menu-header .sf-menu ul li.sfHover {
	background: #555555;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}
.uppercase {text-transform: uppercase;}



/***********************************************************
 *									                       *
 * TYPE.CLASS SELECTORS (CLASS NAME IN ALPHABETICAL ORDER) *
 *									                       *
 **********************************************************/

table td.alt input.readonly_grey {
	border: 0;
	background-color: #dddddd; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	font-size: 1em;
}
UL.col {
	BORDER: 0px; 
	PADDING: 0px; 
	MARGIN: 0px; 
	LIST-STYLE-TYPE: none; 
	TEXT-ALIGN: center;
}
UL.col LI {
	PADDING: 0px; 
	DISPLAY: block; 
	FLOAT: left; 
	TEXT-ALIGN: center;
}
UL.col LI P {
	BORDER: 0px; 
	PADDING: 0px; 
	DISPLAY: block; 
	FONT-SIZE: xx-small; 
	MARGIN: 0px 0px 0px 0.5em;
	WIDTH: auto; 
	COLOR: #000000; 
	HEIGHT: auto; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none
}
INPUT.data {
	FONT-SIZE: 1em; 
	COLOR: #0000cc; 
	FONT-FAMILY: arial, courier new; 
	BACKGROUND-COLOR: #ffffff; 
	height: 20px;
}
TEXTAREA.data {
	PADDING-LEFT: 0.25em; 
	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	FONT-FAMILY: arial,  courier new;
}
P.data_edit {
	/*MARGIN-TOP: 0.5em; 
	MARGIN-BOTTOM: 0.15em; 
	PADDING-LEFT: 1em; 
	PADDING-RIGHT: 1em;*/		
	COLOR: #000000; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	FONT-FAMILY: arial, geneva, helvetica, lucida sans, sans-serif;
}
/*
P.data_nar {
	MARGIN-TOP: 0.5em; 
	PADDING-LEFT: 1em; 
	PADDING-RIGHT: 1em; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0.15em; 
	COLOR: #000000; 
	FONT-FAMILY: arial, geneva, helvetica, lucida sans, sans-serif;
}
*/
P.data_status {
	MARGIN-TOP: 0.5em; 
	PADDING-LEFT: 1em; 
	PADDING-RIGHT: 1em; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 0.15em;  
	FONT-FAMILY: Arial, geneva, helvetica, sans-serif; 
	color: #02188F;
}

ul li a.gt-info{background: url("../images/info1.png") no-repeat;}
ul li.sfHover a.gt-info, ul li a.gt-info:hover{background: url("../images/info2.png") no-repeat;}
ul li a.gt-logout{background: url("../images/logout1.gif") no-repeat;}
ul li.sfHover a.gt-logout, ul li a.gt-logout:hover{background: url("../images/logout2.gif") no-repeat;}
ul li a.gt-Profile{background: url("../images/profile1.gif") no-repeat;}
ul li.sfHover a.gt-Profile, ul li a.gt-Profile:hover{background: url("../images/profile2.gif") no-repeat;}
ul li a.gt-Settings{background: url("../images/settings1.png") no-repeat;}
ul li a.gt-Tools{background: url("../images/address_book1.gif") no-repeat;}
ul li.sfHover a.gt-Tools, ul li a.gt-Tools:hover{background: url("../images/address_book2.gif") no-repeat;}
ul li.sfHover a.gt-Settings, ul li a.gt-Settings:hover{background: url("../images/settings2.png") no-repeat;}
ul li a.gt-util-ref{background: url("../images/links1.gif") no-repeat;}
ul li.sfHover a.gt-util-ref, ul li a.gt-util-ref:hover{background: url("../images/links2.gif") no-repeat;}
ul li a.gt-backbutton{background: url("../images/back1.png") no-repeat;}
ul li.sfHover a.gt-backbutton, ul li a.gt-backbutton:hover{background: url("../images/back2.png") no-repeat;}
ul li a.gt-tsu{background: url("../images/tsu1.gif") no-repeat;}
ul li.sfHover a.gt-tsu, ul li a.gt-tsu:hover{background: url("../images/tsu2.gif") no-repeat;}

INPUT.header {
	MARGIN-TOP: 0.15em; 
	FONT-FAMILY: arial, courier new; 
	HEIGHT: 20px;	
}
span.header-text{
	font-size: 16px;	
	vertical-align: 8px;
	padding-right: 20px;
	padding-left: 5px;
}
span.header-text-adm{color: #001A66;}
span.header-text-cli{color: #791B1B;}
span.header-text-col{color: #3C3C3C;} 
span.header-text-gri{color: #990000;}
span.header-text-grr{color: #EF9309;}
span.header-text-lci{color: #20209C;}
span.header-text-loc{color: #065906;} 

/*
INPUT.hideBrowse {
	position:absolute;
    left:10px;
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width:0px;
    border-width:0px;
}
*/
TABLE.info { 
	BORDER-SPACING: 0px; 
	PADDING: 0px; 		
	WIDTH: 100%; 
	BORDER: NONE; 
	border-collapse: collapse;
}
TABLE.info TD { 
	BORDER-SPACING: 0px; 
	PADDING: 0px; 
	BORDER: NONE; 
	border-collapse: collapse;
}
*.input.optional {background-color:#C2C8E7;}
P.label {
	MARGIN-TOP: 0.5em; 
	FONT-SIZE: 8pt; 
	MARGIN-BOTTOM: 0.15em;		
	MARGIN-TOP: 0.25em; 
	PADDING-left: 0em; 
	PADDING-right: 5px; 
	FONT-WEIGHT: bold; 
	COLOR: #000000; 
	FONT-FAMILY: "Trebuchet MS", Arial,  Tahoma, Verdana; 
	text-align: left;
}
/*
INPUT.m_button {MARGIN-BOTTOM: -2;}
*/
TEXTAREA.norm {
	PADDING-LEFT: 0.25em; 
	FONT-SIZE: 1em; 
	FONT-FAMILY: arial
}
TEXTAREA.note {
	MARGIN-TOP: 0.25em; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: 8pt; 
	MARGIN-BOTTOM: 0.25em; 
	WIDTH: 525px; 
	COLOR: #000000; 
	FONT-FAMILY: arial
}
p.path {
	font-size: 10;
	FONT-FAMILY: Arial;
	font-weight: bold;
	padding-left: 4;
}
INPUT.prompt {
	BORDER: transparent 1px solid; 
	FONT-SIZE: 14px; 
	COLOR: black; 
	FONT-FAMILY: arial
}
input.readonly_black {
	border: 0px; 
	background-color: #dddddd; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	font-size: 1em;
} 		
input.readonly_grey {
	border: 0; 
	background-color: #eeeeee; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	font-size: 1em;
}
ul.sf-menu {padding-left: 0px;}
ul.sf-menu li {list-style-type: none;}
ul.sf-menu li a {text-decoration: none;}
p.scr_id {
	font-size: 10;
	FONT-FAMILY: Arial;
	font-weight: bold;
	color: #000077;
	padding-right: 3;
}
a.system-icon-adm {background: url("../images/headder_icon_adm.jpg") no-repeat;}
a.system-icon-bpo {background: url("../images/headder_icon_bpo.jpg") no-repeat;}
a.system-icon-cli {background: url("../images/headder_icon_dci.jpg") no-repeat;}
a.system-icon-col {background: url("../images/headder_icon_dce.jpg") no-repeat;}
a.system-icon-gri {background: url("../images/headder_icon_gti.jpg") no-repeat;}
a.system-icon-grr {background: url("../images/headder_icon_gtr.jpg") no-repeat;}
a.system-icon-lci {background: url("../images/headder_icon_lci.jpg") no-repeat;}
a.system-icon-loc {background: url("../images/headder_icon_lce.jpg") no-repeat;}
a.system-icon-rfm {background: url("../images/headder_icon_rfm.jpg") no-repeat;}

a.system-icon-gri, a.system-icon-adm, a.system-icon-cli,
a.system-icon-col, a.system-icon-grr, a.system-icon-lci,
a.system-icon-loc, a.system-icon-bpo, a.system-icon-rfm {
	display: block;
}
table.system-menu-header {
	background-color:#900;	
	width:100%;
	color: #fff;
}
table.system-menu-header{background: url("../images/base_hg.jpg");background-size: 100% 100%;)}
table.system-menu-header-cli{background: url("../images/dci_hg.jpg");background-size: 100% 100%;}
table.system-menu-header-col{background: url("../images/dce_hg.jpg");background-size: 100% 100%;}
table.system-menu-header-gri{background: url("../images/gti_hg.jpg");background-size: 100% 100%;}
table.system-menu-header-grr{background: url("../images/gtr_hg.jpg");background-size: 100% 100%;}
table.system-menu-header-lci{background: url("../images/lci_hg.jpg");background-size: 100% 100%;}
table.system-menu-header-loc{background: url("../images/lce_hg.jpg");background-size: 100% 100%;}
table.system-menu-header .sf-menu>li:hover,.sf-menu>li.sfHover {background: #2E78E6;}
table.system-menu-header .sf-menu-gri>li:hover,.sf-menu-gri>li.sfHover {background: #aa0000;}
table.system-menu-header .sf-menu-lci>li:hover,.sf-menu-lci>li.sfHover {background: #3030AC;}
table.system-menu-header .sf-menu-loc>li:hover,.sf-menu-loc>li.sfHover {background: #166916;}
table.system-menu-header .sf-menu-grr>li:hover,.sf-menu-grr>li.sfHover {background: #FFA319;}
table.system-menu-header .sf-menu-cli>li:hover,.sf-menu-cli>li.sfHover {background: #892B2B;}
table.system-menu-header .sf-menu-col>li:hover,.sf-menu-col>li.sfHover {background: #4C4C4C;}
P.tabul {
	Margin: 0em 0em 0em 3em;
	font-weight: bold;
}
/*
p.top_left {
	font-size: 1em;
	FONT-FAMILY: Arial;
	font-weight: bold;
	padding-left: 4;
	padding-bottom: 2;
}
*/
p.value {
	MARGIN-TOP: 0.25em; 
	PADDING-left: 1em; 
	PADDING-bottom: 1em; 
	PADDING-right: 5px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	MARGIN-BOTTOM: 0em; 
	FONT-FAMILY:  Arial, Tahoma, Verdana; 
	text-align: left;
}


/*****************
 *			     *
 * MISCELLANEOUS *
 *				 *
 ****************/

* { _noFocusLine: expression(this.hideFocus=true); } /* ie7 */
::-moz-focus-inner {border:0;}                       /* firefox */
:focus {outline:none;}

/* Log out notification pop up */
.spinner {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3955aa;
  margin-left: auto;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.modal {
    display: block;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.modal-content {
    margin: auto; 
    padding: 20px;
    width: 30%;
    display: flex;
  	align-items: center;
  	background-color: #fff;
}

.modal-content > div { flex: 1; }

.modal-text {
	background-color: white;
	color: black;
}