/*
    styles for titlebars
*/


.wlsc-titlebar_error {
    background: #E9E9E9 url(../../img/construction/titlebar_bg3.gif) repeat-x right top;
    border-bottom: 1px solid #DDDDDD;
    padding-left: 8px;
    font-size: 1.5em;
    line-height: 3.0em;
    font-weight: bold;
    color: #003366;
}

.iconAlert{
	background-image:url('../../img/construction/iconAlert2.gif');
	background-position:left top;
	background-repeat:no-repeat;
	width:51px;
	height:49px;
	float:left;
	margin:10px 10px 0 0;
	}



.wlsc-titlebar_error 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;
}

/*
    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 {
	margin: 0px;
	background-color: #f9f0e5;
	background-image: url(../../img/construction/window_tb_alert.gif);
	background-repeat: no-repeat;
	background-position: left -42px;
}

.wlsc-frame .top div {
	margin: 0px;
	margin-left: 14px;
	background: #f9f0e5 url(../../img/construction/window_tb_alert.gif) no-repeat right -14px;
}

.wlsc-frame .top div div {
	margin: 0px;
	margin-right: 14px;
	background: #f9f0e5 url(../../img/construction/window_tb_alert.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: #f9f0e5 url(../../img/construction/window_l.gif) repeat-y left top;
}

.wlsc-frame .middle div.r {
	margin-left: 14px;
	background: #f9f0e5 url(../../img/construction/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: #f9f0e5 url(../../img/construction/window_tb_alert.gif) no-repeat left -56px;
	margin: 0px;
}

.wlsc-frame .bottom div {
	margin: 0px;
	margin-left: 14px;
	background: #f9f0e5 url(../../img/construction/window_tb_alert.gif) no-repeat right -28px;
}

.wlsc-frame .bottom div div {
	margin: 0px;
	margin-right: 14px;
	background: #f9f0e5 url(../../img/construction/window_tb_alert.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;
    color: #ed903f;
}

/* styles for async content portlets */

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


.buttonAlert{
        display:block;
	padding:0 10px 0 10px;
	background-image:url('../../img/construction/button_generic_background_alert.png');
	background-position:left top;
	background-repeat:repeat-x;
	height:25px;
	color:#FFFFFF;
	background-color:#f9f0e5;
	border:1px #f9f0e5 solid;
	cursor:pointer;
	font-weight:bold;
	font-size:12px;
	line-height:25px;
}