#user-bar-wrapper
{
    background:#FCFCFC;
	width:100%;
	color:#000000;	
    padding-bottom:10px;
    height:35px;
}

#user-bar-wrapper a
{
	color:#ffffff;	
}
.user-bar-conatiner
{
	margin:0 auto;
	width:940px;	
	position:relative;
}

.user-bar-favourite
{
	background:#305b87 url('../images/user-bar/favourite-gradient.gif') repeat-x bottom;
	display:inline-block;
	padding:0 1em 0.1em 1em;
	border-radius:6px;
}

.user-bar-favourite span
{
	padding-left:26px;
	background:transparent url('../images/user-bar/star-white.png') no-repeat left center;
}

.user-drop-down
{
	float:right;
}

.user-drop-down-icon {
    width: 46px !important;
    height: 46px !important;
    background: rgba(0, 0, 0, 0) url("../img/login-bar/menu-icon.png") no-repeat left top;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.user-drop-down-icon:hover {
    background-position: left bottom;
}


.user-drop-down span
{
	padding-left:26px;
	background:transparent url('../images/common/down-arrow.png') no-repeat left center;
	cursor:pointer;
}

.user-bar-dropdown
{
    display: none;
    position: absolute;
    top: 2.5em;
    right: -2.5em;
    width: 9em;
    padding: 0.5em 1em 1em 1em;    
    background-color:#474747;
	color:#ffffff;
	border-radius: 0 0 12px 12px;
	z-index:999999;
}

.layout-OA-popup-item
{
	display:block;
	padding:0.3em;
	border:1px solid transparent;
	font-size:110%;
}

.layout-OA-popup-item:hover
{
    background-color: #999999;
    padding:0.3em;
    border:1px solid #ffffff;
}

.user-bar-dropdown a
{
    font-size: 0.7em;
    text-decoration: none;
    padding: 4px;
    color:#ffffff;
}

.layout-OA-popup-item:hover a
{
	color:#333333;
	text-decoration:underline;
}

.layout-OA-popup-item a.no-underline
{
	text-decoration:none;
}

.login-bar .login-bar-popup {
    display: none;
    position: absolute;
    background: #ffffff;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.7);
    top: 60px;
    right: 0;
    width: 300px;
    border-radius: 4px;
    color: #000000;
    z-index:9;
}

.login-bar .login-bar-popup ul {
    margin: 0;
    padding: 22px 32px;
    list-style-type: none;
}

.login-bar .login-bar-popup ul li {
    padding: 10px 0;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;    
}

.login-bar .login-bar-popup ul li:hover {
    color: #000000;
}

.login-bar .login-bar-popup ul li.logout {
    background: transparent url("../img/login-bar/logout.png") no-repeat top right;
}

.login-bar .login-bar-popup ul li a {
    text-decoration:none;
    color:#000000;
}

.login-bar .login-bar-popup-point {
    width: 22px;
    height: 16px;
    background: transparent url("../img/login-bar/cand-account-point.png") no-repeat top right;
    position: absolute;
    top: -10px;
    right: 16px;
}

.login-bar .login-bar-popup-point-side {
    height: 22px;
    width: 16px;
    background: transparent url("../img/login-bar/cand-account-point-side.png") no-repeat top right;
    position: absolute;
    top: 10px;
    left: -16px;
}

.cand-menu-icon {
    width:46px !important;
    height:46px !important;
    background: transparent url("../img/login-bar/menu-icon.png") no-repeat left top;
    cursor:pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    margin-left:20px;
}

.cand-menu-icon:hover {
    background-position:left bottom;
}

.login-bar .cand-menu-icon.alert {
    margin-left:16px;
    margin-right:0;
}

.login-bar .login-bar-popup ul li.doc-icon .icon {
    background: transparent url("../img/login-bar/doc-download/doc-download-icon.png") no-repeat center top;
}

.login-bar .login-bar-popup ul li.excel-icon .icon {
    background: transparent url("../img/login-bar/doc-download/excel-download-icon.png") no-repeat center top;
}

.login-bar .login-bar-popup ul li.image-icon .icon {
    background: transparent url("../img/login-bar/doc-download/image-download-icon.png") no-repeat center top;
}

.login-bar .login-bar-popup ul li.pdf-icon .icon {
    background: transparent url("../img/login-bar/doc-download/pdf-download-icon.png") no-repeat center top;
}

.login-bar .login-bar-popup ul li.logout-icon .icon {
    background: transparent url("../img/login-bar/doc-download/logout-icon.png") no-repeat center top;
}


.login-bar .login-bar-popup ul li .icon {
    margin-right: 20px;
    width: 32px;
    height: 32px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


.login-bar .login-bar-popup ul li:hover .icon {
    background-position: center bottom;
}

.login-bar .login-bar-popup.display {
    display: block;
}

.candidate-icon .icon {
width: 32px !important;
height: 32px !important;
background: rgba(0, 0, 0, 0) url("../img/login-bar/candidate-icon.png") no-repeat left top;
cursor: pointer;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

.float-left {
    float:left;
}

.relative {
    position:relative;
}