.ux-commit-text {
	color: #FFD800 !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

.ux-commit-text:hover {
	text-decoration: underline !important;
}

/* logo的背景色與圖  */
.LogoPanel .x-panel-body{
	background-color: #FFFFFF !important;
	background-image: url("../../images/load.php?src=common/logo_index.png") !important;
	background-repeat: no-repeat;
}
/* 主選單的下方横條的背景色 */
.MenuBar .x-panel-body-default {
	background-color: #FFD800;
}

/* 主選單的背景色  */
.MenuPanel .x-tab-bar .x-box-inner {
	background-color: #FFFFFF;
	height: 57px !important;
}
/* 主選單按鈕選背景色  */
.MenuPanel .x-tab-default-top,
.x-tab-default-left,
.x-tab-default-right {
  border-bottom: 0px;
  border-color: #999999;
  background-image: none;
  background-color: #dcdcdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* 主選單按鈕背滑過背景色  */
.MenuPanel
.x-tab-default-top-over,
.x-tab-default-left-over,
.x-tab-default-right-over {
  background-image: none;
  background-color: #f2eeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
}

/* 主選單按鈕的顏色 */
.MenuPanel .x-tab-default-top-active,
.x-tab-default-left-active,
.x-tab-default-right-active {
  border-bottom: 0px;
  border-color:  #F1B500;
  background-image: none;
  background-color: #FFD800;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFF8B0), color-stop(100%, #FFD800));
  background-image: -webkit-linear-gradient(top, #FFF8B0, #FFD800);
  background-image: -moz-linear-gradient(top, #FFF8B0, #FFD800);
  background-image: -o-linear-gradient(top, #FFF8B0, #FFD800);  
  background-image: linear-gradient(to bottom, #FFF8B0  0%, #FFD800 100%) !important; /* W3C */
}

.MenuPanel .x-tab-bar-default-top{
	padding : 0;
}

/* 主選單左右横移按鈕-star */
.MenuPanel
.x-tab-bar-default-top {
  background-image: none;
  background-color: #FFFFFF;
}

.MenuPanel
.x-box-scroller-left,
.x-box-scroller-right {
  float: left;
  height: 92%;
  z-index: 5;
}

.MenuPanel
.x-tab-bar-default .x-tabbar-scroll-left,
.x-tab-bar-default .x-tabbar-scroll-right {
  height: 56px;
  width: 20px;
}

.MenuPanel
.x-tab-bar-default-top .x-tabbar-scroll-left {
  background-image: url("../../images/common/index-menu-scroll-left-top.png")  !important;
}

.MenuPanel
.x-tab-bar-default-top .x-tabbar-scroll-right {
  background-image: url("../../images/common/index-menu-scroll-right-top.png")  !important;
}

.MenuPanel
.x-tab-bar-default .x-tabbar-scroll-left-hover,
.x-tab-bar-default .x-tabbar-scroll-right-hover {
  background-position: -20px 0;
}

.MenuPanel
.x-tab-bar-default .x-box-scroller-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: default;
}
/* 主選單左右横移按鈕-end */

/* 主選單與上頭bar的距離 */
.MainPanel {
	top:9px !important;
}

.MainPanel .x-tab-default .x-tab-icon-el {
	height: 28px !important;
	width: 28px !important;
}

.MainPanel .x-tab-icon-el {
	left: 26px !important;
	top: 2px !important;
}

.MainPanel .x-tab-default-icon-text-left .x-tab-inner {
	padding-left: 0px !important;
}

.MainPanel .x-tab-bar-strip-default-top {
  border-width: 1px 0 0 0;
  height: 7px;
}

.MainPanel .x-tab-bar-strip {
  position: absolute;
  line-height: 0;
  font-size: 0;
  z-index: 1;
}

.MainPanel .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #FFD800;
  background-color: #FFD800;
}

.MainPanel .x-tab-default .x-tab-inner {
  font-size: 14px !important;
  font-weight: normal !important;
  color:  #666666 !important;
  padding-top: 18px !important;
}

.MainPanel .x-tab-default-active .x-tab-inner {
  color: #000000 !important;  
  font-weight: bold !important;
}

/* 次選單的背景色  */
.CategoryPanel .x-tab-bar .x-box-inner {
	background-color: #F2F2F2;
	height: 33px !important;
}
/* 次選單鈕扭按下的顏色 */
.CategoryPanel .x-btn-default-large-menu-active,
.x-btn-default-large-pressed {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #FFD800;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFD800), color-stop(100%, #FFF8B0));
  background-image: -webkit-linear-gradient(top, #FFD800, #FFF8B0);
  background-image: -moz-linear-gradient(top, #FFD800, #FFF8B0);
  background-image: -o-linear-gradient(top, #FFD800, #FFF8B0);
  background-image: linear-gradient(to bottom, #FFD800  0%, #FFF8B0 100%) !important; /* W3C */
}

.CategoryPanel .x-nlg .x-btn-default-large-menu-active,
.x-nlg .x-btn-default-large-pressed {
  background-repeat: repeat-x;
  background-image: none;
}

.CategoryPanel .x-btn-default-large-pressed .x-btn-inner-left {
	font-size: 13px !important;
	font-weight: bold !important;
	color: #000000 !important;
}

.CategoryPanel .x-btn-default-large .x-btn-inner {
  font-size: 12px !important;
  color: #000000 !important;
}

.CategoryButton2{
	border-top-width:0px !important;
	border-color: #999999 !important;
}

.CategoryButton1{
	border-top-width:1px !important;
	border-color: #999999 !important;
}

.CategoryPanel .x-btn-default-large-icon-text-left .x-btn-icon-el {
  width: 22px;
  left: 4px;
}

.CategoryPanel .x-btn-inner-left {
  text-align: left;
  text-overflow : ellipsis;
}


.CategoryPanel
.x-btn-default-large {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  border-radius: 0px !important;
}

.CategoryPanel
.x-btn-default-large {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #F2F2F2;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F2F2F2), color-stop(100%, #F2F2F2));
  background-image: -webkit-linear-gradient(top, #F2F2F2, #F2F2F2);
  background-image: -moz-linear-gradient(top, #F2F2F2, #F2F2F2);
  background-image: -o-linear-gradient(top, #F2F2F2, #F2F2F2);
  background-image: linear-gradient(to bottom, #F2F2F2, #F2F2F2);
}

.CategoryPanel
.x-btn-default-large-over {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e9e9e9));
  background-image: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -o-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: linear-gradient(to bottom, #fbfbfb, #e9e9e9);
}

/* 最上方bar的背景色與字體大小與字體顏色 */
.headerToolbar{
  border-color: #131313;
  border-width: 1px;
  background-image: none;
  background-color: #131313;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6E6E6E), color-stop(100%, #131313) );
  background-image: -webkit-linear-gradient(top, #6E6E6E 0%, #131313 100%); /* Chrome10+,Safari5.1+ */
  background-image: -moz-linear-gradient(top, #6E6E6E 0%, #131313 100%);
  background-image: -o-linear-gradient(top, #6E6E6E 0%, #131313 100%); /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #6E6E6E 0%, #131313 100%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#6E6E6E',	endColorstr='#131313', GradientType=0 ); /* IE6-9 */
  color: #E6E6E6;
  font: bold 13px Arial, Helvetica, sans-serif;
}


/* line 174, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.UserName .x-btn-default-toolbar-small-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-small-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-small-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}

.UserName  .x-btn-arrow {
  background-image: url(../../images/10x10/arrow-white.gif);
}