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

/* --------------------- */
html,body{ 
padding:0px; margin:0px;
background-image:url(graphics/bk.gif);}
/* --------------------- */
#content{ padding:20px;}

	#content #stocklistform{}
		#stocklistform .formheader{ width:100%; background-color:#EAEAE8; margin:8px 0px 8px 0px; padding:3px;}
		#stocklistform .col{ float:left; width:373px;}
		#stocklistform p{ clear:left; margin:0; padding:2px 0px 2px 0px; padding-left:145px; height:1%;}
		#stocklistform label{ text-transform: uppercase; float:left; margin-left:-145px; /*width of left column*/ width:160px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
		#stocklistform input[type="text"]{ width:130px; margin:2px;}
		#stocklistform input.textsmall{ width:30px;}
		#stocklistform select{ width:135px; margin:2px;}
		#stocklistform textarea{ width:130px; margin:2px;}
		#stocklistform .submit { margin-top:115px; border: 1px #666666 solid; }

#footer{ background-color:#EAEAE8;}		
/* --------------------- */
.cleaner{ clear:both;}
/* --------------------- */
a {
color:#666666;
text-decoration:none;
}
a:hover{
color:#999999;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
.border {
border: 1px #666666 solid;
}
a.current:link {
    color : red;
}
		/*this is the css for the vertical version*/
		.title{
			width: 157px;
			height: 1.2em;
			padding: .1em 1px;
			padding: 2px;
			background-color:#C2C2BB;
			color:#FFFFFF;
			font-weight:bold;
		}
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			border-top: 1px solid #FFFFFF;
			width: 158px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			margin-left:0px;
		}
		.vertical li a{
			display: block;
			width: 157px;
			text-decoration: none;
			height: 1.2em;
			padding: .1em 1px;
			border: 1px solid #FFFFFF;
			border-top: 0px;
			padding: 2px;
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.6em;
			margin-left: 157px;
		}
		
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		
		/*Plus code*/
		.plus a span{
			padding-left: 0px;
		}
		/*colors for menu*/

		.blackwhite li a{
			background-color: #E1E1D9;
			color: black;
			border-color: #FFFFFF;
		}
		.blackwhite li a:hover{
			background-color: black;
			color: white;
			border-color: #FFFFFF;
		}
		.blackwhite ul{
			border-color: #FFFFFF;
		}
		.bluewhite li a{
			background-color: white;
			color: #000033;
			border-color: #000033;
		}
		.bluewhite li a:hover{
			background-color: #000033;
			color: white;
			border-color: #000033;
		}
		.bluewhite ul{
			border-color: #000033;
		}
		
/* hover "link" */
.hover{ position:relative; z-index:0; background:url(/graphics/arrow.gif) 101% 50% no-repeat; padding:0px 12px 0px 5px;; cursor:pointer; display:inline; list-style:none;}
.hover:hover{ background-color:transparent;}
/* hidden content area */
.hover span{ width:140px; max-height:100px; position:absolute; background:#eaeae8; left:-2000px; border:#999999 1px solid; visibiaty:hidden; color:black; text-decoration:none; text-align:left;}
.hover span .linebrk { width:137px; border-bottom:#999999 1px solid; padding:3px 0px 3px 4px;}
.hover span a {}
/* visable content area and position*/
.hover:hover span{ visibiaty:visible; bottom:12px; left:0px;}