body
{
	margin: 0px;
	color: black;
}

table, tr, td
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

input, select
{	
	font-family : "Courier New", Courier, monospace;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: black;
	background-color: White;
	/* Here's some tricky css stuff to only render on 'text' inputs. */
	border: expression(
		this.type=="text" || this.type=="password" ? '1px solid black' : ''
		);
	padding-left: 4px;
}

.loginField
{
	border: expression(
		this.type=="text" || this.type=="password" ? '1px solid darkgreen' : ''
		);
	background-color: white;
	width: 110px;
}

textarea
{
	font-family: "Courier New", Courier, monospace;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid black;
	padding-left: 4px;
	color: black;
}

.notebook
{
	font-family: cursive;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	color: midnightblue;
	background-image: url( '../images/img_notebook.gif' );
	word-wrap: break-word;	
	line-break: strict;
	line-height: 1.7;
}

hr { color: steelblue; }
a { color: rgb( 64, 64, 102 ); }
a:hover { color: orange; }

.footer
{
	border-top: 1px solid rgb( 153, 153, 153 );
	background-color: gainsboro;
}

.footer2
{
	border-top: 1px solid rgb( 153, 153, 153 );
	border-right: 1px solid rgb( 153, 153, 153 );
	background-color: whitesmoke;
}

.titleLeft { width: 1px; }
.titleMid { background-image: url( '../images/title/title_mid.jpg' ); }
.titleRight 
{
	background-image: url( '../images/title/title_right.jpg' );
	width: 69px;
}

.transparent
{
	background-color: black;
	filter: alpha( opacity=25 );
	opacity: 0.25;
}

.nontransparent
{
	background-color: white;
	filter: alpha( opacity=100 );
	opacity: 1.0;
}

.pageTitle
{
	font-size: 12pt;
	font-weight: bold;
	color: SeaGreen;
}

.alert 
{
	font-weight: bold;
	color: red;
}

.overall
{
	height: 100%;
	width: 100%;
}

.header
{
	background-image: url( '../images/asa-logo.jpg' );
	color: black;
}

.title { font-weight: bold; }
.photo { border: 1px solid rgb( 102, 0, 102 ); }
.graph { border: 1px solid rgb( 0, 123, 89 ); background-color:white; }
.textbox { border: 1px solid gray; }
.numberheader { color: midnightblue; font-weight: normal; }
.number { color: darkslategray; font-weight: bold; }
.notify { font-weight: bold; color: midnightblue; }

.notice 
{
	color: navy;
	background-color: rgb( 232, 232, 232 );
	padding: 10px;
	border: 1px dotted darkslategray;
}

.line
{
	border-top: 1px solid midnightblue;
	color: darkslategray;
	font-weight: bold;
}

.doubleline
{
	border-top: 3px double midnightblue;
	color: darkslategray;
	font-weight: bold;
}

.section
{
	color: darkslategray;
	background-color: white;
	border: 1px dotted darkslategray;
}

.sectionTitle
{
	font-weight: bold;
	color: darkgreen;
	background-color: rgb( 204, 255, 204 );
}

.contentLeft
{
	background-image: url( '../images/bg_left.jpg' );
	background-repeat: no-repeat;
}

.contentRight
{
	background-image: url( '../images/bg_right.jpg' );
	background-repeat: no-repeat;
}

.content
{
	padding-top: 5px;
	background-image: url( '../images/bg_mid.jpg' );
	background-repeat: repeat-x;
}

.sidebox
{
	background-image: url( '/images/borders/bubble_up_bg.gif' );
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	padding-right: 16px;
}

.sidenav
{
	background-image : url( '/images/borders/right_nav_container_bg.gif' );
	color: white;
	font-weight: bold;
}

.sidenavinner
{
	background-image: url( '/images/borders/right_nav_bg.gif' );
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

.popupTitle
{
	background-color: rgb( 153, 102, 153 );
	color: white;
	font-size: 10pt;
}

.topmenubutton
{
	background-image: url( '../images/menu_back.jpg' );
	color: white;
	font-size: 10pt;
	/*
	border-top: 1px solid rgb( 102, 102, 153 );
	border-bottom:1px solid rgb( 102, 102, 153 );
	*/
}

/************* Menu styles *********************************************************/
.RootMenuItem
{
	/* cursor: hand; */
	cursor: default;
	color: white;
	border-left: none;
	border-right: none;
	background-image: url( '../images/menu_back.jpg' );
	font-size: 12px;
}
.RootHoverMenuItem
{
	/* cursor: hand; */
	cursor: default;
	color: white;
	border-left: none;
	border-right: none;
	background-image: url( '../images/menu_over.jpg' );
}
.RootActiveMenuItem
{
	/* cursor: hand; */
	cursor: default;
	color: white;
	border-left: none;
	border-right: none;
	background-image: url( '../images/menu_over.jpg' );
}

.RootMenuGroup { }

.MenuItem 
{
	/* cursor: hand; */
	cursor: default;
	color: white;
	background-color: rgb( 102, 153, 102 );
}
.ActiveMenuItem
{
	cursor: default;
	color: rgb( 102, 102, 153 );
	background-color: rgb( 71, 176, 93 );
}
.HoverMenuItem
{
	/* cursor: hand; */
	cursor: default;
	color: rgb( 102, 102, 153 );
	background-color: rgb( 204, 255, 204 );
}
.MenuGroup
{
	border-left: 1px solid rgb( 102, 0, 102 );
	border-right: 1px solid rgb( 102, 0, 102 );
	border-bottom: 1px solid rgb( 102, 0, 102 );
}

/***********************************************************************************/

/************* Grid styles *********************************************************/
.grid { border: 1px solid rgb( 102, 102, 153 ); }
.gridItem { background-color: whitesmoke; color: darkslategray; }
.gridAltItem { background-color: rgb( 230, 230, 230 ); color: darkslategray; }
.gridBorder { border: 1px solid SeaGreen; }

.gridTitle
{
	padding-right: 12px;
	padding-left: 12px;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 3px;
	color: white;
	padding-top: 3px;
	height: 22px;
	background-color: dimgray;
}

.gridHeader
{
	font-weight: normal;
	color: white;
	background-color: SeaGreen;
	padding: 3px;
}

/***********************************************************************************/