﻿
/*********** BODY ***********/

body
{
    /* background color of the whole application */
    background-color: white;
    font-family: tahoma, arial, verdana, sans-serif;
}

.dashboardBackground {
    background-image: none;/*url('body.jpg');*/
    -ms-background-size: contain;
    background-size: contain;
}

/*********** MAIN CONTAINER ***********/

.MainContainer
{
    /* distance of main window to top of browser */
    /* - has to be set if .SiteHeaderBase->height is changed */
    margin-top: 72px;
}


/*********** SITE HEADER ***********/

.SiteHeaderBase
{
    height: 72px; 
}
.SiteHeader
{
    width: 100%;
    background-color: white; /*#B5C7DE; /*#E5E5E7; /*#21374c;*/
    background-image: url("headlineGradient.png") !important;
    background-repeat: repeat-x !important;
}
#SiteLogo
{
    position:absolute;
    top: 12px;
    left: 10px;
}

#HeaderContainer
{
    float: right;
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 13px;
    vertical-align:bottom; 
    width:50%; 
}
#HeaderContainer > div > table
{
    float: right;
    position: relative;
    top: 6px;
}

.EmployeeName
{
    color: #828D8F;
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.LogoutImg
{
    margin-right: 4px;
	margin-left: 4px;
    float:left;
    background-image: url(../../../Icons/btn-logout.png);
    width: 16px;    
    height: 16px;    
}


/*********** MENU CONTAINER ***********/

.MenuContainer
{
    left: 0px;
    width:100%;
    margin-top:-30px;
}

.MenuContainerElement
{
    background-color: #99a4a6;
    width: 25%;
    text-align: center;
}
.MenuContainerElement a
{
    color: #fcfcfe;
    text-decoration: none;
    font-size: 12px;
    font-family: tahoma, arial, verdana, sans-serif;
    font-weight: bold;
}
.MenuContainerElement:hover
{
    background-color: #f3f3f3;
    color: #000000 !important;
}
.MenuContainerElement a:hover
{
    background-color: #f3f3f3;
    color: #000000 !important;
}
.MenuContainerElementSelected
{
    background-color: #E8E8E8 !important;
    color: #000000 !important;
}
.MenuContainerLeftSpace
{
    width: 5%;
}
.MenuContainerRightSpace
{
    width: 12%;
}


/*********** LOGIN ***********/

.LoginVersionNumber
{
    color: #CCCCCC;
    font-size: 10px;
}
.LoginMessages
{
    color: red;
    font-size: 13px;  
}
.LoginTable
{
    margin: 20px 0px 0px 0px;
}
.LoginBackground
{
    background-color: #e6e6e6;
}



/*********** UNUSED ? ***********/

/*#ribbonrow
{
    background-color: #21374c;
}*/