@font-face {
font-family:"EntypoRegular";
src:url("font-face/entypo-webfont.eot");
src:url("font-face/entypo-webfont.eot?#iefix") format("embedded-opentype"),
	url("font-face/entypo-webfont.woff") format("woff"),
	url("font-face/entypo-webfont.ttf") format("truetype"),
	url("font-face/entypo-webfont.svg#EntypoRegular") format("svg");
font-weight:normal;
font-style:normal;
}


div#higlight_menu {
color:#ffffff!important;
float:left!important;

}

div#higlight_menu a {
color:#000 !important;

text-align:center !important;
text-decoration:none !important;
}

/* --------------------------------------------------
   Submenu (has_sub) Character
   -------------------------------------------------- */

div#higlight_menu li.has_sub a:after {
content:"";
}

div#higlight_menu li.has_sub li a:after {
content:none!important;
}

div#higlight_menu ul ul li.has_sub a:after {
/*content:" +";*/
float:right!important;
}

div#higlight_menu ul ul li.has_sub li a:after {
content:none!important;
}

/* --------------------------------------------------
   First-Level
   -------------------------------------------------- */
.left
{
/*	width:946px;*/
	float:left;
}
.right
{
	width:49px;
	float:left;
}
.right ul
{
	display:inline;
}
.right li
{
	min-width:49px!important;
}
div#higlight_menu ul {
list-style-type:none;
margin:0 auto;
padding:0;
}

.arrow1 img
{
	border:none;
	width:15px!important;
}
div#higlight_menu ul li {
    float: none!important;
    font-size: 13px!important;
    font-weight: bold!important;
    margin: 0 18px 10px !important;
    padding: 0!important;
	width:157px !important;
    position: relative!important;
}

div#higlight_menu ul li + li {
margin:0!important;
}

div#higlight_menu ul li a span.icon {
display:inline-block!important;
}
.icon p {
	float:left !important;
}
.icon img {
	margin:0px 0px 0px 0px;
}

/* --------------------------------------------------
   Second-Level
   -------------------------------------------------- */




div#higlight_menu ul ul {
    background: linear-gradient(to bottom, #FFFFFF 0%, #F3F3F3 52%, #E7E7E7 100%) repeat scroll 0 0 transparent !important;
    border: 1px solid #657E7C;
 float: left !important;
    left: 0 !important;
    padding: 10px 10px 10px 25px!important;
    position: absolute !important;
    top: 44px !important;
  /*  width: 400% !important;*/
    z-index: 999 !important;
	 -webkit-animation-delay:all 0s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out;
	visibility:hidden;
}
div#higlight_menu ul li:hover > ul {

-webkit-animation-delay:all 0s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
visibility:visible;
}


div#higlight_menu ul ul ul {
	background-color:#302a1c!important;
		top:33px!important;
		left: 0!important;
    position: absolute!important;

}

div#higlight_menu ul ul a {
    border: 0 none!important;
    font-family: arial!important;
    font-size: 14px!important;
    font-weight:normal!important;
	height:auto !important;
    padding: 3px!important;
    text-align:left!important;
}

div#higlight_menu ul ul li {
border-bottom:1px solid #dbdbdb !important; !important;
  float: none !important;
    height: 20px;
    list-style-image:url(../images/common/arrow_li.png);
    margin: 0 20px 10px 0 !important;
    min-width: 220px !important;
    text-align: left !important;/* Second-level items minimum width; optional, but recommended */
}

div#higlight_menu ul ul li + li {
margin:0;
}



/* --------------------------------------------------
   Third-Level
   -------------------------------------------------- */

div#higlight_menu ul ul ul {

}

div#higlight_menu ul ul ul :hover > a {
color:#ffffff !important;
}

div#higlight_menu ul ul ul a {
font-weight:normal!important;
height:auto!important;

text-align:left!important;
}

div#higlight_menu ul ul ul li {
min-width:220px!important;
margin:0px 24px 0px 0px !important;/* Third-level items minimum width; optional, but recommended. Remove if same width as second-level */
}

/* --------------------------------------------------
   Color Schemes
   -------------------------------------------------- */
/* --------------------------------------------------
   golden
   -------------------------------------------------- */



#higlight_menu ul ul li:hover{
 background: #ffffff!important; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 52%, #e7e7e7 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(52%,#f3f3f3), color-stop(100%,#e7e7e7))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 52%,#e7e7e7 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 52%,#e7e7e7 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 52%,#e7e7e7 100%)!important; /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 52%,#e7e7e7 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 )!important; /* IE6-9 */
min-width: 200px;
padding:5px 0px;
box-shadow:0px 0px 4px -1px #000 inset;
}

.merun a {
background:#6b3109;
border-bottom:6px solid #82954d;
display:block;
}

.merun li:hover > a,
li.merun:hover > a  {
background:#6b3109;

}

.merun ul :hover > a {
background:#7d3a0b;
border:1px solid #000;
box-shadow:0px 0px 4px -1px #000 inset;
}

.merun ul  {
background:#6b3109 !important;
width:346% !important;
}
.merun ul li {
background:#be7900 !important;
min-width:230px !important;
float:left;

}

.merun ul ul  {
background:#6b3109 !important;
border:1px solid #FFF;
}

.merun ul ul ul :hover > a {
background:#7d3a0b !important;
}

.merun ul ul ul a {
background:#6b3109 !important;
}

.merun ul ul ul a:hover {
background:#77541d !important;
}
/* --------------------------------------------------
grey
   -------------------------------------------------- */

div#higlight_menu > li.main_sub:hover > a:after,
div#higlight_menu > li.main_sub > a.main_sub-click:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height:33px;
	background: transparent url(../images/drop-arrow.png) no-repeat bottom center;
}
div#higlight_menu  > li.main_sub:hover > a,
div#higlight_menu  > li.main_sub > a.main_sub { z-index: 650; }



div#higlight_menu li.main_sub a:after {
    background: url("../images/drop-arrow.png") no-repeat scroll center bottom transparent!important;
    content: ""!important;
    height: 33px!important;
    left: 0!important;
    opacity: 0!important;
    position: absolute!important;
    top: 15px!important;
    width: 100%!important;
}

div#higlight_menu li.main_sub li a:after {
content:none!important;
}

div#higlight_menu ul ul li.main_sub a:after {
content:" +"!important;
float:right!important;

}

div#higlight_menu ul ul li.main_sub li a:after {
content:none!important;
}


div#navigation4 {
color:#ffffff;
clear:both;
float:left;
z-index:99;
}

div#navigation4 a {
color:#ffffff;

text-align:center;
text-decoration:none;
}

/* --------------------------------------------------
   Submenu (has_sub) Character
   -------------------------------------------------- */

div#navigation4 li.has_sub a:after {
content:"";
}

div#navigation4 li.has_sub li a:after {
content:none;
}

div#navigation4 ul ul li.has_sub a:after {
/*content:" +";*/
float:right;
}

div#navigation4 ul ul li.has_sub li a:after {
content:none;
}

/* --------------------------------------------------
   First-Level
   -------------------------------------------------- */

div#navigation4 ul {
list-style-type:none;
margin:0 auto;
padding:0;
}

div#navigation4 ul li {
float:left;
font-size:13px;
font-weight:bold;
padding:0;
margin:0px 10px 10px 0px !important;
position:relative;
}

div#navigation4 ul li + li {
margin:0;
}

div#navigation4 ul li a span.icon {
display:inline-block;
}
.icon p {
	float:left !important;
}
.icon img {
	margin:0px 0px 0px 0px;
}

/* --------------------------------------------------
   Second-Level
   -------------------------------------------------- */

div#navigation4 ul li:hover > ul {
-webkit-animation-delay:0s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
visibility:visible;

}

div#navigation4 ul ul {
	top:65px;
	padding:10px 0px 0px 10px;
	background-color:#302a1c;
    position: absolute;
    z-index: 999;
    -webkit-animation-delay:0s;
    -moz-transition: 1s;
    -o-transition:1s;
    transition:1s;
	/*visibility:hidden;*/display:none;
}

div#navigation4 ul ul ul {
	background-color:#302a1c;
	top:33px;
    position: absolute;
	transition: 0s ease-out 0s;

}
div#navigation4 ul ul ul ul {
	background-color:#302a1c;
	top:20px;
	width:114% !important;
	left: 0;
    position: absolute;
	transition: 0s ease-out 0s;

}

div#navigation4 ul ul a {
    border: 0 none;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
	height:35px;
    padding: 0px 0px;
    text-align:center;
}

div#navigation4 ul ul li {
min-width:155px; /* Second-level items minimum width; optional, but recommended */
}
a:hover > #autosize 
{
	width:100000px;
}

div#navigation4 ul ul li + li {
margin:0;
}

/* --------------------------------------------------
   Third-Level
   -------------------------------------------------- */

div#navigation4 ul ul ul {

}

div#navigation4 ul ul ul :hover > a {
color:#ffffff !important;
}

div#navigation4 ul ul ul a {
font-weight:normal;
height:auto;
padding:3px 3px;
text-align:left;
}

div#navigation4 ul ul ul li {
/*min-width:220px;*/
margin:0px 24px 0px 0px !important;/* Third-level items minimum width; optional, but recommended. Remove if same width as second-level */
}

/* --------------------------------------------------
   Color Schemes
   -------------------------------------------------- */
/* --------------------------------------------------
   golden
   -------------------------------------------------- */

.golden a {
background:#be7900;
border-bottom:6px solid #82954d;
display:block;
}

.golden ul :hover > a {
background:#ab6d01;
border:1px solid #000;
box-shadow:0px 0px 4px -1px #000 inset;
}

.golden ul {
background:#be7900 !important;
width:346% !important;
}
.golden ul li {
background:#be7900 !important;
min-width:230px !important;
float:left;

}
.golden ul ul{
background:#be7900 !important;
border:1px solid #FFF;
}

.golden ul ul ul :hover > a {
background:#ab6d01 !important;
}

/* --------------------------------------------------
   golden
   -------------------------------------------------- */
   /* --------------------------------------------------
   brown
   -------------------------------------------------- */

.brown a {
background:#6b4b1a;
display:block;
}

.brown li:hover > a,
li.brown:hover > a  {
background:#6b4b1a;
}

.brown ul :hover > a {
background:#7f5a21;
border:1px solid #000;
box-shadow:0px 0px 4px -1px #000 inset;
}

.brown ul {
    background: none repeat scroll 0 0 #6B4B1A !important;

    padding: 10px 10px 10px 27px !important;
width:346% !important;
}
.brown ul li {
background:#be7900 !important;
min-width:230px !important;
float:left;
list-style-image:url(../images/common/arrow_li.png);

}
.brown ul ul{
background:#6b4b1a !important;
border:1px solid #FFF;
}

.brown ul ul ul :hover > a {
background:#7f5a21 !important;
}

.brown ul ul ul a {
background:#6b4b1a !important;
}

.brown ul ul ul a:hover {
background:#7f5a21 !important;
}
/* --------------------------------------------------
 brown
   -------------------------------------------------- */
     /* --------------------------------------------------
grey
   -------------------------------------------------- */

.grey a {
background:#73684c;
border-bottom:6px solid #82954d;
display:block;
}

.grey li:hover > a,
li.grey:hover > a  {
background:#73684c;
}

.grey ul :hover > a {
background:#665c43;
border:1px solid #000;
box-shadow:0px 0px 4px -1px #000 inset;
}

.grey ul{
background:#73684c !important;
width:346% !important;

    padding: 10px 10px 10px 27px !important;
}
.grey ul li {
background:#be7900 !important;
min-width:230px !important;
float:left;
list-style-image:url(../images/common/arrow_li.png);

}
.grey ul ul{
background:#73684c !important;
border:1px solid #FFF;
}

.grey ul ul ul :hover > a {
background:#77541d !important;
}

.grey ul ul ul a {
background:#73684c !important;
}

.grey ul ul ul a:hover {
background:#665c43 !important;
}


div#navigation4 > li.main_sub:hover > a:after,
div#navigation4 > li.main_sub > a.main_sub-click:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height:33px;
	background: transparent url(../images/drop-arrow.png) no-repeat bottom center;
}
div#navigation4  > li.main_sub:hover > a,
div#navigation4  > li.main_sub > a.main_sub { z-index: 650; }


body {
    height: 100%;
    margin: 0;
    padding: 0;
	 font: 11px Verdana;
}
div#navigation4 li.main_sub a:after {
    background: url("../images/drop-arrow.png") no-repeat scroll center bottom transparent;
    content: "";
/*    height: 33px;*/
    left: 0;
    opacity: 0;
    position: absolute;
    top: 52px;
    width: 100%;
}

div#navigation4 li.main_sub li a:after {
content:none;
}

div#navigation4 ul ul li.main_sub a:after {
content:" +";
float:right;

}

div#navigation4 ul ul li.main_sub li a:after {
content:none;
}
.help {
   /* margin-bottom: 8px;*/
    margin-right: 10px;
    margin-top: -1px;
    width: 33px !important;
}
.logout
{
width:33px!important;
margin-right:11px;
}

.merunul ul {
	padding:5px 0px;
}
.arrow1 {
    position: absolute;
    top: -10px;
    width: 14px !important;
}