.toolbar { 
	flow:horizontal; 
	float:left;
	width:max-intrinsic; 
	height:30px;
	overflow:hidden;
	margin:4px 0px 0px 9px;
}
  
.toolbar .button 
{ 
    width:max-intrinsic; 
	height:16px; 
    padding:3px 7px; 
	margin:1px;
    border:1px solid transparent;
	white-space:nowrap;
	font:system; 
	font-size:12px;
	line-height:16px; 
	background-image:none; 
	color:#444444;
}
.toolbar .button:not([type]){
	behavior:~clickable;
}
.toolbar .button img{
	vertical-align:middle; 
	margin:0 3px 0 0;
}
.toolbar .button:disabled img{ 
    foreground-image-transformation:colorize(graytext);  
}
.toolbar .button:disabled { 
    color:#939393;  
}
.toolbar .button:hover 
{ 
    background-color:transparent; 
	background: url(images/frame-btn.png); 
	background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom; 
	background-position: 4px 4px 4px 4px;
}
.toolbar .button:active 
{ 
    padding:4px 6px 2px 8px; 
    background-color:transparent; 
	background: url(images/frame-btn-selected.png);
	background-position: 4px 4px 4px 4px;
	background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom; 
}
.toolbar  spring { width:100%%; }
.toolbar .divider {
    padding:0;
    margin:0;
    border-top: solid 1px #DDE3D0;
    border-left: solid 1px #DDE3D0;
    border-right: solid 1px #F5FCF0;
    border-bottom: solid 1px #F5FCF0;
}
.toolbar .vdivider {
    padding:0;
    margin:2px;
    border-top: solid 1px #DDE3D0;
    border-left: solid 1px #DDE3D0;
    border-right: solid 1px #F5FCF0;
    border-bottom: solid 1px #F5FCF0;
    width:0;
    height:100%%;
}

@set split-button{
	:root{  
		flow: horizontal;  
		width:min-intrinsic;   
		height:16px; 
		padding:0; 
		margin:1px;
		border:1px solid transparent;
		white-space:nowrap;
		font:system; 
		font-size:12px;
		line-height:16px; 
		background-image:none; 
	} 
	:root:disabled{
		background-image:url(theme:toolbar-button-disabled);  
	} 
	:root img{
		vertical-align:middle;
	}
	:root:disabled img{
	    foreground-image-transformation:colorize(graytext);  
	}
	:root > caption{ 
		behavior: clickable;
		background-image:none;
		background-position: 4px 0px 4px 4px;
		background-repeat: expand stretch-top stretch-left stretch-middle stretch-bottom; 
		color:#444444;
		cursor:default;
	    white-space: nowrap;
		height:16px; 
		padding:3px 7px; 
		font:system; 
		font-size:12px;
		line-height:16px; 
		width:*; 
	}
	:root:disabled > caption{
		color:#939393;  
	}
	:root > .dropdown { 
		behavior: clickable popup-menu; 
		foreground-image:url(images/split-button-dd.png);
		foreground-repeat:no-repeat;
		foreground-position: 50% 40%;
		background-position: 3px 4px 3px 0px;
		background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
		width:18px;
		height:*; 
		color:#444444;
	}  
	:root:disabled  > .dropdown{
		color:#939393;
		foreground-image-transformation:colorize(graytext);  
	}
	:root:hover > caption{  
		background-image:url(images/split-button-hover.png); 
	}
	:root:hover > .dropdown {  
		background-image:url(images/split-button-dd-hover.png);
	}
	:root > caption:active { 
		background-image:url(images/split-button-active.png); 
	}
	:root .dropdown:active  { 
		background-image:url(images/split-button-dd-active.png);
	} 
	:root:checked > caption { 
		background-image:url(theme:toolbar-split-button-checked); 
	}
	:root:checked .dropdown  { 
		background-image:url(theme:toolbar-split-dd-button-checked);
	}
	:root:checked:hover > caption { 
		background-image:url(theme:toolbar-split-button-checked-hover); 
	}
	:root:checked:hover .dropdown  { 
		background-image:url(theme:toolbar-split-dd-button-checked-hover);
	}
}
widget[type="split-button"],
input[type="split-button"]{  
	style-set:split-button;
}

.panel-top  .search-box { 
	width:248px;
	height:28px;
	overflow:hidden;
	float:right;
	background: url(images/search.png);
	background-position: 4px 35px 5px 17px;
	background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
	
	margin:3px 15px 0px 0px;
}

.panel-top .search-box .search-txt {
	float:left;
	width:205px;
	height:18px;
	overflow:hidden;
	line-height:18px;
	margin:2px 0px 0px 10px;
	border:none;
	background:none;
	color:#333;
}

.panel-top .search-box  .search-sub {
	width:8px;
	height:20px;
	overflow:hidden;
	cursor:pointer;
	background:none;
}