/* Styles.css */

@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,300italic,300);
body {
    background-color: #fff;
    color: #141414 /*#888*/;
    font-family: Lato,"proxima-nova-codensed-n7","proxima-nova-condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
}

body, p, ul li, ol li {
	font-size: 18px;
}

p{
	line-height: 1.3em;
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, tfoot, thead, time, tr, ul, var, video {
	vertical-align: baseline;
}

td, th {
	vertical-align: middle;
}

textarea {
	padding: 0px;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}
.button{
    display: inline-block;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px;
    font-size: 13px;
    line-height: 1.42857;
    border-radius: 4px;
    -moz-user-select: none;
	font-size: 18px;
	transition: 0.15s ease-in-out 0s;
}
.primary {
	color: #FFF;
	background-color: #2B92B9;
	border-color: #2B92B9;
}
.primary:hover {
	background-color: #217190;
}
.primary:active {
	color: #FFF;
	background-color: #2B92B9;
	border-color: #2B92B9;
}
.secondary {
	color: #2c2e2f !important;
	background-color: #D6DEE4;
	width: 376px !important;
	text-decoration: none !important;
}
.secondary a,
.secondary a:link,
.secondary a:visited,
.secondary a:hover {
	text-decoration: none;
	color: #2c2e2f !important;
	background-color: #D6DEE4;
}
.button.secondary:hover {
	text-decoration: none !important;
	color: #A3A3A3;
	background-color: #BAC0C4;
}
dt, dd {
	font-style: 400;
}
dt {
	color: #505050;
}
dd {
	color: #141414;
}
dl.faqs dd {
    margin-left: 0;
}
.strong {
	font-weight: 900;
}
.emph {
	font-style: italic;
	}
.hdr-content {
	width: 1024px;
	min-width:1024px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.container {
	width: 1024px;
	margin: 0 auto 32px;
}
.dl-container {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 18px 13px;
}
.dl-container:hover {
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
    transition: all 0.2s ease 0s;
}
.dl-container ul {
    margin-top: 10px;
}
dl.dl-container dt {
    margin-bottom: 8px;
    padding-bottom: 0;
}
dl.dl-container dt i {
    color: #575757;
    font-weight: normal !important;
}
dl.dl-container p {
    color: #ef7000;
    font-weight: 900;
}
dl.dl-container dd {
    margin-left: 0;
    margin-top: 9px;
}
ul.archived-news, ul.how-tos{
    margin: 20px 0 0;
    padding: 0;
}
.archived-news li, .how-tos li{
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    display: block;
    list-style-type: none;
    margin: 0 0 0 -20px;
    padding: 0;
    transition: all 0.2s ease 0s;
}
.archived-news li a,
.archived-news li a:link,
.archived-news li a:visited,
.archived-news li a:hover,
.how-tos li a,
.how-tos li a:link,
.how-tos li a:visited,
.how-tos li a:hover {
	padding: 20px 25px
	}

.archived-news li:hover,
.how-tos li:hover {
    background-color: #f7f7f7;
}
.archived-news li a, .archived-news li a:link, .archived-news li a:visited, .archived-news li a:hover,
.how-tos li a, .how-tos li a:link, .how-tos li a:visited, .how-tos li a:hover {
    display: block;
    font-family: arial !important;
    text-decoration: none;
}
.archived-news li *::before {
    content: "\f016\00A0";
    font-family: FontAwesome;
}
.word-icon :after {
    content: "\00A0\f1c2";
    font-family: FontAwesome;
	/*margin: 0;
	padding: 0;*/
}
.pdf-icon li ::before {
    content: "\00A0\f1c1";
    font-family: FontAwesome;
}
.pdf-icon-before li :before {
    content: "\f1c1\00A0\00A0";
    font-family: FontAwesome;
}
.pdf-icon-after li :after {
    content: "\00A0\f1c1";
    font-family: FontAwesome;
}
.chevron-icon-after li :after {
    content: "\00A0\f105";
    font-family: FontAwesome;
}

/* Northeast Arrow */
.arrow-out-before:before {
    content: "\f061\00A0\00A0";
    font-family: FontAwesome;
}

/* Down Arrow */
.arrow-anchor-before:before {
    content: "\f063\00A0\00A0";
    font-family: FontAwesome;
}
.pdf:after {
    content: "\00A0\f1c1";
    font-family: FontAwesome;
	margin: 0; padding: 0;
}
.file-icon-after :after {
    content: "\f1c1\00A0\00A0";
    font-family: FontAwesome;
}
.required {
    text-decoration: none;
}
ul.dd-bullet-link {
    margin-bottom: 0;
}
.dd-bullet-link {
    display: block;
    margin-left: 0 !important;
}
.dd-bullet-link li {
    line-height: 1.5em !important;
    list-style-type: none;
    margin-left: -15px;
}

a, a:link, a:visited {
    color: #006e91;
    text-decoration: none;
}
a:hover, a:focus {
    color: #2b92b9;
    text-decoration: underline;
}
a:link {
    -webkit-tap-highlight-color: #ff5e99;
}
.section-title {
    background-color: #ef7000;
    color: white;
}
#hdr {
    background-color: #2b92b9;
    border: 0 none;
    box-shadow: 0 1px 2px #444;
    color: white;
    height: 115px;
    min-width: 1024px;
    position: relative;
    z-index: 9999;
}
.ie7 #hdr {
    border-bottom: 2px solid #217190;
}
#ucsd-link {
    background: transparent url("../img/sprite_base.png") no-repeat scroll 0 0;
    height: 85px;
    left: 20px;
    position: relative;
    top: 5px;
    width: 630px;
}
.ir {
    background-repeat: no-repeat;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}
#ucsd-link {
    background: transparent url("../img/sprite_base.png") no-repeat scroll 0 0;
    height: 85px;
    left: 20px;
    position: relative;
    top: 5px;
    width: 630px;
}
.ir {
    background-repeat: no-repeat;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}
#JEDTI-link {
    background: transparent url("../img/sprite_JEDTI_base.png") no-repeat scroll 0 0;
    height: 85px;
    left: 20px;
    position: relative;
    top: 5px;
    width: 630px;
}
#hdr img {
    border: 0 none;
    box-shadow: none;
}
dl.training dd {
    margin-left: 0;
    padding-left: 15px;
}
/* h3, */ h4, h5, h6, .summary {
    color: #044062;
	font-size: 20px !important;
}
h1,h2 {
    background-color: #ef7000;
    color: #fff !important;
    margin: 0;
    padding: 10px 8px;
/*    text-transform: lowercase; */
	border-radius: 3px !important;
    font-size: 27px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 18px;
}
h2 a,
h2 a:link,
h2 a:visited{
    color: #fff;
}
h3 {
    color: #a0410d;
    font-size: 19px;
	/*margin: 0 0 15px 0;*/
}
.container {
    min-width: 1024px;
    width: 1024px;
}
li {
    margin-bottom: 10px;
    margin-top: 10px;
}
form {
    margin: 0 !important;
    padding: 0 !important;
}

fieldset {
	border: 0;
	margin: 20px auto;
    background-color: #f7f9fa;
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px 20px;
    position: relative;
/*    width: 600px; */
	border-radius: 4px;
}
fieldset p {
  margin-right: auto;
  margin-left: auto;
    width: 400px;
}
fieldset h2{
	font-weight: 300;
	width: 400px;
	background-color: transparent !important;
	color: black !important;
	font-size: 31px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-bottom: 8px;
	padding-top: 20px;
}
.login-wrapper{
	margin: 0 auto;
}
.forgotLink {
    border-bottom: 1px solid #cbd2d6;
    margin: 20px auto;
    text-align: center;
    width: 400px;
}
.btn, .btn-group {
    background: #2b92b9 none repeat scroll 0 0;
    border: 2px solid #45a4c8;
    border-radius: 8px;
    box-shadow: 0 0 3px #0b435e;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    margin-top: 5px;
    padding: 10px 20px;
    position: absolute;
    right: 90px;
    text-shadow: none;
    top: 15px;
	transition: all 0.2s ease 0s;
}
.login-form input[type="text"],
.login-form input[type="password"] {
	font-size: 18px !important;
	display: block;
    width: 100% !important;
    height: 48px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #999;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-top: 6px;
}
.login-form input[type="text"]:focus,
.login-form input[type="password"]:focus {
	border: #2B92B9 1px solid;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px 0 rgba(4, 134, 255, 0.56);
/*	outline; 0 none; */
}
.login-form input[type="text"].error,
.login-form input[type="password"].error {
	border: 1px solid #E74C3C !important;
}
.login-form input[type="text"].error:focus,
.login-form input[type="password"].error:focus {
	border: #E74C3C 1px solid !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px 0 rgba(231, 76, 60, 0.73) !important;
	outline; 0 none;
}
.login-btn {width: 150px;}
.error-msg {
	font-size: 19px;
	color: #E74C3C;
}
.login-form input[type="button"]
{
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
    color: #fff;
    background-color: #0C588F;
    border-color: #0C588F;
	line-height: 1.33;
    border-radius: 6px;
	padding: 10px 16px;
}
input.button.primary.b-wide
{
  padding: 10px 32px;
}
.btn:hover, .btn-group:hover {
	background: #217190 none repeat scroll 0 0;
    border: 2px solid #63B1CF;
    border-radius: 8px;
    box-shadow: none;
    color: #fff;
}
.center {
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
	font-weight: 400;

}
td.center  {
	padding-bottom: 30px !important;
	padding-top: 30px !important;
}

#LeftColumn {
    background-color: #2b92b9;
    float: left;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    width: 258px !important;
}
#LeftColumn .LeftMenu {
    color: #003366;
}
ul.LeftMenu {
    margin: 0 !important;
    padding: 0 !important;
}
#LeftColumn .LeftMenu li {
    border-bottom: 1px solid #2682a4;
    list-style-type: none;
    margin: 0 !important;
    padding: 0 0 0 8px !important;
    transition: all 0.2s ease 0s;
}
#LeftColumn .LeftMenu li.selected {
    background-color: #217190;
}
#LeftColumn .LeftMenu li:hover {
    background-color: #217190 !important;
}
#LeftColumn .LeftMenu li a {
    padding: 13px 0 13px 10px !important;
    text-decoration: none;
}
#LeftColumn .LeftMenu li a, #LeftColumn .LeftMenu li a:link, #LeftColumn .LeftMenu li a:visited, #LeftColumn .LeftMenu li a:hover, #LeftColumn .LeftMenu li a:active {
    color: #fff;
    display: block;
    font-size: 17px !important;
    font-weight: 900;
}
#LeftColumn .LeftMenu li {
    border-bottom: 1px solid #2682a4;
    margin: 0 0 0 1px;
    padding: 6px 0;
}
#LeftColumn .LeftMenu li.child {
    background: #2b92b9 url("../img/menu-arrow.png") no-repeat scroll 230px center;
    position: relative;
}
#LeftColumn .LeftMenu li.child:hover, #LeftColumn .LeftMenu li.child:active, #LeftColumn .LeftMenu li.child.selected {
    background: #217190 url("../img/menu-arrow-over.png") no-repeat scroll 230px center;
    outline: 0 none;
}
#LeftColumn .LeftMenu li.link-out {
    background: #2b92b9 url("../img/link-out.png") no-repeat scroll 230px center;
    position: relative;
}
#LeftColumn .LeftMenu li.link-out:hover, #LeftColumn .LeftMenu li.link-out:active, #LeftColumn .LeftMenu li.link-out.selected {
    background: #217190 url("../img/link-out-over.png") no-repeat scroll 230px center;
    outline: 0 none;
}
.right-container {
    float: left;
    margin-left: 20px !important;
    width: 735px;
}
.right-container ul {
    margin-left: 0;
    padding-left: 18px;
}
.right-container li a, .right-container li {
    font-size: 18px;
}
.right-container li {
    line-height: 1.3em;
}
.right-container li:hover {
    transition: all 0.1s ease 0s;
}
.style-none li {
    list-style-type: none !important;
}
.visuallyhidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
#tdr_footer {
    background-color: #eee;
    color: #bcbdc0;
    line-height: 1.5;
    padding-bottom: 1em;
}
#tdr_footer a {
    text-decoration: none;
}
#tdr_footer a:hover, #tdr_footer a:focus {
    text-decoration: underline;
}
#tdr_footer_content {
    font-size: 90%;
    margin: 0 auto;
    padding: 1em 0;
    text-align: left;
    width: 1024px;
}
.ftr-logo {
    background: transparent url("../img/sprite_base.png") no-repeat scroll right -153px;
    height: 55px;
    margin-left: -8px;
    padding: 0;
    width: 175px;
}
#tdr_footer_links {
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 0.5em;
    padding-left: 0 !important;
}
#tdr_footer_links {
    margin-left: 0 !important;
}
#tdr_footer_links li {
    border-right: 1px solid #ccc;
    display: inline;
    margin-left: 0;
    margin-right: 0.5em;
    padding-right: 0.75em;
}
#tdr_footer_links #tdr_footer_feedback {
    border-right: 0 none;
}
#tdr_env {
    background-color: #333;
}
#tdr_env, #tdr_env a {
    color: #fff;
}
#tdr_env_detail a {
    text-decoration: underline;
}
#tdr_env_detail {
    padding: 1em;
}
#tdr_env_detail.hide {
    display: none;
}
#tdr_env_link {
    cursor: pointer;
    font-size: 85%;
    padding: 0.5em 0;
    text-align: center;
}
.caps {
    text-transform: uppercase;
}
dt {
    font-weight: 900;
}
dd {
    font-weight: 400;
}
dl, dd, dt, dl.training dt {
    font-size: 18px;
	color: #141414;
}
dt a,
dt a:link,
dt a:visited {
	color: #016691;
	transition:.25s;
	font-size: 19px;
	}
dt a:hover {
	color: #2b92b9 !important;
	text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
address {
    font-style: normal;
}
aside {
    border-radius: 3px;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 18px 3.571%;
}
aside h3 {
    color: #141414;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.375rem;
    margin-top: 0.375rem;
}
aside h3.default-color {
    color: #a0410d;
}
.upper h3, .upper h4, .upper h5, .upper h6, h3 {
    text-transform: none !important;
}
table.table-grid {
    border: 0 none;
    margin-top: -10px;
    width: 100%;
	margin-bottom: 35px;
}
.table-grid table a {
    color: blue;
}
.table-grid th, .table-grid td {
    padding: 16px;
}
.table-grid th {
    border-bottom: 2px solid #999;
    text-align: left;
}
tr.odd td, tr.even td {
    background-color: transparent;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
}
tr.odd:hover, tr.even:hover {
    background-color: #f1f1f1; /* #dfdfdf; */
    transition: all 0.1s ease 0s;
}
aside.notes {
    background: #e1f2f8 none repeat scroll 0 0;
    border-radius: 3px;
}
aside p, aside ul, aside li {
    font-family: "proxima-nova-condensed",Helvetica,Arial,sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin-bottom: 0.375rem;
    margin-top: 0.375rem;
}
.phone-no,.tel {
	white-space: nowrap;
}
.notes h4 {
	color: #505050;
}
th.section {
 width:10%;
 white-space: nowrap;
}
.title {
	width: 85%;
	white-space: nowrap;
}
.last-revised {
	width: 25%;
	white-space: nowrap;
}
.nowrap {
	white-space: nowrap !important;
}
.hide-list-style{
	list-style-type: none;
	margin-left: -17px;
}
.valid-error {
	color: #E74C3C;
	font-weight: 400;
}
abbr {
	cursor: pointer;
	color: #E74C3C;
	font-size: 24px !important;
	}
.summary {
	font-size: 24px;
	font-weight: 900;
}
a.need-help-button {
    float: right;
	text-align: center;
	width: 115px;
	height: 30px;
	display: block;
	position: absolute;
    right: 300px;
    top: 24px;
    padding-top: 0.2cm;
	z-index: 1000;
	color: white;
}
ul#topic-index {clear:both !important;}
ul#topic-index li {
	display: inline;
	list-style-type: none;
	padding-right: 30px;
	text-transform: uppercase;
	text-align: justify;
	font-size: 32px;
}
/*ul#topic-index li:hover {background-color: #eee}*/

.updated, .released, .ages{
  color: #949494; font-size: 16px;
}

/*------------------------------------------------------------------*/

/* HIPAA classes */
	.clear-both {clear:both;}
	.dl-container {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
		margin-top: 0;
	}
	.dl-container li {list-style-type: none !important;}
	.top-border {border-top: 1px solid #ccc;}
	ul.hipaa-list {margin: 0; padding-top: 15px; padding-left: 0;}
	ul.hipaa-list li {list-style-type: none;}
/* End of HIPAA classes */

/*------------------------------------------------------------------*/

/* Scroll-to-Top */
	.top{
		background-color: #2B92B9;
		bottom: 2em;
		color: #fff !important;
		display: none;
		opacity:0.6;
		padding: 10px 20px;
		border-radius: 4px;
		position: fixed;
		right: 1.5em;
		text-decoration: none;
	}
	.top:hover{
		opacity:1;
		transition:1s;
		text-decoration: none !important;
	}
/* End of Scroll-to-Top */

/*------------------------------------------------------------------*/
/*              Using the <div> tag to create tables                */
/*                                                                  */
/* Referenced in:                                                   */
/*   - Review2-New.FWx                                              */
/*------------------------------------------------------------------*/

#tablecontainer {
  display: table;
  width: 1000px;
}

#row {
  display: table-row;
}

.column {
  display: table-cell;
  text-align: center;
}

#emptycolumn {
  display: table-cell;
}

/*------------------------------------------------------------------*/

.HighlightTitle {
  color: rgb(255, 0, 0);
  font-weight: bold;
  font-style: italic;
}

/*------------------------------------------------------------------*/
/* Contact Information styling */

    table.address-table td {padding-top: 0px;}

    table.address-table {border: 0;}

    table.address-table td {padding: 16px 0; height: 32px !important;}

    table.address-table td.formCol2 {padding-left: 20px !important;}

    input[type="text"].disabled-field {border: 1px solid #e4e1e1; background-color: #f7f7f7; color: #888;}

    .automated-preferences input[type="text"]
    {
      height: 32px;
      width: 10% !important; /* 12px; */
      text-align: center;
      margin-left: 6px;
/*      margin-right: 6px; */
      font-size: 16px !important;
    }

    .checkbox {
  		display: inline-block;
  		cursor: pointer;
  		font-size: 18px; margin-right: 8px; line-height:-18px;
  	}

  	input[type=checkbox] {
  		display:none;
  	}

  	.checkbox:before {
  		content: "";
  		display: inline-block;
  		width: 24px;
  		height: 32px;
  		vertical-align: middle;
  		background-color: #2682a4;
  		color: #fff;
  		text-align: center;
  		border-radius: 4px;
      	padding: 6px 12px;
     	 margin-right: 8px;
      	border: 1px solid #0a4358;
     	 box-shadow: 1px 1px 2px 0px #0a4358 inset;
  	}

  	input[type=checkbox]:checked + .checkbox:before {
  		content: "\2714";
  		text-shadow: 0px 0px 0px rgba(0, 0, 0, .2);
  		font-size: 24px;
  	}

.step-num {
  font-size: 16px;
  border-radius: 100px;
  background-color: rgb(43, 146, 185);
  height: 60px;
  width: 60px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 3.75;
}
