/*
	(1) html elements
	(2) global structures
	(3) formatting for global structures
	(4) general purpose */

/*----------------------------------------------------------------------------------
	(1) html elements 
------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 75%;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 1.4em;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	background: transparent url(/images/bg_h1.gif) bottom left repeat-x;
}

h1 a {
	float: right;
	font-size: .65em;
	font-weight: normal;
	padding-top: 6px;
}

h2 {
	font-size: 1.2em;
	margin: 15px 0 2px 0;
	padding: 0;
	color: #2e5cba;
}

h2.first {
	margin: 6px 0 12px 0;
}

h3 {
	font-size: 1em;
	color: #000;
	margin: 4px 0 0 0;
	padding: 0;
}

p.first {
	margin-top: 0;
	padding-top: 0;
}

a {
	color: #1a4396;
}

a:hover {
	color: #000;
}

a img {
	border: none;
}

/*----------------------------------------------------------------------------------
	(2) global structures 
------------------------*/
	
#main {
	width: 787px;
	margin: 0 auto;
	padding-left: 6px;
	background: #fff url(/images/bg_body_gradient.gif) 0 0 repeat-y;
}

#masthead {
	width: 780px;
}

#logo {

}

#user {
	float: right;
	padding: 10px 12px 0 0;
	text-align: right;
	font-size: .9em;
	text-align: left;
	width: 346px;
}

#nav {
	width: 780px;
	height: 64px;
	background: transparent url(/images/bg_nav.gif) 0 0 no-repeat;
	border-top: 1px solid #000; /* this is fixing a vertical spacing issue in firefox */
}

#nav.no-sub {
	background-image: url(/images/bg_nav_no-sub.gif);
	height: 53px;
}

#access-indicator {
	display: block;
	margin-top: 0px;
	margin-left: 8px;
}

#primary-nav {
	margin: 11px 0 0 45px;
	height: 22px;
}

#secondary-nav {
	margin: 5px 0 0 6px;
	height: 26px;
}

#content {
	padding: 16px 0 0 9px;
	width: 516px;
	margin-right: 14px;
	float: left;
}

#resources {
	float: left;
	width: 230px;
	padding: 19px 0 0 0;
	position: relative;
}

#footer {
	background: transparent url(/images/bg_footer.gif) 0 0 no-repeat;
	width: 787px;
	height: 76px;
	margin: 0 auto;
	padding-left: 6px;
	font-size: .8em;
}

/*----------------------------------------------------------------------------------
	(3) formatting for global structures
------------------------*/


	
/*  NAV FORM  */	
#nav form {
	float: right;
	padding: 6px 14px 0 0;
}

#nav form input {
	float: left;
	margin-right: 4px;
}

#nav form input.text {
	height: 15px;
	width: 151px;
}
	
/* LOGO */
#logo img { 
	padding-top: 9px;
	padding-bottom: 4px;
	margin-left: 11px;
	float: left;
}


/* USER */
#user input.text {
	width: 101px;
	height: 14px;
	font-size: 1em;
	padding: 1px 0 1px 6px;
}

#user input, #user img {
	float: left;
	margin-right: 4px;
}

#user input.button {
	padding-left: 0px;
}


/* user variations for 'signed in' and 'subscriber' states */
/* i tried created classes of the user element for each state:  #user.signed-in & #user.subscriber
but IE doesn't seem to recognize more than one instance of a class for any given element.  */

/* signed-in varation */
#masthead .signed-in { padding-top: 12px; }

#masthead .signed-in img { 
	float: left;
	padding-top: 2px;
}

#masthead .signed-in a {
	margin-left: 8px;
}

/* subscriber variation */
#masthead .subscriber {
	padding-top: 3px;
}


/* #user.subscriber rules */
#masthead .subscriber img { 
	float: left;
	padding-top: 2px;
}

#masthead .subscriber ul.inline-link-list {
	margin-top: 2px;
}

#masthead .subscriber ul.inline-link-list li {
	padding-right: 6px;
	margin-right: 2px;
}

#masthead .subscriber ul.inline-link-list li a {
	color: #000;
}

/* PRIMARY-NAV */
#primary-nav li img {
	float: left;
	margin-right: 4px;
}



/* SECONDARY-NAV */
#secondary-nav li {
	height: 25px;
	float: left;
	padding-top: 0px;
}

#secondary-nav a {
	color: #fff;
	font-size: .9em;
	text-decoration: none;
}

#secondary-nav a:hover,
#secondary-nav a.active {
	color: #f5e22e;
}

#secondary-nav li.sep {
	margin-left: 8px;
}


/*  CONTENT */

#content p {
	margin-top: 5px;
}

#content p.first {
	margin-top: 0;
	padding-top: 0;
}


#content.full-column {
	padding: 16px 0 0 9px;
	width: 751px;
	margin-right: 14px;
	float: none;
	border-bottom: 1px solid #fff;
}








/*  RESOURCES */

#resources h1 {
	background: none;
	margin: 0;
	padding: 0
}

#resources h2 {
	font-size: 1em;
	margin: 0 0 2px 0;
	padding: 0;
	color: #2e5cba;
}

#resources h3 {
	font-size: 1em;
	margin: 11px 0 2px 9px;
	padding: 0;
	color: #000;
}

#resources h3.red {
	color: #c30006;
}

#resources p {
	margin: 0;
	padding: 0;
}

#resources div.inline-ad {
	margin: 8px 0;
}

#resources .inline-link-list a {
	color: #000;
}

#resources div .inline-link-list a:hover {
	color: #1a4396;
}

#resources div.sign-me-up {
	font-weight: bold;
	font-size: .9em;
	margin: 0 0 10px 9px;
}

#resources div.sign-me-up a {
	color: #c30006;
	text-decoration: underline;
}

/* FANTASY-INDEX-WEEKLY */

#resources #fantasy-index-weekly {	
	background: #fff url(/images/bg_fantasy_index_weekly.gif) 0 0 no-repeat;
	font-size: .9em;
	position: relative;
	border: 1px solid #666;
}

#resources #fantasy-index-weekly h1 {
	margin: 0;
	padding: 8px 0 8px 12px;
	background: none;
}

#fantasy-index-weekly h2 {
	font-size: 1.1em;
	margin-top: 13px;
}

#fantasy-index-weekly h2.first {
	margin-top: 0;
}

#resources #fantasy-index-weekly ul.inline-link-list li a {
	font-weight: bold;
	font-size: 1.1em;
}




/*  RESOURCES div.panel */

#resources div.panel {
	background: #fff url(/images/bg_panel_hdr_generic.gif) 0 0 no-repeat;
	position: relative;
	margin-bottom: 10px;
}

#resources div.panel h1 {
	padding: 1px 0 4px 15px;
	color: #fff;
	font-size: 1.1em;
}

#resources div.panel div.pad {
	padding-left: 4px;
}

#resources li strong a {
	color: #1a4396;
	font-size: 1em;
}

#resources li strong a:hover {
	color: #000;
}



#resources #products ul.item-list a {
	color: #1a4396;
}

#resources #products ul.item-list a:hover {
	color: #000;
}








#footer ul {
	padding-left: 10px;
	padding-top: 21px;
	margin-bottom: 10px;
}

#footer p {
	margin: 0;
	padding: 0 0 0 10px;
	color: #999;
}

#footer li a {
	text-decoration: none;
	color: #fff;
	padding-right: 19px;
}

#footer li a:hover {
	text-decoration: underline;
}


/*----------------------------------------------------------------------------------
	(4) general purpose
------------------------*/

ul.adjacent {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.adjacent li {
	display: inline;
	margin: 0;
	padding: 0;
}

/* ------------------------------------- */

ul.flat {	
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.flat li {
	margin-left: 0;
	padding-left: 0;
}

ul.flat ul {	
	list-style: none;
}

/* ------------------------------------- */

/* inline-link-list */

ul.inline-link-list {
	list-style: none;
	margin: 0;
	padding: 0;	
}

ul.inline-link-list li {
	display: inline;
	padding-right: 4px;
	margin-right: 5px;
	background: transparent url(/images/pipe_inline-link-list.gif) 100% 70% no-repeat;
	font-size: .9em;
	color: #1a4396;
}

ul.inline-link-list li.last, 
ul.inline-link-list li.new-line, 
ul.inline-link-list li.no-pipe {
	background: none;
}

ul.inline-link-list li.new-line {
	display: block;
}

/* ------------------------------------- */

/* link-list */

ul.link-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.link-list li {
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	background: transparent url(/images/bullet_link-list.gif) 0 6px no-repeat;
	font-size: .9em;
}


/* ------------------------------------- */

/* local-nav */

ul.local-nav {
	list-style: none;
	margin: 0 0 7px 0;
	padding: 0;
}

ul.local-nav li {
	margin: 0;
	padding: 0 0 2px 15px;
	background: transparent url(/images/bullet_local-nav.gif) 9px 6px no-repeat;
	font-size: .8em;
}

ul.local-nav li.active {
	background-color: #ffe432;
}

ul.local-nav li.active a {
	text-decoration: none;
	color: #000;
}










/* ------------------------------------- */

/* item-list */

ul.item-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.item-list li {
	margin: 0 0 3px 0;
	padding: 0 0 0 7px;
	background: transparent url(/images/bullet_link-list.gif) 0 6px no-repeat;
}

ul.item-list li a {
	color: #000;
}

ul.item-list li a:hover {
	color: #1a4396;
}


	ul.item-list ul.inline-link-list li {
		background: transparent url(/images/pipe_inline-link-list.gif) 0% 70% no-repeat;
		padding-right: 0;
		padding-left: 4px;
		margin-right: 0px;
		font-size: .9em;
	}
	
	ul.item-list ul.inline-link-list li.first {
		background: none;
		padding-left: 0px;	
	}


ul.item-list.flat li {
	background: none;
	padding: 0 0 10px 0;
}


	
/* ------------------------------------- */

div.inline-ad {
	text-align: center;
	margin: 25px 0;
}



div.panel {
	border: 1px solid #666;
	background: #fff;
}

div.info-box {
	border: 1px solid #999;
	background: #ffff99;
}

div.info-sheet { 
	border: 1px solid #666;
	background: #fff;
	padding: 10px;
}

div.info-sheet table
{
	
}

div.info-sheet table th
{
	text-align : left;
	font-weight: bold;
	font-size: 1.05em;
}
div.info-sheet table table
{
	border : solid 1px #999;
}

div.info-sheet table 
{
	
	margin : 10px 0 10px 0;
	padding : 3px;
	font-size: .98em;
}

div.info-sheet table td
{
		text-align: left;
}


div.info-sheet table td
{
	vertical-align:top;

}

/* ------------------------------------- */

div.question {
	border: 1px solid #000;
	padding: 2px 9px 5px 9px;
	background: #fff;
	margin-left: 15px;
}

div.question p {
	margin: 0;
	padding: 0;
}

div.question .attribution {
	color: #1a4396;
}


/* ------------------------------------- */


div.answer {
	margin-left: 15px;
	margin-bottom: 10px;
}

div.answer .comments {
	font-size: .9em;
	color: #1a4396;
}

div.answer p {
	margin-bottom: 0;
	padding-bottom: 0;
}


/* ------------------------------------- */


div.readers-comments {
	background: transparent url(/images/bg_readers-comments.gif) bottom left repeat-x;
	padding-bottom: 1px;
}


div.readers-comments.last {
	background: none;
	padding-bottom: 0;
}

div.readers-comments h4 {
	font-size: 1em;
	font-weight: normal;
	margin: 2px 0;
	padding: 0;
	color: #000;
}

div.readers-comments h4 strong {
	font-size: .9em;
	color: #666;
}

#content div.readers-comments p {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 12px;
}

#content div.readers-comments p.posted {
	margin: 0;
	margin-left: 12px;
}

#content div.readers-comments p.posted a {
	color: #666;
}

#content div.readers-comments p.posted a:hover {
	color: #1a4396;
}


/* ------------------------------------- */


div.article-header { 
	margin-bottom: 15px;
}

div.article-header h2 {
	margin-bottom: 2px;
}

div.article-header p {
	font-size: .8em;
	color: #666;
	margin: 0;
	padding: 0;
	line-height: .9em;
}

div.article-header p a {
	color: #000;
}

div.article-header p a:hover {
	color: #1a4396;
}


/* ------------------------------------- */

div.two-column {
	width: 250px;
	float: left;
}
#two-col-1 { margin-right: 15px; }
#two-col-2 { float: right; }

div.three-column {
	width: 239px;
	margin-right: 16px;
	margin-top: 15px;
	float: left;
}

#three-col-1 { }
#three-col-2 { }
#three-col-3 { margin-right: 0; float: right; }



table.three-column {
	margin-top: 15px;
}

table.three-column td {
	width: 33%;
	padding-right: 16px;
	vertical-align: top;
}

table.three-column td.col-3 {
	padding-right: 0;
}




/* ------------------------------------- */


table.form {}

input.text {
	border: 1px solid #7f9db9;
	font-size: .9em;
	padding-left: 5px;
}



textarea.comments {
	width: 100%;
	height: 90px;
	background-color: #fff;
	border: 1px solid #809eba;
	margin-bottom: 11px;
}


.posted {
	font-size: .8em;
	color: #666;
	margin: 0;
	padding: 0;
}



/* ------------------------------------- */
table.grid {
	border-collapse: separate;
	border: 1px solid #000;
	border-right: 0;
	font-size: .8em;
	width: 100%;
}

table.grid th {
	background-color: #666;
	color: #fff;
	padding: 4px 0 4px 4px;
	text-align: left;
}

table.grid td {
	border-right: 1px solid #666;
	border-bottom: 1px solid #fff;
	padding: 3px 0 3px 4px;
	vertical-align: top;
}

table.grid tr.a td {
	background-color: #f5f3f1;
}

table.grid tr.b td {
	background-color: #e8e8e8;
}

table.grid tr.last td {
	border-bottom: none;
}

/* ------------------------------------- */
table.links {
	border: none;
	font-size: .8em;
	width: 100%;
}

table.links td {
	text-align: center;
}



.disclaimer {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: .9em;
}




h1 span.controls {
	float: right;
	font-size: .65em;
	font-weight: normal;
	padding-top: 6px;
	text-align: right;
	color: #2e5cba;
}

h1 span.controls a {
	font-size: 1em;
	float: none;
}




/*-----------------------
	(5) utilities
------------------------*/

.clear				{ clear: both; }

.t-right			{ text-align: right; }
.t-left				{ text-align: left; }
.t-center			{ text-align: center; }
.f-right			{ float: right; margin-left: 10px; }
.f-left				{ float: left; margin-right: 10px; }
.v-top				{ vertical-align: top; }
.t-big				{ font-size:1.4em; }
.t-blue				{ color: #2e5cba; }

.pad				{ padding: 10px; }
.no-pad				{ padding: 0; margin: 0; }
.v-margin			{ margin-top: 5px; margin-bottom: 5px; }
.block				{ display: block; }

.caption			{ font-size: .8em; }
.strong				{ font-weight: bold; }
.small				{ font-size: .9em; }

.red-text			{ color: #b22222; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }