﻿.popupOverlay {
background-color: #000000;
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 90;
position:absolute;
top: 0px;
left: 0px;
display: none;
width: 100%;
height: 100%;
background-repeat:repeat;/*dont think I need these*/
}

.pageLoadingPopup
{
     width: 339px; height: 156px; 
     background: url(Images/bg_page_loading_popup.gif) no-repeat; display: none;
     text-align: center;
}

.pageLoadingPopup .header, .popupLayer .header { font-size: 13px; padding: 17px 0 0 0; letter-spacing: 1px; font-weight: bold; text-transform: uppercase;}
.loadingbar { padding: 10px 0 13px 0; }
.loadingbarText { width: 255px; line-height: 16px; margin: auto; }

.popupLayer { text-align: center; display: none; background: url(Images/bg_popup_top.gif) no-repeat; width: 419px; padding-top: 8px;}
.popupLayerBottom { background: url(Images/bg_popup_bottom.gif) no-repeat bottom left; padding: 0 10px 17px 20px; width: 389px;}
.popupLayer .header { padding: 5px 0 5px 0;}
.requestRoleDropdown { background: #FFFFFF; }
.requestRoleTextArea 
{ 
    overflow: auto; width: 300px; height: 40px; margin: 10px 0 0 0; 
    border: 1px solid #c7c7c7; font-family: "Verdana", Arial, Sans-Serif; color: #787878;
    font-size: 11px; padding: 3px;
}

.requestRoleButtons, .requestRoleButtonsClose { padding: 10px 0 0 0; width: 125px; margin: auto; height: 25px; } /*IE6*/
.requestRoleButtonsClose {width: 55px;}/*IE6*/

.imageSlide, .imageSlideBottom
{
    background: url(Images/bg_imageslide_popup_top.gif) no-repeat; width: 633px; padding: 4px 0 0px 0;
}

.imageSlideBottom
{
    background: url(Images/bg_imageslide_popup_bottom.gif) no-repeat;
}

.popupImage {padding: 5px 0 5px 0;}
.imageCountInfo { position: relative; bottom: 6px; }
.imageDescription {padding: 5px 20px 20px 20px;}
.imageSlideIcon { padding: 0 0 1px 6px; }