/* CSS Document */
body,html {font-family:Arial,Helvetica,sans-serif;border:0px;margin:0px;padding:0px; }
textarea {font-family:Arial,Helvetica,sans-serif;font-weight: normal;font-size: 14pt;}
#app_outer {
	
	width:1024px;
	margin:0px auto 0px auto;
	height:768px;
	position: relative;
	display:block;
	overflow: hidden;
}
#app_container {
	width:1024px;
	margin:0px auto 0px auto;
	height:765px;
	overflow: scroll;
	position: absolute;
	display:block;
}

.italic {font-style:italic;}
.clear {clear:both;float:none;}
.red {color:#fe0000;}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
p {letter-spacing:1px;
	font-weight:100;}
h1.italic {font-style:italic;}

.blue {
	color:#0000ff;
}

.lighter {
	font:'Helvetica Neue Light','Helvetica', Arial,sans-serif;
	font-size:14px;
	font-weight:100;
}

.rights {
	font-size:14pt;
	position:relative;
	top:-15px;
}

#header {
	clear:both;
	float:none;
	width:1024px;
	height:35px;
	background-color:#006daa;
	color:#fff;
	display:block;
	position:relative;
	margin:0 auto;
}

#subheader {
	clear:both;
	float:none;
	width:1024px;
	height:35px;
	background-color:#80aee1;
	color:#fff;
	display:block;
	position:relative;
	margin:2px auto;
}

#title {padding-top:8px;padding-left:5px;}

#iFrameCont {
	width:1024px;
	height:655px;
	display:block;
	margin: 0px auto 0px auto;
	position:relative;
	overflow:hidden;
	padding:0px;
}

#mainFrame {
	width:1024px;
	height:655px;
	display:block;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
	padding:0px;
}

/*FOOTER*/

#footer {
	clear:both;
	float:none;
	width:1024px;
	height:35px;
	background-color:#006daa;
	color:#fff;
	display:block;
	position:relative;
	margin: 0 auto;
}

#footer a{color:#fff;text-decoration:none;}
#footer a:hover {color:#FF0;}
#footerBTNCont {float:right;margin-top:0px;}
.footerLine {
	width:2px;
	height:35px;
	float:left;
	background-color:#fff;
	margin-right:5px;
}
#footerBTNExitCont {float:left;display:none;}
#cont_exit {
	height:35px;
	width:210px;
	position:relative;
	background-image:url('../img/exit.jpg');
	background-position:4px 8px;
	background-repeat:no-repeat;
}
#cont_exit p {
	padding-top:10px;
	margin:0px 0px 0px 30px;
}
a:hover#btn_end #cont_exit {
	background-image:url('../img/exit_hover.jpg');
}
#cont_prev {
	height:35px;
	float:left;
	width:140px;
	position:relative;
	background-image:url('../img/arrow_prev.png');
	background-position:4px 8px;
	background-repeat:no-repeat;
}
#cont_prev p {
	padding-top:9px;
	margin:0px 0px 0px 30px;
}
a:hover#btn_prev #cont_prev {
	background-image:url('../img/arrow_prev_hover.png');
}
#cont_navi {
	height:35px;
	float:left;
	width:150px;
	margin:0 5px;
	position:relative;
	/*background-image:url('../img/nav_icon.png');
	background-position:0px 7px;
	background-repeat:no-repeat;*/
}
#cont_navi p {
	padding-top:9px;
	margin:0px 0px 0px 30px;
}
a:hover#btn_navi #cont_navi {
	background-image:url('../img/nav_icon_hover.png');
}
#cont_next {
	float:left;
	height:35px;
	width:130px;
	margin:0 5px;
	position:relative;
	background-image:url('../img/arrow_next.png');
	background-position:112px 8px;
	background-repeat:no-repeat;
}
a:hover#btn_next #cont_next {
	background-image:url('../img/arrow_next_hover.png');
}
#cont_next p {
	padding-top:9px;
	margin:0px;
}
.form_calc_btn {
	width:auto;
	height:30px;
	border:#006DAA solid 2px;
	background-image: url(../img/form_calc.png);
	color:white;
	background-color:#80AEE1;
	background-repeat:no-repeat;
	background-position:6px;
}

.form_calc_btn p {
	font-size:16px;
	margin:5px 0px 0px 35px;
}


/*Light Blue Nav*/


#light_nav {
	height:31px;
	width: 430px;
	background-color:#80aee1;
	display:inline-block;
}

#light_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#light_nav ul li p {
	margin:6px 0px 0px 30px;
	font-size:15px;
	color:white;
	font-weight:100;
}

#light_nav ul li p:hover {
	color:#FFFF00;
}

#light_nav ul a {
	display:block;
	width:auto;
	text-decoration:none;
}

.cut {
	width:70px;
	height:25px;
	float:left;
	margin-left:10px;
	/*margin-right:-9px;*/
	position:relative;
	/*background-image: url('../img/cut.png');
	background-repeat:no-repeat;
	background-position: 1px 3px;*/
}

a:hover li.cut {
	/*background-image: url('../img/cut_hover.png');
	background-position: 1px 3px;*/
} 

.copy {
	width:70px;
	height:25px;
	float:left;
	position:relative;
	/*background-image:url('../img/copy.png');
	background-repeat:no-repeat;
	background-position:0px 3px;*/
}

a:hover li.copy {
	/*background-image: url('../img/copy_hover.png');
	background-position: 0px 3px;*/
}

.paste {
	width:60px;
	height:25px;
	margin-right:5px;
	float:left;
	position:relative;
	/*background-image:url('../img/paste.png');
	background-repeat:no-repeat;
	background-position:0px 3px;*/
}

a:hover li.paste {
	/*background-image: url('../img/paste_hover.png');
	background-position: 0px 3px;*/
}

.undo {
	width:100px;
	height:25px;
	float:left;
	position:relative;
	/*background-image:url('../img/undo.png');
	background-repeat:no-repeat;
	background-position:0px 3px;*/
}

a:hover li.undo {
	/*background-image: url('../img/undo_hover.png');
	background-position: 0px 3px;*/
}

.redo {
	width:80px;
	height:25px;	
	float:left;
	position:relative;
	/*background-image:url('../img/redo.png');
	background-repeat:no-repeat;
	background-position:0px 4px;*/
}

a:hover li.redo {
	/*background-image: url('../img/redo_hover.png');
	background-position: 0px 4px;*/*/
}

/*LISTS*/

ul {
	font-size:20px;
	font-weight:100;
	letter-spacing:1px;
	list-style:none;
}


/*CONTENT*/

#welcome_content {
	text-align:center;
	margin-top:42px;
}

#instructions_content {
	text-align:center;
	width:655px;
	margin:0 auto;
}

#how_to {
	width:auto;
	height:auto;
	background-color:#d8d8d8;
	border:2px solid #0000ff;
	margin:20px;
	padding:5px;
}

#page_six {
	height:auto;
	width:auto;
}

#instructions {
	width:568px;
	height:auto;
	float:left;
	background-color:#d8d8d8;
	border:2px solid #0000ff;
	margin:10px 5px 0 0;
	padding:5px;
}

.instructions {
	width:530px;
	height:auto;
	float:left;
	background-color:#d8d8d8;
	border:2px solid #0000ff;
	margin:10px 5px 0 0;
	padding:5px;
}

#example {
	float:right;
	width:406px;
	height:655px;
	border-left:13px solid #006daa;
	overflow:hidden;
}

.inner {
	margin: 15px 0px 0px 15px;
}

.inner a {
	text-decoration:none;
}

.left {
	float:left;
	width:500px;
}

.right {
	float:right;
}
/*****UNSEEN CONTENT*******/
#unseen_container {
	width:510px;
	height:185px;
	display:none;
	z-index:800;
	top:265px;
	background-color:#006daa;
	border:1px solid white;
	position: absolute;
}
.unseen_header_table {border-bottom:1px solid #fff;}
.unseen_header_table:hover {cursor: move;}
.unseen_header_table p {color:#fff;margin:0px;padding:0px;}
.unseen_title p {margin-top:2px;margin-left:10px;font-family: 'Source Sans Pro', sans-serif; letter-spacing:2px;
	font-size:11pt;
	font-weight:'lighter';}
.unseen_close p {margin-top:3px;margin-right:5px;}
.unseen_cont{margin-left:10px;margin-right:26px;overflow:scroll;z-index:999;margin-bottom: 12px;margin-top:15px;overflow:hidden;}
.unseen_bottom {margin-left:10px;color:#fff;margin-top:4px;}


.unseenCloseLink {
	position: relative;
	width:129px;height:31px;
	background-image:url('../img/ok_img.jpg');
	background-position:0px -31px;
	text-indent: 99999px;
	z-index:9999;
	display:inline-block;
}
.unseenCloseLink:hover {
	background-position: 0 0;
}
.unseen_cont {text-align:center;}
.unseen_text {
	padding-left:12px;
	
}
.unseen_text p {color:#fff;
  	font-family: 'Source Sans Pro', sans-serif;
	font-weight:200;margin:3px;padding:0px;}

.subnavhighlight {
	margin-top: 8px;
	width:130px;height:22px;
	background-image:url('../img/highlight_img.jpg');
	background-position:0px -22px;
	text-indent: -99999px;
	display:inline-block;
	margin-left:5px;

}
.subnavhighlight:hover {
	background-position: 0 0;
}
#highlight {
	width:163px;
	height:144px;border: 1px solid #68639a;
	display:none;
	z-index:999;
	top:68px;left:8px;
	position: absolute;
	background-color: #fff;
}
.highlight_item {height:24px;width:162px;margin-left:1px;color:#000;z-index:999;}
#h_yellow {background-color: #fbff00;}
#h_green {background-color: #00ff00;}
#h_pink {background-color: #ffacb9;}
#h_blue {background-color: #34befc;}
#h_red {background-color: #ff0000;}
#h_rem {background-color: #fff;}
.highlight_item p{margin:0px;padding:2px;font-family: 'Source Sans Pro', sans-serif; letter-spacing:2px;
	font-size:11pt;
	font-weight:'lighter';}
#h_yellow:hover {background-color: #9b96cd;}
#h_green:hover {background-color: #9b96cd;}
#h_pink:hover {background-color: #9b96cd;}
#h_blue:hover {background-color: #9b96cd;}
#h_red:hover {background-color: #9b96cd;}
#h_rem:hover {background-color: #9b96cd;}


#resval_container {
	width:510px;
	height:165px;
	display:none;
	z-index:800;
	top:265px;
	background-color:#006daa;
	border:1px solid white;
	position:absolute;
}


#end_container {
	width:410px;
	height:165px;
	display:none;
	z-index:800;
	top:265px;
	background-color:#006daa;
	border:1px solid white;
	position: absolute;
}
.endYesLink {
	position: relative;
	width:80px;height:31px;
	background-image:url('../img/btn_yes.jpg');
	background-position:0px -31px;
	text-indent: 99999px;
	z-index:9999;
	display:inline-block;
}
.endYesLink:hover {
	background-position: 0 0;
}
.endNoLink {
	position: relative;
	width:88px;height:31px;
	background-image:url('../img/btn_no.jpg');
	background-position:0px -31px;
	text-indent: 99999px;
	z-index:9999;
	display:inline-block;
}
.endNoLink:hover {
	background-position: 0 0;
}

/***************/
#symbol_2_container {
	width:429px;
	height:269px;
	display:none;
	z-index:800;
	top:230px;
	background-color:#006daa;
	border:1px solid white;
	position:absolute;
}
.symbol_item2 {height:30px;width:30px;border:1px solid black;color:black;float:left;font-size:13pt;font-weight:100;font-family:'Helvetica Neue Light','Helvetica', Arial,sans-serif;}
.symbol_item2:hover{background-color:#006aab;color:#fff;font-weight:100;font-family:'Helvetica Neue Light','Helvetica', Arial,sans-serif;}
.symbol_item_inner {margin-top:5px;margin-left:10px;}