/*
-------------------------------------------------------
File:     specific.css
Product:  Adlib Internet Server 6
Summary:  file to store css specific to an element (idenfifield by an id). 
          Organize this file by web pages, using comments.
-------------------------------------------------------
Contents of this file:

1. Results
  1.1 Results Overview
  1.2 Results Navigator
  1.3 Results Details
  1.4 Selection
2. History
3. Home
4. User
5. Search profiles
6. Workflows
7. Reservations
  
-------------------------------------------------------
Direction dependent HTML (LTR or RTL):

The website applies the correct direction using the class "ais-ltr" or "ais-rtl" in the body element.
Any HTML that is direction dependent needs needs special css rules

Example: 

.ais-ltr #ais-header-text {padding-left: 10px;}
.ais-rtl #ais-header-text {padding-right: 10px;}

For floated elements, it's not necessary to create this specific rules. 
Just include in the floated element the class "ais-float-dynamic" and it will automaticly 
apply "float:right" or "float:left" depending on the current direction.
-------------------------------------------------------
*/
/*
-------------------------------------------------------
00. General
-------------------------------------------------------
*/
.bold {
    font-weight: 700;
}

.inline-block {
    display: inline-block;
}

/*
-------------------------------------------------------
0. Home
-------------------------------------------------------
*/

#ais-introduction ul {
    list-style: circle;
    padding-left: 20px;
}

    #ais-introduction ul ul {
        list-style: disc;
    }

#ais-introduction p {
    padding-bottom: 10px;
}


/*
-------------------------------------------------------
1. Results
-------------------------------------------------------
*/
#ais-results {
}

/*
-------------------------------------------------------
1.1 Results Overview
-------------------------------------------------------
*/

.ais-ltr #ais-bookmark-link,
.ais-ltr .ais-rss-link {
    display: inline-block;
    float: right;
    margin: 0px 10px 5px 0px;
}

.ais-rtl #ais-bookmark-link,
.ais-rtl .ais-rss-link {
    display: inline-block;
    float: left;
    margin: 0px 0px 5px 10px;
}

#ais-results .number
/*#ais-results .icon*/ {
    display: none;
}

#ais-results .ais-brief .selector {
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 10px;
}

#ais-results .ais-brief-gallery .selector {
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 0px;
}


        .ais-images-listing > ul > li {
            list-style-type: none;
            margin-left: 5px;
            margin-right: 5px;
        }

.ais-rtl .ais-images-listing > ul > li {
    float: right;
}

.ais-images-listing > ul > li.ais-prev-image,
.ais-images-listing > ul > li.ais-next-image {
    height: 24px;
    cursor: pointer;
}

.ais-ltr .ais-images-listing > ul > li.ais-prev-image {
    background: url(Images/navigation/ais-navigation-prev-ltr-light.png) no-repeat scroll transparent;
}

.ais-rtl .ais-images-listing > ul > li.ais-prev-image {
    background: url(Images/navigation/ais-navigation-prev-rtl-light.png) no-repeat scroll transparent;
}

.ais-ltr .ais-images-listing > ul > li.ais-next-image {
    background: url(Images/navigation/ais-navigation-next-ltr-light.png) no-repeat scroll transparent;
}

.ais-rtl .ais-images-listing > ul > li.ais-next-image {
    background: url(Images/navigation/ais-navigation-next-rtl-light.png) no-repeat scroll transparent;
}

.ais-images-listing > ul > li.ais-page-index {
    font-weight: normal;
    margin: 4px 10px 0px 10px;
    vertical-align: baseline;
}

#ais-send-via-email-container {
    width: 400px;
}

  #ais-send-via-email-container #ais-message {
      width: 350px;
  }

#ais-detail-add-comment-form-container {
    width: 600px;
}

#ais-detail-add-tag-form-container {
    width: 400px;
}

    #ais-detail-add-comment-form-container,
    #ais-detail-add-comment-form-container ul,
    #ais-detail-add-tag-form-container,
    #ais-detail-add-tag-form-container ul {
        margin: 0px;
        padding: 0px;
    }

        #ais-detail-add-comment-form-container ul > li,
        #ais-detail-add-tag-form-container ul > li {
            margin: 4px 0px 4px 0px;
            padding: 3px 7px 3px 7px;
        }

            #ais-detail-add-comment-form-container ul > li > .label {
                display: inline-block;
                width: 150px;
                vertical-align: top;
            }

                #ais-detail-add-comment-form-container ul > li > .label.short {
                    display: inline-block;
                    width: 130px;
                    vertical-align: top;
                }

            #ais-detail-add-tag-form-container ul > li > .label {
                display: inline-block;
                width: 50px;
                vertical-align: top;
            }


            #ais-detail-add-comment-form-container ul > li > input[type='text'],
            #ais-detail-add-comment-form-container ul > li > input[type='file'],
            #ais-detail-add-comment-form-container ul > li > textarea {
                width: 400px;
            }

            #ais-detail-add-tag-form-container ul > li > input[type='text'] {
                width: 200px;
            }

        #ais-detail-add-comment-form-container #ais-message {
            width: 550px;
        }

        #ais-detail-add-tag-form-container #ais-message {
            width: 350px;
        }


        #ais-detail-add-comment-form-container .ais-user-message,
        #ais-detail-add-tag-form-container .ais-user-message {
            background-color: transparent;
        }

#ais-detail-add-comment-form-expanded-container,
#ais-detail-add-tag-form-expanded-container {
    padding: 0px;
    margin: -1px 0px -4px 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    #ais-detail-add-comment-form-expanded-container .ais-header,
    #ais-detail-add-tag-form-expanded-container .ais-header {
        border-bottom: 1px solid #ccc;
        margin-bottom: 5px;
        padding: 10px 23px 10px 23px;
        font-weight: bold;
    }

    #ais-detail-add-comment-form-expanded-container .ais-form,
    #ais-detail-add-tag-form-expanded-container .ais-form {
        padding: 10px 16px 0px 16px;
    }

#ais-detail-add-tag-form ul > li {
    display: inline-block;
}

#ais-popupwrapper .ais-search-listbutton {
    display: none;
}

/*
-------------------------------------------------------
1.4 Selection
-------------------------------------------------------
*/
#ais-selection-content > div {
    margin-top: 0px;
}