a:link {color: #666666;  text-decoration: none}
a:active {color: #666666;  text-decoration: none}
a:visited {color: #666666;  text-decoration: none}
a:hover {color: #000000;	text-decoration: none}

img {
	border: none;
}



body {
	color: #666666;
	text-align: left;
	margin: 0px;
	border: 0px;
	font-family: "HelveticaNeue-Light", Arial, sans-serif;
	font-size: 18px;
	background-color:#fef8cd;
	/* background-image: url('img/bodyBg_swatch.png'); */
	/* overflow-x: hidden; */
}

.outsideContainer{
	width: 100%;
	margin: 0px;
}


.contentContainer {
	padding-right: 0px;
	padding-left: 0px;
	font-family: "HelveticaNeue-Light", Arial, sans-serif;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 0px solid #AA0000;
	position: relative;
	width: 1100px;
}


#innerHead{
	height: 270px;
}

#outerHead{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 225px;
	width: 100%;
	background-image: url("img/top_h_blue_bkgnd_swatch.png");
	background-repeat: repeat;
	overflow: visible;
}

#outerHead .banner{
	position: absolute;
	left: 0px;
	top: 0px;
}

#outerHead .orderNowPalette{
	position: absolute;
	left: 42px;
	top:75px;
	display: none;
}

/*
#outerHead .orderNowPalette{
	position: absolute;
	left: 42px;
	top: 150px;
	display: none;
}
*/

#outerHead .book{
	position: absolute;
	left: 24px;
	top: 10px;
}


#outerHead .title{
	position: absolute;
	left: 237px;
	top: 91px;
}

#outerHead .plug{
	position: absolute;
	left: 550px;
	top: 240px;
}


.hQuoteWrapper{
	margin-top: 50px;
	padding-left: 80px;
	border: gray thin solid;
	background-color: white;
}

.hQuote{
	/* font-size: 11px; */
	width: 260px;
	padding: 25px 30px 30px 0px;
	font-size: 12px;
	/* color: #800000; */
	/* border-top: gray thin solid; */ 
	/* border-bottom: gray thin solid;  */
	float: left;
	text-align: left;
}

.hQuote img{
	display: block;
}

.hQuote .credit{
	font-weight: bold;
	display: block;
	text-align: left;
	margin-top: 10px;
}



.backWall{
	margin-top: 100px;
	height: 70px;
	width: 100%;
/* 	background-color: #333; */
	background-color: #384c51;
	background-image: url('img/footer_bgShadow.png');
	background-repeat: no-repeat;
}



#footer{
	margin-top: 100px;
	height: 350px;
	width: 100%;
	min-width: 1200px;
/* 	background-color: #333; */
	background-color: #384c51;
	background-image: url('img/footer_bgShadow.png');
	background-repeat: no-repeat;
	position: relative;
}

.creditBlock{
	display: block;
	color: #6d9ca8;
	font-family: "HelveticaNeue", Arial, sans-serif;
	font-size: 11px;
	width: 210px;
	padding: 25px 0px 0px 8px;
	font-weight: normal;
	float: left;
	margin-left: 80px
	
}

/*
.creditBlock:first-child{padding: 25px 85px 0px 70px;}
.creditBlock:last-child{width: 290px;}
*/

.authors{
	/* width: 365px; */
	/* width: 600px; */
	/* padding: 25px 60px 0px 70px; */
	/* padding: 25px 85px 0px 70px; */

}

.creditBlock h3{
	color: #a9e5ff;
	font-family: "HelveticaNeue", Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
	margin: 10px 0px 21px;
}

.iconBlock{
	width: 100%;
	margin: 0px 0px 18px 0px;
	
}
.iconBlock img{
	float: left;
	margin: 5px 10px 10px 0px;
	display: none;
}
.creditBlock a{
	color: #a9e5ff;
	font-size: 13px;
	margin: 2px 1px;
	
}

.creditBlock .ossLinks a{
	font-size: 10px;
	display: block;
	
}


.interComponentCopy{
	margin: 20px 0px;
	font-size: 18px;
	padding: 10px 20px 20px;
	color: #293c40;
/*
	border: #c0bc9c solid thin;
	background-color: rgba(225,225,225,.3);
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: inset 1px 2px 10px rgba(0,0,0,.15);
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
*/
}

.interComponentCopy p, .interComponentCopy h2{
	margin-left: 15px;
}

.chartDataDisplay {
	margin-top: 7px;
	color: white;
	padding: 3px;
	font-size: 9px;
	background-color: #191919;
	border-style: none;
	width: 256px;
}


.jpFont {
	font-family: "Osaka", sans-serif;
	font-size: 0.9em;
}


.dataWindowBox {
	border-width: thin;
	border-style: none;
	height: 180px;
	float: none;
	background-color: #e6e6e6;
	width: 500px;
}

.vSectionDiv {
	height: 20px;
	margin: 0px;
}



#statusBox {
	background-color: rgb(20,20,20);
	border: gray none thin;
	color: white;
	width: 150px;
	height: 26px;
	font-size: 11px;
	font-weight: normal;
	top: 5px;
	right: 5px;
	position: fixed;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}


#statusBox img{
	position: absolute;
	top:5px;
	right:10px;
}

#statusBox span{
	position: absolute;
	top:6px;
	left:1em;
	text-align: left;
}


.sectionWinWrapper{
/*
	position: relative;
	margin-top: 50px;
*/
}

.sectionWinWrapper h2 {
	margin: 0px 0px 0px 0px;
	padding: 6px 21px;
	border-bottom: #293c40 solid thin;
	color: #293c40;
	/* background-color:#e6e6e6; */
}



.placemat {
	/* border-top: #293c40 solid thin; */
	padding: 15px 25px;
	background-image: url('img/sectionShadow.png');
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-top: 0;
	width: 1050px;
	position: relative;
	left: 0px;
}



.floatBuster {
	clear: both;
}


.heyYouBox {
	margin: 45px auto;
	padding: 20px;
	border: #ff516b solid thin;
	background-color:#ffd1d8;
	color: #333;
}



/* ------------ CHARTS ---------- */

#chartSectionWrapper{
	position: relative;
}


#chartsWrapper{
	position: relative;
}


.compChartGroupWrapper {
	position: relative;
	width:760px;
	float: none;
}

.compChartGraphicWrapper {
	/* background-color: #fff; */
	height: 421px;
	width: 750px;
	position: relative;
	top: 15px;
	margin-bottom: 25px;
}


.chartGroupWrapper {
	display: none;
	position: relative;
	width: 260px;
	float: left;
}

.chartGraphicWrapper {
	/* background-color: #fff; */
	height: 144px;
	width: 256px;
	position: relative;
	top: 15px;
	margin-bottom: 25px;
}


.chartCtlWrapper{
	position: absolute;
	top: 0;
	left: 0;
	text-align: right;
	width: 95%;
}


.compChartCtlWrapper{
	position: absolute;
	top: 0;
	left: 0;
	text-align: right;
	width: 97%;
}


.chartInactiveMsg{
	background-image: url(img/gray-pattern-sm.gif);
	background-color: #cccccc;
	border: gray dotted thin;
	height: 118px;
	width: 238px;
	position: absolute;
	top: 22px;
	left: 9px;
	font-size: 9px;
	font-weight: bold;
	/* text-align: right; */
}


.chartInactiveMsg span{
	margin-top: 5px;
	margin-right: 5px;
	display: block;
	text-align: right;
	
}



.zoomOut{
	color: gray;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
}


.showHideCtl{
	position:	relative;
	font-size:	9px;
	margin-left: 10px;
	color: maroon;
	cursor: pointer;
	font-weight: bold;
}

.showHideCtl:hover{
	color: #ff00ff;
}






/* -------- SERIES INPUTS TABLE ----------- */

#seriesInputsWrapper{
}


.chartInputTable {
	/* border: gray solid thin; */
}



.chartInputTable h2 {
	padding: 0px;
	border-bottom: #293c40 solid thin;
	color: #293c40;
	text-align: left;
	margin-bottom: 30px;
	margin-left: -10px;
}

#autoTbl{
	width: 1000px;
	padding: 7px 0px 20px 0px;
}


#ecTbl{
	width: 350px;
	padding: 0px 40px 40px;
	float: left;
}
#ecTbl table{
	width: 100%;
}

#reTbl{
	width: 350;
	padding: 0px 40px 40px;
	float: left;
}
#reTbl table{
	width: 100%;
}



.chartInputTable table, .chartInputTable tr, .chartInputTable td {
	border-collapse: collapse;
}


.chartInputTable td {
	padding-right: .5em;
}



.chartInputTable td select{
}


.chartInputTable .foundersCol{
}

.chartInputTable .oddCol{
}

.chartInputTable .evenCol{
}

/* SEC ROW */
.chartInputTable .evenTr{
	background-color: #e1e0c1;
}
/* INV ROW */
.chartInputTable .oddTr{
	/* background-color: ; */
}


.chartInputTable .seriesCol{
	width: 100px;
}

.chartInputTable col{
	/* border-right: solid #A2A2A2 1px; */
}
.chartInputTable #col_0{
	width:180px;
}


.chartInputTable .QPO_tr{
	/* border-top: solid #333 1px; */
}

.chartInputTable .DIVIDENDTYP_tr{
/* 	border-top: solid #333 1px; */
}

.chartInputTable .GP_PCT_tr{
	/* border-top: solid #333 1px; */
}


.chartInputTable tbody tr.foundersRow{
	border-top: solid #999 1px;
}

.chartInputTable tr.gInputs td:last-child{
/* 	font-style: italic; */
	font-size: .8em;
	text-align: left;
	/* background-color: #e1e0c1; */
	
}

.chartInputTable tbody th {
	text-align: left;
	padding: .5em 1em;
	position: relative;
	/* color: black; */
}


.chartInputTable tbody th span{
	position: absolute;
	display: none;
}



#autoTbl tbody tr:first-child {
/* 	background-image: url('img/sectionShadow.png'); */
	background-repeat: no-repeat;
	border-top: solid #333 1px;
	background-color:#c4c2a8;
	font-size: 9px;
}

#autoTbl tbody tr:first-child th:first-child{
	background-color: black;
	color: white;
}


#autoTbl tbody.autoDivide{
	/* display: none; */
}


#tiptip_content i{
	font-size: smaller;
}


#tiptip_content ul {
	list-style-type: none;
	list-style-position: outside;
	margin-top: .5em;
	padding-top: 0px;
	margin-left: 1em;
	padding-left: 0px;
}

#tiptip_content li {
	font-size: smaller;
	font-weight: normal;
}



.chartInputTable thead th{
	background-color: #c4c2a1;
	text-align: center;
	padding: 10px;
	border-bottom: solid #333333 1px;
	cursor: pointer;
}

.chartInputTable .cornerTh {
/* 	background-color: #f0f0f0; */
	/* background-color: #fff; */
	
	background-image: url('img/bodyBg_swatch.png');
}
.chartInputTable .cornerTh:hover {
/* 	background-color: #f0f0f0; */
	/* background-color: #fff; */
	
	background-image: url('img/bodyBg_swatch.png');
}

.disabled{ 
	background-color: #333;
	color: gray;
} 





select {
	margin-left: 12px;
	font-weight: bold;
	text-align: center;
	width: 7em;
}

input {
	text-align: center;
	margin-left: 12px;
	padding: 5px;
	font-weight: bold;
	background-color: transparent;
	border-style: none;
	font-size: 14px;
	width: 5em;
	-webkit-appearance: caret;
}

.illegalVal{
	background-color: #ffd2e3;
}


/* --------- */











/* INPUTS FOR SMALL PANEL */


/*
.chartModuleBox {
	margin: 5px;
	float: none;
	background-color: #e6e6e6;
	border: gray dotted thin;
	padding: 15px;
	width: 260px;
}

.chartModuleBox td, .chartModuleBox th {
	border-top: solid #A2A2A2 1px;
	border-bottom: solid #A2A2A2 1px;
	border-left: solid #A2A2A2 1px;
	border-right: solid #A2A2A2 1px;

}


.inputLabel {
	background-color: #cecece;
	text-align: left;
	padding-left: 10px;
	font-size: 16px;
}


#chartInputForm label {
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 16px;
	float: left;
	display: inline-block;
}



*/

/* --------- */

input:hover:not(.result) {
	background-color:#ddefff ;
	-webkit-border-radius: 6px;    /* for Safari */
    -moz-border-radius: 6px;       /* for Firefox */
	border-radius: 6px;
	/* border: #2ed4ff solid thin; */
}




input:hover:not(.result) {
	background-color:#a9ffff ;
	-webkit-border-radius: 6px;    /* for Safari */
    -moz-border-radius: 6px;       /* for Firefox */
	border-radius: 6px;
	/* border: #2ed4ff solid thin; */
}