/* begin i-button layout define */
.i-button {
cursor: default;
outline: none;
display: inline-block;
text-align: left;
-moz-user-select: none;
}

/* fix IE6/7 unsupport inline-block issue */
.i-button {
*display: inline;
}

.i-button .i-button-left,
.i-button .i-button-right {
float: inherit;
float: left;
overflow: hidden;
}

.i-button .i-button-icon {
float: left;
}
/* end i-button layout define */


/*
* CAUTION: IF EXSIT BELOW DEFINITIONS, BE KEEP IN ORDER
* hover, focus, active, disabled
*
* "i-button-default" style class must be defined.
* It is used for iButton className binding and dialog button binding by default.
*/
.i-button-default {
cursor: pointer;
}

.i-button-default .i-button-left,
.i-button-default .i-button-right {
height: 25px;
background-image: url('http://js6.pp.sohu.com.cn//core/js/jquery/ibutton/mall/ibutton.gif');
}

.i-button-default .i-button-left {
padding-left: 20px;
background-position: 0 0;
}

.i-button-default .i-button-right {
padding-right: 20px;
background-position: -180px 0;
}

.i-button-default .i-button-left-hover {
background-position: -200px 0;
}

.i-button-default .i-button-right-hover {
background-position: -380px 0;
}

.i-button-default .i-button-left-active {
background-position: -400px 0;
}

.i-button-default .i-button-right-active {
background-position: -580px 0;
}

.i-button-default .i-button-text {
color: #d84600;
font-size: 12px;
line-height: 17px;
padding-top: 5px;
}
/* jquery dialog */
.jquery-dialog-mask-color,
.jquery-dialog-mask-transparent {
position: fixed;
text-align: left;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

.jquery-dialog-mask-color,
.jquery-dialog-mask-transparent {
background: url('http://js6.pp.sohu.com.cn//core/js/jquery/dialog/mall/mask.png');
}

.jquery-dialog {
text-align: left;
}

.dialog-outer-fixed {
position: fixed;
}

.dialog-outer-absolute {
position: absolute;
}

.jquery-dialog-mask,
.jquery-dialog {
z-index: 212122000;
}

.jquery-dialog .dialog-top-container,
.jquery-dialog .dialog-bottom-container {
height: 5px;
}

.jquery-dialog .dialog-top-border,
.jquery-dialog .dialog-bottom-border,
.jquery-dialog .dialog-left-border,
.jquery-dialog .dialog-right-border,
.jquery-dialog .dialog-top-left-corner,
.jquery-dialog .dialog-top-right-corner,
.jquery-dialog .dialog-bottom-left-corner,
.jquery-dialog .dialog-bottom-right-corner {
opacity: 0.60;
filter: alpha(opacity=60);
font-size: 0;
line-height: 0;
float: inherit;
float: left;
background: #dcd0ba;
}

.jquery-dialog .dialog-top-border,
.jquery-dialog .dialog-bottom-border {
height: 5px;
}

.jquery-dialog .dialog-left-border,
.jquery-dialog .dialog-right-border {
width: 5px;
}

.jquery-dialog .dialog-top-left-corner,
.jquery-dialog .dialog-top-right-corner,
.jquery-dialog .dialog-bottom-left-corner,
.jquery-dialog .dialog-bottom-right-corner {
width: 5px;
height: 5px;
}

.jquery-dialog .dialog-inner-container {
float: left;
background: #fff;
border: 1px solid #c9b89a;
}

.jquery-dialog .dialog-title-container {
padding: 0;
height: 28px;
background-color: #f1ece4;
overflow: hidden;
}

.jquery-dialog .dialog-title {
float: left;
height: 21px;
line-height: 15px;
font-weight: bold;
padding: 7px 8px 0 8px;
color: #333;
overflow: hidden;
}

.jquery-dialog .dialog-button-close {
float: inherit;
float: right;
font-size: 0;
line-height: 0;
margin: 7px 8px 0 0;
width: 13px;
height: 13px;
overflow: hidden;
background-image: url('http://js6.pp.sohu.com.cn//core/js/jquery/dialog/mall/dialog.gif');
background-position: 0 0;
cursor: pointer;
}

.jquery-dialog .dialog-button-close-hover {
background-position: -13px 0;
}

.jquery-dialog .dialog-button-container {
text-align: center;
padding: 15px 0 20px 0;
}

.jquery-dialog .dialog-button-container .dialog-button-accept,
.jquery-dialog .dialog-button-container .dialog-button-cancel {
margin-left: 5px;
margin-right: 5px;
}

/* below two style rules are very important */
/* they can grow with children, and they can be restricted by another "width" style also */
.jquery-dialog .dialog-content-container {
overflow: hidden;
display: inline-block;
}

.jquery-dialog .dialog-content-container {
*display: inline;
}

/* jquery inform, jquery alert, jquery confirm */
.jquery-inform .dialog-content-container,
.jquery-alert .dialog-content-container,
.jquery-confirm .dialog-content-container {
padding: 20px 20px 0 20px;
font-size: 14px;
font-weight: normal;
color: #333;
}

.jquery-inform .dialog-content-container {
padding-bottom: 20px;
}

/* inside tip style definition with jquery dialog */
.jquery-tip .dialog-title-container {
display: none;
}

.jquery-tip .dialog-tip-arrow {
z-Index: 1;
position: absolute;
background: url('http://js6.pp.sohu.com.cn//core/js/jquery/dialog/mall/dialog.gif');
}

.jquery-tip .dialog-tip-arrow-up,
.jquery-tip .dialog-tip-arrow-down {
width: 16px;
height: 9px;
left: 50px;
}

.jquery-tip .dialog-tip-arrow-left,
.jquery-tip .dialog-tip-arrow-right {
height: 16px;
width: 9px;
top: 50px;
}

.jquery-tip .dialog-tip-arrow-up {
top: -3px;
background-position: -40px 0;
}

.jquery-tip .dialog-tip-arrow-down {
bottom: -3px;
background-position: -60px 0;
}

.jquery-tip .dialog-tip-arrow-left {
left: -3px;
background-position: -80px 0;
}

.jquery-tip .dialog-tip-arrow-right {
right: -3px;
background-position: -90px 0;
}