/* 
    Document   : layout
    Created on : Aug 8, 2009, 4:52:47 PM
    Author     : Bastiaan
    Description:
*/

/**
 * Fixes
 */
 
 

img {
  border: 0px;
}

form {
  margin: 0;
}

/**
 * Classes
 */
.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

/**
 * Styles
 */
a {
  color: #3b8ccd;
  text-decoration: none;
}

a:visited {
  color: #3b8ccd;
  text-decoration: none;
}

a:hover {
  color: #3b8ccd;
  text-decoration: underline;
}

body {
  text-align: center;
  padding: 0;
  margin: 0;
  font-family: Verdana;
  font-size: 12px;
	/*background: url('../images/main/background.png') #6c9dc9 top center repeat-y;*/;
}

/**
 * Main
 */
#container {
  margin: 0 auto;
  width: 955px;
  text-align: left;
  background-color: #ffffff;
}

/**
 * Header
 */
#header {
  float: left;
  width: 100%;
  background-color: #0d386d;
  height: 88px;
  text-align: center;
}

#header .main {
  width: 955px;
  height: 88px;
  margin: 0 auto;
  text-align: left;
  background: url('../images/layout/banner.png');
}

#header .logo {
  float: left;
  width: 173px;
  height: 55px;
  padding: 10px 0 0 10px;
  position: relative;
  margin-top: 8px;
}

#header .right {
  float: right;
  width: 300px;
  text-align: right;
  padding: 8px 5px 0 0;
}

#header .users-online {
  color: white;
}

#header .login {
  padding-top: 3px;
  color: white;
}

#header .links {
  color: white;
  padding-top: 3px;
}

a.loginlink {
  color: white;
  text-decoration: none;
}

a.loginlink:hover {
  color: #CCCCCC;
  text-decoration: underline;
}

/**
 * NavBar
 */
#navbar {
  float: left;
  text-align: center;
  width: 100%;
  height: 33px;
  background: url('../images/main/navbar-background.png') repeat-x;
}

#navbar .main {
  text-align: left;
  margin: 0 auto;
  width: 955px;
  height: 33px;
}

#navbar .item {
  float: left;
  font-size: 12px;
  padding: 8px 15px 0 15px;
  display: block;
  cursor: pointer;
  cursor: hand;
}

#navbar .itemHelp {
  color: #ff0000;
  float: left;
  font-size: 12px;
  padding: 8px 15px 0 15px;
  display: block;
  cursor: pointer;
  cursor: hand;
}

#navbar .seperator {
  float: left;
  background: url('../images/main/navitem-seperator.png') no-repeat;
  width: 2px;
  height: 33px;
}

#navbar .first {
  background: none;
}

#navbar .search {
  float: right;
  padding: 3px 5px 0 0;
}

.search input {
  padding: 2px 0 3px 23px;
  background: url('../images/main/search-icon.png') #FFFFFF no-repeat;
  background-position: 5px 4px;
  width: 150px;
  font-size: 12px;
  height: 17px;
  border: 1px solid #2d5d87;
  color: #797878;
  font-family: Tahoma;
}

a.navbaritem {
  color: #73777b;
  font-weight: bold;
  font-family: arial;
}

a.navbaritem:visited {
  color: #73777b;
}

a.navbaritem:hover {
  float: left;
  display: block;
  background: url('../images/main/navitem-hover-background.png') repeat-x;
  text-decoration: none;
  height: 33px;
}

/**
 * Content
 */
#content {
  float: left;
  padding: 10px;
  width: 935px;
  min-height: 300px;
  background-color: #ffffff;
}

#content h2 {
  padding: 0px;
  margin: 0px  0px 0px 0px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 5px;
}

#content .header3 {
  padding: 0px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 16px;
  font-weight: bold;
}

#content .header4 {
  padding: 0px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 14px;
  font-weight: bold;
}

#content h3 h4 {
  padding: 0px;
  margin: 0px;
}

#content h3 {
  font-size: 16px;
}

#content h4 {
  font-size: 14px;
}

#content .header {
  float: left;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 15px;
}

#content .page-title {
  float: left;
  padding-top: 10px;
  font-size: 23px;
  color: #363636;
  font-family: Arial;
}

#content .page-title a {
  font-size: 23px;
  color: #363636;
  font-family: Arial;
}

#content .page-title a:hover {
  font-size: 23px;
  color: #3B8CDE;
  font-family: Arial;
}

#content .content-header {
  float: left;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 5px;
}

#content .content-page-title {
  float: left;
  padding-top: 10px;
  font-size: 22px;
  font-weight: bold;
  color: #3d7eac;
}

#content .header-icon {
  float: right;
  padding-right: 20px;
  width: 65px;
  height: 42px;
  background: url('../images/main/page-header.png') no-repeat;
}

#content .description {
  float: left;
  padding: 10px 0 10px 0;
  width: 935px;
}

#content .left-column {
  float: left;
  width: 702px;
}

#content .right-column {
  float: left;
  width: 223px;
  margin-left: 10px;
}

#content .one-column {
  float: left;
  width: 935px;
}

#content .left-column-profile {
  float: left;
  width: 226px;
}

#content .right-column-profile {
  float: left;
  width: 699px;
  margin-left: 10px;
}

#content .profile-image {
  width: 205px;
  padding: 8px;
  background-color: #487dbf;
  border: 1px solid #285184;
}

#content .profile-image img {
  border: 2px solid #bbcfdc;
}

#content .left-column-profile .profile-links {
  padding: 10px 0 10px 0;
}


/**
 * Box
 */
#box {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

#box .header {
  float: left;
  width: 100%;
  background: url('../images/box/header-background.png') repeat-x;
  border: 0;
}

#box .left-header {
  float: left;
  width: 6px;
  height: 29px;
  background: url('../images/box/header-left.png') no-repeat;
}

#box .header-title {
  float: left;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0 0 5px;
  color: white;
}

#box .header-rss-text {
  float: right;
  text-align: center;
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  padding: 8px 2px 0 5px;
  color: white;
}

#box .header-rss-text a {
  color: white;
  text-decoration: none;
}

#box .header-rss-text a:visited {
  color: white;
  text-decoration: none;
}

#box .header-rss-text a:hover {
  color: white;
  text-decoration: underline;
}

#box .header-rss-image {
  float: right;
  text-align: right;
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  padding: 6px 0px 0 0px;
  color: white;
}

#box .right-header {
  float: right;
  width: 6px;
  height: 29px;
  background: url('../images/box/header-right.png') no-repeat;
}

#box .content {
  width: 100% - 2px;
  border: 1px solid #aab2bc;
  border-top: 0px solid;
}

#box .content-body {
  padding: 10px;
}

/**
 * Login Form
 */
#login {
  width: 205px;
}

#login .inputfield {
  float: left;
  width: 190px;
  padding: 3px 5px 5px 5px;
  border: 1px solid #b6b5b5;
  font-size: 12px;
  height: 14px;
}

#login label {
  float: left;
  padding: 5px 0 3px 0;
  color: #9b9c9c;
  font-weight: bold;
  font-size: 12px;
}

#login .forgot-password {
  float: left;
  padding-top: 5px;
  color: #4c97da;
  font-size: 10px;
}

#login .login-button {
  float: right;
  width: 66px;
  height: 23px;
  margin: 5px 2px 0 0;
  background: url('../images/buttons/login2.png') no-repeat top left;
  font: bold 11px Arial;
  color: white;
  border: 0;
  padding: 0;
}

#login .register {
  float: left;
  margin-top: 10px;
  width: 200px;
  background-color: #F3F9FF;
  text-align: center;
  border: 2px solid #B5D2EF;
}

#login .register a {
  width: 180px;
  padding: 5px;
  display: block;
}

/**
 * Registration
 */
#signup {
  padding: 10px;
}

#signup table {
  padding: 10px;
  background-color: #f6f9fb;
  border: 1px solid #9fb7cb;
}

#signup tr {
  float: left;
  margin-top: 10px;
  padding: 10px;
  background-color: #fcfdfd;
  border: 1px solid #d4d4d4;
  width: 650px;
}

#signup td {
  float: left;
}

/**
 * Content Page
 */

#content-page {
  margin-top: 10px;
}

#content-page .not-found {
  padding: 10px;
  background-color: #f3f9ff;
  border: 1px solid #356aad;
}

/**
 * News Feed
 */

#news-feed {
}

#news-feed .day {
  float: left;
  font-size: 12px;
  font-weight: bold;
  color: #9b9c9c;
  margin: 3px 0 5px 0;
}

#news-feed .item-group {
  float: left;
  width: 650px;
  margin-top: 10px;
  padding: 3px;
  background-color: #f3f9ff;
}
/*
#news-feed .item-group-odd {
	border-top: 1px dotted #83aac7;
	border-bottom: 1px dotted #83aac7;
	background-color: #dde8f5;
}

#news-feed .item-group-even {
	background-color: white;
}*/

#news-feed .item-group-first {
  margin-top: 0px;
}

#news-feed .item {
  font-size: 12px;
  color: black;
  line-height: 18px;
}

#news-feed .text {
  float: left;
  padding-top: 3px;
}

#news-feed .icon {
  float: left;
  width: 16px;
  padding-right: 5px;
}

/**
 * Games List
 */
#games-list {
  padding-top: 10px;
}

#games-list .category {
  font-size: 14px;
  font-weight: bold;
  color: #3D7EAC;
  padding-bottom: 3px;
  border-bottom: 1px solid #3D7EAC;
}

#games-list .items {
  padding-top: 5px;
}

#games-list .item-odd {
  background-color: #f3f9ff;
  padding: 5px;
}

#games-list .item-even {
  background-color: white;
  padding: 5px;
}

#games-list .player-count {
  padding-top: 3px;
}

#games-list .more {
  font-weight: bold;
  padding-top: 3px;
}

/**
 * Tab Bar
 */
#tabbar {
  float: left;
  width: 100%;
  height: 29px;
  position: relative;
  margin-left: 20px;
  z-index: 1000;
}

#tabbar .tab {
  float: left;
  background: url('../images/tabbar/tab-background.png') repeat-x;
  border: 1px solid #4b7ab6;
  border-bottom: 1px solid #356aad;
  padding: 7px;
  height: 14px;
}

.tab a {
  color: #ffffff;
}

.tab a:visited {
  color: #ffffff;
}

#tabbar .tab-active {
  float: left;
  border: 1px solid #4b7ab6;
  border-bottom: 1px solid #f3f9ff;
  height: 14px;
  padding: 7px;
  background-color: #f3f9ff;
}

#tabbar .tab-active a {
  color: black;
}

#tabbar .spacing {
  width: 2px;
  float: left;
}

#tab-content {
  float: left;
  width: 100%;
  border: 1px solid #356aad;
  margin-bottom: 10px;
  background-color: #f3f9ff;
  position: relative;
  z-index: 0;
}

#tab-content .content {
  padding: 10px;
}

/**
 * Profile Info
 */

#profile-info {
}

#profile-info .item-title {
  font-size: 12px;
  color: #5d5d5d;
  font-weight: bold;
  padding: 3px 0 3px 0;
}

#profile-info .item {
  padding: 3px 0 3px 0;
  color: black;
}

/**
 *
 */

#wall-comments {
}

#wall-comments .add-comment {
  margin-top: 10px;
  margin-bottom: 10px;
}

#wall-comments textarea {
  width: 660px;
  height: 100px;
}

#wall-comments textareaold {
  font-family: Verdana;
  font-size: 12px;
  padding: 5px;
  width: 660px;
  height: 100px;
  border: 1px solid #b6b5b5;
  background-color: #f6faff;
}

#wall-comments .comment-odd {
  float: left;
  width: 655px;
  padding: 10px;
  border-top: 1px dotted #83aac7;
  border-bottom: 1px dotted #83aac7;
  background-color: #dde8f5;
}

#wall-comments .comment-even {
  float: left;
  width: 655px;
  padding: 10px;
  background-color: white;
}

#wall-comments .comments {
  width: 670px;
}

#wall-comments .user-image {
  float: left;
  width: 50px;
  padding: 5px 7px 7px 5px;
  height: 50px;
  background-color: #afc3d0;
  border: 1px solid #878889;
}

#wall-comments .user-image img {
  border: 1px solid #b6b5b5;
}

#wall-comments .comment-content {
  float: left;
  width: 570px;
  padding: 5px 10px 0 10px;
  border: 0px;
}

#wall-comments .comment-username {
  float: left;
  padding-left: 10px;
  width: 350px;
  font-size: 14px;
}

#wall-comments .comment-username a {
  font-weight: bold;
  color: #1f5ba5;
}

#wall-comments .date-posted {
  float: right;
  text-align: right;
  width: 200px;
  color: #8d99a6;
}

#wall-comments .moderator {
  float: right;
  text-align: right;
  width: 300px;
}


/**
 *
 */

#forum-comments {
}

#forum-comments .list-forum {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

#forum-comments .list-forum-desc {
  font-size: 13px;
  color: #636163;
}

#forum-comments .list-forum a {
  font-weight: bold;
  font-size: 14px;
  color: #1f5ba5;
}

#forum-comments .list-subforum {
  font-size: 11px;
  padding-top: 5px;
	/*padding-left: 5px;
	padding-right: 5px;*/;
}

#forum-comments .list-subforum a {
  font-weight: normal;
  color: black;
  font-size: 11px;
}

/*.list-subforum li.oldpost (*/

#forum-comments .list-subforum ul {
  margin: 1px 0 0 4px;
  padding: 0px;
}

#forum-comments .list-subforum li.oldpost {
  background: url("../images/forums/forum/bullet_black.png") no-repeat scroll 4px 3px transparent;
  color: #1D3652;
   /* float: left;*/
  font-size: 0.85em;
  padding: 0 4px 0 15px;
  list-style: none;
  margin-left: 0px;
}

#forum-comments .list-subforum li.newpost {
  background: url("../images/forums/forum/bullet_green.png") no-repeat scroll 0 0 transparent;
  color: #1D3652;
   /* float: left;*/
  font-size: 0.85em;
  padding: 0 4px 0 16px;
  list-style: none;
  margin-left: 0px;
}

#forum-comments .list-subsubforum {
  font-size: 11px;
}

#forum-comments .list-subsubforum a {
  color: black;
  font-weight: normal;
  font-size: 11px;
}

#forum-comments .add-comment {
  padding: 10px 0 10px 0;
}

#forum-comments .comment-odd {
  float: left;
  width: 100%;
  border-top: 1px dotted #83aac7;
  border-bottom: 1px dotted #83aac7;
  background-color: #dde8f5;
}

#forum-comments .comment-even {
  float: left;
  width: 100%;
  background-color: white;
}

#forum-comments .comments {
  padding: 10px;
}

#forum-comments .comment-body {
  float: left;
  padding: 10px;
  border: 1px solid #878889;
  width: 100%;
  word-wrap: break-word;
}

#forum-comments .user-image {
  width: 50px;
  margin-top: 10px;
  padding: 5px 7px 7px 5px;
  height: 50px;
  background-color: #afc3d0;
  border: 1px solid #878889;
}

#forum-comments .user-image img {
  border: 1px solid #b6b5b5;
}

#forum-comments .comment-username {
  font-size: 13px;
}

#forum-comments .comment-username a {
  font-weight: bold;
  color: #1f5ba5;
}

#forum-comments .comment-level {
  font-size: 11px;
}

#forum-comments .comment-level a {
  color: black;
}

#forum-comments .comment-title {
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  margin: 0px;
}

#forum-comments .comment-content {
  margin: 0px;
  padding: 10px 0px 0px 0px;
  word-wrap: break-word;
  width: 730px;
}

#forum-comments .date-posted {
  margin: 0px;
  color: #8d99a6;
}

#forum-comments .post-toolbar {
  margin: 0px;
  color: #8d99a6;
}

#forum-comments .forum-quote {
  padding: 10px;
  background-color: #FFF4E8;
  border: 1px solid #FF6600;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 10px;
}

#forum-comments .quote-author {
  margin-top: 5px;
  margin-bottom: 5px;
}

#forumquickreply textarea {
  width: 673px;
  height: 100px;
}

#forumquickreply {
  background-color: #EFF3FF;
  padding: 4px 4px 4px 10px;
}

#forumreply {
  background-color: #EFF3FF;
  padding: 4px 4px 4px 10px;
}

.forum-pagestart {
  width: 4px;
  height: 10px;
  float: left;
}

#forum .thread-cell {
  font-size: 12px;
}

#forum .thread-cell a {
  font-size: 12px;
  color: #1f5ba5;
}

#forum .forum-pagenum {
  float: left;
  border: 1px solid #D6D6D6;
  background-color: white;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 2px;
  padding-right: 2px;
}

#forum .forum-pagenum a {
  font-size: 12px;
}

#forum .forum-title {
}

#forum .forum-title a {
  font-size: 13px;
}

#forum .forum-titletext {
  float: left;
}

#forum .forum-subtitle {
}

#forum .forum-postdate {
}

#forum .topic_prefix {
  border-radius: 3px 3px 3px 3px;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  padding: 0 4px;
}

#forum .topic_prefix {
  background-color: #DAEDE2;
  color: #528F6C;
}

#forum .forum-pages {
  float: left;
}

.moderation_bar {
  margin: 10px 0 0;
  padding: 6px 35px 6px 10px;
  text-align: right;
  border-radius: 6px 6px 6px 6px;
  background: none repeat scroll 0 0 #D5DDE5;
}

.forum_announcement {
  border: 1px solid #D5DDE5;
  color: #1D3652;
  font-size: 0.9em;
  margin: 2px 0px 10px 0px;
  padding: 10px;
  background: none repeat scroll 0 0 #F1F4F7;
  font: normal 12px Arial;
  color: #193452;
}

.forum_announcement a {
  color: #1f5ba5;
}

#forum .posttitle {
  font-size: 14px;
  font-weight: bold;
  padding: 0 5px 0 5px;
  height: 32px;
}

#forum .posttitle a {
  font-weight: bold;
  color: #1f5ba5;
}

#forum .author_info {
  border-right: 1px solid #E4EBF3;
  font-size: 0.9em;
  margin: 15px 0px 10px 0;
  padding: 0px;
  width: 200px;
}

#forum .posttime {
  font-size: 10px;
  font-weight: normal;
  color: #606060;
  margin: 10px 0 0 10px;
}

#forum .posttime a {
  font-weight: normal;
  color: #606060;
}

#forum .postcontent {
  margin: 0px;
  padding: 10px 15px 0px 20px;
  word-wrap: break-word;
  width: 700px;
}

#inbox .postcontent {
  margin: 0px;
  padding: 10px 15px 0px 20px;
  word-wrap: break-word;
  width: 675px;
}

#inbox textarea {
  height: 200px;
}

#forum .posttoolbar {
  margin: 0px;
  color: #8d99a6;
  font-size: 12px;
  padding: 0 5px 0 5px;
  height: 32px;
}

#forum .posttoolbar a {
  font-weight: normal;
  color: #1f5ba5;
}

#forum .item a {
  color: black;
}

#forum .signature {
  border-top: 1px solid #D5DDE5;
  color: #8E8E8E;
  font-size: 11px;
  margin: 20px 10px 0 0px;
  padding-top: 8px;
  max-width: 100%;
  overflow: hidden;
}

.forum-header {
  padding: 0px 0px 4px 0px;
}


/* Align columns to the top, and add some space between them. */
table.bbcode_columns {
  border-collapse: collapse;
  margin-top: 1em;
  margin-bottom: 1em;
}

table.bbcode_columns td.bbcode_column {
  padding: 0 1em;
  vertical-align: top;
}

table.bbcode_columns td.bbcode_firstcolumn {
  border-left: 0;
  padding-left: 0;
}

/* Wrap quotes in a big blue box. */
div.bbcode_quote {
}

div.bbcode_quote_head {
  background: url("../images/forums/thread/citation_bg.png") no-repeat scroll right center #D3E9DC;
  border-color: #6FA987;
  border-style: solid;
  border-width: 1px 1px 0 3px;
  color: #2B3730;
  font-weight: bold;
  padding: 7px 8px;
  margin-top: 10px;
}

div.bbcode_quote_head a {
  color: #2B3730;
}

div.bbcode_quote_body {
  background: none repeat scroll 0 0 #F3F9F6;
  border-color: #6FA987;
  border-style: solid;
  border-width: 1px 1px 1px 3px;
  margin: 0;
  padding: 12px 8px;
  margin-bottom: 10px;
}

/* Wrap code in a big blue box. */
div.bbcode_code {
}

div.bbcode_code_head {
  background: url("../images/forums/thread/citation_bg.png") no-repeat scroll right center #D3E9DC;
  border-color: #6FA987;
  border-style: solid;
  border-width: 1px 1px 0 3px;
  color: #2B3730;
  font-weight: bold;
  padding: 7px 8px;
  margin-top: 5px;
}

div.bbcode_code_head a {
  color: #2B3730;
}

div.bbcode_code_body {
  background: none repeat scroll 0 0 #F3F9F6;
  border-color: #6FA987;
  border-style: solid;
  border-width: 1px 1px 1px 3px;
  margin: 0;
  padding: 12px 8px;
  margin-bottom: 5px;
  font-family: 'Lucida Console';
  overflow: auto;
}

#pagebrowser {
  float: left;
  border-top: 1px dotted #83aac7;
  border-bottom: 1px dotted #83aac7;
  padding: 10px 0 10px 0;
  background-color: #DDE8F5;
  text-align: left;
  width: 100%;
}

#pagebrowser .items {
  float: left;
  text-align: center;
  width: 100%;
}

#pagebrowser .current-page {
  font-weight: bold;
  margin: -1px 0 0 0;
  font-size: 12px;
}

#pagebrowser .page {
  padding: 0 2px 0 2px;
}

#pagebrowser .count {
  float: left;
  text-align: left;
  font-size: 10px;
  color: #787878;
  padding: 0 0 0 10px;
  width: auto;
}

/**
 * Footer
 */
#footer {
  float: left;
  width: 100%;
  height: 74px;
  text-align: center;
  background: url('../images/main/footer-background.png') repeat-x;
  border-top: 2px solid #c9caca;
}

#footer .text {
  padding-top: 30px;
}

#footer .links a {
  color: #4567e6;
  text-decoration: underline;
}

/**
 * Settings
 */

#settings {
  padding: 10px;
}

#settings table {
  padding: 10px;
  background-color: #f6f9fb;
  border: 1px solid #9fb7cb;
}

#settings tr {
  float: left;
  margin-top: 10px;
  padding: 10px;
  background-color: #fcfdfd;
  border: 1px solid #d4d4d4;
  width: 845px;
}

#settings td {
  float: left;
  width: 100%;
}

h1 {
  font-size: 18px;
  color: #393939;
  font-weight: bold;
}

/**
 * Profile page
 */
#profile-team {
  float: left;
  width: 100%;
  border-bottom: 1px dotted black;
  padding: 0 0 8px 0;
  margin: -5px 0 5px 0;
}

#profile-team .picture {
  float: left;
  width: 50px;
  height: 50px;
}

#profile-team .information {
  float: left;
  width: 145px;
  padding: 0 0 0 5px;
}

/**
 * Pages
 */
.pages-block {
  width: 100%;
  margin-top: 10px;
  background-color: #DFEDF9;
  padding: 5px;
  border: 2px solid #87BAE5;
}

hr {
  border: 0px;
  height: 1px;
  border-bottom: 1px solid #DFDFDF;
}

ul {
  list-style: square;
  padding-left: 15px;
  margin-top: 10px;
}

li {
  color: black;
  margin: 5px;
}

.toc-block {
  margin-top: 10px;
  background-color: #DFEDF9;
  padding: 5px;
  border: 2px solid #87BAE5;
}

.toc-header {
  text-align: center;
  font-weight: bold;
  font-size: 13px;
}

.toc-link1 {
}

.toc-link2 {
  padding-left: 30px;
}

.toc-link3 {
  padding-left: 50px;
}

.toc-link4 {
  padding-left: 70px;
}

/**
 * Friends
 */
#friends {
  float: left;
  width: 100%;
}

#friends .odd {
  float: left;
  padding: 5px 0 5px 0;
  width: 100%;
  background-color: #F3F9FF;
  height: 50px;
}

#friends .even {
  float: left;
  padding: 5px 0 5px 0;
  width: 100%;
  height: 50px;
}

#friends .image {
  float: left;
  padding-left: 5px;
  width: 50px;
}

#friends .name {
  float: left;
  padding: 20px 0 0 10px;
}

#friends-count {
  float: left;
  padding-top: 10px;
  width: 100%;
}

/**
 * games
 */
#games {
  float: left;
  width: 100%;
}

#games .image {
  float: left;
  width: 90px;
  padding: 0 5px 0 5px;
}

#games .content-table {
  float: left;
  padding-left: 10px;
  width: 820px;
}

.player-profile-game {
  background-color: #DDE8F5;
  padding: 5px;
  border: 2px solid #4881C5;
  width: 920px;
  margin-top: 10px;
}

#lobby {
  float: left;
  width: 100%;
}

#lobby .left-content {
  float: left;
  width: 700px;
  padding-left: 10px;
}

#lobby .game-image {
  float: left;
  width: 90px;
  padding: 5px;
}

#lobby .game-information {
  float: left;
  width: 550px;
  padding-left: 5px;
}

#lobby .right-content {
  float: left;
  width: 225px;
}

#games-list {
  float: left;
  width: 100%;
}

.user-team-link {
  padding: 5px 0 15px 0;
}

.thumb-img {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  position: relative;
  width: 100px;
  height: 100px;
  margin: 10px;
  padding: 6px;
  background: #FFF;
  cursor: hand;
}

.thumb-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.thumb-img img {
  border: 0;
  width: 100px;
  height: 100px;
}

.thumb-strip {
  position: absolute;
  width: 100px;
  height: 10px;
  bottom: 6px;
  left: 6px;
  background: #FFF;
  filter: alpha(opacity=60);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}

.thumb-zoom {
  background: url(../images/thumbs/search.png) no-repeat;
  position: absolute;
  width: 22px;
  height: 22px;
  right: 10px;
  bottom: 7px;
}

.progress_bar span {
  background: url("../images/forums/gradient_bg.png") repeat-x scroll left 50% rgb(36, 63, 92);
  color: rgb(255, 255, 255);
  font-size: 0em;
  font-weight: bold;
  text-align: center;
  text-indent: -2000em;
  height: 10px;
  display: block;
  overflow: hidden;
}

.progress_bar {
  border: 1px solid rgb(213, 221, 229);
  margin-top: 2px;
  width: 40%;
}

.maintitle {
  border-radius: 5px 5px 0 0;
  font-weight: normal;
  margin: 0 !important;
  overflow: hidden;
  padding: 8px !important;
  padding: 0px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 16px;
  background: url("../images/forums/gradient_bg.png") repeat-x scroll left 50% #1D3652;
  color: #FFFFFF;
}

.maintitle .header-title {
  float: left;
}

.maintitle .header-rss-text {
  float: right;
  text-align: center;
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 2px 0 5px;
  color: white;
}

.maintitle .header-rss-text a {
  color: white;
  text-decoration: none;
}

.maintitle .header-rss-text a:visited {
  color: white;
  text-decoration: none;
}

.maintitle .header-rss-text a:hover {
  color: white;
  text-decoration: underline;
}

.maintitle .header-rss-image {
  float: right;
  text-align: right;
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  padding: 0px 0px 0 0px;
  color: white;
}

.buttonclass {
  border: 0;
  background: url('../images/buttons/ans_lg_lft.gif') no-repeat top left;
  cursor: pointer;
  font: bold 13px Arial;
  text-align: center;
  text-decoration: none;
  height: 25px;
  margin: 0px;
  padding: 4px 0 5px 12px;
  color: white;
}

.buttonclass:hover {
  border: 0;
  background: url('../images/buttons/ans_lg_lft.gif') no-repeat bottom left;
  cursor: pointer;
  font: bold 13px Arial;
  text-align: center;
  text-decoration: none;
  height: 25px;
  margin: 0px;
  padding: 4px 0 5px 12px;
}

.buttonspanclass {
  color: red;
  cursor: pointer;
  font: bold 13px Arial;
  text-align: center;
  text-decoration: none;
  background: url("../images/buttons/ans_lg_rt.gif") no-repeat scroll 0 0 transparent;
  display: inline-block;
  line-height: 16px;
   /* padding: 4px 0 5px 12px;*/
  padding-right: 12px;
  background-position: right top;
  color: white;
}

.buttonspanclass:hover {
  background-position: right bottom;
}

.buttonclassred {
  border: 0;
  background: url('../images/buttons/red_left.png') no-repeat top left;
  cursor: pointer;
  font: bold 13px Arial;
  text-align: center;
  text-decoration: none;
  height: 25px;
  margin: 0px;
  padding: 4px 0 5px 12px;
  color: white;
}

.buttonclassred:hover {
  border: 0;
  background: url('../images/buttons/red_left.png') no-repeat bottom left;
  cursor: pointer;
  font: bold 13px Arial;
  text-align: center;
  text-decoration: none;
  height: 25px;
  margin: 0px;
  padding: 4px 0 5px 12px;
}

.buttonspanclassred {
  color: red;
  cursor: pointer;
  font: bold 13px Arial;
  text-align: center;
  text-decoration: none;
  background: url("../images/buttons/red_right.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  line-height: 16px;
   /* padding: 4px 0 5px 12px;*/
  padding-right: 12px;
  background-position: right top;
  color: white;
}

.buttonspanclassred:hover {
  background-position: right bottom;
}


.forum-attachment-title {
  font-size: 11px;
  color: #636163;
  margin: 10px 0px 2px 0px;
}

.forum-attachment-file {
  font-size: 11px;
  color: #636163;
  margin-left: 10px;
}

#activity .box {
  background-color: #EEF3F8;
  border-color: #D5DDE5;
  border-style: solid;
  border-width: 1px 1px 4px;
  padding: 10px;
}

#activity .title {
  font: bold 14px Arial;
  color: #1C2837;
}

#activity .overview {
  font-size: 12px;
  color: #636163;
}

#activity .users {
  margin: 10px 10px 0px 10px;
  color: #1C2837;
}

#activity .user-moderator-link a {
  /*color: red;*/
  /*font-weight: bold;*/
}

#activity .user-host-link a {
  /*color: red;*/
  /*font-weight: bold;*/
}


#activity .user-premium-link a {
  color: #C09A00;
}

.user-banned-link a {
  /*text-decoration: line-through;*/
}

#networknavbar {
  background: none repeat scroll 0 0 #2F2F2F;
  color: #FFFFFF;
  height: 35px;
  border-bottom: 2px solid #294773;
}

#networknavbar ul {
  float: right;
  margin-right: 0px;
  margin-top: 3px;
  margin-bottom: 0px;
  position: relative;
  z-index: 10000;
  padding: 0px;
}

#networknavbar li {
  color: white;
  list-style: none outside none;
  float: left;
  font-size: 13px;
  margin-left: 15px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px;
}

#networknavbar li a {
  color: #FFFFFF;
  display: block;
  padding: 5px 6px;
  text-decoration: none;
}

#networknavbar li a:hover {
  background: none repeat scroll 0 0 #0D1B2A;
  border-radius: 4px 4px 4px 4px;
}

#networknavbar .main {
  width: 955px;
}

.maintitle2 {
  border-radius: 3px 3px 0 0;
  font-weight: normal;
  overflow: hidden;
  padding: 4px;
  margin: 0px;
  font-size: 12px;
  background: url("../images/forums/gradient_bg.png") repeat-x scroll left 50% #1D3652;
  color: #FFFFFF;
}




/* captcha fixes */
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
  float: none;
}

.streamgame-body {
  margin-left: 10px;
}

.streamgame-title {
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}

.streamgame-user {
  font-size: 10px;
  font-weight: normal;
  color: #606060;
  margin-bottom: 10px;
}

.streamgame-user a {
  font-weight: normal;
  color: #606060;
}

.streamgame-gamelinks {
  font-size: 10px;
  font-weight: normal;
  color: #606060;
  margin-top: 10px;
}

.streamgame-gamelinks a {
  font-weight: normal;
  color: #606060;
}

.help-note {
  font-size: 11px;
  color: #636163;
}


/* download image */
div.button-download {
  height: 70px;
  width: 190px;
  background: url('../images/main/download-logo3.png') 0 0;
  display: block;
  text-decoration: none;
  font-weight: bold;
  float: left;
  text-shadow: 1px 1px 0px #000;
}

div.button-download:hover {
  background-position: -193px 0;
  cursor: pointer;
}

div.button-download:active {
  background-position: -387px 1px;
}

.button-download .dltop {
  color: white;
  font-size: 16px;
  margin-left: 50px;
  margin-top: 15px;
}

.button-download .dlbottom {
  font-size: 11px;
  margin-top: -4px;
  margin-left: 50px;
  font-weight: normal;
  color: white;
}

div.mirror-download {
  height: 70px;
  width: 190px;
  background: url('../images/main/mirror-logo3.png') 0 0;
  display: block;
  text-decoration: none;
  font-weight: bold;
  float: left;
  text-shadow: 1px 1px 0px #000;
}

div.mirror-download:hover {
  background-position: -193px 0;
  cursor: pointer;
}

div.mirror-download:active {
  background-position: -387px 1px;
}

.mirror-download .dltop {
  color: white;
  font-size: 16px;
  margin-left: 50px;
  margin-top: 15px;
}

.mirror-download .dlbottom {
  font-size: 11px;
  margin-top: -4px;
  margin-left: 50px;
  font-weight: normal;
  color: white;
}


div.caption_wrapper{  
    float:left; /* important */  
    position:relative; /* important(so we can absolutely position the description div */  
    height: 113px;
    width: 150px;
}  
div.caption_description{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:0px;  
    width:100%;  
    

    /* styling bellow */  
    background-color:black;  
    
    opacity:0.6; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */  
}  

div.caption_description2{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:0px;  
    width:100%;  
    font-family: 'tahoma';  
    font-size:12px;  
    color:white;  
    opacity:0.90; /* transparency */  
    filter:alpha(opacity=90); /* IE transparency */  
}  
p.caption_description_content{  
    padding:3px;  
    margin:0px;  
} 

