body{background:#f5f5f5; margin:0; padding:0; text-align:center; font-family:arial, sans-serif; font-size:0.7em; color:#4d4d4d; line-height:1.2em;}
p{margin:0.7em 0;}
div{margin:0; padding:0;}
a{color:#006ab6; text-decoration:none; font-weight:bold;}	
a:hover{text-decoration:underline;}
img{border:none;}
.red{color:#dd0000;}
ul.nav{list-style:none; margin:0; padding:0; color:#006ab6;}
ul.nav li{ margin:0; padding:0 2px 0 2px; display:inline; float:left;}
ul.nav li a{display:block;}
ul.nav li:first-child a{padding-left:0;}

* html .png{ position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}

iframe{border:none; margin:0; padding:0;}
select, input, textarea{border:1px solid #b7b7b7; font-family:arial, sans-serif; font-size:1em;}
input[type='radio'],input[type='checkbox']{border:none; width:auto !important;}
input.image{border:none;}
* html td  input{border:none;}
.accessibletext{display:none;}
#btnSearch{vertical-align:middle;}

.clear {  clear: both;  font-size: 1%;  line-height: 1%;}
.clearfix {	display: block; clear:both;}
.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}

h1{ color:#000000; font-size:1.8em; margin:0 0 0.5em 0; line-height:1.4em; font-weight:bold; }
h2{ color:#000000; font-size:1.5em; margin:0 0 0.5em 0; line-height:1.4em;}
h3{ color:#000000; font-size:1em; margin:0 0 0.5em 0; padding:0; font-weight:bold; line-height:1.4em;}
h4{ color:#000000; font-size:1.3em; margin:0 0 0.5em 0; padding:0; font-weight:normal; line-height:1.4em;}


h1.grey{background-color:#f1f1f1; margin:0.5em -8px; padding:8px; clear:both;}
h2.grey{background-color:#f1f1f1; margin:0.5em -8px; padding:8px; clear:both;}
h3.grey{background-color:#f1f1f1; margin:0.5em -8px; padding:8px; clear:both;}
h4.grey{background-color:#f1f1f1; margin:0.5em -8px; padding:8px; clear:both;}
h5.grey{background-color:#f1f1f1; margin:0.5em -8px; padding:8px; clear:both;}


p{margin:0 0 0.5em 0; line-height:1.4em;}
hr{ border:none; border-top:1px solid #e9e9e9; color:#fff; clear:both;}

div.floatleft{float:left; padding:0px 8px 8px 0;}
div.floatleftpadding{float:left; padding:0px 16px 8px 0;}
div.floatleftborder{float:left; margin-right:8px;  padding:0px 8px 8px 0; border-right:1px solid #e9e9e9;}
div.floatright{float:right; padding:0px 0 8px 8px;}
div.centeralign{clear:both; text-align:center;}

.skiplinks a{display:none;}
.skiplinks a:active{display:block;}

div.container{width:882px; margin:0 auto; text-align:left; position:relative;}

/* box generic styles */
div.box{margin-bottom:8px;}
div.box div.heading h2{padding:0; margin:0; font-size:1em;}
div.box div.inner{padding:8px;}

/* tables */
table{ margin:0; padding:0; border:none; text-align:left; background-color:#fafafa;}
table th{font-weight:bold;background-color:#f3f4f4;}
table th, table td{padding:4px; border:none; vertical-align:top;  border:1px solid #e5e5e5; border-style:none none solid none; text-align:left;}
table th{border-top-style:solid;}


.input table, .input table td, .input table th{background:none; border:none; padding: 0 0 4px 0; margin:0;}
.input table td input{vertical-align:middle;}
.checkbox input{border:none; width:auto !important;}

/* forms */
div.element, .formelement{padding:0.5em 0;}

/* Validation */
div.valerror{border:1px solid #f00; color:#f00; background-color:#fff;  padding:3px; margin:1px; clear:both; }
span.valerror{border:1px solid #f00; color:#f00; background-color:#fff;  padding:3px; margin:1px; clear:both; display:block;}
span.required{color:#f00;}

#header{width:100%; background-color:#fff;}
#header div.top{width:100%; min-width:900px; background:#f5f5f5 url('../images/dots.gif') bottom left repeat-x; }
#header div.bottom{width:100%; min-width:900px; background:#eeeeee url('../images/grad.gif') bottom left repeat-x; }
#header div.helpnav{ float:right; clear:right; color:#000; padding:0.5em 0;}
#header div.helpnav a{ color:#000; text-decoration:underline; border-color:#000;}
#header div.logo{float:left; margin:10px 0 4px 2px; width:300px;}
#header div.logo h1{margin:0; padding:0; line-height:1em;}



/* top 'tab' links */
#header div.toplinks{position:absolute; right:0px; top:0px; }

#header div.toplinks div.memberstatus{ float:left; background:#1866ae url('../images/login/right.gif') bottom right no-repeat;  color:#fff; margin-left:8px;}
#header div.toplinks div.memberstatus .inner{background:transparent url('../images/login/left.gif') bottom left no-repeat; padding:4px 8px 8px 8px;}
#header div.toplinks div.memberstatus a{ color:#ffffff; font-weight:normal;}

#header div.toplinks div.islandline{float:left;  background:#245d4d url('../images/login/greenright.gif') bottom right no-repeat;  color:#fff;}
#header div.toplinks div.islandline .inner{background:transparent url('../images/login/greenleft.gif') bottom left no-repeat; padding:4px 8px 8px 8px;}
#header div.toplinks div.islandline a{ color:#ffffff; font-weight:normal;}

/* nav */
#header div.mainnav{padding:16px 0 0 0; width:100%; clear:both; margin-top:0px;}

#header div.mainnav a{ cursor:pointer; color:#016ab5; font-weight:normal; height: 26px; font-size:1.2em; display: inline-block;}
#header div.mainnav li a span {padding: 4px; display: inline-block; height: 18px; }
#header div.mainnav li a span:hover { text-decoration:underline !important; cursor:pointer;}


#header div.mainnav li.break	  {padding: 3px 3px;} 
#header div.mainnav li a.active {background: #006ab6 url('../images/164/nav_bk_lf.gif') left top no-repeat; position: relative; z-index: 1;}
#header div.mainnav li a.active span {background: url('../images/164/nav_bk_rt.gif') right top no-repeat; color:#fff; font-weight:bolder; text-decoration: underline; position: relative; z-index: 5; }

#header div.quicknav{padding:1em 0; width:690px; clear:both; float:left; }
#header div.quicknav a{ color:#5c5c5c; font-weight:bold; font-size:1.39em; line-height:1.2em; border-color:#e5e5e5; padding:0 0.7em;}
#header div.quicknav ul li:first-child a{padding-left:0;}

#header .searchbox{float:right; padding:0 0 0 28px; background:transparent url('../images/search.gif') top left no-repeat; margin:1em 0 0.5em 0;}
#header .searchbox input.search{border:0px; background-color:transparent; margin:2px 0 0 0; padding:0; vertical-align:top; width:134px; height:22px;  font-size:x-small;}

/* Left column */
#leftcol div.box{background:#fff url('../images/220/back.gif') top left repeat-y; margin-bottom:0px; width:220px; }
#leftcol div.box div.inner{/*background:transparent url('../images/220/btm.gif') bottom left no-repeat;*/ padding:8px; line-height:1em; width:204px;}
#leftcol div.box div.innertop{background:transparent url('../images/220/top.gif') top left no-repeat;}


#leftcol div.box.blue {background:#eaf0f7 url('../images/220/blueback.gif') top left repeat-y; }
#leftcol div.box.blue div.inner{/*background-image:url('../images/220/bluebase.gif')*/}


#leftcol div.link {margin-bottom:8px; min-height:33px;}
#leftcol div.link a{display:block; line-height:25px; padding:4px 30px 4px 8px; font-size:1.2em; font-weight:bold; }

#leftcol div.engineering{background:#0158a6 url('../images/engineeringlink.gif') top left no-repeat;}
#leftcol div.engineering a{color:#ffffff;  }

#leftcol div.traininfo{background:#e0e0e0 url('../images/raillink.gif') top left no-repeat;}
#leftcol div.traininfo a{color:#ffffff;  }


#leftcol div.network{background:#436988 url('../images/network.gif') top left no-repeat;}
#leftcol div.network a{color:#ffffff;  }

#leftcol div.tfl{background:#00294a url('../images/tfllink.gif') top left no-repeat; }
#leftcol div.tfl a{color:#ffffff; }



/* myswt */
#leftcol div.box.green {background:#deeaea; }
#leftcol div.box.green div.inner{background-image:url('../images/220/greenbase.gif')}
#leftcol div.box.green a {color:#00355b;}

#leftcol div.box h2{margin:0; padding:6px 8px 4px 8px; font-size:1.1em; background:#dddddd url('../images/220/greytop.gif') top left no-repeat; color:#4d4d4d;}
#leftcol div.box h2.grey{}
#leftcol div.box h2.orange{background-color:#f06215; background-image: url('../images/220/orangetop.gif'); color:#000;}
#leftcol div.box h2.turquoise{background-image:url('../images/220/turqtop.gif'); background-color:#335959; color:#fff;}
#leftcol div.box h2.blue{background-color:#0088cf; background-image:url('../images/220/bluetop.gif'); color:#fff;}
#leftcol div.box h2.darkblue{background-color:#0053a3; background-image:url('../images/220/darkbluetop.gif'); color:#fff;}
#leftcol div.box div.innernopad{background:transparent url('../images/220/btm.gif') bottom left no-repeat; padding:0 2px 0px 2px;}

#footer {width:100%; background:#fff url('../images/faintdots.gif') top left repeat-x; padding:8px 0; color:#8f8f8f;}
#footer div.islandline{float:left; width:180px;}
#footer div.fontselect{float:right; width:63px;}
#footer div.rnib{float:right; width:63px;}
#footer div.grouplogo{float:left; width:240px; margin-top:0.2em;}
#footer div.copyrightnotice{float:left; width:390px; }
#footer div.copyrightnotice p{margin:0 0 0.2em 0;}
#footer div.copyrightnotice p.emperor{color:#c2c2c2;}
#footer div.copyrightnotice p.emperor a{color:#c2c2c2;}

#footer a{color:#5c5c5c; border-color:#aaaaaa; font-weight:normal;}

#footerlinks{ color:#8f8f8f; width:100%; background:transparent url('../images/footer.gif') top left repeat-x; min-height:100px; padding:16px 0 0 0;}
#footerlinks h3{color:#5c5c5c; margin: 0em 0; line-height:1em;}
#footerlinks a{color:#5c5c5c;  font-weight:normal;}
#footerlinks ul{list-style:none; margin:0; padding:0;}
#footerlinks li{list-style:none; margin:0; padding:0; padding:0.1em 0;}

#footerlinks div.col{float:left; width:166px; margin-right:10px;}

#content{ padding:8px 0; background-color:#fff; }
#content #leftcol{ float:left; width:220px; }
#content #rightcol{ float:left; width:652px; margin-left:8px; }
#content #right2col{ float:left; width:652px; background:#fff url('../images/480/mid.gif') top left repeat-y; margin-bottom:8px; }
#content #right2col div.midtop{ width:100%; background:transparent url('../images/480/top.gif') top left no-repeat;  }
#content #right2col div.midbottom{ width:100%; background:transparent url('../images/480/btm.gif') bottom left no-repeat;}
#content #right2col #midcontent{padding:16px 10px; width:460px; float:left; }

#content #right2col #rightcontent{ width:164px; float:left; margin-left:8px; margin-bottom:-8px;}

* html #content #right2col #rightcontent{ margin-left:7px;}

#content #right2col #rightcontent div.box{width:164px; margin-bottom:8px; background:#ffffff url('../images/164/whitebordermid.gif'); }
#content #right2col #rightcontent div.box div.innertop{background-image:url('../images/164/whitebordertop.gif');}
#content #right2col #rightcontent div.box div.inner{  background:transparent url('../images/164/whiteborderbase.gif') bottom left no-repeat; width:140px; }

#content #right2col #rightcontent div.box.grey{width:164px; margin-bottom:8px; background:#ffffff url('../images/164/greybordermid.gif'); }
#content #right2col #rightcontent div.box.grey div.innertop{background-image:url('../images/164/greybordertop.gif');}
#content #right2col #rightcontent div.box.grey div.inner{  background:transparent url('../images/164/greyborderbase.gif') bottom left no-repeat; }

#content #right2col #rightcontent div.box.yell{width:164px; margin-bottom:8px; background:#f4ebe0 url('../images/164/yellmid.gif'); }
#content #right2col #rightcontent div.box.yell h2{margin:0; padding:6px 8px 4px 8px; font-size:1em; background:#f2b249 url('../images/164/yelltop.gif') top left no-repeat; color:#000;}
#content #right2col #rightcontent div.box.yell div.inner{  background:transparent url('../images/164/yellbase.gif') bottom left no-repeat;  padding:4px 8px;}
#content #right2col #rightcontent div.box.yell div.element{margin:0.3em 0; padding:0;}
#content #right2col #rightcontent div.box.yell  .wideinput{width:140px;}

#content #right2col #rightcontent div.box.yell hr{border-top-color:#dbd3c9;}

#content #right2col #rightcontent div.box h2{margin:0; padding:6px 8px 4px 8px; font-size:1em; background:#0052a2 url('../images/164/bluetop.gif') top left no-repeat; color:#fff;}
#content #right2col #rightcontent div.box ul{list-style:none; margin:0; _height:50px; padding:0 0 22px 0; background:#d5eef7 url('../images/164/palebluebase.gif') bottom left no-repeat;}
#content #right2col #rightcontent div.box ul li a{ font-weight:normal; border-bottom:1px solid #67A6D3; display:block; padding:4px 8px; background:#d5eef7 url('../images/164/paleblueitem.gif') top left no-repeat; color:#ffffff;}
#content #right2col #rightcontent div.box ul li a:hover{ background:#61aed6 url('../images/164/blueitem.gif') top left no-repeat; color:#ffffff;}
#content #right2col #rightcontent div.box ul li a.active{ background:#61aed6 url('../images/164/blueitem.gif') top left no-repeat; color:#ffffff;}
#content #right2col #rightcontent div.box ul li ul{background-image:none !important; padding:0;}

#content #right2col #rightcontent div.box ul li ul li a{ padding-left:16px;}
#content #right2col #rightcontent div.box ul li ul li ul li a{ padding-left:30px;}
#content #right2col #rightcontent div.box ul li ul li ul li ul li a{ padding-left:46px;}

#content #right2col #rightcontent div.box.subnav h2{background-image:url('../images/164/bluetop.gif'); color:#fff; background-color:#0052a2; font-size:1.1em;}
#content #right2col #rightcontent div.box.subnav ul{background-image:url('../images/164/palebluebase.gif'); background-color:#016ab5; _height:20px;}
#content #right2col #rightcontent div.box.subnav ul li a{background-image:url('../images/164/paleblueitem.gif'); background-color:#016ab5; color:#ffffff; font-weight:normal;border-bottom:1px solid #67a6d3; }
#content #right2col #rightcontent div.box.subnav ul li a:hover{ background-image:url('../images/164/blueitem.gif'); background-color:#61aed6; color:#ffffff;}
#content #right2col #rightcontent div.box.subnav ul li a.active{ background-image:url('../images/164/blueitem.gif'); background-color:#61aed6; color:#ffffff;  font-weight:bold;border-bottom:1px solid #67a6d3;}
#content #right2col #rightcontent div.box.subnav ul li ul li a:hover{ background:#4291b3 url('../images/164/midblueitem.gif') top left no-repeat; color:#fff;}
#content #right2col #rightcontent div.box.subnav ul li ul li a.active{ background:#4291b3 url('../images/164/midblueitem.gif') top left no-repeat; color:#fff; font-weight:bold;border-bottom:1px solid #67a6d3;}
#content #right2col #rightcontent div.box.subnav ul li ul li ul li a:hover{ background:#00335a url('../images/164/darkblueitem.gif') top left no-repeat; color:#fff;}
#content #right2col #rightcontent div.box.subnav ul li ul li ul li a.active{ background:#00335a url('../images/164/darkblueitem.gif') top left no-repeat; color:#fff; font-weight:bold;}

#content #right2col #rightcontent div.box.grey h2{background-image:url('../images/164/greytop.gif'); color:#4d4d4d; background-color:#dadada;}
#content #right2col #rightcontent div.box.grey ul{background-image:url('../images/164/greybase.gif'); background-color:#f1f1f1;}
#content #right2col #rightcontent div.box.grey ul li a{background-image:url('../images/164/greyitem.gif'); background-color:#f1f1f1; color:#4d4d4d; }
#content #right2col #rightcontent div.box.grey ul li a:hover{ background-image:url('../images/164/darkgreyitem.gif'); background-color:#c0c0c0; color:#000; }

#content #rightcol  div.box{ width:652px; background:#ffffff url('../images/652/whitemid.gif') repeat-y;}
#content #rightcol  div.box div.innertop{ background:transparent url('../images/652/whitetop.gif') top left no-repeat;}
#content #rightcol  div.box div.inner{  background:transparent url('../images/652/whitebase.gif') bottom left no-repeat; padding:12px; width:628px;}
#content #rightcol  div.box div.innerbase{ background:transparent url('../images/652/whitebase.gif') bottom left no-repeat; padding:12px; }
#content #rightcol  div.box div.inner.notoppad{padding-top:0;}

#content #rightcol  div.box.grey{ width:652px; background:#ededed url('../images/652/greymid.gif') repeat-y;}
#content #rightcol  div.box.grey div.innertop{  background:transparent url('../images/652/greytop.gif') top left no-repeat;}
#content #rightcol  div.box.grey div.inner{  background:transparent url('../images/652/greybase.gif') bottom left no-repeat; width:628px; }
#content #rightcol  div.box.grey div.innerbase{  background:transparent url('../images/652/greybase.gif') bottom left no-repeat; }

#content #rightcol  div.box  div.header{margin:0; font-size:1em; background:#0052a2 url('../images/652/bluetop.gif') top left no-repeat; color:#ffffff;}
#content #rightcol  div.box  div.header h2{font-size:1em; color:#ffffff; padding:6px 8px 4px 8px; margin:0;}

#content #rightcol #midcontent div.box{width:456px; margin:0 2px; background:#f7f7f7 url('../images/456/greytop.gif') top left no-repeat; margin-bottom:8px;}
#content #rightcol #midcontent div.box div.inner{ background:transparent url('../images/456/greybottom.gif') bottom left no-repeat; padding:8px 12px; width:432px;}

#content #rightcol #midcontent div.box.blue{background-color:#eaf0f7; background-image:url('../images/456/bluetop.gif');}
#content #rightcol #midcontent div.box.blue div.inner{background-image:url('../images/456/bluebottom.gif');}

#content #rightcol #midcontent div.box.green{background-color:#deeaea; background-image:url('../images/456/greentop.gif');}
#content #rightcol #midcontent div.box.green div.inner{background-image:url('../images/456/greenbottom.gif');}

#content #rightcol #midcontent div.box.yellow{background-color:#f4ebe0; background-image:url('../images/456/yelltop.gif');}
#content #rightcol #midcontent div.box.yellow div.inner{background-image:url('../images/456/yellbottom.gif');}




#content #rightcol div.box div.box{width:626px; background:#f3f4f4 url('../images/626/greybase.gif') bottom left no-repeat; margin-bottom:10px;}
#content #rightcol div.box div.box div.inner{padding:8px; width:610px; background:none;}
#content #rightcol div.box div.box div.heading{background:#0055a4 url('../images/626/bluetop.gif') top left no-repeat; color:#fff; padding:4px 8px;}
#content #rightcol div.box div.box div.heading h2{color:#fff;}

/* FAQ */
div.faqsearch input.text{width:300px;}
div.faqsearch input.image{margin-left:6px; vertical-align:bottom;}
div.faqsearch label{float:left; width:86px; font-weight:bold; vertical-align:bottom;}

div.faqsearch div.categoryselect {margin-bottom:-8px;}
div.faqsearch div.categoryselect div.category{ margin-bottom:8px;}
div.faqsearch div.categoryselect div.category select{width:300px;}

div.faqquestion {display:block; margin-bottom:6px;}
div.faqquestion a.question{display:block; background:#f1f1f1 url('../images/faq/question_active.gif') top left no-repeat; padding:2px 8px 2px 24px; min-height:13px;}
div.faqquestion.closed a.question{background-image:url('../images/faq/question_inactive.gif');}

div.faqquestion a.active{background-image:url('../images/faq/question_active.gif'); font-weight:bold;}
div.faqquestion div.response{margin-left:8px; background-color:#f7f7f7;  }
div.faqquestion div.response div.answer{margin:0 8px; padding:8px 0px 3px 8px; }
div.faqquestion div.response div.feedback{margin:0 8px; padding:8px 0px 8px 8px; }
div.faqquestion div.response div.feedback textarea{width:410px;}
div.faqquestion.closed div.response{display:none;}

div.webchat div.faqquestion a.question{text-decoration:none;}
div.webchat div.faqquestion a.question:hover p.q_text{ text-decoration:underlined;}
div.webchat div.faqquestion a.question p.q_text{  font-weight:normal;}
div.webchat div.faqquestion a.question p.q_posted_by{text-align:right; color:#4d4d4d; font-weight:normal; }
div.webchat div.faqquestion a.question p.q_posted_by{ text-decoration:none;}
div.webchat  p.ans_caption{font-weight:bold;}
div.webchat div.totop{float:right; margin-top:2.2em;}

fieldset{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* pager */
div.pager a{padding:2px; margin:1px;}
div.pager a.selected{background-color:#ccc; font-weight:bold; }
div.pager a:hover{background-color:#ccc; }

/* news */
ul.newslist{ list-style:none; margin:0; padding:0; border-bottom:1px solid #e5e5e5;}
ul.newslist li{ padding:8px 6px; border-top:1px solid #e5e5e5;}
ul.newslist li.alt{ background-color:#f2f7fa;}
ul.newslist li span.summary{display:block; width:300px;}
ul.newslist li span.summary a{font-weight:bold;}
ul.newslist li span.date{float:right; width:70px; text-align:right;}

/* Search results */
div.SearchResults div.hits{border-bottom:1px solid #e5e5e5;}
div.SearchResults div.hit{ border-top:1px solid #e5e5e5; padding:8px 6px; background-color:#f2f7fa; }
div.SearchResults div.hit a{font-weight:bold; float:left; width:360px;}
div.SearchResults div.hit span.rank{ float:right; width:70px; text-align:center; }
div.SearchResults div.hit div.preview{ width:360px; display:block;}
div.SearchResults div.alt{background-color:#ffffff;}

div.SearchResults div.summary{padding:8px 6px; float:left; }
div.SearchResults div.pagination{ padding:8px 6px; float:right;}
div.SearchResults div.details:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}

div.SearchResults div.pagination a{padding:2px; margin:1px; float:left;}
div.SearchResults div.pagination a.activepagelink{background-color:#ccc; font-weight:bold; }


/* Frame custom element Mk2.*/
div.frame2{width:148px; float:left; margin-right:8px;  margin-bottom:8px;  }
div.frame2 div.frameouter{position:relative;  background:#f7f5f4 url('../images/148/greymid.gif') top left repeat-y; }
div.frame2 div.frameouter div.inner{ background:transparent url('../images/148/greybase.gif') bottom left no-repeat; padding:4px 8px 8px 8px; min-height:90px;}
* html div.frame2 div.frameouter div.inner{height:90px;}
div.frame2 div.frameouter div.inner a{font-weight:bold;}
div.frame2 div.frameouter img.frameimage{width:148px; height:86px; z-index:100; }
div.frame2 div.frameouter a.framelink{width:148px; height:86px; background:transparent url('../images/148/frame.png') top left no-repeat; display:block; position:absolute; top:0; left:0;  z-index:200; }
div.frame2 div.frameouter a.framelink:hover{text-decoration:none;}
* html div.frame2 div.frameouter a.framelink{ background-image:url('../images/148/frame.gif');}
div.frame2.endrow{margin-right:0;}

/* offers page */
div.offerspage div.frame2 div.frameouter div.inner{ background:transparent url('../images/148/greybase.gif') bottom left no-repeat; padding:4px 8px 8px 8px;}
div.offerspage div.frame2 div.frameouter img.frameimage{height:103px }
div.offerspage div.frame2 div.frameouter a.framelink{ height:103px;  }



/* Frame custom element - HOME EDITION */
div.homecontent div.col{float:left; width:157px; margin-right:8px; }
div.homecontent div.col.col3{margin:0;}
div.homecontent div.frame2{width:157px; margin:0; padding:0;}
div.homecontent div.frame2 div.frameouter{position:relative;  background:#f7f5f4 url('../images/home/framemid.gif') top left repeat-y; }
div.homecontent div.frame2 div.frameouter div.inner{ background:transparent url('../images/home/framebase.gif') bottom left no-repeat; padding:4px 8px 8px 8px; min-height:90px;}
div.homecontent div.frame2 div.frameouter div.inner a{font-weight:bold;}
div.homecontent div.frame2 div.frameouter img.frameimage{width:157px; height:86px; z-index:100; }
div.homecontent div.frame2 div.frameouter a.framelink{width:157px; height:86px; background:transparent url('../images/home/frame.png') top left no-repeat; display:block; position:absolute; top:0; left:0;  z-index:200; }
* html div.homecontent div.frame2 div.frameouter a.framelink{background-image:url('../images/home/frame.gif'); }
div.homecontent div.frame2.endrow{margin-right:0;}

.hidden{display:none;}

/* incident calendar */
table.IncidentCal td, table.IncidentCal th{padding:0; margin:0; text-align:center;}
table.IncidentCal{color:#909090;}
table.IncidentCal td.event{ font-weight:bold; }
table.IncidentCal td.selected a{ color:#fff; }
table.IncidentCal table.title{background-color:#ffffff; font-weight:bold;  border-bottom:1px solid #cccccc;}
table.IncidentCal table.title td{padding:4px;}
table.IncidentCal th.dayheader{background-color:#f2f7fb; font-weight:bold; color:#006ab6; border-bottom:1px solid #cce1f0;}
table.IncidentCal td{ border-bottom:1px solid #cce1f0; background:#fff;}

/* Email a Friend */
div.EmailFriend a{ display:block; font-weight:bold; background:transparent url('../images/mailicon.gif') center right no-repeat; min-height:20px; padding-top:3px;}
* html div.EmailFriend a{height:20px;}
div.EmailFriend input.textfield{width:144px;}

/* forms */
#rightcol .left{width:300px; float:left; }
#rightcol .right{width:300px; float:right; }



#rightcol .caption{float:left; width:110px;}
#rightcol .input{font-weight:bold;}
#rightcol .input textarea, #rightcol .input input.textbox, #rightcol span.input select{width:180px;}
#rightcol .input input.smalltextbox{width:120px;}




#midcontent div.element{margin:0.2em 0;}
#midcontent div.caption{float:left; width:140px;}
#midcontent div.input{ float:left; width:290px;}
#midcontent div.input input.textbox,  #midcontent div.input textarea{width:280px;}

#leftcol div.element{margin:0.5em 0; padding:0;}
#leftcol .caption{float:left; width:70px;}
#leftcol .input{font-weight:bold;}
#leftcol .input textarea, #leftcol .input input.textbox, #leftcol span.input select{width:130px;}

/* Date Picker */
span.input select.thin{ width:auto !important; margin: 0 6px 3px 0;}
input.calendar {vertical-align: top;}
div.datepicker{width:164px; background:#0052a2 url('../images/164/bluetop.gif') top left no-repeat; padding-top:20px;}
div.datepicker table{width:100%;}

div.captcha {padding:10px 0 10px 0; *padding:0 0 10px 0;}
div.captcha p {float: left; padding-left:15px; margin-top:-4px;}
div.captcha span {float: left;}
div.captcha span img {margin:0 10px 0 0;}
div.captcha input {margin-left:15px; margin-top:-5px; }
div.captcha input.btnsubmit { vertical-align:bottom; }

/* Home page */
#rightcol div.banner{margin-bottom:-2px; position:relative;}
#rightcol div.banner .overlay{position:absolute; top:0px; left:0px; width:652px; height:29px; background:transparent url('../images/home/bannermask.png') top left no-repeat; z-index:2;}
* html #rightcol div.banner .overlay{background:transparent url('../images/home/bannermask.gif') top left no-repeat;}


div.homeheader{ background:#e2e2e2 url('../images/home/headingback.gif') bottom left repeat-x; border-bottom:#ffffff;  padding:4px 8px 4px 8px; height:22px; min-height:22px; margin:0 2px;}
div.homeheader h2{margin:0; padding:0; font-size:1.5em;}

div.homeheader ul{list-style:none; margin:0; padding:0;}
div.homeheader ul li{list-style:none; margin:0; padding:0; display:inline;}
div.homeheader ul li a{ display:block; float:left; margin-right:0.5em;padding-right:0.5em; border-right:1px solid #016ab5; font-weight:bold;  min-height:26px;}

* html div.homeheader ul li a{height:26px;}
div.homeheader ul li.last a{border:none;}
div.homeheader ul li.last a.active{border:none;}

div.homeheader ul li a.announcements{color:#c91d2a; display:block; padding-right:30px; background:transparent url('../images/alert.gif') top right no-repeat;}

div.homeheader span.rightnav{float:right; margin-top:4px;}
div.homeheader span.rightnav input{ padding:0 0 0 0.5em; }

div.homeheader div.news a.announcements {font-weight:normal; color:#c91d2a;}
div.homeheader div.announcements a.news {font-weight:normal; color:#838383;}

#content #rightcol div.homenews div.column{float:left; color:#006AB6;  width:295px; height:38px; padding:0; margin-right:27px; }
#content #rightcol div.homenews  div.last{ border:none; margin:0;}


#content #rightcol div.homenews ul{ list-style:none; padding:0; margin:0;}
#content #rightcol div.homenews ul li{ margin:0.5em 0; padding:0 0 0 12px; background:transparent url('../images/redbl.gif') top left no-repeat;}
#content #rightcol div.homenews ul li a{color:#c91d2a;}

/* home content */
div.homecontent{margin-top:8px;}

/*calendar */
.yui-calcontainer{position:absolute; z-index:200;}

/* Auto complete */
.yui-ac{position:relative;}
* html .yui-ac{position:relative; z-index:1;}
.yui-ac-container{position:absolute;top:1.6em;width:100%; z-index:50; }
.yui-ac-content{position:absolute;width:260px;border:1px solid #808080;background:#fff;overflow:hidden;z-index:9050;}
.yui-ac-shadow{position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity:.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;}
.yui-ac iframe{opacity:0;filter:alpha(opacity=0);padding-right:.3em;padding-bottom:.3em;}
.yui-ac-content ul{margin:0;padding:0;width:100%; }
.yui-ac-content li{margin:0;padding:2px 5px;cursor:default;white-space:nowrap;list-style:none; zoom:1; background:#fff !important;  }
.yui-ac-content li.prehighlight{background-color:#ff9 !important;}
.yui-ac-content li.highlight{background-color:#ff0 !important;}

/* Journey Planney */
#leftcol div.ojp div.element{ width:100%; margin:0.8em 0; padding:0;}
#leftcol div.ojp .caption{float:left; width:70px; }
#leftcol div.ojp .input{float:left; width:134px; }
#leftcol div.ojp div.element input{width:130px; vertical-align:top;}
#leftcol div.ojp div.element input.hasDatepicker{width:106px;}
#leftcol div.ojp div.element label{font-weight:bold; vertical-align:middle;}
#leftcol div.ojp ul {list-style:none; margin:0; padding:0;}
#leftcol div.ojp input.submitbutton{width:auto !important; float:NONE;}
#leftcol div.ojp hr{ border:none; border-top:1px solid #a8aaad; color:#fff; clear:both; margin:0 -6px;}

/* My SWT */

div.myswt div.nav{background-color:#c1dedd; width:100%;}
div.myswt ul{list-style:none; padding:0; margin:0; }
div.myswt ul li{list-style:none; padding:0; margin:0; display:inline;}
div.myswt ul li a{float:left;  display:block; padding: 4px 8px; color:#4d4d4d; margin:0; }
div.myswt ul li h3{float:left;  display:block;  padding: 4px 8px; font-weight:bold; font-size:1em; margin:0; color:#000; line-height:1.2em;}
div.myswt ul li.login a, div.myswt ul li.login h3{background-color:#deeaea; }

div.myswt div.login{background:#deeaea url('../images/220/greenbase.gif') bottom left no-repeat; padding:8px;}
div.myswt div.register{background:#c1dedd url('../images/220/darkgreenbase.gif') bottom left no-repeat; padding:8px;}

/* contact us landing */
ul.contactlanding{ list-style:none; padding:0 !important; margin:0 !important; }
ul.contactlanding li{list-style:none; padding:0 !important; margin:0 !important; background:none !important;}
ul.contactlanding li a{padding:3px 3px 3px 16px; background:transparent url('../images/bl-blue.gif') 4px center no-repeat; display:block;} 
ul.contactlanding li a:hover{ background:#0269b6 url('../images/bl-white.gif')  4px center no-repeat; color:#fff;} 

/* Station Information */
div.tabcontainer { width: 456px;}
div.tabnav{background-color:#006AB6; }
ul.tabnav { list-style-type: none; margin: 0; padding: 0; width: 456px;}
ul.tabnav li { color: #FFFFFF; float: left; font-size: 1.1em; font-weight: bold; text-align: center;}
ul.tabnav li a { background: #006AB6 url(../images/nav_separator.gif) no-repeat right 3px; color: #FFFFFF; display: block; padding: 5px 9px; text-decoration: none;}
ul.tabnav li a.last {  background-color: #006AB6;  background-image: none;  padding: 5px 10px 5px 10px;}
ul.tabnav li a:hover {  background-color: #0084e2;}
ul.tabnav li a.active {  background-color: #83c6e3; color:#000000;}

#rightcol div.tabcontents div.content { padding:10px;}
#rightcol div.tabcontents div.field {	padding: 8px 0 20px 0;}
#rightcol div.tabcontents div.left {	font-weight:bold;	float: left;	padding: 0 10px 0 0;	width: 150px;}
*html #rightcol div.tabcontents div.left {	width: 140px;}
#rightcol div.tabcontents div.right {	float: left;	width: 276px; }
#rightcol div.tabcontents div.right p {	padding-top: 0;}

div.inactive {display: none;}

/* sitemap */
#content #rightcol div.sitemap{}
#content #rightcol div.sitemap div.column{float:left; width:204px; margin-left:8px;}
#content #rightcol div.sitemap div.first{margin-left:0;}
#content #rightcol div.sitemap div.section{width:204px; background:#e3e3e3 url('../images/204/greytop.gif') top left no-repeat; margin-bottom:8px;}
#content #rightcol div.sitemap div.section div.inner{background:transparent url('../images/204/greybase.gif') bottom left no-repeat; width:180px;}
#content #rightcol div.sitemap div.section ul { list-style:none; margin:0; padding:0;}
#content #rightcol div.sitemap div.section ul li { list-style:none; margin:0.5em 0; padding:0;}
#content #rightcol div.sitemap div.section ul li li { margin-left:10px;}
#content #rightcol div.sitemap div.section ul li a{ font-weight:normal; padding-left:12px; background:transparent url('../images/bl-grey.gif') left 3px no-repeat; display:block;}

/* hotels */
div.londonoffers{width: 250px; float: right;}
div.hotelsearch{float:left; width:204px; background:#e3e3e3; }
div.hotelsearch h2{background:#0053a3 url('../images/204/bluetop.gif') top left no-repeat; padding:6px 8px 4px 8px; color:#ffffff; font-size:1em; }
div.hotelsearch div.inner{background:transparent url('../images/204/greybase.gif') bottom left no-repeat; padding:0 8px 8px 8px;}
div.hotelsearch h3{margin:0 0 0.3em 0;}
div.hotelsearch input.textbox{ width:180px;}
div.hotelsearch div.element{margin:0; padding:0.3em 0;}
#midcontent div.hotelsearch div.element div.caption{width:100px;}


/* MAPS */

div.MMInfoBox{width:200px;}
#content #rightcol  div.box div.inner.networkmap{padding:0 8px 8px 8px;}
#midcontent div.mapsearch div.caption{width:200px; font-weight:bold;}
#midcontent div.mapsearch div.input input{width:250px;}
#midcontent div.mapsearch div.input select{width:254px;}
#content #rightcol  div.column{width:260px; float:left; padding-top:8px;}
#content #rightcol  div.key{width:150px; float:right; padding-top:8px;}

/*ie6 font size hack */
* html div.ero-body *{font-size:12px !important;}
* html div.VE_Pushpin_Popup_Body{font-size:12px !important;}
* html div.VE_Pushpin_Popup_Title{font-size:12px !important;}


/*localinfo*/
div.localinfo ul{list-style:none; margin:0; padding:0;}
div.localinfo ul li{list-style:none; margin:0; padding:0; width:100%; clear:both;}
div.localinfo ul li img{padding-right:6px;}
div.localinfo ul li input {float:right;}
div.localinfo a.MMtoggle{display:none;}
div.localinfo a.MMclicktozoom{display:none;}
div.localinfo div.MMnone{display:none;}


/* Map search form */
div.mapsearchcontrol{ width:260px; float:left;}
div.mapsearchcontrol label{font-weight:bold; color:#006ab6;}
div.mapsearchcontrol select, div.mapsearchcontrol input{width:200px;}
div.mapsearchcontrol input.submit{width:auto; vertical-align:middle;}


div.fancybl ul, #content #rightcol  #midcontent div.box ul {list-style:none; padding:0;}
div.fancybl ul li, #content #rightcol  #midcontent div.box ul li{  padding:3px 0 3px 12px; background:transparent url('../images/bl.gif')  left center no-repeat;}

div.horizbl ul{list-style:none; padding:0;}
div.horizbl ul li{padding:0; display:inline;}
div.horizbl ul li a{float:left; padding:3px 12px; width:180px; background:transparent url('../images/bl.gif')  left center no-repeat;}

/*
.ac_results {	padding: 0px;	border: 1px solid black;	background-color: white;	overflow: hidden;	z-index: 99999;}
.ac_results ul {	width: 100%;	list-style-position: outside;	list-style: none;	padding: 0;	margin: 0;}
.ac_results li {	margin: 0px;	padding: 2px 5px;	cursor: default;	display: block;		font: menu;	font-size: 12px;		line-height: 16px;	overflow: hidden;}
.ac_loading {	background: white url('indicator.gif') right center no-repeat;}
.ac_odd {	background-color: #eee;}
.ac_over {	background-color: #0A246A;	color: white;}
*/


.ac_results {	padding: 0px;	border: 1px solid black;	background-color: white;	overflow: hidden;	z-index: 99999; text-align:left;}
.ac_results ul {	width: 100%;	list-style-position: outside;	list-style: none;	padding: 0;	margin: 0;}
.ac_results li {	margin: 0px;	padding: 2px 5px;	cursor: default;	display: block;		font: menu;	font-size: 1em;		line-height: 1.1em;	overflow: hidden;}
.ac_loading {	background: white url('indicator.gif') right center no-repeat;}
.ac_odd {	background-color: #eee;}
.ac_over {	background-color: #0A246A;	color: white;}




/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


.ui-datepicker { width: 17em; padding: .2em .2em 0; background-color:#fff; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background-color:#0053A3; color:#fff; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.ui-icon{text-indent:-999999px; height:12px; width:12px; overflow:hidden; cursor:pointer;}
.ui-icon-circle-triangle-w{background:url('lt.gif')  0 2px no-repeat;}
.ui-icon-circle-triangle-e{background:url('rt.gif')   0 2px  no-repeat;}
.ui-datepicker-cover{ width:220px; height:200px;} 



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header {  color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


.ui-datepicker-trigger{width:22px; height:18px;}


/* carbon calculator */
#content #right2col.carbon div.midbottom{ width:100%; background:transparent url('../images/carbon/carbonbtm.gif') bottom left no-repeat; min-height:640px; padding-bottom:110px;}
#content #right2col.carbon div.carbonbox{width:441px; background:#eaf0f7 url('../images/carbon/bluetop.gif') top left no-repeat; margin-left:0px; padding:8px; }
#content #rightcol div.carbon div.caption{width:110px; font-weight:bold;}
#content #rightcol div.carbon img{vertical-align:middle; padding-right:8px;}
#content #rightcol div.carbon div.input ul{list-style:none; padding:0; margin:0;}
#content #rightcol div.carbon div.input ul li {display:inline; padding:0 !important; margin:0; white-space:nowrap; margin-right:10px; background:none !important;}
#content #rightcol div.carbon div.input ul li img{vertical-align:bottom; padding:0;}
#content #rightcol div.carbon div.input input{vertical-align:middle;}
#content #rightcol div.carbon div.input label{vertical-align:middle;}
#content #rightcol div.carbon div.result{display:block;}
#content #rightcol div.carbon strong.big{font-size:1.6em;}
#content #rightcol div.carbon div.indent {margin-left:110px;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#alert{text-align:left; padding:16px;}
#alert p {margin:1.5em 0;}
#alert a {display:block; padding-left:32px; background:transparent url('../images/alert.gif') top left no-repeat; color:#c91d2a; min-height:24px;}
* html #alert a{height:24px;}

#alert a.viewalllink{padding:0; margin:0; background:none;}


#cboxOverlay{background:#fff;}

#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{border:1px solid #bbb; background:#e2e2e2; min-height:200px;}
#cboxClose{font-weight:bold; position:absolute; top:0; right:0; padding:4px; color:#006ab6;}

#cboxLoadingOverlay{background:#bbb;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

.season_bk {background:transparent url('../images/season-bk.gif') top left no-repeat;}

/* Season Ticket Area */

.season_tickets {
    background: #006ab6 url('../images/220/journey_bottom.gif') left top no-repeat;
    height:50px;
    width:220px;
    margin-bottom:8px; }
    
.season_ticket_txt {
    float:left; 
    width:100px; 
    text-align:left;
    padding:11px 0 0 11px; }
    
/* Table Aligned */

table.tablealigned tr td.cell_1 {
    width:140px; } 
    
/* Subnav Blue Bar */

.subnav_bluebar {
    float:left;
    min-width:900px;
    width:100%;
    height:31px;
    background: #006ab6 url('../images/second_nav_bg.gif') left top repeat-x; }
    
.subnav_bluebar .container  {
    margin:0 auto;
    width:962px;
    %width:880px; }
    
.subnav_bluebar a {
    color:#fff;
    font-weight:normal;
    padding: 0 11px 0 11px;
    font-size:12px;
    background: url('../images/nav_divider.gif') no-repeat 0 3px; }
    
.subnav_bluebar a.first {
    padding: 0 11px 0 4px;
    background: none; }   
    
.subnav_bluebar ul {
    list-style-type:none;
    margin:0; }    
    
.subnav_bluebar ul li {
    float:left;
    padding:8px 0; }
    
.subnav_bluebar ul li.active {
    background-color:#003181;
    padding:8px 0; }
    
.subnav_bluebar ul li.active a.first {
    padding: 0 11px 0 8px; }                       
       
/* Alpha Selector */


.alpha_selector {  }
.alpha_selector a{font-weight:normal;}
.alpha_selector ul.tabs{ list-style:none; padding:0; margin:2em 0; clear:both; display:block;}
.alpha_selector ul.tabs li{ list-style:none; padding:0; margin:0; display:inline;}
.alpha_selector ul.tabs li a{ float:left; display:block; margin:0px; text-align:center; width:56px; border-left:1px solid #006ab6;}
.alpha_selector ul.tabs li a.active{ font-weight:bold;}
.alpha_selector ul.tabs li:first-child a{ border-left:none;}
.alpha_selector div.contents ul{list-style:none; margin:0; padding:0;}
.alpha_selector h3{margin:1em 0 0.5em 0;; padding:0;}   

/* Breadcrumbs */

.lnkBreadcrumbs {
    float:left;
    width:100%;
    padding: 0 0 7px 1px;
    font-weight:bold; }
    
.lnkBreadcrumbs a {
    color:#000;
    font-weight:normal; } 
    
/* News Ticker */

#showhere {
    float:left;
    height:48px; }

.news_style {
    display:none; }
    
.news_show {
    color:black; }
    
.news_show a {
    font-weight:normal;}        
    
.news_border {
    width:623px;
    float:left; }

.news_mark {
    background-color:white ;
    border: 0px solid gray;
    width:361px;
    height:35px;
    color:black;
    text-align:center; }
    
.news_title {
    border: 0px solid gray;
    padding: 5px 0px 9px 5px;
    color:black; }
    
.news_show img {
    margin-left: 5px;
    margin-right: 5px; }
    
.buttondiv {
   float:left;
    padding: 5px 5px 5px 5px; }
    
.buttondiv img {
    float:left;
    cursor:pointer;}    
    
.buttondiv #news_pause {
    margin: 0px 5px 0px 5px; }    
    
#content #rightcol div.homenews div.column p  {
    background: url('../images/bl.gif') no-repeat 0 3px;
    padding: 0 0 0 10px; }  
    
#content #rightcol div.homenews p.morenewsimage {
    float:right; 
    background:none;
    padding: 0px 0 0 0; }
    
/* Form builder */

.form_item_long .formelement .caption {
    float:right !important;
    width:390px !important; }    
    
.form_item_long .formelement .input {
    width:22px !important;
    height:20px; }
    
.form_item_long .formelement .input label {
    visibility:hidden; }              
                              
label#tsandcs_lblTerms {
    padding: 0 0 0 20px; }