/*===================================
============ Main Body ==============
================================== */
body{margin:0 auto; text-align:center; padding:0; overflow:scroll; font-size:11px; font-family:Arial, Helvetica, Verdana, sans-serif; color:#000; background:#fff;}

#wrap
{
	background-color:#FFFFFF;
	font-size:12px;
	padding:10px; 
	text-align:left;
	width:560px;
}

div#content{padding:0; margin:0;}

/*================================
============ General =============
================================== */

img{border:0;}

a:link, a:visited, a:active{text-decoration:none;}
a:hover{text-decoration:underline;}

h1, h2, h3, h4, h5 { margin: 0 0 10px 0; }

input.button{font-weight:bold; font-size:10px; border:1px solid #ccc; height:1.7em; width:135px; text-align:center; vertical-align:middle; text-transform:capitalize; cursor:pointer; color:#069; background-color:#f5f;}
input.text, select, textarea{vertical-align:top; padding:0; font-family:Arial, Helvetica, Verdana, sans-serif !important;}

/*
input.text, select, textarea{font-size:11px; vertical-align:middle; padding:0; border:1px solid #999; font-family:Arial, Helvetica, Verdana, sans-serif !important;}
input.required, select.required, textarea.required{border:1px solid #333;}
*/

.small{font-size:10px !important;}
.xsmall{font-size:9px !important;}
.bold{font-weight:bold !important;}
.italic{font-style:italic !important;}
.underline{text-decoration:underline !important;}
.capitalize{text-transform:capitalize !important;}
.uppercase{text-transform:uppercase !important;}
.center{text-align:center !important;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.clear-both{clear:both !important;}
.inline{display:inline;}
.nomargin{margin:0 !important;}
.nopadding{padding:0 !important;}
.width-auto{width:auto !important;}
.width-full{width:100% !important;}
.center{text-align:center !important;}
.right{text-align:right !important;}
.left{text-align:left !important;}
.middle{vertical-align:middle !important;}
.top{vertical-align:top !important;}
.noborder{border:0 !important;}
.border{border:1px #AFAFAF solid !important;}
.border-bottom{border-bottom:1px #B3DCF3 solid !important;}
.smallField{width:150px !important;}
.hide{display:none;}
.padded{padding:10px !important;}
.nowrap{white-space:nowrap !important;}
.marginboth{margin-top:15px !important; margin-bottom:15px !important;}
.marginbottom { margin-bottom:15px !important; }
.textfieldhint{font-size:10px !important; color:#9F9F9F !important;}
.shade{background:#f9f9f9 !important;}
.apicall{background:#FFD210; color:#000; padding:2px; margin:10px 0 10px 0; width:auto;}
form{margin:0 !important; padding:0 !important;}
.block{display:block !important;}

.noEdit{padding:0; border:0;}
.editable{border:1px solid #999;}

.lobbyButton, a.lobbyButton, .lobbyButton:link, .lobbyButton:visited, .lobbyButton:active{background:#016599; color:#fff; border:1px solid #a2d4f2 !important; text-align:center; text-transform:capitalize; text-decoration:none; margin:5px 0 0 0 !important; padding:1px 5px; font-size:11px !important; vertical-align:middle;}

a.lobbyButton{padding-top:2px !important;}
.lobbyButton-over, .lobbyButton:hover, .lobbyButton-over:hover{background:#a9d400; cursor:pointer; border:1px solid #9c3 !important;}

.btn-primary {
	display: inline-block;
	border: none;
	background-color: #090;
	color: #fff;
	font-size: 18px;
	padding: .7em 1.5em;
	border-radius: 5px;
}
.btn-primary:hover, .btn-primary:focus {
	background-color: #beb;
	color: #020;
	cursor: pointer;
}
.btn-secondary {
	display: inline-block;
	border: none;
	background-color: #e0e0e0;
	color: #222;
	font-size: 12px;
	padding: .35em .7em;
	border-radius: 4px;
}
.btn-secondary:hover, .btn-secondary:focus {
	background-color: #444;
	color: #fff;
	cursor: pointer;
}
.btn-tertiary {
	display: inline-block;
	border: none;
	background-color: #fc6700;
	color: #fff;
	font-size: 18px;
	padding: .35em .7em;
	border-radius: 5px;
}
.btn-tertiary:hover, .btn-tertiary:focus {
	background-color: #995300;
	color: #fff;
	cursor: pointer;
}

.wide-btn {
	display: block;
	width: 100%;
	margin: 10px 0;
	font-weight: bold;
	text-transform: uppercase;
}

table tr th{font-weight:bold; vertical-align:middle;}
table tr td{vertical-align:top;}

div.line{border-top:1px solid #d0d0d0; margin:20px 0 5px 0; padding:10px 0 5px 0;}

/*===================================
============ Error Message Style ====
================================== */

.error{background:#fcc; border:1px solid #c00; color:#000; text-align:center; font-style:italic; padding:1em 2em; margin:1em 0;}
div.info{background:#fff0a5; border:1px solid #fed22f; color:#000; font-style:italic; text-align:left; padding:1em 2em; margin:1em 0;}
div.statusinfo{background:#FFD210; color:#000; font-style:italic; text-align:center; padding:1em 2em; margin:1em 0;}
.confirm{ color:#009900; font-weight:bold; text-transform:capitalize}
span#duplicateclick {color:#c00;}
input.displayError, select.displayError{background:#f44; display:inline !important; color:#fff;}
.displayError{display:block; color:#c00; font-style:italic;}
.declined { color: #c00 !important;}
.success { background-color: #cfc; border: 1px solid #090; color: #030; padding: 1em 1.5em;  }
.info { background-color: #ccf; border: 1px solid #009; color: #003; padding: 1em 1.5em; }

/*================================
============ headers =============
================================== */

h3.header{margin:0 0 .5em 0; padding:0; font-size:19px; font-weight:normal; clear:both; text-transform:capitalize; color:#0C4D7D; text-align:left;}

/* NEW DEPOSIT LAYOUT */
div#deposit-details-box { float:left; background:#f9f9f9; border:1px solid #d0d0d0; margin-bottom:0; }
div.account-info { float:left; padding:1.2em; display:inline; }
.sub-header{ padding:0; margin:0 0 10px 0; font-size:12px; font-weight:bold; clear:both; text-transform:capitalize; }

span#deposit-options{margin:0; padding:0;}
div.loader-icon { padding-left:3px; float:left; display:none; clear:none; }
div.help-icon { padding-left:5px; float:left; clear:none; }

table.depositOptionTable { border:0; float:left; clear:both; width:305px; margin:0;}
table.depositOptionTable th { width:40%; padding:0.2em; text-align:left;}
table.depositOptionTable td { width:60%; padding:0.2em; text-align:left;}
table.depositOptionTable td input{margin-left:0;}
table.depositOptionTable th.promocode { color:#2b9b1f; }

table.depositOptionTable select { margin-right: 7px; width: 65px;}
table.depositOptionTable select#cardType { width: auto; }

th.promocode span { font-size: 10px; }

table.withdrawalTable { border:0; clear:both; width:350px; margin:0;}
table.withdrawalTable th { width:40%; padding:0.2em; text-align:left;}
table.withdrawalTable td { width:60%; padding:0.2em; text-align:left;}
table.withdrawalTable td input{margin-left:0;}
table.withdrawalTable td input.text { width: 100%; }
table.withdrawalTable td select{ width: 100%; }

select#cardlist { width: 173px; }

h2.heading
{
	background: url('../images/backs/header_bg.gif') repeat-x;
	border: 1px solid #D1D1D1;
    border-radius: 3px 3px 3px 3px;
	font-size: 16px;
    margin: 0 0 10px 0;
    padding: 3px 3px 3px 6px;
}

div#billing-address 
{ 
	margin-bottom: 10px;
	width: 50%;
}

div#deposit-vendors
{  
	margin: 0 auto;
	width: 492px; 
}

a.deposit-vendor
{
	background: url('../images/backs/vendor_highlight.gif') no-repeat 0 -58px;
	display: block;
	height: 41px;
	padding: 9px 8px 8px 8px;
	width: 66px;
}

a.deposit-vendor:hover 	{ background-position: 0 0; }
a.deposit-vendor.active 	{ background-position: 0 0; }

#deposit-options-wrapper
{
	background: url('../images/icons/gifs/loading-bar.gif') no-repeat center 25px;
	display: none;
	margin-top: 10px;
	min-height: 100px;
}

#deposit-options { background-color: #FFFFFF; }

div#vendor-details-box 
{ 
	background-color:#F8F8F8; 
	border:1px solid #D1D1D1;
	border-radius: 3px;
	margin-bottom: 10px;
	padding: 5px; 
}

div#vendor-details-box.float-right { width: 225px; }

div#vendor-details-box p
{
	margin: 0 0 5px 0;
	width:auto;
}

div#returnedDepositError{position:absolute; display:none; z-index:999999; background:#ffc; border:1px solid #e7e7a2; padding:1em; width:220px !important; top:0; left:310px;}

/* 3D Secure Message Box It's Amazing I know*/
div.messageBox {
    background-color: #EEEEEE;
	border: 1px solid #888888;
	border-radius: 3px;
    margin-top: 5px;
    padding: 5px;
	text-align: center;
}

h4.secureDetails
{
    font-weight:bold;
    font-size:12px;
    margin:5px 0;
}

h4.secureDetails span
{
	background: url('../images/icons/info.png') no-repeat left center;
	display: block;
	margin-bottom: 2px;
	padding-left: 18px;
}

p.secureDetails 
{ 
	display: none; 
	padding: 0 3px;
}

.vendorInfo h4.sub-header { margin-bottom: 5px; }

#cvv-example { margin-left: 10px; }

.vendorInfo p{ text-transform:none;}
.vendorInfo p a{text-transform:none !important;}
div.vendor-logo { border:1px solid #e7e7a2; text-align:center; width:200px; background:#fff; padding:10px 5px 5px 5px; }

.savedcard { font-size:11px !important; }
.display-none { display:none; }
.depositerror { font-weight:bold; display:none; padding:5px; margin-bottom:10px; border:1px solid #000000; color:#000000; text-align: center; }
.submitrow { height:40px; vertical-align:bottom; }
.processing-icon img { margin-bottom:4px; }
.readonlyfield { color:#a7a6aa; background:#ebe9ed; border-color:#999999; }
.dashedline { border-top:1px dashed #d0d0d0; height:1px; margin:12px 0; }

/*===================================
============ Table Styles ===========
================================== */

table.depositTable{border-collapse:collapse; border-color:#AFAFAF;}
table.depositTable tr td.med{padding:10px; width:243px; height:100px;}
table.depositTable tr td.small{width:135px; height:100px;}
table.depositTable tr td.bdrbot{border-bottom:1px solid #AFAFAF;}
table.depositTable tr td.large{width:312px; padding:10px; vertical-align:middle; height:100px; border-left:1px solid #AFAFAF; border-right:1px solid #AFAFAF;}
table.depositTable tr td img{padding:20px 20px 20px 20px;}

table.depositForm { border-collapse:collapse; width:380px; }
table.depositForm th { width:35%; padding:3px; }
table.depositForm td { width:65%; padding:3px; }

.rowHeader{text-transform:capitalize !important; font-weight:bold !important; padding:2px 5px !important; margin:0 !important; color:#000 !important; border-bottom:1px solid #BFBFBF !important;}

table.inputTable tr th{vertical-align:top; text-align:right;}
table.inputTable tr td{vertical-align:top;}
table.inputTable tr.line td, table.inputTable tr.line th{border-bottom:1px solid #B3DCF3;}

table.ecom tr td, table.ecom tr th{padding:3px;}

span.optional{font-size:10px; color:#00f;}
div.label{font-weight:bold; text-transform:capitalize;}

table.mainTable{width:auto; border:0; background:transparent; margin:0; padding:0;}
table.mainTable tr th{text-align:left; width:auto; font-weight:bold; vertical-align:top; padding:4px; font-size:11px;}
table.mainTable tr td{color:#000; padding:2px; width:auto; text-align:left; vertical-align:top; font-size:11px;}
table.mainTable tr td label{text-align:left; text-transform:capitalize; font-weight:bold; display:inline; margin:0; padding:0; width:100px;}
table.mainTable tr.info td, table.mainTable tr.info th{background:#eef; border-bottom:1px solid #B3DCF3;}
table.mainTable tr.info-secondary th{background:#eef; border-right:1px solid #B3DCF3; text-align:left; border-bottom:1px solid #B3DCF3;}
table.mainTable tr.info-secondary td{border-right:1px solid #B3DCF3; border-bottom:1px solid #B3DCF3; text-align:right;}
table.mainTable tr.line td, table.mainTable tr.line th{border-bottom:1px solid #B3DCF3;}

.bordered-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.bordered-table th, .bordered-table td {
	border: 1px solid #ccc;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}
.bordered-table th {
	padding: 4px;
	background-color: #eee;
}
.bordered-table td {
}

.full-fb, .partial-fb {
	margin: 5px 10px !important;
}
.full-fb .btn-primary {
	text-transform: uppercase;
	font-weight: bold;
	padding: .3em 1em;
	white-space: nowrap;
}
.partial-fb {
	margin-top: 5px !important;
}
.partial-fb .text {
	width: 30%;
	padding: .2em .3em;
	font-size: 18px;
	vertical-align: middle;
}
.partial-fb .btn-tertiary {
	padding: .3em .5em;
	vertical-align: middle;
}

input#agreeterms{margin:-1px 7px 0 4px; padding:0;}

/*================================
===== report date fields =========
================================== */
.dateFieldTable tr td{vertical-align:top; font-size:11px;}
.dateFieldTable tr td.heCell{border-right:1px solid #efefef; padding:0 10px;}
.dateFieldTable tr td.heCell .cellTitle{font-size:12px; color:#2a79be; padding:0; margin-bottom:5px; border-bottom:1px solid #efefef; }
.dateFieldTable tr td.heCell div.cellTitle{margin:0 -10px 5px -10px; text-indent:10px; padding-bottom:3px;}
.dateFieldTable tr td.heCell td.cellTitle{margin:0; text-indent:0; padding-bottom:3px;}
.dateFieldTable tr td.buttons{vertical-align:bottom; border:0;}
.dateFieldTable tr td .subtitle{font-weight:bold;}
.dateFieldTable tr td.toppadding{padding-top:10px;}
.dateFieldTable tr td.separator{border-top:1px solid #efefef;}
.dateFieldTable tr td table{width:100%; margin:0; padding:0;}
.dateFieldTable tr td table tr td{padding:2px 5px 2px 0; border:0; vertical-align:middle; text-align:left;}
.dateFieldTable tr td table tr td img.help{padding-left:5px; vertical-align:middle;}
div.dateFieldButtons{border-top:1px dotted #efefef; margin-top:5px; padding-top:5px; text-align:center;}

/*===================================
======== Report Form Styling ========
===================================*/
table.report{border:0; width:100%; clear:both; font-size:11px;}
table.report tr th {text-transform:capitalize; text-indent:4px; height:30px; text-align:left; vertical-align:middle; font-weight:bold; color:#000; background-color:#e5e5e5; padding:2px; border:1px solid #bbb; cursor:pointer;
	* cursor: hand;
}
table.report tr td.cell-highlight { background-color:#f1f1f1; }
table.report tr td{vertical-align:middle; text-indent:4px; text-align:left; padding:2px; color:#000; border:1px solid #ddd; border-top:0;}
table.report tr td.room-name {text-indent:0; padding-left:4px;}
table.report tr.even td{background-color:#f1f1f1;}
table.report tr td a, table.report tr td a:visited, table.report tr td a:active, table.report tr td a:hover{text-decoration:underline; font-weight:normal; color:#00f;} /* cell anchors */
.sorting_asc{background:url('../images/sort_asc.png') no-repeat center right;}
.sorting_desc{background:url('../images/sort_desc.png') no-repeat center right;}
.dataTables_info{float:left; margin:1em 0;}
.dataTables_paginate {float:right; margin:1em 0;}
.dataTables_paginate span.paginate_button, .dataTables_paginate span.paginate_active{color:#00f; padding:0 2px; margin:0 2px;
	cursor: pointer;
	*cursor: hand;
}
.dataTables_paginate span.paginate_button{}
.dataTables_paginate span.paginate_button:hover{text-decoration:underline;}
.dataTables_paginate span.paginate_active{font-weight:bold; text-decoration:underline;}

/*=======================================
====== Checkbox Trees ===================
=======================================*/
.treeview ul{background-color:#fff;}
.treeview, .treeview ul{padding:0; margin:0; list-style:none;}

.treeview div.hitarea{height:15px; width:15px; margin-left:-15px; float:left; cursor:pointer;}
* html div.hitarea{background:#fff; filter:alpha(opacity=0); display:inline; float:none;}

.treeview li{margin:0; padding:3px 0px 2px 16px !important; background:url(../images/treeview/tv-item.gif) 0 0 no-repeat; font-size:11px !important;}
.treeview .collapsable{background-image:url(../images/treeview/tv-collapsable.gif);}
.treeview .expandable{background-image:url(../images/treeview/tv-expandable.gif);}
.treeview .last{background-image:url(../images/treeview/tv-item-last.gif);}
.treeview .lastCollapsable{background-image:url(../images/treeview/tv-collapsable-last.gif);}
.treeview .lastExpandable{background-image:url(../images/treeview/tv-expandable-last.gif);}

.treeview li.hover{background:transparent; color:#ff0;}

.checkBoxTree{display:none;}
.restrictedTree{height:150px; overflow:auto;}
/*=======================================
====== Checkbox Trees ===================
=======================================*/

/*=======================================
====== checkboxes =======================
=======================================*/
label.checkbox{background-position:0 0; background-repeat:no-repeat; padding:0 0 0 16px; margin:0; display:inline;}
label.checkbox-checked{background-image:url(../images/icons/checkbox_checked.gif);}
label.checkbox-unchecked{background-image:url(../images/icons/checkbox_unchecked.gif);}
label.checkbox-partial{background-image:url(../images/icons/checkbox_partial.gif);}
label.checkbox-checked-disabled{color:#aaa; background-image:url(../images/icons/checkbox_checked_disabled.gif);}
label.checkbox-unchecked-disabled{color:#aaa; background-image:url(../images/icons/checkbox_unchecked_disabled.gif);}
label.checkbox-partial-disabled{color:#aaa; background-image:url(../images/icons/checkbox_partial_disabled.gif);}
/*=======================================
====== checkboxes =======================
=======================================*/


/*=======================================
====== finishtransaction ================
=======================================*/

.feedback-msg
{
	border: 1px solid #000000;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
}

p.reason { margin: 15px; }

#more-info p {
    background: #CCC;
    font-weight: bold;
    padding: 10px;
    font-size: 1.2em;
}

#other-vendors 					{ margin: 0 auto; width: 400px; }
#other-vendors div 				{ text-align: center; width: 100px; }
#other-vendors a.deposit-vendor 	{ margin: 0 auto; }

#play-now
{
	display: block;
	text-align: center;
}

/*=======================================
====== finishtransaction ================
=======================================*/

/*=======================================
=============== entropay ================
=======================================*/

#entropay img { margin-top: 10px; }

#entropay div.about
{
	margin-left: 15px;
	width: 445px;
}

/*=======================================
=============== entropay ================
=======================================*/
