﻿.box-info-highlight {
    background-color: #efeff0;
    border-radius: 6px;
    border: 1px solid #5c5c5c;
    overflow: hidden;
    position: relative;
    margin: 0 0 -15px;
    top: -7px;
    width: 100%;
    z-index: 3;
}
    .box-info-highlight ul.nav {
        background-color: #393939;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-right: 1px solid #a7a9ac;
        float: left;
        font: 14px 'Neo Sans Pro Bold';
        text-transform: uppercase;
        width: 163px;
    }
        .box-info-highlight ul.nav li {
            background: url(/Themes/Default/Img/Info-Highlight/separator-x.png) repeat-x 0 0;
            cursor: pointer;
            display: block;
            padding: 14px 28px 14px 19px;
            position: relative;
            line-height: 19px;
        }
        .box-info-highlight .ico-nav-lateral {
            display: none;
            left: 100%;
            margin-top: -10px; 
            position: absolute;
            top: 50%;
            z-index: 10;
        }
        .box-info-highlight ul.nav li:first-child { background-image: none; }
        
        .box-info-highlight ul.nav li:hover .ico-nav-lateral,
        .box-info-highlight ul.nav li.active .ico-nav-lateral { display: block; }

        .box-info-highlight ul.nav li.theme-1:hover,
        .box-info-highlight ul.nav li.theme-1.active { background-color: #e4005d; }
        .box-info-highlight ul.nav li.theme-2:hover,
        .box-info-highlight ul.nav li.theme-2.active { background-color: #38acbc; }
        
            .box-info-highlight ul.nav a {
                color: #fff;
                display: inline-block;
                padding: 0 0 0 20px;
                position: relative;
                text-decoration: none;
            }
                .box-info-highlight ul.nav a .ico {
                    left: 0;
                    position: absolute;
                    top: 5px;
                }

    .box-info-home { overflow: hidden; width: 808px; }
        .box-info-home article.item {
            border-left: 1px solid #a7a8ab;
            border-bottom: 7px solid transparent;
            cursor: pointer;
            float: left;
            height: 260px;
            padding: 12px 16px 0;
            position: relative;
            width: 128px;
        }
        
        .box-info-home article.item:hover { background-color: #393939; border-bottom-color: #e4005d;  }
        .box-info-home.theme-2 article.item:hover { border-bottom-color: #38ACBC; }
        
        .box-info-home article.item:first-child { border-left: 0 none; width: 132px; }
            .box-info-home article.item p, .box-info-home article.item p a { line-height: 12px; }
            .box-info-home article.item a, .box-info-home article.item p { color: #808285; font: 11px/12px 'Lucida Sans Unicode'; text-decoration: none; }
            .box-info-home article.item a.view-more { text-decoration: underline; }
            .box-info-home article.item:hover a { color: #fff; }
            .box-info-home article.item img.border { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
            .box-info-home article.item h1 a, .box-info-home article.item h1 { color: #000; font: 15px 'Neo Sans Pro Medium'; text-transform: uppercase; }
            .box-info-home article.item h1 { margin:3px 0px;}
            .box-info-home article.item:hover h1 a,  .box-info-home article.item:hover h1 { color: #aeaeae; }
            .box-info-home .view-more { color: #414042; text-decoration: underline; }
            .box-info-home article.item:hover .view-more { color: #fff; }
            .box-info-home .ad-img { bottom: 10px; right: 11px; position: absolute; }


        .box-info-home .item-create-guide {
            border-left: 1px solid #a7a9ac;
            float: left;
            font-family: 'Lucida Sans Unicode';
            height: 253px;
            padding: 20px 15px 0;
            position: relative;
            width: 613px;
        }
            .box-info-home .hold-create-form { float: left; width: 370px; }
                .box-info-home .item-create-guide h1 { 
                    color: #38acbc; 
                    font: 22px 'Neo Sans Pro Medium'; 
                    margin: 0 0 20px;
                    text-transform: uppercase; 
                }
                .box-info-home .item-create-guide p { line-height: 14px; font-size: 12px;  margin: 8px 0; }
                .box-info-home .item-create-guide label { font-size: 15px; margin-right: 15px; }
                    .box-info-home .item-create-guide .box-rdio input { margin: 0 5px 0 0; padding: 0; }
                .box-info-home .item-create-guide a.link-underline { 
                    color: #393939; 
                    display: inline-block;
                    font: 12px/16px 'Lucida Sans Unicode'; 
                    margin: 10px 0 0; 
                }
                .box-info-home .item-create-guide .ico-bigchecklist { margin: 63px 0 0 90px; }
                
                .box-info-home .box-form-search { overflow: hidden; margin: 10px 0 0; }
                    .box-info-home .box-form-search input { width: 261px; }
                    .box-info-home .box-form-search .btn-bgray { display: inline-block; margin: 0 0 0 7px; width: 80px; }
                
                .box-info-home .box-form-search .ico-bigchecklist { float: left; }
                .box-info-home .readMore {text-decoration:underline;}
