@CHARSET "UTF-8";

.billing-panel
{
	width: 400px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.billing-panel h3
{
	color: #222;
}

.billing-panel h4
{
    font-size: 1.25em;
    margin: 0px;
    color: #333;
    font-weight: normal;
}

#upgrade-downgrade
{
	border: 0px solid #000;
	margin: 0 auto;
	color: #000;
}

#upgrade-downgrade label
{
	color: rgb(28,28,28);
}
#upgrade-downgrade label.disabled
{
	color: rgb(108,108,108);
}

#upgrade-downgrade dl
{
	width: 300px;
}

#upgrade-downgrade dt, #upgrade-downgrade dd
{
	margin: 0px;
}

#upgrade-downgrade dd
{
	margin-bottom: 10px;
}

.pricing-grid table
{
	border-spacing: 0px;
    border-collapse: separate;
	border: 1px solid #777;
	width: 600px;
	margin-left: -100px;
	/*background-color: #555;*/
	table-layout: fixed;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
}

.pricing-grid td, .pricing-grid th
{
	border-bottom: 1px solid #999;
	border-right: 1px solid #bbb;
	background-color: #ccc;
	padding: 10px;
}

.pricing-grid th
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 0px;
}


.pricing-grid tr.price td
{
	text-align: right;
    background-color: #ddd;
    font-weight: bold;
}

#current_plan
{
	text-align: center;
}

#plantype
{
	float: left;
}

#billingcycle
{
	float: left;
	margin-left: 30px;
}

#billingcycle_disclaimer
{
    float: left;
    margin-left: 30px;
    width: 200px;
}

#vat_disclaimer
{
	text-align: right;
	font-size: 0.9em;
	margin-bottom: 30px;
}

#vat_disclaimer2
{
    float:right;
    width: 200px;
}

#subtotal_box, #total_box
{
	position: relative;
	text-align: right;
	margin-top: 30px;
	margin-bottom: 10px;
	border: 1px solid #777;
	background: #ccc;
	padding: 5px;
}
#total_box
{
	margin-top: 10px;
}

#total
{
	border-bottom: 3px double;
}

#savings
{
	/*line-height: 30px;*/
	position: absolute;
	bottom: 5px;
	left: 5px;
}

#paymentmethod
{
}

.billing_col1, .billing_col2
{
	float: left;
	margin-right: 10px;
}

.billing_checkbox
{
	float: left;
	margin-right: 5px;
    margin-bottom: 10px;
}

#upgrade-downgrade input[type=submit]
{
	float: right;
}

#invoices_table
{
	margin: 0 auto;
    border-spacing: 0px;
    border-collapse: separate;
    border: 1px solid #777;
    /*background-color: #555;*/
    table-layout: fixed;
    margin-top: 20px;
    margin-bottom: 35px;
    background: #ccc;
}

#invoices_table tbody tr th
{
	border: 0px;
}

#invoices_table .header
{
    box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}

#invoices_table tr
{
    border: 1px solid #555;
}

#invoices_table .unpaid
{
	color: #ff0000;
}

/** This form is the separate one on the Billing Account Details page (BillingClient.php) */
#clientdetails_form dt {
    float: left;
    clear: both;
    width: 50%;
    margin-bottom: 10px;
}
#clientdetails_form dd {
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
}
#clientdetails_form .right-align
{
	/*text-align: right;*/
	width: 100%;
}