/* CSS Document */

@font-face {
	font-family: 'OpenSansCondensedLight';src: url('fonts/OpenSans-CondLight-webfont.eot');
	src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-CondLight-webfont.woff') format('woff'),
		url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
		url('fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
		font-weight: normal;font-style: normal;}

@font-face {
	font-family: 'OpenSansCondensedLightItalic';
	src: url('fonts/OpenSans-CondLightItalic-webfont.eot');
	src: url('fonts/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans-CondLightItalic-webfont.woff') format('woff'),
	url('fonts/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
	url('fonts/OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
	font-weight: normal;font-style: normal;}

@font-face {
	font-family: 'OpenSansCondensedBold';
	src: url('fonts/OpenSans-CondBold-webfont.eot');
	src: url('fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans-CondBold-webfont.woff') format('woff'),
	url('fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
	url('fonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
	font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'colaboratelightregular';
    src: url('fonts/ColabLig-webfont.eot');
    src: url('fonts/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabLig-webfont.woff') format('woff'),
         url('fonts/ColabLig-webfont.ttf') format('truetype'),
         url('fonts/ColabLig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldbook';
    src: url('fonts/Oswald-Regular-webfont.eot');
    src: url('fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/Oswald-Light-webfont.eot');
    src: url('fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/Oswald-Light-webfont.woff') format('woff'),
	url('fonts/Oswald-Light-webfont.ttf') format('truetype'),
	url('fonts/Oswald-Light-webfont.svg#oswaldlight') format('svg');
	font-weight: normal;
	font-style: normal;

}

#snapPicture{
	padding:1px 12px;
	background-color:#ffde00;
	font-size:1.1em;
	border: 0px;
	border-radius: 4px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.tabledots{
	background-color:#E0E0C0;
	margin: 16px;
	border-top: medium solid;
	border-right: medium ridge; 
	border-bottom: medium ridge;
	border-left: medium ridge;
}
#mainContent{
	padding:5px;
}

#divLogin{}

#PageNavBar{
	width:900px;
	margin-bottom: 44px;
	border: aquamarine solid 1px;
	background-color: rgb(235, 236, 239); 
}

#AccessDenied{
	min-width:900px;
	background-color:#fff;
	color:#000
}



	.imageEdit{
		display:block;
		background-image:url(../../images/buttons/Button_edit.gif);
		width:47px;
		height:18px;
	}

	.e{
		background-color:#fff
	}
	.o{
		background-color:#DBE1FD
	}

	input[type="text"],input[type="password"]{
		padding:5px;
		font-size:1.2em;
		border: 1px #CCC solid;
		border-radius: 4px;
	}
	select{
		padding:2px 0px;
		height:30px;
		font-size:1.1em;
		border: 1px #ccc solid;
		border-radius: 4px;
	}

	.ZebraStripedTable{
		background-color:#fff;
		border:#666 thin groove;
		margin:5px;
		padding:1px;
		border-spacing:1px;
		border-collapse:separate
	}
	.ZebraStripedTable tbody tr:hover td{
		background-color:#b9eafd;
		}
	.ZebraStripedTable th{
		background-color: #455e87;
		color: #fff;
		}
	.ZebraStripedTable tbody tr:nth-child(odd){
		background-color:#eee
	}
	
	.StickyHeadingTable table{
		overflow:scroll
	}
	.StickyHeadingTable thead{
		top: 0px;
		position: sticky;
		z-index:1
	}
	.StickyHeadingTable th{position: sticky;}
	
	#tblChangePassword {
		line-height:27px;
		width:100%;
		background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
	}

		body{
			margin:0px;
			padding:0px;
			font-family:"Arial", FreeSerif, Times, serif;
			background-color:#555
		}
		#container{
			width:976px;
			padding:0px;
			background-color:white;
			margin-left: auto; 
			margin-right: auto; 
			text-align: left;
			min-height:650px;
		}
		#footer {
			color:#333;
			padding:0 0 8px 0px;
			clear:both; 
			height:30px;
			color:white;
			position: absolute;
			bottom: 0px;
			min-width:1000px;
		}
		#pageHeader_old{
			background-color:white;
			background: url(../../images/bgd_mast.png) no-repeat
		}
		#NoteCarrierProNumFix{
			column-count: 2;
			width:700px;
			margin:250px auto;
			font-size:0.74em;
			color:#CBC107;
			padding:5px 12px 5px 12px;
			border:dashed thin #ccc;
		}
		#pageHeader{
			background-color:white;
			background: url(../../images/TopBoxOnly.jpg) no-repeat
		}
		
		
		
		#news-content{
			margin:5px;
		}
		.formerror 	{
			color:#A13F07;
			border:medium #f00 solid;
			background-color:rgba(244, 177, 177, 0.74);
			border-color:rgb(255, 255, 0);
			line-height:1.3em
		}
		.errorfield	{
			color:#A13F07;
			border:medium #f00 solid
		}
		.formerror>a{
			color:#0CF;
		}
		.errorMessageGradient{
			border:1px solid yellow;
			font-size:1.2em;
			padding:10px;
			color:yellow;
			text-align:left;
			text-shadow:2px 2px 4px #aaa;
			background: rgb(255,48,25);
			background: linear-gradient(180deg, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
		}
		
		.errortext {
			color:#F00;
			clear:both;
			padding:4px;
		}
		.focused	{
			background-color:#fffacd;
			border-color: #ffef00;
		}
		.notfocused	{
			background-color:#fff;
			border-color: #000;
		}

.MessageToUsers {
	min-height:20px;
	background-color:#572828;
	color:#fff;
	font-weight: bold;
	padding:2px 4px;
	text-align:center;
	font-size:1rem;
}

.MessageToUsers_Pirelli{
	min-height:20px;
	background-color:#572828;
	color:#fff;
	font-weight: bold;
	font-size:1rem;
	padding:2px 4px;
	text-align:center;
}
	
.MessageToUsers_Pirelli:after{
	content:"";
	background-image: repeating-linear-gradient(to right, #ffdf01 0%, #e83028 10%, #ffdf01 20%);
	display:block;
	height:4px;
	width: 100%
}


		h1.ScreenTitle{
			color:#03C;
			font-family:oswaldlight,OpenSansCondensedLight, "Times New Roman", Times, sans-serif;
			font-size:1.8em;
			letter-spacing:2px;
			text-shadow: 0 1px 1px #ccc;
		}
		h1.FormTitle{
			font-family: OpenSansCondensedLight, "Times New Roman", Times, sans-serif;
			font-size:1.5em;
		}

		h2.ScreenTitle{
			color:#03C;
			font-family:oswaldlight,OpenSansCondensedLight, "Times New Roman", Times, sans-serif;
			font-size:1.3em;
			letter-spacing:2px;
			text-shadow: 0 1px 1px #ccc;
		}
		h2.FormTitle{
			font-family: OpenSansCondensedLight, "Times New Roman", Times, sans-serif;
			font-size:1.2em;
		}

		#wlm-homepage #extraPageItem1{
			background: url(../../images/Forklift_200_158.png) no-repeat;
			float:left;
			z-index:80;
			width:200px;
			height:158px;
		}

		#gateScreenForm{
			margin-top:5px;
			margin-left: 125px;background-color:#EDEDED;
			width:750px;
			height:675px;
			border:#666 thin solid;
			background: rgb(204,204,204);
			background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%);
			border-radius: 10px;
			box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		}
		#GATE_SCREEN_FORM p{
			line-height:24px;
		}
		#CARRIER_SCAC {
			width:100px;
			margin-left:1px;
			text-align:left;
			float:left;
			margin-right:0px;
			padding: 0 4px;
		}

		#CARRIER_PRO_NO{
			font-size: 11pt;
			padding: 0 4px;
		}
		
		#gateScreenHeading{
			z-index:9999;
			margin:auto;
			font-size:15pt;
			background-color:#ddd;
			text-align:center
		}
		#loginHeading{
			font-size:1.3em;
			padding-left:25px
		}
		.successMessage{
			background-color:#4AB55A;
			color:#fff;
			font-size:12pt;
			width:100%;
			height:24px;
			padding-left:10px;
			padding-top:4px;
			vertical-align: middle;
			
		}
		form#Form_Add_Edit_Record input[type="button"]{
			background: #ffde00;
			color: #000;
			border: 0px;
			border-radius: 4px;
		}
		form#Form_Add_Edit_Record input[type="submit"]{
			clear:both;
			margin-left:165px;
			margin-top:0px;
			font-size:1.3em;
			background: #ffde00;
			color: #000;
			border: 0px;
			border-radius: 4px;
			width:100px;
			height:35px;
			box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		}
	#tripRecord{
		z-index:11;
		position:absolute; 
		bottom:0;
		text-align:left;
		font-size:12px;
		margin-left:inherit;
		margin-top:110px;
		width:360px;
		border:thin inset #CCC
	}
	#tripRecord label{
		float:left;
		text-align:right;
		width:150px;
		margin-right:5px;
		font-weight:bold;
	}

	form#GATE_SCREEN_FORM label{
		float:left;
		text-align:right;
		width:180px;
		margin-right:5px;
		padding:4px;
		font-weight:bold
	}
	form#GATE_SCREEN_FORM input{
		float:left;
		font-weight:normal;
		width:120px;
	}

	#RecordsTable{
		margin-left:3px;
		padding-bottom:50px;
	}
	#RecordsTable th{
		color:#FFF;
		background-color:#0169B2;
		border-bottom-width: 2px;  
		margin: 0px; 
		border-color: #888;
	}
	#RecordsTable th, #RecordsTable td {
		font-size: 12px;
	}
	.item1{
		background-color:#aed546;
		color:#000
	}
	.item2{
		background-color:#403ec5;
		color:#FFF
	}
	#RecordsTable tr.e {
		background-color: #fff;
	}

	#RecordsTable tr.e_alt {
		background-color: #97ba7b;
	}
	/* OddRow table row  */
	#RecordsTable tr.o {
		background-color: #eee;
	}
	/* .RecordsTable tr.o {background-color: #ffebcd;} */
	#RecordsTable tr.o_alt {
		background-color: #bab37b;
	}
	/*.RecordsTable tr:hover td {background-color: #FF0; color: #000;} */
	#RecordsTable tr:hover td {
		background-color: #fff2a4; 
		color: #000;
	}

	.errmsg{
			font-size:1.2em;
			padding:10px;
			color:yellow;
			text-align:left;
			text-shadow:2px 2px 4px #aaa;
			background: rgb(255,48,25);
			background: linear-gradient(180deg,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
		}



	table.searchtable th, table.searchtable td {
		font-size: 9pt;
		height: 20px;
		vertical-align: top;
	}


	table#searchtable{
			line-height:2;
			margin:5px;
			width:100%;
			height:100px;
			border:1px solid black;
			padding:2px;
			background-color:#ddd;
			color:#000;
			font-size: 14px;
			text-align: left;
			background: rgb(204,204,204);
			background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%);
			border-radius: 10px;
			box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); 
	}
	table#searchtable td{color:#000;}
	table#searchtable #btnsubmit{padding: 0 35px 0 35px;margin-left:3px;background-color:#F6CC78;}
	table#searchtable input[type="button"]{background:#49DCF5;color: #fff;border: 0px;border-radius: 10px;}
	table#searchtable input[type="submit"]{background:#49DCF5;color: #fff;border: 0px;border-radius: 10px;}
	table#searchtable label{float:left;text-align:right;width:120px;margin-right:5px;font-weight:bolder}
	table#searchtable input{float:left;font-size:12pt;}
	table#searchtable select{float:left;font-size:11pt;}



#loginForm {
	background-color: #E6D8A2;
	border: 1px solid #000;	
	border-radius: 15px 15px 0 0;
	color: #455F87;
	margin-left: 25px;
	position: fixed;
	top: 250px;	
	width: 250px;
}
#loginForm > p {
    font-size: 25px;
    margin: 5px;
}
#loginForm > label {
    font-size: 24px;
}
#loginManager {
    float: left;
}

input[type="button"] {
	background-color: #ffde00;
	font-size:1.3em;
	padding:4px;
}

.css_form {
	background: rgb(204,204,204);
	background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%);
    border-bottom: 1px solid #F3F3E2;
    border-radius: 10px 10px 10px 10px;
    border-top: 1px solid #F3F3E2;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.css_form label{float:right;font-weight:bold;text-align:right}

.css_form input:focus, input:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	background-color:#D3D3D3;
}

.css_form input[type="submit"] {
    background: none repeat scroll 0 0 #ffde00;
    border: 0 none;
	font-size:13pt;
	padding:7px 33px;
	margin:0 4px;
    border-radius: 10px 10px 10px 10px;
	color: #000;
}

.css_form input[type="submit"]:hover, .css_form input[type="submit"]:focus{
    color: #f00;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

form#MANAGER_NAME_FORM {
	background: rgb(204,204,204);
	background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%);
    border: 1px solid #abc;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    color: #000;
	font-size: 14px;
	line-height: 2;
	margin: 50px;
    padding: 10px;
	text-align: left;
    width: 750px;
	height:50px;
}
form#MANAGER_NAME_FORM td {
    color: #000;
}
form#MANAGER_NAME_FORM #btnsubmit {
    background-color: #ffde00;margin-left: 143px;padding: 0 35px;
}
form#MANAGER_NAME_FORM input[type="button"] {
    background: none repeat scroll 0 0 #159;
    border: 0 none;
    border-radius: 10px 10px 10px 10px;
    color: #fff;
}
form#MANAGER_NAME_FORM input[type="submit"] {
    background: none repeat scroll 0 0 #ffde00;
    border: 0 none;
	font-size:1.5em;
	padding:3px;
	margin:0 4px;
    border-radius: 10px 10px 10px 10px;
	padding:0px 4px;
}
form#MANAGER_NAME_FORM label {
    float: left;
	margin-right: 5px;
    text-align: right;
	width: 70px;
	font-weight:bold;
	padding: 0px 2px;
	}
form#MANAGER_NAME_FORM input {
    float: left;
}

form#FORM_CHOOSE_DC_ID input[type="submit"] {
    background: none repeat scroll 0 0 #ffde00;
    border: 0 none;
	font-size:1.5em;
	padding:3px;
	margin:0 4px;
    border-radius: 10px 10px 10px 10px;
	padding:0px 4px;
}




form#FORM_ENTER_LOAD_DATA {
	background: rgb(204,204,204);
	background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%);
	border: 1px solid #abc;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	color: #000;
	font-size: 14px;
	line-height: 2;
	margin: 20px;
	padding: 20px;
	text-align: left;
	width: 600px;
	height:160px;
}

form#MANAGER_NAME_FORM td {
	color: #000;
}
form#FORM_ENTER_LOAD_DATA #btnsubmit {
	background-color: #ffde00;
	margin-left: 143px;
	padding: 0 35px;
}
form#FORM_ENTER_LOAD_DATA input[type="button"] {
	background: none repeat scroll 0 0 #159;
	border: 0 none;
	border-radius: 10px 10px 10px 10px;
	color: #FFF;
}
form#FORM_ENTER_LOAD_DATA input[type="submit"] {
	background: none repeat scroll 0 0 #ffde00;
	border: 0 none;
	font-size:16pt;
	padding:5px 13px;
	margin:0 4px;
	border-radius: 10px 10px 10px 10px;
	color: #000;
}
form#FORM_ENTER_LOAD_DATA label {
	float: left;
	margin-right: 5px;
	text-align: right;
	width: 70px;
}
form#FORM_ENTER_LOAD_DATA input {
	float: left;
}




		#psnwrap {
			background: url("../Style3M/images/3MColorfulBar_blue_1000x46.png") no-repeat scroll left top rgba(0, 0, 0, 0);
			display: block;
		}
		#psnwrap {
			background: url("../Style3M/images/3MColorfulBar_1000x46.png") no-repeat scroll left top rgba(0, 0, 0, 0);
			display: block;
		}
		#psnwrap {
				background: url("../Style3M/images/3MColorfulBar_blue_1000x46.png") no-repeat scroll left top rgba(0, 0, 0, 0);
				border: 0 none;
				clear: both;	
				display: none;
				float: left;
				height: 75px;
				position: relative;
				width: 100%;
		}



#psninnerwrap {
	height: 75px;
	position: relative;
	z-index: 1;
}


#psnwrap #psnTitle {
    color: #000;
}
#psnwrap #psnTitle {
    color: #fff;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 1.6em;
	font-weight: bold;
    height: 2.17em;
	margin: 0;
	padding: 10px 20px 6px 23px;
    position: relative;
}


#psnwrap #psnTitle a:link, #psnwrap #psnTitle a:visited {
    background-image: url("/wps/themes/html/3M.com/images/home_icon_black.png");
}
#psnwrap #psnTitle a:link, #psnwrap #psnTitle a:visited {
    background-image: url("/3M/themes/html/3M/images/home_icon_white.png");
}
#psnwrap #psnTitle a {
    background-image: url("/wps/themes/html/3M.com/images/home_icon_grey.png");
    color: #000;
}
#psnwrap #psnTitle a {
    background-image: url("/3M/themes/html/3M/images/images/home_icon_ltgrey.png");
    background-position: left 3px;
    background-repeat: no-repeat;
    color: #fff;
    padding-left: 25px;
    text-decoration: none;
}

#submast {
    clear: both;float: left;
    height: 74px;margin: 7px 0 0;
    position: relative;
	vertical-align: middle;
    white-space: nowrap;width: 100%;
    z-index: 1;
}


#psn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    font-weight: bold;
    height: 30px;
    left: 0;
    line-height: 1.2;
    list-style: none outside none;
    margin: -13px 0 0;
    padding: 0 0 0 10px;
    width: 950px;
    z-index: 6000;
}

#headerRight {
    float: left;
    height: 81px;
    position: relative;
    width: 858px;
}
#headerRight #menu-wrap .inlineList li, .inlineList dt {
    border-right: 0 none;
}

#menu-wrap {
    display: inline;margin: 0;padding: 0px 0px;
    position: absolute;top: 104px;
	width:900px;
}
#menu-wrap a {
    font: bold 1.1em/1.364 "Helvetica Neue",Arial,sans-serif;
    text-decoration: none;
}
#menu-wrap a, #menu-wrap a:link, #menu-wrap a:visited, #menu-wrap a:hover {
    color: #ddd;
}
#menu-wrap a:active {
    color: #C00;
}
#menu-wrap li {
    border-right: 0 none;
}




#logo_chrome {
    display: inline;
    float: left;
    margin: 0;
    padding: 12px 0 50px 7px;
    position: relative;
}
#logo_chrome img#mh_logo {
    display: inline;
    width: 225px;
}
#logo_chrome img#mh_extra {
    left: 225px;
    position: absolute;
    top: 10px;
}





/* CSS3 http://www.red-team-design.com/wp-content/uploads/2011/11/css3-animated-dropdown-menu-demo.html */
#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#menu {
		width: 660px;
		margin: 20px 0px 10px 50px;
		border: 1px solid #222;
		background-color: #444;
		background-image: -moz-linear-gradient(#444, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		background-image: -webkit-linear-gradient(#444, #111);
		background-image: -o-linear-gradient(#444, #111);
		background-image: -ms-linear-gradient(#444, #111);
		background-image: linear-gradient(#444, #111);
		border-radius: 6px;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	}

	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}

	#menu:after {
		clear: both;
	}

	#menu {
		
	}

	#menu li {
		float: left;
		border-right: 1px solid #222;
		box-shadow: 1px 0 0 #444;
		position: relative;
	}

	#menu a {
		float: left;
		padding: 4px 25px;
		color: #999;
		text-transform: uppercase;
		font: bold 12px Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0 1px 0 #000;
	}

	#menu li:hover > a {
		color: #fafafa;
	}

	html #menu li a:hover {
		/* IE6 only */
		color: #fafafa;
	}

	#menu ul {
		margin: 20px 0 0 0;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 22px;
		left: 0;
		z-index: 1;
		background: #444;
		background: -moz-linear-gradient(#444, #111);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		background: linear-gradient(#444, #111);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		border-radius: 3px;
		transition: all .2s ease-in-out;
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}

	#menu ul ul {
		top: 0;
		left: 150px;
		margin: 0 0 0 20px;
		box-shadow: -1px 0 0 rgba(255,255,255,.3);
	}

	#menu ul li {
		float: none;
		display: block;
		border: 0;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}

	#menu ul li:last-child {
		box-shadow: none;
	}

	#menu ul a {    
		padding: 10px;
		width: 160px;
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}

	#menu ul a:hover {
		background-color: #0186ba;
		background-image: -moz-linear-gradient(#04acec,  #0186ba);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
		background-image: -webkit-linear-gradient(#04acec, #0186ba);
		background-image: -o-linear-gradient(#04acec, #0186ba);
		background-image: -ms-linear-gradient(#04acec, #0186ba);
		background-image: linear-gradient(#04acec, #0186ba);
	}

	#menu ul li:first-child > a {
		border-radius: 3px 3px 0 0;
	}

	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}

	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #04acec; 
	}

	#menu ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}

	#menu ul li:last-child > a {
		border-radius: 0 0 3px 3px;
	}
	
	/* Mobile */
	#menu-trigger {
		display: none;
	}

	@media screen and (max-width: 250px) {

		/* nav-wrap */
		#menu-wrap {
			position: relative;
		}

		#menu-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		/* menu icon */
		#menu-trigger {
			display: block; /* show menu icon */
			height: 40px;
			line-height: 40px;
			cursor: pointer;
			padding: 0 0 0 35px;
			border: 1px solid #222;
			color: #fafafa;
			font-weight: bold;
			background-color: #111;
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -moz-linear-gradient(#444, #111); 
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -webkit-linear-gradient(#444, #111);	
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -o-linear-gradient(#444, #111);
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(#444, #111);
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#444, #111);
			border-radius: 6px;
			box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		}
		
		/* main nav */
		#menu {
			margin: 0; padding: 10px;
			position: absolute;
			top: 40px;
			width: 100%;
			z-index: 1;
			background-color: #444;
			display: none;
			box-shadow: none;
		}

		#menu:after {
			content: '';
			position: absolute;
			left: 25px;
			top: -8px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #444;
		}	

		#menu ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			background: none;
			box-shadow: none;
		}

		#menu ul ul {
			margin: 0 0 0 20px !important;
			box-shadow: none;
		}

		#menu li {
			position: static;
			display: block;
			float: none;
			border: 0;
			margin: 5px;
			box-shadow: none;
		}

		#menu ul li{
			margin-left: 20px;
			box-shadow: none;
		}

		#menu a{
			display: block;float: none;
			padding: 0;color: #999;
		}

		#menu a:hover{
			color: #fafafa;
		}	

		#menu ul a{
			padding: 0;
			width: auto;
		}

		#menu ul a:hover{
			background: none;
		}

		#menu ul li:first-child a:after,
		#menu ul ul li:first-child a:after {
			border: 0;
		}

	}
 /* unvisited link */
 a:link {
	color: blue;
  }
  
  /* visited link */
  a:visited {
	color: rgba(41, 41, 126, 0.792);
  }
  
  /* mouse over link */
  a:hover {
	background-color:#ddd;
	color: #000;
  }
  
  /* selected link */
  a:active {
	color: red;
  } 


	@media screen and (min-width: 600px) {
		#menu {
			display: block !important;
		}
	}

	/* iPad */
	.no-transition {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;
	}

	#menu li:hover > .no-transition {
		display: block;
	}



/* set up css to right align a table column  put in table class  tr9 to right align column 9 */
.tr1 td:nth-child(1), .tr1 th:nth-child(1),
.tr2 td:nth-child(2), .tr2 th:nth-child(2),
.tr3 td:nth-child(3), .tr3 th:nth-child(3),
.tr4 td:nth-child(4), .tr4 th:nth-child(4),
.tr5 td:nth-child(5), .tr5 th:nth-child(5),
.tr6 td:nth-child(6), .tr6 th:nth-child(6),
.tr7 td:nth-child(7), .tr7 th:nth-child(7),
.tr8 td:nth-child(8), .tr8 th:nth-child(8),
.tr9 td:nth-child(9), .tr9 th:nth-child(9),
.tr10 td:nth-child(10), .tr10 th:nth-child(10),
.tr11 td:nth-child(11), .tr11 th:nth-child(11),
.tr12 td:nth-child(12), .tr12 th:nth-child(12) { text-align:right}

/* set up css to center align a table column  put in table class  tr9 to center column 9 */
.tc1 td:nth-child(1), .tc1 th:nth-child(1),
.tc2 td:nth-child(2), .tc2 th:nth-child(2),
.tc3 td:nth-child(3), .tc3 th:nth-child(3),
.tc4 td:nth-child(4), .tc4 th:nth-child(4),
.tc5 td:nth-child(5), .tc5 th:nth-child(5),
.tc6 td:nth-child(6), .tc6 th:nth-child(6),
.tc7 td:nth-child(7), .tc7 th:nth-child(7),
.tc8 td:nth-child(8), .tc8 th:nth-child(8),
.tc9 td:nth-child(9), .tc9 th:nth-child(9),
.tc10 td:nth-child(10), .tc10 th:nth-child(10),
.tc11 td:nth-child(11), .tc11 th:nth-child(11),
.tc12 td:nth-child(12), .tc12 th:nth-child(12) { text-align:center }