* { margin:0; padding:0; }

html { height: 100%; background-color: #e5e5e5; }

body 
{
    font-family: Lucida Grande, Arial, Helvetica, Sans-Serif;
    font-size: 76%;
    background-color: #e5e5e5;
    text-align: center;
    padding-top: 0;
}

img { border:0; }

.outerWrap 
{
    width: 951px;
    background-color: #fff;
    margin:0 auto;
    text-align: left;
    position: relative;
}

.topWrap 
{
    background: #415C43 url(images/header.jpg) 0 0 no-repeat;
}

.headerWrap
{
    width: 951px;
    height: 120px;
/*    border-bottom: 6px solid #2B402F; */
}
.headerWrap h1 { display: none; }

.disclaimer 
{
    background-color: #f0f0f0;
    padding: 18px;
    color: #999;
    font-size: 0.82em;
    line-height: 1.45em;
}

.copyright 
{
    width: 951px;
    margin:0 auto;
    text-align: right;
/*    position: relative; */
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 0.82em;
    color: #999;
}
.copyright a
{
    text-decoration: none;
}
.copyright a:hover
{
    text-decoration: underline;
}

h1 
{
    font-family: Lucida Grande, Arial, Helvetica, Sans-Serif;
    font-weight: normal; 
    margin-bottom: 12px;
    font-size: 1.85em;
}

h1.sifr 
{
    font-size: 1.85em;
}

h2 
{
    font-family: Lucida Grande, Arial, Helvetica, Sans-Serif;
    font-weight: normal; 
    margin-bottom: 12px;
    font-size: 1.35em;
}

h3 
{
    font-family: Lucida Grande, Arial, Helvetica, Sans-Serif;
    font-weight: normal; 
    margin-bottom: 6px;
    font-size: 1.15em;
    color: #333;
}

/* ============================================================================================================= */
/* Alsett Clearing Method - apply class="clearfix" to main content wrap */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
 .clearfix { /*
   display: inline-block; */
}  /* fix for IE Mac? */
* html .clearfix {
   height: 1%; 
}
.clearfix {
  display: block;
}

.clearfloat
{
  float: none;
  clear: both;
}

.fl { float: left; }
.fr { float: right; }


/* ============================================================================================================= */

.menuWrap 
{
    height: 60px;
    /* background: #696 url(images/bg-menu.jpg) top left repeat-x; */
    position: relative;
}

.menuWrap .fr { padding: 6px 0 0 0; }

ul.userTools 
{
    position: absolute;
    bottom: 0;
    right: 8px;
    list-style: none;
    font-size: 0.92em;
}

ul.userTools li { float: left; }
ul.userTools li a { display: block; padding: 8px; color: #fff; text-decoration: none; outline:0; }
ul.userTools li a:hover { background-color: #3F5741; /* #6E9E6E; */ }

ul.userTools li.loginLink a { padding-left: 21px; background-image: url(images/bg-login-arrow-dn.gif); background-position: 8px 11px; background-repeat: no-repeat; }
ul.userTools li.loginLink a.selected, ul.userTools li.loginLink a.selected:hover { background-color: #3F5741; background-image: url(images/bg-login-arrow-up.gif); color: #fff; text-decoration: none; }

#loginBox 
{
    /* background: #fff url(images/bg-login.jpg) bottom left repeat-x; */
    background-color: #3F5741;
    color: #fff;
    position: absolute;
    right:0;
    width: 252px;
    z-index: 200;
}

.loginBoxInner 
{
    padding: 18px;
    font-size: 0.92em;
}

.loginBoxInner a { color: #fc0; text-decoration: none; }
.loginBoxInner a:hover { text-decoration: underline; }


.loginInput 
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    background-color: #f0f0f0;
    border: 1px solid #666;
    color: #333;
    width: 131px;
    padding: 3px;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 124px;
}
html>body .loginInput 
{
	width: 124px;
}

.loginButton
{
    font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    padding: 3px 6px;
}

.cancelButton
{
    font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    padding: 3px 6px;
    color: #999;
}

.formLabel { clear:left; float: left; display: block; width: 65px; padding-top: 5px; }
.formField { margin-left: 65px; margin-bottom: 6px; }

.checkBox label { padding-left: 4px; }


.contentWrap 
{
    padding: 18px;
}



/* | 663 | 18 | 234 | */
.layoutContentSide 
{
    width: 915px;
    overflow: hidden;
}

.layoutContentSide .layoutContent
{
    width: 681px;
    float: left;
    padding-right: 18px;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 663px;
}
html>body .layoutContentSide .layoutContent
{
	width: 663px;
}

.layoutContentSide .layoutSide
{
    width: 234px;
    float: left;
}


/* | 234 | 18 | 663 | */
.layoutSideContent
{
    width: 915px;
    overflow: hidden;
}

.layoutSideContent .layoutSide
{
    width: 252px;
    padding-right: 18px;
    float: left;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 234px;
}
html>body .layoutSideContent .layoutSide
{
	width: 234px;
}

.layoutSideContent .layoutContent
{
    width: 663px;
    float: left;
}


/* FORUM */
/* | 259 | 18 | 638 | */
.Forum .layoutSideContent
{
    width: 915px;
    overflow: hidden;
}

.Forum .layoutSideContent .layoutSide
{
    width: 277px;
    padding-right: 18px;
    float: left;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 259px;
}
html>body .Forum .layoutSideContent .layoutSide
{
	width: 259px;
}

.Forum .layoutSideContent .layoutContent
{
    width: 638px;
    float: left;
}




.messageBad
{
    display:block;
    /* width:100%; */
    color: #fff;
    background: #c30 url(images/bg-message-bad.gif) 8px 9px no-repeat;
    padding: 6px;
    padding-left: 26px;
    margin-bottom: 18px;
}

.messageGood
{
    display:block;
    /* width:100%; */
    color: #fff;
    background: #696 url(images/bg-message-good.gif) 6px 9px no-repeat;
    padding: 6px;
    padding-left: 26px;
    margin-bottom: 18px;
}

.messageInfo
{
    display:block;
    /* width:100%; */
    color: #fff;
    background: #386BAB url(images/bg-message-info.jpg) 6px 7px no-repeat;
    padding: 6px;
    padding-left: 26px;
    margin-bottom: 18px;
}



.loggedInUser 
{
    width: 252px;
    height: 48px;
    font-size: 0.92em;
    color: #fff;
}

.loggedInUser a 
{
    color: #9c9;
    text-decoration: none;
}
.loggedInUser a:hover { text-decoration: underline; }

.loggedInUser p { margin-bottom: 2px; }



.loggedInUserAvatar 
{
    float: left;
    width: 54px;
}

.loggedInUserContent
{
    margin-left: 54px;
}



.searchBox 
{
    font-size: 0.92em;
    margin-bottom: 12px;
}
.searchBox input, .searchBox select
{
    font-size: 1em;
    font-family: Arial, Helvetica, Sans-Serif;
}

.searchUserCount { font-size: 0.92em; color: #666; }

.alphabetWrap 
{
    height: 1%;
    overflow: hidden;
    margin-bottom: 12px;
}

ul.alphabet 
{
    list-style: none;
}

ul.alphabet li 
{
    float: left;
}

ul.alphabet li a 
{
    display: block;
    padding: 6px 7px;
    background-color: #f0f0f0;
    margin-right: 1px;
    text-decoration: none;
    font-size: 1em;
    color: #999;
    outline: 0;
}

ul.alphabet li a:hover 
{
    background-color: #e0e0e0;
    color: #666;
}



.sfGrid 
{
    border:0;
    width: 100%;
    font-size: 0.92em;
    margin-bottom: 12px;
}

.sfGrid th, .sfGrid td 
{
    padding: 4px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
}

.flGrid th, .flGrid td 
{
    padding-top: 8px;
    padding-bottom: 8px;
}

.sfGrid th 
{
    font-weight: normal;
    color: #999;
    /* text-align: left; */
}

table.sfGrid tbody tr td, table.sfGrid tbody tr th { vertical-align: top; }

.sfGrid a { text-decoration: none; }
.sfGrid a:hover { text-decoration: underline; }



.StandardForm fieldset 
{
    border: 6px solid #e5e5e5; 
    margin-bottom: 18px;
}

.StandardForm fieldset legend
{
    margin-left: 10px;
    padding: 5px 8px 6px 8px;
/*    margin-bottom: 18px; */
    font-size: 0.92em;
    color: #333;
    background-color: #e5e5e5;
    font-weight: bold;
}

.StandardForm .formLabel { width: 140px; padding-top: 5px; color: #666; font-size: 0.92em; }
.StandardForm .formTextLabel { color: #666; font-size: 0.92em; margin-bottom: 6px; }
.StandardForm .formField { margin-left: 140px; margin-bottom: 6px; }
.StandardForm .formNote { font-size: 0.92em; color: #999; margin-bottom: 12px; }
.StandardForm .formAvatar { border: 1px solid #e0e0e0; padding: 4px; width: auto; float: left;  }

.StandardForm .formCheckbox { display: block; }
.StandardForm .formCheckbox label { font-size: 0.92em; padding-left: 3px; color: #666; }


.halfBanner 
{
    width: 234px;
    height: 60px;
    background-color: #f0f0f0;
}

.tweetHeading 
{
    background: #fff url(images/icon-twitter.jpg) 0 0 no-repeat;
    padding: 6px 0 6px 38px;
}

.tweet 
{
    font-size: 0.92em;
    color: #666;
}

.tweet .tweet_list
{
    list-style: none;
}

.tweet .tweet_list li 
{
    padding: 12px 0;
    background: #fff url(images/bg-tweet.gif) top center no-repeat;
}

/*    .tweet .tweet_list .tweet_even {
      background-color: #f0f0f0; } */

    .tweet .tweet_list .tweet_avatar {
      float: left; }
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }
        
.tweet .tweet_list li .content
{
    margin-left: 40px;
}        

.tweet .author 
{
    display: block;
    padding-top: 4px;
}
.tweet .author a 
{
    color: #999;
    text-decoration: none;
}
.tweet .author a:hover 
{
    text-decoration: underline;
}


.tweet .loading 
{
    background: #fff url(images/bg-tweet.gif) top center no-repeat;
    padding: 12px 0;
}

.tweet .loading .loadingInner 
{
    background: #fff url(images/ajax-loader.gif) 0 0 no-repeat;
    padding-left: 22px;
    padding-top: 2px;
}



.btnAction 
{
    font-size: 0.92em;
    background: #D73030 url(images/bg-btn-reports.jpg) 0 0 repeat-x;
    margin-bottom: 18px;
}

.btnAction a
{
    text-decoration: none;
    display: block;
    padding: 5px 8px 6px 8px;
    color: #fff;
    background-position: 8px 7px;
    background-repeat: no-repeat;
}

.btnAction a:hover 
{
    text-decoration: underline;
}

.btnAction a.btnAdd
{
    background-image: url(images/icon-add-reports.gif);
    padding-left: 24px;
}


.calendarWrap { padding-bottom: 24px; }
table.calendar  { border-color: #ccc; }

.calHasReports { background-color: #F7D6D6; }

.calDays { font-size: 0.92em; }
.calDays a, .calNextPrev a { text-decoration: none; }
.calDays a { padding: 4px 0 5px 0; display: block; }
.calDays a:hover { background-color: #e9e9e9; /* text-decoration: underline; */ }

.calDaysSelected a, .calHasReports a { padding: 4px 0 5px 0; display: block; text-decoration: none; font-size: 0.92em; }
.calDaysSelected a:hover, .calHasReports a:hover { background-color: inherit; }

.calNextPrev { font-size: 0.92em; }
.calNextPrev a { padding: 6px; font-weight: bold; }

.calNa, .calNa a { font-size: 0.92em; background-color:#F0F0F0; color: #999 !important; }



.reportListItem
{
    width: 234px;
    padding: 10px 0;
    background: #fff url(images/bg-tweet.gif) top center no-repeat;
}
.topicListItem 
{
    width: 259px; 
    padding: 6px 0;
    border-top: 1px solid #E5E5E5;
    overflow: hidden;
}

.forumLastPostItem
{
    padding:0;
    border-top: none;
}

.reportListItem h2, .topicListItem h2
{
    font-size: 1em;
    margin-bottom: 4px;
}

.reportListItem h2 a, .topicListItem h2 a { text-decoration: none; }
.reportListItem h2 a:hover, .topicListItem h2 a:hover { text-decoration: underline; }

.reportListItem p, .topicListItem p  
{
   font-size: 0.82em;
   color: #999;
   line-height: 1.55em;
}
.forumLastPostItem p 
{
    font-size: 0.92em;
}

.newTopic 
{
    background-image: url(images/icon-new.jpg);
    background-position: top right;
    background-repeat: no-repeat;
}

.newReply
{
    background-image: url(images/icon-new-comment.jpg);
    background-position: top right;
    background-repeat: no-repeat;
}

.topicListItem .topicAvatar 
{
    width: 40px;
    float: left;
}

.topicListItem .topicInfo
{
    width: 219px;
    float: left;
}


.ratingWrap 
{
    overflow: hidden;
    z-index: 999;
}

.ratingBg 
{
    float: left;
    width: 76px;
    margin-top: 4px;
    height: 13px;
    position: relative;
    overflow: hidden;
    background: #fff url(images/rating-na.jpg) 0 0 no-repeat;
}

.ratingInner
{
    height: 13px;
    position: relative;
    overflow: hidden;
    background: #fff url(images/rating-bg.jpg) 0 0 no-repeat;
}

.rating
{
    width: 70px;
    height: 13px;
    position: relative;
    overflow: hidden;
}

.ratingCount 
{
    font-size: 0.92em;
    padding-top: 4px;
    color: #333;
    font-weight: bold;
}

.ratingCountNumber 
{
    color: #999;
    font-weight: normal;
}



.adminFunctions 
{
    background-color: #f0f0f0;
    padding: 12px;
    color: #666;
    font-size: 0.92em;
    line-height: 1.45em;
    overflow: hidden;
    margin-top: 1px;
    /* border-top: 1px solid #d9d9d9; */
}

.adminFunctions a 
{
    float: left; 
    padding-right: 12px;
    display: block;
    padding: 0 12px 2px 20px;
    text-decoration: none;
    color: #666;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.adminFunctions a:hover { text-decoration: underline; }

.adminFunctions a.adminApprove { background-image: url(images/icon-approve.gif); }
.adminFunctions a.adminDelete { background-image: url(images/icon-delete.gif); }
.adminFunctions a.adminUndelete { background-image: url(images/icon-undelete.gif); }
.adminFunctions a.adminEdit { background-image: url(images/icon-edit.gif); }
.adminFunctions a.adminUser { background-image: url(images/icon-user.gif); }


.editFunctions
{
    font-size: 0.92em;
    line-height: 1.45em;
    overflow: hidden;
    margin-bottom: 12px;
}
.subscribeFunctions
{
    font-size: 1em;
    margin-bottom: 0;
}

.editFunctions a
{
    float: left; 
    padding-right: 12px;
    display: block;
    padding: 0 12px 2px 20px;
    text-decoration: none;
    color: #666;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.editFunctions a:hover { text-decoration: underline; }

.editFunctions a.lbEditLink { background-image: url(images/icon-edit.gif); }
.editFunctions a.lbSubscribeLink { background-image: url(images/icon-subscribe.gif); }
.editFunctions a.lbUnsubscribeLink { background-image: url(images/icon-unsubscribe.gif); }


.reportDetails
{
    background-color: #f0f0f0;
    padding: 12px;
}


.formWrap p 
{
    margin-bottom: 6px;
}

.formWrap label 
{
    color: #666;
    font-size: 0.92em;
}

.formWrap .headline
{
    font-family: Lucida Grande, Arial, Helvetica, Sans-Serif;
    font-weight: normal; 
    font-size: 1.85em;
    width: 600px;
}

.formWrap input { padding: 3px; }
.formWrap a { text-decoration: none; }
.formWrap a:hover { text-decoration: underline; }
.formWrap table td { padding-right: 4px; }

.formWrap .w450 { width: 450px; }
.formWrap .w200 { width: 200px; }
.formWrap .w40 { width: 40px; }

.uploadsWrap { border: 2px solid #ddd; padding: 6px 6px 0 6px; font-size: 0.92em; }
.uploadsWrap input { font-size: 1em; }

#multiUploadsList 
{
    padding: 0 0 6px 6px;
    line-height: 1.65em;
    color: #666;
}
#multiUploadsList img 
{
    margin-bottom: -2px;
    padding-right: 2px;
}


.sendToPress 
{
    border: 2px solid #ddd; 
    background-color: #f0f0f0;
    padding: 12px;
    color: #999;
    line-height: 1.45em;
    margin-bottom: 18px;
}


.reportImages { overflow: hidden; padding-top: 18px; }
.reportImages a { float: left; margin-right: 6px; margin-bottom: 6px;  }
.reportImages img { border: 1px solid #ccc; padding: 6px; }


h2.gameTitle { color: #333; margin-bottom: 6px; }
.reportDetails p { font-size: 0.92em; color: #888; line-height: 1.45em; }

.reportBody { color: #333; font-size: 1.15em; padding-top: 12px; }
.reportBody p { margin-bottom: 1.45em; }


.titleApproved { /* background: url(images/icon-approved.jpg) 0 0 no-repeat; padding: 0 0 4px 22px; */ }
.titleNotApproved { background: url(images/icon-notapproved.jpg) 0 0 no-repeat; padding: 0 0 4px 22px; }
.titleDeleted { background: url(images/icon-deleted.jpg) 0 0 no-repeat; padding: 0 0 4px 22px; }


.raterHover
{
    cursor: pointer;
}

.raterInfo
{
    color: #666;
    font-size: 0.92em;
    padding-top: 6px;
}

.authorImage 
{
    float: left;
    width: 42px;
}

.authorInfo
{
    float: left;
    width: 596px;
}







.commentWrap 
{
    border: 2px solid #e9e9e9;
    padding: 10px 10px 0 10px;
    overflow: hidden;
    margin-bottom: 12px;
}

.commentWrap .adminFunctions { /* margin-top: 18px; */ margin-bottom: 10px; }

.commentWrap .commentAuthor 
{
    font-size: 0.92em;
    color: #666;
    padding-bottom: 12px;
}

.commentWrap .commentBody 
{
    font-size: 0.92em;
    color: #333;
}

.commentWrap .commentBody p
{
    margin-bottom: 1.45em;    
}

.reportRatingWrap 
{
    padding-top: 4px;
    padding-bottom: 8px;
}


.topicNav 
{

    background: #fff url(images/bg-tweet.gif) top center no-repeat;
    width: 259px; 
    padding: 14px 0;
    border-top: 1px solid #E5E5E5;
    overflow: hidden;
}    

.pagerPanel
{
    font-size: 0.92em;
    padding-bottom: 14px;
}

ul.pager 
{
    list-style: none;
    overflow: hidden;
}

ul.pager li 
{
    float: left;
}

ul.pager li a 
{
    display: block;
    background-color: #f0f0f0;
    padding: 4px 5px 5px 5px;
    margin-right: 4px;
    text-decoration: none;
    color: #666;
}
ul.pager li a:hover 
{
    background-color: #e5e5e5;
}
ul.pager li a[disabled]
{
    background-color: #fff;
    color: #ccc;
}

ul.pager li a.pageSelected 
{
    background-color: #72689F;
    color: #fff;
}

ul.pager li .pagerTotal 
{
    display: block;
    padding: 4px 5px 5px 0;    
    color: #999;
}


.topicsPerPage
{
    font-size: 0.92em;
    color: #666;
}

.topicsPerPageDropDown 
{
    font-size: 1em;
    color: #666;
}

a.forumList 
{
    text-decoration: none;    
    font-weight: bold;
}


a.forumList:hover 
{
    /* text-decoration: none; */
}


.topicCount 
{
    display: block;
    font-size: 2em;
}


.announcement 
{
    background-color: #FFFFB3;
    margin-bottom: 24px;
    padding: 6px;
    border: 2px solid #fc0;
    color: #333;
}
.announcement a 
{
    color: #B08D00;
    text-decoration: none;
}
.announcement a:hover
{
    text-decoration: underline;
}



/* Rating */
.rating 
{
    display: block;
    overflow: hidden;
    margin-bottom: 6px;
}

.ratingStar {
    font-size: 0pt;
    width: 14px;
    height: 13px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    background-color: #fea;
}

.filledRatingStar {
    background-image: url(images/star-on.jpg);

}

.emptyRatingStar {
    background-image: url(images/star-off.jpg);
}

.savedRatingStar {
    background-image: url(images/star-on.jpg);
}

.raterLabel 
{
    display: block;
    font-size: 0.92em;
    color: #666;
}



p.smGap { margin-bottom: 4px; }
.mdGap, p.mdGap { margin-bottom: 12px; }
.lgGap, p.lgGap { margin-bottom: 18px; }
.vLgGap, p.vLgGap { margin-bottom: 24px; }
.noGapBottom { margin-bottom: 0 !important; }
.pad18 { padding: 18px; }
.noOverflow { overflow: hidden; }
.small { font-size: 0.92em; }
.grey { color: #666; }
.alignCenter { text-align: center; }
.normalLH { line-height: normal; }
.padTop { padding-top: 6px; }