/* webbts 10/9/03 */
body {
background-color: #ffffff;
color: #000000;
font-family: arial, helvetica, sans-serif;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
table, tr, th, td { font-family: arial, helvetica, sans-serif; }
h1 { font-size: 185%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 115%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }
caption { font-weight: bold; font-size: 100%; text-align: left; }
ol { list-style-type: decimal; }
ol ol { list-style-type: decimal; }
ol ol ol { list-style-type: decimal; }
ol ol ol ol { list-style-type: decimal; }
.outline1 { list-style-type: upper-roman; font-size: 75%; }
.outline2 { list-style-type: upper-alpha; }
.outline3 { list-style-type: lower-roman; }
.outline4 { list-style-type: lower-alpha; }
.nolist { list-style-type: none; font-size: 90%; }
.nolists { list-style-type: none; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: disc; }
p, blockquote { font-size: 75%; }
i, em { font-style: italic; }
b, strong { font-weight: bold; }
sup { font-size: 85%; line-height: 1.5em; vertical-align: super; }
sub { font-size: 85%; line-height: 1.5em; vertical-align: sub; }
.btsfont { font-size: 75%; }
.btsfontsmall { font-size: 70%; }
.btsfontbig { font-size: 90%; }
.indent { margin-left: 6ex; }
.indenttext { text-indent: 6ex; }
.center { text-align: center; }
/* data table classes w/gray header, light gray background cell color */
.colheadone {
background-color: #cccccc;
color: #000000;
text-align: center;
font-size: 75%;
}
.colheadtwo {
background-color: #cccccc;
color: #000000;
text-align: center;
font-size: 75%;
}
.colheadthree {
background-color: #cccccc;
color: #000000;
text-align: center;
font-size: 75%;
}
.rowheadright { /* in redesign, need to change this class .rowheadone to .rowheadleft */
background-color: #e6e6e6;
color: #000000;
text-align: right;
font-size: 75%;
}
.rowheadcenter { /* in redesign, need to change this class .rowheadtwo to .rowheadcenter */
background-color: #e6e6e6;
color: #000000;
text-align: center;
font-size: 75%;
}
.rowheadleft { /* in redesign, need to change this class .rowheadthree to .rowheadleft */
background-color: #e6e6e6;
color: #000000;
text-align: left;
font-size: 75%;
}
/* Row Header first level */
.rowheadone {
background-color: #e6e6e6;
color: #000000;
text-align: left;
font-family: arial, helvetica, sans-serif;
font-size: 75%;
}
/* Row Header second level, center aligned */
.rowheadtwo {
background-color: #e6e6e6;
color: #000000;
text-align: center;
font-family: arial, helvetica, sans-serif;
font-size: 75%;
}
/* For | "Gray background-color" Row Headers */
.rowheadthree {
background-color: #e6e6e6;
color: #000000;
text-align: left;
font-family: arial, helvetica, sans-serif;
font-size: 75%;
}
/* important class with color font, Row Header first level */
.rowheadoneimportant {
background-color: #e6e6e6;
color: #ff0000;
text-align: left;
font-family: arial, helvetica, sans-serif;
font-size: 75%;
}
/* important class with color font, Row Header second level, center aligned */
.rowheadtwoimportant {
background-color: #e6e6e6;
color: #ff0000;
text-align: center;
font-family: arial, helvetica, sans-serif;
font-size: 75%;
}
/* important class with color font, For | "Gray background-color" Row Headers */
.rowheadthreeimportant {
background-color: #e6e6e6;
color: #ff0000;
text-align: left;
font-family: arial, helvetica, sans-serif;
font-size: 75%;
}
/* Use in data table, indent | or | "Light-gray background-color" */
.indent1 {
background-color: #e6e6e6;
color: #000000;
text-align: left;
font-size: 75%;
text-indent: 1ex;
}
.indent2 {
background-color: #e6e6e6;
color: #000000;
text-align: left;
font-size: 75%;
text-indent: 2ex;
}
.indent3 {
background-color: #e6e6e6;
color: #000000;
text-align: left;
font-size: 75%;
text-indent: 3ex;
}
.indent4 {
background-color: #e6e6e6;
color: #000000;
text-align: left;
font-size: 75%;
text-indent: 4ex;
}
.indent5 {
background-color: #e6e6e6;
color: #000000;
text-align: left;
font-size: 75%;
text-indent: 5ex;
}
.cellright { /* in redesign, need to change this class .cellone to .cellright */
background-color: #e6e6e6;
color: #000000;
text-align: right;
font-size: 75%;
}
.cellleft { /* in redesign, need to change this class .celltwo to .cellleft */
background-color: #e6e6e6;
color: #000000;
text-align: left;
font-size: 75%;
}
.cellcenter { /* in redesign, need to change this class .cellthree to .cellcenter */
background-color: #e6e6e6;
color: #000000;
text-align: center;
font-size: 75%;
}
.cellrightshade {
background-color: #cccccc;
color: #000000;
text-align: right;
font-size: 75%;
}
.cellleftshade {
background-color: #cccccc;
color: #000000;
text-align: left;
font-size: 75%;
}
.cellcentershade {
background-color: #cccccc;
color: #000000;
text-align: center;
font-size: 75%;
}
/* *** Delete after redesign --------------- Gray cell background #cccccc -- RIGHT align | tags ------------- */
.cellone {
background-color: #e6e6e6;
color: #000000;
font-family: arial, helvetica, sans-serif;
text-align: right; /* text-align: "."; */
font-size: 75%;
}
/* align-left gray cell background #cccccc -- LEFT align | tags */
.celltwo {
background-color: #e6e6e6;
color: #000000;
font-family: arial, helvetica, sans-serif;
text-align: left; /* text-align: "."; */
font-size: 75%;
}
/* align-center gray cell background #cccccc -- CENTER align | tags */
.cellthree {
background-color: #e6e6e6;
color: #000000;
font-family: arial, helvetica, sans-serif;
text-align: center; /* text-align: "."; */
font-size: 75%;
}
/* important cell class with color font, Gray cell background #cccccc -- RIGHT align | tags ---------- */
.celloneimportant {
background-color: #e6e6e6;
color: #ff0000;
font-family: arial, helvetica, sans-serif;
text-align: right; /* text-align: "."; */
font-size: 75%;
}
/* important cell class with color font, align-left gray cell background #cccccc -- LEFT align | tags */
.celltwoimportant {
background-color: #e6e6e6;
color: #ff0000;
font-family: arial, helvetica, sans-serif;
text-align: left; /* text-align: "."; */
font-size: 75%;
}
/* important cell class with color font, align-center gray cell background #cccccc -- CENTER align | tags */
.cellthreeimportant {
background-color: #e6e6e6;
color: #ff0000;
font-family: arial, helvetica, sans-serif;
text-align: center; /* text-align: "."; */
font-size: 75%;
}
/* --- after redesign, delete following decell part ------- */
.decellone { /* in redesign, need to change this class .decellone to .cellright */
background-color: #e6e6e6;
color: #000000;
font-family: courier new, courier, monospace;
text-align: right;
font-size: 75%;
}
.decelltwo { /* in redesign, need to change this class .decelltwo to .cellleft */
background-color: #e6e6e6;
color: #000000;
font-family: courier new, courier, monospace;
text-align: left;
font-size: 75%;
}
.decellthree { /* in redesign, need to change this class .decellthree to .cellright */
background-color: #e6e6e6;
color: #000000;
font-family: courier new, courier, monospace;
text-align: center;
font-size: 75%;
}
/* ----------------- TOC(matrix) table w/gray column header, light-gray background color ---------- */
.tocheader {
background-color: #cccccc;
color: #000000;
text-align: center;
font-size: 75%;
font-weight: bold;
}
.tocsection {
background-color: #e6e6e6;
color: #000000;
text-align: left;
font-size: 75%;
font-weight: bold;
}
.tocentry {
background-color: #e6e6e6;
color: #000000;
text-align: left;
font-size: 75%;
}
.toclink {
background-color: #e6e6e6;
color: #000000;
text-align: center;
font-size: 75%;
width: 10%;
}
/* ----------------- Old TOC classes, need to delete after redesign ---------- */
th.matrixcolhead { /* in redesign, need to change this class .matrixcolhead to .tocheader */
background-color: #cccccc;
text-align: center;
color: #000000;
font-family: arial, helvetica, sans-serif;
font-size: 75%;
}
.matrixcellone { /* in redesign, need to change this class .matrixcellone to .toclink */
background-color: #e6e6e6;
color: #000000;
font-family: arial, helvetica, sans-serif;
text-align: center;
font-size: 75%;
width: 10%;
}
/* ----------------------------------- special text box classes ------------------------- */
.textboxhead {
background-color: #cccccc;
color: #000000;
font-size: 90%;
font-weight: bold;
padding: 4px;
}
.textboxborder {
border: thin solid #cccccc;
}
.textbox {
background-color: #e6e6e6;
color: #000000;
}
/* ----------------------------------- special embedded image box ------------------------- */
.ImageBoxRight {
position: auto;
padding-left: 5px;
margin-right: 0px;
}
.ImageBoxLeft {
position: auto;
padding-right: 5px;
margin-left: 0px;
}
.ImageCaption {
font-family: arial, helvetica, sans-serif;
font-size: 70%;
padding-top: 5px;
padding-bottom: 5px;
}
/* ----------------------------------- Link Anchor Pseudo-classes ------------------------- */
a:active { color: #ff0000; text-decoration: underline;} /* selected link in dark-RED #cc0000 */
a:visited { color: #800080; text-decoration: underline;} /* visited link in dark-RED #cc0000 */
a:link {color: #0000ff; text-decoration: underline;} /* unvisited link in dark-blue #000066*/
a:hover {color: #cc0000; text-decoration: underline;} /* mouse over link in dark-RED #cc0000*/
/* change or delete this class when redesign, css for no decoration links in black text color */
a.nodec:visited {background-color:transparent;color:#000000; text-decoration: none; }
a.nodec:link {background-color:transparent;color:#000000; text-decoration: none; }
a.nodec:hover {background-color:transparent;color:#000000; text-decoration: underline; }
/* change to .nodec and delete after redesign, css for no decoration links in white text color */
a.nodec2:visited {background-color:transparent;color:#000000; text-decoration: none; }
a.nodec2:link {background-color:transparent;color:#000000; text-decoration: none; }
a.nodec2:hover {background-color:transparent;color:#000000; text-decoration: underline; }
/* css for "Skip to Content" -- with white font-color and 15% of default font size */
a.skip:active {background-color:transparent;color: #ffffff; font-size: 1%;text-decoration: none;line-height:1px} /* selected link */
a.skip:visited {background-color:transparent;color: #ffffff; font-size: 1%;text-decoration: none;line-height:1px} /* visited link */
a.skip:link {background-color:transparent;color: #ffffff; font-size: 1%;text-decoration: none;line-height:1px} /* unvisited link */
a.skip:hover {background-color:transparent;color: #ffffff; font-size: 1%;text-decoration: none;line-height:1px} /* mouse over link */
.skips {background-color:transparent;color: #ffffff; font-size: 1%;line-height:1px}
.header1 { font-size: 185%; font-weight: bold; }
.header2 { font-size: 150%; font-weight: bold; }
.header3 { font-size: 125%; font-weight: bold; }
.header4 { font-size: 110%; font-weight: bold; }
.header5 { font-size: 100%; font-weight: bold; }
.transparent {
background-color: transparent;
color: #ffffff;
font-size: 30%;
}
.note, .key, .source {
font-size: 75%;
}
.important {
font-family: arial, helvetica, sans-serif;
color: #ff0000;
}
.letterheadsmall {
font-size: 70%;
}
.letterheadregular {
font-size: 75%;
}
/* find out logic to remove these following classs */
.italicstyle { font-style: italic; }
.boldstyle { font-weight: bold; }
.bolditalicstyle { font-style: italic; font-weight: bold; }
.superitalic { font-style: italic; vertical-align: super; }
.subitalic { font-style: italic; vertical-align: sub; }
/* css for positive, negative, and neutral colors in DARK background figures and numbers */
.negative { color: #cc0000; }
.positive { color: #009900; }
.neutral { color: #000000; }
/******** delete after redesign, css for Buttons on the right side on current bts index.html page ********************/
.button {
border: 0px solid #000066;
padding: 0px;
background-color: #000066;
color: #000000;
font-size: 80%;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
text-align: center;
}
a.buttonlink:active {background-color:transparent;color: #ffffff; text-decoration: none;}
a.buttonlink:visited {background-color:transparent;color: #ffffff; text-decoration: none;}
a.buttonlink:link {background-color:transparent;color: #ffffff; text-decoration: none;}
a.buttonlink:hover {background-color:transparent;color: #ffff00; text-decoration: none;}
/********************** css for Button looks like a link ********************/
.linkbutton {
border: 0px solid #ffffff;
padding: 0px;
background-color: #ffffff;
color: #0000ff;
font-family: arial, helvetica, sans-serif;
}
/* submit button that turns red when mouse-over */
.buttons {
font-size: 80%;
font-family: Verdana, Arial, Helvetica;
}
.buttonsOn {
background-color:#cc0000;
color:#ffffff;
font-size: 80%;
font-family: Verdana, Arial, Helvetica;
}
/* PDC shopping cart button that turns red when mouse-over */
.pdcbuttons {
font-size: 70%;
font-family: Verdana, Arial, Helvetica;
}
.pdcbuttonsOn {
background-color:#cc0000;
color:#ffffff;
font-size: 70%;
font-family: Verdana, Arial, Helvetica;
}
/* TSA section */
.tsanavbar {
background-color: #000066;
color: #ffffff;
font-size: 75%;
}
.tsaheader {
font-size: 90%;
background-color: #a2b5cd;
}
.tsainputbox {
font-size: 75%;
background-color: #e5e5e5;
}
.error {
color: #ff0000;
font-weight: bold;
}
a.breadcrumb:active {background-color:transparent; color: #ff0000; text-decoration: none;}
a.breadcrumb:visited {background-color:transparent; color: #800080; text-decoration: none;}
a.breadcrumb:link {background-color:transparent;color: #0000ff; text-decoration: underline;}
a.breadcrumb:hover {background-color:transparent;color: #ff0000; text-decoration: underline;}
a.tsaskip:active {background-color:transparent;color: #000066; font-size: 60%;text-decoration: none;}
a.tsaskip:visited {background-color:transparent;color: #000066; font-size: 60%;text-decoration: none;}
a.tsaskip:link {background-color:transparent;color: #000066; font-size: 60%;text-decoration: none;}
a.tsaskip:hover {background-color:transparent;color: #000066; font-size: 60%;text-decoration: none;}
/* ------------------------ The following CSS is for New BTS home page --------------------------- */
.globalnavbar {
background-color: #0066cc;
color: #ffffff;
font-size: 75%;
font-family: verdana, arial, helvetica;
}
.globalnavbar a:visited {color:#ffffff; text-decoration: none;}
.globalnavbar a:link {color:#ffffff; text-decoration: none; }
.globalnavbar a:hover {color:#ffff00; text-decoration: none; }
.breadcrumbs {
font-size: 65%;
font-family: verdana, arial, helvetica;
}
.RotateImg {
padding-right: 8px;
}
.GlobalTopNavBar {
background-color: #2175d9;
color: #ffffff;
font-size: 75%;
font-family: verdana, arial, helvetica;
}
.GlobalTopNavBar a:visited {color:#ffffff; text-decoration: none;}
.GlobalTopNavBar a:link {color:#ffffff; text-decoration: none; }
.GlobalTopNavBar a:hover {color:#ffff00; text-decoration: none; }
a.login:active {background-color:transparent;color:#ffff00;text-decoration:none;} /* selected link */
a.login:visited {background-color:transparent;color:#ffff00;text-decoration:none;} /* visited link */
a.login:link {background-color:transparent;color:#ffff00;text-decoration:none;} /* unvisited link */
a.login:hover {background-color:transparent;color:#ffff00;text-decoration:none;} /* mouse over link */
.globalheadermiddle {
background-color: #2175d9;
color: #ffffff;
font-size: 75%;
font-family: verdana, arial, helvetica;
}
.globalheadermiddle a:visited {color:#ffffff; text-decoration: none;}
.globalheadermiddle a:link {color:#ffffff; text-decoration: none; }
.globalheadermiddle a:hover {color:#ffff00; text-decoration: none; }
/* mfd */.inputbox {
font-size: 85%;
height: 20px;
}
/* mfd */.verticalbar {
border-left: 1px solid #636262;
}
.GlobalLeftNavBar {
background-color: #cfe4fa;
font-size: 75%;
}
.LocalLeftNavBar1 {
color: #000000;
font-family: verdana, arial, helvetica;
font-size: 75%;
font-weight: bold;
border-bottom: 1px #00308f solid;
}
.LocalLeftNavBar1 a:visited {color:#000000; text-decoration: none;}
.LocalLeftNavBar1 a:link {color:#000000; text-decoration: none; }
.LocalLeftNavBar1 a:hover {color:#cc0000; text-decoration: none; }
.LocalLeftNavBar2 {
color: #000000;
font-family: verdana, arial, helvetica;
font-size: 75%;
border-bottom: 1px #00308f solid;
/*padding-left: 8px;*/
}
.LocalLeftNavBar2 a:visited {color:#000000; text-decoration: none;}
.LocalLeftNavBar2 a:link {color:#000000; text-decoration: none; }
.LocalLeftNavBar2 a:hover {color:#cc0000; text-decoration: none; }
.nopadlist {
margin-left: 20px;
}
/* blue box w/ border */
.box1 {
border: 1px #00308f solid;
}
.box1title {
background-color: #00308f;
color: #ffffff;
font-family: verdana, arial, helvetica;
font-size: 75%;
font-weight: bold;
}
.box1content {
font-size: 75%;
}
/* blue box w/out border */
.box2 {
border: none;
}
.box2title {
background-color: #00308f;
color: #ffffff;
font-family: verdana, arial, helvetica;
font-size: 75%;
font-weight: bold;
}
.box2content {
font-size: 75%;
}
/* light blue bk w/ black text w/ border */
.box3 {
border: 1px #000000 solid;
}
.box3title {
background-color: #9FD0FA;
color: #000000;
font-family: verdana, arial, helvetica;
font-size: 75%;
font-weight: bold;
border-top: 3px #cc0000 solid;
border-bottom: 1px #cc0000 solid;
}
.box3content {
background-color: #9FD0FA;
font-size: 75%;
}
/* red box w/out border */
.box4 {
border: none;
}
.box4title {
background-color: #cc0000;
color: #ffffff;
font-family: verdana, arial, helvetica;
font-size: 75%;
font-weight: bold;
}
.box4content {
font-size: 75%;
}
/* gray bk box w/ top/bottom borders */
.box5 {
border: none;
}
.box5title {
background-color: #e6e6e6;
color: #000000;
font-family: verdana, arial, helvetica;
font-size: 75%;
font-weight: bold;
border-top: 3px #00308f solid;
border-bottom: 1px #00308f solid;
}
.box5content {
background-color: #e6e6e6;
font-size: 75%;
border-bottom: 1px #00308f solid;
}
/* red box w/ border */
.box6 {
border: 1px #cc0000 solid;
}
.box6title {
background-color: #cc0000;
color: #ffffff;
font-family: verdana, arial, helvetica;
font-size: 75%;
font-weight: bold;
}
.box6content {
font-size: 75%;
}
.featureboxcontent {
font-size: 75%;
background-color: #ffffff;
}
.headlineboxcontent {
font-size: 110%;
/*font-weight: bold;
border-bottom: 1px #000000 solid;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 4px;
padding-left: 4px;
background-color: #ececec;
border-top: 2px #ff3300 solid;
*/
}
/*.headlineboxcontent a:visited {background-color:transparent;color:#000000; text-decoration: underline; }
.headlineboxcontent a:link {background-color:transparent;color:#000000; text-decoration: underline; }
.headlineboxcontent a:hover {background-color:transparent;color:#cc0000; text-decoration: underline; }
*/
.searchboxcontent {
border-top: 1px #ffffff solid;
border-bottom: 1px #ffffff solid;
font-size: 75%;
background-color: #2175d9;
color: #ffffff;
}
.searchboxcontent a:visited {background-color:transparent;color:#ffffff;font-size: 90%; text-decoration: underline; }
.searchboxcontent a:link {background-color:transparent;color:#ffffff;font-size: 90%; text-decoration: underline; }
.searchboxcontent a:hover {background-color:transparent;color:#ffff00;font-size: 90%; text-decoration: underline; }
.ontimebox {
border: none;
}
.ontimeboxtitle { background-color: #00308f; /*#959595*/
color: #ffffff;
font-family: verdana, arial, helvetica;
font-size: 75%;
font-weight: bold;
}
.ontimeboxcontent {
font-size: 70%;
background-color: #ececec;
background-repeat: no-repeat;
}
/* old style need to be delete */
/* css for tris-online text color */
.tris {color:#660066; text-decoration: underline;font-family:none;font-size:18pt;font-weight:bolder; }
.online {color:#99cc00; text-decoration: underline;font-family:none;font-size:18pt;font-weight:bolder;font-style:italic; }
|