/* CSS Document */
/* Allgemeine Einstellung */
a{outline:none;}
body {
	margin:0px;
	background-image:url(images/style/index_02.jpg);
	background-repeat:repeat-x;
	background-color:#474848;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#wrapper {
	width:1200px;
	height:auto;
	margin:auto;
}

/* Header & Loginarea */
#header {
	background-image:url(images/style/index_04.jpg);
	width:646px;
	height:182px;
	float:left;
}

#loginarea {
	background-image:url(images/style/index_05.jpg);
	width:554px;
	height:76px;
	float:left;
}

#loginarea_content {
	background-image:url(images/style/index_07.jpg);
	width:554px;
	height:106px;
	float:left;
}

/* Navigation & Language */
#navi_left {
	background-image:url(images/style/index_06.jpg);
	width:96px;
	height:49px;
	float:left;
}

#navi_home {
	width:107px;
	height:49px;
	float:left;
}

#navi_teams {
	width:103px;
	height:49px;
	float:left;
}

#navi_matches {
	width:103px;
	height:49px;
	float:left;
}

#navi_forum {
	width:103px;
	height:49px;
	float:left;
}

#navi_guestbook {
	width:103px;
	height:49px;
	float:left;
}

#navi_sponsors {
	width:103px;
	height:49px;
	float:left;
}

#navi_downloads {
	width:103px;
	height:49px;
	float:left;
}

#navi_servers {
	width:103px;
	height:49px;
	float:left;
}

#navi_contactus {
	width:103px;
	height:49px;
	float:left;
}

#language_left {
	background-image:url(images/style/index_17.jpg);
	width:23px;
	height:49px;
	float:left;
}

#language_content {
	width:30px;
	height:49px;
	float:left;
}

#language_right {
	background-image:url(images/style/index_19.jpg);
	width:120px;
	height:49px;
	float:left;
}

/* Specials & Topmatch */
#specials_left {
	background-image:url(images/style/index_20.jpg);
	width:100px;
	height:175px;
	float:left;
}

#specials_content {
	width:100%;
	height:175px;
	float:left;
}

#topmatch_content {
	background-image:url(images/style/index_23.jpg);
	width:469px;
	height:151px;
	float:left;
	padding-left:39px;
	padding-top:24px;
	color:#FFFFFF;
}

/* Content Buffer */
#content {
	background-image:url(images/style/content_bg.jpg);
	background-repeat:repeat-y;
	width:1200px;
	height:auto;
	float:left;
}
#content2 {
	width:1200px;
	height:auto;
	float:left;
}

#content_left {
	width:837px;
	height:auto;
	float:left;
}

#content_right {
	width:363px;
	height:auto;
	float:left;
}

/* Top News & Latest News & Content */
#news_head {
	width:837x;
	height:10px;
	float:left;
}

#top_news_left {
	background-image:url(images/style/index_28.jpg);
	width:100px;
	height:241px;
	float:left;
}

#top_news_content {
	background-color:#FFFFFF;
	width:390px;
	height:237px;
	float:left;
	padding-left:12px;
	padding-right:10px;
	padding-top:5px;
}

#last_news_content {
	background-color:#FFFFFF;
	width:325px;
	height:237px;
	float:left;
	padding-top:5px;
}

#content_index_head {
	background-image:url(images/style/index_35.jpg);
	width:837px;
	height:9px;
	float:left;
}

#content_index {
	width:713px;
	height:auto;
	float:left;
	padding-left:112px;
	padding-right:12px;
}

/* Latest Matches & Forum & Downloads & Partners */
#management_head {
	background-image:url(images/menuright/managment.jpg);
	width:268px;
	height:51px;
	float:left;
}
#teams_head {
	background-image:url(images/menuright/teams.jpg);
	width:268px;
	height:51px;
	float:left;
}
#headsponsor_head {
	background-image:url(images/menuright/headsponsor.jpg);
	width:246px;
	height:51px;
	float:left;
}
#sponsors_head {
	background-image:url(images/menuright/sponsors.jpg);
	width:246px;
	height:51px;
	float:left;
}
#upcomingmatches_head {
	background-image:url(images/menuright/upcomingmatches.jpg);
	width:268px;
	height:51px;
	float:left;
}

#last_matches_head {
	background-image:url(images/menuright/latestmatches.jpg);
	width:268px;
	float:left;
}

#last_matches_content {
	background-image:url(images/style/index_32.jpg) no-repeat;
	width:261px;
	float:left;
	padding-left:7px;
	padding-right:95px;
}

#last_threads_head {
	background-image:url(images/menuright/latestposts.jpg);
	width:268px;
	height:51px;
	float:left;
}

#last_threads_content {
	background-image:url(images/style/index_32.jpg);
	width:261px;
	height:auto;
	float:left;
	padding-left:7px;
	padding-right:95px;
}

#last_downloads_head {
	background-image:url(images/menuright/latestdownloads.jpg);
	width:268px;
	height:51px;
	float:left;
}

#last_downloads_content {
	background-image:url(images/style/index_32.jpg);
	width:261px;
	height:auto;
	float:left;
	padding-left:7px;
	padding-right:95px;
}

#partners_head {
	background-image:url(images/menuright/partners.jpg);
	width:246px;
	height:51px;
	float:left;
}

#partners_content {
	background-image:url(images/style/index_32.jpg);
	width:245px;
	height:auto;
	float:left;
	text-align:center;
	padding-left:7px;
	padding-right:102px;
}

/* Footer & Visits & To the Top & Imprint */
#footer {
	background-image:url(images/style/index_45.jpg);
	width:1200px;
	height:56px;
	float:left;
}

#visits {
	width:436px;
	height:40px;
	float:left;
	margin-left:110px;
	color:#FFFFFF;
	margin-top:16px;
}

#gotothetop {
	width:108px;
	height:40px;
	float:left;
	color:#FFFFFF;
	margin-top:16px;
	text-align:center;
}

#imprint_footer {
	width:200px;
	height:40px;
	float:left;
	margin-left:235px;
	color:#FFFFFF;
	margin-top:16px;
        text-align:right;
}

/* Login HTML */
#login_user_pic {
	background-image:url(images/style/login_07.jpg);
	width:60px;
	height:21px;
	float:left;
	margin-top:4px;
	margin-left:26px;
}

.form_username {
	background-image:url(images/style/login_08.jpg);
	text-align:left;
	width:87px;
	height:19px;
	border:0px;
	color:#5F5F5F;
	float:left;
	margin-top:4px;
}

.form_username:active, .form_username:focus, select:focus  {
	border-width:0px;
	color:#000000;
}

#login_pw_pic {
	background-image:url(images/style/login_09.jpg);
	width:67px;
	height:21px;
	float:left;
	margin-top:4px;
}

.form_password {
    background-image:url(images/style/login_10.jpg);
	text-align:left;
	width:86px;
	height:19px;
	border:0px;
	color:#5F5F5F;
	float:left;
	margin-top:4px;
}

.form_password:active, .form_password:focus {
	border-width:0px;
	color:#FFFFFF;
}

#login_register_pw {
	background-image:url(images/style/login_27.jpg);
	width:240px;
	height:20px;
	float:left;
	margin-left:26px;
	color:#626262;
	font-family:Tahoma;
	font-size:11px;
}

.matchvs {color: #FFA000;}

/* sc_headlins html */
.sc_headlines { width: 390px; text-decoration: none; display: block; height:auto; }
.newsEntry { display: block; width: 380px; border: 0px; text-decoration: none; color: #595959; font-size: 10px; margin-right:10px; } 
.newsEntry .previewPic { width: 33px; height: 26px; margin-left:2px; } 
.newsEntry .mainPic { display: none; }
.newsEntry .newsHeadline {font-weight: bold; font-size:11px; height:11px; margin-left:3px;}
a.newsEntry, a.newsEntry:visited, a.newsEntry:active { color: #000000; font-size: 10px; text-decoration: none; display:block;} 
a.newsEntry:hover { color: #FFA000; text-decoration: none; }
.newsEntry:hover { color: #000000; font-size: 10px; text-decoration: none; } 
.newsEntry span.newsEntry {display: none;}
.newsEntry:hover span.newsEntry {display: inherit; margin-left:39px; width:280px;}
.newsEntry:hover .previewPic { display: none; text-decoration: none; }
.newsEntry:hover .mainPic { display: inherit; width: 33px; height: 53px; text-decoration: none; margin-left:2px; }
.sc_head { background-image:url(images/style/last_news_pic_bg.jpg); width:37px; height:auto; background-repeat:repeat-y; float:left; }

.clear {
	clear:both;
}






##################################
# Champ Addon
##################################
.hiliteR { color:#ff0000!important; }
.hiliteB { color:#00ffff!important; }
.hiliteG { color:#00ff00!important; }
.hilitey { color:#c0c0c0!important; }
.hiliteY { color:#ffff00!important; }
.hiliteT { color:#DBB74C!important; }
.hiliteW { color:#ffffff!important; }
.hiliteP { color:#ff00ff!important; }
.hiliteO { color:#ff8000!important; }
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #252525;
	background: #151515;
	padding: 10px;
	color:#c0c0c0;
	line-height:1.5;

}
	#tooltip div {margin: 0;}
	#tooltip h3 {
		color:#DBB74C;
		font:16px Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 10px 0;
	}
	#tooltip label {display:block;}
		#tooltip label span {
			color:#00ff00;
			float:right;
			width:200px;
		}
#tooltip .ttip-champion, #tooltip .ttip-build, #tooltip .ttip-item, #tooltip .ttip-skill, #tooltip .ttip-rune, #tooltip .ttip-spell, #tooltip.ttip-user {}		
/* +champion template+ */
#tooltip .ttip-champion {width:520px;}
	.ttip-champion .champ-image img {
		width:140px;
		height:254px;
		margin-right:10px;
	}
	.ttip-champion .champ-info {
		background:url(http://edge2.mobafire.com/css/gfx/ttip-champ-bg.png) repeat-x top;
		width:350px;
		padding:10px 10px 0 10px;
		font-size:11px;
	}
	.ttip-champion .champ-head span, .ttip-skill .skill-head .skill-name {
		font-size:14px;
		color:#fff;	
	}
	.ttip-champion .champ-head, .ttip-skill .skill-head {
		font-size:10px;
		color:#808080;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height:1.3em;
	}
	.ttip-champion table {
		width:100%;
		color:#c1c1c1;
		font-size:11px;
		margin:8px 0;
	}
	.ttip-champion .grey-bg1 td{
		background:#151515;
		padding-left:5px;
	}
	.ttip-champion .grey-bg2 td{
		background:#101010;
		padding-left:5px;
	}
	.ttip-champion .champ-buy {color:#808080;}
/* -champion template- */

/* +build template+ */
#tooltip .ttip-build {width:396px;}
	.ttip-build .build-image img {
		width:64px;
		height:64px;
		margin-right:10px;
	}
	.ttip-build .build-info {
		background:url(http://edge2.mobafire.com/css/gfx/ttip-champ-bg.png) repeat-x top;
		width:300px;
		padding:10px;
		font-size:11px;
	}
	.ttip-build .build-image2 img {
		width:64px;
		height:64px;
		padding:7px;
	}
	.ttip-build .build-info2 {
		background:url(http://edge2.mobafire.com/css/gfx/ttip-champ-bg.png) repeat-x top;
		width:375px;
		padding:10px;
		font-size:11px;
	}
	.ttip-build .build-head span {
		font-size:14px;
		color:#fff;	
	}
	.ttip-build .build-head {
		font-size:10px;
		color:#808080;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height:1.3em;
	}
	.ttip-build table {
		width:100%;
		color:#c1c1c1;
		font-size:11px;
		margin:8px 0;
	}
	.ttip-build .grey-bg1 td{
		background:#151515;
		padding-left:5px;
	}
	.ttip-build .grey-bg2 td{
		background:#101010;
		padding-left:5px;
	}
	.ttip-build .build-buy {color:#808080;}
/* -build template- */
/* Item Template */

#tooltip .ttip-item {width:500px;}

	.ttip-item .item-image img, .ttip-skill .skill-image img {
		width:64px;
		height:64px;
		margin-right:10px;
		border:2px solid #000;
	}
	.ttip-item .item-info, .ttip-skill .skill-info {
		background:url(http://edge2.mobafire.com/css/gfx/ttip-item-bg.png) repeat-x top;
		width:401px;
		padding:10px;
		font-size:12px;
	}
	.ttip-purchase .skill-info {
		background:url(http://edge2.mobafire.com/css/gfx/ttip-item-bg.png) repeat-x top;
		width:220px;
		padding:10px;
		font-size:12px;
	}
	.ttip-item .item-head .item-name {
		font-size:14px;
		color:#fff;	
	}
	.ttip-item .item-head {
		font-size:10px;
		color:#808080;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height:1.3em;
	}
	.ttip-item .item-recipe .recipe-image{
		width:48px;
		height:48px;
		margin:0 17px;
		border:1px solid #202020;
		padding:2px;
	}
.recipe-container {
	margin:0 0 20px 20px;
}
.recipe-pad {
	padding:0px 5px;
	vertical-align:top;
}
.recipe-pad2 {
	padding:0px 1px;
	vertical-align:top;
}
.recipe1 img {
	width:50px;
	height:50px;
	border:1px solid #4a4a4a;
	padding:1px;
}
.recipe2 img {
	width:30px;
	height:30px;
	border:1px solid #4a4a4a;
	padding:1px;}
.recipe3 img {
	width:15px;
	height:15px;
	border:1px solid #4a4a4a;
	padding:1px;
}
.recipe-bar2 {
	background:url(http://edge2.mobafire.com/css/gfx/recipe-bar2.png) no-repeat center bottom;
	padding-bottom:4px;
}
.recipe-bar .bar1 {
	background:url(http://edge1.mobafire.com/css/gfx/recipe-bar1.png) no-repeat left top;
	height:5px;
	width:50%;
	float:right;
}
.recipe-bar .bar2 {
	background:url(http://edge1.mobafire.com/css/gfx/recipe-bar1.png) no-repeat center top;
	height:5px;
}
.recipe-bar .bar3 {
	background:url(http://edge1.mobafire.com/css/gfx/recipe-bar1.png) no-repeat right top;
	height:5px;
	width:50%;
	float:left;
}
.recipe-bar .bar4 {
	background:url(http://edge2.mobafire.com/css/gfx/recipe-bar2.png) no-repeat center top;
	height:5px;
}
/* Skills */
#tooltip .ttip-skill {width:376px;}
/* Runes */
#tooltip .ttip-rune {width:420px;}
	.ttip-rune .rune-image img {
		width:40px;
		height:40px;
		margin-right:10px;
		background:#000;
		border:2px solid #000;
		padding:2px;
	}
	.ttip-rune .rune-info {
		background:url(http://edge2.mobafire.com/css/gfx/ttip-item-bg.png) repeat-x top;
		width:342px;
		padding:10px;
		font-size:12px;
	}
	.ttip-rune .rune-head .rune-name {
		font-size:14px;
		color:#fff;	
	}
	.ttip-rune .rune-head {
		font-size:10px;
		color:#808080;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height:1.3em;
	}
/* Spells */
#tooltip .ttip-spell {width:348px;}
	.ttip-spell .spell-image img {
		width:64px;
		height:64px;
		margin-right:10px;
		background:#000;
		border:2px solid #000;
		padding:2px;
	}
	.ttip-spell .spell-info {
		background:url(http://edge2.mobafire.com/css/gfx/ttip-item-bg.png) repeat-x top;
		width:245px;
		padding:10px;
		font-size:12px;
	}
	.ttip-spell .spell-head .spell-name {
		font-size:14px;
		color:#fff;	
	}
	.ttip-spell .spell-head {
		font-size:10px;
		color:#808080;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height:1.3em;
	}
/* Users */
#tooltip .ttip-user {width:306px;}
	.ttip-user .item-image img, .ttip-skill .skill-image img {
		width:100px;
		height:100px;
		margin-right:10px;
		border:2px solid #000;
	}
	.ttip-user .item-info, .ttip-skill .skill-info {
		background:url(http://edge2.mobafire.com/css/gfx/ttip-item-bg.png) repeat-x top;
		width:170px;
		padding:10px;
		font-size:12px;
	}
	.ttip-user .item-head .item-name {
		font-size:14px;
		color:#fff;	
	}
	.ttip-user .item-head {
		font-size:10px;
		color:#808080;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height:1.3em;
	}
	.ttip-user .item-recipe .recipe-image{
		width:48px;
		height:48px;
		margin:0 17px;
		border:1px solid #202020;
		padding:2px;
	}
/* Threads */
#tooltip .ttip-forum-thread {width:376px;}
	.ttip-forum-thread .item-image img, .ttip-skill .skill-image img {
		width:70px;
		height:70px;
		margin-right:10px;
		border:2px solid #000;
	}
	.ttip-forum-thread .item-info, .ttip-skill .skill-info {
		background:url(http://edge2.mobafire.com/css/gfx/ttip-item-bg.png) repeat-x top;
		width:270px;
		padding:10px;
		font-size:12px;
	}
	.ttip-forum-thread .item-head .item-name {
		font-size:14px;
		color:#fff;	
	}
	.ttip-forum-thread .item-head {
		font-size:10px;
		color:#808080;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		line-height:1.3em;
	}
	.ttip-forum-thread .item-recipe .recipe-image{
		width:48px;
		height:48px;
		margin:0 17px;
		border:1px solid #202020;
		padding:2px;
	}
.free-champ-box {
	padding:3px 3px 10px 3px;
}
.free-champ-box img {
	padding:2px;
	border:solid 1px #2d3e48;
	width:56px;
}
