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

* {
    margin:0;
    padding:0;
  }


body {
    background:#001933 url("../img/minerale1.jpg") top left no-repeat;
    font:12px Arial, Helvetica, sans-serif;
    color:#333333;
    margin-top:0px;
    text-align: center;
  }


#site_header {
    width:900px;
    height:256px;
    background: #F6F5F1 url("../img/shopheader.jpg") top center no-repeat;
    text-align: left;
    /*border-left:1px #606060 solid;
    border-right:1px #606060 solid;*/
  }


.container {
    background-color: white;
    text-align: left;
    border-top:1px #606060 solid;
    width:900px;
    position:absolute;
  }





.menu_title {
    color : navy;
    font-size : 14px;
    font-weight : bold;
    text-decoration : underline;
  }


img.imgnews {
    margin-right:10px;
    margin-bottom:10px;
    border:1px silver solid;
  }

/**********************menu***********************/

.menu2 {
    padding-top:15px;
    padding-right:7px;
    font-size:.7em;
    float:right;
  }


.menu2 ul {
    list-style-type:none;
  }


.menu2 li {
    float:left;
    list-style-type:none;
    border-right:solid 1px silver;
    padding-right:5px;
  }


.menu2 a {
    float:left;
    padding-left:10px;
    font-size:10pt;
    color:silver;
    font-weight:bold;
  }


.arrowlistmenu {
    padding-left:7px;
  }


.arrowlistmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
    /*bottom spacing between each UL and rest of content*/;
  }


.arrowlistmenu li {
    padding-bottom: 2px;
    /*bottom spacing between menu items*/list-style-type: none;
  }


.arrowlistmenu a {
    color: #A70303;
    display: block;
    padding: 2px 0;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid silver;
    font-size: 8pt;
  padding-left:10px;
  }


.arrowlistmenu a:visited {
    color: #A70303;
  }


.arrowlistmenu a:hover {
    /*hover state CSS*/color: #A70303;
    background-color: #ECECEC;
  }


.menu1 {
    position: absolute;
    top:210px;
    height: 29px;
    width: 600px;
    padding-top: 15px;
    padding-left: 5px;
  }


.menu1 li {
    float: left;
    list-style: none;
  }


.menu1 li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #000;
    outline: none;
    text-align: center;
    top: 7px;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    padding-left:15px;
  }

.menu1 li a:hover {
  color: navy;
}

/*********************end menu********************/



table {
    font-size:12px;
  }


a {
    outline:none;
  }


ul {
    list-style-type : square;
    padding-left : 20px;
    line-height:1.5em;
  }


p {
    margin-bottom:1em;
    line-height:1.4em;
  }


#center-col {
    background-color : transparent;
    float : left;
    font-size : 12px;
    margin-bottom : 3px;
    margin-left : 3px;
    padding-bottom : 5px;
    padding-left : 10px;
    padding-right : 20px;
    padding-top : 10px;
    position : relative;
    text-align : justify;
    width : 620px;
    z-index : 0;
  }


#center-col a {
    color:navy;
    text-decoration:underline;
    /*font-weight:bold;
    */
  }


#center-col a:hover {
    color:#333333;
  }


#center-col a:visited {
    color:#333333;
  }

.title {
    font-weight:bold;
    color:navy;
  }

#center-col .title a {
  color:navy;
  text-decoration:none;
}

#center-col .title a:hover {
  color:navy;
  text-decoration:none;
  }


#center-col .title a:visited {
  color:navy;
  text-decoration:none;
  }

.printer_button {
  position:absolute;
  top:10px;
  right:0px;
}

.pdf_button {
  position:absolute;
  top:10px;
  right:30px;
}

#left_col {
    /*position:relative;
    float:right;
    */
    width:200px;
    padding:10px 5px 0px 0px;
    margin-bottom:3px;
    font-size:12px;
    border-right:solid 1px #ccc7b9;
    float:left;
  }


#left_col a {
    color:#333333;
    text-decoration:none;
    font-weight:bold;
  }


#left_col a:hover {
    color:navy;
  }


#left_col img {
    border:solid 1px #c5c2b6;
    /*margin-right:6px;
    */
  }

#left_col div {
  margin:10px;
}


.clear {
    clear:both;
  }


.hrzrule {
    height:1px;
    margin:1.3em 0;
    background:url("../img/h2_bg.gif") bottom repeat-x;
  }


.indent {
    position:relative;
    left:60px;
  }


.error {
    color:red;
  }

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


#langflags {
    position:absolute;
    top:56px;
    right:5px;
  }


#linklogo {
    position:absolute;
    top:10px;
    left:10px;
    width:140px;
    height:75px;
    cursor:pointer;
  }


img.menu {
    padding:5px;
  }


img.border {
    border: 1px silver solid;
  }

#left_col div.borderedbox {
    border: 1px silver solid;
    padding: 5px;
  }

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

div.controls a.currency {
    color:gold;
    font-style:none;
    font-weight:bold;
    font-size:14pt;
  }


div.shoptitle {
    background-color:silver;
    color:#001933;
    width:100%;
    font-size:12pt;
    font-weight:bold;
    text-align:center;
  }


#shop_gallery {
    position:absolute;
    top:276px;
    left:0px;
    /*border-left:1px #606060 solid;
    border-right:1px #606060 solid;*/
    text-align:center;
    width:900px;
    margin:0 auto;
    background-color:silver;
  }


#shop_pager_up {
    background-color:silver;
    position:absolute;
    text-align : center;
    width : 900px;
    height:16px;
    top:-21px;
    left:0px;
    color: navy;
    border-top:1px #606060 solid;
    border-bottom:1px #606060 solid;
    padding-top:3px;
  }


#shop_pager_down {
    background-color:silver;
    position:absolute;
    text-align : center;
    width : 900px;
    height:16px;
    bottom:-21px;
    left:0px;
    color: navy;
    border-top:1px #606060 solid;
    border-bottom:1px #606060 solid;
    margin:0 auto;
    padding-top:3px;
  }


img.button {
    cursor:pointer;
  }


.item_card img {
    border:0;
  }


div.shop_item {
    float : left;
    padding-bottom : 4px;
    padding-left : 4px;
    padding-right : 4px;
    padding-top : 4px;
    text-align : center;
    width : 215px;
    background-color:silver;
    margin:0;
    text-align:center;
  }

div.shop_item div {
    width:215px;
  }


div.shop_item div.shop_item_toolbar {
    background-color:silver;
    border-top:solid #606060 1px;
    margin:0;
    width:215px;
  }

/*
start item card
*/


.veline {
    opacity:0.4;
  }


/***************news*****************/

.article_notes {
    color:navy;
    border-bottom: solid navy 1px;
  }


.news_comment_box {
    border: solid #606060 1px;
    margin-bottom:10px;
  }


.news_comment_title {
    padding:5px;
    background-color:#ECECEC;
    border-bottom: solid #606060 1px;
  }


.news_comment_text {
    padding:5px;
  }

.news_comment_text div {
    border-top:dotted 1px #606060;
  }

.news_footer {
 font-style:italic;
 border-bottom: dotted 1px #606060;
}

.news_footer a {
 font-style:normal;
}

.blog_comment_box {
    border: solid #606060 1px;
    margin-bottom:10px;
  }


.blog_comment_title {
    padding:5px;
    background-color:#ECECEC;
    border-bottom: solid #606060 1px;
  }


.blog_comment_text {
    padding:5px;
  }

.blog_comment_text div {
    border-top:dotted 1px #606060;
  }

.blog_footer {
 font-style:italic;
 border-bottom: dotted 1px #606060;
}

.blog_footer a {
 font-style:normal;
}
/****************end news************/

/************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-top: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***********/

/**********start cart***********/

#cart_container {
  margin-top: 10px;
}

#cart_instructions {
    float:left;
    border: dashed 1px #606060;
    margin-left:20px;
    margin-right:20px;
    margin-top:0px;
    margin-bottom:20px;
    padding: 10px;
    width: 300px;
  }


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


#cart_form {
    margin-bottom:20px;
    float: left;
  }


#ship_info {
    margin-bottom:20px;
    margin-left:20px;
    float: left;
  }


table.cart_table {
    border:0;
    font-size:12px;
  }


table.cart_table td {
    padding:3px;
  }


table.cart_table tbody td {
    padding:3px;
    background-color:#E8E8E8;
    border-bottom: dashed 1px #606060;
  }


table.cart_table tfoot td {
    font-weight: bold;
  }


table.cart_table th {
    text-align:left;
    padding:3px;
    background-color:#606060;
    color:#FFFFFF;
  }

/**********end cart***********/

/*************item card************/

#close_itemcard_btn {
    cursor:pointer;
  }


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

table.ic th {
    background-color:#606060;
    color:#ECECEC;
    padding-left:10px;
    border-bottom: #29325e solid 1px;
  }


table.ic th a {
    color:white;
  }


table.ic_data {
  }


table.ic_data td {
    padding:5px;
    border:1px silver dotted;
    background-color:#eeeeee;
    color:#303030;
    text-align:left;
  }

/*********end item card************/

/*************item map card************/

table.itemtable th {
    background-color:#606060;
    color:#ECECEC;
    padding-left:10px;
    border-bottom: #29325e solid 1px;
    padding:5px;
  }


table.itemtable td {
    padding:5px;
    border:1px silver dotted;
    background-color:#eeeeee;
    color:#303030;
    text-align:left;
  }

/*********end item map card************/

div.jGrowl div.silver {
    background-color: silver;
    color: navy;
    font-weight: bold;
    z-index:1003;
  }

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

/********item edit form*********/
#item_editform {
  margin-left:30px;
  margin-right:30px;
  margin-top:10px;
  margin-bottom:20px;
}
/*****end item edit form*********/

#blabla_footer {
    float: none;
    position:absolute;
    height:150px;
    width:900px;
    bottom:-150px;
    left:0px;
    background-color:white;
    border-top:1px solid silver;
}

#blabla_footer div { padding:20px }