/* ============================================*/
/* main elements */
/* ============================================*/
html {
-moz-box-sizing:border-box;box-sizing:border-box;
}

body {
	background-color:#18161F;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #000000;
	margin:0px;
	scrollbar-face-color:#06609E;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#DDDDFF;
  scrollbar-shadow-color:'';
  scrollbar-highlight-color:'';
  scrollbar-3dlight-color:'';
  scrollbar-darkshadow-Color:'';
}
button {
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size:1em;
}

H1 {
	  font-size: 1.5em;
	  	color: #ADCBDF;
	font-family: "Century Gothic helvetica", "Century Gothic", "Helvetica", sans-serif;
}

H2 {
background-color: #06609E;
color: #ADCBDF;
font-size: 1em;
line-height:1em;
text-align:center;
font-weight:normal;
padding:0px;
margin:0px;
font-family: Arial, Helvetica, sans-serif;
}

H3 {
	  font-size: 1em;
	  	color: #06609E;
		font-family: "Century Gothic helvetica", "Century Gothic", "Helvetica", sans-serif;
}


a:link {
color:#FF6A06;
text-decoration: underline;
}
a:visited {
color:#FF6A06;
text-decoration: underline;
}
a:hover {
color:#FF2A00;
text-decoration:underline;
}


/*
a:link {
  color: #FF9900;
  text-decoration: underline;
}
a:hover {
  color: #ADCBDF;
  text-decoration: underline;
  font-weight:bold;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #FF9900;
	text-decoration: underline;
}*/

caption {
	text-align:left;
	padding-bottom:5px;
	font-size:1em;
}
td, th {
	font-size: .9em;
	padding:1px;
	text-align:center;
	color: #18161F;

	}
	
img{
float:right;
border: 2px solid #06609E;
}

/* ============================================*/
/* Sub elements
/* ============================================*/	
p.small {
font-size: 0.8em;
}	
h1.normal {
	color: #ADCBDF;
	font-size: 1em;
}	
.border {
  padding:5px;
}
.header {
margin-top:20px;
background-color:#06609E;
color:#ADCBDF;
width:100%;
line-height:1.4em;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
text-align:center;
font-size: 1.5em;
}

.content {
background-color:#D8DEE8;
color:#18161F;
width:100%;
padding:20px;
font-size: 0.8em;
}
.content2 {
background-color:#D8DEE8;
color:#18161F;
width:100%;
padding:50px;
font-size: 0.8em;
}

/* ============================================*/
/* popup stuff */	
/* ============================================*/
body.popup {
	background-color: background-color: #2B293D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align:center;
}
.popup_container {
background-color: #D8DEE8;
width:90%;
margin:20px;
color: #000000;
text-align:left;
}
.popup_container .popup_header {
padding:1em;
margin:20px;
}
.popup_container .popup_content
{
padding:1em;
margin:20px;
}


/* ============================================*/
/* colors */
/* ============================================*/	
.bgalmostblack {
	background-color: #18161F;
	color:#727173;
	border-bottom: 1px solid #06609E;
}
	
.bgcharcoal {
background-color: #2B293D;
color: #CCCCCC;
height:28px;	
}	

.bgdarkslate{
background-color: #3E4154;
color: #CCCCCC;	}

.bgstormsea{
background-color:#06609E;
color:#ADCBDF;	}

.lightblue {
background-color: #D8DEE8;
color: #18161F;
}


/* ============================================*/
/* Forms */
/* ============================================*/
td.form {
	background-color: #D8DEE8;
}
th.form {
  background-color: #D8DEE8;
  text-align:right;
  padding-right:5px;
  font-size:11px;	
}
form {
	margin:0px;
}
input, textarea {
font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:1em;}
	
select {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:.9em;
		
}
form_pool_login {
	background-color: #D8DEE8;
	color: #000000;

}	
td.right {
  text-align:right;
}
td.left {
  text-align:left;
}

	
/* ============================================*/
/* Pages*/
/* ============================================*/

.register {
margin-top:20px;
margin-bottom:20px;
width:100%;
height:100%;
text-align:center;
background-color: #18161F;
padding-bottom:30px;
vertical-align: middle;
}
.register .container {
text-align:center;
}
.register input,textarea {
color:black;
width:300px;
}
.register .submit{
padding:30px;
}


table.template {
margin-top:20px;
width:100%;
text-align:center;
background-color: #999999;
border: 1px solid #CCCCCC;
padding:5px;
vertical-align: middle;
}
td.templateTop {
text-align:center;
}
td.template_top {
	background-color: #D8DEE8;
	font-size: .7em;
	line-height:1.5em;
	padding:5px;
	text-align:left;
	color: #18161F;
	}
td.template_middle{
  
	background-color: #2B293D;
	font-size: .7em;
	line-height:1.2em;
	text-align:left;
	color: #CCCCCC;
	border: 0px solid #CCCCCC;
  padding-bottom:20px;
	vertical-align: center;
	}
td.template_bottom {
	background-color: #D8DEE8;
	font-size: 1em;
	line-height:1.5em;
	padding:50px;
	text-align:left;
  border: 5px solid #06609E;
	color: #000000;
	}
.rankexplain {
	color: #000000;
	text-align:center;
}
.rankexplain .surround{
border: 1px solid #555555;
}
.rankexplain td{
border: 1px solid #555555;
font-size: .8em;
}
.rankexplain th{
border: 1px solid #555555;
font-size: 1em;
}
	
.pool_login {
margin-top:20px;
width:100%;
text-align:center;
background-color: #999999;
border: 1px solid #CCCCCC;
padding:0px;
vertical-align: middle;
}
td.pool_login_top {
background-color: #06609E;
padding:5px;
color: #ADCBDF;
font-size: 1.2em;
line-height:1em;
}

td.pool_login_middle_ads{
background-color: #D8DEE8;
width:40%;
}

td.pool_login_middle{
background-color: #D8DEE8;
color: #000000;
font-size: .7em;
line-height:1.2em;
text-align:left;
border: 0px solid #CCCCCC;
padding-right:30px;
padding-bottom:10px;
}
td.pool_login_bottom{
background-color: #D8DEE8;
color: #000000;
font-size: .6em;
line-height:1em;
text-align:right;
padding-right:200px;
}

td.form_pool_login {
	background-color: #D8DEE8;
	color: #000000;
	border: 0px;
	text-align:left;
	padding-left:20px;
	padding-right:30px;
}

th.form_pool_login {
background-color: #D8DEE8;
text-align:right;
color: #000000;
border: 0px;
padding-right:5px;
font-size:11px;
text-align:right;
}
form_pool_loginbutton{
background-color: #D8DEE8;
text-align:right;
color: #000000;
border: 0px;
padding-right:5px;
font-size:11px;
text-align:right;
}
.form_pool_loginbutton {
padding-top:10px;
padding-bottom:10px;
}
.form_pool_login_text {
font-size:11px;
}

td.choose_header {
border: 1px solid #CCCCCC;
background-color: #06609E;
color: #ADCBDF;
}
td.choose {
border: 0px solid #CCCCCC;
background-color: #3E4154;
color: #FFFFFF;
text-align:center;
}

table.instructions {
border: 1px solid #CCCCCC;
background-color: #06609E;
color:#ADCBDF;
}
td.instructions_header {
text-align:center;
color:#ADCBDF;
font-size: 1.2em;
}
td.instructions {
text-align:left;
color:#ADCBDF;
}

.billiards {
background-color: #2B293D;
text-align:center;
padding:10px;
}
.billiards .entry {
background-color: #D8DEE8;
text-align:left;
padding:0px;
width:100%;
padding:20px;
}
.billiards .description {
color: #000000;
text-align:center;
font-size: 1em;
padding:10px;
}
.billiards .games {
text-align:center;

font-size: 1.3em;
font-weight: bold;

}
.billiards P {
color:#FF6A06
}
.copyright {
color:#ADCBDF;
font-size: .9em;
text-align:center;
}


.newcontent {
background-color: #2B293D;
text-align:center;
}
.newcontent .entry {
text-align:left;
padding:0px;
width:90%;
padding:20px;
}
.newcontent .title {
width:30%;
background-color: #06609E;
color: #D8DEE8;
border-top:1px solid #D8DEE8;
border-left:1px solid #D8DEE8;
border-right:1px solid #D8DEE8;	
}
.newcontent .description {
background-color: #D8DEE8;
color: #000000;
text-align:left;
font-size: .8em;
padding:10px;
}
a.newcontent:link {
background-color: #D8DEE8;
color: #805625;
text-decoration: underline;}
a.newcontent:visited {
background-color: #D8DEE8;
color: #805625;
text-decoration: underline}
a.newcontent:hover {
background-color: #D8DEE8;
color: #ff9900;
text-decoration: underline;}


.poolgame {
background-color: #000000;
padding:0px;
}
.poolgame .title {
height:90px;
width:100%;
table-layout:fixed;
overflow:hidden;
}

.poolgame .title .adscontainer{
position:absolute;
left:305px;
top:0px;
width:50%;
}
.poolgame .title .adscontainer .ad{
text-align:center;
font-size: 0.8em;
border:0px solid #000000;
}
.poolgame .title .adscontainer .beta{
text-align:center;
color: #ff9900;
font-size: 0.8em;
border:0px solid #000000;
}

.poolgame .title .logo {
float:left;
}
.poolgame .title .img {
border:0px solid #000000;
float:left;
width:300px;
}

.poolgame .leftcol {
width:160px;
float:left;
}
.poolgame  .gamearea {
margin-left:160px;
}
.poolgame .menu {
height:30px;
font-size:.8em;
text-align:center;
}

.poolgame .menu a:link {
color:orange;
text-decoration:underline;
}
.poolgame .menu a:visited {
color:orange;
text-decoration:underline;
}
.poolgame .menu a:hover {
color:#ADCBDF;
text-decoration:underline;
font-weight:bold;
}

.rules {
background-color: #FFFFFF;
}

.rules .content{
border:0px solid #FFFFFF;
background-color: #FFFFFF;
color: #000000;
margin:20px;
}


.controls .body {
border: 1px solid #CCCCCC;
background-color: #06609E;
color: #ADCBDF;
margin-right:10px;
}
.controls .contents{
text-align:left;
color: #ADCBDF;
margin-left:30px;
}
.controls .contents button {
font-size:.7em;
float:left;
width:120px;
}
.controls .contents p {
margin-left:140px;
margin-right:10px;
}

.javatest {
background-color:#FFFFFF;
color:black;
margin:5px;
width:100%;
height:95%;
padding:10px;
}

/* ============================================*/
/* Shapes
/* ============================================*/
box {
	border:1px solid #000000;
}




/* ============================================*/
/* Specifics
/* ============================================*/

/*Navigation along the header*/
.navigation {
text-indent:10px; padding-right:10px;font-size:1em;}
a.navigation:link {color: #805625;
text-decoration: underline;}
a.navigation:visited {color: #805625;
text-decoration: underline}
a.navigation:hover {color: #ff9900;
text-decoration: underline;}	
.navigation_small {
text-indent:10px; padding-right:10px;font-size:0.9em;}

	
rank {
width:50%;
background-color: #ADCBDF;
border: 1px solid #ADCBDF;}
th.top10 {font-size: 1.2em;
color: #ADCBDF;font-weight: bold;
padding:2px;
background-color: #06609e;text-align:center;}
td.top10 {font-size: 1em;color: #ADCBDF;
padding:1px;background-color: #06609E;text-align:center;}
tr.top10 {font-size: 1em;
padding:1px;color: #ADCBDF;text-align:center;}
caption.top10 {font-size: .9em;
padding:2px;background-color: #ADCBDF;color: #18161F;text-align:center;}




/* ============================================*/
/* button styles */
/* ============================================*/

#button  a {
   display:inline;
	 text-align : center;
   
	 margin-bottom : 3px;
   margin-top : 3px;
   padding : 3px;
	 
   text-decoration : none;
   width:120px;
   color:#224059;
	 
   border-top : 1px solid #eaedf4;
   border-left : 1px solid #eaedf4;
   border-bottom : 1px solid #224059;
   border-right : 1px solid #224059;
   background : #99aabf;
}

#button  a:hover {
	 display:inline;
	 text-align : center;
   margin-bottom : 3px;
   margin-top : 3px;

   border-top : 1px #31557f solid;
   border-left : 1px #31557f solid;
   border-bottom : 1px #f8f9fb solid;
   border-right : 1px #f8f9fb solid;
   text-decoration : none;
   background : #b8d0e6;
}

#button2  a {
   display:inline;
	 text-align : center;
   
	 margin-bottom : 3px;
   margin-top : 3px;
   padding : 3px;
	 
   text-decoration : none;
   width:50px;
   color:#224059;
	 
   border-top : 1px solid #eaedf4;
   border-left : 1px solid #eaedf4;
   border-bottom : 1px solid #224059;
   border-right : 1px solid #224059;
   background : #99aabf;
}

#button2  a:hover {
	 display:inline;
	 text-align : center;
   margin-bottom : 3px;
   margin-top : 3px;

   border-top : 1px #31557f solid;
   border-left : 1px #31557f solid;
   border-bottom : 1px #f8f9fb solid;
   border-right : 1px #f8f9fb solid;
   text-decoration : none;
   background : #b8d0e6;
}