/*
    Theme: Council Metro
    Author: Matthew Small
    Date: 21/03/2014
    Note: Responsive
    @copy: ÿÈÕ´óÈü»Æ
*/

@media only screen  and (min-width: 1920px) and (max-width: 2920px)  {

#tabs{ width: 100%; }
#tabs ul{ margin-top: 30px; padding: 0 !important; width:143% !important;}
#tabs ul li{ float:left; list-style: none !important; margin: 0 !important; clear: none !important; width: auto !important; margin-right: 20px !important; background-color: #5b8136; padding: 0;
	border-radius: 8px;}
#tabs ul li a{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; display: block; padding: 5px 20px; font-size: 14px; text-align: center;}
#tabs ul li a:focus{outline: none !important;} 
#tabs ul li:hover{ background: #3d3d3d;}

.ui-state-active{ background: #3d3d3d !important;}
.leisure_active{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center; background-color: #3d3d3d;
	margin-right: 10px;	border-radius: 10px;}
.leisure_notActive{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center; background-color: #5B8136; margin-right: 10px;
	border-radius: 10px;}
.leisure_notActive:hover{background-color: #3d3d3d;}
#quickLinks{margin-top: 30px;}

.School-Hols{color:green !important; font-size:130%; margin-bottom:20px !important;}
.Spring-Summer{color:#0000a6 !important; font-size:130%; margin-bottom:20px !important;} 
.display-label-data{border-bottom:0 !important;}

}

@media only screen and (min-width: 1680px) and (max-width: 1919px) {

#tabs{ width: 100%; }
#tabs ul{ margin-top: 30px; padding: 0 !important; width:143% !important;}
#tabs ul li{ float:left; list-style: none !important; margin: 0 !important; clear: none !important; width: auto !important; margin-right: 20px !important; background-color: #5b8136; padding: 0;
	border-radius: 8px;}
#tabs ul li a{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; display: block; padding: 5px 20px; font-size: 14px; text-align: center;}
#tabs ul li a:focus{outline: none !important;} 
#tabs ul li:hover{ background: #3d3d3d;}

.ui-state-active{ background: #3d3d3d !important;}
.leisure_active{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center; background-color: #3d3d3d;
	margin-right: 10px;	border-radius: 10px;}
.leisure_notActive{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center;background-color: #5B8136; margin-right: 10px;
	border-radius: 10px;}
.leisure_notActive:hover{background-color: #3d3d3d;}
#quickLinks{margin-top: 30px;}

.School-Hols{color:green !important; font-size:130%; margin-bottom:20px !important;}
.Spring-Summer{color:#0000a6 !important; font-size:130%; margin-bottom:20px !important;} 
    .display-label-data{border-bottom:0 !important;}

}

@media only screen and (min-width: 1440px) and (max-width: 1679px) {

#tabs{ width: 100%; }
#tabs ul{ margin-top: 30px; padding: 0 !important; width:143% !important;}
#tabs ul li{ float:left; list-style: none !important; margin: 0 !important; clear: none !important; width: auto !important; margin-right: 20px !important; background-color: #5b8136; padding: 0;
	border-radius: 8px;}
#tabs ul li a{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; display: block; padding: 5px 20px; font-size: 14px; text-align: center;}
#tabs ul li a:focus{outline: none !important;} 
#tabs ul li:hover{ background: #3d3d3d;}

.ui-state-active{ background: #3d3d3d !important;}
.leisure_active{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center; background-color: #3d3d3d;
	margin-right: 10px;	border-radius: 10px;}
.leisure_notActive{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center;background-color: #5B8136; margin-right: 10px;
	border-radius: 10px;}
.leisure_notActive:hover{background-color: #3d3d3d;}
#quickLinks{margin-top: 30px;}

.School-Hols{color:green !important; font-size:120%; margin-bottom:20px !important;}
.Spring-Summer{color:#0000a6 !important; font-size:130%; margin-bottom:20px !important;} 
    .display-label-data{border-bottom:0 !important;}

}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
#tabs{ width: 100%; }
#tabs ul{ margin-top: 30px; padding: 0 !important; width:143% !important;}
#tabs ul li{ float:left; list-style: none !important; margin: 0 !important; clear: none !important; width: auto !important; margin-right: 20px !important; background-color: #5b8136; padding: 0;
	border-radius: 8px;}
#tabs ul li a{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; display: block; padding: 5px 20px; font-size: 14px; text-align: center;}
#tabs ul li a:focus{outline: none !important;} 
#tabs ul li:hover{ background: #3d3d3d;}

.ui-state-active{ background: #3d3d3d !important;}
.leisure_active{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center; background-color: #3d3d3d;
	margin-right: 10px;	border-radius: 10px;}
.leisure_notActive{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center;background-color: #5B8136; margin-right: 10px;
	border-radius: 10px;}
.leisure_notActive:hover{background-color: #3d3d3d;}
#quickLinks{margin-top: 30px;}
.School-Hols{color:green !important; font-size:130%; margin-bottom:20px !important;}
.Spring-Summer{color:#0000a6 !important; font-size:130%; margin-bottom:20px !important;} 
    .display-label-data{border-bottom:0 !important;}

}

@media only screen and (min-width: 996px) and (max-width: 1365px) {
#tabs{ width: 100%; }
#tabs ul{ margin-top: 30px; padding: 0 !important; width:143% !important;}
#tabs ul li{ float:left; list-style: none !important; margin: 0 !important; clear: none !important; width: auto !important; margin-right: 20px !important; background-color: #5b8136; padding: 0;
	border-radius: 8px; }
#tabs ul li a{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; display: block; padding: 5px 20px; font-size: 14px; text-align: center;}
#tabs ul li a:focus{outline: none !important;} 
#tabs ul li:hover{ background: #3d3d3d;}

.ui-state-active{ background: #3d3d3d !important;}
.leisure_active{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center; background-color: #3d3d3d;
	margin-right: 10px;	border-radius: 10px;}
.leisure_notActive{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center;background-color: #5B8136; margin-right: 10px;
	border-radius: 10px;}
.leisure_notActive:hover{background-color: #3d3d3d;}
#quickLinks{margin-top: 30px;}
.School-Hols{color:green !important; font-size:130%; margin-bottom:20px !important;}
.Spring-Summer{color:#0000a6 !important; font-size:130%; margin-bottom:20px !important;} 
    .display-label-data{border-bottom:0 !important;}

}

@media only screen and (min-width: 600px) and (max-width: 995px) {
#tabs{ width: 100%; }
#tabs ul{ margin-top: 30px; padding: 0 !important; }
#tabs ul li{ float:left; list-style: none !important; margin: 0 !important; clear: none !important; width: 120px !important; margin-right: 20px !important;  margin-bottom: 20px !important; background-color: #5b8136; padding: 0;
	border-radius: 8px;}
#tabs ul li a{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; display: block; padding: 5px 20px; font-size: 14px; text-align: center;}
#tabs ul li a:focus{outline: none !important;} 
#tabs ul li:hover{ background: #3d3d3d;}

.ui-state-active{ background: #3d3d3d !important;}
.leisure_active{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center; background-color: #3d3d3d;
	margin-right: 10px;	border-radius: 10px;}
.leisure_notActive{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center;background-color: #5B8136; margin-right: 10px;
	border-radius: 10px;}
.leisure_notActive:hover{background-color: #3d3d3d;}
#quickLinks{margin-top: 30px;}
.School-Hols{color:green !important; font-size:130%; margin-bottom:20px !important;}
.Spring-Summer{color:#0000a6 !important; font-size:130%; margin-bottom:20px !important;} 
    .display-label-data{border-bottom:0 !important;}
}

@media only screen and (min-width: 68px) and (max-width: 599px) {
#tabs{ width: 100%; }
#tabs ul{ margin-top: 30px; padding: 0 !important; }
#tabs ul li{ float:left; list-style: none !important; clear: none !important;  width: 120px !important; margin: 10px 50px 0 0 !important; background-color: #5b8136; padding: 0;
	border-radius: 8px;}
#tabs ul li a{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; display: block; padding: 5px 20px; font-size: 14px; text-align: center;}
#tabs ul li a:focus{outline: none !important;} 
#tabs ul li:hover{ background: #3d3d3d;}

.ui-state-active{ background: #3d3d3d !important;}
.leisure_active{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center; background-color: #3d3d3d;
	margin-right: 10px;	border-radius: 10px;}
.leisure_notActive{ color: #FFFFFF !important; text-decoration: none; height: 100% !important; line-height: 30px; padding: 8px 20px; font-size: 14px; text-align: center;background-color: #5B8136; margin-right: 10px;
	border-radius: 10px;}
.leisure_notActive:hover{background-color: #3d3d3d;}
#quickLinks{margin-top: 30px;}
.School-Hols{color:green !important; font-size:130%; margin-bottom:20px !important;}
.Spring-Summer{color:#0000a6 !important; font-size:130%; margin-bottom:20px !important;} 
    .display-label-data{border-bottom:0 !important;}
}