/*
Dark blue is 0, 64, 113 OR #004071
Light blue is 0. 147, 193 OR #0093c1
Banner grey is 236, 237, 237 OR #ECEDED
Hot pink is #B0007C
Margin padding: top right bottom left
Margin padding: top&bottom left&right
Margin padding: all
*/



body {
	font-size: small;
	font-family: Verdana, Arial, sans-serif;
	background-color: #eceded;
}


div.page-box {
	width: 980px;
	background-color: white;
	margin: 0 auto;
	}


h1, h2, h3, p, ul, li {
	margin-left: 8px;
    margin-bottom: 10px; 
    margin-top: 3px; 
    margin-right: 4px; 
	}

h1 {
	text-align: left;
	font-size: large;
	font-weight: Bold;
	font-family: Verdana, Arial, sans-serif;
}

h2 {
	text-align: left;
	font-size: medium;
	font-weight: Bold;
	font-family: Verdana, Arial, sans-serif;
}

h3 {
	text-align: left;
	font-size: small;
	font-style: Italic;
	font-weight: Bold;
	font-family: Verdana, Arial, sans-serif;
}

hr	{
		border-top: solid #FFffff 1px;
		border-bottom: solid #0093c1 1px;
}

hdgs1 {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 24.000000pt;
	font-weight: Bold;
	font-style: Regular;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Arial Narrow";
}
A:link {
	color: #0093c1;*/
	text-decoration: underline;
}
	/* #336699 */
A:visited {
	color: #0093c1;
	text-decoration: underline;
}
/* #AA55AA */
A:hover {
	color: #004071;
	text-decoration: underline;
}
/* #ff0000 */
A:active {
	color: #004071;
	text-decoration: underline;
}
/* #558866 */

th, td  {
	font-size: small;
	vertical-align: top;
	border-color: #0093c1;
}

sup
	{
	font-size: xx-small;
}

p  {
	font-size: small;
	font-family: Verdana, Arial, sans-serif;
}

ul, ol  {
	font-size: small;
	font-family: Verdana, Arial, sans-serif;
	margin-left: 14px; 
	}

ul ul, ol ol {
	margin-bottom: 0px;
	}

li  {
	font-size: small;
	font-family: Verdana, Arial, sans-serif;
	}

ul li.entrypage {
	list-style: none;
	padding: 0px 18px 0px 18px; 
	background: url(bullet.gif) 0 4px no-repeat;
	}

ul li.entrypage, ol li {
	margin-left: -25px;  /*setting for FF and other standards compliant browsers*/
	#margin-left: 0px; /*setting for IE7*/
	_margin-left: 0px; /*setting for IE6*/
	}

ul ul li.entrypage, ol ul li.entrypage {
	margin-left: -40px;  /*setting for FF and other standards compliant browsers*/
	#margin-left: 0px; /*setting for IE7*/
	_margin-left: 0px; /*setting for IE6*/
	}

ul ul ul li.entrypage, ol ul ul li.entrypage {
	margin-left: -65px;  /*setting for FF and other standards compliant browsers*/
	#margin-left: 0px; /*setting for IE7*/
	_margin-left: 0px; /*setting for IE6*/
	}

div.spaced ul li.entrypage, div.spaced ol li.entrypage {
	margin-top: 8px; 
	margin-bottom: 8px; 
	}


/* Various classes */

.bannername {
	font-size: medium;
	font-weight: Bold;
	font-style: italic;
	color: #555555;
	font-family: Georgia,'Times New Roman',serif;
}
.bigqdt {
	font-size: 75px;
	color: #555555;
	font-family: Georgia,'Times New Roman',serif;
}
.banneraddr {
	font-weight: Bold;
	color: #555555;
	font-size: small;
	font-family: Verdana, Arial, sans-serif;
}
.bannerconame {
	font-size: small;
	color: #555555;
	font-family: Verdana, Arial, sans-serif;
}

.scenario {
	font-style: italic;
	border: solid #0093c1 3px;
	padding: 5px;
	background-color: #eceded;
	margin-bottom: 10px;
	}

div.featurebox {
	border: solid #0093c1 2px;
	padding: 5px;
	background-color: #eceded;
	margin-bottom: 10px;
	margin-left: 10px; 
	margin-right: 10px;
	}

div.featurebox h1 {
	font-size: medium;
}

div.featurebox h2 {
	font-size: small;
}


p.findmore {
	/*color: #0093c1;*/
	text-align: left;
}

A.findmore:link {
	color: #004071;
	text-decoration: none;
}

A.findmore:visited:link {
	color: #004071;
	text-decoration: none;
}

A.findmore:hover:link {
	color: #004071;
	text-decoration: underline;
}

A.findmore:active:link {
	color: #004071;
	text-decoration: none;
}


.italics {
	font-style: italic;
}


table#main-table {
	width: 100%
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}


#maincontent {
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px  #0093c1 solid;
	border-right: 1px  #0093c1 solid;
	background: #ffffff;
	width: 80%;
	margin-top: 0;
}
#header {
	height: 120px;
	width: 100%;
	background-color: #eceded;
	background-image: url(qdt_banner.png);
	background-repeat: no-repeat;
	vertical-align: middle; 
	border-left:  solid #0093c1 1px;
	border-right:  solid #0093c1 1px;
	border-top:  solid #0093c1 1px;
	border-bottom:  solid #0093c1 2px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#homepagetable {
	padding-top: 10px;
	padding-right: 10px;
	}

#homepagetable td {
	padding-left: 8px;
	padding-right: 15px;
	vertical-align: top;
	width: 50%;
	}

#homepagetable hr {
	margin-left: 8px;
	margin-right: 15px;
	}

#theform th {
	padding-top: 10px;
	font-weight: bold;
	color: #0093c1;
	text-align: left;
	}

#theform td.answer {
	padding-bottom: 10px;
	}

#profile-photo-in-menu {
	float: right;
	padding: 10px;
	text-align: center;
	color: #000000;
	font-size: 90%;
	/*width: 70%;*/
	}

.emph {
	font-weight: bold;
	color: #0093c1;
	}

.only_systems_set {
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: solid #0093c1 1px;
}
.qt_name {
	font-weight: Bold;
/*	color: #FF7342;*/
}

.larger {
	font-size: large;
}

.xxlarger {
	font-size: x-large;
}

.packoverview {
	/*background-color: #FFE3D8;*/
	border-bottom: solid #0093c1 0px;
	padding-bottom: 8px;
	}


.gotop {
	float: right;
	font-size: x-small;
}

.downloadinfo {
	font-size: x-small;
}

.email {
	font-style: italic;
}
.quote {
	padding-left: 20px;
	padding-right: 20px;
	font-size: x-small;
	color: #004071;
}
.quoter {
	padding-left: 10px;
	font-weight: bold;
}

.award {
	font-style: italic;
	}

td.project {
	width: 100%;
	}

td.testimonial {
	width: 33%;
	}

.screensnap	{
	width: 220px;
		}

.invisible {
	font-size: xx-small;
	color: #FFFFBB;
}
.darkpink {
	color: #BB3388;
}
.royalaqua {
	color: #0077BB;
}
.red {
	color: #ff0000;
}
.darkblue {
	color: #5522AA;
}
.darkgreen {
	color: #558866;
}
.orange {
	color: #ff3300;
}
.brown {
	color: #BB4422;
}

.bigtitle {
	text-align: left;
	font-size: x-large;
	font-style: italic;
	color: #555555;
	font-weight: Bold;
	font-family: Georgia,'Times New Roman',serif;
}


.larger_freecall {
	font-style: italic;
	font-weight: Bold;
	font-size: large;
	vertical-align: middle; 
	text-align: right;
	color: #0093c1; 
	}

.num_freecall {
	color: #004071; 
	}

.slogan {
	font-weight: Bold;
	font-style: italic;
	color: #0093c1;
	font-size: large;
	vertical-align: middle; 
	text-align: left;
	}

.slogan2 {
	padding-top: 15px;
	font-weight: Bold;
	font-style: italic;
	color: #0093c1;
	font-size: xx-large;
	vertical-align: middle; 
	text-align: right;
	}

.webcounter {
	display: none;
	}


/*****************

Menu bar

*******************/

p.menub {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	padding-right: 5px;
	padding-left: 5px;
	border-right: solid #0093c1 0px;
	padding-bottom: 5px;
	/*font-size: xx-small;*/
	border-bottom: solid #0093c1 1px;
	padding-top: 6px;
	color: #ffffff;
}
p.menub2 {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	padding-left: 15px;
	padding-right: 5px;
	border-right: solid #0093c1 0px;
	padding-bottom: 5px;
	/*font-size: x-small;*/
	border-bottom: solid #0093c1 1px;
	padding-top: 6px;
	color: #ffffff;
	font-weight: bold;
}

A.sidelinks {
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
A.sidelinks:link {
	color: #ffffff;
	text-decoration: none;
}
A.sidelinks:visited {
	color: #ffffff;
	text-decoration: none;
}
A.sidelinks:hover {
	color: #0093c1;
	text-decoration: underline;
}
A.sidelinks:active {
	color: #ffce73;
	text-decoration: none;
}
A.sidelinks2 {
	font-weight: normal;
	color: #ffffff;
	font-size: x-small;
}
A.sidelinks2:link {
	color: #ffffff;
	text-decoration: none;
}
A.sidelinks2:visited {
	color: #ffffff;
	text-decoration: none;
}
A.sidelinks2:hover {
	color: #0093c1;
	text-decoration: underline;
}
A.sidelinks2:active {
	color: #ffce73;
	text-decoration: none;
}

#menubar {
	vertical-align: top;
	background-color: #004071;
	width: 20%;
	min-width: 196px;
	text-align: left;
	font-size: x-small;
	margin-top: 0;
	margin-left: 0;
	border-left: 1px  #0093c1 solid;
}


/*************

Subscribe box

**************/


#subscribe {
	float: right;
	border: solid #0093c1 2px;
	background-color: #ffce73;
	text-align: center;
	vertical-align: middle;
	color: #004071;
	margin: 10px 10px 10px 10px;
	}

#subscribe p.headline {
	font-size: medium;
	font-weight:bold;
	margin: 0;
	padding-top: 10px;
	}

#subscribe p.headline span.aster {
	font-size: small;
	}
	
#subscribe p.benefits {
	font-size: small;	
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;	
	color: #004071;
	}

#subscribe p.conditions-apply {
	font-size: x-small;	
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;	
	color: #004071;
	}

#subscribe p.subscribe-button {
	font-size: small;
	font-weight:bold;
	margin: 0;
	padding-bottom: 10px;
	}

#subscribe A:link {
	color: #004071;
	text-decoration: underline;
}
#subscribe A:visited {
	color: #004071;
	text-decoration: underline;
}

#subscribe A:hover {
	color: #0093c1;
	text-decoration: underline;
}
#subscribe A:active {
	color: #004071;
	text-decoration: underline;
}


/***********

7 step tables 

**********/

div.qt-comp td, div.qt-comp th {
	text-align: left; 
	padding: 8px; 
	vertical-align: top; 
	border-width: 0px; 
	border-style: solid;
	border-color: #0093c1;
	} 

div.qt-comp th {
	font-size: 120%;
	border-top-width: 5px
	} 

div.qt-comp table#issue-statuses th {
	font-size: 120%;
	border-top-width: 0px
	} 

div.sys-doc-info-content th {
	border-top-color:  #d693bf ;
	}

div.workflow-info-content th {
	border-top-color:  #98C5AB ;
	}

div.issues-info-content th {
	border-top-color:  #B0C4DE ;
	}

div.certification-info-content th {
	border-top-color:  #ee8a8a ;
	}

div.qt-comp td.num, div.qt-comp th.num {
	text-align: right;
	} 

div.qt-comp td.has-pres {
	padding-top: 5px;
	width: 420px;
	height: 470px; 
	} 

div.qt-comp table {
	margin: 15px 8px;
	border-collapse: collapse;
	}

div.qt-comp ul {
	margin-top: 0px; 
	margin-bottom: 0px;
	}

div.qt-comp p {
	width: 95%;
	}

div.qt-comp p img {
	width: 100%;
	}

div.qt-comp table#issue-statuses th,
div.qt-comp table#issue-statuses td {
	font-size: 70%;
}


A.point-to:link {
	color: #004071;
	text-decoration: none;
}

A.point-to:visited:link {
	color: #004071;
	text-decoration: none;
}

A.point-to:hover:link {
	color: #004071;
	text-decoration: underline;
}

A.point-to:active:link {
	color: #004071;
	text-decoration: none;
}


/****************

Full list pages

*****************/

div.full-list h2 {
	font-size: small;
}

div.full-list {
	padding-left: 25px;
}

div.full-list p img {
	width: 460px;
	padding-top: 12px;
	padding-bottom: 12px;
}

div.full-list p.gotop {
	float: none;
	padding-bottom: 10px;
}

p.full-list {
	margin-top: 20px;
	border-top: 2px #0093c1 solid;
	padding-top: 5px;
	border-bottom: 0px #0093c1 solid;
	padding-bottom: 5px;
	background-color: #eceded;
}

.go-full-text {
	float: right;
	font-size: x-small;
	font-weight: normal;
}

/****************

Launch boxes for 7 steps

*****************/

table#seven-steps-index {
	width: 100%; 
	border-collapse:separate;
	border-spacing:10px;
	}

table#seven-steps-index p {
	text-align: center;
	font-size: medium;
	color: #004071;
	font-weight: bold;
	}


table#seven-steps-index p.topic-sm {
	font-size: small;
	}

table#seven-steps-index td {
	vertical-align: middle;
	border: 2px #0093c1 solid;
	width: 50%; 
	height: 50%;
	padding-top: 10px;
	padding-bottom: 6px;
	}

td#sys-manual-box {
	background-color: #d693bf;
}


td#standards-box {
	background-color: #ee8a8a;
}

td#issues-box {
	background-color: #B0C4DE;

}

td#workflow-box {
	background-color: #98C5AB;
}

/*
div.sys-doc-info-content span.emph {
	color: black;
	}
*/

table#seven-steps-index a:link {
	color: #004071;
	text-decoration: none;
}

table#seven-steps-index a:visited:link {
	color: #004071;
	text-decoration: none;
}

table#seven-steps-index a:hover:link {
	color: #004071;
	text-decoration: underline;
}

table#seven-steps-index a::active:link {
	color: #004071;
	text-decoration: none;
}

/* 
rotating testimonials
*/

div#quotetext {
	padding-top: 10px;
}

div#quotetext p {
	font-family: georgia, serif;
	font-size: medium;
	color: #ffce73;
	padding: 10px 8px 0px;
}

div#quotetext p.testm-quote {
	font-style: italic;
	padding-bottom: 0px;
	line-height: 120%;
}

div#quotetext p span.testm-name,
div#quotetext p span.testm-role,
div#quotetext p span.testm-business {

}

