/**
 * EMA Base
 * 
 * 
 * 
 * @author		Rolf Mortenson
 * @link		http://www.nyseblue.com
 * @email		rmortenson@nyseblue.com
 * 
 * @file		ema-base.css
 * @version		5.3
 * @date		9/13/2011
 * 
 * Copyright (c) 2010-2011
 */


/* RESET */
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
fieldset,
input {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em,
strong,
th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul,
ol {
	list-style: none;
}

fieldset,
img {
	border: none;
}

caption,
th {
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* LAYOUT */
.clear {
	clear: both;
}

.clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

* html .inline {
	display: inline;
}

.inline {
	display: -moz-inline-stack;
	/* FF */
	display: inline-block;
	vertical-align: middle;
}

#ie-forceredraw {
	height: 0px;
}

/*for ie7 fix*/

html,
body {
	height: 100%;
	width: 100%;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	background: none;
	min-height: 99%;
	width: auto;
	padding: 0 3rem;
}

.fixed-width {
	max-width: 1200px;
	margin: 0 auto;
}

#container {
	min-height: 100%;
	margin: 0 auto;
	z-index: 1;
}

#main {
	min-height: 100%;
}

#content {
	margin-bottom: 55px;
	padding: 18px 20px;
}

#globalfooter {
	position: relative;
	margin: -70px auto 0px;
	width: 980px;
	z-index: 1;
}

/* LAYOUT GRID */
.column {
	float: left;
}

.grid1col,
.grid2col,
.grid2cola,
.grid2colb,
.grid2colc,
.grid2cold,
.grid2cole,
.grid2colf,
.grid2colg,
.grid3col,
.grid3cola,
.grid4col,
.grid5col,
.grid6col {
	width: 100%;
}

.grid1col .column {
	float: none;
	width: 100%;
}

.grid1col .grid2col .column,
.grid1col .grid2cola .column,
.grid1col .grid2colb .column,
.grid1col .grid2colc .column,
.grid1col .grid2cold .column,
.grid1col .grid2cole .column,
.grid1col .grid2colf .column,
.grid1col .grid2colg .column,
.grid1col .grid3col .column,
.grid1col .grid4col .column,
.grid1col .grid5col .column,
.grid1col .grid6col .column {
	float: left
}

/* two columns, 50/50 */
.grid2col .column {
	width: 49%;
}

.grid2col .grid2col .column {
	width: 47.8%;
}

.grid2colc .grid2col .column {
	width: 47.8%;
}

.grid3col .grid2col .column {
	width: 46%;
}

.grid4col .grid2col .column {
	width: 45%;
}

/* two columns, 65/35 */
.grid2cola .column.first {
	width: 66%;
}

.grid2cola .column.last {
	width: 32%;
}

/* two columns, 75/25 */
.grid2colb .column.first {
	width: 74.9%;
}

.grid2colb .column.last {
	width: 23%;
}

.grid2colb .grid2col .column {
	width: 49%;
}

/* two columns, 35/65 */
.grid2colc .column.first {
	width: 32%;
}

.grid2colc .column.last {
	width: 66%;
}

.grid2colc .grid2col .column.first {
	width: 47.8%;
}

.grid2colc .grid2col .column.last {
	width: 47.8%;
}

/* two columns, 25/75 */
.grid2cold .column.first {
	width: 23%;
}

.grid2cold .column.last {
	width: 74.9%;
}

/* two columns, 80/20 */
.grid2cole .column.first {
	width: 79%;
}

.grid2cole .column.last {
	width: 19%;
}

/* two columns, 20/80 */
.grid2colf .column.first {
	width: 19%;
}

.grid2colf .column.last {
	width: 79%;
}

/* two columns, 60/40 */
.grid2colg .column.first {
	width: 60%;
}

.grid2colg .column.last {
	width: 38%;
}

/* 3 equal columns */
.grid3col .column {
	width: 32%;
	margin-left: 2%;
}

.grid2col .grid3col .column {
	width: 31%;
}

/* 3 columns - 20/60/20 */
.grid3cola .column {
	width: 58%;
	margin-left: 2%;
}

.grid3cola .column.first,
.grid3cola .column.last {
	width: 19%;
}

/* 4 equal columns */
.grid4col .column {
	width: 23%;
	margin-left: 3%;
}

/* 5 equal columns */
.grid5col .column {
	width: 18.4%;
	margin-left: 2%;
}

/* 6 equal columns */
.grid6col .column {
	width: 15%;
	margin-left: 2%;
}

.column.first,
.column.last {
	margin-left: 0 !important;
}

.column.last {
	float: right !important;
}

.last {
	margin-bottom: 0;
}

#globalheader:after,
#container:after,
#content:after,
.grid2col:after,
.grid2cola:after,
.grid2colb:after,
.grid2colc:after,
.grid2cold:after,
.grid2cole:after,
.grid2colf:after,
.grid2colg:after,
.grid3col:after,
.grid3cola:after,
.grid4col:after,
.grid5col:after,
.grid6col:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* TYPE */
body {
	font: 12px/18px Helvetica, Arial, Tahoma, sans-serif;
}

input,
select,
option,
optgroup,
textarea,
label {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}

input,
select,
option,
optgroup,
textarea {
	font-size: 11px;
	line-height: 11px;
}

a {
	color: #06C;
	outline: none;
}

a:link,
a:visited,
a:active {
	color: #06C;
	outline: none;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

strong,
b {
	font-weight: bold;
}

em,
i {
	font-style: italic;
}

sup {
	padding-left: 1px;
	font-weight: normal !important;
	vertical-align: super;
	position: relative;
	line-height: 0px;
	_position: static !important;
}

abbr {
	border: 0;
}

p {
	margin-bottom: 18px;
}

h1 {
	font-weight: bold;
	font-size: 2em;
	line-height: 36px;
	margin-bottom: 18px;
}

h2 {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 18px;
	margin-bottom: 18px;
}

h3 {
	font-weight: bold;
	font-size: 1em;
	line-height: 18px;
}

h4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}

p.intro {
	font-weight: bold;
}

h2 sup {
	color: #888;
}

h3 sup {
	font-size: 9px;
}

ul {
	margin-bottom: 18px;
	list-style: none outside;
}

ol {
	margin-bottom: 18px;
	list-style: decimal;
	margin-left: 2.2em;
}

ul.square,
ul.circle,
ul.disc {
	margin-left: 2em;
}

ul.square {
	list-style: square outside;
}

ul.circle {
	list-style: circle outside;
}

ul.disc {
	list-style: disc outside;
}

ul ul.circle,
ul ul.square,
ul ul.disc {
	margin-top: 4px;
	margin-bottom: 5px;
}

ul li,
ol li {
	padding-bottom: .5em;
}

/*FORMS */
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	background: #FFFFCC;
}

input,
select,
textarea {
	padding-top: 1px;
	vertical-align: middle;
}

td input {
	vertical-align: middle;
}

input[type=text].wait {
	background: url(../images/icons/icon-loader-13.gif) no-repeat 5px;
}

label {
	vertical-align: middle;
}

input[type=checkbox] {
	margin-right: 5px;
}

/* PIPED LINKS */
.piped {
	display: block;
}

.piped:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.piped li {
	float: left;
	display: inline;
	width: auto;
}

.piped a,
.piped span {
	border-left: 1px solid #777;
	padding: 0 0 0 0.75em;
	margin-left: 0.75em;
}

.piped a.first,
.piped span.first {
	border-left: 0 !important;
	padding-left: 0;
	margin-left: 0 !important;
}

.piped .selected a {
	color: black;
	font-weight: bold;
}

.piped span {
	color: #666;
}

/*TABLE mods*/
.total td {
	background-color: #E5E5E5;
	border-top: 1px solid #999;
}

/* USEFUL */
.scroll-a {
	overflow: auto !important;
}

.scroll-v {
	overflow-y: auto;
	overflow-y: auto !important;
}

.scroll-h {
	overflow-x: auto;
	overflow-x: auto !important;
}

.align-t {
	vertical-align: top;
}

.align-m {
	vertical-align: middle;
}

.align-b {
	vertical-align: bottom;
}

.align-c {
	text-align: center !important;
}

.align-r {
	text-align: right !important;
}

.align-l {
	text-align: left !important;
}

.align-p {
	margin-right: -4px;
}

/*try to align neg numbers wrapped in parenthesis*/
.float-r {
	float: right !important;
}

.float-l {
	float: left !important;
}

.hide {
	display: none;
	display: none !important;
}

.hidden {
	display: none;
}

.alt,
*.alt td {
	background-color: #F1F5FA;
}

.nowrap {
	white-space: nowrap;
}

.wrap {
	white-space: normal;
}

.small {
	font-size: 80%;
}

.symbol {
	text-align: left
}

/*e.g. stock symbol*/
.num,
.num input {
	text-align: right !important
}

/*number*/
.price,
.price input {
	text-align: right !important
}

/*price*/
.diff {
	text-align: right !important
}

/*difference - percent or num*/
.pos {
	color: green;
}

/*positive or up*/
.neg {
	color: #aa0033;
}

/*negative or down*/
.est {
	font-style: italic;
}

/*estimated qty*/
.note {
	font-size: .8em;
	margin: 0;
	color: #999;
}

.total,
.bold {
	font-weight: bold;
}

.total .note {
	font-weight: normal;
}

.margin-t {
	margin-top: 2em !important;
}

.margin-b {
	margin-bottom: 2em !important;
}

.margin-r {
	margin-right: 2em !important;
}

.margin-l {
	margin-left: 2em !important;
}

.margin-t0 {
	margin-top: 0px !important;
}

.margin-b0 {
	margin-bottom: 0px !important;
}

.margin-0 {
	margin: 0px;
}

.please-note {
	font-size: .8em;
	margin: 0;
	color: #000;
}

.warn {
	color: #FF0000 !important;
}

.flag {
	color: #FF0000;
}

.disabled,
a.disabled,
a.disabled:hover,
td .disabled {
	color: #999;
	text-decoration: none;
	cursor: default;
}

.clickable:hover {
	background-color: #B2D2FF;
	cursor: pointer !important;
}

/*use on table cells*/
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.ellipsis-hidden {
	display: none;
}

.blocker-wait {
	cursor: wait;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* PREHEADER */
#preheader {
	position: relative;
	width: 100%;
}

#preheader #utilitynav {
	position: relative;
	right: 10px;
	margin-bottom: 0px;
	float: right;
	z-index: 3;
}

/* GLOBALHEADER */
#globalheader {
	width: 100%;
	margin: 0px auto;
	position: relative;
	background: #FFF;
	z-index: 2
}

#globalheader #globalnav {
	position: relative;
	margin: 0;
	padding: 0;
}

#globalheader #banner {
	position: relative;
}

/*GLOBALFOOTER */
#globalfooter {
	background: #FFF;
	color: #666;
	font-size: 10px;
	text-align: center;
}

#globalfooter p {
	margin-bottom: 1em;
	text-align: center;
}

#globalfooter .footerRow {
	position: relative;
	border: none;
}

#globalfooter .piped {
	position: relative;
	margin-bottom: 0px;
	line-height: 36px
}

#globalfooter .piped li {
	float: none;
}

#globalfooter .piped a {
	padding: 0 0 0 1.5em;
	margin-left: 1.5em;
	border-left: 1px solid #999;
}

/* PRINT */
@media print {

	body,
	#main,
	#content {
		color: #000 !important;
	}

	a,
	a:link,
	a:visited {
		color: #000 !important;
		text-decoration: none !important;
	}

	#globalheader,
	#globalfooter,
	.noprint,
	.hide {
		display: none !important;
	}
}

/*--test wider screen width --*/

.wide-table {
	overflow-x: auto;
}

.wide-table-wrapper {
	background-color: #CCC;
	border: 1px solid #CCC;
}

.fixed-dt-column {
	position: absolute;
	background-color: inherit;
	border-left: 1px solid #CCC !important;
}

th.lotId,
td.lotId {
	display: none;
}

/*split lot id column*/