/*
Troubleshooting move line 6's comment up to line 2 to turn on div outlines
* {
outline: 1px solid red; 
}
 */
/* equalizing all default browser display of the elements below by setting it to zero, none, or a fixed-size */
:link,:visited {
		text-decoration:none 
}
ul,ol {
		list-style:none 
}
h1,h2,h3,h4,h5,h6,pre,code {
		font-size:1em; 
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{
		margin:0; padding:0 
}
a img,:link img,:visited img {
		border:none 
}
address {
		font-style:normal 
}

body {
		width: 100%;
		height: 100%;
		font-family: Verdana, sans-serif;
		font-size: 12px;
		background-color: white;
}

#wrapper {
		margin: 0px auto;
		width: 100%;
		height: 100%;
}

#header {
		position: relative;
		height: 130px;
		min-width: 1020px;
		background: #0d232f url(/img/header_background.jpg) repeat-x top center;
}

#header img {
		margin: 8px 0px 0px 15px;
		float: left;
}

#header span#siteID {
		font-size: 32px;
		color: red;
		position: absolute;
		top: 30px;
		left: 125px;
}

#menu_wrapper {
		background: transparent url(/img/menu_background.jpg) repeat-x top center;
		height: 32px;
		width: 100%;
		min-width: 1020px;
		position: absolute;
		top: 100px;
		left: 0px;
}

#top_nav {
		position: absolute;
		left: 0px;
		color: white;
		width: 80%;
		min-width: 738px;
		height: 30px;
		padding: 0px;
		margin: 0px;
		border-bottom: 2px solid #ababab;
		list-style: none;
		font-size: 1.25em;
}

#search {
		width: 15%;
		position: absolute;
		right: 0px;
		color: white;
		width: 20%;
		min-width: 283px;
		height: 30px;
		padding: 0px;
		margin: 0px;
		border-bottom: 2px solid #ababab;
		list-style: none;
		font-size: 1.25em;
}

#search li {
		padding-top: .25em;
}

#search form {
		display: inline;
}

#top_nav li {
		height: 100%;
		padding: .25em 2em 0em 2em;
		float: left;
		border-right: 1px solid white;
}

#top_nav li:hover {
		background: url(/img/menu_background_hover.jpg) repeat-x top center;
}

#top_nav li a, #top_nav li a:visited {
		display: block;
		color: white;
		width: 100%;
		height: 100%;
}

#top_nav li:hover a, #top_nav li:hover a:hover, #top_nav li a:hover {
		color: #fc3;
}

#top_nav li a:active {
		color: #000;
}

#content, #main_content {
		background: white url(/img/content_background.jpg) repeat-x top center;
		/*margin-top: 35px;*/
		min-height: 600px;
		width: 100%;
		float: left;
}

#main_content .yiiForm {
		background-color: white;
		width: 401px;
		height: 188px;
		background: transparent url(/img/login_bg.png) no-repeat top center;
		padding-top: 25px;
		margin: 0px auto;
}

#main_content .yiiForm#contact, #main_content #mathForm, #formc {
		width: 550px;
		height: 255px;
		background: transparent url(/img/contact_bg.png) no-repeat top center;
}

#main_content #mathForm, #formc {
		margin-bottom: 0px !important;
		margin-left: 0px !important;
		padding: 0px !important;
		padding-top: 50px !important;
		margin: 0px auto !important;
}

#main_content object {
		margin: 0px auto;
}

#main_content table object {
		margin: 0px !important;
}


#actionBarWrapper {
		background: #0e2e3d url(/img/table_bar_top_right.gif) no-repeat  top right;
}

#actionBarTop {
		background: transparent url(/img/table_bar_top_left.gif) no-repeat  top left;
}

#actionBarWrapperBottom {
		background: #0e2e3d url(/img/table_bar_bottom_right.gif) no-repeat  bottom right;
}

#actionBarBottom {
		background: transparent url(/img/table_bar_bottom_left.gif) no-repeat  bottom left;
}

.actionBar {
		height: 31px;
		color: #fff;
		/*padding-top: 20px;
		margin: 0px 0px -2px 16px;*/
		width: 100%;
		background-color: #0e2e3d ;
}

table table.dataGrid2 {
		margin: 0px !important;
		padding: 0px !important;
		width: 100% !important;
}

#content table tr td form {
		margin-bottom: 0px !important; 
		margin-left: 0px !important;
}

.actionBar div {
		margin-left: 25px;
}

.actionBar div#actionBarBottom {
		margin-left: 0px;
}

.actionBar div div {
		margin-left: 250px;
}

.actionBar div div#filter a {
		/*
		margin-left: 500px;
		*/
		margin-top: -26px;
}

.actionBar #listForm {
		padding-top: 8px;
		padding-left: 25px;
}

.actionBar div a {
		float: left;
		height: 15px;
		background: url(/img/table_highlight_bg.jpg) repeat-x top center;
		margin-top: -30px;
		padding: 8px 10px;
}

.actionBar div a:hover {
		background: url(/img/table_highlight_bg_over.jpg) repeat-x top center;
}

#actionBarBottom div a {
		margin-top: 0px !important;
}

#actionBarBottom div #calculate a {
		float: right;
		margin-right: 25px;
		text-align: center;
		width: 146px;
		color: white !important;
		display: block;
		background: transparent url(/img/calculateButton_sprite.png) no-repeat top center !important;
		border: none !important;
}

.actionBar a {
		color: #71e96b !important;
		font-weight: bold;
		display: block;
		float: left;
		height: 30px;
		padding-top: -8px;
		border-right: 1px solid white;
		border-left: 1px solid white;
}

span#back {
		display: block;
		width: 150px;
		height: 18px;
		background: transparent url(/img/calculateButton_sprite.png) no-repeat top center;
		padding: 5px 10px 20px 10px;
		margin-bottom: 10px;
}

span#back a {
		color: #fff !important;
}

#content {
		min-width: 1020px;
}

#left_content {
		width: 78%;
		min-width: 800px;
		float: left;
		padding-top: 35px;
}

#content #right_nav, #main_content #right_nav {
		width: 210px;
		min-height: 625px;
		background-color: white;
		color: #33a4b6;
		border-left: 1px solid #dff2ee;
		float: right;
		font-size: 112%;
		padding-top: 20px;
}

#content #right_nav a, #content #right_nav a:visited {
		color: #33a4b6;
		text-decoration: underline;
}

#right_nav * {
		margin: 7px 16px;
}

/* strip padding and margin from forms in right_nav */
#right_nav .yiiForm {
margin: 0px !important;
padding: 0px !important;
}

#right_nav img {
		margin: 0px;
		padding: 0px;
}

#right_nav h2 {
		font-size: 1.2em;
		/*font-style: italic;*/
		clear: both;
}

#right_nav p {
		font-size: 80%;
}

#right_nav form * {
		margin: 10px 0px 0px 0px;
}

#right_nav form label {
		display: block;
		float: left;
		width: 75px;
}

#right_nav form input {
		display: block;
		float: left;
		width: 95px;
}

#right_nav hr {
		clear: both;
		width: 90%;
		color: #8de8f2;
		background-color: #8de8f2;
		height: 1px;
		border: none;
}

#right_nav ul {
		margin: 0px;
		font-size: 16px;
}

#right_nav ul li a, #right_nav ul li a:visited {
		color: #a3d129 !important;
		margin: 0px;
}

#right_nav ul li a:hover {
		color: #488a2b;
}

#right_nav ul li ul {
		font-size: 90%;
}


#right_nav ul li ul li {
		margin: 5px 0px 0px 20px;
}

#right_nav ul li ul li a, #right_nav ul li ul li a:visited {
		color: #488a2b !important;
}

#right_nav ul li ul li a:hover {
		color: #a3d129;
}

#left_content {
		color: #0e2f3e;
}

ul#currencies {
		list-style: none;
		width: 70%;
		height: 30px;
}

ul#currencies li {
		background: transparent url(/img/menu_background.jpg) repeat-x top center;
		height: 100%;
		padding: .35em 2em 0em 2em;
		float: left;
		border-right: 1px solid white;
}

ul#currencies li a, ul#currencies li a:visited {
		color: white !important;
		font-size: 1.2em;
}
ul#currencies li:hover {
		background: url(/img/menu_background_hover.jpg) repeat-x top center;
}

ul#currencies li a, ul#currencies li a:visited {
		display: block;
		color: white;
		width: 100%;
		height: 100%;
}

ul#currencies li a:hover {
		color: #fc3 !important;
}

ul#currencies li a:active {
		color: #000;
}

#left_content a, #left_content #main_content a {
		color: #33a4b6;
}

#left_content a:visited, #left_content #main_content a:visited {
		color: #0e0f2e;
}

#left_content a:hover, #left_content #main_content a:hover {
		color: red;
		text-decoration: underline;
}

/* pesky line chart that does not apparently exist... 
#left_content #number_one_line_chart {
		height: 0px !important;
}*/

#left_content p, #left_content #main_content p, #left_content #main_content ul, #left_content #main_content ul {
		margin-left: 2.5em;
		margin-bottom: 2em;
}

#left_content #main_page {
		margin: 30px auto;
		width: 700px;
		height: 400px;
}

#left_content #main_page img {
		float: right;
		margin-bottom: 20px;
		background-color: white;
}

#left_content #main_page p {
		clear: right;
		font-size: 1.75em;
		font-weight: bold;
		width: 70%;
		margin: 0px 20px;
}

#left_content #main_page p em {
		font-size: 1.2em;
}

#left_content #main_page h1 {
		font-size: 1.75em;
		float: left;
		margin-left: 40px;
}

#left_content #pitch {
		width: 700px;
		height: 175px;
		margin-top: 20px;
		background: transparent url(/img/pitch_top.png) no-repeat top left;
		color: white;
		position: relative;
}

#left_content #pitch p {
		height: 19px;
		margin-left: 1.5em !important;
		font-size: 12px;
}

#left_content #pitch ul, #left_content #pitch p {
		font-size: 1.1em;
		font-weight: bold;
		margin-left: 0px;
}

#left_content  #pitch ul {
		height: 141px;
		background: white;
		padding: 14px 14px 0px 14px;
		border: 1px solid #0e2f3e;
}

#left_content  #pitch ul li {
		color: #33a4b6;
		padding: .5em;
}


#left_content  #pitch #register {
		height: 175px;
		width: 170px;
		color: white;
		background: #f00 url(/img/register_button_sprite.jpg) no-repeat top center;
		position: absolute;
		top: 0px;
		right: 20px;
		text-align: center;
}

#left_content  #pitch #register:active {
		background-position: 0px -175px ;
}

#left_content  #pitch #register a {
		display: block;
		width: 160px;
		height: 40px;
		color: white;
		font-size: 1.5em;
		font-weight: bold;
		margin-top: 40px;
}
#left_content  #pitch #register a:hover {
		color: black;
}

#left_content  #pitch #register a:active {
		color: white;
}

#left_content  #pitch #register p {
		margin: 20px 0px 0px 0px !important;
		width: 100%;
		font-size: 12px;
		font-weight: normal;
}

#left_content #registration #benefits {
		width: 300px;
		font-size: 10px;
		float: left;
		margin: 0px 10px 0px 20px;
		padding-right: 15px;
		border-right: 1px solid #dff2ee;
}

#left_content #registration #benefits * {
		margin-bottom: 20px;
}

#left_content #registration #registration_form input {
		display: block;
}
#left_content #registration #registration_form label, #left_content #registration #registration_form input {
		width: 250px;
		margin-bottom: 7px;
		float: left;
}

#left_content #registration #registration_form label {
		clear: left;
		text-align: right;
		margin-right: 15px;
}

#left_content #registration #registration_form label > input  {
		outline: 1px solid red;
}

#left_content #registration #registration_form fieldset {
		background-color: white;
		border: 1px solid #33a4b6;
		margin-top: 20px;
		padding: 10px;
		width: 55%;
}

#left_content #registration #registration_form .paypal input {
		width: auto;
}

#left_content fieldset#non_member {
		background: #f00 url(/img/register_button_sprite_large.jpg) no-repeat top center;
		width: 257px;
		height: 257px !important;
		border: 0px;
		color: white;
}

#left_content fieldset#non_member #register a {
		color: white;
		font-size: 1.5em;
		font-weight: bold;
		height: 40px;
		display: block;
		margin-top: 70px;
		margin-left: 50px
}

#left_content fieldset#non_member:active {
		background-position: 0px -257px;
}

#left_content fieldset#non_member #register a:hover {
		color: black;
}

#left_content fieldset#non_member #register a:active {
		color: white;
}

#left_content table {
		margin:0px auto;
}

#left_content p, #left_content ul, #left_content ol, #left_content h1, #left_content h2, #left_content h3, #left_content h4, #left_content h5, #left_content h6, #left_content pre, #left_content code, #left_content ul,#left_content ol,#left_content form,#left_content blockquote,#left_content fieldset,#left_content input {

		margin-left: 20px;
		margin-bottom: 1em;
}

#left_content h1 {
		font-size: 200%;
}

#left_content h2 {
		font-size: 150%;
}

#footer {
		clear: both;
		height: 165px;
		background: #8DE8F2 url(/img/footer_background.jpg) repeat-x scroll center bottom;
		min-width: 1020px;
		border-top: 2px solid #d5d5d5;
}

#footer p {
		margin: .5em 2em;
		color: #33a4b6;
		font-size: 80%;
}

.disclaimer {
		color: white !important;
		float: left; 
		width: 45%;
		font-family: Georgia, serif;
 }

 .advertisement {
		 float: right;
 }

.advertisement img {
		background-color: green;
		display: block;
		float: right;
		/*
		margin: -90px 0px 0px 0px !important;
		*/
}

/* begin data grid style 
- I added this for the tables 
*/
table.dataGrid
{
	background: white ;
	border-collapse: collapse ;
	width: 50% ;
}

table.dataGrid th, table.dataGrid td
{
	font-size: 0.9em ;
	border: 1px #4F81BD solid ;
	padding: 0.3em ;
}

table.dataGrid th
{
	background: #d3dfee ;
	text-align: center ;
}

table.dataGrid th.label
{
	width: 150px ;
}

table.dataGrid tr.odd
{
	background: #E6F2FF ;
}
/* end of data grid style */

/* begin data grid 2 style 
- I added this for the tables 
*/
table.dataGrid2
{
	background: white ;
	border-collapse: collapse ;
}

table.dataGrid2 th, table.dataGrid2 td
{
	font-size: 0.9em ;
	border: 1px #4F81BD solid ;
	padding: 0.3em ;
}

table.dataGrid2 th
{
	background: #d3dfee ;
	text-align: center ;
}

table.dataGrid2 th.label
{
	width: 150px ;
}

table.dataGrid2 tr.odd
{
	background: #E6F2FF ;
}
/* end of data grid style */

/* let's get rid of those pesky little hidden inputs */
input#ytLoginForm_rememberMe {
		display: none !important;
}

#addToMyFundKingWrapper{
text-align: center;
padding: 0px;
margin-top: 0px;
background:transparent url(/img/addToMyFundKingButton.png) no-repeat scroll center center;
}

#addToMyFundKing {
display: block;
width: 100px;
margin: 15px auto 0px auto;
color: #fff !important;
}

.actionBar #listForm select {
		margin-bottom: .8em;
}


/* Menu decoration Feb, 2010 */
/* Main (top) navigation menu */
#menu_wrapper ul#top_nav li ul {
		position: absolute;
		left: -999em;
}

#menu_wrapper ul#top_nav li:hover ul {
		left: auto;
}

#menu_wrapper ul#top_nav li ul {
		background-color: #798d8e;
		border: 1px solid white;
		border-top: 0px;
		margin-left: -2em;
}

#menu_wrapper ul#top_nav li ul li {
		float: none;
		border: none;
		border-top: 1px solid white;
		height: 1.7em;
}

#menu_wrapper ul#top_nav li:hover ul li a {
		color: rgb(255,255,255)
}


#menu_wrapper ul#top_nav li ul  li:hover {
		background: #03597d;
}

#menu_wrapper ul#top_nav li ul  li:hover, #menu_wrapper ul#top_nav li ul li:hover a {
		color: rgb(255,204,51)
}

/* Right-side navigation menu */
#right_nav ul li {
		background-color: #eceeed;
}

#right_nav ul li ul {
		background-color: #d9d9d9;
}

#right_nav ul li {
		border: 1px solid #d1d1d1;
		margin-bottom: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		padding-top: 0px;
}

#right_nav ul li ul li {
		border: none;
		background: transparent;
		margin-top: 7px;
}

#right_nav ul li a, #right_nav ul li ul li a {
		text-decoration: none !important;
}

#right_nav ul li ul li a {
		color: #7e7e7e !important;
}

#right_nav ul li ul li a:hover {
		color: black !important;
}

#right_nav ul li a {
		color:rgb(51, 164, 182) !important;
}