/* -----------------------------------------------------------------------------
 * Begin Default Styles
 */
	#menuBody { background: #CDD9EA !important; }
	
	body
	{
		padding: 0px;
		margin: 0px;
		padding: 0px;
		border: 0px;
		font-family: Verdana, Arial, Helvetica;
		font-weight: normal;
		background: white;
	}
	
	textarea, input, select, option {
	  font-family: Verdana, Arial, Helvetica;
	  border:1px solid black;
	  font-size: 10px;
	}
	
	option { border: 0px; }
	
	td {
	  font-family: Verdana, Arial, Helvetica;
	  font-size: 10px;
	}
	td.total {
	  font-family: Verdana, Arial, Helvetica;
	  font-size: 10px;
	  font-weight: bold;
	}
	th { text-align: left; font-family: Verdana; font-size: 10px; font-weight:bold;}
	
	a:link {color:black; text-decoration:none;}
	a:visited {color:black;text-decoration:none;}
	a:active {color:black;text-decoration:none;}
	a:hover {color:#00659C; text-decoration:underline;}
	
	a.drag:link {color:black; text-decoration:none; border: 1px dashed orange;}
	a.drag:visited {color:black;text-decoration:none; border: 1px dashed orange;}
	a.drag:active {color:black;text-decoration:none; border: 1px dashed orange;}
	a.drag:hover {color:#00659C; text-decoration:none; background: yellow;}
	
	a.large:link {width:100%; height:100%; text-align:center; font-size:24px; color:black; text-decoration:none;}
	a.large:visited {width:100%; height:100%; text-align:center; font-size:24px; color:black; text-decoration:none;}
	a.large:active {width:100%; height:100%; text-align:center; font-size:24px; color:black; text-decoration:none;}
	a.large:hover {width:100%; height:100%; text-align:center; font-size:24px; color:silver; background-color:#8BA7CA }
/*
 * End Default Styles
 * -----------------------------------------------------------------------------
 */


/* -----------------------------------------------------------------------------
 * Begin Custom Table Styles
 */
	table.listView
	{
		border-spacing: 1px;
		border: 1px outset #81B2E8;
		width: 100%;
	}
	table.listView th
	{
		background: #8BA7CA;
		color: white;
	}
	table.listView td
	{
		border-bottom: 1px dotted silver;
		background: #e8e8e8;
		color: black;
	}
	
	table.listView td.formTitle
	{
		border-bottom: 1px dotted silver;
		background: #c5c5c5;
		color: black;
	}
	table.listView td.unknown
	{
		border-bottom: 1px dotted silver;
		background: #e8e8e8;
		color: black;
	}
	table.listView td.ontime
	{
		border-bottom: 1px dotted silver;
		background: #8FBC8F;
		color: black;
	}
	table.listView td.predictedOntime
	{
		border-bottom: 1px dotted silver;
		background: #57C3DE;
		color: black;
	}
	table.listView td.late
	{
		border-bottom: 1px dotted silver;
		background: #EE6A50;
		color: black;
	}
	table.listView td.predictedLate
	{
		border-bottom: 1px dotted silver;
		background: #D3988C;
		color: black;
	}
table.listView td.missedStop
	{
		border-bottom: 1px dotted silver;
		background: #FFFFAA;
		color: black;
	}
    
	
    table.listView td.total
	{
		border-bottom: 1px dotted silver;
		background: #f0ffff;
		font-weight: bold;
		color: black;
	}
	
	table.listView tr.subTotal td
	{
		border-bottom: 1px dotted silver;
		background: #f0ffff;
		font-weight: bold;    
		color: black;
	}
	
	table.listView tr.total td
	{
		border-bottom: 1px dotted silver;
		background: #CCFFFF;
		font-weight: bold;
		color: black;
	}
	
	table.listView tr.warning td
	{
		border-bottom: 1px dotted silver;
		background: #FFFFA0;
		color: black;
	}
	
	table.listView tr.problem td
	{
		border-bottom: 1px dotted silver;
		background: #FFB6C1;
		color: black;
	}
	table.listView tr.predictedOntimeRow td
	{
		border-bottom: 1px dotted silver;
		background: #bbf4d7;
		color: black;
	}
	table.listView tr.predictedLateRow td
	{
		border-bottom: 1px dotted silver;
		background: #f4ad9f;
		color: black;
	}
	table.listView tr.canceledRow td
	{
		border-bottom: 1px dotted silver;
		background: #a3f00c;
		color: black;
	}

	
    table.filterView
	{
		border-spacing: 1px;
		border: 1px outset lightslategray;
		width: 100%;
	}
	table.filterView th
	{
		background: #8BA7CA;
		border: 1px outset lightslategray;
		color: white;
	}
	table.filterView td
	{
		background: #e8e8e8; 
		color: black;
	}
	table.filterView td.white
	{
		background: #ffffff;
		color: black;
	}
	
	table.editView
	{
		border-spacing: 1px;
		border: 1px outset #81B2E8;
		width: 100%;
	}
	table.editView th
	{
		border: 1px solid navy;
		background: steelblue;
		color: white;
	}
	table.editView td
	{
		border-bottom: 1px solid navy;
		background: #e8e8e8;
		color: black;
	}
	table.editView td.formTitle
	{
		border-bottom: 1px solid navy;
		background: #c5c5c5;
		color: black;
	}
	table.editView td.total
	{
		border-bottom: 1px dotted silver;
		background: #f0ffff;
		font-weight: bold;
		color: black;
	}
	
	
	table.largeListView
	{
		border-spacing: 20px;
		border: 1px solid #81B2E8;
		width: 100%;
	}
	table.largeListView th
	{
		border: 1px solid navy;
		background: #8BA7CA;
		color: white;
		font-size: 14px;
	}
	table.largeListView td
	{
		border-bottom: 1px solid navy;
		background: #e8e8e8;
		color: black;
		font-size: 24px;
	}
	
	table.largeButton
	{
		border-spacing: 20px;
		border: 5px outset #81B2E8;
		width: 100%;
	}
	table.largeButton td
	{
		border-bottom: 1px solid navy;
		background: #e8e8e8;
		color: black;
		font-size: 24px;
	}
	
/* -----------------------------------------------------------------------------
 * Begin Scrollable table styles
 * Source: http://www.webdeveloper.com/forum/showthread.php?t=185367
 */	
	div.fixedTableHead {
		height: 416px;
		overflow-y: auto;
	}
	
	div.fixedTableHead table {
		border-spacing: 1px;
		border: 0px;
		width: 100%;
	}
	div.fixedTableHead tbody {
		height:100%;
		overflow-x:hidden;
		overflow-y:auto;
		/*overflow:-moz-scrollbars-vertical;*/
	}
	div.fixedTableHead tbody tr {
		height: auto;
	}
	div.fixedTableHead tbody tr td:last-child {
		padding-right: 20px;
	}
	div.fixedTableHead thead {
			position:relative;
	}

	div.fixedTableHead  thead tr {
		position: relative;
		height: auto;
		top: expression(offsetParent.scrollTop);
	}
	div.fixedTableHead thead th {
		border-top: 0px;
		border-left: 1px;
		border-right: 1px;
		padding-top: 5px;
		padding-bottom: 5px;
    }
/*
 * End Scrollable Table Styles
 * -----------------------------------------------------------------------------
 */
 
/* -----------------------------------------------------------------------------
 * Begin Breadcrumb Style
 */
	.breadcrumbs  {
	  color: #004BBA;
	  text-decoration: none;
	  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	  font-size: 8pt;
	}
	.pagetitle{
	  font-weight:bold;
	  color:#004BBA;
	  text-decoration: none;
	  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	  font-size: 8pt;
	}
	.homelink{
	  color: #004BBA;
	  text-decoration: none;
	  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	  font-size: 8pt;
	}
/*
 * End Breadcrumb Style
 * -----------------------------------------------------------------------------
 */

/* -----------------------------------------------------------------------------
 * Begin IFRAME Styles
 */
	.iframeNavigator{
	  Height:170;
		Width:400;
	}
	.iframeChart{
		Height:190;
		Width:400;
	}
/*
 * End IFRAME Styles
 * -----------------------------------------------------------------------------
 */


/* -----------------------------------------------------------------------------
 * Begin Menu Styles
 */
	#menu{
		width: 100%; vertical-align: top;
	}
	#menu div {
		border-width: 0;
		border-bottom: 1px solid white;
		border-right: 1px solid white;
		padding: 0px;
		margin: 0px;
		text-align: right;
	}
	#menu a{
		display: block;
		width:100%;
		padding: 2px 0.5em 1px 0.1em; margin: 0px;
		text-align: right;
		text-decoration: none;
		font:8pt Tahoma, Arial, Verdana;
		font-weight:bold;
		background-color: #B4C6E0;
	}
	#menu a:hover {
		background-color: #D5E2F5;
	}
	
	#menu a.unavailable { color:gray;}
	#menu a.developer { background-color: silver;}
	#menu a.unsafe {  background-color: #fbdfde; }
	#menu a.modules {  background-color: #ADB8C9; }
	
	#modulesmenu{
		width: 100%; vertical-align: top;
	}
	#modulesmenu div {
		border-width: 0;
		border-bottom: 1px solid white;
		border-right: 1px solid white;
		padding: 0px;
		margin: 0px;
		text-align: right;
	}
	#modulesmenu a{
		display: block;
		width:100%;
		padding: 2px 0.5em 1px 0.1em; margin: 0px;
		text-align: right;
		text-decoration: none;
		font:8pt Tahoma, Arial, Verdana;
		font-weight:bold;
		background-color: wheat;
	}
	#modulesmenu a:hover {
		background-color: peachpuff;
	}
	
	
	
	table.keyView
	{
		border-spacing: 1px;
		border: 1px outset #81B2E8;
		width: 90%;
	}
	table.keyView th
	{
		border: 1px solid navy;
		background: #8BA7CA;
		padding: 0px;
		color: white;
		font-size: 10px;
	}
/*
    table.keyView td
	{
		border-bottom: 1px solid navy;
		background: #e8e8e8;
		padding: 0px;
		color: black;
	}
	*/
/*
 * End Menu Styles
 * -----------------------------------------------------------------------------
 */

/* -----------------------------------------------------------------------------
 * Begin Session Timeout Style
 */
	#sessionTimeoutPopup p,#sessionTimeoutPopup div {
	  text-align: center;
	  font-weight: bold;
	  font-style: normal;
	  font-size: 12pt;
	  color: #8BA7CA;
	}
	
	#sessionTimeoutPopup #countdownDisplay {
	  font-weight: bold;
	  font-style: normal;
	  color: silver;
	  font-size: 11pt;
	}
/*
 * End Session Timeout Style
 * -----------------------------------------------------------------------------
 */
 
/* -----------------------------------------------------------------------------
 * Begin List styles
 */
 	table.compactListView
	{
	  border-collapse: collapse;
	}
	table.compactListView td
	{
	  border: 1px solid #554;
	  padding-left: 5px;
	  padding-right: 5px;
	  padding-top: 2px;
	  padding-bottom: 2px;
	}
	table.right td
	{
		text-align: right;
	}
	table.left td
	{
		text-align:left;
	}
	table.centered td
	{
		text-align: center !important;
	}
	table.centered th
	{
		text-align: center !important;
	}
	table.compactListView tr.even td
	{
	  background-color: #b9d6dD;
	}
	table.compactListView tr.odd td
	{
	  background-color: #d9edff;
	}
	table.compactListView tr.old td
	{
	  background-color: gainsboro;
	  color: #4d4d4d;
	}
	
	table.compactListView tr.pending td
	{
	  background-color: #F5F1D8;
	  color: #4d4d4d;
	}
	table.compactListView tr.active td
	{
	  background-color: #A5E1A5;
	  color: #4d4d4d;
	}
	
	table.compactListView tr.grandTotal td
	{
	  background-color: #33CC99;
	  color: #4d4d4d;
	  font-weight: bold;
	}
	
	table.compactListView tr.total td
	{
	  background-color: #66CCCC;
	  color: #4d4d4d;
	  font-weight: bold;
	}
	
	table.compactListView tr.subTotal td
	{
	  background-color: #CCCCFF;
	  color: #4d4d4d;
	  font-weight: bold;
	}
	
	table.compactListView tr.modified td
	{
	  color: blue;
	}
	table.compactListView th
	{
	  border: 1px solid #449;
	  padding-left: 5px;
	  padding-right: 5px;
	}
	
	/* Default DOM Tooltip Style */
	div.domTT {
		border: 1px solid #333333;
		background-color: #333333;
	}
	div.domTT .caption {
		font-family: serif;
		font-size: 12px;
		font-weight: bold;
		padding: 1px 2px;
		color: #FFFFFF;
	}
	div.domTT .contents {
		font-size: 12px;
		font-family: sans-serif;
		padding: 3px 2px;
		background-color: #F1F1FF;
	}
	
	/* Overlib Style */
	div.domTTOverlib {
		border: 1px solid #333366;
		background-color: #333366;
		white-space: nowrap;
	}
	div.domTTOverlib .caption {
		font-family: Verdana, Helvetica;
		font-size: 10px;
		font-weight: bold;
		color: #FFFFFF;
		white-space: nowrap;
	}
	div.domTTOverlib .contents {
		font-size: 10px;
		font-family: Verdana, Helvetica;
		padding: 2px;
		background-color: #F1F1FF;
		white-space: nowrap;
	}
	.boxes table.box
	{
	  border-collapse: collapse;
	  width: 100%;
	  height: 100%;
	  padding: 0px;
	  margin: 0px;
	}
	.boxes td
	{
	  vertical-align: top;
	}
	.boxes table.box th
	{
	  border: 1px solid black;
	  font-weight: bold;
	  font-size: 10px;
	  background: url(portal/images/title.png);
	  padding: 2px;
	  white-space: nowrap;
	}
	.boxes table.box td
	{
	  border: 1px solid black;
	  font-size: 10px;
	  padding: 2px;
	  background: #eee;
	  height: 100%;
	}
	
	tbody.gray th
	{
	  background:url(portal/images/title_gray.png) !important;
	  white-space: nowrap;
	}
	
	tbody.gray td
	{
	
	}
	
	tbody.cyan th
	{
	  background:url(portal/images/title_cyan.png) !important;
	  white-space: nowrap;
	}
	
	tbody.cyan td
	{
	  background-color: #b5dee0 !important;
	}
	
	.boxes a, .boxes a:visited
	{
	  text-decoration: underline;
	}
	
	.boxes a:hover
	{
	  color: #146da0; 
	}
	
	.bigger a, .bigger td, .bigger th
	{
		font-size: 11px !important;
	}
	
	.bold a, .bold td, .bold th
	{
		font-weight: bold;
	}
/*
 * End List styles
 * -----------------------------------------------------------------------------
 */