/* colors (dark to light)
New Colors:
Header Blue			#0018FF
Dark Blue			#000F9B
Background Blue		#DDECF3
Light gray 			#F8F8F8





Dark Header Blue    	#0013CC
Dark Grey			#7C7C7C
Light Grey			#CCCCCC
Medium Blue			#DEE6ED




*/

/* -------------------------------------------- body ------------------------------------------- */

body {
	font-family: Verdana, Calibri, Lucida Grande, Arial, Sans-serif;
	font-size: 11px;
	text-align: left;
	margin:0px;
	padding: 0px;
	background: #E7E7E7;
	width:100%;

}

div.logo {
	position:absolute;
	margin-top:-19px;

	
}

div.feedbackButton {
	position:fixed;
	top: 25%;
	right:-3px;
	background-color: black;
	background-image: url("../images/globals/feedback.png");
	color:#f8f8f8;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;	
	cursor:hand;
	cursor:pointer;
	z-index:999;
}

div.feedbackButton div{
	width: 39px;
	height: 106px;
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-bottom: 2px solid white;	
}



div.topMenu {
	width:960px;
	float:right;
	background-color:#2C2E2E;
	background-image:url("../images/globals/top_bg_color.png");
	padding:2px 2px 4px 2px;
	text-align:right;
	height: 15px;

}

div.dots {
	height: 14px;
	width: 960px;
	background: url("../images/globals/dots.gif");
	float: left;
}

div.dotsHeader{
	float:left;
	width: 960px;
}

ul {
	margin-top:0px;
}

li {
	margin-bottom: 5px;
}


ol {
	margin-top: 5px;
}

form {
	margin: 0px;
	padding: 0px;
}


div.body {
	width: 100%;
	float: left;
	
}

div.page {
	margin: auto;
	text-align: left;
	width: 964px;
	
	
	

}

div.page_content {
	float:left;
	background:white;
	min-height: 500px;
	border-right: 2px solid #434749;
	border-bottom: 2px solid #434749;
	border-left: 2px solid #434749;


	

}


div.container {
	float: left;
}

div.spacer{
	float: left;
	height: 5px;
}

div.section {
	float: left;
	margin-bottom: 5px;

	width:100%;

}

div.no_results{
	float: left;
	padding: 5px;

}

/* --------------------------------------------- header --------------------------------------------- */

div.header {
	margin-top: 0px;
	width: 964px;
	float: left;
	background-image: url("../images/globals/grad.png");
	background-color:black;
	height:61px;

	
}




div.right_section {
	float: right;
	margin-top: 12px;
	margin-right:0px;
	color:#cccccc;
	padding-right:10px;
	
}

div.right_section_big {
	float: right;
	margin-top: 36px;
}

input.header_text_box {
	background: #F8F8F8;
	border: 1px solid #000000;
	padding: 2px;

}

div.header_user {
	margin-top: 4px;
}

#right_header_curve {
	background: url("../images/globals/right_header_curve.gif");
	width: 10px;
	height: 56px;
	float: right;
}

#right_header_curve_100 {
	background: url("../images/globals/right_header_curve_100.gif");
	width: 10px;
	height: 100px;
	float: right;
}

#content {
	width: 940px;
	float: left;
	padding:10px;

}

#contentBasic {
	width: 940px;
	float: left;

}

div.login_link {
	float: left;
	text-decoration: none;
	font-size: 18px;
	cursor:pointer;
	cursor:hand;
}

div.login_link:hover {
	text-decoration: underline;
}



/* --------------------------------------------------- account tabs ------------------------------------*/

div.super_tabs_container{

	float: left;
	width: 955px;
	background: #0018FF;
	padding-left:5px;
	
}

div.super_tabs_off {
	float: left;
	background: #0018FF;
	padding: 7px;
	cursor:pointer;
	cursor:hand;
	color:#F8F8F8;
	margin-bottom:5px;
}

div.super_tabs_on {
	float: left;
	background: #F8F8F8;
	padding: 7px;
	font-size: 15px;
	font-weight: bold;
	font-family: arial;

	cursor:pointer;
	cursor:hand;
	position: relative;

	color: black;
	margin-top:7px;

	
}

div.super_tabs_off:hover{
	background: black;
}

div.super_spacer{
	float: left;
	width: 5px;
	background-color: #FFFFFF;
}

div.tabs {
	padding-top: 5px;
	float: left;
	background: #F8F8F8;
	width: 960px;
	margin-bottom: 10px;
	
}

div.tab_container_on {
	position: relative;
	padding: 5px;	
	float: left;
	background: #FFFFFF;
	font-size: 14px;
	font-family: arial;
	cursor:pointer;
	cursor:hand;
	padding-bottom: 10px;
	border-top: 1px solid #C6D4DA;
}

div.tab_container_off {
	padding: 5px;	
	float: left;
	cursor:pointer;
	cursor:hand;
	color: black;
	
	
}


div.tab_container_off:hover{

	background: #0018FF;
	color: #F8F8F8;

}

div.tab_off {
	float: left;
	height: 28px;
}

div.tab_off:hover {
	float: left;
}

div.tab_on {
	float: left;

}

div.section_title {
	padding: 5px;
	width: 40px;
	height: 25px;
	float: left;
}

div.account_tab_spacer {
	width: 5px;
	float: left;
	background: #F8F8F8;
}

/*------------------------------ signup -----------------------------*/
div.signupArea{
	float:left;
	margin-top: 0px;
	
}


a.signupTitle {
	font-size: 22px;
	font-family: arial;
	color: #7c7c7c;
}


input.signInBox {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	width:170px;
	height: 25px;
	font-size: 18px;
	font-family: verdana;
}

input.signInBox_short {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	width:120px;
	height: 25px;
	font-size: 18px;
	font-family: verdana;
}

select.signInBox {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	width:174px;
	height: 25px;
	font-size: 18px;
	font-family: verdana;
}

input.rentBox {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	width:170px;
}

select.rentBox {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	width:174px;
}

/* -------------------------------------------- form elements --------------------------------------*/

input.longTextBox {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	width:200px;
	height: 25px;
	font-size: 18px;
}

div.info_box {
	padding: 5px;
	float: left;
	border-style: solid;
	border-color: #7C7C7C;
	border-width: 1px;
	background: url("../images/home/grad.gif");
}

div.box_info {
	font-size: 15px;
}

div.box_title {
	color:#203360;
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	font-style:normal;
}

input.info_box_input_box {
	background: #FFFFFF;
	border: 1px solid #7C7C7C;
}



/* ----------------------------------------- buttons ------------------------------------------------*/





input.add_button {
	background: #0018FF;
	border: 1px solid #000000;
	color: #FFFFFF;
	padding: 3px 0px 3px 0px;
	width: 45px;
	cursor:pointer;
	cursor:hand;
}

input.add_button:hover {
	background-color:#000F9B; 
}

/* --------------------------------------------------- footer -------------------------------------------- */

#footer {
	width: 950px;
	float: left;
	padding: 5px;
}





#footer_spacer {
	width: 100%;
	height: 10px;
	float: left;
}

#footer_left {
	float: left;
}


#footer_right {
	float: right;
	color: #7C7C7C;
}

#footer_right a {
	
}

/* -------------------------------- links ------------------------------ */

a.topMenuLinks {
	color:#cccccc;
	
	
}

a.topMenuLinks:hover {
	color:white;
}

a.white_links {
	color: #f8f8f8;
	text-decoration: none;
}

a.white_links:hover {
	text-decoration: underline;
}

a.links {
	font-weight: bold;
	text-decoration: none;
	color: #000F9B;
}

a.links:hover {
	text-decoration: underline;
}

a.footer_links {
	text-decoration: none;
	color: black;
	
}

a.footer_links:hover {
	text-decoration: underline;
}


a.graph_links {
	font-weight: normal;
	font-size:10px;
	text-decoration: none;
	color: #000F9B;
	cursor:pointer;
	cursor:hand;
}

a.graph_links:hover {
	text-decoration: underline;
}

a.links2 {
	text-decoration: none;
	color: #FFFFFF;
}

a.links2:hover {
	text-decoration: underline;
}

a.links3{
	text-decoration: none;
	font-size: 18px;
	color: #FFFFFF;
}

a.links3:hover {
	text-decoration: underline;
}

a.light_links {
	text-decoration: none;
	color: #cccccc;
	
}

a.light_links:hover {
	text-decoration: underline;
	color:white;
}

a.home_links {
	color:black;
	text-decoration: underline;

}

a.home_links:hover {
	color:#0018FF;
	text-decoration: underline;
}

a.black_links {
	text-decoration: none;
	color: #000000;
}

a.black_links:hover {
		text-decoration: underline;
}

.light_gray_text {
	color: #000000;
	font-weight:normal;
	font-style:italic;
}

a.dark_links {
	text-decoration: none;	
	color: #000F9B;
}

a.dark_links:hover {
	
	text-decoration: underline;
}

a.bigLinks {
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#0018FF;
}

a.bigLinks:hover {
	text-decoration:underline;
}

a.bigBlack {
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:black;
}

a.bigBlack:hover {
	text-decoration:underline;
}

a.introTitle {
	text-decoration:none;
	font-size:14px;
	color:black;
}

a.grey_links{
	color: #7C7C7C;
	text-decoration: none;
}

a.grey_links:hover {
	color: #000F9B;
}

a.login_name {
	font-weight:bold;
	font-size:12px;
}

a.header_links {
	color:#cccccc;
	font-size:12px;
	text-decoration:none;
}

a.header_links:hover {
	color:white;
	text-decoration:underline;
}



/* ------------------------------- x's -------------------------------*/

div.x_option {
	font-weight: bold;
	color: #7C7C7C;
	cursor:pointer;
	cursor:hand;
}

div.x_option:hover {
	color: #000F9B;
}

a.x_option {
	font-weight: bold;
	color: #7C7C7C;
	cursor:pointer;
	cursor:hand;
	text-decoration: none;
}

a.x_option:hover {
	color: #000F9B;
}



div.loading_div {
	padding: 5px;
	font-style: italic;
	float: left;
}

a.big_blue_font {
	color: #000F9B;
	font-size: 18px;
	font-weight: normal;
}

input.btn { 
	margin: 0px;
	color:#ffffff; 
	padding:5px;
	font-weight: bold;
	font-size:14px;
	font-family:verdana; 
	background-color:#000F9B; 
	border:1px solid; 
	border-color: #000000; 
	cursor:pointer;
	cursor:hand;
} 

input.btn:hover { 
	background-color:#0156A7; 
} 

/*---------------------------- generic headers --------------------------- */

div.right_header {
	width: 733px;
	float: left;
	border-bottom: solid 1px #7C7C7C;

	font-weight: bold;
}

div.right_header div {
	float: left;
	padding: 7px 0px 7px 0px;
}



div.long_header {
	width: 940px;
	float: left;
	border-bottom: solid 1px #7C7C7C;

	font-weight: bold;

}

div.long_header_main{
	width: 960px;
	float: left;
	background: #0018FF;
	font-weight: bold;
	color: #f8f8f8;

}

div.long_header div {
	float: left;
	padding: 7px 0px 7px 0px;
}

div.long_header_main div {
	float: left;
	padding: 7px;
}

div.page_header {
	width: 940px;
	float: left;
	border-bottom: solid 1px #7C7C7C;
	background: #0018FF;
	font-weight: bold;
	margin-bottom: 10px;

}

div.page_header div {
	float: left;
	padding: 7px;
}

div.current_funds {
	float: left;
	margin-bottom: 10px;
}

/*------------------------- grid class ---------------------------*/

td.grid_header {
	padding: 5px;
	background-color: #F8F8F8;
	font-weight: bold;

}

td.grid_header_bottom {
	height: 1px;
	background-color: #CCCCCC;
}

td.grid_cell_white {
	padding: 5px;
}

td.grid_cell_colored {
	padding: 5px;
	background-color: #F8F8F8;
}

tr.row_white{
	background-color: #FFFFFF;
}

tr.row_white:hover {
	background-color:#DEE6ED;
	cursor:pointer;
	cursor:hand;
}

tr.row_color{
	background-color: #F8F8F8;
}

tr.row_color:hover {
	background-color:#DEE6ED;
	cursor:pointer;
	cursor:hand;
}

/*--------------- styling for globals -----------------------*/
div.select_box_container {
	float:left;
	width: 200px;
}


div.site_maintenance {
	float:left;
	width:878px;
	text-align:center;
	margin-top:15px;
	padding:40px;
	font-size:12px;
	font-weight:bold;
	background-color:pink;
	border:1px solid red;
	
}

div.helper {
	position:absolute;
	color:#7C7C7C;
	border: 0px;
	background-color: #FFFFFF;
	margin-top:-5px;
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;

}

/* -------------------- curved corners ------------------------ */

.intro_box {
	position:relative; 
	width: 918px;
	background-color: #FFFFAF;
	padding:10px;
	margin-bottom:10px;
	float:left;
	}
#cv1, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#FFFFAF;; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#cv1 {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.intro_box em b {position:absolute; font-size:150px; font-family:arial; color:#FFFFAF;; line-height:40px; font-weight:normal;}
#cv1 b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.intro_box div {position:relative; z-index:100; padding:5px 10px;}