@charset "UTF-8";
/* CSS Document */

/*body {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 14px;
	
	Navy - 10-65-106, #0a416a
    Super Light Blue - #f5f9fc
	Light Blue Nav - rgb(238, 245, 252) , #eef5fc
	Medium Blue - rgb(206, 68, 86) , #469bdb
	Orange -  rgb(241, 109, 26 , )#f16d1a
}*/


h1, h2, h3, h4, h5 {
	margin: 0;
}
h4.orange, h3.orange {
  color: #f16d1a;
}
.hblue {
	color: #469bdb;	
}
div.table_holder {
	/*border-radius: 14px;*/
	background-color: #f7f7f7;
	/*background-color: silver;*/
	padding: 30px 20px 30px 20px;
	position: relative;
    margin-bottom: 20px;
}
div.table_holder h3.orange {
    padding: 0 0 10px 0;
}
table.form_table {
  width: 100%;
}
td.col1 {
  width: 44%;
  text-align: right;
  padding: 4px 6px;
  }
td.col2 {
  text-align: left;
  }
.centered {
    text-align: center;
}
label, .bold_text {
    font-weight: bold;
}
label.normal_text {
    font-weight: normal !important;
    padding-left: 10px;
}
/* Hidden rows and the PROCEED TO PAYMENT button on the renew subscription form until a delivery location is picked
#cost_row_1, #cost_row_2, #cost_row_3, #cost_row_4, #cost_row_5, #proceed_button_container {
    display: none;
}*/
/* Hidden credit card fields and PAY BUTTON on the renew subscription form 
div#renew_cc_fields, #pay_button_container {
    display: none;
}*/
/*Hide final Pay button until token acquired*/
input#submitSubscriptionBut, input#submitRenewalBut, input#submitAdInvoiceBut, input#submitGiftPromoBut, input#submitEventPromoBut {
    display: none;
}
/* Only for Total Including Taxes on subscription renewal form */
#dollar {
  	/* in order for dollar sign to line up in Joomla, font size is 19 and bottom padding is 12px*/
	border: 0px;
	color: #ceebf6;
	background-color: #4dbfee;
	padding: 6px 6px 12px 12px;
	margin: 6px 0px 0px 0px ;
	font-size: 20px;
	font-weight: bold;
}
#total_box {
    background-color: #c5f1ba;
    color: #115c00;
    border: 3px solid #115c00;
	width: 220px;
	text-align: center;
	padding: 0px 10px 10px 10px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
    position: fixed;
    top: 10%;
    left: 0px;
    z-index: 200;
    display: none; /* Will become visible when Editon radio button is picked. function pick_edition() */
}
#display_amount {
  	border: 3px solid #115c00;
  	/*background-color: #fbe6d1;*/
	color: crimson;
	background-color: #fff;
	width: 80%;
	text-align: center;
	padding: 6px 10px;
	margin: 0px;
	font-size: 24px;
	font-weight: bold;
}
/* Simply a background div to be error shaded for the Edition TD if it fails validation */
div#shadeTD, div#shadeTD2 {
    padding: 2%;
    width: 76%;
    height: 100%;
}
#black_out {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:  #000000CC;
    z-index: 199;
}
#currency_locale {
  	border: 0px;
  	/*background-color: #fbe6d1;*/
	color: #ceebf6;
	background-color: #4dbfee;
	padding: 6px 12px 12px 0px;
	margin: 0px;
	font-size: 20px;
	font-weight: bold;
}
div.centered_button_container {
    text-align: center;
    margin: auto;
}

/* NORMALIZE BROWSER INPUT STYLES */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
    outline: none;
}

input:focus, input:valid, input:invalid, input:-webkit-autofill {
    border: solid 1px #0a416a;
    background-color: #e1ebf6;
    box-shadow: none !important;
}
/* NORMALIZE BROWSER INPUT STYLES */


 input.textbox, select.textbox {
    margin: 0px;
    padding: 3px;  /* Wild card styles to zero out values */
    width: 80%;
    height: 30px;
    border: solid 1px #0a416a;
    background-color: #e1ebf6;
    box-sizing: border-box;  /* Ensures padding/border are included in the width */
 }

/*input.textbox:hover, select.textbox:hover, #notes:hover {
    border: solid 1px #0a416a !important;
    background-color: #e1ebf6 !important;
}*/
input.textbox:focus, input.textbox:focus-visible, select.textbox:focus, select.textbox:focus-visible, #notes:focus, #notes:focus-visible {
    border: solid 4px #0a416a !important;
    background-color: #e1ebf6 !important;
    border-radius: 0 !important;
}

input[type=submit].blue_buttons, input[type=reset].blue_buttons, input[type=button].blue_buttons {
	/*border-radius: 6px;*/
	color: #FFF;
	font-size: 1.2em;
	padding: 10px;  /* Wild card styles to zero out values */
	border: solid 3px #0061b3;
	margin: 30px auto;
	background-color: #469bdb;
	width: 300px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold;
}
input[type=submit].blue_buttons:hover, input[type=reset].blue_buttons:hover, input[type=button].blue_buttons:hover {
    background-color: #f16d1a;
    border-color: #b14400;
}
input[type=submit].green_buttons, input[type=reset].green_buttons, input[type=button].green_buttons {
	color: #FFF;
	font-size: 1.2em;
	padding: 10px;  /* Wild card styles to zero out values */
	margin: 30px auto;
	background-color: #258931;
 	border: solid 3px #094010;
	width: 300px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold;
}
input[type=submit].green_buttons:hover, input[type=reset].green_buttons:hover, input[type=button].green_buttons:hover {
  background-color: #155c1d;
  border-color: #094010;
}
p.subscribe-button {
	text-align: center;
	background-color: #f16d1a;
	color: #FFF;
	text-decoration: none;
	width: 100%;
	display: block;
}
p.subscribe-button:hover {
	background-color: #469bdb;
}
p.subscribe-button a {
	color: #FFF;
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
}
/* STYLES FOR SUBSCRIPTION FORMS */
/* to make a span for instance behave like a link */
.imitate_link {
	color: #f16d1a;
	cursor: pointer;
    font-weight: bold;
}
.imitate_link:hover {
	color: #469bdb;
    text-decoration: underline;
}
#cc-note {
	text-align: center;	
    margin: 0;
}
#ad_text, #instructions {
	height: 60px;
	width: 80%;
    border: solid 1px #0a416a;
    background-color: #e1ebf6;
    padding: 6px;
    box-sizing: border-box;  /* Ensures padding/border are included in the width */
}

/*Pop up explanation box*/
#yearend:hover {
	cursor: pointer;
}

#year_end_info {
/*	background-color: #e1ebf6;
	padding: 10px 10px 10px 16px;*/
	display: none;
/*	position: absolute;
    left: 50%;
	transform: translate(-50%, -50%);
border-radius: 10px;
	text-align: left;
	border: solid 1px #4dbfee;
    border: solid 3px #0a416a;
	margin: 0;
    z-index: 200;*/
}
/*Pop up subscription rates Sample box*/
#tax_holder {
	display: none;
	position: absolute;
	margin: 20px 0px 0px 64px;
	
}
#tax_table {
	border-radius: 10px;
	border: solid 1px #4dbfee;
	padding: 10px;
	background-color: #f5f9ff;
}
#tax_table td {
		padding: 4px 10px;
}
#tax_table tr.odd {
	background-color: #e5f1ff;
	border-radius: 10px;
	text-align: left;
	border: solid 1px #4dbfee;
}
/* INFO QUESTION MARK IMAGE POSITIONING */
img.info_ball {
	vertical-align: text-bottom;
	cursor: pointer;
    height: 20px;
    width: 20px;
    padding-right: 10px;
}
/* UNIQUE STYLES FOR POP UP INFO BOX ON ALLOWED FILE TYPES */
#file_types_info {
	display: none;
/*	width: 180px;
	left: 202px;
	top: 7px;*/
}
/* UNIQUE STYLES FOR POP UP INFO BOX ON REQUESTED DATE */
#req_date_info {
	display: none;
/*	width: 180px;
	left: 178px;
	top: 38px;*/
}
/* SHARED STYLES FOR POP UP INFO BOX ON REQUESTED DATE, AND ALLOWED FILE TYPES */
.info {
	padding: 8px;
    background-color: #e1ebf6;
	padding: 10px 10px 10px 16px;
	display: none;
	position: absolute;
    left: 50%;
	transform: translate(-50%, -50%);
/*	border-radius: 10px;*/
	text-align: left;
	border: solid 1px #4dbfee;
    border: solid 3px #0a416a;
	margin: 0;
    z-index: 200;
}
/*TERMS AND CONDITIONS HOLDER FOR T&C CHECKBOX FOR RECURRING PAYMENTS ONLY*/
div#terms_holder {
    margin-top: 20px;
    text-align: left;
    padding: 14px;
    border: 2px solid #ccc;
    background-color: #fff;
}
div#terms_holder h3.orange {
    font-size: 13px;
}
div#recurring_terms, div#recurring_terms_inline {
    text-align: left;
}
ul#terms_list {
    margin: 0 0 10px 12px;
}
ul#terms_list li {
    font-size: 12px;
    list-style: disc;
}
p#agree_terms {
    font-size: 13px;
    margin: 2px;
    text-align: right;
}
/* SUBSCRIPTION RATES TABLE ON NEW SUBSCRIPTION FORM */
h3.price_heading {
	margin-bottom: 0px !important;;
}
table#price_list {
	font-size: 12px;
	padding: 0px;
	border: none;
	border-top: 1px solid #222;
	border-right: 0px solid #222;
	border-bottom: 0px solid #222;
	border-left: 1px solid #222;
	width: 100%;
	border-collapse: collapse !important;
	margin-bottom: 20px;
}
table#price_list th, table#price_list td{
	padding: 4px;
	border: none;
	border-top: 0px solid #222;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	border-left: 0px solid #222;
}
#txn_status {
    display: none;
    position: fixed;
    width: 80%;
    text-align: center;
    padding: 40px 40px 20px 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
}
/* #txn_status above will replace .result_box bleow
but perhaps .result_box is used somewhere else 
so the rule has been left in the styles */
.result_box {
    display: none;
    position: fixed;
    width: 80%;
    text-align: center;
    padding: 40px 40px 20px 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
}
#x {
    /*display: none;*/
/*    display: block;*/
    position: absolute;
    height: 30px;
    width: 120px;
    top: -3px;
    right: -10px;
    background-color: transparent;;
    cursor: pointer;
    z-index: 201;
}
#feedback {
    font-family: sans-serif;
    font-size: 1.4em;
}
.waiting {
    display: block;
    background-color: #e1ebf6;
    color: #0a416a;
    border: 5px solid #0a416a;
}
.success {
    display: block;
    background-color: #c5f1ba;
    color: #115c00;
    border: 5px solid #115c00;
}
.failure {
    display: block;
    background-color: #FFCDCE;
    color: #C50000;
    border: 5px solid #C50000;
}
.failureX {
    background: url("../images/x-window-red.png") no-repeat center center;
    background-size: contain;
}
.successX {
    background: url("../images/x-window-green.png") no-repeat center center;
    background-size: contain;
}