﻿div#TTResponsiveMenuContainer
{
	margin-bottom: 5px;
    padding-top:7px;
}

div.TTResponsiveMenuTTName
{
	float: left;
	height: 50px;
}

div.TTResponsiveMenuTTName a
{
	font-family: "Century Gothic" , "Apple Gothic" ,sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
	color: #000;
	display: inline-block;
	height: 50px;
	padding-top: 0.5em;
	margin-right: 5px;
}

.cbp-hrmenu
{
	width: 100%;
	margin-top: 0.5em;
	border-bottom: 4px solid #47a3da; /*height: 49px;*/
}

/* general ul style */
.cbp-hrmenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner
{
	width: 100%;
	margin: 0 auto;
	padding: 0 1.875em;
}

.cbp-hrsub-third-level-wrap
{
	max-width: 12em;
}

	.cbp-hrsub-third-level-wrap ul li {
		margin-bottom: 0.2em;
		line-height: 16px; /*standardizes line height across all master pages*/
	}

.cbp-hrmenu > ul > li
{
	display: inline-block;
	background-color: #ddd; /*background: #c5deea; /* Old browsers */ /*background: -moz-linear-gradient(top,  #c5deea 0%, #8abbd7 31%, #47a3da 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5deea), color-stop(31%,#8abbd7), color-stop(100%,#47a3da)); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top,  #c5deea 0%,#8abbd7 31%,#47a3da 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top,  #c5deea 0%,#8abbd7 31%,#47a3da 100%); /* Opera 11.10+ */ /*background: -ms-linear-gradient(top,  #c5deea 0%,#8abbd7 31%,#47a3da 100%); /* IE10+ */ /*background: linear-gradient(to bottom,  #c5deea 0%,#8abbd7 31%,#47a3da 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#47a3da',GradientType=0 ); /* IE6-9 */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.cbp-hrmenu > ul > li > a
{
	font-weight: 700;
	padding: 1em 2em;
	color: #000;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	font-size: 120%;
}

.cbp-hrmenu > ul > li > a:hover
{
	color: #47A3DA;
}

.cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover
{
	color: #fff;
	background: #47a3da;
	text-decoration: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.cbp-hrmenu > ul > li.cbp-hropen h4
{
	color: #fff;
	font-size: 110%;
	text-decoration: underline;
	font-weight: 700;
	margin: 0.7em 0;
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub
{
	display: none;
	position: absolute;
	background: #47a3da;
	width: 100%;
	left: 0;
}

.cbp-hropen .cbp-hrsub
{
	display: block;
	padding-bottom: 0.7em;
	z-index: 100000;
}

.cbp-hrmenu .cbp-hrsub-inner > div
{
	/*width: 25%;*/
	float: left;
	padding: 0 0.5em 0;
}

.cbp-hrmenu .cbp-hrsub-inner:before, .cbp-hrmenu .cbp-hrsub-inner:after
{
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after
{
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a
{
	line-height: 1em;
}

.cbp-hrmenu .cbp-hrsub-inner > div a:hover
{
	background-color: #FFF;
	color: #000;
}

div#TTResponsiveMenuContainer > .cbp-hrsub h4, div#TTResponsiveMenuContainer > .cbp-hrsub h4 > a
{
	color: #afdefa;
	padding: 2em 0 0.6em;
	margin: 0;
	font-size: 120%;
	font-weight: 700;
}

div.TTResponsiveMenuLogo
{
	background-image: url("images/tt_logo_lrg.png");
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline;
	height: 50px;
	width: 50px;
	float: left;
}

div.TTResponsiveMenuLogo_UAP
{
	background-image: url("images/logo_small_UAP.gif");
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline;
	height: 50px;
	width: 264px;
	float: left;
    margin-left:8px; 
}

div.TTResponsiveMenuLogo_LOAD2DAY
{
	background-image: url("images/logo_small_LOAD2DAY.gif");
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline;
	height: 50px;
	width: 264px;
	float: left;
    margin-left:8px; 
}

/* Examples for media queries */

@media screen and (max-width: 52.75em)
{

	.cbp-hrmenu
	{
		font-size: 80%;
	}

}

@media screen and (max-width: 43em)
{

	div#TTResponsiveMenuContainer
	{
		width: 100%;
		display: inline-block;
	}

	div.TTResponsiveMenuLogo
	{
		display: block;
	}

	.cbp-hrmenu
	{
		font-size: 120%;
		border: none;
		clear: both;
	}

	div#user_info
	{
		margin-top: 30px;
	}

	.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner
	{
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner
	{
		padding: 0 2em;
		font-size: 75%;
	}

	.cbp-hrmenu > ul > li
	{
		display: block;
		border-bottom: 4px solid #47a3da;
		width: 100%;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.cbp-hrmenu > ul > li > a
	{
		display: block;
		padding: 1em 3em;
	}

	.cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover
	{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.cbp-hrmenu .cbp-hrsub
	{
		/*position: relative;*/
	}

	.cbp-hrsub h4
	{
		padding-top: 0.6em;
	}

}

@media screen and (max-width: 36em)
{
	.cbp-hrmenu .cbp-hrsub-inner > div
	{
		width: 100%;
		padding: 0 2em;
		float: none;
	}
}
