@charset "utf-8"; 
/* CSS Document */
body{background-color:#57a9c1;font-family:'Roboto', sans-serif;font-size:12px;font-weight:300;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}
body a {-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;}
.antispam{display:none;}
.top-header{min-height:150px;background-color:#fff;}

.navi-bg { 
    width:100%;
    background:#005476;
} 
                
.top-menu {
    font-family:'Roboto', sans-serif;
    font-size:15px;color:#000;
    background-color:#003ca6;
    z-index:99;
    width:100%;
    font-weight:500;
}

.top-menu .navbar-toggle{margin-top:10px;margin-right:2px}
.top-menu .navbar-brand{padding:0;margin:30px 0 0 0;}
.navbar-collapse {padding:0;}

.navbar-nav {
    width: 100%; 
    border: none;
    float: none;
}

.navbar-nav > li { 
    text-align:center; 
    display: table-cell; 
    width: 1%; 
    float: none;  
}

.navbar-nav > li > a {
    padding:10px 5px;
    
    
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus{color:#8a8a89;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{color:#fff;}

.navbar-nav > li > a {
    color:#fff;
}  

.navbar-default {
    background-color:#003ca6;
    border:none;
    width:100%
}

.navbar-default .navbar-nav > li > a {
    color:#f5a705; 
    font-weight:500; 
    font-size: 1.01em;
}

.navbar-default .navbar-nav > li > a:hover {
    color:#000;
    background:#f5a705;
    border-radius: 5px;
}

.navbar-default .navbar-nav > .act > a {
    color:#000;
    background:#f5a705;
   border-radius: 5px;
   margin:3px;
}   

.navbar{margin-bottom:0px;}


#border-right{border-right:1px solid #4e4e4e;}
.navbar-nav > li > .dropdown-menu{background-color:#222;}

.navbar-nav > li > .dropdown-menu:before {
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    content:"";
    height:0;position:absolute;right:25px;top:-15px;
    width:0;
}

.navbar-nav > li > .dropdown-menu li a {
    border-bottom:1px dotted rgba(255, 255, 255, 0.3);
    color:#fff;
    display:block;
    opacity:0.9;
    padding:5px 30px 5px 10px;
    -webkit-transition:all 0.5s;-o-transition:all 0.5s;
    transition:all 0.5s;
    font-weight:500;
    font-family:'Roboto', sans-serif;
    font-size:1.01em;
}

.navbar-nav > li > .dropdown-menu li a:hover{color:#000;background:#ffd200;}

.navbar-nav > li > .dropdown-menu > li:last-child a{border-bottom:medium none;color:#fff;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background-color:transparent;text-decoration:none;color:#fff;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{background-color:transparent;color:#fff;}
.nav.pull-right{margin-top:18px}
.navbar-default .navbar-toggle{border-color:#fff;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:#2fa22f;background-image:none;border:1px solid transparent;border-radius:4px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent;border-color:#fff;color:#fff}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#2fa22f;}
.dropdown:hover>.dropdown-menu {display: block;margin-top: -2px;}


.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: 0px;margin-left: 0px;-webkit-border-radius: 0 3px 3px 3px;-moz-border-radius: 0 3px 3px;border-radius: 0 3px 3px 3px;background: #222;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -16px;}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {left: -100%; margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;    -moz-border-radius: 6px 0 6px 6px;border-radius: 6px 0 6px 6px;}
/**** nav end ****/

/**** wrapper ****/
#mid-row {margin-top: 0px; margin-bottom: 20px;}
#mid-row1 {margin-top: 0px; margin-bottom: 20px;}
#mid-row2 {margin-top: 0px; margin-bottom: 20px;}
#mid-row-coaches {margin-top: 0px; margin-bottom: 10px;}
#last-row {margin-bottom: 10px;}
.wrap-img {background: url("../images/new_club_rooms.jpg") top center no-repeat;}
.left-box {width:15%;height: 100%;float:left; text-align: left;}
.left-box img {max-width: 100%;}
.mid-box {padding: 10px 10px;width:70%;float: left;}
.first {width: 60%; float: left;}
.second {width: 40%; float: left;}
.third {width: 100%;}
.right-box {width:15%;height: 100%;float:left; text-align: right;}
.right-box img {max-width: 100%;}
/**** news carousel ****/

#sponsorstext h3 {
    font-size: 3em;   
    font-weight: 600; 
    line-height: 1.2; 
    text-transform: uppercase; 
    color: #fdfffe; 
    text-shadow: 2px 2px 4px #000000;
    margin-top: 10px; 
    margin-bottom: 20px;

}


#myCarousel2 {border: 10px solid #fff9da;}

#myCarousel2 .nav a{text-transform: uppercase; font-size: 1em; font-weight: 600;}
#myCarousel2 .nav{background: #444; color: #fff;}

#myCarousel2 .carousel-caption {
    top: 5%;
    right: 5%;
    left: 10%; 
    padding-bottom: 10px; 
    text-align: center;
}


#myCarousel2 .carousel-caption h3 {
    font-size: 3em;   
    font-weight: 600; 
    line-height: 1.2; 
    text-transform: uppercase; 
    color: #fdfffe; 
    text-shadow: 2px 2px 4px #000000;
    margin-top: 10px; 
    margin-bottom: 20px;
}

#myCarousel2 .carousel-caption p  {
    font-size: 1.3em; 
    font-weight: 500; 
    line-height: 1.2; 
    font-style: italic; 
    color: #fdfffe;
}

#myCarousel2 .nav-justified > li > a {
    border-radius: 0px; 
    padding: 15px 10px; 
    color: #fff;
}

#myCarousel2 .carousel-caption a:hover {
    color:#FFD200;
}


#myCarousel2 .nav-justified > li > a:hover {background-color: #ffd200; color: #000;}
#myCarousel2 .nav-pills>li[data-slide-to="0"].active a { background-color: #16a085; }
#myCarousel2 .nav-pills>li[data-slide-to="1"].active a { background-color: #e67e22; }
#myCarousel2 .nav-pills>li[data-slide-to="2"].active a { background-color: #2980b9; }
#myCarousel2 .nav-pills>li[data-slide-to="3"].active a { background-color: #8e44ad; }




#myCarousel {border: 10px solid #fff9da;}
#myCarousel .nav a{text-transform: uppercase; font-size: 1em; font-weight: 600;}
#myCarousel .nav{background: #444; color: #fff;}

#myCarousel .carousel-caption {
    top: 5%;
    right: 5%;
    left: 10%; 
    padding-bottom: 10px; 
    text-align: center;
}


#myCarousel .carousel-caption h3 {
    font-size: 3em;   
    font-weight: 600; 
    line-height: 1.2; 
    text-transform: uppercase; 
    color: #fdfffe; 
    text-shadow: 2px 2px 4px #000000;
    margin-top: 10px; 
    margin-bottom: 20px;
}

#myCarousel .carousel-caption p  {
    font-size: 1.3em; 
    font-weight: 500; 
    line-height: 1.2; 
    font-style: italic; 
    color: #fdfffe;
}

#myCarousel .nav-justified > li > a {
    border-radius: 0px; 
    padding: 15px 10px; 
    color: #fff;
}

#myCarousel .carousel-caption a:hover {
    color:#FFD200;
}


#myCarousel .nav-justified > li > a:hover {background-color: #ffd200; color: #000;}
#myCarousel .nav-pills>li[data-slide-to="0"].active a { background-color: #16a085; }
#myCarousel .nav-pills>li[data-slide-to="1"].active a { background-color: #e67e22; }
#myCarousel .nav-pills>li[data-slide-to="2"].active a { background-color: #2980b9; }
#myCarousel .nav-pills>li[data-slide-to="3"].active a { background-color: #8e44ad; }

#table_tab .nav{
    background: #003ca6; 
    color: #fff;
    border-radius: 3px;
    
}



#table_tab .nav-tabs > li > a {
    color: #fff; 
    border: 1px solid transparent; 
    margin-top:5px;
    margin-left:5px;
    font-size: 1.1em; 
    font-weight: 500;
}

#table_tab .nav-tabs > li > a:hover,#table_tab .nav-tabs > li > a:focus,#table_tab .nav-tabs > li > a:active,#table_tab .nav-tabs > li.active > a,#table_tab .nav-tabs > li.active > a:focus, #table_tab .nav-tabs > li.active > a:hover {
    background: #f5a705; 
    color: #000;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
    border-radius:3px; 
}

#table_tabjunior .nav {
    background: #005476; 
    color: #fff;
    border-radius: 0px;
    height:30px;
    vertical-align: central;
}
#table_tabjunior .nav-tabs > li > a {
    color: #fff; 
    border: 1px solid transparent; 
    font-size: 0.9em; 
    font-weight: 500;
    height:30px;
    border-radius: 0px;
     vertical-align: central;
}
#table_tabjunior .nav-tabs > li > a:hover,#table_tabjunior .nav-tabs > li > a:focus,#table_tabjunior .nav-tabs > li > a:active,#table_tabjunior .nav-tabs > li.active > a,#table_tabjunior .nav-tabs > li.active > a:focus, #table_tabjunior .nav-tabs > li.active > a:hover {
    background: #ffd200; color: #000;
}


.events {
    padding: 5px 5px 0; 
    background: #fff; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    border: 2px solid #CCC; 
    height: 456px; 
    overflow-y: auto
}


.events h3 {
    font-size:1.3em; 
    font-weight: 600; 
    line-height: 1; 
    margin-bottom: 0; 
    margin-top: 5px; 
    padding: 8px 0 8px 10px; 
    background:#005476; 
    color: #FFD200; 
    text-align:left; 
    text-transform: uppercase;
}

.events h4 {
    font-size:1.2em; 
    font-weight: 600; 
    line-height: 1.2; 
    margin-bottom: 5px; 
    margin-top: 10px; 
    color: #005476; 
    text-align:left; 
    text-transform: uppercase; 
    padding-left: 10px;
}

.events h4 span {
    font-size: 0.9em; 
    color: #666; 
    font-weight: 500;
}


.xxeventscopy p {
    font-size:1em; 
    font-weight: 400; 
    line-height: 1.3; 
    text-align: left;
    background: #eee; 
    padding: 8px 10px;
    border: 1px solid #ddd; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    margin-bottom: 15px;
}

.xxeventsx p {
    font-size:1em; 
    font-weight: 400; 
    line-height: 1.3; 
    text-align: left;
    background: #eee; 
    padding: 8px 10px;
    border: 1px solid #ddd; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    margin-bottom: 15px;
    color: #7d8386;
}

.xxevents .text p {
    margin: 0;
    float: left;
    width: 100%;
    color: #7d8386;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
}







.content-header {
    color:black;
    font-size: 45px;
}

.fixtures {
    padding: 5px 5px 0; 
    background: #fff; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    border: 2px solid #CCC; 
    height: 605px; 
    overflow-y: auto
}

.fixtures h3 {
    font-size:1.3em; 
    font-weight: 600; 
    line-height: 1; 
    margin-bottom: 0; 
    margin-top: 5px; 
    border-radius: 5px; 
    padding: 8px 0 8px 10px; 
    background:#003ca6; 
    color: #f5a705; 
    text-align:left; 
    text-transform: uppercase;
}

.fixtures h4 {
    font-size:1em; 
    font-weight: 600; 
    line-height: 1.2; 
    margin-bottom: 5px; 
    margin-top: 10px; 
    color: #005476; 
    text-align:left; 
    text-transform: uppercase; 
    padding-left: 10px;
}

.fixtures h4 span {
    font-size: 0.9em; 
    color: #666; 
    font-weight: 500;
}

.fixtures p {
    font-size:1em; 
    font-weight: 400; 
    line-height: 1.3; 
    text-align: left;
    background: #eee;
    padding: 8px 10px;
    border: 1px solid #ddd; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    margin-bottom: 15px;
}

.fixtureborder {
    width: 100%; 
    height: 550px; 
    padding: 10px 10px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #d7d8d8;
}


.senladdersborder {
    width: 100%; 
    height: 100%; 
    padding: 10px 10px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #d7d8d8;
}


.senladders {
    padding: 5px 5px 0; 
    background: #fff; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    border: 2px solid #CCC; 
    height: 100%; 
    overflow-y: auto
}

.senladders h3 {
    font-size:1.3em; 
    font-weight: 600; 
    line-height: 1; 
    margin-bottom: 0; 
    margin-top: 5px; 
    padding: 8px 0 8px 10px; 
    background:#005476; 
    color: #FFD200; 
    text-align:left; 
    text-transform: uppercase;
}

.senladders h4 {
    font-size:1em; 
    font-weight: 600; 
    line-height: 1.2; 
    margin-bottom: 5px; 
    margin-top: 10px; 
    color: #005476; 
    text-align:left; 
    text-transform: uppercase; 
    padding-left: 10px;
}

.senladders h4 span {
    font-size: 0.9em; 
    color: #666; 
    font-weight: 500;
}

.senladders p {
    font-size:1em; 
    font-weight: 400; 
    line-height: 1.3; 
    text-align: left;
    background: #eee;
    padding: 8px 10px;
    border: 1px solid #ddd; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    margin-bottom: 15px;
}



.sharknet {
    padding: 5px 5px 0; 
    background: #fff; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    border: 2px solid #CCC; 
    height: 540px; 
  
}


.sharknet h3 {
    font-size:1.3em; 
    font-weight: 600; 
    line-height: 1; 
    margin-bottom: 0; 
    margin-top: 5px; 
    padding: 8px 0 8px 10px; 
    background:#005476; 
    color: #FFD200; 
    text-align:left; 
    text-transform: uppercase;
}

.sharknet h4 {
    font-size:1em; 
    font-weight: 600; 
    line-height: 1.2; 
    margin-bottom: 5px; 
    margin-top: 10px; 
    color: #005476; 
    text-align:left; 
    text-transform: uppercase; 
    padding-left: 10px;
}

.sharknet h4 span {
    font-size: 0.9em; 
    color: #666; 
    font-weight: 500;
}

.sharknet p {
    font-size:1em; 
    font-weight: 400; 
    line-height: 1.3; 
    text-align: left;
    background: #eee;
    padding: 8px 10px;
    border: 1px solid #ddd; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    margin-bottom: 15px;
}


.sharknet-jobs {
    width: 100%; 
    padding: 10px 10px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #d7d8d8;
}


.events-main2 {
    width: 100%; 
    padding: 10px 10px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #d7d8d8;
    height:415px;
}

.events-main1 {
    padding: 5px 5px 0; 
    background: #fff; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    border: 2px solid #CCC; 
    height: 470px; 
  
}


.events-main1 h3 {
    font-size:1.3em; 
    font-weight: 600; 
    line-height: 1; 
    margin-bottom: 0;
    border-radius: 5px; 
    margin-top: 5px; 
    padding: 8px 0 8px 10px; 
    background:#003ca6; 
    color: #f5a705; 
    text-align:left; 
    text-transform: uppercase;
}

.events-main1 h4 {
    font-size:1.3em; 
    font-weight: 600; 
    line-height: 1.2; 
    margin-bottom: 5px; 
    margin-top: 10px; 
    color: #005476; 
    text-align:left; 
    text-transform: uppercase; 
    padding-left: 10px;
}

.events-main1 h4 span {
    font-size: 0.9em; 
    color: #666; 
    font-weight: 500;
}

.events-main1 p {
    font-size:1.2em; 
    font-weight: 400; 
    line-height: 1.3; 
    text-align: left;
    padding-left: 10px;
    
}

.sponsorspromotions {
    padding: 5px 5px 0; 
    background: #fff; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    border: 2px solid #CCC; 
    height: 470px; 
  
}

.sponsorspromotions2 {
    padding: 5px 5px 0; 
    background: #fff; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    border: 2px solid #CCC; 
    height: 415px; 
  
}

.sponsorspromotions h3 {
    font-size:1.3em; 
    font-weight: 600; 
    line-height: 1; 
    border-radius: 5px;
    margin-bottom: 0; 
    margin-top: 5px; 
    padding: 8px 0 8px 10px; 
    background:#003ca6; 
    color: #f5a705; 
    text-align:left; 
    text-transform: uppercase;
}

.sponsorspromotions h4 {
    font-size:1.3em; 
    font-weight: 600; 
    line-height: 1.2; 
    margin-bottom: 5px; 
    margin-top: 10px; 
    color: #005476; 
    text-align:left; 
    text-transform: uppercase; 
    padding-left: 10px;
}

.sponsorspromotions h4 span {
    font-size: 0.9em; 
    color: #666; 
    font-weight: 500;
}

.sponsorspromotions p {
    font-size:1.2em; 
    font-weight: 400; 
    line-height: 1.3; 
    text-align: left;
    padding-left: 10px;
}

.sponsorspromotions2 {
    width: 100%; 
    padding: 10px 10px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #d7d8d8;
}


.events-main1x p {
    font-size:1em; 
    font-weight: 400; 
    line-height: 1.3; 
    text-align: left;
    background: #eee;
    padding: 8px 10px;
    border: 1px solid #ddd; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    margin-bottom: 15px;
}


.section-content{
    text-align: center;
    border-style:solid; 
    border-width: 0 1px 1px; 
    border-color:#d7d8d8;    
    padding-bottom:20px;
    
    
}

.section-content2 {
    text-align: center;
    
}


.section-content h1 {
    margin-top: 0px;
    padding-top:5px;
    padding-bottom:5px;

}

.section-header2 {
    font-weight:600; 
    border-radius:5px; 
    background:#003ca6; 
    color:#f5a705;
}

#contact-white {  
    padding: 10px; 
    padding-top: 5px;
    width: 100%; 
    height:100%; 
    margin: 0px 0;
    float:left;
    background: #fbfcfc; 
    opacity:0.9;
    color:#black;
    border-radius:3px; 
    border: 2px solid #ccc;
    
}

 #contact-white2 {  
    padding: 10px; 
    padding-top: 5px;
    width: 100%; 
    height:100%; 
    margin: 0px 0;
    background: #fbfcfc; 
    opacity:0.9;
    color:#black;
}






#contact {  
    padding: 10px; 
    padding-top: 5px;  
    width: 100%; 
    height:100%; 
    margin: 10px 0;
    float:left;
    background: #3f8fe0; 
/* fallback for old browsers */
/*    background: -webkit-linear-gradient(to left, rgba(0, 84, 118, 0.8), rgba(0, 84, 118, 0.8));     */
/* Chrome 10-25, Safari 5.1-6 */
/*    background: linear-gradient(to left, rgba(0, 84, 118, 0.8) , rgba(0, 84, 118, 0.8));      */
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color : #fff;
}


#contact-jobs {  
    padding: 10px; 
    padding-top: 5px;
    width: 100%; 
    height:100%; 
    margin: 0px 0;
    float:left;
    background: #fbfcfc; 
    opacity:0.9;
    color:#black;
}


#main-text p {
    text-align:left;
    font: #black;
    font-size:24px;
}

.contact-section{
    padding-top: 10px;
}

.contact-section .col-md-6{
    width: 50%;
}

.contact-section h5 {
    font-weight:600;
}

.contact-section-sn{
    padding-top: 10px;
}

.contact-section-sn .col-md-6{
    width: 50%;
}

.contact-section-sn h5 {
    font-weight:600;
}

.form-group-sn{
    margin-top: 10px;
    
}


label.sharknet {
    color:red;
}


.form-group{
    margin-top: 10px;
}

legend {color: #fff;margin-top: 20px; margin-bottom: 10px;}
label{font-size: 1.3em;line-height: 1em;font-weight: normal;}
.form-control{font-size: 1.3em;color: #080808;}
textarea.form-control {height: 135px;}
address {background: rgba(255,255,255,0.2);padding: 5px 10px 20px;border-radius: 3px;border: 1px solid #ccc;}

.submit{font-size: 1.1em;float: left;width: 150px;background-color: transparent;color: #fff;}

.footer {background :#f5f5f5; border-top: 2px #d2d2d2; padding: 50px 0 10px;}
.name {font-size: 1.8em;font-weight: 500;line-height: 1.2; text-align: center; padding-bottom: 20px; color: #999;}
.grid h5 {font-size: 1.2em;font-weight: 600;padding-bottom: 0.5em;margin-bottom: 0;color: #999;}
.grid .underline {display: block;background-color: #222;width: 30px;height: 2px;margin-top: 0px;}
.footer-links {margin-top: 1em;}
.footer-links, li {padding: 0;list-style: none;}
.footer-links li a {color: #999;text-decoration: none;line-height: 2;font-size: 0.8em;font-weight: 600;}
.footer-links li a:hover {padding-left: 10px;}
.footer-links li a i {color: #666;padding-right: 0.5em;}
.social-icon-twitter {background: url('../images/social-icon-twitter.png') no-repeat;width: 42px;height: 42px;display: block;}
a:hover .social-icon-twitter {background: url('../images/social-icon-twitter-over.png') no-repeat;}
.social-icon-fb {background: url('../images/social-icon-fb.png') no-repeat;width: 42px;height: 42px;display: block;
}
a:hover .social-icon-fb {background: url('../images/social-icon-fb-over.png') no-repeat;}
.social-icon-yt {background: url('../images/social-icon-yt.png') no-repeat;width: 42px;height: 42px;display: block;
}
a:hover .social-icon-yt {background: url('../images/social-icon-yt-over.png') no-repeat;}
.footer_container {margin-top: 30px;margin-bottom: 20px;}
.footer_bottom_content {margin: auto;margin-bottom: 20px;font-size: 14px;color: #333333;}
.tables {margin:0 0 20px;overflow-y: auto;height: 530px;}
.tables h3 {font-size:1.5em; font-weight: 600; line-height: 1.2; margin-bottom: 0px; margin-top: 0px; color: #fff; text-align:center; text-transform: uppercase; background: #06F; padding: 8px;}
.table-mrgn {margin-top: 20px;}
.table-heading {
    background: #6b9dde; 
    font-size: 1em; 
    font-weight: 600; 
    line-height: 1.2; 
    padding: 5px 0 5px 10px; 
    text-align: left; 
    text-transform: uppercase; 
    color: #365f91;
}

.table-headingjunior {
 
    font-size: 1em; 
    font-weight: 600; 
    line-height: 0.8; 
    padding: 0px 0 0px 0px; 
    text-align: left; 
    text-transform: uppercase; 
    color: #365f91;
}

#myTable .table-heading th:first-child {width: 15%;}
#myTablejunior .table-heading th:first-child {width: 15%;}
.c-heading {background: #fff; font-size: 1em; font-weight: 600; line-height: 1.2; padding: 5px 0 5px 10px; text-align: left; text-transform: uppercase; color: #365f91; display: table-caption;}
.c-headingjunior {
    background: #fff; 
    font-size: 1em; 
    font-weight: 600; 
    line-height: 0.6; 
    padding: 0px 0px 0px 0px; 
    text-align: left;
    text-transform: uppercase; 
    color: #365f91; 
    display: table-caption;}

.table-data {
    font-size: 1em; 
    font-weight: 500; 
    line-height: 1.2;
    padding: 5px 0 5px 10px; 
    text-align: left;  
    color: #365f91;}
.table-datajunior {
    font-size: 0.5em; 
    font-weight: 500; 
    line-height: 1.2;
    padding: 5px 0 5px 10px; 
    text-align: left;  
    color: #365f91;}   
     
.table-data small {display: block; font-size: 0.8em; text-align: left; text-transform: capitalize;}
.table-datajunior small {display: block; font-size: 0.4em; text-align: left;}
.blue {background: #eaf3ff;}
.light {background: #ffffff;}
.table {margin-bottom: 0;}


#myTable th.thead,#sorttable_sortfwdind,#sorttable_sortrevind {display: none;}
#myTable1 .table-heading {color: #fff;}
#myTable2 .table-heading {color: #fff;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border: none;}
.main-heading {background: #06f; color: #fff; font-weight: 500; padding: 8px; text-align: center;}
.table_tab {background: #fff; padding:0 0 10px; margin-bottom: 20px;}
.table-responsive {overflow-y: auto;height: 443px;}

.news {
    margin-bottom: 20px; 
    padding: 10px; 
    background: #fff; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    border: 2px solid #CCC; 
    height:100%;}
    
.hd1 {
    width: 100%;
    overflow: hidden;position: relative;
    background: #003ca6;
    margin-bottom: 10px;
    border-radius: 5px; 
    font-size: 20px;
    padding: 10px 5px;
    color: #fff;
    margin-top: 0px;}

.newsborder {
    width: 100%; 
    height: 530px; 
    padding: 10px 15px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #d7d8d8;
}

.recentnews {
    width: 100%;
    position: relative;margin: 0 0 9px 0;
    overflow: hidden;
}

.recentnews figure {width: 15%;overflow: hidden;position: relative; display: inline-block;}
.recentnews .text {float: right; width: 85%; display: inline-block;overflow: hidden;padding: 0 0 0 10px;}	
.recentnews .text h3 {float: left;width: 100%;font-size: 14px;overflow: hidden;font-weight: bold;white-space: nowrap;line-height: normal;text-overflow: ellipsis;text-transform: uppercase;margin-bottom: 2px;margin-top: 0px;}

.recentnews .text p {
    margin: 0;
    float: left;
    width: 100%;
    color: #7d8386;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
}

.date {float: left;width: 100%;color: #666;font-size: 12px;font-weight: bold;font-style: normal;line-height: normal;text-transform: uppercase;font-family: 'Open Sans', sans-serif; margin-top: 5px;}

.more {font-weight: bold;}

.moremain {
    font-weight: bold; 
    color: #fdfffe;
            
}


#JUNIORS .venuetable {display: none;}
.left-c {padding-top: 50px; padding-bottom: 50px;}

.news-detail {
    margin: 5px 0;
    width:100%;
  
}

/*
.news-detail h3 {
    color:red; 
    font-size: 2em; 
    font-weight: 500; 
    line-height: 1;
}
   */
   
.news-detailx h4 {
    background-color: #fff;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}


.news-detail p {
    color: #333; 
    font-size: 1.2em; 
    font-weight: 400; 
    line-height: 1.2; 
    padding: 10px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    -o-border-radius: 3px; 
    -ms-border-radius: 3px; 
    border-radius: 3px;
}

.news-body {
    margin: 5px 0;
    background: rgba(255,255,255,0.7); 
  
}



.events-body {
 /*   margin: 5px 0;       */
    background: rgba(255,255,255,0.7);     
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    -o-border-radius: 3px; 
    -ms-border-radius: 3px; 
/*    border-radius: 3px;
    border:2px;          */
    border-color:black;
}

.events-body p {
    color: #333; 
    margin:0px;
/*    font-size: 1.2em;       */
    font-size:inherit;
    font-weight: 400; 
/*    line-height: .7;       */
/*    padding: 10px;         */
/*    padding-bottom:5px;    */
    background:rgba(255,255,255,0.7);
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    -o-border-radius: 3px; 
    -ms-border-radius: 3px; 
    border:none;
} 




@media (max-width: 768px)  {
.navbar-default .navbar-nav > li > a {font-size: 0.8em;font-weight: 400;}
.navbar-nav > li > .dropdown-menu li a {font-size: 0.9em;font-weight: 400;opacity: 1;}
.wrap-img {padding-left: 10px;padding-right: 10px; height: auto;background: #abdaf7;}
#table_tab {margin-top: 20px; margin-bottom: 20px;}
.table-responsive {height: 300px;}
.recentnews img {display: none;}
.recentnews figure {display: none;}
.recentnews .text {float: none; width: 100%;}
.events {margin-top: 20px;}
}

/* Phones */
@media only screen and (max-width: 767px) {
.navbar-nav > li {display: block;width:auto;}
.navbar-default .navbar-nav > li > a{color:#8a8a89;padding:12px 0px 11px 10px;font-size:13px;color:#fff;}
.navbar-nav > li > .dropdown-menu li a{font-size:13px;}
.navbar-nav > li > .dropdown-menu {background-color: #222;left:20px;}
.navbar-nav {margin:0;}
.first,.second,.mid-box{width: 100%; float:none;}
.wrap-img {height: auto;}
.left-box,.right-box {display: none;}
.tables {padding-top: 10px; padding-bottom: 10px; margin: 0;}
.footer_container {margin-top: 10px;margin-bottom: 10px;}
.footer_bottom_content {margin-bottom: 0;}
/*   #myCarousel .carousel-caption {display: none;} */
#myCarousel .nav-justified > li > a {padding: 10px;}
.recentnews figure {display: none;}
.recentnews .text {float: none; width: 100%;}
}


@media only screen and (max-width: 800px) {	
/* Force table to not be like tables anymore */
#no-more-tables table, 
#no-more-tables thead, 
#no-more-tables tbody, 
#no-more-tables th, 
#no-more-tables td, 
#no-more-tables tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#no-more-tables tr { border: 1px solid #ccc; }

#no-more-tables td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 50%; 
	white-space: normal;
	text-align:left;
}

#no-more-tables td:before { 
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
	text-align:left;
	font-weight: bold;
}

/*
Label the data
*/
#no-more-tables td:before { content: attr(data-title); }
}

.section-header {
    color:black;
}


.section-header2 h1 {
    font-weight:600; 
    border-radius:5px; 
    background:#003ca6; 
    color:#f5a705;
}

.section-header2 h2 {
    color: #333;
}


.section-header2 h3 {
    color: #333;
    font-size:6px;
    height:auto;
    font-weight:600; 
    border-radius:5px; 
    background:#003ca6; 
    color:#f5a705;
}

.admin-header {
    color:black;
    padding-left:65px;
}

.admin-header h2 {
    color:black;
}




#clubhistory {
     color:black;
     font-size:14px;
    
}

#clubhistory a:link {
     color:#ffd200;
     
    
}

#newplayerinfo {
     color:#black;
     font-size:16px;
     text-align:left;
     font-weight: 400;
}



#codeofconduct {
     color:#404040;;
     font-size:14px;
 /*    padding-left:10px;
     padding-right:10px;    */
     height:100%;

     width:95%; 
     margin-left:auto; 
     margin-right: auto;

    
}

#codeofconduct a {
     color:#404040;;
     font-size:14px;
    
}

#sponsors {
     color:#ffd200;
     font-size:12px;
    
}

#sponsors p {
     padding-top:10px;
     color:black;
     font-size:14px;
    
}

#playinglist {
     color:#ffd200;
     font-size:12px;
    
}

#playinglist p {
     padding-top:10px;
     color:black;
     font-size:14px;
    
}



#premiershipname {
     color:#ffd200;
     font-size:12px;
    
}

#premiershipname p {
     padding-top:10px;
     color:black;
     font-size:14px;
    
}




.img_borders {
           border-width: 2px;   
           border-color: grey;   
           border-style: solid;          
    
}

.news_details h3 {
    font-size:2.3em; 
    font-weight: 600; 
    line-height: 1; 
    margin-bottom: 5px;
    margin-top: 5px; 
    padding: 8px 0 8px 10px;  
    color:#333; 
    text-align:left; 
    text-transform: uppercase;
}

ul.new_player li {
  list-style-type:disc!important;
  margin-left:15px;
  color:black;
}


.existing-players {
    padding: 5px 10px 0; 
    background: #fff; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    border: 2px solid #CCC; 

    overflow-y: auto
}


.existing-players h3 {
    font-size:1.3em; 
    font-weight: 600; 
    line-height: 1; 
    margin-bottom: 0; 
    margin-top: 5px; 
    padding: 8px 0 8px 10px; 
    background:#005476; 
    color: #FFD200; 
    text-align:left; 
    text-transform: uppercase; 
}

#auskick {
   padding-left:90px;
   padding-top:30px; 
   text-align: left; 
   font-size:16px;
   color:black;
   font-weight: 500;
    
    
}


.container-sn {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*   */
#news-pages {
   font-family: inherit;
   font-weight: 500;
   font-size:14px;
   color: inherit;   
}




.lifemembers {
    text-align:left;
    font: #black;
    font-size:24px;
}    

/*  MEDIA SETTINGS   */   
  @media screen and (max-width: 750px) {
 
  #myCarousel .carousel-caption h3 {
    font-size: 2.0em;   
    margin-top: 5px; 
  }    
  
  #myCarousel .carousel-caption p  {
    font-size: 1.0em; 
    font-weight: 500; 

}    
 
   #myCarousel2 .carousel-caption h3 {
    font-size: 2.0em;   
    margin-top: 5px; 
  }    
  
  #myCarousel2 .carousel-caption p  {
    font-size: 1.0em; 
    font-weight: 500; 

} 
  
  .sponsorspromotions {  
     height:345px;    
  }    

  .sponsorspromotions2 {
     height:290px;      
  }  
 
 .upcomingevents {
   padding-top:15px;  
 } 
  .events-main1 {
    height:405px;         
  }
  
  .events-main2 {
    height:370px;        
  }
  
  .spottheball {
    padding-top:15px;  
  }
  
  .news {
    height:670px;  
  }
  
  .newsborder {
    height:595px;  
  } 
              
 }