/* DepthQ CSS */ 

/* Basic Elements */

/* this globally removes that ANNOYING dashed line around image links that have been clicked */
* :focus {
	outline: 0;
}

body, p, tr, th, td, ol, ul, li, h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #5a5b5f;
	vertical-align: top;
  }
  
body {
	background: #000;
	margin: 0px;
	text-align: center;
	height: 10px;
	}

h2 {
	font-weight: normal; 
	font-size: 10pt;
	color: #e67100; 
	}

h3 {
	font-weight: normal; 
	font-size: 12pt;
	color: #e67100; 
	}

h4 {
	font-weight: normal; 
	font-size: 14pt;
	color: #511b76;
	}
		
h5 {
	font-weight: normal; 
	font-size: 10pt;
	color: #511b76;
	}

h6 {
	font-weight: normal; 
	font-size: 9pt;
	color: #906dd5;
  }

p.space {
margin-top: -10px;
} 

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #e67100;
	}
	
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #e67100;
	}
	
a:hover, a:active { 
	text-decoration: underline; 
	color: #e67100;
	}

a.narrow {
	line-height: 15px;
	}
	
a.index {
	color: 511b76;
	}
	
a.dark {
	color: 5a5b5f;
	}
	
a.dark:hover, a.dark:active { 
	text-decoration: underline; 
	color: #e67100;
	}
	
sup {
	font-size: 6pt;
	vertial-align: text-top;
	line-height: 0;
	}

img {
	border: none;
	}
	
img.offset {
	position: relative;
	top: 7px;
	left: -1px;
	}

img.offset2 {
	position: relative;
	top: 4px;
	left: -1px;
	}

img.offset3 {
	position: relative;
	top: -10px;
	left: -130px;
	}

span.ital {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #5a5b5f;
	font-style: italic;
  }

table {
	border: none;
	background: #fff url('http://www.depthq.com/pic/background-table3.jpg') repeat-y center top;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	}

table.button {
	border: none;
	background: transparent;
	vertical-align: top;
	margin-right:0px;
	}

table.index {
	background: #fff url('http://www.depthq.com/pic/index-main.jpg') repeat-y center top;
	margin: 0px auto;
	}

table.internal {
	border: none;
	background: transparent;
	vertial-align: top;
	margin: 0px;
	}

table.internal td {
	padding: 7px;
	}

table.colorBar {
	padding:0px;
	text-align:right;
	background:transparent;
	}

table.colorBar td {
	padding: 3px;
	padding-right: 5px;
	}

table.contact {
	border: none;
	background: transparent;
	margin: 0px;
	}

table.contact td {
	padding: 0px;
	}

table.faq {
	background: transparent;
	border: solid #5a5b5f 1px;
	}

table.faq td, th {
	border: solid #5a5b5f 1px;
	padding: 2px;
	}

table.cfg {
	background: transparent;
	border: none;
	}

tr.hdr {
	vertical-align: center;
	background: #CCC0D9;
	border: solid #5a5b5f 1px;
	}

tr.odd {
	vertical-align: center;
	background: #e0e7f2;
	border: solid #5a5b5f 1px;
	}

tr.evn {
	vertical-align: center;
	background: #ffffff;
	border: solid #5a5b5f 1px;
	}

td.td0 {
	width:20.02%;
	border-top: none;
	border-bottom: solid #5a5b5f 1px;
	border-left: none;
	border-right: solid #5a5b5f 1px;
	padding: 3px;
	}
	
td.td1 {
	width:20.02%;
	border: solid #5a5b5f 1px;
	padding: 3px;
	}

td.td2 {
	width:26.66%;
	border: solid #5a5b5f 1px;
	padding: 3px;
	}

td.hdrL {
	border-top: none;
	border-bottom: none;
	border-left: solid #5a5b5f 1px;
	border-right: none;
	padding: 3px;
	}
	
td.hdrR {
	border-top:none;
	border-bottom: none;
	border-left: none;
	border-right: solid #5a5b5f 1px;
	padding: 3px;
	}
	
p.ttl { /*title*/
	text-align: center;
	font-weight: bold;
	font-size: 11pt;
	color: #511b76;
}

p.hdr { /*header*/
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #511b76;
}

p.lj { /*left-justified*/
	text-align: left;
	font-size: 9pt;
	font-weight: bold;
	color: #5a5b5f;
}

p.ctr-n { /*centered normal*/
	text-align: center;
	font-size: 9pt;
	font-weight: normal;
	color: #5a5b5f;
}

p.ctr-b { /*centered bold*/
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	color: #511b76;
}

input, textarea {
	font-size:12px;
	font-weight:normal;
	color:#5a5b5f;
	font-family: Helvetica, Arial, sans-serif;
	}
	
textarea {
	font-size:12px;
	width:100%;
	}
	
ul.dq {
	list-style-image: url('http://www.depthq.com/pic/dqbullet.png');
	}

ul li{
	padding-bottom: 10px; /*bottom spacing between menu items*/
	}

div {
	position: relative;
	top: 0px;
	}

div.offset {
	position: relative;
	top: 200px;
	}


/* specific divs */
	
#pageTitle {
	font-size: 14pt;
	color: #511b76;
	position: relative;
	top: 42px;
	}

#pageTitle a {
	color: #511b76;
	}
	
#pageTitle sup {
	font-size: 8pt;
	}

#textOnTop {
	position: relative;
	color: #5a5b5f;
	top: -275px;
	left: 0px;
	z-index: 5;
	text-align: left;
	padding-right: 10px;
	}
	
#textOnTopB {
	position: relative;
	color: #5a5b5f;
	top: -255px;
	left: 0px;
	z-index: 5;
	text-align: left;
	padding-right: 50px;
	}
	
#iconText {
	position: relative;
	top: -3px;
	left: 0px;
	}
	
#nav-noscript {
	background: transparent url('http://www.depthq.com/pic/alert.gif') no-repeat center left;
	padding-left: 22px;
	font-size: 8pt;
	}

#indexbg { 
 	background: #000 url('http://www.depthq.com/pic/index-floatb.jpg') no-repeat center bottom;
	margin: 0 auto;
	border: none
	}

#thumbnail {
	border: 4px solid #ff9c48;
	}

#caption {
	font-size: 8pt;
	text-align: center;
	}
	
#caption img {
	padding: 10px 0px;
	}

#blurbText {
  text-align: justify;
  }

#footerText {
	font-size: 9pt;
	color: #906dd5;
	text-align: center;
	}

#blogBorder {
	border: solid #FD8602 3px;
	padding:10px;
	}

#raised {
	font-weight: bold;
	position: relative;
	top: -22px;
	left: 0px;
	padding: 4px;
	background: #b9a8d1;
	color: #fff;
	}

#title {
	font-weight: bold; 
	font-size: 10pt;
	color: #e67100; 
	}

#indexRight {
	padding: 10px 0px 33px 0px;
	}

#indexHeader {
	color: 511b76;
	}

#indexAddress {
	position: relative;
	top: -29px;
	left: 70px;
	}

#indexContactTitles {
	position: relative;
	top: -9px;
	left: 200px;
	}

#RBText {
	text-align: right;
	padding-right: 10px;
	}
	
#rightButton {
	width: 172px;
	height: 16px;
	background: #d6d2e4;
	text-align: right;
	padding: 3px;
	padding-right: 5px;
	}
#rightButton a {
	color: #000;
	text-decoration: none;
	display: block;
	}
#rightButton a:hover, #rightButton a:focus {
	background: #ee9c52;
	}
#rightButton.two {
	background: #e0e7f2;
	}
#rightButton.three {
	background: #e1ebd8;
	}
#rightButton.four {
	background: #faf7cd;
	}
#rightButton.five {
	background: #eed1b7;
	}
#rightButton.six {
	background: #eeccc9;
	}
#rightButton.seven {
	background: #ead9ec;
	}
#rbsmtext {
	font-size: 8pt;
	}

#MBText {
	text-align: right;
	padding-right: 10px;
	}
	
#middleButton {
	width: 300px;
	background: #d6d2e4;
	text-align: right;
	font-size: 8pt;
	padding: 3px;
	padding-right: 5px;
	}
#middleButton a {
	color: #000;
	text-decoration: none;
	display: block;
	}
#middleButton a:hover, #middleButton a:focus {
	background: #ee9c52;
	}
#middleButton.two {
	background: #e0e7f2;
	}
#middleButton.three {
	background: #e1ebd8;
	}
#middleButton.four {
	background: #faf7cd;
	}
#middleButton.five {
	background: #eed1b7;
	}
#middleButton.six {
	background: #eeccc9;
	}
#mbsmtext {
	font-size: 8pt;
	}
#emailRequired, #emailValidation {
  	font-color: red;
  	display: none;
	}
#faqblock {
  	line-height: 18pt;
  	margin-left: 40px;
  	margin-bottom: 20px;
	}
#faqblock a {
  	color: #511b76;
	}