/*
 * @version $Id: print.css 10412 2010-02-09 08:02:42Z moyo $
 -------------------------------------------------------------------------
 GLPI - Gestionnaire Libre de Parc Informatique
 Copyright (C) 2003-2010 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, write to the Free Software
 Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 --------------------------------------------------------------------------
*/

*/ /* ################--------------- GLPI CSS style   ---------------#################### */




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

body {
 font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
 font-size: 12px;
 margin: 0;
 padding: 0;
 background: white;
}

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

ul { list-style-type: none; }

span.invisible { visibility: hidden; }

/* 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; }

.b { font-weight: bold; }

.center { text-align:center; }

.left { text-align:left; }

.right { text-align:right; }

.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; }

.deleted { background-color:#cf9b9b; }

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

a, a:link { font-weight: bold; text-decoration: none; color : #659900; 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; padding: 5px; max-width: 350px; font-size: 11px; text-align: left; z-index:1000; }

.pointer { cursor:pointer; }

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

#page { margin: 0 auto; text-align:center; }

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

#page { margin-top:25px; }

/* ################--------------- 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; }

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

input.submit { font-size: 11px; border: 1px solid #888888; background-color:#eeeeee; cursor:pointer; background:  url("../pics/fond_form.png") repeat-x; }

input.submit:hover { 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 { 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 { }

td { }

.tab_glpi { margin: 0 auto; }

.tab_cadre { margin: 0 auto; -moz-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; -moz-border-radius: 4px; border: 1px solid #bbbbbb; z-index:1; text-align: left; font-size: 11px; width:95%; /* background-color: #FFF4DF; */ background : url("../pics/fond-central.png") repeat-x top right; }

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

.tab_cadre_fixe, .tab_cadre_fixehov { margin: 0 auto; -moz-border-radius: 4px; border: 1px solid #cccccc; z-index:1; text-align: left; font-size: 11px; width:95%; }

.tab_cadrehov, .tab_cadrehov_pointer { margin: 0 auto; -moz-border-radius: 4px; border: 1px solid #cccccc; text-align: left; font-size: 11px; width: 95%; background-color: #ffffff; }

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

.tab_cadre th, .tab_cadre_fixe th, .tab_cadre_fixehov th, .tab_cadrehov th, .tab_cadrehov_pointer th, .tab_cadre_report th { font-size: 11px; font-weight: bold; background-color: #fccc6f; text-align: center; background:  url("../pics/fond_th.png") repeat-x; border-bottom:1px solid #cccccc; }

.tab_cadre td, .tab_cadre_fixe td, .tab_cadre_fixehov td, .tab_cadrehov td, .tab_cadrehov_pointer td, .tab_cadre_report td { padding-left: 5px; }

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

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

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

.tab_bg_1 { background-color: #f2f2f2; }

.tab_bg_1_2 { background-color: #cf9b9b; }

.tab_bg_2 { background-color: #e4e4e2; }

.tab_bg_2_2 { background-color: #cf9b9b; }

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

.tab_bg_4 { background-color: silver; }

.tab_bg_5 { background-color: #f2f2f2; }

.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; }

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

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

.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; }

/* ################--------------- Bouton navigation   ---------------#################### */
/* (obsolète mais encore utilisés)							*/

.icon_consol_hov, .icon_consol { 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 #aaaaaa; background-color: #e4e4e4; background:  url("../pics/fond_ico_cons.png") repeat-x; -moz-border-radius: 5px; }

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

.icon_consol_hov:hover { padding: 4px; padding-right: 8px; margin: 1px; border: 1px inset #888888; background-color: white; background:  url("../pics/fond_ico_cons_on.png") repeat-x; -moz-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; }

.tracking_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; }

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

.calendrier { border: 1px solid #888888; background-color:#eeeeee; vertical-align:middle; 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; margin-top: 2px; border: 1px solid #666666; background-color: white; }

.calendrier_case2 { margin-left: 10px; padding: 2px; -moz-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; padding-bottom:10px; width: 600px; }

#contenukb textarea { width:550px; }

#kbanswer ul { padding-left: 15px; }

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

.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 { font-size: 13px; margin-left:8px; }

a.pubfaq { font-size: 13px; margin-left:8px; color: #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; }

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

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

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

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

/* ################--------------- Onglet  ---------------#################### */


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

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

#barre_onglets { width:950px; margin-left: auto; margin-right: auto; margin-bottom:0; padding-bottom:0; }

#barre_onglets_percent { width:80%; margin-left: auto; margin-right: auto; margin-bottom:0; padding-bottom:0; }

ul#onglet { list-style-type: none; padding-bottom: 24px; border-bottom: 1px solid #ffffff; margin: 0; padding-left:0; }

ul#onglet li { float: left; height: 21px; background-color: #eeeeee; margin: 2px 2px 0 1px; border: 1px solid #CC9900; border-bottom: 1px solid #fff; -moz-border-radius: 4px; background:  url("../pics/fond_onglet.png") repeat-x; }

ul#onglet li.actif { border-bottom: 1px ridge #659900; background-color: #fff; }

ul#onglet li.invisible { border-bottom: 1px solid #fff; border: 1px solid #fff; background-color: #ffffff; width: 15px; background:  transparent; }

ul#onglet li.actif a { color: #000; }

#onglet a { float: left; display: block; color: #666; text-decoration: none; padding: 3px; font-size: 10px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

#onglet a:hover { color : #659900; }

ul#onglet span.fake { float: left; display: block; color: #666; text-decoration: none; padding: 3px; font-size: 10px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-weight: bold; cursor:pointer; }

/* Over onglet div */
#onglet_plugins { display: none; position: absolute; top:21px; left:-20px; padding: 5px; font-size: 8px; width:100px; background: transparent url("../pics/fd_hoverlink.png") repeat; border: 1px solid gray; -moz-border-radius: 5px; }

#onglet_plugins dl { margin: 0; padding: 0; list-style-type: none; border:0; }

#onglet_plugins dt { text-align: center; padding: 2px; background:none; border:0; width:100%; height:18px; }

#onglet_plugins dt a { font-size:10px; color: #000; text-decoration: none; display: block; border: 0 none; }

#onglet_plugins dt a:hover { color: #000; background: #fccc6f; }

#onglet_plugins dt:hover { color: #000; background: #fccc6f; }

/* ################--------------- 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  ---------------#################### */

#contenulogin { height: 266px; width: 600px; 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 :#659900; font-weight: bold; }

#contenu-nullHeader { height: 424px; width: 739px; margin-top:50px; margin-left: auto; margin-right: auto; background:url("../pics/null-header.png") no-repeat; }

#text-nullHeader { float:left; height: 300px; width: 739px; margin-right:auto; margin-left: auto; margin-top:100px; }

#boxlogin { position:relative; background-color: transparent; padding-left: 15px; padding-top: 76px; text-align: left;  /* Bug IE Grrr */ height: 190px; width: 300px; }

#boxlogin p { text-align:center; }

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

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

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

#boxlogin fieldset { background-color: transparent; border: 2px solid #FFC65D; 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 :#659900; }

#boxlogin input { border: 1px solid #659900; }

#logo-login { font-size: 11px; float:right; height: 160px; width: 230px; margin-right:10px; margin-left:0px; margin-top:80px; color :#000000; overflow: auto; }

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

#box-faq { float:right; margin-right:10px; }

.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 { display : none; background: url("../pics/fd_nav1.png") 0 0 repeat-x; margin-bottom:10px; }

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

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

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

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

div#c_preference a { color: #000; 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: 1px solid #000; height: 14px; font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif'; font-size: 11px; }

div#c_recherche form div#boutonRecherche { float: right; border: 1px solid #000; height: 14px; width: 14px; overflow: hidden; }

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: 10; left: 45px; }

div#c_menu ul#menu { position: relative; left: 10px; 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 ul.ssmenu { position: relative; top: 5px; width: 108px; border: 1px solid #CC9900; border-bottom: 0px; -moz-border-radius: 4px; background: url("../pics/fd_ssmenu.png") 0 0 repeat; display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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: #666; }

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

div#c_ssmenu2 { position: relative; z-index: 5; background: 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: #000; }

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

div#show_entities { 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; 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; 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; padding: 5px; font-size: 11px; text-align: left; z-index:1000; }

#menu_navigate { display:none; }

#tabspanel { display:none; }

/* ################--------------- Footer  ---------------#################### */
#footer { display:none; background: url("../pics/fd_footer.png") 0 0 repeat-x; font-size: 9px; color :#757575; padding: 3px; margin-top: 200px; clear:both; }

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

/* ################--------------- 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: #fff; 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: #fff; color:red; }

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

#debug { display:none; background-color:#F0F0F0; }

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

#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; }