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







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





p {

  font-size: 12px;

  line-height:125%;

  font-weight:600;

  color:#000;

 } 

 
p img {
	
margin-top: 1em;

margin-right: 1em;

margin-bottom: 1em;

margin-left: 0pt;
}
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 {

	clear: left;

	padding-top: 0;

	padding-right: 12px;

	padding-bottom: 0;

	padding-left: 0;

	margin-top:0;

}







.subscriptions table {



width: 100%;



padding-top: 4px;



}







.subscriptions th {



padding: 2px;



font-family: Georgia, "Times New Roman", serif;



font-size: 12px;



font-weight: normal;



text-align: left;



color: #000;



border-bottom: 1px solid #003e56;



width: 100%;



}







.subscriptions td {

	font-family: Arial, Verdana, sans-serif;

	font-size: 110%;

	color: #222;

	margin-top: 6px;

	margin-right: 6px;

	margin-bottom: 6px;

	margin-left: 0px;

}







.subscriptions td.buttons {



padding: 0px 12px;



border: none;



background: #b0efff;



text-align: right;



text-indent: 0px;



}







.gateway_button {



position: relative;



float: right;



padding: 0px 4px;



margin: 0px 4px;



}





.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;

	margin-bottom: 1px;

	margin-top: 5px;

	width: 98%;

	padding-top: 4px;

	padding-right: 4px;

	padding-bottom: 4px;

	padding-left: 0px;

}
div.aec_ilist_item img{
	margin-top: 1em;

margin-right: 1em;

margin-bottom: 1em;

margin-left: 0pt; }

div.aec_groupbutton {

width: 100%;

border: none;

background: #ffff00;

color:#fff;

text-align: right;

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;

text-align: right;

text-indent: 0px;

float: left;

clear: both;

}



table.aec_items {

	width: 100%;

	padding-top: 4px;

	padding-right: 4px;

	padding-bottom: 4px;

	padding-left: 0px;

}



table.aec_items td {

padding-bottom: 5px !important;

border-bottom: 1px dotted #ccc;

}





/* == 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: 90%;



margin: 5% auto;



text-align: center;



clear: both;



}







#box_pending {



float:left;



width: 90%;



margin: 5% auto;



text-align: center;



padding-bottom: 40px;



}







#alert_level_3 {



width: 100%;



height: 100%;



background-color: #bfb;



}







#alert_level_1 {



width: 100%;



height: 100%;



background-color: #fcc;



}







#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: 2px solid #fff;



}







#box_expired p {



text-align: center;



}







#box_expired strong {



font-weight: bold;



}







#days_left{



padding-top: 14px;



border: 2px 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: 2px solid #fff;



}







#upgrade_button {



padding: 15px;



text-align: center;



border: 2px solid #fff;



position: relative;



text-align: center;



display: block;



}





#renew_info {

padding: 5px;

text-align: center;

border: 2px solid #fff;

}





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







#confirmation {



width: 97%;



}







#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;



}







td.confirmation_description {



text-align: left;



}







td.confirmation_button {



text-align: center;



}







td.append_button {



text-align: center;



width: 90%;



}







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







#checkout {

width: 98%;



padding: 6px;



}







#checkout table {



float:left;

margin: 0 auto;



}





td.cleft {

padding: 2px;

margin: 0px;

width: 50%;

text-align: right !important;

}



td.cright {

padding: 2px;

margin: 0px;

width: 50%;

text-align: left !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: 2px solid #aaa;

padding: 8px 4px 2px 8px;

}







.couponwarning {



float:left;



background-color: #ffb;



clear: both;



width: 100%;



}







td.couponinfo {



text-align: center;



background-color: #eee;

border-bottom: 2px solid #aaa;

padding: 2px !important;



}







td.coupondetails {



text-align: center;



padding: 4px !important;

}







table#couponsbox {



background-color: #ddd;

border-collapse: collapse;



}







table#paramsbox {



margin-top: 24px;



background-color: #ddd;



}







table#checkoutbox {



margin-top: 24px;



background-color: #ded;

border-collapse: collapse;



}





table#checkoutbox th {

text-align: center;

background-color: #eee;

border-bottom: 2px solid #aaa;

padding: 2px !important;

font-weight: bold;

}





td.checkout_action {



text-align: center;

padding: 6px !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;

}



#checkoutbox a: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;

}





#checkoutbox label {



	display:block;



	float:left;



	width:48%;



	clear:left;



	text-align:right;



	padding-right:2%;



}



#checkoutbox .inputbox, #checkoutbox select{



	clear:right;



}



#checkoutbox .button{



	clear: both;



	display:block;



	float:right;

	margin: 6px;



}





table#aec_checkout {

width: 80%;

margin: 10px 10%;

border-collapse: collapse;

color: #777;

}



.current_period {

color: #000;

}



table#aec_checkout td {

padding: 2px !important;

}



tr.aec_term_typerow {

background-color: #eef;

text-indent: 12px;

border-bottom: 2px solid #aad;

}



tr.aec_term_typerow th {

padding: 3px !important;

padding-top: 5px !important;

font-size: 110%;

}



tr.aec_term_costrow {

background-color: #eee;

}



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_discountamount {

padding-right: 4px !important;

text-align: right;

}



td.aec_term_totalamount {

padding-right: 4px !important;

text-align: right;

font-weight: bold;

text-decoration: underline;

}





table#aec_checkout_params {

width: 90%;

padding: 8px 4px;

margin: 8px 5% 4px 5%;

background-color: #fff;

border: 1px solid #aaa;

}







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







#subscription_details {



padding: 8px;

}





div#aec_navlist_profile

{

margin: 10px;

padding: 0;

height: 22px;

font: 11px Verdana, sans-serif;

width: 97%;

border-bottom: 1px solid #bbb;

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: #555;

text-decoration: none;

padding: 3px 5px 3px 5px;

display: block;

border-bottom: 1px solid #eee;

margin-right: 4px;

}



ul#aec_navlist_profile li a:hover

{

color: #039;

border-bottom: 3px solid #bbb;

cursor: pointer;

background: #eee;

}



ul#aec_navlist_profile li a#current, ul#aec_navlist_profile li a#current:link

{

color: #000;

background: #fff;

cursor: default;

font-weight: bold;

border-bottom: 3px solid #999;

}



ul#aec_navlist_profile li a#current:hover

{

border-bottom: 3px solid #f90;

background: #eee;

}



div.subscription_info {

border:3px solid #bbb;

margin: 2px;

padding: 4px;

}





#subscription_details h2 {



font-weight: bold;



font-size: 110%;



}







#subscription_details table {



float:left;



width: 100%;



padding-top:10px;



}







#subscription_details th {



background: #eee;



padding: 6px;



margin: 3px;



}







#subscription_details td{



padding: 10px;



margin: 3px;



text-align: center;



}







#thankyou_page {



}







#cancel_page {



}



#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;

}