@import url(reset.css);

/* --------- GENERAL --------- */

body {
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
	color: #1d315d;
	background: #fff url('/images/bg_body.jpg') repeat-x;
}

form { margin: 0; padding: 0; }

img { border: 0px; }

h1 {
	margin: 0 0 14px 0;
	font-size: 14px;
	line-height: 14px;
	color: #1d315d;
}

h3 {
	margin: 0 0 14px 0;
	font-size: 14px;
	line-height: 14px;
	color: #1d315d;
}

h1.arrow, h3.arrow { 
  padding: 0 0 0 12px; 
  background: url('/images/arrow_blue.jpg') no-repeat 0px 2px;
}

hr {
	clear: both;
	width: 996px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #dadbdc;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

a { outline: none; text-decoration: none; }

textarea { width: 99%; }



/* --------- DIV IDS --------- */

#coverpage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=0);
	moz-opacity: .0;
	opacity: .0;
	text-align: center;
}

#page {
	position: relative;
	margin: 0 auto;
	width: 967px;
}

#header {
	position: relative;
	clear: both;
	height: 111px;
	background: url('/images/bg_header.jpg') no-repeat;
}

#main-nav {
	clear: both;
	height: 42px;
	background: url('/images/bg_nav.jpg') no-repeat left bottom;
}
#main-nav a {
  float: left;
	display: block;
	height: 42px;
	overflow: hidden;
	text-indent: -999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#main-nav a:hover, #main-nav a.on { background-position: 0px -42px; }

#main-nav a#home { margin-left: 136px; width: 72px; background-image: url('/images/nav/home.jpg'); }
#main-nav a#about { width: 90px; background-image: url('/images/nav/about.jpg'); }
#main-nav a#serv { width: 88px; background-image: url('/images/nav/services.jpg'); }
#main-nav a#tech { width: 101px; background-image: url('/images/nav/technology.jpg'); }
#main-nav a#patres { width: 142px; background-image: url('/images/nav/patients.jpg'); }
#main-nav a#contact { width: 102px; background-image: url('/images/nav/contact.jpg'); }
#main-nav a#login { width: 100px; background-image: url('/images/nav/login.jpg'); }

#main-nav a#ulhome { margin-left: 94px; width: 93px; background-image: url('/images/nav/ul_client_home.jpg'); }
#main-nav a#ulserv { width: 87px; background-image: url('/images/nav/ul_services.jpg'); }
#main-nav a#ulcs { width: 143px; background-image: url('/images/nav/ul_support.jpg'); }
#main-nav a#ulinscont { width: 165px; background-image: url('/images/nav/ul_insurance.jpg'); }
#main-nav a#uldls { width: 103px; background-image: url('/images/nav/ul_downloads.jpg'); }
#main-nav a#ulvres { width: 112px; background-image: url('/images/nav/ul_viewresults.jpg'); }
#main-nav a#logout { width: 76px; background-image: url('/images/nav/ul_logout.jpg'); }

#banner-home, #banner {
  clear: both;
  padding: 0 0 11px 0;
  border-bottom: 1px solid #999;
  background: url('/images/g_dots_gradient.jpg') no-repeat left bottom;
}
#banner-home { height: 255px; }
#banner { height: 137px; }

#home-left-col {
  float: left;
  width: 620px;
}

#home-right-col {
  float: right;
  width: 250px;
}

#left-col {
  position: relative;
  float: left;
  width: 242px;
}
#left-col ul {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}
#left-col ul li {
  display: block;
  height: 48px;
  width: 242px;
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
}

#right-col {
  float: right;
  width: 600px;
  min-height: 441px;
  padding: 0 0 0 30px;
  background: url('/images/faded_divider.jpg') no-repeat left top;
}

#user-sidenav {
  position: relative;
  float: left;
  width: 242px;
}
#user-sidenav ul {
  margin: 0;
  padding: 0;
}
#user-sidenav ul li {
  list-style-type: none;
  margin: 0 0 7px 0;
  padding: 0;
}
#user-sidenav ul li a {
  display: block;
  width: 216px;
  height: 24px;
  padding: 9px 0 0 26px;
  background: #414c6d url('/images/sidenav_arrow.png') no-repeat 12px 12px;
  color: #fff;
  text-shadow: 0.1em 0.1em #000e2f;
}
#user-sidenav ul li a:hover, #user-sidenav ul li a.on, #user-sidenav ul li a.on:hover {
  background: #111f49 url('/images/sidenav_arrow.png') no-repeat 12px 12px;
}

#login-path {
  text-align: center;
  height: 550px;
  background: url('/images/bg_client_login.jpg') no-repeat center top;
}

#footer {
  clear: both;
  padding: 0 0 20px 0;
  font-size: 11px;
  color: #4a5a7d;
  text-align: center;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#footer a { color: #4a5a7d; }
#footer span { padding: 0 4px; }
#footer .dots-grad { margin-bottom: 20px; }



/* --------- DIV CLASSES --------- */


.regcopy {
	font-size: 12px;
	margin: 0 0 0 14px ;
	line-height: 120%;
	color: #1d315d;
}
.regcopy a {
	text-decoration: none;
	color: #999999;
}
.regcopy a:hover {
	text-decoration: underline;
	color: #999999;
}

.regcopy ul {
	margin: 6px 0 14px 30px;
}
.regcopy ul li {
	list-style-type: disc;
}
.regcopy ul li a {
	color: #999999;
}
.regcopy ul li a:hover {
	text-decoration: underline;
	color: #999999;
}




.medcopy {
	font-size: 11px;
	line-height: 120%;
	color: #1d315d;
}
.medcopy a {
	text-decoration: none;
	font-size: 11px;
	color: #1d315d;
}
.medcopy a:hover {
	text-decoration: underline;
}




.error {
  border: 1px solid #840000;
  color: #840000;
  font-weight: bold;
  text-align: center;
  padding: 30px 0;
}

.side-about {
  height: 441px;
  background: url('/images/bg_side_about.jpg') no-repeat;
}

.side-services {
  height: 441px;
  background: url('/images/bg_side_services.jpg') no-repeat;
}

.side-contact {
  height: 441px;
  background: url('/images/bg_side_contact.jpg') no-repeat;
}

.side-tech {
  height: 441px;
  background: url('/images/bg_side_tech.jpg') no-repeat;
}

.side-patient {
  height: 441px;
  background: url('/images/bg_side_patient.jpg') no-repeat;
}

.side-why {
  height: 441px;
  background: url('/images/bg_side_why.jpg') no-repeat;
}

.side-glass {
  height: 441px;
  background: url('/images/bg_side_glass.jpg') no-repeat;
}

.side-snapshot {
  height: 441px;
  background: url('/images/bg_side_snapshot.jpg') no-repeat;
}

.txt { padding: 0 0 0 12px; }

.content-border-wrap {
  clear: both;
  padding: 15px 28px 20px 28px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.dots-grad {
  clear: both;
  height: 11px;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  background: url('/images/g_dots_gradient.jpg') no-repeat;
}

.hideit { display: none; }

a.showhide { 
  font-weight: bold;
  padding: 0 0 0 16px;
}
a.plus { background: url('/images/plus.jpg') no-repeat left 2px; }
a.minus { background: url('/images/minus.jpg') no-repeat left 2px; }


.clearfix { clear: both; }
.hideit { display: none; }
.killtoppad { padding-top: 0px !important; }


/* --------- FONTS / LINKS --------- */



/* --------- IMAGES --------- */

img#logo {
  position: absolute;
  top: 24px;
  left: 39px;
}

img.hbtn { float: left; margin: 0 10px 0 0; }

img.afflogo { float: left; margin: 0 30px 0 0; }


/* --------- LISTS --------- */




/* --------- TABLES --------- */

table.login { margin: 100px auto; width: 300px; }
table.login td {
  white-space: nowrap;
  vertical-align: middle;
	padding: 5px 10px 5px 0;
}
table.login #nouser {
	margin-top: 0px !important;
	background: none !important;
	color: #840000 !important;
}

table.addedit {
  margin: 0 auto;
	border-collapse: collapse;
	width: 538px;
}
table.addedit td {
	border-collapse: collapse;
	padding: 5px 0;
	font-size: 14px;
	vertical-align: top;
	text-align: left;
}
table.addedit td input[type='text'] {
	font-size: 14px;
	width: 100%;
	border: 1px solid #ccc;
}
table.addedit td:first-child {
  padding-right: 15px;
  white-space: nowrap;
  width: 100px;
}

tr.alerterror td { color: #840000; }
tr.alerterror td input[type="text"] { border: 1px solid #840000; }




table.pdf-links {
  width: 100%;
}
table.pdf-links td {
  padding: 0 4px 4px 0;
  vertical-align: middle;
}
table.pdf-links td.icon {
  width: 24px;
}

a.pdf {
  clear: both;
  float: left;
  margin: 0 0 10px 0;
  padding: 5px 0 5px 31px;
  background: url('../images/icon_pdf.jpg') no-repeat;
}