@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700|Source+Sans+Pro:400,600,700');
* {
    box-sizing: border-box;
}
/* CSS Document */

/*
	OFFICIAL COLORS:
	green:	hsl(77, 40%, 51%);
	blue:	hsl(196, 69%, 63%);
	orange:	hsl(47, 93%, 52%);
	teal:	hsl(180, 42%, 56%);
	header:	hsl(196, 48%, 55%);
*/

body {
    background-color: white !important;
    background-image: none !important;
    font-family: "Raleway", OpenSansRegular, "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
}

a {
    font-weight: bold;
}

    a, a:visited {
        color: #5a5a5a;
    }

        a:hover {
            /*color: hsl(194, 65%, 43%);*/
        }

/* HEADER */

h1, h2, h3, h4, h5 {
    color: hsl(0, 0%, 33%);
    /*font-weight: 500 !important;*/
}

h2#pageTitle{
	font-size:22px;
	font-family: 'Lato', sans-serif;
	font-weight:600;
	padding-left:0px;
}

h3#h3WhoPurchasing{
	font-size:20px;
	margin-top: 10px;
	font-family: 'Lato', sans-serif;
	font-weight:600;
	padding-left: 0px;
}

div#divTypeBranchingButtons h3{
	font-size:20px;
	margin-top: 10px;
	font-family: 'Lato', sans-serif;
	font-weight:600;
}

select{
	font-family:'open sans', sans-serif;
}


.product-img h4{
	text-align: center;
	padding-top: 5px;
	font-size:15px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Lato', sans-serif;
}

.assessment-content h1,
.assessment-content h2,
.assessment-content h3,
.assessment-content h4,
.assessment-content h5 {
    color: hsl(196, 65%, 30%);
}

#hdrMentoringCentral {
    width: 100vw;
    background-color: hsl(196, 48%, 55%);
    text-align: center;
}

#imgMentoringCentralLogo {
    background: transparent url("../images/mentor/logo.png") no-repeat top left;
    width: 196px !important;
    height: 49px !important;
    background-size: contain;
    padding: 0;
    margin-left: 20px !important;
    /*height: 0;*/
    overflow: hidden;
    padding-top: 100px; /* height of logo for screen */
    width: 100px; /* width of logo for screen */
}

.blue-bar,
.blue-bar-bottom {
    display: none;
}

#btnCoursePlayerMenuToggle {
    background-color: hsl(196, 48%, 55%);
}

.header-wrapper {
    width: 100%;
    background-color: hsl(196, 48%, 55%);
    top: 0;
    left: 0;
    right: 0;
    min-height: 7vh;
    margin: 0;
    padding: 0;
}

    .footer-wrapper .login-info,
    .header-wrapper .login-info a,
    .footer-wrapper .login-info a {
        color: white;
    }

.page-menu-responsive-small,
.page-menu-responsive-medium,
.header_menu-responsive-small,
.header_menu-responsive-medium {
     
}

#copyright-notice {
    display: none;
    visibility: hidden;
}
/* FOOTER */

#main-grid {
    min-height: 100vh;
    margin: 0 auto -145px; /* the bottom margin is the negative value of the footer's height */
}

.footer-menu-content ul li a:hover {
    text-decoration: underline;
}

.footer-wrapper, .LoginPageCustomFooter {
    margin: 0;
    background-color: hsl(196, 48%, 55%);
    width: 100%;
    /*height: 145px;*/
    min-height:14vh;
    width: 100%;
    color: white;
    /*position:fixed;
    bottom:0px;
    left:0px;*/
    /*margin-top: 2em;*/
}

#divFooterMentoringCentral {
    border-top: 8px solid hsl(196, 48%, 55%);
}

.copyright-notice:before {
    content: "© 2016 ";
}

div.social-icons,
div.copyright-notice,
div.contact-left,
div.contact-right {
    display: inline-block;
    margin: 0;
    padding: 0;
}

div.contact-left,
div.contact-right {
    display: inline-block;
    min-width: 18em;
}

div.social-icons {
    float: left;
    margin: 6pt;
}

img.social-icon {
    margin: 3pt;
}

div.copyright-notice {
    text-align: right;
    font-size: 10pt;
    line-height: 18pt;
    margin-right: 15pt;
    float: right;
}
div.copyright-notice a {
   color: white;
   font-weight: normal;
   text-decoration: none;
}
div.copyright-notice a:hover {
   text-decoration: underline;
}
div.contact-left,
div.contact-right,
div.contact-left a {
    font-size: 10pt;
    /*float: left;*/
    line-height: 18pt;
}

    div.contact-left a {
        color: White !important;
    }

#contact-us {
    font-size: 14pt;
}

.footer .login-info {
    display: inline;
    color: White;
    float: right;
    text-align: right;
    line-height: 18pt;
}

    .footer .login-info a,
    .footer .login-info a:visited {
        color: White !important;
    }

/* LOGIN */

input[type="button"],
input[type="submit"],
.aspButton {
    display: inline-block;
    margin: 10pt 1pt 10pt 1pt;
    padding: 9pt;
    font-weight: bold;
    font-size: 12pt;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    border: 0px solid #fff;
    color: #fff;
    text-shadow: -1px -1px 0px rgba(200,200,200,0.3);
    box-shadow: none;
    background-color: #5a5a5a; 
    background-image: none;
	letter-spacing: .025em;
    /*	background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);   */
	/*margin: auto;
    display: block;*/
	font-family:'lato',sans-serif;
}

    input[type="button"]:hover,
    input[type="submit"]:hover,
    .aspButton:hover {
        background-color: #4c4c4c; /*!important;*/
        background-image: none;
        box-shadow: 3px 3px 6px #ccc;
       /* text-shadow: 1px 1px 1px rgba(200, 200, 200, 0.75);*/
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease;
    }

input#txtQty {
    display: block;
    margin: auto;
	float: left;
	font-family: 'open sans', sans-serif;
}

div#credentials-box {
    background-color: hsl(46, 91%, 52%);
    padding: 10px 1.5em !important;
}

#pnlWelcome {
    background-color: hsla(0,100%,100%,0.7);
}

#header_menu li {
    display: inline;
}

#sidebarContent,
.menu-container,
.sidebar {
    z-index: 75;
    /*background-color: hsl(196, 48%, 75%);*/ /* Monday Morning Background Purge */
}

    #sidebarContent li {
        /*background-color: hsl(196, 48%, 55%);*/
        color: hsl(196, 48%, 55%);
        font-size: 10pt !important;
    }

.single-course h3.course-name {
    color: hsl(196, 69%, 63%);
    font-size: 18pt;
}

.lblCourseName {
    color: white;
    font-size: 18pt;
}

#sidebarContent #lblCourseName2 {
    color: white;
    font-size: 12pt;
}

div.parentItem,
div.parentItem a,
div.parentItem a:visited,
li.childItem,
li.childItem a,
li.childItem a:visited,
.course-sections li.section-name,
.course-sections .responsive-only {
    font-size: 10pt;
    line-height: 10pt;
    font-weight: bold;
}

    li.childItem,
    li.childItem a {
        font-weight: 300;
    }

li.childItem,
.course-sections li.section-name,
.course-sections li.responsive-only {
    width: 100%;
    /*background-color: hsl(196, 48%, 55%);*/
}

div.parentItem {
    background-color: #b1b1b1;
}

#imgEQUIPlogo {
    margin-top: -10px;
    height: 35px;
    width: 93px;
}

.course-sections li.responsive-only {
    font-size: 12pt;
    font-weight: 300;
    text-transform: uppercase;
    color: white;
}

#header_menu li {
    line-height: 10pt;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
}

.fictional {
    display: block;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
    content: "";
}

ul.course-sections {
    margin: 0;
    padding: 0;
    width: 100%;
    border: 0 solid white;
}

    ul.course-sections li {
        /*height: 30px;*/
        margin: 0;
        padding: 3px;
        /*background-color: hsl(196, 48%, 65%);*/ /* Monday Morning Background Purge */
        border-bottom: 1px solid white;
    }

        ul.course-sections li.responsive-only {
            /*background-color: hsl(196, 48%, 65%);*/ /* Monday Morning Background Purge */
            padding: 10px;
        }

li.responsive-only span a {
    font-size: 12pt;
    /*margin-top: 6px;*/
}

ul.course-sections li span {
    /*color: white;*/
    font-weight: 700;
    font-size: 14pt;
}

span.section-name {
    font-weight: 700 !important;
}

li.completed a span {
    font-weight: 300;
}

ul.course-sections a,
#lblCourseName2 {
    text-decoration: none;
    color: white; /* Monday Morning Background Purge */
    font-weight: 300;
}

#lblCourseName2 {
    font-weight: 700;
}





div.single-course {
    border: 0px solid #ccc;
}

    div.single-course .container {
        border: 1px solid #ccc;
    }

    div.single-course .course-block-white {
        display: block;
        height: 80px;
    }

    div.single-course .course-block-gradient {
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, hsla(0,0%,0%,0.05) 0%, hsla(0,0%,0%,0.2) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,0%,0.05)), color-stop(100%,hsla(0,0%,0%,0.2))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0.2) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0.2) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0.2) 100%); /* IE10+ */
        background: linear-gradient(to bottom, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0.2) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#33000000',GradientType=0 ); /* IE6-8 */
        /*	http://www.colorzilla.com/gradient-editor/#000000+0,000000+100&0.05+0,0.2+100;Custom	*/
    }


span.login-failure {
    background-color: transparent;
}

table {
    /*	clear: both;	*/
}

td img {
    /* margin-left: 1.5vw!important; */
}

td, tr, tbody {
    padding: 0;
    margin: 0;
}

    tbody tr td img {
        margin-left: 10px;
        margin-right: 5px;
    }



table, table tr, table tr td {
    vertical-align: top;
}



.page-content h1 {
    font-weight: 900;
}

.page-content p {
    margin-bottom: .1em;
}



/*---------------------Menu/Navigation styles------------------------*/


.boxtitle {
    font-size: 0.9em;
    font-weight: 700;
    color: #000;
    text-align: left;
    margin: 0 0 0 2pt;
    padding: 0px 4px 4px 0px;
}


.boxtitle-var {
    /*	color: Yellow !important;	*/
    text-decoration: underline;
}

.mgmt-treeview-selected {
    z-index: 99;
}

.shaded {
    background-color: rgba(40,40,40,0.2);
    color: Black;
}

.red-table {
    text-align: left;
    background-color: hsl(180, 42%, 56%);
    color: Black !important;
}

    .red-table .menuitemslist,
    .red-table .completion-stats {
        text-shadow: 0px 0px 0px #000;
        text-align: left;
        width: 220px !important;
        color: #fff !important;
        font-weight: bold !important;
    }

.menuitems {
    font-weight: 700;
    color: #FFFFFF;
}

.menuitemslist,
#course-sections {
    background: transparent;
    color: hsl(196, 48%, 55%);
    list-style-type: none;
    font-weight: normal;
}

    .menuitemslist a,
    .menuitemslist a:visited,
    #course-sections a,
    #course-sections a:visited {
        text-decoration: none;
        list-style-type: none;
        font-weight: normal;
    }
/*.menuitemslist a:hover {
			text-decoration: underline !important;
		}*/
.welcome a {
    color: hsl(196, 100%, 40%);
    text-shadow: 1px 1px 1px #fff;
}

.header_menu {
    background-color: hsl(196, 48%, 55%);
}


/*---------------------Styles for treeviews------------------------*/

.mgmt-treeview {
}

    .mgmt-treeview td {
        vertical-align: top;
    }

    .mgmt-treeview a {
        font-size: .8em;
    }

.mgmt-treeview-hover {
    background-color: #FFFFE0;
}

.mgmt-treeview-selected {
    background-color: #FFFFC0;
    font-size: .8em;
    font-weight: bold;
}


/*---------------------Styles for data tables------------------------*/

h3.blue-title-box {
    background-color: #b1b1b1;
    font: 1.1em 'OpenSansSemiBold', Trebuchet MS, Arial, Helvetica, sans-serif;
    padding: 6pt;
    margin: .5% 0 .2% 0;
    color: black !important;
    width: 98%;
    border-radius: 0px;
    /*	max-width: 40em !important; */
}

table.data-table {
    background-color: hsl(189, 55%, 99%);
    border-radius: 0px;
    border: 1px solid #d0d2d3 !important;
    width: 100%;
}

    table.data-table td, table.data-table th {
        text-align: left;
        word-wrap: normal;
        border-radius: 0px;
    }

table.data-table {
    padding: 0pt;
    margin: 0pt;
    border-spacing: 0pt !important;
    border-collapse: separate !important;
}

    table.data-table tr td {
        padding: 15pt;
        margin: 4pt;
        border-spacing: 0pt !important;
        border-collapse: separate !important;
    }

    table.data-table th {
        border-spacing: 2px !important;
        border: 1px solid #d0d2d3 !important;
        background-color: #b1b1b1;
        color:#000;
		letter-spacing:.030em;
        /*	height: 42px;	*/
        padding: 10px;
    }

        table.data-table th a,
        table.data-table th a:visited {
            color: black;
        }

    table.data-table a:link {
        color: #5a5a5a;
        text-decoration: underline;
    }

.data-table-header th {
    background-color: hsla(189, 55%, 79%, 0.6);
    color: hsl(196, 48%, 55%);
    /*	height: 42px;	*/
    padding: 0px;
    text-align: left;
    word-wrap: normal;
    /*font-size: 10pt;*/
}

.data-table-header,
.data-table-header a:link,
.data-table-header a:visited {
    border-radius: 0px;
    vertical-align: baseline;
    text-align: center;
    text-transform: uppercase;
    font-size: 9pt;
    font-weight: 700;
    color: black !important;
    line-height: 100%;
}

    .data-table-header a:link,
    .data-table-header a:visited {
        display: block;
        padding: 4pt;
        vertical-align: baseline;
    }

tr.data-table-footer {
    background-color: #ddd;
}

td.data-table-footer {
    color: #003466;
    font-size: x-small;
    font-weight: bold;
}

tr.data-table-row {
}

    tr.data-table-row td, tr.data-table-altrow td {
        padding: 0px;
        font-size: 10pt;
    }

    tr.data-table-row a, tr.data-table-altrow a {
        /* font-size: x-small;	*/
    }

    #gvDetail .data-table-altrow {
        background-color: hsla(189, 55%, 79%, 0.2);
    }

a.txtViewProgress {
    float: left;
    display: inline-block;
    font-size: .7em;
    text-transform: uppercase;
}

select.page-dropdown {
    width: 12px;
}


/* Need some overrides for controls (e.g. checkbox list) which render as tables*/

table.clear-data-table td {
    border: 0 !important;
    padding: 0;
}

/* now we set some things for the Purchase page */
.purchase-quantity .number-uses-textbox {
    width: 70px;
}




.pdHead {
    border-radius: 0 !important;
    background-color: #b1b1b1;
    color: hsl(0,0%,41%) !important;
    font-weight: 300 !important;
    font-size: 16pt !important;
    padding: 9pt;
}


.pdToggle.arrowDown {
    background-image: url("/images/general/arrow-sub-nav-white-DOWN.png");
}



.pdToggle.arrowUp {
    background-image: url("/images/general/arrow-sub-nav-white-UP.png");
}





/*---------------------Styles for Progress Bars------------------------*/

.progress-bar-background {
    margin-top: 3px;
}


tr.data-table-header {
    margin: 3pt !important;
}

.section {
    margin: 1em;
    padding: 1em;
}

div.buttons-back-next {
    margin: 1em;
}

.button-back {
}

.button-next {
   /* float: right; */
}
.button-cancel {
	background-color: hsl(0, 48%, 55%) !important;
}

div.section {
    line-height: 16pt;
}

div.single-choice {
    display: block;
    max-width: 42em;
    margin: 1em 3em 6pt 1.5em;
}

div.embedded-contract {
    margin: 2em auto !important;
}

table.course-invoice {
}

    table.course-invoice td {
        border: 0px solid #ccc;
        padding: 9pt;
    }

    table.course-invoice tr th {
        text-transform: uppercase;
        text-align: center;
        padding: 3pt;
    }

    table.course-invoice tr td.field-label {
        text-transform: uppercase;
        text-align: right;
        font-size: 10pt;
    }

div.special-message {
    background-color: hsl(50, 77%, 73%);
}

.tooltip {
    border: 1px solid hsl(180, 42%, 96%) !important;
    background-color: hsl(180, 42%, 56%) !important;
}

/* SCORM SPECIFIC STUFF */

div.btnExitCourseText a {
    background-color: hsl(180, 42%, 56%) !important;
    color: white;
}

.product-purchase-instructions ol {
    list-style: decimal;
}

/* PAGE LOADING ANIMATION */

#loadingOverlay > div > div {
    background: hsl(77, 40%, 51%);
}

#loadingOverlay > div > .c2 {
    background: hsl(196, 69%, 63%);
}

#loadingOverlay > div > .c3 {
    background: hsl(47, 93%, 52%);
}

#loadingOverlay > div > .c4 {
    background: hsl(180, 42%, 56%);
}

/*
	green:	hsl(77, 40%, 51%);
	blue:	hsl(196, 69%, 63%);
	orange:	hsl(47, 93%, 52%);
	teal:	hsl(180, 42%, 56%);
	header:	hsl(196, 48%, 55%);
 */
@media only screen and (min-device-width: 1025px) { /* THIS IS DESKTOP */

    .scorm-page-content #sidebarContainerLMS {
        width: 29vw;
    }
        #sidebarContainerAPP {
            background-color: transparent;
            border-width: 0 !important;
            width: 19vw;
            min-width: 187px;
            word-wrap: hyphenate;
            text-wrap: normal;
            overflow-wrap: break-word;
            overflow: hidden;
            float: left;
        }
        #sidebarContainerLMS,
        #sidebarContent,
        #sidebarContent ul  {
            background-color: transparent;
            border-width: 0 !important;
            width: 19vw;
            min-width: 187px;
            word-wrap: hyphenate;
            text-wrap: normal;
            overflow-wrap: break-word;
            overflow: hidden;
        }
        #sidebarContent div {
            }

    #hdrMentoringCentral {
        width: 100%;
        text-align: left;
    }


    #header_menu li.childItem a,
    #header_menu li.childItem a:visited {
        color: #000;
        display: inline;
		font-weight:600;
		letter-spacing: .025em;
    }

    #btnToggle {
        display: none;
    }

    ul.course-sections,
    ul.course-sections li,
    ul.course-sections a,
    li.section-name,
    .lblCourseName,
    .lblCourseName2 {
        text-decoration: none;
        color: hsl(196, 69%, 63%);
        font-weight: 300;
        border: none;
        font-size: 16pt;
        line-height: 16pt;
    }

        .lblCourseName span {
            line-height: 90%;
            max-width: 400px;
            word-wrap: break-word;
        }

    li.lesson-name {
        margin-top: 12pt !important;
    }

        li.lesson-name span.lesson-name {
            font-size: 16pt !important;
            font-weight: 700 !important;
            margin-top: 18pt !important;
        }




    ul.course-sections {
    }

        ul.course-sections li {
            border-bottom: 0px solid white;
        }

            ul.course-sections li.responsive-only {
                color: red;
                visibility: visible;
                padding: 10px;
            }

    li.responsive-only span a {
        font-size: 12pt;
    }

    ul.course-sections li span {
        font-weight: 700;
        font-size: 12pt;
        color: rgb(95, 191, 226);
    }

    span.section-name {
    }

    li.completed a span {
    }






    #sidebarContent,
    .menu-container,
    .sidebar {
        background-color: transparent;
    }

        .childItem,
        #sidebarContent li {
            color: black;
            clear: both;
            cursor: pointer;
        }

    div.parentItem,
    div.parentItem a,
    div.parentItem a:visited,
    li.childItem a,
    li.childItem a:visited {
        text-decoration: none;
        cursor: pointer;
        color: black;
    }
    /*li.responsive-only {
			display: none;
		}*/
    /*
	green:	hsl(77, 40%, 51%);
	blue:	hsl(196, 69%, 63%);
	orange:	hsl(47, 93%, 52%);
	teal:	hsl(180, 42%, 56%);
	header:	hsl(196, 48%, 55%);
*/

    #sidebarContainerAPP #sidebarContent { /* effectively, .childItem */
        color: hsl(196, 48%, 55%);
        background-color: #e7e5e5;
        width:100%;
    }

    #sidebarContent .parentItem { /* was a .mid */
        color: black;
        background-color: #b1b1b1;
    }

    .page-menu-responsive-small #sidebarContent .parentItem,
    .page-menu-responsive-medium #sidebarContent .parentItem {
        background-color: hsl(189, 55%, 59%) !important;
        font-size: 10pt;
        color: white;
    }

    .pnlAdminMenus td a:active {
        font-size: 1em !important;
    }

    #imgEQUIPlogo {
        margin-top: -10px;
    }

    .header {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        height: 70px;
    }

        .header img {
            margin-top: 6pt;
        }

    ul.menu-container li {
        display: inline;
    }

    #header_menu {
        position: absolute;
        top: 44px;
        right: 5px;
    }

        #header_menu ul,
        #header_menu ul li {
            display: inline;
            margin-right: 6pt;
            float: right;
        }

        #header_menu li,
        #header_menu .childItem {
            /*float: left;*/
            clear: none;
            display: inline;
            position: relative;
            padding: 0;
            margin: 0;
            line-height: 30pt;
            text-transform: uppercase;
            font-weight: bold;
            border: none;
        }

            #header_menu li a {
                display: inline;
                padding: 0 15pt;
                text-decoration: none;
                font-size: 11pt;
                height: 30pt !important;
            }

        #header_menu ul,
        #header_menu ul li {
            /* display: inline; */ /* causes that weird crazy vertical spacing thing when responsive */
        }

            #header_menu ul li a,
            #header_menu ul li a:visited {
                color: blue; /* SRSLY? */
                text-decoration: none;
            }
}


@media (max-device-width: 1367px) and (orientation: landscape) { /* THIS IS TABLET */
    /* do desktop style left/right thing */
    .header_menu-responsive-small,
    .header_menu-responsive-medium,
    .page-menu-responsive-small,
    .page-menu-responsive-medium {
    }

        .header_menu-responsive-small,
        .header_menu-responsive-small div,
        .header_menu-responsive-small a,
        .header_menu-responsive-small a:visited,
        .page-menu-responsive-small,
        .page-menu-responsive-small div,
        .page-menu-responsive-small a,
        .page-menu-responsive-small a:visited {
            font-size: 16px !important;
            color: black;
        }

            .header_menu-responsive-small .childItem,
            .header_menu-responsive-small .parentItem,
            .page-menu-responsive-small .childItem,
            .page-menu-responsive-small .parentItem {
                padding-top: 10px;
                padding-bottom: 10px;
            }

        .header_menu-responsive-medium,
        .header_menu-responsive-medium div,
        .header_menu-responsive-medium a,
        .header_menu-responsive-medium a:visited,
        .page-menu-responsive-medium,
        .page-menu-responsive-medium div,
        .page-menu-responsive-medium a,
        .page-menu-responsive-medium a:visited {
            font-size: 24px !important;
            color: black;
        }

            .header_menu-responsive-medium .childItem,
            .header_menu-responsive-medium .parentItem,
            .page-menu-responsive-medium .childItem,
            .page-menu-responsive-medium .parentItem {
                padding-top: 20px;
                padding-bottom: 20px;
            }
}

@media (max-device-width: 1024px) and (orientation: portrait) { /* THIS IS TABLET */
    /* do full picture with login at bottom */
    .header_menu-responsive-small,
    .header_menu-responsive-medium,
    .page-menu-responsive-small,
    .page-menu-responsive-medium {
    }

        .header_menu-responsive-small,
        .header_menu-responsive-small div,
        .header_menu-responsive-small a,
        .header_menu-responsive-small a:visited,
        .page-menu-responsive-small,
        .page-menu-responsive-small div,
        .page-menu-responsive-small a,
        .page-menu-responsive-small a:visited {
            font-size: 16px !important;
            color: black;
        }

            .header_menu-responsive-small .childItem,
            .header_menu-responsive-small .parentItem,
            .page-menu-responsive-small .childItem,
            .page-menu-responsive-small .parentItem {
                padding-top: 10px;
                padding-bottom: 10px;
            }

        .header_menu-responsive-medium,
        .header_menu-responsive-medium div,
        .header_menu-responsive-medium a,
        .header_menu-responsive-medium a:visited,
        .page-menu-responsive-medium,
        .page-menu-responsive-medium div,
        .page-menu-responsive-medium a,
        .page-menu-responsive-medium a:visited {
            font-size: 24px !important;
            color: black;
        }

            .header_menu-responsive-medium .childItem,
            .header_menu-responsive-medium .parentItem,
            .page-menu-responsive-medium .childItem,
            .page-menu-responsive-medium .parentItem {
                padding-top: 20px;
                padding-bottom: 20px;
            }
}

@media screen and (max-width:736px) and (orientation:portrait) {  /* Phone */
    div.copyright-notice {
        float: none;
    }
}
@media(max-width:560px){
	select{
		width:100%;
	}
}


@media(max-width:415px){
	div#divTypeBranchingButtons h3{
		padding:0px;
	}
	h3#h3WhoPurchasing{
		padding:0px;
	}
	h2#pageTitle{
		padding:0px;
	}
	
}