/**
* Global Qlue Tabs Styles
* Author: Dan Humphries
* Date: 9/6/2011
* Design: Default
* Copyright: Qlue 2011
*/
#qlue-tabs{
margin: 10px 0;
display: block;
overflow: hidden;
}
#tabContentContainer { background: #FFF; }
.tabContent { background: #FFF; color: #000; overflow: auto; }
.tabContentSlide {background: #FFF; color: #000; overflow: hidden; }
.tabContent-inner{
padding: 10px 15px;
margin: 0;
text-align: justify;
}
/* Stop screen.css from indenting multiple p tags */
.tabContent-inner p + p { text-indent: 0; margin: 0; }
.show { display: block; }
.hide { display: none; }
/**
* Tab Styles for Normal Layout
* Author: Dan Humphries
* Date: 9/6/2011
* Copyright: Qlue 2011
*/
#tabHeader {
margin: 0 0;
padding: 0;
overflow: hidden;
display: block;
}
#tabHeader ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
display: block;
}
#tabHeader ul > li { background: none; padding: 0; margin; 0; }
#tabHeader ul > li > a {
margin: 0 5px 0 0;
padding: 5px 20px;
float: left;
text-decoration: none;
}
#tabHeader ul > li > a:hover { text-decoration: underline; }
/**
* Normal Style
*
* Author: Dan Humphries
* Date: 10/6/2011
* Layout: Normal
*/
.normal #tabContentContainer {
margin-top: -1px;
background: #FFF;
border: 1px solid #CCC;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.normal .tabContent, .normal .tabContentSlide {
color: #000;
overflow: auto;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.normal .tabContentSlide { overflow: hidden !important; padding: 0; margin; 0; overflow: hidden; }
.normal #tabHeader ul > li > a {
margin: 0px 5px 0 0;
padding: 8px 15px;
float: left;
text-decoration: none;
border: 1px solid #CCC;
border-bottom: none;
}
.normal #tabHeader ul > li:first-child a{ border-top-left-radius: 10px; }
.normal #tabHeader ul > li:last-child a{ border-top-right-radius: 10px; }
.normal #tabHeader .active{
border-bottom: 1px solid #FFF !important;
background: #FFF;
color: #000;
}
.normal #tabHeader .active:hover { color: #000; }
.normal #tabHeader .inactive{ background: #CCC; color: #FFF;}
.normal #tabHeader .inactive:hover { background: #DDD !important; color: #FFF !important; }