/*-------------------------
	tattoo-ins.com
	filename: app_forms_1.0.css
	version: 1.0
	date: 9-20-08
	
	Professional Program Insurance Brokerage (PPIB)
	Websites located at:
	http://www.tattoo-ins.com
	http://www.medispa-ins.com
	http://www.laserinsurance.com
	http://www.face-body.com
	
	Programming, Production, Design (c) 2004-2008 by Product 9 DESIGN http://www.product9.com
	Programming (c) 2004-2008 by Gail Sullivan
	Programming (c) 2008 Virginia Fenner
	Design (c) 2004-2008 by ArtGirl http://www.artgirldesign.com 
	All Rights Reserved.
--------------------------*/

/*---- TAGS -----*/
body {background:#E2ECF4; color:#000000; margin:0; padding:0;
font-family:Arial, Verdana, Helvetica, sans-serif;}

img {border:0; display:block;}
p, td, h1, h2, h3, h4, h5, ol, ul, li {margin:0; padding:0;}
a {text-decoration:none;}

/******** LINKS ********/
a {color:#008C99; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:hover {color:#70D2DA; text-decoration:underline;}

/*---- LAYOUT -----*/
#page_wrapper {width:620px; margin:0 auto; background:#FFFFFF;}

/* HEADER */
	#header {width:620px; height:110px; background:#fff url(images/header_ppibpkg.gif) no-repeat;}
	#subhead {width:620px; height:30px; background:#6095C1 url(images/subhead_quote_calc.gif) no-repeat;}
	
	/* HOME */
	#header {position:relative;}
	#header .home {position:absolute; top:15px; left:15px; width:145px; height:80px; }
	#header .home a {display:block; width:145px; height:80px;}
	
/* CONTENT */
#content {padding:15px 25px; position:relative;font-size:0.74em; }
	#content h1 {color:#333333; font-size:1.1em; }
	#content h2 {color:#008C99; font-size:0.9em; padding:15px 0 5px 0; text-transform:uppercase;}
	#content h3 {color:#008C99; font-size:1em; padding:2px 0 0px 0; text-transform:uppercase;}
	#content h4 {color:#008C99; font-size:0.9em; padding:2px 0 0px 0; text-transform:uppercase;}
	#content p {padding:0 0 4px 0; color:#333333; }
	#content form {}
	#content .link {font-size:0.8em; padding:0 0 4px 0; color:#000000; }
	#content .li {list-style-image:url(images/list_bullet.gif); padding:0 4px 4px 5px; margin: 0 0 0 7px}
	#content .li2 {list-style-type: none; padding:0 4px 4px 15px; margin: 0 0 0 7px}
	#content ul {padding:6px 0px 0 15px; margin:0 0 7ps 15px;}	
	#content a {color:#000000; padding:7px 0px 5px 0px;text-decoration:none; }
	#content a:hover {color:#000000; padding:7px 0px 5px 0px;text-decoration:underline; }
	#content .url {color:#008C99; font-size:1em; padding:0px 0px 4px 0px;text-decoration:none; }
	#content .url:hover {color:#000000; font-size:1em; padding:0px 0px 4px 0px;text-decoration:underline; }
	
/*  FOOTER  */
	#footer {color:#FFFFFF; font-size:.7em; padding:6px 0; background-color:#6095C1; font-weight:bold; 
		text-align:center; border-top: solid 5px #E2ECF4;}
		#footer a {color:#FFFFFF;}
		
	/*  COPYRIGHT  */
	#copyright {color:#666666; font-size:0.72em; padding:6px 0; text-align:center; background:#E2ECF4;}
		#copyright a {color:#FFFFFF;}


/*---- PAGES -----*/

/* quotecalc, general */
#calc_entry #quotecalc { padding:0 10px 15px 0;  }
	/*#quotecalc div {position:relative; padding:4px 0 16px 0; font-size:0.76em; font-weight:bold; color:#6095C1;}*/
	#quotecalc .labelHide {text-transform:uppercase; font-size:0.76em; font-weight:bold;color:#6095C1;overflow:auto;width:0px;height:0px; }
	#quotecalc label {text-transform:uppercase; font-size:0.76em; color:#6095C1;}
	#quotecalc .labelStyle {text-transform:uppercase; font-size:0.76em; font-weight:bold;color:#6095C1; }
	#quotecalc input {font-weight:normal; color:#000000;left:660px;}
	#quotecalc select {left:360px; font-weight:normal; color:#000000;}
	#quotecalc span {left:350px;  color:#6095C1;}
	#quotecalc .labelError {text-transform: uppercase;font-size: 0.76em;font-weight: bold;color: red;}

	/* Submit Buttons */
	#quotecalc input.btn_new, #quotecalc input.btn_print, #quotecalc input.btn_recalc
	{background:#6095C1; text-transform:uppercase; font-weight:bold; color:#fff; border:none; margin:10px 0 0 0;}
	#quotecalc input.btn_submit {background:#6095C1; text-transform:uppercase; font-weight:bold; 
	color:#fff; border:none; margin:10px 0 0 0;}
	#quotecalc input.btn_recalc {left:140px;}
	#quotecalc input.btn_new {left:260px;}
	#quotecalc .spanComplete {position:absolute; left:190px; font-size:0.74em; color:#333333; text-transform:none; font-weight:normal;}

/*#quotecalc.labelStyle {text-transform:uppercase; font-size:0.74em; font-weight:bold;color:#6095C1; }*/
#quotecalc .labelData {text-transform:uppercase; font-size:0.74em;color:#333333; }
#quotecalc .labelSmall {position:absolute; left:190px;text-transform:uppercase; font-size:0.74em;font-weight: bold;color:#6095C1;}
#quotecalc .labelMoney {text-transform:uppercase; font-size:0.76em; font-weight:bold;color:#333333;text-align:right; }
#quotecalc .labelBold {text-transform:uppercase; font-size:0.76em; font-weight:bold;color:#333333;text-align:right;font-weight:bold; }