/* planner.css */

body {
	font-family:arial,helvetica,sans-serif;
}

table {
	border-collapse:collapse;
}
a:link { color:blue; text-decoration:none; }
a:visited { color:blue; text-decoration:none; }
a:hover { color:blue; text-decoration:underline; }
a:active { color:blue; text-decoration:none; }

img {
	border-width:0px;
}

.helpLink {
	width:20px;
	float:right;
}

.imgBullet {
	display:inline;
	vertical-align:middle;
	margin-right:4px;
}

/*
.stopIW {
	font-size:80%;
}
.stopIW img {
	vertical-align:middle;
	margin-right:3px;
}
.stopIW p {
	display:inline;
}
.stopIW a {
	margin-left:20px;
}
*/

.iwFooter {
	margin-top:2em;
	font-size:80%;
	/* float:right; */
}
.markerLinks {
	font-size:80%;
}
.markerLinks p {
	margin:10px 0px 10px 0px;
}
.markerLinks a {
	margin:10px 0px 10px 15px;
}

h4 {
	margin:0px 0px 5px 0px;
}

hr {
	margin:0px 0px 0px 0px;
}
.hr {
	margin:0px 0px 0px 0px;
	padding:0px;
	border-width:1px 0px 0px 0px;
	border-style: solid;
	border-color:black;
}

#headerRow td {
	border-bottom:1px solid black;
	background-color:#B0B0B0;
	text-align:center;
	padding:3px 0px 5px 0px;
}
#mainHeader {
	color:white;
	font-size:100%;
}

#tbIcons {
	margin-left:4px;
	width:150px;
}
#tbIcons > img {
	margin-left:2px;
}
#helpIcon {
	width:23px;
	height:23px;
	margin-bottom:-3px;
}

#plannerDiv {
	border:1px solid black;
	border-collapse:collapse;
	/* width:90%; */
}
#plannerDiv div {
	/* vertical-align:top */
}
#plannerDiv > table {
	width:100%;
	height:82%;
	/* align:center; */
}


#leftPane {
	padding:3px;
	vertical-align:top;
	height:100%;
	overflow:auto;
}

#rightPane {
	width:100%;
	min-width:300px;
	height:100%;
	vertical-align:top;
	border-left:1px solid black;
	padding-left:4px;
	overflow:auto;
	overflow-x:hidden;
}

#mapDiv {
	width:100%;
	height:100%;
}
#mapDiv > div {
	width:100%;
	/* height:550px; */
	overflow:hidden;
}

#helpDiv {
	/* background-image:url('../images/yellowpad.gif'); */
	background-image:url('../images/paperbg.gif');
	width:98%;
	/* height:100%; */
	font-size:smaller;
	padding:5px;
	overflow:auto;
}

#divInput {
	border:0px dotted red;
	margin-top:8px;
	margin-bottom:5px;
	vertical-align:top;
	width:420px;
}
#divInput td {
	vertical-align:top;
}


#itinDiv {
	vertical-align:top;
	border:0px dotted blue;
}

img.miniWait {
	vertical-align:middle;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:0px solid black;
}


/*		ITINERARY TABS (START)		*/

.tabGrp {
	margin:10px 0px -1px 0px;
	height:24px;
	border-bottom:solid #A1C2A1 6px;
	padding-left:0;
	font-size:90%;
}
.tabGrp img {
	width:14px;
	vertical-align:middle;
	margin-left:4px;
}

.tbsl {
	background-image: url('../images/tbsl02.gif');
	background-repeat: no-repeat;
	height:100%;
	display:inline;
	margin-right:-8px;
	padding:8px;
}
.tbul {
	background-image: url('../images/tbul02.gif');
	background-repeat: no-repeat;
	height:100%;
	display:inline;
	margin-right:-8px;
	padding:8px;
	/*
	_position:relative;
	_z-index:-1;
	*/
}

.tbsr {
	background-image: url('../images/tbsr02.gif');
	background-repeat: no-repeat;
	height:100%;
	display:inline;
	margin-right:-5px;  /*space between tabs */
	padding:8px;
}
.tbur {
	background-image: url('../images/tbur02.gif');
	background-repeat: no-repeat;
	height:100%;
	display:inline;
	margin-right:-5px; /*space between tabs */
	padding:8px;
	/*
	position:relative;
	z-index:-1;
	*/
}

.tbsm {
	font-weight:bold;
	background-image: url('../images/tbsm02.gif');
	background-repeat: repeat-x;
	height:100%;
	margin:0px 0px 0px 0px;
	padding-top:8px;
	padding-bottom:8px;
	display:inline;
}
.tbum {
	/* font-weight:bold; */
	background-image: url('../images/tbum02.gif');
	background-repeat: repeat-x;
	height:100%;
	margin:0px 0px 0px 0px;
	padding-top:8px;
	padding-bottom:8px;
	display:inline;
	/*
	position:relative;
	z-index:-1;
	*/
}

.tbsm a:link {color:black;text-decoration:none}
.tbsm a:visited {color:black;text-decoration:none}
.tbum a:link {color:#444444;text-decoration:none}
.tbum a:visited {color:#444444;text-decoration:none}

.tbSubText {
	font-size:60%;
	font-style:italic;
	text-align:center;
}

/*		ITINERARY TABS (END)		*/


/* s_plantrip.asp - start */

.itinStats {
	font-size:80%;
	text-align:center;
	margin:0px 0px 5px 0px;
	border-width:1px 0px 1px 0px;
	border-style: solid;
	border-color:gray;
	background-color:#EEEEEE;
}
.itinStatsSub {
	font-size:90%;
}
.itinDataDiv {
	border:0px dotted green;
}

.tripPlan {
	/* font-size:80%; */
	border: 0px solid black;
	border-collapse: collapse;
}
.tripPlan table {
	border: 0px solid black;
	width:100%;
	margin:0px;
}
.tripPlan td {
	border: 0px solid black;
	vertical-align:top;
	padding:1px;
}

.itinColIcon 		{width:36px;vertical-align:middle}
.itinColIcon img {width:24px}
.itinColAct 		{width:60px;font-size:80%;font-weight:bold}
.itinColStop 		{width:240px;font-size:80%;font-weight:bold}
.itinColTime 		{width:85px;font-size:80%;font-weight:bold;text-align:right}
.itinColSpc1		{width:4px}
.itinColTrace 	{width:3px}
.itinColSpc2		{width:4px}

.itinRouteDesc img {
	vertical-align:middle;
	cursor:pointer;
}
.itinRouteDesc a {
	/* font-size:120%; */
}

.statusDiv {
	display:none;
	margin:5px 20px 10px 10px;
	border: 0px solid gray;
	background-color:#FFF8C6;
	padding:2px;
}
.statusDiv a {
	font-size:100%;
}
.statusTextDiv {
	font-size:80%;
	display:block;
	margin:10px;
}

.transfer {
	font-size:80%;
	font-weight:bold;
	color:blue;
	margin:0px;
}
.detour img {
	vertical-align:text-top;
	margin-left:4px;
	/*
	width:18;
	height:18;
	*/
	height:22;
}

.tripNote {
	border:1px none blue;
	text-align:center;
	color:red;
	font-size:70%;
	margin-top:3px;
}


@media screen {
	.itinFeedback {
		font-size:80%;
		text-align:center;
		margin-top:3px;
	}
	.itinFeedback img {
		vertical-align:middle;
	}
}
@media print {
	.itinFeedback {
		display:none;
	}
}

/* s_plantrip.asp - end */


/* shared */
.walkInst {
	margin-bottom:15px;
}
.walkInstHeader {
	font-size:80%;
	margin:0px 0px 5px 10px;
	color:blue;
	display:inline;
}
.walkDiv {
	margin:0px 20px 0px 0px;
}
.walkDiv * {
	font-size:95%;
}
.walkIcon {
	margin:10px 0px -6px 4px;
	display:inline;
}
.walkIconLink {
	margin:10px 0px -6px 4px;
	display:inline;
	cursor:pointer;
}


/* s_service.asp - start */

.stopDesc {
	font-size:90%;
	margin:7px 0px 10px 0px;
	vertical-align:top;
}
.stopDesc img {
	display:inline;
	vertical-align:middle;
}

.serviceDesc {
	font-size:80%;
	margin:3px 0px 2px 10px;
}
.tripTimes {
	font-size:75%;
	font-weight:bold;
	margin:0px 0px 5px 20px;
	width:320px;
}
.tripTimes span {
	white-space:nowrap;
}
.tripPast {
	color:gray;
	font-weight:normal;
	font-style:italic;
}
.tripCurr {
	background-color:yellow;
	padding:0px 2px;
	border:0px dotted black;
}
.nonAdhere {
	color:red;
}

/* s_service.asp - end */


#divPromo {
	font-size:80%;
	border:1px dotted red;
	margin:3em 10px 10px 10px;
	padding:7px 5px 10px 10px;
	/* background-color:#FDEEF4; */
	background-color:#FFFFCC;
	display:none;
}

#divPromo img {
	margin-bottom:4px;
	opacity:0.6;
	filter:alpha(opacity=60);
}

#footer {
	font-size:smaller;
	text-align:center;
	margin-top:8px;
	margin-bottom:2px;
}
#footer img {
	vertical-align:middle;
}

#imgWait {
	position:absolute;
	left:389px;
	top:260px;
	z-index:1000;
	background-color:white;
	border:3px solid #EEEEEE;
	padding:10px;
	opacity:0.9;
	filter:alpha(opacity=90);
	display:none;
}

#printDiv {
	width:450px;
	/* text-align:center; */
	margin-left:auto;
	margin-right:auto;
	display:none;
	font-size:larger;
}

@media screen {
	#printDiv #prtnav {
		border:1px dotted blue;
		background-color:#E8E8FF;
		text-align:center;
	}
}
@media print {
	#printDiv #prtnav {
		display:none;
	}
}

#prtnav button {
	font-size:100%;
	margin:20px;
}
#printDiv h1 {
	font-size:100%;
	text-align:center;
}
#printDiv h2 {
	font-size:80%;
	margin-bottom:20px;
	text-align:center;
}

#printDiv #itinDiv {
	overflow:visible !important;
}

#printDiv #mapCanvas0, #printDiv #mapCanvas1, #printDiv #mapCanvas2 {
	height:350px !important;
}
#printDiv .tripCurr {
	border:1px dotted black;
}

#railNote {
	position:absolute;
	left:250px;
	top:270px;
	width:500px;
	z-index:1500;
	background-color:#D6E7EA;
	border:4px solid #333333;
	padding:10px;
}
#railNote h1 {
	margin-top:0px;
	font-size:140%;
	text-align:center;
}
#railNote div {
	margin-bottom:10px;
}
#railNote img {
	margin:0 10px 0;
	display:inline;
	vertical-align:middle;
}
#railNote button {
	width:85px;
	margin-right:20px;
}

.heightNonFS {
	height:550px;
}
.heightFS {
	height:550px;
}