/* --------------------------------------------------------------------------------------
	MODAL FORM
   -------------------------------------------------------------------------------------- */

/* Overlay */
#modal-overlay {background-color:#000; cursor:wait;}

/* Container */
#modal-container {width:450px; font-size:16px; text-align:left;}
#modal-container .modal-content {background-color:#333; color:#ddd; height:40px;}
#modal-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; text-align:left;}
#modal-container .modal-loading {position:absolute; background:url(../img/modal/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#modal-container .modal-message {text-align:center;}
#modal-container .modal-error {width:92%; background:#000; border:2px solid #ccc; font-weight:bold; margin:0 auto; padding:2px;}
#modal-container br {clear:both;}
#modal-container form {padding:0; margin:0;}
#modal-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold; color:#FFF;}
#modal-container .modal-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#modal-container textarea {height:114px;}
#modal-container .modal-top {height:13px; background:url(../img/modal/form_top.gif) no-repeat; padding:0; margin:0;}
#modal-container .modal-bottom {height:13px; background:url(../img/modal/form_bottom.gif) no-repeat; padding:0; margin:0;}
#modal-container .modal-bottom a,
#modal-container .modal-bottom a:link,
#modal-container .modal-bottom a:active,
#modal-container .modal-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#modal-container .modal-bottom a:hover {color:#888;}
#modal-container .modal-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#modal-container .modal-send {
    width:50px; 
    margin-right:5px; 
    background:url(../img/modal/send.png) no-repeat;
}
#modal-container .modal-cancel {
    width:65px; 
    margin-right:20px; 
    background:url(../img/modal/cancel.png) no-repeat;
}
#modal-container a.modalCloseX,
#modal-container a.modalCloseX:link,
#modal-container a.modalCloseX:active,
#modal-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; position:absolute; top:-4px; right:6px; color:#999;}
#modal-container a.modalCloseX:hover {color:#9bb3b3;}

.progressBox {width: 10em; height: 1em; position: relative; float: right; background: #cccccc;}
.progressBar {width: 0; height: 100%; position: absolute; top: 0; left: 0; background: #00df00;}
.fileName {float: right; margin-right: .5em;}

input.cancel {   
    padding-top:3px;
	padding-left:15px;	
    margin-top:5px;
	text-align:left;
	color:#FFFFFF;
	width:65px;
	height:24px;
	font-size:10px;
	font-weight:bold;
	text-decaration:none;
	display:block;	
    cursor: pointer;
    cursor: hand;  	
    background:url(../img/modal/cancel.png) no-repeat;
}

/* Style for IFRAME */
.loader {border: 0; height: 0; width: 0; padding: 0; position: absolute; visibility: hidden;}

/* --------------------------------------------------------------------------------------
	MODAL CONFIRM
   -------------------------------------------------------------------------------------- */

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

/* Container */
#confirmModalContainer {
	height:120px; 
	width:421px; 
	text-align:left; 
	background:transparent;	 
	-moz-border-radius-topright: 10px; 
	-moz-border-radius-topleft: 10px; 
	overflow:hidden; 
}
#confirmModalContainer .header {width:423px; background-image: url(../img/modal/confirm/headerMess.png); background-valign:top; background-align:left; height: 24px; background-repeat: no-repeat; color:#fff;  font-weight:bold; line-height:27px; }
#confirmModalContainer .header span {padding-left:8px;}
#confirmModalContainer .messContainer { 
	position:absolute; 
	height:94px; 
	background:#fff; 	
	border-left:1px solid #838282; 
	border-right:1px solid #838282; 
	border-bottom:1px solid #838282;
	width:419px;
}
#confirmModalContainer .message {color:#333; text-align:left; margin:0; padding:12px 15px; overflow:hidden; }
#confirmModalContainer .icon { position:relative; float:left;  }
#confirmModalContainer .buttons { float:right; position:relative; top:60px; right: 3px; } 
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; position:absolute; top:-1px; left:400px; color:#ddd;}
#confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}

/*------- Buttons ---------*/
#confirmBox div.no,
#confirmBox div.ok,
#confirmBox div.yes,
#confirmBox div.simplemodal-close{	
	border:none;
	float:right;
}