html, body /* Set body default Text style, container */
{
    font-family  : Arial, Helvetica, sans-serif;
    font-size    : 12px;
    height: 100%; 
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px; 
    margin-right:0px; 
}

.MyTextBox  /* TextBox Style */ 
{  
    border:1px solid #C4C4C4;
    background-color:White; 
    height:20px; 
    Font-Size:12px;   
    vertical-align:middle; 
    color:Black;
}

.MyTextBoxReadOnly  /* TextBox Read ONly Style */  
{
   border:1px solid #C4C4C4;
   background-color:#DADADA; 
   height:20px; 
   Font-Size:12px;   
   vertical-align:middle; 
   color: #838383;
}  

.MyDropDownList  /* General drop down list style*/
{  
    padding:3px 0px 0px 3px;
    border:1px solid #C4C4C4;
    background-color:White;    
    height:21px; 
    Font-Size:12px;
    Color:Black;
    cursor:pointer;
    font-family:Arial;   
}        

.MyTransparentDropDownList  /* For Dropdown list extender */
{
  padding:3px 0px 0px 1px;
  border:0px none #ffffff;
  background-color:White;    
  height:20px; 
  Font-Size:12px;
  Color:Black;
  vertical-align:middle;
  cursor:pointer;
}

.MyTransparentDropDownListReadOnly /* For Dropdown list extender in disable status */
{
  padding:3px 0px 0px 1px;
  border:0px none #ffffff;
  background-color:#DADADA;    
  height:20px; 
  Font-Size:12px;
  Color:Black;
  vertical-align:middle;
  cursor:pointer;
  color: #838383;
}


.MyTransparentDropDownListDiv  /* For Dropdown list extender in div element */
{
   border  :1px solid #C4C4C4;
   height:24px;
   cursor:pointer;
}

.MyDropDownList_Link_Element  /* For Dropdown list extender item style */
{
  text-align:left;
  border:0;  
  background:transparent;   
  height:28px; 
  Font-Size:12px;
  cursor:pointer;
  color:Black;
  text-decoration:none;
  overflow:hidden;
}

.MyDropDownList_Link_Element:hover /* For Dropdown list extender item style in mouse hover event */
{
  text-align:left;
  border:0;  
  background:transparent;   
  height:28px; 
  Font-Size:12px;
  cursor:pointer;
  color:#FFA500;
  text-decoration:none;
  overflow:hidden;
}

.MyDropDownList_Header  /* For Dropdown list extender item header style */
{  
    font-weight:bold;
    text-decoration:underline;
}


.PanelDisable  /* disabled panel color  */
{
  background-color:Transparent;
}

.PanelDisable input[type=text]  /* textbox background color into disable panel */
{
  background-color:#DADADA;
  color: #838383;
}

.PanelDisable select
{
	background-color:#DADADA;
	color: #838383;
}

.MyImageButton /* Set up some image Icon position */
{
    vertical-align:top; 
    padding-top:3px;     
}


.MyButton /* Button Style */
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    cursor:pointer;
    background:url('../pic/MyBtn_BackGround.PNG') no-repeat; 
    width:70px;
    font-weight      : bold;
    font-family: Arial;
    height:26px;
}


.MyButton_110px /* Button Style in width 110px*/
{
cursor:pointer;
 background:transparent; 
 background-image:url(../pic/MyBtn_BackGround_110px.PNG); 
 background-repeat:no-repeat;
 border:none;    
 height:26px;
 width:110px;
 font-weight      : bold;
 font-family: Arial;
}

.MyButton_140px /* Button Style in width 140px*/
{
 cursor:pointer;
 background:transparent; 
 background-image:url(../pic/MyBtn_BackGround_140px.PNG); 
 background-repeat:no-repeat;
 border:none;    
 height:26px;
 width:140px;
 font-weight      : bold;
 font-family: Arial;
}



.MenuTopMainStatic /* Set Top Menu Bar Static Style */
{  
    top: -1px;
    left: 3px;
    height: 16px;
    
}

.MenuTopMainItemStatic /* Set Top Menu Bar Item Static Style */
{
    vertical-align:middle;  
    padding-left : 4px;
    padding-right : 4px;
    Color:black;
    font-size:12px;
    font-weight : bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align : left;
    width: 50px;
}

.MenuTopMainItemStaticHover /* Set Top Menu Item Hover Style */
{
    color:#ff9933;
}


.MenuItemDynamic /* Set Menu Item Style */
{
    font-weight : bold; 
	Color:Black;
	font-size:12px;
	position:relative;
	text-align:center;	
    vertical-align:middle;
    padding-left : 4px;
    padding-right : 4px;
    padding-top :5px;
    padding-bottom:5px;
    background-color:#ffffff;
    border:0px;
    height:20px;
}

.MenuItemDynamicBorder table /* Set Menu item seperator image into center */
{
    text-align:center;
}

.MenuItemDynamicBorder /* Set Menu item border */
{
    border:1px solid #CCCCCC;
}

.MenuItemDynamicHover /* Set Menu Item Hover Style */
{
    font-weight : bold;
    font-size:12px;
	position:relative;
	text-align:center;	
    vertical-align:middle;
    padding-left : 4px;
    padding-right : 4px;
    padding-top :5px;
    padding-bottom:5px; 
    background-color:#333333;
    color:White;
    border:0px;
    height:20px;
    cursor:pointer;
}


.MasterPage_DropDownList_Element /* Master Page Drop Down List Item Style */
{  
    padding:0px 0px 0px 3px;
    text-align:left;
    border:0;  
    background:transparent;   
    height:22px; 
    Font-Size:12px;
    cursor:pointer;
    color: Black;
}


.MasterPage_DropDownList_Element:hover /* Master Page Drop Down List Item Style: hover event */
{  
    padding:0px 0px 0px 3px;
    text-align:left;
    border:0;  
    background:transparent;   
    height:22px; 
    Font-Size:12px;
    cursor:pointer;
    color:Orange;
}

.MasterPage_MyDropDownList_Main   /* Master Page Service Drop Down List */
{  
    padding:5px 0px 5px 5px;
    border:0;    
    height:20px; 
    Font-Size:12px;
    Color:White;
    vertical-align:top;
    cursor:pointer;
}

.MasterPage_Footer_linkButton  /* Master Page Footer Style */
 {
    text-decoration:none;
    font-weight      : bold; 
	Color:White;
	font-size:12px;   
}

.MasterPage_popupControl   /* Master Page Popup control style - logout company information*/
{
    border: 1px solid Gray;
    background-color:#FFFFFF;
    position:absolute;
    visibility:hidden;
    padding:2 2 2 2;
    text-align:right;
    top: 131px;
    left: 917px;
}

.DetailInputFormTBStyle    /* Input detail form outer layer table width */  
{
  width:1080px;
  background:#FFF;
  margin-left:auto;
  margin-right:auto;
  margin-top: auto;
}

.DetailInputFormGridViewPanel /* Input detail form Grid View Panel Style */
{
    border:1px solid #C4C4C4;
}

.ToolBar  /* Tool Bar Style */
{
    background-image:url(../pic/ToolBarBg.PNG);
    background-position:left top;
    background-repeat:repeat-x;
}

.ToolBartr  /*Set Tool Bar height's Style */
{
    height:34px;
}

.ToolBarlinkButton  /*  Tool Bar LinkButton Style */
{
    color: black;  
    text-decoration: none;
    cursor:pointer;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.ToolBarlinkButton:hover  /*  Tool Bar LinkButton Style: Hover Event */
{
    color:Orange;  
    text-decoration: none;
    cursor:pointer;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.ToolBarVLine  /*  Tool Bar seperator */
{
    width: 1px; 
    height: 11px;
    padding-left:10px; 
    padding-right:10px
}


.ImgDivProgressStyle  /* The image show progress bar for ajax postback */
{
    position: absolute; 
    left: 50%;
    top: 50%; 
    visibility:visible; 
    vertical-align:middle; 
    border:1px; 
    border-style:solid; 
    border-color:#C4C4C4; 
    background-color:White;
}

.DetailInputFormGridLineStyle td  /* The detail input form Item grid style */
{
  border-style :solid;
  border-color :#D8DFE9;
  border-width :0px 0px 0px 0px;
  padding:0px;
}

.ModalPopUpROSpecialbgColor  /* The rocars special modal popup background color (light green color) */
{  
  background-color: #EFFFC9;    
} 


.ModalPopUpbgColor  /* The modal popup background color */
{  
  background-color:Gray;  
  filter:alpha(opacity=70);  
  opacity:0.7;      
} 

.ModalPopUpHeader_height30  /* The modal popup header style, maybe put into specific page later */
{
    background-color: #644F77;	/* maybe different in other modal popup */
    vertical-align: middle;
    height: 30px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}

.headerLeftPadding_Width10px /* For the header space before the title of the header*/
{
    width:20px;
}

.lbSettingHeader span  /* Setting function of Font Color & Header Color in table cell */
{
	color            : #FFFFFF;
	text-align       : left;
}

.lbSettingHeader    /* Setting function of Font Color & Header Color in table cell */
{
    background-color : #644F77;
    vertical-align : middle;
    height:30px;
    text-align:left;
}

 
.lbTDECHeader span  /* TDEC Service Font Color & Header Color in table cell */
{
  color  : #FFFFFF;
  text-align : left;
}

.lbTDECHeader  /* TDEC Service Font Color & Header Color in table cell */
{
  background-color  : #556D9D;
  vertical-align : middle;
  height:30px;
  text-align:left;
}
    
.lbROCARSHeader span  /* ROCARS Service Font Color & Header Color in table cell */
{
  color  : #FFFFFF;
  text-align : left;
}

.lbROCARSHeader td  /* ROCARS Service Font Color & Header Color in table cell */
{
  text-align : left;
}

.lbROCARSHeader  /* ROCARS Service Font Color & Header Color in table cell */
{
  background-color  : #3E925E;
  vertical-align : middle;
  height:30px;
  text-align:left;
} 

.MyDropDownList_Panel  /* use for panel which is map to dropdown extender */
{  
    text-align:left;
    border:solid 1px Gray;
    cursor:pointer;
    z-index: 99;
    background-color:White;
}


.PageShadow    /* use for detail page shadow  */
{
  width:32px;
  height:620px;
}

.pagerLeftRightMarginWidth		/* For all gridview's pager */
{
	width: 10px;
}

.watermarked		/* For textbox watermarking style - currenty used in BillPDFMain page. */
{
	color:gray;
	line-height: 20px;
}



 /* Start Gridview Style */
.gv_SETHeaderStyle       /* The Sitting page's gridview header */
{
    background-color  : #644F77;
    vertical-align : middle;
}

.gv_SETHeaderStyle th     /* The Setting page's gridview header */
{ 
    height:30px;
    font-weight:normal;
    color  : #FFFFFF;
    /*text-align : center;*/
    padding: 0;
}

.gv_SETHeaderStyle th a    /* The Setting page's gridview header */
{ 
    text-decoration: none;
    color  : #FFFFFF;
}

.gv_TDHeaderStyle       /* The TDEC page's gridview header */
{
    background-color  : #556D9D;
    vertical-align : middle;
}

.gv_TDHeaderStyle th a     /* The TDEC page's gridview header */
{ 
	text-decoration: none;
	color  : #FFFFFF;
}

.gv_TDHeaderStyle th     /* The TDEC page's gridview header */
{ 
    height:30px;
    font-weight:normal;
    color  : #FFFFFF;
    padding: 0;
}

.gv_ROHeaderStyle       /* The ROCARS page's gridview header */
{
    
    background-color  : #3E925E;
    vertical-align : middle;
 
   
}

.gv_ROHeaderStyle th     /* The ROCARS page's gridview header */
{ 
    height:30px;
    font-weight:normal;
    color  : #FFFFFF;
   /*text-align : center;*/
    padding: 0;
}

.gv_ROHeaderStyle th a     /* The ROCARS page's gridview header */
{ 
	text-decoration: none;
	color  : #FFFFFF;
}

.gv_AlternatingRowStyle     /* The gridview's Alternating Row Style in all page */
{
    background-color: #F3F3F3;
    color: #333333;
    text-align: center;
    height: 25px;

}

.gv_AlternatingRowStyle:hover       /* The gridview's Alternating Row Style when mouse hover in all page : Hover Event */
{
    background-color: #CCCCFF;
    cursor:pointer;
}

.gv_RowStyle        /* The gridview's Row Style in all page */
{
    background-color: White;
    color: #333333;
    text-align: center;
    height: 25px;
}

.gv_RowStyle:hover      /* The gridview's Row Style when mouse hover in all page : Hover Event */
{
    background-color: #CCCCFF;
    cursor:pointer;
}

.gv_EmptyDataRowStyle       /* The gridview's Style when there are no any data in all page */
{
    background-color: #644F77;
    font-weight: bold;
    color: #333333;
}

.gv_FooterStyle     /* The gridview's Footer Style , May be useless*/
{
    background-color: White;
    font-weight: bold;
    color: White;
    height: 0px;
}

.gv_PagerStyle      /* The gridview's pager Style , May be useless*/
{
    color: #333333;
    text-align: right;
}

.gv_SelectedRowStyle    /* The gridview's Selected Row Style , May be useless*/
{
    background-color: #D1DDF1;
    font-weight: bold;
    color: #333333;
}
/* End Gridview Style */



/* Start For Pop up */
.ModelPopUpNoticePanel     /* This class use for modal popup for Notice, such as delete, OK confirmation Dialog, if the popup is use for Input screen, please use alternative style  */
{                       
    text-align:center;     /* For Notice Pop up only */
  background-color: #f3f3f3;
}
      
.ModelPopUpNoticePanel span /* This class use for modal popup for Notice, such as delete, OK confirmation Dialog, if the popup is use for Input screen, please use alternative style */
{                           /* For Notice Pop up only */
  font-weight:bold;
  font-Size:12px;
}


.ModelPopUpNoticePanelMarginWidth /* This class use for modal popup for Notice, such as delete, OK confirmation Dialog, if the popup is use for Input screen, please use alternative style */
{                               
  width:20px;
}

.ModelPopUpNoticeRowHeight25px td           /* For all normal row's height, add at 2013/10/25 by Yuk*/
{                                /* For all Pop up */
  height:25px;
}

.ModelPopUpNoticeRowHeight15px td       /* For all space row's height, add at 2013/10/25 by Yuk*/
{                            /* For all Pop up */
  height:15px;
}

.PopUpInputPanel       /* For the text style of all popup windows, add at 2013/10/25 by Yuk*/
{                           /* For all Input Pop up */
 background-color: #ffffff;
}

.PopUpInputPanel span       /* For the text style of all popup windows, add at 2013/10/25 by Yuk*/
{                           /* For all Input Pop up */
  font-Size:12px;
  text-align:left;
}

.PopupInputHeaderLeftMarginWidth /* For the space before the title of the header of all popup windows, add at 2013/10/25 by Yuk*/
{                                 /* For all Input Pop up */
    width:20px;
}
                                    
.PopUpInputRowHeight25px td           /* For all normal row's height, add at 2013/10/25 by Yuk*/
{                                /* For all Input Pop up */
  height:25px;
}

.PopUpInputRowHeight15px td       /* For all space row's height, add at 2013/10/25 by Yuk*/
{                            /* For all Input Pop up */
  height:15px;
}
/* End For Pop up */



/* Start - calendar style*/
.MyCalendar table td    /* make sure the height is always 20px, prevent the outside css table affect the calendar's table*/
{
    height:20px;

}

.MyCalendar .ajax__calendar_container   /* Calendar's container style */
{  
    background-color: #ffffff;   
    border:solid 1px #cccccc;  
}  
  
.MyCalendar .ajax__calendar_header      /* Calendar's header style */
{  
    background-color: #ffffff;   
    margin-bottom: 4px;  
}  
  
.MyCalendar .ajax__calendar_title,  /* Calendar's header font and button style */
.MyCalendar .ajax__calendar_next,  
.MyCalendar .ajax__calendar_prev    
{  
    color: #004080;   
    padding-top: 3px;  
}  
  
.MyCalendar .ajax__calendar_body    /* Calendar's body style */
{  
    background-color: #ffffff;   
    border: solid 1px #cccccc;
    height:140px;  
}  
  
.MyCalendar .ajax__calendar_dayname     /* Calendar's week day font style */
{  
    text-align:center;   
    font-weight:bold;   
    margin-bottom: 4px;   
    margin-top: 2px;  
}  
  
.MyCalendar .ajax__calendar_day     /* Calendar's day font style */
{  
    text-align:center;  
}  
  
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,      /* Calendar's hover of day, month, year style */
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,  
.MyCalendar .ajax__calendar_hover .ajax__calendar_year,  
.MyCalendar .ajax__calendar_active  
{  
    color: #004080;   
    font-weight: bold;   
    background-color: #ffffff;  
}  
  
.MyCalendar .ajax__calendar_today     /* Calendar's hover of today, title and other style */
{  
    font-weight:bold;  
}  
  
.MyCalendar .ajax__calendar_other,  
.MyCalendar .ajax__calendar_hover .ajax__calendar_today,  
.MyCalendar .ajax__calendar_hover .ajax__calendar_title 
{  
    color: #bbbbbb; 
}
/* End - calendar style*/



/* Start -- ajax style */
.ajaxTabStyle .ajax__tab_header		/* currently used in ReportView.aspx */
{
    text-align: left;
}

.ajaxTabStyle .ajax__tab_tab		/* currently used in ReportView.aspx */
{
    background-image:url(../pic/TabBtn_120.PNG); 
    background-position:left bottom;
    background-repeat: no-repeat;
    font-family:Arial;
    font-weight: bold;
    font-size:12px;
    height: 21px;
    width: 120px;
    color: #A9A9A9 ;
    padding-top: 5px;
    cursor:pointer;
}

.ajaxTabStyle .ajax__tab_hover .ajax__tab_tab		/* currently used in ReportView.aspx */
{
    background-image:url(../pic/TabBtn_OnMouseOver_120.PNG); 
    color: Black;
}

.ajaxTabStyle .ajax__tab_active .ajax__tab_tab		/* currently used in ReportView.aspx */
{
    background-image:url(../pic/TabBtn_Selected_120.PNG); 
    height:23px;
    color: Black;
}
/* End -- ajax style */

.RegulrExpressAlertStyle /* Reqular Expression Alert Font Style */
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: Red;
}

.PanelCreditLimitStyle  /* Credit Limit Header Style */
{
    background-color:White; 
    height:180px;
    width: 300px;
}


.TabbuttonStyle   /* Tab Button Style */
{
  background:transparent; 
  background-image:url(../pic/TabBtn.PNG); 
  background-position:left bottom;
  background-repeat: no-repeat;
  border:none; 
  height:26px;
  width:107px;
  cursor:pointer;
  color:#A9A9A9;
  font-family:Arial;
  font-weight: bold; 
  font-size:12px;
}

.TabbuttonStyle_Selected /* Tab Button Selected Style */
{
  background :transparent;
  background-image:url(../pic/TabBtn_Selected.PNG); 
  background-position:left bottom;
  background-repeat: no-repeat;
  border:none; 
  height:28px;
  width:107px;
  cursor:pointer;
  color:Black;
  font-family:Arial;
  font-weight      : bold; 
  font-size:12px;
}

.TabbuttonStyle_Selected_140 /* Tab Button Selected Style in 140 width - Payment Transaction used */
{
 background:transparent;
 background-image:url(../pic/TabBtn_Selected_140.gif); 
 background-position:left bottom;
 background-repeat: no-repeat;
 border:none; 
 height:28px;
 width:140px;
 cursor:pointer;
 color:Black;
    font-family:Arial;
    font-weight      : bold; 
	font-size:12px;
}

.TabbuttonStyle_OnMouseOver /* Tab Button on mouse over event */
{
 background:transparent; 
 background-image:url(../pic/TabBtn_OnMouseOver.PNG); 
 background-position:left bottom;
 background-repeat: no-repeat;
 border:none; 
 height:26px;
 width:107px;
 cursor:pointer;
 Color:Black;
    font-family:Arial;
    font-weight      : bold; 
	font-size:12px;
}


.lbshowError    /* Show Error Style */
{ 
  padding-left:5px;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:10px;
  margin-right:0px;
  font-size:12px;
  font-family : Arial; 
  background-color:#fcc9c9; 
  border: 1px solid #f33f3f; 
  display:block;
  font-weight   : normal;
  text-align:left;
}

.WarningBar	/* Show Notice Bar */
{ 
  
  padding-top:5px;
  font-size:14px;
  font-family : Arial;
  background-color:#FFFFCC; 
  display:block;
  font-weight: normal;
  text-align:left;
  height:30px;
  border: 1px solid #FFFFF1; 
}

.WarninglinkButton  /*  Auto Save LinkButton Style */
{
    color: #488AC7;  
    text-decoration: none;
    cursor:pointer;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.WarninglinkButton:hover  /* Auto Save LinkButton Style: Hover Event */
{
    color:Orange;  
    text-decoration: none;
    cursor:pointer;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.hiddenCol /* hidden column in the grid view */
{
  display: none;
}

.ShadowTopLeft /* Shadow Top Left */
{
  height:50px;
  background-image:url(../pic/leftTopShadow50px.png);
  background-repeat:no-repeat; 
}

.ShadowTopLeft td /* Assign TD width for fix Google Chrome */
{
  width:32px;
}

.ShadowTopRight /* Shadow Top Right */
{
  height:50px;
  background-image:url(../pic/rightTopShadow50px.png);
  background-repeat:no-repeat;  
}

.ShadowTopRight td /* Assign TD width for fix Google Chrome */
{
  width:32px;
}

.ShadowBottomLeft /* Shadow Bottom Left */
{
  height:50px;
  background-image:url(../pic/leftBotShadow50px.png);
  background-repeat:no-repeat;  
}

.ShadowBottomRight  /* Shadow Bottom Right */
{
  height:50px;
  background-image:url(../pic/rightBotShadow50px.png);
  background-repeat:no-repeat; 
}

.ShadowCenterRight /* Shadow Center Right */
{
  background-image:url(../pic/rightshadow.png);
  background-repeat: repeat-y;  
}

.ShadowCenterLeft /* Shadow Center Right */
{
  background-image:url(../pic/leftshadow.png);
  background-repeat: repeat-y; 
}

.ValidateFailTextBox  /* TextBox Style when fail the validation */
{ 
    border:1px solid #ff0000;
}

.MyButton_partialFirst /* Button Style partial first*/
{
 cursor:pointer;
 background:transparent; 
 background-image:url(../pic/MyBtn_BackGround_partial1.jpg); 
 background-repeat:no-repeat;
 border:none;    
 height:26px;
 width:95px;
 font-weight      : bold;
 font-family: Arial;
}   

.MyButton_partialSecond /* Button Style partial second*/
{
  border-style: none;
    border-color: inherit;
    border-width: medium;
    cursor:pointer;
    background:url('../pic/MyBtn_BackGround_partial2.jpg') no-repeat; 
    width:15px;
    font-weight      : bold;
    font-family: Arial;
    height:26px;
}

.fileUpload
{
    height: 100%;
    font-size:50px;
    color:White;
    border:0px solid #C4C4C4;
   
    position:absolute;
    cursor: pointer;
    top: 0;
    right: 0;
}

.fileUploadhidden 
{
    
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.fileUploadinputWrapper
{
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
}

.TransformTextboxMultiple
{
    z-index:3;
    height:100px;
    resize:none;
    background-color:#ffffff;
    Font-Size:14px;
    font-family:Arial;
    border:1px solid #C4C4C4;
    vertical-align:bottom;
    padding-top:2px;
    position: absolute;
    overflow:auto;
    padding:2px 2px 4px 2px;
}

.TransformTextboxSingle
{
    z-index:3;
    height:20px;
    resize:none;
    background-color:#ffffff;
    Font-Size:14px;
    font-family:Arial;
    border:1px solid #C4C4C4;
    vertical-align:bottom;
    position: absolute;
    padding-top:2px;
    overflow:auto;
    vertical-align:bottom;
    padding:2px 2px 4px 2px;
}

.MyButtonNonChineseInput
{
    -ms-ime-mode: disabled;
    ime-mode: disabled;
}

.ImgCustomArrow
{
  width : 16px;
  height: 12px;	
}


.light {
        font-size: 14px;
        background-color: #FFFFFF;
        border: 1px solid #2b7367;
        border-radius: 1em;
        color: #2b7367;
        padding: 5px 10px 5px 5px;
        cursor: pointer;
        outline:none;
        border-radius: 1em;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Noto Sans SC', Arial, Helvetica, sans-serif;
        
}
        
.buttontext {
padding-left: 5px;
overflow: hidden;
white-space: nowrap;
display: block;
text-overflow: ellipsis;
}