html, body, #wrapper{height: 100%; width: 100%;}
html{background-color: #000;}
body, select, input, textarea, #container{font-family: Arial, Tahoma, Sans-Serif, Verdana; font-size: 11px; color: #fff;}

#wrapper{ min-height: 100%; height: auto !important; margin: 0 auto /**-50px*/; position: relative; z-index: 2;}

#container, #footer .content{width: 960px; max-width: 960px; margin: 0 auto; background-color: transparent;}

img#background{height: 100%; position: fixed; top: 0; left: 10%; z-index: -1; max-width: 100%; text-align: center;}

/** <header> */
#header{clear: both; overflow: hidden; height: 125px; position: relative;}
#header .menu, #header .menu_left, #header .menu ul li, #header .menu li a, #header .menu_left li, #header .menu_left li a{height: 46px;}
#header .menu{float: right;}
#header .menu ul{}
#header .menu ul li{display: inline; float: left; background: transparent url("../multimedia/images/common/backgrounds/header/menu_sep.png") no-repeat right top;}
#header .menu ul li:first-child{background-image: url("../multimedia/images/common/backgrounds/header/menu_begin.png"); background-position: right top; width: 29px;}
#header .menu ul li:last-child, #header .menu ul li.last-child {background-image: url("../multimedia/images/common/backgrounds/header/menu_sep_last.png") !important;}
#header .menu ul li a{display: block; line-height: 46px; padding: 0 5px; margin-right: 20px; text-align: center;background: transparent url("../multimedia/images/common/backgrounds/header/menu_tile.png") repeat-x left top;}

#header .menu_left{float: left;}
#header .menu_left ul{}
#header .menu_left li{display: inline; float: left; background: transparent url("../multimedia/images/common/backgrounds/header/menu_left_sep.png") no-repeat right top;}
#header .menu_left li:first-child{background-image: url("../multimedia/images/common/backgrounds/header/menu_left_begin.png"); background-position: left top; width: 18px;}
#header .menu_left li:last-child, #header .menu_left li.last-child {background-image: url("../multimedia/images/common/backgrounds/header/menu_left_sep_last.png") !important;}
#header .menu_left li a{display: block; line-height: 46px; padding: 0 5px; margin-right: 17px; text-align: center;background: transparent url("../multimedia/images/common/backgrounds/header/menu_left_tile.png") repeat-x left top; color: #999; font-size: 11px;}

/** <submenu_1st_level> */
#header .menu ul ul{position: absolute; left: auto; margin-left: -31px; top: 46px; display: none;}
#header .menu ul li:hover ul{display: block;}
#header .menu ul ul li{background-image: url("../multimedia/images/common/backgrounds/header/submenu/sep.png");}
#header .menu ul ul li:first-child{background-image: url("../multimedia/images/common/backgrounds/header/submenu/begin.png"); width: 15px;}
#header .menu ul ul li:last-child, #header .menu ul ul li.last-child {background-image: url("../multimedia/images/common/backgrounds/header/submenu/last.png") !important;}
#header .menu ul ul li a{display: block; line-height: 23px; padding: 0 5px; margin-right: 10px; background-image: none; background-color: #006D86; font-size: 10px;}
#header .menu ul ul li, #header .menu ul ul li a {height: 23px;}
/** </submenu_1st_level> */
/** <submenu_2nd_level> */
#header .menu ul ul ul{position: absolute; left: auto; margin-left: -24px; top: 23px; display: none; width: 380px;}
#header .menu ul ul li:hover ul{display: block;}
/** </submenu_2nd_level> */

/** </header> */

/** <footer> */
#footer{width: 100%; height: 50px; background: #00758F url("../multimedia/images/common/backgrounds/footer.jpg") repeat-x left top;}
#footer .content{height: 50px;}
#footer .content .menu{float: left;}
#footer .content .menu ul{padding: 14px 0 18px;}
#footer .content .menu li:first-child{margin-left: 0;}
#footer .content .menu li{display: inline; float: left; margin-left: 14px;}
#footer .content .menu span{color: #fff; font-size: 11px;}
#footer .content .channels{ margin-top: 9px; float: right; width: 125px; padding: 8px 15px; height: 17px; background: transparent url("../multimedia/images/common/backgrounds/footer_channels.png") no-repeat left top;}
#footer .content .channels a{display: inline-block; height: 20px; background: transparent url("../multimedia/images/common/buttons/footer_channels.png") no-repeat left top; line-height: 20px;}
#footer .content .channels a.facebook{width: 59px; background-position: 0 0; float: left;}
#footer .content .channels a.youtube{width: 50px; background-position: -73px 0; float: right;}
/** </footer> */

/** <content> */
#content{width: 100%; overflow: hidden; padding-bottom: 20px; position: relative;}
/** </content> */

/** <sidebar> */
#sidebar{float: right; width: 305px; height: 41px; height: auto; }
#sidebar .placeholder{clear: both; float: right;}
#sidebar .logo {margin-top: 60px; }
#sidebar .logo a{display: block; width: 303px; height: 152px; background: transparent url("../multimedia/images/common/logos/atf_sidebar.png") no-repeat center center;}
#sidebar .clock {width: 148px; height: 35px; padding-top: 6px; background: transparent url("../multimedia/images/common/backgrounds/sidebar_clock.png") no-repeat right center; text-align: center;}
#sidebar .clock span{color: #fff; font-weight: 700; text-align: center; font-size: 11px; line-height: 14px;}
#sidebar .notes{margin-top: 35px; width: 260px; height: 93px; background: transparent url("../multimedia/images/common/backgrounds/sidebar_notes.png") no-repeat right center; position: relative;}
#sidebar .notes.phone p{font-size: 24px; color: #fff; font-weight: 700; line-height: 28px; margin-left: 26px;}
#sidebar .notes.phone p:first-child{margin: 20px 0 6px 41px;}
#sidebar .weather{margin-top: 35px;}
#sidebar .weather h3{font-size: 25px; line-height: 28px;}
#sidebar .notes.rent span{position: absolute; left: -42px; top: -6px; width: 103px; height: 103px; background: transparent url("../multimedia/images/common/backgrounds/sidebar_soccerball.png") no-repeat left top;}
#sidebar .notes.rent p{font-size: 16px;  margin-left: 70px; color: #fff; font-weight: 700; line-height: 28px;}
#sidebar .notes.rent p:first-child{margin: 20px 0 2px 78px; font-size: 32px;}
#sidebar .fields{margin-top: 50px; width: 321px;}
#sidebar .fields ul{}
#sidebar .fields li{width: 321px; height: 30px; margin-top: 12px;}
#sidebar .fields li:first-child{margin-top: 0;}
#sidebar .fields li a{display: block; padding-left: 20px; width: 301px; height: 100%; line-height: 30px; background: transparent url("../multimedia/images/fields/bg_list.png") no-repeat left top; font-size: 12px;}
#sidebar .fields li a:hover, #sidebar .fields li a.selected {background-position: 0 -30px !important;}
/** </sidebar> */

/** <main> */
#main{margin-top: 40px;}
#main.homepage{margin-top: 420px; color: #fff;}
#main.content{width: 600px; color: #fff;}
#main strong{font-weight: 700; color: #fff;}
#main p, #main li, #main a{color: #fff; line-height: 20px; font-size: 16px; margin-bottom: 18px;}
#main a{margin-bottom: auto;}
#main li ul{margin-left: 20px;}
#main li ul li{list-style-type: circle; margin: 4px 0; }
#main li{list-style: disc; list-style-position: inside;}

#main.content h1, #m-gallery h1{font-size: 40px; line-height: 54px; margin-bottom: 10px;}
#main.content h5, #main.content.future_academy h6{font-size: 25px; font-family: Arial, Tahoma, Sans-Serif, Verdana; text-transform: none; font-weight: 900;}
#main.content .field_image, #main.content .field_description{width: 140px; float: left; margin: 20px 30px 0 0;}
#main.content .field_image img{width: 140px;}
/**#main.content .field_image*/ a.gallery{background: transparent url("../multimedia/images/fields/gallery.png") no-repeat left top; display: block; width: auto; height: 18px; padding-left: 32px; line-height: 18px; margin-top: 16px;}
#main.content .field_description{width: 430px; margin-right: 0;}
#main.content .field_description strong, #main.content .field_description p{color: #fff; font-size: 14px; line-height: 20px;}
#main.content .field_description p.intro{margin: 10px 0 30px;}
#main.content .field_description h3{font-size: 20px;}
#main.content .field_description h4{font-size: 16px;}
#main.content .field_description h5{font-size: 14px; margin: 30px 0 20px; text-transform: uppercase;}
#main.content.contacts{}
#main.content.contacts img, #main.content.contacts h5{margin-bottom: 12px;}
#main.content.contacts .separator{color: #009EC0; font-weight: 900; margin: 0 4px; }
#main.content.contacts h5{text-transform: uppercase; font-size: 18px;}
#main.content.contacts h6{color: #fff; font-size: 25px;}
#main.content.contacts strong{color: #fff;}
#main.content.news img{max-width: 600px; height: auto; margin-bottom: 20px;}
#main.content.news h2{font-size: 25px;}
#main.content.news h1{color: #fff; margin-bottom: 0;}
#main.content.news span.date{font-size: 18px; line-height: 22px; color: #fff; display: block; margin-bottom: 20px;}
#main.content.news a.gallery{display: inline;}

#main.content.future_academy h6{color: #fff; margin: 20px 0 16px;}
#main.content.future_league div.title{background: transparent url("../multimedia/images/future_league/titles/header_title.png") no-repeat left top; width: 600px; height: 58px; margin-bottom: 10px;}
#main.content.future_league div.title img{margin: 12px 0 0 40px;}
#main.content.future_league h2{color: #fff; font-size: 15px; margin-bottom: 18px;}

#main.content.store ol li{list-style-type: decimal;}
#main.content.store li{margin-bottom: 3px;}

#main.content.future_league #teams_list{width: 100%;}
#teams_list .item{width: 100%; min-height: 50px; padding: 15px 5px 0 5px; border: solid 1px #009EC2; border-left: none; border-right: none; overflow: hidden;}
#teams_list .item > div{float: left; color: #fff; margin-left: 16px; font-size: 12px;}
#teams_list .item div:first-child{margin-left: 0;}
#teams_list .item .logo img{max-height: 38px;}
#teams_list .item .team, #teams_list .item .players{margin-top: 15px;}
#teams_list .item .team{width: 150px;}
#teams_list .item .players{width: 300px; font-family: Arial, Tahoma, Sans-Serif, Verdana; text-transform: none; font-size: 13px;}
#teams_list .item .action {margin-top: 8px; display: none;}
#teams_list .item .action a{color: #009EC2; font-size: 12px;}
#teams_list .item .detailed{width: 100%; float: left; clear: both; margin: 20px 0 10px; position: relative; padding-bottom: 10px; overflow: hidden;}
#teams_list .item .detailed h3{color: #fff; font-size: 24px;}
#teams_list .item .detailed .logo_large{position: absolute; right: 0; top: 40px;width: 140px; text-align: center;}
#teams_list .item .detailed .logo_large img{max-width: 140px;}
#teams_list .item .detailed .row{width: 450px; min-height: 100px; float: left; margin-top: 16px;}
#teams_list .item .detailed .row .photo {width: 110px; float: left;}
#teams_list .item .detailed .row .description {width: 330px; float: right;}
#teams_list .item .detailed .row .photo img{width: 100px; height: 100px; margin-right: 18px; float: left;}
#teams_list .item .detailed .row .description p{line-height: 18px; margin-bottom: 0;}
#teams_list .item .detailed .row .description ul{float: left;}
#teams_list .item .detailed .row .description li{font-family: Arial, Tahoma, Sans-Serif, Verdana !important; text-transform: none !important; font-size: 11px !important; line-height: normal; margin-bottom: 0;}
/** </main> */

/** <paging_common> */
ul.paging{float: right; margin-top: 20px;}
ul.paging li{}
ul.paging li a{font-size: 11px;}
ul.paging li a.selected{color: #009EC0; border-bottom: solid 1px #009EC0;}
ul.paging li a.previous, ul.paging li a.next {background: transparent url("../multimedia/images/common/cursors.png") no-repeat left top; display: block; width: 21px; height: 21px;}
ul.paging li a.next{background-position: -21px 0;}
ul.paging li{margin: 0 4px; display: inline; float: left;}

/** <paging_common> */ 

/** <news_list> */
.news_list{margin-bottom: 28px;}
.news_list div.item, .news_list h2{width: 600px;}
.news_list h2 > span{float: left; color: #009EC0 !important;}
.news_list h2{font-size: 25px; margin-bottom: 22px; overflow: hidden;}
.news_list div.item{width: 600px; position: relative; max-height: 161px; margin-bottom: 40px; overflow: hidden;}
.news_list a.image, .news_list div.description{position: absolute; top: 0;}
.news_list a.image{width: 301px; height: 156px; position: relative; display: block; left: 0; }
.news_list a.image img, .news_list a.image span{width: 100%; height: 100%;}
.news_list a.image span, .news_list a.image label{display: block; position: absolute; top: 0; z-index: 100;}
.news_list a.image span{background: transparent url("../multimedia/images/common/backgrounds/news/transparent.png") no-repeat left top; left: 0; z-index: 98}
.news_list a.image label{background: transparent url("../multimedia/images/common/buttons/news_more.png") no-repeat left top; width: 50px; height: 34px; right: 0; z-index: 99;}
.news_list a.image:hover span, .news_list a.image:hover label{display: none;}
.news_list div.description{padding: 8px 0 8px 80px; width: 264px; height: 140px; right: 0; z-index: 101; background: transparent url("../multimedia/images/common/backgrounds/news/description.png") no-repeat left top;}
.news_list div.description *{color: #fff;}
.news_list div.description h3{font-size: 22px; line-height: 30px; margin-bottom: 4px;}
.news_list div.description span.date{font-size: 14px; line-height: 16px;}
.news_list div.description div.text{line-height: 14px; margin-top: 4px; padding-right: 4px;}
/** </news_list> */

/** <accordion homepage> **/
.accordion{background: transparent url("../multimedia/images/common/backgrounds/accordion/background.png") no-repeat left top; position: absolute; width: 988px; height: 100%; top: 0; left: 50%; margin-left: -736px;}
.accordion div.item{position: relative; width: 663px; height: 380px; overflow: hidden; top: 120px; left: 288px; z-index: 9999; }
.accordion img.title, .accordion .ruller, .accordion .description{position: absolute;}
.accordion img.title{width: 649px; height: 274px; left: 14px;}
.accordion .ruller{top: 274px; left: 1px; width: 565px; height: 31px;background: transparent url("../multimedia/images/common/backgrounds/accordion/ruller.png") no-repeat left top;}
.accordion .ruller ul{margin: 8px 0 0 20px; height: 30px;}
.accordion .ruller li{display: inline; float: left; margin-left: 12px;}
.accordion .ruller a{font-weight: 700; color: #fff;}
.accordion .description{width: 470px; height: 60px; left: 20px; top: 312px; color: #fff; font-size: 12px; line-height: 14px;}
.accordion .description h2{font-size: 18px; line-height: 24px;}
/**.accordion *{z-index: 0 !important;}*/
/**
.accordion div.item{z-index: 9999; position: relative; border: solid 1px #900; height: auto; height: 274px;}
.accordion img.title, .accordion .ruller, .accordion .description{position: absolute;}
.accordion img.title{top: 120px; left: 302px; width: 649px; height: 274px;}
.accordion .ruller{top: 394px; left: 289px; width: 565px; height: 31px;background: transparent url("../multimedia/images/common/backgrounds/accordion/ruller.png") no-repeat left top;}
.accordion .ruller ul{margin: 8px 0 0 20px; height: 30px;}
.accordion .ruller li{display: inline; float: left; margin-left: 10px;}
.accordion .ruller a{font-weight: 700; color: #fff;}
.accordion .description{width: 470px; height: 60px; left: 300px; top: 432px; color: #fff; font-size: 12px; line-height: 14px;}
.accordion .description h2{font-size: 18px; line-height: 24px;}
*/
/** </accordion homepage> **/

/** <games_calendar> */
table.games_calendar{width: 100%; margin-bottom: 10px; width: 600px;}
table.games_calendar td{color: #fff; font-size: 12px; padding: 6px 0; font-weight: 700;  text-align: center;}
table.games_calendar td{vertical-align: middle;}
table.games_calendar td.score{color: #009ec2; font-size: 18px;}
table.games_calendar td.score input, table.games_calendar tr.admin input[type='text']{width: 16px !important; margin-right: 4px; font-size: 12px; font-weight: 700; text-align: center;}
table.games_calendar td .txt_game_schedule{width: 100px;}
table.games_calendar td input.saved{border: solid 2px #6BBA70 !important;}
table.games_calendar td.save a{ width: 16px; height: 16px; background: transparent url("../multimedia/images/common/buttons/save.png"); display: block; }
table.games_calendar tbody td{ border: solid 1px #009ec2; border-left: 0; border-right: 0; }
table.games_calendar th{font-size: 15px; border: 0; text-align: center; height: 30px;}
table.games_calendar th.title{background: transparent url("../multimedia/images/future_league/common/journey_header.png") no-repeat left top; height: 44px; padding: 10px 0 0 20px; text-align: left;}
table.games_calendar img{width: 40px; height: auto;}
table.games_calendar tr.admin td{background-color: #3F4C6B; color: #fff; text-align: left; font-weight: normal; padding: 8px;}
table.games_calendar tr.admin label{color: #fff;}
table.games_calendar tr.admin p{font-size: 12px !important; margin: 4px 0 !important;}
table.games_calendar tr.admin input[type='text']{margin-left: 4px;}
table.games_calendar.admin tbody tr.admin td{border-bottom: 0;}
table.games_calendar.classification th{font-size: 14px;}
table.games_calendar.classification td{font-size: 16px;}
table.games_calendar.classification td.team{text-align: left; vertical-align: middle;}
table.games_calendar.classification td.team img{vertical-align: middle; margin-right: 12px;}
table.games_calendar.classification td.team {font-size: 16px; text-transform: uppercase;}
/** </games_calendar> */

/** common */
#footer .content .menu li a, #header a, #sidebar .clock span, #sidebar .notes.phone p, #sidebar .notes.rent p,
h1,h2,h3,h4,h5,h6,
.placeholder_form input, a.submit span.content, .news_list div.description span.date, .news_list h2 span,
#sidebar .fields li a, ul.paging li a, /**#main.content .field_image*/ a.gallery, #main.content.news span.date,
#teams_list .item div, a.pdf_download,
table.games_calendar th
{color: #fff; font-family: 'Bowlby One SC', Arial, Tahoma, Sans-Serif, Verdana; text-transform: uppercase;}
h1,h2,h3,h4,h5,h6{color: #009EC0;}

/** <forms> */
.form h2{font-size: 20px; margin-bottom: 12px; line-height: 28px;}
.form div.actions{margin-top: 12px; overflow: hidden;}
.placeholder_form, .form div.actions{width: 396px; min-height: 40px;}
.placeholder_form span.top, .placeholder_form span.bottom{width: 100%; height: 4px; display: block; background: transparent url("../multimedia/images/common/backgrounds/form/top.png") no-repeat left top; }
.placeholder_form span.bottom{background-image: url("../multimedia/images/common/backgrounds/form/bottom.png");}
.placeholder_form div.content{background: transparent url("../multimedia/images/common/backgrounds/form/tile.png") repeat-y left top; margin-top: -1px; padding: 10px 15px;}
.placeholder_form h4{color: #fff; font-size: 15px; margin-bottom: 12px;}
.placeholder_form input, .placeholder_form select, table.games_calendar td.score input, table.games_calendar .txt_game_schedule, table.games_calendar tr.admin input[type='text']
{background: transparent url("../multimedia/images/common/backgrounds/form/input.png") no-repeat left top; border: none; height: 27px; padding: 0 8px; line-height: 27px; width: 346px;}
.placeholder_form p{margin-bottom: 8px;}

a.submit{display: block; height: 30px; min-width: 60px;}
a.submit span{display: block; height: 100%; float: left; }
a.submit span.left, a.submit span.right{background: transparent url("../multimedia/images/common/buttons/button_generic_left.png") no-repeat left top; width: 14px;}
a.submit span.right{background-image: url("../multimedia/images/common/buttons/button_generic_right.png");}
a.submit span.content{color: #fff; text-align: center; padding: 0 8px 0 6px; line-height: 30px; background-color: #009EC2;width: auto;}
a.submit.fright{float: right;}
a.submit.small{height: 20px;}
a.submit.small span.left, a.submit.small span.right{background: transparent url("../multimedia/images/common/buttons/button_small_generic_left.png") no-repeat left top; width: 10px;}
a.submit.small span.right{background-image: url("../multimedia/images/common/buttons/button_small_generic_right.png");}
a.submit.small span.content{padding: 0 4px 0 2px; line-height: 20px; background-color: #006D86; width: auto; font-size: 11px;}
/** </forms> */

/** <m-gallery>*/
#m-gallery{position: absolute; left: 50%; top: 50%; margin: -295px 0 0 -430px; width: 860px; height: 590px; background-color: transparent; z-index: 1000;}
#m-gallery a{background: transparent url("../multimedia/images/common/gallery_sprite.png") no-repeat left top; display: block;}
#m-gallery a.next, #m-gallery a.previous, #m-gallery a.close, #m-gallery ul, #m-gallery div.picture, #overlay{position: absolute;}
#m-gallery a.next, #m-gallery a.previous {top: 50%; margin-top: -17px; height: 34px; width: 16px;}
#m-gallery a.next{right: 2px; background-position: -22px 0;}
#m-gallery a.previous{left: 2px; background-position: 0 0;}
#m-gallery a.close{background-position: -49px 0; width: 15px; height: 15px; right: 38px; top: 30px;}
#m-gallery li a{width: 30px; height: 20px; background-position: -35px -35px;}
#m-gallery li a:hover, #m-gallery li a.selected{background-position: 0 -35px !important;}
#m-gallery ul{bottom: 2px; left: 40px; height: 30px; }
#m-gallery li{display: inline; float: left; margin-right: 2px;}
#m-gallery h1{margin: 5px 0 0 38px;}
#m-gallery div.picture{width: 780px; height: 480px; left: 50%; margin-left: -390px; top: 65px; text-align: center;}
#m-gallery div.picture img{max-height: 480px;}
#overlay{left: 0; top: 0; background-color: #000; width: 100%; height: 100%; z-index: 999;}
/** </m-gallery>*/

a.pdf_download{display: block; height: 25px; line-height: 25px; width: auto; background: transparent url("../multimedia/images/common/buttons/pdf_download.png") no-repeat left center; font-size: 12px; padding-left: 30px;}

.ui-datepicker-month, .ui-datepicker-year{color: #009EC0 !important;}
.ui-datepicker-title span{color: #fff !important;}