Subversion Repositories SmartDukaan

/** 
  * Author                      : Raj Kumar Bharti
  * Creation Date       : 3rd Jan 2011
  * Project             : Shop2020
  * Copyright 2010 Evon Technologies
*/

/*____ bigImgBtn class ____*/
.bigImgBtn {
        border:1px solid #c5a75f;
        background:#ffe79a url(../images/big-btn-hor-bar.jpg) repeat-x;
}

.bigImgBtn .inputBtn,
.bigImgBtn a.linkBtn{
        font-size:13px;
}

.bigImgBtn .inputBtn{
        height:26px;
}

.bigImgBtn a.linkBtn{
        padding: 3px 10px;
        text-decoration:none;
}

/*____ smallImgBtn class ____*/
.smallImgBtn{
        border:1px solid #c5a75f;
        background:#ffe79a url(../images/small-btn-hor-bar.jpg) repeat-x;
}

.smallImgBtn .inputBtn,
.smallImgBtn a.linkBtn{
        font-size:11px;
}

.smallImgBtn .inputBtn{
        height:19px;
}

.smallImgBtn a.linkBtn{
        padding: 0 10px;
        text-decoration:none;
}

/*____ bigImgBtn & smallImgBtn class common properties ____*/

.bigImgBtn, 
.smallImgBtn {
        text-align:center;
        overflow:hidden; /* IE 7 */
}

.bigImgBtn input, 
.bigImgBtn a, 
.smallImgBtn input, 
.smallImgBtn a{
        float:left;
        display:block;
}

.bigImgBtn a, 
.smallImgBtn a {
        line-height:20px !important;
}

.bigImgBtn a img, 
.smallImgBtn a  img{
        border:none;
}

.bigImgBtn   .inputBtn,
.smallImgBtn .inputBtn,
.bigImgBtn       a.linkBtn,
.smallImgBtn a.linkBtn{
        cursor: pointer;
        font-family:Arial, Helvetica, sans-serif; /* Verdana, Verdana, Geneva, sans-serif; */
        font-weight: bold;
        color:#000;
}

.bigImgBtn a.linkBtn:hover,
.smallImgBtn a.linkBtn:hover{
        color:#000;     
        text-decoration:none;
}

.bigImgBtn       .inputBtn,
.smallImgBtn .inputBtn{
        border:none;
        background:none;
        
        padding: 0 7px;
        
        padding-left:  10px\9;  /* IE 8 */
        padding-right: 10px\9;  /* IE 8 */                      
        
        overflow:visible;               /* IE 7 */
}

/* Google Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
        .smallImgBtn .inputBtn,
        .bigImgBtn .inputBtn{
                padding:0 10px;
        }
}

/*___ enable, disable & delete button class ___*/
#myAccount .imgEnableButton {
        border:1px solid #c5a75f;
        background:#ffe79a url(../images/enabledisable-button-hor-bar.jpg) repeat-x;
}

#myAccount .imgDisableButton {
        border:1px solid #bebebe;
        background:#d2d2d2 url(../images/enabledisable-button-hor-bar.jpg) repeat-x 0 -22px;
}

#myAccount .imgDeleteButton {
        border:1px solid #b39f70;
        background:#dfc982 url(../images/delete-button-hor-bar.jpg) repeat-x;
}

/*____ enable, disable & delete button class common properties ____*/

#myAccount .imgEnableButton ,
#myAccount .imgDisableButton,
#myAccount .imgDeleteButton  {
        text-align:center;
        overflow:hidden; /* IE 7 */
}

#myAccount .imgEnableButton input,
#myAccount .imgDisableButton input,
#myAccount .imgDeleteButton input{
        float:left;
        display:block;
}

#myAccount .imgEnableButton .inputBtn,
#myAccount .imgDisableButton .inputBtn,
#myAccount .imgDeleteButton .inputBtn{
        font-family:Arial, Helvetica, sans-serif; /* Verdana, Verdana, Geneva, sans-serif; */
        font-weight: bold;
        font-size:13px;
        
        height:22px;

        border:none;
        background:none;
        
        padding: 0 7px;
        
        padding-left:  10px\9;  /* IE 8 */
        padding-right: 10px\9;  /* IE 8 */                      
        
        overflow:visible;               /* IE 7 */
}

#myAccount .imgEnableButton .inputBtn,
#myAccount .imgDeleteButton .inputBtn{
        cursor: pointer;
        color:#000;
}

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

/* Google Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
        #myAccount .imgEnableButton .inputBtn,
        #myAccount .imgDisableButton .inputBtn,
        #myAccount .imgDeleteButton .inputBtn{
                padding:0 10px;
        }
}

#myAccount .buttonSpacing{margin-right:10px;}

/*___ tab buttons ___*/
#tabButton{
        margin-top:3px;
        height:24px;
}
#tabButton .tabButton1{ float:left;}
#tabButton .tabButton2 {float:right;}

#tabButton .spacing{
        float:right;
        width:12px; 
}
#tabButton .spacing2{
        float:right;
        width:3px; 
}
#tabButton .tabButton1{margin:0 10px;}
#tabButton .tabButton1 a,
#tabButton .tabButton1 span{display:block;}

#tabButton .tabButton1 a{
        color:#333;
        text-decoration:none;
        
        cursor:pointer;
        background:url(../images/tab1-btn-hor-bar.png) repeat-x;
}

#tabButton .tabButton1 a span{
        margin-left:-10px;
        background:url(../images/tab1-btn-left.png) no-repeat;
}

#tabButton .tabButton1 a span span{
        margin-right:-10px;
        background:url(../images/tab1-btn-right.png) no-repeat top right;       
        
        padding:2px 18px 0 28px;
        height:22px;
}

#tabButton .tabButton1 a:hover,
#tabButton .tabButton1 a#activeTab{
        color:#333;
        text-decoration:none;
        background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
}
#tabButton .tabButton1 a:hover span,
#tabButton .tabButton1 a#activeTab span{
        background:url(../images/tab1-btn-left.png) no-repeat 0 -24px;
}
#tabButton .tabButton1 a:hover span span,
#tabButton .tabButton1 a#activeTab span span{
        background:url(../images/tab1-btn-right.png) no-repeat 100% -24px;
}

#tabButton .tabButton2{margin:0 10px;}
#tabButton .tabButton2 a,
#tabButton .tabButton2 span{display:block;}

#tabButton .tabButton2 a{
        color:#333;
        text-decoration:none;
        
        cursor:pointer;
        background:url(../images/tab2-btn-hor-bar.png) repeat-x;
}

#tabButton .tabButton2 a span{
        margin-left:-10px;
        background:url(../images/tab2-btn-left.png) no-repeat;
}

#tabButton .tabButton2 a span span{
        margin-right:-10px;
        background:url(../images/tab2-btn-right.png) no-repeat top right;       
        
        padding:2px 18px 0 28px;
        height:22px;
}

#tabButton .tabButton2 a:hover,
#tabButton .tabButton2 a#activeTab{
        color:#333;
        text-decoration:none;
        background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
}
#tabButton .tabButton2 a:hover span,
#tabButton .tabButton2 a#activeTab span{
        background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
}
#tabButton .tabButton2 a:hover span span,
#tabButton .tabButton2 a#activeTab span span{
        background:url(../images/tab2-btn-right.png) no-repeat 100% -24px;
}