/*
    This file contains window-related styles for the "wlsconsole" skin.  
    This includes titlebars, titlebar button rollovers and window content.

    Note that this styling includes window content overflow handling.  
    See below for specific notes.
*/

/* 
    styles for titlebars
*/

.wlsc-titlebar {
    background: #E9E9E9 url(../images/titlebar_bg.gif) repeat-x right top;
    border-bottom: 1px solid #DDDDDD;
    padding-left: 8px;
    font-size: 1.12em;
    line-height: 2.0em;
    font-weight: bold;
    color: #06c;
}

.wlsc-titlebar img {
    border: 0;
    vertical-align: top;
    margin-top: .3em; /* this is for IE6 only */
}

.wlsc-titlebar-window-icon,
.wlsc-titlebar-title-panel {
    float: left;
}

.wlsc-titlebar-title-panel h1,
.wlsc-titlebar-title-panel h2 {
    /* respecify the font size and weight because inherit didn't work for IE */
    font-size: 1.12em;
    font-weight: bold;
    margin: 0px;
}

.wlsc-titlebar-button-panel {
    float: right;
}

.wlsc-titlebar-button-panel a,
.wlsc-titlebar-button-panel a:hover {
    margin-right: 4px;
    background-color: transparent;
}

/* styles for image rollovers (titlebar buttons) */

.wlsc-titlebar-button-panel a:hover > img.wlsc-image-rollover {
    display: inline;
}

.wlsc-titlebar-button-panel a:hover > img.wlsc-image-nonrollover {
    display: none;
}

.wlsc-titlebar-navigation-panel {
    float: right;
    margin-right: 7px;
}

.wlsc-titlebar-navigation-panel a,
.wlsc-titlebar-navigation-panel a:hover {    
    background-color: transparent;
}

/* 
    styles for sub-titlebars
*/

.wlsc-subtitlebar {
    background: #E9E9E9 url(../images/titlebar_bg.gif) repeat-x right top;
    border: 1px solid #DDDDDD;
    padding-left: 8px;
    font-size: 1.12em;
    line-height: 2.0em;
    font-weight: bold;
    color: #06c;
}

.wlsc-subtitlebar img {
    border: 0;
    vertical-align: top;
    margin-top: .3em; /* this is for IE6 only */
}

/*
    styles for windows
*/

.wlsc-layout-cell .wlsc-book {
    border-style: solid;
    border-width: 1px;
    margin: 8px;
}

.wlsc-page {
    padding: 1px;
}

.wlsc-window, .wlsc-frame {
    border: none;
    /*margin: 6px;*/
}

.wlsc-frame .top {
    background: #f1f1f1 url(../images/window_tb.gif) no-repeat left -42px;
    margin: 0px;
}

.wlsc-frame .top div {
    margin: 0px;
    margin-left: 14px;
    background: #f1f1f1 url(../images/window_tb.gif) no-repeat right -14px;
}

.wlsc-frame .top div div {
    margin: 0px;
    margin-right: 14px;
    background: #f1f1f1 url(../images/window_tb.gif) repeat-x left 0px;
    height: 14px;
    font-size: 1px; /* for some reason IE 6 thinks it needs to make this higher
    when you change the text size even though the height is fixed so make 
    the font very small */
}

.wlsc-frame .middle {
    background: #f1f1f1 url(../images/window_l.gif) repeat-y left top;
}

.wlsc-frame .middle div.r {
    margin-left: 14px;
    background: #f1f1f1 url(../images/window_r.gif) repeat-y right top;
}

.wlsc-frame .middle div.c {
    margin-right: 14px;
    padding: 0px;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
}

.wlsc-frame .c2 {
    background-color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.wlsc-frame .bottom {
    background: #f1f1f1 url(../images/window_tb.gif) no-repeat left -56px;
    margin: 0px;
}

.wlsc-frame .bottom div {
    margin: 0px;
    margin-left: 14px;
    background: #f1f1f1 url(../images/window_tb.gif) no-repeat right -28px;
}

.wlsc-frame .bottom div div {
    margin: 0px;
    margin-right: 14px;
    background: #f1f1f1 url(../images/window_tb.gif) repeat-x left -70px;
    height: 14px;
    font-size: 1px; /* for some reason IE 6 thinks it needs to make this higher
    when you change the text size even though the height is fixed so make 
    the font very small */
}

/*
    The following style applies to window content that overflows the specified portlet width. If you want to
    change this behavior for ALL of your portlets, set the appropriate value for the overflow style here.
    If you want to change this behavior for a SPECIFIC portlet, add the appropriate overflow style to that
    portlet's Content Presentation Style attribute. See the Portlet Development Guide for more information 
    and examples.
*/
.wlsc-window-content
{
    width: 100%;
    overflow: hidden;
}

/* styles for async content portlets */

.wlsc-window-content-only
{
    border: 0;
    margin: 0;
}