/* CSS Reset from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! 
:focus {
	outline: 0;
}*/
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* End CSS Reset */

h1 {
	font-size: 1.8em;
	margin: 0 0 1em 0;
	font-weight: normal;
	line-height: 1.4;
}
h2 {
	font-weight: normal;
	margin: 0 0 0.8em 0;
}	
p {
	margin: 0 0 1.6em 0;
}
address {
	margin: 0 0 1.6em 0;
}

strong {
	font-weight: bold;
}
.strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
a:link, a:visited {
/* 	color: #333; */
	color: #16638B;
	text-decoration: none;
}
a:hover, a:active {
/* 	color: #16638B; */
	color: #0e405a;
	text-decoration: none;
}
body {
	text-align: center;
	background: #333 url(../images/bg.png) top left repeat;
	color: #fff;
	font-size: 62%;
/*	font-family: Georgia, "Times New Roman", serif; */
 	font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 1.6;
}
h1, h2, h3, h4, h5, h6, blockquote/* , .caption */ {
	font-family: Georgia, "Times New Roman", serif;
}


#navigation ul a:active,
#interest a:active,
#desire a:active,
#tour-navigation a:active,
.highlight a:active,
#footer a:active {
	position: relative;
	top: 1px;
}



.column {
	width: 300px;
}
.column.column-double {
	width: 609px;
	border-right: 1px solid #cbdeed;
	padding-right: 10px;
}
.column {
	float: left;
	display: inline;
	margin: 0 20px 0 0px;
}
.column h3 {
	font-size: 2.5em;
	font-weight: normal;
	margin-top: 0.8em;
}
.column p {
	font-size: 1.5em;
}
.column ul {
	padding: 0 0 0 2em;

}
.column li {
	font-size: 1.5em;
	list-style: circle;
}
.column.last {
	margin-right: 0;
}
.column .subtext {
	padding: 1em 0 0 1.6em;
}

.standard-inner-container {
	width: 940px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}
#navigation-wide {
	width: 100%;
	color: #333;
	background: #e3e3e3 url(../images/navigation_bg.png) bottom left repeat-x;
	overflow: hidden;
}
#navigation {
	position: relative;
}
#navigation-logo {
	position: absolute;
/*	top: 0; Removed when taken off image */
	top: 12px;
	left: 0;
/*	width: 80%;*/
	font-size: 1.5em;
	text-shadow: hsla(0, 0%, 50%, 0.5) 0.1em 0.1em 2px;
	color: #000;
}
#navigation-logo a:link,
#navigation-logo a:visited {
	color: #000;
}
#navigation-logo a:hover,
#navigation-logo a:active {
	color: #16638B;
}
#navigation-logo img {
	display: block;
}
#navigation-items {
	list-style: none;
	float: right;
	display: inline;
	width: 80%;
	font-size: 1.5em;
	text-shadow: hsla(0, 0%, 50%, 0.5) 0.1em 0.1em 2px;
}
#navigation-items a:link,
#navigation-items a:visited {
	color: #333;
}
#navigation-items a:hover,
#navigation-items a:active {
	color: #16638B;
}
#navigation-items li {
	float: right;
	display: inline;
	margin: 12px 0 12px 2em;
}
.highlight a{ /* This can be deleted if no highlight in top nav */
 	border-bottom: 2px solid #fd7417; 
}
#attention-wide {
	width: 100%;
	color: #333;
	background: #fff url(../images/attention_bg.png) top left repeat-x;
	overflow: hidden;
}
#attention {
	width: 940px;
	padding-bottom: 10px;
}
#attention-logo {
	float: right;
	display: inline;
	margin: 26px 50px 0 54px;/* minused 10px from top and bottom - ECB 20110107 2341 (raising the crease) */
}

#attention h1 {
	font-size: 3.6em; /* 3.0em  when using 80% size image */
	margin: 46px 0 36px; /* minused 10px from top and bottom - ECB 20110107 2341 (raising the crease) */
	line-height: 1.4;
	width: 620px;
	text-shadow: 0 1px 2px #eee;
}
#attention h2 {
	font-size: 2.4em;
	line-height: 1.2;
}


/* Tour */
#tour-header {
	background: transparent url(../images/tour_header_bg.png) top center no-repeat;
	overflow: hidden;
	width: 981px;
	margin: 20px auto 0 auto;
	padding-bottom: 16px;
	text-shadow: 0 1px 1px #2890c9, 0 -1px 1px #196992;
}
#tour-header h1 {
	float: left;
	margin: 16px 0 0 0;
	position: relative;
	left: 20px;
	color: #fff;
	font-size: 3.6em;
}
#tour-header h2 {
	float: right;
	margin: 30px 0 0 0;
	position: relative;
	right: 20px;
	color: #fff;
	font-size: 1.5em;
}
#tour-header a:link,
#tour-header a:visited {
	color: #fff;
}
#tour-header a:hover,
#tour-header a:active {
	color: #dbebfb;
}

#tour-top {
	width: 981px;
	margin: 0 auto;
	background: transparent url(../images/tour_top_bg.png) top center repeat-y;
	overflow: hidden;
	text-align: left;
	padding-bottom: 20px;
	text-shadow: 0 1px 1px #fff;
}
#tour-top div#tour-navigation {
	float: left;
	width: 190px;
	overflow: hidden;
	position: relative;
	left: 20px;
}
#tour-top div#tour-navigation ul {
	width: 190px;
	font-size: 1.5em;
	margin-top: 30px;
}
#tour-top div#tour-navigation ul li {
	width: 98%;
	display: block;
	padding: 0.6em 0;
	border-bottom: 1px solid #f0f0f0;
}
#tour-top div#tour-navigation ul li.current {
	font-weight: bold;
}
#tour-top div#tour-navigation ul li.last {
	border: 0;
}
#tour-top img#tour-screenshot {
	float: right;
	position: relative;
	width: 460px;
	margin-top: 20px;
/* 	border: 4px solid #84b8e2; */
}
#tour-top #tour-information {
	float: right;
	display: inline;
	width: 260px;
	margin: 0 21px 0 20px;
	font-size: 1.5em;
}
/*
#tour-top img#tour-screenshot {
	float: right;
	position: relative;
	right: 20px;
	width: 460px;
	margin-top: 20px;
	padding: 2px;
	border: 1px solid #eee; #84b8e2; 
}
#tour-top #tour-information {
	float: left;
	display: inline;
	position: relative;
	left: 20px;
	width: 220px;
	margin: 0 21px 0 20px;
	font-size: 1.5em;
}
*/
#tour-top #tour-information h2 {
	font-size: 1.7em;
	margin-top: 1em;
	line-height: 1.4em;
}

li.button3-260 {
	width: 300px;
	margin: 30px 0 10px;
	display: block;
	background: #78d87f url(../images/button3-bg.png) top center no-repeat;
}
li.button3-260 {
	width: 260px;
	background-image: url(../images/button3-260-bg.png);
}
li.button3 a,
li.button3-260 a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 14px 0;
	font-size: 15px;
	color: #314031;
	text-shadow: 0 1px 1px #b7e2bd, 0 -1px 1px #7cd386;
	background: transparent url(../images/button3-bottom-bg.png) bottom center no-repeat;
}
li.button3-260 a {
	background-image: url(../images/button3-260-bottom-bg.png);
}
li.button3 a:hover,
li.button3-260 a:hover {
	color: #171f17;
}
li.button3 a:active,
li.button3-260 a:active {
	padding: 15px 0 13px;
	top: 0;
}

#tour-interest {
	background: transparent url(../images/tour_interest_top_bg.png) top center no-repeat;
	width: 981px;
	margin: 0 auto 20px auto;
	text-shadow: 0 1px 1px #ebebeb;
}
#tour-interest-inner {
	background: transparent url(../images/tour_interest_bottom_bg.png) bottom center no-repeat;
	width: 981px;
	margin: 0;
	text-align: left;
	overflow: hidden;
	padding: 1px 0 10px 0;
	min-height: 16px;
}
#tour-interest-inner .column {
	position: relative;
	left: 20px;
}
#tour-desire-wide {
	color: #333;
	text-shadow: 0 1px 1px #d9eefe, 0 -1px 1px #c9ddec;
	width: 100%;
	background: #d4e9f9 url(../images/desire_bg.png) top left repeat;
	border-top: 1px solid #cbdeed;
}
#tour-desire-wide #desire {
	padding-top: 20px;
}
#tour-desire-wide #desire h3 {
	margin-top: 0;
}



/* ------------------------------------------ FEATURE MAIN ------------------------------------------ */
#feature-main {
/* 	font-size: 1.5em; */
}
#feature-main table {
	margin: 0 auto;
}
#feature-main p,
#feature-main th,
#feature-main td {
	line-height: 1.4em;
	font-size:1.3em;
	padding: 1em;
	color:#000;
}
#feature-main p.signuptext {
	margin: 10px 100px 10px 100px;
	text-align: justify;
	font-spacing: 2px;
}
#feature-main th {
	font-weight: bold;
}
#feature-main .center {
	text-align:center;
}
#feature-main .shaded {
	background-color: #E1E1E1;
}
#feature-main li {
	list-style: none;
}
#feature-main .bold {
	font-weight: bold;
}
#feature-main h3 {
	line-height: 1.2em;
	font-size: 1.6em;
	margin-bottom: 0.2em;
}
#feature-main dt a.toggle {
	padding-left: 20px;
	background: transparent url(../images/icons/control-000-small.png) center left no-repeat;
}
#feature-main dt a.toggle.open {
	background-image: url(../images/icons/control-270-small.png);
}
#feature-main dd {
/* 	display: none; */
	padding-bottom: 1em;
	padding-left: 20px;
/* 	font-size: 0.9em; */
	line-height: 1.4em;
}
#feature-main .signup {
	display: block;
	text-align: center;
	margin: 3px 0 0 0;
	padding: 3px 3px 3px 3px;
	font-size: 18px;
	color: #314031;
	background: #86e191;
	font-weight: bold;
}
#feature-main .bigger {
	font-size: 1.4em;
}
#interest-wide {
	width: 100%;
	background: #16638B url(../images/interest_bg.png) top left repeat-x;
	overflow: hidden;
}
#interest {
	color: white;
	padding: 20px 0 10px 0;
	width: 960px;
}
#interest .caption,
#interest p {
	position: relative;
	left: 4px;
	font-size: 1.5em;
	line-height: 2em;
	text-shadow: 0 -1px 1px #237eb0;
}
#whitepapers p,
#interest p {
	margin: 0 10px 2px;
	line-height: 2em;
}
#whitepapers {
	margin: 10px 20px 0 20px;
}
#whitepapers p,
#whitepapers li {
	font-size: 14px;
}
#whitepapers li {
	list-style: disc;
	margin: 5px 0 0 15px;
	line-height: 2em;
}
#whitepapers h2 {
	line-height: 2em;
	font-size: 2em;
	margin: 1em 0 0.5em 0;
}


/* ---- FRONT PAGE - I WANT TO START -------------------------------------------------------- */

#iwantto {
	float:left;
	width: 480px;
}
#iwantto h3 {
	font-family: "Lucida Grande","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size: 2.2em;
	line-height: 2em;
	text-shadow: 0 -1px 1px #237eb0;
	padding: 0 0 0 15px;
}
#iwantto ul {
	overflow: hidden;
	padding: 2em 0 0 15px;
}
#iwantto ul li {
	display: block;
}
#iwantto li {
	font-size: 1.8em;
	line-height: 2.5em;
}
#player {
	float: left;
	padding: 1em;
}

/* ---- FRONT PAGE - I WANT TO END ----- */

/*
#interest ul {
	width: 100%;
	overflow: hidden;
}
#interest ul li {
	width: 300px;
	float: left;
	display: inline;
	margin: 0 10px 16px;
}
#interest ul li img {
	display: block;
}
*/

#interest a:link,
#interest a:visited {
	color: white;
}
#interest a:hover,
#interest a:active {
	color: yellow; /*#D4E9F9;*/
	text-shadow: hsla(0, 0%, 100%, 0.5) 0 0 2px;
}
#interest a.highlight {
	color: yellow;
}

#interest li.button {
	background: transparent url(../images/interest-button-bg.png) top center no-repeat;
}
#interest li.button2 {
	background: transparent url(../images/interest-button2-bg.png) top center no-repeat;
}
#interest li.action {
	background: #ffe0a4 url(../images/interest-action-button-bg.png) top center no-repeat;
}


#interest li.button a,
#interest li.button2 a,
#interest li.action a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 14px 0;
	font-size: 15px;
	color: #0d3a51;
	text-shadow: 0 1px 1px #f4fcf9, 0 -1px 1px #bed7e1;
	background: transparent url(../images/interest-button-bottom-bg.png) bottom center no-repeat;
}
#interest li.button2 a {
	color: #314031;
	text-shadow: 0 1px 1px #b7e2bd, 0 -1px 1px #7cd386;
	background: transparent url(../images/interest-button2-bottom-bg.png) bottom center no-repeat;
}
#interest li.action a {
	color: #333;
	text-shadow: 0 1px 1px #fde6b8, 0 -1px 1px #d6b885;
	background: transparent url(../images/interest-action-button-bottom-bg.png) bottom center no-repeat;
}
#interest li.button a:hover {
	color: #061d28;
}
#interest li.button2 a:hover {
	color: #171f17;
}
#interest li.action a:hover {
	color: #1d1d1d;
}
#interest li a:active {
	padding: 15px 0 13px;
	top: 0;
}

#desire-wide {
	color: #333;
	text-shadow: 0 1px 1px #d9eefe, 0 -1px 1px #c9ddec;
	width: 100%;
	background: #D4E9F9 url(../images/desire_bg.png) top left repeat;
	border-top: 1px solid #196992;
}
#desire {
	padding-bottom: 20px;
}
#desire blockquote {
	font-size: 3.6em;
	background: transparent url(../images/desire_quote_open.png) top left no-repeat;
	margin-bottom: 0em;
}
#desire blockquote p {
	padding: 0.6em 30px;
	margin: 0;
	background: transparent url(../images/desire_quote_close.png) bottom right no-repeat;
	text-align:center;
}

#footer-wide {
	width: 100%;
	background: transparent url(../images/footer_bg.png) top left repeat-x;
	border-top: 1px solid #222;
}
#footer {
	padding: 20px 0;
	font-size: 1.4em;
	color: #bbb;
	/* text-shadow: 0 -1px 1px #222222; */
	text-shadow: 0 -1px 1px #222222;
}

#footer h3 {
/* 	color:#df7417; */
/* 	font-size: 115%; */
	color: #edf5fc;
	font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-bottom: 0.6em;
	/*
font-weight: bold;
	letter-spacing: 0.05em;
*/
}
#footer .ftcol {
	width:220px;
	float:left;
}
#footer .col_1 {
	margin: 10px 10px 10px 0;
}
#footer .col_2, .col_3 {
	margin: 10px;
}
#footer .col_4{
	margin: 10px 0 10px 10px;
}
#footer-bottom {
	clear: both;
	border-top: 1px solid #555;
	padding-top: 10px;
}
#footer ul {
	margin-top: 10px;
	float: left;
	clear: left;
}
#footer li {
	list-style: none;
	padding: 10px 20px 15px 0;
	display:inline;
}
#footer div.logos {
	float: right;
}
#intradoc247-footer-logo {
	margin-right: 20px;
}
#intradoc247-footer-logo img {
	position: relative;
	top: -2px;
}
#footer li.copyright {
/* 	margin-left: 10px; */
/* 	font-size: 80%; */
}
#footer img.pbc-logo {
	position: relative;
	top: 2px;
	margin-right: 20px;
}
#footer img.mattsenior-logo {
	position: relative;
	top: 6px;
}
#footer a {
	color: #8FC4FA;
}
#footer a:hover {
	color: #DBEBFB;
}
/* Contact Form */
#contact-main,
#support-main,
#signup-main,
#policies-main  {
	width: 620px;
	float: left;
	font-size: 1.5em;
}
#contact-main h1,
#support-main h1,
#signup-main h1,
#policies-main h1 {
	font-size: 2.6em;
	margin: 1.4em 0 0.8em;
}
#signup-main h2,
#policies-main h2 {
	font-size: 1.8em;
	margin-bottom: 0.4em;
}
#signup-main h3 {
	font-size: 1.6em;
	margin-bottom: 0.4em;
}
#policies-main ul {
	margin-bottom: 1.6em;
	padding-left: 1.6em;
}
#policies-main li {
	list-style-type: disc;
}
#contact-side,
#signup-side,
#support-side {
	width: 300px;
	float: right;
	font-size: 1.5em;
	text-align: right; 
}
#contact-side #contact-logo,
#signup-side #signup-logo,
#support-side #support-logo {
	margin: 36px 50px 40px 64px;
}
#contact-side ul.nav {
	margin-bottom: 1.6em;
}
td.tdinfo {
	width:400px;
	text-align: justify;
}

#contact-form,
#signup-form,
#support-form {
	padding-bottom: 40px;
}

#contact-form form,
#signup-form form,
#support-form form {
	overflow: hidden;
	width: 100%;
}

#contact-form p.contact-thanks,
#signup-form p.contact-thanks,
#support-form p.support-thanks {
	font-size: 2em;
	margin: 10px 0 0.6em 0;
}

#contact-form input,
#signup-form input,
#support-form input {
	padding: 3px;
}

#contact-form textarea,
#signup-form textarea,
#support-form textarea {
	padding: 3px;
	height: 150px;
}
.showrows {
	cursor: pointer;
}










input.xlarge,
select.xlarge,
label.xlarge,
textarea.xlarge {
	width: 300px;
}
input, input.large,
select.large,
label.large,
textarea.large {
	width: 220px;
}
input.medium,
select.medium,
label.medium,
textarea.medium {
	width: 150px;
}
input.small,
select.small,
label.small,
textarea.small {
	width: 60px;
}
input.xsmall,
select.xsmall,
label.xsmall,
textarea.xsmall {
	width: 30px;
}

#contact-form p,
#signup-form p,
#support-form p {
	margin: 0 0 10px;
}
#contact-form span.error,
#signup-form span.error,
#support-form span.error {
	color: #c01e3e;
	display: block;
	margin-left: 240px;
}

#contact-form span.hint,
#signup-form span.hint,
#support-form span.hint {
	margin-left: 1em;
	color: #bbb;
	font-size: 0.8em;
	position: relative;
	top: -1px;
}
#contact-form span.required,
#signup-form span.required,
#support-form span.required {
	color: #c01e3e;
	margin-left: 0.1em;
}
#contact-form label.required,
#signup-form label.required,
#support-form label.required {
	position: relative;
	right: -0.6em;
}
#contact-form label,
#signup-form label,
#support-form label {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 2px;
	text-align: right;
}



/* Flash messages */
.flash-error-wide,
.flash-alert-wide,
.flash-info-wide,
.flash-success-wide {
	width: 100%;
	text-align: center;
}
.flash-error-wide {
	background-color: #d98773;
}
.flash-alert-wide {
	background-color: #e5d688;
}
.flash-info-wide {
	background-color: #8ea9cd;
}
.flash-success-wide {
	background-color: #9ecf97;
}
.flash-error,
.flash-alert,
.flash-info,
.flash-success {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
.flash-error {
	background-color: #f1967f;
}
.flash-alert {
	background-color: #f7e791;
}
.flash-info {
	background-color: #99b6db;
}
.flash-success {
	background-color: #a7da9f;
}
.flash-error p,
.flash-alert p,
.flash-info p,
.flash-success p {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	padding: 5px 5px 5px 42px;
	margin: 4px 0;
	font-size: 1.4em;
}
.flash-error p {
	color: #5c1a0f;
	background-image: url(../images/icons/cross.png);
}
.flash-alert p {
	color: #894200;
	background-image: url(../images/icons/exclamation.png);
}
.flash-info p {
	color: #1a2b50;
	background-image: url(../images/icons/information.png);
}
.flash-success p {
	color: #0d470b;
	background-image: url(../images/icons/tick.png);
}
.flash-error .dismiss,
.flash-alert .dismiss,
.flash-info .dismiss,
.flash-success .dismiss {
	display: none;
	margin-left: 1em;
	text-transform: uppercase;
	font-size: 0.8em;
}
/* End Flash messages */

#map-container {
	border: 1px solid #eee;
}
#map {
	width: 294px;
	height: 179px;
	margin: 2px;
}


/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:960px;     
    min-height:540px; 
/* 		width: 640px; */
/* 		min-height: 360px; */
    border:1px solid #333; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}