grabs/style.css

   1 BODY {  font-family: Arial, Tahoma, Verdana, Helvetica;         background-color: #FFF;}
   2 H1,H2,H3,H4,H5,H6 { font-color: #069;}
   3
   4 table { margin: 0px; }
   5 table.progress, table.progressDesc, table.stepName, table.travelPlan, table.tabs, table.last, table.last2, table.banner, table.middle
   6 { width: 758px; margin:0px;}
   7
   8 img.tab { align:left; margin:0px; }
   9 a.smaller, span.smaller { font-size:12px; }
  10 a img { border:0px; }
  11 .top { vertical-align:top; }
  12 .right { text-align:right; }
  13 .left { text-align:left; }
  14 .middle { vertical-align:middle; }
  15 .center { text-align: center; }
  16 .indentLeft { padding-left:40px; }
  17 .bottom { vertical-align:bottom;}
  18
  19 .noteCenter { margin-top:20px; text-align: center; width:210px;}
  20 .padTopLess { padding-top:10px;}
  21 .padTop { padding-top: 20px; }
  22 .padTopMore { padding-top: 30px; }
  23 .padTopCenter { padding-top: 30px; text-align:center; }
  24 .padLeftMore2 { padding-left: 40px; }
  25 .padTopCenter2 { padding-top: 30px;}
  26 .padRight { padding-right: 20px; }
  27 .padTopLeft { padding-top: 20px; padding-left:20px;}
  28 #ok {margin-left:20px;}
  29 td.sectionBlurb { text-align:center; font-size:12px; font-weight:bold; vertical-align:top; padding-top:5px;}
  30
  31 div.instruction { font-size: 16px; font-weight: bold; font-style: italic; }
  32 div.example { font-size: 12px; }
  33 div.noscript {  text-align: center;     background-color: #F00; border: 1px solid #000; padding: 10px;  margin: 10px;}
  34 div.error { font-size: 12px; font-weight: bold; }
  35
  36 div.instruction a.diffLmkTypes { font-size: 12px; font-style:italic; }
  37 table.warning { border:1px solid #000; padding-right:15px; padding-left:15px; padding-top:10px; padding-bottom:10px; background-color: #FEDFB3; font-size: 12px; font-weight:bold; margin-bottom:15px; margin-right:20px; }
  38 table.warning2 {  border:1px solid #000; padding:10px; background-color: #FEDFB3; font-size: 12px; font-weight:bold; margin-bottom:15px; width: 450px; }
  39 table.warning3 {        border:1px solid #000; padding:10px; background-color: #FEDFB3; font-size: 12px; font-weight:bold; margin-left:50px; width:80%; }
  40
  41 table.tp_boxTop {  background-color: #F4E3D3; border-top: 4px solid #3E5AA4; border-left: 4px solid #3E5AA4; border-right: 4px solid #3E5AA4; margin:0px;}
  42 td.tp_box { background-color: #FFF; border-right: 4px solid #3E5AA4; border-left: 4px solid #3E5AA4; border-bottom: 4px solid #3E5AA4; padding-bottom:10px; margin:20px; vertical-align:top}
  43 td.tp_box2 { background-color: #FFF; border: 4px solid #3E5AA4; padding:10px; margin:20px; vertical-align:top}
  44 td.tp_boxLeft { background-color: #F4E3D3; border-left: 4px solid #3E5AA4;}
  45 td.tp_boxRight { background-color: #F4E3D3; border-right: 4px solid #3E5AA4;}
  46 td.tp_boxBottom1 { background-color: #F4E3D3; border-bottom: 4px solid #3E5AA4; border-left: 4px solid #3E5AA4; text-align:right; vertical-align:top;}
  47 td.tp_boxBottom2, td.tp_boxTop4{ background-color: #F4E3D3; border-bottom: 4px solid #3E5AA4;}
  48 td.tp_boxBottom3{ background-color: #F4E3D3; border-bottom: 4px solid #3E5AA4; border-right: 4px solid #3E5AA4; text-align:left; vertical-align:top;}
  49 td.tp_boxTop1 { background-color: #F4E3D3; border-top: 4px solid #3E5AA4; border-left: 4px solid #3E5AA4;}
  50 td.tp_boxTop2 { background-color: #F4E3D3; border-top: 4px solid #3E5AA4; text-align:left; vertical-align:bottom;}
  51 td.tp_boxTop3 { background-color: #F4E3D3; border-top: 4px solid #3E5AA4; border-right: 4px solid #3E5AA4; vertical-align:top;}
  52
  53 table.sl_boxTop {  background-color: #F9F6D7; border-top: 4px solid #000080; border-left: 4px solid #000080; border-right: 4px solid #000080;}
  54 td.sl_box{ background-color: #FFF; border-right: 4px solid #000080; border-left: 4px solid #000080; border-bottom: 4px solid #000080; padding-bottom:10px; margin:20px; vertical-align:top}
  55 td.sl_box2 { background-color: #FFF; border: 4px solid #000080; padding:10px; margin:20px; vertical-align:top;}
  56 td.sl_boxLeft{ background-color: #F9F6D7; border-left: 4px solid #000080;}
  57 td.sl_boxRight{ background-color: #F9F6D7; border-right: 4px solid #000080; vertical-align:top;}
  58 td.sl_boxBottom1{ background-color: #F9F6D7; border-bottom: 4px solid #000080; border-left: 4px solid #000080; text-align:right; vertical-align:top;}
  59 td.sl_boxBottom2, td.tp_boxTop4{ background-color: #F9F6D7; border-bottom: 4px solid #000080;}
  60 td.sl_boxBottom3{ background-color: #F9F6D7; border-bottom: 4px solid #000080; border-right: 4px solid #000080; text-align:left; vertical-align:top;}
  61 td.sl_boxTop1{ background-color: #F9F6D7; border-top: 4px solid #000080; border-left: 4px solid #000080;}
  62 td.sl_boxTop2{ background-color: #F9F6D7; border-top: 4px solid #000080; text-align:left; vertical-align:bottom;}
  63 td.sl_boxTop3{ background-color: #F9F6D7; border-top: 4px solid #000080; border-right: 4px solid #000080;}
  64 .sl_table,.sl_table2 { border: 1px solid #006699; }
  65 .sl_table2 { font-size:12px;}
  66 .sl_stop { border-top: 1px dashed #CCC; height: 30px; font-size: 12px; }
  67 .sl_stop2 { border-top: 1px dashed #CCC; background-color: #F7F7F7; height: 30px; font-size: 12px;}
  68 .sl_time { font-size:8pt; border-top: 1px dashed #CCC;  text-align: center;}
  69 .sl_time2 { font-size:8pt; border-top: 1px dashed #CCC; text-align: center; background-color: #F7F7F7; }
  70 .sl_stop_name { background-color: #FFFFCC; color: #006699; padding: 5px; font-size:8pt; text-align: center; border-top: 1px dashed #CCC;}
  71 .sl_stop_name2 { color: #006699; padding: 5px; font-size:8pt; text-align: center; border-top: 1px dashed #CCC;}
  72 .sl_header, .sl_header2 { border-bottom: 2px solid #0051ba; padding: 5px; background-color:#FFCC99;}
  73 .sl_header2 {font-size:12px;}
  74 table.spt_boxTop {  background-color: #F6E4CC; border-top: 4px solid #000080; border-left: 4px solid #000080; border-right: 4px solid #000080;}
  75 td.spt_box{ background-color: #FFF; border-right: 4px solid #000080; border-left: 4px solid #000080; border-bottom: 4px solid #000080; padding-bottom:10px; margin:20px; vertical-align:top}
  76 td.spt_box2 { background-color: #FFF; border: 4px solid #000080; padding:10px; margin:20px; vertical-align:top}
  77 td.spt_boxLeft{ background-color: #F6E4CC; border-left: 4px solid #000080;}
  78 td.spt_boxRight{ background-color: #F6E4CC; border-right: 4px solid #000080;}
  79 td.spt_boxBottom1{ background-color: #F6E4CC; border-bottom: 4px solid #000080; border-left: 4px solid #000080; text-align:right; vertical-align:top;}
  80 td.spt_boxBottom2, td.tp_boxTop4{ background-color: #F6E4CC; border-bottom: 4px solid #000080;}
  81 td.spt_boxBottom3{ background-color: #F6E4CC; border-bottom: 4px solid #000080; border-right: 4px solid #000080; text-align:left; vertical-align:top;}
  82 td.spt_boxTop1{ background-color: #F6E4CC; border-top: 4px solid #000080; border-left: 4px solid #000080;}
  83 td.spt_boxTop2{ background-color: #F6E4CC; border-top: 4px solid #000080; text-align:left; vertical-align:bottom;}
  84 td.spt_boxTop3{ background-color: #F6E4CC; border-top: 4px solid #000080; border-right: 4px solid #000080;}
  85 .spt_table, .spt_table2 { border: 1px solid #006699; }
  86 .spt_table2 { font-size:12px;}
  87 .spt_route { border-top: 1px dashed #CCC; height: 30px; font-size: 12px; }
  88 .spt_route2 { border-top: 1px dashed #CCC; background-color: #F7F7F7; height: 30px; font-size: 12px;}
  89 .spt_time, .spt_blank { font-size:8pt; border-top: 1px dashed #CCC;  text-align: center; padding:5px;}
  90 .spt_time2, .spt_blank2 { font-size:8pt; border-top: 1px dashed #CCC; text-align: center; background-color: #F7F7F7; padding:5px;}
  91 .spt_blank { color:#fff; }
  92 .spt_blank2 { color:#f7f7f7; }
  93 .spt_timePeriod { background-color: #FFC; color:#000; padding: 5px; border-top: 1px dashed #CCC; font-size: 12px; font-weight:bold;}
  94 .spt_header, .spt_header2 { border-bottom: 2px solid #0051ba; color: #069; padding: 5px; background-color:#FFCC99; font-weight:bold;}
  95 .spt_header2 { font-size:12px; }
  96
  97 .tp_accessible { font-size: 12px; font-weight:bold; text-align:right; }
  98 td.formPadding { vertical-align: top; padding-left:40px; }
  99 td.formPadding2 { vertical-align: top; padding-left:40px; padding-right: 40px;}
 100 td.formPaddingLess, td.formPadding4 { vertical-align: top; padding-left:40px; }
 101 td.formPadding5  { vertical-align: top; padding-left:20px; }
 102 td.formPaddingLess2 { vertical-align: top; padding-left:0px; }
 103 td.formPadding3 { vertical-align: top; padding-left:50px; }
 104 td.imgAddress { padding-right: 20px; }
 105 td.stepText { font-size: 10px; text-align: left; vertical-align:middle; padding:0px;}
 106 td.fromStepText { font-size: 10px; text-align: center; vertical-align:middle; padding:0px;}
 107
 108 .noteBox { width: 210px; }
 109 #noteContent { position: relative; left: -3px; top: -3px;}
 110 #noteContainer { position: relative; background: #000; margin: 0px; }
 111
 112 table.note { background-color: #FFF; border: 1px solid #3E5AA4; width:100% }
 113 td.noteHeader { background-color: #FFC; color:#000; font-weight:bold; }
 114
 115 .departure { background-color:#F00; color:#FFF; font-weight:bold; font-size: 12px; padding:3px; border-left: 1px solid #FFF; border-top: 1px solid #FFF; }
 116 .arrival { background-color:#F90; color:#FFF; font-weight:bold; font-size: 12px; padding:3px; border-left: 1px solid #FFF; border-top: 1px solid #FFF; }
 117 .itinerary { background-color: #339; color:#FFF; font-weight:bold; font-size: 12px; padding: 3px; border-left: 1px solid #FFF; border-top: 1px solid #FFF; }
 118 .itineraryBox { width: 450px;  }
 119 .accessibleBox { width: 100%; }
 120
 121 #boxContent, #smallerBoxContent  { position: relative; left: -3px; top: -3px; }
 122 #boxContainer { position: relative; background: #000; margin: 0px; }
 123 #smallerBoxContainer { position: relative; background: #000; margin-top: 10px;}
 124
 125 .printItin { font-weight:bold; font-size: 12px; padding: 3px; border: 1px solid #999; }
 126 .printItinBox { font-weight:bold; font-size: 12px; padding: 3px; width:400px;}
 127 .printItinBoxOuter { width: 400px;}
 128
 129 .routeBox { width:100px; }
 130 #routeContainer { position: relative; background: #000;}
 131 #routeBoxContent {
 132   position:relative;
 133   background-color:#FFF;
 134   top:-3px;
 135   left:-3px;
 136   color: #000;
 137   font-size: 18px;
 138   font-weight:bold;
 139   border: 1px solid #999;
 140   text-align:right;
 141 }
 142 .itinBusStop { color:#09F; font-size: 10px; line-height:120% }
 143
 144 .itinStartEnd { color: #800080; font-size: 10px; }
 145 .itinText {     color:#000; font-size: 12px; }
 146 .itinTextTop {  color:#000; font-size: 12px; padding-top:10px; }
 147 .itinTextTop2 { color:#000; font-size: 12px; }
 148 .itinTime { color:#000; font-size: 16px; font-weight:bold; }
 149 .spaceBtwn {
 150     padding-left:20px; padding-right:20px;
 151 }
 152 br.dbSpace { padding-top: 20px; }
 153 a.landmark  {font-size:12px;}
 154 a.landmarkMore {        font-size:12px; font-weight:bold; }
 155 a.landmarkPrevious {    font-size:12px; font-weight:bold; }
 156 td.landmarkRow {        padding: 5px; }
 157 td.landmarkAltRow { padding:5px; background-color:#EEE; }
 158 td.landmarkMore {        text-align:right; padding-top:20px; padding-bottom:5px; padding-left:5px; padding-right:5px;}
 159 td.landmarkPrevious { text-align:left; padding-top:20px; padding-bottom:5px; padding-left:5px; padding-right:5px; }
 160 .tp_mapStep, .spt_mapStep { font-size:12px; font-weight:bold; }
 161 a.tp_mapLink, .tp_mapInstruction{ font-size:12px; font-weight:bold; color:#336699;}
 162 input.invisible { border:1px solid #FFF; }
 163
 164 .cal_table { background-color: #069; }
 165 .cal_dayweek { background-color: #FFC; color:#000; }
 166 .cal_today { background-color: #FC9;}
 167 .cal_weekday { background-color: #FFF; }
 168 .cal_weekend { background-color: #DBEAF5; }
 169 .cal_curr_month { color: #000; }
 170 .cal_other_month { color: #909090; }
 171
 172 div.landmark a, div.routeList a{ font-size: 12px; }
 173 div.landmark, div.routeList { height: 40px; vertical-align:top;  }
 174 td.moreEntries { font-size: 12px; font-weight:bold; text-align:right; padding-right:20px; }
 175 td.prevEntries { font-size: 12px; font-weight:bold; }
 176 .badBrowserWarning { vertical-align: top; align:middle; }
 177
 178 .mapBorder { border: 1px solid #000; }
 179 .corelText { padding-right:5px; padding-left:5px; padding-top: 10px; font-size:10px; font-style:italic; color:#8D9294; }
 180
 181 .sl_table { border: 1px solid #069; }
 182 .sl_stop { border-top: 1px dashed #CCC; height: 30px; font-size: 12px; }
 183 .sl_stop2 { border-top: 1px dashed #CCC; background-color: #F7F7F7; height: 30px; font-size: 12px;}
 184 .sl_time { font-size:8pt; border-top: 1px dashed #CCC;  text-align: center;}
 185 .sl_time2 { font-size:8pt; border-top: 1px dashed #CCC; text-align: center; background-color: #F7F7F7; }
 186 .sl_stop_name { background-color: #FFC; color: #069; padding: 5px; font-size:8pt; text-align: center; border-top: 1px dashed #CCC;}
 187 .sl_stop_name2 { color: #069; padding: 5px; font-size:8pt; text-align: center; border-top: 1px dashed #CCC;}
 188 .sl_header { border-bottom: 2px solid #0051ba; padding: 5px; background-color:#FC9;}
 189