/*
 * @version $Id: styles.css 17809 2012-03-13 09:26:23Z moyo $
 -------------------------------------------------------------------------
 GLPI - Gestionnaire Libre de Parc Informatique
 Copyright (C) 2003-2012 by the INDEPNET Development Team.

 http://indepnet.net/   http://glpi-project.org
 -------------------------------------------------------------------------

 LICENSE

 This file is part of GLPI.

 GLPI is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 GLPI is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with GLPI. If not, see <http://www.gnu.org/licenses/>.
 --------------------------------------------------------------------------
*/
/* ################--------------- GLPI CSS style   ---------------#################### */




/* ################--------------- Default style  ---------------#################### */

body {
   font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
   font-size: 12px;
   margin: 0;
   padding: 0;
   background:  url("../pics/fundoHrz.png") repeat-x fixed;   
   
}

ul, li, dt, dl, dd, form, img, input {
   margin: 0;
   padding: 0;
}

ul {
   list-style-type: none;
}

span.invisible {
   visibility: hidden;
}

.starthidden {
   display: none;
}

/* separateur pour rétablir les comportements de block */
div.sep {
   font-size: 1px;
   height: 1px;
   padding: 0;
   margin: 0;
   clear: both;
}

img {
   border: 0;
}

small {
   font-family: verdana;
   font-size: 10px;
}

sup {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}

.big {
   font-size: 14px;
}

.b {
	font-weight: bold;
}

.center {
   text-align:center;
}

.left {
   text-align:left;
}

.right {
   text-align:right;
}

.floatright {
   position: relative;
   float: right;
}

.floatleft {
   position: relative;
   float: left;
}

.center-h {
   margin:auto;
}

.middle {
   vertical-align:middle;
}

.bottom {
   vertical-align:bottom;
}

.top {
   vertical-align:top;
}

.relative {
   position: relative;
}

.red { 
   color:red;
}

.blue {
   color:blue;
}

.green {
   color:green;
}

.yellow {
   color:yellow;
}


.deleted {
   background-color:#cf9b9b;
}

.separ {
   clear: both;
   visibility: hidden;
}

a, a:link {
   font-weight: bold;
   text-decoration: none;
   color : #000000;
   font-size : 11px;
}

a:hover {
   color: black;
}


hr {
   border: 1px solid #cccccc;
}


/* Over link div */
.over_link {
   display: none;
   position: absolute;
   border: 1px solid  #CC9900;
   background: url("../pics/fd_hoverlink.png") 0 0 repeat;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   padding: 5px;
   max-width: 350px;
   font-size: 11px;
   text-align: left;
   z-index:1000;
}


.pointer {
   cursor:pointer;
 }

.invisible {
   display: none;
}

/* ################--------------- Tabs ---------------#################### */

.alltab {
   font-size:14px; 
   text-align:center; 
   padding: 10px;
   font-weight: bold;
}


/* ################--------------- Page ---------------#################### */

#page {
   /*margin: 0 auto; text-align:center;*/
   margin: 25px 10px;
   background: #FFFFFF  repeat-x top left;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   -moz-box-shadow: 0px 7px 10px ;
   -webkit-box-shadow: 0px 7px 10px ;
   box-shadow: 0px 7px 10px;
   padding: 8px 8px 20px 8px;
}

#page form {
   font-size: 12px;
   margin:0;
   margin-bottom:5px;
   padding:0; 
}

#page {
   margin-top:15px;
}


/* ################--------------- form ---------------#################### */

option {
   border:1px solid #ccc;
   background-color:#ffffff;
}

.submit {
   text-align:center;
}

select {
   font-size: 11px;
   border: 1px solid #888888;
   color: black;
   background-color: white;
   line-height: 19px; /* do not set height because using multiple select*/
   
}

textarea, input {
   background-color:#FAFAFA;
   color: black;
   border: 1px solid #888888;
   font-size: 11px;
   border-radius: 4px;
}

input {
   height: 17px;
   padding: 2px;   
   vertical-align: middle;
}

input[type="image"] {
   height: auto;
   background-color: transparent;
   border: 0;
}

input[type="file"] {
   height: 22px;	
   border: 1px solid #4E6378;
}

input.submit {
    padding: 2px;
    cursor: pointer;
    height: auto;
    font: bold 12px Arial,Helvetica;
    color: white;    
    /* color: #58a7eb; */
    background-color: #247495 //rgb(255, 185, 75);
	 background-image: -webkit-gradient(linear, left top, left bottom, from(#247495), to(#58a7eb));    
    background-image: -moz-linear-gradient(center top , #247495, #58a7eb);
    background-image: -webkit-linear-gradient(center top , #247495, #58a7eb);
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0px 1px 0px #000000;
    box-shadow: 0px 0px 1px #000000, 0px 1px 0px #000000 inset;
    border-width: 1px;
    border-style: solid;
    border-color: #D2E3F4 #D2E3F4 #D2E3F4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#247495', endColorstr='#58a7eb');
	 background-image: -ms-linear-gradient(top, #247495 0%, #58A7EB 100%);
}

input.submit:hover {
   padding: 2px;
   border: 1px inset #888888;
   background-color:#ffffff;
   background:  url("../pics/fond_form_on.png") repeat-x; 
}

span.vsubmit, a.vsubmit {
    padding: 2px;
    cursor: pointer;
    height: auto;
    font: bold 12px Arial,Helvetica;
    color: white;    
    /* color: #58a7eb; */
    background-color: #247495 //rgb(255, 185, 75);
	 background-image: -webkit-gradient(linear, left top, left bottom, from(#247495), to(#58a7eb));    
    background-image: -moz-linear-gradient(center top , #247495, #58a7eb);
    background-image: -webkit-linear-gradient(center top , #247495, #58a7eb);
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0px 1px 0px #000000;
    box-shadow: 0px 0px 1px #000000, 0px 1px 0px #000000 inset;
    border-width: 1px;
    border-style: solid;
    border-color: #D2E3F4 #D2E3F4 #D2E3F4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#247495', endColorstr='#58a7eb');
    background-image: -ms-linear-gradient(top, #247495 0%, #58A7EB 100%);

}

a.vsubmit:hover {
   padding: 2px;
   border: 1px inset #888888;
   background-color:#ffffff;
   background:  url("../pics/fond_form_on.png") repeat-x;
}

.entity_select {
   border-left: 1px solid #C0CAD4;
   border-right: 1px solid#C0CAD4;
   padding:3px;
}

.entity_select:hover {
   border-left: 1px solid #C0CAD4;
   border-right: 1px solid #C0CAD4;
   border-bottom: 1px solid #C0CAD4;
   padding:3px;
}

.tree {
   width:100%;
   border:0;
   border-bottom:1px solid #C0CAD4;
}

.treeroot {
   width:100%;
   background: url("../pics/treeroot.png") 0 2px no-repeat;
   border:0;
   /*margin-top:5px;*/
   font-weight:bold;
}

.tree:hover{
   background-color:#eeeeee;
}

.treeroot:hover{
   background-color:#eeeeee;
}


.button {
	
cursor: pointer;
    height: auto;
    font: bold 12px Arial,Helvetica;
    color: white;    
    /* color: #58a7eb; */
    background-color: #247495 //rgb(255, 185, 75);
			 background-image: -webkit-gradient(linear, left top, left bottom, from(#247495), to(#58a7eb));    
    background-image: -moz-linear-gradient(center top , #247495, #58a7eb);
    background-image: -webkit-linear-gradient(center top , #247495, #58a7eb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#247495', endColorstr='#58a7eb');
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0px 1px 0px #000000;
    box-shadow: 0px 0px 1px #000000, 0px 1px 0px #000000 inset;
    border-width: 1px;
    border-style: solid;
    border-color: #D2E3F4 #D2E3F4 #D2E3F4;	
	
	
 /*  border: 1px solid #888888;
   background-color:#eeeeee;
   cursor:pointer;
   background:  url("../pics/fond_form.png") repeat-x;
   */ 
}

.button:hover{
   border: 1px inset #888888;
   background-color:#ffffff;
   background:  url("../pics/fond_form_on.png") repeat-x; 
}



/* ################--------------- Table  ---------------#################### */
table {
   font-size: 11px;
   /* Probem WIth EXTJS calendar -> to sons*/
   /*margin: 0 auto;*/
   border:0;  
}

th { 
padding: 20px;
height: 35px;
}


th a, th a:link {
text-decoration: none;
color : #fff;
font-size : 12px;	
font-weight: bold;
	}

td { 
padding: 2px;
vertical-align: middle;
 }

.tab_glpi {
   margin: 0 auto;
}

.tab_cadrehov th a, .tab_cadrehov th a:link, .tab_cadrehov1 th a, .tab_cadrehov1 th a:link {
color: #ffffff;	
	}

.tab_cadre {
   margin: 0 auto;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   z-index:1;
   text-align: left;
   font-size: 11px;
   background-color: #ffffff;
}

.tab_cadre_central {
   margin: 0 auto;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #bbbbbb;
   z-index:1;
   text-align: left;
   font-size: 11px;
   width:950px;
   /* background-color: #FFF4DF; */
   background : url("../pics/fond-central.png") repeat-x top right ;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0px 2px 5px #666;
   -webkit-box-shadow: 0px 2px 5px #666;
   box-shadow: 0px 2px 5px #666;
}

.tab_cadre_navigation {
   margin: 0 auto;
   padding: 4px;
   margin: 1px;
   border: 1px solid #aaaaaa;
   background-color: #ffffff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   font-size : 12px;
   font-weight: bold;
}

.tab_cadre_fixe, .tab_cadre_fixehov {
   margin: 0px auto 5px auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   /*border: 1px solid #cccccc;*/
   background-color: #d2e3f4; /*#d2e3f4; #cee0ec*/
   z-index:1;
   text-align: left;
   font-size: 11px;
   width:950px;   
   border-radius:4px; 
   vertical-align:top; 
}

.tab_cadre_fixe1 {
   margin: 0 auto 10px auto;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   /*border: 1px solid #cccccc;*/
   background-color: #d2e3f4; /*#F2F2F2;  #cee0ec*/
   z-index:1;
   text-align: left;
   font-size: 12px;
   width:950px;
     
}

/*.tab_cadre_fixe tr {
border: 1px solid #FFFFFF; /*
border-collapse: collapse;	
	} */
 
 .tab_cadre_fixe1 th {
   font-size: 13px;
   font-weight: bold;
   background-color: #247495;
   text-align: center;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   padding: 2px;
   /*background:  url("../pics/fond_th.png") repeat-x; 
   border-bottom:1px solid #cccccc;
   padding: 2px;*/
   color: #ffffff;    
}

.tab_cadre_fixe1 tr { 
	background-color: #d2e3f4; 
 }
 
.tab_cadre_fixe1 td {
   padding: 3px 5px;
   color: #000000;
   background-color:  #d2e3f4;
} 
 
.tab_cadre_fixe tr, .tab_cadre_fixe td { 
	background-color: #d2e3f4; 	
 }
 
 .tab_cadre_fixe td { 
	vertical-align:top; 	
 }

.tab_cadre_fixe img {
   vertical-align: middle;	
}

.tab_cadrehov, .tab_cadrehov_pointer {
   margin: 0 auto;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   text-align: left;
   font-size: 11px;   
   width: 80%;
   background-color: #ffffff;
   -moz-box-shadow: 0px 2px 5px #666;
   -webkit-box-shadow: 0px 2px 5px #666;
   box-shadow: 0px 2px 5px #666;
}

.tab_cadrehov1 {
margin: 0 auto;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   text-align: left;
   font-size: 11px;   
   width: 350px;
   background-color: #ffffff;
   -moz-box-shadow: 0px 2px 5px #666;
   -webkit-box-shadow: 0px 2px 5px #666;
   box-shadow: 0px 2px 5px #666;
}

.tab_cadre_report {
   margin: 0 auto;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   z-index:1;
   text-align: left;
   font-size: 11px;
   text-align: center;
   width:90%;
}

.tab_cadre th, .tab_cadre_fixe th, .tab_cadre_fixehov th, .tab_cadrehov th, .tab_cadrehov_pointer th, .tab_cadre_report th,.tab_cadrehov1 th {
   font-size: 13px;
   font-weight: bold;
   background-color: #247495;
   text-align: center;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   padding: 2px;
   /*background:  url("../pics/fond_th.png") repeat-x; 
   border-bottom:1px solid #cccccc;
   padding: 2px;*/
   color: #ffffff;    
}

.tab_cadre td, .tab_cadre_fixe td, .tab_cadre_fixehov td, .tab_cadrehov td, .tab_cadrehov_pointer td, .tab_cadre_report td,.tab_cadrehov1 td  {
   padding: 8px 5px;
   color: #000000;
   /* background-color: #d2e3f4; */
}

.tab_cadrehov tr:hover, .tab_cadre_fixehov tr:hover, .tab_cadrehov1 tr:hover {
   background-color: #FFF4DF;   
}

.tab_cadrehov_pointer tr:hover {
   cursor: pointer;
   background-color: #FFF4DF;
}

.tab_check {
   text-align:center;
   margin: 20px;
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   border: 1px solid #aaaaaa;
   padding:10px;
}

.tab_check th {
   font-size: 12px;
   font-weight: bold;
   color: #fccc6f;
   vertical-align:bottom;
}

.tab_check td {
   font-size:11px;
   border-bottom:1px solid #bbbbbb;
}

/* Ajout pour IE */
.tab_cadrehov_pointer tr {
   cursor: pointer;
}

.tab_cadre td, .tab_cadre_fixe td, .tab_cadre_fixehov td, .tab_cadrehov td {
   padding: 3px 5px;
}

/* .tab_cadrehov tr:hover, .tab_cadre_fixehov tr:hover { */
/*    background-color: #FFF4DF; */
/*  } */


/* Table Hover Effects */
.tab_cadrehov th.headHover, .tab_cadre_fixehov th.headHover {
   background-color:#86CBE8;  
/*   opacity: 0.5;
   filter : alpha(opacity=10);*/
}

.tab_cadrehov td.columnHover,
.tab_cadre_fixehov td.columnHover{
   background-color:#ddd;
/*   opacity: 0.5;
   filter : alpha(opacity=10);*/
}

.tab_cadrehov tr.rowHover,
.tab_cadrehov td.rowHover,
.tab_cadre_fixehov tr.rowHover,
.tab_cadre_fixehov td.rowHover{
   background-color:#e7e7e2;
   opacity: 0.7;
   filter : alpha(opacity=10);
}

.tab_format {
   padding: 0px;
   width: 100%;
   margin: 0px;
   border: 0px;
   border-collapse:collapse;
}

.tabcompact {
   padding: 0px;
   margin: 0px;
   border: 0px;
   border-collapse:collapse;   
}

.tab_format td {
   padding: 1px;
   margin: 0px;
}

.tab_format th {
	border-radius: 0px;
}	

.tab_bg_1 {
   background-color: #D2E3F4;   
}

.tab_bg_1 tr {
   background-color: #D2E3F4;   
}

.tab_bg_1_2 {
   background-color: #cf9b9b;
}

.tab_bg_2 {
   background-color: #D2E3F4;

}

.tab_bg_2_2 {
   background-color: #cf9b9b;
}

.tab_bg_3 {
   /*background-color: #eeeeee;*/
   background-color: #e7e7e2;
}

.tab_bg_4 {
   background-color: #D2E3F4; //#e4e4e2;
}

.tab_bg_5 {
   background-color: #D2E3F4;
}

.tab_find {
   background-color: #ccccc7;
}

.tab_find:hover {
   background-color:#FFF2C2;
   cursor:pointer;
}

.tab_resa {
   border:1px dashed #cccccc;
   background-color: #d7d7d2;
   font-size:10px
}

.tab_resa:hover {
   background-color: #ffffff;
   border:1px dotted #000000;
}

.central {
   padding-top: 15px;
   width: 100%;
}

.central table {
   margin-bottom: 5px;
}

div.rss {
   margin-left: 10px;
}

td.numeric {
   text-align:right;
/*   width:10%;*/
/*   padding-right:4%;*/
}

td.htmltable_upper_separation_cell {
    border-top: dashed 1px #a0a0a0;
}

td.nopadding { 
   padding:0;
}


td.subheader {
   background-color: #ddd;
   text-align: center;
   font-weight: bold;
}

td.rotate {
  -moz-transform: rotate(-70.0deg);  /* FF3.5+ */
  -o-transform: rotate(-70.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-70.0deg);  /* Saf3.1+, Chrome */
  -ms-transform:rotate(-70deg); /* IE 9 */
  width: 10%;
  height: 80px;
  <!--[if lte IE 7]>
   filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
  <![endif]-->
  <!--[if lte IE 8]>
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
  <![endif]-->
  
}

/* ################--------------- Pager  ---------------#################### */

.tab_cadre_pager {
   margin: 0 auto;
   text-align:center;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   font-size:10px;
   width:950px;   
}

.tab_cadre_pager select, .tab_cadre_pager span, .tab_cadre_pager form {
   font-size:10px;
   margin:0;
}

.tab_cadre_pager input {
   vertical-align:middle;
}

.tab_cadre_pager th {
   font-size: 10px;
   font-weight: bold;
   background-color: #fccc6f;
   text-align: center;
   background:  url("../pics/fond_th.png") repeat-x; 
}

td.nopadding { 
   padding:0;
}

.navigationheader {
   margin-left: 170px;
   float: center;
}



a.icon_consol_hov {
   color: white;
}

.icon_consol_hov {
   font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight: bold;
   padding: 4px;
   padding-right: 8px;
   margin: 1px;
   border: 1px solid #888888;
   cursor:pointer;
   background: #247495; 
   -moz-box-shadow: 0px 1px 3px;
   -webkit-box-shadow: 0px 1px 3px ;
   box-shadow: 0px 1px 3px ;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.icon_consol_hov img {
   padding-bottom: 10px;
}


a.icon_consol {
   color: white;
}

.icon_consol_hov:hover {
   padding: 4px;
   padding-right: 8px;
   margin: 1px;
   border: 1px inset #888888;
   background-color: #58a7eb;
   /*background:  url("../pics/fond_ico_cons_on.png") repeat-x; */
   /* background:  #efc24b url("../pics/fond_form_on.png") repeat-x; */ 
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}

.icon_consol:hover {
   padding: 4px;
   padding-right: 8px;
   margin: 1px;
   border: 1px inset #888888;
   background-color: #58a7eb;
   /*background:  url("../pics/fond_ico_cons_on.png") repeat-x; */
   /* background:  #efc24b url("../pics/fond_form_on.png") repeat-x; */ 
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}


/* ################--------------- Autocompletion  ---------------#################### */

ul.autocomp {
   list-style-type: none;
   margin:0;
   margin-left:3px;
   padding:3px;
   text-align:left;
}

ul.autocomp li.selected { 
   background-color: #FFF6CF; 
}

li.auto_comp {
   list-style-type: none;
   display:block;
   margin:0;
   padding:2px;
   height:16px;
}



/* ################--------------- Tracking  / Reminder ---------------#################### */
.tracking {
   width:100%;
   height:100%;
   cursor:pointer;
}

.tracking:hover {
   background-color: #FFF4DF; 
}

.tracking_hour {
   font-family: verdana;
   font-size: 10px;
}

.tracking_bold {
   font-weight: bold;
}

.ldap_right, .reminder_right {
   position:absolute; 
   right:0;
   margin-right:5px;
   font-size:10px;
}

.showplan {
   font-weight: bold;
   text-decoration: none; 
   color : #659900; 
   cursor:pointer;
}

.tracking_small {
   font-size:10px;
}

.reminder_list {
   text-align:left;
   margin-left:8px;
}


/* ################--------------- User Picture ---------------#################### */
.tooltip {
   font-size: 11px !important;
}
.tooltip:contains(img) {
   white-space: nowrap;
   height: 100px !important;
   border:10px solid red;
}

.tooltip_picture_border {
   padding:2px;
   border-radius: 51px;
   border: 5px inset #D0D99D;
   _border: 3px solid #D0D99D;
   width:72px;
   height:72px;
   position: absolute;
}  
.tooltip_picture {
   width:71px;
   height:71px;
   border-radius:50px;
}
.tooltip_text {
   margin-left:90px;
   min-height: 85px;
}

.user_picture_border {
   padding:2px;
   border-radius: 6px;
   border: 5px inset #D0D99D;
   width:232px;
   height:232px;
   margin-right:5px;
   background-color: #FFF
}
.user_picture {
   margin: 0 auto;
   width:230px;
   height:230px;
   border-radius: 5px;
}

.user_picture_border_small {
   padding:2px;
   border-radius: 6px;
   border: 3px inset #D0D99D;
   width:72px;
   height:72px;
   margin-right:5px;
   background-color: #FFF
}
.user_picture_small {
   margin: 0 auto;
   width:71px;
   height:71px;
   border-radius: 5px;
}

.user_picture_verysmall {
   margin: 0 auto;
   width:35px;
   height:35px;
   border-radius: 5px;
}
/* ################--------------- Space to replace &nbsp; ---------------#################### */

/* 2 space */
.very_small_space {
   margin-left: 15px;
}

/* 5 spaces */
.small_space {
   margin-left: 38px;
}

/* 10 spaces */
.medium_space {
   margin-left: 120px;
}

/* 20 spaces */
.big_space {
   margin-left:250px;
}

/* ################--------------- Espacement des blocs ---------------#################### */
.spaced {
   margin-bottom: 15px;
}

.firstbloc {
   margin-bottom: 5px;
}

/* ################--------------- Calendrier  / reservation ---------------#################### */

.calendrier {
   vertical-align:middle;
   /*border: 1px solid #888888;
   background-color:#eeeeee;
   background:  url("../pics/fond_form.png") repeat-x; */
}

.calendrier:hover {
   /*border: 1px inset #888888;
   background-color:#ffffff;*/
   cursor:pointer;
}

.calendrier_mois { 
   font-family: Verdana, Arial, Sans, sans-serif; 
   font-size: 10px; 
}

.calendrier_jour {
   font-family: arial,helvetica,sans-serif; 
   font-size: 14px; 
   color: black;
}

.calendrier_case1 {
   margin-left: 10px; 
   padding: 2px; 
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   margin-top: 2px; 
   border: 1px solid #666666;
   background-color: white;
}

.calendrier_case2 {
   margin-left: 10px; 
   padding: 2px; 
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px; 
   margin-top: 2px;
   border: 1px solid #cccccc; 
   background-color: #eeeeee
}

.calendrier_case_white {
   background-color:#ffffff;
}


/* ################--------------- Knowledge FAQ  ---------------#################### */
#contenukb {
   height: 100%;
   width: 600px;
   margin: 0 auto;
}

#contenukb legend {
   font-weight: bold;
}

#contenukb fieldset {
   background-color: #eeeeee;
   border: 1px solid #FFC65D;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   -o-border-radius: 8px;
   padding-bottom:10px;
   width: 600px;
}

#contenukb textarea {
   width:550px;
}

#kbanswer ul {
   padding-left: 15px;
   list-style-type: circle;
}

#kbanswer ol {
   padding-left: 15px;
   list-style-type: decimal;
}


#kbanswer p {
   margin: 1.12em 0
}

#kbanswer h1 {
   font-size: 2em;
   margin: .67em 0
}

#kbanswer h2 {
   font-size: 1.5em;
   margin: .75em 0;
   font-weight: bolder;
}

#kbanswer h3 {
   font-size: 1.17em;
   margin: .83em 0;
   font-weight: bolder;
}

#kbanswer h4 {
   margin: 1.12em 0;
   font-weight: bolder;
}

#kbanswer h5 {
   font-size: .83em;
   margin: 1.5em 0;
   font-weight: bolder;
}

#kbanswer h6 {
   font-size: .75em;
   margin: 1.67em 0;
   font-weight: bolder;
}

#kbanswer address {
   font-style: italic;
}

#kbanswer pre {
   font-family: monospace;
   white-space: pre;
}


.tdkb_result {
   vertical-align:top;
   text-align:left;
   width: 33%; 
   padding: 3px 20px 3px 25px;
}

/*.tdkb_result a, a:link {
color: white;	
}	*/

.kb {
   text-align:left;
   padding-top:5px;
}

.kb_resume {
   text-align:left;
   font-size: 9px;
   line-height: 10px; 
   clear: both;
   padding: 5px 0 10px 25px;
}

.tdkb {
   text-align:left;
   font-size:10px; 
   color:#aaaaaa;
}

.baskb {
   position: relative;
   text-align:left;
   font-size:10px;
   color:#aaaaaa;
}

.baskb_right {
   position:absolute; 
   right:0; 
   margin-right:5px;
}

.code {
   width: 95%;
   border: dotted 2px #ccc;
}

a.knowbase {
   margin-left:8px;
}

a.pubfaq {
   margin-left:8px;
   color: black; /* #c9993C; */
}

a.pubfaq:hover {
   color: black;
}

a.icon_nav_move img {
   padding: 4px;
   margin: 1px;
   border: 1px solid #aaaaaa;
   background-color: #ffffff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}

a.icon_nav_move:hover img {
   padding: 4px;
   margin: 1px;
   border: 1px solid #999999;
   background-color:#e4e4e4;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}

/* ################--------------- File upload  ---------------#################### */
.fileupload {
   text-align: center;
   border:1px dashed #cccccc;
   min-height: 65px;
    background-color: #fff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}


/* ################--------------- planning  ---------------#################### */

.planning {
   text-align:center;
   border:1px dashed #cccccc;
   background-color: #d7d7d2;
   font-size:9px;
}

.planning:hover {
   border: 1px solid #999999;
   background-color: white;
}

.available {
   background-color: green;
}

.notavailable {
   background-color: red;
}

.partialavailableend {
   background-image: -webkit-linear-gradient(left, red 50%, green  0%);
   background-image: -moz-linear-gradient(left, red 50%, green  0%);
   background-image: -ms-linear-gradient(left, red 50%, green  0%);
   background-image: -o-linear-gradient(left, red 50%, green  0%);
   background-image: linear-gradient(left, red 50%, green  0%);
}

.partialavailablebegin {
   background-image: -webkit-linear-gradient(left, green 50%, red  0%);
   background-image: -moz-linear-gradient(left, green 50%, red  0%);
   background-image: -ms-linear-gradient(left, green 50%, red  0%);
   background-image: -o-linear-gradient(left, green 50%, red  0%);
   background-image: linear-gradient(left, green 50%, red  0%);
}

/* ################--------------- Menu navigation  ---------------#################### */

div#menu_navigate {
   margin: auto;
   z-index:1;
   font-size: 10px;
   width:900px;
}

div#menu_navigate li {
   margin-left:2px;
   display:block;
   float:left;
   padding:2px;
}

div#menu_navigate li.info {
   margin-left:2px;
   display:block;
   float:left;
   font-size: 12px;
   padding:2px;
}

div#tabcontent {
   width:950px;
   text-align:center;
   margin: 0 auto;
}

/* ################--------------- Notepad  ---------------#################### */

.boxnote {
   margin: auto;
   width: 80%;
   text-align: left;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   background: #e7e7e2;
   margin-bottom: 5px;
   position:relative;
   overflow: auto;
}

.boxnoteleft {
   float: left;
   width: 100px;
   min-height: 60px;
   height: 100%;
   padding: 4px;
}
.boxnotecontent {
   float: left;
   padding: 4px;
/*   top:  -60px;
   left: 110px;*/
/*    width: 300px; */
}
.boxnoteright {
   float: right;
/*   top:  0px;
   left: 0px;*/
   width: 100px;
   min-height: 60px;
   padding: 4px;
}
.boxnotetext {
   padding: 10px;
}
/* ################--------------- box (redirect and other)  ---------------#################### */

.box {
   margin: 0 auto; 
   width:700px;
   text-align:center;

}
.box-tleft {
   background:transparent url(../pics/corners.gif) no-repeat 0 0;
   zoom:1;
}

.box-tcenter {
   height:8px;
   background:transparent url(../pics/tb.gif) repeat-x 0 0;
   overflow:hidden;
}

.box-tright {
   background:transparent url(../pics/corners.gif) no-repeat right -8px;
}

.box-mleft {
   background:transparent url(../pics/l.gif) repeat-y 0;
   padding-left:4px;
   overflow:hidden;
   zoom:1;
}

.box-mcenter {
   background:#eee url(../pics/tb.gif) repeat-x 0 -16px;
   padding:4px 10px;
   font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
   color:#393939;
   font-size:11px;
}

.box-mcenter h3 {
   font-size:11px;
   font-weight:bold;
   margin:0 0 4px 0;
   zoom:1;
}

.box-mright {
   background:transparent url(../pics/r.gif) repeat-y right;
   padding-right:4px;
   overflow:hidden;
}

.box-bleft {
   background:transparent url(../pics/corners.gif) no-repeat 0 -16px;
   zoom:1;
}

.box-bcenter {
   background:transparent url(../pics/tb.gif) repeat-x 0 -8px;
   height:8px;
   overflow:hidden;
}

.box-bright {
   background:transparent url(../pics/corners.gif) no-repeat right -24px;
}

.box-tleft, .box-bleft {
   padding-left:8px;
   overflow:hidden;
}

.box-tright, .box-bright {
   padding-right:8px;
   overflow:hidden;
}



/* ################--------------- Login Null Header  ---------------#################### */

#firstboxlogin {
   height: 276px;
   width: 650px;
   margin-top:150px;
   margin-left: auto;
   margin-right: auto;
   font-family : Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   color :#000000;   
   font-weight: bold;
   background-color:#FFFFFF;
   border:3px solid #ccc;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   padding:10px;
   position: relative;
   text-shadow: 2px 2px 1px #FFF;
}

#contenulogin {
   height: 780px;
   width: 632px;
   margin-top:100px;
   margin-left: auto;
   margin-right: auto;
   background:url("../pics/login_glpi.png")  no-repeat;
   font-family : Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   color :#000000;
   font-weight: bold;
}

#bloc .haut {
   height: 53px;
   background: url(../pics/haut_install.png) 0 0 no-repeat; 
   width:760px;
   margin:0;
   padding:0;
}

#bloc {
   background: url(../pics/milieu_install.png) 0 0 repeat-y;
   width:760px;
   margin:0 auto;
   text-align:left;
   position:relative;
   padding:10px;
   background:#E9EDD0;
   background:-moz-linear-gradient(360deg, #E9EDD0, #BBC972); /* Firefox */
   background:-webkit-gradient(linear, left top, left bottom, from(#E9EDD0), to(#BBC972)); /* Webkit */

   /* For Internet Explorer 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#E9EDD0, endColorStr=#BBC972, GradientType=1);
   /* For Internet Explorer 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9EDD0, endColorstr=#BBC972, GradientType=1)";

   border:1px solid #aaa;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   box-shadow:0 0 15px #aaa;
   -moz-box-shadow:0 0 15px #aaa;
   -webkit-box-shadow:0 0 15px #aaa;
}

#logo_bloc {
   position:absolute;
   top:-25px;
   padding:0;
   margin:0;
   width: 107px;
   height: 43px;
   background: url(../pics/login_logo_glpi.png)  no-repeat; 
}

#boxlogin {
   position:relative;
   margin:auto;
   text-align: left;  /* Bug IE Grrr */
   width: 350px;
   padding:10px;
   margin-top: 45px;
   background:#D2E3F4;
   background:-moz-linear-gradient(360deg, #B6D0E3, #5F9AC2); /* Firefox */
   background:-webkit-gradient(linear, left top, left bottom, from(#B6D0E3), to(#5F9AC2)); /* Webkit */

   /* For Internet Explorer 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#B6D0E3, endColorStr=#5F9AC2, GradientType=1);
   /* For Internet Explorer 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B6D0E3, endColorstr=#5F9AC2, GradientType=1)";

   border:1px solid #aaa;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   box-shadow:0 0 15px #aaa;
   -moz-box-shadow:0 0 15px #aaa;
   -webkit-box-shadow:0 0 15px #aaa;   
   box-shadow: 10px 10px 5px #888;
}

#boxlogin p {
   text-align:center;
}

#forget {
   text-align:right;
   text-decoration: underline;
}

#boxlogin1 p {
   text-align:center;
}

.loginrow {
   clear: both;
   padding-top: 5px;
}

.loginlabel {
   float: left;
   margin-left:10px;
   text-align: left;
}

.loginformw {
   float: right;
   margin-right:10px;
   text-align: right;
}

#boxlogin fieldset {
   background-color: transparent;
   border: 2px solid #568eb5;
   padding-bottom:22px;
}

#boxlogin legend {
   font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: 700;
   background-color: transparent;
   color :#000000;
}

#boxlogin input {

   border: 1px solid #659900;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}

#logo_login {
   position:absolute;
   top:-25px;
   padding:0;
   margin:0;
   width: 107px;
   height: 43px;
   background: url(../pics/login_logo_glpi.png)  no-repeat; 
}

#logo-login a:hover {
/*   color :#659900;
   text-decoration: underline;
   */
}

#box-faq {
   padding-top:30px;
   text-align:center;
   position:relative;
   margin:auto;
}

.sous_logo {
   font-family: arial;
   font-size: 9px;
   color: #eeeeee;
   text-decoration: none;
}

.error {
   color: red; 
   margin-top:20px;
   text-align:center;
}

#footer-login {
   text-align:right;
   position: fixed !important;
   left: 0px;
   right: 10px;
   bottom: 0px !important;
   height: 40px;
   font-size : 10px;
   color :#757575;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-weight: bold;
   margin-top:10px;
   margin:auto;
    /*css hack for IE*/
   position: absolute;
   bottom: auto;
   top: expression((parseInt(document.documentElement.clientHeight)+parseInt(document.documentElement.scrollTop)-42)+'px');
   width: expression(parseInt(document.documentElement.clientWidth)+'px');
}

/* ################--------------- Header / menu  ---------------#################### */

div#header {
   background: #d2e3f4 url("../pics/fd_nav1.png") 0 0 repeat-x;
   margin: 0px 10px 10px 10px;
   -moz-border-radius: 0px 0px 8px 8px;
   -webkit-border-radius: 0px 0px 8px 8px;
   border-radius: 0px 0px 8px 8px;
   -moz-box-shadow: 0px 7px 10px #011E3A;
   -webkit-box-shadow: 0px 7px 10px #011E3A;
   box-shadow: 0px 7px 10px #011E3A;
   padding-bottom: 8px;
}

div#c_preference {
   height: 20px;
   text-align: right;
   margin-right: 5px;
   position: relative;
   top: 4px;
   font-size: 0.9em;	
   z-index:900;
   color: #ffffff;
}

div#c_preference ul {
   list-style: none;
   color: #ffffff;
}

div#c_preference ul li {
   float: right;
   margin: 0 10px;
   color: #ffffff;
}

div#c_preference ul li#deconnexion {
   margin-left: 25px;
}

div#c_preference a {
   color: #ffffff;
   text-decoration: none;
   font-size: 0.9em;
}

div#c_preference a:hover{
   text-decoration: underline;
}

div#c_recherche {
   height: 21px;
   text-align: right;
   margin-right: 25px;
   position: relative;
   top: 5px;
   font-size: 0.9em;
}

div#c_recherche form {
   height: 15px;
   position: relative;
   bottom: 3px;
}

div#c_recherche form div#champRecherche input {
   border: none;
   height: 14px;
   font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
   font-size: 11px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

div#c_recherche form div#boutonRecherche {
   position: absolute;
   right: 0px;
   top: 0px;
   border: none;
   height: 17px;
   width: 14px;
   overflow: hidden;
   background-color: transparent;
}

div#c_recherche form div#boutonRecherche input {
   font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
   font-size: 0.7em;
   width: 15px;
   height: 15px;
   border: none;
   position: relative;
   right: 2px;
}

div#c_menu {
   height: 41px;
   position: absolute;
   top: 0px;
   z-index: 100;
   left: 45px;
}

div#c_menu ul#menu {
   position: relative;
   left: 22px;
   top: 23px;
   height: 20px;
   list-style: none;
   float: left;
}

ul#menu a.itemP, ul#menu a.itemP1 {
   display: block;
   height: 100%;
   width: 100%;
   text-align: center;
   text-decoration: none;
   border-right: 1px solid #9BA563;
   color: #000;
}

ul#menu a:hover.itemP, ul#menu a:hover.itemP1 {
color: #247495;
}	

ul#menu ul.ssmenu {
   position: relative;
   top: 5px;
   width: 108px;
   border: 1px solid #568eb5;
   background:  #d2e3f4; /* url("../pics/fd_ssmenu.png") 0 0 repeat; */
   display: none;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   -moz-box-shadow: 0px 0px 4px #000000;
   -webkit-box-shadow: 0px 0px 4px #000000;
   box-shadow: 0px 0px 4px #000000;	
}

ul#menu ul li {
   list-style: none;
   text-align: center;
   border-bottom: 1px solid #568eb5;
   line-height: 20px;
   font-size: 0.9em;
   padding: 5px 5px 5px 5px;
   	
}

ul#menu ul li:last-child {
   border-bottom: 0px;
}

ul#menu ul li a {
   color: #000;
   text-decoration: none;
   display: block;
   width: 100%;
   height: 100%;
}


ul#menu ul li a:hover {
   background:  #007ebd; /* url("../pics/fd_nav2.png") 0 0 repeat; */
   color: white;
}

ul#menu li#menu1 {
   float: left;
   width: 130px;
}

ul#menu li#menu1 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu2 {
   float: left;
   width: 130px;
}

ul#menu li#menu2 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu3 {
   float: left;
   width: 130px;
}

ul#menu li#menu3 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu4 {
   float: left;
   width: 130px;
}

ul#menu li#menu4 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu5 {
   float: left;
   width: 130px;
}

ul#menu li#menu5 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu6 {
   float: left;
   width: 135px;
}

ul#menu li#menu6 ul.ssmenu {
   position: relative;
   width: 135px;
}

ul#menu li#menu7 {
   float: left;
   width: 135px;
}

ul#menu li#menu7 ul.ssmenu {
   position: relative;
   width: 135px;
}

div#header div#c_logo {
   position: absolute;
   z-index: 1000;
   width: 67px;
   height: 41px;
   float: left;
   background: url("../pics/fd_logo1.png") 0 0 repeat-x;
   left: 25px;
   margin-top: 5px;
}

div#header div#c_logo a {
   display: block;
   width: 100%;
   height: 100%;
   text-decoration: none;
   }

div#c_ssmenu1 {
   background: url("../pics/fd_nav2.png") 0 0 repeat-x;
   height: 24px;
   clear: both;
   font-size: 0.8em;
}

div#c_ssmenu1 ul {
   position: relative;
   top: 4px;
   left: 0px;
   list-style: none;
}

div#c_ssmenu1 ul li {
   float: left;
   padding: 0 10px;
}

div#c_ssmenu1 ul li a {
   text-decoration: none;
   color: #f0f0f0;
}

div#c_ssmenu1 ul li a:hover {
   text-decoration: underline;
}

div#c_ssmenu2 {
   position: relative;
   z-index: 5;
   background: #d2e3f4; //url("../pics/fd_nav3.png") 0 0 repeat-x;
   height: 28px;
   clear: both;
   font-size: 0.9em; 
}

div#c_ssmenu2 ul {
   position: relative;
   top: 5px;
   left: 0px;
   list-style: none;
}

div#c_ssmenu2 ul li {
   position:relative;
   float: left;
   padding: 0 10px;
}

div#c_ssmenu2 ul li a {
   text-decoration: none;
   color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

div#c_ssmenu2  a.here {
   font-size:14px;
   color: #000;
}

div#c_ssmenu2 ul li a:hover {
   color: #000;
}


div#show_entities {
   display: none;
   position: absolute;
   top:20px;
   left:1px;
   border: 1px solid  #568eb5;
   background: url("../pics/fd_hoverlink.png") 0 0 repeat;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   padding: 5px;
   font-size: 11px;
   text-align: left;
   z-index:1000;
}

div#show_entities_long {
   display: none;
   position: absolute;
   top:20px;
   left:1px;
   border: 1px solid  #CC9900;
   background: url("../pics/fd_hoverlink.png") 0 0 repeat;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   padding: 5px;
   font-size: 11px;
   text-align: left;
   z-index:1000;     
   overflow:scroll;
   height:300px;
   width:300px;
}

div#show_all_menu {
/*   display: none;*/
/*   position: absolute;*/
/*   top:20px;*/ 
/*   left:5px;*/
   border: 1px solid  #CC9900;
   background: url("../pics/fd_hoverlink.png") 0 0 repeat;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0px 0px 4px #000000;
   -webkit-box-shadow: 0px 0px 4px #000000;
   box-shadow: 0px 0px 4px #000000;
/*   padding: 5px;*/
   font-size: 11px;
   text-align: left;
/*   z-index:1000;*/
}


div#show_all_menu .tab_bg_1 {
   background: #E1CC7B;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   font-size: 12px;
}

div#show_all_menu a {
   color: #7F7F7F;
   display: inline-block;
   padding: 2px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

div#show_all_menu a:hover {
   background-color: #D0D99D;
}

div#show_all_menu .tab_bg_1 a {
   color: #000000!important;	
}

div#show_all_menu .tab_bg_1 a:hover {
   background: transparent;
}

/* ################--------------- Footer  ---------------#################### */

#footer {
   margin-top:10px;
   margin-bottom:10px;
   background: url("../pics/fd_footer.png") 0 0 repeat-x;
   font-size: 9px;	
   color :#757575;
   padding: 6px;
   border: 2px solid #cccccc;
   position: relative;
   float: right;
   right: 10px;
   height: 18px;
   width: 70%;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   -moz-box-shadow: 0px 7px 10px ;
   -webkit-box-shadow: 0px 7px 10px ;
   box-shadow: 0px 7px 10px ;
}

.copyright {
   font-size: 9px;	
   color :#ffffff;
}

/* ################--------------- DB Slave---------------#################### */
#dbslave-float {
   top: 0px;
   left: 300px;
   position: absolute;
   z-index: 100;
}

#dbslave-float a {
   border-top: 1px solid #cecece;
   border-bottom: 2px solid #4a4a4a;
   border-left: 1px solid #cecece;
   border-right: 1px solid #cecece;
   text-decoration: none;
   text-align: center;
   margin: 0;
   padding: 1px .5em;
   font-family: helvetica,arial,sans-serif;
   font-size: 10px;
   font-weight: bold;
   background-color: #444;
   color:blue;
}

/* ################--------------- Debug  ---------------#################### */
#debug-float {
   top: 0px;
   left: 80px;
   position: absolute;
   z-index: 100;
}

#debug-float a {
   border-top: 1px solid #cecece;
   border-bottom: 2px solid #4a4a4a;
   border-left: 1px solid #cecece;
   border-right: 1px solid #cecece;
   text-decoration: none;
   text-align: center;
   margin: 0;
   padding: 1px .5em;
   font-family: helvetica,arial,sans-serif;
   font-size: 10px;
   font-weight: bold;
   background-color: #444;
   color:red;
}

#debug-float a:hover {
   background-color: #fc3;
   border-bottom: 2px solid #36f;
}

#debugajax {
   margin: auto;
   text-align:center;
}

#debug {
   background-color:#F0F0F0;
}

#debug h1, #debugajax h1 {
   font-size:14px; 
   text-align:center; 
   /*background-color:#efefe7;*/
   padding: 5px;
}

#debug h2, #debugajax h2 {
   font-size:14px; 
   padding-left: 10px;
   border-left: 4px solid #FFC65D;
   border-bottom: 2px solid #FFC65D;
}

#debug table, #debugajax table {
   margin:0;
}

#kbanswer p {
   margin: 1.12em 0
}

#kbanswer h1 {
   font-size: 2em;
   margin: .67em 0
}

#kbanswer h2 {
   font-size: 1.5em;
   margin: .75em 0;
   font-weight: bolder;
}

#kbanswer h3 {
   font-size: 1.17em;
   margin: .83em 0;
   font-weight: bolder;
}

#kbanswer h4 {
   margin: 1.12em 0;
   font-weight: bolder;
}

#kbanswer h5 {
   font-size: .83em;
   margin: 1.5em 0;
   font-weight: bolder;
}

#kbanswer h6 {
   font-size: .75em;
   margin: 1.67em 0;
   font-weight: bolder;
}

#kbanswer address {
   font-style: italic;
}

#kbanswer pre {
   font-family: monospace;
   white-space: pre;
}

#chamado {
    position: relative;
    width: 950px;
    margin: 10px auto 10px auto;
    background-color: white;
   /* border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px; */
} 

#foto {			 
	position: absolute;
	float: right;
	margin: 57px 0 auto 860px;
	z-index: 2;		 		 	 		
}

.ui-datepicker {
	width: 255px !important;
}