terom@42: /*
terom@42:  * Global styles
terom@42:  */
terom@42: body {
terom@42:     padding: 0px;
terom@42:     margin: 0px;
terom@42: 
terom@42:     background-color: #ffffff;
terom@42:     color: #000000;
terom@42: }
terom@42: 
terom@42: /*
terom@42:  * Menu
terom@42:  */
terom@42: #menu {
terom@42:     padding: 0px;
terom@42:     margin: 0px;
terom@42: }
terom@42: 
terom@42: #menu ul {
terom@42:     display: table;
terom@42:     list-style-type: none;
terom@42: 
terom@42:     width: 100%;
terom@42: 
terom@42:     padding: 0px;
terom@42:     margin: 0px;
terom@42:     
terom@42:     background-color: #f0f0f0;
terom@42:     border-bottom: 1px dashed #a5a5a5;
terom@42: 
terom@42:     text-align: center;
terom@42:     white-space: nowrap;
terom@42: }
terom@42: 
terom@42: #menu li {
terom@42:     display: table-cell;
terom@42: 
terom@42:     height: 1.5em;
terom@42: 
terom@42:     padding: 0px;
terom@42:     margin: 0px;
terom@42: 
terom@42:     border-left: 1px solid #b0b0b0;
terom@42: 
terom@42:     font-weight: bold;
terom@42: }
terom@42: 
terom@42: #menu li a,
terom@42: #menu li form {
terom@42:     height: 1.5em;
terom@42: }
terom@42: 
terom@42: #menu li:first {
terom@42:     border-left: none;
terom@42: }
terom@42: 
terom@42: #menu li a {
terom@42:     display: block;
terom@42: 
terom@42:     padding: 6px;
terom@42:     margin: 0px;
terom@42: 
terom@42:     height: 100%;
terom@42: 
terom@42:     color: #494949;
terom@42:     text-decoration: none;
terom@42: }
terom@42: 
terom@42: #menu li a:hover {
terom@42:     background-color: #d0d0d0;
terom@42:     text-decoration: none;
terom@42: }
terom@42: 
terom@42: #menu form {
terom@42:     display: block;
terom@42: 
terom@42:     padding: 0px;
terom@42:     margin: 0px;
terom@42: }
terom@42: 
terom@42: #menu form select,
terom@42: #menu form input {
terom@42:     padding: 9px;
terom@42:     margin: 0px;
terom@42: 
terom@42:     border: none;
terom@42:     background-color: inherit;
terom@42: }
terom@42: 
terom@42: #menu form input {
terom@42:     cursor: pointer;
terom@42: }
terom@42: 
terom@42: #menu form select:hover,
terom@42: #menu form input:hover {
terom@42:     background-color: #d0d0d0;
terom@42: }
terom@42: 
terom@42: #menu form option {
terom@42:     background-color: auto;
terom@42: }
terom@42: 
terom@42: /*
terom@42:  * Content
terom@42:  */
terom@42: div#content {
terom@42:     padding: 25px;
terom@42: }
terom@42: 
terom@42: /*
terom@42:  * Footer
terom@42:  */
terom@42: div#footer {
terom@42:     width: 100%;
terom@42:     padding: 10px 0px 10px;
terom@42:     
terom@42:     border-top: 1px dashed #a5a5a5;
terom@42: 
terom@42:     font-size: x-small;
terom@42:     font-style: italic;
terom@42: }
terom@42: 
terom@42: div#footer-left {
terom@42:     float: left;
terom@42: }
terom@42: 
terom@42: div#footer-right {
terom@42:     float: right;
terom@42:     text-align: right;
terom@42: }
terom@42: 
terom@42: div#footer-center {
terom@42:     text-align: center;
terom@42: }
terom@42: 
terom@42: