body, tbody, select, a
{
font-size: 11px;
font-style: normal;
font-variant: normal;
font-family: Arial, helvetica, Calibri, sans-serif, Verdana;
}

textarea 
{
	font-family: Arial, Verdana, helvetica, sans-serif;
        font-size: 11px;
	padding: 1px;
	vertical-align: top;
	margin: 2px 2px 1px 0;
	border: 2px solid #e2e2e2;	   
}
#ctrFloatDivOverlay
{
    BACKGROUND-COLOR: #05C0FF;
}
.xxbody
{
    xxscrollbar-base-color: #e2e2e2;
    xxscrollbar-arrow-color: white;
    xxscrollbar-track-color: #e2e2e2;

    xxscrollbar-shadow-color: #e2e2e2;
    xxscrollbar-lightshadow-color: #e2e2e2;
    xxscrollbar-darkshadow-color: grey;

    xxscrollbar-highlight-color: #e2e2e2;
    xxscrollbar-3dlight-color: grey;
}
input 
{
	font-family: Arial, Verdana, helvetica, sans-serif;
        font-size: 11px;
	padding: 1px;
	border: 2px solid #D2D2D2;	
}
select 
{
    padding: 1px;
    BORDER-RIGHT: lightsteelblue 1px solid; 
    BORDER-TOP: lightsteelblue 1px solid; 
    BORDER-LEFT: lightsteelblue 1px solid; 
    COLOR: #2E2E2E; 
    BORDER-BOTTOM: lightsteelblue 1px solid; 
}
table
{
border-width :1px;   
}

.zxNor:hover{background:lightgrey;}
.zxAlt:hover{background:lightgrey;}
.zXBoldOdd:hover{background:lightgrey;}
.zXBoldEven:hover{background:lightgrey;}
.zXRedEven:hover{background:lightgrey;}
.zXRedOdd:hover{background:lightgrey;}
.zXGreenOdd:hover{background:lightgrey;}
.zXGreenEven:hover{background:lightgrey;}
.zXGreyEven:hover{background:lightgrey;}
.zXGreyOdd:hover{background:lightgrey;}
.zXAmberOdd:hover{background:lightgrey;}
.zXAmberEven:hover{background:lightgrey;}
.zXWhiteOdd:hover{background:lightgrey;}
.zXWhiteEven:hover{background:lightgrey;}


[onclick], [onMouseDown] {
    cursor: pointer;
}

.zXRTE 
{
    vertical-align: top;
    margin: 0 0 0 0;

    xxscrollbar-base-color: #e2e2e2;
    xxscrollbar-arrow-color: white;
    xxscrollbar-track-color: #e2e2e2;

    xxscrollbar-shadow-color: #e2e2e2;
    xxscrollbar-lightshadow-color: #e2e2e2;
    xxscrollbar-darkshadow-color: grey;

    xxscrollbar-highlight-color: #e2e2e2;
    xxscrollbar-3dlight-color: grey;

}
.zXTrace
{
    background-color: yellow;
    font-style: italic;
    font-size: x-small;
    font-weight: bolder;
}
.zXFormTitle
{
     /*font-weight: bolder;*/
    PADDING-LEFT: 3px;
    font-size: 11pt;
    color: #2A3769;
    background-color: transparent;
    border-bottom: ghostwhite thin inset;
 }
.zXFormTitleBig
{
    padding-left: 5px;
    font-size: 20pt;
    color: #00254A;
    font-weight: bolder;    
    /*border-bottom: lightGrey 2px solid;
    border-bottom: ghostwhite thin inset;*/

 }
.zxForm
{
    BACKGROUND-COLOR: floralwhite
}
.zxSupportFrame
{
BACKGROUND-COLOR: #AFAFAF;

}
.topFrame
{
   background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.zxLabelBlank
{
    PADDING-LEFT: 5px;
    COLOR: #d0d0d0;
    BACKGROUND-COLOR: #d0d0d0
}

.zxFormLabelOld
{
    PADDING-LEFT: 5px;
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #d0d0d0
}
.zXFormLabel
{
    padding-left: 1px;
    color: #2E2E2E;
    background-color: #white;
    border-bottom: #F0F0F0 thin solid;
}
.zxFormLabelFixed150
{
    padding-left: 5px;
    color: #2E2E2E;
    background-color: #white;
    border-bottom: #F0F0F0 thin solid;
    width:150;
}
.zxFormLabelHidden
{
    PADDING-LEFT: 5px;
    COLOR: white;
    BACKGROUND-COLOR: white
}

.zxFormLabelHighLight
{
    padding-left: 5px;
    color: #2E2E2E;
    background-color: orange;
}
.taskProcessingInstructions
{
    COLOR: #666699;
}
.zxFormInputMandatoryNumeric
{
    background-color: #ffffcc;
    text-align: right;
}
.zxFormInputMandatoryLower
{
    TEXT-TRANSFORM: lowercase;
    BACKGROUND-COLOR: #ffffcc;
    TEXT-ALIGN: left
}
.zxFormInputMandatoryUpper
{
    TEXT-TRANSFORM: uppercase;
    BACKGROUND-COLOR: #ffffcc;
    TEXT-ALIGN: left
}
.zxFormInputMandatoryMixed
{
    BACKGROUND-COLOR: #ffffcc;
    TEXT-ALIGN: left;
}
.zxFormInputMandatoryCapital
{
	font-size:x-small;
    TEXT-TRANSFORM: capitalize;
    BACKGROUND-COLOR: #ffffcc;
    TEXT-ALIGN: left
}
.zxMandatory
{
    BACKGROUND-COLOR: #ffffcc;
    TEXT-ALIGN: left
}
.zxMandatoryUpper
{
    TEXT-TRANSFORM: uppercase;
    BACKGROUND-COLOR: #ffffcc;
    TEXT-ALIGN: left
}
.zxFormInputOptionalNumeric
{
    VERTICAL-ALIGN: bottom;
    TEXT-ALIGN: right
}
.zxFormInputOptionalLower
{
    TEXT-TRANSFORM: lowercase;
}
.zxFormInputOptionalUpper
{
    TEXT-TRANSFORM: uppercase;
}
.zxFormInputOptionalMixed
{
}
.zxFormInputOptionalCapital
{
    TEXT-TRANSFORM: capitalize;
}
.zxFormInputLockedNumeric
{
	FONT-SIZE: x-small;
    FONT-WEIGHT: bolder;
    COLOR: #2E2E2E;
    TEXT-ALIGN: right
}
.zxFormInputLockedLower
{
	FONT-SIZE: x-small;
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: lowercase;
    COLOR: #2E2E2E;
}
.zxFormInputLockedUpper
{
	FONT-SIZE: x-small;
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: uppercase;
    COLOR: #2E2E2E;
}
.zxFormInputLockedMixed
{
	font-weight: bolder;
    COLOR: #2E2E2E;
}
.zxFormInputLockedCapital
{
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: capitalize;
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: lightgrey
}

.zxSubmitButton, .zxRefButton, .zxLookupButton, .zxSmallButton, .zxMenuButton
{
    border:  #bfbfbf 1px solid;
    FONT-WEIGHT: bolder;
    cursor: pointer;
    FILTER: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#C5C5C5');
    COLOR: #2E2E2E;
	/*height: 20px;*/
    BACKGROUND-COLOR: #e4e4e4;
	border-radius: 2px;
	padding-left:10px;
	padding-right:10px;
	*padding-left:0px; /* IE 7 and below */
	*padding-right:0px; /* IE 7 and below */
	_padding-left:0px; /* IE 6 */
	_padding-right:0px; /* IE 6 */
}

.zxSubmitButton:hover, .zxRefButton:hover, .zxLookupButton:hover, .zxSmallButton:hover{
    border:  grey 1px solid;	
}

.interalButtonStyle
{
	background-color:red;
	font-weight:bolder;
	color:white;
}

.zxBigAlert
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    COLOR: red;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: white;
    FONT-VARIANT: small-caps
}
.zxAlert
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-small;
    COLOR: red;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: white;
    FONT-VARIANT: small-caps
}
.zxErrorCell
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
    COLOR: white;
    BACKGROUND-COLOR: tomato
}
.zxTitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    COLOR: white;
    BACKGROUND-COLOR: lightslategray;
    FONT-VARIANT: small-caps
}

.zxVertical
{
    COLOR: #395167;
    FONT-WEIGHT: bold;
    FONT-SIZE: 25px;
    BACKGROUND-COLOR: gainsboro;
}

.zxVerticalText
{
	-webkit-transform: rotate(-90deg);
	-moz-transform:rotate(-90deg); 
	-o-transform: rotate(-90deg);	
	-ms-transform: rotate(-90deg);
	margin-top: 200px;
	padding:20px;
	margin-left:-5px;
	BACKGROUND-COLOR: #F5F5F5; 
	color:black;
}

.zxVerticalDashboard
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-large;
    COLOR: white;
    BACKGROUND-COLOR: #66686A
}
.zxListBig
{
	FONT-SIZE: 14px;
	FONT-WEIGHT: bolder;
}
.zxNor
{
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #f5f5f5;
}
.zxEven
{
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #f5f5f5;
}
.zxAlt
{
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #ebebeb; 
}
.zxOdd
{
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #ebebeb;
}
.zxErrorMsg
{
    color: red;
}
.zxAltMenuItem
{
    CURSOR: pointer;
    COLOR: #000000;
    BACKGROUND-COLOR: #D3D3D3;
    border-top: lightgrey 2px solid;
    border-bottom: lightgrey 2px solid;
    border-color: #CCCCCC;
}
.zxNorMenuItem
{
    CURSOR: pointer;
    COLOR: #000000;
    BACKGROUND-COLOR: #E3E3E3;
    border-top: lightgrey 2px solid;
    border-bottom: lightgrey 2px solid;
    border-color: #DDDDDD;
}
.zxAltSubMenu
{
    xxFONT-WEIGHT: bolder;
    CURSOR: pointer;
    COLOR: #000000;
    BACKGROUND-COLOR: #D3D3D3;    
    border-top: lightgrey 2px solid;
    border-bottom: lightgrey 2px solid;
    border-left: lightgrey 2px solid;
    border-right: lightgrey 2px solid;
    border-color: #CCCCCC;
}
.zxNorSubMenu
{
    xxFONT-WEIGHT: bolder;
    CURSOR: pointer;
    COLOR: #000000;
    BACKGROUND-COLOR: #E3E3E3;
    border-top: lightgrey 2px solid;
    border-bottom: lightgrey 2px solid;
    border-left: lightgrey 2px solid;
    border-right: lightgrey 2px solid;
	border-color: #DDDDDD;
}
.zxAltMenuItemNor
{
    FONT-WEIGHT: bolder;
    CURSOR: pointer;
    COLOR: #444444;
    BACKGROUND-COLOR: #ffffff;
    border-top: lightgrey 2px solid;
    border-bottom: lightgrey 2px solid;
    border-left: lightgrey 2px solid;
    border-right: lightgrey 2px solid;
    border-color: #DDDDDD;
}
.zxNorMenuItemNor
{
    FONT-WEIGHT: bolder;
    CURSOR: pointer;
    COLOR: #444444;
    BACKGROUND-COLOR: #ffffff;
    border-top: lightgrey 2px solid;
    border-bottom: lightgrey 2px solid;
    border-left: lightgrey 2px solid;
    border-right: lightgrey 2px solid;
    border-color: #DDDDDD;
}
.zxAltSubMenuNor
{
    xxFONT-WEIGHT: bolder;
    CURSOR: crosshair;
    COLOR: #444444;
    BACKGROUND-COLOR: #EBEBEB;
    border-top: lightgrey 2px solid;
    border-bottom: lightgrey 2px solid;
    border-left: lightgrey 2px solid;
    border-right: lightgrey 2px solid;
    border-color: #DDDDDD;
}
.zxNorSubMenuNor
{
    xxFONT-WEIGHT: bolder;
    CURSOR: default;
    COLOR: #444444;
    BACKGROUND-COLOR: #ebebeb;
    border-top: lightgrey 2px solid;
    border-bottom: lightgrey 2px solid;
	border-color: #DDDDDD;
}
.zxMenuTop
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-small;
    TEXT-ALIGN: left;
    color: #00135F;
    background-color: #ebebeb;
    border-top: lightgrey 2px solid;
    border-bottom: lightgrey 2px solid;
    border-color: #A5A5A5;
}
.zXMenuTopNoAlign
{
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: left;
    color: #00135F;
    background-color: #ebebeb;
    border-top: lightgrey 2px solid;
    border-bottom: lightgrey 2px solid;
    border-color: #A5A5A5;
}
.zxFooter
{
    BACKGROUND-COLOR: #F5F5F5;
    TEXT-ALIGN: center
}
.footerText
{
    font-size: 12px;
    color: #2A3769;
    background-color: transparent;
	text-align : left;
}
.zxMatrixLabel
{
    COLOR: white;
    FONT-STYLE: italic;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: center
}
.zxSearchOps
{
}
.zxLabelPlain
{
}
.zxInfoMsg
{
    FONT-SIZE: 8pt;
    COLOR: #DF7401;
}
.zxDebug
{
    BACKGROUND-COLOR: gold
}
.zxSoftMsg
{
    text-align: left;  
	color:darkBlue;
    FONT-STYLE: italic;
}
.zxFormSubTitle, .zXFormSubTitle
{
	FONT-SIZE: 12pt;
    FONT-WEIGHT: bolder;
    COLOR: #66686A;
    TEXT-INDENT: 0pt;
    TEXT-ALIGN: left
}
.zxTabActive, .zxTabInactive
{
    background-color: #860965;
    font-size: 12px;
    font-weight:bolder;
    BORDER: solid 2px #860965;
    CURSOR: pointer;
    color: #FFFFFF;
    TEXT-ALIGN: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;	
}
.zxTabInactive
{
    color: darkBlue;
    BORDER: solid 2px darkBlue;
	font-weight:bolder;
    background-color: #FFE6F8 /*#F9FCF7*/;
}
.zxTabActiveleft, .zxTabInactiveleft, .zxTabActivefirst, .zxTabInactivefirst
{
    border-radius: 2px;
    border-bottom-right-radius: 15px;
    font-size: 11px;
    FONT-WEIGHT: bolder;
    margin-left:50px;
    padding-left: 5px;
    color: darkBlue;
    cursor:pointer;
    border: solid 1px lightblue;
    background-color: white;
}
.zxTabActiveleft, .zxTabActivefirst
{
    border-top:solid 1px lightblue;
}
.zxTabActiveLeft:hover, .zxTabInactiveLeft:hover, .zxTabInactiveFirst:hover, .zxTabActiveFirst:hover
{
	background: rgb(242,245,246); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=1 ); /* IE6-9 */

	FONT-WEIGHT: bolder;
	color: darkBlue;
}
.zxTabActiveSmall:hover, .zxTabInactiveSmall:hover
{
	border: solid 2px #860965;
}
.zxTabActiveFirst, .zxTabInactiveFirst
{
    border-top: solid 2px #FFE6F8;  
}
.zxTabActiveSmall, .zxTabInactiveSmall
{
	font-size:12px;
    color: #002277;
	margin-left:10px;
	margin-right:20px;
	padding-left:5px;
	padding-right:10px;
	/* text-decoration: underline; */
	width: 5%;
	border:1px solid #002277;
	background-color:#fff5ad;
	
	color: #002277;
	font-family: Arial;
	font-size: 12px;
	border: 0px;
	CURSOR: pointer;
	TEXT-ALIGN: left;
	width : 5%;
	padding: 0px;
	margin: 0px;
	margin-top:5px;
	padding-left:10px;
	padding-right:10px;
	border-spacing:2px;
	BORDER: solid 2px #FFC4B0;
	background-color: white;
	background-color: #c1020c;
	background-color:#860965;
	color: white;
}
.zxFKLabel
{
    FONT-STYLE: italic;
}
.zxTreeVoid
{
    BACKGROUND-COLOR: #ebebeb
}
.zxAlt2
{
    COLOR: #66686A;
    BACKGROUND-COLOR: aliceblue
}
.zxGridNew
{
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: lightgrey;
}
.zxGridNewOdd
{
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: lightgrey;
}
.zxGridNewEven
{
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: grey;
}
.zxPopupMenuAlt
{
    FONT-SIZE: 12px;
    CURSOR: default;
    BACKGROUND-COLOR: #dcdcdc
}
.zxPopupMenuNor
{
    FONT-SIZE: 12px;
    CURSOR: default;
    COLOR: white;
    BACKGROUND-COLOR: gray
}
.zXFormInputLocked
{
    FONT-SIZE: x-small;
    FONT-WEIGHT: bolder;
    COLOR: #2E2E2E;
}
.zXTabDeactive
{
    BORDER-RIGHT: #7f7f7f thin outset;
    BORDER-TOP: #7f7f7f thin outset;
    FONT-SIZE: 8pt;
    FILTER: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#C5C5C5');
    BORDER-LEFT: #860965 thin outset;
    CURSOR: pointer;
    COLOR: #2E2E2E;
    BORDER-BOTTOM: #7f7f7f thin;
    BACKGROUND-COLOR: #e4e4e4;
    TEXT-ALIGN: center
}
.zXProgressDone
{
    FONT-WEIGHT: bolder;
    COLOR: white;
    BACKGROUND-COLOR: #2E2E2E
}
.zXProgressToDo
{
    FONT-WEIGHT: bolder;
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: white
}
.zXDetailsHeader
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 7pt;
    FONT-STYLE: italic;
    COLOR: #395167;
    TEXT-ALIGN: center
}
.zXDetails
{
    FONT-SIZE: 7pt;
    COLOR: #2E2E2E;
    TEXT-ALIGN: center
}
.zXDetailsLeft
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    TEXT-ALIGN: center
}
.zXAmber
{
    COLOR: #FF502B;
    BACKGROUND-COLOR: #ebebeb
}
.zXAmberOdd
{
    COLOR: #FF502B;
    BACKGROUND-COLOR: #f5f5f5; 
}
.zXAmberEven
{
    COLOR: #FF502B;
    BACKGROUND-COLOR: #ebebeb;
}
.zXRed
{
    COLOR: red;
    BACKGROUND-COLOR: #ebebeb
}
.zXRedEven
{
    COLOR: red;
    BACKGROUND-COLOR: #ebebeb
}
.zXRedOdd
{
    COLOR: red;
    BACKGROUND-COLOR: #f5f5f5
}
.zXWhite
{
    COLOR: red;
    BACKGROUND-COLOR: #FFFFFF
}
.zXWhiteEven
{
    COLOR: red;
    BACKGROUND-COLOR: #FFFFFF
}
.zXWhiteOdd
{
    COLOR: red;
    BACKGROUND-COLOR: #FFFFFF
}
.zXGreen
{
    COLOR: green;
    BACKGROUND-COLOR: #ebebeb
}
.zXGreenEven
{
    COLOR: green;
    BACKGROUND-COLOR: #ebebeb

}
.zXGreenOdd
{
    COLOR: green;
    BACKGROUND-COLOR: #f5f5f5
; 
}
.zXLightBlue
{
    BACKGROUND-COLOR: lightBlue
}
.zXLightBlueEven
{
    CURSOR: pointer;
    BACKGROUND-COLOR: lightBlue
}
.zXLightBlueOdd
{
    CURSOR: pointer;
    BACKGROUND-COLOR: lightBlue
}
.zXGrey
{
    COLOR: gray;
    BACKGROUND-COLOR: #ebebeb
}
.zXGreyEven
{
    COLOR: gray;
    BACKGROUND-COLOR: #ebebeb;
}
.zXGreyOdd
{
    COLOR: gray;
    BACKGROUND-COLOR: #f5f5f5
}
.zXBGredList
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #FF4E4E
}
.zXBGredListOdd
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #FF4E4E
}
.zXBGredListEven
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #FF7A7A
}
.zxBGBlueList
{
    BACKGROUND-COLOR: #99ffcc
}
.zxBGBlueListOdd
{
    BACKGROUND-COLOR: #99ffcc
}
.zxBGBlueListEven
{
    BACKGROUND-COLOR: #99ffcc
}
.zxBGpinkList
{
    BACKGROUND-COLOR: #ff99cc
}
.zxBGpinkListOdd
{
    BACKGROUND-COLOR: #ff99cc
}
.zxBGpinkListEven
{
    BACKGROUND-COLOR: #ff99cc
}
.zxBGyellowList
{
    BACKGROUND-COLOR: #ffff00
}
.zxBGyellowListOdd
{
    BACKGROUND-COLOR: #ffff00
}
.zxBGyellowListEven
{
    BACKGROUND-COLOR: #ffff00
}
.zxBGorangeList
{
    BACKGROUND-COLOR: #FF502B
}
.zxBGorangeListOdd
{
    BACKGROUND-COLOR: #FF502B
}
.zxBGorangeListEven
{
    BACKGROUND-COLOR: #FFA927
}
.zxBGgreyList
{
    BACKGROUND-COLOR: #cccccc
}
.zxBGgreyListOdd
{
    BACKGROUND-COLOR: #cccccc
}
.zxBGgreyListEven
{
    BACKGROUND-COLOR: #cccccc
}
.zxBGWhiteList
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #ffffff
}
.zxBGWhiteListOdd
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #ffffff
}
.zxBGWhiteListEven
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #ffffff
}
.zXBgListPrgnss
{
    FONT-SIZE: 13px;
    COLOR: blue;
    BACKGROUND-COLOR: #ebebeb
}
.zXBgListPrgnssEven
{
    FONT-SIZE: 13px;
    COLOR: blue;
    BACKGROUND-COLOR: #f5f5f5
}
.zXBgGreenList
{
    BACKGROUND-COLOR: #ccff99
}
.zXBgGreenListOdd
{
    BACKGROUND-COLOR: #ccff99
}
.zXBgGreenListEven
{
    BACKGROUND-COLOR: #B2FF65
}
.zXBgListPrgnssOdd
{
    FONT-SIZE: 13px;
    COLOR: blue;
    BACKGROUND-COLOR: #ebebeb
}
.zXBoldEven
{
    FONT-WEIGHT: bolder;
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #ebebeb
}
.zXBoldOdd
{
    FONT-WEIGHT: bolder;
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #f5f5f5
}
.zXBold
{
    FONT-WEIGHT: bolder;
    COLOR: #2E2E2E;
/*    BACKGROUND-COLOR: #f5f5f5 */
}
.zxItalicEven
{
    font-style: italic;
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #f5f5f5
}
.zxItalicOdd
{
    font-style: italic;
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #ebebeb
}
.zxTxt
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    COLOR: #2E2E2E;
}
FORM
{
    MARGIN-TOP: 0px
}
.zXNarr
{
    COLOR: #787B79;    
}
.zxInvisible
{
    DISPLAY: none;
    VISIBILITY: hidden
}
.zXBarCode39
{
    FONT-WEIGHT: 100;
    FONT-SIZE: 60px;
    MARGIN-LEFT: 10px;
    MARGIN-RIGHT: 10px;
}
.zxBGGreen
{
    BACKGROUND-COLOR: #ccff99
}
.zxBGAmber
{
    BACKGROUND-COLOR: #ffff66
}
.zxBGRed
{
    BACKGROUND-COLOR: #ffcc99
}
.zxBGGrey
{
    BACKGROUND-COLOR: #D8D8D8
}
.zxBGMenuList
{
    text-decoration: underline; 
    BACKGROUND-COLOR:  #CEE3F6;
    COLOR: #2E2E2E
}
.zxBGMenuListOdd
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #EFFBFB;
    COLOR: #00135F
}
.zxBGMenuListEven
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #CEE3F6;
    COLOR: #00135F
}
.zxHeadingLabel
{
    BORDER-TOP: #2E2E2E solid;
    FONT-SIZE: small;
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #d0d0d0
}
.zxHeadingText
{
    BORDER-TOP: #2E2E2E solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: medium;
    COLOR: #2E2E2E;
}
.zxLargeMsg
{
    FONT-SIZE: medium;
    COLOR: #2E2E2E;
    FONT-STYLE: italic;
}
.zXDetailsBold
{
    FONT-WEIGHT: bolder;
    COLOR: #2E2E2E;
}
.zXFormLabelBold
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bolder;
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #d0d0d0
}
.zXFormLabelMerged
{
    /*PADDING-LEFT: 5px;
    COLOR: #2E2E2E;*/

    padding-left: 5px;
    color: #2E2E2E;
    background-color: #white;
    border-bottom: #F0F0F0 thin solid;
}
.zXCalendarNormal
{
	background: rgb(167,199,220); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,199,220,1)), color-stop(100%,rgba(133,178,211,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-9 */

	BACKGROUND-COLOR:#E6E6E6;
    /*FONT-WEIGHT: bolder;*/
    COLOR: white;
    text-align: center;
}
.zXCalendarTitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    COLOR: white;
    /*BACKGROUND-COLOR: #A0A0A0;*/
    BACKGROUND-COLOR: #66686A;
    TEXT-ALIGN: center
}
.zXCalendarNormalEven
{
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: lavender
}
.zXCalendarCurrentOdd
{

    BACKGROUND-COLOR: #00ff00
}
.zXCalendarCurrentEven
{
  
    BACKGROUND-COLOR: #00ff00
}
.zXCalendarNormalOdd
{
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: lavender
}
.zXCalendarCell
{
    FONT-SIZE: x-small;
    COLOR: #2E2E2E;
    vertical-align: top;
}
.zxCalendar
{
	font-size: 17px;
	font-weight: bold;
}
.zxCalendarToday
{
	font-size: 20px;
	font-weight: bold;
    BACKGROUND-COLOR: #009900;
	color: #fff;
}
.zxPostLabel
{
    PADDING-LEFT: 5px;
    COLOR: #2E2E2E;
}
.zXClickOpen
{
    FONT-SIZE: x-small;
    text-decoration: underline;
    COLOR: green;
}
.zXClickClosed
{
    FONT-SIZE: x-small;
    text-decoration: underline;
    COLOR: red;
}
.lockedInputStandOut
{
    FONT-WEIGHT: bold;
    FONT-SIZE: small;
    COLOR: #2E2E2E;
}
.zxSelectDisabled
{
    CURSOR: default;
    COLOR: #2E2E2E;
    BACKGROUND-COLOR: #f5f5f5
}

.zxfklookup {
	FONT-SIZE: 12px; 
 	position:absolute;	
	color: indigo;
	background-color: #CEF6F5;
	border: 1px outset black;
        visibility: hidden;
	clear: left;
}
.zxfklookup ul {      
	padding: 0;
	margin: 0;        
}
.zxfklookup li {
	display: block;	
	padding-left: 0px;
	padding-right: 0px;
	cursor: pointer;
        border: 1px dotted Grey;

 
}
.zxfklookup li.selected {
	background-color: #FF502B;
	color: white;
}

.roundcont {
	width: 100%;
	background-color: #f90;
	color: #fff;
}

.roundcont p{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #FBB917;
    TEXT-ALIGN: center
}

.roundtop { 
	background: url(../images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
.zxMainHeaderLabel
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-small;
    COLOR: #0072BC;
}
.zxBlnceHeader
{
    FONT-WEIGHT: bolder;
    COLOR: white;
    BACKGROUND-COLOR: #395167;
}
.zxBlnceFooter
{
    FONT-WEIGHT: bolder;
    COLOR: #395167;
    text-align:right;
}
.zXProgressVisual
{
    margin: 0 150px 0 0;
}
.zxBdgtHeader
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-small;
    COLOR: green;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: white;
    FONT-VARIANT: small-caps
}
.zxBGNwsGrp
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #ffffff;
}
tr.zxBGNwsGrp td {border-bottom: 1pt solid lightgrey}
.zXleftMenuItem
{
    TEXT-ALIGN: center;
    COLOR: #00135F;
}
.zXBlueTitle
{
    FONT-WEIGHT: bolder;
    COLOR: #00135F;
}
.zxBigGreenAlertTitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-small;
    COLOR: green;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: white;
    FONT-VARIANT: small-caps
}
.zxBigRedAlertTitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-small;
    COLOR: red;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: white;
    FONT-VARIANT: small-caps
}
.zXTotal
{
    FONT-WEIGHT: bold;
    COLOR: #395167;
    text-align:right;
}
.zxTotalRow
{
}
.zxTotalCell
{
    FONT-WEIGHT: bolder;
    COLOR: #395167;
    padding-bottom:10px;
    padding-top:5px;
}
.zXBlnceHr
{
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #000000; 
	border-style: none none dotted; 
	width: 90%;
	height: 2px;
	text-align:right;
}
.zxGridDisable
{
    FONT-WEIGHT: bolder;
    VERTICAL-ALIGN: bottom;
    COLOR: darkGrey;
    BACKGROUND-COLOR: #ffffff;
    border:2px solid green;
    TEXT-ALIGN: right
}
.t 
{
    background: url(../images/div/tw.jpg) 0 0 repeat-x
}
.b 
{
    background: url(../images/div/bw.jpg) 0 100% repeat-x
}
.l 
{
    background: url(../images/div/lw.jpg) 0 0 repeat-y
}
.r 
{
    background: url(../images/div/rw.jpg) 100% 0 repeat-y
}
.bl 
{
    background: url(../images/div/lbw.jpg) 0 100% no-repeat
}
.br 
{
    background: url(../images/div/rbw.jpg) 100% 100% no-repeat
}
.tl 
{
    background: url(../images/div/ltw.jpg) 0 0 no-repeat
}
.tr 
{
    background: url(../images/div/rtw.jpg) 100% 0 no-repeat; padding:10px
}
.mainPageFormTitle
{
    font-weight: bolder;
    padding-left: 10px;
    font-size: 14px;
    color: #2A3769;
    background-color: transparent;
}
.zXFormInputOptionalNumericReadonly, .zxFormInputOptionalNumericReadonly
{
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: lightgrey;
    TEXT-ALIGN: right
}
.zxListLarger
{
    FONT-SIZE: 16px;    
    font-weight: bolder;  
    COLOR: #395167;
    BACKGROUND-COLOR: #f5f5f5
}
.zxListLargerOdd
{
    FONT-SIZE: 16px;
    font-weight: bolder;
    COLOR: #395167;
    BACKGROUND-COLOR: #ebebeb
}
.referenceDataMaintenanceNarrative
{
    FONT-SIZE: 11px;
    padding-left: 20px;
    font-weight: normal;
    font-style: italic;
    color: gray;
}
.zxFormInputOptionalNumericFixed320
{
    width: 320px;
    TEXT-ALIGN: right
}
.zxListLarge
{
    FONT-SIZE:12pt;
    FONT-WEIGHT: bolder;
    CoLOR: #00254A;
    /*BACKGROUND-COLOR:#8A0829*/
    BACKGROUND-COLOR:#EAB079;
}

#exit{
cursor:pointer;
}

.zxListHeader, .zXListHeader, .zXListHeaderLeftAlign
{
background: rgb(167,199,220); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,199,220,1)), color-stop(100%,rgba(133,178,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-9 */

BACKGROUND-COLOR:#E6E6E6;
    /*FONT-WEIGHT: bolder;*/
    COLOR: white;
    text-align: left;
}
.zxListHeaderTopRow
{
    font-size: 8pt;
    color: white;
    font-family: Verdana, Arial;
    FONT-WEIGHT: bolder;
    background-color: #58D3F7;
}
.zxListHeaderSecondRow
{
    font-size: 8pt;
    color: white;
    font-family: Verdana, Arial;
    FONT-WEIGHT: bolder;
    background-color: #00254A;
}

/* new BankBoek */
.bnkRw {
	COLOR: #2E2E2E;
	BACKGROUND-COLOR: #ebebeb;
}
.bnkRw td{
	padding: 3px;
}
.bnkSbRw {
    COLOR: #2E2E2E;
	BACKGROUND-COLOR: #F5F5F5;
}
.bnkSbRw td{
	padding: 3px;
}
.shadowbox
{
	/* width:100%; */
	position:relative;
	display: inline-block;
	-webkit-box-shadow: 2px 2px 12px 0px rgba(50, 50, 50, 0.97);
	-moz-box-shadow:    2px 2px 12px 0px rgba(50, 50, 50, 0.97);
	box-shadow:         2px 2px 12px 0px rgba(50, 50, 50, 0.97);
	border-radius: 8px;
	padding: 6px;
	padding-left: 6px;
	padding-right: 6px;
	float:left;
	margin-bottom:18px;
	margin: 10px;
}
#inputBox{
    background-color:#333333!important;
    text-align:center;  
    color:white;
    max-width:280px;
    height:200px;
}
 
#inputBox .msg{
    width:100%;
    height:100px;
    padding-top:20px;
}
 
 
#alertBox{
    background-color:#333333!important;
    text-align:center;  
    color:white;
    max-width:280px;
    height:200px;
}
 
#alertBox .msg{
    width:100%;
    height:130px;
    padding-top:20px;
}
 
.bttns{
    text-align:center;  
    bottom:0px;
}
 
.bttns .mrNo{
    float:left;
    border:1px solid Gray;  
    margin:5px;
}
.bttns .mrYes{
    float:right;
    border:1px solid Gray;
    margin:5px;
}
.t1 option
{
	font-family: Consolas,monospace;
	font-size: 12px;
}