/*--------------------------------------------+
 | Site: American Massage Therapy Association |
 | Part: Master styles                        |
 +--------------------------------------------*/

/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,600italic,700,700italic);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(//cdn.jsdelivr.net/qtip2/2.2.0/jquery.qtip.min.css);
@import url(/styles/reset.css);
@import url(/styles/forms.css?t=3);
@import url(/styles/ie.css);


/* Fonts
======================================================================*/
body, input, #map *, select, textarea { font-family: "Source Sans Pro", Arial, sans-serif; }
input[type="password"] { font-family: Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #0082d1; text-decoration: none; }
a:hover { text-decoration: underline; }
address { font-style: normal; }
blockquote { margin-left: 40px; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1.35em; }
body { background: #cce6f6; font-size: 15px; line-height: 1.35; word-wrap: break-word; }
cite, em { font-style: italic; }
dt { margin-top: 1.35em; }
dt:first-child { margin: 0; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
h1 { color: #0082d1; font-size: 28px; line-height: 1.08; margin-bottom: 0.62em; width: 65.5%; }
h1, h2, h6, strong { font-weight: bold; }
h1 span, h2 span, h3 span { font-size: 13px; font-weight: normal; margin-left: 0.5em; }
h2 { color: #003e7e; font-size: 24px; line-height: 1.3; margin-bottom: 0.3em; }
h3 { color: #003e7e; font-size: 20px; font-weight: 600; margin-bottom: 0.5em; }
h4 { color: #74cbc8; font-size: 18px; font-weight: normal; text-transform: uppercase; }
h5 { font-size: 16px; font-weight: 300; }
h6 { color: #003e7e; font-size: 13px; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 1.5em 0; }
iframe { width: 100%; }
img { max-width: 100%; }
legend { background: #fff; color: #352f8e; font-size: 1.7em; 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; }
ol { list-style: decimal; margin-left: 2em; }
ol ol { list-style: lower-alpha; }
select { padding: 0.1em; }
sub { font-size: 10px; vertical-align: sub; }
sup { font-size: 10px; vertical-align: super; }
table { border-collapse: collapse; }
table p { margin: 0; }
td { vertical-align: top; }
td[align="center"], th[align="center"] { text-align: center; }
td[align="right"], th[align="right"] { text-align: right; }
thead th { font-size: 1em; padding: 0 0.4em 0.25em; }
ul { list-style: disc; margin-left: 1.5em; }
ul ol li { background: none; padding: 0; }

/* Stock classes */
.c { text-align: center; }
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
.flat, ul.headlines { list-style: none; margin-left: 0; }
.flat li, ul.headlines li { background: none; margin: 0; padding: 0; }
ul.headlines li { margin-bottom: 10px; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#admin .ribbon { margin: 0 auto; max-width: 980px; }
#frame { padding: 15px 35px; }
#page { background: #fff; clear: both; margin: auto; max-width: 980px; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }
ul.c2l, ul.c2r { list-style: none; margin-left: 0; }
.col4 .col { float: left; margin-right: 1%; width: 24%; }

/* Content */
#content { padding: 25px; }
.content-primary { float: left; width: 65.5%; }
.content-secondary { float: right; width: 31.1%; }

	/* Account pages */
	.account .content-primary, .account.full .content-primary { padding-top: 0; }
    .account #subheader { border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 30px; }
	
	/* Full layout (no secondary content) */
	.full .content-primary { float: none; margin: 0 auto; padding-top: 1em; width: 100%; }
	.full .content-secondary { display: none; }
	.full h1 { width: auto; }
	
	/* Full layout (no secondary content) */
	.home .content-primary, .home .content-secondary { float: none; margin: 0 auto; padding-top: 1em; width: 100%; }
	
	/* Jobs */
	.jobs .content-primary { width: 56.98%; }
	.jobs .content-secondary { width: 39.89%; }


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

/* Accounts */
.account-primary { float: left; width: 65.56%; }
.account-secondary { float: right; width: 31.18%; }

    /* FAMT */
    .account-famt .account-primary { float: left; width: 31.18%; }
    .account-famt .account-secondary { float: right; width: 65.56%; }
    .account-famt h3 { margin: 0; }
    
    /* Navigation */
    .account-nav { float: right; text-align: right; }
    .account-nav li { display: inline; margin-left: 1em; }
    .account-nav li.current a { color: #000; font-weight: bold; }
    
    /* Summary */
    .account-summary { padding-left: 160px; }
    .account-summary .account-primary { float: left; width: 58.39%; }
    .account-summary .account-secondary { float: right; width: 37.70%; }
    .account-summary-photo { float: left; margin-left: -160px; text-align: center; width: 130px; }
    .account-summary-photo img { display: block; }

/* Action buttons */
.action, .action2, .action3, .action4, .action5 {
    -webkit-appearance: none;
    background: #ff5940;
    border: 1px solid #ff5940;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    padding: 0.5em 1em;
}

.action:hover, .action2:hover, .action3:hover, .action4:hover, .action5:hover { background: #fff; color: #ff5940; text-decoration: none; }

    /* Blue */
    .action2 { background: #0082d1; border-color: #0082d1; }
    .action2:hover { color: #0082d1; }
    
    /* Disabled */
    .action-disabled { background: #fff; border-color: #bbb; color: #bbb; }
    /* Green */
    .action3 { background: #a5c800; border-color: #a5c800; }
    .action3:hover { color: #a5c800; }
    
    /* Teal */
    .action4 { background: #74cbc8; border-color: #74cbc8; }
    .action4:hover { color: #74cbc8; }
    
    /* Yellow */
    .action5 { background: #e7b300; border-color: #e7b300; }
    .action5:hover { color: #e7b300; }

/* Article bodies */
.article { margin-bottom: 1.5em; }
.article img[align=left] { float: left; margin: 0.5em 1em 0.5em 0; }
.article img[align=right] { float: right; margin: 0.5em 0 0.5em 1em; }

/* Announcement */
.announcement {
    background: #e3f5f5;
    background-image: -moz-linear-gradient(left top 315deg, #f7fdfd 0%, #e3f5f5 50%); /* FF */
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0, #f7fdfd),color-stop(0.5, #e3f5f5)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7fdfd', EndColorStr='#e3f5f5'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7fdfd', EndColorStr='#e3f5f5')"; /* IE8 */
    border: 1px solid #d5efee;
    border-radius: 6px;
    font-size: 16px;
    margin-bottom: 1em;
    padding: 15px 20px 20px;
}

/* Benefits */
    /* Browse */
    .benefits-browse { font-size: 18px; margin: 0 auto; text-align: center; width: 85%; }
    .benefits-browse .current a { color: #000; font-weight: bold; }
    .benefits-browse h2 { display: inline; font-size: 1em; }
    .benefits-browse li { display: inline; margin: 0 0.5em 0; }
    .benefits-browse p { margin: 15px 0; }
    .benefits-browse ul { display: inline; list-style: none; margin: 0; }

    /* Features */
    .benefits-features { font-weight: bold; list-style: none; margin: 0; overflow: hidden; text-align: center; text-transform: uppercase; }
    .benefits-features a { color: #003e7e; display: block; position: relative; }
    .benefits-features a:hover { opacity: 0.7; text-decoration: none; }
    .benefits-features img { display: block; margin-bottom: 10px; max-width: none; width: 100%; }
    .benefits-features li { float: left; margin: 0 3.22% 30px 0; width: 22.58%; }
    .benefits-features li.end { float: right; margin-right: 0; }
    .benefits-features-primary { font-size: 20px; }
    .benefits-features-primary img { margin-bottom: 15px; }
    .benefits-features-primary li { width: 48.38% }
    
    /* Groups */
    .benefits-group { clear: both; margin-bottom: 30px; overflow: hidden; }
    .benefits-header { background: #99cbea; box-sizing: border-box; float: left; overflow: hidden; padding: 30px; width: 37%; }
    .benefits-header .action { float: left; margin-right: 1em; }
    .benefits-header > h2 { font-size: 28px; }
    .benefits-header .intro { font-size: 1em; font-weight: normal; margin: 0; }
    .benefits-header .thumb { display: block; margin: 0 0 5px; width: 100%; }
    
        /* Lists */
        .benefits-list { background: #dbebf5; box-sizing: border-box; float: right; list-style: none; margin: 0; padding: 30px; width: 63%; }
        .benefits-list .fa-stack { float: left; margin: 0 0 0 -55px; }
        .benefits-list .fa-stack-2x { color: #75c7c2; }
        .benefits-list > li { overflow: hidden; margin-bottom: 20px; padding: 0 0 0 55px; }
        .benefits-list > li:hover { cursor: pointer; }
        .benefits-list > li:hover .benefits-summary h3 { text-decoration: underline; }
        .benefits-list > li:last-child { margin: 0; }
        .benefits-list > li.open .benefits-more { display: block; }
        .benefits-list > li.open:hover { cursor: default; }
        .benefits-list > li.open .benefits-summary { cursor: pointer; margin-bottom: 1.35em; }
        .benefits-more { display: none; }
        .benefits-summary h3 { font-size: 20px; line-height: 1.3; margin: 0 0 0.2em; }
        .benefits-summary p { margin: 0; }
        
        /* Members only */
        .benefits-members { background: #fff; margin-bottom: 20px; padding: 20px 25px 10px; }
    
    /* Intro */
    .benefits-intro { margin-bottom: 30px; }
    .benefits-intro [class *= call] { font-size: 1em; text-align: center; }

    /* Old */
    .benefits .tabs li { width: 25%; }
    .benefits .tab-primary { float: left; width: 65.5%; }
    .benefits .tab-secondary { float: right; width: 31.1%; }
    
    /* Preview */
    .benefits-preview { list-style: none; margin-left: 0; }
    .benefits-preview h4 { text-transform: none; }
    .benefits-preview li { clear: both; margin-bottom: 20px; overflow: hidden; padding-left: 100px; }
    .benefits-preview .thumb { float: left; margin: 3px 0 0 -100px; width: 85px; }

/* Breadcrumbs */
.breadcrumbs { list-style: none; margin-left: 0; }
.breadcrumbs li { display: inline; margin-right: 0.25em; }

/* Bylines */
.byline { color: #777; font-size: 12px; margin: 0; }

/* Calendar */
.cal { width: 100%; }
.cal .day { font-weight: bold; display: block; white-space: nowrap; }
.cal .day strong { display: block; font-size: 12px; font-weight: normal; }
.cal .details { font-size: 1em; }
.cal .event { margin-bottom: 1.15em; padding: 0 1em; }
.cal .first td, .cal .first th { border: 0; padding-top: 0; }
.cal .highlight, .cal-mini .highlight { background: #e3ecf5; padding: 1em; }
.cal .multi th { border-top: 0; }
.cal p { margin: 0; }
.cal td, .cal th { border-top: 1px solid #e5e5e5; padding-top: 0.75em; }
.cal th { text-align: center; padding-right: 2%; width: 18%; }
.cal .title { font-size: 1.07em; font-weight: bold; }

    /* Mini calendar */
    .cal-mini p { margin-bottom: 0.25em; }
	.cal-mini td, .cal-mini th { padding-bottom: 0.5em; }
	.cal-mini th { font-weight: bold; padding-right: 5%; text-align: right; white-space: nowrap; width: 25%; }
    
    /* Monthly view */
    .cal-monthly, .cal-monthly table { width: 100%; }
    .cal-monthly a { color: #366cb3 !important; display: block; font-weight: bold; height: 100%; }
    .cal-monthly .Day, .cal-monthly .today { padding: 5px 0; }
    .cal-monthly table { margin: 0; }
    .cal-monthly td, .cal-monthly th { text-align: center; width: 14.28%; }
    .cal-monthly th { border: 1px solid #ddd; border-width: 1px 0; font-size: 11px; font-weight: bold; padding: 5px 0; }
    .cal-monthly .Title td { color: #4e5aa4; font-size: 15px; font-weight: bold; padding-bottom: 5px; white-space: nowrap; }

/* Callouts */
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
.call-l { float: left; margin: 0 1em 0.5em 0; }
.call-r { float: right; margin: 0 0 0.5em 1em; }
.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; }
[class *= "call"] .action { display: block; text-align: center; }

/* Carousel */
#carousel { margin-bottom: 20px; overflow: hidden; position: relative; }

#carousel .overlay .btn {
    background: #4a7aba;
    background-image: -moz-linear-gradient(top, #a1bad8, #4a7aba, #274976); /* FF */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a1bad8), color-stop(0.5, #4a7aba), color-stop(1, #274976)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a1bad8', EndColorStr='#274976'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#a1bad8', EndColorStr='#274976')"; /* IE8 */
    border-color: #739dd2;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-shadow: -1px -1px 0 #58595b;
    padding: 0.4em 1em 0.6em;
}

#carousel img { display: block; width: 100%; }

    /* Home */
    #home-carousel { margin-bottom: 20px; overflow: hidden; }
    #home-carousel .carousel-content { position: relative; width: 100%; }
    #home-carousel #carousel-nav { background: #383838; float: right; font-size: 16px; font-weight: 600; list-style: none; margin: 0; position: relative; width: 32.28%; z-index: 200; }
    #home-carousel #carousel-nav a { background: #383838; border-bottom: 1px solid #444; color: #fff; display: block; height: 98.5%; padding: 0 20px; }
    #home-carousel #carousel-nav a:hover { background: #666; text-decoration: none; }
    #home-carousel #carousel-nav a span { display: block; }
    #home-carousel #carousel-nav .cycle-pager-active { background: url(/images/carousel-bg.png) no-repeat 0 50%; }
    #home-carousel #carousel-nav .cycle-pager-active a { background: #0082d1; }
    #home-carousel #carousel-nav li { height: 25%; margin-left: -18px; padding-left: 18px; }
    #home-carousel #carousel-slides { float: left; width: 67.72%; }
    #home-carousel img { display: block; width: 100%; }
    #home-carousel .overlay { background: url(/images/overlay-light.png); bottom: 0; font-size: 17px; left: 0; position: absolute; width: 100%; }
    #home-carousel .overlay h2 { font-size: 20px; font-weight: bold; margin-bottom: 0.2em; }
    #home-carousel .overlay p { margin: 0; }
    #home-carousel .overlay-content { padding: 15px; }
    
    /* Nav */
    #carousel #carousel-nav { bottom: 15px; list-style: none; margin: 0; position: absolute; right: 15px; z-index: 1000; }
    #carousel #carousel-nav a { background: url(/images/overlay-light.png); border: 2px solid #ddd; border-radius: 20px; display: inline-block; height: 10px; margin: 0 0 0 3px; width: 10px; }
    #carousel #carousel-nav a.cycle-pager-active { background: #ddd; }
    
    /* Overlay */
    #carousel .overlay { background: url(/images/overlay-bg.png); bottom: 0; font-size: 17px; left: 0; position: absolute; width: 100%; }
    #carousel .overlay a { color: #b3d8ff; }
    #carousel .overlay, #carousel .overlay h2 { color: #fff; }
    #carousel .overlay h2 { font-size: 22px; font-weight: 600; margin-bottom: 0.2em; }
    #carousel .overlay p { margin: 0; }
    #carousel .overlay-content { padding: 15px; }

/* Codes of conduct */
.codes-conduct { border: 1px solid #ccc; border-radius: 5px; list-style: none; margin-left: 0; }
.codes-conduct h2 { font-size: 18px; font-weight: normal; }
.codes-conduct > li { border-bottom: 1px solid #ddd; padding: 20px 30px; }
.codes-conduct > li:last-child { border: 0; }

/* Courses */
.courses { border-bottom: 1px solid #ddd; list-style: none; margin-left: 0; }
.courses > li { clear: both; overflow: hidden; margin-bottom: 20px; padding-right: 33.27%; }
.courses p { margin-bottom: 0.25em; }
.courses .status { float: right; margin-right: -49.87%; text-align: center; width: 44.96%; }
.courses .status .btn { font-size: 14px; font-weight: bold; }
.courses .title { font-size: 14px; font-weight: bold; }
.courses-extras > li { border-top: 1px solid #ddd; padding-top: 10px; }

    /* Categories */
    .course-categories dd, .course-categories dt { padding-left: 65px; }
    .course-categories dt { font-size: 14px; font-weight: bold; }
    .course-categories .thumb { float: left; margin: 3px 0 0 -65px; }
    
    /* Nav */
    #course-nav {
        border: 1px solid #e9ebf7;
        border-radius: 6px;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
        font-size: 17px;
        list-style: none;
        margin-left: 0;
        padding: 15px;
    }
    
    #course-nav .current > a { font-weight: bold; }
    #course-nav > li { border-top: 1px solid #ddd; padding: 0.75em 0; }
    #course-nav > li:first-child { border: 0; padding-top: 0; }
    #course-nav li li { margin-bottom: 0.5em; }
    #course-nav ul { font-size: 15px; list-style: none; margin: 0.5em 0 0; }
    #course-nav ul ul { list-style: disc; margin: 0.5em 0 0 1.5em; }
    
    /* Title */
    #course-title { margin-bottom: 1em; }
    #course-title img { float: left; margin-right: 10px; }

/* DataTables */
.dataTables_wrapper, .dataTables_wrapper table { clear: both; }
.dataTables_wrapper .dataTables_filter { float: left; margin-bottom: 10px; width: 30%; }
.dataTables_wrapper .dataTables_filter .txt { width: 100%; }
.dataTables_wrapper .dataTables_length { float: right; text-align: right; }
.dataTables_wrapper .dataTables_paginate a { cursor: pointer; margin-right: 1em; }
.dataTables_wrapper .dataTables_paginate a:hover { text-decoration: none; }
.dataTables_wrapper .dataTables_paginate a.paginate_active { color: #000; cursor: default; font-weight: bold; }
.dataTables_wrapper .dataTables_paginate a.paginate_button_disabled { color: #666; cursor: default; }
.dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc { cursor: pointer; }
.dataTables_wrapper th { white-space: nowrap; }
.dataTables_wrapper th .sort { background-repeat: no-repeat; background-position: 0 0; display: inline-block; height: 7px; margin-left: 0.5em; width: 7px; }
.dataTables_wrapper th.sorting_asc .sort { background-image: url(/images/sort-up.png); }
.dataTables_wrapper th.sorting_desc .sort { background-image: url(/images/sort-down.png); }

/* Detail lists */
.details { color: #77787b; font-size: 12px; list-style: none; margin: 0; }
.details li { display: inline; margin-right: 0.75em; }

/* Disclaimer */
.disclaimer { color: #77787b; font-size: 11px; margin-bottom: 1em; }
.disclaimer-long { border: 1px solid #ddd; color: #77787b; font-size: 11px; margin-bottom: 1em; max-height: 9em; overflow: auto; overflow-x: hidden; padding: 15px; }

/* Dropdown menus */
.dropdown-toggle { white-space: nowrap; }
.dropdownmenu { display: inline-block; position: relative; }
.dropdownmenu a { text-decoration: none; }
.dropdownmenu .fa { margin-left: 0.3em; }
.dropdownmenu > a { display: inline-block; }
.dropdownmenu > a:hover { text-decoration: none; }

.dropdownmenu .menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    list-style: none;
    left: 0;
    margin: 0;
    text-align: left;
    top: 31px;
    white-space: nowrap;
    z-index: 1000;
}

.dropdownmenu .menu a { display: block; padding: 0.3em 1em; }
.dropdownmenu .menu a:hover { background: #f0f0f0; text-decoration: none; }
.dropdownmenu .menu li { display: block; margin: 0; }
.dropdownmenu.r .menu { left: auto; right: 0; }

/* Find a massage therapist */
    /* Applied filters */
    .applied-filters { list-style: none; margin: 0; }
    .applied-filters .close { position: absolute; right: 8px; top: 3px; }
    .applied-filters .filter-type { display: block; font-size: 10px; padding-right: 20px; text-transform: uppercase; }
    
    .applied-filters li {
        background: #ebeded;
        float: left;
        margin: 0 0.5em 0.5em 0;
        padding: 10px;
        position: relative;
    }
    
    .applied-filters img { vertical-align: middle; }
    
    /* Availability chart */
    .availability { width: 100%; }
    .availability .available { color: #a5c800; }
    .availability tbody th { text-align: right; }
    .availability tbody th, .availability td { border: 1px solid #e3ebf6; width: 12.5%; }
    .availability td, .availability th { padding: 0.5em; text-align: center; }
    .availability th { background: #e3e6e6; }
    .availability thead th { border: 1px solid #fff; text-align: center; }
    .availability thead th:first-child { background: none; }
    
        /* In FAMT edit form */
        #progress-form .availability td { text-align: center; }
        #progress-form .availability th { background: none; border: 0; filter: none; -ms-filter: none; }
        #progress-form .availability th, #progress-form .availability td { border: 0; width: 12.5%; }
        
    /* Bios */
    .contact-options { display: none; }
    .famt-bio .content-primary { float: left; width: 31.1%; }
    .famt-bio .content-secondary { float: right; width: 65.5%; }
    .famt-bio .highlight { padding-bottom: 20px; }
    .famt-bio img { display: block; margin-bottom: 5px; }
    
        /* Footer */
        #footer address { display: inline; }
        #footer address .adr, #footer address .fax, #footer address .tel { margin-right: 1em; }
        #footer address .adr, #footer address .street-address, #footer address .tel { display: inline; }
        #footer address .org { color: #3c6db1; display: block; font-size: 16px; margin-bottom: 0.25em; }
    
    /* Search results */
    .famt-results { list-style: none; margin: 0; }
    .famt-results a { color: #58595b; display: block; overflow: hidden; padding: 10px 10px 10px 95px; }
    .famt-results a:hover { background: #e3e6e6; text-decoration: none; }
    .famt-results a, .famt-results span { display: block; }
    .famt-results li { clear: both; margin-bottom: 5px; }
    .famt-results img.thumb { border: 1px solid #fff; float: left; margin: 1px 0 0 -85px; width: 75px; }
    .famt-results .name { color: #0082d1; font-size: 16px; }
    .famt-results .techniques { margin-bottom: 0.1em; }

/* File upload button */        
.file-upload-fake-button{
    background-color: #5A595A;
    color:#fff;
    box-sizing:border-box;
    border: 1px solid #ddd;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    padding: 0.4em 1em;
}
/* Filters */
#filters { background: #ebeded; margin-bottom: 15px; padding: 15px 0 20px 20px; position: relative; }
#filters #availability-filters .col { float: none; width: auto; }
#filters #availability-filters .panel { width: 13.28%; }
#filters .close { position: absolute; right: 20px; top: 15px; }
#filters h3 { color: #58595b; margin-bottom: 0.5em; }
#filters .mute { color: #939598; font-size: 11px; }
#filters .all .col, #filters .panel { float: left; margin: 0 1% 10px 0; width: 23.5%; }
#filters p, #filters ul { list-style: none; margin: 0; }
#filters ul a:hover { text-decoration: none; }
#filters ul a:hover .filter-name { text-decoration: underline; }

/* Flags */
.flag {
    background: #ccc;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    margin-left: 0;
    padding: 0.4em 0.7em 0.3em;
    text-transform: uppercase;
    white-space: nowrap;
}

.flag-famt { background: #003e7e; color: #fff; }
.flag-member-years { background: #75c4b9; color: #fff; }

/* Footer */
#footer { background: #4d4d4d; font-size: 12px; padding: 10px 30px; }
#footer, #footer a { color: #fff; }

    /* Footer nav */
    #footer-nav { float: right; list-style: none; margin: 0; text-align: right; }
    #footer-nav li { display: inline; margin-right: 1em; }
    
    /* Site credit */
    #credit { float: right; text-align: right; }
    #credit a { color: #6d6e71; }
    #credit a strong { color: #7699c8; display: inline; font-weight: normal; }
    #credit a:hover strong { text-decoration: underline; }
    
    /* Subfooter */
    #subfooter { background: #003e7e; line-height: 1.3; padding: 20px 30px; }
    #subfooter .action { font-size: 1em; padding: 0.2em 1em 0.3em; }
    #subfooter .action:hover { color: #ff5940; }
    #subfooter h6 { border-bottom: 1px solid #fff; font-size: 16px; font-weight: normal; margin-bottom: 0.7em; padding-bottom: 0.7em; }
    #subfooter hr { background: #fff; color: #fff; }
    #subfooter .panel { float: left; }
    #subfooter, #subfooter h6, #subfooter a { color: #fff; }
    #subfooter #subfooter-primary { margin-right: 10.86%; width: 24.56%; }
    #subfooter #subfooter-quaternary { float: right; width: 15.54%; }
    #subfooter #subfooter-secondary { margin-right: 6.95%; width: 16.36%; }
    #subfooter #subfooter-tertiary { width: 18.43%; }
    #subfooter-nav { list-style: none; margin-left: 0; }
    #subfooter-nav li { margin: 0; }
    
        /* Social */
        #subfooter .social { font-size: 10px; margin-bottom: 1em; }
        #subfooter .social-facebook .fa-facebook { color: #003e7e; }
        #subfooter .social-feed { color: #f57e20; }
        #subfooter .social-linkedin { color: #0082d1; }
        #subfooter .social-twitter { color: #74cbc8; }
        #subfooter .social-youtube { color: #ff5940; }
        
        /* vCard */
        #subfooter address .adr { display: block; }
        #subfooter address .email { display: block; margin-bottom: 0.5em; }
        #subfooter address .tel { color: #a5c800; display: block; font-weight: 600; margin-top: 1em; }
    
    /* Testimonial */
    #testimonial { background: #0d82d1; color: #fff; padding: 20px 15% 15px; text-align: center; }
    #testimonial cite { font-style: normal; }
    #testimonial p { margin-bottom: 0.5em; }

/* Header */
#header { padding: 11px 30px 5px; }
#header .social { clear: right; float: right; }

    /* Logo */
    #logo { float: left; margin: 5px 0 19px; max-width: 252px; }
    #logo img { display: block; max-width: none; width: 100%; }
    
    /* Nav */
    #header-nav { background: #ebeded; font-size: 13px; padding: 8px 30px; }
    #header-nav a { display: inline-block; padding: 0.3em 0; }
    #header-nav .action { color: #fff; font-size: 1em; padding: 0.3em 1em; }
    #header-nav .action:hover { color: #ff5940; }
    #header-nav li { display: inline-block; margin: 0; }
    #header-nav ul { list-style: none; margin: 0; }
    #header-nav-primary { float: left; }
    #header-nav-primary a { color: #606060; }
    #header-nav-primary li { margin-right: 1em; }
    #header-nav-secondary { float: right; text-align: right; }
    #header-nav-secondary li { margin-left: 1em; }
    #user-links { list-style: none; margin: 0; }
    #user-links a { display: block; padding: 0.3em 0.5em; }
    #user-links a:hover { background: #fff; color: #0082d1; text-decoration: none; }
    
    /* Maintenance notice */
    #utilities-nav .maintenance-notice { color: #c0311b; }

/* Hidden Elements*/
.hidden, .hide { display: none; visibility: hidden; }

/* Highlight boxes */
.highlight { background: #e3e6e6; font-size: 17px; font-weight: 300; margin-bottom: 20px; padding: 20px 20px 5px; }
.highlight h2 { font-weight: bold; }

/* Home */
.home #subheader { display: none; }

    /* Features */
    .home-features h4 { font-size: 14px; font-weight: 600; }
    .home-features h4, .home-features h4 a { color: #003e7e; }
    .home-features img { display: block; margin-bottom: 10px; width: 100%; }
    
    /* What's new + promotions */
    #home-new-primary { float: left; width: 60.21%; }
    #home-new-secondary { float: right; width: 30.65%; }
    
    /* Videos */
    #home-videos-primary { float: left; font-size: 16px; width: 54.34%; }
    #home-videos-primary p { margin-bottom: 0.5em; }
    #home-videos-secondary { float: right; width: 44.67%; }

/* Icons */
.icon { background-repeat: no-repeat; background-position: 0 50%; line-height: 1; margin-right: 0.25em; padding: 3px 0 3px 20px; }
.icon-doc { background-image: url(/images/shared/doc.png); }
.icon-facebook { background-image: url(/images/shared/facebook.png); }
.icon-feed { background-image: url(/images/shared/feed.png); }
.icon-flickr { background-image: url(/images/shared/flickr.png); }
.icon-linkedin { background-image: url(/images/shared/linkedin.png); }
.icon-list { background-image: url(/images/list.png); }
.icon-map { background-image: url(/images/map.png); }
.icon-pdf { background-image: url(/images/shared/pdf.png); }
.icon-search-options { background-image: url(/images/search-options.png); }
.icon-twitter { background-image: url(/images/shared/twitter.png); }
.icon-youtube { background-image: url(/images/shared/youtube.png); }
img.icon { background: none; border: 0; margin: 0 4px -3px 0; padding: 0; }

    /* FontAwesome */
    .fa-ban { color: #666; }
    .fa-check, .fa-check-circle { color: #a5c800; }
    .fa-facebook-square { color: #003e7e; }
    .fa-linkedin-square { color: #0082d1; }
    .fa-times-circle { color: #e30013; }
    .fa-twitter-square { color: #74cbc8; }
    
/* Inactive link */
.inactiveLink {  pointer-events: none;cursor: default;}

/* Intro */
.intro { font-size: 20px; font-weight: 300; line-height: 1.5; margin-bottom: 30px; overflow: hidden; }
.intro .action { font-size: 30px; }

/* Job bank */
.employers { background: #e3e6e6; padding: 15px 20px 20px; }

    /* Headers */
    .content-primary .job-header { background: #74cac7; }
    .content-secondary .job-header { background: #b1b6d4; }
    #job-banner { background: #003d7c; margin-top: 15px; padding: 23px 40px 16px; text-align: right; }
    .job-header { margin-bottom: 20px; padding: 10px 20px; }
    .job-header img { display: block; }
    
    /* Search results */
    .job-results { list-style: none; margin-left: 0; }
    .job-results dt { font-size: 16px; }
    .job-results .mute { margin-left: 0.5em; text-transform: uppercase; }

/* Join */
    /* Account check */
    .join-check { background: #e3f5f4; border: 1px solid #ddd; margin: 0 auto 30px; max-width: 350px; padding: 25px; }
    .join-check .action { text-align: center; }
    .join-check .action, .join-check .txt { display: block; font-size: 20px; width: 100%; }
    
    /* Membership options */
    #join-options { border-spacing: 30px; display: table; list-style: none; margin: 0; }
    #join-options h2 { font-size: 26px; margin: 0; }
    #join-options h3 { font-size: 26px; font-weight: normal; }
    #join-options h4 { color: #003e7e; font-size: 24px; text-transform: none; }
    #join-options > li { border: 1px solid #ddd; box-sizing: border-box; display: table-cell; padding: 25px 15px; width: 33.33%; }
    #join-options > li:hover { background: #e3f5f4; }
    #join-options .requirements { text-align: left; }
    #join-options .requirements p, #join-options .requirements ul { margin-bottom: 0.5em; }
    #join-options-extra { margin: 30px auto; width: 40%; }

/* Membership management */
.membership-management { list-style: none; margin: 0; }
.membership-management h3 { font-size: 16px; font-weight: normal; }
.membership-management img { float: left; margin: 3px 10px 0 0; }
.membership-management li { float: left; margin-bottom: 15px; width: 50%; }

/* MTJ */
    /* Archives */
    .mtj-issues .summaries dt { color: #4b58a6; font-size: 18px; font-weight: bold; line-height: 1.3; margin-bottom: 0.42em; }
    .mtj-issues .summaries dd, .mtj-issues .summaries dt { padding-left: 165px; }
    .mtj-issues .summaries dt img { float: left; margin: 0 0 1em -165px; }
    .mtj-issues .summaries .mute { font-size: 11px; }
    
    /* Logo */
    .mtj-logo { color: #c91919; font-size: 125px; font-weight: bold; line-height: 1; }
    .mtj-logo .name {	color: #000; font-size: 8px; margin-bottom: -30px; margin-top: 5px; margin-left: 7px; }
    .mtj-logo .tagline { color: #000; font-size: 12px; margin-top: -13px; margin-left: 7px; }
    #subfooter .mtj-logo { font-size: 50px; }
    
    /* Subscribe */
    #subscribe-mtj { text-align: center; }
    #subscribe-mtj .mtj-logo { margin: 0 auto 30px; text-align: left; width: 190px; }
    
/* Maps */
.geo { display: none; }
.map { border: 1px solid #ccc; clear: both; margin-bottom: 15px; width: 100%; }
#map img { max-width: none; }

    /* Jobs */
    #job-map .map { height: 380px; }

    /* Mapped results */
    #map-mini #map { border: 1px solid #ccc; height: 250px; margin-bottom: 20px ; }
    #mapped-results #map { border: 1px solid #ccc; float: right; height: 500px; width: 69%; }
    #mapped-results #map, #mapped-results .results { margin-bottom: 20px; }
    
    #mapped-results .results {
        border: 1px solid #ccc;
        float: left;
        height: 470px;
        line-height: 1.3;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 15px 1%;
        width: 28.5%;
    }
    
    #mapped-results .results ol { list-style: none; margin: 0; padding-left: 32px; }
    #mapped-results .results ol li { clear: both; margin-bottom: 15px; }
    #mapped-results .results ol h2 { font-size: 16px; }
    #mapped-results .results ol h2, #mapped-results .results ol p { font-weight: normal; margin: 0; }
    #mapped-results .results .marker { float: left; margin-left: -32px; }
    #mapped-results .results .thumb { float: left; margin: 3px 10px 0 0; width: 44px; }
    
    /* Info window contents */
    #map .desc-content { font-size: 12px; padding: 10px; min-width: 250px; }
    #map .desc-content h3 a { font-size: 1.5em; line-height: 1.2; }
    #map .desc-content p { font-size: 1.2em; }

/* Mobile notice */
#mobile-notice a { background: #fff; border-bottom: 1px solid #ccc; display: block; font-size: 50px; padding: 30px; }

/* Muted text */
.mute { color: #77787b; font-size: 12px; }
p.mute { margin: 0; }

/* Navigation */
#nav { background: #74cbc8; font-size: 15px; height: 1%; padding: 0 30px; position: relative; }
#nav > ul { list-style: none; margin: 0; }
#nav > ul > li { float: left; }
#nav > ul > li > a { color: #fff; display: block; font-weight: 600; padding: 10px 0.8em; text-transform: uppercase; white-space: nowrap; }
#nav > ul > li > a:hover { background: #34a39b url(/images/nav-bg.png) no-repeat 50% 100%; text-decoration: none; }
#nav > ul > li.current a { color: #414042; }

    /* Dropdown */
    #nav .dropdown { background: #e3f5f4; display: none; font-size: 13px; left: 0; position: absolute; top: 39px; width: 100%; z-index: 1000; }
    #nav .dropdown .action { color: #fff; font-size: 14px; }
    #nav .dropdown .action:hover { color: #ff5940; }
    #nav .dropdown h5 { font-size: 22px; font-weight: normal; margin-bottom: 0.3em; }
    #nav .dropdown h6 { color: #383838; }
    #nav .dropdown p { margin-bottom: 0.3em; }
    #nav .dropdown-content { padding: 15px 30px 30px; }
    #nav .dropdown-primary { float: left; margin-right: 1.63%; width: 17.93%; }
    #nav .dropdown-primary img { display: block; width: 100%; }
    #nav .dropdown-secondary { float: left; width: 40.16%; }
    #nav .dropdown-tertiary { float: right; width: 37.39%; }
    #nav li:hover .dropdown { display: block; }

    /* Secondary navigation */
    #nav-secondary { background: #e3f5f4; margin-bottom: 30px; }
    #nav-secondary a { display: block; padding: 7px 30px; }
    #nav-secondary a:hover { text-decoration: none; }
    #nav-secondary h2 { font-size: 22px; font-weight: 600; margin: 0; }
    #nav-secondary h2 a { padding: 7px 15px; }
    #nav-secondary li.current { background: #f4fbfb; }
    #nav-secondary li.current > a { color: #383838; font-weight: 600; }
    #nav-secondary li.current > a:hover { background: none; color: #383838; }
    #nav-secondary li.current > ul a:hover { background: #e3f5f4; }
    #nav-secondary li ul a { padding: 7px 30px 7px 45px; }
    #nav-secondary ul { list-style: none; margin: 0; }
    #nav-secondary > ul { border-top: 1px solid #a7dcd9; }
    #nav-secondary > ul > li { border-bottom: 1px solid #a7dcd9; }
    #nav-secondary > ul > li > a { padding: 8px 30px; }
    #nav-secondary > ul > li > a:hover { background: #34a39b; color: #fff; }
    
    /* Menu */
    #menu {
        background: #74cbc8;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        display: none;
        font-size: 15px;
        overflow: scroll;
        position: absolute;
        right: -400px;
        top: 0;
        width: 250px;
        z-index: 1000;
    }
    
    #menu .dropdown { display: none; }
    #menu > ul { list-style: none; margin: 0; }
    #menu > ul > li { margin: 0; }
    #menu > ul > li.current { background: rgba(255, 255, 255, 0.3); }
    #menu > ul > li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; display: block; font-weight: 600; padding: 0.8em 1.1em; text-transform: uppercase; }
    
        /* Nav toggle */
        #nav-toggle { float: right; font-size: 18px; font-weight: bold; padding: 0.5em; }

/* Officers */
.officers { font-size: 12px; list-style: none; margin-left: 0; }
.officers h3 { font-size: 14px; }
.officers h3, .officers p { margin: 0; }
.officers li { float: left; height: 80px; margin-bottom: 1.35em; width: 50%; }

/* Order summary */
.order-summary-cart { margin: 1em 0; width: 100%; }
.order-summary-cart tbody td { border: 1px solid rgba(0, 0, 0, 0.2); border-width: 1px 0; }
.order-summary-cart td, .order-summary-cart th { padding: 0.5em; }
.order-summary-cart th { font-weight: bold; padding-left: 0; }
.order-summary-properties { list-style: none; margin-left: 0 !important; }
.order-summary-properties li { display: inline; margin-right: 1em; }

/* Page tools */
.page-tools { clear: both; margin-bottom: 1em; }

    /* Join pages */
    #share-join { font-size: 20px; text-align: center; }
    #share-join .addthis_default_style .at300b { display: inline-block; float: none; padding: 20px; }
    #share-join .addthis_default_style .at300b:hover { opacity: 0.7; text-decoration: none; }
    #share-join .addthis_toolbox .fa { display: block; font-size: 80px; margin-bottom: 5px; }

/* Paging */
.pages, .pages ul { clear: both; float: none; font-size: 16px; list-style: none; margin: 50px 0 30px; text-align: center; }
.pages li { display: inline; margin: 0 10px 0 0; }

/* Popups (qTip) */
.qtip { background: #bfbfbf; border: 1px solid #bfbfbf; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25); font-size: 14px; line-height: 1.4; max-width: 400px; }
.qtip, .qtip a, .qtip h2, .qtip h3, .qtip h4, .qtip .mute { color: #fff; }
.qtip h4 { font-size: 1em; }
.qtip h4, .qtip p, .qtip ul { margin-bottom: 0.5em; }
.qtip-content { padding: 20px; }
.qtip-tip { background: #bfbfbf; }
.qtip-titlebar { border-bottom: 1px solid #ddd; padding: 10px; }

/* Progress */
.progress { font-size: 16px; list-style: none; margin: 0 0 20px; text-align: center; }
.progress li { background: url(/images/shared/bullet-wizard.gif) no-repeat 0 0.35em; display: inline; margin-left: 13px; padding-left: 20px; }
.progress li:first-child { background: none; margin: 0; padding: 0; }
.progress li.current { font-weight: bold; }

/* Progress chart */
.progress-chart { border: 1px solid #ccc; border-radius: 4px; float: right; height: 30px; position: relative; width: 200px; }
.progress-chart .idx { background: #eee; border-radius: 4px; left: 0; height: 100%; position: absolute; top: 0; }
.progress-chart .count { color: #555; display: block; padding: 0.35em 0 0 0.7em; position: relative; }

    /* Large */
    .progress-chart.large { float: none; font-size: 22px; height: 42px; margin-bottom: 1em; width: auto; }
    .progress-chart.large .count { padding-top: 6px; }

/* Property lists (property: value) */
.props strong { color: #77787b; font-weight: normal; }

/* Search results */
.docType { color: #000; font-size: 0.7em; font-weight: bold; margin-left: 0.3em; text-transform: uppercase; white-space: nowrap; }
#info { border-bottom: 1px solid #cbc3b8; margin-bottom: 1em; padding-bottom: 1em; }
#info a, #search-results a { text-decoration: underline; }
#info a:hover, #search-results a:hover { text-decoration: none; }
#search-results { margin: 0 0 1em; }
#search-results p { margin: 0; }
#search-results h2 { font-size: 1.3em; font-weight: normal; margin: 1em 0 0; }
#search-results .icon { margin-bottom: -2px; }
#search-results li { list-style: none; }
#search-results .mute { color: #6d6e71; font-size: 11px; }
#searchPages { font-size: 1.2em; margin-top: 2em; text-align: center; }
#searchPages a { padding: 0.5em 0.2em; }
#searchPages li { background: none; display: inline; margin: 0 0.2em; padding: 0; }
#searchSort { border-top: 1px solid #cbc3b8; font-size: 1.2em; margin: 1em 0; padding-top: 0.9em; }
#search-within-search input { vertical-align: middle; }
#search-within-search .txt { display: inline; width: 69%; }
#search-within-search .btn { margin: 0; }

/* Sections */
.section { border-top: 1px solid #dcddde; margin-bottom: 1.5em; padding-top: 0.5em; }

    /* In sidebar */
    #content-secondary .section { border: 0; padding: 0; }

/* Social media links */
.social { font-size: 12px; list-style: none; margin: 0; }
.social a:hover { opacity: 0.7; text-decoration: none; }
.social li { display: inline; margin-bottom: 0.5em }

    /* Brand colors */
    .social-facebook { color: #003e7e; }
    .social-feed { color: #f57e20; }
    .social-linkedin { color: #0082d1; }
    .social-twitter { color: #74cbc8; }
    .social-youtube { color: #ff5940; }

/* Subheader */
#subheader { margin-bottom: 30px; }
#subheader h1, #subheader p { margin: 0; }

/* Summary lists */
.summaries dt { font-size: 16px; }

    /* With thumbs */
    .summaries-thumbs dt { clear: both; }
    .summaries .thumb { float: right; margin: 0 0 20px 10px; }

/* Tables */
.data, .mceTable { width: 100%; }
.data td, .data th, .mceTable td, .mceTable th { border: 1px solid #e3ebf6; padding: 0.5em; }
.data th, .mceTable th { background: #e9f0f8; }
.data thead th, .mceTable thead th { border: 1px solid #fff; }

/* Tabs */
.tabs { list-style: none; margin: 0 10px; }

.tabs a {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    border: 1px solid #ededed;
    border-bottom-width: 0;
    border-radius: 6px 6px 0 0;
    color: #003e7e;
    display: block;
    font-size: 25px;
    font-weight: bold;
    margin: 0 5px -1px 0;
    padding: 5px 15px;
    position: relative;
}

.tab-content { border: 1px solid #ddd; border-radius: 6px; clear: both; padding: 25px; }
.tabs .current a { background: #fff; filter: none; -ms-filter: none; border-color: #ddd; }
.tabs li { float: left; }

/* Tags */
.tags { font-size: 1.1em; line-height: 2.3em; list-style: none; margin-left: 0; }
.tags li { background: none; display: inline; margin-right: 0.5em; padding: 0; }
.tags li a { white-space: nowrap; }

.t-1 { font-size: 0.9em; }
.t-2 { font-size: 1em; }
.t-3 { font-size: 1.1em; }
.t-4 { font-size: 1.2em; }
.t-5 { font-size: 1.3em; }
.t-6 { font-size: 1.4em; }
.t-7 { font-size: 1.5em; }
.t-8 { font-size: 1.6em; }
.t-9 { font-size: 1.7em; }
.t-10 { font-size: 1.8em; }
.t-11 { font-size: 1.9em; }
.t-12 { font-size: 2em; }
.t-13 { font-size: 2.1em; }
.t-14 { font-size: 2.2em; }
.t-15 { font-size: 2.3em; }

/* Toggling options */
.closed { display: none; }

/* Tooltips */
#tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
    padding: 20px 25px;
    position: absolute;
    width: 350px;
    z-index: 3000;
}

#tooltip h3, #tooltip div { margin: 0; }
#tooltip p { margin-bottom: 0.5em; }

/* vCards */
.vcard .adr, .vcard .org, .vcard .street-address, .vcard .tel { display: block; }

/* Videos */
.videos { list-style: none; margin: 0 0 10px; overflow: hidden; }
.videos a { color: #383838; display: block; overflow: hidden; padding: 5px 10px 5px 140px; }
.videos a:hover { text-decoration: none; }
.videos a:hover .title { text-decoration: underline; }
.videos li { clear: both; }
.videos li.current a { background: #ebeded; }
.videos .thumb { float: left; margin: 3px 0 0 -130px; width: 120px; }
.videos .title { color: #0082d1; display: block; font-weight: bold; }

/* Viewing options */
.view { margin-bottom: 1.35em; }
.view p, .view li { margin-right: 0.5em; }
.view p, .view li, .view ul { display: inline; }
.view ul { list-style: none; margin: 0; }

/* What's new */
.whats-new dt { font-weight: bold; }


/* Widths
=====================================================================*/
@media screen and (max-width: 1025px) {
    /* Basics */
    h1 { width: auto; }
    
    /* Content */
        /* Benefits */
        .benefits-header { float: none; margin: 0; width: auto; }
        .benefits-header .thumb { float: right; margin: 0 30px 20px 20px; width: 32%; }
        .benefits-list { float: none; width: auto; }
            
        /* Navigation */
        #nav > ul > li > a { padding: 10px 0.5em; }
}

@media screen and (max-width: 920px) {
    #nav, #header-nav-primary, #subfooter-nav, #footer-nav { display: none; }
    
    /* Benefits */
        /* Browse */
        .benefits-browse { width: auto; }
        .benefits-browse h2 { display: block; }
        .benefits-browse li { display: block; float: left; margin: 0; width: 50%; }
        .benefits-browse li a { border: 1px solid #ddd; border-width: 0 0 1px 1px; display: block; padding: 0.5em 1em; }
        .benefits-browse ul { border: 1px solid #ddd; border-width: 1px 1px 0 0; display: block; margin-bottom: 15px; overflow: hidden; }
        
        /* Features */
        .benefits-features li { float: none !important; margin: 0 0 15px; width: auto !important; }
        .benefits-features-primary { font-size: 1em; }
        .benefits-features-primary img { margin-bottom: 10px; }
        
        /* Groups */
        .benefits-group { margin-bottom: 30px; padding: 10px; }
        .benefits-header { float: none; margin: 0; padding: 15px; width: auto; }
        .benefits-header .action { margin: 0; }
        .benefits-header > h2 { font-size: 24px; }
        .benefits-header .thumb { float: none; margin: 0 0 5px; width: 100%; }
        
            /* Lists */
            .benefits-list { float: none; padding: 15px; width: auto; }
            .benefits-list .fa-stack { font-size: 14px; margin: 0 0 0 -35px; }
            .benefits-list > li { margin-bottom: 10px; padding: 0 0 0 33px; }
            .benefits-more { margin-left: -35px; }
            .benefits-summary h3 { font-size: 18px; }
        
        /* Search */
        .benefits-search { width: auto; }
        .benefits-search .dedicated-search { padding: 10px; }
        .benefits-search .dedicated-search .txt { font-size: 1em; width: 95%; }
    
        /* Old */
        .benefits .highlight [class *= "call"] { display: block; float: none; margin-left: 0; width: 100%; }
        .benefits [class *= "call"] { float: right; margin: 3px 0 5px 10px; width: 25%; }
        .benefits h2 br { display: none; }
        .benefits .tab-content { border: 0; padding: 0; }
        .benefits .tab-primary, .benefits .tab-secondary { float: none; width: auto; }
        .benefits .tab-secondary { border-top: 1px solid #ddd; padding-top: 20px; }
        .benefits .tabs a { border-bottom-width: 1px; border-radius: 4px; margin: 0 5px 5px 0; padding: 0.7em 0.3em; text-align: center; }
        .benefits .tabs li { width: 50%; }
    
    /* Carousel */
    #carousel, #home-carousel #carousel-slides { height: auto !important; margin: 0; }
    #carousel .carousel-content, #home-carousel .carousel-content { border: 1px solid #ddd; margin-bottom: 20px; position: relative; width: auto; }
    #carousel .overlay, #home-carousel .overlay { background: #fff; border-top: 1px solid #ddd; position: static; }
    #carousel .overlay-content, #home-carousel .overlay-content { padding: 10px; }
    
        /* Home */
        #home-carousel #carousel-nav { display: none; }
        #home-carousel #carousel-slides { float: none; width: auto; }
        #home-carousel .overlay { font-size: 1em; }
    
    /* Header */
    #header { border-bottom: 3px solid #74cbc8; padding: 10px 15px; }
    #header-nav { padding: 8px 15px; }
    #header-nav-secondary { float: left; text-align: left; }
    #header-nav-secondary li { margin: 0 1em 0 0; }
    #header .social { display: none; }
    #logo { float: none; margin: 0; width: 50%; }
    
    /* Property lists (property: value) */
    .props li { margin-bottom: 0.2em; }
    .props strong { display: block; }
    
    /* Tabs */
    .tabs a { font-size: 18px; }
}

@media screen and (max-width: 670px) {
    /* Basics */
    body { background-image: none; }
    h1 { font-size: 24px; width: auto; }
    
    /* Core layout */
    .account-famt .account-primary,
    .account-famt .account-secondary,
    .account-primary,
    .account-secondary,
    .account-summary .account-primary,
    .account-summary .account-secondary,
    .c2l, .c2r, .c3l, .c3m, .c3r, .col4 .col,
    .content-primary,
    .content-secondary,
    .famt-bio .content-primary,
    .famt-bio .content-secondary,
    #home-new-primary,
    #home-new-secondary,
    #home-videos-primary,
    #home-videos-secondary,
    .jobs .content-primary,
    .jobs .content-secondary {
        float: none;
        width: auto;
    }
    
    #content { padding: 15px; }
    #education-secondary { padding-top: 20px; }
    #frame { padding: 0; }
    
        /* Account pages */
    	.account #subheader { border: 0; margin-bottom: 10px; padding: 0; }
    
    /* Columns */
    .flat { margin: 0; }
    
    
    /* Content */
        /* Accounts */
            /* FAMT */
            .account-famt .photo { float: right; margin: 0 0 10px 10px; width: 30%; }
            
            /* Summary */
            .account-summary { padding-left: 0; }
            .account-summary-photo { float: none; margin: 0; text-align: left; width: auto; }
            .account-summary-photo img { display: inline; margin-right: 5px; vertical-align: middle; width: 50px; }
        
        /* Action buttons */
        [class *= "action"] { display: block; font-weight: normal; margin-bottom: 0.3em; padding: 0.5em 5%; text-align: center; width: 89%; }
        
        /* Admin */
        #admin .content-main, #admin .content-sub { float: none; width: auto; }
        #admin .content-sub li { float: left; }
        
        /* Benefits */
        .benefits-header .thumb { float: none; margin: 0 0 5px; width: 100%; }
        
        /* Callouts */
        [class *= "call"] { display: block; float: none !important; margin: 0 0 15px 0; width: auto !important; }
        
        /* Codes of conduct */
        .codes-conduct > li { padding: 10px; }
        
        /* Courses */
        #course-nav { margin-top: 40px; }
        
        /* Dropdowns */
        .dropdown-toggle { display: block; }
        .dropdownmenu { display: block; }
        .dropdownmenu > a { border: 1px solid #ddd; border-radius: 4px; display: block; margin-bottom: 10px; padding: 0.7em 10px; position: relative; }
        .dropdownmenu > a .fa { position: absolute; right: 10px; top: 0.9em; }
        .dropdownmenu .menu { border: 1px solid #dcdff3; border-radius: 6px; padding: 0; top: 42px; width: 100%; }
        .dropdownmenu .menu a { display: block; border-bottom: 1px solid #dcdff3; margin: 0; padding: 0.7em 10px; }
        
        /* Filters */
        #filters { font-size: 16px; padding: 0; }
        #filters .all .col, #filters .panel { float: none; margin: 0; width: auto; }
        #filters h3 { border-bottom: 1px solid #fff; margin: 0; padding: 1.5em 10px 0.7em; }
        #filters .more a, #filters ul a { display: block; border-bottom: 1px solid #fff; margin: 0; padding: 0.7em 10px; }
        #filters hr { display: none; }
        
        /* Find a massage therapist */
            /* Applied filters */
            .applied-filters { margin-bottom: 20px; }
            .applied-filters .close { right: 15px; top: 9px; }
            .applied-filters .filter-type { display: none; }
            .applied-filters li { float: none; margin: 0 0 -1px 0; padding: 0.7em 25px 0.7em 10px; }
            
            /* Availability chart */
            .availability img { width: 12px; }
            .availability td, .availability th { font-size: 10px; }
            
            /* Bios */
            .contact-options { clear: both; display: block; list-style: none; margin: 1.5em 0; }
            .contact-options .btn { display: inline-block; padding: 0.5em 0; text-align: center; width: 100%; }
            .contact-options li { display: inline-block; margin-right: 3%; width: 30%; }
            .famt-bio .highlight { background: none; border: 0; border-radius: 0; padding: 0; }
            .famt-bio .vcard .fn, .famt-bio .vcard h2, .famt-bio .vcard hr { display: none; }
            .famt-bio .vcard .photo { float: right; margin: 0 0 15px 10px; width: 33%; }
            .famt-bio .vcard .tel { font-weight: bold; }
            .send-email { display: none; }
            
            /* Search results */
            .famt-results { border: 1px solid #ddd; }
            .famt-results a { border-bottom: 1px solid #ddd; padding: 10px 10px 15px 95px; }
            .famt-results a:hover { background: none; }
            .famt-results img.thumb { float: left; margin: 1px 0 0 -85px; }
            .famt-results li { margin: 0; }
            .famt-results li:last-child a { border: 0; }
        
        /* Footer */
        #footer { padding: 10 15px; }
        #footer #credit { float: none; margin-bottom: 0.5em; text-align: left; }
        #footer .contact { display: block; margin-top: 0.5em; }
        
            /* Subfooter */
            #subfooter { padding: 0; }
            #subfooter h6 { border: 0; margin: 0; }
            #subfooter .panel { border-top: 1px solid rgba(255, 255, 255, 0.3); float: none; padding: 10px 15px; }
            
            #subfooter #subfooter-primary,
            #subfooter #subfooter-quaternary,
            #subfooter #subfooter-tertiary {
                float: none;
                margin: 0 0 20px;
                width: auto;
            }
            
            #subfooter #subfooter-quaternary { margin: 0; }
            #subfooter #subfooter-secondary { display: none; }
        
        /* Forms */
        .btn { font-weight: normal; }
        
            /* Dedicated search */
            .dedicated-search { margin: 10px 0; padding: 10px; }
            .dedicated-search .btn { padding: 0.5em 3%; text-align: center; width: 94%; }
            .dedicated-search .collapsed.fields p { margin: 0; }
            .dedicated-search .fields p { float: none; margin: 0 0 0.75em; width: auto; }
            .dedicated-search .fields p.submit { margin-top: 0; width: auto; }
            .dedicated-search input { vertical-align: middle; }
            
            /* Definition list-based */
            dl.form dd.field, dl.form dt, dl.form  dt .label { float: none; margin: 0; padding: 0; text-align: left; width: auto; }
            dl.form dt { margin-top: 1em; }
            dl.form dt .label { font-weight: bold; }
            dl.form .fields { width: auto; }
            dl.form .fields p { float: none; width: auto; }
            dl.form .txt { width: 98%; }
            
            /* Field help */
            .field-help { display: block; float: none; width: auto; }
            
            /* Notifications */
            div.alert, div.confirm, div.notice { background-image: none; padding: 15px; }
            
            /* Options */
            .options-h li { display: block; margin-right: 0; padding-left: 25px; text-indent: -25px; white-space: normal; }
            
            /* Progress form */
            #progress-form { padding: 10px; }
            #progress-form dl.form .field { padding: 0; }
            #progress-form dl.form .label { width: auto; }
            #progress-form .form-content, #progress-form .form-nav, #progress-form #nav-wizard { float: none; margin: 0; width: auto; }
            #progress-form .form-nav .current a, #progress-form #nav-wizard .current span { background-image: none; }
            
            /* Table-based */
            table.form, table.form > tbody, table.form > tbody > tr { display: block; width: auto; }
            table.form > tbody > tr { padding-bottom: 1em; }
            table.form > tbody > tr > td, table.form > tbody > tr > th { display: block; padding: 0 0 0.5em; text-align: left; width: auto; }
            
            /* Text boxes */
            .txt, .txt-med { width: 98%; }
            
            /* Search */
            #menu-search { border-bottom: 1px solid rgba(255, 255, 255, 0.3); clear: both; float: none; padding: 0.8em 1.1em; text-align: left; }
            #menu-search .btn { padding: 0.5em 0; width: 23%; }
            #menu-search .txt { width: 66%; }
            #menu-search #search { float: none; }
            
                /* Benefits search */
                #search-benefits .action { margin-bottom: 0; }
            
            /* TinyMCE */
            .mceEditor, .mceEditor > tbody, .mceEditor > tbody > tr { display: block; width: auto; }
            .mceToolbar, .mceToolbar table, .mceToolbar tbody, .mceToolbar td, .mceToolbar tr { display: inline !important; float: left !important; overflow: hidden !important; white-space: normal !important; }
            
            /* Wizard buttons */
            #pWizardButtons .btn-back { margin-left: 0; }
        
        /* Header */
        #header { border-bottom: 3px solid #74cbc8; padding: 10px 15px; }
        #header-nav { padding: 8px 15px; }
        #header-nav-secondary { float: left; text-align: left; }
        #header-nav-secondary .action { width: auto; }
        #header-nav-secondary li { margin: 0 1em 0 0; }
        #header .social { display: none; }
        #logo { float: none; margin: 0; width: 50%; }
        
        /* Highlight boxes */
        .highlight { font-size: 1em; font-weight: normal; margin-bottom: 10px; padding: 10px; }
        
        /* Intro */
        .intro { margin-bottom: 0; }
        .intro .action { font-size: 1em; }
        
        /* Job bank */
        #job-banner { padding: 10px; text-align: right; }
        
        /* Join */
        #join-options { display: block; margin: 20px 0; }
        #join-options > li { display: block; margin-bottom: 10px; padding: 25px 15px; width: auto; }
        #join-options-extra { margin: 0; width: auto; }
        
        /* jQuery UI */
            /* Autocomplete */
            .ui-menu.ui-widget-content { font-size: 14px; }
            .ui-menu.ui-widget-content .mute { font-size: 11px; }
        
        /* Lists */
        .list { border: 1px solid #dcdff3; border-radius: 6px; font-size: 16px; margin-bottom: 15px; overflow: hidden; padding: 0; }
        .list a { display: block; border-bottom: 1px solid #dcdff3; margin: 0; padding: 0.7em 10px; }
        .list .col { float: none; margin: 0; width: auto; }
        .list h3 { border-bottom: 1px solid #dcdff3; margin: 0; padding: 1.5em 10px 0.7em; }
        
        /* Maps */
            /* Mapped results */
            #mapped-results #map { border-radius: 6px; float: none; height: 300px; width: auto; }
            #mapped-results .results { display: none; }
        
        /* Membership management */
        .membership-management img { margin: 3px 0 10px -40px; }
        .membership-management li { clear: both; float: none; padding-left: 40px; width: auto; }
        
        /* MTJ */
            /* Archives */
            .mtj-issues .summaries dd, .mtj-issues .summaries dt { padding-left: 60px; }
            .mtj-issues .summaries dt img { margin-left: -60px; width: 50px; }
        
        /* Officers */
        .officers li { float: none; height: auto; width: auto; }
        
        /* Order summary */
        .order-summary-properties li { display: block; margin-right: 0; }
        
        /* Page tools */
            /* Join pages */
            #share-join { font-size: 15px; }
            #share-join .addthis_default_style .at300b { padding: 10px; }
            #share-join .addthis_toolbox .fa { font-size: 40px; }
        
        /* Property lists (property: value) */
        .props li { margin-bottom: 0.2em; }
        .props strong { display: block; }
        
        /* Subheader */
        #subheader { margin-bottom: 10px; }
        
        /* Tabs */
        .tab-content { border-top-left-radius: 0; padding: 10px; }
        .tabs { margin: 0; }
        .tabs a { font-size: 1em; margin-right: 1px; padding: 0.5em; }
}

.warnbanner {  margin-top:2em; }
    .warnbanner p
    {
        text-align:center;
        margin: 2px auto;
        color:#ff5940;
    }