/* ######### CSS for Shade Tabs. Remove if not using ######### */
#tabscontent { border: solid 1px #cccccc;
			   border-bottom: none;
			   padding: 20px 30px 20px 30px;
			   -webkit-border-top-right-radius: 5px;
			   -moz-border-radius-topright: 5px;
			   border-top-right-radius: 5px;
			   margin-top: 6px; 
			   height: 1300px;
			   overflow: hidden;
			   }

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.shadetabs li{ display: inline; margin: 0; }

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 9px 15px;
margin-right: 2px;
border: 1px solid #cccccc;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
font-size: 16px;
font-weight: bold;
background-color: #CCCCCC;
color: #231F20;
}

.shadetabs li a:visited { color: #2d2b2b; }

.shadetabs li a:hover{ background-color: #ededed; border-bottom: 1px solid #ededed;}

.shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; background-color: #FFFFFF; border-bottom-color: white; }

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

.tabcontent{ display:none; }

@media print {
.tabcontent {
display:block !important;
}
}


@media (min-width: 480px) and (max-width: 767px) {
#tabscontent { width: 398px;padding: 10px; }
.shadetabs li a{ font-size: 12px; }
}

@media (max-width: 479px) {
#tabscontent { width: 218px;padding: 10px; margin-top: -4px;}
.shadetabs li{ display: block; }
.shadetabs li a{ font-size: 11px; line-height: 14px; padding: 5px 15px; width: 90px; display: block;margin-bottom: none;}

}