body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #373737;
}
html {
	overflow-y: scroll;
	overflow-x: auto;
}

			.rollover a
			{
				display: block;
				background-image: url('http://skilled.ch/images/league/sc2ddbutton.png');
				width: 102px;
				height: 32px;
			}
			
			.rollover a:active
			{
				background-position: 0 -32px;
				outline: none;
			}

.spoiler { 
background-image: url("http://skilled.ch/images/spoiler.png");
background-position: 0% 0%;
}
.spoiler span { 
visibility: hidden;
}
.spoiler.hover { 
background-image: none;
border: none;
}
.spoiler.hover span { 
visibility: visible;
}

.box .content .currentlyplaying
{
	font-size: 7px;
	font-family: arial;
	font-weight: normal;
	color: #555555;
}

.box .content .currentlyplaying A
{
	font-size: 7px;
	font-family: arial;
	font-weight: normal;
	color: #002D80;
}

.box .content .currentlyplaying A:visited
{
	font-size: 7px;
	font-family: arial;
	font-weight: normal;
	color: #002D80;
}

.box .content .currentlyplaying A:active
{
	font-size: 7px;
	font-family: arial;
	font-weight: normal;
	color: #002D80;
}

.box .content .currentlyplaying A:hover
{
	font-size: 7px;
	font-family: arial;
	font-weight: normal;
	color: #999999;
}

.profileflag
{
	/*border: 2px dotted #5555FF;*/
	border: none;
	padding: 4px;	
}
.profileflag_selected
{
	border: 2px solid #000000;
	padding: 2px;
}

.profileflag_selected:hover
{
	border: 2px solid #5555FF;
	padding: 2px;
}

.profileflag:hover
{
	border: 2px solid #5555FF;
	padding: 2px;
}

.container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.div_border_left {
	width: 24px;
	float: left;
	background-image: url('../images/border_left.png');
	background-repeat: repeat-y;
	padding-bottom: 9999px;
	margin-bottom: -9999px;
	overflow: hidden;
}
.div_border_right {
	width: 24px;
	float: left;
	background-image: url('../images/border_right.png');
	background-repeat: repeat-y;
	padding-bottom: 9999px;
	margin-bottom: -9999px;
	overflow: hidden;
}
.div_page {
	width: 944px;
	float: left;
	padding-bottom: 9999px;
	margin-bottom: -9999px;
	overflow: hidden;
}

.div_banner {
	width: 944px;
	height: 140px;
	background-image: url('../images/top_bg_new.png');
}

.div_banner .navigation
{
	width: 230px;
	height: 23px;
	padding-top: 76px;
}
.div_banner .navigation .front
{
	width: 56px;
	height: 23px;
	float: left;
}
.div_banner .navigation .community
{
	width: 77px;
	height: 23px;
	float: left;
}
.div_banner .navigation .games
{
	width: 50px;
	height: 23px;
	float: left;
}
.div_banner .navigation .site
{
	width: 38px;
	height: 23px;
	float: left;
}
.div_banner .content_small
{
	width: 400px;
	height: 20px;
	overflow: hidden;
	padding-top: 9px;
	padding-left: 5px;
}

.div_mainpage {
	float: left;
	width: 944px;
	background-color: #9FA2A8;
	padding: 0px;
	
}
.div_mainpage_leftcontent
{
	width: 164px;
	padding-bottom: 30px; 
	float: left;
}

.box {
	width: 158px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	padding-left: 6px;
	padding-top: 6px;
}
.box .title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 7px;
	padding-left: 10px;
	background-image: url('../images/box_title.png');
	height: 16px;
}
.box .content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	padding-left: 8px;
	background-image: url('../images/box_contentbg.png');
	background-repeat: repeat-y;
	font-weight: normal;
	padding-bottom: 3px;
}

.box .content .odd
{
	width: 142px;
}
.box .content .even
{
	width: 142px;
	background-color: #D4D6D8;
}

.box .content .avatar
{
	float:left; 
	width: 22px;
	height: 20px;
}

.box .content .avatartext
{
	margin-left: 22px;
	padding-top: 6px;
	padding-bottom: 2px;
	min-height: 13px;
	width: 118px;
}

.box .content .activebutton
{
	float: left;
	padding-top: 2px;
	border-right: 1px solid; 
	border-bottom: 1px dotted; 
	border-color: #596066;
	background-color: #C9CBCF;
	margin-bottom: 5px;
	height: 14px;
}

.box .content .passivebutton
{
	border-bottom: 1px solid; 
	border-color: #596066; 
	background-color: #A9A9A9;
	margin-bottom: 5px;
	padding-top: 2px;
	height: 14px;
	float: left;
}

.box .content .myskilled_bg_new
{
	min-height: 14px;
	width: 144px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.box .content .myskilled_bg
{
	min-height: 14px;
	width: 144px;
	padding-top: 2px;
	padding-bottom: 2px;
	
}
.box .content .separator
{
	width: 146px;
	height: 2px;
	background-image: url('../images/separator.png');
	background-repeat: repeat-x;
	padding-left: 2px;
	margin-left: -3px;
}
	
.box .footer
{
	height: 5px;
	background-image: url('../images/box_footer.png');
}

.box .afiliate_pic
{
	border: 2px solid;
	border-color: #FFFFFF;
}

.box .content A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.box .content A:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.box .content A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.box .content A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.latestarticlebox .content .type A
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.latestarticlebox .content .type_small A
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.latestarticlebox .content .title A
{
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	color: #FFFFFF;
}
.latestarticlebox .content .title_small A
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.latestarticlebox .content .subtitle A
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.latestarticlebox .content .lead A
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}


.latestarticlebox
{
	width: 360px;
	padding-left: 6px;
	padding-top: 6px;
	float: left;
}
.latestarticlebox .header
{
	width: 360px;
	height: 3px;
	background-image: url('../images/latestarticlebox_header.png');
}
.latestarticlebox .content
{
	width: 350px;
	height: 304px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	background-image: url('../images/latestarticlebox_contentbg.png');
	background-repeat: repeat-y;
}
.latestarticlebox .content .titlebar
{
	width: 350px;
	height: 14px;
	padding-top: 1px;
	background-image: url('../images/contentbox_titlebar.png');
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
div.infodiv
{
	color: #555555; 
	font-size: 7pt;
	font-weight: normal;
}
div.infodiv a:link
{
	color: #002D80; 
	font-size: 7pt;
	font-weight: normal;
}
div.infodiv a:hover
{
	color: #999999; 
	font-size: 7pt;
	font-weight: normal;
}
div.infodiv a:visited
{
	color: #002D80; 
	font-size: 7pt;
	font-weight: normal;
}
div.infodiv a:active
{
	color: #002D80; 
	font-size: 7pt;
	font-weight: normal;
}


.latestarticlebox .footer
{
	width: 360px;
	height: 3px;
	background-image: url('../images/latestarticlebox_footer.png');
}

.latestitems
{
	width: 230px;
	padding-left: 7px;
	padding-top: 6px;
	float: left;
}
.latestitems .header
{
	width: 238px;
	height: 3px;
	background-image: url('../images/latestitembox_header.png');
}

.latestitems .content .titlebar
{
	width: 228px;
	height: 14px;
	padding-top: 1px;
	background-image: url('../images/contentbox_titlebar.png');
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
	
.latestitems .content
{
	width: 228px;
	height: 304px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	background-image: url('../images/latestitembox_contentbg.png');
	background-repeat: repeat-y;
}
.latestitems .content p
{
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

.latestitems .footer
{
	width: 238px;
	height: 3px;
	background-image: url('../images/latestitembox_footer.png');
}


.news_content
{
	width: 605px;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 6px;
	/*min-height: 100px;/*
}

.news_content .content p
{
	/*margin: 0px;
	padding: 0px;
	text-indent: 0px;*/
}

.news_content .header
{
	width: 605px;
	height: 3px;
	margin-top: 3px;
	background-image: url('../images/content_header.png');

}
.news_content .contentframe
{
	width: 605px;
	background-image: url('../images/content_contentbg.png');
	background-repeat: repeat-y;
}

.news_content .content
{
	width: 595px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 2px;
}

.news_content .content .titlebar
{
	width: 595px;
	height: 16px;
	padding-top: 1px;
	margin-bottom: 3px;
	background-image: url('../images/contentbox_titlebar.png');
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.news_content .content .titlebar .title
{
	float: left;
	margin-left: 3px;
}
.news_content .content .titlebar .info
{
	float: right;
	margin-right: 3px;
	color: #555555;
	font-size: 7pt;
	font-weight: normal;
}

.news_content .footer
{
	width: 605px;
	height: 3px;
	margin-bottom: 3px;
	background-image: url('../images/content_footer.png');
}
	

.div_content
{
	width: 611px;
	padding-left: 6px;
	padding-top: 6px;
	float: left;
}
.div_content .header
{
	width: 605px;
	height: 3px;
	background-image: url('../images/content_header.png');
}

.div_content .content .titlebar
{
	width: 591px;
	height: 14px;
	padding-left: 3px;
	padding-top: 1px;
	background-image: url('../images/contentbox_titlebar.png');
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
	
.div_content .content
{
	width: 605px; /* 605? */
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	background-image: url('../images/content_contentbg.png');
	background-repeat: repeat-y;
	float: left;
}

.div_content .footer
{
	width: 605px;
	height: 3px;
	background-image: url('../images/content_footer.png');
	float: left;
}

.div_mainpage_rightcontent
{
	width: 159px;
	padding-bottom: 30px; 
	float: left;
}
.div_mainpage_centercontent
{
	width: 611px;
	float: left;
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.content A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #002D80;
	text-decoration: none;
}
.content A:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #002D80;
	text-decoration: none;
}
.content A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
.content A:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #002D80;
	text-decoration: none;
}
.content_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}
.content_small A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #002D80;
}
.content_small A:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #002D80;
}
.content_small A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
}
.content_small A:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #002D80;
}

.div_banner .content_small A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.div_banner .content_small A:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.div_banner .content_small A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.div_banner .content_small A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
/*.input_search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-image: url(pics/menu_bg.png);
	border: 0px;
	font-weight: bold;
}*/
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: normal;
	background-color: #CCCCCC;
	border-top: 1px solid #333333;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #333333;
	overflow: hidden;
}
.copyright {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	margin-left: 372px;
	text-align: center;
}
.inner_menu_title {
	background-color: #6A737B;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
}
.inner_menu {
	background-color: #D3D6D8;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #DEE0E2;
	border-right-color: #C8CCCE;
	border-bottom-color: #C8CCCE;
	border-left-color: #DEE0E2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}
.inner_menu_alt {
	background-color: #BFC2C8;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CBCDD1;
	border-right-color: #B4B7BE;
	border-bottom-color: #B4B7BE;
	border-left-color: #CBCDD1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}
.content_small_grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
}
.inner_menu_dashed {
	border: 1px dotted;
}
.inner_menu_overview {
	background-color: #ADB1B8;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #333333;
	border-right-color: #000000;
	border-bottom-color: #333333;
	border-left-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}
.inner_menu_overview_alt {
	background-color: #9BA0A8;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #333333;
	border-right-color: #000000;
	border-bottom-color: #333333;
	border-left-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}
.content_bg {
	background-color: #EEEEEE;
}

form{
	margin: 0px;
	padding: 0px;
}
.content_small_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
}


.autocomplete-w1 { background:url('../images/shadow.png') no-repeat bottom right; position:absolute; top:4px; left:3px; }
.autocomplete-w2 { padding:0 6px 6px 0; }
.autocomplete { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	color: #000000;width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

.comment_infobox
{
	width: 160px;
	height: 55px;
	background-color: #e2e2e2;
	border: 1px solid;
	border-color: #000000;
	float: left;
}

.comment_content
{
	width: 424px;
	min-height: 55px;
	border: 1px solid;
	border-color: #e3e1df;
	margin-left: 166px;
}


#poll_refresh label {
	padding-top: 2px;
	margin-left: 2px;
	display:block;
	float:left;}
       
#poll_refresh input 
{
	padding: 0px;
	margin: 0px;
	display:block;
	float:left;
}
     
p {
	margin: 0px;
	padding: 0px;
	margin-top: 12px;
}

.skilled_logo
{
	margin-top: 15px;
	background-image: url('../images/top_skilled.png');
	background-repeat: no-repeat;
	width: 190px;
	height: 60px;
	float: right;
}

.error
{
	color: red;
}

.picture_left
{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 10px;
	float: left;
	border: 1px solid;
	background-color: #C9CBCF;
}
.picture_right
{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 10px;
	float: right;
	border: 1px solid;
	background-color: #C9CBCF;
}

.tooltip
{
	width: 400px;
	background-color: #C9CBCF;
}
.tooltip_title
{
	width: 400px;
}