/* 4C4A41 */
/* B4BAA7 */
/* D6E3CB */
/* F3FAE4 */
/* D40040 */

body {
    font-family: Helvetica;
    font-size: 1em;
    background: #F3FAE4;
    color: #4C4A41;
    text-align: justify;
    margin:0;
    padding:0;
    border:0;
    width:100%;
    text-rendering: optimizeLegibility;
}

body h1 {
    font-family: "Helvetica Neue";
    font-weight: bold;
    letter-spacing: 0.05em;
    font-size: 200%;
    margin: 0;
}

body h2 {
    font-size: 110%;
    line-height: 140%;
}

body h3 {
    font-size: 100%;
    font-weight: bold;
}

#content {
    padding: 0px;
}

a {
    text-decoration: none;
    color:#369;
}
a:link, a:visited {
    color: #4C4A41;
    background: #D6E3CB;
}
a:hover {
    color:#fff;
    background:#D40040;
    text-decoration:none;
}
a:active {
    color: #4C4A41;
}

#toplisttrail {
    padding-bottom: 0.4em;
    list-style-type: none;
}

#toplisttrail a {
    background: none;
}

#toplisttrail a:hover {
    color: #D40040;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#toplisttrail a.active {
    color: #D40040;
}

form ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
form ul li {
    padding: 0;
    margin: 0;
}

form ul li input[type="checkbox"] {
    width: 13px;
    height: 13px;
    margin: 0;
    padding: 0;
}

table {
    margin: 0;
}


table.form thead {
    padding: 0;
    margin: 0;
}

table.form td {
    padding: 0;
    margin: 0;
}

table.form td.label {
    text-align: right;
}

table.consumption,div.consumption {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #4C4A41;
    padding: 0;
    background: #D6E3CB;
}

#statscontainer {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #4C4A41;
    padding: 0;
    background: #D6E3CB;
    margin-left: auto ; margin-right: auto ;
    text-align:center;
    overflow: hidden;
}

table.consumption thead {
    background:#B4BAA7;
    background: -moz-linear-gradient(-90deg, #D6E3CB, #B4BAA7);
    background: -webkit-gradient(linear, left top, left bottom, from(#D6E3CB), to(#B4BAA7));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D6E3CB', endColorstr='#B4BAA7',GradientType=0 ); /* ie */
    font-weight: bold;
}

table.consumption thead td {
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
    text-align: center;
    line-height:1.25em;
    letter-spacing: 0.1em;
    font-weight: normal;
    font-size: 95%;
}

table.consumption tbody {
    font-size: 90%;
}

table.consumption tbody td {
    border: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    text-align: right;
    font-size: 100%;
    line-height: 1.25em;
}

table.consumption td.odd {
    background: #E5F1D5;
}

table.consumption td.odd a {
    background: #E5F1D5;
}

table.consumption td.odd a:hover {
    background: #D40040;
}

table.consumption tbody td.error {
    border: 2px solid #D40040;
}

table.consumption tbody td.left {
    text-align: left;
}

table.crumb {
    margin-bottom: 5px;
}

table.crumb td {
    border-right: 1px dotted #D6E3CB;
    padding: 0px 0.5em 0px 0.5em;
}

table.crumb td.last {
    border: 0;
}

table.stats {
    width: 100%;
    border-top: 1px solid #B4BAA7;
    margin-top: 5px;
    padding-top: 5px;
}

table.feed {
}

table.feed td {
    text-align: left;
    margin: 0;
}

table.feed td.date {
    color: #B4BAA7;
    text-align: left;
    font-size: 80%;
}

table.fancyform {
    width: 100%;
}
table.fancyform td.label {
    background: #D6E3CB;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    padding: 0px 10px 0px 5px;
    width: 40%;
    text-align: right;
    font-weight: bold;
    border-top: 1px solid #B4BAA7;
    border-left: 1px solid #4C4A41;
    border-bottom: 0;
    border-right: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    /* Below FF 4 */
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

table.fancyform td.label.first {
    border-top: 1px solid #4C4A41;
    border-left: 1px solid #4C4A41;
    border-bottom: 0;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    /* Below FF 4 */
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}
table.fancyform td.label.last {
    border-top: 1px solid #B4BAA7;
    border-left: 1px solid #4C4A41;
    border-bottom: 1px solid #4C4A41;
    border-right: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

table.fancyform td.label.error {
    color:#fff;
    background: -moz-linear-gradient(-45, #fff, #B4BAA7);
    background: -webkit-gradient(linear, left top, left bottom, from(#861828), to(#D40040));
    text-shadow: 1px 1px 1px #861828;
}

table.fancyform td.label.oneliner {
    border-top: 1px solid #B4BAA7;
    border-left: 1px solid #B4BAA7;
    border-bottom: 1px solid #B4BAA7;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

table.fancyform td {
    background: #F2F2F2;
    line-height: 1.8em;
    width: 60%;
    border-top: 1px solid #B4BAA7;
    border-left: 0;
    border-right: 1px solid #4C4A41;
    border-bottom: 0;
    text-align: left;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px 0px;
    -webkit-border-bottom-left-radius: 0px 0px;
    -webkit-border-top-right-radius: 0px 0px;
    -webkit-border-bottom-right-radius: 0px 0px;
}

table.fancyform td.first {
    border-top: 1px solid #4C4A41;
    -webkit-border-top-right-radius: 5px 5px;
}

table.fancyform td.last {
    border-top: 1px solid #B4BAA7;
    border-left: 0;
    border-right: 1px solid #4C4A41;
    border-bottom: 1px solid #4C4A41;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px 5px;
}

table.fancyform input[type=text],input[type=number],input[type=password],textarea,select {
    width: 90%;
    background: none;
    color: #4C4A41;
    border: 0;
    text-align: left;
    font-size: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: none;
}


input[type=text].tagged,input[type=number].tagged,input[type=password].tagged,textarea.tagged {
    color: #B4BAA7;
}

input[class="iconbutton"], img.icon {
    border: 0;
    height: 16px;
    width: 16px;
}

h1, h2, h3 {
    margin:.1em 0 .1em 0;
    padding:0;
}
p {
    /*margin:.4em 0 .8em 0;*/
    padding:0;
}

#centeredmenu {
   float:left;
   width:100%;

   background: #D6E3CB;

   /*background:#D6E3CB;*/

   overflow:hidden;
   position:relative;
}
#centeredmenu .logo {
    /*width: 125px;
    height: 103px;*/
    position:absolute;
    /*background: #D6E3CB url("/media/images/soppatorsk_logo.png") no-repeat;*/
    background: #D6E3CB;
    margin: 0;
    padding: 0;
}
#centeredmenu p,
#centeredmenu h1,
#centeredmenu h2 {
    clear: left;
    text-shadow: 1px 1px #F3FAE4;
    padding:.4em 15px 0 15px;
    margin:0;

}

#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:10px 0 0 0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:5px 10px;
   background:#B4BAA7;
   background: -moz-linear-gradient(-90deg, #D6E3CB, #B4BAA7);
   background: -webkit-gradient(linear, left top, left bottom, from(#D6E3CB), to(#B4BAA7));
   color:#4C4A41;
   text-decoration: none;
   text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
   text-align: center;
   line-height:1.25em;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
}
#centeredmenu ul li a:hover {
    text-shadow: none;
    background:#D40040;
    color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
    background:#D40040;
    background: -moz-linear-gradient(-90deg, #861828, #D40040);
    background: -webkit-gradient(linear, left top, left bottom, from(#861828), to(#D40040));
    color: #fff;
    font-weight:bold;
    text-shadow: 1px 1px 1px #861828;
}
/* 'widths' sub menu */
#layoutdims {
    clear:both;
    background:#F3FAE4;
    border-top:1px solid #B4BAA7;
    margin:0;
    /*padding:6px 15px !important;*/
    text-align:right;
}

#pagination {
    height: 100%;
    text-align: right;
    margin-right: 8px;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
    line-height:1.25em;    
}

#pagination a {
    background: #D6E3CB;
}

#pagination a.activepage {
    font-weight: bold;
}

#flot {
    width:480px;
    height:320px;
    float:left;
}

/* column container */
.colmask {
    position:relative;  /* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;         /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
/* common column settings */
.colleft,
.colmid,
.colright {
    float:left;
    width:100%;
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;
    overflow:hidden;
}
/* 3 Column settings */
.threecol {
    background:#F3FAE4;        /* right column background colour */
}
.threecol .colmid {
    right:25%;          /* width of the right column */
    background:#F3FAE4;        /* center column background colour */
}
.threecol .colleft {
    right:50%;          /* width of the middle column */
    background:#F3FAE4; /* left column background colour */
}
.threecol .col1 {
    width:46%;          /* width of center column content (column width minus padding on either side) */
    left:102%;          /* 100% plus left padding of center column */
}
.threecol .col2 {
    width:21%;          /* Width of left column content (column width minus padding on either side) */
    left:31%;           /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
    width:21%;          /* Width of right column content (column width minus padding on either side) */
    left:85%;           /* Please make note of the brackets here:
                    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 3 Column blog style settings */
.blogstyle {
    background:#F3FAE4;        /* right column background colour */
}
.blogstyle .colmid {
    right:25%;          /* width of the right column */
    background:#F3FAE4; /* center column background colour */
}
.blogstyle .colleft {
    right:25%;          /* width of the middle column */
    background:#F3FAE4;        /* left column background colour */
}
.blogstyle .col1 {
    width:46%;          /* width of center column content (column width minus padding on either side) */
    left:52%;           /* 100% plus left padding of center column */
}
.blogstyle .col2 {
    width:21%;          /* Width of left column content (column width minus padding on either side) */
    left:56%;           /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
    width:21%;          /* Width of right column content (column width minus padding on either side) */
    left:60%;           /* Please make note of the brackets here:
                    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (left menu) settings */
.leftmenu {
    background:#F3FAE4;        /* right column background colour */
}
.leftmenu .colleft {
    right:60%;          /* right column width */
    background:#F3FAE4; /* left column background colour */
}
.leftmenu .col1 {
    width:60%;          /* right column content width */
    left:98%;          /* 100% plus left column left padding */
}
.leftmenu .col2 {
    width:40%;          /* left column content width (column width minus left and right padding) */
    left:2%;            /* (right column left and right padding) plus (left column left padding) */
}
/* 2 Column (right menu) settings */
.rightmenu {
    background:#F3FAE4;        /* right column background colour */
}
.rightmenu .colleft {
    right:25%;          /* right column width */
    background:#F3FAE4;        /* left column background colour */
}
.rightmenu .col1 {
    width:71%;          /* left column content width (left column width minus left and right padding) */
    left:27%;           /* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
    width:21%;          /* right column content width (right column width minus left and right padding) */
    left:31%;           /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (double page) settings */
.doublepage {
    background:#F3FAE4;        /* right column background colour */
}
.doublepage .colleft {
    right:50%;          /* right column width */
    background:#F3FAE4;        /* left column background colour */
}
.doublepage .col1 {
    width:46%;          /* left column content width (column width minus left and right padding) */
    left:56%;           /* right column width plus left column left padding */
}
.doublepage .col2 {
    width:46%;          /* right column content width (column width minus left and right padding) */
    left:56%;           /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Full page settings */
.fullpage {
    background:#F3FAE4;        /* page background colour */
}
.fullpage .col1 {
    width:96%;          /* page width minus left and right padding */
    left:2%;            /* page left padding */
    right: 2%;
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
}
#footer p {
    text-align: center;
    font-size: 65%;
    margin:0;
}
#footer a {
    font-size: 100%;
}
table.noborder {
    border: 0;
}
table.digits {

}

table.digits td {
    font-family: "Monaco", "Courier New", "Courier", monospace;
    font-size: 80%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: right;
}

table.digits td.right {
    text-align: center;
}

table.digits td.odd {
    background: #E5F1D5;
}

table.digits thead {
    background: #B4BAA7;
    background: -moz-linear-gradient(-90deg, #D6E3CB, #B4BAA7);
    background: -webkit-gradient(linear, left top, left bottom, from(#D6E3CB), to(#B4BAA7));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D6E3CB', endColorstr='#B4BAA7',GradientType=0 ); /* ie */
}

table.digits thead th {
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
    text-align: center;
    line-height:1.25em;
    letter-spacing: 0.1em;
    font-weight: normal;
    font-size: 95%;
}