/*=======================================================================*\
	General Rules
\*=======================================================================*/

* { /* clear margins and padding for all elements - eliminate browser default inconsistencies */
	margin: 0;
	padding: 0;
	}
body {
	text-align: center;
	color: #000000;
	background: #ffffff;
	font-family : Verdana, Arial, Sans-Serif;
	font-size: small; /* font-size for IE */
	}
	html>body { /* IE6 and below skips over child selectors - this is valid css, and may be used as a filter to target all non-IE browsers */
		font-size: small; /* font-size for non-IE browsers */
		}
a {
	color: #004478;
	text-decoration: underline;
	}
	a:hover, a:active { 
		color: #478fc7;
		}
img, a img {
	border: none;
	}
p {
	padding: 0 0 10px 0;
	text-align:left;
	font-size:12px;
	}	
h1 {
	color: #333333;
	font-size: 135%;
	font-weight: bold;
	margin-bottom: 7px;
	}
h2 {
	color: #333333;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 4px;
	}
select {
	color: #000000;
	font-weight: normal;
	margin: 0 0 7px 10px;
	font-family : Verdana, Arial, Sans-Serif;
	font-size: 11px; /* font-size for IE */
	}
input {
	color: #000000;
	font-weight: normal;
	margin: 0 0 7px 10px;
	font-family : Verdana, Arial, Sans-Serif;
	font-size: 11px; /* font-size for IE */
	}
input.check {
	margin: 0;
	padding: 0;
	}
	
input.light-blue-home-button { color:#fff; 
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 14px;
	font-weight:bold; 
	background-color:#90B9D9; 
	padding:3px 10px 3px 10px;
	border: 1px solid; 
	border-color: #696 #363 #363 #696; 
}

input.light-blue-home-button-on { color:#000; 
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 14px;
	font-weight:bold; 
	background-color:#cccccc; 
	padding:3px 10px 3px 10px;
	border: 1px solid; 
	border-color: #696 #363 #363 #696; 
}

input.orange-home-button { color:#fff; 
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 14px;
	font-weight:bold; 
	background-color:#FAB254; 
	padding:3px 10px 3px 10px;
	border: 1px solid; 
	border-color: #696 #363 #363 #696; 
}

input.orange-home-button-on { color:#000; 
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 14px;
	font-weight:bold; 
	background-color:#cccccc; 
	padding:3px 10px 3px 10px;
	border: 1px solid; 
	border-color: #696 #363 #363 #696; 
}
input.blue_btn_small {
	/* background-color: #314f7a; */
	background-color: #758aa8;
	font-family : Verdana, Arial, Sans-Serif;
	font-size: 10px; /* font-size for IE */
	font-weight: bold;
	color: #ffffff;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
}

input.blue_btn_medium {
	/* background-color: #314f7a; */
	background-color: #758aa8;
	font-family : Verdana, Arial, Sans-Serif;
	font-size: 12px; /* font-size for IE */
	font-weight: bold;
	color: #ffffff;
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 0px;
}

input.gray_btn_medium {
	/* background-color: #314f7a; */
	background-color: #666666;
	font-family : Verdana, Arial, Sans-Serif;
	font-size: 12px; /* font-size for IE */
	font-weight: bold;
	color: #ffffff;
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 0px;
}


.clear { /* class may be assigned to any element following floats to clear them properly */
	clear: both;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.sep {
	float: left;
	width: 100%;
	height: 1px;
	line-height: 1px;
	background: url("/img/sep_grey.gif") repeat-x;
	margin: 10px 0 12px 0;
	display: block;
	}
		
/*=======================================================================*\
	Structure
\*=======================================================================*/

div#container {
	text-align: left;
	width: 770px;
	margin: 0 auto 0 auto; /* auto setting for left-right margins to center the container in non-IE browsers */
	}
	div#container_inner {
		float: left;
		width: 750px;
		margin: 0 0 0 10px;
		padding: 0;
		}
	
	/* Header
	----------------------------------------------- */
	
	div#hdr {
		float: left;
		width: 750px;
		height: 96px;
		background: url("/img/bg_hdr_tile_96px.gif") repeat-x;
		}
		div#hdr_top {
			float: left;
			width: 730px;
			height: 18px;
			margin: 7px 0 0 13px;
			padding: 0;
			background: url("/img/bg_hdr_top-short.gif") no-repeat left bottom;
			display: inline;
			}
			div#hdr_top ul {
				float: right;
				list-style: none;
				margin: 0;
				padding: 0;
				display: inline;
				}							
				div#hdr_top li {
					float: left;
					text-align: center;
					height: 18px;
					margin: 0 0 0 6px;
					list-style: none;
					display: inline;
					}
					div#hdr_top li#signup {
						width: 81px;
						background: url("/img/bg_btn_signup.gif") no-repeat 0 0;
						}
					div#hdr_top li#login {
						width: 59px;
						background: url("/img/bg_btn_login.gif") no-repeat 0 0;
						}
					div#hdr_top li#welcome {
						width: 90px
						}
					div#hdr_top li#logout {
						width: 68px;
						background: url("/img/bg_btn_logout.gif") no-repeat 0 0;
						}
					div#hdr_top li#help {
						width: 30px;						
						}		
				div#hdr_top li a {
					display: block;
					height: 18px;
					text-decoration: none;
					font-size: 9px;
					font-weight: bold;
					cursor: pointer;
					}
				div#hdr_top li span {
					float: left;
					width: 100%;
					text-align: center;
					margin: 2px 0 0 0;
					}			
					div#hdr_top li#signup a {
						color: #403021;
						}
					div#hdr_top li#login a {
						color: #ffffff;
						}
					div#hdr_top li#welcome {
						text-align: right;
						font-weight: normal;
						font-size: 10px;
						color: #cddae4;
						}	
					div#hdr_top li#logout a {
						font-weight: normal;
						color: #ffffff;
						}
					div#hdr_top li#help a {
						font-weight: normal;
						font-size: 10px;
						text-decoration: underline;
						color: #ccdae4;
						}	
		div#hdr_bottom {
			float: left;
			width: 750px;
			margin: 0;
			padding: 0;
			display: inline;
			}
		
		div#hdr_bottom_left {
			float: left;
			width: 147px;
			margin: 0;
			padding: 0;
			}
		div#hdr_bottom_beta {
			float: left;
			width: 43px;
			margin: 0;
			padding: 0;
			}
			div#hdr_bottom_beta h3 {
				color: #ccd9e4;
				font-size: 13px;
				font-weight: bold;
				font-family: Arial;
				margin: 27px 0 0 -13px;
				padding: 0;
				z-index: 3;
				position: absolute;
				}
		div#hdr_bottom_right {
			float: right;
			width: 560px;
			margin: 0;
			padding: 0;
			}	
			
		div#logo {
			float: left;
			top: 19px;
			left: -10px;
			width: 147px;
			height: 52px;
			position: relative;
			background: url("/img/logo_sst2.gif") no-repeat;
			z-index: 2;
			}
			div#logo a {
				width: 138px;
				height: 45px;
				position: absolute;
				}
			div#logo a h1 {
				display: none;
				}			
			div#logo h1 {
				width: 147px;
				height: 52px;
				float: left;
				}
	
				
				/* Navigation
				----------------------------------------------- */
				
				div#menu {
					float: right;
					text-align: right;
					margin: 18px 0 0 0;
					padding: 0 7px 0 0;
					}
					
					div#menu ul {
						margin: 0;
						padding: 0;
						list-style:none;
						}
					div#menu li {
						float: left;
					  	height: 29px;
					  	background: url("/img/left.gif") no-repeat left top;
					  	margin: 0;
					  	padding: 0 1px 0 9px;
					  	}
					div#menu a {
					  	float: left;
					  	display: block;
					  	background: url("/img/right.gif") no-repeat right top;
					  	padding: 9px 15px 4px 6px;
					  	text-decoration: none;
					  	font-weight: normal;
					  	color: #ffffff;
					  	}
						div#menu a:focus {
					  	outline: none;
					  	}
					/* Commented Backslash Hack
					   hides rule from IE5-Mac \*/
					div#menu a {float: none;}
					/* End IE5-Mac hack */
					div#menu a:hover {
					  	color:#ffffff;
					  	}
					div#menu #current {
					  	background-image:url("/img/left_on.gif");
					  	}
					div#menu #current a {
					  	background-image:url("/img/right_on.gif");
					  	padding: 6px 15px 7px 6px;
					  	color: #666666;
					  	}
					div#menu li:hover, div#menu li:hover a {
					      background-position: 0 -29px;
					      }
					 div#menu li:hover a {
					      background-position: 100% -29px;
					      }			
				div#menu-orange {
					float: right;
					text-align: right;
					margin: 18px 0 0 0;
					padding: 0 7px 0 0;
					}
					
					div#menu-orange ul {
						margin: 0;
						padding: 0;
						list-style:none;
						}
					div#menu-orange li {
						float: left;
					  	height: 29px;
					  	background: url("/img/left-orange.gif") no-repeat left top;
					  	margin: 0;
					  	padding: 0 1px 0 9px;
					  	}
					div#menu-orange a {
					  	float: left;
					  	display: block;
					  	background: url("/img/right-orange.gif") no-repeat right top;
					  	padding: 9px 15px 4px 6px;
					  	text-decoration: none;
					  	font-weight: normal;
					  	color: #ffffff;
					  	}
						div#menu-orange a:focus {
					  	outline: none;
					  	}
					/* Commented Backslash Hack
					   hides rule from IE5-Mac \*/
					div#menu-orange a {float: none;}
					/* End IE5-Mac hack */
					div#menu-orange a:hover {
					  	color:#ffffff;
					  	}
					div#menu-orange #current {
					  	background-image:url("/img/left_on.gif");
					  	}
					div#menu-orange #current a {
					  	background-image:url("/img/right_on.gif");
					  	padding: 6px 15px 7px 6px;
					  	color: #666666;
					  	}
					div#menu-orange li:hover, div#menu-orange li:hover a {
					      background-position: 0 -29px;
					      }
					 div#menu-orange li:hover a {
					      background-position: 100% -29px;
					      }		
				div#subnav {
					float: left;
					width: 560px;
					margin: 4px 0 0 0;
					padding: 0 0 5px 0;
					}				
					div#subnav ul {
						float: right;
						list-style: none;
						margin: 0;
						padding: 0 10px 0 0;
						color: #666666;
						font-size: 10px;
						font-weight: bold;
						display: inline;
						}
						div#subnav li {
							margin-left: 0;
							padding: 0 4px 0 0;
							list-style: none;
							display: inline;
							}	
						div#subnav li.pipe,
						div#subnav li:hover.pipe  {
							color: #999999;
							}
						div#subnav li#current a	{
							color: #666666;
							text-decoration: none;
							}						
						div#subnav li a	{
							color: #ff6600;
							text-decoration: underline;
							}
							div#subnav li a:hover	{
								text-decoration: none;
								}
								
	/* Content
	----------------------------------------------- */
	
	div#left_column {
		float: left;
		width: 540px;
		height: auto;
		margin: 0;
		}	
	div#content {		
		float: left;
		font-size: 85%;
		width: 100%;
		background: #ffffff;;
		margin: 10px 0 0 0;
		}

		/* Home Content
		----------------------------------------------- */
		div#billboard_home {
			float: left;
			width: 540px;
			height: 240px;
			margin: 0;
			background: url("/img/bg_home_billboard.jpg") no-repeat;
			}
			div#billboard_home p#callout {
				margin: 180px 0 0 15px;
				font-size: 13px;
				line-height: 140%;
				color: #ffffff;
				position: relative;
				}				
				div#billboard_home a#btn_getstarted {
					position: absolute;
					top: 21px;
					left: 205px;
					width: 103px;
					height: 28px;
					margin: 0;
					padding: 0;
					border: 0;
					text-decoration: none;
					background: url(/img/btn_getstarted.gif) no-repeat;
					cursor: pointer;
					}
					div#billboard_home a#btn_getstarted span {
						float: left;
						margin: 4px 0 0 12px;
						text-decoration: none;
						color: #000000;
						font-size: 12px;
						font-weight: bold;
						}
		div#feature_home {
			float: left;
			width: 540px;
			height: 265px;
			margin: 6px 0 0 0;
			background: #efeeec url("/img/bg_home_feature.jpg") no-repeat top right;
			display: inline;
			}
			div#feature_home h1 {
				color: #004478;
				font-size: 17px;
				font-weight: normal;
				margin: 25px 0 5px 14px;
				}
			div#feature_home h2 {
				color: #004478;
				font-size: 13px;
				font-weight: normal;
				margin: 14px 0 5px 14px;
				}			
			div#feature_home p {
				margin: 0 0 0 15px;
				font-size: 10px;
				font-weight: bold;
				color: #004478;
				}
				
			div#feature_home ul {
				list-style-type: none;
				margin: 0 0 7px 14px;
				color: #666666;
				padding-bottom: 0;
				}
				div#feature_home li {
					list-style-type: none;
					padding-bottom: 4px;
					font-size: 12px;
					line-height: 16px
					}	
		
		div#right_column {
			float: right;
			width: 200px;
			height: auto;
			margin: 0;
			padding: 0;			
			}		
			div.step_1 {
				float: left;
				width: 200px;
				height: 75px;
				margin: 0;
				padding: 0;
				border-top: 1px solid #e5e5e5;
				background: url("/img/bg_gradient_side.jpg") no-repeat bottom left;
				}
				div.step_1 h2 {
					color: #004478;
					font-size: 14px;
					font-weight: normal;
					margin: 5px 0 0 10px;
					}
					div.step_1 h2 span {
						color: #999999;
						font-weight: bold;
						}
				div.step_1 p {
					margin: 0 0 0 15px;
					font-size: 10px;
					font-weight: normal;
					line-height: 14px;
					padding: 0 4px 0 0;
					margin: 2px 0 7px 10px;
					color: #666666;
					}				
			div.step {
				float: left;
				width: 200px;
				height: 75px;
				margin: 6px 0 0 0;
				padding: 0;
				border-top: 1px solid #e5e5e5;
				background: url("/img/bg_gradient_side.jpg") no-repeat bottom left;
				}
				div.step h2 {
					color: #004478;
					font-size: 14px;
					font-weight: normal;
					margin: 5px 0 0 10px;
					}
					div.step h2 span {
						color: #999999;
						font-weight: bold;
						}
				div.step p {
					font-size: 10px;
					font-weight: normal;
					line-height: 14px;
					padding: 0 4px 0 0;
					margin: 2px 0 7px 10px;
					color: #666666;
					}
			div#league_select {
				float: left;
				width: 200px;
				height: 264px;
				border-top: 1px solid #d1d8df;
				border-bottom: 1px solid #d1d8df;
				background: #e9f1f8;				
				margin: 5px 0 0 0;
				padding: 0;
				}
				div#league_select h2 {
					font-size: 14px;
					font-weight: normal;
					color: #666666;
					margin: 6px 0 7px 10px;
					}
				div#league_select h3 {
					font-size: 10px;
					font-weight: normal;
					padding: 0 4px 0 0;
					margin: 4px 0 2px 10px;
					color: #666666;
					}	
				div#league_select p {
					font-size: 10px;
					font-weight: normal;
					line-height: 14px;
					padding: 0 4px 0 0;
					margin: 4px 0 7px 10px;
					color: #666666;
					}
					div#league_select .img_icon {
						float: left;
						margin: 0;
						padding: 0 6px 0 0;
						}
				
		/* Primary Content
		----------------------------------------------- */				
		
		div#alert {
			text-align: center;
			width: 750px;
			height: auto;
			margin: 0;
			padding: 0 0 12px 0;
			}
			div#alert p {
				text-align: center;			
				background: #ffffcc;
				font-size: 12px;
				font-style: italic;
				margin: 0;
				padding: 3px 150px;
				display: inline;
				}		
		div#primary_module {
			float: left;
			width: 540px;
			margin: 0;
			border-top: 1px solid #e5e5e5;
			background: url("/img/bg_gradient_primary.jpg") no-repeat bottom left;			
			}
			div#primary_module h1 {
				color: #004478;
				font-size: 14px;
				font-weight: normal;
				margin: 6px 0 0 17px;
				padding: 0 0 6px 0;
 				}			
			div#primary_module dl#profile_details {
				float: left;
				width: 515px;
				margin: 0 0 0 16px;
				padding: 0 0 20px 0;
				}	
			div#primary_module dl#profile_details dt {
				float: left;
				text-align: right;
				padding: 0 4px 2px 0;
				font-size: 10px;
				color: #666666;
				width: 111px;
				display: inline;
				}
			div#primary_module dl#profile_details dd {
				float: left;
				padding: 0 0 2px 0;
				width: 400px;
				font-size: 12px;
				display: inline;
				}
			div#primary_module dl#profile_details a {
				font-size: 10px;
				text-decoration: underline;
				padding-left: 6px;
				}
				div#primary_module dl#profile_details a:hover {
					text-decoration: none;
					}
		div.tbl_module {
			float: left;
			width: 100%;
			margin: 10px 0 0 0;
			padding: 0 0 12px 0;
			}			
			div.tbl_module h2 {
				color: #333333;
				font-size: 12px;
				font-weight: normal;
				margin: 0px 0 0 17px;
				padding: 0 0 5px 0;
				}
			div.tbl_module div#split_top {
				float: left;
				width: 515px;
				margin: 6px 0 0 17px;
				font-weight: normal;
				display: block;
				}
				div.tbl_module div#split_top h2 {
					float: left;
					color: #333333;
					font-size: 12px;
					font-weight: normal;
					margin: 0;
					margin: 0;
					display: inline;
					}
				div.tbl_module div#split_top p {
					float: left;
					color: #73acd8;
					font-size: 10px;
					font-weight: normal;
					padding: 0 0 0 16px;
					margin: 2px 0 0 0;
					display: inline;
					}	
			div.tbl_module table.data_chart {
				width: 100%;
				margin: 0;
				padding: 0 0 15px 0;
				border: 0;
				border-collapse: collapse;
				border-spacing: 0px;
				clear: both;
				}
				div.tbl_module table.data_chart th {
					text-align: left;
					padding: 5px 16px;
					font-size: 10px;
					font-weight: normal;
					color: #666666;
					background: #efefef;
					border-top: 1px solid #e5e5e5;
					}
					div.tbl_module table.data_chart th.a {
						width: 7%;
						}
					div.tbl_module table.data_chart th.b {
						width: 68%;
						}
					div.tbl_module table.data_chart th.c {
						width: 25%;
						}		
				div.tbl_module table.data_chart tr.shaded {
					background: #f7f7f7;
					}				
				div.tbl_module table.data_chart td {
					text-align: left;
					font-size: 10px;
					color: #999999;
					padding: 4px 16px;
					border: 0px;
					}
					div.tbl_module table.data_chart td.rank {
						text-align: right;
						}
			div.tbl_module table#draft_results {
				width: 100%;
				margin: 0;
				padding: 0 0 15px 0;
				border: 0;
				border-collapse: collapse;
				border-spacing: 0px;
				clear: both;
				}
				div.tbl_module table#draft_results th {
					text-align: left;
					padding: 5px 8px;
					font-size: 10px;
					font-weight: normal;
					color: #666666;
					background: #efefef;
					border-top: 1px solid #e5e5e5;
					}
					div.tbl_module table#draft_results .a {
						width: 4%;
						text-align: center;
						}
					div.tbl_module table#draft_results .b {
						width: 16%;
						}
					div.tbl_module table#draft_results .c {
						width: 5%;
						}
					div.tbl_module table#draft_results .d {
						width: 10%;
						}
					div.tbl_module table#draft_results .e {
						width: 12%;
						}
					div.tbl_module table#draft_results .f {
						width: 11%;
						text-align: center;
						}
					div.tbl_module table#draft_results th.g {
						width: 47%;
						text-align: center;
						background: #e2e2d9;
						}
					div.tbl_module table#draft_results td.g {
						text-align: center;
						}
					div.tbl_module table#draft_results td.g a {
						font-size: 10px;
						text-decoration: underline;
						padding-right: 8px;
						}
					div.tbl_module table#draft_results tr.shaded {
						background: #f7f7f7;
						}				
				div.tbl_module table#draft_results td {
					text-align: left;
					font-size: 10px;
					color: #999999;
					padding: 4px 8px;
					border: 0px;
					}
					div.tbl_module table.data_chart_rank td.rank {
						text-align: right;
						}
		div.tbl_module p#redeem {
			margin: 12px 0 0 0;
			text-align: right;
			padding: 0 10px 0 0;
			font-size: 10px;
			line-height: 11px;
			}
		div.tbl_module img.icon {
			vertical-align: -2px;
			border: none;
			}
		div#split_left_right {		
			float: left;
			width: 725px;
			margin: 6px 0 0 10px;
			font-weight: normal;
			display: block;
			}	
			div#split_left_right p#left {
				float: left;
				color: #666666;
				font-size: 10px;
				font-weight: normal;
				padding: 0;
				margin: 2px 0 0 0;
				display: inline;
				}
			div#split_left_right p#right {
				float: right;
				color: #666666;
				font-size: 10px;
				font-weight: normal;
				padding: 0 0 0 16px;
				margin: 2px 0 0 0;
				display: inline;
				}	
		div.side_module_1 {
			float: left;
			width: 200px;
			margin: 0;
			padding: 0;
			background: #e9f1f8;
			border-top: 1px solid #e5e5e5;
			border-bottom: 1px solid #dde5eb;
			}
			div.side_module_1 h2 {
				color: #004478;
				font-size: 14px;
				font-weight: normal;
				color: #004478;
				margin: 5px 0 0 10px;
				padding: 0 0 3px 0;
				}
			div.side_module_1 p {
				font-size: 10px;
				font-weight: normal;
				line-height: 13px;
				padding: 0 4px 0 0;
				margin: 2px 0 7px 10px;
				color: #666666;
				}
			div.side_module_1 ul {
				float: left;
				list-style: none;
				margin: 2px 0 7px 21px;
				padding: 0;
				display: inline;
				}							
				div.side_module_1 li {
					float: left;
					text-align: center;
					height: 18px;
					margin: 0 0 0 6px;
					padding: 0 0 9px 0;
					list-style: none;
					}
					div.side_module_1 li.btn {
						width: 146px;
						background: url("/img/bg_btn_sidetop.gif") no-repeat 0 0;
						}	
				div.side_module_1 li a {
					display: block;
					height: 18px;
					text-decoration: none;
					font-size: 9px;
					font-weight: bold;
					cursor: pointer;
					}
				div.side_module_1 li span {
					float: left;
					width: 100%;
					text-align: center;
					margin: 2px 0 0 0;
					}			
					div.side_module_1 li.btn a {
						color: #403021;
						}
		div.side_module {
			float: left;
			width: 200px;
			margin: 6px 0 0 0;
			padding: 0;
			}
			div.side_module h2 {
				color: #004478;
				font-size: 14px;
				font-weight: normal;
				border-top: 1px solid #e5e5e5;
				background: #e9f1f8;
				margin: 0;
				padding: 4px 10px;
				}
			div.side_module p {
				font-size: 10px;
				font-weight: normal;
				line-height: 14px;
				padding: 0 4px 0 0;
				margin: 2px 0 7px 10px;
				color: #666666;
				}
			div.side_module ul {
				list-style-type: none;
				margin: 4px 0 7px 10px;
				color: #666666;
				padding-bottom: 15px;
				}
				div.side_module li {
					list-style-type: none;
					padding-bottom: 1px;
					color: #90b9d9;
					font-size: 10px;
					line-height: 15px
					}
		div#whole_column {
			float: left;
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0 0 10px 0;
			}
			div#whole_column h1 {
				color: #004478;
				font-size: 14px;
				font-weight: normal;
				margin: 5px 0 0 15px;
				padding: 0 0 6px 0;
 				}
			div#whole_column p {
				color: #999999;
				font-size: 10px;
				font-weight: normal;
				margin: 0 0 0 15px;
				padding: 0 0 8px 0;				
 				}
			div#whole_column ul {
				color: #666666;
				font-size: 10px;
				list-style-type: disc;
				margin: 0 0 0 17px;
				padding: 0 0 12px 15px;
				display: block;
 				}
				div#whole_column ul li {
					padding: 0;
	 				}
			div#whole_column_border {
				float: left;
				width: 100%;
				margin: 5px 0 0 0;
				height: auto;
				border: 1px solid #c3c3c3;
				}	
			div#prefs_steps {
				float: left;
				padding: 0;
				}				
				div#prefs_steps ul {
					float: left;
					width: 750px;
					list-style: none;
					margin: 0;
					padding: 0;
					font-size: 12px;
					color: #ffffff;
					background: #efefef;
					
					}
					div#prefs_steps li {
						float: left;
						margin: 0;
						list-style: none;
						display: inline;
						background: #c4c4c4;
						border-right: 1px solid #ffffff;
						}
						div#prefs_steps li a {
							color: #ffffff;
							padding: 4px 10px 6px 10px;
							text-decoration: none;				
							display: block;
							}
							div#prefs_steps li a:hover {
								background: #a5a5a5;
								}
					div#prefs_steps li#current	{
						float: left;
						margin: 0;
						list-style: none;
						display: inline;
						background: #e9f1f8;
						color: #3a6f98;
						text-decoration: none;
						}
						div#prefs_steps li#current a {
							color: #3a6f98;
							padding: 5px 10px;
							text-decoration: none;				
							display: block;
							}
							div#prefs_steps li#current a:hover {
								color: #3a6f98;
								background: #e9f1f8;
								}
			div#prefs_btns_container {
				float: left;
				width: 100%;
				margin: 6px 0 0 0;
				padding: 0 0 15px 0;
				display: inline;
				}
				div#prefs_btns {
					float: left;
					margin: 0 0 0 290px;
					padding: 0;
					display: inline;
					}		
				div#prefs_btns ul {
					float: left;
					list-style: none;
					margin: 0;
					padding: 0;
					}						
					div#prefs_btns li {
						float: left;
						text-align: center;
						width: 92px;
						height: 29px;
						list-style: none;
						display: inline;
						background: url("/img/bg_btn_prevnext.gif") no-repeat 0 0;
						}
					div#prefs_btns li a {
						display: block;
						width: 92px;
						height: 29px;
						text-decoration: none;
						color: #3e2712;
						font-size: 12px;
						font-weight: bold;
						cursor: pointer;
						}
					div#prefs_btns li span {
						float: left;
						width: 100%;
						text-align: center;
						margin: 6px 0 0 -1px;
						}
		div#manual_rank_col_1 {
			float: left;
			width: 470px;
			margin: 12px 0 0 12px;
			padding: 0 0 12px 0;
			display: inline;	
			}
			div#manual_rank_col_1 h1 {
				color: #333333;
				font-size: 15px;
				height: 20px;
				font-weight: normal;
				margin: 0;
				padding: 0;
 				}
			div#manual_rank_col_1 p {
				color: #333333;
				font-size: 10px;
				height: 20px;
				font-weight: normal;
				margin: 0;
				padding: 0 0 8px 0;				
 				}
			select#wish_list {
				color: #000000;
				font-weight: normal;
				width: 320px;
				margin: 0;
				padding: 0;
				font-family : Verdana, Arial, Sans-Serif;
				font-size: 11px; /* font-size for IE */
				background: #e9f1f7;
				}
			div#rank_main {
				float: left;
				width: 470px;
				height: 390px;
				margin: 0;
				padding: 0;
				}
				div#rank_left {
					float: left;
					width: 228px;
					height: 390px;
					margin: 0;
					padding: 0;
					background: #f0f0f0;
					border-top: 1px solid #cecece;
					border-bottom: 1px solid #cecece;
					border-left: 1px solid #cecece;
					display: inline;	
					}
				div#rank_right {
					float: left;
					width: 228px;
					height: 390px;
					margin: 0 0 0 9px;
					padding: 0;
					background: #f0f0f0;
					border-top: 1px solid #cecece;
					border-bottom: 1px solid #cecece;
					border-left: 1px solid #cecece;
					display: inline;	
					}	
				div.rank_inner_brace {
					float: left;
					margin: 4px 0 0 4px;
					padding: 0;
					}
				div.game_listing {
					float: left;
					width: 217px;
					height: 36px;
					margin: 0;
					padding: 0;
					border: 1px solid #e1e0e0;
					}
					div.game_number {
						float: left;
						text-align: center;
						width: 36px;
						height: 36px;
						margin: 0;
						padding: 0;
						background: #c3c2c1;
						display: inline;						
						}
						div.game_number h2 {
							margin: 8px 0 0 0;
							padding: 0;
							font-size: 14px;
							color: #ffffff;
							font-weight: bold;
							}
					div.game_info {
						float: left;
						width: 181px;
						height: 35px;
						margin: 0;
						padding: 0;
						background: #ffffff;
						display: inline;						
						}
						div.game_info h2 {
							color: #666666;
							font-size: 10px;
							font-weight: bold;
							margin: 4px 0 0 5px;
							padding:0 0 2px 0;
							}
						div.game_info h3 {
							color: #666666;
							font-size: 10px;
							height: 20px;
							font-weight: normal;
							margin: 0 0 0 5px;
							padding: 0;	
							}
				
		div#manual_rank_col_2 {
			float: left;
			width: 250px;
			margin: 12px 0 0 6px;
			padding: 0 0 12px 0;
			display: inline;		
			}
			div#manual_rank_col_2 h1 {
				color: #333333;
				font-size: 15px;
				height: 20px;
				font-weight: normal;
				margin: 0 0 0 6px;
				padding: 0 0 8px 0;
 				}
			div#manual_rank_col_2 p {
				color: #999999;
				font-size: 10px;
				font-weight: normal;
				margin: 0 0 0 15px;
				padding: 0 0 8px 0;				
 				}
			div#rank_temp_container {
					float: left;
					overflow: hidden;
					height: 390px;
					width: 252px;
					display: inline;		
					}	
			div#rank_temp_box {
				float: left;
				width: 250px;
				height: 390px;
				margin: 0;
				padding: 0;
				background: #ffffd3;
				border: 1px solid #818160;
				overflow: auto;	
				}
				
	/* Live Draft
	----------------------------------------------- */		
	
	div#hdr_ld {
		float: left;
		width: 750px;
		height: 68px;
		background: url("/img/bg_hdr_ld_tile.gif") repeat-x;
		}
	div#menu_ld {
		float: right;
		height: 40px;
		text-align: right;
		margin: 7px 0 0 0;
		padding: 0 7px 0 0;
		}
		div#menu_ld ul {
			float: right;
			list-style: none;
			margin: 0;
			padding: 0;
			display: inline;
			}							
			div#menu_ld li {
				float: left;
				text-align: center;
				height: 18px;
				margin: 0 0 0 6px;
				list-style: none;
				display: inline;
				}
				div#menu_ld li#signup {
					width: 81px;
					background: url("/img/bg_btn_signup.gif") no-repeat 0 0;
					}
				div#menu_ld li#login {
					width: 59px;
					background: url("/img/bg_btn_login.gif") no-repeat 0 0;
					}
				div#menu_ld li#welcome {
					width: 90px
					}
				div#menu_ld li#logout {
					width: 68px;
					background: url("/img/bg_btn_logout.gif") no-repeat 0 0;
					}
				div#menu_ld li#help {
					width: 30px;						
					}		
			div#menu_ld li a {
				display: block;
				height: 18px;
				text-decoration: none;
				font-size: 9px;
				font-weight: bold;
				cursor: pointer;
				}
			div#menu_ld li span {
				float: left;
				width: 100%;
				text-align: center;
				margin: 2px 0 0 0;
				}			
				div#menu_ld li#signup a {
					color: #403021;
					}
				div#menu_ld li#login a {
					color: #ffffff;
					}
				div#menu_ld li#welcome {
					text-align: right;
					font-weight: normal;
					font-size: 10px;
					color: #cddae4;
					}	
				div#menu_ld li#logout a {
					font-weight: normal;
					color: #ffffff;
					}
				div#menu_ld li#help a {
					font-weight: normal;
					font-size: 10px;
					text-decoration: underline;
					color: #ccdae4;
					}	
	
	div#left_column_ld {
		float: left;
		width: 500px;
		height: auto;
		margin: 0;
		}
	div#primary_module_ld {
		float: left;
		width: 500px;
		margin: 0;
		border-top: 1px solid #e5e5e5;
		background: url("/img/bg_gradient_primary_ld.jpg") no-repeat bottom left;			
		}
		div#primary_module_ld_left {
			float: left;
			width: 250px;
			margin: 0;
			padding: 0;
			display: inline;	
			}
		div#primary_module_ld_right {
			float: right;
			width: 250px;
			margin: 0;
			padding: 0;
			display: inline;
			}
		div#draftorder {
			float: right;
			width: 218px;
			margin: 0;
			padding: 0 2px 10px 0;
			display: inline;	
			}
		div#draftorder h2 {
			color: #666666;
			font-size: 10px;
			font-weight: normal;
			margin: 4px 0 0 10px;
			padding: 0 0 3px 0;
			}	
		div#scrollable_container_draftorder {
			overflow: hidden;
			width: 218px;
			height: 85px;
			clear: both;				
			}	
			div#scrollable_draftorder {
				float: left;
				width: 218px;
				height: 85px;
				margin: 0;
				padding: 0;
				overflow: auto;
				}
				div#draftorder table.order {
					width: 100%;
					margin: 0;
					padding: 0 0 15px 0;
					border: 0;
					border-collapse: collapse;
					border-spacing: 0px;
					clear: both;
					}
					div#draftorder table.order .a {
						width: 5%;
						}
					div#draftorder table.order .b {
						width: 95%;
						}
					div#draftorder table.order tr.active {
						background: #e9f1f8;
						}				
					div#draftorder table.order td {
						text-align: left;
						font-size: 10px;
						color: #999999;
						padding: 4px 8px;
						border: 0px;
						}
		div#primary_module_ld h1 {
			color: #004478;
			font-size: 14px;
			font-weight: normal;
			margin: 6px 0 0 17px;
			padding: 0 0 6px 0;
			}	
		div#primary_module_ld dl#profile_details {
			float: left;
			width: 215px;
			margin: 0 0 0 16px;
			padding: 0 0 20px 0;
			}	
		div#primary_module_ld dl#profile_details dt {
			float: left;
			text-align: right;
			padding: 0 4px 2px 0;
			font-size: 10px;
			color: #666666;
			width: 80px;
			display: inline;
			}
		div#primary_module_ld dl#profile_details dd {
			float: left;
			padding: 0 0 2px 0;
			width: 125px;
			font-size: 12px;
			display: inline;
			}
		div#primary_module_ld dl#profile_details a {
			font-size: 10px;
			text-decoration: underline;
			padding-left: 6px;
			}
			div#primary_module_ld dl#profile_details a:hover {
				text-decoration: none;
				}
		div#col_container {
			float: left;
			width: 500px;
			margin: 20px 0 0 0;
			padding: 0 0 10px 0;
			}
			div.column_border {
				float: left;
				width: 100%;
				margin: 0;
				height: auto;
				border: 1px solid #c3c3c3;
				}
			div#col_container h2 {
				color: #333333;
				font-size: 12px;
				font-weight: normal;
				margin: 0px 0 0 17px;
				padding: 0 0 5px 0;
				}	
			div#col_1 {
				float: left;
				width: 240px;
				margin: 0;
				padding: 0;
				display: inline;	
				}
				div#col_1 div#tabs_ld {
					float: left;
					padding: 0;
					}				
					div#col_1 div#tabs_ld ul {
						float: left;
						width: 240px;
						list-style: none;
						margin: 0;
						padding: 0;
						font-size: 12px;
						color: #ffffff;
						background: #efefef;
						
						}
						div#col_1 div#tabs_ld li {
							float: left;
							margin: 0;
							list-style: none;
							display: inline;
							background: #c4c4c4;
							border-right: 1px solid #ffffff;
							}
							div#col_1 div#tabs_ld li a {
								color: #ffffff;
								padding: 4px 10px 6px 10px;
								text-decoration: none;				
								display: block;
								}
								div#col_1 div#tabs_ld li a:hover {
									background: #a5a5a5;
									}
						div#col_1 div#tabs_ld li#current {
							float: left;
							margin: 0;
							list-style: none;
							display: inline;							
							background: #e9f1f8;
							color: #3a6f98;
							text-decoration: none;
							}
							div#col_1 div#tabs_ld  li#current a {
								color: #3a6f98;
								padding: 5px 10px;
								text-decoration: none;				
								display: block;
								}
								div#col_1 div#tabs_ld  li#current a:hover {
									color: #3a6f98;
									background: #e9f1f8;
									}						
				div#scrollable_container {
					overflow: hidden;
					width: 240px;
					height: 300px;
					clear: both;				
					}	
					div#scrollable {
						float: left;
						width: 240px;
						height: 300px;
						margin: 0;
						padding: 0;
						overflow: auto;	
						}
				div#scrollable_container_2 {
					overflow: hidden;
					width: 244px;
					height: 300px;
					clear: both;				
					}	
					div#scrollable_2 {
						float: left;
						width: 248px;
						height: 300px;
						margin: 0;
						padding: 0;
						overflow: auto;
						}
				div#live_chat {
					float: left;
					width: 240px;
					margin: 0;
					padding: 0;
					display: inline;	
					}		
				div#live_chat h2 {
						color: #666666;
						font-size: 10px;
						font-weight: normal;
						margin: 4px 0 0 10px;
						padding: 0 0 3px 0;
		 				}
				div#scrollable_container_chatbox {
					overflow: hidden;
					width: 240px;
					height: 300px;
					clear: both;				
					}	
					div#scrollable_chatbox {
						float: left;
						width: 240px;
						height: 300px;
						margin: 0;
						padding: 0;
						overflow: auto;
						}
					div#scrollable_chatbox_brace {
						float: left;
						padding: 8px;
						}	
					div#scrollable_chatbox p {
						color: #999999;
						font-size: 10px;
						font-weight: normal;
						padding: 0 0 8px 0;				
		 				}
						div#scrollable_chatbox span {
							color: #666666;			
			 				}
				div#chat_input {
					float: left;
					width: 240px;
					margin: 10px 0 0 0;
					padding: 0;
					display: inline;	
					}		
				div#chat_input h2 {
						color: #666666;
						font-size: 10px;
						font-weight: normal;
						margin: 0 0 0 10px;
						padding: 0 0 6px 0;
		 				}			
				textarea#chat_msg {
					color: #999999;
					font-weight: normal;
					width: 240px;
					height: 56px;
					margin: 0;
					font-family : Verdana, Arial, Sans-Serif;
					font-size: 10px; /* font-size for IE */
					}
				input#chat_submit {
					color: #000000;
					font-weight: normal;
					margin: 5px 0 7px 10px;
					font-family : Verdana, Arial, Sans-Serif;
					font-size: 11px; /* font-size for IE */
					}						
			div#col2_hdr {		
				width: 244px;
				background: #ffffcc;
				font-size: 12px;
				font-style: italic;
				margin: 0;
				padding: 3px 0;
				}
				div#col2_hdr p {		
					margin: 0;
					padding: 2px 10px;
					}									
			div#col_2 {
				float: left;
				width: 244px;
				margin: 0 0 0 12px;
				padding: 0;
				display: inline;	
				}
			div#col_container table.ld {
				width: 100%;
				margin: 0;
				padding: 0 0 15px 0;
				border: 0;
				border-collapse: collapse;
				border-spacing: 0px;
				clear: both;
				}
				div#col_container table.ld .a {
					width: 10px;
					}
				div#col_container table.ld .b {
					width: 50px;
					}
				div#col_container table.ld .c {
					width: ;
					}
				div#col_container table.ld tr.shaded {
					background: #f7f7f7;
					}				
				div#col_container table.ld td {
					text-align: left;
					font-size: 10px;
					color: #999999;
					padding: 4px 8px;
					border: 0px;
					}
		div#right_column_ld {
			float: right;
			width: 240px;
			margin: 0 0 0 8px;
			height: auto;
			display: inline;
			margin: 0;
			}
	
					
	/* Footer
	----------------------------------------------- */
	
	div#footer {
		float: left;
		width: 100%;
		color: #666666;
		background: #ededed url("/img/bg_footer_dots.gif") repeat-x top left;
		text-decoration: none;
		font-size: 77%;		
		margin: 6px 0 0 0;
		padding: 0 0 10px 0;
		}
		div#footer_copy {
			float: left;
			width: 700px;
			height: auto;
			text-decoration: none;
			margin: 8px 0 4px 14px;
			display: inline;
			}
		div#footer p {
			color: #666666;
			margin: 0;
			padding: 0 0 3px 0;
			font-size: 92%;
			}
		div#footer a {
			text-decoration: none;
			}
		div#footer a:hover {
			text-decoration: underline;
			}
		div#footer ul {
			list-style: none;
			margin: 4px 0 4px 0;
			padding: 0;
			font-size: 92%;
			display: inline;
			}
			div#footer li {
				margin-left: 0;
				padding: 2px 2px 0 0;
				list-style: none;
				display: inline;
				}	
			div#footer li.pipe,
			div#footer li:hover.pipe  {
				color: #666666;
				}
			div#footer .footer_img {
				float: right;
				margin: 10px 12px 0 0;
				border: 1px solid #000000;
				}
		div#disclaimer {
			float: left;
			width: 100%;
			color: #666666;
			font-size: 77%;		
			margin: 10px 0 20px 0;
			padding: 0 0 10px 0;
			}
			div#disclaimer p {
				text-align: center;
				padding: 0 30px 10px 30px;
				font-size: 92%;
				}
				
div.form-container {
	float:left;
	text-align:left;
	width:500px;
	margin: 0px 0px;
	padding:0px 0px;
}
div.form-container-large {
    float:left;
    text-align:left;
    width:770px;
    margin: 0px 0px;
    padding:0px 0px;
}
div.form-container-small {
    float:left;
    text-align:left;
    width:360px;
    margin: 0px 0px 0px 0px;
    padding:10px 0px 0px 0px;
}
div.form-element-container {
	float:left;
	text-align: left;	
	width: 500px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px;
}
div.form-element-container-large {
    float:left;
    text-align: left;    
    width: 770px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px;
}
div.form-element-container-small {
    float:left;
    text-align: left;    
    width: 360px;
    margin: 0px 0px 10x 0px;
    padding: 0px 0px;
}
div.label-container {
	float:left;
	text-align: right;	
	width: 200px;
	margin: 0px 0px;
	padding: 0px 0px;
	font-size:12px;
	font-weight:bold;
}
div.label-container-small {
    float:left;
    text-align: right;    
    width: 150px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    font-size:12px;
    font-weight:bold;
}
div.field-container {
	float:right;
	text-align: left;	
	width: 290px;
	margin: 0px 0px;
	padding: 0px 0px;
}
div.field-container-large {
    float:right;
    text-align: left;    
    width: 560px;
    margin: 0px 0px;
    padding: 0px 0px;
}
div.field-container-small {
    float:right;
    text-align: left;    
    width: 200px;
    margin:  0px 0px;
    padding: 0px 0px;
}