/****************************************************************************************
STATUS BAR

style prefix: exo-statusBar-
****************************************************************************************/

.exo-statusBar-panel
{
	width: 100%;
	height:30px;
	background: #FFFFFF url(images/statusbar/statusbar_background.png) repeat-x;
	cursor: default;
}

.exo-statusBar-table
{
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}

.exo-statusBar-table-spacer-image
{
	width: 3px;
	height: 24px;
}

.exo-statusBar-element
{
	height: 24px;
}

/****************************************************************************************
STATUS BAR INFO
****************************************************************************************/
.exo-statusText-panel
{
	font-family:Verdana, Bitstream Vera Sans, sans-serif;
    font-size:11px;
    font-weight: normal;
    font-style: normal;	
	cursor: default;
	height: 24px;	
}

.exo-statusText-table
{
	height:24px;
	border-collapse: collapse;
	width:100%;
}

.exo-statusText-table-left,
.exo-statusText-table-left-over,
.exo-statusText-table-left-down,
.exo-statusText-table-middle,
.exo-statusText-table-middle-over,
.exo-statusText-table-middle-down,
.exo-statusText-table-right,
.exo-statusText-table-right-over,
.exo-statusText-table-right-down
{
	height:24px;
}

.exo-statusText-table-left,
.exo-statusText-table-left-over,
.exo-statusText-table-left-down
{
	background: url(images/statusbar/statustext/statusTextLeft.png);
	width: 3px;
}

.exo-statusText-table-left
{
	background-position: 0px 0px;
}

.exo-statusText-table-left-over
{
	background-position: 0px -24px;
}

.exo-statusText-table-left-down
{
	background-position: 0px -48px;
}

.exo-statusText-table-middle,
.exo-statusText-table-middle-over,
.exo-statusText-table-middle-down
{
	background: url(images/statusbar/statustext/statusTextMiddle.png) repeat-x;
	font-family:Verdana, Bitstream Vera Sans, sans-serif;
    font-size:11px;
    font-weight: normal;
    font-style: normal;
}

.exo-statusText-table-middle
{
	background-position: 0px 0px;
}

.exo-statusText-table-middle-over
{
	background-position: 0px -24px;
}

.exo-statusText-table-middle-down
{
	background-position: 0px -48px;
}

.exo-statusText-table-right,
.exo-statusText-table-right-over,
.exo-statusText-table-right-down
{
	background: url(images/statusbar/statustext/statusTextRight.png);
	width: 3px;
}

.exo-statusText-table-right
{
	background-position: 0px 0px;
}

.exo-statusText-table-right-over
{
	background-position: 0px -24px;
}

.exo-statusText-table-right-down
{
	background-position: 0px -48px;
}

.exo-statusText-table-middle
{
	font-family:Verdana, Bitstream Vera Sans, sans-serif;
    font-size:11px;
    font-weight: normal;
    font-style: normal;	
}

/****************************************************************************************
STATUS BAR LOADER
****************************************************************************************/
.exo-statusBar-loader-panel
{
	width: 246px;
}

.exo-statusBar-loader-panel-single
{
	width: 222px;
}

.exo-statusBar-loader-panel-hidden
{
	width: 0px;
	overflow: hidden;
}

.exo-statusBar-loader-table
{
	border-collapse: collapse;
	width: 246px;
}

.exo-statusBar-loader-table-single
{
	border-collapse: collapse;
	width: 222px;
}

.exo-statusBar-loader-table-left,
.exo-statusBar-loader-table-left-over,
.exo-statusBar-loader-table-left-down,

.exo-statusBar-loader-table-stretch,
.exo-statusBar-loader-table-stretch-over,
.exo-statusBar-loader-table-stretch-down,

.exo-statusBar-loader-table-delimiter,
.exo-statusBar-loader-table-delimiter-over,
.exo-statusBar-loader-table-delimiter-down,

.exo-statusBar-loader-table-button,
.exo-statusBar-loader-table-button-over,
.exo-statusBar-loader-table-button-down,

.exo-statusBar-loader-table-right,
.exo-statusBar-loader-table-right-over,
.exo-statusBar-loader-table-right-down
{
	height: 24px;
}

/*
LEFT
*/
.exo-statusBar-loader-table-left,
.exo-statusBar-loader-table-left-over,
.exo-statusBar-loader-table-left-down
{
	background: url(images/statusbar/loader/loaderLeft.png);
	width: 3px;
}

.exo-statusBar-loader-table-left
{
	background-position: 0px 0px;
}

.exo-statusBar-loader-table-left-over
{
	background-position: 0px -24px;
}

.exo-statusBar-loader-table-left-down
{
	background-position: 0px -48px;
}


/*
RIGHT
*/
.exo-statusBar-loader-table-right,
.exo-statusBar-loader-table-right-over,
.exo-statusBar-loader-table-right-down
{
	background: url(images/statusbar/loader/loaderRight.png);
	width: 3px;
}

.exo-statusBar-loader-table-right
{
	background-position: 0px 0px;
}

.exo-statusBar-loader-table-right-over
{
	background-position: 0px -24px;
}

.exo-statusBar-loader-table-right-down
{
	background-position: 0px -48px;
}

/*
STRETCH
*/
.exo-statusBar-loader-table-stretch,
.exo-statusBar-loader-table-stretch-over,
.exo-statusBar-loader-table-stretch-down
{
	background: url(images/statusbar/loader/loaderMiddle.png) repeat-x;
}

.exo-statusBar-loader-table-stretch
{
	background-position: 0px 0px;	
}

.exo-statusBar-loader-table-stretch-over
{
	background-position: 0px -24px;	
}

.exo-statusBar-loader-table-stretch-down
{
	background-position: 0px -48px;	
}

/*
DELIMITER
*/
.exo-statusBar-loader-table-delimiter,
.exo-statusBar-loader-table-delimiter-over,
.exo-statusBar-loader-table-delimiter-down
{
	width: 3px;
	background: url(images/statusbar/loader/loaderDelimiter.png);
}

.exo-statusBar-loader-table-delimiter
{
	background-position: 0px 0px;
}

.exo-statusBar-loader-table-delimiter-over
{
	background-position: 0px -24px;
}

.exo-statusBar-loader-table-delimiter-down
{
	background-position: 0px -48px;
}

/*
BUTTON
*/
.exo-statusBar-loader-table-button,
.exo-statusBar-loader-table-button-over,
.exo-statusBar-loader-table-button-down
{
	width:24px;
	background: url(images/statusbar/loader/loaderMiddle.png) repeat-x;
}

.exo-statusBar-loader-table-button
{
	background-position: 0px 0px;
}

.exo-statusBar-loader-table-button-over
{
	background-position: 0px -24px;
}

.exo-statusBar-loader-table-button-down
{
	background-position: 0px -48px;
}

/*
PANEL
*/
.exo-statusBar-loader-image-panel
{
	height: 24px;
	width: 214px;
}

.exo-statusBar-loader-image
{
	margin-top: 5px;
	margin-left: 4px;
	width: : 208px;
	height: 13px;	
}

.exo-statusBar-loader-button-panel
{
	width: 24px;
	height: 24px;
}

.exo-statusBar-loader-button-icon
{
	width: 16px;
	height: 16px;
	margin-left: 4px;
	margin-top: 4px;
	cursor: pointer;
}
