@charset "utf-8";

/* CSS Document */

body {

background-color:#363E41;
background:url(/img/background1.png) repeat;
font-family: Arial, sans-serif;
font-size: 10pt;
}

table.padded td { padding: 5px; }

#container {

width:1000px;

min-height:600px;

height: auto !important;

height: 600px;

background-color:#363E41;

margin: 0px auto;

}

#container a, #container a:link, #container a:visited {
color: #F35100;
text-decoration: underline;
}
#container a:hover {
color: blue;
text-decoration: underline;
}

#container #toplinks ul, #container #toplinks ul li a, #container #toplinks ul li a:link, #container #toplinks ul li a:visited {
color: #63d7ff;
text-decoration: none;
}

#container #toplinks ul li a:hover {
color: #F35100;
text-decoration: underline;
}

#header {

background-image:url(/img/background-header.png);

background-position:right;

background-repeat:no-repeat;

padding: 10px 10px 0 10px;

clear:right;

}


#login_wrapper {
background-color:#556066;
clear:right;
font-size: 8pt;
color: #363e41;
padding-top: 10px;
margin-top: -2px;
}

#leftbox {
background-color:#556066;
width: 660px;
float: left;
}

#rightbox {
background-color:#556066;
width: 330px;
float: right;
}

#main_registerbox {
background-image:url(/img/background-gradient.png);
background-repeat:repeat-x;
background-color:#f0f5fb;
width: 800px;
padding: 10px;
margin: auto;
}

#main_loginbox {
background-image:url(/img/background-gradient.png);
background-repeat:repeat-x;
background-color:#f0f5fb;
width:500px;
padding: 10px;
margin: auto;
}

#intro_wrapper {
background-color:#556066;
clear:right;
font-size: 8pt;
color: #363e41;
margin-top: -22px;
}


#login_box {
width:185px;
float:left;
margin:0px 0px 10px 0px;
}

#rightcol {
background-image:url(/img/background-gradient.png);
background-repeat:repeat-x;
background-color:#f0f5fb;
width:310px;
min-height: 458px;
margin: 10px;
font-size: 0.8em;
}

#data {
background-image:url(/img/background-gradient.png);
background-repeat:repeat-x;
background-color:#f0f5fb;
width: 640px;
margin: 10px 10px 10px 10px;
font-size: 8pt;
float: left;
}

#cats_data {
background-image:url(/img/background-gradient.png);
background-repeat:repeat-x;
background-color:#f0f5fb;
width: 800px;
margin: 0px 10px 10px 10px;
font-size: 8pt;
}

#graphs_float {
background-image:url(/img/Features/features-bg.jpg);
width: 638px;
height: 348px;
margin: 10px;
}
#flotgraph {
margin: 10px;
}
#features_wrapper {
background-image:url(/img/Features/features-bg.jpg);
width: 1000px;
height: 348px;
margin-top: 10px;
}

ul#features {
padding-top: 10px;
list-style-type: none;
}
.orangetext {
color: #F35100;
font-size: 10pt;
}
p, h1, h2, h3 {
color: #F35100;
}

#f_content {
width: 70%;
padding: 10px;
float: right;
height: 180px;
overflow: auto;
overflow-x: hidden;
}

#footer {
margin: 5px auto;
font-size: 8pt;
text-align: center;
color: #E8E8E8;
}
#footer ul {
list-style-type: none;
color: #E8E8E8;
}
#footer ul li {
display: inline; 
margin: auto 15px;
}
#footer a, #footer a:link, #footer a:visited {
color: #E8E8E8;
padding: auto 15px;
}

/************  version table  **************/

table#compare {
width: 100%;
font-size: 12pt;
margin: 20px auto;
border-collapse: collapse;
}

table#compare td {
border: 3px solid #999999;
text-align: center;
padding: 10px;
}

.header {
background: url(/img/bg_green.jpg) repeat-x;
padding: 0px 10px;
font-weight: bold;
color: #363E41;
border: 1px solid #6E8500;
height: 30px;
vertical-align: middle;
}

td.label {
text-align: right;
}

/**************  top links  **********/
#toplinks {
font-size: 9pt;
text-align: right;
margin-bottom: -20px;
color: #E8E8E8;
}

#toplinks ul {
list-style: none;
}

#toplinks ul li {
display: inline;
}

#toplinks a, a:links, a:visited {
color: #C0E800 !important;
text-decoration: none !important;
}

#toplinks a:hover {
color: #F35100;
text-decoration: underline;
}

/*********  dashboard  ***********/
div.dashboard {
min-height: 200px;
border: 1px solid red;
text-align: center;
}
.dragdiv {
width: 80%;
background: #CCCCCC;
text-align: left;
margin: 10px auto;
min-height: 160px;
padding: 10px;
}

/***********  new bar chart  (01.09.2010) ******/
table.budgetbar th { background: #E8E8E8; border-bottom: 2px solid #999999; }
table.budgetbar td.dotme { border-bottom: 1px dotted #999999; }