/***  Header Bar  ***/
/* header */

.headerbar1{
    /***  CSS Box Model  ***/
    height:3.375em;  /***  54px  ***/
    width:100%;
    /***  CSS Gradient  ***/
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 30%, #e7edf1 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 30%, #e7edf1 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 30%, #e7edf1 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #ffffff 30%, #e7edf1 100%);
    background-image: linear-gradient(top, #ffffff 0%, #ffffff 30%, #e7edf1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e7edf1",GradientType=0);
}
.headerbar1:focus{
	outline:none;
}

.headerbar2{
    /***  CSS Box Model  ***/
    height:0.063em;  /***  1px  ***/
    width:100%;

    /***  CSS Text and Font  ***/
    background-color:#ffffff;
}
.headerbar2:focus{
	outline:none;
}

.headerbar3{
    /***  CSS Box Model  ***/
    height:0.063em;  /***  1px  ***/
    width:100%;

    /***  CSS Text and Font  ***/
    background-color:#005077;
}
.headerbar3:focus{
	outline:none;
}

.headerbar4{
    /***  CSS Box Model  ***/
    height:0.188em;  /***  3px  ***/
    width:100%;
    /***  CSS Text and Font  ***/
    background-color:#0072AA;
}
.headerbar4:focus{
	outline:none;
}

.headerbar_divider1{

    /***  CSS Box Model  ***/
    height:3.375em;  /***  54px  ***/
    width:0.063em;  /***  1px  ***/

    /***  CSS Gradient  ***/
    background-image: #e9eff2;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #d6e1e6 50%, #e7edf1 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #d6e1e6 50%, #e7edf1 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #d6e1e6 50%, #e7edf1 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #d6e1e6 50%, #e7edf1 100%);
    background-image: linear-gradient(top, #ffffff 0%, #d6e1e6 50%, #e7edf1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e7edf1",GradientType=0);
    display:inline-block;

    /*margin-right: 0.75em;*/
}

/***  Application Switcher  ***/

.appswitcherbar1{
    /***  CSS Box Model  ***/
    height:2em;  /***  32px  ***/
    width:100%;

    /***  CSS Text and Font  ***/
    background-color:#E3EAEE;
}

.appswitcherbar2{
    /***  CSS Box Model  ***/
    height:1px;  /***  1px  ***/
    width:100%;

    /***  CSS Text and Font  ***/
    background-color: #CEDAE2;
}

.appswitcherbardivider{

    height:2em;  /***  32px  ***/
    width: 0.063em;  /***  1px  ***/;

    background-image: #cbd8e0;
    background-image: -webkit-linear-gradient(top, #e3eaee 0%, #b3c5d1 35%, #b3c5d1 65%, #e3eaee 100%);
    background-image: -moz-linear-gradient(top, #e3eaee 0%, #b3c5d1 35%, #b3c5d1 65%, #e3eaee 100%);
    background-image: -o-linear-gradient(top, #e3eaee 0%, #b3c5d1 35%, #b3c5d1 65%, #e3eaee 100%);
    background-image: -ms-linear-gradient(top, #e3eaee 0%, #b3c5d1 35%, #b3c5d1 65%, #e3eaee 100%);
    background-image: linear-gradient(top, #e3eaee 0%, #b3c5d1 35%, #b3c5d1 65%, #e3eaee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3eaee", endColorstr="#e3eaee",GradientType=0);

    background-color:#CBD8E0;


}

.appswitcherhover{
    /***  CSS Box Model  ***/
    height:1.5em;  /***  24px  ***/
    padding-right: .375em;
    padding-left: .375em;

    /***  CSS Borders  ***/
    border: 1px inset #EEC071;

    /***  CSS Text and Font  ***/
    background-color:#FBF2CA;

    /***  CSS Rounded Corners  ***/
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}

.appswitchertext{

    font: .75em Arial, Helvetica;  /* 75.0%, 12px, 9pt */
    color: #003F67;
    text-align: left;
}

.appswitchertextcurrent{

    font: bold .75em Arial, Helvetica;  /* 75.0%, 12px, 9pt */
    color: #003F67;
    text-align: left;
}



/* Inna Added 01.02.2013  */

/* Logo Image */
.header_img {
    height:24px;
    width: 24px;
    vertical-align:top;
    display:inline-block;
}

/* Navigation bar */
.header-nav
{
    display:inline-block;
    float: right;
    right: 0.75em;
    padding-right: 0.75em;
    vertical-align: text-top;
}

/* Help icon */
.header-icon-help
{
    background: url("../img/icon-headerbar-help.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    width:18px;
    height: 19px;
    display: inline-block;
    cursor: pointer;
    margin-left: 0.75em;
}

.header-icon-help:hover{
    background-position: 0 -19px;
}

.header-icon-help:focus{
    background-position: 0 -19px;
}

.header-icon-help:active {
    background-position: 0 -38px;
}

/* Triangle icon */
.header-icon-user-menu-triangle{
    background: url("../img/icon-headerbar-user-menu-triangle.png");
    background-position: 0 0px;
    width: 10px;
    height: 7px;
    display: inline-block;
    cursor: pointer;
}

.header-icon-user-menu-triangle:hover {
    background-position: 0 -7px;
}

.header-icon-user-menu-triangle:active {
    background-position: 0 -13px;
}

.header-icon-user-menu-triangle_active{
    background: url("../img/icon-headerbar-user-menu-triangle.png");
    background-position: 0 -13px;
    width:10px;
    height: 7px;
    display: inline-block;
    cursor: pointer;
    background-repeat:no-repeat;
}

.header-icon-user-menu-triangle_active:hover{
    background-position: 0 -7px;
}

.header-icon-user-menu-triangle_active:focus{
    background-position: 0 -7px;
}

.header-icon-user-menu-triangle_active:active{
    background-position: 0 -0px;
}

/* User avatar */
.icon-headerbar-user-default {
    background: url("../img/icon-headerbar-user-default.png");
    width:36px;
    height: 37px;
    display:inline-block;
    margin-right: 1em;
    margin-left: 0.75em;
    top: -0.5em;
    position: relative;
}

/* User Name display */
.username{
    font-family: Arial, Helvetica;
	font-weight: bold; 
    font-size: 0.75em;
    line-height: 0.813em;   /* 81.3%, 13px, 10pt */;
    color: #333333;
    margin-right: 1em;
    top: -2em;
    position: relative;
    word-wrap: break-word;
    cursor: pointer;
}

/* User Menu */
.user-menu-icon {

}

ul.header-user-menu {
    list-style-type: none;
    line-height: 38px;
    /***  CSS Box Model  ***/
    margin-top:0;
    padding:0;

    /***  CSS Borders  ***/
    border: 1px solid #B2C4D0;

    /***  CSS Text and Font  ***/
    background-color:#FFFFFF;

    /***  CSS Rounded Corners  ***/
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;

    /***  CSS Box Shadow  ***/
    -moz-box-shadow: 0px 1px 4px rgba(0,63,103,0.2);
    -webkit-box-shadow: 0px 1px 4px rgba(0,63,103,0.2);
    box-shadow: 0px 1px 4px rgba(0,63,103,0.2);

    display:none;
    position: absolute;
    width: 15em;
    z-index: 200;
}

.header-user-menu > li {
    
    /***  CSS Borders  ***/
    border:1px solid #FFFFFF;
    
    font-family: Arial, helvetica;

    /***  CSS Rounded Corners  ***/
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}

.header-user-menu > li:hover, .header-user-menu > li:focus{
    
    /***  CSS Borders  ***/
    border:1px solid #EEC071;
    
    /***  CSS Text and Font  ***/
    background-color:#FBF2CA;

    font-family: Arial, helvetica;

    /***  CSS Rounded Corners  ***/
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;

    cursor: pointer;
}


.header-user-menu > li:active{
    
    /***  CSS Borders  ***/
    border:1px solid #96D1EF;
    
    /***  CSS Text and Font  ***/
    background-color:#EAF6FC;

    font-family: Arial, helvetica;
   
    /***  CSS Rounded Corners  ***/
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}

#home:hover .user-menu-icon-home {
    background-position: 0 -32px;
}

#home:focus .user-menu-icon-home {
    background-position: 0 -32px;
}

#home:active .user-menu-icon-home {
    background-position: 0 -64px;
}

.user-menu-icon-home {
    margin-left: 0.75em;
    padding: 0.75em;
    display: inline-block;

    background: url("../img/icon_usermenu_home.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    top: 0.75em;
    position: relative;
}

.user-menu-icon-home:hover {
    background-position: 0 -32px;
}

.user-menu-icon-home:active {
    background-position: 0 -64px;
}

#profile:hover .user-menu-icon-profile {
    background-position: 0 -32px;
}

#profile:focus .user-menu-icon-profile {
    background-position: 0 -32px;
}

#profile:active .user-menu-icon-profile {
    background-position: 0 -64px;
}

.user-menu-icon-profile {
    margin-left: 0.75em;
    padding: 0.75em;
    display: inline-block;

    background: url("../img/icon_usermenu_profile.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    top: 0.75em;
    position: relative;
}

.user-menu-icon-profile:hover {
    background-position: 0 -32px;
}

.user-menu-icon-profile:focus {
    background-position: 0 -32px;
}

.user-menu-icon-profile:active {
    background-position: 0 -64px;
}


#changePassword:hover .user-menu-icon-resetadmin {
    background-position: 0 -32px;
}

#changePassword:focus .user-menu-icon-resetadmin {
    background-position: 0 -32px;
}

#changePassword:active .user-menu-icon-resetadmin {
    background-position: 0 -64px;
}

.user-menu-icon-resetadmin {
    margin-left: 0.75em;
    padding: 0.75em;
    display: inline-block;

    background: url("../img/usermenu-reset_sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    top: 0.75em;
    position: relative;
}

.user-menu-icon-resetadmin:hover {
    background-position: 0 -32px;
}

.user-menu-icon-resetadmin:focus {
    background-position: 0 -32px;
}

.user-menu-icon-resetadmin:active {
    background-position: 0 -64px;
}


#changeROPassword:hover .user-menu-icon-resetroadmin {
    background-position: 0 -32px;
}

#changeROPassword:focus .user-menu-icon-resetroadmin {
    background-position: 0 -32px;
}

#changeROPassword:active .user-menu-icon-resetroadmin {
    background-position: 0 -64px;
}

.user-menu-icon-resetroadmin {
    margin-left: 0.75em;
    padding: 0.75em;
    display: inline-block;

    background: url("../img/usermenu-reset_readonly_sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    top: 0.75em;
    position: relative;
}

.user-menu-icon-resetroadmin:hover {
    background-position: 0 -32px;
}

.user-menu-icon-resetroadmin:focus {
    background-position: 0 -32px;
}

.user-menu-icon-resetroadmin:active {
    background-position: 0 -64px;
}


#checkParameters:hover .user-menu-icon-settings {
    background-position: 0 -32px;
}

#checkParameters:focus .user-menu-icon-settings {
    background-position: 0 -32px;
}

#checkParameters:active .user-menu-icon-settings {
    background-position: 0 -64px;
}

.user-menu-icon-settings {
    margin-left: 0.75em;
    padding: 0.75em;
    display: inline-block;

    background: url("../img/usermenu-settings-sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    top: 0.75em;
    position: relative;
}

.user-menu-icon-settings:hover {
    background-position: 0 -32px;
}

.user-menu-icon-settings:focus {
    background-position: 0 -32px;
}

.user-menu-icon-settings:active {
    background-position: 0 -64px;
}


#out:hover .user-menu-icon-out {
    background-position: 0 -32px;
}

#out:focus .user-menu-icon-out {
    background-position: 0 -32px;
}

#out:active .user-menu-icon-out {
    background-position: 0 -64px;
}

.user-menu-icon-out {
    margin-left: 0.75em;
    padding: 0.75em;
    display: inline-block;

    background: url("../img/icon_usermenu_signout.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    top: 0.75em;
    position: relative;
}

.user-menu-icon-out:hover {
    background-position: 0 -32px;
}

.user-menu-icon-out:focus {
    background-position: 0 -32px;
}

.user-menu-icon-out:active {
    background-position: 0 -64px;
}

.user-menu-text {
    margin-right: 7em;
}

/***  User Menu Hover  ***/
.header-nav:hover .headerbar_divider1 {

    /***  CSS Box Model  ***/
    height:3.375em;  /***  54px  ***/
    width:0.063em;  /***  1px  ***/

    /***  CSS Gradient  ***/
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #b9c8d3 30%, #b9c8d3 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #b9c8d3 30%, #b9c8d3 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #b9c8d3 30%, #b9c8d3 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #b9c8d3 30%, #b9c8d3 100%);
    background-image: linear-gradient(top, #ffffff 0%, #b9c8d3 30%, #b9c8d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#b9c8d3",GradientType=0);
}


.header-nav:hover .header-icon-user-menu-triangle  {
    background-position: 0 -7px;
}


/*.header-nav:active  .header-icon-user-menu-triangle_active{*/
/*background-position: 0 -13px;*/
/*}*/

.users {
    display: inline-block;
    height: 3.375em;

}
.users:hover{
    /***  CSS Box Model  ***/
    /**height: 3.375em;  /***  54px  ***/
    /*padding-right: -0.75em;*/

    /***  CSS Gradient  ***/
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #D9E2E8 30%, #D9E2E8 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #D9E2E8 30%, #D9E2E8 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #D9E2E8 30%, #D9E2E8 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #D9E2E8 30%, #D9E2E8 100%);
    background-image: linear-gradient(top, #ffffff 0%, #D9E2E8 30%, #D9E2E8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#D9E2E8",GradientType=0);
}

.users:focus{
    /***  CSS Box Model  ***/
    /**height: 3.375em;  /***  54px  ***/
    /*padding-right: -0.75em;*/

    /***  CSS Gradient  ***/
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #D9E2E8 30%, #D9E2E8 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #D9E2E8 30%, #D9E2E8 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #D9E2E8 30%, #D9E2E8 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #D9E2E8 30%, #D9E2E8 100%);
    background-image: linear-gradient(top, #ffffff 0%, #D9E2E8 30%, #D9E2E8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#D9E2E8",GradientType=0);
}

/***  END User Menu Hover  ***/