/* ##  Left Nav  ## */

.railNavWrapper {position:relative;}
.railNavWrapper .trigger {position:absolute; left:50%; margin-left:-11px; top:-11px; z-index:10; width:20px; height:20px; line-height:14px; font-weight:500; font-size:1.55em; background:#ffffff; color:#c0c5d1; border:1px solid #2b4986; text-align:center; -webkit-border-radius: 20px; border-radius: 20px; cursor:pointer;}

.railNav {margin:0; padding:0; list-style-type:none; font-family:inherit; display:none;}
ul.railNav li {width:50%; float:left; display:table; height:60px; border-top:1px solid #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul.railNav li:nth-child(1),
ul.railNav li:nth-child(2) {border-top:0px;}
ul.railNav li:nth-child(2n-1) {border-right:1px solid #ffffff;}
ul.railNav li:nth-child(2n) {border-left:1px solid #ffffff;}
ul.railNav a {font-weight:normal; text-decoration:none;font-family:inherit; font-size:.875em; color:#263248; display:table-cell; vertical-align:middle; text-transform:uppercase; text-align:center; background:#e6e8eb; padding:0 10px;

-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
	    -ms-transition: all .1s linear; 
	     -o-transition: all .1s linear;
	        transition: all .1s linear;

}
ul.railNav a:hover, 
ul.railNav a:active {text-decoration:none; background:#fcc000;}
ul.railNav a.on {background:#fcc000;}

ul.railNav ul  {margin:4px 0 0 10px; padding:0; list-style-type:none;}
ul.railNav ul li {}
ul.railNav ul a {}
ul.railNav ul a:hover, 
ul.railNav ul a:active {text-decoration:underline;}

.railNavWrapper2 {padding:0; margin:-45px 0 15px 0; position:relative;}
.railNavWrapper2 .trigger {position:absolute; left:50%; margin-left:-11px; top:-11px; z-index:10; width:20px; height:20px; line-height:14px; font-weight:500; font-size:1.55em; background:#ffffff; color:#c0c5d1; border:1px solid #2b4986; text-align:center; -webkit-border-radius: 20px; border-radius: 20px; cursor:pointer;}
.siteBody .railNav2 {margin:0; padding:0; list-style-type:none; font-family:inherit; font-size:1em; display:none;}
.siteBody ul.railNav2 li {margin:0 0 2px 0;}
.siteBody ul.railNav2 li:before {display:none;}
.siteBody ul.railNav2 li a {display:table; width:100%; height:60px; color:#263248; text-decoration:none; background:#e3e3e3; text-transform:uppercase;}
.siteBody ul.railNav2 li a span {display:table-cell; background:url(/cms/images/layout/icons_account.png) no-repeat 0 0; padding:5px 15px 5px 75px; vertical-align:middle;}
.siteBody ul.railNav2 li a:hover {background:#fcc000;}

ul.railNav2 li a.profile span {background-position:10px 13px;}
ul.railNav2 li a.renew span {background-position:10px -56px;}
ul.railNav2 li a.payment span {background-position:10px -125px;}
ul.railNav2 li a.register span {background-position:10px -194px;}
ul.railNav2 li a.acpanywhere span {background-position:10px -262px;}
ul.railNav2 li a.vote span {background-position:10px -330px;}
ul.railNav2 li a.wake span {background-position:10px -400px;}
ul.railNav2 li a.affinity span {background-position:10px -466px;}
ul.railNav2 li a.governance span {background-position:10px -536px;}
ul.railNav2 li a.password span {background-position:10px -605px;}
ul.railNav2 li a.logout span {padding:5px 15px; text-align:center; font-weight:bold; background:none;}

.subNav {list-style-type:none; margin:0 0 40px 0; padding:0px; text-align:center;}
.subNav li {display:inline-block; padding:0 2px; vertical-align:top;}
.subNav li:before {display:none;}
.subNav li a {text-decoration:none; display:block; color:#7e8aa2; text-align:center; text-transform:uppercase; font-size:.875em; width:120px;}
.subNav li a .icon {display:block; height:60px; width:60px; margin:0 auto 5px;}
.subNav li a .text {display:block; text-decoration:none;}
.subNav li a:hover,
.subNav li.active a {color:#fdd65a;}
.subNav li a:hover .icon { background-position:inherit -60px;}

.practiceNav {}
.practiceNav li:nth-child(1) a .icon{background:url(/cms/images/layout/icons_practice.png) no-repeat 0 0; }
.practiceNav li:nth-child(1) a:hover .icon,
.practiceNav li.active:nth-child(1) .icon {background:url(/cms/images/layout/icons_practice.png) no-repeat 0 -62px; }

.practiceNav li:nth-child(2) a .icon{background:url(/cms/images/layout/icons_practice.png) no-repeat -143px 0; }
.practiceNav li:nth-child(2) a:hover .icon,
.practiceNav li.active:nth-child(2) .icon {background:url(/cms/images/layout/icons_practice.png) no-repeat -143px -62px; }

.practiceNav li:nth-child(3) a .icon{background:url(/cms/images/layout/icons_practice.png) no-repeat -289px 0; }
.practiceNav li:nth-child(3) a:hover .icon,
.practiceNav li.active:nth-child(3) .icon {background:url(/cms/images/layout/icons_practice.png) no-repeat -289px -62px; }

.practiceNav li:nth-child(4) a .icon{background:url(/cms/images/layout/icons_practice.png) no-repeat -433px 0; }
.practiceNav li:nth-child(4) a:hover .icon,
.practiceNav li.active:nth-child(4) .icon {background:url(/cms/images/layout/icons_practice.png) no-repeat -433px -62px; }

.practiceNav li:nth-child(5) a .icon{background:url(/cms/images/layout/icons_practice.png) no-repeat -578px 0; }
.practiceNav li:nth-child(5) a:hover .icon,
.practiceNav li.active:nth-child(5) .icon {background:url(/cms/images/layout/icons_practice.png) no-repeat -578px -62px; }

.practiceNav li:nth-child(6) a .icon{background:url(/cms/images/layout/icons_practice.png) no-repeat -723px 0; }
.practiceNav li:nth-child(6) a:hover .icon,
.practiceNav li.active:nth-child(6) .icon {background:url(/cms/images/layout/icons_practice.png) no-repeat -723px -62px; }




.aboutNav {}
.aboutNav li:nth-child(1) a .icon{background:url(/cms/images/layout/icons_about.png) no-repeat -15px 0; }
.aboutNav li:nth-child(1) a:hover .icon,
.aboutNav li.active:nth-child(1) .icon {background:url(/cms/images/layout/icons_about.png) no-repeat -15px -62px; }

.aboutNav li:nth-child(2) a .icon{background:url(/cms/images/layout/icons_about.png) no-repeat -166px 0; }
.aboutNav li:nth-child(2) a:hover .icon,
.aboutNav li.active:nth-child(2) .icon {background:url(/cms/images/layout/icons_about.png) no-repeat -166px -62px; }

.aboutNav li:nth-child(3) a .icon{background:url(/cms/images/layout/icons_about.png) no-repeat -291px 0; }
.aboutNav li:nth-child(3) a:hover .icon,
.aboutNav li.active:nth-child(3) .icon {background:url(/cms/images/layout/icons_about.png) no-repeat -291px -63px; }


@media only screen and (min-width:48em){
	.railNavWrapper2 {padding:0 25px 0 0;}
	.railNavWrapper2 .trigger {display:none;}
	.siteBody .railNav2 {display:block !important;}
}