/*  
Theme Name: Master
Theme URI: http://www.duellog.com
Description: Duellog Theme.
Version: Beta 
Theme copyright duellog.com
Author: Afşin Çelik

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
table {
	width:100%;
}
body {
	font-family:"Verdana";
	color:#797979;
	background: url('../images/design/bg.png') #ffffff repeat-x;
	font-size: 12px;
}
	body.league{
		background: url('../images/design/bg_league.png') #ffffff repeat-x;
	}
	body.enter{
		background: url('../images/design/bg_enter.png') #ffffff repeat-x;
	}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
a:link, a:visited {
	text-decoration:underline;
	color:#2d92d0;
	text-align:center;
}
a:hover {
	color:#181818;
}
input.short{
	width:90px;
}
hr{
	border:solid #e9e9e9 1px;
}
textarea {
	width:99%;
	height:50px;
	margin:5px 0 5px 0;
	font-size:11px;
}
textarea.small {
	width:99%;
	height:35px;
	margin:5px 0 5px 0;
}
textarea.short {
	width:300px;
	height:35px;
	margin:5px;
	float:left;
}
/* ------------------ */
#container {
	width:1001px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	margin-bottom:20px;
}
#header {
	width:995px;
	margin:15px 0 9px 0;
	float:left; 
}
	#header.league {
		width:995px;
		margin:0 0 0 -4px;
		float:left; 
	}
	#league_logo_header {
		width:100%;
		height:40px;
		margin-top:3px;
	}
	#league_logo_header div.content{
		width:1001px;
		margin:0 auto;
	}
	#league_logo_header div.duellog_logo_league{
		float:left;
		width:400px;
	}
#header img.logo{
	float:left; 
}
#header div.user {
	float:right;
	width:445px;
	margin:2px 0 0 0;
	height:39px;
	padding:5px 0 0 5px; 
	background: url('../images/design/user_bg.png') no-repeat bottom;	
}
	#league_logo_header  div.user {
		float:right;
		width:445px;
		margin:2px 0 0 0;
		height:39px;
		padding:0 0 0 5px; 
		text-align:right;
		background: url('../images/design/user_bg.png') no-repeat bottom;	
	}
#header div.user.enter {
	height:60px;
}
#header div.user div.member{
	width:200px;
	float:left;
	padding:0 30px 0 5px;
}
#header div.user div.links{
	width:210px;
	float:left;
}
#header div.user img.member{
	width:27px; 
	height:27px;
	float:left;
	margin-top:-3px;
	margin-right:3px;	
}
#header div.user img{
	padding:0 3px 0 3px;
	vertical-align:text-bottom;
}
#header div.user a.red{
	color:#ed2024;
}
	#league_logo_header div.user div.member{
		width:200px;
		float:left;
		padding:7px 30px 0 5px;
	}
	#league_logo_header div.user div.links{
		width:100px;
		float:left;
		padding-top:5px;
	}
	#league_logo_header div.user img.member{
		width:27px; 
		height:27px;
		float:left;
		margin-top:-3px;
		margin-right:3px;	
	}
	#league_logo_header div.user img{
		padding:0 3px 0 3px;
		vertical-align:text-bottom;
	}
	#league_logo_header div.user a.red{
		color:#ed2024;
	}
	#league_header {
		float:left;
	}
	#league_header img{
		max-width:90px;
		max-height:60px;
		float:left;
		padding:2px;
		border:1px solid #e9e9e9;
		margin:2px 5px 0 0;
	}
	#league_header h1{
		color:#2d92d0;
		float:left;
		margin-top:5px;
	}
	#league_header h1 span{
		color:#ed2024;
		font-size:16px;
	}
	
#navigation {
	width:480px;
	height:50px;
	float:left;
	padding-top:3px;
}
	#navigation2{
		height:25px;
		padding:0 0 0 0;
		float:left;
		font-size:11px;
	}
#navigation a:link, #navigation a:visited {
	text-decoration:none;
	padding:5px 10px 5px 10px;
	background-color:#2d92d0;
	color:#ffffff;
	float:left;
	margin-right:5px;
	border-top:1px solid #379cda;
	border-left:1px solid #2985bd;
	border-right:1px solid #2985bd;
}
	#navigation2 a:link, #navigation2 a:visited {
		text-decoration:none;
		padding:3px 5px 3px 5px;
		background-color:#2d92d0;
		color:#ffffff;
		float:left;
		margin-right:3px;
		border-top:1px solid #379cda;
		border-left:1px solid #2985bd;
		border-right:1px solid #2985bd;
}
#navigation a:hover {
	background-color:#f1f1f1;
	color:#696969;
}
#navigation a.active_link {
	background-color:#f1f1f1;
	color:#696969;
/*  margin-top:1px; */
}
	#navigation.small a:hover {
		background-color:#fff;
		color:#696969;
	}
	#navigation.small a.active_link {
		background-color:#fff;
		color:#696969;
	/*  margin-top:1px; */
	}
	#navigation2 a:hover {
		background-color:#fff;
		color:#696969;
	}
	#navigation2 a.active_link {
		background-color:#fff;
		color:#696969;
	/*  margin-top:1px; */
	}
#navigation a.give_notice {
	background-color:#ed2024;
	color:#ffffff;
}
#stripe {
	width:515px;
	float:left;
	color:#fff;
	font-size:11px;
}
#stripe div.my_site {
	float:right;
}
div.search {
	width:225px; 
	float:right;
	text-align:right;
	background: url('../images/design/search_bg.png') no-repeat;
	height:28px;
}
input.search {
	border:0;
	height:25px;
	font-size:1.4em;
	background: none;
	float:left;
	padding:3px 0 5px 5px;
	width:175px;
	color:#9b9b9b;
}
select.search {
	border:0;
	height:25px;
	font-size:1.4em;
	background: none;
	float:left;
	padding:3px 0 5px 5px;
	width:199px;
	color:#9b9b9b;
}
#main {
	padding: 0 0 20px 0;
}
#main a.extended{
	width:100%;
	text-align:left;
}
#main h1.sidebar {
	color:#2d92d0;
	font:bold;
	font-size:	18px;
	font-style:italic;
}
#main h2.sidebar {
	color:#ed2024;
	font:bold;
	font-size:	14px;
	font-style:normal;
	padding-bottom:2px;
}
#main h1.center {
	color:#2d92d0;
	font:bold;
	padding:3px 0 3px 5px;
	margin:15px 0 7px 0;
	font-size:	16px;
	font-style:italic;
	background:#e9e9e9;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#main h1.center img{
	padding-right:5px;
}
#main h1.center.first {
	margin:0 0 7px 0;
}
/* Content at left with a sidebar at right (index, ) */
#main div.content_left {
	float:left;
	width:665px;
	padding:0 10px 0 0;

}
#main div.sidebar_right {
	float:left;
	padding:0 0 0 10px;
	width:310px;
	font-size:1em;
}
/* Content at right with a sidebar at left (anasayfa,  )*/
#main div.sidebar_left {
	float:left;
	padding:0 10px 0 0;
	width:220px;
	font-size:11px;
}
#main div.content_right {
	float:left;
	width:745px;
	padding:0 0 0 20px;
	border-left:2px solid #e9e9e9;
}
/* Content at center with small sidebars at both left and right (profil )*/
#main div.content_center {
	float:left;
	width:605px;
	padding:0 10px 0 10px;
	/*border-top:2px solid #e9e9e9;*/
	border-left:2px solid #e9e9e9;
	border-right:2px solid #e9e9e9;
}
#main div.content_left.none_bordered { 
border-right:medium none;
}

#main div.sidebar_right_small {
	width:200px;
	float:left;
	padding:0 0 0 10px;
}
#main div.sidebar_left_small {
	width:132px;
	float:left;
	padding:0 28px 0 0;
}
/* Content at right with a small sidebar at left (tesisler, maclar, bildirimler )*/
#main div.content_right_big {
	float:left;
	width:815px;
	padding:0 0 0 20px;
	border-left:2px solid #e9e9e9;
}
/* Content at left with a small sidebar at right (gelecek maclar, gecmis maclar )*/
#main div.content_left_big {
	float:left;
	width:775px;
	padding:0 0 0 20px;
	border-right:2px solid #e9e9e9;
}
#main div.sidebar_right_small {
	width:190px;
	float:left;
	padding:0 0 0 10px;
}
#main div.sidebar_right_small img.friends{
	width:75px;
	float:left;
	padding:0 0 0 10px;
}
/* Content big at center (Nasil Yardim Edebilirim, lig takımlar) */
#main div.content_center_big {
	width:1000px;
}
/* For notice, profile, facilities, teams detail pages*/
div.member_info {
	padding:10px;
}
div.member_info img.member_photo{
	width:69px;
	float:left;
	margin:0 23px 23px 23px;
	padding:5px;
	border:1px solid #e9e9e9;
}
ul.detail{
	float:left;
	line-height:1.6em;
	padding:0 20px 20px 20px;
}
ul.detail li{
	padding:5px;
}
ul.detail span {
	font-weight:bold;
	width:100px;
	display:inline-block;
	float:left;
}
ul.detail span.big {
	width:250px;
}
ul.detail table.more_lines {
	float:left;
}
ul.facilities {
	padding:5px;
}
ul.facilities li{
	padding:3px;
	float:left;
	width:150px;
}
#calendar {
	width:100%;
	padding:6px;
}
#calendar div.nav{
	float:left;
	height:30px;
}
#calendar div.nav.left{
	width:22%;
	text-align:left;
}
#calendar div.nav.center{
	width:55%;
	text-align:center;
}
#calendar div.nav.center h2{
	color:#295885;
}
#calendar div.nav.right{
	width:22%;
	text-align:right;	
}
#calendar div.day {
	width:14%;
	float:left;
}
#calendar div.day.odd{
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
}
#calendar div.day div{
	height:26px;
	font-weight:bold;
	font-size:11px;
	padding:2px;
}
#calendar div.day div.head{
	height:30px;
	font-weight:bold;
	font-size:12px;
	padding:3px;
	text-align:center;
	background-color: #2d92d0;
	color:#fff;
}
#calendar div.day span.note{
	color:#ed2024;
}
#calendar div.day div.empty {
	background-color: #fff;
	color:#2d92d0;
	border:1px solid #f1f1f1;
}
#calendar div.day div.full {
	background-color: #d0dafd;
	color:#295885;
	border:1px solid #aebbdf;
}
#calendar div.day div.waiting {
	background-color: #f6aeae;
	color:#6c1515;
	border:1px solid #ebb6b6;
}
div.signs div{
	float:left;
	padding:3px;
	font-weight:bold;
}
.empty_sign {
	background-color: #fff;
	color:#2d92d0;
	border:1px solid #f1f1f1;
}
.full_sign {
	background-color: #d0dafd;
	color:#295885;
	border:1px solid #aebbdf;
}
.waiting_sign {
	background-color: #f6aeae;
	color:#6c1515;
	border:1px solid #ebb6b6;
}
/* Notice left side details */
div.notice_left {
	padding:20px 0 77px 40px;
	width:120px;
}
div.notice_left img {
	padding:0 0 0 0;
}
ul.people{
	padding:3px;
}
ul.people img.member{
	width:75px;
	background-color: #e8eefa;	
	border:1px solid #ccc;
	padding:1px;
}
ul.people li{
	padding:3px 0 3px 3px;
	float:left;
	width:80px;
}
ul.sports{
	padding:3px;
}
ul.sports li{
	padding:0 5px 3px 0;
	float:left;
}
div.history img{
	float:left;
	width:60px;
}
div.history span{
	float:left;
	width:60px;
	color:#ed2024;
	font-size:34px;
	text-align:center;
}
div.social img{
	width:125px;
}
/*Match Details */
div.match div.teams{
	padding-bottom:10px;
	float:left;
}
div.match div.teams img{
	width:69px;
}
div.match div.teams.blue{
	width:190px;
	color:#2d92d0;
}
div.match div.teams.blue img{
	width:25px;
	float:right;
	padding:3px;
}
div.match div.teams.blue a{
	float:right;
	padding:3px;
	font-size:11px;
}
div.match div.teams.vs{
	width:225px;
	padding:85px 10px 10px 10px;
}
div.match div.teams.list_item{
	width:400px;
	padding-left:30px;
}
div.match div.teams.red{
	width:190px;
	color:#ed2024;
}
div.match div.teams.red img{
	width:25px;
	float:left;
	padding:3px;
}
div.match div.teams.red a{
	float:left;
	padding:3px;
	font-size:11px;
}
div.match div.teams span{
	padding:10px;
	font-weight:bold;
	font-size:18px;
	font-style:italic;
}
div.match div.teams.blue span{
	float:right;
}
div.match div.teams.red span{
	float:left;
}
div.match div.teams span img{
	width:25px;
}
div.match div.teams span.red{
	color:#ed2024;
}
div.match div.teams span.blue{
	color:#2d92d0;
}
strong.score_blue{
	font-size:18px;
	font-weight:bold;
	color:#2d92d0;
}
strong.score_red{
	font-size:18px;
	font-weight:bold;
	color:#ed2024;
}
div.match strong.red{
	font-weight:bold;
	color:#ed2024;
}
div.interaction {
	float:right;
}
ul.messages {
	padding:5px 0 5px 0;
}
ul.messages li{
	padding:2px;
	font-size:11px;
}
ul.messages li.blue div.top {
	background:url(../images/design/balloon/balloon_top.png) left no-repeat;
	width:505px;
	height:6px;
}
ul.messages li.blue div.body {
	background:url(../images/design/balloon/balloon_body.png) left repeat-y;
	width:505px;
}
ul.messages li.blue div.bottom {
	background:url(../images/design/balloon/balloon_bottom.png) left no-repeat;
	width:505px;
	height:22px;
}
ul.messages li.red div.top {
	background:url(../images/design/balloon/balloon_top_red.png) left no-repeat;
	width:505px;
	height:6px;
}
ul.messages li.red div.body {
	background:url(../images/design/balloon/balloon_body_red.png) left repeat-y;
	width:505px;
}
ul.messages li.red div.bottom {
	background:url(../images/design/balloon/balloon_bottom_red.png) left no-repeat;
	width:505px;
	height:22px;
}
ul.messages div.balloon{
	float:left;
	width: 505px;
}
ul.messages div.balloon p{
	padding:0 15px 0 15px;
}
ul.messages  img {
	width:45px;
	padding-right: 5px;
	float:left;
}
ul.messages span {
	padding-top:5px;
	width:105px;
	color:#909090;
	float:left;
	display:inline-block;
}
/* League*/
	table.league_info {
		padding:5px;
	}
	table.league_info th{
		vertical-align:top;
		padding:3px;
	}
	ul.league_teams {
		padding:5px;
	}
	ul.league_teams li{
		/* font-size:11px; */
		float:left;
		width:240px;
		padding-right:7px;
		height:130px;
	}
	ul.league_teams li img.team{
		float:left;
		width:123px;
		margin-right:4px;
		border:1px solid #ccc;
		padding:1px;
	
	}
	ul.league_teams li span{
		float:left;
		width:109px;
	}
	ul.league_teams li a{
		margin-top:5px;
	}
	div.league_news_box {
		margin:5px 0;
	}
	div.league_news {
		margin-bottom:5px;
	}
	div.league_news div.news_details {
		padding-right:10px;
		float:left;
	}
	div.league_news div.news_details img {
		width:75px;
	}
	div.league_news div.interaction{
		font-size:10px;
	}
	div.league_match {
		border:1px solid #e9e9e9;
		padding:5px;
		margin-bottom:2px;
	}
	div.league_match div.match{
		padding-left:20px;
	}
	div.league_match div.match div.team {
		float:left;
		text-align:center;
		width:120px;
	}
	div.league_match div.match div.team.home{
		color:#2d92d0;
	}
	div.league_match div.match div.team.away {
		color:#ed2024;
	}
	div.league_match div.match_detail{
		float:right;
		font-size:14px;
		padding-right:60px;
	}
	table.league_table{
		text-align:left;
		margin:0 0 10px 10px;
		width:299px;
	}
	table.league_table td{
		padding-bottom:3px;
		border-bottom:1px solid #f1f1f1;
	}
	table.league_table col.number{
		width:15px;	
	}
	table.league_table col.team{
		width:140px;
	}
	table.league_table col.points{
		width:25px;
	}
	table.league_table col.average{
		width:25px;
	}
	table.league_table td.average, table.league_table th.average{
		text-align:right;
		color:#2d92d0;
	}
	table.league_table td.points, table.league_table th.points{
		text-align:right;
		color:#ed2024;
	}
	
/* Friends List */
div.friend {
	border:2px solid #e8e8e8;
	padding:5px;
	line-height:1.5em;
	margin-bottom:5px;
}
div.friend div.image{
	float:left;
	width:120px;
}
div.friend div.name{
	float:left;
	width:515px;
}
div.friend div.action{
	float:left;
	width:145px;
}
div.friend div.image img{
	width:75px;
	background-color: #e8eefa;	
	border:1px solid #ccc;
	padding:1px;
}
/* Black List */
ul.black_list{
	padding:3px;
}
ul.black_list li{
	padding:3px 0 3px 0;
	float:left;
	width:283px;
}
ul.black_list img.member{
	width:75px;
	background-color: #e8eefa;	
	border:1px solid #ccc;
	padding:1px;
	float:left;
}
ul.black_list div.details {
	padding:3px;
}
ul.black_list div.details span{
	color:#ed2024;
	font-weight:bold;
}
/* Messages List */
div.messages {
	border-bottom:2px solid #e8e8e8;
	padding:5px;
	line-height:1.5em;
	margin-bottom:5px;
}
div.messages.unread{
	background-color:#ecf7ff;
}
div.messages div {
	margin-right:15px;
}
div.messages div.image{
	float:left;
	width:50px;
}
div.messages div.select{
	float:left;
	width:25px;
	vertical-align:middle;
}
div.messages div.details{
	float:left;
	width:175px;
}
div.messages div.msg{
	float:left;
	width:470px;
}
div.messages div.image img{
	width:45px;
	background-color: #e8eefa;	
	border:1px solid #ccc;
	padding:1px;
}
/* Individual Message */
div.a_message {
	border-bottom:2px solid #e8e8e8;
	padding:5px;
	line-height:1.5em;
	margin-bottom:5px;
}
div.a_message div {
	margin-right:15px;
}
div.a_message div.details{
	float:left;
	width:120px;
	text-align:center;
}
div.a_message div.msg{
	float:left;
	width:650px;
}
div.a_message div.details img{
	width:75px;
	background-color: #e8eefa;	
	border:1px solid #ccc;
	padding:1px;
}
table.send_message th{
	width:75px;
	vertical-align:top;
}
/* Performans (Geçmiş) */
table.performans  {
	text-align:center;
}
div.performans_detail {
	text-align:center;
	font-size:14px;
}
div.performans_detail span.number{
	font-size:48px;
	color:#2d92d0;
}
div.performans_detail span.red{
	color:#ed2024;
	font-size:18px;
}
 span.stars{
	background: url('../images/icons/star.png') repeat-x;
	display:block;
	height:16px;
}
span.stars.five{
	width:80px;
}
span.stars.four{
	width:64px;
}
span.stars.three{
	width:48px;
}
span.stars.two{
	width:32px;
}
span.stars.one{
	width:16px;
}
div.performans_detail td.results_numbers{
	text-align:left;
	vertical-align:middle;
}
table.comments th{
	border-bottom:1px solid #ccc;
	color:#ed2024;
	padding-bottom:5px;
}
table.comments td.comment{
	border-bottom:1px solid #ccc;
	padding:3px 3px 10px 3px;
}
/* Photos, Album */
ul.photos, ul.albums{
	padding:0 5px 0 5px;
}
ul.photos li {
	float:left;
	margin:7px;
	text-align:center;
	width:140px;
	height:140px;
}
ul.albums li {
	float:left;
	margin:7px;
	text-align:center;
	width:140px;
	height:172px;
}
ul.albums li div.image{
	height:140px;
	vertical-align:middle;
}
ul.albums li div.detail{
	margin-top:2px;
	height:30px;
	font-size:11px;
	width:140px;
}
ul.photos li img, ul.albums li img{
	padding:3px;
	vertical-align:middle;
	border:2px solid #e8e8e8;
	max-width:130px;
	max-height:130px;
}
div.image_big {
	text-align:center;
	margin:5px;
}
div.image_big img{
	max-width:604px;
	max-height:604px;
	border:2px solid #e8e8e8;
}
/*Add comment */
table.add_comment img.member{
	width:69px;
}
table.add_comment td.left{
	width:160px;
	text-align:center;
}
table.add_comment textarea{
	width:485px;
	height:35px;
	margin:5px;
}
/*Reservation Box*/
table.reservation_box {
	width:500px;
}
table.reservation_box td, table.reservation_box th{
	border-bottom:2px solid #e8e8e8;
	padding:3px;
}
/* Nasil Yardim Edebilirim */
table.help_tag {
	text-align:center;
	line-height:22px;
	background: url('../images/design/cloud_bg.jpg') center no-repeat;;
}
table.help_tag td.points{
	padding:10px;
	width:300px;
}
table.help_tag td.border{
	padding:15px 100px;
}
table.help_tag  span.number{
	font-size:16px;
	font-weight:bold;
	color:#ed2024;
}
table.help_tag td div{
	margin-bottom:10px;
}
div.angels {
	width:400px;
	text-align:center;
}
div.angels h1{
	padding-bottom:5px;
}
div.angels div.cloud span{
	padding:3px;
}
div.angels div.cloud  span.size_1{
	font-size:10px;
}
div.angels div.cloud span.size_2{
	font-size:12px;
}
div.angels div.cloud span.size_3{
	font-size:14px;
}
div.angels div.cloud span.size_4{
	font-size:16px;
}
div.angels div.cloud span.size_5{
	font-size:18px;
}
div.angels div.cloud span.size_6{
	font-size:22px;
}

/* Pagination list */
ul.pagination {
	float:left;
	text-align:right;
	margin:5px 0;
}
ul.pagination li {
	float:left;
	padding:5px;
	margin-left:3px;
	border:2px solid #e8e8e8;
	color:#2d92d0;
}
ul.pagination li.active {
	background-color:#2d92d0;
	color:#e8e8e8;
	border:2px solid #e8e8e8;
}
ul.pagination li.next a, ul.pagination li.prev a{
	text-decoration:none;
}
#footer {
	width:100%;
	height:60px;
	background: url('../images/design/footer_bg.png') #ffffff repeat-x;
}
#footer a {
	float:right;
	width:100px;
	text-align:center;
	padding-right:10px;
}
/* MISC------------ */
div.location {
	text-align:center;
}
/* ENTRANCE PAGE ---*/
div.what {	
	height:330px;
}
div.what p {
	font-size:12px;
	font-weight:bold;
	color:#245776;
}
table.join {
	background-color:#c4e6eb;
	margin-left:15px;
	width:255px;
	font-size:11px;
	padding: 8px 8px 3px 8px;
}
table.join td{
	padding-bottom:5px;	font-size:11px;
}
table.join input[type=text], table.join input[type=password]{
	width:215px;
	border:1px solid #ccc;
	padding:3px;	
	font-size:11px;
}
table.join select{
	border:1px solid #ccc;
	padding:3px 2px 3px 0;
	margin:0px;
	font-size:11px;
}
/* Footer Pages (ekip, iletisim...) */
table.team {
	width:100%;
	line-height:1.6em;
}
table.team img {
	width:100px;
}
table.team td {
	padding:15px;
	vertical-align:top;
	border-bottom:1px solid #e1e1e1;
}
div.about p{
	padding:5px 0 5px 0;
	line-height:1.6em;
}
span.blue {
	color:#2d92d0;
	font-weight:bold;
	font-size:14px;
}
/* DUELLOG TEXT with two colors*/
span.duel {
	color:#2d92d0;
	font-weight:bold;
}
span.log {
	color:#ed2024;
	font-weight:bold;
}
#login { 
	padding:0 30px 0 15px;	
}
/* USER INTERACTION BOXES ---- */
div.message {
	padding:10px;
	line-height:1.5em;
	color:#000;
	margin:5px 0 5px 0;
	height:100%;
}
div.message.blue {
	border:1px solid #2d92d0;
	background-color:#fafdff; 
}
div.message.red {
	border:1px solid #ed2024;
	background-color:#fff9f9; 
}
div.message.yellow {
	border:1px solid #fbad18;
	background-color:#fffddf; 
}
div.message.green {
	border:1px solid #8bc07c;
	background-color:#e6f9d2; 
}
div.message div{
	width:30%;
	padding:10px;
	float:left;
}
div.message h1{
	color:#2d92d0;
	font-size: 14px;
	font-weight:bold;
	font-style:normal;
}
div.message h2{
	color:#ed2024;
	font-size: 12px;
	font-weight:bold;
	font-style:italic;
}
div.message h2.green{
	color:#60b250;
}
div.message h2.orange{
	color:#fdb539;
}
div.message p img{
	height:75px;
	float:left;
	padding:5px 10px 0 5px;
}
div.message p img.center{
	height:75px;
	float:left;
	padding:5px 20px 0 5px;
}
div.message div img{
	height:75px;
	float:left;
	padding:5px;
}
p.instant{
	height:200px;
	padding:10px;
	line-height:1.5em;
	color:#000;
	margin:5px 0 5px 0;
}
span.close{
	color:#ed2024;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	float:right;
	margin:-10px -10px 0 0;
	padding:3px 7px 3px 7px;
}		
/* NOTICE BOXES -------- */
div.notice {
	border:2px solid #e8e8e8;
	padding:5px;
	line-height:1.5em;
	height:80px;
	margin-bottom:25px;
}
div.number {
	font: 14px "Verdana", serif;
	margin-top:-10px;
	margin-left:-20px;
	width:20px;
	background-color:#ffffff;
	text-align:center;
	float:left;
	border:1px solid #e8e8e8;	
}
div.number span{
	width:20px;
	height:20px;
	text-align:center;
}
div.owner {
	float:left;
	width:350px;
	height:95px;
	margin-top:10px;
}
div.sport {
	float:left;
	width:115px;
	height:105px;
	bottom:0;
}
div.detail {
	float:left;
	height:85px;
}
div.detail span.date {
	color:#2d92d0;
	font-weight:bold;
	font-size:14px;
}
div.result {
	float:right;
	right:0;
	position:relative;
}
/* RESULTS BOXES (Veriler, maclar, ligler) -------- */
div.search_results {
	float:left;
	width:240px;
	margin:30px;
}
div.search_results.left {
	border-right:2px solid #e8e8e8;
}
div.results {
	border:2px solid #e8e8e8;
	padding:5px;
	line-height:1.5em;
	margin:10px 0 10px 13px;
}
div.date {
	padding-right:20px;
	float:left;
	border-right:2px solid #e8e8e8;
	color:#2d92d0;
	font-size:14px;	
}
div.details {
	padding:0 20px;
	float:left;
}
div.details label{
	width:70px;
	display:inline-block;
	font-weight:bold;
}
div.end {
	margin:10px 0 0 0;
	padding:0 10px 0 20px;
	float:right;
	font-size:16px;
	font-weight:bold;
	color:#ed2024;
}
div.league{
	float:left;
	padding:5px;
}
div.league img{
	width:90px;
}
/* Maclar */
div.matches {
	padding:10px;
	line-height:18px;
	font-size:14px;
}
/* BUTTONS -----------*/
div.buttons {
	float:left;
	width:200px;
	height:30px;
}
a.button img {
	width:14px;
	height:14px;
	padding:0 3px 0 3px;
}
a.button.blue, a.button.green, a.button.red, a.button.detail, a.button.offer {
	color: #ffffff;
	display: block;
	font: bold 12px "Verdana", sans-serif;
	height: 28px;
	padding-right: 6px;
	margin-bottom:1px;
	padding: 0 10px 0 0;
	text-decoration: none;
	float:left;
}
a.button.blue span, a.button.green span, a.button.red span, a.button.detail span, a.button.offer span {
	display: block;
	line-height: 18px;
	padding: 5px 0 5px 8px;
}
a.button.blue:active, a.button.green:active, a.button.red:active , a.button.detail:active , a.button.offer:active {
	background-position: bottom right;
	color: #fff;
	outline: none;
}
a.button.blue:hover, a.button.green:hover, a.button.red:hover, a.button.detail:hover, a.button.offer:hover {
	background-position: bottom right;
	color: #fff;
	outline: none;
}
a.button.blue:active span, a.button.green:active span, a.button.red:active span, a.button.detail:active span, a.button.offer:active span {
	background-position: bottom left;/*padding: 6px 0 4px 18px;  push text down 1px */
}
a.button.blue:hover span, a.button.green:hover span, a.button.red:hover span, a.button.detail:hover span, a.button.offer:hover span {
	background-position: bottom left;/*padding: 6px 0 4px 18px;  push text down 1px */
}
a.button.blue {
	background: transparent url('../images/design/buttons/bg_button_a_blue.png') no-repeat scroll top right;
}
a.button.green {
	background: transparent url('../images/design/buttons/bg_button_a_green.png') no-repeat scroll top right;
}
a.button.red {
	background: transparent url('../images/design/buttons/bg_button_a_red.png') no-repeat scroll top right;
}
a.button.detail {
	background: transparent url('../images/design/buttons/bg_button_a_detail.png') no-repeat scroll top right;
}
a.button.offer {
	background: transparent url('../images/design/buttons/bg_button_a_offer.png') no-repeat scroll top right;
}
a.button.blue span {
	background: transparent url('../images/design/buttons/bg_button_span_blue.png') no-repeat;
}
a.button.green span {
	background: transparent url('../images/design/buttons/bg_button_span_green.png') no-repeat;
}
a.button.red span {
	background: transparent url('../images/design/buttons/bg_button_span_red.png') no-repeat;
}
a.button.detail span {
	background: transparent url('../images/design/buttons/bg_button_span_detail.png') no-repeat;
}
a.button.offer span {
	background: transparent url('../images/design/buttons/bg_button_span_offer.png') no-repeat;
}
/* CLEAR FLOT */
.spacer {
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	border:0;
}
.lefty {
	float:left;
}
.righty {
	float:right;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable_container { 
height:100px;
margin-top:10px;

}
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 850px;
	height:120px;	

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;	


}

/* single scrollable item */
.scrollable div {
	float:left;
	margin:0 5px 0 11px;

	padding:2px 12px 2px 2px;

}
.scrollable img {

	cursor:pointer;
	width:75px;
	height:75px;
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/design/buttons/navigation_bg.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:30px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 
div.centery { width:55%; float:right;}