/***************************
 * Skin for American Olean
 ***************************/
body {
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  color: #4d4d4f;
  scrollbar-base-color: #e6e6e6;
  scrollbar-arrow-color: #000000;
  scrollbar-3dlight-color: #e6e6e6;
  scrollbar-darkshadow-color: #e6e6e6;
  scrollbar-face-color: #d0d1d3;
  scrollbar-highlight-color: #d0d1d3;
  scrollbar-shadow-color: #d0d1d3;
  scrollbar-track-color: #e2e3e4;
  background: url(images/login_background_1px.png) top left repeat-x;
}

/*************************
 * Main Layout Elements
 *************************/
html, body { width: 99%; height: 100%; margin: 0; padding: 0;}
table.layout {
  width: 100%;
  height: 100%;
}
table.layout td {
}
table.layout .body_cell {
}
table.layout .footer_cell {
  font-size: .7em;
  text-align: center;
  line-height: 15px;
  height: 15px;
}
#root { width: 98%; height: 100%; margin: 0; padding: 0px 5px 0 5px;}
#outer { width: 100%; height: 100%; margin: 0; padding: 0;}
#login_outer { width: 100%; height: 100%; margin: 0; padding: 0;}
#header_view { width: 100%; height: 105px; margin: 0; padding: 8px 0; }
#flash_view { width: 100%; height: 15px; }
#middle { width: 100%; margin: 0; padding: 0; }
#folder_view, #search_view { float: left; width: 30%; border: 1px solid #ccc;  }
#folder_header { height: 30px; } /* Manage folders */
#folder_link_panel { width: 100%; font-size: .9em; height: 20px; } /** Add/Rename/Delete **/
#folder_presentation_panel { height: 25px; width: 100%; } /** Upload/Presentations **/
#folder_scroll { overflow-y: auto; overflow-x: hidden; width: 100%; height: 200px; min-height: 100px; }
#selected_presentation_view { overflow: hidden; float: right; text-align: left; width: 69%; margin: 0; padding: 0; }
#selected_presentation_scroll { overflow-y: auto; width: 100%; height: 100%; height: 265px; min-height: 165px; }
#selected_presentation_footer { height: 20px; padding-top: 10px; width: 100%; text-align: right;}
#active_presentation_view { margin: 6px 0 0px 0; padding: 0px; width: 100%;  border: 1px solid #ccc;}
#active_presentation_scroll { height: 120px; min-height: 120px; overflow-y: auto; margin: 0; padding: 0; }

/*****************************
 * Global Elements
 *****************************/
a:hover {
  color: #93a3ca;
} 
a {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  color: #4d4d4f;
}
a.css_link, a.zoom_link {
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  cursor: hand;
  cursor: pointer;
}
.css_image, .image_link {
  padding: 0;
  display: block;
  margin: 0;
  width: 96px;
  height: 30px;
}
.image_with_text_image {
  margin: 0;
  padding-right: 5px;
}
.image_link {
  cursor: pointer;
  cursor: hand;
}
.in_progress_popup {
  width: 220px;
  height: 100px;
  border: #ccc 2px solid ;
  font-size: 1em;
  background-color:#eaedf5;
}
.in_progress_popup div {
  width: 100%;
  height: 100%;
}
.in_progress_popup div div {
  width: auto;
  height: auto;
  text-align: center;
  font-weight: bold;
}
.in_progress_label {
  font-size: 1em;
}
.hidden {
  display: none;
}


/*******************
 * Login Page 
 *******************/
#login_outer table, #login_outer tr, #login_outer td {
  padding: 0;
  margin: 0;
}
.login_container {
  padding: 0;
  margin: 0;
  text-align: center;
  height: 500px;
}
.login_view {
  text-align: left;
  margin: 0 auto;
  padding: 0;
}
#login_background {
  position: absolute;
  margin: 0;
  display: block;
  width: 800px;
  height: 490px;
  top: 0px;
  left: 50%;
  margin-left: -400px;
  padding: 0;
  background: url(images/login_steps_slidejam.png) no-repeat transparent;
  cursor: default;
  z-index: 0;
}
.login_container {
}
.login_view form {
  position: relative;
  float: right;
  color:  #93a3ca;
  text-transform: uppercase;
  margin: 8px 0 0 0;
}
.login_container form .form_panel {
}
.login_grid {
  font-size: .8em;
}
.login_grid input {
  height: 20px;
  width: 120px;
  margin-left: 3px;
}
#login_go {
  padding: 3px;
  font-size: .8em;
  font-weight: bold;
}
.login_errors {
  height: 20px;
  color: red;
  text-align: center;
}


/*******************
 * Header View
 *******************/
#logo {
  display: block;
  background: url(images/slidejam_logo.png) no-repeat;
  width: 577px;
  height: 77px;
  margin-left: 10px;
  top: 10px;
  position: absolute;
  cursor: default;
}
#header_title {
  position: absolute;
  top: 33px;
  left: 170px;  
  font-size: 1.5em;
  text-transform: uppercase;
  font-family: Futura, Century Gothic, AppleGothic, sans-serif;
  color: #93a3ca;
}
#header_logout_link {
  float: right;
  margin-right: 10px;
}
.header_links {
  padding-top: 80px;
  margin-bottom: 5px;
}
#flash_view {
  width: 100%;
  height: 14px;
  text-align: center;
  font-size: .7em;
}

/*******************
 * Folder View 
 *******************/
#folder_view {
  margin-right: 2px;
  border: 1px solid #ccc;
  background: url(images/folder_view_background.gif) repeat-x;
}
.folder_view h1 {
  font-size: 1em;
}
#folder_header table {
  padding-top: 2px;
  padding-bottom: 2px;
}
#folder_link_panel td {
  text-align: center;
}
#manage_folders_text, #folder_create_presentation_link {
  font-family: Futura, Century Gothic, AppleGothic, sans-serif;
  font-size: .9em;
  color: #93a3ca;
  text-transform: uppercase;
  padding-top: 3px;
}
#folder_create_presentation_link {
  cursor: hand;
  cursor: pointer;
}
#folder_create_presentation_link.disabled {
  cursor: auto;
}
#folder_create_presentation_link.disabled:hover {
  color: #93a3ca;
}
#folder_create_presentation_link {
   display: block;
}
#folder_create_presentation_link:hover, #folder_create_presentation_link.hover {
  color: #4d4d4f;
}
#folder_presentation_panel {
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 5px;
}
#folder_presentation_panel css_image {
  padding-top: 5px;
}
#folder_scroll table {
  font-size: .9em;
}
.folder_tree {
  font-size: .9em;
  margin-top: 3px;
}
.gridBody {
  background-image: none;
}
.dragLine {
  background-color:#FADD0C
}
.cellover,.cellOver {
  background-color: #ccc;
}
.cellselected,.cellSelected {
  background-color: #93a3ca;
}
.cellselectedover, .cellSelectedOver {
  background-color: #ccc;
}


/*****************************
 * Search View 
 *****************************/
.search_results_container {
  height: 30px;
  text-align: center;
  padding: 3px;
  border-bottom: 1px solid #ccc;
}
.search_return {
  /*height: 30px;*/
  font-size: .8em;
  text-align: center;
  padding: 5px 0px 5px 0px;
}
#search_results_text {
  padding-top: 5px;
}
.search_return div {
  width: 150px;
  margin: auto;
}


/*****************************
 * Selected Presentation View 
 *****************************/
#add_all_slides {
  margin-right: 10px;
  font-size:1em;
  cursor: hand;
  cursor: pointer;
  color:#93a3ca;
}
#add_all_slides:hover, #add_all_slides.hover {
  color: #4d4d4f;
}
#expand_container {
  width: 100%;
  text-align: right;
}
#selected_presentation_view .expand_link {
  margin-top: 0px;
  float: none;
  margin: 0 0 5px auto;
}

/*****************************
 * Active Presentation View 
 *****************************/
#active_presentation_view {
  clear: both;
  background: url(images/slide_background.gif) repeat-x;
}
.active_presentation_links {
  margin-left: 8px;
  margin-top: 10px;
  height: 30px;
}
.active_presentation_links table {
  padding: 5px 10px 3px 0px;
}
.active_view_slide_panel {
  overflow: auto;
  text-align: left;
}
.expand_link {
  line-height: 1px;
  float: right;
  border: 2px solid #999;
  margin: 5px 5px 0px 0px;
  padding: 0;
  width: 14px;
  height: 8px;
  cursor: hand;
  cursor: pointer;
  background-color: #eee;
}
.expand_link div {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #999;
  width: 14px;
  height: 1px;
  left: 0px;
  top: 2px;
  position: relative;
  display: none;
}
.expand_link.expanded div {
 display: block;
}

/*****************************
 * Slide/Drag-n-drop
 *****************************/

.slide_focus_panel {
  width: 200px;
  height: 165px;
  float: left;
  margin: 0px 5px 5px 0px;
  padding: 5px 10px 1px 10px;
}
.small_slide_focus_panel {
  float: left;
  margin: 0px 5px 5px 0px;
  padding: 5px 10px 2px 10px;
}
.small_slide_focus_panel_selected {
   padding: 4px 9px 1px 9px;
}
.slide_tile img, .small_slide_tile img {
  border: 1px solid #b1b3b6;
}
.zoom_link_container {
  text-align: right;
}
.zoom_link {
  background: url(images/zoom.gif) no-repeat;
  float: right;
  height: 12px;
  width: 14px;
  display: block;
  padding: 2px 0px 2px 2px;
}

.slide_tile_selected img, .small_slide_tile_selected img {
 border: 2px solid #93a3ca;
}
.slide_drag_proxy {
  width: 160px;
  height: 120px;
  padding: 0px;
  margin: 0px;
}
.dragdrop-flow-panel-positioner {
  width: 140px;
  height: 100px;
  float: left;
  border: 1px dotted #666;
  margin: 0px 23px 38px 0px;
  padding: 10px;
}
.small_slide_drag_handle {
  display: none;
}
.blank_slide {
  background: url(images/blank_slide.gif) no-repeat;
}
.slide_popup_panel {
  position: absolute;
  border: 2px solid #666;
  width: 500px;
}


/*****************************
 * Copyright Presentation View 
 *****************************/
#copyright_label {
  font-size: .7em;
}

/*****************************
 * Popups 
 *****************************/
div.popup {
  background-color: #fff;
  border: 2px solid #ccc;
  padding: 0;
  margin: 0;
  width: 525px;
  height: 500px;
}

/** Encloses the entire popup in  table with a header and body row **/
table.popup_grid {
  padding: 0;
  margin: 0;
  height: 100%;
  padding: 0 5px 0 5px;
}
td.popup_header_cell {
}
div.popup_header {
  /** Contains the X close_popup button **/
}
#close_popup {
  float: right;
}
td.popup_contents_cell {
  height: 100%;
  vertical-align: top;
}
table.popup_contents_grid {
  height: 100%;
}
div.popup_contents {
   /** Contains all content including the titles, body, and buttons **/
  height: 100%;
}
/** Contains h2, h3 and buttons **/
td.popup_body_cell {
  vertical-align: top;
  width: 100%;
  height: 100%;
  padding: 0 10px 0 10px;
}
table.popup_body {
/** Custom content is added to this as rows **/
}
td.popup_buttons_cell {
}
.popup_buttons {
  float: right;
}
div.footer {
  /** Anything displayed below the buttons **/
}
form.popup {
  width:500px;
  padding: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #4d4d4f;  
}
.popup h1, .popup h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  color: #4d4d4f;  
  margin: 0;
}
.popup h3, .email_presentation_name_label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #999;  
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: normal;
}
.popup input {
}
.popup input.form_error {
  border: 2px solid red;
}
.popup .form_checkbox label {
  font-size: .8em;
  font-weight: normal;
}
.popup .form_disclaimer {
  font-size: .6em;
  font-weight: normal;
  margin: 0;
}
.popup_form_grid .form_label {
  font-size: .9em;
}
.popup_form_header_row td {
  padding: 0;
}
.popup_form_header_row h3 {
  padding: 0;
  margin: 0;
}
.popup_form_grid td {
  padding: 0px 3px 12px 0px;
}
.button_link {
  display: block;
  padding: 6px 6px 6px 6px;
  margin: 10px 3px 10px 3px;
  line-height: 8px;
  font-size: .9em;
  border: 1px solid #93a3ca;
  background-color: #93a3ca;
  color: #fff;
  cursor: hand;
  cursor: pointer;
}
a.button_link:hover {
  background-color: #89a3ca;
  color: #fff;
}
.popup_container {
  background-color: #fff;
}
div.popup_header_bar {
  width: 100%;
  text-align: right;
  background-color: #fff;
}

/*****************************
 * Search Popup
 *****************************/
#search_popup {
  width: 450px;
  height: 400px;
}

/*****************************
 * Email Popup 
 *****************************/
#email_popup input {
  width: 150px;
}
#email_popup input.email_subject {
  width: 300px;
}
.email_comments {
  width: 100%;
  height: 90px;
}
#email_popup .form_checkbox { 
  float: left;
  width: 120px;
  margin: 0;
  padding: 0;
}
#email_popup .form_checkbox input {
  width: auto;
}


/*****************************
 * Manage Logins Popup
 *****************************/
#manage_logins_popup {
  width: 550px;
  height: 600px;
}
table.manage_logins_grid {
  height: 570px;
}

#manage_logins_table {
  height: 150px;
}
#manage_logins_table .headerWrapper {
  background: #c7c8ca;
}
#manage_logins_table .headerTable tr td {
  border: 0;
  font-size: .8em;
  color: #000;
}
#manage_logins_table .dataTable tr td {
  line-height: 11px;
  font-size: .8em;
  color:#4d4d4f;
  border: 0;
}
#manage_logins_table .dataTable tr.even td {
  background: #e6e7e8;
}
#manage_logins_table .dataTable tr.even.hovering td {
  background: #89a3ca;
}
.user_form_container {
  text-align: center;
  width: 80%;
  margin: auto;
}
.user_form_table {
  text-align: left;
}
.user_form_table tr {
  line-height: 26px;
}
.user_form_table td.label {
  text-align: left;
  font-size: .8em;
}
.user_form_table .admin_checkbox_panel td {
  line-height: 19px;
  vertical-align: middle;
}
#manage_logins_popup #add {
  width: 80px;
  text-align: center;
  float: right;
  margin-right: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
#manage_logins_popup #save, #delete {
  width: 110px;
  text-align: center;
  padding: 5px;
}
#manage_logins_popup #close {
  width: 80px;
  text-align: center;
  padding: 5px;
}


/*****************************
 * Help Popup
 *****************************/
#help_popup {
  width: 600px;
}
.help_text {
  font-size: .9em;
}
.help_text ul li {
  padding-bottom: 5px;
}


/*****************************
 * Upload Popup 
 *****************************/
#upload_popup {
  width: 450px;
  height: 425px;
}

/*****************************
 * Image Replacements
 *****************************/
#login_arrow_link {
  background: url(images/login_arrow.gif) no-repeat;
  width: 18px;
  height: 25px;
  display: none;
}
#header_download_link {
  background: url(images/download.gif) no-repeat;
}
#header_download_link:hover, #header_download_link.hover {
  background: url(images/download_rollover.gif) no-repeat;
}
#header_download_link.disabled {
   background: url(images/download_disabled.gif) no-repeat;
}
#header_search_link {
  background: url(images/search.gif) no-repeat;
}
#header_search_link:hover {
  background: url(images/search_rollover.gif) no-repeat;
}
#header_email_link {
  background: url(images/email.gif) no-repeat;
}
#header_email_link:hover {
  background: url(images/email_rollover.gif) no-repeat;
}
#header_email_link.disabled {
  background: url(images/email_disabled.gif) no-repeat;
}
#header_manage_logins_link {
  width: 130px;
  background: url(images/manage_logins.gif) no-repeat;
}
#header_manage_logins_link:hover {
  background: url(images/manage_logins_rollover.gif) no-repeat;
}
#header_manage_logins_link.disabled {
  cursor: auto;
}
#header_help_link {
  background: url(images/help.gif) no-repeat;
}
#header_help_link:hover {
  background: url(images/help_rollover.gif) no-repeat;
}
#active_download_link {
  background: url(images/download.gif) no-repeat;
  margin-top: 2px;
  margin-right: 5px;
}
#active_download_link:hover {
  background: url(images/download_rollover.gif) no-repeat;
}
#active_new_link {
  background: url(images/new_presentation.gif) no-repeat;
  width: 75px;
}
#active_new_link:hover {
  background: url(images/new_presentation_rollover.gif) no-repeat;
}
#active_email_link {
  background: url(images/email.gif) no-repeat;
}
#active_email_link:hover {
  background: url(images/email_rollover.gif) no-repeat;
}
#active_delete_link {
  background: url(images/delete_disabled.gif) no-repeat;
}
#active_delete_link.enabled {
  background: url(images/delete.gif) no-repeat;
}
#active_delete_link.enabled:hover {
  background: url(images/delete_rollover.gif) no-repeat;
}

#close_popup {
  width: 22px;
  height: 14px;
  margin: 2px;
  background: url(images/close_popup.png) no-repeat;
}
#folder_create_presentation_image {
  width: 32px;
  height: 29px;
  display: block;
  background: url(images/create_presentation.gif) no-repeat;
}
#folder_manage_image {
  display: block;
  width: 32px;
  height: 29px;
  background: url(images/manage_folders.gif) no-repeat;
}


/*****************************
 * GWT Elements
 *****************************/

/**
 *  Date picker styles, had to dig to find these in google code
 */
.gwt-DatePicker {
  width: 150px;
  border: 1px solid #f1f1f1;
  border-bottom: 2px solid #f1f1f1;
  color: #6b6b6b;
  cursor: default;
 
}

.gwt-DatePicker td {
  font-family: Arial;
  font-size: 65%;
  padding: 2px;
  text-align: center;
  padding: 2px;
  outline: none;
  /*-moz-outline: none; Annoying CSS error*/
  cursor: default;
}
.gwt-DatePicker td,.month-selector td :focus {
  outline: none
}
.gwt-DateBox input {
  width: 8em;
}
/**
 * Calendar styles
 */
.calendar-view {
  background-color: white;
  width: 100%;
}
.calendar-view .filler-cell {
  color: #bfbfbf;
  padding: 1px;
  cursor: hand;
  cursor: pointer;
}
.calendar-view .date-cell {
  padding: 1px;
  cursor: hand;
  cursor: pointer;
}
.calendar-view .selected-cell {
  background: #aaccee;
}

.calendar-view .day-title {
  background: #dbe6de;
}
.gwt-DatePicker .calendar-view .highlighted-cell {
  border: 1px solid #eeeeee;
  padding: 0px;
}
.calendar-view .today-cell {
  border: 1px solid black;
  padding: 0px;
}
.gwt-DatePicker .calendar-view .weekend {
  background: #f1f1f1;
}
.calendar-view .disabled-cell {
  color: graytext;
}


.drop-shadow {
  margin: 6px;
  width:165px; 
  background: url(images/dropshadow.gif) top left no-repeat;    
}  

.drop-shadow img {
  margin-right: 0px;
  padding: 0px;
  width: 159px;
  height: 119px;
} 



/**
 * ScrollTable
 */
.gwt-ScrollTable {
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

.gwt-ScrollTable .headerWrapper {
  /*background: #8bd url(images/bg_header_gradient.gif) repeat-x bottom left;*/
}

.gwt-ScrollTable .footerWrapper {
  border-top: 1px solid #aaa;
  background: #8bd url(images/bg_header_gradient.gif) repeat-x bottom left;
}

.gwt-ScrollTable .dataTable td,
.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td {
  border-color: #aaa;
  border-style: solid;
  /*border-width: 0px 1px 1px 0px;*/
  white-space: nowrap;
  overflow: hidden;
}

.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td {
  color: #fff;
  font-size: 1.1em;
}
        
.gwt-ScrollTable .dataTable tr.hovering {
  background: #89a3ca;
}

.gwt-ScrollTable .dataTable td.hovering {
  background: #89a3ca;
  cursor: hand;
  cursor: pointer;
}

.gwt-ScrollTable .dataTable tr.selected {
  background: #7AA5D6;
}

.gwt-PagingOptions {
  background: #e8eef7;
  border: 1px solid #aaa;
  border-top: none;
}

.gwt-PagingOptions .errorMessage {
  color: red;
}

.pagingOptionsFirstPage,
.pagingOptionsLastPage,
.pagingOptionsNextPage,
.pagingOptionsPrevPage {
  cursor: hand;
  cursor: pointer;
}