﻿/***************************************************/
/* Container & common elements *********************/

#ToolBarContainer {
	width:740px;
	height:95px;
	background-image:url("../Images/Toolbar/Background.png");
	background-repeat:no-repeat;
}

#ToolBarLeft {
	width:4px;
	height:95px;
	float:left;
}

#ToolBarMid {
	width:735px;
	height:95px;
	float:left;
	padding-top:2px;
}

#ToolBarRight {
	width:5px;
	height:95px;
	background-image:url("../Images/ToolBar/Right.png");
	background-repeat:no-repeat;
	float:left;
	display:none;
}

.ToolBarGroup {
	height:85px;
	float:left;
	margin-right:1px;
}

.ToolBarGroupLeft {
	width:4px;
	height:85px;
	background-image:url("../Images/ToolBar/GroupLeft.png");
	background-repeat:no-repeat;
	float:left;
}

.ToolBarGroupRight {
	width:10px;
	height:85px;
	background-image:url("../Images/ToolBar/GroupRight.png");
	background-repeat:no-repeat;
	float:left;
}

.Contents {
	height:85px;
	background-image:url("../Images/ToolBar/GroupBackground.png");
	background-repeat:repeat-x;
	float:left;
	vertical-align:top
}

.Contents td.Group {
	text-align:center !important;
	height:2px !important;
}

/* The basic ToolBar class *************************/
.ToolBar { text-align:left !important}
.ToolBarItem { text-align:left !important;cursor:default; }

/***************************************************/
/* Small icon (22x22) & label **********************/
.SmallIconLabel,
.SmallIconLabelHover,
.SmallIconLabelDown {
	cursor:default;
	text-align:left !important;
	padding-left:2px;
}

.SmallIconLabel,
.SmallIconLabelDown {
	cursor:default;
	text-align:left !important;
	padding-left:2px;
}

.SmallIconLabelHover 
{
	cursor:default;
	text-align:left !important;
	padding-left:2px;
	background-image:url("../Images/ToolBar/GroupBackground_over.png");
}

.SmallIconLabel TR TD.ca_tb_img,
.SmallIconLabelHover TR TD.ca_tb_img,
.SmallIconLabelDown TR TD.ca_tb_img {
	cursor:default;text-align:left !important;
	padding-left:6px;
	padding-top:5px;
	vertical-align:top
}


/* Icon states */
.SmallIconLabelHover TR TD.ca_tb_img,
.SmallIconLabelDown TR TD.ca_tb_img,
.SmallIconLabelSelected TR TD.ca_tb_img {
	cursor:default;text-align:left !important;
	padding-left:6px;
	padding-top:5px;
	vertical-align:top;
}

/* Label default state */
.SmallIconLabel TR TD.ca_tb_txt {
	text-align:left !important;
	color:#FFFFFF;
	padding-right:6px;
	background:transparent;
	vertical-align:top;
	padding-top:2px
	
}

/* Label hover state */
.SmallIconLabelHover TR TD.ca_tb_txt
{
	text-align:left !important;
	color:#FFFFFF;
	padding-right:6px;
	background:transparent;
	vertical-align:top;
	padding-top:2px
}

/* Label down state */
.SmallIconLabelDown TR TD.ca_tb_txt {
	text-align:left !important;
	color:#E3E3E3;
	padding-right:6px;
	background:transparent;
	vertical-align:top;
	padding-top:2px
}


/* Group label */
.GroupLabel
{
	color: #FF6600;
	text-align: center;
	clear: both;
	font-weight: bold;
}


/***************************************************/
/* Specific group styles ***************************/
/****** Home ******/
/****** Clipboard ******/
#HomeClipboard .Contents {
	width:120px;
	height:85px;
}

#HomeClipboard .ToolBar1 {

}

#HomeClipboard .ToolBar2 {
	width:22px;
	height:66px;
	float:right;
}

/****** Font ******/
#HomeFont .Contents {
	width:179px;
	height:82px;
}

#HomeFont .ToolBar1 {
	width:179px;
	height:16px;

}

/****** Paragraph ******/
#HomeParagraph .Contents {
	width:174px;
	height:85px;
}

/****** Styles ******/
#HomeStyles .Contents {
	width:220px;
	height:82px;
}

#HomeStyles .ToolBar {
	border:0px solid #b9d0ed;
	background-color:#d4e6f8;
	padding-top:0px;
	padding-bottom:1px;

}

