BODY
{
    font-size: 10pt;
    color: #2f3132;
    font-family: Arial, Helvetica;
	
	/*Added by Ling*/
	scrollbar-shadow-color:#CCDDEE;
	scrollbar-face-color:#EFF7FF;		
	scrollbar-3dlight-color: Gray;
	scrollbar-arrow-color:#000000;
	scrollbar-highlight-color:White;
}

.white{
	background-color: #FFFFFF;
}

.secretquestionbackgr
{
	background-color: #EFF3F8;
}

.cursor {  cursor: hand}

.auditFooter
{
	background-color: #FAF8B7;
	Color: #4A3C8C;
}

.auditHeader
{
	background-color: #FFFBD6;
	Color: #333333;
}

.MenuBackGround
{
	background-color: #FFFFFF;
}

TD
{
    font-size: 10pt;
    color: #2f3132;
    font-family: Arial, Verdana;
}

.DCFTotalHeader
{
	background-color:  #eff3f8;
	color: #334477;

}

.DCFBorderColor
{
	background-color: #D0D0D0;
	color: #B5B5B5;

}

.black
{
	background-color: #afafaf;
}

.header
{
	background-color: #CCDDEE;
    font-size: 10pt;
    color: #2f3132;
    height:23;
    font-family: Arial, Helvetica;
    border-top:#afafaf 1px solid;
    border-left:#afafaf 1px solid;
    border-right:#afafaf 1px solid;
}

.header_NoBorder
{
	background-color: #CCDDEE;
    font-size: 10pt;
    color: #2f3132;
    height:23;
    font-family: Arial, Helvetica;
}


H3
{
    font-weight: bold;
    font-size: 11pt;
    color: #000000;
    font-family: Arial, Helvetica;
}
A:link
{
    color: #334477;
    font-family: Arial, Helvetica;
}
A:active
{
    color: #ffffff;
    font-family: Arial, Helvetica;
}

A:hover
{
	 color: #E86900;
}
A:visited
{
    color: #667682;
    font-family: Arial, Helvetica;
}
.smallText
{
    font-size: 8pt;
    color: #667682;
    font-family: Arial, Helvetica;
}
.navText
{
   font-size: 10pt;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
}
A.tabBeige
{
    font-size: 9pt;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    text-decoration: none;
}

A.tabActive
{
    font-size: 9pt;
    font-weight:bold;
    color: #63666B;
    font-family: Arial, Helvetica;
    text-decoration: none;
}

.newtabBeige
{
    font-weight: bold;
    font-size: 9pt;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    text-decoration: none;
    border-collapse:collapse;
	border-top:#000080 1px groove;
}
.newtabBeige1
{
     border-collapse:collapse;
	border-top:#ffffff 0px solid;
 }

.firsttab
{
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: Arial, Helvetica;
    text-decoration: none;
    border-collapse:collapse;
	border-top:#000080 1px solid;
    border-right:#000080 1px solid;
}
A.tabBeige:visited
{
    color: #FFFFFF;
}
A.tabBeige:hover
{
	color: Red;
}
.tabWhite
{
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: Arial, Helvetica;
    text-decoration: none;
}
   
A.tabWhite:visited
{
    color: #ffffff
}
.newtabBlack
{
	font-weight: bold;
	font-size: 9pt;
	color: Black;
	font-family: Arial, Helvetica;
	text-decoration: none;
    border-collapse:collapse;
	border-top:#000080 1px solid;
    border-bottom:solid 1px #000080;
}
.newtabBlack1
{
	font-weight: bold;
	font-size: 9pt;
	color: Black;
	font-family: Arial, Helvetica;
	text-decoration: none;
    border-collapse:collapse;
    border-bottom:solid 1px #000080;
}
A.tabBlack
{
	font-size: 9pt;
	font-weight:bold;
	color: #734D8C;
	font-family: Arial, Helvetica;
	text-decoration: none;

}
A.tabBlack:visited
{
	color: Black;
}
.tabDesc
{
    font-size: 9pt;
    color: #63666B;
    font-family: Arial, Helvetica;
    border-bottom: thin solid 1px #8599BA;
    border-left: thin solid 1px #8599BA;
    border-collapse:collapse;
    
}
.kNormal {
    font-size: 1em;
    color: #2f3132;
    font-family: Arial,Verdana,sans-serif;
}
.kSmall
{
    font-size: 12pt;
    color: #000000;
    font-family: Arial, Verdana;
}
.kTiny
{
    font-size: 7pt;
    color: #000000;
    font-family: Arial, Verdana;
}
.kTitle
{
    font-weight: bold;
    font-size: 12pt;
    color: #000000;
    font-family: arial, Verdana;
}
.borderSmall
{
	font-size: 7pt;
	color: White;
	font-family: Arial, Verdana;
}
.headerTable
{
    border-right: 0px;
    border-top: 0px;
    margin: 0px;
    border-left: 0px;
    border-bottom: 0px;
    background-color: #ffffff;
    border: #336699;
}
.headerTD
{
    font: bold 11px Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    width: 317px;
    color: #557799;
    height: 20px;
    background-color: #fff4dc;
    cell-padding: 3;
    cell-spacing: 0;
}
INPUT
{
    font-size: 9pt;
/*	border: solid #797C45 1px */
	/*solid#797C45*/
	
}
TEXTAREA
{
    font-size: 9pt;
}
OPTION
{
    font-size: inherit!important;
}
SELECT
{
    font-size: 9pt;
}

.buttonTextFieldBorder
{
	border: solid #797C45 1px;	
	font-family:Arial,verdana,geneva;
	font-size: 9pt;
}

/* Added by Khaled for links */
a.link:link       {
	color: #003366;
	text-decoration: none;
}
a.link:visited    {
	color: #003366;
	text-decoration: none;
}
a.link:active     {
	color: #003366;
	text-decoration: none;
}
a.link:hover      {
	color: #800000;
	text-decoration: underline;
}

.kErrorHeader
{
	font-weight: bold;
	font-size: 12pt;
	color: #3E93BB;
	font-family: Arial, Verdana;
}
.kNormalRed
{
	font-size: 10pt;
	color: Red;
	font-family: Arial, Verdana;
}

.kMenu A:link       {
	color: #003366;
	text-decoration: none;
}
.kMenu A:visited    {
	color: #003366;
	text-decoration: none;
}
.kMenu A:active     {
	color: #003366;
	text-decoration: none;
}
.kMenu A:hover      {
	color: #E86900;
	text-decoration: underline;
}


/* Added by Ling for report */
.rTitle {
	font:			bold 15px Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	background:		#FFFFFF;
}

.rEven{
	background-color: #FFFFFF;
}
.rOdd{
	background-color: #EEEEEE;
}

/* Added by Ling for dashboard */
.blueBorder{
	border-top: 1px solid #CCDDEE; 
	border-bottom: 1px solid #CCDDEE;
	border-left: 1px solid #CCDDEE;
	border-right: 1px solid #CCDDEE;
}

.RollOver
{
	background-color: #D9D9E7;
}
.RollOut
{
	background-color: #eff3f8;
}

.formBackGround
{
	background: #DDEEFF;
}

.propertyRow
{
	border-right: solid #d0d0d0 1px;
	border-bottom: solid #afafaf 1px;
	background-color:#DDEEFF
}

.propertyName
{
	text-align:left;
	width:180px;
	border-right: solid #d0d0d0 1px;
	border-bottom: solid #afafaf 1px;
	background-color:#DDEEFF
}
.propertyValue
{
	text-align:Left;
	width:300px;
	border-right: solid #d0d0d0 1px;
	border-bottom: solid #afafaf 1px;
	background-color:#DDEEFF
}


@media print 
{
	.noprint 
	{
		display:		none;
		visibility:		hidden;
		width:			0px;
		height:			0px;
		font-family:	Arial,verdana,geneva;
		font-size:		x-small ;	
	}
}

.alignTop
{
	vertical-align: top;
}

.annotatedTextArea
{
	border: 1px solid gray; 
	overflow:hidden
}

.annotatedNormal 
{ 
	background-color:inherit; font-weight: normal;  
}

.annotatedTableColor
{
	 background-color:#DDDDDD;
}
.tb40
{
   width : 40%;
   text-align:center;
   background-color: #afafaf;
   margin-left:30%; 
   margin-right:30%;

}
.tbdetail40
{
   width : 40%;
   background-color: #afafaf;
   margin-left:30%; 
   margin-right:30%;

}
.tb30
{
   width : 30%;
   text-align:center;
   background-color: #afafaf;
   margin-left:35%; 
   margin-right:35%;
}

.tbdetail30
{
   width : 30%;  
   background-color: #afafaf;
   margin-left:35%; 
   margin-right:35%;
}
.tbdetail30noBG
{
   width : 30%;
   margin-left:35%; 
   margin-right:35%;
}

.tb77
{
   width : 77%;
   text-align:center;
   background-color: #afafaf;
   margin-left:12%; 
   margin-right:11%;
}

.tbdetail77
{
   width : 77%;
   background-color: #afafaf;
   margin-left:12%; 
   margin-right:11%;
}
.tbdetail77noBG
{
   width : 77%;   
   margin-left:12%; 
   margin-right:11%;
}
.tb50
{
   width : 50%;
   text-align:center;
   background-color: #afafaf;
   margin-left:25%; 
   margin-right:25%;
}

.tbdetail50
{
   width : 50%;  
   background-color: #afafaf;
   margin-left:25%; 
   margin-right:25%;
}

.tbdetail85
{
   width : 85%;
   background-color: #afafaf;
   margin-left:8%; 
   margin-right:7%;
}
.tbdetail85noBG
{
   width : 70%;
   margin-left:8%; 
   margin-right:7%;
}
.tbdetailUARpt85noBG
{
   width : 85%;
   margin-left:8%; 
   margin-right:7%;
}

input[type="radio"] {
    /* remove standard background appearance */
    -webkit-appearance: auto !important;
    -webkit-box-sizing: unset !important;
    -moz-appearance: none !important;
    appearance: none !important;
    /* create custom radiobutton appearance */
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    padding: 0px !important;
    /* background-color only for content */
    background-clip: content-box !important;
    border: 1px solid silver !important;
    background-color: white !important;
    border-radius: 50% !important;
}

input[type="radio"]:disabled {
    background-color: #f5f5f5;
    border-color: silver;
}

input[type="radio"]:focus {
    outline: none !important;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
    -webkit-appearance: auto !important;
    -webkit-box-sizing: unset !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    /* background-color only for content */
    background-clip: content-box !important;
    border: 1px solid #4281f5 !important;
    border-radius: 50% !important;
    padding: 3px !important;
    background-image: linear-gradient(to bottom, #4281f5 0%, #4281f5 100%), linear-gradient(to bottom, white 0%, white 100%) !important;
    background-clip: content-box, padding-box !important;
    box-sizing: revert !important;
}

input[type="checkbox"] {
    /*-webkit-appearance: none;
    -webkit-box-sizing: unset !important;*/
    height: 13px;
    width: 13px;
    cursor: pointer;
    position: relative;
    -webkit-transition: .15s !important;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px !important;
    border-color: gray;
    background-color: white;
}

input[type="checkbox"]:disabled {
    background-color: #f5f5f5;
    border-color: silver;
}

input[type="checkbox"]:checked {
    background-color: #4281f5;
    border-color: #4281f5;
}

input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 13px !important;
    height: 13px !important;
    line-height: 2em !important;
    text-align: left !important;
    color: #fff !important;
    content: '' !important;
}

input[type="checkbox"]:checked:before {
    left: 3px !important;
    top: 0px !important;
    width: 3px !important;
    height: 7px !important;
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
    -webkit-transform: rotate(40deg) !important;
    -ms-transform: rotate(40deg) !important;
    transform: rotate(40deg) !important;
}
.Goto {
    color: #003366 !important;
    font-weight: bold;
    vertical-align: middle !important;
    font-size: 1rem !important;
}

/*.act-icon {
    width: 20px;
    height: 20px;
    margin: 2px;
}*/
.act-icon {
    width: 25px;
    height: auto;
    margin: 1px;
}

.vsr-act-icon {
    width: 20px;
    height: auto;
    margin: 1px;
}
.headercaption {
    background: rgb(0, 128, 192) !important;
    color: white;
    font-weight: bold !important;
    font-size: 11pt !important;
    height: 40px !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9 !important;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: white !important;
}

.table-striped td {
    vertical-align: middle !important;
}