/*
*/

body {
    margin: 0;
    padding: 0;
	background: url(images/img01.jpg) repeat-x left top;
    background-color: #FEEDB9;
}
form.vertical .field, form.vertical .buttons {clear: both; margin: 0 0 .7em;}
form.vertical .field label {display: block; line-height: 20px; font-size: 120%; font-family: Georgia; text-align: left; }
form.vertical .field .fg label { display: inline; }
form.vertical ul.fields li {list-style-type: none; margin: 0;}
form.vertical ul.inline li, form.vertical ul.inline label {display: inline;}
form.vertical ul.inline li {padding: 0 .75em 0 0;}
form.vertical div.note {
    font-size: 80%;
    text-align: left;
}
#content form.vertical input.type-text {
    width: 400px;
}
#addthis {
    position: absolute;
    top: 1px;
    right: 1px;
}

form {
	margin: 0;
	padding: 0;
}
th label {
    white-space: nowrap;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

input, textarea, select {
##	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-family: Segoe UI, Arial, sans-serif;
}


h1, h2, h3 {
	font-weight: normal;
	color: #5F8700;
}

h1 {
	letter-spacing: -1px;
	font-size: 2.2em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

p, ul, ol {
}

p {
}

.blockbg {
	background: #D9D785;
}

blockquote {
    padding: 5px;
    margin:0;
    margin-bottom: 5px;
    width: 100%;
}
blockquote p {
    margin: 0 0 3px 0;
}

ul {
}

ol {
}

a {
	color: #4E7301;
}

a:hover {
	text-decoration: none;
}

small {
}


img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
	border: #D9D785 1px dashed;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
	border: #D9D785 1px dashed;
}

#container {
    position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: justify;
##	font-family: Georgia, "Times New Roman", Times, serif;
        font-family: Segoe UI, Arial, sans-serif;
	font-size: 12px;
    line-height: 18px;
	color: #2F4600;
    max-width: 1100px;
}

/* Header */

#header {
	height: 70px;
	margin: 0 8px;
}

/* Logo */

#logo {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 300px;
    height: 150px;
    z-index: 1;
    background: url(/images/logo.png) no-repeat;
}
#translate {
    position: absolute;
    top: 20px;
    left: 150px;
    z-index: 3;
}
    
#logo h1, #logo h2, #logo p {
    display: none;
}

/* Menu */

#menu {
	float: right;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin: 50px 0px 0px 20px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	color: #FFFFFF;
}

#menu a:hover {
	color: #FEEDB9;
}

#menu .current_page_item a {
	color: #FEEDB9;
}

/* Page */

#page {
    /*
	width: 980px;
    */
	margin: 0 auto;
	padding-top: 20px;
}

#header table, #page table {
    width: 100%;
}
/*
#page #content table {
    width: auto;
}
*/
div.value_history table, div.value_history table td {
	width: auto !important;
}
#page table td {
    vertical-align: top;
    padding: 5px;
}
#page .ui-datepicker td {
    padding: 1px;
}

#content {
    margin: 0px 15px 0 10px;
    clear: both;
}

/* Sidebar */

.sidebar {
	clear: both;
	width: 220px;
}

.rblock {
	background: #f7c92e url(images/sidebar_bg.jpg) repeat-x left top;
    padding: 20px 15px 20px 15px ;
    border: 1px solid #f7c92e;
    margin-bottom: 10px;
}

ul.option-list, .sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
    list-style-position: inside;
}

.sidebar li {
	display: block;
	float: left;
	width: 200px;
	padding: 15px;
}

.sidebar li ul {
	line-height: 1.8em;
	border-top: #77881F 2px dashed;
}

.sidebar li li {
	display: list-item;
	float: none;
	width: auto;
	padding: 0 0 0 10px;
	line-height: 35px;
	border-bottom: #A1B635 1px dashed;
}

.sidebar h2 {
	margin: 0 0 10px 0;
	color: #5F8700;
}

#content h2 {
    margin-top: 20px;
}

.sidebar h2 {
}

.sidebar a {
	text-decoration: none;
	color: #4E7301;
}

.sidebar a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	height: 100px;
	margin: 0 auto;
	padding-top: 20px;
	background: #F5E7AC;
}

#footer p {
	margin: 0;
	padding: 15px;
}

#legal {
	float: left;
}

#links {
	float: right;
}

#wrapper {
	width: 100%;
	background: #5C8400;
}

/* Forms */
span.error-message {
	color: red;
	font-weight: bolder;
}

.basicform input.type-text {
    width: 80px;
}

.basicform table td {
 font-size: 12px;
}

#center_column .basicform input.type-text {
    width: 240px;
}
input#count, input#count_proposal {
    width: 45px;
}
form.saf table th {
    width: 150px;
}
form.saf td.submit {
    text-align: left;
    padding-left: 155px;
}

/* Market */
tr, td, th,table {
    padding: 2px;
    vertical-align: top;
    text-align: left;
    border-collapse: collapse;
}
th.ra, td.ra, .ra {
    text-align: right;
}
div.sheet {
    clear: both;
    color: black;
}

.sheet th {
    border-bottom: 1px solid black;
    background: url(images/tablehead-bg.png) repeat-x;
}
.sheet tr.proposals th {
    border: none;
}
.sheet tr.proposalsheading th {
    border: none;
    font: #ccc;
    font-size: 9px;
    font-weight: normal;
}
.sheet tr.proposals td.left, .sheet tr.proposals th.left {
    /*
    border-left: 50px solid white;
    */
}
.sheet tr.lastRow td {
    border-bottom: 1px solid black;
    
}
.sheet td, .sheet th {
    padding: 1px;
    font-size: 10px;
    text-align: center;
}
.sheet td {
    text-align: right;
}
.sheet td.sharename {
    text-align: left;
}
.sheet .darker {
	background: #f9e083;
}
.sheet .proposals th {
    font-weight: normal;
}
.sheet .proposals td, .sheet .proposal {
    background-color: #EFEFEF;
}
.sheet td, .sheet th {
    white-space: nowrap;
}
.attention {
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    padding: 10px;
}

#shortdisclaimer {
    padding-top: 0.5em;
    font-size: 86%;
    color: #676767;
    text-align: center;
}

#flash, #warning {
	text-align: center;
	padding: 5px;
    border: 1px solid;
}
#flash {
    border-color: green;
    background-color: #AEC43B;
}
#warning {
    border-color: red;
    background-color: #FF9F9F;
}
/*
#flash span, #warning span {
	padding: 3px 15px 3px 15px;
}
*/
/*
#flash span {
    background-color: #01BF00;
    border: 1px solid green;
}
#warning span {
	text-align: center;
    background-color: #FF9F9F;
    border: 1px solid red;
}
*/
.tipbox {
    border: 1px solid #a7a772;
    padding: 5px;
    background-color: #ffffd9;
    margin-bottom: 5px;
    color: black;
}
.profit_positive {
    color: green;
}
.profit_negative {
    color: red;
}
#player th {
    width: 100px;
}
#player table.tc th {
    width: auto;
}

tr.subt td, tr.subt th {
    border-top: 1px solid #A9BCFE;
}
tr.sum td, tr.sum th {
    border-top: 4px double #A9BCFE;
}
div.sheet form input,
div#shares form input {
    font-size: 8px;
    padding: 0px;
    margin: 0;
}

.pr {
    position: absolute;
    right: 0px;
    top: 0px;
}
.normal {
    font-weight: normal;
}


/* TABS */

#tabsF {
  float:right;
  width:100%;
  font-size:110%;
  line-height:normal;
  margin-top: 34px;
}
#playername {
    position: absolute;
    right: 2px;
    top: 20px;
    color: white;
}
#playername a {
    color: white;
    font-weight: bold;
}
#tabsF ul {
  margin:10px 0px 0 20px;
  list-style:none;
}
#tabsF li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabsF a {
  float:right;
  background:url("/tableftF.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabsF a span {
  float:left;
  display:block;
  background:url("/tabrightF.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:black;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
  color:black;
  }
#tabsF a:hover {
  background-position:0% -42px;
  }
#tabsF a:hover span {
  background-position:100% -42px;
}

#tabsF #current a {
        background-position:0% -42px;
}
#tabsF #current a span {
        background-position:100% -42px;
}
.nw {
	white-space: nowrap;
}
#facebox .popup .eua {
    width: 400px;
    height: 300px;
    overflow: auto;
}
input.ideal {
    background: #FFFFFF url(images/ideal/ideal.gif) no-repeat top left;
    padding-left: 75px;
    line-height: 60px;
    height: 60px;
}
form#edit_profile table th {
    white-space: nowrap;
}
form#edit_profile input.type-password,
form#edit_profile input.type-text {
    width: 220px;
}
.sidebar-right input.type-text {
    width: 200px;
}

input.type-text {
    background: white;
}
input.euro {
    padding-left: 14px;
    background: white url(/images/euro.jpg) 1px 4px no-repeat;
}
div.ideal-bank {
    float: left;
    width: 200px;
}

/* quotes */
blockquote {
    background: url("images/quote-background.png") no-repeat top left;
    padding-right: 20px;
    padding-left: 10px;
    padding-top: 10px;
    font-style: italic;
}
.submitbutton {
    float: right;
    clear: both;
    width: auto;
}
