@import url("itinerary.css");
body 
{
    font-family: Verdana;
    font-size: 14px;
	margin: 0px 0px 0px 0px;
	background-color:#C5C5C6;
}

#divHeader 
{
	width:100%; 
	height:20px; 
	background-image:url(../images/mapHeaderBG.gif);
}

#divContent 
{
	width:1000px; 
	height:1000px;
	overflow:hidden;
}

#divItineraire
{
	width:294px;
	height:300px;
	font-family: Verdana;
	font-size: 11px;
	border:1px solid #91a7b4;
	background-color:#ffffff;
	float: left;
	white-space:normal;
	overflow:hidden;
}
	#divItinTitle
	{
		color:#8AA3C6;
		font-size: 14px;
		font-weight: bold;
	}
	#divItin1
	{
		width:100%;
		color:#15478E;
		border-bottom:1px solid #8aa3c6;	
	}
	#divItin2
	{
		width:100%;
		overflow:auto;
	}
	#divItin3
	{
		width:100%;
		height:24px;
		overflow:hidden;
	}

#divMap 
{
	float: right;
}
	#frameMap 
	{
		width:400px;
		height:400px;
		border-left: 1px solid #808080;
		border-top: 1px solid #808080;
		border-bottom: 1px solid #808080;
	}


#divInfos
{
	width:294px;
	height:192px;
	float: left;
	display:block;
}
	.divInfoElement 
	{
		width:100%;
		height:168px;
		border:1px solid #91a7b4;
		border-top-width:0px;
		background-color:#E2E8F1;		
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		overflow:auto;
	}
		.tblInfoContent 
		{
			width:270px;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
		}
			.tdInfoContent1
			{
				width:250px;
			}
			.tdInfoContent2
			{
				width:35px;
				vertical-align:top;
				text-align:right;
				margin-left:auto;
				margin-right:auto;
			}
			.tblInfo 
			{
				width:270px;
				color:#144387;
				font-family: Verdana;
				font-size: 10px;
				background-color: #E2E8F1;
				text-align:center;
				margin-left:auto;
				margin-right:auto;
			}
				.tdInfoTitle
				{
					height:20px;
					text-align:center;
					font-weight:bold;
					border:1px solid #B6B9BF;
					border-top-width:0px;
					background-image:url('../Images/barBG.gif');
				}
				.tdInfoTitle2
				{
					height:20px;
					text-align:center;
					font-weight:bold;
					border:1px solid #B6B9BF;
					border-left-width:0px;
					border-top-width:0px;
					background-image:url('../Images/barBG.gif');
				}
				.tdInfoProperty
				{
					width:100px;
					border:1px solid #B6B9BF;
					border-top-width:0px;
					background-color: #FFFFFF;
				}
				.tdInfoValue
				{
					border:1px solid #B6B9BF;
					border-left-width:0px;
					border-top-width:0px;
					background-color: #E2E8F1;
				}
				.tdInfo
				{
					border:1px solid #B6B9BF;
					border-top-width:0px;
					background-color: #FFFFFF;
				}
		.tblInfoRoutes
		{
			width:270px;
			color:#144387;
			font-family: Verdana;
			font-size: 10px;
			background-color: #E2E8F1;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
		}
			.divInfoRoutesDetails
			{
				width:270px;
				height:130px;
				border-bottom:1px solid #B6B9BF;
				overflow:auto; 
			}
			.tblInfoRoutesDetails 
			{
				width:253px;
			}
				.tdInfoRoutesDetails
				{
					border:1px solid #B6B9BF;
					border-top-width:0px;
					border-left-width:0px;
					background-color:#FFFFFF;
				}
				
		.tblInfoSearch 
		{
			width:270px;
			color:#144387;
			font-family: Verdana;
			font-size: 10px;
			background-color: #E2E8F1;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
		}
			.tblInfoSearch input 
			{
				font-family: Verdana;
				font-size: 10px;
			}
			.tdInfoSearch 
			{
				border:1px solid #B6B9BF;
				border-top-width:0px;
				background-color: #E2E8F1;
			}
			.tdInfoSearchContent
			{
				text-align:left;
				margin-left:auto;
				margin-right:auto;
			}
	#frameWelcome
	{
		width:294px;
		height:168px;
	}
	
#divRoutes
{
	height:192px;
	float: right;
	text-align:left;
	display:block;
}
	.divRouteElement 
	{
		width:99%;
		height:168px;
		text-align:left;
		border:1px solid #91a7b4;
		border-top-width:0px;
		background-color:#E2E8F1;		
		overflow:auto;
	}
		.tblSchedule
		{
			font-family: Verdana;
			font-size: 10px;
			background-color: #E2E8F1;
			color:#144387;
			margin:0px 0px 0px 11px;
			text-align:center;
		}
			.tdBusScheduleName
			{
				height:20px;
				text-align:center;
				font-weight:bold;
				border:1px solid #B6B9BF;
				border-top-width:0px;
				background-image:url('../Images/barBG.gif');
			}
			.tdBusTripName
			{
				width:150px;
				border:1px solid #B6B9BF;
				border-top-width:0px;
				background-color: #FFFFFF;
			}
			.tdBusTripItem
			{
				width:40px;
				border:1px solid #B6B9BF;
				border-left-width:0px;
				border-top-width:0px;
				background-color: #FFFFFF;
			}
			.tdBusTripItemHighlight
			{
				width:40px;
				font-weight:bold;
				border:1px solid #B6B9BF;
				border-left-width:0px;
				border-top-width:0px;
				background-color:#FFFFB2;
			}
	.divRouteImgElement
	{
		width:99%;
		height:168px;
		text-align:center;
		border:1px solid #91a7b4;
		border-top-width:0px;
		background-color:#E2E8F1;		
		overflow:auto;
	}
		#imgCITLogo
		{
			text-align:center;
			position:relative;
			top:40px;
		}



/* TAB STYLES */
#divTabBoxRoutes
{
	text-align: left;
	height:23px;
}
#divTabBoxInfos
{
	text-align: left;
	height:23px;
}

	.tabTable
	{
		font-weight:normal;
		color: #144387;
		height:23px;
	}
	.tabSide
	{
		background: URL(../images/tabs/tab_side.gif); 
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		cursor: default;
		height:22px;
	}
	.tabCenterIcon
	{
		background: URL(../images/tabs/tab_mid.gif) repeat-x top left;
		cursor: default;
		font-family: Verdana;
		font-size: 0.8em;
		font-weight: normal;
		padding:2px;
		white-space:nowrap;
		vertical-align:bottom;
	}
	.tabCenter
	{
		background: URL(../images/tabs/tab_mid.gif) repeat-x top left;
		cursor: default;
		font-family: Verdana;
		font-size: 0.8em;
		font-weight: normal;
		padding:3px;
		white-space:nowrap;
		vertical-align:bottom;
		border: 1px solid #000000;
	}
	.tabCenterActive
	{
		background: #E2E8F1 URL(../images/tabs/tab_mid_active.gif) repeat-x top left;
		font-weight: bold;
		color:#205199;
	}
	.tabCenterOver
	{
		background: URL(../images/tabs/tab_mid_over.gif) repeat-x top left;
		cursor:pointer;
	}
	.tabCenterBottom
	{
		background: #E2E8F1 URL(../images/tabs/tab_mid_bottom.gif) repeat-x top left;
		height: 1px;
	}
	.tabSideBottom
	{
		background: #E2E8F1 URL(../images/tabs/tab_side_bottom.gif) repeat-x top left;
		height: 1px;
	}
	.tabContent
	{
		border-bottom: solid 1px #91a7b4;
		border-left: solid 1px #91a7b4;
		border-right: solid 1px #91a7b4;
		background-color: #C5C5C6;
		padding: 0px;
	}




/*Help tab*/
.HelpTable
{
	width:270px; 
	text-align:left; 
	font-family: Verdana; 
	font-size:12px; 
	color:#15478E;
	margin:1px 1px 0px 5px;
}

.mainHeader
{
	font-weight:bold;
}

.itineraryLine
{
	color:#00C000;
	font-weight:bold;
}

.routeLine
{
	color:black;
}

.allRoutesLine
{
	color:#808080;
	font-weight:bold;
}

ul
{
	margin:3px;
	padding:0px 0px 0px 20px;
}