body 
{
	font-family:	Verdana, Arial;
	font-size:		12px;
	margin:			0;
	padding:		0;
	text-align:		center;
}
a
{
	color:			#f38000; 
	text-decoration:underline;
}
a:hover
{
	text-decoration:none;
}
blockquote
{
	margin:10px 0;
}
h1
{
	font-size:	25px;
	margin:		0 0 15px 0;
}
h2
{
	color:			#FF6600;
	font-size:		21px;
	font-weight:	normal;
	margin:			10px 0 12px 0;
}
h3
{
	font-size:		19px;
	margin:		6px 0;
}
hr
{
	border:			0;
	border-bottom:	1px solid #000;
	margin:			10px 0;
}
p
{
	padding:	8px 0;
}
small
{
	font-size:10px;
}

/* classes */
.hide
{
	display:	none;
}
.clear
{
	clear:		both;
	display:	block;
	font-size:	0;
	height:		0;
	overflow:	hidden;
	visibility:	hidden;
}
.bold-text
{
	font-weight:	bold;
}
.highlight-text
{
	color:			red;
}

/* form styles */
.error
{
	background:	#FF9393;
	display:	block;
	margin:		5px 0 10px 0;
	padding:	8px;
}
.info
{
	background:	#C9FF93;	
	display:	block;
	margin:		5px 0 10px 0;
	padding:	8px;
}
.info-label
{
	display:	block;
	margin:		5px 0;
	padding:	5px 0;
}
.button
{
	background:		#01B7DF;
	color:			#fff;
	font-size:		11px;
	font-weight:	bold;
	padding:		4px 15px;
	text-decoration:none;
}
.textbox
{
	border:			1px solid #000;
	margin-bottom:	2px;
}
.textarea
{
	border:			1px solid #000;
	margin-bottom:	2px;
}
.dropdownlist
{
	border:			1px solid #000;
	margin-bottom:	2px;
}
.form-button
{
}
.form-label, .form-label-empty
{
	float:		left;
	padding:	4px 0 0 0;
	width:		100px;
}
.form-field
{
	float:			left;
}
.form-value-label
{
	font-weight:bold;
	float:		left;
	width:		150px;
}
.form-value
{
	float:		left;
}
.form-row
{
	margin-bottom:		5px;
}

/* grid styles */
table.grid tr th
{
	border-bottom:	1px solid #fff;
}
table.grid tr td, table.grid tr th
{
	background:		#f0eded;
	padding:		10px 5px;
}
table.grid tr td
{
	border-bottom:	1px solid #fff;
	color:			#f36000;
}
/* grid styles/sub */
table.sub-grid tr th
{
	border-bottom:	2px solid #000;
}
table.sub-grid tr th, table.sub-grid tr td
{
	padding:		5px;
}
table.sub-grid tr td
{
	border-bottom:	1px solid #000;
}
/* grid styles/home */
table.home-grid tr th
{
	border-bottom:	1px solid #ccc;
}
table.home-grid tr td, table.home-grid tr th
{
	padding:		6px 2px;
}
table.home-grid tr td
{
	border-bottom:	1px solid #ccc;
}


/* layout */
div#container
{
	margin:		0 auto;
	text-align:	left;
	width:		954px;
}

/* top bar */
div#header div#top-bar
{
	background:	url(../new-images/rounded-grey-box-bg.gif) no-repeat bottom;
	width:		100%;
}
div#header div#top-bar div.user-login
{
	padding:	10px 25px;
}
div#top-bar div.login-box
{
	float:		left;
}
div#top-bar div.login-box .login-box-title
{
	color:			#FF6600;
	font-size:		17px;
	font-weight:	bold;
}
div#top-bar div.login-box .form-label
{
	color:			#4E4736;
	display:		inline;
	float:			none;
	font-weight:	bold;
	padding:		0;
}
div#top-bar div.login-box .form-field
{
	display:	inline;
	float:		none;
}
div#top-bar div.login-box .clear, div#top-bar div.login-box .form-label-empty
{
	display:	none;
}
div#top-bar div.login-box .form-button
{
}
div#top-bar div.login-box .error
{
	display:	inline;
	margin:		0;
	padding:	0;
}
div#top-bar div.forgot-user-name-password
{
	float:		right;
	font-size:	10px;
	padding-top:3px;
	width:		140px;
}
div#top-bar div.forgot-user-name-password a
{
	color:	#000;
}

div.logo
{
	margin:	20px 0 0 13px;
}

/* navigation bar */
div#header div#nav-bar
{
	margin-top:	10px;
	width:		100%; /* ie6/7 border fix */
}
div#header div#nav-bar ul
{
	list-style:	none;
	margin:		0 0 0 13px;
	padding:	0;
}
div#header div#nav-bar ul li
{
	background:	url(../new-images/nav-bg.gif) no-repeat;
	display:	block;
	float:		left;
	margin:		0 1px 0 0;
	padding:	15px 0 12px 0;
	text-align:	center;
	width:		125px;
}
div#header div#nav-bar ul li a
{
	color:			#fff;
	text-decoration:none;
}
div#header div#nav-bar ul li a:hover
{
	text-decoration:underline;
}

/* footer */
div#footer
{
	background:	url(../new-images/rounded-grey-box-bg.gif) no-repeat;
	font-size:	11px;
	margin:		10px 0;
	padding:	30px 15px 0 15px;
}
div#footer
{
	height:			74px;
	voice-family:	"\"}\"";
	voice-family:	inherit;
	height:			44px;
}
html>body #footer
{
	height:			44px;
}
div#footer div#copyright-notice
{
	float:	left;
	width:	200px;
}
div#footer div#footer-links
{
	float:		right;
	text-align:	right;
	width:		500px;
}
div#footer div#footer-links a
{
	color:	#000;
}

/* content */
div#content-holder
{
}
div#content-holder div#left-column
{
	float:		left;
	width:		675px;
}
div#content-holder div#right-column
{
	float:		right;
	width:		268px;
}
div#content-holder div#right-column h2
{
	font-size:	18px;
	margin:		0 0 6px 0;
}

/** page styles **/
/* generic page styles */
div#content
{
	background:	url(../new-images/content-panel-tile.gif) repeat-y;
	width:		100%;
}
div#content div.content-top
{
	background:	url(../new-images/content-panel-top-bg.gif) no-repeat #fff;
	height:		12px;
}
div#content div.content-main
{
	padding:	10px 15px;
}
div#content div.content-bottom
{
	background:	url(../new-images/content-panel-bottom-bg.gif) no-repeat #fff;
	height:		12px;	
}

/* home */
div#left-column div.train-delays-banner
{
	background:	url(../new-images/td-banner-bg.jpg) no-repeat;
	height:		225px;
	/*text-align:	center;*/
}
div#left-column div.train-delays-banner h1
{
	color:		#fff;
	font-size:	35px;
	margin:		0;
	padding-top:45px;
	text-align:	right;
	width:		362px;
}
div#left-column div.train-delays-banner h1 small
{
	font-size:	25px;
}
div#left-column div.train-delays-banner h2
{
	color:		#fff;
	font-size:	23px;
	padding-top:5px;
	text-align:	right;
	width:		362px;
}
div#left-column div.train-delays-banner h3
{
	color:			#fff;
	font-size:		15px;
	font-weight:	normal;
	padding-top:	5px;
	text-align:		right;
	width:			362px;
}
div#left-column div.welcome-content
{
	background:	url(../new-images/welcome-content-bg.gif) no-repeat;
	height:		172px;
	padding:	0 15px;
	position:	relative;
}
div#left-column div.welcome-content a.register-link
{
	position:	absolute;
	right:		30px;
	top:		-75px;
}

div#left-column div.how-it-works
{
	border-right:	2px solid #ccc;
	float:			left;
	margin:			10px 0 0 15px;
	width:			340px;
}
div#left-column div.how-it-works ol
{
	list-style:		none;
	margin:			0;
	padding:		0;
}
div#left-column div.how-it-works ol li
{
	background:		left top no-repeat;
	margin:			0;
	padding:		5px 10px 15px 45px;
}
div#left-column div.how-it-works ol li.step1
{
	background-image:	url(../new-images/icons/icon-step1.png);
}
div#left-column div.how-it-works ol li.step2
{
	background-image:	url(../new-images/icons/icon-step2.png);
}
div#left-column div.how-it-works ol li.step3
{
	background-image:	url(../new-images/icons/icon-step3.png);
}
div#left-column div.how-it-works ol li.step4
{
	background-image:	url(../new-images/icons/icon-step4.png);
}
div#left-column div.social-networks
{
	border-right:	2px solid #ccc;
	float:			right;
	margin:			10px 0 0 0;
	width:			305px;
}
div#left-column div.share-with-your-friends
{
	border-bottom:	1px solid #ccc;
	margin:			0 5px 15px 0;
	padding:		5px 10px 10px 10px;
}
div#left-column div.share-with-your-friends h2
{
	color:			#01B7DF;
	font-size:		18px;
	margin-bottom:	0px;
}
div#left-column div.delay-rss-feeds
{
	border-right:2px solid #ccc;
	float:		left;
	text-align:	center;
	width:		155px;
}
div#left-column div.tweet-with-us
{
	float:		right;
	text-align:	center;
	width:		130px;
}
div#left-column div.operator-logos
{
	margin-top:	40px;
}

div#right-column div.home-links ul
{
	list-style:	none;
	margin:		0;
	padding:	0;
}
div#right-column div.home-links ul li
{
	height:		95px;
	margin:		0 0 5px 0;
	padding:	0;
	position:	relative;
}
div#right-column div.home-links ul li a
{
	color:			#000;
	display:		block;
	left:			90px;
	position:		absolute;
	text-decoration:none;
	top:			45px;
	width:			150px;
}
div#right-column div.home-links ul li a:hover
{
	text-decoration:underline;
}
div#right-column div.home-links ul li.view-latest-delays
{
	background:	url(../new-images/home-view-delays-button-bg.jpg) no-repeat;
}
div#right-column div.home-links ul li.add-your-delays
{
	background:	url(../new-images/home-add-delay-button-bg.jpg) no-repeat;
}
div#right-column div.home-links ul li.claim-compensation
{
	background:	url(../new-images/home-claim-button-bg.jpg) no-repeat;
}
div#right-column div.home-links ul li.contact-operator
{
	background:	url(../new-images/home-contact-operator-button-bg.jpg) no-repeat;
}
div#right-column div.top-delay-posters
{
	margin:		20px 0;
}
div#right-column div.worst-train-operators
{
	margin-bottom:		10px;
}

/* register */
div#content div.user-sign-in
{
	float:			left;
	width:			300px;
}
div#content div.user-sign-in .form-button
{
	display:		block;
	padding:		8px 0 0 2px;
}
div#content div.user-sign-in div.forgot-user-name-password
{
	margin-top:		20px;
}
div#content div.user-sign-in span.logged-in-message
{
	display:		block;
	margin-bottom:	10px;
}
div#content div.user-sign-in span.logout-link
{
	display:		block;
}
div#content div.register
{
	border-left:	2px solid #ccc;
	float:			right;
	padding-left:	100px;
}
div#content div.register
{
	width:			500px;
	voice-family:	"\"}\"";
	voice-family:	inherit;
	width:			400px;
}
html>body #content .register
{
	width:			400px;
}

div#content div.register div.registration-form .form-label, 
div#content div.register div.registration-form .form-label-empty
{
	width:		150px;
}

/* member area styles */
div#member-nav
{
	margin-bottom:10px;
}
div#member-nav ul
{
	margin:		0;
	padding:	0;
	list-style:	none;
}
div#member-nav ul li
{
	float:			left;
	margin-right:	10px;
}
div#member-nav ul li.view-claims a,
div#member-nav ul li.view-claims-selected a
{
	display:	block;
	background:	url(../new-images/member-nav/account-nav-view-claims.png) left top no-repeat;
	height:		76px;
	width:		215px;
}
div#member-nav ul li.view-claims a:hover,
div#member-nav ul li.view-claims-selected a
{
	background-position:	left -91px;
}

div#member-nav ul li.view-journeys a,
div#member-nav ul li.view-journeys-selected a
{
	display:	block;
	background:	url(../new-images/member-nav/account-nav-view-journeys.png) left top no-repeat;
	height:		76px;
	width:		215px;
}
div#member-nav ul li.view-journeys a:hover,
div#member-nav ul li.view-journeys-selected a
{
	background-position:	left -91px;
}

div#member-nav ul li.view-delays a,
div#member-nav ul li.view-delays-selected a
{
	display:	block;
	background:	url(../new-images/member-nav/account-nav-view-delays.png) left top no-repeat;
	height:		76px;
	width:		215px;
}
div#member-nav ul li.view-delays a:hover,
div#member-nav ul li.view-delays-selected a
{
	background-position:	left -91px;
}

div#member-nav ul li.update-details a,
div#member-nav ul li.update-details-selected a
{
	display:	block;
	background:	url(../new-images/member-nav/account-nav-update-details.png) left top no-repeat;
	height:		76px;
	width:		215px;
}
div#member-nav ul li.update-details a:hover,
div#member-nav ul li.update-details-selected a
{
	background-position:	left -91px;
}

/* new delay/default page */
div.new-delay-filter-panel
{
	background:	url(../new-images/content-rounded-grey-box-bg.gif) no-repeat;
	margin-bottom:	10px;
	padding:	25px 20px;
}
div.new-delay-filter-panel
{
	height:			74px;
	voice-family:	"\"}\"";
	voice-family:	inherit;
	height:			24px;
}
html>body .new-delay-filter-panel
{
	height:			24px;
}

/* journey */
/* add/edit journey */
div#content div.add-journey-form .form-label, 
div#content div.add-journey-form .form-label-empty
{
	width:			200px;
}

/* journey */
/* add/edit delay */
div#content div.add-delay-form .form-label, 
div#content div.add-delay-form .form-label-empty
{
	width:			200px;
}

/* Personal details */
div#content div.personal-details .left-column
{
	float:		left;
	width:		400px;
}
div#content div.personal-details .right-column
{
	float:		right;
	width:		400px;
}
div#content div.personal-details .form-label,
div#content div.personal-details .form-label-empty
{
	width:		200px;
}

/* Ticket details */
div#content div.ticket-details .form-label,
div#content div.ticket-details .form-label-empty
{
	width:		200px;
}

div#content div.ticket-details .journey-ticket-title
{
	display:		block;
	font-weight:	bold;
	margin:			10px 0;
}

/* FAQ */
ol.faq-questions li
{
	margin-bottom:	6px;
}
ol.faq-answers li
{
	margin-bottom:	15px;
}

/* Site map */
ul.sitemap li
{
	margin-bottom:6px;
}

/* Testimonials */
div.testimonials blockquote
{
	background:		#C9FF93;
	padding:		10px;
}
div.testimonials blockquote span
{
	display:		block;
	font-weight:	bold;
	margin:			10px 0 0 0;
	text-align:		right;
}