body 
{
	margin: 0 0 5px 5px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    line-height:1.5em;
}
.textOA,.lbNavUSA , .trNav
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.textComment
{
	font-family : Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight :bold ;
	color :Red ;
}
font, fieldset, .text
{
	font-family: Arial, Helvetica, sans-serif; /*Trebuchet MS, Verdana*/
	font-size:12px;
	text-decoration:none;
	/*test*/
    line-height:1.5em;
}

fieldset, .HasBorder
{
	border: 1px solid #98b3e4;
}
.lightGrid
{
	background-color:ButtonFace;
	color: White;
}

a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007AC2;
}

a:visited, a:link, a:active
{
	text-decoration:none; 
}

a:hover
{
	text-decoration:none; 
	color:#F58025
}

a[disabled]:hover
{ 
    text-decoration:none;
    color: silver; 
}

input 
{
	border: 1px solid gray;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input[type="checkbox"], input[type="radio"]
{
	border: none 0;
}
input[type="radio"]{
    position: relative;
    top: 2px;
    cursor: pointer;
}

input[type="radio"] + label{
    cursor: pointer;
}
input:disabled + label {
    cursor: no-drop;
    color: silver; 
}
textarea
{
	border: 1px solid gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	    
select 
{
	border: 1px solid gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.select_New{
    border: 1px solid #ccc;
}

option	
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.table
{
	border:none;
	border-width:0px;
}

.fontHeader
{
	font-size:20px; 
	color:#003468;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
}

.THAfontHeader
{
	font-size:16px; 
	color:#003468;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

.tbLine1 
{
	border-left-style:none;
	border-right-style:none;
	border-bottom-style:none;
	background-color:#ffffff;
	text-decoration:none;
	
}
.tbMCLine1
{
	border-left-style:none;
	border-right-style:none;
	border-bottom-style:none;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.tbLine2 
{
	border-left-style:none;
	border-right-style:none;
	border-bottom-style:none;
	background-color:#eff7ff;
	text-decoration:none;
}
.tbMCLine2 
{
	border-left-style:none;
	border-right-style:none;
	border-bottom-style:none;
	background-color:#eff7ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.link
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	text-decoration:none; 
	color:#0044ff;	
	background: none ;
	border-color :White  ; 
	cursor: pointer;
	vertical-align:middle ;
	BORDER-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	TEXT-ALIGN: left; 
}
.bttn, .OAbttn 
{
	background: #0d8de8 url('../Image/btn_bg_blue.png') repeat-x left center;
	vertical-align: middle;
	color:#FFFFFF;
	padding:4px 8px 4px 8px;
	text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	border-right: solid 1px #0d8de8;
    border-bottom : solid 1px #0d8de8;
   	border-top: solid 1px #4ea3e4;
   	border-left: solid 1px #4ea3e4;
	font-style: normal; 
	/*line-height: 12px; */
	white-space: nowrap; 
	margin: auto auto; 
	cursor: pointer;
	/*background-image: url(../Image/btn_bg_blue.gif);*/
	overflow: visible;
    margin-left: 5px;
	}

.bttn0 
{
	background: #4A8EFF;
	vertical-align: middle;
	color:#FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	border-top: solid 1px #9cc8fe;
	border-right: solid 1px #2f5aa1;
	border-bottom: solid 1px #1f3c6b;
	border-left: solid 1px #7ab6fd;
	font-style: normal; 
	white-space: nowrap; 
	margin: auto auto; 
	cursor: pointer;
	background-image: url(../Image/btn.gif);
	background-repeat: no-repeat;
	overflow: visible;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 2px;*/
}

.bttn:active, .bttn0:active , .bttn4:active
{
	border-top: solid 1px #1f3c6b;
	border-right: solid 1px #7ab6fd;
	border-bottom: solid 1px #9cc8fe;
	border-left: solid 1px #2f5aa1;
}

a.bttn:link, a.bttn:visited { 
    color: #fff; 
}

.bttn2 
{
	background: no-repeat;
	vertical-align: middle;
	/*padding:1px 8px 1px 8px;*/
	padding-left: 8px;
	padding-right: 8px;
	text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	border-top: solid 1px Silver;
	border-right: solid 1px #2f5aa1;
	border-bottom: solid 1px #1f3c6b;
	border-left: solid 1px Silver;
	font-style: normal; 
	/*line-height: 11px; */
	white-space: nowrap; 
	margin: auto auto; 
	cursor: pointer;
	overflow: visible;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 2px;*/
}
.bttn3 
{
	background: #c0c0c0;
	vertical-align: middle;
	color:#FFFFFF;
	/*padding:1px 8px 1px 8px;*/
	padding-left: 8px;
	padding-right: 8px;
	text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	border-top: solid 1px #9cc8fe;
	border-right: solid 1px #2f5aa1;
	border-bottom: solid 1px #1f3c6b;
	border-left: solid 1px #7ab6fd;
	font-style: normal; 
	/*line-height: 12px; */
	white-space: nowrap; 
	margin: auto auto; 
	cursor: pointer;
	background-repeat: no-repeat;
	overflow: visible;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 2px;*/
}

.bttn4{
    background-color: #ffffff;
    vertical-align: middle;
	padding: 2px 8px;
	font-size: 12px; 
	font-weight: bold; 
    color: #333333;
    font-family: Arial, Helvetica, sans-serif; 
    border-right: solid 1px #0d8de8;
    border-bottom : solid 1px #0d8de8;
   	border-top: solid 1px #4ea3e4;
   	border-left: solid 1px #4ea3e4;
	white-space: nowrap; 
	margin: auto auto; 
	cursor: pointer;
	background-image: url(../Image/btn_gray.gif);
	background-repeat: repeat-x;
	background-position: left center; 
	overflow: visible;
	/*text-shadow: rgba(0,0,0,.33) 0px 2px 2px;*/
}

.bttn2:active
{
	border-top: solid 1px #1f3c6b;
	border-right: solid 1px Silver;
	border-bottom: solid 1px Silver;
	border-left: solid 1px #2f5aa1;

}

.BlueText
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #003468;/*blue;*/
}

.Comment 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#000000;
	vertical-align: middle
}

.HeaderBackground
{
	background-color:#606399;
	background-repeat: repeat-x;
}

.subHeaderBackground
{
	background-color:#336699;
	border-left:1px solid #C1CDD8; 
	border-right:1px solid #C1CDD8;
}

.subHeaderBackgroundTop
{
	background-color:#336699;
	border-left:1px solid #C1CDD8; 
	border-right:1px solid #C1CDD8;
	border-bottom :1px solid #C1CDD8;
}
.BodyColor
{
	background-color: #f9f9f9;
}
.BodyColornuke
{
	background-color:#fbfbfa;
}

table.BodyColor
{
	background-color: #f9f9f9;
    border: solid 1px #ddddc2;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	text-decoration:none;
    padding-bottom:5px;
  }        

.BodyColorNotEqual
{
	background-color:#ffbbbb;
}

.SendingColor
{
	background-color:#ffff99;
}

.HostingColor
{
	background-color:PaleTurquoise;
}

.Note
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:Green;
}

.CrystalText
{
	color:Black;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;	
}

.subHeader
{
	background-color:#606399;
	border-left:solid 1px black; 
	border-right:solid 1px black;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: White;
	border-bottom:solid 1px black;
	border-top:solid 1px black;
}

.subHeader a, .subHeader a:link, .subHeader a:visited, .subHeader a:active
{
    color: White;    
}

.subHeader a:hover
{
    color: White;
    text-decoration: underline;
}

.subHeader th, .subHeader td
{
    border: solid 1px silver;
}

.option	
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000; 
	border:none;
}

.EnglishText
{
	color: Gray;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
}

.CrystalBold, .BoldText
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight: bold;
}
.ErrMsg
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ff0000;
}

.GridPager
{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size:16px;
}

.TextBox 
{ 
	border: 1px solid gray;
}

.NumberBox 
{ 
	border: 1px solid gray;
	text-align: right;
}
.NumberBoxOA 
{ 
	text-align: right;

	border-style: solid;
	border-color: #BAB696;
	border-width: 1px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	background: #FFFFFF
}
.hand
{
	cursor : pointer;
}

.half
{
	width:50%;
}

.full
{
	width: 99%;
}
table.Grid
{
	color:Black;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	border-color:Silver;
	border-collapse:collapse;
	border-width:1px;
	margin-top:4px;
}

table.Grid caption
{
    background-color:#5580dd;
    font-weight: bold; 
    color: White;
    margin: 4px 0 0 0;
}

/* Sortable tables */
table.Grid a.sortheader {
    /*background-color:#eee;*/
    color:#FFFFFF;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.Grid span.sortarrow {
    color: white;
    text-decoration: none;
}

table.Grid td {
    border: solid 1px silver;
}

td.NoSideBorder { 
    border-right: medium none; 
    border-top: 1px solid; 
    border-left: medium none; 
    border-bottom: 1px solid 
}

.MenuN /* Menu Normal State */
{
	color: #003366;/*#103D66;*/
	background-color: #ffd52b; /* #ffcc00; */
	text-indent:5px;
	font-size:12px;
	border: solid 1px #ffd52b; /*#ffcc00;*/
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

.MenuN a
{
    display: block;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-indent:5px;
	font-size:12px;
	border: solid 1px #ffd52b; /*#ffcc00;*/
}
.MenuN A:visited, .MenuN A:link, .MenuN A:active, .MenuN A:hover,
A.MenuN:visited, A.MenuN:link, A.MenuN:active, A.MenuN:hover
{
	color: #103D66; /*black;*//*#003366;*/
	font-size:12px;
	text-decoration: none;
	display: block;
	border: solid 1px #FFD52B; /* #ffcc00; */
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

div.MenuN
{
	cursor: pointer;
}

.MenuS /* Menu Selected State */
{
	color: Black;
	background-color:#ff9900;
	text-indent:5px;
	font-size:12px;
	border-top: solid 1px #ffc46c;
	border-right: solid 0px #a16130;
	border-bottom: solid 1px #6b4000;
	border-left: solid 0px #ffaf36;
	line-height: 13px;
}

.MenuS A:visited, .MenuS A:link, .MenuS A:active, .MenuS A:hover,
A.MenuS:visited, A.MenuS:link, A.MenuS:active, A.MenuS:hover
{
	color: black;
	font-size:12px;
	text-decoration: none;
	display: block;
	border-top: solid 1px #ffc46c;
	border-right: solid 0px #a16130;
	border-bottom: solid 1px #6b4000;
	border-left: solid 0px #ffaf36;
	line-height: 13px;
}

div.MenuS
{
	cursor: pointer;
}

.TopMenuN /* Top Menu Normal State */
{
	color: #ffcc00;
	/*background-color:#024279;*/
	cursor: pointer;
}

.TopMenuS /* Top Menu Selected State */
{
	color: #003366;
	/*background-color:#ff9900;*/
	cursor: pointer;
}

.Success
{
	color: Blue;
	font-weight:bold;
	font-size: 16px;
}

input.RO, textarea.RO /* Readonly */
{
	background-color: #e0e0e0;
	color: #303030;
}

input.RO99, textarea.RO99 /* Readonly */
{
	background-color: #e0e0e0;
	width: 99%;
	color: #303030;
}

.NoBorder
{
	border: none 0px;
}

.radio, .radioOA
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	text-decoration:none;
	color:#000000;
}

.radio input, .radioOA input, .radioBold input
{
	border: none 0px;
}

.radioBold
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold; 
}

.radio label, .radioOA label
{
    margin-right: 7px;
    font-family: Arial, Helvetica, sans-serif;
}

.LinkBtn
{
	Border:solid 1px white;
	Cursor:pointer;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
}

.hr
{
    height:1px; 
    color: #98b3e4;
    background-color: #98b3e4; /*Silver; */
    border: none 0px;
}

.tabButtonContainer
{
    padding-left: 3px;
    margin-bottom: 7px;
    border-bottom: solid 1px #c0c0c0;
}

.tabButtonClick
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #f58025;
    font-weight: bold;
	background: #ffffff; 
	cursor: pointer;
	border-right: #c0c0c0 1px solid; 
	border-top: #c0c0c0 2px solid;
    border-left: #c0c0c0 1px solid; 
    border-bottom: #ffffff 0 none;
    position: relative;
    top: 1px;
    padding: 2px 10px 2px 10px;
    margin: 2px 0 0 0;
    vertical-align: bottom;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.tabButton
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #007bc1;
    font-weight: bold;
	border: #c0c0c0 1px solid; 
	border-bottom: #ffffff 0 none;
    background: #e7e7e7; 
    cursor: pointer;
    padding: 2px 10px 2px 10px;
    margin: 2px 0 0 0;
    vertical-align: bottom;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.tabButtonReadonly
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: Silver; /*#202020;000*/
    font-weight: bold;
	border: #c0c0c0 1px solid; 
	border-bottom: #ffffff 0 none;
    background: #e7e7e7;
    cursor: pointer;
    padding: 2px 10px 2px 10px;
    margin: 2px 0 0 0;
    vertical-align: bottom;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

legend
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight: bold;
	color: #003366;
}

.divYellowBG
{
	background-color: #f9f9f9;
    border: solid 1px #bbb;
	padding: 2px;	
}

/* === Error Page === */
.ErrorHtml
{
    margin: 0 0 0 0 ; 
    padding: 0 0 0 0; 
    border: none 0px; 
    height: 100%; 
    overflow: hidden;
}

.ErrorBody
{
    margin: 4px 0 0 0;
    padding: 0 0 0 0; 
    height: 100%; 
    overflow: hidden;
    background-image: url(../image/home/AFSLogo_Lightblue.jpg); 
    background-position:center center; 
    background-attachment:fixed; 
    background-repeat: no-repeat;
    font-family:Arial, Helvetica, sans-serif; 
}

.ErrorDiv
{
    height:99%; 
    width: 99%;
    border: solid 1px black; 
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    text-align: center;
}

.ErrorTitle
{
	color: Red;
	font-weight:bold;
	font-size: 16px;
}
.MsgTitle
{
	color: Blue ;
	font-weight:bold;
	font-size: 16px;
}

.ErrorDetail
{
	color: Black;
	font-weight:normal;
	font-size: 14px;
}

.OAbody 
{
    background-image: url(../Image/bg2a.gif); 
    background-repeat: repeat; 
    background-color: Silver;
    margin: 4px 4px;
}

.OABB 
{ 
    color : #ffffff;
    text-decoration : none;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10pt;
    font-weight : bold;
}

.OAFieldBack
{
	border-style: solid;
	border-color: #BAB696;
	border-width: 1px;
	color : #000000;
	background: #FFFFFF;
}

.OAFieldBackRO
{
	border-style: solid;
	border-color: #BAB696;
	border-width: 1px;
	background: #FFFFFF;	
}
.OAWatermark
{
	border-style: solid;
	border-color: #BAB696;
	border-width: 1px;
	color : #BEBEBE;
	background: #FFFFFF;
}
input.FieldBackDisable, textarea.FieldBackDisable
{
	border-style: solid;
	border-color: #BAB696;
	border-width: 1px;
	color : #000000;
	background-color: #f0f0f0;
}


.OAFieldBackOption
{
	color: #000000;
	background-color: #fffff0;
	background: #fffff0;
	border: none;
}
.OAFieldChechBox
{
	background-color: #fffff0;
	background: #fffff0;
}

.OAFieldBackSmall
{
	border-style: solid;
	border-color: #BAB696;
	border-width: 1px;
	font-size : 10px;
	color: #000000;
	background: #FFFFFF
}

.OAtxtBodyBlack
{
	color : #000000;
	text-decoration : none;
	font-weight : normal;
	/*background-color:#fffff0;*/
	background-color:#f9f9f9;
}

.OAtxtBodyBlackStaff
{
	color : #000000;
	text-decoration : none;
	font-weight : normal;
	background-color:#f5f5f5;
}

.OAHostingSubHeaderBackground
{
	background-color: #00aeef;
	border: none;
	padding: 4px 7px 5px 7px;
	vertical-align: middle;
}
 
.OAHostingSubHeaderBackground .OABB 
{
	text-decoration : none;
    font-weight : bold;
    color: #ffffff; /*#002244;*/
}
.OAMiniHeaderBackground
{
	background-color:#fffff0; /*5580dd;*/
	background-image: url(../Image/OnlineApplication/Up_2.jpg);
	background-repeat: repeat-x;
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: none;
}

.modalBackground {
   	background-color:Gray;
    filter:alpha(opacity=80);
    opacity:0.8;
}

.OAFormName 
{
	font-weight: bold;
	font-size: 12pt;
	color: #6495ED;
	margin-left: 30px;
}

.PTtxtBodyBlack .OAFormName {
	margin-left: 0;
}

.divOAMenu {
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 4px;
	border: solid 1px #aabbff;
	background-color: #ffffff;
}

.divOAPaper 
{ 
	width: 794px; 
	margin: 0 auto 0 auto;
	padding-top: 15px;
	padding-bottom: 20px;
}

.divOA20Paper 
{ 
	margin-top: -25px;
}


.divOASave
{
	padding: 4px 0 4px 7px;
}

.bttnHilight
{
	background:#ffa822 url(../image/btn_bg_submit.gif) left center repeat-x; 
	border:1px solid #d5bd98; 
	border-right-color:#935e0d; 
	border-bottom-color:#935e0d;
	cursor: pointer;
	color: #103d66;
	padding-left: 10px;
	padding-right: 10px;
	overflow: visible;
}
.bttnHilight:active 
{
	border:1px solid #935e0d; 
	border-right-color:#d5bd98; 
	border-bottom-color:#d5bd98;
}

.bttnRed 
{
	border:1px solid #d5bd98; 
	border-right-color:#935e0d; 
	border-bottom-color:#935e0d;
	color: #ffffff;
	background: #ff0000 url(../Image/btn_red.gif) left center repeat-x; 
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration:none; 
	font-weight: bold; 
	white-space: nowrap; 
	margin: auto auto; 
	cursor: pointer;
	overflow: visible;

}

.bttnRed:active 
{
	border:1px solid #935e0d; 
	border-right-color:#d5bd98; 
	border-bottom-color:#d5bd98;
}

.PTtxtBodyBlack
{
	color : #000000;
	text-decoration : none;
	font-weight : normal;
	background-color:#E7EFF7;
} 
.PTline
{
	color :Gray ;
 width :90%;
 height :1px;
} 
.divPTPaper 
{ 
	width: 690px; 
	margin: 0 auto 0 auto;
	padding-top: 0px;
	padding-bottom: 20px;
}
.PTbttn
{
	background: #505050;
	vertical-align: middle;
	color:#FFFFFF;
	padding:2px 8px 2px 8px;
	text-decoration:none; 
	font-weight: bold; 
	border-right: solid 1px #505050;
    border-bottom : solid 1px #505050;
   	border-top: solid 1px #c3c1c1;
   	border-left: solid 1px #505050;
	font-style: normal; 
	/*line-height: 12px; */
	white-space: nowrap; 
	margin: auto auto; 
	cursor: pointer;
	background-image: url(../Image/b1.jpg);
	background-repeat: repeat-x;
	background-position: left center; 
	overflow: visible;
}
.PTFormName 
{
	font-weight: bold;
	font-size: 12pt;
	color: #6495ED;
	margin :10px;
}
.PTHeader
{
	color:#FFFFFF;
	font-size: 11px; 
	font-weight: bold; 
}
.white
{
    color: #ffffff;
}
.tabButton2Container
{
    border-bottom: solid 4px #6c7f9e;
    vertical-align: bottom;
    white-space: nowrap;
}
.tabButton2
{
    font-weight: bold;
    border-top: solid 1px #999999;
    border-right: solid 1px #222222;
    border-bottom: none 0;
    border-left: solid 1px #888888;
    color: #777777;
    background-color: white;
    margin: 0;
    padding: 2px 7px;
    vertical-align: bottom;
}
.tabButton2Click
{
    color: #ffffff;
    font-weight: bold;
    background-color: #6c7f9e;
    background-image: url(../image/btn_silver.gif);
    background-repeat: repeat-x;
    border-top: solid 1px #999999;
    border-right: solid 1px #222222;
    border-bottom: none 0;
    border-left: solid 1px #888888;
    margin: 0;
    padding: 4px 7px 2px 7px;
    vertical-align: bottom;
}
.progressWrapper {
	width: 400px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}

/* Error */
.progressError {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.progressCurrent {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.progressComplete {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 10px;
	font-weight: bold;
	color: #555;
	width: 355px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../CoreFunction/FileManager/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

.info {
   color: #808184;
}

.document {
   background-color: White;
   border: solid 1px #98b3e4;
   padding: 4px 4px;
   margin: 4px 4px;
   text-align: center;
}

.document:hover{
  background-color: #eaf2fb;
}

input[readonly="readonly"][type="text"], textarea[readonly="readonly"], 
input[disabled="disabled"][type="text"], textarea[disabled="disabled"], 
input[readonly="readonly"][type="radio"], input[disabled="disabled"][type="radio"],
input[readonly="readonly"][type="password"], input[disabled="disabled"][type="password"],
input[readonly="readonly"][type="checkbox"], input[disabled="disabled"][type="checkbox"]
select[disabled="disabled"]
{
    color: #000; /*#202020;*/
    background-color: #fff; /*#e0e0e0;*/   
}
/* For FireFox */
.bttn[disabled][type="submit"], .bttn[disabled][type="button"] 
{ 
    color: silver; 
    cursor: auto; 
}

.bttn0[disabled][type="submit"], .bttn0[disabled][type="button"] 
{ 
    color: silver; 
    cursor: auto; 
}
.bttn4[disabled][type="submit"], .bttn4[disabled][type="button"] 
{ 
    color: silver; 
    cursor: auto; 
}
/* THE FOLLOWING ARE GUIDELINES FOR THE ONLINE INQUIRY FORM, SO IT SHOULD BE USED AS REFERENCE
MANY OF THIS STYLES HAVE TO BE MODIFIED FOR CROSS BROWSER PURPOSES
*/

.OIButtonGreen {
	background: -moz-linear-gradient(center top , #B0BC22 0%, #7B8217 100%)
	repeat scroll 0 0 transparent;
    	border-width: 0;
    	color: #FFFFFF !important;
    	font-size: 12px;
    	font-weight: bold;
    	padding: 5px 10px;
    	text-align: center;
}

.OIButtonGreen:hover {
    background: -moz-linear-gradient(center top , #7B8217 0%, #B0BC22 100%)
repeat scroll 0 0 transparent;
}

.OIButtonGray {
	background: -moz-linear-gradient(center top , #717073 0%, #898989 100%)
	repeat scroll 0 0 transparent;
    	border-width: 0;
    	color: #FFFFFF !important;
    	font-size: 12px;
    	font-weight: bold;
    	padding: 5px 10px;
    	text-align: center;
}

.OIButtonGray:hover {
    background: -moz-linear-gradient(center top , #898989 0%, #717073 100%)
repeat scroll 0 0 transparent;
}



.OIExtraOptionsDiv {
	color: #717073;
	font-size:12px;
	font-style : italic;
	height: 30px;
	/*width: 90px;
	background: #F6F6F6;*/
	
	padding: 10px;
}

.OISmallDropdown {
	color: #717073;
	font-size:12px;
	 font-style : italic;
	height: 25px;
	/*width: 90px;*/
	padding: 3px;
	border: 1px solid #d7d7d7;
}

.OIInputField {
	color: #717073;
	font-size:12px;
	height: 25px;
	/*font-weight: italic;
	width: 250px;*/
	padding: 5px;
	border: 1px solid #d7d7d7;
}

.OIHeading2 {
	color: #808080/*#003468*/;
	font-size:12px;
	font-weight: bold;
}

.OIHeading {
	color: #003468;
	font-size:18px;
	font-weight: bold;
}
.OIcbx {
    border: none 0;
    font-size:12px;
    color: #808080;
    font-weight: bold;
 }
 .OItxt {
     font-size:12px;
    color: #717073;
 
 }
 .OIlb {
   font-size:12px;
    color: #717073;
     vertical-align :top; 
     height: 25px;  
 }

.BoxShadow {
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,.5);
}

.RowHover tr.tbLine1:hover, .RowHover tr.tbLine2:hover
{
	background-color: #ffdead;
	/* outline: #33cc00 solid 2px; */
}
.tagScreen {
    font-size:12px;
    line-height: 25px;
    text-align: center;
    background: #9347cc url('../Image/bg_Tag_ScreenAlert.png') repeat-x left center;
    height: 25px;
    display: inline-block;
    padding-left:10px;
    padding-right: 10px;
    margin-top: 3px;
    margin-right: 5px;
    
}
.tagScreenOrg {
    font-size:12px;
    font-weight: bold;
    line-height: 25px;
    background-color: #F44336;
    text-align: center;
    height: 25px;
    display: inline-block;
    padding-left:10px;
    padding-right: 10px;
    margin-top: 3px;
    margin-right: 5px;
    border-radius: .25em;    
}
.cc-selector input[type="radio"].Smiley-rdo {
    margin: 0;
    padding: 0;
    display: none;
}

.Smiley-cc {
    cursor: pointer;
    background-size: 35px;
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 65px;
    height: 35px;
    margin-left: 15px;
    margin-right: -45px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}


/*
    List Of CSS for UX upgrade 
*/
input[type="checkbox"] {
    position: relative;
    top: 2px;
}
.adjustToMatchWIthTable{
    position: relative;
    top: 4px;
}
.searchIcon_1stepback:before{
	content:url("../Image/search.gif");
    position:relative;
    top:5px;        
}

.searchIcon_1pstepback:before{
	content:url("./../Image/search.gif");
    position:relative;
    top:5px;        
}
.CalendarIcon_1stepback:before{
	content:url("../Image/Calendar.gif");
    position:relative;
    top:5px;        
}
.CalendarIcon_2stepback:before{
	content:url("../../Image/Calendar.gif");
    position:relative;
    top:5px;        
}

/*---------------------*/
option:disabled,select:disabled,input:disabled{
    cursor:no-drop;
    color: graytext;
}
/*---------------------*/
.ddl_Width60 {
    Width:60px;
}
.ddl_Width65 {
    Width:65px;
}
.ddl_Width80 {
    Width:80px;
}
.ddl_Width100 {
    Width:100px;
}
.ddl_Width180 {
    Width:180px;
}
.ddl_Width182 {
    Width:182px;
}
.ddl_Width200 {
    Width:200px;
}
.ddl_Width202 {
    Width:202px;
}
.ddl_Width402{
    width:402px;
}
.ddl_Width421{
    width:421px;
}
.ddl_Width900{
    Width:900px;
}
.ddl_Width901{
    Width:901px;
}
/*---------------------*/
.div_MinWidth50{
    min-width: 50px;
}
.div_MinWidth75{
    min-width: 75px;
}
.div_MinWidth100{
    min-width: 100px;
}
.div_MinWidth150{
    min-width: 150px;
}
.div_MinWidth200{
    min-width: 200px;
}
.div_MinWidth212{
    min-width: 212px;
}
.div_MinWidth215{
    min-width: 215px;
}
.div_MinWidth240{
    min-width: 240px;
}
.div_MinWidth500{
    min-width: 500px;
}
.div_MinWidth700{
    min-width: 700px;
}
.div_MinWidth900{
    min-width: 900px;
}
/*---------------------*/
.div_Width15per{
    width:15%;
}
.div_Width20per{
    width:20%;
}
.div_Width24per{
    width:24%;
}
.div_Width25per{
    width:25%;
}
.div_Width26per{
    width:26%;
}
.div_Width27per{
    width:27%;
}
.div_Width28per{
    width:28%;
}
.div_Width29per{
    width:29%;
}
.div_Width30per{
    width:30%;
}
.div_Width33per{
    width:33%;
}
.div_Width50per{
    width:50%;
}
.div_Width75per{
    width:75%;
}
.div_Width80per{
    width:80%;
}
.div_Width88per{
    width:88%;
}
.div_Width89per{
    width:89%;
}
.div_Width90per{
    width:90%;
}
.div_Width95per{
    width:95%;
}
.div_Width100per{
    width:100%;
}
.div_Width891{
    width:891px;
}
.div_Width900{
    width:900px;
}
.div_Width908{
    width:908px;
}
/*---------------------*/
.txt_Width115{
    Width:115px;
}
.txt_Width140{
    Width:140px;
}
.txt_Width180{
    Width:180px;
}
.txt_Width200{
    Width:200px;
}
.txt_Width900{
    Width:900px;
}
/*---------------------*/
.txtHeaderWhite{
    height: 21px;
    color: #ffffff;
    font-size: 13px;
}
.showTxtDisable{
    cursor: no-drop;
    background-color: whitesmoke !important;
}
.txtFilterPopup{
    width: 100%;
    height: 19px;
    border: 1px solid #ccc;
    border-radius: 1px;
}
/*---------------------*/
.label_Width100{
    width:100px;
}
.label_Width150{
    width:150px;
}
/*---------------------*/
.float_Left{
    float:left;
}
.float_Right{
    float:right;
}
.align_Left{
    text-align:left;
}
.align_Right{
    text-align:right;
}
.align_Center{
    text-align: center;
}
/*---------------------*/
.paddingRight1{
    padding-right: 1%; 
}
.paddingLeft2px{
    padding-left:2px; 
}
.paddingRight2px{
    padding-right:2px; 
}
.paddingTop2px{
    padding-top:2px
}
.paddingButtom2px{
    padding-bottom:2px
}
.paddingLeft3px{
    padding-left:3px; 
}
.paddingRight3px{
    padding-right:3px; 
}
.paddingTop3px{
    padding-top:3px
}
.paddingButtom3px{
    padding-bottom:3px
}
.paddingLeft4px{
    padding-left:4px; 
}
.paddingRight4px{
    padding-right:4px; 
}
.paddingTop4px{
    padding-top:4px
}
.paddingButtom4px{
    padding-bottom:4px
}
.paddingLeft5px{
    padding-left: 5px; 
}
.paddingRight5px{
    padding-right: 5px; 
}
.paddingTop5px{
    padding-top:5px
}
.paddingButtom5px{
    padding-bottom:5px
}
.paddingRight10px{
    padding-right: 10px; 
}
.paddingLeft10px{
    padding-left:10px
}
.paddingTop10px{
    padding-top:10px
}
.paddingButtom10px{
    padding-bottom:10px
}
.paddingLeft20px{
    padding-left: 20px; 
}
.paddingRight20px{
    padding-right: 20px; 
}
.paddingTop20px{
    padding-top:20px
}
.paddingButtom20px{
    padding-bottom:20px
}
.paddingAll5px{
    padding:5px;
}
.paddingAll10px{
    padding:10px;
}
.paddingAll15px{
    padding:15px;
}
/*---------------------*/
.position_Top2minor{
    position:relative;
    top:-2px;
}
.position_Top3minor{
    position:relative;
    top:-3px;
}
.position_Top2{
    position:relative;
    top:2px;
}
.position_Top3{
    position:relative;
    top:3px;
}
/*---------------------*/
margin_LeftAuto{
    margin-left:auto;
}
.margin_Left2{
    margin-left:2px
}
.margin_Left3{
    margin-left:3px
}
.margin_Left4{
    margin-left:4px
}
.margin_Left5{
    margin-left:5px
}
.margin_LeftMinus2{
    margin-left:-2px
}
.margin_LeftMinus3{
    margin-left:-3px
}
.margin_LeftMinus4{
    margin-left:-4px
}
.margin_LeftMinus5{
    margin-left:-5px
}
.margin_TopMinus5{
    margin-top:-5px
}
.margin_Left15 {
    margin-left: 15px;
}
.margin_Left16 {
    margin-left: 16px;
}
.margin_Left17 {
    margin-left: 17px;
}
.margin_Left18 {
    margin-left: 18px;
}
.margin_Left19 {
    margin-left: 19px;
}
.margin_Left20 {
    margin-left: 20px;
}
.margin_Left24 {
    margin-left: 24px;
}
.margin_Left73 {
    margin-left: 73px;
}
.margin_Left84 {
    margin-left: 84px;
}
.margin_Left87 {
    margin-left: 87px;
}
.margin_Left88 {
    margin-left: 88px;
}
.margin_Left94 {
    margin-left: 94px;
}
.margin_Left127{  
    margin-left:127px;
}
.margin_Left168{
    margin-left:168px;
}
.margin_Left174{  
    margin-left:174px;
}
/*---- SPECIAL CSS SETTING FOR FIREFOX and IE browser-----------------*/
/*---------------------*/
/*Fire fox 180*/ 
@-moz-document url-prefix() 
{
    .margin_Left127{  
        margin-left:125px;
    }
    .margin_Left174{  
        margin-left:180px;
    }
    .margin_Left94 {
        margin-left: 94px;
}
    .div_Width891 {
        width: 893px;
    }
    .ddl_Width901 {
        Width: 904px;
    }
    .ddl_Width402{
        width:399px;
        }
    .ddl_Width421{
            width:431px;
     }
    .margin_Left88 {
        margin-left: 86px;
    }
}
/*IE 174*/ 

/*Chorme 170*/ 
@media screen and (-webkit-min-device-pixel-ratio: 0) 
{  
    .margin_Left174 {
        margin-left: 170px;
    }
}

/*---------------------*/
.grayBoxBorder{
    padding: 4px 4px;
    border: solid 1px #e7e7e7;
}