@charset "utf-8";
/* CSS Document */

/* General */
body {margin:0;font-family:Helvetica, Arial, sans-serif;font-size:10px;line-height: 1.6em;background-color:#FFFFFF;color:#222;background-image:url(/images/body-top-bg.gif);background-repeat:repeat-x;}
a{color:#222;}
img {border:0;}
div,form {margin:0;padding:0;}
div.clear {clear:both;}

table{margin: 0 auto;}
table.hundred {width:100%;padding:0.2em;}
td {vertical-align: top;}
h1{font-size:1.4em;}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
/* Root Container */
#root {margin:0 2em;padding-bottom:10px;}

/* Header and Menu Container */
#header {margin:0 auto;position:relative; width:800px;display:none;}
#header a {color:#FFFFFF;}
#header .login {position:absolute;top:3.5em;right:1em;text-align:left;color:#636466;}
#header ul {margin: 0em;padding: 0em;padding-top:3px;list-style-type: none;width:100%;}
#header ul li {position: relative;display: inline;float: left;width:98px;text-align:center;border:1px solid #FFFFFF;background-color:#0057a8;border-bottom:0;}
#header ul li a {display:block;color:#FFFFFF;text-decoration:none;font-size:1.2em;line-height:2.3em;}
#header ul ul {position:absolute;left: -1px;padding:0;margin:0;display: block;visibility: hidden;border-top:1px solid #FFFFFF;}
#header ul ul li {z-index:500;list-style:none;float: left;display:block;border:1px solid #FFFFFF;border-top:0;background-color:#0057a8;padding:2px;width:94px;}
#header ul ul li a {display:block;color:#FFFFFF;text-decoration:none;font-size:1em;line-height:2.3em;text-align:left;}
#header ul li:hover ul {visibility:visible;}


/* Footer background */
#footer-background {width:100%;background-image:url(/images/body-bottom-bg.gif);background-repeat:repeat-x;}

/* Footer */
#footer {margin:0 auto;position:relative; height: 100px; width:800px;background-color:#1754a5;border-top:0.3em solid #636466;border-bottom:2em solid #6d6e70;display:none;}
#footer ul {margin:0;padding:0;list-style-type: none;width:100%;background-color:#0057a8;}
#footer ul li {position: relative;display: inline;float: left;width:380px;padding:10px;height:80px;text-align:left;border-bottom:1px solid #FFFFFF;color:#FFFFFF;}
#footer ul li a {display:block;color:#FFFFFF;text-decoration:none;font-size:1em;}
#footer ul li:first-child{text-align:left;}
#footer ul li:last-child{text-align:right;}

label {display:block;font-weight:bold;padding-top:0.5em;}

#quotes {margin:0;height:80px;font-size:1em;position:relative;}
.textItem {position: absolute;display: none;}

#filter {background-color:#0057a8;color:#FFFFFF;border:0.1em solid #636466;border-radius: 1em;padding:1em;margin:0 auto;width:800px;display:none;}
#filter a {color:inherit;}
#filter ul {width:1100px;margin:0;padding:0;list-style-type: none;clear:both;}
#filter ul li {position: relative;display: inline;float: left;color:inherit;padding:0.1em;vertical-align:baseline;}

/* tables */
table.tablesorter {
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(/images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}

#result th{min-width:50px;font-size:0.9em;white-space:nowrap;}

.loading { display:none; text-align:center;padding:10em;}

.ui-hover {background-color:#000;}

optgroup {font-style:normal;}

#result {width:750px;margin:0 auto;}
#formresult{width: 750px;margin:0 auto;}
#loginform{width: 400px;margin:0 auto;position:relative;}
#singleform{width: 750px;margin:0 auto;position:relative;padding-bottom:20px;}

#singleform .parent{}
#singleform	.lang{width:100px;}

#updateform {width: 750px;margin:0 auto;}

.select,.text,.number,.short, .rate {font-size:1em;}
select.select{text-align:left;width:200px;}
input.text {text-align:left;width:200px;}
.textarea {text-align:left;width:480px;resize: none;}
input.number {text-align:right;width:50px;}
select.short{text-align:left;width:200px;}
#filter select.select, #filter input.text, .hasDatepicker {width:75px;}
#profitloss {width:100%;}

.error {display:block;color:#FF0000;}
#form_create {display:none;}
.ui-autocomplete-loading {
	background: white url('/images/ui-anim_basic_16x16.gif') right center no-repeat;
}

td.profitloss_lines {border-top:1px solid #000000;border-bottom:1px double #000000;}
.bar {
    height: 18px;
    background: green;
}

#contentwrapper{
	float: left;
	width: 800px;
}

#accordioncolumn{
	float: left;
	width: 540px;
	margin-right: 250px; /*Set right margin to RightColumnWidth*/
}

#tipstrickscolumn{
	float: right;
	width: 250px; /*Width of right column*/
	margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
}