/*UBER GLOBAL RESET*/
	
	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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: inherit;
            font-style: inherit;
            font-size: 100%;
            line-height: 1.2;
            font-family: inherit;
            text-align: left;
            vertical-align: baseline;
            color:#555;
            font-family:Tahoma,Arial;
            font-size: 12px;
	}
        body { 
            background: url('../images/gras.jpg') repeat;
        }

	a img, :link img, :visited img {
	   border: 0;
	}
	
	em {
		font-style: italic; 
	}
	
	table {
            border-collapse: collapse;
            border-spacing: 0;
	}

	ol, ul {
	   list-style: none;
	}
	q:before, q:after,
            blockquote:before, blockquote:after {
            content: "";
	}
	
	strong {
		font-weight:bold;
	}
	
/*LAYOUT*/
	
	body {
	   text-align: center;
	}

        #ballwrap {
            width: 1135px;
            /*padding-top: 30px;*/
            margin: 30px auto 30px auto;
            text-align: center;
            /*background: url('../images/balls.png') no-repeat 0 2px;*/
            background: transparent;
        }	

	#wrapper {
	   margin: 0 auto;
           background: #fff url('../images/bg2.png') repeat-y;
           border: 2px solid #aaa;
	}

	#wrapper, #header, #container, #footer {
            text-align: left;
            width: 980px;
	}
	


	#left {
        float: left;
        width: 182px;
        padding: 9px;

	}
	
	#center {
            float: left;
            width: 565px;
            padding: 10px;
	}

	#right {
            width: 0;
            display: none;
            position: relative;

	}


	#footer {
            clear: both;
            height: 47px;
            background: url('../images/bottom.png') no-repeat -2px 0;
	}

        #banner {
         height: 150px;
        }


/*FURTHER PRESENTATION*/
	

        ul {
	   list-style-type: disc;
	  /* list-style-image: url(bullet.gif);*/
	   list-style-position: inside;
	}


        h2 {
            font-weight: bold;
            font-size: 15px;
            margin: 15px 0 8px 0;
        }

        h3 {
            font-weight: bold;
            font-size: 13px;
            margin: 12px 0 6px 0;
            text-decoration: underline; 
        }

        #tophead {
            background: #bc1c00 url('../images/top_menu.png') repeat-x;
            position: relative;
            height: 47px;
	}

	#flags {
            width:85px;
            height: 34px;
            position: absolute;
            right: 10px;
            top:14px;
            text-align: right;
	}

        p   {
            margin-bottom: 10px;
        }

	#flags .flag {
            width: 16px;
            height: 11px;
            margin-left: 7px;
            border: 1px solid #ccc;
	 }

	#banner img {
            width: 980px;
            height: 150px;
	}

	#menuzone {
            background: #fff url('../images/main.png') no-repeat -2px 0;
            height: 103px;
	}

	.center {
	   text-align: center;
	}

	#menuzone input.button {
	   margin: 0 15px;
	}

	#login1, #login2, #login3, #login4 {
            float: left;
            width: 180px;
	}

	#login1 {
            color: #fff;
            font-size: 32px;
            width: 215px;
            padding: 10px 0 0 10px;
	}

	#login2 input{
	   margin: 6px 0;
	}

	#login3 {
	   width: 245px;
	}	

	#login4 {
            width: 100px;
            color: #fff;
            font-size: 11.5px;
            padding-left: 10px;
	}
	
	.reset { 
	   clear: both; 
	}
	.leftlink {
            vertical-align: middle;
            background: url('../images/menuItemBg.gif');
            height: 15px;
            position:relative;
            padding: 0 0 2px 29px;
	}

        .leftlink a {
            position:absolute;
            top:50%;
            height: 15px;
            margin-top:-5px;
        }
	
	#footer {

	   /*background: url('../img/bottom.jpg');*/
	   position: relative;
	}
	.floatRight {
	   position: absolute;
	   right:0;
	}

        #center table {
            width: 100%;
            margin: 10px 0;
            font-size: 10.5px;
        }

       #center table th {
            text-align: left;
            font-weight: bold;
            padding: 4px;
            border-right: 1px solid #999;
            /* height: 21px;
            vertical-align:middle;*/
            color: #fff;
        }

        #center table th abbr {
            color: #fff;
        }

        #center table td {
            height: 20px;
						padding:4px; 
						border-right:1px solid #bbb;
						border-left:0;
            font-size: 11px;
        }

        #center table th, .tablehead {
            background: url('../images/tablehead.png') repeat 0 1px;
						background-position: bottom; 
						background-color:#BC1C00;
            font-size: 11.5px;
        }

        #left a, #menuzone a {
            font-family: Tahoma, Arial;
            font-size: 10px;
            font-weight: bold;
            text-decoration: none;
            color: #FFFFFF;
        }
        
        #left a:hover, #menuzone a:hover{
	   color: #FF7021;
        }

        #teamsMetaMenu {
            float: left;
             width: 180px;
        }

        #sportsmen {
            float: left;
            width: 220px;
            padding: 0 5px;
        }
        
        #playerteam {
            float: left;
            width: 358x;
        }

        #playground {
            background-image: url('../images/field.png');
            background-repeat: no-repeat;
            width: 358px;
            height: 493px;
            position: relative;
            font-size: 11px;
            float: left;
            margin: 0 2px 0 18px;
        }

        #sportsmenList {
            width: 100%;
        }

        #sportsmenList  option {
            margin-bottom: 5px;
            font-size: 11px;
        }

        .messageZone {
            background-color: #fff;
            border: 2px solid #ddd;
            padding: 8px;
            width: 570px;
            min-height: 35px;
/*            margin: 0 3px 9px 249px;*/
            color: #f00;
            font-size: 15px;
        }

        #teamsMenu .menuItem {
            padding: 5px;
            margin: 0 5px 5px 0; 
            background-color: #fff;
            border: 2px solid #ddd;
            width: 178px;
            float: left;
        }

        #teamsMenu .menuItem p, #teamsmetaMenu, .metaMenuItem p{
            padding: 0;
            margin: 0;
            /*vertical-align: bottom;*/
            text-align: left;
        }

        .floatLeft {
            display: inline;
            float: left;
        }
        .clear {
            clear: both;
        }

        .content p {
            margin-bottom: 5px;
        }

        .content h1, .content h2, .content h3 {
            margin-bottom: 7px;
            font-weight: bold;
        }

        #sportsmenList2 {
            font-size: 11px;
            height: 490px;
            width: 220px;
            overflow:auto;
            margin: 0 10px 0 10px;
						border:1px solid #7F9DB9;
						color:#3A4B57;
        }

        .dojoDndItem {
            padding: 3px 1px;
        }

        .dojoDndItemOver {
            background: #F8FF7A;
        }

         .dojoDndItemSelected {
            background: #D8DF5A;
        }
        .teamName {
            font-size: 12px;
            font-weight: bold;
        }
        
        #strikerContainer {
            position: absolute;
            top: 0;
            width: 358px;
            height: 164px;
        }
        #midfielderContainer {
            position: absolute;
            top: 165px;
            width: 358px;
            height: 164px;
        }
        #defenderContainer {
            position: absolute;
            top: 329px;
            width: 358px;
            height: 163px;
        }
        #goalieContainer {
            position: absolute;
            bottom: 0;
            left: 106px;
            width: 148px;
            height: 52px;
        }

        #goalieContainer div {
            position: absolute;
            top: 2px;
            left: 10px;
        }
        #playground .dojoDndItem, #substituteContainer .dojoDndItem{
            padding: 3px;
/*            background: url('../images/pix.png') repeat top left;*/
            color: #222;
            font-weight: bold;
            width: 122px;
            height: 35px;
            font-size: 10px;
            text-align: center;
         }

        #playground .dojoDndItemOver, #substituteContainer .dojoDndItemOver{
            background: transparent;
         }

        #playground #goalieContainer .dojoDndItem {
            width: 123px;
        }

        #substituteContainer {
            width: 145px;
            height: 493px;
            background: url('../images/subs.png') repeat top left;
            float: left;
            margin-left: 5px;
            position: relative;
        }
/*
        .defender {
            color: #1B33BD;
        }

        .striker {
            color: #B00000;
        }

        .midfielder {
            color: #BFB60A
        }
        .goalkeeper {
           color: #129A05;
        }*/

        .defender, .striker, .midfielder, .goalkeeper {
            color: #000;
        }

        .metaMenuItem {
            display: inline;
            padding: 5px;
            float: left;
            background-color: #fff;
            border: 2px solid #ddd;
            width: 178px;
            margin-bottom: 2px;
        }
        .invisible {
            display:none;
        }

        .question {
            padding: 2px;
            font-weight: bold;
            text-decoration: underline;
        }

        .answer {
             padding: 8px;
         }

        .qa {
            margin-bottom: 10px;
        }

        #substituteContainer p {
            color: #fff;
            text-align: center;
            padding: 5px 0;
        }

        #queryContainer, #queryContainer p {
            text-align:center;
        }

        .topmostLink {
            float: left;
            width: 200px;
            padding: 10px 0 0 20px;
        }

        .topmostLink a {
            text-decoration: none;
            color: #fff;
        }

        .topmostLink a:visited, .topmostLink a:hover, .topmostLink a:link {
            color: #fff;
        }

        #center div.hthtable {
            width: 470px;
            font-size: 11px;
            float: left;
            margin: 0 5px;
        }
        #select2 {
            position: absolute;
        }

        tr.odd td {
            background: #f9f9f9;
        }

        tr.even td {
            background: #eee;
        }

        tr.common td {
            background: #FFF159;
        }

        .smaller p, .smaller li {
            font-size:13px;
         }
        
         .hth, .hth-quarter, .hth-second, .hth-semi, .hth-final {
            border: 1px solid rgb(127, 157, 185); 
            color: rgb(58, 75, 87);
          }
         
         select.hth, select.hth-quarter, select.hth-second, select.hth-semi, select.hth-final  {
            width: 280px; 
         }

         input.hth {
            width: 180px; 
         }
         
        .hthButton {
            font-size: 12px;
            font-family: Tahoma, Arial;
         }

         #tabs {
            position: relative;
            height:25px;
            border-bottom: 4px solid #80be5a;
            margin-bottom: 10px;
         }

        #tabs div {
            height:25px;
            line-height:26px;
            text-align:center;
            width:168px;
            position: absolute;
         }

        #tabs a {
            color:black;
            font-size:10px;
            text-decoration: none;
            position: relative;
            bottom: 4px;
        }
        .tabInactive {
            background: url('../images/tabInactive.gif') no-repeat;
            font-weight: normal;
        }

        .tabActive {
            background: url('../images/tabActive.gif') no-repeat;
             font-weight:bold;
        }

        #tabHover {
            background: url('../images/tabHover.gif') no-repeat;
        }

        #tabHover a {
            font-weight:bold;
        }
        #teamsButton {
            position: absolute;
            right: 0;
            width: 180px;
        }

        #appContainer {
            font-size: 11px;
        }

        #appContainer input,#appContainer select {
            font-size: 11px;
            width: 160px;
        }

        #appContainer #lineups input{
            font-size: 11px;
            width: 122px;
        }

        #contentNode {
            position: relative;
        }
        #contentNode1 {
            float: left;
            width: 50%;
        }
        #contentNode2 {
            float: right;
            width: 50%;
        }
        .leftTable {
            width: 178px;
            font-size: 10px;
            font-family:Tahoma,Arial, serif;
        }

        .leftTable tr td, .leftTable tr th, .group_body th {
            height: 21px;
        }

        .leftTable tr th, .group_body tr th  {
            color: #fff;
            font-weight: bold;
            padding-top: 2px;
            text-align: center;
        }

        .leftTable tr td {
            padding: 3px;
        }

        .smallLeftTable {
            width: 168px;
            font-size: 7px;
            font-family:Tahoma,Arial, serif;
        }

        .smallLeftTable td, .smallLeftTable th {
            height: 16px;
        }
        .smallLeftTable td {
            font-size: 10px;
        }

        .smallLeftTable th {
            color: #fff;
            font-weight: bold;
            padding-top: 1px;
            text-align: center;
        }

        .smallLeftTable td {
            padding: 1px 2px;
        }
        
        .leftInfo {
            margin: 4px 0 0 9px;
            font-size: 12px;
            font-family:Tahoma,Arial, serif;
            font-weight: bold;
        }

   #center table.mceLayout tr { 
            margin: 0;
            padding: 0;
        }

         #center table.mceLayout td { 
            border: none;
   
            margin: 0;
            padding: 0;
        }

        #center table table {
            margin: 0;
        }

        a .linkll  {
            color: #fff;
         }
				 
	
	a:link, a:visited {
		font-weight:bold;
		text-decoration:none;
		color:#8b0000;
	}

	a:hover, a:active {
		font-weight:bold;
		text-decoration:none;
		color:blue;
	}

button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

button.submitBtn { 
	padding: 0 15px 0 0;
  margin: 0 5px 0 0;    
	font-size:2em; 
	text-align: center; 
	background: transparent url("http://www.wielerspellen.be/images/buttonSprite.gif") no-repeat right -140px;
  height: 25px; 
}
	
button.submitBtn span {
	padding: 4px 0 0 15px; 
	height:22px; 
	background: transparent url("http://www.wielerspellen.be/images/buttonSprite.gif") no-repeat left top; 
	color:black; 
	text-align:center;
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -70px;
}

.thinline {
	border:1px solid #7F9DB9;
	color:#3A4B57;
}
			
.nohead {
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
}

.nohead td {
   border-right: 1px solid #666;
    border-top: 1px solid #666;
}

.horizontal {
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
}

.horizontal td {
    border-right: 1px solid #666;
    border-top: 1px solid #666;
    width: 30px;
}

.group_header {
    margin: 8px 0 0 5px;
    font-weight: bold;
}
/*.teamspan {
    width: 200px;
    text-align: left;
    }*/

#center table.bets td {
    border: 0;
}

#center table.bets td.team {
    width: 125px;    
}

.hth2, #appContainer select.hth2{
    width: 200px;
    border: 1px solid rgb(127, 157, 185); 
    color: rgb(58, 75, 87);
}
.headerr {
    position: relative;
}


.headerr ul {
    list-style:none;
    /*margin:5px;*/
}
.headerr li {
    display:inline;

}
.headerr li a {
    float:left;
    /*background: white;*/
    height: 32px;
    padding: 5px 0 0 9px;
    text-decoration:none;
    border-right: 1px solid #ccc;

}
.headerr li a span {
    float:left;
    display:block;
    /*background:url("../layout/orange2.gif") no-repeat right top;*/
    padding:7px 15px 4px 6px;
    font-weight:bold;
    font-size: 13.5px;
    color:#efefef;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.headerr a span {float:none;}
/* End IE5-Mac hack */
.headerr a:hover span {
    color:#fff;

}


.submenu-cont {
    text-decoration:none;
    background-color:#9c9c9c;
    color:black;
    position:absolute;
    top: 37px;
    z-index:1;
    display:none;
    border: 1px solid #888;
    text-align:left;
}

.submenu {
    list-style-type: none;
    width: 200px;
    border-left: 8px solid #BBB;
    background-color:#9c9c9c;

}

.submenu li a{
    background-color:#9c9c9c;
    display: block;
    color: #eee;
    width: auto;
    padding: 5px 0;
    text-indent: 8px;
    text-decoration: none;
    white-space:nowrap;
}

.submenu li a:hover{
    background-image: none;
    background-color:#787878;
    color: #fff;
}

#loginDiv {
    display: none;
    background: #9c9c9c;
    color: #eee;
    width: 380px;
    border: 1px solid #444;
    position: absolute;
    top: 75px;
    left: 700px;
    padding: 10px;
    
}

#loginDiv a {
    color: #efed00;
}

#licznik {
    width: 186px;
    height: 89px;
    position: absolute;
    top: 5px;
    left: 410px;
}
#licznik span {
    position:absolute;
    top: 62px;
}

#licz_day {
    left: 23px;
}
#licz_hour {
    left: 62px;
}
#licz_min {
    left: 101px;
}
#licz_sec {
    left: 142px;
}

#licz_dayL {
    left: 46px;
}
#licz_hourL {
    left: 85px;
}
#licz_minL {
    left: 124px;
}
#licz_secL {
    left: 165px;
}
.licz {
    color: #f00;
    font-weight: bold;
}
.liczL {
    color: #000;
}
.group_head {
    background: url('../images/menu_header.png') no-repeat;
    padding: 2px 10px;
    width: 95%;
    height:19px;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    margin-top: 6px;
}
.group {
    background: #f9f9f9  url('../images/table_bg.png') repeat;
}

.group_body td{
    padding: 3px 5px;
}

.match {
    width: 100%;
}

.match td {
    font-size: 12px;
    padding: 3px 1px;
}

.balance {
    height: 130px;
}

.balance2 {
    height: 185px;
}

.envelope {
    text-align: center;
}
.central {
    width: 600px;
    margin: 0 auto;
}
#subleague_error {
    /*float: right;*/
    position: absolute;
    right: 5px;
    width: 380px;
    color: #f00;
    border: 1px solid #888;
    /*margin-bottom: 30px;*/
    text-align: center;
    padding: 5px;
}
/*select, option {
  behavior: url(sample.htc);
}*/

.hthtable h3 {
    height: 26px;
}

.myteam {
    color:#8b0000;
}

