/* DEFAULTS
----------------------------------------------------------*/
*{    
   margin:0;    
   padding:0;    
}   
body   
{
    background: #0F3B5F;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    background-image:URL(../Images/bg5.jpg);
}

a:link, a:visited
{
    color: #22afcd;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #FFFFFF;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #FFFFFF;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
    background-image:url(../Images/extras_bg3.jpg);
			
}

.pageheadingcontainer
{
    padding-bottom:10px;
}
.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #1F1209;
    background-image:url(../Images/extras_bg3.jpg);
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}
.tinyText
{
    font-size:9px;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#0A0F15;
    width:100%;
    background-image:url(../Images/extras_bg3.jpg);
}

div.menu ul
{
    list-style:none;
    margin:0;
    padding:0;
    width:auto;
}

div.menu ul li
{
    padding-left: 8px;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #0A0F15;
    border: 1px #4e667d solid;
    color: #dde4ec;
    line-height: 2.8em;
    padding: 4px 20px;
    text-decoration: none;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.submitButton
{
    float: right;
    margin: 0px 10px 0px 0px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 55%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    text-align: left;
    width: auto;
    background-repeat: no-repeat;
    overflow:hidden;
    padding-left:0px;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}


/*Search page*/
.searchboxcontainer
{
	margin:0 auto;
	width:500px;
	padding-top:15px;
}
.searchbox
{
	width:100%;
}
.searchbuttoncontainer
{
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
}
.searchbuttoncontainer a { background:url(../images/buttons2.gif) no-repeat; width:175px; height:25px; display:block; padding-left:25px; margin:0px auto;
				font-size:13px; color:white; text-decoration:none; line-height:25px;}
.searchbuttoncontainer a:hover { background-position:0 bottom;  }
.searchbutton
{
	margin:0 auto;
	width:100%;
}

/*search results UI*/
.resultscontainer
{
}
.resultitemrow
{
	width:918px;
	border-bottom:1px solid #cecfce;
	border-right:1px solid gray;
	border-left:1px solid gray;
	clear:both;
	display:table;
	padding-bottom:0px;
	background-color:#FFFFFF;
	background-image:url(../Images/blue_overlay.jpg);
}
.resultitemrow:hover
{
	background-color:#F5F5F5;
}
.resultitemtitle
{
	clear:both;
	width:100%;
	font-size:16px;
	font-weight:bold;
	background-image:url(../Images/title_2.gif);
	background-repeat:repeat-x;
	color:White;
	padding-left:0px;
}
.resultitemtitlegame
{

}
.resultitemdownload
{
	float:left;
	width:75px;
}
.resultitemdescription
{
    width:100%;

}
.resultitemsummary
{
    background-image:url(../Images/bg_1.gif);
    width:200px;
    vertical-align:top;
}
.resultitemsummarycontent
{
    padding-top:0px;
    padding-bottom:2px;
    padding-right:5px;
    padding-left:10px;
    font-size:10px;
}
.resultitemsummarylabel
{
	text-align:right;
	padding-right:3px;
}
.resultitemsummaryData
{
	font-weight:bold;
}
.resultitemplayers
{
	float:left;
	vertical-align:top;
	display:block;
	width:636px;
	color:white;
}
.playercontainer
{
    background-image:url(../Images/circuits.jpg);
}
.resultsummary
{
    float:left;
    border:1px solid green;
}
.pagerContainer
{
	clear:both;
	float:right;
}

.modalBackground 
{
	background-color:#000000;
	filter:alpha(opacity=80);
	opacity:0.8;
}
.replayInfoContainer
{
    background-color:White;
}
/*RATING CONTROL*/
.ratingContainer
{
    background-image:url(../Images/bg_1.gif);
    width:200px;
    height:16px;
}
.star
{
    width:16px;
    height:16px;
}
.emptystar
{
    background-image:url(../Images/emptystar_16.png);
    background-repeat:no-repeat;
    width:16px;
    height:16px;    
}
.filledstar
{
    background-image:url(../Images/star_16.png);
    background-repeat:no-repeat;
    width:16px;
    height:16px;      
}
.waitingstar
{
    background-image:url(../Images/waitingstar_16.png);
    background-repeat:no-repeat;
    width:16px;
    height:16px;        
}
/*END RATING CONTROL*/

/*contribute replay*/
.contributeOuterContainer
{
    width:100%;
    background-color:black;
    border-bottom:1px solid #cecfce;
    border-top:1px solid #cecfce;
}
.contributeContainer
{
    width:920px;
    min-height:245px;
    background-image:url(../Images/bg_3_920.gif);
    margin:0px auto;
}
.contributeInnerContainer
{
   margin:0px auto;
   width:600px; 
   padding-top:20px;
   padding-bottom:20px;
}


.contributelabelcell
{
    width:130px;
    padding-left:15px;
}



/*ajax css overrides*/
.ajax__validatorcallout_error_message_cell
{
    color:black;
}



ul.players
{
	width: 100%;
	list-style: none;
	margin: 0 auto; 
	padding: 0;
}
ul.players li {
	float: left;
	margin:0px 8px 0px 0px;
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}

/*Grids*/
.gridHeader
{
    background-image:url(../Images/title_2.gif);
    color:White;
    font-size:12px;
    font-weight:bold;
    height:22px;
}
.gridHeader td
{
    padding-left:5px;
}
.grid
{
    background-image:url(../Images/blue_overlay.jpg);
}
.gridItem
{
    color:White;
}
.gridItem td
{
    padding-left:5px;
}

/*Error and Validators*/
.errsummary
{
    border: 2px solid #EF2D25;
    color: #EF2D25;
    margin: 5px 0px;
    padding: 15px;
    background: #0a0f15 url(../Images/err_48.gif) no-repeat 5px 50%;
    width:535px;
}
.errsummary ul {
     padding: 0;
     margin-left: 68px;
     list-style: square;
}

/*add player dialog*/
.addplayercontainer
{
    background-image:url(../Images/bg_450.gif);
    width:450px;
    border-bottom:1px solid #cecfce;
    border-top:1px solid #cecfce;
    padding-bottom:10px;
}
.addplayercontainer table
{
    margin:0px auto;
}
.addplayererrsummary
{
    border: 2px solid #EF2D25;
    color: #EF2D25;
    margin: 0px auto;
    padding: 15px;
    background: #0a0f15 url(../Images/err_48.gif) no-repeat 5px 50%;
    width:398px;
}
.addplayererrsummary ul {
     padding: 0;
     margin-left: 68px;
     list-style: square;
}
.addplayerlabel
{
    width:100px;
}
.addplayercontainer a { background:url(../images/buttons2.gif) no-repeat; width:175px; height:25px; display:block; padding-left:25px; margin:5px 0;
				font-size:13px; color:white; text-decoration:none; line-height:25px;float:left;}
.addplayercontainer a:hover { background-position:0 bottom;  }
.addplayeractioncontainer
{
     margin:0px auto;
     width:400px;
}
.addplayerdialogtitle
{
    width:428px;
	font-size:16px;
	font-weight:bold;
	background-image:url(../Images/title_2.gif);
	background-repeat:repeat-x;
	color:White;
    text-align:center;
    margin:0px auto;
    cursor:move;
}
.actioncontainer
{
    width:600px;
}
.actioncontainer a { background:url(../images/buttons2.gif) no-repeat; width:175px; height:25px; display:block; padding-left:25px; margin:5px 0;
				font-size:13px; color:white; text-decoration:none; line-height:25px;float:right;}
.actioncontainer a:hover { background-position:0 bottom;  }

.updateprogresscontainer
{
    height:11px;
    float:right;
}

/*Ads*/
.addspace
{
    height:50px;
    width:150px;
    border:1px solid green;
    float:right;
    display:none;
}

/*Version*/
.versioncontainer
{
    font-size:9px;
    padding-left:10px;
    padding-right:20px;
}

/*Comments*/
.commentItem
{
    width:864px;
    margin-left:3px;
    min-height:50px;
}
.commentcontainer
{
    background-image:url(../Images/bg_922.gif);
    width:920px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid #cecfce;   
    border-bottom:1px solid #cecfce;
}
.commentlabelcell
{
    width:75px;
    padding-left:30px;
}
.addcommentcontainer a { background:url(../images/buttons2.gif) no-repeat; width:175px; height:25px; display:block; padding-left:25px; margin:5px 0;
				font-size:13px; color:white; text-decoration:none; line-height:25px;float:left;}
.addcommentcontainer a:hover { background-position:0 bottom;  }

.addcommenterrsummary
{
    border: 2px solid #EF2D25;
    color: #EF2D25;
    margin: 0px auto;
    padding: 15px;
    background: #0a0f15 url(../Images/err_48.gif) no-repeat 5px 50%;
    width:887px;
}
.addcommenterrsummary ul {
     padding: 0;
     margin-left: 68px;
     list-style: square;
}

.commentscontainer
{
    background-image:url(../Images/bg_922.gif);
}
.newscontainer
{
    border-bottom:1px solid #cecfce;
    background-color:#000000;
    border-top:1px solid #cecfce;
}
.repeatItem
{
    padding-top:6px;
    padding-left:20px;
    padding-right:20px;
}
.newsItem
{
    width:720px;   
    min-height:75px;   
}
.repeatItemHeader
{
    background-image:url(../Images/title_2.gif);
    color:White;
    font-size:14px;
    font-weight:normal;
    height:22px; 
    width:874px;
    margin-left:3px;   
}

.gameSelectorItem
{
    float:left;
    padding:5px;
}
.modalPopupGamesContainer
{
    width:850px;
    height:345px;
    background-image:url(../Images/bg_3_850.gif);
    border-bottom:1px solid #cecfce;
    border-top:1px solid #cecfce;
}
.modalPopupGamesInnerContainer
{
    width:630px;
    margin:0px auto;
}
.gameChangerBarOuterContainer
{
    width:100%;
    background-color:#0a0f15;
    border:1px solid #cecfce;
}
.gameChangerBar
{
    width:900px;
    padding:10px;
    
}
.contributegamechangerbar
{
    width:900px;
    padding:10px;
    
}
.modalPopupGamesActionBar
{
    width:600px;
    padding-top:10px;
}
.modalPopupGamesActionBar a { background:url(../images/buttons2.gif) no-repeat; width:175px; height:25px; display:block; padding-left:25px; margin:0px auto;
				font-size:13px; color:white; text-decoration:none; line-height:25px;}
.modalPopupGamesActionBar a:hover { background-position:0 bottom;  }

.gamesOuterContainer
{
    width:100%;
    background-color:black;
    border-bottom:1px solid #cecfce;
    border-top:1px solid #cecfce;
}
.gamesContainer
{
    width:850px;
    height:345px;
    background-image:url(../Images/bg_3_850.gif);

    margin:0px auto;
}
.gamesInnerContainer
{
    width:630px;
    margin:0px auto;
}

.copyrightNoticeOuterContainer
{
    background-image:url(../Images/blue_overlay.jpg);
    width:100%;
}
.copyrightNoticeInnerContainer
{
    border:1px solid #cecfce;
    padding:25px;
}

ul.generalList
{
     margin-left: 68px;
     list-style: square;
}
ul.generalList li
{
}
ul.generalListsmall
{
         margin-left: 68px;
     list-style: square;
    font-size:10px;
}
ul.generalListSmall li
{
}
.rulebox, .aboutrulebox, .copyrightrulebox
{
    padding:10px;
    width:877px;
    background-color:#132B37;
    border:1px solid #cecfce;
}
.aboutrulebox, .copyrightrulebox
{
    width:900px;
}
.searchinfo
{
    padding:10px;
    width:898px;
    background-color:#132B37;
    border:1px solid #cecfce;
}

.statsummary
{
    background-image:url(../Images/bg_600.gif);
    width:600px;
    vertical-align:top;
}
.statitemrow
{

    background-image:url(../Images/bg_922.gif);
    background-repeat:repeat-y;
	width:900px;
	clear:both;
	display:table;
	padding-bottom:0px;
}
.statitemlabel
{
    text-align:right;
	padding-right:5px;
	width:200px;
}
.screenshotcontainer
{
    width:770px;
    background-color:#0a0f15;
    border:1px solid #cecfce;
    margin:0px auto;
}

.loginBox
{
    width:300px;
    margin:0px auto;
}
.adminnewscontainer
{
    background-image:url(../Images/bg_922.gif);
    width:920px;
    padding-bottom:10px;
    border-top:1px solid #cecfce;   
    border-bottom:1px solid #cecfce;
}

.gutterleft
{
    width:37px;
    background-image:url(../Images/bgleft.gif);
    background-repeat:repeat-y;
}
.gutterright
{
    width:37px;
    background-image:url(../Images/bgright.gif);
    background-repeat:repeat-y;
}