﻿
/*
-------------------------------------------------------
File:     base.css
Product:  Adlib Internet Server 5
Summary:  File to store css definitions (classes, common html elements, etc) that can be reused in different pages. 
          Be carefull changing this file because is reused in the whole application.
-------------------------------------------------------
Contents of this file:

1. Basic HTML elements
2. Master Page
  2.1 Header
    2.1.1 Help
    2.1.1 Language Selector
  2.2 Menu
  2.3 Main
    2.3.1 User message
    2.3.2 Side bar
    2.3.3 Forms
  2.4 Footer
  2.5 Debug Area
  2.6 Help Window
  2.7 Date Picker
  2.8 Popup Lookup
3. Classes
  3.1 Helpers
  3.2 Left to right switcher
  3.3 Float clearer
  3.4 Main content
  3.5 Round stripes
  3.6 Tables
  3.7 Lists
  3.8 Action links
  3.9 Brief views
  3.10 Detail views
  
  
-------------------------------------------------------
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.
-------------------------------------------------------
*/


/*
-------------------------------------------------------
1. Basic HTML elements
-------------------------------------------------------
*/

body
{
  background-color: #fff;
  color: #000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  padding: 0;
  text-transform: none;
  height: 100%;
}

h1
{
  font-size: 16px;
}

strong
{
  font-weight: bold;
}

a:link, a:visited, a:active, a:hover
{
  color: #000000;
}

a:hover
{
  text-decoration: underline;
}

a.ais-anchor
{
  border-style: none;
  text-decoration: none;
}


/*
-------------------------------------------------------
2. Master Page
-------------------------------------------------------
*/

#ais-master
{
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  background-color: white;
  margin-bottom: 30px;
  overflow: hidden;
}

body.ais-print-page
{
  background-color: white;
  color: #231F20;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.8em;
  padding: 0;
  text-transform: none;
  height: 100%;
}

/*
-------------------------------------------------------
2.1 Header
-------------------------------------------------------
*/

#ais-header
{
  background-color: #fff;
  min-height: 110px;
  font-family: Calibri, Arial;
  font-size: 1.2em;
  vertical-align: top;
  color: white;
}

#ais-header *
{
  vertical-align: top;
}

#ais-logo 
{
  float: left;
}

#ais-logo > a
{
  background-image: url(../Images/header_research.png);
  display: block;
  height: 110px;
  width: 1024px;
}

#ais-header-text
{
  color: white;
  padding-top: 22px;
}

.ais-ltr #ais-header-text
{
  padding-left: 10px;
}

.ais-rtl #ais-header-text
{
  padding-right: 10px;
}

/*
-------------------------------------------------------
2.1.1 Help
-------------------------------------------------------
*/

#ais-help
{
  padding-top: 7px;
}

.ais-ltr #ais-help
{
  padding-left: 10px;
  float: right;
}

.ais-rtl #ais-help
{
  padding-right: 10px;
  float: left;
}

/*
-------------------------------------------------------
2.1.2 Language Selector
-------------------------------------------------------
*/

#ais-language
{
  padding-top: 10px;
}

#ais-language > a
{
  color: Black;
}

.ais-ltr #ais-language
{
  padding-left: 10px;
  float: right;
}

.ais-rtl #ais-language
{
  padding-right: 10px;
  float: left;
}

.ais-ltr #ais-language > img
{
  margin-right: 5px;
}
.ais-rtl #ais-language > img
{
  margin-left: 5px;
}


#ais-language-list
{
  position: absolute;
  z-index: 101;
  max-width: 150px;
  background-color: #E8E8E8;
  padding: 10px 20px 10px 20px;
  margin-top: 5px;
  color: #8A8A8A;
  border: 1px solid #8A8A8A;
}


#ais-language-list li
{
  margin-bottom: 4px;
}

#ais-language-list a
{
  color: #8A8A8A;
}
.ais-ltr #ais-language-list li *
{
  margin-right: 6px;
}

.ais-rtl #ais-language-list li *
{
  margin-left: 6px;
}

.ais-ltr #ais-language-list
{
  margin-left: -125px;
}

.ais-rtl #ais-language-list
{
  margin-right: -125px;
}


#ais-language-list > span
{
  font-weight: bold;
}

#ais-language-list > ul
{
  padding-top: 10px;
}

#ais-language-menu-main #ais-language-list.ais-display-none
{
  display: inherit;
  margin: 10px;
}

/*
-------------------------------------------------------
2.2 Menu
-------------------------------------------------------
*/

#ais-menu
{
  font-family: Arial;
  font-size: 1.1em;
  font-weight: bold;
  height: 30px;
  background-color: #eee;
}

#ais-menu-inner
{
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  /*float: left;*/
  left: 965px;
}

#ais-menu-inner .research
{
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  float: left;
  left: 5px;
}

#ais-menu-list
{
  float: left;
  right: 80%;
  height: 30px;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

#ais-menu-list > li
{
  height: 30px;
}

#ais-menu-list > li.disabled
{
}


#ais-menu-list > li
{
}

#ais-menu-list > li:first-child
{
  border-left: 0px;
}

#ais-menu-list > li > a
{
  text-decoration: none;
  min-width: 30px;
  display: block;
  height: 20px;
  padding: 2px 20px 0 15px;
  line-height: 25px;
}

/* Menu buttons */

#ais-menu-list > li > a
{
  color: Black;
}

#ais-menu-list > li.disabled > a, #ais-menu-list > li.disabled > a:hover
{
  color: black;
}

#ais-menu-list > li.active > a
{
  color: #cc1010;
}

#ais-menu-list a:hover
{
  color: #cc1010;
}

#ais-menu-list > li > a .ais-menu-item-tip
{
  display: inline-block;
  position: relative;
  top: -8px;
  left: 5px;
  color: #aaa;
  font-size: small;
  font-weight: bold;
}

/*
-------------------------------------------------------
2.3 Main 
-------------------------------------------------------
*/

#ais-main
{
  width: 852px;
  vertical-align: top;
  line-height: 1.2em;
  min-height: 350px;
  margin: 10px 0px 30px 0px;
}


#ais-main-header
{
  margin: 0px 0px 15px 0px;
}

/*
-------------------------------------------------------
2.3.1 User message 
-------------------------------------------------------
*/

#ais-user-message
{
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

.ais-user-message
{
  background-color: #EBEBEB;
  margin: 0px 0px 10px 0px;
}

.ais-user-message .success, .ais-user-message .error, .ais-user-message .warning, .ais-user-message .information
{
  vertical-align: baseline;
  background-repeat: no-repeat;
  margin-left: 10px;
  margin-right: 10px;
}

.ais-ltr .ais-user-message .success, .ais-ltr .ais-user-message .error, .ais-ltr .ais-user-message .warning, .ais-ltr .ais-user-message .information
{
  padding-left: 23px;
  background-position: top left;
}

.ais-rtl .ais-user-message .success, .ais-rtl .ais-user-message .error, .ais-rtl .ais-user-message .warning, .ais-rtl .ais-user-message .information
{
  padding-right: 23px;
  background-position: top right;
}

.ais-user-message .success
{
  background-image: url(../Images/ais-user-message-check.png);
}

.ais-user-message .error
{
  background-image: url(../Images/ais-user-message-error.png);
}

.ais-user-message .warning
{
  background-image: url(../Images/ais-user-message-warning.png);
}

.ais-user-message .information
{
  background-image: url("../Images/ais-user-message-information.png");
}

/*
-------------------------------------------------------
2.3.2 Side bar
-------------------------------------------------------
*/
#ais-sidebar
{
  width: 155px;
  height: 300px;
  margin: 15px 15px 20px 0px;
}

#ais-sidebar span
{
  max-width: 110px;
  display: block;
  margin-top: -7px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  background-color: White;
  color: #877404;
}

.ais-ltr #ais-sidebar span
{
  margin-left: 5px;
  float: left;
}

.ais-rtl #ais-sidebar span
{
  margin-right: 20px;
  float: right;
}

#ais-sidebar > *
{
  margin-bottom: 20px;
}

#ais-sidebar ul
{
  padding-top: 10px;
}

#ais-sidebar li,
ul#ais-database-choices li,
.expert-inputs-row .ais-field-selector-noscript li,
.expert-inputs-row .ais-comparer-selector-noscript li
{
  margin-top: 4px;
  background-repeat: no-repeat;
}

.ais-ltr #ais-sidebar li,
.ais-ltr ul#ais-database-choices li,
.ais-ltr .expert-inputs-row .ais-field-selector-noscript li,
.ais-ltr .expert-inputs-row .ais-comparer-selector-noscript li
{
  /*padding-left: 15px;*/
  font-weight: bold;
  text-align: right;
}

.ais-rtl #ais-sidebar li,
.ais-rtl ul#ais-database-choices li
.ais-rtl .expert-inputs-row .ais-field-selector-noscript li,
.ais-rtl .expert-inputs-row .ais-comparer-selector-noscript li
{
  padding-right: 15px;
}


#ais-sidebar ul > li,
ul#ais-database-choices > li
{
  padding-bottom: 3px;
  margin-left: 10px;
  margin-right: 10px;
}

#ais-sidebar a,
ul#ais-database-choices a,
.expert-inputs-row .ais-field-selector-noscript a,
.expert-inputs-row .ais-comparer-selector-noscript a
{
  text-decoration: none;
}

#ais-sidebar ul > li > a
{
  max-width: 100px;
  white-space: normal;
}

#ais-sidebar > ul > li > a,
#ais-sidebar > ul#ais-database-choices > li > a
{
  color: Black;
}

#ais-sidebar ul > li > a:hover
{
  color: #cc1010;
}

#ais-sidebar ul > li > a:hover,
ul#ais-database-choices > li > a:hover,
.expert-inputs-row .ais-field-selector-noscript  > li > a:hover,
.expert-inputs-row .ais-comparer-selector-noscript  > li > a:hover,
{
  color: #cc1010;
  background-repeat: no-repeat;
}

#ais-sidebar ul > li.current > a,
ul#ais-database-choices > li.current > a,
.expert-inputs-row .ais-field-selector-noscript  > li.current > a,
.expert-inputs-row .ais-comparer-selector-noscript  > li.current > a
{
  color: #cc1010;
  background-repeat: no-repeat;
  font-size: 14px;
}

.ais-ltr #ais-sidebar ul > li:hover, .ais-ltr #ais-sidebar li.current
{
  /*background-image: url("../Images/ais-arrow-ltr.png");*/
  background-position: left top;
}

.ais-rtl #ais-sidebar ul > li:hover, .ais-rtl #ais-sidebar li.current
{
  /*background-image: url("../Images/ais-arrow-rtl.png");*/
  background-position: right top;
}



/*
-------------------------------------------------------
2.3.3 Forms
-------------------------------------------------------
*/

.ais-form input[type="text"],
.ais-form input[type="password"]
{
  border: 1px solid #CCCCCC;
  background-color: #EEEEEE;
}

.ais-form .form-input
{
  width: 200px;
}

.ais-form .form-input-short
{
  width: 66px;
}

.ais-form input[type="submit"], .ais-form input[type="reset"], .ais-form input[type="button"]
{
  margin-top: -2px;
  height: 23px;
}

.ais-form .form-label
{
  float: left;
  width: 160px;
}

.ais-form .ais-second-sort
{
  float: left;
  display: none;
  width: 182px;
  padding-left: 180px;
}

.sr-form-label
{
  padding-left: 70px;
}

.ais-ltr #ais-search-expert.ais-form .form-label
{
  margin-right: 53px;
}

.ais-ltr #ais-search-expert.ais-form .form-label
{
  margin-right: 53px;
}

.ais-ltr .ais-form .form-label
{
  margin-right: 10px;
  margin-left: 10px;
}

.ais-rtl .ais-form .form-label
{
  margin-left: 0px;
}

.ais-ltr .ais-range-separator
{
  margin: 0px 8px 0px 0px;
}
.ais-rtl .ais-range-separator
{
  margin: 0px 0px 0px 8px;
}

.ais-rangefrom-container
{
  min-width: 138px;
}

 #ais-search-advanced .form-buttons, #ais-search-expert .form-buttons
{
  padding-top: 10px !important;
  padding-left: 205px;
}

.ais-ltr .ais-form .form-buttons
{
  padding-left: 175px;
}

.ais-rtl .ais-form .form-buttons
{
  padding-right: 205px;
}

.ais-ltr #ais-search-expert.ais-form .form-buttons
{
  padding-left: 246px;
}

.ais-rtl #ais-search-expert.ais-form .form-buttons
{
  padding-right: 246px;
}

.ais-form li.form-row
{
}

#ais-search-expert.ais-form .form-row
{
  padding-left: 10px;
  padding-right: 10px;
}

#ais-search-simple .form-row.first-row {
  border-style: none;
  padding-bottom: 10px;
}

.ais-form .form-row.first-row
{
  border-style: none;
  padding-top: 0px;
}

.ais-search-listbutton
{
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(../Images/ais-search-listbutton.png);
}

.ais-ltr .ais-form .form-row .ais-search-listbutton
{
  margin-left: 5px;
}

.ais-rtl .ais-form .form-row .ais-search-listbutton
{
  margin-right: 5px;
}


.ais-form .field-validation-error
{
  color: #ff0000;
  font-size: 0.9em;
  display: block;
  clear: both;
  padding-top: 5px;
}

.ais-ltr .ais-form .field-validation-error
{
  padding-left: 210px;
}

.ais-rtl .ais-form .field-validation-error
{
  padding-right: 210px;
}

.ais-form .search-in-field, .ais-form .search-in-filter
{
  display: none;
}

.ais-search-refinement {
  position: relative;
  float: left;
  padding-right: 0px;
}

.images-only {
  position: relative;
  top: 3px;
  float: left;
  margin-left: 0px !important;
}


/*
-------------------------------------------------------
2.4 Footer 
-------------------------------------------------------
*/

#ais-footer
{
  float: left;
  vertical-align: middle;
  text-align: center;
  padding: 20px 50px 30px -550px;
  color: #8A8A8A;
  clear: both;
}

#ais-footer a
{
  text-decoration: none;
  color: #8A8A8A;
  margin-left: -150px;
}



/*
-------------------------------------------------------
2.5 Debug Area
-------------------------------------------------------
*/

#ais-debug-area
{
  border-bottom: 5px solid black;
}

#ais-debug-area .header
{
  background: #8A8A8A url("../images/ais-debug-header.png") no-repeat left top;
  border-left: 30px solid #8A8A8A;
  padding-left: 18px;
  color: #FFFFFF;
  vertical-align: middle;
  height: 3em;
  font-size: larger;
}

#ais-debug-area .content
{
  margin: 10px 20px 10px 20px;
}

#ais-debug-area .content .ais-form
{
  margin-top: 15px;
}

#ais-debug-area .content .ais-form .label
{
  margin-left: 20px;
  color: #877404;
  font-weight: bold;
  margin-top: -23px;
  background-color: #FFFFFF;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
}

#ais-debug-area .restart-web-server
{
  background: url("../images/ais-refresh.png") no-repeat left top;
  padding-left: 18px;
  vertical-align: middle;
}

#ais-debug-area .debug-report
{
  padding: 5px 10px 5px 10px;
}

#ais-debug-area .debug-report li
{
  list-style: disc;
  margin-left: 10px;
}

/*
-------------------------------------------------------
2.6. Help Window
-------------------------------------------------------
*/

.ais-helpsubject
{
  margin-right: 5px;
  margin-left: 5px;
  background-image: url("../Images/ais-help.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

.ais-helpsubject-container
{
}

.ais-helpsubject-container > img
{
  margin: 0px;
}

#ais-help-content
{
  background-color: #FFFFFF;
  color: #000000;
  padding: 20px;
  height: 100%;
  margin: 25px auto auto;
  font-size: 0.8em;
  text-align: justify;
}

#ais-help-content h2
{
  padding-bottom: 25px;
}

#ais-help-content p
{
  padding-bottom: 11.5px;
}

#ais-help-content center
{
  text-align: center;
}

/*
-------------------------------------------------------
2.7. Date Picker
-------------------------------------------------------
*/

.ui-datepicker-trigger
{
  margin: 0px 3px 0px 3px;
  cursor: pointer;
  cursor: hand;
}

.ais-rtl .ui-datepicker-trigger
{
  float: right;
}

.ais-ltr .ui-datepicker-trigger
{
  float: left;
}

/*
-------------------------------------------------------
2.8. Popup Lookup
-------------------------------------------------------
*/

#ais-popupwrapper
{
  background-color: #AAAAAA;
  color: #FFFFFF;
}

#ais-popupwrapper a
{
  color: #FFFFFF;
  font-size: 12px;
}

#ais-popupwrapper #popupLookupList
{
  height: 290px;
}

#ais-popupwrapper #totalHits
{
  padding-top: 10px;
}


/* popup navigator*/
#ais-popupwrapper .ais-navigator
{
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

#ais-popupwrapper .ais-navigator > ul
{
}

#ais-popupwrapper .ais-navigator > ul > li
{
  list-style-type: none;
}
.ais-ltr #ais-popupwrapper .ais-navigator > ul > li
{
  float: left;
}
.ais-rtl #ais-popupwrapper .ais-navigator > ul > li
{
  float: right;
}

#ais-popupwrapper .ais-navigator .first-page, #ais-popupwrapper .ais-navigator .prev-page, #ais-popupwrapper .ais-navigator .next-page, #ais-popupwrapper .ais-navigator .last-page
{
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
}

#ais-popupwrapper .ais-navigator .enabled
{
  cursor: pointer;
  cursor: hand;
}

.ais-ltr #ais-popupwrapper .ais-navigator .first-page.enabled
{
  background: url(../Images/navigation/ais-navigation-first-ltr.png) no-repeat scroll transparent;
}

.ais-ltr #ais-popupwrapper .ais-navigator .first-page.disabled
{
  background: url(../Images/navigation/ais-navigation-first-ltr-disabled.png) no-repeat scroll transparent;
}

.ais-ltr #ais-popupwrapper .ais-navigator .prev-page.enabled
{
  background: url(../Images/navigation/ais-navigation-prev-ltr.png) no-repeat scroll transparent;
}

.ais-ltr #ais-popupwrapper .ais-navigator .prev-page.disabled
{
  background: url(../Images/navigation/ais-navigation-prev-ltr-disabled.png) no-repeat scroll transparent;
}

.ais-ltr #ais-popupwrapper .ais-navigator .next-page.enabled
{
  background: url(../Images/navigation/ais-navigation-next-ltr.png) no-repeat scroll transparent;
}

.ais-ltr #ais-popupwrapper .ais-navigator .next-page.disabled
{
  background: url(../Images/navigation/ais-navigation-next-ltr-disabled.png) no-repeat scroll transparent;
}

.ais-ltr #ais-popupwrapper .ais-navigator .last-page.enabled
{
  background: url(../Images/navigation/ais-navigation-last-ltr.png) no-repeat scroll transparent;
}

.ais-ltr #ais-popupwrapper .ais-navigator .last-page.disabled
{
  background: url(../Images/navigation/ais-navigation-last-ltr-disabled.png) no-repeat scroll transparent;
}

.ais-rtl #ais-popupwrapper .ais-navigator .first-page.enabled
{
  background: url(../Images/navigation/ais-navigation-first-rtl.png) no-repeat scroll transparent;
}

.ais-rtl #ais-popupwrapper .ais-navigator .first-page.disabled
{
  background: url(../Images/navigation/ais-navigation-first-rtl-disabled.png) no-repeat scroll transparent;
}

.ais-rtl #ais-popupwrapper .ais-navigator .prev-page.enabled
{
  background: url(../Images/navigation/ais-navigation-prev-rtl.png) no-repeat scroll transparent;
}

.ais-rtl #ais-popupwrapper .ais-navigator .prev-page.disabled
{
  background: url(../Images/navigation/ais-navigation-prev-rtl-disabled.png) no-repeat scroll transparent;
}

.ais-rtl #ais-popupwrapper .ais-navigator .next-page.enabled
{
  background: url(../Images/navigation/ais-navigation-next-rtl.png) no-repeat scroll transparent;
}

.ais-rtl #ais-popupwrapper .ais-navigator .next-page.disabled
{
  background: url(../Images/navigation/ais-navigation-next-rtl-disabled.png) no-repeat scroll transparent;
}

.ais-rtl #ais-popupwrapper .ais-navigator .last-page.enabled
{
  background: url(../Images/navigation/ais-navigation-last-rtl.png) no-repeat scroll transparent;
}

.ais-rtl #ais-popupwrapper .ais-navigator .last-page.disabled
{
  background: url(../Images/navigation/ais-navigation-last-rtl-disabled.png) no-repeat scroll transparent;
}

#ais-popupwrapper .ais-navigator .count-page
{
  padding: 0 10px 0 10px;
  position: relative;
  bottom: 2px;
}

#ais-popupwrapper .ais-navigator .current-page
{
  width: 24px;
}

/*
-------------------------------------------------------
3. Classes
-------------------------------------------------------
*/

/*
-------------------------------------------------------
3.1 Helpers
-------------------------------------------------------
*/

.ais-remark
{
  font-size: smaller;
}

.ais-notification
{
  color: #CC1010;
}

.ais-nowrap
{
  white-space: nowrap;
}

.ais-not-visible
{
  visibility: hidden;
}

.ais-display-none
{
  display: none;
}
  

.ais-display-none,
#ais-language-list.ais-display-none,
#ais-search-profiles.ais-display-none,
#ais-no-search-profiles.ais-display-none
{
  display: none;
}

.ais-button-cursor
{
  cursor: pointer;
  cursor: hand;
}

/*
-------------------------------------------------------
3.2 Left to right switcher
-------------------------------------------------------
*/

body.ais-ltr
{
  direction: ltr;
}


body.ais-rtl
{
  direction: rtl;
}

.ais-ltr .ais-float-dynamic
{
  float: left;
}

.ais-rtl .ais-float-dynamic
{
  float: right;
}

.ais-ltr .ais-float-dynamic-reverse
{
  float: right;
}

.ais-rtl .ais-float-dynamic-reverse
{
  float: left;
}


/*
-------------------------------------------------------
3.3 Float clearer

Use this class in the element below the last floated element
-------------------------------------------------------
*/

.ais-clearer
{
  clear: both;
}


/*
-------------------------------------------------------
3.4 Main content
-------------------------------------------------------
*/

.ais-main-content-large
{
  width: 730px;
}

.ais-vert-border
{
}




/*
-------------------------------------------------------
3.5 Round stripes
-------------------------------------------------------
*/

/* Style A: Background black and gray body with no border */
.ais-corners-styleA-top
{
  height: 16px;
  background-color: #8a8a8a;
}

.ais-corners-styleA-top > div
{
  background: url(../Images/corners/ais-corners-styleA-top-left.png) no-repeat scroll top left transparent;
}

.ais-corners-styleA-top > div > div
{
  height: 16px;
  background: url(../Images/corners/ais-corners-styleA-top-right.png) no-repeat scroll top right transparent;
}


/* Style B: Background white, white body and gray border */

.ais-print-page .ais-corners-styleB-top,
.ais-print-page .ais-corners-styleB-bottom
{
  display: none;
}

.ais-corners-styleB-top
{
  width: 100%;
}
.ais-corners-styleB-top > div
{
}
.ais-corners-styleB-top > div > div
{
}

.ais-corners-styleB-bottom
{
  margin-bottom: 20px;
}
.ais-corners-styleB-bottom > div
{
}
.ais-corners-styleB-bottom > div > div
{
}



/* Style C: Background white, gray body and no border*/
.ais-corners-styleC-top, .ais-corners-styleC-bottom
{
}
.ais-corners-styleC-top > div
{
}
.ais-corners-styleC-top > div > div
{
}

.ais-corners-styleC-bottom > div
{
}
.ais-corners-styleC-bottom > div > div
{
}


/*
-------------------------------------------------------
3.6 Tables
-------------------------------------------------------
*/

/* Results table */

.ais-results-table
{
  width: 100%;
}

.ais-ltr .ais-results-table th, .ais-ltr .ais-results-table td
{
  text-align: left;
}

.ais-rtl .ais-results-table th, .ais-rtl .ais-results-table td
{
  text-align: right;
}


.ais-results-table th
{
  padding-top: 0px;
}

/*first row */
.ais-results-table th
{
  padding: 0px 5px 5px 5px;
  border-bottom: 1px solid #BBBBBB;
}

/*last row */
.ais-results-table tr.last-tr td
{
  border-bottom: none;
  padding-bottom: 0px;
}

.ais-results-table td
{
  padding: 5px;
  border-bottom: 1px solid #BBBBBB;
}


/* first column */
.ais-ltr .ais-results-table .first-td, .ais-rtl .ais-results-table .last-td
{
  padding-left: 15px;
}

/* last column */
.ais-ltr .ais-results-table .last-td, .ais-rtl .ais-results-table .first-td
{
  padding-right: 15px;
}

.ais-results-table td.label
{
  font-weight: bold;
}

/*
-------------------------------------------------------
3.9 Lists
-------------------------------------------------------
*/

ul.ais-sublist
{
  margin-left: 15px;
}

/*
-------------------------------------------------------
3.8 Action links
-------------------------------------------------------
*/

a.ais-action-link
{
  color: #877404;
  text-decoration: none;
}

a.ais-action-link:hover
{
  text-decoration: underline;
}


.ais-ltr a.ais-action-link
{
  padding-right: 25px;
}

.ais-rtl a.ais-action-link
{
  padding-left: 25px;
}

/* Start search */
.ais-ltr a.startSearch
{
  background: url(../Images/ais-view.png) no-repeat scroll top right transparent;
}

.ais-rtl a.startSearch
{
  background: url(../Images/ais-view.png) no-repeat scroll top left transparent;
}



/* Refine search */
.ais-ltr a.refineSearch
{
  background: url(../Images/ais-edit.png) no-repeat scroll top right transparent;
}

.ais-rtl a.refineSearch
{
  background: url(../Images/ais-edit.png) no-repeat scroll top left transparent;
}

/* Refresh search */
.ais-ltr a.refreshSearch
{
  background: url(../Images/ais-refresh.png) no-repeat scroll top right transparent;
}

.ais-rtl a.refreshSearch
{
  background: url(../Images/ais-refresh.png) no-repeat scroll top left transparent;
}



/*
-------------------------------------------------------
3.9 Brief views
-------------------------------------------------------
*/


/* brief rows with logo */
.ais-brief
{
  display: inline-block;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  padding: 0px;
  margin: 0px;
}

.ais-brief > ul > li
{
  display: inline-block;
  border-top: 1px solid #C3C3C3;
  padding: 10px 0px 10px 0px;
  width: 660px;
  height: 100%;
}
.ais-brief > ul > li.first-row
{
  padding-top: 0px;
  border: none;
}

.ais-ltr .ais-brief .number
{
  margin-left: 10px;
}
.ais-rtl .ais-brief .number
{
  margin-right: 10px;
}

.ais-brief .icon
{
  width: 34px;
  vertical-align: top;
  padding: 0px 4px 0px 4px;
}
.ais-brief .content
{
  vertical-align: top;
  padding: 0px;
  width: 400px;
}

.ais-brief .ais-activator
{
  vertical-align: top;
  padding: 0px;
  width: 200px;
  margin-top: 20px;
  font-weight: bold;
}
.ais-ltr .ais-brief .ais-activator
{
  margin-left: 200px;
}
.ais-rtl .ais-brief .ais-activator
{
  margin-right: 200px;
}

.ais-brief .logo
{
  vertical-align: top;
  padding: 4px;
  width: 120px;
}
.ais-ltr .ais-brief .logo
{
  text-align: right;
}
.ais-rtl .ais-brief .logo
{
  text-align: left;
}

.ais-brief .logo > img
{
  max-height: 120px;
  max-width: 120px;
}

.ais-brief .ais-create-reservation,
.ais-brief .ais-cancel-reservation
{
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
  white-space: nowrap;

  text-decoration: none;
  cursor: hand;
  cursor: pointer;
  color: #877404;
}

.ais-brief .ais-login-required
{
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
}

.ais-ltr .ais-brief .ais-create-reservation,
.ais-ltr .ais-brief .ais-cancel-reservation,
.ais-ltr .ais-brief .ais-login-required
{
  margin-left: 10px;
}
.ais-rtl .ais-brief .ais-create-reservation,
.ais-rtl .ais-brief .ais-cancel-reservation,
.ais-rtl .ais-brief .ais-login-required
{
  margin-right: 10px;
}


/* brief gallery display */

.ais-brief-gallery
{
  display: block; /*border-left: 1px solid #C3C3C3;   border-right:1px solid #C3C3C3;*/
  border: 0px;
  width: 900px;
  padding: 0px;
  margin: 0px;
}

.ais-brief-gallery > ul
{
  float: left;
  padding: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
}

.ais-brief-gallery > ul > li
{
  display: inline-block;
  margin: 10px;
  min-height: 190px;
  width: 150px;
  padding: 0px;
  list-style-type: none;
  /*background-color: #eee;*/
}
.ais-brief-gallery > ul > li.no-border
{
  border: none;
}

.ais-ltr .ais-brief-gallery ul > li
{
  float: left;
  text-align: left;
}
.ais-rtl .ais-brief-gallery ul > li
{
  float: right;
  text-align: left;
}

.ais-brief-gallery ul > li > div
{
  display: table-cell; 
  vertical-align: middle;
  
}

.ais-brief-gallery .logo
{
  height: 150px;
}

img.detailImage
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ais-ltr .ais-brief-gallery .logo > a
{
  float: left;
}
.ais-rtl .ais-brief-gallery .logo > a
{
  float: right;
}

.ais-brief-gallery .logo div.gallery
{
  vertical-align: text-bottom;
}

.ais-brief-gallery .content
{
  overflow: hidden;
  width: 120px;
  max-width: 120px;
  height: 30px;
  max-height: 30px;
}
.ais-brief-gallery .content > div
{
  width: 95px;
  min-width: 95px;
  max-width: 95px;
}
.ais-ltr .ais-brief-gallery .content > div
{
  float: left;
  text-align: left;
}
.ais-rtl .ais-brief-gallery .content > div
{
  float: right;
  text-align: right;
}


/* brief hierarchy display */
.ais-brief-hierarchy
{
  display: inline-block;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  padding: 0px;
  margin: 0px;
}
.ais-brief-hierarchy > ul > li
{
  width: 650px;
  display: inline-block;
  height: 100%;
  border-top: 1px solid #C3C3C3;
  padding: 4px 5px 4px 5px;
}
.ais-brief-hierarchy > ul > li.first-row
{
  border: none;
  padding-top: 0px;
}

.ais-selection-detail .hierarchy, 
#ais-details .hierarchy, 
.ais-brief-hierarchy .hierarchy
{
  display: inline-block;
  vertical-align: top;
  padding: 4px;
  width: 450px;
}
.ais-selection-detail .hierarchy ul, 
#ais-details .hierarchy ul, 
.ais-brief-hierarchy .hierarchy ul
{
  display: inline-block;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}
.ais-selection-detail .hierarchy li, 
#ais-details .hierarchy li, 
.ais-brief-hierarchy .hierarchy li
{
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background-repeat: no-repeat;
  white-space: nowrap;
}

/* brief hierarchy browser display */

.ais-brief-hierarchy-browser
{
  display: inline-block;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  padding: 0px;
  margin: 0px 0px -4px 0px;
  width: 660px;
}

.ais-brief-hierarchy-browser > ul > li
{
  width: 650px;
  display: inline-block;
  height: 100%;
  border-top: 0px;
  padding: 4px 5px 4px 5px;
}
.ais-brief-hierarchy-browser > ul > li.first-row
{
  border: none;
  padding-top: 0px;
}

/*
.ais-brief-hierarchy-browser .hierarchy
{
  display: inline-block;
  vertical-align: top;
  padding: 4px;
  width: 450px;
}
*/
.ais-brief-hierarchy-browser ul
{
  display: block;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}
.ais-brief-hierarchy-browser li
{
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background-repeat: no-repeat;
  white-space: nowrap;
}

/* hierarchy folder / document related styles */

.ais-selection-detail .hierarchy li > div, 
#ais-details .hierarchy li > div, 
.ais-brief-hierarchy .hierarchy li > div,
.ais-brief-hierarchy-browser li > div
{
  display: inline-block;
  margin-bottom: 5px;
  padding: 0px 20px 0px 20px;
  background-repeat: no-repeat;
}

.ais-ltr .ais-selection-detail .hierarchy li > div, 
.ais-ltr #ais-details .hierarchy li > div, 
.ais-ltr .ais-brief-hierarchy .hierarchy li > div,
.ais-ltr .ais-brief-hierarchy-browser li > div
{
  margin-left: 20px;
}
.ais-rtl .ais-selection-detail .hierarchy li > div, 
.ais-rtl #ais-details .hierarchy li > div, 
.ais-rtl .ais-brief-hierarchy .hierarchy li > div,
.ais-rtl .ais-brief-hierarchy-browser li > div
{
  margin-right: 20px;
}

/*
.ais-selection-detail .hierarchy .hierarchy-folder > span > a > p, 
.ais-selection-detail .hierarchy .hierarchy-document > span > a > p, 
#ais-details .hierarchy .hierarchy-folder > span > a > p, 
#ais-details .hierarchy .hierarchy-document > span > a > p, 
.ais-brief-hierarchy .hierarchy .hierarchy-folder > span > a > p, 
.ais-brief-hierarchy .hierarchy .hierarchy-document > span > a > p,
.ais-brief-hierarchy-browser .hierarchy-folder > span > a > p, 
.ais-brief-hierarchy-browser .hierarchy-document > span > a > p
{
  white-space: normal;
}
*/

.ais-selection-detail .hierarchy .hierarchy-folder > span > a, 
.ais-selection-detail .hierarchy .hierarchy-document > span > a, 
#ais-details .hierarchy .hierarchy-folder > span > a, 
#ais-details .hierarchy .hierarchy-document > span > a, 
.ais-brief-hierarchy .hierarchy .hierarchy-folder > span > a, 
.ais-brief-hierarchy .hierarchy .hierarchy-document > span > a,
.ais-brief-hierarchy-browser .hierarchy-folder > span > a, 
.ais-brief-hierarchy-browser .hierarchy-document > span > a
{
  display: block;
  white-space: normal;
}

.ais-ltr .ais-selection-detail .hierarchy .hierarchy-folder, 
.ais-ltr .ais-selection-detail .hierarchy .hierarchy-document, 
.ais-ltr #ais-details .hierarchy .hierarchy-folder, 
.ais-ltr #ais-details .hierarchy .hierarchy-document, 
.ais-ltr .ais-brief-hierarchy .hierarchy .hierarchy-folder, 
.ais-ltr .ais-brief-hierarchy .hierarchy .hierarchy-document,
.ais-ltr .ais-brief-hierarchy-browser .hierarchy-folder, 
.ais-ltr .ais-brief-hierarchy-browser .hierarchy-document
{
  background-position: top left;
}

.ais-rtl .ais-selection-detail .hierarchy .hierarchy-folder, 
.ais-rtl .ais-selection-detail .hierarchy .hierarchy-document, 
.ais-rtl #ais-details .hierarchy .hierarchy-folder, 
.ais-rtl #ais-details .hierarchy .hierarchy-document, 
.ais-rtl .ais-brief-hierarchy .hierarchy .hierarchy-folder, 
.ais-rtl .ais-brief-hierarchy .hierarchy .hierarchy-document,
.ais-rtl .ais-brief-hierarchy-browser .hierarchy-folder, 
.ais-rtl .ais-brief-hierarchy-browser .hierarchy-document
{
  background-position: top right;
}

.ais-selection-detail .hierarchy .hierarchy-folder, 
#ais-details .hierarchy .hierarchy-folder, 
.ais-brief-hierarchy .hierarchy .hierarchy-folder,
.ais-brief-hierarchy-browser .hierarchy-folder
{
  background-image: url("../images/ais-folder.png");
}

.ais-selection-detail .hierarchy .hierarchy-document, 
#ais-details .hierarchy .hierarchy-document, 
.ais-brief-hierarchy .hierarchy .hierarchy-document,
.ais-brief-hierarchy-browser .hierarchy-document
{
  background-image: url("../images/ais-document.png");
}

.ais-selection-detail .hierarchy div.hierarchy-document.current-node a, 
#ais-details .hierarchy div.hierarchy-document.current-node a, 
.ais-brief-hierarchy .hierarchy div.hierarchy-document a,
.ais-brief-hierarchy-browser .hierarchy div.hierarchy-document a
{
  color: #CC1010;
}

/* fold / unfold divs related styles */

.ais-brief-hierarchy .hierarchy .fold,
.ais-brief-hierarchy .hierarchy .unfold
/*.ais-brief-hierarchy-browser .fold,
.ais-brief-hierarchy-browser .unfold*/
{
  display: inline-block;
  padding: 0px;
  width: 16px;
  height: 16px;
  cursor: hand;
  cursor: pointer;
  vertical-align: top;
}
.ais-ltr .ais-brief-hierarchy .hierarchy .fold,
.ais-ltr .ais-brief-hierarchy .hierarchy .unfold
/*.ais-ltr .ais-brief-hierarchy-browser .fold,
.ais-ltr .ais-brief-hierarchy-browser .unfold*/
{
  margin: 0px 4px 0px 0px;
}
.ais-rtl .ais-brief-hierarchy .hierarchy .fold,
.ais-rtl .ais-brief-hierarchy .hierarchy .unfold
/*.ais-rtl .ais-brief-hierarchy-browser .fold,
.ais-rtl .ais-brief-hierarchy-browser .unfold*/
{
  margin: 0px 0px 0px 4px;
}

.ais-brief-hierarchy .hierarchy .fold.invisible,
.ais-brief-hierarchy .hierarchy .unfold.invisible
/*.ais-brief-hierarchy-browser .fold.invisible,
.ais-brief-hierarchy-browser .unfold.invisible*/
{
  visibility: hidden;
}

.ais-brief-hierarchy .hierarchy .fold
/*.ais-brief-hierarchy-browser .fold*/
{
  background-image: url("../images/ais-nav-minus.png");
}
.ais-brief-hierarchy .hierarchy .unfold
/*.ais-brief-hierarchy-browser .unfold*/
{
  background-image: url("../images/ais-nav-plus.png");
}

.ais-brief-hierarchy .logo
{
  vertical-align: top;
  padding: 4px;
  width: 120px;
}
.ais-ltr .ais-brief-hierarchy .logo
{
  float: left;
  text-align: right;
}
.ais-rtl .ais-brief-hierarchy .logo
{
  float: right;
  text-align: left;
}

.ais-brief-hierarchy .logo > img
{
  max-height: 120px;
  max-width: 120px;
}


/* brief hierarchy compact display */
.ais-brief-compact
{
  width: 640px;
  display: inline-block;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  padding: 0px 10px 0px 10px;
  margin: 0px 0px -4px 0px;
}

.ais-brief-compact > ul
{
  display: inline-block;
}

.ais-brief-compact > ul > li
{
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
}

.ais-brief-compact .number
{
}

.ais-ltr .ais-brief-compact .selector
{
  margin-right: 10px;
}
.ais-rtl .ais-brief-compact .selector
{
  margin-left: 10px;
}

.ais-brief-compact .icon
{
}

.ais-brief-compact .content
{
  display: inline-block;
  vertical-align: top;
  width: 550px;
}
.ais-ltr .ais-brief-compact .content
{
  float: left;
}
.ais-rlt .ais-brief-compact .content
{
  float: right;
}

.ais-brief-compact .side-content
{
}

.highlight
{
  font-weight: bold;
  color: #877404;
}

/*
-------------------------------------------------------
3.10 Detail views
-------------------------------------------------------
*/

.ais-print-page #ais-details .ais-detail-logo, 
.ais-print-page #ais-details .ais-detail, 
.ais-print-page #ais-details .ais-detail-hierarchy,
.ais-print-page #ais-results .ais-brief-hierarchy-browser, 
.ais-print-page #ais-results .ais-brief-hierarchy, 
.ais-print-page #ais-results .ais-brief, 
.ais-print-page #ais-results .ais-brief-compact, 
.ais-print-page #ais-results .ais-brief-gallery,
.ais-print-page #ais-selection-content .ais-brief-hierarchy-browser, 
.ais-print-page #ais-selection-content .ais-brief-hierarchy, 
.ais-print-page #ais-selection-content .ais-brief, 
.ais-print-page #ais-selection-content .ais-brief-compact, 
.ais-print-page #ais-selection-content .ais-brief-gallery,
.ais-print-page #ais-selection-content .ais-detail-logo, 
.ais-print-page #ais-selection-content .ais-detail, 
.ais-print-page #ais-selection-content .ais-detail-hierarchy
{
  padding-top: 10px;
}

.ais-selection-detail .ais-detail-logo, 
.ais-selection-detail .ais-detail, 
.ais-selection-detail .ais-detail-hierarchy, 
#ais-details .ais-detail-logo, 
#ais-details .ais-detail, 
#ais-details .ais-detail-hierarchy
{
  width: 820px;
  display: inline-block;
  padding: 10px 20px 30px 20px;
  margin-bottom: -4px;
  background-color: #eee;
  min-height: 300px;
}

.ais-selection-detail .selector, 
.ais-selection-detail .content, 
.ais-selection-detail .logo, 
.ais-selection-detail .label, 
.ais-selection-detail .value, 
#ais-details .selector, 
#ais-details .content, 
#ais-details .logo, 
#ais-details .label, 
#ais-details .value,
.ais-user-status .content,
.ais-user-status .label,
.ais-user-status .value
{
  vertical-align: top;
}
.ais-selection-detail .value > ul > li, #ais-details .value > ul > li
{
  list-style-type: disc;
}

.ais-ltr .ais-selection-detail .selector, 
.ais-ltr .ais-selection-detail .content, 
.ais-ltr .ais-selection-detail .label, 
.ais-ltr .ais-selection-detail .value, 
.ais-ltr #ais-details .selector, 
.ais-ltr #ais-details .content, 
.ais-ltr #ais-details .label, 
.ais-ltr #ais-details .value,
.ais-ltr .ais-user-status .content,
.ais-ltr .ais-user-status .label,
.ais-ltr .ais-user-status .value
{
  float: left;
}
.ais-rtl .ais-selection-detail .selector, 
.ais-rtl .ais-selection-detail .content, 
.ais-rtl .ais-selection-detail .label, 
.ais-rtl .ais-selection-detail .value, 
.ais-rtl #ais-details .selector, 
.ais-rtl #ais-details .content, 
.ais-rtl #ais-details .label, 
.ais-rtl #ais-details .value,
.ais-rtl .ais-user-status .content,
.ais-rtl .ais-user-status .label,
.ais-rtl .ais-user-status .value
{
  float: right;
}

.ais-ltr .ais-selection-detail .selector, 
.ais-ltr #ais-details .selector
{
  padding-right: 15px;
}
.ais-rtl .ais-selection-detail .selector, 
.ais-rtl #ais-details .selector
{
  padding-left: 10px;
}

.ais-selection-detail .content, 
#ais-details .content,
.ais-user-status .content
{
  overflow: hidden;
}

.ais-selection-detail .content > li, 
#ais-details .content > li,
.ais-user-status .content > li
{
  margin-bottom: 1px;
  display: inline-block;
}

.ais-selection-detail .content .label, 
#ais-details .content .label,
.ais-user-status .content .label
{
  width: 170px;
  font-weight: bold;
}

.ais-selection-detail .short .label,
#ais-details .short .label
{
  display: none;
}

/* additional sections */

.ais-selection-detail .ais-tags, 
.ais-selection-detail .ais-keywords, 
.ais-selection-detail .ais-copy-info, 
.ais-selection-detail .ais-amazon, 
.ais-selection-detail .hierarchy, 
#ais-details .ais-keywords, 
#ais-details .ais-copy-info, 
#ais-details .ais-amazon, 
#ais-details .hierarchy
{
  width: 620px;
  display: inline-block;
  padding: 10px 20px 20px 20px;
  /*border-top: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;*/
  margin-bottom: -4px;
}

.ais-print-page #ais-details .ais-tags
{
  border-top: 0px;
  /*border-bottom: 1px solid #C3C3C3;*/
}

#ais-details .ais-tags ul
{
  padding-left: 20px;
}

#ais-details .ais-tags
{
  width: 620px;
  display: inline-block;
  padding: 10px 0px 20px 0px;
  /*border-top: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;*/
  margin-bottom: -4px;
}

.ais-ltr .ais-selection-detail .ais-amazon > img .ais-ltr #ais-details .ais-amazon > img
{
  margin-left: 155px;
}
.ais-rtl .ais-selection-detail .ais-amazon > img, 
.ais-rtl #ais-details .ais-amazon > img
{
  margin-right: 155px;
}

.ais-selection-detail .ais-tags .label, 
.ais-selection-detail .ais-keywords .label, 
.ais-selection-detail .hierarchy .label, 
#ais-details .ais-tags .label, 
#ais-details .ais-keywords .label, 
#ais-details .hierarchy .label
{
  width: 150px;
  font-weight: bold;
}

.ais-tags .value,
.ais-keywords .value
{
  width: 300px;
}

.ais-keywords ul, 
.ais-keywords li,
.ais-tags ul, 
.ais-tags li
{
  display: inline-block;
  list-style-type: none;
}

.ais-selection-detail .ais-copy-info table, 
#ais-details .ais-copy-info table
{
  width: 100%;
}


.ais-selection-detail .ais-copy-info table th, 
.ais-selection-detail .ais-copy-info table td, 
#ais-details .ais-copy-info table th, 
#ais-details .ais-copy-info table td
{
  padding-left: 5px;
  padding-right: 5px;
  width: 20%;
}
.ais-ltr .ais-selection-detail .ais-copy-info table th, 
.ais-ltr .ais-selection-detail .ais-copy-info table td, 
.ais-ltr #ais-details .ais-copy-info table th, 
.ais-ltr #ais-details .ais-copy-info table td
{
  text-align: left;
}
.ais-rtl .ais-selection-detail .ais-copy-info table th, 
.ais-rtl .ais-selection-detail .ais-copy-info table td, 
.ais-rtl #ais-details .ais-copy-info table th, 
.ais-rtl #ais-details .ais-copy-info table td
{
  text-align: right;
}

#ais-details .ais-multimedia-container
{
  padding: 20px;
  border-top: 1px solid #c3c3c3;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
}

#ais-details .ais-comments
{
  padding: 0px;
  width: 660px;
  display: inline-block;
  /*border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;*/
}

#ais-details .ais-comments .ais-comments-header
{
  width: 100%;
  padding: 5px 20px 10px 20px;
  font-weight: bold;
}

#ais-details .ais-comments #ais-read-more-comments
{
  width: 620px;
  display: inline-block;
  padding: 10px 20px 10px 20px;
  border-top: 1px solid #C3C3C3;
}

#ais-details .ais-comments #ais-read-more-comments span
{
  color: #877404;
  cursor: pointer;
  cursor: hand;
}

#ais-details .ais-comments #ais-read-more-comments span:hover
{
  color: #CC1010;
}

#ais-details .ais-comments .ais-comment
{
  padding: 5px 20px 5px 20px;
  border-top: 1px solid #C3C3C3;
}

#ais-details .ais-comments .ais-comment span,
#ais-details .ais-comments .ais-comment div
{
  vertical-align: top;
  display: inline-block;
  margin: 0px 3px 0px 3px;
}
#ais-details .ais-comments .ais-comment span.comment-date,
#ais-details .ais-comments .ais-comment span.comment-time,
#ais-details .ais-comments .ais-comment span.comment-name
{
  width: 80px;
}

#ais-details .ais-comments .ais-comment span.comment-content
{
  width: 250px;
  /*overflow: scroll;*/
}

#ais-details .ais-comments .ais-comment span.comment-image
{
  width: 85px;
}

#ais-details .ais-comments .ais-comment .comment-audio,
#ais-details .ais-comments .ais-comment .comment-video
{
  margin-top: 10px;
  margin-bottom: 5px;
}



#ais-details .ais-comments .ais-comment .comment-video img,
#ais-details .ais-comments .ais-comment .comment-audio img
{
  display: inline-block;
}

#ais-details .ais-comments .ais-comment .comment-admin-section
{
  margin-top: 10px;
  margin-bottom: 10px;
  width: 200px;
  display: block;
}

#ais-details .ais-comments .ais-comment span.comment-approve,
#ais-details .ais-comments .ais-comment span.comment-reject
{
  margin-left: 10px;
  margin-right: 10px;
  cursor: hand;
  cursor: pointer;
  color: #877404;
}

#ais-details .ais-comments .ais-comment span.comment-approve:hover,
#ais-details .ais-comments .ais-comment span.comment-reject:hover
{
  color: #CC1010;
}

#ais-details .ais-tags .value .tag-approve,
#ais-details .ais-tags .value .tag-reject
{
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  cursor: hand;
  cursor: pointer;
  color: #877404;
}

#ais-details .ais-tags .tag-admin-mode .tag-admin-section
{
  display:inline-block;
  margin-left: 15px;
  margin-right: 15px;
}

#ais-details .ais-tags .value .tag-value
{
  margin-left: 5px;
  margin-right: 5px;
}

#ais-details .ais-tags .tag-admin-mode
{
  margin-top: 7px;
  margin-bottom: 8px;
}

/* Detail */

.ais-detail .content .value
{
  width: 300px;
}

.ais-detail .content .value.extended, .ais-detail.short .value
{
  width: 460px;
}

.ais-selection-detail .ais-detail .content, #ais-details .ais-detail .content
{
  width: 580px;
}

.ais-selection-detail .ais-detail .content > li, #ais-details .ais-detail .content > li
{
  display: inline-block;
}

.ais-selection-detail .ais-detail .label, #ais-details .ais-detail .label
{
  display: inline;
}

.ais-selection-detail .ais-detail .value, #ais-details .ais-detail .value
{
  display: inline;
}

a.ais-detail-add-comment,
a.ais-detail-add-tag
{
  background-image: url(../Images/ais-edit.png);
  background-repeat: no-repeat;
}
.ais-ltr a.ais-detail-add-comment,
.ais-ltr a.ais-detail-add-tag
{
  padding-left: 23px;
  background-position: top left;
}
.ais-rtl a.ais-detail-add-comment,
.ais-rtl a.ais-detail-add-tag
{
  padding-right: 23px;
  background-position: top right;
}

/* Detail logo */

.ais-detail-logo .content
{
  width: 550px;
}

.ais-detail-logo.short .content
{
  width: 500px;
}

.ais-detail-logo .content .value
{
  width: 290px;
}

.ais-detail-logo.short .value
{
  width: 500px;
}


.ais-detail-logo .logo
{
  vertical-align: top;
  margin: 10px 5px 5px 5px;
  width: 550px;
}

.ais-detail-logo.short .logo
{
  width: 290px;
}

.ais-ltr .ais-detail-logo.short .logo
{
  padding-left: 10px;
}

.ais-rtl .ais-detail-logo.short .logo
{
  padding-right: 10px;
}

.ais-detail-logo .logo .ais-image-container
{
  margin: 3px;
  padding: 3px;
  vertical-align: top; 
  display: inline-block;
  height: 128px;
  width: 128px;
  text-align: center;
}

.ais-ltr .ais-detail-logo .logo .ais-image-container
{
}

.ais-rtl .ais-detail-logo .logo .ais-image-container
{
}

.ais-detail-logo .logo img
{
  margin: 3px;
  padding: 2px;
}

.ais-ltr .ais-detail-logo.short .logo
{
  margin-left: 0px;
}
.ais-rtl .ais-detail-logo.short .logo
{
  margin-right: 0px;
}

.ais-ltr .ais-detail-logo .logo
{
  margin-left: 36px;
}
.ais-rtl .ais-detail-logo .logo
{
  margin-right: 36px;
}


.ais-ltr .ais-detail-logo .logo
{
  /*float: right;*/
  margin-right: 5px;
}
.ais-rtl .ais-detail-logo .logo
{
  /*float: left;*/
  margin-left: 5px;
}

/* Detail hierarchy */

.ais-detail-hierarchy .content .value
{
  width: 400px;
}

.ais-selection-detail .ais-detail-hierarchy .content, #ais-details .ais-detail-hierarchy .content
{
  width: 580px;
}

.ais-selection .ais-detail-hierarchy .content > li, #ais-details .ais-detail-hierarchy .content > li
{
  display: inline-block;
}

.ais-selection .ais-detail-hierarchy .label, #ais-details .ais-detail-hierarchy .label
{
  display: inline;
}

.ais-selection-detail .ais-detail-hierarchy .value, #ais-details .ais-detail-hierarchy .value
{
  display: inline;
}

.ais-ltr .ais-selection-detail .hierarchy > div, .ais-ltr #ais-details .hierarchy > div
{
  padding-left: 120px;
}
.ais-rtl .ais-selection-detail .hierarchy > div, .ais-rtl #ais-details .hierarchy > div
{
  padding-right: 120px;
}

.ais-selection-detail .hierarchy > ul, #ais-details .hierarchy > ul
{
  margin-top: 10px;
}
.ais-ltr .ais-selection-detail .hierarchy > ul, .ais-ltr #ais-details .hierarchy > ul
{
  margin-left: 100px;
}
.ais-rtl .ais-selection-detail .hierarchy > ul, .ais-rtl #ais-details .hierarchy > ul
{
  margin-right: 100px;
}

.ais-selection-detail .hierarchy li.hierarchy-folder, .ais-selection-detail .hierarchy li.hierarchy-document, #ais-details .hierarchy li.hierarchy-folder, #ais-details .hierarchy li.hierarchy-document
{
  margin: 0px 20px 5px 20px;
  padding: 0px 20px 0px 20px;
  background-repeat: no-repeat;
}

.ais-ltr .ais-selectiond-detail .hierarchy li.hierarchy-folder, .ais-ltr .ais-selectiond-detail .hierarchy li.hierarchy-document, .ais-ltr #ais-details .hierarchy li.hierarchy-folder, .ais-ltr #ais-details .hierarchy li.hierarchy-document
{
  background-position: 0% 2%;
}

.ais-rtl .ais-selection-detail .hierarchy li.hierarchy-folder, .ais-rtl .ais-selection-detail .hierarchy li.hierarchy-document, .ais-rtl #ais-details .hierarchy li.hierarchy-folder, .ais-rtl #ais-details .hierarchy li.hierarchy-document
{
  background-position: 100% 2%;
}

.ais-selection-detail .hierarchy li.hierarchy-folder, #ais-details .hierarchy li.hierarchy-folder
{
  background-image: url("../images/ais-folder.png");
}
.ais-selection-detail .hierarchy li.hierarchy-document, #ais-details .hierarchy li.hierarchy-document
{
  background-image: url("../images/ais-document.png");
}
.ais-selection-detail .hierarchy li.hierarchy-document a, #ais-details .hierarchy li.hierarchy-document a
{
  color: #CC1010;
}

#ais-details .hierarchy .fold, 
#ais-details .hierarchy .unfold,
.ais-brief-hierarchy-browser .fold, 
.ais-brief-hierarchy-browser .unfold
{
  display: inline-block;
  padding: 0px;
  width: 16px;
  height: 16px;
  cursor: hand;
  cursor: pointer;
  vertical-align: top;
}
.ais-ltr #ais-details .hierarchy .fold, 
.ais-ltr #ais-details .hierarchy .unfold,
.ais-ltr .ais-brief-hierarchy-browser .fold, 
.ais-ltr .ais-brief-hierarchy-browser .unfold
{
  margin: 0px -15px 0px 0px;
}
.ais-rtl #ais-details .hierarchy .fold, 
.ais-rtl #ais-details .hierarchy .unfold,
.ais-rtl .ais-brief-hierarchy-browser .fold, 
.ais-rtl .ais-brief-hierarchy-browser .unfold
{
  margin: 0px 0px 0px -15px;
}

#ais-details .hierarchy .fold.invisible, 
#ais-details .hierarchy .unfold.invisible,
.ais-brief-hierarchy-browser .fold.invisible, 
.ais-brief-hierarchy-browser .unfold.invisible
{
  display: none;
}

#ais-details .hierarchy .fold,
.ais-brief-hierarchy-browser .fold
{
  background-image: url("../images/ais-nav-minus.png");
}
#ais-details .hierarchy .unfold,
.ais-brief-hierarchy-browser .unfold
{
  background-image: url("../images/ais-nav-plus.png");
}

#ais-details .hierarchy .ais-children-hierarchy.folded,
.ais-brief-hierarchy-browser .ais-children-hierarchy.folded
{
  display: none;
}

#ais-details .hierarchy .ais-children-hierarchy.unfolded,
.ais-brief-hierarchy-browser .ais-children-hierarchy.unfolded
{
  border: none;
}
