﻿/* --- MODAL DIALOG CLASSES --- */
.ModalContainer
{
    position:fixed;
    z-index:32000;
    left:0;
    top:0;
    text-align:center;
    vertical-align:middle;
    
    width:100%;
    height:100%;
    
    _position:absolute; 
    _top: expression( parseInt(document.body.scrollTop, 10) + 'px');
    _left: expression( parseInt(document.body.scrollLeft, 10) + 'px');
     
    _width:expression( parseInt(document.body.clientWidth, 10) + 'px');
    _height:expression( parseInt(document.body.clientHeight, 10) + 'px');
    
    background:url(images/bg-black-50.png) 0 0;
}
.ModalContainer  .ModalDialog
{
    display:block;
    position:relative;
    left:0;
    top:0; 
    
    z-index:2000; 
}



 /* --- END of MODAL DIALOG CLASSES --- */
 
 
 
 
 
 
 
 
 
 
 
 
/* --- DEFAULT STYLE --- */

/* Window Background */

/* Horiznotal */
.ModalDialog .RadWindow_Default .rwTopLeft,
.ModalDialog .RadWindow_Default .rwTopRight,
.ModalDialog .RadWindow_Default .rwTitlebar,
.ModalDialog .RadWindow_Default .rwFooterLeft,
.ModalDialog .RadWindow_Default .rwFooterRight,
.ModalDialog .RadWindow_Default .rwFooterCenter,
.ModalDialog .RadWindow_Default .rwTopResize,
.ModalDialog .RadWindow_Default .rwStatusbar div,
.ModalDialog .RadWindow_Default .rwStatusbar,
.ModalDialog .RadWindow_Default .rwPopupButton,
.ModalDialog .RadWindow_Default .rwPopupButton span,
.ModalDialog .RadWindow_Default.rwMinimizedWindow .rwCorner
{
    background-image: url('Images/Window/WindowHorizontalSprites.png');
}

/* Vertical */
.ModalDialog .RadWindow_Default .rwBodyLeft,
.ModalDialog .RadWindow_Default .rwBodyRight,
.ModalDialog .RadWindow_Default .rwStatusbarRow .rwCorner
{
	background-image: url('Images/Window/WindowVerticalSprites.gif');
	background-color:#CCC;
}

/* Window Shadows */

/* Horiznotal */
.ModalDialog .RadWindow_Default .rwShadow .rwTopLeft,
.ModalDialog .RadWindow_Default .rwShadow .rwTopRight,
.ModalDialog .RadWindow_Default .rwShadow .rwTitlebar,
.ModalDialog .RadWindow_Default .rwShadow .rwFooterLeft,
.ModalDialog .RadWindow_Default .rwShadow .rwFooterRight,
.ModalDialog .RadWindow_Default .rwShadow .rwFooterCenter,
.ModalDialog .RadWindow_Default .rwShadow .rwTopResize,
.ModalDialog .RadWindow_Default .rwShadow .rwStatusbar div,
.ModalDialog .RadWindow_Default .rwShadow .rwStatusbar,
.ModalDialog .RadWindow_Default .rwShadow .rwPopupButton,
.ModalDialog .RadWindow_Default .rwShadow .rwPopupButton span,
.ModalDialog .RadWindow_Default .rwShadow .rwBodyLeft,
.ModalDialog .RadWindow_Default .rwShadow .rwBodyRight,
.ModalDialog .RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyLeft,
.ModalDialog .RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyRight
{
	background-image: url('Images/Window/WindowHorizontalSprites.png');
}

/* Vertical */
.ModalDialog .RadWindow_Default .rwShadow .rwBodyLeft,
.ModalDialog .RadWindow_Default .rwShadow .rwBodyRight,
.ModalDialog .RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyLeft,
.ModalDialog .RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyRight
{
	background-image: url('Images/Window/WindowVerticalSprites.png');
}

/* Shadows End */

.ModalDialog .RadWindow_Default .rwStatusbar input
{
    background-color: #f7f3e9;
}

.ModalDialog .RadWindow_Default .rwControlButtons a
{
    background-image: url('Images/Window/CommandButtonSprites.gif');
}

.ModalDialog .RadWindow_Default a.rwIcon
{
	background-image: url('Images/Window/WindowHorizontalSprites.gif');
}

div.ModalDialog .RadWindow_Default .rwTitlebarControls em
{
	color: #000;
}

div.ModalDialog .RadWindow_Default .rwDialogInput
{
	border-top: solid 1px #8e8e8e;
	border-right: solid 1px #b8b8b8;
	border-bottom: solid 1px #b8b8b8;
	border-left: solid 1px #8e8e8e;
}

div.ModalDialog .RadWindow_Default .rwDialogInput:hover
{
	border-top: solid 1px #2ebf00;
	border-right: solid 1px #2dbc00;
	border-bottom: solid 1px #28a800;
	border-left: solid 1px #2bb300;
}

div.ModalDialog .RadWindow_Default td.rwWindowContent
{
    background-color: #fff;
}

/* Loading Indicators */
div.ModalDialog .RadWindow_Default tr td.rwLoading
{
    background-color: #fafafa;
}

/* When ShowContentDuringLoad="true" */
div.ModalDialog .RadWindow_Default td.rwWindowContent.rwLoading
{
    background-image: url('Common/loading.gif');
}

/* When ShowContentDuringLoad="false" */
div.ModalDialog .RadWindow_Default input.rwLoading
{
    background-image: url('Common/loading_small.gif');
}

/* Shadow Control Buttons */

.ModalDialog .RadWindow_Default .rwShadow .rwControlButtons 
{
	margin: 4px -2px 0 0;
}

.ModalDialog .RadWindow_Default .rwShadow .rwControlButtons 
{
	margin: 4px 1px 0 0\9;
}

/* ctrl buttons when winodw is minimized */
.ModalDialog .RadWindow_Default.rwMinimizedWindowShadow .rwShadow .rwControlButtons 
{
	margin: 9px -8px 0 0;
}

*+html  .ModalDialog .RadWindow_Default.rwMinimizedWindowShadow .rwShadow .rwControlButtons  
{
	margin: 9px -5px 0 0;
}


.ModalDialog .RadWindow_Default .rwShadow .rwControlButtons li
{
	float: left;
	padding: 0;
}

.ModalDialog .RadWindow_Default .rwShadow .rwControlButtons a
{
	width: 28px; 
}

/* Skin specific overwrites of the base css */

.ModalDialog .RadWindow_Default .rwStatusbar div 
{
	background-position:0 -95px;
}

.rwInactiveWindow .rwShadow .rwTopLeft,
.rwInactiveWindow .rwShadow .rwTopRight,
.rwInactiveWindow .rwShadow .rwTitlebar,
.rwInactiveWindow .rwShadow .rwFooterLeft,
.rwInactiveWindow .rwShadow .rwFooterRight,
.rwInactiveWindow .rwShadow .rwFooterCenter,
.rwInactiveWindow .rwShadow .rwTopResize,
.rwInactiveWindow .rwShadow .rwStatusbar div,
.rwInactiveWindow .rwShadow .rwStatusbar,
.rwInactiveWindow .rwShadow .rwPopupButton,
.rwInactiveWindow .rwShadow .rwPopupButton span,
.rwInactiveWindow .rwShadow.rwMinimizedWindow .rwCorner,
.ModalDialog .RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopLeft,
.ModalDialog .RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTitlebar,
.ModalDialog .RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopRight,
.ModalDialog .RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterLeft,
.ModalDialog .RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterCenter,
.ModalDialog .RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterRight
{
    background-image: url('Images/Window/WindowHorizontalSprites.png') !important;
}

.rwInactiveWindow .rwShadow .rwBodyLeft,
.rwInactiveWindow .rwShadow .rwBodyRight,
.rwInactiveWindow .rwShadow .rwStatusbarRow .rwCorner,
.ModalDialog .RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwBodyLeft,
.ModalDialog .RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwBodyRight
{
	background-image: url('Images/Window/WindowVerticalSprites.png') !important;
}

/* overwwrites some positions when winodw has no titlebar */
div.ModalDialog .RadWindow_Default.rwNoTitleBar.rwInactiveWindow table.rwShadow tr.rwTitleRow td.rwTopLeft
{
	background-position: 7px -280px !important;
}

div.ModalDialog .RadWindow_Default.rwNoTitleBar.rwInactiveWindow table.rwShadow tr.rwTitleRow td.rwTopRight
{
	background-position: -8px -280px !important;
}















/* RadWindow for ASP.NET AJAX Base Stylesheet */

/* MVC overrides */
.ModalDialog .RadWindow table,
.ModalDialog .RadWindow table td
{
	border:0;
	/*padding:0;*/
}

.ModalDialog .RadWindow .rwTopResize
{
	font-size: 1px;
	line-height: 4px;
	width: 100%;
	height: 4px;
	background-position: 0 -31px;
	background-repeat: repeat-x;
}




.ModalDialog .RadWindow .rwStatusbarRow .rwCorner
{
    background-repeat: repeat-y;
}

.ModalDialog .RadWindow .rwStatusbarRow .rwBodyLeft
{
    background-position: -16px 0;
}

.ModalDialog .RadWindow .rwStatusbarRow .rwBodyRight
{
    background-position: -24px 0;
}

.ModalDialog .RadWindow .rwStatusbar
{
	background-position: 0 -114px;
	background-repeat: repeat-x;
	height:35px;
}

.ModalDialog .RadWindow .rwStatusbar div
{
    width: auto;
    padding:5px;
    border-top:solid 1px #CCC;
	background:#EEE;
	text-align:center;
	height:25px;
}

.ModalDialog .RadWindow table
{
    width: auto;
    height: auto;
    table-layout: auto; /* fixes the dimensions under IE */
}

.ModalDialog .RadWindow table td
{
	/*padding: 0; */
	margin: 0;
	border-collapse: collapse;
	vertical-align: top;
}

.ModalDialog .RadWindow .rwCorner
{
    width: 8px;
}

.ModalDialog .RadWindow .rwTopLeft,
.ModalDialog .RadWindow .rwTopRight,
.ModalDialog .RadWindow .rwTitlebar,
.ModalDialog .RadWindow .rwFooterLeft,
.ModalDialog .RadWindow .rwFooterRight,
.ModalDialog .RadWindow .rwFooterCenter
{
    height: 8px;
	font-size: 1px;
    background-repeat: no-repeat;
    line-height: 1px;
}

.ModalDialog .RadWindow .rwBodyLeft,
.ModalDialog .RadWindow .rwBodyRight
{
	background-repeat: repeat-y;
}

.ModalDialog .RadWindow .rwBodyRight
{
    background-position: -8px 0;
}

.ModalDialog .RadWindow .rwTopLeft
{
    background-position: 0 0;
}

.ModalDialog .RadWindow .rwTopRight
{
    background-position: -8px 0;
}

.ModalDialog .RadWindow table .rwTitlebar
{
	background-repeat: repeat-x;
	background-position: 0 -31px;
	-moz-user-select: none;
}

.ModalDialog .RadWindow .rwFooterLeft
{
	background-position: 0 -62px;
}

.ModalDialog .RadWindow .rwFooterRight
{
	background-position: -8px -62px;
}

.ModalDialog .RadWindow .rwFooterCenter
{
	background-repeat: repeat-x;
	background-position: 0 -70px;
}

.ModalDialog .RadWindow .rwTitlebarControls
{
    height: 27px;
}

.ModalDialog .RadWindow .rwTitlebarControls td
{
    vertical-align:middle;
    font-weight:bold;
}

.ModalDialog .RadWindow .rwWindowContent
{
	height: 100% !important; /* very important property, especially for opera */
	background: white;
	max-width:1180px;
}

.modalWindow 

/* Support for displayng the rwLoading image in the iframe's parent TD */
.ModalDialog .RadWindow td.rwLoading
{
    background-repeat: no-repeat;
    background-position: center;
}

/* Support for displaying rwLoading image in the status bar  */
.ModalDialog .RadWindow .rwStatusbar .rwLoading
{	
	background-repeat: no-repeat;
}

.ModalDialog .RadWindow .rwStatusbar .rwLoading
{
	padding-left: 30px;
}

.ModalDialog .RadWindow td.rwStatusbar input
{
    font: normal 12px "Segoe UI", Arial, Verdana, Sans-serif;
    padding: 4px 0 0 7px;
    margin: 0;
    border: 0 !important;
    width: 100%;	
    height: 18px;
	background-color: transparent !important; 
	background-repeat: no-repeat !important;
	background-position: left center !important;
	cursor: default;
	-moz-user-select: none;
	overflow: hidden; 
	text-overflow: ellipsis;
	display: block; 
	float: left;
	vertical-align: middle;
}

.ModalDialog .RadWindow .rwControlButtons
{
	padding: 0; 
	margin: 2px 0 0 0;
	list-style: none; 
	white-space: nowrap;	
	float: right; 
}

.ModalDialog .RadWindow .rwControlButtons li
{
	float: left;
	padding: 0 1px 0 0;
}

.ModalDialog .RadWindow .rwControlButtons a
{
	width: 30px; 
	height: 21px; 
	line-height: 1px; 
	font-size: 1px;
	cursor: default;
	background-repeat: no-repeat;
	display: block; 
	text-decoration: none;
	outline: none;
}

.ModalDialog .RadWindow .rwControlButtons span
{
	text-indent: -9999px; 
	display: block;	
}

/* reload button */
.ModalDialog .RadWindow  .rwReloadButton
{
	background-position: -120px 0;
}

.ModalDialog .RadWindow .rwReloadButton:hover
{
	background-position: -120px -21px;
}

/* unpin button */
.ModalDialog .RadWindow .rwPinButton
{
	background-position: -180px 0;
}

.ModalDialog .RadWindow .rwPinButton:hover
{
	background-position: -180px -21px;
}

/* pin button */
.ModalDialog .RadWindow .rwPinButton.on
{
	background-position: -150px 0;
}

.ModalDialog .RadWindow .rwPinButton.on:hover
{
	background-position: -150px -21px;
}

/* minimize button */
.ModalDialog .RadWindow .rwMinimizeButton
{
	background-position: 0 0;
}

.ModalDialog .RadWindow .rwMinimizeButton:hover
{
	background-position: 0 -21px;
}

/* maximize button */
.ModalDialog .RadWindow .rwMaximizeButton
{
	background-position: -60px 0;
}

.ModalDialog .RadWindow .rwMaximizeButton:hover
{
	background-position: -60px -21px;
}

/* close button */
.ModalDialog .RadWindow .rwCloseButton
{
	background-position: -90px 0;
}

.ModalDialog .RadWindow .rwCloseButton:hover
{
	background-position: -90px -21px;
}

/* restore button */
.ModalDialog .RadWindow.rwMaximizedWindow .rwMaximizeButton,
.ModalDialog .RadWindow.rwMinimizedWindow .rwMinimizeButton
{
	background-position: -30px 0;
}

.ModalDialog .RadWindow.rwMaximizedWindow .rwMaximizeButton:hover,
.ModalDialog .RadWindow.rwMinimizedWindow .rwMinimizeButton:hover
{	
	background-position: -30px -21px;
}

.ModalDialog .RadWindow .rwIcon
{
    display: block;
	background-repeat: no-repeat;
	background-position: 0 -78px;
	width: 16px; 
	height: 16px;
	cursor: default;
	margin: 4px 5px 0 0;
}

.ModalDialog .RadWindow em
{
	font: normal bold 12px "Segoe UI", Arial;
	color: black;
	padding: 3px 0 0 4px;	
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	float: left;	
}

.RadWindow_rtl .rwControlButtons
{
	float: left; 
}

div.RadWindow_rtl .rwControlButtons li
{
	float: right;
}

.ModalDialog .RadWindow.rwInactiveWindow .rwTitlebarControls
{
	position: static;
}

.ModalDialog .RadWindow .rwDialogPopup
{
	margin: 16px;
	color: black;	
	padding: 0px 0px 16px 50px;
	font: normal 12px "Segoe UI", Arial, Verdana;
	cursor: default;
}

.rwDialogPopup .rwPopupButton
{
    margin: 0;
}

.rwDialogPopup .rwPopupButton:focus,
.rwDialogPopup .rwPopupButton:active
{
    border: dotted 1px #999;                        
}

.rwDialogPopup .rwPopupButton,
.rwDialogPopup .rwPopupButton span
{
	display: block; 
	float: left;
}

.ModalDialog .RadWindow .rwControlButtons a
{
    text-indent: -9999px;
}

html:first-child .ModalDialog .RadWindow ul
{
    float: right; 
    border: solid 1px transparent;
}

.ModalDialog .RadWindow .rwDialogText
{
    text-align: left;
}

.ModalDialog .RadWindow.rwMinimizedWindow .rwPinButton,
.ModalDialog .RadWindow.rwMinimizedWindow .rwReloadButton,
.ModalDialog .RadWindow.rwMinimizedWindow .rwMaximizeButton,
.ModalDialog .RadWindow.rwMinimizedWindow .rwTopResize
{
    display: none !important;
}

.ModalDialog .RadWindow .rwDialogInput
{
	font: normal 12px "Segoe UI", Arial, Verdana;
	color: black;
	width: 100%;
	display: block;
	margin: 8px 0;
}

.ModalDialog .RadWindow .rwWindowContent .radconfirm,
.ModalDialog .RadWindow .rwWindowContent .radalert
{
    background-color: transparent;
	background-position: left center;
	background-repeat: no-repeat;
}

.ModalDialog .RadWindow .rwWindowContent .radconfirm
{
    background-image: url('Common/ModalDialogConfirm.gif');	
}

.ModalDialog .RadWindow .rwWindowContent .radalert
{
    background-image: url('Common/ModalDialogAlert.gif');	
}

.ModalDialog .RadWindow .rwWindowContent .radprompt
{
	padding: 0;
}

.ModalDialog .RadWindow .rwPopupButton,
.ModalDialog .RadWindow .rwPopupButton span
{
	text-decoration: none;
	color: black;
	line-height: 21px;
	height: 21px;
	cursor: default;
}

.ModalDialog .RadWindow .rwPopupButton
{
	background-repeat: no-repeat;
	background-position: 0 -136px; 
	padding: 0 0 0 3px;
	margin: 8px 8px 8px 0;
}

.ModalDialog .RadWindow .rwWindowContent .rwPopupButton .rwOuterSpan
{
    background-repeat: no-repeat;
	background-position: right -136px; 
	padding: 0 3px 0 0;
}

.ModalDialog .RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan
{
	background-repeat: repeat-x;
	background-position: 0 -157px; 
	padding: 0 12px;
}

.ModalDialog .RadWindow .rwWindowContent .rwPopupButton:hover
{
	background-position: 0 -178px; 
	padding: 0 0 0 3px;
	margin: 8px 8px 8px 0;
}

.ModalDialog .RadWindow .rwWindowContent .rwPopupButton:hover .rwOuterSpan
{
	background-position: right -178px; 
	padding: 0 3px 0 0;
}

.ModalDialog .RadWindow .rwWindowContent .rwPopupButton:hover .rwInnerSpan
{
	background-position: 0 -199px; 
	padding: 0 12px;
}

.ModalDialog .RadWindow .rwStatusbarRow .rwBodyLeft
{
    background-position: -16px 0;
}

.ModalDialog .RadWindow .rwStatusbarRow .rwBodyRight
{
    background-position: -24px 0;
}

.ModalDialog .RadWindow.rwMinimizedWindow .rwContentRow,
.ModalDialog .RadWindow.rwMinimizedWindow .rwStatusbarRow
{
	display: none;
}

.ModalDialog .RadWindow.rwMinimizedWindow table.rwTitlebarControls 
{
	margin-top: 4px;
}

.ModalDialog .RadWindow.rwMinimizedWindow .rwControlButtons
{
    width: 66px !important;
}

.ModalDialog .RadWindow.rwMinimizedWindow em
{
	width: 90px;
}

.ModalDialog .RadWindow.rwMinimizedWindow
{
    width: 200px !important;
    height: 30px !important;
    overflow: hidden !important;
    float: left !important;
}

.ModalDialog .RadWindow.rwMinimizedWindow .rwCorner.rwTopLeft
{
	background-position: 0 -220px;
	background-repeat: no-repeat; 
}

.ModalDialog .RadWindow.rwMinimizedWindow .rwCorner.rwTopRight
{
	background-position: -8px -220px;
	background-repeat: no-repeat; 
}

.ModalDialog .RadWindow.rwMinimizedWindow .rwTitlebar
{
    background-position: 0 -250px !important; /* Should be !important because of IE6 */
    background-repeat: repeat-x;
}

.ModalDialog .RadWindow.rwInactiveWindow .rwCorner,
.ModalDialog .RadWindow.rwInactiveWindow .rwTitlebar,
.ModalDialog .RadWindow.rwInactiveWindow .rwFooterCenter
{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65) !important;
	opacity: .65 !important; 
	-moz-opacity: .65 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}


.ModalDialog .RadWindow_Default .rwStatusbar
{
    background:#DDD;
}

.ModalDialog .RadWindow #pContentWrapper
{
    position:relative;
	padding:20px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
}