/* @override
	http://localhost:8888/ck-theme-dev/V01M007/css/V01M007Theme.css
	http://localhost:8888/ck-theme-dev/V01M008/css/V01M008Theme.css
	http://www.practicepattern.com/css/themes/V01M010Theme.css
	http://www.practicepattern.com/css/themes/V01M015Theme.css
*/

/* ---- RESETS ---- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

}

html {
    height: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body,
body.f1 {
    font: 62.5%/1 "Lato", Helvetica, sans-serif;
    background-color: #fff
}

body.simple {
    background-color: #fff;
    margin: 40px;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

blockquote {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-left: 4em;
    padding-left: 1.5em;
    border-left: 3px solid #ccc;
}

/* ---- ERRORS ---- */

#msg-panel {
    background-color: #fff;
    width: 98%;
    max-width: 690px;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(2, 2, 2, .05);
    box-shadow: 2px 2px 4px 0px rgba(2, 2, 2, .05);
    margin: 4em auto 8em;
}

#msg-panel hr {
    height: 1px;
    color: #DDDDDD;
    background-color: #DDDDDD;
    border: 0;
    width: 100%;
}

#msg-panel .heading {
    font-size: 3.2em;
    font-weight: 600;
    background: url(/img/error-tag-generic.png) no-repeat 0 center;
    margin-left: -.1em;
    color: #6f6f7f;
    padding: .6em .2em .6em 1.5em;
}

#msg-panel.notfound .heading {
    background: url(/img/error-tag-question.png) no-repeat 0 center;
}

#msg-panel.denied .heading {
    background: url(/img/error-tag-denied.png) no-repeat 0 center;
}

#msg-panel.maint .heading {
    background: url(/img/error-tag-tools.png) no-repeat 0 center;
}

#msg-panel.check .heading {
    background: url(/img/error-tag-check.png) no-repeat 0 center;
}

#msg-panel .msg-content {
    padding: 2em 4em 2em 5.5em;
}

#msg-panel .msg-content p {
    color: #676767;
    font-size: 1.7em;
    line-height: 1.4em;
    margin-bottom: 1em;
}

#msg-panel .msg-content p.action-link {
    font-size: 1.6em;
}

#page-wrap.site .msg-content a:link, .msg-content a:visited {
    text-decoration: underline;
    color: #0B7DB8;
}

/* ---- FORMS ---- */

section#inside-content-block form {
    margin-top: 30px;
    margin-bottom: 30px;
}

textarea {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

fieldset.col {
    float: left;
    width: 48%;
    margin-right: 2%;
}

fieldset legend {
    font-weight: 600;
    font-size: 1.8em;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #333;
}

.nolabel {
    display: none;
}

form label, form p.form-label {
    font-size: 1.4em;
    margin-left: 2px;
    display: block;
    margin-bottom: 6px;
    color: #494949;
    font-weight: 600;
}

form label.checkbox {
    font-weight: normal;
    font-style: normal;
}

form div.row {
    margin-bottom: 18px;
    margin-top: 20px;
}

form p.form-help {
    font-style: italic;
    margin-left: 1px;
    margin-bottom: 7px;
    margin-top: -5px;
    color: #717171;
    font-size: 1.1em;
}

form fieldset.col {
}

form input.form-text,
form textarea, form input.form-text.locked {
    display: block;
    width: 96%;
    padding: 7px;
    font-size: 1.4em;
    color: #404040;
    border: 1px solid #c7c7c7;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

form input.form-text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

form input.form-text.no-width {
    width: inherit;
}

form input.form-text:focus {
    border: 1px solid #ccc;
    background: #fff;
}

form input.form-text.locked, form input.form-text.locked:focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0);
    border: none;
    background: #E2E2E2 url(/img/form-locked-field-icon.gif) no-repeat 10px center;
    padding-left: 30px;
    width: 75%;
}

form textarea {
    height: 150px;
}

form select {
    min-width: 25%;
    margin: 0;
}

button {
    border-style: none;
    background: none;
}

form input.form-text.field-search {
    background: #fff url(/img/icon-form-search-field.gif) no-repeat 96% center;
    padding-right: 29px;
}

form input.form-text.dollar {
    background: #fff url(/img/icon-dollar.png) no-repeat 7px center;
    padding-left: 25px;
}

form input.form-text.date {
    background: #fff url(/img/icon-calendar.png) no-repeat 7px center;
    padding-left: 28px;
}

form input.med {
    padding: 5px;
}

/* Special cases */

#inbox-message-thread form input.form-text,
#inbox-message-thread form textarea, #inbox-message-thread form input.form-text.locked {
    width: 95%;
}

form input.form-text.field-short-inline {
    width: 200px;
    float: left;
    margin-right: 10px;
}

/* Default Button */

button {
    background: #f5f5f5; /* Old browsers */

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e7e7e7)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* IE10+ */

    background: linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e7e7e7', GradientType=0); /* IE6-8 */


    border: 1px solid #bebebe;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    /*text-shadow: #3c6390 0 -1px 0;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.4em;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(5, 5, 5, .1);
    box-shadow: 1px 1px 0px 0px rgba(3, 3, 3, .1);
    padding-top: 2%;
    padding-bottom: 2%;
}

button:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    top: .08em;
}

input.submit-button {
    background: #f5f5f5; /* Old browsers */

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e7e7e7)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* IE10+ */

    background: linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e7e7e7', GradientType=0); /* IE6-8 */


    border: 1px solid #bebebe;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    /*text-shadow: #3c6390 0 -1px 0;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.3em;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(5, 5, 5, .1);
    box-shadow: 1px 1px 0px 0px rgba(3, 3, 3, .1);
    padding: 1.5% 3%;
}

input.submit-button:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    top: .08em;
}


/* Sidebar Button */

button.sidebar-big-button {
    background: #f5f5f5; /* Old browsers */

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e7e7e7)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* IE10+ */

    background: linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e7e7e7', GradientType=0); /* IE6-8 */


    border: 1px solid #bebebe;
    width: 80%;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    /*text-shadow: #3c6390 0 -1px 0;*/
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 1.4em;
    margin-left: 9%;
    margin-top: 11px;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(5, 5, 5, .1);
    box-shadow: 1px 1px 0px 0px rgba(3, 3, 3, .1);
    padding-top: 2%;
    padding-bottom: 2%;
}

button.sidebar-big-button:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Blue Button */

button.blue {
    background: #1CB7E4; /* Old browsers */
    background: -moz-linear-gradient(top, #1CB7E4 0%, #0c8dc9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1CB7E4), color-stop(100%, #0c8dc9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1CB7E4 0%, #0c8dc9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1CB7E4 0%, #0c8dc9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1CB7E4 0%, #0c8dc9 100%); /* IE10+ */
    background: linear-gradient(top, #1CB7E4 0%, #0c8dc9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1CB7E4', endColorstr='#0c8dc9', GradientType=0); /* IE6-9 */

    border: 1px solid #5688ba;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-shadow: #3c6390 0 -1px 0;
    min-width: 150px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 1.6em;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(5, 5, 5, .1);
    box-shadow: 1px 1px 1px 0px rgba(3, 3, 3, .2);
    padding-top: .5em;
    padding-bottom: .5em;
}

button.blue:hover {
    background: #40d3f6; /* Old browsers */

    background: -moz-linear-gradient(top, #40d3f6 0%, #2ca4e8 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #40d3f6), color-stop(100%, #2ca4e8)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #2BC1E9 0%, #2399DC 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #40d3f6 0%, #2ca4e8 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #40d3f6 0%, #2ca4e8 100%); /* IE10+ */

    background: linear-gradient(top, #40d3f6 0%, #2ca4e8 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40d3f6', endColorstr='#2ca4e8', GradientType=0); /* IE6-9 */
}

button.blue:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Green Button */

button.green {
    background: #B3D72D;
    background: -moz-linear-gradient(top, #B3D72D 0%, #93C623 5%, #7CBA1D 51%, #6AB119 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B3D72D), color-stop(5%, #93C623), color-stop(51%, #7CBA1D), color-stop(100%, #6AB119));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3D72D', endColorstr='#6AB119', GradientType=0); /* ie */
    border: 1px solid #467700;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 40px;
    text-shadow: 0px -1px 0px #55980d;
    min-width: 150px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.6em;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(5, 5, 5, .1);
    box-shadow: 1px 1px 0px 0px rgba(3, 3, 3, .1);
    padding-top: .5em;
    padding-bottom: .5em;
}

button.green:hover {
    background: #B8E02F;
    background: -moz-linear-gradient(top, #B8E02F 0%, #9BD325 5%, #85C920 51%, #76C21C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B8E02F), color-stop(5%, #9BD325), color-stop(51%, #85C920), color-stop(100%, #76C21C));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B8E02F', endColorstr='#76C21C', GradientType=0); /* ie */
}

button.green:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

button.med {
    font-size: 1.2em;
    padding: 6px;
    min-width: 60px;
}

button.sm {
    font-size: .9em;
    padding: 3px;
    min-width: 50px;
}

button[disabled="disabled"],
button[disabled="disabled"]:hover,
button[disabled="disabled"]:active {
    color: #a2a2a2;
    text-shadow: none;
    border-color: #c3c3c3;
    background: -moz-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d0d0), color-stop(100%, #d0d0d0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%); /* IE10+ */
    background: linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#d0d0d0', GradientType=0); /* IE6-9 */
    -webkit-box-shadow: none;
    box-shadow: none;
    position: inherit;
    cursor: default;
}

/* Errors */

label.error {
    color: #831d14;
}

.form-text.error {
    border: 1px solid #FF3333;
}

.form-error {
    color: #B81809;
    font-size: 1.2em;
}

.form-bg-wrap {
    background-color: #F7F7F7;
    border: 1px solid #E3E3E3;
    padding: .7em;
    width: 100%;
}

/* Basic Form Error Styling */

form .error label {
    color: #B81809;
}

form .error input.form-text,
form .error textarea,
form .error input.form-text.locked,
form .error input.form-url {
    border: 1px solid #B81809;
}

form .error .error-description {
    margin-top: .5em;
    color: #B81809;
    font-size: 1.2em;
}

.form-bg-wrap {
    background-color: #F7F7F7;
    border: 1px solid #E3E3E3;
    padding: .7em;
    width: 100%;
}


/* iPhone Style Checkbox */

.iPhoneCheckContainer {
    -webkit-transform: translate3d(0, 0, 0);
    position: relative;
    height: 22px;
    cursor: pointer;
    overflow: hidden;
}

.iPhoneCheckContainer input {
    position: absolute;
    top: 5px;
    left: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.iPhoneCheckContainer label {
    white-space: nowrap;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    /*font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;*/
    cursor: pointer;
    display: block;
    height: 22px;
    position: absolute;
    width: auto;
    top: 0;
    padding-top: 2px;
    overflow: hidden;
}

.iPhoneCheckContainer, .iPhoneCheckContainer label {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.iPhoneCheckDisabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

label.iPhoneCheckLabelOn {
    color: #006600;
    background: url('../img/iphone-style-checkboxes/on.png') no-repeat;
    /*text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);*/
    left: 0;
    padding-top: 3px;
}

label.iPhoneCheckLabelOn span {
    padding-left: 10px;
}

label.iPhoneCheckLabelOff {
    color: #323232;
    background: url('../img/iphone-style-checkboxes/off.png') no-repeat right 0;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
    text-align: right;
    right: 0;
}

label.iPhoneCheckLabelOff span {
    padding-right: 10px;
}

.iPhoneCheckHandle {
    display: block;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: url('../img/iphone-style-checkboxes/slider_left.png') no-repeat;
    padding-left: 3px;
}

.iPhoneCheckHandleRight {
    height: 100%;
    width: 100%;
    padding-right: 4px;
    background: url('../img/iphone-style-checkboxes/slider_right.png') no-repeat right 0;
}

.iPhoneCheckHandleCenter {
    height: 100%;
    width: 100%;
    background: url('../img/iphone-style-checkboxes/slider_center2.png');
}

.iOSCheckContainer {
    position: relative;
    height: 27px;
    cursor: pointer;
    overflow: hidden;
}

.iOSCheckContainer input {
    position: absolute;
    top: 5px;
    left: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.iOSCheckContainer label {
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    cursor: pointer;
    display: block;
    height: 27px;
    position: absolute;
    width: auto;
    top: 0;
    padding-top: 5px;
    overflow: hidden;
}

.iOSCheckContainer, .iOSCheckContainer label {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.iOSCheckDisabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

label.iOSCheckLabelOn {
    color: white;
    background: url('../img/ios-style-checkboxes/on.png?1284697268') no-repeat;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    left: 0;
    padding-top: 5px;
}

label.iOSCheckLabelOn span {
    padding-left: 8px;
}

label.iOSCheckLabelOff {
    color: #8b8b8b;
    background: url('../img/ios-style-checkboxes/off.png?1284697268') no-repeat right 0;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
    text-align: right;
    right: 0;
}

label.iOSCheckLabelOff span {
    padding-right: 8px;
}

.iOSCheckHandle {
    display: block;
    height: 27px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: url('../img/ios-style-checkboxes/slider_left.png?1284697268') no-repeat;
    padding-left: 3px;
}

.iOSCheckHandleRight {
    height: 100%;
    width: 100%;
    padding-right: 3px;
    background: url('../img/ios-style-checkboxes/slider_right.png?1284697268') no-repeat right 0;
}

.iOSCheckHandleCenter {
    height: 100%;
    width: 100%;
    background: url('../img/ios-style-checkboxes/slider_center.png?1284697268');
}


/* ---- SETUP ---- */
.clearboth {
    clear: both;
}

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

a:link, a:visited {
    text-decoration: underline;
    color: #0B7DB8;
}

a:hover {
    text-decoration: none;
    color: #0B7DB8;
}

a .over_dim {
    opacity: 1;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 200ms;
}

a:hover .over_dim {
    opacity: .8;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 200ms;
}

img {
    border-style: none;
}

.hr-1 {
    height: 1px;
    color: #CCCCCC;
    background-color: #CCCCCC;
    border: 0;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
}

.dev-note {
    background-color: #ffede3;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 10px 3px;
    color: #ff4644;
    font-size: 1.4em;
    font-weight: bold;
    border: 1px solid #ffc4ae;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Nice transitions for media quries */
h1, h2, h3, h4, h5, #main-header, #main-header, #logo {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

/* Regular Tables */

thead th {
    padding: 8px;
    font-size: 1.2em;
    font-weight: 600;
    background-color: #e1e1e1;
    border: 1px solid #b5b5b5;
}

thead td,
thead tr {
    background-color: #e1e1e1;
    padding: 10px 5px 10px 10px;
    font-weight: bold;
    font-size: 1.3em;
}

tbody tr td {
    font-size: 1.3em;
    border: 1px solid #b5b5b5;
    padding: 10px 5px 10px 10px;
    box-sizing: border-box;
}

thead,
thead tr,
thead td {
    border: 1px solid #b5b5b5;
}

/* Borderless Tables */

table.table-borderless thead th {
    font-size: 1.2em;
    font-weight: 600;
    background-color: transparent;
    padding: 8px;
}

table.table-borderless tbody tr td {
    font-size: 1.3em;
    border: none;
    padding: 10px 5px 10px 10px;
    box-sizing: border-box;
}

table.table-borderless thead,
table.table-borderless thead tr,
table.table-borderless thead td {
    background-color: transparent;
    border: 0px solid #b5b5b5;

}

.boxfix {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/* ---- HEADER --- */

#header {
    height: 160px;
}

.home #header {
    height: 160px;
    background-color: #fff;
}

#header img.bg {
    top: 0;
    width: 100%;
    /*z-index: -99999;*/
}

#header {
    height: 160px;
    background: #fff;
}

#header-inner {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    /*padding-top: 4.5em;*/
    padding: 0px 20px;
}

#practice-header-logo {
    height: 160px;
    line-height: 160px;
    float: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

#practice-header-logo img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 80%;
}

#header .practice-name {
    font: 2.2em 'Lato', sans-serif;
    text-align: center;
    float: left;
    color: #655352;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-font-smoothing: antialiased;
    margin-top: 3.1em;
}

#header .practice-name a:link,
#header .practice-name a:visited {
    text-decoration: none;
    color: inherit;
}

#header .practice-tagline {
    padding-top: 1em;
    font: 1.3em 'Enriqueta', sans-serif;
    float: right;
    color: #8c8c8c;
    padding-bottom: 1em;
    padding-left: 1em;
    margin-top: 4.8em;
}

#header #header-custom-content-div {
    float: right;
    margin-top: 6em;
    font-size: 1.2em;
    max-width: 25%;
}

/* ---- NAV --- */

#nav-wrap {
    /*top: 322px;*/
    background: #FAFBFC; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    -webkit-box-shadow: 0px 3px 4px 0px rgba(9, 9, 9, .01);
    box-shadow: 0px 3px 4px 0px rgba(9, 9, 9, .01);
    border-top: 1px solid #eee;

}

body.default #nav-wrap {
    -webkit-box-shadow: 2px 2px 2px 0px rgba(9, 9, 9, .04);
    box-shadow: 2px 2px 2px 0px rgba(9, 9, 9, .04);
    border-bottom: 1px solid #d5d5d5;
}

/* menu icon */
#menu-icon {
    display: none;
    font-size: 1.3em;
    padding-right: .8em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    text-shadow: #fff 0 1px 0;
    padding-left: 45px;
}

/* Main menu settings */
#nav-wrap {
    clear: both;
    float: left;
    margin: 0;
    width: 100%; /* Menu font */
    z-index: 1000; /* This makes the dropdown menus appear above the page content below */
    position: relative;
    /*padding: 2em 0;*/
}

/* Top menu items */
#nav-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    position: relative;
    right: 50%;

}

/*#nav-wrap #nav-container span {
	background-color: blue;
	display: block;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}*/

#nav-wrap ul li {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
    border-right: 1px solid #d4d4d4;
}

#nav-wrap #nav-container {
    background-color: transparent;
}

#nav-wrap #nav-container span {
    display: block;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;

}

/* Menu items styling */

#nav-wrap ul li {
    margin: 1.5em 0;
}

#nav-wrap ul li a {
    display: block;
    line-height: 1em;
    text-decoration: none;
    color: #333;
    font: 500 1.4em "Raleway", Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*padding: .3em 24px;*/
    padding: .7em 24px;
    /*position: relative;*/
    transition: all .1s linear;
    -o-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
}

#nav-wrap ul li.active a {
    color: #252525;
    font-weight: 700;
}

#nav-wrap ul li a:hover {
    color: #5386a2;
}

#nav-wrap ul li:hover a,
#nav-wrap ul li.hover a { /* This is required to maintain the hover state while the subnav is visible */
    color: #8a7a6f;
}

#nav a.first {
    /*padding-left: 2em;*/
    /*-webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;*/
}

#nav a.last {
    border-right: none;
    /*padding-right: 2em;*/
    /*-webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;*/
}

/* Submenu items */
#nav-wrap ul ul {
    display: none; /* Sub menus are hiden by default */
    position: absolute;
    left: 0;
    right: auto; /*resets the right:50% on the parent ul */
    width: 150px;
    top: 3em;
    z-index: 999;
    padding-left: 10px;

}

#nav-wrap ul ul li {
    left: auto; /*resets the left:50% on the parent li */
    margin: 0; /* Reset the 1px margin from the top menu */
    clear: left;
    width: 100%;
}

#nav-wrap ul ul li a,
#nav-wrap ul li.active li a,
#nav-wrap ul li:hover ul li a,
#nav-wrap ul li.hover ul li a { /* This line is required for IE 6 and below */
    font-family: "Open Sans";
    font-size: 1.2em;
    letter-spacing: inherit;
    font-weight: 600;
    text-transform: none;
    background: #fafbfc;
    color: #333;
    line-height: 1.3em; /* overwrite line-height value from top menu */
    display: block;
    width: inherit;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(5, 5, 5, .1);
    box-shadow: 2px 2px 4px 0px rgba(3, 3, 3, .1);
    border-bottom: 1px solid #d4d4d4;
    border-top: none;
    padding-top: 1em;
    position: relative;
}

#nav-wrap ul ul li a:hover,
#nav-wrap ul li.active ul li a:hover,
#nav-wrap ul li:hover ul li a:hover,
#nav-wrap ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
    background: #eeeff0;
    color: #8a7a6f;
    top: 0px;

}

/* Flip the last submenu so it stays within the page */
#nav-wrap ul ul.last {
    left: auto; /* reset left:0; value */
    right: 0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#nav-wrap ul li:hover ul,
#nav-wrap ul li.hover ul { /* This line is required for IE 6 and below */
    display: block; /* Show the sub menus */
}

#nav-wrap ul a {
    white-space: normal; /* Stop text wrapping and creating multi-line dropdown items */
}

/* Hide 3rd level nav */

#nav-wrap ul ul ul li {
    display: none;
}

/* ---- LAYOUT --- */

#outer-wrap {
    /*max-width: 940px;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: gray;
    background: url(/img/themes/V01M015/arrow-tile-bg.png) repeat left top;
}

#inner-wrap {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(9, 9, 9, .04);
    box-shadow: 0px 0px 4px 2px rgba(9, 9, 9, .04);
    background-color: #fff;
}

#page-wrap {
    padding-top: 6em;
}

body.default #page-wrap {
    padding-top: 3em;
}

#content-wrap {
    max-width: 960px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 6em;
}

#outer-wrap.inside #content-wrap {
    max-width: 1060px;
}

/* Images in the copy area */

#content-wrap img {
    max-width: 100%;
    height: auto !important;
}

#content-wrap p img {
    margin-bottom: 5px;
}

#content-wrap hr {
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    border: 0;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;

}

/* Banner */

#main-banner {
    text-align: center;
    background: url(/img/themes/V01M015/V01M015-home-img.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 460px;
    width: 100%;
    position: relative;
}

#main-banner #banner-text-overlay h2 {
    margin: 0px;
    padding: 0px;
    color: #333;
    font-weight: 200;
    font-size: 50px;
    font-family: 'Raleway', sans-serif;
    /*text-align: left;*/
    margin-left: 15%;
}

#main-banner #banner-text-overlay h3 {
    font-weight: normal;
    font-size: 20px;
    font-family: "Enriqueta";
    color: #5C5051;
    font-weight: 200;
    margin-top: -.2em;
    /*text-shadow: #eaf4cf 0 1px 0;*/
    /*text-align: left;*/
    margin-left: 15%;
}

/*.primary-homepage-image {
	width: 100%;
	max-height: 500px;
	text-align: center;
	position: relative;
}

.primary-homepage-image img {
	width: 100%;
}*/

/*#main-banner #banner-text-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	max-height: 475px;
}

#main-banner #banner-text-overlay h2 {
	margin:0px;
	padding:0px;
	color:#333;
	line-height:44px;
	font-weight:300;
	font-size:46px;
	font-family: 'Raleway', sans-serif;
}

#main-banner #banner-text-overlay h3 {
	font-weight: normal;
	font-size: 3.1em;
	font-family: "Lato";
	color: #5C5051;
	font-weight: 200;
	margin-top: -.5em;
	text-shadow: #eaf4cf 0 1px 0;
}*/

/*Feature Content*/
#feature-content {
    max-width: 840px;
    width: 96%;
    text-align: center;
    font: normal 2.8em/1.3em "Enriqueta";
    margin: 1em auto .8em;
    color: #4e4e4e;
    text-shadow: #fff 0 1px 0;
}

#feature-content hr {
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    border: 0;
    width: 100%;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);
    margin-top: 1.5em;
}

#upper-content-area {
    background-color: #fff;
    text-align: center;
    padding: 4em;
}

section#homepage-intro-content-block {
    width: 100%;
    margin-top: 2.5em;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 2em;
    margin-bottom: 4em;
}

section#homepage-intro-content-block p {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

section#homepage-content-block {
    /*padding: 20px;*/
    float: left;
    width: 58%;
    margin-left: 1em;
    border-right: 1px solid #ddd;
    padding-right: 60px;
}

section#inside-content-block {
    float: left;
    width: 58%;
    margin-top: .5em;
    margin-left: 1em;
    border-right: 1px solid #ddd;
    padding-right: 60px;
    position: relative;
}


section#homepage-content-block p,
section#inside-content-block p,
section#homepage-content-block ul,
section#inside-content-block ul,
section#homepage-content-block ol,
section#inside-content-block blockquote,
section#homepage-content-block blockquote {
    color: #656565;
    font: 1.4em/1.4em "Open Sans", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}

section#homepage-content-block figcaption,
section#inside-content-block figcaption {
    color: #656565;
    font: 1em "Open Sans", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: italic;
}


section#homepage-content-block ul,
section#inside-content-block ul,
section#homepage-content-block ol,
section#inside-content-block ol,
article.blog-entry .blog-entry-body ul,
.blog article.blog-entry .blog-entry-body ul
article.blog-entry .blog-entry-body ol,
.blog article.blog-entry .blog-entry-body ol {
    /*	margin-left: 2.5em;
        margin-bottom: 1em;
        margin-top: 1em;
    */
    margin-left: 18px;
    margin-bottom: 7px;
    margin-top: 5px;
}

li .entry-lower-information {
    margin-left: -18px;
}

section#homepage-content-block ul,
section#inside-content-block ul,
article.blog-entry .blog-entry-body ul,
.blog article.blog-entry .blog-entry-body ul {
    list-style-type: disc;
    list-style-image: url(/img/simple-bullet-gray.png);
}

section#homepage-content-block ul.list-bullet-square,
section#inside-content-block ul.list-bullet-square {
    list-style-image: none;
    list-style-type: square;
}

section#homepage-content-block ol,
section#inside-content-block ol,
article.blog-entry .blog-entry-body ol,
.blog article.blog-entry .blog-entry-body ol {
    list-style-type: decimal;
}

section#homepage-content-block li,
section#inside-content-block li,
section#homepage-content-block li li,
section#inside-content-block li li,
section#homepage-content-block li li li,
section#inside-content-block li li li,
article.blog-entry .blog-entry-body li,
.blog article.blog-entry .blog-entry-body li,
article.blog-entry .blog-entry-body li li,
.blog article.blog-entry .blog-entry-body li li,
article.blog-entry .blog-entry-body li li li,
.blog article.blog-entry .blog-entry-body li li li {
    margin-bottom: 7px;
    font: 14px/1.5em "Open Sans", Helvetica, sans-serif;
}

section#homepage-content-block blockquote p,
section#inside-content-block blockquote p {
    font-size: 1em;
    font-style: italic;
}

p.highlight, .redactor-editor p.highlight {
    font-size: 2.2em;
    color: #585866;
    line-height: 1.4em;
    font-weight: 100;
    font-family: "Enriqueta";
}

section#homepage-content-block p.highlight, .redactor-editor p.highlight {
    font-size: 2.2em;
    color: #b2b21c;
    line-height: 1.4em;
    font-weight: 100;
    font-family: "Enriqueta";
    -webkit-font-smoothing: auto;
}

section#inside-content-block p.highlight, .redactor-editor p.highlight {
    font-size: 1.9em;
    color: #b2b21c;
    line-height: 1.5em;
    font-family: "Enriqueta";
    -webkit-font-smoothing: auto;
}

hr.heading-rule {
    display: none;
    height: 1px;
    color: #CCCCCC;
    background-color: #DDDDDD;
    border: 0;
    width: 100%;
    position: relative;
    top: 80px;
    max-width: 960px;
}

.home aside.primary-sidebar {
    float: right;
    width: 30%;
    text-align: center;

}

#page-wrap.site.inside aside.primary-sidebar {
    float: right;
    width: 30%;
    /*margin-right: 70px;*/
    margin-top: 26px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    margin-left: 1em;
    text-align: center;
}

home aside.primary-sidebar .sidebar-wrap, #page-wrap.site.inside aside.primary-sidebar .sidebar-contact-wrap {
    background-color: #fff;
    padding: 20px;
}

.home aside.primary-sidebar .sidebar-contact-wrap {
    padding: 20px;
    /*background-color: #FAFBFC;*/
}

#page-wrap.site.inside aside.primary-sidebar .sidebar-contact-wrap {
    padding: 20px;
    /*background-color: #FAFBFC;*/
}

.primary-sidebar #sidebar-custom-content-div {
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 1.5em;
}

.primary-sidebar img.circle {
    width: 106px;
    height: 106px;
    overflow: hidden;
    border-radius: 53px;
    margin: 0 auto 20px;
}

.home aside.primary-sidebar .sidebar-contact-inner-wrap,
#page-wrap.site.inside aside.primary-sidebar .sidebar-contact-inner-wrap {
    background-color: #fff;
    padding: 25px 20px;
    font-size: 1.1em;
    border: 1px solid #eee;
}

.home aside.primary-sidebar .sidebar-img-primary,
#page-wrap.site.inside aside.primary-sidebar .sidebar-img-primary {
    background: #fff;
}

.primary-sidebar .sidebar-heading {
    color: #333;
    font-weight: bold;
    margin-bottom: .5em;
    text-transform: uppercase;
    font-size: 1.15em;
    letter-spacing: 1px;
}

.primary-sidebar .sidebar-subheading {
    font-size: 1.4em;
    color: #333;
    font-weight: lighter;
}

.primary-sidebar h1 {
    font-family: "Open Sans";
    font-size: 1.6em;
    font-weight: bold;
    font-weight: 700;
    color: #3F3F51;
    letter-spacing: inherit;
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    text-transform: none;
}

.primary-sidebar h2 {
    font-family: "Open Sans";
    font-size: 1.3em;
    font-weight: 300;
    font-style: italic;
    color: #777;
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    margin-top: 2px;
}


.primary-sidebar p {
    margin-bottom: 1em;
}

.primary-sidebar .contact-info {
    padding-top: 1em;
}

.primary-sidebar .practitioner-name {
    font-size: 2.4em;
    margin-bottom: .5em;
    font-weight: 200;
    color: #0F0F1E;
}

.primary-sidebar .phone {
    font-size: 1.3em;
    font-weight: bold;
    color: #66C099;
    margin-bottom: 0;
    padding-bottom: .5em;
}

.primary-sidebar .email {
    font-size: 1.3em;
    margin-bottom: .6em;
    padding-bottom: .5em;
}

.primary-sidebar .email a:link,
.primary-sidebar .email a:visited {
    color: #333;
}

.primary-sidebar .street-address {
    font-family: "Enriqueta";
    font-size: 1.1em;
    color: #494949;
    margin-bottom: .6em;
    padding-bottom: .5em;
}

.primary-sidebar .street-address p {
    margin-bottom: .3em;
    font-size: 1.1em;
}

.primary-sidebar #mapviewer {
    margin-top: 2em;
}

.primary-sidebar #mapviewer iframe {
    width: 100%;
}

.primary-sidebar ol li {
    list-style: decimal;
}

.primary-sidebar ul li {
    list-style: disc;
}

/* Sidebar subnav */

.primary-sidebar .sidebar-subnav-wrap {
    background-color: #fff;
    border: 1px solid #DDDDDD;
    margin-bottom: 1em;
}

.primary-sidebar .sidebar-subnav-wrap ul li {
    list-style: none;
}

.primary-sidebar .sidebar-subnav-wrap ul li a:link,
.primary-sidebar .sidebar-subnav-wrap ul li a:visited {
    display: block;
    font-family: "Raleway";
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4em;
    text-align: left;
    letter-spacing: 1px;
    text-shadow: #ffffff 0 1px 0;
    color: #717587;
    border-bottom: 1px solid #DDDDDD;
    padding: .8em 20px;
    text-decoration: none;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0); /* IE6-8 */
}

.primary-sidebar .sidebar-subnav-wrap ul li a:hover {
    color: #444;
}

.primary-sidebar .sidebar-subnav-wrap ul ul li a:link,
.primary-sidebar .sidebar-subnav-wrap ul ul li a:visited {
    display: block;
    font-family: "Open Sans";
    letter-spacing: normal;
    font-size: 1.3em;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
    color: #3B87A4;
    padding: .8em 30px;
    border-bottom: 1px solid #DDDDDD;
    background: transparent;
}

.primary-sidebar .sidebar-subnav-wrap ul ul li a.active {
    color: #414351;
    cursor: default;
    background: #FAFBFC url(/img/subnav-arrow-sm.gif) no-repeat 20px 13px;
}

.primary-sidebar .sidebar-subnav-wrap ul ul li a:hover {
    color: #414351;
}

#lower-wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    /*background: #E1E1E1 url(/img/V01M001-lower-shadow.png) no-repeat center top;*/
}

#highlight-link-bar {
    /*width: 96%;*/
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    /*font-family: "Open Sans";*/
    line-height: 1.2em;
    color: #1c1c1c;
    background-color: #fafbfc;
    border-bottom: 1px solid #eaebec;
}

#highlight-link-bar a:link,
#highlight-link-bar a:visited {
    color: inherit;
}

#highlight-link-bar ul li {
    float: left;
    width: 27.2%;
    border-left: 1px solid #DDDDDD;
    padding: 6em 3% 4em;
}

#highlight-link-bar ul li:first-child {
    border-left: none;

}

#highlight-link-bar ul li.last {
    margin-right: 0%;
}

#highlight-link-bar .wrap {
    display: inline-block;
    padding: 0% 2% 0% 90px;
    position: relative;
}

#highlight-link-bar h2 {
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: bold;
    font-weight: 700;
    letter-spacing: 0px;
    margin-bottom: 5px;
    margin-top: 0;
    color: #0E0E1E;
    text-transform: uppercase;
}

#highlight-link-bar h2 a:link,
#highlight-link-bar h2 a:visited {
    color: inherit;
    text-decoration: none;
}

#highlight-link-bar img.box-img {
    margin-bottom: 10px;
    max-width: 100%;
    position: absolute;
    left: 0;
}

#highlight-link-bar .box-description a:link,
#highlight-link-bar .box-description a:visited {
    color: inherit;
}

#highlight-link-bar a.button:link, #highlight-link-bar a.button:visited {
    display: inline-block;
    background-color: #fafbfc;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: "Open sans";
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    color: #AAAAAA;
    text-transform: uppercase;
    padding: 1em 3em;
    margin-top: 2em;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

#highlight-link-bar a.button:hover {
    background-color: #fff;
    color: #686868;
}


/* Panels */

.panel-1 {
    border: 1px solid #E3E0DC;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(5, 5, 5, .1);
    box-shadow: 1px 1px 0px 0px rgba(3, 3, 3, .1);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
}

.panel-2 {
    border: 1px solid #E3E0DC;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #F7F6F4;
}

/* ---- BLOG --- */

#page-wrap.blog {
    padding-top: 3em;
}

section#blog-content-block {
    float: left;
    width: 64%;
    margin-top: 0em;
    margin-right: 3.4%;
    position: relative;
    min-height: 250px;
}

.blog article.blog-entry {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 3.5em;
}

p.currentcategorytag-header {
    font-size: 1.7em;
    font-weight: 600;
    margin-top: 15px;
}


.blog article.blog-entry header h3 {
    font-weight: 600;
    margin-bottom: 0em;
}

.blog article.blog-entry header h3 a:link, .blog article.blog-entry header h3 a:visited {
    text-decoration: none;
    color: inherit;
}

.blog article.blog-entry header h3 a:hover {
    border-bottom: 1px solid #7e7e7e;
}

#comment-thanks-div h4 {
    color: red;
}

.blog article.blog-entry header ul.header-date-comments {
    margin-bottom: 1.5em;
    font-size: .9em;
    color: #5f5f5f;
}

.blog article.blog-entry header ul.header-date-comments li {
    display: inline-block;
}

.blog article.blog-entry header ul.header-date-comments li a:link,
.blog article.blog-entry header ul.header-date-comments li a:visited {
    color: inherit;
}

.blog article.blog-entry header ul.header-date-comments li.entry-date {
    margin-right: 5px;
}

.blog article.blog-entry header ul.header-date-comments li.entry-comment-count {
    padding-left: 8px;
    border-left: 1px solid #ccc;
}

.blog article.blog-entry .blog-entry-image {
    margin-bottom: 1em;
}

.blog article.blog-entry .entry-lower-information {
    margin-top: 2em;
    padding-top: .5em;
    border-top: 1px solid #e2e2e2;
}

.blog article.blog-entry .entry-lower-information .comments-for-entry {
    margin-bottom: 1em;
}

.blog article.blog-entry .categories-for-entry h4,
.blog article.blog-entry .tags-for-entry h4 {
    font-size: 12px;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    color: #6e6e6e;
}

.blog article.blog-entry .categories-for-entry ul,
.blog article.blog-entry .tags-for-entry ul {
    display: inline-block;
}

.blog article.blog-entry .categories-for-entry ul li,
.blog article.blog-entry .tags-for-entry ul li {
    display: inline-block;
    font-size: 12px;
}

.blog .pagination .pagination-label {
    display: inline-block;
    padding: .3em;
    font-size: 1.4em;
    margin: 0 0px 0 0;
    color: #6d6d6d;
}

.blog .pagination ul {
    display: inline-block;
}

.blog .pagination ul li {
    display: inline-block;
    padding: .4em;
    font-size: 1.4em;
    text-align: center;
    min-width: 13px;
    -webkit-border-radius: 1px;
    border-radius: 2px;
}

.blog .pagination ul li a:link,
.blog .pagination ul li a:visited {
    color: inherit;
}

.blog .pagination ul li.active {
    background-color: #fff;
}

/*Single Entry*/

.blog.single-entry {
    padding-bottom: 3em;
}

.blog.single-entry article.blog-entry {
    margin-bottom: 0;
}

.blog.single-entry article.blog-entry .blog-entry-body {
    line-height: 1.9em;
    margin-bottom: 6em;
}

.blog.single-entry .comments {

    background-color: #f8f8f8;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(3, 3, 3, .0);
    box-shadow: 1px 1px 3px 0px rgba(2, 2, 2, .1);
}

.blog.single-entry .comment {
    padding: 1.8em;
    border-top: 1px solid #cfcfcf;
}

.blog.single-entry h4.comments-heading {
    margin: 0;
    background-color: #efefef;
    padding: .8em 1em;
    font-size: 1.4em;

}

.blog.single-entry .comment .comment-author {
    font-weight: 600;
    font-size: 1.1em;
    color: #828282;
    margin-bottom: .1em;
}

.blog.single-entry .comment .comment-date {
    font-size: 12px;
    color: #797979;
    margin-top: .4em;
}

.blog.single-entry .comment .comment-content {
    font-size: 1.1em;
}

.blog.single-entry .add-comment-form-div {
    margin-top: 0;
    background-color: #fff;
    padding: .1em 1.5em 1.5em;
}

.blog.single-entry .comments a.add-comment-link,
.blog.single-entry .comments a.add-comment-link:visited {
    display: block;
    padding: 2em;
    font-size: 1.3em;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    transition: all .1s linear;
    -o-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
}

.blog.single-entry .comments a.add-comment-link:hover {
    background-color: #fff;
}

.blog.single-entry .add-comment-form h2 {
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: .4em;
}

.blog.single-entry .add-comment-form textarea {
    font-size: 1.1em;
    width: 100%;
}

.blog.single-entry .add-comment-form label {
    font-size: 1.1em;
    margin-bottom: 0;
    font-weight: normal;
}

.blog.single-entry .add-comment-form input {
    font-size: 1em;
    width: 100%;
}

.blog.single-entry .add-comment-form button.submit-add-comment-button {
    font-size: 1em;
    padding: .7em 2em;
}

.blog.single-entry .add-comment-form button.cancel-add-comment-button {
    background: transparent;
    border: 0;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(5, 5, 5, 0);
    box-shadow: 1px 1px 0px 0px rgba(3, 3, 3, 0);
    float: right;
    font-weight: normal;
    font-size: 11px;
    text-decoration: underline;
    color: #8d8d8d;
}

.blog.single-entry .add-comment-form button.cancel-add-comment-button:hover {
    text-decoration: none;
}

.blog.single-entry .add-comment-form .moderation-note {
    font-size: 13px;
    font-style: italic;
}

/* Sidebar */

aside.blog-sidebar {
    float: right;
    width: 29%;
    margin-left: 1em;
    /*margin-right: 70px;*/
    margin-top: 30px;
    background-color: transparent;
    /*border-top: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;*/
    /*-webkit-box-shadow:  1px 1px 0px 1px rgba(5, 5, 5, .2);
    box-shadow:  2px 2px 3px 0px rgba(3, 3, 3, .2);*/
    overflow: hidden;
}

aside.blog-sidebar header h1 {
    font-size: 1.8em;
    font-weight: 700;
}

aside.blog-sidebar h2 {
    font-weight: 600;
    border-bottom: solid 1px #ccc;
    padding-bottom: .6em;
    font-size: 1.4em;
    color: #6b676d;
}

#outer-wrap .blog aside.primary-sidebar {
    float: right;
    width: 29%;
    margin-left: 1em;
    margin-right: 0em;
    margin-top: 1em;
}

#page-wrap.blog aside.primary-sidebar .sidebar-contact-wrap {
    padding: 15px;
    font-size: 1em;
}

aside.blog-sidebar ul.blog-category-list,
aside.blog-sidebar ul.blog-tag-list {
    margin-left: .8em;
    margin-right: .8em;
    margin-bottom: 3em;

}

aside.blog-sidebar ul.blog-category-list li,
aside.blog-sidebar ul.blog-tag-list li {
    font-size: 1.4em;
    margin-bottom: .8em;
}

/* ---- TYPOGRAPHY --- */

h1 {
    font-family: "Raleway";
    font-size: 3em;
    letter-spacing: 1px;
    font-weight: normal;
    font-weight: 200;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #4987A3;
    line-height: 1.2em;
}

h2 {
    font-size: 1.7em;
    color: #333;
    font-weight: 600;
    margin-bottom: .4em;
    margin-top: 1.3em;
}

h3 {
    font-size: 1.6em;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: .3em;
    margin-top: 1.2em;
}

h4 {
    font-size: 1.6em;
    margin-top: 1.1em;
    margin-bottom: .5em;
    font-weight: bold;
    color: #4d4d4d;
}

h5 {
    font-size: 1.5em;
    margin-top: 1em;
    margin-bottom: .5em;
    font-weight: 600;
    color: #444;
}

h6 {
    font-size: 1.4em;
    margin-top: 1em;
    margin-bottom: .5em;
    font-weight: 600;
}

section p {
    margin-bottom: 1em;
    font-size: 1.2em;
}

.home #homepage-intro-content-block h1.highlight {
    font-family: "lato";
    font-style: italic;
    font-size: 5.9em;
    color: #DACC00;
    font-weight: 200;
    margin: 0em 0;
}

#homepage-intro-content-block h3 {
    font-size: 1.3em;
    font-family: "open sans";
    font-weight: 100;
    text-transform: uppercase;
    padding-top: 0px;
    margin: .3em 0 1.5em;
}

/* ---- LOGIN AND REGISTRATION ---- */

section#client-sign-in {
    width: 50%;
    float: left;
    margin-top: 10%;
}

aside#sign-in-info {
    width: 48%;
    float: right;
    margin-top: 20%;
    color: #666;
}

#login-wrapper {
    width: 620px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5%;
}

.login-panel {
    width: 90%;
    text-align: center;
    float: left;
}

.login-panel h1 {
    font-size: 2.4em;
    font-family: "Open Sans";
    letter-spacing: inherit;
    font-style: italic;
    color: #655554;
    text-align: center;
    margin-top: 1.4em;
    margin-bottom: .6px;
    padding-right: 1em;
    padding-left: 1em;
    font-weight: lighter;
    border-bottom: none;
}

.login-panel fieldset input.form-text {
    width: 94%;
}

.login-panel fieldset, .registration-panel fieldset {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3em;
    text-align: left;
    margin-bottom: 3em;
}

.login-panel form {
    margin-bottom: 3em;
}

.login-panel form button {
    margin-left: auto;
    margin-right: auto;
}

.login-panel .instruction {
    margin-top: 1em;
    font-size: 1.4em;
    margin-left: 1em;
    margin-right: 1em;
}

#forgot-info-wrapper {
    width: 80%;
    max-width: 500px;
    margin: 8em auto 10em;
    display: block;
}

#forgot-info-wrapper .login-panel {
    float: none;
    width: 100%;
    padding-top: 3em;
    padding-bottom: 3em;
}

#forgot-info-wrapper ul.outer-links {
    margin-top: 2em;
    text-align: center;
}

#forgot-info-wrapper ul.outer-links li {
    margin-top: 1em;
    font-size: 1.1em;
}

/* PayPal Button */

button.paypal {
    background: #48B0DD; /* Old browsers */

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top, #48B0DD 0%, #48B0DD 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #48B0DD), color-stop(100%, #48B0DD)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #48B0DD 0%, #48B0DD 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #48B0DD 0%, #48B0DD 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #48B0DD 0%, #48B0DD 100%); /* IE10+ */

    background: linear-gradient(top, #48B0DD 0%, #48B0DD 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#48B0DD', endColorstr='#48B0DD', GradientType=0); /* IE6-8 */


    border: 1px solid #2CA1D9;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    /*text-shadow: #3c6390 0 -1px 0;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.4em;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(3, 3, 3, .2);
    box-shadow: 1px 1px 2px 0px rgba(3, 3, 3, .2);
    padding-bottom: 1.5%;
    padding-top: 1.5%;
}

button.paypal:hover {
    background-color: #42a1cb;
    background: #42a1cb; /* Old browsers */

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top, #42a1cb 0%, #42a1cb 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42a1cb), color-stop(100%, #42a1cb)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #42a1cb 0%, #42a1cb 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #42a1cb 0%, #42a1cb 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #42a1cb 0%, #42a1cb 100%); /* IE10+ */

    background: linear-gradient(top, #42a1cb 0%, #42a1cb 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a1cb', endColorstr='#42a1cb', GradientType=0); /* IE6-8 */
}

button.paypal:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    top: .08em;
}


a.flat-button:link, a.flat-button:visited {
    display: inline-block;
    background-color: #F7F6F4;
    border: 1px solid #C0BDB6;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(5, 5, 5, .1);
    box-shadow: 1px 1px 0px 0px rgba(3, 3, 3, .1);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 1.4em;
    text-decoration: none;
    color: #333;
    padding: .6em 1em;
}

a.flat-button:hover {
    background-color: #ebebeb;
}


/*Theme Buttons*/
a.button-style-1:link, a.button-style-1:visited {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: "Open sans";
    font-size: 1.1em;
    font-weight: 700;
    text-decoration: none;
    color: #86A2B0;
    text-transform: uppercase;
    padding: 1.3em 3em;
    margin-top: 2em;
}

a.button-style-1:hover {
    background-color: #fff;
    color: #78919e;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(5, 5, 5, .1);
    box-shadow: 1px 1px 3px 0px rgba(3, 3, 3, .08);
}


.login-panel .forgot-info-link {
    margin-top: -1.8em;
    color: #686868;
    font-size: 1.1em;
}

.login-panel .forgot-info-link a:link, .login-panel .forgot-info-link a:visited {
    color: #686868;
}

.registration-panel {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 6em;
}

.registration-panel h1 {
    font-size: 2.8em;
    color: #73AD30;
    text-align: center;
    margin-bottom: .6px;
    margin-top: 1.4em;
    padding-right: .5em;
    padding-left: .5em;
}

.registration-panel h2 {
    font-size: 1.4em;
    font-style: italic;
    color: #6b6b6b;
    margin-top: .4em;
}

.registration-panel fieldset input.form-text {
    width: 96%;
}

.registration-panel form {
    margin-bottom: 3em;
}


aside#sign-in-info h2 {
    font-size: 1.8em;
    font-weight: normal;
    color: #8f714b;
}

aside#sign-in-info p {
    font-size: 1.5em;
    color: #666;
    line-height: 1.2em;
}

aside#sign-in-info .practice-name {
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: .6em;
}

aside#sign-in-info p.contact-info {
    font-size: 1.4em;
    margin-top: .5em;
    margin-bottom: .5em;
}

.outer-link {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    font-size: 1.4em;
    color: #686868;
}

.outer-link a:link, .outer-link a:visited {
    color: #686868;
}

.login-error {
    color: #CC3333;
    font-size: 1.4em;
    margin-bottom: -.6em;
    margin-top: 1.1em;
    font-weight: 600;
}

#logged-out {
    width: 90%;
    margin: 8em auto 5%;
}

/* ---- WIDGETS ---- */


/* ---- APP ---- */

#main-content-wrapper {
    /*font-size: .9em;*/
    margin-top: -9px;
}

#header-wrapper.client-app {
    border-bottom-color: #e3e0dc;
    background-color: #fff;
}

#header-wrapper.client-app #main-header {
    height: 80px;
    padding-top: 10px;
    width: 96%;
}

#outer-wrapper {
    width: 100%;
    background-color: #f7f6f4;
}

#page-wrap.app h1 {
    font-family: "myriad-pro", "Open Sans";
    color: #645352;
}

/* High Nav */

#high-nav ul {
    padding: 0;
    list-style: none;
    margin-top: 2.2em;
    float: left;
}

#high-nav ul li {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}

#high-nav ul li a {
    padding: 6px 15px 6px 35px;
    font-size: 1.4em;
    color: #535362;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
    -webkit-border-radius: 3px;
    border-radius: 2px;
    margin-right: 1em;
    display: block;
    background-color: #fff;
    background-position: .7em;
    transition: background-color .1s;
    -moz-transition: background-color .1s;
    -webkit-transition: background-color .1s;
    -o-transition: background-color .1s;
}

#high-nav ul li a.active {
    color: #ffffff;
}

#high-nav ul li a.active:hover {
}

#high-nav ul li a:hover {
    background-color: #ececec;
}

#high-nav ul li:hover a,
#high-nav ul li.hover a { /* This line is required for IE 6 and below */
    background-color: #ececec;
}

#high-nav a.last {
    border-right: none;
}

a#home-link {
    background: url(/img/client-icon-header-home.png) no-repeat left center;
}

#high-nav ul li a#home-link.active {
    background: #646473 url(/img/client-icon-header-home-a.png) no-repeat .5em center;
}

a#messaging-link {
    background: #646473 url(/img/client-icon-header-messaging.png) no-repeat left center;
}

#high-nav ul li a#messaging-link.active {
    background: #646473 url(/img/client-icon-header-messaging-a.png) no-repeat .7em center;
}

a#journal-link {
    background: url(/img/client-icon-header-journal.png) no-repeat left center;
}

#high-nav ul li a#journal-link.active {
    background: #646473 url(/img/client-icon-header-journal-a.png) no-repeat .7em center;
}

a#sharedfiles-link {
    background: #646473 url(/img/client-icon-header-files.png) no-repeat left center;
}

#high-nav ul li a#sharedfiles-link.active {
    background: #646473 url(/img/client-icon-header-files-a.png) no-repeat .7em center;
}

/* Typography */

#main-content-area h1 {
    font-size: 3em;
    font-weight: lighter;
    margin: 0%;
    color: #333;
    padding-top: 4%;
    padding-left: 4%;
    padding-right: 4%;
}

#main-content-area h2 {
    font-weight: normal;
    font-size: 2.3em;
}

article.sidebar-box p {
    font-size: 1.3em;
    margin: 10px;
}

article.sidebar-box h2 {
    margin-top: 0;
}

/* ---- APP USER NAV --- */

#main-header nav#user-nav {
    float: right;
    border: none;
    -webkit-border-radius: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 2.1em;
}

#user-nav ul {
    padding: 0;
    list-style: none;
}

#user-nav ul li {
    margin: 0;
    float: left;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

nav#user-nav ul li a {
    font-size: 1.2em;
    color: #666;
    font-weight: normal;
    text-decoration: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    background-color: #fff;
    background-position: .8em;
    padding: 6px 12px 6px 25px;
    margin-right: 0;
    margin-left: .2em;
}

nav#user-nav ul li a#account-link {
    padding-left: 33px;
}

#user-nav ul li a.active {
    color: #ffffff;
}

#user-nav ul li a.active:hover {
    background: #ffffff;
}

#user-nav ul li a:hover {
    background-color: #ffffff;
}

#user-navul li:hover a,
#user-nav ul li.hover a { /* This line is required for IE 6 and below */
    background-color: #fff;
}

#user-nav a.last {
    border-right: none;
}

a#account-link {
    background: url(/img/client-icon-header-account.png) no-repeat left center;
}

#user-nav ul li a#account-link.active {
    background: #fff url(/img/client-icon-header-home-a.png) no-repeat left center;
}

a#logout-link {
    background: url(/img/client-icon-header-logout.png) no-repeat left center;
}

#user-nav ul li a#logout-link.active {
    background: #fff url(/img/client-icon-header-messaging-a.png) no-repeat left center;
}

a#help-link {
    background: url(/img/client-icon-header-help.png) no-repeat left center;
}

#user-nav ul li a#help-link.active {
    background: #fff url(/img/client-icon-header-journal-a.png) no-repeat left center;
}

/* Dashboard stuff */

#outer-wrapper.client-home {
    width: 100%;
    background: #fff url(/img/themes/common/dashboard-cloud-bg.jpg) no-repeat center 0;
    -webkit-box-shadow: inset 0px 1px 7px 0px rgba(3, 3, 3, .1);
    box-shadow: inset 0px 1px 7px 0px rgba(3, 3, 3, .1);
    border-bottom: 1px solid #ddd;
}

#client-home #dsh-practitioner-profile-wrapper {
    background-color: #fff;
    float: left;
    width: 20%;
    max-width: 200px;
    min-width: 150px;
    margin-right: 4%;
    border: 1px solid #dadada;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(3, 3, 3, .1);
    box-shadow: 1px 1px 5px 0px rgba(3, 3, 3, .1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#client-home #dsh-shortcut-links-wrapper {
    float: left;
    width: 41%;
    margin-right: 4%;
    padding-top: 3em;
    font-family: 'myriad-pro';
}

#client-home #dsh-my-account-panels {
    margin-top: 3.3em;
    float: left;
    width: 30%;
}

#client-home #dsh-practitioner-profile-wrapper .heading {
    padding: 1em;
    font-size: 1.2em;
    color: #777784;
    font-weight: bold;
}

#client-home #dsh-practitioner-profile-wrapper #practitioner-avatar img {
    max-width: 100%;
}

#client-home #dsh-practitioner-profile-wrapper #practitioner-name {
    text-align: center;
}

#client-home #dsh-practitioner-profile-wrapper #practitioner-name .full-name {
    font-size: 1.6em;
    margin-top: .9em;
    margin-bottom: .1em;
}

#client-home #dsh-practitioner-profile-wrapper #practitioner-name .practice-name {
    font-size: 1.1em;
    font-weight: 300;
    margin-top: .5em;
    margin-bottom: 1.4em;
}

#client-home #dsh-practitioner-profile-wrapper #practitioner-name .bio-link {
    font-size: 1.1em;
    border-top: 1px solid #d5d5d5;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: .8em;
    padding-top: 1em;
    padding-bottom: .9em;
}

#client-home #dsh-practitioner-profile-wrapper #practitioner-action-links a:link,
#client-home #dsh-practitioner-profile-wrapper #practitioner-action-links a:visited {
    display: block;
    background-color: #F7F7F7;
    padding: 1em 1em 1em 3em;
    font-weight: 600;
    color: #4e4e4e;
    text-decoration: none;
    font-size: 1.2em;
}

#client-home #dsh-practitioner-profile-wrapper #practitioner-action-links .inset-rule {
    height: 1px;
    background-color: #DDDDDD;
    border-bottom: 1px solid #fff;
}

#client-home #dsh-practitioner-profile-wrapper #practitioner-action-links {
    background: #F7F7F7 url(/img/themes/common/top-inner-shadow-sm-warm.png) repeat-x 0 top;
}

#client-home #dsh-practitioner-profile-wrapper #practitioner-action-links a.message {
    background: url(/img/client-home-icon-message-sm.png) no-repeat 1em center;
}


#client-home #dsh-practitioner-profile-wrapper #practitioner-action-links a.share-file {
    background: url(/img/client-home-icon-share-sm.png) no-repeat 1em center;
}

#client-home #dsh-practitioner-profile-wrapper #practitioner-action-links a:hover {
    background-color: #ededed;
    color: #131313;
}

/* Shortcut links */

#client-home #dsh-shortcut-links-wrapper h1 {
    font-family: 'myriad-pro';
    font-size: 3.1em;
    color: #313140;
    font-weight: 300;
    font-style: italic;
    text-align: left;
    margin-bottom: .3em;
    padding: 0 0 0 10px;
    margin-top: 0;
}

#client-home #dsh-shortcut-links-wrapper h2 {
    font-family: 'myriad-pro';
    color: #888;
    font-size: 1.4em;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    margin-bottom: 1em;
    padding-left: 10px;
}

#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li {
    border-bottom: 1px solid #d5d5d5;
    padding: 20px 10px 20px 60px;
}

#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li.messages {
    background: url(/img/client-home-icon-messages.png) no-repeat 10px 20px;
}

#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li.journal {
    background: url(/img/client-home-icon-journal.png) no-repeat 10px 20px;
}

#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li.files {
    background: url(/img/client-home-icon-files.png) no-repeat 14px 20px;
}


#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li .heading {
    font-size: 1.8em;
    font-weight: 600;
    margin-bottom: .3em;
}

#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li .heading a:link,
#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li .heading a:visited {
    color: inherit;
    text-decoration: none;
}

#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li .heading a:hover {
    color: #565656;
}

#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li .subheading {
    font-size: 1.3em;
    color: #646464;
    margin-bottom: .8em;
}

#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li ul li {
    border-bottom: none;
    padding: 0em;
}

#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li ul.shortcut-action-links {
    margin-bottom: 3em;
}

#client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li ul.shortcut-action-links li {
    float: left;
    margin-right: 1.5em;
    font-size: 1.2em;
}

/* Account panels */

#client-home #dsh-my-account-panels .account-panel {
    -webkit-box-shadow: 1px 1px 0px 1px rgba(5, 5, 5, .1);
    box-shadow: 2px 2px 5px 0px rgba(3, 3, 3, .1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    margin-bottom: 2em;
    color: #555;
}

#client-home #dsh-my-account-panels .account-panel .heading {
    border-bottom: 1px solid #d5d5d5;
    padding-top: 1.3em;
    padding-bottom: 1.3em;
    padding-left: 1em;
    padding-right: 1em;
    font-weight: 600;
    color: #828282;
}

#client-home #dsh-my-account-panels .account-panel .heading.profile {
    background: url(/img/client-home-icon-account-sm.png) no-repeat 1.5em center;
    padding-left: 4em;
}

#client-home #dsh-my-account-panels .account-panel .heading.invoices {
    background: url(/img/client-home-icon-invoices-sm.png) no-repeat 1.5em center;
    padding-left: 4em;
}

#client-home #dsh-my-account-panels .account-panel .heading p {
    float: left;
    margin: 0;
}

#client-home #dsh-my-account-panels .account-panel .heading p.header-link {
    float: right;
    font-weight: normal;
}

#client-home #dsh-my-account-panels .account-panel .panel-content-wrapper {
    padding: 1.2em;
}

#client-home #dsh-my-account-panels .account-panel .user-account-info .avatar {
    float: left;
}

#client-home #dsh-my-account-panels .account-panel .user-account-info .avatar img {
    max-width: 100%;
    width: 25px;
}

#client-home #dsh-my-account-panels .account-panel .user-account-info .user-name-data {
    float: left;
    margin-left: 1.2em;
}

#client-home #dsh-my-account-panels .account-panel .user-account-info .user-name-data .name,
#client-home #dsh-my-account-panels .account-panel .user-account-info .user-name-data .name a {
    font-weight: 600;
    text-decoration: none;
    color: #333;
    font-size: 1.2em;
    margin-bottom: .3em;
}

#client-home #dsh-my-account-panels .account-panel .user-account-info .user-name-data .username {
    color: #777;
    font-style: italic;
    font-size: 1.2em;
}

/* Invoice panel */

#client-home #dsh-my-account-panels .account-panel .invoice-info {
    float: left;
    width: 60%;
}

#client-home #dsh-my-account-panels .account-panel .invoice-amount {
    float: right;
    font-size: 1.4em;
    width: 40%;
    text-align: right;
}

#client-home #dsh-my-account-panels .account-panel .invoice-info .invoice-title {
    font-size: 1.4em;
    margin-bottom: .7em;
}

#client-home #dsh-my-account-panels .account-panel .invoice-info .invoice-memo {
    color: #8a8a8a;
}

/* Getting Started panel */

#client-home #dsh-my-account-panels .account-panel.getting-started {
    border: 1px solid #b9d6e9;
    padding: 1em;
}

#client-home #dsh-my-account-panels .account-panel.getting-started .getting-started-heading {
    color: #42A905;
    font-size: 1.8em;
    margin-bottom: .5em;
    font-weight: 600;
}

#client-home #dsh-my-account-panels .account-panel.getting-started .getting-started-content {
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0;
}

/* Messaging */

section#mailbox p {
    margin-bottom: 0;
    font-size: 1em;
}

section#mailbox #inbox-message-list ol li a.read {
    padding-left: 30px;
}


section#mailbox #inbox-message-list ol li .ml-thread-count {
    margin-top: -15px;
}

section#compose #new-msg-form {
    margin-top: 4em;
}

section#compose .recipient {
    font-weight: 700;
    font-size: 1.4em;
    margin-left: .2em;
}

section#compose .recipient span {
    color: #bb6a31;
    font-style: italic;
    font-weight: normal;
}

section#mailbox #inbox-message-thread ol li .mt-message {
}

section#mailbox #inbox-message-thread ol li .mt-sender-name,
section#mailbox #inbox-message-thread ol li .mt-sender-name a {
    float: left;
    font-weight: 600;
    text-decoration: none;
}

section#mailbox #inbox-message-list ol li .ml-sender-subject {
    width: 75%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
}

section#mailbox #inbox-message-list ol li .ml-message-preview {
    margin: -4px 35px 15px 0;
}

/* Read messages */


section#mailbox #inbox-message-list ol li a, section#mailbox #inbox-message-list ol li a:visited {
    padding-left: 30px;
}

/* Unread messages */

section#mailbox #inbox-message-list ol li a.unread {
    padding-left: 30px;
}

/* Active message */

section#mailbox #inbox-message-list ol li a.active {
    -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, .1);
    background-color: #F6F6F6;
    color: #4d4d4d;
    padding-left: 30px;
}

/* Files */

#main-content-area #shared-file-wrapper {
    padding-left: 4%;
    padding-right: 4%;
}

#file-list-wrapper ul.file-list li {
    padding-left: 6em;
}

/* Profile */

section#profile {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 4em;
}

section#profile .avatar img {
    max-width: 100%;
}

section#profile .avatar {
    width: 100px;
    float: left;
    background: url(/img/avatar-img-shadow.png) no-repeat center bottom;
    padding-bottom: 8px;
}

section#profile .avatar-change-link {
    font-size: 1.4em;
    float: left;
    margin-left: 10px;
}


/* Invoices */

section#invoices {
    padding-left: 4%;
    padding-right: 4%;
}

section#invoices .invoice-heading .practice-contact {
    font-size: 1em;
    color: #686868;
    margin-top: 1em;
}

section#invoices .invoice-heading .practice-contact .address {
    font-size: 1.2em;
}

section#invoices .invoice-heading .practice-econtact {
    margin-top: 1em;
}

section#invoices .invoice-heading .practice-econtact p {
    margin-bottom: .5em;
}

section#invoices .client-invoice-field-label {
    font-size: 1.5em;
    margin-left: 2px;
    display: block;
    margin-bottom: 1px;
    color: #333;
    font-weight: 600;
}

section#invoices .client-invoice-field {
    width: 96%;
    padding: 11px 7px 9px;
    font-size: 1.5em;
    color: #404040;
    border-bottom: 1px solid #d1d1d1;
}

section#invoices .client-invoice-field span a {
    display: inline;
    position: relative;
    margin-left: .4em;
    font-size: .9em;
}

section#invoices .invoice-wrap {
    font-size: 1.1em;
    margin-bottom: 4em;
}

section#invoices .invoice-body {
    padding: 1em 3em;
}

section#invoices .invoice-body .row.split {
    float: left;
    width: 40%;
}

section#invoices .invoice-body .row.split.last {
    margin-left: 2em;
}

section#invoices .pay-footer {
    background-color: #C3E6F6;
    border-top: 2px solid #119DDA;
    padding: 2.5em 2em;
}

section#invoices .pay-footer p {
    text-align: center;
    margin-bottom: 0;
}

section#invoices .pay-footer a {
    font-size: 1.4em;
    color: #333;
}

section#invoices .pay-footer p .payment-date {
    font-weight: 600;
}

/* Help */

#main-content-wrapper.help h1 {
    text-shadow: none;
    filter: none;
    background-color: #84ab44;
    padding-bottom: 10px;
}


/* ---- APP SIDE NAV --- */

aside#primary-sidebar ul li a:link {
    font-size: 1.4em;
}

aside#primary-sidebar ul li a.active {
    background-color: #b3a5ba;
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .1);
    border-bottom: 1px solid #fff;
}

/* ---- FOOTER --- */

footer {
    display: block;
    /*margin-top: 90px;*/
    width: 100%;
    background: url(/img/themes/V01M015/V01M015-footer-bg.png) no-repeat right top #65b2c9;
    overflow: hidden;
    position: relative;
}

footer #footer-icon-bg {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

footer #footer-inner {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6em;
    margin-bottom: 20em;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid rgba(68, 68, 68, 0.30);
    padding-top: 20px;
}

footer.f3 #footer-links {
    float: left;
    width: 50%;
}

footer.f3 #footer-links ul li {
    float: left;
    font-size: 11px;
    margin-right: .9em;
    margin-bottom: .7em;
}

footer.f3 #footer-links a:link, footer.f3 #footer-links a:visited {
    color: #444;
}

#footer-links .mobile-links {
    display: none;
}

#footer-other {
    float: right;
    width: 50%;
}

footer.f3 #footer-custom-content-div {
    font-size: 1.1em;
    line-height: 1.2em;
    color: #0F0F1E;
    margin-bottom: 1.5em;
}

footer.f3 #footer-custom-content-div a:link, #footer-custom-content-div a:visited {
    color: #878787;
}

footer.f3 #footer-custom-content-div p {
    margin-bottom: 1em;
}

footer.f3 #footer-links .site-credits {
    margin-top: .9em;
    color: #444444;
}

footer.f3 #footer-links .site-credits a:link, #footer-links .site-credits a:link {
    text-decoration: none;
    color: #444444;
}

#footer-other {
    text-align: right;
}

#footer-other .practice-name {
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: .5em;
    color: #fff;
}

#footer-other ul.footer-contact-links {
    float: right;
}

#footer-other ul.footer-contact-links li {
    float: left;
    margin-left: 1.2em;
    font-family: "Lato";
    font-size: 1.2em;
    color: #444444;
}

ul.footer-contact-links a:link, ul.footer-contact-links a:visited {
    text-decoration: none;
    color: #444444;
}

/* ---- Honeypots ---- */
#nreal-row-div-planet {
    display: none;
}

#nreal-row-div-river {
    display: none;
}


/* ---- MEDIA QUERIES --- */
@media screen and (max-width: 960px) {

    #highlight-link-bar .wrap {
        padding: 0px;
        text-align: center;
    }

    #highlight-link-bar img.box-img {
        position: inherit;
    }

}

@media screen and (max-width: 830px) {

    #main-banner {
        height: 350px;
    }


    #client-home #dsh-shortcut-links-wrapper {
        float: left;
        margin-right: 0%;
        padding-top: .5em;
        display: block;
        width: 65%;
    }

    #client-home #dsh-my-account-panels {
        padding-top: 3.3em;
        float: none;
        display: block;
        clear: both;
        width: 100%;
    }

    #client-home #dsh-practitioner-profile-wrapper {
        float: left;
        /*width: 99.2%;*/
        max-width: 100%;
        margin-right: 0%;
        min-width: auto;
        width: 10%;
        margin-right: 4%;
    }

    #client-home #dsh-practitioner-profile-wrapper #practitioner-avatar {
        text-align: center;
    }

    #client-home #dsh-practitioner-profile-wrapper #practitioner-avatar img {
        max-width: 50%;
    }

    footer #footer-inner {
        width: 90%;
    }

}

@media screen and (max-width: 765px) {

    #high-nav ul li a {
        padding: 6px 12px;
        font-size: 1.4em;
        margin-right: .5em;
    }

    a#home-link {
        background: none no-repeat left center;
    }

    #high-nav ul li a#home-link.active {
        background: #646473 none no-repeat .5em center;
    }

    a#messaging-link {
        background: none no-repeat left center;
    }

    #high-nav ul li a#messaging-link.active {
        background: #646473 none no-repeat .5em center;
    }

    a#journal-link {
        background: none no-repeat left center;
    }

    #high-nav ul li a#journal-link.active {
        background: #646473 none no-repeat .5em center;
    }

    a#sharedfiles-link {
        background: none no-repeat left center;
    }

    #high-nav ul li a#sharedfiles-link.active {
        background: #646473 none no-repeat .5em center;
    }

    nav#user-nav ul li a {
        padding: 6px 12px;
        margin-right: 0;
        margin-left: 0em;
    }

    nav#user-nav ul li a#account-link {
        padding-left: inherit;
    }

    a#account-link {
        background: none no-repeat left center;
    }

    #user-nav ul li a#account-link.active {
        background: #fff none no-repeat left center;
    }

    a#logout-link {
        background: none no-repeat left center;
    }

    #user-nav ul li a#logout-link.active {
        background: #fff none no-repeat left center;
    }

    a#help-link {
        background: none no-repeat left center;
    }

    #user-nav ul li a#help-link.active {
        background: #fff none no-repeat left center;
    }

    #lower-wrap #highlight-link-bar .box-heading {
        font-size: 1.4em;
    }

    #lower-wrap #highlight-link-bar .box-description {
        font-size: 1.3em;
    }


}

@media screen and (max-width: 815px) {

    #header-wrapper.client-app nav#high-nav {
        float: none;
        display: block;
        /*margin-top: 0px;*/
        margin-bottom: 0px;
    }

    #main-header nav#user-nav {
        float: right;
        border: none;
        -webkit-border-radius: none;
        border-radius: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-top: 2.1em;
    }

    #user-nav ul {
        padding: 0;
        list-style: none;
    }

    #user-nav ul li {
        margin: 0;
        float: left;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }

    nav#user-nav ul li a {
        font-size: 1.2em;
        color: #666;
        font-weight: normal;
        text-decoration: none;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        display: block;
        background-color: #fff;
        background-position: .8em;
        padding: 6px 10px;
        margin-right: 0;
        margin-left: .2em;
        background-image: none;
    }

    .primary-sidebar h1 {
        font-size: 1.6em;
    }

    .primary-sidebar h2 {
        font-size: 1.2em;
    }

    .primary-sidebar .practitioner-name {
        font-size: 1.6em;
    }

    .primary-sidebar .contact-info {
        overflow: hidden;
    }


    /* nav-wrap */
    #nav-wrap {
        clear: both;
        float: left;
        border-bottom: none; /* black line below menu */
        width: 100%; /* Menu font */
        z-index: 1000; /* This makes the dropdown menus appear above the page content below */
        position: relative;
        font-size: 1em;
    }

    #nav-wrap #nav-container span {
        margin-bottom: 0em;
    }

    /* menu icon */
    #nav-wrap #menu-icon {
        color: #575757;
        background: #FAFBFC url(/img/icon-mobile-nav.gif) no-repeat 20px center;
        background-size: 16px 12px;
        cursor: pointer;
        display: block;
        width: 100%;
        padding-top: 1em;
        padding-bottom: 1em;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        /*border-top: 0px solid #94889A;*/
    }

    #menu-icon:hover {
        background-color: #f8f8f8;
    }

    #menu-icon.active {
        background-color: #bbb;
    }

    /* main nav */
    #nav-wrap #nav {
        clear: both;
        position: absolute;
        width: inherit;
        z-index: 10000;
        /*padding: 5px;*/
        background: #f8f8f8;
        border: none;
        display: none;
        /* visibility will be toggled with jquery */
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        width: 100%;
        border-bottom: 3px solid #e4e4e4;
    }

    #nav-wrap #nav li {
        clear: both;
        float: none;
        margin: 0;
        /*margin: 5px 0 5px 10px;*/
    }

    #nav-wrap #nav a,
    #nav-wrap #nav ul a {
        font: inherit;
        /*background: none;*/
        /*display: inline;*/
        padding: 0;
        /*color: #666;*/
        border: none;
    }

    #nav-wrap #nav a:hover,
    #nav-wrap #nav ul a:hover {
        background: none;
        color: #000;
    }

    /* dropdown */
    #nav-wrap ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
        padding: 0;
        float: none;
        right: 0%; /* ADDED */
    }

    /* Start resets specific to regular nav styles */
    #nav-wrap ul li {
        margin: 0;
        float: none;
        position: static;
        left: 0%;
        top: 0px;
    }

    #nav-wrap ul li a { /* UNNECESSARY? */
        display: inline;
        margin: 0;
        line-height: 2em;
        background: #ddd;
        text-decoration: none;
        color: #444;
        font-weight: normal;
        border-bottom: none;
    }

    #nav-wrap ul li.active a {
        color: inherit;
        background: inherit;
    }

    #nav-wrap ul li a:hover {
        background: inherit; /* Top menu items background colour */
        color: inherit;
        border-bottom: none;
    }

    #nav-wrap ul li:hover a,
    #nav-wrap ul li.hover a { /* This line is required for IE 6 and below */
        background: inherit; /* Top menu items background colour */
        color: inherit;
        border-bottom: none;
    }

    #nav-wrap ul ul {
        display: block; /* Sub menus are hiden by default */
        position: static;
        top: 0;
        left: 0;
        right: auto; /*resets the right:50% on the parent ul */
        width: inherit;
        padding-left: 0;
    }

    #nav-wrap ul ul li {
        left: auto; /*resets the left:50% on the parent li */
        margin: 0; /* Reset the 1px margin from the top menu */
        clear: none;
        width: inherit;
    }

    #nav-wrap ul ul li a,
    #nav-wrap ul li.active li a,
    #nav-wrap ul li:hover ul li a,
    #nav-wrap ul li.hover ul li a { /* This line is required for IE 6 and below */
        font-size: inherit;
        font-weight: normal; /* resets the bold set for the top level menu items */
        background: none;
        color: inherit;
        line-height: inherit; /* overwrite line-height value from top menu */
        border-bottom: none; /* sub menu item horizontal lines */
    }

    #nav-wrap ul li a {
        text-transform: none;
    }


    /* Flip the last submenu so it stays within the page */
    #nav-wrap ul ul.last {
        left: 0; /* reset left:0; value */
        right: 0; /* Set right value instead */
    }

    #nav-wrap ul li:hover ul,
    #nav-wrap ul li.hover ul { /* This line is required for IE 6 and below */
        display: static;
    }

    /* End resets specific to regular nav styles */
    #nav-wrap #nav ul li {
        padding-left: 0em;
    }

    #nav-wrap #nav li a, #nav ul li a {
        display: block;
        color: #333;
        font-size: 1.4em;
        text-decoration: none;
        padding: .7em .7em .7em 1.3em;
    }

    #nav-wrap #nav li a {
        background-color: #FAFBFC;
        border-bottom: 1px solid #ccc;
        font-weight: bold;
    }

    #nav-wrap #nav ul li a:link {
        background-color: #FAFBFC;
        padding-left: 2em;
        font-weight: normal;
        font-style: normal;
        color: #333;

    }

    #nav-wrap #nav ul li a:hover {
        background-color: #eff0f1;
        border-bottom: 1px solid #ccc;
    }

    #nav-wrap ul li a:hover {
        top: 0px;
    }

    #nav-wrap #nav li a:hover {
        background-color: #eff0f1;
        border-bottom: 1px solid #ccc;
        color: #333;
    }

    #nav-wrap #nav li a.kit {
        background-image: none;
    }

    #nav-wrap ul ul li a,
    #nav-wrap ul li.active li a,
    #nav-wrap ul li:hover ul li a,
    #nav-wrap ul li.hover ul li a {
        -webkit-box-shadow: none;
        box-shadow: none;

    }

    .resp-noshow {
        display: none;
    }

}

@media screen and (max-width: 765px) {


    #outer-wrap.home #header-wrapper.client-app #main-header {
        height: 90px;
        padding-left: 2%;
    }

    #header-wrapper.client-app #main-header {
        padding-top: 0px;
    }


    #main-banner {
        height: 300px;
    }

    #main-banner #banner-text-overlay h2 {
        font-size: 32px;
    }

    #main-banner #banner-text-overlay h3 {
        font-size: 12px;
    }

    #client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li .heading {
        font-size: 1.6em;
        font-weight: 600;
        margin-bottom: .3em;
    }

    #client-home #dsh-shortcut-links-wrapper h1 {
        font-size: 2.4em;
        color: #313140;
        font-weight: 300;
        font-style: italic;
        text-align: left;
        margin-bottom: .3em;
        padding: 0 0 0 10px;
        margin-top: 0;
    }

    #client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li .subheading {
        display: none;
    }

    #client-home #dsh-shortcut-links-wrapper ul#client-home-shortcut-links li {
        border-bottom: 1px solid #d5d5d5;
        padding: 18px 10px 10px 60px;
        margin-bottom: .4em;
    }

    section#invoices .invoice-wrap {
        float: none;
        width: 100%;
    }

    section#invoices aside.info, section#invoices aside.info {
        float: none;
        width: 100%;
        margin-top: 1.5em;
    }

    fieldset.col {
        display: block;
        width: 100%;
    }

    #footer-custom-content-div {
        text-align: center;
    }

}

@media screen and (max-width: 600px) {


    #main-banner {
        height: 200px;
    }

    #main-banner #banner-text-overlay h2 {
        font-size: 20px;
    }

    #main-banner #banner-text-overlay h3 {
        font-size: 10px;
    }

    #highlight-link-bar ul li {
        float: none;
        display: block;
        width: 100%;
        border-left: none;
        text-align: center;
        border-top: 1px solid #DDDDDD;
        padding: 2em 0;
    }

    #highlight-link-bar ul li:first-child {
        border-top: none;
    }

    #header-wrapper.client-app #main-header {
        display: none;
    }

    section#client-home {
        margin-top: 2em;
    }

    h1 {
        font-size: 2.5em;
        font-weight: 400;
    }

    section#homepage-content-block,
    section#inside-content-block {
        width: 96%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        float: none;
        padding-right: 0;
        margin: 20px auto 0;
        border-right: none;
        padding-top: 0em;
    }

    section#homepage-content-block p,
    section#inside-content-block p,
    section#inside-content-block blockquote,
    section#homepage-content-block blockquote,
    section#homepage-content-block ul,
    section#inside-content-block ul li,
    section#homepage-content-block ol {
        font: 14px/20px "Open Sans", Helvetica, sans-serif;
        color: #535353;
    }

    blockquote {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
        margin-left: 5%;
        padding-left: 1.5em;
        border-left: 3px solid #ccc;
    }

    section#homepage-content-block p.highlight, .redactor-editor p.highlight,
    section#inside-content-block p.highlight, .redactor-editor p.highlight {
        font-size: 1.8em;
        color: #b2b21c;
        line-height: 1.3em;
    }

    section#inside-content-block p.highlight, .redactor-editor p.highlight {
        font-size: 1.8em;
        line-height: 1.3em;
    }

    section#homepage-intro-content-block {
        width: 100%;
        margin-top: 2.3em;
        border-bottom: none;
        padding-bottom: 1em;
        margin-bottom: 1em;
    }

    section#inside-content-block hr {
        height: 1px;
        color: #CCCCCC;
        background-color: #CCCCCC;
        border: 0;
        /*width: 100%;*/
        margin-top: 2em;
        margin-bottom: 2em;
        width: inherit
    }

    hr.heading-rule {
        height: 1px;
        color: #CCCCCC;
        background-color: #DDDDDD;
        border: 0;
        width: 100%;
        position: relative;
        top: 55px;
        z-index: -1;
        max-width: 960px;
    }

    #page-wrap.site.inside aside.primary-sidebar, #outer-wrap.home aside.primary-sidebar {
        float: none;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        margin: 0;
        margin-top: 3em;
    }

    .primary-sidebar #mapviewer iframe {
        height: 200px;
    }

    .home aside.primary-sidebar {
        float: none;
        width: 100%;
    }


    /* Header */
    #header {
        height: 120px;
    }

    #header-inner {
        max-width: 940px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1em;
        text-align: center;
        background-color: #fff;
        padding: 0;

    }

    /*.home #header-inner {
        padding-top: 4em;
    }*/
    #practice-header-logo {
        line-height: 80px;
        display: block;
        margin: 0 auto;
        float: none;
        height: 80px;
    }


    @media screen and (max-width: 600px) {
        #practice-header-logo img {
            max-width: 80%;
            max-height: 80px;
        }
    }

    #header .practice-name {
        font-size: 22px;
        display: block;
        float: none;
        margin-top: 40px;
    }

    #header .practice-tagline {
        padding-top: 0;
        margin-top: 5px;
        float: none;
    }

    #header #header-custom-content-div {
        float: none;
        margin-top: 0;
        font-size: 1.2em;
        max-width: 100%;
    }

    .home #header {
        height: 120px;
    }

    #content-wrap {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0em;
    }

    #page-wrap {
        margin: 0;
        padding-top: 0;
    }

    #lower-wrap #highlight-link-bar {
        padding-top: 2em;
    }

    #lower-wrap #highlight-link-bar ul li {
        float: left;
        width: 30%;
        margin-right: 5%;
        font-size: .9em;
    }

    #lower-wrap #highlight-link-bar h1 {
        font-size: 14px;
    }

    /* Footer */
    footer {

    }

    #footer-links, #footer-other {
        float: none;
        width: 100%;
        text-align: center;
    }

    #footer-links ul {
        display: none;
    }

    #footer-links .mobile-links {
        display: block;
    }

    #footer-other {
        margin-top: 2em;
        float: none;
    }

    #footer-other ul.footer-contact-links,
    #footer-other .practice-name {
        width: 100%;
    }

    #footer-other ul.footer-contact-links li {
        float: none;
        margin-top: .7em;
        margin-bottom: .7em;
    }

    #footer-other ul.footer-contact-links li a:link, #footer-other ul.footer-contact-links li a:visited {
        text-decoration: underline;
    }

    #client-home #dsh-shortcut-links-wrapper {
        width: 55%;
    }

    #client-home #dsh-practitioner-profile-wrapper {
        width: 10%;
        margin-right: 4%;
    }

    #header-top-tag-contact {
        display: none;
    }

    #outer-wrapper {
        max-width: 98%;
    }

    /* Blog */
    section#blog-content-block {
        float: none;
        width: 98%;
        margin-right: auto;
        margin-left: auto;
    }

    aside.blog-sidebar {
        float: none;
        width: 100%;
    }

    #page-wrap.blog aside.primary-sidebar {
        float: none;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        margin: 0;
    }


}

@media screen and (min-width: 815px) {

    /* ensure #nav is visible on desktop version */
    #nav {
        display: block !important;
    }

}

@media screen and (max-width: 520px) {

    #header .practice-name {
        font-size: 2em;
    }

    p.highlight, .redactor-editor p.highlight {
        font-size: 1.6em;
    }

    .home #homepage-intro-content-block h1.highlight {
        font-size: 3.9em;
        color: #DACC00;
        font-weight: 300;
    }

    #homepage-intro-content-block h3 {
        font-size: 1.1em;
        font-weight: 100;
    }

    section#client-sign-in {
        width: 90%;
        float: none;
        margin-top: 10%;
        margin-left: auto;
        margin-right: auto;
    }

    aside#sign-in-info {
        width: 90%;
        float: none;
        margin-top: 2em;
        color: #666;
        margin-left: auto;
        margin-right: auto;
    }

    #login-wrapper {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 5%;
    }

    .login-panel {
        width: 100%;
        text-align: center;
        float: none;
    }

    fieldset.col {
        display: block;
        width: 100%;
    }


    #client-home #dsh-practitioner-profile-wrapper #practitioner-avatar {
        text-align: center;
    }

    #client-home #dsh-practitioner-profile-wrapper #practitioner-avatar img {
        max-width: 50%;
    }

    #client-home #dsh-practitioner-profile-wrapper {
        background-color: #fff;
        float: none;
        width: 98%;
    }

    #client-home #dsh-shortcut-links-wrapper {
        float: none;
        width: 100%;
        margin-right: 4%;
        padding-top: 3em;
    }

    #client-home #dsh-my-account-panels {
        margin-top: 0em;

    }

    #lower-wrap #highlight-link-bar {
        padding-top: 0;
    }

    #lower-wrap #highlight-link-bar ul li {
        float: none;
        width: 100%;
        margin-right: 0%;
        font-size: 1em;
        margin-bottom: 3em;
    }

    #lower-wrap #highlight-link-bar h1 {
        font-size: 14px;
    }
}

@media screen and (min-width: 1200px) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    #nav-wrap #menu-icon {
        background: #FAFBFC url(/img/icon-mobile-nav-2x.gif) no-repeat 20px center;
        background-size: 16px 10px;
    }

    #nav li a.kit {
        background: url(/img/nav-icon-kit-2x.png) no-repeat 1em center;
        padding-left: 2.7em;
        background-size: 16px 10px;

    }

    section#homepage-content-block ul,
    section#inside-content-block ul {
        list-style-image: none;
        list-style-type: disc;
    }

}

#upper-content-area ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

#upper-content-area ul li {
    list-style-type: disc;
    list-style-position: inside;
}