/*global style*/
body {
    color: #000000;
    background-color: #FFFFFF;
    font-family: arial, sans-serif;
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 0.80em;
}

body img {
    border: 0;
}
a {
    color: #006C78;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #C1DD00;
}
em {
	white-space: nowrap;
	font-style: normal;
	font-weight: bold;
	color: #4E4E4E;
}

.color2 {
	color:#006C78}

input, select {
	font-size: 1em;
}
input.styledbutton {
	font-size: 1em;
	text-transform: lowercase;
}
input.styledbutton:hover {
	text-decoration: underline;
	cursor: pointer;
}
input.textbutton {
	color: #006C78;
	background: none;
	border: none;
	vertical-align: bottom;
}
input.textbutton:hover {
	color: #C1DD00;
	cursor: pointer;
}
.error {
	background: #DEE0E0;
	color: #FF0000;
}
div.error {
	text-align: center;
}
input.checkbox.error {
	border: 3px solid #ffc;
}
.current {
	font-weight: bold;
}
.subtle {
	color: #808080;

}

form {
	margin: 0;
	padding: 0;	
}

table.datatable {
	border-collapse: collapse;
}
table.datatable th {
	font-weight: bold;
	color: #4E4E4E;
	text-transform: lowercase;
	border-bottom: 1px solid #4E4E4E;
	vertical-align: bottom;
}
table.datatable th a:hover {
	color: #C1DD00;
}
table.datatable th,
table.datatable td {
	text-align: left;
	padding-right: 0.25em;
}
table.datatable td {
	vertical-align: middle;
}
table.datatable th.numeric,
table.datatable td.numeric {
	text-align: right;
	padding-right: 1em;
}
table.datatable th.numericliteral {
	text-transform: none;
	text-align: right;
}

table.datatable td.numeric {
	white-space: nowrap;
}
table.datatable th.estimate,
table.datatable td.estimate {
	font-style: italic;	
}
table.datatable th.date,
table.datatable td.date {
	white-space: nowrap;
	width: 6em;
}
table.datatable th.type,
table.datatable td.type {
	width: 12em;
	white-space: nowrap;
}
table.datatable th.action,
table.datatable td.action {
	width: 6em;
	white-space: nowrap;
}
table.datatable th.checkbox,
table.datatable th.checkbox {
	width: 3em;
}
table.datatable tr.highlight td {
	background: #DEE0E0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;	
}
table.datatable tr.total td {
	border-top: 1px solid #ccc;
}
table.datatable tr.odd td {
	background: #DEE0E0;
}
/*wiki links in tables look better in black*/
table.datatable a.wiki {
	color: #000000;
}
table.datatable a.wiki:hover {
	background: #DEE0E0;
}


table.summarytable {
	border-collapse: collapse;
	width: 25em;
}
table.summarytable th {
	text-align: right;
}
table.summarytable td {
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}
table.summarytable tr.total td {
	border-top: 3px double #000000 !important;
	border-top: 1px solid #000000; /* ie doesn't do double border */
}

/* Used in 185new.php - if it's not used anywhere else, make inline */
table.form,
table.form td table {
	border-collapse: collapse;
}
table.form th {
	text-align: right;
}

table .sortable_funds th,
table .fundsortable_openpositions thead tr .header,
table .sortable_funds thead tr,
table .sortable_distributions th,
table .sortable_income thead tr .header,
table .sortable_uvsclubmembers tr .header,
table .sortable_investments thead tr .header,
table .sortable_openpositions thead tr .header,
table .sortable_summary thead tr .header,
table .sortable thead tr th{
	cursor: pointer;
	color:#006C78;
}

div.datepicker table {
	background: #FFFFFF;
	border-collapse: collapse;
	border: 1px solid #000000;
	margin: 1px;
	font-size: 1.2em;
}
div.datepicker table th {
	background: #DEE0E0;
}
div.datepicker table td {
	text-align: center;
	border-left: 1px solid #000000;
}
div.datepicker table td:hover {
	background: #DEE0E0;
}

ul.summarylist {
	margin: 0;
	margin-top: 0;
	margin-bottom: 2.5em;
	padding: 0;
	list-style: none;
	border-left: 3px solid #DEE0E0;
}
ul.summarylist li {
	margin: 0;
	padding-left: 3px;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}
ul.summarylist li.first {
	border-top: none;
}
ul.summarylist li a {
	font-weight: bold;
}

/* Date range component */
div#daterangewrapper {
	float:right;
	vertical-align: top;
	border-collapse: collapse;
	font-size: 1em;
	clear:both;
	margin-bottom: 1em;
	margin-right: 4em;
	text-align: right;
	width:550px;
}

table#daterange td {
	padding: 0;
	padding-left: 2px;
}
table#daterange th {
	font-weight: normal;
	padding: 0;
	padding-left: 0.25em;
	padding-right: 2px;
	white-space: nowrap;
}
input.datefield.future {
	font-weight: bold;
}

/*front page links */
.frontpage_navigation_links {
	text-align: left;
	color: white;
}
.frontpage_details_links{
	font-size: 1.5em; 
	color: #000000; 
	font-weight: normal; 
}
.frontpage_swap{
	background-color:#4E4E4E;
	color:#FFFFFF;
}
.frontpage_benefit_scroll{
	font-size: 2em; 
	color: #808080;
	padding-bottom: 10px
}
.frontpage_pane{
	background-color: #FFFFFF;
	color: #4E4E4E;
}
.frontpage_text{
	color: #808080;
	font-size: 1.1em; 
}

/*header*/
.header_links {
	float: right;
	font-size: 12px;
	font-variant: small-caps;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-right: 5px;
	text-transform: lowercase;
	text-align: right;
	clear:right;
	color: #FFFFFF;
	
}
.header_links #hm_helpvideo {
	background: url('images/icons/help.gif') left center no-repeat;
	margin-top: 3px;
	padding-left: 19px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.header_links #login {
	float: right;
	clear: right;
}

.header_links a {
	color: #FFFFFF;
}
.header_links a:hover {
	color: #C1DD00;
}

/* Logon page custom heading */
#logon {
    color: #4E4E4E;
}

/*error*/
#error {
 font-weight: bold;
 color: #FF0000;
}

.errortext {
 font-weight: bold;
 color: #FF0000;
}


/*messages*/
#message {
	text-align: center;
	clear: both;
	border: 1px solid #4E4E4E;
	background: #DEE0E0;
	padding: 0.25em;
	margin: 0.5em;
	font-size: 1.25em;
}
.message {
	clear: both;
	text-align: center;
	margin: 0.5em;
	border: 1px solid #4E4E4E;
	background: #DEE0E0;
	color: #000000;
	padding: 0.25em;
}

/*navigation bar*/  /* TODO: Is this still used? */
table#main {
	clear: both;
	border-collapse: collapse;
}
table td.main_area {
	vertical-align: top;
	padding-top: 0.5em;
}
body #page {
	position: relative;
	clear: both;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

/*new navigation bar*/
#guesthighlight {
	color: #C1DD00}
#logo {
	position: relative;
	z-index: 99;
}
td.navigation {
	vertical-align: baseline;
	background-color: #4E4E4E;
	padding-left: 3px;
}
.second_layer {
	background-color: #808080;
}

.second_layer ul {
	margin:0 0 0 0;
	text-align: right;
}  

.second_layer li {
	padding: 0px 10px 0px 10px;
	list-style-type: none;
	text-transform: uppercase;
	display: inline;
	
}

.second_layer li a {
	color: #FFFFFF;
	font-size: 12px;
}

.second_layer li a:hover {
	color: #C1DD00;
}

/* jd_menu is the javascripted system menus */
ul.jd_menu { 
	float: right;
	position: relative;
	clear: right;
	z-index: 99;
	margin: 0;
	list-style-type: none;
	width: 95%;
	display: inline;
}
#login_menu {
	position: relative;
	padding-top: 0px;
	margin: 0;
	display: inline;
}
ul.jd_menu ul {
	display: none;
}
ul.jd_menu a, ul.jd_menu a:link, ul.jd_menu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
ul.jd_menu li {
	float: right;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	padding: 2px 13px 0px 20px;
	cursor: pointer;
	white-space: nowrap;
	color: #FFFFFF}
ul.jd_menu li.jd_menu_hover_toolbar {
	color: #C1DD00;
}
ul.jd_menu a.jd_menu_hover_toolbar {
	color: #C1DD00;
}
ul.jd_menu ul { /* -- Sub-Menus Styling -- */
	position: absolute;
	z-index: 1;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
}
ul.jd_menu ul li {
	float: none;
	margin: 0px;
	padding: 3px 10px 3px 4px;
	width: 150px;
	background: #4E4E4E;
	border: none;
	color: #FFFFFF;
	
}
ul.jd_menu ul li.jd_menu_hover {
	background:#4E4E4E;
	color: #C1DD00;
}
ul.jd_menu ul a, 
ul.jd_menu ul a:active,
ul.jd_menu ul a:link,
ul.jd_menu ul a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
ul.jd_menu ul a.jd_menu_hover {
	color: #C1DD00;
}

/*pane (replacement for mypane)*/
.pane {
	margin: 0;
}
.pane .panecontent {
	margin: 0;
	font-size: 1em;
}
.pane table {
	font-size: 1em;	
}

.pane h1 {
	text-transform: capitalize;
	color: #4E4E4E;
	font-weight: normal;
	margin-top: 0.25em;
}
.pane h2 {
	text-transform: capitalize;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 0.25em;
}
.pane h3 {
	text-transform: capitalize;
	background-color: #4E4E4E;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 1px;
}
.pane h4 {  /* Heading for use when the heading is almost meta-data */
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: lighter;
	font-size: 0.75em;
	color: #000000;
	background-color: #FFFFFF;
}

.pane h5 {
	text-transform: capitalize;
        background-color: #4E4E4E;
        color: #FFFFFF;
        font-size: 1em;
        font-weight: normal;
        margin-top: 0;
        margin-bottom: 0.5em;
        padding-top: 1px;
        padding-left: 2px;
        padding-bottom: 1px;
}

/*slightly more general classes*/
.small_form { display: inline; }
.content_end { clear: both; }
th.ascending a {
	padding-left: 9px;
	margin-right: 9px;
	background: url('http://i1.timetotrade.eu/images/icons/ascending.20100721.gif/') left top no-repeat;	
}
th.descending a {
	padding-left: 9px;
	margin-right: 9px;
	background: url('http://i2.timetotrade.eu/images/icons/descending.20100721.gif/') left top no-repeat;	
}

/*alerts/highligting*/
.alert {
	border: 2px solid #C1DD00;
}

/*rounded corner box style for "info" or short pages*/
.box {  /* TODO: Is this used anywhere?  Delete. */
	padding: 0;
	padding-top: 1em;
}
.box .box_header {
	width: 95%;
	padding: 0;
	margin: 0;
	/*background: #4E4E4E;*/
	text-align: center;
	color: #4E4E4E;
}
.box .box_header .box_header_inner {
	padding: 3px;
}
.box .box_header h1,
.box .box_header h2 {
	margin: 0.125em;
}

.box .box_text {
	width: 95%;
	padding: 0em;
	margin: 0;
	font-size: 1.0em;
	line-height: 1.25em;
	text-align: center;
	background: #FFFFFF;
	/*border-left: 1px solid #DEE0E0;
	border-right: 1px solid #DEE0E0;
	border-bottom: 1px solid #DEE0E0;*/
}
.box .box_text_inner {
	padding: 3px;
	/*border-left: none;
	padding-left: 4px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;*/
}
.box .box_text p {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.box .box_text big {
	line-height: 1.5em;
	font-size: 1.5em;
}

/*front page*/
.frontpage {
	padding: 0;
}
.frontpage h2 {
	text-align: center;
	margin: 0;
	color: #4E4E4E;
	font-weight: normal;
	font-size: 1.7em;
}
.frontpage h3 {
	color: #006C78;
	background: #FFFFFF;
	font-weight: bolder;
}
.frontpage h3.news {
	text-transform: none;  /* Avoiding capitalised timetotrade */
	color: #FFFFFF;
	background: #4E4E4E;
	font-weight: normal;
	margin-top: 0.25em;	
}
.frontpage ul {
	list-style-position: inside;
	list-style-type: square;
} 
.frontpage .pane .body {
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}
.frontpage .pane .footer {
	padding-left: 1em;
	padding-right: 0.5em;
	font-size: 1.1em;
	margin: 0.7em 0;
}
.frontpage #footer {
	font-size: 0.9em;
	margin: 0.8em;
	text-align: left;
}

/* main/summary page */
#main_alerts table {
	width: 100%;
}
table.stocktable th.symbol,
table.stocktable td.symbol {
	display: none;
}

/*portfolio*/
#portfolio.pane {
	margin: 0;
	position: relative;
}
#portfolio table.datatable {
	width: 100%;
}

#portfolio #edit_portfolio td {
	vertical-align: middle;
}

#portfolio #edit_portfolio .delete {
	width: 18px;
}
#portfolio #editsymbols {
	margin-top: 0.5em;	
	padding-left: 0.5em;
	width: 55%;
}
#portfolio #edit_fields {
	float: right;
	width: 40%;
}

#portfolio #edit_fields ol {
	clear: left;
}

/*charts start page*/
#chartstartpage {
	margin-left: auto;
	margin-right: auto;
}
#chartstartpage .lookup {
	color: #000000;
	display: block;
	border-bottom: 1px solid #4E4E4E;
	text-align: center;
}
#chartstartpage #getcharts {
	padding-bottom: 0.25em;
	border-bottom: 1px solid #ccc;
}

/*charts page*/
#stockinfo {
	margin-left: 0;
	margin-right: 0;
}
#stockinfo table.datatable {
	width: 100%;
	margin-top: 0;
}
#stockinfo table.datatable th.symbol,
#stockinfo table.datatable td.symbol {
	display: none;
}
#stockinfo table.datatable th.last,
#stockinfo table.datatable td.last {
	width: 5px;
}
#stockinfo table.datatable th.numeric {
	width: 5em;
}
#stockinfo table.datatable td {
	padding-top: 0.25em;
}
#stockinfo #symbol_lookup {
	width: 10em;
}
#stockinfo {
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0.25em;
}
table#buildalertcolumns {
	width: 100%;
}
table#buildalertcolumns td#charts {
	width: 59.5%;
	vertical-align: top;
}
table#buildalertcolumns td#sidebar {
	width: 40%;
	vertical-align: top;
}

#charts.pane {
	margin-top: 1px;
	margin-left: 0;
	margin-right: 0;
}
#charts table.chartcontrol {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	
}
#charts table.chartcontrol td {
	
}
#charts table.chartcontrol td .chartcontrols {
	vertical-align: middle;
	padding-left: 8px;
	white-space: nowrap;
	display: inline;
	float: left;
}
#charts table.chartcontrol td .chartcontrols input {
	width: 2em;
}
#charts table.chartcontrol td.lefticons {
	width: 25px;
}
#charts table.chartcontrol td.alertbuttons {
	width: 25px;
}
#charts .alert {
	
}
#charts .alert .addtrigger {
	text-align: right;
}
#charts #chartview {
	float: left;
	vertical-align: middle;
	margin-bottom: 0.75em;
}
#charts td.chart {
	text-align: right;
}

#alerts {
	width: 100%;
	float: right;
}
#alerts h3 {
	margin-bottom: 0.25em;
}
#alerts .pane {
	margin-right: 0;
	margin-left: 0;
	margin-top: 1px;
	padding-bottom: 0.5em;
}
#alerts table.datatable {
	width: 100%;
}
table.alerttable td {
	vertical-align: top;
}
.alerttable .alert_edit{
	white-space: nowrap;
}
.alerttable .alert_text,
.alerttable .alert_last_triggered,
.alerttable .alert_vectors {
	padding: 0;
}
.alerttable .alert_text,
.alerttable .alert_last_triggered {
	float: left;
	padding-bottom: 0.5em;
}

#alertview {
	border-top: 1px solid #ccc;
	margin-bottom: 2em;
}
#alertview h3 {
	margin-bottom: 0.25em;
}
#alertview table.create_alert {
	border-collapse: collapse;
	width: 100%;	
}
#alertview table.create_alert td {
	text-align: center;	
}
#notes_pane {
	border-top: 1px solid #ccc;
}

/*user profile*/
#edituser {
	padding: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}
#edituser p {
	width: 40em;
}
#edituser table {
	border-collapse: collapse;
	margin-bottom: 2em;
}
#edituser ul,
#edituser p {
	margin-bottom: 2em; 
}
#edituser ul#contact_methods {
	width: 5em;
	text-align: right;
	list-style: none;
}
#edituser table td p {
	margin-bottom: 0;
}
#edituser table td {
	padding: 0;
	padding-bottom: 0.25em;
}
#edituser table th {
	padding: 0;
	text-align: right;
	padding-right: 0.5em;
	font-weight: normal;
	width: 10em;
	white-space: nowrap;
}
#edituser div#buttons {
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}

/*club*/
#club {
	padding: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}
#club table.datatable {
	width: 100%;
}
#club #invite {
	padding: 1em;
	width: 20em;
	text-align: right;
	margin: 0.5em;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	border: 1px dotted #ccc;
	background: #DEE0E0;
}

.managemembers {
	padding: 0.2em;
	padding-left: 0.5em;
	border: 1px dotted #ccc;
	background: #DEE0E0;	
}


.memberhistorytable {
	padding: 0.2em;
	padding-left: 0.5em;
	background: #DEE0E0;	
}

#club tr.inactive {
	font-style: italic;
	color: #666;
}

/*help*/
#help {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}
#help h3,
#help h2 {
	color: #4E4E4E;
	background: #FFFFFF;
}
#help h3 a {
	color: #4E4E4E;	
}
#help h2 {
	border-bottom: 1px solid #4E4E4E;
}
#help #answers li {
	margin-bottom: 4em;
}


/*registration page*/
#register .pane {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-top: 0;
	padding-top: 0;
}
#register .mypane h3 {
	background: transparent;
	color: #4E4E4E;
	border-bottom: 1px solid #4E4E4E;
}

#register .pane em {
	font-style: normal;
	font-weight: bold;
}
#register .pane #contact_prefs #contact_methods {
	text-align: center;
	vertical-align: middle;	
}
#register .pane #buttons {
	margin-top: 2em;
	text-align: right;
}
#register .pane #buttons input {
	font-size: 1.2em;
	margin-top: 1em;
	margin-left: 2em;
}

/*package description*/
.package_description {
	width: 20em;
	background: #4E4E4E url('http://i1.timetotrade.eu/images/product_button.20100721.gif/') bottom repeat-x;
	padding: 0.25em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
	margin-top: 3px;
	margin-bottom: 3px;
	border-left: 5px solid #C1DD00;
	line-height: 1em;
	color: #FFFFFF;
}
.package_description h2 {
	color: #FFFFFF;
	line-height: 1.0em;
}

/* upgrade.inc/displayPackageDetails */
#package_upgrade ul {
	margin: 0px;
	padding: 0px;
}
#package_upgrade li {
	margin-left: 3em;
	padding: 0px;
}

/* notes page - notes pane */
#notes textarea {  /* Stretch text areas in the notes page across the available space */
	width: 100%;
	padding: 0;
	margin: 0;
}
#notes .newnote {
	background: #DEE0E0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 1em;
}
#notes .ajaxtag {  /* This works for now but has a stupid name*/
	color: #4E4E4E;
	margin-top: 0.25em;
	margin-left: 1em;
}
#notes .ajaxtag a {  /* Not sure if this is necessary */
}
#notes .ajaxtag a.chosen,
#notes .ajaxtag a:hover {
	background: #ccc;
}

/*notes pane*/  /* Not sure what this is for - the summary page? */
#notes_pane {
	padding: 0;
}
ul#notes_list {
	padding: 0;
	margin: 0;
}
ul#notes_list li {
	padding-top: 0;
	list-style-image: none;
	list-style: none;
	padding-bottom: 0.5em;	
}

/*about page*/
#about .mypane {
	margin-left: auto;
	margin-right: auto;
}

#about .mypane .preview {
	text-align: center;
}

#about .mypane em {
	white-space: nowrap;
	color: #4E4E4E;
	font-style: normal;
	font-weight: bold;
}

/*contact page*/
#contactform {
	clear: both;
	text-align: left;
}
#contactform table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
/*admin pages*/
#admin {
	clear: both;
}
#admin table {
	width: 100%;
	border-collapse: collapse;
}
#admin table#alertengine {
	width: 100%;
	font-size: 0.8em;
}


/*features*/
#features {
	margin: 0;
	margin-left: auto;
	margin-right: auto;	
}
#features h3 {
	background: #FFFFFF;
	color: #4E4E4E;
	font-size: 1.5em;
	border-bottom: 1px solid #4E4E4E;
}
#features .panecontent {
	margin-bottom: 1em;	
}
#features em {
	font-weight: normal;
	font-style: italic;
	color: #000000;	
}
#features strong {
	color: #4E4E4E;	
}

/* Fundamentals */
#fundamentals .border {  /* Basic border stuff */
	border-style: solid;
	border-width: 1px;
	border-color: #4E4E4E;
	border-left-style: none;  /* Hide left & top borders to stop double borders on cells */
	border-top-style: none;
	padding: 2px 5px 2px 5px;  /* Sort out cell padding */
}
#fundamentals .highlight {  /* Highlight a cell */
	background-color: #DEE0E0;
}
#fundamentals .fieldname {  /* Right align field names and use a different colour border */
	border-right-color: #006C78;
	text-align: right;
}

/* Pretty tabs - don't look as pretty on IE and, apologies, not sure how they work - if you've got an idea, please comment */
#tabbar {  /* Tab bar - one per screen, atm */
	margin: 0px;
	padding-top: 2px;  /* This is all a bit arbitary - basically the things jump up and down depending on the font-size and browser */
	border-style: none none solid none;
	border-width: 1px;
	border-color: #4E4E4E;
}
#currenttab {  /* Current tab */
	border-style: solid;
	color: #FFFFFF;
	background-color: #4E4E4E;
}
#currenttabcurve {  /* Current tabcurve */
	border-style: solid;
}
.tab {  /* Inner tab bit */
	margin: 0px;
	padding: 1px;  /* See 'arbitary' above*/
	border-style: solid none none none;
	border-width: 1px;
	border-color: #4E4E4E;
	background-color: #FFFFFF;
	color: #006C78;
}
.tabcurve {  /* Outer tab bit */
	margin: 0px;
	padding: 0px;
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: #4E4E4E;
}
span.tab{
	background-color: #4E4E4E;
}

.tabs{
	background-color: #4E4E4E;
}

button {
	overflow: visible;
	width: auto;
}

button.link{
	color:#006C78;
	font-size: 1em;
	text-align: left;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	border-style: none;
	-moz-user-select: text;
}

button.link.selected {
	background: #FFFFFF;
	color: #006C78;
	font-weight: bold;
	border-bottom:1px solid #FFFFFF;
	white-space: nowrap;
}

button.link.notselected span {
	color: #FFFFFF;
	white-space: nowrap;
}

button.link span {
	text-decoration: none;
	width:100%;
	display:inline-block;
	color:;
}

button.link:hover span,
button.link:focus span {
	color: #C1DD00;
}			 

span.tab { 
	display:inline-block; 
	border-style: none;
}

span.tab.selected {
	color: #FFFFFF;
	background-color: #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	white-space: nowrap;
} 

/*packages*/
#packages {
	margin-left: auto;
	margin-right: auto;
}
#packages h3,
#packages h2 {
	background: none;
	color: #4E4E4E;
	border-bottom: 1px solid #4E4E4E;
}

#packages .mypane {
	margin-top: 0;
	margin-bottom: 2em;
}

#packages .pricing {
	text-align: center;
	vertical-align: bottom;
}

#packages table.packagestable {
	margin-left: auto;
	margin-right: auto;
}

#packages table.packagestable td {
	padding: 3px;
}

#packages .details {
	background: #4E4E4E url('http://i2.timetotrade.eu/images/product_button.20100721.gif/') bottom repeat-x;
	margin: 0;
	margin-top: 3px;
	padding: 0.25em;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: 5px solid #C1DD00;
	line-height: 1em;
	color: #FFFFFF;
}

#packages .details h3 {
	background: #4E4E4E;
	color: #FFFFFF;
	font-size: 1.5em;
	background: url('http://i1.timetotrade.eu/images/product_bullet.20100721.gif/') left center no-repeat;
	padding: 5px;
	padding-left: 20px;
}

#packages img#freetrial {
	float: left;
	position: relative;
}

div#registerupdates {
	width: 32em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}
div#registerupdates h3 {
	background: #FFFFFF;
	color: #4E4E4E;
	border-bottom: 1px solid #4E4E4E;
}
div#registerupdates table {
	margin-left: auto;
	margin-right: auto;		
}

img#versign_button {
	margin-right: 3px;
	border: 1px solid #DDDDDD;
	padding: 2px;
}

/*investments and accounts*/
.investments table.datatable, #funds table.datatable {
	margin-bottom: 2em;
	width: 100%;
	clear: both;
}
.investments table.datatable tr.options td {
	font-style: italic;
	font-size: 0.9em;
}
#ledgeradmin li {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
#ledger table.datatable th.numeric,
#ledger table.datatable td.numeric {
	width: 5em;
}
.investments table.datatable input,
.investments table.datatable select {
	margin: 0;
	padding: 0;	
}
#uvs .error {
	font-size: 1.1em;
	padding: 0.25em;
}

#reports h2 {
	clear: right;
}
#reports .datatable {
	clear: right;
	margin-bottom: 2em;
}
#reports .datatable th,
#reports .datatable td {
	padding-left: 1em;
	padding-right: 2em;
}

#ledgers #transfer {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}

#ledgers #transfer table {
	margin-left: auto;
	margin-right: auto;
}

.investments div#viewall {
	vertical-align: middle;
	float: right;
}

#uvs .formats,
#ledger .formats,
.investments .formats,
#funds .formats {
	clear: both;
	float: right;
	text-align: right;
	padding: 1em;
	font-size: 1.25em;
}

#ledger table.summarytable,
.investments table.summarytable {
	clear: both;
}

#ledger h2 {
	margin-bottom: 0.25em;
}
#ledger table#income,
#ledger table#expenditure {
	width: 100%;
	margin-bottom: 2em;
}

.investments table tr.buttons td,
#ledger table tr.buttons td,
#funds table tr.buttons td {
	border-top: 1px solid #DEE0E0;
}

#ledger table#income tr.first th,
#ledger table#expenditure tr.first th {
	border-bottom: none;
	font-size: 1.5em;
	font-weight: normal;
	font-variant: small-caps;	
}

#ledger table#income th,
#ledger table#income td,
#ledger table#expenditure th,
#ledger table#expenditure td {
	
}

#ledger table#income {
	float: left;	
}

#ledger table#expenditure {
	float: right;	
}

#ledgers table.datatable {
	clear: both;
	width: 100%;
}

/*unit valuation system*/
#uvs table.datatable {
	width: 100%;	
	clear: both;
}
#uvs table.summarytable {
	float: left;
	clear: left;
}
#uvschart {
	clear: right;
	float: right;
}

/* about pages (new style) */
#about.pane {
	
}
#about.pane p {
	text-align: justify;
	padding-top: 0;
	margin-top: 2px;
}
#about.pane img {
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid gray;
}
#about.pane div.preview {
	text-align: center;
	padding-bottom: 5px;
}
#about.pane .left img {
	float: left;	
}
#about.pane .right img {
	float: right;	
}
#about.pane h3 {
	padding-top: 1em;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #4E4E4E;
}
#about.pane table.details {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
#about.pane table.details td.left {
	text-align: left;
}
#about.pane table.details td.right {
	text-align: right;
}
#about.pane div.navlinks {
	text-align: center;
	padding: 0;
	padding-top: 5px;
	font-size: 0.9em;
}

#lookup {
	margin-left: auto;
	margin-right: auto;
}
#lookup table.datatable {
	width: 100%;
}

/*sign-up pages*/
#signup {
	margin-bottom: 2em;
}
#signup table.form {
	margin-left: 2em;
	margin-bottom: 1em;
	width: 24em;
	float: left;
}
#signup table.form tr#last td,
#signup table.form tr#last th {
	padding-bottom: 0.25em;
}
#signup table.form tr#email td,
#signup table.form tr#email th {
	padding-top: 0.25em;
	padding-bottom: 0.5em;
}
#signup table.form tr#password td,
#signup table.form tr#password th {
	padding-top: 0.5em;
}
#signup table.form tr#confirm td,
#signup table.form tr#confirm th {
	padding-bottom: 0.5em;
}
#signup table.form tr#clubname td,
#signup table.form tr#clubname th {
	padding-top: 0.5em;
}
#signup table.form tr#terms td {
	font-size: 0.75em;
	padding-top: 0.5em;
	text-align: center;
}
#signup table.form tr#signupbutton td {
	padding-top: 0.5em;
	text-align: right;
}
#signup .package_description {
	float: left;
	margin-left: 2em;
	margin-bottom: 1em;
}
#signup p {
	clear: both;
	font-size: 0.9em;
}

#signedup h1,
#invited h1,
#activation h1 {
	background: url('http://i2.timetotrade.eu/images/icons/group.20100721.gif/') no-repeat left center;
	padding-left: 64px;
	padding-top: 16px;
	padding-bottom: 16px;
} 
#signedup ul,
#activation ul {
	margin-left: 2em;
}
#sensatus_team {
	margin-top: 1em;
	padding-left: 2em;
}
#signedup form,
#activation form  {
	margin-left: 2em;
}

#invited table.form tr#email th,
#invited table.form tr#email td,
#invited table.form tr#confirm th,
#invited table.form tr#confirm td,
#invited table.form tr#terms td {
	padding-bottom: 1em;
}

table.stocktable td.symbol {
	display: none;
}

table.summary-table {
	position:relative;
	top: 10px;
}

table.summary-table td.latest-news {
	text-align: left;
	padding-left: 1.2em;
	padding-right: 1.2em;
}
table.summary-sub-table {
	border-collapse: collapse;
}
table.summary-sub-table td {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
table.summary-sub-table td.coloryellow {
	width: 100%;
	border: 0.5em solid #FFFFFF;
	background: #FFFFFF;
}
table.summary-sub-table td.colorgrey {
	width: 100%;
	border: 0.5em solid #FFFFFF;
	background: #FFFFFF;
}

table.summary-sub-table th.hidden,
table.summary-sub-table td.symbol {
	display: none;
}

.greyed {
	color: #4E4E4E;
	font-size: 0.75em;
}

table.legend td.label{
	width:210px;
}

table.timechartlegend{
	padding-left: 45px;
}

table.legend div.color,
table.timechartlegend div.color{
	width: 7px;
	height: 7px;
}

/* taxation specific */
.disclaimer{
	color: #FF0000;
}
.information{
	color: #000000;
}

/* signup button */
a.signup {
  border: 2px solid;
  border-color: #FC9 #4E4E4E #4E4E4E #F96; 
  padding: 0px 3px 0px 3px;
  font-size: 1.3em;
  color: #FFFFFF;
  background: #F78900;
  text-decoration: none;
  margin: 2px;
}

a.signup:hover, a.signup:active {
  border-color: #4E4E4E #F96 #FC9 #4E4E4E;
}

/* The River */
div.entry_quote {
    border: 1px solid #FFFFFF; 
    padding: 5px; 
    background-color: #f1f1f1;
}

/* jQuery autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_loading {
	background: white url('http://i1.timetotrade.eu/images/indicator.20100721.gif/') right center no-repeat;
}
.ac_even {
	background-color: #DEE0E0;
}
.ac_odd {
	background-color: white;
}
.ac_over {
	background-color: #4D4D4D;
	color: white;
}

/* Trading Widgets */
.trading_widget {
	background-color: #DEE0E0;
	padding: 10px 0 10px 10px;
	margin: 10px 0 10px 0;
}

.text-color3 {
	color: #808080;
}
.buy_button{
	margin:0;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-right:0.25em;
	padding-left:0.25em;
	width:35px;
	overflow:visible;
	font-size:0.75em;  
	background-color:#0A94FF; 
	color:white;
}
.sell_button{
	margin:0;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-right:0.25em;
	padding-left:0.25em;
	width:35px;
	overflow: visible;
	font-size:0.75em; 
	background-color:#FF4646; 
	color:white;
}