/** Gamechannel CSS 2.0 **/
@font-face {
    font-family: 'MW Talon';
    src: url('ttf/mw.talon.eot');
    src: url('ttf/mw.talon.eot?#iefix') format('embedded-opentype'),
         url('ttf/mw.talon.woff') format('woff'),
         url('ttf/mw.talon.ttf') format('truetype'),
         url('ttf/mw.talon.svg#MWTALONERWEITERTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sui Generis';
    src: url('ttf/sui.generis.eot');
    src: url('ttf/sui.generis.eot?#iefix') format('embedded-opentype'),
         url('ttf/sui.generis.woff') format('woff'),
         url('ttf/sui.generis.ttf') format('truetype'),
         url('ttf/sui.generis.svg#SuiGenerisRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {
	text-decoration: none;
}

img {
	border: 0;
}
		
body, p, h1, h2, h3, h4, h5,dd,dt,dl, ul, li {
	margin:0;
	padding:0;
}

body {
	font: 11px Verdana, Helvetica, sans-serif;
	overflow-x: hidden;
}

a {
	
}

.button {
	-webkit-border-radius:3px;
	border-radius:3px;
	font:inherit;
	font-weight:normal !important;
	cursor:pointer;
	min-width:80px;
	padding:1px 6px;
	height:21px;
    margin: 0;
}

.button.blue:hover {
	color:#E39539;
}

.button.blue {
	border:1px #445B66 solid !important;
	background-color:#445B66 !important;
	background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0.00, #445B66),
		color-stop(0.50, #445B66),
		color-stop(1.00, #BCC9CE)
	);
	background-image: -moz-linear-gradient(top, #445B66, #445B66, #BCC9CE); 
  	background-image: -ms-linear-gradient(top, #445B66, #445B66, #BCC9CE); 
  	background-image: -o-linear-gradient(top, #445B66, #445B66, #BCC9CE); 	
  	background-image: linear-gradient(top, #445B66, #445B66, #BCC9CE);
	color:#fff !important;
}

.button.blue.disabled {
	border:1px #5a7d8e solid !important;
	background-color:#5a7d8e !important;
	background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0.00, #5a7d8e),
		color-stop(0.50, #5a7d8e),
		color-stop(1.00, #BCC9CE)
	);
	background-image: -moz-linear-gradient(top, #5a7d8e, #5a7d8e, #BCC9CE); 
  	background-image: -ms-linear-gradient(top, #5a7d8e, #5a7d8e, #BCC9CE); 
  	background-image: -o-linear-gradient(top, #5a7d8e, #5a7d8e, #BCC9CE); 	
  	background-image: linear-gradient(top, #5a7d8e, #5a7d8e, #BCC9CE);
	color:#ccc !important;
	cursor: default;
}

.button.orange {
	border:1px #E39539 solid !important;
	background-color:#E39539 !important;
	background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0.00, #E39539),
		color-stop(0.50, #E39539),
		color-stop(1.00, #FEBE52)
	);
	background-image: -moz-linear-gradient(top, #E39539, #FEBE52); 
  	background-image: -ms-linear-gradient(top, #E39539, #E39539, #FEBE52); 
  	background-image: -o-linear-gradient(top, #E39539, #E39539, #FEBE52); 
	background-image: linear-gradient(top, #E39539, #E39539, #FEBE52);
	color:#fff !important;
}

.button.whitegrey {
	border:1px #CCCCCC solid !important;
	background-color:#FFFFFF !important;
	background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0.00, #FFFFFF),
		color-stop(0.50, #FFFFFF),
		color-stop(1.00, #CCCCCC)
	);
	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF, #CCCCCC); 
  	background-image: -ms-linear-gradient(top, #FFFFFF, #FFFFFF, #CCCCCC); 
  	background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF, #CCCCCC); 
	background-image: linear-gradient(top center, #FFFFFF, #FFFFFF, #CCCCCC);
	color:#445B66 !important;
}

select, input.text {
	border:1px #fff solid;
	color:#445B66;
	background-color:#fff;
	font: inherit;
	font-size:11px;
	padding:0;
}

select {
	height: 21px;
	border-radius:2px;
}

#layout-sidebar select {
	border: 1px #EBECEF solid;
}

input.text {
	height: 19px;
	border-radius:3px;
}


/**
* Generic STuff
*/
.user-row {
	height: 38px;
	padding: 2px 10px 10px 62px;
	list-style: none;
	display: block;
	position: relative;
	overflow: hidden;
}

.user-row a {
	font-weight:bold;
}

.user-row img {
	position:absolute;
	bottom:0;
	left:0;
}

.user-row .foot {
	font-size: smaller;
	position: absolute;
	bottom: 2px;
	left: 62px;
}


.gamie-xxl {
	width: 100px;
	height: 82px;
	background: url(img/icons.gamie.xxl.png) no-repeat 0px 0px;
	color: white;
	padding: 15px 0 0 0;
	font: 11px "Sui Generis";
	line-height: 12px;
	text-align: center;
	text-transform: uppercase;
}

.gamie-xxl .icon {		
	position: absolute;
	top: 46px;
	left: 28px;
	width: 36px;
	height: 36px;
	background: url(img/icons.gamie.inside.png) 0px 0px;
}

.gamie-xxl .icon.magnifier {
	background-position: -36px -36px;
}

.gamie-xxl .icon.one {
	background-position: -72px -72px;
}


.pagination {
	position: absolute;
	width: 90%;
	padding:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom: 0;
	left: 26px;
}

.pagination a {
	font-weight:bold;
}

.pagination  .prev {
	position:absolute;
	left:5px;
	top:5px;
}

.pagination .links {
	display: block;
	text-align: center;
}

.pagination .links a {
	margin:0 1px;
}

.pagination  .next {
	position:absolute;
	right:5px;
	top:5px;
}



#layout-sidebar .pagination, #layout-sidebar .more-comments {
	position: absolute;
	width: 300px;
	padding: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	bottom: 5px;
	left: 45px;
	background-color:#EBECEF !important;
	
}

#layout-sidebar .pagination a, #layout-sidebar .more-comments a {
	color: #445B66 !important;
}

#layout-sidebar .pagination a:hover, #layout-sidebar .more-comments a:hover {
	color: #F7C361 !important;
}

.page #layout-content h2,
.page #layout-content-wall {
	background: url(img/bg.news.png);
	color: #445B66;
	
}

.page #layout-content h2{
	margin-bottom: 4px;
	padding: 5px 10px;
}

.page #layout-content-wall {
	line-height: 1.5em;
	padding:0 10px 50px 10px;
}

.page #layout-content-wall .list-view, .page #layout-content-wall.article {
	padding-top:10px;
}

.page #layout-content-wall.article p{
	padding: 10px 0;
}

.page #layout-content-wall.article p.image, .page #layout-content-wall.article p.date {
	padding: 0;
}

.page #layout-content-wall.article .body {
	margin-bottom:1em;
	clear:left;	
}

.page #layout-content-wall.article  .date {
	color:#E39539;
}

.page #layout-content-wall.article  img {
	margin-right:5px;
	margin-bottom: 5px;
	border-radius: 3px;
}

.page #layout-content-wall.article  ul {
	margin: 0 0 0 30px;
}

#layout-content-wall.bulletin {
	padding-left:10px;
}

#layout-content-wall.bulletin form {
	padding: 4px;
	width: 588px;
}

#layout-content-wall.bulletin form textarea {
    color: inherit;
    font: inherit;
    height: 70px;
    width: 582px;
}

#layout-content-wall.bulletin .messages {
	width: 596px;
	clear: both;
}

#layout-content-wall.bulletin .wait-msg {
    background: url("img/loading.indicator.small.gif") no-repeat scroll left 4px transparent;
    display: none;
    float: left;
    font-size: 0.6em;
    padding-left: 15px;
    padding-top: 2px;
}

#layout-content-wall .message, #layout-sidebar-wall .message {
    background-position: 2px 2px;
    background-repeat: no-repeat;
    display: block;
    list-style: none outside none;
    margin: 4px 0 0;
    min-height: 50px;
    padding: 0;
    position: relative;
	line-height: 1.4em;
}

#layout-content-wall .message img.icon, #layout-sidebar-wall .message img.icon {
	position: absolute;
	top: 0;
	left: 0;
}

#layout-sidebar-wall .message p {
	padding-left: 60px;
	padding-top: 2px;
	min-height: 24px;
}

#layout-content-wall .message p {
	padding: 2px 0 0 60px;
}

#layout-content-wall .message p.time, #layout-sidebar .notice .time {
	font-size: 10px;
	padding-bottom: 5px;
}

#layout-content-wall .message .buttons, 
#layout-sidebar .notice .buttons,  
#layout-sidebar .friends .buttons,
#layout-sidebar .mailBox .buttons  {
    background-color: white;
    display: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
	padding-left:4px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
}

#layout-sidebar .mailBox.mailUnread        { background-color:#dadee0;border:1px solid #dadee0; }

#layout-content-wall .message:hover .buttons,
#layout-sidebar .notice:hover .buttons,
#layout-sidebar .friends:hover .buttons,
#layout-sidebar .mailBox:hover .buttons {
	display: block;
}

#layout-content-wall .friends, #layout-sidebar-wall .friends {
    background-position: 2px 2px;
    background-repeat: no-repeat;
    display: block;
    list-style: none outside none;
    margin: 4px 0 0;
    min-height: 50px;
    padding: 0;
    position: relative;
	line-height: 1.4em;
}

#layout-sidebar-wall .friends .buttons {
    background-color: white;
    display: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
	padding-left:4px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
}

#layout-content-wall .friends .buttons {
    background-color: white;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
	padding-left:4px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
}

#layout-content-wall .friends:hover .buttons,
#layout-sidebar-wall .friends:hover .buttons {
	display: block;
}

#layout-content-wall.bulletin .comment form {
	background-color: transparent; 
}

#layout-content-wall.bulletin .comment form textarea {
    color: inherit;
    font: inherit;
    height: 70px;
    width: 451px;
}

#layout-content-wall .comment, #layout-sidebar-wall .comment {
	background: url("../images/bg_notice_comment.gif") repeat scroll 0 0 #DDDFE3;
    background-repeat: no-repeat;
    display: block;
    list-style: none outside none;
    min-height: 50px;
    padding: 0;
    position: relative;
	line-height: 1.4em;
	border-top: white 1px solid;
}

#layout-content-wall .comment img.icon, 
#layout-sidebar-wall .comment img.icon {
	position: absolute;
	top: 0;
	left: 67px;
}

#layout-content-wall .comment p, #layout-sidebar-wall .comment p {
	padding-left: 65px;
	padding-top: 2px;
	padding-left: 130px;
}

#layout-content-wall .comment p.time, #layout-sidebar-wall .comment p.time {
	font-size: 10px;
	padding-bottom: 5px;
}

#layout-content-wall .comment .buttons, #layout-sidebar-wall .comment .buttons {
    background-color: white;
    display: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
	padding-left:4px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
}

#layout-content-wall .comment:hover .buttons,
#layout-sidebar-wall .comment:hover .buttons {
	display: block;
}

#layout-sidebar-wall a.user {
	color: #445B66;
	font-weight: bold;
}




/**** FINDER ****/

.finder {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

.finder .flyoutBox {
position: absolute;
top: 17px;
left: 138px;
width: 252px;
height: 39px;
overflow: hidden;
}

.finder .flyout {
position: absolute;
top: -22px;
left: 0px;
width: 252px;
height: 37px;
background: url(img/finder.flyout.png);
}

.finder .flyout a {
position: absolute;
top: 19px;
right: 16px;
color: #445B66;
text-decoration: underline;
}

.finder .flyout .txt {
position: absolute;
top: 19px;
left: 10px;
}

.finder .flyout .txt span {
    padding-right: 52px;
}

.finder .flyout .visibilityButtonBox {
position: absolute;
top: 19px;
left: 58px;
width: 36px;
height: 15px;
background: url(img/finder.visibility.button.png) 0px 0px;
}

.finder .flyout .visibilityButton {
position: absolute;
top: 2px;
left: 2px;
width: 30px;
height: 11px;
background: url(img/finder.visibility.png);
cursor: pointer;
}

.finder .bgLayer {
position: absolute;
top: 0px;
left: 0px;
width: 391px;
height: 35px;
background: url(img/finder.png);
}

.finder .linkBoxWindow {
position: absolute;
top: 10px;
left: 8px;
width: 108px;
height: 15px;
overflow: hidden;
}

.finder .linkBox {
position: absolute;
top: 0px;
left: 0px;
width: 108px;
height: 112px;
}

.finder .cufonHead5 {
position: relative;
font-size: 12px;
color: white;
padding: 2px 0px;
font-family: "MW Talon";
}

.finder .cufonHead5 a {
color: #445B66;
}

.finder .user {
position: absolute;
top: 7px;
left: 148px;
}

.finder .suiHead5 {
position: relative;
font-size: 14px;
color: #445B66;
padding: 2px 0px 1px;
font-family: "Sui Generis";
}

.finder .suiHead5 a {
color: #445B66;
}

.finder .finder_up {
position: absolute;
top: 6px;
left: 116px;
width: 20px;
height: 11px;
background: url(img/finder.up.gif);
cursor: pointer;
}

.finder .finder_down {
position: absolute;
top: 18px;
left: 116px;
width: 20px;
height: 11px;
background: url(img/finder.down.gif);
cursor: pointer;
}

.finder .flyoutButton {
position: absolute;
top: 8px;
left: 364px;
width: 20px;
height: 20px;
overflow: hidden;
background: url(img/finder.flyout.visible.png) 0px 0px;
cursor: pointer;
}

.finderInVisible .flyoutButton   { background:url(img/finder.flyout.invisible.png) 0px 0px; }
.finderInVisible .flyout .visibilityButton   { background-position:0px -11px; }

.sidebarStage {
position: relative;
width: 400px;
height: 304px;
}

.sidebarStage .stageBox {
position: absolute;
top: 45px;
left: 0px;
width: 400px;
height: 253px;
}

.ichAvatar {
position: absolute;
top: 22px;
left: 288px;
}

.ich {
position: absolute;
top: 34px;
left: 0px;
width: 276px;
height: 160px;
}

.ich .bgLayer {
position: absolute;
top: 0px;
left: 0px;
width: 276px;
height: 160px;
background-color: white;
filter: alpha(opacity=60);
opacity: 0.6;
}

.ich .txtBox {
position: relative;
padding: 8px 5px 0px;
line-height: 19px;
}

.ich .buttonBox {
position: absolute;
bottom: 8px;
left: 5px;
}

.stageBox .ich a {
	color: #445B66;
	font-weight: bold;
}

.stageBox .ich dl {
	padding:5px;
	color: #445B66;
}

.stageBox .ich dt {
float: left;
clear: left;
}

.stageBox .ich dd {
margin-left: 125px;
margin-bottom: 7px;
}

.stageBox .ich {
	background-color:white;
	background-color:rgba(255, 255, 255, 0.6);
}

.sidebarWall {
position: relative;
width: 400px;
}

.sidebarWall .reiterleiste {
position: relative;
width: 398px;
height: 26px;
background: url(img/sidebar.tabs.png) no-repeat 0px 19px;
}

.reiter {
position: relative;
float: left;
display: inline;
line-height: 15px;
padding-left: 2px;
background: url(img/sidebar.tab.left.inactive.png) no-repeat;
}

.reiter a, .reiter span {
position: relative;
display: block;
font-weight: bold;
padding: 3px 8px 8px 6px;
text-align: center;
background: url(img/sidebar.tab.right.inactive.png) right top;
color: #445B66;
}

.firstreiter {
padding-left: 4px;
background: url(img/sidebar.tab.first.left.inactive.png) no-repeat;
}

.reiterAktiv {
background-image: url(img/sidebar.tab.left.active.png);
}

.reiterAktiv a, .reiterAktiv span {
background-image: url(img/sidebar.tab.right.active.png);
}

.firstreiter.reiterAktiv {
background-image: url(img/sidebar.tab.first.left.active.png);
}

.clear {
clear: both;
}

.sidebarWall .wallBox {
position: relative;
width: 386px;
padding: 0px 5px 0px 7px;
background: url(img/sidebar.wallbox.png);
z-index: 1;
}

.wallBox .headerBox {
position: relative;
height: 28px;
float: left;
width: 386px;
}

.wallBox .headerBox .txt {
position: absolute;
top: 9px;
left: 0px;
}

.noticeBox {
position: relative;
float: left;
margin-bottom: 3px;
}

.sidebarWall .notice {
	position: relative;
float: left;
margin-bottom: 1px;
width: 384px;
background-color: #EBECEF;
border: 1px solid #EBECEF;
}


.sidebarWall .notice .minHeight {
width: 64px;
height: 48px;
position: relative;
float: left;
}

.sidebarWall .notice .imgBox {
top: -1px;
left: -1px;
position: absolute;
width: 60px;
height: 50px;
overflow: hidden;
}

.sidebarWall .notice .txtBox {
width: 315px;
min-height: 48px;
line-height:1.4em;
}

.sidebarWall .notice .txtBox a {
color: #E39539;
}

.sidebarWall .notice .txtBox a.user {
color: #445B66;
}


.sidebarWall .noticeComment {
width: 386px;
background: url(http://bilder.static-fra.de/gamechannel/styles/images/bg_notice_comment.gif) #DDDFE3;
border: 0px;
}

.sidebarWall .noticeComment .minHeight {
width: 130px;
height: 50px;
}

.sidebarWall .noticeComment .imgBox {
top: 0px;
left: 65px;
}

.sidebarWall .noticeComment .txtBox {
width: 256px;
padding: 1px 0px;
position: relative;
float: left;
}

.sidebarWall .noticeComment .txtBox textarea {
width: 244px;
margin-top: 4px;
}

a.arrow44 {
position: relative;
font-weight: bold;
color: #445B66;
padding-right: 17px;
background: url(img/icons.arrow.png) no-repeat right -1px;
}

.wallBox a.arrow44, .wallBox a.arrow88, .wallBox a.arrowFF {
float: right;
margin: 0px 6px 4px 0px;
}

.wallBox .mailBox {
position: relative;
width: 384px;
height: 48px;
float: left;
margin-bottom: 4px;
background-color: #EBECEF;
border: 1px solid #EBECEF;
}

.wallBox .mailBox .imgBox {
position: absolute;
top: -1px;
left: -1px;
width: 60px;
height: 50px;
overflow: hidden;
}

.wallBox .mailBox .imgBox .img {
position: relative;
top: 0px;
left: -25px;
}

.wallBox .mailBox a,
.wallBox .mailBoxBig  a,
.stageBox .mailBox a {
color: #445B66;
font-weight: bold;
}

.wallBox .mailBox .txtBox {
position: absolute;
top: 0px;
left: 64px;
width: 290px;
}

.wallBox .mailBox .bubble, .wallBox .mailBox a.txt {
display: none;
}

.stageBox .mailBox {
position: absolute;
top: 25px;
left: 0px;
}

.stageBox .mailBox .bubble {
position: absolute;
top: 9px;
left: 81px;
width: 211px;
height: 163px;
background: url(img/mailbox.bubble.png);
}

.stageBox .mailBox a.subject,
.stageBox .mailBox .buttons {
display: none !important;
}

.stageBox .mailBox .imgBox {
position: absolute;
top: 0px;
left: 5px;
width: 100px;
height: 252px;
overflow: hidden;
}

.stageBox .mailBox .txtBox {
position: absolute;
top: 18px;
left: 102px;
width: 170px;
height: 136px;
}

.stageBox .mailBox a.txt {
position: absolute;
font-weight: bold;
display: block;
top: 45px;
left: 0px;
width: 170px;
height: 60px;
padding-bottom: 25px;
overflow: hidden;
background: url(images/arrow_44_mailbox.png) no-repeat 70px 0px;
}



.mailBoxSubject {
position: relative;
width: 350px;
float: left;
display: inline;
margin: 0px 0px 12px 0;
}

.mailBoxSubject .txt {
position: relative;
width: 59px;
float: left;
padding-top: 15px;
}

.mailBoxSubject .subject {
position: relative;
width: 285px;
font-weight: bold;
float: left;
padding-top: 15px;
}

.wallBox .mailBoxBig {
position: relative;
width: 386px;
float: left;
margin-bottom: 4px;
background-color: #EBECEF;
}

.wallBox .mailBoxBig .minHeight {
position: relative;
width: 65px;
height: 50px;
float: left;
}

.wallBox .mailBoxBig .imgBox {
position: absolute;
top: 0px;
left: 0px;
width: 60px;
height: 50px;
overflow: hidden;
}

.wallBox .mailBoxBig .imgBox .img {
position: absolute;
left: -25px;
top: -2px;
}

.wallBox .mailBoxBig .txtBox a.user {
font-weight: bold;
padding-right: 12px;
}

.wallBox .mailBoxBig .txtBox .time {
position: relative;
font-size: 10px;
line-height: 15px;
padding: 2px 0px 6px;
}

.wallBox textarea {
position: relative;
float: left;
padding-left: 5px;
border: 1px solid #BCC4C8;
background-color: #DADEE0;
overflow: auto;
margin-bottom: 4px;
width:378px;
font:inherit;
}

.wallBox .headerBox a.arrow44Back {
float: left;
margin: 9px 0px 0px 6px;
position: relative;
font-weight: bold;
color: #445B66;
padding-left: 17px;
background: url(http://cdn.static-fra.de/gamechannel/styles/images/arrow_back_44.png) no-repeat left 0px;
}

.wallBox .mailBox .user {
position: relative;
}

.wallBox .mailBox a.subject {
position: relative;
font-weight: bold;
display: block;
height: 15px;
padding-right: 25px;
overflow: hidden;
}

.wallBox .mailBox .timeBox {
position: relative;
}

.wallBox .mailBox .time {
position: relative;
float: left;
font-size: 10px;
line-height: 15px;
}

.sidebarWall .wallBox .friends {
width: 384px;
height: 48px;
background-color: #EBECEF;
border: 1px solid #EBECEF;
position: relative;
float: left;
margin-bottom: 4px;
}

.sidebarWall .wallBox .friends .imgBox {
top: -1px;
left: -1px;
position: absolute;
width: 60px;
height: 50px;
overflow: hidden;
}

.sidebarWall .wallBox .friends .imgBox .img {
position: relative;
top: 0px;
left: -25px;
}

.sidebarWall .wallBox .friends .txtBox {
position:absolute;
left: 65px;
}

.stageBox .friends {
position: absolute;
top: 25px;
left: 0px;
}

.buddies .edit-view table td {
	padding: 3px;
    width: 218px;
}

.friends {
    background-color: #EBECEF;
    border: 1px solid #EBECEF;
    height: 48px;
    width: 596px;
}

.blue #layout-content .friends {
	background-color: #364A54;
	border: 1px solid #364A54;
}

.friends .txtBox a.user {
float: left;
padding-right: 6px;
font-weight: bold;
color: #445B66;
}

.friends .visibility {
position: relative;
height: 15px;
width: 11px;
float: left;
background: url(img/icons.visibility.png) no-repeat 0px 0px;
}

.friends .visibility.inVisible {
    background-position: 0 -15px;
}

.sidebarWall .wallBox .friends .gamie {
background-position: 0px -30px;
position: relative;
height: 15px;
width: 20px;
float: left;
background: url(img/icons.gamie.small.png) no-repeat;
}

.sidebarWall .wallBoxFooter {
position: relative;
width: 398px;
height: 31px;
background: url(img/sidebar.wallbox.footer.png);
}


#layout-sidebar .game {
position: relative;
width: 386px;
height: 50px;
float: left;
margin-bottom: 4px;
line-height: 17px;
background-color: #EBECEF;
}

#layout-sidebar .game .imgBox {
position: absolute;
top: 0px;
left: 0px;
width: 110px;
height: 50px;
overflow: hidden;
}

#layout-sidebar .game .txtBox {
position: absolute;
top: 1px;
left: 115px;
}

#layout-sidebar .game .txtBox a {
font-weight: bold;
color: #445B66;
}

#layout-sidebar .game .time {
position: relative;
font-size: 10px;
line-height: 15px;
}

#layout-sidebar .game .gamieBox {
position: absolute;
top: 15px;
left: 258px;
font-size: 14px;
font-weight: bold;
padding: 1px 0px 0px 30px;
background: url(img/icons.gamie.medium.png) no-repeat;
}

#layout-sidebar .game a.arrow44 {
position: absolute;
top: 16px;
left: 356px;
margin: 0px;
float: none;
font-weight: bold;
color: #445B66;
padding-right: 17px;
background: url(img/icons.arrow.png) no-repeat right 0px;
}

.sidebarWall .rankChart {
width: 386px;
background-color: #EBECEF;
position: relative;
float: left;
margin-bottom: 4px;
}

.gameInfo .headerBox .txt {
top: 6px;
font-weight: bold;
padding-left: 5px;
}

.sidebarWall .rankChart .barContainer {
position: relative;
height: 190px;
float: left;
margin-bottom: 8px;
left: 5px;
width: 378px;
}

.sidebarWall .rankChart .barBox {
width: 5px;
background-color: #DADDE1;
position: relative;
height: 190px;
float: left;
margin-right: 1px;
}

.sidebarWall .rankChart .bar {
width: 5px;
background-color: #EBA84B;
position: absolute;
bottom: 0px;
left: 0px;
}

.achievementView {
background-color: #DADDE1;
margin-bottom: 4px;
}

.achievementView .achievementContainer {
position: relative;
float: left;
margin-bottom: 4px;
}

.sidebarWall .wallBox .achievementView {
width: 386px;
background-color: #EBECEF;
position: relative;
float: left;
margin-bottom: 4px;
}

.sidebarWall .wallBox .achievementView .achievementContainer {
left: 6px;
width: 378px;
}

.achievementView .achievement {
position: relative;
float: left;
margin: 0px 4px 4px 0px;
overflow: hidden;
height:50px;
}

.sidebarWall .wallBox .achievement {
width: 386px;
background-color: #EBECEF;
line-height: 17px;
position: relative;
height: 50px;
float: left;
margin-bottom: 4px;
}

.sidebarWall .wallBox .achievement .imgBox {
position: absolute;
top: 0px;
left: 0px;
width: 50px;
height: 50px;
overflow: hidden;
}

.sidebarWall .wallBox .achievement .imgBox.achieved img {
	top:-50px;
	position:absolute;
}

.sidebarWall .wallBox .achievement .txtBox {
width: 220px;
height: 30px;
overflow: hidden;
position: absolute;
top: 1px;
left: 55px;
line-height: 14px;
}

.sidebarWall .wallBox .achievement .txtBox a{
font-weight: bold;
color: #445B66;
}

.sidebarWall .wallBox .achievement .time {
position: absolute;
top: 31px;
left: 55px;
font-size: 10px;
line-height: 15px;
}

.sidebarWall .wallBox .achievementView .achievement {
width: 50px;
}

.achievementView .achieved .img {
position: relative;
top: -50px;
}

.friendsView {
position: relative;
float: left;
margin-bottom: 4px;
background-color: #DADDE1;
}

.sidebarWall .wallBox .friendsView {
width: 386px;
background-color: #EBECEF;
}

.friendsView .friendsContainer {
position: relative;
float: left;
margin-bottom: 4px;
}

.sidebarWall .wallBox .friendsView .friendsContainer {
left: 6px;
width: 378px;
}

.sidebarWall .wallBox .friendsView .friends {
width: 60px;
height: 50px;
border: 0px;
background-color: #DADDE1;
}


.stageBox .noticeInput {
position: absolute;
top: 35px;
left: 0px;
width: 300px;
}

.stageBox .noticeInput .bubble {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 142px;
background: url(img/sidebar.notice.bubble.png);
}

.stageBox .noticeInput .txtBox {
position: absolute;
top: 26px;
left: 8px;
width: 266px;
}

.stageBox .noticeInput textarea {
position: relative;
width: 257px;
padding-left: 5px;
border: 1px solid #BCC4C8;
background-color: #DADEE0;
overflow: auto;
margin-bottom: 4px;
font: inherit;
height:70px;
}


.setUpBox {
position: relative;
width: 386px;
float: left;
padding-bottom: 4px;
background-color: #EBECEF;
}

.setUpBox td.demi {
height: 17px;
}

.setUpBox .checkTxt {
position: relative;
padding-left: 22px;
width: 167px;
}

.setUpBox .checkTxt input {
position: absolute;
top: -1px;
left: 0px;
width: auto;
}












.buttonOrange {
position: relative;
height: 21px;
background: url(img/btn.orange.left.gif) no-repeat;
padding-left: 8px;
}

.buttonOrange a {
position: relative;
line-height: 15px;
display: block;
padding: 2px 12px 4px 4px;
background: url(img/btn.orange.right.gif) right top;
color: white !important;
}























#layout-content-wall.support p {
	margin: 0 4px 1em 4px;
}

#layout-content-wall.support form {
	background-color: #EBECEF;
	padding: 6px;
	margin: 0 4px;
	overflow: visible;
}

#layout-content-wall.support form .element {
	display: block;
	width: 288px;
	float: left;
	font-size: 11px;
	margin-bottom: 0.6em;
	position: relative;
}

#layout-content-wall.support form .element .error {
	position: absolute;
	top: 17px;
right: 5px;
}

#layout-content-wall.support form .element .error ul {
	display:none;

	position: absolute;

	top: 16px;

	left:4px;	

	width: auto;

	background-color: white;

    background-image: none;

    border-radius: 5px 5px 5px 5px;

    border-style: solid;

    border-width: 1px;

    padding: 4px;

    border-color: #A1311F;

    box-shadow: 0 1px 0 0 #D87166 inset, 0 -1px 0 0 #D87166 inset, -1px 0 0 0 #D87166 inset, 1px 0 0 0 #D87166 inset;

	list-style:none;

	color: #444444;

    font-size: 11px;

    font-weight: normal;

	font-family: helvetica,tahoma,verdana,sans-serif;

	z-index: 19000;
}

#layout-content-wall.support form .element .error ul li {
	display: block;
	padding:0;
	margin:0;
	white-space:nowrap;
}



.element.invalid input,
.element.invalid textarea,
.element.invalid select {
	background-color: white;
    background-image: url("/images/invalid.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-color: #CC3300 !important;
}


#layout-content-wall.support form .element .error ul li:not(:last-child) {
	margin-bottom: 4px;
}


#layout-content-wall.support form .element .error:hover ul {
	display: block;
}

#layout-content-wall.support form .element label {
	display: block;
}

#layout-content-wall.support form input.text,
#layout-content-wall.support form select {
	margin-top: 2px;
	margin-left: 0px;
	width:264px;
}

#layout-content-wall.support form select {
	width: 266px;
}



#layout-content-wall.support form .button {
	background-color: #FFFFFF;
}

#layout-content-wall.support form #element-message {
	width: 576px;
	float:none;
	clear:both;
}

#layout-content-wall.support form #element-submit {
	float:none;
}

#layout-content-wall.support form #element-message textarea {
	width: 548px;
	border-radius: 3px;
	border: 1px #fff solid;
	resize:none;
	padding:2px;
	margin:2px 0 0 0;
}

.top-teaser {
	position: relative;
	list-style: none;
	width:616px;
	height:253px;
	overflow:hidden;
}

.top-teaser li {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	float: left;
	height: 253px;
}

.top-teaser li:not(.active) .layer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 556px;
	height: 253px;
	background: url(img/arrow.png) no-repeat 10px 200px;
	background-color: rgba(246, 194, 96, 0.8);
}

.two-columns, .four-columns {
	overflow: auto;
}

/*** Teaser innerhalb eines 'two-column'-Containers ***/
.two-columns .teaser {
	position: relative;
	width: 290px;
	float: left;
	margin: 4px;
	padding-top: 136px;
	background-repeat: no-repeat;
}

/*** Teaser-Headline ***/
.two-columns .teaser h3 {
	font-size: 12px;
	padding: 7px 5px 5px 5px;
	text-transform: uppercase;
	font-family: 'MW Talon';
	font-weight:normal;
	margin-top:3px;
}

/*** Teaser-Link ***/
.two-columns .teaser a {
	padding-right: 15px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.two-columns  .teaser img {
    position: absolute;
    top:0;
    left:0;
    margin:0;
	width: 290px;
	height: 137px;
	border-radius:3px;
}

/*** Teaser-Text ***/
.two-columns .teaser .text {
	padding: 5px;
	line-height: 1.4em;
	height: 70px;
	overflow: hidden;
}


.list-view .teaser {
    position: relative;
    padding-left: 300px;
    height:137px;
    margin:4px;
	margin-bottom:30px;
}

.list-view .teaser .kicker,
.list-view .teaser h3,
.list-view .teaser .link {
    font-family: "MW Talon";
	text-transform: uppercase;
}

/*** Teaser-Headline ***/
.list-view .teaser h3 {
	font-size: 14px;
	margin-top:2px;
}

/*** Teaser-Image ***/
.list-view .teaser img {
    position: absolute;
    top:0;
    left:0;
    margin:0;
	width: 290px;
	height: 137px;
	border-radius:3px;
}

.list-view .teaser p {
	max-height: 60px;
	overflow: hidden;
}

/*** Teaser-Text ***/
.list-view .teaser .text {
	line-height: 1.4em;
	margin:5px 0;
}

.list-view .teaser .foot {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 290px;
}

/*** Teaser-Stats ***/
.list-view .teaser .stats {
	padding: 3px 0px 3px 2px;
}

/*** Teaser-Link ***/
.list-view .teaser .link {
	padding: 7px 5px 5px 0px;
	
}

.list-view .teaser .link a {
    display: block;
	padding-right: 15px;
	font-weight:normal !important;
}


/*** Teaser innerhalb eines 'four-columns'-Containers ***/
.four-columns .teaser {
	position: relative;
	width: 146px;
	float: left;
	margin: 4px;
	background-repeat: no-repeat;
	font-size: 0.7em;
}

/*** Teaser-Headline ***/
.four-columns .teaser h3 {
	font-size: 1.1em;
	padding: 7px 5px 5px 5px;
	text-transform: uppercase;
	font-family: 'MW Talon';
	font-weight:normal;
	margin-bottom:3px;
}

/*** Teaser-Link ***/
.four-columns .teaser .link {
    font-family: "MW Talon";
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 5px 5px 5px 0px;
}

.four-columns .teaser .link a {
	padding-right: 15px;
	display: block;
}

/*** Teaser-Image ***/
.four-columns  .teaser img {
	width: 146px;
	height: 63px;
	border-radius:3px;
}

/*** Teaser-Text ***/
.four-columns .teaser .text {
	line-height: 1.4em;
}

/**
* Gamechannel - Tables
*
*/


table .sort {
	font-size:11px;
	font-weight: normal;
	padding-right: 20px;
	background: url(img/sort.png) no-repeat;
}

.blue table .sort {
	color: #88AFC1;
	background-position: right -16px;
}

.blue table .sort.desc {
	background-position: right -1px;
}

#layout-content-wall table.friendfinder, table.achievements {
	width: 596px;
	border-spacing: 0;
}

#layout-content-wall table.friendfinder th,
#layout-content-wall table.achievements th {
	text-align:left;
	font-size:11px;
	font-weight: normal;
	padding-bottom:3px;
}

table.friendfinder td.game {
	width:50%;
}

table.friendfinder td.game img {
	float:left;
	margin-right:5px;
	height:55px;
}

table.achievements tbody td {
	font-size: 0.8em;
	height: 40px;
	padding:0;
}

table.achievements tbody td.image a{
	display: block;
	height: 50px;
	width: 50px;
	overflow: hidden;
	margin-left: 2px;
}

table.achievements tbody td.text {
	vertical-align: top;
	font-size:11px;
	padding:5px;
}

table.achievements tbody td.text a{
font-weight: bold;
padding-right: 6px;
}

.orange table.achievements tbody td.text a{
	color: #000;
}

.orange table.achievements tbody td.text a:hover {
	color:#000;
}


.blue table.achievements tbody td.text a{
	color: #E39539;
}

.blue table.achievements tbody td.text a:hover {
	color:#febe52;
}

table.achievements td.gamies,
table.achievements td.frequency {
	vertical-align: middle;
	text-align: center;
	font-family: "Sui Generis";
	width: 75px;
	font-size:13px;
}


table.ranking {
	width: 596px;
	border-spacing: 0;
}

table.ranking caption,
table.achievements caption{
	text-align: left;
	color: inherit;
	background-color: inherit;
	font-size: 0.7em;
	padding: 5px;
	width:598px;
	line-height:1.4em;
}

table.ranking tfoot td {
	text-align: right;
	color: inherit;
	background-color: inherit;
	padding: 0 5px 5px 5px;
	line-height:1.4em;
}

table.ranking tbody td,
table.friendfinder td {
	height: 55px;
	padding:0;
}

table.ranking td.tendency,
table.ranking td.rank {
	vertical-align: middle;
	text-align: center;
	font-family: "Sui Generis";
}

table.ranking td.tendency {
	width:40px;
	background-position: 8px -159px;
}

table.ranking.experience td.tendency {
	background-position: 8px -474px;
}

table.ranking.skill td.tendency {
	background-position: 8px -789px;
}

table.ranking.activity td.tendency {
	background-position: 8px -1105px;
}

table.ranking td.rank {
	width: 55px;
}

table.ranking td.rank.first,
table.ranking td.rank.second,
table.ranking td.rank.third,
table.ranking td.achievements,
table.ranking td.gamies,
table.ranking td.tendency  {
	background-image: url('img/icons.ranking.png');
	background-repeat: no-repeat;
}

table.ranking td.rank.first {
	font-size:26px;
	background-position: 5px 5px;
}

table.ranking.experience td.rank.first {
	background-position: 5px -310px;
}

table.ranking.skill td.rank.first {
	background-position: 5px -626px;
}

table.ranking.activity td.rank.first {
	background-position: 5px -942px;
}

table.ranking td.rank.second {
	font-size:20px;
	background-position: 8px -52px;
}

table.ranking.experience td.rank.second {
	background-position: 8px -367px;
}

table.ranking.skill td.rank.second {
	background-position: 8px -685px;
}

table.ranking.activity td.rank.second {
	background-position: 8px -1000px;
}

table.ranking td.rank.third {
	font-size:16px;
	background-position: 11px -107px;
}

table.ranking.experience td.rank.third {
	background-position: 11px -422px;
}

table.ranking.skill td.rank.third {
	background-position: 11px -739px;
}

table.ranking.activity td.rank.third {
	background-position: 11px -1054px;
}

table.ranking td.achievements,
table.ranking td.gamies {
	padding-left: 35px;
	width: 75px;
	font-family: "Sui Generis";
}

table.ranking td.achievements {
	background-position: 0px -209px;
}

table.ranking.experience td.achievements {
	background-position: 0px -525px;
}

table.ranking.skill td.achievements {
	background-position: 0px -841px;
}

table.ranking.activity td.achievements {
	background-position: 0px -1157px;
}

table.ranking td.gamies {
	background-position: 0px -255px;
}

table.ranking.experience td.gamies {
	background-position: 0px -571px;
}

table.ranking.skill td.gamies {
	background-position: 0px -887px;
}

table.ranking.activity td.gamies {
	background-position: 0px -1203px;
}

.edit-view table th, .live-view table th {
	text-align: left;
	padding: 6px;
}
  
.edit-view table td, .live-view table td {
	padding: 3px 0;
	width: 218px;
}

.live-view table.iam td {
	padding:5px;
	min-height: 50px;
}

.teaserContainerLong {
    width: 606px;
}

.artikel {
    display: inline;
    float: left;
    margin: 0 4px 10px;
    position: relative;
    width: 588px;
}

.artikel .wallBox {
    background-color: #DE8D36;
    background-image: none;
    float: left;
    padding: 0 0 0 4px;
    position: relative;
    width: 594px;
}

.contentWall .wallBox {
    background: url("../images/bg_co_wall_box.png") repeat scroll 0 0 transparent;
    padding: 0 5px 0 7px;
    position: relative;
    width: 592px;
}

.clear {
    clear: both;
}

.spacer4 {
    font-size: 1px;
    height: 4px;
    overflow: hidden;
    position: relative;
}

.artikel a.galerieDetail                   { bottom: -10px;position:relative;display:block;float:right;width:47px;height:17px;margin:3px 14px 3px 0px;background:url(../images/galerie_detail.png) 0px 0px; }
.artikel a:hover.galerieDetail             { background-position:0px -17px; }

.artikel .galerieBox                       { position:relative;float:left;margin-bottom:4px;width:586px }
.artikel .galerieBox table                 { position:relative;width:580px;height:300px; }
.artikel .galerieBox .img                  { position:relative;display:block;margin:1px; }
.artikel .galerieBox .txt                  { position:relative;width:590px;padding-top:2px; }
.artikel .galerieBox .ring                 { position:absolute;top:99px;left:249px;width:102px;height:102px;background:url(../images/galerie_ring.png); }
.artikel .galerieBox a.galerieBack         { position:absolute;display:block;top:29px;left:24px;width:26px;height:45px;background:url(../images/galerie_back.png) 0px 0px; }
.artikel .galerieBox a:hover.galerieBack   { background-position:0px -45px; }
.artikel .galerieBox a.galerieFor          { position:absolute;display:block;top:29px;left:52px;width:26px;height:45px;background:url(../images/galerie_for.png) 0px 0px; }
.artikel .galerieBox a:hover.galerieFor    { background-position:0px -45px; }

.artikel .galerieThumbs                    { position:relative;width:594px;float:left;margin-bottom:1px; }
.artikel .galerieThumbs .thumb             { position:relative;width:194px;height:98px;float:left;display:inline;margin:0px 4px 3px 0px;background-color:green; }
.artikel .galerieThumbs .thumb table       { position:relative;width:194px;height:98px; }
.artikel .galerieThumbs .thumb .img        { position:relative;display:block;margin:auto; }
.artikel .galerieThumbs .thumb .bgLayer    { position:absolute;top:0px;left:0px;width:194px;height:98px;background:url(../images/galerie_thumb_layer.png);display:none; }
.artikel .galerieThumbs .thumb .txt        { position:absolute;top:0px;left:0px;padding:0px 4px;color:white;display:none; }
.artikel .galerieThumbs .thumb a.link      { position:absolute;display:block;top:0px;left:0px;width:191px;height:98px;background:url(../images/galerie_thumb_link.png); }

.artikel .galerieThumbs .thumbAktiv .bgLayer,
.artikel .galerieThumbs .thumbAktiv .txt        { display:block; }

.profilContainer {
    background-color: white;
    position: relative;
}

.profil {
    color: #445B66;
    display: inline;
    float: left;
    margin: 0 4px 10px;
    position: relative;
}

.profil .wallBox {
    background-image: none;
    float: left;
    padding: 0;
    position: relative;
}

/**
* Profil -> Games
*
*/

.gameHeader {
	width:586px; 
	position:relative;
	overflow:auto;
	margin:0px 0px 4px 0;
	display:block;
	height: 15px;
	padding: 2px;
	background-color: #DADDE1;
}

.games .profil .gameHeader a {
	color: #445B66 !important;	
}

.blue .games .profil .gameHeader a {
	color: #88AFC1 !important;
}

.games .profil .gameHeader a:hover {
	color: #E39539 !important;	
}

.blue .games .profil .gameHeader {
	background-color: #364a54;
}

.games .profil .gameHeader .asc {
	background: url("img/sort.png") no-repeat scroll 0 0 transparent;	
	background-position: right -47px;
	padding-right: 15px;
}

.games .profil .gameHeader .desc {
	background: url("img/sort.png") no-repeat scroll 0 0 transparent;	
	background-position: right -31px;
	padding-right: 15px;
}

.games .profil .gameHeader .imgBox { 
	overflow: hidden;
	position: absolute;
	width: 110px; 
	font-size: 10px;
	font-weight: bold;
	padding: 1px 0 0 2px;
}

.games .profil .gameHeader .txtBox { 
	left: 118px;
	position: absolute;
	line-height:17px; 
}

.games .profil .gameHeader .gamieBox { 
	left: 258px;
	position: absolute; 
	border-left: 1px solid #FFFFFF; 
	height: 15px;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 0 0 8px;
}

.blue .games .profil .gameHeader .gamieBox { 
	border-left: 1px solid #88afc1; 
}

.games .profil .gameHeader .achievementBox { 
	left: 345px;
	position: absolute; 
	border-left: 1px solid #FFFFFF; 
	height: 15px;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 0 0 8px;
}

.blue .games .profil .gameHeader .achievementBox { 
	border-left: 1px solid #88afc1; 
}

.games .profil .gameHeader .playBox { 
	left: 456px;
	position: absolute;
	border-left: 1px solid #FFFFFF; 
	height: 15px; 
}

.blue .games .profil .gameHeader .playBox { 
	border-left: 1px solid #88afc1; 
}

.profil .gameBox {
	width:586px; 
	position:relative;
	overflow:auto;
	margin:0px 0px 4px 0;
	display:block;
	height:50px;
	padding: 2px;
}

.profil .gameBox .game .imgBox .img {
	display: block;
	position: relative; 
}

.profil .gameBox .game .imgBox { 
	height: 50px;
	overflow: hidden;
	position: absolute;
	width: 110px; 
}

.profil .gameBox .game .txtBox { 
	left: 120px;
	position: absolute;
	line-height:17px; 
}

.profil .gameBox .game .time { 
	font-size: 10px;
	line-height: 15px;
	position: relative; 
}

.profil .gameBox .game .gamieBox { 
	left: 258px;
	position: absolute; 
	border-left: 1px solid #FFFFFF; 
	height: 50px;
}

.blue .profil .gameBox .game .gamieBox { 
	border-left: 1px solid #364a54;
}
	
.profil .gameBox .game .gamieBox .content  { 	
	margin: 15px 0 0 8px;
	padding: 3px 0 0 25px;
	height: 20px;
	background: url("img/icons.gamie.medium.png") no-repeat scroll 0 0 transparent;
	font-weight: bold;
}
	
.profil .gameBox .game .gamieBox .content { 
	background-position: 0 -72px; 
}

.profil .gameBox .game .achievementBox { 
	left: 345px;
	position: absolute; 
	border-left: 1px solid #FFFFFF; 
	height: 50px;
}

.blue .profil .gameBox .game .achievementBox { 
	border-left: 1px solid #364a54;
}
	
.profil .gameBox .game .achievementBox .content  { 	
	margin: 10px 0 0 8px;
	padding: 8px 0 0 35px;
	height: 24px;
	background: url("img/icons.gamie.achievement.png") no-repeat scroll 0 0 transparent;
	font-weight: bold;
}

.profil .gameBox .game .achievementBox .content { 
	background-position: 0 -108px; 
}

.profil .gameBox .game .playBox { 
	left: 456px;
	position: absolute;
	border-left: 1px solid #FFFFFF; 
	height: 44px; 
	padding: 6px 0 0 8px; 
}

.sidebarWall .gameBox .game .playBox { 
	left: 275px;
	position: absolute;
	border-left: 1px solid #FFFFFF; 
	height: 44px; 
	padding: 6px 0 0 8px; 
}


.blue .profil .gameBox .game .playBox { 
	border-left: 1px solid #364a54;
}

.profil .gameBox .game .playBox a, .sidebarWall .gameBox .game .playBox a { 
	position: absolute; 
	min-width: 0; 
	padding: 12px 20px 4px;
	font-weight: bold !important; 
}

.profil .gameBox .game .infoBox { 
	left: 568px;
	position: absolute;
	height: 50px;
}

.profil .gameBox .game .infoBox a { 
	position: absolute; 
	min-width: 0; 
	padding: 14px 8px 3px;
	font-weight: bold !important; 
	margin: 6px 0 0 0;
	height: 20px;
}

.profil .gameBox .game .infoBox .info { 
	position: absolute; 
	top: 11px;
	left: 5px;
	width: 7px;
	height: 20px;
	background: url("img/icons_misc.png") no-repeat scroll 0 -254px transparent;
}

.games .profil .gameSuggestionView .txt  {
    clear: left;
    font-family: 'MW Talon';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    word-spacing: 0;
    text-transform: uppercase;
    margin-left: 5px;
}

.games .profil .gameSuggestionView {
	position: relative;
	float: left;
	margin-bottom: 4px;
	background-color: #DADDE1;
	margin: 10px 0 0 0;	
	padding: 0 0 0 5px;
}

.games .profil .gameSuggestionView .gameSuggestionContainer {
    float: left;
    margin: 5px 0 4px 0;
    position: relative;
}

#games-slider .overview li h3 {
    font-family: 'MW Talon';
    font-size: 10px;

    margin-top: 2px;
    padding: 7px 5px 5px;
    text-transform: uppercase;
    background-color: #DE8D36;
    color: #FFFFFF;
}

#games-slider .overview li h3 a {
    color: #FFFFFF;
        font-weight: normal !important;
}

#games-slider { height: 90px; overflow:hidden; }
#games-slider .viewport { float: left; width: 495px; height: 62px; overflow: hidden; position: relative;}
#games-slider .buttons { display: block; float: left; }
#games-slider .next { margin: 10px 0 0 10px; background: url("img/galerie_for.png") no-repeat scroll 0 -45px transparent; width: 26px; height: 45px; }
#games-slider .prev { margin: 10px 10px 0 0; background: url("img/galerie_back.png") no-repeat scroll 0 -45px transparent; width: 26px; height: 45px; }
#games-slider .disable { visibility: visible; cursor: default; background-position: 0 -90px; }
#games-slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#games-slider .overview li { float: left; margin: 5px 15px 5px 0; padding: 1px; height: 50px; width: 110px;}

#games-slider .frame { float: left; width: 495px; height: 62px; overflow: hidden; position: relative; border: white 1px solid; padding: 0 5px;}

/**
* Profil -> Achievements
*
*/

.achievements .profil .gameBox .game .playBox { 
	left: 479px;
	position: absolute;
	height: 44px; 
	padding: 6px 0 0 8px; 
	border-left: 0;
}

.achievements .profil .gameBox .game .txtBox { 
	width: 350px;
	font-size: 10px;
}

.blue .achievements .profil .gameBox .game .playBox { 
	border-left: 0;
}

.achievements .profil .achievementView {
	margin: 10px 0 0 0;	
	padding: 0 0 0 10px;
}

.blue .achievements .profil .achievementView {
	background-color: #88AFC1;	
}

.achievements  .profil .achievementView .achievement {
	margin: 0 8px 8px 0;
}

.achievements .profil .friendsView {
	margin: 10px 0 0 0;	
	padding: 0 0 0 10px;
}

.blue .achievements .profil .friendsView {
	background-color: #88AFC1;	
}

.achievements .profil .friends {
	width: 60px;
	height: 50px;
	float: left;
	overflow: hidden;
	margin: 0 10px 0 0 !important;
}

.achievements .profil .historyView {
	position: relative;
	float: left;
	margin-bottom: 4px;
	background-color: #DADDE1;
	margin: 10px 0 0 0;	
	padding: 0 0 0 0;
}

.blue .achievements .profil  .historyView {
	background-color: #88AFC1;	
}

.achievements .profil .gameNavigation {
	width:586px; 
	position:relative;
	overflow:auto;
	display:block;
	height: 20px;
	padding: 2px;
	margin: 2px 0 10px 0;
	background-color: #DADDE1;
}

.blue .achievements .profil .gameNavigation {
	background-color: #88AFC1;	
}

#game-navigation-slider { height: 20px; overflow:hidden; }
#game-navigation-slider .viewport { float: left; width: 542px; height: 20px; overflow: hidden; position: relative;}
#game-navigation-slider .buttons { display: block; float: left; }
#game-navigation-slider .next { margin: 0 0 0 10px; background: url("img/galerie_for_small.png") no-repeat scroll 0 -20px transparent; width: 12px; height: 20px; }
#game-navigation-slider .prev { margin: 0 10px 0 0; background: url("img/galerie_back_small.png") no-repeat scroll 0 -20px transparent; width: 12px; height: 20px; }
#game-navigation-slider .disable { visibility: visible; cursor: default; background-position: 0 -40px; }
#game-navigation-slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#game-navigation-slider .overview li { float: left; margin: 0 2px 0 0; padding: 1px; height: 20px; width: 133px;}
#game-navigation-slider .overview li a { display: inline-block; width: 116px; height: 14px; text-align: center;}

.blue #game-navigation-slider .next { margin: 0 0 0 10px; background: url("img/galerie_for_small.png") no-repeat scroll 0 -0 transparent; width: 12px; height: 20px; }
.blue #game-navigation-slider .prev { margin: 0 10px 0 0; background: url("img/galerie_back_small.png") no-repeat scroll 0 -0 transparent; width: 12px; height: 20px; }
.blue #game-navigation-slider .disable { visibility: visible; cursor: default; background-position: 0 -40px; }

#friends-slider { height: 60px; overflow:hidden; }
#friends-slider .viewport { float: left; width: 495px; height: 55px; overflow: hidden; position: relative;}
#friends-slider .buttons { display: block; float: left; }
#friends-slider .next { margin: 0 0 0 10px; background: url("img/galerie_for.png") no-repeat scroll 0 -45px transparent; width: 26px; height: 45px; }
#friends-slider .prev { margin: 0 10px 0 0; background: url("img/galerie_back.png") no-repeat scroll 0 -45px transparent; width: 26px; height: 45px; }
#friends-slider .disable { visibility: visible; cursor: default; background-position: 0 -90px; }
#friends-slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#friends-slider .overview li { float: left; margin: 0 10px 0 0; padding: 1px; height: 20px; width: 60px;}

.blue #friends-slider .next { margin: 0 0 0 10px; background: url("img/galerie_for.png") no-repeat scroll 0 -0 transparent; width: 26px; height: 45px; }
.blue #friends-slider .prev { margin: 0 10px 0 0; background: url("img/galerie_back.png") no-repeat scroll 0 -0 transparent; width: 26px; height: 45px; }
.blue #friends-slider .disable { visibility: visible; cursor: default; background-position: 0 -90px; }


/**
* 
*
*/

.gameBox a.arrow44                { color:#445B66 !important;margin:0px 6px 6px 0px; }
/*             .wallBox .gameBox .button                  { float:left;margin:0px 0px 4px 110px; }*/
			          .gameBox a.more                   { position:relative;font-weight:bold;display:block;float:left;font-weight:bold;margin-bottom:8px; }

     .profil .wallBox .gameBox                          { background-color:#DADDE1;overflow:hidden }

  .community .wallBox .gameBox                          { background-color:#364a54;color:#364a54; }
  .community .wallBox .gameBox .game                    { background-color:#88afc1; }
  .community .wallBox .gameBox a.arrow44                { background-position:right -60px; }
  .community .wallBox .gameBox a:hover.arrow44          { color:#febe52;background-position:right -15px; }

                      .gameBoxOpen .gameHeader .open    { background-position:0px -17px; }
                      .gameBoxOpen .gameInfo            { display:inline; }



                      .gameInfo                         { position:relative;width:475px;float:left;margin:0px 0px 4px 114px;display:none; }
	                  .gameInfo .headerBox .txt         { top:6px;font-weight:bold;padding-left:5px; }
					  .gameInfo .headerBox a.arrow44    { margin:6px 6px 0px 0px; }

.sidebarWall .wallBox .gameInfo                         { position:relative;width:386px;float:left;margin:0px;display:block; }
.contentWall .wallBox .gameInfo .headerBox              { position:relative;width:490px; }

  .community .wallBox .gameInfo .headerBox a.arrow44         { color:#364A54;background-position:right -45px; }
  .community .wallBox .gameInfo .headerBox a:hover.arrow44   { color:#febe52;background-position:right -15px; }

.gameLinkUp {
position: relative;
width: 586px;
height: 101px;
float: left;
margin: 0px 4px 16px 4px;
background: url(http://cdn.static-fra.de/gamechannel/styles/images/icon_gamie_gamelinkup.png) no-repeat 33px 7px #FCD97D;
}

.gameLinkUp .filter {
position: absolute;
top: 6px;
left: 144px;
}

.gameLinkUp .buttonOrange {
position: absolute;
bottom: 4px;
right: 4px;
}

.gameLinkUp .filter td {
height: 27px;
}

.gameLinkUp .filter input {
width: 210px;
padding-left: 4px;
}
.gameLinkUp .filter select {
width: 216px;
}

  
  
#layout-content-wall .message-form textarea { font-size:1em !important; }
#layout-content-wall .wait-msg { font-size:0.9em !important; }
#layout-content-wall .message .user-row a.user { color: #445B66; }
#layout-content-wall .message .user-row a.user:hover { color: #617B87; }
.sidebarWall .notice .txtBox a.user {
    font-weight:bold;
}
#layout-content-wall .edit-view .settings { height:16px; display:block; }

.profil .rankChart { background-color: #DADDE1;width: 476px; }
.rankChart { float: left;margin-bottom: 4px;position: relative; }
.profil .rankChart .barContainer { left: 4px;width: 470px; }
.rankChart .barContainer { float: left;height: 190px;margin-bottom: 8px;position: relative; }
.profil .rankChart .barBox { background-color: #EBECEF;width: 6px; }
.rankChart .barBox { float: left;height: 190px;margin-right: 1px;position: relative; }




#layout-content-stage {
	height: 262px;
	margin-bottom: 8px;
	padding-top: 18px;
	position: relative;
}

#layout-content-stage.image img{
	position:absolute;
	left:0px;
	bottom:0px;
}






#layout-bar {
	position:fixed;
	top:0;
	left:0;
	height:50px;
	width:100%;
	background: url(img/bg.bar.png) repeat-x;
	z-index:101;
}




		#layout-box {
			min-width: 1034px;
			background: url(img/bg.jpg) center 20px no-repeat #EBECEF;
			overflow:auto;
			
		}
		
		#layout-main {
			width: 1024px;
			margin: 50px auto 0;
			overflow: visible;
			position:relative;
			z-index:100;
		}
		
		#layout-content {
			width: 616px;
			float: left;
			position: relative;
			clear:left;
		}

		#layout-content-wall {
			min-height:600px;
			padding: 5px 10px 50px 10px;
			-moz-border-radius-bottomleft: 20px;
			-moz-border-radius-bottomright: 20px;
			-webkit-border-bottom-left-radius: 20px;
			-webkit-border-bottom-right-radius: 20px;
			border-bottom-left-radius: 20px;
			border-bottom-right-radius: 20px;
			position:relative;
		}
		
		#layout-content-wall .load-more-content {
			position:absolute;
			bottom:0;
			width:500px;
			text-align: center;
			padding:5px 0;
			font-weight:bold;
			left:50%;
			margin-left:-250px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		
	

	
#layout-content-wall .head .info {
	padding-left: 150px;
	position:relative;
	font-family: "MW Talon";
	height: 100px;
}

#layout-content-wall .head  p{
	padding-left: 5px;
	margin:5px 0;
}

#layout-content-wall .head .info p{
	font-size: 16px;
	padding-left: 5px;
	margin-bottom: 5px;
}

#layout-content-wall .head .info .gamie {
	position: absolute;
	top: 0px;
	left: 40px;
	width: 86px;
	height: 77px;
	background: url(img/icons.gamie.xl.png);
}

.blue #layout-content-wall .head .info h2 {
	color: #88AFC1;
	font-size: 16px;
}

.blue #layout-content-wall .head p {
	color: #88AFC1;
}

.blue #layout-content-wall .head .info p{
	color: #FFF;
}

.blue #layout-content-wall .head .info .gamie {
	background-position: 0px -77px;
}
		
		#layout-content-foot {
			text-align:center;
			background:url(img/bg.footer.png) center center no-repeat;
			width: 898px;
			padding-top:5em;
			height: 304px;
			background-position: -30px -130px;
			left: -140px;
			position: relative;

					color: #AEAFB0;
				}
				
				#layout-content-foot .link-box-container {
					padding:25px;
					border-radius: 20px;
					-moz-border-radius: 20px;
					-webkit-border-radius: 20px;
					background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.85), rgba(235, 236, 239, 0.60));
					background-image: -webkit-gradient(
						linear,
						center top,
						center bottom,
						color-stop(0.00, rgba(255, 255, 255, 0.85)),
						color-stop(1.00, rgba(235, 236, 239, 0.60))
					);
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FFFFFF, endColorstr=#99ebecef)";
					overflow:auto;
					width:568px;
					margin:0 auto;
				}
				.link-box-container h5 {
					font-family:"MW Talon";
					margin:0;
					text-transform:uppercase;
					font-size:1em;
				}
				
				.link-box-container .link-box {
					text-align:left;
					width:186px;
				}
				
				
				
				.link-box-container .link-box ul {
					display: block;
					margin: 0;
					padding: 0;
				}
				
				.link-box-container .link-box li {
					list-style:none;
				}
				
				.link-box-container .link-box li a {
					color:inherit;
				}		
		
		#layout-sidebar {
			width: 393px;
			min-height: 1000px;
			float: left;
			margin-left: 15px;
			position: relative;
			z-index: 15;
			color: #445B66;
		}
		
		#layout-sidebar.loading {
			background:url(img/loading.indicator.large.gif) no-repeat center 50px;
		}

		
#layout-sidebar-stage {
	position: relative;
}		
		

#layout-sidebar-stage .register {
	background: url(img/sidebar/stages/register.jpg);
	width:396px;
	height:253px;
	margin-top: 42px;
}		
	
#layout-sidebar-stage .register h2 {
	color: white;
    font: 16px "Sui Generis";
    left: 21px;
    position: relative;
    text-transform: uppercase;
    top: 25px;
	width: 350px;
}
	
#layout-sidebar-stage .register ul{
	font-size: 11px;
	line-height:1.4em;
	position:relative;
	top: 50px;
	left:19px;
	margin:0 0 0 20px;
	padding:0;
	color:white;
	list-style-image:url(img/icons.gamie.small.white.png);
}

#layout-sidebar-stage .register .buttons {
	left: 19px;
    position: relative;
    top: 68px;
}

/** Wird hoffentlich nur auf der register-Seite so gebraucht **/
#layout-sidebar-wall .box {
	background-color: white;
    border: 1px solid #DE8D36;
    width: 394px;
	margin-top:17px;
}

#layout-sidebar-wall .box h4 {
	background-color: #DE8D36;
    margin: 0;
    padding: 8px 0 6px 6px;
    text-transform: uppercase;
	color: white;
    font-size: 13px;
	font-family: "MW Talon";
	font-weight: normal;
}

#layout-content-wall .feed a, #layout-content-wall .forum a  {
	font-weight: bold;
}

#layout-content-wall .feed .foot,
#layout-content-wall .forum .foot,
#layout-sidebar-wall .box .foot {
	padding:4px 2px;
	text-align: right;
}
#layout-sidebar-wall .box .foot a {
	color: #E39539;
	font-weight: bold;
}

#layout-sidebar .social-connect-settings td,
#layout-sidebar .social-connect-settings thead t{
	text-align: center;
	width: 85px;
}

#layout-sidebar .social-connect-settings thead th.firstcol,
#layout-sidebar .social-connect-settings tbody th,
#layout-sidebar .social-connect-connections th{
	text-align: left;
	width: 85px;
}

#layout-sidebar .social-connect-settings tbody th{
	font-weight: normal;
}


/** CONTENT: TAB-NAVIGATION **/
		#layout-content .tabs {
			list-style: none;
			display: block;
			margin: 0;
			padding: 0;
			overflow: auto;
		}

		#layout-content .tabs li {
			float: left;
			display: block;
			margin: 0;
			padding: 0;
		}

		#layout-content .tabs li a,
		#layout-content .tabs li span		{
			display: block;
			padding: 2px 8px;
			margin: 0 1px 0 0;
			border-top-right-radius:7px;
			-webkit-border-top-right-radius:7px;
			-moz-border-radius-topright:7px;
			font-weight: bold;
			text-decoration: none
		}
		
		#layout-content-wall h2  {
				padding-top: 5px;
				padding-left: 5px;
				font-size: 20px;
				font-family: 'MW Talon';
				letter-spacing: 0px;
				word-spacing: 1px;
				word-spacing: 0px;
				text-transform: uppercase;
				color: white;
				clear:left;
				margin: 0.5em 0;
			}

		
		
/****** NAVIGATION ******/
#navigation {
	 z-index:20;
	 position:relative;
	 left:-10px;
}		
		
		.x-nav, .x-sub {
				
				display: block;
				list-style: none;
			}
			
			.x-nav {
				z-index: 5;
				background:#B54D0E;
				background-image: -moz-linear-gradient(
					left top,
					#B54D0E,
					#F8B54D
				);
				-moz-border-radius-bottomleft:50%;
				-moz-border-radius-topleft:50%;
				background-image: -webkit-gradient(
					linear,
					left top,
					right top,
					color-stop(0.00, #B54D0E),
					color-stop(1.00, #F8B54D)
				);
				
				-webkit-border-bottom-left-radius:14px;
				-webkit-border-top-left-radius:14px;
				border-bottom-left-radius:14px;
				border-top-left-radius:14px;
				height: 27px;
				font-family: "MW Talon";
				font-size: 13px;
				text-transform: uppercase;
				padding-left: 10px;
				width: 616px;
				position: relative;
			}
			
			ul.x-nav:hover {
				background-image: none;
				background-color: rgba(0, 0, 0, 0.1);
			}
			
			.x-nav > li {
				display: block;
				float: left;
				position: relative;
				padding: 8px 10px 8px 10px;
				margin: 0 1px 1px 1px;
				height: 16px;
			}
			
			.x-nav > li:not(:last-child):hover,
			.x-nav:not(:hover) > li.x-active {
				background-color:#FED772;
				border: 1px #B9772D solid;
				border-top:0;
				margin: 0;
			}
			
			.x-nav > li.x-empty:not(:last-child):hover,
			.x-nav:not(:hover) > li.x-active {
				-moz-border-radius-bottomleft:10px;
				-moz-border-radius-bottomright:10px;
				-webkit-border-bottom-left-radius:10px;
				-webkit-border-bottom-right-radius:10px;
				border-bottom-left-radius:10px;
				border-bottom-right-radius:10px;
			}
 
			.x-nav > li > strong {
				display: block;
			}
			
			.x-nav > li > strong > a {
				text-decoration: none;
				color: white;
				font-weight: normal;
			}
			
			.x-nav > li:last-child {
				float: none;
				text-align: right;
				padding: 3px;
				position: absolute;
				right: 0;
				color: #B54E0E;
			}
 
			.x-nav > li input {
				font-size: 11px;
				height: 22px;
				padding:0px;
				border: none;
				-moz-border-radius-bottomleft:11px;
				-moz-border-radius-topleft:11px;
				-webkit-border-top-left-radius:11px;
				-webkit-border-bottom-left-radius:11px;
				border-top-left-radius:11px;
				border-bottom-left-radius:11px;
				padding-left: 20px;
				background: url(img/bg.search.png) no-repeat scroll -55px 0 transparent;
			}
			
			
			@-webkit-keyframes resize {
				0% {
					-webkit-transform:scale(1,0);
					-webkit-transform-origin: top center;
				}
				100% {
					-webkit-transform:scale(1,1);
					-webkit-transform-origin: top center;
				}
			}
	
			
			.x-nav > li:not(:last-child) .x-sub {
				display: none;
				position: absolute;
				left: 0px;
				top:27px;
				background-color:#FED772;
				border: 1px #B9772D solid;
				border-top:0;
				margin-left:-1px;
				padding-bottom:10px;
				-moz-border-radius-bottomleft:10px;
				-moz-border-radius-bottomright:10px;
				
				-webkit-border-bottom-left-radius:10px;
				-webkit-border-bottom-right-radius:10px;
				border-bottom-left-radius:10px;
				border-bottom-right-radius:10px;
				min-width: 120px;
			}
			
			.x-nav > li:not(:last-child) .x-sub > li {
				background-color:#F6B953;
				margin:1px;
				padding: 3px 4px 1px 4px;
				color: #B54E0E;
				display: block;
				white-space: nowrap;
			}
			.x-nav > li:not(:last-child) .x-sub > li:hover {
				background-color: #E39439;
				color: white;
			}
			
			.x-nav > li:not(:last-child) .x-sub > li a {
				color: #B54E0E;
				text-decoration: none;
			}
			
			.x-nav > li:not(:last-child) .x-sub > li:hover a {
				color: white;
			}
			
			.x-nav > li:not(:last-child):hover .x-sub {
				display: block;
			}

		
/** CSS 2 - colors.css **/
.orange #layout-content-wall {
	background-color: #E3963C;
	color: white;
	background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0.00, #E3963C),
		color-stop(1.00, #F1B757)
	);
	background-image: -moz-linear-gradient(top, #E3963C, #F1B757);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E3963C, endColorstr=#F1B757)";
}

.orange #layout-content .tabs li a {
	background-color: #F1B757;
	color: white;
}

.orange #layout-content .tabs li span {
	background-color: #E3963C;
	color: white;
}

.orange #layout-content-wall h2  {
	color: white;
}



/** HEADLINES HOMEPAGE **/
.orange #layout-content-wall h2 .alternative {
	color:#D28123;
}		
	
	

		
		
#layout-toolbar { overflow: auto; }
#layout-toolbar .breadcrumb, #layout-toolbar .recommend { padding:1px 20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#999; font-size: 10px; background-color:rgba(255,255,255,0.6);margin-top:10px }
#layout-toolbar .recommend { float:right; }
#layout-toolbar .breadcrumb { float:left;max-width:380px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden}
#layout-toolbar .breadcrumb a, #layout-toolbar .recommend a { color:#999; font-weight:normal; }

		
		
		
		
		
		
		
		
		
		
		
		
		
		




#layout-content-stage.ranking {

}

#layout-content-stage.ranking .left,
#layout-content-stage.friendfinder .left {
	width: 200px;
	position:absolute;
}

#layout-content-stage.ranking h1,
#layout-content-stage.friendfinder h1 {
	position: absolute;
	left: 25px;
	top: 50px;
	background-position: 0px -288px;
	z-index: 5;
}

#layout-content-stage.ranking .avatar,
#layout-content-stage.friendfinder .avatar {
	position: absolute;
	top: 10px;
	left: 80px;
	z-index: 10;
}

#layout-content-stage.ranking form,
#layout-content-stage.friendfinder form {
	margin-left: 200px;
	background-color:rgba(0, 0,0, 0.15);
	width: 400px;
	height: 224px;
	padding:25px 4px 4px 4px;
}

#layout-content-stage.ranking form label {
	display: block;
	float: left;
	background-color:red;
	margin:0px 4px 4px 0px;
	width:125px;
	padding:2px;
	color:white;
	font:13px "MW Talon";
	font-weight: normal;
	text-transform:uppercase;
	border-radius:5px;
	line-height: 13px;
}

#layout-content-stage.ranking form label.total {
	background-color:#DE8D36;
}

#layout-content-stage.ranking form label.experience {
	clear: left;
	background-color:#B6D355;
}

#layout-content-stage.ranking form label.skill {
	background-color:#86AD74;
}

#layout-content-stage.ranking form label.activity {
	background-color:#88AFC1;
}

#layout-content-stage.ranking form .type {
	overflow:auto;
}

#layout-content-stage.ranking form .filter {
	margin-top:20px;
}

#layout-content-stage.ranking form select {
	width: 194px;
}

#layout-content-stage.ranking form .buttons {
	margin-top:70px;
}

#layout-content-stage.community .box {
	height:254px;
	clear: both;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	width:616px;
	margin-top:8px;
}

#layout-content-stage.community .box a.link {
	background: url("img/icons.arrow.png") no-repeat scroll right -1px transparent;
	padding-right: 17px;
	color: #445B66;
	text-decoration: none;
	font-weight: bold;
}
			
#layout-content-stage.community .box a.link:hover  {
	background-position: right -16px;
	color: #FEBE52;
}	

#layout-content-stage.community .box .stats {
	overflow:auto;
}
			
#layout-content-stage.community .box .stats h1 {
	display: none;
}
			
#layout-content-stage.community .box .stats p {
	width:50%;
	float: left;
	height: 100%;
	text-align: center;
	margin-top: 35px;
	text-transform: uppercase;
	font-size: 1.0em;
	font-family: "Sui Generis";
	color: #445B66;
	text-shadow: #c0c0c0 8px 8px 8px;
}
			
#layout-content-stage.community .box .stats strong {
	display: block;
	font-size: 40px;
}
			
#layout-content-stage.community .box .users {
	background-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	bottom:0;
	left:13px;
	width: 586px;
	padding:3px;
}

#layout-content-stage.community .box .users .new h2 {
	display:none;
}

#layout-content-stage.community .box .users ul.carousel {
	display: block;
	z-index:10;
	position:relative;
}
			
#layout-content-stage.community .box .users ul.carousel li {
	display: block;
	width: 82px;
	height: 115px;
	float: left;
	background-repeat: no-repeat;
	list-style: none;
	margin-right:20px;
}

#layout-content-stage.community .box .users ul.carousel li:last-child {
	margin-right: 0;
}
			
#layout-content-stage.community .box .users .new,
#layout-content-stage.community .box .users .birthday {
	float: left;
	margin-top:-20px;
}

#layout-content-stage.community .box .users .new p,
#layout-content-stage.community .box .users .birthday p { clear: both; }

#layout-content-stage.community .box .users .new ul.carousel li {	
	background: url(img/icons.gamie.top1.png) no-repeat -50px 18px;
}

#layout-content-stage.community .box .users .birthday {
	margin-left: 100px;
	position:relative;
}
	
#layout-content-stage.community .box .users .birthday h2 {	
	position: absolute;
	left: -65px;
	top: 17px;
	background-position: 0px -385px;
	z-index:5;
}




.profile {
	padding-top:30px;
}

#layout-content-stage .profile .border {
	border-bottom-left-radius:15px;
	border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-top-left-radius:15px;
	overflow:hidden;
}

#layout-content-stage .profile .info {
	width:230px;
	height:208px;
	float:left;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-topleft:15px;
	
	
	
	color:#445B66;
	background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0.00, rgba(255, 255, 255, 0.85)),
		color-stop(1.00, rgba(205, 218, 222, 0.85))
	);
	
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85), rgba(205, 218, 222, 0.85));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FFFFFF, endColorstr=#d8cddade)";
}

#layout-content-stage .profile .info .user {
	margin:20px 0 0 25px;
	padding-left:15px;
	background:url(img/finder.visibility.visible.png) no-repeat 0 3px;
}

#layout-content-stage .profile .info .user.invisible {
	background:url(img/finder.visibility.invisible.png) no-repeat 0 3px;
}

#layout-content-stage .profile .info .user h1 {
	font: 21px "MW Talon";
	font-weight: bold;
	line-height:1.4em;
}

#layout-content-stage .profile .info .user p.avatar {
	position:absolute;
	right:0;
	bottom: -22px;
	z-index: 20;
}

#layout-content-stage .profile .info .user p.login {
	color: #999;
	font-size: 10px;
}

#layout-content-stage .profile .info .actions {
	background-color: white;
	width:143px;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:10px 0 0 40px;
	height: 85px;
}

#layout-content-stage .profile .info .actions a {
	display: block;
	margin-bottom:3px;
}

#layout-content-stage .profile .info .actions img {
	display:block;
}


.profile .score {
	width:350px;
	height:208px;
	float:left;
	background:rgba(255, 255, 255, 0.85) ;
	position:relative;
}

.profile .score .logo {
	margin-top: 60px;
    text-align: center;
}
		
.profile .score table.board {
	border-collapse:collapse;
	position:absolute;
	left:10px;
	bottom:0px;
}
		
.profile .score tbody td {
	border-bottom:7px transparent solid;
}
		
.profile .score tbody .gamies {
	width:75px;
	text-align:center;
}
		
.profile .score tbody .tendency {
	width:35px;
	text-align:center;
	background: url('img/icons.score.community.png') no-repeat -192px -178px;
	width: 30px;
	height: 20px;
	overflow: hidden;
	position: relative;
}
		
.profile .score .tendency {
	background: url('img/icons.score.community.png') no-repeat -186px -16px;
}
		
#layout-sidebar .profile .score .tendency {
	background-image: url('img/icons.score.png');
}		

#layout-sidebar .profile .score tbody .tendency {
	background-image: url('img/icons.score.community.png');
}
		
.profile .score tbody.xp .tendency {
	background-position: -192px -114px;
}
		
.profile .score tbody.skill .tendency {
	background-position: -192px -146px;
}
		
.profile .score tbody .tendency div,
.profile .score .tendency div,
.ranking .tendency div {
	text-indent: 100px;
	width: 9px;
	height: 9px;
	position: relative;
	top: 0px;
	left: 10px;
	overflow: hidden;
	background: url('img/icons.trend.png') no-repeat 0px -9px;
	white-space: nowrap;
}

.ranking .tendency div {
	left: 15px;
}
		
.profile .score .tendency.down div,
.ranking .tendency.down div {
	background-position: 0 -18px;
}
		
.profile .score .tendency.up div,
.ranking .tendency.up div {
	background-position: 0px 0px;
}

.profile .score .tendency div {
	top: 10px;
	left: 16px;
}
		
.profile .score tbody .gamies, 
.profile .score tbody .tendency, 
.profile .score tbody .max,
.profile .score tbody .rank		{
	font-weight:bold;
	line-height:0.7em;
}
		
.profile .score tbody th {
	font-family: "Sui Generis";
	line-height:0.75em;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:1px;
	text-align:left;
	width:110px;
}
		
.profile .score tbody th, 
.profile .score tbody .max {
	font-weight: normal;
}
		
.profile .score tbody .gamies a {
	color:white;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display: block;
	padding: 7px 0;
}
		
.profile .score tbody.xp th,
.profile .score tbody.xp .max,
.profile .score tbody.xp .rank		{
	color: #B6D355;
}
		
.profile .score tbody.xp .gamies a {
	background-color:#B6D355;
}
		
.profile .score tbody.skill th, 
.profile .score tbody.skill .max,
.profile .score tbody.skill .rank		{
	color: #86AD74;
}
		
.profile .score tbody.skill .gamies a {
	background-color:#86AD74;
}
		
.profile .score tbody.activity th,
.profile .score tbody.activity .max,
.profile .score tbody.activity .rank		{
	color: #88AFC1;
}
		
.profile .score tbody.activity .gamies a {
	background-color:#88AFC1;
}

.profile .score .detail {
	position:relative;
	color: #445B66;
}

#layout-sidebar .profile .score .detail {
	color: #E39539;
}

.profile .score .detail dl {
	overflow:auto;
	margin:0;
	display: block;
	position:absolute;
}

.profile .score .detail dt {
	width:40px;
	height:40px;
	overflow:hidden;
	position:relative;
	float:left;
}

.profile .score .detail dd {
	padding-left:45px;
	padding-top: 3px;
	line-height: 1.2em;
}

.profile .score .detail img {
	width:276px;
	height:208px;
	position:absolute;
}

.profile .score .detail .gamies {
	top:10px;
	left:5px;
}

.profile .score .detail .gamies dt img {
	top:-13px;
}

.profile .score .detail .achievements {
	top:60px;
	left:5px;
}

.profile .score .detail .achievements dt img {
	top: -54px;
}

.profile .score .detail .rank {
	top:10px;
	left:165px;
}

.profile .score .detail .gamies strong,
.profile .score .detail .achievements strong 		{
	font-size:12px;
}

.profile .score .detail .max {
	font-size:10px;
}

.profile .score .detail .rank dt img {
	top:-16px;
	left: -188px;
}
		


		#layout-sidebar .profile .score {
			width: 276px;
		}




#layout-content-stage .teaser h1 {
	background-color: #231A1B;
	font-size: 13px;
	padding: 10px 6px 6px;
	font-family: 'MW Talon';
	text-transform: uppercase;
	vertical-align: middle;
	font-weight: normal;
}

#layout-content-stage .top-teaser li:not(.active) .layer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 556px;
	height: 253px;
	background: url(img/arrow.png) no-repeat 10px 200px;
	background-color:rgba(246, 194, 96, 0.8);
}

#layout-content-stage .top-teaser li:not(.active) .flyout {
	display: none;
}

#layout-content-stage .teaser h1 a {
	color: white;
}

#layout-content-stage .teaser h1 em {
	color: #E39539;
	font-style: normal;
}

#layout-content-stage .teaser .flyout {
	position: absolute;
	bottom: 50px;
	left: 8px;
	width: 333px;
	height: 29px;
	overflow: hidden;
	-moz-transition: all 0.6s ease-in-out; 
	-webkit-transition: all 0.8s ease; 
}

#layout-content-stage .teaser .flyout.visible {
	overflow: auto;
	height: auto;
}

#layout-content-stage .teaser:hover .flyout {
	height:103px;
}

#layout-content-stage .teaser .flyout .nfo {
	background-color: #F3B96A;
	padding: 3px 7px;
	opacity: 0.9;
}

#layout-content-stage .teaser .flyout .txt {
	background-color: #231A1B;
	opacity: 0.9;
	color: white;
	padding: 5px 7px 15px;
	padding-bottom: 6px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

#layout-content-stage.friendfinder .fieldset {
	overflow: auto;
	color:#445B66;
	margin-bottom:20px;
}



#layout-content-stage.friendfinder input.text {
	width: 126px;
	margin-top:1px;
}

#layout-content-stage.friendfinder select {
	width: 128px;
	margin-top:1px;
}


#layout-content-stage.friendfinder label,
#layout-content-stage.friendfinder .label {
	display:block;
	width: 128px;
	float: left;
	margin-right:4px;
	font-size:11px;
	margin-bottom:4px;
}

#layout-content-stage.friendfinder .game-filter {
	margin-bottom:24px;
}

#layout-content-stage.friendfinder .game-filter select ,
#layout-content-stage.friendfinder .game-filter label{
	width: 194px;
}


.x-friendfinder {
	padding: 0px 5px;
	border-radius: 3px;
	border-spacing: 0px;
	border-collapse: collapse;
	position: relative;
	zoom: 1;
	display: block;
}

#layout-content-wall .x-friendfinder h2 {
	padding:0;
}

.x-friendfinder .x-avatar {
	width: 81px;
	height: 114px;
	position: absolute;
	bottom: 0px;
	left: 10px;
}

.x-friendfinder td {
	padding: 0;
	vertical-align:top;
	color: #445B66;
}

.x-friendfinder th {
	text-align: left;
}

.x-friendfinder tbody {
	background-color:#ECF1F2;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.00, #F1F5F6),
		color-stop(1.00, #C8D7DC)
	);
	background-image: -moz-linear-gradient(
		top,
		#F1F5F6,
		#C8D7DC
	);				
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#F1F5F6, endColorstr=#C8D7DC);
}

.x-friendfinder .x-finder-ct {
	width: 30%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.x-friendfinder .x-finder {
	height: 100%;
	border-left: 1px #A6B5BB solid;
	padding-left: 10px;
	padding-bottom: 3em;
}

.x-friendfinder .x-finder .x-go {
	margin-top:1em;
	font-weight: bold;
}

.x-friendfinder .x-finder .x-go a {
	background: url("img/icons.arrow.png") no-repeat scroll right 0 transparent;
	padding-right: 17px;
	color: #445B66;
	text-decoration: none;
}

.x-friendfinder .x-finder .x-go a:hover  {
	background-position: right -15px;
	color: #FEBE52;
}

.x-friendfinder .x-sample .x-data {
	margin-top:0.5em;
	margin-bottom: 0.5em;
}

.x-friendfinder .x-sample {
	padding: 3px;
}

.x-friendfinder .x-options {
	width: 155px;
	padding: 5px;
text-align: right;
}

.x-friendfinder .x-options ul {
	list-style: none;
	display: block;
	padding:6px;
	margin:0;
}










.registration fieldset, .registration fieldset legend {
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-padding-start:0;
    -webkit-padding-after:0;
    -webkit-padding-end:0;
    -webkit-padding-before:0;
}

.registration fieldset {
position: relative;
padding-bottom: 40px;
}

.registration fieldset legend span {
    color: #FFF;
    background-color: #364A54;
    font-size:16px;
    display:block;
    position: absolute;
    top:0;
    left:0;
    right: 0;
    text-transform: uppercase;
    padding: 8px 3px 5px 6px;
	font-family: "MW Talon";
}


.registration fieldset ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    color: white;
    background-color:#E39439;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    padding: 1px 6px 1px 6px;
    float:left;
}

.registration table {
    margin: 0px 10px 10px 25px;
    position: relative;
top: 45px;
}

.registration th {
    font-weight: normal;
    text-align: left;
    padding-top: 5px;
    width: 200px;
}

.registration th, .registration td {
    vertical-align: top;
    padding-bottom: 2px;
    color: white;
}

.registration input, .registration select {
    width: 200px;
    display: block;
}

.registration .box {
    padding-bottom: 8px;
}

.registration .box input {
    width: auto;
    display: inline-block;
    vertical-align: bottom;
}

.registration .agb a{
    text-decoration: underline;
    color:white;
}

.registration .gender {
    display: inline-block;
    padding-left: 18px;
    background:url(img/icons.sex.gif) no-repeat;
    line-height: 15px;
}

.registration .gender.female {
    background-position:0px 0px;
}

.registration .gender.male {
    background-position:0px -15px;
}

.registration #register {
width: 226px;
border: 0;
height: 30px;
color: transparent;
cursor: pointer;
}





#layout-content-wall.about  table,
#layout-content-wall.bulletin  table {
	border-collapse:collapse;
	width: 596px;
	margin-bottom: 15px;
}

#layout-content-wall .live-view, #layout-content-wall .edit-view {
	padding:5px;
}


#layout-content-wall .edit-view .settings {
	margin-bottom: 5px;
}

.white #layout-content-wall .edit-view table tr {
	background-color: #EBECEF;
	border-bottom:5px white solid;
}

.blue #layout-content-wall .live-view table tr {
	background-color: #364A54;
	border-bottom:5px #445B66 solid;
}
			
#layout-content-wall  table td,
#layout-content-wall  table th {
	/*text-align:left;*/
}
			
#layout-content-wall table th {
	min-width: 100px;
}
			
#layout-content-wall  table caption {
	font:13px 'MW Talon';
	text-align:left;
	text-transform:uppercase;
}
			
#layout-content-wall .edit-view input.text,
#layout-content-wall .edit-view select,
#layout-content-wall .live-view div.value {
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:1em;
	font-weight:normal !important;
	cursor:pointer;
	width:200px;
	padding:1px 6px;
	height:17px;
}

#layout-content-wall.other .live-view  div.value {
	cursor:default;
}

#layout-content-wall .edit-view select {
	width:214px;
}

.blue #layout-content-wall  table caption {
	color: #FFF;
}

.white #layout-content-wall .edit-view input.text,
.white #layout-content-wall .edit-view select,
.white #layout-content-wall .live-view div.value {
	border:1px #FFF solid;
	background:#FFF;
	color:#445B66;
}

.blue #layout-content-wall .edit-view input.text,
.blue #layout-content-wall .edit-view select,
.blue #layout-content-wall .live-view div.value {
	border:1px #445B66 solid;
	background:#445B66;
	/*color:#445B66;*/
}

#layout-content-wall .edit-view select {
	height:21px;
	border-radius:2px;
}














#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
/*#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}*/



#simplemodal-container { 
	width:400px;
	padding-left:65px;
	padding-right:10px;
	padding-top:15px;
	color: white;
	font: 100% 'lucida sans unicode','lucida grande',arial,helvetica,verdana,geneva,sans-serif;
}

#simplemodal-container h4 {
	padding-top:10px;
	padding-bottom:10px;
}

#simplemodal-container p {
	
}
	
	
#simplemodal-container .simplemodal-wrap {
	background-image: -o-linear-gradient(left, #b85110, rgb(227, 149, 57));
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0.00, #b85110),
		color-stop(1.00, #E89B3D)
	);
	
	background-image: -moz-linear-gradient(left, #b85110, rgb(227, 149, 57));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b85110, endColorstr=#E89B3D, GradientType=1)";
	-moz-border-radius:8px;
	-moz-box-shadow: 0 0 0.4em rgba(50, 50, 50, 0.8);
	-webkit-border-radius:8px;
	-webkit-box-shadow: 0 0 0.4em rgba(50, 50, 50, 0.8);
	border-radius:8px;
	box-shadow: 0 0 0.4em rgba(50, 50, 50, 0.8);
	overflow:visible !important;
	height: auto !important;
}	
#simplemodal-container .simplemodal-data {
	background:url(img/dlg.gamie.png) no-repeat;
	left:-65px;
	min-height:120px;
	padding:10px 10px 10px 130px;
	position:relative;
	top:-15px;
	width: 334px;
}

#simplemodal-container .simplemodal-data .buttons {
	position:absolute;
	bottom:0px;
	right: 20px;
}

.dlg-playnow-table {
	border-spacing:0;
	width:100%;
}

.dlg-playnow-table tr{
	height:50px;
	cursor: pointer;
}

.dlg-playnow-table td {
	
}

.dlg-playnow-table tr:nth-child(2n) {
	background-color:rgba(255,255,255,0.2);
	
}


#now-playing {
	margin-bottom:22px;
	margin-top: 15px;
	margin-left:5px;
	overflow:hidden;
	clear:both;
}

	#now-playing .playBox {
position: relative;
width: 608px;
float: left;
}

.playBox .leftBox {
position: relative;
width: 300px;
}

.playBox .rightBox {
position: absolute;
bottom: 0px;
left: 308px;
width: 300px;
}

.playBox .scrollable {
position: absolute;
top: 0px;
left: 0px;
width: 265px;
height: 50px;
overflow: hidden;
}

.playBox .scrollable .items {
width: 20000px;
position: absolute;
}

.playBox .scrollable .itemGroup {
position: relative;
width: 265px;
height: 50px;
float: left;
}

.playBox .scrollable .item {
position: relative;
width: 50px;
height: 50px;
float: left;
display: inline;
margin-right: 3px;
overflow: hidden;
background-color: #E69A3E;
}

.playBox .infoBox {
position: relative;
padding: 2px 4px 3px;
background-color: #DE8D36;
line-height: 15px;
}

.playBox .infoBox strong {
color: #F7C361;
font-weight: normal;
}
 .playBox .blackBox {
position: relative;
background-color: black;
width: 300px;
height: 30px;
}

.playBox .cufonHead5 {
padding: 10px 4px 0px;
float: left;
position: relative;
font-size: 12px;
color: white;
}

.cufonHead5 a.white {
	color: white;
	background: url(img/arrow.png) no-repeat right 4px;
	font: 13px "MW Talon";
}











#layout-content-wall .description,
#layout-content-wall.game .features,
#layout-content-wall.game .left {
	padding: 0 5px;
	line-height:1.6em;
	margin-bottom: 5px;
}

#layout-content-wall.game a {
    color: #B54D0E;
    font-weight: bold;
}

#layout-content-wall.game a:hover {
    color: #FFF;
}

#layout-content-wall.game .description a {
	font-weight:bold;
	color:white;
}

#layout-content-wall.game .left {
	float:left;
	width: 300px;
}

#layout-content-wall.game .features {
	margin-left: 330px;
}

#layout-content-wall.game .connect {
position: relative;
width: 240px;
float: left;
margin: 10px 0px;
padding: 8px 0px 8px 60px;
background: url("img/icons.gamie.connect.png") no-repeat scroll 12px -90px #FCD97D;
}

#layout-content-wall.game .connect p {
margin: 1em 0;
}

#layout-content-wall.game .connect .btn {
	-moz-box-shadow: inset 0px 1px 0px 0px #F1B757;
	-webkit-box-shadow: inset 0px 1px 0px 0px #F1B757;
	box-shadow: inset 0px 1px 0px 0px #F1B757;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E3963C), color-stop(1, #F1B757) );
	background: -moz-linear-gradient( center top, #E3963C 5%, #F1B757 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3963C', endColorstr='#F1B757');
	background-color: #E3963C;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #E65F44;
	display: inline-block;
	color: #C92200;
	font-weight: bold;
	padding: 4px 18px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #DED17C;
}

#layout-content-wall.game .container {
	float: left;
	width: 300px;
	overflow: hidden;
	margin-left:5px;
}

#layout-content-wall.game .container.right {
	width: 280px;
	margin-left:8px;
}

#layout-content-wall.game table.ranking,
#layout-content-wall.game table.achievements {
	width: 100%;
	margin-left: 0;
	margin-top:0;
}

#layout-content-wall.game table.ranking caption,
#layout-content-wall.game table.achievements caption {
	width: 100%;
	color: #fff;
}

#layout-content-wall.game .description_long {
	margin: 0 5px 10px 315px;
}

#layout-content-wall.game .description_long p {
	line-height: 1.4em;
	margin: 1em 0;
}

#layout-content-wall.game .left {
	margin-right: 5px;
}

#layout-content-wall.game .achievementView {
	background-color: transparent;
	margin-bottom: 0px;
}

.game .txtBox a.user {
float: left;
padding-right: 6px;
font-weight: bold;
color: #445B66;
}

.game .visibility {
	position: relative;
	height: 15px;
	width: 11px;
	float: left;
	background: url(img/icons.visibility.png) no-repeat 0px 0px;
}

.game .visibility.inVisible {
    background-position: 0 -15px;
}

.game .gamie {
background-position: 0px -30px;
position: relative;
height: 15px;
width: 20px;
float: left;
background: url(img/icons.gamie.small.png) no-repeat;
}

/**
* Gamechannel - Color Schema "Orange"
*
* 
*/
.orange #layout-content-wall {
	background-color: #E3963C;
	color: #000;
	background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0.00, #E3963C),
		color-stop(1.00, #F1B757)
	);
	background-image: -moz-linear-gradient(top, #E3963C, #F1B757);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E3963C, endColorstr=#F1B757)";
}

.orange #layout-content .tabs li a {
	background-color: #F1B757;
	color: white;
}

.orange #layout-content .tabs li span {
	background-color: #E3963C;
	color: white;
}

.orange #layout-content-wall h2  {
	color: white;
}


.orange table .sort {
	color: white;
background-position: right -31px;
}

.orange table .sort.desc {
	background-position: right -46px;
}

/** HEADLINES HOMEPAGE **/
.orange #layout-content-wall h2 .alternative {
	color:#D28123;
}

.orange table.ranking,
.orange table.achievements {
	background-color: #DE8D36;
	color: #000;
	border-left: 5px #DE8D36 solid;
	border-right: 5px #DE8D36 solid;
	border-top: 5px #DE8D36 solid;
}

.orange table.ranking tbody td,
.orange table.achievements tbody td{
	background-color:#F7C361;
	border-bottom: 5px #DE8D36 solid;
}

.orange table.ranking td.trend,
.orange table.ranking td.rank {
	color:#FFF;
}

.orange table.ranking td.achievements,
.orange table.ranking td.gamies {
	color: #DE8D36;
}

.orange .four-columns .teaser .link a {
	color: #B54D0E;
}

.orange .four-columns h3 {
	color: #fff;
	background-color: #DE8D36;
}

.orange .two-columns .teaser h3 {
	background-color: #DE8D36;
}

.orange .two-columns .teaser a {
	color: white;
	background: url("img/icons.arrow.ff.png") no-repeat scroll right -4px transparent;
}

.orange .two-columns .teaser a:hover {
	background-position: right -19px;
	color: #B54D0E;
}

.orange .list-view .teaser h3 {
	color: #FFF;
}

.orange .list-view .teaser .kicker {
	color: #B54D0E;
}

.orange .list-view .teaser .stats {
	background-color: #DE8D36;
}

.orange .list-view .teaser .link a {
	color: #B54D0E;
	background: url("img/icons.arrow.ff.png") no-repeat scroll right -4px transparent;
}

.orange .list-view .teaser a:hover {
	background-position: right -19px;
	color: #FFF;
}

.orange .pagination {
	background-color: #DE8D36;
}

.orange .pagination a {
	color: #FFF;
}

.orange .pagination strong,
.orange .pagination a:hover {
	color: #F7C361;
}

.orange #layout-content-wall.bulletin form, .orange #layout-content-wall .message {
    background-color: #DE8D36;
}


.white #layout-content-wall h2 {
	color: #445B66;
}

.white #layout-content-wall		{
	background-color: #fff;
	color: #445B66;
	/*background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0.00, #fff),
		color-stop(1.00, #CDDADE)
	);
	background-image: -moz-linear-gradient(top, #fff, #CDDADE);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CDDADE)";*/
}

.white #layout-content-wall .load-more-content {
	background-color: #EBECEF;
}

.white #layout-content-wall .load-more-content a {
	color:inherit;
}

.white .tabs li a,
#layout-sidebar .tabs li a {
	background-color: #CDDADE;
	color: #445B66;
}

.white .tabs li span,
#layout-sidebar .tabs li span {
	background-color: #fff;
	color: #445B66;
}


.white .two-columns .teaser h3 {
	background-color:#EBECEF;
}

.white .two-columns .teaser {
	color:#445B66;
}

.white .list-view .teaser {
	color:#445B66;
}

.white .list-view .teaser .kicker {
	color: #E39539;
}

.white .list-view .teaser .stats {
	background-color:#EBECEF;
}

.white .list-view .teaser .link a {
	color: #E39539;
	background: url("img/icons.arrow.ff.png") no-repeat scroll right -18px transparent;
}

.white #layout-content-wall.bulletin form, .white #layout-content-wall .message {
    background-color: #EBECEF;
}

#layout-sidebar-wall .message {
	border-bottom:1px #EBECEF solid;
}

#layout-sidebar-wall a {
	font-weight: bold;
	color: #E39539;
}

#layout-sidebar-wall a:hover {
	color: #FEBE52;
}


.white .button {
	border: 1px #EBECEF solid;
	background-color: #EBECEF;
	color: #445B66;
}

.white #layout-content-wall a, .page #layout-content-wall a {
	color: #E39539;
	font-weight:bold;
}

.white #layout-content-wall a:hover, .page #layout-content-wall a:hover {
	color: #FEBE52;
}

.white #layout-content-wall a.user {
	color:#445B66;
}

.white #layout-content-wall a:hover.user {
	color:#E39539;
}

.blue #layout-content-wall table,
.blue #layout-content-wall  a  {
	color: #88AFC1;
}

.blue #layout-content-wall  a {
	font-weight: bold;
}

.blue #layout-content-wall a:hover {
	color:#DE8D36;
}

.blue #layout-content-wall  {
	background-color: #445B66;
	color: white;
	background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0.00, #445B66),
		color-stop(1.00, #88AFC1)
	);
	background-image: -moz-linear-gradient(top, #445B66, #88AFC1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#445B66, endColorstr=#88AFC1)";
}

.blue .tabs li a {
	background-color: #88AFC1;
	color: white;
}

.blue .tabs li span {
	background-color: #445B66;
	color: white;
}


.blue table.ranking,
.blue table.achievements,
.blue table.friendfinder {
	background-color: #445C67;
	color: #88AFC1;
	border-left: 5px #445C67 solid;
	border-right: 5px #445C67 solid;
	border-top: 5px #445C67 solid;
}

.blue table.ranking tbody td,
.blue table.achievements tbody td,
.blue table.friendfinder tbody td {
	background-color: #364A54;
	border-bottom: 5px #445C67 solid;
}

.blue table.ranking td.tendency,
.blue table.ranking td.rank {
	color:#FFF;
}

.blue table.ranking td.achievements,
.blue table.ranking td.gamies {
	color: #DE8D36;
}

.blue table.ranking.experience td.achievements,
.blue table.ranking.experience td.gamies {
	color: #B6D355;
}

.blue table.ranking.skill td.achievements,
.blue table.ranking.skill td.gamies {
	color: #86AD74;
}

.blue table.ranking.activity td.achievements,
.blue table.ranking.activity td.gamies {
	color: #88AFC1;
}

.blue table.ranking.xp td.rank.first {
	background-position: 6px -309px;
}

.blue table.ranking.xp td.achievements,
.blue table.ranking.xp td.gamies {
	color: #B6D355;
}

/**
* Ranking: .ranking.xp
*/

.blue table.ranking.xp td.achievements {
	background-position: 0px -525px;
}

.blue table.ranking.xp td.gamies {
	background-position: 0px -571px;
}



.blue .pagination, .blue .load-more-content {
	background-color: #364A54;
}

.white .pagination, .white .load-more-content {
	background-color: #EBECEF;
}

.blue .pagination a, .blue .load-more-content a {
	color: #445B66;
}

.blue .pagination strong,
.blue .pagination a:hover,
.blue .load-more-content a:hover {
	color: #F7C361;
}



.blue #layout-content-wall  {
	background-color: #445B66;
	color: #88AFC1;
	background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0.00, #445B66),
		color-stop(1.00, #88AFC1)
	);
}

.blue #layout-content .tabs li a {
	background-color: #88AFC1;
	color: white;
}

.blue #layout-content .tabs li.active a {
	background-color: #445B66;
	color: white;
}

.blue #layout-content-wall.bulletin form,
.blue #layout-content-wall .message,
.blue #layout-content-wall .profil,
.blue #layout-content-wall .profilContainer {
    background-color: #364A54;
}

.blue .profil .wallBox .gameBox {
    background-color: #88afc1;
    color: #FFFFFF;
}

.blue .profil .wallBox .gameBox .game {
    background-color: #88AFC1;
    color: #445B66;
}

.blue #layout-content-wall .comment {
    background: url("../images/bg_notice_comment_community.gif") repeat scroll 0 0 #364A54;
    color: black;
}

.blue #layout-content-wall .comment a {
    color: #1B2529;
}

.blue .two-columns .teaser h3 {
	background-color: #445B66;
}

.blue .two-columns .teaser, .blue .two-columns .teaser a {
	color: #fff;
}

.ui-autocomplete {
	z-index: 300 !important;
	list-style: none;
	width: 300px;
}

.managegroups {
	position:absolute;
	z-index:100;
	font-size:11px;
	background-color:white;
	box-shadow:1px 1px #efefef;
	padding:3px;
	-webkit-border-radius: 5px;
	border: solid 1px #445B66;
}

.about h2, .bulletin h2 {
	float: left;
}

.bulletin .message-form {
	clear: left;
}