body {
 	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
} 
td,th { 
 	line-height: 28px;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:700;
color:#202124;
text-transform: capitalize;
}
 
@font-face { font-family: customFont; src: url("../fonts/font.ttf") /* TTF file for CSS3 browsers */}
  
.clear {clear: both; font-size: 0px; line-height: 0px; height:0;}
p {
  margin:0px;
    padding: 5px 0px 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}
ol,ul {	list-style: none;}

a {text-decoration:none; color:#fd0; font-weight: 700;}
a:hover {  color:#f00;}

img { border : 1px; }
input {   color: #2a2a2a;}
.input-warn {border:1px solid #FF0000;line-height:20px;	height:18px;}
.input-ok { border:1px solid #00CC66; line-height:20px;	height:18px;}

/*.button {
        background:url(../images/button_bg.gif) repeat-x;
	display: block;
	line-height: 29px; 
	height: 29px;  	
	font-size:10px;
	text-decoration: none;
	color:#ffffff; 
	border:none;
	text-align:center;
	padding: 0px 10px;  
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	cursor:pointer;
	min-width:60px;
}*/


.button {
color:#202124;
font-size: 14px;		
	background: #fd0;	
font-weight:700;
border-radius:2px;
	line-height:38px;
	padding:0px 100px!important;
	height:38px;
	min-width:258px;
	text-align:center;	
	display: inline-block;
	-webkit-transition: background-position .2s linear;
	-moz-transition: background-position .2s linear;
	-o-transition: background-position .2s linear;
	-ms-transition: background-position .2s linear;
	transition: background-position .2s linear;
}

.button:hover {
	text-decoration: none;
	color: #ffffff;	
background: #040c0e;
	background-position: -20px 94px;
}

input.button { 
	cursor: pointer;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	border: none;
	display: inline-block;
}
  
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.btn { 
	background: url(../images/btn-bg.png) repeat -20px 35px #867934; 	
	padding: 4px 15px;
	font-size: 11px;
	text-transform: uppercase;
	line-height:21px;
	color: #f7f7f7;	
	display: inline-block;
	text-decoration: none;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;	
	-webkit-transition: background-position .2s linear;
	-moz-transition: background-position .2s linear;
	-o-transition: background-position .2s linear;
	-ms-transition: background-position .2s linear;
	transition: background-position .2s linear;
	border:none;
} 	
button.btn span {
	 
}
button.btn:hover, button.btn:focus{
	text-decoration: none;
	color: #f7f7f7;	
	background-position: -20px 94px;	 
}
 
.btnwrapper {
margin-top:1px;
	overflow:hidden;
	float:left;
        border-radius: 2px;
        line-height: 40px;
        margin-left: 7px;
        border-radius: 4px;
        background: hsla(0,0%,39.2%,.03);
} 


a.btnBig{
	background: url('../images/btnBig_l.png') no-repeat top left;
	display: block;
	float: left; 
	line-height: 29px;  
	height: 29px;  
	padding-left: 10px;  
	text-decoration: none;
	color:#ffffff; 
}

a:link.btnBig, a:visited.btnBig, a:active.btnBig {
	color: #ffffff; /*button text color*/
}

a.btnBig span{
	background: url('../images/btnBig_r.png') no-repeat top right;
	display: block;
	line-height: 29px;
	padding-left:8px;
	padding-right:15px;
	text-transform:uppercase;
	font-size:10px;
}

a.btnBig:hover{ /* Hover state CSS */
	 
}

a.btnBig:hover span{ /* Hover state CSS */
	 
}  

a.btn{
	display: block;
	float: left; 
	line-height: 38px;  
	height: 38px;   
    color: #111111!important;

}
a:link.btn, a:visited.btn, a:active.btn{
	color: #fff; /*button text color*/
}

a.btn span{
	display: block;
	line-height: 38px;
padding-left: 5px;
padding-right: 5px;
font-weight: 700;
font-size:15px;
    border-radius: 4px;
    background: #fd0;
}

a.btn:hover{ /* Hover state CSS */
background: #292929;	
   border-radius: 4px; 
}

a.btn:hover span{ /* Hover state CSS */
color: #f00;	 
}  


a.btnB{
	background: url('../images/btnB_l.png') no-repeat center left;
	display: block;
	float: left; 
	line-height: 29px;  
	height: 29px;  
	padding-left: 10px;  
	text-decoration: none;
	color:#333333; 
}

a:link.btnB, a:visited.btnB, a:active.btnB{
	color: #333333; /*button text color*/
}

a.btnB span{
	background: url('../images/btnB_r.png') no-repeat top right;
	display: block;
	line-height: 29px;
	padding-left:5px;
	padding-right:15px;
}

a.btnB:hover{ /* Hover state CSS */
	background-position: bottom left;
}

a.btnB:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #333333;
}  
 
.textfiled {
	border:none;
	 margin:0;  position:relative; padding:4px 0px; width:auto; height:auto; background-image:none; background-color:#e5e5e5;
 	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
	-moz-box-shadow:    rgba(0, 0, 0, 0.6) 0 2px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
	box-shadow:         rgba(0, 0, 0, 0.6) 0 2px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
	height:20px;
	color:#333333;
	text-indent:7px;
	font-size:12px;

}
.textarea{
	border:none;
	 margin:0;  position:relative; padding:4px 0px; width:auto; height:auto; background-image:none; background-color:#e5e5e5;
 	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
	-moz-box-shadow:    rgba(0, 0, 0, 0.6) 0 2px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
	box-shadow:         rgba(0, 0, 0, 0.6) 0 2px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
 	color:#333333;
	overflow:auto;
	font-size:11px;

}
.select{
	border:none;
	 margin:0;  position:relative; padding:4px 0px; width:auto; height:auto; background-image:none; background-color:#e5e5e5;
 	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
	-moz-box-shadow:    rgba(0, 0, 0, 0.6) 0 2px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
	box-shadow:         rgba(0, 0, 0, 0.6) 0 2px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
	padding:4px;
	font-size:12px;
}


.clearfix:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix{
	display: inline;
	position: relative;
	}
/*\*/
.clearfix	{
	display: block;
}

.fl {float:left;}
.fr {float:right;}
.hidden {display:none;}
/* -------------------------------------------------------------------
 format text
------------------------------------------------------------------- */

.font_err {	color:#FF0000;}
.font_err a:active , .font_err a:link , .font_err a:visited {  text-decoration: none ; color:#FF0000}
.font_err a:hover {  color:#FF0000; text-decoration: underline; }


/********************* CSS for box_redirect ****************************/
#box_redirect{ border:1px solid #505050; width:70% ;margin:0px auto; background:#FFF;  }
#box_redirect p { line-height:18px;}
#box_redirect .top { background:#F78600;border-bottom:1px solid #5C5C5C; color:#FFFFFF;font-size:11px;font-weight:bold;text-transform:uppercase; height:22px;padding:2px; text-align:left; }
#box_redirect .fontMess {color:#65D700;font-size:12px; font-weight:bold;text-align:center;padding:20px 10px;}
#box_redirect .mess { background:#383838; color:#FFFFFF;text-align:center}
#box_redirect .bottom { background:#FFF3DD; color:#000;text-align:center;padding:5px; font-size:12px;}

/********************* CSS for boxMess ****************************/
#boxMess{  border:1px solid #F08200;padding:2px 5px; background:#FCF5CD }
#boxMess  h4.mess { background:url(../images/icon/icon_mess.gif) no-repeat left; padding:2px 30px; color:#FF0000; font-weight:bold; font-size:12px;}
#boxMess  h4.err { background:url(../images/icon/icon_warning.gif) no-repeat left; padding:6px 30px; color:#FF0000; font-weight:bold;}
#boxMess .font_err { color:#950000;}



/******************** PHAN TRANG **************/
.pagination{ 
 	padding:5px 0px; 
}
.pagination .pagetotal {
	padding:2px 3px;
}
.pagination a, .pagination a:visited{
	padding: 0px 2px;
	display:inline-block ;
	text-decoration: none; 
	color:#202124;
	font-weight:700;
        font-size:14px;
	width:30px;
	height:32px;
	line-height:32px;
	text-align:center;
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 1px 1px #0000003b, 0 3px 3px #30bddd3b;
}

.pagination a:hover, .pagination a:active{
	color: #ff0000;
	text-decoration:none;
	text-align:center;
}
.pagination a:hover{
	color: #f00!important;
	text-decoration:none;
	text-align:center;
}

.pagination .pagecur{
	font-weight: 700;
	display:inline-block ;
	padding: 0px 2px;
	background:#fd0;
	width:30px;
	height:32px;
	line-height:32px;
	text-align:center;
border-radius:4px;
color: #202124;
    box-shadow: 0 1px 1px #0000003b, 0 3px 3px #30bddd3b;
}

.pagination .btnPage{
	color:#202124;
	text-align:center;
	font-weight:500;
}
.pagination a:visited.btnPage  {
	color:#202124;
	font-weight:500;
}