@import "config.less";


.ui-option-header {
    overflow: hidden;
    background : @color_optionheader_Background;
}

.ui-option-header-1-row {
    height: 106 * @unit_base;
    border: none;
}
.ui-option-header-2-row {
    height: 196 * @unit_base;
    border: none;
}

.ui-option-header-row-1 {
    height : 106 * @unit_base;
}
.ui-option-header-row-2 {
    height: 196 * @unit_base;
    margin-top: -2px;
    padding: 0 * @unit_base 5 * @unit_base 6 * @unit_base 5 * @unit_base;
    
    div {
	    margin-top: 5 * @unit_base;
	    margin-bottom: 5 * @unit_base;
	}
}

.ui-option-header .ui-btn {
    display: block;
    margin: 3 * @unit_base 5 * @unit_base 5 * @unit_base 5 * @unit_base;
}

.ui-option-header .ui-input-search .ui-btn {
	display : none;
}	
	
.ui-option-header .ui-btn-text {
    line-height: 34 * @unit_base;
    font-weight: bold;
}
.ui-option-header {
	.ui-btn-down-s.ui-btn-hover-s .ui-btn-inner,
	.ui-btn-down-s .ui-btn-inner {
		background : @color_optionheader_bt_press;
	}
	.ui-btn-hover-s .ui-btn-inner,
	.ui-btn-up-s .ui-btn-inner {
		background : @color_optionheader_bt;
	}

	.ui-btn-inner {
	    padding-top: 6 * @unit_base;
	    padding-bottom: 6 * @unit_base;
		color 		: @color_optionheader_tab_text;	    
	}	
}

.ui-option-header .ui-controlgroup-horizontal .ui-btn {
    display: inline-block !important;
    margin: -3 * @unit_base !important;
}
.ui-option-header .ui-controlgroup,
.ui-option-header fieldset.ui-controlgroup {
    margin-bottom: 0px !important;
}
.ui-option-header .ui-controlgroup-horizontal .ui-corner-left {
    margin-left: 5 * @unit_base !important;
}
.ui-option-header .ui-controlgroup-horizontal .ui-corner-right {
    margin-right: 5 * @unit_base !important;
}

.ui-option-header-triangle-arrow {
  top: -12 * @unit_base;
  height:10 * @unit_base;
  width:100%;
  position:relative;
  margin-bottom: -10 * @unit_base;
}

.ui-header.ui-option-header-resizing {
	.ui-option-header {
		.ui-btn {
			background : transparent;
			border : none;
			width : 100%;	
			top : 16 * @unit_base;		
			.ui-btn-inner {
				width : 92%;
				padding : 0.66em 0px 0.66em;
				margin : 0px auto;
			}
		}
		.input-search-bar .ui-btn {
			width : 28%; /* 134  * @unit_base; */
		}
	}
}
/*
.ui-triangle {
  color : @color_optionheader_Background; 

  position: absolute;
  bottom: 0px;
  border-style: solid;
	
	margin-left : -10 * @unit_base;

	border-left-width : 10 * @unit_base;
	border-top-width : 0 * @unit_base;
	border-right-width :10 * @unit_base;
	border-bottom-width : 10 * @unit_base;
	border-bottom-color : @color_optionheader_Background;
}
*/
.ui-triangle-image{
	background-image: url(images/00_winset_control_top_arrow.png); 
	background-size:  100% 100%;

	position : absolute;
	width: 28 * @unit_base;
	height : 24 * @unit_base;
	left : 50%;
}
	
.ui-btn-up-s, .ui-btn-hover-s {
	.ui-icon-optiontray	{
		background-size:  100% 100%;
		background-image: url(images/00_winset_more.png);
	}
}
.ui-btn-down-s {
	.ui-icon-optiontray	{
		background-size:  100% 100%;
		background-image: url(images/00_winset_more_press.png);
	}
}

.ui-header {
	.ui-btn{
		.ui-btn-icon-only {
			padding : 0 0 0 0;
			height : 100%;
			.ui-icon-optiontray	{
				width: 56 * @unit_base;
				height : 56 * @unit_base;

				left : 30 * @unit_base;
			}
		}
	}
}