.button_off {font-family: 'Kanit'; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #006699; text-decoration: none; text-align: center; border-color: #6699FF #000066 #000066 #6699FF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.button_on {background-color: #CCCCFF; border: 1px #006699 solid; font-family: 'Kanit'; font-size: 12px; font-weight: bold; color: #0000FF; text-decoration: none; text-align: center}
.t_sep {background-color: #085A94}
.t_h0	{font-weight: bold; background-color: #5c99dc}
.tr_sum {font-weight:bold;}
.td_add {background-color: #ffffff}
.td_in {background-color: #FFFFFF}
.td_hint {color: #736F6E}
.hint {color:#736F6E; display:inline;}
.td_fbs {background-color: #ffffff}
.t_fb {background-color: #E1EBF4}
.tr_sel {font-weight:bold; background-color: #00FFFF}
.tr_0 {background-color: #eef4fe}
.tr_1 {background-color: #ffffff}
.txt_opp {border: 0; color: #ff0f0f; background-color: #E1EBF4}
.txt_bblk {border: 0; color: #000000; background-color: #E1EBF4; font-weight: bold;}
.rdoly {background-color: #E7E7E7}
body {margin-top: 3px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; background-color: #8DADC7; font-family: 'Kanit'; font-size: 10px}
td {font-family: 'Kanit'; font-size: 12px*/}
th {font-family: 'Kanit'; font-size: 13px; text-align: left; background-color: #8DADC7}
a {color: #006699}
/*
 .ix_sep separator
 .ix_ml muti-location
*/
.ix_sep	{display:; height:2px;}
.ix_ml {display:;}
.ix_ml_none {display:none;}

.x_show {display:;}
.x_hide {display:none;}

.spUsrLab
{
	color:white;
	font-weight:bold;
}
.spUsr
{
	color:white;
}
.spLocLab
{
	color:white;
	font-weight:bold;
}
.spLoc
{
	color:white;
}
/* =============== webcir.ajax ============================= */
#idOutAmount, #idFineAmount
{
	vertical-align:top;
}
/* =============== WebCir check in ========================= */
tfoot
{
	font-weight:bold;
}
.t_list 
{
   background-color: #eef4fe;
   border: 1px solid #338BA6;
   border-collapse: collapse;
   padding: 0;
}
.t_list th
{
   border: 1px solid #E1EBF4;
   vertical-align: top;
}
.t_list td
{
/*	border:1px solid black; */
   border-left: 1px solid #97E4F8;
   border-top: 1px solid #73C0D4;
   vertical-align: top;
}
.t_list tr.alt, .t_list td.alt
{
   background-color: #ffffff;
}
td.nowrap, th.nowrap
{
   white-space:nowrap;
}
td.currency, th.currency
{
	text-align: right;
   white-space: nowrap;   
}

.td_hide
{
   width:0px;
   display:none;
}

#idTextAlert, #idTextErr
{
   color:red;
   font-size:1.2em;
   font-weight:bold;
}
/*======================= Web Cir CheckIn page ===============*/

/*======================= Web Cir account page ===============*/
#idAcPatronPhoto
{
   border-style:none;
   max-height: 164;
   height:auto;
}

.acTabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.acTabs li {
	display: inline;
	margin: 0 2px 0 0;
}

.acTabs a {
	background:#ffffff;
	text-decoration: none;
}

.acTabs a:hover {
	background:#dddddd;
	color: #555;
}

.acTabs .tabSelected {
	background:#eee;
	color: 555;
}

.acTabs .tabSelected {
}

.acTabs .tabSelected a {
	background: #fff;
	color: #555;
	font-weight: ;
}
#payCaption {
   background: #fff;
}
.clsLoading
{
   text-align:center;
}

.pg
{
   display:none;
}

.pgSelected 
{
	background: #ffffff;
	border-top: 0px solid #eee;
	display:block;
	padding-top: 0.3em;
}

.pgSelected div 
{
	background: white;
	margin: 0;
}


.textAlert
{
	color:red;
	font-weight:bold;
}
.textInf
{
   font-weight:bold;
}
.wcButton
{
   width:6em;
}
.wcButtonLong
{
   width:10em;
}
/* ================ End of Web Cir account page ===============*/

/* ========= PatronAdd.jx ========= */
#idPatronImg
{
	border-style:none;
	height:164;
   vertical-align:bottom;
   margin-left:0.5em;
}

#idPatronEditMsg
{
	margin-top:1em;
	font-weight:bold;
}

#imgInp
{
 	margin-left:0.5em;
}

.iconLink
{
	border-style:none;
	vertical-align:bottom;
}

thead>tr>th {
	background-color: #9ec5fe !important;
}

tbody>tr>th {
	background-color: #CFE2FE !important;
}