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

body {
	background-color:#ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	line-height: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

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

p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	line-height: normal;
}

p.note {
  color: black;
  font-size: 6pt;
  font-weight: normal;
  font-family: verdana, arial, helvetica, sans-serif;
}

li {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	line-height: normal;
}

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

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

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

/* class for the content div of a page that uses the navigation bar (which is ~65 pixels tall) */
div.content {
	font-size: 7pt;
}

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

h1	{
	color: black;
	font-size: 15pt;
	font-family: arial, helvetica, sans-serif;
	line-height: 20pt;
	white-space: nowrap;
	text-align: left;
}

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

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

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


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

a:link, a:visited, a:active, a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt;
	font-style: normal; 
	line-height: normal;
	font-weight: normal; 
	color: black;
  text-decoration: none;
}

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

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

table.outline {
	color: black;
	font-size: 7pt;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	border: 2pt solid black;
	border-collapse:collapse;
	white-space: normal;
}

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

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

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

th, td {  
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 7pt; 
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

table.outline th {  
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 7pt; 
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 1pt solid black;
}

table.outline td {  
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 7pt; 
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 1pt solid black;
}

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

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

/* class for column header cells: left justified */
th.header, td.header {
	color: black;
	font-size: 7pt;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	white-space: normal;
}

/* class for numeric column header cells: right justified */
th.headerNumeric, td.headerNumeric {
	color: black;
	font-size: 7pt;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: right;
	white-space: normal;
}

/* class for a header of a group of column header cells: center justified */
/* also used for drill-down header cells */
th.headerGroup, td.headerGroup {
	color: black;
	font-size: 7pt;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	white-space: normal;
  background-color: gray;
}

/* class for numeric table cells: right justified */
td.numeric {
	color: black;
	font-size: 7pt;
	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: 7pt;
	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: 7pt;
	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: 7pt;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	white-space: nowrap; 
}

/* class for footnote cells, e.g. the data source */
/*REDTAG needs to be a div class for assets/inc_displayMediaForAsset.asp */
td.footnote, div.footnote {
	color: #999999;
	font-size: 6pt;
	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: 7pt;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align:right;
	border: 0px;
	white-space:nowrap;
}

td.attrFootnote {
	color: #999999;
	font-size: 6pt;
	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; 
	vertical-align:bottom;
}

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

td.contentLinks {
	text-align:right;
	padding-right: 1em;
	white-space: nowrap;
}

td.contentText { 
	text-align:justify; 
	line-height:110%;
	padding-left: 1em;
}

/*----- 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 outset #EEEEEE;
}

/* 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: normal;
	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;
	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 group of components in a cell in a search form: 2 pixel grooved border */
td.formValueGroup {
	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: normal;
	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: normal;
	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: 6pt;
	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;
	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 */
table.modeshareTbl {
	width: 250;
}

td.drivealone{
	font-size: 7pt; 
	text-align:center; 
	padding: 0px; 
	background-color: #B1B8C3;
	border: 1px solid #B1B8C3;
	color: black
}
td.carpool{
	font-size: 7pt; 
	text-align:center; 
	padding: 0px; 
	background-color: #63727D;
	border: 1px solid #63727D;
	color: white
}
td.bus{
	font-size: 7pt; 
	text-align:center; 
	padding: 0px; 
	background-color: #004395;
	border: 1px solid #004395;
	color: white
}
td.railferry{
	font-size: 7pt; 
	text-align:center; 
	padding: 0px; 
	background-color: #7B0F10;
	border: 1px solid #7B0F10;
	color: white
}
td.other{
	font-size: 7pt; 
	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: 5pt;
}

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

.printShow 
{
	display: block;
}