
/* modals.css */
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

#simplemodal-container {width:345px; color:#bbb; background:transparent; border:0px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:0px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a.modalCloseImg {background:url('/static/Images/Modals/icon_close_green.gif') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:20px; right:10px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
/*** end simple modal styles ***/

#modalDialog{width:345px; background-color:transparent;display:none;overflow:hidden;}
#modalContent a{ text-decoration:underline;}
#modalDialog h1{background:#bddb8c url('/static/Images/Modals/modal_heading_bkg.gif') repeat-x; color:#333; font-size:16px; font-weight:bold;padding:5px; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center;margin:0px;border-bottom:1px solid #777;}
#modalContent{padding:5px 10px 15px 10px;background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
#modalContent input,#modalContent select,#modalContent option {font-size:12px; outline:none;}
#modalContent input{padding:2px;overflow:hidden;-mox-outline: none;}
#modalContent select{padding:2px;}
#modalContent p,#modalContent label{font-size:11px;color:#444;margin-bottom:8px;}
#modalContent b{font-weight:bold;color:#000;}
#modalContent label{margin:0px;padding:0px;}
#modalContent a{font-size:11px;}
#modalContent #rememberMeForm{margin-bottom:15px;}
#modalContent .modalDesc{font-size:11px; margin:11px 0px;}
#modalContent .reason{font-size:10px;}
#modalContent .formFieldErr{background-color:#fefcb7;}
#modalContent h2{font-size:14px;font-weight:bold;color:#000;padding:0px;margin:0px;padding-bottom:5px;border:none;}
#modalContent h2.toggle{padding-left:20px;cursor:pointer;background-image:url('/static/Images/Modals/arrow_closed.gif');background-position:top left;background-repeat:no-repeat;}
#modalContent h2.active{background-image:url('/static/Images/Modals/arrow_open.gif');}
#modalContent .modalAreaBlock{width:293px; border:1px solid #797979; background-color:#d6d6d6; padding:8px 8px 8px 19px; *padding-bottom:0px; margin-bottom:10px; border-radius:10px;}
#modalContent .modalContentBlock{overflow:hidden;}
#modalContent .formIntro{margin-top:0px;padding-top:0px;}
#modalContent .formBlockInline{margin:0px; margin-right:4px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; overflow:hidden; width:auto;}
#modalContent .formBlockInline.right{float:right;text-align:right;}
#modalContent .formBlock{width:auto; margin:0px; padding:0px; overflow:hidden; *display:block;}
#modalContent .infoLink{height:25px;margin-top:15px;font-size:11px;vertical-align:middle;}
#modalContent .icon_lock{padding-top:5px;padding-left:20px;background-image:url('/static/Images/Modals/lock.gif');background-repeat:no-repeat; background-position:center left;}
#modalContent .moreInfoLink{margin-left:3px;padding-left:17px;font-size:11px;background:url('/static/Images/Modals/sm-arrow_closed.gif') top left no-repeat;}
#modalContent .moreInfoLinkActive{background:url('/static/Images/Modals/sm-arrow_open.gif') top left no-repeat;}
#modalContent .moreInfoLink p {margin:5px 5px 5px 0px;}
#modalContent .helpLink{margin-left:15px;}
#modalContent .legacyDomain{display:none;}
#modalContent .Q_areaSelection{display:none;}

#modalContent .MAM_diplayZipFromCookie{font-size:12px; padding-left:15px;}
#modalContent .zipchange{padding-left:15px;font-size:10px;}
#modalContent .leftcol{vertical-align:top;width:20px;}
#modalContent .rightcol{width:260px;}
#modalContent .formRow{margin-bottom:6px;}
#modalContent .OOR {font-size:12px}

#modalErrorBlock{display:none;min-height:21px; padding:0px 5px; margin:15px 0px 15px 10px;background-image:url('/static/Images/Modals/icon_formError.gif');background-repeat:no-repeat;background-position:left top;}
#modalErrorBlock.gray{background-image:url('/static/Images/Modals/icon_formError_graybkg.gif');}
#modalErrorBlock p{font-size:12px;color:red;padding:0px;margin:0px; margin-left:25px;}

/* For general INFO modals */
#modalInfoContent{background-color:#FFFFFF; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px 10px 15px 10px; color:#000; font-size:11px;}
#modalInfoContent ul{ccolor:#000; margin:10px 40px; list-style-type:disc;}
#modalInfoContent ol{color:#000; padding-left:25px; margin:10px 10px; list-style-type:decimal;}
#modalInfoContent li{ font-size:11px; margin-bottom:6px; padding:3px 0px;}
#modalInfoContent p{margin:11px 0px;}
#modalInfoContent table{font-size:12px; border-collapse:collapse; empty-cells:show;}
#modalInfoContent .paymentMethods th {background-color: #CCCCCC;  text-align: center; border:1px solid #666; font-weight:bold; vertical-align: top; padding:3px;}
#modalInfoContent .paymentMethods td {vertical-align: top; border:1px solid #666; padding:3px;}
#modalInfoContent p a{color:green;}
#modalInfoContent p a:hover{color:green; text-decoration:underline;}

/******* Modal CSS3 Buttons *******/
#modalDialog input.modalbutton {
	background-color: #0e723b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7bae3b), to(#0e723b));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -moz-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -ms-linear-gradient(top, #7bae3b, #0e723b);
	background-image: -o-linear-gradient(top, #7bae3b, #0e723b);
	background-image: linear-gradient(top, #7bae3b, #0e723b);
	border: 1px solid #226c3c;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 0 0 #9fd35e;
	-moz-box-shadow: inset 0 1px 0 0 #9fd35e;
	-ms-box-shadow: inset 0 1px 0 0 #9fd35e;
	-o-box-shadow: inset 0 1px 0 0 #9fd35e;
	box-shadow: inset 0 1px 0 0 #9fd35e;
	color: #fff;
	font: bold 10px Verdana, Arial, sans-serif;
	line-height: 1;
	padding: 4px 10px;
	margin:4px 0px;
	text-align: center;
	text-shadow: 0 -1px 1px #027333;
	text-transform: uppercase;
	height:22px;
	
}
#modalDialog  input.modalbutton:hover {
	background-color: #06883e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#65c146), to(#06883e));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #65c146, #06883e);
	background-image: -moz-linear-gradient(top, #65c146, #06883e);
	background-image: -ms-linear-gradient(top, #65c146, #06883e);
	background-image: -o-linear-gradient(top, #65c146, #06883e);
	background-image: linear-gradient(top, #65c146, #06883e);
	-webkit-box-shadow: inset 0 1px 0 0 #b0e888;
	-moz-box-shadow: inset 0 1px 0 0 #b0e888;
	-ms-box-shadow: inset 0 1px 0 0 #b0e888;
	-o-box-shadow: inset 0 1px 0 0 #b0e888;
	box-shadow: inset 0 1px 0 0 #b0e888;
	
}
#modalDialog input.modalbutton:active {
	border: 1px solid #546685;
	-webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-ms-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	-o-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
	
}

#modalDialog  input.disabledButton, input.disabledButton:hover, input.disabledButton:active {
	background-color: #ddd;
	border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	font: bold 10px Verdana, Arial, sans-serif;
	line-height: 1;
	color: #777;
	cursor:pointer;
	padding: 4px 10px;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	width:100px;
}
input::-moz-focus-inner {
  border: 0;
}


/** Special dialog for Prism redirect of Triple Bundles **/
#prismModal {color: #333; background-color: #fff; padding: 1em; border: 2px solid green; 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
}
#prismOverlay {background-color: #eee;}
.simplemodal-close {position: absolute; bottom: 15px; right: 3em; font-size: 0.8em;}
