﻿
/* 
---------------------------------------------------------------------------------
Custom styles for Form style pages (Checkout)
---------------------------------------------------------------------------------  
*/

/*
---------------------------------------------------------------------------------
General
---------------------------------------------------------------------------------
*/
.wide-extended {	WIDTH: 955px ;}
.medium-extended {	WIDTH: 750px ;}
.medium-no-nav {	WIDTH: 814px ;}
.wide-centered { WIDTH: 750px; margin-left: 100px;}
.regstar {color:red;}   
/* styling for .net controls*/
.listbox { height:200px; }
.dropdown {border-color:#808080; border-width:1px; padding:2px; border-style:inset; font-size:1.1em; line-height:1.5; color:#505050; }
.radiobutton LABEL { margin-left: 10px; position:relative; top:-2px; }
.checkbox {PADDING-TOP: 2px; LINE-HEIGHT: 1.5;}
.textbox { border-right: #808080 1px inset;padding-right: 2px;border-top: #808080 1px inset;padding-left: 2px;font-size: 1.1em;padding-bottom: 2px;border-left: #808080 1px inset;color: #505050;line-height: 1.5;padding-top: 2px;border-bottom: #808080 1px inset;background-color: #fff;} /* adpated from text class*/



/* 
---------------------------------------------------------------------------------
Checkout styles
---------------------------------------------------------------------------------  
*/
#checkout {padding-left:100px; width: 750px; margin-bottom:13px;}
#checkout H1 { margin-top: 20px; /* color:Red; */}
#checkout h3 { padding-right: 2px; padding-left: 2px; margin-bottom: 13px; padding-bottom: 1px; color: #4c4c4c; padding-top: 0px; border-bottom: #555 2px solid }
#checkout intructions { }	

#checkout .paypal-messagebox {display:inline-block; border: solid 1px #ffcf0f; margin-bottom: 32px; padding-left:12px; padding-right: 12px; width:100%; clear:both; background-color: #ffffde;}
#checkout .paypal-messagebox p { display:inline-block; margin-top: 10px; margin-bottom:10px; }

#checkout .-form-row { text-align:justify; font-weight:bold; }
#checkout .-form-row .row-title { font-weight:bold; }
#checkout .-form-row .row-fields .tinytext { font-size: 11px;  color:Red; }
#checkout .-form-row .row-fields { text-align:left; }

#checkout .checkout-box-row { clear:both; height:26px; padding-bottom:4px;}
#checkout .checkout-box-image-row { clear:both; height:100%; padding-bottom:4px; }
#checkout .checkout-box-total-row { clear:both; height:26px; }
#checkout .checkout-box-total-row .label{ float:left; padding-left: 550px; width:120px; text-align:right;}
#checkout .checkout-box-total-row .amount{ float:right; width:50px; text-align:right; padding-right: 5px;}

#checkout .image {width: 70px; height:60px; margin-right:5px;}
#checkout .ref {width: 70px; margin-right:5px;}
#checkout .type {width: 50px; margin-right:5px;}
#checkout .description {width: 410px; margin-right:5px;}
#checkout .description-wide {width: 220px; margin-right:5px;}
#checkout .qty {width: 50px; text-align:right; margin-right:5px; }
#checkout .price {width: 70px; text-align:right; margin-right:5px; }
#checkout .total {width: 70px;  text-align:right; margin-right:5px; }
#checkout .action {width: 10px;  text-align:right; margin-right:5px; }
#checkout .total-value {width: 80px; text-align:right;  }

#checkout .header {font-weight :bold ; }
#checkout .label {font-weight :bold ; display: inline; }

#checkout .clear { width: 100%;}
#checkout .left { float:left;}
#checkout .right { float:right;}

#checkout .cardonly-section {}
#checkout .cardonly-section .inner {width: 560px; padding-left:125px;}
#checkout .cardonly-section .card-type-row SELECT {width: 210px;}
#checkout .cardonly-section .card-type-row .select-display {width: 210px;}
#checkout .cardonly-section .card-type-row .select-list {width: 210px;}
#checkout .card-types-images  { width:70;}

#checkout .edit-address {clear:both; float:none; margin-top:4px; margin-bottom:4px; text-align:right; }
#checkout .xp-progress { height:300px; padding-top:100px; }

#checkout .expiry .select-container {width: 60px; }
#checkout-content-block{padding-left:100px;}

#checkout .review {}
#checkout .review .form-submit-area INPUT {margin-left: 10px;}
#checkout .review .paypal-messagebox {width:725px !important;}

#checkout .completed {}
#checkout .completed .paypal-messagebox {width:725px !important;}

/* 
---------------------------------------------------------------------------------
Competition styles
---------------------------------------------------------------------------------  
*/
#competition TEXTAREA {font: Arial;font-family: Arial;}
#competition HR {margin-top:10px;}
#competition .submit-area {text-align:right;}
