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

/********************common HTML tags****************************/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
}  

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

label {}

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

    a:hover {
        text-decoration: none;
    }

h1 {
    margin: 10px 0 30px 0;
}

h1, h2 {
    color: #A22A23;
    font-size: 16px;
    padding: 0 0 20px 0;
    font-weight: bold;
}

h2 {
    color: #4A413A;
    font-size: 14px;
}

h3 {
    /*color: #4A413A;*/
    color: #AD2D26;
    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*****************************/

#wrapper {
    width: 1200px;
    margin: 0 auto 0 auto;
    /*background-color: #FF6600;*/
            background: url(images/main-bg.png) repeat-y center top;
}


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

    #topline {
        height: 43px;
        overflow: hidden;
        color: #FFFFFF;
    }
    /**************topline******************/
    #topline a {
        display: block;
        margin: 6px 5px 0 0;
        padding: 7px 5px 7px 25px;
        color: #FFFFFF;
        text-decoration: none;
        height: 16px; 
        float: left;
        /*border-right: solid #4B4A4A 1px;*/
    }
    
        #topline a:hover, #topline a.active {
            color: #FE7100;
            text-decoration: underline;
        }
            
        #topline a.login {
            background: url(images/topline-login-bg.png) no-repeat left center;
            float: right;
        }
            #topline .login:hover {
                background: url(images/topline-login-active-bg.png) no-repeat left center;
            }

        #topline a.registration {
            background: url(images/topline-registration-bg.png) no-repeat left center;
            float: right;
        }
            #topline .registration:hover {
                background: url(images/topline-registration-active-bg.png) no-repeat left center;
            }

    #topline span {
        margin: 12px 0 0 0;
        display: block;
        float: right;
    }
    
    /*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: 1px 0 0 20px;
        overflow: hidden;
        height: 41px;
    }
    
    #navigation a {
        float: left;
        display: block;
        height: 41px;
        background: url(images/navigation-a-left-bg.png) no-repeat left top;
        padding: 0 0 0 17px;
        text-decoration: none;
        font-weight: bold;
        text-transform: uppercase;
        color: #FFFFFF;
    }
        #navigation a span {
            background: url(images/navigation-a-right-bg.png) no-repeat right top;
            padding: 0 17px 0 0;
            display: block;
            height: 41px;
            cursor: pointer;
        }
        
        #navigation a span span {
            background: url(images/navigation-a-center-bg.png) repeat-x left top;
            padding: 14px 0 0 0;
            display: block;
            height: 27px;
            cursor: pointer;
        }
            #navigation a span span span{
                margin: 0px;
                padding: 0 15px 0 15px;
                display: block;
                cursor: pointer;
                background: none;
            }

    #navigation a:hover, #navigation a.active {
        background: url(images/navigation-a-left-active-bg.png) no-repeat left top;
        color: #313030;
    }
        #navigation a:hover span, #navigation a.active span {
            background: url(images/navigation-a-right-active-bg.png) no-repeat right top;
        }
        
        #navigation a:hover span span, #navigation a.active span span {
            background: url(images/navigation-a-center-active-bg.png) repeat-x left top;
        }
            #navigation a.active span span span, #navigation a:hover span span span{
                background: url(images/navigation-arrow-active-bg.png) no-repeat center bottom;
            }

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

    #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;
}

    #main .in {
        background: #FFFFFF url(images/subheader-bg.png) repeat-x left top;
        width: 881px;
        /*margin: 0 auto 0 auto;*/
        float: left; /* margin auto zruseno aby se dobre zarovnavaly  #servers a #main .in na pozadi v FF i IE8,7 */
        margin: 0 0 0 0;
    }

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

/*content - left main block*/
#content {
    width: 578px;
    float: left;
    padding: 0 20px 20px 20px;
    overflow: hidden;
}

/***************right-column - right main block******************/
#right-column {
    width: 246px;
    float: left;
    padding: 0 0 20px 0;
    overflow: hidden;
    font-size: 11px;
}

    /***right-column header, middle, footer backgrounds,... for all right blocks****/
    #right-column .header {
        background: url(images/right-block-top-bg.png) no-repeat center top;
        height: 15px;
        padding: 10px;
        overflow: hidden;
    }
    #right-column .middle {
        background: url(images/right-block-middle-bg.png) repeat-y center top;
        overflow: hidden;
    }
    #right-column .footer {
        background: url(images/right-block-bottom-bg.png) no-repeat center top;
        height: 17px;
        padding: 8px 10px 10px 20px;
    }
    /***right-column h2, li, li a, specific links,... for all right blocks****/

        #right-column ul {
            margin: 0;
        }
        #right-column li{
        margin: 0 10px 0 10px;
        padding: 5px 0 4px 25px;
        border-bottom: dotted #CCCCCC 1px;
        background: url(images/li-bg.png) no-repeat 10px 10px;
        }
            #right-column table {
                width: 238px;
                margin: 0 3px 0 4px;
            }
            #right-column td {
                padding: 0 10px 0 10px;
            }

            #right-column li a, #right-column td a {
                color: #333333;
                text-decoration: none;
            }
                #right-column li a:hover, #right-column td a:hover {
                    text-decoration: underline;
                }
        #right-column h2, #right-column .header a {
            color: #FFFFFF;
            text-decoration: none;
            border: none;
        }
        #right-column .footer span {
            background: url(images/link-arrow.png) no-repeat right center;
            padding: 0 15px 0 0;
        }


    /*****right-column specific for individual block****************************/
    #top10,    #actions,    #news,    #banners {
        margin: 0 0 15px 0;
    }
    
    #top10 .header {
        background: url(images/right-block-top10-bg.png) no-repeat center bottom;
        height: 51px;
        padding: 0;
        margin: 0 0 0 0;
        
        font-size: 12px;
    }
        #top10 .header .bottom{
            height: 8px;
            margin: 43px 3px 0 3px;
            background-color: #bf3f2b;
        }
        #top10 .header a {
            display: block;
            width: 112px;
            height: 33px;
            padding: 5px 5px 5px 5px;
            margin-left: 1px;
            font-weight: bold;
            line-height: 33px;
            text-align: center;
            color: #A22A23;
            background: url(images/right-block-flag-active-bg.png) no-repeat left top;
        }
            #top10 .header a.last {
                margin-left: -1px; 
            }

             #top10 .header a:hover, #top10 .header a.active {
                color: #FFFFFF;
                background: url(images/right-block-flag-bg.png) no-repeat left top;
                margin-left: 0px;
            }
        #top10 ul {
            background: #e8e8e8 url(images/top10-middle-bg.png) repeat-x left top;
            margin: 0 4px 0 4px;
        }
        
    #actions .middle {
        padding: 15px 20px 10px 20px;
        overflow: hidden;
        color: #515151;
    }
    #actions .middle img {
            width: 50px;
            height: auto;
            margin-bottom: 10px;
        }
        #actions .middle p{
            width: 135px;
            display: block;
        }
    #news table{
        background-color: #e3e3e3;
    }
    #news table td{
        font-size: 10px;
    }
    
    #banners .header{
        height: 6px;
        padding: 0;
        background: url(images/right-banner-header.png) no-repeat left top;
    }
    #banners .middle{
        background: url(images/right-banner-middle.png) repeat-y left top;
        overflow: hidden;
    }
            #banners .middle .in{
                width: 233px;
                overflow: hidden;
                margin: 0 6px 0 6px;
            }

                 #banners .middle .in img{
                    width: 233px;
                    height: auto;
                    float: left;
                 }
    #banners .footer{
        height: 6px;
        padding: 0;
        background: url(images/right-banner-footer.png) no-repeat left top;
    }
    
    /*right-column user menu*/
    #user-info{
        margin: 70px 0 0 0;
    }
        #user-info .middle{
            padding: 10px;
        }
        #user-info .footer{
            height: 5px;
            background-position: left bottom;
        }
        #user-info .disabled{
            color: #999999;
            font-weight: bold;
        }
    
    #user-menu{
    margin: 20px 0 0 0;
    }
        #user-menu .item {
            display: block;
            margin: 8px 12px 8px 10px;
            padding: 3px 3px 3px 3px;
            background-color: #FFFFFF;
            height: 24px;
        }
        #user-menu img {
            float: left;
            margin: 0 5px 0 0;
        }
        #user-menu .middle a {
            display: block;
            color: #515151;
            font-weight: bold;
            text-decoration: none;
            padding: 0 0 0 0;
            line-height: 23px;
        }
        
        #user-menu .middle a:hover, #user-menu .middle a.active {
            color: #000000;
        }
        #user-menu .footer{
            height: 5px;
            background-position: left bottom;
        }

/**********************search - in right block*****************************/
    #search {
    margin: 0 0 40px 0;
    padding: 0;
    overflow: hidden;
    }

        #search .input {
            
            float: left;
            margin: 0 0 0 0;
            padding: 7px 5px 0 40px;
            width: 135px;
            height: 23px;
            background: #FFFFFF url(images/search-input-bg.png) no-repeat left top;
            border: none;
        }
        #search .submit {
            
            float: left;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            width: 59px;
            height: 30px;
            background: #FFFFFF url(images/search-submit-bg.png) no-repeat left top;
            border: none;
            text-align: center;
            color: #FFFFFF;
        }

/**************districts at bottom******************/
#districts {
    width: 841px;
    margin: 20px auto 0 auto;
    padding: 20px 20px 20px 20px;
    background-color: #F1F1F1;
    overflow: hidden;
}
    #districts h2 {
        margin-bottom: 10px;
        padding: 0;
    }
    #districts h3 { 
        float: left; 
        display: block;
        width: 140px;
        font-size: 11px;
        font-weight: normal;
        padding: 0;
        line-height: 14px;
    }
    #districts a {text-decoration: none;} 
    #districts a:hover {text-decoration: underline;}    
/************banner at bottom****************************/
.banner-wrapper{
    text-align: center;
    background: #FFFFFF;
    margin: 5px 0 0 0;
    padding: 26px 0 32px 0;
}

#bbstart {
    width: 755px;
    height: 110px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    background-color: #CCCCCC;
}



/*************footer*********************/

#footer {
    background: url(images/footer-bg.png) repeat-x left top;
    height: 100px;
    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 {
    width: 580px;
    height: 320px;
    background-color: #EEEEEE;
    margin: 10px 0 0 0;
}
    .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;
    }
    
/*letters for alphabetic filter*/
.letters a {
    margin-right: 1px;
    padding: 2px;
    text-decoration: underline;
}
    .letters a:hover {
        background-color: #FFCC66;
        text-decoration: none;
    }
/*company pagination*/
.pagination {
    padding: 5px;
    margin: 0 0 20px 0;
}


/*company detail photo*/
.company_photo {
    border: solid #F1F1F1 8px;
}
    .list-companies .company_photo {
        margin: 0 20px 20px 0;
    }

/*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, .formDesign select.wide {
    width: 135px;
}

.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 {
    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;
    font-size: 11px;
}
    .request-process p {
        float: left;
        margin: 55px 0 0 30px;
        width: 160px;
    }

.request-form {
    background-color: #F1F1F1;
    padding: 20px;
}
    .request-form h3, .request-form-items h3 {
        color: #4a413a;
    }
    .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%;*/
 }

/*****************news after logging**************************/
.logged-news{
    margin: 0 0 20px 4px;
    } 
    .logged-news .header{
        background: url(images/news-logged-header.png) no-repeat left top;
        width: 570px;
        height: 27px;
        overflow: hidden;
    }
    .logged-news .middle{
        background: url(images/news-logged-middle.png) repeat-y left top;
        width: 540px;
        padding: 15px;
    }
    .logged-news .footer{
        background: url(images/news-logged-footer.png) no-repeat left bottom;
        width: 548px;
        height: 14px;
        padding: 4px 14px 8px 8px;
    }
    .logged-news .close-button, .close-button {
        background: url(images/icons/icon-close.png) no-repeat center center;
        width: 24px;
        height: 24px;
        display: block;
        margin: 0 4px 0 0;
    }
    .edit-button {
    background: url(images/icons/icon-edit.png) no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 4px 0 0;
    }
/*************buttons - add inquiry, add company, ...****************************/
.button {
    display: block;
    width: 139px;
    height: 28px;
    padding: 10px 0 0 50px;
    overflow: hidden;
    color: #FFFFFF;
    margin: 0;
    text-decoration: none;
    border: none;
    text-align: left;
}
    .button:hover {
        color: #FE7100;
    }
    
    input.button {
        width: 189px;
        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;
        }
    
    .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;
    }

#basketTable{
    width: 100%;
    background-color: #FFFFFF;
    border: none;
}
    #basketTable .remove{
        display: block;
        width: 17px;
        height: 17px;
        margin: 0 15px 0 0;
        background: url(images/basket-remove.png) no-repeat left top;
    }
        #basketTable .remove span{
            display: none;
            visibility: hidden;
        }
        #basketTable td{
            vertical-align: top;
            padding-top: 15px;
        }
        #basketTable th{
            background: #e3e3e3;
        }
/*******************usefull****************************/
.bold {
    font-weight: bold;
}
.no-bold{
    font-weight: normal !important;
}

.clean {
    height: 0px;
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right !important;
}
.center {
    margin-left: auto !important; 
    margin-right: auto !important;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.margin_left {
    margin-left: 20px;
}
tr.odd td {
    background-color: #D6D6D6;
}
tr.even td {
    background-color: none;
}
.highlight {
    color: #A22A23 !important;
    font-weight: bold;
}

.ok-status {
    color: #009900;
}

.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: #CCCCCC;
    font-weight: normal;
}

.fullwidth {
    width: 100%;
}

.vertical-middle td {
    vertical-align: middle;
}

.halfwidth {
    width: 400px;
}

.quaterwidth {
    width: 200px;
}

.strong-line{
    height: 20px;
    background: #e3e3e3;
    border: none;
}

.no-padding{padding: 0 !important;}

#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;
}


.company-rating {
    margin: 0 0 20px 0;
}
.company-rating .star{
    width: 16px;
    height: 16px;
    background: url(images/star.gif) no-repeat left top;
    margin: 0 0 0 5px;
    display: block;
    float: left;
}
    .company-rating .star-gold{
        background: url(images/star.gif) no-repeat left bottom;
    }
    .company-rating .star-large {    
        width: 32px;
        height: 32px;
        background: url(images/star-large.png) no-repeat left top;
        margin: 0 0 0 5px;
        display: block;
        float: left;
    }
        .company-rating .star-gold-large{
            background: url(images/star-large.png) no-repeat left bottom;
        }
    .company-rating .star-large-summary {
        width: 190px;
    }
    
.feedback-detail {
    display: none;
}



/*tooltips*/
.tooltip-helper{
    background: url(images/icons/icon-tooltip.png) no-repeat center center;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 5px;
    display: block;
 }
    .tooltip{
       display:none; 
        width:300px; 
        padding:5px; 
        margin: 10px;
        background-color: #EEEEEE;
        border:2px solid #DDDDDD;
        -webkit-border-radius: RADIUS;    /* for Safari */
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

th.tablesorter_header {
    background: url(images/tablesorter/bg.gif) no-repeat left center;  
    cursor: pointer; 
    font-weight: bold;
    padding-left: 20px;    
}


th.tablesorter_headerSortUp {
    background: url(images/tablesorter/asc.gif) no-repeat left center;
    background-color: #EEEEEE; 
}

th.tablesorter_headerSortDown {
    background: url(images/tablesorter/desc.gif) no-repeat left center;
    background-color: #EEEEEE;
}

.radio_label_yes {
    color: green;
    font-weight: bold;
}

.radio_label_no {
    color: red; 
    font-weight: bold;
}

.vertical_tabs_left_column {
    width: 140px;   
    margin: 10px 0 0 0;
}
    .vertical_tabs_left_column li {
        background: none;
    }
    .vertical_tabs_left_column a {
        display: block;
        padding: 5px;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        color: #515151;
    }
        .vertical_tabs_left_column a:hover {
            background-color: #515151;
            color: #FFFFFF;
        }
        .vertical_tabs_left_column a.active {
            background-color: #F7F7F7;
        }
            .vertical_tabs_left_column a.active:hover {
                color: #515151;
            }


.vertical_tabs_right_column {
    margin: 0 0 20px 0;
    background: #F7F7F7;
    min-height: 150px;    
}
    .vertical_tabs_right_column {
        padding: 10px;
        width: 400px;
    }

.vertical_tabs_right_column_i {
    margin: 0 0 20px 0;
    background: #F7F7F7;
    min-height: 260px;    
}
    .vertical_tabs_right_column_i {
        padding: 10px 10px 10px 25px;
        width: 350px;
    }


/*changes for webkit browsers*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #servers{
        margin-left: 2px;
    }

#districts {
    width: 841px;
    margin: 20px 0px 0px 160px;
}
    
#main-bottom{
    margin: 0px 0px 0px 156px;
}



}