body
{
    background: #e5e5e5;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #000000;
}

img
{
    border: none;
}

h1
{
    margin: 0px;
    padding: 5px 0;
    font-size: 270%;
    font-family: Helvetica, sans-serif;
    font-weight: normal;
    color: #090706;
}
h2
{
    margin: 0px;
    padding: 3px 0;
    font-size: 200%;
    font-family: Helvetica, sans-serif;
    font-weight: normal;
    color: #090706;
}
h3
{
    margin: 0px;
    padding: 0;
    font-size: 130%;
}

a
{
    color: #009ee0;
    text-decoration: underline;
    border: 0;
}

img
{
    border: 0;
}
a img
{
    border: 0;
}

a:hover
{
    color: #4fbfed;
}

.float_left
{
    float: left;
}
.float_right
{
    float: right;
}
.clear_both
{
    clear: both;
}
.clear_left
{
    clear: left;
}
.clear_right
{
    clear: right;
}


#auto_center
{
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    border: 0px solid red;
}
#site_holder
{
    width: 960px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    background: #FFF;
    padding: 0px 20px 20px 20px;
    border: 0px solid red;
}

#header_top
{
    width: 960px;
    padding-bottom: 5px;
    margin: 0;
}
#header_bottom
{
    width: 100%;
    position: relative;
    z-index: 2;
}

#header_logo
{
    float: left;
    padding: 0;
    color: #000;
}
#header_logo h1 a
{
    width: 250px;
    height: 68px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    cursor: pointer;
    background: url(/Templates/Public/Styles/Images/logo_dublinbus.jpg);
    text-indent: -9999px;
    display: block;
    font-size: 0;
    border: 0px solid red;
}
#header_logo h1
{
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
#header_logo img
{
    display: none;
}

#HP_main_holder
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid blue;
}


/* PRIMARY NAV */

#utility
{
    padding: 0 0 10px 0;
    position: absolute;
    right: 10px;
    top: 60px;
    z-index: 100;
}
#utility ul
{
    height: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
    float: left !important;
}

#utility ul li
{
    position: relative;
    float: left;
    background: url(../Styles/Images/border-utility.gif) right no-repeat;
    padding: 0 5px;
}
#utility .last
{
    background: 0 !important;
    padding: 0 0 0 5px !important;
}

#utility ul li.right
{
    display: inline;
    background: none;
    padding: 0 0 0 5px;
}
#utility ul li a
{
    float: left;
    text-decoration: none;
    color: #000;
}
#utility ul li a:hover
{
    color: #18aeec;
}
#utility .selected a
{
    color: #18AEEC;
    font-weight: bold !important;
    text-decoration: underline !important;
    color: red !important;
}




/* SECOND LEVEL NAVIGATION */
#nav-list ul
{
    display: none;
    width: 120px !important;
    height: auto;
    margin: 0px 0 0 0 !important;
    padding: 0 0 6px 0 !important;
    list-style-type: none;
    float: left;
    position: absolute;
    top: 14px;
    left: 5px;
    display: none;
    background: #FFF;
    z-index: 201;
    border: 2px solid #B4B4B4;
}

#nav-list ul li
{
    clear: both;
    width: 130px;
    margin: 0;
    padding: 6px 0 0 5px;
    float: left !important;
    clear: both !important;
    text-align: left;
    background: 0;
}

#nav-list ul li a
{
    clear: both;
    width: 105px !important;
    float: left;
    height: auto;
    line-height: 13px;
    border: 0px solid red;
    color: #029cda;
    font: 11px Tahoma;
    text-decoration: none !important;
    padding: 0 0 0 5px;
    border: 0px solid red;
    font-weight: normal !important;
    font-size: 11px !important;
}

#nav-list ul li ul
{
    padding-bottom: 0 !important;
    border: 0px solid red !important;
}

#nav-list ul li a:hover
{
    width: 94px;
    text-decoration: underline !important;
}
#utility li:hover ul, #utility li.over ul
{
    display: block !important;
}




#bookmark
{
    float: right;
}

/* #quick_search{position:relative; bottom:0px;} */
#quick_search
{
    width: 305px;
    height: auto;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    bottom: 0 !important;
    border: 0px solid red;
}

#search
{
    float: right;
    border: 1px solid #b4b4b4;
    width: 196px;
    margin-top: 6px;
    zoom: 1;
}
.searchbox
{
    float: left;
    background: #e5e5e5;
    padding: 0;
    zoom: 1;
}
.searchbox input
{
    border: 0;
    background: none;
    padding: 6px;
    height: 14px;
    width: 167px;
    color: #575757;
    font-size: 12px!important;
}
.search_button
{
    float: right;
}
.search_button input
{
    width: 35px;
    height: 26px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    text-indent: -9999px;
    display: block;
    font-size: 0;
    line-height: 0;
    background: url(/Templates/Public/Styles/Images/btn_search.gif);
    cursor: pointer;
    border: 0;
}

/* Search Updates */

/* Search Form */

div#SearchArea {
  margin-bottom: 20px;
}

div#SearchArea input.searchText {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ccc;
  height: 35px;
  line-height: 35px;
  padding: 0px 10px;
  font-size: 14px;
  margin-right: 10px;
  box-sizing: border-box;
}

div#SearchArea input.button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 35px;
  padding: 0px 10px;
  font-size: 14px;
  margin-right: 10px;
  cursor: pointer;
  border: 0;
  background-image: -webkit-linear-gradient(bottom, #4d4d4d, #000);
  background-image: -moz-linear-gradient(bottom, #4d4d4d, #000);
  color: #fff;
}

div#SearchArea input.button:hover {color: #fed202;}

div#page_banner_top_heading h2 {
  margin-bottom: 10px;
}

/* Results */

div#ResultArea ol li {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}

div#ResultArea h3 {display: none;}

div#ResultArea ol li p {
  font-size: 12px!important;
}


#nav
{
    float: left;
}
#nav ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 120%;
    font-weight: bold;
}
/*#nav li {float:left;  background:url(../Styles/Images/bg_nav_left.gif) top left no-repeat #009ee0; padding:0px; margin-right:3px;zoom:1;}*/
#nav li a
{
    background: url(../Styles/Images/bg_nav_right.gif) top right no-repeat;
    display: block;
    padding: 15px 18px;
    color: #FFF;
    text-decoration: none;
}
#nav li a:hover
{
    color: #c3e2ef;
}

#nav li.selected
{
    background: url(../Styles/Images/bg_nav_selected_left.gif) top left no-repeat #000000;
}
#nav li.selected a
{
    background: url(../Styles/Images/bg_nav_selected_right.gif) top right no-repeat;
}


#tab_box_1
{
    position: absolute;
}
#tab_box_2
{
    position: absolute;
}
#tab_box_3
{
    position: absolute;
}
#tab_box_4
{
    position: absolute;
}

#tab_box_holder
{
    width: 100%;
    height: 250px;
}

/* 3. FARES & TICKETS */
.box_fares_info
{
    width: 364px;
    border: 3px solid #d3a800;
    background: #FFF;
    margin: 0;
    padding: 10px;
    float: left;
    clear: both;
}
.box_fares_info_title
{
    font-size: 120%;
    color: #009ee0;
    font-weight: bold;
    margin-bottom: 15px;
}
.box_fares_info_text
{
    font-size: 95%;
    margin-bottom: 20px;
}
.box_fares_info_button
{
    margin-bottom: 10px;
}
.btn_more
{
    width: 64px;
    height: 17px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    text-indent: -9999px;
    font-size: 0;
    display: block;
    line-height: 0;
    cursor: pointer;
    background: url(../Styles/Images/btn_more.gif);
    border: 0px solid red;
}

.box_my_tickets
{
    margin: 20px 0 0 0;
    padding: 0 0 0 13px;
    float: left;
    clear: both;
    border: 0px solid red;
}
.box_my_tickets_img
{
    float: left;
    width: 150px;
    height: 75px;
    padding: 0 7px 5px 7px;
}
.box_my_tickets_img_small
{
    float: left;
    width: 104px;
    height: 67px;
    padding: 0 7px 13px 7px;
    border: 0px solid red;
}

.ticket
{
    width: 140px;
    height: 63px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    text-indent: -9999px;
    font-size: 0;
    display: block;
    line-height: 0;
    cursor: pointer;
    background: url(../Styles/Images/img_ticket.gif);
    border: 0px solid green;
}
.blank_ticket
{
    width: 140px;
    height: 63px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    background: url(../Styles/Images/img_ticket_blank.gif);
    border: 0px solid green;
}

/* 4. TOURIST INFO */
.box_fares_info_WIDE
{
    width: 544px;
    border: 3px solid #d3a800;
    background: #FFF;
    margin: 0;
    padding: 10px;
    float: left;
    clear: both;
}
.box_fares_info_title
{
    font-size: 120%;
    color: #009ee0;
    font-weight: bold;
    margin-bottom: 15px;
}
.box_fares_info_text
{
    font-size: 95%;
    margin-bottom: 20px;
}
.box_fares_info_button
{
    margin-bottom: 10px;
}

.box_my_timetables
{
    border: 3px solid #d3a800;
    background: #FFF;
    padding: 4px 8px;
}
.box_my_timetables_fullwidth
{
    width: 301px;
    padding: 0 0 0 8px;
    border: 0px solid red;
    float: left;
    clear: both;
}
.box_my_timetables_left
{
    float: left;
    width: 160px;
    padding: 4px 0;
}
.box_my_timetables_right
{
    float: right;
    width: 130px;
    padding: 4px 0;
    border: 0px solid blue;
}
.box_my_timetables_image
{
    float: left;
    width: 36px;
    margin-right: 8px;
}
.box_my_timetables_text
{
    width: 248px;
    float: left;
    clear: none;
    font-size: 120%;
    font-weight: bold;
    margin: 6px 0 0 0;
    padding: 10px 0;
    border: 0px solid red;
}
.box_my_timetables a
{
    color: #000;
    text-decoration: none;
}
.box_my_timetables a:hover
{
    color: #009ee0;
}
.sightseeing_tour
{
    float: left;
    clear: both;
    margin: 8px 0 0 0;
    padding: 0;
    border: 0px solid blue;
}
.sightseeing_tour img
{
    float: left;
    margin: 0;
    padding: 0;
}


.box_yellow_bottom_left
{
    float: left;
    width: 570px;
    padding: 20px 20px 15px 20px;
}
.box_yellow_bottom_left_2
{
    float: left;
    width: 396px;
    padding: 20px 20px 15px 20px;
    border: 0px solid red;
}

.box_yellow_bottom_right
{
    float: left;
    width: 350px;
    height: 181px; /*padding:20px 5px 15px 20px;*/
    padding: 0;
    border: 0px solid red;
}
.box_yellow_bottom_right_2
{
    float: left;
    width: 514px;
    height: 181px; /*padding:20px 5px 15px 20px;*/
    padding: 0;
    border: 0px solid blue;
}

.box_yellow_bottom_right_inner
{
    width: 309px;
    height: 140px;
    float: left;
    margin: 20px 0 0 21px;
    border: 3px solid #d3a800;
    background: #FFF;
    padding: 0;
}
* html .box_yellow_bottom_right_inner
{
    margin: 20px 0 0 10px;
}
.box_yellow_bottom_right_inner table
{
    width: 100%;
    margin: 0;
    padding: 0 0 0 8px !important;
    float: left;
    clear: both;
    border-collapse: collapse;
    border: 0px solid red;
}
.box_yellow_bottom_right_inner table td
{
}
.timetable_link
{
    width: 36px;
    height: 36px;
    margin: 8px 0 0 0;
    padding: 0;
    float: left;
    background: #009ee0;
    text-decoration: none;
}
.my_timetable_icon_1
{
    width: 160px;
    height: 36px;
    margin: 0px 0 0 0 !important;
    padding: 8px 5px 0 5px;
    float: left;
    border: 0px solid red;
}
.my_timetable_icon_2
{
    width: 130px;
    height: 36px;
    margin: 0px 0 0 0 !important;
    padding: 8px 0 0 0;
    float: left;
    border: 0px solid blue;
}
.my_timetable_icon_1 img, .my_timetable_icon_2 img
{
    float: left;
    border: 0;
}

.square_link
{
    width: 36px;
    margin: 0;
    padding: 0 8px;
    float: left;
    border: 0px solid red;
}
.route_name
{
    width: 80px;
    margin: 18px 0 0 0;
    padding: 0;
    float: left;
    border: 0px solid blue;
    font-weight: bold;
    font-size: 120%;
}
.route_name a
{
    float: left;
    text-decoration: none;
}
.route_name a:hover
{
    text-decoration: underline;
    color: #009ee0;
}

.box_yellow_bottom_right_inner_fullwidth
{
    padding: 4px 0;
}
.box_yellow_bottom_right_inner_left
{
    float: left;
    width: 160px;
    padding: 4px 0;
    border: 0px solid red;
}
.box_yellow_bottom_right_inner_right
{
    float: right;
    width: 130px;
    padding: 4px 0;
    border: 0px solid blue;
}
.box_yellow_bottom_right_inner_image
{
    float: left;
    width: 36px;
    margin-right: 8px;
}
.box_yellow_bottom_right_inner_text
{
    float: left;
    font-size: 120%;
    font-weight: bold;
    padding: 10px 0;
}
.box_yellow_bottom_right_inner a
{
    color: #000;
    text-decoration: none;
}
.box_yellow_bottom_right_inner a:hover
{
    text-decoration: none;
    color: #009ee0;
}

.help
{
    float: right;
    padding: 10px 0 5px 0;
    font-size: 95%;
    border: 0px solid blue;
}
.help a
{
    text-decoration: none;
}

.plan_my_journey
{
    width: 150px !important;
    height: 30px !important;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    cursor: pointer;
    line-height: 0;
    font-size: 0;
    text-indent: -9999px;
    display: block;
    background: url(/Templates/Public/Styles/Images/btn_plan_my_journey.gif) !important;
    border: 0 !important;
}
.tab_table_txt
{
    font-size: 95%;
}
.tab_table_txt a
{
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.tab_table_txt a:hover
{
    text-decoration: underline;
}

.first_btn_find
{
    width: 54px !important;
    height: 22px !important;
    margin: 0 0 0 5px;
    padding: 0;
    float: left;
    text-indent: -9999px;
    font-size: 0;
    display: block;
    line-height: 0;
    background: url(../Styles/Images/btn_find.gif) !important;
    cursor: pointer;
    border: 0px solid red !important;
}
.btn_find, .btn_find_blue
{
    width: 68px !important;
    height: 31px !important;
    margin: 0 0 0 5px;
    padding: 0;
    float: left;
    text-indent: -9999px;
    font-size: 0;
    display: block;
    line-height: 0;
    background: url(../Styles/Images/btn_search_black.gif) !important;
    cursor: pointer;
    border: 0px solid red !important;
}

.btn_find_home
{
    width: 68px !important;
    height: 31px !important;
    margin: 0 0 0 5px;
    padding: 0;
    text-indent: -9999px;
    font-size: 0;
    display: block;
    line-height: 0;
    background: url(../Styles/Images/btn_search_home.gif) !important;
    cursor: pointer;
    border: 0px solid red !important;
}

#still_need_more_help
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid red;
}
/* IE6 */
* html #still_need_more_help
{
    margin: 2px 0 0 0;
}
/* IE7 - brutallica hack - sorry */
#still_need_more_help
{
    margin: 12px 0 0 0;
}

#tab2_left_content_main
{
    width: 400px;
    margin: 0;
    padding: 0;
    float: left;
    border: 0px solid red;
}
#tab2_left_content_main ul
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    list-style-type: none;
    border: 0px solid yellow;
}
#tab2_left_content_main ul li
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid red;
}
#tab2_left_content_main ul li div
{
    margin: 0;
    padding: 0;
    float: left;
    border: 0px solid blue;
}

#tab2_left_content_main a
{
    font-size: 11px;
    font-weight: bold;
    float: left;
    clear: both;
    text-decoration: none;
    color: #009ee0;
}
#tab2_left_content_main a:hover
{
    text-decoration: underline;
    color: #009ee0;
}
#tab2_left_content_main table
{
    border: 0px solid blue;
}

#some_help
{
    width: 310px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    font-size: 11px;
    position: relative;
    border: 0px solid red;
}
#A-Z_timetable_finder
{
    width: 180px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid blue;
}

.btn_A-Z_timetable_finder
{
    width: 180px;
    height: 30px;
    margin: 6px 0 0 0;
    padding: 0;
    float: left;
    clear: both;
    text-indent: -9999px;
    display: block;
    background: url(../Styles/Images/btn_az_finder.gif);
    border: 0px solid red;
}
.width_auto
{
    width: auto;
    margin: 0;
    padding: 0;
    float: left;
    clear: none;
    font-size: 11px;
}

.btn_edit
{
    width: 64px;
    height: 17px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    text-indent: -9999px;
    font-size: 0;
    display: block;
    line-height: 0;
    background: url(../Styles/Images/btn_edit.gif);
    cursor: pointer;
    border: 0px solid red;
}

/* HP Rotating Panels */
.HP_rotating_panels
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border-collapse: collapse;
    border: 0px solid red;
}
.HP_rotating_panels td
{
    border: 0px solid blue !important;
    margin: 0;
    padding: 0;
}
.HP_rotating_panels td a
{
    float: left;
    margin: 0;
    padding: 0;
}
.HP_rotating_panels td a img
{
    float: left;
    margin: 0;
    padding: 0;
}
.HP_rotating_panels td img
{
    float: left;
    margin: 0;
    padding: 0;
}

#email_subject
{
    border: 0 !important;
    float: left;
}

#content
{
    width: 960px;
    padding-bottom: 30px;
    border-bottom: 4px solid #e5e5e5;
    zoom: 1;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid red;
}

#home_column_left
{
    float: left;
    clear: both;
    width: 747px;
    margin: 20px 0 0 0;
    padding: 0;
    border: 0px solid green;
}
#home_column_right
{
    float: right;
    width: 193px;
    margin: 20px 0 0 0;
    padding: 0;
}

.box_news
{
    border: 2px solid #b4b4b4;
    padding: 2px;
    margin: 0;
    zoom: 1;
}
.box_news_top
{
    padding: 13px;
    background: url(../Styles/Images/bg_box_grey_top.gif) top repeat-x #cbcbcb;
}
.box_news_top_title
{
    float: left;
    font-size: 120%;
    font-weight: bold;
}
.box_news_top_title h3
{
    width: 600px;
    margin: 0 !important;
    padding: 0 !important;
    float: left;
    clear: both;
    font-size: 14px;
    line-height: 16px !important;
    height: 16px !important;
    background: none;
}
.box_news_top_subscribe
{
    float: right;
    font-size: 95%;
}
.box_news_top_subscribe a
{
    text-decoration: none;
}
.box_news_top_subscribe a:hover
{
    color: #444;
}

.box_news_bottom
{
    margin: 15px 13px; /*background:url(../Styles/Images/bg_box_grey_top_bottom.gif) left repeat-y;*/
}
.box_news_bottom_left
{
    float: left;
    width: 495px;
}
.box_news_bottom_right
{
    float: right;
    width: 175px;
    padding: 0 0 0 22px;
    border-left: 1px dotted #999;
}

.box_news_story_top
{
    padding: 5px 0 15px 0;
    border-bottom: 1px dotted #999999;
}
.box_news_story_bottom
{
    padding-top: 15px;
}
.box_news_story_image
{
    float: left;
    width: 107px;
}
.box_news_story_image img
{
    border: 1px solid #b4b4b4;
    padding: 2px;
}
.box_news_story_text
{
    float: right;
    width: 360px;
}
.box_news_story_title
{
    font-weight: bold;
    font-size: 120%;
    padding-bottom: 2px;
}
.box_news_story_title a
{
    color: #009ee0;
}
.box_news_story_title a:hover
{
    color: #18aeec;
}
.box_news_story_date
{
    padding: 2px 0;
    font-size: 95%;
    font-weight: bold;
}
.box_news_story_synopsis
{
    padding: 1px 0;
    font-size: 95%;
}
.box_news_story_button
{
    margin: 5px 0;
}
.box_news_story_button a
{
    width: 77px;
    height: 29px;
    margin: 0;
    padding: 0;
    display: block;
    background: url(../Styles/Images/btn_more.gif);
    text-indent: -9999px;
}


.box_news h3
{
    padding: 5px 0;
}
.box_news_list
{
    padding-bottom: 5px;
}
.box_news_list ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 95%;
    padding: 4px 0;
}
.box_news_list ul li
{
    background: url(../Styles/Images/bg_arrow_blue.gif) 0 5px no-repeat;
    padding-left: 10px;
    margin: 4px 0;
}
.box_news_list ul li a
{
    text-decoration: none;
    color: #000;
}
.box_news_list ul li a:hover
{
    color: #18aeec;
}

.box_news_link
{
    margin: 5px 0;
    font-size: 95%;
    background: url(../Styles/Images/bg_arrow_blue.gif) 0 5px no-repeat;
    padding-left: 10px;
}
.box_news_link a
{
    text-decoration: none;
    color: #000;
}
.box_news_link a:hover
{
    color: #18aeec;
}

.box_banners_vertical
{
    float: left;
    clear: both;
    border: 2px solid #b4b4b4;
    padding: 4px 7px;
}
.box_banners_vertical img
{
    margin: 3px 0;
}

#bottom_links
{
    width: 100%;
    margin: 30px 0 0 0;
    padding: 20px 0;
    float: left;
    clear: both;
    border-top: 4px solid #E5E5E5;
}
* html #bottom_links
{
    padding: 20px 0 0 0;
}
#bottom_links ul
{
    border: 0px solid blue;
}
.bottom_links_column
{
    float: left;
    width: 179px;
    padding: 0 30px;
}
.bottom_links_column_title
{
    color: #009ee0;
    font-weight: bold;
    font-size: 11px;
    padding-left: 10px;
}
.bottom_links_column ul
{
    width: 179px;
    padding: 0;
    margin: 0;
    float: left;
    clear: both;
    list-style: none;
    font-size: 11px;
    padding: 4px 0;
    border: 0px solid blue !important;
}
.bottom_links_column ul li
{
    width: 169px;
    background: url(../Styles/Images/bg_arrow_blue.gif) 0 5px no-repeat;
    float: left;
    clear: both;
    padding-left: 10px;
    margin: 4px 0;
}

* html .bottom_links_column ul
{
    width: 79px;
}
* html .bottom_links_column ul li
{
    width: 159px;
}
.bottom_links_column ul li a
{
    text-decoration: none;
    color: #000 !important;
    position: relative;
}
.bottom_links_column ul li a:hover
{
    color: #009ee0 !important;
}

#footer
{
    width: 900px;
    margin: 0;
    padding: 0 40px; /*float:left;*/
    position: relative;
    padding-bottom: 50px;
    clear: both;
    color: #969696;
    border: 0px solid red;
}
#footer a
{
    color: #009ee0;
    text-decoration: none;
}
#footer a:hover
{
    color: #18aeec;
}

#footer_left
{
    /* float:left; */
    font-size: 11px;
    border: 0px solid red;
    position: absolute;
    right: 24px;
}
#footer_left ul
{
    width: auto;
    margin: 0;
    padding: 0 4px 0 0;
    float: left;
    border: 0px solid red;
}
#footer_left ul li
{
    margin: 0;
    padding: 0 4px;
    float: left;
    height: 11px;
    line-height: 11px;
    clear: none;
    display: inline;
    background: url(../Styles/Images/bg_footer_left_ul_li.gif) right no-repeat;
    border-right: 0px solid #969696;
}
#footer_left ul li a
{
    float: left;
    color: #009ee0;
}
#footer_left ul li a:hover
{
    color: #18aeec;
}
#footer_left ul li.first
{
    padding: 0 4px 0 0;
}

#footer_nav
{
    float: left;
    border: 0px solid green;
}
#footer_nav ul
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    list-style-type: none;
}
#footer_nav ul li
{
    margin: 0;
    padding: 0 0 0 24px;
    float: left;
    clear: none;
}
#footer_nav ul li a
{
    float: left;
    font-size: 11px;
}
#footer_nav ul li a:hover
{
    text-decoration: underline;
}
#footer_right
{
    /*float:right;*/
    font-size: 11px;
    top: 20px;
    right: 25px;
    position: absolute;
    border: 0px solid blue;
}

#footerImage
{
    top: -20px;
    position: absolute;
    bottom: 0;
    margin-left: -51px;
}
/* lower page styles */

.banner_top
{
    border: 10px solid #e5e5e5;
    margin: 0;
    padding: 10px;
    float: left;
    clear: both;
}
.banner_top img
{
    width: 920px;
    margin: 0;
    float: left;
    border: 0px solid red;
}

#breadcrumb
{
    width: 948px;
    margin: 0;
    padding: 15px 10px 10px 0;
    float: left;
    clear: both;
    font-size: 11px;
    border: 0px solid red;
    position: relative;
    z-index: 1;
}
#breadcrumb a
{
    border: 0px solid #000;
    color: #009ee0;
}
#breadcrumb a:hover
{
    color: #18aeec;
}
#breadcrumb img
{
    margin: 0 5px;
}
#breadcrumb_left
{
    float: left;
    border: 0px solid red;
}
#breadcrumb_right
{
    float: right;
    border: 0px solid blue;
}


#columns_holder
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    position: relative;
}
#lower_column_left
{
    float: left;
    width: 184px;
}

/* 'main' content */
#lower_column_middle
{
    float: left;
    width: 487px;
    margin: 0;
    padding: 0 30px;
  /*  font-size: 11px !important;*/
}
#lower_column_middle h2
{
    font-size: 30px !important;
}
#lower_column_middle font
{
    color: #090706 !important;
}
#lower_column_middle a, #lower_column_middle a font
{
    color: #009EE0 !important;
}

#lower_column_middle a
{
    /* padding:0 0 0 10px; border:0px solid red;    background:url(../Styles/Images/bg_arrow_grey.gif) left no-repeat; */
}

#lower_column_middle a span
{
    color: #009EE0 !important;
}
#lower_column_middle p, #lower_column_middle font, #lower_column_middle p font
{
  /*  font-size: 11px !important;*/
}
#lower_column_middle h2 a
{
    font-size: 30px !important;
    color: #090706 !important;
    text-decoration: none;
    float: left;
    width: 100%;
}
#lower_column_middle h2 a:hover
{
    text-decoration: underline;
}
#lower_column_middle h4
{
    width: 100% !important;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}

.newsList
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
.newsList ul
{
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    float: left;
    clear: both;
    border-bottom: 0px dotted #b4b4b4;
    list-style-type: none !important;
}
.newsList ul li
{
    width: 100%;
    margin: 0;
    padding: 0 0 30px 0;
    float: left;
    clear: both;
    font-size: 11px;
}
.newsitem_image_holder
{
    width: 105px;
    height: 92px;
    margin: 0;
    padding: 0;
    float: left;
    border: 1px solid #b4b4b4;
}
.newsitem_image_holder a
{
    width: 100%;
    height: 100%;
    float: left;
    background: 0 !important;
}
.newsitem_image
{
    width: 101px;
    height: 87px;
    margin: 0;
    padding: 0;
    float: left;
    background: #e5e5e5;
    border: 2px solid #FFF;
}
.newsitem_image img
{
    width: 101px;
    height: 87px;
    float: left;
    margin: 0;
}
.newsitem_image a
{
    background: 0 !important;
    padding: 0 !important;
}
.newsitem_image a img
{
    float: left;
    border: 0;
}
.newsitem_content
{
    width: 364px;
    margin: 0;
    padding: 0 0 0 16px;
    float: left;
}
.newsitem_content a
{
    float: left;
    margin: 0;
    padding: 0 !important;
    background: 0 !important;
}
.news_header_link
{
    width: 100%;
    margin: 0;
    padding: 0 !important;
    background: 0;
    float: left;
    clear: both;
    font-size: 14px;
    font-weight: bold;
    font-family: sans-serif,Verdana,Arial,sans-serif;
    text-decoration: underline;
}
.news_item_date
{
    width: 100%;
    margin: 0;
    padding: 6px 0;
    float: left;
    clear: both;
    font-weight: bold;
}
.pbottom
{
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
    float: left;
    clear: both;
    font-size: 11px;
    border-bottom: 1px dotted #B4B4B4;
}
.pbottom a
{
    color: #009ee0 !important;
    float: right;
}
.pbottom a:hover
{
    color: #4fbfed !important;
}

/* BannerPage.aspx/DubBus_PageList.ascx */
.litem
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    font-size: 11px;
}
.angie_bowie
{
}

#timetable_list
{
    width: 486px;
    float: left;
    margin: 30px 0 0 0;
    padding: 0 30px;
}
* html #timetable_list
{
    padding: 0;
}
#timetable_list table.route
{
    width: 100%;
    margin: 10px 0;
    padding: 0;
    border-collapse: collapse;
}
#timetable_list table.route th
{
    font-size: 130%;
    font-weight: bold;
    text-align: left;
    padding: 2px 0 10px 0;
}
#timetable_list table.route td
{
    font-size: 120%;
    padding: 4px 0;
}
#timetable_list table.route td.RouteNumberColumn a
{
    color: #000 !important;
    text-decoration: none;
}

/**/

#SecondaryBody
{
    width: 487px;
    margin: 0;
    padding: 0;
    float: left;
    border: 0px solid yellow;
}
#SecondaryBody h2, #SecondaryBody h2 a
{
    font-size: 30px !important;
    text-decoration: none;
    color: #090706 !important;
}
#SecondaryBody ul
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    list-style-type: none;
}
#SecondaryBody table
{
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
#AgentFilter
{
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
    float: left;
    clear: both;
}
#AgentFilter ul
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    list-style-type: none;
}
#AgentFilter ul li
{
    width: auto;
    float: left;
    display: inline;
    padding: 0 6px 0 0;
}
#AgentList
{
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
    float: left;
    clear: both;
}
#AgentList ul
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    list-style-type: none;
}
#AgentList ul li
{
    width: auto;
    float: left;
    display: inline;
    padding: 0 6px 0 0;
}
#AgentList ul li a
{
    background: 0 !important;
}
#AgentList table a
{
    background: 0;
    padding: 0;
}
#AgentList table
{
    width: 487px;
    border-collapse: collapse;
    margin: 10px 0;
    padding: 0 0 10px 0;
    float: left;
    clear: both;
}
#AgentList table tr
{
}
#AgentList table th
{
    text-align: left;
}
#AgentList table td
{
    margin: 0;
    padding: 3px 3px 3px 0;
}
#AgentList table td div, #AgentList table td p
{
    margin: 0;
    padding: 0;
}

#LetterFilter
{
}
#LetterFilter ul.nav li a
{
    padding: 0 4px 0 0;
    background: 0 !important;
}

#page_body
{
    width: 487px;
    margin: 0;
    padding: 0;
    float: left;
    font-size: 11px !important;
}
#page_body p, #page_body span, #page_body p span, #page_body font
{
    font-size: 11px !important;
    font-family: Arial,sans-serif;
}
#page_body table
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
#page_body ul
{
    list-style-type: square;
}


#page_banner_top
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
.a_pager
{
    width: 487px;
    margin: 12px 0 0 0;
    padding: 0;
    float: left;
    clear: both;
}
.a_pager ul
{
    width: 100% !important;
    margin: 0;
    padding: 10px 0 0 0 !important;
    float: left;
    clear: both;
    list-style-type: none;
    border-top: 1px dotted #999 !important;
}
.a_pager ul li
{
    width: auto;
    margin: 0;
    padding: 0 6px 0 0;
    float: left;
    display: inline;
}
.a_pager ul li a
{
    background: 0 !important;
}
.PagerInfoCell
{
    width: auto;
    font-weight: bold;
    float: left;
    padding: 0 10px 0 0;
}

.page_list
{
    width: 487px;
    margin: 0;
    padding: 0;
    float: left;
    border: 0px solid green;
}
.page_list ul.news
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    list-style-type: none;
}

#lower_column_right
{
    float: right;
    width: 219px !important;
}

/* mobile updates */
#lower_column_right h3 a
{
    width: 219px;
    height: 103px;
    margin: 15px 0 0 0;
    padding: 0;
    float: left;
    clear: both;
    cursor: pointer;
    display: block; /*background:url(/Templates/Public/Styles/Images/img_mobile_updates_small.jpg)*/
}

#routeplanner_column_left
{
    float: left;
    width: 245px;
}
#routeplanner_column_right
{
    float: right;
    width: 690px;
}

#routeplannermap_column_right
{
    float: right;
    width: 690px;
}
#routeplannermap_column_right .box_route
{
    height: 518px;
}
#routeplannermap_column_left
{
    float: left;
    width: 245px;
}
#routeplannermap_column_left .box_route
{
    height: 575px;
}
.box_route
{
    border: 2px solid #b4b4b4;
    padding: 2px;
    zoom: 1;
    margin: 0;
    float: left;
    clear: both;
}
.box_route_top
{
    padding: 13px;
    background: url("../Styles/Images/bg_box_grey_top.gif") repeat-x scroll center top #CBCBCB;
    font-size: 120%;
    font-size: 14px !important;
    position: relative;
    font-size: 14px !important;
    font-family: Arial,sans-serif;
    font-weight: bold;
}
.box_route_top span
{
    font-size: 14px !important;
    font-family: Arial,sans-serif;
    font-weight: bold;
}
.box_route_bottom
{
    padding: 10px;
}

.box_route_map
{
    padding-top: 0px;
    height: 475px;
}
.box_route_map_controls
{
    position: relative;
    top: -475px;
}
.box_route_map_controls_top
{
    position: absolute;
    width: 682px;
    height: 430px;
}
.box_route_map_controls_top_stopmap
{
    position: absolute;
    width: 952px;
    height: 430px;
}
.box_route_map_controls_bottom
{
    position: absolute;
    top: 430px;
    width: 682px;
    height: 70px;
}


.box_route_map_controls_top_left
{
    float: left;
    padding: 5px;
    width: 60px;
}
.box_route_map_controls_top_left_pan
{
    height: 60px;
}
.box_route_map_controls_top_left_zoom
{
    height: 210px;
    margin-left: 18px;
}

.box_route_map_controls_top_right
{
    float: right;
    margin: 5px 0;
    width: 131px;
    background: url(../Styles/Images/bg_map_display.png) bottom left no-repeat;
}
.box_route_map_controls_top_right_inner
{
    padding: 3px 10px 15px 3px;
    background: url(../Styles/Images/bg_map_display_topborder.gif) top left no-repeat;
}
.box_route_map_controls_top_right_title
{
    padding: 7px;
    color: #FFF;
    font-weight: bold;
    font-size: 110%;
    background: url(../Styles/Images/bg_map_display_show.gif) top left no-repeat;
}
.box_route_map_controls_top_right_text
{
    padding: 7px;
    font-size: 95%;
    font-weight: bold;
}

.box_route_map_controls_top_right_options
{
    padding: 0 7px 0px 7px;
    font-size: 95%;
}
#checkboxcontainer
{
}
#checkboxcontainer table
{
    width: 100%;
}
#checkboxcontainer table div
{
    padding: 0 0 0 20px;
}

.venues_title.open
{
    display: block;
    background: url("/Templates/Public/Styles/Images/down-arrow.gif") no-repeat scroll right center transparent;
}

.venues_title.closed
{
    display: block;
    background: url("/Templates/Public/Styles/Images/right-arrow.gif") no-repeat scroll right center transparent;
}

#venues_container
{
    display: none;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.box_route_map_options
{
    float: right;
    width: 205px;
    height: 40px;
    background: url(../Styles/Images/bg_map_options.png) top left no-repeat;
}
.box_route_map_options_inner
{
    padding: 6px 12px;
}
.box_route_map_options table
{
    width: 180px;
    font-size: 95%;
}
.box_route_map_options a
{
    text-decoration: none;
    color: #000;
}
.box_route_map_options a:hover
{
    text-decoration: none;
    color: #009ee0;
}
.box_route_map_options a.selected
{
    text-decoration: none;
    color: #009ee0;
}


.title_blue
{
    font-size: 120%;
    color: #009ee0;
    font-weight: bold;
}
.title_blue span
{
    font-size: 16px !important;
    color: #009ee0;
    font-weight: bold;
}

.search_criteria
{
    width: 222px;
    margin: 10px 0 20px 0;
    float: left;
    clear: both;
    border: 0px solid red !important;
}
* html #ctl00_FullRegion_MainRegion_ContentColumns_holder_RoutePlannerSearchCriteria1_btnCancel
{
    margin: 0 5px 0 0;
    padding: 0 0 10px 0;
    float: left;
    border: 0 !important;
    background: 0 !important;
}

* html #ctl00_FullRegion_MainRegion_ContentColumns_holder_RoutePlannerSearchCriteria1_btnPlanJourney
{
    margin: 0;
    padding: 0 0 10px 0;
    float: left;
    border: 0 !important;
    background: 0 !important;
}

.search_criteria_area
{
    padding: 2px 5px;
    border-bottom: 1px dotted #b4b4b4;
}
.search_criteria_area_title
{
    font-size: 120%;
    font-weight: bold;
}
.search_criteria_area_title span
{
    font-size: 14px !important;
    font-family: Arial,sans-serif;
}
.search_criteria_area_details
{
    font-size: 95%;
    width: 227px;
}
.search_criteria_buttons
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid red;
}

.journey_options
{
    margin: 10px 0 5px 0;
}
.journey_options table
{
    margin-bottom: 10px;
    font-size: 100%;
    width: 100%;
}
.journey_options table td
{
    padding: 0 3px;
    vertical-align: middle;
    border-bottom: 3px solid #FFF;
}
.journey_options table td.title
{
    font-size: 120%;
    font-weight: bold;
    padding: 3px 0;
}
.journey_options table tr.darkgrey
{
    font-size: 95%;
    background: #e5e5e5;
}
.journey_options table tr.lightgrey
{
    font-size: 95%;
    background: #eeeeee;
}
.journey_options table td.view
{
    background: #FFF;
}
.journey_options table td.button
{
    background: #FFF;
    padding: 0;
    text-align: right;
}
.journey_options_bottom
{
    font-size: 95%;
}
.journey_options_bottom img
{
    float: left;
    margin: 0 2px;
    vertical-align: top;
}
.journey_options_bottom span
{
    float: left;
    margin: 0 2px;
    vertical-align: top;
}

.suggested_route
{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 10px;
    padding: 20px 0 8px 0;
}
.suggested_route_details
{
    margin-top: 15px;
    height: 213px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 227px;
}
.suggested_route_details table
{
    font-size: 100%;
    width: 92%;
}
.suggested_route_details table td
{
    padding: 5px 2px;
    vertical-align: top;
}
.suggested_route_buttons
{
    padding: 8px 0 0 0;
    text-align: right;
}

/* new styles by GF 05.10 */
.route_map_key
{
    padding: 5px 15px 4px 15px;
    text-align: right;
    text-align: right;
    font-size: 95%;
    border: 2px solid #B4B4B4;
    margin-top: 0px;
}
.route_map_key img
{
    margin: 0 2px 0 10px;
}
.suggested_route_text
{
    padding: 0 0 10px 0;
    font-size: 90%;
    float: left;
    width: 180px;
}
.suggested_route_icon
{
    float: left;
    width: 35px;
}

.box_leftnav
{
    width: 180px;
    border: 2px solid #b4b4b4;
    padding: 1px;
    float: left;
    clear: both;
    zoom: 1;
}
.box_leftnav_top
{
    width: 148px !important;
    padding: 13px 14px;
    background: url(../Styles/Images/bg_box_grey_top.gif) top repeat-x #cbcbcb;
    font-size: 120%;
    font-weight: bold;
    border: 0 !important;
}
.box_leftnav_top a
{
    text-decoration: none;
    color: #000;
}
.box_leftnav_links
{
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}
.box_leftnav_links ul
{
    padding: 2px;
    margin: 0px;
    list-style: none;
    font-size: 11px;
    list-style: none;
    border: 0px solid red;
    float: left;
    clear: both;
}
.box_leftnav_links ul li
{
    width: 100%;
    float: left;
    clear: both;
}

.box_leftnav_links ul li ul
{
    border: 0px solid blue;
}
.box_leftnav_links ul li ul li
{
    padding: 0px;
    margin: 3px 0;
}
.box_leftnav_links ul li ul li a
{
    background: url(../Styles/Images/bg_arrow_grey.gif) 0 5px no-repeat;
    padding-left: 10px;
}
.box_leftnav_links ul li ul li ul
{
    margin: 0 !important;
    padding: 0 !important;
}
.box_leftnav_links ul li ul li ul li a
{
    width: 121px;
    float: left;
    background: url(../Styles/Images/bg_arrow_grey.gif) 12px 5px no-repeat;
    padding-left: 23px;
    border: 0px solid green;
}

/* 2 */
.box_leftnav_links ul li ul
{
    width: 142px;
    padding: 15px !important;
    border: 0px solid yellow !important;
}
* html .box_leftnav_links ul li ul
{
    width: 130px;
    padding: 15px !important;
    border: 0px solid yellow !important;
}
/* 3 */
.box_leftnav_links ul li ul li ul
{
    width: 124px;
    border: 0px solid blue !important;
}
* html .box_leftnav_links ul li ul li ul
{
    width: 100px !important;
    border: 0px solid blue !important;
}
* html .box_leftnav_links ul li ul li ul li
{
    width: 100px !important;
    border: 0px solid green !important;
}
/*
.box_leftnav_links ul li ul li ul li{width:124px; padding:0!important; border:0px solid yellow!important; }
*/

/* SELECTED ITEM - LEVEL 1*/
.selectedtopitem
{
    font: 14px Arial !important;
    font-weight: bold !important;
}
.box_leftnav_links ul li .selecteditem
{
    width: 148px !important;
    border: 0px solid red !important;
    padding: 13px 14px;
    float: left;
    clear: both;
    margin-top: 0px !important;
    background: url(../Styles/Images/bg_box_grey_top.gif) top repeat-x #cbcbcb;
    font-size: 14px !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
}
/* 2*/
.box_leftnav_links ul li ul li .selecteditem
{
    width: 144px !important;
    margin: 0;
    padding: 0 0 0 11px;
    background: url(../Styles/Images/bg_arrow_grey.gif) 0 5px no-repeat;
    float: left;
    clear: both;
    font-size: 11px !important;
    border: 0px solid red !important;
}
* html .box_leftnav_links ul li ul li .selecteditem
{
    width: 127px !important;
}
/* 3 */
.box_leftnav_links ul li ul li ul li .selecteditem
{
    width: 144px !important;
    margin: 0;
    padding: 0 0 0 23px !important;
    background: url(../Styles/Images/bg_arrow_grey.gif) 12px 5px no-repeat;
    float: left;
    clear: both;
    font-size: 11px !important;
    border: 0px solid red !important;
}
* html .box_leftnav_links ul li ul li ul li .selecteditem
{
    width: 123px !important;
}


.box_routeplanner
{
    border: 2px solid #b4b4b4;
    padding: 18px;
    zoom: 1;
}
.box_routeplanner_inner
{
    padding: 15px 10px 20px 10px;
    background: url(../Styles/Images/bg_route_planner.gif) bottom right no-repeat #ffcc00;
    zoom: 1;
}
.box_routeplanner_title
{
    width: 158px;
    font-size: 150%;
    font-weight: bold;
    float: left;
    margin: 0;
    padding: 0;
}
.box_routeplanner_form
{
    padding: 10px 0 10px 0;
    margin: 0;
}
.box_routeplanner_form table
{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.box_routeplanner_form table td
{
    margin: 0;
    padding: 0;
}
.box_routeplanner_form table td input
{
    width: 150px;
    height: 12px !important;
    margin: 3px 0 !important;
    padding: 5px !important;
    background: #FFF;
    border: 1px solid #000;
    padding: 2px !important;
    font-size: 90%;
}
* html .box_routeplanner_form table td input
{
    height: 10px !important;
}

.box_routeplanner_label_1
{
    width: 158px;
    margin: 0;
    padding: 0 0 3px 0;
    font-weight: bold;
    font-size: 95%;
}
.box_routeplanner_label_2
{
    width: 158px;
    margin: 0;
    padding: 3px 0;
    font-weight: bold;
    font-size: 95%;
    border: 0px solid red;
}
.box_routeplanner_form label
{
    font-weight: bold;
    font-size: 95%;
}
/*
.box_routeplanner_form input {width:150px; margin:3px 0; background:#FFF; border:1px solid #000; padding:2px; font-size:90%;}
*/
.box_routeplanner_form select
{
    width: 157px;
    margin: 3px 0;
    background: #FFF;
    border: 1px solid #000;
    padding: 1px;
    font-size: 90%;
}
.box_routeplanner_divider
{
    width: 100%;
    height: 5px;
    line-height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
}

.routeplanner_title
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    font-weight: bold;
    font-size: 18px !important;
}

.text_big
{
    font-size: 130%;
}

/* ROUTE/TIMETABLE */
#wide_content
{
    width: 960px;
    margin: 0;
    padding: 0;
    float: left;
    border: 0px solid red !important;
}

/* Timetable variations */
#timetable_variations
{
    /*width:936px; height:auto; margin:0; padding:10px 10px 10px 10px; float:left; border:2px solid #b4b4b4;*/
}
#timetable_variations h3
{
    font-size: 175%;
    color: #787878;
    font-weight: normal;
}
#timetable_variations div#lower_column_middle
{
    /*width: 467px;*/
}
#timetable_variations table.route
{
    width: 100%;
    margin: 10px 0;
    padding: 0;
    border-collapse: collapse;
}
#timetable_variations table.route th
{
    font-size: 130%;
    font-weight: bold;
    text-align: left;
    padding: 2px 0 10px 0;
}
#timetable_variations table.route td
{
    font-size: 120%;
    padding: 4px 0;
}
#timetable_variations table.route td.RouteNumberColumn a
{
    color: #000 !important;
    text-decoration: none;
}

/* Timetable error */
#timetable_error
{
    width: 876px;
    height: auto;
    margin: 0;
    padding: 50px 40px;
    float: left;
    border: 2px solid #b4b4b4;
    text-align: center;
}

/* Timetable */
/* heading */
#timetable
{
    width: 956px;
    height: auto;
    margin: 0;
    padding: 0;
    border: 2px solid #b4b4b4;
}
#timetable_header
{
}
#timetable_top_left
{
    width: 203px;
    margin: 18px 0 0 0;
    padding: 0 0 0 43px;
    float: left;
    font-size: 70px;
    font-weight: bold;
    color: #000;
}
#timetable_top_right
{
    width: 696px;
    margin: 18px 0 0 14px;
    padding: 0;
    float: left; /*color:#B4B4B4;*/
    color: #7F7F7F;
}
#timetable_top_left_back
{
    margin-bottom: 3px;
    position: absolute;
    right: 30px;
}
#timetable_top_left_back a
{
    /*background: url(../Styles/Images/bg_arrow_blue.gif) 0 8px no-repeat; padding:3px 0 3px 10px;*/
}
#route_description_title
{
}
#route_description
{
    font-weight: bold;
    font-size: 14px;
}
#operative_date
{
}
#operative_date span
{
}
.extra_info_div
{
    clear: both;
    float: left;
    padding: 8px 0 8px 261px;
    width: 695px;
}
.extra_info_div a, .extra_info_div font
{
    color: #009ee0 !important;
    font-size: 11px !important;
}

/* body */
#timetable_body
{
    width: 956px;
    margin: 0;
    padding: 0;
}
#timetable_body #main_holder
{
}
#timetable_body font
{
    font-size: 11px !important;
}

.timetable_horiz_display
{
    width: 956px;
    margin: 0;
    padding: 0;
}
.timetable_horiz_display .left
{
    width: 203px;
    padding: 0 0 0 43px;
    float: left;
}
.timetable_horiz_display .right
{
    width: 696px;
    margin: 0 0 0 14px;
    padding: 0;
    font-size: 11px;
    float: left;
}
.timetable_horiz_display .towards_area
{
}
.timetable_horiz_display .timetables_title
{
    padding: 10px 0;
    font-size: 160%;
    color: #18aeec;
}
.timetable_horiz_display .TT_Title_left
{
    float: left;
}
.timetable_horiz_display .TT_Title_right
{
    float: right;
    padding: 0 27px 0 0;
}
.timetable_horiz_display .view_on_map
{
    padding: 5px 0;
    position: relative;
}
.timetable_horiz_display .timtable_icon
{
}
.towards_irish_placenames
{
    width: 665px;
    margin: 15px 0 0 0;
}

.busses_leave_terminal_at
{
    margin: 42px 0 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #18aeec;
}
.route_variations
{
    margin: 24px 0 0 0;
    padding: 0;
    font-size: 11px !important;
    color: #000;
}
.route_variations p
{
    line-height: 18px;
    margin: 0;
    padding: 0;
    font-size: 11px;
}
.route_variations p font, .route_variations font, .route_variations span font, .route_variations p span font
{
    font-size: 11px !important;
}
.route_variations span
{
    width: 100%;
}

/* outer timetable grid div */
.timetable_sheets_holder
{
    width: 670px;
    margin: 8px 0 0 0;
    padding: 0;
    background: url(../Styles/Images/TT_main_table_BG3.gif) 0 28px repeat;
}

/* inner timetable grid div */
/*.AlterItem{text-align:left!important; font-size:11px!important;}*/
.AspNet-DataList table td
{
    vertical-align: top;
}
/*.AspNet-DataList table td span{font-size:11px!important;padding: 0 0 0 6px;}*/
.timetable_sheet_holder
{
    width: auto;
    margin: 0 1px 0 0;
    padding: 0;
}
.applicable_days
{
    width: 214px;
    line-height: 28px;
    margin: 0 2px 0 0;
    padding: 0 0 0 7px;
    color: #000;
    font-weight: bold;
    background: #ffcc00;
    border-right: 0px solid #FFF;
}
/** html .applicable_days{margin:0 1px 0 0;}*/
.applicable_days span
{
    font-size: 14px !important;
}
.hard_content
{
    width: 214px;
    margin: 0 2px 0 0;
    padding: 0 3px 0 4px;
    background: url(../Styles/Images/TT_main_table_BG1.gif) repeat;
    line-height: 24px !important;
}
.hard_content hr
{
    margin: 0 !important;
    padding: 0 !important;
}
.hard_content .no_service, .hard_content center
{
    width: 208px !important;
    line-height: 23px !important;
    height: 23px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold;
    text-transform: uppercase;
}
.hard_content p
{
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.timetable_sheet_holder div .hard_content
{
    background: #E5E5E5 url(../Styles/Images/bg_3px_white.gif) top no-repeat !important;
}
.timetable_sheet_holder table tr
{
}
.timetable_sheet_holder table tr td
{
    line-height: 23px;
    padding: 0 0 0 6px;
    vertical-align: top;
}
.timetable_sheet_holder center, .no_service
{
    width: 230px;
    line-height: 23px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

/* inner times table */
.time_item
{
    width: 49px;
    padding: 0;
}
.time
{
    float: left;
}
.variation_initial
{
    float: left;
    padding: 0 0 0 1px;
}

/* route overview */
.route_overview
{
    width: 886px;
    margin: 8px 0 0 43px;
    padding: 16px 0;
    font-size: 11px;
    line-height: 14px;
    border: 1px solid #000;
    border-left: 0;
    border-right: 0;
}
.route_overview span
{
    width: auto;
    padding: 0 4px;
    font-weight: bold;
}
.off_peak_estimates
{
    width: 928px;
    margin: 8px 0;
    padding: 0 27px 0 0;
    font-size: 11px;
    line-height: 14px;
    text-align: right;
    color: #a4a4a4;
    font-size: 11px;
}

/* Fare Stages and the block below it - Fare Info */
.fare_stages_holder
{
    width: 886px;
    margin: 0 27px 0 43px;
    padding: 12px 0 22px 0;
    border-top: 3px solid #000;
}
.fare_horiz_display
{
    width: 886px;
    margin: 0;
    padding: 0;
}
.fare_horiz_display_margin
{
    margin: 0 0 8px 0 !important;
}
.fare_horiz_display .left
{
    width: 203px;
    padding: 0;
    float: left;
}
.fare_horiz_display .right
{
    width: 669px;
    margin: 0 0 0 14px;
    padding: 0;
    font-size: 11px;
    float: left;
}
.fare_stages_left
{
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}
.fare_stages_right
{
    width: 334px;
    margin: 0;
    padding: 0;
    float: left;
}
.fare_stages_right_full
{
    width: 669px;
    margin: 0;
    padding: 0;
}
/*.fare_stages_right span, .fare_stages_right font{font-size:11px!important;}
.fare_stages_right p{width:100%; margin:0; padding:0 0 8px 0;}*/
.fare_stages_holder table
{
    border-collapse: collapse;
}
.fare_stages_holder table td
{
    vertical-align: middle;
}
.fare_stages_inner_table td
{
    text-align: left !important;
    line-height: 18px;
}
.fare_stage_no
{
    width: 12px;
    text-align: left !important;
    color: #18aeec;
    font-weight: bold;
    margin: 1px 0 0 0;
    padding: 0 4px 0 0;
}

/* Depot information */
.depot_details
{
}
.depot_detail_item
{
    float: left;
    font-size: 14px !important;
    line-height: 14px !important;
}
.depot_detail_item span
{
}
.depot_detail_divider
{
    float: left;
    width: 15px;
    text-align: center;
}


/* Strict stage timetable */
.strict_stage_main
{
    width: 666px;
}
/*.strict_stage_main td table{padding:0!important;}*/
.timetable_sheet_holder_2
{
}
.timetable_sheet_holder_2 table
{
    border-collapse: collapse;
}
.timetable_sheet_holder_2 .applicable_days
{
    width: 658px;
    line-height: 28px;
    margin: 0 2px 0 0;
    padding: 0 0 0 7px;
    color: #000;
    font-weight: bold;
    background: #ffcc00;
}
.timetable_sheet_holder_2 .applicable_days span
{
    font-size: 14px !important;
}
.timetable_proper
{
}
.timetable_proper table
{
    border-collapse: collapse;
}
.vertical_display
{
    width: 665px;
    padding: 1px 0;
}
.vertical_display_item_3
{
    width: 226px !important;
    padding: 0 0 0 10px;
    line-height: 23px;
    float: left;
    background: url(../Styles/Images/TT_main_table_BG1.gif);
}
.vertical_display_item_4
{
    width: 429px !important;
    line-height: 23px;
    float: left;
    background: url(../Styles/Images/TT_main_table_BG1.gif);
}
.timetable_proper_divider
{
    border: 1px solid #000;
    margin-bottom: 3px;
}

/* VerticalDisplay.ascx */
.vertical_stage_main
{
    width: 666px;
}
.timetable_sheet_holder_3
{
}
.timetable_sheet_holder_3 table
{
    border-collapse: collapse;
}
.timetable_sheet_holder_3 .applicable_days
{
    width: 658px;
    line-height: 28px;
    margin: 0 2px 0 0;
    padding: 0 0 0 7px;
    color: #000;
    font-weight: bold;
    background: #ffcc00;
}
.timetable_sheet_holder_3 .applicable_days span
{
    font-size: 14px !important;
}
.vertical_display_table_holder
{
}
.vertical_display_table_holder table
{
    border-collapse: collapse;
}
.vertical_display_item
{
    width: 400px !important;
    padding: 0 0 0 10px;
    line-height: 23px;
    float: left;
    background: url(../Styles/Images/TT_main_table_BG1.gif);
}
.vertical_display_item_2
{
    width: 255px !important;
    line-height: 23px;
    float: left;
    background: url(../Styles/Images/TT_main_table_BG1.gif);
}

/* HorizontalWithBands.ascx */
.time_item_text
{
    line-height: 23px;
    padding: 0 0 0 6px;
}


/* HorizontalNiteLinkDisplay.ascx */
.timetable_horiz_display_nitelink
{
    width: 956px;
    margin: 0;
    padding: 0;
    background: #111b22;
    color: #fff;
    border-bottom: 34px solid #FFF;
}
.timetable_horiz_display_nitelink .left
{
    width: 203px;
    padding: 0 0 0 43px;
    float: left;
}
.timetable_horiz_display_nitelink .right
{
    width: 696px;
    margin: 0 0 0 14px;
    padding: 0;
    font-size: 11px;
    float: left;
}
.timetable_horiz_display_nitelink .towards_area
{
}
.timetable_horiz_display_nitelink .timetables_title
{
    padding: 10px 0;
    font-size: 160%;
}
.timetable_horiz_display_nitelink .TT_Title_left
{
    float: left;
}
.timetable_horiz_display_nitelink .TT_Title_right
{
    float: right;
    padding: 0 27px 0 0;
}
.timetable_horiz_display_nitelink .view_on_map
{
    padding: 5px 0;
    position: relative;
}
.timetable_horiz_display_nitelink .timtable_icon
{
}
.timetable_horiz_display_nitelink .busses_leave_terminal_at
{
    color: #FFCC00 !important;
    margin: 0 0 0 0 !important;
}
.nitelink_grey
{
    color: #B5B5A5 !important;
    font-size: 14px !important;
}
.timetable_horiz_display_nitelink .route_variations
{
    color: #FFCC00 !important;
}
.timetable_horiz_display_nitelink .timetable_sheets_holder
{
    width: 670px;
    margin: 8px 0 0 0;
    padding: 0;
    background: url(../Styles/Images/TT_main_table_BG4.gif) 0 28px repeat;
}
.nitelink_sheet_holder
{
    width: auto;
    margin: 0 1px 0 0;
    padding: 0;
}
.nitelink_sheet_holder .applicable_days
{
    width: 214px;
    line-height: 28px;
    margin: 0 2px 0 0;
    padding: 0 0 0 7px;
    font-weight: bold;
    background: #bbc9d4 !important;
    color: #111b22 !important;
    border-right: 0px solid #FFF;
}
.nitelink_sheet_holder table tr
{
}
.nitelink_sheet_holder table tr td
{
    line-height: 23px;
    padding: 0 0 0 6px;
    vertical-align: top;
}
.nitelink_sheet_holder center, .nitelink_sheet_holder .no_service
{
    width: 221px;
    line-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.yellowsmall
{
    color: #FFCC00;
}

/* NITELINK */

/*.nitelink_sheet_holder table{ float:left; clear:both; margin:0;
   padding:0 0 20px 0!important; border:0px solid green;}
.nitelink_sheet_holder table td{height:24px; line-height:24px; padding:0 0 0 6px; color:#FFF!important;}
.nitelink_sheet_holder center, .nitelink_sheet_holder .no_service{width:221px; height:24px; line-height:24px; margin:0; padding:0; float:left;
   font-size:11px;
   font-weight:bold; color:#FFF;
   text-transform:uppercase; text-align:center;}*/


/* HorizontalNiteLinkDisplay.ascx */
/*#nitelink_TT_holder{width:100%; margin:0; padding:0; float:left; clear:both; background:#111b22; border-bottom:34px solid #FFF;}
#nitelink_TT_holder .busses_leave_terminal_at{color:#ffcc00!important;}
#nitelink_TT_holder .right{}
#nitelink_TT_holder .timetable_sheets_holder{ width:auto; border:0px solid blue!important;
   background:url(../Styles/Images/TT_main_table_BG4.gif) 0 28px repeat;}
#nitelink_TT_holder .timetable_sheets_holder td{border:0px solid red!important;}
#nitelink_TT_holder .route_variations{color:#ffcc00!important;}
#nitelink_TT_holder .timetables_title{color:#FFF!important;}
* html #nitelink_TT_holder .applicable_days{margin:0 1px 0 0;}*/


/* IE6 fix - color is deliberately set to white - DO NOT CHANGE this */
/*.fare_stages_left_inner{width:226px!important; margin:0; padding:0; float:left; clear:both; display:block; color:#FFF;
   font-size:0;}*/

/* Fixes for SAFARI */
/*#timetable_body #main_holder table{margin:0; padding:0; float:left; clear:both;}
#timetable_body table{margin:0; padding:0; float:left; clear:both; border:0px solid red;}
#wide_content table{float:left; clear:both; border:0px solid blue;}
#safari_fix_1{width:256px!important; height:100px; margin:0; padding:0; float:left; border:0px solid red;}*/
/*table.timetable_horiz_display{width:956px; margin:0; padding:0; float:left; clear:both; border-collapse:collapse;
border:0px solid red;}
table.timetable_horiz_display .left{width:206px; padding:0 0 0 40px; border:0px solid red; vertical-align:top;}
table.timetable_horiz_display .right{width:670px; border:0px solid blue; vertical-align:top; font-size:11px; border:0px solid red;}
table.timetable_horiz_display .right p{width:100%; font-size:11px; margin:0; padding:0 0 6px 0; float:left; clear:both;}
.right

.timetable_sheet_holder table{margin:0; padding:0; float:left; border:0px solid red;}*/

/* NO SERVICE */

/*
.timetable_sheet_holder center, .no_service{width:221px; height:20px; line-height:20px; margin:3px 0 0 0; padding:0; float:left; font-size:11px; font-weight:bold;
   text-transform:uppercase; text-align:center; background:#e5e5e5;}
*/

/* FIX-BREAK 1 */
/*
#ctl00_FullRegion_MainRegion_MainContentRegion_MainBodyRegion_Timetable1_ctl05_DataList1 table td{vertical-align:top;}
#ctl00_FullRegion_MainRegion_MainContentRegion_MainBodyRegion_Timetable1_ctl06_DataList1 table td{vertical-align:top;}
*/

/*
.AspNet-DataList table{float:left; clear:both;}
.AspNet-DataList table td{margin:0 2px 0 0!important; border-right:2px solid #FFF;}
* html .AspNet-DataList table td{margin:0 1px 0 0;}
.AspNet-DataList table td table td{margin:3px 0 0 0!important; padding:3px 0 3px 6px; background:#e5e5e5; border:0!important;
   border-top:3px solid #FFF!important;
   vertical-align:top;}
*/


/*.timetable_footer{width:100%; margin:0; padding:0;}

.time_item_2{width:32px; margin:0; padding:0 14px 0 0; float:left!important; clear:none!important; border:0px solid red;}
.vertical_display_item table td{width:49px; float:left; padding:0; font-size:11px; border:0px solid red!important;}*/

/*
.vertical_display_item{width:396px; margin:0; padding:4px 8px; float:left!important; clear:both!important; background:#EEE; border-top:2px solid #FFF;
   font-size:11px; border:1px solid red!important;}

*/

/*.vertical_display_table_holder table{border:0px solid yellow;}*/


/*.vertical_display_item_2{width:396px; margin:0; padding:4px 8px; float:left; clear:both; background:#EEE; border-top:0px solid #FFF;
   font-size:11px; border:0px solid red!important;}

.vertical_display_item_2{width:396px; margin:0; padding:0; float:left; clear:both;
   height:23px; line-height:23px;
   font-size:11px; border:0px solid red!important;}*/

/* FIX IT */
/*.vertical_display_item_4 table td{width:51px!important; float:left; margin:0; padding:0; border:0px solid red!important; text-align:left!important;}
.vertical_display_item_4 table td br{display:none!important;}*/





/* TAB 1 - Plan Your Journey */
.jsbody
{
    width: 400px;
    margin: 0;
    padding: 10px 0;
    float: left;
    border: 0px solid red;
}
.jsbody ul
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    list-style-type: none;
}
.jsbody ul li
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid red;
}

.jsbody a
{
    font-size: 11px;
    font-weight: bold;
    float: left;
    clear: both;
    text-decoration: none;
    color: #009ee0;
}
.jsbody a:hover
{
    text-decoration: underline;
    color: #009ee0;
}

.first_inputbox
{
    width: 300px;
    height: 16px;
    margin: 0;
    padding: 5px 5px;
    float: left;
    clear: both;
    background: #FFF;
    border: 2px solid #d3a800;
    font: 14px Arial;
    font-weight: bold;
}
.inputbox
{
    width: 300px;
    height: 16px;
    margin: 10px 0 0 0;
    padding: 5px 5px;
    float: left;
    clear: both;
    background: #FFF;
    border: 2px solid #d3a800;
    font: 14px Arial;
    font-weight: bold;
}
.inputbox_grey
{
    width: 300px;
    height: 16px;
    margin: 10px 0 0 0;
    padding: 5px 5px;
    float: left;
    clear: both;
    background: #FFF;
    border: 2px solid #b4b4b4;
    font: 14px Arial;
    font-weight: bold;
}
.jsbody .inputbutton
{
    cursor: pointer;
    margin: 12px;
    padding: 4px 2px;
    float: left;
    border: 0;
    background: #009ee0;
    color: #FFF;
    font-weight: bold;
}
.inputbutton
{
    cursor: pointer;
    margin: 12px;
    padding: 4px 2px;
    float: left;
    border: 0;
    background: #009ee0;
    color: #FFF;
    font-weight: bold;
}

hr.dashed
{
    display: none;
}

.TTRelatedRoutes
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}

.TTRelatedRoutes table
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border-collapse: collapse;
    border: 0px solid red;
}
.TTRelatedRoutes table td
{
    padding: 3px;
}
.TTRelatedRoutes th
{
    padding: 3px;
    margin: 12px 0 0 0;
    text-align: left;
}

/* ROUTE PLANNER TEST */
#plan_my_journey_button
{
    margin: 8px 0 0 0;
    padding: 0; /* float:left; clear:both; */
}
#start_stop_number
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid red;
}
#route_search_results, #route_search_error
{
    width: 500px;
    position: relative;
    right: 530px;
    top: -260px;
    border: 0px solid red;
}
* html #route_search_results
{
    width: 500px;
    float: left;
    clear: both;
    position: absolute;
    right: 220px;
    top: 50px;
    border: 0px solid red;
}

#route_search_results h2
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    font-size: 16px;
    font-weight: bold;
}
#route_search_results ul
{
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;
    float: left;
    clear: both;
}
#route_search_results ul li
{
    border: 0px solid red;
    padding: 0 0 8px 0;
}
#route_search_results strong
{
    width: 95%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}

#route_search_error
{
    color: red;
}



/* SITEMAP */
#sitemap
{
    width: 460px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid red;
}
#sitemap ul
{
    width: 100%;
    margin: 0;
    padding: 0 0 0 30px;
    float: left;
    clear: both;
    list-style-type: none;
    border: 0px solid blue;
}
#sitemap ul li
{
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 18px;
    float: left;
    clear: both;
    border: 0px solid red;
}
#sitemap ul li a
{
    padding: 0 0 0 10px;
    border: 0px solid red;
    background: url(../Styles/Images/bg_arrow_grey.gif) left no-repeat;
}
#sitemap ul li ul
{
    width: 400px;
    float: left;
    clear: both;
    border: 0px solid yellow;
}
#sitemap ul li ul li
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid red;
}
#sitemap ul li ul li ul
{
    width: 340px;
    float: left;
    clear: both;
    border: 0px solid green;
}
#sitemap ul li ul li ul li
{
    width: 100%;
    float: left;
    clear: both;
    border: 0px solid green;
}

/* Agent List */
#agent_list
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid red;
}

/* VARIOUS */
.h3_grey
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    font-size: 19px;
    font-weight: normal;
    font-family: Arial,sans-serif;
    color: #787878;
}
#page_body h3
{
    width: 100%;
    margin: 0;
    padding: 0 0 6px 0;
    float: left;
    clear: both;
    font-size: 19px;
    font-weight: normal;
    font-family: Arial,sans-serif;
    color: #787878 !important;
    border: 0px solid red;
}


#this_div_ID_will_hide_the_duplicate_page_title
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border-top: 1px dotted #999;
}
#this_div_ID_will_hide_the_duplicate_page_title #page_banner_top
{
    display: none;
}

/* route lst - paging */
.pager_2
{
    width: 100%;
    margin: 28px 0 0 0;
    padding: 0;
    float: left;
    clear: both;
    border-top: 1px dotted #999;
}
.pager_2 ul
{
    width: 100%;
    margin: 10px 0 0 0 !important;
    padding: 0;
    float: left;
    clear: both;
    list-style-type: none;
    border: 0px solid red !important;
}
.pager_2 ul li
{
    width: auto;
    margin: 0;
    padding: 0 12px 0 0;
    float: left;
    border: 0px solid red;
    font-size: 11px;
}
.PagerHyperlinkStyle
{
    padding: 0 6px;
}

/* here */



/* LOGIN AREA: /Templates/Public/Pages/DubBus_Login.aspx?id=78 */
#login_area
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
#login_area fieldset
{
    width: 100%;
    margin: 0;
    padding: 10px;
    float: left;
    clear: both;
}
#login_area table
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
#login_area table td
{
    border: 0px solid red;
}
#login_area table td input
{
    border: 1px solid #e5e5e5;
}
#login_area table td input:focus
{
    border: 1px solid #18aeec;
}
#login_button_area
{
}
#login_button_area input
{
    margin: 0;
    padding: 0 10px;
    float: left;
    clear: both;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    background: #009ee0;
    border: 0 !important;
}

.IE_fix_1
{
    margin: 0 !important;
    padding: 0 !important;
    float: left;
    clear: both;
    border: 0px solid blue;
}


/*New Style 10/03/2010*/
.nav_border
{
    border-bottom: 10px solid #e5e5e5;
}
.box_route_buttons
{
    float: right;
    line-height: 1px;
}
.box_route_buttons div
{
    float: left;
    padding: 0 2px;
}
#lower_column_left_wide
{
    float: left;
    width: 219px;
}
#lower_column_right_mid
{
    float: right;
    width: 720px;
}
.title_route
{
    font-size: 130%;
    color: #009ee0;
    font-weight: bold;
}

#lower_column_left_main
{
    float: left;
    width: 720px;
}
#lower_column_right_banner
{
    float: right;
    width: 219px;
}

/*.route_planner_home {float:left; width:305px;}
.route_planner_home input{width:280px; padding:5px; background:#FFF; border:2px solid #d3a800; margin-bottom:10px; font-weight:bold; font-size:120%; font-family:Arial, Helvetica, sans-serif;}
*/
.route_planner_tooltip
{
    float: left;
    background: url(../Styles/Images/bg_tooltip.png) no-repeat;
    font-size: 90%;
    padding: 12px 20px 10px 25px;
    width: 217px;
    height: 98px;
    color: #fff;
    text-align: left;
}


#JourneySearchPanel
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
#JourneySearchPanel ul
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    list-style-type: none;
}
#JourneySearchPanel ul li
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
#JourneySearchPanel div ul li div
{
    border: 0px solid red;
    float: left;
}


/*#ctl00_FullRegion_MainRegion_RadComboBoxFrom{margin:0; padding:0 0 10px 0!important; float:left; clear:both; height:20px!important; 
   line-height:20px!important;}


#ctl00_FullRegion_MainRegion_RadComboBoxto{margin:0; padding:0 0 10px 0!important; float:left; clear:both; height:20px!important; line-height:20px!important;}
#ctl00_FullRegion_MainRegion_RadComboBoxto table{margin:0; padding:0; float:left; clear:both;}
#ctl00_FullRegion_MainRegion_RadComboBoxto table td{margin:0!important; padding:0!important; height:20px!important; line-height:20px!important;}
#ctl00_FullRegion_MainRegion_RadComboBoxto input{margin:0; padding:0; float:left; clear:both; height:20px!important; line-height:20px!important;
   background:0!important;}


.rcbInput{margin:0!important; padding:0 0 0 3px!important; height:20px!important; line-height:20px!important;
   background:0!important;}
 */
/*#ctl00_FullRegion_MainRegion_JourneySearch1_Panel3{width:400px!important; margin:0!important; padding:0!important; float:left; clear:both; 
   border:0px solid red!important;}
#ctl00_FullRegion_MainRegion_JourneySearch1_Panel3 input{margin:0 0 0 5px; padding:0; float:left;}
*/
.fix_for_70X
{
    max-width: 400px;
    width: auto !important;
    width: 400px;
    float: left;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}

.timetable_file_name
{
    width: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    display: none;
}

/* ROUTE PLANNER */
/*
don't want h1 on this page:- http://dublinbus.dev.biznetprojects.co.uk/Your-Journey1/Route-Planner/
see: RoutePlanListing.aspx
The div was originally called MainBody, which isn't defined in this stylesheet nor inline.
*/
#RoutePlanner_MainBody h1
{
    display: none;
}

/*.TT_tip{width:352px; border:0px solid red; display:none; position:absolute; top:105px; left:350px; z-index:1000;}*/
.TT_tip
{
    width: 352px;
    border: 0px solid red;
    display: none;
    position: absolute;
    top: -68px;
    left: 75px;
    z-index: 1000;
}
.TT_tip_top
{
    width: 352px;
    height: 6px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    line-height: 0;
    font-size: 0;
    background: url(../Styles/Images/TT_tip1_top_BG1.gif);
}
.TT_tip_middle
{
    width: 352px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    line-height: 0;
    font-size: 0;
    background: url(../Styles/Images/TT_tip1_middle_BG1.gif);
}
.TT_tip_header
{
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    color: #000 !important;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma,Arial,sans-serif;
    text-align: center;
    background: #fed202 url(../Styles/Images/TT_tip1_middle_BG1.gif);
    border: 0px solid red;
}
.TT_tip_header_txt
{
    width: 326px;
    height: 24px;
    float: left;
    clear: none;
    line-height: 24px;
}
.TT_tip_header_txt a
{
    font-weight: normal;
    text-decoration: none;
}
.TT_tip_header_txt a:hover
{
    text-decoration: underline;
}
.TT_tip_close
{
    width: 14px;
    height: 14px;
    float: left;
    clear: none;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer;
    position: relative;
    top: 5px;
    background: url(../Styles/Images/TT_tip1_close_BG1.gif) top left no-repeat;
}
.TT_tip_txt_holder
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    background: #FFF url(../Styles/Images/TT_tip1_middle_BG1.gif);
}
.TT_tip_txt
{
    width: 328px;
    margin: 0 auto;
    padding: 6px 0;
    clear: both;
    font: 11px Tahoma;
    color: #000;
    border: 0px solid red;
}

.TT_tip_bottom
{
    width: 352px;
    height: 16px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    line-height: 0;
    font-size: 0;
    background: url(../Styles/Images/TT_tip1_bottom_BG1.gif);
}

#TT_tip1
{
    display: none;
}
#TT_tip2
{
    display: none;
}




.timetable_sheet_holder_two_column
{
    width: auto;
    margin: 0 3px 0 0;
}
.timetable_sheet_holder_two_column .applicable_days
{
    width: 328px !important;
}
.timetable_sheet_holder_two_column .hard_content
{
    width: 328px !important;
}
.timetable_sheet_holder_two_column .hard_content center
{
    width: 328px !important;
}
.timetable_sheet_holder_two_column .hard_content .no_service
{
    width: 328px !important;
}
.timetable_sheet_holder_two_column .time_item
{
    width: 80px;
}

.two_column_timetable_sheets_holder
{
    width: 675px !important;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid red;
    background: url(../Styles/Images/two_column_timetable_sheets_holder_BG1.gif) 0 28px repeat;
}
.two_column_timetable_sheets_holder .hard_content
{
    background: 0 !important;
    background: #E5E5E5 url(../Styles/Images/bg_3px_white.gif) top no-repeat !important;
    float: left !important;
    clear: both !important;
    border: 1px solid red; /*margin:3px 0 0 0; border-top:3px solid #FFF!important;*/
}

.two_column_timetable_sheets_holder table td table td .time_item
{
    width: 36px !important;
    margin: 0 !important;
    padding: 0 0 0 20px !important;
    border: 0px solid red;
    line-height: 23px;
    text-align: center !important;
}


/* Hua added new styles GF 03.10 */

.text_block
{
    font-size: 95%;
    padding: 3px 0;
}
.route_options_top
{
    padding: 10px 0 5px 0;
}
.route_options_top_key
{
    float: right;
    font-size: 95%;
}
.route_options
{
    padding: 10px 0 0 0;
}


.route_option_detail
{
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    background: #f5f5f5;
    padding: 10px 15px;
}

.route_option_detail_titles
{
    padding: 5px 0;
    font-size: 120%;
    font-weight: bold;
}
.route_option_detail_title_from
{
    float: left;
    padding-left: 44px;
    width: 270px;
}
.route_option_detail_title_to
{
    float: left;
    padding-left: 38px;
    width: 260px;
}

.route_option_detail_area
{
    font-size: 95%;
    margin-bottom: 2px;
    zoom: 1;
}
.route_option_detail_area_icon
{
    float: left;
    width: 30px;
    padding: 7px 0 0 0;
}
.route_option_detail_area_from
{
    float: left;
    width: 313px;
    color: #fff;
}
.route_option_detail_area_from_blue
{
    background: url(../Styles/Images/bg_route_option_blue.gif) top left no-repeat;
    padding: 4px 18px 4px 14px;
    height: 28px;
}
.route_option_detail_area_from_green
{
    background: url(../Styles/Images/bg_route_option_green.gif) top left no-repeat;
    padding: 4px 18px 4px 14px;
    height: 28px;
}
.route_option_detail_area_from_purple
{
    background: url(../Styles/Images/bg_route_option_purple.gif) top left no-repeat;
    padding: 4px 18px 4px 14px;
    height: 28px;
}
.route_option_detail_area_to
{
    float: left;
    padding: 4px 14px 4px 10px;
    height: 28px;
    width: 260px;
    color: #323232;
    background: url(../Styles/Images/bg_route_option_right.gif) top right no-repeat #e4e4e4;
}

.route_option_button
{
    padding: 10px 0;
    text-align: right;
}

.route_options_help
{
    border: 1px solid #cbcbcb;
    padding: 20px 10px 10px 15px;
}
.route_options_help table
{
    width: 100%;
    font-size: 95%;
    text-align: left;
    margin-top: 10px;
}
.route_options_help table th
{
    font-weight: bold;
}

.route_options table td, .route_options table td p
{
    font-size: 11px !important;
}

/* accordian */

.route_options h3.toggler
{
    text-decoration: none;
    cursor: pointer;
    padding: 10px 15px;
    font-size: 120%;
    color: #000;
    background: url(/Templates/Public/Styles/Images/btn_open.gif) 590px 10px no-repeat #ffffff;
    border: 1px solid #cbcbcb;
}
.element
{
    margin-bottom: 4px;
}

/*moo check*/
.checked
{
    background-color: #fed202;
    background: url(../Styles/Images/icon_check_on.jpg) no-repeat;
}
.unchecked
{
    background-color: #1c1c1c;
    background: url(../Styles/Images/icon_check_off.jpg) no-repeat;
}
/*.unchecked label{ margin-left: 2px; padding-left:2px;}
.checked label{ margin-left: 2px;padding-left:2px;}*/
.checked label
{
    float: left;
    padding: 0 0 0 18px !important;
}
.unchecked label
{
    float: left;
    padding: 0 0 0 18px !important;
}

.route_options_top_right_icons td
{
    vertical-align: middle !important;
}
.route_options_top_right_icons td span
{
    position: relative !important;
    top: -8px !important;
    padding: 0 0 0 6px;
}


/* Hua added 31/03/2010 */
/* new styles GF 03.10 */

.timetable_listing_inner
{
    padding: 10px 0 15px 0;
    border-bottom: 1px dotted #999999;
    margin-bottom: 15px;
}
.timetable_listing_inner_select
{
    float: left;
    padding: 10px;
    width: 375px;
    background: #FFF;
    border: 2px solid #cbcbcb;
    margin-bottom: 17px;
    margin-right: 5px;
}
.timetable_listing_inner_button
{
    float: left;
    padding: 4px;
}
.timetable_listing h3
{
    font-size: 175%;
    color: #787878;
    font-weight: normal;
}

.route_listing
{
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #999999;
}
.route_listing h3
{
    font-size: 175%;
    color: #787878;
    font-weight: normal;
}
.route_listing_inner
{
    padding: 10px 0 15px 0;
    margin-bottom: 15px;
}
.route_listing_inner_select
{
    width: 460px;
    padding: 5px 10px;
    background: #FFF;
    border: 2px solid #cbcbcb;
    margin-bottom: 17px;
    margin-right: 5px;
}

.timetable_listing_pages
{
    font-size: 95%;
    padding: 10px 0 0 0;
}


/* Hua added 02/04/2010 */
/* new styles GF 04.10 */


.box_yellow_top
{
    border-bottom: 1px solid #dbaf00;
    background: url(../Styles/Images/bg_box_yellow_top_home.gif) top right no-repeat #ffcc00;
    zoom: 1;
    padding: 10px 25px;
}
.box_yellow_bottom
{
    border-top: 1px solid #ffdf5f;
    padding: 20px 25px;
    background: #ffcc00;
    zoom: 1;
    min-height: 150px;
    height: auto !important;
    height: 150px;
}

.route_planner
{
    float: left;
    width: 450px;
}
.route_planner_select
{
    width: 440px;
    float: left;
    clear: both;
    padding: 5px 10px;
    background: #FFF;
    border: 2px solid #d3a801;
    margin-bottom: 17px;
    margin-left: 5px;
}
.route_planner_button
{
    float: left;
    padding-left: 6px;
}
.route_planner_help_home
{
    float: right;
    padding: 8px;
    font-size: 95%;
}
.route_planner_help_home a
{
    text-decoration: none;
    color: #000000;
}
.route_planner_help_home a:hover
{
    text-decoration: underline;
}


.timetable_search
{
    float: left;
    width: 490px;
}
.timetable_search_select
{
    float: left;
    width: 375px;
    padding: 5px 10px;
    background: #FFF;
    border: 2px solid #d3a801;
    margin-bottom: 17px;
    margin-right: 5px;
}
.timetable_search_button
{
    float: left;
    padding: 4px;
}
.timetable_search_help_home
{
    padding: 4px 0;
    font-size: 95%;
}
.timetable_search_help_home a
{
    text-decoration: none;
    color: #000000;
}
.timetable_search_help_home a:hover
{
    text-decoration: underline;
}


.box_options
{
    float: right;
    background: url(../Styles/Images/bg_options.png) no-repeat;
    font-size: 90%;
    padding: 10px 20px 10px 15px;
    width: 365px;
    height: 125px;
    color: #fff;
    text-align: left;
    border: 0px solid red;
}

.box_options_title
{
    font-size: 150%;
    font-weight: bold;
    padding-bottom: 15px;
}
.box_options_text
{
    padding-bottom: 10px;
}

.box_options_select
{
    float: left;
    width: 260px;
    color: #000000;
    padding: 7px;
    background: #FFF;
    border: 2px solid #0099be;
    font-weight: bold;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 5px;
}
.box_options_button
{
    float: left;
}

.box_yellow_tabs
{
    /*width:950px;*/
    border-top: 1px solid #ffdf5f;
    padding: 6px 6px 6px 0px;
    background: #ffcc00;
    zoom: 1;
    min-height: 178px;
    height: auto !important;
    height: 178px; /* previously was 160px; */
}
#ctl00_FullRegion_MainRegion_dlRoutePlannerOptions, #ctl00_FullRegion_MainRegion_dlTimetableOptions
{
    height: 20px !important;
    font-size: 11px !important;
    line-height: 20px !important;
}
.tab
{
    float: left;
    width: 190px;
    height: 68px;
    background: url(../Styles/Images/bg_tab.gif) no-repeat;
    margin: 10px 20px;
    border: 0px solid red;
}
.tab_image
{
    float: left;
    padding: 5px;
    width: 58px;
    border: 0px solid blue;
}
.tab_text
{
    float: left;
    padding: 8px 15px 8px 4px;
    width: 100px;
    font-weight: bold;
    font-size: 95%;
}
.tab_text a
{
    color: #000;
    text-decoration: none;
}
.tab_text a:hover
{
    color: #000;
    text-decoration: underline;
}
.timetable_listing_pages ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0 10px;
}
.timetable_listing_pages ul li
{
    display: inline;
    padding: 0 3px;
}
.timetable_listing_pages ul li a
{
    text-decoration: none;
}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.f
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide
{
    display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber
{
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
.tabberlive
{
    width: 960px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: left;
    clear: both;
    border: 0px solid green;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab


#nav {float:left; }
#nav ul {list-style:none; padding:0px; margin:0px; font-size:120%; font-weight:bold;}
#nav li {float:left;  background:url(../Styles/Images/bg_nav_left.gif) top left no-repeat #009ee0; padding:0px; margin-right:3px;zoom:1;}
#nav li a{background:url(../Styles/Images/bg_nav_right.gif) top right no-repeat; display:block; padding:15px 18px; color:#FFF; text-decoration:none; }
#nav li a:hover {color:#c3e2ef; }

#nav li.selected {background:url(../Styles/Images/bg_nav_selected_left.gif) top left no-repeat #000000; }
#nav li.selected a{background:url(../Styles/Images/bg_nav_selected_right.gif) top right no-repeat;}

  --------------------------------------------------*/
ul.tabbernav
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 120%;
    font-weight: bold;
}


ul.tabbernav li
{
    background: url(../Styles/Images/bg_nav_left.gif) top left no-repeat #009ee0;
    padding: 0px;
    margin-right: 3px;
    zoom: 1;
    float: left;
}

ul.tabbernav li a
{
    background: url(../Styles/Images/bg_nav_right.gif) top right no-repeat;
    display: block;
    padding: 15px 18px;
    color: #FFF;
    text-decoration: none;
}

ul.tabbernav li a:hover
{
    color: #c3e2ef;
}

ul.tabbernav li.tabberactive
{
    background: url(../Styles/Images/bg_nav_selected_left.gif) top left no-repeat #000000;
}

ul.tabbernav li.tabberactive a
{
    background: url(../Styles/Images/bg_nav_selected_right.gif) top right no-repeat;
}

ul.tabbernav li.tabberactive a:hover
{
    color: #fff;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
.box_yellow {margin-bottom:30px; background:url(../Styles/Images/bg_box_yellow.gif) top right no-repeat #ffcc00;  zoom:1;}
  --------------------------------------------------*/
.tabberlive .tabbertab
{
    border-top: 0;
    background: url(../Styles/Images/bg_box_yellow.gif) top right no-repeat #ffcc00;
    zoom: 1; /* If you don't want the tab size changing whenever a tab is changed     you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a     scrollbar when necessary */ /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
/*.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/*
/* Example of using an ID to set different styles for the tabs on the page */
/*.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
*/


/* Custom Rad control style*/
div.CustomRadComboxCssClass .rcbInputCell INPUT.rcbEmptyMessage
{
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
}


/* RadComboBox Default skin */

/*global*/

.RadComboBox_50pxOffice2007, .RadComboBox_50pxOffice2007 .rcbInput, .RadComboBoxDropDown_50pxOffice2007
{
    font: 18px "Segoe UI" , Arial, sans-serif;
    color: #333;
}

/* combobox */

.RadComboBox_50pxOffice2007 .rcbInputCellLeft, .RadComboBox_50pxOffice2007 .rcbInputCellRight, .RadComboBox_50pxOffice2007 .rcbArrowCellLeft, .RadComboBox_50pxOffice2007 .rcbArrowCellRight
{
    background-image: url('/RadControls/ComboBox/rcbSprite.png');
}


/*
* html .RadComboBox_50pxOffice2007 .rcbInputCellLeft,
* html .RadComboBox_50pxOffice2007 .rcbInputCellRight,
* html .RadComboBox_50pxOffice2007 .rcbArrowCellLeft,
* html .RadComboBox_50pxOffice2007 .rcbArrowCellRight
{
	background-image: url('/RadControls/ComboBox/rcbSpriteIE6.png');
        border:0px solid red!important
}
*/

.RadComboBox_50pxOffice2007 td.rcbInputCellLeft
{
    background-position: 0 0;
}
.RadComboBox_50pxOffice2007 td.rcbInputCellRight
{
    background-position: 100% 0;
}

.RadComboBox_50pxOffice2007 .rcbHovered .rcbInputCellLeft
{
    background-position: 0 0;
}
.RadComboBox_50pxOffice2007 .rcbHovered .rcbInputCellRight
{
    background-position: 100% 0;
}

.RadComboBox_50pxOffice2007 .rcbFocused .rcbInputCellLeft
{
    background-position: 0 0;
}
.RadComboBox_50pxOffice2007 .rcbFocused .rcbInputCellRight
{
    background-position: 100% 0;
}

.RadComboBox_50pxOffice2007 .rcbHovered .rcbReadOnly td.rcbInputCellLeft
{
    background-position: 0 -50px;
}
.RadComboBox_50pxOffice2007 .rcbHovered .rcbReadOnly td.rcbInputCellRight
{
    background-position: 100% -50px;
}

.RadComboBox_50pxOffice2007 .rcbFocused .rcbReadOnly td.rcbInputCellLeft
{
    background-position: 0 -100px;
}
.RadComboBox_50pxOffice2007 .rcbFocused .rcbReadOnly td.rcbInputCellRight
{
    background-position: 100% -100px;
}

.RadComboBox_50pxOffice2007 .rcbInputCell .rcbEmptyMessage
{
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
}

.RadComboBox_50pxOffice2007 .rcbHovered .rcbInputCell .rcbInput
{
    color: #000;
}

.RadComboBox_50pxOffice2007 td.rcbArrowCellLeft
{
    background-position: -18px -200px;
}
.RadComboBox_50pxOffice2007 td.rcbArrowCellRight
{
    background-position: 0 -200px;
}

.RadComboBox_50pxOffice2007 .rcbHovered .rcbArrowCellLeft
{
    background-position: -54px -200px;
}
.RadComboBox_50pxOffice2007 .rcbHovered .rcbArrowCellRight
{
    background-position: -36px -200px;
}

.RadComboBox_50pxOffice2007 .rcbFocused .rcbArrowCellLeft
{
    background-position: -90px -200px;
}
.RadComboBox_50pxOffice2007 .rcbFocused .rcbArrowCellRight
{
    background-position: -72px -200px;
}

.RadComboBox_50pxOffice2007 td.rcbArrowCellHidden, .RadComboBox_50pxOffice2007 .rcbHovered td.rcbArrowCellHidden, .RadComboBox_50pxOffice2007 .rcbFocused td.rcbArrowCellHidden
{
    background-position: -15px -200px;
}

/* Read-only styles */

.RadComboBox_50pxOffice2007 .rcbHovered .rcbReadOnly td.rcbArrowCellHidden
{
    background-position: -51px -200px;
}
.RadComboBox_50pxOffice2007 .rcbFocused .rcbReadOnly td.rcbArrowCellHidden
{
    background-position: -87px -200px;
}

.RadComboBox_50pxOffice2007 .rcbReadOnly td.rcbArrowCellLeft
{
    background-position: -18px -200px;
}
.RadComboBox_50pxOffice2007 .rcbReadOnly td.rcbArrowCellRight
{
    background-position: -2px -200px;
}

.RadComboBox_50pxOffice2007 .rcbHovered .rcbReadOnly .rcbArrowCellLeft
{
    background-position: -54px -200px;
}
.RadComboBox_50pxOffice2007 .rcbHovered .rcbReadOnly .rcbArrowCellRight
{
    background-position: -38px -200px;
}

.RadComboBox_50pxOffice2007 .rcbFocused .rcbReadOnly .rcbArrowCellLeft
{
    background-position: -90px -200px;
}
.RadComboBox_50pxOffice2007 .rcbFocused .rcbReadOnly .rcbArrowCellRight
{
    background-position: -74px -200px;
}

.RadComboBox_50pxOffice2007 .rcbReadOnly td.rcbArrowCellHidden
{
    background-position: -15px -200px;
}
.RadComboBox_50pxOffice2007 .rcbHovered .rcbReadOnly td.rcbArrowCellHidden
{
    background-position: -51px -200px;
}
.RadComboBox_50pxOffice2007 .rcbFocused .rcbReadOnly td.rcbArrowCellHidden
{
    background-position: -87px -200px;
}

/* dropdown */

.RadComboBoxDropDown_50pxOffice2007 .rcbHeader, .RadComboBoxDropDown_50pxOffice2007 .rcbFooter, .RadComboBoxDropDown_50pxOffice2007 .rcbMoreResults a
{
    background-image: url('/RadControls/ComboBox/rcbSprite.png');
}

* html .RadComboBoxDropDown_50pxOffice2007 .rcbHeader, * html .RadComboBoxDropDown_50pxOffice2007 .rcbFooter, * html .RadComboBoxDropDown_50pxOffice2007 .rcbMoreResults a
{
    background-image: url('/RadControls/ComboBox/rcbSpriteIE6.png');
}

.RadComboBoxDropDown_50pxOffice2007
{
    background: #fff;
    border-color: #868686; /*color: #00156e;*/
    color: #000;
}

.RadComboBoxDropDown_50pxOffice2007 .rcbHeader, .RadComboBoxDropDown_50pxOffice2007 .rcbFooter
{
    background-color: #f1f2f4;
    background-position: 0 -250px;
}

.RadComboBoxDropDown_50pxOffice2007 .rcbHeader
{
    border-bottom-color: #d5d5d5;
}

.RadComboBoxDropDown_50pxOffice2007 .rcbFooter
{
    border-top-color: #d5d5d5;
}

.RadComboBoxDropDown_50pxOffice2007 .rcbItem em
{
    background: #e5e5e5;
}

.RadComboBoxDropDown_50pxOffice2007 .rcbHovered
{
    background: #ffe27b;
    color: #000;
}

.RadComboBoxDropDown_50pxOffice2007 .rcbSeparator
{
    background: #fcc365;
    color: #000;
}

.RadComboBox_50pxOffice2007 .rcbDisabled .rcbInputCell .rcbInput, .RadComboBoxDropDown_50pxOffice2007 .rcbDisabled
{
    color: #999;
}

.RadComboBox_50pxOffice2007 .rcbDisabled td.rcbInputCellLeft
{
    background-position: 0 -150px;
}
.RadComboBox_50pxOffice2007 .rcbDisabled td.rcbInputCellRight
{
    background-position: 100% -150px;
}
.RadComboBox_50pxOffice2007 .rcbDisabled td.rcbArrowCellLeft
{
    background-position: -126px -200px;
}
.RadComboBox_50pxOffice2007 .rcbDisabled td.rcbArrowCellRight
{
    background-position: -108px -200px;
}
.RadComboBox_50pxOffice2007 .rcbDisabled .rcbReadOnly td.rcbArrowCellRight
{
    background-position: -110px -200px;
}
.RadComboBox_50pxOffice2007 table.rcbDisabled td.rcbArrowCellHidden, .RadComboBox_50pxOffice2007 .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden
{
    background-position: -123px -200px;
}

.RadComboBoxDropDown_50pxOffice2007 .rcbLoading
{
    background: #f0f0f0;
}

.RadComboBoxDropDown_50pxOffice2007 .rcbMoreResults
{
    border-top-color: #c6c7d2;
    background-color: #fff;
    color: #8d8d8d;
}

.RadComboBoxDropDown_50pxOffice2007 .rcbMoreResults a
{
    background-position: -157px -220px;
}

div.RadComboBox_50pxOffice2007 table td.rcbInputCell
{
    height: 25px;
    line-height: 50px;
}


/* VARIOUS */
/* drop down arrows for HP route planner DDs */
#ctl00_FullRegion_MainRegion_RadComboBoxFrom_Arrow, #ctl00_FullRegion_MainRegion_JourneySearch1_comboBoxRoute_Arrow, #ctl00_FullRegion_MainRegion_RadComboBoxto_Arrow, #ctl00_FullRegion_MainRegion_JourneySearch1_comboBoxPlace_Arrow
{
    float: left;
    width: 18px;
    height: 22px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    border: 1px solid #FFF;
    background: url(../Styles/Images/down_arrow.gif) no-repeat !important;
}

/*
#ctl00_FullRegion_MainRegion_RadComboBoxto_Arrow{float:left; width:18px;  height:22px; border:1px solid blue;
   background:url(../Styles/Images/down_arrow.gif) no-repeat!important;}
.rcbArrowCell{background:none!important;}
.rcbArrowCellRight{background:none!important;}
*/


.emer_banner
{
    width: 100%;
    margin: 20px 0 0 0 !important;
    padding: 0;
    float: left;
    clear: both;
    border: 0px solid red;
}




.mappage_buttons a
{
    text-decoration: none;
}


/* Added PL 4/10/10 */
/*************************/
/* FORMS                 */
/*************************/

.xForm
{
}

.xForm h2
{
    padding: 1em 0;
    margin: 0;
}

.xForm .heading
{
    font-weight: bold;
    font-size: 1em;
    padding: 0;
    margin: 0.4em 0em;
}

.xForm #id_matrix
{
    width: 100%;
    margin: 0;
    padding: 0;
}
.xForm #id_matrix td
{
    border: 0;
    margin: 0;
    padding: 0.2em 0;
}

span.xformvalidator
{
    color: Red;
}

.xForm input, .xForm .options
{
    position: inherit !important;
    left: inherit !important;
    float: left;
}

.xForm fieldset
{
    border: 1px solid #cdcdcd;
    width: 198px;
    margin: 0;
    padding: 4px;
    float: left;
    clear: both;
}

.xForm legend
{
    color: #606060;
    padding: 10px 5px;
}

.xForm label
{
    line-height: 1.7em;
    margin-right: 0.5em;
    float: left;
    width: 120px;
}

#id_matrix br
{
    clear: both;
}

.thankyoumessage
{
    padding: 1em 0;
    margin: 0;
    font-weight: bold;
}

/*.xForm input.value, .xForm textarea.textbox{width:200px;}*/




/* New styles - PL */

/* home page tabs */
#tabs
{
    clear: left;
}
.CustomTabStyle
{
}
.CustomTabStyle .ajax__tab_header
{
    float: left;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    font-size: 120%;
    border: 0px solid blue;
    width: 800px;
}
.CustomTabStyle .ajax__tab_outer
{
    background: url(../Styles/Images/bg_nav_left.gif) top left no-repeat #009ee0;
    padding: 0px;
    margin-right: 3px;
    zoom: 1;
    float: left;
}
.CustomTabStyle .ajax__tab_inner
{
    background: url(../Styles/Images/bg_nav_right.gif) top right no-repeat;
    display: block;
    color: #FFF;
    text-decoration: none;
}
.CustomTabStyle .ajax__tab_tab
{
    padding: 15px 18px;
    cursor: pointer;
}
.CustomTabStyle .ajax__tab_active
{
}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer
{
    background: url(../Styles/Images/bg_nav_selected_left.gif) top left no-repeat #000000;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner
{
    background: url(../Styles/Images/bg_nav_selected_right.gif) top right no-repeat;
}
.CustomTabStyle .ajax__tab_hover span
{
    color: #c3e2ef;
}
.ajax__tab_body
{
    clear: left;
}

a.whats_on_link
{
    text-decoration: none;
    color: white;
}

a.whats_on_link:hover
{
    color: #C3E2EF;
}

.box_banners_horizontal
{
    width: 735px;
    float: left;
    clear: both;
    margin: 11px 0 0 0 !important;
    border: 2px solid #b4b4b4;
    padding: 8px 4px 7px 4px;
}
/*.box_banners_horizontal img{float:left; margin:0 1px 0 6px!important;}*/
.box_banners_horizontal table
{
    width: 735px;
    border: 0px solid #000;
}
.rotate
{
    height: 103px;
    width: 238px;
    padding: 0;
    margin: 0 0 0 2px;
}

.rotate img
{
    width: 238px;
    height: 103px;
    top: 0;
    left: 0;
}


/* rtpi build start - home - janny 17.11.10 */
.overflow
{
    overflow: hidden;
}

#rtpi-functions
{
    position: relative;
    height: 150px;
}
.rpti-item
{
    position: absolute;
    padding-left: 25px;
    width: 415px;
}
.rtpi-number
{
    top: 0px;
    left: 0px;
}
.rtpi-address
{
    top: 0px;
    left: 460px;
}
.rtpi-route
{
    top: 60px;
    left: 0px;
}
.rtpi-map
{
    top: 60px;
    left: 460px;
}
.rtpi-input
{
    border: 2px solid #D3A801;
    background: #fff;
    padding: 6px 10px;
    width: 328px;
}

.rpti-item div.info-icon
{
    position: absolute;
    top: 10px;
    left: 0px;
}
.rpti-item div.rtpi-launch
{
    position: absolute;
    top: 0px;
    right: 0px;
}

.rtpi-input input.box
{
    border: 1px solid #fff;
    width: 280px;
    font-size: 130%;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    padding-left: 2px;
    color: #000000;
}

#rtpi-functions p
{
    position: absolute;
    top: 105px;
    left: 28px;
    font-size: 90%;
}
#rtpi-functions p span
{
    display: block;
    text-decoration: underline;
}

.rtpi-input a
{
    display: block;
    height: 21px;
    text-decoration: none;
}

/* rtpi home tooltip */
div.info-icon span
{
    cursor: pointer;
}
div.info-icon em
{
    font-style: normal;
    display: none;
    position: absolute;
    top: -110px;
    width: 303px;
    height: 81px;
    left: -21px;
    z-index: 2;
    background: transparent url(Images/bg-pop-up.png) top left no-repeat;
    padding: 10px 10px;
    color: #fff;
}
em h3
{
    background: none;
    color: #fff;
    border: 0px;
    padding: 0px;
}
em span
{
    font-size: 90%;
    margin-top: 10px;
    display: block;
}

/* rtpi stop results - janny */
#route-selection
{
    padding: 10px;
    font-size: 90%;
}
#route-selection div.option
{
    padding: 5px 0px;
    margin-bottom: 8px;
}
#route-selection div.option select
{
    width: 177px;
    font-size: 100%;
    height: 20px;
}
#route-selection div.go
{
    float: right;
    text-indent: -9999px;
}
#route-selection div.go a
{
    background: url(Images/btn-search-go.gif) top left no-repeat;
    width: 28px;
    height: 21px;
    display: block;
}
#route-selection p span
{
    display: block;
    padding-top: 10px;
}
#route-selection .control
{
    float: left;
    font-size: 90%;
    height: 24px;
    padding: 2px;
    width: 172px !important;
    border: 0px solid #ababab;
}

#real-time-display
{
    padding: 10px;
}
table#stop-detail
{
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}
table#stop-detail th
{
    text-align: left;
    font-size: 90%;
}
table#stop-detail td
{
    font-size: 120%;
    font-weight: bold;
    color: #009ee0;
}

#stop-nums
{
    margin: 10px 0px;
    font-weight: bold;
    font-size: 90%;
    position: relative;
}
#stop-nums table tr td input
{
    vertical-align: middle;
}
#stop-nums div.select
{
    position: absolute;
    top: 5px;
    right: 0px;
    text-indent: -9999px;
}
#stop-nums div.select a
{
    background: url(Images/btn-select-all.gif) top right no-repeat;
    display: block;
    height: 17px;
    width: 70px;
}

#stop-nums div.deselect
{
    position: absolute;
    top: 5px;
    right: 0px;
    text-indent: -9999px;
}
#stop-nums div.deselect a
{
    background: url(Images/btn-deselect-all.gif) top right no-repeat;
    display: block;
    height: 17px;
    width: 70px;
}

table#rtpi-results
{
    width: 100%;
}
table#rtpi-results tr th, table#rtpi-results tr td
{
    text-align: left;
    padding: 5px 8px;
}
table#rtpi-results tr td
{
    border-bottom: 1px solid #fff !important;
}
table#rtpi-results tr.odd
{
    background: #efefef;
}
table#rtpi-results tr.even
{
    background: #eaeaea;
}
table#rtpi-results tr.yellow
{
    background: #ffcc00;
}
table#rtpi-results tr td img
{
    margin-right: 5px;
}
table#rtpi-results tr td a
{
    text-align: center;
    display: block;
}

table#rtpi-stops-key
{
    width: 100%;
    font-size: 90%;
    margin-top: 10px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}
table#rtpi-stops-key img
{
    vertical-align: middle;
}
table#rtpi-stops-key tr td span
{
    padding-left: 18px;
    display: block;
}
table#rtpi-stops-key tr td
{
    vertical-align: top;
}

.refresh-data
{
    color: #7a7979;
    position: relative;
    padding: 10px 0px;
    font-size: 90%;
}
.refresh-data div.button
{
    position: absolute;
    top: 10px;
    right: 0px;
    text-indent: -9999px;
}
.refresh-data div.button a
{
    display: block;
    background: url(Images/btn-refresh.gif) top left no-repeat;
    width: 73px;
    height: 17px;
}

#rtpi-routes-display
{
    display: none;
    border: 2px solid #B4B4B4;
    margin-top: 10px;
    padding: 10px;
    width: 658px;
}
/*.launch-routes{background:url(Images/btn-more-routes.gif) top left no-repeat; display:block; width:97px; height:19px; cursor:pointer; text-indent:-9999px; margin:10px 0px;}
.close-routes{background:url(Images/btn-close-routes.gif) top left no-repeat; display:block; width:97px; height:19px; cursor:pointer; text-indent:-9999px; margin:10px 0px;}
*/
#rtpi-routes-display h3
{
    color: #009EE0;
    font-size: 120%;
}
#rtpi-routes-display p
{
    font-size: 90%;
}
ul#route-list li
{
    float: left;
    margin: 0px 20px 15px 0px;
    font-size: 90%;
    width: 110px;
}
ul#route-list li span
{
    font-weight: bold;
}

/* route variant - janny */
table#route-variant-listing
{
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
table#route-variant-listing tr th
{
    text-align: left;
    font-size: 90%;
}
table#route-variant-listing tr td
{
    vertical-align: top;
}
table#route-variant-listing tr td span
{
    display: block;
    color: #009EE0;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 8px;
}
table#route-variant-listing tr td span a
{
    background: url(Images/btn-view-direction.gif) top left no-repeat;
    width: 97px;
    height: 19px;
    display: block;
    text-indent: -9999px;
}
.variant-msg
{
    padding: 5px 0px;
    text-align: center;
    font-size: 90%;
}

/* route variant direction - janny */
#route-variant-direction
{
    position: relative;
}
#route-variant-direction table
{
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#route-variant-direction table tr th
{
    text-align: left;
    font-size: 90%;
}
#route-variant-direction table tr td
{
    vertical-align: top;
}
#route-variant-direction table tr td span
{
    display: block;
    color: #009EE0;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 2px;
}

#route-variant-direction div.change-direction
{
    position: absolute;
    top: 12px;
    right: 0px;
    text-indent: -9999px;
}
#route-variant-direction div.change-direction a
{
    background: url(Images/btn-change-direction.gif)top left no-repeat;
    width: 107px;
    height: 21px;
    display: block;
}

/* rtpi map - janny */
#real-time-map
{
    position: relative;
}
#map_canvas
{
    position: relative; /*  		Width and height of the map were previously being set in the 		constructor of the map in JavaScript, but v3 doesn't give the 		option to do this. These are now being set here. 	*/
    width: 682px;
    height: 703px;
    margin-top: 2px;
}

#map-nav
{
    position: absolute;
    top: 10px;
    left: 10px;
}
#map-slider
{
    position: absolute;
    top: 10px;
    left: 20px;
}
#rtpi-map-options
{
    position: absolute;
    top: 10px;
    right: 5px;
    background-color: #ffffff;
    width: 182px;
    font-size: 90%;
    border: 1px solid #B4B4B4;
}
.option-info
{
    padding: 3px 10px 3px 3px;
}
.option-info h2
{
    font-size: 130%;
    color: #fff;
    font-weight: bold;
    background: url(Images/bg-map-h2.png) top left repeat-x;
    padding: 6px;
}
.option-info p
{
    padding: 2px 5px;
}
.option-info span
{
    display: block;
    margin-bottom: 10px;
}
#map-view
{
    position: absolute;
    bottom: 30px;
    right: 10px;
    background: #fff;
    border: 1px solid #a0a0a0;
    font-size: 90%;
}
table#map-icons tr td a
{
    text-decoration: none;
}
table#map-icons tr td
{
    padding: 5px;
}
table#map-icons tr td img
{
    vertical-align: top;
}

/* items that seem to be missing??? */
ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.box_yellow_bottom
{
    background: #FFCC00 url(Images/bg-yellow-box-bottom.jpg) bottom left repeat-x;
    border-top: 1px solid #FFDF5F;
    height: auto !important;
    min-height: 150px;
    padding: 20px 25px;
}
#bottom_links
{
    padding: 20px 0;
    border-top: 4px solid #E5E5E5;
    margin-top: 30px;
}
.box_route_bottom h3
{
    padding: 10px 15px;
    font-size: 120%;
    color: #000;
    background: url(Images/btn_open.gif) 590px 10px no-repeat #ffffff;
    border: 1px solid #cbcbcb;
}

/* added by PL 21/01/2011 */
.box_route_wide
{
    width: 682px;
}

/* updates to styles 27.01.11 */
#header_top
{
    padding-bottom: 8px;
}

##utility
{
    float: right;
    margin: 10px 0 10px 0;
}
#nav li
{
    float: left;
    background: url(images/bg_nav_left.gif) top left no-repeat;
    margin-right: 1px;
    zoom: 1;
}
#nav li a
{
    background: url(images/bg_nav_right.gif) top right no-repeat;
    display: block;
    padding: 14px 20px;
    color: #fff;
    text-decoration: none;
}
#nav li a:hover
{
    color: #ebebeb;
}
#nav li.selected
{
    background: url(images/bg_nav_selected_left.gif) top left no-repeat;
}
#nav li.selected a
{
    background: url(images/bg_nav_selected_right.gif) top right no-repeat;
}

/*#search {float:right; border:1px solid #b4b4b4; width:196px; margin-top:6px; zoom:1;}*/
.searchbox input
{
    border: 0;
    background: none;
    padding: 6px;
    height: 14px;
    width: 147px;
    color: #575757;
    font-size: 90%;
}

.box_yellow_bottom
{
    background: #FFCC00 url(Images/bg-yellow-box-bottom.jpg) bottom left repeat-x;
    border-top: 1px solid #FFDF5F;
    height: auto !important;
    min-height: 160px;
    padding: 15px;
}

#content
{
    padding-bottom: 0px;
    border-bottom: 0px solid #e5e5e5;
    zoom: 1;
    position: relative;
    z-index: 1;
}

.box_news_top_subscribe a
{
    text-decoration: none;
    color: #444;
}
.box_news_top_subscribe a:hover
{
    text-decoration: none;
    color: #444;
}

#rtpi-functions
{
    position: relative;
    height: 150px;
}
.rpti-item
{
    position: absolute;
    padding-left: 30px;
    width: 405px;
}
.rtpi-number
{
    top: 0px;
    left: 0px;
}
.rtpi-route
{
    top: 0px;
    left: 480px;
}
.rtpi-address
{
    top: 75px;
    left: 0px;
}
.rtpi-map
{
    top: 65px;
    left: 480px;
}
.rtpi-input
{
    border: 2px solid #D3A801;
    background: #fff;
    padding: 8px 10px;
    width: 328px;
}
.rtpi-map-btn
{
    position: relative;
    top: 4px;
}

.rtpi-notice
{
    position: relative;
    top: 135px;
    left: 10px;
    font-size: 90%;
    width: 100%;
}
.rtpi-notice-icon
{
    vertical-align: middle;
    padding: 0px 5px 0px 0px;
}

#route-selection div.option
{
    position: relative;
    padding: 5px 0px;
    margin-bottom: 12px;
    font-style: normal !important;
}
#route-selection div.option select
{
    width: 177px;
    font-size: 100%;
    height: 28px;
    padding: 5px;
}
#route-selection div.go a
{
    background: url(Images/btn-search-go.gif) top left no-repeat;
    width: 35px;
    height: 30px;
    display: block;
}

.box_route
{
    border: 2px solid #b4b4b4;
    padding: 2px;
    zoom: 1;
    margin: 0 0 20px 0;
}

.option-alt
{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0px;
}
.option-alt-btn
{
    position: relative;
    top: 8px;
}

.route-selection-notice img
{
    position: relative;
    top: 22px;
    left: 0px;
}
.route-selection-notice p
{
    margin: 0px 0px 15px 30px;
}

#stop-detail
{
    position: relative;
}
#stop-detail table
{
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}
#stop-detail table th
{
    text-align: left;
    font-size: 90%;
}
#stop-detail table td
{
    font-size: 120%;
    font-weight: bold;
    color: #009ee0;
}
.box_route_top div.refresh
{
    position: absolute;
    top: 8px;
    right: 8px;
    text-indent: -9999px;
}
.box_route_top div.refresh a
{
    background: url(Images/btn-refresh-results.gif) top right no-repeat;
    display: block;
    height: 25px;
    width: 132px;
}

.refresh-data
{
    color: #434343;
    padding: 10px 0px;
    font-size: 90%;
    text-align: center;
}

/*.launch-routes{background:url(Images/btn-more-routes.gif) top left no-repeat; display:block; width:94px; height:30px; cursor:pointer; text-indent:-9999px; margin:10px 0px;}
.close-routes{background:url(Images/btn-close-routes.gif) top left no-repeat; display:block; width:94px; height:30px; cursor:pointer; text-indent:-9999px; margin:10px 0px;}
*/
table#route-variant-listing tr td span a
{
    background: url(Images/btn-view-direction.gif) top left no-repeat;
    width: 106px;
    height: 30px;
    display: block;
    text-indent: -9999px;
}

#route-variant-direction div.change-direction
{
    position: absolute;
    top: 3px;
    right: 0px;
    text-indent: -9999px;
}
#route-variant-direction div.change-direction a
{
    background: url(Images/btn-change-direction.gif) top right no-repeat;
    display: block;
    height: 31px;
    width: 132px;
}

#map-options
{
    position: absolute;
    top: 10px;
    right: 5px;
    background: url(Images/bg-map-panel.png) top left no-repeat;
    width: 191px;
    height: 390px;
    font-size: 90%;
}
.option-info-content
{
    padding: 10px;
}
.option-info-content h3
{
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font-size: 100%;
    font-weight: bold;
}
.option-info-content-divider
{
    border-bottom: 1px solid #b9b9b9;
    margin: 0px;
    padding: 10px 0px 0px 0px;
}
/*.option-info-content img{position:relative; top:10px; left:0px;}
.option-info-content p{position:relative; top:-10px; left:0px; margin:0px 5px 0px 25px; padding:0px;}*/

#box-sms
{
    border: 5px solid #0ca9da;
    background: #0898c4;
    padding: 15px 10px;
    color: #fff;
}
#box-sms img
{
    float: left;
    width: 30px;
    padding: 0px 8px 0px 0px;
}
#box-sms h3
{
    font-size: 80%;
    margin: 0px;
    padding: 0px;
}
#box-sms p
{
    font-size: 180%;
    margin: 0px;
    padding: 0px;
}


/* added by PL 2/02/2011 */
.riTextBox, .rcbEmptyMessage
{
    font-style: normal !important;
    color: #000 !important;
}
.riHover, .riFocused, .rcbHovered .rcbEmptyMessage
{
    border-color: #ababab !important;
    color: #333 !important;
}
.rtpi-input input.box:hover
{
    color: #333 !important;
}
#real-time-listing
{
    padding: 10px;
}
#lower_column_leftmiddle
{
    float: left;
    width: 671px;
    margin: 0;
    padding: 0 30px;
    font-size: 11px !important;
}

/* RTPI error */
#rtpi_error
{
    width: 606px;
    height: 375px;
    margin: 0;
    padding: 50px 40px;
    float: left;
    border: 2px solid #b4b4b4;
    text-align: center;
}
#rtpi_error2, #rtpi_error3
{
    height: 375px;
    text-align: center;
}
.rtpi_error
{
    width: 606px;
    height: 375px;
    text-align: center;
}

.display_none
{
    display: none;
}

/* Route Picker popups */
.route_planner_select_inner
{
    float: left;
}

/* rtpi home tooltip */
div.route_planner_info-icon
{
    position: relative;
    top: 5px;
    left: 5px;
    float: left;
}
div.route_planner_info-icon span
{
    cursor: pointer;
}
div.route_planner_info-icon em
{
    font-style: normal;
    display: none;
    position: absolute;
    top: -110px;
    width: 303px;
    height: 81px;
    left: -21px;
    z-index: 2; /*background:transparent url(Images/bg-pop-up.png) top left no-repeat;*/
    background: rgba(0,0,0,.8);
    border-radius: 10px;
    border: 2px solid #000;
    padding: 10px 10px;
    color: #fff;
}
.route_planner_info-triangle
{
    position: absolute;
    margin: 72px 0px 0px 12px;
}

/* Real time landing page */
#routeplanner_column_right_left
{
    float: left;
    padding: 0;
    width: 487px;
}
#routeplanner_column_right_right
{
    float: right;
    padding: 0;
    width: 193px;
}

/* Fixes */
body > #aspnetForm .ajax__tab_body
{
    overflow: inherit !important;
}


/* updates to styles 11.02.11 */
a
{
    color: #009ee0;
    text-decoration: underline;
    outline: none;
}
a:hover
{
    color: #4fbfed;
    outline: none;
}

#route-selection div.go a
{
    background: url(Images/btn-search-go.gif) top left no-repeat;
    width: 35px;
    height: 30px;
    display: block;
    outline: none;
}
#stop-detail div.refresh a
{
    background: url(Images/btn-refresh-results.gif) top right no-repeat;
    display: block;
    height: 31px;
    width: 132px;
    outline: none;
}
table#route-variant-listing tr td span a
{
    background: url(Images/btn-view-direction.gif) top left no-repeat;
    width: 106px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    outline: none;
}
#route-variant-direction div.change-direction a
{
    background: url(Images/btn-change-direction.gif) top right no-repeat;
    display: block;
    height: 31px;
    width: 132px;
    outline: none;
}

.rtpi-lower-landing-search
{
    position: relative;
    padding: 5px 0px;
    margin-bottom: 15px;
}
.rtpi-lower-landing-search select
{
    width: 307px;
    font-size: 120%;
    padding: 10px;
    width: 375px;
    font-weight: bold;
    font-size: 120%;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
}
.rtpi-lower-landing-search div.go
{
    position: absolute;
    right: 70px;
    top: 10px;
    text-indent: -9999px;
}
.rtpi-lower-landing-search div.go a
{
    background: url(Images/btn-search-go.gif) top left no-repeat;
    width: 35px;
    height: 30px;
    display: block;
}


.icon-info
{
    position: absolute;
    top: 10px;
    right: 10px;
}

/* updates to styles 30.03.11 */
.launch-routes
{
    background: url(Images/btn-more-routes.gif) top left no-repeat;
    display: block;
    width: 132px;
    height: 30px;
    cursor: pointer;
    text-indent: -9999px;
    margin: 10px 0px;
}
.close-routes
{
    background: url(Images/btn-close-routes.gif) top left no-repeat;
    display: block;
    width: 80px;
    height: 30px;
    cursor: pointer;
    text-indent: -9999px;
    margin: 10px 0px;
}

/* added for map how to launch HW*/
div.launch-how-to
{
    background: url(Images/btn-how-search-down.jpg) top left no-repeat;
    display: block;
    width: 180px;
    height: 28px;
    cursor: pointer;
    text-indent: -9999px;
}
div.close-how-to
{
    background: url(Images/btn-how-search-up.jpg) top left no-repeat;
    display: block;
    width: 180px;
    height: 28px;
    cursor: pointer;
    text-indent: -9999px;
}
#info-how-to
{
    display: none;
    background-color: White;
}
.clear
{
    overflow: hidden;
    clear: both;
}
.option-info-content-col-1
{
    float: left;
    width: 25px;
    padding: 10px 0px;
}
.option-info-content-col-2
{
    float: left;
    width: 110px;
    padding: 0px 0px;
}

/* updates to styles 28.04.11 */
.btn-back
{
    display: none;
}


/*#gm_infobox a {display:none;}
.gmnoprint a {display:none;}*/

.bulleted-section ul
{
    list-style: outside disc !important;
}

/*#styles added by louise for accordion landing*/


.route_options_accordion
{
    padding: 10px 0 0 0;
}

.route_options_accordion table td, .route_options table td p
{
    font-size: 11px !important;
}

/* accordian */

.route_options_accordion h3.toggler
{
    text-decoration: none;
    cursor: pointer;
    padding: 10px 15px;
    font-size: 120%;
    color: #000;
    background: url(/Templates/Public/Styles/Images/tier-active.png) top right no-repeat #FFCC00 !important;
    border: 1px solid #cbcbcb;
}
.route_options_accordion h3
{
    text-decoration: none;
    cursor: pointer;
    padding: 10px 15px;
    font-size: 120%;
    color: #000;
    background: url(/Templates/Public/Styles/Images/tier-nonactive.png) top right no-repeat #FFCC00 !important;
    border: 1px solid #cbcbcb;
}

/* Weather */
.fav_weather_box
{
    background-image: url("../Styles/Images/main-bg.jpg");
    background-repeat: repeat-x;
    border: 1px solid #EEEEEE; /*float: right;*/
    width: 140px;
    position: absolute;
    left: -140px;
}


/* top controls - JP 0812 */

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after
{
    content: "";
    display: table;
}
.clearfix:after
{
    clear: both;
}
.clearfix
{
    zoom: 1;
}

.top-controls
{
    font-size: 11px;
    width: 960px;
    margin: auto;
    background: #fff;
}

ul.sizer
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.sizer li.one
{
    float: left;
    background: #fff;
    padding: 10px 5px 10px 8px;
}
ul.sizer li.two
{
    float: left;
    background: #fff;
    padding: 9px 5px 10px 5px;
}
ul.sizer li.three
{
    float: left;
    background: #fff;
    padding: 8px 8px 10px 5px;
}

ul.sizer li a
{
    background: #009EE0;
    padding: 0px 7px;
    font-weight: bold;
    display: block;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
ul.sizer li.one a
{
    font-size: 11px;
}
ul.sizer li.two a
{
    font-size: 12px;
}
ul.sizer li.three a
{
    font-size: 13px;
}

ul.sizer li a:hover
{
    background: #000;
}

.weather-container
{
    border: 2px solid #ccc;
    padding: 1px;
    width: 180px;
    position: absolute;
    right: 0px;
    top: -20px;
    background: #fff;
}
.weather-container img
{
    float: right;
}
.weather-container span.detail
{
    float: left;
    display: block;
    width: 130px;
    padding: 5px;
}

#header_top
{
    position: relative;
    z-index: 3;
    height: 170px;
}
#header_top #utility
{
    margin-top: 60px;
}
#header_logo
{
    margin-top: 10px;
}
#time
{
    margin: 0px;
    padding: 0px 5px 0px 0px;
}

#container
{
    width: 495px;
    margin: auto;
    padding: 10px 0px;
}

#db-accord
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#db-accord div.selected .title
{
}
#db-accord div.title
{
    background: url(Images/bg-accord-down.png) top right no-repeat;
    height: 16px;
    padding: 10px;
    cursor: pointer;
}
#db-accord div.selected
{
    background: url(Images/bg-accord-up.png) top right no-repeat;
}
#db-accord div.content1
{
    border: 1px solid #ccc;
    padding: 10px 10px 0 10px;
    font-weight: normal;
    font-size: 11px;
}

/* google search - JP 0912 */

.google-search
{
    padding-top: 20px;
}
.google-search input[type="text"]
{
    border: 1px solid #ccc;
    padding: 2px;
    width: 150px;
}
.google-search select
{
    border: 1px solid #ccc;
    padding: 1px;
    width: 150px;
}
.google-search input[type="submit"]
{
    background: #009ee0;
    border: 1px solid #009ee0;
    padding: 1px;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.google-search .pagination
{
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 10px 10px;
    margin-top: 20px;
    background: #f9f9f9;
}
.pagination p
{
    margin: 0px;
    padding: 0px;
}

.google-search .search-result
{
    padding: 8px 0px;
    border-bottom: 1px dotted #ccc;
}
.google-search .search-result h4 a
{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.google-search .search-result h4 a:hover
{
    color: #343434;
}
.google-search .search-result h4
{
    margin: 0px;
    padding: 0px;
}

.google-search div:nth-child(even).search-result
{
    background: #f9f9f9;
}

/* fare calc & minor amends 0912 */

#base
{
    padding-top: 0px;
}
#search
{
    background: #E5E5E5;
    width: 250px;
    border: 0px;
    padding: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: 20px;
    right: 0px;
}

.box_yellow
{
    background: none;
}
.box_yellow_top h2
{
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
    font-size: 22px;
}
.box_yellow_bottom
{
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}
.box_yellow_bottom p.fc
{
    padding: 0px;
    margin: 0px;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
    font-size: 14px;
}

.fare-calc-form
{
    padding: 20px 0px;
}
/*.fare-calc-form div{float:left; width:220px; margin-right:15px;} .fare-calc-form div.last{margin-right:0px;}
.fare-calc-form div select{width:212px; box-shadow:2px 2px 10px rgba(227,182,0,1); padding:4px;} .fare-calc-form div label{margin-bottom:10px; display:block; font-weight:bold; font-size:14px; text-shadow:0px 1px 1px rgba(255,255,255,0.8);}*/
.farecal-div
{
    float: left;
    margin-right: 15px;
}
.farecal-div-last
{
    float: left;
    margin-right: 0px;
}
.farecal-input
{
    width: 212px !important;
    box-shadow: 2px 2px 10px rgba(227,182,0,1);
    background-color: #ffffff;
    border: 1px solid #e2e3ea;
    border-top: 1px solid #abadb3;
    width: 199px;
    background: url(../Styles/images/down-arrow.gif) #ffffff no-repeat 96% 50%;
}
.farecalddl
{
    width: 212px !important;
}
.fc-label
{
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}

.calculate-query
{
    width: 908px;
    margin: auto;
    background: url(../Styles/images/img-split.png) center center no-repeat;
}
.calculate-query a
{
    display: block;
    text-align: center;
    background: #000;
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3);
    background-image: -webkit-linear-gradient(bottom, #4d4d4d, #000);
    background-image: -moz-linear-gradient(bottom, #4d4d4d, #000);
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 110%;
}
.calculate-query span
{
    box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    width: 200px;
    display: block;
    border-radius: 5px;
    margin: auto;
}

.farecal-input .RadComboBox_50pxOffice2007, .farecal-input .RadComboBox_50pxOffice2007 .rcbInput, .farecal-input .RadComboBoxDropDown_50pxOffice2007
{
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
}

#box_yellow_bottom p.fc
{
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}

#how_to_use
{
    position: absolute;
    right: 50px;
    top: 20px;
    font-size: 15px;
    font-weight: bold;
}
#how_to_use a
{
    color: #000000;
    text-decoration: none;
}
#how_to_use_icon
{
    position: absolute;
    right: 27px;
    top: 22px;
}

/* - Fare Calculator Search Panel - */
.box-route
{
    border: 2px solid #B4B4B4;
    margin: 0 0 20px;
    padding: 2px;
}
.box-route h2
{
    font-size: 125%;
    font-weight: bold;
    background: #cbcbcb url(../Styles/images/bg-h2-route.png) top left repeat-x;
    padding: 10px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
}
.calc-search table
{
    width: 210px;
    border-collapse: collapse;
    margin: 10px;
}
.calc-search table th
{
    text-align: left;
    padding: 3px;
}
.calc-search table td
{
    padding: 3px;
    padding-bottom: 8px;
    border: 1px solid #ccc;
}
/*#e2e3ea*/
.calc-search table td select
{
    padding: 2px;
    font-size: 100%;
    width: 208px;
}
.calc-search .RadComboBox_50pxOffice2007, .calc-search .RadComboBox_50pxOffice2007 .rcbInput, .calc-search .RadComboBoxDropDown_50pxOffice2007
{
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
}
.calc-search-combo table
{
    padding: 0px !important;
    margin: 0px !important;
    text-align: left !important;
}

.calc-search table td.calc-fare-btn
{
    border: none;
}
.calc-search table th.fare-calc-heading
{
    padding-top: 20px !important;
}

/* calc-results */
.calc-divider
{
    margin: 0px 20px;
    border-bottom: 1px solid #ccc;
    padding: 15px 0px 10px 0px;
}
.calc-error
{
    margin: 0px 20px;
    padding: 15px 0px 10px 0px;
}
.calc-route-data h3, .calc-route-data h4
{
    margin: 0px;
    padding: 0px;
}

.calc-route-data .route-info h3
{
    font-size: 120%;
}
.calc-route-data .route-info h4
{
    font-size: 200%;
    color: #009EE0;
}

.calc-route-data .stages
{
    float: right;
    width: 100px;
    text-align: right;
    font-size: 120%;
    font-weight: bold;
    padding-top: 29px;
}
.calc-route-data .route-info
{
    float: left;
    width: 500px;
}

.calc-route-data .stage-count
{
    float: right;
    width: 100px;
}
.calc-route-data .route-travel
{
    float: left;
    width: 500px;
}

.calc-route-data .route-travel h3
{
    font-size: 120%;
    color: #009EE0;
    margin-top: 5px;
}
.calc-route-data .route-travel h4
{
    font-size: 120%;
    font-weight: normal;
}

.calc-route-data .route-travel .fare-stop-num
{
    font-weight: bold;
}

.stage-count .stage-label
{
    background: url(../Styles/images/bg-stage.png);
    width: 52px;
    height: 56px;
    float: right;
    margin-right: 10px;
}
.stage-count .stage-label span
{
    display: block;
    width: 52px;
    text-align: center;
}
.stage-count .stage-label span.no
{
    color: #fff;
    font-size: 180%;
    font-weight: bold;
    margin-top: 4px;
}
.stage-count .stage-label span.stage
{
    color: #fed202;
    font-size: 90%;
}

.calc-cost
{
    background: #f2f2f2 url(../Styles/images/bg-price.png) center 40px no-repeat;
    padding-top: 10px !important;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}
.calc-cost span
{
    display: block;
}
.calc-cost span.cost
{
    font-size: 380%;
    font-weight: bold;
}
.calc-cost span.label
{
    position: relative;
    margin-top: -8px;
    margin-bottom: 10px;
}
.calc-cost .leap
{
    width: 300px;
    margin: auto;
}

/* calc-results-accordion*/
.fare-accordion
{
    margin: 0px 20px 20px 20px;
}
.fare-accordion .other-fares
{
    width: 190px;
    margin: auto;
}

.fare-accordion .other-fares-display
{
    display: block;
    width: 100%;
}
.show
{
    height: 100px !important;
}
.fare-accordion .other-fares-display table
{
    width: 100%;
    border-collapse: collapse;
    font-size: 120%;
}
.other-fares-display table th
{
    text-align: left;
    background: #343434;
    padding: 4px;
    color: #fff;
}
.other-fares-display table td
{
    padding: 4px;
}
.other-fares-display p
{
    font-size: 90%;
    font-weight: bold;
}
.other-fares-display table tr:nth-child(odd)
{
    background: #eee;
}
.other-fares-display table tr:nth-child(even)
{
    background: #e3e3e3;
}

.fare-accordion a.blue span
{
    background-image: url(../Styles/images/icon-up-arrow.png) !important;
    width: 100px;
}
.fare-accordion a.blue span.down
{
    background-image: url(../Styles/images/icon-down-arrow.png) !important;
    width: 100px;
}

/* buttons */
span.shadow-ref
{
    display: block;
    width: 80%;
    margin: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
a.btn-cal
{
    display: block;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 20px;
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
}
a.btn-cal span
{
    display: inline-block;
    padding-right: 12px;
    background: url(../Styles/images/icon-submit-arrow.png) center right no-repeat;
}

/* main leap button */
a.green
{
    padding: 0px;
}
a.green span
{
    display: inline-block;
    background: url(../Styles/images/logo-leap.png) 0px center no-repeat;
    display: block;
    padding: 10px 10px;
    font-size: 110%;
}

.leap span.shadow-ref
{
    width: auto;
}
.leap
{
    width: 150px !important;
    float: right;
    margin-right: 10px !important;
    font-size: 11px;
}


a.black
{
    background: #000;
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3);
    background-image: -webkit-linear-gradient(bottom, #4d4d4d, #000);
    background-image: -moz-linear-gradient(bottom, #4d4d4d, #000);
    border: 1px solid #000;
}
a.black:hover
{
    color: #fed202;
}

a.blue
{
    background: #0091cd;
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3);
    background-image: -webkit-linear-gradient(bottom, #30c0fd, #0091cd);
    background-image: -moz-linear-gradient(bottom, #30c0fd, #0091cd);
    border: 1px solid #0091cd;
}
a.blue:hover
{
    color: #e2f6ff;
}

a.yellow
{
    background: #000;
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3);
    background-image: -webkit-linear-gradient(bottom, #4d4d4d, #000);
    background-image: -moz-linear-gradient(bottom, #4d4d4d, #000);
    border: 1px solid #000;
}
a.yellow:hover
{
    color: #fed202;
}

a.green
{
    background: #00722f;
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3);
    background-image: -webkit-linear-gradient(bottom, #3aa228, #00722f);
    background-image: -moz-linear-gradient(bottom, #3aa228, #00722f);
    border: 1px solid #00722f;
}
a.green:hover
{
    color: #d8f8d3;
}

.btn-shadow
{
    box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    border-radius: 5px;
    margin: auto;
}
.btn-arrow
{
    display: block;
    padding-right: 20px;
    background: url(images/icon-submit-arrow.png) right center no-repeat;
}
.btn-build
{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 110%;
}
.btn-build-sml
{
    display: inline-block;
    padding: 3px 15px;
    border: 1px solid #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 100%;
}

/* end */

.transport-logo
{
    width: 200px;
    margin: auto;
}

/* Social Media Master Page Icons */
ul.social-menu
{
    float: right;
}
ul.social-menu li
{
    float: left;
    margin-left: 7px;
}

.RadComboBox table td.rcbInputCell
{
    text-align: left !important;
}

/* Jan2012 */
.box_yellow_bottom
{
    min-height: 170px;
}
#how_to_use a
{
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}

.calculate-query a
{
    display: block;
    text-align: center;
    background: #000;
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3);
    background-image: -webkit-linear-gradient(bottom, #4d4d4d, #000);
    background-image: -moz-linear-gradient(bottom, #4d4d4d, #000);
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 110%;
}
.calculate-query span
{
    box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    width: 200px;
    display: block;
    border-radius: 5px;
    margin: auto;
}

/* edits, wil effect fare calc */
.fare-calc-form .holder
{
    float: left;
    width: 220px;
    margin-right: 15px;
    position: relative;
}
.fare-calc-form div.last
{
    margin-right: 0px;
}
.fare-calc-form .holder .fc-label
{
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.fare-calc-form .holder .fc-select
{
    width: 212px;
    box-shadow: 2px 2px 10px rgba(227,182,0,1);
    padding: 4px;
    background-color: #ffffff;
    border: 1px solid #e2e3ea;
    border-top: 1px solid #abadb3;
    width: 199px;
    background: url(../images/down-arrow.gif) #ffffff no-repeat 96% 50%;
    padding: 5px 5px 5px 7px;
}
.fare-calc-form .holder .disabled
{
    background: url(images/down-arrow-disabled.gif) #ffffff no-repeat 96% 50%;
    color: #6d6d6d;
}

.holder div.fc-map
{
    width: 28px;
    height: 22px;
    position: absolute;
    top: 0px;
    right: -9px;
}

/* Route Planner */

.fare-calc-form .holder .fc-select
{
    margin-bottom: 20px;
}

.route-planner-ui .holder
{
    float: left;
    width: 280px;
    margin-right: 15px;
    padding: 20px 0px;
}
.route-planner-ui div.fc-label
{
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.fc-select
{
    margin-bottom: 20px;
    width: 250px;
    box-shadow: 2px 2px 10px rgba(227,182,0,1);
    padding: 4px;
    background-color: #ffffff;
    border: 1px solid #e2e3ea;
    border-top: 1px solid #abadb3;
    background: url(../images/down-arrow.gif) #ffffff no-repeat 96% 50%;
    padding: 5px 5px 5px 7px;
}

.btn-entry
{
    padding: 20px 0px 0px 5px;
}

.ql-panel
{
    background: #18aeec;
    float: right;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.4);
    width: 280px;
    color: #fff;
}
.ql-panel select
{
    width: 200px;
    margin-right: 5px;
}
.ql-panel h3
{
    border-bottom: 1px solid #179dd5;
    padding-bottom: 10px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.ql-panel p
{
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    border-top: 1px solid #3cc6ff;
    margin-top: 0px;
    padding-top: 10px;
}
.t-panel
{
    margin-top: 10px;
}


/* Global changes 27/01/13 */
.title-logos
{
    position: absolute;
    right: 10px;
    top: 5px;
}
.title-logos a img
{
    margin-left: 10px;
}

.RTPITextBox
{
    border: 0px;
    padding: 3px;
    font-size: 12px;
}

.box_yellow div.RadComboBox td.rcbInputCellLeft
{
    background: white;
}

.box_yellow div.RadComboBox_Default td.rcbArrowCellRight
{
    background-position: -156px -88px;
    background-color: white;
}

/* New FAQSs */

.faqs ul
{
    padding: 10px 0 0;
}

.faqs ul li
{
    background: url("Images/icon-link-arrow.png") no-repeat scroll 10px 13px #EAEAEA;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0 2px 2px #bfbfbf;
    -webkit-box-shadow: 0 2px 2px #bfbfbf;
    box-shadow: 0 2px 2px #bfbfbf;
    behavior: url(PIE.htc);
    margin: 10px 0;
    padding: 10px 25px;
    position: relative;
    cursor: pointer;
}

.FaqsTitleDiv
{
    font-size: 14px;
    font-weight: bold;
}

.pagination-btn a
{
    background: none repeat scroll 0 0 #ffcc00;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 2px #BFBFBF;
    display: inline-block;
    height: 10px;
    padding: 6px 0;
    position: relative;
    text-align: center;
    width: 22px;
}

.faq-select
{
    border: 1px solid #ABABAB;
    color: #000000;
    font: 12px "Segoe UI" ,Arial,sans-serif;
    padding: 3px 4px 3px 0;
    width: 120px;
}


/* Fares and Tickets 407 */
.ftList
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
.ftList ul
{
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    float: left;
    clear: both;
    border-bottom: 0px dotted #b4b4b4;
    list-style-type: none !important;
}
.ftList ul li
{
    width: 220px;
    margin: 0;
    padding: 0px 20px 13px 0px;
    float: left; /*clear:both;*/
    font-size: 11px;
}
.ft_image_holder
{
    /*width:105px; height:92px;*/
    margin: 0;
    padding: 0;
    float: left;
    border: 0px solid #b4b4b4;
}
.ft_image_holder a
{
    width: 100%;
    height: 100%;
    float: left;
    background: 0 !important;
}
.ft_image
{
    /*width:101px; height:87px;*/
    margin: 0;
    padding: 0;
    float: left;
    background: #e5e5e5;
    border: 0px solid #FFF;
}
.ft_image img
{
    width: 230px;
    height: 127px;
    float: left;
    margin: 0;
}
.ft_image a
{
    background: 0 !important;
    padding: 0 !important;
}
.ft_image a img
{
    float: left;
    border: 0;
}
.ft_content
{
    width: 364px;
    margin: 0;
    padding: 0 0 0 16px;
    float: left;
}
.ft_content a
{
    float: left;
    margin: 0;
    padding: 0 !important;
    background: 0 !important;
}
.ft_ticket_information_header
{
    position: relative;
    margin: 10px 0px;
}
.ft_ticket_information_header h2
{
    position: absolute;
    top: 10px;
    left: 230px;
    color: #ffffff;
    font-weight: bold;
}
.ft_ticket_information_header h3
{
    position: absolute;
    top: 50px;
    left: 230px;
    color: #ffffff;
}



/* Contact Email Form */
.contactEmailFormContainer
{
    width: 100%;
    border: solid 0px #000000;
    float: left;
}
.contactEmailFormTitle
{
    width: 100%;
    border-bottom: solid 10px #00aeef;
    height: 70px;
    position: relative;
    display: none;
}
.contactEmailFormTitle span
{
    font-size: 270%;
    position: absolute;
    bottom: 5px;
    padding: 10px;
}
.contactEmailFormSynopsis
{
}
.contactEmailFormSynopsis span
{
    font-size: 16px !important;
    margin-top: 20px;
}

.contactEmailFormContainerInner
{
    padding: 0px;
}
.contactEmailFormContainerInner > div
{
    padding: 5px 5px 5px 5px;
}
.contactEmailFormContainerInner > div > div
{
    padding: 5px 5px 5px 5px;
}

.contactEmailFormContainerInner > div > div > div > div
{
    padding: 0px 0px 8px 0px;
}
.contactEmailFormContainerInner div span
{
    display: block;
    padding-bottom: 5px;
    font-size: 14px;
}
.contactEmailFormContainerInner div select
{
    margin-bottom: 0px;
    width: 200px;
    height: 34px;
    padding: 5px;
}
.contactEmailFormContainerInner div input
{
    margin-bottom: 0px;
    width: 300px;
    height: 20px;
    padding: 5px;
    border: 1px solid #e7e7e8;
}

.contactEmailFormDDLStyled select
{
    width: 310px !important;
    padding: 5px;
    font-size: 14px; /*line-height: 1;*/
    border: 0;
    border-radius: 0;
    height: 34px;
}

.contactEmailFormDDLStyled
{
    display: inline-block;
    padding: 0px !important;
    width: 310px !important;
    height: 34px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.contactEmailFormDDLTimeStyled select
{
    width: 80px !important;
    padding: 5px;
    font-size: 14px; /*line-height: 1;*/
    border: 0;
    border-radius: 0;
    height: 34px;
}

.contactEmailFormDDLTimeStyled
{
    display: inline-block;
    padding: 0px !important;
    width: 80px !important;
    height: 34px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.contactEmailFormDDLRoutesStyled select
{
    width: 170px !important;
    padding: 5px;
    font-size: 14px; /*line-height: 1;*/
    border: 0;
    border-radius: 0;
    height: 34px;
}

.contactEmailFormDDLRoutesStyled
{
    display: inline-block;
    padding: 0px !important;
    width: 170px !important;
    height: 34px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.contactEmailFormContactSelections
{
    background-color: #d1d1d1;
    margin-bottom: 1px;
}
.contactEmailFormIssueType
{
    padding-top: 10px !important;
}
/*.contactEmailFormCategory{padding: 0px 10px 10px;}
.contactEmailFormIssue{padding: 0px 10px 10px;}*/

/* Your Details Panel */
.contactEmailFormYourDetails
{
    background-color: #d1d1d1;
}
.contactEmailFormYourDetailsTitle
{
    padding-top: 10px !important;
}
.contactEmailFormYourDetailsTitle span
{
    color: #00b1ef;
    font-size: 12px;
    font-weight: bold;
}

/* Complaint Panel */
.contactEmailFormComplaintDetails
{
    background-color: #d1d1d1;
    margin-top: 1px;
}
.contactEmailFormComplaintTitle
{
    padding-top: 10px !important;
}
.contactEmailFormComplaintTitle span
{
    color: #00b1ef;
    font-size: 12px;
    font-weight: bold;
}
.contactEmailFormComplaintDetails input
{
    height: 20px !important;
    border: 1px solid #e7e7e8 !important;
    font-size: 14px !important;
}

/* Comment Upload No Bot Panel */
.contactEmailFormCommentUploadNoBot
{
    background-color: #d1d1d1;
}

/* Async Upload div*/
.asyncUploadClass > span > div > div > input
{
    width: 287px !important;
}
.asyncUploadClass > span > div > input
{
    padding: 0px !important;
}

/* Actions Panel */
.contactEmailFormActions
{
    background-color: #d1d1d1;
}
.contactEmailFormSubmitButton
{
    background-color: #10a8e7;
    border: none !important;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    height: 45px !important;
}

.whereCanIFindBusRegFleetID
{
    position: relative;
    left: 5px;
    float: none !important;
    top: 5px !important;
    display: inline-block;
}
.whereCanIFindBusRegFleetID span
{
    cursor: pointer;
}
.whereCanIFindBusRegFleetID em
{
    font-style: normal;
    display: none;
    position: absolute;
    top: -336px;
    width: 571px;
    height: 300px;
    left: -394px;
    z-index: 2;
    background: rgba(0,0,0,.8);
    border-radius: 10px;
    border: 2px solid #000;
    padding: 10px 10px;
    color: #fff;
}
.whereCanIFindBusRegFleetIDTriangle
{
    position: absolute;
    margin: 295px 0px 0px 386px;
}

.whereCanIFindCashFareTicketNumber
{
    position: relative;
    left: 5px;
    float: none !important;
    top: 5px !important;
    display: inline-block;
}
.whereCanIFindCashFareTicketNumber span
{
    cursor: pointer;
}
.whereCanIFindCashFareTicketNumber em
{
    font-style: normal;
    display: none;
    position: absolute;
    top: -466px;
    width: 271px;
    height: 429px;
    left: -241px;
    z-index: 2;
    background: rgba(0,0,0,.8);
    border-radius: 10px;
    border: 2px solid #000;
    padding: 10px 10px;
    color: #fff;
}
.whereCanIFindCashFareTicketNumberTriangle
{
    position: absolute;
    margin: 424px 0px 0px 234px;
}

.whereCanIFindOtherCardNumber
{
    position: relative;
    left: 5px;
    float: none !important;
    top: 5px !important;
    display: inline-block;
}
.whereCanIFindOtherCardNumber span
{
    cursor: pointer;
}
.whereCanIFindOtherCardNumber em
{
    font-style: normal;
    display: none;
    position: absolute;
    top: -336px;
    width: 571px;
    height: 300px;
    left: -394px;
    z-index: 2;
    background: rgba(0,0,0,.8);
    border-radius: 10px;
    border: 2px solid #000;
    padding: 10px 10px;
    color: #fff;
}
.whereCanIFindOtherCardNumberTriangle
{
    position: absolute;
    margin: 295px 0px 0px 386px;
}

/* General Validation */
.contactEmailFormValReq
{
    display: inline !important;
    font-size: 22px !important;
}
.validation-summary-errors
{
    font-size: 18px;
}
.validation-summary-errors ul
{
    list-style: disc inside none;
}
.validation-summary-errors ul li
{
    font-size: 16px;
    padding: 10px 0px 0px 5px;
}

#complaintsDiv
{
    padding: 0px;
}
#complaintsDiv > div
{
    padding: 0px;
}
#complaintsDiv > div > div
{
    padding-left: 10px;
}

/* New Complaints form Styles */

div.contactEmailFormContainer
{
    margin-top: 20px;
    background-color: #FC0;
    border-radius: 10px;
    border: 0px;
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
div.contactEmailFormContainerInner
{
    padding-top: 0px;
}
div.contactEmailFormTitle
{
    border-bottom: 0px;
}
div.contactEmailFormContactSelections, div.contactEmailFormCommentUploadNoBot, div.contactEmailFormYourDetail, div.contactEmailFormActions, div.contactEmailFormYourDetails
{
    background: none;
}
div.contactEmailFormYourDetailsTitle span, div.contactEmailFormComplaintTitle span
{
    color: #333;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}

div.contactEmailFormDDLStyled
{
    width: 100% !important;
    overflow: hidden;
    margin-bottom: 10px;
}
div.contactEmailFormDDLStyled select
{
    background: #fff;
    border: 0px;
    height: 40px;
    font-size: 15px;
    width: 100% !important;
    margin-bottom: 20px;
}
div.contactEmailFormDDLStyled
{
    border: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    height: 40px;
}
div.contactEmailFormYourDetails input
{
    border: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    height: 40px;
    padding: 0px 0px 0px 10px;
    font-size: 15px;
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
div#complaintsDiv input.hasDatepicker
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
    padding: 0px 0px 0px 10px;
    height: 40px !important;
    width: 50% !important;
    border: 0px !important;
}
div#complaintsDiv input[type="text"]
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
    padding: 0px 0px 0px 10px;
    height: 40px !important;
    width: 50% !important;
    border: 0px !important;
}
div.contactEmailFormComplaintDetails > div
{
    margin-top: 10px;
}
div.contactEmailFormCommentUploadNoBot textarea
{
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
}
span#ctl00_FullRegion_MainRegion_ContentColumns_holder_MainContentRegion_ContactUs1_lblImageUpload
{
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
}
.contactEmailFormContainerInner div input
{
    width: 100% !important;
    box-sizing: border-box;
}
.contactEmailFormContainerInner div input[type="file"]
{
    height: auto !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
}
.contactEmailFormContainerInner div input[type="button"]
{
    width: 100% !important;
    border: 0px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.contactEmailFormContainerInner div span
{
    font-weight: bold;
}

select#ctl00_FullRegion_MainRegion_ContentColumns_holder_MainContentRegion_ContactUs1_ddlIssueType
{
    margin-bottom: 0px;
}

.contactEmailFormComplaintDetails
{
    background: none;
}

div.contactEmailFormDDLTimeStyled select
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div.contactEmailFormDDLTimeStyled
{
    border: 0px;
    margin-top: 10px;
}
div.contactEmailFormDDLRoutesStyled
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
}
input#ctl00_FullRegion_MainRegion_ContentColumns_holder_MainContentRegion_ContactUs1_txtBusReg
{
    margin-top: 10px;
}
div.contactEmailFormDDLTimeStyled
{
    height: 40px;
}
div.contactEmailFormDDLTimeStyled select
{
    height: 40px;
}
div.contactEmailFormDDLRoutesStyled
{
    height: 40px;
}
div.contactEmailFormDDLRoutesStyled select
{
    height: 40px;
}
div#ctl00_FullRegion_MainRegion_ContentColumns_holder_MainContentRegion_ContactUs1_UpdatePanel2
{
    padding: 5px;
}
span#ctl00_FullRegion_MainRegion_ContentColumns_holder_MainContentRegion_ContactUs1_lblDetailsOfCompliant
{
    color: #333;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}
div.contactEmailFormCompliantDetails > div
{
    margin-bottom: 10px;
}
div#ctl00_FullRegion_MainRegion_ContentColumns_holder_MainContentRegion_ContactUs1_pnlAddressDetails > div
{
    margin-bottom: 10px;
}


/* 0478 Leap Card Savings Online */



*:focus
{
    outline: none;
}


/* Main Wrapper */

div.slider-wrapper
{
    width: 487px;
    margin: 50px auto;
    clear: both;
    background: url(../Images/LeapCardSlider/calc-header.png) top center no-repeat #e5e5e5;
    padding: 70px 25px 25px 25px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.slider-wrapper h2
{
    font-size: 30px;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
}
div.slider-wrapper p
{
    font-size: 12px;
    margin-bottom: 18px;
    line-height: 16px;
}

div.slider-container
{
    width: 100%;
    position: relative;
    height: 80px;
    margin-top: 90px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#adult-slider div.slider-container
{
    background: url(../Images/LeapCardSlider/slider-container-bg-orange.png) left no-repeat #d1d1d1;
}
#student-slider div.slider-container
{
    background: url(../Images/LeapCardSlider/slider-container-bg.png) left no-repeat #d1d1d1;
}
#child-slider div.slider-container
{
    background: url(../Images/LeapCardSlider/slider-container-bg-blue.png) left no-repeat #d1d1d1;
}

/* Slide ID's */

#adult-slider
{
    display: block;
}
#student-slider
{
    display: none;
}
#child-slider
{
    display: none;
}

/* Choose Ticket */

div.choose-ticket
{
    width: 100%;
    clear: both;
    height: 50px;
    margin-top: 10px;
    overflow: hidden;
}

div.choose-ticket h3
{
    float: left;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    font-weight: bold;
}

div.choose-ticket ul
{
    float: right;
    height: 48px;
}

div.choose-ticket ul li
{
    float: left;
    width: 85px;
    display: block;
    text-align: center;
    background: #d1d1d1;
    height: 48px;
    cursor: pointer;
    line-height: 48px;
    margin-left: 8px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #d1d1d1;
}

div.choose-ticket ul li.active
{
    font-weight: bold;
}

div.choose-ticket ul li.adult.active
{
    background: #e15426;
    border: 1px solid #d1562e;
    -moz-box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
    box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
}
div.choose-ticket ul li.student.active
{
    background: #dd1777;
    border: 1px solid #c62372;
    -moz-box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
    box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
}
div.choose-ticket ul li.child.active
{
    background: #72cadc;
    border: 1px solid #60b4c6;
    -moz-box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
    box-shadow: inset 0 0 5px rgba(255,255,255,0.7);
}

/* Dots */

div.slider-container ul.dots
{
    width: 84%;
    left: 8%;
    height: 80px;
    position: relative;
    background: #d1d1d1;
}

ul.dots li
{
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #fff;
    position: absolute;
}


ul.dots li:first-child
{
    display: none;
}

/* Slide Dot Spacing */

/* 3 Items */

ul.dots.three li:nth-of-type(2)
{
    left: 49%;
}
ul.dots.three li:nth-of-type(3)
{
    left: 99%;
}

/* 4 Items */

ul.dots.four li:nth-of-type(2)
{
    left: 32.4%;
}
ul.dots.four li:nth-of-type(3)
{
    left: 65.7%;
}
ul.dots.four li:nth-of-type(4)
{
    left: 99%;
}

/* 5 Items */

ul.dots.five li:nth-of-type(2)
{
    left: 24%;
}
ul.dots.five li:nth-of-type(3)
{
    left: 49%;
}
ul.dots.five li:nth-of-type(4)
{
    left: 74%;
}
ul.dots.five li:nth-of-type(5)
{
    left: 99%;
}

/* 6 Items */

ul.dots.six li:nth-of-type(2)
{
    left: 19%;
}
ul.dots.six li:nth-of-type(3)
{
    left: 39%;
}
ul.dots.six li:nth-of-type(4)
{
    left: 59%;
}
ul.dots.six li:nth-of-type(5)
{
    left: 79%;
}
ul.dots.six li:nth-of-type(6)
{
    left: 99%;
}

/* 7 Items */

ul.dots.seven li:nth-of-type(2)
{
    left: 15.7%;
}
ul.dots.seven li:nth-of-type(3)
{
    left: 32.4%;
}
ul.dots.seven li:nth-of-type(4)
{
    left: 49%;
}
ul.dots.seven li:nth-of-type(5)
{
    left: 65.7%;
}
ul.dots.seven li:nth-of-type(6)
{
    left: 82.4%;
}
ul.dots.seven li:nth-of-type(7)
{
    left: 99%;
}

/* 8 Items */

ul.dots.eight li:nth-of-type(2)
{
    left: 13.2%;
}
ul.dots.eight li:nth-of-type(3)
{
    left: 27.4%;
}
ul.dots.eight li:nth-of-type(4)
{
    left: 41.9%;
}
ul.dots.eight li:nth-of-type(5)
{
    left: 56.1%;
}
ul.dots.eight li:nth-of-type(6)
{
    left: 70.4%;
}
ul.dots.eight li:nth-of-type(7)
{
    left: 84.8%;
}
ul.dots.eight li:nth-of-type(8)
{
    left: 99%;
}

/* 9 Items */

ul.dots.nine li:nth-of-type(2)
{
    left: 11.5%;
}
ul.dots.nine li:nth-of-type(3)
{
    left: 24%;
}
ul.dots.nine li:nth-of-type(4)
{
    left: 36.5%;
}
ul.dots.nine li:nth-of-type(5)
{
    left: 49%;
}
ul.dots.nine li:nth-of-type(6)
{
    left: 61.5%;
}
ul.dots.nine li:nth-of-type(7)
{
    left: 74%;
}
ul.dots.nine li:nth-of-type(8)
{
    left: 86.5%;
}
ul.dots.nine li:nth-of-type(9)
{
    left: 99%;
}

/* 10 Items */

ul.dots.ten li:nth-of-type(2)
{
    left: 10%;
}
ul.dots.ten li:nth-of-type(3)
{
    left: 21.4%;
}
ul.dots.ten li:nth-of-type(4)
{
    left: 32.2%;
}
ul.dots.ten li:nth-of-type(5)
{
    left: 43.5%;
}
ul.dots.ten li:nth-of-type(6)
{
    left: 54.8%;
}
ul.dots.ten li:nth-of-type(7)
{
    left: 65.5%;
}
ul.dots.ten li:nth-of-type(8)
{
    left: 76.8%;
}
ul.dots.ten li:nth-of-type(9)
{
    left: 88%;
}
ul.dots.ten li:nth-of-type(10)
{
    left: 99%;
}

/* Description */

div.slider-description
{
    width: 100%;
    background: #fff;
    margin-top: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.slider-description h2
{
    color: #7db942;
    font-size: 22px;
    margin-bottom: 20px;
}
div.slider-description p
{
    line-height: 16px;
    margin-bottom: 0px;
    font-size: 12px;
}
div.slider-description div
{
    display: none;
}
div.slider-description div:first-child
{
    display: block;
}

/* Slider Styles */

div.slider
{
    position: absolute;
    height: 80px;
    border: 0px;
    width: 84%;
    background: none;
    top: 0;
    left: 8%;
}

div.slider span.ui-slider-handle
{
    background: url(../Images/LeapCardSlider/handle-bg.png) no-repeat;
    height: 103px;
    width: 24px;
    top: -10px;
    border: none;
}


div#adult-slider div.ui-slider-range-min
{
    background: #e15426;
}
div#student-slider div.ui-slider-range-min
{
    background: #dd1777;
}
div#child-slider div.ui-slider-range-min
{
    background: #72cadc;
}

div.ui-corner-all
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* Tool Tips */

ul.tool-tips {
  width: 85px;
  background: url(../Images/LeapCardSlider/tooltip-bg.png) bottom center no-repeat ;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-left: -32px;
}

ul.tool-tips li {
  margin-top: -50px;
  display: none; 
  text-align: center; 
  color: #fff; 
  padding-bottom: 12px;
  line-height: 33px;
}

ul.tool-tips li:first-child {display: block;}
ul.tool-tips li.extra {line-height: 14px; margin-top: -65px; padding-bottom: 20px; padding-top: 3px;}
ul.tool-tips li.extra span {
  width: 100%;
  font-size: 12px;
  display: block;
  line-height: 22px;
}

.NoScript{Color:Red;font-size:140%;}


/* RTPI Messages 422 */

.rtpi_notif_div
{
    background-color: #eaeaea; 
    margin-bottom:10px;
    padding:5px 0;
}

.rtpi_notif_label
{
    color:Red;
    font-weight:bold;
}

/* Cookie Banner Button */

.btn-cookie {
    background-color: black;
    border-radius: 10px;
    border: 1px transparent solid;
    color: white;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    opacity: 0.8;
    cursor: pointer;
    position: fixed;
    top: 5px;
    right: 20px;
}

    .btn-cookie:hover {
        opacity: 1;
        background-color: black;
        border: 1px #99ccff solid;
    }

    .btn-cookie:active {
        background-color: black;
        border: 1px #000000 solid;
    }