@charset "UTF-8";
/**
 * Package: Pure Tabs
 * Author:  Michael Gilkes (Valor Apps)
 * Date:    August 7, 2012
 *
 * IMPORTANT:
 * + The ORDER of the styles in this file matters in terms of precedence.
 * + use !important at the end of value to override inline styles
 * 
 * Note:
 * This should not contain any color-styling information.
 */

/** Default Styles **/
div.puretabs
{
	position: relative;
}

div.puretabs > ul
{
	list-style: none !important;
	display: block;
	position: relative;
	width: inherit;
	border-width: 1px;
	border-style: solid;
	padding: 4px 4px 0px !important;
	margin: 0px !important;
}

div.puretabs > ul:after, div.puretabs > div:after
{
	clear: both;
    content: ".";
    display: block;
    height: 0px;
    visibility: hidden;
}

div.puretabs > ul > li
{
	float: left;
	position: relative;
	border-width: 1px 1px 0px; 
	border-style: solid;
	margin: 0px 2px -1px !important;
	padding: 0 !important;
	line-height: normal !important;
}

div.puretabs > ul > li:first-child
{
	margin-left: 0px !important;
}

div.puretabs > ul > li:hover
{
	cursor: pointer;
}

div.puretabs > ul > li.active
{
	cursor: default;
	padding-bottom: 1px !important;
}

div.puretabs > ul > li > span
{
	float: left; /* Needed to make padding work for span */
	padding: 4px 10px !important;
	font-size: medium;
}

div.puretabs > div
{
	display: none;
	position: relative;
	padding: 1em 1em !important;
	margin: 0px !important;
	border-width: 1px;
	border-radius: 5px;
	border-style: solid;
}

div.puretabs > div.active
{
	display: block;
}


/** No-Header Styles AND No-List Background Styles **/
div.puretabs.no-listbg, div.puretabs.no-header
{
	padding: 0px !important;
}

div.puretabs.no-listbg > ul, div.puretabs.no-header > ul
{
	border-width: 0px 0px 1px 0px;
}


/** No-List Background Styles **/
div.puretabs.no-listbg > div
{
	margin: 0px 4px 4px 4px !important;
}


/** No-Header Styles **/
div.puretabs.no-header
{
	border-width: 0px;
}

div.puretabs.no-header > ul
{
	padding-left: 0px !important;
}

div.puretabs.no-header > div
{
	border-width: 0px 1px 1px 1px;
}



/** Center Tabs **/
div.puretabs.center-tabs > ul
{
	height: 28px; /* Might need to be adjusted depending on font-family */
	text-align: center;
}

div.puretabs.center-tabs > ul > li
{
	display: inline-block;
	float: none;
	margin: -1px 0px 0px 0px !important;
}

div.puretabs.center-tabs > ul > li.active
{
	margin-top: 0px !important;
}

/** Center Tabs AND Bottom Tabs **/
div.puretabs.center-tabs.bottom-tabs > ul > li.active
{
	margin-top: -1px !important;
	top: 0px;
}


/** Bottom Tabs **/
div.puretabs.bottom-tabs
{
	padding-bottom: 38px !important; /* Might need to be adjusted */
}

div.puretabs.bottom-tabs > ul
{
	position: absolute;
	left: 4px;
	right: 4px;
	bottom: 4px;
	padding: 0px 4px 4px !important;
}

div.puretabs.bottom-tabs > ul > li
{
	border-top: none;
	border-bottom-width: 1px !important;
	margin: 0px 2px 0px !important;
}

div.puretabs.bottom-tabs > ul > li.active
{
	top: -1px;
}

/** Bottom Tabs AND No-List Background **/
div.puretabs.bottom-tabs.no-listbg > div
{
	margin: 4px 4px 0px 4px !important;
}

/** Bottom Tabs AND No-List Background AND No-Header **/
div.puretabs.bottom-tabs.no-listbg, div.puretabs.bottom-tabs.no-header
{
	padding-bottom: 33px !important; /* Might need to be adjusted */
}

div.puretabs.bottom-tabs.no-listbg > ul, div.puretabs.bottom-tabs.no-header > ul
{
	left: 0px;
	right: 0px;
	bottom: 0px;
	border-width: 1px 0px 0px 0px;
}

/** Bottom Tabs AND No-Header **/
div.puretabs.bottom-tabs.no-header > div
{
	border-width: 1px 1px 0px 1px;
}


/** Left Tabs **/
div.puretabs.left-tabs
{
	padding-left: 130px !important; /* Might need to be adjusted. Length = 120px + 4px + 4px + 2px*/
}

div.puretabs.left-tabs > ul
{
	position: absolute;
	left: 4px;
	top: 4px;
	bottom: 4px;
	width: 120px;
	padding: 4px 0px 4px 4px !important;
}

div.puretabs.left-tabs > ul > li
{
	margin: 0px 0px 0px -1px !important;
	width: 100%;
	border-right: none;
	border-bottom-width: 1px !important;
	overflow: hidden;
}

div.puretabs.left-tabs > ul > li.active
{
	margin: 0px !important;
	border-right-width: 1px;
	border-right-style: solid;
}

div.puretabs.left-tabs > ul > li > span
{
	float: right;
	width: 100%;
	text-align: right;
}

div.puretabs.left-tabs > div
{
	min-height: 500px;
}

/** Left Tabs AND No-List Background **/
div.puretabs.left-tabs.no-listbg > div
{
	margin: 4px 4px 4px 0px !important;
}

/** Left Tabs AND No-List Background AND No-Header **/
div.puretabs.left-tabs.no-listbg, div.puretabs.left-tabs.no-header
{
	padding-left: 125px !important; /* Might need to be adjusted. Length = 120px + 4px + 1px */
}

div.puretabs.left-tabs.no-listbg > ul, div.puretabs.left-tabs.no-header > ul
{
	left: 0px;
	top: 0px;
	bottom: 0px;
	border-width: 0px 1px 0px 0px;
}

/** Left Tabs AND No-Header **/
div.puretabs.left-tabs.no-header > div
{
	border-width: 1px 1px 1px 0px;
}


/** Right Tabs **/
div.puretabs.right-tabs
{
	padding-right: 130px !important; /* Might need to be adjusted. Length = 120px + 4px + 4px + 2px */
}

div.puretabs.right-tabs > ul
{
	position: absolute;
	right: 4px;
	top: 4px;
	bottom: 4px;
	width: 120px;
	padding: 4px 4px 4px 0px !important;
}

div.puretabs.right-tabs > ul > li
{
	margin: 0px 0px 0px 0px !important;
	width: 100%;
	border-left: none;
	border-bottom-width: 1px !important;
	overflow: hidden;
}

div.puretabs.right-tabs > ul > li.active
{
	left: -1px;
	border-left-width: 1px;
	border-left-style: solid;
}

div.puretabs.right-tabs > ul > li > span
{
	float: left;
	width: 100%;
	text-align: left;
}

div.puretabs.right-tabs > div
{
	min-height: 500px;
}

/** Right Tabs AND No-List Background **/
div.puretabs.right-tabs.no-listbg > div
{
	margin: 4px 0px 4px 4px !important;
}

/** Right Tabs AND No-List Background AND No-Header **/
div.puretabs.right-tabs.no-listbg, div.puretabs.right-tabs.no-header
{
	padding-right: 125px !important; /* Might need to be adjusted. Length = 120px + 4px + 1px */
}

div.puretabs.right-tabs.no-listbg > ul, div.puretabs.right-tabs.no-header > ul
{
	right: 0px;
	top: 0px;
	bottom: 0px;
	border-width: 0px 0px 0px 1px;
}

/** Right Tabs AND No-Header **/
div.puretabs.right-tabs.no-header > div
{
	border-width: 1px 0px 1px 1px;
}