/* FORMATTING */

body
{
	background-color	:	#4e792f ;
}

.ContHlder
{
	width				:	1024px ;
	height				:	680px ;
	margin				:	0px auto ;
}

.TrafficInfo
{
	font-size			:	8px ;
}

.TCAlignLeft
{
	font-size			:	8px ;
	text-align			:	left ;
}

.TCAlignRight
{
	font-size			:	8px ;
	text-align			:	right ;
}

.TCAlignCentre
{
	font-size			:	8px ;
	text-align			:	center ;
}

.AlignCentre
{
	margin				:	20px auto 0px auto ;
	text-align			:	center ;
}

.TCHeader
{
	font-weight			:	bold ;
}

/* TEMPLATE PAGE */

*
{
	margin-top			:	0px ;	
}

.ContentHolder
{
	width				:	1000px ;
	height				:	680px ;
	background-color	:	#b3d799 ;
	margin				:	0px auto ;
	background-color	:	#cbdfac ;
}

.OutsideBorderLeft
{
	background-image	:	url( ../../Images/EdgeLeft.png ) ;
	width				:	12px ;
	height				:	680px ;
	float				:	left ;
	background-repeat	:	repeat-y ;
}

.OutsideBorderRight
{
	background-image	:	url( ../../Images/EdgeRight.png ) ;
	width				:	12px ;
	height				:	680px ;
	float				:	right ;
	background-repeat	:	repeat-y ;
}

/* TOP BANNER */

.BannerGrass
{
	/*background-image	:	url( ../../Images/GreenGrass.png ) ;*/
	width				:	1000px ;
	height				:	285px ;
}

.BannerRoadWay
{
	/*background-image	:	url( ../../Images/RoadWay.png ) ;*/
	background-image	:	url( ../../Images/RoadWay.jpg ) ;
	width				:	1000px ;
	height				:	285px ;
	position			:	relative ;

}

.NorthboundOverpass
{
	/*background-image	:	url( ../../Images/SignNorthbound.png ) ;*/
	width				:	289px ;
	height				:	189px ;
	left				:	150px ;
	top					:	15px ;
	position			:	absolute ;
}

.SouthboundOverpass
{
	/*background-image	:	url( ../../Images/SignSouthbound.png ) ;*/
	width				:	289px ;
	height				:	189px ;
	left				:	470px ;
	top					:	15px ;
	position			:	absolute ;
}

.RoadWorkSign
{
	/*background-image	:	url( ../../Images/WorkSign.png ) ;*/
	width				:	45px ;
	height				:	83px ;
	position			:	absolute;
	top					:	35px ;
	left				:	45px ;
}

.GreenBar
{
	background-image	:	url( ../../Images/GreenLine.png ) ;
	width				:	1000px ;
	height				:	8px ;
	z-index				:	1 ;
	float				:	left ;
	margin-top			:	227px ;
}

/* BODY */

.BodyBackground
{
	background-image	:	url( ../../Images/Background.png ) ;
	width				:	1000px ;
	height				:	394px ;
	position			:	relative ;
}

/* MWay */

.MWayBackground
{
	background-image	:	url( ../../Images/MWayBackground.png ) ;
	width				:	346px ;
	height				:	448px ;
	float				:	right ;
	margin-top			:	-125px ;
	margin-right		:	10px ;
	padding				:	10px ;
	position			:	relative ;
}

.LIndent30
{
	margin-left			:	30px ;	
}

/* Motorway */

.TrafficConditionsHolder
{
	width				:	356px ;
	height				:	458px ;
	float				:	right ;
	margin-top			:   30px ;
}

.TrafficConditionsBox
{
	height				:	468px ;
	width				:	366px ;
	position			:	relative ;
	float				:	right ;
}

.CMCHeaderBox
{
	width				:	200px ;	
}

.MotorwayRibbon
{
	background-image	:	url( '../../Images/MWayRibbon.png' ) ;
	width				:	250px ;
	height				:	376px ;
	z-index				:	0 ;
	position			:	absolute ;
	left				:	15px ;
	top					:	50px ;
}

.TrafficInfoProgress
{
	width				:	100px ;
	height				:	9px ;
	margin				:	0px auto ;
}

.TrafficInfo
{
	width				:	120px ;
	height				:	10px ;
	overflow			:	hidden ;
}

.TCHeader
{
	height				:	auto ;
}

.TrafficCongested
{
	background-color	:	#999999 ;
	cursor				:	help ;
}

.TrafficHeavy
{
	background-color	:	#ff6666 ;
	cursor				:	help ;
}

.TrafficModerate
{
	background-color	:	#ffff00 ;
	cursor				:	help ;
}

.TrafficFreeFlow
{
	background-color	:	#66ff66 ;
	cursor				:	help ;
}

DIV#NMNBRepeater .TrafficInfo ,
DIV#NMSBRepeater .TrafficInfo ,
DIV#SMSBRepeater .TrafficInfo
{
	width				:	145px ;
}
DIV#NMNBRepeater .TrafficInfo
{
	position			:	relative ;
	right				:	18px ;
}
DIV#SMSBRepeater .TrafficInfo
{
	position			:	relative ;
	right				:	10px ;
}

.NMNB , 
.NMSB ,
.SMSB ,
.SMNB ,
.WMWB ,
.WMEB
{
	z-index				:	1 ;
	position			:	absolute ;
	width				:	120px ;	
}

.NMNB
{
	height				:	70px ;
	right				:	20px ;
	top					:	20px ;
}

.NMSB
{
	height				:	70px ;
	top					:	60px ;
}

.SMNB
{
	height				:	150px ;
	right				:	20px ;
	top					:	225px ;
}

.SMSB
{
	height				:	150px ;
	left				:	30px ;
	top					:	300px ;
}

.WMWB
{
	height				:	90px ;
	top					:	190px ;
	left				:	17px ;
}

.WMEB
{
	height				:	90px ;
	right				:	13px ;
	top					:	110px ;
}

.BodyTextBox
{
	width				:	395px ;
	height				:	355px ;
	left				:	200px ;
	position			:	absolute ;
	padding				:	10px ;
	margin-top			:	10px ;
}

/* SIGN */

.Sign
{
	background-image	:	url( '../../Images/DrivinText.png' ) ;
	height				:	129px ;
	width				:	100px ;
	position			:	absolute ;
	top					:	260px ;
	left				:	15px ;
}