﻿@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 { 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; } 
 
.ui-tabs { padding: 0; margin: 0; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } 
.ui-tabs ul.ui-tabs-nav { border: 0; padding: 0; background: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; } 
.ui-tabs ul.ui-tabs-nav li { -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; margin: 0; } 
.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; } 
 
.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; } 
 
.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; } 
.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; } 
 
.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; } 
 
} 
