@charset "utf-8";
/* CSS Document */

body {
	margin:0 auto;
	font-size:12px;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	background:#EEE;
}
img{

border:none;
}
@media only screen and (min-width: 1400px) {   
        body {
				font-size:12px !important;
			}
        #odds .name,.mcell,.cell,.trend {
				font-size:12px !important;
		 }
 } 
a {
	font-size:12px;
	text-decoration:none;
}
iframe{

}

/**********
 *	Header
 **********/

.pagelimit {
	width:980px;
	height:inherit;
	margin:0 auto;
}

#header {
	width:100%;
	min-width:980px;
	height:180px;
	background:url(../images/header.png);
}

#header .logo {
	width:200px;
	height:150px;
	margin:21.5px 0 0 0;
	float:left;	
	background:url(../images/logo2.png) no-repeat;
}

#header .image {
	width:750px;
	height:180px;
	float:right;
	background:url(../images/images.jpg) no-repeat;
	background-position:right 30px;
}

/**********
 *	Menu
 **********/

#menu {
	width:100%;
	min-width:980px;
	height:35px;
	background:url(../images/menu_background.png);
}

#menu .home {
	margin:0;
	background:url(../images/menu_home.png);
	color:#FFF;
	border-radius:3px;
}

#menu a {
	height:20px;
	margin:0 2px;
	padding:7px 10px 8px;
	float:left;	
	color:#555;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	border-radius:3px;
}

#menu a:hover {
	background:url(../images/menu_background_hover.png);
	color:#FFF;
}

#menu .onpage {
	background:url(../images/menu_home.png);
	color:#FFF;
}

#menu .pages {
	margin:0 0 0 400px;
}

#menu .region {
	float:right;
	margin:0 -2px 0 0;
}

/***************
 *	Container
 ***************/

.body {
	width:980px;
	margin:auto;
}
 
#container {
	width:988px;
	min-height:800px;
	margin:10px auto;
	background:#DDD;
	border:solid 1px #CCC;
	float:left;
}

#rightcontainer {
	width:757px;
	min-height:800px;
	padding:0 0 10px 0;
	float:left;
	border-left:solid 1px #AAA;
}

/*******************
 *	Left Container
 *******************/
 
#leftcontainer {
	width:220px;
	height:inherit;
	padding:0 0 10px 0;
	float:left;
	background:#F5F5F5;
} 

#leftcontainer div {
	float:right;
}

#leftcontainer .box {
	width:200px;
	padding:7px 10px;
	float:left;
	color:#555;
	font-weight:bold;
	text-align:center;
	background: -moz-linear-gradient(bottom, rgb(237,237,237) 48%, rgb(245,245,245) 74%);
	background:url(../images/leftmenu.png) repeat;
}

#leftcontainer .title {
	width:80px;
	padding:2px 0 0 0;
	float:left;
}

#leftcontainer .box select {
	margin:0;
	width:100px;
	float:right;
}

#leftcontainer .advert {
    margin: 10px 0;
    padding: 0 50px;
    text-align: center;
    width: 120px;
}

/***********
 *	Other
 ***********/
 
#quick {
	width:745px;
	height:60px;
	font-size:12px;
	background:#DDD;
	border-bottom:solid 1px #AAA;
	float:left;
}

#quick .view {
	margin:0;
	width:73px;
	padding:6px 0;
	color:#FFF;
	background:#777;
	font-weight:bold;
	text-align:center;
	float:left;
	
	height: 15px; /* badge */
}

#quick .view b{ 
	width: 72px;
	float: left;
	height: 27px;
	line-height: 29px;
	margin-top: -6px;
	position: relative;
} 
#typetotals #info .iupdate{
	width:100px;
}
#typetotals #info .itrend{
	width:67px;
}
#typetotals #info .iwide{
	width:126px;
}
#typetotals #info .icell{

	width:62px;
}
#typetotals #info .igroup{
	width:128px;
}
#quick .switch {
	width:240px;
	margin:15px;
	float:left;
}

#quick .advert {
	float:right;
	margin:0;
	padding:0;
}

#quick .onpage {
	background:url(../images/menu_home.png);
	color:#FFF;
}

#quick .view:hover { 
	background:url(../images/menu_background_hover.png);
	color:#FFF;
}

.loading {
	width:100%;
	height:60px;
	padding:50px 0;
	font-size:14px;
	font-weight:bold;
	color:#369;
	text-decoration:blink;
	background:url(../images/loader.gif) center no-repeat;
}

/**********
 *	Info
 **********/

#info {
	width:740px;
	padding:5px 3px 5px 12px;
	text-align:center;
	color:#EEE;
	font-weight:bold;
	background:#DDD;
	float:left;
}

#info div {
	float:left;
}

#info .istart, .igame, .itrend, .iupdate, .iwide , .icell{
	width:65px;
	height:14px;
	margin:1px;
	padding:16px 0;
/*	background:#777; */
	background: #555555;
}

#info .istart {
	width:52px;
	height:30px;
	padding:8px 0;
}

#info .igame {
	width:249px;
}

#info .igroup {
	height:100%;
	width:134px;
}

#info .iwide, #info .icell {
	width:132px;
	height:14px;
	padding:4px 0;
}

#info .icell {
	width:65px;
}

#info .iupdate {
	width:92px;
}

/**********
 *	Odds
 **********/

#odds {
	width:730px;
	margin:0 0 0 13px;
	text-align:center;
	color:#333;
	float:left;
}

#odds .league {
	width:100%;
	height:20px;
	margin:15px 0 0 0;
	padding:5px 1px 5px; 
/*	color:#555; */
	text-align:left;
	font-weight:bold;
	background:#EEE;
	float:left;
}

#odds .league div {
	height:12px;
	padding:2px 0 6px;
}

#odds .country {
	float:left;
}

#odds .flag { 
	margin:0 10px 0;
	float:left;
	background-position:center;
}


#odds .date {
	float:right;
	margin:0 10px 0 0;
	color:#666;
	font-weight: normal;
}

#odds .event {
	width:100%;
	margin:0 0 5px 0;
	padding:1px;
	float:left;
	background:#FFF;
}

#odds .start {
	width:50px;
	height:30px;
	padding:8px 0 ;
	background:url(../images/ready.gif) center 25px no-repeat;
	float:left;
}

#odds .ended {
	background:url(../images/ended.gif) center 25px no-repeat;
}

#odds .change {
	width:90px;
	height:30px;
	padding:16px 0 0 0;
	float:left;
}
#odds .change-totals {
	width:92px;
	height:30px;
	padding:16px 0 0 0;
	float:left;
}

#odds .wrap1 {
	width:586px;
	height:100%;
	float:left;
}

#odds .wrap2 {
	width:251px;
	height:100%;
	float:left;
}

#odds .team {
	height:50%;
	float:left;
}

#odds .name, .cell, .trend{
	width:65px;
	height:16px;
	padding:3px 0;
	float:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.mcell{
	width:109.6px;
	height:16px;
	padding:3px 0;
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
}

#odds .fullcell, .trend2 {
	width:64px;
	height:30px;
	padding:16px 0 0 0;
	float:left;
}
div.mtrend{
	float:right!important;
	height:12px!important;
	padding: 0 !important;
}	
#odds .list {
	display:none;
}

#odds .group2cell {
	width:67px;
	height:100%;
	float:left;
}

#odds .name {
	width:249px;
	font-size:inherit;
	font-family:inherit;
}

#odds .ctr {
/*	background-color:#5FB449; */
	background-color:#777777;
	color:#FFF;
}

/*	.br stands for border  */
#odds .br {
	margin:1px;
}

/*	.bl stands for blue  */
#odds .bl {
/*	background-color:#C2E1E7; */
	background-color:#eeeeee !important;
	color:#000;
}

/*	.gr stands for green  */
#odds .gr {
	background-color:#DDF1E2;
	color:#000;
}

#odds .up {
	font-weight:bold;
	color:#C60;
}

#odds .down {
	font-weight:bold;
	color:#093;
}

#odds .trdw {
/*	background:url(../images/trend_dw.gif) center no-repeat; */
	background:url(../images/trend_dw.png) center no-repeat;
}

#odds .trup {
/*	background:url(../images/trend_up.gif) center no-repeat; */
	background:url(../images/trend_up.png) center no-repeat;
}

#odds .trno {
/*	background:url(../images/trend.gif) center no-repeat; */
	background:url(../images/trend-no.png) center no-repeat;
}

#odds .trend2 {
	background:url(../images/trend.png) center no-repeat;
	background-color:#C2E1E7; 
}

#odds .trend:hover {
	cursor:pointer;
}

#odds .trend2:hover {
	cursor:pointer;
}

#odds .nogames {
	width:100%;
	margin:10px auto;
	padding:10px 4px;
	color:555;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}

/*************
 *	Footer
 *************/
 
#footer {
	width:100%;
	height:130px;
	margin:0 auto;
	background:url(../images/footergrey.png);
	background-size:auto 100%;
	font-weight:bold;
	float:left;
}

#footer .pagelimit {
	height:100px;
	padding:10px 0 0 0;
}

#footer .links {
	padding:0 0 0 180px;
}

#footer a {
	padding:10px 20px;
	color:#444;
	background:none;
	float:left;
}

#footer a:hover {
	color:#063;
	text-decoration:underline;
}

#footer .copyright {
	width:100%;
	padding:10px 0 0 0;
	float:left;
	text-align:center;
}

#footer .credits {
	padding:0 5px 0 0;
	float:right;
	color:#444;
}

#footer .credits a:hover {
	text-decoration:none;
}

#localtime {
	margin:5px 10px;
	text-align:center;
	float:right;
}


/****************
 *	Footer Page
 ****************/
#footer .advert a{
margin-left:450px;
}
#about {
	width:670px;
	margin:10px auto;
	padding:10px 30px 50px;
	background:#EEE;
	border:solid 1px #BBB;
	border-radius:2px;
}


/**********
 *	Plot
 **********/

#trend {
	width:400px;
	padding:15px;
	position:fixed;
	left:35%;
	top:10%;
	border:solid 2px #CCC;
	background:#EEE;
	border-radius:5px;
	display:none;
	box-shadow: 0px 0px 10px 5px #666;
	cursor:move;
}

#trend .info {
	width:100%;
	padding:5px 0;
	margin:0 0 5px 0;
	float:left;
	font-weight:bold;
	text-align:center;
	color:#555;
}

#trend .info b{
	color:#C00;
}

#trend .hide {
	width:42px;
	height:42px;
	margin:-40px -10px 0 0;
	float:right;
	background:url(../images/closeplot.png) center top;
}

#trend .hide:hover {
	cursor:pointer;
	background:url(../images/closeplot.png) center bottom;
}

#trend .list {
	width:320px;
	margin:10px 0 0 20px;
	max-height:200px;
	overflow:auto;
	float:left;
	cursor:default;
}

#trend .od {
	width:90px;
	float:left;
	text-align:center;
}
#trend .od2 {
	width:180px;
	float:left;
	text-align:center;
}

#plot {
	width:400px;
	height:225px;
	float:left;
}

#plot:hover {
	cursor:pointer;
}
.src{
word-wrap: break-word
}
	.info_iframe{
  font-size:12px;
  font-weight:bold;
  margin-top:20px;
  float:left;
  margin-left:20px;
  }
 .info1x2 div.igroup{
	width:112px!important;
 }
  .info1x2 div.igroup .iwide{
	width:110px!important;
  }
#min_prc{
		margin-top:8px;
		border-radius:5px;
		border :none;
		width:35px;
		color:#777777;
		padding-left:5px;
}
#min_prc_btn{
		background:#5FB449;
		border-radius:5px;
		color:#ffffff;
		border:none;
		cursor:pointer;
		margin-left:10px;
		
}
#change_min{
	color:#555555;
}
.mcell b{
	width: 100%;
	height: 22px;
	top: -3px;
	display: block;
	font-weight: normal;
	position: relative;
	line-height: 22px;
}

.border-btn{ border-left: 1px solid #dddddd !important; border-right: 1px solid #dddddd !important;}

  #typeodds  .cell, #typeodds  .trend{
	width:65px !important;
}
  #typetotals  .cell, #typetotals  .trend{
	width:65px !important;
}

  #type1x2 .cell, .trend{
	width:58px;
}