/* @override 
	http://bunkerworld.local.m.ac.nz/assets/css/credit.css
	http://i8.o2.local.m.ac.nz/credit/css/credit.css
	http://i8.o2.local.m.ac.nz/credit/css/credit.v8.11.11.1.css
*/
.credit-brochureSite {
	width: 800px;
	margin: 0 auto;
}
.credit-brochureHeader {
	padding: 0px 20px 10px 20px;
	background-image: url( ../credit/masthead_new.png );
	border: 1px solid #fff;
	height: 300px;
}
.tankerworld .credit-brochureHeader {
	background-image: url( ../credit/masthead_new_tw.png );
}

.credit-brochureHeader ul {
	margin: 0;
	padding: 0;
	overflow:  hidden;
	border-top:  1px solid #eee;
	border-bottom:  1px solid #eee;
	background-color:  #fafafa;
	background-image: url( ../credit/badge.png );
	background-position: 582px  3px ;
	background-repeat: no-repeat;
	padding-left:  12px;
	width: 100%;
}
.credit-brochureHeader li {
	display: inline;
}
.credit-brochureHeader li a {
	display: block;
	float: left;
	padding: 12px 10px;
	text-decoration: none;
	height: 20px;
	background-repeat: repeat-y;
	background-position: 50% 0;
	font-size:  0.85em;
	font-weight:  bold;
	color:  #444;
}
.credit-brochureHeader li a:hover {
	text-decoration: underline;
}
.credit-brochureHeader li a.current {
	color:  #666;
}
.credit-brochureHeader li a.current:hover {
	text-decoration: none;
}
.credit-specialOffer {
	border-top:  1px solid #ddd;
	border-bottom:  1px solid #ddd;
	padding: 10px;
	text-align:  center;
	font-weight:  bold;
	background-color:  #eee;
}
h1 {
	font-size: 2.4em;
	color: #fff;
	display: none;
}

h2 {
	font-size: 1.2em;
}
.right {
	width: 200px; 
	float: right;
	padding: 15px 0;
	margin-right: 40px;
	font-size: 0.8em;
	line-height: 200%;
	color: #666;
}
.right .border {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.right .border img {
	display:  block;
	margin:  0 auto;
}
.left { 
	width: 450px;
	padding: 15px 40px 15px 50px;
	line-height: 160%;
	font-size: 1em;
	color: #333;
}

.copyAndDisclaimer {
	margin-top: 50px;
	font-size: 0.8em;
	color: #666;
}


#credit-header {
	height: 70px;
	border-bottom: 1px solid #eee;
	background-image: url(../global/icons/reports.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 70px;
	display: none;
}
#credit-header h1 {
	font-size: 1.1em;
	margin-bottom: 0;
	padding-top: 13px;
	display: block;
	color: #000;
}
#credit-header .credit-byline {
	font-size: 0.8em;
	color: #666;
}

#credit-right {
	width: 180px;
	float: right;
	background-color: #eee;
	padding: 5px;
}

#credit-right h3 {
	color: #666;
	font-size: 0.8em;
	border-bottom: 1px solid #ddd;
	margin-top: 5px;
	margin-bottom: 0;
}
.report-search,#credit-accountinfo p {
	font-size: 0.9em;
	padding-left: 10px;
}
.report-button {
	text-align: right;
	padding: 10px 5px 5px 5px;
}
#credit-accountinfo p.expired strong {
	color: #990000;
}

#credit-orders {
	width: 660px;
	padding-top: 10px;
}

#credit-orders h2, #credit-database h2 {
	font-size: 1.2em;
}
#credit-orders h3, #credit-database h3 {
	font-size: 1.0em;
	color: #222;
	margin-bottom: 2px;
	margin-top: 0;
}
#credit-orders .search, #credit-database .search {
	font-size: 0.9em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #f2f2f2;
	padding: 5px;
}
#credit-database .search {
	width: 710px;
	margin: 10px auto;
}
#credit-orders .company, #credit-database .company {
	font-size: 0.9em;
	text-align: left;
	width: 240px;
}
#credit-database .company a {
	color: #333333;
	
}
#credit-database .columnheader a {
	color: #FFFFFF;
}
#credit-orders .orderedBy, #credit-database .country {
	font-size: 0.9em;
	text-align: left;
	width: 120px;
}
#credit-database .country a {
	color: #FFFFFF;
	
}
#credit-orders .orderPlaced, #credit-database .reportDate {
	font-size: 0.9em;
	text-align: left;
	width: 80px;
}
#credit-database .reportDate a {
	color: #FFFFFF;
	
}
#credit-orders .orderPlaced, #credit-database .rating {
	font-size: 0.9em;
	text-align: left;
	width: 40px;
}
#credit-database .rating a {
	color: #FFFFFF;
	
}
#credit-orders .status, #credit-orders .orderUpdate  {
	font-size: 0.9em;
	text-align: left;
	width: 80px;
}
#credit-orders .rating {
	width: 30px;
}
#credit-orders .viewReport, #credit-database .viewReport {
	font-size: 0.9em;
	text-align: left;
	width: 60px;
	text-align: center;
}
#on-credit .search #coname, #on-credit .search #onname {
	width: 120px !important;
}


.even-smaller {
	font-size: 0.9em;
}

#credit-orders .search, #credit-database .search {
	background-color: #DEEDF8;
	padding: 10px;
	font-size: 0.9em;
	margin-bottom: 10px;;
}
#credit-orders .search-line1, #credit-database .search-line1 {
	padding-bottom: 4px;
	
	margin-bottom: 4px;
}
#credit-orders #credit-db-search-advanced .search-line1 {
	padding: 8px 10px;
	margin-bottom: 20px !important;
}
#credit-orders .search-line1 input.text-entry {
	width: 120px;
	margin-right: 5px;
}
#credit-orders .text-label, #credit-orders .input-label {
	float:  left;
	display: block;
	width: 90px;
	text-align: right;
	padding-right: 10px;
}
#credit-orders .input-label {
	padding-top: 2px;
	padding-right: 9px;
}
#credit-orders #credit-db-search-toggle, #credit-orders #credit-db-search-clear {
	
	padding-top: 4px
}


#credit-orders form,  #credit-database form{
	display: inline;
}
#credit-orders table, #credit-database table {
	padding: 0;
	border-collapse: collapse;
	margin-top: 1px;
	
	width: 610px !important;
}
#credit-database table {
	width: 720px !important;
}
#credit-orders th,  #credit-database th {
	text-align: left;
	background-color: #8A9198;
	color: #fff;
	font-size: 0.9em;
	padding: 2px 5px;
	border-bottom: 1px solid #fff;
}
#credit-orders td,  #credit-database td {
	font-size: 0.85em;
	border-bottom: 1px solid #fff;
	padding: 2px 5px;
	color: #444;
}
#credit-orders .result-a td,  #credit-database .result-a td {
	background-color: #EFEFEF;
}
#credit-orders .result-b td,  #credit-database .result-b td {
	background-color: #DEEDF8;
}
#credit-database .summaryrep td {
	color: #0000CC;
}
#order-target, #order-type {
	font-size: 0.85em;
	background-color: #DEEDF8;
	padding: 10px;
	width: 640px;
	overflow: hidden;
}
#order-target p {
	margin: 0;
}
#order-target-address {
	width: 330px;
	float: left;
}
#order-target-other {
	width: 300px;
	float: left;
}
#order-target-address label, #order-target-other label,  #order-source label, #order-card label {
	padding-top: 2px;
	float: left;
	width: 130px;
	text-align: right;
	padding-right: 5px;
}
#order-target-other label {
	width: 70px;
}
#order-target-address input, #order-source input, #order-target-other input, #order-card input{
	width: 170px;
}
#order-target-address input#target-company-search {
	width: 120px;
}
#order-target-address input#target-postcode {
	width: 60px;
}
#order-type input {
	float: left;
}
#order-type label {
	float: left;
	padding-left: 5px;
	margin-right: 15px;
}
#order-payment {
	padding: 10px;
	background-color: #8A9198;
	width: 640px;
}
#order-login {
	float: right;
	width: 240px;
	font-size: 0.85em;
	text-align: right;
	padding: 10px 10px 0 0;
}
#order-login h3 {
	font-size: 1.1em;
	margin: 0;
}
#order-source {
	background-color: #EFEFEF;
	font-size: 0.85em;
	padding: 10px;
	width: 380px;
	overflow: hidden;
}
#order-source h3 {
	font-size: 1.1em;
	margin: 0;
}

/* @group Order Itemization */
#payment-logos {
	/*background-color: #EEF9E3;*/
	font-size: 0.85em;
	width: 240px;
	overflow: hidden;
	float: right;
	text-align: right;
}
#payment-logos img {
	margin-right: 8px;
}
.payment-itemisation-table {
	width: 500px;
	padding: 0;
	border-collapse: collapse;
}
.payment-itemisation-table th {
	border-bottom: 1px solid #D1E0C1;
	background-color: #EFEFEF;
	text-align: left;
	padding: 4px 8px;
	font-size: 0.85em;
}
.payment-itemisation-table td {
	background-color: #f6f6f6;
	padding: 6px 8px;
	font-size: 0.85em;	
}
.payment-itemisation-table .price, .payment-itemisation-table .qty {
	text-align: right;
	width:  90px;
}
.payment-itemisation-table .qty, .payment-itemisation-table .validity {
	text-align: center;
	width:  80px;
}
.payment-total {
	border-top: 1px solid #D1E0C1;
	width: 492px;
	font-size: 0.85em;
	text-align: right;
	padding: 2px 8px 2px 0;
	background-color: #EFEFEF;
}
/* @end */

/* @group Order Credit Card Entry */
#credit-order-CC {
	width: 740px;
	margin: 40px auto;
}
#payment-error {
	padding:  15px;
	background-color: #E48B99;
}
#order-card {
	font-size: 0.85em;
	background-color: #DEEDF8;
	padding: 10px;
	width: 720px;
	overflow: hidden;
	margin: 0 auto;	
}
#order-card #source-cardNumbers label {
	padding-top: 3px;
}
#order-card #source-cardNumbers input {
	width: 50px;
	font-size: 1.2em;
	text-align: center
}
#order-card input#source-issue {
	width: 40px;
}
#order-card #start-date, #order-card #end-date {
	padding-top: 2px;
}
#order-card div {
	width: 550px;
	margin: 2px 0;
}
#order-card div div {
	width: 230px;
	margin: 0 0 0 135px;
}
#order-card small {
	float: right;
	text-align: right;
	padding-top: 3px;
	display: block;
}
#order-card textarea {
	width: 270px;
	height:  80px;
}
#order-card #what-securityCode, #order-card #what-billingAddress, #order-card #what-postcode {
	overflow:  hidden;
	height:  0;
	width: 550px;
	padding: 0 !important;
	margin:  0 !important;
}
#order-card .what-block {
	background-color: #EAF1F8;
	border: 1px solid #ddd;
	padding: 20px !important;
	font-size: 0.85em;
	width: 420px;
	margin: 0 0 10px 65px !important;
	overflow:  hidden;
}
#order-card .what-block p {
	margin-top: 0;
}
#order-card .what-image {
	margin-left:  0;
	width:  420px;
	margin-bottom: 10px;
	overflow: hidden;
}
#order-card .what-image p {
	padding-top: 10px;
}
/* @end */