@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; }
.link-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; }
.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 ; color: #3894c7; margin: 0; }
.tab-header-inner ul li h2 a:link, .tab-header-inner ul li h2 a:visited { text-decoration: none; color: #3894c7; }
.tab-header-inner ul li h2 a:hover, .tab-header-inner ul li h2 a:active { text-decoration: none; color: #3894c7; }
.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%; }

/* Front end tabs to match admin screens */
div.tabs, div.tabs-facet { text-transform: lowercase; border: 1px solid #cccccc; background: #efefef; border-width: 1px 1px 0 1px; }
.tabs-sub { background: #dedede; }

.tabs .tab { border: 1px solid #aaaaaa; border-width: 0 1px 1px 0; }

div.ui-tabs { padding: 0; margin: 0; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-tabs ul.ui-tabs-nav { border: 0; padding: 0; background: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-tabs ul.ui-tabs-nav li { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0; margin: 0; float: left; position: relative; }
.ui-tabs ul.ui-tabs-nav li .tab-label { clear: both; overflow: auto; }
.ui-tabs ul.ui-tabs-nav li .tab-label a { margin: 0; padding: 5px 10px; float: left; }

.ui-tabs div.ui-tabs-nested { padding: 0; margin: 0; border: 0; }
.ui-tabs div.ui-tabs-nested li { margin: 0; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.ui-tabs ul.ui-tabs-nav li.ui-state-default .tab-label a { color: #666666; }
.ui-tabs ul.ui-tabs-nav li.ui-state-hover .tab-label a { color: #333333; }

.ui-tabs ul.ui-tabs-nav li .tab-label { }
.ui-tabs ul.ui-tabs-nav li .tab-label a { }

.ui-tabs ul.ui-tabs-nav li { background: #E4E4E4; }
.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected { background: #FFFFFF; }
.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected  .tab-label a { font-weight: bold; color: #333333; }

.ui-tabs div.ui-tabs-panel { padding: 0; margin: 0; border: 0; }
.ui-tabs div.tabs-container { padding: 10px; margin: 0; border: 1px solid #ccc; border-width: 0 1px 1px 1px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.contacts .col-alpha { width: 70%; float: left; }
.contacts .col-beta { width: 29%; float: right; }

.contacts .element { clear: both; width: 100%; overflow: hidden; margin-bottom: 2px; border-bottom: 1px dotted #e5e5e5; padding-bottom: 4px; padding-top: 3px; }
.contacts .question { width: 40%; }
.contacts .answer { width: 59%;}
.contacts .question, .contacts .answer { display: block; float: left; text-align: left; overflow: hidden; }
.contacts .element label, .contacts .element .label { padding: 2px 8px; }

.contacts .contacts-extended { margin: 10px 0; }
.contacts .no-tabs { margin: 10px 0; border: 1px solid #ccc; padding: 10px; }

}