#tabpage {
    background:#fff url('/sw/images/interface/bg_gray.jpg') repeat-x;
    width: 620px;
    clear:both;
}
#subtabs #subtabs_tablist li {
    float: left;
    margin: 0 .2em -1px 0;
}
#subtabs #subtabs_tablist li a {
    display:block;
}
#subtabs {
    background:url('/sw/images/interface/tabs_content620_bg-white.png') no-repeat 0px 40px;
}
#subtabs #subtabs_tablist {
    background:url('/sw/images/interface/tabs_shadow.png') no-repeat right;
    height:40px;
    margin:0 0 0 10px;
}
#subtabs #subtabs_tablist li {
    background:url('/sw/images/interface/tabs_left-white.png') no-repeat 0 0;
    padding-left:10px;
}
#subtabs #subtabs_tablist li a {
    background:url('/sw/images/interface/tabs_right-white.png') no-repeat right top;
    padding:10px 10px 3px 0;
    line-height:27px;
}
#subtabs #subtabs_tablist a:link, #subtabs ul a:visited {
    color:#848484;
}
.containersub a:hover {
    text-decoration:none;
}
#subtabs #subtabs_tablist li.ui-tabs-selected a:link, #subtabs ul li.ui-tabs-selected a:visited {
    color:#666;
    font-weight:bold;
}
#subtabs #subtabs_tablist li.ui-tabs-selected {
    background-position:0 -40px;
}
#subtabs #subtabs_tablist li.ui-tabs-selected a {
    background-position:right -40px;
}
.stories-block {
    margin-top:20px;
    padding:10px 20px 10px 20px;
    display:none;
}
.tc_visible {
    display:block;
}
/*======================================
   TABBED PAGE STYLESHEET FOR EDRAWINGS
======================================*/ 
/* more reliable IE/PNG fix than .js */
 
   .ui-tabs-nav li,.ui-tabs-nav li a {
        behavior: url("/sw/docs/iepngfix.htc");
    } 
/**************************************/
/*            TABBED GLOBALS          */
/**************************************/
.containersub {
    font-size: 11px;
    line-height: 1.5em;
    width: 620px;
    margin: 0px auto;
}
.containersub h4 {
    font-size: 12px;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}
.containersub li h4 {
    margin-bottom: 0;
}
/**************************************/
/*           TABCONTENT            */
/**************************************/
#subtabs .tabcontent ul {
    margin-left: 1.5em;
}
/*************************************/
/*       GALLERY LIST CONTENT        */
/*************************************/
#subtabs .gallery-list {
    list-style-type:none;
    padding:0;
    margin:0;
    text-align:left;
}
#subtabs .gallery-list li, #subtabs .content .gallery-list li {
    background:none;
    display:block;
    float:left;
    margin:0 36px 20px 0px;
    padding:0;
}
#subtabs .gallery-list img {
    display:block;
    float:left;
}
#subtabs .gallery-list p {
    color:#666666;
} 
#subtabs .stories-block {
    margin:20px 0 0 20px;
    padding:10px;
}
#subtabs .stories-block .gallery-list {
    overflow:hidden;
    width:560px;
}
#subtabs .stories-block .gallery-list li {
    width:150px;
}
/* Regular clearing apply to column that should drop below previous ones. */
#subtabs .clear {
    clear:both;
}
/**************************************/
/*    EDRAWINGS THUMBNAIL GALLERY     */
/**************************************/
#subtabs #gallery {
    width:560px;
    height:360px;
    margin:0 auto;
    position:relative;
    background:#fff;
}
#subtabs #gallery #slides {position:absolute; right:10px; top:12px; height:360px; width:111px; overflow:hidden; text-align:center; z-index:200;}
#subtabs #gallery #slides div {width:111px; height:360px; position:relative; padding-top:0px;} 
#subtabs #gallery #slides div ul {padding:0; margin:0; list-style:none; width:105px; height:360px}
#subtabs #gallery #slides div ul li {padding:6px 0;  height:69px; padding-left: 0px; background: transparent url() 1px 1px no-repeat;}


    #subtabs #gallery #slides div ul li a:link {display:block; width:105px; height:69px; float:left;}
    #subtabs #gallery #slides div ul li a img {display:block; width:99px; height:63px; border:1px solid #eee; padding:3px;}
    #subtabs #gallery #slides div ul li a:hover img {border:1px solid #ffba00;}
    #subtabs #gallery #slides div ul li a:active img,#subtabs #gallery #slides div ul li a:focus img {border:1px solid #ffba00; margin: 2px 0 0 2px; }

/*#subtabs #gallery #slides div ul li a:link {display:block; width:105px; height:69px; float:left;}*/
#subtabs #gallery #slides div ul li a .slideIMG {display:block; width:99px; height:63px; border:1px solid #eee; padding:3px;} 
#subtabs #gallery #slides div ul li a:hover .slideIMG  {border:1px solid #ffba00;}
#subtabs #gallery #slides div ul li a:active .slideIMG,#subtabs #gallery #slides div ul li a:focus .slideIMG  {border:1px solid #ffba00; margin: 2px 0 0 2px; }

#subtabs #gallery #fullsize {position:absolute; left:0; top:0; width:560px;  height:360px;overflow:hidden; text-align:left; z-index:100;}

    #subtabs #gallery #fullsize div {width:560px; height:360px; padding-top:0px; position:relative;}

#subtabs .fullSizeDiv {width:560px; height:360px; padding-top:0px; position:relative;}
#subtabs .fullsizeIMG {clear:both; display:block; margin:0 0; border:0;width:418px; height:312px; position:relative; background:#fff;}

    #subtabs #gallery #fullsize div img {clear:both; display:block; margin:0 0; border:0;width:418px; height:312px; position:relative; background:#fff;}

/*          SCREENCAST ICONS          */
#screencasticons {width: 560px; height: 118px; margin: 0 auto; padding: 10px 0px;_margin-left: 20px; border-top: 3px solid #333; border-bottom: 1px solid #e1e1e1; }
#screencasticons a:hover img { padding: 4px 0 0 0; }
.screencasticontext { font-size: 9px; font-weight: bold; color: #999; line-height: 11px; margin: 0 20px 0 18px; }
#screencasticons a:hover {text-decoration: none; }