.ocforecolor { color:#60758D }
.ocbackcolorlight { color:#F5F8FB }
.ocbackcolor { background-color:#DAE5F0; }
.occolorgrad {
    height: 20px;
    background: #DAE5F0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#DAE5F0, transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#DAE5F0, transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#DAE5F0, transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#DAE5F0, transparent); /* Standard syntax (must be last) */
}
.buttonicon {
	float:left;
    width: 0.5cm;
    height: auto;
}
.tooltip { 
    display: inline; 
    position: relative;	
    }
.active {
    background-color:#ADD2F5;
    color:#2E3A46;
    }
.hyperactive {
    background-color:orange;
    color:black;
    font-weight:bolder;
    }

a, p, table, li, h1, h2, h3, h4, h5, h6 { font-family:Verdana, Geneva, Tahoma, sans-serif }

#wrapper { background-color:#FBFBF5 }

#bannerimage { 
	float:left;
	width:850px;
	height:97px;
	}
#bannerimage img {
	position:absolute;
	top:11px;
	}
@keyframes bannerimage_FadeInOut {
	000% { opacity:1; }
	025% { opacity:1; }
	095% { opacity:0; }
	100% { opacity:0; }
	}
#bannerimage2 {
	animation-name: bannerimage_FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 6s;
	animation-direction: alternate;
	}
	
#bannerfield { 
    height:123px; 
    min-width:1070px;
    }
#pagetitle { margin:0px 0px 0px 4.5cm;}

#bannercontact { position:absolute; top:50px; left:957px; font-size:small; }
#email         { position:absolute; top:65px; left:100px; }
#phone         { position:absolute; top:65px; left:140px; }
#linkedin      { position:absolute; top:65px; left:180px; }	

/* TOP NAVIGATION BAR */
#navbartop ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	}
#navbartop li {
    display: inline;
    float: left;
    border-right: 1px solid #60758D;
	}	
#navbartop li a {
    display: block;
    text-align: center;
    padding: 3mm 2mm;
    width:3.5cm;
    text-decoration: none;
	}
#navbartop li a:hover {
    background-color: #60758D;
    color:white;
	}
	
/* LEFT NAVIGATION BAR */	
#navbarleft ul {
    list-style-type: none;
    margin-top: 30px;
    padding: 0;
    width:115px;    
	}

#navbarleft li {
    display: inline;
    float: left;
    border: 1px solid #60758D;
    background-color:#DAE5F0;
	}
	
#navbarleft li a {
    display: block;
    text-align: center;
    padding: 3mm 2mm;
    width:3.5cm;
    text-decoration: none;
	}
#navbarleft li a:hover {
    background-color: #60758D;
    color:white;
	}	
#TextIcon {
    width: auto;
    height: 6mm;
    max-width:200px;
    min-width:10px;
	}
	
/* CONTENT */
#content { padding-left:4.5cm;  min-height: 1000px; }

}