/*The toolBar*/

.table-toolbar {
	display: block!important;
	width: auto;
}

.Respondent-mainWrapper.frontPage .table-toolbar .table-center {
	/*max-width: 624px;*/
}
.table-toolbar .endUserLeftElement { }

.table-toolbar .table-center {
	padding: 4px 0 6px;
	display: block;
	background-color: #eaeaea;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #BBBBBB;
    border-top: 1px solid #AAAAAA;
}

.Respondent-mainWrapper .mainTable .table-toolbar > .table-center {
	display: table !important;
    width: 100%;
}
.Respondent-mainWrapper .mainTable .table-toolbar > .table-center > .table-center-content {
	display: table-cell;
	width: 25px
}

.Respondent-mainWrapper .mainTable .table-toolbar > .table-center > .table-center-content .table-center-content-row {
	display: table-row;
	width: auto;
}



.table-toolbar .table-center > span {
    /*box-shadow: 0 0 0 1px #FFFFFF inset;*/
    display: table-row;
    position: relative;
    text-align: left;
}

.table-toolbar .table-center > .table-center-content > span > .ToolBarFormTitle {
	display: block;
    min-height: 28px;
    padding-bottom: 0;
    padding-left: 4px;
    padding-top: 0;
}

.ToolBarLeft {
	clear: none;
    display: table-cell !important;
    position: relative;
    width: 99% !important;
}

.ToolBarLeft .ToolBarFormTitle {
	display: block;
}


/*ToolBarRight*/
.ToolBarRight {
    display: table-cell !important;
    padding-right: 4px !important;
    text-align: right;
    vertical-align: middle;
    width: 1%;
}

.toolBarTable {
	display: table;
}
.toolBarTable .toolBarTableRow {
	display: table-row;
	clear: none;
}
.toolBarTable .toolBarTableRow .toolBarTableCell {
	display: table-cell !important;
	padding-right: 4px !important;
}
.toolBarTable .toolBarTableRow .toolBarTableCell.pauseCell {
	min-width:20px;
}
.toolBarTable .toolBarTableRow .toolBarTableCell.printCell {
	min-width:20px;
	vertical-align: top;
}

.toolBarTable .toolBarTableRow .toolBarTableCell:FIRST-CHILD {
	padding-left: 4px;
}

.ToolBarRight .toolBarTable button.pause,
.ToolBarRight .toolBarTable input.printIcon {
	background-image: url("../common/img/endUserIconsSprite.png");
	background-color: transparent;
	border: 1px solid #eaeaea;
    clear: none;
    display: table-cell !important;
    position: relative;
    border-radius: 0 !important;
    float: left !important;
    padding: 0 !important;
    margin: 0;
    vertical-align: top;
    width: 22px;
    height: 20px;
    text-indent:-9999px;
    font-size:0;
    line-height:0;
    cursor: pointer;
}

.ToolBarRight .toolBarTable button.pause:hover,
.ToolBarRight .toolBarTable input.printIcon:hover {
	border-color: #bbbbbb;
	background-color: #eeeeee;
}


.ToolBarRight .toolBarTable input.printIcon			{	background-position: -446px -32px; }
.ToolBarRight .toolBarTable input.printIcon:hover	{	background-position: -446px -64px; }
.ToolBarRight .toolBarTable input.printIcon:focus	{	background-position: -446px -96px; }
.ToolBarRight .toolBarTable input.printIcon:active	{	background-position: -446px -128px; }




.ToolBarRight .toolBarTable button.pause		{	background-position: -572px -32px !important; }
.ToolBarRight .toolBarTable button.pause:hover	{	background-position: -572px -64px !important; }
.ToolBarRight .toolBarTable button.pause:focus	{	background-position: -572px -96px !important; }
.ToolBarRight .toolBarTable button.pause:active	{	background-position: -572px -128px !important; }

.ToolBarFormTitle h3,.ToolBarFormTitle .h3 {
	font-size: 1.3em;
    font-weight: normal;
    padding-left: 0.5em;
    text-shadow: 0 1px 3px #FFFFFF;
}



/* Has TABS*/
.ToolBarLeft.hasTabs {
	border-left: 1px solid #BBBBBB;
    display: inline-block;
    width: auto !important;
}
.ToolBarLeft.hasTabs > .toolbarTabs {
	display: block;
	float: left;
	width: 100%;
}
.ToolBarLeft.hasTabs > .toolbarTabs > ul {
	box-shadow: 1px 0 2px #CCCCCC;
    display: block;
    float: left;
    list-style: none outside none;
}
.ToolBarLeft.hasTabs > .toolbarTabs > ul > li {
	list-style: none;
	float: left;
	clear: none;
}
.ToolBarLeft.hasTabs > .toolbarTabs > ul > li > a {
	float: left;
	clear: none;
	padding: 6px 16px;
	font-size: 14px;
	color: #444444;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #AAAAAA;
	font-weight: 300;
	font-style: normal;
	text-decoration: none;
	text-shadow: 0 1px 1px #FFFFFF;
}
.ToolBarLeft.hasTabs > .toolbarTabs > ul > li > a:hover		{ background-color: #fdfdfd; color: #111111; }
.ToolBarLeft.hasTabs > .toolbarTabs > ul > li > a:active	{ background-color: #eeeeee; box-shadow: 0px 0 3px #aaaaaa inset; border-left: 1px solid #CCCCCC; }

.ToolBarLeft.hasTabs > .toolbarTabs > ul > li.activeTab > a {
	box-shadow: 0px 0 3px #000000 inset;
	background-color: #222222;
	background-image: linear-gradient(bottom, rgb(68,68,68) 0%, rgb(17,17,17) 100%);
	background-image: -o-linear-gradient(bottom, rgb(68,68,68) 0%, rgb(17,17,17) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(68,68,68) 0%, rgb(17,17,17) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(68,68,68) 0%, rgb(17,17,17) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(68,68,68) 0%, rgb(17,17,17) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(68,68,68)),
		color-stop(1, rgb(17,17,17))
	);

	border-left: 1px solid #111111;
	border-right: 1px solid #111111;
	color: #ffffff;
	text-shadow: 0 1px 1px #000000;
}