/*------------------------------------*\
   HEADER
\*------------------------------------*/
.header {
    background:#3e3f40;
    background:-moz-linear-gradient(top,  #3e3f40 0%, #2e2e30 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3f40), color-stop(100%,#2e2e30));
    background:-webkit-linear-gradient(top,  #3e3f40 0%,#2e2e30 100%);
    background:-o-linear-gradient(top,  #3e3f40 0%,#2e2e30 100%);
    background:-ms-linear-gradient(top,  #3e3f40 0%,#2e2e30 100%);
    background:linear-gradient(to bottom,  #3e3f40 0%,#2e2e30 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3f40', endColorstr='#2e2e30',GradientType=0 );
}
.header > div {width:980px; margin:0 auto; height:48px;}
.header .hdLogo {background:url(../../images/logos/clickmeeting_157x28.png) left top no-repeat; display:block; float:left; width:18%; height:28px; text-indent:-999em; margin:10px 0;}
.header.clickwebinar .hdLogo {background:url(../../images/logos/clickwebinar_157x28.png) left top no-repeat; }
.header .logo-label, .header.clickwebinar .logo-label {background-image:none;}
.header .logOut {float:right; margin-top:10px;}

/*------------------------------------*\
   MENU
\*------------------------------------*/
.mainMenu {float:left; width:70%;}
.subH .mainMenu { width:61%;}
.mM-Inn {position:relative; top:16px;}
.mM-Inn .back {background:url(../../images/menu/marrow.gif) center bottom no-repeat; width:9px; height:46px; z-index:8; position:absolute; top:-13px;}
.mM-Pos, .mM-Link {float:left; color:#555; color:#fff;}
.mM-Link {font-size:1.3em; font-weight:bold;}
.mM-Pos {position:relative; z-index:9; padding:0 16px;}
.mM-ActivePos .mM-Link, .mM-Link:hover {color:#63ae4a;}
.mM-RightPos, .mM-RightPos .mM-Link {float:right; padding:0;}

.header.clickwebinar .mM-ActivePos .mM-Link, .header.clickwebinar .mM-Link:hover {color:#0097CF;}

/*------------------------------------*\
   LANG
\*------------------------------------*/
.es .mM-Pos {padding:0 12px;}


/*------------------------------------*\
   NOTIFY
\*------------------------------------*/
.top-notify, .top-error {width:100%; font-size:14px; text-align:center; color:#fff;}
.top-notify > div, .top-error > div {padding:12px 20px;
  /*  background: #6ba82f;
    background: -moz-linear-gradient(top,  #6ba82f 0%, #63a42e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ba82f), color-stop(100%,#63a42e));
    background: -webkit-linear-gradient(top,  #6ba82f 0%,#63a42e 100%);
    background: -o-linear-gradient(top,  #6ba82f 0%,#63a42e 100%);
    background: -ms-linear-gradient(top,  #6ba82f 0%,#63a42e 100%);
    background: linear-gradient(to bottom,  #6ba82f 0%,#63a42e 100%);*/
  
  background:#ff8c14;
   /* -webkit-box-shadow:inset 0 -9px 11px -11px rgba(0,0,0,.9);
       -moz-box-shadow:inset 0 -9px 11px -11px rgba(0,0,0,.9);
            box-shadow:inset 0 -9px 11px -11px rgba(0,0,0,.9);*/
}
.top-error > div {background:#F24949;}
.top-notify a, .top-error a {color:inherit; font-weight:normal; text-decoration:underline; color:#373737;}
.top-error a:hover {text-decoration:none;}
.top-notify .ico, .top-error .ico {background:url(../../images/icons/warn_19x.png) no-repeat 0 0; display:inline-block; width:19px; height:17px; position:relative; top:4px; margin-top:-6px; margin-right:5px}
