/* Moondew.com styles for Tabs.js */

span.notabs {
	display: block;
	position: relative;
	overflow: auto;
	border-bottom: 1px solid black;
}
div.tabs span.tabempty { /* no tabs */
	display:inline-block;
	overflow: auto;
	border-bottom: 3px solid lightgray;
	outline: none;
}
div.tabcontent { /* Tab content container */
	display: none;
}

div.tabcontrol {
	text-wrap:none;
	color:#E80000;
	font-size:14px;
	outline: none;
}

div.tabcontrol div.tabfill { /* end */
	display:block;
	position: relative;
	overflow: auto;
	font-size:16px;			/* Must be same size as tabSel */
	padding-bottom: calc(.6em + 1px);	/* Must be same size as tabSel */
	border-bottom: 1px solid black;
	outline: none;
}

div.tabcontrol div.tabs { /* Tab control container */
	display:inline-block;
	position: relative;
	float:left;
	margin:0px;
	padding:0px;
	font-size:0;	/* remove spaces between inline blocks created by Newlines between elements in HTML */
	z-index:1;
}

div.tabcontrol div.tabs span.tablead { /* lead */
	display:inline-block;
	outline: none;
	width: 5px;
	border-bottom: 1px solid black;
}

div.tabcontrol div.tabs span.tab { /* unselected tab */
	display:inline-block;
	outline:none;
	margin-left: -1px;	/* Overlap tab borders */
	padding-left: .8em;
	padding-right: 1em;
	padding-top: .1em;
	padding-bottom: .2em;
	margin-top:calc(2px + .4em);

	font-size: 14px;
	text-align: center;
	overflow: hidden;

	border: 1px solid black;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;

	cursor: pointer;
	background-color: #E0E0E0;
}

div.tabcontrol div.tabs span.tabSel { /* selected tab set by tabs.js only */
	display:inline-block;
	outline:none;
	margin-left: -1px;	/* Overlap tab borders */
	padding-left: .8em;
	padding-right: .8em;
	padding-top: .1em;
	padding-bottom: .4em;

	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	overflow: hidden;

	border: 1px solid black;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom:0px;

	cursor: default;
	background-color:#FCFCFC;
}