/*
|| Arvelas - CSS
|| 2014-06-23 Steve Chiasson
*/

/*
Palette
beige: #EBE5D6
*/

html { background-color: #332818; padding: 0; margin: 0; font-family: 'Trebuchet MS','Arial', serif; }
body { background-color: #332818; padding: 0; margin: 0; font-family: 'Trebuchet MS','Arial', serif; background-image: url("../images/bg-map2.jpg"); background-repeat: repeat-x repeat-y; }

a:link { color:#004A7F !important; }
a:visited { color:#7F6A00 !important; }
a:active { color:#7F0000 !important; }
a:hover { color:#7F0000 !important; }

a.arv-user:link { color:#FFF !important; text-decoration: none; }
a.arv-user:visited { color:#FFF !important; text-decoration: none; }
a.arv-user:active { color:#FFF !important; text-decoration: none; }
a.arv-user:hover { color:#FFF !important; text-decoration: none; }

/* General */
.center { text-align: center; }
.italic { font-style: italic; }
.date { font-size: 80%; color: #666; }
.keywords { font-size: 80%; color: #666; padding-bottom: 10px;}
.notes { font-size: 80%; color: black; padding: 0px;}
.wow-copyrights { font-size: 70%; color: gray; padding: 0px;}
  a.credits:link { color:gray !important; }
  a.credits:visited { color:gray !important; }
  a.credits:active { color:gray !important; }
  a.credits:hover { color:gray !important; }
.notes-search-too-many { font-style: italic; font-size: 80%; color: gray; margin: 10px 0px;}
.notes-excerpt-end { text-align: center; font-style: italic; font-size: 80%; color: gray; padding: 0px;}
.separator { text-align: center; color: #476685; }
.padding-right-10 { padding-right: 10px; }
.faded { color: gray; }
.width100 { width: 100%; }
.clear-all { clear: both; }
.size75 { font-size: 75%; }
.margin-top-25 { margin-top: 25px; }

blockquote { font-style: italic; font-size: 90%; }
img.arv-map { margin: 10px; padding:10px; border: 1px dotted gray; }

div.arv-img-info { float: left; width: 220px; margin: 0px 10px 10px 0px; padding: 10px; text-align: center; }
div.arv-img-env { width: 500px; margin: 10px 0px 0px 10px; padding: 10px; text-align: center; }
div.arv-img-env img { border: 1px solid #ccc; }
div.arv-title { font-family: 'Josefin Sans', sans-serif; font-size: 40px; color: white; line-height: 45px; padding:0px; margin:15px 0px; height: 100px; }
div.arv-copyrights { color: #777; font-size: 100%; }
div.arv-copyrights a { text-decoration: none; color: #777; }
div.arv-copyrights a:hover { text-decoration: none; color: #ccc; }
div.arv-options-footer { text-align: center; color: #222; padding:8px; margin:0px; font-size: 85%; }
div.arv-options-footer a { margin:0px 8px; color: gray; }
div.arv-notes-hidden { color: #777; font-style: italic; font-size: 75%; border: 1px dotted gray; padding: 10px; }
div.arv-pc-div { border-bottom: 1px dotted gray; }

section.search-box { float: right; }

div.arv-box 
  {
    border: dotted 1px gray;
    padding: 5px 10px;
    margin: 0px; 
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
       -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
          -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
               box-shadow: 0 1px 0px rgba(0,0,0,.1);
  }

table.arv-tbl { border-collapse: separate; border-spacing: 5px; width: 100%; font-size: 80%; }
table.arv-tbl th { border-bottom: 1px solid gray; background-color: #EEE; padding: 0px 5px; }
table.arv-tbl td { border-bottom: 1px dotted gray; padding: 0px 5px; }

table.arv-tbl-layout { border-collapse: separate; border-spacing: 5px; font-size: 100%; }
table.arv-tbl-layout th { padding: 0px 5px; vertical-align: top; }
table.arv-tbl-layout td { padding: 0px 5px; }

div.arv-h1
  { position: relative; margin: 15px 0px; }
div.arv-h1-icon
  { position: absolute; left: 15px; top: -5px; width: 48px; height: 48px; margin: 0px; padding: 0px; }
div.arv-h1-id { float:right; font-size: 50%; margin: 8px 25px; color: white; }
h1.arv-h1-box 
  {
    position: relative; 
    zoom: 1; /* ie7 hack for display:inline-block */
    border: solid 1px #3c140d;
    padding: 3px 0 3px 65px;
    height: 40px;
    color: white;
    margin: 0px 5px 5px 5px; 
    width: 100%;
    font-size: 170%;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
       -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
          -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
               box-shadow: 0 1px 0px rgba(0,0,0,.1);
    background: #633120;
    background: -webkit-gradient(linear, left top, left bottom, from(#633120), to(#5a2817));
    background: -moz-linear-gradient(top,  #633120,  #5a2817);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#633120', endColorstr='#5a2817'); /* ie7 */
                -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#633120', endColorstr='#5a2817'); /* ie8 */
    background-image: url(../images/bg-title.gif);
  }
div.arv-h1-box a:link { text-decoration: none; color:#fff !important; }
div.arv-h1-box a:visited { text-decoration: none; color:#fff !important; }
div.arv-h1-box a:active { text-decoration: none; color:#fff !important; }
div.arv-h1-box a:hover { text-decoration: none; color:#fff !important; }
h2 { font-size: 110%; border-bottom: 1px dotted gray; color: #4b4355; margin-top: 10px; }
span.arv-h2-id { float:right; font-size: 70%; margin-right: 10px; }
h3 { font-size: 100%; border-bottom: 1px dotted gray; color: #4b4355; margin-top: 10px; }
h4 { font-size: 90%; color: #4b4355; margin-top: 10px; }

.pc-step-active { font-weight: bold; }
a.pc-vals:link { color: white !important; padding: 5px; }
a.pc-vals:visited { color: white !important; padding: 5px; }
a.pc-vals:active { color: yellow !important; padding: 5px; }
a.pc-vals:hover { color: yellow !important; padding: 5px; }
div.btn-group a:link { text-decoration: none; }
div.btn-group a:visited { text-decoration: none; }
div.btn-group a:active { text-decoration: none; }
div.btn-group a:hover { text-decoration: none; }

img.arv-icon-large
  { float: left; margin: 2px 10px 2px 0px; }

nav.arv-menu {
    font-size: 100%;
    background-color: white !important; 
    background: -webkit-linear-gradient(top, #c6b495 0%, #fff 100%) !important;
    background:    -moz-linear-gradient(top, #c6b495 0%, #fff 100%) !important;
    background:     -ms-linear-gradient(top, #c6b495 0%, #fff 100%) !important;
    background:      -o-linear-gradient(top, #c6b495 0%, #fff 100%) !important;
    background:         linear-gradient(top, #c6b495 0%, #fff 100%) !important;
}
a.arv-menu-options {
    font-family: 'Quicksand', sans-serif; 
    color: #333 !important;
    width: 150px;
    text-decoration: none !important;
    background: #fff !important;
    background: -webkit-linear-gradient(top, #c6b495 0%, #fff 100%) !important;
    background:    -moz-linear-gradient(top, #c6b495 0%, #fff 100%) !important;
    background:     -ms-linear-gradient(top, #c6b495 0%, #fff 100%) !important;
    background:      -o-linear-gradient(top, #c6b495 0%, #fff 100%) !important;
    background:         linear-gradient(top, #c6b495 0%, #fff 100%) !important;
}
a.arv-menu-options:hover, a.arv-menu-options:active {
    color: white !important;
    text-decoration: none !important;
    background: #ccc !important;
    background: -webkit-linear-gradient(top, #a88f63 0%, #6A5F4F 100%) !important;
    background:    -moz-linear-gradient(top, #a88f63 0%, #6A5F4F 100%) !important;
    background:     -ms-linear-gradient(top, #a88f63 0%, #6A5F4F 100%) !important;
    background:      -o-linear-gradient(top, #a88f63 0%, #6A5F4F 100%) !important;
    background:         linear-gradient(top, #a88f63 0%, #6A5F4F 100%) !important;
}

ol.arv-breadcrumb, ol.arv-breadcrumb li { background-color: transparent !important; color: #ccc !important; }
ol.arv-breadcrumb, ol.arv-breadcrumb li:before { color: #555 !important; }
ol.arv-breadcrumb, ol.arv-breadcrumb li a { color: #ccc !important; }

#arv-search-box 
  { margin: 0; padding: 0; border: 0; }
#arv-search-box input[type="text"] 
  {
    /* background: url(../images/ic-search-white.png) no-repeat 12px 10px #555; */
    background: url(../images/ic-search-dark.png) no-repeat 12px 10px #E1D9C8;
    border: 0 none;
    font: bold;
    font-size: 100%;
    color: #d7d7d7;
    width:220px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
  }
#arv-search-box input[type="text"]:focus 
  {
    background: url(../images/ic-search-dark.png) no-repeat 12px 10px #fcfcfc;
    color: #6a6f75;
    outline: none;
    width: 250px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  }

div.ajax-list div.ajax-item
  {
    padding: 1px 0px 1px 3px;
    border-bottom: 1px solid #ccc;
    height: 35px;
    background-color: #e8e0cc;
  }

div.ajax-list div.ajax-item-select
  {
    padding: 1px 0px 1px 3px;
    border-bottom: 1px solid #ccc;
    background-color: #564304;
    color: #fff;
    cursor: default;
    height: 35px;
  }

div.ajax-list span.ajax-highlight
  {
    background-color: #dfe4dc;
    color: #000;
  }

div.ajax-list div.ajax-item-select span.ajax-highlight
  {
    background-color: #8ea07e;
    color: #fff;
    font-weight: bold;
  }

div.ajax-list span.ajax-item-info
  {
    display: block;
    color: #bbb;
    text-indent: 10px;
    margin: 0px;
  }

div.ajax-list span.ajax-item-indent
  {
    display: block;
    text-indent: 10px;
    margin: 0px;
    padding: 0px;
  }

div.ajax-close
  { font-size: 80%; }

div.ajax-close a
  { cursor: hand; }

@media print { 
  html { font-size: 80%; }
  body { font-size: 80%; }
  .no-print, .no-print * { display: none !important; } 
}