/*-----------------------------------------------------+
 | Site: Eastern Association for the Surgery of Trauma |
 | Part: Master styles                                 |
 +-----------------------------------------------------*/

/* Imports
=====================================================================*/
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,600italic,700,700italic);
@import url(/content/styles/reset.css);
@import url(/content/styles/forms.css?t=1);
@import url(/content/styles/ie.css);


/* Fonts
======================================================================*/
body, input, select, textarea { font-family: "Source Sans Pro", Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #2457ab; text-decoration: none; }
a:hover { text-decoration: underline; }
address { font-style: normal; }
blockquote { margin-left: 3em; }
body { background: #143161; font-size: 17px; line-height: 1.35; padding-bottom: 30px; }
cite, em { font-style: italic; }
dl, ol, table, p, ul { margin-bottom: 1em; }
dt { padding-top: 0.75em; }
dt:first-child, dt.item { padding-top: 0; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
h1 { font-size: 38px; font-weight: 300; line-height: 0.92; margin-bottom: 0.78em; }
h2, h3, h4, h5, h6, strong { font-weight: bold; }
h2, legend { font-size: 24px; line-height: 1.06; margin-bottom: 0.7em; }
h3 { font-size: 20px; margin-bottom: 0.5em; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 30px 0; }
img { max-width: 100%; }
legend { background: #fff; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
li { margin-bottom: 0.5em; }
ol, ol ol ol ol { list-style-type: decimal; margin-left: 2em; }
ol ol, ol ol ol ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol, ol ul, ul ol, ul ul { margin-top: 0.4em; }
sub { vertical-align: sub; }
sub, sup { font-size: 11px; white-space: nowrap; }
sup { vertical-align: super; }
table { border-collapse: collapse; width: 100%; }
table p { margin: 0; }
td { padding: 0.3em 1em 0.3em 0; vertical-align: top; }
ul { list-style: disc; margin-left: 1.5em; }
ul ul { list-style: circle; }

/* Stock classes */
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat > li { background: none; margin: 0; padding: 0; }
ul.flat ul { margin-left: 1em; }


/* Core layout
======================================================================*/
.clear { clear: both; }

#content,
#footer-content,
#header-content,
#hero-content,
#nav-content,
.ribbon,
#subfooter-content {
    margin: 0 auto;
    max-width: 1140px;
}

#content-wrapper, #footer, #header, #hero, #nav, #subfooter { padding: 0 30px; }

/* Avatars */
#avatar-full img { width: 100%; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l, .c3m { box-sizing: border-box; padding-right: 30px; width: 34.21%; }
.c3r { width: 31.57%; }

[class *= "cols"] { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; list-style: none; margin-left: 0; }
.cols2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
.cols3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
.cols4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }

/* Cookie Consent */
.cc-message a {
    color: #ffed74;
}

/* Content */
#content-primary { float: left; width: 65.78%; }
#content-secondary { float: right; width: 31.57%; }
#content-wrapper { background: #fff; padding-bottom: 40px; padding-top: 40px; }

    /* Full layout (no secondary content) */
    .full #content-primary { float: none; width: auto; }
    .full #content-secondary { display: none; }
    
    /* Home */
    .home #content-primary, .home #content-seconday { float: none; width: auto; }
    
    /* Mobile preview */
    .mobile-preview #content {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
        background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        padding: 0;
    }
    
    .mobile-preview #content-primary {
        background: url(/content/images/mobile-preview.png) no-repeat 89.5% -40px;
        margin: 0;
        padding: 105px 455px 105px 70px;
        width: auto;
    }
    
    /* Search */
    .search #content-primary { float: none; margin: 0 auto; padding-top: 1em; width: 80%; }
    .search #content-secondary { display: none; }
    
    /* Sign in */
    .signin { background: #fff; }
    .signin #content-primary { float: none; width: auto; }
    .signin #credit, .signin #header-nav, .signin #nav, .signin #search, .signin #subfooter { display: none; }
    .signin #footer { color: #666; opacity: 1; }
    .signin #footer a { color: #2457ab; }
    .signin #footer-content { border-top-color: #ddd; }
    .signin #logo { float: none; }


/* Content
======================================================================*/

/* Abstracts */
.abstract-title { margin-bottom: 1.5em; }
.abstract-title h1 { margin: 0; }
#abstracts h2 { margin-bottom: 0.2em; }
#abstracts h3 { font-size: 1em; }
#abstracts .needed { background: #f0f0f0; border-radius: 7px; margin: 10px 0; padding: 10px 15px; }
#abstracts .needed dt { font-weight: normal; }
#abstracts .needed ul { margin: 0; }
#abstracts td, #abstracts th { border-width: 1px 0; padding: 0.75em 1em 1em 0; }
#abstracts tbody th { background: none; vertical-align: top; width: 25%; }
#abstracts tbody th .mute { font-weight: normal; }

    /* Grading */
    .grade .figures { list-style: none; margin: 0; }
    .grade .figures .image-display { float: left; margin: 3px 0 15px -135px; position: relative; }
    .grade .figures .image-display img { border: 1px solid #ddd; display: block; }
    .grade .figures .image-display a:hover .magnify { background-color: #555; background-position: 0 -22px; }
    
    .grade .figures .image-display .magnify {
        background: #fff url(/content/images/shared/magnify.png) no-repeat 0 0;
        bottom: 3px;
        border-radius: 3px;
        height: 22px;
        position: absolute;
        right: 3px;
        text-indent: -9999em;
        width: 23px;
    }
    
    .grade .figures li { clear: both; padding-left: 135px; }
    .grade h3 { margin: 0; }
    .grade p { margin-bottom: 1em; }
    .grade-primary { float: left; width: 60%; }
    .grade-secondary { background: #f5f5f5; box-sizing: border-box; float: right; padding: 20px; width: 37%; }
    #grader tr td.grade { padding: 30px 0; }
    #grader tr:hover td { background: #f5f5f5; cursor: pointer; }
    #grader tr:hover td.grade { background: none; cursor: default; }

    .grade-scoring-wrapper { margin-bottom: 1em !important; }
    .grade-scoring { width: 100%; }
    .grade-scoring .scoring-range { float: left; width: 25%; }
    .grade-scoring .grade-label { float: left; width: 75%; }

/* Action links */
.action {
    -webkit-appearance: none;
    background: #ffed74;
    border: 0;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    font-weight: 300;
    padding: 0.5em 1em;
    vertical-align: middle;
}

.action:hover, .btn:hover { opacity: 0.7; }

.banner { color:white; align-items: center; text-align: center; padding: 1.5em; width: 100%; font-size: larger; background-image: url('/Content/images/spinutech-header.png'); }
.banner a { color:white;}


.btn {
    -webkit-appearance: none;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 0.3em 1em;
    vertical-align: middle;
}

/* Applications */
#app dt { font-weight: bold; }
#app .form > dt { border-top: 1px solid #ddd; font-size: 14px; margin-bottom: 0.5em; }
#app .form > dt a { font-weight: normal; margin-left: 0.5em; }
#app .form > dt:first-child { border: 0; padding: 0; }
#app .form dt .label { float: none; margin: 0; width: auto; }
#app .form .field { float: none; margin-bottom: 1.5em; width: auto; }
#app h1 { font-size: 20px; margin-bottom: 0.2em; }
#app-primary { float: right; width: 64%; }
#app-secondary { float: left; width: 31%; }
#app-status { background: #f5f6f8; border: 1px solid #ddd; border-radius: 6px; padding: 15px; }
#app-status .options-h { margin-bottom: 1em; }

    /* Nav */
    #app-nav { clear: both; }
    
    /* Overview */
    #app-overview { font-size: 17px; list-style: none; margin-left: 0; }
    #app-overview dd { letter-spacing: 0; margin: 0; text-transform: none; }
    #app-overview dl { margin: 0.5em 0 0; }
    
    #app-overview li {
        border: 1px solid #ddd;
        border-radius: 6px;
        display: block;
        margin-bottom: 0.5em;
        padding: 0.8em 1em 0.8em 55px;
    }
    
    #app-overview li.complete { background: #f0ffe1 url(/content/images/shared/check.png) no-repeat 10px 10px; }
    #app-overview li.incomplete { background: #f0f0f0 url(/content/images/shared/minus.png) no-repeat 10px 10px; }
    
    /* Recommendations */
    .recs { list-style: none; margin-left: 0; }
    .recs li { margin-bottom: 0.5em; }
    .recs .missing { background: #f5f5f5; padding: 10px; }
    .recs p { margin: 0; }

/* At a glance details */
.at-a-glance { list-style: none; margin-left: 0; }
.at-a-glance li { display: inline; margin-right: 2em; }

/* Back to top */
.back-to-top {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 2em;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    color: #000;
    display: none;
    padding: 0.5em 1em;
    position: fixed;
    right: 0;
    text-decoration: none;
}

.back-to-top:hover { background: rgba(0, 0, 0, 0.8); color: #fff; text-decoration: none; }

/* Bar charts */
.chart-bar { font-size: 11px; margin: 0; }
.chart-bar .count { color: #777; position: absolute; right: 5px; top: 3px; }
.chart-bar .idx { background: #dadada; border-radius: 3px; min-width: 1px; height: 100%; position: absolute; }
.chart-bar .label { left: 5px; position: absolute; top: 3px; }
.chart-bar .point { border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; display: block; height: 20px; position: relative; }

    /* Overall progress (large bar chart) */
    .overall-progress { margin-bottom: 30px; width: 50%; }
    .overall-progress .chart-bar { font-size: 15px; }
    .overall-progress .chart-bar .idx { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
    .overall-progress .chart-bar .label { left: 8px; top: 12px; }
    .overall-progress .chart-bar .point { height: 40px; margin: 0 15px 5px 0; }
    .overall-progress .breakdown { padding-top: 10px; }
    .overall-progress .breakdown .chart-bar { font-size: 11px; }
    .overall-progress .breakdown .chart-bar .label { top: 4px; }
    .overall-progress .breakdown .chart-bar .point { height: 20px; }
    
	/* Abstract progress */
	.abstract-progress .overall-progress .chart-bar .idx { background: #c8e999; }
	.abstract-progress.over .overall-progress .chart-bar .idx { background: #ff7a7a; }
	.abstract-progress.over .overall-progress .chart-bar .point { border-color: #f00; }

/* Breadcrumbs */
.breadcrumbs { list-style: none; margin-left: 0; }
.breadcrumbs li { display: inline; white-space: nowrap; }

/* Calendar */
.calendar { list-style: none; margin-left: 0; }
.calendar .date { float: left; font-weight: bold; margin-left: -10em; width: 8em; }
.calendar li { border-bottom: 1px solid #ddd; overflow: hidden; margin: 0; padding: 15px 0 15px 10em; }
.calendar li:last-child { border: 0; }
.calendar p { margin: 0; }
.calendar .title { font-size: 20px; font-weight: 600; margin-bottom: 0.2em; }

	/* Home */
	.calendar-mini .date { margin-left: -7em; width: 6em; }
	.calendar-mini li { border: 0; margin-bottom: 1em; padding: 0 0 0 7em; }
	.calendar-mini .title { font-size: 1em; font-weight: normal; }

/* Callouts */
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
img.call-l { margin-right: 1em; }
img.call-r { margin-left: 1em; }
.call-l { float: left; margin: 0.5em 2em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 2em; }
.call, div.call-l, div.call-r { font-size: 0.75em; }
.call img, .call-l img, .call-r img { display: block; }
.call img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 0.75em; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; }

/* CAPTCHA */
.captcha-control-container a { color: #999; }
.captcha-control-container { background-color: #f6f6f6; border: 1px solid #e0e0e0; float: left; }
.captcha-control-container li { display: block; margin: 0; padding: 8px 5px; }
.captcha-control-container ul { margin: 0; }
.captcha-image { border: 1px solid #e0e0e0; }
#captcha_image_container { border: 0; float: left; }

/* Career positions (fellowships/jobs) */
.career-positions { list-style: none; margin-left: 0; }
.career-positions > li { margin-bottom: 1em; }
.career-positions p { margin: 0; }
.career-positions .position-features li { display: inline; margin-right: 0.7em; white-space: nowrap; }
.career-positions .position-features ul { list-style: none; margin: 0; }
.career-positions .title { font-size: 20px; }

/* Carousel */
#carousel { margin-bottom: 20px; }
#carousel img { display: block; width: 100%; }
.carousel-content { width: 100%; }

    /* Nav */
    #carousel-nav { bottom: 15px; list-style: none; margin: 0; position: absolute; right: 15px; z-index: 1000; }
    #carousel-nav a { border: 2px solid #ddd; border-radius: 20px; display: inline-block; height: 10px; margin: 0 0 0 3px; width: 10px; }
    #carousel-nav a.cycle-pager-active { background: #ddd; }
    
    /* Overlay */
    #carousel .overlay {
        background: url(/content/images/overlay-bg.png);
        bottom: 0;
        box-sizing: border-box;
        font-size: 20px;
        left: 0;
        padding: 20px;
        position: absolute;
        width: 100%;
    }
    
    #carousel .overlay { color: #fff; }
    #carousel .overlay a { color: #ffed74; }
    #carousel .overlay h2 { margin-bottom: 0.2em; }
    #carousel .overlay p { margin: 0; }

/* Cart */
.cart { width: 100%; overflow: hidden; }
.cart .price { background: #f0f0f0; font-weight: bold; text-align: right; }
.cart .total { font-weight: bold; text-align: right; }
.cart .flash .notice { background: #e0f0ff url(/content/images/shared/notice.png) no-repeat 13px 13px; border: none; padding: 20px 20px 20px 60px; }
.cart p, .cart ul { margin: 0; }
.cart tbody td { border-top: 1px solid #ddd;}
.cart td, .cart th { padding: 0.5em 1em 0.5em 0; vertical-align: top; }
.cart tfoot td { border-top: 3px double #ccc; }
.cart tfoot td { padding-top: 0.2em; }
.cart thead th { border-bottom: double 3px #ccc; font-size: 11px; font-weight:bold;}
.cart-options { float: right; text-align: right; }

/* Committee lists */
.committees { list-style: none; margin-left: 0; }
.committees > li { margin-bottom: 0.3em; }
.committees ul { list-style: none; margin: 0.3em 0 0 2em; }

/* Courses */
.courses .group td { padding: 0.5em 0 0; }
.courses h3 { margin-bottom: 0.2em; }
.courses td { padding: 0 0 1em; }

/* DataTables */
.dataTables_filter { margin-bottom: 10px; }
.dataTables_filter input { padding: 0.2em; width: 15em; }
.dataTables_info, .dataTables_length { float: right; text-align: right; }
.dataTables_paginate .paginate_active { color: #000; font-weight: bold; margin-right: 0.5em; }
.dataTables_paginate .paginate_button { cursor: pointer; margin-right: 0.5em; }
.dataTables_paginate .paginate_button_disabled { color: #777; margin-right: 0.5em; }
.dataTables_wrapper th { cursor: pointer; }
.dataTables_wrapper th[class*="sorting"] { color: #0c4f96; }
.dataTables_wrapper th[class*="sorting"]:hover { text-decoration: underline; }
.dataTables_wrapper th.sorting_asc span { background-image: url(/content/images/shared/sort-up.png); }
.dataTables_wrapper th.sorting_desc span { background-image: url(/content/images/shared/sort-down.png); }
.dataTables_wrapper th span { background-position: 100% 50%; background-repeat: no-repeat; cursor: pointer; padding-right: 20px; }

/* Directory */
.directory dd, .directory dt { padding-left: 85px; }
.directory dt { clear: both; font-size: 20px; font-weight: normal; line-height: 1.2; }
.directory .thumb { float: left; margin: 3px 0 15px -85px; }
.directory .mute a { color: #7f8183; }
.profile-photo { float: right; margin-left: 1em; }

/* Disclaimer */
.disclaimer { color: #7f8183; font-size: 11px; line-height: 1.3; }

/* Dues link */
.dues {
    background: #fff;
    border: 1px solid #e8a400;
    border-radius: 4px;
    color: #e8a400;
    display: inline-block;
    font-weight: bold;
    padding: 0.3em 0.5em;
}

/* Events */
.events { list-style: none; margin: 0 0 3em; }
.events .date { float: left; font-weight: bold; text-align: right; white-space: nowrap; width: 25%; }
.events .description { float: right; width: 71%; }
.events li { clear: both; padding: 0.5em 0 0; }

/* Feature */
#feature { margin-bottom: 30px; }
#feature * { color: #fff; }
#feature a { text-decoration: underline; }
#feature a:hover { text-decoration: none; }
#feature h2 { font-size: 24px; margin-bottom: 0.3em; }
#feature img { display: block; }

#feature-content {
    background: #4b4b4b;
    background: -moz-linear-gradient(top, #4b4b4b 0%, #262626 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(100%,#262626));
    background: -webkit-linear-gradient(top, #4b4b4b 0%,#262626 100%);
    background: -o-linear-gradient(top, #4b4b4b 0%,#262626 100%);
    background: -ms-linear-gradient(top, #4b4b4b 0%,#262626 100%);
    background: linear-gradient(to bottom, #4b4b4b 0%,#262626 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#262626',GradientType=0 );
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    padding: 15px 25px;
}

/* Files */
.files dd, .files dt { padding-left: 40px; }
.files img { float: left; margin: 5px 0 0 -40px; }
.files .mute { letter-spacing: 0; margin: 0; text-transform: none; }

/* Filter lists */
.filters { list-style: none; margin-left: 0; }
.filters li { margin-bottom: 0.5em; }

/* Footer */
#footer { clear: both; font-size: 14px; }
#footer a { margin-left: 0.7em; }
#footer { opacity: 0.3; }
#footer, #footer a { color: #fff; }
#footer-content { border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 20px; }

    /* Site credit */
    #credit { float: right; text-align: right; }
    #credit a strong { display: inline; font-weight: normal; }
    #credit a:hover { text-decoration: none; }
    #credit a:hover strong { text-decoration: underline; }
    
    /* Subfooter */
    #subfooter { overflow: hidden; padding-bottom: 20px; padding-top: 30px; }
    #subfooter, #subfooter a { color: #fff; }
    #subfooter .adr, #subfooter .street-address { display: block; }
    #subfooter h6 { font-size: 1em; margin-bottom: 0.6em; }
    #subfooter .org { color: #ffed74; font-size: 24px; font-weight: 300; margin-bottom: 1em; }
    #subfooter .panel { float: left; margin-right: 2.63%; width: 31.57%; }
    #subfooter .panel.last { float: right; margin: 0; }
    #subfooter .social a:hover { color: #ffed74; }
    #subfooter .tel { margin-right: 0.7em; }
    .subfooter-nav { list-style: none; margin-left: 0; }
    .subfooter-nav li { margin-bottom: 0.3em; }

/* Header */
#header { background: #fff; padding-bottom: 20px; padding-top: 20px; }
#header .btn { margin: 0; }
#header .search .txt { width: 17em; }

    /* Nav */
    #header-nav { float: right;  margin-bottom: 20px; padding-top: 20px; text-align: right; }
    #header-nav .action { background: #fff; border: 1px solid #ddd; border-radius: 4px; color: #2457ab; display: inline; font-size: 1em; font-weight: normal; }
    #header-nav .action:hover { background: #2457ab; border-color: #2457ab; color: #fff; opacity: 1; text-decoration: none; }
    #header-nav li { display: inline; margin: 0 0 0 0.7em; }
    #header-nav li.current { font-weight: bold; }
    #header-nav li.current a { text-decoration: none; }
    #header-nav li.current a:hover { text-decoration: underline; }
    #header-nav ul { display: inline; list-style: none; margin-bottom: 0; }
    #header-nav-primary { margin: 0; }
    #header-nav-secondary { border-left: 1px solid #ddd; margin-left: 0.7em; }
    
    /* Logo */
    #logo { float: left; width: 37%; }

/* Hero */
#hero { background: #183260; overflow: hidden; padding-bottom: 30px; padding-top: 30px; }
#hero-primary { float: left; width: 65.78%; }
#hero-secondary { float: right; width: 31.57%; }

    /* Quicklinks */
    #hero .quicklinks { list-style: none; margin: 0; }
    #hero .quicklinks a { color: #ffed74; }
    #hero .quicklinks .btn { background: rgba(255, 255, 255, 0.3); }
    #hero .quicklinks li { background: #1d488c; color: #bbc8dc; margin-bottom: 10px; overflow: hidden; padding: 13px 20px 18px; }
    #hero .quicklinks h2 { display: block; font-size: 20px; font-weight: 600; margin: 0; }
    #hero .quicklinks p { margin: 0; }

/* Highlights */
.highlights { font-size: 18px; list-style: none; margin-left: 0; }
.highlights li { background: url(/content/images/bullet-highlight.png) no-repeat 0 0.4em; padding-left: 20px; }

/* hidden */
.hidden { display:none; visibility:hidden;}

/* Icons */
.fa-apple { color: #666; }
.fa-rss { color: #ff9200; }
.fa-spotify { color: #1DB954; }

    /* Old */
    a.icon { background-repeat: no-repeat; background-position: 0 0.25em; line-height: 1; margin-right: 0.25em; padding: 3px 0 3px 20px; }
    h1 .icon, h2 .icon, h3 .icon { background-position: 0 0; }
    dt.complete { background: url(/content/images/shared/check-sm.png) no-repeat 0 2px; padding-left: 20px; }
    dt.incomplete { background: url(/content/images/shared/minus-sm.png) no-repeat 0 2px; padding-left: 20px; }
    .icon-add { background-image: url(/content/images/shared/add.png); }
    .icon-audio { background-image: url(/content/images/audio.png); }
    .icon-cal { background-image: url(/content/images/shared/calendar.png); }
    .icon-doc, .icon-docx { background-image: url(/content/images/shared/doc.png); }
    .icon-download { background-image: url(/content/images/download.png); }
    .icon-email { background-image: url(/content/images/shared/email.png); }
    .icon-facebook { background-image: url(/content/images/shared/facebook.png); }
    .icon-feed { background-image: url(/content/images/shared/feed.png); }
    .icon-google { background-image: url(/content/images/shared/google-play.png); }
    .icon-google-podcasts { background-image: url(/content/images/shared/google-podcasts.png); }
    .icon-itunes { background-image: url(/content/images/shared/apple.png); }
    .icon-linkedin { background-image: url(/content/images/shared/linkedin.png); }
    .icon-pdf { background-image: url(/content/images/shared/pdf.png); }
    .icon-ppt, .icon-pptx { background-image: url(/content/images/shared/ppt.png); }
    .icon-twitter { background-image: url(/content/images/shared/twitter.png); }
    .icon-xls, .icon-xlsx { background-image: url(/content/images/shared/xls.png); }

/* Logo collages */
.logos { list-style: none; /*line-height: 150px; */ margin-left: 0; text-align: left; }
.logos * { vertical-align: middle; }
.logos a:hover { opacity: 0.7; }
.logos img { max-height: 100px; max-width: 100px; }
.logos li { display: inline; margin: 0 20px; }

    /* Subfooter */
    /*#subfooter .logos { line-height: 80px; }*/
    #subfooter .logos img { max-height: 80px; max-width: 130px; }
    #subfooter .btn a { color: #2457ab; }

/* Maps */
.map { border: 1px solid #ccc; clear: both; margin-bottom: 15px; width: 100%; }
.map img { max-width: none; }

    /* Balloons */
    .balloon { max-width: 300px; }
    .balloon li, .balloon p, .balloon ul { margin-bottom: 0.5em; }
    .balloon ul { list-style: none; margin-left: 0; }
    
    /* Jobs */
    #job-map .map { height: 380px; }

/* Mobile */
    /* Notice */
    #mobile-notice a { background: #fff; border-bottom: 1px solid #ccc; display: block; font-size: 50px; padding: 30px; }
    
    /* Preview */
    .mobile-preview { font-size: 15px; }
    .mobile-preview h1 { font-size: 34px; line-height: 1.2; }
    .mobile-preview h2 { color: #4c4c4c; font-size: 24px; font-weight: normal; line-height: 1.3; margin-bottom: 1.5em; }
    .mobile-preview h2 strong { color: #000; }
    .mobile-preview p { margin: 0; }
    .mobile-preview .logos { line-height: 45px; list-style: none; margin: 0; }
    .mobile-preview .logos li { display: inline; margin-right: 1.5em; }
    .mobile-preview .logos img { vertical-align: middle; }

/* Muted text */
.mute { color: #7f7f7f; font-size: 14px; font-weight: normal; line-height: 1.3; }
h1 .mute, h2 .mute { font-size: 17px; margin-left: 0.7em; }

/* Navigation */
#nav { background: #1d488c; font-size: 19px; font-weight: 300; overflow: hidden; }
#nav a { display: block; color: #fff; padding: 0.6em 0.7em; white-space: nowrap; }
#nav a:hover { background: rgba(255, 255, 255, 0.3); text-decoration: none; }
#nav li { float: left; margin: 0; }
#nav li.current a { background: #183260; }
#nav ul { list-style: none; margin: 0; }
    
    /* Secondary */
    #nav-secondary { font-size: 22px; font-weight: 300; margin-bottom: 30px; }
    #nav-secondary a { display: block; padding: 0.5em 0; }
    #nav-secondary h3 { border-bottom: 1px solid #dcdcdc; margin: 0; padding: 0 0.25em 0.3em; }
    #nav-secondary li { border-bottom: 1px solid #dcdcdc; margin: 0; }
    #nav-secondary li.current { padding: 0.5em 0; }
    #nav-secondary li.current a { border: 0; display: inline; padding: 0; }
    #nav-secondary li.current > a { color: #000; font-weight: 600; }
    #nav-secondary li:last-child a { border-bottom: 0; }
    #nav-secondary ul { list-style: none; margin: 0; }
    #nav-secondary ul h3 { display: none; }
    #nav-secondary ul ul { font-size: 18px; list-style: disc; margin: 0.25em 0 0.5em 1.5em; }
    #nav-secondary ul ul li { border: 0; }
    #nav-secondary ul ul li.current { padding: 0; }

/* New accounts */
#new-account { padding-bottom: 15px; }
#new-account h1 { margin-bottom: 2em; }

/* News */
.news dt { font-size: 20px; font-weight: 600; line-height: 1.06; margin: 1em 0 0 0; }
.news dt:first-child { margin: 0; }

    /* Summary */
    .news-summary { list-style: none; margin-left: 0; }
    .news-summary a { margin-right: 0.5em; }
    .news-summary li { margin-bottom: 1em; }

/* Page Views */
.pageview { font-size: 17px; color: #7f7f7f; }

/* Panels */
.panel { font-size: 0.9em; margin-bottom: 1em; }
.panel h3 { margin: 2em 0 0.5em; }
.panel h3:first-child { margin-top: 0; }

    /* Home page */
    .home .panel h3 { background: none; padding: 0.5em 0; }
	
/* Payment history */
.payment-history .n { color: red; }
.payment-history .num { text-align: right; }
.payment-history .p { color: green; }
.payment-history td { border-bottom: 1px dotted #ccc; padding: 0.35em 0.15em; }
.payment-history th { border-bottom: 2px solid #ccc; font-weight: bold; padding: 0.35em 0.15em; }
.payment-history .total td { border-top: 3px double #ccc; font-weight: bold; }
.payment-history tr.transaction-row:hover td { background: #f3ff87; cursor: pointer; }
.payment-history tr.transaction-row.current td { background: #fff; font-weight: bold; }

    /* Columns */
    .payment-history .amount { width: 11%; }
    .payment-history .date { width: 145px; }
    .payment-history .tools { width: 5%; }
    
    /* Transaction detail */
    .payment-history .transaction-detail:hover td { background: #fff; cursor: default; }
    .transaction-detail > td { background: #fff; padding: 8px; }
    .transaction-detail th { background: #f0f0f0; }
    .transaction-detail th.memo { width: 45%; }
    .transaction-detail:hover .current td { background: #ffc; }
    
        /* Transaction item */
        .transaction-details .current th { background: #eec; font-weight: bold; }
        .transaction-details .current td { background: #ffc; }
        .transaction-details tfoot td { border-top: 3px double #888; font-weight: bold; }

/* PMGs (Practice Management Guidelines */
#pmg h1 { margin-bottom: 0.3em; }
.references a {word-break: break-all;}
a.no-word-break {word-break: normal; }

    /* Browse */
    .guidelines-browse { margin-bottom: 2em; }
    .guidelines-browse .mute { margin-left: 0.5em; }
    .guidelines-browse p { margin: 0; }
    .guidelines-browse p.mute { margin: 0; }
    .guidelines-browse ul { border-bottom: 1px solid #ddd; list-style: none; margin: 0 0 1em; padding-bottom: 0.5em; }
    .guidelines-browse ul:last-child { border: 0; margin: 0; padding: 0; }
    
    /* Images */
    #pmg .call-l p, #pmg .call-r p { margin-bottom: 1.5em; }
    
    /* References */
    #pmg .references {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 4em;
        -webkit-column-gap: 4em;
        column-gap: 4em;
        font-size: 13px;
    }
    
    #pmg .references .cite-ref a { font-style: italic; font-weight: bold; }
    #pmg .references ol { margin-left: 2.5em; }
    .wrap-link a {word-wrap: break-word; }
    
    /* Search + popular */
    .guidelines { background: #4c5799; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); margin-bottom: 25px; padding: 10px 5px 5px; }
    .guidelines h2 { padding: 0 25px; }
    .guidelines h2, .guidelines h2 a { color: #fafbfc; }
    .guidelines h2 .more { background-image: url(/content/images/morei.png); font-size: 15px; margin-left: 1em; text-decoration: underline; }
    .guidelines h2 .more:hover { text-decoration: none; }
    .guidelines h3 { margin-bottom: 0.3em; }
    .guidelines li { margin: 0; }
    .guidelines .more { font-size: 1em; letter-spacing: 0; text-transform: none; }
    
    .guidelines-content {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f2f3f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f3f5));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f2f3f5 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f2f3f5 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f2f3f5 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f2f3f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f3f5',GradientType=0 );
        border-radius: 5px;
        padding: 15px 25px;
    }
    
    .guidelines-primary { float: left; width: 66.29%; }
    .guidelines-secondary { float: right; width: 31.48%; }
    
        /* Categories */
        .guidelines .pmg-categories { list-style: none; margin-left: 0; }
        .guidelines .pmg-categories li { display: inline-block; margin-right: 0.5em; }

    /* Tables */
    #pmg table { width: 100%; }
    #pmg table .num { text-align: right; }
    #pmg td, #pmg th { border: 1px solid #ddd; padding: 0.3em 0.5em; }
    #pmg th { background: #f0f0f0; font-weight: bold; }
    
    /* TOC */
    #pmg #toc { border: 1px solid #ddd; border-width: 1px 0; margin-bottom: 1em; padding: 1em 0; }
    #pmg #toc li, #pmg #toc ol { list-style: none; margin: 0; }

/* Podcast */
.podcast dd, .podcast dt { padding-left: 120px; }
.podcast dt { clear: both; font-size: 20px; font-weight: 600; line-height: 1.06; padding-top: 1.2em; }
.podcast img { float: left; margin: 3px 0 0 -120px; width: 100px; }
.podcast .tasks a { margin-right: 1em; }

/* Popups (qTip) */
.qtip { background: #fff; border: 1px solid #ccc; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25); font-size: 16px; line-height: 1.4; max-width: 400px; }
.qtip h2 { font-size: 1em; }
.qtip p { margin: 0; }
.qtip-content { max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 20px; }
.qtip-titlebar { border-bottom: 1px solid #ddd; padding: 10px 20px; }

    /* Account */
    .account-popup .qtip-content { padding: 0; }
    .account-popup a { display: block; padding: 0.5em 1em; }
    .account-popup a:hover { background: #f0f0f0; text-decoration: none; }
    .account-popup li { margin: 0; }
    .account-popup ul { list-style: none; margin: 0; }

/* President */
#president { padding-top: 20px; }
#president img { float: left; margin: -20px 10px 30px 0; }
#pp_full_res img { max-width: 895;}

/* Progress chart */
.progress-chart {
    border: 1px solid #ccc;
    border-radius: 4px;
    float: right;
    font-size: 18px;
    height: 40px;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

.progress-chart .count { display: block; padding: 0.4em 0 0 0.7em; position: relative; }

.progress-chart .idx {
    background: #eee;
    border-radius: 2px;
    left: 0;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
}

.progress-chart .level-0 { background-color: #f5b1b6; }
.progress-chart .level-1 { background-color: #f5b1b6; }
.progress-chart .level-2 { background-color: #f7c4b9; }
.progress-chart .level-3 { background-color: #f7d6ba; }
.progress-chart .level-4 { background-color: #f7e9bc; }
.progress-chart .level-5 { background-color: #f7f5bd; }
.progress-chart .level-6 { background-color: #eff6bc; }
.progress-chart .level-7 { background-color: #e2f4b9; }
.progress-chart .level-8 { background-color: #d2eeb4; }
.progress-chart .level-9 { background-color: #c2e8af; }
.progress-chart .level-10 { background-color: #b2e3ab; }

td .progress-chart { margin: 0; }

/* Progress navigation */
.progress { font-size: 13px; list-style: none; margin: 1em auto 3em; text-align: center; white-space: nowrap; }
.progress li { display: inline; margin-right: 10px; }
.progress li.current .step { background: #00345b; }
.progress li.current .title { color: #000; }
.progress .step { background: #aaa; border-radius: 20px; color: #fff; line-height: 1; margin-right: 0.3em; padding: 0.25em 0.6em; }

/* google search console */
.gsc-search-box.gsc-search-box-tools td, td.gsc-result-info-container, td.gsc-orderby-container, .gsc-resultsbox-visible td {
    border: none;
}



/* Sortables */
.ui-sortable div { border-radius: 5px; }
.ui-sortable .item { cursor: move; margin:0 0 6px 0; padding:6px; }
.ui-sortable .item .r img { padding:0px 0px 3px 3px; }

/* Sequencing */
.sequence { list-style: none; line-height: 1.4; }
.sequence .call-r { margin-top: 0; }

.sequence li {
    background: #f5f5f5;
    border: 1px solid #ddd;
    cursor: url(/Content/images/shared/grab.cur), move;
    height: 1%;
    margin-bottom: 1px;
    padding: 0.3em 0.5em 0.4em;
}

.sequence-single li { cursor: default; }

/* Skip link */
.skip { left: -9999em; position: absolute; }

/* States */
#states ul, #statesForFellowship ul, #statesForJob ul { float: left; list-style: none; margin-left: 0; position: relative; }
#jobs .data td { border: 0; padding: 0.3em 0.75em; }

/* Summary lists */
.summaries { margin-bottom: 1.5em; }
.summaries dt { clear: both; font-weight: bold; margin-top: 1.25em; }
.summaries p { margin: 0; }
    
    /* Fellows */
    .fellows .thumb { float: left; margin-right: 1em; }

/* Social */
.social { font-size: 40px; list-style: none; margin-left: 0; }
.social li { display: inline; margin-right: 3px; }

/* Tables */
.data { border: 0; margin: 0 0 1.5em; width: 100%; }
.data .alt { background: #eff4fa; }
.data td { background: #fff; border: 1px solid #e0dbd4; border-width: 1px 0; padding: 0.3em 0.75em 0.3em 0; }
.data td, .data-table th { background: none; }
.data th { background: none; border: 1px solid #e0dbd4; border-width: 0 0 1px; font-weight: bold; padding: 0 1em 0.5em 0; }
.nb { white-space: nowrap; }

/* View navigation */
.view-nav { list-style: none; margin-left: 0; }
.view-nav li { background: none; display: inline; margin: 0 1em 0 0; padding: 0; }
.view-nav li.current { font-weight: bold; }
.view-nav li.current a { color: #000; }