@import "/css/dualcol-forms-base.css";

*
{
 margin: 0;
 padding: 0;
}

body
{
 background: #fff url('/img/background.gif') repeat-x;
}

p, table, ol, ul, blockquote, h2, h3, h4, h5, h6, form
{
 margin: 0.8em 0 0 0;
}

h2 {
 line-height: 18px;
 font-size: 120%;
 color: #ed8017;
 margin-bottom: 0.8em;
}

h3 {
 font-size: 95%;
 letter-spacing: 1px;
}

h4
{
 font-size: 100%;
 line-height: 130%;
}

h5
{
 font-size: 90%;
}

ul {
 list-style: none;
}

ul li
{
 background: url(/img/bullet-play-small.gif) no-repeat left;
 line-height: 18px;
 padding-left: 18px;
}

table
{
 border-collapse: collapse;
}

dl {
 border: solid 1px #f3ddc9;
 margin: 1em 0;
 display: table;
 width: 90%;
 clear: both;
}

dt {
 font-weight: bold;
 float: left;
 clear: left;
 width: 20em;
 padding: 0.4em;
 white-space: nowrap;
}

dd {
 padding: 0.4em;
 margin-left: 11em;
}

th a
{
 color: white;
}


/* page divisions */

#header
{
 position: relative;
 height: 90px;
}

#header h1
{
 position: absolute;
 left: 0;
 top: 0;
 width: 10px;
 height: 90px;
}

#header span
{
 display: none;
}

#header img
{
 position: absolute;
 width: 244px;
 height: 99px;
 left: 20px;
 top: 0;
}



#login
{
 position: absolute;
 width: 968px;
 top: 0;
 left: 0;
}

#login form
{
 float: right;
}

#login p
{
 text-align: right;
 margin: 2px 0 0 0;
 padding: 0;
}

#login fieldset
{
 border: 0;
 padding: 0;
}

#login fieldset.submit
{
}


#animation
{
 padding-left: 1px;
}

#banner
{
 margin-left: 28px;
 margin-top: 8px;
}

#content
{
 padding: 10px 26px 0 26px;
}

#footer
{
 margin-top: 12px;
 width: 944px;
 position: relative;
 padding-left: 30px;
 font: 9px/14px "Verdana";
 height: 36px;
 clear: both;
}

#footer li
{
 display: inline;
}

#footer p
{
 float: left;
}

#footer ul
{
 float: right;
}

#footer li
{
 background: url(/img/separator-grey.png) no-repeat right 3px;
 padding: 0 9px 0 6px;
}

#footer li.last
{
 background-image: none;
}

body.admin h3
{
 font-size: 13px;
 margin-top: 24px;
}

table tr.alt
{
 background-color: #eeeeee;
}

tr.ruled, tr.ruled td {
 background-color: yellow;
}

table th, table td
{
 padding: 5px;
 border: solid 1px #737277;
}

table th
{
 background-color: #737277;
 color: white;
}

#mylayer table td {
 border: none;	
}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}

.error_message {
clear: both;
}

.error em {
color: #003d4c;
}

.notice {
color: #656565;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}

.tip {
color: #656565;
background-color: #ddd;
}

.actions
{
 list-style: none;
 padding: 0;
 margin: 0;
 display: block;
 clear: both;
 margin-top: 14px;
}

.actions li
{
 display: block;
 width: 100px;
 height: 26px;
 margin-bottom: 9px;
}

.actions li a
{
 background: url(/img/bullet-play-small.gif) no-repeat 4px 4px;
 border: solid 1px #ccc;
 display: block;
 padding: 4px 8px 4px 25px;
 text-decoration: none;
 text-align: center;
 color: #333;
}

.actions-embed
{
 padding: 0;
 margin: 0;
 white-space: nowrap;
}

.actions-embed li
{
 display: inline;
 background: none;
 padding: 0 7px 0 2px;
 border-right: solid 1px #ccc;
}

.actions-embed li.last
{
 border: 0;
}

.hidden
{
 display: none;
}

.gain {
	background: #e5ffe1;
}

.loss {
	background: #ffe1e1;
}

.total {
	font-weight: bold;
}

.feature
{
 position: relative;
 z-index: 10;
 width: 944px;
 background: #fff url(/img/feature-top.gif) no-repeat;
 margin-top: 12px;
 padding-top: 22px;
}

.subscriber
{
 background: none;
}

.feature object
{
 border: solid 1px white;
}

.feature h3
{
 text-transform: uppercase;
 font-size: 12px;
}

.feature div.body
{
 width: 944px;
 background: #fff url(/img/feature-bg.gif) repeat-y;
 padding: 0 14px 24px 14px;
 display: table;
}

div.feature div.bottom
{
 position: absolute;
 bottom: 0;
 left: 0;
 width: 944px;
 height: 22px;
 background: #fff url(/img/feature-bottom.gif) no-repeat left bottom;
}

.feature .l, .feature .r
{
 width: 430px;
}

.feature .l
{
 float: left;
}

.feature .r
{
 float: right;
 margin-right: 25px;
}

table.small
{
 font-size: 9px;
}

table.small td, table.small th
{
 padding: 1px;
 font-size: 9px;
}

.c
{
 text-align: center;
}

.actions li
{
 background: none;
 padding: 0;
}

.report h3, .report h4
{
 text-align: center;
 width: 914px;
}

.report h3
{
 font-size: 30px;
 letter-spacing: -1px;
 text-transform: none;
}

.report h4
{
 font-size: 18px;
}

div#login-status
{
 position: relative;
}

div#login-status p
{
 padding-top: 8px;
 padding-right: 285px;
}

div#login-status ul
{
 position: absolute;
 right: 23px;
 top: -11px;
 padding: 0;
}

div#login-status ul li
{
 background: none;
 display: inline;
}

div#login-status ul li img
{
 margin-top: 8px;
}

.footnote
{
 font-size: 10px;
 font-style: italic;
}

.left-panel
{
 width: 213px;
 background: #edeef0 url(/img/left-panel-top.png) no-repeat top;
 color: #656263;
 position: absolute;
 padding: 12px 0 12px 0;
 top: 4px;
 left: 0;
 font-size: 10px;
}

.left-panel p
{
 padding: 0 4px 0 10px;
}

.right-panel
{
 padding-left: 217px;
 padding-right: 10px;
 padding-bottom: 4px;
 width: 700px;
}

.trade-info
{
 margin-top: 5px;
 margin-right: 25px;
 display: inline;
}

.trade-info table
{
 margin: auto;
 margin-bottom: 8px;
 margin-top: 20px;
 float: left;
 margin-right: 30px;
}

.trade-info thead th
{
 border-bottom: solid 1px #aaa;
}

.trade-info thead th img
{
 display: block;
 margin: auto;
 margin-top: 10px;
 margin-bottom: 20px;
}

.trade-info thead th span
{
 font-size: 18px;
 color: #e38200;
}

.trade-info thead th span a
{
 font-size: 18px;
 color: #e38200;
}

.trade-info th, .trade-info td
{
 background: none;
 color: #444;
 border: 0;
}

.trade-info th
{
 text-align: left;
}

.nowrap
{
 white-space: nowrap;
}

#sites
{
 position: absolute;
 top: 74px;
 width: 968px;
}

#sites ul
{
 float: right;
 margin: 0;
 padding: 0;
 white-space: nowrap
}

#sites ul li
{
 display: inline;
 background: 0;
}

#nav-subscribers
{
 font-size: 14px;
 width: 944px;

}

#nav-subscribers ul
{
 float: left;
 margin: 0;
 padding: 0;
 white-space: nowrap
 border: 1px solid blue;
}

#nav-subscribers ul li
{
/* all list items */
 float: left;
 padding: 0 0px;
	padding-top: 10px;
 white-space: nowrap;
 background: url(/img/tab-bg.png) no-repeat;
 display: block;
 width: 188px;
 height: 30px;
 text-align: center;
}


#nav-subscribers ul li a 
{
	color: #333;
	text-decoration: none;
}

#nav-subscribers ul li a:hover
{
	color: #ed8017;
	text-decoration: underline;
}

#nav-subscribers ul .sub-on
{
	font-weight: bold;
 background: url(/img/tab-bg-on.png) no-repeat;
}

#nav-subscribers ul li.sub-on 
{
	width: 192px;
}