/* allgemeine Styles */

*{ margin: 0; padding: 0;}
p { margin-bottom: 20px; }
html,body{ height:100%;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

body{ font: 12px Arial,Verdana,Helvetica,sans-serif; color:#333; background: #efefef; }
h2 { margin-bottom: 10px; }
h3 { margin-bottom: 6px; }

img { border:0;}
ul { list-style:none;}
.newsMessage ul { list-style: disc inside none}

a { color: #333; text-decoration:none; cursor:pointer !important;} /* color:#9f2f2e; */
a:hover { text-decoration:underline !important;}
.gamerCard a { color: #333; }

a.btn{ background: #fff url(../img/bg_btn.gif) repeat-x 0 bottom; padding-right:5px; float:left;padding: 2px 25px 3px 30px; border: 1px solid #bebebe; -moz-border-radius:3px;-webkit-border-radius:4px; text-decoration:none !important;}
a.btn span{ font-size:15px;}
a.more { float:right; padding-top: 10px; padding-bottom: 5px; font-size: 11px; color: #9F2F2E; }
.red   { color: #9F2F2E; }
.green { color: #63AA2D; } 
.white { color: #f0f0f0; }
.lightgrey { color: #E0E0E0; }
.grey  { color: #999; } 
.darkBG {background-color: #333; color: #fff; border: 1px solid #333 !important;}
.bold { font-weight: bold; }

.infobox { border: 1px dashed #ccc; padding: 10px; }
.center { text-align: center; }


form { margin: 0; padding: 0;}
input.btn { cursor: pointer; }
label { cursor: pointer;}
/* input { height: 16px; padding: 2px; border: 1px solid #E0E0E0; color: #555; font-size: 10px; } */
input, textarea, select { width: 110px; font-family: Arial,Verdana,Helvetica,sans-serif; padding: 4px; border: 1px solid #E0E0E0; border-left: 5px solid #E0E0E0; background-color: #F7F7F7; color: #555; font-size: 12px; }
select {}
input[type=submit] { border: 1px solid #333; height: 25px; width: auto; padding: 2px 4px 4px 4px; cursor: pointer; font-weight: bold; background-color: #666; font-size: 12px; color: #F0F0F0; }
.btn { border: 1px solid #333; height: 18px; width: auto; padding: 5px 6px 3px; cursor: pointer; font-weight: bold; background-color: #666; font-size: 12px; color: #F0F0F0; margin: 15px 0 10px 0; }
.btn.inactive {  border: 1px solid #666; background-color: #AAA; }


.inputSelected { border-color: #AAA !important; }

.flt { float:left;}
.frt { float:right;}
.ctr { text-align:center;}

.lcol { float:left; width:588px; padding:45px 22px 18px 22px;  padding-bottom: 5020px; margin-bottom: -5000px; }
.rcol { float:right; width:278px; min-height: 773px; border-left: 1px dashed #cecece; padding: 45px 15px; padding-left: 17px; background-color: #eaeaea; padding-bottom: 5020px; margin-bottom: -5000px; position: relative;}

.wrap { width:980px; margin: 0 auto;  background: #fff url(../img/bg_body.png) repeat-y 0 0;}
.wrapInner { width: 956px; margin: 0 12px; }
.main { margin:0 5px; overflow: hidden;}

/*Header*/
.head { padding: 0px 5px 0 5px;}

.head .top{ height:64px; padding:10px 20px; position: relative;}
.head .top h3{ float:left;}
.head .top h3 a{ height:64px; width:218px; display:block; text-decoration:none; background: url(../img/topconsoles_logo.jpg) no-repeat 0 0;}
.head .top h3 a span{ text-indent:-1000px; display:block;}

.head .languages { position: absolute; right: -30px; top: 1px; }
.head .languages li { height: 40px; width: 30px; margin-bottom: 1px; }
 .head .languages li span {text-indent: -2800px; display: block; }
 .head .languages li a { width: 30px; height: 40px; display: block; }
.head .languages .de { background: url(../img/flags/de.png) no-repeat; }
.head .languages .de.inactive { background: url(../img/flags/de_inactive.png) no-repeat; }
.head .languages .en { background: url(../img/flags/en.png) no-repeat; }
.head .languages .en.inactive { background: url(../img/flags/en_inactive.png) no-repeat; }


.navi { background: url(../img/bg_navi.png) repeat-x; height: 40px; padding-left: 0px; }
.navi li { float:left; position:relative;}
.navi li a { color:#444; font-size: 12pt; font-weight: bold; display:block; float:left; height:27px; padding: 10px 12px 0 12px;}
.navi li div { float:left; width: 1px; height: 36px; background: url(../img/navi_separator.jpg) no-repeat; }
.navi li .first { padding-left: 23px; }

.navi .active { background: url(../img/navi_bg_active.jpg) repeat-x; }
.navi li .active { color: #fff; }
.navi li .active { z-index: 1; position: relative; height: 29px; margin-left: -1px; margin-right: -1px; }
.navi li .first { margin-left: 0px !important; }
.navi li .activeCommunity { background: url(../img/navi_community_bg_active.jpg) repeat-x; } 

.subHeadline .active { font-weight: bold; color: #333; }

/*Footer*/
.footer{ width: 892px; margin: 0 10px 0 5px; padding: 10px 20px 25px 35px; border-top: 20px solid #333; background-color: #333; color: #F0F0F0; }
.footer a { color: #F0F0F0; }
.footer .title { color: #F0F0F0; }
.footer h2{ font-size:16px; margin-bottom: 20px;}
.footer img{ margin-bottom: 20px;}
.footer .ctr { padding-top: 30px; }
.footer p.nav a{ padding: 0 7px 0 3px; background: url(../img/stroke_r.gif) no-repeat right 50%;}
.footer p.nav a.last{ background-image:none;}

.footer .hp ul{ margin-bottom:50px;}
.footer .hp li{ padding-left: 15px;  background: url(../img/arrow.gif) no-repeat 0 5px; padding-bottom:5px;}

.footer .column { float: left; width: 190px; margin-right: 20px; padding-right: 10px; border-right: 1px dashed #999; }
.footer .column.last { border-right: 0; }

/*rechte Seite Boxen*/
.rcol .cntBox{background: url(../img/box_top.gif) no-repeat 0 0; padding-top:5px;}
.rcol .cntBox .cnt{background: #f4f4f4 url(../img/bg_cntbox.png) repeat-x 0 0; border: 1px solid #c0c0c0; border-top:0; padding: 5px 15px 10px 15px;}
.rcol .cntBox .cnt h2{ margin-bottom:10px;}

/*Ueberschriften rechte Seite*/
.rcol h2{ font-size:15px;}

/*linke Seite gestreifte Liste*/
.lcol ul.zba li{background: url(../img/bg_zba_li.png) no-repeat 50% 0; padding: 5px 15px;}
.lcol ul.zba li.odd{ background: #f4f4f4 url(../img/bg_zba_li_odd.png) no-repeat 50% 0;}
.lcol ul.zba li.first{ background-image:none;}



/*Tabboxen*/
.lcol .tab2 .tab li{ width:306px;}
.lcol .tab3 .tab li{ width:204px;}
.lcol .tab4 .tab li{ width:153px;}

.lcol .tabbox{background: url(../img/bg_tabcnt.png) repeat-x 0 0; margin-top:20px;}
.lcol .tabbox .tab{background: url(../img/tabbox_top.png) no-repeat 0 0;}
.lcol .tabbox .tab li{ float:left; background: url(../img/bg_tab.gif) repeat-x 0 0;}

.lcol .tab li a{ display:block; height:29px; text-decoration:none !important; color:#fff; padding-top: 1px; background: url(../img/strok_w.gif) no-repeat right 1px;}
.lcol .tab li a strong{ padding-left:15px; color:#3d3d3d; display:block; height:23px; border-left: 1px solid #b6b6b6; padding-top:5px;}
.lcol .tabbox .tab li.active{ background-image:none;}
.lcol .tabbox .tab li.active a{ background-image:none;}
.lcol .tab .first a{ background: url(../img/bg_tab_cor_l.gif) no-repeat 0 0; border-left:0;}
.lcol .tab .first a strong{  background: url(../img/border_tab.gif) no-repeat 0 4px; border-left:0;}
.lcol .tab .last a{ background: url(../img/bg_tab_cor.gif) no-repeat right 0;}
.lcol .tab .last a strong{  background: url(../img/border_tab.gif) no-repeat right 4px;}

.lcol .tabbox .tabCnt{ border: 1px solid #c0c0c0; border-top:0; position:relative; top:-3px; z-index:2; padding:10px; padding-top:26px;}


/*Content*/

/* MAIN */

.headline { margin: 20px 0 10px -7px; background: url(../img/headline.png) no-repeat; width: 586px; height: 30px; padding: 6px 10px 10px; font-size: 10px; color: #fff; }
.headline .text  { float: left; }
.headline .right { float:right; font-size: 9px; padding-top: 3px; }

.subHeadline { position: absolute; top: 125px; padding: 8px 20px 20px 23px; width: 500px;}
.subHeadline li { float: left; padding-right: 15px; }

.prefData dl{ margin-top:20px;}
.prefData dt{ clear:both; float:left; width:200px; text-align: right; margin-right:20px; margin-bottom:10px;}
.prefData dd{ float:left; width:350px;}

.myProf dl{ margin-top:20px;}
.myProf dt{ clear:both; float:left; width:200px; text-align: right; margin-right:20px;}
.myProf dd{ float:left; width:350px; margin-bottom:10px;}
.myProf dd label input{ margin-right:10px;}

.topNews { float:left; width: 302px; height: 224px; padding-right: 10px; margin-bottom: 7px; }
.topNews .title { position: relative; bottom: 57px; margin-left: 1px; padding: 5px 10px 5px 10px; font: 23px Impact; color: #000; width: 280px; background: url(../img/topNewsTitleBg.png) repeat-x; height: 57px; }
.topNews .title div { color: #222; font-size: 14px; position: relative; bottom: 2px; }
.topNews img { border: 1px solid #d4d3d4; }

.small { font-size: 10px; }
 
.title { font-size: 14px; font-weight: bold; color: #333; padding-bottom: 6px; }
.sideNews .title { height: 13px; overflow: hidden; }

.sideNews { float: left; width: 270px; color: #444; font-size: 12px; margin-bottom: 9px; }
.sideNews .img { float: left; width: 90px; padding: 0 10px 0 0; }
.sideNews  img { border: 1px solid #d4d3d4; }
.sideNews div  { float: left; width: 170px; }
.sideNews .message { height: 48px; overflow: hidden; }
.sideNewsHover { position: relative;
                 margin-left:  -10px;
                 padding-left:  15px; 
                 margin-right:  0px;
                 padding-right: 0px;
                 color: #f0f0f0 !important;
                 background: #333 url(../img/icon_topNewsArrow.jpg) no-repeat left center;
}

.sideNewsHover .title { color: #f0f0f0 !important; }


.latestUpdates { float: left; width: 550px; color: #444; font-size: 12px; margin-bottom: 5px; }
.latestUpdates .img { float: left; width: 120px; padding: 0 10px 9px 0; }
.latestUpdates  img { border: 1px solid #d4d3d4; }
.latestUpdates div  { float: left; width: 340px;  }
.latestUpdates .message { height: 45px; overflow: hidden; }
.latestUpdates .cats { padding: 0 0 5px 0; font-size: 11px; font-weight: normal; color: #999; margin-top: -5px; }
.latestUpdates .author { width: 60px; height: 60px; text-align: center; position: relative; margin-left: 20px; }
.latestUpdates .author .avatar {  }
.latestUpdates .author img {  } 
.latestUpdates .author div { padding: 1px 0 0 0; width: 68px; overflow: hidden; font-size: 10px; color: #555; }
.latestUpdates .author .avatarWhiteOut { position: absolute; top: 5px; left: 4px; width: 60px; height: 60px; background: url(../img/avatarWhiteOut.png) no-repeat 0 0; }


.latestUpdates.gameReview { background-color:#F0F0F0; margin-bottom:35px;  padding:10px 20px 0 10px; position:relative; right:10px; border: 1px dashed #BBB; }
.latestUpdates.gameReview .title { margin-bottom: 0px; } 
.latestUpdates.gameReview .title a { font-size: 18px; }
.latestUpdates.gameReview .link { position: absolute; top: 85px; }




.avatar img { padding: 3px; border: 1px solid #E5E5E5; }


.video { float: left; width: 294px; color: #444; font-size: 12px; margin-bottom: 5px; }
.video .img { float: left; width: 120px; padding: 0 10px 9px 0; height: 95px; }
.video .img .thumb { border: 1px solid #d4d3d4;  }
.video .img .playButton { position: relative; bottom: 17px; left: 96px; margin-top: -9px; border: 0; }
.video .desc { color: #737373; padding: 5px 0 5px 0; line-height: 13px; }
.video .hits { position: relative; top: 78px; color: #737373; font-size: 10px; margin-top: 1px; margin-bottom: -11px; line-height: 10px; }
.video .title { font-size: 14px !important; line-height: 15px; }
.videoComments { padding: 10px; padding-top: 20px; background-color: #000; float:left; display: none; width: 500px; }


.boxyVideo { width: 520px; margin-right: 10px; height: 436px;   } 
.boxyVideos { padding: 20px 18px !important; width: 294px; height: auto; overflow: auto; float: right; }
.boxy-content .video .title { color: #CCC; } 


.videoOverlay { width: 120; height: 120px; margin-top: -150px !important;  position:relative; display:none; border: 0 none !important; top: 162px; left: 2px; background-color: transparent !important; cursor: pointer; }
.videoOverlay img { border: 0 !important; }

.videoAlternatives { display: none; position: relative; margin-top: -398px !important; left: 181px; top: 287px; }
.videoAlternatives img { cursor: pointer; }



.twoCol div { width: 80px; float: left; padding-right: 20px; font-weight: bold; }
.twoCol span{ width: 40%; float: left;  }

/* News */ 

.articleHeader     { width: 600px; height: 180px;  margin-left: -22px; position: relative; }
.articleHeader img {  }  
.articleHeader .bgArea { position: absolute; padding-left: 22px; top: 0px; width: 614px; height: 100px; padding-top: 67px; background: url(../img/imgHeaderFade.png) no-repeat;  }
.articleHeader .bgArea h1 { width: 600px; line-height: 26px; }
.articleHeader .avatar { float: left; margin-right: 10px; }
.articleHeader .bgArea h1 { margin-top: 7px; }
.articleHeader .authorDate  { margin: 3px 5px 0 3px; float: left; }
.articleHeader .avatar img { padding: 0; }


/* Gamer Card */ 
.gamerCard { width:570px; height:200px; padding: 25px 27px 17px 17px; background: url(../img/gamercard.jpg) no-repeat; background-color: #FFF; -moz-border-radius: 3px;
               -webkit-border-radius: 3px;  }
.gamerCard .avatar { float:left;  margin:30px 0px 0px 0px;} 
.gamerCard .avatar img { width:109px; height:109px; background-color:#FFF; padding:6px;  }
.gamerCard .content { position:absolute; width:572px;  }
.gamerCard .name { float:left;font-size:12px; font-weight:bold; }
.gamerCard .country { float:right; font-size: 11px; margin:0px 24px 0px 0px; }

.gamerCard .middle {  float: left;  width:193px; height:110px; border:#eaeaea 1px solid; font-size: 12px; margin:30px 0px 0px 6px; padding: 6px; text-align:justify; }
.gamerCard .consoles {  float: left; width:193px; height:30px;  border:#eaeaea 1px solid; font-size: 12px; margin:30px 0px 0px 6px; padding: 6px; }
.gamerCard .games {   float: left;  width:193px; height:60px;  border:#eaeaea 1px solid; font-size: 12px; margin:6px 0px 0px 6px; padding: 6px; }



/* Game */
.gameHeader     { width: 635px; height: 240px;  margin-left: -22px; margin-bottom: 35px; border-bottom: 10px solid #333;  }
.gameHeader img {  }  
.gameHeader div { position: relative; color: #111; padding-left: 22px; bottom: 52px; height: 40px; padding-top: 12px; background: url(../img/imgHeaderFade.png) no-repeat;  }
.gameHeader h1  { font: 24px Impact; }
.gameNavi     { position: relative; bottom: 35px; left: -4px; }
.gameNavi li  { float: left; padding: 5px; border-top: 0; border-left: 0; padding: 10px 6px 5px 5px; }
.gameNavi li.active   { background: #333; color: #fff; }
.gameNavi li.active a { color: #fff !important; }
.gameNavi li.inactive { color: #D0D0D0; }

.addBtn, .backBtn { padding: 0 0 10px 30px; float: right; font-size: 13px; font-weight: bold; text-align: right; position: relative; top: -28px;  }
.addBtn img, .backBtn img  { float: left; }
.addBtn div, .backBtn div { float: left; padding: 2px 0 0 0; margin-left: 5px; }
.backBtn { display: none; width: 146px; }

#newsAddArea { display: none; width: 592px; padding: 20px; margin-left: -20px; }
#newsAddArea #title   { width: 370px; }
#newsAddArea #message { width: 370px; }
#newsAddArea .checkboxes input { width: 25px; height: 15px; }
#newsAddArea .checkboxes label { margin-right: 9px; }


/* User */
.userHeader { margin-left: -22px; margin-bottom: 35px; border-bottom: 10px solid #333; height: 200px; width: 635px; }
.userHeader div { float: left; padding:  0 10px 0 20px; width: 390px; }
.userHeader .image { width: 160px; height: 160px; margin-left: 22px; padding-left: 0 !important; }
.userHeader div .avatarDiv { border: 1px solid #E5E5E5; padding: 10px; width: 160px; height: 160px; margin-right: 10px; }
.userHeader div #avatar { }
.userHeader .infos { padding-right: 15px !important; width: 408px !important; }
.userHeader .welcome  {  margin-bottom: 15px; margin-left: 15px; font-size: 19px; font-weight: bold; }
.userHeader .welcome img { float: left; margin-top: 5px; }
.userHeader .welcome h2 { font-size: 19px; font-weight: bold; margin-bottom: 0px; position: relative;  left: 5px; }
.userHeader .box { margin: 0 0 0 15px; width: 204px; padding: 0px; margin: 0px;   }
.userHeader .box .header { background-color: #EAEAEA; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #F0F0F0;
                           padding: 10px 10px 6px 10px !important; width: 168px; font-weight: bold; margin-bottom: 5px; margin-left: 15px;  }
.userHeader .box div { padding: 0 10px 0 0 !important; margin-left: 20px; width: 160px; color: #555; }
.userHeader .box .messages { background: url(../img/mail_receive_color.png) no-repeat 0 1px; }
.userHeader .box .comments { background: url(../img/user_comment_color.png) no-repeat 0 1px; }
.userHeader .box .friendRequests { background: url(../img/user_add_color.png) no-repeat 0 1px; }
.userHeader .box .notifications{ background: url(../img/refresh_color.png) no-repeat 0 1px; }

.userHeader .box .news { background: url(../img/newsIcon.png) no-repeat 0 3px; }
.userHeader .box .previews { background: url(../img/previewsIcon.png) no-repeat 0 3px; }
.userHeader .box .reviews { background: url(../img/reviewsIcon.png) no-repeat 0 3px; }
.userHeader .box .images { background: url(../img/imagesIcon.png) no-repeat 0 3px; }
.userHeader .box .videos { background: url(../img/icon_video.png) no-repeat 0 3px; }


.userHeader .box .icon { padding-left: 30px !important; height: 20px; padding-top: 6px !important; }
.userHeader #editAvatar { position: relative; margin-bottom: -19px; width: 101px; height: 19px; display:none; left: 70px; top: 152px; padding: 0 !important;  }
.userHeader #editAvatar img { width: 101px; height: 19px; }

/* Icons */
div.editIcon { background: url(../img/icons/edit.png) no-repeat; width: 24px !important; height: 24px !important; }


.myNews .latestUpdates { width: 98%; }
.myNews.external .latestUpdates { width: 100%; }
.myNews .latestUpdates div { width: auto; float: none; }
.myNews .latestUpdates .main { width: 74%; padding: 5px; }
.myNews.external .latestUpdates .main { width: 471px;}
.myNews .latestUpdates .img { float: left; }
.myNews .latestUpdates .stats { width: auto; margin-top: 18px; color: #999; }
.myNews .latestUpdates .stats .hits {  float:right; margin-right:10px; padding-top:10px; width: 40px; text-align:center; }
.myNews .latestUpdates .stats .comments { float:right; margin-right:0; padding-top:10px; text-align:center; width: 60px; }
.myNews .latestUpdates .message { height: auto; }
.myNews .latestUpdates .data { width: 70%; }


.myNews .index .hits { margin-right: 17px; width: auto; float: right; }
.myNews .index .comments{ margin-right: 20px; width: auto; float: right; }

.myNews.external .index .comments{ margin-right: 7px; width: auto; float: right; }

.myNews .latestUpdates .actions, .myNews .latestUpdates .stats{ float: right; }
.myNews .latestUpdates .actions { margin: 23px 10px 0 10px; }



.myNews.reviews .index .hits { margin-right: 21px; width: auto; }
.myNews.reviews .index .comments{ margin-right: 46px; width: auto; }

.myNews.reviews .latestUpdates .stats {float: right; }
.myNews.reviews .latestUpdates div  { width: auto; float: none;  }
.myNews.reviews .latestUpdates .img { float: left; }
.myNews.reviews .latestUpdates .score { float: right; border: 1px solid rgb(222, 222, 222); padding: 10px; width: auto; font-size: 18px; position: relative; bottom: 5px; background-color: #FFF;  }



.myVideos .video      { width: 444px; }
.myVideos .main       { float: left; width: 229px; }
.myVideos .video .img { width: 90px; height: 70px; }
.myVideos .index .hits { width: 40px; float: right; }
.myVideos .index .comments { width: 80px; float: right; }
.myVideos .video .stats { width: 105px; margin-top: 20px; color: #999; float: left; }
.myVideos .video .stats .hits { width: 46px; float: left; text-align: center; margin-right: 0; position: inherit; margin-bottom: 0; margin-top: 2px; font-size: 12px; color: #999; }
.myVideos .video .stats .comments { width: 49px; float: left;  text-align: center; }
.myVideos .video .img .playButton { left: 67px; }
.myVideos .video .desc { line-height: 15px; } 

.newsArea #newsAddArea { display: block; width: 400px; padding-top: 0; }
.newsArea #newsAddArea .headline { background: url(../img/headline_short.png) no-repeat 0 0; }


.earnMoney .right { float: right; width: 300px; }

/* Register */

#registerCnt { padding: 10px; position: relative; }
#registerCnt .topIcon { position: absolute; top: -141px; left: 210px; }
#registerCnt .register input, #registerCnt .register select { height: auto; width: auto; padding: 4px; margin-bottom: 10px; margin-right: 10px; }

#registerCnt .title { font-weight: bold; width: 360px; font-size: 11px; font-weight: normal;  }
#registerCnt .register { margin-top: 20px; width: 370px; }
#registerCnt .label { width: 125px; float: left; font-weight: bold; padding-top: 3px; font-size: 12px; }
#registerCnt label { font-size: 12px; }
#registerCnt #gender-female { margin-left: 20px; margin-bottom: 20px; }
#registerCnt #agb { margin-left: 126px; margin-top: 5px; margin-bottom: 11px; }
#registerCnt .complete { background: url(../img/icon_success.png) no-repeat 0 0 ; padding-left: 100px; height: 68px; }
#registerCnt .complete .title { padding-bottom: 10px; font-weight: bold; font-size: 12px; }
#registerCnt .complete .close { float: right; margin-top: 15px; }

#registerCnt .error { margin-bottom: 10px; width: 350px; }
#registerCnt .error input, #registerCnt .error select { border: 1px solid #9F2F2E; }

#registerCnt .stateDiv { display: none; }

#registerCnt .errors { margin-top: -5px; position: absolute; width: 350px; left: 68px; }
#registerCnt .errors .errors { height: 16px; overflow: hidden; }

.errors {font-size: 10px;  }
.errors .errors { color: #9F2F2E;  }
.hidden { display: none; }

        
.topProfile { float: right; }
.topProfile img {   }
.topProfile a { color: #555; font-size: 11px;  }
.topProfile .links {position: relative; top: 35px; margin-bottom: -27px; }
.topProfile .name { font-size: 14px; font-weight: bold; color: #555; }
.avatarHeader { margin-right: 10px; position:relative; z-index: 2; width: 60px; height: 60px; border: 1px solid #E5E5E5; padding: 3px; }

.topSearch { float: right; margin-right: -5px; }
.topSearch .search { background: url(../img/icon_magnifier_search.png) no-repeat 0 0 #F7F7F7; padding-left: 22px; width: 125px; height: 17px; margin-top: 15px; }
.topSearch.center { float: none; margin: 0 auto; }
.topSearch.ad input{ width: 96px; }
.topSearch.ad .submit { width: 50px; }

.headerAd { margin-left: 20px; float: left; }

#avatarUpload { display: none; padding: 20px; }


.authorDate  { font-size: 11px; color: #777; }
.newsMessage { font-size: 13px;  }
.newsMessage a, .review a { color: #9F2F2E; }
.newsImage   { text-align:center; }
.newsImage img { padding: 10px; border: 1px solid #E5E5E5; margin-bottom: 5px;  }
.newsImage .ad { width: 300px; height: 250px; padding: 10px; border: 1px solid #E5E5E5; margin-bottom: 5px; margin: auto;  }
.newsImage .ad img { padding: 0; border: 0; margin: 0; }
.newsImage  { color: #999; font-size: 12px; margin-bottom: 20px; }
.imagesTitle { background: url(../img/imagesIcon.png) no-repeat left center; padding-left: 52px; height: 32px;} 
.images div  { float: left; margin: 5px; }

.sharethis { margin-top: 5px; margin-bottom: 10px; text-align: right; float: right;  }
.sharethis.top {  position: relative; bottom: 20px; margin-bottom: 0px; }

.comment     { margin-bottom: 10px; }
.comment .avatar { float: left; margin-right: 10px; margin-bottom: 5px;  }
.comment .avatar div { text-align: center; font-size: 10px; }
.comment textarea { width: 440px; height: 48px; }
.videoComments .comment { color: #CCC; }
.videoComments .comment a { color: #CCC; }
.videoComments .comment textarea { width: 370px; height: 48px; }
.videoComments .comment input { width: auto; margin: 0; }
.videoComments .comment .message { float: left; min-height: 48px; padding: 5px; margin-right: 10px; width: auto;}
.videoComments .comment .submit { padding-top: 33px; float: left; background: none !important; width: auto !important;  }
.comment .message {width: 463px; float: left; min-height: 48px; padding: 5px; }
.comment .submit { padding-top: 33px; }
#addcomment .message { padding: 0; }


/* Boxes */

.box          { width: 276px; margin-bottom: 30px; }
.box .top     { background: url(../img/box_top.png) no-repeat; width: 276px; height: 2px; }
.box .bottom  { background: url(../img/box_bottom.png) no-repeat;  width: 276px; height: 2px; }
.box .middle  { background-color: #FFF; }
.box .header  { border-bottom: 1px dashed #888; padding: 7px 0 5px 0; margin: 0 10px 15px 10px; height: 20px;  }
.box .title   { font-size: 12px; color: #333; font-weight: bold; padding-top: 2px; float:left; width: 65%; }
.box .info    { font-size: 11px; color: #9f2f2e; float:right; width: 55px; padding-top: 2px; text-align: right; height: 0px; position:relative; bottom: 25px; left: 10px; overflow: visible; }
.box .register{ font-size: 11px; color: #9f2f2e; float:left; width: 50%; padding-top: 15px; height: 0px; }
.box .content { padding: 0 10px 10px 10px; }
.box .left    { float: left; }
.box .right   { float: right; }

#loginBox .info { width: 140px; margin-right: 10px;}


.spacer { height: 8px; }
.spacer.tall { margin-bottom: 50px !important; }
.spacer.medium { margin-bottom: 25px !important; }
.spacer.dashed {border-bottom: 1px dashed #888; margin-bottom:20px;}
.spacer.solid{border-bottom: 1px solid #999; margin-bottom:20px;}


.registrationTeaser { margin-left: -17px; margin-top: 90px; }


#statisticsBox .commentReplies  { padding-left: 35px; background: url(../img/user_comment.png) 0px center no-repeat; height: 21px; white-space: nowrap; padding-top: 5px; font-size: 14px; color: #444;  }
#statisticsBox .privateMessages { padding-left: 35px; background: url(../img/mail_receive.png) 0px center no-repeat; height: 19px; white-space: nowrap; padding-top: 5px; font-size: 14px; color: #444; }
#statisticsBox .friendReq       { padding-left: 35px; background: url(../img/icon_user_add_grey.png) 0px center no-repeat; height: 19px; white-space: nowrap; padding-top: 5px; font-size: 14px; color: #444; }
#statisticsBox .stats { background-color: #6b6b6b; }
#statisticsBox .news     { background: url(../img/newsIcon.png) no-repeat left center; padding-left: 35px; padding-top: 4px; height: 20px; font-size: 12px; color: #E0E0E0;}
#statisticsBox .reviews  { background: url(../img/reviewsIcon.png) no-repeat left center; padding-left: 35px; padding-top: 4px; height: 20px; font-size: 12px; color: #E0E0E0;}
#statisticsBox .previews { background: url(../img/previewsIcon.png) no-repeat left center; padding-left: 35px; padding-top: 4px; height: 20px; font-size: 12px; color: #E0E0E0;}
#statisticsBox .images   { background: url(../img/imagesIcon.png) no-repeat 1px center; padding-left: 35px; padding-top: 4px; height: 20px; font-size: 12px; color: #E0E0E0;}
#statisticsBox .videos   { background: url(../img/icon_video.png) no-repeat 1px center; padding-left: 35px; padding-top: 4px; height: 20px; font-size: 12px; color: #E0E0E0;}
#statisticsBox .black  { padding-top: 5px; padding-bottom: 2px; }
#statisticsBox .info { position:relative; bottom: 40px; left: 20px; width: 86px; overflow: visible; } 
.black .right { padding-right: 30px; } 
.box .black { background-color: #6b6b6b; }
.box .blackBottom  { background: url(../img/box_black_btm.png) no-repeat;  width: 276px; height: 3px; }

.box .separator { background: #6B6B6B; height: 5px; margin-bottom: 10px; } 


#gameInfoBox .info { position:relative; bottom: 25px; left: 10px; width: 86px; overflow: visible; }
#gameInfoBox .gameName { vertical-align: middle; margin-left: 0px; padding: 10px 10px 10px 10px; font: 19px Impact; color: #333; width: 235px; background: #FFF; }

#gameSearchBox .info, #podcastSearchBox .info { position:relative; bottom: 22px; left: 10px; width: 86px; overflow: visible; }
#gameSearchBox input, #podcastSearchBox input { width: 240px; }

.promoteFirst .current { margin-bottom: 10px; }
.promoteFirst ul { margin-left: 20px; }
.promoteFirst ul li{ list-style: disc; }
.promoteFirst .current .img { float: left; margin: 0 7px 10px 0; }
.promoteFirst .current div{ margin-bottom: 7px; }
.promoteFirst #content a { color: #666; }

#nextReleasesBox #content { font-size: 11px; }

#gamesRelatedBox .info { position:relative; bottom: 22px; left: 6px; width: 86px; overflow: visible; }
#gamesRelatedBox input { width: 240px; }
#gamesRelatedBox .games img    { border: 1px solid #E5E5E5; padding: 5px; float: left; }
#gamesRelatedBox .games .game    { padding-bottom: 10px; }
#gamesRelatedBox .games .game div  { float: left; margin-left: 10px; width: 130px; }
#gamesRelatedBox .games .name  { color: #333; font-size: 12px; }
#gamesRelatedBox .games .genre { color: #888; padding-top: 5px;}

#friendsOnlineBox .avatar { width: 85px; }
#friendsOnlineBox .friends { width: 300px;  }
#friendsOnlineBox .friend { float: left; text-align: center; font-size: 10px; margin-bottom: 10px; }
#friendsOnlineBox .info   { position: relative; bottom: 26px; left: 5px; }


#gameInfoBox .score {  }
#gameInfoBox .score .total { background-color: #555; font-size: 46px; font-weight: 700; float: left; width: 60px; padding: 0px 15px; color: #FFF; }
#gameInfoBox .score .total span { font-size: 20px; font-size: 24px; letter-spacing: 3px; font-weight: normal; position: relative; bottom: 4px; }
#gameInfoBox .score .right div { background-color: #888; color: #fff; width: 137px; padding: 6px 10px; margin-bottom: 10px; height: 25px; font-size: 20px; text-align: right;   }
#gameInfoBox .score .right div.admin { background-color: #998888; }
#gameInfoBox .score .right div span { display:block; float:left; font-size:16px; font-weight:normal; padding-top:3px; width:auto; }

/* User Profile */
.userProfile { }
.userProfile .content{ float:left; }
.userProfile .avatar { width: 85px; }
.userProfile .friends { width: 300px;  }
.userProfile .friend { float: left; text-align: center; font-size: 10px; margin-bottom: 10px; }
.userProfile .info   { position: relative; bottom: 26px; left: 5px; } 



/* functionality */

#gameSearchResults { display: none; margin-top: 20px; }
#gameSearchResults a { font-size: 11px; color: #9F2F2E; }
#gameSearchResults a div { padding-bottom: 3px; }


/* Dashboard */

.dashboardEntrance { background: url(../img/dashboard_entrance.jpg) no-repeat; height: 223px; position: relative; left: -22px; width: 621px; }
.dashboardEntrance .content { padding: 10px 10px 10px 24px; width: 300px; font-size: 11px; }
.dashboardEntrance h1 { font-size: 22px; padding-bottom: 7px; }



.widgetBars {  }
.widgetBars #tabPersonal span {display: block; float:right; position: relative; right: -7px; background: url(../img/icons/edit.png) no-repeat; width: 24px; height: 24px; top:-5px;  }
.widgetBars .btn { font-weight: normal; margin-top: 0px; margin-bottom: 22px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
.widgetBars .tab { width: 120px; float:left; }
.widgetBars #tabFirst { margin-right: 10px; }
.widgetArea {padding-bottom: 60px; border: 1px dashed #9F9F9F; }
.widgetAreaDropHere { color: #999; position: relative; bottom: 50px; text-align: center; font-weight: bold; font-size: 16px; }
.widgetDroppable {  }
.profileWidgetList { height: 500px; }
.profileWidgetList .widgetDroppable { float: left; margin-right: 15px; width: 276px; padding-bottom: 400px; }
.widgetArea .box, .profileWidgetList .box { cursor: move; }
.lcol .widgetDroppable .box { border: 1px dotted #C0C0C0; }
.saveBtnWrapper { text-align: center; cursor: pointer; }
.saveBtn     { position: relative; left: 25%; right: 25%;  background: #fff url(../img/bg_btn.gif) repeat-x 0 bottom; height: 28px; width: 70px; padding-right:5px; float:left;padding: 2px 25px 3px 30px; border: 1px solid #bebebe; -moz-border-radius:3px;-webkit-border-radius:4px; text-decoration:none !important;}
.saveBtnWrapper img { position: relative; left: -52px; top: -11px; }
.saveBtn {  font-size: 15px; color: #333; font-weight: bold; padding-top: 3px; margin-bottom: 40px; }
#saveWidgets { position: relative; bottom: 43px; left: 7px; }




.leftNavi{  float:left; margin-left:0px; margin-right:20px;  width:90px;  vertical-align:middle;  }
.leftNavi .active { background: #333333; border: 1px solid #333333; color: #F0F0F0; }
.leftNavi .active a {color: #F0F0F0; }
.leftNavi .main { margin: 0; cursor: pointer; }
.leftNavi .sub { background-color: #EAEAEA; display: none; padding-left: 10px; }
.leftNavi .sub.visible { display: block; }
.leftNavi .sub .active, .leftNavi li .active { font-weight: bold; background: none; border: 0; color: #333; }
.leftNavi .bigger { font-size: 15px; }
.leftNavi li { padding: 5px; border: 1px solid #CCC; }
.userAreaWrapper .content { margin-left: 120px;}

.cycle { background-color: #F0F0F0; }
.videoComments .comment .message.cycle { width: 375px !important; background-color: #111; } 

.messagesArea, .friendreqArea {  }
.messagesArea .message, .friendreqArea .message { padding: 10px 0 5px 0;   }
.messagesArea .message .avatar, .friendreqArea .message .avatar{ margin-right: 10px; float: left; width: 60px; }
.messagesArea .message .avatar div, .friendreqArea .message .avatar div { font-size: 10px; text-align: center; padding-top: 2px; }
.messagesArea .message .body, .friendreqArea .message .body { float: left; width: 77%; margin-right: 20px; padding: 5px 8px 5px 5px; border-bottom: 1px solid #FFF;  }
.messageArea.userAreaWrapper .body { cursor: pointer; }
.messagesArea .message .body.cycle, .friendreqArea .message .body.cycle { background-color: #F0F0F0; }
.messagesArea .message .body .title.new, .friendreqArea .message .body .title.new { color: #9F2F2E;  }
.messagesArea .message .body .date, .friendreqArea .message .body .date { float: right; font-size: 11px; font-weight: normal; padding-left: 10px; }
.messagesArea .message .body .text, .friendreqArea .message .body .text {  }
.messagesArea .message .body .more, .friendreqArea .message .body .more { padding-top: 3px; }
.messagesArea .message .body .fullText, .friendreqArea .message .body .fullText { display: none; }
.messagesArea .message .body .fullText textarea, .friendreqArea .message .body .fullText textarea { width: 98%; border-left-width: 1px; height: 60px; margin: 15px 5px 5px 0; }

.messagesArea.dashboard .message .body .date, .friendreqArea.dashboard .message .body .date { font-size: 11px; font-weight: normal; padding-left: 10px; float:none;  padding-left: 0px;  }
.messagesArea.dashboard .message .body .title span, .friendreqArea.dashboard .message .body .title span {color:#9F2F2E; padding-right: 3px;}
.messagesArea.dashboard .message .body .title hr, .friendreqArea.dashboard .message .body .title hr { color:#CCC;}
.messagesArea.dashboard .message .body, .friendreqArea.dashboard .message .body {width: 350px;}
.messagesArea.dashboard .message .actions, .friendreqArea.dashboard .message .actions {width: 130px; float: left;}
.messagesArea.dashboard .message .actions div, .friendreqArea.dashboard .message .actions div {float: right; margin-right:10px;}


.commentsArea .message { padding: 10px 0 5px 0;   }
.commentsArea .message .avatar{ margin-right: 10px; float: left; width: 60px; }
.commentsArea .message .avatar div { font-size: 10px; text-align: center; padding-top: 2px; }
.commentsArea .message .body { float: left; width: 77%; margin-right: 20px; padding: 5px 8px 5px 5px; border-bottom: 1px solid #FFF;  }
.commentsArea .message .body.cycle { background-color: #F0F0F0; }
.commentsArea .message .body .title.new { color: #9F2F2E;  }
.commentsArea .message .body .date { float: right; font-size: 11px; font-weight: normal; padding-left: 10px; }
.commentsArea .message .body .text {  }
.commentsArea .message .body .more { padding-top: 3px; }
.commentsArea .message .body .fullText{ display: none; }
.commentsArea .message .body .fullText textarea{ width: 98%; border-left-width: 1px; height: 60px; margin: 15px 5px 5px 0; }

.commentsArea.dashboard .message .body .date{ font-size: 11px; font-weight: normal; padding-left: 10px; float:none;  padding-left: 0px;  }
.commentsArea.dashboard .message .body .title span {color:#9F2F2E; padding-right: 3px;}
.commentsArea.dashboard .message .body .title hr { color:#CCC;}
.commentsArea.dashboard .message .body {width: 350px;}
.commentsArea.dashboard .message .actions {width: 130px; float: left;}
.commentsArea.dashboard .message .actions div {float: right; margin-right:10px;}

.commentsArea.dashboard .message .avatar { width: 100px; }
.commentsArea.dashboard .message .body   { width: 315px; }



.messageNew .message textarea { width: 360px; height: 80px; }
.messageNew .facelist-selections { width: 360px; }
.messageNew .facelist-selections input { width: 360px; }
.messageNew .facelist-selections .as-input { width: 95px !important; }
.messageNew .title input { width: 360px; padding: 7px 0 8px 8px; }
.messageNew .users { margin-bottom: 16px; }
.messageNew .title { margin-top: 5px; margin-bottom: 10px; }
.messageNew .message{ margin-top: 5px; margin-bottom: 10px; }

.friendsList .friend{ float: left; width: 110px; margin-right: 20px; margin-bottom: 20px; }
.friendsList .avatar img { padding: 5px;  }
.friendsList .name { text-align: center;  }


.facelist-result-item img { padding-right: 7px; float: left; }
.facelist-result-item .img { margin-top: 9px; }


/* External User Profile */
.extProfile { float: left; font-size: 10px; margin-bottom: 10px; }
.extProfile .content{ float:left; }
.extProfile .avatar { width: 85px;}
.extProfile .avatar .img {border:1px solid #E5E5E5; padding:3px;}
.extProfile .s { width: 300px; float:left; }
.extProfile .middle { width:330px; float:left; margin-left:10px; }
.extProfile .middle div { height:17px; font-size:11px;}
.extProfile .actions {width: 100px; float: right;}
.extProfile .actionsBtn {border: 1px solid #333; height: 15px; width: auto; padding: 5px; cursor: pointer; font-weight: bold; background-color: #666; font-size: 12px; color: #F0F0F0; margin: 0px 0 8px 0; }
.extProfile .friends { width: 300px;  }
.userProfile .content{ float:left; }
.extProfile .friend { float: left; text-align: center; font-size: 10px; margin-bottom: 10px; }
.extProfile .friendsAvatar { float:left; padding:6px; border:1px solid #E5E5E5; }

.userHeader .extProfile .boldInfos { width:61px; font-weight:bold; float:left; margin-left:0px; font-size:11px; white-space: nowrap; }
.userHeader .extProfile div { width:79px; height:20px; padding:0px !important; font-size:11px;}
.userHeader.extHeader .actions {float:right; width:70px; text-align:right;}
.userHeader.extHeader .welcome {float:left; width:295px;}
.userHeader.extHeader .box div { text-align:justify; }
.userHeader.extHeader .abtMe { width:177px;}
/*.userHeader.extHeader .box .header { background-color: #EAEAEA; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #F0F0F0; padding: 10px 10px 6px 10px !important; width: 168px; font-weight: bold; margin-bottom: 5px; margin-left: 15px;  }*/

#sendMessage { padding: 15px; }
#sendMessage .messageNew .title input { padding: 3px 4px 3px 4px; }

.extFriendsList.personalArea { margin-left: 110px; } 
.extFriendsList .friend{ float: left; width: 110px; margin-right: 20px; margin-bottom: 20px; }
.extFriendsList .avatar img { padding: 5px;  }
.extFriendsList .name { text-align: center;  }


/* external Profile - Overview*/
.extProfileOverview { float: left; width: 550px; font-size: 12px; margin-bottom: 5px; }
.extProfileOverview  img { border: 1px solid #d4d3d4; }
.extProfileOverview .picture {width:120px; height:90px; float:left;  border: 1px solid #d4d3d4; margin-right:15px;} 
.extProfileOverview .cats { padding: 0 0 5px 0; font-size: 11px; font-weight: normal; color: #999; margin-top: -5px; }
.extProfileOverview .boldInfos{ width:100px; font-weight:bold; float:left; margin-left:0px; font-size:11px; }
.extProfileOverview .gameInfo { float: left; width: 300px; font-size: 11px; margin-bottom: 5px; }
.extProfileOverview .index { position: relative; left: -82px; } 

/* GAME OVERVIEW */

.naviWrapper { width:110px; float:left;}
.gamesWrapper { float:left; width:475px;}
.gamesOverview { float: left; width: 470px; font-size: 12px; margin-bottom: 5px; }
.gamesOverview .img { float: left; width: 120px; padding: 0 10px 9px 0; }
.gamesOverview  img { border: 1px solid #d4d3d4; }
.gamesOverview .picture {width:120px; height:90px; float:left;  border: 1px solid #d4d3d4; margin-right:15px;} 
.gamesOverview .cats { padding: 0 0 5px 0; font-size: 11px; font-weight: normal; color: #999; margin-top: -5px; }
.gamesOverview .boldInfos{ width:100px; font-weight:bold; float:left; margin-left:0px; font-size:11px; }
.gamesOverview .regInfos{ width:150px; margin-left:0px;  font-size:11px; }
.gamesOverview .justify { text-align: justify;}
.gamesOverview .gameInfo { float: left; width: 250px; font-size: 11px; margin-bottom: 5px; }
.gamesOverview div  { float: left; width: 250px;  }
.gamesOverview .message { height: 45px; overflow: hidden; }
.justify.leftNavi li { text-align:justify; }

/* PODCAST */
.downloadLink {background: url("../img/icons/sound.png") #F2F2F2 no-repeat 8px 8px; padding: 25px 20px 34px 80px; margin-bottom:40px; color: #9F2F2E; border: 1px dashed #DEDEDE; font-size: 17px; font-weight: bold; width: 480px; }
.downloadLink span { font-size: 10px; color: #333; }
.picks { margin: 18px 0 20px 30px;}
.picks li { font-size: 23px;  color: #999; margin-bottom: 20px; }
.picks li p { font-size: 15px; color: #333; }
.picks li p a { font-size: 13px; }
.micro { background: url('../img/icons/micro.png') no-repeat; posiiton: absolute; width: 111px; height: 173px; position: absolute; right: -25px; }
.microWrapper { position: relative; top: -19px; }
.articleHeader.podcast .bgArea { background: none; }
.articleHeader.podcast .bgArea h1 { width: 480px; }


/* About Us */
.admin .avatar{ float: left; width: 105px; margin: 0 20px 20px 0; }
.admin .avatar img { padding: 5px; }
.admin .title { padding-bottom: 2px; }
.admin .title .sex { width: 15px; }
.admin .position { margin-bottom: 10px; }


/* Terms of Service */

.termsOfService p { padding-bottom: 20px; }

.termsOfService h1 { margin-bottom: 15px; }
.termsOfService h4 { margin-bottom: 10px; }
.termsOfService ol { margin: 20px; }


/* Reviews */
.positive {
	background:url("../img/icons/positive.png") no-repeat scroll 0 0 transparent;
	padding-left: 70px;
	width: 36%;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	min-height: 80px;
	color: #555; 
}
.negative {
    background:url("../img/icons/negative.png") no-repeat scroll 0 0 transparent;
    padding-left: 70px;
    width: 36%;
    float: left;
    margin-bottom: 10px;
    min-height: 80px;
    color: #555;
}

.review .detail h3 { 
   background:url("../img/info.png") no-repeat scroll 0 0 transparent;
   padding-left: 60px;
   height: 50px;
   padding-top: 8px; 
   font-size: 20px;
}
.review .detail h4 { font-size: 17px; margin-bottom: 5px; }
.review .detail .section { margin-bottom: 20px; clear:both; }
.review .detail .section .score { float: right; width: 63px; color: #777; font-size: 29px; padding: 10px 0; border: 1px solid #E5E5E5; margin-bottom: 5px; margin-left: 20px; text-align: center; }
.review .detail .section .score.total { background-color: #333; color: #FFF; } 


/* Uploader */ 

#uploadedImages, #uploadedVideos { display: none; }
#uploadedImages, #uploadedVideos { margin-top: 20px; }
#uploadedImages input, #uploadedVideos input { width: 152px; padding: 4px; border: 1px solid #E0E0E0; background-color: #F9F9F9; margin-top: 10px; color: #555; font-size: 12px; } 

.uploadedDiv { display: none; }

.fileUpload { margin-top: 0px; }
.fileUpload .btn { float:left; margin: 0 0 0 10px; cursor: pointer; font-weight: bold; border: 1px solid #909090; border-left: 5px solid #909090; height: 15px; font-size: 12px; width: auto; padding: 4px 5px 4px 5px; padding-top: 7px; background: none; background-color: #DFDFDF; color: #333; }
#fileActions, #fileActionsVid { float: left; display:none; width: 150px; padding: 10px 0 0 10px; }

.boxy-content input { font-size: 12px; padding: 4px; width: 110px; height: 27px; }

.flashUploader { float: left; }

.inputSelected { border-color: #AAA !important; }

.paginator { text-align: center; margin-top: 20px; }
.paginator ul {  }
.paginator li { padding: 3px 4px 3px 4px; font-size: 11px; float: left; border: 1px solid #EAEAEA; margin-right: 5px;  }
.paginator li.noBorder { border: 0; } 
.paginator li.active  { background: #333;  }
.paginator li.active a { color: #F0F0F0; }

/* Ads */
.bannerExchange  { clear: left; margin-left: 0; margin-bottom: 25px; margin-top: 25px; width: 468px; height: 60px; }
.ongsono { font-size: 10px; margin-top: 2px;  }
.ongsono a {color: #666;}


/* Backend */

.multiGame div  { height: 22px; }
.multiGame input { margin-top: 0; }

#findImages { padding-left: 20px; background: url(../img/arrowDown.png) 0 2px no-repeat; cursor: pointer; }