/*
 * SimpleModal Confirm Modal Dialog
 * //www.ericmmartin.com/projects/simplemodal/
 * //code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - //ericmmartin.com
 *
 * Licensed under the MIT license:
 *   //www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: confirm.css 254 2010-07-23 05:14:44Z emartin24 $
 */

#confirm {display:none;}
/* Overlay */
#confirm-overlay {background-color:#eee; cursor:wait;}
/* Container */
#confirm-container {height:140px; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #ff8400;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; width:250px; float:right; padding:10px;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#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;}
#confirm-container a.modal-close:hover {color:#ccc;}
@media (max-width: 450px) {	
	#confirm-container {height:185px; width:250px;}
}

#confirm2 {display:none;}
/* Overlay */
#confirm2-overlay {background-color:#eee; cursor:wait;}
/* Container */
#confirm2-container {height:220px; width:510px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #ff8400;}
/*Kate changed the above "height" from 350px to 300px 4.4.2014 to clear up whitespace after removing line about email from classroom confirmation box */
#confirm2-container .header2 {height:30px; line-height:30px; width:100%; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm2-container .header2 span {padding-left:8px;}
#confirm2-container .message2 {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm2-container .buttons2 {line-height:26px; width:160px; float:right; margin-top:-40px; padding:10px 8px 0;} 
#confirm2-container .buttons2 div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm2-container a.modal-close,
#confirm2-container a.modal-close:link,
#confirm2-container a.modal-close:active,
#confirm2-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm2-container a.modal-close:hover {color:#ccc;}
@media (max-width: 450px) {	
	#confirm2-container {height:450px; width:250px;}
}

#confirm3 {display:none;}
/* Overlay */
#confirm3-overlay {background-color:#eee; cursor:wait;}
/* Container */
#confirm3-container {height:165px; width:300px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #ff8400;}
#confirm3-container .header3 {height:30px; line-height:30px; width:100%; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm3-container .header3 span {padding-left:8px;}
#confirm3-container .message3 {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm3-container .buttons3 {line-height:26px; width:200px; float:right; padding:10px 8px 0;} 
#confirm3-container .buttons3 div {float:right; margin-left:4px; width:90px; height:26px; color:#333333; font-weight:bold; text-align:center; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm3-container a.modal-close,
#confirm3-container a.modal-close:link,
#confirm3-container a.modal-close:active,
#confirm3-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm3-container a.modal-close:hover {color:#000000;}
#confirm3-container *.button-good:hover {color:#009900;}
#confirm3-container *.button-bad:hover {color:#CC0000;}
@media (max-width: 450px) {	
	#confirm3-container {height:185px; width:250px;}
}

#confirm4 {display:none;}
/* Overlay */
#confirm4-overlay {background-color:#eee; cursor:wait;}
/* Container */
#confirm4-container {height:165px; width:300px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #ff8400;}
#confirm4-container .header4 {height:30px; line-height:30px; width:100%; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm4-container .header4 span {padding-left:8px;}
#confirm4-container .message4 {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm4-container .buttons4 {line-height:26px; width:160px; float:right; padding:10px 8px 0;} 
#confirm4-container .buttons4 div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm4-container a.modal-close,
#confirm4-container a.modal-close:link,
#confirm4-container a.modal-close:active,
#confirm4-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm4-container a.modal-close:hover {color:#ccc;}
@media (max-width: 450px) {	
	#confirm4-container {height:185px; width:250px;}
}

#confirm5 {display:none;}
/* Overlay */
#confirm5-overlay {background-color:#eee; cursor:wait;}
/* Container */
#confirm5-container {height:140px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #ff8400;}
#confirm5-container .header5 {height:30px; line-height:30px; width:100%; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm5-container .header5 span {padding-left:8px;}
#confirm5-container .message5 {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm5-container .buttons5 {line-height:26px; width:250px; float:right; padding:10px;} 
#confirm5-container .buttons5 div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm5-container a.modal-close,
#confirm5-container a.modal-close:link,
#confirm5-container a.modal-close:active,
#confirm5-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm5-container a.modal-close:hover {color:#ccc;}
@media (max-width: 450px) {	
	#confirm5-container {height:162px; width:200px;}
}

#confirmTimeout {display:none;}
/* Overlay */
#confirmTimeout-overlay {background-color:#eee; cursor:wait;}
/* Container */
#confirmTimeout-container {height:142px; width:308px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #ff8400;}
#confirmTimeout-container .headerTimeout {height:30px; line-height:30px; width:100%; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirmTimeout-container .headerTimeout span {padding-left:8px;}
#confirmTimeout-container .messageTimeout {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirmTimeout-container .buttonsTimeout {line-height:26px; width:200px; float:right; padding:10px 8px 0;} 
#confirmTimeout-container .buttonsTimeout div {float:right; margin-left:4px; width:90px; height:26px; color:#333333; font-weight:bold; text-align:center; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirmTimeout-container a.modal-close,
#confirmTimeout-container a.modal-close:link,
#confirmTimeout-container a.modal-close:active,
#confirmTimeout-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirmTimeout-container a.modal-close:hover {color:#000000;}
#confirmTimeout-container *.button-good:hover {color:#009900;}
#confirmTimeout-container *.button-bad:hover {color:#CC0000;}

/* Just added an online QP course */
#confirmQPAdd {display:none;}
/* Overlay */
#confirmQPAdd-overlay {background-color:#eee; cursor:wait;}
/* Container */
#confirmQPAdd-container {height:200px; width:450px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #ff8400;}
#confirmQPAdd-container .header {height:30px; line-height:30px; width:100%; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirmQPAdd-container .header span {padding-left:8px;}
#confirmQPAdd-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirmQPAdd-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;} 
#confirmQPAdd-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirmQPAdd-container a.modal-close,
#confirmQPAdd-container a.modal-close:link,
#confirmQPAdd-container a.modal-close:active,
#confirmQPAdd-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirmQPAdd-container a.modal-close:hover {color:#ccc;}

/* License Renwal Date Change */
#didWeRenewThisLic {display:none;}
/* Overlay */
#didWeRenewThisLic-overlay {background-color:#eee; cursor:wait;}
/* Container */
#didWeRenewThisLic-container {height:150px; width:450px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #ff8400;}
/*Kate changed the above "height" from 350px to 300px 4.4.2014 to clear up whitespace after removing line about email from classroom confirmation box */
#didWeRenewThisLic-container .header {height:30px; line-height:30px; width:100%; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#didWeRenewThisLic-container .header span {padding-left:8px;}
#didWeRenewThisLic-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#didWeRenewThisLic-container .buttons {line-height:26px; width:165px; float:right; padding:10px 8px 0;} 
#didWeRenewThisLic-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(//www.jadelearning.com/jadecc/accounts/img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#didWeRenewThisLic-container a.modal-close,
#didWeRenewThisLic-container a.modal-close:link,
#didWeRenewThisLic-container a.modal-close:active,
#didWeRenewThisLic-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#didWeRenewThisLic-container a.modal-close:hover {color:#ccc;}
@media (max-width: 450px) {	
	#didWeRenewThisLic-container {height:200px; width:250px;}
}