﻿body {
    background: url(../../images/theme/Pasar4D/pagebg.jpg) no-repeat top center #151314;
}
.mainHeader {
    background: url(../../images/theme/Pasar4D/topbg.jpg) no-repeat top left #3c0201;
    display: table;
    width:100%; 
    height:115px;
}
.loginPanel, .mainContainer {
    background-color:#2f0004;
}
.resultcontainer {
    background: url(../../images/theme/Pasar4D/resultbg.jpg) no-repeat top right #150d00;
    border-top: #5b160a 1px solid;
    border-left: #5b160a 1px solid;
}
.logintopbar {
    background: url(../../images/theme/Pasar4D/topbar.jpg) repeat-x top left #251b18;
    min-height:16px;
    font-size:12px;
    font-family:Arial;
    color:#ffffff;
    padding:0px 10px;
    display: table; 
    width:100%;
}
.main-navbar {
    background: url(../../images/theme/Pasar4D/navbar.jpg) repeat-x top left #242021;
}
.main-navbar2 {
    background: url(../../images/theme/Pasar4D/navbar2.jpg) repeat-x top left #2f2f2f;
}
.market-detail {
    padding: 5px;
    background-color: #000000;
    display: inline;
    border: 1px solid #9b282d;
}
.marquee {
	color: #ffffff;
    font-family: arial;
    font-size: 16px;
    top:85px;
    position:relative;
    margin-right:-70px;
}
.spanclose {
    color:#da0b00;
}
.spanopen {
    color:#FFDE17;
}
.result {
    color: #ffffff;
    border-right: #5b160a 1px solid;
    border-bottom: #5b160a 1px solid;
}
.resulttime {
    color: #ffffff;
    text-align:center;
    font-weight: bold;
    padding-bottom:5px;
}
.resulttitle {
    color: #ffe400;
    font-weight: bold;
}
.resulttext {
    padding: 5px 5px 0px 5px;
    text-align:center;
}
#ball48 {
    background:url(../../images/theme/Pasar4D/banner48.jpg) no-repeat top left #0a0000;
}
#ball36 {
    background:url(../../images/theme/Pasar4D/banner36.jpg) no-repeat top left #0a0000;
}
#ball24 {
    background:url(../../images/theme/Pasar4D/banner24.jpg) no-repeat top left #0a0000;
}
#ball12 {
    background:url(../../images/theme/Pasar4D/banner12.jpg) no-repeat top left #0a0000;
}
#dragontiger {
    background:url(../../images/theme/Pasar4D/bannerdt.jpg) no-repeat top left #0a0000;
}

.loginPanel .control-label {
    color: #ffffff;
}
.login-link:hover, .login-link:active, .login-link:visited, .login-link:link {
    color: #ffffff;
    font-weight:bold;
}
.banner-text, .banner-text2 {
    color:#ffffff;
}
.banner-header {
    color: #ffffff;
    font-weight: bold;
}
.waplink {
    color:#ffffff;
    position:absolute;
    margin-left: 135px;
    margin-top: 92px;
}
.logolink {
    margin:0px 10px;
    display:inline-block;
}
.logolink2 {
    margin:0px;
    display:inline-block;
}
.logolink2 img {
    max-height:110px;
}
.rulescontainer {
    text-align: center;
    padding:5px;
}

.badge {
    background-color: #6b0103;
}
.newMsg{
	margin-top:-22px;
	right:0px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	display: block;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
}
.newMsgArrow{
	position: absolute;
	margin-left: -5px;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ff4000;
}
.newMsgContent{
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: #ff4000;
	border-radius: 4px;
}

.btn-register, .btn-register:hover, .btn-register:active, .btn-register.active, .btn-register:focus, .btn-register.focus, .btn-register:visited, .btn-register:link {
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    background-color: #419641;
    font-weight:bold;
    color:#ffffff;
}
.login-button {
    border:0px;
    border:none;
    outline:none;
}
#videotab li a {
    color:#000000;
    background-color:#666666;
    font-weight:bold;
    border:1px solid #000000;
}
#videotab > li.active > a,#videotab > li.active > a:hover, #videotab > li.active > a:focus {
    border:1px solid #ffffff;
    border-bottom:1px solid #000000;
    background-color:#dddddd;
}
#videotab > li > a:hover {
    background-color:#6e6e6e;
}
.nav-tabs.nav-justified > li > a {
    margin-bottom:0px;
}
.bannerdisplaytime {
    float:left;
    display:inline-block;
    text-align:center;
    margin:10px 0px 10px 80px;
    min-width:260px;
}
.bannerdisplayresult {
    float:left;
    display:inline-block;
    text-align:center;
    margin:5px auto;
    min-width:150px;
}
.banner-text3 {
    color:#ffffff;
    font-size:32px;
    font-weight:bold;
}
        
a.resultlink {
    color:#39B54A;
    text-decoration:underline;
    font-weight:bold;
}
a.officiallink {
    display: inline-block;
}
.bankOnline {
    font-size:15px;
    font-weight:bold;
    color:#008000;
}
.bankOffline {
    font-size:15px;
    font-weight:bold;
    color:#800000;
}
.bankContent {
    font-size:15px;
    font-weight:bold;
}
.iconbar {
    margin-top: 0px;
}
.result {
    background-color:transparent;
}
#sidePanel-content {
    -webkit-border-radius: 0px 20px 20px 0px;
    -moz-border-radius: 0px 20px 20px 0px;
    border-radius: 0px 20px 20px 0px;
    background-color:#ffffff;
    padding:20px;
    width:230px;
    float:left;
}
#panelHandle {
    top:50px;
    position:relative;
    cursor: pointer;
    float:left;
}
#closeHandle {
    top:-40px;
    position:relative;
    float:left;
    cursor: pointer;
    margin-left:-115px;
}
#sidePanel {
    position:fixed;
    margin-top:-290px;
    top:50%;
    z-index:999;
    left:0px;
}
#leftBanner {
    position:fixed;
    margin-top:0px;
    top:50%;
    z-index:998;
    left:0px;
}
#rightBanner {
    position:fixed;
    margin-top:30px;
    top:0%;
    z-index:998;
    right:0px;
}
.login-button, .login-button:visited, .login-button:link {
    width: 112px;
    height: 34px;
    background: url(../../images/theme/Pasar4D/btnlogin.png) no-repeat;
    display: block;
    font-family: Arial;
    font-size: 18px;
    font-weight:bold;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    line-height: 34px;
    text-decoration: none;
}
.login-button:hover, .login-button:active {
    color: #715313;
}
.banker-container {
    background-color:#2f0004;
}
.footer {
    background-color:#231f20;
    padding:0px 15px 15px 15px;
    color:#ffffff;
    position: relative;
    float: left;
}
.footercontent a {
    color: #9b1d22;
}
.footercontent {
    text-align:center;
    display:block;
}
.footerlink-container {
    display:block;
    margin-bottom:10px;
}
.footerlink-container > a, .footerlink-container > div{
    display:inline-block;
    margin-top:10px;
}
.main-navbar.navbar-inverse .navbar-nav > .open > a, .main-navbar.navbar-inverse .navbar-nav > .open > a:hover, .main-navbar.navbar-inverse .navbar-nav > .open > a:focus {
    background:#1b1b1b;
}
.banker-container {
    background-color:#000000;
}
@media (max-width:767px) {
    .marquee {
        top:0px;
        position:relative;
        margin-right:0px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #888888; 
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
}
@media (max-width:1279px) {
    #leftBanner, #rightBanner {
        display: none !important;
    }
}