@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700);
/* Admin Alerts CSS */
/********************************************************************/
#AdminAlerts 									{ position: relative; z-index: 998; padding: 0 0 24px 0; background: #525252; height: 150px;}
.FullViewAlerts									{height: auto !important; }
#AdminAlerts .AlertsArea 						{ width: 960px; margin: auto; padding-bottom: 8px;}
#AdminAlerts #Alerts							{ display: none; }
#AdminAlerts .AlertItemWrapper					{ float: left; width: 960px; padding: 16px 0; }
#AdminAlerts .AlertItem 						{position: relative;  }
#AdminAlerts .expandedAlerts					{ float: none; }
#AdminAlerts .AlertImage 						{ position: absolute; left: 0; top: 0; padding: 0; }
#AdminAlerts .AlertImage img					{ width: 36px; }
#AdminAlerts a.CloseAlert, 
#AdminAlerts a.CloseAlert:link, 
#AdminAlerts a.CloseAlert:visited 				{ position: absolute; right: 10px; top: 2px; margin: 0; height: 28px; width: 28px; text-indent: -99999px; 
												background: url(images/close-alert.png) 0 0 no-repeat transparent; }
#AdminAlerts a.CloseAlert:hover 				{ background-position: bottom left; }
#AdminAlerts .AlertText 						{ padding: 0 50px; height: 72px; font-size: 12px; line-height: 18px; display: block; text-overflow: ellipsis; overflow: hidden; }
#AdminAlerts .AlertText, 
#AdminAlerts .AlertText a:hover,
#AdminAlerts .AlertText p,
#AdminAlerts .AlertText span,
#AdminAlerts .AlertText .normal					{ color: #fff; }
#AdminAlerts .AlertText a,
#AdminAlerts .AlertText a:link,
#AdminAlerts .AlertText a:visited				{ color: #0eccab; text-decoration: underline; }
#AdminAlerts .AlertText h1, 
#AdminAlerts .AlertText h2, 
#AdminAlerts .AlertText h3, 
#AdminAlerts .AlertText h4, 
#AdminAlerts .AlertText h5, 
#AdminAlerts .AlertText h6,
#AdminAlerts .AlertText .heading1,
#AdminAlerts .AlertText .heading2,
#AdminAlerts .AlertText .heading3				{ margin: 0; padding: 0 0 6px 0; color: #fff; }
#AdminAlerts .AlertPager 						{ text-align: center; }
#AdminAlerts .AlertPager a,
#AdminAlerts .AlertPager a:link,
#AdminAlerts .AlertPager a:visited				{ display: inline-block; height: 12px; width: 12px; text-indent: -99999px;
												background: url(images/bullet.png) 0 0 no-repeat transparent; margin: 0 3px; }
#AdminAlerts .AlertPager a.selected,
#AdminAlerts .AlertPager a.selected:link,
#AdminAlerts .AlertPager a.selected:visited		{ background-position: 0 -100px; }
#AdminAlerts .AlertPager a:hover,
#AdminAlerts .AlertPager a:focus,
#AdminAlerts .AlertPager a:active				{ background-position: 0 -200px; }
#AdminAlerts .AlertActions 						{ text-align: center; padding: 8px 0; }
#AdminAlerts a.AlertAction,
#AdminAlerts a.AlertAction:link,
#AdminAlerts a.AlertAction:visited				{ padding: 5px 10px; margin: 0 4px; color: #0eccab; font-family: 'Lato', sans-serif; font-size: 14px; 
												line-height: 18px; font-weight: normal; text-decoration: none; border: solid 1px #0eccab; border-radius: 4px 4px 4px 4px;
												-moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; display: inline-block; }
#AdminAlerts a.MaximizeAlert,
#AdminAlerts a.MaximizeAlert:link,
#AdminAlerts a.MaximizeAlert:visited			{ background-position: 0 0; }
#AdminAlerts a.MaximizeAlert:hover				{ background-position: 0 -200px; }
#AdminAlerts a.MinimizeAlert,
#AdminAlerts a.MinimizeAlert:link,
#AdminAlerts a.MinimizeAlert:visited			{ background-position: 0 -50px; }
#AdminAlerts a.MinimizeAlert:hover				{ background-position: 0 -250px; }
#AdminAlerts a.ArchiveAllAlerts,
#AdminAlerts a.ArchiveAllAlerts:link,
#AdminAlerts a.ArchiveAllAlerts:visited			{ background-position: 0 -100px; }
#AdminAlerts a.ArchiveAllAlerts:hover			{ background-position: 0 -300px; }
#AdminAlerts a.ViewAllAlerts,
#AdminAlerts a.ViewAllAlerts:link,
#AdminAlerts a.ViewAllAlerts:visited			{ background-position: 0 -150px; }
#AdminAlerts a.ViewAllAlerts:hover				{ background-position: 0 -350px; }
#AdminAlerts a.AlertAction:hover				{ color: #525252; background: #0eccab; }
#AdminAlerts .fullView,
#AdminAlerts a.fullView, 
#AdminAlerts a.fullView:link, 
#AdminAlerts a.fullView:visited					{ display: none; }
/* conflicting Fred Slider css*/
#AdminAlerts .caroufredsel_wrapper				{ width: auto !important; height: 104px !important; }
#AdminAlerts .caroufredsel_wrapper:before,
#AdminAlerts .caroufredsel_wrapper:after		{ width: 0; height: 0 }
.clearFix										{ clear: both; font-size: 0px; line-height: 0px; height: 0px; }

/* Mobile and Touch Device CSS */
/*************************************************/
@media screen and (max-width: 988px){
	#AdminAlerts .AlertsArea, #AdminAlerts .AlertItemWrapper { width: 96%; }
}
@media screen and (max-width: 988px) and (max-width: 720px) {
	#AdminAlerts .AlertsArea, #AdminAlerts .AlertItemWrapper { width: 96%; }
}

#Body .controlPanel-menuHolder{
	background: #f0f0f0;
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	height: 69px;
	z-index: 9000;
}

@media screen and (max-width: 450px) {
	#Body .controlPanel-menuHolder{
		height: 46px;
	}
}

@media screen and (max-width: 1100px) {
	#Body .controlPanel-menuHolder{font-size: 15px;}
}

#Body .controlPanel-menuHolder nav {
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
}

@media screen and (max-width: 1100px) {
	#Body .controlPanel-menuHolder nav {
		max-width: 1015px;
	}	
}

#Body .controlPanel-menuHolder nav ul {
	list-style: none;
    margin: 0 auto;
    padding: 0;
    display: block;
}

#Body .controlPanel-menuHolder nav ul li {
	list-style-type: none;
	display: inline-block;
	margin-left: -5px;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	padding: 0;
}

#Body .controlPanel-menuHolder nav ul li a {
	display: inline-block;	
	text-decoration: none;
	background: transparent;
	padding: 25px 17px;
	border: none;
	color: #363636;
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	text-transform: inherit;
}

#Body .controlPanel-menuHolder nav ul li a:hover {
    text-decoration: none;
    color: #fff;
    background: #363636;
}

#Body .controlPanel-menuHolder nav ul li a:after {
    content: "";
    width: 1px;
    height: 31px;
    display: inline-block;
    border: none;
    border-right: 1px solid #363636;
    position: absolute;
    top: 19px;
    margin-left: 15px;
}


/* A few random responsive tweaks */
@media screen and (max-width: 1168px) {
	#Body .controlPanel-menuHolder nav {
	    max-width: 1020px;
	}
	#Body .controlPanel-menuHolder nav ul li a {
	    font-size: 14px;
	    padding: 27px 17px 25px;
	}
}

@media screen and (max-width: 1100px) { 
	#Body .controlPanel-menuHolder nav ul li a {
		padding: 27px 15px 25px;
	}

	#Body .controlPanel-menuHolder nav ul li a:after {
		margin-left: 13px;
	}
}
/* when a menu item is the "selected" on TSHQ logo element */
#Body .controlPanel-menuHolder nav ul li.controlPanel-logo.selected a{
	background: transparent;
}

/* when a menu item is the "selected" element */
#Body .controlPanel-menuHolder nav ul li.selected a{
	background: #363636;
	color: #fff;
}

#Body .controlPanel-menuHolder nav ul li a.logo-link:hover,
#Body .controlPanel-menuHolder nav ul li.usr a:hover {
	background: transparent;
}

#Body .controlPanel-menuHolder nav ul li a.logo-link:after,
#Body .controlPanel-menuHolder nav ul li.usr a:after,
#Body .controlPanel-menuHolder nav ul li.cp-common a:after {
	display: none;
}

#Body .controlPanel-menuHolder nav ul li.controlPanel-logo {
    margin-right: 10px;
}

#Body .controlPanel-menuHolder nav ul li.controlPanel-logo,
#Body .controlPanel-menuHolder nav ul li.controlPanel-logo a,
#Body .controlPanel-menuHolder nav ul li.controlPanel-logo a img{
	margin-left: 0;
	padding: 0; 
	max-width: 159px;
}

#Body .controlPanel-menuHolder nav ul li.controlPanel-logo a img {
	vertical-align: baseline;
	position: relative;
	top: 15px;
    left: 6px;
}

/* Common Menu and User Menu */
#Body .controlPanel-menuHolder nav ul li.usr {
    padding: 0 15px 0 0;
    margin-left: 10px;
    position: absolute;
    top: 10px;
}

#Body .controlPanel-menuHolder nav ul li.usr a {
    padding: 0;
    top: -2px;
}

#Body .controlPanel-menuHolder nav ul li.usr a img {
    max-height: 50px;
    max-width: 50px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #006554;
}

#Body .controlPanel-menuHolder nav ul li.cp-common {
    position: relative;
}

#Body .controlPanel-menuHolder nav ul li.cp-common a:hover {
	background: #006554;
}

#Body .controlPanel-menuHolder nav ul li.cp-common a.active {
	background: #006554;
	color: #fff;
}

#Body .controlPanel-menuHolder nav ul li.cp-common a.cmn {
    padding-right: 30px;
}

#Body .controlPanel-menuHolder nav ul li.cp-common a.cmn:after {
    content: "";
    width: 1px;
    height: 31px;
    display: inline-block;
    border: none;
    border-right: 1px solid #363636;
    position: absolute;
    top: 19px;
    margin-left: 28px;
}

#Body .controlPanel-menuHolder nav ul li.cp-common a.cmn:hover:after {
	display: none;
}

#Body .controlPanel-menuHolder nav ul li.usr:after,
#Body .controlPanel-menuHolder nav ul li.cp-common:after {
	font-family: FontAwesome;
	font-size: 14px;
    content: "\f0d7";
    position: absolute;
    top: 26px;
    right: 17px;
}

#Body .controlPanel-menuHolder nav ul li.usr:after{
	color: #006554;
	top: 17px;
    right: 0;
}


#Body .controlPanel-menuHolder nav ul li.cp-common:hover:after {
	color: #fff;
}


#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop,
#Body .controlPanel-menuHolder nav ul li.usr .controlPanel-dropDown.acctDrop {
    position: absolute;
    z-index: 9999;
    background: #006554;
    margin: 0;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop {
    top: 69px;
    width: 210px;
}

#Body .controlPanel-menuHolder nav ul li.usr .controlPanel-dropDown.acctDrop {
	position: absolute;
	top: 55px;
	right: -63px;
    width: 110px;
    padding: 10px;
    border-radius: 5px;
}

@media screen and (min-width: 990px) and (max-width: 1100px) {
	#Body .controlPanel-menuHolder nav ul li.usr .controlPanel-dropDown.acctDrop {
	    position: fixed;
	    right: 0;
	    top: initial;
	}
}

@media screen and (max-width: 990px) {
	#Body .controlPanel-menuHolder nav ul li.usr .controlPanel-dropDown.acctDrop {
	    position: fixed;
	    right: 0;
	    top: initial;
	}
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul li,
#Body .controlPanel-menuHolder nav ul li.usr .controlPanel-dropDown.acctDrop ul li {
	display: block;
	background: transparent;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul li:first-of-type a {
    margin-top: 5px;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul li:last-of-type a {
    border-bottom: none;
}


#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul li a,
#Body .controlPanel-menuHolder nav ul li.usr .controlPanel-dropDown.acctDrop ul li a { 
	border: none;
	background: transparent;
	padding: 0;
	color: #fff;
	text-decoration: none;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul li a:hover,
#Body .controlPanel-menuHolder nav ul li.usr .controlPanel-dropDown.acctDrop ul li a:hover {
	color: #0ECBAB;
	border-bottom-color: #0ECBAB;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul li a {
	padding: 5px 0;
	margin: 0 25px;
    border-bottom: 1px solid #fff;
    width: 78%;
}

#Body .controlPanel-menuHolder nav ul li.usr .controlPanel-dropDown.acctDrop ul li {
    display: block;
    background: transparent;
    margin: 0;
}


#Body .controlPanel-menuHolder nav ul li.usr .controlPanel-dropDown.acctDrop ul li a {
	padding: 5px 0;
    border-bottom: 1px solid #fff;	
    width: 100%;
}


#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two {
	background: #0ECBAB;
	width: 94%;
    margin: 5px auto;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li {
	margin: 0 -10px;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li:first-of-type a {
	padding-bottom: 10px;
	margin-top: 0;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li:last-of-type a {
    border-bottom: none;
    margin-top: -3px;
    padding-bottom: 10px;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li a {
	color: #006554;
	border-bottom-color: #fff;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li a:hover {
	color: #fff;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li a.support,
#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li a.features{
	position: relative;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li a.support:before,
#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li a.features:before{
	position: relative;
    display: inline-block;
    top: 5px;
    margin-right: 8px;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li a.support:before {
	content: url('images/qmark.png');
	min-height: 25px;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li a.features:before {
	content: url('images/star.png');
	margin-right: 6px;
	min-height: 25px;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li a.support:hover:before {
	content: url('images/qmark_hvr.png');
	min-height: 25px;
}

#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul.controlPanel-column-two li a.features:hover:before {
	content: url('images/star_hvr.png');
	min-height: 25px;
}


/* Schedules with a dropdown */
#Body .controlPanel-menuHolder nav ul li.schedules .controlPanel-dropDown.acctDrop {
    position: absolute;
    z-index: 999;
}

#Body .controlPanel-menuHolder nav ul li.schedules .controlPanel-dropDown.acctDrop ul li {
    display: block;
    background: #006554;
    z-index: 2;
    position: relative;
}

#Body .controlPanel-menuHolder nav ul li.schedules .controlPanel-dropDown.acctDrop ul li a {
    display: inline-block;
    text-decoration: none;
    background: transparent;
    padding: 25px 17px;
    border: none;
    position: relative;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-transform: inherit;
    color: #fff;
    padding: 5px 0;
    margin: 0 25px;
    border-bottom: 1px solid #fff;
    width: 78%;
}

#Body .controlPanel-menuHolder nav ul li.schedules .controlPanel-dropDown.acctDrop ul li a:hover {
    color: #0ECBAB;
    border-bottom-color: 1px solid #0ECBAB;
}

#Body .controlPanel-menuHolder nav ul li.schedules .controlPanel-dropDown.acctDrop ul li a:after {
	display: none;
}

#Body .controlPanel-menuHolder nav ul li.schedules .controlPanel-dropDown.acctDrop ul li:first-of-type a {
    padding-bottom: 8px;
}

#Body .controlPanel-menuHolder nav ul li.schedules .controlPanel-dropDown.acctDrop ul li:last-of-type a {
    border-bottom: none;
    margin-bottom: 5px;
}

#Body .controlPanel-menuHolder nav ul li.schedules ul {
    position: relative;
    left: 5px;
    z-index: 99;
}

/* Middle responsive area */
@media screen and (max-width: 990px) {
	#Body .controlPanel-menuHolder nav {
	    max-width: 840px;
	}

	#Body .controlPanel-menuHolder nav ul li.controlPanel-logo{
		margin-right: 5px;
	}

	#Body .controlPanel-menuHolder nav ul li.controlPanel-logo a {
		max-width: 140px;
	}

	#Body .controlPanel-menuHolder nav ul li.controlPanel-logo a img {
		max-width: 140px;
	}

	#Body .controlPanel-menuHolder nav ul li a {
	    font-size: 13px;
	    padding: 28px 10px 25px;
	}

	#Body .controlPanel-menuHolder nav ul li a:after {
	    margin-left: 8px;
	}
}

@media screen and (max-width: 1000px) {
	#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop {
    	width: 180px;
	}

	#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop ul li {
		margin: 0 10px;
	}
}	

/* Hide the toggle menu before tablet */
@media screen and (min-width: 805px) {
	#Body .controlPanel-menuHolder nav .toggleMenu {display: none;}
}

/* This is CSS to account for the store link in the menu. The link is only in a few portals now. 
We will eveunatually use this CSS for every portal but not now */
#Body .controlPanel-menuHolder nav.store,#Body .controlPanel-menuHolder nav  {
    max-width: 1200px;
	background: #f0f0f0;
}

@media screen and (max-width: 1168px) {
	#Body .controlPanel-menuHolder nav.store {
	    max-width: 1060px;
	}
}

@media screen and (min-width: 990px) and (max-width: 1168px) {
	#Body .controlPanel-menuHolder nav.store ul li.usr .controlPanel-dropDown.acctDrop {
	    position: fixed;
	    right: 0;
	    top: initial;
	}
}

@media screen and (max-width: 1225px) {
	#Body .controlPanel-menuHolder nav.store ul li.usr .controlPanel-dropDown.acctDrop {
	    position: fixed;
	    right: 0;
	    top: initial;
	}
	#Body .controlPanel-menuHolder nav.store ul li.cp-common .controlPanel-dropDown.acctDrop {
    	width: 180px;
	}

	#Body .controlPanel-menuHolder nav.store ul li.cp-common .controlPanel-dropDown.acctDrop ul li {
		margin: 0 10px;
	}
}
/* Toggle menu - responsive */
@media screen and (max-width: 1024px) {
	#Body .controlPanel-menuHolder {
    	max-height: 100%;
	}	

	#Body .controlPanel-menuHolder nav {
	    max-width: 805px;
	}

	#Body .controlPanel-menuHolder nav .toggleMenu{
		display: block;
	}

	#Body .controlPanel-menuHolder nav .toggleMenu a.toggleIcon{
		color: #006554;
		font-size: 25px;
	    margin-top: 9px;
	    margin-right: 10px;
	    display: inline-block;
	    vertical-align: top;
	    text-decoration: none;
	    float: right;
	}

	#Body .controlPanel-menuHolder nav ul{
		height: 0;
		overflow: hidden;
	}

	#Body .controlPanel-menuHolder nav ul.expanded {
	    height: auto;
	    overflow: visible;
	}

	#Body .controlPanel-menuHolder nav ul li {
	    display: block;
	    text-align: center;
	    border-bottom: 1px solid #525252;
	}
	#Body .controlPanel-menuHolder nav ul li.controlPanel-logo {
		display: none;
	}

	#Body .controlPanel-menuHolder nav ul li a.acctLink:after,
	#Body .controlPanel-menuHolder nav ul li.cp-common a.controlPanel-rootLink:before {
		left: 49%;
    	top: 70%;
	}

	#Body .controlPanel-menuHolder nav ul li a {
		width: 100%;
		padding: 8px 0;
    	font-size: 14px;
	}

	#Body .controlPanel-menuHolder nav ul li.cp-common:after,
	#Body .controlPanel-menuHolder nav ul li.cp-common a.cmn:after,
	#Body .controlPanel-menuHolder nav ul li a:after {
		display: none;
	}

	#Body .controlPanel-menuHolder nav ul li.cp-common .controlPanel-dropDown.acctDrop {
		position: relative;
	    width: 100%;
	    top: -5px;
	    left: 0;
	}

	#Body .controlPanel-menuHolder nav ul.controlPanel-column {
		height: auto;
	    overflow: visible;
	}

	#Body .controlPanel-menuHolder nav ul li.usr {
	    position: relative;
	    top: 0px;
	    margin: 0;
		padding: 0;
	}

	#Body .controlPanel-menuHolder nav ul li.usr a {
	    padding: 5px 0;
	    top: 0;
	}

	#Body .controlPanel-menuHolder nav ul li.usr .controlPanel-dropDown.acctDrop {
	    position: relative;
	    top: 0;
	    right: 0;
	    width: 100%;
	    padding: 5px 0;
	    border-radius: 0;
	}
	#Body .controlPanel-menuHolder nav.store ul li.cp-common .controlPanel-dropDown.acctDrop {
		width: 100%;
	}
	#Body .controlPanel-menuHolder nav.store ul li.usr .controlPanel-dropDown.acctDrop {
		position: relative;
	}
	#Body .controlPanel-menuHolder nav ul li.cp-common a.cmn{
		padding-right: 0px;
	}
	#Body .controlPanel-menuHolder nav ul li.usr:after{
		right: 14px;
	}
	
}