body 
{
    background-color:#0073B5;
    color:#FFFFFF;
    font-family:Verdana, Geneva, sans-serif;
    font-size:0.9em;
}

#divSideBar
{
	width:130px;
	float:right;
	border:1px solid black;
	padding:5px;
	background-color:#3581ad;
}


#divSideBarLogo
{
	text-align:center;
}

#divViewList
{
	width:75%;
	float:left;
}

#divSideBarContent
{
	text-align:center;
}

#footer {
    clear:both;
}

.SideBarBox
{
	border:1px solid black;
	min-height:50px;
	margin-bottom:5px;
	position:relative;
}

.SideBarBox img
{
	/*position:absolute;
	top: 18px;
	left:60px;*/
}

.plotMove
{
    width:13px;
    height:13px;
    float:left;
	padding:1px;
    cursor:n-resize;
	position:absolute;
}

 .plotMove img
{
    width:13px;
    height:13px;
    opacity: 0.3;
}

 .plotInfo
{
	float: right;
	padding: 1px;
	margin-top: -18px;
}

.plotInfo img
{
    width:13px;
    height:13px;
    opacity: 0.8;
}


.plotContainer
{
	background-color:white;
	padding: 0;
}

.plotHeader
{
	background-color:white;
	color:black;
}

.plotFooter
{
	background-color:white;
	color:black;
}

.footerUnit
{
	float: right;
	padding-right: 3px;
	font-size: 8pt;
	color:gray;
	margin-top: 2px;
}

.plotControl
{
	border-right-color:gray;
	border-right-width:1px;
	border-right-style:solid;
	border-left-color:gray;
	border-left-width:1px;
	border-left-style:solid;
	padding:0;
	margin:0;
	margin-left:5px;
}






  /* OEE table styles*/

.oeetable {
	margin:0;
    padding:0;
	width:100%;
	border:1px solid #ffffff;
    border-collapse: collapse;
    border-spacing: 0;
	height:100%;
}

.oeetable thead th{
	background:-o-linear-gradient(bottom, #0073b5 5%, #005f97 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0073b5), color-stop(1, #005f97) );
	background:-moz-linear-gradient( center top, #0073b5 5%, #005f97 100% );
	background: -o-linear-gradient(top,#0073b5,005f97);
	font-size:14px;
	padding: 5px;
}

.oeetable thead tr {
	border-bottom: solid white 1px;
}

	.oeetable tbody tr {
		border-top: white solid 1px;
	}


.oeetable tbody tr:nth-child(odd) {
	 background-color:#005f97;
}

.oeetable tbody tr:nth-child(even) {
	 background-color:#0073b5;
}


.oeetable tbody td{
	vertical-align:top;
	text-align:left;
	padding:3px;
	font-size:12px;
	font-family:Verdana;
	font-weight:normal;
	color:#ffffff;
}

.oeetable tbody td + td{
	text-align: center;
}

.imgLoader {
	width: 80px;
}


.debugInfo {
 margin-top:20px;
 padding:10px;
 font-size:0.75em;
 color:#ac0707;
 background-color:rgb(227, 231, 132);
 border-top:#ac0707 2px solid;
 border-bottom:#ac0707 2px solid;
}