#div_main_container {
	margin: 0;
    padding: 0;
    min-width: 960px;
    border-image: none;
    left: 2px; top: 2px; right: 2px; bottom: 2px;
    position: absolute;
    overflow: hidden;
}

#div_header{
    height: 55px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    color: #5f5f5f;
    border-bottom: 1px solid #8ebd70;
}

#div_navigation {
	width: 38%; text-align: left; color: rgb(186, 186, 192); letter-spacing: -1px; font-size: 18px;
    vertical-align: bottom;
    float: left;
    margin-top: 4px;
}

#div_navigation_title{
    float: left; margin-left: 5px; margin-top: 2px; min-width: 232px;
}

#curr_date {
   width: 30%; text-align: center; color: rgb(255, 255, 255); font-size: 18px; float: left;
}
#div_current_user {
    width: 35%; text-align: right; float: left;
}
#div_current_user .greeting {
	color: white; font-size: 18px; margin-top: 4px;
}
#div_current_user .role {
	color: rgb(187, 187, 200); text-transform: uppercase; font-size: 16px; font-weight: bold;
}
#div_current_user .avatar {
	vertical-align: middle;
}
#div_current_user img {
	width: 28px; height: 28px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
}

#div_logo {
    position: absolute;
    margin-top: 1px;
}

#img_logo {
	float: left;
}
#div_logo div {
	left: 222px; height: 60px; right: 2px; bottom: 0; position: absolute;
}
#div_logout {
	margin: 0; padding: 1px; border-radius: 4px; border: thin solid rgb(221, 239, 62); border-image: none; text-align: center; right: 0; bottom: 23px; color: rgb(187, 187, 201); letter-spacing: -1px; font-size: 15px; font-weight: bold; position: absolute; cursor: pointer; -moz-border-radius: 4px;
}
.div_logout {
	text-align: center; color: rgb(187, 187, 201); letter-spacing: -0.1em; font-size: 15px; font-weight: bold; text-decoration: none; cursor: pointer;
}
#div_content {
	margin: 0 1% 1%; border-radius: 0 0 0 5px; top: 107px; width: 98%; bottom: 5px; background-color: #ffffff; float: left;
}

a {
	text-decoration: none;
}

a:visited{
    color: #5A8ECC;
}

.header-icon{
    cursor: pointer;
}

.header-icon:hover{
   opacity:0.5;
}
/* Screen resolution to 1024 pixel (iPad compatibility) */
@media only screen and (max-width:1024px)
{
	#div_navigation {
		font-size: 16px;
	}
    #div_navigation_title{
        min-width: 210px;
    }
	#curr_date {
		font-size: 16px; margin-top: 7px;
	}
	#div_current_user {
		font-size: 16px;
	}
	#div_current_user .greeting {
		font-size: 16px;
	}
}