/* Login Panel Design (also applies to retreive password) */

.userLoginRegister {
    background:#d8e7ef !important;
    }

.userLoggedInPanel .th{
    background: #3d8717 url(images/green_bar.png) 50% 50% repeat-x !important;
    border: solid 1px #BECDB3;
    }

.userLoginRegister input, .userLoginPanel select, .userLoginPanel textarea  {
    width:100px;
}

.userLoginRegister .singleCell{
    width:235px;
    }

.userLoginRegister .buttonCell{
    width:235px;
    padding-top: 5px !important;
    }

.userLoginRegister .titleCell, .userLoginRegister .fieldCell{
    width:110px;
    }

.userLoginRegister .userAddress{
    background:#fff !important;
    margin:5px;
    padding:10px;
    display:block;
    border: #3D8717 dashed 1px;
    }

.addressError .th{
    background: #b43131 url(images/ui-bg_highlight-soft_75_b43131_1x100.png) 50% 50% repeat-x !important;
    border: solid 1px #751717 !important;
    }

.userAddressViewPanel .th{
    background: #3d8717 url(images/green_bar.png) 50% 50% repeat-x !important;
    border: solid 1px #BECDB3 !important;
    }

.userAddressViewPanel h3 {
    color: #3D8717;
    }


.registerForm #registerUsername {    
    width:225px !important;    
    }

.passwordRetreiveForm #retreiveEmail {    
    width:225px !important;    
    }

.orderUserCommentForm .singleCell{
    width:235px !important;
    }

.orderUserCommentForm .fieldCell{
    
    }
       
.orderUserCommentForm .commentField {
    margin:5px;
    padding:5px;    
    height:50px;
    width:210px !important;
    }
            
.orderUserCommentForm .userComment{
    background:#fff !important;
    margin:5px;
    padding:10px;
    display:block;
    border: #3D8717 dashed 1px;
    }

.orderUserCommentReady .th{    
    background: #3d8717 url(images/green_bar.png) 50% 50% repeat-x !important;
    border: solid 1px #BECDB3 !important; 
    }
    
.contactForm {
    margin: 0 0 5px 0 !important;
    }

.contactForm input,.contactForm textarea{
    width:100%;
}

.contactForm textarea{
    height:80px;    
    }
    
.userOrdersTable {
    text-align:center;
    }
      
.userOrdersTable .tr {
    margin: 2px 0;
    border-bottom: dashed 1px #30617F;
    }

.userOrdersTable .tr:last-child {
    border-bottom: none;
    }

.userOrdersTable .idCell {
    width:50px;
    }
      
.userOrdersTable .dateCell {
    width:80px;
    }

.userOrdersTable .statusCell {
    width:170px;
    }

.userOrdersTable .totalCell {
    width:80px;
    }

.userOrdersTable .controlsCell {
    width:50px;
    } 

.userOrdersTable .jqwc-button{
    width:1px !important;
    height:15px !important;
    margin-left:3px;
}



.cssTable button  {
	margin-bottom:5px;
	width:100% !important; 
	}
	
.userLoginForm { }

.passwordRetreiveForm input { width:98%; }

.userRegisterForm input { width:98%; }

.userAddressForm {}
.userAddressForm .address {
    width:220px;
    height:50px;
    }

.passwordChangeForm input { width:98%; }
.passwordChangeForm table { display:none; }

#bigCart {	}

.orderView .productImage {
	float:left;
	margin-right:5px;
	}
	
.orderView .productDescription {
	width:40%;
	}

.orderView select {
	width:80%;
	margin: 0 5px;
	}

.orderView span.promo {
display:block;
	}

.orderView td {
	padding: 5px 0;
	border-bottom: dashed 1px #649cbf !important;
	}

.orderView tr:last-child td {	
	border-bottom: none !important;
	}

.orderSpecials{ }
        
.orderSpecials .titleCell{
    width:80%;
    text-align:right;
    }

.orderSpecials .fieldCell{
    width:15%;
    }

.orderSpecials .th{
    background:#d8e7ef !important;
    border:none;
    }

.orderSpecials .th span{
    color:#30617F !important;    
    }

.orderSpecials .tr span{
    text-transform:uppercase;
    }




.confirmOrderWrapper {
    margin: 10px 70px;
    padding:10px 20px;
    }


.controlCell {
    margin: 5px 0; 
    }    
            
.orderConfirmed {
    width: 450px;
    }
    
    
    
.userOrderList {}

.userOrderList td {
	text-align:center;
	padding: 5px 0;
	border-bottom: dashed 1px #649cbf !important;	
	}
	
.orderEditPanel {
	margin: 10px auto;
	}	
	
.gmailNotifier { margin-bottom:10px;  border: solid 1px #751717!important;}	
.gmailNotifier .th { border: solid 1px #751717; background:#b43131 !important; }	
.gmailNotifier ul { margin-left:15px;}	
.gmailNotifier li { padding:2px 0;}