


// -----------------------------------------------------------------------------------------------
// DeviceUpdater Tool Skin
// -----------------------------------------------------------------------------------------------


// -----------------------------------------------------------------------------------------------
// Colors
// -----------------------------------------------------------------------------------------------

@define $colorBlack					rgb( 0, 0, 0 );				//basic colors
@define $colorWhite 				rgb( 255, 255, 255 );

@define $colorBackground			rgb( 242, 242, 242 );

@define $colorButtonFont			rgba( 16, 35, 49, 230 );	//button colors
@define $colorButtonFontOver		rgb( 70, 100, 122 );
@define $colorButtonFontDisabled	rgb( 182, 195, 203 );

@define $colorNavi					rgba( 10, 20, 26, 230 );	//tab colors
@define $colorNaviDisabled			rgba( 10, 20, 26, 76 );
@define $colorNaviOver				rgb( 103, 110, 115 );

@define $colorHeadline				rgba( 22, 52, 74, 230 );

@define $colorLabel					rgba( 10, 20, 26, 230 );


// -----------------------------------------------------------------------------------------------
// Fonts
// -----------------------------------------------------------------------------------------------

@define $fontRaldoId        		url( "raldo.ttf" );
@define $fontButtonSize				13;
@define $fontLabelSize				12;
@define $fontOverlaySize			12;


// -----------------------------------------------------------------------------------------------
// Graphics
// -----------------------------------------------------------------------------------------------

@define $iconBigStatus				url( "Icon_Big_Status.png" );
@define $iconSmallStatus			url( "Icon_Small_Status.png" );


// -----------------------------------------------------------------------------------------------
// Bar
// -----------------------------------------------------------------------------------------------

DeviceUpdaterMainWidget
{
	background-color: $colorBackground;
	width: 807px;
	height: 357px;
}


// -----------------------------------------------------------------------------------------------

Bar.DataPanel
{
 	image: url( "Bg_Content.png" );
	fixed: 6px; 
	margin: 10px;
	picture-includes-margin: true;
	spacing: 9px;  
}


// -----------------------------------------------------------------------------------------------

Bar#Row
{
	outer-margin-left: 9px;
	spacing: 9px;
}

// -----------------------------------------------------------------------------------------------

Bar#Body
{
	fixed-left: 3;
	fixed-top: 3;
	fixed-right: 3;
	fixed-bottom: 3;
	height: 80px;
}


// -----------------------------------------------------------------------------------------------

Bar#DeviceUpdaterTitlePanel
{
	image: url( "Bg_Header.png" );
	outer-margin: 9px;
}
// -----------------------------------------------------------------------------------------------

Bar#DeviceUpdaterBodyPanel
{
	background-color: $colorBackground;
	height: 292px;
	outer-margin-left: 9px;
	outer-margin-right: 9px;
	outer-margin-bottom: 9px;
}


// -----------------------------------------------------------------------------------------------

Bar#DeviceUpdaterBodyPanelLeft
{
	image: url( "Bg_Navi.png" );
	fixed-left: 1; 
	fixed-right: 4; 
	fixed-top: 4; 
	fixed-bottom: 4; 
	spacing: 3px;
	width: 183px;
}


// ---------------------------------------------------------------------------------BodyPanelRight

Bar#DeviceUpdaterBodyPanelRight
{
	image: url( "Bg_Inner.png" );
	fixed-left: 1; 
	fixed-right: 4; 
	fixed-top: 4; 
	fixed-bottom: 4;
	width: 606px;
	margin: 18px;
	margin-left: 16px;
	margin-top: 19px;
	picture-includes-margin: true;
	spacing: 18px;
}


// ---------------------------------------------------------------------------------BodyPanelRight

Bar#DeviceUpdaterBodyPanelRightTop
{
	width: 571px;
	height: 129px;
}


// ---------------------------------------------------------------------------------BodyPanelRight

Bar#DeviceUpdaterBodyPanelRightBody
{
	image: url( "Bg_Status.png" );
	fixed-left: 6; 
	fixed-right: 6;
	animations: 3;
	width: 571px;
	height: 51px;	
	margin-left: 10px;
	spacing: 9px;
	picture-includes-margin: true;
	vertical-alignment: center;
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	foreground-color: $colorButtonFont;
}

Bar#DeviceUpdaterBodyPanelRightBody[ background=error ] 
{
	animation-index: 0; 
}

Bar#DeviceUpdaterBodyPanelRightBody[ background=ok ]    
{
	animation-index: 1;
}

Bar#DeviceUpdaterBodyPanelRightBody[ background=info ]  
{
	animation-index: 2; 
}


// ---------------------------------------------------------------------------------BodyPanelRight

Bar#DeviceUpdaterBodyPanelRightButtons
{
	width: 571px;
	height: 29px;
	outer-margin-top: 9px;
}


// -----------------------------------------------------------------------------------OverlayPanel

Bar#DeviceUpdaterOverlayPanel
{
	image: url ( "Bg_Overlay.png" );
	animations: 2;
	foreground-color: $colorBlack;
	vertical-alignment: top;
	picture-includes-margin: true;
	margin-left: 13px;
	outer-margin-left: 16px;
	outer-margin-top: 10px;
	font-size: $fontOverlaySize;
	font-name: $fontRaldoId;
}

Bar#DeviceUpdaterOverlayPanel[isOverlay=true]
{
	animation-index: 1;
}


// -----------------------------------------------------------------------------------OverlayPanel

Bar#DeviceUpdaterOverlayButtons
{
	spacing: 18px;
	height: 29px;
	width: 408px;
}


// ------------------------------------------------------------------------------------UpdaterList

Bar#DeviceUpdaterList
{
	image: url( "Bg_Navi.png" );
	fixed-left: 1;
	fixed-right: 4;
	fixed-top: 4;
	fixed-bottom: 4;
	width: 183px;
}


// ------------------------------------------------------------------------------------UpdaterList

Bar#DeviceUpdaterListTab
{
	height: 32px;
}


// ------------------------------------------------------------------------------------UpdaterList

Bar#DeviceUpdaterList Button
{
	image: url( "Btn_Navi.png" );
	animations: 3;
	margin-left: 9px;
	margin-top: 1px;
	outer-margin-top: -1px;
	picture-includes-margin: true;
	font-name: $fontRaldoId;
	font-size: $fontButtonSize;
	foreground-color: $colorNavi;
}

Bar#DeviceUpdaterList Button[isTopButton=true]:selected
{
	animation-index: 1;
}

Bar#DeviceUpdaterList Button[isTopButton=true]:selected:over
{
	animation-index: 1;
}

Bar#DeviceUpdaterList Button:selected 
{
	animation-index: 2;
}

Bar#DeviceUpdaterList Button:over
{
	foreground-color: $colorNaviOver;
}

Bar#DeviceUpdaterList Button:selected:over
{
	animation-index: 2;
	foreground-color: $colorNaviOver;
}

Bar#DeviceUpdaterList Button:!enabled
{
	foreground-color: $colorNaviDisabled;
}



// -----------------------------------------------------------------------------------------------

Bar#DeviceUpdaterAboutInfos
{
	background-color: no;
	outer-margin-top: 47px;
}

// -----------------------------------------------------------------------------------------------

Bar#DeviceUpdaterOverlayAnimation
{
	image: url( "Anim_activity.png" );
	animations: 12;
	outer-margin-top: 23px;
	outer-margin-left: 188px;
}


// ----------------------------------------------------------------------Update Progress Animation

Bar#DeviceUpdaterOverlayAnimation[ step=S0  ] { animation-index: 0; }
Bar#DeviceUpdaterOverlayAnimation[ step=S1  ] { animation-index: 1; }
Bar#DeviceUpdaterOverlayAnimation[ step=S2  ] { animation-index: 2; }
Bar#DeviceUpdaterOverlayAnimation[ step=S3  ] { animation-index: 3; }
Bar#DeviceUpdaterOverlayAnimation[ step=S4  ] { animation-index: 4; }
Bar#DeviceUpdaterOverlayAnimation[ step=S5  ] { animation-index: 5; }
Bar#DeviceUpdaterOverlayAnimation[ step=S6  ] { animation-index: 6; }
Bar#DeviceUpdaterOverlayAnimation[ step=S7  ] { animation-index: 7; }
Bar#DeviceUpdaterOverlayAnimation[ step=S8  ] { animation-index: 8; }
Bar#DeviceUpdaterOverlayAnimation[ step=S9  ] { animation-index: 9; }
Bar#DeviceUpdaterOverlayAnimation[ step=S10 ] { animation-index: 10; }
Bar#DeviceUpdaterOverlayAnimation[ step=S11 ] { animation-index: 11; }


// -------------------------------------------------------------------------------UpdaterInfoPanel

Bar#DeviceUpdaterInfoPanelLeft
{
	background-color: no;
	spacing: 9px;
	width: 412px;
}


// -------------------------------------------------------------------------------UpdaterInfoPanel

Bar#DeviceUpdaterInfoPanelRight
{
	image: url( "devices.png" );
	animations: 24;
	background-color: no;	
	width: 95px;
}

Bar#DeviceUpdaterInfoPanelRight[ product=TA10 ]
{
	animation-index: 1;
}

Bar#DeviceUpdaterInfoPanelRight[ product=KA6 ]
{
	animation-index: 2;
}

Bar#DeviceUpdaterInfoPanelRight[ product=TA6 ]
{
	animation-index: 3;
}

Bar#DeviceUpdaterInfoPanelRight[ product=TKS2 ]
{
	animation-index: 4;
}

Bar#DeviceUpdaterInfoPanelRight[ product=MM ]
{
	animation-index: 5;
}

Bar#DeviceUpdaterInfoPanelRight[ product=TKF1 ]
{
	animation-index: 6;
}

Bar#DeviceUpdaterInfoPanelRight[ product=TKZ2 ]
{
	animation-index: 7;
}

Bar#DeviceUpdaterInfoPanelRight[ product=MC2 ]
{
	animation-index: 8;
}

Bar#DeviceUpdaterInfoPanelRight[ product=MM2 ]
{
	animation-index: 9;
}

Bar#DeviceUpdaterInfoPanelRight[ product=TKZ1 ]
{
	animation-index: 10;
}

Bar#DeviceUpdaterInfoPanelRight[ product=X1M2 ]
{
	animation-index: 11;
}

Bar#DeviceUpdaterInfoPanelRight[ product=MST ]
{
	animation-index: 12;
}

Bar#DeviceUpdaterInfoPanelRight[ product=S4M2 ]
{
	animation-index: 13;
}

Bar#DeviceUpdaterInfoPanelRight[ product=S2M2 ]
{
	animation-index: 14;
}

Bar#DeviceUpdaterInfoPanelRight[ product=TKS8 ]
{
	animation-index: 15;
}

Bar#DeviceUpdaterInfoPanelRight[ product=KKS25 ]
{
	animation-index: 16;
}

Bar#DeviceUpdaterInfoPanelRight[ product=KKS49 ]
{
	animation-index: 17;
}

Bar#DeviceUpdaterInfoPanelRight[ product=KKS61 ]
{
	animation-index: 18;
}

Bar#DeviceUpdaterInfoPanelRight[ product=TKS5 ]
{
	animation-index: 19;
}

Bar#DeviceUpdaterInfoPanelRight[ product=MJ ]
{
	animation-index: 20;
}

Bar#DeviceUpdaterInfoPanelRight[ product=MC3 ]
{
	animation-index: 21;
}

Bar#DeviceUpdaterInfoPanelRight[ product=KKS49m2 ]
{
	animation-index: 22;
}

Bar#DeviceUpdaterInfoPanelRight[ product=KKS61m2 ]
{
	animation-index: 23;
}

// -----------------------------------------------------------------------------------------------
// BUTTONS
// -----------------------------------------------------------------------------------------------


Button#DeviceUpdaterButtonCancel,
Button#DeviceUpdaterButtonNext
{
	image: url( "button_forward.png" );
	animations:7;
	margin-top: 1px;
	picture-includes-margin: true;
	margin-left: -1px;
	horizontal-alignment: center;
	font-name: $fontRaldoId;
	font-size: $fontButtonSize;
	foreground-color: $colorButtonFont;
}

Button#DeviceUpdaterButtonCancel:selected,
Button#DeviceUpdaterButtonNext:selected
{
	animation-index: 1;
}

Button#DeviceUpdaterButtonCancel:down,
Button#DeviceUpdaterButtonNext:down
{
	animation-index: 2;
}

Button#DeviceUpdaterButtonCancel:selected:down,
Button#DeviceUpdaterButtonNext:selected:down
{
	animation-index: 3;
}

Button#DeviceUpdaterButtonCancel:over,
Button#DeviceUpdaterButtonNext:over
{
	animation-index: 4;
	foreground-color: $colorButtonFontOver;
}

Button#DeviceUpdaterButtonCancel:selected:over,
Button#DeviceUpdaterButtonNext:selected:over
{
	animation-index: 5;
	foreground-color: $colorButtonFontOver;
}

Button#DeviceUpdaterButtonCancel:!enabled,
Button#DeviceUpdaterButtonNext:!enabled
{
	animation-index: 6;
	foreground-color: $colorButtonFontDisabled;
}

// -----------------------------------------------------------------------------------------------

Button#DeviceUpdaterTitlePanelAbout
{
	image: url( "Logo_NI.png" );
	outer-margin-top: 9px; 
	outer-margin-right: 9px;
}


// -----------------------------------------------------------------------------------------------

Button#DeviceUpdaterOverlay
{
	background-color: rgba (0,0,0,128);
}


// -----------------------------------------------------------------------------------------------
// LABELS
// -----------------------------------------------------------------------------------------------

Label.DataHeadline
{
	image: url( "Bg_Headline.png" ); 
	fixed-left: 3; 
	fixed-right: 3;
	margin-top:1;
	picture-includes-margin: true;
	outer-margin-bottom: 5px;
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	foreground-color: $colorHeadline;
	horizontal-alignment: center;
}

// ------------------------------------------------------------------------------------Tooltips

Label.ToolTip
{
	image: url( "tooltip.png" ); fixed: 4px;
	foreground-color: $colorLabel;
	font-name: url ("raldo.ttf");  font-size: 10;
	margin-left: 7px; margin-right: 7px; margin-top: 5px; margin-bottom: 5px; picture-includes-margin: true;    
	outer-margin-bottom: 2px; outer-margin-top: 18px; outer-margin-right: 18px;  
}


// ------------------------------------------------------------------------------------FirmwareNew

Label.ValueFirmwareNew
{
	image: url( "Text_Display.png" );
	animations: 4;
	margin-top: 1px;
	picture-includes-margin: true;
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	horizontal-alignment: center;
	foreground-color: $colorButtonFont;	
}


// ------------------------------------------------------------------------------------FirmwareNew

Label.LabelFirmwareNew
{
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	foreground-color: $colorLabel;
	margin-top: 1px;
	width: 128px;
}


// -----------------------------------------------------------------------------------FirmwareInst

Label.ValueFirmwareInst
{
	image: url( "Text_Display.png" );
	animations: 4;
	animation-index: 0;
	margin-top: 1px;
	picture-includes-margin: true;
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	horizontal-alignment: center;
	foreground-color: $colorButtonFont;
}

Label.ValueFirmwareInst[ update=false ]
{
	animation-index: 1;
}

Label.ValueFirmwareInst[ update=true ]
{
	animation-index: 2;
}


// -----------------------------------------------------------------------------------FirmwareInst

Label.LabelFirmwareInst
{
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	foreground-color: $colorLabel;
	margin-top: 1px;	
	width: 128px;
}


// -----------------------------------------------------------------------------------SerialNumber

Label.ValueSerialNumber
{
	image: url( "Text_Display.png" );
	fixed-left: 2px;
	fixed-right: 2px;
	width: 200px;
	animations: 4;
	animation-index: 0;
	margin-top: 1px;
	picture-includes-margin: true;
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	horizontal-alignment: center;
	foreground-color: $colorButtonFont;
}


// -----------------------------------------------------------------------------------SerialNumber

Label.LabelSerialNumber
{
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	foreground-color: $colorLabel;
	margin-top: 1px;	
	width: 128px;
}


// -----------------------------------------------------------------------------------------------

Label#DeviceUpdaterLowerLabel
{
	width: 525px;
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	foreground-color: $colorButtonFont;
	margin-top: 1px;	
}


// -----------------------------------------------------------------------------------------------

Label#DeviceUpdaterLabel
{
	background-color: $colorWhite;
	width: 415px;
	height: 260px;
	margin: 5px;
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	foreground-color: $colorButtonFont;
}


// -----------------------------------------------------------------------------------------------

Label#DeviceUpdaterOverlayTitleLabel
{
	outer-margin-top: 57px;
	vertical-alignment: top;
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	foreground-color: $colorBlack;
	height: 34px;
	width: 408px;
}


// -----------------------------------------------------------------------------------------------

Label#DeviceUpdaterOverlayMessageLabel
{
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	margin-top: -2px;
	vertical-alignment: top;
	foreground-color: $colorBlack;
	height: 123px;
	width: 408px;
}

// -----------------------------------------------------------------------------------------------

Label#DeviceUpdaterOverlayStatusLabel
{
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	horizontal-alignment: center;
	vertical-alignment: top;
	outer-margin-top: 16px;
	foreground-color: $colorBlack;
	height: 51px;
	width: 408px;
}


// -----------------------------------------------------------------------------------------------

Label#DeviceUpdaterInfoLabel
{
	image: $iconBigStatus;
	animations: 2;
	outer-margin-top: 14px;
}

Label#DeviceUpdaterInfoLabel[ icon=ok ] 
{ 
	animation-index: 0; 
}

Label#DeviceUpdaterInfoLabel[ icon=error ] 
{ 
	animation-index: 1; 
}


// -----------------------------------------------------------------------------------------------

Label#DeviceUpdaterAboutVersion
{
	font-name: $fontRaldoId;
	font-size: $fontLabelSize;
	horizontal-alignment: left;
	foreground-color: $colorBlack;
	width: 160px;
}

// -----------------------------------------------------------------------------------------------

Label#DeviceUpdaterAboutCopyright
{
	font-name: $fontRaldoId;
	font-size: 11;
	horizontal-alignment: left;
	foreground-color: $colorBlack;
	outer-margin-top: -5px;
	outer-margin-left: 66px;
	width: 48px;
}


// -----------------------------------------------------------------------------------------------

Label#Icon
{
	image: $iconSmallStatus;
	animations: 2;
	outer-margin-top: 7px;
	outer-margin-left: -31px;
}

Label#Icon[ update=false ] 
{ 
	animation-index: 0; 
}

Label#Icon[ update=true ] 
{ 
	animation-index: 1; 
}

// -----------------------------------------------------------------------------------------------
// DESIGN WIDGET
// -----------------------------------------------------------------------------------------------


*#DesignWidget *
{
  background-color: no;
  background-border-color: no;
  foreground-color: rgb( 0, 0, 0 );
}

Label#spacer 
{
  background-color: no;
  min-width: 1;
  min-height: 1;
}

Bar#sizer 
{
  spacing: 2;
}

Button#collapser 
{
  min-width: 18;
  foreground-color: no; 
  horizontal-alignment: center;
}

Button#collapser[state=empty] 
{
	background-color: no; 
	animation-index: 2;
}

Button#collapser[state=collapsed] 
{
	background-color: no;
	animation-index: 1;		
}

Button#collapser[state=expanded] 
{
	background-color: no;	
	animation-index: 0;	
}

Mover#mover
{
  image: url( "top_bar.png" );
  fixed-left: 3;
  fixed-right: 3;
  foreground-color: rgba( 0, 0, 0, 0 );
}	

Bar#DesignWidget TextEdit
{
  background-color: rgb( 240, 240, 240 );
  foreground-color: rgb( 0, 0, 0 );
  selection-background-color: rgb( 192, 192, 192 );
  selection-foreground-color: rgb( 0, 0, 0 );
  font-resid: 1;
  font-size: 12;
  min-width: 96;
  margin: 2;
}

*#DesignWidget PopupMenu
{
  width: 500;
}


*#DesignWidget PopupMenu.Design Bar
{
  spacing: 0;
  font-resid: 1;
  font-size: 12;
}

*#DesignWidget PopupMenu.Design Button
{
  background-color: rgba( 109, 175, 206, 240 );  //changed for better contrast
  font-resid: 1;
  font-size: 12;
  margin-left: 5px;								//additionally added for better visibility
  margin-right: 5px;							//additionally added for better visibility
} 


//----------------------------------------------- bottom bar

Bar#scrollbarenclosingbar 
{
  image: url( "bottom_bar.png" );
  fixed-left: 3;
  fixed-right: 11;
}

Bar#scrollbarenclosingbar Sizer
{
  width: 16;
}


//----------------------------------------------- tree view

tree<Bar>.Design
{
  foreground-color: no;
  image: url( "tree_bg.png" );
  fixed-left: 0;
  fixed-right: 0;
  fixed-top: 1;
  fixed-bottom: 0;
}

tree<Bar>.Design::Bar#widgets
{
  margin-top: 3;
}

tree<Bar>.Design::Bar#widgets Button
{
  foreground-color: rgb( 0, 0, 0 );
  font-resid: 1;
  font-size: 12;
}

tree<Bar>.Design::Bar#widgets Button:over
{
  background-color: rgba( 78, 102, 125, 30 );
}

tree<Bar>.Design::Bar#widgets Button#collapser[state=empty]:over
{
  background-color: no;
}

tree<Bar>.Design::Bar#widgets Button:selected
{
  background-color: rgba( 78, 102, 125, 195 );
  background-border-color: rgb( 255, 0, 0 );
  foreground-color: rgb( 235, 237, 235 );
}

tree<Bar>.Design::Bar#widgets Button:selected:over
{
  background-color: rgba( 78, 102, 125, 200 );
  background-border-color: rgb( 255, 0, 0 );
  foreground-color: rgb( 235, 237, 235 );
}

tree<Bar>.Design::Bar#widgets::Bar
{
  height: 20;
}


//----------------------------------------------- 

Bar#dotted_background
{
	background-color: no;
	image: url( "top_dotted.png" );
	fixed-left: 0;
	fixed-right: 0;
	fixed-top: 0;
	fixed-bottom: 0;
}

Bar#DesignWidget Bar#top
{
	background-color: no;
	min-height: 32;
	min-width: 300;
	spacing: 10;
	margin-left: 10;
	margin-top: 6;
}


//----------------------------------------------- Scrollbars

Bar#DesignWidget Scrollbar
{
  margin-top: 1;
  margin-bottom: 1;
  margin-left: 1;
}

Bar#DesignWidget Scrollbar::Button 
{
  background-color: no;
  foreground-color: no;
}

Bar#DesignWidget Scrollbar[isHorizontal=false]::Button#inc
{
  image: url( "scrollbar_dec.png" );
  margin-left: 1;
}

Bar#DesignWidget Scrollbar[isHorizontal=false]::Button#dec
{
  image: url( "scrollbar_inc.png" );
  margin-left: 1;
}

Bar#DesignWidget Scrollbar[isHorizontal=true]::Button#inc
{
  image: url( "scrollbar_inc_ho.png" );
  margin-top: 1;
}

Bar#DesignWidget Scrollbar[isHorizontal=true]::Button#dec
{
  image: url( "scrollbar_dec_ho.png" );
  margin-top: 1;
}

Bar#DesignWidget Scrollbar[isHorizontal=false]::Slider
{
  image: url( "scrollbar_bg.png" );
  margin-top: 0;
  margin-bottom: 0;
  fixed-top: 0;
  fixed-bottom: 0;
}

Bar#DesignWidget Scrollbar[isHorizontal=true]::Slider
{
  image: url( "scrollbar_bg_ho.png" );
  margin-left: 0;
  margin-right: 0;
  fixed-left: 0;
  fixed-right: 0;
}

Bar#DesignWidget Scrollbar[isHorizontal=false]::Slider::Grip
{
  image: url( "scrollbar_slider_gr_wide.png" );
  fixed-top: 10;
  fixed-bottom: 10;
  margin: 2;
}

Bar#DesignWidget Scrollbar[isHorizontal=true]::Slider::Grip
{
  image: url( "scrollbar_slider_ho.png" );
  fixed-left: 10;
  fixed-right: 10;
  margin: 2;
}

//----------------------------------------------- Buttons

Bar#top Button
{
	background-color: no;
	image: url( "button.png" );
	animations: 3;
	foreground-color: rgb( 235, 237, 235 );
	horizontal-alignment: center;
}

Bar#top  Button:over
{
	background-color: no;
	animation-index: 2;
}

Bar#top  Button:down
{
	background-color: no;
	animation-index: 1;
}

Label#logo
{
	background-color: no;
	image: url( "logo.png" );
	margin-right: 11;
	margin-top: 3;
	foreground-color: rgb( 0, 0, 0 );
}

Bar Label#SelectionWidget
{
  image: url( "selection.png" );
  fixed-left: 6;
  fixed-right: 6;
  fixed-top: 6;
  fixed-bottom: 6;
  margin: 2;
  picture-includes-margin: true;
}

Bar#DesignWidget Vector::Label#draglabel[between_rows=true]
{
  height: 3;
  background-color: no;
}

Button#show-frame 
{
  background-color: no; 
  background-border-color: rgb( 255, 0, 0 ); 
}
