/*****************************************************************
      SOUTHERN RAILWAY STYLES
*****************************************************************/

/*************************************
      FORMATTING
*************************************/

body, form, p, h1, h2, h3, h4
{
   margin: 0px;
   padding: 0px;
}

body
{
   overflow-y: -moz-scrollbars-vertical;
}

img
{
   border-style: none;
   border: 0px;
}

hr
{
   height: 1px;
   border: none;
   padding: 0px;
   margin: 0px;
}

td
{
   vertical-align: top;
}

.AccessLink
{
   position: absolute;
   top: 0px;
   left: 0px;
}


#TopPanelContainer {
  height: 90px;
  background: transparent url("../img/background_tile.gif") 0 0 repeat-x;
  padding: 26px 0 0 0;
}
#BottomPanelContainer {
  height: 1.8em;
  background: #182b49;
}
#BottomPanelContainer .Panel,
#TopPanelContainer .Panel {
  width: 780px;
  margin: 0 auto;
}
#BottomPanelContainer .Panel * {
  color: #dfe0ee;
  font-size: 0.9em;
  vertical-align: middle;
}
#BottomPanelContainer .Panel {
  padding-top: 3px;
}

#SiteSearch,
#FootNav {
  float: right;
  color: #dfe0ee;
  display: inline;
}

#OuterLayout
{
   margin-left: auto;
	margin-right: auto;
}

#LeftMargin,
#RightMargin
{
   width: 14px;
}

#LeftMargin
{
   background: url("../img/background_left.gif") repeat-y left;
   padding-right: 10px;
}

#RightMargin
{
   background: url("../img/background_right.gif") repeat-y right;
   padding-left: 10px;
}

#InnerPanel
{  
  margin: 0 auto 25px auto;
  border: 10px solid #fff;
}

#SiteTools
{
   width: 763px;
   min-height: 14px;
   _height: 14px;
   padding-right: 4px;
   border-top: solid 7px #FFFFFF;
   border-bottom: solid 7px #FFFFFF;
}

#Main,
#Footer
{
   width: 767px;
}

#Content
{
   _height: 580px;
   min-height: 580px;
}

#LeftBar,
#Content
{
   vertical-align: top;
}

#LeftBar
{
   width: 191px;
}

#LhContent
{
   padding-top: 4px;
   padding-bottom: 7px;
}

.AcroImage
{
   padding: 5px 0px 4px 0px;
}

#Content
{
   margin: 0px;
   padding: 0px;
   border: none;
}

#SELogo
{
   height: 47px;
}

#SiteTools
{
   text-align: right;
}

#CommuterLogin
{
   padding: 8px 0px 5px 0px;
   margin: 0px 10px 10px 10px;
}

#CommuterLogin p
{
   padding-bottom: 4px;
}

#CommuterTools
{
   padding: 0px 0px 7px 0px;
   margin: 0px 10px 7px 10px;
}

#CommuterTools p
{
   padding-right: 25px;
}

#LhContent
{
   padding: 0px 40px 4px 10px;
}

#CommuterLogin form,
#CommuterTools form
{
   margin-top: 0px;
   padding-top: 0px;
}

#CommuterLogin input.Text,
#CommuterTools input.Text
{
   height: 14px;
   width: 90px;
   margin-bottom: 5px;
   margin-right: 8px;
}

#CommuterLogin hr,
#CommuterTools hr
{
   height: 2px;
}

#Content
{
   width: 572px;
   border-left: solid 4px #FFFFFF;
}

.ContentRow
{
   width: 100%;
}

.ContentRow td.Left,
.ContentRow td.Right
{
   width: 284px;
}

.ContentRow td.LeftLarge,
.ContentRow td.RightLarge
{
	width: 380px;
}

.ContentRow td.LeftSmall,
.ContentRow td.RightSmall,
.ContentRow td.Centre
{
	width: 188px;
}

.ContentRow td.Left,
.ContentRow td.LeftLarge,
.ContentRow td.LeftSmall,
.ContentRow td.Centre
{
   border-right: solid 4px #FFFFFF;
}

.PageHeading
{
   width: 283px;
   vertical-align: top;
   padding: 32px 37px 0px 10px;
}

.PageHeading h1
{
   margin-bottom: 4px;
}

.PageHeading p.First
{
   margin-bottom: 21px;
}

.PageHeading p
{
   margin-bottom: 14px;
}

#NewsUpdate,
#TrainUpdate
{
   _height: 289px;
   min-height: 289px;
   padding: 8px 0px 0px 0px;
}

.NewsItem
{
   width: 234px;
   padding: 6px 30px 2px 0px;
   border-bottom: solid 2px #E0E1E1;
}

.UpdateItem
{
   width: 234px;
   padding: 6px 30px 5px 0px;
   border-bottom: solid 2px #C3C5C6;
}

.PromoWide
{
   _height: 123px;
   min-height: 123px;
}

div.Spacer4
{
   clear:both;
   border-top: solid 4px #FFFFFF;
}

.ContentRow .Grey1Main,
.ContentRow .Grey2Main
{
   padding: 0px 10px 0px 10px;
}

#Footer
{
   position: relative;
   top: -4px;
   clear: both;
   min-height: 21px;
   _height: 21px;
   border-top: solid 8px #FFFFFF;
   border-bottom: solid 5px #FFFFFF;
}

#Footer p
{
   float: left;
   padding-top: 4px;
   padding-left: 5px;
}

#Footer img
{
   float: right;
}

/*************************************
      FONTS
*************************************/

body, input, select, textarea
{
   font-family: Arial, Helvetica, sans-serif;
}

body
{
   font-size: 70.01%;
}

p, li, td, input, select, textarea
{
   font-size: 1.0em;
}

h1
{
   font-size: 1.9em;
}

a:link, a:visited, a:hover
{
   text-decoration: none;
}

#SiteTools a:hover
{
   text-decoration: underline;
}

#SiteTools,
#Footer
{
   font-size: 0.85em;
}

#CommuterLogin .FormLabel
{
   font-size: 1.1em;
   line-height: 1.1em;
}

#CommuterLogin input.Submit,
#CommuterTools input.Submit
{
   font-size: 0.8em;
}

.PageHeading p.First
{
   font-size: 1.3em;
   line-height: 1.6em;
   font-weight: bold;
}

.PageHeading p
{
   font-size: 1.2em;
   line-height: 1.3em;
}

#TrainUpdate .Time
{
   padding-right: 3px;
}

/*************************************
      COLOURS
*************************************/

body
{
   /*color change from #FFFFFF to #dfe0ee */
   background-color: #dfe0ee;
}

#SiteTools,
#SiteTools a:link,
#SiteTools a:visited,
.PageHeading,
#Footer
{
   color: #FFFFFF;
}

#SiteTools,
.PageHeading,
#Footer
{
   background-color: #003366;
}

#SELogo
{
   background-color: #FFFFFF;
}

#Content
{
   background-color: #DBE0EC;
}

a:link,
a:visited,
a:hover
{
   color: #000000;
}

#CommuterLogin,
#CommuterLogin a:link,
#CommuterLogin a:visited,
#CommuterLogin a:hover,
#CommuterTools,
#CommuterTools a:link,
#CommuterTools a:visited,
#CommuterTools a:hover,
#LhContent
{
   color: #182b49;
}

#CommuterTools,
#CommuterLogin
{
   border-bottom: solid 2px #FFFFFF;
}

div.Grey1Main hr
{
   color: #F0F2F1;
   background-color: #F0F2F1;
}

div.Grey2Main hr
{
   color: #FFFFFF;
   background-color: #FFFFFF;
}

div.Grey3Main hr
{
   color: #E8E9E8;
   background-color: #E8E9E8;
}

.Grey1Main
{
   background-color: #D8DADA;
}

.Grey2Main
{
   background-color: #B4B7B8;
}

.Grey3Main
{
   color: #FFFFFF;
   background-color: #182b49;
}

#TrainUpdate .Time
{
   color: #FFFFFF;
}

/*********************************************************
      NAVIGATION
*********************************************************/

#Navigation
{
   padding: 2px 4px 8px 2px;
   background-color: #FFFFFF;
}

#Navigation ul
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   border-bottom: solid 2px #CFD4D6;
}

#Navigation a
{
   display: block;
   width: 168px;
}

#Navigation li.Main,
#Navigation li.MainOn
{
   margin: 0px;
   padding: 0px;
   font-size: 1.1em;
   font-weight: bold;
   text-align: right;
   border-top: solid 2px #CFD4D6;
}

#Navigation li.Main a,
#Navigation li.MainOn a
{
   margin: 0px;
   padding: 4px 17px 5px 0px;
}

#Navigation li.Main a
{
   background-image: url("../img/nav_arrow_right.gif");
   background-repeat: no-repeat;
   background-position: right;
}

#Navigation li.MainOn a
{
   background-image: url("../img/nav_arrow_down.gif");
   background-repeat: no-repeat;
   background-position: right;
}

#Navigation li.Main a:link,
#Navigation li.Main a:visited,
#Navigation li.MainOn a:link,
#Navigation li.MainOn a:visited,
#Navigation li.Sub a:link,
#Navigation li.Sub a:visited
{
   color: #003366;
}

#Navigation li.SubOn a:link,
#Navigation li.SubOn a:visited
{
   color: #ED037C;
}

#Navigation li.Main a:hover,
#Navigation li.MainOn a:hover
{
   color: #FFFFFF;
   background-color: #9DACCB;
}

#Navigation li.Sub,
#Navigation li.SubOn
{
   margin: 0px;
   padding: 0px;
   font-size: 1.0em;
   font-weight: bold;
   text-align: right;
   border-top: solid 2px #FEECF5;
}

#Navigation li.Sub a,
#Navigation li.SubOn a
{
   margin: 0px;
   padding: 2px 17px 1px 0px;
   background-image: url("../img/subnav_arrow_right.gif");
   background-repeat: no-repeat;
   background-position: right;
}

#Navigation li.Sub a:hover,
#Navigation li.SubOn a:hover
{
   color: #FFFFFF;
   background-color: #FAB4D9;
}

/*********************************************************
      HEADINGS
*********************************************************/

h2,
h3
{
   padding: 0px;
   margin: 0px;
}

h2
{
   font-size: 1.3em;
}

h3
{
   font-size: 1.15em;
}

h4
{
   font-size: 1.0em;
}

.Grey1Main h2,
.Grey2Main h2
{
   color: #182b49;
}

#CommuterLogin h2
{
   font-size: 1.5em;
}

#CommuterLogin h2,
#CommuterLogin h3
{
   color: #FFFFFF;
}

#CommuterLogin h2,
#CommuterLogin h3,
#CommuterTools h2,
#CommuterTools h3
{
   margin-bottom: 4px;
}

#CommuterLogin p,
#CommuterLogin h2,
#CommuterLogin h3,
#CommuterTools p,
#CommuterTools h2,
#CommuterTools h3,
#LhContent p
{
   margin-left: 0px;
   margin-right: 0px;
}

#NewsUpdate h2,
#TrainUpdate h2
{
   margin-bottom: 8px;
}

/*********************************************************
      ARROW LINKS
*********************************************************/

.PromoWide p.ArrowLink
{
   font-size: 1.1em;
   text-align: right;
}

p.ArrowLink
{
	padding-left: 16px;
	margin-top: 0px;
}

.PromoWide p.ArrowLink
{
	padding: 3px 16px 0px 0px;
	margin-top: 0px;
	margin-right: 8px;
}

p.ArrowLink a:link,
p.ArrowLink a:visited,
p.ArrowLink a:hover
{
	font-weight: bold;
}

p.ArrowLink a:link,
p.ArrowLink a:visited
{
   text-decoration: none;
}

p.ArrowLink a:hover
{
   text-decoration: underline;
}

.Grey1Main p.ArrowLink,
.Grey2Main p.ArrowLink
{
   margin: 5px 0px 5px 0px;
}

.Grey1Main p.ArrowLink a:link,
.Grey1Main p.ArrowLink a:visited,
.Grey1Main p.ArrowLink a:hover,
.Grey2Main p.ArrowLink a:link,
.Grey2Main p.ArrowLink a:visited,
.Grey2Main p.ArrowLink a:hover
{
	color: #182b49;
}

.Grey1Main p.ArrowLink
{
   background: url("../img/arrow_link_11_grey1.gif");
	background-repeat: no-repeat;
}

.Grey2Main p.ArrowLink
{
   background: url("../img/arrow_link_11_grey2.gif");
	background-repeat: no-repeat;
}

#CommuterTools p.ArrowLink a:link,
#CommuterTools p.ArrowLink a:visited,
#CommuterTools p.ArrowLink a:hover
{
	color: #FFFFFF;
}

#CommuterTools p.ArrowLink
{
   background: url("../img/arrow_link_11.gif");
	background-repeat: no-repeat;
}

.PromoWide p.ArrowLink a:link,
.PromoWide p.ArrowLink a:visited,
.PromoWide p.ArrowLink a:hover
{
	color: #FFFFFF;
}

.PromoWide p.ArrowLink
{
   background: url("../img/arrow_link_12_grey3.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
}

.NewsItem p.ArrowLink
{
   margin-top: 9px;
}

/**************** Microsite Styles --- START --- **********/

/*
#Micro_hr {
   height: 1px;
   border: none;
   padding: 0px;
   margin: 0px;
   color: #ffffff;
}*/
/* change color from #41535C to #182b49 */
.Micro_main {
	background-color: #e3e6f2;
	padding-left: 15px;
	padding-right: 15px;
}
.Micro_main hr {
   color: #FFFFFF;
   background-color: #FFFFFF;
   height: 1px;
   margin-top: 10px;
}
.Micro_main p {
	font-size: 1.1em;
	color: #182b49;
	font-weight: 500;
}
/* STA Change AGordon LSER 06/03/22 */
.Micro_main li
{
	font-size: 1.1em;
	color: #182b49;
	font-weight: 500;
}
/* END Change AGordon LSER 06/03/22 */
.Micro_main h2 {
	font-size: 1.2em;
	color: #182b49;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #FFFFFF;

}
.Micro_main h3 {
	font-size: 1.2em;
	color: #182b49;
	font-weight: 700;
	margin-bottom: 2px;
	margin-top: 5px;
}

.Micro_main a {
	color: #182b49;
}
.Micro_main a.bold {
	font-size: 1.1em;
	color: #182b49;
	font-weight: 700;
}
.Micro_main a:hover {
	color: #182b49;
	text-decoration: underline;
}
.Micro_main a:visited {
	color: #182b49;
	
}
.Micro_main select {
	font-size: 1.1em;
	color: #182b49;
	width: 160px;
}
.Micro_main input {
	font-size: 1.2em;
	color: #182b49;
	font-weight: 700;
	margin-bottom: 3px;
}
.Micro_darkGrey {
	/*change bg color from #b5b6b8 to #c8c8c8 */
	background-color: #c8c8c8;
	padding: 5px 5px 5px 5px;
	width: 199px;
}
.Micro_darkGrey h1 {
	color: #FFFFFF;
	font-size: 1.2em;
}
.Micro_darkGrey hr {
	color: #FFFFFF;
   	background-color: #FFFFFF;
  	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.Micro_darkGrey p {
	font-size: 1.0em;
	color: #182b49;
	font-weight: 700;
	margin-bottom: 2px;
}
.Micro_darkGrey a {
	color: #ffffff;
}
.Micro_darkGrey a:visited {
	color: #ffffff;
}
.Micro_darkGrey a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.Micro_header {
	margin: 0px 0 0 0px;
	background-color: #003366;
	height: 82px;
	padding: 20px 0 0 10px;
}
.Micro_header h1 {
	color: #FFFFFF;
	font-size: 2.2em;
	font-weight: normal;
	border-bottom: 1px solid #4B7198;
	padding-bottom: 5px;
	margin: 0 10px 0 0;
}
.Micro_header h2 {
   color: #FFFFFF;
   font-size: 1.5em;
   margin-top: 5px;
   font-weight: normal;
}
.Micro_header hr {
   color: #4B7198;
   background-color: #4B7198;
   padding: 0px 0 0 0;
   margin: 0 10px 0 0;
}
.Micro_footerspace {
	background-color: #DBE0EC;
	height: 100px;
}

.Micro_arrow {
	float: right;
	text-align: right;
}
.Micro_arrow p {
	float: right;
	font-size: 1.3em;
	color: #182b49;
	font-weight: 700;
}
.Micro_arrow_padd {
	padding-top: 1px;
	padding-right: 2px;
	float: left;
}
#Micro_Footer
{
   position: relative;
   top: -4px;
   clear: both;
   min-height: 21px;
   _height: 21px;
   border-top: solid 8px #FFFFFF;
   border-bottom: solid 5px #FFFFFF;
   background-color: #003366;
   color: #ffffff;
}

#Micro_Footer p
{
   float: left;
   padding-top: 4px;
   padding-left: 5px;
}

#Micro_Footer img
{
   float: right;
}
.Micro_arrow {
	padding-top: 2px;
}

.Micro_content_link{
	text-decoration: underline;
}
.Micro_spacerV {
	background-color: #ffffff;
	width: 4px;
}
.Micro_label {
	font-size: 1.1em;
	color: #182b49;
	font-weight: 700;
	padding: 3px 3px 3px 3px;
	float: right;
}
.Micro_label_width {
	font-size: 1.1em;
	color: #182b49;
	font-weight: 700;
	padding: 3px 3px 3px 3px;
	float: right;
	width: 150px;
/*border-style: solid;*/
	/*text-align: right;*/
}
.Micro_label_left {
	font-size: 1.1em;
	color: #182b49;
	font-weight: 700;
	padding: 3px 3px 3px 3px;
	float: left;/*border-style: solid;
	*/
	/*text-align: right;*/
}

.Micro_indent {
	padding-left: 40px;
}
.Micro_arrow_right {
	float: right;
	padding-top: 10px;
	
}

.Micro_width {
	width: 145px;
}
.Micro_searchLink {
	font-weight: 700;
	padding-top: 10px;
	padding-left: 5px;
	font-size: 1.1em;
	width: 50px;
}
.Micro_help {
	color: #ffffff;
}

/* Style modifications for Standalone Site Template (for 3rd party with no nav) */
.StandAlonePanel {
 width: 658px !important;
}
.StandAloneCmsContent {
 border: none !important;
}

/*for new header*/
.Yellow {
	background-color: #db9e2d;
	color: #fff;
}
.YellowDark {
	background-color: #cc8323;
	color: #fff;
}

/**************** Microsite Styles --- END --- **********/