/* 
    Document   : tabs.css
    Created on : Nov 5, 2009, 11:31:14 PM
    Author     : Andy Nelsen
    Description:
        Implements jQuery Tools tabs for certain pages
*/

/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    height:32px;
    border-bottom:1px solid #666;
    display: block;
    float: left;
    position: relative;
    z-index: -1;
}
#customer-tabs ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom: 0;
    display: block;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
    font-weight: bold;
    display: block;
}

/* link inside the tab. uses a background image */
ul.tabs a, #customer-tabs ul.tabs a {
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/art/content-tab.gif) no-repeat scroll 0 0;
    color:#003E74;
    float:left;
    font-size:12.5px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    overflow:hidden;
    padding:8px 0 7px;
    position:relative;
    text-align:center;
    text-decoration:none;
    top:1px;
    width:200px;
}

#customer-tabs ul.tabs a#tab-customers-itcm {
    background:transparent url(/media/img/bg-tab-customers-itcm-2.png) no-repeat scroll 0 0;
    width: 250px;
}
#customer-tabs ul.tabs a#tab-customers-itcm.current {
    background:transparent url(/media/img/bg-tab-customers-itcm-2.png) no-repeat scroll 0 -44px;
    width: 250px;
}
#customer-tabs ul.tabs a#tab-customers-slm {
    background:transparent url(/media/img/bg-tab-customers-slm-2.png) no-repeat scroll 0 -44px;
    width: 244px;
    text-align: left;
}
#customer-tabs ul.tabs a#tab-customers-slm.current {
    background:transparent url(/media/img/bg-tab-customers-slm-2.png) no-repeat scroll 0 0;
    width: 244px;
    text-align: left;
}
#customer-tabs ul.tabs a#tab-customers-slm {
    padding-left: 25px;
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: 0 -32px;
    color:#003E74;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: 0 -32px;
    cursor:default !important;
    color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */
div.panes div.pane {
    display:none;
}

div.panes {
	display: block;
	clear: left;
	margin: 0 !important;
	padding: 0;
}
div.panes div.tabpane {
    display: none;
    padding: 0;
    border-top: 0;
    height: 500px;
    font-size: 14px;
    background-color: #fff;
}

#customer-tabs div.panes div.tabpane {
    background: transparent url(/media/img/bg-tab-customers-gradient.png) scroll no-repeat 0 0;
    height: 241px;
}

.accordion {

    margin: 0;
    padding: 0;
    /* some decorations for the accordion root element */
    background: #fff;
    /* width: 300px; */
    border: 0;


    /* put them side by side */
    float: left;
    overflow: hidden;
}

#accordion-slm {
    
}

.accordion h2 span {
    display: none;
}

h2.accordion-product-information {
    background: #fff url(/media/img/acctab-prod.jpg) 0 0;
    width: 545px;
    height: 21px;
    margin: 0;
    padding: 0;
}
h2.accordion-product-information:hover {
    background: #fff url(/media/img/acctab-prod-on.jpg) 0 0;
}
h2.accordion-white-papers {
    background: #fff url(/media/img/acctab-whitepaper.jpg) 0 0;
    width: 545px;
    height: 21px;
    margin: 0;
    padding: 0;
}
h2.accordion-white-papers:hover {
    background: #fff url(/media/img/acctab-whitepaper-on.jpg) 0 0;
}
h2.accordion-webinar-archives {
    background: #fff url(/media/img/acctab-webinar.jpg) 0 0;
    width: 545px;
    height: 21px;
    margin: 0;
    padding: 0;
}
h2.accordion-webinar-archives:hover {
    background: #fff url(/media/img/acctab-webinar-on.jpg) 0 0;
}
h2.accordion-success-stories {
    background: #fff url(/media/img/acctab-success.jpg) 0 0;
    width: 545px;
    height: 21px;
    margin: 0;
    padding: 0;
}
h2.accordion-success-stories:hover {
    background: #fff url(/media/img/acctab-success-on.jpg) 0 0;
}
h2.accordion-news-articles {
    background: #fff url(/media/img/acctab-news.jpg) 0 0;
    width: 545px;
    height: 21px;
    margin: 0;
    padding: 0;
}
h2.accordion-news-articles:hover {
    background: #fff url(/media/img/acctab-news-on.jpg) 0 0;
}

#accordion-webinar-pane {

}