/*
@import url(inc/buttons.css);
@import url(inc/icons.css);
@import url(inc/standard.css);
@import url(inc/form.css);
*/

@import url(inc/nav.css?1);
@import url(results.css);
@import url(offer.css);

/*******************************************************************************
	COLOR DEFS

	back: 		 #3773b3
	light:		 #9cbcdc
	dark:			 #286199
	higlight1: #f00
	higlight2: #dbedf7
	bookmark:	 #d0dbe7

*******************************************************************************/

/*******************************************************************************
	GLOBAL
*******************************************************************************/

html, body, img, h1, h2, h3, h4, p, form, input, ul, ol, li, fieldset {

	margin: 0;
	padding: 0;
	border: 0;
}


html {

	height: 101%;
}


body {

	height: 101%;

	background-color: #F1F1ED;

	font-family: Verdana, Helvetica, Geneva, sans-serif;
	font-size: 100.01%;
	color: #000;

	margin: 0px 0px;
	padding: 0;
}


ul {

	list-style: none;
}


.captions {

	color: #fff;
}

.textlight {
	color: #9cbcdc;
}

.textdark {
	color: #286199;
}

.higlight {
	color: #f00;
}


.wrapper {

	margin: auto;
	width: 980px;
}


.header {

	background: transparent url(../pictures/sprite.gif) no-repeat 0px 0px;
	width: 980px;
	height: 80px;
	position: relative;
}

.header a.logo {
	
	display: block;
	width: 150px;
	height: 70px;
	position: absolute;
}

.navMenuTop {
	
	position: absolute;
	right: 10px;
	bottom: 0px;
}

.nav {

	background: transparent url(../pictures/sprite.gif) no-repeat 0px -120px;
	width: 980px;
	height: 30px;
	position:relative;
	z-index: 200;
}

.footer {

	font-size: 0.7em;
	color: #fff;

	background: transparent url(../pictures/sprite.gif) no-repeat 0px -90px;
	width: 980px;
	height: 29px;
}

.footer .copyright {

	padding: 8px 24px 0 0;
}

.footer .information {

	padding: 8px 0 0 24px;
}

.footer .information span {

	font-weight: bold;
}


.content {

	background-color: #FFF;

	padding: 5px 0 5px 0;

	width: 980px;
	/* min-height: 500px; */
}

.clear {

	clear: both;
}

.hide {

	display: none;
}

.cloak {

	visibility: hidden;
}

.leftSide {

	float: left!important;
}

.rightSide {

	float: right!important;
}

.no_margin {

	margin: 0px!important;
}

.bold {
	
	font-weight: bold;
}

.hand {
	
	cursor: pointer;
}

.button {
	
	/*background: transparent url(../pictures/sprite.gif) no-repeat 0px -610px;*/
	color:#dde8f3;
	display:inline;
	border: 1px solid #3664a0;
	font-size: 12px;
	line-height:20px;
	height: 20px;
	margin:2px;
	padding:0 10px;
	cursor: pointer;
	background-color: #33638F;
}

.button:hover {
	
	color:#fff;
	text-decoration: underline;
}

#pageoverlay {
	
	background:#000000 none repeat scroll 0 0;
	height:100%;
	left:0;
	opacity:0.75;
	position:absolute;
	top:0;
	width:100%;
	z-index:200;
}

/*******************************************************************************
	HYPERLINKS
*******************************************************************************/

a {

	color: #286199;
	text-decoration: underline;
}

a:hover {

	text-decoration: none;
}


/*******************************************************************************
	RULES
*******************************************************************************/

.content .rules {
	
	width: 750px;
	padding: 0 0 0 200px;
	font-size: 12px;
	line-height: 18px;
}

.content .rules ul {
	
	list-style-type:square;
	margin: 10px 0 20px 0;
}

.content .rules ul li {
	
	line-height: 18px;
	margin: 0 0 0 20px;
}

.content .rules .caption {
	
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

.content .rules .chapter {

	font-weight: bold;
	text-align: center;
	font-size: 12px;	
	margin: 20px 0 0 0;
}

.content .rules .subchapter {

	font-weight: bold;
	text-align: left;
	font-size: 12px;	
	margin: 20px 0 0 0;
}


.content .rules .clanak {
	
	margin: 10px 10px 10px 0;
	font-weight: bold;
}

.rulesMenu .menuBackDark {
	
	width: 166px;
	background-color:#3773B3;
}

.rulesMenu ul {
	
	color: #fff;
	background-color:#3773B3;
	padding: 10px 0;
}

.rulesMenu ul li {
	
	margin: 0 0 20px 10px;
}

.rulesMenu ul li a {

	font-size: 11px;
	color: #fff;
	text-decoration:none;
}

.rulesMenu ul li a:hover {
	
	text-decoration:underline;
}

.rules a.top {
	
	font-weight: normal;
	font-size: 10px;
	color: #3773B3;
	text-decoration:none;	
}

.rules a.top:hover {
	
	text-decoration:underline;
}

.content .about_us {
	
	margin: 0 0 0 20px;
	width: 750px;
	font-size: 12px;
	color: #333;
}

.content .aboutus table {

	font-size: 12px;
	color: #333;
}

.content .offices {
	
	width: 750px;
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height: 18px;
}


.content .officesFilter {
	
	margin: 10px;
}

.officesMenu .menuBackDark {
	
	width: 166px;
	background-color:#3773B3;
}

.officesMenu ul {
	
	list-style-type:square;
	color: #fff;
	background-color:#0189bf;
	padding: 10px 0;
}

.officesMenu ul li {
	
	margin: 0 0 5px 30px;
}

.officesMenu ul li a {

	font-size: 11px;
	color: #fff;
	text-decoration:none;
}

.officesMenu ul li a:hover {
	
	text-decoration:underline;
}

.officesMenu .workingHours {
	
	margin: 0 0 0 15px;
	font-size: 10px;
	color: #000;	
}

.homepage {
	
	width: 650px;
}

.homepage .info {
	
	margin: 20px 0 0 30px;
}

.homepage .info p {
	
	font-size: 12px;
	margin: 10px 0;
}

.homepage .info a.mail {
	
	text-decoration: none;
	font-size: 12px;
	color:#000;
}

.search .qsearch {
	
	/*background:#9cbcdc none repeat scroll 0 0;*/
	border:1px solid #3664a0;
	color:#5d91c5;
	font-size:12px;
	font-weight:bold;
	margin:3px 0;
	padding:2px;
	text-align:left;
	width:160px;
	height:16px;
}

.search .button {
	
	font-family: Verdana;
	font-size:12px;
	height:20px;
	line-height:18px;
	float: right;
	margin: 1px 4px 4px 0;
}

/*******************************************************************************
	LIVE BETTING
*******************************************************************************/

.content .livebetting {
	
	font-size: 12px;
	margin: 0 0 0 110px;
}

/*******************************************************************************
	OFFER
*******************************************************************************/

.offer {

	position: relative;
	width: 580px;
}

.offerTable {
	border-left: 1px solid #a5c1dd;
	border-right: 1px solid #a5c1dd;
	border-bottom: 1px solid #a5c1dd;
}

/*******************************************************************************
	OFFER TITLE BAR
*******************************************************************************/

.offer .titlebar {

	background: transparent url(../pictures/sprite.gif) no-repeat 0px -340px;
	width: 578px;
	height: 27px;
	line-height: 27px;

	font-size: 12px;

	position: relative;
}

.offer .titlebar span.caption {

	font-size: 11px;
	font-weight: bold;

	padding: 0px 0px 0px 15px;
}

.offer .titlebar span.bookmarkCaption {

	font-size: 11px;
	font-weight: normal;

	padding: 0px 0px 0px 10px;
}

.offer .offerSport {
	
	font-size: 14px;
	/*color: #286199;*/
	font-weight: bold;
	margin:10px 10px 3px;
	/*text-align:center;*/
}

/* toolbar-b ******************************************************************/

.offer .toolbar-b {

	position: absolute;
	left: 280px;
	top: 0px;
	z-index: 152;

	width: 65px;
	height: 20px;
}

.offer .toolbar-b a {

	font-size: 11px;
}

.offer .toolbar-b a.toggle-minibook-text {

	color: #fff;

	text-decoration: none;

	padding:0 5px 0 0;
	display: block;
	line-height: 27px;
}


 .offer .toolbar-b a.toggle-minibook {

	background: transparent url(../pictures/sprite.gif) no-repeat 0px -530px;

	width: 13px;
	height: 12px;

	margin: 11px 5px 0 0;

	float: left;
}

.offer .toolbar-b a.toggle-minibook:hover {

	background: transparent url(../pictures/sprite.gif) no-repeat -20px -530px;
}

.offer .toolbar-b a.toggle-minibook-up {
	
	background: transparent url(../pictures/sprite.gif) no-repeat -40px -530px;
	width: 13px;
	height: 12px;

	margin: 11px 5px 0 0;

	float: left;	
}

.offer .toolbar-b a.toggle-minibook-up:hover {
	
	background: transparent url(../pictures/sprite.gif) no-repeat -60px -530px;
}

.offer .toolbar-b a.toggle-minibook-text {

	color: #fff;

	text-decoration: none;

	padding:0 5px 0 0;
	display: block;
	float: left;
}

.offer .toolbar-b a.toggle-allbook {

	background: transparent url(../pictures/sprite.gif) no-repeat -80px -530px;
	width: 13px;
	height: 17px;

	margin: 8px 0px 0 0;

	display: block;
	float: left;
}

.offer .toolbar-b a.toggle-allbook:hover {

	background: transparent url(../pictures/sprite.gif) no-repeat -100px -530px;
}

.offer .toolbar-b a.toggle-allbook-up {

	background: transparent url(../pictures/sprite.gif) no-repeat -120px -530px;
	width: 13px;
	height: 17px;

	margin: 8px 0px 0 0;

	display: block;
	float: left;	
}

.offer .toolbar-b a.toggle-allbook-up:hover {

	background: transparent url(../pictures/sprite.gif) no-repeat -140px -530px;
}

/* toolbar-p ******************************************************************/

.offer .toolbar-p {

	position: absolute;
	left: 350px;
	top: 0px;

	width: 60px;
	height: 27px;

	z-index: 151;
}

.offer .toolbar-p a {

	font-size: 11px;
}

/* toolbar-r ******************************************************************/

.offer .toolbar-r {

	font-weight: normal;

	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 150;

	width: 250px;
}

.offer .toolbar-r a {

	height: 20px;
	margin: 0 10px 0 0;

	color: #dbedf7;

	border-width: 0px;
	border-bottom: 1px #dbedf7 dotted;

	font-size: 10px;
	text-decoration: none;

	float: right;
}

.offer .toolbar-r a:hover {

	border-bottom: 1px #dbedf7 none;
}

.offer .toolbar-r a.top {

	background: transparent url(../pictures/sprite.gif) no-repeat -40px -530px;

	border: 0px #dbedf7 none;

	width: 13px;
	height: 12px;

	margin: 11px 10px 0 0;

	display: block;
	float: right;
}

.offer .toolbar-r a.top:hover {

	background: transparent url(../pictures/sprite.gif) no-repeat -60px -530px;
}

/*******************************************************************************
	OFFER (Result) BOOKMARKS
*******************************************************************************/

.pageBookmarks {
	
	border-bottom:1px solid #a5c1dd;
	border-left:1px solid #a5c1dd;
	border-right:1px solid #a5c1dd;
}

.bookmarks {

	background: #32628e url(../pictures/bookmarks-back.png) no-repeat 0 0;
	/*background-color: #000;*/
	color: #4176B1;
	padding: 1px 0 10px 0;
	/*margin: 0 0 5px 0;*/
}

.offerTable .bookmarks {

	padding: 0 10px 5px 10px;
}

.bookmarks a {

	color: #4176B1;

	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
}

.bookmarks a.sport {

	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;

	margin: 5px 0 5px 15px;
	display: block;
	color: #fff;
}

.bookmarks a.sport:hover {

	color: #3664A0;
}

.bookmarks a.competition {

	color: #9ab7d6;

	margin: 0 0 0 25px;

	width:  264px;
	height: 16px;
	line-height: 16px;

	float: left;
}

.bookmarks a.competition:hover {

	color: #9ab7d6;
	font-weight: bold;
}

.bookmarks a.basic {
	
	margin:0 25px 0 0;
}

.bookmarks a.basic:hover {

	color: #9cbcdc;
}

.bookmarks a.derivated {

	line-height:18px;
	padding:2px 0 2px 0;
	margin: 0 25px 0 0;
	text-decoration:none;
	/*white-space:nowrap;*/
}

.bookmarks a.derivated:hover {

	color: #9cbcdc;
}

.bookmarks a.higlight {

	font-weight: bold;
}

.pageBookmarks .bookmarkSpacer {

	height: 5px;
}


/* btContainer ****************************************************************/

.btContainer {

	font-size: 11px;
}

.btContainer table.competitionDataHeader {


	font-size: 10px;
	font-weight: normal;

	color: #fff;
	

	background: transparent url(../pictures/sprite.gif) repeat-x 0 -580px;

	width: 578px;
	height:21px;

	line-height:21px;
}

.btContainer table.competitionDataHeader th {

	font-family: Verdana;
	font-size:10px;
	font-weight:bold;
}

/* competitionDataHeader *******************************************************/

.competitionDataHeader th {
	
	color: #000;
}

.competitionDataHeader th.bt-padding {

	width: 10px;
}
.competitionDataHeader th.bt {

	padding:0 0 0 5px;
	text-align:left;
}

.competitionDataHeader th.tn {

	width:36px;
}

.competitionDataHeader th.r {

	text-align:center;
	width: 110px;
}

.competitionDataHeader th.wr {

	text-align:left;
	width: 110px;
}

/* competitionData ************************************************************/

.competitionData {

	width: 578px;
	background-color: #FFF;
	color: #000;
}

.competitionData tr {

	font-family: Verdana;
	font-size:12px;
	font-weight:normal;

	height: 23px;
	
	background-color: #edf5fd;
}

.competitionData td {

	border-bottom: 1px solid #E2EDF8;
}

.competitionData td.bc {

	width: 30px;
	text-align:right;
	color:#3664A0;
	font-size:10px;
}

.competitionData td.bs {

	width: 15px;
	cursor:pointer;
}

.competitionData td.bs a {

	background: transparent url(../pictures/sprite.gif) no-repeat -200px -530px;
	cursor:pointer;
	display:block;
	height:12px;
	width:15px;
	text-decoration: none;
}

.competitionData td.btm {

	font-size:10px;
	position: relative;
}

.competitionData td.btm a {

	color: #4176b1;

	text-decoration: none;
	display: inline;
}

.competitionData td.btm a:hover {

	text-decoration: underline;
}

.competitionData td.btm div.tm {

	width: 211px;
	position: relative;
}

.competitionData td .timedate {

	color: #3664a0;
	font-size: 10px;
	text-decoration: none;

	position:absolute;
	right: 1px;
	top: 0;
}

.competitionData td.r {

	font-weight: bold;
	
	text-align: center;
	width: 100px;
}

.competitionData td.wr {

	text-align:left;
	width: 100px;
}

.competitionData td.t {
	
	width: 36px;
	text-align:center;
	cursor:pointer; 
	border-left: 1px solid #E2EDF8;
}

.resultTable .competitionData td.t {
	
	cursor: auto;
}

.resultTable .competitionData td.act {
	
	background-color: #deebf8;
}

.resultTable .competitionData tr:hover .act {
	
	background-color: #bbd4eb; 
}

.offerTable .competitionData td.t:hover {
	
	background-color: #A00;
}

.offerTable .competitionData td.act {
	
	background-color: #f00;
	color:#FFF;
}

.competitionData td.te {
	
	width: 36px; text-align:center; 
	border-left: 1px solid #E2EDF8;
}

.competitionData tr.active {
	
	background-color: #c2daee;
}

.competitionData tr:hover {
	
	background-color: #e2edf8;
}

.warrning {

	color: #A00;
	background-color: #e2edf8;
	/*border-top: 1px solid #7ca9cc;
	background: transparent url(../pictures/sprite.gif) repeat-x scroll 0 -580px;
*/
	line-height: 20px;
	padding: 0 0 0 10px;
}