@charset "utf-8";
body {
	font-family:'Ubuntu',Arial, Helvetica, sans-serif;
	font-size:10px;
}

/** MODAL CONFIRM **/
#confirm {display:none;}

/* Overlay */
#confirm-overlay {background-color:#eee;}

/* Container */
#confirm-container {height:285px; width:480px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; background:#fff; border:1px solid #999999; border-radius: 4px;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background: url(../img/modal/header.png) repeat-x; color:#fff; font-weight:bold;}
#confirm-container .header span {padding-left:8px;font-size:15px;font-weight:bold;}
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px; min-height: 45px; text-align: center;}
#confirm-container .message span {float: left; font-size:12px; padding:2px 0 4px 0; width:40%; text-align:left;}
#confirm-container .message span.title {width:37%; margin-left:20%; text-align:left; font-weight:bold;}
#confirm-container .message span.complet  {width:60%; margin-left:8px; text-align:left;}
#confirm-container .message span.complet2 {width:90%; margin: 8px 0 0 8px; text-align:center; font-weight:bold;}
#confirm-container .message span.check {width:23%; text-align:right;}
#confirm-container .message label {padding:2px 0 4px 0; width:40%; text-align:left; font-weight:bold;}
#confirm-container .modal-buttons {line-height:26px; width:100%; float:right; padding:10px 8px 15px 0;} 
#confirm-container .modal-buttons div {float:left; margin-left:4px; padding:0 6px 0 6px; min-width:70px; height:26px; color:#FFF; font-weight:bold; font-size:11px; text-align:center; background:url(../img/modal/button.png) repeat-x; border:1px solid #bbb; border-radius: 4px; cursor:pointer; text-decoration:none;}
#confirm-container .modal-buttons div:hover {text-decoration: underline;}
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;font-size:18px;font-weight:bold;}
#confirm-container a.modal-close:hover {color:#ccc;}


/** MODAL ALERT **/
#alert {display:none;}

/* Overlay */
#alert-overlay {background-color:#eee;}

/* Container */
#alert-container {height:150px; width:420px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; background:#fff; border:1px solid #999999; border-radius: 4px;}
#alert-container .header {height:30px; line-height:30px; width:100%; background: url(../img/modal/header.png) repeat-x; color:#fff; font-weight:bold;}
#alert-container .header span {padding-left:8px;font-size:15px;font-weight:bold;}
#alert-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px; height: 45px; text-align: center;}
#alert-container .modal-buttons {line-height:26px; width:100%; float:right; padding:10px 8px 0;} 
#alert-container .modal-buttons div {float:left; margin-left:44%; width:70px; height:26px; color:#FFF; font-weight:bold; font-size:11px; text-align:center; background:url(../img/modal/button.png) repeat-x; border:1px solid #bbb; border-radius: 4px; cursor:pointer; text-decoration:none;}
#alert-container .modal-buttons div:hover {text-decoration: underline;}
#alert-container a.modal-close,
#alert-container a.modal-close:link,
#alert-container a.modal-close:active,
#alert-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;font-size:18px;font-weight:bold;}
#alert-container a.modal-close:hover {color:#ccc;}


/** MODAL DIALOG **/
#dialog {display:none;}

/* Overlay */
#dialog-overlay {background-color:#eee;}

/* Container */
#dialog-container {height:285px; width:380px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; background:#fff; border:1px solid #999999; border-radius: 4px;}
#dialog-container .header {height:30px; line-height:30px; width:100%; background: url(../img/modal/header.png) repeat-x; color:#fff; font-weight:bold;}
#dialog-container .header span {padding-left:8px;font-size:15px;font-weight:bold;}
#dialog-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px; height: 45px; text-align: center;}
#dialog-container .message span {float: left; font-size:12px; padding:2px 0 4px 0; width:40%; text-align:left;}
#dialog-container .message span.title {width:85%; margin-left:9%; text-align:left; font-weight:bold;}
#dialog-container .message span.input {width:85%; margin-left:9%; margin-bottom:6px;  text-align:left;}
#dialog-container .message span.input input {width:95%;}
#dialog-container .modal-buttons {line-height:26px; width:100%; float:right; padding:21px 8px 15px 0;} 
#dialog-container .modal-buttons div {float:left; margin-left:4px; padding:0 6px 0 6px; width:70px; height:26px; color:#FFF; font-weight:bold; font-size:11px; text-align:center; background:url(../img/modal/button.png) repeat-x; border:1px solid #bbb; border-radius: 4px; cursor:pointer; text-decoration:none;}
#dialog-container .modal-buttons div:hover {text-decoration: underline;}
#dialog-container a.modal-close,
#dialog-container a.modal-close:link,
#dialog-container a.modal-close:active,
#dialog-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;font-size:18px;font-weight:bold;}
#dialog-container a.modal-close:hover {color:#ccc;}