/* === BOX === */

.box-container {
	font-size: 0px;
}

	.box-container .top-area {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafiken/box/top-top-left.png', sizingMethod='scale');
		height: 3px;
	}
	
	html > body .box-container .top-area {
		background: url(../grafiken/box/top-top-left.png) top left no-repeat;
	}
	
		.box-container .top-area .top-right {			
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafiken/box/top-right.png', sizingMethod='scale');
			float: right;
			height: 3px;
			width: 3px;			
			margin-right: -3px;
		}
		
		html > body .box-container .top-area .top-right {
			background: url(../grafiken/box/top-right.png) top right no-repeat;
		}
		
	.box-container .left {		
		background: #202020;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafiken/box/left.png', sizingMethod='scale');
		margin-left: -1px;
		margin-bottom: -2px;
	}
	
	html > body .box-container .left {
		background: transparent;
		background: url(../grafiken/box/left.png) top left no-repeat;
		margin-left: 0px;
		margin-bottom: 0px;
	}
	
		.box-container .left .right {			
			background: #202020;
			margin-right: -1px;
			margin-bottom: 1px;
		}
		
			* html #top-info .box-container .left .right {			
				background: #2d2d2d;
				margin-right: -1px;
				margin-bottom: 1px;
			}
		
		html > body .box-container .left .right {
			background: url(../grafiken/box/right.png) top right no-repeat;
			margin-right: -3px;
			margin-bottom: 0px;
		}
		
			.box-container .left .right .content {
				margin: 0px 3px;
				background: #333;
				border: 1px solid #636363;
				padding: 3px;
				font-size: 10px;
			}
			
				.box-container .left .right .bg {
					background: #333 url(../grafiken/box/content-bg.gif) bottom left no-repeat;
				}
	
	.box-container .bottom-area {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafiken/box/bottom-bottom-left.png', sizingMethod='scale');
		height: 3px;
	}
	
	html > body .box-container .bottom-area {
		background: url(../grafiken/box/bottom-bottom-left.png) bottom left no-repeat;
	}
	
		.box-container .bottom-area .bottom-right {
			background: none;		
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafiken/box/bottom-right.png', sizingMethod='scale');
			float: right;
			height: 3px;
			width: 3px;
			margin-right: -3px;
		}
		
		html > body .box-container .bottom-area .bottom-right {	
			background: url(../grafiken/box/bottom-right.png) bottom right no-repeat;
		}
		
/* Extras */

.box-container .bg-dark {
	background-color: #2d2d2d;
	border-right: 1px solid #383838;
	margin: -3px 0px -3px -3px;
	float: left;
	text-align: center;
	padding-top: 5px;
}

.box-container .bg-dark-right {
	background-color: #2d2d2d;
	border-left: 1px solid #383838;
	margin: -3px -3px -3px 0px;
	float: right;
	text-align: center;
	padding-top: 5px;
}

* html .box-container .bg-dark {
	padding-left: 0px;
	margin: -3px 0px -8px -1px;
}

	* html .box-container .bg-dark-right {
		padding-left: 0px;
		margin: -3px -1px -8px 0px;
	}

.box-container .text {
	float: left;
	margin-left: 3px;
}

.box-container .line {
	background: #242424;
	padding: 1px;
	margin-bottom: 2px;
}

/* === TOP-INFO === */

.team-nav {
		width: 100px;
		margin-right: 30px;
		float: left;
	}
	
		#main-content .team-nav .content {
			/*height: 78px; */
			padding: 3px;
		}
		
		#main-content .team-nav .content img {
			margin: 0px;
			margin-bottom: 1px;
			padding: 0px;
			border: none;
		}

/* === Tab === */

#tabs {
	position: absolute;
	left: 207px;
	width: 505px;
	bottom: 0px;
	padding-left: 30px;
}

	* html #tabs {
		padding-left: 60px;
	}

	#tabs a {
		display: block;
		height: 26px;
		width: 123px;
		background: url(../grafiken/tab/tab_inactive.png);
		padding: 13px 0px 0px 35px;
		margin-left: -30px;
		float: left;
		position: relative;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		color: #8c7f7f;
		text-decoration: none;
		
		z-index: 10;
	}
	
		* html #tabs a {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafiken/tab/tab_inactive.png', sizingMethod='scale');
		}
	
	#tabs a:hover,
	#tabs .active {
		background: url(../grafiken/tab/tab_active.png);
		color: white;
		z-index: 20;
	}
	
		* html #tabs a:hover,
		* html #tabs .active {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafiken/tab/tab_active.png', sizingMethod='scale');
		}


/* === USER-IMAGES === */

.user-container {
	width: 62px;
	height: 62px;
	background: url(../grafiken/users/stuff/background.png) no-repeat;
	padding-top: 4px;
	padding-left: 4px;
}

	html > body .user-container img {
		z-index: 1;
		position: relative;
		height: 58px;
		width: 58p;
		top: -58px;
		background-repeat: no-repeat;
	}

* html .user-container {
	width: 62px;
	height: 62px;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="grafiken/users/stuff/background.png", sizingMethod="scale");
	padding-top: 4px;
	padding-left: 4px;
}

	* html .user-container img {
		/*border: 1px solid #5b5756;*/
		z-index: 1;
		height: 58px;
		width: 58px;
		background-repeat: no-repeat;
	}

	.user-container .gradient {
		background: url(../grafiken/users/stuff/gradient.png) no-repeat;
		position: relative;
		width: 58px;
		height: 58px;
		z-index: 555;
	}
	
	* html .user-container .gradient {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="grafiken/users/stuff/gradient.png", sizingMethod="scale");
		position: absolute;
		width: 58px;
		height: 58px;
		z-index: 555;
	}


/* === TEAM-IMAGES === */

.logo-container {
	width: 62px;
	height: 62px;
	background: url(../grafiken/users/stuff/background.png) no-repeat;
	padding-top: 4px;
	padding-left: 4px;	
	text-align: left;
}

	html > body .logo-container img {
		z-index: 1;
		position: relative;
		height: 58px;
		width: 58px;
		top: -58px;
		background-repeat: no-repeat;
	}
	
		html > body .logo-container .img {
			z-index: 1;
			position: relative;
			height: 58px;
			width: 58px;
			top: -58px;
			background-position: -3px -10px;
			background-repeat: no-repeat;
		}
	
	html > body .box-container .bg-dark .logo-container,
	html > body .box-container .bg-dark-right .logo-container {
		margin-left: 4px;
	}

* html .logo-container {
	width: 62px;
	height: 62px;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="grafiken/teams/stuff/background.png", sizingMethod="scale");
	padding-top: 4px;
	padding-left: 4px;
}

	* html .logo-container img {
		/*border: 1px solid #5b5756;*/
		z-index: 1;
		height: 58px;
		width: 58px;
		background-repeat: no-repeat;
	}

	.logo-container .gradient {
		background: url(../grafiken/users/stuff/gradient.png) no-repeat;
		position: relative;
		width: 58px;
		height: 58px;
		z-index: 555;
	}
	
	* html .logo-container .gradient {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="grafiken/teams/stuff/gradient.png", sizingMethod="scale");
		position: absolute;
		width: 58px;
		height: 58px;
		z-index: 555;
	}


.logo-container-big {
	width: 62px;
	height: 84px;
	background: url(../grafiken/users/stuff/background-big.png) no-repeat;
	padding-top: 4px;
	padding-left: 4px;	
	text-align: left;
	margin-left: 4px;
}

	.logo-container-big .img {
		z-index: 1;
		position: relative;
		height: 72px;
		width: 58px;
		top: -70px;
		background-position: -3px -5px;
		background-repeat: no-repeat;
	}
	
	.logo-container-big .gradient {
		background: url(../grafiken/users/stuff/gradient-big.png) no-repeat;
		position: relative;
		width: 58px;
		height: 70px;
		z-index: 555;
	}

/* === LEAGUE LEADERS === */

.lleader .img {
	float: left;
	width: 40px;
}

.lleader .txt {
	float: left;
	width: 68px;
}

	.lleader .txt .name {
		font-weight: bold;
		display: block;
	}
	
	.lleader .txt .number {
		font-size: 24px;
		color: white;
	}


/* === ROSTER === */

.teamleaders-box {
	margin: 2px;
	border-bottom: 1px dotted #717171;
	text-align: right;
	line-height: 16px;
	color: white;
	padding: 3px 0px;
}

	* html .teamleaders-box {
		border: none;
		background: url(../grafiken/main-content/dotted.gif) bottom left repeat-x;
	}

	.teamleaders-box img {
		float: right;
		margin-left: 10px;
		border: 1px solid #717171;
	}
	
	.teamleaders-box .number {
		font-size: 18px;
		font-weight: bold;
		color: #717171;
	}

.roster-bg {
	background: url(../grafiken/background/roster-bg.gif) top left no-repeat;
	width: 437px;
	height: 305px;
	margin: -3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

	* html .roster-bg {
		background: url(../grafiken/background/roster-bg-ie.gif) top left no-repeat;
	}

ul#roster {
	padding: 21px 0px 0px 20px;
	margin: 0 0 0 0;
}

	* html ul#roster {
		padding: 20px 0px 0px 20px;
		margin: 0 0 0 0;
	}

ul#roster li {
	font-size: 9px;
	height: 14px;
	list-style-type: none;
	padding: 0 0 1% 0;
	cursor: n-resize;
	color: #ddd;
}

	* html ul#roster li {		
		padding: 0 0 4px 0;
	}

	ul#roster li .pos, ul#roster li .name, ul#roster li .ovr, ul#roster li .height, ul#roster li .age, ul#roster li .symbol, ul#roster li .salary, ul#roster li .seasons {
		float: left;
	}
	
	ul#roster li .salary, ul#roster li .seasons {
		text-align: right;
	}
	
	ul#roster li div.pos {
		width: 26px;
	}
	
	ul#roster li div.name {
		width: 120px;
	}
	
		ul#roster li div.name a:link,
		ul#roster li div.name a:visited,
		ul#roster li div.name a:active {
			color: #ddd;
		}
		
		ul#roster li div.name a:hover {
			color: #eee;
		}
	
	ul#roster li div.symbol {
		width: 45px;
	}
	
		ul#roster li div.symbol img {
			margin-right: 1px;
		}
	
	ul#roster li div.ovr {
		width: 25px;
	}
	
	ul#roster li div.height {
		width: 35px;
	}
	
	ul#roster li div.age {
		width: 25px;
	}
	
	ul#roster li div.salary {
		width: 78px;
		color: #bebebe;
	}
	
	ul#roster li div.seasons {
		width: 55px;
		color: #bebebe;
	}
	
	.savebutton, 
	.savebutton_active {
		width: 8em;
		color: #CCCCCC;
		background-color: #282828;
		font-size: 9px;
		border: 1px outset #999;
		float: right;
		margin-right: -3px;
	}
	
		* html .savebutton, 
		* html .savebutton_active {
			margin-right: -32px;
		}
	
	.savebutton_active {
		border: 1px ridge #999;
	}
	
/* EXTRA TABBED NAVI */

.tab-add-nav {
	width: 500px;
	height: 30px;
	position: relative;
	top: -21px;
	left: 107px;
	z-index: 5;
}

	.tab-add-nav a:link,
	.tab-add-nav a:visited,
	.tab-add-nav a:active {
		display: block;
		border: 1px solid #5a5a5a;
		border-top: none;
		padding: 3px 10px 7px 10px;
		background-color: #121212;
		color: #5a5a5a;
		float: right;
		margin-left: 3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
	}
	
	.tab-add-nav a:hover {
		display: block;
		border: 1px solid #5a5a5a;
		border-top: none;
		padding: 8px 10px 7px 10px;
		background-color: #2c0203;
		color: white;
		float: right;
		margin-left: 3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
	}
	
	.tab-add-nav a.active {
		display: block;
		border: 1px solid #5a5a5a;
		border-top: none;
		padding: 8px 10px 7px 10px;
		background-color: #2c0203;
		color: white;
		float: right;
		margin-left: 3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
	}