/*
-------------------------------------------------------
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: #A3A3A3;
  color: #231F20;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 0.8em;
  padding: 0;
  text-transform: none;
  height: 100%;
}

h1
{
  font-size: 18px;
}

strong
{
  font-weight: bold;
}

a:link, a:visited, a:active, a:hover
{
  color: #003399;
}

a:hover
{
  text-decoration: underline;
}

a.ais-anchor
{
  border-style: none;
  text-decoration: underline;
}


/*
-------------------------------------------------------
2. Master Page
-------------------------------------------------------
*/

#ais-master
{
  margin-left: auto;
  margin-right: auto;
  width: 1283px;
  background-color: white;
  margin-top: 0px;
  margin-bottom: 0px;
  overflow: hidden;
  border-left: 1px solid #BBB;
  border-right: 1px solid #BBB;
}

body.ais-print-page
{
  
  background-color: white;
  color: #231F20;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 0.8em;
  padding: 0;
  text-transform: none;
  height: 100%;

}

/*
-------------------------------------------------------
2.1 Header
-------------------------------------------------------
*/

#ais-header
{
  background-color: #8a8a8a;
  min-height: 210px;
  font-family: Calibri, Arial;
  font-size: 1.2em;
  vertical-align: top;
  color: white;
  background-image:  url(Images/ais-top-banner.jpg);

}

#ais-header *
{
  vertical-align: top;
	margin:6px 0 0 6px;
}

#ais-header #ais-logo
{
}

#ais-header-text
{
  display: none;
  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
{
  margin: 0px 7px 0px 7px;
  padding-top: 10px;
}

#ais-language > a
{
  color: White;
}

.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 > label
{
  font-weight: bold;
}

#ais-language-list > ul
{
  padding-top: 10px;
}

/*
-------------------------------------------------------
2.2 Menu
-------------------------------------------------------
*/

#ais-menu
{
  display: block;
  font-family: Calibri, Arial;
  font-size: 1.1em;
  height: 30px;
  background: url(Images/ais-menu-bg.jpg) repeat-x;
}

#ais-menu-inner
{
  height: inherit;
  display: block;
  width: 100%;
  font-family: Calibri, Arial;
  font-size: 1.1em;
}

#ais-menu-list
{
  height: inherit;
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}

#ais-menu-list > li
{
  width: 122px;
  min-width: 100px;
  display: inline;
  text-align: center;
  list-style: none;
  white-space: nowrap;
}

#ais-menu-list > li.disabled
{
  border-left: 1px solid #C44521;
}


#ais-menu-list > li
{
  border-left: 1px solid #877404;
}

#ais-menu-list > li:first-child
{
  border-left: 0px;
}

#ais-menu-list > li > a
{
  text-decoration: none;
  display: block;
  height: 30px;
  line-height: 30px;
}

/* Menu buttons */

#ais-menu-list > li > a
{
  color: White;
  background: #777;
}

#ais-menu-list > li.disabled > a, #ais-menu-list > li.disabled > a:hover
{
  color: #D78866;
  background: url(Images/ais-button-disabled.png) repeat-x;
}

#ais-menu-list > li.active > a
{
  color: #fff;
  background: url(Images/ais-button-active.png) repeat-x;
}

#ais-menu-list a:hover
{
  color: #fff;
  background: url(Images/ais-button-active.png) repeat-x;
}

#ais-menu-list > li > a .ais-menu-item-tip
{
  display: inline-block;
  position: relative;
  top: 6px;
  left: 9px;
  color: #DDDDDD;
  font-size: small;
  font-weight: bold;
}

/*
-------------------------------------------------------
2.3 Main 
-------------------------------------------------------
*/

#ais-main
{
  width: 962px;
  vertical-align: top;
  line-height: 1.4em;
  min-height: 350px;
  margin: 40px 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: 160px;
  margin: 73px 30px 20px 30px;
}

#ais-sidebar label
{
  margin-top: -7px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  background-color: White;
  color: #877404;
}

.ais-ltr #ais-sidebar label
{
  margin-left: 20px;
  float: left;
}

.ais-rtl #ais-sidebar label
{
  margin-right: 20px;
  float: right;
}

#ais-sidebar > *
{
  margin-bottom: 20px;
}

#ais-sidebar li
{
  background-repeat: no-repeat;
}

.ais-ltr #ais-sidebar li
{
  padding-left: 15px;
}

.ais-rtl #ais-sidebar li
{
  padding-right: 15px;
}


#ais-sidebar ul > li
{
  padding-bottom: 3px;
}

#ais-sidebar ul > li
{
  margin-left: 10px;
  margin-right: 10px;
}


#ais-sidebar a
{
  text-decoration: none;
}

#ais-sidebar > ul > li > a
{
  color: Black;
}

#ais-sidebar ul > li > a:hover,
#ais-sidebar ul > li.current > a
{
  color: #877404;
  background-repeat: no-repeat;
}

.ais-ltr #ais-sidebar ul > li:hover, .ais-ltr #ais-sidebar li.current
{
  background-image: url("Images/ais-arrow-ltr.png");
  background-position: left center;
}

.ais-rtl #ais-sidebar ul > li:hover, .ais-rtl #ais-sidebar li.current
{
  background-image: url("Images/ais-arrow-rtl.png");
  background-position: right center;
}



/*
-------------------------------------------------------
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"]
{
  background: url("images/ais-stripe-bck-button.jpg") repeat-x scroll 0 0 transparent;
  height: 25px;
  width: 100px;
}

.ais-form .form-label
{
  font-weight: bold;
  width: 160px;
}

.ais-ltr #ais-search-expert.ais-form .form-label
{
  margin-right: 53px;
}
.ais-rtl #ais-search-expert.ais-form .form-label
{
  margin-left: 53px;
}

.ais-ltr .ais-form .form-label
{
  margin-right: 10px;
}

.ais-rtl .ais-form .form-label
{
  margin-left: 10px;
}

.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-ltr .ais-form .form-buttons
{
  padding-left: 205px;
}

.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 .form-row
{
  border-top: 1px solid #bbbbbb;
  padding: 15px 15px 10px 15px;
  overflow: hidden; /* stretching up a container block to accomodate floating elements */
}
#ais-search-expert.ais-form .form-row
{
  padding-left: 10px;
  padding-right: 10px;
}


.ais-form .form-row.first-row
{
  border-style: none;
  padding-top: 0px;
}

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



/*
-------------------------------------------------------
2.4 Footer 
-------------------------------------------------------
*/

#ais-footer
{
  vertical-align: middle;
  text-align: center;
  padding: 20px 50px 30px 50px;
  clear: both;
}

/*
-------------------------------------------------------
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: 0px 5px 0px 5px;
}

.ais-helpsubject-container
{
  width: 20px;
}

.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
{
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
}




/*
-------------------------------------------------------
3.5 Round stripes
-------------------------------------------------------
*/

/* Style A: Background black and gray body with no border */
.ais-corners-styleA-top
{
  height: 0px;
  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
{
  border-top: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
  height: 10px
  /*width: 100%;
  height: 16px;
  background: url(Images/corners/ais-corners-styleB-border-pixel.png) repeat-x scroll top transparent;*/
}
.ais-corners-styleB-top > div
{
  display: none;
  background: url(Images/corners/ais-corners-styleB-top-right.png) no-repeat scroll top right transparent;
}
.ais-corners-styleB-top > div > div
{
  background: url(Images/corners/ais-corners-styleB-top-left.png) no-repeat scroll top left transparent;
  height: 16px;
}

.ais-corners-styleB-bottom
{
  border-bottom: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
  height: 10px
  /*height: 16px;*/
  /*background: url(Images/corners/ais-corners-styleB-border-pixel.png) repeat-x scroll bottom transparent;*/
  /*margin-bottom: 20px;*/
}
.ais-corners-styleB-bottom > div
{
  display: none;
  background: url(Images/corners/ais-corners-styleB-bottom-right.png) no-repeat scroll top right transparent;
}
.ais-corners-styleB-bottom > div > div
{
  background: url(Images/corners/ais-corners-styleB-bottom-left.png) no-repeat scroll top left transparent;
  height: 16px;
}



/* Style C: Background white, gray body and no border*/
.ais-corners-styleC-top, .ais-corners-styleC-bottom
{
  height: 10px;
  background-color: #EBEBEB;
}
.ais-corners-styleC-top > div
{
  display: none;
  background: url(Images/corners/ais-corners-styleC-top-right.gif) no-repeat scroll top right transparent;
}
.ais-corners-styleC-top > div > div
{
  background: url(Images/corners/ais-corners-styleC-top-left.gif) no-repeat scroll top left transparent;
  height: 10px;
}

.ais-corners-styleC-bottom > div
{
  display: none;
  background: url(Images/corners/ais-corners-styleC-bottom-right.gif) no-repeat scroll top right transparent;
}
.ais-corners-styleC-bottom > div > div
{
  background: url(Images/corners/ais-corners-styleC-bottom-left.gif) no-repeat scroll top left transparent;
  height: 10px;
}


/*
-------------------------------------------------------
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: underline;
}

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: 960px;
  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 .selector
{
}
.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: 660px;
  padding: 0px;
  margin: 0px;
}

.ais-brief-gallery > ul
{
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  float: left;
  padding: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
}

.ais-brief-gallery > ul > li
{
  display: inline-block;
  margin: 0px;
  border-bottom: 1px solid #C3C3C3;
  height: 160px;
  width: 125px;
  padding: 20px;
  list-style-type: none;
}
.ais-brief-gallery > ul > li.no-border
{
  border: none;
}

.ais-ltr .ais-brief-gallery ul > li
{
  float: left;
  text-align: right;
}
.ais-rtl .ais-brief-gallery ul > li
{
  float: right;
  text-align: left;
}

.ais-brief-gallery ul > li > div
{
  width: 100%;
  display: inline-block;
  text-align: left;
  padding: 5px;
  vertical-align: top;
}

.ais-brief-gallery .logo
{
  height: 120px;
}

.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 .selector
{
}

.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 0px 0px 20px;
}
.ais-selection-detail .hierarchy li, 
#ais-details .hierarchy li, 
.ais-brief-hierarchy .hierarchy li
{
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  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;
  
  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
{
}
.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
{
}

.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-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 a, 
#ais-details .hierarchy div.hierarchy-document 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
{
  border: 1px solid #C3C3C3;
}

.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: 920px;
  display: inline-block;
  padding: 10px 20px 30px 20px;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  margin-bottom: -4px;
}

.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 
{
  margin-left:0;
}

.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: 140px;
  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-tags, 
#ais-details .ais-keywords, 
#ais-details .ais-copy-info, 
#ais-details .ais-amazon, 
#ais-details .hierarchy
{
  width: 920px;
  display: inline-block;
  border-top: 1px solid #C3C3C3;
  padding: 10px 20px 20px 20px;
  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-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
{
  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: 270px;
}

.ais-detail-logo .content .value
{
  width: 290px;
}

.ais-detail-logo.short .value
{
  width: 265px;
}


.ais-detail-logo .logo
{
  vertical-align: top;
  margin: 10px 5px 5px 5px;
  padding-top: 10px;
  border-top: 1px solid #cccccc;
  width: 550px;
}

.ais-detail-logo.short .logo
{
  width: 290px;
  border-left: 1px solid #cccccc;
  border-top: 0px;
}

.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;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}

.ais-ltr .ais-detail-logo .logo .ais-image-container
{
  border-right: 1px solid #cccccc;
}

.ais-rtl .ais-detail-logo .logo .ais-image-container
{
  border-right: 1px solid #cccccc;
}

.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: 700px;
}

.ais-selection-detail .ais-detail-hierarchy .content, #ais-details .ais-detail-hierarchy .content
{
  width: 880px;
}

.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
{
}
.ais-ltr .ais-selection-detail .hierarchy > ul, .ais-ltr #ais-details .hierarchy > ul
{
}
.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
{
      position: absolute;
	  margin-left: 95px;
}
.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
{
  width: 20px;
  background: url("images/ais-nav-minus.png") no-repeat right;
}
#ais-details .hierarchy .unfold,
.ais-brief-hierarchy-browser .unfold
{
  width: 20px;
  background: url("images/ais-nav-plus.png") no-repeat right;
}

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


.ais-image-container {
	text-align: center;
	clear: both;
}

.tooltip {
  position: absolute;
  z-index: 1;
  width: 300px;
  background-color: #fefefe;
  border: 1px solid #ddd;
  color: #444;
  border-radius: 6px;
  padding: 5px 0;
  margin-top: 5px;
  font-weight: normal;
  font-size: small;
  padding: 5px;
}

/** If the label has a tooltip then make it show dots underneath*/
.hasTooltip > span {
  border-bottom: 1px dotted #999;
}