/* STYLES/DEFAULT.CSS
 *******************************************************************************
 * This is an style sheet used for Ion Sense.
 *******************************************************************************
 * Domain: www.IonSense.com
 * Author: Festa Technologies LLC
 * Date: 01-30-2007
 * Modified: 06-11-2008
 *******************************************************************************
 */
 
/*Document Properties*/
html{height:100%}
body{
	background-image:url(../img/bkg2.jpg);
	background-repeat:repeat;
	background-position:top;
	background-position:left;
  color:#000000;
  font-family: arial;
  font-size: 10pt;
  height:100%;
  margin: 0}
p{
	text-indent: 0px;
	margin:10px;
;
}
a:link{
	color:#0071b5;
	text-decoration:none;
	font-weight:bold;
}
	)
div.frozenpage{
	background-color:#000000;
	opacity: .5;
	position: absolute;
	width: 100%;
	z-index: 99}
div.imageviewer{
	background-color:#FFF;
	background-repeat: no-repeat;
	background-position: center;
	border: solid 2px #404040;
	margin: auto}
div.imageviewershell{
	margin-top: 100px;
	position:  fixed;
	width: 100%;
	z-index: 100}
div.closebutton{
	background-color:#D0D0D0;
	border: solid 1px #000000;
	border-top:0px;
	border-right: 0px;
	cursor: pointer;
	float: right;
	padding: 4px;
	text-align:center;
	width: 50px}
div.shadingLeft{
  background-image: url('../img/shadingVertical.jpg');
  background-repeat: repeat;
  margin-left: auto;
  margin-right: auto;
  width: 736px}
div.body{
	background-color:#FFF;
  border-top: 0px none;
  margin-left: auto;
  margin-right: auto;
  width: 704px}
a:hover{
	color:#0071b5;
	text-decoration:none;
	font-weight:bold;
	}
a:visited{
	color:#0071b5;
	text-decoration:none;
	font-weight:bold;
	}
/*Forms*/
td.inputdesc{
	text-align:right}
td.desc{
	border-bottom:solid 1px #000000}
.b{
	font-weight:bold}
td.item{
	padding-top: .2in}

/*Misc. Items*/
div.pagetext{
  font-size: 9pt;
  padding: 10px 0px 5px 0px}
div.pagetextright{
  font-size: 9pt;
  padding: 10px 0px 5px 0px;
  width: 380px;
  position:absolute;
  top: 160px;
  left: 550px;  
  }
p.pagetext{}
div.strong,
span.strong{
  color: #000000;
  padding-left: 5px;
  font-size:12pt;
  font-weight: bold}
div.toprightimage,
img.toprightimage{
  float: right;
  margin-left: 4px;
  z-index:1}
div.star{
  float: right;
  margin-left: 4px;
  z-index:1}
.TAcenter{
  text-align: center}
div.picturesection{
	margin-left:13px}
img.picture{
	border: solid 0px #000000;
  	margin: 1px}
img.pictureright{
  border: solid 1px #000000;
  float: right;
  margin-left: 10px}
span.tm{
  vertical-align: 33%;
  font-size:75%}
span.strike{
  text-decoration:line-through}
div.imgcaption{
  float:left;
  font-size: 8pt;
  margin-bottom: 20px;
  text-align: center}
div.caption{
	margin-left: 140px;
	text-align: center;
	width: 800px;
}
div.center{
	text-align: center;
}
div.inhalertext{
	float: right;
}
div.tabletitle{
	color: #000000;
	font-weight:bold;
	margin-top:40px;
	text-align:center}
table.grid{
	border-left: solid 1px #A0A0A0;
	border-top: solid 1px #A0A0A0}
table.gridinner{
	border-left: solid 1px #A0A0A0}
td.category{
	background-color:#F5F5F5;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #A0A0A0;
	color:#000000;
	font-weight:bold;
	padding:2px;
	text-align:center}
td.grid{
	border-bottom: solid 1px #A0A0A0;
	border-right: solid 1px #A0A0A0;
	padding:2px;
	text-align: center}
.button{
	cursor:pointer}
div.reminder{
	border: solid 1px #FF0000;
	background-color: #FFFF80;
	background-image: url('../img/messagebackground.jpg');
	background-repeat: repeat-x;
	color: #FF0000;
	margin: 5px 0px 0px 3px;
	padding:0px 0px 2px 3px;
	position:absolute;
	width: 410px;
	z-index: 2}
div.errormessage{
	border: solid 1px #808080;
	background-color: #FFFF00;
	background-image: url('../img/warning.gif');
	background-repeat:no-repeat;
	color:#000000;
	margin: 20px auto 20px auto;
	padding: 10px 10px 10px 50px;
	text-align: center;
	width: 400px}
div.error{
	color:#FF0000;
	font-weight:bold;
	margin: 5px 0px 5px 0px;}
div.loginheader{
	border: solid 1px #0070BB;
	border-bottom: 0px;
	background-color:#0070BB;
	color:#FFFFFF;
	margin:30px auto 0px auto;
	padding: 2px;
	width: 456px}
div.login{
	border: solid 1px #808080;
	border-top:0px;
	margin:0px auto 30px auto;
	width: 460px}
div.loginrow{
	height:20px;
	padding-top:10px}
div.logindesc{
	color:#000000;
	float:left;
	font-weight:bold;
	padding-top:4px;
	text-align:right;
	width:170px}
div.logininput{
	float:left;
	text-align:right;
	width: 150px}
div.loginsubmit{
	margin:10px 0px 10px 320px;
	text-align:left}
  
/*Heading*/
div.logo{
  background-image: url('../img/IonSense.gif');
  background-position: left;
  background-repeat: no-repeat;
  height: 85px;
  margin-left: 6px;
  padding: 5px 5px 0px 0px}
div.homebutton,
div.homebuttonhover{
	background-image: url('../img/home.png');
	height: 44px;
	margin-left: 230px;
	width: 39px}
div.homebuttonhover{
	background-position: -39px 0px;
	cursor: pointer}
div.userbar{
	background-color:#ea2f30;
	color:#FFFFFF;
	font-size:8pt;
	margin:0px 1px 1px 1px;
	padding-left:1px;
	padding-right:1px}
div.logout{
	float:right}
a.login{
	color:#000000;
	text-decoration:none}
a.login:hover{
	color:#FF0000;
	}
a.logout{
	color:#FFFFFF;
	text-decoration:none}
a.logout:hover{
	color:#FFFFFF;
	}
	
/*MENU*/
div.menu{
  height: 30px;
  width: 704px}
div.menuitem{
  background-color: #575757;
  background-image: url('../img/menugradient.png');
  float: left;
  height: 27px;
  padding-top: 3px;
  width: 140px}
div.menuitem:hover,
div.menuitemactive:hover{
  background-color: #EC2B2E;
  background-image: url('../img/menugradient.png');
  background-position: 0px -30px;
  float: left;
  height: 27px;
  padding-top: 3px;
  width: 140px}
span.new{
	color: #FFFF00;
	font-size:6pt;
	font-style:italic;
}
div.menuitemactive{
  background-color: #0DA114;
  background-image: url('../img/menugradient.png');
  background-position: 0px -60px;
  float: left;
  height: 27px;
  padding-top: 3px;
  width: 140px}
div.menuspace{
  float: left;
  font-size:1pt;
  width: 1px}
div.dropdown1{
	border: solid 1px #000000;
	cursor:pointer;
	display:none;
	margin-top:4px;
	position: absolute;
	width: 138px;
	z-index: 10}
div.dropdownItem1,
div.dropdownItem1hover{
	background-image: url('../img/dropdown.gif');
	color:#FFFFFF;
	font-size:9pt;
	height: 18px;
	padding-left:4px;
	padding-top:3px;
	text-align:left}
div.dropdownItem1{
	background-color:#122e6d}
div.dropdownItem1hover{
	background-color: #0070BB;
	background-position: 0px -21px}
div.dropdown2{
	border:solid 1px #000000;
	display:none;
	margin-left:134px;
	position: absolute;
	width: 120px;
	z-index:20}
div.dropdownItem2,
div.dropdownItem2:hover{
	background-image:url('../img/menugradient.png');
	font-size: 8pt;
	height: 14px;
	padding:2px 2px 2px 4px}
div.dropdownItem2{
	background-color:#bf7401;
	background-position:0px -108px;
	color:#FFFFFF}
div.dropdownItem2:hover{
	background-color:#feb74b;	
	background-position:0px -90px;
	color:#FFFFFF}
	
/*Sub Menus*/	
div.submenu{
  background-color: #0074B1;
  background-image: url('../img/menugradient.png');
  background-position: 0px -126px;
  height: 14px;}
div.submenuitem{
  color: #FFFFFF;
  float: left;
  font-size: 8pt;
  padding: 0px 10px 0px 10px}
a.submenulink{
  color: #D0D0D0;
  }
a.submenulink:hover,
a.submenuactive:hover{
  color: #FFFFFF;
  }
span.submenuactive,
a.submenuactive{
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none}
div.submenu2{
  background-color: #FF9900;
  background-image: url('../img/menugradient.png');
  background-position: 0px -90px;
  height: 14px;
  margin: 2px 0px 0px 0px}
div.submenuitem2{
  color: #FFFFFF;
  float: left;
  font-size: 8pt;
  padding: 0px 10px 0px 10px}
a.submenulink2{
  color: #404040;
  }
a.submenulink2:hover{
  color: #FFFFFF;
 }
span.submenuactive2{
  color: #000000;
  font-weight: bold}
a.menulink{
  color: #FFFFFF;
  font-family: arial;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none}
a.menulink:hover{
  color: #FFFFFF;
  font-family: arial;
  font-size: 10pt;
  font-weight: bold;
  }
  
/*Calendar*/
div.calendar{
	border: solid 1px #000000;
	background-color: #BBBBBB;
	display:none;
	position:absolute;
	width: 200px}
table.calendar{
	text-align:center;
	width:100%}
td.calendarDay{
	font-size:8pt;
	font-style:italic;
	font-weight:normal}
td.calendarDate{
	font-size: 10pt;
	font-style:normal;
	font-weight: normal}
  
/*Forms*/
input.quotedate,
input.quotenumber,
textarea.quoteissuedto,
input.itemname,
input.itemdescription,
input.itemprice,
input.term{
	background-color:#EEEEEE;
	border:solid 1px #808080;
	padding:1px}
input.quotedate,
input.quotenumber{
	font-weight:bold;
	font-size:12pt;
	font-style:italic}
input.quotedate{
	text-align:right;
	padding-right:3px}
textarea.quoteissuedto{
	font-family:arial;
	width:400px}
input.itemname{
	width:150px}
input.itemdescription{
	width:290px}
input.itemprice{
	width:80px}
  
/*Footer*/
a.footer,
a.footer:hover{
  color: #000000;
  font-family: arial;
  font-size: 8pt;
  }
div.footerCornerLeft{
	background-image: url('../img/shading.jpg');
	background-repeat:no-repeat;
	margin:auto;
	width: 736px;}
div.footerCornerRight{
	background-image: url('../img/shading.jpg');
	background-position: bottom right;
	background-repeat:no-repeat;
	margin:auto;
	width: 736px;}
div.footer{
  background-image: url('../img/shading.jpg');
  background-position: 0px -36px;
  background-repeat: repeat-x;
  color: #000000;
  font-size: 8pt;
  height: 35px;
  margin:auto;
  text-align: center;
  width: 644px}
div.vapurlogo{
	background-image: url('../img/Vapur.gif');
	background-position: top right;
	background-repeat: no-repeat;
	height:120px;
	margin-right:20px}
  
/*404*/
div.e404{
  font-size: 24pt;
  padding: 15px}
  
/*Index*/
div.hometechnology,
div.homeapplications,
div.homeproduct{
	background-image:url('../img/home-buttons.png');
	color:#FFFFFF;
	cursor: pointer;
	float:left;
	font-weight: bold;
	height: 110px;
	padding:40px 8px 0px 0px;
	margin: 0px 0px 0px 2px;
	text-align:right;
	width:221px}
div.homeapplications{
	background-position: -458px 0px}
div.homeproduct{
	background-position: -229px 0px}
td.technology{
  background-color:#FF9900;
  color:#FFFFFF;
  font-weight: bold;
  width: 33%}
td.technologyimage{
  background-image: url('../img/technology.gif');
  background-repeat: no-repeat;
  cursor: pointer;
  height: 104px;
  padding-left: 117px}

td.applications{
  background-color:#0074B1;
  color:#FFFFFF;
  font-weight: bold;
  width: 33%}
td.applicationsimage{
  background-image: url('../img/applications.jpg');
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 117px}
td.product{
  background-color:#0DA114;
  color:#FFFFFF;
  font-weight: bold;
  width: 33%}
td.productimage{
  background-image: url('../img/product.jpg');
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 117px;
  text-align:center}
div.mailinglist{
	background-image: url('../img/mailinglistbackground.gif');
	border: solid 1px #888;
	color:#000;
	height: 113px;
	margin: auto;
	text-align:center;
	width: 280px;
}
div.mailinglisttitle{
	background-color: #e3e6eb;
	font-weight: bold;
	padding: 3px;
	text-align: left;
}
div.mailinglistdesc{
	color: #15427d;
	padding: 10px;
}
div.mailinglistbutton{
	padding: 6px;
}
div.mailinglistloading{
	background-image: url('../img/loading.gif');
	display: none;
	height: 50px;
	margin: 20px auto 0px auto;
	width: 50px;
}
div.mailinglistadded{
	display:none;
	padding-top: 38px;
}
 
/*Applications*/
div.applications{
  height: 96px}
div.application{
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
  font-size: 8pt;
  height: 90px;
  margin: 0px 1px 0px 1px;
  padding: 4px 0px 0px 95px;
  text-align: center;
  width: 76px}
div.foodapplication{
  background-color: #0DA114;
  background-image: url('../img/food.jpg');
  color: #FFFFFF}
div.drugapplication{
  background-color: #FF9900;
  background-image: url('../img/drugs.gif');
  color: #FFFFFF}
div.homelandsecurityapplication{
  background-color: #0DA114;
  background-image: url('../img/homelandsecurity.jpg');
  color: #FFFFFF}
div.foresicapplication{
  background-color: #FF9900;
  background-image: url('../img/forensics.jpg');
  color: #FFFFFF}
div.drugsoncurrency{
  background-color: #28669F;
  background-image: url('../img/drugsoncurrency.jpg');
  background-repeat: no-repeat;
  color: #FFFFFF;
  cursor: pointer;
  height: 124px;
  margin-bottom: 2px;
  padding-left: 122px;
  text-align: center;
  width: 175px}
span.applicationname{
  font-size: 10pt;
  font-weight: bold}
  
/*CHECKOUT*/
div.cart{
	border: solid 1px #A0A0A0;
	margin: 20px 0px 10px auto;
	width: 245px}
div.cartitems{
	background-color:#F5F5F5;
	border-bottom: solid 1px #000000;
	color:#000000;
	font-weight:bold;
	padding:2px;
	text-align:center}
div.checkout{
	font-size:16pt;
	font-weight:bold;
	height: 30px;
	padding: 2px;
	text-align:center}
td.SIspace{
	background-color:#F0F0F0;
	width:375px}
td.SIdesc{
	width:196px}
span.savings{
	color: #FF0000}
  
/*PRODUCT*/
div.productname{
	color:#000000;
	font-weight: bold;
	font-size:16pt;
	margin-left:10px;
	padding-left:5px;
	background-image:url(../img/heading.png);}
div.requirementname,
div.product_h3{
	font-size:12pt;
	font-weight: bold;
	margin:4px 0px 4px 0px;
	padding-left:10px;}
ul.productlist{
	margin:4px 0px 5px 15px;
	padding:0px 0px 0px 10px}
ul.productlist li{
	margin-bottom: 5px;
}
div.systems{
  height: 450px;}
div.system{
  float: left;
  height: 160px;
  padding-left: 20px;
  width: 320px;
  background-image:url(../img/system.png);  
  }
img.systemimage{
  float: left;
  margin-right: 5px}
span.systemname{
  font-size: 12pt;
  font-weight: bold}
  
/*REQUIREMENTS*/
div.requirementname{
	font-weight:bold;
	margin: 10px 0px 5px 5px}
p.requirements{
	margin:0px 20px 0px 20px}
	
/*ASMS09*/
.ASMS09table{
	border: solid 1px #000;
	color: #000;
	margin: 10px auto 10px auto;
	width: 650px;
}
.ASMS09location{
	background-color:#EEF;
	border: solid 1px #777;
	border-left:0;
	border-top:0;
	padding:4px;
	width: 120px;
}
.ASMS09session{
	background-color:#FEE;
	border-bottom: solid 1px #777;
	padding:4px;
}
.ASMS09title{
	border-bottom: solid 1px #777;
	background-color:#FFE;
	font-weight: bold;
	padding: 4px;
	text-align:center;
}
.ASMS09presenter{
	padding: 4px;
	padding-bottom:0;
	text-align:center;
	
}
.ASMS09presenterCompany{
	font-style:italic;
	padding: 4px;
	padding-top:0;
	text-align:center;
}
ul.posters{
	padding-left:10px;
}
ul.posters li{
	margin: 10px 0 10px 0;
}
.vendors{
	text-align:right;
	}
.dartblogs{
	padding-left: 300px;
	border: 0px;
	}
.bottombar{
	background-image:url(../img/bar.png);
	height: 100px;
}