body{
        background-color:#333;
        background-image: url('stripedbg.png');

        font-family: Verdana, Tahoma, Arial;
        font-size:12px;
        text-align: center; 

        padding: 15px 0;
        margin:0;
}

p {
	margin: 0px;
	padding: 0px;
}

.pagetext {
	font-size:11px;
	line-height:150%;
	padding: 10px 5px;
}
.pagetext ul{
	margin:0;
}
/* START WEB FORM STYLE */

.msg {
	font-size:11px;
	font-style:italic;
	line-height:20px;	
}
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend { font-weight:bold; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #ccc;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  font-size:11px;
  padding-top:5px;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 2px;
  margin: 0;
  font-size:11px;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 140px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 143px; /* Width plus 3 (html space) */
}

#charimage {
	margin-left:6px;
}
.captchalink {
	font-size:10px;
}

input.message, textarea.message {
  font-size: 11px;
  padding: 4px;
  margin: 2px;
  border: 1px solid #ccc;
}
/* END WEB FORM STYLE */

.onlinemembers {
  padding:0;
  margin:0;
}
.onlinemembers li {
  display: inline;
  text-align:center;
  list-style-type: none;
  font-size:10px;
  padding: 0 2px;
		position: relative;
		float: left;
		margin: 0;
}

embed,object {
  padding:0;margin:0;
}

a {
   color: #0066CC;
}
a:hover {
   color: #003366;
}

.smltxt {
     font-size:10px;
}

.gamecode {
        font-family: Verdana, Tahoma, Arial;
        font-size:8px;
        width:300px;
        height:80px;
}

.gamecode-u {
        font-family: Verdana, Tahoma, Arial;
        font-size:8px;
}

.webmastergame {
	border:1px solid #ccc;
	width:310px;
	 margin:7px 0;
}
.webmastergame td {
        font-size:10px;
}
.webmastergame textarea {
        margin-bottom:5px;
        width:300px;
       
}

.newmsg {
    font-weight:bold;
}
.newmsg td {
    background-color:#efefef;
}
.message-read-table {
    border:1px solid #ccc;
    margin:3px 0;
    padding:0;
}
.message-read-table .head {
    background-color:#efefef;
}
.message-read-table .head span {
    font-size:11px;
}
.message-read-table a {
    font-size:15px;
    font-weight:bold;
}
.message-table {
    border:1px solid #ccc;
    margin:3px 0;
    padding:0;
}
.message-table span {
    font-size:10px;
}
.message-table div {
    font-size:10px; 
    padding: 3px 0 0 0;
    font-style:italic;
}
.message-table span a {
    color:#000;
}

.subtle-border {
       border: 1px solid #ccc;
       padding: 5px;
}

.blockimg {
   border: none;
   display:block;
   margin: 0 auto 2px;
   text-decoration:none;
}

.whoson {
   width:300px;
   padding: 5px 0 5px 0;
   background: #fff url('gray-bar_bg.gif') no-repeat;
}

.alert { background: #FFE8CC url('exclamation.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #FF8E00; border-bottom: 2px solid #FF8E00; margin: 5px 0;line-height:125%; }
.information { background: #f8fafc url('information.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #b5d4fe; border-bottom: 2px solid #b5d4fe;line-height:125%; }

.toplinks {
   background: #fff url('top-links_bg.gif') no-repeat;width:300px;height:120px;overflow:hidden;font-size:11px;line-height:18px;
}
.toplinks a {
   color: #000;
}

.topgames {
   background: #fff url('top-games_bg.gif') no-repeat;width:300px;height:120px;overflow:hidden;font-size:11px;line-height:18px;
}
.topgames a {
   color: #000;
}


div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index: 100;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #efefef;}
div.autocomplete ul li {
  background: #fff no-repeat 2px 2px;
  list-style-type:none;
  display:block;
  font-size: 11px;
  color: #000;
  margin:0;
  padding:7px 0 7px 30px;
  cursor:pointer;
}


#datasaved,.datasaved {
        float:right;
        padding:2px 6px 2px 6px;
        margin-right:5px;
        font-size:11px;
        color:#333;
        font-weight:bold;
        background-color:#DFF1FF;
        border:1px solid #AFDCFF;
}
.gray-button {
        background: #ccc url('gray_button-right.gif') no-repeat top right;
        height:23px;
        cursor:pointer;
        cursor:hand;
        font-weight:bold;
        font-size:11px;
        text-align:center;
}
.gray-button a {
        text-decoration:none;color:#333;
}
.gray-button input {
        text-decoration:none;color:#333;
        font-weight:bold;
        font-size:11px;
        font-family: verdana, tahoma, arial;
        padding: 0;margin: 0;

        background:none;
        border:0;
        width:100%;
        height:100%;
        cursor:pointer;
        cursor: hand;
}
.gray-button a:hover {
        color:#000;
}
.gray-button-pad {
        padding: 4px 15px 0 15px;
        text-align:center;
}

/* PAGE LINKS CSS */

.pagination{border:0; margin:0 0 5px 0; padding:8px;
  text-align: center;width:624px;height:15px;}

.pagination li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
display: inline;
}
.pagination a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
.pagination .previous-off,
.pagination .next-off {
color:#666666;
/*display:block;
float:left;*/
font-weight:bold;
padding:3px 4px;
}
.pagination .next a,
.pagination .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
.pagination .active{
color:#FF8400;
font-weight:bold;
/*display:block;
float:left;*/
padding:4px 6px;
}
.pagination a:link,
.pagination a:visited {
color:#0066CC;
/*display:block;
float:left;*/
padding:3px 6px;
text-decoration:none;
}
.pagination a:hover{
border:solid 1px #666666;
}

/* CSS FOR TOP FREINDS */
	#topfriends {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	#topfriends li {
		position: relative;
		float: left;
		margin: 0;
		width: 75px;
		height: 90px;
		border: 0;
		text-align: center;
		padding-top: 5px;
                font-size:11px;
	}
/* CSS FOR FRIENDS BOXES */
	#boxes {
		list-style-type: none;
		margin:  0 0 0 2px;
		padding: 0px;
		width: 636px;
	}
	#boxes li {
		position: relative;
		float: left;
		margin: 3px;
		width: 100px;
		height: 90px;
		border: 0;
		text-align: center;
		padding-top: 5px;
		background: #fff url('friend_box-bg.gif') no-repeat;
                font-size:11px;
	}

	#boxes-edit {
		list-style-type: none;
		margin:  0 0 0 2px;
		padding: 0px;
		width: 636px;
	}
	#boxes-edit li {
		cursor: move;
		position: relative;
		float: left;
		margin: 3px;
		width: 100px;
		height: 105px;
		border: 0;
		text-align: center;
		padding-top: 5px;
		background: #fff url('friend_box-bg_long.gif') no-repeat;
                font-size:11px;
	}

	#boxes-edit li.topfriendedit {
		background: #fff url('friend_box-top-bg.gif') no-repeat;
	}


.teaser {
  color:#666;
  font-size:11px;	
  font-weight:bold;
}
.search-box {
    background: #fff url('search_box-bg.gif') no-repeat;
}
.search-box-over {
    background: #fff url('search_box-bg-over.gif') no-repeat;
}

.subscribe-box {
    background: #fff url('subscribe_box-bg.gif') no-repeat;
}
.subscribe-box-over {
    background: #fff url('subscribe_box-bg_over.gif') no-repeat;
}


.loginUsername {
    background: #fff url('login_bg-username.gif') no-repeat;
    width:127px;
    height:28px;
}
.loginPassword {
    background: #fff url('login_bg-password.gif') no-repeat;
    width:127px;
    height:28px;
}
.loginNone {
    background: #fff url('login_bg-none.gif') no-repeat;
    width:127px;
    height:28px;
}

.smallGameIcon {
    background: #fff url('small_game-bg.gif') no-repeat;
    width: 103px;
    height: 90px;
    text-align:center;
}

.newLineImg {
   border: none;
   display:block;
   margin: 0 auto 2px;
   text-decoration:none;
}


.smallGameIcon a img {
   border: none;
   display:block;
   margin: 0 auto 2px;
   text-decoration:none;
}

.smallGameIcon a {
    font-weight:bold;
    font-size: 10px;
}

.login {
	float:right;
	width:300px;
        height: 72px;
}
.loginBox {
        background: transparent;
        width:123px;
        height:21px;
        border:none;
        margin:0;
        padding:7px 0 0 7px;
        font-size:11px;
}
.loginButton {
	cursor: pointer;
	cursor: hand;

        width:37px;
        height:28px;
        background-image:url('login-go.gif');
        background-repeat:no-repeat;
        float:right;
}
.loginButton-down {
	cursor: pointer;
	cursor: hand;

        width:37px;
        height:28px;
        background-image:url('login-go-down.gif');
        background-repeat:no-repeat;
        float:right;
}
.login-links a {
        color: #666;
        font-size: 11px;
}
.login-links .error {
        color: #DE0000;
        font-size: 11px;
}
.login-links a:hover {
        color: #000;
}
.clearButton {
        background:none;
        border:0;
        width:100%;
        height:100%;
        cursor:pointer;
        cursor: hand;
}

form {
   margin:0;
   padding:0;
}


.upperleft-white{
        text-align: left;
        margin: 0 auto;

	background-repeat : no-repeat;
	background-position : top left;
	background-color : #fff;
	background-image : url('rounded/top_left_white.png');
}
.upperright-white{
	background-repeat : no-repeat;
	background-position : top right;
	background-image : url('rounded/top_right_white.png');
}
.lowerleft-white{
	background-repeat : no-repeat;
	background-position : bottom left;
	background-image : url('rounded/bottom_left_white.png');
}
.lowerright-white{
	background-repeat : no-repeat;
	background-position : bottom right;
	background-image : url('rounded/bottom_right_white.png');
	padding : 10px;
        font-size:11px;
}

.upperleft-game{
        text-align: center;
        margin: 0 auto;

	background-repeat : no-repeat;
	background-position : top left;
	background-color : #DAECFF;
	background-image : url('rounded/top_left_game.png');
}
.upperright-game{
	background-repeat : no-repeat;
	background-position : top right;
	background-image : url('rounded/top_right_game.png');
}
.lowerleft-game{
	background-repeat : no-repeat;
	background-position : bottom left;
	background-image : url('rounded/bottom_left_game.png');
}
.lowerright-game{
	background-repeat : no-repeat;
	background-position : bottom right;
	background-image : url('rounded/bottom_right_game.png');
	padding : 10px;
}


.upperleft-page_container{
        width : 970px;
	margin-left : auto;
	margin-right : auto;
        text-align: left; 

	background-repeat : no-repeat;
	background-position : top left;
	background-color : #fff;
	background-image : url('rounded/top_left.png');
}
.upperright-page_container{
	background-repeat : no-repeat;
	background-position : top right;
	background-image : url('rounded/top_right.png');
}
.lowerleft-page_container{
	background-repeat : no-repeat;
	background-position : bottom left;
	background-image : url('rounded/bottom_left.png');
}
.lowerright-page_container{
	background-repeat : no-repeat;
	background-position : bottom right;
	background-image : url('rounded/bottom_right.png');
	padding : 10px;
}

.headerlogo {
	float:left;
	padding: 10px 0 0 0;
}
.headeruser {
	float:right;
	width:300px;
        height: 72px;
}
.headeruser.icon {
        float:left;
	width:64px;
        height:64px;
}
.headeruser.info {
	float:right;
	width:210px;
        margin-right: 10px;
}
.headeruser.info a:link, .headeruser.info a:visited{
        color: #3399FF;
        text-decoration:none;
        font-weight:bold;
        font-size: 10px;
        display:block;
        margin: 8px 0 0 0;
}
.headeruser.info a:hover{
        color: #0066CC;
}
.headeruser.info .new a:link, .headeruser.info .new a:visited{
         color:#FF9900;
}
.headeruser.info .new a:hover{
        color: #FF6600;
}
.headeruser.info .left img, .headeruser.info .right img{
        margin: 0 5px 0 0;
}
.welcome {
	font-weight:bold;
        font-size:13px;
}

.clear {
	clear:both;
}



#eXTReMe {
display:none;
}



#navigation ul {
    width: 950px;
    height: 29px;
    background: url(navigationv2.gif) no-repeat 0 0;
    list-style: none;
    margin: 0; padding: 0;
    float:left;
}
#navigation li {
    display: inline;
    position: relative;
    float: left;
}
#navigation li a:link, #navigation li a:visited {
    float:left;
    border: none;
    height: 29px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 6px 0 0 0;
    text-align:center;
}

#navigation li.l1 a{
    width: 90px;
}
#navigation li.l2 a{
    width: 138px;
}
#navigation li.l3 a{
    width: 164px;
}
#navigation li.l4 a{
    width: 142px;
}
#navigation li.l5 a{
    width: 134px;
}
#navigation li.l6 a{
    width: 152px;
}
#navigation li.l7 a{
    width: 130px;
}

#navigation li.l1 a:hover {
    background: url(navigationv2.gif) no-repeat 0 -29px;
}
#navigation li.l2 a:hover, #navigation li.l3 a:hover, #navigation li.l4 a:hover, #navigation li.l5 a:hover, #navigation li.l6 a:hover {
    background: url(navigationv2.gif) no-repeat -100px -29px;
}
#navigation li.l7 a:hover {
    background: url(navigationv2.gif) no-repeat right -29px;
}

.left {
   float:left;
}
.right {
   float:right;
}

img {
    border:0;
}


.main_full {
    float:left;
    width: 950px;
}

.main {
    float:left;
    width: 640px;
}
.main-right {
    float:right;
    width:640px;
}
.sidebar {
    float:right;
    width:300px;
}
.sidebar-left {
    float:left;
    width:300px;
}
#content {
    padding: 5px 0 0 0;
    float:left;
    width:950px;
}


/* START FOOTER CODE */

#footer {
    background: url('footer_center.gif');
    margin-top: 8px;
    margin-left : auto;
    margin-right : auto;
    text-align: left; 
    width: 970px;
    height: 26px;
}

#footer a:link, #footer a:active, #footer a:visited {
	color:#333;
}

#footer a:hover {
	color:#000;
}

#footer .leftimg {
    background: url('footer_cornerl.gif');
    width: 970px;
    height:26px;
    background-repeat: no-repeat;
}
#footer .rightimg {
    background: url('footer_cornerr.gif');
    width: 970px;
    height:26px;
    background-repeat: no-repeat;
    background-position: top right;
    text-align:center;
    color: #666;
    font-size: 10px;
    font-weight:bold;
    padding: 6px 0 0 0;
}

/* END FOOTER CODE */

#ticker {
    background: url('ticker_center.gif');
    width: 100%;
    height: 20px;
    margin: 0 0 8px 0;
}
#ticker .leftimg {
    background: url('ticker_left.gif');
    width: 100%;
    height:20px;
    background-repeat: no-repeat;
}
#ticker .rightimg {
    background: url('ticker_right.gif');
    width: 100%;
    height:20px;
    background-repeat: no-repeat;
    background-position: top right;
}

#pscroller{
    width: 90%;
    height: 17px;
    padding: 3px 0 0 5px;
    font-size: 10px;
    color: #666;
}
#pscroller a{
    color: #333;
    font-weight: bold;
}


.titlelink {
	text-decoration:none;
	color:#fff;
}
.title {
    background: url('title_middle.gif');
    height: 17px;
    width:100%;
    margin: 0 0 0 0;
    text-decoration:none;
}
.title .leftimg {
    background: url('title_left.gif');
    width: 100%;
    height:17px;
    background-repeat: no-repeat;
}
.title .rightimg {
    background: url('title_right.gif');
    width: 100%;
    height:17px;
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 11px;
    font-weight: bold;
    text-align:center;
    color:#fff;
    padding: 1px 0 0 0;
}


.title-orange {
    background: url('title_middle-orange.gif');
    height: 17px;
    width:100%;
    margin: 0 0 0 0;
}
.title-orange .leftimg {
    background: url('title_left-orange.gif');
    width: 100%;
    height:17px;
    background-repeat: no-repeat;
}
.title-orange .rightimg {
    background: url('title_right-orange.gif');
    width: 100%;
    height:17px;
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 11px;
    font-weight: bold;
    text-align:center;
    color:#fff;
    padding: 1px 0 0 0;
}


.title-gray {
    background: url('title_middle-gray.gif');
    height: 17px;
    width:100%;
    margin: 0 0 0 0;
}
.title-gray .leftimg {
    background: url('title_left-gray.gif');
    width: 100%;
    height:17px;
    background-repeat: no-repeat;
}
.title-gray .rightimg {
    background: url('title_right-gray.gif');
    width: 100%;
    height:17px;
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 11px;
    font-weight: bold;
    text-align:center;
    color:#fff;
    padding: 1px 0 0 0;
}

.latest-games {
    text-decoration: none;
    float:left;
    cursor: pointer; 
    width: 210px;
    height: 70px;
    margin: 3px 0 0 0;
    color: #000;
    background: #ffffff url('background-latest_game.gif') no-repeat left bottom;
}

.latest-games-wide {
    text-decoration: none;
    float:left;
    cursor: pointer; 
    width: 220px;
    height: 70px;
    margin: 3px 0 0 0;
    color: #000;
    background: #ffffff url('background-latest_game-wide.gif') no-repeat left bottom;
}

.latest-games .latest-icon, .latest-games-wide .latest-icon {
    float:left;
    width: 70x;
    height: 60px;
    padding:5px;
}
.latest-games .latest-desc {
    float:right;
    font-size: 10px;
    width: 128px;
    padding: 10px 2px 0 0;

}
.latest-games-wide .latest-desc {
    float:right;
    font-size: 10px;
    width: 138px;
    padding: 10px 2px 0 0;

}
.latest-games .latest-desc a, .latest-games-wide .latest-desc a {
    font-weight:bold;
    font-size: 11px;
}
.latest-games .latest-middle, .latest-games-wide .latest-middle {
    display: table; 
    height: 70px; 
    width: 120px;  
    _position: relative;  
    overflow: hidden;
}
.latest-games .latest-middle-in, .latest-games-wide .latest-middle-in {
    _position: absolute;  
    _top: 50%; display: table-cell;  
    vertical-align: middle;
}

.hptop-left {
    float: left;
    width: 415px;
}
.hptop-right {
    float: right;
    width: 220px;
}

#featured-games {
    width: 415px; 
    height: 213px;
    margin: 7px 0 0 0;
}
#search {
    width:300px;
    height:28px;
    margin: 0 0 5px 0;
}
#search-button {
    float:right;
    height: 28px;
    width:75px;
    cursor: pointer;
    cursor: hand;
}
#search-button input {
    cursor: pointer;
    cursor: hand;
}
#search-box {
    float:left;
    height:28px;
    width: 220px
}
#search-box-input {
    background:none;
    border:none;
    width:205px;
    height:18px;
    margin:0;
    padding: 0 0 0 0;
    color:#ccc;
    position: relative;
    top: 5px;
    left: 6px;
    font-family:Verdana, Arial, Tahoma;
    font-size: 12px;
}
#search-box-input.focused {
    color: #000;
}



#subscribe {
    width:300px;
    height:28px;
    margin: 0 0 5px 0;
}
#subscribe-button {
    float:right;
    height: 28px;
    width:75px;
    cursor: pointer;
    cursor: hand;
}
#subscribe-button input {
    cursor: pointer;
    cursor: hand;
}
#subscribe-box {
    float:left;
    height:28px;
    width: 220px
}
#subscribe-box-input {
    background:none;
    border:none;
    width:205px;
    height:18px;
    margin:0;
    padding: 0 0 0 0;
    color:#ccc;
    position: relative;
    top: 5px;
    left: 6px;
    font-family:Verdana, Arial, Tahoma;
    font-size: 12px;
}
#subscribe-box-input.focused {
    color: #000;
}

.threecol-body-left {
    float:left;
    width: 425px;
}
.threecol-body-colone {
    float:left;
    width:210px;
}
.threecol-body-coltwo {
    float:right;
    width:210px;
}
.threecol-body-colthree {
    float:right;
    width:210px;
}

.gamecat {
    width:210px;
    height: 160px;
    background-image: url('game_cats-bg.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    font-size: 10px;
}
.gamecat .center {
    font-weight:bold;
}
.gamecat-left{
    float:left;
    width:50%;
}
.gamecat-right{
    float:right;
    width:50%;
}
.gamecat-left .padded {
    padding: 0 0 0 4px;
    line-height: 20px;
}
.gamecat-right .padded {
    padding: 0 3px 0 0;
    line-height: 20px;
}
.gamecat .padded {
    white-space:nowrap;
}
.gamecat .padded a {
    color: #000;
}
.gamecat .padded a:hover {
    color: #333;
}
.center {
    width: 100%;
    text-align:center;
}

.gamecat a img {
   border: none;
   display:block;
   margin: 0 auto 2px;
   text-decoration:none;
}

.gameicon {
   width:70px;
   height:60px;
}



























.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../images/star2.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}

.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}

/*
.star-rating a:active,
*/

.star-rating a:hover,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}





.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(../images/star_small.gif);
line-height: 10px;
height: 10px;
}