a{
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#124f7a;
}

a:hover{
    text-decoration:underline;
}

p{
    padding:0;
    margin:0;
}

img{
    border:0;
}

input{
    border: 1px solid #d4d4d4;
}

legend{
    border:0;
    padding:0;
    margin:0;
    position:static;
}

label{
  font-weight:800;
}

/* Begin CSS for shared components */
body
{
	width:100%;
	margin: 0 auto;
	background:url(/images/crosshatch.gif) repeat;
}

.sitewrapper
{
	height:auto !important;
	margin:0 auto -33px;
	min-height:100%;
	width:800px;
	background:url(/images/side_fade.gif) repeat-y;
	padding-left:9px;
}
.backgroundpattern
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  width:759px;
  margin: 0 auto;
}

li{
  margin:0.5em 0 0.5em 2em;
}

form{
  margin:0;
  padding:0;
}

hr{
  size: 1;
  color:black;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family:Verdana, Arial, Helvetica, sans-serif;
 margin:0;
 padding:0;
}

.imageButton{
  border:0 !important;
  margin: 0 2px 0 2px;
}

.imageButton:hover{
  opacity: .7;
  filter: alpha(opacity=70);
}

.fieldWithErrors input{
  background-color: #FFCCFF;
}

#notice{
    padding: 4px;
    background:#f2f9fd;
    border:2px #c0c0c0 solid;
    margin: 15px 0;
}

#headerTopBack{
  position:absolute;
  top:0px;
  left:0px;
  height:38px;
  width:100%; /*ie 6 doesn't do percentages the same way*/
  background: url(/images/topbar.gif) repeat-x;
  line-height:30px;
  text-align:right;
  font-weight:bold;
  color:#d3d3dc;
}

.headerBoo1
{
	width:100%;
	text-align:center;
}

.headerTopBoo
{
}

.topbarback
{
	position:relative;
	width:0;
	height:39px;
	vertical-align:bottom;
}

.topbarback span
{
	width:100px;
	height:39px;
	position:absolute;
	background: url(/images/header_bar.png) repeat-x;
	behavior: url(/iepngfix.htc); 
}

#headerMainCommonCont
{
	height:200px;
	width:755px;
	overflow:hidden;
}

#topsubheader
{
	width:748px;
	height:31px;
	position:relative;
	top:-5px;
	left:4px;
	color:#4d5d6a;
	font-size:9pt;
	background: url(/images/top_submenu_back.gif) no-repeat top left;
}

#topsubheadertxt
{
	font-size:11pt;
	float:left;
	font-weight:bold;
	position:relative;
	top:7px;
	left:18px;
}

#topsubheadertxt2
{
	float:left;
	position:relative;
	top:10px;
	left:40px;
}

#topsubheadertxt2 a:hover
{
	color:#efffff;
}
#headerMainShared
{
	height:185px;
	overflow:hidden;
}

#headerTop
{
	padding-top:4px;
  margin:0;
  height:29px;
  line-height:30px;
  text-align:right;
  font-size:10pt;
  font-weight:normal;
  color:#d3d3dc;
  padding-right:5px;
  background:transparent;
  vertical-align:bottom;
}

.headerTopImg 
{
	float:right;
	display:inline;
	position:relative;
	width:25px;
	height:30px;
	right:25px;
	vertical-align:bottom;
}

.headerTopImg span 
{
	width:30px;
	height:30px;
	position:absolute;
	background: url(/images/login_button_sm.png) no-repeat;
	behavior: url(/iepngfix.htc); 
}

.cupcake_yes_cont
{
	position:relative;
	vertical-align:bottom;
	width:41px;
	height:35px;
}

.cupcake_no_png
{
	position:relative;
	width:41px;
	height:35px;
}

.cupcake_no_png span
{
	width:41px;
	height:35px;
	position:absolute;
	background: url(/images/cupcake_no.png) no-repeat;
	behavior: url(/iepngfix.htc); 
}

.cupcake_new_png
{
	position:relative;
	width:41px;
	height:35px;
}

.cupcake_new_png span
{
	width:41px;
	height:35px;
	position:absolute;
	background: url(/images/cupcake_new.png) no-repeat;
	behavior: url(/iepngfix.htc); 
}

.cupcake_yes_png
{
	position:relative;
	width:41px;
	height:35px;
}

.cupcake_yes_png span
{
	width:41px;
	height:35px;
	position:absolute;
	background: url(/images/cupcake_yes.png) no-repeat;
	behavior: url(/iepngfix.htc); 
}

.headerTopTxt
{	
	float:right;
	height:30px;
	position:relative;
	top:-3px;
	text-align:left;
	padding-left: 5px;
}

.headerTopTxt a{
  font-size:10pt;
  font-weight:normal;
  color: #d3d3dc;
	vertical-align:bottom;
}

#headerBanner{
	padding: 5px 0px 0px 5px;
}

.headerMoveContainer
{
	position:relative;
	height:150px;
	overflow:hidden;
}

#topNav{
   padding:0;
   margin:0;
width:501px;
}

 #topNav ul{
   padding:0;
   margin:0;
   height:33px;
}
 #topNav ul li{
  margin:0;
   padding:0;
  list-style:none;
  float:left;
  position:relative;
  top: 8px;
}

.menudiv
{
	display:inline;
	position:relative;
  height:33px;
  margin:0;
  padding:0;
  background-position: 0px -8px;
  
}

.menudiv a
{
	padding: 8px 10px 7px 10px;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  color: #e8f1f6;
  margin: 0 0;
  position:relative;
}

.menudiv2
{
	width:19px;
	height:10px;	
}

.menudiv a:hover
{
  height:33px;
  background: url(/images/menubar_gradient.gif) top left;
  background-position: 0px -33px;
  text-decoration:none;
  color:#666666;
}

.selectedmenudiv a{
  height:33px;
  background: url(/images/menubar_gradient.gif) top left;
  background-position: 0px -33px;
  text-decoration:none;
  color:#666666;

}

#topNav ul li img{
	position:relative;
	top:-8px;
}

#mainContainer
{
	 margin: 0 0 0 0;
    padding:0 0 0 0;
    font-size:12px;
    width:100%;
    background-color:transparent;
    position:relative;
    overflow:hidden;
    bottom:20px;
}


.roundcont {
  background-color: #f90;
  color: #fff;
}

.roundcont p {
  margin: 0 10px;
}

.roundtop { 
  background: url(/images/tr.gif) no-repeat top right; 
}

.roundbottom {
  background: url(/images/br.gif) no-repeat top right; 
}

img.corner {
  border: none;
  display: block !important;
  position:relative;
  right:2px;
}

img.corner1 {
  border: none;
  display: block !important;
  position:relative;
  right:1px;
}
img.corner2 {
  border: none;
  display: block !important;
  position:relative;
}

img.corner_zero {
  border: none;
  display: block !important;
  position:relative;
  right:0px;
}

/*pink bar*/
.pinkroundcont 
{
	background-color:#ffffff;
	 margin:0px;
	 border:0;
}

.pinkroundcont .pinkroundcontbody
{
  border:0;
  background: url(/images/shadowside.gif) repeat-y top right; 
  margin:0px;
	 border-left:1px solid #cccccc; 
	 border-top:solild 0px #ffffff;
	 border-bottom:solild 0px #ffffff;
	 border-right:solild 0px #ffffff;
}

.pinkroundtop { 
  left:1px;
  position:relative;
  border:0;
  height:8px;
  background: url(/images/pink_t.gif) repeat-x top left; 
}

.pinkroundbottom {
  position:relative;
  left:1px;
  height:12px;
  background: url(/images/shadow_bottom.gif) repeat-x top right; 
}


/*white pink gray module*/
.wpgroundcont {
 border:1px solid #fce4e4; 
 background-color:#eae7e4;
}

.wpgroundcont .wpgroundcontbody{
  margin:0px;
}

.wpgroundtop { 
  left:1px;
  top:-1px;
  position:relative;
  background: url(/images/pink_gray_tr.gif) no-repeat top right; 
}

.wpgroundbottom {
  position:relative;
  left:1px;
  bottom:-1px;
  background: url(/images/pink_gray_br.gif) no-repeat top right; 
}


/*gray white module*/
.gwroundcont {
 margin:0px;
 border:1px solid #ffffff; 
 background-color:#ffffff;
}

.gwroundcont .gwroundcontbody{
  margin:0px;
}

.gwroundtop { 
  left:1px;
  top:-1px;
  position:relative;
  background: url(/images/gray_white_tr.gif) no-repeat top right; 
}

.gwroundbottom {
  position:relative;
  left:1px;
  bottom:-1px;
  background: url(/images/gray_white_br.gif) no-repeat top right; 
}

/*gray biege module*/
.gbiegeroundcont {
 margin:0px;
 border:1px solid #cbc8c2; 
 background-color:#f5efc9;
}

.gbiegeroundcont .gbiegeroundcontbody{
  margin:0px;
}

.gbiegeroundtop { 
  left:1px;
  top:-1px;
  position:relative;
  background: url(/images/gray_biege_tr.gif) no-repeat top right; 
}

.gbiegeroundbottom {
  position:relative;
  left:1px;
  bottom:-1px;
  background: url(/images/gray_biege_br.gif) no-repeat top right; 
}

/*silver white module*/
.silvwhiteroundcont {
 margin:0px;
 border:1px solid #b5b8ba; 
 background-color:#dfe3e5;
}

.silvwhiteroundcont .silvwhiteroundcontbody{
  margin:0px;
}

.silvwhiteroundtop { 
  left:1px;
  top:-1px;
  position:relative;
  background: url(/images/silver_white_tr.gif) no-repeat top right; 
}

.silvwhiteroundbottom {
  position:relative;
  left:1px;
  bottom:-1px;
  background: url(/images/silver_white_br.gif) no-repeat top right; 
}
/*biege white module*/
.biegewhiteroundcont {
 margin:0px;
 border:1px solid #c7c2a3; 
 background-color:#ffffff;
}

.biegewhiteroundcont .biegewhiteroundcontbody{
  margin:0px;
}

.biegewhiteroundtop { 
  left:1px;
  top:-1px;
  position:relative;
  background: url(/images/biege_white_tr.gif) no-repeat top right; 
}

.biegewhiteroundbottom {
  position:relative;
  left:1px;
  bottom:-1px;
  background: url(/images/biege_white_br.gif) no-repeat top right; 
}

/*gray module*/
.grayroundcont {
 margin:0px;
 background-color:#f3f1ef;
 border:1px solid #d1d1d1; 
}

.grayroundcont .grayroundcontbody{
  margin:0px;
}

.grayroundtop { 
  left:1px;
  top:-1px;
  position:relative;
  background: url(/images/white_gray_tr.gif) no-repeat top right; 
}

.grayroundbottom {
  position:relative;
  left:1px;
  bottom:-1px;
  background: url(/images/white_gray_br.gif) no-repeat top right; 
}

/*brownwhit module*/
.brownwhiteroundcont {
 margin:0px;
 border:1px solid #afa395; 
 height:207px;
}

.brownwhiteroundcont .brownwhiteroundcontbody{
  margin:0px;
}

.brownwhiteroundtop { 
  left:1px;
  top:-1px;
  position:relative;
  background: url(/images/brown_white_tr.gif) no-repeat top right; 
}

.brownwhiteroundbottomcont
{
  background: url(/images/brown_white_br.gif) no-repeat top right; 
  background-color:#e6e6e6;
  height:8px;
  position:relative;
  top:-8px;
  width:100%;
}

.brownwhiteroundbottom {
  position:relative;
  left:1px;
  bottom:-2px;
  background: url(/images/brown_white_br.gif) no-repeat top right; 
  background-color:Transparent;
}

/*silver white module*/
.silverwhiteroundcont {
 margin:0px;
 border:0px; 
 background: url(/images/white_silver_gradient.gif) repeat-x top right;
 height:30px;
  position:relative;
}

.silverwhiteroundcont .silverwhiteroundcontbody{
  margin:0px;
  height:30px;
  position:relative;
}

.silverwhiteroundtop { 
  left:0px;
  top:0px;
  position:relative;
  background: url(/images/white_silver_tr.gif) no-repeat top right; 
}

.silverwhiteroundbottom {
  position:relative;
  left:0px;
  top:-14px;
  background: url(/images/white_silver_br.gif) no-repeat top right; 
}


/*silver brown module*/
.silverbrownroundcont {
 margin:0px;
 border:0px; 
 background: url(/images/white_silver_gradient.gif) repeat-x top right;
 height:30px;
 overflow:hidden;
}

.silverbrownroundcont .silverbrownroundcontbody{
  margin:0px;
  height:30px;
 overflow:hidden;
 position:relative;
 top:-7px;
}

.silverbrownroundtop { 
  left:0px;
  top:0px;
  position:relative;
  background: url(/images/silver_brown_tr.gif) no-repeat top right; 
}

.silverbrownroundbottom {
  position:relative;
  left:0px;
  top:-14px;
  background: url(/images/silver_brown_br.gif) no-repeat top right; 
}

.module_header
{
	position:relative;
	top:-5px;
	left:3px;
}

/* Menu bar */
.menubarcenteringdiv
{
	padding:0px 0px 4px 5px;
}

.menubarroundcont {
	margin:0px;
	border:0px;
	height:33px;
	width:746px;
	background: url(/images/menubar_gradient.gif) repeat-x top right;
	overflow:hidden;
}

.menubarroundcontbody{
  position:relative;
  margin:0px;
  height:33px;
  top:-9px;
  overflow:hidden;
}

.menubarroundtop { 
  left:0px;
  top:0px;
  position:relative;
  background: url(/images/menubar_tr.gif) no-repeat top right; 
}

.menubarroundbottom {
  position:relative;
  left:0px;
  bottom:0px;
  top:-18px;
  background: url(/images/menubar_br.gif) no-repeat top right; 
}

.topmenu_divisor
{
}

/* Main rounded box */
.maincontainer
{
	background-color:#b3ccea;
	width:759px;
	height:100%;
}


.mainbackroundcont {
	margin:0px;
	border:1px solid #999999; 
	background-color:#ffffff;
	
}

.mainbackroundcontbody{
  margin:0px;
}

.mainbackroundtop { 
  left:1px;
  top:-1px;
  position:relative;
  background: url(/images/mainback_tr.gif) no-repeat top right; 
}

.mainbackroundbottom {
  position:relative;
  left:1px;
  bottom:-1px;
  background: url(/images/mainback_br.gif) no-repeat top right; 
}


/* cupcake games box */
.ccmeterroundcont {
	margin:0px;
	border:1px solid #FFFFFF; 
	background: url(/images/white_cupcake_gradient.gif) repeat-x top right;
	height:72px;
	overflow:hidden;
}

.ccmeterroundcontbody{
	margin:0px;
	height:72px;
}

.ccmeterroundtop { 
  left:0px;
  top:0px;
  position:relative;
  background: url(/images/white_cupcake_tr.gif) no-repeat top right; 
}

.ccmeterroundbottom {
  position:relative;
  left:0px;
  top:-14px;
  background: url(/images/white_cupcake_br.gif) no-repeat top right; 
}

/* cupcake games box big*/
.ccmeterroundcontbig {
	margin:0px;
	border:0; 
	position:relative;
	background: url(/images/cupcake_big_back.gif) no-repeat top left;
	height:202px;
	overflow:hidden;
}

.ccmeterroundcontbodybig {
	margin:0px;
	height:200px;
}

.ccmeterroundtopbig { 
  left:0px;
  top:0px;
  position:relative;
  background: url(/images/white_cupcake_tr.gif) no-repeat top right; 
}

.ccmeterroundbottombig {
  position:relative;
  left:0px;
  top:-14px;
  background: url(/images/white_cupcake_br.gif) no-repeat top right; 
}

/* end cupcake box */
#alsoLikeGames
{
	padding:0;
	margin:0;
  list-style-type:none;
}

#alsoLikeGames li{
	padding:10px 0 10px 0;
	margin:0;
  text-align:center;
}

.rating_module
{
	height:30px;
	overflow:hidden;
}

.what_do_you_think_module
{
	font-weight:bold;
	color:White;
}

.what_do_you_think_module a
{
	font-weight:normal;
	color:White;
	text-decoration:underline;
}

.cupcake_bar
{
	height:37px;
	width:240px;
	float:left;
	top:12px;
	position:relative;
	left:87px;
	background: url(/images/cupcake_bar_back.gif) no-repeat top right; 
}

.cupcake_bar_icon1
{
	height:59px;
	width:59px;
	float:left;
	top:-2px;
	position:relative;
	left:90px;
	background: url(/images/cupcake_meter_cake.gif) no-repeat top right; 
}

.cupcake_bar_icon2
{
	height:59px;
	width:59px;
	float:left;
	top:-2px;
	position:relative;
	left:90px;
	background: url(/images/cupcake_meter_cake2.gif) no-repeat top right; 
}

.cupcake_bar_percent1
{
	font-size: 30pt;
	color:White;
	float:left;
	top:3px;
	position:relative;
	right:287px;
	width:50px;
	text-align:right;
}

.cupcake_bar_percent2
{
	font-size: 20pt;
	color:White;
	float:left;
	top:10px;
	position:relative;
	right:287px;
	width:50px;
	text-align:right;
}
.cupcake_meter_cont
{
	position:static;
}

.cupcake_bar_percent_sign
{
	font-size: 14pt;
	color:White;
	float:left;
	top:15px;
	position:relative;
	right:286px;
}

.cupcake_bar_dynamic
{
	bottom:58px;
	position:relative;
	left:88px;
	height:42px;
	width:400px;
	overflow:hidden;
}

.cupcake_bar_subsection
{
	float:left;
}

.cupcake_bar_subsection2
{
	float:left;
	width:100px;
	height:42px;
	background: url(/images/cupcake_bar_2.gif) repeat-x top left; 
}

.cupcake_bar_over_text
{
	bottom:88px;
	position:relative;
	left:122px;
	height:42px;
	width:400px;
	font-size:17px;
	color: White;
	z-index:0;
}
/* small cupcake bar */

.cupcake_bar_sm_w
{
	height:24px;
	width:145px;
	background: url(/images/cupcake_bar_back_sm_w.gif) no-repeat top right; 
}

.cupcake_bar_sm
{
	height:24px;
	width:145px;
	background: url(/images/cupcake_bar_back_sm.gif) no-repeat top right; 
}

.cupcake_bar_dynamic_sm
{
	height:24px;
	width:170px;
	position:relative;
	bottom:24px;
	overflow:hidden;
}

.cupcake_bar_subsection_sm
{
	float:left;
}

.cupcake_bar_subsection2_sm_w
{
	float:left;
	height:24px;
	width:100px;
	background: url(/images/cupcake_bar_sm_2_w.gif) repeat-x top left; 
}

.cupcake_bar_subsection2_sm
{
	float:left;
	height:24px;
	width:100px;
	background: url(/images/cupcake_bar_sm_2.gif) repeat-x top left; 
}

.cupcake_bar_over_text_sm
{
	position:relative;
	height:42px;
	font-size:11px;
	bottom:43px;
	left:15px;
	color: White;
	z-index:0;
}

/* big cupcake bar */

.cupcake_bar_big
{
	height:37px;
	width:240px;
	float:left;
	top:140px;
	position:relative;
	left:37px;
	background: url(/images/cupcake_bar_back.gif) no-repeat top right; 
}

.cupcake_bar_icon_big1
{
	height:110px;
	width:110px;
	float:left;
	top:-20px;
	position:relative;
	left:171px;
	background: url(/images/cupcake_meter_cake_big.gif) no-repeat top right; 
}

.cupcake_bar_icon_big2
{
	height:110px;
	width:110px;
	float:left;
	top:-20px;
	position:relative;
	left:171px;
	background: url(/images/cupcake_meter_cake_big2.gif) no-repeat top right; 
}

.cupcake_bar_percent_big1
{
	font-size: 50pt;
	color:White;
	float:left;
	top:-5px;
	position:relative;
	right:121px;
	width:50px;
	text-align:right;
}

.cupcake_bar_percent_big2
{
	font-size: 34pt;
	color:White;
	float:left;
	top:10px;
	position:relative;
	right:121px;
	width:50px;
	text-align:right;
}
.cupcake_meter_cont_big
{
	position:static;
}

.cupcake_big_cont
{
	height:202px;
}
.cupcake_bar_percent_sign_big
{
	font-size: 30pt;
	color:White;
	float:left;
	top:13px;
	margin:0;
	position:relative;
	left:12px;
}

.cupcake_bar_dynamic_big
{
	bottom:66px;
	position:relative;
	left:33px;
	height:42px;
	width:400px;
	overflow:hidden;
}

.cupcake_bar_subsection_big
{
	float:left;
}

.cupcake_bar_subsection_big2
{
	float:left;
	width:100px;
	height:42px;
	background: url(/images/cupcake_bar_2_big.gif) repeat-x top left; 
}

.cupcake_bar_over_text_big
{
	bottom:97px;
	position:relative;
	left:68px;
	height:42px;
	width:400px;
	font-size:17px;
	color: White;
	z-index:0;
}
.also_like_header img
{
	margin-left:4px;
}

.also_like_listing
{
}

.rateImage{

}

.rateImage:hover{
  opacity: .5;
  filter: alpha(opacity=50);
}

.fadeOnHoverImg:hover{
  opacity: .6;
  filter: alpha(opacity=60);
}


.fadedImage{
 opacity: .3;
  filter: alpha(opacity=30);

}

.gameImage:hover{
opacity: .6;
  filter: alpha(opacity=60);

}

.popup_overlay{
  position: fixed;
  top:10%;
  text-align:center;
  padding:0;
  width:752px;
  z-index:150;
  border: 2px solid white;
  background-color: black;
  color: white;
}

.popup_overlay img{
  display: block;
  margin: auto;  
}

.popup_overlay img.gameScreenshot{
  width:640px;
}

.popup_overlay #popup_header{
  height:27px;
  width: 128px;
  float: right;
  margin-top: -29px;
  margin-right: -2px;
  z-index:149;
}

.popup_overlay .popup_header a{
	width: 128px;
	height: 27px;
}

.pagination{
  color:black;
}

.featuredGameCover{
  width:403px;
  height:260px;
}

.nondisplay{
	display:none;
}

.auto_complete {
  position:absolute;
  cursor:pointer;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0px;
  font-size:11px;
  z-index:80;
  vertical-align:baseline;
}

.auto_complete ul {
  list-style-type: none;
  margin:0px;
  padding:0px;
  vertical-align:baseline;
}
    
.auto_complete ul li.selected 
{ 
  background-color: #fce4e4;
  vertical-align:baseline;
}

.auto_complete ul li{
  list-style-type: none;
  display:block;
  margin:0;
  padding:3px;
  height:30px;
  color:#666666;
  border-bottom:1px solid #777777;
  vertical-align:baseline;
}

.auto_complete ul li img{
  float:left; 
  padding-right:5px;
  height:30px;
  cursor:hand;
}

input#search_term{
  width:190px;
  height:17px;
  border:1px solid #96969d;
  border-right:0px;
}

.searchBox img.imageSearch:hover{
 opacity: .7;
 filter: alpha(opacity=70);
 
}

.searchBoxCont
{
	position:relative;
	float:right;
	right:238px;
	bottom:85px;
	z-index:80;
}

.searchBox{
	position:absolute;
	background:transparent;
	z-index:80;
}

#searchBoxButton
{
	position:relative;
	top:1px;
}

#searchBoxButton img
{
	height:22px;
}

.searchBox *
{
  text-align:left;
}

.searchBox img.imageSearch{
  border:0px;
  height:21px;
}

.mainfooter
{
	padding-top:8px;
	text-align:center;
	font-size:9pt;
	color:#666666;
	width:740px;
	height:80px;
}

.mainfooterseperator
{
	position:relative;
	left:173px;
	background-color:#cccccc;
	height:1px;
	width:400px;
	overflow:hidden;
}