@CHARSET "ISO-8859-1";

#mainnavbar {
	clear:both;
	float:left;
	width:100%;
	height:34px;
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
}

#mainnavbar a {
	font-size:13px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	display:inline;
}

.ddmenuitem a {
	font-size:13px;
	color:#2D4350;
	text-decoration:none;
}

#mainnavbar a:hover {
	text-decoration: underline;
}

.ddmenuitem a:hover {
	text-decoration: underline;
}

.ddmenu {
	display:none; position:absolute;
	background-color:#F9F9F9; border:1px solid #000000;
	border-top:0; z-index:1000; left:0px; top:24px; border-radius: 0px 0px 3px 3px;
}

.ddmenuX {
	display:none; position:absolute; left:0px; top:24px;
	background-color:#F9F9F9; border:1px solid #C0C0C0;
	border-top:0; z-index:1000; left:15px; top:32px;
	width:928px; padding:12px;
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
}

.ddsubmenuitem {
	padding-top:4px;
	padding-bottom:4px;
}

.ddsubmenuitem a {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

.dditemcontainer {
	width:100%; height:auto; min-height:26px;
	position:relative;
}

.ddmenuitem {
	padding-left:18px; margin-right:20px; padding-top:4px; height:auto;
}

.ddmenuicon {
	position:absolute; top:9px; left:0;
	width:8px; height:8px;
	margin: 1px 1px 1px 1px;
}

.ddmenuiconimage {
	display:none;
}

.account {
	width: 72px;
}

.salsac {
	width: 96px;
}

.resource {
	width:120px;
}

.services {
	width: 54px;
}

#navbaroptioncontainer {
	clear: both;
	float: left;
	height: 32px;
	position: relative;
	width: 100%;
	margin-top:1px;
}

#navbaroption {
	float:left;
	height:24px;
	margin-top:8px;
	margin-left:16px;
	color:#000000;
	font-size:12px;
	display:inline;
	position:relative;
}

#signoutoption{
	float:right;
	margin-right:10px;
	margin-top:6px;
	font-size:12px;
}

#navbarrightoption {
	float:right;
	height:24px;
	margin-top:8px;
	margin-right:10px;
	color:#EEEEEE;
	font-size:14px;
	display:inline;
	position:relative;
}

#navbar {
	position:relative;
	width:914px;
	float:left;
	height:26px;
	margin-top:10px;
	margin-left:22px;
	display:inline;
}

#navbarlinks {
	float:left;
	margin-left:6px;
	margin-right:6px;
	margin-top:6px;
	font-size:12px;
	color:#FFFFFF;
}

#navbarlinks * {
	float:left;
}

.gainlayout {
	_height: 0;
	min-height: 0;
}

.contactdiv {
	float:left;
	width:464px;
	height:66px;
	background-color:white;
	margin-top:10px;
	margin-bottom: 0px;
	border:1px solid #C0C0C0;
	display:inline;
	position: relative;
	z-index: 500;
}

.menutitle {
	color:#1F82B2;
}

#contactbar {
	width:auto;
	float:left;
	height:22px;
	display:inline;
}

#contactbarlinks {
	margin-left:6px;
	margin-right:6px;
	margin-top:4px;
	font-size:12px;
	color:#535353;
}

#dropdown_one { left:230px; margin-top:0px; display:none; z-index:1100; position: absolute;
	top: 138px;
	background-color: white; }

#dropdown_col_0,#dropdown_col_1,#dropdown_col_2,#dropdown_col_3,#dropdown_col_4,#dropdown_col_5 { margin-bottom:20px; }

#nav-options-left { float:left; padding:0; margin:0; }
#nav-options-left li { list-style:none;	float:left; }

#nav-options-right { float:right; padding:0; margin:0; margin-right:20px; }
#nav-options-right li { list-style:none; float:left; }
#nav-options-right>li>a { display: block; height: 26px; }

.nav-text-holder { float:left; width:auto; height:26px; margin-top:6px; margin-left:10px; }
.nav-icon-holder { float:left; width:24px; height:26px; margin-top:2px; margin-left:20px; }
.nav-icon-white { width:24px; height:26px; display:inline-block !important; background-image:url('/public/images/templates/salaryexchange/line-icon-white.png') }
.nav-icon-black { width:24px; height:26px; display:inline-block !important; background-image:url('/public/images/templates/salaryexchange/line-icon-black.png') }
#nav-home-icon { background-repeat:no-repeat; background-position: -11px -11px; }
#nav-basket-icon { background-repeat:no-repeat; background-position: -78px -78px; }
#nav-message-icon { background-repeat:no-repeat; background-position: -611px -44px; }
#nav-document-icon { background-repeat:no-repeat; background-position: -578px -11px; }
#nav-calculator-icon { background-repeat:no-repeat; background-position: -749px -112px; }
#nav-personal-icon { background-repeat:no-repeat; background-position: -578px -43px; }
#nav-settings-icon { background-repeat:no-repeat; background-position: -400px -110px; }
#nav-orderhistory-icon {background-repeat: no-repeat;background-position: -577px -10px;}
#nav-logout-icon { background-repeat:no-repeat; background-position: -366px -76px; }
#user-options-link { color:#FFF !important; }

.nav-icon-label {
	font-family:'Lato', sans-serif;
	font-size:11px;
	position: absolute;
	right: 60px;
	top: 1px;
	z-index: 100;
	border-radius: 9px;
	min-width: 18px;
	height: 18px;
	text-align: center;
	padding: 3px 5px;
	background: #00A0DF;
	font-weight: 400;
	color:#FFFFFF;
}

.sitesearch-link { display: inline !important; }

.notification-label { background: #FF0000; }

.username { padding:2px 6px; color:#FFFFFF !important; }

.caret {
	border-bottom-color: #A4AABA;
	border-top-color: #A4AABA;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid #ffffff;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-bottom: 0 dotted;
	content: "";
	color: #FFF;
}

#notification-options, #user-options, #search-options {
	position:absolute;
	display:none;
	border:1px solid #CCC;
	border-bottom:0;
	margin:0;
	padding:0;
	top:33px;
	right: 14px;
	float: right;
	left: auto;
	width: 190px;
	background-color:#FFF;
}

#notification-options { width: auto; max-width: 260px; }

#notification-options li, #user-options li, #search-options li { display:block; float:left; height:36px; padding-left:10px; border-bottom:1px solid #CCC; width:188px !important; text-align:left; }
#notification-options li { width: 100% !important; height: auto; }
#notification-options li a, #user-options li a { display:block; text-align:left; text-decoration:none; padding-top:6px; }
#notification-options li p { margin-top: 4px; margin-bottom: 0; }
#search-options li { width: 100% !important; padding-left: 0; background-color: #F1F1F1 !important; }

#user-options li a:hover { text-decoration: underline; }

.user-options-icon-holder { float:left; width:20px; display:inline-block; padding-top:9px; }
#notification-options {
	position: relative;
	width: 260px;
	top: 5px;
	left: 54px;
}
#user-options {
	position: relative;
	width: 190px;
	top: 5px;
	left: 10px;
}
#search-options {
	position: relative;
	width: 200px;
	top: 5px;
	left: 100px;
}

#user-options>li>div>i { font-size: 18px !important; }

#notification-options-link:hover { text-decoration: none !important; }
.notification-options-text-holder, .user-options-text-holder { width:128px; display:inline-block; margin-left:10px; padding-top:2px }
.notification-options-text-holder { width: auto; max-width: 216px; padding-bottom: 8px; }
.notification-title { background-color: #F1F1F1 !important; height:36px !important; }
.all-notifications-text-holder { height:36px; margin-right:10px; width:100%; }
.notification-title-text-holder { width:100%; padding-top: 8px;	padding-bottom: 0; margin-left: 0; }
.all-notifications-link { color: #FFFFFF !important; text-align: center !important;  }
.icon-notification { vertical-align: top; padding-top: 6px; }

.unread-notification { background-color: #dbeef7 !important; }

.icon-top { display: inline-block; margin-top: 4px; }

#user-options-signout { background-color:#EAEAEA; }

.arrow-up {
	width: 0;
	height: 0;
	margin-top: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.notification-arrow-up {
	border-bottom: 5px solid #EAEAEA;
	margin-left: 184px;
}
.user-arrow-up {
	border-bottom: 5px solid #EAEAEA;
	margin-left: 164px;
}
.search-arrow-up {
	border-bottom: 5px solid #FFFFFF;
	margin-left: 76px;
}

@media (max-width: 768px) {
	.user-options-text-holder { margin:0; }
}
.arrow-up {
	width: 0;
	height: 0;
	margin-top: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.notification-arrow-up {
	border-bottom: 5px solid #EAEAEA;
	margin-left: 184px;
}
.user-arrow-up {
	border-bottom: 5px solid #EAEAEA;
	margin-left: 164px;
}
.search-arrow-up {
	border-bottom: 5px solid #FFFFFF;
	margin-left: 76px;
}

@media (max-width: 768px) {
	.user-options-text-holder { margin:0; }
}