/* 
 * HAPI DB CSS Styles
 *
 * Copyright (c) 2004 Alexis DOMJAN <adomjan@horus.ch>
 *
 * $Id: styles.css,v 1.6 2008/05/08 10:05:45 adomjan Exp $
 *
 */

/* BODY */
body {
   background-color: white;
   color: black;
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   margin: 0px;
   padding: 0px;
   background-color: white; 
/*   background-image: url(http://www.horus.ch/images/tournesol-bas.jpg); 
   background-position: 0px 80px;
   background-repeat: no-repeat;*/
}



/* DIV */
div.left-menu {
   float: left;
   width: 180px;
   padding: 0px 0px 0px 0px;
   border: 3px groove #900;
   position: fixed;
   margin-left: 20px;
   margin-top: 20px;
}

div.content {
   float: left;
   position: fixed;
   padding: 0px 0px 0px 0px;
   border: black 1px solid;
   margin-left: 20px;
   margin-top: 20px;
}

div.dbhtml-menu {
   padding: 3px;
   border-bottom: #d0d0d0 1px dotted;
   font-weight: bold;
}

div.dbhtml-login-window {
   background-color: white;
   color: black;
   text-align: center;
   border: #606060 1px solid;
   width: 400px;
}

div.dbhtml-login-title {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 11pt;
   font-weight: bold;
   color: white;
   width: 100%;
   background-color: #a0a0a0;
}


div.dbhtml-login-subtitle {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: black;
   width: 100%;
   background-color: #e0e0e0;
   padding-bottom: 1px;
}

div.dbhtml-main-window {
   padding-left: 6px;
   padding-right: 10px;
}


div.dbhtml-customer-data {
   border: #606060 1px solid;
   width: 400px;
   padding: 2px 2px 2px 2px;
}

div.dbhtml-login-data {
   border: #606060 1px solid;
   padding: 2px 2px 2px 2px;
}


div.dbhtml-customer-data-title {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: black;
   border-left: #606060 1px solid;
   border-top: #606060 1px solid;
   border-right: #606060 1px solid;
   background-color: #d3e7f5;
   width: 400px;
   padding: 2px 2px 2px 2px;
}

div.dbhtml-login-data-title {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: black;
   border-left: #606060 1px solid;
   border-top: #606060 1px solid;
   border-right: #606060 1px solid;
   background-color: #d3e7f5;
   padding: 2px 2px 2px 2px;
}
div.dbhtml-title { 
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   color: black;
   background-color: #d3e7f5;
   width: 100%;
   margin: 0px 0px 0px 0px;
   padding-left: 0px;
   border-bottom: #246ec7 1px solid;
}




/* P */

p.dbhtml-error { 
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: red;
}

p.dbhtml-confirmed { 
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: blue;
}

p.dbhtml-info { 
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #904010;
   display: block;
   padding: 3px 3px 3px 3px;
   background-color: #ffe0b0;
   border: #dd8a17 1px solid;
}

p.dbhtml-info-normal { 
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #904010;
   padding: 3px 3px 3px 3px;
   background-color: #ffe0b0;
   border: #dd8a17 1px solid;
}

p.dbhtml-config { 
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #409010;
   width: 600px;
   padding: 3px 3px 3px 3px;
   background-color: #e0ffb0;
   border: #8add17 1px solid;
}

p.dbhtml-title { 
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   color: black;
   background-color: #d3e7f5;
   width: 100%;
   margin-top: 0px;
}

p.dbhtml-text { 
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
}

p.dbhtml-page-title {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   background-color: #d3e7f5;
   border-top: #505090 1px solid;
   border-bottom: #505090 1px solid;
   vertical-align: top;
   color: black;
}


p.dbhtml-subtitle { 
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: #606060;
}

p.dbhtml-subtitle-underlined { 
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: #606060;
   border-bottom: #606060 1px dotted;
}

p.dbhtml-subtitle-hi { 
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: #606060;
   background-color: #ffffa0;
   border: #ffd500 1px solid;
   padding: 1px 1px 1px 3px;
}

p.dbhtml-copyright {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   color: #606060;
   /* border-top: #606060 1pt solid; */
}

p.dbhtml-navbar {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
   /*border: #606060 1pt solid; */
}

a {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
   text-decoration: underline;
}

a:hover {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: black;
   text-decoration: underline;
}

a.dbhtml-link {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   display: block;
   font-size: 10pt;
   font-weight: normal;
   color: black;
   background-color: white;
   text-decoration: none;
}
   
a.dbhtml-link:hover {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   display: block;
   font-size: 10pt;
   font-weight: normal;
   color: black;
   background-color: #f0f0f0;
   text-decoration: none;
}
   


a.dbhtml-title-link {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   color: #4040dd;
   text-decoration: none;
} 

a.dbhtml-title-link:hover {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   color: #000000;
} 
	 


a.dbhtml-menu {
   display: block;
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
   text-decoration: none;
   border-bottom: #d0d0d0 1px dotted;
   padding: 3px 0px 3px 3px;
}

a.dbhtml-menu:hover {
   display: block;
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: black;
   text-decoration: none;
   background-color: #f0f0f0;
}

a.dbhtml-navbar {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
   text-decoration: underline;
}

a.dbhtml-navbar:hover {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: black;
   text-decoration: underline;
}

a.dbhtml-copyright {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   text-decoration: underline;
   color: #606060;
   /* border-top: #606060 1pt solid; */
}

a.dbhtml-copyright:hover {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   text-decoration: underline;
   color: black;
   /* border-top: #606060 1pt solid; */
}



/* T */

table.dbhtml-list {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #4367c5;
   background-color: #d0d0d0;
/*   color: #505090;
   background-color: #505090;*/
}

table.dbhtml-view {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
   background-color: #d3e7f5;
/*   border: #4367c5 1pt solid; */
   border: #505090 1pt solid; 
   width: 600px;
}

table.dbhtml-form-login {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
}

table.dbhtml-dual {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   margin: 2px;
   border: #909090 1px solid;
   color: #606060;
}


 

th {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
   /*background-color: #d3e7f5;*/
   background-color: #efefef;
}


td {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
   background-color: white;
}

td.dbhtml-list {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
   background-color: #d3e7f5;
}

td.dbhtml-view-key {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: black;
   padding: 2px 10px 2px 2px;
   background-color: #d3e7f5;
   border-bottom: #c0c0c0 1px solid;
   text-align: right;
}
 
td.dbhtml-view-value {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
   background-color: #d3e7f5;
   padding: 2px 2px 2px 2px;
   border-bottom: #c0c0c0 1px solid;
}


td.dbhtml-customer-data-data {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: #606060;
}

td.dbhtml-customer-data-value {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
}


td.dbhtml-login-data-data {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   text-align: right;
   color: #606060;
}

td.dbhtml-login-data-value {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   text-align: left;
   color: #606060;
}




td.dbhtml-dual {
   font-weight: bold;
   background-color: #e0e0e0;
}




/* UL */

ul.dbhtml-menu {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: #606060;
   list-style-type: square;
   /*padding-left: -10px; */
   /* margin-left: 0px; */
}






input.dbhtml-submit {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: black;
}

input.dbhtml-form {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: black;
}

input.dbhtml-form-login {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: black;
}

textarea.dbhtml-form {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: black;
}

textarea.dbhtml-form-login {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: black;
}

select.dbhtml-form {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: black;
}

select.dbhtml-form-login {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   color: black;
}

a.test {
   background-color: white;
}

a.test:hover {
   background-color: #d0d0d0;
}

a.location {
   border-bottom: 1px #40a040 solid; 
   font-size: 11pt; 
   font-weight: bold; 
   color: #208020;
   text-decoration: none;
   margin-bottom: 2px;
}

a.location:hover { background-color: #208020; color: white; }

td input[type=text] {
   border: 1px solid #b0b0b0;
   padding: 1px;
}

td select {
   border: 1px solid #b0b0b0;
   padding: 1px;
}

td textarea {
   border: 1px solid #b0b0b0;
   padding: 1px;
}

   
input[type=checkbox] {
   border: 1px solid #b0b0b0;
}


div.balloon div { display: none; text-decoration: none; }

div.balloon:hover div {
    display:block;
    position:absolute;
    border: 1px solid #534d3f;
    color: black;
    background: #fdf5cb;
    -moz-border-radius: 8px;
    width: 200px;
    padding: 5px;
    text-align: left;
    text-decoration: none;
    z-index:99;
}



/* DISPLAY LIST DIVS */

div.list-title {
   padding: 3px;
   border: 1px #c0c0c0 solid;
   /* display: relative */;
   float: left;
   clear: left;
   width: 680px;
   text-align: left;
   font-size: 12pt;
   font-weight: bold;
   background-color: #e0e4f8;
   margin-bottom: 2px;
   
}

div.list-cat {
   padding: 2px; 
   margin-right: 3px; 
   border: 1px #c0c0c0 solid; 
   /* display: relative */; 
   float: left; 
   width: 80px; 
   height: 100px; 
   vertical-align: middle; 
   text-align: center;
   /*background-color: #f0f4ff;*/
   background-color: #e0e0e0;
   -moz-border-radius-bottomleft: 10px;
}


div.list-access {
   padding: 2px; 
   margin-right: 3px; 
   border: 1px #c0c0c0 solid; 
   /* display: relative */; 
   float: left; 
   width: 64px; 
   height: 100px; 
   text-align: center;
   background-color: #f0f4ff;
   display: block;
}

div.list-info {
   padding: 2px; 
   margin-right: 3px; 
   border: 1px #c0c0c0 solid; 
   /* display: relative */; 
   float: left; 
   width: 240px; 
   height: 100px; 
   background-color: #f0f4ff;
   display: block;
}

div.list-comment {
   padding: 2px; 
   margin-right: 3px; 
   border: 1px #c0c0c0 solid; 
   /* display: relative */; 
   float: left; 
   width: 271px; 
   height: 100px; 
/*   background-color: #f0f4ff;*/
   background-color: #faf6dc;
   display: block;
}