.SideNav 
{
	background-color: #F5F5F5;
	border: solid 1px #CCCCCC;
	vertical-align: top;
	height: 400px;
}

a.SideNavSubItem, a.SideNavSubItem:link, a.SideNavSubItem:visited {
	color: Black;
	text-decoration: none;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 20px;
}

a.SideNavSubItem:hover {
	
	text-decoration: none;
}

.SideNavSubItemSpacer {
	height: 0px;
}

.SideNavSubItemTopAndBottom {
	height: 0px;
	margin-top: 3px;
}


div.side-link {    
text-decoration: none;  
color: #006699;  
width: 198px;   
height: 20px;    
margin: 0px;   
/*left: no-repeat;*/
font-size : 10pt;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
text-align: left;

}

div.side-link a {   
margin: 0px;   
padding: 0px;  
color: #5e5e60;   
width: 198px; 
/*background color: ;  */
height: 20px; 
padding-top: 3px; 
padding-right: 0px; 
padding-bottom: 3px;
padding-left: 6px;   
text-decoration: none;
/*left no-repeat;*/
font-size : 10pt;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
}


div.side-link a:hover {   
background: none;   
background-color: #9c9d9e;    
margin: 0px; 
color: #ffffff;  
padding: 0px;   
width: 198px;   
height: 20px; 
padding-top: 3px; 
padding-right: 0px; 
padding-bottom: 3px;
padding-left: 6px;      
text-decoration: none;
font-size : 10pt;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
}

* html .IEpadding {
	padding-left: 3px;
}

.Row {
	/*color: #006699;  */
	width: 198px;   
	height: 22px;    
	margin-top: 5px;
	padding-top: 0px;
	padding-right: 0px; 
	padding-bottom: 3px;
	padding-left: 11px;   
	font-size : 8pt;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	text-align: left;
	line-height : 17px;
}

* html .Row {
	padding-left: 14px;
}

.Off {
	color: #5e5e60;   
	text-decoration: none;  
}

.Off a {   
	padding: 0px;  
	color: #5e5e60;   
	width: 198px; 
	/*background color: ;  */
	height: 20px; 
	text-decoration: none;
	/*left no-repeat;*/
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
}
.Off a:hover
{}
.Off a:visited
{}

.On {
	background-color: #9c9d9e;    
	color: #ffffff;  
	text-decoration: none;  
}

.On a {   
	background: none;   
	background-color: #9c9d9e;
	color: #ffffff;  
	padding: 0px;   
	width: 198px;   
	height: 20px; 
	text-decoration: none;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
}
.On a:hover
{}
.On a:visited
{}

.ImgAlign
{
	margin-left:47px;
	vertical-align:bottom;
	margin-top:10px;
	position:relative;
}

/*AHagerty; cleaning up the css to one central location*/
/*Micro Home Nav*/
.glossymenu{
margin:0;
padding: 0;
width: 191px; /*width of menu*/
border-bottom-width: 1;
padding-top: 0px;
border-top:0px;
}
.glossymenu a.menuitem{
font-size : 10pt;
font-family :  Arial, Helvetica, sans-serif;
color: #3e3e3e;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
height:20px;
padding-bottom: 0px;
padding-top:5px;
padding-left: 2px;
border-width:0px;
text-decoration: none;
border-top:1px solid #676767;
}

.glossymenu a.menuitemWithSub{
font-size : 10pt;
font-family :  Arial, Helvetica, sans-serif;
color: #3e3e3e;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
height:20px;
padding-bottom: 0px;
padding-top:5px;
padding-left: 2px;
border-width:0px;
text-decoration: none;
border-top:1px solid #676767;
background-image: url('http://crm.consona.com/images/SideNav_backgroundOff.jpg');
}

.glossymenu a.menuitemWithSub:hover{
	font-weight : normal;
	color :#FFFFFF;
	background-image: url('http://crm.consona.com/images/SideNav_backgroundOn.jpg');
	text-decoration:none;
}

.glossymenu a.menuitemWithSubSelected{
font-size : 10pt;
font-family :  Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-image: url('http://crm.consona.com/images/SideNav_backgroundOn.jpg');
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
height:20px;
padding-bottom: 0px;
padding-top:5px;
padding-left: 2px;
border-width:0px;
text-decoration: none;
border-top:1px solid #676767;
}

/*Bharat;menuitemWithSubSelected, hover for IE 6  */
.glossymenu a.menuitemWithSubSelected:hover{
	color :#FFFFFF;
	background-image: url('http://crm.consona.com/images/SideNav_backgroundOn.jpg');
	text-decoration:none;
}

.glossymenu a.menuitemSelected{
font-size : 10pt;
font-family :  Arial, Helvetica, sans-serif;
background-color: #068ACB;
color: #FFFFFF;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
height:20px;
padding-bottom: 0px;
padding-top:5px;
padding-left: 2px;
border-width:0px;
text-decoration: none;
border-top:1px solid #676767;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
padding-top: 10px;
padding-left: 10px;
border: none;
}

.glossymenu a.menuitem:hover{
    font-size : 10pt;
	font-family :  Arial, Helvetica, sans-serif;
	font-weight : normal;
	color :#FFFFFF;
	background-color: #068ACB;
	text-decoration:none;
}

/*Menu Item1 CSS class for subMenu Color change */
/*AHagerty; cleaning up the css to one central location*/
/*Micro Home Nav*/
.glossymenu{
margin:0;
padding: 0;
width: 191px; /*width of menu*/
border-bottom-width: 1;
padding-top: 0px;
border-top:0px;
}
.glossymenu a.menuitem1{
font-size : 10pt;
font-family :  Arial, Helvetica, sans-serif;
color: #3e3e3e;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
height:20px;
padding-bottom: 0px;
padding-top:5px;
padding-left: 2px;
border-width:0px;
text-decoration: none;
border-top:1px solid #676767;

}


.glossymenu a.menuitem1:visited, .glossymenu .menuitem1:active{
;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
padding-top: 10px;
padding-left: 10px;
border: none;
}
.glossymenu a.menuitem1:hover{
    font-size : 10pt;
	font-family :  Arial, Helvetica, sans-serif;
	font-weight : normal;
	color :#ffffff;
	/*background-color: #046FA6; - changed per Marketing*/
	background-color: #50b0df;
	text-decoration:none;
}


.glossymenu div.submenu{ 
	
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type:none;
margin: 0;
padding: 0;

}
.glossymenu div.submenu ul li{
border-bottom: 1px solid white;
padding-left: 0px;
}
.glossymenu div.submenu ul li a{
display: block;
font-size : 10pt;
font-family :  Arial, Helvetica, sans-serif;
color: #3e3e3e;
text-decoration: none;
padding-left: 0px;
}
.glossymenu div.submenu ul li a:hover{

}

.butborder
{border-bottom:1px solid #3e3e3e;
}

.glossymenu div.SideNavHeading {
    font-size : 13pt;
	font-family :  Arial, Helvetica, sans-serif;
	font-weight : bold;
	color :#FFFFFF;
	width:191px;
	/*padding:3px 0px 3px 0px;*/
	line-height: 27px;
	background-image:url('../images/micrositemenu_bluebackground.jpg');
}

.glossymenu div.SideNavHeading a
{
	color: #FFFFFF;
	text-decoration: none;
}

.glossymenu div.SideNavHeading a:active a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.glossymenu div.SideNavHeading a:hover{
	color: #FFFFFF;
	text-decoration: none;
}


/*End Micro Home Nav*/


/*AHagerty - 2010/03/04 pulled out the css coding from the layouts and put here*/
/*Micro Inside Nav*/
.MicroInSideNavHeading{
    font-size : 13pt;
	font-family :  Arial, Helvetica, sans-serif;
	font-weight : bold;
	color :#ffffff;
	width:191px;
	line-height: 27px; /*images were slighltly different*/
	background-image:url('../images/insidemenu_greybackground.jpg');
	
}

.MicroInSideNavActiveHeading{
font-size : 10pt;
	font-family :  Arial, Helvetica, sans-serif;
	font-weight : normal;
	color :#ffffff;
	height:20px;
	padding-top:5px;
	width:191px;
	background-image:url('../images/insidemenu_img_grey.jpg');
}
.MicroInsideglossymenu{
margin:0;
padding: 0;
width: 191px; /*width of menu*/
border-bottom-width: 1;
/*valign:top;*/
padding-top: 0px;
border-top:0px;
}
.MicroInsideglossymenu a.menuitem{
font-size : 10pt;
font-family :  Arial, Helvetica, sans-serif;
color: #3e3e3e;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
height:20px;
padding-bottom: 0px;
padding-top:5px;
padding-left: 2px;
border-width:0px;
text-decoration: none;
border-top:1px solid #676767
/*border-top:0px;*/
/*width:190px;*/
}
.MicroInsideglossymenu a.menuitem:visited, .MicroInsideglossymenu .menuitem:active{
;
}
.MicroInsideglossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
padding-top: 10px;
padding-left: 10px;
border: none;

}
.MicroInsideglossymenu a.menuitem:hover{
    font-size : 10pt;
	font-family :  Arial, Helvetica, sans-serif;
	font-weight : normal;
	color :#ffffff;
	background-color: #999999; 
}

.MicroInsideglossymenu div.submenu{ /*DIV that contains each sub menu
background: #0678b6*/;
}
.MicroInsideglossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type:none;
margin: 0;
padding: 0;
}
.MicroInsideglossymenu div.submenu ul li{
border-bottom: 1px solid white;
padding-left: 0px;
}
.MicroInsideglossymenu div.submenu ul li a{
display: block;
font-size : 10pt;
font-family :  Arial, Helvetica, sans-serif;
color: #3e3e3e;
text-decoration: none;
padding-left: 0px;
}

.MicroInsideglossymenu div.submenu ul li a:hover{
background:  #d8d8d8;
color: black;
}

.MicroInsidebutborder
{border-bottom:1px solid #3e3e3e;
}
/*Micro Inside Nav*/


.hide{
      display: none;
}

.show{
      display: block;
}
