@charset "utf-8";
/* CSS Document */

.left {
	float: left;
}
.right {
	float: right;
}
.leftPad {
	padding-left: 15px;
}
.rightPad {
	padding-right: 15px;
}
.topPad {
	padding-top: 15px;
}
.bottomPad {
	padding-bottom: 15px;
}
.short {
	width: 1em;	
}
.answerWidth{
	width: 85%	
}
.clear {
	clear: both;
}

.activityQuestionsBox {
	padding: 1em 1em 1em 1em;
	border: 1px solid #505050;
	border-radius: 10px;
}

.questionbox{
	padding: 0em 0em 1.25em .6em;
}

.textareaQuestion{
	width: 80%;
	height: 5em;
	margin: auto;
}	

.answerbox{
	width: 100%;
	background: #bababa;
	padding: .5em .5em 1.25em .5em;
	margin: .95em 0 0 0;
	border: .1em solid #505050;
	color: #000000;
	box-shadow: 0em 0em .3em #000000;
	border-radius: .6em;
}
.nextquestiondiv {
	margin: 0 1.3em 0 0em;
	float: left;	
}

.nextquestion {
	margin: 0 1.3em 0 0em;
	float: right;	
	font-weight: bold;
}
.exampleText{
	color: #950b0b;
	font-weight: bold;	
}
#mutualFunds {
	padding-left: 1.8em;
}
#mutualFunds th,#mutualFunds td{
	padding: 8px;
	border: 1px solid #666666;	
}
#netFunds, #navFunds, #vanFunds {
	width: 30%;	
}
#netFundsBut:hover, #navFundsBut:hover, #vanFundsBut:hover {
	cursor: pointer;
	background: #eeeeee;
}
#stockTable {
	width: 100%;	
}
#stockTable th, #stockTable td {
	border: 1px solid #666666;	
	text-align: center;
}
.btnOne:hover, .btnTwo:hover, .btnThree:hover, .btnFour:hover, .btnFive:hover, .btnSix:hover {
	cursor: pointer;
	background: #eeeeee;
}

.sqRowColor{
	background: #eeeeee;
}


/* css style buttons */
.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: .5em 2em .5em 2em;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;

}
.buttonColor, a.buttonColor {
	background: #f8d187;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8b432), to(#f8d187));
	background: -webkit-linear-gradient(top, #f8d187, #f8b432);
	background: -moz-linear-gradient(top, #f8d187, #f8b432);
	background: -ms-linear-gradient(top, #f8d187, #f8b432);
	background: -o-linear-gradient(top, #f8d187, #f8b432);
	color: #000000;
	-webkit-box-shadow: 0em .1em .2em #000;
	-moz-box-shadow: 0em .1em .2em #000;
	box-shadow: 0em .1em .2em #000;
}

a:visited.buttonColor {
	color: #000000;
}

.buttonColor:hover, a.buttonColor:hover {
	background: #505050;
	color: #ffffff;
}

.buttonColorGray, a.buttonColorGray {
	background: #505050;
	color: #ffffff;
	-webkit-box-shadow: 0em .1em .2em #000;
	-moz-box-shadow: 0em .1em .2em #000;
	box-shadow: 0em .1em .2em #000;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: .25em .5em .25em .5em;
	margin: .25em .25em .5em .25em;
}

a:visited.buttonColorGray {
	color: #ffffff;
}

.buttonColorGray:hover, a.buttonColorGray:hover {
	background: #c7c7c7;
	color: #000000;
}

/*big gray button8*/

.buttonColorGrayBig, a.buttonColorGrayBig {
	background: #505050;
	color: #ffffff;
	-webkit-box-shadow: 0em .1em .2em #000;
	-moz-box-shadow: 0em .1em .2em #000;
	box-shadow: 0em .1em .2em #000;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: .5em 2em .5em 2em;
	margin: .25em .25em .5em .25em;
}

a:visited.buttonColorGrayBig {
	color: #ffffff;
}

.buttonColorGrayBig:hover, a.buttonColorGrayBig:hover {
	background: #c7c7c7;
	color: #000000;
}


/*Red button*/
.buttonColorRed, a.buttonColorRed {
	background: #c34343;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c34343), to(#b82222));
	background: -webkit-linear-gradient(top, #c34343, #b82222);
	background: -moz-linear-gradient(top, #c34343, #b82222);
	background: -ms-linear-gradient(top, #c34343, #b82222);
	background: -o-linear-gradient(top, #c34343, #b82222);
	color: #ffffff;
	-webkit-box-shadow: 0em .1em .2em #000;
	-moz-box-shadow: 0em .1em .2em #000;
	box-shadow: 0em .1em .2em #000;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: .25em .5em .25em .5em;
	margin: .25em .25em .5em .25em;
	font-size: .75em;
}

a:visited.buttonColorRed {
	color: #000000;
}

.buttonColorRed:hover, a.buttonColorRed:hover {
	background: #505050;
	color: #ffffff;
}

/*Story ID */
.storyIdBox {
	display: block;
	float: left;
	width: 25%;
	background: #eeeeee;
	padding: .95em;
	margin: .95em 1.8em 0em 1.8em;
	border: .1em solid #262626;
	color: #000000;
	box-shadow: 0em 0em .3em #000;
	border-radius: .6em;
}