/*
 * header-menu.css
 */

/* Lato-Light remote, woff2, Used as: "Lato" */
@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 300;
	src: local("Lato Light"), local("Lato-Light"), url("https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2") format("woff2");
	/*unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;*/
	}

/* Lato Regular remote, woff2, Used as: "Lato" */
@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 400;
	src: local("Lato Regular"), local("Lato-Regular"), url("https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2") format("woff2");
	/*unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;*/
	}

.hd {
	font-family: 'Lato', Lato, Arial, sans-serif;
    font-weight: 300;
    background-color: #f6f6f6;
	border-top: 2px solid #73A600;
    border-bottom: 1px solid #bababa;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
    height: 51px;
	xposition: fixed;
	xleft: 0;
	xtop: 0;
	xwidth: 100%;
	z-index: 1000;
	}

.hd .grayscale {
	border-top: 2px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	}
	
.hd_main {
    height: 51px;
    margin: 0 auto;
    xwidth: 972px;
	}

/* not used? */
.hd a.logo {
    background: url(/images/logo.gif) no-repeat;
    display: block;
    float: left;
    height: 41px;
    margin: 6px 0 0 1px;
    width: 128px;
	}

.hd a:hover { cursor: pointer; }

.hd .menu {
	height: 33px;
	float: left;
	color: #666;
	padding: 18px 10px 0 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0;
    text-decoration: none;
	}
	
.hd .menu.fn {
    min-width: 110px;
    max-width: 260px;
	}

.menu.fr,
.hd .menu.disabled,
.hd .menu.disabled:hover {
    color:#bbb;
    background: none;
    cursor: default;
	}

.arwb {
    float: right;
    width: 10px;
    height: 7px;
    background: url(/images/hd_tri.png) no-repeat 0 0;
    margin-left: 6px;
    margin-top: 6px;
}
.hd .menu.disabled .arwb { visibility: hidden; }

/* NAV BAR */
.userphoto {
    xfloat: left;
    xwidth: 35px;
    xheight: 35px;
    xoverflow: hidden;
    xborder-radius: 3px;
    xmargin-top: -9px;
    xmargin-right: 10px;
	xborder: 1px solid red;
}
.userphoto img {
    width: 35px;
    border-radius: 3px;
}

.username {
    display: block;
    float: left;
    line-height: 17px;
    max-width: 144px;
    overflow-x: hidden;
	}

.hd .menu:hover { background-color: #fff; }

/* on = bg white */
.hd .menu.on {
    background-color: #fff;
    position: relative;
    z-index: 600;
	}

/* active = bold black */
.hd .menu.active {
    color: #000;
    font-weight: 400;
	}

.hd .menu.si { color: #5F7E19; }

.hd .br {
    width: 2px;
    height: 42px;
    background: url(/images/hd_br.png) no-repeat;
    float: right;
    margin: 4px 0 0 0;
}

.menu.disabled { color:#bbb; }

 .c_b {
     float: left;
     width: 112px;
     height: 1px;
     background: #ddd;
     margin-left: 10px;
 }
.u_drop .c_b,
.m_drop .c_b {
    float: none;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
 }
 .c_b.ll { width: 122px; }
 .c_b.lg { width: 132px; }

/* user dropdown in header */
.u_drop,
.m_drop {
	position: absolute;
	width: 100%;
	top: 50px;
	right: -1px;
	z-index: 550;
	border: 1px solid #ddd;
	box-shadow: 2px 2px 4px #ddd;
	background: #fff;
	text-align: left;
	white-space: normal;
	}

/* more dropdown */
.m_drop {
	xwidth: 152px;
	top: 51px;
	right: -2px;
	}

.u_drop a.u_linked,
.m_drop a.m_linked {
     color: #5F7E19 !important;
     display: block;
     padding: 8px 10px;
     background: #fff;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.3;
     text-decoration: none;
}
.m_drop a.m_linked:first-child { border: none; }
.no-touch .u_drop a.u_linked:hover,
.no-touch .m_drop a.m_linked:hover {
     background: #f8f8f8;
}

.m_drophead {
    height:34px;
    min-width: 160px;
    float:left;
    color: #666;
    padding:18px 10px 0 10px;
    font-size: 15px;
    line-height:16px;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none;
    z-index: 550;
}
.m_drophead{
    position: absolute;
    background: #fff;
    right: 0;
    top:0;
    height:34px;
    min-width: 50px;
    max-width: 50px;
    width: 50px;
    font-size: 14px;
    font-weight: 300;
}

.hd .cs.br {
    float:left;
    margin: 5px 12px 0px 15px;
}