﻿@charset "utf-8";
/* CSS Document */
#adminmessage 
{
        display:block; 
        padding:10px 10px 10px 60px; 
        margin-bottom:15px; 
        color:#d52222; 
        background:#f2f2f2 url('../images/attention.png') no-repeat 10px 10px; 
        border:2px solid #d52222;
}

#Wraper {
	padding:5px;
	width:100%;
	height:100%;
	z-index:1;
	margin:0 auto;
}
table {
}
t
table, th, td {    font-size: x-small;
}

td {    text-align: right;
}
ernamestop {
  float:left;
}
#innerwrapper{
  float:left;
  height:100%;padding:10px;background-color: rgba(115, 115, 115, 0.498039);
  background: rgba(115, 115, 115, 0.498039);
  color: rgba(115, 115, );
  margin:0 auto;
  border:2px solid #999999;
  border-radius:15px;
  box-shadow:#AAAAAA 0 0 15px;
  height:100%;
  padding:10px;
  width:880px;
}


#innerwrapperzomm{
  width:420px;height:100%;padding:10px;background-color: rgba(115, 115, 115, 0.498039);
  background: rgba(115, 115, 115, 0.498039);
  color: rgba(115, 115, );
  margin:0 auto;
  border:2px solid #999999;
  border-radius:15px;
  box-shadow:#AAAAAA 0 0 15px;
  height:100%;
  padding:10px;
}

#innerwrapperleft{
  float:left;
  width:420px;height:100%;padding:10px;background-color: rgba(115, 115, 115, 0.498039);
  background: rgba(115, 115, 115, 0.498039);
  color: rgba(115, 115, );
  margin:0 auto;
  border:2px solid #999999;
  border-radius:15px;
  box-shadow:#AAAAAA 0 0 15px;
  height:100%;
  padding:10px;
  width:420px;
}

#innerwrapperleft02{
  float:left;
  width:420px;height:100%;padding:10px;;
  margin:0 auto;
  border:0px solid #999999;
  border-radius:15px;
  height:100%;
  padding:10px;
  width:420px;
}

#innerwrapperright{
  float:right;
  width:420px;height:100%;padding:10px;background-color: rgba(115, 115, 115, 0.498039);
  background: rgba(115, 115, 115, 0.498039);
  color: rgba(115, 115, );
  margin:0 auto;
  border:2px solid #999999;
  border-radius:15px;
  box-shadow:#AAAAAA 0 0 15px;
  height:100%;
  padding:10px;
  width:420px;
}
#innerwrapperright02{
  float:right;
  width:420px;height:100%;padding:10px;
  margin:0 auto;
  border:0px solid #999999;
  border-radius:15px;

  height:100%;
  padding:10px;
  width:420px;
}

#innerwrapper02{
 
  margin:20px 0 30px;
  padding:15px;
}

#innerwrapper2{
  background:#black;
  border:1px solid #777777;
  border-radius:0px;
  box-shadow:#BBBBBB 0 0 0.5px inset;
  margin:20px 0 30px;
  padding:15px;
  height:475px;
}
#dftrangt02{
  padding:10px;
  line-height:30px;
}
#dftrangt{
  background:#FCF3CA;
  border:1px solid #BBBBBB;
  border-radius:2px;
  padding:10px;
  line-height:30px;
}
#login{
  width:450px;
  height:540px;
  margin-left:60%;
  margin-top:20px;
  margin-bottom:20px;
  padding:10px;
  background-color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.25);
  border-radius:15px;
  color: white;
  box-shadow:#AAAAAA 0 0 0px;padding:10px;
}

body 
{
    
    background:#18437b url("./image/SLIDE-JB-LUCKDRAW.png") no-repeat fixed left top;
	margin:0px;
	font-family:'Open Sans', Helvetica, sans-serif;
    text-align: center;
	background-size: 750px;
	background-position: 10%; 
}

  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border:1px solid #194E8B;
  border-radius:8px;
  box-shadow:#444444 1px 1px 3px;
  color:#FFFFFF;
  font-family:Arial;
  font-size:15px;
  padding:5px 15px;
  text-decoration:none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.btn2 {
  background: #f5ba27;
  background-image: -webkit-linear-gradient(top, #f5ba27, #ffcb4a);
  background-image: -moz-linear-gradient(top, #f5ba27, #ffcb4a);
  background-image: -ms-linear-gradient(top, #f5ba27, #ffcb4a);
  background-image: -o-linear-gradient(top, #f5ba27, #ffcb4a);
  background-image: linear-gradient(to bottom, #f5ba27, #ffcb4a);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border:1px solid #81640D;
  border-radius:8px;
  box-shadow:#444444 1px 1px 3px;
  color:#444444;
  font-family:Arial;
  font-size:15px;
  padding:5px 15px;
  text-decoration:none;
}

.btn2:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #de8b32, #ffa84a);
  background-image: -moz-linear-gradient(top, #de8b32d, #ffa84a);
  background-image: -ms-linear-gradient(top, #de8b32d, #ffa84a);
  background-image: -o-linear-gradient(top, #de8b32, #ffa84a);
  background-image: linear-gradient(to bottom, #de8b32, #ffa84a);
  text-decoration: none;
}

.btn3 {
  background-position: 0% 0%;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    box-shadow: #888888 1px 1px 3px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 5px 15px;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #EA0000, #7B0000);
    background-color: #7B0000;
    background-repeat: repeat;
    background-attachment: scroll;
}

.btn3:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #de8b32, #ffa84a);
  background-image: -moz-linear-gradient(top, #de8b32d, #ffa84a);
  background-image: -ms-linear-gradient(top, #de8b32d, #ffa84a);
  background-image: -o-linear-gradient(top, #de8b32, #ffa84a);
  background-image: linear-gradient(to bottom, #de8b32, #ffa84a);
  text-decoration: none;
}

h1 { 
    background: #f5ba27; /* Old browsers */
background: -moz-linear-gradient(top, #f5ba27 0%, #de8b32 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ba27), color-stop(100%,##de8b32)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5ba27 0%,#de8b32 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5ba27 0%,#de8b32 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5ba27 0%,#de8b32 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5ba27 0%,#de8b32 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea3e5', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
  border:1px solid #194E8B;
  border-radius:5px;
  box-shadow:#888888 0 0 5px;
  color:#FFFFFF;
  display:block;
  float:right;
  font-size:15px;
  margin:-42px 370px 0;
  padding:2px;
  text-align:center;
  width:225px;
}
h2 { 
    display: block;
    font-size: 14px;
    margin:0 0 -5px;
}
h3 { 
  background: #51BBD2; /* Old browsers */
background: -moz-linear-gradient(top,  #51BBD2 0%, #2D97AF 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51BBD2), color-stop(100%,#2D97AF)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #51BBD2 0%,#2D97AF 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #51BBD2 0%,#2D97AF 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #51BBD2 0%,#2D97AF 100%); /* IE10+ */
background: linear-gradient(to bottom,  #51BBD2 0%,#2D97AF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51BBD2', endColorstr='#2D97AF',GradientType=0 ); /* IE6-9 */
border:1px solid #194E8B;
  border-radius:5px;
  box-shadow:#888888 0 0 5px;
  color:#FFFFFF;
  display:block;
  font-size:15px;
  margin:-55px 0 5px;
  padding:2px;
  text-align:center;
  width:180px;
}
h4 { 
  background: #51BBD2; /* Old browsers */
background: -moz-linear-gradient(top,  #51BBD2 0%, #2D97AF 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51BBD2), color-stop(100%,#2D97AF)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #51BBD2 0%,#2D97AF 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #51BBD2 0%,#2D97AF 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #51BBD2 0%,#2D97AF 100%); /* IE10+ */
background: linear-gradient(to bottom,  #51BBD2 0%,#2D97AF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51BBD2', endColorstr='#2D97AF',GradientType=0 ); /* IE6-9 */
border:1px solid #194E8B;
  border-radius:5px;
  box-shadow:#888888 0 0 5px;
  color:#FFFFFF;
  display:block;
  font-size:13px;
  font-weight:bold;
  margin:0 5px;
  padding:8px;
  text-align:center;
  width:100px;
}
h5 { 
    display: block;
    font-size: 12px;
	color:#51BBD2;
    margin:0 0 -5px;
    font-weight:normal;
}
/* unvisited link */
a:link {
    color: #4EA3E5;
	text-decoration:none;
}

/* visited link */
a:visited {
    color: #4EA3E5;
	text-decoration:none;
}

/* mouse over link */
a:hover {
    color: #555555;
	text-decoration:none;
}

/* selected link */
a:active {
    color: #0000FF;
}

#header{
    /*background:url(./f/image/header.jpg) 50% 0% no-repeat transparent;*/
	width:100%;
	/*box-shadow: #444444 0 0 15px;*/
}

#innerheader{
    width:1000px;
	margin:0 auto;
	height:80px;
	padding:10px 0;
	}
#headerleft{
    float:left;
	/*width:200px;*/
}
#headerright{
    float:right;
	width:270px;
	margin-top:20px;
}
#topsearch{
    background:#EEEEEE;
  border:1px solid #CCCCCC;
  border-radius:5px;
  box-shadow:#BBBBBB 0 0 10px;
  margin-left:10px;
  margin-top:5px;
  padding:6px;
  width:225px;
}
#search{
  background:#DDDDDD;
  border:1px solid #999999;
  border-radius:2px;
  box-shadow:#999999 0 0 5px inset;
  height:25px;
  margin-left:2px;
  padding:2px;
  width:220px;
}
#topmenu{
  width:100%;background: #39b1cc;
  background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
  background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%);
  border-top-color:#2491A9;
  border-top-style:solid;
  border-top-width:5px;
}
#topcolumn {
	background:-webkit-gradient(linear, 0 0%, 0 100%, color-stop(0.1, #ffffff), to(#eeeeee));
	background:linear-gradient(#ffffff 0%, #eeeeee 100%);
	border:2px solid #dddddd;
	box-shadow:#444 0 0 5px;
	width:870px;
	height:20px;
	padding:15px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	z-index:1;
}
#top-right-block {
    float:right;
	width:285px;
	height:30px;
	z-index:1;
}
#top-left-block {
    float:left;
	width:400px;
	height:30px;
	z-index:1;
}
#undertopnav {
  background:#555555;
  border:1px solid #444444;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  box-shadow:#444444 0 0 5px;
  height:30px;
  margin:0 auto 5px;
  padding:5px 0;
  width:900px;

}
#undertopnavright {
  color:#AAAAAA;
  float:right;
  line-height:30px;
  width:600px;
}
#undertopnavrightinner {
  float:right;
  margin-right:15px;
}
#topinnerright {
  float:right;
}
#topinnerleft {
  background:#444444;
  border-radius:5px;
  float:left;
  height:20px;
  margin-right:15px;
  padding:5px;
  width:100px;
}
#bodycontent {
	width:1000px;
	height:100%;
	z-index:1;
}
#content {
	width:640px;
	float:left;
	height:100%;
	z-index:1;
	margin-top:20px;
	border-radius:5px;
    box-shadow:#444444 0 0 5px;
}
#contentfunding {
	width:800px;
	float:left;
	height:100%;
	z-index:1;
    background:-webkit-gradient(linear, 0 0%, 30% 100%, color-stop(0.1, #51BBD2), to(#2D97AF));
    background:linear-gradient(#51BBD2 0%, #2D97AF 100%);
}
#contentdata {
  background:-webkit-gradient(linear, 0 0%, 30% 100%, color-stop(0.1, #51BBD2), to(#2D97AF));
  background:linear-gradient(#51BBD2 0%, #2D97AF 100%);
  border:1px solid #062381;
  border-radius:5px;
  box-shadow:#444444 0 0 5px;
  color:#FFFFFF;
  height:100px;
  margin-bottom:10px;
  padding:5px;
  width:620px;
  z-index:1;
}	
#usernames {
  font-size:18px;
  height:30px;
  text-shadow:#555555 1px 1px 1px;
}	
#status {
  font-size:13px;
  height:30px;
}
#idnumber {
  font-size:13px;
  height:30px;
}
#sidebar {
  float:right;
  height:100%;
  margin-top:15px;
  padding:2px;
  width:250px;
  z-index:1;
}	
	
#contentsidebar {
	background:-webkit-gradient(linear, 0 0%, 30% 100%, color-stop(0.1, #fef1c9), to(#edd384));
	background:linear-gradient(#fef1c9 0%, #edd384 100%);
	border:2px solid #81640d;
	box-shadow:#444 0 0 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:8px;
	width:230px;
	height:100%;
	z-index:1;
	margin-bottom:10px;
	word-wrap: break-word;
}		
#insideleft {
    width:200px;
	text-align:left;
	float:left;
	height:100%;
}

#contentsidebar3 {
	background:-webkit-gradient(linear, 0 0%, 30% 100%, color-stop(0.1, #fccb10), to(#d5a900));
	background:linear-gradient(#00d42d 0%, #65ff86 100%);
	border:2px solid #9a7a00;
	box-shadow:#444 0 0 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:8px;
	width:230px;
	height:100%;
	z-index:1;
	margin-bottom:10px;
	word-wrap: break-word;
}	

#contentsidebar5 {
	border:2px solid #9a7a00;
	box-shadow:#444 0 0 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:8px;
	width:230px;
	height:100%;
	z-index:1;
	margin-bottom:10px;
	word-wrap: break-word;
}	
#insidecenter {
  border-left-style:solid;
  border-left-width:1px;
  float:right;
  height:100%;
  padding:0 10px;
  text-align:center;
  width:190px;
}
#insideright {
  border-left-style:solid;
  border-left-width:1px;
  float:right;
  height:100%;
  text-align:right;
  text-transform:uppercase;
  width:200px;
}
#insidebigleft {
  float:left;
  height:100%;
}
#countdowncln {
  background:#555555;
  border:2px solid #DDDDDD;
  border-radius:13px;
  box-shadow:#000000 0 0 13px inset;
  font-size:25px;
  height:30px;
  text-shadow:#000000 2px 1px 1px;
}
#currency {
  font-size:18px;
  font-weight:bold;
  height:20px;
  padding:5px;
  text-shadow:#444444 1px 1px 1px;
  color:#FFFF00;
}
#buttoncolumn {
  height:35px;
}
#footer {
  color:#555555;
  width:900px;
  margin:0 auto;
  font-size:13px;
  float:left;
  line-height:45px;
  text-align:left;
  text-shadow:#999999 0 1px 1px;
}

.style3 {font-size: 12px}
.style4 {font-size: 10px}
.style5 {
	font-size: 18px;
	font-weight: bold;
}
.style6 {font-size: 14px}

#menu-bar {
  -webkit-box-shadow:#666666 0 0 0;
  background:-webkit-gradient(linear, 0 0%, 0 100%, from(#51BBD2), to(#2D97AF));
  background:linear-gradient(#51BBD2 0%, #2D97AF 100%);
  border:0 solid #6D6D6D;
  border-radius:0;
  box-shadow:#666666 0 0 0;
  height:50px;
  line-height:100%;
  margin:0 auto;
  padding:0 0 0 10px;
  position:relative;
  width:900px;
  z-index:999;
}
#menu-bar li {
  float:left;
  border-right-color:#2491A9;
  border-right-style:solid;
  border-right-width:1px;
  list-style:none;
  padding:0;
  position:relative;
}
#menu-bar a {
  border-radius:0;
  color:#E7E5E5;
  display:block;
  font-family:'trebuchet ms';
  font-size:17px;
  font-style:normal;
  font-weight:normal;
  margin:0 10px;
  padding:17px 30px;
  text-decoration:none;
  text-shadow:#828282 1px 1px 1px;
}
#menu-bar li ul li a {
  margin:0;
}
#menu-bar .active a, #menu-bar li:hover > a {
  background:#2D95AD;
  box-shadow:#555555 0 0 5px;
  color:#DDDDDD;
  text-shadow:#999999 1px 1px 1px;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  -webkit-box-shadow:none;
  background:none;
  border:none;
  color:#666666;
}
#menu-bar ul a:hover {
  background:#444444 !important;
  border-radius:0;
  color:#FFFFFF !important;
  text-shadow:#444444 2px 2px 3px;
}
#menu-bar li:hover > ul {
  display:block;
}
#menu-bar ul {
  -webkit-box-shadow:#444444 1px 1px 15px;
  background:#FFFFFF;
  border:3px solid #C7C7C7;
  border-radius:5px;
  box-shadow:#444444 1px 1px 1px;
  display:none;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:30px;
  width:185px;
}
#menu-bar ul li {
  float:none;
  margin:0;
  padding:0;
}
#menu-bar ul a {
  color:#424242 !important;
  font-family:arial;
  font-size:12px;
  font-style:normal;
  font-weight:normal;
  padding:10px 0 10px 15px;
  text-shadow:#FFFFFF 2px 2px 3px;
}
#menu-bar ul li:first-child > a {
  border-top-left-radius:0;
  border-top-right-radius:0;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}
#menu-bar::after {
  clear:both;
  content:'.';
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}
#menu-bar {
  display:inline-block;
}
html[xmlns] #menu-bar {
  display:block;
}
* html #menu-bar {
  height:1%;
}
