@import "standard.css";

#top-section {
    padding:0;
    margin:0 -30px 40px -30px; /* negative margin due to parent's padding  */
}

/*
 *  Grid update for Labs sub-page (two columns)
 */
body.marinelabs #content.wide-content,
body.marinelabs #content.wide-content #primary-content {
    width: 640px;
}
body.marinelabs #sidebar.wide-sidebar {
    width: 280px;
}

/*
 * Slideshows
 */
.slideshow {
    position:relative; 
    overflow:hidden; 
    width: 100%; 
    height:185px;
}

.slideshow  div.items { 
    width:20000em; 
    position:absolute; 
} 
.slideshow  div.items div.panel { 
    float:left; 
}
#main .slideshow div.items div.panel img {
    border:none;
    margin:0;
    padding:0;
}

.slideshow .slideshow-nav {
    background-color:#3a6ccf;
    position:absolute;
    bottom: 0;
    right:0;
    width:100%;
    height:20px;
    text-align:right;
    z-index:9;
}
.slideshow .slideshow-nav ul {
    float:right;
    padding:5px 10px 5px 0;
}
.slideshow .slideshow-nav li {
    float:left;
    margin:0 2px;
}
.slideshow .slideshow-nav li a {
    display:inline-block;
    width:10px;
    height:10px;
    background:#334000;
}

#top-section .slideshow {
    height:245px;
}
$top-section .slideshow .panel {
    width:1000px;
}
.article-with-slideshow .slideshow {
    float:left;
    height:185px;
    width:220px;
    margin: 0 20px 20px 0;
}
.article-with-slideshow .slideshow .panel {
    width:220px;
}

/*
 * Tabbed widgets
 */

ul.tabs-nav li {
    background:none;
    color:#999999;
    display:inline;
    font-size:1em;
    line-height:1.4;
    padding:0;
}

ul.tabs-nav li a {
    background:transparent url(../images/bg_news_tabs.gif) no-repeat scroll left top;
    border-right:1px solid #E1E1E1;
    color:#333333;
    display:block;
    float:left;
    font-size:1.2em;
    font-weight:bold;
    height:30px;
    margin-left:1px;
    padding:0 20px !important;
    text-decoration:none;
}
ul.tabs-nav li.tabs-selected a,
ul.tabs-nav li a:hover {
    background:transparent url(../images/bg_news_tabs.gif) no-repeat scroll 0 -30px;
    text-decoration:none;
}
ul.tabs-nav li a span {
    display:block;
    padding-top:8px;
}

.header-tabs {
    position: relative;
}
.header-tabs ul.tabs-nav {
    position:absolute;
    right:0;
    top:12px;
}

#primary-content .default-tabs h2,
#primary-content .header-tabs h2 {
    margin-bottom:0;
}

.default-tabs .slideshow,
.header-tabs .slideshow {
    padding-bottom:80px;
    margin-bottom:30px;
}

.default-tabs ul.tabs-nav {
    border: 1px solid #e1e1e1;
    border-width:0 1px;
    float:none;
    overflow:hidden;
    height:36px;
    position:relative;
    z-index:9;
    margin-bottom:-1px;
}

.default-tabs ul.tabs-nav li {
    background:none;
}

.default-tabs ul.tabs-nav li a {
    background:none;
    border:1px solid transparent;
    border-width:0 1px;
    color:#575757;
    font-size:1em;
    font-weight:bold;
    height:36px;
    text-transform:uppercase;
    position:relative;
    left:-2px;
}
.default-tabs ul.tabs-nav li.tabs-selected a,
.default-tabs ul.tabs-nav li a:hover {
    background:url(../images/bg_tabs-default.gif) 0 0 repeat-x;
    border:1px solid #ddd;
    border-width:0 1px;
}
.default-tabs ul.tabs-nav li a:hover {
    background-image:url(../images/bg_tabs-default-over.gif);
}
.default-tabs div.tabs-container {
    border-top:1px solid #ddd;
    background:url(../images/bg_tabs_default_container.gif) 0 0 repeat-x;
    position:relative;
}

/* slidshows within tabs */
.tab-content .slideshow .panel {
    width:640px;
}

.tab-content .slideshow .slideshow-nav {
    background:#f6f6f6;
    position:absolute;
    bottom:0px;;
    width:100%;
    height:30px;
}
.header-tabs .tab-content .slideshow .slideshow-nav {
    background:transparent;
    border-bottom: 1px solid #ddd;
}
.tab-content .slideshow .slideshow-nav .nextprev {
    float:right;
    margin:4px 5px;
}
.tab-content .slideshow .slideshow-nav .nextprev a {
    background-image:url(../images/bg_nextprev_buttons.gif);
    float:left;
    width:25px;
    height:22px;
}
.tab-content .slideshow .slideshow-nav .nextprev a.disabled {
    visibility:visible !important;
    cursor:default;
}
    .slideshow-nav .nextprev a.next {
	background-position: 100% 0;
    }
    .slideshow-nav .nextprev a.next.disabled {
	background-position: 100% 100%;
    }
    .slideshow-nav .nextprev a.prev {
	background-position: 0 0;
    }
    .slideshow-nav .nextprev a.prev.disabled {
	background-position: 0 100%;
    }
.tab-content .slideshow-nav .slideshow-nav-tooltips {
    margin:0 auto;
    width:50%;
    height:100%;
    line-height:30px;
    text-align:center;
}

.tab-content .slideshow-nav .countinfo {
    color:#666;
    float:left;
    line-height:30px;
    padding:0 5px;
}

.tab-content .slideshow-nav .slideshow-nav-tooltips a {
    background:transparent url(../images/bg_featured_tabs.gif) no-repeat scroll left top;
    display:inline-block;
    float:none;
    height:10px;
    margin:0 2px;
    overflow:hidden;
    text-indent:-9999em;
    width:10px;
}
.tab-content .slideshow-nav .slideshow-nav-tooltips a:hover,
.tab-content .slideshow-nav .slideshow-nav-tooltips a.active {
    background-position:0 -10px;
}

.tab-content .slideshow .panel {
    font-size:1.2em;
    padding-top:20px;
}

.tab-content .slideshow .panel img {
    float:left;
}
.tab-content .slideshow .panel .panel-content {
    margin-left:245px;
    padding-right:20px;
}
.tab-content .slideshow .panel h3 {
    font-size:1.2em;
    margin-bottom:0.5em;
}

/* tooltips */
.tooltip {
    display:none;
    background:url(../images/bg_slide_tooltip.gif) 50% 0 no-repeat;
    width:62px;
    height:75px;
    line-height:1em;
    z-index:100;
    padding: 10px 6px 0 6px;
    overflow:hidden;
    text-align:center;
}