/****************************************************************/
/*previosly there has been called reset.css for tags style reset*/

/********************common HTML tags****************************/

body {
    background: #a6aeb5 url(images/body-bg.png) repeat-x left top;
}

/*******************************************/
#header {
    background: url(images/header-bg.png) no-repeat center top;
}



body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #333333;
}  

input, textarea {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
    textarea {
        width: 570px;
        height: 100px;
    }

label {}

a {
    text-decoration: underline;
    color: #ff5e00;
}

    a:hover {
        text-decoration: none;
    }



h1, h2 {
    margin: 0 0 20px 0;
}
h1 {
    margin: 20px 0 34px 13px;
    color: #ff5e00;
    font-size: 22px;
    font-weight: normal;
}
h2 {
    color: #004f87;
    font-size: 16px;
    font-weight: bold;
}

h3 {
    /*color: #4A413A;*/
    color: #004f87;
    font-size: 14px;
    padding: 0 0 20px 0;
}

ul li {
    background: url(images/li-bg.png) no-repeat 0px 5px;
    padding: 0 0 0 10px;
}

ol li {
    list-style: decimal inside;
}

p, ul, ol, table {
    margin: 0 0 20px 0;
}

table {
}

th, td { 
    padding: 5px;
    text-align: left;
    vertical-align: top;
    /*border: solid #DDDDDD 1px;*/ 
}
hr {
    background: none;
    height: 1px;
    border: none;
    border-bottom: dotted #CCCCCC 1px;
    margin: 0 0 20px 0;
}


table h3, table h2 {
padding: 0;
}
/******************************layout*****************************/

.body{
    
}

#wrapper {
    width: 1000px;
    margin: 0 auto 0 auto;
    /*background-color: #FF6600;*/
            
}


/**************header******************/
#header {
    width: 920px;
    margin: 0 auto 0 auto;
    /*height: 258px;*/
    height: 259px;
    overflow: hidden;
}

    #topline {
        height: 43px;
        overflow: hidden;
        color: #FFFFFF;
    }

    
    /*home - logo link*/
    #home {
        display: block;
        width: 370px;
        height: 80px;
        margin: 20px 0 0 0;
        padding: 50px 0 0 103px;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 26px;
        line-height: 26px;
        text-decoration: none;

    }

    /**********top navigation************/
    #navigation {
        margin: 8px 0 0 44px;
        overflow: hidden;
        height: 43px;
    }
    
    #navigation a {
        float: left;
        display: block;
        margin: 0 3px 0 0;
        height: 43px;
        background: url(images/navigation-a-left-active-bg.png) no-repeat left top;
        padding: 0 0 0 6px;
        text-decoration: none;
        color: #FFFFFF;
        text-transform: uppercase;
        
    }
        #navigation a span {
            background: url(images/navigation-a-right-active-bg.png) no-repeat right top;
            padding: 0 6px 0 0;
            display: block;
            height: 43px;
            cursor: pointer;
        }
        
        #navigation a span span {
            background: url(images/navigation-a-center-active-bg.png) repeat-x left top;
            padding: 0;
            display: block;
            height: 43px;
            cursor: pointer;
        }
        #navigation span span span {
            padding: 8px 14px 0 14px;
            display: block;
            height: 34px;
            cursor: pointer;
            background: url(images/navigation-a-bottom-active-bg.png) no-repeat center bottom;
        }
    
    #navigation a:hover, #navigation a.active {
        background: url(images/navigation-a-left-bg.png) no-repeat left top;
        color: #004f87;
        font-weight: bold;
    }
        #navigation a.active:hover {
            font-weight: bold;
        }
    #navigation a:hover {font-weight: normal;}
        #navigation a:hover span, #navigation a.active span {
            background: url(images/navigation-a-right-bg.png) no-repeat right top;
        }
        
        #navigation a:hover span span, #navigation a.active span span {
            background: url(images/navigation-a-center-bg.png) repeat-x left top;
        }
        #navigation a:hover span span span, #navigation a.active span span span {
            
        }

/************special left menu servers***************/
#servers {
    float: left;
    width: 158px;
    overflow: hidden;
    margin: 70px 0 0 -98px;
    position: absolute;
}

    #servers a {
        display: block;
        margin: 0 0 5px 3px;
        padding: 10px 0 0 10px;
        width: 149px;
        height: 30px;
        color: #FFFFFF;
        font-size: 13px;
        text-decoration: none;
        font-weight: bold;
        background: url(images/portal-select-bg.png) no-repeat left top;
    }
    #servers a:hover, #servers a.active {
        color: #515151;
        background: url(images/portal-select-active-bg.png) no-repeat left top;
    }

/***********main - common block under header*********************************/
#main {
    /*overflow: hidden;*/
    background: url(images/main-bg.png) repeat-y center top;
}

    #main .in {
        /*background: #FFFFFF url(images/subheader-bg.png) repeat-x left top;*/
        background: #FFFFFF;
        width: 880px;
        margin: 0 auto 0 auto;
    }

#in-bottom{
    width: 880px;
    margin: 0 auto 0 auto;
    height: 17px;
    overflow: hidden;
    background: url(images/in-bottom-bg.png) no-repeat center top;
}

#main-bottom {
    width: 860px;
    margin: 0 auto 0 auto;
    height: 8px;
    overflow: hidden;
    background: url(images/main-bottom-bg.png) no-repeat center top;
}



/*content - left main block*/
#content {
    width: 568px;
    float: left;
    padding: 0 25px 0 25px;
    /*overflow: hidden;*/
}
    #content p {
        line-height: 24px;
    }


/***************right-column - right main block******************/
.right-column {
    width: 240px;
    float: left;
    overflow: hidden;
    margin: 0 0 0 0;
}

    /***right-column header, middle, footer backgrounds,... for all right blocks****/
    .right-column .header {
        background: url(images/right-block-top-bg.png) no-repeat left top;
        height: 41px;
        overflow: hidden;
    }
    .right-column .middle {
        /*background: url(images/right-block-middle-bg.png) repeat-y left top;*/
        border-left: solid #e0e1e3 1px;
        border-right: solid #e0e1e3 1px;
        overflow: hidden;
    }
    .right-column .footer {
        background: url(images/right-block-bottom-bg.png) no-repeat left top;
        height: 31px;
        overflow: hidden;
        padding: 6px 10px 0 10px;
    }
    /***right-column h2, li, li a, specific links,... for all right blocks****/
        .right-column ul{
            margin: 0 0 0 0;
        }
        .right-column h2{
            color: #ff5e00;
            font-weight: bold;
            margin: 12px;
            font-size: 14px;
        }
        .right-column ul li{
            padding: 0 0 0 0;
            height: 29px;
            overflow: hidden;
            background: #f4f7f9 url(images/right-block-li-bg.png) repeat-x left bottom;
        }

            .right-column ul li span{
                display: block;
                height: 29px;
                background: url(images/right-block-li-a-bg.png) no-repeat 10px 9px;
                padding: 0 0 0 30px;
            }
        .right-column ul li a{
            color: #000000;
            line-height: 26px;
        }

        
        .right-column a.button, .right-column a.button:hover{
            display: block;
            height: 25px;
            padding: 0 0 0 4px;
            margin: 5px 6px 0 6px;
            background: url(images/right-block-button-left.png) no-repeat left top;
            color: #FFFFFF;
            width: auto;
        }
            .right-column a.button span{
                display: block;
                height: 25px;
                padding: 0 4px 0 0;
                background: url(images/right-block-button-right.png) no-repeat right top;
            }
            .right-column a.button span span{
                display: block;
                line-height: 24px;
                padding: 0 5px 0 5px;
                height: 25px;
                background: url(images/right-block-button-center.png) repeat-x left top;
                
            }
    /*****right-column specific for individual block****************************/
    #top10, #inquiries-map, #user-menu, #news {
        margin: 0 0 17px 0;
    }
    
    #top10 .header {
        background: url(images/top10-bg.png) no-repeat center bottom;
        height: 55px;
        padding: 0;
    }
        #top10 .header a {
            display: block;
            width: 113px;
            height: 33px;
            padding: 12px 0 0 0;
            margin: 0 0 0 6px;
            text-align: center;
            color: #FFFFFF;
            background: url(images/right-block-flag-active-bg.png) no-repeat center top;
            text-decoration: none;
        }
             #top10 .header a.active { /*#top10 .header a:hover,*/
                color: #ff5e00;
                font-weight: bold;
                background: url(images/right-block-flag-bg.png) no-repeat center top;
            }
            #top10 .header a.last {
                margin: 0 0 0 3px;    
            }
        #top10 .button {
            width: 170px;    
        }
        #top10 .footer, #news .footer{
            color: #ff5e00;
        }
        #news .footer{
            padding-top: 0;
            padding-right: 0;
            height: 37px;
        }
        /*#news .middle ul li img{
            margin: 3px 5px 0 5px;
        }*/
        #user-menu .footer{
            height: 30px;
            background: url(images/right-block-user-menu-footer-bg.png) no-repeat left top;
        }
        
        #inquiries-map .footer{
            background: #FFFFFF url(images/right-block-user-menu-map-footer-bg.png) left top;
            height: 7px;
            padding: 0;
        }
            /*#inquiries-map ul li{
                line-height:26px;
                padding:0 12px;
            }*/
            #inquiries-map ul li{
                height: auto;
                padding: 12px;
                background-image: none;
            }
            #inquiries-map .date{
                display: block;
                float: left;
                width: 76px;
                padding: 0;
                background: none;
            }
            #inquiries-map .map-flash{
                float: left;
            }
/**********************search - in right block*****************************/
    #search {
    margin: 10px 0 30px 0;
    padding: 0;
    overflow: hidden;
    }

        #search .input {
            margin: 0 0 0 0;
            padding:0 10px 0 30px;
            width:122px;
            height: 30px;
            background: #FFFFFF url(images/search-input-bg.png) no-repeat left top;
            border: none;
            color: #9fa1a3;
        }
        #search .submit {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            width: 75px;
            height: 30px;
            background: #FFFFFF url(images/search-submit-bg.png) no-repeat left top;
            border: none;
            text-align: center;
            color: #FFFFFF;
            font-weight: bold;
            text-shadow: #222222 0px 1px 1px;
        }

/*right infobox*/
#right-infobox{
    margin: 0 0 12px 0;
}
#right-infobox .header{
    height: 8px;
    background: url(images/right-infobox-top.png) no-repeat left top;
    overflow: hidden;
}
#right-infobox .middle{
    background: url(images/right-infobox-middle.png) repeat-y left top;
    border: none;
    overflow: hidden;
}
#right-infobox .footer{
    height: 8px;
    background: url(images/right-infobox-bottom.png) no-repeat left top;
    overflow: hidden;
}
    #right-infobox p{
        margin: 3px 12px 13px;
    }
    #right-infobox ul{
        margin: 0 0 5px 0;
    }
    #right-infobox li{
        background:url("images/place-inqiry-company-li-bg.png") no-repeat scroll left 3px transparent;
        padding:0 0 0 31px;
        margin: 0 15px 0 15px;
    }
        #right-infobox li span{
            display: inline;
            float: none;
            font-weight: bold;
            color: #ff5e00;
            padding: 0;
            background: none;
        }
/**************districts at bottom******************/
#districts {
    width: 800px;
    margin: 0 auto 0 auto;
    padding: 15px 30px 16px 30px;
    background: #676f74 url(images/districts-bg.png) repeat-x left top;
    overflow: hidden;
    color: #FFFFFF;
}
    #districts .districts-col{
        width:130px;
        float: left;
    }
    #districts h3{
        font-size: 16px;
        margin: 0 0 12px 0;
        padding: 0;
        color: #FFFFFF;
    }

    #districts a { 
        float: left; 
        display: block;
        width: 130px;
        color: #FFFFFF;
        text-decoration: none;
    }
        #districts a:hover {
            text-decoration: underline;     
        }
/************banner at bottom****************************/
#bbstart {
    width: 755px;
    height: 105px;
    margin: 20px auto 0 auto;
    overflow: hidden;
    background-color: #323333;
    border-bottom: solid #323333 5px;
}
    .bbstart-category{
        width: 480px;
        height: 85px;
        margin: 0 auto 0 auto;
        overflow: hidden;
        background-color: #CCCCCC;
    }
    .bbstart-advertisement-request{
        width: 755px;
        margin: 0 auto 10px auto;
}
    .bbstart-advertisement-request-category{
        width: 480px;
        margin: 0 auto 10px auto;
    }

    .advertisement-link{
        font-size: 10px;
        line-height: 12px;
        color: #323333;        
    }
    
/*************footer*********************/

#footer {
    background: url(images/footer-bg.png) repeat-x left top;
    height: 90px;
    overflow: hidden;
    color: #FFFFFF;
}

    #footer .in {
    line-height: 19px;
    width: 850px;
    margin: 0 auto 0 auto;
    padding: 15px
    }

    #footer a {
        text-decoration: none;
        color: #FFFFFF;
    }
        #footer a:hover {
            text-decoration: underline;
        }
        

/**************various specific elements*************************/
/*google map at company detail, inquiry detail*/
    .dynamic_map_inquiries{
        height:520px;
        margin:10px 0 32px 0;
        width:830px;
    }
    .dynamic_map_selector {
        width: 40px; 
        height: 40px; 
        position: relative; 
        top: -182px; 
        left: 268px; 
        background: url(images/google-map-selector-bg.png) no-repeat center center; 
        cursor: pointer;
    }
.inqiries-map-list{
    margin: 26px 0 0 0;
}
    .inqiries-map-list .inquiries-col{
        width: 275px;
        float: left;
    }
    .inqiries-map-list .item{
        height: 20px;
        overflow: hidden;
        margin: 0 1px 1px 0;
    }
        .inqiries-map-list .link, .inqiries-map-list .date, .inqiries-map-list .city{float: left; display: block;}
        .inqiries-map-list .link{width:97px;}
        .inqiries-map-list .date{width:68px;}
        .inqiries-map-list .city{width:108px;}

/*company detail*/
.company_photo {
    border: solid #f1f1f1 11px;
}


.company-info{
    width: 342px;
}
    .company-info th{
        width: 112px;
    }
.photo-rating{
    width: 182px;
    margin-right: 20px;
}
    .photo-rating .rating-stars{
        padding: 8px;
        margin: 6px 0 0 0;
        background-color: #f1f1f1;
    }


.dynamic_map {
    width: 560px;
    height: 492px;
    background-color: #FAFAFA;
    border: solid #ececec 4px;
} 
.googleMap-infoWindow{
    width: 300px;
    height: 200px;
}
    #content .googleMap-infoWindow p{
        margin: 0 0 10px 0;
    }

.dynamic-map-departments{
    width: 446px;
}
.zoomer, .zoomer-neighborhood{
    display: block;
    margin: 0 1px 0 0;
    border: solid #ececec 1px;
    float: left;
    height: 24px;
    padding: 0 10px 0 10px;
}
    .zoomer-active{
        background-color: #f1f1f1;
    }


/*inquiry detail*/
.inquiry-detail .formDesign{
    width: 100%;
}
    .inquiry-detail .formDesign th{
        /*width: 100px;*/
    }
    .inquiry-detail .formDesign th, .inquiry-detail .formDesign td{
        padding-bottom: 0;
        padding: 0;
    }
    .inquiry-detail .formDesign img{
        height: 80px;
    }
    .inquiry-detail .contact th{
        width: 136px;
        padding:3px 5px 0;
    }
    .inquiry-detail .contact td{
        padding:3px 5px 0;
    }
/****************/
    .list-companies .item{
        margin: 8px 0 8px 0;
        padding: 0 12px 10px 12px;
        border-bottom: dotted #CCCCCC 1px;
        ;
    }
    .list-companies .item .company_photo{
        width: 80px;
        margin: 0 20px 0 0;
        border-width: 4px;
    }
    
    .list-companies .item .regions-title, .list-companies .item .range-title{
        width: 130px;
    }
    .list-companies .item .regions, .list-companies .item .range{
        width: 306px;
    }

    .list-companies .item h2{
        font-size: 14px;
        margin: 0 0 5px 0;
    }
    .list-companies .item-descr{
        width: 436px;
    }

/*table district-item*/
.district-item{
    background-color: #F1F1F1;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}
    .district-item td{
        background-color: #FFFFFF;
        width: 170px;
    }
    .district-item th{
        width: 90px;
    }

/*letters for alphabetic filter*/
.letters {
   margin:10px 0 10px 16px;
}
.letters a {
    margin-right: 1px;
    margin: 0 8px 0 0;
    text-decoration: underline;
}
    .letters a:hover {
        background-color: #FFCC66;
        text-decoration: none;
    }
    .letters a.bold{
        text-decoration: none;
    }

/*company pagination, districts/regions filters*/
.paginator{
    padding: 9px 7px 9px 7px;
    background-color: #f1f1f1;
    margin: 0 0 20px 0;
    color: #bbbbbb;
}
    .paginationControl {
    }
        .paginationControl span, .paginationControl a {
            margin: 0 1px 0 1px;
        }

.category-filters{
    margin: 15px 0 0 15px;
}
    .district-set, .region-set, .category-set{
    }
    .districtsFilter, .regionsFilter, .categoriesFilter{
        margin: 0 0 0 10px;
        width: 159px;
    }



/*departments list at company detail*/
.department {
    padding: 0;
    margin-bottom: 2px;
    clear: both;
}
    .department .department-detail {
        display: none;
        overflow: hidden;
    }
    .department a {
        background: url(images/plus-button-department-bg.png) no-repeat right center;
        padding-right: 15px;
    }
/*forms design*/
.formDesign label.short {
    display: block;
    text-align: right;
    width: 70px;
    
}
.formDesign label.wide {
    display: block;
    text-align: right;
    width: 120px;
    
}
.formDesign input.wide, span.wide {
    width: 155px;
}

.wide-input {
    width: 250px;
}
/*thumbnail at company detail*/
.thumb {
    width: 130px;
    height: 130px;
    overflow: hidden;
    margin: 2px;
}
    .thumb img {
        max-width: 130px;
    }

input.action-title {
    width: 400px;
}
/******actions - image, detail, image loader*******/
.action-image {
    width: 130px; 
    float: left;
}
.action-detail {#windowDim2
    width: 440px; 
    float: left;
}
.action-detail textarea {
    width: 440px;
}
#image-loader {
    position: absolute;
    top: 400px;
    background-color: #FFFFFF; 
    border: solid #CCCCCC 3px; 
    padding: 20px;
}
/*****************poptavkovy formular**************************/
.request-process {
    height: 184px;
    margin: 0 0 20px 0;
    overflow: hidden;
    background: url(images/request-process-bg.png) no-repeat center center;
}
    .request-process p {
        float: left;
        margin: 55px 0 0 30px;
        width: 160px;
    }

.request-form {
    background-color: #F1F1F1;
    padding: 20px;
}
    .request-form-items {
        background-color: #E3E3E3;
        padding: 20px;
    }
.requests-list a {
    display: block;
}

#addedinfo {
}    

#windowDim2, #windowDim3  {
    display: none;
}
/****************detail poptavky************************/
 .request-detail {}
 .request-detail table {
    /*width: 100%;*/
 }
/*************buttons - add inquiry, add company, ...****************************/
.button {
    display: block;
    width: 109px;
    height: 38px;
    padding: 0 0 0 50px;
    overflow: hidden;
    color: #FFFFFF;
    line-height: 37px;
    margin: 0;
    text-decoration: none;
    border: none;
    text-align: left;
}
    .button:hover {
        color: #FE7100;
    }
    
    input.button {
        width: 109px;
        height: 38px; 
        padding: 0 0 0 50px;
        cursor: pointer;
    }
    
    .button-add {
        background: url(images/button-add.png) no-repeat left top;
    }
        .button-add:hover {
            background: url(images/button-add-active.png) no-repeat left top;
        }
        
     /*dynamic add button*/ 
    .button-dynamic{
        background: url(images/button-dyn-left.png) no-repeat left top;
        padding: 0 0 0 40px;
        margin: 0 0 0 0;
        width: auto;
        font-size:14px;
        font-weight:bold;
    }
        .button-dynamic span{display: block; height: 38px;background: url(images/button-dyn-right.png) no-repeat right top; padding: 0 18px 0 0; cursor: pointer;}
        .button-dynamic span span{background: url(images/button-dyn-center.png) repeat-x left top; padding: 0 0 0 10px; cursor: pointer;}
    .button-dynamic:hover{background: url(images/button-dyn-left-active.png) no-repeat left top;}
        .button-dynamic:hover span{background: url(images/button-dyn-right-active.png) no-repeat right top;}
        .button-dynamic:hover span span{background: url(images/button-dyn-center-active.png) repeat-x left top;}
    
    .button-next {
        background: url(images/button-next.png) no-repeat left top;
    }
        .button-next:hover {
            background: url(images/button-next-active.png) no-repeat left top;
        }
    .button-arrow {
        display: block;
        height: 20px;
        padding: 0 15px 0 0;
        background: url(images/link-arrow.png) no-repeat right center;
    }

.selectBtn {
    margin: 2px;
    padding: 5px;
    background-color: none;
    display: block;
    float: left;
    background: url(images/plus-icon.png) no-repeat right top;
}
    .selectBtn:hover {
        background-color: #FFCC99;
    }


/*************feedback***********/
#feedback {
    line-height: 250%;
    padding: 5px 10px 5px 10px; 
}

#feedback input {
    margin-right: 10px;     
}

.star-rating-worst {
    float: left; 
    margin-right: 5px;
}

.star-rating-best {
    margin-left: 5px;
}
/**************homepage guidepost = rozcestnik*************************/
.guidepost {
    display: block;
    float: left;
    width: 261px;
    height: 80px;
    overflow: hidden;
    background: #009bde url(images/guidepost-bottom-bg.png) no-repeat left bottom;
    margin: 0 0 10px 0;
    text-decoration: none;
    color: #FFFFFF;
}
    .guidepost .guide-in{
        height: 7px;
        margin: 0;
        padding: 0;
        display: block;
        background: url(images/guidepost-top-bg.png) no-repeat left top;
    }   
    .guidepost .logo{
        width: 73px;
        height: 68px;
        display: block;
        background: url(images/guidepost-bg-logo-even.png) no-repeat center center;
    }
        /*.guidepost .logo:hover, .guidepost .logo.active{
            background: url(images/guidepost-bg-logo-even.png) no-repeat center center;
        }*/
    
    .guidepost.even{
        margin-left: 15px; 
    }
    /*
    .guidepost.even .logo{
        background: url(images/guidepost-bg-logo-even.png) no-repeat center center;
    }
        .guidepost.even .logo:hover{
            background: url(images/guidepost-bg-logo-odd.png) no-repeat center center;
        }
    .guidepost.odd .logo{
        background: url(images/guidepost-bg-logo-odd.png) no-repeat center center;
    }
        .guidepost.odd .logo:hover{
            background: url(images/guidepost-bg-logo-even.png) no-repeat center center;
        }
    */
    .guidepost a{
        color: #FFFFFF;
        text-decoration: none;
    }
    .guidepost h3{
        margin: 11px 0 0 0;
        padding: 0 0 0 0;
        font-weight: bold;
        font-size: 16px;
        text-shadow: #00638f 0px -1px 1px;
        color: #FFFFFF;
    }
    
    .guidepost .guidepost-categories{
        line-height: 14px;
        margin: 2px 0 0 0;
        /*height: 28px;
        overflow: hidden;*/
        padding-right: 5px;
    
    }

/**********************************************/    
.ratingBar {
		margin-right: 8px;
		width: 85px; 
		background: url(/styles/design-shared/images/star_x_grey.png) 0 0 repeat-x;
	}
	.ratingBar div {
	  height: 16px;
	  background: url(/styles/design-shared/images/star_x_orange.png) 0 0 repeat-x;
	}

/*last inquiries box*/
.jinquiriesbox-envelope{
    width: 370px;
    height: 78px;
}

#jinquiriesbox_container {
    overflow: hidden;
    width: 370px;
    height: 59px;
    margin: 0 0 17px 0;
}
    #jinquiriesbox_container span {
        display: block;
        width: 225px;
        height: 51px;
        overflow: hidden;
        background-color: #e8f7ff;
        padding: 4px 5px 4px 10px;
        line-height: 16px;
        /*font-size: 11px;
        line-height: 11px;*/
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }


/*HP introtext style*/
.introtext{
    font-size: 14px;
}


.hp-banner {
    float: right;
    width: 250px;
    height: 275px;
    overflow: hidden;
    margin: 0 16px 0 0;
    text-align: center;
}


.hp-box .indent, .hp-box-wide .indent {
    margin: 0 17px 0 17px;
}
.hp-box h2, .hp-box-wide h2 {
    margin: 12px 17px 4px 17px;
    padding: 0 0 0 0;
}
.hp-box table, .hp-box-wide table {
    margin: 0 0 14px 0;
}

/*HP box wide*/
.hp-box-wide {
    width: 567px;
    overflow: hidden;
    margin: 0 0 20px 0;
}
    .hp-box-wide .header{height: 8px; background: url(images/hp-box-wide-top.png) no-repeat left top; overflow: hidden;}
    .hp-box-wide .middle{background: url(images/hp-box-wide-middle.png) repeat-y left top; overflow: hidden;}
    .hp-box-wide .footer{height: 8px; background: url(images/hp-box-wide-bottom.png) no-repeat left bottom; overflow: hidden;}

    .hp-box-wide .all-inquiries-link{
        margin-top: 10px;
        color: #ff5e00;
    }
/*HP box thin*/
.hp-box {
    width: 271px;
    overflow: hidden;
    margin: 0 0 38px 0;
}
    .hp-box .header{height: 8px; background: url(images/hp-box-thin-top.png) no-repeat left top; overflow: hidden;}
    .hp-box .middle{background: url(images//hp-box-thin-middle.png) repeat-y left top; overflow: hidden; padding-bottom: 15px;}
    .hp-box .footer{height: 8px; ; background: url(images/hp-box-thin-bottom.png) no-repeat left top; overflow: hidden;}
    
    .hp-box h2{
        background: url(images/hp-box-thin-hr.png) repeat-x left bottom;
        font-size: 14px;
        margin: 8px 6px 16px 6px;
        padding: 0 11px 13px 11px;
        color: #004F87;
    }

    .hp-box li{
        background:url("images/place-inqiry-company-li-bg.png") no-repeat scroll left 3px transparent;
        padding:0 0 11px 27px;
    }
    .hp-box .button{
        width: 153px;
    }

/*hp-box-overlay extendes hp-box*/
.hp-box-overlay{
    width: 455px;
    margin-left: auto;
    margin-right: auto;
    cursor: auto;
}
    .hp-box-overlay .header{height: 8px; background: url(images/hp-box-overlay-top.png) no-repeat left top; overflow: hidden;}
    .hp-box-overlay .middle{background: url(images//hp-box-overlay-middle.png) repeat-y left top; overflow: hidden; padding-bottom: 15px;}
    .hp-box-overlay .footer{height: 8px; ; background: url(images/hp-box-overlay-bottom.png) no-repeat left top; overflow: hidden;}


.recomended{
    height: 256px;
    background: url(images/hp-box-wide-recomended.png) no-repeat left top;
}
    .recomended .header, .recomended .middle, .recomended .footer{
        background: none;
    }      
    .recomended h2{
        margin-bottom: 17px;
    }
    .recomended .company {
        width: 255px;
        height: 80px;
        margin: 0 0 7px 12px;
        padding: 5px;
        float: left;
        background: url(images/hp-box-wide-recomended-company.png) no-repeat left top;
        overflow: hidden;
    }
    .recomended .company_photo {
        width: 100px;
        float: left;
        margin: 3px 10px 0 3px;
        border: none;
    }
    
    .recomended .company h3 {
        margin: 0 0 0 0;
        padding: 0 0 5px 0;
    }
    
        .recomended .company .categories a {
            color: #333333;
            text-decoration: none;
        }
            .recomended .company .categories a:hover {
                color: #333333;
                text-decoration: underline;
            }
    /*
    .recomended-category{
        height: 160px;
        background: url(images/hp-box-wide-recomended-category.png) no-repeat left top;
    }*/
    
    .last-rated {
        height: 231px;
        background: url(images/hp-box-wide-last-rated.png) no-repeat left top;
        margin-bottom: 6px;
    }
        .last-rated .header, .last-rated .middle, .last-rated .footer{
            background: none;
        }
        .last-rated h2{
            margin-bottom: 18px;
        }
    .last-rated .company-rating {
        margin: 0px 20px 6px 20px;
        padding: 0px 0 8px 0;
        background: url(images/right-block-li-bg.png) repeat-x left bottom;
    }




.tips{}
    .tips .tip{
        clear: both;
        padding: 10px 0 11px 0;
        margin: 0 15px 0 15px;
        background: url(images/right-block-li-bg.png) repeat-x left bottom;
    }
        .tips .tip.last{
            background: none;
            padding-bottom: 0;
        } 
    .tips .tip img {
        margin: 0 15px 0 0;
        border: solid #b9bec2 1px;
    }


/*last inquiries box, last companies box*/
.last-inquiries table, .last-companies table{
    width: 100%;
}
    .last-inquiries th, .last-companies th{
        width: 100px;
    }
    .last-inquiries td, .last-companies td{
        width: 100px;
        padding-bottom: 0;
        padding-top: 3px;
    }




.box-category-menu {
     /*padding: 0 10px 0 10px;*/
     font-size: 14px;   
}
    .box-category-menu .middle {
        padding: 19px 0 0 0;
    }
        .box-category-menu .middle a {
            display: block;
            height: 20px;
            background: url(images/icons/plus-icon.png) no-repeat left center;
            padding: 0 0 0 30px;
        } 

/*info boxes at homepage*/
.box-wide{
    width: 566px;
    margin: 0 0 16px 0;
}
    .box-wide .header{background: url(images/box-wide-top-bg.png) no-repeat left top !important; height: 8px; overflow: hidden;}
    .box-wide .middle{background: url(images/box-wide-middle-bg.png) repeat-y left top !important; padding: 12px 14px 28px 14px; overflow: hidden;}
    .box-wide .footer{background: url(images/box-wide-bottom-bg.png) no-repeat left top !important; height: 8px; overflow: hidden;}


/*add company button, window, box*/
.button-hp-add {
    /*margin: 16px 10px 25px 10px;*/
}
.window-back{
    background:url("images/window-back-bg.png") repeat scroll left top transparent;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    cursor: pointer;
}

.add-company-box li, .add-inquiry-box li{
    float:left;
    font-weight:bold;
    width:183px;
}/*
    .add-company-box h2, .add-inquiry-box h2{
        color: #004F87;
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 20px 0;
    }
*/    
.closer{
    width: 18px;
    height: 18px;
    background: url(images/icons/close.png) no-repeat left top;
    margin:7px 14px 0 0;
}




/*******************usefull****************************/
.bold {
    font-weight: bold;
}
.italic{
    font-style: italic;
}
.clean {
    height: 0px;
    clear: both;
    display: block;
}
.left {
    float: left;
}
.right {
    float: right;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

.no-decoration{
    text-decoration: none;
}
.no-display{
    display: none;
}

.margin-right {
    margin-right: 20px;
}
.margin-left {
    margin-left: 20px;
}

tr.odd td {
    background-color: #D6D6D6;
}
tr.even td {
    background-color: none;
}
.highlight {
    color: #A22A23;
    font-weight: bold;
}

.formError {
    background-color: #FFFF00;
    border: solid #FF0000 2px;
    padding: 3px;
    width: 300px;
    color: #FF0000;
}

.highlight-back {
    background-color: #EEEEEE;
}
.formError {
   /*float: right;*/
   margin-left: 10px;
}
.disabled {
    color: #BBBBBB;
    font-weight: normal;
}

.fullwidth {
    width: 100%;
}

.halfwidth {
    width: 400px;
}

.indent{
    margin: 0 12px 0 12px;
}
.no-margin{
    margin: 0;
}

.light-tone-text{
    color: #66808d;
}

.width100{
    width: 100px;
}

.highlight-table {
    width: 100%;
    margin: 15px 0 10px !important;
}
    .highlight-table th, .highlight-table td{
        background: url(images/right-block-li-bg.png) repeat-x left bottom;
        color: #004f87;
        padding:5px 10px 8px;
    } 
        .highlight-table th{
            background-color: #e4f0ec;
            /*width: 200px;*/
        }
        .highlight-table td{
            background-color: #f3fffb;
        }
        .highlight-table .last td{
            background-image: none;
        }


/*static page style*/
.static-page table{
    width: 100%;
}
.static-page table th, .static-page table td{
    border: solid #EEEEEE 1px;
}
.static-page li{
    background:url("images/li-bg.png") no-repeat scroll 0 7px transparent;
    padding:0 0 0 17px;
}