/* CSS Reset by Eric Meyer - www.meyerweb.com */
    /* v1.0 | 20080212 */
    
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	outline: 0;
    	font-size: 100%;
    	vertical-align: baseline;
    	background: transparent;
    }
    body {
    	line-height: 1;
    }
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    
    /* remember to define focus styles! */
    :focus {
    	outline: 0;
    }
    
    /* remember to highlight inserts somehow! */
    ins {
    	text-decoration: none;
    }
    del {
    	text-decoration: line-through;
    }
    
    /* tables still need 'cellspacing="0"' in the markup */
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
		
		/* IE PNG Transparency */
		/*
		img, a{ 
		behavior: url("iepngfix.htc"); 
		}
		*/
		
/* Main Styles */

body{
background: #ffffff url("../images/background.jpg") top repeat-x;
font-family: Arial, sans-serif;
font-size: 11pt;
text-align: center;
}
#wrap{
width: 960px;
text-align: left;
margin: 0 auto;
}
#header{
height: 88px;
width: 100%;
clear: both;
background: url("../images/logo.jpg") top left no-repeat;
}
 	#header #headerleft{
	float: left;
	}
	#header #headerright{
	float: right;
	width: 250px;
	}
 	#header ul{
	margin-left: 250px;
	list-style: none;
	height: 88px;
	width: 350px;
	/*float: left;*/
	}
	 	#header ul li{
		padding: 0 5px;
		margin-top: 55px;
		float: left;
		}
  		#header ul li a{
  		color: #d0d0d0;
			text-decoration: none;
			padding: 5px;	
			line-height: 18px;
  		}
			#header ul li a:hover{
			color: #ddbb99;
			}
			#header span.logout, #header span.login{
    	width: 250px;
    	float: right;
			margin-top: 37px;
    	}
    	#header span.logout a, #header span.login a{
    	display: block;
    	color: #ffffff;
    	line-height: 50px;
    	text-indent: 40px;
    	font-size: 14pt;
    	font-weight: bold;
    	text-decoration: none;
    	}
			#header span.logout a{
			background: url("../images/cancel.png") left center no-repeat;
			}
			#header span.login a{
			background: url("../images/key.png") left center no-repeat;
			}
    	#header span.logout a:hover{
    	color: #ff9999;
    	}
			#header span.login a:hover{
    	color: #ffff99;
    	}
#titlebar{
height: 50px;
width: 100%;
clear: both;
background: url("../images/bar_glow.jpg") top left no-repeat;
color: #ffffff;
}
	#titlebar h1{
	font-size: 24pt;
	margin-left: 5px;
	line-height: 50px;
	display: inline;
	float: left;
	}
	#titlebar span.signup{
	width: 250px;
	float: right;
	}
	#titlebar span.signup a{
	display: block;
	color: #ffffff;
	background: url("../images/ok.png") left center no-repeat;
	line-height: 50px;
	text-indent: 40px;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	}
	#titlebar span.signup a:hover{
	color: #99ff99;
	}
	#titlebar span.moneyamt{
	width: 250px;
	float: right;
	display: block;
	color: #ffffff;
	background: url("../images/dollar.png") left center no-repeat;
	line-height: 50px;
	text-indent: 40px;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	}
#content{
width: 100%;
clear: both;
}
 	#content .inner5{
	padding: 6px 5px;
	}
	 	#left{
		width: 700px;
		float: left;
		font-size: 11pt;
		}
		 	#left p{
			line-height: 25px;
			margin-bottom: 20px;
			}
			#left p.small{
			font-size: 10pt;
			line-height: 20px;
			}
			#left p.alert{
			padding-left: 45px;
			min-height: 35px;
			background: #ffffcc url("../images/alert.png") left center no-repeat;
			border-top: 1px solid #ffcc00;
			line-height: 35px;
			}
			#left p.ok{
			padding-left: 45px;
			min-height: 35px;
			background: #ccffcc url("../images/ok.png") left center no-repeat;
			border-top: 1px solid #99cc99;
			line-height: 35px;
			}
			#left p.slogan{
			font-size: 9pt;
			background-color: #e0e0e0;
			color: #000000;
			padding: 5px;
			line-height: 15px;
			font-weight: bold;
			}
			#left a{
			color: #996633;
			text-decoration: underline;
			}
			#left h2{
			font-size: 19pt;
			}
			 	#left h2 span{
				color: #999999;
				}
			#left h3{
			font-size: 15pt;
			color: #333333;
			}
			#left td{
			vertical-align: top;
			}
			#left #left-left{
			width: 340px;
			float: left;
			}
			#left #left-right{
			width: 340px;
			float: right;
			}
			#left .box{
			width: 100%;
			}
			 	#left .box h4{
				font-size: 16pt;
				line-height: 30px;
				text-indent: 5px;
				background: #339933;
				color: #ffffff;
				}
				#left .box h5{
				font-size: 14pt;
				}
				#left .box h4 a{
				display: block;
				color: #ffffff;
				text-decoration: none;
				}
				#left .box h4 a:hover{
				color: #ddffdd;
				background: #006600;
				}
				#left .box .boxcontent{
				padding: 5px;
				background: #f0f0f0;
				margin-bottom: 10px;
				}
				#left .box .boxcontent p{
				margin: 0;
				}
				span.money{
        font-weight: bold;
        font-size: 16pt;
        color: #006600;
        }
				span.cash{
				font-weight: bold;
        font-size: 16pt;
        color: #333333;
				}
				span.loan{
				font-weight: bold;
        font-size: 16pt;
        color: #660000;
				}
				table.inventorybox{
        width: 100%;
        }
				.inventorybox th{
				font-weight: bold;
				background: #d0d0d0;
				line-height: 20px;
				}
        .inventorybox .tdright{
        text-align: right;
        }
        .inventorybox .tdleft{
        text-align: left;
        text-indent: 10px;
        }
        #left .boxcontent p.inventorylabel{
        margin: 0;
        font-style: italic;
        }
		#left table.locationstable td, #left table.locationstable th{
		padding: 3px 5px;
		text-align: center;
		}
		#left table.locationstable td.no, #left table.locationstable td.yes, #left table.locationstable td.dyes, #left table.locationstable td.dno{
		width: 100px;
		vertical-align: middle;
		}
		#left table.locationstable td.no{
		background-color: #ffeeee;
		}
		#left table.locationstable td.yes{
		background-color: #eeffee;
		}
		#left a.confirmlinks{
		text-decoration: none;
		padding: 5px;
		line-height: 40px;
		color: #660000;
		}
		#left a.confirmlinks:hover{
		background-color: #ffffff;
		}
		#left a.locationbuy{
		text-decoration: none;
		display: block;
		font-weight: bold;
		color: #006600;
		line-height: 75px;
		font-size: 13pt;
		}
		#left a.locationbuy:hover{
		color: #339966;
		}
		#left #bankloanlist{
		width: 100%;
		height: 32px;
		}
		#left #payoffloan, #left #takeoutloan{
		float: left;
		padding-right: 20px;
		}
		#left #payoffloan a{
		background: url("../images/minus.png") left center no-repeat;
		color: #660000;
		font-size: 14pt;
		display: block;
		text-indent: 40px;
		line-height: 32px;
		}
		#left #takeoutloan a{
		background: url("../images/plus.png") left center no-repeat;
		color: #006600;
		font-size: 14pt;
		display: block;
		text-indent: 40px;
		line-height: 32px;
		}
		#left table.research{
		width: 100%;
		margin: 15px 0;
		}
		#left table.research td, #left table.research th{
		padding: 5px;
		}
		#left table.research td{
		border-bottom: 1px solid #cccccc;
		}
		#left table.research tbody tr:hover{
		background: #f3f3f3;
		}
		#left table.research th{
		border-bottom: 2px solid #cc9966;
		text-align: left;
		}

		#right{
		width: 250px;
		float: right;
		background: url("../images/side.jpg") top repeat-x;
		font-size: 10pt;
		}
		 	#right p{
			line-height: 23px;
			margin-bottom: 15px;
			}
			#right h5{
			font-size: 12pt;
			margin: 0 0 5px 0;
			}
			#right a{
			color: #996633;
			text-decoration: underline;
			}
			#right ul{
			list-style: none;
			}
			 	#right ul li{
				height: 40px;
				width: 100%;
				margin: 0 0 1px 0;
				border: 1px solid #b0b0b0;
				}
				#right ul li a{
				height: 30px;
				line-height: 30px;
				display: block;
				color: #000000;
				text-decoration: none;
				padding: 5px;
				}
				#right ul li a:hover{
				background: #f0f0f0;
				}
				#right ul li a span{
				font-weight: bold;
				font-size: 11pt;
				}
#footer{
clear: both;
width: 100%;
height: 100px;
background: #ffffff url("../images/side.jpg") top repeat-x;
font-size: 10pt;
color: #2a2a2a;
}
  #footer-content{
  width: 940px;
	text-align: left;
	margin: 0px auto;
	padding-top: 20px;
  }
	#footer a{
	color: #996633;
	text-decoration: underline;
	}

/* Form Elements */
label{
font-weight: bold;
text-align: right;
float: right;
width: 120px;
margin: 0 5px 0 0;
}
#left p.formnote{
font-size: 8.5pt;
line-height: 20px;
padding: 5px;
margin: 2px 0;
background: #eeffee;
border-top: 1px solid #668866;
}
#left p.formerror{
display: inline;
background: url("../images/cancel-16.png") left center no-repeat;
padding-left: 20px;
color: #990000;
font-size: 10pt;
}
input{
font-size: 15px;
}

/* jquery ui slider */
.ui-slider {
width: 500px;
height: 35px;
background: url("../images/sliderbg.jpg") bottom left no-repeat;
}
.ui-slider-handle { 
position: relative;
z-index: 1;
height: 35px; 
width: 17px; 
top: 0px; 
left: 0px; 
background: url("../images/tab.png");
}

/*
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }
*/
/* Default slider backgrounds 
.ui-slider, .ui-slider-1 { background-image: url(i/slider-bg-1.png); }
.ui-slider-2 { background-image: url(i/slider-bg-2.png); }
*/