@font-face {
    font-family: 'Source Sans Pro';
    src: url('../Fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro Bold';
    src: url('../Fonts/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro Semi Bold';
    src: url('../Fonts/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    font-family: 'Source Sans Pro';
    font-size: 14px;
    color: #680C93;
}

/* make footer sticky*/
html, body, form {
    height: 100%;
}

#divRegistrationInfo {
    text-align: justify;
    padding-right: 30px;
}

#divRegistrationInfo a, #divRegistrationInfo a:visited {
    color: #680C93;
    font-family: 'Source Sans Pro Bold';
}

#formatWrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -3em;
}

footer, .push {
    height: 3em;
}

/* make footer sticky*/

footer {
    border-top: 1px solid #E3E3E3;
    font-family: 'Source Sans Pro';
    font-size: 12px;
    color: #959595;
    width: 100%;
}

#footerPrivacyInfo {
    padding-top: 1em;
    /*padding-right: 5em;*/
    font-family: 'Source Sans Pro';
    font-size: 12px;
    color: #959595;
    text-decoration: none;
    text-align: center;
}

#footerPrivacyInfo a, #footerPrivacyInfo a:visited {
    font-family: 'Source Sans Pro';
    font-size: 14px;
    color: #333;
    /*text-decoration: none;*/
}

#footerVersion {
    text-decoration: none;
    float: right;
    margin-right: 10px;
    font-family: 'Source Sans Pro';
    font-size: 14px;
    color: #333;
    vertical-align: middle;
}

#divPrivacyInfo {
    display: none;
}

#divPrivacyInfo h1, #divPrivacyInfo h2 {
    text-align: center;
}

#divAccount {
    display: inline-block;
    width: 125px;
    height: 46px;
    vertical-align: middle;
    line-height: 46px;
    border-left: 1px solid #BFBFBF;
    padding-left: 25px;
    margin:-1px 0 0 30px;
}

#divJOESlogo {
    float: left;
    display: inline-block;
    height: 46px;
    margin:-1px 0 0 -1px;
}

#divJOESlogo img {
    height: 42px;
    padding-top: 2px;
    padding-left: 5px;  
}

#divLinks {
    float: right;
    padding: 0;
    margin: 0;
}

#divLinks img {
    border: none;
}

#divLinks a {
    text-decoration: none;
}

#divLogout {
    display: inline-block;
    width: 100px;
    height: 46px;
    vertical-align: middle;
    line-height: 46px;
    margin:-1px 0 0 -1px;
}

#imgLogos { 
    border: none;
}

#joesMenu, #joes2Menu, #adminMenu, #wicsMenu, #joesdMenu, #trissMenu, #joesedMenu {
	width: 100%;
	height: 75px;
	background-color: #8436A9;
	font-family: 'Source Sans Pro Bold';
	font-size: 14px;
	color: #FFFFFF;
	min-width: 1530px;
}

#joes2Menu {
    text-align: center;
}

#joescMenu {
    width: 100%;
    height: 75px;
    background-color: #80B7E9;
    font-family: 'Source Sans Pro Bold';
    font-size: 14px;
    color: #FFFFFF;
    min-width: 1530px;
}

#wicsMenu, #trissMenu {
	text-align: center;
}

#joesdMenu, #joesedMenu {
	text-align: center;
}

#joesMenu i, #joes2menu i, #joescMenu i, #adminMenu i, #wicsMenu i, #joesdMenu i, #trissMenu i, joesedMenu i {
	font-size: 20px;
}

#primaryMenu {
    color: #FFFFFF;
    background-color: #680C93;
    height: 46px;
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    min-width: 1530px;
}

.banner {
    margin-bottom: 20px;
}

.bannerLogos {
    height: 45px;
    width: 454px;
    z-index: -1;
}

#divUserAccount {
    padding: 5px 0px 5px 20px;
}

.divUserAccount {
    line-height: 25px;
    vertical-align: middle;
}

.divUserAccount img {
    margin-right: 5px;
    border: none;
}

.divUserAccount.ui-widget-content a {
    text-decoration: none;
    color: #680C93;
    font-size: 16px;
}

.divUserAccount.ui-dialog {
    border: 1px solid #680C93;
    box-shadow: 0px 0px 3px 3px rgba(104,12,147,0.2);
}

.divUserAccount .ui-dialog-titlebar { 
    display: none;
}

.error {
    font-size: 14px;
    width: 90%;
    margin-bottom: 10px;
    padding: 10px;
}

.error_small {
    font-size: 12px;
    width: 90%;
    margin-bottom: 10px;
    padding: 10px;
}

.header1 {
    font-family: 'Source Sans Pro Semi Bold';
    font-size: 18px;
    color: #680C93;
}

.header2 {
    font-family: 'Source Sans Pro Semi Bold';
    font-size: 16px;
    color: #5095D3;
}

.header3 {
    font-family: 'Source Sans Pro Semi Bold';
    font-size: 13px;
    color: #959595;
}

.lnkMainMenu {
    color: #FFFFFF;
}

.menu {
    display: block;
    clear: both;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    color: #8436A9;
    text-align: center;
    text-decoration: none;
    background: #FFFFFF;
    padding: 3px;
    margin: 0 auto;
    margin-top: 7px;
}

.menuC {
    display: block;
    clear: both;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    color: #8436A9;
    text-align: center;
    text-decoration: none;
    background: #80B7E9;
    padding: 3px;
    margin: 0 auto;
    margin-top: 7px;
}

.menuHighlighted, .menuLink:hover .menu {
    color: #FFFFFF;
    text-decoration: none;
    background: #80B7E9;
    display: block;
    clear: both;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    text-align: center;
    padding: 3px;
    margin: 0 auto;
    margin-top: 7px;
}

.menuHighlightedC {
    color: #FFFFFF;
    text-decoration: none;
    background: #FFFFFF;
    display: block;
    clear: both;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    text-align: center;
    padding: 3px;
    margin: 0 auto;
    margin-top: 7px;
}

.menu i, .menuHighlighted i {
    margin-top: 4px;
}

.menuText {
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}

.menuContainerAdmin {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 0;
}

.menuContainerJOES {
    margin: 0 auto;
    width: 1535px;
    padding: 0;
}

.menuContainerJOESC {
    margin: 0 auto;
    width: 100%;
    padding: 0;
    text-align: center;
}

.menuContainerWICS, .menuContainerTRISS {
	margin: 0 auto;
	width: 1535px;
	padding: 0;
}

.menuContainerJOESD {
	margin: 0 auto;
	width: 1535px;
	padding: 0;
}

.menuContainerJOESED {
	margin: 0 auto;
	width: 1535px;
	padding: 0;
}

.menuItem {
    text-align: center;
    display: inline-block;
    height: 46px;
    vertical-align: middle;
    line-height: 46px;
    padding-left: 8px;
    padding-right: 8px;
}

.menuItemSelected {
    background-color: #8436A9;
    border-top: 6px solid #BFBFBF;
    text-align: center;
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    line-height: 34px;
    padding-left: 8px;
    padding-right: 8px;
}

.menuItemSelectedC {
    background-color: #80B7E9;
    border-top: 6px solid #BFBFBF;
    text-align: center;
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    line-height: 34px;
    padding-left: 8px;
    padding-right: 8px;
}

.popupButtons {
    margin-top: 25px;
}

.popupButtons div {
    width: 33%;
    text-align: center;
    display: inline-block;
}

.secondaryMenuItem {
    display: inline-block;
    height: 75px;
    width: 150px;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
}

.secondaryMenuItem a, .secondaryMenuItem a:hover, .secondaryMenuItem a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.success {
    font-size: 14px;
    width: 90%;
    margin-bottom: 10px;
    padding: 10px;
}

.success_small {
    font-size: 12px;
    width: 90%;
    margin-bottom: 10px;
    padding: 10px;
}

.ui-widget.ui-button {
    color: #FFFFFF;
    background-color: #680C93;
}

.ui-widget.ui-button:hover {
    color: #FFFFFF;
    background-color: #8436A9;
}

.ui-button.greyBtn {
    color: #FFFFFF;
    background-color: #959595;
    float: left;
}

.ui-button.greyBtn:hover {
    color: #333333;
    background-color: #BFBFBF;
}

.ui-button.greyBtnNoFloat, .ui-button.greyBtnNoFloat:hover {
    color: #FFFFFF;
    background-color: #959595;
    cursor: default;
}

.ui-selectmenu-open > ul {
    max-height: 200px;
    overflow-y: scroll;
}

#menuScore img {
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-check-purple-20.png') no-repeat center;
}

#menuScore.menuHighlighted img, .menuLink:hover #menuScore img {
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-check-square-0-30.png') no-repeat center;
    background-size: 24px;
}

#menuRankRpt img, #menuCommAgg img, #menuJOESDashboard img {
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-bar-chart-purple-20.png') no-repeat center;
}

#menuRankRpt.menuHighlighted img, .menuLink:hover #menuRankRpt img, #menuCommAgg.menuHighlighted img, .menuLink:hover #menuCommAgg img {
    background: url('../Images/fa-bar-chart-purple-20-hover.png') no-repeat center;
}

#menuCRankRpt img, #menuJOESCDashboard img {
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-bar-chart-purple-20-hover.png') no-repeat center;
}

#menuCRankRpt.menuHighlightedC img, .menuLink:hover #menuCRankRpt img, #menuJOESCDashboard.menuHighlightedC img, .menuLink:hover #menuJOESCDashboard img {
    background: url('../Images/fa-bar-chart-purple-20.png') no-repeat center;
}

#menuPatComms img, #menuAccComms img {
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-comment-purple-20.png') no-repeat center;
}

#menuPatComms.menuHighlighted img, .menuLink:hover #menuPatComms img, #menuAccComms.menuHighlighted img, .menuLink:hover #menuAccComms img {
    background: url('../Images/fa-comment-purple-20-hover.png') no-repeat center;
}

#menuCompRep img {
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-exchange-purple-20.png') no-repeat center;
}

#menuCompRep.menuHighlighted img, .menuLink:hover #menuCompRep img {
    background: url('../Images/fa-exchange-purple-20-hover.png') no-repeat center;
}

#menuCCompRep img{
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-exchange-purple-20-hover.png') no-repeat center;
}

#menuCCompRep.menuHighlightedC img, .menuLink:hover #menuCCompRep img{
    background: url('../Images/fa-exchange-purple-20.png') no-repeat center;
}

#menuProComms img, #menuProvRank img {
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-user-md-purple-20.png') no-repeat center;
}

#menuProComms.menuHighlighted img, .menuLink:hover #menuProComms img, #menuProvRank.menuHighlighted img, .menuLink:hover #menuProvRank img {
    background: url('../Images/fa-user-md-purple-20-hover.png') no-repeat center;
}

#menuAProComms img{
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-user-md-purple-20.png') no-repeat center;
}

#menuAProComms.menuHighlighted img, .menuLink:hover #menuAProComms img{
    background: url('../Images/fa-user-md-purple-20-hover.png') no-repeat center;
}

#menuDocs img, #menuRapid img {
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-file-text-purple-20.png') no-repeat center;
}

#menuDocs.menuHighlighted img, .menuLink:hover #menuDocs img, #menuRapid.menuHighlighted img, .menuLink:hover #menuRapid img{
    background: url('../Images/fa-file-text-purple-20-hover.png') no-repeat center;
}

#menuCDocs img{
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-file-text-purple-20-hover.png') no-repeat center;
}

#menuCDocs, #menuCBasic, #menuCCompRep, #menuCRankRpt, #menuJOESCDashboard {
    border: 1px solid #FFFFFF;
}

#menuCDocs:hover, #menuCBasic:hover, #menuCCompRep:hover, #menuCRankRpt:hover, #menuJOESCDashboard:hover {
    background-color: #FFFFFF;
}

#menuCDocs.menuHighlightedC img, .menuLink:hover #menuCDocs img{
    background: url('../Images/fa-file-text-purple-20.png') no-repeat center;
}

#menuBasicRpt img, #menuVirtualHealth img {
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-wrench-purple-20.png') no-repeat center;
}

#menuBasicRpt.menuHighlighted img, .menuLink:hover #menuBasicRpt img, #menuVirtualHealth.menuHighlighted img, .menuLink:hover #menuVirtualHealth img {
    background: url('../Images/fa-wrench-purple-20-hover.png') no-repeat center;
}

#menuCBasic img{
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-wrench-purple-20-hover.png') no-repeat center;
}

#menuCBasic.menuHighlightedC img, .menuLink:hover #menuCBasic img{
    background: url('../Images/fa-wrench-purple-20.png') no-repeat center;
}

img {
    vertical-align: text-bottom;
}

#menuAAccount img{
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-check-purple-20.png') no-repeat center;
}

#menuAAccount.menuHighlighted img, .menuLink:hover #menuAAccount img{
    background: url('../Images/fa-check-purple-20-hover.png') no-repeat center;
}

#menuAUsers img{
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-users-purple-20.png') no-repeat center;
}

#menuAUsers.menuHighlighted img, .menuLink:hover #menuAUsers img{
    background: url('../Images/fa-users-purple-20-hover.png') no-repeat center;
}

#menuAPass img{
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-key-purple-20.png') no-repeat center;
}

#menuAPass.menuHighlighted img, .menuLink:hover #menuAPass img{
    background: url('../Images/fa-key-purple-20-hover.png') no-repeat center;
}

#menuAFile img{
    border: none;
    width: 0;
    height: 0;
    padding: 15px;
    background: url('../Images/fa-file-text-purple-20.png') no-repeat center;
}

#menuAFile.menuHighlighted img, .menuLink:hover #menuAFile img{
    background: url('../Images/fa-file-text-purple-20-hover.png') no-repeat center;
}