.detailsDialog.ui-dialog-content, .compareDetailsDialog.ui-dialog-content {
font-size: 14px;
}
.detailsVector {
width: 200px;
margin: 0px;
padding: 0px;
}
.pmuProperties
{
    width: 145px;
    padding: 2px 11px 0 11px;
    clear:both;
    display: block;
    margin: 6px 0 0 10px;
    font-size: 12px;
color: #26a;
    
/*    width: 200px; */
}
.detailsPlot {
float: left;
width: 300px;
height: 190px;
font-size: 0.8em;
color: #26a; 
}
.details10sPlot {
width: 588px;
height: 190px;
font-size: 0.8em;
color: #26a; 
}
.plots10s {
width: 590px;
float: right;
margin-top: 3px;
}
.plots {
width: 610px;
float: right;
margin-top: 3px;
}
.invisible {
position: absolute;
left: -9009px;
height: 0px;
overflow:hidden;
}
.welcomeVectors  
{
width: 950px;
margin: 0 auto  0 auto; 
font-size: 13px;
}
#descriptionArea 
{
width: 924px;
background-color: #478fca;
margin-left: 3px;
padding-left: 25px;
padding-bottom: 20px;
padding-right: 25px; /* right picture */
height: auto;
color: #FFFFFF;
overflow: auto;
font-size: 0.8em;
}
#chartPlaceholder {
float: left;
width:630px;
}
.fullChartHeight {
width:630px;
height:310px;
}
#infoPlaceholder {
float: right;
width:140px;
}
.dialogNote{
display:block;
width: 100%;
font-size: 0.85em;
line-height: 1.3em;
margin:2px 0px 10px 5px;
color: #800;
}
.dialogNote a, .dialogNote a:visited {
font-weight: bold;
color: #800;
}
.statusMsg  {
clear:both;
display: block;
color: #076ba1;
font-size: 0.80em;
padding-left: 5px;
margin-left: 5px;
margin-top: 5px;
}
.modeSelection
{
font-size:0.8em;
}
.buttonSet
{
clear:both;
text-align:center;
padding-top: 5px;
margin-left: 2px;
}
.compareMenu{
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
width: 200px;
cursor: pointer;
text-align: center;
padding-top: 4px;
}
.cmpMenuItem {
display:block;
margin: 1px 2px 2px 2px;
width: 98%;
}
.compareRequest {
margin-top: 10px;
margin-left: 10px;
width: 185px;
}
.compareRequest .ui-button-text{
font-size: 0.8em;
margin-left: 0px;
text-align: left;
}
.mainVectorPlaceholder
{
position: relative;
float:left;	
text-align: center;
height:250px;
background: url('/css/v2slike/gloss.png') 5px bottom no-repeat;
margin:0px;
padding: 7px 2px;
}
.mainVectorPlaceholder 
{
width:190px;
}
.vectorDiagramBox
{
height:224px;
margin:0px;
padding:5px;
width:180px;
}
.vectorDiagram
{
position: relative;
display: block;
width:160px;
height:160px;
padding: 0px;
margin: auto;
}
.info {
color: #26a;
font-size: 12px;
}
.vectorInfo
{
display: block;
margin: 1px;
padding-left: 2px;
text-align: left;
font-size: 12px;
line-height: 16px;
color: #26a;
height: 30px;
min-height: 40px;
width:165px;
}
.vectorInfo div {
font-size: 12px;
}
.pointer {
cursor: pointer;
}
.vectTooltip {
background: url(images/hover.png) no-repeat;
width: 162px;
height: 45px;
position: absolute;
top: -85px;
left: -15px;
text-align: center;
padding: 20px 12px 10px;
font-style: normal;
z-index: 2;
display: none;
}
.connStatusWrap {
    width:160px;
    overflow:hidden;
}
.connStatus {
overflow: hidden;
width: 85px;
white-space: nowrap;
}
.stsConnected {
color: #0a0;
}
.stsDelayed {
color: #C35617;
}
.stsUnreliable {
color: #C35617;
}
.stsError {
color: #FF4020;
font-weight: bold;
}
.qualityInfo, .locationInfo, .fwInfo, .gridInfo {
overflow:hidden;
}
.locationInfo 
{
white-space: nowrap;
}
.waiting 
{
margin-top: 10px;
background: url('/css/v2slike/busy5.gif') no-repeat left top; 
text-align: left;
text-indent: 20px;
}
.loading  {
background: url('/css/v2slike/busy.gif') no-repeat center center; 
}
.loadingCircle  {
background: url('/css/v2slike/busy2.gif') no-repeat center center; 
}
.loading5 {
background: url('/css/v2slike/busy5.gif') no-repeat left top; 
text-align: left;
text-indent: 20px;
}
.loading6 {
background: url('/css/v2slike/busy6.gif') no-repeat left top; 
text-align: left;
text-indent: 20px;
}
.loading7 {
background: url('/css/v2slike/busy7.gif') no-repeat left top; 
text-align: left;
text-indent: 20px;
}
.warn {
display:block;
font-size: 12px;
color: #A22;
background: url('/css/v2slike/warning.png') no-repeat;
background-position: 0px top;
margin: 5px 0 10px 0;
padding-left: 23px;
}
span.details.warn {
display:block;
font-size: 12px;
background: url('/css/v2slike/warntiny.png') no-repeat;
background-position: 0px 1px;
padding-left: 17px;
margin:0;
}
.deviceStatus {
vertical-align: top;
color:#0f0;
font-weight: bold;
font-size: 1.2em;
}
#deviceImage {
display: table-cell;
text-align: left;
vertical-align: bottom;
overflow: hidden;
}
.deviceName {
vertical-align: top;
color:#eee;
font-weight: bold;
}
.deviceDetails {
vertical-align: top;
}
.archiveCreatedMsg
{
    margin-top: 5px;
    color: Green;
}
.verChangeConfirm
{
    font-size: 13px !important;
}
.groupBoxTitle
{
    font-size: 18px;
    color: #076ba1;
    margin-bottom: 5px;
}
.groupBoxInfo
{
    color: #076ba1;
    margin-bottom: 15px;
}
.groupBox
{
    display:block;padding: 10px;
    float: left;
}
.pmuMenuItem 
{
    width: 200px;
    height: 80px;
}
li.statusTableItem
{
   color: #076ba1;
   font-size: 12px;
   list-style: none;
   padding: 10px;
   margin-bottom: 10px;
   line-height: 19px;
}
.statusTableData
{
   padding-left: 70px;
   height: 60px;
}
.statusTableDataText 
{
    float:left;
    width: 590px;
}
.statusTableDataButtons
{
    z-index: 10;
    float:right;
}
.progress 
{
    display: inline-block;
    width: 260px; 
    height: 10px;
    line-height: 10px;
}
.progress .progressWrapper
{
    margin-top:2px;
    height: 10px;
    line-height: 10px;
}
.devStatus .progress .progressWrapper .tinyProgBar
{
    display:inline-block;
    width: 250px; 
    line-height: 10px;
    height: 8px;
}
.devStatuses { display: inline-block;}
.devStatus { display: inline-block;}

.ui-button.red-button, .ui-button.red-button:visited
{
    background: url(v2slike/redbuttongrad.png) repeat-x center !important;
    border: 1px solid #2b1314 !important;
    color:#800 !important;
}
.ui-button.red-button:hover
{ 
    background: url(v2slike/redbuttongrad2.png) repeat-x center !important;
    border: 1px solid #2b1314;
    color:#800;
}
.ui-button.red-button:active
{
    background-color:#FFFFFF;
    border: 1px solid #2b1314;
    color:#2b1314;
}

.ui-button.orange-when-clicked.ui-state-active {
    background:#FF8020;
    border: 1px solid #c37235;
    color:#fff;
}

.ui-button.green-button, .ui-button.green-button:visited
{
    background: url(v2slike/greenbuttongrad.png) repeat-x center !important;
    border: 1px solid #132b14 !important;
    color:#080 !important;
}
.ui-button.green-button:hover
{ 
    background: url(v2slike/greenbuttongrad2.png) repeat-x center !important;
    border: 1px solid #132b14;
    color:#080;
}
.ui-button.green-button:active
{
    background-color:#FFFFFF;
    border: 1px solid #132b14;
    color:#132b14;
}

.plottooltip {
    font-size:12px;
    border: 1px solid #aaa;
    padding: 4px;
    background-color: #ffe;
    line-height: 13px;
    color: #222;
    opacity: 0.90;
}
.plottooltip.keep-tooltip {
	background-color: #ffa;
}
.tooltip-button {
	display:inline-block;
	margin:0 2px 2px 0;
    padding:8px;
	text-align:center;
	width:16px;	
	color:#226;
	background-color: #fff;
}
.tooltip-handle {
	float:left;
	cursor:move;
}
.tooltip-info { color: #888; }
.tooltip-clickable {
	float:right;
	cursor:pointer;
}
.tooltip-clickable:hover {
	background-color: #faa;
}
.tooltip-contents {
	display:block;
	clear:both;
}

.statusFinished 
{background: url('/css/v2slike/done.png') no-repeat 5px 5px;}
.statusQueued
{background: url('/css/v2slike/download.gif') no-repeat 12px 12px;}
.statusCanceled 
{background: url('v2slike/canceled.png') no-repeat 5px 5px;}

.groupBoxInner{ display:block; margin-left: auto; margin-right: auto;}

.eventAnnot {
display: block;
position: absolute;
overflow: hidden;
border: 1px solid;
cursor: pointer;
height: 14px;
width: 80px;
background: #FFF;
}

.eventBar {
display: block;
padding: 1px 0 2px 14px;
font-size: 10px;
text-align: left;    
width: 200px;
color: #fff;
line-height: 12px;
background: url('/css/v2slike/trendevent.png') no-repeat 2px 2px;
}
.eventBar.waveAnnot {
    background: url('/css/v2slike/trendwf.png') no-repeat 3px 2px;
    padding: 1px 0 2px 18px;
    opacity: 0.8;
}
.eventBar:hover {
    opacity: 1;
}
li.jstree-leaf.downloading a { color: #888; }
.label-milli {
    color: #6e828e;
}
.wtime .tooltip-milli{
    color: #9ea369;
}
.wtime {
    display: -webkit-box;
    display: -moz-box;  
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;       
    align-items: center; 
}
span.zone-marker {
    /*display: inline-block;*/
    cursor: default;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid transparent;
    background-color: #8ae;
    color:#fff;
    padding: 0.5px 1px 0.5px 1px;
    margin-left:3px;
    margin-right:0;
    margin-top:0;
    font-size: 0.7em;
    line-height: 0.95em;
}

span.zone-marker.input-decorate {
    /*position: absolute;*/
    margin: 13px 0 0 -34px;
    line-height: 10px;
    display: inline-block;
    vertical-align: top;
}

span.zone-marker.timezone-utc {
    background-color: #999;
}

span.zone-marker.timezone-x0 {
    background-color: #b49c63;
}
span.zone-marker.timezone-x1 {
    background-color: #66b8d7;
}
span.zone-marker.timezone-x2 {
    background-color: #b16dd0;
}
span.zone-marker.timezone-x3 {
    background-color: #c89eb1;
}
span.zone-marker.timezone-x4 {
    background-color: #80b080;
}
span.zone-marker.timezone-x5 {
    background-color: #5896ad;
}
span.zone-marker.timezone-x6 {
    background-color: #e9e59a;
}


.ui-state-disabled span.zone-marker {
    border-color:#758e9c;
    background-color: transparent;
    color:#758e9c;
}

.ui-state-warning {
	background-color: #fc8 !important;
}

.axisLabels { 
    transform-origin: top left;
    color: #bacbd4;
    white-space: nowrap;
}