/* screen.css for 4w.com
   Last revision: 7/9/08 Mark Dahmke, Information Analytics.
*/


#container
{

width: 90%;
min-width: 890px;
max-width: 890px;
margin: 15px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
font-family: arial, helvetica, sans-serif;
}

#login { 
	position: relative; 
	background-color: #ccc;
	}
#login		form, label, input { font-size : 10px; }
#login		fieldset { height: 18px;   width : 45em; border: none; }
#login		label { position : relative;  width : 15em;  margin : 0em 0em; }
#login		label  input { position : absolute; top : 0px; width : 5em; }
#login		input.submit { margin-left : 15em; }
#login		br { display : none; } 



#top
{
position: relative;
padding: 5px;
background-color: #ddd;
border-bottom: 1px solid gray;
height: 15px;
z-index: 500;

}

#top h1
{
padding: 0;
margin: 0;
}

#titlegraphic
{

height: 248px;
background-color: #36668e;
margin: 0;
}

#titlegraphic2
{

height: 130px;
background-color: #36668e;
margin: 0;
color: white;
align: center;
z-index: 0;
}

#sidebar
{
padding: 3px;
max-height: 245px;
height: 245px;
max-width: 36em;
min-width: 210px;
background-color: #36668e;
color: white;
font-size: 10pt;
padding-bottom: 0px;
}
#sidebar p
{
padding-top: 0px;
margin-bottom: 0px;
}


#sidebar ul
{
padding-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 1.3em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: white;
text-decoration: none;
text-indent: 1px;
list-style-position: outside;
padding: 12px;
margin: 2px;
}

#lowermenu 
{
text-align: center;
padding: 0;
margin: 0;
font-size: 12px;
height: 20px;
border: 1px solid gray;
}


#panel
{
position: relative;
top: 0px;
left: 0px;
margin: 5px;
padding: 3px;
}


#panel1 p
{
padding-top: 0px;
margin-left: 5px;
}

#tag
{
position: relative;
top: -35px;
left: 125px;
margin: 5px;
padding: 3px;
color: white;

}

#logo
{
position: relative;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
border-bottom: 1px solid gray;}

#disclaimer
{
border-top: 1px solid gray;
text-align: center;
margin: 5px;
padding: 1px;
font-size: 10px;
}

.testimonial 
{
border: 1px solid gray;
margin: 5px;
font-size: 12px;
text-indent: 1em;
padding: .5em;
}

#titlegraphic p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


.successstories
{
border: 1px solid gray;
margin: 5px;
font-size: 12px;
padding: .5em;
}


body
{
	margin: 0;
	padding: 0;
	font: arial, helvetica, sans-serif;
	text-align: left;
	color: white;
	background-color: #c0c09f; #fef5cc;
	}

/* default settings */

a:link { color: blue; }
a:visited { color: #404040; }
a:hover, a:active
{
	color: black;
	background-color: #fef5cc;
}

	.bold
	{
		font-weight: bold;
	}

	.superbold
	{
		font-weight: 900;
	}

	.header
	{
		font-weight: normal;
		font-size: 140%;
		margin-top: 5px;
		color: blue;
		margin-bottom: 5px;
		background-color: #e5e5ff;
		border-bottom: 1px solid gray;
	}

	.subhead
	{
		font-weight: normal;
		font-size: 110%;
		margin-top: 5px;
		color: #305cbc;
		margin-bottom: 5px;
		background-color: #d0d0d0;
		padding: 5px;
	}

	.big
	{
		font-size: 125%;
	}

	.small
	{
		font-size: 90%;
	}

	.left
	{
		text-align: left;
	}

	.right
	{
		text-align: right;
	}

	.center
	{
		text-align: center;
	}

	.justify
	{
		text-align: justify;
	}

	.page_header
	{
		font-size: 200%;
		font-weight: bold;
	}

	img
	{
		border: 0px solid white;
	}

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

	.text
	{
		font-size: 10pt;
	}

	.blue
	{
		/*color: #0000b0;*/
		color: #8C9aaD;
	}

	.gray
	{
		color: #505050;
	}

	.lightgray
	{
		color: #606060;
	}

	.white
	{
		color: white;
	}

	.indent
	{
		margin-left: 35px;
	}

	.italic
	{
		font-style: italic;
	}

	.box
	{
		padding: 10px;
	}

	.infobox
	{

		width: 400px;
		padding: 10px;
		border: 1px solid gray;
	}


	.orderstatusbox
	{
		padding: 10px;
		border: 1px solid gray;
		text-indent: -1em; 
	}

	.productbox
	{
		margin-top: 3px;
		border: 1px solid gray;
		margin-bottom: 5px;
	}

	.productname
	{
		font-weight: bold;
		font-size: 12pt;
	}

	.productdescription
	{
		padding: 1px;
		margin-top: 1px;
		margin-bottom: 1px;
	}
	.productfeatures
	{
		padding: 1px;
		margin-top: 1px;
		text-indent: 2em;
		margin-bottom: 1px;
	}

	.code
	{
		background-color: #DDDDDD;
		/*width: 429px;*/
		width: 445px;
		padding: 10px;
	}

	.codewide
	{
		background-color: #DDDDDD;
		/*width: 429px;*/
		width: 645px;
		padding: 10px;
	}

	.linkbox
	{
		border: 1px solid;
		border-spacing: 0px;
		margin-left: 15px;
		margin-bottom: 20px;
		margin-top: 30px;
		margin-right: 0px;
		background-color: #FFFFFF;
		width: 165;
	}

	.outerlinkbox
	{
		float: right;
		width: 180px;
		border: 0px none;
		margin: 0px;
		padding: 0px;
		background-color: #FFFFFF;
	}

	.linkheader
	{
		text-align: center;
		border: 1px solid;
		border-spacing: 0px;
	}

	.linkitem
	{
		padding: 5px;
	}

	.bluebackground
	{
		background-color: #8C9aaD;
	}

	.lightbluebackground
	{
		background-color: #BECCD7;
	}

	.graybackground
	{
		background-color: #DDDDDD;
	}

	.paragraph
	{
		padding-bottom: 3px;
		indent: 20px;
	}

	.paragraphpadded
	{
		padding-bottom: 7px;
		indent: 20px;
	}

	.floatleft
	{
		float: left;
	}

	table.borderless
	{
		border: 0px;
		margin: 0px;
		padding: 0px;
		border-spacing: 0px;
		border-collapse: collapse;
		border: outset 0px;
		border: inset 0px;
	}

	.subnavbar
	{
		border: 0px solid;
		float: left;
		border: 0px;
		margin: 0px;
	}
	
	.contactinfo
	{
		border: 0px solid;
		margin: 0px;
		padding:0px;
		font-size: 8pt;	
		
		font-family: arial;
		line-height: 7.5pt;
		color: #000000;
	}
	
	.news
	{
		vertical-align: top;
		border: 0px solid;
		margin: 0px;
		padding: 0px;
		height: 100%;	
		width: 140px;
		/*border-collapse: collapse;*/
		/*background-color: #18344C;*/		
	}
	.newsleft
	{
		/*background-image: url(/images/newsspacer.jpg);*/
		
		
		width: 21px;
		border: 0px solid;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	.newsright
	{
		vertical-align: top;
		/*background-color: #18344c;*/
		color: #FFFFFF;	
		border: 0px solid;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
		padding-left: 5px;
		width: 109px;
		float: right;
		text-decoration: none;
		
		font-size: 8pt;	
		font-family: arial;
		/*line-height: 7.5pt;*/
	}
	
	.newsright:hover
	{
		text-decoration: underline;	
	}
	
	.newsrow
	{
		
		border: 0px solid;
		margin: 0px;
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		
		width: 140px;
		clear: right;
	}
	
	
	.outernews
	{
		/*background-color: #18344c;*/
		background-color: #FFFFFF;
		background-image: url(/images/newsspacer.jpg);
		background-repeat: repeat-y;
		width: 140px;
		height: 100%;
		border: 0px solid;
		overflow: hidden;
		vertical-align: top;
	}
	.faqresponse
	{
		padding-left: 25px;	
	}
	.dataentry
	{
		font-size: 10pt;
		padding:0px;
		margin:0px;
	}	


	#boxedit a:link {color: white; text-decoration: underline; }
	#boxedit a:active {color: #c0c0c0; text-decoration: underline; }
	#boxedit a:visited {color: #f0f0f0; text-decoration: underline; }
	#boxedit a:hover {color: #c0c0c0; text-decoration: none; }


.sidebox {
	margin: 0 auto; /* center for now */
	width: 420px; 
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxedit {
	font-color: white;
	text-align: left;
}
.boxhead h2 {
	background: url(/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1em; 
	line-height: 0.3em;
}

.boxbody {
	background: url(/images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}


.sidebox-large {
	margin: 0 auto; /* center for now */
	width: 840px; 
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}