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

body {
	background-color: #446677;
	text-align: center;
}

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

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

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

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

#wrapper {
float:left;
position: relative;
width: 1004px;
text-align: left;
background-color : #aaddcc;
margin: 0 auto;
padding: 0;
border: 0 solid;
}

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

#topstrip {
float : left;
position : relative;
left : 0px;
width : 1004px;
height: 20px;
margin : 0 auto;
padding : 0;
border : 0 solid;
background-color: #cceeee;
}

#left {
float : left;
position : relative;
left : 4px;
width : 170px;
margin : 0 auto;
padding : 0;
border : 0 solid;
}

#middle {
float : left;
position : relative;
left : 4px;
width : 656px;
margin : 0 auto;
padding : 0;
border : 0 solid;
}

#middle2 {
float : left;
position : relative;
left : 4px;
width : 648px;
margin : 0 auto;
padding : 0;
border : 0 solid;
}

#right {
float : left;
position : relative;
left : 4px;
width : 170px;
margin : 0 auto;
padding : 0;
border : 0 solid;
}

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

#header {
float : left;
position : relative;
left : 4px;
width : 996px;
height: 160px;
margin : 0 auto;
padding : 0;
border : 0 solid;
background-image: url(images/header.gif);
}

#headerad {
position : absolute;
top: 2px;
left: 266px;
width : 728px;
height: 90px;
padding: 0;
margin: 0;
overflow: hidden;
}

#headerlogo {
position : absolute;
top: 2px;
left: 2px;
width : 264px;
height: 90px;
padding: 0;
margin: 0;
overflow: hidden;
}
#menu {
position : absolute;
top: 94px;
left: 5px;
width : 986px;
height: 31px;
padding: 0;
margin: 0;
overflow: hidden;
}

.button {
float: left;
display: block;
height: 31px;
width: 150px;
background-image: url(images/tab.gif);
padding: 0;
margin: 0;
position: relative;
top: 4px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}

.buttonover {
float: left;
display: block;
height: 31px;
width: 150px;
background-image: url(images/tab.gif);
padding: 0;
margin: 0;
position: relative;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}

.button a:link, .button a:visited, .button a:hover, .buttonover a:link, .buttonover a:visited, .buttonover a:hover {
display: block;
height: 31px;
width: 150px;
font-size: 14px;
font-weight: bold;
color: rgb(160, 54, 13);
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: 31px;
width: 150px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding: 4px 0 0 0;
position: relative;
bottom: 21px;
right: 1px;
}

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

#menu_message {
position : absolute;
top: 130px;
left: 5px;
width : 986px;
height: 25px;
padding: 0;
margin: 0;
overflow: hidden;
}

.bmclass {
font-size: 12px;
font-weight: bold;
color: rgb(160, 54, 13);
display: none;
position: relative; 
top: 3px;
}

#bm_default {
font-size: 12px;
font-weight: bold;
color: rgb(160, 54, 13);
display: block;
}

a.submenu, a.submenu:link, a.submenu:visited {
display: block;
float: left;
padding: 5px;
margin: 0 3px 0 3px;
font-size: 12px;
font-weight: bold;
font-family: arial, verdana, sans-serif;
color: rgb(160, 54, 13);
position: relative;
}

a.submenu:hover {
display: block;
float: left;
padding: 5px;
margin: 0 3px 0 3px;
font-size: 12px;
font-family: arial, verdana, sans-serif;
color: rgb(160, 54, 13);
background-color: rgb(254, 225, 112);
position: relative;
}

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

#loginbox {
float: left;
height: 40px;
width: 996px;
background-image: url(images/loginbox.gif);
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 #ffffff;;
font-family : arial, helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
background-color: #B08F64;
}

.search_style {
height : 16px;
width : 115px;
padding : 0 0 0 3px;
border : 1px solid #ffffff;;
font-family : arial, helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
background-color: #B08F64;
}


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

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

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

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

#footer {
float : left;
position : relative;
left : 0px;
width : 1004px;
height: 20px;
margin : 0 auto;
padding : 0;
border : 0 solid;
background-color: #cceeee;
}

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

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

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

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

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

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

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

.fullcellbottom {
float : left;
position : relative;
left : 0px;
width : 648px;
height: 10px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/fullcellbottom.gif);
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.gif);
background-repeat: no-repeat;
font-size: 12px;
}

.halfcellmiddle {
float : left;
position : relative;
left : 0px;
width : 302px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/halfcellmiddle.gif);
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.gif);
background-repeat: no-repeat;
overflow:hidden;
}

.gamecell {
float : left;
position : relative;
left : -20px;
width : 200px;
margin : 0 4px 4px 20px;
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.gif);
background-repeat: no-repeat;
font-size: 12px;
text-align: center;
}

.gamecellmiddle {
float : left;
position : relative;
left : 0px;
width : 200px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/gamecellmiddle.gif);
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.gif);
background-repeat: no-repeat;
overflow:hidden;
}

/*
################################################################################
##
## COLORED CELL TOPS
##
################################################################################
*/

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

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

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

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

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

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

.fullcelltop_red {
float : left;
position : relative;
left : 0px;
width : 648px;
height: 28px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/fullcelltop_red.gif);
background-repeat: no-repeat;
font-size: 12px;
}

.fullcelltop_blue {
float : left;
position : relative;
left : 0px;
width : 648px;
height: 28px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/fullcelltop_blue.gif);
background-repeat: no-repeat;
font-size: 12px;
}

.fullcelltop_green {
float : left;
position : relative;
left : 0px;
width : 648px;
height: 28px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/fullcelltop_green.gif);
background-repeat: no-repeat;
font-size: 12px;
}

.fullcelltop_yellow {
float : left;
position : relative;
left : 0px;
width : 648px;
height: 28px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/fullcelltop_yellow.gif);
background-repeat: no-repeat;
font-size: 12px;
}

.fullcelltop_purple {
float : left;
position : relative;
left : 0px;
width : 648px;
height: 28px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/fullcelltop_purple.gif);
background-repeat: no-repeat;
font-size: 12px;
}

.fullcelltop_orange {
float : left;
position : relative;
left : 0px;
width : 648px;
height: 28px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/fullcelltop_orange.gif);
background-repeat: no-repeat;
font-size: 12px;
}

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

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

.lefttop {
float : left;
position : relative;
left : 0px;
width : 170px;
height: 28px;
margin : 0;
padding : 0;
border : 0 solid;
background-image: url(images/lefttop.gif);
background-repeat: no-repeat;
text-align: center;
font-size: 12px;
}

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

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

/*
################################################################################
##
## 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 : 342px;
  height : 252px;
  position : relative;
  float : left;
  margin : 0 0 4px 0;
  text-align: center;
  background-image : url(images/featurebox.gif);
  background-repeat : no-repeat;
  overflow : hidden;
} 
.slidercontainer { 
  height : 180px;
  width : 338px;
  text-align: center;
} 
.contentslide { 
  border : 0 solid;
  padding : 0;
  margin : 0;
  width : 338px;
  height : 180px;
  position : absolute;
  top : 28px;
  left : 2px;
} 

.feature_slider_title { 
  font-size : 14px;
} 

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

.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 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;
	}

.at_box {
	text-align: left;
 	height: auto;
 	width: 160px;
	background-color: none;
	padding:2px;
}
.at_image {
	margin: 1px 4px 1px 3px;
	border: 0px solid ;
}
.at_item {
	font-family: Verdana,Sans-Serif;
 	margin-bottom: 2px;
}
.at_title {
	font-size: 9px;
}
.at_description {
	font-family: Verdana,Sans-Serif;
	font-size: 9px;
	color: ;
}

.at_item a:link {
	text-decoration: None;
	color: ;
	}
.at_item a:visited {
	text-decoration: None;
	color: ;
	}
.at_item a:hover {
	text-decoration: None;
	color: ;
	}
.at_item a:active {
	text-decoration: None;
	color: ;
	}
	
.at_description a:link {
	text-decoration: none;
	color: ;
	}
.at_description a:visited {
	text-decoration: none;
	color: ;
	}
.at_description a:hover {
	text-decoration: none;
	color: ;
	}
.at_description a:active {
	text-decoration: none;
	color: ;
	}