body {
	background: #86d22f;
	background-image: url(./images/bg.gif);
	font-family: 'Trebuchet MS', 'sans-serif';
}

.t {background: url(./images/dot.gif) 0 0 repeat-x; background-color:#fff; width:100%;}
.b {background: url(./images/dot.gif) 0 100% repeat-x; width:100%;}
.l {background: url(./images/dot.gif) 0 0 repeat-y; width:100%;}
.r {background: url(./images/dot.gif) 100% 0 repeat-y; width:100%;}
.bl {background: url(./images/bl.gif) 0 100% no-repeat; width:100%;}





#head {
	margin: 0px;
	padding: 20px 20px 0px 20px;
}

#head .br {background: url(./images/head_br.gif) 100% 100% no-repeat;}
#head .tl {background: url(./images/head_tl.gif) 0 0 no-repeat}
#head .tr {background: url(./images/tr.gif) 100% 0 no-repeat; padding: 3px 135px; height:134px;}


#banner {
	font-weight: bold;
	font-size: 2.2em;
	text-align: right;
	line-height: 134px;
}

#banner img {
	border: 0px;
	margin: 7px;
}

#banner a {
	text-decoration: none;
	color: #000;
	display: block;
	background: url(./images/stripes1.gif) 30px repeat-y;
	padding-bottom: -20px;
}




#menu {
	margin: 35px 10px;
	padding: 0px;
	width: 200px;
	float: left;
}

html>body #menu {
	margin: 0px 10px;
}

#menu .br {background: url(./images/menu_br.gif) 100% 100% no-repeat}
#menu .tl {background: url(./images/menu_tl.gif) 0 0 no-repeat}
#menu .tr {background: url(./images/tr.gif) 100% 0 no-repeat; padding: 10px 45px; height: 50px;}


#menu a {
	display : block;
	font-weight: bold;
	text-decoration: none;
	color: #00227a;
	letter-spacing: 0.1em;
	margin: 0px 0px 10px 10px;
	line-height: 50px;
}

#menu a:hover {
	color: #1d90ba;
}

.menutext {
	display: block;
	margin-right: -20px;
}



#tick {
	background: #A6DE67;
	margin-top: 30px;
	margin-left: 30px;
	width: 150px;
}
#tick embed {
	margin-left: 10px;
}





#content_wrapper {
	margin-left: 240px;
	margin-top: 35px;
	margin-right: 20px;
	min-width: 420px;
}

#content_wrapper .br {background: url(./images/main_br.gif) 100% 100% no-repeat}
#content_wrapper .tl {background: url(./images/main_tl.gif) 0 0 no-repeat}
#content_wrapper .tr {background: url(./images/tr.gif) 100% 0 no-repeat; padding: 20px 60px;}


#content {
	font-size: 0.95em;
	text-align: justify;
	min-height: 385px;
	padding-bottom: 1.5em;
	line-height: 1.5em;
}

#content h1 {
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 2em;
	margin-top: 1em;
	letter-spacing: 0.2em;
}

#content h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 2.5em;
	margin-bottom: -0.5em;
	letter-spacing: 0.2em;
}

.playersection {
	font-size: 0.6em;
	margin-right: 0.1em;
}

#content a {
	text-decoration: none;
	font-weight: bold;
	color: #00227a;
}
#content a:hover {
	color: #1d90ba;
}





#loginbox, #tablebox {
	margin-top: 2em;
	margin-bottom: 2em;
}


#loginbox .t {background: url(./images/tiny_dot.gif) 0 0 repeat-x; background-color:#1d90ba; width: 17em;}
#tablebox .t {background: url(./images/tiny_dot.gif) 0 0 repeat-x; background-color:#77e327; width:100%;}

#loginbox .b, #tablebox .b {background: url(./images/tiny_dot.gif) 0 100% repeat-x; width:100%;}
#loginbox .l, #tablebox .l {background: url(./images/tiny_dot.gif) 0 0 repeat-y; width:100%;}
#loginbox .r, #tablebox .r {background: url(./images/tiny_dot.gif) 100% 0 repeat-y; width:100%;}
#loginbox .bl, #tablebox .bl {background: url(./images/float_bl.gif) 0 100% no-repeat; width:100%;}
#loginbox .br, #tablebox .br {background: url(./images/float_br.gif) 100% 100% no-repeat; width:100%;}
#loginbox .tl, #tablebox .tl {background: url(./images/float_tl.gif) 0 0 no-repeat; width:100%;}
#loginbox .tr, #tablebox .tr {background: url(./images/float_tr.gif) 100% 0 no-repeat; padding: 25px 20px 20px 20px; _width:100%;}

.login_text_input {
	width: 13em;
	margin: 3px 10px 3px 10px;
	border: 2px inset #1d90ba;
	font-family: 'Trebuchet MS', 'sans-serif';
	padding: 2px 3px;
}

.button {
	font-family: 'Trebuchet MS', 'sans-serif';
	color: #000;
	margin: 3px 10px -15px 10px;
	background: #1cace0;
	border: 2px solid #13617e;
	text-decoration: none;
	cursor: pointer
}


.greenbutton {
	font-family: 'Trebuchet MS', 'sans-serif';
	color: #000;
	background: #9ad754;
	border: 2px solid #3f9301;
	text-decoration: none;
	cursor: pointer
}

#loginfooter {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
}


.error {
	font-weight: bold;
	color: #fb356f;
}



tr.tablehead td {
	font-weight: bold;
	border-bottom: solid 1px black;
}

#content tr.tablehead td a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
#content .tablehead td a:hover {
	color: #1cace0;
}

#content td a {
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color: #000;
}
#content td a:hover {
	text-decoration: underline;
	color: #000;
}

.firstcol {
	border-right: solid 1px black;
}


table {
	font-size: 0.9em;
}

td {
	padding: 0 0.2em;
	text-align: left;
}

tr.header td {
	font-size: 1.1em;
	font-weight: bold;
}

tr.values td {
	padding-left: 1.5em;
}


#tablebox .error {
	color: #000;
}



.title {
	font-size: 1.1em;
	font-weight: bold;
}
.title .buysell {
	margin-left: -8em;
}

.text_input {
	margin-left: 1em;
	border: 2px inset #86c779;	
	width: 13em;
	font-family: 'Trebuchet MS', 'sans-serif';
	padding: 2px 3px;
}
td .actionbox .text_input {
	width: 7em;
}
.actionbox .button {
	margin: 0;
}



.graph {
	margin: 25px;
}

.marketpagenums {
	margin: 0.5em 0 0.5em 0;
}


div.footer {
	margin-top: 0.7em;
	color: #000000;
	font-size: 0.9em;
}

div.footer a:link{
	color: #000000;
	text-decoration: none;
}
div.footer a:visited{
	color: #000000;
	text-decoration: none;
}
div.footer a:hover{
	color: #3f9301;
	text-decoration: none;
}
div.footer a:active{
	color: #3f9301;
	text-decoration: none;
}


#code {
	border: 2px solid #666666;
	background: #dddddd;
	height:12em;
	overflow:auto;
	text-align:left;
	font-family:'Lucida Console, monospace';
	margin:1em auto 1em auto;
	font-size:0.7em;
	line-height:1.2em;
	letter-spacing:0em;
	width: 300px;
}

.gain {
	color: #4BC113;
}
.loss {
	color: #9F0000;
}
.stable {
	color: #A2B6BB;
}
tr.positive{ background-color: #92EC1A; }
tr.negative{ background-color: #84D628; }
tr.neutral{ background-color: #89E741; }



#shares, #pips {
	width: 4em;
	margin: 0 0.2em 0 0.2em;
}
.pricecalc {
	margin-bottom: 1em;
}



div.chatpages {
	text-align: center;
}
div.message {
	padding: 0 60px 0 60px;
}
div.message div.left {
	float: left;
}
div.message div.right {
	margin-left: 65px;
	min-height: 60px;
	_height: 60px;
}
div.message div.name {
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.15em;
}
div.message div.date {
	font-size:0.8em;
}
div.message div.main {
	margin-left:30px;
	line-height: 1em;
}
div.message hr {
	height:1px;
	color:#000000;
	background:#000000;
	border:none;
	width:90%;
	margin: 0.7em 0 0.7em 0;
}

textarea#message {
	font-family: 'Trebuchet MS', 'sans-serif';
	font-size: 0.85em;
	width:90%;
	height:7em;
	margin-bottom:0.5em;
	border: 2px inset #86c779;	
}


textarea#blurb {
	margin-left: 1em;
	font-family: 'Trebuchet MS', 'sans-serif';
	width:300px;
	height:7em;
	border: 2px inset #86c779;	
}
a {
	cursor: pointer;
}

/*----------------- DO NOT CROSS THIS LINE :@ ---------------------------*/

#prof {
	display: none;
}
#stat {
	display: none;
}
#chat {
	display: none;
	height: 500px;
	overflow: auto;
}
#addchat {
	display: none;
	width: 320px;
	height: 13.5em;
}
.profcontrols a {
	font-size: 8pt;
	font-weight: lighter;
	padding-right: 10px;
}
.profcontrols a:hover {
	font-size: 8pt;
	cursor: pointer;
}
.profile br {
	line-height: 9px;
}
.profile h3 {
	margin-bottom: 10px;
}
#prof a {
	font-size: 10pt;
	font-weight: bold;
}
#prof a:hover {
	font-size: 10pt;
	cursor: pointer;
}
#profcontainer, #statcontainer, #chatcontainer {
	margin-bottom: 20px;
}
#prof, #stat, #chat {
	background: #F4FCEB;
	padding: 20px;
	border: 1px solid #BDE68E;
}
.h3 {
	font-weight: bold;
	font-size: 15pt;
	letter-spacing: 2pt;
}
#lding {
	margin: auto;
	text-align: center;
}
#chatreplybox {
	border: 1px solid #BDE68E;
	padding: 10px;
	margin: 10px 0px 30px 0px;
	background: #E0F7C8;
}
.pa {
	color: #660000;
	margin-left: 15px;
}
.ps {
	color: #000066;
	margin-left: 15px;
}