/* Adapti Tech, Inc. Utility CSS */

/*
ATI Colors
Blue #80CDDD
Lit-Blue #B3E2EA
Shaded-Blue #78B5C8
Light-Blue #C8ECF0
Lightest-Blue #E7F7F8
Mauve #CABAC4
Lit-Mauve #DACDD6
Shaded-Mauve #B3A2B2
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	background-color: #DACDD6;
	background-image: url(./images/bkgAT30001.jpg);
	background-repeat: repeat-y;
}

/* styles for Header.html */
div.header {
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	font-style:italic;
	position: absolute; 
	width:720px; 
	height:240px; 
	z-index: 101; 
	left: 300px; 
	top: 175px;
	color: #ffffff;
}

/* styles for Logo.html */
div.logo {
	position: absolute; 
	width: 600px; 
	height: 85px; 
	left: 0px; 
	top: 0px;
	z-index: 100; 
}

/* styles for Footer.html */
p.footer_h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

/* styles for Menu.html */
div.menu {
	position: absolute; 
	width: 100px; 
	height: 100px; 
	z-index: 102; /* not sure if this is needed or desirable */
	left: 20px; 
	top: 175px; 
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
}

a:link     {color:cc0000; text-decoration: none;}
a:visited  {color:black; text-decoration: none;}
a:hover    {color:red; text-decoration: none;}
a:active   {color:red; text-decoration: none;}

/* styles for content */
/* IE */
div.content {
	position:absolute; 
	width: 700px; 
	padding:2em 2em 2em 2em;
	left: 170px; 
	top: 175px;
	background-image: url(../images/content_background_2.jpg);
	/*background-repeat:repeat-y;
	background-repeat:repeat-x;*/
}

/* non-IE */
div > div.content {
	position:absolute; 
	width: 700px; 
	padding:2em 2em 2em 2em;
	left: 170px; 
	top: 175px;
	background-image: url(../images/content_background_2.jpg);
	background-repeat:repeat-y;

}

/* POP UP */
div.affliations {
	position:absolute; 
	left: 18px; 
	top: 530px;
}

/* Anchors */
a.content:link		{color:#000000}
a.content:visited	{color:#000000}
a.content:hover		{color:red}
a.content:active	{color:black}

/* Vendor */
div.vendor {
	position:absolute; 
	width: 200px; 
	height: 220px;
	z-index: auto; /* not sure if this is needed or desirable */
	left: 20px; 
	top: 340px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
}

p.body_text {
	width: 700px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
}

div > p.body_text {
	width: 700px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
}

/* LINKS */
#display_links {
	background-color: #F0F0F0;
}

#display_links.td {
	margin:10px 10px 10px 10px;
}

p.link_description {
	margin:5px 5px 5px 5px;
}

/* FAQ */
#display_faqs {
	background-color: #F0F0F0;
}

#display_faqs.td {
	margin:10px 10px 10px 10px;
}

span.Q_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	font-weight: bold;
	font-style: italic;
	margin:10px 10px 10px 10px;
}

span.Q_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	margin:10px 10px 10px 10px;
}

span.A_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	font-weight: bold;
	font-style: italic;
	margin:10px 10px 10px 10px;
}

span.A_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	margin:10px 10px 10px 10px;
}

/* Product */
#insert_display {
	position:absolute;
	z-index: 200;	
	left: 400px; 
	top: 165px; 
	width: 400px;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 1em 1em 1em 1em;
	background-color:#80CDDD;
	border-color:#B3A2B2;
	border-style:solid;
	border-width:thin;
	visibility:hidden;	/*hide until called, visible by ati.js*/
}

span.checked 
{
	image: url(../images/check.jpg)
}

/* Form Elements */
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #e4e4e4;
	background-image: url(../images/content_background_2.jpg);
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #e4e4e4;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #e4e4e4;
	background-image: url(../images/content_background_2.jpg);
	/*background-color: #EDE9E0;*/
	width: 400px;
}

label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*font-weight: bold;*/
}

/* Footer */
span#ATICopyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
}