/* Global Styles
------------------------------ */

body {
	margin: 0;
	padding: 0;
	color: #23272E;
	background: #F6F6F6 url(../images/bg-page.png);
}



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

.hidden {
	display: none !important;
}

textarea#contact-message {
  width: 300px;
  height: auto;
}

img.spinner {
	float: none!important;
	margin: 0 0 0 5px;
	padding: 0;
}



/* Layout
------------------------------ */

/* Header */

.header {
	padding: 14px 0 0;
	font: 1em/100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	background: #D1E0E4 url(../images/bg-header.png) 0 100%;
}
	.header h1.logo {
		position: relative;
		margin: 0 1em 23px;
		padding: 0;
		font-size: 100%;
		text-indent: -10000px;
		width: 196px;
		height: 77px;
	}
		.header h1.logo a,
		.header h1.logo span {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 196px;
			height: 77px;
			background: url(../images/logo-b.png) 0 0 no-repeat;
		}
		.header h1.logo a:hover {
			background: url(../images/logo-b-home.png) 0 0 no-repeat;
		}
	
	.header a:link,
	.header a:visited {
		color: #667;
		text-decoration: none;
	}
	.header a:hover {
		color: #001;
	}
	
	/* Navigation */
	
	ul.navigation {
		margin: 50px 0 0;
		padding: 0;
		overflow: hidden;
	}
		.navigation li {
			display: inline;
			list-style: none;
		}
			.navigation li a:link,
			.navigation li a:visited,
			.navigation li strong {
				float: left;
				padding: 4px 12px 5px;
				font-weight: bold;
				width: 70px;
				border-left: 1px solid #E1E5E8;
				background: url(../images/bg-radius-sml.gif) -20px 0 no-repeat;
			}
			.navigation li.first a:link,
			.navigation li.first a:visited,
			.navigation li.first span {
				border: 0;
				padding-left: 13px;
				background-position: 0 0;
			}
			.navigation li.last a:link,
			.navigation li.last a:visited,
			.navigation li.last span {
				background-position: 100% 0;
			}
			
			/* Hover */
			
			.navigation li a:hover 				{ background-position: -20px -41px; }
			.navigation li.first a:hover 	{ background-position: 0 -41px; }
			.navigation li.last a:hover 	{ background-position: 100% -41px; }
			
			/* Active */
			
			.navigation li a.active:link,
			.navigation li a.active:visited,
			.navigation li a.active:hover,
			.navigation li strong {
				color: #FFF;
				background-position: -20px -82px;
			}
			.navigation li.first a.active:link,
			.navigation li.first a.active:visited,
			.navigation li.first a.active:hover,
			.navigation li.first strong {
				background-position: 0 -82px;
			}
			.navigation li.last a.active:link,
			.navigation li.last a.active:visited,
			.navigation li.last a.active:hover,
			.navigation li.last strong {
				background-position: 100% -82px;
			}
		
		/* Login & Singup */
		
		.header .navigation li .action-login,
		.header .navigation li .action-signup {
			font-size: .95em;
			width: 50px;
		}
		.header .navigation li .action-login i.icon {
			float: left;
			width: 16px;
			height: 12px;
			background: url(../images/i-user.gif) 0 2px no-repeat;
		}
		
/* Page Title */

.page-title {
	color: #FFF;
	background: #4E93B5 url(../images/bg-page-title.png) 0 0 repeat-x;
	border: 1px solid #FFF;
	border-width: 1px 0 1px 0;
}
	.page-title .container {
	}

	.page-title h1 {
		margin: 1em 0;
		color: #FFF;
		font-weight: bold;
		font-size: 2em;
	}

/* Content */

.page {
	margin: 1.5em 0;
}

.round-lt,
.round-lb {
	display: block;
	margin-right: 5px;
	height: 5px;
	background-image: url(../images/bg-block.gif);
	background-repeat: no-repeat;
}
.round-rt,
.round-rb {
	display: block;
	float: right;
	width: 5px;
	height: 5px;
	background-image: url(../images/bg-block.gif);
	background-repeat: no-repeat;
}
.round-lt { background-position: 0 0; }
.round-rt { background-position: 100% 0; }
.round-lb { background-position: 0 100%; }
.round-rb { background-position: 100% 100%; }

/* Transparent block custom */

.block-transparent .round-lt,
.block-transparent .round-lb,
.block-transparent .round-rt,
.block-transparent .round-rb {
	background-image: url(../images/bg-block-transparent.png);
}
	.block-transparent .block {
		background: url(../images/bg-block-transparent-tile.png) 0 0 repeat;
		overflow: hidden;
	}
	.block .block-title {
		padding: 0 1em .25em;
		background-color: #FFF;
		border-bottom: 1px solid #EEE;
	}
		.block-title h2 {
			margin: 0;
			padding: 0;
			font-size: 1.5em;
			font-weight: bold;
			color: #888;
		}
	.block .block-content {
		padding: 1.45em 1em 0;
		background-color: #FFF;
		overflow: hidden;
	}
	.block-transparent .block-content {
		background-color: transparent;
	}

.content {
	padding: 0 1em;
}
	.title-comment {
		margin: 0;
		font-size: .95em;
		color: #666;
	}

#maincol h1 {
	margin: .5em 0 1em 10px;
	font-size: 2em;
	color: #23272E;
	font-weight: bold;
}

#sidebar {
	margin: 1em 0;
}
	#sidebar h2 {
		font-size: 1.5em;
		line-height: 1;
		margin-bottom: 1em;
	}
	
/* Special page  */

.special .header h1.logo {
	margin: 0 auto 23px;
}
.special .page-title {
	text-align: center;
}
.special .footer {
	width: 630px;
	margin: 0 auto;
}
.special h3 {
	margin: 1.5em 0 .5em;
	font-size: 1.25em;
	font-weight: bold;
}



/* Showcase
------------------------------ */

.showcase {
	color: #FFF;
	background: #4E93B5 url(../images/bg-page-title.png) 0 0 repeat-x;
	border: 1px solid #FFF;
	border-width: 1px 0 1px 0;
}
	.showcase .container {
		height: 220px;
	}
		.showcase .container .slides {
			position: relative;
		}
			.showcase .container .slides .slide {
				position: absolute;
				top: 0;
				left: 0;
				width: 950px;
				height: 220px;
			}
			.showcase .container .slides .slide.invisible {
				visibility: hidden;
			}
			.showcase .introduction-block {
				padding-top: 2em;
			}
				.showcase .introduction-block h1 {
					color: #FFF;
					font-weight: bold;
					font-size: 1.6em;
					line-height: 1.4;
				}
				.showcase .introduction-block p {
					color: #D0EAF6;
					font-size: 1.1em;
				}
					.showcase .introduction-block p strong {
						color: #FFF;
					}
				.showcase .introduction-block a {
					color: #FFF;
				}
			.showcase a.btn-tour {
				position: absolute;
				left: 0; bottom: 0;
				width: 135px;
				height: 27px;
				padding: 4px 0 0;
				background: url(../images/bg-btn-tour.png) 0 0 no-repeat;
				color: #FFF;
				font-weight: bold;
				font-size: 1.25em;
				text-align: center;
				text-decoration: none;
				text-shadow: 0 1px 0 #1F4853;
				display: block;
				z-index: 1000;
				cursor: pointer;
			}
			.showcase a.btn-tour.start-tour {
				left: 0;
			}
			.showcase a.btn-tour:hover {
				background-position: 0 -31px;
			}
		
		.slide .ill-layer {
			display: block;
			position: absolute;
			width: 950px;
			height: 240px;
			z-index: 500;
		}
		
		/* Slide 1 */
		
		#slide-1 {
			background: url(../images/bg-slide-1.jpg) no-repeat;
		}
			#slide-1 .introduction-block .ill-layer {
				top: -12px; right: 258px;
				width: 270px;
				height: 245px;
				background: url(../images/ill-slide-1.png) no-repeat;
			}
				
		/* Slide 2 */
		
		#slide-2 {
			background: url(../images/bg-slide-2.jpg) no-repeat;
		}
			#slide-2 .introduction-block .ill-layer {
				bottom: -5px; right: 150px;
				width: 412px;
				height: 238px;
				background: url(../images/ill-slide-2.png) no-repeat;
			}
		
		/* Slide 3 */
		
		#slide-3 {
			background: url(../images/bg-slide-3.jpg) no-repeat;
		}
			#slide-3 .introduction-block .ill-layer {
				bottom: -5px; right: 150px;
				width: 423px;
				height: 239px;
				background: url(../images/ill-slide-3.png) no-repeat;
			}
		
		/* Slide 4 */
		
		#slide-4 {
			background: url(../images/bg-slide-4.jpg) no-repeat;
		}
			#slide-4 .introduction-block .ill-layer {
				top: -10px; right: 20px;
				width: 542px;
				height: 223px;
				background: url(../images/ill-slide-4.png) no-repeat;
			}
		
		/* Slide 5 */
		
		#slide-5 {
			background: url(../images/bg-slide-5.jpg) no-repeat;
		}
			#slide-5 .introduction-block .ill-layer {
				bottom: -5px; right: 120px;
				display: block;
				width: 423px;
				height: 239px;
				background: url(../images/ill-slide-5.png) no-repeat;
			}
	
	.showcase .signup-block {
		padding-top: 65px;
	}
		.signup-block a.but-signup {
			display: block;
			padding: 10px;
			width: 186px;
			height: 42px;
			text-align: center;
			font-size: 2em;
			font-weight: bold;
			text-indent: -10000px;
			background: url(../images/button-signup-home.png) 0 0 no-repeat;
		}
		.signup-block a.but-signup:hover {
			background-position: 0 -62px;
		}
		.showcase .signup-block p {
			margin-left: 15px;
			color: #D0EAF6;
			font: italic 1em/1.5em Georgia, "Times New Roman", Times, serif;
		}
	
	/* Slides Navigation */
	
	.slides-navigation {
		margin-bottom: 30px;
	}
		.slides-navigation .container {
			height: 30px;
			background: url(../images/bg-slideshow-nav.gif) 0 100% no-repeat;
		}	
	.slides-navigation ul {
		margin: 0;
		padding: 0;
		overflow: hidden;
		//zoom: 1;
	}
		.slides-navigation ul li {
			float: left;
			padding: 5px 10px 0;
			width: 170px;
			list-style-type: none;
		}
			.slides-navigation ul li a:link,
			.slides-navigation ul li a:visited,
			.slides-navigation ul li strong {
				padding-left: 5px;
				border-left: 1px solid #EEE;
				color: #888899;
				text-decoration: none;
				display: block;
			}
			.slides-navigation ul li a:hover {
				background-color: #EEE;
			}
			.slides-navigation ul li strong {
				border-color: #B7CDDF;
				color: #333344;
			}
			.slides-navigation ul li.first a,
			.slides-navigation ul li.first strong {
				padding: 0;
				border: 0;
			}
			


/* Content
------------------------------ */

.block-help {
	padding-top: 14px;
	margin-top: -28px;
	margin-bottom: 7px;
	background: url(../images/bg-help-callout.gif) 12em 0 no-repeat;
	
}
.block-help .round-lt,
.block-help .round-lb,
.block-help .round-rt,
.block-help .round-rb {
	height: 7px;
	background-image: url(../images/bg-help.gif);
}
.block-help .round-rt,
.block-help .round-rb {
	width: 7px;
}
	.block-help .block-outer {
		padding: 0 3px;
		background: #FEEFAE;
	}
		.block-help .block-content {
			padding: .5em 8px 0;
			background-color: #FFF;
			border: 1px solid #EDCAA6;
			border-width: 0 1px 0 1px;
			font: italic 1em/1.5em Georgia, "Times New Roman", Times, serif;
			color: #666;
			overflow: hidden;
		}
			.block-help .block-content p {
				margin: 0 0 .5em;
			}

/* Incremental / decremental values */	

.value-incr {
	color: #41A200!important;
}
.value-decr {
	color: #C50000!important;
}
	
/* User pics with frame */

.user-frame {
	display: block;
	padding: 5px;
	width: 54px;
	height: 54px;
	background: url(../images/frame-user.gif) 0 0 no-repeat;
}
a.user-frame:hover {
	background-position: 0 -64px;
}
	.user-frame img {
		display: block;
		width: 54px;
		height: 54px;
	}
	
/* User name with icon */

a.user {
	padding-left: 15px;
	font: bold 1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #334;
	background: url(../images/i-user.gif) 0 3px no-repeat;
}

/* Blog title */

a.blog {
	font: bold 1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #334;
}

.journal-author {
	margin: 0 25px 7px;
}
	.journal-author .user-thumb-sml {
		position: absolute;
		left: -30px;
		top: 10px;
		padding: 2px;
	}
		.journal-author .user-thumb-sml img {
			margin: 0;
			width: 48px;
			height: 48px;
		}
	.journal-author a {
		font-weight: bold;
	}
	
.journal-entry {
	clear: both;
	float: none;
	position: relative;
	padding: 1em 10px .5em;
	background-color: #FFF;
}

	/* Trades and dates with frames */

	.journal-entry dl {
		position: absolute;
		top: 18px;
		left: -30px;
		display: block;
		margin: 0;
		padding: 0 0 2px;
		width: 54px;
		line-height: 1;
		background: #B7CDDF url(/../images/frame-trade.gif) 0 0 no-repeat;
		
		-webkit-border-radius: 4px; 
	}
		.journal-entry dl dt {
			margin: 0;
			padding: 3px 0;
			font-size: .9em;
			font-weight: bold;
			text-transform: uppercase;
			text-align: center;
			letter-spacing: 2px;
			color: #334;
			text-shadow: #EEF 0 1px 0;
		}
		.journal-entry dl dd {
			margin: 0 2px;
			padding: 2px 5px;
			font-weight: bold;
			text-transform: uppercase;
			background-color: #FFF;
			
			-webkit-border-radius: 3px; 
		}
			.journal-entry dl.entry-date dd {
				padding: 5px 5px;
				text-align: center;
				font-size: 2.5em;
			}
			.journal-entry dl.trade-frame dd {
				background: #FFF url(../images/trade-arrows.gif) 3px 8px no-repeat;
			}
			
			.journal-entry dl dd span {
				display: block;
				padding: 3px 0;
			}
			.journal-entry dl dd .trade-source {
				text-align: left;
			}
			.journal-entry dl dd .trade-dest {
				text-align: right;
			}
			.journal-entry dl dd i {
				display: none;
			}
			
	/* Floated pips counters */
	
	.journal-count {
		position: absolute;
		top: 8px;
		right: -30px;
		display: block;
		padding: 10px 5px 6px 14px;
		font-size: .80em;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		width: 60px;
		height: 39px;
		background: url(../images/frame-pips.gif) 0 0 no-repeat;
	}
		.journal-count strong {
			display: block;
			font-size: 2em;
		}
		.pips-incr {
			color: #41A200;
			background-position: 0 0;
		}
		.pips-decr {
			color: #C53000;
			background-position: 0 -55px;
		}
		.comments-count {
			color: #BCC3CC;
			background-position: 0 -110px;
			height: 52px;
		}
			.comments-count a {
				color: #6C637C;
			}

	/* Trade details in journal list */
	
	.journal-entry .trade-descr {
		float: left;
		padding-left: 4px;
		font-size: .95em;
		color: #889;
		width: 150px;
		border-left: 1px solid #EEE;
	}
		.journal-entry .trade-descr p {
			margin-bottom: .5em;
		}
			.journal-entry .trade-descr i,
			.comment-update dl p i {
				display: block;
				float: left;
				margin: 4px 4px 0 0;
				width: 12px;
				height: 12px;
				background-image: url(../images/icons-journal.gif);
				background-repeat: no-repeat;
			}
				.journal-entryamount i { background-position: 0 -2px; }
				.journal-entryprice i { background-position: 0 -23px; }
				.journal-stoploss i { background-position: 0 -46px; }
				.journal-profit i { background-position: 0 -68px; }
				.journal-comments i { background-position: 0 -90px; }
				
			.journal-entry .trade-descr p strong {
				color: #334;
				font-weight: bold;
			}
			
	/* Trade type badge */
	
	.journal-entry .trade-descr p.journal-tradetype strong {
		padding: 2px .25em;
	}
		.journal-entry .trade-descr p.type-opentrade strong { background-color: #006400; color: #FFF; }
		.journal-entry .trade-descr p.type-openorder strong { background-color: #FF6; color: #C60; }
		.journal-entry .trade-descr p.type-completeorder strong { background-color: #E1FFA7; color: #090; }
		
/*	Featured traders block */

.people-overview {}
	.people-overview .entry-content,
	.blog-overview .entry-content {
		margin: 0 35px 0 65px;
		min-height: 25px;
	}
	.blog-overview .entry-content {
		margin: 0 0 7px 65px;
	}
	.people-overview .journal-author,
	.blog-overview .journal-author {
		margin: 0 65px 7px;
	}
	.blog-overview .journal-author {
		margin: 0 0 7px 65px;
	}
		.people-overview .journal-author .user-thumb-sml, 
		.people-overview .trade-frame,
		.blog-overview .journal-author .user-thumb-sml, 
		.blog-overview .trade-frame {
			left: 10px;
			top: 10px;
		}
	.people-overview .entry-content p,
	.blog-overview .entry-content p {
		margin-bottom: .5em;
	}
			
/* User Thumbnails */

.user-list {
	margin-bottom: 1.5em;
}
.user-thumb-sml,
.group-thumb-sml {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #ADB1BC;
}
a.user-thumb-sml:hover,
a:hover .group-thumb-sml {
	border-color: #36C;
}
	.user-thumb-sml img,
	.group-thumb-sml img {
		display: block;
		width: 24px;
		height: 24px;
	}



/* Footer
------------------------------ */
	
.footer {
	clear: both;
	padding: 1em 0;
	font: .95em/150% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #889;
	border-top: 1px solid #BEC3C8;
}
	.footer a:link,
	.footer a:visited {
		color: #667;
		text-decoration: none;
	}
	.footer a:hover {
		color: #001;
	}
		.footer .copy p {
			padding: 0 1em;
		}

	/* Navigation */
	
	.footer ul.navigation {
		margin: 0;
		padding: 0;
		line-height: 1;
		overflow: hidden;
		//zoom: 1;
	}
		.footer .navigation li {
			display: inline;
			list-style: none;
		}
			.footer .navigation li a:link,
			.footer .navigation li a:visited,
			.footer .navigation li span {
				float: left;
				width: auto;
				padding: 2px 7px;
				white-space: nowrap;
				border-left: 1px solid #BEC3C8;
				background: none;
				font-weight: normal;
			}
			.footer .navigation li.first a:link,
			.footer .navigation li.first a:visited,
			.footer .navigation li.first span {
				border: 0;
			}

	/* Twitter */
	
	.footer a.twitter {
		float: right;
		margin-right: 1em;
		padding-left: 20px;
		font-weight: bold;
		background: url(../images/i-twitter.gif) 5px center no-repeat;
	}
	.footer a.twitter:hover {
		color: #001;
	}

		
		
/* Forms
------------------------------ */
	
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
	fieldset legend {
		margin: 0;
		padding: 0 0 1em;
		color: #C60;
	}
	fieldset p {
		margin-bottom: 1em;
	}

.form-row {
	padding: .125em 0;
	margin-bottom: .9em;
}
	.form-row input {
		width: 100%;
	}

a.action {
	color: #C50000;
	font-weight: bold;
}

.help-tips,
em.hint {
	font: italic 1em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #888;
}

	.form-row .help-tips {
		margin: 0;
	}
	
	#sidebar .help-tips,
	#sidebar .help-tips a:link,
	#sidebar .help-tips a:visited {
		color: #666;
	}
	.help-tips a:link,
	.help-tips a:visited {
		color: #888;
	}
	.help-tips a:hover,
	.help-tips a:active {
		color: #000 !important;
	}

.openid {
	padding-left: 18px;
	background: url(../images/i-openid.gif) no-repeat 0 0;
}

.error-inline {
}
	.error-inline .error {
		position: absolute;
		margin-top: -10px;
		margin-left: 10px;
		width: 150px;
	}
	.error-inline.span-5 .error {
		width: 170px;
	}
	.error-inline p {
		padding: 0;
		margin: 0;
	}
	.error-inline span.arrow {
		display: block;
		width: 10px;
		height: 17px;
		background: url(../images/border-error-inline.gif) no-repeat 0 0;
		position: absolute;
		left: -10px;
	}

/* Rails specific styles */

.fieldWithErrors {
  display:inline;
  margin:0;
  padding:0;
}

div.notice, div.alert {
  width: 90%;
  margin: 10px auto;
  padding: .8em;
  text-align: center;
  font: italic 1.3em/1.5 Georgia, "Times New Roman", Times, serif;  
  color: #336633;
  border: 3px solid #336633;
  background: #F3FBEB;

  -webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	div.notice p,
	div.alert p {
		margin: 0;
		padding: 0;
	}

div.alert {
  color: #8D0000;
  border-color: #8D0000;
  background: #FBEBEB;
}

.validation_error { 
	display:block;
  padding: 2px 0 2px 20px;
  font: italic 0.9em/1.5 Georgia, "Times New Roman", Times, serif;
  background: url(../images/i-error.gif) left center no-repeat;
}

#warning {
  border-bottom: 1px solid #F28D00;
	background-color: #FFEC65;	
}
	#warning p {
		margin: 0;
		padding: 1em;
		color: #C54F08;
		font-size: 1.3em;
	  font-weight: bold;
		text-align: center;
	}

.more-link {
  padding: 7px 10px 4px;
  font-weight: bold;
  border-top: 1px solid #DDD;
  background-color: #FFF;
}
.more-link a:link,
.more-link a:visited {
  color: #999;
}
.more-link a:hover {
  color: #333;
}