/**
 *	leftrail
 * --------------------------------------------------------------------------------------------------*/

/**
 * start: common leftrail container
 * --------------------------------------------------------------------------------------------------*/
#leftrail_content .youtube {
    width:250px;
    height:206px;
    background:#fff url(../design/loading.gif) center center no-repeat
}

#leftrail_content .container{
	width:244px;
	margin:0 0 5px 0;
	padding:3px;
	border:0;
	position:relative;
	background:#5A6B74;
}

#leftrail_content .container .corner{
    position:absolute;
    width:1px;
    height:1px;
    background:#3b4d56;
}

#leftrail_content .container .tl{
    top:0;
    left:0;
}

#leftrail_content .container .tr{
    top:0;
    right:0;
}

#leftrail_content .container  .bl{
    bottom:0;
    left:0;
}

#leftrail_content .container  .br{
     bottom:0;
    right:0;
}

#leftrail_content .container .hr{
	margin:0 0 3px 0;
	padding:0;
	width:244px;
	height:1px;
	background:#6D7F88;
	border-bottom:1px solid #47535A;
	clear:both;
}
/* end: common leftrail container 
 */

#leftrail_content .container .server {
	height:20px; line-height:20px;
	background:url(../design/bg-rails-row.gif) repeat-x left top;
	font-size:10px;
	color:#000;
}
#leftrail_content .container .hline {
    width:244px;
    height:1px;
    background:transparent url(../design/match-list-dot.gif) repeat-x left top;
}

/**
 * start: common leftrail content container
 * --------------------------------------------------------------------------------------------------*/

#leftrail_content .container h3{
	margin:0;
	padding:0;
	text-decoration:none;
	font-size:10px;
	line-height:1.40em;
}

#leftrail_content .container h3 span.icon{
    display:block;
    float:left;
    padding:0 3px 0 14px;
    margin:0;
    font-weight:normal;
    color:#D3DCE2;
    text-transform:uppercase;
    background:transparent url(../design/headline-icon.gif) no-repeat left 60%;
}

#leftrail_content .container h2{
    clear:both;
    margin:0;
    padding:0 0 0 21px;;
	font-size:9px;
	line-height:1.78em;
	color:#ccc;
	font-weight:normal;
	text-decoration:none;
    background:#3F4042 url(/docs/design/tabber-sub.gif) repeat-x left top;
    overflow:hidden;
}

#leftrail_content .container h2 .col1{
    margin:0;
    padding:0;
    float:left;
}

#leftrail_content .container h2 .col2{
    margin:0;
    padding:0;
    float:right;
    width:47px;
}

/* end: common leftrail content container
 */

/**
 * start: mini-tabber
 * --------------------------------------------------------------------------------------------------*/
 
#leftrail_content .container h3 ul{
	margin:0;
	padding:0;
	float:right;
	list-style: none;
}

#leftrail_content .container h3 ul li{
    position:relative;
    float:left;
	margin:0 0 0 2px;
	padding:0;
	background:#A3A7AA url(../design/tabber.gif) repeat-x left top;
}

#leftrail_content .container h3 ul li.selected{
    background:#2B2F32;
}

#leftrail_content .container h3 ul li a{
    cursor:pointer;
    display:block;
    padding:0 4px;
    margin:0;
    text-decoration:none;
    font-weight:normal;
    text-transform:uppercase;
    color:#000;
}

#leftrail_content .container h3 ul li a:hover{
    color:#fff;
}
    
#leftrail_content .container h3 ul li.selected a{
    color:#fff;
    background:#2B2F32 url(../design/tabber-selected.gif) repeat-x left top;
}

#leftrail_content .container h3 ul li .corner{
    position:absolute;
    width:1px;
    height:1px;
    background:#5A6B74
}

#leftrail_content .container h3 ul li .tl{
    top:0;
    left:0;
}

#leftrail_content .container h3 ul li .tr{
    top:0;
    right:0;
}

/* end: mini-tabber
 */
 
/**
 * start: fill-up-list-matches
 * --------------------------------------------------------------------------------------------------*/

#leftrail_content .container .list{ width:244px; height:124px; position:relative; overflow:hidden; }

#leftrail_content .container .list .slider{
    margin:0;
    list-style: none;
    position:absolute;
    top:0;
    left:0;
}

#leftrail_content .container .list .slider .box{
    float:left;
    width:244px;
    padding-bottom:10px;
}

#leftrail_content .container .list .slider .box .hline{
    width:244px;
    height:1px;
    background:transparent url(../design/match-list-dot.gif) repeat-x left top;
}


#leftrail_content .container .list .slider .box .row{
    background:transparent url(../design/bg-rails-row.gif) repeat-x left top;
}

#leftrail_content .container .list .slider .box .team{
    background:transparent url(../design/team_icon.gif) no-repeat left 50%;
}

#leftrail_content .container .list .slider .box .arrow{
    background:transparent url(../design/link_white.gif) no-repeat 10px 50%;
}

#leftrail_content .container .list .slider .box a{
    float:left;
    padding-left:21px;
    color:#e5ebef !important;
    font-size:11px !important;
    line-height:1.82em !important;
    text-decoration:none !important;
}

#leftrail_content .container .list .slider .box a:hover{
    text-decoration:underline !important;
}

#leftrail_content .container .list .slider .box .result{
    line-height:1.82em;
    padding:0 3px 0 11px;
    width:33px;
    float:right;
}

#leftrail_content .container .list .slider .box .loose{
    color:#e43532;
    background:transparent url(../design/match-loose.gif) no-repeat left 65%;
}

#leftrail_content .container .list .slider .box .win{
    color:#5cbb00;
    background:transparent url(../design/match-win.gif) no-repeat left 65%;
}

#leftrail_content .container .list .slider .box .draw{
    color:#b90;
    background:transparent url(../design/match-draw.gif) no-repeat left 65%;
}

#leftrail_content .container .list .slider .box .row .void{
    color:#47535A;
    font-size:11px !important;
    line-height:1.82em !important;
}

/* end: fill-up-list-matches
 */
 
/**
 * start: Attax Shop
 * --------------------------------------------------------------------------------------------------*/
#leftrail_content a.attaxshop{
    display:block;
    width:250px;
    height:77px;
    margin:0 0 5px 0;
    padding:0;
    text-decoration:none;
    border:0;
    background:transparent url(../design/teaser-attax-shop.jpg) no-repeat left top;
}
#leftrail_content a.steambans {
    display:block;
    width:250px;
    height:125px;
    margin:0px 0px 5px 0px;
    padding:0px;
    text-decoration:none;
    border:0px;
    background:transparent url(../design/steambans-teaser.jpg) no-repeat left top
}
#leftrail_content a.trackmania {
    display:block;
    width:250px;
    height:125px;
    margin:0px 0px 5px 0px;
    padding:0px;
    text-decoration:none;
    border:0px;
    background:transparent url(../design/trackmania-teaser.gif) no-repeat left top
}
#leftrail_content a.spteaser{
    display:block;
    width:250px;
    height:125px;
    margin:0 0 5px 0;
    padding:0;
    text-decoration:none;
    border:0;
    background:transparent url(../design/Trackmania_Teaser.jpg) no-repeat left top;
}
#leftrail_content a.livestream{
    display:block;
    width:250px;
    height:125px;
    margin:0 0 5px 0;
    padding:0;
    text-decoration:none;
    border:0;
    background:transparent url(../design/Live_Stream_Teaser.jpg) no-repeat left top;
}
#leftrail_content a.escwteaser{
    display:block;
    width:250px;
    height:125px;
    margin:0 0 5px 0;
    padding:0;
    text-decoration:none;
    border:0;
    background:transparent url(../design/ESCW_10-2011_250x125.jpg) no-repeat left top;
}
#leftrail_content a.lfsteaser{
    display:block;
    width:250px;
    height:125px;
    margin:0 0 5px 0;
    padding:0;
    text-decoration:none;
    border:0;
    background:transparent url(../design/lfs_250x125.jpg) no-repeat left top;
}
#leftrail_content a.gcteaser{
    display:block;
    width:250px;
    height:125px;
    margin:0 0 5px 0;
    padding:0;
    text-decoration:none;
    border:0;
    background:transparent url(../design/gamescom-2011.jpg) no-repeat left top;
}
#leftrail_content a.atn24h{
    display:block;
    width:250px;
    height:125px;
    margin:0 0 5px 0;
    padding:0;
    text-decoration:none;
    border:0;
    background:transparent url(../design/ALTERNATE_24h_Race_VI_250x125.gif) no-repeat left top;
}
/* end: Attax Shop
 */

 
/* shoutbox *********************************************************************************/
/* post --> */
#leftrail_content .container.shoutbox #sb-txt-in {
	float:left; width:209px; height:18px;
	background:#3F4042; color:#ddd;
	font-family:verdana; font-size:9px;
	border:1px solid #000;
}
#leftrail_content .container.shoutbox #sb-submit {
	cursor:pointer;
	float:left;
	margin-left:1px;
	height:18px; width:30px;
	border:1px solid #3F4042;
	background:url(/docs/design/btnPost.gif) 0px 0px no-repeat	
}
#leftrail_content .container.shoutbox #sb-submit:hover {
	background-position:0px -18px
}
/* <-- post */

/* entry --> */
/* entry-head --> */
#leftrail_content .container.shoutbox #sb-scroller {
	height:500px; background:#3c4347; overflow:auto
}
#leftrail_content .container.shoutbox h2 {
	padding:0px
}
#leftrail_content .container.shoutbox h2 span.user {
	float:left; width:200px; height:15px; padding-left:3px; overflow:hidden
}
#leftrail_content .container.shoutbox h2 span.user .M1,
#leftrail_content .container.shoutbox h2 span.user .M0,
#leftrail_content .container.shoutbox h2 span.user .F1,
#leftrail_content .container.shoutbox h2 span.user .F0 {
	float:left; width:8px
}
#leftrail_content .container.shoutbox h2 span.user .member-link {
	float:left;	width:190px; height:14px; overflow:hidden; color:#fff; text-decoration:none; padding-left:2px;
}
/*#leftrail_content .container.shoutbox h2 a.date {
	float:right; width:9px; height:15px; padding-right:3px;
	background:url(/docs/design/watch.gif) 0px 3px no-repeat
}*/
#leftrail_content .container.shoutbox h2 a.sb_delete {
	float:right; height:15px; line-height:15px; padding-right:3px;
	font-weight:bold; color:#fff; text-decoration:none; font-size:11px
}
/* <-- entry-head */

/* entry-body --> */
#leftrail_content .container.shoutbox .sb-post {
	font-size:9px;
}
#leftrail_content .container.shoutbox .sb-post .picframe {
	float:left; width:30px; height:40px;
	padding:0px 3px 3px 3px; margin-right:3px; background:#3F4042
}
#leftrail_content .container.shoutbox .sb-post .picframe img {
	width:30px; height:40px
}
#leftrail_content .container.shoutbox .sb-post .sb-post-date {
	color:#aaa
}
#leftrail_content .container.shoutbox .sb-post .sb-post-txt {
	float:left;
	width:185px;
	overflow:hidden;
}
/* <-- entry-body */
/* <-- entry */