/*overlay function does not work unless this statement is correct.  Z-index required for secondary load otherwise menu's are displayed on top of overlay*/
.ui-widget-overlay { position: absolute; top: 0; left: 0; height: 100%; background:url(/Graphics/BGs/Black90Block.png); z-index:300; }

/* Dialog
----------------------------------*/
.ui-dialog { position: relative; z-index:400;}
.ui-dialog .ui-dialog-titlebar { position: relative; height:25px; width:100%; background:url(/Graphics/BGs/Menus&Buttons/25pxMenu-Bar.png); -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px;-moz-border-radius-topright:7px; -webkit-border-top-right-radius: 7px; }
.ui-dialog .ui-dialog-title { float: left; margin-left:10px; color:#FFF; font-weight:100; font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:25px;} 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right:3px; top:50%; width: 19px; margin: -10px 0 0 0; padding: 0px; height: 19px; background:url(/Graphics/Buttons/Close.png); text-indent:-2000px;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; background:url(/Graphics/Buttons/Close-Over.png);}
.ui-dialog .ui-dialog-content { float:left; border:1px solid #307E2D; background:url(/Graphics/BGs/White90Block.png); overflow: hiddden; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px;-moz-border-radius-bottomright:7px; -webkit-border-bottom-right-radius:7px; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/*----Set the css for dialog boxes loaded via HTML Here or in the base code for that page--------*/

.Browser-Warning-Box { width:521px;}
.Browser-Warning-Box-Content { background:#fff; width:519px; margin-top:-20px; padding:10px 0px;}
.Browser-Icons-Wrap { float:left; width:335px; margin-left:93px; margin-top:5px; margin-bottom:10px; padding-right:15px; padding-top:5px; padding-bottom:5px; border:1px solid #307E2D; -moz-border-radius:7px; -webkit-border-radius: 7px;} 
.Browser-Icons {float:left; margin-left:15px; width:50px; height:50px; border:1px solid #fff;}
.Browser-Icons:hover { cursor:pointer; border:1px solid #307E2D;}
.Browser-Warning-Box h1 { font-size:14px; font-weight:bold; text-align:center; margin-left:10px; margin-right:10px; color:#F00; margin-top:30px;}
.Browser-Warning-Box h2 { font-size:12px; font-weight:normal; text-align:left; margin-left:10px; margin-right:10px;}