/* ----------- HTML Styles ------------- */

body
{
  color:#323232;
  background:url("../img/bgstrip.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  font-family:Helvetica, Arial, sans-serif;
  font-size:13px;
  margin:0px;
}

a
{
  color:#523232;
  text-decoration:none;
}

a, a img, embed, object
{
  /*removes border around links and objects*/
  outline:none;
  border:none;
}

a:hover
{
  color:#923232;
}

ul
{
  padding-left:20px;
}

input, select, textarea
{
  /* this is global settings, but does not apply automatically to input*/
  color:#323232;
  font-family:Helvetica, Arial, sans-serif;;
  font-size:12px;
  /* this is to enhance input box */
  border-radius:5px;
  border:solid thin #b5a79d;
  padding-top:6px;
  padding-bottom:6px;
  padding-left:8px;
  padding-right:8px;
}

h1
{
  font-size:1.5em;
  font-weight:normal;
  margin:0px;
}

table
{
  border-collapse:collapse;
  empty-cells:show;
}

div
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

/* ----------- General Fixed size Styles ------------- */

#fixedmaincontent
{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  position:relative; /*allow position:absolute in subdiv*/
}

#fixedheadbanner
{
  background:url("../img/fond-haut-complet.jpg") no-repeat #F2F4F4;
  height:118px;
  position:relative; /*allow position:absolute in subdiv*/
}

#fixedheadlogo
{
  position:absolute;
  left:0px;
  top:0px;
  width:316px;
  height:112px;
}

#fixedheadtitle
{
  font-size:21px;
  font-weight:bold;
  position:absolute;
  left:600px;
  top:25px;
  text-align:center;
}

#fixedcontentouter
{
  background-color:#FFFFFF;
}

#fixedcontentinner
{
  padding:20px;
}

/* ----------- Misc ------------- */

.adlactionfixed
{
  position:absolute;
  right:20px;
  top:20px;
  text-align:right;
}

.adlbuttondelete
{
  width:30px;
  height:30px;
  float:right;
  margin-left:50px;
}

.adlbuttondelete .ui-button-text
{
  padding:5px 0 0 0;
}

.adltitle
{
  font-size:16px;
  font-weight:bold;
  margin-bottom:15px;
}

.adlhidden
{
  display:none;
}

.adlrightalign
{
  text-align:right;
}

.adlcenteralign
{
  text-align:center;
}

.adltable
{
}

.adltable td, .adltable th
{
  border:solid thin #C0C0C0;
  padding:5px;
}

.adltable td ul
{
  margin:0;
}

.adltable tr.oddline
{
  background-color:#FCF8EB;
}

.adltable tr.evenline
{
  background-color:#FFFFFF;
}

.adltable tr.toomany
{
  border-top:solid thin #6E1713;
  font-weight:bold;
  color:#FF0000;
}

.adltable tr.hiddenline
{
  display:none;
}

.adltable .showmoretd
{
  text-align:center;
}

.adlgroup
{
  width:950px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5px;
  border:solid thin #6E1713;
  border-radius:20px;
  padding:20px;
  position:relative; /*for inner position:fixed*/
}

#mainmenuul
{
  min-height:25px;
}

ul.ui-menu > .ui-menu-item > ul > .ui-menu-item
{
  min-width:200px;
}

.ui-menu
{
  margin-top:5px;
  margin-bottom:5px;
  position:relative;
}

.ui-menu .ui-menu-item, .ui-menu .ui-menu-divider
{
  display:inline-block;
  padding-top:5px;
  padding-bottom:5px;
}

.ui-menu #disconnect
{
  position:absolute;
  top:1px;
  right:1px;
}

.okbut
{
  background-image:none;
  background-color:#FFBBBB;
}

.okbut:hover
{
  background-color:#FFAAAA;
}

.adlbreadcrumb
{
  font-size:2em;
}

.adlbreadcrumb .item
{
  margin-left:10px;
  display:inline-block;
}

.adlbreadcrumb .item.selectable
{
  cursor:pointer;
}

.adlbreadcrumb .item.selectable:hover
{
  color:#923232;
}

/* ----------- Home ------------- */

#search
{
  border:solid thin #6E1713;
  border-radius:20px;
  padding:20px;
}

.adltable tr.userinactive
{
  background-color:#A0A0A0;
}

.adltable tr.useradmin
{
  background-color:#bcb0a3;
}

#emptyvisitdiv
{
  padding:10px;
}

#adlemptyvisitlist li.user
{
  padding-bottom:15px;
  font-size:1.3em;
}

#adlemptyvisitlist li.user ul
{
  font-size:0.8em;
  font-weight:normal;
  padding-top:5px;
}

/* ----------- Login ------------- */

#login
{
  width:500px;
  margin-left:auto;
  margin-right:auto;
  border:solid thin #C0C0C0;
  border-radius:5px;
  padding:20px;
}

#disconnect
{
  position:absolute;
  right:5px;
  top:130px;
}

/* ----------- prison list -----------*/

.linkuser
{
  cursor:pointer;
}

.linkuser:hover
{
  opacity:0.8;
}

/* ----------- prison -----------*/

.adlmodaluserlist
{
  width:100%
}

.adlmodaluserlistitem
{
  cursor:pointer;
}

.adlmodaluserlistitem:hover
{
  background-color:#E0E0E0;
}

#prisonuserlist
{
  overflow:auto;
  padding-top:40px;
}

.adltable .prisondisp
{
  font-weight:bold;
}

.adltable tr.prisondispline
{
  border-top:solid 2px #000000;
}

.withphototooltip
{
  text-align:center;
  font-size:0.8em;
}

.withphototooltip img
{
  height:60px;
}

tr.inactiveprison a
{
  color:#909090;
}

#prisondisptext
{
  cursor:pointer;
}

#prisondisptext:hover
{
  opacity:0.8;
}

.js_prisonusergo
{
  cursor:pointer;
}

.js_prisonusergo:hover
{
  opacity:0.8;
}

.js_prisonuserdel
{
  width:12px;
  height:12px;
  padding:3px;
}

.js_prisonuserdel img
{
  width:10px;
  height:10px;
}

/* ----------- Disp -----------*/

/* ----------- User ------------- */

#userprisons
{
  width:100%;
}

.js_userprisondel, .js_userprisonadd
{
  width:12px;
  height:12px;
  padding:3px;
}

.js_userprisongo
{
  cursor:pointer;
}

.js_userprisongo:hover
{
  opacity:0.8;
}

.adlmodalprisonlist
{
  width:100%
}

.adlmodalprisonlistitem
{
  cursor:pointer;
}

.adlmodalprisonlistitem:hover
{
  background-color:#E0E0E0;
}

#userprisonlist
{
  overflow:auto;
  padding-top:40px;
}

#userdispbloc
{
  display:inline-block;
  margin-left:20px;
}

#userdispselect
{
}

.inpause
{
  background-color:#e6f2e1 !important;
}

/* ----------- Visit ------------- */

.adltable tr.visittotal
{
  background-color:#E0E0E0;
  font-weight:bold;
}

.adltable tr.visittotal td
{
  border-top:solid thin #000000;
  border-bottom:solid thin #000000;
}

#visitid_user
{
  font-size:10px;
  font-style:italic;
}

.formbloc
{
  display:inline-block;
  vertical-align:middle;
}

.formbloclabel
{
  display:inline-block;
  text-align:right;
  vertical-align:middle;
}

.formhsep
{
  display:inline-block;
  width:25px;
}

.formvsep
{
  background-color:#F0C9B9;
  height:5px;
  margin-top:5px;
  margin-bottom:5px;
}

#visittrainingcomment
{
  width:645px;
  height:100px;
}

#visitcomment
{
  width:645px;
  height:400px;
}

#visithourbloc
{
  width:650px;
  border:solid thin #B0B0B0;
}

#visithourbloc table td
{
  border:solid thin #B0B0B0;
}

.daynumber
{
  color:#B0B0B0;
}

.dayinput
{
  width:18px;
  padding:2px;
  text-align:center;
}

.amday
{
  background-color:#FFD7C1;
  border:solid thin #BA9D8D;
}

.pmday
{
  background-color:#C8F8FF;
  border:solid thin #92B6BB;
}

#visithourcount
{
  display:inline-block;
  vertical-align:middle;
  width:35px;
  text-align:center;
  background-color:#E0E0E0;
  border-radius:5px;
  padding-top:2px;
  padding-bottom:2px;
}

.showpreviewvisit
{
  padding:10px;
  margin:2px;
  background-color:#FFF0E0;
  cursor:pointer;
  position:relative; /*for photos*/
}

.showpreviewvisit img
{
  height:30px;
  position:absolute;
  top:2px;
  right:2px;
}

.adltable th.visitpreviewtitle
{
  font-size:1.8em;
  position:relative; /*for photos*/
}

#visitpreviewdiv img
{
  height:150px;
  position:absolute;
  top:35px;
  right:5px;
}

#visitpreviewdiv
{
  overflow:auto;
  padding:20px;
}

.emptyvisit
{
  background-color:#F0F0F0;
  color:#909090;
}

/* ----------- PRINT REPORT ------------- */

@media print
{
  .nonprinted
  {
    display:none;
  }

  .printvisit
  {
    /*page-break-inside:avoid;*/
  }
}

#printsearch
{
  border:solid 1px #808080;
  padding:5px;
}

.printsearchitem
{
  display:inline-block;
  margin:5px;
  height:200px;
  width:31%;
  overflow:auto;
  border:solid 1px #923232;
  padding:3px;
}

.printsearchitem .inactive
{
  background-color:#E0E0E0;
}

.printsearchitem .disp
{
  background-color:#FCF8EB;
}

.printsearchsubtitle
{
  background-color:#E0E0E0;
  padding:5px;
  margin-bottom:5px;
}

#printreportrequest
{
  margin-bottom:10px;
}

#printreportrequest .title
{
  font-weight:bold;
  text-decoration:underline;
}

#printreportrequest .alert
{
  color:#FF0000;
  font-weight:bold;
}

.printvisit
{
  border:solid 1px #808080;
  padding:5px;
  margin-bottom:20px;
}

.printvisit.total
{
  border:solid 3px #808080;
  font-weight:bold;
}

.printvisit table
{
  width:100%;
}

.printvisithead th
{
  width:33%;
  border-bottom:solid 1px #C09080;
}

.printvisit td
{
  padding:0 5px 0 5px;
  white-space:nowrap;
}

.printvisit th img
{
  width:20px;
}

.printvisit th img:hover
{
  opacity:0.8;
}

.printvisit td.textes .title
{
  margin-top:10px;
  font-weight:bold;
  text-decoration:underline;
}

.printvisit td.textes .text
{
  white-space:normal;
}

#printbut
{
  margin-left:50px;
  padding:2px;
}

/* ----------- DOCS ------------- */

#docslists .docsbloc
{
  margin-bottom:40px;
}

.docstitle
{
  background-color:#FCF8EB;
  font-size:1.3em;
  margin-bottom:10px;
}

#docslists .item
{
  border-bottom:solid 1px #A0A0A0;
  padding:2px;
}

#docslists .item:hover
{
  background-color:#D0D0D0;
  cursor:pointer;
}

#docslists .item.file
{
}

#docslists .item.dir
{
  color:blue;
}

.docssize
{
  font-size:0.9em;
  font-style:italic;
  color:#909090;
  display:inline-block;
  margin-left:20px;
}

/* ----------- ALERT ------------- */

.jqmWindow
{
  display:none;
  position:fixed;
  top:17%;
  left:50%;
  margin-left:-175px;
  width:350px;
  overflow:hidden;
}

.jqmOverlay
{
  background-color:#000000;
}

.jqmWindowModaliFrame, .jqmWindowmodaldiv
{
  display:none;
  position:fixed;
  overflow:hidden;
  box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2);
}

.jqmWindowmodaldiv
{
  border-radius:5px;
}

.adlalert-ok
{
  background-color:#FFFFFF;
  border:1px solid #808080;
  border-radius:5px;
  outline:none; /*for focus outline */
}

.adlalerttext-ok, .adlalerttext-error
{
  margin-left:40px;
  margin-right:40px;
  margin-top:40px;
  margin-bottom:15px;
  text-align:center;
  font-size:1.2em;
}

.adlalertclosecross-ok, .adlalertclosecross-error
{
  background-color:#E64B3E;
  width:130px;
  height:30px;
  position:absolute;
  top:0px;
  right:0px;
  border-radius:5px;
  z-index:1;
  cursor:pointer;
  font-size:1.2em;
  color:#FFFFFF;
  font-weight:bold;
  text-align:center;
  padding-top:5px;
}

.adlalertclosecross-ok:hover, .adlalertclosecross-error:hover
{
  background-color:#FB706F;
}

.adlalert-butdiv
{
  text-align:right;
  height:30px;
  margin:5px;
}

.adlalertbutton-ok
{
  background-color:#FFFFFF;
  border:1px solid #808080;
  text-transform:uppercase;
  text-shadow:0 -1px 0 #444;
  text-align:left;
  border-radius:4px;
  box-shadow:0 0px 1px #aaa;
  cursor:pointer;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:8px;
  padding-right:8px;
  height:25px;
  display:inline;
}

.adlalert-error
{
  background:#FFFFFF;
  border:1px solid #808080;
  border-radius:5px;
  color:#FF0000;
  outline:none; /*for focus outline */
}

.adlalertbutton-error
{
  background-color:#FF0000;
  color:#FFFFFF;
  border:1px solid #808080;
  text-transform:uppercase;
  text-shadow:0 -1px 0 #444;
  text-align:left;
  border-radius:4px;
  box-shadow:0 0px 1px #aaa;
  cursor:pointer;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:8px;
  padding-right:8px;
  height:25px;
  display:inline;
}

.adlmodaldivcontent
{
  width:100%;
  height:100%;
  position:absolute;
  left:0px;
  top:0px;
  z-index:0;
  background-color:#FFFFFF;
  outline:none; /*for focus outline */
}

.adlmodaliframeframe
{
  width:100%;
  height:100%;
  position:absolute;
  left:0px;
  top:0px;
  z-index:0;
  border:none;
}

.adlmodaliframeclosecross, .adlmodaldivclosecross
{
  background-color:#E64B3E;
  width:130px;
  height:30px;
  position:absolute;
  right:0px;
  top:0px;
  border-radius:5px;
  z-index:1;
  cursor:pointer;
  font-size:1.2em;
  color:#FFFFFF;
  font-weight:bold;
  text-align:center;
  padding-top:5px;
}

.adlmodaliframeclosecross:hover, .adlmodaldivclosecross:hover
{
  background-color:#FB706F;
}
