/*========= DEFAULT STYLES  ================ */
body {
    background: white url(/images/background.jpg) repeat-x scroll left top;
    font-size: 9pt;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #2B2926;
}

/* ======= BNSF.COM Corporate Colors ====== */
/* Refer to http://bnsfweb.bnsf.com/departments/ebusiness/standard-web-color-palette.html */
.orange {
    color: #F85D13;
}
 /* 248;93;19 */
.black {
    color: #2B2926;
}
 /* 43;41;38 */
.goldenrod {
    color: #F7B512;
}
 /* 247;181;18 */
.dark-gray {
    color: #737373;
}
 /* 115;115;115 */
.pale-yellow {
    color: #F7D67D;
}
 /* 247;226;125 */
.olive {
    color: #B0B58C;
}
 /* 176;181;140 */
.dark-khaki {
    color: #C9B582;
}
 /* 201;181;130 */
.light-blue {
    color: #82B8C9;
}
 /* 130;184;201 */
.khaki {
    color: #C9C7A6;
}
 /* 201;199;166 */
.offwhite {
    color: #EEECDF;
}
 /* 238;236;223 */
.hyperlink-blue {
    color: #205388;
}
.dark-blue {
	color: #0069AA;
}
.dark-green {
	color: #679146;
}
/* 103;145;70 */
.brown {
	color: #591F00;
}
.red {
	color: #BF311A;
}
/* 191;49;26 */

/* override text.css */
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
    margin-bottom: 10px;
}

/* ======== Link Styles ============*/
a:link {
    color: #205388;
    text-decoration: none;
}

a:visited {
    color: #205388;
    text-decoration: none;
}

a:hover {
    color: #F85D13;
    text-decoration: underline;
}

a:active {
    color: #F85D13;
    text-decoration: none;
}

.more-link {
    float: right;
    padding-right: 5px;
}

/* ========== Icon Link Styles ======= */
.top-link-icon {
    padding: 1px 0px 2px 12px;
    background: transparent url("/images/shellarrow_upsm.gif") scroll no-repeat left center;
    text-decoration: none;
    margin-left: 43em;
}

.email-link-icon {
    background: url("/images/email.gif") no-repeat scroll 0 center transparent;
    margin-left: 0em;
    padding: 1px 0px 2px 1.5em;
    text-decoration: none;    
    white-space:nowrap;
    *display:inline-block; 
    *height:100%; /*fix ie7 vertical alignment issue of icon and sentence */
    *vertical-align:middle; /*fix ie7 vertical alignment issue of icon and sentence */    
    zoom: 1; /*fix ie7 issue with icon appearing above words and cutoff */ 
}
.lock {
    background: url('/images/lock.gif') no-repeat scroll left center;
    margin-left: 3px;
    padding: 3px 0 0 10px;
    vertical-align: top;
    line-height: 15px;
	*line-height: 8px;
}


.pdf {
    background: url('/images/pdf-icon.gif') no-repeat scroll left center;
    margin-left: 3px;
    padding: 0 0 2px 12px;
    vertical-align: top;
    line-height: 16px; /*12px*/
}

.excel {
    background: url('/images/excel_icon.jpg') no-repeat scroll left center;
    color: #FFFFFF;
    font-size: 10px;
    margin-left: 3px;
    padding: 0 0 2px 12px;
}

.xbrl {
    background-color: #6ECD00;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 7pt;
    text-transform: uppercase;
    margin: 1px; 
    padding: 1px ;
}

/* =======END Icon link styles ====== */
.small {
    font-size: 11px;
}

.xsmall {
	font-size: xx-small;
}

.wrapper {
    background: white url(/images/container-bg_repeat.gif) repeat-y scroll left bottom;
}

.wrapper-footer {
    background-image: url(/images/container-bg_footer.gif);
    background-repeat: no-repeat;
    height: 27px;
    padding-top: 27px;
    background-position: left top;
}

.wrapper #left {
    /*
     background:#FFFFFF url(/images/leftside.gif) repeat-y scroll left top;
     */
}

.wrapper #right {
    /*
     background:#FFFFFF url(/images/rightside.gif) repeat-y scroll right top;
     */
}

#contentarea {
    padding-bottom: 10px;
    padding-top: 10px;
}

img#background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -99;
}

#banner {
    height: 65px;
    background-image: url(/images/banner.gif);
}

/* temporary */
.box {
    background-color: #EEEEEE;
    border: solid 1px black;
    padding: 5px;
}

.spacer_color {
    background-color: #F85D13;
    height: 5px;
    overflow: hidden;
}

.spacer {
    height: 5px;
    overflow: hidden;
}

.dotted-rule {
    border-bottom: 1px dotted #F85D13;
    width: 550px;
}

.headspacer {
    height: 12px;
    line-height: 28px;
}

#footer {
    text-align: center;
}

/* ======== Logo Styles Begin ========== */
/* ======= ey @ 02/17/2010 - Decision made by the working team
 #logo {
 background: url(/images/bottom.gif) no-repeat bottom left;
 height: 40px;
 }
 
 #logo .right {
 background: url(/images/bottom-right.gif) no-repeat bottom right;
 height: 40px;
 }*/
img#logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

img#bnsf_logo {
    margin-left: 20px;
    margin-top: 12px;
}

/* ======== Logo Styles End ========== */
/* ===== Breadcrumbs Begin ======= */
#breadcrumbs {
    overflow: hidden;
    white-space: nowrap;
}

#breadcrumbs .breadcrumbs {
    font-size: 11px;
}

/* ===== Breadcrumbs End ========= */
/* Changed .liquid-round from id to class on 1/20/10 for validation */
.liquid-round {
    background: #FFFFFF url(/images/leftside.gif) repeat-y scroll left top;
    margin: 0 auto;
    margin-bottom: 10px;
    /* width:70%; */
}

/* ======= Heading Styles Begin ========= */
h1, h1.color {
    font-size: 150%;
    color: #F85D13;
}

h2, h2.color {
    font-size: 130%;
    color: #F85D13;
}

h2.black {
    color: #2B2926;
}

h3, h3.home, h3.color {
    font-size: 115%;
    color: #F85D13;
}

h3.black {
    color: #2B2926;
}

h4, h4.black {
    font-size: 100%;
    color: #2B2926;
}

h4.color {
    color: #F85D13;
}

h5, h5.color {
    font-size: 90%;
    color: #F85D13;
}

h5.black {
    color: #2B2926;
}

h6, h6.color {
    font-size: 83%;
    color: #F85D13;
}

h6.black {
    color: #2B2926;
}

/* ======= Heading Styles End ========= */
/* ==== Calendar Styles Begin (Keep for future use per Eva Yang) ====>
 
 .liquid-round ul {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: square;
 }
 
 .liquid-round li {
 /*margin-left: 15px;
}*/

.liquid-round ul.cal {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-left: -30px;
}

.liquid-round li.cal {
    background-image: url(/images/calendar-icon.gif);
    background-repeat: no-repeat;
    background-position: 1px 2px;
    padding-left: 0;
    padding-top: 6px;
    min-height: 43px;
}

.liquid-round li.cal ul {
    margin-top: -35px;
    margin-bottom: 0;
}

.liquid-round li.cal ul li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-left: 25px;
}

.liquid-round a.cal {
    color: #FFFFFF;
    font-size: 7.5pt;
    text-decoration: none;
    text-align: center;
    padding-top: 2px;
}

/*=========== Calendar Styles End ===== */
.relatedlinks li {
    margin-left: 15px;
}

.top {
    background: transparent url(/images/top.gif) no-repeat scroll left top;
    height: 20px;
    width: 100%;
}

.top span {
    background: transparent url(/images/top-right.gif) no-repeat scroll right top;
    display: block;
    height: 20px;
    position: relative;
}

.center-content {
    background: transparent url(/images/rightside.gif) repeat-y scroll right top;
    margin: -2px 0 -40px;
    margin: -2px 0 -10px; /* change made when bottom changed from 40px */
    margin: 0;
    /* changed bottom from 20px to 0 on 1/20/10 after adding internal div in center-content to control
     overflow of images http://newtr.bnsf.com/careers/explore-team-bnsf/trades/testimonials.html
     and other pages
     Old: padding: 1px 10px 20px 15px;
     
     didn't work for tables: http://newtr.bnsf.com/careers/military/fit-military.html
     */
    padding: 1px 10px 0 15px;
    overflow: hidden;
}

.center-content-home {
    background: transparent url(/images/rightside.gif) repeat-y scroll right top;
    margin: -2px 0 -40px;
    margin: -2px 0 -10px; /* change made when bottom changed from 40px */
    margin: 0;
    padding: 1px 10px 36px 15px;
    overflow: hidden;
}

.center-content-flash {
    background: transparent url(/images/rightside.gif) repeat-y scroll right top;
    margin: -2px 0 -40px;
    margin: -2px 0 -20px; /* change made when bottom changed from 40px */
    padding: 1px 3px 20px 3px;
}

.bottom {
    background: transparent url(/images/bottom.gif) no-repeat scroll left bottom;
    height: 40px;
    height: 20px; /* change made when bottom changed from 40px */
    width: 100%;
}

.bottom span {
    background: transparent url(/images/bottom-right.gif) no-repeat scroll right bottom;
    display: block;
    height: 40px;
    height: 20px; /* change made when bottom changed from 40px to 20px */
}

/* ==========liquid-button style begin @ey 21/26/2010================ */
.liquid-button {
    background: #FFFFFF url(/images/leftside.gif) repeat-y scroll left top;
    margin-top: -3px;
    margin-bottom: 7px;
    *height: 30px;
    width:
    100%;
    position: relative;
    z-index:
    10;
}

.button-top {
    background: transparent url(/images/top.gif) no-repeat scroll left top;
    height: 20px;
    width: 100%;
    z-index: 2;
    position: relative;
}

.button-top span {
    background: transparent url(/images/top-right.gif) no-repeat scroll right top;
    display: block;
    height: 20px;
    position: relative;
}

.button-content {
    margin: -2px 0 -10px -5px;
    height: 12px;
    z-index: 5;
    position: relative;
}

.button-content a.liquid-button-label {
    position: absolute;
    left: 22px;
    margin-top: -7px;
    font-size: 11px;
    z-index: 10;
    color: #2B2926;
}

.button-content a.liquid-button-img {
    position: absolute;
    right: 18px;
    *right: 13px;
    margin-top:-8px;
    height:18px;
    width:18px;
    z-index:10;
}

.button-bottom {
    background: transparent url(/images/bottom.gif) no-repeat scroll left bottom;
    height: 20px;
    width: 100%;
    z-index: 2;
    position: relative;
}

.button-bottom span {
    background: transparent url(/images/bottom-right.gif) no-repeat scroll right bottom;
    display: block;
    height: 20px;
}

/* =====================liquid-button style end=========================== */
.align-right {
    text-align: right;
}

#footer a {
    font-weight: bold;
    text-decoration: none;
    color: #205388;
}

#footer a:hover {
    text-decoration: underline;
    color: #F85D13;
}

#footer a:active {
    text-decoration: none;
}

#footer a.important {
    color: #F85D13;
    text-decoration: none;
}

#footer a.important:hover {
    text-decoration: underline;
}

#ancillary-links a {
    text-decoration: none;
    color: #2B2926;
    font-weight: bold;
}

#ancillary-links a:hover {
    text-decoration: underline;
    color: #F85D13;
}

#ancillary-links a:active {
    text-decoration: none;
}

/*************BEGINNING styles for the top search box and button************/
#search {
    font-size: 11px;
    text-align: right;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 1.5em;
    width: 17%; /*30%;*/ 
	*width:185px
}

#search img {
    vertical-align: bottom;
}

#search input {
    vertical-align: middle;
    /*margin-bottom:-6px;*/
    padding: 0px;
    /*margin-bottom:-4px;*/
    display: inline;
}

#search input.searchField {
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0px;
    padding: 1px;
    border-color: #999999;
    border-width: 1px;
    border-style: solid;
    width: 74%;
    /*font-size:11px;*/ 
	*width:120px;
    * margin-right: -15px;
}

.regularSearch {
    background-image: url('/images/search.gif');
    background-position: left center;
    background-repeat: no-repeat;
    border: 1px solid #F85D13;
}

#search form {
    margin: 0px;
    padding: 0px;
    display: inline;
}

/***********END OF styles for the top search box and button************/
/***********START OF styles for the benefits search box and button************/
#benefits-search input.searchField {
    -moz-border-radius: 5px 5px 5px 5px;
    border: 1px solid #999999;
    margin: 0;
    padding: 1px;
    vertical-align: middle;
    width: 70%;
}

#benefits-search input {
    display: inline;
    padding: 0;
    vertical-align: middle;
}

.benefitsSearch {
    background-image: url("/images/benefits-search.gif");
    background-position: left center;
    background-repeat: no-repeat;
    border: 1px solid #F85D13;
}

/***********END OF styles for the benefits search box and button************/
.home-content {
    height: auto /*317px*/;
}

ul.nostyle {
    list-style: none;
}

ul.nostyle li {
    margin-left: 0;
    padding-bottom: 20px;
}

/* ey@ 2/17/2010 for the nested list ex. /retirees/exempt-retirees/faq.html */
ul.nostyle li li {
    margin-left: 20px;
    padding-bottom: 0px;
}

.adoberight {
    float: right;
    margin-right: 7px;
    margin-bottom: 0;
}

/* ======= Image Styles ========== */
img.photoRight {
    padding-left: 10px;
    padding-bottom: 10px;
    float: right;
}

img.photoLeft {
    padding-right: 17px;
    padding-bottom: 10px;
    float: left;
}

img.photoRight-border {
    margin: 0 .25em 10px 0;
    float: right;
    border: 1px solid #737373;
}

img.photoLeft-border {
    margin: 0 0 10px .25em;
    float: left;
    border: 1px solid #737373;
}

img.border {
    border: 1px solid #737373;
}

/* =========  Table Styles =========  */
table {
    border-collapse: collapse;
    width: 95%;
}

th {
    background-color: #CCCCCC;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
}

th.light {
    background-color: #E6E6E6;
}

th, tr, td {
    border-collapse: collapse;
    border: 1px solid #B3B2B2;
    padding: 3px 7px 2px;
    vertical-align: top;
}

td.date, td.time {
    white-space: nowrap;
}

table.contacts td.phonenum {
    white-space: nowrap;
}

table.contacts {
    width: 95%;
    border-collapse: collapse;
}

table.contacts td, th {
    border: 1px solid #B3B2B2;
}

table.contacts th {
    font-weight: bold;
    background-color: #CCCCCC;
}

table.contacts th.light {
    font-weight: bold;
    background-color: #E6E6E6;
}

/* ===  Show and Hide Slick Box Style for show-hide-box.js ==== */
.slickbox {
    border: 1px solid #000000;
    padding: 5px;
}

/*Styles for Career icons */
.careerimg-content {
    height: 125px;
    margin: 0 10px;
}

ul#careerimg {
    display: table;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
}

#careerimg li {
    float: left;
    margin: 0 25px 0 0;
    width: 75px;
    text-align: center;
}

/* ======== Top Stories Styles ============*/
ul.topstories {
    list-style: none;
}

ul.topstories li {
    margin-left: 0;
    padding-bottom: 15px;
}

.topstorydate {
    float: left;
    margin-top: 0;
    padding: 0 5px 40px 0;
    vertical-align: top;
}

#getflashplayer {
    display: none;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

/*============ ANCILLARY STYLES  =================== */
.ancillary-links {
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    /*height: 40px;
     background:transparent url(/images/bottom-right.gif) no-repeat scroll right bottom;*/
}

#ancillary a.current {
    color: #F85D13;
    text-decoration: none;
}

/*============  TAB STYLES  ================*/
#navmenu {
    position: relative;
    z-index: 10;
    height: 28px;
    overflow: visible;
}

#menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

#search {
    /* float: right; */
    position: absolute;
    top: 0px;
    right: 0;
}

#menu {
    font-weight: bold;
    font-size: 9pt;
    float: left;
}

#menu ul.tabs li.tab a.current, #menu ul.tabs li.tab a.menuHover {
    color: #FFFFFF;
    background: url(/images/maintab_on.gif) no-repeat scroll left bottom;;
}

#menu ul.tabs {
    margin: 0;
    padding: 0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#menu ul.tabs li.tab {
    float: left;
    margin-left: 0;
    width: 120px;
}

#menu ul.tabs li.tab a.tab {
    height: 28px;
    line-height: 28px;
    text-decoration: none;

    color: #2B2926;
    display: block;
    text-align: center;
    background: url(/images/maintab.gif) no-repeat scroll left bottom;;
    text-transform: uppercase;
    width: 120px;
}

#menu ul.tabs li.tab ul.items {
    display: none;
}

#menu ul.tabs li.tab ul.items li {
    clear: both;
    width: 210px;
    display: block;
    padding: 0;
    margin: 0;
    height: 40px;
    line-height: 40px;
}

#menu ul.tabs li.tab ul.items li.menuItem {
    background-color: #f3f3f3;
    border-bottom: 1px solid #c3c3c3;
}

#menu ul.tabs li.tab ul.items li.lastMenuItem {
    background: url(/images/tab-item-bottom.gif) no-repeat scroll left bottom;
}

#menu ul.tabs li.tab ul.items li a {
    color: #2B2926;
    text-decoration: none;
    width: 100%;
    margin-left: 30px;
}

#menu ul.tabs li.tab ul.items li a:hover {
    color: #F85D13;
}

#menu ul.tabs li.tab a.menuHover, #menu ul.tabs li.tab a.current {
    color: #FFFFFF;
    background: url(/images/maintab_on.gif) no-repeat scroll left bottom;
}

/* ===========  E-mail Contact Form and Fancybox Styles === */
.contactform {
    border: 1px solid #cccccc;
    padding: 10px;
    background-color: #fff;
}

.emailform {
    border: 1px solid #000000;
    padding: 10px;
    background-color: #fff;
}

#contact-emailform {
    background-color: #F5F5F5;
    border: 1px solid #F85D13;
    display: none;
    height: auto;
    padding: 15px;
    position: absolute;
    width: 240px;
    z-index: 1000;
}
.callback{
 	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 15px;
    width: 210px;
	text-align:center
}

input, textarea{
	font:13px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif
}
.webform em{
	color:#F85D13
}

.cmxform label.error {
    float: none;
    color: #f85d13;
    padding-left: .5em;
    vertical-align: top;
}

.cmxform input.button {
    margin-left: 7em;
    border: 0px;
}

.cmxform em {
    font-weight: bold;
    padding-right: .25em;
    vertical-align: top;
    color: #f85d13;
    vertical-align: middle;
}

.cmxform label {
    font-weight: bold;
    display: block;
    white-space: nowrap;
    margin-top: 10px;
}

/*====  JQUERY Selectbox ============  */
@charset "UTF-8";

.jquery-selectbox {
    position: relative;
    height: 20px;
    border: 1px solid #999999;
    width: 300px;
    z-index: 0;
    float: left;
    display: inline;
    margin: 4px 14px 4px 0;
    font-size: 11px;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #444;
    padding-left: 3px;
    background-color: white;
}

.jquery-selectbox.selecthover {
    border-color: #999999;
    background-color: white;
    z-index: 700;
}

.jquery-selectbox .jquery-selectbox-currentItem {
    padding: 3px 0px 0px 3px;
    white-space: nowrap;
    display: block;
    /*overflow: hidden;*/
}

.jquery-selectbox .jquery-selectbox-list {
    display: none;
    position: absolute;
    top: 20px;
    padding: 3px;
    left: -1px;
    background: white;
    width: 100px;
    /*max-height: 400px;*/
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
    border: 1px solid #999999;
    /*height: 400px;*/
}

.jquery-selectbox .jquery-selectbox-moreButton {
    float: right;
    background: url("/images/down_arrow_wide.gif");
    background-repeat: no-repeat;
    width: 18px;
    height: 14px;
    margin-top: 2px;
    margin-right: 8px;
    cursor: pointer;
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
    background: #eee;
    color: black;
}

.jquery-selectbox .jquery-selectbox-item {
    display: block;
    cursor: default;
}

/** ERROR classes **/
form .error .jquery-selectbox {
    color: #d00;
    border-color: #d00;
}

/****favorites and history styles**/
.tray {
    background-color: #ffffff;
    border: 1px solid #f85d13;
    margin: 0 9px;
	 -moz-box-shadow: 0px 4px 3px rgba(68,68,68,0.6);
     -webkit-box-shadow: 0px 4px 3px rgba(68,68,68,0.6);
    box-shadow: 0px 4px 3px rgba(68,68,68,0.6);
}

.tray-inner {
    margin: 10px;
    line-height: 20px;
    border: 1px solid rgb(195, 195, 195);
    padding: 10px;
    background-color: rgb(243, 243, 243);
    max-height: 150px;
    overflow: auto;
	
}

.tenpx h3 {
    font-weight: bold;
    padding: 5px;
    display: inline
}

.mid span {
    margin-right: 10px
}

.tenpx {
    padding: 10px;
}

.tenpx img {
    float: left
	
}

.mid {
    margin: 10px;
    line-height: 20px;
    border: 1px solid #c3c3c3;
    padding: 10px;
    background-color: #f3f3f3
}

.mid p {
    margin: 0pt 10px 10px 10px;
}

.mid em {
    color: #f85d13;
    font-weight: bold;
}

.default {
    color: #666666;
    font-size: 14px
}

#ul-fav {
    list-style-type: none
}

#ul-fav li {
    margin: 0px;
    line-height: 20px;
}

#ul-fav a { 
	/*line-height:16px;*line-height:12px*/
    vertical-align: top;
    *vertical-align:middle
}

.check-favorites {
    margin: 0px 3px;
    padding 0px;
    vertical-align: middle
}
a:link.mobile-link {
    text-decoration: none;
    color: #2B2926;
}
a:visited.mobile-link {
    text-decoration: none;
    color: #2B2926;
}
a:hover.mobile-link {
    text-decoration: none;
    color: #2B2926;
}
a:active.mobile-link {
    text-decoration: none;
    color: #2B2926;
}

.bar {
    color: #F85D13;
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    margin: 5px;
    vertical-align: top;
}

a:focus {
    outline: none
}

#BNSF_social-toolbar {
    height: 20px;
    margin-right: 200px;
    margin-top: 2px;
    display: none;
    *margin-right: 190px;
}

#BNSF_social-toolbar ul {
    height: 20px;
}

#BNSF_social-toolbar li {
    list-style-type: none;
    float: right;
    padding: 0px;
    margin: 0px
}

#BNSF_social-toolbar li a {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('/images/sprite_icon.gif')
}

#BNSF_social-toolbar-IE6 {
    display: none;
    margin-right: 95px;
    margin-bottom: -15px;
}

#BNSF_social-toolbar-IE6 ul {
    height: 20px;
}

#BNSF_social-toolbar-IE6 li {
    list-style-type: none;
    float: right;
    padding: 0 2px 0 0 !important;
    margin: 0px
}

#BNSF_social-toolbar-IE6 li a {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('/images/sprite_icon.gif')
}

#BNSF_social-toolbar li a .plain {
}

a.history {
    background-position: 233px 1px
}

a.history:active {
    background-position: 233px 21px
}

a.favorites {
    background-position: 255px 1px
}

a.favorites:active {
    background-position: 255px 22px
}

a.printer-bw {
    background-position: -2px 1px
}

a.printer-bw:active {
    background-position: -2px 22px
}

a.printer-active {
    background-position: -2px 22px
}

a.delicious-bw {
    background-position: 21px 0px
}

a.delicious-bw:active {
    background-position: 21px 21px
}

a.stumble-bw {
    background-position: 70px 0px
}

a.stumble-bw:active {
    background-position: 70px 21px
}

a.twitter-bw {
    background-position: 165px 0px
}

a.twitter-bw:active {
    background-position: 165px 21px
}

a.reddit-bw {
    background-position: 45px 0px
}

a.reddit-bw:active {
    background-position: 45px 21px
}

a.email-bw {
    background-position: 280px 1px
}

a.email-bw:active {
    background-position: 280px 21px
}

a.linkedin-bw {
    background-position: 116px 0px
}

a.linkedin-bw:active {
    background-position: 116px 21px
}
/*====  modified from 95px 0px by RT to blend with new twitter icon specs on same row 7/21/2017 ============  */
a.sharethis {
    background-position: 94px 1px
}
/*====  modified from 95px 21px by RT to blend with new twitter icon specs on same row 7/21/2017 ============  */
a.sharethis:active {
    background-position: 94px 22px
}

a.digg-bw {
    background-position: 140px 0px
}

a.digg-bw:active {
    background-position: 140px 21px
}
/*====  modified from 190px 0px by RT to blend with new twitter icon specs on same row 7/21/2017 ============  */
a.facebook-bw {
    background-position: 189px 1px
}
/*====  modified from 190px 21px by RT to blend with new twitter icon specs on same row 7/21/2017 ============  */
a.facebook-bw:active {
    background-position: 189px 22px
}

/***********IE6 style*******************/
/********Share by Email Form Styles************/
#bnsf_email {
    display: none;
    z-index: 1000;
    border: 1px solid #F85D13;
    width: 240px;
    height: auto;
    padding: 15px;
    background-color: #F5F5F5;
    position: absolute;
    -moz-box-shadow: 4px 4px 3px rgba(68, 68, 68, 0.6);
    -webkit-box-shadow: 4px 4px 3px rgba(68, 68, 68, 0.6);
    box-shadow: 4px 4px 3px rgba(68, 68, 68, 0.6);
}

#dimensions {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 15px;
    width: 210px;
}

#bnsf_email .callback {
    width: 180px;
    margin: auto;
    background-color: #ffffff;
    padding: 20px;
    text-align: center;
    -moz-box-shadow: 4px 4px 3px rgba(68, 68, 68, 0.6);
    -webkit-box-shadow: 4px 4px 3px rgba(68, 68, 68, 0.6);
    box-shadow: 4px 4px 3px rgba(68, 68, 68, 0.6);
}

.share textarea {
    font: 13px / 1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    overflow: auto
}

#social_inner {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin: 0;
    text-align: center
}

#bnsf_social {
    display: none;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    height: auto;
    padding: 10px;
    width: 170px;
    z-index: 500;
    -moz-box-shadow: 4px 4px 3px rgba(68, 68, 68, 0.6);
    -webkit-box-shadow: 4px 4px 3px rgba(68, 68, 68, 0.6);
    box-shadow: 4px 4px 3px rgba(68, 68, 68, 0.6);
}

#social_inner ul {
    height: 20px;
    *height: 40px;
    margin:0 20px 20px;
	*margin: 0 20px 0px;
    width:120px;
}

#social_inner li {
    list-style-type: none;
    float: left;
    padding: 0px;
    margin: 2px
}

#social_inner li a {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('/images/sprite_icon.gif')
}

.close_social {
  float: right;
    margin: -5px -5px 0 0px
}

.close_social a {
    background-image: url('/images/sprite_icon.gif');
    background-position: 215px 0;
    width: 20px;
    height: 20px;
    display: block;
    text-decoration: none;
}

.close_social a:active {
    background-image: url('/images/sprite_icon.gif');
    background-position: 215px 21px
}

#leftNavTooltip, #accordionTooltip, #socialTooltip, #socialTooltipIE6{
	position: absolute;
	max-width: 200px;
	width: expression(this.title="",this.offsetWidth > 200 ? "200px" : true);
	padding: 5px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #5b5b5b;	
	z-index: 1000;
	left: 320px;
	background-color: #F7D67D;
	display: none;
    color:2b2926;
    opacity:0.9; /*Firefox code .0 to 1.0*/ 
    filter:alpha(opacity=90);/*IE Code 0-100*/
	}
	
/****use this class to hide something on the main site and show it on mobile*****/
.main-hidden{
	display:none
	}
	
/***use this class to shift your content to the right****/
.shiftRight {
	float:right;
	padding:3px;
}