﻿/*########## - VERTICAL MENU - GENERIC STYLE - ##########*/
div.vertical-menu
{	
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;	
	display: block;	
	position:relative;
}

div.vertical-menu .title
{	
	margin: 0px 25px 18px 25px;
	padding: 18px 0px 0px 0px;			
	color: #FFF;
	font-size: 12px;
	font-weight:bold;			
}

div.vertical-menu .description
{	
	margin: -1px 25px 0px 25px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
	font-size: 12px;
}

div.vertical-menu .item, div.vertical-menu .item-current
{					
	margin: -1px 25px 0px 25px;
	padding: 5px 0px 5px 0px;			
	border-top: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;		
	background-position: center right;
	background-repeat: no-repeat;	
	font-size: 10px;	
}

div.vertical-menu .item-current
{			
	font-weight:bold;
}

div.vertical-menu .subitem, div.vertical-menu .subitem-current
{								
	margin-bottom: 0px;
	padding: 3px 0px 3px 0px;				
	border-bottom: 1px solid #B2B2B2;		
	font-size: 9px;		
}

div.vertical-menu .subitem-current
{			
	font-weight:bold;
}

div.vertical-menu a.item-back
{					
	position:absolute;
	bottom:15px;		
	right: 15px;	
	font-size: 9px;	
}

div.vertical-menu a, div.vertical-menu a:link, div.vertical-menu a:visited, div.vertical-menu a:focus, div.vertical-menu a:hover, div.vertical-menu a:active
{	
	color: #FFFFFF;
	text-decoration: none;
}


/*########## - VERTICAL MENU - SPECIFIC STYLE - ##########*/

div.vertical-menu 
{			
	background-repeat: no-repeat;
	background-position: top left;		
}

div.vertical-menu .item 
{	
	background-image: url('../../Content/img/btn_off_blue.png');  
}

div.vertical-menu .item-current 
{	
	background-image: url('../../Content/img/btn_on_blue.png');  
}

div.vertical-menu .item-current a, div.vertical-menu .item-current a:link, div.vertical-menu .item-current a:visited, div.vertical-menu .item-current a:focus, div.vertical-menu .item-current a:hover, div.vertical-menu .item-current a:active
{	
	color: #003366;
}

div.vertical-menu a.item-back
{
	height: 15px;
	padding-right: 25px;	
	background-position: top right;
	background-repeat: no-repeat;
}

/* VR BLUE 244 X 248 */
div.vertical-menu.w244_h248
{	
	width: 244px;		
	height: 248px;	
	background-image: url('../../Content/img/bg_vr_blue_w244_h248.png');  	
}

div.vertical-menu.w244_h248 .subitem, div.vertical-menu.w244_h248 .subitem-current
{							
	margin-left: 75px;
	margin-right: 40px;
}

/* VR BLUE 366 X 185 */
div.vertical-menu.w366_h185
{	
	width: 366px;		
	height: 185px;
	background-image: url('../../Content/img/bg_vr_blue_w366_h185.png'); 
}	

div.vertical-menu.w366_h185 .subitem, div.vertical-menu.w366_h185 .subitem-current
{							
	margin-left: 150px;
	margin-right: 40px;
}

/* VR BLUE 367 X 249 */
div.vertical-menu.w367_h249
{	
	width: 367px;		
	height: 249px;
	background-image: url('../../Content/img/bg_vr_blue_w367_h249.png'); 
}
div.vertical-menu.w367_h249 .subitem, div.vertical-menu.w367_h249 .subitem-current
{							
	margin-left: 150px;
	margin-right: 40px;
}

/* VR BLUE 367 X 235 */
div.vertical-menu.w367_h235
{	
	width: 367px;		
	height: 235px;	
	background-image: url('../../Content/img/bg_vr_blue_w367_h235.png'); 
}
div.vertical-menu.w367_h235 .subitem, div.vertical-menu.w367_h235 .subitem-current
{							
	margin-left: 130px;
	margin-right: 85px;
}
