/* 

Notice to Administrators:  
	This file is intended to be modified by Logibec only and will be overwritten when upgrading.  
	If you would like to modify the appearance of the QSS Web Application please review the Customization Guide.

Contents:
	Classes used for the Master pages (including the navigation menu).

*/

/* Structural */

body.mpPageBody , body.mpWindowBody 
{
    margin:0px;   
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;
	font-size: small;
	background: white;
	padding: 0;
    text-align: left; 
}


body.mpPageBody form , body.mpWindowBody form 
{
	margin:0px;
}

.mpWindowHeader
, .mpWindowFooter
{
    border: 2px solid white;
}

.mpLogo
{
	padding-bottom: 10px;
}

.mpPrintFooter
{
    display:none;
}

.mpFormHeader
{
    margin:30px;
    margin-bottom:0px;
}

.mpFormContent
{
    margin:0px 35px 2px 35px;
    /* reason that 15 extra pixels right is needed is unknwon - FF / IE same display*/
}

.mpFormFooter
{
    margin:30px;
    margin-top:0px;
}

.mpNavBar
{
    height:32px;
}

.mpBottomBar
{
    background-color:#195BA4;
    color: white;
    font-size: 10px; 
    vertical-align: middle;
    height:32px;
}

.mpTopRightBar
{
    height:24px;
}

.mpUsergroup
{
    position:absolute; 
    top:25px; 
    right:20px; 
}

.mpMenu 
{
    cursor:pointer;
}

.mpBack
{
	background-color:#195BA4;
}

/* Edging */
.mpBevelTopBottomLeft
{
	background: url(Images/menu_left.png);
	width: 7px;
}

.mpBevelTopBottomRight
{
	background: url(Images/menu_right.png);
	width: 7px;
}

.mpBevelTopRight
{
	background: url(Images/menu_topright.png);
	width: 7px;
}

.mpBevelTopLeft
{
	background: url(Images/menu_topleft.png);
	width: 16px;
}

.mpBevelTopLeftBottomConnector
{
	background: url(Images/menu_topleft_bottom.png);
	width: 16px;
	
}

.mpBevelBottomRight
{
	background: url(Images/menu_bottomright.png);
	width: 7px;
}

.mpBevelBottomLeft
{
	background: url(Images/menu_bottomleft.png);
	width: 7px;
}


/* Text/Links */

.mpBarLink
{
    color:White;
    font-weight:bold;
    text-decoration:none;
}

.mpBarLink:Hover
{
    text-decoration:underline;
}

.mpBarFakeMenuItem
{
    padding:2px 4px 2px 4px;
    text-decoration:none;
    color:White;
}

a.mpBarFakeMenuItem:Hover
{
    background-color:#7C6F57;
}

.mpHelpImage
{
    vertical-align:middle;
}

.mpWindowHelp, .mpWindowHelpFloat
{
    z-index:49970;
    top:12px;
    right:12px;
}

.mpWindowHelp
{
    position: absolute;
}

.mpWindowHelpFloat
{
    position: fixed;
}

.mpNoScript
{
    font-size:larger;
    text-align:center;
    margin-top:120px;
    margin-left: auto;
    margin-right:auto;
    background: white;
    border: 1px solid red;
    padding: 3px;
    width: 70%;
}

/* Loading Indicator */

.mpPageLoadingContainer, .mpWindowLoadingContainer
{
}

.mpPageLoadingUnder , .mpWindowLoadingUnder
{
    background:white;
    height:100%;
    width:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:49980;
	opacity: 0.7; /* CSS 3.0 : Opera */

    /* Tranparency Hacks - not standards compliant */
	filter:alpha(opacity=70);
}

.mpPageLoading , .mpWindowLoading
{
    top:35px;
    width:100%;
    text-align:center;
    position:fixed;
    z-index:49990;
    margin-bottom:5px;
}

.mpPageLoading > span  , .mpWindowLoading > span
{
    left:-25px;
    font-style:italic;
    position:relative;
    font-size:25pt;

}

.mpWindowLoading span
{
    margin-right: 25px;
}