/* Login page */
.accountLoginTable { 
    margin-top: 50px;
    width: 400px;
    text-align: center;
}
.accountLoginCell { 
    padding: 10px; 
    /* */
    border: solid #555555 1px; 
  /*   background-color: #FBFBFB; */
    /* */
    text-align: center;
}
#LogoLogin {
    width: 100%;
    height: 35px;
    background-color: #FFFFFF; /*#1B2E44;   */    	
     -webkit-border-radius: 15px;   
    -moz-border-radius: 15px;    
    border-radius: 15px; */
}
/* Login page */
.accountLoginTable_nobord { 
   /* background-color: #DBDEEB;
    margin-left: 50%;*/
	
    margin-top: 1%;
    width: 400px; 
    text-align: center;
	font-weight: bold;
}
.accountLoginCell_nobord { 
   /* padding: 10px; */
background: rgba(255, 255, 255, 0.08);
background: rgba(19, 17, 17, 0.62);

    text-align: center;
}


/* table containing vertical-separator (if any) and login text */
TABLE.accountLoginContentTable {
    width: 100%;
    text-align: center; /* left; */
}


/* Banner300 Image row */
TR.banner300ImageRow {
    /*background-image: url(...);*/
}
TD.banner300ImageCell {
    /* position: relative; <== to display text on top of image */
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #fFf;
}
SPAN.banner300ImageTitle {
    font-size: 16pt;
    font-weight: bold; 
    width: 100%;
    background-color: transparent;
    /* for displaying text on top of login banner-300 image *
    position: absolute;
    left: 20%;
    margin-left: -20px;
    top: 50%;
    transform: translateY(-50%);
    */
}
/* vertical separator (if any) */
TD.accountLoginVertSepCell {
    width: 10px;
    height: 100%;
    padding-right: 12px;
}

TD.accountLoginTextCell {
    width: 100%;
    text-align: center; /* left; */
	font-weight: bold;
    color: #fff;
}

/* Login form table */
TABLE.accountLoginFormTable {
    /* */
    padding-left:35px;
    /* */
}
TD.accountLoginFieldLabel {
    padding-top: 4px;
    padding-right: 4px;
    text-align: left;
    font-size: 12px;
	color:#FFF;
	font-weight: bold;
}
/* mao */
TD.accountLoginFieldLabel_mobile {
    padding-top: 4px;
    padding-right: 4px;
    text-align: left;
    font-size: 12px;
/*	color:#FFF; */
	font-weight: bold;
}

TD.accountLoginFieldValue {
    padding-top: 4px;
}
#accountLoginField, #userLoginField, #passwdLoginField, #emailLoginField {
    font-family: "Source Sans Pro",Tahoma,Geneva !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    border-color: transparent !important;
    color: #39C !important;
    height: 25px !important;
    cursor: pointer !important;
}
#loginButton {
	display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 9px;
    border: 1px solid #275a98;
    border-radius: 8px;
    background: #4aaaff;
    background: -webkit-gradient(linear, left top, left bottom, from(#4aaaff), to(#275a98));
    background: -moz-linear-gradient(top, #4aaaff, #275a98);
    background: linear-gradient(to bottom, #4aaaff, #275a98);
    -webkit-box-shadow: #8ed4f2 0px 0px 14px 0px;
    -moz-box-shadow: #8ed4f2 0px 0px 14px 0px;
    box-shadow: #8ed4f2 0px 0px 14px 0px;
    text-shadow: #17355a 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff!important;;
    text-decoration: none;
	/*
    font-size: 12px !important;
    width: 35% !important;
    height: 25px !important;
    color: #FFF !important;
    border-radius: 5px !important;
    border-color: transparent !important;    
    background-color: #47A3DA !important;
    box-shadow:rgba(0, 0, 0, 0.9) 0 16px 16px 0 !important;
    -webkit-box-shadow:rgba(0, 0, 0, 0.9) 0 16px 16px 0 !important;
    -moz-box-shadow:rgba(0, 0, 0, 0.9) 0 16px 16px 0 !important;
    cursor: pointer !important; */
}
#loginButton:focus, 
#loginButton:hover {
    /*
	ackground-color: #95CAE9 !important;
    font-weight: bold; */
	border: 1px solid #2e6ab3;
    background: #59ccff;
    background: -webkit-gradient(linear, left top, left bottom, from(#59ccff), to(#2f6cb6));
    background: -moz-linear-gradient(top, #59ccff, #2f6cb6);
    background: linear-gradient(to bottom, #59ccff, #2f6cb6);
    color: #ffffff;
    text-decoration: none;
}
#loginButton:active {
    background: #275a98;
    background: -webkit-gradient(linear, left top, left bottom, from(#275a98), to(#275a98));
    background: -moz-linear-gradient(top, #275a98, #275a98);
    background: linear-gradient(to bottom, #275a98, #275a98);	
	
}
#demoButton {
    font-size: 12px !important;
    width: 35% !important;
    height: 25px !important;
    color: #FFF !important;
    border-radius: 5px !important;
    border-color: transparent !important;    
    background-color: #47A3DA !important;
    box-shadow:rgba(0, 0, 0, 0.9) 0 16px 16px 0 !important;
    -webkit-box-shadow:rgba(0, 0, 0, 0.9) 0 16px 16px 0 !important;
    -moz-box-shadow:rgba(0, 0, 0, 0.9) 0 16px 16px 0 !important;
    cursor: pointer !important;
}
#demoButton:hover {
    background-color: #95CAE9 !important;
    font-weight: bold;
}