@charset "utf-8";

#container {
	position:relative; 
}

p {
	line-height:20px;
}

.8px_Georgia_Paragraph {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 8px;
	color:#DBDBDB;
}

.12px_Georgia_Paragraph {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color:#DBDBDB;
}

.14px_Georgia_Paragraph {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color:#DBDBDB;
}

.16px_Georgia_Paragraph {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #DBDBDB;
}

.18px_Georgia_Paragraph {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	line-height: 24px;
	color:#DBDBDB;
}

.Green_Header
{
	color: #DBDBDB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
}

a
{
	color:#3C0;
}

body, td, th
{
	font-family: Arial, Helvetica, sans-serif;
	color:#DBDBDB;
}

body, html
{
	height:100%;
	
}

img
{
	border: 0;
}

div.body
{
	position:relative;
	top:200px;
	margin-left:50%;
	padding:10px;
	left:-500px;
	z-index:1;
}

div.content
{
	width:956px;
	background-color:#333;
	border-radius: 0px 0px 10px 10px;
	padding:10px;
	overflow:hidden;
}

div.container
{
	width:100%;
	margin:0%;
}

table#table1
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#CCC;
	border:none;
	width:1000px;
}

td#td_width_1
{
	width:137px;
}

td#td_width_2
{
	width:856px;
}

#dashboardMenu {
	list-style:none;
	width:850px;
	margin:-3px 8px 0px 8px;
	height:350px;
	padding:0px 0px 0px 0px;
}

#dashboardMenu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 0px 10px 10px 0px;
	height:156px;
	border:none;
	
	
}

#dashboardMenu li:hover {
	padding: 0px 0px 0px 0px;
	margin-right:7px;
	
	/* Background color and gradients */
	background: #007700;
	background: -moz-linear-gradient(top, #006600, #007700);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#007700));
	
	/* Rounded corners */
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
	border-radius: 14px 14px 14px 14px;
}

#dashboardMenu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:30px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#dashboardMenu li:hover a {
	color:#000;
	text-shadow: 0px 0px 0px #000;
}

#dashboardMenu .menu_right {
	float:right;
	margin-right:0px;
}
#dashboardMenu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#dashboardMenu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#dashboardMenu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:14px;
	text-align:left;
	text-shadow: 0px 0px 0px #666;
}

#dashboardMenu p {
	background-position:center;
	line-height:16px;
	margin:0 0 10px 0;
}

#dashboardMenu li:hover div a {
	font-size:14px;
	color:#000;
}
#dashboardMenu li:hover div a:hover {
	color:#029feb;
}

.displace
{
	position: absolute;
	left: -5000px;
}

/*------------------------------------------------*/
/*	Contact Form
/*------------------------------------------------*/
h3.fancybox-contact-title
{
	margin:20px 0 0 20px;
}

#fancybox-title-inside
{
	font-size:14px;
	padding:0 20px 20px 20px;
	text-align:left;
	margin-top:-20px;
}

.contact label
{
	display: float: left;
	height: 26px;
	line-height: 26px;
	width: 130px;
	font-size: 14px;
}

.contact input, textarea, select
{
	width: 280px;
	padding: 5px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 5px;
	webkit-border-radius:5px;
}   

.contact input:focus, textarea:focus, select:focus
{
	border: 1px solid #999;
	background-color: #fff;
	color:#333;
}

.contact input.submit
{
	width: 85px;
	border: 1px solid #222;
	background:#333;
	color:#fff;
}

.contact input.submit:hover { background:#444; }
.contact input[type="submit"][disabled] { background:#888; }
.contact fieldset { padding:20px;}

.contact legend
{
	padding:7px 10px;
	font-weight:bold;
	color:#000;
	border:1px solid #eee;
	margin-bottom:0 !important;
	margin-bottom:20px;
}

span.required{ font-size: 13px; color:#F00; } /* Select the colour of the * if the field is required. */
#message { margin: 10px 0; padding: 0; }

#post-content-wrap .contact fieldset {padding: 0px;}



/*------------------------------------------------*/
/*	TMC Helps Feedback Page
/*------------------------------------------------*/
.tmcHelpsRibbon{
	background-position: center;
	height: 35px;
	display: block;
	width: 950px;
	margin-left: 12px;
	background: #007700;
	background: -moz-linear-gradient(top, #006600, #007700);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#007700));
}

.tmcHelpsRibbonFont{
	font-style:italic;
	color:#fff;
	text-align:left;
	font-size:x-large;
	top:20px;
	padding-top:8px;
	margin-left:35px;
}

.tmcHelpsRibbonDropCorner{
	display:block;
	margin-left:12px;
	margin-bottom:-30px;
}

#tmcHelpsSubmitButton{
	z-index:-50;
	margin-left:325px;
	width:300px;
	height:50px;
	font-size:x-large;
	text-align:center;
	background: #007700;
	background: -moz-linear-gradient(top, #006600, #007700);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#007700));
	border-style:solid;
	border-width:2px;
	border-color:#008800;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	font-style:italic;
	color:#fff;
}

div.tmcHelpsContent{
	background-color:#333;
	border-radius: 0px 0px 10px 10px;
	padding:10px;
	width:900px;
	margin-left:42px;
}

.roundCorners{
	position:relative;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


/*------------------------------------------------*/
/*	Road Weather Data Table
/*------------------------------------------------*/
table.roadWeatherDataTable {

	cellspacing:0;
	position:relative;
	left:13px;
	width:930px;
	border:1px solid #222;
}

a.roadWeatherDataTable {
	color:#000;
}

a:hover.roadWeatherTable {
	color:#029feb;
}

.roadWeatherDataTable td {
	padding:2px;
}

/*------------------------------------------------*/
/*	Road Restrictions Data Table
/*------------------------------------------------*/
table.roadRestrictionsDataTable {

	cellspacing:0;
	position:relative;
	left:13px;
	width:930px;
	border:1px solid #222;
}

.roadRestrictionsDataTable td {
	font-size:14px;
	padding:2px;
	border-bottom:1px solid #222;
}

/* //////////////////////////////////////////////////// */
/* //////// CSS FOR THE BOTTOM NAVIGATION MENU //////// */
/* //////////////////////////////////////////////////// */
#menu {
	list-style:none;
	width:957px;
	margin:30px 0px 0px 0px;
	height:45px;
	padding:0px 20px 0px 10px;

	/* Rounded Corners */
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;

	/* Background color and gradients */
	background: #007700;
	background: -moz-linear-gradient(top, #006600, #007700);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#007700));
}

.menu_signs {
	position:relative;
	width:60px;
	height:65px;
	top:-50px;
	margin-bottom:-45px;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 10px 8px 4px 8px;
	margin-right:20px;
	margin-top:7px;
	border:none;
}

#menu li:hover {
	border: 1px solid #777777;
	padding: 9px 7px 8px 7px;
	
	/* Background color and gradients */
	background: #CCC;
	
	/* Rounded corners */
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
	color:#000;
	text-shadow: 0px 0px 0px #000;
}
#menu li .drop {
	padding-right:21px;
	background:url("../Images/Site_Images/Bottom_Nav_Bar/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("../Images/Site_Images/Bottom_Nav_Bar/drop.png") no-repeat right 6px;
}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 5px 5px 0px;
    -webkit-border-radius: 5px 5px 5px 0px;
    border-radius: 5px 5px 5px 0px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:14px;
	text-align:left;
	text-shadow: 0px 0px 0px #666;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu p {
	background-position:center;
	line-height:16px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:14px;
	color:#000;
}
#menu li:hover div a:hover {
	color:#030;
	text-decoration:underline;
}

.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.dropdown_Weather,
.dropdown_Airports, 
.dropdown_RailandTransit, 
.dropdown_CyclingandPeds,
.dropdown_Freight,
.dropdown_WorkZones,
.dropdown_Dashboard {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:center;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-bottom:none;
	
	/* Gradient background */
	background:#CCC;
	background: -moz-linear-gradient(top, #999, #CCC);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B2B2B2), to(#CCC));

	/* Rounded Corners */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.dropdown_Weather {width: 150px;}
.dropdown_Airports {width: 178px;}
.dropdown_RailandTransit {width: 150px;}
.dropdown_Freight {width: 150px;}
.dropdown_CyclingandPeds {width: 150px;}
.dropdown_WorkZones {width: 165px;}
.dropdown_Dashboard {width: 150px;}
/* Change weather to 197 to add the winter road conditions */
#menu li:hover .dropdown_Weather {left:-35px; top:-146px;} 
#menu li:hover .dropdown_Airports {left:-53px; top:-147px;} 
#menu li:hover .dropdown_RailandTransit {left:-22px; top:-215px;}
#menu li:hover .dropdown_Freight {left:-42px; top:-122px;} 
#menu li:hover .dropdown_CyclingandPeds {left:-15px; top:-146px;} 
#menu li:hover .dropdown_WorkZones {left:-10px; top:-122px;}
#menu li:hover .dropdown_Dashboard {left:-28px; top:-146px;}
/* ///// End of Main Navigation Bar ///// */


/* //////////////////////////////////////////////////// */
/* ///////// CSS FOR THE TOP NAVIGATION MENU ////////// */
/* //////////////////////////////////////////////////// */
#top_menu {
	list-style:none;
	width:967px;
	margin:-3px 25px 0px 13px;
	height:35px;
	padding:1px 0px 0px 0px;

	/* Rounded Corners */
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;

	/* Background color and gradients */
	background: #007700;
	background: -moz-linear-gradient(top, #006600, #007700);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#007700));
}

#top_menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 2px 8px 4px 8px;
	margin-right:65px;
	margin-top:2px;
	border:none;
}

#top_menu li:hover {
	border: 1px solid #777777;
	padding: 0px 7px 0px 7px;
	
	/* Background color and gradients */
	background: #CCC;
	background: -moz-linear-gradient(top, #B2B2B2, #CCC);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B2B2B2) to(#CCC));
	
	/* Rounded corners */
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

#top_menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:30px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#top_menu li:hover a {
	color:#000;
	text-shadow: 0px 0px 0px #000;
}

#top_menu .menu_right {
	float:right;
	margin-right:0px;
}
#top_menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#top_menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#top_menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:14px;
	text-align:left;
	text-shadow: 0px 0px 0px #666;
}
#top_menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#top_menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#top_menu p {
	background-position:center;
	line-height:16px;
	margin:0 0 10px 0;
}

#top_menu li:hover div a {
	font-size:14px;
	color:#000;
}
#top_menu li:hover div a:hover {
	color:#029feb;
}
/* ///// End of Top Navigation Bar ///// */