/* 
   Main Stylesheet
======================================================================*/

body { 
   background: #031a2a; 
   color: #061f4e; 
   text-align: center; 
   font-size: 11px; 
   font-family: Tahoma, Verdana, Sans-Serif; 
   letter-spacing: 0.1px; 
}

p  {  margin: 0 0 10px 12px; width:85%}

h2 { display: block; margin: 0 0 20px 12px}
h3 { font-size: 12px;  margin: 0 0 20px 12px}

a        { color: #3399cc; }
a:hover  { color: #000000; }
a:active { outline: none;  }


/*	global ----------------------------------- */

.hide { display: none;  }
.show { display: block;	}
.padding { padding: 8px 8px 8px 10px; }

.divider { border-top: 2px solid #e8e8e8; height: 1px; overflow: hidden; margin-bottom: 20px; clear: both; }
/*	clearfix ----------------------------------- */

.c { clear: both; height: 0; overflow: hidden; visibility: hidden; display: block; }
.clear { display: inline-block; } 
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

/*	header ----------------------------------- */
#header { padding:10px; width: 100%;  }
#header .login { background: url("../images/btn_login.jpg") top left no-repeat; border: none; margin: 2px 0 0 6px; width: 52px; height: 18px; float: right; }
#header .loginMsg { color: #3c80f1; font-weight: bold; margin: 2px 0 0 6px;}
#header .logout { background: url("../images/btn_logout.jpg") top left no-repeat; border: none; margin: 2px 0 0 6px; width: 52px; height: 18px; float: inherit; }
/*	main ----------------------------------- */

#main { text-align: left; width: 899px; margin: auto; padding-bottom: 30px;
	height: 159px;
}

/*	middle ----------------------------------- */

#middle { background: transparent url(../images/main_bg_middle.gif) repeat-y 0 0; width: 100%; }
#middle .bgcontain { background: transparent url(../images/main_bg_top.jpg) no-repeat 0 0; width: 100%; }

#navigation { margin: 5px 0 20px 10px; padding: 0; list-style: none; float: left; display: inline; }
#navigation li { margin: 0; padding: 0; list-style: none; float: left; }

#content { width: 100%; min-height: 380px; }
/*	Home ----------------------------------- */

#home #feature {position: relative; width:882px;height:391px; background: transparent url(../images/main_feature.jpg) no-repeat 0 0;}
#home #feature .gallery{position:absolute; bottom:208px; left:210px; background: url("../images/btn_gallery.jpg") top left no-repeat; width: 66px; height: 17px; border: none;}
#home #feature .gallery:hover{border: 1px solid #660000;}
#home #feature .video{position:absolute; bottom:6px; left:93px; background: url("../images/btn_trailer.jpg") top left no-repeat; width: 142px; height: 33px; border: none;}
#home #feature .video:hover{border: 1px solid #660000;}
#home #feature .cast{position:absolute; bottom:6px; left:240px; background: url("../images/btn_cast.jpg") top left no-repeat; width: 142px; height: 33px; border: none;}
#home #feature .cast:hover{border: 1px solid #660000;}
#home #feature .rulesandregs{position: absolute; bottom:6px; left:311px; width:142px;height:33px; background: transparent url(../images/btn_rules.jpg) no-repeat 0 0;}
#home #feature .rulesandregs:hover{border: 1px solid #660000;}
#home #feature .installsilverlight {position: absolute; bottom:13px; right:0px; width:265px;height:57px; background: transparent url(../images/btn_installsl.jpg) no-repeat 0 0;}

#home #cast {position: relative; width:880px;height:390px; background: transparent url(../images/cast.jpg) no-repeat 0 0;}
#home #cast .goback{position:absolute; bottom:17px; left:20px; background: url("../images/btn_goback.jpg") top left no-repeat; width: 142px; height: 23px; border: none;}
#home #cast .goback:hover{border: 1px solid #660000;}

#home .pad { padding: 10px 12px; }
#home #footerlinks { margin: 5px 0 0 0; padding: 0; list-style: none; float: left; display: inline; }
#home #footerlinks  li { margin: 0 6px 0 0; padding: 0; list-style: none; float: left; }
#home #footerlinks  li.last { margin-right: 0px; }
#home #navigation { margin-bottom: 0px; }


/*	Gallery -------------------------------- */

#gallery { width: 100%;}

#gallery #headerLinks { background: transparent url(../images/gallery_header.jpg) no-repeat 0 0; margin: 0 0 20px 12px; padding-bottom: 10px; list-style: none; float: left; height:32px; width:852px; border-bottom: 1px solid rgb( 204,204,204 );}
#gallery #headerLinks li { margin: 0; padding: 0; list-style: none; float: right; }

#scrollable {overflow:auto; height:500px; width: 852px; float:left; margin: 5px 0 0 12px; position:relative;}
#scrollable img{padding:0 15px 0 0;}

#gamelist {margin: 0 0 0 0; list-style: none;  }
#gamelist li { width:210px; display:inline; }
#gamelist #game_item{margin: 5px 0 0 5px; width: 200px; height:240px; float:left; text-align: center;}
#gamelist #game_item #game_title{color: #3c80f1; font-weight: bold; margin:0 0 5px 0; text-align: center;}
#gamelist #game_item #game_details{color: #999999;text-align: center;}

div.noGames h3 { font-size: 2em; padding-top: 150px; text-align: center; }

/*	Admin Gallery -------------------------------- */

#AdminGallery { width: 100%;}

#AdminGallery #headerLinks { background: transparent url(../images/admin_gallery.jpg) no-repeat 0 0; margin: 0 0 20px 12px; padding-bottom: 10px; list-style: none; float: left; height:32px; width:852px; border-bottom: 1px solid rgb( 204,204,204 );}
#AdminGallery #headerLinks li { margin: 0; padding: 0; list-style: none; float: right; }

#scrollable, .scrollable {overflow:auto; height:500px; width: 852px; float:left;}
#scrollable img{padding:0 15px 0 0;}

#gamelist {margin: 0 0 0 -45px; list-style: none;  }
#gamelist #game_item{margin: 5px 0 0 5px; width: 208px; height:240px; float:left; text-align: center;}
#gamelist #game_item #game_title{color: #3c80f1; font-weight: bold; margin:0 0 5px 0; text-align: center;}
#gamelist #game_item #game_details{color: #999999;text-align: center;}


/*	Game -------------------------------- */

#game { width: 100%;}
#leftcontent {float:left; margin:0 0 20px 12px; width:600px;}
#leftcontent .gamecontainer {background: #000; height: 430px; width:800px; margin-left: 32px;}
#leftcontent .comments {}

#rightcontent {margin:0 0 20px 46px; width:100%;}
#rightcontent .title{color: #3c80f1; font-size: large; font-weight: bold;}
#rightcontent .date{float:left;color: #999999; margin:5px 0 5px 0; }
#rightcontent .rating{float:left;color: #999999; margin:5px 0 5px 0; }
#rightcontent .details{float:left; color: #999999; width:200px;}

#game .star-rating { margin-left: 0px }
.ajax-tip { z-index: 21; background-color: #061F4E; color: #3C80F1; font-size: 10px; padding: 3px; border: 1px solid #3C80F1; }

#game .commentsBox { clear: both; width: 500px; margin-left: 46px; padding-top: 10px; }
#game .commentsBox h3 { font-size: 1.1em; border-bottom: 1px solid; margin-bottom: 5px; }
#game .comment { padding-bottom: 5px; }
#game .commentHeader{ padding-bottom: 4px; }
#game .commenter { color: rgb(0,153,255); }
#game .commentDate { color: rgb(127,204,255); }
#game .commentsBox input { background: transparent url(../images/nav_submit.jpg) top left no-repeat; width: 69px; height: 21px; border: none; }
#game .newCommentHeader { font-size: 1.1em; font-weight: bold; padding-bottom: 5px; }

/*	SDK  ----------------------------------- */

#sdk_header {background: transparent url(../images/sdk_header.jpg) no-repeat 0 0; margin: 0 0 20px 12px; padding-bottom: 10px; list-style: none; float: left; height:32px; width:852px; border-bottom: 1px solid rgb( 204,204,204 );}
#sdk #banner {padding:10px 0px 10px 0; width:100%}

.header2 { color: #3c80f1; font-weight: bold; padding: 0  0  0 12px;}

/*	Register ---------------------------------- */

#register_header {background: transparent url(../images/register_header.jpg) no-repeat 0 0; margin: 0 0 20px 12px; padding-bottom: 10px; list-style: none; float: left; height:32px; width:852px; border-bottom: 1px solid rgb( 204,204,204 );}

#sign_up {float:left; width: 400px; margin:0 0 20px 12px;}
#sign_up .header2 { color: #3c80f1; font-weight: bold;}

#sign_in {float:left; width: 48%; margin:0 0 20px 12px;}
#sign_in .header2 { color: #3c80f1; font-weight: bold;}
input.RegButton { background: url("../images/register.jpg") top left no-repeat; width: 98px; height: 21px; border: none;}
input.LoginButton { background: url("../images/signin.jpg") top left no-repeat; width: 100px; height: 23px; border: none;}
input.FPButton { background: url("../images/forgot_password.jpg") top left no-repeat; width: 114px; height: 21px; border: none;}

/*Submit Game ---------------------------------- */
#submitgame #game_header {background: transparent url(../images/submitgame_header.jpg) no-repeat 0 0; margin: 0 0 20px 12px; padding-bottom: 10px; list-style: none; float: left; height:32px; width:852px; border-bottom: 1px solid rgb( 204,204,204 );}

#submit_game .header2{color: #3c80f1; font-weight: bold;}
#submit_game img{margin:0 20px 0 0;}
#submit_game {margin:0 20px 0 12px; float:left;}
#submit_game .submitBtn { background: url("../images/submitgame.jpg") top left no-repeat; width: 130px; height: 21px; border: none; }

/*	Contact  ----------------------------------- */

#contact #contact_header {background: transparent url(../images/contact_header.jpg) no-repeat 0 0; margin: 0 0 20px 12px; padding-bottom: 10px; list-style: none; float: left; height:32px; width:852px; border-bottom: 1px solid rgb( 204,204,204 );}

#contact #contact_fields{float:left; margin:0 0 20px 12px;}
#contact #contact_sub{float:left; width: 60%; margin:0 0 20px 12px;}
#contact .submitBtn { background: url("../images/submit.jpg") top left no-repeat; width: 99px; height: 20px; border: none; }


/*	Send to a Friend ----------------------------------- */

#stf_header {background: transparent url(../images/stf_header.jpg) no-repeat 0 0; margin: 0 0 20px 12px; padding-bottom: 10px; list-style: none; float: left; height:32px; width:852px; border-bottom: 1px solid rgb( 204,204,204 );}
#stf_in {float:left; margin:0 0 20px 12px;}
#sendtoafriend .SendMail { background: url("../images/submit.jpg") top left no-repeat; width: 99px; height: 20px; border: none; }

#footer { background: transparent url(../images/main_bg_bottom.jpg) no-repeat 0 0; width: auto; }

.mscomFooterCopyright {color:#3399cc;display:block;text-align:left;font-size: 11px;padding-top: 10px; padding-left:5px;float: left; width:100%;}
.mscomFooterLinks { text-align: left; padding-left: 5px; padding-right: 20px; padding-bottom:10px;}
.mscomFooterSiteLinks { padding-bottom: 3px; }
.mscomFooterLinks a { color: #3399cc; text-decoration: none; }
.mscomFooterLinks a:hover { color: #3c80f1; text-decoration: underline; }
.mscomFooterPipe { color: #3c80f1; margin: 0 2px; }
.mscomFooterCorpLogo {display:inline;float:right;width:88px;}

.tableview { margin: 0 0 20px 1px; }
.tableview th { padding: 5px 10px; border-bottom: 1px solid #c0c0c0; }
.tableview td { padding: 5px 10px; border-bottom: 1px solid #c0c0c0; }