/*
** Classes for new button style 
**
*/

table.osb_ButtonStyle
{ 
	/* set here real height of background images used in cells */
	height: 25px;
	margin: 0px; padding: 0px;
	overflow: visible;
}

/* cells styles */

table.osb_ButtonStyle table td.tr2td1
{
	/* set here real height and width of background image */
	width: 4px; height: 25px;
	/* set here url of real background image */
	background-image: url("/ZCW/App_Themes/Shared/Images/button_left.png");
	background-repeat: no-repeat;
}

table.osb_ButtonStyle table td.tr2td3, table.osb_ButtonStyle table td.tr2td2
{
	/* set here real height of background image */
	height: 25px; 
	/* set here url of real background image */
	background-image: url("/ZCW/App_Themes/Shared/Images/button_center.png" );
	background-repeat: repeat-x;
	/* set here font properties for inner text */
	font-size: 12px;
	font-family: Trebuchet MS;
	font-weight: bold;
	color: White;
}

table.osb_ButtonStyle table td.tr2td4
{
	/* set here real height and width of background image */
	width: 4px; height: 25px;
	/* set here url of real background image */
	background-image: url("/ZCW/App_Themes/Shared/Images/button_right.png");
	background-repeat: no-repeat;
}

/* hovered cells styles */

table.osb_ButtonStyle table.enabled_hover td.tr2td1,
table.osb_ButtonStyle table.active_hover  td.tr2td1
{
	background-image: url("/ZCW/App_Themes/Shared/Images/button_left_hover.png");
}

table.osb_ButtonStyle table.enabled_hover td.tr2td3,table.osb_ButtonStyle table.enabled_hover td.tr2td2,
table.osb_ButtonStyle table.active_hover  td.tr2td3,table.osb_ButtonStyle table.active_hover td.tr2td2
{
  background-image: url("/ZCW/App_Themes/Shared/Images/button_center_hover.png");
}

table.osb_ButtonStyle table.enabled_hover td.tr2td4,
table.osb_ButtonStyle table.active_hover  td.tr2td4
{
  background-image: url("/ZCW/App_Themes/Shared/Images/button_right_hover.png");
}

/* pressed cells styles */

table.osb_ButtonStyle table.enabled_pressed td.tr2td1,
table.osb_ButtonStyle table.active_pressed  td.tr2td1
{
  background-image: url("/ZCW/App_Themes/Shared/Images/button_left_pressed.png");
}

table.osb_ButtonStyle table.enabled_pressed td.tr2td3,table.osb_ButtonStyle table.enabled_pressed td.tr2td2,
table.osb_ButtonStyle table.active_pressed  td.tr2td3,table.osb_ButtonStyle table.active_pressed td.tr2td2
{
  background-image: url("/ZCW/App_Themes/Shared/Images/button_center_pressed.png");
}

table.osb_ButtonStyle table.enabled_pressed td.tr2td4,
table.osb_ButtonStyle table.active_pressed  td.tr2td4
{
  background-image: url("/ZCW/App_Themes/Shared/Images/button_right_pressed.png");
}

/* button's inner DIV */

table.osb_ButtonStyle div
{ 
  margin: 0px; padding: 0px;
  overflow:visible;
}

/* button's inner TABLE */

table.osb_ButtonStyle table
{ 
  margin: 0px; padding: 0px;
  cursor: pointer;
  color: #000000;
  overflow: visible;
}

/* disabled button's inner TABLE */

table.osb_ButtonStyle table.disabled
{ 
  cursor: text;
  color: #9FA9CC;
}

/* hovered button's inner TABLE */

table.osb_ButtonStyle table.enabled_hover,table.osb_ButtonStyle table.active_hover
{ 
  /* text color on hover */
  color: #0000FF;
}

table.osb_ButtonStyle table.enabled_pressed,table.osb_ButtonStyle table.active_pressed
{ 
  color: #FFFFFF;
}

/* rest cells */

table.osb_ButtonStyle table td
{
  height: 0px;
}
