/*Header*/
/**
 *  #Clearfix
 *
 *  @subsection #Clearfix
 */
.clearfix:before,
.clearfix:after { 
    display: table; 

    content: '';
}

.clearfix:after { clear: both; }
.lt-ie8 .clearfix { zoom: 1 }
.header {
   background: #fff;
   display: block;
   position: fixed;
   top:0;
   z-index: 1000;
}

    .header__wrapper {        
    background-color: #fff;
        height: 60px;       
    }

        .header__inner {
            width: 1000px;
            margin: auto;
        }

            .header__logo {
                float: left;
                height: 36px;
                margin-top: 12px;
                width: 280px;

                background: url(/National_Library/oe_/https://www.dotcom-tools.com/assets/images/common/dm-logo-w-name-inline.png) no-repeat;
            }

            .header-menu {
                float: right;
                margin: 0;
                padding: 0;

                background: #fff;

                list-style: none;
            }
            
            .header-menu li {
            	 list-style: none;
            }
            

                .header-menu__item {                   
                    float: left;               
                }

                .header-menu__item:first-child {
              
                }

                
                 .header-menu__item:hover .header-menu__link{ border-top: solid 6px #006699;}

                
                
                    .header-menu__link {
                        display: block;
                        padding: 13px 23px 12px;        
                        background-color: #fff;                
								border-top: solid 6px #fff;
                        color: #666;      
                        font-size: 16px;                  
                        line-height: 24px;
                        text-align: center;
                        text-decoration: none;                    
                    }

                    
                    
                    .header-menu__link:focus, .header-menu__link:active
                    {
                    	border-top: solid 6px #fff;
                    }
                    
                    
                    .header-menu__link_type_user {
                        width: 130px;
                        padding: 15px 0 15px;
                        font-size: 14px;
                    } 

                    .header-menu__link:hover {
                      /*  border-top: solid 6px #006699; */
                        color: #006699;      
                    }

.header-menu__link_type_login {color: #339933;}
.header-menu__link_type_login:hover {color: #006600;} 
.header-menu__item:hover .header-menu__link_type_login{ border-top: solid 6px #339933;}

.header-menu__link_type_freetrial {color: #fe6e00;}
.header-menu__link_type_freetrial:hover {color: #f16701;} 
.header-menu__item:hover .header-menu__link_type_freetrial{ border-top: solid 6px #fe6e00;}
                    
                    
                    
.submenu{
	display: none;			
	width: 108px;
	padding: 10px 30px 0px;
	position: absolute;
	 top: 50px;
	 	background-color: #fcfcfc;
	border: solid 1px #999;	
	box-shadow: 0 0 2px #ccc;
min-height: 20px;
	overflow: visible;	  
	z-index: 1000;
	 }

.submenu1
{
padding-top: 20px;
	width: 474px;
}
    
.submenu1 .pflinksbox > li.llast {width: 160px;}


.submenu a{
	color:#006699	;
	font-family: OpenSans, sans-serif;	
	font-size: 14px;
	font-weight: normal;
	line-height: 28px;
	letter-spacing: -0.3pt;
	text-decoration: none;}

	
.submenu a:hover {text-decoration: underline;}	
	
.submenu .rmtitle{
	font-size: 14px;
	color: #063a56;
	font-weight: 600;
	text-transform: uppercase;	
	letter-spacing: -0.5px;}

.submenu a.rmtitle {	color: #063a56;}
.submenu a.rmtitle:hover{	color: #006699; }	



	
.submenu  .seph{
    background-color: #CCCCCC;
    height: 1px;
    margin-bottom: 18px;
    width: 100%;}	


.submenu  .pflinksbox {
	width: 100%;
}
		
.submenu  .pflinksbox>li{
	margin-right: 77px;
	width: 220px;}

.submenu  .pflinksbox li:last-child  {	margin-right: 0;}
.submenu  .pflinksbox .rmsmenu{	margin-bottom: 14px;}

.submenu  .pflinksbox .rmsmenu li span
{
	display: block;
	font-size: 11px;
	color:#333;
	line-height:1px;
}