@charset "iso-8859-1";
/**
 * © 2009 Allvesta, LLC
 *
 * This file and all of the source code contained within are the intellectual 
 * property of Allvesta, LLC. Any reproduction, description (either
 * written or verbal), or derivative of this code is strictly prohibited without
 * the written consent of Allvesta, LLC.
 *
 * -------------------------------------------------------------------------------
 *
 * Description: Screen cascading style sheets.
 *      Author: Daniel Jennings (dsj@allvesta.com)
 *    Revision: A
 *  References: None
 *       Notes: None
 */


 /* import other styles */
 @import url("menus.css");


/*************************************************************
 *						  General Styles
 *************************************************************/

body {
	padding: 1em;
	font-size: 75.01%; 
	background-color: white;
	margin: 0px; 
	color: black; 
	line-height: 1.2em;
	font-family: "Helvetica", "Trebuchet MS", "Luxi Sans", "Georgia", "Verdana", sans-serif;
	min-width: 85em;
}

p {
	line-height: 1.5em;
}

li {
	margin: 0px;
	padding: 2px;
}

h1 {
	font-size: 225%;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 10px;
}

h2 {
	font-size: 200%;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 10px;
}

h3 {
	font-size: 175%;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 10px;
}

h4 {
	font-size: 150%;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 10px;
}

h5 {
	font-size: 125%;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 10px;
}

h6 {
	font-size: 100%;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 10px;
}

a, a:link, a:visited, a:active {
	color: #335294;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.disabled {
	color: gray;
}

div.container {
	padding: 5px;
}


/**
 * Defines a popup.
 */
.popup {
	position: absolute;
	z-index: 100;
}



/*************************************************************
 *						  Page-Layout Styles
 *************************************************************/

#pageWrapper {
	border: 1px solid black; 
	margin: 0px auto; 
	min-width: 85em; 
	max-width: 85em;
}

#header {
	padding: 1em;
	background-color: #335294;
}

#footer {
	clear: both;
	padding: 1em;
	color: #333333;
	text-align: center;
	background-color: #F7F7F7;
	font-size: 80%;
	border-top: 1px solid black;
}

#footer a:link, #footer a:active, #footer a:visited {
	padding: 3px;
}

#columnWrapper {
	padding-right: 15em; 
	padding-left: 20em; 
	padding-bottom: 0px; 
	padding-top: 0px;
}

#columnBox {
	border-right: 1px dotted black;
	border-left: 1px dotted black;
	margin: 0px -1px;
	width: 100%;
}

#floatWrapper {
	float: left; 
	width: 100%; 
	position: relative;
}

#centerColumn {
	float: right; 
	width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
	min-height: 500px;
}

#leftColumn {
	z-index: 10; 
	float: left; 
	margin-left: -20em;
	width: 20em;
	overflow: hidden; 
	position: relative;
	padding-top: 2em;
	padding-bottom: 2em;
}

#rightColumn {
	z-index: 11; 
	float: right; 
	margin-right: -15em;
	width: 15em;
	overflow: hidden; 
	position: relative;
	padding-top: 2em;
	padding-bottom: 2em;
}


/*************************************************************
 *						  Form Styles
 *************************************************************/

form {
	font-size: 90%;
}

select {
	margin-top: 3px;
}

textarea {
	font-family: "Helvetica", "Trebuchet MS", "Luxi Sans", "Georgia", "Verdana", sans-serif;
	font-size: 100%;
    resize: none;
}

form div.row {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	clear: both;
}

form div.first-row {
	padding-top: 1.5em;
	padding-bottom: 0.3em;
	clear: both;
}

form div.last-row {
	padding-top: 1em;
	padding-bottom: 0em;
	clear: both;
}

fieldset {
	border: 1px solid #335294;	/* same color as background color */
	padding: 10px;				/* padding all around */
	margin: 20px 0px;			/* put margin at top and bottom */
}

fieldset.colored-container {
	position: relative;
}

fieldset.colored-container legend {
	position: absolute;
	top: -14px;
}

fieldset.first-fieldset {
	padding-top: 0em;
	margin-top: 0px;			/* no top margin for the first fieldset */
}

fieldset.content-fieldset {
	margin-left:3%;
}

legend {
	font-size: 130%;
	font-weight: bold;
	color: #335294;
	border: 1px solid #335294;
	padding: 5px;
	margin-bottom: 15px;
	margin-left: 10px;
}

label {
	float: left;			
	text-align: right;		/* aligns text of label to the right */
	padding-right: 7px;		/* provides padding between label and form element */
	width: 7em;				/* Default width */
	padding-top: 5px;		/* Aligns the label with the form element */
}

label.required {
	font-weight: bold;		/* required fields are bold */
}

/* Adjust padding on labels for increment/decrement boxes so they are centered */
label.increment-decrement {
	padding-top: 10px;
}

/* Defines form text */
span.form-text {
	display: block; 
	padding-top: 5px;
	font-size: 115%;
}

/* Defines form text that is inline */
span.inline-form-text {
	font-size: 115%;
}


/*************************************************************
 *						  Table Styles
 *************************************************************/

table.centered {
	margin-left: auto;
	margin-right: auto;
} 
 
/*
 * Defines tables for calendar
 */
table.calendar {
	border: 1px solid #335294;
	border-collapse: collapse;
	width: 100%;
}

table.calendar th.calendar-day {
	border: 1px solid #335294;
	border-collapse: collapse;
	width: 14.28%;
	height: 50px;
}

table.calendar td.calendar-day {
	border: 1px solid #335294;
	border-collapse: collapse;
	width: 14.28%;
	height: 50px;
}

table.calendar th.calendar-current-day {
	border: 1px solid #335294;
	border-collapse: collapse;
	width: 14.28%;
	height: 50px;
	background-color: #E9EDF7; /* same color as colored-container class */
}

table.calendar td.calendar-current-day  {
	border: 1px solid #335294;
	border-collapse: collapse;
	width: 14.28%;
	height: 50px;
	background-color: #E9EDF7; /* same color as colored-container class */
}


/*
 * Defines a bordered table
 */
table.bordered {
	border: 1px solid #335294;
	border-collapse: collapse;
}

table.container {
	border: 1px solid #335294;
	border-collapse: collapse;
	padding: 5px;
}

table.bordered th {
	padding: 4px;
	border: 1px solid #335294;
	border-collapse: collapse;
}

table.bordered td {
	padding: 4px;
	border: 1px solid #335294;
	border-collapse: collapse;
}

/*
 * Defines a shaded cell
 */
table.bordered td.shaded {
	background-color: #E9EDF7;
}

th.bordered {
	padding: 4px;
	border: 1px solid #335294;
	border-collapse: collapse;
}

td.bordered {
	padding: 4px;
	border: 1px solid #335294;
	border-collapse: collapse;
}

/*
 * Defines a label cell
 */
td.label {
	font-weight: bold;
	text-align: right;
	padding-right: 3px;
}

/*
 * Defines a shaded cell
 */
td.shaded {
	background-color: #E9EDF7;
}

tr.shaded td {
	background-color: #E9EDF7;
}

/**
 * All cells
 */
td {
	padding: 1px;
}

/**
 * All header cells
 */
th {
	text-align: center;
	font-weight: bold;
}
 
div.scrolling {
	overflow: auto;
   	border: 1px solid gray;
   	padding: 0px;
   	margin: 0px;
}
 
div.gray-background {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 500;
	visibility: hidden;
	display: none;
}


/*************************************************************
 *						  General Classes
 *************************************************************/

.first-char {
	font-size: 125%;
	margin-left: 2em;
}

.profit {
	color: #0CBA4C;
}

.loss {
	color: #F63D30;
}

.note {
	color: gray;
	font-size: 85%;
}

.main-content-box {
	margin: 1em;
}

.clear {
	clear: both;
}

.colored-container {
	border: 1px solid #335294;
	background-color: #E9EDF7;
}
 
 .container {
	border: 1px solid #335294;
 }

.hidden-inner-link {
	display: none;
}

.centered {
	text-align: center;
}

table.centered {
	margin-left:auto; 
	margin-right:auto;
}