﻿/* Topline and Title. Master Page 
-----------------------------------------------------------*/
BODY
{
    font-family: Segoe UI, Georgia, "Times New Roman" !important;
    background-color: #ffffff;
    min-width: 1360px;
    font-size: 12px;
}


/*stylesheet for pages*/
/* <![CDATA[ */
*
{
    margin: 0;
    padding: 0;
}

input::-ms-clear {
   display: none;
}

.main
{
    height: 100%;
	background: #ffffff;
}

/* ]]> */

.top-left-login
{
    min-width: 1000px;
    clear: both;
    float: left;
    background: url(../../images/menu/top-left-login.png) no-repeat 0 0;
    height: 55px;
}

.top-center-menu
{
    height: 24px;
    background-color: #F2F2F2;
    font-family: Segoe UI;
}

.top-center-menu .welcome-message span
{
    color: #000000;    
}

.tabs-menu
{
    width:95%;
    margin-top: 9px;
	padding-left: 75px;
}

.top-center
{
    display: inline-block;
    position: relative;
    top: 1px;

}

.rmsys-icon-div
{
    float:left;
    height: 56px;
    margin-top:13px;
}

.coherent-icons-div
{
    float:right;
    padding-top:8px;
}

.top-center-div-tabs
{ 
	background-image: url(../../images/menu/menu-bg.png);
    border-top: 1px solid #A6A6A6;

	
}

.menu-left-float
{
    display: inline-block;
    margin-left: -2px;
 
    background-image: url(../../images/menu/tab-bg.png); /*rounding the corners*/
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -khtml-border-radius: 3px 3px 0 0;
    cursor: pointer;
    border: 1px solid #ababab;
    padding: 0px 5px 9px 0px;
}

.top-center-div-icons
{
    height: 70px;
    background-color: White;
    overflow: hidden;
}

#rmsys_icon
{
    background-image:url(../../images/menu/rmsys-logo.png);
    background-repeat:no-repeat;
    height:46px;
    width:216px;
    margin-left:35px;
    cursor:pointer;    
}

#coherent_icon
{
    padding-right:40px;
    float:left;
    margin-top:3px;
    border: none;
}
#expandButton
{
	background-image: url("../../images/menu/w_down.png");
	background-repeat:no-repeat;
	margin-right: 8px;
	height: 10px;
	width: 10px;
	display: inline-block;
}
#issoft_icon
{
    padding-right:22px;
    margin-top: 6px;
    border: none;
}

.menu-left-float a
{
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 600;
    color: #919191;
    text-decoration: none;
    position: relative;
    bottom: 1px;
    top: 6px;
    padding: 10px 3px 0 30px;
    margin-left: 1px;
    background-position: 5px 9px;
    background-repeat: no-repeat;
}

.menu-left-float a:active
{
    background-color: transparent;
}

#homeMenu
{
	background-image: url(../../images/menu/home.png);
}

#individualMenu
{
    background-image: url(../../images/menu/individual.png);
}

#projectMenu
{
    background-image: url(../../images/menu/project.png);
}

#clientMenu
{
    background-image: url(../../images/menu/client.png);
}

#skillMenu
{
    background-image: url(../../images/menu/skill-explorer.png);
}

#officeMenu
{
    background-image: url(../../images/menu/office-and-equipment.png);
}

#companyMenu
{
    background-image: url(../../images/menu/company-and-department.png);
}

#adminMenu
{
    background-image: url(../../images/menu/admin.png);
}

#adminOffice
{
    background-image: url(../../images/menu/relocation_small_passive.png);
}

#reportMenu
{
    background-image: url(../../images/menu/report.png);
}

#vacationMenu
{
    background-image: url(../../images/menu/vacation-request.png);
}
#entryVacationMenu
{
    background-image: url(../../images/menu/vacation-manager-request.png);
}


.count
{
    position: relative;
    top: -5px;
    right: 0px;
    font-family: Segoe UI;
    font-size: 10px;
    color: black;
    font-weight: 600;
    color: #919191;
}

.tab-active .count {
    top: -7px;
}

.menu-left-float.tab-active {
    background: white;
    border-bottom: 1px solid white;
    padding-top: 2px;
}

.menu-left-float.tab-active a
{
    top: 4px;
    color: #3470a8 !important;
}

.menu-left-float .jQueryTextShadow
{
    color: #284458;
}

.menu-left-float.tab-active .jQueryTextShadow, .menu-left-float:hover .jQueryTextShadow
{
    color: #99c9e7 !important;
}

.menu-left-float:hover a
{    
    color: #26649B;
}

.menu-left-float:hover #homeMenu, .menu-left-float.tab-active #homeMenu
{
    background-image: url(../../images/menu/home-active.png);
}

.menu-left-float:hover #individualMenu, .menu-left-float.tab-active #individualMenu
{
    background-image: url(../../images/menu/individual-active.png);
}

.menu-left-float:hover #projectMenu, .menu-left-float.tab-active #projectMenu
{
    background-image: url(../../images/menu/project-active.png);
}

.menu-left-float:hover #clientMenu, .menu-left-float.tab-active #clientMenu
{
    background-image: url(../../images/menu/client-active.png);
}

.menu-left-float:hover #skillMenu, .menu-left-float.tab-active #skillMenu
{
    background-image: url(../../images/menu/skill-explorer-active.png);
}

.menu-left-float:hover #officeMenu, .menu-left-float.tab-active #officeMenu
{
    background-image: url(../../images/menu/office-and-equipment-active.png);
}

.menu-left-float:hover #companyMenu, .menu-left-float.tab-active #companyMenu
{
    background-image: url(../../images/menu/company-and-department-active.png);
}

.menu-left-float:hover #adminMenu, .menu-left-float.tab-active #adminMenu
{
    background-image: url(../../images/menu/admin-active.png);
}

.menu-left-float:hover #adminOffice, .menu-left-float.tab-active #adminOffice
{
    background-image: url(../../images/menu/relocation_small_active.png);
}

.menu-left-float:hover #reportMenu, .menu-left-float.tab-active #reportMenu
{
    background-image: url(../../images/menu/report-active.png);
}

.menu-left-float:hover #vacationMenu, .menu-left-float.tab-active #vacationMenu
{
    background-image: url(../../images/menu/vacation-request-active.png);
}
.menu-left-float:hover #entryVacationMenu, .menu-left-float.tab-active #entryVacationMenu
{
    background-image: url(../../images/menu/vacation-manager-request-active.png);
}
#sizeInsp
{
    min-width: 1000px;
    overflow: auto;
}

#welcomeDivContent .welcome-message, #welcomeDivContent span, .welcome-message a
{
    font-family: Segoe UI, arial;
    font-style: normal;
    color: #26649b;
    font-size: 12px;
    margin-right: 8px;
}

#username-settings a
{
    margin-left: 10px;
}

.welcome-message
{
    font-size:14px;
    font-family: Segoe UI;
    font-weight: 600;
    color: #777777;
    float: left;
    padding-top: 1px;
    margin-left: 10px;
}

#welcomeDivContent
{
    float: right;
    padding-top: 5px;
    padding-right: 20px;
}

#welcomeDivContent a
{
    color: #26649B;
}

#welcomeDivContent a:link
{
    text-decoration: none;
}

#welcomeDivContent a:hover
{
    text-decoration: underline;
}

#welcomeDivContent .sign-out-span{
    margin-right:0;
}

.menuLinks
{
    float: left;
    margin-top: 5px;
    margin-left: 40px;
    display: none;
}

.collapsDiv
{
    float: left;
    height: 100%;
}

.menuLinks a
{
    color: #f5a652;
    text-decoration: none;
}

.menuLinks a:link
{
    text-decoration: none;
}

.menuLinks a:hover
{
    text-decoration: underline;
}

.menuLinks span
{
    font-family: Segoe UI, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.2em;
    margin-right: 10px;
}


#welcomeDivContent span.menu-link-separator
{
    color: #2F445D;
    font-weight: inherit;
}

#welcomeDivContent .menu-links
{
    float: right;
    margin-right: 6px; 
}

.logoImg
{
    width: 140px;
    height: 40px;
    background-image: url(../../images/menu/logo.png);
    display: block;
    margin-right: 21px;
    margin-left: 2px;
    margin-top: 3px;
    float: left;
    cursor: pointer;
}

.collapseHead
{
    background: transparent;
    background-image: url(../../images/menu/up-arrow.png);
    width: 18px;
    height: 18px;
    border: 0;
    text-indent: -1000px;
    margin-top: 5px;
    margin-left: 5px;
    display: block;
    outline: 0;
}

.collapseHead:hover
{
    background: transparent;
    background-image: url(../../images/menu/up-arrow-gold.png);
}

.collapseHeadDown
{
    background: transparent;
    background-image: url(../../images/menu/down-arrow.png);
    width: 18px;
    height: 18px;
    border: 0;
    text-indent: -1000px;
    margin-top: 5px;
    margin-left: 5px;
    display: block;
    outline: 0;
}

.collapseHeadDown:hover
{
    background: transparent;
    background-image: url(../../images/menu/down-arrow-gold.png);
}

.menu-collapsed #expandButton
{
	background-image: url(../../images/menu/w_up.png);
}
.menu-collapsed .top-center-div-icons 
{
	display: none;
}

.title-label
{
    font-family: Segoe UI, Arial;
    font-size:18px;
    font-weight:600;
}
