div#alert_box
{
    position:   absolute;
    width:      200px;
    height:     0px;
    margin:     10px;
    border:     0px;
    top:        0px;
    left:        0px;
    z-index:    999;
}

div#alert_box .alert_notice
{
    width:          199px;
    height:         60px;
    background:     #cdcdcd;

    border:         0px;

    background: url(/gfx/msg_bg.png);

    filter:         alpha(opacity=75);
    -moz-opacity:   .75;
    opacity:        .75;

    font-weight:    bold;
}

/***************/
/* MAIN STYLES */
/***************/

body
{
  /* background: #fff; */
  background: #250891;
  background-image: url(/gfx/site_gfx/bg_tile_v2.gif); 
  background-position: top center;
  background-repeat: repeat-y;
  color:      #000;
  font:       12px tahoma,verdana,sans-serif;
  margin:     0 auto;
  align:      center;
  text-align: center;
}

a
{
  font-size:       12px;
  text-decoration: none;
  color:           #7c8eb0;
}

a:hover
{
  color:            #b9c6de;
  text-decoration:  underline;
}

h1
{
  font-size:        24px;
  font-weight:      bold;
  text-decoration:  underline;
  color:            #0250f5;
}

h2
{
  font-size:        14px;
  font-weight:      bold;
  text-decoration:  underline;
  color:            #000;
}

pre
{
  border:           1px solid black;
  padding:          5px;
}

input
{
  color:            #140052;
  border:           1px solid #140052;
}



/**********************/
/* MISC USEFUL THINGY */
/**********************/
img.trans
{
  filter:       alpha(opacity=25);
  -moz-opacity: .25;
  opacity:      .25;
}

img.opaque
{
  filter:       alpha(opacity=100);
  -moz-opacity: 1;
  opacity:      1;
}








/*************/
/* Main Body */
/*************/
#main
{
  margin-left:58px;
  margin-right:58px;
}









/***************/
/* Page Header */
/***************/
.top_nav
{
  width: 836px;
  height:132px;
  background-image: url(/gfx/site_gfx/top_nav_bg.gif);
  background-repeat: no-repeat;
}

.top_nav .ad
{
  height: 90px;
  width: 728px;
}

.top_nav .welcome_msg
{
  margin:             5px;
  height:             25px;
  float:              left;
  line-height:        25px;
  font-size:          12px;
  font-weight:        bold;
  color:              #fff;
}

.nav_btn
{
  margin:             5px;
  height:             25px;
  float:              left;
  line-height:        25px;
  font-size:          12px;
  font-weight:        bold;
  color:              #fff;
  width:              100px;
  background-image:   url(/gfx/site_gfx/topnav_btn_bg.gif);
  background-repeat:  no-repeat;
  cursor:             pointer;
}

.nav_btn a
{
  font-weight:        bold;
  color:              #fff;
  text-decoration:    none;
}

.nav_btn a:hover {
  text-decoration:    none;
}

.logo {
  margin-top:         10px;
}




/*****************************/
/* Right side advertisements */
/*****************************/
.ad_column
{
  width:              160px;
  float:              right;
  align:              right;
  text-align:         right;
}






/****************************************************/
/* All of the main page content appears in midpage. */
/****************************************************/
.midpage {
  width:              655px;
  float:              left;
  align:              left;
  text-align:         left;
}

.midpage#wide {
  width:              836px !important;
}

.midpage .nav
{
  float:              right;
  margin-left:        2px;
  width:              100px;
  height:             25px;
  align:              center;
  text-align:         center;
  background-image:   url(/gfx/site_gfx/midnav_btn_bg.gif);
  background-repeat:  no-repeat;
  cursor:             pointer;
  overflow:           hidden;
}

.midpage .nav a
{
  line-height:        25px;
  font-size:          14px;
  font-weight:        bold;
  color:              #fff;
}

.midpage .nav a:hover {
  text-decoration:    none;
}







/******************/
/* Featured Games */
/******************/
#feature_box
{
  width:      655px;
  height:     358px;
  background: url(/gfx/site_gfx/featured_bg.png);
  background-repeat:  no-repeat;
}

#feature_nav {
  height:     35px;
}

#feature_nav .nav
{
  margin:             5px 10px 5px 0;
  float:              left;
  width:              60px;
  height:             20px;
  align:              center;
  text-align:         center;
  background-image:   url(/gfx/site_gfx/category_nav_bg.gif);
  background-repeat:  no-repeat;
  cursor:             pointer;
}

#feature_nav .nav a
{
  line-height:        20px;
  font-size:          9px;
  font-weight:        bold;
  color:              #000066;
}

#feature_nav .nav a:hover {
  text-decoration:    none;
}

#past_features
{
  width:              600px;
  height:             55px;
  background:         url(/gfx/site_gfx/old_featured_bg.gif);
  background-repeat:  no-repeat;
  line-height:        55px;
}

#past_features img
{
  margin:		7px 7px 0px 7px;
  width:        58px;
  height:       38px;
  border-top:	0px;
  border-left:	0px;
  border-right: 2px solid #999999;
  border-bottom:2px solid #999999;
}

#stats_bar
{
  line-height:  27px;
  color:        #140052;
  font-weight:  bold;
  font-size:    14px;
  align:        center;
  text-align:   center;
}















/*******************/
/* Game Categories */
/*******************/
.cat_top_list
{
  margin-top:   15px;
  width:        200px;
  float:        left;
  margin-right: 15px;
  align:        left;
  text-align:   left;
}

.info
{
  float:        left;
  width:        200px;
  height:       32px;
  background:   url(/gfx/site_gfx/category_header.gif);
}

.info strong
{
  font-weight:  bold;
  padding:      5px;
  width:        155px;
  float:        left;
}

.info img
{
  border:        0px;
}

.cat_top_list a
{
  display:      block;
  color:        #000066;
  font-weight:  bold;
}

.cat_top_list .game_link
{
    height:     14px;
    overflow:   hidden;
}

.cat_top_list img
{
    border: 0px;
}

.cat_top_list .thumbnail
{
  width:        63px;
  height:       43px;
  border-right: 2px solid #999999;
  border-bottom:2px solid #999999;
}

hr
{
  width:      80%;
  border:     0px;
  border-top: 2px solid #dfdde5;
}


.cat_top_list .more_link
{
  display:     inline;
  font-size:  9px;
  font-weight: normal;
}






/**************/
/* Games Page */
/**************/
#hs_div
{
    width: 305px;
}

.hs_div_username
{
    float:left;
    width:150px;
}

.hs_div_score
{
    float:left;
    width:150px;
}

.game_page_bottom .module
{
	margin-left:	63px;
	width:			320px;
	float:			left;
}

.game_page_bottom .module#admin_tools {
	width:          703px !important;
}

.game_page_bottom .module#recent_plays {
	width:          703px !important;
}

.game_page_bottom .module#challenges {
	width:          703px !important;
}

.game_page_bottom .module .details
{
	border-left:	1px solid #cdcdcd;
	
	border-bottom:	1px solid #cdcdcd;
	padding:	5px;;
}




/*************************/
/* Category Listing Page */
/*************************/

.game_list_item
{
	margin:	5px;
}

.game_list_item img
{
	float: 			left;
	margin-right:	10px;
}

.game_list_item a
{
	font-size:		18px;
}

/***************/
/* Page Footer */
/***************/
.bottom_nav
{
  margin-top:         25px;
  width:              836px;
  height:             52px;
  color:              #fff;
  font-weight:        bold;
  background-image:   url(/gfx/site_gfx/bottom_nav_bg.gif);
  background-repeat:  no-repeat;
  align:              center;
  text-align:         center;
}



/***************/
/*   EXP BARS  */
/***************/
.exp_meter
{
  width:        240px;
}

.exp_meter .lvl
{
  width:        20px;
  font-weight:  bold;
  line-height:  20px;
  float:        left;
}

.exp_meter .bar_bg
{
  width:            200px;
  font-weight:      bold;
  height:           20px;
  background-image: url(/gfx/exp_bar/exp_bar_bg_lg.png);
  background-repeat: no-repeat;
  line-height:      20px;
  float:            left;
}

.exp_meter .bar_fg
{
  background-image:   url(/gfx/exp_bar/exp_bar_fg_lg.png);
  background-repeat:  no-repeat;
  position:           absolute;
}

.exp_meter .bar_pts
{
  width:              200px;
  position:           absolute;
}





.exp_meter_sm
{
  width:        140px;
}

.exp_meter_sm .lvl
{
  width:        20px;
  line-height:  20px;
  float:        left;
}

.exp_meter_sm .bar_bg
{
  width:            100px;
  height:           20px;
  background-image: url(/gfx/exp_bar/exp_bar_bg_sm.png);
  background-repeat: no-repeat;
  line-height:      20px;
  float:            left;
}

.exp_meter_sm .bar_fg
{
  background-image:   url(/gfx/exp_bar/exp_bar_fg_sm.png);
  background-repeat:  no-repeat;
  position:           absolute;
}

.exp_meter_sm .bar_pts
{
  width:              100px;
  position:           absolute;
}







.exp_meter_tiny
{
  width:        100px;
}

.exp_meter_tiny .lvl
{
  width:        20px;
  line-height:  20px;
  float:        left;
}

.exp_meter_tiny .bar_bg
{
  width:            60px;
  height:           20px;
  background-image: url(/gfx/exp_bar/exp_bar_bg_tiny.png);
  background-repeat: no-repeat;
  line-height:      20px;
  float:            left;
}

.exp_meter_tiny .bar_fg
{
  background-image:   url(/gfx/exp_bar/exp_bar_fg_tiny.png);
  background-repeat:  no-repeat;
  position:           absolute;
}

.exp_meter_tiny .bar_pts
{
  width:              60px;
  position:           absolute;
}