/*
* Global Dialog
* Copyright (c) 2012
*/

/* All Dialog Boxes' common setting
-----------------------------------------------------*/

/* Overlay */
#ModalDialogOverlay {
	background-color:#eee;
	cursor:wait;
}

#ModalDialogContainer {
	min-height:160px;
	height:170px;
	width:420px;
	text-align:left;
	background-color:#fff;
	border:2px solid #b0b0b0;

	/* Round border */
	-moz-border-radius: 8px; /* length/unit values indicate corner/border radius */
	border-radius: 8px;		 /* For Opera to make round corner */
	overflow:hidden;

    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);		        /* For FF4 or above to add shadow */
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);		/* For FF3 to add shadow */
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);		/* For WebKit to add shadow */
}

#ModalDialogContainer .header {
	height:30px;
	line-height:30px;
	width:100%;
	padding-top:5px;
	background-color:#e9e9e9;
	line-height:30px;
	border-bottom:1px solid #b0b0b0;

	/* Round border */
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

	background-image: -moz-linear-gradient(top, #fdfdfd, #e9e9e9);		/* For FF */
	background-image: -webkit-linear-gradient(top, #fdfdfd, #e9e9e9);		/* For WebKit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdfdfd, endColorstr=#ffe9e9e9);		/* For IE */
	background-image: -ms-linear-gradient(top, #fdfdfd, #e9e9e9);		/* For IE10 */
}

#ModalDialogContainer .header span {
	color:#0055b8;
	font-size: 16px;
	font-weight:bold;
	padding-left:8px;
}

#ModalDialogContainer .message-body {
	height : 80px;
	vertical-align: middle;
	width : 100%;
	overflow : hidden;
}
#ModalDialogContainer .password-section {
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	padding: 15px;
}
#ModalDialogContainer .password-section table {
	margin: 5px auto;
}
#ModalDialogContainer .error-message {
	color:#BB2222;
        position:fixed;
}
#ModalDialogContainer .message {
	color:#6a6a6a;
	text-align:center;
	font-size: 15px;
	font-weight: bold;
	margin:0;
	padding:12px 4px;
}
#ModalDialogContainer .ok-buttons {
	width:100%;
    text-align:center;
	padding-top:10px;
    overflow:auto;
}

#ModalDialogContainer div.confirm-buttons,
#ModalDialogContainer div.password-buttons {
	width:100%;
    text-align:center;
	padding-top:10px;
    overflow:auto;
}
#ModalDialogContainer div.ok-buttons div.cont,
#ModalDialogContainer div.confirm-buttons div.yes,
#ModalDialogContainer div.confirm-buttons div.no,
#ModalDialogContainer div.password-buttons div.submit,
#ModalDialogContainer div.password-buttons div.cancel{
	display: inline-block;
	margin: 0px 5px 0px 5px;
}

#ModalDialogContainer a.modalCloseX,
#ModalDialogContainer a.modalCloseX:link,
#ModalDialogContainer a.modalCloseX:active,
#ModalDialogContainer a.modalCloseX:visited {
	text-decoration:none;
    font-weight:bold;
    position:absolute;
    top:8px;
    left:400px;
    color:#000;
}
#ModalDialogContainer a.modalCloseX:hover {
	color:#9bb3b3;
}