body { text-align:center; }
body.editInPlaceBody { font-size:12px; text-align:justify;}
button { cursor:pointer; padding:2px; margin-bottom:10px; }
acronym { cursor:help; }
a { font-weight:bold; text-decoration:none; }
a.external {
    background-image:url("../images/link.gif");
    background-position:right center;
    background-repeat:no-repeat;
    display:inline;
    padding:0 20px 0 0;}
.fleft { float:left;}
.fright{ float:right;}
.clear{ clear:both;}

#global { width:1000px; margin:0px auto; text-align:left; }
#global thead { background-repeat:repeat-x; }
#global tfoot
{ height:1px;
  font-size:1em;
  vertical-align:bottom; }
#footer { padding:0px 5px; }
/* ========================================================================
   HEADER & its TOOLBAR
   ======================================================================== */
#header { position:relative; z-index:1; }
#logo { padding-top:4px; height:150px;}
#logo { vertical-align:middle; text-align:center; padding:10px; }

#toolbar
{ position:relative;
  right:0;
  float:right;
  text-align:right;
  font-size:1.1em;}

#cornerbar
{ float:right;
  background-repeat:repeat-x;
  background-position:-1px -12px;
  height:20px; }

#cornerbar a, #cornerbar a:visited
{ font-weight:bold;
  text-decoration:none;
  padding:0px 5px;
  outline:none;}

#cornerlinks
{ margin-left:10px;
  margin-right:7px;
  margin-top:2px; }

/* LOGIN */
#logbox
{ float:right;
  position:absolute;
  top:21px;
  right:0;
  z-index:12;}
#logbox hr {  margin:2px 0; padding:0; height:1px;}
#login
{ padding-top:5px;
  float:right;
  text-align:left; }
#login fieldset { padding:0 10px; border:none; margin:0;}
#login label
{ display:block;
  font-size:1em;
  font-weight:normal;
  line-height:5px;
  padding:5px;}
#login img.left2 { margin-bottom:-5px; }
#login input.submit { cursor:pointer; vertical-align:middle;}
#login input#logRemember { vertical-align:middle; margin:0;}
#login input#logfield, #login input#pwdfield { width:120px; padding:0;}
#login a.button { padding:2px 5px;}
#logname { float:right; font-weight:bold; margin-top:5px; margin-right:10px;}
/* BANNER */
#banner
{ padding-top:20px;
  vertical-align:middle;
  margin:30px 0 40px 0; }
#title { font-size:270%; padding-left:20px; }
#subtitle { font-size:200%; padding-left:20px; }

/* LOCATION STATUS */
#location { margin:0px 5px; padding-left:5px; }
#location a { font-weight:bold; }
#lang { margin:1px 5px; float:right; }

/* ========================================================================
   LEFT NAVIGATION
   ======================================================================== */
#navigation { width:20%; font-size:1.1em;}
#corner
{ display:block;
  height:12px;
  background-repeat:no-repeat;
  background-position:100% 0; }
#menu { padding:5px 10px; }
#menu a { outline-style:none; }
#menu li { list-style-type:none; }
#menu .section { margin-top:5px;  display:block; }
#menu .section a, #menu .section a:visited
{ font-weight:bold;
  text-decoration:none;
  outline-style:none; }
#menu .section a, #menu .subsection a { padding:0 7px 0 5px; }
#menu .subsection { cursor:pointer; padding:0 5px; margin:2px 10px; vertical-align:middle; }
#menu .section.selected .subsection { display:block; }
#menu .section.unselected .subsection { display:none; }
#menu .subsection.unselected .subsection { display:none; }
#menu .first { margin-top:0px; }
#menu .section a:hover { cursor:pointer; }
#menu .selected a:hover { cursor:default; }
#menu .unselected a:hover { cursor:pointer; }
/* ========================================================================
   SANDBOX NAVIGATION
   ======================================================================== */
#sandbox { padding:5px 10px; }
#sandbox a { outline-style:none; }
#sandbox li { list-style-type:none; }
#sandbox .section { margin-top:5px; display:block;}
#sandbox .section a, #sandbox .section a:visited { font-weight:bold; text-decoration:none; outline-style:none; }
#sandbox .subsection a { padding:0 7px 0 5px; }
#sandbox .subsection { cursor:pointer; padding:0px; margin:2px 5px; vertical-align:middle; }
#sandbox .section.selected .subsection { display:block; }
#sandbox .section.unselected .subsection { display:none; }
#sandbox .subsection.unselected .subsection { display:none; }
#sandbox .first { margin-top:0px; }
#sandbox .section a:hover { cursor:pointer; }
#sandbox .selected a:hover { cursor:default; }
#sandbox .unselected a:hover { cursor:pointer; }
/* ========================================================================
   SPECIALS MENU FOR AUTHENTICATED USERS
   ======================================================================== */
#usermenu, #adminmenu
{ margin:15px 10px 10px 10px;
  padding:5px 10px 5px 5px;
  border-style:dotted;
  border-width:2px;
  border-radius:5px;
  -moz-border-radius:5px;
  font-size:11px;}
#usermenu ul, #adminmenu ul { margin-left:8px; padding-left:5px; border-left-width:1px; border-left-style:solid;}
#usermenu li, #adminmenu li { list-style-type:none; }
#usermenu img, #adminmenu img { vertical-align:bottom; padding-right:5px; padding-top:5px;}
#usermenu .section, #adminmenu .section { margin:3px 0;}
#usermenu .mtit, #adminmenu .mtit { font-weight:bold; font-size:1.2em; font-variant:small-caps;}

/* ========================================================================
   USER MANAGEMENT
   ======================================================================== */
.selec, .selec { font-weight:bold; outline:none;}
.selec:before { content:"[";}
.selec:after { content:"]";}
                
.listing.admin th { font-size:10px; text-align:center;}
.listing.admin th.left { text-align:left;}
.listing.admin td { padding:2px 5px; }
#usrMngTools { text-align:center; display:inline;}
#usrMngTools button { font-size:12px; padding:0;}
#usrMngTools input[type=text] { height:18px; width:auto; margin-top:-1px;}
#ac_searchLDAP { position:relative; padding-left: 3px;}
#usrMngIndex { text-align:center; }
#usrMngIndex a { outline:none; }
#usrMngIndex a:before { content:" "; }
#usrMngIndex a.selec:before { content:"[";}
#usrMngIndex a:after { content:" "; }
#usrMngIndex a.selec:after { content:"]";}

/* ========================================================================
   PAGE CONTENT
   ======================================================================== */
#content
{ margin:0;
  padding:10px 5px;
  font-size:12px;
  text-align:justify;}
h1
{ border-style:solid;
  border-width:0 0 1px 0;
  text-indent:10px;
  font-weight:bolder;
  text-transform:uppercase;
  margin-bottom:20px;
  padding:2px 0;
  font-size:20px;}
h2
{ text-indent:10px;
  font-weight:bolder;
  margin:0 10px 15px 10px;
  font-size:17px;}
h2 span.titre
{ padding:2px 10px;
  border-width:0 0 1px 0;
  border-style:solid; }
p
{ text-indent:10px;
  margin-bottom:10px;
  padding:0 10px; }
#content li, body.editInPlaceBody li { margin-left:20px; margin-bottom:10px;}
#content .editLinks li { margin:0;}
#content .listing p { text-indent:0; padding:0; margin:0; }
.pagination { text-align:right; padding-right:15px;}
.pagination a { cursor:pointer; padding-left:5px; font-size:medium;}
.lost { margin:0 20px;}

/* LISTING */
.listing { width:100%; }
.listing td { padding:5px; }
.listing th { padding:5px;
	      font-weight:bold;
	      line-height:14px;
	      text-transform:uppercase;
	      text-align:left;}
.listing th.center { text-align:center; }
.listing a { outline:none; }

/* ========================================================================
   Lightbox
   ======================================================================== */
.borderRow
{ clear:both;
  float:left;
  list-style-type:none;
  margin:0;
  padding:0;
  position:relative;
  width:100%; }
#content li.borderRow{ margin:0; }
.borderTop, .borderBottom{ height:6px; overflow:hidden;}
.borderMiddle { float:left; position:relative; }
.borderCenter { position:relative; height:100%; padding:0 6px;}

canvas { float:left; position:relative; }
.cl { float:left; position:relative; height:6px; width:6px;}
.cr { float:right; position:relative; height:6px; width:6px;}
#lbContent .toolbar { font-weight:bold; display:block; width:100%;}
#lbContent .content { padding:5px; }
.pluginconf { padding:5px; }
.pluginconf input { width:200px; }
#lbContent .toolbar .title { font-size:16px; font-weight:bold; padding:10px 5px;}
.betweenCorners
{ clear:both;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  width:100%; }
.between
{ height:6px;
  margin:0 6px; }
.corner
{ clear:both;
  height:100%;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  width:100%; }
/*
========================================================================
   FORMS
========================================================================
*/
dl
{ /* height:1%; */
  /* overflow:hidden; */
  clear:both;
  font-size:1em;
  margin-bottom:10px; }
fieldset dl { padding-left:5px; }
dt
{ border-style:none solid none none;
  border-width:medium 1px medium medium;
  line-height: 1.5em;
  text-align:left;
  margin-bottom:10px;
  float:left;
  width:30%; }
fieldset { margin-bottom:10px; clear:both;}
legend { padding:0 10px; margin:10px 12%;}
label, .label
{ font-size:1em;
  font-weight:bold;
  text-align:left;
  padding:0pt 5px 0pt 0pt;
  font-family:Verdana,Helvetica,Arial,sans-serif; }
dt span { padding:0pt 5px 0pt 0pt; }
dd
{ line-height: 1.5em;
  border-style:none none none solid;
  border-width:medium medium medium 1px;
  font-size:1em;
  margin:0pt 0pt 0pt 30%;
  padding:0pt 0pt 0pt 5px;
  vertical-align:top; }
dd input, dd textarea {margin-right:3px;}
input {
  cursor:pointer;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:1em;
  font-weight:normal;
  padding:0pt 3px;
  vertical-align:middle; }

input, textarea, input[type=file]
{ border-style:solid;
  border-width:1px;
  cursor:text;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:1em;
  font-weight:normal;
  padding:2px;
  vertical-align:middle;
}
textarea { overflow:visible; }
input[type=text], input[type=file], textarea { width:98%; cursor:default;}
input[type=password]{cursor:default;}
select { font-size:1em; }
#content p.click { text-align:center; text-indent:0; margin:5px 0;}
p.click input { margin:auto; }
input[type=checkbox]{ cursor:pointer; font-weight:normal; margin:3px 0px; border-width:0px;}
input[type=button], input[type=submit]
{ width:auto;
  cursor:pointer;
  padding:2px 15px;
  font-size:0.9em; }

input[type=radio] { cursor:pointer;}
input.path { width:60%;}
optgroup, select
{ cursor:pointer;
  font-style:normal;
  font-weight:normal;
  vertical-align:middle;
  width:auto; }
option { padding:0 1em 0 .2em;}
.select-dates input { cursor:pointer; width:auto; }
.select-dates div { display:inline; font-size:1em; position:relative; text-align:center; }
a.button, input.button
{ width:auto !important;
  height:1em;
  padding:4px 8px;
  font-size:0.85em;
  cursor:pointer; }

a.button:link, a.button:visited, a.button:active
{ text-decoration:none;
  padding:4px 8px;
  vertical-align:text-top;
  outline:none;}

a.button.disabled { cursor:no-drop; }

.pubSt { text-align:center; padding:5px; margin:5px;}
ul.csvlist { display:inline-block; margin:5px 0;}
ul.csvlist li { display:inline-block;
                cursor:pointer;
                border:1px solid #CCC;
                -moz-border-radius:5px;
                border-radius:5px;
                padding:2px 5px 2px 20px;
                background-image:url(../images/del.gif);
                background-color:transparent;
                background-repeat:no-repeat;
                background-attachment:scroll;
                background-position:4px 4px; }
ul.csvlist li:hover { border-color:#000; background-color:#CCC;}
#dialog .csvlist li { margin:0 2px 1px 0;}
/*
========================================================================
   CALENDAR
========================================================================
*/
.calendar { width:100%;}
.calendar th, .calendar td { text-align:center; }
.calendar td.end, .calendar td.week, .calendar td.hover{ cursor:pointer;}
.calendar .default { border:none; }
.select-date div { display:inline; position:relative; text-align:center; font-size:1em; z-index:0;}
.select-date input.res { width:90%; cursor:pointer; z-index:0;}
#clock-data { padding-top:2px; font-size:.9em; text-align:center;}
#clock-data input { width:auto; }
.select-date div.container
{ display:block;
  width:298px;
  position:absolute;
  top:18px;
  left:0;
  padding-bottom:5px;
  z-index:10;}
#date1-calendar, #date2-calendar 
{ width:350px;
  position:absolute;
  top:18px;
  left:0;
  background-color:#FFF;
  padding-bottom:5px;
  border:1px solid #000; 
  z-index:1;}
/*
========================================================================
AUTOCOMPLETE
========================================================================
*/
.autocomplete-w1 { background:url("../images/shadow.png") no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px;}
.autocomplete { z-index:2; width:320px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#D0D0D0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; cursor:pointer;}
.autocomplete div.highlight { font-weight:bold; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
.autocomplete div.highlight strong { font-weight:bold; }
.item .autocomplete-w1 { left:7px; top:4px;}