/* 		

 INO.com, Inc.

*/

/* RESET
-------------------------------------- */
body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, td, th, address, blockquote, pre, code, form, fieldset, legend, input, textarea { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
fieldset, img, input, select, textarea { border: none; }
input, textarea, select { font-family: inherit;	font-size: inherit;	font-weight: inherit; }
address, cite { font-style: normal; }
table { border-collapse: collapse; }
caption, th { text-align: left; }
ul li { list-style-type: none; }
a { text-decoration: none; }
section, article, header, footer, nav, aside, hgroup { display: block; }

/* TYPE
-------------------------------------- */
.page-timestamp {
	text-align: right;
	margin-top: .25em;
	margin-bottom: 0;
}
body {
	font: 62.5%/2.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
h1 {
	margin-top: .5em;
	margin-bottom: .25em;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-size: 4.4em;
	font-weight: 200;
	line-height: 1.8;
	color: #012558;
}
h2, h3 {
	font-size: 1.8em;
	line-height: 1.333em;
}
#lead-form h2 {
	font-size: 1.6em;
}
h3 {
	padding-bottom: 0.4em;
}
.bullets h3 {
	padding-left: 60px;
	background: url('../images/arrow_sm.png') no-repeat;
}
.bullets p, .bullets table, .bullets h4 {
	margin-left: 60px;
	margin-right: 60px;
}
h4, h5, h6, dt, legend, caption {
	font-size: 1.4em;
	line-height: 1.7143em;
}
h2, h3, h4, h5, h6, dt, legend, caption, th {
	font-weight: bold;
	color: #012558;
}
p, li, dd, td, th, label, input, select, textarea, address, blockquote {
	font-size: 1.4em;
	line-height: 1.7143em;
}
p, dd, address, blockquote {
	margin-bottom: 1.7143em;
}
ul li ul {
	margin-bottom: 0;
}
table, ul, ol, dl {
	margin-bottom: 2.4em;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
li li, li p, td p, blockquote p {
	font-size: 1em;
}
ul, ol {
	margin-left: 4.5em;
}
ul li {
	list-style-type: disc;
}
th, td {
	/*width: 5.8em;*/
}
/* FORMS
-------------------------------------- */
label {
	display: block;
	font-weight: bold;
}
input, select, textarea {
	margin-bottom: 0.5em;
	padding: 0.4em;
	width: 95%;
}
input, select {
	width: 95%;
}
.radio input, .checkbox input, input[type="radio"], input[type="checkbox"] {
	width: auto;
	float: left;
	margin: 0.4em;
}
.radio label, .checkbox label {
	float: left;
}
.radio, .checkbox {
	clear: both;
}
.radio p, .checkbox p {
	margin-bottom: 0;
}
input.btn, input[type="submit"] {
	margin: 1em 0;
	padding: 0.4em;
	font-weight: bold;
	text-transform: uppercase;
	width: 10em;
	clear: both;
	border-radius: 0.4em;
	transition: all 0.1s ease;
}
label.hidden {
	margin-left: -10000em;
	width: 0;
	float: none;
}
input, select, textarea {
	width: 30em;
}
input, select {
	width: 15em;
}
/* LAYOUT
-------------------------------------- */
#content,
body>footer {
	clear: both;
}
body>header {
	padding: 2em 0 1.5em 0;
}
body>footer {padding-top: 2em; padding-bottom: 1em;}
body>footer p {
	font-size: 1.2em;
	line-height: 2em;
	clear: both;
}
body>footer p.top {
	clear: none;
}
/* set a fixed size container & center it */
body>header div.wrap,
body>footer div.wrap,
#content {
	margin: 0 auto;
	padding: 0 0.5em;
	width: 75.8em;
}
#main {
	padding-bottom: 2em;
}
/* CLASSES
-------------------------------------- */
/* general */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
/* http://css-tricks.com/snippets/css/clear-fix/ */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.nowrap {
	white-space: nowrap;
}
.hidden {
	visibility: hidden;
	height: 0;
	width: 0;
}
.offscreen {
	text-indent: -10000em;
}
img.flex {
	width: 100%;
	max-width: 100%;
	height: auto;
}
/* button style */
a.btn {
	padding: 0.25em 0.5em;
	font-weight: bold;
	border-radius: 0.2em;
	transition: all 0.1s ease;
}
.divider {
	margin: 2em 0;
}
/* back to top links */
.top {
	font-weight: bold;
	text-align: right;
}
/* GRID
 * - horizontal scroll appears in FireFox when resizing
 * - Firefox seems to take vertical scroll track into consideration when calculating window size
-------------------------------------- */
/* columns */
.row, .col {
	margin-bottom: 1.8em;
	display: block;
}
form .row {
	margin-bottom: 0;
}
/* 
 	Columns:
 	
 	total width    768 px
	columns        758 px
	outer padding    5 px
	column width    54 px
	column spacing  10 px
	--
	12 columns total
*/
	.col {				float: left;
						margin-bottom: 0;
						margin-right: 1em; }
	/* 1 col */
	.span-1 {			width: 5.4em;	}
	/* 2 cols */
	.span-2 {			width: 11.8em;	}
	/* 3 cols / 1/4 */
	.span-3,
	.one-quarter {		width: 18.2em;	}
	/* 4 cols / 1/3 */
	.span-4,
	.one-third {		width: 24.6em;	}
	/* 5 cols */
	.span-5 {			width: 31em;	}
	/* 6 cols / 1/2 */
	.span-6,
	.half {				width: 37.4em;	}
	/* 7 cols */
	.span-7 {			width: 43.8em;	}
	/* 8 cols / 2/3 */
	.span-8,
	.two-thirds {		width: 50.2em;	}
	/* 9 cols / 3/4 */
	.span-9,
	.three-quarters {	width: 56.6em;	}
	/* 10 cols */
	.span-10 {			width: 63em;	}
	/* 11 cols */
	.span-11 {			width: 69.4em; 	}
	/* 12 cols / full width */
	.span-12,
	.full {				margin-right: 0;
						width: 75.8em;	}
	/* remove right margin on last column in a row */
	.col.last {			margin-right: 0; }
	/* offsets */
	.offset-1 {		margin-left: 6.4em;	 }
	.offset-2 {		margin-left: 12.8em; }
	.offset-3 {		margin-left: 19.2em; }
	.offset-4 {		margin-left: 25.6em; }
	.offset-5 {		margin-left: 32em; }
	.offset-6 {		margin-left: 38.4em; }
	.offset-7 {		margin-left: 44.8em; }
	.offset-8 {		margin-left: 51.2em; }
	.offset-9 {		margin-left: 57.6em; }
	.offset-10 {	margin-left: 64em;	 }
	.offset-11 {	margin-left: 70.4em; }

/* BASIC 2 COLUMN LAYOUT
-------------------------------------- */
/* sidebar */
#secondary {
	margin-top: 1em;
}
/* sidebar navigation/link list */
#secondary ul {
	margin-left: 0;
}
#secondary li {
	margin-bottom: 0.5em;
	list-style-type: none;
}
#secondary nav a {
	display: block;
}
#main {
	float: left;
}
#secondary { 
	margin-top: 0;
	float: right;
}
/* smaller font sizes for common elements in sidebar */
#secondary h2,
#secondary p,
#secondary li {
	font-size: 1.2em;
	line-height: 1.8em;
}
#secondary h2 {
	text-transform: uppercase;
}
/* COLOR
-------------------------------------- */
body {
	color: #333;
	background-color: #fff;
}
h1, h2, h3, h4, h5, h6, th, th a, legend {
	color: #0d417f;
}
a {font-weight: bold; text-decoration: none;}
a, a:link, a:active, a:visited {
	color: #2BA6CB;
}
a:visited {	color: #66c;}
a:hover, a:focus {color: #025BD9;}
a.btn {
	color: #1A1A1A;
	background-color: #DADADA;
}
a.btn:hover,
a.btn:focus,
input.btn:hover,
input.btn:focus {
	color: #fff;
	background-color: #333;
}
/* for solid color header and footer */
html,
body>header,
body>footer {
	background-color: #012558;
}
body>footer,
body>footer p,
body>footer a,
body>footer a:link,
body>footer a:active,
body>footer a:visited {
	color: #EAEAEA;
}
/* forms */
input, select, textarea {
	border: 0.1em solid #eaeaea;
}
input[type="radio"], input[type="checkbox"] {
	border: none;
}
input:hover, input:focus, input:active, 
textarea:hover, textarea:focus, textarea:active, 
select:hover, select:focus, select:active, 
input.btn:hover, input.btn:focus {
	border-color: #ccc;
}
.req {
	color: red;
}
/* TABLES
-------------------------------------- */
.market-snapshot th {
	color: #000;
	background-color: #eee;
	font-size: 1.3em;
	line-height: 2em;
}
.market-snapshot td {
	border-bottom: 1px solid #c1c5cb;
	font-size: 1.2em;
	line-height: 2em;
}
.market-snapshot {width: 600px;}
.count {width: 20px;}
.symbol {width: 70px;}
.name   {width: 150px;}
.last, .change, .percent {width: 70px;}
td.rt, th.rt {
	text-align: right;
}
td.ctr, th.ctr {
	text-align: center;
}
.up {
	color: #00bd26;
}
.down {
	color: #bd0000;
}

/* IE
-------------------------------------- */
.ie {}
.ie9 {}
.ie8 {}
.ie7 {}
.lte-ie9 {}
.lt-ie9 {}
.lt-ie8 {}
textarea {
	overflow: auto;
}