/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
background-color: #114A77;
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2));
overflow:hidden;
padding:10px 0 0 20px;

border-top-left-radius:5px;
border-top-right-radius:5px;

}

.shadetabs li{
display:inline;
}

.shadetabs li a{
display:block;
float:left;
padding:8px 8px;
margin:0 10px 0 0;
color:#fff;
text-transform: uppercase; 
font-weight: bold;
font-size:0.95em;
}

.shadetabs li a:hover{
background-color: #fff;
color:#333;
text-decoration: none;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background-color: #fff;
color:#333;

}

.shadetabs li a.selected{ /*selected main tab style */
/*background-image: url(shadeactive.gif);
border-bottom-color: white;*/ 
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/**/


@media (max-width: 600px) {

	.shadetabs li a{
		font-size:0.8em;
	}
}

@media (max-width: 500px) {

	.shadetabs li:nth-child(4){
		display:none;
	}
}

@media (max-width: 400px) {

	.shadetabs li:nth-child(3){
		display:none;
	}
}

#tab1 {background-color: #fff;border:1px solid #a1b6c7; border-width:0 1px 1px;width:auto; margin-bottom: 1em; padding: 20px}