WebSVN – SmartDukaan – /trunk/Website/src/main/webapp/css/myaccount.css

/** 
  * Author                      : Raj Kumar Bharti
  * Creation Date       : 22 Nov 2010
  * Project             : Shop2020
  * Copyright 2010 Evon Technologies
*/

/*___ My Account ___*/
#myAccount {color:#333;}
#myAccount .top {
background:url(../images/my-ac-content-corner-tc.jpg) repeat-x; 
/* margin:0 -2px; */
  float:left; width:100%;/* add this line by ebizon */
}
#myAccount .top .left{background:url(../images/my-ac-content-corner-tl.jpg) no-repeat;}
#myAccount .top .right{background:url(../images/my-ac-content-corner-tr.jpg) no-repeat top right; line-height:10px;}

#myAccount .middle {
background:#fff; 
/*margin:0 -2px;*/
  float:left; width:100%;/* add this line by ebizon */
}
#myAccount .middle .left{background:url(../images/my-ac-content-corner-ml.jpg) repeat-y;}
#myAccount .middle .right{background:url(../images/my-ac-content-corner-mr.jpg) repeat-y top right; min-height:800px;}

#myAccount .bottom {
background:url(../images/my-ac-content-corner-bc.jpg) repeat-x; 
/* margin:0 -2px;*/
  float:left; width:100%;/* add this line by ebizon */
}
#myAccount .bottom .left{background:url(../images/my-ac-content-corner-bl.jpg) no-repeat;}
#myAccount .bottom .right{background:url(../images/my-ac-content-corner-br.jpg) no-repeat top right;}

/*___ My Account Nav ___*/
#myAccountNav{
        float:left;
        width:163px;
        /*
        margin-left:2px;
        */
        background-color: #E9F3F9;
        padding-top:10px;
        font-size:14px;
}

#myAccountNav ul{list-style:none;}
#myAccountNav h2{
        margin:0 0 4px 16px;
        color:#333;
        font-size:14px;
}
#myAccountNav a{
        display:block;
        padding:6px 16px;
        margin-bottom:-1px;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
}
#myAccountNav a:hover, #myAccountNav a.active{
        color:#fff;
        text-decoration:none;
        background-color:#848484;       
}

#myAccountNav .spacing{margin:40px 0 12px 16px;}

/*___ Order History ___*/

#myAccount #goBack{
border-bottom:1px solid #CCCCCC;
float:left;
padding:0 0 2px 18px;
width:505px;
margin-bottom:10px;
/*      float:right;
        width:557px;
        margin:-6px 2px 0 0;
        padding:0 0 2px 15px;
        border-bottom:1px solid #ccc;*/
}
#myAccount .content{
        float:left;
  width:537px;
        /*margin:13px 20px 0 0; */
}
#myAccount .content h1{
        font-size:18px;
        color:#030303;
        padding-left:18px;
}
#myAccount .content .note{padding:10px 0 20px 18px;} /*-- pading-left:10px bty ebizon --*/

#myAccount .content table{
        border-top:1px solid #ccc;
        border-left:1px solid #ccc;
        margin-left:5px;
}
#myAccount .content td{
        padding:7px 6px;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
}
#myAccount .content th{
        padding:7px 6px;
        text-align:left;
        background:#daf0f8;
        border-bottom:1px solid #ccc;
}
#myAccount .content .pagination{
        padding:4px 10px 4px 0;
        text-align:right;
        font-size:11px;
        color:#666;
        border:1px solid #ccc;
        border-top:none;
}
#myAccount .content .pagination a{margin:0 10px;}
#myAccount .content .pagination a.inactive{color:#666;}
#myAccount .content .borderRight{border-right:1px solid #ccc;}
#myAccount .content .price{
        float:left;
        margin-right:8px;
}
#myAccount .content img.rupee{margin-top:4px;}
#myAccount .content .totalAmount{
        padding:6px;
        font-size:14px;
        font-weight:bold;
        text-align:right;
}
#myAccount #shipmentDetails{border:1px solid #ccc;}
#myAccount #shipmentDetails h3{font-size:12px;}
#myAccount #shipmentDetails .heading{
        font-weight:bold;
        padding:5px 20px 5px 10px;
        background:#daf0f8;
}
#myAccount #shipmentDetails .heading .title{
        float:left;
        width:400px;
}
#myAccount #shipmentDetails .heading .close{
        float:right;
        width:20px;
}
#myAccount #shipmentDetails .heading .close a:hover{text-decoration:none;}
#myAccount #shipmentDetails #orderShippingAddress{border-bottom:1px solid #ccc;}

#myAccount #shipmentDetails #orderShippingAddress,
#myAccount #shipmentDetails #orderShippingStatus{padding:8px 10px;}

#myAccount #shipmentDetails #orderShippingStatus table,
#myAccount #shipmentDetails #orderShippingStatus th,
#myAccount #shipmentDetails #orderShippingStatus td{border:none;}

#myAccount #shipmentDetails #orderShippingStatus table{margin:5px 0 6px 2px;}
#myAccount #shipmentDetails #orderShippingStatus th{
        color:#900;
        background:none;
}
#myAccount #shipmentDetails #orderShippingStatus th,
#myAccount #shipmentDetails #orderShippingStatus td{padding:1px 0 0 0;}

#myAccount #orderDetail,
#myAccount #courierAWB {
/*margin:15px 0 18px 0;*/ /* commented by add by ebizon */
float:left;
margin:18px;
}

#myAccount #orderDetail dt{
float:left;
}

#myAccount div.content #paySuccess      {
        margin-left: 100px;
}
/*#myAccount #orderDetail dt, 
#myAccount #courierAWB dt{
        float:left;
        margin-right:5px;
}
#myAccount #orderDetail dd,
#myAccount #courierAWB dd{margin-bottom:5px;}

___ Account Settings ___
#myAccount #personalDetails, 
#myAccount #loginDetails{margin:30px -17px 0 -17px;}

#myAccount #personalDetails dt,
#myAccount #loginDetails dt{
        padding:0 0 2px 18px;
        color:#666;
        border-bottom:1px solid #ccc;
}
#myAccount #personalDetails dd,
#myAccount #loginDetails dd{margin:10px 0 30px 140px;}

#myAccount #loginDetails dd dl{margin-left:-140px;}
#myAccount #loginDetails dd dl dt{
        float:left;
        margin-top:2px;
        padding:0;
        width:135px;
        color:#333;
        text-align:right;
        border:none;
}
#myAccount #loginDetails dd dl dd{margin:0 0 10px 140px;}
*/
#myAccount #loginDetails #registeredUserFacebook{margin-top:45px;}
#myAccount #loginDetails #registeredUserFacebook dt{
        float:left;
        width:115px;
        text-align:right;
        border:none;
}
#myAccount #loginDetails #registeredUserFacebook .style4{/*margin-top:-20px;*/}
#myAccount #personalDetails .noBorder,
#myAccount #loginDetails .noBorder{border:none;}

#myAccount #personalDetails select.selectWidth1{
        width:90px;
        height:19px;
        padding-bottom:1px;
        border:none;
        background:url(../images/month.png) no-repeat;
}
#myAccount #personalDetails select.selectWidth2{
        width:72px;
        height:19px;
        padding-bottom:1px;
        border:none;
        background:url(../images/yearanddate.png) no-repeat;
}

#myAccount #personalDetails .blockLeft,
#myAccount #loginDetails .blockLeft{
        float:left;
        /*width:230px;*/
}
#myAccount #personalDetails .blockRight,
#myAccount #loginDetails .blockRight{
        float:left;
        width:170px;
  margin-top:5px;
}
#myAccount #personalDetails .style1,
#myAccount #loginDetails .style1{
        margin-left:10px;
        font-size:11px;
        line-height:15px;
        color:#666;
}
#myAccount #personalDetails .style2,
#myAccount #loginDetails .style2{
        margin-left:5px;
        line-height:18px;
        color:#333;
}
#myAccount #personalDetails .style2 .spacing{height:18px;}
#myAccount #loginDetails .style3{padding-left:10px; font-size:11px;}

#myAccount #personalDetails .captcha,
#myAccount #loginDetails .captcha{
        width:225px;
        margin-bottom:10px;
        border:1px solid #ccc;
}

#myAccount #shippingAddress {/*margin:20px -15px 20px 0;*/}
#myAccount #shippingAddress h2{
        margin-bottom:5px;
        font-size:14px;
        color:#000;
  padding-left:18px; /* add margin by ebizon*/
}
#myAccount #shippingAddress h3{
        margin-bottom:5px;
        font-size:12px;
        color:#000;
  padding-left:18px; /* add margin by ebizon*/
}

#myAccount #shippingAddress .borderBottom1{
        /*margin:30px -2px -10px -17px;*/
        /* border-top:1px solid #CCCCCC; */
        border-bottom:1px solid #CCCCCC;
float:left;
height:1px;
margin-bottom:10px;
margin-top:5px;
width:100%;
}
#myAccount #shippingAddress .borderBottom2{
        /*margin:5px -2px -10px -17px;
        border-top:1px solid #ccc; */
}

/* #myAccount #shippingAddress .form-button-outer{ margin-top:-25px; margin-right:10px; float:left;} */
#myAccount #shippingAddress .addressWidth{float:right; /*width:120px; margin-right:10px;*/  } /* add margin-right by ebizon*/
/* #myAccount #shippingAddress .priAddressWidth{float:right; width:187px; } */
#myAccount #shippingAddress .deleteWidth{float:right;  }
#myAccount #shippingAddress .savePriAddressWidth{float:left; width:250px;}
#myAccount #shippingAddress .spacing{
        margin-bottom:35px;
        line-height:20px;
}

#myAccount #shippingAddress #addNewAddress dl{margin:25px 0;}
#myAccount #shippingAddress #addNewAddress dt{
        float:left;
        width:110px;
        margin-top:2px;
        text-align:right;
}
#myAccount #shippingAddress #addNewAddress dd{margin:0 0 8px 120px;}
#myAccount #shippingAddress #addNewAddress .spacing{
        height:10px;
        margin:0;
}
#myAccount #shippingAddress #addNewAddress .selectWidth{
        /*background:url(../images/c.png) no-repeat; 
        width:132px; 
        height:19px;
        border:none;  by ebizon */
        padding-bottom:1px;
}
/* add by ebizon */

#myaccountFormShippingAddress .addressContainer {
float:left;
padding-left:18px;
width:510px;
}
#myaccountFormShippingAddress .address-container-inner {
position:relative;
margin-bottom:35px;
}
#orderShippingAddress {
float:left;
margin:0 18px;
width:531px;
}
.addressButton {
bottom:0;
position:absolute;
right:10px;
}
.primary-address-container-inner.address-container-inner{
margin-bottom:0px !important;
}
#orderDetail{
float:left;
width:531px;
margin-left:18px;
}
#orderDetail .orderDetail-left,
#courierAWB .orderDetail-left {
float:left;
clear:left;
margin-bottom:5px;
}
#orderDetail .orderDetail-right,
#courierAWB .orderDetail-right {
float:left;
margin-bottom:5px;
}
#myAccount .content table.myaccount-orders {
width:400px;
}

/* end  ebizon */


/*#myAccount .imgTextBox {
        height:27px;
        width:227px;
        background:url(../images/textbox2-hor-bar.jpg) repeat-x;
}
#myAccount .imgTextBox .left{background:url(../images/textbox2-left.jpg) no-repeat;}
#myAccount .imgTextBox .right{padding:0 5px; background:url(../images/textbox2-right.jpg) no-repeat top right; min-height:27px;}
#myAccount .imgTextBox .textbox{
        width:100%;
        padding:4px 0;
        font-size:14px;
        border:none;
        background:none;
}

#myAccount .imgEnableButton {
        height:24px;
        margin-right:10px;
        background:url(../images/enabledisable-button-hor-bar.jpg) repeat-x;
}
#myAccount .imgEnableButton .left{background:url(../images/enabledisable-button-left.jpg) no-repeat;}
#myAccount .imgEnableButton .right{background:url(../images/enabledisable-button-right.jpg) no-repeat top right; min-height:24px;}

#myAccount .imgDisableButton {
        height:24px;
        margin-right:10px;
        background:url(../images/enabledisable-button-hor-bar.jpg) repeat-x 0 -24px;
}
#myAccount .imgDisableButton .left{background:url(../images/enabledisable-button-left.jpg) no-repeat 0 -24px;}
#myAccount .imgDisableButton .right{background:url(../images/enabledisable-button-right.jpg) no-repeat 100% -24px; min-height:24px;}

#myAccount .imgDeleteButton {
        height:24px;
        margin-right:10px;
        background:url(../images/delete-button-hor-bar.jpg) repeat-x;
}
#myAccount .imgDeleteButton .left{background:url(../images/delete-button-left.jpg) no-repeat;}
#myAccount .imgDeleteButton .right{background:url(../images/delete-button-right.jpg) no-repeat top right; min-height:24px;}
*/
/*#myAccount .imgEnableButton .button,
#myAccount .imgDisableButton .button,
#myAccount .imgDeleteButton .button{
        cursor:pointer;
        width:100%;
        margin-top:2px;
        font-weight:bold;
        text-align:center;
        border:none;
        background:none;
}

#myAccount .imgEnableButton .button,
#myAccount .imgDeleteButton .button {color:#000;}

#myAccount .imgDisableButton .button {color:#666; cursor:default;}

#myAccount .enableDisableBtnWidth1{float:left; width:64px;}
#myAccount .enableDisableBtnWidth2{float:left; width:75px;}
*/
/*.imgDisableButton .button {

}
#myAccount .required{color:#f00;}
#myAccount .greyColor{color:#666;}

#myAccount .noAddress1{margin-bottom:-10px; padding-top:10px;}
#myAccount .noAddress2{padding:10px 0;}

.form-item {
        margin-bottom: 1px solid #cccccc;
}*/
Subversion Repositories SmartDukaan

(root)/trunk/Website/src/main/webapp/css/myaccount.css – Rev 4126
