/*------- default font settings: body, div, p, li, select, textarea -------*/

html, body {
	background-color:#ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	border: none;
}

div {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	color: #000000;
}

p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

span {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
}

p.note {
  color: black;
  font-size: 10px;
  font-weight: normal;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: normal;
  white-space: normal;
  text-indent: 0px
}

li {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	white-space: nowrap;
}

/* input[type=text] is not supported by IE */
input {
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size: 11px;
}

/* <textarea> uses fixed width font by default */
textarea {
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size: 11px;
	background-color: #ffffff;
}


/*----- heading settings -----*/

h1	{
	color: #7B0F10;
	font-size: 15pt;
	font-family: arial, helvetica, sans-serif;
	line-height: 25px;
	white-space: nowrap;
	text-align: left;
}

h2 {
	color: #000000;
	font-size: 12pt;
	font-family: arial, helvetica, sans-serif;
	line-height: normal;
	white-space: nowrap;
}

h3	{
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	line-height: normal;
}

h4	{
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	line-height: normal;
}


/*----- link settings -----*/

a:link, a:visited, a:active {
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size: 11px;
	font-style: normal; 
	line-height: 16px;
	font-weight: normal; 
	color: #004395;
	text-decoration: none
}

a:hover {
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size: 11px;
	font-style: normal; 
	line-height: 16px;
	font-weight: normal; 
	color: #990000;
	text-decoration: underline
}

/*----- navigation bar-related settings -----*/

div.homeBackground {
  position: absolute;
  height: 67px;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 2;
  background-image: url(/images/backphotoFiller.gif);
}

div.homePhotos {
  position: absolute;
  height: 186px;
  width: 412px;
  left: 0px;
  top: 0px;
  z-index: 3;
  overflow: visible;
}

/* position for the div containing the home page title bar */
div.homeTitle {
  position: absolute;
  z-index: 3;
  top: 7px;
  left: 250px;
  height: 30px;
}

/* used for text in the home page title bar: white bold */
span.homeTitle {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: transparent;
  border: none;
  white-space: nowrap;
}

/* class for the content div of a page that uses the navigation bar (which is ~65 pixels tall) */
div.content {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 70px;
	width: 100%;
	z-index: 4;
	border: 0px none white;
}

/* for pages without a navigation bar: 10px margin */
body.noNavBar {
	margin: 10px;
}

/* position for the div containing the navigation bar title */
div.navTitle {
	position: absolute;
	z-index: 2;
	top: 7px;
	left: 170px;
	height: 30px;
}

/* used for titles on the navigation bar: white normal */
td.navTitle {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: transparent;
	border: none;
	white-space: normal;
}

/* used for links on the navigation bar: white bold */
a.navBar:link, a.navBar:visited, a.navBar:active {
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size: 11px;
	font-style: normal; 
	line-height: normal;
	font-weight: bold; 
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
	border: none;
	white-space: nowrap;
}

/* hover setting for links on the navigation bar: white bold underlined */
a.navBar:hover {
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size: 11px;
	font-style: normal; 
	line-height: normal;
	font-weight: bold; 
	color: #FFFFFF;
	text-decoration: underline;
	background-color: transparent;
	border: none;
	white-space: nowrap;
}


/*----- table settings -----*/

table.outline {
	color: black;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	white-space: normal;
}

table.agency {
	color: black;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	width: 450px;
	border: 1px solid #8C9AA4;
	white-space: normal;
	background-color: #EFF5FC;
	line-height: 20px
}

/* the same as outline, but a separate class so that media tables are not painted */
table.media {
	color: black;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	white-space: normal;
}

caption.caption1 {
  color: white;
  font-size: 9pt;
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  background-color: #63727D;
  border: none;
}

caption.caption2 {
  color: black;
  font-size: 9pt;
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 20px;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: none;
  border-left: 1px solid #CCCCCC;
}

/* used to shade every other row in tables (see ui/paintTableRows.js) */
tr.shade {
	background-color: #EFF5FC
}

td, th {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px; 	
	padding:2px
}

/* class for column header cells: left justified */
th.header, td.header {
	color: black;
  background-color:#ffffff;
  font-size: 11px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	white-space: normal;
	border-top: none;
	border-right: 1px solid #63727D;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 8px;
}

/* class for numeric column header cells: right justified */
th.headerNumeric, td.headerNumeric {
	color: black;
  background-color:#ffffff;
  font-size: 11px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
  text-align: right;
  white-space: normal;
	border-top: none;
	border-right: 1px solid #63727D;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 8px;
}

/* class for a header of a group of column header cells: center justified */
th.headerGroup, td.headerGroup {
	color: black;
  background-color:#ffffff;
  font-size: 11px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
  text-align: center;
  white-space: normal;
	border-top: none;
	border-right: 1px solid #63727D;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 8px;
}

/* class for a non-sorting column header cell: center justified */
th.headerNoSort {
  color: black;
  background-color:#ffffff;
  font-size: 11px;
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: center;
  white-space: normal;
  border-top: none;
  border-right: 1px solid #63727D;
  border-bottom: 1px solid #CCCCCC;
  border-left: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 8px;
}

/* class for numeric table cells: right justified */
td.numeric {
	color: black;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: right;
	white-space: nowrap; 
}

/* class for table cells containing an icon: center justified */
td.icon {
	font-size: 11px;
	text-align: center;
	margin: auto;
}

/* class for total table cells: bold, right justified */
/*REDTAG no good for total rows in the middle of a table
	border-top: 1px solid #63727D;
	border-bottom: 2px solid #63727D;
*/
td.total {
	color: black;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: right;
	white-space: nowrap; 
}

/* class for total label table cells: bold */
/*REDTAG no good for total rows in the middle of a table
	border-top: 1px solid #63727D;
*/
td.totalLabel {
	color: black;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	white-space: nowrap; 
}

/* class for footnote cells, e.g. the data source */
td.footnote {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: normal;
	border-top: 1px solid #CCCCCC;
	white-space: normal;
	text-indent: 0px
}

/*----- attribute/value table settings -----*/

/* title row */
td.titleRow {
  color: black;
  font-size: 9pt;
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  padding-left: 5px;
  white-space: normal;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #CCCCCC;
  border-left: none;
}

/* class for a label cell in an attribute/value table: black, right and top justified */
td.attrLabel {
	color:black;
	font-size:11px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align:right;
	border: 0px;
	white-space:nowrap;
	vertical-align: top
}

td.attrFootnote {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: normal;
	white-space: normal;
	text-indent: 0px
}

/*----- content area overview page settings --------*/

td.contentTitle {
	border-bottom:1px solid #CCCCCC; 
	font-family: arial, helvetica, sans-serif; 
	font-size:12pt; font-weight:bold; 
	padding-top:30px; 
	vertical-align:bottom
}

td.contentLogo {
	border-bottom:1px solid #CCCCCC; 
	text-align: right; 
	vertical-align: bottom
}

td.contentLinks {
	padding-left:20px; 
	text-align:right
}

td.contentText {
	padding-left:20px; 
	text-align:justify; 
	line-height:150%; 
	width:420px
}

/*----- search form settings -----*/

/* class for a search from that uses a table for its layout */
table.searchForm {
	empty-cells: show;
	background-color:#B1B8C3;
	border-width: 1px;
	border: 2px solid #444444;
	padding: 2px;
}

/* class for a title cell in a search form: white on grey, tall, 1px border */
td.formTitle	{
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 25px;
	background-color: #63727D;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

/* class for a caption cell in a search form: bold black, left justified */
td.formCaption {
	color:black;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
	text-align:left;
	border: 0px;
	white-space:nowrap; 
}

/* class for a label cell in a search form: bold black, right justified */
td.formLabel {
	color:black;
	font-size:11px;
	font-weight:bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align:right;
	border: 0px;
	white-space:nowrap; 
}

/* class for a label within a cell in a search form: bold black, right justified */
span.formLabel {
  color:black;
  font-size:11px;
  font-weight:bold;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align:right;
  border: 0px;
  white-space:nowrap; 
}

/* class for a group of components in a cell in a search form: 2 pixel grooved border */
td.formValueGroup {
	padding:5px;
	border:2px;
	border-color:#D1D8EB;
	border-style:groove;
}

/* class for submit or action buttons */
.submitbutton {
	background-color:#7B0F10;
	color:#ffffff;
	font-size: 11px;
	font-weight:bold; 
	font-family:Verdana, Arial, Helvetica;
	line-height: 14px;
	border-top: 2px solid #ffffff;
	white-space: normal;
	text-indent: 0px;
	text-align: center;
}		

/* class for reset buttons */
.resetbutton {
	background-color:#63727D;
	color:#cccccc;
	font-size: 11px;
	font-weight:bold; 
	font-family:Verdana, Arial, Helvetica;
	line-height: 14px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #cccccc;
	white-space: normal;
	text-indent: 0px;
	text-align: center
}		


/*----- miscelaneous settings -----*/

/* class for disclaimer at the bottom of pages displaying data */
p.disclaimer {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: normal;
	border-top: 1px solid #999999;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	white-space: normal;
	padding: 2px;
	text-indent: 0px
}

/* sets the background color of the map tool bar and "tabs" */
body.mapTopFrame {
	background-color: #B1B8C3
}

body.mapTextFrame {
	background-color: #F2EEE3;
	margin: 10px
}

/* style for the help boxes in the map TextFrame */
p.mapHelp {
	color: #999999; 
	border: 1px solid #999999; 
	font-size: 7pt;
	line-height: 13px;
}

/* styles for mode shares on Work Trip Flows */
td.drivealone{
	font-size: 9px; 
	text-align:center; 
	padding: 0px; 
	background-color: #B1B8C3;
	border: 1px solid #B1B8C3;
	color: black
}
td.carpool{
	font-size: 9px; 
	text-align:center; 
	padding: 0px; 
	background-color: #63727D;
	border: 1px solid #63727D;
	color: white
}
td.bus{
	font-size: 9px; 
	text-align:center; 
	padding: 0px; 
	background-color: #004395;
	border: 1px solid #004395;
	color: white
}
td.railferry{
	font-size: 9px; 
	text-align:center; 
	padding: 0px; 
	background-color: #7B0F10;
	border: 1px solid #7B0F10;
	color: white
}
td.other{
	font-size: 9px; 
	text-align:center; 
	padding: 0px; 
	background-color: #F6B0B0;
	border: 1px solid #F6B0B0;
	color: black
}

/* small font */
td.drivealoneSmall{
	font-size: 1px; 
	text-align:center; 
	padding: 0px; 
	background-color: #B1B8C3;
	border: 1px solid #B1B8C3;
	color: black
}
td.carpoolSmall{
	font-size: 1px; 
	text-align:center; 
	padding: 0px; 
	background-color: #63727D;
	border: 1px solid #63727D;
	color: white
}
td.busSmall{
	font-size: 1px; 
	text-align:center; 
	padding: 0px; 
	background-color: #004395;
	border: 1px solid #004395;
	color: white
}
td.railferrySmall{
	font-size: 1px; 
	text-align:center; 
	padding: 0px; 
	background-color: #7B0F10;
	border: 1px solid #7B0F10;
	color: white
}
td.otherSmall{
	font-size: 1px; 
	text-align:center; 
	padding: 0px; 
	background-color: #F6B0B0;
	border: 1px solid #F6B0B0;
	color: black
}
.smallText {
      font-size: 8px;
}

/* style for printing */
.printHide {
	display: ;
}

.printShow {
	display: none;
}