@CHARSET "UTF-8";

/*************** MAIN */


#logo .title {
    width: 301px;
    height: 65px;
    background: transparent url('../images/dothop/dothoplogo2014_mini.png') 0 0 no-repeat;
}

#logo {
    margin-bottom: 5px;
}

ul#menu, ul#submenu, ul#submenu2 {
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	letter-spacing: -0.01em;
	/* font-weight: bold; */
	font-size: 14px;
	font-family: Arial, "Tahoma", "Verdana";
}

ul#submenu {
	font-weight: normal;
	font-size: 11px;
}

ul#submenu2 {
	float: right;
	font-weight: normal;
	font-size: 11px;
}

ul#menu li, 
ul#submenu li,
ul#submenu2 li {
	float: left;
	background: #FFFFFF url("../images/menuitem-inactive.png") 0 0 no-repeat;
	padding: 0;
	vertical-align: middle;
	margin: 0 6px 0 0;
	height: 30px;
	background-color: #FFFFFF !important;
}

ul#submenu2 li {
	margin: 0 0 0 1px ;
}


ul#submenu li, ul#submenu2 li  {
	background-position: left bottom !important;
}

ul#menu li.sel {
	/*background: #FFFFFF url("../images/menuitem-active.png") 0 0 no-repeat;*/
	background: #bedbfb none !important;
    border-radius: 3px 3px 0 0;
}

ul#submenu li.sel {

    background: #bedbfb none !important;
    border-radius: 0 0 3px 3px;
}

ul#menu li.sel, ul#submenu li.sel  {
	background-color: #ffcc00;
	/* font-size: 14px; */
}

ul#menu li a, ul#submenu li a, ul#submenu2 li a {
	display: block;
	text-decoration: none;
	padding: 7px 10px 0 10px;
	height: 23px;
	background: url("../images/menuitem-inactive.png") right 0 no-repeat;
	color: #333333;
	margin-left: 4px;
	margin-right: -4px;
}

ul#submenu li a, ul#submenu2 li a {
	background-position: right -70px ;
	padding-top: 7px;
	padding-bottom: 0px;
}

ul#menu li a:hover, ul#submenu li a:hover {
	text-decoration: underline;
}

ul#menu li.sel a {
	/*background: url("../images/menuitem-active.png") right 0 no-repeat;*/
	background: #bedbfb;
	color: #333;
    border-radius: 3px 3px 0 0;
}

ul#submenu li.sel a {
	/*background: url("../images/menuitem-active.png") right bottom no-repeat;*/
	/*color: white;*/
    background: #bedbfb;
    color: #333;
    border-radius: 0 0 3px 0;
}

#menusplitter {
	clear: both;
	height: 9px;
	background-color: #bedbfb !important;
	/*border: 1px solid #9D9B9C;*/
}

ul#submenu2 li a.ico {
	padding-left:22px;
	background-position: 2px 7px !important;
}

#menuUser {
	/*background: url("../images/pictures/menuitem-inactive.png") -2px 0 no-repeat;*/
	margin-left: 10px;
		background-color: #bedbfb !important;
}

#menuUser .wrapper {
	display: block;
	clear: both;
	/*height: 47px;*/
	padding: 10px 10px;
	color: #333;
	font-size: 12px;
	font-family: "Segoe UI","Tahoma", "Calibri", "Verdana";
	
}

#menuUser .wrapper .line {
	line-height: 16px;
}

#menuUser .wrapper a {
	color: #333;
}

#menuUser .userName {
	font-weight: bold;
}

#menuUser .userNav {
	color: #aaf;
}

#menuUser .wrapper .ico {
	background-position: 0px 1px !important;
}

#menuUser .footer {
	display: block;
	clear: both;
	height: 2px;
	background: url("../images/pictures/menucorners.png") right -98px no-repeat;
}

#menuRole .wrapper {
	height: 30px;
	background: #FFFFFF url("../images/menuitem-inactive.png") 0 0 no-repeat !important;
	vertical-align: middle;
	margin-top: 10px;
	color: #333333;
	font-size: 13px;
	font-family: "Segoe UI", "Tahoma", "Calibri", "Helvetica", "Verdana";
	border-right: 1px solid #9D9B9C;
}

#menuRole .wrapper2 {
	background: transparent url("../images/pictures/menucorners.png") right 0 no-repeat;
	height: 30px;
	display: block;
	padding-top: 4px;
}

#menuRole .wrapper .roleSelector, #menuRole .wrapper .roleTitle {
	 padding: 2px 5px 2px 5px;
	 /*padding-top: 4px;*/
	 
}

#menuRole .wrapper .roleTitle, #menuRole .wrapper .roleSelector b {
	/* padding: 4px; */
}

* html #menuRole .wrapper .roleTitle {
	padding-top: 0px;
}

#menuRole .wrapper .roleSelector select {
	/*height: 24px; */
	width: 200px;
}

* html #menu li a, * html #submenu li a, * html #submenu2 li a {
	display: inline-block;
}

* html ul#submenu li a, * html ul#submenu2 li a {
	height: 23px;
	padding-top: 7px;
}