@media screen, all {
/* panels, columns, grids, tabbed panels, accordions, slideshows */	
/* tabbed panels - tabs */
.tabbed-zone-outer { clear: both; }
.tabs-menu-outer ul, .tabs-menu-outer ul li { list-style-type: none; padding: 0; margin: 0;  }
.tabs-menu-outer ul li, .tabs-menu-outer ul li a, .tabs-menu-outer ul li span { display: block; }
.tabs-menu-outer ul li { float: left; width: 20%; text-align: center; }
.tabs-menu-outer ul li a:link, .tabs-menu-outer ul li a:visited { text-decoration: none; border: 1px solid #ccc; border-bottom: 0; margin-right: 5px; padding: 5px; }
.tabs-menu-outer ul li.tab-selected a:link, .tabs-menu-outer ul li.tab-selected a:visited { border: 1px solid #333; border-bottom: 0; background: #f7f7f7; }
.tabs-body-outer { clear: both; width: auto; border: 1px solid #ccc; padding: 10px;  }
.tabs-body-inner { }

/* accordions */
.tabbed-zone-outer { margin-bottom: 1em; }
.tabbed-zone-inner { width: auto; }
.tabbed-zone-body { }

.tab-panel-outer { border: 1px solid #ccc; border-bottom: 0; margin-bottom: 1em; clear: both; }
.tab-panel-inner { overflow: hidden; width: 100%; }
.tab-header-outer { clear: both; position: relative; height: 40px; border: 1px solid #ccc; }
.tab-header-inner { overflow: hidden; width: 100%; }
.tab-header-inner ul, .tab-header-inner ul li { list-style-type: none; padding: 0; margin: 0; }
.tab-header-inner ul li.expander { display: block; float: left; position: absolute; top: 0; left: 0; width: 35px; height: 35px; overflow: hidden;
                                   background: url("/EasySiteWeb/EasySite/StyleData/HampshirePartnership_General/Images/plus-icon.gif") no-repeat 4px 4px; }
.tab-header-inner ul li.header { text-align: left; margin-left: 45px; padding-top: 10px; display: block; }
.tab-header-inner ul li.header h2 { font-size: 1.3em  !important; color: #3894c7 !important; }
.tab-header-inner ul li h2 a:link, .tab-header-inner ul li h2 a:visited { text-decoration: none; color: #3894c7 !important; }
.tab-header-inner ul li h2 a:hover, .tab-header-inner ul li h2 a:active { text-decoration: none; color: #3894c7 !important; }
.tab-header-inner ul li.expander a:link, .tab-header-inner ul li.expander a:visited { visibility: hidden; }
.tab-body-outer { clear: both; padding: 10px; border: 1px solid #ccc; border-top: 0; }
.tab-body-inner { overflow: hidden; width: 100%; }

}