﻿.collapsePanel {
    width: 640px;
    height: 0px;
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader {
    width: 640px;
    height: 20px;
    color: Yellow;
    background-color: Black;
    font-weight: bold;
    float: left;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}

.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink {
    background-color: #D3DEEF;
    color: white:;
}

.watermark {
    background: #FFAAFF;
}

.popupControl {
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.sampleStyleA {
    background-color: #FFF;
}

.sampleStyleB {
    background-color: #FFF;
    font-family: monospace;
    font-size: 10pt;
    font-weight: bold;
}

.sampleStyleC {
    background-color: #ddffdd;
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
}

.sampleStyleD {
    background-color: Blue;
    color: White;
    font-family: Arial;
    font-size: 10pt;
}

.modalPopupExt,
.GHSComponentModalPopup {
    background-color: gainsboro;
    border-width: 1px;
    border-style: solid;
    border-color: #0d4c68;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
}

.GHSComponentModalPopup {
    height: 97%;
    width: 98%;
}

*html .GHSComponentModalPopup {
    overflow: auto;
    height: expression((m=document.documentElement.clientHeight-20)+'px');
    z-Index: 99999999;
}

.modalPopUpBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    text-align: center;
    padding-top: 30px;
    border-style: solid;
    border-width: 1px;
    background-color: White;
    height: 50px;
    position: absolute;
    z-index: 10;
    width: 300px;
    left: expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft);
    /*top:expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);*/
    top: 100px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #0d4c68;
    left: 35%;
}

.modalBackground {
    border: 0px;
    position: absolute;
    z-index: 9;
    left: 0px;
    top: 0px;
    /*height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px'); */
    width: 100%;
    height: 100%;
    width: expression(this.offsetParent.scrollWidth);
    height: expression(this.offsetParent.scrollHeight);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50,FinishOpacity=0,Style=0,StartX=0, FinishX=10,StartY=0, FinishY=10);
    opacity: 0.50;
    -moz-opacity: 0.70;
}

.PhysicalSelc {
    border: 1px solid #2F4F4F;
    height: 35px;
    color: #0f4876;
    background: white url(./images/header3.gif) repeat-x; /*#DDEBF4*/
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
    margin-top: 0px;
}

.accordionHeader {
    border: 1px solid #2F4F4F;
    /* color: #0d4c68;*/
    color: #0f4876;
    text-decoration: underline;
    background: white url(./images/header3.gif) repeat-x; /*#DDEBF4*/
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #0f4876;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent {
    background-color: #fdfdfd;
    border: 1px dashed #0d4c68;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.announcementsAccordionHeader {
    border: 1px solid #2F4F4F;
    color: black;
    text-decoration: underline;
    background: white url(./images/header3.gif) repeat-x;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.announcementsAccordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: black; /*#0d4c68;*/
    background: white url(./images/header3.gif) repeat-x;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.announcementsAccordionContent {
    background-color: white;
    border: 1px dashed #0d4c68;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.announcementContent img {
    margin-right: 10px;
}
.announcementContent tr {
    height: 0.5em;
}
