/*
****************************************************************
GENERIC MENU STYLES 
****************************************************************

- All shared styles relating to the menus on the screen layout.

*****************************************************************
*/
div.menu ul,
ul.menu
{
    list-style  : none;
    margin      : 0px;
    padding     : 0px;
}

div.menu ul li,
ul.menu li
{
    list-style          : none;
    list-style-image    : none;
    margin              : 0px;
    padding             : 0px;
    cursor              : pointer;
    float				: left;
}

/*
 =======================================================================================================================================================
 =======================================================================================================================================================
 */

/*
****************************************************************
SITE TOP MENU
****************************************************************

- The site top menu is the main site structure navigation.

*****************************************************************
*/   
/* Level 1 */
div.header div.menu.top.level1
{
	width : 100%;
	height : 30px;		
	margin : 0;
	padding : 0;
	cursor : default;
	border-left : none;
	border-right : none;
}  
div.header div.menu.top.level1 ul
{
	padding : 0;
	height : 30px;	
}
div.header div.menu.top.level1 ul li
{
}
div.header div.menu.top.level1 ul li a
{
	font-size : 11px;
	font-weight : normal;
	color : #656A70;	
	padding : 7px 10px 10px 10px;
	display : block;
}
div.header div.menu.top.level1 ul.menu.top.level1 li a:hover
{
	border-top : solid 2px #656A70;
	padding-top : 5px;
	color : Black;
}
/* Level 2 */
div.header div.menu.top.level1 ul li div.menu.top.level2
{
	position : absolute;
	margin : 0;
	padding : 0;
	cursor : default;
	z-index : 10;		
	width : 181px;	
}
div.header div.menu.top.level1 ul li div.menu.top.level2 ul
{	
	text-align : left;	
}
div.header div.menu.top.level1 ul li div.menu.top.level2 ul li
{
	float : left;	
	clear : left;
	width : 100%;
}
div.header div.menu.top.level1 ul li div.menu.top.level2 ul li a
{
	font-size : 11px;
	font-weight : normal;
	color : #656A70;	
	padding : 7px 14px 10px 14px;	
}
div.header div.menu.top.level1 ul li div.menu.top.level2 ul li a:hover
{
	color : White;
	background-color : #656A70;		
	border-top : none;
	padding-top : 7px;	
}

/*
****************************************************************
SITE SECTION MENU
****************************************************************

- The site section menu contains menu elements relating to a given section.

*****************************************************************
*/   
/* Level 1 */
div.content div.menu.section.level1
{
	width : 236px;	
	margin : 0px auto 10px auto;
	padding : 2px;
	cursor : default;
	float : left;
	clear : left;
}  
div.content div.menu.section.level1 ul.menu.section.level1
{
	padding : 0;
}
div.content div.menu.section.level1 ul.menu.section.level1 li
{
	float : left;
	clear : left;
	width : 236px;
	margin : 0 0 2px 0;	
}
div.content div.menu.section.level1 ul.menu.section.level1 li a
{
	font-size : 11px;
	font-weight : bold;
	color : #656A70;	
	padding : 7px 10px 10px 10px;
	margin-left : 15px;	
	display : block;	
	background-color : White;
}
div.content div.menu.section.level1 ul.menu.section.level1 li a:hover
{
	color : Black;
}
/* Level 2 */
div.content div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2
{
	width : 236px;	
	margin : 0;
	padding : 0 0 2px 0;		
	float : left;		
}  
div.content div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2 ul.menu.section.level2
{
	padding : 0;	
}
div.content div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2 ul.menu.section.level2 li
{
	float : left;
	clear : left;
	width : 236px;
	margin : 2px 0;
}
div.content div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2 ul.menu.section.level2 li a
{
	font-size : 11px;
	font-weight : normal;
	color : #656A70;	
	padding : 3px 10px;
	display : block;	
	background-color : White;
}
div.content div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2 ul.menu.section.level2 li a:hover
{
	text-decoration : underline;
}
div.content div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2 ul.menu.section.level2 li.selected a
{
	border-bottom : solid 1px #DADADA;
}
div.content div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2 ul.menu.section.level2 li.selected a
{
	text-decoration : none;
}

/*
****************************************************************
SITE RELATED MENU
****************************************************************

- The site related menu contains menu elements relating to a given section.

*****************************************************************
*/   
/* Level 1 */
div.content div.menu.related
{
	width : 240px;	
	margin : 0px auto 15px auto;
	padding : 0px;
	cursor : default;
	float : left;
	clear : left;
}  
div.content div.menu.related ul.menu.related
{
	padding : 0;
}
div.content div.menu.related ul.menu.related li
{
	float : left;
	clear : left;
	width : 240px;
	margin : 0;
	padding : 0;	
	border-bottom : solid 1px #656A70;
}
div.content div.menu.related ul.menu.related li a
{
	font-size : 11px;
	font-weight : bold;
	color : #656A70;	
	padding : 7px 10px 10px 10px;
	display : block;		
}
div.content div.menu.related ul.menu.related li a:hover
{
	color : Black;
}
div.content div.menu.related ul.menu.related li.selected a
{
	color : Black;
}

/*
****************************************************************
VEHICLE ACTIONS MENU
****************************************************************

- The vehicle actions menu contains the actions needed when viewing a particular vehicle in the UVL.

*****************************************************************
*/ 
div.vehiclepanel div.menu.actions
{
	width : 477px;
	height : 30px;		
	margin : 5px 0 0 10px;
	padding : 0;
	cursor : default;	
}  
div.vehiclepanel div.menu.actions ul
{
	padding : 0;	
}
div.vehiclepanel div.menu.actions ul li
{
	height : 26px;
	margin-top : 2px;
	border-top : solid 2px #656A70;
}
div.vehiclepanel div.menu.actions ul li.prev { width : 115px; }
div.vehiclepanel div.menu.actions ul li.zoom { width : 115px; margin-left : 3px; margin-right : 3px; }
div.vehiclepanel div.menu.actions ul li.next { width : 115px; }
div.vehiclepanel div.menu.actions ul li.results { width : 115px; margin-left : 3px; }
div.vehiclepanel div.menu.actions ul li.prev.hide,
div.vehiclepanel div.menu.actions ul li.zoom.hide,
div.vehiclepanel div.menu.actions ul li.next.hide { cursor : default; border-bottom : solid 1px #DADADA; }
div.vehiclepanel div.menu.actions ul li.prev.hide a,
div.vehiclepanel div.menu.actions ul li.zoom.hide a,
div.vehiclepanel div.menu.actions ul li.next.hide a { display : none; }
div.vehiclepanel div.menu.actions ul li a
{
	text-align : center;
	font-size : 11px;
	font-weight : bold;
	color : #656A70;	
	padding : 5px 0 0 0;
	display : block;
	height : 21px;
}
div.vehiclepanel div.column.right div.detail div.menu.actions ul li:hover
{
	background-color : #656A70;	
}
div.vehiclepanel div.menu.actions ul li.prev.hide:hover,
div.vehiclepanel div.menu.actions ul li.zoom.hide:hover,
div.vehiclepanel div.menu.actions ul li.next.hide:hover
{
	background-color : White;
}
div.vehiclepanel div.menu.actions ul li a:hover
{
	color : White;
}
div.vehiclepanel div.menu.actions ul li.prev.hide a:hover,
div.vehiclepanel div.menu.actions ul li.zoom.hide a:hover,
div.vehiclepanel div.menu.actions ul li.next.hide a:hover
{
	color : #656A70;
}

/* Menu Related Actions */
div.vehiclepanel div.menu.actions.other,
div.vehiclepanel div.menu.actions ul.menu.related li
{
	height : 105px;
}
div.vehiclepanel div.menu.actions ul.menu.related li.print { width : 115px; }
div.vehiclepanel div.menu.actions ul.menu.related li.book { width : 115px; margin-left : 3px; margin-right : 3px; }
div.vehiclepanel div.menu.actions ul.menu.related li.missing { width : 115px; }
div.vehiclepanel div.menu.actions ul.menu.related li.send { width : 115px; margin-left : 3px; }
div.vehiclepanel div.menu.actions ul.menu.related li a
{
	text-align : center;
	font-size : 11px;
	font-weight : bold;
	height : 105px;
	color : #656A70;	
	padding : 5px 0 0 0;
	display : block;
}
div.vehiclepanel div.menu.actions ul.menu.related li a img
{
	display : block;
	width : 70px;
	height : 70px;
	margin : 0px auto;
}
div.vehiclepanel div.menu.actions ul.menu.related li a span
{
	font-size : 10px;
	font-weight : normal;
}
div.vehiclepanel div.column.right div.detail div.menu.actions ul.menu.related li:hover
{
	background-color : #656A70;	
}
div.vehiclepanel div.menu.actions ul.menu.related li a:hover
{
	color : White;
}
/*
****************************************************************
SITE TOOLS MENU
****************************************************************

- The site tools menu contains additional navigation to other areas of the site.

*****************************************************************
*/   
div.footer div.menu.tools
{
	width : 95%;
	margin : 0px auto;
	padding : 5px 0px 10px 0px;
	cursor : default;
	border : 1px solid #C4C4C4;
}  
div.footer div.menu.tools a
{
	margin : 3px 7px 0px 7px;
	font-size : 11px;
	font-weight : normal;
	color : #656A70;	
}
div.footer div.menu.tools a:hover
{
	color : White;
}
div.footer div.menu.tools a.selected
{
	color : White;
	cursor : default;
}