/**
planview css
*/

#canvas {
        overflow:visible;
        position:relative;
        display:inline-block;
        z-index:1;
        background-size: auto auto;
        min-width:600px;
        height:300px;
          
    }
    #planview-img {
         width: auto;
         -webkit-border-radius: 2px;
         -moz-border-radius: 2px;
         border-radius: 2px;

         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: -moz-none;  /* should be -moz-none and NOT none, otherwise Mozilla cascades this property to child textboxes */
         -ms-user-select: none;
         user-select: none;
    }

    #canvas .node .point{
    	cursor:pointer;
    	width:auto;
    	margin-left:27px;
        }
        #canvas .node .point .pin, #gtooltip .tooltip-group .mappin{
            width:16px;
            height:16px;
            background:#FBFBFB;
            background-image: url(../images/icons/anchor.png);
            background-repeat:no-repeat;
            background-position:top center;
            position:relative;
            margin-top:-16px;
            left:0px;
            cursor:pointer;
            }
            #gtooltip .tooltip .mappin{
                margin-bottom:0px;
                margin-top:-16px;
            }
            #canvas .node .sensorplacement-icon{
            margin-left:-27px;
            }   
                
    #canvas .node .tooltip, #gtooltip .tooltip {
        /*opacity:0.8;*/        
        min-width:60px;
        
        
        font-size:10px;
        
	    background:#FBFBFB;
	    left:15px;
		display: block;
        }

        #gtooltip .tooltip:hover
        {
            opacity:1;
        }
        #canvas .node .tooltip:hover
        {
            opacity:1;            
        }

        #canvas .node .tooltip.hidden {
            display:none;
        }

		#gtooltip .tooltip table {
			width: 100%;
		}
        #canvas .node .tooltip table th,#gtooltip .tooltip table th {
            min-width:120px;
            font-weight: normal;
            }
        #canvas .node .tooltip table th.light,#gtooltip .tooltip table th.light {
            background-color: #AFAFAF;
        }
        #canvas .node .tooltip table td,#gtooltip .tooltip table td {
            padding-left:5px;
            padding-right:5px;
            }

    #canvas .node:active {
	    cursor:move;
    }
        
#gtooltip .tooltip-group
{
    position:absolute;
	background-color: #fff;
	
    }

.middle-center 
{
    position:relative;
    left:50%;
    top:50%;
    margin-left:-5%;
    margin-top:-2%;
}


.calculations {
    display:none;
}


.unescape b{
    font-weight:normal;
    background: #FFFAB4;
}
.edit input
{
    width:40px;
}
.edit select 
{
    width:60px;
}

.b_color
{
    background:black;
}

.trashcan {
    position:absolute;
    float:right;
    padding:0px;
    margin:0px;
    top:0px;
    left:56px;
    border: 1px solid #bfbfbf;

    background: url("../images/icons/bin_closed.png") no-repeat center center;
    width:28px;
    height:28px;
    cursor:pointer;
    background-color: #F0F0F0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    z-index:2;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
}

#planview-counter {
    width:50px;
    height:24px;
    float:right;
    position:absolute;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    top:2px;

    background:none;
    border:none;    
    padding:0px;
    margin:0px;
    margin-top:2px;
}
#planview-counter .countdown_row
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:0px;
    font-size:16px;
    font-weight:bold;
    padding:3px;
    margin:0px;
    border: 1px solid #bfbfbf;
    background: #F0F0F0;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.semitransparent
{
    opacity:0.8;
}


.semitransparent:hover
{
    opacity:1;
}
