/*############################################################## 
  #  Default CSS Stylesheet for a new Web Application project  #
  ##############################################################
  # Last Date Modified: 04 March 2004                          #
  #                 By: Kok Wai, Leong                         #
  ##############################################################*/

/*******************/
/* Page properties */
/*******************/
BODY
{
    /*
    scrollbar-3dlight-color:#ffffff;
    scrollbar-darkshadow-color:#999999;     
    scrollbar-face-color:#D8D7D7; 
    scrollbar-shadow-color:#808080;
    scrollbar-highlight-color:#dcdcdc;
    scrollbar-track-color:#E8E7E7; 
    scrollbar-arrow-color:#000000;  
    margin: 0px 0px 0px 0px ;
    overflow :auto;
    font-family :Tahoma;
    */
    padding-top: 5px;
    padding-bottom: 5px; 
    font-size: 11px; /* Normal 14px */
	/*font-family: "MS Sans-Serif",Sans-Serif;*/
    font-family: Verdana, Arial, sans-serif;
	background-color: #e6e6e6; /* Whisper */
    line-height:1.4;
}
/************************/
/* Hyperlink properties */
/************************/
A:link  
{
    text-decoration: none;
    color: Blue;    
}       
                
A:visited       
{       
    text-decoration: none;
    color: Blue;
}       
                
A:active        
{       
    text-decoration: none;
    color: Blue;
}       
                
A:hover 
{       
    text-decoration: underline;
    color: Blue;    
}

/*************************/
/* Tab Header properties */
/*************************/
.TabHeaderTitle
{
	padding-bottom: 3px;
	background-color: white;
	color: navy;
	font-weight: bold;
	padding-top: 3px;
    
    /*
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    */

}	

.TabHeaderSubTitle
{
	padding-bottom: 5px;
	background-color: #f0f0f0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: navy;
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
}

/*****************************/
/* Sub Tab Header properties */
/*****************************/

.SubTabHeaderTitle
{
	background-color: #B8CDE9;
	font-weight: bold;
	font-size: 11px;
	color: #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border : solid 1 #336699;
	height : 10;
	width : 103;	
}	


/*********************/
/* Footer properties */
/*********************/
.Footer
{
	background-color: #6698ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 11px;
	font-weight: bold;
}

/***************************/
/* Each Control properties */
/***************************/
.PageLeftBorder
{
	 /*background-color: #214263;*/
	 background-color: #336699;
	 vertical-align: top;
}

.LoginTableBox
{
	/* 17082007
	border-right: #0099ff 2px solid;
	border-top: #0099ff 2px solid;
	border-left: #0099ff 2px solid;
	width: 100%;
	border-bottom: #0099ff 2px solid;*/
	border-right: #9A0C0D 2px solid;
	border-top: #9A0C0D 2px solid;
	border-left: #9A0C0D 2px solid;
	width: 100%;
	border-bottom: #9A0C0D 2px solid;
}

.TableBorder
{
	border-right: #6699cc 2px solid;
	border-top: #6699cc 2px solid;
	border-left: #6699cc 2px solid;
	width: 100%;
	border-bottom: #6699cc 2px solid;        
}

.ContentWrap
{	
    padding:0px;
    margin:0px;
    vertical-align:middle;
    width:100px;	
}

.ContentAdd
{	
    padding:0px;
    margin:0px;
    vertical-align:middle;
    width:100px;	
    
}

.ContentMid
{	
    white-space:nowrap;
    padding:0px;
    margin:0px;
    vertical-align:middle;
    width:100px;	
    
}

.Content2Col
{	
    white-space:nowrap;
    padding:0px;
    margin:0px;
    vertical-align:middle;
    width:600px;	
    
}
.Content
{	
    /*
	color: black;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
    display:block;
    pointer-events:none;    
    */
    white-space:nowrap;
    padding:0px;
    margin:0px;
    /*vertical-align:bottom;*/
    vertical-align:middle;
    /*float:left; 
    width:100px;	*/
    
}

.ContentTextArea
{	
    /*
	color: black;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
    display:block;
    pointer-events:none;    
    */
    padding:0px;
    margin:0px;
    vertical-align:middle;
    float:left;
    width:100px;	
    
}


.ContentTop
{	
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
			
}

.AppContent
{	
	color: green;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
			
}


.Label
{
	/* Philip Ng 2013 06 03
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: Tahoma;
	vertical-align: top;*/

    /*	
	color: black;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align:top;
	height: 25px;
	*/

    white-space:nowrap;
    padding:0px;
    margin:0px;
    font-weight:400;

    /*font-weight: bold;
    vertical-align:bottom;
    display:block;
    pointer-events:none;    
    width:100px;	


    */

}



.LabelRadChk
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

.RadChk
{
	font-size: 11px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

.Button
{
	/*WIDTH: 100%; */
    height: 24px;
}

/*
.CommandButton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	width: 80px; 
    height: 20px;
}
*/

.DateInputField
{
	width: 75px;		 
}

.ListBox
{
	width: auto;
    height: 120px;
}

.DropDownList
{
	width: auto;
}

.BoundColumnItem
{	
	text-align: center;
	white-space: nowrap;
}	

/***********************/
/* Calendar properties */
/***********************/
.Calendar
{
	/* Header - Mon, Tue, Wed, Thu, Fri, Sat, Sun */
	color: red;		
	height: 20px;
	/*Width: 220px;*/
	background-color:  #5bbddc;
	
	padding-left: 2px;
	border-top-width: 1px;		
	border-bottom-width: 1px;
	border-left-width: 1px;	
	border-right-width: 1px;
	border-top-color: #5bbddc;
	border-bottom-color: #5bbddc;
	border-left-color: #5bbddc;
	border-right-color: #5bbddc;
		
	/* Font */	
    font-family: Verdana, Arial, Helvetica, sans-serif;    
	font-weight: bold;
	font-size: 11px;	
}

.CldTodayDayStyle
{
	color: black;	
	background-color: DeepSkyBlue;
}

.CldSelectedDayStyle
{
	font-weight: bold;
	color: #FFCC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.CldNextPrevStyle
{
	font-Size: 11px; 
	Color: #FFFFCC;
}

.CldDayHeaderStyle
{
	height: 1px; 
	background-color: SkyBlue;
}

.CldTitleStyle
{
	font-Size: 11px; 
	font-weight: bold;
	color: #FFFFCC; 
	background-color: #2799C9;
}

/***********************/
/* Datagrid properties */
/***********************/
.DatagridHeader
{

/*
  color:#D5DDE5;
  background:#1b1e24;
  border-bottom:1px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:11px;
  font-weight: 800;
  padding:20px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
  height: 30px;
*/
	background:  linear-gradient(#777, #444);
	border-left: 1px solid #555;
	border-right: 1px solid #777;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	box-shadow: inset 0 1px 0 #999;
	color: #fff;
   font-weight : bold;
	padding: 10px 15px;
	position: relative;
	text-shadow: 0 1px 0 #000;	
   height: 25px;

}
.DatagridHeader:first-child
{
    border-top-left-radius:3px;
}
.DatagridHeader:last-child
{
  border-top-right-radius:3px;
  border-right:none;
}


.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 200px;
  margin: auto;
  max-width: 99%;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}

.DatagridFooter
{
    /*
    color: Black; 
    background-color: #DDDDDD;
    white-space: nowrap;
    padding: 6px;
    border: 1px solid #000000;
    font-weight: normal; 
    */

/*
      border-top: 1px solid #C1C3D1;
      border-bottom: 1px solid #C1C3D1;

      border-right: 1px solid #fff;
      border-left: 1px solid #e8e8e8;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #e8e8e8;
*/
      border-top: 1px solid #C1C3D1;
      border-bottom: 1px solid #C1C3D1;
      border-right: 1px solid #C1C3D1;
      border-left: 1px solid #C1C3D1;


     color: #000000;
      /*color:#666B85;*/
      font-size:11px;
      font-weight:normal;
      /*text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
  	  text-shadow: 0 1px 0 #000;	*/

}


.DatagridItem
{
    /*
	color: Black;
	font-family: Verdana, Arial, sans-serif;
	background-color: #FCF8F2;
	padding: 6px; 
	border: solid 1px #326e87; 
    */
/*
      border-top: 1px solid #C1C3D1;
      border-bottom: 1px solid #C1C3D1;

      border-right: 1px solid #fff;
      border-left: 1px solid #e8e8e8;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #e8e8e8;

*/
      border-top: 1px solid #C1C3D1;
      border-bottom: 1px solid #C1C3D1;
      border-right: 1px solid #C1C3D1;
      border-left: 1px solid #C1C3D1;

        color: #000000;
      /*color:#666B85;*/
      font-size:11px;
      font-weight:normal;
      /*text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
   	  text-shadow: 0 1px 0 #000;	*/


}
.DatagridAlternateItem
{
    /*
      border-top: 1px solid #C1C3D1;
      border-bottom-: 1px solid #C1C3D1;
    */
    border-top: 1px solid #C1C3D1;
    border-bottom: 1px solid #C1C3D1;
    border-right: 1px solid #C1C3D1;
    border-left: 1px solid #C1C3D1;
    color: #000000;
    font-size: 11px;
    font-weight: normal; /*text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
   	  text-shadow: 0 1px 0 #000;	*/
}

.DatagridItem:hover, A:hover 
{
    background:#4E5066;
    color: #FFFFFF;
    border-top: 1px solid #22262e;
    border-bottom: 1px solid #22262e;
}


.DatagridItem:hover td {
  background:#4E5066;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}
.DatagridAlternateItem:hover td {
  background:#4E5066;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}

.DatagridItem:first-child
{
  border-top:none;
}
.DatagridItem:last-child
{
   border-bottom:none;
}

.DatagridAlternateItem:nth-child(odd) td {
  background:#EBEBEB;
}
.DatagridAlternateItem:nth-child(odd):hover td {
  background:#4E5066;
}
.DatagridItem:last-child td:first-child {
  border-bottom-left-radius:3px;
}
.DatagridItem:last-child td:last-child {
  border-bottom-right-radius:3px;
}

.DatagridAlternateItem td {
  background:#FFFFFF;
  padding:3px;
  /*text-align:left;*/
  vertical-align:middle;
  font-weight:300;
  font-size:11px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

.DatagridItem td{
  background:#FFFFFF;
  padding:3px;
  /*text-align:left;*/
  vertical-align:middle;
  font-weight:300;
  font-size:11px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

.DatagridItem td:last-child {
  border-right: 0px;
} 

.DatagridAlternateItem td:last-child {
  border-right: 0px;
} 

.DatagridEditItem
{
    /*
	font-weight: bold;
	color: Black;
	font-family: Verdana, Arial, sans-serif;
	background-color: #6699cc;
	white-space: nowrap;
    */
    
}

.DatagridSelectedItem
{
    /*
	font-weight: bold;
	color: white;
	font-family: Verdana, Arial, sans-serif;
	background-color: #F50103;
	white-space: nowrap;
    */
    
}


/**********************/
/* Bullets properties */
/**********************/
/*UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}
*/
HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/*****************/
/* Error Message */
/*****************/
.ErrorMessagePageValidation
{
    /*
	font-weight: bold;
	font-size: 10pt;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
*/
	color: red;
	font-style: normal;
}

.ErrorMessagePageValidation2
{
    /*
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
*/
	font-size: 12pt;	
	color: red;
	font-style: normal;
}
/*******************/
/* Menu properties */
/*******************/
.MenuContainer
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	background-color: #6699ff;
}

.MenuBar
{
	background-color: #6699ff;
	height: 21px;
	cursor: hand;
}

.MenuItem
{
	border-bottom: #6699ff 1px solid;
	border-left: #6699ff 0px solid;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica;
	color: navy;
	font-size: 11px;
	border-top: #6699ff 1px solid;
	cursor: hand;
	font-weight: bold;
	border-right: #6699ff 0px solid;
}

.MenuIcon 
{    
	cursor: pointer;     
	cursor: hand;     
	/* 17082007
	background-color: #FFB534;     
	border-left: #FFB534 1px solid;     
	border-bottom: #FFB534 1px solid;     
	border-top: #FFB534 1px solid;    */ 
	background-color: #6699ff;     
	border-left: #6699ff 1px solid;     
	border-bottom: #6699ff 1px solid;     
	border-top: #6699ff 1px solid;
	text-align: center;     
	width: 15;    
	height: 21;	
}

.SubMenu
{
	z-index: 1000;
	border-bottom: #fcc46e 0px solid;
	filter: progid:DXImageTransform.Microsoft.Shadow(color= 'DimGray' , Direction=135, Strength=3);
	border-left: #fcc46e 0px solid;
	background-color: #6699ff;
	border-top: #fcc46e 0px solid;
	cursor: hand;
	border-right: #fcc46e 0px solid;
}

.MenuItemSel 
{    
	/* 17082007
	background-color: #FFCF60;*/
	background-color: White;     
	cursor: pointer;     
	cursor: hand;     
	/* 17082007
	color: White;     */
	color:Black;
	font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica;     
	font-size: 11px;     
	font-weight: bold;     
	font-style: normal;
}

.MenuArrow 
{    
	font-family: Webdings;     
	font-size: 11px;     
	cursor: pointer;     
	cursor: hand;     
	/* 17082007
	border-right: #FFB534 1px solid;     
	border-bottom: #FFB534 1px solid;     
	border-top: #FFB534 0px solid;*/
	border-right: #E46426 0px solid;     
	border-bottom: #E46426 0px solid;     
	border-top: #E46426 0px solid;
}

/* Not Used in DNN Code */
.MenuBreak 
{    
	border-bottom: #404040 1px solid;     
	border-left: #FF8080 0px solid;     
	border-top: #FF8080 1px solid;      
	border-right: #404040 0px solid;     
	background-color: White; height: 1px;
}

/* Not Used in DNN code */
.RootMenuArrow 
{    
	font-family: Webdings;     
	font-size: 11px;     
	cursor: pointer;     
	cursor: hand;
}

.TextBoxRightAlign
{
	text-align:right;
}

.TextAreaField
{
	width: 100%;
	
}

.FormulaSymbol
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: 'Tahoma Black';
	width: 50px;
}

.FormulaListBox
{
	width : 300px;
	height : 200px;
}

.FormulaButton
{
	height : 30px;
}

.FormulaOK
{
	height: 25px;
	width: 50px;
}

/*******************/
/* Margin properties */
/*******************/

.LeftMargin
{
	/* 17082007
	background : #336699;*/
	background : #A1C7F4;
	width : 5%;
}


.menu
{
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
background-position:95% 20%;
background-repeat:no-repeat;
background-color:#6699FF;
border-width:thin;
border-style:solid;
border-color:#0258AB;
padding-top:7px;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;

}

.subMenu1
{
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#000080;
cursor: pointer;
background-color:#99CCFF;
border-width:thin;
border-style:solid;
border-color:#0258AB;
padding-top:7px;
padding-bottom:7px;
padding-left:15px;
padding-right:7px;

}


.btn{border-bottom: 0 none #a2a2a2;
    margin-top:-3px;display:inline-block;    display:inline;    zoom:1;    padding:4px 14px;    margin-bottom:0;    font-size:11px;line-height:20px;    line-height:20px;    text-align:center;    vertical-align:middle;    text-decoration:none;    cursor:pointer;    color:#333333;    text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;    background-repeat: repeat-x;
    background-color: #e6e6e6;
    border-radius: 2px;
    margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(top,#ffffff,#e6e6e6);
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: 0;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: 0;
}
.btn:hover,.btn:active,.btn.active, .btn.disabled, .btn[disabled]{color:#333333;background-color:#e6e6e6;background-color:#d9d9d9;}
.btn:active, .btn.active{background-color:#cccccc 0;}
.btn:first-child{margin-left:0;}
.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;-ms-transition:background-position .1s linear;transition:background-position .1s linear;}
.btn:focus{outline:thin dotted #333;outline:5px auto 0;outline-offset:-2px;color:white;}
.btn.active, .btn:active{background-color:#e6e6e6;background-color:#d9d9d9 0;background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);}
.btn-large{padding:8px 14px;font-size:11px;font-weight:900;line-height:normal;border-radius:2px;}
.btn-large [class^="icon-"]{margin-top:2px;}
.btn{border-color:#c5c5c5;border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);}

/*
.CommandButton.active{color:rgba(255,255,255,0.75);}
.CommandButton{height: 20px;width: 100px;font-weight: bold;color:#ffffff;text-shadow:none;background-color:#2FABF8;background-image:0;background-image:0;background-image:0;background-image:0;background-image:linear-gradient(top,#2FABF8,#0E4EC5);-imagebackground-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2FABF8',endColorstr='#ff0E4EC5',GradientType=0);border-color:#0938F3 #0344E9 #0357E9;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);background-color:#0E4EC5;}
.CommandButton:hover, .CommandButton:active, .CommandButton.active, .CommandButton.disabled, .CommandButton[disabled]{color:#ffffff;background-color:#0E4EC5;background-color:#0E4EC5;}
.CommandButton:active, .CommandButton.active{background-color:#0D7BC4 0;}
*/

.CommandButton {    	
    /*
	-moz-box-shadow:inset -2px 4px 7px 0px #97c4fe;
	-webkit-box-shadow:inset -2px 4px 7px 0px #97c4fe;
	box-shadow:inset -2px 4px 7px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;

	font-family:Arial;
	font-size:13px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	line-height:24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;

    */

	font-weight:bold;
	font-style:normal;
	text-align:center;
	font-size:11px;
	width: 90px; 
    height: 24px;
/* Add by CTTAX */
    border-radius: 4px;
    box-sizing: border-box;    
    background: linear-gradient(#97be10 0%, #79980d 100%);
    color: #ffffff;
    border: 1px solid #79980d;
}
.CommandButton:hover
{
    /*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
    */
    background-color: #C0C0C0;
/* Add by CTTAX */
    background: rgb(255,132,0); /* Orange */
    background: linear-gradient(rgb(255,132,0) 0%, rgb(236,101,0) 100%);
    text-shadow: 0 1px 2px  rgb(255,181,0); /* light Orange */
    border: 1px solid rgb(255,181,0); /* light Orange */
}.CommandButton:active {
	position:relative;
	top:1px;
/* Add by CTTAX */
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 12px rgba(236,101,0, .7);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.CommandButtonDisabled{
    color:#999999;                /* Sunken gray */
    background-color: #e6e6e6;    /* Whisper */
    border: 1px solid #999999;    /* Sunken gray */
    box-sizing: border-box;
    width: 90px;
    height: 24px;
    border-radius: 4px;
    box-sizing: border-box;
}



.CommandButton2 {
	-moz-box-shadow:inset -2px 4px 7px 0px #97c4fe;
	-webkit-box-shadow:inset -2px 4px 7px 0px #97c4fe;
	box-shadow:inset -2px 4px 7px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	line-height:26px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
	width: 120px; 
    height: 26px;
}
.CommandButton2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.CommandButton2:active {
	position:relative;
	top:1px;
}

/*****************/
/* Payment       */
/*****************/
.table
{
	background-color:White; width:800px
} 
    
/***********************/
/* Compay Reg/User Reg */
/***********************/
.styPrintNormal
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
} 

.styPrintBorderlessTxtArea
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    border-style: solid;
    border-width: 0;
    overflow: hidden;
    vertical-align: middle;
}


.styPrintBorderlessTxt 
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    border-style: solid;
    border-width: 0;
}
.styPrintBorderlessTxtGray 
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    border-style: solid;
    background-color: #e6e6e6;
    border-width: 0;
    width : 100px;
}

.styMaintTable
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
}

.styReadOnlyTextBox
{
    background-color: #CCCCCC;
    color: #666666;
	font-weight: bold;
}

.styReadOnlyTextArea
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #CCCCCC;
    color: #666666;
}
    
/* Phoebe 20131126: show-password checkbox */
form span label.show-password
{
	margin:8px 0 0 1px;
	color:#776;
}
form span label.show-password input
{
	cursor:default;
	position:relative;
	top:-1px;
}
form span label.show-password span
{
	white-space:nowrap;
	font-size: 11px;
	margin:0 0 0 8px;
	padding:0 15px 0 0;
	letter-spacing:-0.05em;
	background:url(../CTTax/images/alert10x10.html) no-repeat 100% 60%;
}

/* Phoebe 20131203: next page image*/
img.linkBtn
{
    border: 0;
    border-style:none;
    vertical-align: middle;       
}

/* Add by CTTAX */
input {
    box-sizing:border-box;
}
input {
    padding:2px 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .7) inset;
    /* White */
    /* White */
    border-top:1px solid #cccccc; /* Gray */
    border-left:1px solid #cccccc; /* Gray */
    border-radius: 2px;
    vertical-align:central;
    height:21px;
    overflow-y:auto;
    white-space:nowrap;
}
input:focus {
  border: 1px solid #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}