/* @override http://localhost:8888/banjo/screen.css */

/*	Desc: *title* Screen Style Sheet
	Author: Jim Olson
	Date: *last modified date*
	+ Colours
	- *colour hex* *colour name* (*purpose*)
	
=== === === === === === === === === === */

/*=STRUCTURE
=== === === === === === === === === === */

@import 'reset.css';

/*
body {font-size:12px;font-family:Verdana;text-align:center;}

div#WrapOuter {width:900px;margin-left:auto;margin-right:auto;}

div#WrapInner {text-align:left;width:900px;margin:auto;background-color:#fff;float:left;}

div#Header {color:#fff;font-size:150%;line-height:40px;width:880px;height:40px;padding:45px 10px;}
*/

/*=COMMON
=== === === === === === === === === === */

/*
* {padding:0;margin: 0}

h1, h2, h3, h4, h5 {color:#103f7e;}

h1 {font-size:150%;}

h2 {font-size:140%;}

h3 {font-size:125%;}

h3 {font-size:110%;}

p, li {line-height:150%;}

h1, h2, h3, h4, h5, ul, ol, p {margin-bottom:12px;}
*/

/*
a:link {color:#217efb;text-decoration:none;}
a:visited {color:#666;text-decoration:none;}
a:hover {color:#1a00fa;text-decoration:underline;}
a:active {color:#f71313;text-decoration:none;}
*/

b, strong {font-weight:bold;}
i, em {font-style:italic;}

/*
table {border-collapse:collapse;}
table thead {font-weight:bold;background:#bababa;}
table td {padding:6px;}
*/


.line {height: 2px;border-top:0px dotted #fff;border-right:0px dotted #fff;border-left:0px dotted #fff;border-bottom:1px dotted #6f6f6f;display:block;}

/*=NAVIGATION
=== === === === === === === === === === */

/*
div#MainNav {width:900px;height:20px;padding:5px 10px}
div#MainNav li {margin-right:10px;display:inline;}
*/

/*=CONTENT
=== === === === === === === === === === */

/* div#Content {color:#333;width:880px;padding:5px 10px;background:#fff;float:left;} */
ul li {line-height:150%;margin:0 0 14px 0;list-style:none;}

span.Up {color: green;}
span.Down {color: red;}
span.None {color: #5C5C5C;}
form label {width:100%;font-weight:bold;clear: both;display: block;}

form ul li input,
form ul li select {margin-left: 15px;}


div#Title {
	width: 200px;
	float: left;
}

#Title h2 {
	margin-bottom: 0px;
}

#Title em {
	font-size: 80%;
}

#BottomRow {
	width: 536px;
	clear: both;
}

#BottomRow ul {
	width: 600px;
	float: left;
	clear: both;
	margin-top: 20px;
}

#BottomRow ul li {
	width: 69px;
	float: left;
	/* background: #eeeeee; */
	margin-right: 10px;
	padding: 5px 5px 5px 9px;
}

#TopRow {
	font-size:100%;
	height:45px;
	margin-top:5px;
	padding-left:60px;
}

#TopRow div.LastPrice {
	font-size:18px;
	line-height: 18px;
	margin-top: 3px;
	padding-top: 4px;
}

#TopRow div.Change {
	font-size:11px;
	line-height: 12px;
}

#MainNumbers.Up #TopRow {
	float: left;
	clear: both;
	background: url(upsmall.gif) no-repeat;
}

#MainNumbers.Down #TopRow {
	border-bottom: 1px dotted #C4C4C4;
	clear: both;
	background: url(downsmall.gif) no-repeat;
}

#MainNumbers.None #TopRow {
	float: left;
	clear: both;
	background: url(nonesmall.gif) no-repeat;
}

.stocks #primary table,
.stocks #primary form {width: 535px; margin-bottom: 0;border-top: none;border-left:1px solid #f0f0f0;}

.stocks #primary table td.details {border-bottom: none;border-right:none; background: none; padding: 0;}

.stocks #primary table td.first {border-right: 20px solid transparent;}

.stocks #primary table table {width: 100%;}

.stocks #primary table td {border-bottom: 1px dotted #C4C4C4;border-right:1px solid #f0f0f0; background: url(tablebg.gif) #fff no-repeat top left;}

p.subhead {
	font-weight:bold;
	margin-top:10px;
}

#Graphs {
	clear: both;
}

#Graphs div.StockPrice h2,
#Graphs div.Volume h2,
#ChartOptions h2,
#StocksLower h2 {
	font-size:14px;
	font-weight:bold;
	margin:20px 0 0;
	padding:7px 0 3px 10px;
}

#Graphs div.StockPrice h2,
#Graphs div.Volume h2 {
	background: #dfdddb;
	border: 1px dotted #C4C4C4;
	border-bottom: none;
}

#ChartOptions h2,
#StocksLower h2 {
	background: #dfdddb;
	border: 1px dotted #C4C4C4;
}

.stocks #primary .inside {
margin:0 23px 0 50px;
overflow:visible;
}

#StocksLower {
	margin-top: 20px;
}


#StocksLower ul {
	width: 300px;
	float: left;
}

#StocksLower ul li {
	margin-bottom: 4px;
	border-bottom:1px dotted #eee;
	width: 160px;
	padding: 5px 5px 5px 7px;
}
#ChartOptions form ul li {
	clear: both;	
}

#ChartOptions form ul li ul li input {
	margin-right: 10px;
}

input#Submit {
	margin-left: 260px;
	background:#E02E21;
	border:medium none;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:3px 5px;
}

input#Submit:hover {background:#678F38;}

#ChartOptions form ul li label {
	width: 240px;
	float: left;
}

#ChartOptions form ul li ul {
	float: left;
}

.snap #primary {width: 555px; background: #fff; border: none; margin: 0;}

.small #primary {width: 220px;}

.small #MainNumbers.Down #TopRow {border-bottom: none;}

.globe {float: right; margin-top: 10px;}

.snap #primary .inside {margin: 10px;}

html.snap,
body.snap,
.snap #content {background: #fff}