/* Version 0.5

Last Updated: November 11 */

/* The Bullspot Stylesheet */
/* Table of Contents

&&> 1. Sandwich
*//*Complete*//*&&&&>  a. Top (#top)
*//*Complete*//*&&&&>  b. Logo (#logo)
*//*Complete*//*&&&&>  c. Navigation (#navigation)
*//*Complete*//*&&&&&&&&>  i. Links
*//*Complete*//*&&&&&&&&>  ii. Hover
*//*Complete*//*&&&&&&&&>  iii. Active
&&&&>  d. Subnavs (#subnavigation)
&&&&&&&&>  i. The Bar
&&&&&&&&>  ii. Buttons
&&&&&&&&>  iii. Active
*//*REVISE -- Merge with 3G *//*&&&&>  e. Search (#search)
&&&&>  f. Background (body)
&&&&>  g. #footer
&&&&>  h. #copyright
&&&&>  i. #fonts

&&> 2. Boxes & Window Decorations 
&&&&>  a. Boxes - 250 (.box defaults)
&&&&>  b. Boxes - 446 (.box with class or ID modifiers)
&&&&>  c. Boxes - 703 (.box with .703 or ID modifiers)
&&&&>  d. Icons & Headers (By ID)
&&&&>  e. Tabbed Options (#company,#stock graphs...)

&&> 3. Typography (Normal & Four Eyes)
&&&&>  a. Headers (h1,h2,h3) (and links within)
&&&&>  b. Paragraphs (and links within)
&&&&>  c. Unordered Lists
&&&&>  d. Unordered Link Lists (?)
&&&&>  e. Orderd Lists
&&&&>  f.  Stock Symbol / Links
&&&&>  g. Forms
&&&&&&&&>  i.  Labels (setup for image replacement or SIFR)
&&&&&&&&>  ii. Inputs (119)
&&&&&&&&>  iii. Buttons (100) (Image based commons, empty text based default?)
&&&&>  h. Rules (hr)

&&> 4. Universal Boxes (250's)
&&&&&&&&>  i. Icon
&&&&&&&&>  ii. H2 Image Replacement
&&&&&&&&>  iii. Layout
&&&&&&&&>  iv. Content Restyle
&&&&>  a. User Login
&&&&>  b. User Panel
&&&&>  c. Stock Ticker
&&&&>  e. Watchlist -- Logged In
&&&&>  f. Advertisment (250x250)

&&> 5. Home
&&&&>  a. Splash (446) (#splash)
&&&&>  b. Most Active Boards (#most_active_boards)
&&&&>  c. Articles (446) (#articles)
&&&&>  d. Featured Stock (#featured_stock)
&&&&>  e. Top Users (#top_users)
&&&&>  f. Featured Blog (#featured_blog)

&&> 6. Boards
&&&&>  a. Company Box (703) (#company)
&&&&>  b. Boards (#board_posts)
&&&&>  c. Write a post (#writePost)
&&&&>  d. Stock Graph (250) (#stock_graph)

&&> 7. User Profile
&&&&> a. User Profile Settings Box
&&&&> b. Blox
&&&&> c. Contacts / Friends

&&> 8. Other Pages
&&&&> a. Search Results

&&> 9. Engines
&&&&>  a. Bars
&&&&>  b. Patching

*//* And we're off to see the wizard... */ 

* {
	margin: 0 auto;
	padding: 0;
	}

.clear { clear: both; }

.container {
	display: block;
	margin: 0 auto;
	padding: 0 7px;
	width: 960px;
	}

br { clear: left; }

.left { float: left; }
.right { float: right; }

/* Because, because, because, because, because... */

/*&&> 1. Sandwich */
/* COMPLETE *//*&&&&>  1a. Top (#top) */

#top {
	background: #fff url(../i/top.jpg) repeat-x 0 0; /* Default -- Closed Red */
	border-bottom: 1px solid #fcfcfc;
	display: block;
	min-height: 90px;
	min-width: 974px;
	height: auto;
	width: auto;
	}

.sandwich { background: #fff url(../i/gradients/grey.jpg) repeat-x top; min-width: 974px;}

.home #top { height: 90px; }
#top .container { position: relative; }

.boards #top { background-position: 0 -90px; }
.library #top { background-position: 0 -208px; }
.tools #top { background-position: 0 -326px; }
.community #top { background-position: 0 -444px; }

.left_column {
	float: left;
	margin: 0 7px 0 0;
	width: 250px;
	}

.right_703 {
	float: left;
	width: 703px;
	}


.right_703.content {
	padding: 14px 0 0 0; }

.light .light_left,.left_split {
	float: left;
	margin: 0 7px 7px 0;
	width: 348px;
	}

.light .light_right,.right_split {
	border-left: 1px solid #eee;
	float: left;
	margin: 0 0 7px 0;
	padding: 0 0 0 7px;
	width: 340px;
	}

.right_split {
	border: 0 none;
	padding: 0;
	width: 345px;
	}

/* COMPLETE *//*&&&&>  1b. Logo (#logo) */

h1#logo {
	display: block;
	position: absolute;

	top: 21px;
	left: 4px;
	left: 11px;

	margin: 0;
	padding: 0;
	
	height: 37px;
	width: 190px;
	}

#logo a {
	background: url(../i/logo.jpg) no-repeat 0 -37px;
	display: block;
	height: 37px;
	width: 190px;
	}

.home #logo a {
	background-position: 0 0;
	xcursor: default;
	}

#logo a:hover { background-position: 0 0; } /* back to the bright red */

#logo a span { display: none; }

/* COMPLETE *//*&&&&>  1c. Navigation (#navigation) */

#navigation {
	background: transparent url(../i/navigation.jpg) no-repeat 0 -65px;
	display: block;
	list-style: none;
	position: absolute;

	top: 25px;
	left: 257px;
	left: 264px;

	height: 30px;
	width: 406px;
	}

#navigation li {
	background: transparent;
	border: 0 none;
	clear: none;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	height: 65px;
	}

#navigation li.home 			{ width: 63px; } 
#navigation li.boards 		{ width: 78px; } 
#navigation li.tools 			{ width: 72px; } 
#navigation li.library			{ width: 83px; } 
#navigation li.community 		{ width: 109px; } 

/* COMPLETE *//*&&&&&&&&>  i. Links */

#navigation li a {
	background: transparent;
	display: block;
	height: 30px;
	}

#top #navigation li a span { 
	background-image: url(../i/navigation.jpg);
	cursor: pointer;
	display: block;
	padding: 0;
	margin: 0;
	position: relative;
	left: 0;
	top: 0;
	text-indent: -2000px;
	height: 30px;
	width: 100%;
	}

#navigation .home a span		{ background-position: 0px 0px; }
#navigation .boards a span	{ background-position: -63px 0px; }
#navigation .tools a span 		{ background-position: -141px 0px; }
#navigation .library a span 	{ background-position: -213px 0px; }
#navigation .community a span 	{ background-position: -296px 0px; }

#navigation .home a 		{ background-position: 0px -65px; }
#navigation .boards a 		{ background-position: -63px -65px; }
#navigation .tools a 			{ background-position: -141px -65px; }
#navigation .library a 		{ background-position: -213px -65px; }
#navigation .community a 	{ background-position: -296px -65px; }

#navigation .home a 		{ background-position: 0px 0px; }
#navigation .boards a 		{ background-position: -63px 0px; }
#navigation .tools a 			{ background-position: -141px 0px; }
#navigation .library a 		{ background-position: -213px 0px; }
#navigation .community a 	{ background-position: -296px 0px; }

/* COMPLETE *//*&&&&&&&&>  ii. Hover */

#navigation a:hover {
	cursor: pointer;
	visibility: visible;
	}

#navigation .home a:hover 		{ background-position: 0px 0; }
#navigation .boards a:hover		{ background-position: -63px 0; }
#navigation .tools a:hover 		{ background-position: -141px 0; }
#navigation .library a:hover 		{ background-position: -213px 0; }
#navigation .community a:hover 	{ background-position: -296px 0; }

/* COMPLETE *//*&&&&&&&&>  iii. Active */

body.home #navigation .home a,
body.boards #navigation .boards a,
body.tools #navigation .tools a,
body.library #navigation .library a,
body.community #navigation .community a {
	background-image: url(../i/navigation.jpg);
	cursor: default;
	height: 65px;
	visibility: visible;
	}

body.home #navigation .home a 			{ background-position: 0px 0;  }
body.boards #navigation .boards a 			{ background-position: -63px 0; }
body.tools #navigation .tools a 			{ background-position: -141px 0;  }
body.library #navigation .library a 			{ background-position: -213px 0;  }
body.community #navigation .community a 	{ background-position: -296px 0; }

/*&&&&>  d. Subnavs (#subnavigation) */
/*&&&&&&&&>  i. The Bar */

#top .spacer {
	background: #transparent;
	height: 83px;
	display: block;
	}

#subnavigation {
	display: block;
	clear: left;
	margin: 0;
	padding: 6px 0 0 0;
	position: relative;
	height: 29px;
	}

/* we're taking out the slider stuff for now..
#subnavigation { display: none; }
#subnav_container { display: none; }
*/

body:last-child:not(:root:root) /* Safari Only: */
	#subnav_container { display: block; }

body:last-child:not(:root:root) /* Safari Only: */
	#subnavigation { display: block; }

#subnavigation ul {
	float: left;
	padding: 0;
	}

#subnavigation ul li {
	float: left;
	line-height: 23px;
	height: 23px;
	}

#subnavigation .currently {
	color: #fff;
	display: block;
	float: left;
	min-width: 226px;
	padding: 0 24px 0 14px;
	}

#subnavigation .currently p {
	line-height: 23px; }

#subnavigation .currently p,#subnavigation .currently a {
	display: block;
	float: left;
	margin: 0;
	}

#subnavigation .current_stock { margin: 0 0 0 7px !Important; }
#subnavigation .current_stock span { font-size: 16px; font-weight: 800; }
#subnavigation p { line-height: 21px; }

/*&&&&&&&&>  ii. Buttons */

#subnavigation #the_links { float: left; }

.boards #subnavigation #the_links { margin-left: 0; }
#subnavigation #the_links.shifted { margin: 0 0 0 264px !important; }

#subnavigation #the_links li {
	margin: 0 7px 0 0; }

#subnavigation a {
	color: #fff;
	text-decoration: none;
	}

#subnavigation li.store {
	position: absolute;
	top: 6px;
	right: 5px;
	}

/*&&&&&&&&>  iii. Active */
/* REVISE *//*&&&&>  e. Search (#search) */

#search,#search_again {
	position: absolute;

	top: 24px;
	left: 723px;
	left: 730px;
	}

#search_again {
	left: auto;
	right: 160px;
	}

#search input,#search_again input {
	background: url(../i/forms/search_input.jpg) no-repeat 0 0;
	float: left;
	margin: 1px 5px 0 0;
	padding: 7px 7px 0 10px;
	
	height: 20px; /* Slightly different from 3G spec because of inlay*/
	width: 104px; /* Slightly different from 3G spec because of inlay*/
	}

body:last-child:not(:root:root) /* Safari Only: */
	#search input { 
		margin-top: 5px !important;
		width: 121px;
		}

#search input:hover,#search_again input:hover { background-position: 0 -27px; }
#search input:focus,#search_again input:focus { background-position: 0 -54px; color: #fff; }

#search button,#search_again button {
	background: url(../i/forms/search.jpg) no-repeat 0 0;
	cursor: pointer;
	display: block;
	padding: 0;

	position: absolute;
	top: 0;
	left: 126px;
	text-align: left;

	height: 29px;
	width: 103px;
	}

#search button span,#search_again button span {
	background: url(../i/forms/search.jpg) no-repeat 0 -58px;
	cursor: pointer;
	display: block; 
	text-indent: -6000px;
	height: 29px;
	width: 103px;
	}

html:not([lang*=""]) /* Gecko Only */
	#search button span,
html:not([lang*=""]) /* Gecko Only */
	#search_again button span { 
		margin: 0 0 0 -3px;
		position: relative;
		top: -1px;
		height: 28px;
		}

/* COMPLETE *//*&&&&>  f. Background (body) */

body { background: #fff; } 

/*&&&&>  g. #footer */

#footer {
	background: url(../i/footer_new.jpg) no-repeat 0 0;
	clear: both;
	margin: 3px auto 7px auto;
	position: relative;
	text-align: center;
	height: 62px;
	height: 87px;
	width: 960px;
	}

#footer_nav {
	list-style:none;
	text-align: center;
	padding: 7px 0 0 11px;
	width: 950px;
	}

#footer_nav li { float: left; margin: 0 3px;}

#footer_nav li a { color: #eee; padding: 2px 7px; }
#footer_nav li a:hover { color: #555; background: #fff; }


#footer #qmLink { position: absolute;
	background: transparent;
	display: block;
	text-indent: -5000px;
	height: 15px;
	width: 65px;
	top: 32px;
	top: 57px;
	left: 135px;
	}

/*&&&&>  h. #copyright */

#footer p {
	display: none;
	}

/*&&&&>  i. #fonts */

#footer ul#fonts {
	background: url(../i/fonts.jpg) no-repeat 0 0;
	padding: 2px;
	position: absolute;
	left: 722px;
	top: 18px;
	top: 43px;
	height: 25px;
	width: 226px;
	}

.fourEyes #footer ul#fonts {
	background-position: 0 -29px;
	}

#footer ul#fonts li {
	border: 0 none;
	clear: none;
	margin: 0;
	padding: 0;
	float: left;
	height: 26px;
	width: 111px;
	}


#footer ul#fonts li a {
	background: transparent;
	display: block;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 111px;
	}

#footer ul#fonts li.fourEyes,#footer ul#fonts li.fourEyes a { width: 115px; }

#footer ul#fonts li a span {
	background: url(../i/fonts.jpg) no-repeat -2px -60px;
	cursor: pointer;
	display: block;
	display: none; 
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-indent: -4000px;
	height: 25px;
	width: 111px;
	}

#footer ul#fonts li.fourEyes a span { 
	display: block;
	display: none;
	background-position: -113px -60px;
	width: 115px;
	}

#footer ul#fonts li.normal a,.fourEyes ul#fonts li.fourEyes a {
	cursor: default;
	visibility: hidden;
	}

.fourEyes #footer ul#fonts li.normal a {
	cursor: pointer;
	visibility: visible;
	}

/** Di Link */

#di_design {
	background: url(../i/footer_di.jpg) no-repeat top left;
	position: absolute;
	top: 0;
	right: 0;
	height: 31px;
	width: 35px;
	}

#di_design span { display: none; }

#di_design:hover { background-position: bottom left; }

/*&&> 2. Boxes & Window Decorations  */

h2 span {
	display: none;
	}

/*&&&&>  a. Boxes - 250 (.box defaults) */

#user_login,#stock_ticker,#most_active_boards,#featured_stock,#sponsors,#top_users,#stock_graph,#user_panel,#watchlist,#picks,#contacts,#friends,#author {
	background: url(../i/header/colors.jpg) no-repeat 0 36px; /* Defaults to Red -- applied in 2E */
	float: left;
	margin: 7px 7px 0 0;
	width: 250px;
	}

#user_login,#stock_ticker,#user_panel,#watchlist,.topped {
	margin-top: 9px !important; /* Topmost */
	}

#stock_ticker,#featured_stock,#sponsors,#watchlist,#picks,#contacts,#friends,.community #top_users { /* Ones at the right edge */
	margin-right: 0;
	}

#user_login h2,#user_panel h2,#stock_ticker h2,#most_active_boards h2,#featured_stock h2,#sponsors h2,#top_users h2,#stock_graph h2,#watchlist h2,#picks h2,#contacts h2,#friends h2,#author h2 {
	background: url(../i/header/250s.jpg) no-repeat 0 0;
	display: block;
	margin: 0 0 16px 0;
	height: 36px;
	}

.fourEyes #user_login h2,.fourEyes #user_panel h2,.fourEyes #stock_ticker h2,.fourEyes #most_active_boards h2,.fourEyes #featured_stock h2,.fourEyes #top_users h2,.fourEyes #stock_graph h2,.fourEyes #watchlist h2,.fourEyes #picks h2,.fourEyes #contacts h2,.fourEyes #friends h2,.fourEyes #sponsors h2 {
	background-image: url(../i/header/250s_4is.jpg);
	}

#stock_ticker h2,#watchlist h2 {
	margin-bottom: 14px;
	}

#user_login h2 { background-position: -250px 0; }
#most_active_boards h2 { background-position: -500px 0; }
#stock_ticker h2 { background-position: -750px 0; }
#featured_stock h2 { background-position: -1000px 0; }
#top_users h2 { background-position: -1250px 0; }
#stock_graph h2 { background-position: -1500px 0; }
#user_panel h2 { background-position: -1750px 0; }
/*.home #watchlist h2 { background-position: -2000px 0; }*/
#watchlist h2 { background-position: -2000px 0; } /* Editable version, defaulted */
.locked#watchlist h2 { background-position: -2250px 0; } /* Locked */
.dashboard #user_panel h2 { background-position: -2500px 0; }
#picks h2 { background-position: -2750px 0; }
#friends h2 { background-position: -3000px 0; }
#contacts h2 { background-position: -3250px 0; }
#author h2 { background-position: -3500px 0; }
#sponsors h2 { background-position: -3750px 0; }
#contacts.patchToUsers h2 { background-position: -4000px 0; }

#most_active_boards { /* Red */
	background-position: 0 36px;
	}

#user_login,
#top_users ,
#user_panel,
#friends,
#contacts,
#author { /* Orange */
	background-position: -250px 36px; 
	}

#stock_ticker,
#stock_graph,
#watchlist,
#picks { /* Green */
	background-position: -500px 36px; 
	}

#featured_stock,#sponsors { /* Blue */
	background-position: -750px 36px;
	}

/*&&&&>  b. Boxes - 446 (.box with class or ID modifiers) */

#articles,#featured_blog,#user_profile,#latest_board_posts,#blog,#your_blog,#feed {
	background: url(../i/header/colors.jpg) no-repeat -1000px 36px; /* Defaults to Red -- applied in 2E */
	float: left;
	margin: 7px 7px 0 0;
	width: 446px;
	}

#user_profile { margin-top: 9px; }

#articles h2,#featured_blog h2,#user_profile h2,#latest_board_posts h2,#blog h2,#your_blog h2,#feed h2 {
	background: url(../i/header/446s.jpg) no-repeat 0 0;
	margin: 0 0 16px 0;
	height: 36px;
	}

.fourEyes #articles h2,.fourEyes #featured_blog h2,.fourEyes #user_profile h2,.fourEyes #latest_board_posts,.fourEyes #blog h2,.fourEyes #your_blog h2,.fourEyes #feed h2 { background-image: url(../i/header/446s_4is.jpg); }

#featured_blog h2 { background-position: -446px 0; }
#user_profile h2 { background-position: -892px 0; }
#latest_board_posts h2 { background-position: -1338px 0; }
#blog h2 { background-position: -1784px 0; }
#your_blog h2 { background-position: -2230px 0; }
#feed h2 { background-position: -2676px 0; }
#latest_board_posts.patchToBoardPosts h2 { background-position: -3122px 0; }

#featured_blog,#blog,#your_blog,#user_profile,#feed { /* Orange */
	background-position: -1446px 36px;
	}

#company { /* Green */
	background-position: -1892px 36px; 
	}

#articles { /* Blue */
	background-position: -2338px 36px;
	}

/*&&&&>  c. Boxes - 703 (.box with .703 or ID modifiers) */

#company,#board_posts,#writePost {
	background: url(../i/header/colors.jpg) no-repeat -4190px 36px; /* Defaults to Red -- applied in 2E */
	float: left;
	margin: 7px 0 0 0;
	width: 703px;
	}

#board_posts,#writePost { background-position: -2784px 36px; } /* Red */
#community_box { background-position: -3487px 36px; } /* OJ */
#company { background-position: -4190px 36px; } /* Green */
#library box { background-position: -4893px 36px; } /* Blue */

.boards #company { margin-top: 9px; /* (when you're at the top.. ) */ }

#company h2,#board_posts h2,#writePost h2 {
	background: url(../i/header/703s.jpg) no-repeat 0 0;
	margin: 0 0 16px 0;
	height: 36px;
	}

#company h2 { background-position: 0 0; margin: 0; }
#board_posts h2 { background-position: -703px 0; margin: 0; }
#writePost h2 { background-position: -1406px 0; }

/*&&&&>  2d. Splash - 446 (.splash #bull) */

.splash {
	background: url(../i/splash/bull/5.jpg) no-repeat top left;
	float: left;
	margin: 9px 7px 0 0;
	position: relative;
	height: 211px;
	width: 446px;
	}

#bull .features {
	background: url(../i/splash/bull/features_hover.jpg) no-repeat 0 -56px;
	display:block;
	margin: 137px 0 0 75px;
	height: 56px;
	width: 297px;
	}

#bull .features:hover { background-position: top left; }

#bull .features span { display:none; }

#bull .patch {
	background: transparent url(../i/splash/bull/patch.jpg) no-repeat 0 0;
	display: block;

	position: absolute;
	top: -29px;
	left: 121px;

	height: 29px;
	width: 29px;
	}

#bull .patch.b {
	background-position: 0 -29px;
	left: 301px;
	}

/*&&&&>  2e. Tabbed Options (ul.anchors) or div.options */

ul.anchors,div.options {
	background: transparent;
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	height: 35px;
	/* width defined individually */
	}

div.options {
	padding-top: 6px;
	height: 29px; 
	}

#company,
#stock_graph,
#board_posts,
#user_profile,
#your_blog,
.community.latest #blog,
.community.latest #latest_board_posts,
#contacts,
.community #top_users	{
	background-image: url(../i/header/colors_opened.jpg);
	}

/*#company .anchors li,#stock_graph .anchors li,,#user_profile .anchors li {*/
.sandwich .anchors li,#board_posts .options li {
	background: transparent;
	clear: none;
	float: left;
	line-height: 35px;
	margin: 6px 7px 0 0;
	padding: 0;
	height: 22px;
	}

#board_posts .options li { margin-top: 0; } /* We're going to pad the whole thing, not just the li's, because in this case there are other things besides the li's (unlike in ul.anchors) */

#company .anchors li a,#stock_graph .anchors li a,#board_posts .options li a,.light .anchors li a {
	display: block;
	line-height: 23px;
	}

ul.anchors a,div.options a,#subnavigation a {
	background: transparent;
	color: #fff;
	display: block;
	float: left;
	padding: 0 0 0 6px;
	position: relative;
	height: 23px;
	text-decoration: none;
	}

ul.anchors a span,div.options a span,#subnavigation a span {
	background: transparent;
	display: block;
	font-size: 11px;
	font-weight: 800;
	line-height: 23px;
	padding: 0 7px 0 1px;
	padding: 0 10px 0 4px;
	position: relative;
	height: 23px;
	z-index: 5;
	}

.fourEyes ul.anchors a span,
.fourEyes div.options a span,
.fourEyes #subnavigation a span {
	font-size: 13px; }

ul.anchors a:hover,
.options a:hover,
#subnavigation a:hover {
	background: transparent url(../i/header/pill_white_left.png) no-repeat 0 0 !important; }

ul.anchors a:hover span,
.options a:hover span,
#subnavigation a:hover span {
	background: transparent url(../i/header/pill_white.png) no-repeat top right; }

.fourEyes ul.anchors a:hover span,
.fourEyes .options a:hover span,
.fourEyes #subnavigation a:hover span {
	color: #fff; }
	
ul.anchors .selected a,
.options .selected a,
#subnavigation .currently .current_stock,
#subnavigation .selected a {
	background: transparent url(../i/header/pill_left.png) no-repeat 0 0 !important; cursor: default; }

ul.anchors .selected a span,
.options .selected a span,
#subnavigation .currently .current_stock span,
#subnavigation .selected a span { 
	background: transparent url(../i/header/pill.png) no-repeat top right;
	font-size: 11px;
	font-weight: 400;
	line-height: 23px;
	padding: 0 7px 0 1px;
	}

.fourEyes ul.anchors .selected a span,
.fourEyes .options .selected a span,
.fourEyes #subnavigation .currently .current_stock span,
.fourEyes #subnavigation .seleccted a span  {
	xfont-size: 12px;
	font-weight: 800; 
	}

ul.anchors a .dolly,div.options a .dolly,#subnavigation a .dolly {
	background: transparent !important;
	color: #000 !important;
	display: block;
	opacity: 0.35;
	filter:alpha(opacity=35);
	padding: 0 !important;
	position: absolute;
	top: 1px;
	left: 8px;
	left: 11px;
	z-index: 1;
	}


.fourEyes ul.anchors a .dolly,
.fourEyes div.options a .dolly,
.fourEyes #subnavigation a .dolly {
	opacity: 0.45;
	filter:alpha(opacity=45);
	}

ul.anchors .selected a span.dolly,
.options .selected a span.dolly,
#subnavigation .currently .current_stock span.dolly,
#subnavigation li.selected .dolly  {
	left: 8px;
	opacity: 0.2;
	filter:alpha(opacity=20);
	}

/*&&> 2f. Messages */

.messages {
	background: #f1f1f1;
	border: 1px solid #e1e1e1;
	background: #fffed6;
	background: #fffde7;
	border: 1px solid #e8e68a;
	color: #333;
	margin: -3px 0 7px 0;
	padding: 7px 10px 0px 14px;
	}

.messages.attached {
	border: 0 none;
	display: block;
	margin: -10px 0 10px 0;
	padding: 5px 0 4px 14px;
	}

#user_login .messages.attached,#user_panel .messages.attached {
	background: transparent url(../i/header/attachment_orange.jpg) no-repeat bottom center;
	}

.messages.metal_703 {
	background: #fff url(../i/metal/703_small.jpg) no-repeat top left;
	border: 0 none;
	display: block;
	font-size: 13px;
	margin: 9px 0 -2px 0;
	padding: 17px 0 0 14px;
	line-height: 50px;
	text-align: center;
	height: 35px;
	}

.messages.metal_703 p {
	font-size: 13px;
	margin: 0 50px;
	}

.metal_703 p strong {
	background: #fffde7;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 0;
	padding: 3px 5px;
	}

.messages ul {
	background: transparent;
	margin: -3px 0 0 0;
	padding: 0 10px 0 0;
	xlist-style: disc;
	}

.messages ul li {
	background: transparent !important;
	font-size: 11px;
	line-height: 14px !important;
	margin: 2px 0 7px 0;
	padding: 0 !important;
	}

.messages.long ul li { text-align: center; }

.messages.attached ul li { color: #fff; }

.messages.attached li { position: relative; }
.messages.attached li span {
	position: relative;
	font-weight: 800;
	top: 0;
	left: 0;
	z-index: 2;
	}

.messages.attached li span.dolly {
	color: #000;
	opacity: 0.20;
	filter:alpha(opacity=20);
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	}

/*&&> 3. Typography (Normal & Four Eyes) */

body {
	font: 12px/18px "lucida grande","lucida sans unicode","trebuchet ms",verdana,sans-serif;
	}

body.fourEyes { 
	font: 12px/20px "lucida grande","lucida sans unicode","trebuchet ms",verdana,sans-serif;
	}

body.bigBrowser {
	line-height: 12px;
	}

a img { border: 0 none; }

a:focus, a:active,button:focus { outline: none; }

/*&&&&>  a. Headers (h1,h2,h3) (and links within) */

h1 {
	color: #333;
	display: block;
	font: 400 27px/27px"lucida grande",verdana,"trebuchet ms",verdana,sans-serif;
	padding: 9px 0 0 14px;
	margin: 0;
	}

h1 small {
	font-size: 13px;
	line-height: 32px;
	vertical-align: top;
	}

.content h2 {
	clear: left;
	font-family: "lucida grande",verdana,"trebuchet ms",verdana,sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.5em;
	margin: /*?*/ 0px 10px /*?*/ 0px 0px;
	}

h2.generic {
	background: #fff url(../i/header/348_generic.jpg) no-repeat top left;
	font-size: 15px;
	font-weight: 400;
	line-height: 36px;
	margin: 9px 0 7px 0;
	text-align: center;
	height: 42px;
	width: 348px;
	}

h2.generic.top { background-image: url(../i/header/348_generic-top.jpg); }

.content small {
	color: #777;
	display: block;
	font-family: "lucida grande",verdana,"trebuchet ms",verdana,sans-serif;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.3em;
	margin: /*?*/ 0px 10px /*?*/ 7px 0px;
	}

h3,legend {
	font-family: "lucida grande","lucida sans unicode",verdana,"trebuchet ms",verdana,sans-serif;
	font-size: 1.2em;
	font-size: 1.4em;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5em;
	margin: /*?*/ 0px 10px /*?*/ 0px 14px;
	}

legend.small {
	font-size: 1.1em;
	color: #999;
	}

.content h3 {
	color: #900;
	clear: left;
	font-family: "lucida grande",verdana,"trebuchet ms",verdana,sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.5em;
	margin: /*?*/ 0px 10px /*?*/ 0px 0px;
	}

h4 {
	color: #222;
	font-family: "lucida grande",verdana,"trebuchet ms",verdana,sans-serif;
	font-size: 1.15em;
	font-size: 13px;
	xfont-size: 11px;
	xfont-style: oblique;
	font-weight: 700;
	xfont-weight: 400;
	line-height: 1.5em;
	margin: /*?*/ 14px 10px /*?*/ 0px 14px;
	}

.fourEyes h4 { font-size: 15px; }

.content h4 {
	clear: left;
	font-family: "lucida grande",verdana,"trebuchet ms",verdana,sans-serif;
	font-size: 1.2em;
	font-weight: 800;
	line-height: 1.5em;
	margin: /*?*/ 0px 10px /*?*/ 0px 14px;
	}

.light_content h3 {
	color: #900;
	}

.fourEyes h3 { 
	font-size: 1.35em;
	}

.fourEyes h3 { 
	font-size: 1.35em;
	}

h3 a {
	padding: 2px 5px 3px 5px;
	position: relative;
	left: -5px;
	}

.tools h3 a:hover {
	background: #75af26 url(../i/gradients/greens.jpg) repeat-x top;
	}

h3.leaking {
	overflow: hidden;
	position: relative;
	left: -6px;
	top: -3px;
	}

h3.leaking a {
	background: #fff;
	display: block;
	left: 0;
	line-height: 22px;
	padding: 0px 0 0px 7px;
	text-decoration: none !important;
	}

.sandwich h3.leaking a:hover {
	background: #fff;
	}

h3.leaking a span {
	line-height: 25px !important;
	overflow: hidden;
	padding: 3px 5px 4px 0px;
	padding: 4px 5px 4px 0px; /* WINDOWS only.. */
	text-decoration: underline;
	}

.bigBrowser.fourEyes h3.leaking span {
	line-height: 7px !important; }

h3.leaking a span.spacer {
	background: #fff;
	display: block;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 95px;
	width: 7px;
	}

h3.leaking a:hover span {
	background: #195fc6 url(../i/gradients/blues.jpg) repeat top left !important;
	color: #fff;
	text-decoration: none;
	}

.community h3.leaking a:hover span {
	background: #d77400 url(../i/gradients/oranges.jpg) repeat top left !important;
	}

.fourEyes h3 a:hover span {
	background: #f1f1f1 !important;
	color: #000 !important;
	}

small em, a em {
	color: #777;
	}

/*&&&&>  b. Paragraphs (and links within) */

p {
	font: 11px/18px "lucida grande",verdana,"lucida sans unicode","trebuchet ms",verdana,sans-serif;
	margin: /*?*/ 0px 10px /*?*/ 0.5em 14px;
	}

.fourEyes p { font-size: 13px; line-height: 22px; }
.bigBrowser.fourEyes p { font-size: 11px; line-height: 18px; }


p.instructions {
	xborder-bottom: 1px solid #f1f1f1;
	background: url(../i/dividers/divider.jpg) no-repeat bottom center;
	color: #999;
	text-align: center;
	margin: 0 14px 0px 0;
	padding: 0 0 7px 0;
	}

p.instructions.bottom {
	background-position: top center;
	padding: 7px 0 0 0;
	}

.fourEyes p.instructions {
	color: #555;
	font-size: 13px;
	}

p a {
	padding: 1px 4px 2px 4px;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none !important;
	}

.boards p a,.light a,.boards h3 a { color: #9c1316; }
.boards p a:hover,.light_content p a:hover,.boards h3 a:hover { background: #9c1316 url(../i/gradients/red_20.jpg) repeat-x top left; color: #fff !important; }

.library a,.library h3 a { color: #0072bc; }
.library p a:hover,.library h3 a:hover { background: #0072bc url(../i/gradients/blues.jpg) repeat-x top left; color: #fff !important; }

.tools a { color: #75af26; }
.tools p a:hover,.tools h3 a:hover { background: #75af26 url(../i/gradients/greens.jpg) repeat-x top left; color: #fff !important; }

.community a { color: #c15f00; }
.community p a:hover,.community h3 a:hover { background: #d77400 url(../i/gradients/oranges.jpg) repeat top left; color: #fff !important; }

.fourEyes a:hover,.fourEyes p a:hover,.fourEyes h3 a:hover {
	background: #f1f1f1;
	color: #000 !important;
	}

/*&&&&>  c. Unordered Lists */

ul {
	list-style: none;
	}

.content ul {
	list-style: disc;
	margin: 7px 0 14px 15px;
	}

.sandwich ul li {
	background: #fff url(../i/dividers/divider.jpg) no-repeat bottom left;
	border: 0 none;
	clear: left;
	line-height: 18px;	
	padding: 3px 0 4px 0;
	}

ul li.last {
	background-image: none;
	}

.content ul li {
	background: transparent;
	color: #777;
	font-size: 12px;
	}

.content ul li strong {
	color: #000;
	font-size: 11px;
	}

/*&&&&>  d. Unordered Link Lists (?) */

ul.links.double {
	float: left;
	margin: 0 7px 0 14px;
	width: 150px;
	}

ul.links li:hover,ul.links li:hover span {
	xbackground-color: #fffbef;
	}

ul.links a {
	background: #fff url(../i/arrows/blue.jpg) no-repeat center right;
	display: block;
	padding: 0 20px 0 5px;
	position: relative;
	left: -5px;
	overflow: hidden;
	text-decoration: none !important;
	}

.bigBrowser.fourEyes ul.links a {
	line-height: 16px;
	}

ul.links a:hover {
	background: #fff url(../i/arrows/blue.gif) no-repeat center right;
	}

.community ul.links a { background-image: url(../i/arrows/orange.jpg); }
.community ul.links a:hover { background-image: url(../i/arrows/orange.gif); }

ul.links a span {
	color: #333;
	font-size: 11px;
	font-size: 0.95em;
	font-size: 11px;
	font-family: "lucida grande","lucida sans unicode",verdana,sans-serif;
	padding: 2px 4px 3px 0px;
	text-decoration: underline;
	}

.fourEyes ul.links a span {
	color: #222;
	font-size: 13px;
	xtext-decoration: none;
	}

.fourEyes.bigBrowser ul.links a span {
	font-size: 11px;
	line-height: 12px;
	}

ul.links a:hover span {
	background: #195fc6 url(../i/gradients/blues_18.jpg) repeat-x top left;
	color: #fff;
	text-decoration: none;
	}

ul.links a .spacer {
	background: #fff;
	background-repeat: repeat !important;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
	width: 5px;
	}

.community ul.links a:hover span {
	background: #ef8600 url(../i/gradients/oranges_18.jpg) repeat-x top left;
	}

.fourEyes ul.links a:hover span { background: #f1f1f1; color: #000; cursor: pointer; }

.links.friends_listing li { position: relative; }
.links.friends_listing .makeTopFriend { position: absolute; left: -14px; top: 1px; display:none; z-index: 5; }

.links.friends_listing.editing .makeTopFriend { display: block; }

.friends_listing .shy_friends { display: none; /* Freddie scares them*/ }
.friends_listing.showAllFriends .shy_friends { display: block; /* But sometimes they play with him anyways*/ }

/*&&&&>  e. Orderd Lists (and definition lists, I guess) */

dl dt {
	color: #999;
	clear: both;
	display: block;
	font-size: 10px;
	font-weight: 800;
	float: left;
	line-height: 14px;
	margin: 5px 7px 0 0;
	text-transform: uppercase;
	text-align: right;
	width: 115px;
	}

.fourEyes dl dt {
	font-size: 13px;
	color: #555;
	}

dl dd {
	color: #333;
	display: block;
	line-height: 24px;
	padding: 0 0 0 122px;
	}

.fourEyes dl dd {
	color: #000;
	font-size: 13px;
	}

.post .full ol {
	margin: 12px 0 12px 146px;
	display: block;
	}

.content ol {
	margin: 14px 0 14px 24px;
	}

.post .full ul {
	margin: 12px 0 12px 140px;
	display: block;
	list-style: disc;
	}

ol li,li.post .full li{
	margin: 0 !important;
	float: none !important;
	background: #fff !important;
	clear: none !important;
	line-height: 21px !important;
	}

li.post .full li {
	line-height: 14px !important;
	}

.content ul li,.content ol li {
	background: transparent !important;
	}

/* Lists and stuff inside posts */

.post li {
	clear: none;
	}

/*&&&&>  f.  Stock Symbol / Links */

li a.symbol {
	background: url(../i/symbol.jpg) no-repeat 0 0 !important;
	color: #333 !important;
	display: block;
	font-size: 11px;
	font-family: "lucida grande","lucida sans unicode",sans-serif;
	float: left;
	line-height: 19px;
	margin: 0 7px 0 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	height: 19px;
	width: 50px;
	}

.fourEyes li a.symbol {
	background-image: url(../i/symbol_4is.jpg) !important;
	font-size: 13px;
	font-weight: 800;
	width: 65px;
	}

.fourEyes.bigBrowser li a.symbol {
	font-size: 12.5px; line-height: 14px; }

li a.symbol.long {
	font-size: 10px;
	line-height: 20px;
	}

.fourEyes li a.symbol.long { font-size: 11px; }

li a.symbol:hover {
	background-position: 0 -19px !important;
	color: #000 !important;
	}

.editing a.symbol:hover {
	background-position: 0 0 !important;
	color: #333 !important;
	cursor: default;
	}

li a.symbol span {
	position: relative;
	z-index: 2;
	}

li a.symbol .dolly,.editing li a.symbol .dolly {
	color: #fff;
	position: absolute;
	left: 50%;
	top: 1px;
	margin: 0 0 0 -24px;
	opacity: 0.7;
	filter:alpha(opacity=70);
	z-index: 1;
	height: 19px;
	width: 50px;
	}

li a.symbol:hover .dolly {
	filter:alpha(opacity=50);
	opacity: 0.5;
	}

/*&&&&>  g. Forms */

form.lookup,
form.findAndAdd,
form.viewBoard,
form.addStock {
	background: url(../i/dividers/divider.jpg) no-repeat top center;
	margin: 0 10px 0 14px;
	padding: 5px 0 0 0;
	}

#picks form.findAndAdd { background: transparent; padding: 0; }

fieldset {
	border: 0 none;
	clear: left;
	}

.light form {
	margin: 0 0 0 7px;
	}

/*&&&&&&&&>  i.  Labels (setup for image replacement or SIFR) */

label {
	background: #fff;
	clear: left;
	color: #333;
	display: block;
	font-size: 12px;
	line-height: 1em;
	padding: 0 0 0.5em 0;
	}

label span.required {
	font-size: 11px;
	color: #aaa;
	}

.fourEyes label { 
	color: #111;
	font-size: 13px;
	}

.bigBrowser.fourEyes label {
	font-size: 12px;
	line-height: .65em;
	}

.light form label {
	margin:10px 0 0 0;
	}

legend {
	clear: left;
	color: #900;
	display: block;
	}

.fragment label {
	clear: left;
	font-size: 11px;
	padding: 5px 0 0 0;
	height: 18px;
	}

label.forCheckbox {
	clear: none;
	display: block;
	float: left;
	line-height: 12px;
	margin: 2px 0 5px 0 !important;
	}

.fragment label.forCheckbox { margin: 0 !important; }

/*&&&&&&&&>  ii. Inputs (119) */

input { border: 0 none; }

input[type="text"],input[type="password"],input.text { 
	background: #ccc url(../i/forms/input.jpg) no-repeat 0 -25px;
	border: 0 none;
	color: #000;
	display: block;
	font: 11px/25px "lucida grande","lucida sans unicode","trebuchet ms",verdana,sans-serif;
	padding: 6px 10px 0 10px;
	margin: 0 7px 0px 0; /* SAFARI: 3px top margin */
	height: 19px;
	width: 99px;
	}

form.compact input,form.lookup input,form.findAndAdd input,form.viewBoard input,input.compact,label.compact {
	float: left;
	clear: none;
	}

input.checkbox {
	clear: left;
	display: block;
	float: left;
	margin: 0px 10px 0 0;
	}

.fragment input.checkbox { margin: 3px 10px 0 0; }

.fragment input.text { margin-bottom: 3px; }

label.compact {
	font-size: 11px;
	line-height: 24px;
	height: 20px;
	}

input.text.long {
	background-image: url(../i/forms/input_226.jpg);
	width: 206px;
	}

input.text.x-long {
	background-image: url(../i/forms/input_422.jpg);
	width: 402px;
	}

input.text.xx-long {
	background-image: url(../i/forms/input_679.jpg);
	width: 659px;
	}

#user_login input.text { margin-bottom: 7px; float: left; }

.fourEyes input.text { font-size: 14px; padding-top: 4px; padding-bottom: 2px; }

/*
body:last-child:not(:root:root) 
	input { 
		color: #000 !important;
		padding: 0;
		margin-top: 3px !important;
		width: 119px; 
		}
*/

/*
body:last-child:not(:root:root) 
	#user_login #user_login_email { 
		margin-top: 0px !important;
		width: 226px;
		}
*/

.safari input.text { height: 19px; line-height: 14px; }

body:last-child:not(:root:root) /* Safari Only: */
	.lookup input,
body:last-child:not(:root:root) /* Safari Only: */
	.findAndAdd input,
body:last-child:not(:root:root) /* Safari Only: */
	.viewBoard input { 
		margin-top: 4px !important;
		}

input:hover { background-position: 0  0px; }

input:focus {
	background-position: 0 -75px;
	color: #fff;
	}

form.lookup input:focus,form.findAndAdd input:focus,form.viewBoard input:focus {
	background-position: 0 -75px;
	color: #fff;
	}

#user_login input:focus {
	background-position: 0 -50px;
	color: #000;
	}

textarea {
	background: #f1f1f1 url(../i/forms/textarea_679.jpg) no-repeat top left;
	border: 0 none;
	font-size: 12px;
	font: 11px/22px "lucida grande","lucida sans unicode",verdana,sans-serif;
	margin: 7px 0 4px 0;
	padding: 7px 10px;
	height: 126px;
	width: 402px;
	}


textarea.long {
	background-image: url(../i/forms/textarea_226.jpg);
	width: 206px;
	}

textarea.x-long {
	background-image: url(../i/forms/textarea_422.jpg);
	width: 402px;
	}

textarea.xx-long {
	background-image url(../i/forms/textarea_679.jpg);
	width: 659px;
	}

/*&&&&&&&&>  iii. Buttons (100) (Image based commons, empty text based default?) */

button {
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	xclear: left;
	display: block;
	float: left;
	height: 25px;
	width: 100px;
	}

.content button,.fragment button { clear: left; }

button span { display: none; }

button:hover { background-position: 0 -25px; }
button:active,button:focus { background-position: 0 -50px; }

form.lookup button { background-image: url(../i/forms/lookup.jpg); }
.fourEyes form.lookup button { background-image: url(../i/forms/lookup_4is.jpg); }
form.viewBoard button { background-image: url(../i/forms/viewBoard.jpg); }
.fourEyes form.viewBoard button { background-image: url(../i/forms/viewBoard_4is.jpg); }
form.addStock button { background-image: url(../i/forms/addStock.jpg); }
.fourEyes form.viewBoard button { background-image: url(../i/forms/addStock_4is.jpg); }
button.signUp { background-image: url(../i/forms/signUp.jpg); }
button.update { background-image: url(../i/forms/update.jpg); margin: 7px 0 0 0; }
button.submitPost { background-image: url(../i/forms/submitPost.jpg); margin: 2px 0 7px 0;}
button.submit { background-image: url(../i/forms/submit.jpg); margin: 2px 0 7px 0;}
button.search { background-image: url(../i/forms/search_clean.jpg); }
.findAndAdd button { background-image: url(../i/forms/findAndAdd.jpg); }

/*&&&&>  h. Rules (hr) */

hr {
	background: #fff url(../i/dividers/divider.jpg) no-repeat 0 9px;
	border: 0 none;
	clear: both;
	display: block;
	margin: 0 10px 0 14px;
	padding: 9px 0;
	height: 1px;
	min-width: 226px;
	}

.light hr {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 5px 0 0 0;
	padding: 0;
	}

hr.long { background-image: url(../i/dividers/divider_long.jpg); }
hr.x-long { background-image: url(../i/dividers/divider_578.jpg); }

.centered.title {
	border-bottom: 1px solid #eee;
	text-align: center;
	padding: 0 0 14px;
	margin: 7px 0;
	}

.centered.title h2 {
	font-size: 1.8em;
	}

/*&&> 4. Universal Boxes (250's) */
	/* FORMAT: */
	/*&&&&&&&&>  i. Icon */
	/*&&&&&&&&>  ii. H2 Image Replacement */
	/*&&&&&&&&>  iii. Layout */
	/*&&&&&&&&>  iv. Content Restyle */
/*&&&&>  a. User Login */

#user_login form#login { margin: 0 10px 4px 14px; }

#user_login_email {
	background-image: url(../i/forms/input_226.jpg);
	width: 206px;
	}

#user_login form#login button { background-image: url(../i/forms/login.jpg); }
.fourEyes #user_login form#login button { background-image: url(../i/forms/login_4is.jpg); }

#user_login hr {
	background-position: 0 0px;
	padding: 5px 0 6px 0;
	}

#user_login h3 {
	clear: left;
	color: #f18200;
	font: 13px "lucida grande","lucida sans unicode",sans-serif;
	font-size: 13px;
	}

.fourEyes #user_login h3 { cxolor: #555; font-size: 13px; }
.fourEyes.bigBrowser #user_login h3 { xcolor: #555; font-size: 11px; line-height: 7px; }

#user_login p a {
	position: relative;
	left: -4px;
	}

#user_login p a { color: #555; }

.fourEyes #user_login p a { color: #000; font-size: 13px; }
.bigBrowser.fourEyes #user_login p a { font-size: 11px; }

#user_login #user_login_password_label { float: left; }
#user_login #user_login_password { clear: left; }

#user_login .forgotPassword {
	background: url(../i/forms/forgot.jpg) no-repeat 0 -16px;
	display: block;
	float: left;
	margin: -2px 0 0 5px;
	padding: 0 5px 0 20px;
	xtext-align: right;
	text-decoration: none;
	height: 16px;
	width: auto;
	}

#user_login .forgotPassword:hover { background-position: 0 0px; }

#user_login .forgotPassword span {
	color: #aaa;
	xdisplay: none;
	font-size: 10px;
	text-decoration: none;
	}

.fourEyes #user_login .forgotPassword span {
	color: #555;
	font-size: 12px;
	text-decoration: underline;
	vertical-align: top;
	}

.fourEyes.bigBrowser #user_login .forgotPassword span {
	font-size: 10px; }

#user_login .forgotPassword:hover span { color: #444; }
.fourEyes #user_login .forgotPassword:hover span { color: #111; text-decoration: none; background: #f1f1f1; }

/*&&&&>  b. User Panel */

#user_panel { position: relative; }

#user_panel hr {
	background-position: 0 0px;
	padding: 1px 0 0 0;
	}

#user_panel .link_to_dash {
	background: url(../i/panel/link_to_dash.jpg) no-repeat top left;
	display: block;
	padding: 0;
	position: absolute;
	top: 6px;
	left: 6px;
	height: 25px;
	width: 107px;
	}

#user_panel .link_to_dash:hover { background-position: 0 -25px; }

#user_panel .logout {
	background: url(../i/panel/logout.jpg) no-repeat top left;
	display: block;
	padding: 0;
	position: absolute;
	top: 6px;
	right: 6px;
	height: 25px;
	width: 59px;
	}

#user_panel .logout:hover { background-position: 0 -25px; }

.image_link_to_dash {
	float: left;
	padding: 0 !important;
	margin: 0 0 7px 14px;
	}

.image_link_to_dash img { float: left; }

ul#user_controls {
	background: url(../i/panel/controls_bg.jpg) no-repeat top left;
	display: block;
	float: left;
	margin: 0 0 7px 7px;
	width: 144px;
	}

ul#user_controls li {
	background: transparent;
	margin: 0;
	padding: 0;
	line-height: 25px;
	height: 25px;
	width: 100%;
	}

ul#user_controls li a {
	background: url(../i/panel/controls_bg.jpg) no-repeat top left;
	color: #333;
	display: block;
	font-size: 11px;
	padding: 0 0px;
	position: relative;
	height: 25px;
	text-decoration: none;
	}

ul#user_controls li.messages a { background-position: 0 0px; }
ul#user_controls li.alerts a { background-position: 0 -25px; }
ul#user_controls li.bookmarks a { background-position: 0 -50px; }
ul#user_controls li.unread.messages a { background-position: 0 -150px; }
ul#user_controls li.unread.alerts a { background-position: 0 -175px; }

ul#user_controls li.messages a:hover { background-position: 0 -75px; }
ul#user_controls li.alerts a:hover { background-position: 0 -100px; }
ul#user_controls li.bookmarks a:hover { background-position: 0 -125px; }
ul#user_controls li.unread.messages a:hover { background-position: 0 -225px; }
ul#user_controls li.unread.alerts a:hover { background-position: 0 -250px; }

ul#user_controls li a span.buttonName {
	display: none;
	padding: 0;
	}

ul#user_controls li a span.numbers {
	color: #fff;
	float: right;
	font-size: 11px;
	font-weight: 800;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 26px;
	text-align: center;
	width: 45px;
	height: 25px;
	}

ul#user_controls li.unread a span.numbers { display: block; }

.favorite_boards,#picks .buy,#picks .sell {
	xbackground: #f7f7f7;
	xborder: 1px solid #e1e1e1;
	clear: left;
	margin: 0;
	}

.favorite_boards h3 {
	clear: left;
	color: #f18200;
	font: 13px/26px "lucida grande","lucida sans unicode",sans-serif;
	margin: 0px 0 0 14px;
	}

#picks .buy h3,#picks .sell h3 {
	xbackground: url(../i/dividers/divider.jpg) no-repeat bottom left;
	clear: left;
	color: #555;
	font: 14px/26px "lucida grande","lucida sans unicode",sans-serif;
	margin: 0 0 0 15px;
	padding: 4px 0 1px 0;
	}

#picks p { color: #555; }

#picks .buy h3,.green { color: #6d9933; color: #5d8726; }
#picks .sell h3,.red { color: #da373d; }

#picks .buy,#picks .sell {
	background: transparent url(../i/dashboard/picks.jpg) no-repeat 0 -10px; }

#picks .buy .clear,#picks .sell .clear {
	background: #000 url(../i/dashboard/picks.jpg) no-repeat top left;
	display: block;
	height: 10px;
	}

.favorite_boards .edit_favorite_boards,#edit_picks_sell,#edit_picks_buy {
	color: #999;
	float: right;
	font-size: 11px;
	margin: 4px 10px 0 0;
	padding: 0 5px;
	}

.editing.favorite_boards .edit_favorite_boards,.editing #edit_picks_sell,.editing #edit_picks_buy {
	background: #75af26 url(../i/gradients/greens.jpg) repeat-x top;
	color: #fff;
	text-decoration: none;
	}

#picks .findAndAdd,.favorite_boards .findAndAdd,#watchlist .findAndAdd { display: none; clear: left; }

.favorite_boards .edit_favorite_boards .done,
#edit_picks_buy .done,
#edit_picks_sell .done { display: none; }

.editing.favorite_boards .edit_favorite_boards .edit,
#picks .editing #edit_picks_buy .edit,
#picks .editing #edit_picks_sell .edit { display: none; }

.editing.favorite_boards .edit_favorite_boards .done,
#picks .buy.editing #edit_picks_buy .done,
#picks .sell.editing #edit_picks_sell .done { display: block; }

ul.stocks_grid {
	list-style: none;
	margin: 0px 0px 0px 14px;
	}

ul.stocks_grid li {
	background: transparent;
	clear: none;
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	position: relative;
	height: 25px;
	width: 52px;
	}

ul.stocks_grid li.doubleEven { margin-right: 0; }

ul.stocks_grid li a.symbol { background-image: url(../i/symbol_52.jpg) !important; width: 52px;}
ul.stocks_grid li.odd a.symbol { background-image: url(../i/symbol_51.jpg) !important; width: 51px; }

ul.stocks_grid li a.symbol.alert { background-position: 0 -95px !important; }
ul.stocks_grid li a.symbol.alert:hover { background-position: 0 -76px !important; }

xul.stocks_grid li.doubleEven a.symbol { background: #fa0 !important; }

ul.stocks_grid .delete {
	background: transparent url(../i/icons/delete_stocks_grid.jpg) no-repeat right 0;
	display: none;
	position: absolute;
	top: 2px;
	right: -4px;
	height: 16px;
	width: 30px;
	z-index: 15;
	}

ul.ticker_list { position: relative; }

ul.ticker_list .delete {
	background: transparent url(../i/icons/delete_ticker.jpg) no-repeat right 0;
	display: none;
	position: absolute;
	top: 5px;
	left: 25px;
	height: 16px;
	width: 30px;
	z-index: 15;
	}

.editing ul.stocks_grid .delete,.editing ul.ticker_list .delete { display: block; }

ul.stocks_grid .delete:hover,ul.ticker_list .delete:hover { background-position: right -16px; }

/*&&&&>  c. Stock Ticker */

.ticker_list {
	list-style: none;
	margin: 0 0px 0 14px;
	}

.right_703 .ticker_list li {
background-position: bottom center; }

.ticker_list li {
	height: 19px;
	position: relative;
	}

.ticker_list li .price {
	color: #333;
	float: left;
	font-size: 11px;
	margin: 0 7px 0 0;
	text-align: right;
	width: 63px;
	}

.fourEyes .ticker_list li .price { width: 53px; }
.bigBrowser.fourEyes .ticker_list li .price { font-size: 10px; }

.editing#watchlist .ticker_list .bar,.editing#watchlist .ticker_list .price { display: none; }

#watchlist .moveUp,#watchlist .moveDown { display: none; }

.editing#watchlist .moveUp,.editing#watchlist .moveDown {
	background: url(../i/icons/arrow_up.jpg) no-repeat top left;
	color: #999;
	display: block;
	font-size: 11px;
	float: left;
	height: 16px;
	margin: 0 0 0 5px;
	padding: 0 4px 0 16px;
	}

.editing#watchlist .moveDown { background-image: url(../i/icons/arrow_down.jpg); }

.editing#watchlist .moveUp:hover,.editing#watchlist .moveDown:hover {
	background-position: 0 -16px;
	color: #ed1c24 !important;
	}

/*#watchlist .last .moveDown,li.first { display: none !important; }*/

/*&&&&>  e. Watchlist -- Logged In */

#watchlist {
	position: relative;
	}

#watchlist .edit_watchlist {
	background: url(../i/edit.jpg) no-repeat top left;
	display: block;
	position: absolute;
	top: 6px;
	right: 6px;
	height: 25px;
	width: 62px;
	}

#watchlist .edit_watchlist:hover { background-position: 0 -25px; }

.editing#watchlist .edit_watchlist { background-position: 0 -50px; }
.editing#watchlist .edit_watchlist:hover { background-position: 0 -75px; }

/* Toggles input form on editing */
#watchlist form.addStock { display: none; }
.editing#watchlist form.addStock { display: block; }

/* Styles deletes, added and removed by JS.
	Exoskeleton:
	<a class="deleteThis"></a>
	*/

.ticker_list li .deleteThis {
	background: #000;
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 2px;
	left: -10px;
	}

/*&&&&>  f. Advertisment (250x250) */

.advertisment {
	background: url(../i/header/advertisment.jpg) no-repeat 0 0;
	float: left;
	margin: 7px 0 5px 0;
	overflow: hidden;
	padding: 49px 0 0 0;
	position: relative;
	width: 250px;
	}

.advertisment.left { margin: 7px 7px 0 0; }

.fourEyes .advertisment { background-image: url(../i/header/advertisment_4is.jpg); }

.advertisment a img {
	float: left;
	border: 0 none !important;
	margin: 0 !important;
	padding: 0 !important;
	}

.advertisment .patch {
	background: #fff;
	display: block;
	filter:alpha(opacity=70);
	opacity: 0.7;
	position: absolute;
	top: 49px;
	left: 0px;
	height: 1px;
	width: 1px;
	}

.advertisment .patch.b {
	left: auto;
	right: 0;
	}

.advertisment .patch.c {
	left: auto;
	right: 0;
	top: auto;
	xbottom: 5px;
	top: 298px;
	}

.advertisment .patch.d {
	top: auto;
	xbottom: 5px;
	top: 298px;
	}

/*&&> 5. Home */
/*&&&&>  a. Splash (446) (#splash) */
/*&&&&>  b. Most Active Boards (#most_active_boards) */

#most_active_boards ul {
	list-style: none;
	margin: 0 0px 0 14px;
	}

#most_active_boards ul li {
	height: 19px;
	}

#most_active_boards .bar span,.right_703 .bar span {
	display: block;
	line-height: 20px;
	padding: 0 2px 0 0;
	position: absolute;
	top: 0px;
	right: 8px;
	left: auto;
	text-align: right !important;
	}

/*&&&&>  c. Articles (446) (#articles) */

#articles .feature {
	float: left;
	margin: 0 14px 0 0;
	padding: 0 0px 0 0;
	width: 216px;
	}

#articles .feature.double {
width: 430px; }

/* #articles .feature p {
	font-size: 11px;
	margin-bottom: 0.5em;
	}*/

#articles ul.links {
	float: left;
	width: 212px;
	}

/*&&&&>  d. Featured Stock (#featured_stock) */

#featured_stock .stock_logo {
	float: left;
	margin: 0 7px 0 14px;
	overflow: hidden;
	height: 85px;
	width: 119px;
	}

#featured_stock h3.stock_symbol { font-size: 24px; }
#featured_stock h3.stock_symbol a:hover { background: #0054a6 url(../i/gradients/blues.jpg) repeat-x top; }

.fourEyes #featured_stock h3.stock_symbol a:hover { background: #f1f1f1; }

#featured_stock h3.stock_symbol a {
	color: #444;
	padding: 2px 7px;
	left: -7px;
	top: -2px;
	}

.fourEyes #featured_stock h3.stock_symbol a { color: #333; font-weight: 800; }

p.stock_price { margin: 0; }
.fourEyes p.stock_price { font-size: 15px; }

p.stock_change { font-weight: 800; margin: 0; }
.stock_change.up { color: #598527; }
.stock_change.down { color: #9e0b0f; }

.stock_description {
	clear: left;
	font-size: 11px;
	}

/*&&&&>  e. Top Users (#top_users) */

#top_users ul {
	margin: -3px 10px 0 14px;
	}

#top_users a.thumb {
	display: block;
	float: left;
	overflow: hidden;
	padding: 0 !important;
	height: 75px;
	width: 75px;
	}

a.thumb:hover { background: transparent !important; }

.home #top_users li {
	height: 75px;
	}

#top_users h3 a {
	color: #555;
	font-size: 13px;
	left: 7px;
	top: 7px;
	}

.fourEyes #top_users h3 a { color: #333; font-size: 16px; }
.bigBrowser.fourEyes #top_users h3 a { color: #333; font-size: 13px; }

x#top_users h3 a:hover { background: #333; }

.fourEyes #top_users h3 {
	font-size: 16px;
	line-height: 1.2em;
	margin: 0 0 5px 0;
	}

#top_users .returns {
	color: #999;
	font-size: 12px;
	margin: 10px 0 0 11px;
	position: relative;
	top: 7px;
	}

.fourEyes #top_users .returns { color: #555; font-size: 13px; }
.bigBrowser.fourEyes #top_users .returns { color: #555; font-size: 11px; line-height: 12px;}

/*&&&&>  f. Featured Blog (#featured_blog) */

#featured_blog .bio {
	background: url(../i/dividers/divider_long.jpg) repeat-x bottom;
	clear: left;
	margin: 0 10px 5px 14px;
	padding: 0px 0 10px 0;
	}

#featured_blog .bio .bio_photo {
	display: block;
	float: left;
	height: 75px;
	width: 75px;
	}

#featured_blog .bio h3
,#featured_blog .bio p {
	margin: 0 0 0 85px;
	}

x#featured_blog .bio h3 a { color: #555; }

#featured_blog .feature {
	float: left;
	margin: 5px 14px 0 0;
	padding: 0 0px 0 0;
	width: 216px;
	}

/*#featured_blog .feature p {
	font-size: 11px;
	margin-bottom: 0.5em;
	}*/

#featured_blog ul.links {
	float: left;
	width: 212px;
	}

/*&&> 6. Boards */

/*&&&&>  a. Company Box (#company) */

#company .anchors { width: 693px; } /* Rest of the styles in 2e */

#company #stock_logo {
	float: left;
	margin: 1px 10px 0 14px;
	}

#company #company_overview h1 { 
	margin-left: 135px;
	padding: 7px 0 3px 0;
	padding: 0px 0 3px 0;
	}

#company .fragment {
	padding: 14px 0 0 0;
	}

#company #company_overview dl {
	background: url(../i/lists/dl_2x3.jpg) no-repeat 0 0;
	margin-left: 125px;
	padding: 7px 0;
	padding: 7px 0 7px 7px;
	width: 576px;
	width: 571px;
	height: 75px;
	}

#company_overview dl dt {
	color: #555;
	clear: none;
	float: left;
	font-size: 11px;
	font-size: 10px;
	font-weight: 800;
	line-height: 25px;
	margin: 0;
	position: relative;
	text-align: right;
	text-transform: uppercase;
	width: 141px;
	height: 25px;

	padding: 0 7px;
	width: 127px;
	}

.fourEyes #company_overview dl dt {
	color: #333;
	font-size: 12px;
	}

#company_overview dl dt span {
	position: relative;
	z-index: 5;
	}

#company_overview dl dt .dolly {
	color: #fff;
	position: absolute;
	top: 1px;
	right: 6px;
	display: block;
	text-align: right;
	z-index: 1;
	}

#company_overview dl dd {
	color: #000;
	font-size: 11px;
	float: left;
	line-height: 24px;
	height: 25px;
	width: 141px;

	padding: 0 7px;
	width: 127px;
	}

.fourEyes #company_overview dl dd {
	font-size: 14px;
	}

#company_overview dl dd.down { color: #9e0b0f; }
#company_overview dl dd.up { color: #598527; }

/*

#company_overview dl dt.doubleEven { background: #ccc; }
#company_overview dl dd.doubleEven { background: #bbb; }

#company_overview dl dt.first { background: #777; }
#company_overview dl dd.last { background: #777; }

#company_overview .last.even { background: #fa0 !important; }

*/

/*&&&&>  b. Stock Graph (#stock_graph) */

#stock_graph .anchors { width: 240px; } /* Rest of the styles in 2e */
#stock_graph h2 { margin: 0; }

/*&&&&>  c. Board Posts (#board_posts) */

#board_posts { position: relative; }

#board_posts .must_be_logged_in {
	background: url(../i/posts/must_be_logged_in.jpg) no-repeat top left;
	display: block;
	position: absolute;
	top: 12px;
	right: 8px;
	text-indent: -5000px;
	height: 14px;
	width: 150px;
	}

body.logged #board_posts .must_be_logged_in { display: none; }

#board_posts .post_jump {
	background: url(../i/posts/jump.jpg) no-repeat top left;
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	text-indent: -5000px;
	height: 29px;
	width: 144px;
	}

#board_posts .post_jump:hover { background-position: 0 -29px; }

#board_posts .options {
	width: 693px;
	margin: 0;
	height: 29px;
	}

#board_posts .options .search_posts { margin: 0 0 0 67px; }

#board_posts .options .slider {
	background: url(../i/header/slider_bg.jpg) no-repeat 0 0;
	float: right;
	height: 29px;
	width: 200px;
	display: block;
	}

#board_posts .options .slider {
	padding: 5px 0 0 32px;
	width: 168px;
	height: 24px;
	}

ul.posts { margin: 7px 0 0 0; }

ul.posts li.post {
	background: #fff url(../i/posts/grey.jpg) no-repeat bottom center;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-width: 0;
	clear: both;
	position: relative;
	}

ul.posts li.post.opened {
	xpadding-bottom: 7px;
	min-height: 145px;
	}

ul.posts li.odd {
	border-width: 1px 0;
	}

ul.posts li.post.hovering {
	background: #fffde7 !important;
	cursor: pointer;
	}

.private_messages.posts li.post {
	padding: 5px 0;
	}

ul.posts li.last { border-bottom: 0 none; }

li.post span.name {
	float: left;
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 0 14px;
	line-height: 27px;
	width: 111px;
	}

li.post .user_info {
	float: left;
	margin: 0 0 0 14px;
	width: 111px;
	}

li.post .user {
	background: transparent;
	float: left;
	margin: 0 0 0 14px;
	width: 111px;
	}

li.post .user .info { 
	background: #fff;
	display: none;
	}

li.post .user .user_name {
	color: #000;
	font-size: 13px;
	line-height: 27px;
	text-decoration: none;
	}

.fourEyes li.post .user .user_name { font-size: 14px; line-height:  }

li.post.opened .user .info { display: block; }

li.post .user .info span {
	color: #777;
	font-size: 11px;
	display: block;
	}

.fourEyes li.post .user .info span,.fourEyes li.post .user .info a {
	color: #555;
	font-size: 12px;
	}

li.post .user .info a {
	color: #777;
	font-size: 11px;
	}

li.post .user .info a:hover { color: #333 !important; }

li.post .user .user_name:hover { color: #000 !important; }
li.post.opened .user .user_name:hover { color: #9e0b0f !important; text-decoration: underline !important; }


li.post h3 {
	font-size: 13px;
	font-weight: 400;
	float: left;
	line-height: 27px;
	height: 22px;
	margin: 0;
	width: auto;
	}

.fourEyes li.post h3 { font-size: 14px; }

li.post.opened h3:hover { cursor: pointer; }

li.post .time_short {
	background: transparent;
	color: #937057;
	color: #e34949;
	display: block;
	font-size: 11px;
	line-height: 27px;
	margin: 0 34px 0 7px;
	padding: 0 0 0 14px;
	float: right;
	width: 150px;
	width: 130px;
	}

li.post.opened .time_short { display: none; }

li.post .time {
	xbackground: #fff url(../i/posts/time.jpg) no-repeat bottom left !important;
	background: #fff;
	color: #937057;
	color: #e34949;
	display: none;
	font-size: 11px;
	line-height: 27px;
	margin: 0 34px 5px 7px;
	padding: 0 0 7px 14px;
	float: right;
	width: 150px;
	width: 130px;
	}

.private_messages li.post .time,
.private_messages li.post .time_short { margin-right: 25px; }

.fourEyes li.post .time,.fourEyes li.post .time_short {
	color: #333;
	xcolor: #cb292d;
	font-size: 12px;
	}

li.post.opened .time { display: block; }

li.post .date {
	color: #777;
	color: #c5afa0;
	color: #d89090;
	display: block;
	font-size: 11px;
	line-height: 16px;
	margin: -2px 0 0 0;
	padding: 0;
	}

.fourEyes li.post .date { color: #555; }

li.post .rating {
	background: url(../i/posts/rating.jpg) no-repeat top left;
	color: #790000;
	display: block;
	font-size: 14px;
	margin: 0 0 0 7px;
	padding: 3px 0 1px 7px;
	position: absolute;
	text-align: left;
	top: 6px;
	right: 5px;
	height: 18px;
	width: 29px;
	}

.private_messages li.post .rating { display: none; }

.fourEyes li.post .rating {
	font-weight: 800;
	}

li.post.opened .rating { display: none; }

li.post .closePost {
	background: url(../i/posts/close.jpg) no-repeat top left;
	color: #790000;
	display: none;
	margin: 0 0 0 7px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 7px;
	right: 10px;
	height: 22px;
	width: 22px;
	text-indent: -5000px;
	}

li.post.opened .closePost { display: block; }

li.post .closePost:hover { background-position: 0 -22px; }

li.post p.excerpt {
	color: #777;
	font-size: 11px;
	font-size: 12px;
	line-height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 27px;
	width: auto;
	}

.fourEyes li.post p.excerpt {
	color: #555;
	font-size: 13px;
	}

li.post h3:after {
	content: "\2022 \2002";
	color: #9e0b0f;
	color: #ccc;
	margin: 0 0px 0 5px;
	}

li.post.opened p.excerpt { display: none; }

li.post .full { display: none; }
li.post.opened .full { display: block; }

li.post div.full p {
	color: #333;
	font-size: 12px;
	line-height: 22px;
	margin: 3px 0 9px 139px;
	margin: 3px 0 9px 125px;
	}

.fourEyes li.post div.full p {
	color: #000;
	font-size: 13px;
	}

li.post .signature {
	border: 1px solid #ccc;
	border-width: 1px 0 0 0;
	border: 0 none;
	background: #fff url(../i/dividers/divider_578.jpg) no-repeat top right;
	color: #555;
	color: #777;
	clear: right;
	display: block;
	font-size: 11px;
	margin: 0 0 0 125px;
	padding: 7px 0 5px 0;
	width: 578px;
	}

li.post.opened .signature { display: block; }

li.post .controls {
	background: #f1f1f1;
	background: url(../i/posts/controls.jpg) no-repeat top right;
	border-top: 1px solid #ccc;
	border-top: 0 none;
	clear: right;
	display: none;
	font-size: 11px;
	padding: 5px 14px 3px 7px;
	xpadding-left: 125px;
	margin: 5px 0 4px 125px;
	height: 20px;
	}

li.post.opened .controls { display: block; }

li.post .controls a { color: #555; padding: 0px 5px; }
li.post .controls a:hover { background: #9e0b0f url(../i/gradients/red_20.jpg) repeat-x top; color: #fff; }

.fourEyes li.post .controls a {
	font-size: 13px;
	}

.fourEyes li.post .controls a:hover { color: #fff !important; }

li.post .controls a.thumbsUp,li.post .controls a.thumbsDown {
	background: transparent url(../i/posts/thumbs.jpg) no-repeat 0 0;
	color: #555;
	display: block;
	float: right;
	margin: 0 5px 0 0;
	padding: 0;
	height: 19px;
	width: 20px;
	}

li.post .controls a.thumbsDown { margin-right: 0; margin-top: 1px; }

li.post .controls a.thumbsUp span,li.post .controls a.thumbsDown span { display: none; }

li.post .controls a.thumbsUp:hover,li.post .controls a.thumbsUp.selected { background-position: 0 -19px; }
li.post .controls a.thumbsDown { background-position: 0 -38px; }
li.post .controls a.thumbsDown:hover,li.post .controls a.thumbsDown.selected { background-position: 0 -57px; }

li.post .controls span.currentRating,li.post .controls .rateThis {
	color: #777;
	float: right;
	margin: 1px 4px 0 0;
	line-height: 15px;
	}

.fourEyes li.post .controls span.currentRating {
	color: #555;
	font-size: 12px;
	vertical-align: top;
	}

li.post .controls span.currentRating strong { 
	color: #700;
	font-weight: 400;
	font-size: 12px;
	position: relative;
	top: 1px;
	}

.fourEyes li.post .controls span.currentRating strong {
	font-weight: 800;
	font-size: 15px;

	}

.fourEyes .rateThis { display: none; }


li.post .controls a.bookmarkPost {
	background: url(../i/posts/disk.jpg) no-repeat 0 0;
	float: right;
	display: block;
	margin: 0 2px 0 0;
	padding: 0;
	height: 20px;
	width: 20px;
	}

li.post .controls a.bookmarkPost span { display: none; }
li.post .controls a.bookmarkPost:hover { background-position: 0 -20px; }

li.post .controls .divider {
	background: transparent url(../i/posts/controls_divider.jpg) no-repeat top center;
	color: #ccc;
	float: left;
	margin: -5px 0 0 0;
	padding: 0 7px;
	width: 1px;
	height: 28px;
	}

li.post .controls .divider.right { float: right; }

li.post .controls .viewReplies,li.post .controls .reply,li.post .controls .delete { float: left; }

li.post .controls .stars {
	background: url(../i/posts/stars.jpg) no-repeat 0 0px;
	float: left;
	float: right;
	display: block;
	margin: 0px 2px 0 3px;
	height: 19px;
	width: 98px;
	}

li.post .controls .red_stars {
	background: url(../i/posts/stars.jpg) no-repeat 0 -19px;
	display: block;
	float: left;
	height: 19px;
	width: auto;
	}

li.post .controls .stars span { display: none; }

li.post .controls a.star {
	background: transparent url(../i/posts/star.jpg) no-repeat top left;
	float: left;
	margin: 0 0 0 3px;
	padding: 0;
	display: block;
	height: 18px;
	width: 18px;
	}

li.post .controls a.star span { display: none; }
li.post .controls a.star:hover { background-position: 0 -18px;}
li.post.bookmarked .controls a.star { background-position: 0 -36px; }

/* Inline Reply form */

li.post .replyForm {
	background: url(../i/dividers/divider_long.jpg) no-repeat top center;
	margin: 7px 0 0 14px;
	padding: 7px 0 0 0;
	}

button.replyPost {
	background-image: url(../i/forms/reply_button.jpg);
	margin: 0 0 7px 0;
	}

/* Search Box Thing */

#board_posts #search_posts_form {
	background: #fff;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #bbb;
	display: block;
	display: none;
	padding: 5px 6px 0 6px;
	position: absolute;
	top: 67px;
	left: 262px;
	z-index: 10;
	}

/* Pagination */

.pagination {
	border-top: 1px solid #e1e1e1;
	clear: both;
	margin: 7px 0 0 0;
	padding: 7px 7px 0 7px;
	position: relative;
	height: 35px;
	}

.pagination.top {
	border-top: 0 none;
	border-bottom: 1px solid #e1e1e1;
	}

.pagination a:hover {
	background: url(../i/pagination.jpg) no-repeat top left;
	}

.pagination .oldest,.pagination .older {
	background: url(../i/pagination.jpg) no-repeat top left;
	color: #555;
	display: block;
	float: left;
	float: right;
	line-height: 25px;
	margin: 0 14px 0 0;
	padding: 0 30px 0 0;
	text-decoration: none;
	height: 25px;
	}

.pagination .newer,.pagination .newest {
	background: url(../i/pagination.jpg) no-repeat top right;
	color: #555;
	display: block;
	float: right;
	float: left;
	line-height: 25px;
	margin: 0 0 0 14px;
	padding: 0 0 0 30px;
	text-decoration: none;
	height: 25px;
	}

.fourEyes .pagination .oldest,.fourEyes .pagination .older,
.fourEyes .pagination .newest,.fourEyes .pagination .newer {
	background-color: transparent;
	background-image: url(../i/pagination.jpg);
	background-repeat: no-repeat;
	color: #333;
	}

.pagination .newer { background-position: left 0px; }
.pagination .newer:hover { background-position: left -25px; }
.pagination .older { background-position: right -50px; }
.pagination .older:hover { background-position: right -75px; }
.pagination .oldest { background-position: right -100px; }
.pagination .oldest:hover { background-position: right -125px; }
.pagination .newest { background-position: left -150px; }
.pagination .newest:hover { background-position: left -175px; }

.pagination .oldest:hover,.pagination .older:hover,.pagination .newer:hover,.pagination .newest:hover {
	color: #9e0b0f !important;
	text-decoration: none;
	}

.pagination .indicator {
	color: #333;
	display: block;
	position: absolute;
	top: 8px;
	left: 50%;
	margin: 0 0 0 -125px;
	line-height: 24px;
	width: 300px;
	text-align: left;
	}

.pagination .indicator strong { color: #9e0b0f; }

.pagination .indicator span {
	background: #fff url(../i/pagination_indicator.jpg) no-repeat top center;
	float: left;
	display: block;
	padding: 0 5px;
	line-height: 28px;
	text-align: center;
	height: 26px;
	width: 100px;
	}

.pagination .indicator a {
	color: #555;
	font-size: 10px;
	padding: 4px 5px;
	margin: 0 0 0 5px;
	}

.fourEyes .pagination .indicator a { color: #333; font-size: 12px; }

.pagination .indicator a:hover { background: #fff; color: #9e0b0f !important; }

/*&&> 6c. Write a Post (#writePost) */

#writePost form {
	padding: 0 10px 0 14px;
	}

#writePost label,#writePost input#post_title {
	clear: none;
	float: left;
	}

#writePost label {
	font-size: 11px;
	height: 24px;
	margin: 0;
	padding: 0;
	line-height: 24px;
	}

/*&&> 6d. Browse (.boards.browse) */

.search_boards_header {
	background: url(../i/metal/703_medium.jpg) no-repeat top left;
	margin: 9px 0 0 0;
	padding: 10px 14px;
	position: relative;
	height: 62px;
	width: 703px;
	}

.search_boards_header p {
	background: transparent;
	margin: 18px 0 0 0px;
	font-size: 15px;
	text-align: center;
	width: 400px;
	}

.search_boards_header p strong {
	background: #fffde7;
	border-right: 1px solid #200;
	border-bottom: 1px solid #200;
	border-color: #aaa;
	color: #000;
	margin: 0 0 0 3px;
	padding: 3px 5px 4px 5px;
	}

/*&&> 7. User Profile */

/*&&&&> a. User Profile Settings box */

#user_profile h2,#your_blog h2,.community.latest #blog h2,.community.latest #latest_board_posts h2 { margin-bottom: 0; }
#user_profile .anchors,#your_blog .anchors,.community.latest #blog .anchors,.community.latest #latest_board_posts .anchors { 
	margin-bottom: 7px;
	width: 420px;
	}

#user_profile .fragment { padding: 0 10px 0 14px; }

fieldset.left_211 {
	clear: none;
	float: left;
	width: 211px;
	}

fieldset.right_211 {
	clear: none;
	float: left;
	width: 211px;
	}

#profile_basic a.thumb {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 0 !important;
	height: 75px;
	width: 75px;
	}

#profile_basic .overview span {
	display: block;
	margin: 4px 0 0 0;
	}

#profile_basic .overview span a {
	color: #777;
	padding: 2px 5px;
	}

#profile_basic .signature {
	border: 1px solid #ccc;
	border-width: 1px 0 0 0;
	border: 0 none;
	background: #fff url(../i/dividers/divider_long.jpg) no-repeat top center;
	color: #555;
	color: #777;
	clear: left;
	display: block;
	font-size: 11px;
	margin: 15px 0 0 0;
	padding: 7px 0 5px 0;
	width: 420px;
	}

/*&&&&> b.  */

#blog .feature,#your_blog .feature {
	float: left;
	margin: 0 14px 0 0;
	padding: 0 0px 0 0;
	width: 216px;
	}

#blog ul.links,#your_blog ul.links {
	float: left;
	width: 212px;
	}

/* &&&&> c. */

#contacts h2 { margin-bottom: 0; }

#contacts .fragments {
	margin: 0;
	}

#contacts .fragment,#friends .fragment  {
	margin: 7px 0 0 14px;
	}

#contacts .fragment li { font-size: 11px; }

.fourEyes #contacts .fragment li { font-size: 13px; }

#contacts #blocked ul.links a {
	background-image: url(../i/icons/delete.jpg);
	}

.community #top_users h2 { margin-bottom: 0; }

.community #top_users .fragments {
	margin: 0;
	}

.community #top_users .fragment,#friends .fragment  {
	margin: 7px 0 0 14px;
	}

.community #top_users .fragment li { font-size: 11px; }

.fourEyes.community #top_users .fragment li { font-size: 13px; }

.community #top_users #blocked ul.links a {
	background-image: url(../i/icons/delete.jpg);
	}
	
/* &&&&> d. Blog */

#writeBlogPost form { margin: 0 10px 0 14px; }


/* Author Info (#author) -- left column 250 */

#author .overview {
	margin: 0 10px 0 14px;
	}

#author a.thumb {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 0 !important;
	height: 75px;
	width: 75px;
	}

x#author h3 { margin-bottom: 3px; }
	
.fourEyes #author h3 {
	font-size: 18px;
	line-height: 1.2em;
	}
	
#author h3 a {
	font-size: 16px;
	top: 7px;
	left: 7px;
	}

	.fourEyes #author h3 a {
		color: #333;
		font-size: 18px;
		}

#author .subinfo {
	color: #999;
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0 3px 0px;
	position: relative;
	left: 11px;
	}

.fourEyes #author .subinfo { color: #555; font-size: 13px; }

/* The Post */

.blog_post {
	margin: 0 10px 0 14px;
	padding: 14px 0 0 0;
	}

.blog_post p { margin-left: 0; }

.blog_post ul {
	margin: 14px 0 14px 21px;
	padding:0;
}

.blog_post ul li {
	color: #000;
	line-height: 15px;
}

.blog_post ul li strong { font-size: 12px; }

/* board posts listing (for the latest board posts box only */

.recent_posts_listing { margin: 0 10px 0 14px; }

.recent_posts_listing li {
	background-image: url(../i/dividers/divider_long.jpg) !important;
	position: relative;
	}

.recent_posts_listing .post_subject {
	display: block;
	font-size: 13px;
	margin: 0 100px 0 55px;
	padding: 2px 3px;
	}

.recent_posts_listing .time {
	color: #777;
	font-size: 11px;
	position: absolute;
	top: 4px;
	right: 0;
	}

/* Comments */

form#postComment { padding: 0 0 0 14px; }

/*&&> 8. Generic Kits & Other nifty stuff */

/* Registration form in the lightbox */

#registration_birth_month,#registration_birth_day {
	margin: 0 3px 0 0;
	width: 43px;
	}

#registration_birth_year { width: 57px; }

/*&&> 8. Other Pages */
/*&&&&>  a. Search Results */

.search_results_header {
	background: url(../i/metal/703_medium.jpg) no-repeat top left;
	margin: 9px 0 -2px 0;
	padding: 10px 14px;
	position: relative;
	height: 62px;
	width: 703px;
	}

.search_results_header p {
	background: transparent;
	margin: 18px 0 0 100px;
	font-size: 13px;
	width: 300px;
	}

.search_results_header p strong {
	background: #fffde7;
	border-right: 1px solid #200;
	border-bottom: 1px solid #200;
	border-color: #aaa;
	color: #000;
	margin: 0 0 0 3px;
	padding: 3px 5px 4px 5px;
	}

.results_list { list-style:none !important; }

.boards_list small,.results_list small {
display:block;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 4px 14px;
	}

.boards_list small strong,.results_list small strong {
	background: #fffde7;
	border-width: 0 1px 1px 0;
	padding: 1px 0;
	}

.results_list h3 {
	margin: 0 0 0 14px;
	}

.results_list .thumb { float: left; margin: 0 14px 0 14px; }

/*&&> a notification page (body.notification) */

body.notification { background: #510006; }

.notification .notice {
	background: url(../i/notification/content.jpg) no-repeat bottom left;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -125px 0 0 -230px;
	padding: 0 0 25px 0;
	width: 460px;
	}

.notification .header {
	background: url(../i/notification/header.jpg) no-repeat top left;
	height: 127px;
	}

.notification .header a {
	background: transparent;
	display: block;
	margin: 0 0 0 100px;
	height: 80px;
	width: 300px
	}

.notification .header a span { display: none; }

.notification .notice p {
	font-size: 15px;
	margin: 0 28px 44px 28px;
	text-align: center;
	}

.notification .pagination {
	margin: 24px 22px 0 18px !important;
	padding-top: 16px;
	}

/*&&> 9. Engines */
/*&&&&>  a. Bars */

.bar {
	background: url(../i/bars.jpg) no-repeat 0 0;
	color: #fff;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: 800;
	line-height: 19px;
	font: 800 11px/19px "lucida grande","verdana",sans-serif;
	overflow: hidden;
	position: relative;
	height: 19px;
	width: auto;
	}

.fourEyes .bar { font-size: 13px; }
.bigBrowser.fourEyes .bar { font-size: 11px; line-height: 16px; }
.fourEyes #most_active_boards .bar span { font-size: 12px; }
.bigBrowser.fourEyes #most_active_boards .bar span { font-size: 10px; line-height: 16px; }

.bar.green { background-position: 0 -19px; }
.bar.green .bar_right { background-position: right -19px; }

.bar.grey { background-position: 0 -38px; }
.bar.grey .bar_right { background-position: right -38px; }

.bar_right {
	background: url(../i/bars_right.jpg) no-repeat top right;
	padding: 0 8px;
	height: 19px;
	}

.fourEyes .bar_right { padding: 0 0 0 5px; }
.fourEyes #most_active_boards .bar_right { padding: 0 5px 0 0; }

.bar span {
	color: #fff;
	position: relative;
	z-index: 2;
	}

.bar .steroids {
	display:block;
	overflow: hidden;
	}

.bar .dolly { /* For Left Aligned */
	color: #000;
	display: block;
	opacity: 0.4;
	filter:alpha(opacity=40);
	position: absolute;
	top: 1px;
	z-index: 1;
	}

.fourEyes .bar .dolly { opacity: 0.35; filter:alpha(opacity=35); }

#stock_ticker .bar .dolly { left: 9px; }
#most_active_boards .bar .dolly { right: 7px; }

.fourEyes #stock_ticker .bar .dolly { left: 6px; }
.fourEyes #most_active_boards .bar .dolly { top: 1px; right: 6px; }

div.title {
	position: relative;
	}

.spots {
	position: absolute;
	top: 7px;
	right: 0;
	width: 135px;
	}

.spots h3 {
	font-size: 18px;
	line-height: 18px;
	}

.spots a {
	color: #999;
	font-size: 12px;
	line-height: 14px;
	}

.fourEyes .spots a {
	color: #555;
	font-size: 13px;
	}

/*&&&&>  b. Patching */

/*&&&&> c. Tabs */

/* Skin */

@media projection, screen { .ui-tabs-hide { display:none; } }
@media print { .ui-tabs-nav { display: none; } }

/* &&&&> d. Tooltips */

.hasTooltip {
	cursor:pointer;
	}

.the_tooltip {
	background: #fffed6;
	border: 1px solid #ccc;
	color: #000;
	font: 11px/16px "lucida grande",verdana,sans-serif;
	max-width: 20em;
	padding: 5px 7px 5px 7px;
	position: absolute;
	z-index: 5;
	}

/*&&&&> e. Darkness */

#darkness {
	background: transparent url(../i/darkness/overlay_grey.png) repeat top;
	height: 100%;
	width: 100%;
	position: fixed; /* Camino needs this, other browsers can go with fixed... */
	top: 0;
	left: 0;
	z-index: 6;
	}

.light {
	display: block;
	margin: 25px 0 0 -380px;
	position: fixed;
	top: 0;
	left: 50%;
	height: auto;
	width: auto;
	z-index: 7;
	}

.light .light_top {
	background: url(../i/darkness/top_right.png) no-repeat top right;
	min-height: 36px;
	padding: 0px 75px 0 0;
	width: auto;
	}

.light .light_top .wrapper {
	background: url(../i/darkness/top_left.png) no-repeat top left;
	padding: 50px 0 0 50px;
	}

.light .closeLight {
	background: url(../i/darkness/close.jpg) no-repeat top left;
	display: block;
	position: absolute;
	top: 54px;
	right: 53px;
	height: 29px;
	width: 78px;
	}

.light .closeLight:hover { background-position: 0 -29px; }

.light .closeLight span { display: none; }

.light .light_top h2 {
	color: #111;
	font: 13px/36px "lucida grande",verdana,sans-serif;
	margin: 0;
	height: 36px;
	text-align: center;
	}

.fourEyes .light .light_top h2 { font-size: 15px; }

.light .light_color {
	background: #900 url(../i/darkness/red.jpg) no-repeat top left;
	padding: 1px 10px 5px 14px;
	width: 100%;
	text-align: center;
	}

.light .light_color p {
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	padding: 4px 0 0px 0;
	margin: 0;
	}

.light .light_sandwich {
	background: transparent url(../i/darkness/content_right.png) repeat-y top right;
	padding: 0 50px 0 0;
	position: relative;
	}

.light .light_sandwich .white_patch {
	background: url(../i/darkness/white_10.png) repeat-x top;
	height: 15px;
	position: absolute;
	bottom: 0;
	left: 50px;
	width: 703px;
	}

.light .light_sandwich .wrapper {
	background: transparent url(../i/darkness/content_left.png) repeat-y top left;
	overflow: auto;
	max-height: 400px;
	padding: 0 0 0 50px;
	}

.light .light_content {
	background: #fff;
	padding: 10px 0 15px 0;
	width: 703px;
	}

.light .light_bottom {
	background: url(../i/darkness/bottom_right.png) no-repeat top right;
	padding: 0 75px 0 0;
	}

.light .light_bottom .wrapper {
	background: url(../i/darkness/bottom_left.png) no-repeat top left;
	padding: 0 0 50px 50px;
	height: 35px;
	width: auto;
	}

.light .anchors {
	background: transparent url(../i/darkness/red.jpg) no-repeat 0 -10px;
	width: auto;
	overflow: hidden;
	margin: -10px 0 0 0;
	padding-top: 3px;
	}

.light .anchors li {
	float: left;
	margin: 0 12px 0 0;
	}
	
.light .messages,#board_posts .messages { margin-top: 10px; }

/* Because of the wonderful styles he does */

#watchlist .lookup,#stock_ticker .findAndAdd,#stock_ticker .moveUp,#stock_ticker .moveDown { display:none !important; }