/*global style*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#container {
	min-height: 100%;
	position: relative;
}

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;
}

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;
}
button.textbutton {
	background:none;
	border:none;
}
button.textbutton:hover {
	cursor:pointer;
}
input.textbutton:hover {
	color: #C1DD00;
	cursor: pointer;
}
.error {
	background: #DEE0E0;
	color: #FF0000;
}
div.error {
	text-align: center;
}
input.checkbox.error {
	border: 3px solid #ffc;
}
form.areYouSure {
	text-align:center;
	border:1px solid #FF0000;
}

.current {
	font-weight: bold;
}
.subtle {
	color: #808080;
}

form {
	margin: 0;
	padding: 0;	
}

.rounded_top_corners_5px {
	/* Round the corners with support for the various browser implementations */
	-moz-border-radius-topleft: 5px; /* Firefox */
	-moz-border-radius-topright: 5px; /* Firefox */

	-webkit-border-top-left-radius: 5px;  /* Safari, Chrome */
	-webkit-border-top-right-radius: 5px;   /* Safari, Chrome */

	border-top-left-radius: 5px; /* W3C Spec, Opera 10.5+, not supported by IE */
	border-top-right-radius: 5px; /* W3C Spec, Opera 10.5+,  not supported by IE */
}

.rounded_bottom_corners_5px {
	/* Round the corners with support for the various browser implementations */
	-moz-border-radius-bottomleft: 5px; /* Firefox */
	-moz-border-radius-bottomright: 5px; /* Firefox */

	-webkit-border-bottom-left-radius: 5px;  /* Safari, Chrome */
	-webkit-border-bottom-right-radius: 5px;   /* Safari, Chrome */

	border-bottom-left-radius: 5px; /* W3C Spec, Opera 10.5+, not supported by IE */
	border-bottom-right-radius: 5px; /* W3C Spec, Opera 10.5+,  not supported by IE */
}

.rounded_all_corners_10px {
	/* Round the corners with support for the various browser implementations */
	-moz-border-radius: 10px; /* Firefox */

	-webkit-border-radius: 10px;  /* Safari, Chrome */

	border-radius: 10px; /* W3C Spec, Opera 10.5+, not supported by IE */
}

table.datatable {
	border-collapse: collapse;
	width: 100%;
}
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: left;
}

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;
}

table.datatable th.justify_right, 
table.datatable td.justify_right {
	text-align:right;
}

/*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;
}

/* Data cleansing */
.createevent{
	font-weight: bold; 
	font-size: 14px; 
	padding: 10px 0px 0px 0px;
	color: }
/* End data cleansing */


/* Ledger Account Settings */
.ledgerSettingsLeftColumn{
	width: 300px; 
	padding: 10px 0px 30px 0px;
}

.ledgerSettingsRightColumn{
	padding: 10px 0px 30px 30px;
}

/* End Ledger Account Settings */

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;
}
/*campaign styling*/

.competitioncampaign{
	color: #4E4E4E}

div#heading {
	width:100%;
	background-color: #4E4E4E;
}

div#heading > a {
	display: inline-block;
	*display: block;
	zoom: 1;
	height: 50px;
	width: 310px;
	background-repeat: no-repeat;
	background-position: top left;
}

div#heading > a span {
	display: block;
	height: 100%;
	text-indent: -999px;
	background-repeat: no-repeat;
	background-position: top right;
}

div#heading > span {
	float:right;
}

div#menuRow {
	width:100%;
	background-color: #4E4E4E;
}

div#main {
	width:100%;
}

div#footer {
	width:100%;
	bottom: 0;
	position: absolute;
	line-height: 2em;
}

div#footer, div#push {
	height: 2em;
	clear:both;
}

/*front page links */
.frontpage_navigation_links {
	text-align: left;
	color: #FFFFFF;
}
.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 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}

.errordiv{
	height:65px; 
	padding:0; 
	margin:0.3em;
}

/*messages*/
#message {
	text-align: center;
	clear: both;
	border: 1px solid #4E4E4E;
	background: #DEE0E0;
	padding: 0.25em;
	margin: 0.25em;
	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 */
body #page {
	position: relative;
}

/*new navigation bar*/
#guesthighlight {
	color: #C1DD00}
#logo {
	position: relative;
	z-index: 99;
}

/* HEADER TABS */
.css3headertab, .css3headertabselected{ /* Common styling for selected an unselected styling of tabs */
	padding: 2px 10px 0px 10px;  /* Pad out around the text to position it nicely */
	margin:  0px
	text-align: center;
	

	/* Round the corners with support for the various browser implementations */
	-moz-border-radius-topleft: 5px; /* Firefox */
	-moz-border-radius-topright: 5px; /* Firefox */

	-webkit-border-top-left-radius: 5px;  /* Safari, Chrome */
	-webkit-border-top-right-radius: 5px;   /* Safari, Chrome */

	border-top-left-radius: 5px; /* W3C Spec, Opera 10.5+, not supported by IE */
	border-top-right-radius: 5px; /* W3C Spec, Opera 10.5+,  not supported by IE */
}

/* Selected tab styling */
.css3headertabselected{
	border: 1px solid #808080; /* Set the border colour used around the tab */
	color: #FFFFFF; /* If selected change tab text colour */
	background: #808080; /* Styling the tab back ground  */	 
}
/* End of first layer styling */

/* Third Layer Navigaton */
.third_layer_tab, .third_layer_tab_selected{ /* Common styling for selected an unselected styling of tabs */
	padding: 1px 6px 1px 6px;  /* Pad out around the text to position it nicely */
	border: 1px solid #4E4E4E; 
	margin:  0px;
	position: relative;
	top: 1px;
	
	text-align: center;
	text-transform: uppercase; 
	font-family: Tahoma,sans-serif;
	font-size: 12px;

	/* Change the list style */
	list-style-type: none;
	display: inline;
	
	/* Round the corners with support for the various browser implementations */
	-moz-border-radius-topleft: 4px; /* Firefox */
	-moz-border-radius-topright: 4px; /* Firefox */

	-webkit-border-top-left-radius: 4px;  /* Safari, Chrome */
	-webkit-border-top-right-radius: 4px;   /* Safari, Chrome */

	border-top-left-radius: 4px; /* W3C Spec, Opera 10.5+, not supported by IE */
	border-top-right-radius: 4px; /* W3C Spec, Opera 10.5+,  not supported by IE */
}

/* Unselected link styling */
.third_layer_tab{
	background: #808080;
}

/* Selected tab styling */
.third_layer_tab_selected{
	background: #4E4E4E;
}
.third_layer_tab a, third_layer_tab a:link, third_layer_tab a:visited,
.third_layer_tab_selected a, third_layer_tab_selected a:link, third_layer_tab_selected a:visited    {
	color: #FFFFFF;
}
.third_layer_tab a:hover, .third_layer_tab_selected a:hover {
	color: #C1DD00;
}

/* Link styling  */
td.tabbar a, td.tabbar a:link, td.tabbar a:visited,
td#tabbar a, td#tabbar a:link, td#tabbar a:visited {
	color: #FFFFFF;
}
td.tabbar a:hover, td#tabbar a:hover {
	color: #C1DD00;
}

/* End of third layer styling */
/* End of CSS3 tabs */

/* -- Global Symbol Widget styling -- */
.symbollookupwidget input.searchFieldImage {
	background: url('http://i1.timetotrade.eu/images/searchField_opaque.20120209.png/') no-repeat;
	border: none;
	height: 24px;
	/* IE7 line-height */ 
	*line-height: 24px;
	/* Chrome doesn't obey line-height, so everything else needs it EXCEPT chrome.*/
	/* The \0/ after the value invalidates the css for chrome only, so it ignores it.*/
	line-height: 24px\0/; 
	padding: 1px 15px 0px 30px;
	width: 175px;
}

/* -- Sub-Menus Styling -- */

#accountsBar {
	position: relative;
	z-index:3000;
}

#accountsBar > span.accountchangebutton {
	float:right;
	width:16px;
	height:16px;
	background-position: -64px 0px;
}

#accountsBar > div {
	position: absolute;
	top: 0px;
	right: 0px;
	min-width: 100%;
	display: none;
	z-index:2000;
}

#accountsBar > div > div {
	border:1px solid #4E4E4E;
/*	padding-right:5px; */
	background-color:#676767; 

	/* Round the corners with support for the various browser implementations */
	-moz-border-radius-bottomleft: 5px; /* Firefox */
	-moz-border-radius-bottomright: 5px; /* Firefox */

	-webkit-border-bottom-left-radius: 5px;  /* Safari, Chrome */
	-webkit-border-bottom-right-radius: 5px;   /* Safari, Chrome */

	border-bottom-left-radius: 5px; /* W3C Spec, Opera 10.5+, not supported by IE */
	border-bottom-right-radius: 5px; /* W3C Spec, Opera 10.5+,  not supported by IE */
	z-index:1000;
	min-width:100%;
	width:100%;
	max-height:400px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#accountsBar:hover > div {
	display: block;
}

#accountsBar a {
	display: block;
	min-width: 100%; 
	color: #FFFFFF;
	font-size:1.2em;
	background-color:#676767;
	padding:5px;
	float:left;
	z-index:500;
	text-align:left;
}

#accountsBar a:hover {
	background-color:#DEE0E0;
}

ul#menu
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	height:24px;
}

div#menuBar
{
	height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#4E4E4E;
}

ul#menu > li
{
	margin: 0px 10px 0px 0px;
	float: left;
	display: block;
	position: relative;
	padding:0px 10px 0px 10px;
	height:21px;
	border-left:1px;
}

ul#menu > li:hover {
	background-color:#676767;
}

ul#menu:first-child {
	margin-left:10px;
}

ul#menu > li#endMenu
{
	width: 10px;
}

ul#menu > li > a
{
	border: none;
	display: block;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	height:18px;
	padding-top: 3px;
}

ul#menu > li.selected {
	background-color:#808080;
}

ul#menu > li > a[href=""]
{
	cursor: default;
}

ul#menu.nonIE > li > a:hover, ul#menu > li.menuHover > a
{
	background-position: 0px -40px;
}

ul#menu.nonIE > li:hover > div.dropdown, ul#menu > li.menuHover > div.dropdown
{
	left: -1px;
}

ul#menu > li > div.dropdown
{
	min-width: 150px;
	position: absolute;
	top: auto;
	background: none;
	height: auto;
	border-right:1px solid #4E4E4E;
	border-left:1px solid #4E4E4E;
	border-bottom:1px solid #4E4E4E;
	background-color:#676767;
	left: -9999px;
	z-index: 100;
}

ul#menu li.selected div.dropdown { 
	background-color: #808080 
}

div.dropdown, div.subItem:last-child {
	/* Round the corners with support for the various browser implementations */
	-moz-border-radius-bottomleft: 5px; /* Firefox */
	-moz-border-radius-bottomright: 5px; /* Firefox */

	-webkit-border-bottom-left-radius: 5px;  /* Safari, Chrome */
	-webkit-border-bottom-right-radius: 5px;   /* Safari, Chrome */

	border-bottom-left-radius: 5px; /* W3C Spec, Opera 10.5+, not supported by IE */
	border-bottom-right-radius: 5px; /* W3C Spec, Opera 10.5+,  not supported by IE */
}

div.dropdown img
{
	float: right;
}

div.dropdown a:hover {
	color:#006C78;
}

/* Relative Position to act as anchor for sub menus */
div.dropdown > div
{
	position: relative;
	height: 1.5em;
}

/* Display Sub Menu */
div.dropdown > div:hover > div.dropdown
{
	left: 100%;
}

div.dropdown > div:hover {
	background-color:#D8D8D8;
}

/* Sub Menu Positioning */
div.dropdown > div > div.dropdown
{
	min-width:150px;
	position: absolute;
	top: -1px;
	background: none;
	height: auto;
	border:1px solid ;
	background-color:#676767;
	margin: 0px 0px 0px 0px;
	left: -99999px;
	z-index: 100;
}

ul#menu div.dropdown a
{
	height: 1.25em;
	text-transform:capitalize;
	width:100%;
	display:block;
	color:white;
	margin-right:20px;
}

div.dropdown > div > div.dropdown a
{
	display: inline
}

ul#menu div.dropdown a[href=""]
{
	cursor: default;
}

div.subItem {
	padding:5px;
}

div.subItem:hover {
	background-color: #D8D8D8;
}

div.subItem button.textbutton {
	color:#FFFFFF;
	width:100%;
	display:block;
	text-align:left;
}

div.subItem > form {
	width:100%;
	display:block;
}

div.subItem:last-child > div.dropdown > div.subItem:first-child {
	padding-bottom:5px; 
}

div.subItem:first-child {
	padding-top:5px;
}

div.subItem:last-child {
	padding-bottom:5px;
}


ul#second_level_menu {
	background-color:#808080;
	list-style:none;
	margin:0px;
	width:100%;
	clear:left;
	padding:4px 0px 0px 0px;
}

ul#second_level_menu > li {
	padding:0px;
	list-style-type:none;
	text-transform:capitalize;
	font-weight:bold;
	display:inline-block;
	margin-right:20px;
	padding-bottom:2px;
}

ul#second_level_menu > li.selected {
	background-color:#FFFFFF;
	
	-moz-border-radius-topleft: 5px; /* Firefox */
	-moz-border-radius-topright: 5px; /* Firefox */
	
	-webkit-border-top-left-radius: 5px;  /* Safari, Chrome */
	-webkit-border-top-right-radius: 5px;   /* Safari, Chrome */
	
	border-top-left-radius: 5px; /* W3C Spec, Opera 10.5+, not supported by IE */
	border-top-right-radius: 5px; /* W3C Spec, Opera 10.5+,  not supported by IE */
}

ul#second_level_menu > li.selected > a {
	color:#4E4E4E;
	padding:0px 5px 0px 5px;
}

ul#second_level_menu > li:first-child {
	margin-left: 20px;
}

ul#second_level_menu > li.selected:first-child {
	margin-left: 15px;
}

ul#second_level_menu > li a {
	color:#FFFFFF;
}

ul#second_level_menu > li a: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://i2.timetotrade.eu/images/icons/ascending.20120209.gif/') left top no-repeat;	
}
th.descending a {
	padding-left: 9px;
	margin-right: 9px;
	background: url('http://i1.timetotrade.eu/images/icons/descending.20120209.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;
}

/* Watchlist Right Column Widget */
.portfolio, .scrolledwidget {
	display: none;
	overflow-x: hidden;
	width: 100%;
}

.portfolio.selected, .scrolledwidget.selected {
	display:block;
}

/*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://i2.timetotrade.eu/images/product_button.20120209.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;
}

/*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;
}

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

.tabscontainer#rightArea{
	background-color: #4E4E4E;
}

button {
	overflow: visible;
	width: auto;
}

button.link{
	color:#006C78;
}

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 {
	color:#006C78;
}

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-left:5px solid #FFFFFF;
	border-right:5px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	white-space: nowrap;
	
	/* Round the corners with support for the various browser implementations */
	-moz-border-radius-topleft: 4px; /* Firefox */
	-moz-border-radius-topright: 4px; /* Firefox */

	-webkit-border-top-left-radius: 4px;  /* Safari, Chrome */
	-webkit-border-top-right-radius: 4px;   /* Safari, Chrome */

	border-top-left-radius: 4px; /* W3C Spec, Opera 10.5+, not supported by IE */
	border-top-right-radius: 4px; /* W3C Spec, Opera 10.5+,  not supported by IE */
} 

/*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://i1.timetotrade.eu/images/product_button.20120209.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://i2.timetotrade.eu/images/product_bullet.20120209.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://i1.timetotrade.eu/images/icons/group.20120209.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 and join today button */
a.signup, a.join_today {
	color: #FFFFFF;
	background: #F78900;
	display:block;
	width:180px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:20px;
	letter-spacing:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:14px;
}

a.signup:hover, a.signup:active, a.join_today:hover, a.join_today:active {
  font-size:21px;
  line-height:41px;
}

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

/* Styling the markup generated by the autocomplete jQuery UI widget */

ul.ui-autocomplete {
	position:absolute;
	padding: 0px;
	border:1px solid black;
	overflow-y:auto;
	overflow-x:hidden;
	max-height:20%;
	z-index: 9999;
	list-style-position: outside;
	list-style:none;
	margin:0;
	width:720px;
}

ul.ui-autocomplete > li {
	background-color:#FFFFFF;
}

ul.ui-autocomplete > li > a {
	width: 100%;
	font-size:12px;
	margin-top:1px;
	margin-bottom:1px;
}

ul.ui-autocomplete > li > a > span {
	vertical-align:middle;
}

ul.ui-autocomplete > li > a > span.symbol {
	width:80px;
	margin-left:2px;
}

ul.ui-autocomplete > li > a > span.flag {
	text-align:center;
}

ul.ui-autocomplete > li > a > span.flag > img {
	margin-top:auto;
	margin-bottom:auto;
	margin-right:4px;
}

ul.ui-autocomplete > li > a > span.symbolName {
	width:90px;
	overflow:hidden;
}

ul.ui-autocomplete > li > a > span.type {
	padding-left:2px;
	width:70px;
}

ul.ui-autocomplete > li > a > span.sector {
	overflow:hidden;
	width:190px;
}

ul.ui-autocomplete > li > a > span.exchange {
	padding-left:5px;
	width:200px;
}

ul.ui-autocomplete > li > a > span.country {
	width:20px;
	text-align:right;
	padding-right:2px;
}

ul.ui-autocomplete > li.even_row {
	background-color: #DEE0E0;
}

ul.ui-autocomplete > li > a#ui-active-menuitem {
	background: url('http://i2.timetotrade.eu/images/jquery_ui/ui-bg_highlight-soft_75_cccccc_1x100.20120209.png/') repeat-x scroll 50% 50% #CCCCCC;
	color: #4E4E4E;
}

ul.ui-autocomplete > li.ui-menu-item > a.ui-state-hover {
	margin:0px;
	margin-left:-1px;
	margin-right:-1px;
}

ul.ui-autocomplete > li > a:hover {
	color: #4E4E4E;
} 

/* Prospreads specific */
.customthreelookupwidget > ul.ui-autocomplete {
	width:560px;
}

.customthreelookupwidget > ul.ui-autocomplete > li > a > span {
	vertical-align:middle;
}

.customthreelookupwidget > ul.ui-autocomplete > li > a > span.symbol {
	width:120px;
	margin-left:2px;
}

.customthreelookupwidget > ul.ui-autocomplete > li > a > span.flag {
	display:none;
}

.customthreelookupwidget > ul.ui-autocomplete > li > a > span.symbolName {
	width:300px;
	overflow:hidden;
}

.customthreelookupwidget > ul.ui-autocomplete > li > a > span.type {
	display:none;
}

.customthreelookupwidget > ul.ui-autocomplete > li > a > span.sector {
	display:none;
}

.customthreelookupwidget > ul.ui-autocomplete > li > a > span.exchange {
	padding-left:5px;
	width:100px;
}

.customthreelookupwidget > ul.ui-autocomplete > li > a > span.country {
	display:none;
}

/* 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:#008000; 
	color:#FFFFFF;
}
.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:#FFFFFF;
}

.close_button{
	margin:0;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-right:0.25em;
	padding-left:0.25em;
	width:45px;
	overflow: visible;
	font-size:0.75em; 
	background-color:#008000; 
	color:#FFFFFF;
}

.inline-block {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

/* Right hand column stuff */
.erhcwidget > div > a {
	display: block;
	text-transform: capitalize;
	background-color: #4E4E4E;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	height:16px;
	line-height:16px;
	padding:2px;
	/* Round the corners with support for the various browser implementations */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px;  /* Safari, Chrome */
	border-radius: 5px; /* W3C Spec, Opera 10.5+, not supported by IE */
}
.erhcwidget > div > a:hover {
	color: #C1DD00;
	cursor: move;
}

.erhcwidget > div.opened {
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px;  /* Safari, Chrome */
	border-radius: 5px; /* W3C Spec, Opera 10.5+, not supported by IE */
}

.erhcwidget > div.opened > a {
	/* Round the corners with support for the various browser implementations */
	-moz-border-radius: 0px; /* Firefox */
	-webkit-border-radius: 0px;  /* Safari, Chrome */
	border-radius: 0px; /* W3C Spec, Opera 10.5+, not supported by IE */
	-moz-border-radius-topleft: 5px; /* Firefox */
	-moz-border-radius-topright: 5px; /* Firefox */
	-webkit-border-top-left-radius: 5px;  /* Safari, Chrome */
	-webkit-border-top-right-radius: 5px;   /* Safari, Chrome */
	border-top-left-radius: 5px; /* W3C Spec, Opera 10.5+, not supported by IE */
	border-top-right-radius: 5px; /* W3C Spec, Opera 10.5+,  not supported by IE */
}

.erhcwidget > div > a > span {
	float:left;
	margin-right:5px;
	background-position: -16px -128px;
	cursor: default;
}

.erhcwidget > div.opened > a > span {
	background-position: -48px -128px;
}

.erhcwidget > div.opened > a > span.ui-icon-cancel {
	background-position: 0px -128px;
}

.erhcwidget > div > span {
	display:none;
}

.erhcwidget > div.opened > span {
	display:block;
}

/* Right hand column tick widget */
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; min-width: 250px; }

.erhcwidgetTarget {
	display: block;
	min-width: 300px;
	width: 300px;
}

.showDropZone {
	background-color: #DEE0E0;
	min-height: 400px;
}

.righthandcolumntickwidget > table {
	width:300px;
	max-width:300px;
}

.righthandcolumntickwidget td.price {
	font-size:2.7em; 
}

.righthandcolumntickwidget td.bid {
	/*font-size:1.4em;*/ 
	font-weight:bold;
}

.righthandcolumntickwidget td.ask {
	/*font-size:1.4em;*/ 
	font-weight:bold;
}

.righthandcolumntickwidget table#minorDetails {
	min-width:100%;
	width:100%;
	padding-bottom:5px;
}

.righthandcolumntickwidget table#minorDetails td.open {
	padding-left:10px;
}

.righthandcolumntickwidget table#minorDetails td.close {
	padding-left:10px;
}

div.settingsDropdown {
	position:absolute;
	height: 21px;
}

div.settingsDropdown:hover {
	width:305px;
}

div.settingsDropdown > span {
	position: absolute;
	left: 284px;
}

/* Settings dropdown for right hand column widgets */
div.settingsDropdown > div {
	min-width:150px;
	position:absolute;
	top:20px;
	background-color:#4E4E4E;
	height:auto;
	right:0px;
	z-index:99;
	display:none;
}

div.settingsDropdown > div {
	/* Round the corners with support for the various browser implementations */
	-moz-border-radius-bottomleft: 5px; /* Firefox */
	-moz-border-radius-bottomright: 5px; /* Firefox */

	-webkit-border-bottom-left-radius: 5px;  /* Safari, Chrome */
	-webkit-border-bottom-right-radius: 5px;   /* Safari, Chrome */

	border-bottom-left-radius: 5px; /* W3C Spec, Opera 10.5+, not supported by IE */
	border-bottom-right-radius: 5px; /* W3C Spec, Opera 10.5+,  not supported by IE */
}

div.settingsDropdown:hover > div {
	display:block;
}

div.settingsDropdown a {
	color:#FFFFFF;
	display: block;
	line-height: 1.25em;
	width: 100%;
}

/* BuildAlertColumnWidget Condition Type Styling. The inline code was becoming enormous. */
.buildalertcolumnwidget span.conditionType {
	border:1px solid #4E4E4E;
	background-color:#DEE0E0;
	padding:2px 5px 2px 5px;
	margin-right:2px;

	/* Round the corners with support for the various browser implementations */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px;  /* Safari, Chrome */
	border-radius: 5px; /* W3C Spec, Opera 10.5+, not supported by IE */
}

/* textbutton has some really stupid padding on it, it should be widget specific */
.simplepaginationwidget input.textbutton {
	padding:0px 3px 0px 3px;
}

.simplepaginationwidget input.textbutton.selected {
	font-weight:bold;
	font-size:1.4em;
}

.simplepaginationwidget input.textbutton.disabled, .simplepaginationwidget input.textbutton.disabled:hover {
	color: #4E4E4E;
	cursor: default;
}

/* Error Widget with close button styling */
.errorwidget input.closeButton {
	background-image:url('http://i1.timetotrade.eu/images/jquery_ui/ui-icons_ff2e2e_256x240.20120209.png/');
	width:16px;
	height:16px;
	background-color:transparent;
	border:none;
	background-position:-96px -128px;
}

.error_404 {
	border:2px solid #FF0000;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	padding:10px;
}

/* Used by every page to give the advert space */
div#page div.pane > div.widget, div#page div.pane > div.panecontent {
	clear:both;
}

/* AlertSummary page */
div.alertsummarypagewidget {
	padding: 0px 5px 0px 5px;
}

/* FF5 gives a left and right padding of 6px */
div.alertsummarypagewidget button {
	padding:0px;
}

div.alertsummarypagewidget form.pageButtons {
	margin-top:5px;
}

div.alerttable div.no_alerts {
	padding-bottom:5px;
	padding-left:2px;
}

div.heading {
	width:100%;
	background-color:#808080;
	color:#FFFFFF;
	text-transform:capitalize;
	font-weight:bold;
	padding-left:2px;
	margin-bottom:5px;
}

div.symbolcontainer {
	padding:0px 0px 5px 5px;
}

div.symbolcontainer .symbol {
}

div.extendedconditiondisplay {
	background-color:#ebf3f4;
}

div.extendedconditiondisplay.oddSymbol {
	background-color:#f4f4f4;
}

div.extendedconditiondisplay.oddSymbol.oddRow {
	background-color:#f7f7f7;
}

div.extendedconditiondisplay.oddRow {
	background-color:#f3f8f8;
}

div.extendedconditiondisplay div.summary a {
	vertical-align:middle;
}

div.extendedconditiondisplay.opened div.summary a.expand span {
	background-position: -48px -128px;
}

div.extendedconditiondisplay div.summary a span {
	background-image: url('http://i2.timetotrade.eu/images/jquery_ui/ui-icons_222222_256x240.20120209.png/');
	background-position: -16px -128px;
	width:16px;
	height:16px;
	min-width:16px;
}

div.extendedconditiondisplay div.summary span {
	vertical-align:middle;
}

div.extendedconditiondisplay div.summary span.checkbox {
	min-width:30px;
	width:30px;
}

div.extendedconditiondisplay div.summary span.symbol {
	min-width:10%;
}

div.extendedconditiondisplay div.summary span.alerttext {
	min-width:35%;
}

div.extendedconditiondisplay div.summary span.lasttriggered {
	min-width:20%;
}

div.extendedconditiondisplay div.summary span.indicator {
	min-width:25%;
}

div.extendedconditiondisplay div.summary span.vectors {
	min-width:30px;
	float:right;
}

div.extendedconditiondisplay > div.fulldetails {
	display:none;
}

div.extendedconditiondisplay.opened > div.fulldetails {
	display:block;
}

div.extendedconditiondisplay div.conditionspecificdetails {
	padding-left:46px;
}

div.extendedconditiondisplay div.triggers {
	padding-left:46px;
	padding-bottom:5px;
}

div.extendedconditiondisplay div.subheading {
	margin-top:5px;
	padding-left:0px;
	background-color:transparent;
	color:#000000;
	border-bottom:1px solid #000000;
	font-weight:bold;
}

div.extendedconditiondisplay div.fulldetails div.trigger {
	width:375px;
	display:inline-block;
	border:1px solid #000000;
	padding:3px;
	margin-top:5px;
	margin-left:5px;
}

div.extendedconditiondisplay span.detailheading {
	font-weight:bold;
	border-bottom:0px solid none;
}

div.extendedconditiondisplay span.detailvalue {
	padding-left:5px;
}

div.extendedconditiondisplay span.detailvalue table th {
	padding-left:2px;
}

div.extendedconditiondisplay div.alerthistorytime div.triggertime {
	width:400px;
}

div.extendedconditiondisplay div.alerthistorytime div.triggertime.selected {
	background-color:#808080;
}

div.extendedconditiondisplay div.alerthistorydetail {
	display:block;
	border:1px solid #808080;
}

div.extendedconditiondisplay div.alerthistorydetail.hide {
	display:none;
}

div.extendedconditiondisplay div.alerthistorydetail > div {
	padding-left:5px;
	padding-right:5px;
}

#resize.ui-widget-content .ui-icon {
	background-image: url('http://i1.timetotrade.eu/images/jquery_ui/ui-icons_222222_256x240.20120209.png/');
}

.customthreelookupwidget input::-webkit-input-placeholder {
	color: #000000;
}

.customthreelookupwidget input:-moz-placeholder {
	color: #000000;
}

/* Hoverchart styling */
.hoverchart.tooltip {
	position: absolute;
	width: 300px;
	height: 200px;
	
	border: 1px solid black;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	background-color: rgba(255, 255, 255, 0.9);
	background-color: #FFFFFF\9;
	/* IE 6 - 8 Hack ^^ */

	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
	
	padding: 10px;

	z-index: 200000;
}

/* Time picker styling */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; }
.ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }