div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.id6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	height: 				40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}



/* container */
div.jGrowl {
	padding: 			10px;
}

div.jGrowl div.pretty-error {
background-color: 		#000;
  border-width:         0px;
  border-color:         black;
  border-style:         solid;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					350px;
	height: 				100%;
	padding: 				0px;
	margin: 				0px;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				14px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	0px;
	-webkit-border-radius:	0px;
}

div.jGrowl div.jGrowl-notification div.header {
	background: #000;
	height: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 0px
}

div.jGrowl div.jGrowl-notification {
	height: 				100%;
}

div.jGrowl div.message {
  
	padding: 		  15px;
	-padding-top: 0px; 
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				20px;
	cursor:					pointer;
	height: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 0;
}





#facebox .b {
  background:url(../facebox/b.png);
}

#facebox .tl {
  background:url(../facebox/tl.png);
}

#facebox .tr {
  background:url(../facebox/tr.png);
}

#facebox .bl {
  background:url(../facebox/bl.png);
}

#facebox .br {
  background:url(../facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  padding: 5px 0 0 0;
  margin: 10px 0 0 0;
  text-align: right;
  background-color: #fff;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)
   
   Note: Changes made in this file will not be applied when
   using the compressor: make changes in lib/blueprint/grid.css.rb
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}

/* Use this class on any .span / container to see the grid. */
.showgrid { background: url(/images/grid.png);  }


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-0-1, div.span-1, div.span-1-1, div.span-2, div.span-3, div.span-3-3, div.span-4, div.span-4-4, div.span-5, div.span-5-5,
div.span-6, div.span-6-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-12-1, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-16-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-0-1 {width: 15px;}
.span-1  { width: 30px; }
.span-1-1  { width: 50px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-3-3  { width: 130px; }
.span-4  { width: 150px; }
.span-4-4  { width: 170px; }
.span-5  { width: 190px; }
.span-5-5  { width: 210px; }
.span-6  { width: 230px; }
.span-6-6  { width: 250px; }
.span-7  { width: 270px; }
.span-7-7  { width: 290px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-12-1 { width: 490px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-16-16 { width: 650px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24 { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-0-1 {padding-right: 20px; }
.append-1  { padding-right: 40px; }  
.append-2  { padding-right: 80px; } 
.append-3  { padding-right: 120px; } 
.append-4  { padding-right: 160px; } 
.append-5  { padding-right: 200px; } 
.append-6  { padding-right: 240px; } 
.append-7  { padding-right: 280px; } 
.append-8  { padding-right: 320px; } 
.append-9  { padding-right: 360px; } 
.append-10 { padding-right: 400px; } 
.append-11 { padding-right: 440px; } 
.append-12 { padding-right: 480px; } 
.append-13 { padding-right: 520px; } 
.append-14 { padding-right: 560px; } 
.append-15 { padding-right: 600px; } 
.append-16 { padding-right: 640px; } 
.append-17 { padding-right: 680px; } 
.append-18 { padding-right: 720px; } 
.append-19 { padding-right: 760px; } 
.append-20 { padding-right: 800px; } 
.append-21 { padding-right: 840px; } 
.append-22 { padding-right: 880px; } 
.append-23 { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-0-1  { padding-left: 26px; }  
.prepend-1  { padding-left: 40px; }  
.prepend-2  { padding-left: 80px; } 
.prepend-3  { padding-left: 120px; } 
.prepend-4  { padding-left: 160px; } 
.prepend-5  { padding-left: 200px; } 
.prepend-6  { padding-left: 240px; } 
.prepend-7  { padding-left: 280px; } 
.prepend-8  { padding-left: 320px; } 
.prepend-9  { padding-left: 360px; } 
.prepend-10 { padding-left: 400px; } 
.prepend-11 { padding-left: 440px; } 
.prepend-12 { padding-left: 480px; } 
.prepend-13 { padding-left: 520px; } 
.prepend-14 { padding-left: 560px; } 
.prepend-15 { padding-left: 600px; } 
.prepend-16 { padding-left: 640px; } 
.prepend-17 { padding-left: 680px; } 
.prepend-18 { padding-left: 720px; } 
.prepend-19 { padding-left: 760px; } 
.prepend-20 { padding-left: 800px; } 
.prepend-21 { padding-left: 840px; } 
.prepend-22 { padding-left: 880px; } 
.prepend-23 { padding-left: 920px; } 


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {
  float:left;
	position:relative;
}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-1, .push-2, .push-3, .push-4, .push-5 { 
  float: right;
	position:relative;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
	margin-top:1.5em; 
}
.append-bottom { 
	margin-bottom:1.5em; 
}

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	text-transform: capitalize;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-5.20em;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	0px solid #fff;
	border-top:		1px solid #D0D0D0;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu li {
	background:	#3D3D3D;
}
.sf-menu li li {
	background:		#3D3D3D;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#D0D0D0;
	outline:		0;
	color: #000000;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../superfish/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../superfish/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0 !important;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/







/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }



/* Component containers
----------------------------------*/

.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(/stylesheets/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(/stylesheets/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(/stylesheets/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(/stylesheets/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(/stylesheets/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(/stylesheets/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(/stylesheets/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }




/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(/stylesheets/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/stylesheets/ui-lightness/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/


/*
 * jbar (for jQuery)
 * version: 0.1.2 (09/02/2010)
 * http://javan.github.com/jbar/
 * http://github.com/javan/jbar
 *
 * Licensed under the MIT:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Copyright 2010+ Javan Makhmali :: javan@javan.us
 *
 */

ul.jbar {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
  font-family: arial, sans-serif;
  letter-spacing: .02em;
  clear: both;
}

ul.jbar * {
  outline: 0;
}

ul.jbar a {
  font-size: 12px;
  line-height: 16px;
}

ul.jbar li {
  position: relative;
  margin: 0 1px 0 0;
  padding: 0;
  text-shadow: 1px 1px 2px #292929;
  display: inline-block;
  float: left;
}

ul.jbar li a {
  color: #cecece !important;
  text-decoration: none;
  padding: 3px 5px;
  background-color: #3D3D3D;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656464), to(#3D3D3D));
  background:-moz-linear-gradient(center top, #656464, #3D3D3D) repeat scroll 0 0 transparent;
  -webkit-background-clip: padding-box;
  text-shadow: 1px 1px 2px #292929;
  display: inline-block;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
}

ul.jbar li a.first {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

ul.jbar li a.last,
ul.jbar li a.last span.trigger {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

ul.jbar li .triggered {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D3D3D), to(#656464));
  background:-moz-linear-gradient(center top, #3D3D3D, #656464) repeat scroll 0 0 transparent;
  color: #eee;
}

ul.jbar li a.has_down_arrow {
  padding-right: 16px;
}

ul.jbar li a.has_lonely_down_arrow {
  padding-right: 12px;
}

ul.jbar li a.has_trigger_down_arrow span.link_text {
  padding-right: 5px;
  border-right: 1px dotted #ccc;
}

ul.jbar li a.has_no_down_arrow:hover,
ul.jbar li a.has_lonely_down_arrow:hover,
ul.jbar li a.trigger:hover,
ul.jbar li .hovered {
  color: #fff !important;
}

ul.jbar span.down_arrow {
  font-size: 9px;
  width: 16px;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

ul.jbar span.down_arrow em {
  text-align: left;
  display: block;
  padding: 0.37em 0 0 0.36em;
}

ul.jbar.jbar_browser_IE6 a.has_lonely_down_arrow span.down_arrow em {
  padding-left: 0.4em;
}

ul.jbar div.submenu_container {
  display: none;
  position: absolute;
  z-index: 1000;
  left: -1px;
  width: 150px;
  opacity: .97;
  text-align: left;
  padding-top: 12px;
}


ul.jbar span.up_arrow {
  position: absolute;
  font-size: 13px !important;
  top: 0;
  color: #3D3D3D;
  text-shadow: 0px -1px 1px #3D3D3D;
  display: block;
}

ul.jbar ul {
  border: 3px solid #3D3D3D;
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0px 0px 7px #1a1a1a;
  -moz-box-shadow: 0px 0px 7px #1a1a1a;
  box-shadow: 0px 0px 7px #1a1a1a;
  -webkit-background-clip: padding-box;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
}

ul.jbar ul li {
  margin: 0;
  padding: 0;
  text-shadow: none;
  float: none;
  display: block;
  overflow: hidden;
  width: 100%;
}

ul.jbar ul li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 6px;
  color: #fff !important;
  text-decoration: none;
  text-shadow: 1px 1px 2px #292929;
  background-color: #454545;
  background-image: none;
  -moz-border-radius: 0; 
  -webkit-border-radius: 0;
  zoom: 1;
  height: auto;
}

ul.jbar ul li a:hover {
  background-color: #fff;
  background-image: none;
  color: #333 !important;
  text-shadow: none;
}

div.jbar_IE_zIndex_fix {
  position: relative;
  display: inline;
  zoom: 1;
}

/* GLOBAL LAYOUT STYLES */

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -10em;
}
.push {
    height: 8.1em;
}

a {
  outline: 0;
}

label, input[type="radio"], input[type="checkbox"] {
  vertical-align:middle;
}

.strike {
  text-decoration: line-through;
}

body, html { margin:0; padding:0; background: #fff; font-family: "Arial", "sans-serif"; font-size: 9pt; color: #333; text-align: center; height: 100% }
/* old background: 2f323c */

body p {padding-left: 0; margin-left: 0; margin-bottom: 10px}
.mainbody {float: left; padding-right: 15px; width: 710px; padding-left: 15px; border: 0px solid #000}
.navcolumn {float: right; padding-right: 15px; border: 0px solid #000}
.fullwidth { width: 945px; margin-left: auto; margin-right: auto; text-align: left; margin-bottom: 50px }
.fullwidthlogin { width: 945px; margin-left: auto; margin-right: auto; text-align: left; margin-bottom: 50px; padding: 80px 0 40px 0}
.fullwidthclient {width: 100%}
.fullwidthheader { width: 945px; margin-left: auto; margin-right: auto; text-align: left }
.fullwidthhome {width: 945px; margin-left: auto; margin-right: auto; text-align: left}
.sitenotice {background: #000; color: #ebebeb; height: 15px; width: 100%; margin-bottom: 0px; padding-top: 4px; padding-bottom: 3px; text-align: middle; font-weight: bold}
.minimumheight {height: 268px}

/* LOGIN & SIGNUP STYLES */
.loginbox {}
.loginboxforgotpassword { width: 678px; padding: 10px; margin-left: auto; margin-right: auto; border-bottom: 1px solid #d5d1ba; border-left: 1px solid #d5d1ba; border-right: 1px solid #d5d1ba; background: #fffee1}
.userpassbox {width: 450px; padding-left: 20px}
.loginoptions {padding: 10px; border-bottom: 1px solid #444; color: #aaa}
.loginouterbox {margin-bottom: 220px; background: #222; padding: 80px}
.signuplinks {width: 250px; padding-right: 20px}
.signuphide {display: none}
.signupinstructions {width: 850px}


/* HEADER NAVIGATION STYLES */
.navbgnd {background: #7a9cb7; margin-top: 10px}
.headernav { height: 25px; text-align: left; margin-left: auto; margin-right: auto; padding-top: 3px; padding-bottom: 5px}
.headernav ul { margin-left: 0px; padding-left: 0; display: inline; font-size: 1.2em}
.headernav ul li { margin-left: 0; margin-bottom: 0; padding-left: 10px; padding-right: 10px; list-style: none; display: inline}
.headernav ul li.last {padding-right: 0px; padding-left: 10px; border: 0}
.adminlinks ul { margin-left: 0px; padding-left: 0; display: inline}
.adminlinks ul li { margin-left: 0; margin-bottom: 0; padding-left: 10px; padding-right: 10px; list-style: none; display: inline}
.adminlinks ul li.last {padding-right: 0px; padding-left: 10px; border: 0}

.subnavadmin2 ul { margin-left: 0; padding-left: 0; display: inline; border: none; }
.subnavadmin2 ul li { border: none; list-style: none; padding-left: 2px; display: inline; color: #333 }
.subnavadmin2 ul li:before { content: "\2022"; padding-right: 5px  }
.subnavadmin2 ul li:first-child:before { content: " "; }

.headernav a:link {cursor: pointer; text-decoration: none; color: #fff}
.headernav a:hover {color: #000}
.headernav a:visited {cursor: pointer; text-decoration: none; color: #fff}
.headernav a:visited:hover {color: #000}
.adminlinks a:link {cursor: pointer; text-decoration: none; color: #fff}
.adminlinks a:hover {color: #000}
.adminlinks a:visited {cursor: pointer; text-decoration: none; color: #fff}
.adminlinks a:visited:hover {color: #000}
.navquotewidth {float: right; width: 600px}
.logininformation {background: #dadada; margin-bottom: 10px}
.logininformation a:link {cursor: pointer; text-decoration: none; color: #125b95}
.logininformation a:hover {color: #444}
.logininformation a:visited {cursor: pointer; text-decoration: none; color: #125b95}
.logininformation a:visited:hover {color: #444}
.logoplacement {text-align: left; width: 184px;}
.quoteheader { padding: 18px 0 0 0; text-align: right; color: #666666 }
.site {color: #9fa7ba}
.buttonplacement {float: right; font-size: 1.2em; padding-right: 3px}
.headerspan {width: 100%; background: #fff}
.header { background: #fff; width: 100%}
.headerclient { margin-left:auto; margin-right: auto; text-align: left; color: #fff; background: #fff; width: 930px; padding-right: 15px; padding-left: 15px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; margin-top: 0px; height: 112px }
.login { top: 5px; left: 20px; position: relative; float: left; }
.sitename { padding-right: 20px; padding-top: 10px; float: right; color: #bbb }
.headersblackbar {width: 100%; background: #222; height: 70px; padding-top: 20px; margin-bottom: 20px}
.mainheaders_home, .mainheaders_dashboard, .mainheaders_markets, .mainheaders_toptraders, .mainheaders_settings, .mainheaders_makeaprediction, .mainheaders_login {color: #fff; text-transform: capitalize }
.mainheaders_subhead {color: #aaa; padding-top: 5px}
.mainheaderschild { border-bottom: 1px solid #ebebeb; padding: 3px; width: 635px; color: #000 }
.subfeature {background: url(../images/subfeaturebgnd.gif) repeat-x; height: 61px; border-bottom: 1px solid #c9c9c9; width: 930px; padding: 15px; margin-bottom: 15px}


/* SUBHEADERS & SUBNAVS */
.subheaders1 { color: #000; padding: 3px; padding-left: 0; text-transform: capitalize; border-bottom: 3px solid #ebebeb; margin-top: 20px; margin-bottom: 10px }
.subheaders2 { color: #000; text-transform: capitalize }
.subheaders3 { /*GREEN */ color: #6d8e07; padding-bottom: 5px }
.subheaders4 { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 3px; width: 700px; color: #000 }
.positionheaders {color: #bbb}
.subnav { padding: 5px 5px 5px 0; color: #5a574b; margin-bottom: 20px; text-align: left; border-bottom: 1px solid #ddd}
.subnavmark {float: left; background: #000; width: 5px; height: 1.5em; color: #000}
.subnavtext {color: #000; text-transform: capitalize}
.subnavdividers {color: #bbb}
.subnavadmin { background: #fdbdc2; padding: 5px; margin-bottom: 20px; border: 1px solid #EFAFB7 }
.subnavadmin a:link {color: #c44143; text-decoration: none}
.subnavadmin a:visited {color: #c44143; text-decoration: none}
.subnavadmin a:hover { background: #dba3a8}
.subnavadmin a:visited:hover { background: #dba3a8}
.subnavdividersadmin { color: #dba3a8}




.navcolumn ul li {margin-bottom: 10px}

#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #d1d1d1;
font-size: 1.2em
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 2em;
margin-left: 3px;
border: 1px solid #d1d1d1;
border-bottom: none;
background: url(../images/tabbgnd.png) repeat-x top;
text-decoration: none;
-moz-border-radius-topright: 1.2ex; -webkit-border-top-right-radius: 1.2ex;
-moz-border-radius-topleft: 1.2ex; -webkit-border-top-left-radius: 1.2ex
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #000; }

#navlist li a:hover
{
color: #000;
background: url(../images/tabbgnd_hover.png) repeat-x top;
}

#navlist #active a
{
background: white;
border-bottom: 1px solid white;
color: #7a7a7a
}

#navlist #active a:hover
{
color: #7a7a7a; cursor: none
}
  
/* NEW FEATURE LISTING */
.newfeaturebgnd {padding: 10px; background: url(../images/newfeaturebgnd.png) repeat-x #d3e6f4; border: 1px solid #7a9cb7; margin-left: auto; margin-right: auto; width: 925px; margin-top: 10px; margin-bottom: 10px}
.newfeatureitem {padding: 5px; border-top: 1px dotted #bed7e8}

/* FOOTER STYLES */
.footer { color: #666; width: 100%; background: #000; padding-top: 30px; padding-bottom: 40px }
.footernav ul { margin-left: 0px; padding-left: 0; display: inline; font-size: 1.2em}
.footernav ul li { margin-left: 0; margin-bottom: 0; padding-left: 10px; padding-right: 10px; list-style: none; display: inline}
.footernav ul li.last {padding-right: 0px; padding-left: 10px; border: 0}
.footertext {width: 945px; margin-left: auto; margin-right: auto; text-align: left}
.bottomad {margin: 40px 0 40px 0}

/* USER PROFILES */
.profileimage {margin: 5px 0; text-align: left;}
.profilequestion {color: #999; line-height: 130%}
.profileanswer {color: #000; line-height: 130%; margin-bottom: 15px; margin-left: 10px}
.profilechunk {margin-bottom: 40px}
.profile h4 {margin: 20px 0 0 0}
.profile ul {list-style-type: none; margin: 0; padding: 0}
.profile li {margin: 10px 0 10px 0}
.profile .profiletools {border-bottom: 1px solid #ebebeb; padding: 3px; margin-bottom: 20px}
.profile .datafield {background: #f5f5f5; border: 1px solid #ebebeb; padding: 5px; color: #656565}
.profile .worth {color: #333}
.profile .contactbox ul {list-style-type: none; display: inline}
.profile .contactbox li {padding-right: 20px; list-style: none; display: inline}
.profile .inkling_average {width: 10px; height: 10px; background: #00b7e1; border: 1px solid #00819f; margin-right: 5px}
.profile .site_average {width: 10px; height: 10px; background: #6f8f37; border: 1px solid #41551d; margin-right: 5px}
.profile .your_average {width: 10px; height: 10px; background: #ebebeb; border: 1px solid #bbb; margin-right: 5px}
.profile .legend {color: #757575}
.profile .trophy {text-align: center; margin-bottom: 10px}
.profile .accuracydatafield {background: #f4e080; border: 1px solid #e0ca62; padding: 0 0 0 5px; color: #333; font-size: 4em; margin-top: 5px}

/* PRICING TABLE WHEN CREATING A MARKETPLACE */
.pricingtableheader {text-align: left; padding-top: 7px; padding-bottom: 7px; margin-right: 10px; width: 135px; color: #888 }
.pricingtablecell {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; text-align: center; padding-top: 7px; padding-bottom: 7px; background: #fffee1; width: 130px; }
.pricingtablecelllast {width: 111px; text-align: center; padding-top: 7px; padding-bottom: 7px; background: #f8f8f8; border-left: 1px solid #e5e5e5; border-right: 6px solid #e5e5e5}
.pricingtablecellfirst {width: 170px; font-weight: bold; text-align: left; border-left: 6px solid #e5e5e5; border-right: 2px solid #e5e5e5; background: #fffee1; padding-top: 10px; padding-bottom: 8px}
.pricingtablerowfirst{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5}
.pricingtablerow {}
.pricingtablehelp {border-left: 6px solid #e5e5e5; border-right: 6px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10px; background: url(../images/tradingassistantbgnd.gif)}

/* PRICING TABLES USED IN SETTINGS AND UPGRADES */
.pricingtableheader2 {border-left: 1px solid #e5e5e5; width: 111px; text-align: center; padding-bottom: 5px}
.pricingtablecell2 {border-left: 1px solid #e5e5e5; width: 111px; text-align: center; padding-top: 9px; height: 25px; background: #f8f8f8}
.pricingtablecellpilot2 {border-left: 6px solid #e5e5e5; border-right: 6px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; width: 150px; text-align: center; padding-top: 7px; padding-bottom: 7px; background: #f8f8f8}
.pricingtablecelllast2 {width: 111px; text-align: center; padding-top: 9px; height: 26px; background: #f8f8f8; border-left: 1px solid #e5e5e5; border-right: 6px solid #e5e5e5}
.pricingtablecellfirst2 {width: 170px; font-weight: bold; text-align: left; border-left: 6px solid #e5e5e5; border-right: 2px solid #e5e5e5; background: #fffee1; padding-top: 10px; height: 25px}
.pricingtablerowfirst2 {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5}
.pricingtablerow2 {border-bottom: 1px solid #e5e5e5}
.pricingtablehelp2 {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10px; background: url(../images/tradingassistantbgnd.gif)}


/* DASHBOARD STYLES */
.calloutbox {background: #5f5f5f; padding: 10px; color: #fff; text-align: left; margin: 0 0 20px 0; -moz-border-radius:1.5ex; -webkit-border-radius:1.5ex;}
.dashboardmarket {margin-left: 5px; width: 650px; border: 0px solid #000}
.performancecontent {width: 210px; margin-bottom: 10px; color: #ebebeb}
#market_recommendations h1, .current_answers h1 {margin: 10px 0 10px 0; color: #8b8b8b; font-size: 1.4em; font-weight: normal}
ul.market_recommendations {list-style-type: none; padding: 0; margin: 0}
li.market_recommendation {font-size: 1.2em}
.recommendationbgnd {-moz-border-radius:1.5ex; -webkit-border-radius:1.5ex; background: url(../images/recommendedbgnd.png) repeat-x bottom; border: 1px solid #e6e6e6; padding: 5px 10px 5px 10px; margin: 5px 0 20px 0}


/* STATS */
#stats .graphborder {border: 1px solid #ebebeb; padding: 3px; margin-top: 3px; text-align: center; width: 100%}
#stats .databorder {border: 1px solid #ebebeb; padding: 3px; margin-top: 3px; text-align: left; width: 100%}
#stats .subheaders1 {margin-top: 80px; padding-top: 0; text-transform: none }
#stats .bignumbers {margin: 20px 0 30px 0}
#stats ul li {padding-bottom: 5px}
#stats .subheaders3 {color: #000; margin-top: 30px}
#stats table.dottedtable th { padding: 5px 5px 5px 5px} 
#stats table.dottedtable td { padding: 5px 5px 5px 5px}
#stats .sorts {margin: 10px 0 20px 0}
#stats .dottedtable .category {color: #fff; background: #333; border: 1px solid #333}

span.participating { padding-left: 20px; background: url(../images/check.gif) no-repeat 2px 5px; }
table.opinion_strength { width: 100%; clear: both; }
table.opinion_strength th { font-weight: normal; }
table.opinion_strength th, table.opinion_strength td { padding: 0 6px 0 6px; }
.background_bar { background-color: #fff; border: 1px solid #ebebeb; padding: 2px; }
.will_happen_bar { background-color: #86a119; }
.not_happen_bar { background-color: #a60000; }
table.opinion_strength .answer_col { border-right: 1px solid #ebebeb; }



ol#positions {
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 14px;
}
  ol#positions li.position_group {
    margin-bottom: 30px
  }
  
  ol#positions li.position {
    margin: 5px 0 0 0;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #EBEBEB;
  }
  
  #positions h2 {margin: 0; padding: 0; font-weight: bold; font-size: 1.2em}
  #positions h3 {margin: 0; padding: 0; font-weight: normal; font-size: 1em}
  #positions h4 {font-size: 90%;  margin: 0; float: left; padding: 0;}
  
  ol.positions {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  .position p.status {
    font-size: 16px;
    width: 100px;
    margin: 0;
    padding: 5px;
    float: left;
    display: inline;
  }
  
    .answered .tip {
      position: absolute;
      top: -6px;
      right: -135px;
      width: 130px;
      font-size: 11px;
      z-index: 1;
      text-align: left;
      background-color: #737373;
	  border: 1px solid #4e4e4e;
      color: white;
      padding: 3px;
      display: none;
      -moz-box-shadow: #000 2px 2px 4px;
      -webkit-box-shadow: #000 2px 2px 4px;
    }
	
	.position table.you td.status {font-size: 1.1em}
  
  
  .position .manage_links {
    display: block; 
    text-align: center;
    visibility: hidden;
    margin-top: 2px;
    font-size: 12px;
  }
  
  .position .up_amount {
    display: block;
    padding: 0 0 0 20px;
    position: relative;
	width: 90px
  }
  
    .position .profit {
      color: #789e2d !important;
    }
    
    .position .profit .up_amount {
      background: url(../images/up.gif) #eefbdb no-repeat center left;
		border: 1px solid #c6dba5;
		padding: 2px 2px 2px 25px;
    }
    
    .position .loss {
      color: #B00000 !important;
    }
    
    .position .loss .up_amount {
      background: url(../images/down.gif) #f6d1d1 no-repeat center left;
		border: 1px solid #e1a5a5;
		padding: 2px 2px 2px 25px
    }
    
    .position .unchanged {
      color: #A5A5A5 !important;
    }
    
    .position .unchanged .up_amount {
      background: url(../images/unchanged.gif) #ebebeb no-repeat center left;
		border: 1px solid #bbb;
		padding: 2px 2px 2px 25px
    }
    
  .position .action_icons {
    display: block;
    visibility: hidden;
    padding: 3px 0 0 0;
  }
  
    .position .action_icons .quick_trade {
      float: left;
    }
  
    .position .action_icons .refresh {
      font-size: 11px;
  	  background: url(../images/refresh_smaller.png) no-repeat left center;
      padding: 1px 0 0 11px;
  	  margin-left: 5px;
  	  float: left;
    }
  
  .position a.liquidate_action {
    font-size: 11px;
    position: relative;
    text-decoration: none;
  }

    .position table.you td.details {
      font-size: 11px;
      padding-right: 20px;
    }
    
    .position .amount {
		font-size: 11px;
		padding: 0 0 0 3px
    }
      
    .position table.you td.said {
      width: 75px;
      text-align: right;
      padding-right: 5px;
      color: #A5A5A5;
    }
    
    .position table.you td.answered a {
      font-size: 11px;
    }

    .position table.you td.answered .remove_link {
      background: url(../images/position_remove.gif) no-repeat left; padding-left: 15px
    }

	.details table.positioninfo { border-width: 0px 0px 0px 0px; border-spacing: 0px; border-style: solid solid solid solid;  border-collapse: collapse; width: 200px }
	.details table.positioninfo th { border-width: 0px 0px 0px 0px; padding: 3px; border-style: solid solid solid solid; border-color: #dedede; text-align: left; font-weight: 400; color: #878787} 
	.details table.positioninfo td { border-width: 1px 0px 0px 0px; padding: 3px; border-style: solid solid solid solid; border-color: #dedede; color: #878787 }
  
  .position .trades {
    clear: both;
    margin: 15px 0 10px 10px;
    padding: 10px; 
    border: 1px solid #bbb;
    background-color: #ebebeb; 
    color: #333; 
    width: 600px; 
  }
  
  .position .trades table {
    border: 0px solid #dedede;
    border-collapse: collapse;
    width: 100%;
  }
  
    .position .trades table th,
    .position .trades table td {
      border: 0px solid #dedede;
      text-align: left;
      vertical-align: middle;
	    font-size: 90%
    }
  
    .position .trades table th {
      padding: 5px 3px;
      font-weight: 400; 
      color: #878787; 
      background-color: none;
    }
  
    .position .trades table td {
      padding: 3px;
      background-color: white;
      color: black;
    }
    
    .position .trades table td.explanation {
      font-size: 80%;
      color: #878787;
      background-color: transparent;
      border-color: transparent;
      padding: 3px 0 20px 3px;
    }
    
    .position .trades table tr.refunded td {
      text-decoration: line-through;
    }
  
  .position .liquidation {
    clear: both;
    padding: 10px;
    margin: 15px 0 10px 0;
    width: 600px;
    border: 1px solid #c8e399;
    background-color: #ebf9d2;   
    color: #3c472a;
  }
  
  .position .liquidation .slider {
    margin-bottom: 40px;
  }
  
  .position .liquidation .slider .value {
      position: absolute; 
      top: 20px;  
      background-color: black; 
      color: white;
      font-size: 12px;
      font-weight: normal;
      padding: 3px 5px;
      text-align: center;
      -moz-border-radius: 3px; 
      -webkit-border-radius: 3px;
    }
  
  .position .liquidation .range {
    position: relative;
  }
  
  .position .liquidation .range .left_side {}
  .position .liquidation .range .right_side {
    position: absolute; 
    right: 0; 
    text-align: right;
  }

  #positions p.market_info {
    clear: both;
    margin: 0 0 0 0 ;
    padding: 3px 0 0 0;
    color: #838383;
    font-size: 11px;
    font-weight: normal;
  }

  .closedposition {background: url(../images/closedbgnd.gif) #fff}
 

.sort {margin: 10px 0 20px 0; font-size: 120%; text-align: right}

/* TEXT STYLES */

h4 {font-size: .9em; text-transform: uppercase; color: #949494}

.realbignumbers {font-size: 5em}
.bignumbers {font-size: 3em; line-height: 100%}
.titletext {font-size: 2.3em;}
.textheaders {font-size: 2em; line-height: 100%}
.midsizehead {font-size: 1.6em; line-height: 120%}
.navbartext {font-size: 1.4em}
.largetext {font-size: 1.3em;}
.mediumtext {font-size: 1.2em;}
.bodytext {font-size: 1.1em;}
.smalltext {font-size: 1.0em;}
.tinycaps {font-size: .9em; }
.caps { text-transform: uppercase; }
.price { color: #000 }
.warning {color: #9F0000}
.bodycopynohover { line-height: 150%; color: #5f5f5f; width: 700px; padding-left: 5px}
.bodycopy { line-height: 150%}
.bodycopy p {margin-left: 0; padding-left: 0}
.childcopy { line-height: 150%; color: #5f5f5f; width: 600px; padding-left: 5px}
.childcopynowidth { line-height: 140%; color: #5f5f5f; padding-left: 5px; width: 600px; border: 0px solid #000}
.hiddenhelp {padding-left: 5px; padding-top: 5px}
.formhelp {color: #513f24; padding-top: 2px}
.dates {padding-top: 3px; padding-bottom: 15px; padding-left: 3px; color: #6e6e6e }
.datesnopadding { color: #6e6e6e }
.instructions {color: #988a48}
.instructionsblack {color: #fff}
.boldblack {color: #000; font-weight: 700}
.black {color: #000}
.graytext {color: #aaa}
.percentage { color: #ffe84f}
.up {color: #57802e}
.down {color: #b50000}
.unchanged {color: #bbb}
.highlighttext {background: #fff4b7; padding: 2px}
.featuresubtext {color: #5f5f5f}
.intropp {margin-bottom: 20px}
.code {font-family: "Courier"}

/* ADS */
.influad {padding: 10px; border: 1px solid #ebebeb}
.influad a {color: #75963b; text-decoration: none}
.influad a:hover {color: #333; text-decoration: none}
.adtext {padding-bottom: 2px}


/* FORM STYLES */
.formbig {font-size: 150%}
.formlabel {margin-top: 15px; padding-bottom: 2px}


/* LINK STYLES */
.links a:link {cursor: pointer; text-decoration: none; color: #125b95}
.links a:hover {color: #444}
.links a:visited {cursor: pointer; text-decoration: none; color: #125b95}
.links a:visited:hover {color: #444}

.like_container { background: url(../images/like.gif) no-repeat left center #f7f7f7; border: 1px solid #e6e6e6; -moz-border-radius:.5ex; -webkit-border-radius:.5ex; }
.like_container a, 
.like_container .who_likes_this { display: block;  padding: 3px 4px 3px 25px; }
.like_container .who_likes_this,
.like_container a span.in_link { color: #808080 }

acronym.like {
  background: url(../images/likejr.gif) no-repeat 0 1px; 
  padding: 0 0 0 16px;
  margin: 0;
  color: #afc6d7;
  font-size: 11px;
  font-weight: bold;
  border: 0;
  text-decoration: none; 
  cursor: help;
}

.lighterlinks a:link {cursor: pointer; text-decoration: none; color: #81abcd}
.lighterlinks a:hover {color: #444}
.lighterlinks a:visited {cursor: pointer; text-decoration: none; color: #81abcd}
.lighterlinks a:visited:hover {color: #444}

.homeheaderlinks a:link {cursor: pointer; text-decoration: none; color: #fff}
.homeheaderlinks a:hover {color: #444}
.homeheaderlinks a:visited {cursor: pointer; text-decoration: none; color: #fff}
.homeheaderlinks a:visited:hover {color: #444}

.whitelinks a:link {cursor: pointer; text-decoration: none; color: #fff}
.whitelinks a:hover {color: #222}
.whitelinks a:visited {cursor: pointer; text-decoration: none; color: #fff}
.whitelinks a:visited:hover {color: #222}

.blacklinks a:link {cursor: pointer; text-decoration: none; color: #b7d0e3}
.blacklinks a:hover {color: #656565}
.blacklinks a:visited {cursor: pointer; text-decoration: none; color: #b7d0e3}
.blacklinks a:visited:hover {color: #656565}

.navcolumn a:link {cursor: pointer; text-decoration: none; color: #244A9F}
.navcolumn a:hover {background: #F8F3B4}
.navcolumn a:visited {cursor: pointer; text-decoration: none; color: #244A9F }
.navcolumn a:visited:hover {background: #F8F3B4}

.searchtablelinks a:link {cursor: pointer; text-decoration: none; color: #739400}
.searchtablelinks a:hover {background: #FFFC00}
.searchtablelinks a:visited {cursor: pointer; text-decoration: none; color: #739400}
.searchtablelinks a:visited:hover {background: #FFFC00}

.buttonlinks {padding: 3px; width: 80px; background: #fffcd2; border: 0px solid #D6CA3D }

.buttons {font-weight: bold}
.buttons a:link {font-weight: 400; text-decoration: none; padding: 5px; background: #7a9cb7; color: #fff}
.buttons a:visited {font-weight: 400; text-decoration: none; padding: 5px; background: #7a9cb7; color: #fff}
.buttons a:hover {text-decoration: none; background: #222; color: #bbb}

.bigbuttons {font-weight: normal}
.bigbuttons a:link {text-decoration: none; padding: 10px; background: url(../images/bigbuttonbgnd.gif) repeat-x top #dcdcdc; color: #000; border: 1px solid #c2c2c2}
.bigbuttons a:visited {text-decoration: none; padding: 10px; background: url(../images/bigbuttonbgnd.gif) repeat-x top #dcdcdc; color: #000; border: 1px solid #c2c2c2}
.bigbuttons a:hover {text-decoration: none; background: #f7f7f7; color: #5c9100; border: 1px solid #e8e8e8}

.tipbuttons {margin-top: 5px}
.tipbuttons a:link {text-decoration: none; padding: 3px; background: #77b329; color: #fff; font-weight: bold}
.tipbuttons a:visited {text-decoration: none; padding: 3px; background: #77b329; color: #fff; font-weight: bold}
.tipbuttons a:hover {text-decoration: none; background: #d1eeac; color: #5c9100}

.helpbutton {display: inline; margin: 0 0 0 3px; top: -3px; position: relative}
.helpbutton a:link {text-decoration: none; padding: 2px; background: #75953c; color: #fff; font-weight: bold}
.helpbutton a:visited {text-decoration: none; padding: 2px; background: #75953c; color: #fff; font-weight: bold}
.helpbutton a:hover {text-decoration: none; background: #333; color: #fff}

.pagelinks {font-weight: bold; display: block; padding: 7px}
.pagelinks a:link {font-weight: 400; text-decoration: none; padding: 5px; background: #7a9cb7; margin-right: 3px; margin-left: 3px; color: #fff}
.pagelinks a:visited {font-weight: 400; text-decoration: none; padding: 5px; background: #7a9cb7; margin-right: 3px; margin-left: 3px; color: #fff}
.pagelinks a:hover {text-decoration: none; background: #222; color: #bbb}

.managelinks a:link {cursor: pointer; display: block; text-decoration: none; color: #739400; margin-left: 2px; margin-right: 2px; padding: 3px; border: 1px solid #9bc800; background: #fff}
.managelinks a:hover {background: #FFFC00}
.managelinks a:visited {cursor: pointer; display: block; text-decoration: none; color: #739400; margin-left: 2px; margin-right: 2px; padding: 3px; border: 1px solid #9bc800; background: #fff}
.managelinks a:visited:hover {background: #FFFC00}

.managestocklinks a:link {cursor: pointer; display: block; text-decoration: none; color: #739400; margin-left: 2px; margin-right: 2px; padding: 3px; border: 1px solid #9bc800; background: #fffeec}
.managestocklinks a:hover {background: #FFFC00}
.managestocklinks a:visited {cursor: pointer; display: block; text-decoration: none; color: #739400; margin-left: 2px; margin-right: 2px; padding: 3px; border: 1px solid #9bc800; background: #fffeec}
.managestocklinks a:visited:hover {background: #FFFC00}

.redlinks a:link {cursor: pointer; text-decoration: none; color: #ed1c24}
.redlinks a:hover {color: #333}
.redlinks a:visited {cursor: pointer; text-decoration: none; color: #ed1c24}
.redlinks a:visited:hover {color: #333}

.greenlinks a:link {cursor: pointer; text-decoration: none; color: #d1eeac}
.greenlinks a:hover {color: #333}
.greenlinks a:visited {cursor: pointer; text-decoration: none; color: #d1eeac}
.greenlinks a:visited:hover {color: #333}


/* TABLE STYLES */
table.dottedtable { border-width: 1px 1px 1px 1px; border-spacing: 0px; border-style: solid solid solid solid; border-color: #dedede; border-collapse: collapse; }
table.dottedtable th { border-width: 1px 1px 1px 1px; padding: 3px 3px 3px 3px; border-style: solid solid solid solid; border-color: #dedede; -moz-border-radius: 0px 0px 0px 0px; text-align: left; font-weight: 400; color: #878787; background: #F1F1F1; } 
table.dottedtable td { border-width: 1px 1px 1px 1px; padding: 3px 3px 3px 3px; border-style: solid solid solid solid; border-color: #dedede; background-color: white; -moz-border-radius: 0px 0px 0px 0px; }
table.searchtable {  border-width: 0px 0px 0px 0px; border-spacing: 0px; border-style: solid solid solid solid; border-color: #dedede; border-collapse: collapse; margin-top: 5px; width: 945px }
table.flattened { margin-top: 0 !important; border: none !important; }
table.searchtable th {border-width: 0px 0px 1px 0px;  padding: 0px 0px 3px 0px; border-style: solid solid solid solid; border-color: #ededed; -moz-border-radius: 0px 0px 0px 0px; font-weight: 400; color: #878787; background: #fff; text-align: left; }
table.searchtable td {border-width: 0px 0px 3px 0px;  padding: 5px 3px 10px 3px; border-style: solid solid solid solid; border-color: #ededed; -moz-border-radius: 0px 0px 0px 0px; text-align: left; }

.markettotalwidth {width: 560px}
th.marketwidth {width: 546px}
td.marketwidth {width: 530px}
th.todaywidth {width: 136px}
td.todaywidth {width: 110px}
th.predictionwidth {width: 188px; text-align: center}
td.predictionwidth { width: 194px}


table.stocktable { border-width: 0px 0px 0px 0px; border-spacing: 0px; border-style: solid solid solid solid; border-color: #dedede; border-collapse: collapse }
table.stocktable th { border-width: 0px 0px 0px 0px; padding: 3px 3px 3px 3px; border-style: solid solid solid solid; border-color: #dedede; -moz-border-radius: 0px 0px 0px 0px; text-align: left; font-weight: 400; color: #878787; background: #F1F1F1; }
table.stocktable td { border-width: 0px 0px 0px 0px; padding: 3px 3px 3px 3px; border-style: solid solid solid solid; border-color: #000; -moz-border-radius: 0px 0px 0px 0px; }
.datatable {border: 0px solid #dedede}
.datatableheader {background: #F1F1F1; padding: 5px; border-right: 0px solid #dedede}
.datatablecell {padding: 5px}



/* TRADING STYLES */
.pipes {color: #cdc8af}
.tradinglabels {color: #aaa}
.tradeboxtitle {width: 133px; font-size: 1.2em; background: #727272; border: 1px solid #727272; color: #fff; padding: 5px 10px 5px 7px; vertical-align: middle}
.tradeboxtitlelast {width: 133px; font-size: 1.2em; background: #434343; border: 1px solid #434343; color: #fff; padding: 5px 10px 5px 7px; vertical-align: middle}
.tradebox {width: 130px; padding: 10px; margin-right: 10px; min-height: 115px; border: 1px solid #7d9741; border-top: 0}
.tradeboxlast {width: 130px; padding: 10px; min-height: 115px; background: #fff; border: 1px solid #7d9741; border-top: 0}
* html .ie_tradebox { height: 110px; width: 110px}
* html .ie_tradeboxlast {height: 110px; width: 120px}
.tradebox50 {background: #b3d16f}
.tradebox20 {background: #cde1a0}
.tradebox5 {background: #e6f0d0}
.tradeboxtext {color: #657e2c}
.tradeboxhelp { width: 125px; border-top: 0px solid #d5d1ba; border-left: 1px solid #d5d1ba; border-right: 1px solid #d5d1ba; border-bottom: 1px solid #d5d1ba; background: #ffebed; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px }
.tradeboxhelplast { width: 140px; border-top: 0px solid #d5d1ba; border-left: 1px solid #d5d1ba; border-right: 1px solid #d5d1ba; border-bottom: 1px solid #d5d1ba; background: #ffebed; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px }
.tradeboxhelp a:link {color: #884147; text-decoration: none; border-bottom: 1px dotted #f7d9dc}
.tradeboxhelp a:visited {color: #884147; text-decoration: none; border-bottom: 1px dotted #f7d9dc}
.tradeboxhelp a:hover { background: #f7d9dc; text-decoration: none}
.tradeboxhelp a:visited:hover { background: #f7d9dc; text-decoration: none}
.tradeboxhelplast a:link {color: #884147; text-decoration: none; border-bottom: 1px dotted #f7d9dc}
.tradeboxhelplast a:visited {color: #884147; text-decoration: none; border-bottom: 1px dotted #f7d9dc}
.tradeboxhelplast a:hover { background: #f7d9dc; text-decoration: none}
.tradeboxhelplast a:visited:hover { background: #f7d9dc; text-decoration: none}
* html .ie_tradeboxhelp { width: 125px}
* html .ie_tradeboxhelplast { width: 140px}
.marketbox { padding: 10px; }
.marketboxheader { padding: 10px; color: #000; height: 35px; background: #f3f3f3; }
.marketboxheaderalert { background: #f3f3f3; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px }
.availabletotrade { background: #a9a9a9; color: #fafafa; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px }
.marketboxinfo { padding: 10px; background: #f6f6f6 }
.marketboxinfo ul {margin: 0; padding-top: 0px; padding-left: 30px; color: #828282; line-height: 150%}
.tradingassistant { margin: 0 0 10px 0; border: 1px solid #898989; min-height: 200px}	
.tradingassistantinfo {margin-bottom: 20px; border-right: 1px #d8d8d8 solid; border-bottom: 1px #d8d8d8 solid; border-top: 0px #d8d8d8 solid; border-left: 1px #d8d8d8 solid; padding: 10px}
.tradingwidget {width: 710px}
.marketquestion h1 {color: #333; line-height: 110%; margin-bottom: 15px}
.marketquestioninfo {padding-left: 10px; border-left: 1px solid #ebebeb}
.marketquestioninfo .header {color: #666; margin-top: 2px}
.marketquestioninfo .info {color: #999; margin-bottom: 15px}
.marketquestioninfo h4 {margin-top: 10px}

#trade_reasons .hidden { background: url(../images/closedbgnd.gif) #fff }
#trade_reasons .unhide { display: none; }
#trade_reasons .hidden .unhide { display: inline !important; }
#trade_reasons .hidden .hide { display: none; }

/* Trading arrows */

ul#trading_arrows{
  list-style-type: none;
  margin: 0 0 0 15px;
  padding: 0;
}
  ul#trading_arrows li {
    margin: 0 0 10px;
    padding: 0;
  }
  
  ul#trading_arrows a {
    height: 56px;
    line-height: 56px;
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 56px;
  }

  li#sell_arrow a {
    background-image: url(../images/sellarrow2.png);
  }
  li#sell_arrow a:hover {
    background-image: url(../images/sellarrowhover2.png);
  }

  li#buy_arrow a {
    background-image: url(../images/buyarrow2.png);
  }
  li#buy_arrow a:hover {
    background-image: url(../images/buyarrowhover2.png);
  }
  
  ul#trading_arrows li a.loading {
    background-image: url(../images/indicator.gif) !important;
    background-position: 16px 23px;
  }


/* DASHBOARD STYLES */
.performanceboxheader { background:#b8b8b8; border-right: 1px #b8b8b8 solid; border-bottom: 0px #b8b8b8 solid; border-top: 1px #b8b8b8 solid; border-left: 1px #b8b8b8 solid; padding: 3px; width: 220px; color: #fff; text-transform: capitalize }
.performancebox { background: url(../images/performanceboxbgnd.gif) top repeat-x #fff; border-right: 1px #b8b8b8 solid; border-bottom: 1px #b8b8b8 solid; border-top: 0px #b8b8b8 solid; border-left: 1px #b8b8b8 solid; padding: 3px; width: 220px; height: 105px }
.summationline { border-top: solid 1px #ADB2BC; }
.refunded_trade .right { text-decoration: line-through; }
.refunded_trade_message { text-align: right; color: #b50000; }
#trade_details .dottedtable td {padding: 3px}

/* ANNOUNCEMENTS */
.datebox {width: 35px; text-align: center; border: 1px solid #99B746; margin-bottom: 2px}
.datebox_day {color: #fff; padding: 2px; background: #B0D461; border-top: 1px solid #CFDD9E}
.datebox_month {color: #5e5e5e; border-bottom: 1px solid #99B746; padding: 2px}


/* DISCUSSION THREADS */
.discussioncontainer { margin-bottom: 20px}
#inner div { border:0px solid #ebebeb; width: 160px; margin-right: 0px; text-align: left; padding-left: 5px; padding-right: 5px}
#inner .col2 { margin-right: 0; text-align: left; border-left: 0; padding-left: 10px; padding-right: 10px}
.commentsoptions {border: 0; margin-top: 0}
.discussioncontainer .timestamp { color: #b6bac2 }
.discussion_unsubscribed { background: #fef8c9; padding: 5px }
.comment_input { width: 95%; padding: 5px; height: 60px; }

/* MARKET LIST */
.tagsbgnd {background: #f3f3f3; padding: 10px; margin-top: 10px}


/* SETTINGS */
.settingsbgnd {background:#f7f7f7; padding:10px; margin-top: 5px; margin-bottom: 15px; border: 1px solid #d1d1d1; -moz-border-radius:1.5ex; -webkit-border-radius:1.5ex;}
.settingsbgnd .helptext {color: #687377; margin: 5px 0 0 0}
.settingsbgnd .suboptions {font-weight: bold; color: #000; margin: 5px 0 5px 0}
.required_question { font-weight: normal; }
.optional_question { font-weight: normal; }
input.settings_check_box { margin-right: 10px; }
.settings_row { padding: 0 0 5px 0; }


/* Welcome Slide styles */
.boundary {background: #fff}
div.slide{ background: #fff; padding: 0 0 5px 0; height: 350px; border: 6px solid #bbb; width: 590px }
div.slidecontent { padding: 0px 10px 10px 10px; color: #555; width: 550px }
div.slidecontent p {margin-top: 20px}
div.tabContent p {margin-top: 20px}
p.footnote{ font-size:80%; }
.slide .counter a:link {text-decoration: none; padding: 7px; background: url(../images/bigbuttonbgnd.gif) repeat-x top #dcdcdc; color: #000; border: 1px solid #c2c2c2 } 
.slide .counter a:visited {text-decoration: none; padding: 7px; background: url(../images/bigbuttonbgnd.gif) repeat-x top #dcdcdc; color: #000; border: 1px solid #c2c2c2 }
.slide .counter a:hover {text-decoration: none; background: #f7f7f7; color: #5c9100; border: 1px solid #737373}
.slide .counter a:hover:visited {text-decoration: none; background: #f7f7f7; color: #5c9100; border: 1px solid #737373}

.counter { text-align: right; color: #bbb; padding-bottom: 10px; }
ul.counter li{ float:left; padding:10px 10px 0 0; margin:0; list-style-type:none; }

/* The H1 and the H2 are the same style when JavaScript is available, as the H1 gets hidden */
.slide h2{ clear:both; font-size: 1.6em; font-weight: 400; color:#2F323C; }
h1,#boundary.js h2{ background: #fff; margin:0 0 10px 0; color:#fff; padding:5px 5px; }

html>body
h1,html>body
#boundary.js h2{ height:auto; }

#main_tabs li { text-decoration:none; color: #125b95; cursor: pointer; padding: 15px 15px 15px 10px; }
#main_tabs li:hover {background-color: #dbdbdb; color: #444; }
#main_tabs  li.main_tab_selected { background: #dbdbdb; color:#5c9100;}

#tabs ul {list-style-type:none; margin: 0; padding: 0}
#tabscontent {padding: 10px 10px 20px 0}
.spacearoundimage {margin: 0px 20px 20px 0}

.welcomepageicon {height: 70px; width: 70px; margin-right: 15px}



/* HOMEPAGE */
.nube1 {font-size: .8em;}
.nube2 {font-size: 1.0em;}
.nube3 {font-size: 1.2em;}
.nube4 {font-size: 1.6em;}
.nube5 {font-size: 1.8em;}
.nube6 {font-size: 2.0em;}
.featurebar {background: #222; padding: 10px 0 10px 0}
.homepagehighlightbox {width: 320px; color: #bbb}
.homepagehighlightboxtitle {color: #adadad; padding: 15px 0 5px 0}
.homepagehighlighttext { color: #bbb}
.homepagehighlightanswer {color: #fff}
.marketindicator {text-align: center; float: right; margin-left: 10px}
.startingbackground {background: #000; padding: 0; margin: 0}
.startinginstructions {text-align: left; color: #bbb; font-size: 1.6em}
.loginmessage {padding-top: 7px}
.loginmessage a:link {cursor: pointer; text-decoration: none; color: #287484}
.loginmessage a:hover {color: #444}
.loginmessage a:visited {cursor: pointer; text-decoration: none; color: #287484}
.loginmessage a:visited:hover {color: #444}
.answers {color: #fff}
.crowd_background { background: url(../images/crowd.gif) bottom left repeat-x #fff; }


#activity {
  position: relative;
}
  #activity h3 { font-weight: normal; }
  #activity ul { 
    list-style-type: none; 
    margin: 3px 0 10px 5px;
    color: #57595d;
	padding: 0
  }
  #activity li { overflow: hidden; padding-bottom: 7px; padding-left: 5px }
  #activity .timestamp { display: block; color: #b6bac2; padding-top: 3px }
  
  a#level_toggle {
    position: absolute;
    top: 10px;
    right: 0;
  }

#activity_options {
  padding: 10px;
}
  #activity_options table {
    margin-bottom: 6px;
  }

  #activity_options table td {
    padding: 2px;
  }
  
  #activity_options td.radio {
    width: 8px;
  }

.feedlist ul {
	list-style-type: none; 
    padding: 0; 
    margin: 3px 0 30px 0; 
}

.feedlist li {margin-bottom: 10px}

/* don't show the headline on the /events page because it's in the spanner */
.events_page h3 #activity_title { display: none; }
.events_page h3#activity_headline { border:0px; }
#activity_headline ul {margin: 0; padding: 0}
#activity_headline li {display: inline; list-style-type: none; margin: 0; padding: 0; color: #bbb }

.event_membership {background: #EBF2F7; padding: 10px 0 10px 0; margin: 5px 0 5px 0}

/* GRAPHS */
.maani, .maani_small { background: #222; border: 1px solid #333}
.maani_small { width: 250px; }
.otherhighlights {float: left; border: 0px solid #000; width: 200px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px}
.graphwidth {width: 945px}

/* HOMEPAGE - ROTATING BANNER STYLES */
.rotatingfeaturebox {background: #333; height: 260px}
.contentslidetext { color: #525F7B}
.contentslideup {background: url(../images/mediumup_white.gif) no-repeat top center; padding-top: 50px; width: 100px; text-align: center; color: #477D00;}
.contentslidedown {background: url(../images/mediumdown_white.gif) no-repeat top center; padding-top: 50px; width: 100px; text-align: center; color: #9D0000;}
.contentslideunchanged {background: url(../images/mediumunchanged_white.gif) no-repeat top center; padding-top: 50px; width: 100px; text-align: center; color: #8a8a8a}
* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 300px; /*IE5 width*/
w\idth: 300px; /*IE6 width*/
}
.pagination {display: block; font-weight: 400; text-decoration: none; padding-top: 10px; border: 0px #2F323C solid; color: #525252; margin-top: 3px; text-align: center }
.pagination a:link {font-weight: 400; text-decoration: none; padding: 3px; background: #000; border: 1px #222 solid; color: #525252}
.pagination a:hover {text-decoration: none; background: #498b99}
.pagination a.selected {text-decoration: none; background: #498b99; color: #000}
.pagination a:visited {font-weight: 400; text-decoration: none; padding: 3px; background: #000; border: 1px #222 solid; color: #525252 }
.pagination a:visited:hover {text-decoration: none; background: #498b99}


/* PUBLISHER STYLES */
.publisher_stocks {margin-right: 15px}
.warningbox { background: #fdbdc2; border: 1px solid #EFAFB7; padding: 10px; }
.warningbox a:link {color: #c44143}
.warningbox a:visited {color: #c44143}
.warningbox a:hover { background: #dba3a8}
.warningbox li {padding-bottom: 10px}
.verticalcentering {padding-top: 10px}
.exampletext {font-style: italic; color: #6d6d6d}

/* GROUPS */
#groups ul {margin: 10px 0 0 0; padding: 0; list-style-type: none}
#groups ul li {font-size: 1.2em}
#groups subheaders1 {margin-top: 0}

/* STATS */
#stats .graphborder {border: 1px solid #ebebeb; padding: 3px; margin-top: 3px; text-align: center; width: 100%}
#stats .databorder {border: 1px solid #ebebeb; padding: 3px; margin-top: 3px; text-align: left; width: 100%}
#stats .subheaders1 {margin-top: 80px; padding-top: 0; text-transform: none }
#stats .bignumbers {margin: 20px 0 30px 0}
#stats ul li {padding-bottom: 5px}
#stats .subheaders3 {color: #000; margin-top: 30px}
#stats table.dottedtable th { padding: 5px 5px 5px 5px} 
#stats table.dottedtable td { padding: 5px 5px 5px 5px}
#stats table.dottedtable .headerrow {border-bottom: 3px solid #7a7a7a}
#stats table.dottedtable .yourmarketplace {background: #fffae4; color: #000; font-weight: bold}
#stats table.dottedtable .graycolumndata {color: #878787} 
#stats .sorts {margin: 10px 0 20px 0}
#stats .dottedtable .category {color: #fff; background: #333; border: 1px solid #333}
#stats_nav ul li {padding-bottom: 5px}
#stats_nav a.active { background-color: #fef8c9; padding: 3px 0 3px 0}
.statsexplainer {color: #988a48; font-size: .9em; margin: 0 0 10px 0}

/* APPLICATION STYLES */

/* \*/
.gainlayout { height: 1% }
/* */

.left {float: left; position: relative; }
.left2 {float: left; display: inline;}
.right { float: right; position: relative;}
.right2 {float: right; display: inline;}
.center { text-align: center; }
.space_below { margin-bottom: 25px; }

.spacedbullets li {margin-bottom: 10px}

.infobox {background: #fffca9; color: #000; padding: 10px}
.patternbox {background: url(../images/tradingassistantbgnd.gif); color: #000; border: 1px solid #ebebeb; padding: 10px}
.patternbox2 {background: url(../images/tradingassistantbgnd.gif); color: #000; border: 1px solid #ebebeb; padding: 10px}
.clearing { clear:both;height:0px;overflow:hidden;font-size:0px}

.tipbackground {background: #e1dcc6; -moz-border-radius:1.5ex; -webkit-border-radius:1.5ex; padding: 7px; color: #5a574b; margin-bottom: 10px; text-align: left; font-size: 1.2em}

img {
border: 0px;
}

img a.hover {
background: none;
}

body, html { font-size: 9pt }

.indicator {text-align: right}

.arrow_up { background: url(../images/up.gif) no-repeat left center; padding-left: 13px; padding-right: 3px; color: #57802e; }
.arrow_down { background: url(../images/down.gif) no-repeat left center; padding-left: 13px; padding-right: 3px; color: #b50000; }

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

/* table cell containing scroller, good idea to set its width and height  */
td#scroller1 { width:150px; height:75px }

/* holder div contains scroller. set height and width */
#holder1 { position:relative; width:150px; height:75px; z-index:100 }

div#wn1 { 
  position:absolute; 
  width:150px; height:75px; z-index:1;
  clip:rect(0, 150px, 75px, 0); overflow:hidden;
  }
div#cnt1 { position:absolute; z-index:1 }
/* Set width and height of item same as width and height of scroller (wn1) */
div.item {
  width:150px; height:75px; 
  font-size:12px; color:#336; font-weight:bold
  }

.fieldWithErrors input{
  border-style: inset;
  border-color: red;
  border-width: 3px;
}

.formError {
  color: red;
}

.errorbox {
	width: 600px;
	border: 5px solid #ebebeb;
	background: #fff;
	padding: 20px;
	left: 250px;
	position: relative
}

#ErrorExplanation {
  width: 200px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #000;
  display:none;
font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 9pt;

}

#ErrorExplanation p {
  color: #000;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 10px;
  list-style: square;
	font-family: "Arial", "Helvetica", "sans-serif";
color: #000;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.hidethis {display:none}

ol li {
padding-bottom: 10px}

form {margin: 0px}

input.textarea
{
border: 2px solid #999999;
border-bottom-color: #ddd;
border-right-color: #ddd;
background: #fafafa;
padding: .1em;
color: #000;
margin: .1em
}

input.text
{
border: 1px solid #999999;
border-bottom-color: #ddd;
border-right-color: #ddd;
background: #fafafa;
padding: .1em;
color: #000;
margin: .1em;
}

.searchtext
{
border: 1px solid #999999;
border-bottom-color: #ddd;
border-right-color: #ddd;
background: #fafafa;
padding: 2px;
color: #000;
margin: .1em;
width: 150px;
font-size: 100%;
}

blockquote {
padding: 0px;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
}

/*table styles for disabled/deleted users*/
tr.flagged td{ background-color: #ffe6e3; }
tr.disabled td{ background: url(../images/closedbgnd.gif) #fff repeat }

tr.me td{ background-color: #e5f2fa; }

.tmfooters {margin-top: 150px}

.disabled_button { 
  color: #000000; 
}


/* prototip */

.prototip .protoinkling {
	width: 250px;
	color: #fff;
	text-transform: capitalize
}

.prototip .protoinkling .toolbar {
	background: #0d7cd0;
	font-weight: normal;
}
.prototip .protoinkling .title { padding: 5px; }
.prototip .protoinkling .content {
	width: 200px;
	background: url(../images/translucent_grey.png) repeat;
	padding: 5px;
	color: #ffffff
}

.market_manage_content { text-align: left; font-size: 14px; color: #fff; }
.market_manage_content a { display: block; color: #fff; text-transform: capitalize; text-decoration: none; padding: 3px; background: none }
.market_manage_content a:hover { color: #444; background-color: #d0d0d0}
* html .market_manage_content a {width:100%}

#password-strength {font-size: 120%; padding: 3px 0px 3px 0px}
.password-strength-bar {padding: 3px; margin-top: 3px; font-weight: bold}

/*increase the header link padding*/
.headernavlist a {padding: 10px 0px 10px 0px}

/*make the whole contentdiv of the subfeatures clickable*/
div.contentdiv {
  height: 240px;
}

/* the hovered subfeature gets this */
div.hovered  {
	cursor: pointer;
	background-color: #000000;
	border-color: #aaa;
}
.hovered .blacklinks a {cursor: pointer; text-decoration: none; color: #444}
.hovered .homeheaderlinks a {cursor: pointer; text-decoration: none; color: #444}

/* Stock quick trade interface */
.highlighttext {background: #fef8c9; padding: 2px}
.highlighttext2 {font-weight: bold}
.highlighttext3 {color: #5a5a5a; margin-top: 0px; padding-left: 2px}


.arrowsup a, .arrowsdown a { text-indent: -9999px; width: 50px; height: 56px; padding: 0; margin: 0; outline: 0; display: block; text-decoration: none; border: none;}
.arrowsup a img, .arrowsdown a img { border: none;}
.arrowsup a:link { text-decoration: none; background: url(../images/buyarrow2.png) center center no-repeat #fff; }
.arrowsup a:visited { background: url(../images/buyarrow2.png) center center no-repeat #fff;}
.arrowsup a:hover {background: url(../images/buyarrowhover2.png) center center no-repeat #fff}

.arrowsdown a:link { background: url(../images/sellarrow2.png) center center no-repeat #fff; }
.arrowsdown a:visited { background: url(../images/sellarrow2.png) center center no-repeat #fff; }
.arrowsdown a:hover {background: url(../images/sellarrowhover2.png) center center no-repeat #fff; }

.doit a:link {padding: 5px 10px 5px 10px; text-decoration: none; color: #fff; background: #00b7e1}
.doit a:visited {padding: 5px 10px 5px 10px; text-decoration: none; color: #fff; background: #00b7e1}
.doit a:hover {text-decoration: none; color: #bbb; background: #5a5a5a}

#trade_tip { margin: 0}
.answer { padding: 5px 0px 0px 0px; width: 380px; border: 0px solid #000}

.error .arrow a { display:none; }
.error .arrow { background: url(../images/growl.gif) center center no-repeat; width: 50px; height: 56px; }
.error .answer { text-decoration: line-through; }
#trade_tip.error { color: red; font-weight: bold; }

#quick_opinion .quantities label {
  display: block;
}

#quick_opinion div.stock {
  padding-top: 8px;
}

/* Market listing and stock listing */
.marketrow {border-top: 1px solid #ebebeb; z-index: 1000}
.market_row {width: 100%; padding: 10px 0 10px 0;}
.stock_row { width: 100%; position: relative; }
.stock_row_inner { margin-left: 30px; padding: 5px 0 7px 0; border-top: 1px solid #ebebeb; }
.last_stock { border-bottom: none !important;}
.expander {padding-right: 5px}
.marketimage {width: 48px; padding-right: 5px}
.actionicons {padding-right: 20px}
.marketlisting {width: 500px; padding-right: 20px; font-weight: bold}
.stocklisting {width: 470px; padding-right: 20px}
.marketinfo {color: #bbb}
.dropdownplacement {margin-left:589px; top: -1px; position: relative; z-index: 100}
.sidebar h1 {font-size: 1.5em; color: #333}
.sidebar ul {font-size: 1.2em; color: #bbb; margin: 10px 0 20px 0; padding-left: 2em; list-style-position: outside;}



.charcounter {color: #84A02D}
.charcounter_maxed {color: red;}

#manage_categories {
  background-color: white;
  margin-top: 10px;
  padding: 5px 10px;
}

  #manage_categories .hide_on_market_wizard {
    display: none;
  }
  
  #manage_categories .settingsbgnd {
    border: none !important;
    background-color: inherit !important;
    padding: 0;
  }
  
  .sidebar #categories {
    font-size: 1.2em;
    color: #333;
    margin-bottom: 20px;
    padding: 8px 0 0 6px;
  }
  
  #categories input {
    display: none;
  }
  
  #categories td,
  #categories td.before input,
  #categories td.before img {
    margin: 0;
    padding: 0;
  }
  
  #categories td.before {
    text-align: center;
    width: 18px;
    height: 18px;
    vertical-align: middle;
  }

  #categories .shown .not_shown { display: none; }
  #categories .not_shown .shown { display: none; }
  
  #categories .not_shown .name a { color: #bbb; }
  
  #categories a#toggle_categories {
    display: none;
    font-size: 11px;
    margin-left: 8px;
  }
  
  .categories_hovered a#toggle_categories { display: inline !important; }

/* borrowed from twitter */
#more_markets_link {
  background-color:#f4f4f4;
  border-color:#DDDDDD #AAAAAA #AAAAAA #DDDDDD;
  border-style:solid;
  border-width:1px;
  display:block;
  font-size:14px;
  font-weight:bold;
  height:22px;
  line-height:1.5em;
  margin:6px 0;
  outline-style:none;
  outline-width:medium;
  padding:6px 0;
  text-align:center;
  text-shadow:1px 1px 1px #FFFFFF;
  width:100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

a#more_markets_link:hover {
  background-color:#f9f9f9;
}

#more_info {
  max-height: 300px;
  overflow: auto;
}

* html #more_info { 
   height: expression( this.scrollHeight > 299 ? "300px" : "auto" ); /* sets max-height for IE */
}

/* TinyMCE specific rules */
body.mceContentBody {
  font-family: "Arial", "sans-serif";
  margin: 8px 12px;
  padding: 0px;
  text-align: left;
  height: 90%;
  font-size: 11pt;
}

.mceContentBody a {
   color: red !important; /* FF requires a important here */
}

.calendar_date_select thead th {
  text-align:center;
}


/* Inling widget styles */
#quantities {}
#quantities label { 
  display: block; font-size: 1.4em
}
.reason {margin-top: 10px; color: #7a7a7a}
.reason input {font-size: 120%; width: 300px; margin-top: 5px}
.stock {margin-bottom: 10px; border-bottom: 1px solid #ebebeb}
.confidence {color: #7a7a7a; font-size: 80%; padding: 0; margin: 0}
.one_stock {margin-top: 10px}

/* Widget customizer */
#customize_widget {
   margin-bottom: 10px; 
   padding: 10px; 
   background-color: #ccc;
}

#customize_widget .customize_group {
  clear:both; 
  padding-bottom: 10px;
  overflow: hidden;
}

#customize_widget .fields {
  float: left;
  display: inline;
  width: 135px;
  margin-right: 15px;
}

#customize_widget .description {
  float: left;
  display: inline;
  width: 230px;
  font-size: 11px;
  padding-top: 3px;
}

/* to show a black text h1 tag on a non-logged in market */
.market_name h1 {
  color: black;
}

/* Groups */
.group_col {
  min-height: 400px
}

.group_search {
  position: relative;
}

.group_search .group_warning {
  position: absolute;
  font-size: 14px;
  font-weight: bold;
}

#groupsettings input, #groupsettings textarea {margin: 5px 0 5px 0}
#search_markets_button, #search_memberships_button {width: 80px}
.search_markets_term input {width: 250px}
.save_group_button input {font-size: 150%}

#groupsettings h2 {color: #8a0917}
#groupsettings #group_memberships {height: 350px; overflow: auto}
#groupsettings #group_markets {height: 200px; overflow: auto}

#group_memberships p,
#group_markets p {
  padding: 0;
  margin: 0 0 5px 0;
  line-height: 11px;
}

#group_memberships input,
#group_markets input {
  vertical-align: middle;
}


#admin_nav
{
  float: right;
  padding: 4px 0 0 0;
}

ul.jbar li.chat_menu {border-right: 0}

ul.jbar li.chat_menu a {
  background: #75953c !important;
  color: #fafafa !important;
  text-shadow: none !important;
}

ul.jbar, ul.jbar ul li a, ul.jbar li, ul.jbar li a {
  text-shadow: none;  color: #fafafa
}

ul.jbar li {
	margin: 0;
}

ul.jbar li a {
  border-right: 1px solid #878787
}

ul.jbar ul li a:hover {
  background-color: #ebebeb;
}

ul.jbar li.last, ul.jbar li a.last, ul.jbar ul li a {
	border-right: 0
}