/*
################################################################################
##
## V4 STYLE by BIG DOG ADMIN
##
################################################################################
*/

/*
################################################################################
##
## NEW DIMENSIONS 964px
## LEFT 166px
## SPACE 12px
## MIDDLE 608px
## SPACE 12px
## RIGHT 166px
##
## So middle = 632px and middle2 = 608px
## position relative 0px except middle2 = 12px
##
################################################################################
*/

body {
  scrollbar-face-color:#333333; 
	scrollbar-shadow-color:#000000; 
	scrollbar-highlight-color:#666666; 
	scrollbar-3dlight-color:#666666; 
	scrollbar-darkshadow-color:#000000; 
	scrollbar-track-color:#222222;
	scrollbar-arrow-color:#999999;
	background-color: rgb(99, 99, 99);
	background-image: url(images/gray_bg.gif);
	text-align: center;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
}

A:link { 
font-family: Arial, Verdana, Helvetica;
font-size: 11px;
color: #ffffff;
text-decoration: none;
font-weight: normal;
} 
A:visited { 
font-family: Arial, Verdana, Helvetica;
font-size: 11px;
color: #ffffff;
text-decoration: none;
font-weight: normal;
} 
A:hover { 
font-family: Arial, Verdana, Helvetica;
font-size: 11px;
color: #ffbbff;
text-decoration: none;
font-weight: normal;
} 

select {
background-color: #333333;
font-family: arial, helvetica, sans-serif;
color: #cccccc;
border: 1px solid #999999;
}

.myinput{
background-color: #333333;
font-family: arial, helvetica, sans-serif;
color: #cccccc;
border: 1px solid #999999;
}

/*
################################################################################
##
## FIRST WE WILL LIST THE MAIN SECTIONS
##
################################################################################
*/

#outerwrapper {
position: relative;
width: 964px;
text-align: center;
margin: 0 auto;
padding: 0;
border: 0 solid;
}

#wrapper {
float:left;
position: relative;
width: 964px;
text-align: left;
background-color: rgb(33, 33, 33);
background-image: url(images/wrapper.png);
background-repeat: repeat-y;
margin: 0 auto;
padding: 0;
border: 0 solid;
}

.spacer {
float:left;
position : relative;
width : 964px;
height: 0px;
text-align : left;
margin : 0 auto;
padding : 0;
border : 0 solid;
overflow: hidden;
}

#left {
float : left;
width : 166px;
margin : 0;
padding : 0;
border : 0;
}

#middle {
float : left;
width : 632px;
margin : 0;
padding : 0;
border : 0;
}

#middle2 {
float : left;
position : relative;
left : 12px;
width : 632px;
margin : 0;
padding : 0;
border : 0;
}

#right {
float : left;
width : 166px;
margin : 0;
padding : 0;
border : 0;
}

/*
################################################################################
##
## NEXT THE HEADER AND MENU
##
################################################################################
*/

#header {
float : left;
position : relative;
left : 0px;
width : 964px;
height: 125px;
margin : 0 auto;
padding : 0;
border : 0 solid;
background-image: url(images/newheader.gif);
background-repeat: no-repeat;
}

#bottomheader {
float : left;
position : relative;
left : 0px;
top: 0px;
width : 964px;
height: 26px;
margin : 0 auto;
padding : 0;
border : 0 solid;
background-image: url(images/top_middle.png);
background-repeat: no-repeat;
}

#middlebar {
float : left;
position : relative;
left : 0px;
top: -4px;
width : 632px;
height: 21px;
margin : 0 auto;
padding : 0;
border : 0 solid;
background-image: url(images/middlebar.png);
background-repeat: no-repeat;
}

/*
################################################################################
##
## BUTTONS
##
################################################################################
*/

#buttonrow {
width: 964px;
height: 24px;
float: left;
position: relative;
left: 2px;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
}

.button {
float: left;
display: block;
height: 24px;
width: 137px;
background-image: url(images/button.png);
padding: 0;
margin: 0;
position: relative;
top: 0px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #000000;
overflow: hidden;
}

.buttonover {
float: left;
display: block;
height: 24px;
width: 137px;
background-image: url(images/buttonover.png);
padding: 0;
margin: 0;
position: relative;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #000000;
overflow: hidden;
}

.button a:link, .button a:visited, .button a:hover, .buttonover a:link, .buttonover a:visited, .buttonover a:hover {
display: block;
height: 24px;
width: 137px;
font-size: 14px;
font-weight: bold;
color: #000000;
padding: 4px 0 0 0;
}

.button a:link b, .button a:visited b, .button a:hover b, .buttonover a:link b, .buttonover a:visited b, .buttonover a:hover b {
display: block;
height: 24px;
width: 137px;
float:left;
font-size: 14px;
font-weight: bold;
color: #cccccc;
padding: 4px 0 0 0;
position: relative;
bottom: 21px;
right: 1px;
}

.button a:hover, .buttonover a:hover {
cursor: pointer;
}

/*
################################################################################
##
## NEXT THE LOGINBOX
##
################################################################################
*/

#loginbox {
float: left;
height: 40px;
width: 956px;
background-image: url(images/loginbox.png);
background-repeat: no-repeat;
overflow: hidden;
position: relative;
left: 4px;
padding: 0;
margin: 0;
}

.login_style { 
height : 16px;
width : 90px;
padding : 0 0 0 3px;
border : 1px solid rgb(225, 232, 239);
font-family : arial, helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
background-color: rgb(138, 145, 189);
}

.search_style {
height : 16px;
width : 115px;
padding : 0 0 0 3px;
border : 1px solid rgb(225, 232, 239);
font-family : arial, helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
background-color: rgb(138, 145, 189);
}


/*
################################################################################
##
## NEXT THE BOX THAT SHOWS NEWEST GAMES
##
################################################################################
*/

#widegames {
float: left;
height: 95px;
width: 964px;
overflow: hidden;
position: relative;
left: 0px;
padding: 0;
margin: 0;
}

.widegames_icons {
float: left;
height: 85px;
width: 85px;
border: 0;
padding: 0;
margin: 5px 0 0 10px;
}

/*
################################################################################
##
## NEXT THE FOOTER
##
################################################################################
*/

#footer {
float : left;
position : relative;
left : 0px;
width : 964px;
height: 36px;
margin : 0 auto;
padding : 0;
border : 0 solid;
background-image: url(images/footer.png);
background-repeat: no-repeat;
}

/*
################################################################################
##
## ADJUST THE TEXT POSITIONING IN TITLEBARS
##
################################################################################
*/

.adjustCenteredText {
position: relative;
top: 6px;
}

.adjustLeftText {
position: relative;
top: 6px;
left: 15px;
}

.featureboxtext {
position: relative;
top: 6px;
font-size: 12px;
color: #ffffff;
}

/*
################################################################################
##
## VARIOUS CELLS FOR THE MAIN (middle) CONTENT
##
################################################################################
*/

.fullcell {
float : left;
position : relative;
left : 0px;
width : 608px;
margin : 0 4px 4px 0;
padding : 0;
border : 0 solid;
}

.fullcelltop {
float : left;
position : relative;
left : 0px;
width : 608px;
height: 28px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/fullcelltop.png);
background-repeat: no-repeat;
font-size: 12px;
color: #ffffff;
}

.fullcellmiddle {
float : left;
position : relative;
left : 0px;
width : 608px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/fullcellmiddle.png);
background-repeat: repeat-y;
}

.fullcellbottom {
float : left;
position : relative;
left : 0px;
width : 608px;
height: 10px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/fullcellbottom.png);
background-repeat: no-repeat;
overflow:hidden;
}

.halfcell {
float : left;
position : relative;
left : 0px;
width : 302px;
margin : 0 4px 4px 0;
padding : 0;
border : 0 solid;
}

.halfcell2 {
float : left;
position : relative;
left : 0px;
width : 302px;
margin : 0 0 4px 0;
padding : 0;
border : 0 solid;
}

.halfcelltop {
float : left;
position : relative;
left : 0px;
width : 302px;
height: 28px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/halfcelltop.png);
background-repeat: no-repeat;
font-size: 12px;
color: #ffffff;
}

.halfcellmiddle {
float : left;
position : relative;
left : 0px;
width : 302px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/halfcellmiddle.png);
background-repeat: repeat-y;
}

.halfcellbottom {
float : left;
position : relative;
left : 0px;
width : 302px;
height: 10px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/halfcellbottom.png);
background-repeat: no-repeat;
overflow:hidden;
}

.gamecell {
float : left;
position : relative;
left : 0px;
width : 200px;
margin : 0 4px 4px 0;
padding : 0;
border : 0 solid;
}

.gamecell2 {
float : left;
position : relative;
left : 0px;
width : 200px;
margin : 0 0 4px 0;
padding : 0;
border : 0 solid;
}

.gamecelltop {
float : left;
position : relative;
left : 0px;
width : 200px;
height: 28px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/gamecelltop.png);
background-repeat: no-repeat;
font-size: 12px;
text-align: center;
color: #ffffff;
}

.gamecellmiddle {
float : left;
position : relative;
left : 0px;
width : 200px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/gamecellmiddle.png);
background-repeat: repeat-y;
}

.gamecellbottom {
float : left;
position : relative;
left : 0px;
width : 200px;
height: 10px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/gamecellbottom.png);
background-repeat: no-repeat;
overflow:hidden;
}

/*
################################################################################
##
## THESE USED IN RIGHT AND LEFT COLUMNS
##
################################################################################
*/

.leftcell {
float : left;
position : relative;
left : 0px;
width : 166px;
margin : 0;
padding : 0;
border : 0 solid;
overflow: hidden;
}

.lefttop {
float : left;
width : 166px;
height: 28px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/leftcelltop.png);
background-repeat: no-repeat;
text-align: center;
font-size: 12px;
color: #ffffff;
overflow:hidden;
}

.leftmiddle {
float : left;
width : 166px;
margin : 0;
padding : 0;
border : 0 solid;
overflow:hidden;
}

.leftbottom {
float : left;
width : 166px;
height: 10px;
margin : 0;
padding : 0;
border : 0 solid;
overflow:hidden;
}

/*
################################################################################
##
## CSS MENU BUTTONS LEFT COLUMN
##
################################################################################
*/

.menubutton {
width: 166px;
height: 21px;
margin: 0;
padding: 0;
border: 0;
float: left;
position: relative;
overflow: hidden;
font-size: 11px;
font-family: arial.helvetica,sans-serif;
color: #cccccc;
text-decoration: none;
}

a.menubutton {
width: 166px;
height: 21px;
margin: 0;
padding: 0;
border: 0;
float: left;
position: relative;
overflow: hidden;
font-size: 11px;
font-family: arial.helvetica,sans-serif;
color: #cccccc;
text-decoration: none;
background-image: url(images/navbutton.png);
}

a.menubutton:link {
width: 166px;
height: 21px;
margin: 0;
padding: 0;
border: 0;
float: left;
position: relative;
overflow: hidden;
font-size: 11px;
font-family: arial.helvetica,sans-serif;
color: #cccccc;
text-decoration: none;
}

a.menubutton:visited {
width: 166px;
height: 21px;
margin: 0;
padding: 0;
border: 0;
float: left;
position: relative;
overflow: hidden;
font-size: 11px;
font-family: arial.helvetica,sans-serif;
color: #cccccc;
text-decoration: none;
}

a.menubutton:hover {
width: 166px;
height: 21px;
margin: 0;
padding: 0;
border: 0;
float: left;
position: relative;
overflow: hidden;
font-size: 11px;
font-family: arial.helvetica,sans-serif;
color: #ffffff;
text-decoration: none;
}

.menubuttontext{
position: relative;
top: 4px;
left: 25px;
}

/*
################################################################################
##
## 60x60 ICON STYLE FOR RIGHT AND LEFT COLUMNS
##
################################################################################
*/

.smallicon {
width: 60px;
height: 60px;
border: 0px;
}

/*
################################################################################
##
## MISC STYLES
##
################################################################################
*/

.whitetext {
color : #ffffff;
}

a.whitelink { 
color : #ffffff;
font-size : 11px;
text-decoration : none;
} 
a.whitelink:link { 
color : #ffffff;
font-size : 11px;
text-decoration : none;
} 
a.whitelink:visited { 
color : #ffffff;
font-size : 11px;;
text-decoration : none;
} 
a.whitelink:hover { 
color : #ffffff;
font-size : 11px;
text-decoration : underline;
}

/*
################################################################################
##
## Featured Game and Pagination
##
################################################################################
*/

.featurebox { 
  width : 302px;
  height : 252px;
  position : relative;
  float : left;
  margin : 0 0 4px 0;
  text-align: center;
  background-image : url(images/featurebox.png);
  background-repeat : no-repeat;
  overflow : hidden;
} 
.slidercontainer { 
  height : 190px;
  width : 292px;
  text-align: center;
} 
.contentslide { 
  border : 0 solid;
  padding : 0;
  margin : 0;
  width : 205px;
  height : 190px;
  position : absolute;
  top : 38px;
  left : 45px;
} 

.feature_slider_title { 
  font-size : 14px;
} 

.pagination { 
  padding : 3px;
  margin : 3px;
  text-align : center;
  position : relative;
  top : 20px;
} 

.pagination a { 
  padding : 2px 5px 2px 5px;
  margin : 1px;
  border : 1px solid rgb(109, 153, 188);
  text-decoration : none;
  color : #000000;
  background-color : rgb(226, 239, 241);
} 

.pagination a.hover, .pagination a.selected { 
  border : 1px solid #000000;
  color : #000000;
  text-decoration : none;
  background-color: #bebebe;
} 

div.pagination {
	padding: 3px;
	margin: 3px;
	height: 40px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000000;
	text-decoration: none; /* no underline */
	color: #000000;
	background-color: #ffffff;
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000000;
  color: #000000;
  text-decoration: none;
  background-color: #bebebe;
}

div.pagination a:visited {
	border: 1px solid #000000;
  color: #000000;
  text-decoration: none;
}

div.pagination span.current {
  font-family: Arial, Verdana, Helvetica; 
  font-size:9pt;
  font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000000;
	background-color: #bebebe;
	color: #000000;
	}
	
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
	}
	
div.pagination span.dots {
  font-family: Arial, Verdana, Helvetica; 
  font-size:16px;
  font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #000000;
	}