/*WEBAPPMASTER*/
.WebAppHeaderMenu {
    min-width: 1000px;
    width: 1000px;
    min-height: 22px;
    height: 22px;
    text-align: right;
    background-color: #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
}

.WebAppRest {
    min-width: 100%;
    width: 100%;
    min-height: calc(100% - 25px);
    height: calc(100% - 25px);
    overflow: hidden;
}

.AppEnvironmentDivLive {
    border: 1px solid #C0C0C0;
}

.AppEnvironmentDivTest {
    border: 2px solid #FF2D2D;
    float: left;
    padding: 3px;
    margin-top: 1px;
}

.AppEnvironmentLabel {
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight: bolder;
    font-variant: small-caps;
}

.AppEnvironment {
    border: 1px solid #E1E1E1;
    color: #B5CECE;
    background-color: #E1E1E1;
}

.AppEnvironmentRemarkable {
    /*environments do not match, clearly show this*/
    border: 1px solid #E1E1E1;
    color: #FFFFFF;
    background-color: #ff2d2d;
}

.AppDBEnvironment {
    border: 1px solid #E1E1E1;
    color: #B5CECE;
    background-color: #E1E1E1;
    display: none;
}

.AppDBRemarkable {
    /*databases do not match*/
    border: 1px solid #E1E1E1;
    color: #FFFFFF;
    background-color: #ff2d2d;
}

.AppTEST {
    border: 1px solid #ff6347;
    background-color: #ff6347;
    color: #FFFFFF;
    /*display: none;*/
}

.AppLIVE {
    border: 1px solid #BAD1D1;
    color: #FFFFFF;
    background-color: #BAD1D1;
    /*display: none;*/
}

.AppSANDBOX {
    border: 1px solid #999999;
    color: #999999;
    background-color: #FCF9CD;
}

.AppACCEPTATION {
    border: 1px solid #99CCFF;
    color: #FFFFFF;
    background-color: #99CCFF;
}

.AppLOCALHOST {
    border: 1px solid #666699;
    color: #FFFFFF;
    background-color: #666699;
    /*display: none;*/
}

.AppLIVEDBNormal {
    border: 1px solid #E1E1E1;
    color: #B5CECE;
    background-color: #E1E1E1;
}

.AppLIVEDBRemarkable {
    border: 1px solid #FFFFFF;
    color: #669999;
    background-color: #FFFFFF;
}

.AppTESTDBNormal {
    border: 1px solid #FFFFFF;
    color: #FF2D2D;
    background-color: #DDDDDD;
}

.AppTESTDBRemarkable {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #FF2D2D;
}

/*Master Page Layout*/
.MPheaderContainerDiv {
    /*min-width: 1000px;	
	width: 100%;*/
}

.MPheaderLogoDiv {
    height: 50px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}

.MPheaderContentDiv {
    height: 95px;
    min-height: 95px;
}

.divMPHeaderText {
    float: left;
    height: 50px;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    text-align: center;
    padding-top: 15px;
}

.MPHeaderText {
    font-size: xx-large;
    font-weight: bold;
    color: #002A53;
}

.MPHeaderAppTypeText {
    font-size: large;
    color: #002A53;
    font-variant: normal;
    font-style: normal;
}

.MPHeaderTestOmgevingText {
    font-size: medium;
    font-weight: bolder;
    color: red;
}

.MPheaderInformationBarDiv {
    min-width: 100%;
    background-color: #002A53;
    height: 25px;
    color: White;
    text-decoration: none;
    font-size: small;
    text-align: center;
}

.MPheaderSiteMapDiv {
    padding-left: 5px;
    padding-top: 3px;
    float: left;
}

.MPheaderUserInfoDiv {
    vertical-align: middle;
    color: #002A53;
    float: right;
    padding-top: 4px;
}

.MPmainDiv {
    min-width: 950px;
    width: 95%;
    min-height: 100%;
    height: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    min-height: 100%;
}

.MPmainContentDiv {
    min-width: 100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    min-height: calc(100% - 136px);
    height: calc(100% - 136px);
}

.MPmenuDiv {
    width: 120px;
    float: left;
    text-align: left;
}

.MP_DivContent {
    /*opacity:1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
    padding: 20px;
    padding-top: 10px;
    max-width: calc(100% - 40px);
    min-width: calc(100% - 40px);
    width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    min-height: calc(100% - 40px);
    height: calc(100% - 40px);
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    min-width: 98%\9;
    max-width: 98%\9;
    width: 98%\9;
    min-height: 95%\9;
}

.mnuBackgroundStyle {
    text-align: left;
    background-image: url('https://software.MEMIC.maastrichtuniversity.nl/Global_Images/Images/SiteLayout/mnu_bckgrnd.png');
    height: 24px;
    width: 100%;
}

.mnuDivStyle {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

.MPcontentDiv {
    float: right;
    width: 1100px;
}

.MPAPPInfo {
    width: 100%;
}

.MPErrorText {
    float: left;
    color: Red;
    font-weight: bold;
    padding-top: 4px;
}

.MPFooter {
    font-size: xx-small;
    /*position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	text-align: center;
    font-size: small;*/
    width: 100%;
    text-align: right;
}

.MPMenudiv {
    float: left;
}

.MPFooterText {
    font-size: xx-small;
}

.MPUserInfoHyperLinkStyle {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: underline;
    color: #002A53;
    font-weight: bold;
}

.MPSiteMap {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

.msg_button_class {
    height: 25px;
    background-color: White;
    border: 1px solid #002A53;
    text-decoration: none;
    color: #002A53;
    font-size: 11px;
    text-transform: capitalize;
    font-variant: small-caps;
}

.HideButton {
    display: none;
}

.mnuItemStyle {
    text-align: left;
    padding-top: 6px;
    text-decoration: none;
    color: #4979CD;
}

.mnuButtonStyle {
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: white;
    padding-top: 1px;
}

.mnuButtonStyleSubMnu {
    text-align: left;
    text-decoration: none;
    color: white;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
}

.mnuButtonStyleSubMnuHdr {
    padding-top: 4px;
    text-align: right;
    text-decoration: none;
    color: white;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    font-variant: normal;
    font-weight: bold;
}

.mnuSeparatorStyle {
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: white;
    padding-top: -2px;
}


.helpButton {
    background-image: url('https://software.MEMIC.maastrichtuniversity.nl/global_images/Icons/QM.png');
    background-position: left top;
    text-decoration: none;
}

.saveButton {
    background-image: url('https://software.MEMIC.maastrichtuniversity.nl//Global_Images/Icons/MEMIC_Icons/Groen/MEMIC ICOONTJES_export16.png');
    background-position: left top;
    text-decoration: none;
}

.refreshButton {    
    background-image: url('https://software.MEMIC.maastrichtuniversity.nl//Global_Images/Icons/MEMIC_Icons/IconSet/00a9a4/16x16/row 15/9.png');
    background-position: left top;
    text-decoration: none;
}

.scrollbarButton_Scroll {
    background-image: url('https://software.MEMIC.maastrichtuniversity.nl/global_images/Icons/scrollicon.png');
    background-position: center top;
    text-decoration: none;
    background-repeat: no-repeat;
}

.scrollbarButton_NoScroll {
    background-image: url('https://software.MEMIC.maastrichtuniversity.nl/global_images/Icons/noscrollicon.png');
    background-position: center top;
    text-decoration: none;
    background-repeat: no-repeat;
}

.mnuButtonActiveStyle {
    display: inline-block;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    background-image: url('https://software.MEMIC.maastrichtuniversity.nl/Global_Images/Images/SiteLayout/mnu_active_bg.png');
    background-repeat: repeat-x;
    color: white;
    padding-top: 1px;
}

.mnuButtonStyle:hover {
    background-image: url('https://software.MEMIC.maastrichtuniversity.nl/Global_Images/Images/SiteLayout/bgmnuitem_hover.png');
    background-repeat: repeat-x;
    font-weight: normal;
}

.mnuButtonStyleSubMnu:hover {
    background-image: url('https://software.MEMIC.maastrichtuniversity.nl/Global_Images/Images/SiteLayout/bgmnuitem_hover.png');
    background-repeat: repeat-x;
    font-weight: normal;
}

.mnuButtonActiveStyle:hover {
    display: inline-block;
    text-align: left;
    background-image: url('https://software.MEMIC.maastrichtuniversity.nl/Global_Images/Images/SiteLayout/mnu_active_bg_hover.png');
    background-repeat: repeat-x;
    font-weight: bold;
    color: white;
    padding-top: 1px;
}

.infoText {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: White;
    /* border-bottom: 1px solid #002A53;	*/
    text-decoration: none;
    color: #002A53;
    font-size: 11px;
    text-transform: capitalize;
    font-variant: small-caps;
    text-align: center;
}