/* Begin Fonts */
@font-face{font-family:'AdelleLight';src:url('/themes/ff-2011/assets/fonts/adelle_light-webfont.eot');src:url('/themes/ff-2011/assets/fonts/adelle_light-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/ff-2011/assets/fonts/adelle_light-webfont.woff') format('woff'),
url('/themes/ff-2011/assets/fonts/adelle_light-webfont.ttf') format('truetype'),
url('/themes/ff-2011/assets/fonts/adelle_light-webfont.svg#AdelleLight') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'AdelleLight';src:url('/themes/ff-2011/assets/fonts/adelle_lightitalic-webfont.eot');src:url('/themes/ff-2011/assets/fonts/adelle_lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/themes/ff-2011/assets/fonts/adelle_lightitalic-webfont.woff') format('woff'),
url('/themes/ff-2011/assets/fonts/adelle_lightitalic-webfont.ttf') format('truetype'),
url('/themes/ff-2011/assets/fonts/adelle_lightitalic-webfont.svg#AdelleLightItalic') format('svg');font-weight:normal;font-style:italic}

img[id^="typekit"] {
  display: none !important;
}

body{
	background:url(../img/bg_optimized.jpg) fixed no-repeat 50% 0%;
	background-color:#231f20;
	font-family: 'AdelleLight', sans-serif;
	font-size:13px;
	word-spacing:2px
}

.output_subtitle {
	text-transform: uppercase; font-size: 11px; line-height: 14px;
}

h1.page-title, 
label, 
h3.side-header, h3.side-header small a,
.container_result_1, .container_result_2,
.input-mini, .input-small,
.input-prepend .add-on, .input-append .add-on, .input-prepend .btn, .input-append .btn,
.footer,
.result_panel_left, .result_panel_right,
.container_investment,
.link_back,
.title-founders, .title-page,
.container_bottom  h3 {
	font-family: purista-web-1, purista-web-2, serif;
}

.top-description p, .article p {
	font-family: 'AdelleLight', serif;
  line-height: 235%;
  font-size: 13px;
  word-spacing: 2px;
  padding-bottom: 30px;
  color: #444;
}

.article p.last {
  padding-bottom: 0;
}

#prompt {
  font-family: 'AdelleLight', serif;
  font-size: 13px;
  word-spacing: 2px;
  color: #444;
}

/* End Fonts */

label { text-transform:uppercase; font-weight: 100; font-size:12px; display:inline !important }
input {display: inline !important}
label, label a, label a:hover {color:#fff; font-size:10px }
.label_white, .label_white a, .label_white a:hover {color:#fff !important; font-size:12px; vertical-align:middle}
.container_radio label a, .container_radio label a:hover {vertical-align: top; line-height: 18px;}
.label_orange, .label_orange a, .label_orange a:hover {color:#ED5235 !important; font-size:12px; vertical-align:middle}

h3.side-header {color:#424242; font-size:18px; font-weight: 100; text-transform:uppercase;margin-top:10px }
h3.side-header small a{ color:#ED5235; font-size:14px; font-weight: 100; text-transform:uppercase; }

h3 .footnote {
  text-transform: uppercase;
  font-weight: 100;
  color: white;
  font-size: 10px;
}

h2.title-founders {
  text-align:center;
  font-size:13px;
  font-weight:normal; 
  line-height: 26px;
  color: #444; 
  text-transform: uppercase;
  letter-spacing: 2px;
}
h1.title-page {
  text-align:center;
  font-size:20px;
  font-weight:200; 
  color: #ED5235;  
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.top-description {
	color: #6F6F6D;
	padding:10px 100px;
	padding-bottom: 30px;
	font-size: 15px;
	text-align: center;
}
.article, .disclaimer {
	color: #6F6F6D;
	padding:20px 100px;
	padding-bottom: 10px;
	font-size: 15px;
	text-align: justify;
}

.disclaimer p {
	font-size: 10px;
}

.dotted-break {
	text-align: center;
	clear: both;
	border-bottom: 1px dotted #bebebe;
	width: 800px;
	margin-left: 100px;
  padding-top: 20px;
  margin-bottom: 20px;
}

.sub-title {
	color:#424242;
	font-size:18px;
	vertical-align:top;
	line-height: 32px;
}

.container_bottom {
	padding: 30px 0;
	width:999px; 
	background:#E7E6DF; 
	text-align:left;
}

.container_bottom  h3 {
	font-size: 13px;
	padding: 0 100px;
	color: #898989;
}

.horizontal_separator {
	/*background:url(../img/horizontal_line.png) repeat-x; */
	height:1px;
	margin:12px 0;
	/*width:954px; width of: #container_result */
	margin-left:-350px; /* left padding of .content_result */
}
	.separator-margin {
		margin-bottom: 32px !important;
	}
	
#output_slider_payout .horizontal_separator, #output_slider_ownership .horizontal_separator {
	margin: 12px 0 8px 0;
}

.content_result {
	background: url(../img/hash_lines.png) no-repeat;
	padding-left:350px; 
	padding-top:10px;
	min-height: 388px;
}

.box_top {
	width:999px; background:#E7E6DF; text-align:left; padding-top:70px;
}
.bar_top {
	background:url(../img/bar_top.png) top right no-repeat; width:999px; height:36px;
}
.bar_bottom {
	background:url(../img/bar_bottom.png) top right no-repeat; width:999px; height:36px;
}

nav#back-to-cover{
	display: block;
	position:fixed;
	text-align:center;
	left:0;
	height:32px;
	line-height:32px;
	width:100%;
	background:#515151;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
	z-index:6000;
	background:url(../img/bg-nav.png) repeat-x left top
}
nav#back-to-cover
	a {
		display:block;
		width:100%;
		color:#A6A6A6;
		text-transform:uppercase;
		font-size:10px;
		letter-spacing:1px
	}
nav#back-to-cover
	a {
		background-image:url(../img/arrow-up.png);
		background-repeat:no-repeat;
		background-position:50% 5px;
		padding-top:5px;
		height:17px
	}	

.row {
	padding: 16px 0 0 100px;
}	

a[rel] {
	border-bottom: 1px dotted #ccc;
}

a[rel]:hover {
	text-decoration: none;
}

#container_result {
	background:#E7E6DF url(../img/grid.png) top right repeat; 
	width:984px; 
	right: 8px; 
	position:relative;
	text-align:left;
	height: 471px;
}
.container_result_large {
}

#container_form{
	width:345px; 
	position:absolute; 
	margin-left:-17px; 
	margin-top:-50px; 
	text-align:left;
	z-index:999;
}

.form_small {
	background:url(../img/bk_left.png) top right no-repeat; 
}
.form_small_initial {
	height:580px;
}

.form_large {
	background:url(../img/bk_left_large.png) top right no-repeat;  
}

.result_panel_left, .result_panel_right {
	font-size:21px;
	color: #aaa;
}
	#prompt {
		margin-top: 128px;
	}

.large_1 {
	font-size: 36px;
	line-height: 36px;
	vertical-align: middle;
	color: #ED5235;
}

.large_2 {
	font-size: 36px;
	line-height: 36px;
	vertical-align: middle;
	color: #aaa;
}

.large_1.equity, .large_2.equity {
  font-size: 26px;
}

.result_panel_left {
	width:45%;
	text-align:center;
	float:left;
  overflow:hidden;
}

.result_panel_right {
	width:50%;
	text-align:center;
	float:left;
  overflow:hidden;
}

.container_investment {
	float:right; 
	width:300px;
	text-align:center;
	font-size: 12px;
	color: #aaa;
}

.output_panel {
	float:left; 
	width:120px; 
	text-align:center;
  font-size: 14px;
  line-height: 20px;
}

.container_radio {
	margin-left:-20px;
}

.select_simulate {
	width:140px;
	height:25px;
	border: 2px solid #424242;
	-moz-box-shadow:    inset 0 1px 3px #999 !important;
   -webkit-box-shadow: inset 0 1px 3px #999 !important;
   box-shadow:         inset 0 1px 3px #999 !important;
   border-radius: 4px;
   padding:2px 2px !important;
}

/* Begin Custom Radio Inputs */
	span:not(#foo) > input[type='radio'] {    
		/* Hide the input, but have it still be clickable */
		opacity: 0;
		width: 20px;
	}


	span:not(#foo) > input[type='radio'] + label {
		margin: 0;
		clear: none;
		
		/* Left padding makes room for image */
		padding: 5px 0 4px 24px;

		/* Make look clickable because they are */
		cursor: pointer;
		
		background: url(../img/off.png) left center no-repeat; 
	}

	/* Change from unchecked to checked graphic */
	span:not(#foo) > input[type='radio']:checked + label {
		background-image: url(../img/radio.png);
	}
/* End Custom Radio Inputs */





/* Begin Overwrite Bootstrap */
	.control-label {
		text-align: left !important;
		display:block !important;
	}
	.controls {
		margin-left: 0px !important;
	}

	.page-header {
		border-bottom: 0 !important;
	}

  .input_focused {
    box-shadow: 0 0 16px -2px #ccc;
  }

	.input-mini, .input-small {
		background: #fff !important; 
		color: #424242 !important; 
		border: 2px solid #424242 !important;	
		font-size:13px !important;
		font-weight:100 !important;
		
      -moz-box-shadow:    inset 0 1px 3px #999 !important;
		  -webkit-box-shadow: inset 0 1px 3px #999 !important;
		  box-shadow:         inset 0 1px 3px #999 !important;
	}
	
	
	/* text-input shadows */
	/*
	.input-mini, .input-small, .input-prepend .add-on, .input-append .add-on {		
		-moz-box-shadow:0 0 5px #777 !important;
		-webkit-box-shadow:0 0 5px #777 !important;
		box-shadow:0 0 5px #777 !important;
	}
	*/
	
	.input-mini {	
		border-radius: 4px 0 0 4px !important;
		width:120px !important;	
	}
  
  .input-prepend .input-mini {
    border-radius: 0 4px 4px 0 !important;
  }
  
  .input-prepend.input-append .input-mini {
    border-radius: 0 !important;
  }
  
  .input-prepend.input-append.ks .input-mini {
    width: 87px !important;
  }

  .input-mini[disabled] {
    background: #bbb !important;
  }

	.input-small {	
		width:90px !important;	
	}


	.input-append .add-on:last-child, .input-append .btn:last-child {
		border-radius: 0 4px 4px 0;
	}
	.input-prepend .add-on, .input-append .add-on, .input-prepend .btn, .input-append .btn {
		border-radius: 0 0 0 0;
		margin-left: -1px;
		font-size:13px !important;
		font-weight:100 !important;
	}

	.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
		border-radius: 4px 0 0 4px;
	}
	.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
		border-radius: 0 4px 4px 0;
	}
	.input-prepend .add-on, .input-append .add-on {
		border: 2px solid #424242 !important;
		background-color: #424242 !important;
		
		height: 14px;
		line-height: 14px;
		min-width: 16px;
		padding: 4px 5px;
		
		text-shadow: none !important;
		color: #E7E6DF !important;
		font-size: 11px !important;
	}

	.form-horizontal .control-label {
		width: 180px !important;
	}

	.radio input[type="radio"], .checkbox input[type="checkbox"] {
		float: none;
		margin-left: 0px;
	}

	.radio, .checkbox {
		padding-left: 5px;
	}

	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
		height: 14px;
		line-height: 18px;
		margin-bottom: 0px;
	}
	
	.form-horizontal .control-group {
		margin-bottom: 0px;
	}
	.control-group {
		margin-bottom: 0px;
	}
/* End Overwrite Bootstrap */	


/* begin pulsating exit value */

.pulse {
-webkit-animation: pulse 1.2s infinite; /*Tells it to pulse forever every 0.6 seconds.*/
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-out; /* Makes The Animation Smoother */
}
/*This code gives it that nice, feathered shadowy effect. */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    font-size: 10px;
  }
  100% {
    -webkit-box-shadow: 0 0 12px #ED5235;
    box-shadow: 0 0 12px #ED5235;
  }
}