@charset "utf-8";

/*
*********************
LexisOne Custom Left Navigation CSS Rules file

Version:1.0
Date = August - 2011
Author = HCL [Chandan Sinha]
*********************
*/

/*////////////////////
 GENERAL RULES 
////////////////////*/
.float-left { float:left; }
.float-right { float:right; }
.align-middle { vertical-align:middle; }
.display-none { display:none; }
.text-align-left { text-align:left; }
.text-align-right { text-align:right; }
.text-align-center { text-align:center; }
.nowrap { white-space:nowrap; }
/* remember to define focus styles! 
:focus {
	outline: 0;
}*/

/*////////////////////
 LEFT NAV BAR 
////////////////////*/
.lexisone-tcode-left-navbar,
.lexisone-tcode-left-navbar ul,
.lexisone-tcode-left-navbar ul li,
.lexisone-tcode-left-navbar a,
.lexisone-tcode-left-navbar img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight:normal;
	font-style: inherit;
	font-size: 100%;
	font-family: "Trebuchet MS", sans-serif;
	vertical-align: baseline;
}
.lexisone-tcode-left-navbar { display:inline; float:left;  position:relative; z-index:30; width:160px; }
.lexisone-tcode-left-navbar .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.lexisone-tcode-left-navbar a, 
.lexisone-tcode-left-navbar a:visited { color:#0F739F; }
.lexisone-tcode-left-navbar a:hover { color:#1395CD; text-decoration:none; }
.lexisone-tcode-left-navbar img { -ms-interpolation-mode:bicubic; } /*IE7 fix to properly render scaled down images*/

.lexisone-tcode-left-navbar ul { box-shadow:0 2px 3px rgba(0,0,0,.25); -moz-box-shadow:0 2px 3px rgba(0,0,0,.25); -webkit-box-shadow:0 2px 3px rgba(0,0,0,.25); }
/*.lexisone-tcode-left-navbar ol,*/ 
.lexisone-tcode-left-navbar ul { list-style: none; }
.lexisone-tcode-left-navbar ul.menu { position:relative; padding:5px 10px 15px; background:url(/images/cobrandimage/bg-texture-modules.gif) bottom repeat-x #fff; border:#ddd 1px solid; }
.lexisone-tcode-left-navbar ul.menu li { z-index:20; border-bottom:#d0d0d0 1px dotted; 
	padding-bottom:5px; _padding:0; _padding-bottom:0; #padding-bottom:5px; }
.lexisone-tcode-left-navbar ul.menu li:hover { cursor:pointer; border-bottom:#d0d0d0 1px dotted; background:url(/images/cobrandimage/bg-flyouts.png) left repeat-y; _background:none; }
.lexisone-tcode-left-navbar ul.menu li.simple:hover { border-bottom:#0F739F 1px solid; background:none; }
.lexisone-tcode-left-navbar ul.menu > li a,
.lexisone-tcode-left-navbar ul.menu > li a:visited { color:#333; font-size:.8em; display:block; padding:6px 0 0; text-decoration:none; 
	/*background:url(/images/cobrandimage/img-sprites.png) no-repeat;*/  }
.lexisone-tcode-left-navbar ul.menu > li a:hover { color:#fff; }

.lexisone-tcode-left-navbar ul.menu .simple a:hover { color:#1395CD; }
.lexisone-tcode-left-navbar .hover { color:#fff; } /*This rule is necessary to have the text stay the 'active' color when the mouse is moved into the flyout layer, otherwise the text will go back to the 'normal' state. It should be the same color as in ".lexisone-tcode-left-navbar ul.menu > li a:hover" above.*/

/*Rounded corners = Left nav*/
.lexisone-tcode-left-navbar ul, 
ul.menu li.mega div.section-bg, 
ul.menu li.mega div.section-bg div.float-right div.more-sections { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.lexisone-tcode-left-navbar ul.menu li:hover{ border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; 
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; }

/*Box shadows = Left nav*/
.lexisone-tcode-left-navbar ul li:hover,
*>.left-navigation-column ul.menu li.hovering { box-shadow:0 2px 3px #999; -moz-box-shadow:0 2px 3px #999; -webkit-box-shadow:0 2px 3px #999; }

.lexisone-tcode-left-navbar ul li.simple:hover { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
	
/*Icons*/
.lexisone-tcode-left-navbar ul.menu li a,
.lexisone-tcode-left-navbar ul.menu li a:visited { color:#333; _font-size:1em; display:block; 
	padding:6px 0 0 0; _padding:0 0 0 0; #padding:5px 0 0 0; 
	text-decoration:none; /*background:url(/images/cobrandimage/img-sprites.png) no-repeat;*/  }
.lexisone-tcode-left-navbar ul.menu li a:hover{ color:#fff; }

.lexisone-tcode-left-navbar ul.menu li a img { float:left; margin:0 5px; #padding-left:5px; _padding:0; }
.lexisone-tcode-left-navbar ul.menu li a span { float:left; width:105px; padding:3px 0; cursor:pointer; _font-size:0.8em; }	
.lexisone-tcode-left-navbar ul.menu li a span.clear { display:block; clear:both; }

	/*IE*/
	* html .lexisone-tcode-left-navbar h6 { position:relative; border-bottom-style:solid; }
	* html #left-col ol li a { display:inline-block; }
	* html #left-col ol li a { display:block; }
	* html .lexisone-tcode-left-navbar ul.menu { background:#f4f4f4; }	
	* html .lexisone-tcode-left-navbar ul.menu li { border-bottom-style:solid; padding:0; }
	* html .hovering { background:url(/images/cobrandimage/bg-flyouts.gif) left repeat-y #000; }	
	
	* html .lexisone-tcode-left-navbar ul li a,
	* html .lexisone-tcode-left-navbar ul li a:visited { position:relative; color:#333; font-size:.8em; display:block; padding:6px 0 0; text-decoration:none; }
	* html .lexisone-tcode-left-navbar ul li a:hover { color:#1395CD; }
