/*
General HTML
--------------------------------------------------------------------------------------------------------- */


.dms3 .clear { clear: both; }
.dms3 .clear:after { display: block; content: "."; height: 0; visibility: hidden; clear: both; }
.dms3 .ul {padding: 0; margin: 0;}
.dms3 a img {border:none;}

/*
	TABS
--------------------------------------------------------------------------------------------------------- */

.dms3 div.verticaltabs{
	clear:both;
	padding-left:2em;
}

.dms3 div.verticaltabs ul#ulTabs{
	clear:both;
	display:inline-block;
	float:left;
	width:15%;
	padding-top:2em;
}
.nojs .dms3 div.verticaltabs ul#ulTabs {
	display: none;
}
.dms3 div.verticaltabs ul#ulTabs li{
	clear:both;
	width:100%;
	margin-bottom:2em;
	padding: 1em 0em 1em 1em;
	margin-left:-1em;
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; 
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
}
.dms3 div.verticaltabs ul#ulTabs li.ui-tabs-active{border-right:0;position:relative;z-index:2;}
.dms3 div.verticaltabs ul#ulTabs li a{
	display: block;
	clear:both;
	color: #222222; 
}

.dms3 div.verticaltabs div.ui-tabs-panel{
	float:left;
	width:80%;
	padding:0 0 0 1em;
	min-height:40em;
}

div.vertical-tabs{padding-left:2em;}
.dms3 div.verticaltabs .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

/* #tabs { height: auto; }
div.ui-tabs-panel { min-height: 100%; } */


/* Component containers - taken from jquery-ui-1.9.2.custom.css
----------------------------------*/
.dms3 div.verticaltabs .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.dms3 div.verticaltabs .ui-widget .ui-widget { font-size: 1em; }
.dms3 div.verticaltabs .ui-widget input, .dms3 div.verticaltabs .ui-widget select, .dms3 div.verticaltabs .ui-widget textarea, .dms3 div.verticaltabs .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.dms3 div.verticaltabs .ui-widget-content { border: 1px solid #aaaaaa; color: #222222; }
.dms3 div.verticaltabs .ui-widget-content a { color: #222222; }

/* Interaction states - taken from jquery-ui-1.9.2.custom.css
----------------------------------*/
.dms3 div.verticaltabs .ui-state-default, .dms3 div.verticaltabs .ui-widget-content .ui-state-default, .dms3 div.verticaltabs .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; }
.dms3 div.verticaltabs .ui-state-default a, .dms3 div.verticaltabs .ui-state-default a:link, .dms3 div.verticaltabs .ui-state-default a:visited { color: #555555; text-decoration: none; }
.dms3 div.verticaltabs .ui-state-hover, .dms3 div.verticaltabs .ui-widget-content .ui-state-hover, .dms3 div.verticaltabs .ui-widget-header .ui-state-hover, .dms3 div.verticaltabs .ui-state-focus, .dms3 div.verticaltabs .ui-widget-content .ui-state-focus, .dms3 div.verticaltabs .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.dms3 div.verticaltabs .ui-state-hover a, .dms3 div.verticaltabs .ui-state-hover a:hover, .dms3 div.verticaltabs .ui-state-hover a:link, .dms3 div.verticaltabs .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.dms3 div.verticaltabs .ui-state-active, .dms3 div.verticaltabs .ui-widget-content .ui-state-active, .dms3 div.verticaltabs .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; }
.dms3 div.verticaltabs .ui-state-active a, .dms3 div.verticaltabs .ui-state-active a:link, .dms3 div.verticaltabs .ui-state-active a:visited { color: #212121; text-decoration: none; }



.dms3 div.verticaltabs .ui-tabs-panel{
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; 
-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}



.accordion h3.accordionheader {font-weight:bold;font-size:150%;padding-left:2em;border:1px solid #797979;background-color: #E6E6E6;margin:0;}
.accordion h3.accordionheaderopen {background-color:#FFF;}
.accordion .acContent{
    border-top: 0 none;
    padding: 1em 2.2em;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #AAAAAA;
    line-height: 1.3;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    text-decoration: none;
}


.dms3 div.verticaltabs div.tabcontent {
    float: left;
    min-height: 40em;
    padding: 0 0 0 1em;
    width: 75%;
    border-radius: 4px 4px 4px 4px;
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #222222;
}

.dms3 div.verticaltabs div.tabNotSelected, .dms3 div.horizontaltabs div.tabNotSelected {
    display:none;
}


.dms3 div.verticaltabs ul#ulTabs li.activetab {
    position: relative;
    z-index: 2;
    background: #FFFFFF;
}
.dms3 div.verticaltabs ul#ulTabs li.tab {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    clear: both;
    margin-bottom: 2em;
    margin-left: -1em;
    padding: 1em 0 1em 1em;
    width: 100%;
    color: #212121;
    font-weight: normal;
   font-size: 100%;
    line-height: 1.3;
    list-style: none outside none;
   border-left: 1px solid #AAAAAA;
   border-top: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
  }
.dms3 div.verticaltabs ul#ulTabs li.inactivetab {
   background: #E6E6E6;
}

.dms3 div.horizontaltabs ul#ulTabs{
   border-bottom:1px solid #555555;
}
.dms3 div.horizontaltabs ul#ulTabs li.tab a{
   float: left;
    padding: 0.5em 1em;
    text-decoration: none;
    color:#555555;
}

@media only screen and (max-width:679px){/*make tabs stack vertically in small screen as it's neater*/
	.responsiveScreen .dms3 div.horizontaltabs ul#ulTabs li.tab{
		clear:both;
		display:inline-block;
		float:left;
		min-width:150px;
		border-bottom:1px solid;
	}
	.responsiveScreen .dms3 div.horizontaltabs ul#ulTabs li.inactivetab{
		margin-left:0px;
	}
	.responsiveScreen .dms3 div.horizontaltabs ul#ulTabs li.activetab{
		margin-left:10px;
	}
	.responsiveScreen .dms3 div.horizontaltabs ul#ulTabs li.activetab~li.inactivetab{
		margin-left:20px;
	}
}

.dms3 div.horizontaltabs ul#ulTabs li.tab{
    border-bottom: 0 none;
    float: left;
    list-style: none outside none;
    margin: 1px 0.2em 0 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
   border-left: 1px solid #AAAAAA;
   border-top: 1px solid #AAAAAA;
   border-right: 1px solid #AAAAAA;
    color: #555555;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font-weight: normal;
}
.dms3 div.horizontaltabs ul#ulTabs li.activetab {
    position: relative;
    z-index: 2;
    background: #FFFFFF;
    padding-bottom:1px;
    margin-bottom:-1px;
}
.dms3 div.horizontaltabs ul#ulTabs li.inactivetab {
	background: #E6E6E6;
}
.dms3 div.horizontaltabs ul#ulTabs:before, .dms3 div.horizontaltabs ul#ulTabs:after {
    content: "";
    display: table;
}
.dms3 div.horizontaltabs ul#ulTabs:after {
    clear: both;
}