
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: 99999;
  text-align: left;
}

#facebox .popup {
  position: relative;
  zoom: 1;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td.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; }


/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


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

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


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

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../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(../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, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(../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,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../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, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

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

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


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

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

/* Overlays */
.ui-widget-overlay { background: #666666 url(../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(../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; border-radius: 5px; }/*
 * jQuery UI Slider @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.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; background-position: 0 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; }

/*
 * jbar (for jQuery)
 * version: 0.1.3 (11/24/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 !important;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656464), to(#3D3D3D));
  background: -moz-linear-gradient(center top, #656464, #3D3D3D) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656464', endColorstr='#3D3D3D', GradientType=0);
  -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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D3D3D), to(#656464));
  background: -moz-linear-gradient(center top, #3D3D3D, #656464) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D3D3D', endColorstr='#656464', GradientType=0);
  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;
  filter: -;
  zoom: 1;
  height: auto;
}

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

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

.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: left; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/* GLOBAL LAYOUT STYLES */

.wrapper {
  min-height: 100%;
}

a {
  outline: 0;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #5a574b;
  font-family: "Source Sans Pro", "Helvetica", "Arial"
}

.short_display {
  width: 50%;
  float: left;
}

.datafield.datafield_short {
  margin: 0 5px 20px 0;
}

.profile .short_display h4 {
  margin-top: 0px;
}

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

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

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

.nowrap { white-space: nowrap; }
.ui-icon { float: left; }
.help { font-size: 11px; color: #333; text-transform: lowercase; cursor: help; vertical-align: 10%; }
.help em { border-bottom: 1px dotted #ccc; font-style: normal; }

html, body {height: 100%;}
body {
  margin:0;
  padding:0;
  background: #f1f1f1;
  font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  text-align: center;
  height: 100%
}

body p {padding: 0; margin: 0 0 10px 0; }
table {font-family: "Source Sans Pro", "Helvetica", "Arial", "sans-serif"} /* IE7 needs specific table font instructions */
.mainbody {float: left; padding-right: 15px; width: 710px; padding-left: 15px}
.navcolumn {float: right; padding-right: 15px; border: 0px solid #000}
.fullwidth {
  width: 945px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 50px;
  background: #fff;
  padding: 5px 5px 15px 15px
}
#main {overflow:auto;
  padding-bottom: 150px;}
#main .fullwidth {min-height: 600px}
.fullwidthlogin { width: 945px; margin-left: auto; margin-right: auto; text-align: left; margin-bottom: 50px; padding: 80px 0 40px 0}
.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}
.shadow {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}

/* LOGIN & SIGNUP STYLES */
.loginouterbox {margin-bottom: 220px; background: #222; padding: 80px}
.signuplinks {width: 250px; padding-right: 20px}
.signuphide {display: none}
.preregistration ol {font-size: 2em; margin-top: 0; padding-top: 0}
.preregistration ol li {margin-bottom: 15px}



/* HEADER NAVIGATION STYLES */

.navbgnd {
  background: #cbcbcb;
  margin: 0 -5px 15px -15px;
  padding-right: 5px;
  *zoom:1;
}

ul#navigation {
  padding: 0 0 0 15px;
  margin: 0;
}

ul#navigation li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  color: #777;
  padding: 10px 10px 10px 0;
  font-family: "Source Sans Pro", "Helvetica", "Arial"
}

ul#navigation li.last {
  padding-right: 0;
}

ul#navigation li a {
  color: #000;
  text-decoration: none;
  padding: 10px 5px;

}
ul#navigation li a:hover {
  color: #ec2624;
  background-color: #dedede;
}

.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}


.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: #1d8190}
.logininformation a:hover {color: #444}
.logininformation a:visited {cursor: pointer; text-decoration: none; color: #1d8190}
.logininformation a:visited:hover {color: #444}
.logoplacement {text-align: left; width: 184px; margin-top: -20px; padding: 0; margin-bottom: 5px;}
.search { padding: 20px 0 0 0; text-align: right; color: #666666 }
.search span.searchlabel {font-size: 14px; padding-right: 5px; font-weight: bold; color: #979797; font-family: "Source Sans Pro", "Helvetica", "Arial"}
.site {color: #9fa7ba}
.buttonplacement {float: right; font-size: 1.2em; padding-right: 3px}
.header { background: #fff; padding-bottom: 5px; padding-right: 5px;}
.register-header { padding-top: 25px;}
.login { margin-top: 70px }
.sitename { padding-right: 20px; padding-top: 10px; float: right; color: #bbb}
.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}

/* SIMPLE LAYOUT */
#simplelayout .header {background: #fff; padding: 10px 0;}
#simplelayout .logoplacement {margin-top: 0px}

/* SUBHEADERS & SUBNAVS */
.subheaders1 { color: #ec2624; padding: 3px; padding-left: 0; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; font-weight: 400; }
.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 {margin-top: 20px}
.navcolumn ul li {margin-bottom: 10px}

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

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

#navlist li a
{
padding: 3px 2em;
margin-left: 0px;
border: 1px solid #d1d1d1;
border-bottom: none;
background: #f1f1f1;
text-decoration: none;
font-weight: bold;
}

#navlist li a:link { color: #1d8190; }
#navlist li a:visited { color: #1d8190; }

#navlist li a:hover
{
background: #dedede;
}

#navlist #active a
{
background: white;
border-bottom: 1px solid white;
color: #000;
padding-top: 10px;
font-weight: bold
}

#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}
.protipbgnd {padding: 10px; background: #ffeda6; border: 1px solid #ffde59}

/* FOOTER STYLES */
#footer {position: relative;
  margin-top: -100px; /* negative value of footer height */
  height: 100px;
  clear:both;}
#footer .skyline {position: relative; top: -65px; left: 70px; color: #bbb; margin-bottom: 20px;}
#footer .skyline h3 {color: #bbb;}
#footer .custombutton a {
  display: inline;
}
#footer .fullwidth {background: none; margin-bottom: 0;}
.site_footer { color: #bbb; background: #333; padding: 20px 0;}
.site_footer_public { color: #bbb; background: #333; padding: 20px 0 50px 0;}
.footernav ul { margin-left: 0px; padding-left: 0; display: inline; font-size: 14px}
.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}
.bottomad {margin: 40px 0 40px 0}
.greenbutton a {display: none}
.bluebutton a {display: none}


/* 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: 10px; display: inline-block;}
.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)}

/* TRADING STYLES */

.alertsbgnd {
  margin: 20px 0;
  border-top: 1px solid #bbb;
  padding: 10px 0;
}

.trade_interface {
  position: relative;
  zoom: 1;
}
  .trade_interface .processing {
    position: absolute;
    top: -15px;
    left: 0;
    width: 103%;
    height: 110%;
    background-color: #fff;
    opacity: 0.9;
  }

  .trade_interface .processing p {
    font-size: 60px;
    padding: 20px 0 0 20px;
    text-align: center;
    color: #6a6a6a;
  }

p.outcome_alert {
  background-color: #FEF8C9;
}

div.simple_interface,
div.advanced_interface {
  display: none;
  zoom: 1;
}

div.simple_interface .subheaders1,
div.advanced_interface .subheaders1 {
  margin-bottom: 0;
}

.simple_mode .advanced {
  display: none;
}

.trade_interface table td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

.trade_interface .trade_submit {
  width: auto;
  overflow: visible;
}

.simple_interface table.buys_and_sells {
  margin: 0 auto 15px auto;
  border-spacing: 0;
}

.simple_interface .sells {
  margin-top: 45px;
}

.simple_interface .buys {
  margin-top: -15px;
}

.advanced_interface .mode {
  position: relative;
  height: 80px;
}

.advanced_interface .mode label {
  display: block;
  position: absolute;
  left: 0;
  height: 35px;
  width: 100%;
}

.advanced_interface .mode label .radio {
  vertical-align: center !important;
  position: relative;
}

.advanced_interface .mode input.custom_quantity {
  position: absolute;
  left: 70px;
  font-size: 20px;
  width: 60px;
  text-align: center;
  color: #333;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all  0.2s ease-out;
  outline: none;
  cursor: text;
}

.advanced_interface .mode label span {
  color: #fff;
  position: relative;
  left: 80px;
  font-size: 18px;
}

.advanced_interface label.buy_label {
  top: 2px;
  padding: 2px 0 2px 5px;
}

.advanced_interface label.sell_label {
  top: 40px; padding: 3px
}

.advanced_interface .buy_mode,
.advanced_interface .buy_mode input,
.advanced_interface label.buy_label {
  color: #7A8743;
}
  .advanced_interface .buy_mode label.buy_label {
    color: white;
    background: #B9D537;
  }

  .advanced_interface .buy_mode input.custom_quantity {
    top: 8px;
  }

.advanced_interface .sell_mode,
.advanced_interface .sell_mode input,
.advanced_interface  label.sell_label {
  color: #3E6A75;
}
  .advanced_interface .sell_mode label.sell_label {
    color: white;
    background: #ED2824;
}

  .advanced_interface .sell_mode input.custom_quantity {
    top: 46px;
  }

.trade_options {
  width: 190px;
  height: 110px;
  position: relative;
}
  span.direction {
    position: absolute;
    padding: 0px 2px;
  }

  span.higher {
    left: 0;
    top: 110px;
    padding-left: 5px;
  }

  span.higher h2 {
    color: #899B1C;
  }

  span.lower {
    top: 50px;
    right: 0;
    padding-right: 5px;
  }

  span.lower h2 {
    color: #ec2624;
  }

.no_trade_options {
  margin: 10px 0 10px 0;
  padding-top: 10px;
  text-align: center;
  color: #666;
}

.willpaginate .current {
  background: #fff;
  padding: 4px 8px 2px 8px;
  border: 1px solid #ccc;
  color: #606060;
  text-shadow: 1px 1px 0px #fff;
  margin: 0 3px 0 3px;
  width: 160px;
}

.willpaginate a, .willpaginate a:visited {
  background: #F2F2F2;
  padding: 4px 8px 2px 8px;
  border: 1px solid #ccc;
  color: #606060;
  text-shadow: 1px 1px 0px #fff;
  margin: 0 3px 0 3px;
  width: 200px;
}
.willpaginate a:hover, .willpaginate a:hover:visited {background: #fff}

.current h4 {font-size: 10px}

.trade_quote .trade_infobox {background: #f1f1f1; padding: 10px; width: 240px}

.simple_interface .shadow { background: #f1f1f1; padding: 10px; width: 250px; text-align: center;}
.simple_interface .trade_infobox {
  background: #fff;
  padding: 5px;
  border: 1px solid #f8f8f8;
  margin: 0 auto;
  margin-bottom: 10px;
}

  .current .trade_quote,
  .current .intro {
    border: 0;
    margin: 8px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px dashed #ccc;
  }

  .current .intro {
    padding: 35px 0 28px 0;
  }

  .current .up_or_down {
    color: inherit !important;
  }

.trade_quote_buy td.amount { color: #7A8743; }
.trade_quote_sell td.amount { color: #3E6A75; }
.trade_infobox table { width: 100%;}
.trade_infobox table td.label {padding: 3px 10px 3px 0px; font-size: 12px; text-align: left;}
.trade_infobox table td.amount {padding: 3px 0px 3px 0px; text-align: right; vertical-align: middle; font-size: 12px}
.trade_infobox table td.amount.sum {border-top: 1px dashed #ccc }
.trade_right .today {padding: 10px 0px 0px 5px; margin: 0; color: #666}
.shortcuts ul {padding: 0 0 0 10px; margin-left: 10px; color: #bbb}

#batch-info.trade_infobox table {
  background: #fafafa;
  padding: 10px;
}

#batch-info.trade_infobox table td {
  vertical-align: top;
}

#batch-order span.buy_fields input, #batch-order span.sell_fields input {
  font-size: 16px;
}

/* MARKET PAGES */

#trade_reasons p {margin-bottom: 20px;}
#trade_reasons .hidden .hide { display: none; }
#trade_reasons .unhide { display: none; }
#trade_reasons .hidden .unhide { display: inline; }
#trade_reasons h5 {margin: 5px 0;}
.marketquestion h1 {
  margin-bottom: 20px;
}

/* HELP */
#reference h1 {margin-top: 20px; font-weight: bold}
#reference ul li {font-size: 16px; margin: 10px 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;}
#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; }

/* REPORTS */
#reports h2 {margin-top: 20px;}

/* TEXT STYLES */

.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: #eb2924}
.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: #7b583a}
.instructionsblack {color: #fff}
.boldblack {color: #000; font-weight: 700}
.black {color: #000}
.graytext {color: #aaa}
.darkgraytext { color: #919191 }
.percentage { color: #ffe84f}
.up_or_down { }
.up {color: #96b316}
.down {color: #ec2624}
.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}
input.custombutton, input.trade_submit,
div.custombutton a:link, span.custombutton a:link, .custombutton a:link,
div.custombutton a:visited, span.custombutton a:visited, .custombutton a:visited {
  background: #50b1c0;
  padding: 8px 15px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1em;
  text-align: center;
  border: 0;
  outline: none;
}

input.custombutton:hover, div.custombutton a:hover, span.custombutton a:hover, .custombutton a:hover,
div.custombutton a:visited:hover, span.custombutton a:visited:hover, .custombutton a:visited:hover,
input.custombutton:active, div.custombutton a:active, span.custombutton a:active, .custombutton a:active,
div.custombutton a:visited:active, span.custombutton a:visited:active, .custombutton a:visited:active{
  background: #5ebcca;
  color: #cdf3f9;
  outline: none;
}

input.custombutton:disabled, input.trade_submit:disabled,
 .custombutton:disabled, div.custombutton a:disabled, span.custombutton a:disabled, .custombutton a:disabled {
  cursor: not-allowed;
  background: #bbb;
  color: #a0a0a0;
  outline: none;
}

input.custombutton {
  margin: 10px 0;
}

input.custombutton.gray {
  background: #bbb;
  color: #333;
  text-transform: none;
}


/* LINK AND BUTTON STYLES */

a:link {cursor: pointer; text-decoration: none; color: #1d8190}
a:hover {color: #444}
a:visited {cursor: pointer; text-decoration: none; color: #1d8190}
a:visited:hover {color: #444}

.like_container { }
.like_container a,
.like_container .who_likes_this { display: inline-block }
.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: #7bcad6}
.lighterlinks a:hover {color: #444}
.lighterlinks a:visited {cursor: pointer; text-decoration: none; color: #7bcad6}
.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: #bbb}
.whitelinks a:visited {cursor: pointer; text-decoration: none; color: #fff}
.whitelinks a:visited:hover {color: #bbb}

.blacklinks a:link {cursor: pointer; text-decoration: none; color: #c9e0f1}
.blacklinks a:hover {color: #656565}
.blacklinks a:visited {cursor: pointer; text-decoration: none; color: #c9e0f1}
.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, input.buttons {font-weight: 400; text-decoration: none; padding: 5px; background: #50b1c0; color: #fff;}
.buttons a:visited {font-weight: 400; text-decoration: none; padding: 5px; background: #50b1c0; color: #fff}
.buttons a:hover {text-decoration: none; background: #222; color: #bbb}

.retry_button {
  background-image: url(../images/refresh_small.png);
  background-position:  0px 3px;
  background-repeat: no-repeat;
  border: 0px;
  background-color: inherit;
  cursor: pointer;
  outline: 0;
}

.retry_form {
  display: inline;
}

input.buttons {
  font-weight: 400;
  text-decoration: none;
  padding: 15px;
  background: #50b1c0;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;}

.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}

.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}

.righttab a {
  position: absolute;
  right: 0;
  padding: 5px 15px 2px 10px;
  background: #cfcfcf;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}


/* 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: 700; color: #333; background: #F1F1F1; text-transform: uppercase; font-size: 11px; }
table.dottedtable td { 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; }
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.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; }
table.flattened { margin-top: 0 !important; border: none !important; }
table.producttable {  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.producttable th {border-width: 0px 0px 3px 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.producttable td {border-width: 0px 0px 1px 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-collapse: collapse; width: 100%; }
table.stocktable td,
table.stocktable th { padding: 3px 20px 3px 3px; margin: 0; vertical-align: top; text-align: left;}
table.stocktable th { font-weight: 400; color: #878787; white-space: nowrap; }
table.stocktable .admin_menu { width: 15px; vertical-align: middle; text-align: center; padding: 0 3px 0 3px;}
table.stocktable .admin_menu ul.jbar a { font-size: 10px; line-height: 11px; height: 12px; }

.datatable {border: 0px solid #dedede}
.datatableheader {background: #F1F1F1; padding: 5px; border-right: 0px solid #dedede}
.datatablecell {padding: 5px}

.roundedtable tr td {
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}


/* LIST STYLES */
ul.bulleted { margin: 10px 0 0 20px; padding: 0; }
ul.bulleted li { margin: 0 0 8px 8px; }


/* DASHBOARD STYLES */
.user_performance {margin-bottom: 40px}
.user_performance .subheaders1 {
  margin: 0;
  padding: 0;
}
.user_performance h1 {
  margin: 0;
  padding: 5px 0 0 0;
  color: #333;
  font-size: 30px;
  line-height: 1em
}
.user_performance ul {margin: 0 0 10px 0; padding: 0;}
.user_performance ul li {list-style-type: none; padding: 0 15px 0 15px; float: left; width: 22%; border-right: 1px solid #ebebeb;}
.user_performance ul li.first {padding-left: 0;}
.user_performance ul li.rank {width: 25%}
.user_performance ul li.last {border-right: 0; padding-right: 0; width: 20%;}
.user_performance table {margin: 5px 0 0 0; padding: 0}
.user_performance table td {margin: 0; padding: 0; vertical-align: top}
.user_performance table td h1 {padding-top: 0;}
.user_performance .points_needed {
  margin-top: 7px;
  vertical-align: top;
}

.dashboardmarket {margin-left: 5px; width: 650px; border: 0px solid #000}
table.performancecontent {width: 210px; margin: 10px 0}
.current_answers h1, .discussion_market_notes 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: 10px 0 0 0}
li.market_recommendation {font-size: 1.2em}
.recommendationbgnd {-moz-border-radius:1ex; -webkit-border-radius:1ex; background: url(../images/recommendedbgnd.png) repeat-x bottom; border: 1px solid #e6e6e6; padding: 5px 10px 5px 10px; margin: 5px 0 20px 0;}
#market_recommendations h1 {margin-top: 0; padding-top: 0; font-size: 14px; color: #6d8e07; margin-bottom: 10px}
.discussionMarketTitle { padding-bottom: 5px; }
.discussionMarketNotesList { list-style: none; margin: 3px 0 10px 5px; color: #57595d; padding: 0 }
.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}

ol#positions {
  list-style-type: none;
  margin: 20px 0 0 0;
  padding: 0;
}
  ol#positions li.position_group {
    margin-bottom: 30px
  }

  ol#positions li.position {
    margin: 0;
    padding: 0;
  }

  #positions h2 {margin: 0 0 10px 0; padding: 0; font-size: 18px}
  #positions h3 {margin: 0; padding: 0; font-weight: normal; font-size: 16px}
  #positions h4 {margin: 0; padding: 4px 0 0 0; font-size: 11px; text-transform: none}

  ol.positions {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  ol.positions li.position#batch_order h3 {
    background: #333;
    padding: 5px;
    color: #fff;
  }

  .position .manage_links {
    display: block;
    text-align: center;
    visibility: hidden;
    margin-top: 2px;
  }

  .position .up_amount {
    display: block;
    padding: 0 0 0 20px;
    position: relative;
  }

    .position .profit {
      color: #789e2d !important;
  background: #eefbdb !important
    }

    .position .profit .up_amount {
      background: url(../images/up.gif) #eefbdb no-repeat center left;
    padding: 2px 2px 2px 25px;
    }

    .position .loss {
      color: #B00000 !important;
  background: #f6d1d1 !important
    }

    .position .loss .up_amount {
      background: url(../images/down.gif) #f6d1d1 no-repeat center left;
    padding: 2px 2px 2px 25px
    }

    .position .unchanged {
      color: #000 !important;
  background: #e6e9ee !important
    }

    .position .unchanged .up_amount {
    padding: 0
    }

  .position .action_icons {
    display: block;
    visibility: hidden;
    padding: 3px 0 0 0;
  }

    .position .action_icons .quick_trade {
      float: left;
    }

  .position a.liquidate_action {
    font-size: 11px;
    position: relative;
    text-decoration: none;
  }

  .position table {border-collapse: collapse}
  .position table.you, table.headertable {border-collapse: collapse}
  .position table.you td.said {
    width: 75px;
    text-align: right;
    padding-right: 5px;
    color: #A5A5A5;
  }
  .position table td.said {
    width: 75px;
    text-align: right;
    padding-right: 5px;
    color: #A5A5A5;
  }
  .headertable td {border-width: 1px 1px 1px 1px; padding: 2px 4px; border-style: solid; border-color: #bbb; background-color: #dedede; margin: 0; font-size: 10px; font-weight: bold; color: #555; text-transform: uppercase;}
  .position table.you td {border-width: 0px 1px 1px 1px; padding: 3px 4px; border-style: solid; border-color: #bbb; background-color: #f1f1f1; margin: 0; color: #333; font-size: 13px; vertical-align: top;}
  .position tr.you td {border-width: 0px 1px 1px 1px; padding: 3px 4px; border-style: solid; border-color: #bbb; background-color: #f1f1f1; margin: 0; color: #333; font-size: 13px; vertical-align: top;}
  .position table.you td.answered, .headertable td.answered {width: 220px}
  .position table.you td.batch-info, .headertable td.batch-info {width: 140px}
  .position table.you td.answered h3 {color: #333}
  .position table.you td.status, .headertable td.status {width: 130px}
  .position table.you td.prediction, .headertable td.prediction {width: 165px}
  .position table.you td.details, .headertable td.details {width: 90px; text-align: right;}
  .position table.you td.details_prob, .headertable td.details_prob {width: 165px;}
  .position table.you td.details.history {font-size: 12px}
  .position table.you td.liquidated_simple {width: 601px}
  .position table.you td.liquidated_simple_ideas {width: 502px}
  .position table.you td.liquidated_advanced {width: 700px}
  td.results-info-simple {width: 601px}
  td.results-info-advanced {width: 700px}
  li.accuracy-profit-simple {width: 830px}
  li.accuracy-profit-advanced {width: 929px}

  li.accuracy-profit-advanced, li.accuracy-profit-simple {
    border-width: 0px 1px 1px 1px;
    padding: 3px 4px;
    border-style: solid;
    border-color: #bbb;
    background-color: #f1f1f1;
    font-size: 13px;
    vertical-align: top;
    color: #333;
    background: #f1f1f1;
  }


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

  .position .trades, .position .liquidation {
    clear: both;
    margin: 0px 6px 10px 0px;
    padding: 20px;
    -webkit-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
    box-shadow: inset 3px 7px 9px -7px rgba(0,0,0,0.4);
    color: #333;
    background: #f1f1f1;
  }
  .position .carrot {position: relative; top: -21px; left: 20px}

  .position .trades table {
    border: 1px solid #dedede;
    border-collapse: collapse;
  width: 80%;
  margin: 0 0 10px 10px; padding: 10px
  }

    .position .trades table th,
    .position .trades table td {
      border: 1px 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 .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: 5px 0 0 4px;
    color: #838383;
    font-size: 11px;
    font-weight: normal;
  }

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





/* 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}
.announcements h3 {margin-top: 0}


/* DISCUSSION THREADS */

#comments h2.subheaders1 {margin-top: 0;}
.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 ul {
  list-style-type: none;
  margin: 0px 0px 20px 0;
  padding: 0;
}

.commentsoptions ul li {
  display: inline-block;
  padding-right: 5px;
  margin: 0;
  color: #727272;
}

.commentsoptions ul li a {
  border: 1px solid #ebebeb;
  text-align: left;
  padding: 1px 5px;
  background: #fff;
  font-size: 12px;
}

.discussioncontainer .timestamp { color: #b6bac2 }
.discussion_unsubscribed { background: #fef8c9; padding: 5px }
.comment_input { width: 98%; padding: 1%; margin: 0; height: 60px; }

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


/* SETTINGS */
.settingsbgnd {background:#f1f1f1; padding:10px; margin-top: 5px; margin-bottom: 15px; border: 1px solid #d1d1d1;}
.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; }
.question-section-drag { cursor: move; }
.question-section-drag img { float:right; }

.required_question,
.optional_question {
  font-size: 15px;
}

.required_question {
  font-weight: bold;
}

ul.avatar_list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
  ul.avatar_list li {
    margin: 0;
    padding: 0;
    width: 48px;
    float: left;
    margin: 0 20px 20px 0;
    padding: 4px 6px;
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
  }


/* 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; }
#boundary.js h2{ background: #fff; margin:0 0 10px 0; color:#fff; padding:5px 5px; }
#boundary.js h2{ height:auto; }

#main_tabs li { text-decoration:none; color: #1d8190; 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 */

#homeTabContent ul.topics li {
  font-size: 18px;
  font-weight: 400;
  color: #bbb;
  padding-bottom: 10px;
}

#homeTabContent ul.topics li span {
  font-size: 24px;
}

.nube1 {
  font-size: .8em;
  margin-right: 3px;
}

.nube2 {
  font-size: 1.0em;
  margin-right: 3px;
}

.nube3 {
  font-size: 1.2em;
  margin-right: 3px;
}

.nube4 {
  font-size: 1.6em;
  margin-right: 3px;
}

.nube5 {
  font-size: 1.8em;
  margin-right: 3px;
}

.nube6 {
  font-size: 2.0em;
  margin-right: 3px;
}

.featurebar {
  padding: 20px 10px 20px 10px;
  background: #494949;
  margin: 0 -15px 20px -15px;
}

.homepagehighlightbox {width: 320px; color: #bbb}

.marketindicator {text-align: center; float: right; margin-left: 10px}

#startinginstructions {
  *zoom:1;
}
#startinginstructions .nextstep {margin: 0 15px}
#startinginstructions .custombutton a:link,
#startinginstructions .custombutton a:visited {
  font-size: 14px;
  background: #ebebeb;
  color: #000;
  margin: 0 15px 0 0;
  text-align: center;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
}
#startinginstructions .subnavadmin h3 {color: #000; text-shadow: 1px 0px 0px #fff; margin-top: 10px; font-size: 20px;}
#startinginstructions h2 { font-size: 20px; margin-bottom: 5px; padding-bottom: 0; color: #000; }
#startinginstructions h3 { font-size: 16px; color: #666}
#startinginstructions h4 {padding: 0 0 10px 0}
#startinginstructions .answers {color: #fff}
.dismissible_message {margin-bottom: 20px}
.dismissible_link {display: block; padding: 0 10px 0 0; margin-top: 10px; font-weight: bold;}
#startinginstructions .signup {background: #50b1c0; padding: 10px; margin: 20px 0; moz-border-radius: 8px; border-radius: 8px}
#startinginstructions .signup h3 {color: #fff; font-size: 24px;}

.answers {color: #fff}
.crowd_background { background: url(../images/crowd.gif) bottom left repeat-x #fff; }


#activity_container {
  margin-top: -10px;
}

#activity {
  position: relative;
}
  #activity h3 {
    font-weight: 400;
    font-size: 14px;
    padding-top: 20px;
  }

  #activity ul {
    list-style-type: none;
    margin: 10px 0;
    color: #57595d;
    padding: 10px 5px;
    background: #e9f8fa;
  }
  #activity li { overflow: hidden; font-size: 14px; margin: 0; padding: 0;}
  #activity li table td {
    vertical-align: top;
    padding-right: 3px;
    font-size: 12px;
  }
  #activity .timestamp { display: block; padding-top: 3px; color: #bbb; }

  a#level_toggle {
    position: absolute;
    top: 10px;
    right: 0;
  }

#activity .event {display: inline; font-size: 16px}

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

  #activity_options table td {
    padding: 2px;
  }

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

#activity span.event-free-poll-badge {
  margin-left: 0;
}

.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: #494949; border: 0;}
.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}
#market-graph .ajax-loader {
  margin-left: 350px;
  margin-top: 200px;
  position: absolute;
}
  .slide_nav {
    cursor: pointer;
    color: #fff;
    text-align: center;
    margin-right: 8px;
    padding: 3px 7px;
    line-height: 16px;
  }

  .featured_markets_slide_nav {
    font-size: 11px;
    border: 1px solid #5c5c5c;
    color: #5c5c5c;
  }

  .featured_markets_selected_nav {
    border: 1px solid #5c5c5c;
    background-color: #ebebeb;
  color: #333;
  font-weight: bold
  }

  .performance {color: #6c6c6c; padding: 5px 0 5px 0; margin: 15px 0; display: block;}
  .featured_description {color: #bbb; line-height: 120%; display: block;}

  .performance .performance_detail {
    padding: 0 0 20px 85px;
    background-position: top left;
    background-repeat: no-repeat;
  }


  .performance .performance_today, .performance_detail h3 {margin-top: 0px; color: #fff; font-size: 20px;}

  .performance .up {
  color: #b9d537;
    background: url(../images/mediumup.png) left top no-repeat;
  }

  .performance .down {
  color: #ec2624;
    background: url(../images/mediumdown.png) left top no-repeat;
  }

  .performance .unchanged {
   color: #ebebeb;
    background: url(../images/mediumunchanged.png) left top no-repeat;
  }

  .performance h3 {color: #ebebeb}

.featured_markets h1 {font-size: 2.4em; background: none; padding-bottom: 30px;}
.featured_markets h2 {font-size: 1.8em; color: #ececec}
.featured_markets .highlighttext {background: none; color: #fff; font-size: 22px}
.featured_markets .highlightname {background: none; color: #fff; font-size: 16px}
#featured_markets .viewothers {margin: 5px 0 25px 0; color: #81abcd}

.featured_market .custombutton a:link {
  font-size: 18px;
}

.homepage_getstarted {padding: 20px; -moz-border-radius:1.5ex; -webkit-border-radius:1.5ex; background: #dd6d00; border: 0; color: #f1d8bf; margin: 10px 0 30px 0}
.homepage_getstarted a:link {cursor: pointer; text-decoration: none; color: #fff}
.homepage_getstarted a:hover {color: #f1d8bf}
.homepage_getstarted a:visited {cursor: pointer; text-decoration: none; color: #fff}
.homepage_getstarted a:visited:hover {color: #f1d8bf}

/* 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}
.publisher li {padding-top: 5px}
.publisher ul {margin-top: 0; padding-top: 0}

ul.sort_list {
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
}

ul.sort_list li {
  margin: 0 0 5px 0;
  padding: 5px;
  background-color: #e9e9e9;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  position: relative;
  line-height: 18px;
  zoom: 1;
}

div.stock_links {
  padding-right: 5px;
}

p.price_label {
  padding: 0 5px 0 0;
  margin: 0;
  text-align: right;
  text-transform: uppercase;
}

ul#stock_list li {
  padding-right: 215px;
}

ul#stock_list li .stock_name {
  padding-left: 10px;
}

ul#stock_list li .price {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 215px;
  text-align: right;
}

  ul#stock_list li .price input {
    padding: 1px;
    height: 13px;
    line-height: 12px;
  }

  ul#stock_list .drag {
    display: none;
    position: absolute;
    top: 1px;
    right: 0;
    cursor: row-resize;
  }

  ul#stock_list .price.with_drag {
    padding-right: 22px;
  }

/* MANAGE USERS */
#manage_users .table_cell_data {padding: 3px}
#manage_users .checkbox {padding-left: 0}
#manage_users .item_labels {color: #878787}
#manage_users table.searchtable td {border-width: 0px 0px 1px 0px;  padding-left: 0}
#manage_users table.searchtable th {font-weight: bold; color: #000}

/* 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}

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

/* STATS */
#stats h2.subheaders1 {margin: 0 0 5px 0}
#stats h5 {
  margin-bottom: 5px;
}
#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 ul li {padding-bottom: 5px}
#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}
#stats table.dottedtable .graycolumndata {color: #878787}
#stats .sorts {margin: 10px 0 20px 0}
#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}

#my_markets { font-size: 1.3em; }
#my_markets.active { background-color: #fef8c9; padding: 3px 0 3px 0}

/* APPLICATION STYLES */

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

.fillbottom { margin-bottom: 120px;}

.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}

input.bigtext {
  font-size: 20px;
  padding: 3px;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.tip { cursor: help; }
.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;
}

.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; }

.flagged {
  background-color: pink !important;
}

/* 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: "Source Sans Pro", "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: "Source Sans Pro", "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 #ddd;
background: #fafafa;
padding: 5px;
color: #333;
width: 240px;
font-size: 14px;
font-weight: normal;
font-family: "Source Sans Pro", "Helvetica", sans-serif;
}

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: #fffae1; }

.tmfooters {margin-top: 150px}

.disabled_button {
  color: #000000;
}

.needs_access_approved {
  background-color: #fff95d;
}



/* prototip */

.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}


/* Market listing and stock listing */

#viewToggleButtons ul {
  list-style-type: none;
  margin: 0px 0px 20px 0;
  padding: 0;
  float: right;
}

#viewToggleButtons ul li {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  margin: 0;
  color: #727272;
}

#viewToggleButtons ul li a {
  border: 1px solid #bbb;
  text-align: center;
  padding: 1px 3px;
  background: #fafafa;
}

.down-indicator{ background: #eb2924; color: #fff; padding: 5px; }
.up-indicator{ background: #96b316; color: #fff; padding: 5px; }
.neutral-indicator{ background: #aaa; color: #fff; padding: 5px; }

.market_container_status {
  border: 1px solid #ebebeb;
  margin: 0 0 30px 0;
  padding: 0 10px 0px 0;
}

.market_container_status .status {
  text-align: right;
  padding-top: 5px;
}

.market_container_status .status ul {
  padding: 0;
  margin: 0;
}

.market_container_status .status ul li {
  padding: 2px 4px;
  list-style-type: none;
  display: inline-block;
  background: #7f8c8d;
  margin-left: 5px;
  font-size: 10px;
  font-weight: 700;
}

.market_container_status .status ul li h3 {
  text-transform: uppercase;
  color: #fff;
}

.market_container_status .status ul li.starting {
  background: #2ecc71;
}

.market_container_status .status ul li.refunded {
  background: #2980b9;
}

.market_container_status .status ul li.closing {
  background: #f39c12;
}

.market_container_status .status ul li.completed {
  background: #34495e;
}

.market_container_status .status ul li.expired {
  background: #c0392b;
}

.market_container_status .status ul li.closed {
  background: #34495e;
}

.market_container_status .status ul li.suspended {
  background: #f1c40f;
}

.market_container_status .status ul li.private {
  background: #e74c3c;
}

.market_container_status .status ul li.batch {
  background: #3498db;
}

.market_container_status .status ul li.hidden {
  background: #e67e22;
}

.market_container_status .status ul li.opinion {
  background: #8e44ad;
}

.market_container_status .status ul li.pending {
  background: #cfb53b;
}

.market_container_status .status ul li.preliminary {
  background: #a52a2a;
}

.market_info_status {
  display: block;
}

.market_info_status .status {
  text-align: left;
  /*padding-top: 5px;*/
  /*padding-left: 0px;*/
}

.market_info_status .status ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.market_info_status .status li {
  margin-bottom: 3px;
}
.market_info_status .status ul li {
  padding: 2px 4px;
  list-style-type: none;
  display: inline-block;
  background: #7f8c8d;
  font-size: 10px;
  font-weight: 700;
}

.market_info_status .status ul li h3 {
  text-transform: uppercase;
  color: #fff;
}

.market_info_status .status ul li.starting {
  background: #2ecc71;
}

.market_info_status .status ul li.refunded {
  background: #2980b9;
}

.market_info_status .status ul li.closing {
  background: #f39c12;
}

.market_info_status .status ul li.completed {
  background: #34495e;
}

.market_info_status .status ul li.expired {
  background: #c0392b;
}

.market_info_status .status ul li.closed {
  background: #34495e;
}

.market_info_status .status ul li.suspended {
  background: #f1c40f;
}

.market_info_status .status ul li.private {
  background: #e74c3c;
}

.market_info_status .status ul li.batch {
  background: #3498db;
}

.market_info_status .status ul li.hidden {
  background: #e67e22;
}

.market_info_status .status ul li.opinion {
  background: #8e44ad;
}

.market_container .market-details span.leadingstock h3, .market_container .market-details span.leadingstock h4  {
  margin-left: 10px;
}

.market-details .custombutton {
  margin-top: 20px;
}

.market-details .with-chart {
  padding: 20px 0 0 10px
}

.market-details .without-chart {
  padding: 0px 0 0 10px
}

.market_container h2 {
  font-size: 22px;
  line-height: 28px;
  padding: 10px 0 10px 10px
}

.market_container ul.metadata {
  margin: 20px 0 0 10px;
  padding: 0;
  display: inline-block;
}

.market_container ul.metadata li {
  list-style-type: none;
  padding: 3px 5px;
  display: inline-block;
  *display: inline;
  margin: 0;
  color: #ababab;
  border-right: 1px solid #d8d8d8;
  font-size: 12px;
}

.market_container ul.metadata li.last {
  border-right: 0;
}

.market_container ul.metadata li.first {
  padding-left: 0;
}

.market_container.collapsed .market-details{ display:none; }
.stock_container.collapsed{ display: none; }

.stock_container {
  background: #f1f1f1;
  border-top: 1px solid #bbb;
  margin: -30px 10px 30px 10px;
  padding: 10px;
  -webkit-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
  box-shadow: inset 3px 7px 9px -7px rgba(0,0,0,0.4);
}

.stock_container h2 {
  font-size: 16px;
}

.stock_container .stocklisting {
  padding: 3px 0;
}

.stock_container .stocklisting {
  border-bottom: 1px dotted #bbb;
}

.stock_container .stocklisting h3 {
  font-size: 16px;
}

.charcounter {color: #84A02D; clear: both; }
.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: 14px;
    color: #333;
    margin-bottom: 20px;
  }

  .sidebar #categories h3.subheaders1 {
    margin-top: 0;
    padding-top: 0;
  }

  #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: inline !important;
    font-size: 11px;
    margin-left: 8px;
  }

/* 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: 400px;
  overflow: auto;
}

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

.max_height_800 {
  position: relative;
  zoom: 1;
  max-height: 800px;
  overflow: auto;
}

* html .max_height_800 {
  height: expression( this.scrollHeight > 799 ? "800px" : "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: 90%; 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;
}


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

#teamsettings h2 {color: #8a0917}
#teamsettings #team_memberships {height: 350px; overflow: auto}
#teamsettings #team_markets {height: 200px; overflow: auto}

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

#team_memberships input,
#team_markets input {
  vertical-align: middle;
}


.switcher {background: #333; padding: 5px; display: block; top: 0; left: 0; z-index: 9999}
.switcher h1 {color: #fff; font-size: 16px;}
.switcher .fullwidth {background: none; margin-top: 0px; margin-bottom: 0px; padding: 0;}
.switcher .jbar ul {margin-right: 0}



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

ul.jbar {
  font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
}

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

ul.jbar li.chat_menu a {
  background-color: #B9D537 !important;
  background: #B9D537;
  filter: -;
  color: #fafafa !important;
  text-shadow: none !important;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-right: 0;
}

ul.jbar li.invite_friend a {
  background-color: #50b1c0 !important;
  color: #fafafa !important;
  border-right: 0;
}

ul.jbar li.switcher_menu a {
  background-color: #F1A91F !important;
  background: #F1A91F;
  filter: -;
  color: #fafafa !important;
  text-shadow: none !important;
  margin-left: 10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;

}

ul.jbar li.switcher_menu ul li a {  background-color: #3D3D3D !important; margin-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
ul.jbar li.switcher_menu ul li a:hover {  background-color: #fff !important;
  color: #333 !important;
  text-shadow: none;
}

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 {
  background: #333;
  border-right: 1px solid #777;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

ul.jbar li a.first, ul.jbar li a.last {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

ul.jbar li ul {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none
}

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
}

/* sorted tables */
table.tablesorter thead tr .header {
  padding-left: 13px !important;
  background-image: url(../images/sort_bg.gif?1);
  background-repeat: no-repeat;
  background-position: 3px center;
  cursor: pointer;
}

table.tablesorter .nosort {
  background-image: none !important;
  padding: inherit !important;
  cursor: inherit !important;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url(../images/sort_asc.gif?1);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(../images/sort_desc.gif?1);
}


/* probability market styles */
.prob-stock-selector{
  margin: 15px 0;
}
.prob-stock-slider-container{
  margin:0 10px;
}
.prob-stock-slider{
  margin-top: 6px;
}

.prob-stock-slider-advanced{
  width: 80%;
  margin: 5px 10px 10px 0;
  float: left;
}

.prob-stock-manual-input-container{
  margin-right:0;
}
.prob-stock-manual-input{
  width: 30px; display: inline;
  font-size: 18px;
}
.prob-sum{ font-size: 24px; text-align: right; border-top: 3px double #bbb; padding-top: 5px; margin-top: 5px}
.red-text{ color: #ae0000; }
.green-text{ color: #4e7f00; }

.hide{ display: none; }

#likertForm h2 {
  margin-bottom: 5px;
  color: #ec2624;
}

.likert-options {
  margin-top: 10px;
}

.likert-reason {
  margin: 15px 0;
}

.likert-reason textarea{
  width: 365px;
  height: 32px;
}

.probCorrectAnswerOption{
  cursor: pointer;
  background: none;
  border: none;
  font-size: 1.3em;
  color: #125B95;
}

#probabilityGraphs{
  margin-left: 10px;
  border-left: 1px solid #EBEBEB;
}

#probabilityInputs h2 {
  color: #787878
}

#probMarketInfo h2 {
  margin: 10px 0;
  color: #333;
}

#probMarketInfo h2.suspended {
  color: #eb2924;
  font-weight: bold;
}

#probMarketInfo .databorder {
  border: 1px solid #ebebeb;
  padding: 3px;
  margin: 0 0 15px 0;
  text-align: left;
  width: 100%
}

#smoothLink, #allEqualLink{ cursor: pointer; }

/* point estimate market styles */
#pointEstimateMarket #trade_quantity{ width: 40px; margin-right: 3px; }
#pointEstimateSubmitContainer .button { margin: 0 }
#pointEstimateGraph{ margin-left: 10px; margin-top:20px; padding-left:5px; min-height: 200px; }

.confidence-interval{ margin: 10px 0;}
.confidence-interval-rationale{
  margin: 15px 0;
}
.confidence-interval-rationale textarea{
  width: 365px;
  height: 32px;
}

/* continuous elicitation market styles */
#percentCalc {
  text-align: center;
}

#market_upload h3, #market_upload h2 {
  margin-top: 20px;
}

/* free poll badge on event */

.event-free-poll-badge {
  padding: 2px 4px;
  list-style-type: none;
  display: inline-block;
  background: #8e44ad;
  margin-left: 5px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}

.multiple-elicitation-percentage {
  float: right;
}

.sum-to-hundred {
  float: right;
  font-size: 20px;
  background-color: #50b1c0;
  padding: 2px 5px;
}

.clearboth {
  clear: both;
}

input.display-probability-estimates {
  font-size: 10px;
  width: 175px;
}

input.use-previous-estimates {
  font-size: 10px;
  width: 175px;
}

.probability-estimate-sum-area {
  float: right;
  margin-top: 10px;
  padding-top: 5px;
  margin-right: 32px;
  font-size: 20px;
  border-top: 2px solid black;
  min-width: 50px;
}

.probability-estimate-area .subheaders1 {
  margin-top: 20px;
}

.probability-estimate-area .ask-area {
  margin-top: 15px;
}

.lock-area {
  float: left;
}

.classification {
  color: #eb2924;
  font-size: 14px;
  text-transform: uppercase;
}

#normal_login .login-field {
  width: 300px;
}

#normal_login .check-box {
  margin: 0 0 4px 0;
}

#normal_login span.remember-me {
  font-size: 1.17em;
}

.no-left-padding {
  padding-left: 0;
}

.date_click_message {
  display: none;
  padding-top: 35px;
}

#start_date, #end_date {
  display: none;
}

.advanced-controls {
  display: none;
}

.show-options {
  font-size: 80%;
}

#reports .report {
  margin-top: 20px;
}

.latest-comment {
  padding-left: 10px;
}

#news-container, #activity_container {
  word-break: break-word;
}

#overwrite_minimum_shares {
  margin-left: 35px;
}

#banner-post .title {
  font-size: 22px;
}

#banner-post .bodytext {
  padding: 5px 20px;
}

#banner-post .largetext {
  padding: 0px 20px;
}

#banner-post .readmore {
  font-size: 14px;
}

#banner-post .edit-button {
  font-size: 14px;
}

#banner-post .close-banner-post {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  top: -4px;
  right: -12px;
  line-height: 20px;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.6;
}

#banner-post .close-banner-post:hover {
  opacity: 0.8;
}

.banner-settings-area td + td {
  padding-left: 40px;
}

.save-default-shares {
  margin-left: 20px;
}

.verbose-reason {
  width: 100%;
  height: 75px;
  cursor: text;
  font-size: 100%;
  margin-top: 3px;
}

.non-verbose-reason {
  width: 100%;
  cursor: text;
  font-size: 120%;
  margin-top: 3px;
}

.trade_probability_estimate_advanced {
  width: 40px;
  cursor: text;
  font-size: 120%;
}

.red-banner-background {
  background-color: #F6DCDD;
  color: #C35243;
}

.blue-banner-background {
  background-color: #D5EEF8;
  color: #2488AF;
}

.green-banner-background {
  background-color: #DAF3D8;
  color: #25832C;
}

.yellow-banner-background {
  background-color: #FCF8E3;
  color: #c09853;
}

.background-selector {
  float: left;
  padding: 5px;
  margin: 5px 15px 0 0 ;
  font-size: 14px;
  width: 60px;
}

.admin-label {
  color: blue;
  font-size: 12px;
}

#banner-post .bodytext {
  max-height: 200px;
  overflow: hidden;
}

.click-for-more {
  margin-left: 20px;
}

.toggle-all {
  clear: both;
  display: block;
  height: 20px;
}

.tag-cloud {
  margin: 10px 0px;
}

#stats_nav li.indented-sub-bullet {
  font-size: 80%;
  margin: 0;
  list-style-type: none;
  padding-left: 15px;

}


.search .search-filter {
  display: none;
}

.search .search-filter.show {
  display: block;
}

.search-results > h2 {
  text-align: center;
}

.search-results ul {
  list-style: none;
  padding-left: 0;
}

.search-results ul.results-list {
  padding-left: 20px;
  padding-right: 30px;
  width: 60%;
}

.search-results ul.results-list h3 {
  font-weight: bold;
}

.search-results ul.results-list li {
  margin-bottom: 10px;
}

.search-results div.market_container_status li {
  margin-bottom: -8px;
}

.search-results .down-indicator
{
  padding: 2px;
}

.search-results .up-indicator
{
  padding: 2px;
}

.search-results div.market_container_status {
  margin: 0 0 20px 0;
}

.search-results div.market_container ul.metadata {
  margin: 0 0 0 7px;
}

.search-results .market_container h2 {
  font-size: 19px;
}

.market-results,
.comment-results,
.trade-reasons-results,
.discussion-results,
.category-results {
  margin-bottom: 20px;
}

.market-results ul.results-list li.market ul {
  font-size: 0;
}

.market-results ul.results-list li.market ul li,
.discussion-results ul.results-list li.discussion ul li,
.category-results ul.results-list li.category ul li,
.tag-results ul.results-list li.tag ul li {
  display: inline-block;
  padding: 3px 5px;
  color: #ababab;
  font-size: 12px;
  border-right: 1px solid #d8d8d8;
}

.market-results ul.results-list li.market ul li:first-child,
.category-results ul.results-list li.category ul li:first-child,
.discussion-results ul.results-list li.discussion ul li:first-child,
.tag-results ul.results-list li.tag ul li:first-child {
  padding-left: 0;
}

.market-results ul.results-list li.market ul li:last-child,
.category-results ul.results-list li.category ul li:last-child,
.discussion-results ul.results-list li.discussion ul li:last-child,
.tag-results ul.results-list li.tag ul li:first-child {
  border-right: none;
}
