/*
******************************************************
PHP-Quick-Arcade 3.0 CSS
     => White Default
*******************************************************
*/

body {
  font-family: arial, helvetica, sans-serif;
  font-size: 0.75em;
  color: #FFFFFF;
  background-color: #000000;  
}

table, tr, td { 
font-family: Verdana, Tahoma, Arial, sans-serif; 
font-size: 11px; 
color: #FFFFFF; 
}


/* Link Colors */
a:link, a:visited, a:active { 
text-decoration: underline; 
color: #DEFF00; 
}
a:hover {
text-decoration: underline; 
color: #FFFFFF;
}

/* The color of all the insides of the tables. */
.arcade1 { 
background-color: #555555;  
  color: #FFFFFF;
}
.arcade2 { 
background-color: #333333;  
  color: #FFFFFF;
}
/* The borders of the tables */
.tableborder { 
background-color:#BFBDBD; 
border:1px solid #000; 
padding:0px; 
margin:0px;  
  margin-bottom:10px;
width:85%; 
align: center;
  float: left;
  margin-left: 20px;
}


/* Submit and select buttons */
input, select {
background: #FFF; 
background-image:url(Default/input.png);
border: 1px solid #545454;
color: #000;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;padding: 2px;
vertical-align: middle;
}

/* The "hat" of the table */
.headertableblock { 
  font-size: 1.0em;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-indent: 10px;
  margin: 0px;
  color: #DEFF00;
  background-color: #006DA6; 
}

/* Tournament challenge name box */
.challengename{
border:1px solid #000;
text-align:center;
width:150px;
}

/* How many times a game was played. */
.viewedtimes{
font-size:smaller;
color:#BCBCBC;
}

/* -- Menu & news container -- */

#sideBar {
  float: right;  
  width: 200px;
  margin: 0px;  
  background-color: #333333;
}

#sideBar p {    
  margin: 0px;
  padding: 5px 5px 10px 5px;
  background-color: #555555;
}

#sideBar a {  
  text-decoration: none;
  border-bottom: 1px solid #DEFF00;
  color: #FFFFFF;
}

#sideBar a:hover {
  color: #DEFF00;
}

#sideBar a img {  
  vertical-align:middle;
  padding: 0 5px 0 5px;
  border: 0px;
}

#sideBar a.menuItem {
  display: block;
  clear: both;
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: left;
  text-decoration: none;
  margin-top: 1px;
  padding: 0 0 0 25px;
  border: 0px;
  color: #FFFFFF;
  background: #006DA6 url(../images/relaxed_icn_menu.gif) no-repeat center left;
}
#sideBar h1{
  clear: both;  
  font-size: 1.0em;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-indent: 10px;
  margin: 0px;
  border-top: 10px solid #000000;
  border-bottom: 10px solid #333333;  
  color: #DEFF00;
  background-color: #006DA6;
}
#sideBar a:hover.menuItem {
  color: #DEFF00;
  background: #00517C url(../images/relaxed_icn_menu_on.gif) no-repeat center left;
}

#sideBarHeader {
  height: 100px;
  background: #333333 url(../images/relaxed_hdr_bg.gif) repeat-x bottom right;;
}

#sideBarFooter {  
  height: 70px;
  border-top: 10px solid #000000;
  background: #333333 url(../images/round_corner.gif) no-repeat bottom right;
}
/* -- Content header and footer -- */
#headerbg {
  height: 100px;
  border-bottom: 5px solid #000000; 
  background: #000000 url(../images/relaxed_hdr_bg.gif) repeat-x top right;;
}
#header {  
  height: 100px;
  width: 100%;
  text-align: right;
  vertical-align: bottom;
  border-bottom: 5px solid #000000;
  background: url(../images/relaxed_hdr.gif) no-repeat top left;  
}
/* -- Title and sub-headings -- */

.highLight {
  color: #DEFF00;
}

#title {
  font-size: 36px;
  padding: 48px 4px 0px 0px;  
  
}

#title[id] {
  padding-top: 48px;
  padding-bottom: 3px;
}

#title a{
  display: block;  
  font-size: 10px;
  text-transform: uppercase;
  margin-top: -8px;
  border: 0px;
}

#title a:hover{
  color: #DEFF00;
}

.quote {
  display: block;
  margin: 10px 20px 10px 20px;
  padding: 2px;  
  border: 1px solid #888888;
  background-color: #666666;
}
#footer {
  float: left;
  height: 75px;
  width: 85%;  
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: center;  
  margin-top: 10px;
  margin-bottom: 10px; 
  margin-left: 20px;
  background: #333333 url(../images/round_corner.gif) no-repeat bottom right;  
}
