/*
	APERIO CSS
	CREATED: 26.04.07
	MODIFIED: 09.11.10
	AUTHOR: ANDY FIELD
*/

/*
	COLOURS
	DARK GREY: #333a48
	MID GREY: #666
	GREEN 01: #1a9c46
	GREEN 02: #006e34
	GREEN 03: #004c29
	
	HEADER GREEN 01: #00913c
	HEADER GREEN 02: #006833
	
	GREEN TINT: #e5f0ea

*/

/* UNDO
******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
}

:link,:visited {
	text-decoration: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img { 
	border: 0;
}

address,abbr,mcaption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

img {
	border: none;
}

ol,ul,dl {
	list-style-type: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 100%;
	font-weight: normal;
	line-height: 100%;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* BASE
******************************************/

html {
	font-size: 100%;
}

body {
	background-color: #fff;
	color: #333a48;
	font: 62.5%/100% 'lucida grande', verdana, tahoma, sans-serif;
	padding: 1em;
}

.skip {
	position: relative;
	text-indent: -3000px;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
}

a:link,
a:visited {
	color: #00913c;
	text-decoration: none;
}

a:hover,
a:active {
	color: #00913c;
	text-decoration: underline;
}

h4 a:link,
h4 a:visited,
h3 a:link,
h3 a:visited,
ul#prodlogosalt li a:link,
ul#prodlogosalt li a:visited {
	color: #333a48;
}

h4 a:hover,
h4 a:active,
h3 a:hover,
h3 a:active,
ul#prodlogosalt li a:hover,
ul#prodlogosalt li a:active {
	color: #00913c;
	text-decoration: underline;
}

.clearme {
	clear: both;
	height: 0;
}

strong {
	font-weight: bold;
}

span.alert {
	background: #ffc;
	padding: 2px;
}

p.green {
	color: #1a9c46;
}

/* TYPE
******************************************/

p,ul,dl,ol {
	font-size: 1.2em;
	line-height: 150%;
	margin: 0 0 10px 0;
}

th,td {
	font-size: 1.2em;
	line-height: 150%;
}

h1,h2,h3,h4,h5,h6 {
	font-family: gill sans, 'lucida grande', verdana, tahoma, serif;
	font-weight: bold;
	margin: 0 0 10px 0;
}

h1 {
	font-size: 2em;
}

h1 span {
	font-weight: normal;
}

h1.hide {
	display: none;
}

h2 {
	color: #00913c;
	font-size: 1.7em;
	font-style: italic;
	margin: 0 0 15px 0;
}

h3 {
	font-size: 1.4em;
}

h4,h5,h6 {
	font-size: 1.3em;
}

h4 span {
	font-weight: normal;
}

blockquote {
	color: #006833;
	font-style: italic;
	width: 90%;
}

blockquote span {
	color: #333a48;
	font-style: normal;
}

.small {
	font-size: 1.1em;
}

p.register {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0;
	padding: 0 10em 0 0;
}

/* NAVIGATION
******************************************/

a.products,
a.products02,
a.corporate,
a.support {
	display: block;
	height: 580px;
	overflow: hidden;
	position: relative;
	text-indent: -3000em;
	width: 30px;
}

a.products {
	background: #1a9c46 url(/images/navigation.gif) 0 0  no-repeat;
}

a.corporate {
	background: #006e34 url(/images/navigation.gif) -30px 0  no-repeat;
}

a.support {
	background: #004c29 url(/images/navigation.gif) -60px 0  no-repeat;
}

ul#footer {
	font-size: 100%;
	height: 20px;
	margin: 10px 0 0 0;
}

ul#footer li {
	color: #666;
	display: inline;
}

#colrhs ul {
	list-style-type: square;
	margin: 10px 40px;
}

#colsingle ul.decimal {
	list-style-type: decimal;
	margin: 10px 40px;
}

#collhs ul {
	margin: 20px 0 0 30px;
}

#collhs li,
#colrhs li {
	padding: 3px 0;
}

#download ol {
	list-style-type: decimal;
	margin: 10px 20px 10px 40px;
}


/* DECORATION
******************************************/

#collhs img {
	margin: 30px 0 0 0;
}

#pad {
	margin: 80px 0 0 0;
}

/* img.productlogo {
	background: #ddd;
	height: 150px;
	margin: 30px 40px 20px 0;
	width: 200px;

} */

#logos {
	padding: 10px 0 0 0;
}

a.externallink {
	background: #fff url(/images/externallink.gif) 100% 50% no-repeat;
	padding: 0 12px 0 0;
}

/* 
a.analyst {
	background: #fff url(/images/analystlogo_sm.gif) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 0 40px;
	padding: 30px 0 0 90px;
}

a.developer {
	background: #fff url(/images/developerlogo_sm.gif) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 0 40px;
	padding: 30px 0 0 90px;
}

a.iq {
	background: #fff url(/images/iqlogo_sm.gif) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 0 40px;
	padding: 30px 0 0 90px;
}

a.primeinvestor {
	background: #fff url(/images/investorlogo_sm.gif) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 0 40px;
	padding: 30px 0 0 90px;
}

a.services {
	background: #fff url(/images/aperiologo_sm.gif) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 0 40px;
	padding: 30px 0 0 90px;
}
*/

ul#prodlogos {
	font-size: 100%;
}

ul#prodlogos li {
	float: left;
	margin: 0 50px 0 0;
	padding: 0 0 20px 0;
	width: 320px;
}

ul#prodlogos li h4 {
	padding: 30px 0 0 0;
}

ul#prodlogos li img {
	display: block;
	float: left;
	padding: 0 10px 0 0;
}

ul#prodlogosalt,
ul#prodlogosnew {
	font-size: 100%;
}

ul#prodlogosalt li,
ul#prodlogosnew li {
	display: inline;
}

ul#prodlogosalt li a {
	display: block;
	font-size: 1.3em;
	font-weight: bold; 
	line-height: 100%;
	margin: 0;
	padding: 35px 0 40px 240px;
}

ul#prodlogosnew li a {
	background: #ddd;
	display: block;
	font-size: 1.3em;
	font-weight: bold; 
	line-height: 100%;
	margin: 0;
	padding: 15px 0 20px 240px;
}

ul#prodlogosalt li a.analyst,
ul#prodlogosnew li a.analyst {
	background: url(/images/analyst_plogo.png) 0 50% no-repeat;
}

ul#prodlogosalt li a.developer,
ul#prodlogosnew li a.developer {
	background: url(/images/developer_plogo.png) 0 50% no-repeat;
}

ul#prodlogosalt li a.iq,
ul#prodlogosnew li a.iq {
	background: url(/images/iq_plogo.png) 0 50% no-repeat;
}

ul#prodlogosalt li a.investor,
ul#prodlogosnew li a.investor {
	background: url(/images/investor_plogo.png) 0 50% no-repeat;
}

ul#prodlogosalt li a.services {
	background: url(/images/services_plogo.png) 0 50% no-repeat;
}

ul#prodlogosbox {
	font-size: 100%;
	margin: 20px 0 0 0;
	padding: 0;
	width: 100%;
}

ul#prodlogosbox li {
	display: inline;
	float: left;
	width: 360px;
}

ul#prodlogosbox li a {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 100px;
	/* text-indent: -3000em; */
	padding: 0 10px 10px 130px;
}

ul#prodlogosbox li a span {
	display: block;
	padding: 30px 0 0 0;
}

ul#prodlogosbox li a.analyst {
	background: url(/images/analyst_logo_sm_new.gif) 0 0 no-repeat;
}

ul#prodlogosbox li a.developer {
	background: url(/images/developer_logo_sm_new.gif) 0 0 no-repeat;
}

ul#prodlogosbox li a.investor {
	background: url(/images/investor_logo_sm_new.gif) 0 0 no-repeat;
}

ul#prodlogosbox li a.iq {
	background: url(/images/iq_logo_sm_new.gif) 0 0 no-repeat;
}

a.compare {
	background: url(/images/comparebtn.png) right 0 no-repeat;
	padding: 2px 80px 2px 0;
}

a.registerbtn {
	background: url(/images/registerbtn.png) 0 0 no-repeat;
	display: block;
	float: left;
	height: 20px;
	left: 0;
	margin: 0 1em 0 0;
	overflow: hidden;
	position: relative;
	text-indent: -3000em;
	top: 0.3em;
	width: 70px;
}

a.registerbtn:hover {
	background: url(/images/registerbtn.png) 0 -20px no-repeat;
}

/* LAYOUT
******************************************/

#wrappr {
	height: 600px;
	left: 50%; 
	margin: -300px 0 0 -480px;
	position: absolute;
	top: 50%;
	width: 960px;
}

#contentwrappr {
	background: #fff;
	border: 1px solid #ddd;
	height: 580px;
	width: 960px;
}

#nav01 {
	background: #1a9c46;
	float: left;
	height: 580px;
	width: 30px;
}

#nav02 {
	background: #006e34;
	float: left;
	height: 580px;
	width: 30px;
}

#nav03 {
	background: #004c29;
	float: left;
	height: 580px;
	width: 30px;
}

#contenthome {
	background: #fff;
	float: left;
	height: 580px;
	width: 870px
}

#content {
	background: #fff url(/images/watermark.png) 0 0 no-repeat;
	float: left;
	height: 580px;
	width: 870px
}

#collhs {
	float: left;
	width: 200px;
}

#colrhs {
	float: right;
	height: 500px;
	overflow: auto;
	padding: 80px 30px 0 0;
	width: 610px;
}

#colsingle {
	float: right;
	height: 500px;
	overflow: auto;
	padding: 80px 30px 0 0;
	width: 810px;
}

#colhome {
	float: right;
	height: 580px;
	overflow: hidden;
	width: 870px;
}

#colone {
	float: left;
	margin: 0 20px 0 0;
	width: 270px; /* WAS 290  REDUCED TO ALLOW FOR VERTICAL SCROLLER */
}

#coltwo {
	float: left;
	width: 295px;
}

#collhsalt {
	float: left;
	width: 40%;
}

#colrhsalt {
	float: left;
}

/* REVEALS
******************************************/

#section01,
#section02,
#section03,
#section04,
#section05,
#section06,
#section07,
#section08,
#section09,
#section10,
#section11,
#section12,
#section13,
#section14,
#section15,
#director01,
#director02,
#director03,
#director04,
#accountaccess,
#remoteassistance,
#download,
#dev,
#msoft {
	border-bottom: 1px solid #ddd;
	display: none;
	margin: 0 0 10px 0;
}

#accountaccess,
#remoteassistance,
#download,
#dev {
	background: #f3f9eb;
	border: 1px solid #ddd;
	padding: 10px 10px 0 10px;
}

/* FORM ELEMENTS
******************************************/

fieldset {
	padding: 10px 0;
}

label {
	display: block;
	padding: 0 0 4px 0;
}

#registration label {
	float: left;
	padding: 0 1em 0 0;
	width: 10em;
}

#registration label.chkbox {
	float: none;
	width: auto;
}

input,
select,
textarea {
	font-family: 'lucida grande', verdana, tahoma, serif;
	font-size: 100%;
	padding: 0.2em;
}

input.long,
textarea.long {
	width: 20em;
}

fieldset#company {
	float: left;
	margin: 0 2em 0 0;
}

fieldset#billing {
	float: left;
}

label span {
	color: #1a9c46;
	font-weight: bold;
}

/* TABLE ELEMENTS
******************************************/

table {
	margin: 5px 0 10px 0;
}

th,td {
	padding: 0.2em 3em 0.2em 0.4em;
}

tbody th {
	padding: 0.2em 2em 0.2em 0;
}

th.end {
	padding: 0.2em 0.4em 0.2em 0.4em;
}

th {
	font-weight: bold;
}

thead th {
	background: #333a48;
	color: #fff;
}

tbody th,
td {
	border-bottom: 1px solid #ddd;
}

td.stripe {
	background: #e5f0ea;
}

/* SITE MAP
******************************************/

dl#sitemap {
	margin: 0 0 10px 0;	
	padding: 0 0 10px 0;	
}

dl#sitemap dt,
dl#sitemap dd.start {
	font-weight:bold;
}

dl#sitemap dd.end {
	margin: 0 0 10px 0;	
}