A {
	COLOR: #986834; TEXT-DECORATION: none
}
A:hover {
	COLOR: #C6004F; TEXT-DECORATION: underline
}
body         { margin: 0 }
#dropmenudiv {
	BORDER-RIGHT: 1px solid #000000; BORDER-TOP: 1px solid #000000; FONT-SIZE: 8pt; Z-INDEX: 100; BACKGROUND: #000000; FILTER: alpha(opacity=65); BORDER-LEFT: 1px solid #000000; LINE-HEIGHT: 18px; BORDER-BOTTOM: 0px solid #000000; FONT-FAMILY: 'Roboto', sans-serif; POSITION: absolute; opacity: .8
}
#dropmenudiv A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; WIDTH: 100%; TEXT-INDENT: 3px; PADDING-TOP: 1px; BORDER-BOTTOM: black 1px solid; TEXT-DECORATION: none
}
#dropmenudiv A:hover {
	BACKGROUND-COLOR: #c7ff5e
}
#dhtmltooltip
{
	border:1px solid #000000; z-index: 1000;
	FILTER: alpha(opacity=80);
	visibility: hidden;
	max-width:350px;
	min-width:170px;
	color: #000000;
	position: absolute;
	background-color: #D3DBDC;
	opacity: .85;
	
	
}
.tooltip{
	background-color:#CCC;
	font-style:italic;
}
.khung {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
.EventMenuLink {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: serif; TEXT-DECORATION: none
}
:hover.EventMenuLink {
	COLOR: #ff0000; TEXT-DECORATION: none
}
.EventFooter {
	FONT-SIZE: 11px; COLOR: #877357; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.form1 {
	BORDER-RIGHT: #990000 1px solid; BORDER-TOP: #990000 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #990000 1px solid; WIDTH: 140px; BORDER-BOTTOM: #990000 1px solid; HEIGHT: 15px
}
.unknown.form1 {
	BORDER-RIGHT: #edb520 1px solid; BORDER-TOP: #edb520 1px solid; BORDER-LEFT: #edb520 1px solid; BORDER-BOTTOM: #edb520 1px solid
}
.form2 {border:1px solid #996600;font-size:12px;font-weight:bolder;color:#660000;font-family:arial, helvetica, sans-serif;background-color:#FFCC99;padding:3px;}
.TextBg {
	FONT-SIZE: 11px; COLOR: #bcb7b5; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #655148
}
.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}

/* Code them */

.username{ 
	cursor: url(Images/MU.cur), auto;
    background-image:url(Images/username.gif); 
    background-position: 1px 1px; 
    background-repeat:no-repeat; 
    padding-left:20px; 
	font-family:tahoma;
	font-size:11px;	
} 
.password{ 
	cursor: url(Images/MU.cur), auto;
    background-image:url(Images/password.gif); 
    background-position: 1px 1px; 
    background-repeat:no-repeat; 
    padding-left:20px; 
	font-family:tahoma;
	font-size:11px;
}

/* List styles */
ul.Decimal {
	margin: 0px 0px 10px 25px;
}
	ul.Decimal li {
		list-style-type: decimal;
		margin-bottom: 3px;
		text-align: justify;
	}
ul.UpperAlpha {
	margin: 0px 0px 10px 25px;
}
	ul.UpperAlpha li {
		list-style-type: upper-alpha;
		margin-bottom: 3px;
		text-align: justify;
	}
ul.LowerAlpha {
	margin: 0px 0px 10px 25px;
}
	ul.LowerAlpha li {
		list-style-type: lower-alpha;
		margin-bottom: 3px;
		text-align: justify;
	}
	
ul.White {
	margin: 0px 0px 10px 5px;
}
	ul.White li {
		margin-bottom: 3px;
		background: url(images/content/icon_person.gif) 4px 8px no-repeat;
		padding-left: 20px;
		list-style-type: none;
		text-align: justify;
	}
		ul.White li ul.LowerAlpha li {
			list-style-type: lower-alpha;
			margin-bottom: 3px;
			background: none;
			padding-left: 0px;
		}
ul.Notice {
	margin: 0px 0px 1px 5px;
}
	ul.Notice li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_Notice.gif) 0px 7px no-repeat;
		padding-left: 15px;
		list-style-type: none;
		text-align: justify;
	}
	ul.LogoMu {
	margin: 0px 0px 1px 5px;
}

ul.Like {
	margin: 0px 0px 5px 5px;
}
	ul.Like li {
		list-style-type: none;
		background: url(../images/content/Icon_like.png) 1px 5px no-repeat;
		margin-bottom: 3px;
		padding: 0 0 0 15px;
		text-align: justify;
	}
	
	ul.Blue {
	margin: 0px 0px 10px 5px;
}
	ul.blue li {
		list-style-type: none;
		background: url(../images/content/Icon_blue.jpg) 1px 5px no-repeat;
		margin-bottom: 5px;
		padding: 0 0 0 15px;
		text-align: justify;
	}
	ul.blue2 li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_Blue2.png) 1px 5px no-repeat;
		padding-left: 22px;
		list-style-type: none;
		text-align: justify;
	}
	
	ul.red li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_red1.png) 1px 5px no-repeat;
		padding-left: 22px;
		list-style-type: none;
		text-align: justify;
	}
	
	ul.red2 li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_red2.png) 1px 5px no-repeat;
		padding-left: 22px;
		list-style-type: none;
		text-align: justify;
	}
	
	ul.red3 li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_red3.png) 1px 5px no-repeat;
		padding-left: 22px;
		list-style-type: none;
		text-align: justify;
	}
	
	ul.yellow li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_Yellow1.png) 1px 2px no-repeat;
		padding-left: 22px;
		list-style-type: none;
		text-align: justify;
	}
	ul.yellow2 li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_Yellow2.png) 1px 3px no-repeat;
		padding-left: 20px;
		list-style-type: none;
		text-align: justify;
	}
	
	
	ul.sao li {
		margin-bottom: 3px;
		background: url(../images/content/Icon-sao.gif) 1px 5px no-repeat;
		padding-left: 19px;
		list-style-type: none;
		text-align: justify;
	}
	
	ul.tatcontent1 li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_li.png) 1px 3px no-repeat;
		padding-left: 19px;
		list-style-type: none;
		text-align: justify;
	}
	
	
	ul.bullet {
	margin: 0px 0px 10px 5px;
}
	ul.bullet li {
		list-style-type: none;
		background: url(../images/content/Icon_bullet.png) 1px 5px no-repeat;
		margin-bottom: 5px;
		padding: 0 0 0 15px;
		text-align: justify;
	}
	
	ul.black {
	margin: 0px 0px 10px 5px;
}
	ul.black li {
		list-style-type: none;
		background: url(../images/content/Icon_Black.png) 1px 7px no-repeat;
		margin-bottom: 5px;
		padding: 0 0 0 12px;
		text-align: justify;
	}
	
		ul.Decimal li ul {
			padding-top: 5px;
		}
		ul.UpperAlpha li ul {
			padding-top: 5px;
		}
		ul.LowerAlpha li ul {
			padding-top: 5px;
		}
		ul.Icon li ul {
			padding-top: 5px;
		}
		ul.Dash li ul {
			padding-top: 5px;
		}
		ul.Disc li ul {
			padding-top: 5px;
		}
		
		

/* Text styles */
p.TextCenter {
	text-align: center;
}
.Strong01 {
	font-weight: bolder;
}
.Strong02 {
	color: #e29a00;
	font-weight: bolder;
}
.TextFont15 {
	font-size: 15px;
	font-weight: bolder;
	font-family: Arial;
}
.TextFont16 {
	font-size: 16px;
	font-weight: bolder;
	font-family: Arial;
}
.TextFont17 {
	font-size: 17px;
	font-weight: bolder;
	font-family: Arial;
}
/* END. Text styles */

/* CSS for Jewel Bank*/
input{vertical-align:baseline;margin:-3px 12px}
input{vertical-align:text-bottom;margin:0}

/* CSS for Jewel Bank*/



.TAT-TableHover {
    border: solid 1px #E5DDDC;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 15px Glory, sans-serif;
}
.TAT-TableHover thead th{
    background-color: #6E1206;
    border: solid 1px #DDEEEE;
    color: #e6e6e6;
    padding: 10px;
    text-align: left;
    text-shadow: 0px 0px 1px #ffcc66;
}
.TAT-TableHover tbody tr td {
    border: solid 1px #7C1B0E;
    color: #003366;
    padding: 5px;
    text-shadow: 0px 0px 0px #3a2620;
}
.TAT-TableHover-highlight tbody tr:hover {
    background-color: #fbaa5e;
}
.TAT-TableHover-horizontal tbody td {
	
    border-left: none;
    border-right: none;
}

/* CSS for Mu Bank Button */
.TATbutton1 {
  align-items: center;
  appearance: none;
  background-clip: padding-box;
  background-color: initial;
  background-image: none;
  border-style: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  flex-direction: row;
  flex-shrink: 0;
  font-family: Cabin,sans-serif;
  font-size: 14px;
  font-weight: 800;
  justify-content: center;
  line-height: 8px;
  margin: 0;
  min-height: 30px;
  outline: none;
  overflow: visible;
  padding: 10px 16px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  width: auto;
  word-break: keep-all;
  z-index: 0;
}

@media (min-width: 268px) {
  .TATbutton1 {
    padding: 5px 20px;
  }
}

.TATbutton1:before,
.TATbutton1:after {
  border-radius: 6px;
}

.TATbutton1:before {
  background-image: linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}

.TATbutton1:after {
  background-color: initial;
  background-image: linear-gradient(#541a0f 0, #0c0d0d 100%);
  bottom: 1px;
  content: "";
  display: block;
  left: 1px;
  overflow: hidden;
  position: absolute;
  right: 1px;
  top: 1px;
  transition: all 100ms ease-out;
  z-index: -1;
}

.TATbutton1:hover:not(:disabled):before {
  background: linear-gradient(92.83deg, rgb(255, 116, 38) 0%, rgb(249, 58, 19) 100%);
}

.TATbutton1:hover:not(:disabled):after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition-timing-function: ease-in;
  opacity: 0;
}

.TATbutton1:active:not(:disabled) {
  color: #ccc;
}

.TATbutton1:active:not(:disabled):before {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);
}

.TATbutton1:active:not(:disabled):after {
  background-image: linear-gradient(#541a0f 0, #0c0d0d 100%);
  bottom: 4px;
  left: 4px;
  right: 4px;
  top: 4px;
}

.TATbutton1:disabled {
  cursor: default;
  opacity: .24;
}