/**
 * @copyright &copy; 2011 by Roberto Rocco Angeloni <roberto@roccoangeloni.it>
 * @license http://opensource.org/licenses/lgpl-3.0.html GNU Lesser General Public License, version 3.0 (LGPLv3)
 * @version $Id: style.css $
 * @package rproject
 *
 * Permission to use, copy, modify, and distribute this software for any
 * purpose with or without fee is hereby granted, provided that the above
 * copyright notice and this permission notice appear in all copies.
 *
 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
 * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
 * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
 */

/* 1em = font-size = ... */

body {
  background-color: #000000;
  color: #884422;
  font-family: 'Arial Narrow','Gill Sans',Verdana,sans-serif;
  font-size: 0.7rem;
  /* font-size: 10px; */
  font-weight: normal;
  margin: 0px;
  text-decoration: none;
}

/* Scrollbar: start. */
::-moz-scrollbar{
    width:0.8em;
    height:0.8em;
    background-color: #321;
    -moz-border-radius:4px;
}


::-webkit-scrollbar{
    width:0.8em;
    height:0.8em;
    background-color: #321;
    -webkit-border-radius:4px;
}
::-webkit-scrollbar:hover{
  background-color: #632;
}
::-webkit-resizer{
    -webkit-border-radius:4px;
    background-color: #631;
}
::-webkit-scrollbar-thumb{
    min-height:0.8em;
    min-width:0.8em;
    -webkit-border-radius:4px;
    background-color: #c42;
}
::-webkit-scrollbar-thumb:hover{
  background-color: #c64;
}
::-webkit-scrollbar-thumb:active{
    background-color: #c84;
}
/* Scrollbar: end. */

a:link {
  text-decoration: none;
  color: #dddd00;
}
a:active {
  color: #ffff00;
}
a:visited {
  text-decoration: none;
  color: #eeee00;
}
a:hover {
  color: #ffff88;
}

form {
  margin: 0px;
}

iframe { margin: 0px; border:0px; padding: 0px; }

h1,h2,h3 {
  margin:0px;
}
h1 {
  font-weight: bold;
  font-size: 270%;
  /* font-size: 25px; */
  /* color: #884422; */
  /* CSS3 */
}
h3 {}



hr {
  border: 0px solid #996600;
  background-color: #996600;
  height: 4px;
  padding: 0px;

  border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
}

pre {
  border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
}

/* ********************************* Classi ********************************* */

div.content_item {
  vertical-align:text-top;
  font-size: 12px;

  margin: 4px;
  padding: 4px;

  background-color: #221100;
  border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;

  transition:background-color 2s;-webkit-transition:background-color 2s;-moz-transition:background-color 2s;-o-transition:background-color 2s;
}
div.content_item:hover {
  background-color: #442200;
}
p.content_item {
  font-size: 10px;
  margin: 1px;
  border: 0px;
  padding: 1px;

}


ul.breadcrumb {
  list-style-type: none;
  display: block;

  color: #002244;
  background-color: #ffcc66;
/*   color: #bbbbff; */
/*   background-color: #0088ff; */

  height:12px;
  margin: 0px;
  border: 0px;
  padding: 4px 10px;

  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
}
li.breadcrumb, a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited, a.breadcrumb:hover {
  color: #002244;
  display: inline;
  font-size: 12px;
  font-weight: bold;
}
ul.obj_actions {
  /* display:inline; */
  list-style-position: inside;
  text-align: left;
  font-weight: bold;
  margin: 1px;

  padding-top:4.5rem;
}
li.obj_actions {
  display:block;
  font-size: 12px;
  font-weight: bold;

  background-color: #221100;

  border: 1px solid #000000;
  padding: 1px 1px;

/*
  border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
*/
  border-radius-topright:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;
  border-radius-bottomright:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;

  transition:background-color 1s;-webkit-transition:background-color 1s;-moz-transition:background-color 1s;-o-transition:background-color 1s;
}
li.obj_actions:hover {
  background-color: #cc6600;
}

/* Menu SX */
table.menu {
  margin-top: 20px;
  border-spacing: 2px;
}
th.menu {
  color: #ffffff;
  background-color: #821;
  font-size: 12px;
  font-weight: bold;

  border-radius-topleft:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;
  border-radius-bottomleft:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;
}
th.menu:hover {}
td.menu {
  color: #0088ff;
  background-color: #882211;
/* background-color: #3333aa; */
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px;

  border-radius-topleft:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;
  border-radius-bottomleft:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;
  transition:background-color 1s;-webkit-transition:background-color 1s;-moz-transition:background-color 1s;-o-transition:background-color 1s;
}
td.menu:hover {
  background-color: #cc4422;
}
input.menu {
  color: #0077ee;
  background-color: #00dd00;
  border: 1px solid #008800;
}


.login {
  padding: 2px;
}
table.login {
  background-color: #000000;
  border: 1px solid #ff8800;
  border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
}
th.login {
  color: #221100;
  background-color: #ff8800;
  font-size: 12px;
  font-weight: bold;
  border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
}
td.login {
  color: #ff8800;
  background-color: #000000;
  font-size: 12px;
  font-weight: normal;
}
input.login {
  color: #dd7700;
  background-color: #442200;
  border: 1px solid #ff8800;
  border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
}


div.formView {
  display:table;
  font-size: 12px;
}
div.formView_row {
  display:table-row;
}
div.formView_title, div.formView_group_left, div.formView_group {
  display:table-cell;
  vertical-align: top;
  text-align: right;
  font-weight: bold;
  padding: 1px 2px;
}
div.formView_title {
  color: #ffff00;
  background-color: #884400;
  border: 2px solid #000000;
  padding: 2px 10px;
  border-radius-topleft:8px;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;
  border-radius-bottomleft:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;
}
div.formView_group_left, div.formView_group {
  color: #442200;
  background-color: #ee7700;
  text-align: center;
  border: 2px solid #000000;
}
div.formView_group_left {
  border-right: 0px;
  border-radius-topleft:8px;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;
  border-radius-bottomleft:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;
}
div.formView_group {
    font-size: 14px;
  border-left: 0px;
/*   border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; */
  border-radius-topright:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;
  border-radius-bottomright:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;
}
div.formView_value {
  display:table-cell;
  padding: 2px 10px;
  border: 2px solid #000000;
  border-radius-topright:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;
  border-radius-bottomright:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;
}
div.formView_value, div.formView_value h1 {
  color: #ee7700;
  background-color: #221100;
  transition:background-color 1s;-webkit-transition:background-color 1s;-moz-transition:background-color 1s;-o-transition:background-color 1s;
}
div.formView_value:hover {
  background-color: #442200;
}
div.formView_value h1 {
    background-color: transparent;
}

div.middle_content {
  overflow:auto;
  border:0px solid #fa6;

  padding-left:1.5rem;
  /* padding-top: 5.5rem; */
  padding-bottom: 4.5rem;
  /* position:absolute;
  top:44px;
  left:20px;
  right:20px;
  bottom:20px; */

  /* font-size: 12px; */
/*
  border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:40px;
*/
}

form.search {}
label.search {
  color: #ff8800;
  font-weight: bold;
}
input.search {
  color: #dd7700;
  background-color: #442200;
  border: 1px solid #ff8800;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
  padding:4px;
  padding-right: 20px;
  background-image:url('icons/glass.png');
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:right center;
}


/* ********************************* Elementi ********************************* */

#header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;

  width: calc(100% - 1rem);
  
  text-align: center;
  height: 60px;

  border: 0px solid #ff8800;

  /* background-color: #f84; */

  border-radius-topleft:60px;-moz-border-radius-topleft:60px;-webkit-border-top-left-radius:60px;
  border-radius-topright:20px;-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;
}
#header h1 {}
#left {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  
  width: 140px;
  
  /* background-color: #f84; */
  margin:0px;
  border: 0px solid #008800;
  padding:0px;
}
#left_content {
  width:100%;
  overflow:auto;
  position:absolute;
  top:20px;
  bottom:4px;
}
#middle_container {
  position: absolute;
  top: 60px;
  bottom: 20px;
  left: 0px;
  right: 0px;
  margin:0px;
  padding:0px;
}
#middle, #middle_noright {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 140px;
  right: 140px;
  
  margin:0px;
  border: 0px solid #008800;
  /* padding:20px; */

  /* padding-left: 7.5rem; */
  padding-top: 5.5rem;
  padding-bottom: 4.5rem;

  background-color: #000000;

  border-radius-topleft:20px;-moz-border-radius-topleft:20px;-webkit-border-top-left-radius:20px;
  border-radius-bottomleft:20px;-moz-border-radius-bottomleft:20px;-webkit-border-bottom-left-radius:20px;
}
#middle_noright {
  right: 0px;
  background-color: #000000;

  border-radius-topright:40px;-moz-border-radius-topright:40px;-webkit-border-top-right-radius:40px;
  border-radius-bottomright:40px;-moz-border-radius-bottomright:40px;-webkit-border-bottom-right-radius:40px;
}
#breadcrumb_after {
  position:absolute;
  top:22px;
  right:5px;
}
#right {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  
  /* padding: 20px 2px; */
  padding-top:5.5rem;
  /* margin-left: 1rem; */
  margin-right: -0.5rem;

  width: 140px;
  background-color: #000000;

  border-radius-topright:40px;-moz-border-radius-topright:40px;-webkit-border-top-right-radius:40px;
  border-radius-bottomright:40px;-moz-border-radius-bottomright:40px;-webkit-border-bottom-right-radius:40px;
}
#footer {
  /* position: absolute; */
  position: fixed;
  bottom: 0px;
  /* left: 0px; */
  right: 0px;

  z-index: 1;
  background-color: #000;
  width: calc(100% - 1rem);
  left: 0.5rem;
  padding-bottom: 0.5rem;

  /* height: 20px; */
  /* text-align: center; */

  /* border: 0px solid #008800; */

  /* background-color: #f84; */
  /*   CSS3 */
  /* border-radius-bottomleft:20px;-moz-border-radius-bottomleft:20px;-webkit-border-bottom-left-radius:20px; */
  /* border-radius-bottomright:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px; */
}

#top_menu, #top_menu a:link, #top_menu a:active, #top_menu a:visited, #top_menu a:hover {
  margin-top: 0px;
  color: #421;
  font-weight: bold;
}


#underconstruction {
  color: #000000;
  background-color: #ffff00;
  
  margin-top: 60px;
  margin-left: 120px;
  border: 6px solid #000000;

  width: 300px;
  
  text-align: center;
  font-weight: bold;

/*   CSS3 */
  border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
  transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); -moz-transform: rotate(-20deg);
  box-shadow: 10px 10px 10px #666666; -moz-box-shadow: 10px 10px 10px #666666; -webkit-box-shadow: 10px 10px 10px #666666;
}
#underconstruction h1 {
  color: #000000;
  text-shadow: none;
}

#search_div {
  float:right;
  text-align: left;
  margin: 2px;
  padding: 0px;
  background-color: #442200;
  border: 1px solid #ff8800;
  
  color: transparent;
  
  background-image:url('icons/glass.png');
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:right center;
  
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
  
  overflow: hidden;
  
  width: 20px;
  transition:width 1s;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;
}
#search_div:hover {
  width: 100px;
  color: #dd7700;
}
#search_div form {
  color: inherit;
  margin:0px;
  border:0px;
  padding:0px;
}
#search_object {
  margin: 2px;
  margin-right: 20px;
  border: 0px solid #f0f0f0;
  color: inherit;
  background-color: transparent;
  width: 80px;
  transition:color 1s;-webkit-transition:color 1s;-moz-transition:color 1s;-o-transition:color 1s;
}
/* #search_object:hover { width: 100px; } */

#user_div {
  float:right;

  text-align: right;
  font-weight: bold;

  margin-top: -10px;
  padding:2px 10px;

  background-color: #c42;
  border-radius-topleft:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;
  border-radius-bottomleft:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;
}

#gestione_left {
  margin-top: 1.5rem;
  margin-left: 0.5rem;
}


/* ********************************* Content classes ********************************* */

div.content-header {
  text-align: right;
  margin: 0.5rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-bottom: 1.0rem;
}
div.content-body {
  font-size: 140%;
}
h1.content {
  font-size: 500%;
}