body {font-family: arial,helvetica,sans-serif; font-size: 12px; color: #000000;}
div {font-family: arial,verdana,helvetica,sans-serif;}
span {font-family: arial,verdana,helvetica,sans-serif;}
td {font-family: arial,verdana,helvetica,sans-serif; font-size: 12px;}
th.header {font-family: arial,verdana,helvetica,sans-serif; font-size: 14px; background: #B2CEFD; color: #003399; height: 30px; font-weight: bold; text-align: left; padding-left: 10px; padding-right: 10px; text-transform: uppercase;}
th {font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; background: #D5E4FE; color: #003399; height: 24px; font-weight: bold; text-align: left; padding-left: 10px; padding-right: 10px;}
th.formsection {font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; background: #D5E4FE; color: #003399; height: 24px; font-weight: bold; text-align: left; padding-left: 10px; padding-right: 10px; border: solid 1px #6699cc;}
th.required {font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; background: #D5E4FE; color: #993300; height: 24px; font-weight: bold; text-align: left; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;}
th.optional {font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; background: #D5E4FE; color: #003399; height: 24px; font-weight: bold; text-align: left; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;}
p {font-family: arial,verdana,helvetica,sans-serif; font-size: 12px;}
b {font-family: arial,verdana,helvetica,sans-serif; font-weight: bold;}
i {font-family: arial,verdana,helvetica,sans-serif; font-style: italic;}
li {font-family: arial,verdana,helvetica,sans-serif;}
ul {font-family: arial,verdana,helvetica,sans-serif;}
ol {font-family: arial,verdana,helvetica,sans-serif;}
h1 {font-family: arial,verdana,helvetica,sans-serif; font-size: 28px;}
h2 {font-family: arial,verdana,helvetica,sans-serif; font-size: 24px;}
h3.original {font-family: arial,verdana,helvetica,sans-serif; font-size: 20px;}
h4, .h4, h3 {color:#003399; font-family: arial,verdana,helvetica,sans-serif; font-size: 18px;}
.cardplus-h4 {color:#003399; font-family: arial,verdana,helvetica,sans-serif; font-size: 18px; font-weight: bold;}
.cardplus-h5 {color:#003399; font-family: arial,verdana,helvetica,sans-serif; font-size: 14px; font-weight: bold;}
.card-h4 {color:#64A6D5; font-family: arial,verdana,helvetica,sans-serif; font-size: 18px; font-weight: bold;}
.card-h3 {color:#003399; font-family: arial,verdana,helvetica,sans-serif; font-size: 18px; font-weight: bold;}

h5 {font-family: arial,verdana,helvetica,sans-serif; font-size: 16px;}
h6 {color:#5C8BE8;font-family: arial,verdana,helvetica,sans-serif; font-size: 15px;}
.card-h6 {color:#5C8BE8; font-family: arial,verdana,helvetica,sans-serif; font-size: 15px; font-weight: bold;}

input {font-family: arial,verdana,helvetica,sans-serif; font-size: 12px;}
select {font-family: arial,verdana,helvetica,sans-serif; font-size: 12px;}
textarea {font-family: arial,verdana,helvetica,sans-serif; font-size: 12px;}

.dep_title  { color:#666666; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 18px; }
.break      { page-break-after: always }
.error      { color: #FF0000;}
.serror     { color: #FFFFFF; background-color: #FF0000;}
.button     { background-color: #FF0000; color: #FFFFFF; font-weight: bold; font-family: Arial,Helvetica,Verdana,sans-serif;}
.caption    { font-family: arial,verdana,arial,helvetica; font-size: 10px; color: #000066;}
.title      { font-family: arial,verdana,helvetica,sans-serif; font-size: 16px; font-weight: bold; color: #000066;}
.required   { color: #ff0000; background: #E0E0E0; padding-top: 8px; padding-bottom: 8px; border: solid 1px #999999;}
.optional   { color: #003366; background: #E0E0E0; padding-top: 8px; padding-bottom: 8px; border: solid 1px #999999;}
.heading    { color: #003399; background: #A0C2FC; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-weight: bold; text-transform: uppercase; padding-left: 10px; padding-right: 10px;}
.field      { background: #EDF3FD; border: solid 1px #99CCFF;}
.alternate  { background: #FFFFFF; height: 24px; color: #003399; font-size: 12px; font-weight: bold; vertical-align: middle; padding-left: 10px; padding-right: 10px;}
.row        { background: #EDF3FD; height: 24px; color: #003399; font-size: 12px; font-weight: bold; vertical-align: middle; padding-left: 10px; padding-right: 10px;}
.red        { color: #ff0000;}
.orange {background: #FFA500}
.blue {color: #003399;}
.lt-blue {color: #3366CC;}
.submits    { background: #B2CEFD; height: 30px; color: #003399; font-size: 14px; font-weight: bold; vertical-align: middle; padding-left: 10px; padding-right: 10px; text-align: center;}
.header {font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; background: #D5E4FE; color: #003399; height: 24px; font-weight: bold; text-align: left; padding-left: 5px; }

.smallest   { font-size: 10px;}
.smaller    { font-size: 11px;}
.larger     { font-size: 14px;}
.largest    { font-size: 16px;}
.white    { color: #fcfcfc;}

.copy    { font-size: 11px; font-weight: bold; color:#C09C0E;}
.cardmember { font-size: 14px; font-weight: bold; color: #E7D782; margin-left: 17px;}
.divider    { color:#3E63A4;}
.divider2   { color:#FFFFFF;}

.navbox    { border-bottom: 1px solid #767472; border-left: 1px solid #767472; border-right: 1px solid #767472; }
.navboxtop { border-top: 1px solid #767472; border-bottom: 1px solid #767472; border-left: 1px solid #767472; border-right: 1px solid #767472; }

.pagetitle     { font-size: 16px; color: #fcfcfc; font-weight: bold;}
.ques     { font-size: 12px; font-weight: bold; color: #4C6CA8;}
.ans     { font-size: 12px; }

.subhead {font-size: 13px; font-weight: bold; text-decoration: none; color: #666699;}

.acct-name {font-size: 14px; color: #003399;}
.acct-box { border: 1px solid #DBE8FD;}
.transaction-box { border-bottom: 1px solid #DBE8FD; border-right: 1px solid #DBE8FD; padding-left: 5px; padding-right: 5px;}
.transaction-box-left { border-bottom: 1px solid #DBE8FD; border-left: 1px solid #DBE8FD; }
.transaction-box-both { border-bottom: 1px solid #DBE8FD; border-left: 1px solid #DBE8FD; border-right: 1px solid #DBE8FD; }
.acct-amount { color:#003399; font-size: 12px; font-weight: bold;}
.acct-desc { color:#003399; font-size: 12px; font-weight: bold;}
.acct-date { color:#003399; font-size: 12px; font-weight: bold;}
.acct-time { color:#003399; font-size: 12px; font-weight: bold;}
.reload-amount { color:#7c0924; font-size: 12px; font-weight: bold;}
.reload-desc { color:#7c0924; font-size: 12px; font-weight: bold;}
.reload-date { color:#7c0924; font-size: 12px; font-weight: bold;}
.reload-time { color:#7c0924; font-size: 12px; font-weight: bold;}

/* added for Chicago Card Plus Pages 1-12-04 */

.fare-box { border-top: 1px solid #000000; border-right: 1px solid #000000; }
.fare-box-left { border-bottom: 1px solid #000000; border-left: 1px solid #000000; }
.fare-subhead { font-size: 14px; margin-left: 5px; color: #FFFFFF;}
.fare-margin { margin-left: 3px; margin-right: 3px; margin-top: 10px; width: 230;}
.passback-margin { margin-left: 15px; margin-right: 10px; margin-top: 10px;}
li.bl { list-style-image: url('/images/cardplus/bullet-bl.gif'); vertical-align: middle; line-height: 1.2em;}
li.ye { list-style-image: url('/images/cardplus/bullet-ye.gif'); vertical-align: middle; line-height: 1.2em; }
li.wh { list-style-image: url('/images/cardplus/bullet-wh.gif'); vertical-align: middle; line-height: 1.2em; }

.notify-border { border: 1px solid #E8FDDB;}
.notify-cell { font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; background: #CEFDB2; color: #339900; font-weight: bold; text-align: left; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;}
.error-border { border: 1px solid #FDDBE8;}
.error-cell { font-family: arial,verdana,helvetica,sans-serif; font-size: 12px; background: #FDB2CE; color: #990033; font-weight: bold; text-align: left; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;}

a {font-family: arial,verdana,helvetica; text-decoration: underline; color: #6699FF;}
a:link {color: #6699FF;}
a:active {color: #6699FF;}
a:visited {color: #6699FF;}
a:hover {color: #ff0000;}

a.sidenav {font-family: arial,helvetica,verdana; font-size: 11px; font-weight: bold; text-decoration: none; color: #5C5D6E;}
a.sidenav:link {color: #5C5D6E;}
a.sidenav:active {color: #5C5D6E;}
a.sidenav:visited {color: #5C5D6E;}
a.sidenav:hover {color: #003399;}

a.sidenav2 {font-family: arial,helvetica,verdana; font-size: 11px; font-weight: bold; text-decoration: none; color: #003399;}
a.sidenav2:link {color: #003399;}
a.sidenav2:active {color: #003399;}
a.sidenav2:visited {color: #003399;}
a.sidenav2:hover {color: #5C5D6E;}

a.textnav {font-family: arial,helvetica,verdana; font-size: 11px; text-decoration: none; color: #333333;}
a.textnav:link {color: #333333;}
a.textnav:active {color: #333333;}
a.textnav:visited {color: #333333;}
a.textnav:hover {color: #CA1F03;}

a.footernav {font-family: arial,helvetica,verdana; font-size: 11px; text-decoration: none; color: #93AFE9;}
a.footernav:link {color: #93AFE9;}
a.footernav:active {color: #93AFE9;}
a.footernav:visited {color: #93AFE9;}
a.footernav:hover {color: #BF4F4F;}

a.conditions {font-family: arial,helvetica,verdana; font-size: 11px; text-decoration: none; color: #C8DFF1;}
a.conditions:link {color: #C8DFF1;}
a.conditions:active {color: #C8DFF1;}
a.conditions:visited {color: #C8DFF1;}
a.conditions:hover {color: #93AFE9;}

a.footernav2 {font-family: arial,helvetica,verdana; font-size: 11px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
a.footernav2:link {color: #FFFFFF;}
a.footernav2:active {color: #FFFFFF;}
a.footernav2:visited {color: #FFFFFF;}
a.footernav2:hover {color: #FFFF66;}

a.view90 {font-family: arial,helvetica,verdana; font-size: 11px; text-decoration: underline; color: #7C0924;}
a.view90:link {color: #7C0924;}
a.view90:active {color: #7C0924;}
a.view90:visited {color: #7C0924;}
a.view90:hover {color: #7C0924; text-decoration: none;}

a.faq {font-family: arial,helvetica,verdana; font-size: 12px; font-weight: bold; text-decoration: none; color: #666699;}
a.faq:link {color: #666699;}
a.faq:active {color: #666699;}
a.faq:visited {color: #666699;}
a.faq:hover {color: #ff0000;}

a.faq-anchor {font-family: arial,helvetica,verdana; font-size: 14px; font-weight: bold; text-decoration: none; color: #666699;}

.btn {
    color: #5C5D6E;
    background: #F9F0C9;
    font-family: Arial,Lucida,Verdana,Helvetica;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #E7D782;
    border-right: 1px solid #E7D782;
    border-left: 1px solid #E7D782;
    border-top: 1px solid #E7D782;
    height:20px;
    text-decoration:none;
    cursor: hand
}

.saleprice {
    font-size: 13px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    text-align: left;
    border-right-width: 0px;
    font-weight: bold;
    color: #FF0000;
}
.price {
    font-size: 13px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    text-align: left;
    border-right-width: 0px;
    font-weight: bold;}

P.break {
    page-break-after: always;
}