/**
 *
 *  Common Logic (non oe/oam specific): Reused across all site types
 *  
 **/

/* Tabs */
.tabswidget.ui-tabs.ui-widget.ui-widget-content {
	background: #fff !important;
	padding: 0;
	border-radius: 0;
	border: 2px solid #e1e6eb;
	border-top: 0;
	font-family: Montserrat-SemiBold, Arial, Verdana, Helvetica, sans-serif;
	max-width: 500px;
}

.tabswidget.ui-tabs .ui-tabs-nav {
	padding: 0;
    background: #fff !important;
    border: 0;
    height: 5em;
    border-radius: 0;
}

.tabswidget.ui-tabs .ui-tabs-nav li.ui-state-default{
	padding: 0;
    margin: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #fff !important;
    border: 0;
    border-left: 2px solid #e1e6eb;
    border-radius: 0;
    border-bottom: 2px solid #e1e6eb !important;
    border-top: 2px solid #e1e6eb;
    text-align: left;
    white-space:normal;
}

.tabswidget.ui-tabs .ui-tabs-nav li.ui-state-default:first-child{
	border: 0;
    border-left: 0;
    border-radius: 0;
    border-bottom: 2px solid #e1e6eb !important;
    border-top: 2px solid #e1e6eb;
    border-right: 2px solid #e1e6eb;
}

.tabswidget.ui-tabs .ui-tabs-nav li.ui-state-default.ui-tabs-active{
	border: 0;
    border-top: 5px solid #259ad7 !important;
    border-radius: 0;
    border-bottom: 0 !important;
}

.tabswidget.ui-tabs .ui-tabs-nav li.ui-state-default a{
	color: #7e868c;
    font-size: 16px;
    height: 100%;
    width: 100%;
    padding: 1em 1em;
    font-weight: 500;
}

.tabswidget.ui-tabs .ui-tabs-nav li.ui-state-default a span {
	color: #7e868c;
	font-size: 16px;
}

.tabswidget.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .tabswidget.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span {
	color: #2e3133;
    font-size: 16px;
    height: 100%;
    width: 100%;
}

.tabswidget.ui-tabs .ui-tabs-nav li.ui-state-default a span.recommended {
	display: block;
    font-size: 9px;
    font-family: Montserrat-Bold, Arial, Verdana, Helvetica, sans-serif;
    color: #14a1cc;
    padding-top: 0;
}