/*  Color scheme:  http://www.colourlovers.com/palette/845820/nouveau_riche
 *  Also good:     http://www.colourlovers.com/palette/1236225/0011
 *
 *   #FFFFFF 256,256,256  (white)
 *     background
 *
 *   #D90E00 217,14,0  (bright red)
 *     logo
 *
 *   #505759 80,87,89  (dark grey)
 *     text
 *     borders/lines
 *
 *   #00A6F2 0,166,242 (light blue)
 *     links/tags
 *
 *   #145D85 20,93,133 (dark blue)
 *     links hover
 *
 *   #C8CBCF 200,203,207 (light grey)
 *     shadows
 *
 *
 *
 */


/*** Text ***/

/* Default */
body
{
    color: rgba(80, 87, 89, 1);
}

/* Links */
a,
a:visited
{
    color: #1BB0CE;
}

a:hover
{
    color: #4F8699;
}

header a,
header a:active,
header a:visited
{
  color: rgb(83, 81, 94);
}

header a:hover
{
  color: rgb(5, 36, 202)
}

section#folder_detail .loading *
{
  color: rgb(240,240,240);
}

section .include .rules li.rule:hover .control:hover
{
  color: rgb(83, 83, 83);
}

section .include .define input#property.invalid,
section .include .define input#category.invalid,
section .include .rule input#property.invalid,
section .include .rule input#category.invalid,
section#def .rules input.date:invalid,
section#def .rules input.time:invalid
{
  color: rgb(183, 83, 83);
}

section .include .define .controls button.disabled,
section .include .rule   .controls button.disabled
{
  color: rgba(83, 83, 83, 0.3);
}

.file .meta label
{
  color: rgb(0, 0, 0);
}

section#progress .progress_entry .status div
{
    color: rgba(217, 14, 0, 1);
}

section#progress .progress_entry .status div.inactive
{
    color: rgba(80, 87, 89, 0.33);
}

section#progress .progress_entry .status div.success
{
    color: rgba(80, 87, 89, 1);
}

section#upload #droptarget
{
    color: rgba(80, 87,  89, 1);
}

section#upload #droptarget:hover
{
    color:  rgba(255, 255, 255, 1);
}

#folder_select_modal .container ul li
{
  color: rgba(80, 87, 89, 1);
}

#folder_select_modal .container ul li.selected
{
  color: rgba(210, 210, 210, 1);
}

/*** Backgrounds ***/

body
{
  background: rgba(255, 255, 255, 1);
}

header
{
  background: rgb(215, 215, 215);
}

button,
.button
{
  background: rgba(105, 105, 105, 0.2);
}

button:hover,
.button:hover
{
  background: rgba(105, 105, 105, 0.5);
}

section#folders ul li:hover
{
  background: rgba(144, 160, 247, 0.2);
}

section#folders ul li.selected
{
  background: rgba(144, 160, 247, 0.71);
}

section#folder_detail div#files .file:hover
{
  background: rgba(74,62,162,0.05);
}

section#folder_detail .loading
{
  background: rgba(40, 40, 40, 0.77);
}

section#def #content .tab
{
  background: rgb(244, 244, 244);
}

section#def #content .include #tabs span
{
  background: rgb(159, 159, 159);
}

section#def #content .include.selected-rules #tabs #rules,
section#def #content .include.selected-files #tabs #files
{
  background: rgb(244, 244, 244);
}

section .include .rules li
{
  background: rgba(105, 105, 105, 0.5);
}

section .include .rules li.add:hover
/* section .include .rules li.rule:hover */
{
  background: rgba(105, 105, 105, 0.85);
}

section .include .rules li.rule .control
{
  background: rgb(179, 179, 179);
}

section .include .rules li.rule:hover .control:hover
{
  background: rgb(244, 244, 244);
}

section .include .rules #rule_type #simple
{
  background: rgb(219, 219, 219);
}

section .include .rules #rule_type #compound
{
  background: rgb(219, 219, 219);
}

#auto_options
{
  background: rgb(240,240,240);
}

#auto_options .selected
{
  background: rgb(205,205,255);
}

section .include .define input,
section .include .rule .content input
{
  background: none;
}

section .include .define .controls button.disabled,
section .include .rule   .controls button.disabled
{
  background: rgba( 179, 179, 179, 0.3);
}

section#preview
{
  background: rgba(62, 62, 62, 0.88);
}

section#preview .content
{
  background: rgba(255, 255, 255, 1);
}

section#file_details
{
  background: rgba(29, 24, 53, 0.77);
}

section#file_details #content
{
  background: rgb(237, 242, 253);
}

section#file_details #content .header
{
  background: rgba(10, 0, 47, 0.39);
}

section#file_details #content .header .thumbnail
{
  background: rgba(10, 0, 47, 0.89);
}

.file #details .category .label .toggle
{
  background: rgb(17, 8, 128);
}

section#upload #droptarget:hover
{
    background-color: rgba(200, 203, 207, 1);
}

#folder_select_modal
{
  background: rgba(40,40,40,0.87);
}

#folder_select_modal .container
{
  background: rgb(240, 240, 240);
}

#folder_select_modal .container ul li
{
  background: none;
}

#folder_select_modal .container ul li.selected
{
  background: rgba(17, 8, 128, 0.6);
}

#folder_select_modal .container ul li:hover
{
  background: rgba(17, 8, 128, 0.2);
}

#folder_select_modal .container ul li.selected:hover
{
  background: rgba(17, 8, 128, 0.8);
}


/*** Borders ***/

header
{
  border-bottom: solid 2px rgba(105, 105, 105, 0.5);
}

button,
.button
{
  border: 2px solid rgba(105, 105, 105, 0.7);
}

section#folder_detail div#files .file
{
  border: 2px solid rgba(74, 62, 162, 0.26);
}

section#folder_detail div#files .file:hover
{
  border-color: rgba(74, 62, 162, 0.71);
}

section#folder_detail div#meta
{
  border: 0;
  border-bottom: 2px solid rgba(40,40,40,0.4);
}

section#def #content .include #tabs span
{
  border: solid 1px rgb(100, 99, 99);
}

section#def #content .tab,
section#def #content .include.selected-rules #tabs #rules,
section#def #content .include.selected-files #tabs #files
{
    border: solid 2px rgb(123, 123, 123);
}

section#def #content .include.selected-rules #tabs #rules,
section#def #content .include.selected-files #tabs #files
{
  border-bottom: none;
}

section .include .rules li
{
  border: solid 2px rgb(123, 123, 123);
}

section .include .rules li.add
{
  border: dashed 2px rgb(123, 123, 123);
}

section .include .rules li.add:hover
/* section .include .rules li.rule:hover */
{
  border-color: rgba(74,62,162,0.05);
}


section .include .rules li.rule .control
{
  border: 2px solid rgba(0, 0, 0, 0.22);
  border-radius: 50%;
}

section .include .rules li.rule:hover .control
{
  border: 2px solid rgba(0, 0, 0, 0.7);
}

section .include .rules li.rule:hover .control:hover
{
  border: 2px solid rgba(74,62,162, 0.7);
}

section .include .rules #rule_type #simple
{
  border: solid 2px rgb(105, 105, 105);
}

section .include .rules #rule_type #compound
{
  border: solid 2px rgb(105, 105, 105);
}

section .include .define input#property,
section .include .define input#category,
section .include .define input#comparison,
section .include .define #details input,
section .include .rule .content input#property,
section .include .rule .content input#category,
section .include .rule .content input#comparison,
section .include .rule .content #details input
{
  border: none;
  border-bottom: 2px dashed rgba(105, 105, 240, 0.5);
}

section .include .define .controls button.disabled,
section .include .rule   .controls button.disabled
{
  border: none;
}

#auto_options
{
  border: 1px solid rgba(105,105,105,0.3);
}

section#preview .content
{
  border: 2px inset rgba(105,105,105,0.3);
}

section#preview h2
{
  border-bottom: 2px solid rgba(105,105,105,0.3);
}

.file #details .category .contents .detail
{
  border-left: 3px solid rgba(24, 0, 191, 0.24);
}

section#progress div.progress_entry
{
    border: 2px solid rgba(80, 87, 89, 1);
    border-top: none;
    border-right: none;
}

section#upload #droptarget
{
    border-style: dashed;
}

section#tags,
section#folder_targets
{
  border-bottom: 2px solid rgba(24, 0, 191, 0.24);
}

/*** Shadows ***/

#droptarget:hover
{
    text-shadow: -1px -1px 0 rgba(80, 87, 89, 1), 1px -1px 0 rgba(80,  87, 89, 1), -1px 1px 0 rgba(80,  87, 89, 1), 1px 1px 0 rgba(80,  87, 89, 1);
}

/* section#preview
{
  box-shadow:         2px 2px 0 0 rgba(200, 203, 207, 1);
  -moz-box-shadow:    2px 2px 0 0 rgba(200, 203, 207, 1);
  -webkit-box-shadow: 2px 2px 0 0 rgba(200, 203, 207, 1);
} */