/****************************************************************************************************
                                    Sporza
*****************************************************************************************************/

/* Hide elements */
#header
{
    display:none;
}

#header 
{
    background-image: none;
}

/* No need to be response because of iframe */
.columns, 
.container,
.content ul.tabs-content li {
    width:100% !important;
}

/* Menu */
#mainmenu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:35px;
    border: 1px solid #0B6969;
    text-shadow: 1px 1px #1F6B6B;
    -webkit-box-shadow: inset 0px 1px 0px 0px #399594;
    -moz-box-shadow: inset 0px 1px 0px 0px #399594;
    box-shadow: inset 0px 1px 0px 0px #399594;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #0D7D7E;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkN2Q3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcwNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(13, 125, 126, 1) 0%, rgba(0, 112, 113, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13, 125, 126, 1)), color-stop(100%,rgba(0, 112, 113, 1)));
    background: -webkit-linear-gradient(top, rgba(13, 125, 126, 1) 0%,rgba(0, 112, 113, 1) 100%);
    background: -o-linear-gradient(top, rgba(13, 125, 126, 1) 0%,rgba(0, 112, 113, 1) 100%);
    background: -ms-linear-gradient(top, rgba(13, 125, 126, 1) 0%,rgba(0, 112, 113, 1) 100%);
    background: linear-gradient(top, rgba(13, 125, 126, 1) 0%,rgba(0, 112, 113, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7d7e', endColorstr='#007071',GradientType=0 );
    zoom: 1;
}

#mainmenu .ui-mainmenu {display:none;}

#mainmenu .ui-mainmenu a {
    text-transform: uppercase;
    text-shadow: 1px 1px #1F6B6B;
}

#mainmenu .ui-mainmenu li:hover a {
    color:white !important;
}

#mainmenu .ui-mainmenu li.chosen a {
    color: #B7B7B7 !important;
}

.btn#choosesport {
    width:82px;
    color:white;
    background-image: none;
    height: 100%;
    line-height: 24px;
    text-shadow: 1px 1px #1F6B6B;
    background-color: #12A3AA;
    margin: -7px 0 0 0;
    -webkit-border-radius: 3px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 3px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-width: 0;
    border-left: 1px solid #0B6969;

    background-image: url(/images/lib/event/summergames/icons/ArrowDown.png);
    background-position: 94px 12px;
}

.passive#choosesport {
    background-image: none;
    background-color: #109797;
}

.passive#choosesport:hover {
    background-image: url(/images/lib/event/summergames/icons/ArrowDown.png);
    background-color: #12A3AA;
}

.btn#resetsport {
    line-height: 24px;
    border-width:0;
    height: 100%;
    margin: -7px 0 0 0;
    background-color: #DA1212;
    color: white;

    -webkit-border-radius:3px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

div#calendar span#resetday, div#calendar_small span#resetday {
    background-color: #DA1212;
    height: 100%;
    line-height: 30px;
    margin: -9px -8px -11px 0;
    text-shadow: 1px 1px 0 #1F6B6B;
}

.btn#mobileresetsport {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: #DA1212;
}

#sportmenu, #mobilesportmenu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #F7F9F9;
    border: 1px solid #ECF2F2;
    margin-left: 0;
}

#mobilesportmenu {
    position: relative;
}

#mobilesportmenu li {
    float:none;
    display: inline-block;
    min-width: 55px;
    *display: inline;
    *zoom:1;
}

#mobsportnav {
    margin:5px;
}

.sportmenu_columns {
    margin-top:2px;
    width:20%;
}

.ui-sportmenu li {
    padding:2px 5px;
}

.extra, .short {
    padding-left: 5px;
}

#sportmenu div.sportmenuicon, #mobilesportmenu div.sportmenuicon {
    background-color: #90CC51;
}

#sportmenu div.sportmenuicon.inactive, #mobilesportmenu div.sportmenuicon.inactive {
    background-color:#555;    
}

/* General styling */
body {
    background-color: #fff;    
}

a, a:visited, a:hover {color:#333;}

#footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;border: 1px solid #0B6969;
    margin-top:8px;
    padding:1px 20px;
    text-shadow: 1px 1px #1F6B6B;
    -webkit-box-shadow: inset 0px 1px 0px 0px #399594;
    -moz-box-shadow: inset 0px 1px 0px 0px #399594;
    box-shadow: inset 0px 1px 0px 0px #399594;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #0D7D7E;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkN2Q3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcwNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(13, 125, 126, 1) 0%, rgba(0, 112, 113, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13, 125, 126, 1)), color-stop(100%,rgba(0, 112, 113, 1)));
    background: -webkit-linear-gradient(top, rgba(13, 125, 126, 1) 0%,rgba(0, 112, 113, 1) 100%);
    background: -o-linear-gradient(top, rgba(13, 125, 126, 1) 0%,rgba(0, 112, 113, 1) 100%);
    background: -ms-linear-gradient(top, rgba(13, 125, 126, 1) 0%,rgba(0, 112, 113, 1) 100%);
    background: linear-gradient(top, rgba(13, 125, 126, 1) 0%,rgba(0, 112, 113, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7d7e', endColorstr='#007071',GradientType=0 );
    zoom: 1;
}

h1#pagetitle {
    color: white;
    text-transform: uppercase;
    position: relative;
    border: 1px solid #83AA19;
    text-shadow: 1px 1px #83AA19;
    -webkit-box-shadow: inset 1px 1px 0px 0px #B1DC83;
    -moz-box-shadow: inset 1px 1px 0px 0px #B1DC83;
    box-shadow: inset 1px 1px 0px 0px #B1DC83;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-radius: 3px 3px 0px 0px;
    background: #90CC51;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwY2M1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4M2MwNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(144, 204, 81, 1) 0%, rgba(131, 192, 75, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(144, 204, 81, 1)), color-stop(100%, rgba(131, 192, 75, 1)));
    background: -webkit-linear-gradient(top, rgba(144, 204, 81, 1) 0%, rgba(131, 192, 75, 1) 100%);
    background: -o-linear-gradient(top, rgba(144, 204, 81, 1) 0%, rgba(131, 192, 75, 1) 100%);
    background: -ms-linear-gradient(top, rgba(144, 204, 81, 1) 0%, rgba(131, 192, 75, 1) 100%);
    background: linear-gradient(top, rgba(144, 204, 81, 1) 0%, rgba(131, 192, 75, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90cc51', endColorstr='#83c04b',GradientType=0 );
    zoom: 1;

    margin:0;
}

h2#subheader
{
    font-size: 1.3em;
    color: #555;
}

table {
    width:100%;
    border-left: 1px solid #EFEFEF;
    //border-collapse: collapse;
}

/* Positioning */
div.content {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:none;
}

/* Table */
th
{
    background: #E4ECEC;
    color: #555;
    border-top: 4px solid #D3DBDB;
    line-height:22px;
    text-align: center;
}

th img 
{
    vertical-align: text-bottom;
}

thead
{
    background: #E4ECEC;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px #F4F6F8;
    padding: 2px;
    font-weight:bold;
    border:0px;
    text-transform:uppercase;
    font-size:11px;
}

td {
    background: #F7F9F9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNmN2Y5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(247, 249, 249, 1) 48%, rgba(244, 246, 246, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(48%, rgba(247, 249, 249, 1)), color-stop(100%,rgba(244, 246, 246, 1)));
    background: -webkit-linear-gradient(top, rgba(247, 249, 249, 1) 48%, rgba(244, 246, 246, 1) 100%);
    background: -o-linear-gradient(top, rgba(247, 249, 249, 1) 48%, rgba(244, 246, 246, 1) 100%);
    background: -ms-linear-gradient(top, rgba(247, 249, 249, 1) 48%, rgba(244, 246, 246, 1) 100%);
    background: linear-gradient(top, rgba(247, 249, 249, 1) 48%, rgba(244, 246, 246, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9f9', endColorstr='#f4f6f6',GradientType=0 );
    zoom: 1;    
    
    border-top: 1px solid white;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid white;
    border-right: 1px solid #EFEFEF;
    padding: 0 5px;
}

td.subset 
{
    color: white;
    background: #007676 !important;
    font-size: 1.2em;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #056464;
    text-shadow: 1px 1px #056464;
    filter:none;
}

td.evenrow.subset {
    filter:none;
}

td.evenrow {
    background: #F6F6F6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(246, 246, 246, 1) 0%,  rgba(255, 255, 255, 1) 86%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(246, 246, 246, 1)), color-stop(86%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 86%);
    background: -o-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 86%);
    background: -ms-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 86%);
    background: linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
    zoom: 1;    
}

td img 
{
    vertical-align: text-top;
}

td.extra {
    text-align:left;
    padding: 0 10px;    
}

/* Tabs */
ul.tabs
{
    border-top: 1px solid #D3DBDB;
    background: #E4ECEC;  
    //background:#C9DDDD;
}

ul.tabs li
{
    background: transparent !important;  
    width:auto;
    margin: 0 15px;  
}

ul.tabs li span {
    background: transparent !important;
    text-transform: uppercase;
    border:none;   
    color: #148A8A;
    text-transform: uppercase;
    text-shadow: 1px 1px #F4F6F8;
    padding: 3px 7px;
    font-weight:normal;
    height:auto;
}

ul.tabs li:first-child span {
    border:none;
    margin:0;    
}

ul.tabs li.active span
{
    color: #4C4C4C;   
}

ul.tabs li.disabled span
{
    display:none;    
}

/* Calendar */
div#calendar td, div#calendar_small td {
    background: #F7F9F9;
    border-top: none;
    border-bottom: 1px solid #E5E5E5;
    border-left: none;
    border-right: none;
}

div#calendar th, div#calendar_small th {
    background: #E9F1F1;
    width:auto;
}

div#calendar th#calendar_title, div#calendar_small th#calendar_title
{
    background: #C9DDDD;
    color: #555;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px #F4F6F8;
    margin: 0px;
    border-top: 1px solid #9BC1C1;
    width:100%;
}

div#calendar a, div#calendar_small a
{
    font-weight: normal;
    text-shadow: 1px 1px white;
    color: #148A8A;
}

div#calendar a.nodate, div#calendar_small a.nodate
{
    font-weight: normal !important;
    text-shadow: 1px 1px #BDD0D0;
    color: #F7F9F9;
}

div#calendar .available, div#calendar_small .available {
    background: #F7F9F9;
}

div#calendar td.chosenday, div#calendar_small td.chosenday {
    background: white;
}

/* Media Queries */
@media only screen and (max-width: 479px) {
    #mobilesportmenu li {
        padding-right:2px;
    }
}

@media only screen and (min-width: 650px) and (max-width: 1024px) {
    .short {display:none !important;}
    .extra {display: inline;}
    td.extra,th.extra {display: table-cell;}
    
    #mobilesportmenu li {width:32%;}   
    
    #mobilemainmenu {display:none;}
    #mobilesportmenu {display:none;}
    
    #mainmenu{display:block;float:left;}
    .content {float:left;margin: 10px 0 0 0 !important;}
    #footer{float:left;}
    .sportmenu_columns {display:block;width:32%;}
}