@charset "UTF-8";
/* CSS Document */


#panecontainer{
margin: 0;
padding: 4px;
background: #00648b url(echelon-images/pane-container-back.gif) top left repeat-x;
width: 650px;
height: 280px!important;
overflow: hidden;
}

	
	/* panes */
#panes {
width: 650px;
height:210px;
margin-bottom:-20px;
padding-bottom:20px;
border: none;		
/* must be relative so the individual panes can be absolutely positioned */
position:relative;
overflow: hidden;
background: #ececec;
	}

	
/* crossfading effect needs absolute positioning from the elements */
#panes div {
display:none;		
position:absolute;
top:0px;
left:0px;
margin: 0;
padding: 10px;
width: 634px;
height:210px;
	}

#pane1{
background: #ececec url(echelon-images/panel-doc-meeting.jpg) center right no-repeat;
}
#pane2{
background: #ececec url(echelon-images/panel-assets.jpg) center right no-repeat;
}
#pane3{
background: #ececec url(echelon-images/panel-planning.jpg) center right no-repeat;
}
#pane4{
background: #ececec url(echelon-images/panel-training.jpg) center right no-repeat;
}
#pane5{
background: #ececec url(echelon-images/panel-checklist.jpg) center right no-repeat;
}


#panes div p, #panes div li{
font-size: 0.8em;
}
	
	
	.overlay {
		display:none;
		width:500px;
		padding:20px;
		background-color:#ddd;
	}


ul.pane-pointers{
margin: 0!important;
padding: 0!important;
list-style: none!important;
}
ul.pane-pointers li{
margin: 0 0 0.5em 0!important;
padding: 0 0 0 26px!important;
background: url(echelon-images/pane-pointer.gif) center left no-repeat;
font-size: 0.8em!important;
line-height: 1.6em!important;
}

ul.pane-pointers li a{
color: #666;
text-decoration: none;
}





/* ////////// navigation ////////// */
#panenav {
margin: 0;
padding: 0;
display: block;
overflow: hidden;
zoom: 1;	}
	
#panenav ul {
margin: 0;
padding: 0;	
	}
	
#panenav li {	
margin: 0!important;
padding: 0!important;
float:left;
list-style:none;
text-align:center;
display:block;
height:55px;
width: 130px;
overflow: hidden;
	}

#panenav li a.right{
border-right: 1px solid #00648b;
width: 109px!important;
}
#panenav li a.left-right{
border-left: 1px solid #009cd5;
border-right: 1px solid #00648b;
width: 108px!important;
}
#panenav li a.left{
border-left: 1px solid #009cd5;
width: 109px!important;
}
	
#panenav a:link,
#panenav a:visited {
color:#fff;
font-weight: bold;
display:block;
margin: 0!important;
padding:10px;
position:relative;
font-size:1em;		
height:29px;
width: 110px;
text-decoration:none;
background: #009cd5 url(echelon-images/tab-back.gif) top left repeat-x;
}
#panenav a:hover,
#panenav a:active,
#panenav a:focus {
color:#9cf;
font-weight: bold;
display:block;
margin: 0!important;
padding:10px;
position:relative;
font-size:1em;		
height:29px;
width: 110px;
text-decoration:none;
background: #009cd5 url(echelon-images/tab-back.gif) top left repeat-x;
}	
	
	
#panenav li a.left.activeSlide {
color: #00648b!important;
background: #ececec url(echelon-images/tab-hilite.gif) bottom left no-repeat!important;	
border: none!important;
width: 110px!important;
height:29px;
}
#panenav li a.right.activeSlide {
color: #00648b!important;
background: #ececec url(echelon-images/tab-hilite.gif) bottom left no-repeat!important;	
border: none!important;
width: 110px!important;
height:29px;
}
#panenav li a.left-right.activeSlide {
color: #00648b!important;
background: #ececec url(echelon-images/tab-hilite.gif) bottom left no-repeat!important;	
border: none!important;
width: 110px!important;
height:29px;
}