@import "button.css";
@import "icons.css";
@import "message_center.css";


html, div, map, dt, isindex, form, header, aside, section, section, article, footer {  
    display: block;  
} 

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background: #fff;
	font-size: 13px;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	overflow:hidden;
}

#warpper {
	margin:0;
	padding:0;
}



/* commons
----------------------------------------------- */
.clear {
	clear: both;
}

.spacer {
	height: 20px;
}

a:link, a:visited {
	text-decoration: none;
    outline: 0;
}

a:hover {
	text-decoration: none;
	outline: none;
}

a:active {
	text-decoration: none;
	outline: none;
}

a:focus {
  outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}

table, td, th{
	*border-collapse: collapse;
	border-spacing:0;

}


.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.fontwhite{
	color:#fff;
}

.small{
	font-size:9px;
}

.inline-ul li{
	display:inline; color:#fff;
}

.marginleft10{
	margin-left:10px;
}

.marginright10{
	margin-right:10px !important;
}

.marginleft5{
	margin-left:5px;
}

.marginright5{
	margin-right:5px !important;
}

.margintop10{
	margin-top:10px;
}

.marginbottom10{
	margin-bottom:10px;
}

.padding20px{
	padding:20px;
}

.padding5px{
	padding:5px;
}

.grey{
	color:#C2C2C2;
}

.no_line_col{ 
	border-right:none !important
}

.no_line_row{ 
	border-bottom:none
}


.no_line_row td{ 
	border-bottom:none !important
}

.font11{
	font-size:11px;
}

.font12{
	font-size:12px !important;
}

.text_red{
	color: #FF0000 !important;
}

.text_green{
	color: #007508 !important;
}

.text_black{
	color: #555 !important;
}

.color_odd{
	color:#F30;
}

.text_invisible td{
	color: #888 !important;
}

.text_invisible td a{
	color: #888 !important;
}

.text_blue{
	color: #038fdd;
}
.textuppercase{
	text-transform:uppercase !important;
}

.text_bold{
	font-weight:bold;
	white-space:nowrap;
}

.textfix_nowrap{
	white-space:normal !important;
}

.text_ontitle{
	color:#fff !important;
	text-transform:capitalize;
}

.color_black{
	color:#222 !important;
}

.color_blue {
	color:blue !important;
}

.color_red {
	color:red !important;
}
.bggrey{ 
	background:#efefef
}

.bgblue{ 
	background:#fadbce; border-bottom:none !important;
}

.bgblue td{ 
	border-bottom:none !important;
}

.bordertop th{ 
	 border-top: 1px solid #e8a762 !important;
}

.bggreen{ 
	background:#d2ffd1;
	padding:1px 8px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.textgreen{ 
	color:#037500;
}

.bgred{ 
	background:#fde3e3;
	padding:1px 8px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.bgcancel{ 
	background:#fde3e3;
}

.bgdep_wit{
	background:#faf6c9;
}

.bgpayout{
	background:#ecfee6;
}

.bgbet{
	background:#f3fffe;
}

.bgred_info{ 
	background:#fbdcdc;
	border-bottom:1px dotted #ccc;
}

.bgred_title{ 
	background:#fbdcdc;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	text-transform:capitalize;
}

.border_right{
	border-right:1px dotted #ccc !important;
}

.bgwhite{
	background:#fff;
	border-bottom: 1px dotted #CCCCCC;
}

.bg_color1 {
    background: none repeat scroll 0 0 #fff5d3 !important;
}

.bg_yellow {
    background: none repeat scroll 0 0 #f5c400 !important;
		color:#000 !important;
}

.top-10{
	margin-top:-10px;
}

.bottom-10{
	margin-bottom:10px;
}

.bottom-20{
	margin-bottom:20px;
}

.height-10px{
	float:left;
	width:100%; 
	height:10px; 
}

.height-20px{
	float:left;
	width:100%; 
	height:20px; 
}

.text_align_left{
	text-align:left !important;
}

.text_align_right{
	text-align:right !important;
}

.line_menu{
	padding:0 5px;
	color: #333333;
    text-shadow: 0 1px 0 #DEF0FA;
}

a.link_table {
	color: #00F;
	padding-left:5px;
}

a:hover.link_table {
	text-decoration:underline;
}

.border_top_grey{
	 border-top: 1px solid #E1E1E1;
}

.box_deuser h1{
	font-size:14px;
	margin:20px 0 10px 10px;
}

/* Choose Radio*/
.choose_radio{
	float:left; color:#ffff00;  
	margin:8px 0 0 20px; 
	vertical-align:middle;
}

.text_radio{ 
	padding:3px 0 0 3px; 
	float:left; font-weight:bold;
}

.choose_radio input[type=radio]{
	 vertical-align:middle; 
	 float:left; 
	 margin-left:15px;
}

/* User Info*/
.user_control{
	float:left;
	color:#000; 
	vertical-align:middle;  
	margin:2px 0 2px 12px;
	-bracket-:hack[; margin:0 0 0 12px;];  /*hack for Google Chrome*/
	display: inline;  /* <---Solution for bug IE6 */ 
}

.user_control td{
	padding-right:5px;
}

.user_control label{ 
	font-weight:bold;
	margin: 0 5px 0 0;
	text-transform:capitalize;
	display:inline-table;
/*	white-space:nowrap;*/
}


.user_contro2l{
	float:left;
	color:#333; 
	vertical-align:middle;  
	margin:2px 0 2px 12px;
	-bracket-:hack[; margin:0 0 0 12px;];  /*hack for Google Chrome*/
	display: inline;  /* <---Solution for bug IE6 */ 
}

.user_contro2l label{ 
	font-weight:bold;
	padding:0 5px 0 0;
	text-transform:capitalize;
	display:inline-table;
/*	white-space:nowrap;*/
}

.text_info{ 
	padding:0 3px 0 0;
	display:inline-table;
	text-transform:capitalize;
	white-space:nowrap;
}

.text_info10px{ 
	margin:0 10px 0 0;
	display:inline-table;
	text-transform:capitalize;
	white-space:nowrap;
}

.text_highlight{
	display:inline-table;
	text-transform:capitalize;
	white-space:nowrap;
	margin-right:10px;
	font-size:11px !important;
}

.text_info22px{ 
	padding:0 22px 0 0;
	display:inline-table;
	text-transform:capitalize;
	white-space:nowrap;
}

.text_info5px{ 
	padding:0 4px 0 0;
	display:inline-table;
	text-transform:capitalize;
	white-space:nowrap;
}

.text_align_left td{
	text-align:left !important
}

.text_align_center td{
	text-align: center !important
}

.text_align_right td{
	text-align: right !important
}

.user_control input{ 
	vertical-align:middle; 
	padding:4px 5px;
	*padding:3px 5px;
	border: 1px solid #b3b3b3;
	background-color:#fff;
	color:#666;
	font-size:12px;
	
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;	
    font-weight:normal !important;
}

.user_control input:focus {
	outline: none;
}

.user_control select{ 
	padding:3px 3px 3px 5px;
	border: 1px solid #b3b3b3;
	background-color:#fff;
	color:#666;
	font-size:12px;
	vertical-align:middle;
	
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

.user_control select:focus {
	outline: none;
}

.user_control input[type=radio]{
	 vertical-align:middle; 
	 float:left; margin:0 3px 0 10px ;
}

/* Title Box Control*/
.title_box_control{
	color:#fff;
	display:block; 
	vertical-align:middle;  
	margin:5px 12px 5px 12px;
	-bracket-:hack[; margin:2px 12px 0 12px;];  /*hack for Google Chrome*/
	*margin:5px 12px 4px 12px; /*hack for IE7*/
}

.title_box_control label{
	text-transform:capitalize;
	padding:0 3px 0 0;
	vertical-align:middle;
}

.title_box_control input{ 
	vertical-align:middle; 
	padding:3px 5px;
	border: 1px solid #d7d7d7;
	color:#666;
	font-size:12px;
	
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

.title_box_control select:focus {
	outline: none;
}


.title_box_control select{ 
	vertical-align:middle; 
	padding:2px 3px 2px 5px;
	border: 1px solid #d7d7d7;
	color:#666;
	font-size:12px;
	
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

.title_box_control input[type=radio]{
	 vertical-align:middle; 
	 float:left; margin:0 0 0 10px ;
}

/* Record Info*/
.record_info{
	color:#fff;
}

.record_info label{
	width:100px;
	color: #fff;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 10px;
    text-transform: capitalize;
}

.record_info ul{
	margin:0;
	padding:5px 0;
}

.record_info ul li{
	list-style:outside square;
	color:#fff;
}





/* Header
----------------------------------------------- */
header#header {
	width: 100%;
	background: url(../images/header-pattern.gif) repeat;
	position:fixed;
	top:0;
	z-index:3;
	height:55px;
	min-width:980px;
}

/*Account Info*/
.acc_info{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background:#000;
    border-color: #0e0e0e #0d0d0d #0d0d0d;
    border-image: none;
    border-radius: 10px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
    background-color:#4b4b4b;
	background-image:-webkit-linear-gradient(top, #555, #404040);
	background-image:-moz-linear-gradient(top, #555, #404040);
	background-image:-o-linear-gradient(top, #555, #404040);
	background-image:-ms-linear-gradient(top, #555, #404040);
	background-image:linear-gradient(top, #555, #404040);
	-webkit-box-shadow:inset 0 1px #787878, inset 0 -2px #292929, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #787878, inset 0 -2px #292929, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #787878, inset 0 -2px #292929, 0 1px 3px #ddd;
}

.account-use{
	position:absolute; z-index:1005;
	right:5px;
	top:11px;	
	background: #f5c400;
  -webkit-border-radius:0;
  -moz-border-radius: 0;
  border-radius:0;
  color: #222;
  letter-spacing: 0px;
  text-decoration: none;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.txt_username{
	float:left;
	font-size:14px;
	padding:9px 15px 0 15px;
}

.iconsm{
	font-size:10px !important;
}

/* branding */
#branding {
	font-weight:normal;
	text-align:left;
	padding:10px 10px 10px 0px;
	margin-bottom:0;
}

#branding a{
	color:#A1EAFF; font-weight:normal;
}

#branding a:hover{
	color:#fff;
}

#branding a:before{
	content:" | "; color:#fff; padding:0 1px;
}

#branding ul, #branding ul li{
	margin:0px; padding:0px; 
}

#branding li{
	padding:0px 0px 0px 0px !important;
}
/* -- */

/* Secondary Header Bar */
section#secondary_bar {
	height: 44px;
	width: 100%;
	position:fixed;
	top:55px;
	z-index:2;
	min-width:980px;
}

/* navigation  bar*/
section#secondary_bar 
.navigation_container {
	float: left;
	height: 44px;
}





/* navigations */
.nav-divider {
	background: url(../images/divider.png) bottom no-repeat;
	height: 42px;
	width: 25px;
	display:block;
	}
	
ul.navigation {
	margin: 0 0  0 4px;
	padding: 0;
	list-style: none;
	text-transform:capitalize;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	/*font-weight:bold;*/
}

ul.navigation li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 24px;
}

ul.navigation li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding:6px 7px;
	opacity:0.7;
}

ul.navigation li a:hover {
	color: #fff;
	opacity:1;
}

html ul.navigation li.active a  {
	color: #fff;
	}

html ul.navigation li.active {
	background: url(../images/pro_line_1.gif);
	color: #fff;
	display: block;
	float: left;
	height: 37px;
	padding: 0 0 0 10px;
	text-decoration: none;
	white-space: nowrap;
}

html ul.navigation li.active span	{
	background: url(../images/pro_line_1.gif) right top;
	display: block;
	padding: 0 10px 0 0;
	}

#cols {
	background:#f7f7f7;
	position:fixed;
	top:97px; 
	margin:0; 
	height:100%;
	width:100%;
}

html>body #content {
	padding:10px 10px 0 10px; 
	overflow:hidden;
}

.box:after {
	display:block; 
	visibility:hidden; 
	clear:both; line-height:0; 
	font-size:0; content:".";
}

#aside {
	float:left; 
	width:auto;
	margin-top:-1px;
	height:100%;
	
/*	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;*/
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

    background: url(../images/bg_generic_imgs2.png) repeat;
}

html>body #aside {
	text-transform:capitalize; 	
}

#aside a {
	color: #222; 
	text-decoration: none;
}

#aside a:hover {
	color:#CF4A09; margin-left:4px;
	
	-webkit-transition: margin-left 300ms linear;
  	-moz-transition: margin-left 300ms linear;
  	-ms-transition: margin-left 300ms linear;
 	 -o-transition: margin-left 300ms linear;
  	transition: margin-left 300ms linear;
}



/* Sidebar */
aside#sidebar_account { 
	width:188px;
	height:100%;
	float: left; 
	text-transform:capitalize;
	position:relative;
	background:#fff;
	border-right:1px solid #ccc
}

#aside_report {
	width: 165px;
	height:100%;
	float: left; 
	text-transform:capitalize;
	position:relative;
}

#aside_payment {
	width: 165px;
	height:100%;
	float: left; 
	text-transform:capitalize;
	position:relative;
}

/* Sidebar Menu */
#aside nav { 
	width:auto; 
	height:100%; 
	clear:both;
	overflow: auto;
}


#tab_container{
	clear:both;
	position:relative;
	overflow:auto;
}

.tab_permission_popup{
	clear:both;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
}

.tab_container_popup{
	clear:both;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
	width:1360px;
	padding:0  10px;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
}

@media only screen and (max-width: 1280px){
.tab_container_popup{
	width:1004px;
}

}

@media only screen (min-width: 1280px) and (max-width: 1400px){
.tab_container_popup{
	width:1280px;
}

}

.payment_moreinfo{
	clear:both;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
}


#dddd{
	clear:both;
	position:relative;
	overflow-x:auto;
	overflow-y:hidden
	height:100%;
}

/*YDesign Edit 07082013,fixheight_1norow_header */
.winlossslot,
.fixheight_1row,
.fixheight_1norow_header,
.fixheight_1row_header,
.fixheight_2row,
.fixheight_2row_noheader,
.livemonitor_keno,
.livemonitor_lotto{
	clear:both;
	position:relative;
	overflow:auto;
}


/* Sidebar Menu */
nav h3 {
	color: #000;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	width: auto;
	margin:8px 4px 5px 4px;
	padding:5px 5px 5px 5px; 


	
	 -moz-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.7);
  border-top: 1px solid #ddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

	text-shadow:none !important;
}

nav .toggleLink {
	font-size: 10px;
	text-decoration: none;
	display: block;
	float: right;
	*margin-top:-21px;
	*margin-right:5px;
	text-transform:none;
	cursor:pointer;
}

nav .toggleLink:hover {
	text-decoration: none;
}

#aside_payment nav ul {
	margin:5px 0 2px 0; 
}


nav ul {
	clear: both;
	margin:0 0 2px 0; 
	padding: 0;
}

nav li {
	list-style: none; 
	display:block;
	margin: 0 7px; 
	padding:5px 0;
	/*border-bottom: 1px dotted #FFB400;*/
}

nav li a {
	padding-left: 4px;
	text-decoration: none;
	display: inline-block; 
	margin: 4px 0;
}

nav li a:hover {
	color: #444444;
}

nav .active a {
	font-weight:bold;
	color:#333 !important;
}

/* Sidebar Icons */
nav li.icn_new_article {
	background: url(../images/icn_new_article.png) no-repeat center left;
}
nav li.icn_edit_article {
background: url(../images/icn_edit_article.png) no-repeat center left;
}
nav li.icn_categories {
background: url(../images/icn_categories.png) no-repeat center left;
}
nav li.icn_tags {
background: url(../images/icn_tags.png) no-repeat center left;
}
nav li.icn_add_user {
background: url(../images/icn_add_user.png) no-repeat center left;
}
nav li.icn_view_users {
background: url(../images/icn_view_users.png) no-repeat center left;
}
nav li.icn_profile {
background: url(../images/icn_profile.png) no-repeat center left;
}
nav li.icn_folder {
background: url(../images/icn_folder.png) no-repeat center left;
}

/* Main Content
----------------------------------------------- */
section#main {
	
	width: 100%;
	float: left; 
	margin-top:-2px;
}

/* Modules */

.module {

	width: 100%;
	margin:0;
	padding:0;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.module header { 
	width: 100%;
	float:left; 

	-webkit-border-top-left-radius:2px; 
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topleft:2px; 
	-moz-border-radius-topright:2px;
	border-top-left-radius:2px; 
	border-top-right-radius:2px;
	
	background-color:#4b4b4b;
	background-image:-webkit-linear-gradient(top, #555, #404040);
	background-image:-moz-linear-gradient(top, #555, #404040);
	background-image:-o-linear-gradient(top, #555, #404040);
	background-image:-ms-linear-gradient(top, #555, #404040);
	background-image:linear-gradient(top, #555, #404040);
}


.module_title {
	width: 100%;
	margin:0 0 10px 0;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.module_title header {
	float:left;
	width: 100%;
	padding:2px 0;
	background:#ddd;

	background-color:#d4d4d4;
	background-image:-webkit-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-moz-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-o-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-ms-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:linear-gradient(top, #e0e0e0, #c8c8c8);
	border:1px solid #b2b2b2;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
}

.module_agentinfo {
	width: 100%;
	margin:0 0 10px 0;
}

.module_agentinfo header {
	float:left;
	width: 100%;
}


.module_popup {
	background:#fff;
	width: 100%;
	margin:3px 0 0 0;
	padding:0;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.module_popup header {
	float:left;
	width:100%;
	background:#FFFFFF;
	-webkit-border-top-left-radius: 4px; 
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px; 
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px;
}

.module_popup footer {
	float:left;
	width:100%;
	
}

.footer_content{
	padding:5px 12px;
	vertical-align:middle;
	
	border:1px solid #b2b2b2;
	
	background-color:#d4d4d4;
	background-image:-webkit-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-moz-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-o-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-ms-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:linear-gradient(top, #e0e0e0, #c8c8c8);
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border-top-left-radius:0;
	border-top-right-radius:0;

	-webkit-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
}

.module_content {
	margin: 10px 20px;
	color: #666;
}



/* Content Manager */
.title_table{
	text-transform:uppercase;
	line-height:34px;
	font-weight:bold;
	padding:0 10px;
	font-size:13px;
	color:#ffff00;
	float:left;
}

.tablesorter a{
	color:#00F;
}

.tablesorter a:hover{
	text-decoration:underline;
}

.tablesorter {
	float:left;
	width:100%;
	margin:0;
	background:#fff;
	border:1px solid #ddd;
}

.tablesorter td{
	margin: 0; 
	padding:5px 5px; 
	text-align:center;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7; 
	color:#333;
	white-space:nowrap;
}

table.tablesorter thead .mtitle  th{
	color: #fff;
	text-transform:capitalize;
	padding:7px 10px;
	white-space:nowrap;
  	border:1px solid #999;
	background-color:#4b4b4b;
	background-image:-webkit-linear-gradient(top, #555, #404040);
	background-image:-moz-linear-gradient(top, #555, #404040);
	background-image:-o-linear-gradient(top, #555, #404040);
	background-image:-ms-linear-gradient(top, #555, #404040);
	background-image:linear-gradient(top, #555, #404040);

}

table.tablesorter thead th{
	text-transform:capitalize;
	color: #000;
	padding:7px 5px;
	white-space:nowrap;
	background-color:#f5c400;
	background-image:-webkit-linear-gradient(top, #f5c400, #fece0e);
	background-image:-moz-linear-gradient(top, #f5c400, #fece0e);
	background-image:-o-linear-gradient(top, #f5c400, #fece0e);
	background-image:-ms-linear-gradient(top, #f5c400, #fece0e);
	background-image:linear-gradient(top, #f5c400, #fece0e);
	
	
	 border-right: 1px solid #e8a762;
	 border-top: 1px solid #e8a762;
}


table.tablesorter thead .stitle th:last-child{
	border-right:#d7d7d7;
}

.hover_table tbody tr:hover td{
	background:#fdedad  !important;
}

table.tablesorter tbody .stitle  th{
	color: #000;
	text-transform:capitalize;
	padding:7px 5px;
	font-weight:bold;
	white-space:nowrap;
	
	
	 border-right: 1px solid #b2b2b2;
	 border-top: 1px solid #b2b2b2;
	 
	 background:#ddd;

	background-color:#d4d4d4;
	background-image:-webkit-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-moz-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-o-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-ms-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:linear-gradient(top, #e0e0e0, #c8c8c8);


	-webkit-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
}

table.tablesorter td.fix_width4d{
	padding-bottom:3px !important
}

table.tablesorter td.fix_width4d .label{
	float:left;
	margin:0 4px 4px 0;
}

.fix_width4d{
	width:460px;
	white-space:normal !important;
}

/*Table Popup
----------------------------------------------------------*/
.box_table{
	width:100%;
	float:left;
	margin-bottom:10px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.box_head_popup {
	float:left;
	width:100%;
    color: #222;
	margin:0;
	
	background-color:#d4d4d4;
	background-image:-webkit-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-moz-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-o-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-ms-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:linear-gradient(top, #e0e0e0, #c8c8c8);
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
 
}

.text_box_form{
	text-transform:capitalize;
	padding-left:10px;
}

.rowperpage{
	display:block;
	margin:5px 12px;
	vertical-align:middle;
}

.rowperpage label{
	text-transform:capitalize;
	padding:0 5px 0 0;
	vertical-align:middle;
}

.rowperpage select{ 
	vertical-align:middle; 
	padding:2px 3px 2px 5px;
	border: 1px solid #b3b3b3;
	color:#666;
	font-size:12px;
	
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

.title_table_popup{
	display:block;
	padding:18px 5px 10px 5px;
	text-transform: capitalize;
	font-weight:bold;
	font-size:13px;
	color:#ec5e00;
	float:left;
}

.force_table{
	float:right;
	color:#ec5e00;
	display:block;
	margin:15px 5px 8px 5px;
}
/*table report*/
table.tablereport thead .mtitle  th{
	color: #fff;
	text-transform:capitalize;
	padding:7px 10px;
	white-space:nowrap;
  	border:1px solid #999;
	background-color:#4b4b4b;
	background-image:-webkit-linear-gradient(top, #555, #404040);
	background-image:-moz-linear-gradient(top, #555, #404040);
	background-image:-o-linear-gradient(top, #555, #404040);
	background-image:-ms-linear-gradient(top, #555, #404040);
	background-image:linear-gradient(top, #555, #404040);

}

table.tablereport thead .stitle  th{
	text-transform:capitalize;
	color: #000;
	padding:7px 5px;
	white-space:nowrap;
	background-color:#f5c400;
	background-image:-webkit-linear-gradient(top, #f5c400, #fece0e);
	background-image:-moz-linear-gradient(top, #f5c400, #fece0e);
	background-image:-o-linear-gradient(top, #f5c400, #fece0e);
	background-image:-ms-linear-gradient(top, #f5c400, #fece0e);
	background-image:linear-gradient(top, #f5c400, #fece0e);
	
	
	 border-right: 1px solid #e8a762;
	 border-top: 1px solid #e8a762;
}

table.tablereport thead .stitle2  th{
	text-transform:capitalize;
	color: #333;
	padding:7px 5px;
	white-space:nowrap;
	border-right:1px solid #b2b2b2;
	
	background-color:#d4d4d4;
	background-image:-webkit-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-moz-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-o-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-ms-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:linear-gradient(top, #e0e0e0, #c8c8c8);

	-webkit-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 1px #ddd;
	-moz-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 1px #ddd;
	box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 1px #ddd;
}

table.tablereport tbody td.stitle{
	text-transform:capitalize;
	color: #000;
	font-weight:bold;
	padding:7px 5px;
	white-space:nowrap;
	background-color:#f5c400;
	background-image:-webkit-linear-gradient(top, #f5c400, #fece0e);
	background-image:-moz-linear-gradient(top, #f5c400, #fece0e);
	background-image:-o-linear-gradient(top, #f5c400, #fece0e);
	background-image:-ms-linear-gradient(top, #f5c400, #fece0e);
	background-image:linear-gradient(top, #f5c400, #fece0e);
	
	
	 border-right: 1px solid #e8a762;
	 border-top: 1px solid #e8a762;
}

table.tablereport tbody td.stitle2{
	text-transform:capitalize;
	color: #333;
	font-weight:bold;
	padding:4px 5px;
	white-space:nowrap;
	border-right:1px solid #b2b2b2;
	
	background-color:#d4d4d4;
	background-image:-webkit-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-moz-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-o-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-ms-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:linear-gradient(top, #e0e0e0, #c8c8c8);

	-webkit-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 1px #ddd;
	-moz-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 1px #ddd;
	box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 1px #ddd;
}

table.tablereport thead .stitle th:last-child{
	border-right:#d7d7d7;
}


.tablereport {
	float:left;
	width:100%;
	margin:0;
	background:#fff;
	border:1px solid #ddd;
}

.tablereport td{
	margin: 0; 
	padding:7px 5px; 
	text-align:center;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7; 
	color:#333;
	white-space:nowrap;
}

table.tablereport tbody .stitle  th{
	color: #000;
	text-transform:capitalize;
	padding:7px 5px;
	font-weight:bold;
	white-space:nowrap;
	border-right: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	background:#fff5d3 ;
}

/*table result*/
table.tableresult thead .mtitle  th{
	color: #fff;
	text-transform:capitalize;
	text-shadow: 0 -1px #111;
	padding:7px 7px;
	text-align:left;
	white-space:nowrap;
  	border:1px solid #999;
	background-color:#4b4b4b;
	background-image:-webkit-linear-gradient(top, #555, #404040);
	background-image:-moz-linear-gradient(top, #555, #404040);
	background-image:-o-linear-gradient(top, #555, #404040);
	background-image:-ms-linear-gradient(top, #555, #404040);
	background-image:linear-gradient(top, #555, #404040);

}

table.tableresult thead .stitle  th{
	color: #000;
	padding:5px 5px;
	white-space:nowrap;
	background-color:#f5c400;
	background-image:-webkit-linear-gradient(top, #f5c400, #fece0e);
	background-image:-moz-linear-gradient(top, #f5c400, #fece0e);
	background-image:-o-linear-gradient(top, #f5c400, #fece0e);
	background-image:-ms-linear-gradient(top, #f5c400, #fece0e);
	background-image:linear-gradient(top, #f5c400, #fece0e);
	
	
	 border-right: 1px solid #e8a762;
	 border-top: 1px solid #e8a762;
}


table.tableresult thead .stitle th:last-child{
	border-right:#d7d7d7;
}

.tableresult:first-child {
	margin:8px 0 10px 0;
}

.tableresult {
	float:left;
	width:160px;
	margin:8px 0 10px 8px;
	background:#fff;
	border:1px solid #ddd;
}

.tableresult td{
	margin: 0; 
	padding:4px 3px; 
	text-align:center;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7; 
	color:#000;
	white-space:nowrap;
	font-weight:bold;
}

table.tableresult tbody td{
	width:100px;
}

table.tableresult tr.first td {
    border-top: 2px solid #d7d7d7;
}

table.tableresult .mtitle  th{
	color: #fff;
	text-transform:capitalize;
	text-shadow: 0 -1px #111;
	padding:7px 7px;
	text-align:left;
	white-space:nowrap;
  	border:1px solid #999;
	background-color:#4b4b4b;
	background-image:-webkit-linear-gradient(top, #555, #404040);
	background-image:-moz-linear-gradient(top, #555, #404040);
	background-image:-o-linear-gradient(top, #555, #404040);
	background-image:-ms-linear-gradient(top, #555, #404040);
	background-image:linear-gradient(top, #555, #404040);

}

table.tableresult .stitle  th{
	color: #000;
	text-transform:capitalize;
	padding:5px 5px;
	white-space:nowrap;
	background-color:#f5c400;
	border-right: 1px solid #e8a762;
	border-top: 1px solid #e8a762;
}

.td_load{
	background:url(../images/loading.gif)  no-repeat;
	background-position:50% 50%;
}

.textyellow2 {
    color: #ffff00 !important;
}

.fixpadd td{
	padding:7px 5px !important;
}

.fixpadd th{
	padding:8px 5px !important;
}

.fixpadd2 td{
	padding:4px 5px;
}

.fixpadd2 th{
	padding:7px 5px;
}

table thead .mtitle  th img{
	padding-right:7px;
	float:left;
}

table.tableresult .mtitle th img{
	padding-right:7px;
	float:left;
} 

/*result Malaysia*/
table.width_malayresult{
	width:24%;
	margin:1% 1% 0 0
}

table.width_malayresult:first-child{
	margin:1% 1% 0 0
}

table.width_malayresult:last-child{
	margin:1% 0 0 0
}


table.width_malayresult td{
	padding:8px
}

table.width_malayresult .stitle th{
	padding:8px !important
}

table.malay_reult{
	width:100%;
}

table.malay_reult td{
	border-bottom:none;
}

table.malay_reult td:last-child{
	border-right:none;
}

.padding0{
	padding:0 !important;
}

/*table Popup*/
.box_popup_report{
	clear:both;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
	width:1220px;
	background:#fff;
}

.form_bet {
  color: #555;
	width:60px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding:2px 2px;
	text-align:center;
	font-size:13px;
}

.form_bet:focus {
  outline: 0;
}

.footer_popup{
	float:left;
	margin:10px 0 0 0;
	width:100%;
}

@media only screen and (max-width: 1200px){
.box_popup_report{
	width:1000px;
}

}


.box_popup_report p{
	padding:20px 10px;
}

.box_popup_report_bottom{
	float:left; display:block;
	width:100%;
	height:40px;	
	border:1px solid #292929;
	
	background-color:#4b4b4b;
	background-image:-webkit-linear-gradient(top, #555, #404040);
	background-image:-moz-linear-gradient(top, #555, #404040);
	background-image:-o-linear-gradient(top, #555, #404040);
	background-image:-ms-linear-gradient(top, #555, #404040);
	background-image:linear-gradient(top, #555, #404040);

	-webkit-box-shadow:inset 0 1px #787878, inset 0 -1px #292929, 0 1px 1px #ddd;
	-moz-box-shadow:inset 0 1px #787878, inset 0 -1px #292929, 0 1px 1px #ddd;
	box-shadow:inset 0 1px #787878, inset 0 -1px #292929, 0 1px 1px #ddd;
}

.box_popup_report_bottom a {
    color: #fed70e !important;
}
.box_popup_report_bottom a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.text_normal{
	font-weight:normal !important;
	color:#555 !important;
}

.tablepopup {
	margin:0;
	background:#fff;
	border:1px solid #d7d7d7;
	margin-bottom:10px;
}

.tablepopup td{
	margin: 0; 
	padding:5px 5px; 
	text-align:center;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #CCCCCC; 
	color:#333;
	text-transform:capitalize;
	white-space:nowrap;
}

.tablepopup thead tr {
	height:30px; 
	background:#E6E6E6;
	text-align: center; 
	vertical-align:middle;
	text-shadow: 0 1px 0 #fff;
}

.tablepopup thead th {
	border-right: 1px dotted #ccc;
	padding:7px 2px; 
	color:#333;
	text-transform:capitalize;
	vertical-align:middle;
}


.tablepopup2 {
	margin:0;
	background:#fff; 
}

.tablepopup2 td{
	margin: 0; 
	padding:5px 5px; 
	text-align:center;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #CCCCCC; 
	color:#333;
	text-transform:capitalize;
}

.tablepopup2 thead tr {
	height:30px; 
	background:#E6E6E6;
	text-align: center; 
	vertical-align:middle;
	text-shadow: 0 1px 0 #fff;
}

.tablepopup2 thead th {
	border-right: 1px dotted #ccc;
	padding:7px 2px; 
	color:#333;
	text-transform:capitalize;
	vertical-align:middle;
}


ul.tabs {
	margin: 5px 0  4px 8px;
	padding: 0;
	float: left;
	list-style: none;
	height: 24px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	border: 1px solid #BBBBBB;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	background:url(../images/module_footer_bg.png) repeat-x;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 24px;
}

ul.tabs li a {
	text-decoration: none;
	color: #888;
	display: block;
	padding: 0 15px;
	height: 24px;
}

ul.tabs li a:hover {
	color: #44474F;
}

html ul.tabs li.active a  {
	color: #333;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #F1F2F4;
	-webkit-box-shadow: inset 0 1px 2px #818181;
	-moz-box-shadow: inset 0 1px 2px #818181;
	box-shadow: inset 0 1px 2px #818181;
}


/* New/Edit Article Module */
fieldset {
	border:none;
	margin:0;
	padding:0;
}

fieldset .box_dialog{
	border:none;
}



/* langages */
fieldset select.languages{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #BBBBBB;
	width: 122px;
	color: #666666;
	-webkit-box-shadow: inset 0 1px 1px #ccc, 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 1px #ccc, 0 1px 0 #fff;
	box-shadow: inset 0 1px 1px #ccc, 0 1px 0 #fff;
	padding:3px 5px 2px 5px;
	margin: 6px 8px 0 0;
	display: block;
	float: left;
}




/* Icon Table
----------------------------------------------- */
a.user_setting	{
	background: url(../images/table/table_icon_1.png);
	display: block;
	height: 20px;
	width: 24px;
}

a:hover.user_setting	{
	background: url(../images/table/table_icon_1.png) 0 -20px;
}
	
/* bet status */	
a.bet_status	{
	background: url(../images/table/bet_status.png);
	display: block;
	height: 20px;
	width: 22px;
}

a:hover.bet_status	{
	background: url(../images/table/bet_status.png) 0 -20px;
}

/* permission */	
a.permission	{
	background: url(../images/table/permission.png);
	display: block;
	height: 20px;
	width: 22px;
}

a:hover.permission	{
	background: url(../images/table/permission.png) 0 -20px;
}

/* Reset Limit */
a.reset_limit	{
	background: url(../images/table/reset_limit.png);
	display: block;
	height: 20px;
	width: 22px;
}

a:hover.reset_limit	{
	background: url(../images/table/reset_limit.png) 0 -20px;
}	
	
/* paging
----------------------------------------------- */
#paging-table {
	float: right; 
	margin:5px 12px 5px 0;
}
	
a.page-far-left	{
	background: url(../images/button/paging_far_left.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
}

a:hover.page-far-left	{
	background-position:0 -24px;
}
	
a.page-left	{
	background: url(../images/button/paging_left.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
}

a:hover.page-left 	{
	background-position:0 -24px;
}


a.page-far-right	{
	background: url(../images/button/paging_far_right.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	margin: 0 0 0 4px;
	width: 24px;
}

a:hover.page-far-right	{	
	background-position:0 -24px;
}

a.page-right	{
	background: url(../images/button/paging_right.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
}

a:hover.page-right	{
	background-position:0 -24px;
}

#page-info	{
	float: left;
	line-height: 16px;
	padding: 4px 12px 0 12px;
	color:#fff;
}


/* paging BG WHITE
----------------------------------------------- */
a.page-far-left_black	{
	background: url(../images/button/paging_far_left_black.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
}

a:hover.page-far-left_black	{
	background-position:0 -24px;
}
	
a.page-left_black	{
	background: url(../images/button/paging_left_black.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
}

a:hover.page-left_black 	{
	background-position:0 -24px;
}


a.page-far-right_black	{
	background: url(../images/button/paging_far_right_black.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	margin: 0 0 0 4px;
	width: 24px;
}

a:hover.page-far-right_black	{	
	background-position:0 -24px;
}

a.page-right_black	{
	background: url(../images/button/paging_right_black.png) no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
}

a:hover.page-right_black	{
	background-position:0 -24px;
}

#page-info2	{
	float: left;
	line-height: 16px;
	padding: 4px 12px 0 12px;
	color:#222;
}
	
	
/* BUTTON
----------------------------------------------- */
/* Button Query  */		
.btn_query {
	 padding:3px 10px !important;
	 margin-right:5px;
	 background:url(../images/secondary_bar.png) repeat-x; color:#333;
	 color:#333; cursor:pointer;
	 text-shadow: 0 1px 0 #FFFFFF;
	 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn_query:hover{
	background:#fff;
	box-shadow: 0 1px 1px #CCCCCC inset; 
}

/* Button Create Acc */
.btn_create_acc {
	padding:3px 5px !important;  cursor:pointer; margin-right:5px;
	background:url(../images/secondary_bar.png) repeat-x; color:#333;
	color:#333; cursor:pointer;
	text-shadow: 0 1px 0 #FFFFFF;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn_create_acc:hover{
	background:#fff;
	box-shadow: 0 1px 1px #CCCCCC inset; 
}

/* Button Reset limit */
.btn_Reset_limit {
	height:24px; width:70px; text-align:center;
	background:#fff;
	color:#9A9FAE; 
	cursor:pointer;
	border: 1px solid #ccc !important;
	text-shadow: 0 1px 0 #FFFFFF;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn_Reset_limit:hover{
	box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;
}


/* Button Choose --- */
.btn_choose_select {
	width:24px;
	padding:3px 0;
	border: 1px solid #a4a4a4;
	cursor:pointer;
	background:#fff url(../images/button/btn_choose.png) no-repeat top center;
	background-position:0 0;
	 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}

.btn_choose_select:hover{
	background-position:0 -24px;
}

/* Button Bet Status */
.btn_betstatus {
	 height:24px; width:26px; text-align:center;
	 background:url(../images/button/bet_status.png) no-repeat top center;
	 background-position:0 0;
	 cursor:pointer;
	 border:none;
	 
	 -webkit-border-radius: 4px; 
	 -moz-border-radius: 4px;
	 border-radius: 4px;
}

.btn_betstatus:hover{
	background-position:0 -24px;
}

/* Button Show Bet Status --- */
.btn_show_betstatus {
	 height:24px; padding:0 5px 0 24px; color:#9a9fae;
	 background:url(../images/button/show_bet_status.png) no-repeat top center;
	 background-position:0 -24px;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_show_betstatus:hover{
	background-position:0 0;
}

/* Button Permission --- */
.btn_permission {
	 height:24px; width:44px; text-align:center;
	 background:url(../images/button/btn_permission.png) no-repeat top center;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_permission:hover{
	background-position:0 -24px;
}

/* Button User Setting --- */
.btn_user_setting {
	 height:24px; width:44px; text-align:center;
	 background:url(../images/button/btn_user_setting.png) no-repeat top center;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_user_setting:hover{
	background-position:0 -24px;
}


/* Button table Setting --- */
.btn_tablesetting {
	 height:24px; width:44px; text-align:center;
	 background:url(../images/button/btn_tablesetting.png) no-repeat top center;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_tablesetting:hover{
	background-position:0 -24px;
}


/* Button Withdraw --- */
.btn_withdraw {
	 height:24px; width:48px; text-align:center;
	 background:url(../images/button/btn_withdraw.png) no-repeat top center;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_withdraw:hover{
	background-position:0 -24px;
}

/* Button Deposit --- */
.btn_deposit {
	 height:24px; width:48px; text-align:center;
	 background:url(../images/button/btn_deposit.png) no-repeat top center;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
}

.btn_deposit:hover{
	background-position:0 -24px;
}


/* Button More Profile --- */
.btn_more_profile {
	 height:24px; padding:0 0 0 20px; color:#333;
	 background:url(../images/button/btn_more_profile.png) no-repeat top;
	 background-position:0 0;
	 -webkit-border-radius: 4px; cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
	float:left;
}

.btn_more_profile:hover{
	background-position:0 -24px;
}

/* Button convert --- */
.btn_convert {
	 height:24px; width:24px; text-align:center;
	 margin:0 10px 0 2px;
	 background:#fff url(../images/button/btn_convert.png) no-repeat top center;
	 background-position:0 0;
	 cursor:pointer;
	 border:none;
	 border: 1px solid #A7D7F2;
	 
	 -webkit-border-radius: 4px; 
	 -moz-border-radius: 4px;
	 border-radius: 4px;
}

.btn_convert:hover{
	background-position:0 -24px;
}

/* Button arrow down */
.btn_arrowdown {
	 height:24px; width:24px; text-align:center;
	 margin:0 2px;
	 background:#fff url(../images/button/btn_arrowdown.png) no-repeat top center;
	 background-position:0 0;
	 cursor:pointer;
	 border:none;
	 border: 1px solid #dddcdc;
	 
	 -webkit-border-radius: 4px; 
	 -moz-border-radius: 4px;
	 border-radius: 4px;
}

.btn_arrowdown:hover{
	background-position:0 -24px;
}



/* module_with */
.with_32per_col{
    width: 32%;
	float:left;
}

.with_33per_col{
    width: 33%;
	float:left;
}

/*..*/


/* module_user online */
.module_user_ol {
	margin: 10px 1% 0 0;
	border: 1px solid #f3f3f3;	
    background:#FFFFFF;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}

.module_user_ol header {
	margin:1%;
	background:url(../images/bg-tab.jpg) center top;
	
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	
	-ms-border-top-left-radius:4px;
	-ms-border-top-right-radius:4px;
	
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;

	-o-border-top-left-radius:4px;
	-o-border-top-right-radius:4px;
	
	-moz-border-top-left-radius:4px;
	-moz-border-top-right-radius:4px;
}

.module_user_ol header label {
	text-transform:uppercase;
	line-height:34px;
	padding-left:10px;
	font-weight:bold;
	color:#fff;
}

/* .. */

/* Module Exchange Rate */
.module_exchange_rate {
	margin: 10px 0 0 0;
	border: 1px solid #f3f3f3;	
    background:#FFFFFF;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}

.module_exchange_rate header {
	margin:1%;
    background:url(../images/bg-tab.jpg) top center;
	
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	
	-ms-border-top-left-radius:4px;
	-ms-border-top-right-radius:4px;
	
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;

	-o-border-top-left-radius:4px;
	-o-border-top-right-radius:4px;
	
	-moz-border-top-left-radius:4px;
	-moz-border-top-right-radius:4px;
}

.module_exchange_rate header label {
	text-transform:uppercase;
	line-height:34px;
	padding-left:10px;
	font-weight:bold;
	color:#fff;
}

/* .. */

.view_report {
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:2% 3% 3% 3%;
	background:#F8F8F8;
	width:94%;
	height:187px;
	
	-webkit-box-shadow: inset 0 1px 1px #ccc;
	-moz-box-shadow: inset 0 1px 1px #ccc;
	-o-box-shadow: inset 0 1px 1px #ccc;
	box-shadow: inset 0 1px 1px #ccc;
}

.view_total_user_ol {
	float: left;
	width:100%;
	margin:50px 0 0 0;
}

.view_report p {
	margin: 0; padding: 0;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #fff;
}

.view_report_text {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 !important;
}

.view_report_count {
	font-size: 26px;
	font-weight: bold;
	color: #333;
}

/* .table exchange rate. */
.view_exchange_rate {
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 3px;
	margin:2% 3% 3% 3%;
	background:#F8F8F8;
	width:94%;
	height:185px;
	overflow-y:scroll;
	overflow-x:visible;
	
	-webkit-box-shadow: inset 0 1px 1px #ccc, 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 1px #ccc, 0 1px 0 #fff;
	box-shadow: inset 0 1px 1px #ccc;
}

.text_base_curr{
	text-transform: capitalize;
	line-height:34px;
	padding-left:10px;
	color:#fff;
}

.table_exchange {
	width: 100%; 
	margin:0;
}

.table_exchange td{
	margin: 0; 
	padding:5px 5px; 
	text-align:center;
	border-right: 1px dotted #ccc; 
	color:#333;
	text-transform:capitalize;
}

.table_exchange thead tr {
	height:30px; 
	text-align: center; 
	vertical-align:middle;
	text-shadow: 0 1px 0 #fff;
}

.table_exchange thead th {
	border-right: 1px dotted #CCCCCC;
	padding:10px 2px; 
	color:#333;
	text-transform:capitalize;
}


/* FORM DIALOG
----------------------------------------------- */
.box_dialog{
	margin:0;
	float:left;
	width:100%;
}

.box_table_transaction{
	margin: 12px 12px 12px 12px;
	border:1px solid #E1E1E1;
	border-radius:4px;
	min-width:450px;
}

.box_table_popup{
	float:left;
	margin:0;
	width:auto;
}

.box_table_uploaddocument{
	border:1px solid #E1E1E1;
	border-radius:4px;
	width:600px;
	.margin:10px;
}

.nowarptext{
	white-space: nowrap;
}

.width500px{
	width:500px;
}

.width600px{
	width:600px;
}

.width700px{
	width:700px;
}


.width800px{
	width:800px;
}

.width1000px{
	width:1000px;
}

.widthauto{
	width:auto !important;
	min-width:500px !important;
}

@media only screen and (min-width: 1442px){
.widthfix1{
	width:1360px;
}

}

@media only screen and (min-width: 1602px){
.widthfix3{
	width:1580px;
}

}

.widthfixsmall{
	width:100%;
}

@media only screen and (min-width: 1442px){
.widthfixsmall{
	width:1000px;
}

}

@media only screen and (min-width: 1024px){
.widthfixsmall{
	width:800px;
}

}


.box_permission{
	height:300px;

}

.box_deposit{
	margin:15px 0 10px 0;
}

.box_resetwl{
	margin:15px 0 10px 0;
}

.box_nolable{
	margin:15px 12px;
}

.text_information{
	font-size:14px;
	padding:10px 30px 20px 30px;
	text-align:center;
	width:auto;
	display:block;
}

/* .Agent Member User Setting. */
ul.tabs_member,
ul.tabs_agent {
	margin:0px;
	padding: 0;
	list-style: none;
	height: 30px;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	
	
	border:1px solid #b2b2b2;
	
	background-color:#d4d4d4;
	background-image:-webkit-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-moz-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-o-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:-ms-linear-gradient(top, #e0e0e0, #c8c8c8);
	background-image:linear-gradient(top, #e0e0e0, #c8c8c8);
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;

	-webkit-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #f4f4f4, inset 0 -1px #b3b3b3, 0 1px 3px #ddd;
}

ul.tabs_member li,
ul.tabs_agent li {
	float: left;
	margin: 0;
	padding: 0;
	line-height:30px;
}

ul.tabs_member li a,
ul.tabs_agent li a {
	text-decoration: none;
	text-transform:capitalize;
	color: #888;
	display: block;
	padding: 0 15px;
	height: 29px;
}

ul.tabs_member li a:hover,
ul.tabs_agent li a:hover {
	color: #44474F;
}

html ul.tabs_member li.active a,
html ul.tabs_agent li.active a  {
	color: #333;
}

html ul.tabs_member li.active, 
html ul.tabs_member li.active a:hover,
html ul.tabs_agent li.active,
html ul.tabs_agent li.active a:hover  {
	background: #F1F2F4;
	-webkit-box-shadow: inset 0 1px 2px #818181;
	-moz-box-shadow: inset 0 1px 2px #818181;
	box-shadow: inset 0 1px 2px #818181;
}


.form_dialog label {
  float: left;
  width:auto;
  text-align: left;
  line-height:24px;
  text-transform:capitalize;
}

.uneditable_input{
	overflow: hidden;
	white-space: nowrap;
	cursor: not-allowed;
	line-height:24px;
	font-weight:bold;
}

label.checkbox {
	text-align:left;
	vertical-align:middle;
	width:auto;
	margin-right:15px;
}


.form_dialog .control-group {
  margin:0 10px 10px 10px;
}

.form_dialog .controls {
  padding-left: 220px;
}

.form_dialog .title {
	font-weight:bold;
	text-transform:capitalize;
	padding:0 0 0 8px;
	line-height:30px;
	color: #ec5e00;
	display:block;
}

.form_dialog .info {
	font-weight:bold;
	text-align:center;
	line-height:30px;
	display:block;
}

#formMarquee textarea {
	width:480px; height:40px;
	background-color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #BBBBBB;
	margin:0 10px 15px 0;
	padding:8px 10px;
	color: #666666;
	vertical-align:top;
	text-align:left;
}

.width300{
	width:300px;
}

.button_cancelform{
	margin:10px 0 10px 92px;
}

.input-append .add-on {
  display: inline-block;
  /* IE7 inline-block hack */


  width: auto;
  min-width: 40px;
  line-height:24px;
  padding: 0 7px 1px 7px;
  font-weight: normal;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  margin-left:-5px;
  text-transform:capitalize;
  
  -webkit-border-radius:0 2px 2px 0;
  -moz-border-radius:0 2px 2px 0;
  border-radius:0 2px 2px 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input-append .add-on {padding: 0px 7px 0px 7px;}
}

.fixwidth_append .input-append .add-on{
	min-width:132px;
	padding:0 3px;
	color:#ec5e00;
}

.form_dialog .input-append {
  display: inline-block;
  *zoom:1;
  /* IE7 inline-block hack */


  margin-bottom: 0;
}


.form_dialog select{ 
	vertical-align:middle;
	float:left; 
	padding:2px 3px 2px 5px;
	border: 1px solid #BBBBBB;
	color:#555;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}



/* FIELDSET
----------------------------------------------- */
fieldset select {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #666;
}

fieldset label {
	display: block;
}

fieldset input[type=text] {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border: 1px solid #BBBBBB;
	color: #444;
	margin: 0;
	display: block;
	float: left;
	padding:4px 5px 4px 5px;
}

fieldset input[type=text]:focus {
	border-color:#f56800;
    outline: 0;
    /* IE6-9 */
}

fieldset input[type=password] {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border: 1px solid #BBBBBB;
	color: #666;
	margin: 0;
	display: block;
	float: left;
	padding:4px 5px 4px 5px;
}

fieldset input[type=password]:focus {
	border-color:#f56800;
    outline: 0;
    /* IE6-9 */
}


fieldset textarea {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border: 1px solid #BBBBBB;
	color: #444;
	margin: 0;
	display: block;
	float: left;
	padding:4px 5px 4px 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
}

fieldset textarea:focus {
	border-color:#f56800;
    outline: 0;
    /* IE6-9 */
}

fieldset input[type=button]:focus {
	outline:none;
}

.form_width input[type="text"]{
	width:64px;
}

.form_width_150 input[type="text"]{
	width:150px;
}

.form_width_95 input[type="text"]{
	width:95px;
}

.show_hide_menu{
	float:left;
	margin:5px 0 0 20px;
}

/*-------------LANGUAGES------------*/
ul.ldd_languages {
	width:140px; height:28px;
	margin:0; padding:0; cursor:pointer;
	position:absolute; z-index:1007;
	right:6px;
	top:6px;
    color:#fff;
	text-shadow:0 -1px #1b1b1b;
    letter-spacing: 0px;
    text-decoration: none;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
	
	background-color:#333;
	text-transform:capitalize;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	border-radius:3px;
}

ul.ldd_languages:hover{
	background-color:#666;	
}

ul.ldd_languages a{
	text-decoration:none;
}

ul.ldd_languages > li{
	float:left;
	position:relative;
}

.down_arrowlanguages{
	float:right;
	margin:0 7px 0 0;
	color:#fff;
	text-shadow:0 -1px #1b1b1b;
}

ul.ldd_languages > li > span{
	float:left;
	cursor: pointer;
}
ul.ldd_languages .ldd_sublanguages{
	position:absolute;
	top:30px;
	display:none;
	right:0px;
	font-size:11px;
	background: #000;
	border: 1px solid #767676;
	-moz-box-shadow:0px 1px 4px #313131 inset;
	-webkit-box-shadow:0px 1px 4px #313131 inset;
	-box-shadow:0px 1px 4px #313131 inset;
	z-index: 12000;
	padding: 3px;
	opacity:0.95;
}

ul.ldd_languages ul{
	list-style:none;
	float:left;
	margin: 10px 0px 10px 10px;
	padding:10px;
}

ul.ldd_languages li {
	display: inline;
	float: left;
	width:127px; height:26px;
	padding:7px 0 0 12px;
}

ul.ldd_languages li span {
	padding-right: 7px; float:left;
	/* color: #F5D96E; */
}

ul.ldd_languages li img {
	padding-right: 7px; float:left;
}

ul.ldd_languages ul li a{
	font-size:12px;
	font-weight: normal;
	line-height:20px;
	color:#fff;
	padding:1px 3px;
	text-shadow: none;
}
ul.ldd_languages ul li a:hover{
	color: #f05b8c;
}

/* main languages */
#languages_navi {
	float:right;
	padding:0px !important;
	margin:0px !important;
	background-color: #171717;
}

#languages_navi li {
	clear:both;
	color:#fff;
	font-size:13px;
	height:16px;
	list-style-type:none;
	padding:7px;
	width:116px;
	cursor:pointer;
	text-shadow:none;
}

#languages_navi li:hover {
	background-color:#f5c400;
}

#languages_navi li.first {
	border-top: 0px none;
}

#languages_navi li.last {
	background-image:none !important;
}

#languages_navi li.active {
	background-color:#0079da;
	color: #ffffff;
	background-image:none;
}

#languages_navi li span.title {
	display: block;
	text-transform:capitalize;
	line-height:15px;
}
	
#languages_navi li img {
	width: 24px;
	height: 16px;
}
	
#languages_navi strong {
	display:block;
}
	
#languages_navi .ibe_outer {
	float: left;
	margin-right: 10px;
}

/*server time*/
.servertime{
	position: absolute;
	z-index:1008;
	top:0;
	right:160px;
	font-size:13px;
	color:#ffd737;
	margin-top:11px;
}

.servertime i{
	line-height:18px;
	vertical-align:top;
}

.servertime span{
	line-height:18px;
	vertical-align:top;
}

.error_mes{
	color:#ff0000;
	padding:0 0 15px 10px;
}


.form_dialog2 {
	padding:10px 0;
	width:340px;
}

.form_dialog2 label {
  float: left;
  text-align: left;
  line-height:24px;
  text-transform:capitalize;
}

.form_dialog2 .control-group {
  margin:0;
}

.form_dialog2 .controls {
  padding-left: 160px;
}

.form_dialog2 .title {
	font-weight:bold;
	text-transform:capitalize;
	padding:5px 0 0 8px;
	line-height:30px;
	color: #ec5e00;
	display:block;
}

.form_dialog2 .info {
	font-weight:bold;
	text-align:center;
	line-height:30px;
	display:block;
}

.form_dialog2 .input-append {
  display: inline-block;
  *zoom:1;
  /* IE7 inline-block hack */


  margin-bottom: 0;
}


.form_dialog2 select{ 
	vertical-align:middle;
	float:left; 
	padding:2px 3px 2px 5px;
	border: 1px solid #BBBBBB;
	color:#555;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.no_line {
    border: medium none !important;
}

.lineleft tr td {
	border-left: 1px solid #d7d7d7;
}


.tooltip-inner {
  background-color: #f56800;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #f56800;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #2e3e4e;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #2e3e4e;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #2e3e4e;
}

/*tooltip*/
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 13px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 1;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 1004px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #f56800;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #f56800;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #f56800;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #f56800;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #f56800;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #f56800;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #f56800;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #f56800;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #f56800;
}

/*CHIP BET*/
.chip_bet{
	position:absolute;
	width:113px;
	height:49px;
	top:300px;
	left:1440px;
	z-index:1099;
	
	background: #f5c400;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;

  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
  -webkit-box-shadow: inset 2px 1px 2px rgba(255, 255, 255, 0.2), 0 2px 2px #997a00, inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 6px 6px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 2px 1px 2px rgba(255, 255, 255, 0.2), 0 2px 2px #997a00, inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 6px 6px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 2px 1px 2px rgba(255, 255, 255, 0.2), 0 2px 2px #997a00, inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 6px 6px 1px rgba(0, 0, 0, 0.3);
}

.chip_bet ul{
	float:left;
	margin:0 0 0 3px;
	padding:0;
}

.chip_bet ul li{
	float:left;
	list-style:none;
}