/* TIS CSS added by Emperor 06/12/10 */
body, html { height:100%; }
.clearboth { clear:both; }
/* validation */
.valerror{border:1px solid #f00; padding:4px 4px 4px 24px; color:#800; margin:4px 0; background:#fff url('../images/tis/alert.gif') 3px 3px no-repeat; clear:both; display:block;}
.valerrorsummary{border:1px solid #f00; padding:12px 12px 12px 32px; color:#800; margin:4px 0; background:#fff url('../images/tis/alert.gif') 6px 12px no-repeat; clear:both; display:block;   -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.valerrorsummary ul{ margin:0; padding:0 0 0 20px;}


input.error{ border:1px solid #f00 !important;}
select.error{ border:1px solid #f00 !important;}


a.arrow { color: #006ab6; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url('../images/TIS/red_arrow2.gif') 0 0.3em no-repeat; padding-left: 10px; display: block; line-height:14px; }
a.arrow span.red{color:#C00; text-transform:none; font-weight:normal; text-decoration:underline; }
a.backarrow {padding:2px 0;  color: #006ab6; text-decoration: none; font-weight: bold;  display:block;  background: url(../images/TIS/circle_red_arrow2.gif) 0 50% no-repeat;  text-transform: uppercase; padding-left:24px; float:left; margin-right:1em; }
a.survey_backarrow {padding:2px 0;  color: #006ab6; text-decoration: none; font-weight: bold;  display:block;  background: url(../images/TIS/circle_red_arrow2.gif) 0 50% no-repeat;  text-transform: uppercase; padding-left:24px; float:right; margin-right:1em; }


a.circle_red_arrow{ background: url(../images/TIS/circle_red_arrow.gif) center right no-repeat; padding: 2px 22px 2px 0; margin-right: 20px; color: #006AB6; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 10px;}
a.optionarrow{float: right; background: url(../images/TIS/circle_red_arrow.gif) center right no-repeat; padding: 2px 22px 2px 0; margin-right: 20px; color: #006AB6; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 10px;}

.tooltip{cursor:help;}
.controls .tooltip{cursor:help;}

input.circle_red_arrow{border:none; background: transparent url(../images/TIS/circle_red_arrow.gif) center right no-repeat; padding: 2px 22px 2px 0 !important; margin: 0 0 5px 0; text-transform: uppercase;	color: #006ab6;	text-decoration: none; font-weight: bold; font-size: 10px; cursor:pointer; width:auto !important; border:none  !important;  }
input.small_text_link
{
    border: none;
    background: right;
    padding: 2px 0px 2px 0 !important;
    margin: 0 0 5px 0;
    color: #006ab6;
    text-decoration: underline;
    font-weight: normal;
    font-size: 10px;
    cursor: pointer;
    width: auto !important;
    border: none !important;
}

input.small_text_link:hover
{
    text-decoration: none;
}
input.circle_red_arrow2 { float:right; border:none; background: url(../images/TIS/circle_red_arrow2.gif) center left no-repeat; padding: 2px 0 2px 24px !important;  margin: 0 0 5px 0; text-transform: uppercase;	color: #006ab6;	text-decoration: none;	font-weight: bold;   font-size: 10px; width:auto !important; border:none  !important; margin-right:20px; cursor:pointer;}	

div.navoptions a{ line-height:16px;  color: #006ab6; text-decoration: none; font-weight: bold;}
div.navoptions a.later { float:right; background:url(../images/TIS/circle_red_arrow.gif) right 50% no-repeat;  text-transform: uppercase; padding-right:24px;  }
div.navoptions a.earlier { float:left; background: url(../images/TIS/circle_red_arrow2.gif) 0 50% no-repeat;  text-transform: uppercase; padding-left:24px; }

.timetablehome { width: 608px; overflow: hidden; float: left; }

/* maps */
.bingmap .mp{cursor:pointer;}

/* medium frame */
div.leftframe{width:598px; background:transparent url('../images/TIS/598/bg.gif') top left repeat-y; clear:both; float:left; margin-bottom:16px; font-size:11px;}
div.leftframe div.content{width:572px; background:transparent url('../images/TIS/598/base.gif') bottom left no-repeat; padding:4px 13px 4px 13px ;}
div.leftframe div.redheader{ width:572px; background:#CF0D16 url('../images/TIS/598/redtop.gif') top left no-repeat;  padding: 5px 13px;}
div.leftframe div.redheader h2  { color:#fff; font-size:14px; margin:0;  padding:0px; } 

/* wide frame */
div.wideframe{width:902px; background:transparent url('../images/TIS/902/bg.gif') top left repeat-y; clear:both;}
div.wideframe div.content{width:876px; background:transparent url('../images/TIS/902/base.gif') bottom left no-repeat; padding:0px 13px 12px 13px ;}

div.wideframe div.jpcontent{width:876px; background:transparent url('../images/TIS/902/bluebase.gif') bottom left no-repeat; padding:0px 13px 30px 13px ;}

div.wideframe div.blueheader{ width:876px; background:#004C9D url('../images/TIS/902/bluetop.gif') top left no-repeat;  padding: 5px 13px;}
div.wideframe div.blueheader h2  { color:#fff; font-size:14px; margin:0;  padding:0px; } 
div.wideframe div.summary{  position:relative; width:876px; background-color:#F2F2F2; margin: 0 -12px 8px -12px; padding:4px 12px; border-bottom:1px solid #E8E8E8; }
div.wideframe div.summary div.OperatorText {display:inline;}
div.wideframe div.summary div.OperatorText .OperatorTextLabel {display:inline;}
div.wideframe div.summary div.TP {display:inline; float:right;}

div.wideframe div.summary div.mast-head { background-color: #EAEAEA; border-radius: 10px 10px 10px 10px; margin-bottom: 18px; min-height: 36px; padding: 17px; position: relative; }
div.wideframe div.summary div.mast-head .mast-head-text {position:relative;}

div.wideframe div.summary div.navoptions{ width:100%; clear:both;}

div.wideframe div.summary div.navoptions div.right{ float:right;  width:300px;}
div.wideframe div.left {width:400px; float:left;}
div.wideframe{width:902px; background:transparent url('../images/TIS/902/bg.gif') top left repeat-y; clear:both; font-size:11px;}
div.wideframe div.content{width:876px; background:transparent url('../images/TIS/902/base.gif') bottom left no-repeat; padding:0px 13px 12px 13px ;}

/* back link box */
div.backlinkbox{ margin-top:12px; width:902px; background:#f2f7fb url('../images/TIS/902/palebluetop.gif') top left no-repeat; clear:both;}
div.backlinkbox div.content{width:876px; background:transparent url('../images/TIS/902/palebluebase.gif') bottom left no-repeat; padding:12px 13px 12px 13px ;}

/* back link box */
div.wideframe div.backlinkbox{  width:876px; background:#f2f7fb url('../images/TIS/876/palebluetop.gif') top left no-repeat;}
div.wideframe div.backlinkbox div.content{width:850px; background:transparent url('../images/TIS/876/palebluebase.gif') bottom left no-repeat;}

#TimetableResult_pnlBackLinks.backlinkbox {  width:876px; background:#f2f7fb url('../images/TIS/876/palebluetop.gif') top left no-repeat;}
#TimetableResult_pnlBackLinks.backlinkbox div.content {width:863px; background:transparent url('../images/TIS/876/palebluebase.gif') bottom left no-repeat;}

/* list table */
table.list { width:100%; margin-bottom:16px;}

table.list tr.heading {  background:#004d9d url('../images/TIS/table/headbg.gif') top left repeat-x; }
table.list tr.heading th{  color:#fff; font-size:11px;  }
table.list tr.heading th.left{ background:transparent url('../images/TIS/table/corners.gif') top left no-repeat; }
table.list tr.heading th.right{ background:transparent url('../images/TIS/table/corners.gif') top right no-repeat; }
table.list td{ background-color:#f2f7fb; border-top:1px solid #fff;}
table.list tr.even td{ background-color:#fff; }

table.list th,
table.list td {padding: 8px 6px 8px 6px; margin:0; vertical-align:top;}

table.list th.col, 
table.list td.col { text-align:left;}

table.list h3,
table.list h4,
table.list ul,
table.list p{padding:0; margin:0 0 1em 0;}


/* service select table */
table.service-select h3,
table.service-select h4,
table.service-select {font-size:11px; color:#000; }
* html .table.service-select { margin-left: -2px;}

table.service-select th.service,
table.service-select td.service{ text-align:center;}
table.service-select th.operator,
table.service-select td.operator{ width:160px; }
table.service-select ul{ list-style:none; margin-bottom:1em;margin-top:12px;}
table.service-select ul li{ margin:0.5em 0; }
table.service-select a{ color:#006ab6; display:inline;}
table.service-select div.service_notices{border-bottom:none;}

/* timetable */
div.wideframe div.sidebar { float: left; width: 140px; margin: 12px 0 0 15px; font-weight: bold; }
* html div.wideframe div.sidebar { margin-left:6px;}
div.wideframe div.table { float: right; width: 701px; background: url(../images/TIS/services_table_bottom.gif) 0 100% no-repeat; margin: 12px 12px 0 0; }
* html div.wideframe div.table {  margin-right: 6px; }

div.table table.timetable {font-size:11px; margin:0; padding:0; border-bottom:1px solid #cccccc; }
div.table table.timetable td{background-color:#E6F0F9;}
div.table table.timetable sup{font-size:8px;}
div.table p{padding: 0 8px; margin: 0.5em 0;}

div.wideframe  div.options{ text-align:right; clear:both; margin:0.5em 0;}


/* service notices */
.service_notices h4.serviceupdates{ padding:0; background-color:#d9e5f1; padding:0 4px; margin:0 -4px 0.5em -4px; line-height:2em; }
.service_notices h4.serviceupdates img{ vertical-align:text-top;}
.service_notices ul{list-style:none; margin:0; padding:0; }
.service_notices ul li{ margin:0.5em 0; line-height:1.8em;  }
.service_notices {border-bottom:1px dotted #999;}

/* timing point notice */

.tpnotice{float:right; margin-top:1em; font-weight:bold; background:url('../images/help.gif') top right no-repeat; padding-right:20px; line-height:16px;}


/* Journey select */
div.tisjs{ font-size:11px; }
div.tisjs div.box{ background:#f2f7fb url('../images/TIS/576/top.gif') top left no-repeat; margin-bottom:8px; cursor:pointer; width:576px; }
div.tisjs div.open{cursor:default; }
div.tisjs div.open,
div.tisjs div.hover  { background-color:#e8f1f9; }
div.tisjs div.box div.inner{ background:transparent url('../images/TIS/576/btm.gif') bottom left no-repeat; padding:8px; width:560px; }
div.tisjs h3{ font-size:11px; line-height:1.5em; font-weight:normal; color:#000; margin:0;  padding: 2px 2px 2px 12px;  background: url(../images/TIS/red_arrow.gif) 0px 6px no-repeat;}
div.tisjs h3 a{color:#000; text-decoration:none;}
div.tisjs h3 a:hover{text-decoration:underline;}
div.tisjs div.open h3 a:hover{text-decoration:none; cursor:default; }

div.tisjs div.open h3{background-image:url(../images/TIS/red_arrow_down.gif);}
div.tisjs label{font-weight:bold; }
div.tisjs div.element div.caption{width:160px;}
div.tisjs div.element div.input input{width:280px;}
div.tisjs div.element div.input select{width:280px;}
div.tisjs div.controls{width:100%; overflow:hidden;}
div.tisjs div.submit{width:100%; overflow:hidden;}
 
 
div.tisjs div.alert {background:#e8f1f9 url('../images/TIS/576/top.gif') top left no-repeat; margin-bottom:8px; cursor:pointer; width:576px; }
div.tisjs div.alert div.inner{ background:transparent url('../images/TIS/576/btm.gif') bottom left no-repeat; padding:8px; width:560px; }
div.tisjs div.alert span.alert{ padding-left:20px; background:transparent url('../images/icon_info2.gif') top left no-repeat; line-height:16px; display:block; }
 
 
 
 
div.tisjs  div.left { float:left;  margin: 0 25px 0 0; %margin: 0 10px 0 0; }    
div.tisjs  div.right { float:left; }  
div.tisjs  div.left label,
div.tisjs  div.right label{display:block; padding:4px 0;} 
div.tisjs select  { width: 257px; }
div.tisjs  div.right input { width: 257px; font-size: 10px; color: #006bb6; font-family: Verdana, Geneva, sans-serif; padding: 2px; margin: 0 0px 8px 0;   border: solid 1px #d2d2d2; }
div.tisjs input.textbox,
div.tisjs select {font-size: 10px; color: #006bb6; font-family: Verdana, Geneva, sans-serif; padding: 2px; margin: 0 0px 8px 0;   border: solid 1px #d2d2d2; }    
    
    
div.location_select div.mapselect{ margin:0 0 2em 0;}
div.location_select div.mapselect p{ margin:0 0 0.5em 0;}
div.location_select {width:100%;}
div.location_select div.left_destination{  float:left; width:250px;  }
div.location_select div.right_destination  { float:right; }
div.location_select div.left_destination ul{ list-style:none; padding:0; margin:0;}
div.location_select div.left_destination ul li{display:block;  clear:both; padding:8px 0;}
div.location_select div.left_destination ul li a{font-weight:bold; text-decoration:none; color:#006AB6; }
div.location_select div.left_destination ul li span.red_circle{ background:url(../images/TIS/red_circle.gif) top left no-repeat; line-height:20px; width:10px; padding:0 5px ;  margin: -3px 5px 0 0; color:#fff; float:left; text-decoration:none;  }    

div.location_select div.pagination{ padding-top:12px; text-align:left;  font-weight:bold;}
div.location_select div.pagination a {color:#006AB6;}
div.location_select div.pagination a.selected{ font-weight:bold; color:#000;  }
.datetime{width:540px; clear:both;}
.datetime div.date{float:left; width:120px;}
.datetime div.date input{width:100px;}
.datetime div.time{float:left; width:120px;}
.datetime div.hour{float:left; width:60px;}
.datetime div.min{float:left; width:60px;}


.datetime  label{ display:block; float:none; padding: 4px 0;}
.datetime select { width: auto !important; display:inline; }
.datetime input.circle_red_arrow {margin-top:16px;}




/* Journey results */

table.journeyresults{ width:900px; margin:-8px -12px 0 -12px; line-height:1.8em;}

table.journeyresults th.departing,
table.journeyresults td.departing{width:140px; text-align:left; padding: 5px 11px 8px; }

table.journeyresults th.departing {
  padding-top:8px;  }

table.journeyresults th.arriving,
table.journeyresults td.arriving{width:124px;  text-align:left; }
table.journeyresults th.changes,
table.journeyresults td.changes{width:124px;  text-align:left; }
table.journeyresults th.duration,
table.journeyresults td.duration{width:257px;  text-align:left; }
table.journeyresults th.details,
table.journeyresults td.details{width:140px; text-align:left;}

table.journeyresults tr td { border-top: 1px solid #ffffff; font-size: 11px; padding: 5px 11px 8px; background: #f2f7fb; font-weight:normal; }
table.journeyresults tr.odd td { background: #e5f0f8; }
table.journeyresults tr.expanded td { background: #fff; color: #ed2231; text-decoration: underline; font-weight: bold; border-bottom: 1px dotted #ccc;}

table.journeyresults a.expand{ background:url('../images/TIS/expand.gif') left 2px no-repeat; padding: 0 0 2px 20px; height:16px;  display:block; text-decoration:none;}
table.journeyresults a.expand:hover{  text-decoration:underline;}
table.journeyresults tr.open a.expand{background-image:url('../images/TIS/collapse.gif');}

table.journeyresults tr.open td{background-color:#fff;color:#f00; font-weight:bold;  border-top:2px solid #ccc;}

table.journeyresults tr.expanded_content td {padding:0; margin:0;}


table.journeyresults div.journeyleg:first-child{ border-top: 1px dotted #ea1e13;}

table.journeyresults div.journeyleg {  overflow: hidden;  border-bottom: 1px dotted #ea1e13;  background: #e5f0f8; background:url('../images/tis/journeylegbg.gif'); width: 890px;}
table.journeyresults div.journeyleg div.left { float: left;  width: 122px; padding: 4px 0 0 11px; overflow: hidden; }
table.journeyresults div.journeyleg div.left span.heading{font-weight:bold; margin-bottom:4px; display:block;}
table.journeyresults div.journeyleg div.right{ float:right; width:747px; background:#f2f7fb; }


table.journeyresults div.journeyleg table {
    float: left;
    border-right: medium none;
    _display: inline;
    margin-left: 5px;
    _margin-left: 17px;
    padding: 5px 0 5px 20px;
    width: 750px;
    _width: 733px;
    overflow:hidden;
}


table.journeyresults div.journeyleg table td, table.journeyresults div.journeyleg table th {  font-weight:normal; border:none;}
table.journeyresults div.journeyleg table th{color:#000; font-weight:bold; width:148px; text-align:left; padding-top:0; margin-top:0; padding-bottom:1em;}

table.journeyresults div.journeyleg table td{width:606px;}
* html table.journeyresults div.journeyleg table th {width:148px;}


table.journeyresults div.options{ background-color:#fff; padding:6px; margin:0;}



table.journeyresults tr.day_header td{background-color:#fff; border-top:2px solid #2183C7; margin-top:1px; font-weight:normal;}
table.journeyresults ul.servicenotice{margin:0; padding:0; list-style:none;}
table.journeyresults ul.servicenotice li{margin:0 0 0.5em 0; line-height:2em;}

table.journeyresults div.journeyleg table tr td a.arrow {
    padding-top: 3px;
    background: url(../images/TIS/red_arrow2.gif) no-repeat 0 7px; }
    
.MicrosoftMap a.infobox-close {
    display:none; }  
    
.MicrosoftMap .Infobox {
    height: 70px !important;
    top: 57px !important; }    
    
.MicrosoftMap .Infobox .infobox-stalk  {
    top: 70px !important; }    
    
      
  
/*  Bus Landing Right Column */


div.buslanding_right_column div.bus_timetable_right  {
    background: #e8f1f9 url(../images/TIS/small_light_blue_top.gif) 0 0 no-repeat; 
    font-size: 11px; }
    
div.buslanding_right_column div.bus_timetable_right_inner  {
    background: url(../images/TIS/small_light_blue_bottom.gif) 0 100% no-repeat; 
    padding: 10px 0px 14px 0; }
     
div.buslanding_right_column div.buslanding_right_column_outerwrap {
    float: right;
    width: 293px;
    background: url("../images/bg/bg_2sideborder_1.gif") repeat-y scroll 0 0 transparent;
    display: inline;
    margin: 0 0 2px 0px; }  
    
div.buslanding_right_column div.buslanding_right_column_outerwrap div.heading_top {
    background: url("../images/bg/bg_serviceupdatestop.gif") no-repeat scroll 0 0 transparent;
    padding: 4px 0 3px 13px; }  
    
div.buslanding_right_column div.buslanding_right_column_outerwrap div.heading_top h2 {
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0; }  
    
div.buslanding_right_column div.buslanding_right_column_outerwrap div.middle_part {
    min-height: 95px;
    margin: 0 0 0 6px;
    width:280px;
    padding: 5px 0 0 0px; }
    
div.buslanding_right_column div.buslanding_right_column_outerwrap div.middle_part p {
    color: #000000;
    font-size: 10px;
    margin: 0px 10px 6px 10px; }      
    
div.bus_timetable_right_inner select {
    border: 1px solid #CCCCCC;
    color: #006BB6;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 20px;
    margin: 0 0 4px 10px;
    width: 260px; }
    
div.bus_timetable_right_inner input.service_button {
    margin: 10px 0px 0 119px;  }         
	

	
	
	
div.buslanding_main{
    float: left;
    width: 293px;
    background: url("../images/bg/bg_2sideborder_1.gif") repeat-y scroll 0 0 transparent;
    display: inline;
    margin: 0 0 2px 0px; }  
    
div.buslanding_main_outerwrap div.heading_top {
    background: url("../images/bg/bg_serviceupdatestop.gif") no-repeat scroll 0 0 transparent;
    padding: 4px 0 3px 13px; }  
    
div.buslanding_main_outerwrap div.heading_top h2 {
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0; }  
    
div.buslanding_main_outerwrap div.middle_part {
    min-height: 95px;
    margin: 0 0 0 6px;
    width:280px;
    padding: 5px 0 0 0px; }
    
div.buslanding_main_outerwrap div.middle_part p {
    color: #000000;
    font-size: 10px;
    margin: 0px 10px 6px 10px; }   

div.buslanding_main div.middle_part {
    margin: 0 0 0 6px;
    width:280px;
    padding: 5px 0 0 0px;
	height: auto;
	min-height: 1px;
	}
    
div.buslanding_main div.middle_part p {
    color: #000000;
    font-size: 10px;
    margin: 0px 10px 6px 0; }      
    
div.bus_timetable_inner select {
    border: 1px solid #CCCCCC;
    color: #006BB6;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 20px;
    margin: 0 0 4px 10px;
    width: 260px; }
	
div.bus_timetable  {
    background: #e8f1f9 url(../images/TIS/small_light_blue_top.gif) 0 0 no-repeat; 
    font-size: 11px; }
    
div.bus_timetable_inner  {
    position:relative;
    background: url(../images/TIS/small_light_blue_bottom.gif) 0 100% no-repeat; 
    padding: 10px 10px 5px;
	font-size: 10px; }
	
div.bus_timetable_paleblue  {
    background: #F2F7FB url(../images/TIS/pale_blue_top.gif) 0 0 no-repeat; 
    font-size: 11px; }
    		
div.bus_timetable_inner_paleblue  {
    background: url(../images/TIS/pale_blue_bottom.gif) 0 100% no-repeat; 
    padding: 10px 10px 5px;
	font-size: 10px; }	
	
span.box_heading {
    padding: 0px 0 0 10px;
    _padding: 2px 0 0 10px;
    background: url(../images/TIS/red_arrow.gif) center left no-repeat; }

span.box_heading_alt {
    padding: 6px 0 5px 12px;
    background: url(../images/TIS/red_arrow_down.gif) center left no-repeat; }
	
	

    
.middle_part .bus_timetable .bus_timetable_inner .home_bus_links {
    clear:both; }    
	
a.circle_orange_arrow {
    float:right;
    background: url(../images/TIS/circle_orange_arrow.gif) center right no-repeat;
    padding: 2px 22px 2px 0;
    margin: 0 0 5px 0;
	text-transform: uppercase;
	color: #006ab6;
	text-decoration: none;
	font-weight: bold;
    clear:both; }

div.newnews h2 { margin: 5px 0 2px 0; clear: both; color: #006bb6; }
div.newnews a { color: #1482d0; font-weight: bold; padding-bottom: 10px; text-decoration: none; text-transform: uppercase; font-size: 10px; background: url("../images/arrow_red_link.gif") 0 3px no-repeat; padding-left: 10px; }
div.newnews div { border-bottom: 1px solid #ccc; padding-bottom: 10px; }

div.sidenews { overflow: hidden; clear: right; padding-top: 20px; }
div.redsmall { margin-right: 10px; }
div.redsmall div.heading_top { background: url("../images/bg/bg_findtimetabletop.gif") no-repeat scroll 0 0 transparent; padding: 4px 0 3px 13px; }
div.orangesmall { margin-right: 10px; }
div.orangesmall div.heading_top { background: url("../images/bg/bg_buyticket.gif") no-repeat scroll 0 0 transparent; padding: 4px 0 3px 13px; }
div.bus_timetable_inner fieldset, div.bus_timetable_inner_paleblue fieldset  { border: 0; padding: 0; margin-top: 10px; }  
div.bus_timetable_inner fieldset.small label, div.bus_timetable_inner_paleblue fieldset.small label { width: 128px; float: left; font-weight: bold; margin-bottom: 5px; }
div.bus_timetable_inner fieldset.small input, div.bus_timetable_inner_paleblue fieldset.small input  { width: 121px; height: 15px; border:solid 1px #d2d2d2; padding: 2px 0; margin: 0 0 10px 0; }
div.bus_timetable_inner fieldset.select, div.bus_timetable_inner_paleblue fieldset.select { height: 136px; position: relative; }
div.bus_timetable_inner fieldset.select label, div.bus_timetable_inner_paleblue fieldset.select label { font-weight: bold; }
div.bus_timetable_inner fieldset.select label select, div.bus_timetable_inner_paleblue fieldset.select label select { margin: 4px 0; }
fieldset.small input.selected  { border:solid 1px #006ab6 !important; }






div.bus_timetable_inner_paleblue fieldset.small select {
    border: 1px solid #CCCCCC;
    color: #006BB6;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 20px;
    margin: 0 5px 4px 0px;
    width: 124px;
    float:left; }
     
div.bus_timetable_inner_paleblue fieldset.small select option  {     color:#006bb6;    }

div.bus_timetable_inner fieldset.select a.circle_orange_arrow, div.bus_timetable_inner_paleblue fieldset.select a.circle_orange_arrow { position: absolute; bottom: 0; right: 0; }
.serviceUpdatesbottom, .greatOppbottom { background: url("../images/bg/bg_findtimetablebottom.gif") no-repeat scroll 0 100% transparent; height: 12px; text-align: right; }

div.bus_landing_outer div.bluebox fieldset.datetime { border-top: 1px dotted #bad6ec; }

div#wrapper fieldset.radiobuttons { border: 0; padding: 0; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px; }
div#wrapper fieldset.radiobuttons label { padding: 8px 0 8px 10px; font-weight: normal; display: block; font-size: 11px; clear: both; }
div#wrapper fieldset.radiobuttons input { width: auto; height: auto; margin: 0px 10px 0 0; float: left; }

ul#pagination { float: right; overflow: hidden; padding: 0; margin: 10px 0 10px 10px; }
ul#pagination li { float: left; list-style: none; font-size: 10px; font-weight: bold; text-transform: uppercase; border-right: 1px solid #006ab6; padding: 0 5px; }
ul#pagination li a { color: #006ab6; text-decoration: none; }
ul#pagination li a:hover { text-decoration: underline; }
ul#pagination li.last { border: none; padding-right: 0; }

div#service_results { font-size: 11px; padding-bottom: 5px; }
div#service_results div.blueheader { background: url(../images/TIS/service_header.gif) no-repeat 0 0; width: 904px; }
div#service_results div.provider { background: #f2f2f2; clear: both; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #ccc; width: 877px; padding: 1px 12px 5px; }

div#service_results div.content { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; width: 885px;  padding:8px; }

div#service_results div.table { float: right; width: 701px; background: url(../images/TIS/services_table_bottom.gif) 0 100% no-repeat; margin: 20px 15px 0 0; }
* html div#service_results div.table {  margin-right: 6px; }

div#service_results div.table table{border-bottom:1px #ccc solid}
div#service_results div.table p {padding:0 8px; margin:0.5em 0;}
div#service_results div.table sup{font-size:0.7em;}

div#service_results div.bottom { background: url(../images/TIS/services_bottom.gif) 0 0 no-repeat; width: 901px; height: 20px; }
div#service_results div.options1 { padding: 10px 5px 5px; clear: both; border-bottom: 1px dotted #ccc; overflow: hidden; margin: 0 10px; }
div#service_results div.options1 a { float: right; clear: none; margin-left: 10px; }
div#service_results div.options2 { padding: 10px 15px 5px; }


div#service_results div.sidebar { float: left; width: 150px; margin: 20px 0 0 15px; font-weight: bold; }
* html div#service_results div.sidebar { margin-left:6px;}


div#service_results div.sidebar p{margin:0.5em 0;}
div#service_results div.sidebar ul{ padding:0; margin:0; list-style:none;}
div#service_results div.sidebar ul li{ padding:0; margin:0; }


div#service_results table.list { background: url(../images/TIS/services_table.gif) 0 0 no-repeat; width: 701px;}
div#service_results table.list tr th { padding: 8px 10px; color: #fff; text-align:left; vertical-align:top; }
div#service_results table.list tr th.first { width: 260px; }
div#service_results table.list tr td { background: #e6f0f9; padding: 8px 10px; border-top: 1px solid #fff; vertical-align:top; }
div#service_results table.list tr.odd td { background: #f2f7fb; }

div#service_results table.list tr td.col,
div#service_results table.list tr th.col  { text-align:center;}

div#service_results table.list h3{ color:#000; margin:0 0 0.5em 0; padding:0;}
div#service_results table.list h4{ margin:0 0 0.5em 0; padding:0;}
div#service_results table.list h4.serviceupdates{ padding:0; background-color:#C2DFF9; padding:4px; margin:0 -4px 0.5em -4px; border:1px solid #fff;}
div#service_results ul.directionselect{ list-style:none; padding:0; margin: 0 0 0.5em 0; }
div#service_results ul.directionselect a{ color:#006AB6; }



.ui-dialog {border:1px solid #333 !important;}
.ui-draggable .ui-dialog-titlebar {  -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; margin:-3px -3px 0 -3px;}
* html .ui-draggable .ui-dialog-titlebar {  margin:0;  }
* html .ui-dialog {padding:0; margin:0;}
table.timetable th{text-align:left;}

div.journeydetails table.timetable{  margin: 10px 0 10px 0; width:100%; }
div.journeydetails table.timetable th { font-weight:bold; padding:4px; background-color:#fff; }
div.journeydetails table.timetable td { padding:4px; background-color:#f1f5fa; }
div.journeydetails table.timetable  tr.subheader td { padding:4px; background-color:#e2e4f1; }
div.journeydetails table.timetable  tr.oddrow td { padding:4px; background-color:#e2e4f1; }
div.journeydetails table.timetable td.tp { font-weight:bold;}

div.journeydetails table.timetable th.col, 
div.journeydetails table.timetable td.col { text-align:left;}
    
div.EmailForm div.input{margin-bottom:1em;}
div.EmailForm div.input input{width:160px;}    


/* Notices */
a.morelink {  font-weight:bold;	color:#006bb6; text-transform:uppercase;	text-decoration:none;	background:url(../images/arrow_red_link.gif) no-repeat 0 3px;	margin:0;	padding:0 0 0 10px;}
div.notice-list{ padding:4px;}
div.notice-list h3{ padding:8px 0px;}

div.notice-list div.notice{border-top:1px solid #cbccce; padding:4px; margin:0 -4px; }
div.notice-list div.odd{background-color:#f2f7fa;}
div.notice p{margin:1px 0;} 
div.notice div.typeimage{float:right; margin: 4px 0;}
div.notice p.title a{  font-weight:bold;	color:#006bb6; 	text-decoration:none;	}
div.notice p.title { margin:1em 0;}
div.notice p.date{font-weight:bold;}

.blueconsole { margin:10px 0 10px 0; background:#f1f4f9 url(../images/bg/bg_consoletopctype.gif) top left no-repeat; width:576px; }
.blueconsole .inner{ background:transparent url(../images/bg/bg_consolebottomctype.gif) bottom left no-repeat; padding:4px;  }

div.element{display:block; margin:0.5em 0; padding:0; }
div.element div.caption{float:left; width:120px; margin:0.5em 0; font-weight:bold;}
div.element div.input{ float:left; width:400px; }

div.facilities{ clear:both;}
div.facilities span.heading{clear:both; display:block; margin:0.5em 0;}
div.facilities img{margin: 0 2px 2px 0; }


div.purchaselinks {clear:both;}
div.purchaselinks span.heading{clear:both; display:block; margin:0.5em 0;}
div.purchaselinks a.arrow{ margin:0.5em 0;}

.ui_tooltip{border:1px solid #C3C3C3; padding:2px; max-width:200px; background-color:#EFF4F9; color:#000;
             box-shadow: 0 0 5px #AAAAAA;
    z-index: 9999;
    border-radius: 10px;
    moz-border-radius: 10px;
    webkit-border-radius: 10px;
    ms-border-radius: 10px;
    padding:8px;
    }
* html .ui_tooltip{width:200px; }


.messagebox { border:1px solid #f00; padding:8px;  -moz-border-radius:10px; border-radius: 10px; width:700px;}
.bingmap .MicrosoftMap .Infobox .content .title {font-size:11px;  }
.bingmap .MicrosoftMap .Infobox .content { width:auto; background:none;  }

#TimetableResult_pnlDownloadLink p {
    _margin: 0 0 7px 0; }


/* Bus times at your fingertips */

.bustimes_fingertips {
    float:left;
    width:598px;
    font-size: 10px;
    line-height: 14px;
    background: url(../images/TIS/bg_bustimes_fingertips.gif) 0 0 no-repeat; margin-bottom:16px;}

.bustimes_fingertips h2{line-height:1.2em;}
    
.bustimes_fingertips .base{ background:transparent url(../images/bg/bg_bottom_careerconsole_3.gif) bottom left no-repeat; padding-bottom:8px; }
    
.bustimes_fingertips .content_area {
    width:410px;
    margin: 20px 0 0 22px; }    
    
.bustimes_fingertips .content_area h1  {
    margin: 30px 0 0 0;  }    
    
.bustimes_fingertips .content_area p {
    margin: 10px 0; }
    
.bustimes_fingertips .content_area p.larger_text {
    font-size: 12px;
    font-weight:bold; }
    
.bustimes_fingertips .content_area ul {
    padding: 0 0 0 14px;
    _padding: 0 0 0 20px; }    
    
.bustimes_fingertips .content_area ul li {
    color:#006bb6;
    font-weight:bold;
    margin: 0 0 5px 0; }     
    
.bustimes_fingertips .content_area ul li p {
    margin: 0; }
    
.bustimes_fingertips .find_bus_times_short {
    float:left;
    border-right:solid 1px #e3e3e3;
    border-left:solid 1px #e3e3e3;
    width: 596px;
    _width: 598px; }    
    
.bustimes_fingertips .find_bus_times_short .redheader_short {
    float:left;
    background: url(../images/TIS/bg_toptimetable_short.gif) no-repeat left top transparent;
    float: left;
    height: 24px;
    width: 576px;
    margin: 0 0 0 11px;
    _margin: 0 0 0 5px; } 
    
.bustimes_fingertips .find_bus_times_short .redheader_short h2 {
    color: #FFFFFF;
    font-size: 14px;
    margin: 0;
    padding: 5px 0 0 13px; }
           
.bustimes_fingertips .find_bus_times_short .bluesearch {
    float:left;
    width: 574px;
    _width:576px;
    margin: 0 0 0 11px;
    _margin: 0 0 0 5px; 
    border-right:solid 1px #e3e3e3;
    border-left:solid 1px #e3e3e3; } 
    
.bustimes_fingertips .find_bus_times_short .bluesearch p {
    margin: 3px 0 0 8px; 
    width:405px;}    
    
.bustimes_fingertips .find_bus_times_short .bluesearch .content_area_search {
    float:left;
    width:566px;
    margin: 5px 0 0 4px;
    _margin: 5px 0 0 2px;
    background: url(../images/TIS/medium_light_blue_top.gif) no-repeat left top #E8F1F9; }
    
.bustimes_fingertips .find_bus_times_short .bluesearch .content_area_search label {
    display: block;
    font-weight: bold;
    padding: 10px 0 5px 8px; } 
    
.bustimes_fingertips .find_bus_times_short .bluesearch .content_area_search select {
    float:left;
    border: 1px solid #D2D2D2;
    color: #006BB6;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    margin: 0 0 8px 8px;
    padding: 2px;
    width: 365px; } 
    
.bustimes_fingertips .find_bus_times_short .bluesearch .content_area_search .search_btn {
    margin: 0 0 0 0;  }    
    
.bustimes_fingertips .find_bus_times_short .blue_search_bottom {
    float:left;
    background: url(../images/TIS/medium_light_blue_bottom.gif) no-repeat left bottom;
    width:576px;
    height:15px;
    margin: 0 0 0 11px;
    _margin: 0 0 0 5px;  }                            


/* TIS landing page start */

div#container { width: 898px;  }

/* RJ @ emperor */
/* put div#TISLanding at the beginning of everything to avoid conflicts */


div#TISTopTextArea { float:left; width:868px; height: 200px; overflow: hidden; padding: 0 0; position: relative; }
div#TISTopTextArea #TIS-top {background: url(../images/TIS/tis-landing/top-text.jpg) 0 0 no-repeat; height:14px; }
div#TISTopTextArea #TIS-center {background: url(../images/TIS/tis-landing/center-bg.jpg) 0 0 no-repeat; }
div#TISTopTextArea #TIS-bottom {background: url(../images/TIS/tis-landing/bottom-text.jpg) 0 0 no-repeat; }


div#TISLanding { float:left; width:868px; background: #044b7d url(../images/TIS/tis_background.jpg) 0 0 no-repeat; height: 834px; overflow: hidden; padding: 0 15px; position: relative; }
div#TISLanding h1 { color: #fff; font-size: 30px; font-style: italic; margin: 35px 0 30px 5px; text-indent: -900em; }
div#TISLanding p.main { color: #fff; margin: 0 5px 40px; font-size: 12px; width:504px; }
div#TISLanding p a { color: #fff; }
div#TISLanding h2 { color: #fff; font-size: 14px; text-transform: uppercase; margin: 0 5px 20px; }

div#TISLanding #boxes { width: 510px; }
div#TISLanding #boxes div.box { background: url(../images/TIS/tis_boxes.png); width: 226px; height: 103px; margin: 0 7px 12px 0; float: left; padding: 14px 0 5px 19px; position; relative; }
div#TISLanding #boxes div.box1 { background-position: 0 0; }
div#TISLanding #boxes div.box2 { background-position: 0 -244px; }
div#TISLanding #boxes div.box3 { background-position: 0 -122px; }
div#TISLanding #boxes div.box4 { background-position: 0 -366px; }
div#TISLanding #boxes div.box5 { background-position: 0 0; background: url("../images/TIS/tis_boxes2.png") no-repeat scroll 2px 0 transparent !important; }
div#TISLanding #boxes div.quote { width: 245px; height: 122px; float: left; margin: 5px 7px 0 0; background: url(../images/TIS/tis_speach1.png) 0 0 no-repeat; }
div#TISLanding #boxes div.quote div.blockquote { background: url(../images/TIS/tis_speach2.png) 100% 100% no-repeat; display: block; padding: 10px 10px 10px 35px; margin: 0; font-size: 17px; color: #fff; line-height: 22px; }
div#TISLanding #boxes span.number { font-family: verdana, arial; font-weight: bold; font-size: 17px; background: #e12637 url(../images/TIS/tis_number1.png) 0 0 no-repeat; color: #fff; text-align: center; width: 25px; height: 23px; display: block; float: left; padding-top: 2px; margin-right: 5px; }
div#TISLanding #boxes h3 { font-size: 12px; color: #000; text-transform: uppercase; margin: 0 0 7px; }
div#TISLanding #boxes p { font-size: 11px; margin: 0 0 7px; }
div#TISLanding #boxes a { font-size: 11px; color: #006bb7; text-decoration: none; background: url(../images/TIS/tis_bullet.png) 0 4px no-repeat; padding-left: 12px; display: block; }
div#TISLanding #boxes a:hover { text-decoration: underline; }

div#TISLanding div#bottom { position: absolute; bottom: 20px; left: 25px; background: url(../images/TIS/tis_bottom.png) 0 0 no-repeat; width: 562px; height: 145px; padding-left: 290px }
div#TISLanding div#bottom h3 { text-indent: -900em; margin-bottom: 40px; }
div#TISLanding div#bottom p { margin: 0 0 0 5px; font-size: 11px; }


div#TISpopupBackground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; }

div.TISpopupContent { display: none; }
div.TISpopup { margin: 0 auto; position: absolute; top: 50%; left: 50%; width: 783px; height: 558px; overflow: hidden; background: transparent url(../images/TIS/tis_popup.png) 0 0 no-repeat;
/* -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;*/ }
div.TISpopup div.TISpopupContent { display: block; }
div.TISpopupContent div.head { border-bottom: 1px solid #3b8ec7; padding: 0; overflow: hidden; height: 58px; }
div.TISpopupContent div.head span.number { font-family: verdana, arial; font-weight: bold; font-size: 23px; background: #e12637 url(../images/TIS/tis_number2.png) 0 0 no-repeat;; color: #fff; text-align: center; width: 34px; height: 32px; display: block; float: left; padding-top: 2px; margin: 15px 20px 0 20px; }
div.TISpopupContent div.head h2 { font-size: 19px; color: #e12637; text-transform: uppercase; margin-top: 20px; float: left; }
div.TISpopupContent a#close { float: right; margin: 25px 20px 0 0; color: #006bb7; text-decoration: none; background: url(../images/TIS/tis_close.png) 100% 50% no-repeat; font-size: 10px; padding-right: 15px; text-transform: uppercase; font-weight: bold; }
div.TISpopupContent a#close:hover { text-decoration: underline; }
div.TISpopupContent div.image { padding: 0 2px; width: 779px; overflow: hidden; height: 450px; }
div.TISpopupContent div.content { border-bottom: 1px solid #3b8ec7; background: #e7eff7 url(../images/TIS/tis_content.png) 0 100% repeat-x; font-size: 11px; overflow: hidden; padding: 0 33px 15px; border-right: 2px solid #fff;  border-left: 2px solid #fff; position: absolute; bottom: 15px; width: 713px; opacity: 0.96; }
div.TISpopupContent div.content h3 { margin-bottom: 8px; }
div.TISpopupContent div.content p { font-size: 10px; line-height: 17px; }
div.TISpopupContent div.content a { color: #0067b0; text-decoration: none; }
div.TISpopupContent div.content a:hover { text-decoration: underline; }
div.TISpopupContent div.content ul li { margin-bottom: 5px; }
div.TISpopupContent div.slides { width: 10000px; position: relative; height: 450px; }
div.TISpopupContent div.slides div.slide_content { position: absolute; left: 0; }
div.TISpopupContent div.slides div.slide { float: left; width: 783px; position: relative; height: 465px; }
div.TISpopupContent .loading { font-size: 12px; background: url(../images/TIS/tis_loading.gif) 0 0 no-repeat; padding: 10px 0 10px 40px; margin: 150px auto 0; width: 150px; color: #000; }
div.TISpopupContent .loader { width: 779px; height: 333px; position: absolute; top: 0; left: 2px; background: #000; opacity: 0.3; }
div.TISpopupContent .pages { margin-top: 10px; }
div.TISpopupContent .pages li { list-style: none; width: 100px; }
div.TISpopupContent .pages a {  color: #006ab6; text-decoration: none; font-size: 11px; font-weight: bold; display: block; height: 17px; padding-top: 4px; background-image: url(../images/TIS/tis_buttons.png); background-repeat: no-repeat; }
div.TISpopupContent .next { float: right; }
div.TISpopupContent .next a { background-position: 100% -20px; padding-right: 25px; text-align: right; position:relative; }
div.TISpopupContent .previous { float: left; }
div.TISpopupContent .previous a { background-position: 0 -1px; padding-left: 25px; position:relative;}
div.TISpopupContent .next a.active { background-position: 100% -60px; }
div.TISpopupContent .previous a.active { background-position: 0 -40px; }
div#TISPopupContent { display: none!important;}


div#map {
    position: absolute;
    right: 0;
    padding-top:24px;
    width: 350px;
}

div#map ul li { list-style: none; position: absolute; }
div#map ul li a { display: block; width: 30px; height: 30px; }
div#map ul li.test { top: 200px; left: 140px; }
div#tooltip {               
    background: url("../images/TIS/tis_tooltip2.png") no-repeat scroll 100% 0 transparent;
    font-weight: bold;
    margin-left: -9px;
    margin-top: -42px;
    padding-left: 73px;
    padding-right: 5px;
    position: absolute;  
}

div#tooltip span { display: block; background: url(../images/TIS/tis_tooltip1_tg01.png) 0 0 no-repeat; height: 32px; padding: 6px 10px 6px 15px; font-size: 14px; font-family: verdana; color: #227fc1; }

* html div#tooltip { background: #fff; position: absolute; padding-right: 38px; margin-top: -26px; width: 0; white-space: nowrap;  }
* html div#tooltip span { background: #fff; height: 20px; padding: 234px 10px 4px 15px; font-size: 14px; font-family: verdana; color: #227fc1; }


li#Bluebird { top: 88px; left: 172px; }
li#Cambridgeshire { top: 351px; left: 247px; }

/*li#East { top: 296px; left: 194px; }*/

li#Bedfordshire { top: 312px; left: 194px; }
li#Northamptonshire { top: 288px; left: 194px; }


li#East_Kent { top: 410px; left: 260px; }
li#East_Midlands {top: 307px; left: 235px; }
li#East_Scotland { top: 137px; left: 130px; }
li#East_Sussex { top: 420px; left: 234px; }
li#Highlands { top: 66px; left: 108px; }
li#Manchester { top: 277px; left: 179px; }
li#Midlands { top: 344px; left: 221px; }
li#Merseyside { top: 292px; left: 154px; }
li#North_East { top: 228px; left: 185px; }
li#North_West { top: 235px; left: 157px; }
li#Oxford { top: 334px; left: 195px; }
li#South { top: 406px; left: 203px; }
li#South_Wales { top: 381px; left: 126px; }
li#South_West { top: 417px; left: 136px; }
li#Warwickshire { top: 327px; left: 165px; }
li#West { top: 368px; left: 166px; }
li#West_Scotland { top: 194px; left: 116px; }
li#Yorkshire { top: 292px; left: 206px; }


div.email_form .txtEmail
{
    border: 1px solid #92A5A4;
    float:left;   
}

div.email_form .drpArea
{
    border: 1px solid #92A5A4;
    float:left;   
}

div.email_form .btnSubmit
{
   float:left; 
   padding-left:11px;  
}

/* TIS landing page end */


/*krutika--thankyou-css*/
.thankyou-pg{
width:910px;
height:auto;
float:left;
background:#FFF;
}

.thankyou-pg-top{
width:895px;
height:144px;
float:left;
background:url(../images/thnaku-top.jpg) no-repeat top;
padding:10px 0px 0px 15px;
}

.thankyou-pg-mid{
width:908px;
height:auto;
float:left;
background:#FFF;
border-left:1px #e3e3e3 solid;
border-right:1px #e3e3e3 solid;
border-top:none;
border-bottom:none;
}
.thankyou-pg-btm{
width:910px;
height:27px;
float:left;
background:url(../images/thnaku-btm.jpg) no-repeat bottom;
border:none;
margin:0 0 25px 0;
}

.thankyou-pg h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
line-height:24px;
color:#FFFFFF;
padding:14px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.thankyou-pg h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:18px;
color:#FFFFFF;
}
.thankyou-pg p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
line-height:18px;
color:#FFFFFF;
padding:0 0 5px 0;
}
.thanku-form{
background:#f2f7fb;
border:#e3e3e3 1px dotted;
border-left:none;
border-right:none;
width:902px;
height:119px;
margin:15px 2px 10px 2px;
}
#mainform{
width:493px;
height:auto;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.mainform-left{
width:20%;
height:20px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:24px;
color:#000000;
margin:5px 5px 5px 5px;
text-align:left;
}
.mainform-rt{
width:75%;
height:20px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:24px;
color:#000000;
margin:5px 0px 5px 0px;

}
.mainform-rt input{
width:375px;
border:1px #d2d2d2 solid;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.nothankyou-btn{
width:537px; 
float:right;
}


/*krutika--journey survey-css*/

.journey-survey-top{
width:895px;
height:130px;
float:left;
background:url(../images/TIS/survey-banner.jpg) no-repeat;
padding:0px 0px 0px 15px;
}

.journey-survey-mid{
width:908px;
height:auto;
float:left;
background:#FFF; 
border-left:1px #e3e3e3 solid;
border-right:1px #e3e3e3 solid;
border-top:none;
border-bottom:none;
}
.journey-survey-btm{
width:910px;
height:27px;
float:left;
background:url(../images/thnaku-btm.jpg) no-repeat bottom;
border:none;
margin:0 0 25px 0;
}
.js-mid-left{
width:300px;
height:50px;
float:left;
margin:0px 0 0 5px;
}

.js-mid-left h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
font-weight:bold;
}

.js-mid-rt{
width:550px;
height:60px;
float:right;
}

.js-mid-rt ul {	
	border-bottom: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    float: right;
    font-size: 11px;
    margin:10px 10px 0px 0px;
    overflow: hidden;
    padding: 0;
}
.js-mid-rt ul li {
    background: url("../images/tickets/register_steps.gif") repeat-x scroll 0 0 transparent;
    border-left: 1px solid #E3E3E3;
    color: #006AB6;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    padding-top: 2px;
    text-align: center;
    width: 88px;
}

.js-mid-rt ul li a
{
    color: #000000;
    text-decoration: none;
}

.js-mid-rt ul li.active a
{
    color: #FFFFFF;
    text-decoration: none;
}

.js-mid-rt ul li.active {
    background: url("../images/tickets/register_steps.gif") repeat-x scroll 0 -17px transparent;
    color: #FFFFFF;
}

.survey-form{
    background:#f2f7fb;
    border:#e3e3e3 1px dotted;
    border-left:none;
    border-right:none;
    width:904px;
    margin:0px 2px 5px 2px;
    padding-left: 0px;
    float:left;
}
.survey-form-top{
    width:100%;
    min-height:26px;
    float:left;
    line-height:20px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#000000;
    padding-left: 5px; 
}

.survey-form-btm{
width:95%;
height:30px;
float:left;
line-height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
padding: 3px 0px 0 10px;
}

.survey-form-btm p{ 
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:5px 0 5px 0;
line-height:20px;
margin:0px;
}

.survey-form-btm p input{ 
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.survey-form-btm p label{
margin:0px 35px 5px 0px;
}
.survey-form-btm.bold{
font-weight:bold;
}
/*.survey-form-btm p input { 
color:#00f;
background-color:#ddd;
background:url(../images/TIS/radio1.gif) no-repeat 100% 50%;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0 0 5px 0;
}*/

.survey-form-plain{
background:#FFFFFF;
border:none;
width:904px;
height:58px;
margin:5px 2px 5px 2px;
}

.survey-form-txt{
background:#FFFFFF;
border:none;
width:904px;
height:160px;
margin:5px 2px 5px 2px;
float:left;
}

.survey-form-txt textarea{
border:1px #d2d2d2 solid;
height:auto;
width:674px;
}

.next-btn{
width:97%;
float:right;
padding:10px 15px 0px 0px;
text-align:right;
}

.next-btn .back
{
  float: left;
}

.next-btn .next
{
  float: right;
}

.back-btn{ width:90%;float:left;padding:10px 15px 0px 0px;text-align:right;}


/* service update alerts */
#wrapper .serviceupdate{  width:729px; margin-bottom:1em; line-height:1.6em;}
#wrapper .serviceupdate h4{background: url('../images/TIS/svcupd/729/head.gif') 0 0 no-repeat ; display:block; line-height:20px; margin:0; padding:4px 0 4px 8px; color:#fff; }
#wrapper .serviceupdate h4 img{  vertical-align:bottom;  }
#wrapper .serviceupdate .base{ background:url('../images/TIS/svcupd/729/btm.gif') bottom left no-repeat; padding:0 0 22px 0;  }
#wrapper .serviceupdate .top{ background:url('../images/TIS/svcupd/729/top.gif') top left no-repeat; padding:22px 0 0 0;  }
#wrapper .serviceupdate .mid{ background:url('../images/TIS/svcupd/729/mid.gif') ; padding:0 32px 0 32px; width:665px; margin:-0.5em 0 -0.5em 0;}
#wrapper .serviceupdate p{margin:0.5em 0 0.5em 0;}
#wrapper .serviceupdate a{color:#006AB6; font-weight:bold; text-decoration:underline; }

#wrapper .wide .serviceupdate{  width:850px; margin-left:15px;}
#wrapper .wide .serviceupdate h4{background-image:url('../images/TIS/svcupd/850/head.gif'); }
#wrapper .wide .serviceupdate .base{ background-image:url('../images/TIS/svcupd/850/btm.gif');  }
#wrapper .wide .serviceupdate .top{ background-image:url('../images/TIS/svcupd/850/top.gif');}
#wrapper .wide .serviceupdate .mid{ background-image:url('../images/TIS/svcupd/850/mid.gif'); width:786px; }

#wrapper .thin .serviceupdate { width:649px; }
#wrapper .thin .serviceupdate h4{background-image:url('../images/TIS/svcupd/649/head.gif'); }
#wrapper .thin .serviceupdate .base{ background-image:url('../images/TIS/svcupd/649/btm.gif');  }
#wrapper .thin .serviceupdate .top{ background-image:url('../images/TIS/svcupd/649/top.gif');}
#wrapper .thin .serviceupdate .mid{ background-image:url('../images/TIS/svcupd/649/mid.gif'); width:585px; }

@media print
{
	#wrapper .serviceupdate h4{background:#A21722;  color:#fff; }
}


/*
#srv-update{
background:url(../images/TIS/srvics-updat-header-red.gif);
width:729px;
height:28px;
float:left;

}
#srv-update p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-transform:capitalize;
padding:5px 0px 2px 10px;
margin:0px;
}
.ser-update-top{
background:url(../images/TIS/srvice-update-red-top.gif) no-repeat;
width:729px;
height:22px;
float:left;
}
.ser-update-btm{
background:url(../images/TIS/srvice-update-red-btm.gif) no-repeat bottom;
width:729px;
height:22px;
float:left;
}
.ser-update-mid{
background: url(../images/TIS/srvice-update-red-mid.gif) repeat-y;
width:720px;
height:auto;
float:left;
padding:5px;
}
.ser-update-mid h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000000;
margin:0px;
padding:0px 5px 0px 5px;
}

.ser-update-mid p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#c71a10;
margin:0px;
padding:3px 5px 3px 5px;
line-height:18px;
}

.ser-update-mid a{
    margin-left: 5px;
}
*/
table.service-select div.service_notices_div {
    border-bottom: medium none;
    display:inline;
}

.blue-txt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#004d9d;
padding:0px 3px 0 3px;

}

table.listQuest
{
    height: 15px;
    float: left;
    margin-top: -10px;
    width:100%;
}

table.listQuest td 
{
     width: 142px;
}

#txtComments
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal; 
}


div.error_large {
    background:url("../images/tickets/error_top_big.gif") no-repeat scroll 0 0 transparent;
    padding:8px 0 10px;
    clear:both;
    width: 882px;   
    margin: 0 auto; 
}

div.error_large div.rounded {
    background:url("../images/tickets/error_bottom_big.gif") no-repeat scroll 0 100% transparent;
    padding:0 0 8px;
}

div.error_large div.rounded div.content {
    border-left:1px solid #FF0000;
    border-right:1px solid #FF0000;
    overflow: hidden;
    width: 880px;
}

div.error_large h3 {
    background:url("../images/tickets/error_icon.gif") no-repeat scroll 0 0 transparent;
    color:#000000;
    font-size:10px;
    height:20px;
    margin:0 0 0 10px;
    padding:5px 0 1px 35px;
}

div.error_large ul {
    margin:-10px 0 0 30px;
}

div.error_large ul li {
    color:#FF0000;
    font-size:10px;
    list-style:none outside none;
    padding-top:3px;
}


#selector-mid { padding:10px;}
#selector-mid div { _float:left;}
#selector-mid img { padding-top:0px; }
#selector-mid div.found-txt { padding-top:0px; }
#selector-mid div.found-txt h4 { _padding:0px; }
#selector-mid div.found-txt p { _padding:0px !important; }


.ui-dialog-content{max-height:500px;}

.email_text {
    margin: 65px 0 0 0; }
   
.email_text p {
    font-size:11px !important; }        
    
.selectbox {
    border-color: #74BAEB;
    border-style: solid;
    border-width: 1px;
    color: #74BAEB;
    float: left;
    width: 234px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 20px;
    margin-left:-10px;  
    margin-top: -6px;
    display:inline;
}


.ser-update-mid span.title {
    color: #006AB6;
    font-size: 12px;
}

.ser-update-mid span.date {
    float: left;
    height: 14px;
    margin: 13px 0 0 15px;
}

.ser-update-mid a.arrow
{
    background: none;
    text-transform: none;
    text-decoration: underline;
}


div.noticedetails h1
{
     color: #006AB6;
}


.blueconsole .inner
{
    padding:7px;
}

.blueconsole  select {
    border-color: #74BAEB;
    border-style: solid;
    border-width: 1px;
    color: #74BAEB;
    float: left;
    width: 135px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 20px;
    margin-left: 7px;
}

.blueconsole  select.selectbox {
    margin-left: 7px;
    margin-top: 0;
}


.blueconsole .gobutton, .blueconsole  #ctl09_btnGo
{
    display: inline;
    float: right;
    margin-right: 372px;
    margin-top: -32px;
    _margin-top: -38px;
}

.blueconsole  h3
{
    color: #000000;
}

.blueconsole  .element
{
    width:300px;
    height:24px;
    margin-top: 17px;
}


.blueconsole  div.element div.caption
{
    display:none;
}

.blueconsole  div.inner p
{
    padding-left:7px;
}

div.notice-list div.notice p.title a
{
    text-decoration: underline;
}

div.notice p.date span
{
    font-weight: normal;
}

.sevice_details h1
{
    color: #006BB6;
}

.sevice_details p.Summary
{
    color: #006BB6;
    padding:2px 0 4px 0;
}

.bottomServiceLink a {
    background: url("../images/TIS/circle_red_arrow2.gif") no-repeat scroll 0 50% transparent;
    margin: 4px 4px 8px 10px;
    padding: 1px 0 1px 23px;
    height:15px;
}

span.service_update_title h3
{
    color: #000000;
    padding-bottom:9px;
    padding-left:5px;
}

.linkType-3 a.Title 
{
    background:none;
    text-transform: none;  
    color: #006BB6;
    font-weight: bold;
    text-decoration: underline;
    font-size: 11px;
    line-height: 14px;
}

.linkType-3 p.SmallDescription
{
    font-size: 11px;
    line-height: 14px;
    margin: 0.5em 0;
    padding-left: 11px;
    color: #000000;
    margin: 12px 0 18px 0;
}

.linkType-3 p.Date
{
    font-size: 11px;
    line-height: 14px;
    margin: 0.5em 0;
    padding-left: 11px;
    color: #000000;
}

div.notice p.Summary {
   margin: 11px 0 11px 0;
}  

#lblNotice h1
{
    font-size: 17px;
}

.sc_sevice_details h2 a
{
    font-size: 18px;
    color: #006BB6;
    text-transform:none;
    text-decoration:none;
}

.sc_sevice_details p
{
    padding-left: 15px;
    color: #006BB6;
    padding-bottom: 10px;
}

.sc_sevice_details div.Description
{
    padding-left: 0px;
     color: #000000!important;
}

.sc_sevice_details div.Description p
{
     color: #000000!important;
}

.sc_sevice_details div.Description p a
{
     color: #216272!important;
}

.sc_sevice_details p.Date
{
     padding-left: 15px;
     color: #000000;
}



#srv-update-wide{
    background:url(../images/TIS/srvics-updat-header-red-w.gif) no-repeat;
    height:28px;
    float:left;
    width:857px;
    margin-left:14px;
    display: inline;

}
#srv-update-wide p{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;
    text-transform:capitalize;
    padding:5px 0px 2px 10px;
    margin:0px;
}
.ser-update-top-wide{
    background:url(../images/TIS/srvice-update-red-top-w.gif) no-repeat;
    width:857px;
    height:22px;
    float:left;
     margin-left:14px;
     display: inline;
}
.ser-update-btm-wide{
    background:url(../images/TIS/srvice-update-red-btm-w.gif) no-repeat bottom;
    width:857px;
    height:22px;
    float:left;
     margin-left:10px;
     display: inline;
}
.ser-update-mid-wide{
    background: url(../images/TIS/srvice-update-red-mid-w.gif) repeat-y;
    width:848px;
    height:auto;
    float:left;
    padding:5px;
     margin-left:14px;
     display: inline;
}
.ser-update-mid-wide h5{
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-size:10px;
    font-weight:bold;
    color:#000000;
    margin:0px;
    padding:0px 5px 0px 5px;
}

.ser-update-mid-wide p{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    color:#c71a10;
    margin:0px;
    padding:3px 5px 3px 5px;
    line-height:18px;
}

.ser-update-mid-wide a{
    margin-left: 5px;
}

.ser-update-mid-wide span.title {
    color: #006AB6;
    font-size: 12px;  
}

.ser-update-mid-wide span.date {
    float: left;
    height: 14px;
    margin: 13px 0 0 15px;
}

.ser-update-mid-wide a.arrow
{
    background: none;
    text-transform: none;
    text-decoration: underline;
}









#srv-update{
background:url(../images/TIS/srvics-updat-header-red.gif) no-repeat;
width:729px;
height:28px;
float:left;

}
#srv-update p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-transform:capitalize;
padding:5px 0px 2px 10px;
margin:0px;
}
.ser-update-top{
background:url(../images/TIS/srvice-update-red-top.gif) no-repeat;
width:729px;
height:22px;
float:left;
}
.ser-update-btm{
background:url(../images/TIS/srvice-update-red-btm.gif) no-repeat bottom;
width:729px;
height:22px;
float:left;
}
.ser-update-mid{
background: url(../images/TIS/srvice-update-red-mid.gif) repeat-y;
width:720px;
height:auto;
float:left;
padding:5px;
}
.ser-update-mid h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000000;
margin:0px;
padding:0px 5px 0px 5px;
}

.ser-update-mid p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#c71a10;
margin:0px;
padding:3px 5px 3px 5px;
line-height:18px;
}

.ser-update-mid a{
    margin-left: 5px;
}

.ser-update-mid span.title {
    color: #006AB6;
    font-size: 12px;
}

.ser-update-mid span.date {
    float: left;
    height: 14px;
    margin: 13px 0 0 15px;
}

.ser-update-mid a.arrow
{
    background: none;
    text-transform: none;
    text-decoration: underline;
}

.pressAndcareer #TISServiceUpdatesPlaceholder1_ctl00_grdViewServiceInfo h3 a
{
    color: #006BB6 !important;
    padding:5px 0 5px 0;
}

.pressAndcareer #TISServiceUpdatesPlaceholder1_ctl00_grdViewServiceInfo h3
{
    height:18px;
    margin:5px 0 5px 0;
	padding-bottom: 8px;
}

.ser-update-mid hr {
	border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 0 1px;
    float: left;
    height: 0;
    margin: 10px 0 10px 16px;
    width: 692px;
}

.journeyleg .ser-update-mid 
{
    padding-top: 0px;
    padding-bottom:0px;
}


#ctl09_pnlOpSelect div.element div.control {
    float: left;
    height: 32px;
    width: 189px;
}


table.service-select {
     _width: 101%;
     float:left;
     _margin-top:10px;

}

div.thankyou-pg-mid div.thanku-form p 
{
    color: #000000;
    padding-left: 5px;
}




.ui-combobox
{
		border-style: solid none solid solid;
		border-width: 1px;
		border-color: #D2D2D2;
		display: inline-block;
		position: relative;
		width: 144px;
		margin-left: 3px;
		background-color: #FFFFFF;
		height:18px;
}

.ui-combobox-toggle 
{
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* adjust styles for IE 6/7 */
    *height: 1.7em;
    *top: 0.1em;
}

.ui-combobox-input 
{
    margin: 0;
    padding: 0.3em; 
}

.ui-combobox input
{
		background: none repeat scroll 0 0 #FFFFFF !important;
    border:none !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    color: #006BB6 !important;
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
    font-size: 10px !important;
    padding: 2px 0 !important;
    width: 140px !important;   
    padding-left: 4px!important;
    font-weight:normal!important;
    float:left;
    height:14px;
}

.ui-combobox .ui-corner-right 
{
	border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    float: right;
    height: 13px !important;
    margin-right: 0px;
    margin-top: -18px !important;
    padding-bottom: 4px !important;
    width: 15px;
}

.right .ui-combobox .ui-corner-right 
{
    margin-top: -26px !important;
}


.maincontent
{
   margin-bottom: 6px;
    width: 904px;
    margin:0 auto;
}
.tis-intro
{
    background:#eaf2fa;
    border-radius:20px;
    webkit-border-radius:20px;
    moz-border-radius:20px;
    ms-border-radius:20px;
    padding: 10px 20px;
    margin-bottom:20px;
    behavior: url(css/PIE.htc);
    }
.tis-intro h2    
{    color: #313030;
    font-size: 18px;
    margin:5px 0;
}
.tis-intro p
{
    color: #313030;
    font-size: 12px;
    margin:10px 0;}
    
.tis-main
{
    background:#f7fafd;
    border:1px solid #e3e3e3; 
    border-radius:15px;
    webkit-border-radius:15px;
    moz-border-radius:15px;
    ms-border-radius:15px;
    margin-bottom:15px;
    behavior: url(css/PIE.htc); 
    position:relative; 
          }


.tis-main .header {
    background: none repeat scroll 0 0 #EB2A21;
    border-radius: 15px 15px 0 0;
    margin-left: 0;
    margin-top: 0;
    width: 886px;
}

.tis-main .header h2
{
    color:#fff;
    font-size:14px;
    padding:3px 16px;
    margin:0;
    }
    
.tis-main .infobox-wrapper
{
    padding:20px 16px;
    width:510px;
    float:left;
    }
    
.tis-main .infobox
{
    padding:5px 15px;
    width:207px;
    min-height:108px;
    background:#fff;
    border:1px solid #e3e3e3;
    border-radius:10px;
    webkit-border-radius:10px;
    moz-border-radius:10px;
    ms-border-radius:10px;
    behavior: url(css/PIE.htc);
    margin:0 15px 20px 0;   
    float:left;
    position:relative;
    min-height: 140px;
    }
    
 .tis-main .infobox h3
 {
     font-size:12px;
     margin:5px 0;
     color:Black;
 }   
 
  .tis-main .infobox p
  {
      font-size:11px;
       margin:5px 0;                
       }   
  .tis-main .infobox a
  {
      color:#006bb7;
      text-decoration:none;
      font-size:11px;
      background:url('../images/TIS/red_arrow2.gif') no-repeat 0 2px;
      padding-left:13px;
      display:block;
      position:absolute;
      bottom:8px;
      line-height:1.1;
      width:194px;
      }  
  .tis-main .infobox a:hover
  {
      text-decoration: underline;}
  .tis-main .map{padding:10px 0 20px 30px; float:left;}      
  
.tis-form
  {
    background:#eaf2fa;
    border-radius:20px;
    webkit-border-radius:20px;
    moz-border-radius:20px;
    ms-border-radius:20px;
    behavior: url(../CSS/PIE.htc); 
    padding:10px 20px 15px 280px;
    position:relative;
      }
 .tis-form img{position:absolute; top:-5px; left:30px;}    
 .tis-form h2{font-size:14px; margin:5px 0;}  
 .tis-form p{font-size:11px;margin:10px 0;}   
 .tis-form select{font-size:11px; border:1px solid #7e9db9; padding:2px 3px; width:180px;margin-right:40px;float:left;}
 .tis-form .sunmit{float:left;}
 .tis-email{font-size:11px; border:1px solid #7e9db9; padding:3px; width:180px; margin-right:20px;float:left;}

.floatright{float:right !important;}
 .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



ul.ui-menu{ max-height:200px; overflow: scroll; overflow-x: hidden;}
