body{
    background-color: #EEEEDD;
    height: 100%;
    width:100%
    margin-left: 1;
    margin-right: 1;
    margin-bottom: 1;
    margin-top: 1;
    padding: 1;
}

#canvas {
    width: 603px;
    height: 192px;
}


@media all and (orientation:landscape) {
    #calllist{
    	position: absolute;
    	top:95px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:300px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:portrait) {
    #calllist{
    	position: absolute;
    	top:105px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:590px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}


@media all and (orientation:landscape) {
    #pcalllist{
    	position: absolute;
    	top:95px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:300px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:portrait) {
    #pcalllist{
    	position: absolute;
    	top:105px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:590px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:landscape) {
    #calldtl{
    	position: absolute;
    	top:400px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:255px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;    
        font-size:12pt;        
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}

@media all and (orientation:portrait) {
    #calldtl{
    	position: absolute;
    	top:700px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:540px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;    
        font-size:12pt;        
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:landscape) {
    #pcalldtl{
    	position: absolute;
    	top:400px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:255px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;    
        font-size:12pt;        
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}

@media all and (orientation:portrait) {
    #pcalldtl{
    	position: absolute;
    	top:700px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:540px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;    
        font-size:12pt;        
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:landscape) {
    #callnotes{
    	position: absolute;
    	top:400px;
    	left:540px; 	
        margin: 3;
        padding: 3;
    	height:255px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: System;
        font-size: 9pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:portrait) {
    #callnotes{
    	position: absolute;
    	top:700px;
    	left:540px; 	
        margin: 3;
        padding: 3;
    	height:540px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: System;
        font-size: 9pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:landscape) {
    #pcallnotes{
    	position: absolute;
    	top:400px;
    	left:540px; 	
        margin: 3;
        padding: 3;
    	height:255px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: System;
        font-size: 9pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:portrait) {
    #pcallnotes{
    	position: absolute;
    	top:700px;
    	left:540px; 	
        margin: 3;
        padding: 3;
    	height:540px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: System;
        font-size: 9pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:landscape) {
    #timestable{
        background-color: #CCCCCC;
        margin: 3;
        padding: 3;
    	height:450px; 
        overflow:scroll;
        overflow:auto;
        font-family: System;
        font-size: 9pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-border-radius: .3em;
    	-webkit-border-radius: .3em;
    	border-radius: .3em;
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:portrait) {
    #timestable{
        background-color: #CCCCCC;
        margin: 3;
        padding: 3;
    	height:450px; 
        overflow:scroll;
        overflow:auto;
        font-family: System;
        font-size: 9pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-border-radius: .3em;
    	-webkit-border-radius: .3em;
    	border-radius: .3em;
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}



@media all and (orientation:landscape) {
    #mycalldtl{
    	position: absolute;
    	top:95px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:300px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;    
        font-size:12pt;        
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:portrait) {
    #mycalldtl{
    	position: absolute;
    	top:105px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:590px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;    
        font-size:12pt;        
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:landscape) {
    #mycallnotes{
    	position: absolute;
    	top:400px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:255px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: System;
        font-size: 8pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:portrait) {
    #mycallnotes{
    	position: absolute;
    	top:700px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:540px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: System;
        font-size: 8pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:landscape) {
    #mycalldirections{
    	position: absolute;
    	top:400px;
    	left:540px; 	
        margin: 3;
        padding: 3;
    	height:255px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;    
        font-size:14pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}

@media all and (orientation:portrait) {
    #mycalldirections{
    	position: absolute;
    	top:700px;
    	left:540px; 	
        margin: 3;
        padding: 3;
    	height:540px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;    
        font-size:14pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}

@media all and (orientation:landscape) {
    .mapsm{
    	position:absolute;
    	left: 540px;
    	top:95px;	
    	height:300px; 
    	width:520px; 
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;	
    }
}
@media all and (orientation:portrait) {
    .mapsm{
    	position:absolute;
    	left: 540px;
    	top:95px;	
    	height:590px; 
    	width:520px; 
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;	
    }
}

@media all and (orientation:landscape) {
   .maplg{
	position:absolute;
	top:95px;
	left:15px; 		
	height:555px; 
	width:1040px; 
	
    /* HTML5 box shadow  */
    box-shadow: 7px 7px 8px #707070;
    -webkit-box-shadow: 7px 7px 8px #707070;
    -moz-box-shadow: 7px 7px 8px #707070;
    z-index: 1;	
    }
}

@media all and (orientation:portrait) {
   .maplg{
	position:absolute;
	top:105px;
	left:15px; 		
	height:1130px; 
	width:1050px; 
	
    /* HTML5 box shadow  */
    box-shadow: 7px 7px 8px #707070;
    -webkit-box-shadow: 7px 7px 8px #707070;
    -moz-box-shadow: 7px 7px 8px #707070;
    z-index: 1;	
    }
}


@media all and (orientation:landscape) {
   .apparatus{
	position:absolute;
	top:95px;
	left:15px; 		
	height:555px; 
	width:1040px; 
    overflow:scroll;
    overflow:auto;
    font-family: Calibri;    
    font-size:12pt; 

    /* HTML5 box shadow  */
    box-shadow: 7px 7px 8px #707070;
    -webkit-box-shadow: 7px 7px 8px #707070;
    -moz-box-shadow: 7px 7px 8px #707070;
    z-index: 1;	
    }
}

@media all and (orientation:portrait) {
   .coverages{
	position:absolute;
	top:105px;
	left:15px; 		
	height:1130px; 
	width:1050px; 
    overflow:scroll;
    overflow:auto;
    font-family: Calibri;    
    font-size:12pt; 
	
    /* HTML5 box shadow  */
    box-shadow: 7px 7px 8px #707070;
    -webkit-box-shadow: 7px 7px 8px #707070;
    -moz-box-shadow: 7px 7px 8px #707070;
    z-index: 1;	
    }
}

@media all and (orientation:landscape) {
   .coverages{
	position:absolute;
	top:95px;
	left:15px; 		
	height:555px; 
	width:1040px; 
    overflow:scroll;
    overflow:auto;
    font-family: Calibri;    
    font-size:12pt; 

    /* HTML5 box shadow  */
    box-shadow: 7px 7px 8px #707070;
    -webkit-box-shadow: 7px 7px 8px #707070;
    -moz-box-shadow: 7px 7px 8px #707070;
    z-index: 1;	
    }
}

@media all and (orientation:portrait) {
   .findit{
	position:absolute;
	top:105px;
	left:15px; 		
	height:1130px; 
	width:1050px; 
    overflow:scroll;
    overflow:auto;
    font-family: Calibri;    
    font-size:12pt; 
	
    /* HTML5 box shadow  */
    box-shadow: 7px 7px 8px #707070;
    -webkit-box-shadow: 7px 7px 8px #707070;
    -moz-box-shadow: 7px 7px 8px #707070;
    z-index: 1;	
    }
}

@media all and (orientation:landscape) {
   .findit{
	position:absolute;
	top:95px;
	left:15px; 		
	height:600px; 
	width:1040px; 
    overflow:scroll;
    overflow:auto;
    font-family: Calibri;    
    font-size:12pt; 

    /* HTML5 box shadow  */
    box-shadow: 7px 7px 8px #707070;
    -webkit-box-shadow: 7px 7px 8px #707070;
    -moz-box-shadow: 7px 7px 8px #707070;
    z-index: 1;	
    }
}


@media all and (orientation:portrait) {
   .finditmap{
	position:absolute;
	top:115px;
	left:15px; 		
	height:950px; 
	width:950px; 
    overflow:scroll;
    overflow:auto;
    font-family: Calibri;    
    font-size:12pt; 
	
    /* HTML5 box shadow  */
    box-shadow: 7px 7px 8px #707070;
    -webkit-box-shadow: 7px 7px 8px #707070;
    -moz-box-shadow: 7px 7px 8px #707070;
    z-index: 1;	
    }
}

@media all and (orientation:landscape) {
   .finditmap{
	position:absolute;
	top:115px;
	left:0px; 		
	height:475px; 
	width:1030px; 
    overflow:scroll;
    overflow:auto;
    font-family: Calibri;    
    font-size:12pt; 

    /* HTML5 box shadow  */
    box-shadow: 7px 7px 8px #707070;
    -webkit-box-shadow: 7px 7px 8px #707070;
    -moz-box-shadow: 7px 7px 8px #707070;
    z-index: 1;	
    }
}
@media all and (orientation:portrait) {
   .apparatus{
	position:absolute;
	top:105px;
	left:0px; 		
	height:1165px; 
	width:1030px; 
    overflow:scroll;
    overflow:auto;
    font-family: Calibri;    
    font-size:12pt; 
	
    /* HTML5 box shadow  */
    box-shadow: 7px 7px 8px #707070;
    -webkit-box-shadow: 7px 7px 8px #707070;
    -moz-box-shadow: 7px 7px 8px #707070;
    z-index: 1;	
    }
}

@media all and (orientation:landscape) {
    .clsradar{
    	position: absolute;
    	top:95px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:300px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:portrait) {
    .clsradar{
    	position: absolute;
    	top:105px;
    	left:15px; 	
        margin: 3;
        padding: 3;
    	height:590px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}

@media all and (orientation:landscape) {
    .clstide{
        background-color: #FFFFFF;
    	position:absolute;
    	left: 15px;
    	top: 400px;	
    	height:255px; 
    	width:520px; 
    	align:center;
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;	
    }
}
@media all and (orientation:portrait) {
    .clstide{
        background-color: #FFFFFF;
    	position:absolute;
    	left: 15px;
    	top: 700px;	
    	height:540px; 
    	width:520px; 
    	align:center;
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;	
    }
}
@media all and (orientation:landscape) {
    .clsmarine{
        background-color: #154CAC;
    	position: absolute;
    	top:400px;
    	left:540px; 	
        margin: 3;
        padding: 3;
    	height:255px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: System;
        font-size: 8pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:portrait) {
    .clsmarine{
        background-color: #154CAC;
    	position: absolute;
    	top:700px;
    	left:540px; 	
        margin: 3;
        padding: 3;
    	height:540px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: System;
        font-size: 8pt;            
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:10px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
    background-color: #FFFFFF;
    width:96%;
    margin-right:2%;
    margin-left:2%; 
    margin-top:2%; 
    margin-bottom:2%
}
table.gridtable th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #666666;
}


.centeredImage
{
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

.centeredbutleft
{
align:center;
text-align:left;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
.doublecentered
{ 
margin-left: auto;
margin-right: auto;
}
@media all and (orientation:landscape) {
    .clsweather{
    	position: absolute;
    	top:95px;
    	left:540px; 	
        margin: 3;
        padding: 3;
    	height:300px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;    
        font-size:11pt;        
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
@media all and (orientation:portrait) {
    .clsweather{
    	position: absolute;
    	top:105px;
    	left:540px; 	
        margin: 3;
        padding: 3;
    	height:590px; 
    	width:520px; 
        overflow:scroll;
        overflow:auto;
        font-family: Calibri;    
        font-size:12pt;        
    	
        /* HTML5 box shadow  
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;*/	
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 5px 5px #888;
        z-index: 1;
    }
}
td.notetext{
	width=80%;
}



#map_infowindow.simpleInfoWindow {
    border: 2px solid #455268;
	background-alpha:0.7;
    background-color: #dfe5d7; 
    
    /* HTML5 Gradients  */
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); 
}



#banner{
	position:absolute;
	left: 2px;
	top: 2px;
	color:white;
	height:20px;
	width:99%;
	background-color:#000000;	
	opacity:0.75;
	padding-top:5px;
	padding-left:5px;
	margin:2;
	
	/* HTML5 text shadow to soften the letters edges */
	text-shadow:1px 2px 2px #787178;
	
	/* HMTL5 rounded corners  */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;	
    
    /* HTML5 box shadow  */
    box-shadow: 7px 7px 8px #707070;
    -webkit-box-shadow: 7px 7px 8px #707070;
    -moz-box-shadow: 7px 7px 8px #707070;
}

@media all and (orientation:landscape) {
    #footbanner{
    	position:absolute;
    	left: 5px;
    	top: 660px;
    	color:white;
    	font-size:14pt;
    	font-weight:bold;
    	font-family:Calibri;
    	height:40px;
    	width:100%;
    	background-color:#000000;	
    	opacity:0.75;
    	text-align:right;
    	
    	/* HTML5 text shadow to soften the letters edges */
    	text-shadow:1px 2px 2px #787178;
    	
    	/* HMTL5 rounded corners  */
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;	
        
        /* HTML5 box shadow  */
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;
    }
}

@media all and (orientation:portrait) {
    #footbanner{
    	position:absolute;
    	left: 5px;
    	top: 1250px;
    	color:white;
    	font-size:14pt;
    	font-weight:bold;
    	font-family:Calibri;
    	height:40px;
    	width:100%;
    	background-color:#000000;	
    	opacity:0.75;
    	text-align:right;
    	
    	/* HTML5 text shadow to soften the letters edges */
    	text-shadow:1px 2px 2px #787178;
    	
    	/* HMTL5 rounded corners  */
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;	
        
        /* HTML5 box shadow  */
        box-shadow: 7px 7px 8px #707070;
        -webkit-box-shadow: 7px 7px 8px #707070;
        -moz-box-shadow: 7px 7px 8px #707070;
    }
}

td.dispatched{
	color:Black;
	background-color:#CC6600;
    padding: 0;
    border-collapse:collapse;
    border-spacing:0;
}
td.enroute{
	color:#CC6600;	
	padding: 0;
	border-collapse:collapse;
    border-spacing:0;
}
td.onscene{
	color:Red;	
	padding: 0;
	border-collapse:collapse;
    border-spacing:0;
}
td.available{
	color:#33CCFF;
    padding: 0;	
    border-collapse:collapse;
    border-spacing:0;
}
td.incommand{
	color:Black;
	background-color:Red;	
	padding: 0;
	border-collapse:collapse;
    border-spacing:0;
}
td.outofservice{
	color:Blue;	
	padding: 0;
	border-collapse:collapse;
    border-spacing:0;
}
td.delayedresponse{
	color:Green;	
	padding: 0;
	border-collapse:collapse;
    border-spacing:0;
}
td.withpatient{
	color:White;
	background-color:Red;	
	border-collapse:collapse;
    border-spacing:0;
	padding: 0;
}
td.enroutetohosp{
	color:White;
	background-color:Green;	
	padding: 0;
	border-collapse:collapse;
    border-spacing:0;
}
td.athosp{
	color:Black;
	background-color:Green;	
	padding: 0;
	border-collapse:collapse;
    border-spacing:0;
}
td.availableonscene{
	color:Black;
	background-color:#33CCFF;	
	padding: 0;
	border-collapse:collapse;
    border-spacing:0;
}
td.label{
    color:Black;
    font-family: Calibri;    
    font-size:12pt; 
    font-weight:normal;
}
td.data{
    color:Black;
    font-family: Calibri;    
    font-size:15pt; 
    font-weight:bold;
    text-transform: uppercase;
}
td.lrgdata{
    color:Black;
    font-family: Calibri;    
    font-size:20pt; 
    font-weight:bold;
}
td.wdata{
    color:Black;
    font-family: Calibri;    
    font-size:12pt; 
    font-weight:bold;
}
td.smdata{
    color:Black;
    font-family: Calibri;    
    font-size:10pt; 
    font-weight:bold;
}
td.xsmdata{
    color:Black;
    font-family: Calibri;    
    font-size:8pt; 
    font-weight:bold;
}
td.xsmlabel{
    color:Blue;
    font-family: Calibri;    
    font-size:8pt; 
    font-weight:bold;
}
td.wdatacent{
    align: center;
    color:Black;
    font-family: Calibri;    
    font-size:13pt; 
    font-weight:bold;
}
td.rightjust{
    align: left;
    width:100%;
}
#div1 {
	position: absolute;
	left: 600px;
	top: 68px;
	height:73px;
	width:300px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	z-index: 9010;	
}

#calltable {
	width: 98%;
	
	font-size:13pt;
	background-color:#000000;
	opacity:0.6;
		
	/* HMTL5 rounded corners  */	
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;		
}

/*** sample table to demonstrate CSS3 formatting ***/
table.truck {

    overflow:scroll;
    overflow:auto;
    width: 99%;
    height: 95%;
    border-collapse:collapse;
    border-spacing:0;
    padding: 0;
    text-align:left;
    color: #606060;
	/* HMTL5 rounded corners  */	
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


/*** sample table to demonstrate CSS3 formatting ***/
table.formatHTML5 {

    overflow:scroll;
    overflow:auto;
    width: 99%;
    height: 95%;
    border-collapse:collapse;
    text-align:left;
    color: #606060;
	/* HMTL5 rounded corners  */	
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/*** table's thead section, head row style ***/
table.formatHTML5 thead tr td  {
    background-color: White;
    vertical-align:middle;
    padding: 0.6em;
    font-size:0.5em;
}

/*** table's thead section, coulmns header style ***/
table.formatHTML5 thead tr th
{
    padding: 0.5em;
    /* add gradient */
    background-color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
    color: #dadada;
}

/*** table's tbody section, odd rows style ***/
table.formatHTML5 tbody tr:nth-child(odd) {
   background-color: #fafafa;
}

/*** hover effect to table's tbody odd rows ***/
table.formatHTML5 tbody tr:nth-child(odd):hover
{
    cursor:pointer;
    /* add gradient */
    background-color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
    color: #dadada;
}

/*** table's tbody section, even rows style ***/
table.formatHTML5 tbody tr:nth-child(even) {
    background-color: #efefef;
}

/*** hover effect to apply to table's tbody section, even rows ***/
table.formatHTML5 tbody tr:nth-child(even):hover
{
    cursor:pointer;
    /* add gradient */
    background-color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
    color: #dadada;
}

/*** table's tbody section, last row style ***/
table.formatHTML5 tbody tr:last-child {
     border-bottom: solid 1px #404040;
}

/*** table's tbody section, separator row pseudo-class ***/
table.formatHTML5 tbody tr.separator {
    /* add gradient */
    background-color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
    color: #dadada;
}

/*** table's td element, all section ***/
table.formatHTML5 td {
   vertical-align:middle;
   padding: 0.5em;
}

/*** table's tfoot section ***/
table.formatHTML5 tfoot{
    text-align:center;
    color:#303030;
    text-shadow: 0 1px 1px rgba(255,255,255,0.3);
}


a.roundbutton{
  width: 67px;
  height: 20px;
  background-color: #666666;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #ccccff;
  padding: 2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:6pt;
  font-weight:bold;
}
a.roundbutton:link {color: #ccccff; text-decoration:none}
a.roundbutton:visited {color: #ccccff; text-decoration:none}
a.roundbutton:hover {text-decoration:underline; opacity: 0.6;}


div.content {
    border: None;
    clear: left;
    padding: 1em;
	height:100%; 
	width:100%; 
	font-family: Calibri;   


  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;


}

div.content.inactive {
	display: none;
}

ol#toc {
    height: 1em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    background: #747472;
    color: #42423D;
    display: block;
    float: left;
    height: 1em;
    padding-left: 5px;
    text-decoration: none;
    -moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;	
}

ol#toc a:hover {
    background-color: #AAAAAB;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc li a.active {
    background-color: #42423D;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
    background:  100% 0;
    display: block;
    line-height: 1em;
    padding-right: 10px;
}