/******************************************
* btn
*******************************************/ 
.btn { -moz-user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; cursor:pointer; display:inline-block; line-height:19px; font-weight:normal; padding:2px 8px; text-align:center; vertical-align:middle; white-space:nowrap;}
a.btn:hover{ text-decoration:none;}

.btn_white{ background-color:#fff; border-color:#ccc; color:#333;}
.btn_white:hover{ background-color:#f6f6f6;}
a.btn_white{ color:#333;}

.btn_blue{ background-color:#428bca; border-color:#357ebd; color:#fff;}
.btn_blue:hover{ background-color:#3276b1;}
a.btn_blue{ color:#fff;}

.btn_orange{ background-color:#f0ad4e; border-color:#eea236; color:#fff;}
.btn_orange:hover{ background-color:#ed9c28;}
a.btn_orange{ color:#fff;}

.btn_green{ background-color:#5cb85c; border-color:#4cae4c; color:#fff;}
.btn_green:hover{ background-color:#47a447;}
a.btn_green{ color:#fff;}

.btn_red{ background-color:#d9534f; border-color:#d43f3a; color:#fff;}
.btn_red:hover{ background-color:#d2322d;}
a.btn_red{ color:#fff;}

.btn_gry{ background-color:#888; border-color:#444; color:#fff;}
.btn_gry:hover{ background-color:#333;}
a.btn_gry{ color:#fff;}

.btn_lg{border-radius:6px; font-size:14px; line-height:25px; padding:4px 8px;}

.btn_disabled{ background-color:#fff; border-color:#ccc; color:#ccc;}

.btn_block{ display: block; width: 100%; padding-right: 0; padding-left: 0;}

.btn_group{ display:inline-block; vertical-align:middle;}
.btn_group > .btn{ float:left;}
.btn_group > .btn:first-child{ border-bottom-right-radius:0; border-top-right-radius:0;}
.btn_group > .btn:last-child{ border-bottom-left-radius:0; border-top-left-radius: 0; border-left:0;}
.btn_group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle){ border-radius: 0; border-left:0;}


.btn_shopcart{ border-color:#d43f3a; background-color:#d9534f; color:#fff; background-image:url(../images/shopcart.png); background-position:10px 2px; background-repeat:no-repeat; padding-left:30px;}
.btn_shopcart:hover{ background-color:#d2322d;}
a.btn_shopcart{ color:#fff;}
.btn_shopcart_disabled{ background-color:#fff; border-color:#ccc; color:#ccc; background-image:url(../images/shopcart.png); background-position:10px -31px;}


/******************************************
* alert
*******************************************/ 
.alert { border:1px solid transparent; border-radius:4px; margin-bottom:20px; padding: 15px;}
.alert_white{ background-color: #fff; border-color: #ddd; color:#333;}
.alert_ash{ background-color: #f3f3f3; border-color:#ddd; color:#333;}
.alert_orange{ background-color: #fcf8e3; border-color: #faebcc; color:#8a6d3b;}
.alert_red{ background-color: #f2dede; border-color: #ebccd1; color:#a94442;}
.alert_green{ background-color: #dff0d8; border-color: #d6e9c6; color:#3c763d;}


/******************************************
* progress
*******************************************/ 
.progress{ background-color: #f5f5f5; border-radius: 4px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden;}
.progress_bar{ background-color:#428bca; box-shadow:0 -1px 0 rgba(0,0,0,0.15) inset; color:#fff; float:left; font-size:12px; height:100%; line-height:20px; text-align:center; transition:width 0.6s ease 0s; width:0;}
.progress_bar_red{ background-color: #d9534f;}
.progress_bar_orange{ background-color: #f0ad4e; }
.progress_bar_blue{ background-color: #5bc0de;}
.progress_bar_green{ background-color: #5cb85c;}


/******************************************
* badge
*******************************************/ 
.badge { background-color:#999; border-radius:10px; color:#fff; display:inline-block; font-size:12px; font-weight:bold; min-width:10px; padding:0px 4px; text-align:center; vertical-align:baseline; white-space:nowrap;}


/******************************************
* panel
*******************************************/
.panel{ margin-bottom:15px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.panel_bottom{ border-radius:0 0 4px 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.panel_top{ border-radius:4px 4px 0 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.panel_left{ border-radius:4px 0 0 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.panel_right{ border-radius:0 4px 4px 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.panel_white{ border-color: #ddd;}
.panel_heading {padding:6px 14px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; color: #333; background-color: #f5f5f5; border-color: #ddd; font-size:14px; text-align:left;}


/******************************************
* img
*******************************************/
.img_circle{ border-radius:50%;}
.img_limit img{ max-width:600px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<600?"600px":"");overflow:hidden;}


/******************************************
* breadcrumb
*******************************************/
.breadcrumb > li + li:before { color: #ccc; content: "/ "; padding: 0 5px;}