﻿/*======================================================================
	THOMAS SCIENTIFIC: Account Controls
----------------------------------------------------------------------*/
/*======================================================================
	CONTROL: Account: Approve Purchases
	--------------------------------------------------------------------
	Most of these styles are grouped with Account: Order History
----------------------------------------------------------------------*/
.c-account-approvepurchases
{}

	.c-account-approvepurchases .actionlist
	{
		padding: 1em 12px;
		background-color: #f1f1f1;
	}

/*======================================================================
	CONTROL: Account: Billing Information
----------------------------------------------------------------------*/
.c-account-billinginformation
{}

	.c-account-billinginformation .address-group-address,
	.c-account-billinginformation .address-group-location,
	.c-account-billinginformation .address-group-country
	{
		display: block;
		clear: both;
	}

	.c-account-billinginformation li.pairing label.primary span.required 
	{
		display:none;
	}
	
	
	.c-account-billinginformation table.base td address
	{
		width: 200px;
	}
	
	.c-account-billinginformation table.base td .actionlist
	{
		width: 120px;
	}
	
/*======================================================================
	CONTROL: Account: Company Budgets
----------------------------------------------------------------------*/
.c-account-companybudgets
{}

	.c-account-companybudgets .total-used
	{
		position: relative;
		padding-left: 5px;
		width: 75px;
		float: left;
	}

	.c-account-companybudgets .percentage-used
	{
		width: 50px;
		float: left;
	}

	.c-account-companybudgets .total-used-red
	{
		position: absolute;
		left: 0px;
		top: 0px;
		background-color: #f00;
		z-index: 2;
	}

	.c-account-companybudgets .total-used-green
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		background-color: green;
		z-index:1;
	}

	.c-account-companybudgets .add-company-budget
	{
		padding-top: 20px;
	}
	
	.c-account-companybudgets td .actionlist
	{
		width: 120px;
	}

/*======================================================================
	CONTROL: Account: Dashboard
----------------------------------------------------------------------*/
.c-account-dashboard
{}

	.c-account-dashboard .representative
	{
		padding-top: 1em;
		border-top: 1px solid #dadada;
	}

	.c-account-dashboard ul.account-row
	{
		margin: 1em 0;
		list-style: none;
	}
	
	.c-account-dashboard ul.account-row li
	{
		padding: 10px;
		background: #fff url(../../images/layout/bg_gradient-fade.jpg) 0 0 repeat-x;
	}
	
/*======================================================================
	CONTROL: Account: Login
----------------------------------------------------------------------*/
.c-account-login
{}
	
	.c-account-login div.login
	{
		padding-right: 19px;
		width: 322px;
		min-height: 310px;
		float: left;
		border-right: 1px solid #e5e5e5;
	}
	
		.c-account-login div.login .u-account-loginform
		{
			margin-bottom: 1em;
			padding-bottom: 1em;
		}
	
	.c-account-login div.create
	{
		position: relative;
		display: inline;
		margin-left: -1px;
		padding-left: 20px;
		width: 322px;
		min-height: 310px;
		float: left;
		border-left: 1px solid #e5e5e5;
	}
		
	.c-account-login div.create li.firstname-pairing
	{
		float: none;
	}
	
	.c-account-login div.create li.lastname-pairing
	{
		margin-right: 0;
		float: none;
	}
	
	.c-account-login ul.actions li.action-primary
	{
		margin-right: 0;
	}
	
	.c-account-login ul.actions li.action-secondary
	{
		margin: 0;
		padding: 0;
	}
	
	
/*======================================================================
	CONTROL: Account: Logout
----------------------------------------------------------------------*/
.c-account-logout
{}

/*======================================================================
	CONTROL: Account: Order History & Approve Purchases
----------------------------------------------------------------------*/
.c-account-orderhistory,
.c-account-approvepurchases
{
	height: 1%;
	position: relative;
}

	/*-- LISTING --*/
	.c-account-orderhistory .listing table.base td,
	.c-account-approvepurchases .listing table.base td
	{
		padding-top: 6px;
		padding-bottom: 6px;
		border: none;
	}
	
		.c-account-orderhistory .listing table.base tr.alt td,
		.c-account-approvepurchases .listing table.base tr.alt td
		{
			background-color: #f1f1f1;
		}
	
		.c-account-orderhistory .listing table.base td ul.actions li.action,
		.c-account-approvepurchases .listing table.base td ul.actions li.action
		{
			margin: 0 5px 0 0;
		}
	

	/*-- BASICS --*/
	.c-account-orderhistory .u-customerorder-detail .basics h2.number,
	.c-account-approvepurchases .u-customerorder-detail .basics h2.number
	
	{
		display: none;	
	}
	
	.c-account-orderhistory .u-customerorder-detail .order-data .basics h4.status,
	.c-account-approvepurchases .u-customerorder-detail .order-data .basics h4.status
	{
		margin: 0;
	}
	
	/*-- ORDER DATA --*/
	.c-account-orderhistory .order-data .order-details,
	.c-account-approvepurchases .order-data .order-details
	{
		padding: 1em 10px 10px;
		width: 150px;
		min-height: 180px;
	}

	.c-account-orderhistory .order-data .shipments-single .info .address, 
	.c-account-orderhistory .order-data .shipments-single .info .method, 
	.c-account-orderhistory .order-data .shipments-single .info .meta,
	.c-account-approvepurchases .order-data .shipments-single .info .address, 
	.c-account-approvepurchases .order-data .shipments-single .info .method, 
	.c-account-approvepurchases .order-data .shipments-single .info .meta
	{
		padding: 0 10px 10px;
		width: 150px;
		min-height: 180px;
	}
	
	.c-account-orderhistory .u-customerorder-detail .order-data .shipments-single .items
	{
		*left: -170px; /*fixes IE6 & IE7*/
		width: 684px;
		_width: auto; /*fixes IE6*/
	}
	
	.c-account-orderhistory .order-data .shipments-multiple .items,
	.c-account-approvepurchases .order-data .shipments-multiple .items
	{
		width: 460px;
	}

	.c-account-orderhistory table.lineitems,
	.c-account-approvepurchases table.lineitems
	{
		margin-bottom: 1.2em;
	}
	
	.c-account-orderhistory table.lineitems td.column-product .order-note,
	.c-account-orderhistory table.lineitems td.column-product .order-offercode,
	.c-account-approvepurchases table.lineitems td.column-product .order-note,
	.c-account-approvepurchases table.lineitems td.column-product .order-offercode
	{
		margin-top: 5px;
		padding: 5px;
		font-weight: bold;
		background-color: #f1f1f1;
	}
	
		.c-account-orderhistory table.lineitems td.column-product .order-note span,
		.c-account-orderhistory table.lineitems td.column-product .order-offercode span,
		.c-account-approvepurchases table.lineitems td.column-product .order-note span,
		.c-account-approvepurchases table.lineitems td.column-product .order-offercode span
		{
			display: block;
			padding-top: 5px;
			font-weight: normal;
		}

/*======================================================================
	CONTROL: Account: Quotes
----------------------------------------------------------------------*/
.c-account-quotes
{}	
	.c-account-quotes table.base th
	{
		padding: .7em 10px;
	}
		
	.c-account-quotes table.base tr.alt td
	{
		background-color: #ddd;
	}

	.c-account-quotes table.base td
	{
		padding: .7em 10px;
	}
		
	.c-account-quotes table.base .column-quotenumber
	{
		width: 20%;
	}
		
	.c-account-quotes table.base .column-quotedate
	{
		width: 20%;
	}
	
	.c-account-quotes table.base .column-status
	{
		width: 20%;
	}
		
	.c-account-quotes table.base .column-action
	{
		text-align: right;
	}

	.c-account-quotes table.base .column-select
	{
		width: 20px;
	}
		
	.c-account-quotes table.base .column-select
	{
		width: 20px;
	}
	
	.c-account-quotes table.base .column-quantity
	{
		width: 30px;
	}
		
	.c-account-quotes table.base .column-price
	{
		width: 60px;
		text-align: right;
	}
		
	.c-account-quotes table.base td.column-totaltitle
	{
		font-weight: bold;
		text-align: right;
	}
		
		.c-account-quotes .button
		{
			margin-left: 5px;
			margin-right: 5px;
		}

/*======================================================================
	CONTROL: Account: Registration Form
----------------------------------------------------------------------*/
.c-account-registrationform
{}

	.c-account-registrationform li.pairing label.primary span.required
	{
		display: none;
	}
	
	.c-account-registrationform .u-account-createform
	{
		margin-bottom: 1em;
		border-bottom: 1px solid #d7d7d7;
	}

	/* TODO: hide these on the back-end */
	.c-account-registrationform .u-miscellaneous-addressform li.prefix-pairing,
	.c-account-registrationform .u-miscellaneous-addressform li.suffix-pairing
	{
		display: none;
	}
	
	.c-account-registrationform .u-miscellaneous-addressform li.lastname-pairing
	{
		margin-right: 150px;
	}
	
	.c-account-registrationform .u-miscellaneous-addressform li.company-pairing
	{
		margin-right: 20px;
		float: left;
		clear: none;
	}
	
	.c-account-registrationform .u-miscellaneous-addressform li.title-pairing
	{
		margin-right: 260px;
		float: left;
	}
	
	.c-account-registrationform .user-info li.accountnumber-pairing .input-text
	{
		width: 150px;
	}
	
	.c-account-registrationform .additional-info
	{
		border: none;
	}

/*======================================================================
	CONTROL: Account: Reset
----------------------------------------------------------------------*/
.c-account-reset
{}

/*======================================================================
	CONTROL: Account: Settings
----------------------------------------------------------------------*/
.c-account-settings
{}

	.c-account-settings li.pairing label.primary span.optional
	{
		display: none;	
	}
	
	.c-account-settings .u-miscellaneous-addressform li.lastname-pairing
	{
		margin-right: 20px;
	}
	
	.c-account-settings .u-miscellaneous-addressform li.company-pairing
	{
		margin-right: 20px;
		float: left;
	}

/*======================================================================
	CONTROL: Account: Manage Users
----------------------------------------------------------------------*/
.c-account-manageusers
{}

	.c-account-manageusers .u-account-shippingbillingaddressform .billing
	{
		padding-bottom: 0;
		border: none;
	}
	
	.c-account-manageusers td .actionlist
	{
		width: 120px;
	}

/*======================================================================
	CONTROL: Account: Shipping Information
----------------------------------------------------------------------*/
.c-account-shippinginformation
{}

	.c-account-shippinginformation li.pairing label.primary span.optional
	{
		display: none;	
	}

	.c-account-shippinginformation .u-miscellaneous-addressform li.lastname-pairing 
	{
		margin-right: 20px;
	}

	.c-account-shippinginformation table td address
	{
		width: 300px;
	}
	
	
	.c-account-shippinginformation td .actionlist
	{
		width: 120px;
	}
	
/*======================================================================
	CONTROL: Account: Wishlists
----------------------------------------------------------------------*/
.c-account-wishlists
{}

	.c-account-wishlists .details
	{
		margin-bottom: 1em;
		padding-bottom: 0.5em;
		border-bottom: 1px solid #d7d7d7;
	}

		.c-account-wishlists .details .actionlist
		{
			padding: 0;
			border: none;
		}
		
			.c-account-wishlists .details .actionlist li.action-delete a
			{
				padding-right: 8px;
				border-right: 1px solid #d7d7d7;
			}





