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



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



table#cc_list {

position: relative;

float: left;

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 {

width: 100%;

height: 100%;

clear: both;

}

/*

.subscriptions table {

width: 100%;

padding-top: 4px;

}



.subscriptions th {

padding: 2px;

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

font-size: 20px;

font-weight: normal;

text-align: left;

color: #000;

border-bottom: 1px solid #003e56;

width: 100%;

}



.subscriptions td {

margin: 6px;

font-family: Tahoma, Verdana, Helvetica, sans-serif;

font-size: 12px;

text-indent: 20px;

color: #222;

}



.subscriptions td.buttons {

padding: 0px 12px;

border: none;

background: #b0efff;

text-align: right;

text-indent: 0px;

}

*/



.subscriptions_title {

 margin: 10px 0 10px 0;

 font-weight: bold;

 font-size: 1.2em;

 color: #646567;

}



.gateway_button {

position: relative;

float: right;

background: #fff;

padding: 0px 4px;

margin: 0px 4px;

}



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



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



.box_introduction {

position: relative;

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: 0.6em !important;

border-bottom: 1px solid #003e56;

padding-bottom: 2px;

}



P.gateway_description { /*Description Text*/

display: block;

font-size: 0.6em !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: 11px;

text-indent: 2px;

}



table.payment_details {

background: #eee;

border: 1px solid #999;

font-family: Tahoma, Verdana, Helvetica, sans-serif;

font-size: 11px;

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 {

position:relative;

float:none;

width: 90%;

margin: 5% 20px;

text-align: center;

padding-bottom: 0px;

}



#box_pending {

position:relative;

float:none;

width: 90%;

margin: 5% 20px;

text-align: center;

padding-bottom: 0px;

}



#alert_level_3 {

width: 100%;

height: 100%;

/*background-color: #B9F189;*/

}



#alert_level_1 {

width: 100%;

height: 100%;

background-color: #F5707A;

}



#alert_level_-1 {

width: 100%;

height: 100%;

background-color: #F62745;

}



#alert_level_2 {

width: 100%;

height: 100%;

background-color: #FFE075;

}



#expired_greeting {

padding: 10px;

border: 2px solid #fff;

}



#box_expired p {

padding: 3px;

text-align: center;

}



#box_expired strong {

font-weight: bold;

}



#days_left{

padding: 10px;

border: 2px solid #fff;

}



* html #days_left{

}



#days_left h1 {

font-weight: bold;

font-size: 1.2em;

text-align: center;

}



#days_left p {

font-weight: bold;

font-size: 12px;

text-align: center;

}



#days_left strong {

font-weight: bold;

font-size: 16px;

text-align: center;

}



#renew_button {

padding: 10px;

text-align: center;

border: 2px solid #fff;

}



#upgrade_button {

padding: 10px;

text-align: center;

border: 2px solid #fff;

position: relative;

text-align: center;

display: block;

}



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



#confirmation {

/*width: 97%;*/

}



#confirmation table {

position: relative;

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 {

position: relative;

padding: 10px;

text-align: center;

display: block;

}



td.append_button {

text-align: center;

width: 90%;

}



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



#checkout {

width: 97%;

}



#checkout table {

/* float:left; */

margin: 0 auto;

}



td.cleft {

text-align: right;

}



td.cright {

text-align: left;

}



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;

width: 50%;

}



td.amount {

float: right;

text-align: right;

width: 40%;

}



td.item_later {

text-align: left;

width: 50%;

color: #999;

}



td.amount_later {

text-align: right;

width: 40%;

color: #999;

}



.couponerror {

float:left;

background-color: #fcc;

clear: both;

width: 100%;

}



.couponwarning {

float:left;

background-color: #ffb;

clear: both;

width: 100%;

}



td.couponinfo {

text-align: center;

background-color: #eee;

}



td.coupondetails {

text-align: center;

}



table#couponsbox {

background-color: #ddd;

}



table#paramsbox {

margin-top: 24px;

background-color: #ddd;

}



table#checkoutbox {

margin-top: 24px;

float: left;

background-color: #ddd;

}



td.checkout_action {

text-align: center;

}



#checkoutbox a {

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;

}



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



#subscription_details {

}



#subscription_details h2 {

font-weight: bold;

font-size: 14px;

}



#subscription_details table {

position: relative;

/* this prevents pay/cancel links from working */

/*float: left;*/

width: 100%;

padding-top:10px;

}



#subscription_details th {

background: #EEEEEE;

padding: 6px;

margin: 3px;

}



#subscription_details td{

padding: 10px;

margin: 3px;

text-align: center;

}



#thankyou_page {

}



#cancel_page {

}



/*registration css starts here*/

.note {

font-size: 12px;

color: #3C91E7;

}

.note.red {
	color:red;
}



.field_error {

  color: #ff0000;
  clear: none;
  float: right;
  _margin-top: -30px;
}



#register_1_step {

 /*background: url(../images/1_step.gif) no-repeat 0 0;

 width: 20px;

 height: 20px;

 float: left;*/

}



#register_2_step {

 /*background: url(/images/2_step.gif) no-repeat 0 0;

 width: 20px;

 height: 20px;

 float: left;*/

}





#register_form fieldset {

 display: block;

 border: 0;

 margin: 20px 0 0 0;

}





#register_form {"components/com_acctexp/style.css"

width: 600px;

/*margin-left: 10px;*/

}



#register_form td.step_title {

font-size: 19px;

font-weight: bold;

color: #4B97E5;

padding: 3px;

}



.reg_title {

font-size: 26px;

font-weight: bold;

color: #4B97E5;

margin-left: 10px;

margin-top: 20px;

}



#reg_form_buttons {

 border-collapse: collapse;

 padding: 0px;

 margin: 0 0 10px 20px;

}



#register_table {

width: 476px;

margin-left: 24px;

}



#register_table td.reg_field {

padding: 0px 10px;

}



#choose_plan span.table_name {

margin-left: 24px;

}



#choose_plan span.note {

margin-left: 24px;

}



#pheader {

width: 500px;

}



#pheader a.choose_link {

font-size: 12px;

color: #3C91E7;

text-decoration: underline;

}



#plan_choosing table {

width: 476px;

}	



#uses {

margin-top: 20px;

margin-bottom: 10px;

margin-left: 24px;

}



#uses td {

width: 288px;

padding: 0 0 0 5px;

}



#uses td.use_enabled {

background:#FFAB00;

}



#plans {

	margin: 1px 0 5px 24px;

}

#plans td, #plans th {

	padding:0 15px 0 15px;

}

#plans thead td, #plans thead th {

	height:25px;

}

#plans tbody td, #plans tbody th {

	height:20px;

	border-bottom:1px solid #fff;

}

#plans th {

	width:10px;

}

#plans td.label {

	padding-left:5px;

}



#plans td.gp_name {

    background: #4B97E5;

    font-weight: bold;

    color: #FFFFFF;

    width: 250px;

}



#plans thead td.gp_info {

    background: #4B97E5;

    color: #FFFFFF;

    font-weight: bold;

    text-align: center;

	border-left: 1px solid #fff;

    border-right: 1px solid #fff;

}



#plans tbody td.gp_info {

	background-color:#caeafa;

	text-align: center;

    border-left: 2px solid #000;

    border-right: 2px solid #000;

	border-left: 1px solid #fff;

    border-right: 1px solid #fff;

    margin-left: 1px;

    padding-right: 1px;

}

#plans a.cu_link {

color: #3C91E7;

text-decoration: underline;

}	



#plans td.actnow {

	font-weight:bold;

}

#plans thead td.actnow {

	background-color:#ffab00;

	color:#fff;

}

#plans tbody th, #plans tbody td.label {

	background-color:#caeafa;

}

#plans tbody td {

	background-color:#95d6f5;

}

#plans tfoot td, #plans tfoot th {

	background-color:#ffeecc;

	height:25px;

}



#promo_table {

 margin-left: 20px;

 margin-top: 20px;

}



#promo_table td  {

  padding: 2px;

}



#total {

font-size: 15px;

}



.uppercase {

text-transform: uppercase;

font-size: 15px;

}



#plans_table tbody td {

  border-bottom: 1px solid #fff;

  background-color: #D7D7D7;

  padding: 5px;

}

#plans_table td.act_now {

  font-weight: bold;

}

#plans_table td.desc {

  font-weight: 500;

}

#plans_table thead td.act_now {

  background-color: #981419;

  color: #fff;

  padding: 5px;

}

#plans_table tbody td.label {

  background-color: #F0F0F0;

}

#plans_table td.plans_note {

 text-align: left;

 background-color: #FFFFFF;

 padding-left: 0;

}

#promo_table td input.promo {

 background: url(./images/promo_bg.gif) repeat-x 0 0;

 font-family: "Courier New", Courier, monospace;

 font-size: 1.2em;

 letter-spacing: .46em;

 width: 135px;

}

/*registration css endss here*/



#select_subscr_form_buttons {

 border-collapse: collapse;

 padding: 0px;

 margin: 10px 0 0 20px;

}


/* REGISTER FORM STYLES */

div.registerForm {
	
}