html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin:0;
 padding:0;
 border:0;
 font-size:100%;
 font:inherit;
 vertical-align:baseline;
}
strong {
 font-weight:bold;
}
html {
 overflow-y: scroll;
 height:100%;
}
body {
 font:normal normal 13px/1.231 "myriad-pro",Arial,Helvetica,sans-serif;
 color:#444;
 background-color:#FFF;
 width:100%;
 height:100%;
}
p {
 margin:0 0 15px 0;
 font:normal normal 14px/18px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#2D2D2D;
}
a {
 cursor:pointer;
 text-decoration:none;
 color:#2886C2;
}
a:hover {
 text-decoration:underline;
}
a.dead, .dead {
 color:#999;
 cursor:default;
}
a.dead:hover {
 text-decoration:none;
}
a.black, a.blue {
 color:#000;
 padding:0 8px 0 0;
 background:url(/i/direct.png) no-repeat right center;
}
a.blue {
 color:#2886C2;
 background:url(/i/bdirect.png) no-repeat right center; 
}
\b {
 font-weight:bold;
}
i {
 font-style:italic;
}
img {
 border:0px;
 padding:0px;
}
h1, h2, h3 {
 font:bold normal 21px/24px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#000;
 margin:0 0 8px 0;
}
h1.hdr {
 font-size:23px;
 line-height:23px;
}
h1.hdr a {
 color:#000;
}
h1.gray {
 font:normal normal 19px/25px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#666;
 margin:0 4px 8px 4px;
}
h2 {
 font-size:19px;
}
h3 {
 font-size:16px;
}
.thin {
 font-weight:normal;
}
hr {
 margin:7px 0;
 height:1px;
 color:#C1C1C1;
 background-color:#C1C1C1;
 border:0;
}
hr.thk {
 margin:20px 0;
 height:3px;
 color:#040404;
 background-color:#040404;
}
.img-left {
 padding:7px 14px 0 14px;
}
.img-left img, img.img-left {
 float:left;
 margin:0 20px 0 0;
}
.img-left p {
 margin:0;
}
.img-left hr {
 clear:both;
 margin:0;
 height:7px;
 color:#FFF;
 background:#FFF;
 border:0;
}
#lft {
 width:182px;
 position:absolute;
 z-index:2;
 top:0;
 background:url(/i/top_bg.png) repeat-x 0 0;
}
#lft .lgo {
 display:block;
 background:url(/i/ul.png) no-repeat;
 width:102px;
 height:150px;
 position:absolute;
 z-index:1;
 margin-left: 18px;
 margin-top: 52px;
 background-size: contain;
}
#rgt {
 margin:0 0 0 182px;
 background:url(/i/top_bg.png) repeat-x 0 0;
 position:relative;
}
#tnv {
 display:block;
 font:bold normal 11px/13px Arial,Helvetica,sans-serif;
}
#tnv a {
 float:left;
 color:#A5A5A5;
 border-left:#CCC 1px solid;
 padding:0 8px;
 margin:11px 0 0 0;
}
#tnv a.ucsf {
 display:block;
 height:21px;
 background:url(/i/UCSF.png) no-repeat 6px 5px;
 padding:11px 8px 0 59px;
 margin:0;
 border:0;
}
#main {
 clear:both;
 width:735px;
 padding:34px 40px 60px 40px;
 position:relative;
}
#swl {
 clear:both;
 position:fixed;
 z-index:1;
 bottom:100px;
 background:url(/i/swirl.png) no-repeat;
 width:183px;
 height:213px;
}
.clear {
 clear:both;
}
#scha {
 position:absolute;
 z-index:3;
 text-align:right;
 font:normal normal 11px/13px Helvetica Neue,Helvetica,Arial,sans-serif;
 top:38px;
 left:222px;
 width:735px;
}
#scha a {
 color:#505050;
 margin:3px 7px 0 0;
}
#scha a.sel {
 border-bottom:2px solid #2273A6;
}
#scha input {
 margin:0 0 3px 0;
 vertical-align:middle;
}
#scha input[type=text] {
 height:10px;
 width:109px;
 color:#666;
 padding:3px 3px 2px 3px;
 font:normal normal 10px/10px Helvetica Neue,Helvetica,Arial,sans-serif;
 margin:0 5px 3px 5px;
}
#main div.head, #main div.ahead, #anio {
 width:735px;
 height:191px;
 background:#000 no-repeat left top;
 margin-bottom:18px;
}
#main div.ahead, #anio {
 height:318px;
}
#anio {
 position:absolute;
 margin:0;
 display:none;
 top:66px;
 left:222px;
}
#mhd, #mahd {
 position:absolute;
 z-index:2;
 display:block;
 color:#C8DCE9;
 font:normal normal 30px/35px 'EB Garamond',serif;
 letter-spacing:.5px;
 /*background:url(/i/circles.png) no-repeat right bottom;*/
 width:175px;
 height:70px;
 padding:140px 24px 15px 36px;
 left:722px;
 top:32px;
 text-align:center;
 overflow:hidden;
}
#mahd {
 /*background:url(/i/circs.png) no-repeat right bottom;*/
 padding:165px 14px 15px 31px;
 height:75px;
 width:190px;
 top:129px;
}
#ftr {
 font:normal normal 11px/18px Helvetica,Arial,sans-serif;
 color:#949494;
 padding:68px 24px 20px 36px;
 width:735px;
}
#menu {
 margin:216px 0 0 0;
 list-style:none;
 width:176px;
}
#menu div {
 float:left;
 width:12px;
 height:13px;
}
#menu div.opn {
 background:url(/i/ard.png) no-repeat 0 5px;
 cursor:pointer;
}
#menu div.cls {
 background:url(/i/arr.png) no-repeat 0 4px;
 cursor:pointer;
}
#menu ul {
 margin-top:4px;
}
#menu li {
 width:141px;
 display:block;
 font:bold normal 13px/1.231 'Open Sans', sans-serif;;
 color:#000;
 padding:5px 3px 4px 4px;
 background:transparent no-repeat 0 0;
}
#menu li.sel {
 border-left:2px solid #2273A6;
 padding-left:2px;
}
#menu li a {
 margin-left:12px;
 display:block;
 color:#000;
 text-transform:uppercase;
 font-family: 'Open Sans', sans-serif;
}
#menu li.a a {
 color:#000;
}
#menu li a:hover {
 text-decoration:none;
}
#menu li ul li a {
 text-transform:none;
 font-weight:normal;
}
#menu li ul li a:hover {
 color:#007EA9;
}
#icns {
 float:right;
 display:block;
}
#icns a.prnt, #icns a.help {
 float:left;
 display:block;
 width:16px;
 height:16px;
 background:url(/i/prn.png) no-repeat 0 0;
 margin:0 0 12px 12px;
}
#icns a.help {
 background:url(/i/hlp.png) no-repeat 0 0;
}
#main input, #main select, #main textarea {
 color:#2D2D2D;
 background:#FFF;
 padding:3px;
 vertical-align:middle;
 border:1px solid #CCC;
 font:normal normal 12px/15px "myriad-pro",Arial,Helvetica,sans-serif;
}
#main select {
 padding:2px;
}
#main input[type=text] {
 width:178px;
}
#main input[type=image] {
 padding:0;
 border:0;
}
#main input[type=checkbox] {
 margin:0 2px 4px 0;
}
#main input.short {
 width:100px;
}
#main select.short {
 width:200px;
}
#main select.wide, #main input.wide {
 width:300px;
}
#main ul {
 margin:10px 0 10px 20px;
}
#main ul li {
 margin:0 0 8px 0;
}
.csect {
 border:1px solid #CCC;
 font:normal normal 12px/15px "myriad-pro",Arial,Helvetica,sans-serif;
 padding:3px;
 height:160px;
 overflow:auto;
 width:178px;
}
.msg, .err {
 font:normal normal 20px/25px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#666;
}
.err {
 color:#C20113;
}
.df .inp {
 float:left;
 margin:7px 7px 7px 0;
 font:bold normal 14px/16px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#2D2D2D;
}
.df .lb {
 font:normal normal 13px/15px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#2D2D2D;
 padding:0;
 margin:0 2px 1px 0;
}
.df .inp span.req {
 font-size:10px;
 padding:7px 0 0 3px;
 color:#FE7300;
 float:right;
}
.df .lb span.req {
 padding:0 0 0 3px;
 float:none;
}
.df .lb a {
 float:right;
}
.df .slp {
 float:right;
}
.df .btl {
 padding:0;
 margin:7px 0;
}
.df .btl button {
 margin:0 7px 0 0;
}
.df .btl .disabled {
 opacity: 0.5;
 cursor: default;
}
#divider {
 border-top:3px solid #040404;
 height:0;
}
table.df {
 width:100%;
 border-bottom:1px solid #C1C1C1;
}
table.df tbody td {
 padding:7px;
 border-top:1px solid #C1C1C1;
}
table.df tbody td.bn {
 text-align:right;
 white-space:nowrap;
}
table.df th {
 color:#151D34;
 background:#DFE0E1;
 text-align:left;
 font:normal normal 14px/15px "myriad-pro",Arial,Helvetica,sans-serif;
 border:7px solid #FFF;
 border-right:1px solid #FFF;
 border-left:0;
 padding:7px;
 white-space:nowrap;
 cursor:pointer;
}
table.df th.right {
 text-align:right;
}
table.df th.center {
 text-align:right;
}
table.df th.ado {
 text-align:right;
 border-right:0;
 cursor:default;
}
table.df th.dn {
 background:#DFE0E1 url(/i/adn.png) no-repeat center center;
}
table.df th.up {
 background:#DFE0E1 url(/i/aup.png) no-repeat center center;
}
button {
 color:#FFF;
 background:url(/i/btn.png) repeat-x 0 0;
 font:bold normal 9px/10px Helvetica,Arial,sans-serif;
 padding:7px 10px 7px 10px;
 text-transform:uppercase;
 margin:0;
 border:0;
 cursor:pointer;
}
.btn, .rbtn, .wbtn {
 font:normal normal 17px/17px "myriad-pro",Arial,Helvetica,sans-serif;
 padding:2px 20px 4px 20px;
 background:url(/i/btn.png) repeat-x 0 0;
 text-transform:none;
}
.rbtn, .wbtn {
 width:103px;
 padding:2px 0 4px 0;
 text-align:center;
}
.wbtn {
 background:url(/i/rbtn.png) repeat-x 0 0;
}
table.df th.ado button {
 margin:0 0 0 3px;
}
.clr {
 font:normal normal 17px/17px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#2886C2; 
 padding:2px 10px 4px 10px;
 background:#FFF;
 text-transform:none;
}
#lnv {
 padding:7px;
 margin:7px 0 -13px 0;
 background:#DFE0E1;
 font:normal normal 14px/15px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#151D34;
}
#lnv button {
 margin:0 0 0 7px;
 vertical-align:middle;
}
#main #lnv input[type=text] {
 width:24px;
 text-align:right;
}
.big {
 font-size:110%;
}
#lnv .icns {
 float:right;
 padding:2px 0 0 7px;
}
#lnv .icns span {
 color:#2886C2;
 cursor:pointer;
 margin:0 0 0 6px; 
 font-size:36px;
}
#lnv .icns span.lnvn {
 margin:0 0 0 9px;
}
.div {
 padding:7px 0 10px 0;
 border-bottom:3px solid #040404;
}
.tooltipsy {
 color:#151D34;
 background:#DFE0E1;
 padding:7px;
 font:normal normal 14px/17px "myriad-pro",Arial,Helvetica,sans-serif;
 border:1px solid #CCC;
 max-width:400px;
}
.section {
 border:1px solid #CCC;
 padding:3px;
}
.set {
 width:25px;
 height:16px;
 vertical-align:middle;
}
.vars span {
 display:block;
 float:left;
 width:167px;
}
legend {
 float:right;
 display:block;
 margin-top:-20px;
}
#rght {
 float:right;
 width:187px;
 margin:0 0 30px 30px;
}
#rght h1, #rght h2, #rght h3 {
 font:bold normal 13px/16px "myriad-pro",Arial,Helvetica,sans-serif;
 text-transform:uppercase;
 padding:5px 0 2px 0;
}
#rght h1 {
 border-bottom:1px solid #C2C2C2;
}
#rght h3 {
 text-transform:none;
}
#rght p {
 font-size:12px;
 margin:0 0 10px 0;
}
.narrow {
 width:518px;
}
.spacer {
 height:0;
 margin:0 0 8px 0;
}
.accord {
 min-height:26px;
 display:block;
}
.accord h4 {
 font:normal normal 14px/16px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#6E6E6F;
 background:#DDDEDF url(/i/maxz.png) no-repeat 498px center;
 padding:5px 22px 5px 7px;
 height:14px;
 margin:0 0 2px 0;
 cursor:pointer;
}
.accord h4.open {
 background:#BABCBE url(/i/minz.png) no-repeat 498px center;
}
.accord div {
 margin:7px 0 0 0;
}
.selector {
 display:block;
 font:normal normal 14px/14px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#151D34;
 background:#DFE0E0;
 padding:12px 14px 12px 13px;
 border-left:1px solid #FFF;
 float:left;
 cursor:pointer;
}
.selected {
 color:#FE7300;
 background:#2D2D2D url(/i/selected.png) no-repeat center bottom;
 padding-bottom:19px;
}
div .hovering, a.selector:hover {
 color:#FE7300;
 text-decoration:none;
}
.cal_ctl {
 font:normal normal 19px/19px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#000;
}
.cal_ctl span {
 padding:0 18px 0 0;
 float:left;
}
.cal_ctl a {
 display:block;
 color:#8B8D8A;
 background:#F2F2F2;
 border:1px solid #DADADA;
 width:10px;
 float:left;
 font:normal normal 30px/28px serif;
 margin:-4px 0 0 -1px;
 padding:0 11px 1px 11px;
}
.cal_ctl a:hover {
 text-decoration:none;
 color:#FE7300;
}
.cal_grd {
 margin:11px 0 0 0;
 width:100%;
 border-right:1px solid #CCC;
}
.cal_grd tr th {
 color:#3E3E3E;
 text-align:center;
 font:normal normal 17px/17px "myriad-pro",Arial,Helvetica,sans-serif;
 background:#F5F5F5;
 border-bottom:1px solid #CCC;
 border-top:1px solid #CCC;
 border-left:1px solid #CCC;
 padding:11px 0 6px 0;
}
.cal_grd tr td {
 vertical-align:top;
 border-bottom:1px solid #CCC;
 border-left:1px solid #CCC;
 height:150px;
}
.cal_grd hr {
 height:1px;
 margin:3px;
 color:#FFF;
 background-color:#D7D7D7;
 border:0;
}
.cRef, .cCref, .ccCref {
 float:right;
 display:block;
 font:normal normal 13px/13px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#000;
 padding:4px;
 text-align:center;
 width:36px;
}
.cRef:hover {
 text-decoration:none;
 color:#FE7300;
}
.cCref {
 background-color:#F5F5F5;
 width:35px;
 border-left:1px solid #CCC;
 border-bottom:1px solid #CCC;
}
.cCl {
 color:#2886C2;
 text-align:left;
 margin:1px;
 padding:4px;
 font:normal normal 12px/14px "myriad-pro",Arial,Helvetica,sans-serif;
}
.cCl hr {
 color:#FFF;
 background-color:#FFF;
 border:0;
 height:0;
 margin:3px 0;
}
.cCl a {
 cursor:pointer;
 color:#2886C2;
 font-weight:bold;
}
.cCl a:hover {
 color:#FE7300;
 text-decoration:none;
}
.clstx {
 display:block;
 text-align:right;
 font:normal normal 12px/14px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#2886C2;
 padding:0;
}
a.clstx:hover,.clstc a.xpct:hover {
 color:#FE7300;
 text-decoration:none; 
}
.clstx span {
 padding:0 2px;
 line-height:12px;
}
.clstc {
 margin:5px 0 0 0;
 border-top:1px solid #C2C2C2;
 padding:14px 0 14px 0; 
 clear:both;
}
.clstc h1 {
 font:normal normal 19px/23px "myriad-pro",Arial,Helvetica,sans-serif;
 color:#000;
 margin:0;
 width:462px;
}
.clstc div.left {
 position:relative;
 width:426px;
}
.clstc div.desc {
 padding:14px 0 0 0;
 display:none;
}
.clstc a.xpct {
 font:normal normal 17px/17px "myriad-pro",Arial,Helvetica,sans-serif;
 display:block;
 float:right;
 padding:2px 4px 4px 6px;
 margin:0;
}
.clstc .classes {
 float:right;
 width:276px;
}
.clstc .class {
 margin:0 0 4px 0;
 font:bold normal 14px/17px "myriad-pro",Arial,Helvetica,sans-serif;
 clear:right;
}
.clstc .class .cont {
 width:226px;
 padding:2px 10px;
 border:1px solid #FFF;
}
.clstc .open .cont {
 border:1px solid #C2C2C2;
}
.clstc .class .details {
 line-height:23px;
 width:226px;
 display:none;
 margin:10px 0;
}
.clstc .class .details .discount {
 color:#C20113;
 font:normal normal 14px/17px "myriad-pro",Arial,Helvetica,sans-serif;
 padding:2px 0 4px 0;
}
span.reg {
 color:#01738C;
}
span.wait {
 color:#C20113;
}
.clstc .class span.none {
 color:#C20113;
 font-style:italic;
}
.clstc .class span.days {
 float:right;
}
.clstc .class .full {
 float:right;
 padding:3px 2px 0 0;
 color:#C20113;
 text-transform:uppercase;
 font:normal normal 14px/17px "myriad-pro",Arial,Helvetica,sans-serif;
}
.instruct {
 float:right;
 width:362px;
 margin:0 0 0 40px;
}
.returning {
 width:330px;
 border-right:1px solid #C2C2C2;
 float:left;
}
.important {
 font-size:79%;
 color:#E25D04;
 text-transform:uppercase;
}
.nb {
 font-weight:normal;
 display:block;
 float:left;
 white-space:nowrap;
 padding:2px 16px 0 0;
}
.nb label {
 margin-left:3px;
}
.all_clear {
 clear:both; 
}
.dTreeNode {
 white-space:nowrap;
}
#skip {
 position:absolute;
 left:-200px;
}


.slicknav_menu {
  display:none;
}

.grecaptcha-badge {
  visibility: hidden;
  margin-left: 210px;
}

@media only screen and (max-width: 812px) { /*iphone xs max landscape*/
  /* #menu is the original menu */
  #menu {
    display:none;
  }
  .slicknav_menu {
    display:block;
  }
  
  #main {
    padding: 0 0 0 0px;
    width: auto;
  }
  #lft, #rgt {
    background: #FFF;
  }
  #lft .lgo, #tnv, #search, #mhd, #mahd {
    display:none;
  }
  #rgt {
    margin: 0;
  }
  #scha {
    top: 10px;
    left: 19px;
    width: auto;  
  }
  #scha a {
    color: #FFF;
  }

  .hdr {
    margin-left: 10px;
  }
  #page_content {
    margin: 0 10px;
  }
  
  .df .inp{
    float: none !important;
  }
  .df .inp span {
    /*float: none !important;*/
  }
  
  
  #ftr {
    padding: 20px 10px 5px;
    width: auto;
  }
  
  #main input:not([type="radio"]):not([type="checkbox"]), #main textarea, #main select {
    width: 250px !important;
  }
  #main #lnv input {
    width: 24px !important;
  }
  
  hr.thk {
    width: auto !important;
    margin: 20px 0 !important;
  }
  
  .nb {
    padding-top: 2px;
    white-space:normal;
  }
  .nb label {
    margin-left: 0px;
  }
  #main input[type="radio"] {
    vertical-align: bottom;
  }
  .form-message {
    float: none !important;
    margin-bottom: 20px !important;
  }
  div.form-emp-setting + span.req {
    float:none !important;
  }
  
}
@media only screen and (max-width: 736px) {
  #main {
    padding: 0;
  }
}

@media only screen and (max-width: 667px) { /*iphone 6/7/8 portrait (667px) */
  .instruct, .returning {
    width: 300px;
  }
  .df .lb a {
    float: none;
    margin: 0px !important;
  }
}
@media only screen and (max-width: 666px) { /*iphone 6/7/8 portrait (667px) - 1px */
  table#my_training tbody tr {
    padding-bottom: 10px;
  }
  table#my_training tbody td {
    border-top: 0px;
    padding: 2px;
  }
  table#my_training thead {
    display: none;
  }
  table#my_training td {
    display: block;
  }
  table#my_training td[name="date"]::before {
    content: "Date: ";
    width: 60px;
    display: inline-block;
  }
  table#my_training td[name="title"]::before {
    content: "Title: ";
    width: 60px;
    display: inline-block;
  }
  table#my_training td[name="location"]::before {
    content: "Location: ";
    width: 60px;
    display: inline-block;
  }
  table#my_training td[name="status"]::before {
    content: "Status: ";
    width: 60px;
    display: inline-block;
  }
  table#my_training tbody td.bn {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 15px;
  }
  
}

@media only screen and (max-width: 414px) { /*iphone 6/7/8 plus*/
  .instruct {
    float: none;
    margin: 0 0 20px 0;
  }
  .returning {
    float: none;
    border: 0px;
  }
  h1.gray span {
    font-size: x-large !important;
  }
  .df .btl button {
    margin-bottom: 5px;
  }
  .df .inp div {
    float: none !important;
    /*display: inline-block;*/
    width: auto !important;
  }
}

@media only screen and (max-width: 375px) { /*iphone 6/7/8*/

}