/*GLOBAL Settings*/
td, th{
    padding:2px;
}
/*END GLobai*/

#loading-div{
background-color:black;
   background-image:url(/img/ajax-loader.gif);
   background-repeat:no-repeat;
   background-position: center;
     height:100%;
  width:100%;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;


  display:none;
}




/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}


/*=========== LISTE =======================*/

.list h2
{
    display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
    background: #666;
color: white;
margin: 0;
padding: 8px 10px;
font-size: 14px;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}

.list .tableWrapper {
    border: #DDD solid;
border-width: 0 1px 0 1px;
}

.list table {
    xwidth: 100%;
    border-collapse: collapse;
border-spacing: 0;
display: table;
table-layout:fixed; 
}
.list th 
{
    background: #E5E5E5;
}
.list tr {
    display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.list td {
    padding-left:6px;
    overflow:hidden;
    text-indent: 5px;
}

.list #tableWrapper th,.list #tableWrapper td {
text-align: left;
border-bottom: 1px solid #BBB;
xpadding: 7px;
font-size: 11px;
    
    xxoverflow: hidden;
}
#loglist .list #tableWrapper td {
    font-weight: bolder;
    color:black;
    white-space: nowrap;
}


#loglist .list #tableWrapper tr.read td {
    font-weight: normal;
    color:dimGray;
}

.list #tableWrapper tr:nth-child(even) td {
background: #F9F9F9;
}

.list td.pageName {
    text-align: left !important;
    color: #115BA1;
}

.list th.pageName {
    text-align: left !important;
}

.cursor-active td{
    background-color:#FAD42E !important;
}

td.error{
    background-color:red !important;
    color:black !important;
}
td.warn{
    background-color:yellow !important;
    color:black !important;
}
td.info{
    background-color:green !important;
    color:black !important;
}
td.fatal{
    background-color:red !important;
    color:black !important;
}

.important td{
    background-color:red !important;
    color:white !important;
}
/*============= END LISTE ================================*/

.beautytip{
  min-width:600px;
  max-width:600px;
  width:600px;
}