﻿html
{
	height: 100%;
}

body 
{
    padding-top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #D4DADE;
    font-size: 90%;
    height: 100%;
}

DIV.default_full_page_width
{
	background-color: rgb(0,60,44);

}

DIV.default_main_area
{
	background-color: rgb(19,36,63);
	width: 1010px;
	margin:0 auto 0 auto;
	padding: 2mm 0mm 6mm 6mm;
	position: relative;

}

DIV.star
{
	position:absolute;
	top: -40px;
	left: -50px;	
}

DIV.legend
{
	position:absolute;
	top: 115px;
	left: 320px;
	z-index: 2;
	background-color: #FFFF00; 
	font-family:Verdana, Sans-Serif; 
	font-size: 70%; 
	padding: 2mm;	
	width: 250px;
	height: 26px;
	 border: solid 2px red;
}

DIV.aerial
{
	z-index: 2;
	position:absolute;
	top: 20px;
	right: 10px;
}

P.spacedlines
{
	line-height: 1.6em;
}
DIV.spacedlines
{
	line-height: 1.6em;
}

DIV.verdanalink
{
	font-family: Verdana, Sans-Serif;
	font-size: 80%;
}

A.mainpagelink 
{
	color: #FFFFFF;
	font-family: Palatino Linotype, Serif;
	font-weight: bold;
	cursor: default;
	text-decoration: none;
}

A.mainpagelinkMouseOver
{
	font-family: Palatino Linotype, Serif;
	font-weight: bold;
	color: #FFFF00;
	cursor: hand;
	text-decoration: underline;
}

TD.mainpagelinkcell
{
	padding:  8px 6px 8px 0px;
}


BODY.highwayInfo
{
	/*text-align: center;*/
	background-color: rgb(0,86,62);
}

form
{
	height:100%;
}

/* fonts */
.verdana 
{
	font-family: Verdana, Tahoma, Sans-Serif;
}

/* end fonts */

.TD
{
    padding: 0px;
    padding-bottom: 0px;
    margin: 0px;
    vertical-align: top;
}

.img
{
    display: block;
}

.background_gray
{
    background-color: #BBBBBB;
    padding-top: 0px;
}

.background_green
{
    background-color: #FFFFFF;
    border: solid 10px #00563E;
}

.background_white
{
    background-color: #FFFFFF;
}
.width_980
{
      width: 980px;
}

.standard_text
{
 font-family: Verdana, Sans-Serif;
 font-size: 10pt;
 text-align:left;   
  margin-left: 20px;
  margin-right: 10px;
}

.variable_green_background
{
    background-image: url('../../images/main_page/500_repeat.jpg');
    background-repeat:repeat-y;
}

.aerial_header_background
{
    background-image: url('../../user_controls/images/aerial_header_repeat_80h.jpg');
    background-repeat:repeat-x;
   
}


.aerial_header_left_background
{
    background-image: url('../../user_controls/images/aerial_header_left_image_80h.jpg');
    background-repeat: no-repeat;
    float: left;
   
}

.aerial_header_title
{
    font-weight:bold;
    font-family: Verdana, Sans-Serif;
    font-size: 165%;
    color: skyblue;
    
}

.aerial_footer_background
{
    background-image: url('../../user_controls/images/aerial_footer_repeat.jpg');
    background-repeat:repeat-x;
   
}

.aerial_challenge_title
{
    font-weight:bold;
    font-family: Verdana, Sans-Serif;
    font-size: 140%;
    color: darkblue;
}

.aerial_challenge_background
{
    background-image: url('../../user_controls/images/aerial_challenge_header.jpg');
    background-repeat:no-repeat;
   
}

.aerial_challenge_header
{
    font-family: Verdana, Sans-Serif;
	color: skyblue;
	font-weight: bold;
	font-size: 85%;
}

.map_header_background
{
    background-color: #00563E;
   
}


.error_text
{
    font-weight:bold;
    font-family: Verdana, Sans-Serif;
    font-size: 115%;
    color: #FF0000;
}

.skyblue
{
    color: #A6E4F4;   
}

.darkblue
{
    color: #13243F;   
}

.darkgreen
{
    color: #00563E;   
}

.yellow
{
    color: #FFFF00;   
}
.orangelink
{
    color: #F7C251;
}
.verdana
{
    font-family: Verdana, Sans-Serif;
}

.sans_serif
{
    font-family: Sans-Serif;
}

A.linkMouseOver
{
	font-family:  Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 85%;
	color: #FFFF00;
	cursor: hand;
	text-decoration: underline;
}
A.link 
{
	font-family: Verdana, Sans-Serif;
	color:skyblue;
	font-weight: bold;
	font-size: 85%;
	cursor: default;
	text-decoration: none;
}



A.link: visited
{
	color: #FFFF00;
}
A.link: active
{
	color: #FF9900;
}

A.bluelink 
{
	font-family: Verdana, Sans-Serif;
	color:rgb(19,36,63);
	font-weight: bold;
	font-size: 85%;
	cursor: default;
	text-decoration: none;
}
A.bluelinkMouseOver
{
	font-family:  Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 85%;
	color: rgb(105,115,121);
	cursor: hand;
	text-decoration: underline;
}

A.linkBlueRedMouseOver
{
	font-family:  Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 85%;
	color:  #FF0000;
	cursor: hand;
	text-decoration: underline;
}
A.linkBlueRed 
{
	font-family: Verdana, Sans-Serif;
	color: darkblue;
	font-weight: bold;
	font-size: 85%;
	cursor: default;
	text-decoration: none;
}

A.linkGreenRedLargeMouseOver
{
	font-family:  Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 115%;
	color:  #FF0000;
	cursor: hand;
	text-decoration: underline;
}
A.linkGreenRedLarge 
{
	font-family: Verdana, Sans-Serif;
	color: darkgreen;
	font-weight: bold;
	font-size: 115%;
	cursor: default;
	text-decoration: none;
}

TABLE.topAlign td { vertical-align:top;}

/* These are for the highwayHomePage styles */
DIV.minHeight100
{
	min-height: 100%;
}

DIV.divHighwayInfo
{
	background-image: url('../../images/highwayInfo/shared/highwayInfoBackground_1x4.png');
	min-height: 100%;
}

DIV.divHighwayInfoPadding
{	
	/*
	margin-left:3mm;
	margin-right:3mm;
	margin-top:1cm;
	margin-bottom:1cm;
*/
	padding-left: 3mm;
	padding-right:3mm;
	padding-bottom:1cm;
	padding-top: 1cm;
	
}

DIV.divHighwayInfo_textTimeline
	
{
	/*
	margin-left:1cm;
	margin-right:1cm;
	margin-bottom:1cm;
	*/
	padding-left: 1cm;
	padding-right:1cm;
	padding-bottom:1cm;

	background-image: url('../../images/highwayInfo/shared/highwayInfoBackground_1x4.png');
}

.mainText
{
	font-family: Georgia, Serif;
}
.mainText_SectionHeading
{
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1.0em;
	padding-top:3mm;
	padding-bottom:1mm;
}

TABLE.table_8pt
{
	font-size:8pt;
	font-family:Sans-Serif;
}

TABLE.table_8em
{
	font-size: 0.8em;
}

TABLE.green_border
{
	border: solid 1px rgb(0,86,62);
}

TABLE.bgcolor_blue_gray
{
	background-color: #dfe0ef;	
}

TABLE.bgcolor_yellow
{
	background-image:url(../../user_controls/images/header_yellow_background_1x140.png);
	background-repeat: repeat-x

}

.highwayInfo_title 
{
	font-weight:bold;
    font-family: Verdana, Sans-Serif;
    font-size: 180%;
    color: rgb(0,86,62);
}

.highwayInfo_subTitle 
{
	font-weight:bold;
    font-family: Verdana, Sans-Serif;
    font-size: 130%;
    color: rgb(0,86,62);
}
TD.star_background
{
	background-image:url(../../images/headers/highwayInfoHeader/freeway_home_star_transparent_green_140.png);
	background-repeat:no-repeat;
}

.highwayInfo_page_subject
{
	font-weight:bold;
    font-family: Verdana, Sans-Serif;
    font-size: 120%;
    color: rgb(0,86,62);
}

/*This is for the information table on the right */


.bold_green
{
	color: rgb(0,86,62);
	font-weight: bold;
}

.percentlarger25
{
	 font-size: 1.25em;	
}

TABLE.padded_top_bottom TR
{
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	margin: 0.3em 0.3em 0.3em 0.3em;
}
TABLE.padded_top_bottom TR TD
{
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	margin: 0.3em 0.3em 0.3em 0.3em;
}

/*This is for the basic info table */
TABLE.highwayInfoTable
{
		background-image:url('../../images/highwayInfo/shared/highwayInfoTable_1x4_light.png');
	
}


DIV.basic_info
{
	/*font-family: Verdana, Sans-Serif; */
	font-size: 0.9em;
}
TABLE.basic_info_border
{
	border: solid 1px rgb(0,86,62);
	
}
/*
TABLE.basic_info_border TD
{
	border: solid 1px rgb(0,86,62);
 padding-left: 0.5em;
 padding-right: 0.5em;
 padding-bottom: 0.2em;
 padding-top: 0.2em;
	
}
*/

TABLE.basic_info
{
	border: solid 1px rgb(0,86,62);
	font-family:Verdana, Sans-Serif; 
	font-size: 0.9em;
	
}

html>body .basic_info
{
	font-family:Sans-Serif; 
	
}

TABLE.basic_info TD
{
	border: solid 1px rgb(0,86,62);
 padding-left: 0.5em;
 padding-right: 0.5em;
 padding-bottom: 0.2em;
 padding-top: 0.2em;
	
}


.verdana_font_90
{
	font-family:Verdana, Sans-Serif;
	font-size: 0.9em;

}

/* these styles are for the old road map page */

DIV.maps_outer_div
{
	padding-left: 33mm;
	background-image: url(../../images/other/background_mosaic.jpg);
	background-repeat: repeat;
	
}

DIV.orp_main_div
{
	border: solid 3px #00563E;
	background-color: rgb(248,250,176);	
	width: 740px;
	text-align: left;
}

TABLE.orp_table
{

}

TD.orp_td
{
	padding: 16px 8px 16px 16px;
}

.orp_Header
{
	 font-family:Arial, Sans-Serif;
	 font-size: 1.6em;
	 font-weight: bold;	
	 padding-bottom: 6px;
}

.orp_LinkLegend
{
	padding-left:6mm;
	font-size: 0.65em;
	font-family: arial, Sans-Serif;
	color: #00563E;
	text-decoration: none;
	font-weight: bold;
}
.orp_LinkLegendMouseOver
{
	padding-left:6mm;
	font-size: 0.65em;
	font-family: arial, Sans-Serif;
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}

.orp_Description
{
	font-family: Arial, Sans-Serif;
	padding-bottom: 2mm;
}

.orp_Table_Main
{
	width: 700px;
}
.orp_subTable TD
{
	padding-right:4mm;
	padding-top:0.15em;
	padding-bottom:0.15em;

}