/* top elements */
* {
    margin: 0;
    padding: 0;
}
/*body {
	margin: 5px 0 0 0;
	padding: 0;
	font: 70%/1.5em  Verdana, Tahoma, Arial, sans-serif;
	color: #000;
	background: #fff;
	text-align: center;
}
*/
body {
    background-color: #eee;
}
.vsbody {
    width: 990px;
    margin: 0 auto;
    /*background: url('images/background_wrapper_transpar.png') repeat-y !important;
	background: url('images/background_wrapper.png') repeat-y;
	padding: 0 5px;
    */
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 0 0 0;
    font: 70%/1.4em  Verdana, Tahoma, Arial, sans-serif;
    /*font: normal 1px Verdana, Arial, Tahoma, Sans-serif;
    */
    color: #000;
    background: #fff;
    text-align: center;
}
/* links */
a:link, a, a:active {
    color: #133E17;
    background-color: inherit;
    text-decoration: underline;
}
a:hover {
    color: #000;
    /*background-color: #133E17;*/
    
    /*text-decoration: underline;*/
}
/* headers */
h1, h2, h3 {
    font-family: 'Verdana', Tahoma, Sans-serif;
    font-weight: Bold;
}
h1 {
    font-size: 145%;
    padding: 10px 10px 2px 3px;
    color: #267f30;
    background-color: inherit;
    border-bottom: 1px solid #999;
    /* max-width: 90%;*/
}
h2 {
    font-size: 125%;
    text-transform: uppercase;
}
h3 {
    font-size: 125%;
    color: #404040;
}
h2, h3, p {
    padding: 10px;
    margin: 0;
}
/* images */
/*.CHPP img {
	border: 0px solid #D5D5D5;
}
*/
img.float-right {
    margin: 5px 0px 5px 10px;
}
img.float-left {
    margin: 5px 10px 5px 0px;
}
#sidebar h1, #sidebar p {
    padding-left: 0;
}
ul, ol {
    margin: 10px 20px;
    padding: 0 20px;
}
code {
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
    background: #FAFAFA;
    border: 1px solid #f2f2f2;
    border-left: 4px solid #FF9966;
}
acronym {
    cursor: help;
    border-bottom: 1px solid #777;
}
/* form elements */
/*label {
	display: block;
	font-weight: bold;
	margin: 5px 0;
}
*/
/*select {
	max-width: 150px;
}
textarea {
	width: 350px;
	padding: 3px;
	font: normal 1em Verdana, sans-serif;
	border: 1px solid lightblue;
	height: 100px;
	display: block;
	color: #000;
}
*/
select, input, textarea {
    font: normal 12px Arial, Verdana, Tahoma, Sans-serif;
}
/*input.button {
	/*margin: 0;
	font: bolder 12px Verdana, Sans-serif;
	border: 1px solid lightblue;
	padding: 2px 3px;
	background: #FFF;
	color: #267f30;
	cursor: pointer;
}
input.button:hover {
	margin: 0;
	font: bolder 12px Verdana, Sans-serif;
	border: 1px solid #999;
	padding: 2px 3px;
	background: #eee;
	color: #267f30;
	cursor: pointer;
}
*/
/*server select form*/
#selectHTServer {
    padding: 0;
    margin: -8px 0 0 0;
    border: none;
    background-color: transparent;
}
input.textbox {
    margin: 0;
    width: 120px;
    border: 1px solid #ccc;
    background: #FFF;
    color: #000;
    vertical-align: top;
}
/**************************************   LAYOUT ***************************************/
#wrap {
    margin: 0 10px auto;
    padding: 0 0 0 0;
    text-align: left;
    clear: both;
}
/* header */
#header {
    position: relative;
    height: 80px;
    width: 100%;
    /*970px*/
    margin: 5px 0 5px 0;
    padding: 0 0 0 0;
    color: #808080;
    background:
        /*#217b33*/
        url('../images/design/page_header.png') no-repeat;
    /*#217b33*/
}
#header h1#logo {
    position: absolute;
    font: bold 3.9em "Trebuchet MS", Arial, Tahoma, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #75A54B;
    letter-spacing: -2px;
    border: none;
    /* change the values of top and Left to adjust the position of the logo*/
    top: 0;
    left: 2px;
}
#header h1#logo span {
    color: #F18359;
}
#header h2#slogan {
    position: absolute;
    margin: 0;
    padding: 0;
    font: bold 12px Arial, Tahoma, Sans-Serif;
    text-transform: none;
    /* change the values of top and Left to adjust the position of the slogan*/
    top: 43px;
    left: 45px;
}
/* menu */
#main_header {
    color: #FFF;
    padding: 0 5px 0 3px;
    clear: both;
    background-color: #267f30;
    background: url(../images/design/green_header_l.png) no-repeat;
    height: 20px;
    margin: 0 0 0 0;
    font: normal 1.0em/20px Tahoma, Verdana, Arial, Sans-Serif;
}
.mainh {
    color: #FFF;
    padding: 0 0 10px 7px;
    /*clear: both;
    */
    background: url(../images/design/content_header.png) no-repeat right 0;
    height: 20px;
    margin: 5px 0 0 140px;
    font: normal 1.0em/20px Tahoma, Verdana, Arial, Sans-Serif;
}
.mainh a{
    color: #FFF;
    text-decoration: none;
}
#sub_main_header {
    margin: 5px 0 0 0;
    padding: 0 0 0 3px;
    clear: both;
    color: #267f30;
    /*background-color: #f3d203;
    */
    background: url(../images/design/yellow_header_l.png) no-repeat;
    height: 20px;
    font: normal 1.0em/20px Tahoma, Verdana, Arial, Sans-Serif;
    text-align: center;
}
#sub_main_header a {
    margin: 0 3px 0 3px;
    font-weight: normal;
    color: #000;
}
#sub_main_header a:hover {
    font-weight: normal;
    text-decoration: underline;
    color: #133E17;
    background-color:transparent;
}
#menu ul {
    margin: 0;
    padding: 0 0 0 8px;
}
#menu ul li {
    float: left;
    list-style: none;
    border-right: 1px solid #FFA500;
}
#menu ul li a {
    display: block;
    text-decoration: none;
    padding: 0 15px;
    color: #FFF;
}
#menu ul li a:hover {
    color: #333;
    background: url(../images/Skin/menu-hover-bg.gif) repeat-x;
}
#menu ul li#current a {
    color: #333;
    background: url(../images/Skin/menu-current-bg.gif) repeat-x;
}
/* sidebar */
#sidebar {
    float: left;
    width: 125px;
    margin: 0 0 0 0;
    padding: 0;
    padding-bottom: 5px;
    display: inline;
    background-color: #FFF;
}
#sidebar h1 {
    font: bold 100%/20px Verdana, Arial, Sans-Serif;
    margin: 5px 0 0 0;
    height: 20px;
    line-height: 20px;
    width: auto;
    padding: 0 0 0 3px;
    /*background-color: #267f30;
    */
    background: url(../images/design/sidebar_header.png) no-repeat left 0;
    color: #EEE;
    /*#f3d203;
    */
    border: none;
}
#sidebar ul.sidemenu {
    list-style: none;
    text-align: left;
    margin: 0 0 7px 0;
    padding: 0 0 5px 0;
    text-decoration: none;
}
#sidebar ul.sidemenu li {
    /*border-bottom: 1px solid #EFF0F1;
    */
    /*background: url(../Img/Skin/arrow.gif) no-repeat 3px 6px;
    */
    color: #267f30;
    background-color: #eee;
    padding: 0 0 0 2px;
}
#sidebar ul.sidemenu li a {
    font-weight: normal;
    background: none;
    text-decoration: none;
    color: #267f30;
}
#sidebar ul.sidemenu li a:hover {
    text-decoration: underline;

}
.img_chppApproved {
    width: 120px;
    height: 60px;
    background: url(../images/chpp_logotype.gif) no-repeat;
}
.img_nettePowered {
    /*width: 80px;
	height: 15px;
    */
    background: url(http://nettephp.com/images/nette-powered.gif) no-repeat;
}
/* main column */
.main {
    margin: 0 0 0 15px;
    margin: 0 0 0 140px;
    padding: 0;
    width: 825px;
    overflow: auto;
    /*clear: both;
    */
}
.post-footer {
    background-color: #FAFAFA;
    padding: 5px;
    margin: 15px 10px 10px 10px;
    border: 1px solid #f2f2f2;
    font-size: 95%;
}
.post-footer .date {
    background: url(../images/Skin/clock.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}
.post-footer .comments {
    background: url(../images/Skin/comment.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}
.post-footer .readmore {
    background: url(../images/Skin/page.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}
/* footer */
#footer {
    clear: both;
    color: #000;
    padding: 0 0 0 0;
    margin: 20px 0 0 0;
    /*background: #f3d203*/
    background: url(../images/design/yell_center.png) repeat-x;
    /* url(../images/Skin/footerbg.gif) repeat-x*/
    font: normal 100%/20px Verdana, Arial, Sans-Serif;
    height: 20px;
}
#footer a {
    text-decoration: none;
    color: #444;
    font-weight: bold;
}
#footer a:hover {
    text-decoration: underline;
    color: #666;
    font-weight: bold;
}
#footer-content {
    margin: 0 auto;
    width: 800px
}
#footer-content #footer-left {
    display: inline;
    float: left;
    text-align: left;
}
#footer-content #footer-right {
    display: inline;
    float: right;
    text-align: right;
}
/* alignment classes */
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
/* additional classes */
.clear {
    clear: both;
}
.green {
    color: #75A54B;
}
.textCenter {
    text-align: center;
}
/* boxes */
.eventHighlight {
    background-color: #FEFBC8;
    border: solid 1px #B4B4B4;
    padding: 7px 7px 5px 10px;
    overflow: hidden;
    margin: 5px 0px;
}
.eventHighlight a {
    text-decoration: underline;
}
.eventHighlight a:hover {
    text-decoration: none;
}
.marked {
    background-color: #000;
    text-decoration: underline;
}
/* images */
.countryFlag {
    width: 20px;
    height: 12px;
    border: none;
}
/* tables */
table {
    width: 820px;
    font: 11px  Verdana, Tahoma, Arial, sans-serif;
    color: #000;
}
.table1 {
    width: 50%;
    font: 11px  Verdana, Tahoma, Arial, sans-serif;
    color: #000;
}
.table2 {
    width: 100%;
    font: 11px  Verdana, Tahoma, Arial, sans-serif;
    color: #000;
}
.table2 a {
    text-decoration: underline;
}
.tableLiga {
    width: 70%;
    font: 11px  Verdana, Tahoma, Arial, sans-serif;
    color: #000;
    empty-cells: show;
    border-spacing: 0px 2px;
}
.customTable {
    font: 11px  Verdana, Tahoma, Arial, sans-serif;
    color: #000;
}
.headBold {
    font: 12px  Verdana, Tahoma, Arial, sans-serif;
    color: #FFF;
    font-weight: bold;
    background-color: #7f7f7f;
    height: 18px;

}
tr.headBold td {
    border-bottom: 3px solid #999;
}
.headBold a {
    font: 12px  Verdana, Tahoma, Arial, sans-serif;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    height: 15px;
}
.headBold a:hover {
    font: 12px  Verdana, Tahoma, Arial, sans-serif;
    color: #DDD;
    font-weight: bold;
    text-decoration: underline;
    height: 15px;
}
.row_wt_0 {
    background-color: #fff;
}
.row_wt_1 {
    background-color: #eee;
}
.row_ct_0 {
    background-color: #fff;
}
.row_ct_1 {
    background-color: #ddd;
}
.row_ct_0:hover {
    background-color: #FFFF99;
}
.row_ct_1:hover {
    background-color: #FFFF99;
}
.error {
    /*width: 400px;*/
    color: #000;
    background-color: #ccc;
    border: solid 1px Red;
    padding: 7px 7px 5px 10px;
    margin: 5px 5px;
}
.menuHighlight {
    background-color: #FEFBC8;
    border: solid 1px #B4B4B4;
    padding: 7px 7px 5px 10px;
    overflow: hidden;
    margin: 5px 0px;
}
.eventHighlightRed {
    background-color: #ff3333;
    border: solid 1px  #00ff00;
    padding: 7px 7px 5px 10px;
    overflow: hidden;
    color: #ccffff;
    margin: 5px 0px;
}
/*RSS and news*/
.date {
    color: #7f7f7f;
}
.title, h1 {
    color: #75A54B;
    font: bold 12px  Verdana, Tahoma, Arial, sans-serif;
    border-bottom: 1px solid #999;
}
.title2 {
    color: #75A54B;
    font: bold 14px  Verdana, Tahoma, Arial, sans-serif;
    display: block;
    text-align: center;
    padding: 7px 5px 5px 10px;
    border-bottom: 1px solid #999;
}
.matchHomeTeam {
    float: left;
    /*position: relative;
    */
    width: 401px;
    padding: 5px 5px 5px 5px;
    /*height: 200px;
    */
}
.matchAwayTeam {
    float: right;
    position: relative;
    width: 401px;
    padding: 5px 5px 5px 5px;
    border-left: 1px solid #999;
}
.matchInfo {
    color: #ccc;
    width: 802px;
    /*padding: 5px 5px 5px 5px;
    */
    /*height: 200px;
    */
}
.tableMatchInfo {
    float: right;
    position: relative;
    /*padding: 5px 5px 5px 5px;
    */
}
.tableMatchInfo td {
    width: 400px;
}
.tableMatchInfo .td_border {
    width: 2px;
    border-left: 1px solid #999;
}
.hr_line {
    display: block;
    text-align: center;
    padding: 0 5px 5px 5px;
    border-bottom: 1px solid #999;
}
.moreRSS a {
    font: normal 11px  Verdana, Tahoma, Arial, sans-serif;
    color: #75A54B;
}
.moreRSS a:hover {
    text-decoration: underline;
    color: #999;
}
.right {
}
.win {
    color: #267f30;
    font-weight: bold;
}
.w100 {
    width: 100%;
}
.w80px {
    width: 80px;
}
/*CUP BOXES*/
.cupBox {
    text-align: center;
    /*border-bottom: 2px solid #000;
    */
    /*background: green;
    */
}
.textCupBox {
}
.lineHorizontal {
    width: 2px;
    background: #000;
    height: 20px;
}
.lineupTable {
    width: 820px;
}
.lineupPlayer {
    text-align: center;
    position: relative;
    width: 160px;
    height: 80px;
}
a.pagesNav {
    margin-right: 2px;
    border: solid 1px #ddd;
    text-decoration: none;
    background-color: #edf1ed;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
    padding: 3px 5px;
}
a.pagesNav:hover {
    background-color: #ddd;
}
a.pagesNav#highLighted {
    margin-right: 2px;
    border: solid 1px #ddd;
    text-decoration: none;
    background-color: #FEFBC8;
    line-height: 20px;
    font-weight: bold;
}
.teamLogo {
    float: right;
    margin-left: 20px;
    width: 210px;
    overflow: hidden;
    max-height: 260px;
}
#blank {
    background-color: #fff;
}
#blank:hover {
    background-color: #FFFF99;
}
div.empty {
    width: 100%;
    height: 170px;
    float: left;
    background: #ccc;
    position: relative;
}
.tableLiga.borderBottom{

    border-bottom: 1px #ccc solid;
}


.paginator {
    margin: 1em 0;
    font-size: 100%;
}

.paginator a, .paginator span {
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
    color: #999999;
}

.paginator a {
    border: 1px solid #61a86f;
    text-decoration: none;
    color: #217b33;
}

.paginator a:hover{
    color: #20a13a;
}

.paginator span.button {
    border: 1px solid #DDDDDD;
}

.paginator .current {
    background: #217b33;
    border: 1px solid #217b33;
    color: white;
    font-weight: bold;
}
#createHF {
    text-align: right;
}
#createHF a {
    color: #999;
    cursor: pointer;

}

#createHF a:hover {
    color: #000;
    text-decoration: underline;
    background-color: transparent;
}

.hf_table_box {
    background: #ddd;
    border: 2px solid #20a13a;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;

}

div .header {
    background: transparent;
    color: #555;
    font: bolder 122%/1.8em  Verdana, Tahoma, Arial, sans-serif;
    text-align: center;
    border-bottom: solid 1px #444;
}
.box50p {
    width: 50%;


}
.max50p {
    max-width: 50%;
}









div.info {
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    background-color: #ffddff;
    border: 1px solid green;
}
div.info a {
    color: green;
    text-decoration: underline;
}
div.info a:hover {
    color: olive;
    text-decoration: inherit;
}











.dreamteam {
    overflow: hidden;
    text-align: center;
}

.dreamteam ul {
    margin: 0 auto;
    padding: 0;
}

.dreamteam li {
    float:left;
    margin: 0;
    padding: 5px;
    width: 135px;
    text-align:center;
    list-style-type: none;
}

.dreamteam .keeper {
    text-align: center;
}

.dreamteam .defence {
}

.dreamteam .midfield {
}

.dreamteam .attack {
}

.dreamteam .defender {
    float:left;
    margin: 0;
    padding: 5px;
    width: 130px;
    text-align:center;
    list-style-type: none;
}

.dreamteam .midfielder {
    float: left;
    margin: 0;
    padding: 5px;
    width: 130px;
    text-align:center;
    list-style-type: none;
}

.dreamteam .attacker {
    float:left;
    margin: 0;
    padding: 5px;
    width: 130px;
    text-align:center;
    list-style-type: none;

}

.dt_1_players {
    width: 140px;
}

.dt_2_players {
    width: 280px;
}

.dt_3_players {
    width: 420px;
}

.dt_4_players {
    width: 560px;
}

.dt_5_players {
    width: 700px;
}

div .allstar {

    float: left;
    border: solid 2px #555;
    margin: 10px 0 10px 0;
}
.tcenter {

    text-align: center;
}
.tbold {

    font-weight: bold;
}
.bg_green {

    background-color: #267f30;
}
.twhite {

    color: #fff;

}
.seriesTableHome{

    background-color: #AABDCD;
}
.seriesTableAway{

    background-color: #ACA899;
}

.viewMatchRTTable td{
    width: 70px;
    height: 25px;
    border: solid 2px #ccc;

}