/* ### Forms #### */
TABLE.Filler
{
	background-color: #00019A;
}

TABLE.Form
{
	color: White;
	font-size: 10pt;
}
TABLE.ContentForm
{
	background-color: #F1F1F1;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-top: solid 1px #999999;
	font-size: 70%;
}

/* ### ADA ### */
TABLE.ADA
{
	background-color: #F1F1F1;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	color: #00019A;
}

A.ADA:link
{
	color: Navy;
}
A.ADA:visited
{
	color: Navy;
}
A.ADA:active
{
	color: Navy;
}
A.ADA:hover
{
	color: Red;
}

/* ### Kiosk ### */
TABLE.KIOSK
{
	background-color: #F1F1F1;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	color: #00019A;
}

A.KIOSK:link
{
	color: Navy;
}
A.KIOSK:visited
{
	color: Navy;
}
A.KIOSK:active
{
	color: Navy;
}
A.KIOSK:hover
{
	color: Red;
}

/* ### Predictions ### */
TABLE.CrossingTimes
{
	background-color: #F1F1F1;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	color: #00019A;
	text-align: center; /*   background-image: url(../background.aspx?c1=0059CD&c2=white&w=300&h=100&o=v); */
	font-size: 40px;
}

TR.CrossingTimes
{
	background-color: #00019A;
	background-image: url(../background.aspx?c1=0059CD&c2=00019A&w=300&h=50&o=v);
	color: White;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	border-right: solid 10px #999999;
}
TD.CrossingTimes
{
	border-bottom: 0 1px 0;
	border-left: 0 1px 0;
	border-top: solid 1px #F1F1F1;
	border-right: solid 10px #F1F1F1;
}

TR.CrossingTimesTimeStamp
{
	/*  background-color: #999999; */
	color: Black;
	font-size: 14px;
}

/* ### Map ### */
 #layers
  {
    width: 200px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    background: white;
  }
 
 /* ### Schedule ### */ 
#table-header, #table-body
{
	border: 1px solid #00019A;
	border-spacing: 0;
	border-collapse: collapse;
	color: White;
	font-size: smaller;
	table-layout: fixed;
}

#table-header
{
	border-bottom: 3px solid #00019A;
}

#table-header th, #table-header td, #table-body td
{
	border: 1px solid #00019A;
	font-weight: bold;
	padding: 2px;
	overflow: hidden;
	text-align: center;
	white-space: normal;			/* If a fixed height, set to nowrap */
	width: 100px;
}

#table-header th.ScheduleHeaderA, #table-header td.ScheduleHeaderA
{
	background-color: #207FFF;
}

#table-header th.ScheduleHeaderB, #table-header td.ScheduleHeaderB
{
	background-color: #204CDD;
}

#table-body td
{
	background-color: #0169EC;
	font-weight: normal;
}

#table-body td.ScheduleTableB
{
	background-color: #002CBD;
}

#table-header-container		
{
	padding: 1px 1px 0px 1px;		/* Fixes header off by a pixel problem */
}

#fake-y-scroll-container, #x-scroll
{
	width: 700px;					/* Desired width of schedule */
}

#fake-y-scroll-container
{
	overflow: hidden;
	position: relative;
}

#x-scroll
{
	overflow-x: auto;
	overflow-y: hidden;
}

#y-scroll, #fake-scroll
{
	max-height: 350px;				/* Desired height of schedule */
	overflow-x: hidden;
}

#y-scroll
{
	overflow-y: auto;
	padding: 0px 1px 1px 1px;
}

#fake-scroll
{
	background: transparent; 
	overflow-y: scroll; 
	position: absolute;
	right: 0;
}

/* ### Vertical schedule ### */

#vertical-container
{
	width: 750px;					/* Width of header + schedule */
}

#vertical-table-header, #vertical-table-body
{
	border: 1px solid #00019A;
	border-spacing: 0;
	border-collapse: collapse;
	color: White;
	font-size: smaller;
	table-layout: fixed;
}

#vertical-table-header
{
	border-right: 3px solid #00019A;
}

#vertical-table-header td.vertical-header-A,
#vertical-table-header td.vertical-header-B
{
	border: 1px solid #00019A;
	font-weight: bold;
	height: 40px;
	width: 130px;					/* Required for IE7 */
	padding-left: 6px;
	padding-right: 6px;
	white-space: normal;
}

#vertical-body-container
{
	overflow-x: auto;
	overflow-y: hidden;				/* Required for IE7 */
	width: 600px;					/* Desired width of schedule */
}

#vertical-table-body td.vertical-table-A,
#vertical-table-body td.vertical-table-B
{
	border: 1px solid #00019A;
	height: 40px;
	width: 60px;					/* Required for IE7 */
	padding-left: 6px;
	padding-right: 6px;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;			/* Required for fixed-height */
}

#vertical-table-header td.vertical-header-A
{
	background-color: #207FFF;
}

#vertical-table-header td.vertical-header-B
{
	background-color: #204CDD;
}

#vertical-table-body td.vertical-table-A
{
	background-color: #0169EC;
}

#vertical-table-body td.vertical-table-B
{
	background-color: #002CBD;
}

