/****************************************************************************
eBIT-Site
-------------------
Copyright 2006, 2007, 2008 Davide Zaccaria, Orazio Langenbach

This file is part of eBIT-Site, a module of the framework POMO.

eBIT-Site 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 3 of the License, or
(at your option) any later version.

eBIT-Site 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 eBIT-Site.  If not, see <http://www.gnu.org/licenses/>.
****************************************************************************/


.error {
    color:red;
  }

/*  ADMIN
*******************************************************************************************************************/


/*******************************************
start dialog
*******************************************/

#close_itemcard_btn {
    cursor:pointer;
  }


#itemcard_dlg {
    position:fixed;
    top:0;
    left:0;
    margin: 0 auto;
    color:#ECECEC;
    width:100%;
  }





/****************************************************
end dialog
****************************************************/

div.loading {
    background:#ff0000;
    color:#fff;
    font-size:14px;
    font-familly:Arial;
    padding:2px;
    display:none;
  }


.form_button {
    background-color:#ccf;
    color:black;
    font-weight:bold;
  }





#close_dlg_btn {
    cursor:pointer;
    position:absolute;
    top:10px;
    right:10px;
    z-index:1002;
  }


div.controls {
    position:absolute;
    top:70px;
    left:695px;
    color:white;
    width:200px;
  }


div.controls a {
    color:white;
  }

div.controls div {
  padding:5px;
  border-bottom: dashed 1px #ECECEC;
}


img.button {
    cursor:pointer;
  }



/*
start item card
*/


.veline {
    opacity:0.4;
  }


/************login*************/

#kb_table {
  }


#kb_table tr td {
    border: solid 1px #606060;
    text-align:center;
    width: 16px;
    height: 16px;
    padding:2px;
  }


#login_container {
    background-color: white;
    border:1px #606060 solid;
    padding:20px;
  }


#kb_password {
    background-color: #ECECEC;
    border:1px #606060 solid;
    font-size:12pt;
    text-align:center;
  }


#login_instructions {
    float:left;
    border: dashed 1px #606060;
    margin-right:20px;
    margin-top:10px;
    padding: 10px;
  }


#login_instructions ol {
    padding: 10px;
    margin-left:10px;
  }


.keyboard {
  }


.keyboard img {
    cursor: pointer;
  }

/**********end login***********/


/*****************search box*******************/
.search_box {
    display: none;
    
    position: fixed;
    top: 0px;
    left: 50%;
    
    margin-left: -300px;
    width: 400px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
  width: expression(this.parentNode.offsetWidth+'px');
  height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .search_box {
     position: absolute;
     /*top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');*/
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

.search_box table {
  text-align:left;
  border:solid #29325e 1px;
  width:100%;
  padding:0;
  margin:0;
}

.search_box th {
  background-color:#708090;
  padding:5px;
  color: #ECECEC;
  border-bottom: #29325e solid 1px;
}

.search_box table td {
  font-weight:bold;
  padding:2px;
}

/************end search box*******************/

/*****************item box*******************/
.register_box {
    display: none;
    
    position: fixed;
    top: 0px;
    left: 50%;
    
    margin-left: -400px;
    width: 700px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .register_box {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

.register_box table {
  text-align:left;
  border:solid #29325e 1px;
  width:100%;
  padding:0;
  margin:0;
}

.register_box th {
  background-color:#708090;
  padding:5px;
  color: #ECECEC;
  border-bottom: #29325e solid 1px;
}

.register_box table td {
  font-weight:bold;
  padding:2px;
}

/************end register box*******************/

/*****************register box*******************/
.item_box {
    display: none;
    position: fixed;
    top: 0px;
    left:0px;
    width: 920px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .item_box {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop)+ 'px');
}

.item_box table {
  text-align:left;
  border:solid #333 1px;
  width:100%;
  padding:0;
  margin:0;
}

.item_box th {
  background-color:#708090;
  padding:5px;
  color: #ECECEC;
  border-bottom: #29325e solid 1px;
}

.item_box table td {
  padding:5px;
  border:1px silver dotted;
}

#main_image {
    border:0;
    background-color:#708090;
  }

.galleria {
    list-style:none;
    width:200px;
  }


.galleria li {
    display:block;
    width:80px;
    height:80px;
    overflow:hidden;
    float:left;
    margin:0 10px 10px 0;
  }


.galleria li a {
    display:none;
  }


.galleria li div {
    position:absolute;
    display:none;
    top:0;
    left:180px;
  }


.galleria li div img {
    cursor:pointer;
  }


.galleria li.active div img,.galleria li.active div {
    display:block;
  }


.galleria li img.thumb {
    cursor:pointer;
    top:auto;
    left:auto;
    display:block;
    width:auto;
    height:auto;
  }


.galleria li .caption {
    display:block;
    padding-top:.5em;
  }


* html .galleria li div span {
    width:400px;
  }

/* MSIE bug */




.mygallery {
    width:600px;
    margin:0 auto;
  }


.mygallery li {
    width:68px;
    height:50px;
    border:3px double #111;
    margin: 0 2px;
    background:#000;
  }


.mygallery li div {
    left:240px;
  }


.mygallery li div .caption {
    font:italic 0.7em/1.4 georgia,serif;
  }

.item_nav {
    padding-top:10px;
    clear:both;
    font:80% 'helvetica neue',sans-serif;
    letter-spacing:3px;
    text-transform:uppercase;
  }


.item_nav a {
    color:#333;
  }

/************end item box*******************/

/*************candidates*************/
div.cand_item {
    float : left;
    padding-bottom : 4px;
    padding-left : 4px;
    padding-right : 4px;
    padding-top : 4px;
    text-align : center;
    width : 130px;
    background-color:transparent;
    margin:0;
    text-align:center;
  }

div.cand_item div {
    width:130px;
  }
/**********end candidates************/

/*************boxlets*************/
.boxlet {
  color: #333;
  background-color:white;
  width:650px;
  border-bottom:solid #043f61 1px;
}

.boxlet table {
  width:100%;
}

.boxlet table tr th {
  background-color:#043f61;
  padding:5px;
  color:#efefef;
}

.boxlet table tr td.box_main_content {
  padding-top:10px;
  padding-right:10px;
  border-right:dotted #043f61 1px;
  width:50%;
  color: #333;
  vertical-align:top;
}

.boxlet table tr td.box_side_content {
  padding-top:10px;
  padding-left:10px;
  width:50%;
  color: #333;
  vertical-align:top;
}
/*********end boxlets*************/