/* == AccountExpiration Basic Style by David 'skOre' Deutsch == */

/* == "Not Allowed" Page styling == */

table#cc_list {
clear: both;
width: 100%;
}

cc_list.tr {
height: 60px;
}

td.cc_icons {
width: 60%;
padding: 5px;
}

img.cc_icon {
padding: 0 2px;
}

td.cc_gateway {
padding: 5px;
width: 40%
}

/* == Subscription Plans Page == */

.subscriptions {
padding: 0 12px;
}

.subscriptions table {
width: 100%;
padding-top: 4px;
}

.subscriptions th {
padding: 2px;
/*font-family: Georgia, "Times New Roman", serif;*/
/*font-size: 160%;*/
font-weight: normal;
text-align: left;
color: #000;
border-bottom: 1px solid #003e56;
width: 100%;
}

.subscriptions td {
margin: 4px;
/*font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 110%;*/
/*text-indent: 20px;*/
padding-left: 10px;
color: #222;
}

.subscriptions td.buttons {
padding: 0px 12px;
border: none;
background: #fff;
text-align: right;
text-indent: 0px;
}

.gateway_button {
position: relative;
float: right;
background: #fff;
padding: 0px 5px;
margin: 0px 1px;
}

.func_button {
position: relative;
float: left;
background: #fff;
padding: 0px 4px;
margin: 0px 4px;
}

div.aec_ilist_group {
border-color: #ddd #bbb #aaa #ddd;
border-style: solid;
border-width: 1px 2px 2px 1px;
float: left;
margin-bottom: 1px;
margin-top: 5px;
padding: 4px;
width: 98%;
background: #fff;
}

div.aec_ilist_item {
float: left;
/*border-color: #ddd #bbb #aaa #ddd;
border-style: dashed;
border-width: 1px 2px 2px 1px;
margin-bottom: 1px;*/
margin: 0px;
padding: 0px;
width: 100%;
background: #fff;
border: 1px dashed #aaa;
}

div.aec_groupbutton {
width: 98%;
border: none;
background: #fff;
text-align: right !important;
text-indent: 0px;
float: left;
clear: both;
}

div.aec_group_backlink {
width: 100%;
background: #ddd;
float: left !important;
clear: both;
margin-bottom: 16px;
}

div.aec_procbuttons {
width: 100%;
border: none;
background: #fff;
text-align: right !important;
text-indent: 0px;
float: left;
clear: both;
}

table.aec_items {
/*padding: 5px;*/
width: 100%;
background: #fff;
/*border-bottom: 1px dashed #ccc;*/

}

table.aec_items td {
padding-bottom: 1px !important;
/*border-bottom: 1px dotted #aaa;*/
}

/* == Style for the PaymentPage OLD Style== */

/* == Style for the Payment Plans Box == */

.box_introduction {
width: 30em;
float: left;
margin: 0 4em;
background: #b0efff;
}

.introduction_text {
text-align: center;
}

.box_oneplan { /*Wrapping Box for one payment plan*/
position: relative;
float: left;
width: 95%;
margin: 5px;
}

.box_name { /*Box that holds the plans name*/
position: relative;
float: left;
width: 600px;
height: 24px;
border-bottom: 2px solid #003e56;
padding: 1px;
}

H1.plan_name { /*Style for the name of the plan*/
padding-left: 1em;
margin-top: 4px;
}

.box_info { /*Box that holds all the plan information*/
position: relative;
width: 60%;
float: right;
margin: 5px auto;
background: #b0efff;
}

P.plan_desc { /*The plans description*/
margin-top: 1px;
padding-left: 1em;
padding-bottom: 1em;
}

/* == Style for the Payment Gateways Box == */

#allgateways { /*Wrapping Box for Payment Gateways*/
position: relative;
float: left;
width: 100%;
margin: 0 auto;
}

.box_onegateway { /*Wrapping Box for one Payment Gateway*/
position: relative;
float: left;
width: 165px;
border-bottom: 1px solid #003e56;
border-left: 1px solid #003e56;
border-right: 1px solid #003e56;
margin: 4px;
}

.box_outer_button { /*Wrapping Box for one Button*/
position: relative;
height: 80px;
margin: auto auto;
width: 140px;
}

.box_button { /*Second Wrapping Box for one Button*/
position: relative;
top: 25px;
height: 60px;
margin: 0 auto;
text-align: center; /*workaround for IE*/
}

.box_gateway_description { /*Wrapping Box for Gateway Description*/
border: 1px solid #003e56;
background-color: #fff;
padding: 2px;
margin: 5px;
}

H1.gateway_title { /*Description Text Heading*/
display: block;
font-size: 90% !important;
border-bottom: 1px solid #003e56;
padding-bottom: 2px;
}

P.gateway_description { /*Description Text*/
display: block;
font-size: 90% !important;
}

input.box_select { /*Radio Button Style*/
padding-top: 50% !important;
}

/* == Styling for Thank you and Cancel Pages == */

table.plan_disclaimer { /*disclaimer at the end of the PaymentPlan Site*/
background: #eee;
border: 1px solid #999;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 95%;
text-indent: 2px;
}

table.payment_details {
background: #eee;
border: 1px solid #999;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 95%;
text-indent: 2px;
}

td.payment_item {
padding: 4px;
}

.payment_item {
margin: 10px 10px 0px 10px;
color: #000000;
}

.payment_date {
color: #505050;
text-align: right;
margin: 0px;
}

/* == Styling for the Expired Page == */

#box_expired {
/*width: 100%;*/
/*margin: 10px auto;*/
text-align: left;
clear: both;
}

#box_pending {
float:left;
width: 100%;
/*margin: 5% auto;*/
text-align: left;
padding-bottom: 40px;
}

#alert_level_3 {
width: 100%;
/*height: 100%;*/
background-color: #fff;
}

#alert_level_1 {
width: 100%;
height: 100%;
background-color: #fff;
}

#alert_level_-1 {
width: 100%;
height: 100%;
background-color: #fcc;
}

#alert_level_2 {
width: 100%;
height: 100%;
background-color: #ffb;
}

#expired_greeting {
padding-top: 14px;
border: 1px solid #fff;
}

#box_expired p {
text-align: center;
}

#box_expired strong {
font-weight: bold;
}

#days_left{
/*padding-top: 4px;*/
border: 1px solid #fff;
}

* html #days_left{
}

#days_left h1 {
font-weight: bold;
/*font-size: 130%;*/
text-align: center;
}

#days_left p {
font-weight: bold;
/*font-size: 110%;*/
text-align: center;
}

#days_left strong {
font-weight: bold;
/*font-size: 110%;*/
text-align: center;
}

#renew_button {
/*padding: 25px;*/
text-align: center;
/*border: 1px solid #fff;*/
background-color: #fff;
}

#upgrade_button {
/*padding: 15px;*/
text-align: center;
/*border: 1px solid #fff;*/
position: relative;
text-align: center !important;
display: block;
}

#renew_info {
padding: 5px;
text-align: center;
border: 2px solid #fff;
}

/* == Styling for the Confirmation Page == */

#confirmation {
width: 100%;
}

div#confirmation_info {
float: left;
/*padding: 0 8px 0;
margin: 0 12px 0;*/
width: 97%;
}

div#confirmation_extra {
float: left;
background: #fff;
/*border:1px solid #ccc;
padding: 0 8px 8px 8px;
margin: 0 12px 16px 12px; */
width: 97%;
}

div#confirmation_error {
float: left;
background: #fcc;
border:1px solid #faa;
/*padding: 8px;
margin: 0 12px 16px 12px; */
width: 100%;
}

div.confirmation_error_bg {
float: left;
background: #fcc;
width: 100%;
}

div#confirmation_button {
float: left;
background-color: #fff;
/*padding: 8px;
margin: 0 12px 16px 12px; */
width: 97%;
}

div#update_button {
float: left;
background-color: #eed;
padding-right: 8px;
margin: 2px 2px;
width: 98%;
text-align: right !important;
}

div#clear_button {
float: left;
background-color: #eed;
padding-right: 8px;
margin: 2px 2px;
width: 98%;
text-align: right !important;
}

div#continue_button {
float: left;
background-color: #dee;
padding-right: 8px;
margin: 6px 2px;
width: 98%;
text-align: left;
}

#confirmation table {
float:left;
width: 100%;
/*padding-top: 10px;*/
}

#confirmation th {
background: #EEEEEE;
padding: 6px;
margin: 3px;
}

#confirmation td {
/*padding: 10px;*/
margin: 3px;
text-align: center;
}

#confirmation td.aec_left {
/*padding: 10px;*/
margin: 3px;
text-align: left;
}

td.confirmation_description {
text-align: left;
}

td#confirmation_button {
}

td#confirmation_extra td {
padding: 2px !important;
}

td#confirmation_extra table {
padding: 0 !important;
}

#confirmation .button{
clear: both;
display:block;
float:right;
margin: 6px;
}

div.setting_desc {
position: relative;
float: left;
padding: 4px;
clear: left;
}

div.setting_form {
padding: 5px;
}

div.clear div.setting_desc {
clear: both;
}

button.aeclink {
-moz-user-select: text;
background: transparent none repeat scroll 0 0;
border: medium none;
color: #777;
cursor: pointer;
font-family: "Verdana",sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
text-align: left;
}

button.aeclink span {
}
button.aeclink:hover span,
button.aeclink:focus span {
	color: black;
}

.aectextright {
text-align: right;
}


/* == Styling for the Checkout Page == */

#checkout {
width: 98%;
padding: 6px;
}

#checkout table {
float:left;
margin: 0 auto;
}

td.cleft {
/*padding: 2px;*/
/*margin: 0px;*/
width: 20%;
text-align: left !important;
font-family: verdana,geneva; 
font-size: 8pt;
color: #000;
background-color: #dcdcdc;
/*border: 1px solid #000;*/
}

td.cright {
/*padding: 2px;*/
margin: 0px;
width: 70%;
text-align: left !important;

font-family: arial,helvetica,sans-serif; 
font-size: 10pt;
color: #000;
background-color: #fff;
/*border: 1px solid #000;*/
}

td.cboth {
/*padding: 2px;*/
margin: 0px;
text-align: center !important;
}

td.cboth p {
text-align: center !important;
}

table.amount {
float:left;
width: 100%;
padding: 2px 10%;
padding-top: 16px;
}

div#amountbox {
border:#DDD solid 1px;
}

table.amount tr {
position: relative;
float: left;
width: 100%;
padding: 2px;
border-bottom: 1px solid #555;
}

tr.total {
border-top: 2px solid #000;
border-bottom: none !important;
line-height: 32px;
}

td.item {
text-align: left;
}

td.amount {
float: right;
text-align: right;
}

td.item_later {
text-align: left;
width: 50%;
color: #999;
}

td.amount_later {
text-align: right;
width: 40%;
color: #999;
}

td.couponerror {
background-color: #fcc;
clear: both;
width: 100%;
/*margin-bottom: 10px;*/
border-bottom: 1px solid #fcc;
padding: 3px 5px 1px 5px !important;
}

.couponwarning {
float:left;
background-color: #ffb;
clear: both;
width: 100%;
}

td.couponinfo {
/*text-align: center;*/
background-color: #eee;
border: 1px solid #aaa;
/*padding: 1px !important;*/
text-indent: 5px;
}

td.coupondetails {
text-align: center;
padding: 4px !important;
background-color: #fff;
border-bottom: 1px dashed #aaa;
border-left: 1px dashed #aaa;
border-right: 1px dashed #aaa;
}

table#couponsbox {
background-color: #ddd;
border-collapse: collapse;
}

td.giftinfo {
text-align: center;
background-color: #eee;
border-bottom: 2px solid #aaa;
padding: 2px !important;
}

td.giftdetails {
text-align: center;
padding: 4px !important;
}

table#giftbox {
background-color: #ddd;
border-collapse: collapse;
}

table#paramsbox {
margin-top: 24px;
background-color: #ddd;
}

table#checkoutbox {
width: 100%;
/*margin: 10px 10%;*/
border-collapse: collapse;
color: #fff;
text-align: left;
}

table#checkoutbox th {
/*text-align: left;
background-color: #eee;
border-bottom: 2px solid #aaa;
padding: 2px !important;
font-weight: bold;*/
padding: 3px 5px 3px 5px !important;
}

td.checkout_action {
width: 100%;
text-align: center;
/*padding: 6px !important;*/
}

td.checkout_error {
background-color: #fff;
color: #f00;
clear: both;
width: 100%;
/*margin-bottom: 10px;*/
/*border-bottom: 1px solid #fcc;
padding: 5px !important;*/
}

td.checkout_processor_addin {
clear: both;
width: 100%;
margin-bottom: 10px;
border-bottom: 2px solid #aaa;
padding: 8px 4px 2px 8px !important;
}

#checkoutbox a.linkbutton {
display: block;
padding: 4px;
width: 10em;
margin: 0 auto;
border-top: 2px solid #fff;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
border-left: 2px solid #fff;
background-color: #ddd;
text-decoration: none;
text-align: center;
}

#checkoutbox a.linkbutton:active {
display: block;
padding: 4px;
width: 10em;
margin: 0 auto;
border-top: 2px solid #333;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 2px solid #333;
background-color: #ddd;
text-decoration: none;
text-align: center;
}

#checkoutbox label {
	width:48%;
	text-align:right;
	padding-right:2%;
}

#checkoutbox .inputbox, #checkoutbox select{
	clear:right;
}

#checkoutbox .button{
	clear: both;
	display:block;
	/*float:right;*/
	margin: 6px;
}

.cright .invalid {
border: 1px solid #a44;
}

#aec_checkout_params p.invalid {
color: #9a411a;
font-weight: bold;
}

table#aec_checkout {
width: 100%;
/*margin: 10px 10%;*/
border-collapse: collapse;
color: #777;
text-align: left;
}

table#aec_checkout td {
padding: 3px 5px 3px 5px !important;
}

table#aec_checkout_item {
width: 80%;
/*margin: 10px 10%;*/
/*border-collapse: collapse;*/
color: #777;
}

table#aec_checkout_item td {
padding: 2px !important;
}

.current_period {
color: #000;
}

.aec_term_totalhead {
background-color: #fee;
text-indent: 12px;
border-bottom: 2px solid #daa;
}

tr.aec_term_totalhead th {
padding: 3px !important;
padding-top: 5px !important;
font-size: 110%;
}

tr.aec_term_typerow {
background-color: #eee;
text-indent: 5px;
border: 1px solid #aaa;
border-right: 1px dashed #aaa;
}

tr.aec_term_typerow th {
padding: 3px !important;
padding-top: 5px !important;
/*font-size: 110%;*/
}

tr.aec_term_costrow {
background-color: #fff;
/*padding: 3px !important;*/
border-bottom: 1px dashed #aaa;
border-left: 1px dashed #aaa;
border-right: 1px dashed #aaa;
}

tr.aec_term_discountrow {
background-color: #f5f5f5;
}

tr.aec_term_totalrow {
background-color: #ddd;
border-top: 2px solid #555;
}

tr.aec_term_row_sep {
height: 20px;
}

td.aec_term_costtitle {
}

td.aec_term_costamount {
padding-right: 4px !important;
text-align: right;
font-weight: bold;
}

td.aec_term_taxtitle {
}

td.aec_term_taxamount {
padding-right: 4px !important;
text-align: right;
}

td.aec_term_discountamount {
padding-right: 4px !important;
text-align: right;
}

td.aec_term_totalamount {
padding-right: 4px !important;
text-align: right;
}

tr.aec_term_totalrow td.aec_term_totalamount {
font-weight: bold;
text-decoration: underline;
}

tr.aec_term_totalrow td.aec_term_totaltitle {
font-weight: bold;
}

table#aec_checkout_params {
width: 100%;
/*margin: 10px 10%;*/
border-collapse: collapse;
color: #777;
text-align: left;
}

table#aec_checkout_params td {
padding: 3px 5px 3px 5px !important;
}

/* == Styling for the Subscription Details Page == */

#subscription_details {
padding: 0;
margin: 0;
/*
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;*/

}

div#aec_navlist_profile
{
margin: 0;
padding: 0;
height: 26px;
width: 100%;
border-bottom: 3px solid #366999;
list-style-type: none;
background: #fff;
}

ul#aec_navlist_profile li
{
float: left;
margin: 0;
padding: 0;
width: auto;
display: block;
}

ul#aec_navlist_profile li a, ul#aec_navlist_profile li a:link
{
background: #eee;
color: #000;
text-decoration: none;
padding: 4px 10px 4px 10px;
display: block;
margin-right: 3px;
/*border: 1px solid #eee;*/
}

ul#aec_navlist_profile li a:hover
{
color: #000;
cursor: pointer;
background: #eee;
/*border-bottom: 3px solid #bbb;*/
}

ul#aec_navlist_profile li a#current, ul#aec_navlist_profile li a#current:link
{
color: #fff;
background: #366999;
cursor: default;
font-weight: bold;
border: 1px solid #666;
border-bottom: 1px solid #366999;
}

ul#aec_navlist_profile li a#current:hover
{
/*border-bottom: 3px solid #f90;*/
/*background: #eee;*/
}

div.subscription_info {
/*border:1px dashed #aaa;
margin: 2px;*/
padding: 5px;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-top: 1px solid #666;
display: block;
background: #fff;
}

#subscription_details h2 {
font-weight: bold;
font-size: 110%;
}

#subscription_details table {
float:left;
width: 100%;
padding-top: 5px;
border: 1px solid #666;
}

#subscription_details th {
background: #eee;
padding: 3px;
/*margin: 0;*/
text-align: left;
}

#subscription_details td{
padding: 3px;
margin: 0px;
text-align: left;
}

#thankyou_page {
}

#cancel_page {
}

.aec_clearfix {
clear: both;
height: 20px;
}

.aechidden {
display: none;
}

#myTabs{
margin: 6px auto;
padding: 2px;
}

.mootabs_title {
list-style-image: none;
list-style-type: none;
margin: 0px;
padding: 0px;
height: 24px;
}

.mootabs_title li {
float: left;
background-color: #ddd;
padding: 2px 8px 2px 8px;
margin-right: 2px;
cursor: pointer;
height: 24px;
list-style-type: none !important;
}

.mootabs_title li.active {
background-color: #e6e6e6;
text-decoration: underline;
}

.mootabs_title li.selected {
background-color: #e6e6e6;
font-weight: bold;
}

.mootabs_panel {
display: none;
background-color: #ddd;
position: relative;
width: 100%;
top: -1px;
clear: both;
overflow: visible;
padding: 2px;
}

.mootabs_panel.active {
background-color: #e6e6e6;
display: block;
}

.mootabs_panel.selected {
background-color: #e6e6e6;
display: block;
}

/* VV: Customisation - BEGIN */
th.checkout_head {
font-family: arial,helvetica,sans-serif; 
font-size: 10pt;
color: #ffffff; 
background-color: #800000;
font-weight: bold;

/*text-indent: 5px;
border: 1px solid #aaa;*/
}

tr.aec_term_durationrow {
border-left: 1px dashed #aaa;
border-right: 1px dashed #aaa;
}

td.aec_term_duration {
padding: 10px !important;
}

tr.aec_formrow {
width: 90%;
border: 1px solid #ccc;
}

#subscription_details p, #subscription_details h2
{
padding: 0px 5px 0px 10px;
}

#subscription_details tr {
background: #fff;
}

td.aec_plan_name {
background-color: #800000;
font-family: arial,helvetica,sans-serif; 
color: #ffffff; 
font-size: 10pt;
}

#aec_checkout_btn {
}

/* VV: Customisation - END */