﻿.divTopBar { position: relative; width: 910px; height: 21px; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 65px; }
.divSearch { position: absolute; top:55px;  right:0px; padding: 0px; margin: 0px 0px 0px 0px;  }
.divLogo { z-index: 200; position: absolute; left: -40px; top: 5px; }
.divLogoGame { z-index: 200; position: absolute; left: -45px; top: 5px; }
.divLogo img, .divLogoGame img { width: 70px; }
.divWelcomeBrief { font-size: 1.2em; text-align: left; margin-top: 10px; clear: both; }
.divLeftSponsors { }
.divBadgeSystem { }
.divRightSponsers { text-align: center; float: left; }
.divRightSponsers img { border: solid 1px #258dc1; margin-top: 4px; margin-left: 1px; }

.wmtSearch { color: Gray; }

img { border-style: none; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: center; margin: 0px auto; padding: auto auto auto auto; width: 982px; background-repeat: repeat-x; background-color: #1b9bd5; }
#header { background-repeat: no-repeat; background-position: 20px 57px; height: 88px; padding: 0px; margin: 0px; }
.divHeaderLogo { height: 88px; padding: 0px; margin: 0px; position: absolute; left: -45px; top: 58px; }
.footer { padding-top: 10px; padding-bottom: 20px; width: 620px; }
#container { z-index: 100; clear: both; padding: 0px; margin: 0px auto 0px auto; width: 956px; }
#left { background-color: #b0cbdf; margin: 0px; width: 150px; padding: 10px 20px 10px 20px; float: left; border: solid 1px #258dc1; }
#center { height: auto; width: 620px; padding: 10px 10px 10px 10px; float: left; margin: 0px 0px 0px 6px; line-height: 1.8em; border: solid 1px #258dc1; background-color: #258dc1; color: #EDDDD6; }
#right { background-color: #b0cbdf; padding: 10px 20px 10px 20px; height: auto; width: 260px; float: left; margin: 0px 0px 0px 6px; border: solid 1px #258dc1; }

.containerGame { padding: 0px; margin: 10px auto 0px auto; height: 1%; }

.divLogin { float: left; margin: -10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.ulLoginLinks { list-style: none; text-align: left; }
.liLoginLinks { display: inline; }

.lblgameCount { font-size: 1.2em; font-weight: bold; color: #A10000; }

.divGameCount { position: absolute; right: 110px; top: 30px; font-size: 1.4em; }
.divGameCountGame { position: absolute; top: -25px; right: 90px; font-size: 1.4em; }

.caps { text-transform: capitalize; }

.divFrontGamesTitle { font-size: 1.5em; border-bottom: solid 2px #b0cbdf; }
.divFrontGamesTitle a:link, .divFrontGamesTitle a:visited { color: #FFFFFF; }
.divFrontGames { width: 295px; float: left; padding: 0px 6px 0px 6px; margin: 0px; }
.divTagCloud { padding-top: 5px; clear: both; }
.liTopGames { list-style-type: circle; }

.ulHorLists { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.liHorLists { display: inline; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.ulLists { list-style: none; text-align: left; padding: 0px; margin: 0px; }
.ulLists li { padding-bottom: 8px; }
.ulRelatedLists { list-style: none; text-align: left; padding: 0px; margin: 0px; }
.ulRelatedLists li { padding-bottom: 4px; }

.liPadding { padding: 4px; }
.olLists { text-align: left; padding: 0px; font-size: 1.3em; margin-left: 10px; }
.olLists li { padding-bottom: 4px; }

A { color: #300F75; text-decoration: none; }
A:Hover { text-decoration: underline; }

.hdrThree { color: #A10000; }

.bold { font-weight: bold; }

.taAddGame { width: 600px; height: 300px; }
.tbAddGameTextBoxes { width: 600px; }
.divAddGameLogin { width: 220px; float: left; padding-left: 15px; }
.divAddGameOR { float: left; vertical-align: middle; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; }
.divAddGameLoginContainer { width: 100%; text-align: left; }
.divAddGameSubmit { clear: both; }
.addGameButton, .addGameButton a:link, .addGameButton a:visited, .addGameButton a:hover { text-decoration: none; }
.addGameButton img { width: 200px; border: none; }

.divGameContainer { position: relative; top: 35px; border-top: 2px solid #FFFFFF; }
.divGameInfo { width: 580px; float: left; text-align: left; position: relative; left: 75px; background-color: #258dc1; padding: 20px; margin: 0px; top: 0px; font-size: 1.2em; }
.divGameTitle { text-transform: capitalize; font-size: 2em; position: absolute; top: 60px; margin-left: 110px; }
.divGameInfoTitle { text-transform: capitalize; font-size: 2em; }
.divGameVoteContainer { width: 60px; text-align: center; float: left; margin: 0px 0px 0px 6px; left: 0px; position: absolute; margin-right: 6px; }
.divGameRelated { z-index: 100; position: absolute; top: 0px; right: 0px; width: 260px; float: right; background-color: #b0cbdf; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 6px; border: solid 1px #258dc1; }
.divGameRelated img { border: solid 1px #258dc1; margin: 2px; }
.divGameFooter { clear: both; text-align: left; padding: 0px; margin: 0px; }
.divVotes { text-align: center; margin: 0px auto; }
.divFavorites { text-align: center; margin: 0px auto; }
.divInGameTags { margin-left: 75px; margin-top: 5px; float: left; width: 600px; }
.divInGameUserInfo { float: right; margin-top: 5px; margin-right: 290px; min-width: 150px; padding: 5px; min-height: 50px; text-align: left; background-color: #b0cbdf; border: solid 1px #258dc1; }

.divAddGameContainer { text-align: left; }
.divAddGameTitles { font-size: 1.3em; font-weight: bold; }
.divAddGameSpacing { margin: 10px 0px 10px 0px; text-align: left; }
.validation { font-weight: normal; font-size: .9em; }
.divTagExamp { text-align: center; }

.divUserInfo { float: right; min-width: 150px; min-height: 50px; margin-right: 100px; text-align: left; background-color: Gray; }
.ulUserInfo { padding: 0px; margin: 5px; }
.liUserInfo { list-style: none; display: inline; vertical-align: text-top; }

.divAskTime { padding: 3px; }
.divGravatar { }

.spanLink { cursor: pointer; padding: 0px; margin: 0px; text-decoration: underline; }

.divGameTags { float: left; }
.ulGameTags { padding: 0px; margin: 0px; }
.liGameTags { display: inline-block; margin: 7px 0px 7px 0px; }
.hlGameTag { text-decoration: none; background-color: #b0cbdf; padding: 5px; border: solid 1px #1b9bd5; }

.lblGameStats { font-weight: bold; font-size: 1.3em; }
.lblGameStatsTitle { font-size: 1.3em; }

.divLeftAlign { text-align: left; }

.ulVote { list-style: none; padding: 0px; margin: 0px; }
.liVote { padding: 0px; margin: 0px; }
.voteCount { font-weight: bold; font-size: 3em; color: Gray; padding: 0px; margin: 0px; }

.ulFavorite { padding: 0px; margin: 0px; list-style: none; }
.liFavorite { padding: 0px; margin: 0px; }
.favoriteCount { font-weight: bold; font-size: 1em; color: #b0cbdf; padding: 0px; margin: 0px; }

#tagCloud { width: 100%; padding: 5px; margin-bottom: 10px; text-align: justify; }
#tagCloud A { text-decoration: none; margin-left: 5px; margin-right: 5px; font-family: Trebuchet MS, Verdana, Arial; text-transform: lowercase; }
#tagCloud A:hover { color: #00cc00; text-decoration: underline; }
#tagCloud A.weight1 { color: #ff9900; font-size: 1.9em; font-weight: bolder; }
#tagCloud A.weight2 { color: #FAE100; font-size: 1.7em; font-weight: bolder; }
#tagCloud A.weight3 { color: #FFB400; font-size: 1.5em; font-weight: bolder; }
#tagCloud A.weight4 { color: #FFB205; font-size: 1.4em; }
#tagCloud A.weight5 { color: #FFFFFF; font-size: 1.2em; }

.divAddComments { float: left; position: relative; left: 100px; width: 580px; }
.taAddComment { width: 580px; height: 70px; }
.divCommentPreview { margin-top: 2px; width: 570px; color: #000000; min-height: 5px; padding: 2px 4px 2px 4px; background-color: #b0cbdf; text-align: left; border: dashed 1px #000000; }
.divComments { text-align: left; margin-left: 120px; position: relative; }
.ulComments { list-style: none; padding: 0px; margin:  0px 0px 0px 40px;width:600px;  text-align:left; }
.liComments { padding: 10px; margin: 0px 0px 10px 0px;width:600px; background-color: #b0cbdf;}
.hlComments { padding: 0px 6px 0px 6px; }
.commentTitle { color: #FFFFFF; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.commentReply { margin-left: 200px; }
.thread1 { }
.thread2 { padding-left: 45px; }
.thread3 { padding-left: 90px; }
.thread4 { padding-left: 135px; }
.thread5 { padding-left: 180px; }
.thread6 { padding-left: 225px; }
.thread7 { padding-left: 270px; }
.thread8 { padding-left: 315px; }
.thread9 { padding-left: 360px; }
.thread10 { padding-left: 405px; }

.divSearchContainer { position: relative; clear: both; }
.divSearchHeader { text-align: left; font-size: 1.5em; margin-top: 10px; }
.divSearchHeader A { text-decoration: underline; }
.divSearchText { text-align: left; color: #000000; font-size: 1.2em; }
.divSearchTags { text-align: left; float: left; }
.divSearchUserInfo { text-align: right; float: right; }
.divTagsUserContainer { position: relative; }

.divLoginPage { color: #000000; }

.spanYourName { color: #A10000; font-size: 1.2em; }

.validation { color: #FFFFFF; }

.divRelatedGamesSearch { text-align: left; }
.off { visibility: hidden; }
.on { visibility: visible; }

.divfaqTitle { font-size: 1.6em; font-weight: bold; text-transform: capitalize; }
.divfaqContainer { text-align: left; margin-top: 30px; }
.divContent { font-size: 1.3em; }

.divCatagories { clear: both; margin-bottom: 5px; }
.ulCatLists { list-style: none; font-size: 1.2em; text-align: left; padding: 0px; margin: 0px; }
.ulCatLists li { display: inline-block; border: 5px; margin: 5px 0px 5px 0px; }
.ulCatLists li a { border: solid 1px #258dc1; padding: 5px; background-color: #b0cbdf; }
.ulCatLists li a:hover { border: solid 1px #b0cbdf; padding: 5px; background-color: #b0cbdf; }


.divHalves { width: 50%; float: left; margin-top: 10px; position: relative; }
.divUserAbout { background-color: #b0cbdf; color: #000000; min-height: 100px; }
.divUserRep { color: #FFFFFF; }
.repCount { font-size: 4.5em; }
.divSeperators { position: relative; }

.ajax__tab_MyProfile-theme { clear: both; }
.ajax__tab_MyProfile-theme .ajax__tab_header { border-bottom: solid 5px #0077B3; }
.ajax__tab_MyProfile-theme .ajax__tab_header .ajax__tab_outer { border: solid 1px #0077b3; margin: 0px 0.16em 0px 0px; padding: 1px 0px 1px 0px; vertical-align: bottom; border-bottom-width: 0px; }
.ajax__tab_MyProfile-theme .ajax__tab_header .ajax__tab_tab { padding: 0.35em 0.75em; margin-right: 0.01em; }
.ajax__tab_MyProfile-theme .ajax__tab_hover .ajax__tab_outer { background-color: #0077b3; }
.ajax__tab_MyProfile-theme .ajax__tab_hover .ajax__tab_tab { background-color: #0077b3; color: #FFFFFF; }
.ajax__tab_MyProfile-theme .ajax__tab_active .ajax__tab_tab { padding: 0.45em 0.75em; background-color: #0077b3; }
.ajax__tab_MyProfile-theme .ajax__tab_active .ajax__tab_outer { background-color: #0077b3; color: #FFFFFF; }
.ajax__tab_MyProfile-theme .ajax__tab_body { border: solid 1px #008BDA; padding: 0.25em 0.5em; border-top-width: 0px; }

.centerMe { position: relative; margin: 0px 0px 0px 0px; }
.centerFont { text-align: center; }
.clear { clear: both; }

.ulGenericHorList { list-style: none; padding: 0px; margin: 0px; }
.ulGenericHorList li { display: inline; padding: 0px; margin: 0px 2px 0px 0px; font-size: .9em; }

.tbOthers { padding: 3px; font-size: .9em; }
.tbTags { width: 500px; }
.tbTitle { width: 500px; padding: 5px; font-size: 1.1em; }
.tbSearch { width:200px; padding: 5px; font-size: 1.1em; }
.spanFontLarger { font-size: 1.1em; }
.spanFontSmaller { font-size: .9em; }

.wmd-panel { width: 98%; min-width: 500px; background-color: #258dc1; }
#wmd-editor { background-color: #FFFFFF; }
#wmd-button-bar { width: 100%; background-color: #258dc1; }
#wmd-input { height: 150px; width: 100%; background-color: #FFFFFF; border: 1px solid DarkGray; }
#wmd-preview { background-color: #FFFFFF; padding: 3px; width: 96%; border: 2px dotted #C0C0C0; margin-top: 10px; color: #000000; font-size: .9em; }
#wmd-output { background-color: Pink; }
#wmd-button-row { position: relative; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 10px; padding: 0px; height: 20px; }
.wmd-spacer { width: 1px; height: 20px; margin-left: 14px; position: absolute; background-color: Silver; display: inline-block; list-style: none; }
.wmd-button { background-color: #258dc1; width: 20px; height: 20px; margin-left: 5px; margin-right: 5px; position: absolute; background-image: url(http://codingforcharity.org/controls/wmd/images/wmd-buttons.png); background-repeat: no-repeat; background-position: 0px 0px; display: inline-block; list-style: none; }
.wmd-button > a { width: 20px; height: 20px; margin-left: 5px; margin-right: 5px; position: absolute; display: inline-block; }

/* sprite button slicing style information */
#wmd-button-bar #wmd-bold-button { left: 0px; background-position: 0px 0; }
#wmd-button-bar #wmd-italic-button { left: 25px; background-position: -20px 0; }
#wmd-button-bar #wmd-spacer1 { left: 50px; }
#wmd-button-bar #wmd-link-button { left: 75px; background-position: -40px 0; }
#wmd-button-bar #wmd-quote-button { left: 100px; background-position: -60px 0; }
#wmd-button-bar #wmd-code-button { left: 125px; background-position: -80px 0; display: none; }
#wmd-button-bar #wmd-image-button { left: 150px; background-position: -100px 0; }
#wmd-button-bar #wmd-spacer2 { left: 175px; }
#wmd-button-bar #wmd-olist-button { left: 200px; background-position: -120px 0; }
#wmd-button-bar #wmd-ulist-button { left: 225px; background-position: -140px 0; }
#wmd-button-bar #wmd-heading-button { left: 250px; background-position: -160px 0; }
#wmd-button-bar #wmd-hr-button { left: 275px; background-position: -180px 0; }
#wmd-button-bar #wmd-spacer3 { left: 300px; }
#wmd-button-bar #wmd-undo-button { left: 325px; background-position: -200px 0; }
#wmd-button-bar #wmd-redo-button { left: 350px; background-position: -220px 0; }
#wmd-button-bar #wmd-help-button { right: 0px; background-position: -240px 0; }

.wmd-prompt-background { background-color: Black; }
.wmd-prompt-dialog { border: 1px solid #999999; background-color: #F5F5F5; }
.wmd-prompt-dialog > div { font-size: 0.8em; font-family: arial, helvetica, sans-serif; }
.wmd-prompt-dialog > form > input[type="text"] { border: 1px solid #999999; color: black; }
.wmd-prompt-dialog > form > input[type="button"] { border: 1px solid #888888; font-family: trebuchet MS, helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }


.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; text-align: left; padding: 2px 5px; cursor: default; display: block; /*  	if width will be 100% horizontal scrollbar will apear  	when scroll mode will be used 	*/ /*width: 100%;*/ font: menu; font-size: 12px; /*  	it is very important, if line-height not setted or setted  	in relative units scroll will be broken in firefox 	*/ line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('indicator.gif') right center no-repeat; }
.ac_odd { }
.ac_over { background-color: #0A246A; color: white; cursor: pointer; }

.error { color: #FFFFFF; font-size: 1.2em; font-weight: bold; padding-left: 10px; }

.divLinks {padding:0px; margin:0px;  text-align:right; float:right; position:relative; }
.ulLinks{ padding:0px; margin:0px; }
.ulLinks li{padding:0px; margin:0px; list-style:none; display:inline; font-size:1em;}
.divCommentContainer {  margin-left: 35px; margin-top: 35px; float: left;width: 400px;  }

.liHomeComment{list-style:none;}
.AddCommentTextArea{ width:400px;}
.divHomeAddComment{background-color:#258dc1; margin:0px;width:400px;  padding:10px; }
.divHome{background-color:#258dc1; margin:0px 0px 0px 0px; float:left;width:400px;  padding:0px; }

.floatRight{ position:relative;  float:right; }
