/* SportsFan Stocks 
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html, body {
	color: #536482;
	background-color: #FFFFFF;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

img {
	border-width: 0;
}

/* Main blocks */

#wrap {
	padding: 0 20px;*/
	min-width: 650px;
}

/* Page Placement */

#overview-data {
	float: left;
	margin-left: 50px;
	text-align: center;
}

/* Header */

.headerbar {

/* http://www.colorzilla.com/gradient-editor/ */

/*	background-color: #12A3EB;
	background-image: url("images/bg_header.gif");
	color: #FFFFFF;*/
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C */
	
/*	background: #EBEBEB none repeat-x 0 0;
color: white;*/
margin-bottom: 4px;
padding: 0 5px;
}

.navbar {
	padding: 0 10px;
	background-color: #cadceb;
}

/* Text */

.center {
	text-align: center;
}
/*
.readpxsmall {
	font-size:10px;
	line-height:12px;
}

.readpxmed {

}

.readpxlarge {

}
*/
.readable1 {
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:2em;
	line-height:2em;
}

.readable2 {
	font-size:1.5em;
	line-height:1.7em;
}

.table-readable {
	font-size:1.3em;
	line-height:1.5em;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #28313F;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}

h4 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}


/* Tables */
.table-readable1 {
	font-size:2em;
	line-height:2em;	


}

.table-readable1 th { 
	padding:3px 10px 3px 10px; 
}

.table-readable1 td { 
	padding:3px 10px 3px 10px; 
}

.column-title {
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	color:#115098;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:20px;
	padding-bottom:2px;
	text-transform:uppercase;
	line-height:1.4em;
}

.table-top {
	vertical-align:text-top;
	text-align: center;
}

/* Backgrounds */

.bg1 	{ background-color: #ECF3F7; }
.bg2	{ background-color: #e1ebf2; }
.bg3	{ background-color: #cadceb; }

.panel {
	color: #28313F;
	margin-bottom: 4px;
	padding: 0 10px;
}

.panel-bg {
	background-color:#EBEBEB;
}

.bgimage1 {
	background-image:url('/images/pine.gif');
}

/* Ad Layouts */

.header-ad-sfs {
	color: #FFFFFF;
	position: relative;
	left: 15px;	
/*	margin-top: 30px; */
	width: 728px;
	height: 90px;

/*	display: block;*/
/*	float: right;*/
/*	text-align: right;*/
	white-space: nowrap; /* For Opera */
}

#square-ad-sfs {
	color: #FFFFFF;
	position: relative;
/*	margin-top: 30px; */
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#left-ad-sfs {
	color: #FFFFFF;
	position: relative;
/*	margin-top: 30px; */
	margin-right: 5px;
	display: block;
	float: left;
	text-align: left;
	white-space: nowrap; /* For Opera */
}

#leaderboard-ad-sfs {
	color: #FFFFFF;
	position: relative;
/*	margin-top: 30px; */
	margin-right: 5px;
	display: block;
	text-align: center;
	white-space: nowrap; /* For Opera */
}

#double-ad-sfs {
	color: #FFFFFF;
	position: relative;
	margin-top: 39px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

/* Links */

a.sfslinkclass:hover {
	text-decoration:none;
}

a:link	{ color: #105289;  text-decoration: none; }
a:visited	{ color: #105289;  text-decoration: none; }
a:hover	{ color: #D31141; text-decoration: underline;}
a:active	{ color: #368AD2;  text-decoration: none; }

/* Used in Recent Topics Box Sidebar*/
a.topictitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #105289;
	text-decoration: none;
}

/* a.topictitle:visited { color: #d2d2d2; } */

a.topictitle:hover {
	color: #D31141;
	text-decoration: underline;
}

a.topictitle:active {
	color: #368AD2;
}

/* Lists */

ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	border-bottom-color: #FFFFFF;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* */

.have-pm {
	background-color: pink;
	font-weight: bold;
}

/* CSS3 */
.roundcorners {
	
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.dropshadow {
	-moz-box-shadow: 5px 5px 5px black;
	-webkit-box-shadow: 5px 5px 5px black;
	box-shadow: 5px 5px 5px black;
}

/* navbar fix 
* html .clearfix, * html .navbar, ul.linklist {
	height: 4%;
	overflow: hidden;
}
*/

#dialog {
	display:none;
}

#graph-holder {
	margin-left: 10px;
	float: left;
	width: 400px;
	height: 300px;
	text-align:left;
}