/****************************************
|
| Entrepreneur London
| Created by: Kevin Biskaborn
| Copyright 2010 ScriptReaction
| http://www.scriptreaction.com
|
****************************************/

/****************************************
|	IMPORT STYLES
****************************************/
@import url( "content_launching_step1.css" );
@import url( "content_launching_step2.css" );
@import url( "content_launching_step3.css" );
@import url( "content_moving_step1.css" );
@import url( "content_moving_step2.css" );
@import url( "results_nav.css" );
@import url( "results_content.css" );
@import url( "user_action_options.css" );

@import url( "data_form_area.css" );

/****************************************
|	CLEAR ALL STYLES
****************************************/
* {
	margin:0px;
	padding:0px;
}

/****************************************
|	GLOBAL TAG STYLES
****************************************/
body { 
	background:#fff;
	cursor:default;
	overflow:auto;
}
body, select, input, textarea {
	/*font-family:tahoma, arial, verdana, sans-serif;*/
	font-family:arial, verdana, sans-serif;
	color:#000;
}
ul {
	list-style:none;
}
form .hidden {
	display:none;
}
img {
	border:0px;	
}

/****************************************
|	GLOBAL CLASSES
****************************************/
.uc { 
	text-transform:uppercase;
}

/****************************************
|	PAGE LAYOUT
****************************************/
#skn, #shl {
	position:relative;
}

#skn {
	width:100%;
	text-align:center;
}

#shl {
	width:743px;
	margin:0 auto 0 auto;
	text-align:left;
}

/****************************************
|	NOSCRIPT
****************************************/
#shl noscript .error {
	position:relative;
	display:block;
	width:85%;
	padding:10px;
	color:#fff;
	text-align:center;
	background:#cc0000;
	margin:0px auto 20px auto;
	border-top:3px solid #660000;
	border-bottom:3px solid #660000;
}
#shl noscript .error span {
	font-weight:bold;
	text-transform:uppercase;
}

/****************************************
|	HEADER
****************************************/
#headarea {
	position:relative;
	padding:2px 7px 0px 7px;
	text-align:right;
	background-position:300px bottom;
	background-repeat:no-repeat;
	background-image:url(../gfx/header_tree_shadow.gif);
	z-index:20;
	
	/****** ABSOLUTE HEADAREA HEIGHT *******/
	height:160px;
}
#headarea h1 {
	position:relative;
	width:743px;
}
#headarea h1 a {
	text-decoration:none;
}
#headarea h1 span {
	display:none;
}
#headarea img {
	position:absolute;
	left:20px;
	top:2px;
}
.step1 #headarea,
.splash #headarea,
.form_tagline_on #headarea {
	background-image:url(../gfx/header_tree_standard.gif);
}
.step2 #headarea {
	background-image:url(../gfx/header_tree_shadow_arrow.gif);
}
.step3 #headarea,
.form_tagline_off #headarea {
	background-image:url(../gfx/header_tree_shadow.gif);
}

/****************************************
|	FEEDBACK BADGE
****************************************/
#headarea #feedbackBadge {
	position:absolute;
	left:557px;
	top:5px;
	z-index:100;
	overflow:hidden;
}
#headarea #feedbackBadge img {
	position:absolute;
	left:0;
	top:0;
}
#headarea #feedbackBadge,
#headarea #feedbackBadge img {
	width:174px;
	height:175px;
}

/****************************************
|	HEADER NAVIGATION
****************************************/
#headarea ul {
	position:relative;
	width:160px;
	text-align:left;
	margin:30px 0 0 auto;
	padding-bottom:32px;
	font-family:tahoma, arial, verdana, sans-serif;
	font-weight:bold;
	font-size:12px;
	visibility:hidden;
	display:none;
}
#headarea li a {
	display:block;
	color:#333366;
	padding:6px 20px;
	margin-bottom:6px;
	text-decoration:none;
	background-color:#ccc;
	background-repeat:no-repeat;
}
#headarea li.firstChild a {
	text-transform:uppercase;
}
#headarea li.lastChild a {
	margin-bottom:0px;
}
#headarea li.active a {
	color:#fff;
	background-color:#cc9933;
	background-image:url(../gfx/nav_arrow_blue_right.gif);
}
#headarea li a:hover {
	color:#fff;
	background-color:#666699;
	text-decoration:underline;
}

/****************************************
|	TAGLINE
****************************************/
#shl .tagline {
	position:relative;
	padding:25px;
	margin-left:7px;
	background:url(../gfx/header_bar_tree_grad.gif) no-repeat;
}
#shl .tagline h2 {
	color:#cc9933;
	font-size:26px;
}
#shl .tagline h3,
#shl .tagline h3 a {
	color:#cc9966;
	font-size:14px;
}

/****************************************
|	BODY AREA
****************************************/
#bodyarea {
	position:relative;
	top:-7px;
	padding:40px 44px 0px 44px;
	background:url(../gfx/body_shell_top_grad.gif) no-repeat;
	z-index:10;
}

/****************************************
|	VARIABLE STEP ARROW
****************************************/
#bodyarea #stepArrow {
	position:absolute;
	display:none;
	width:51px;
	height:30px;
	top:0px;
	background-repeat:no-repeat;
	background-image:url(../gfx/body_shell_active_arrow.gif);
}
.step1 #bodyarea #stepArrow {
	display:block;
	left:124px;
}
.step2 #bodyarea #stepArrow {
	display:block;
	left:346px;
	background-image:url(../gfx/body_shell_active_arrow_tree.gif);
}
.step3 #bodyarea #stepArrow {
	display:block;
	left:570px;
}

/****************************************
|	FOCAL FEED
****************************************/
#focalFeed {
	position:relative;
	width:658px;
}

/****************************************
|	FOCAL FEED TAB NAVIGATION
****************************************/
#focalFeed #nav {
	position:relative;
	z-index:20;
}
#focalFeed #nav ul {
	position:relative;
}
#focalFeed #nav li {
	display:inline;
}
#focalFeed #nav li .tabItem {
	position:relative;
	display:block;
	float:left;
	width:208px;
	margin-right:8px;
	border:3px solid #ccc;
}
#focalFeed #nav li.lastChild .tabItem {
	margin-right:0px;
}
/********************** TAB ANCHOR **********************/
#focalFeed #nav li .tabContents {
	position:relative;
	display:block;
	font-weight:bold;
	font-size:23px;
	letter-spacing:-1px;
	color:#000099;
	text-transform:uppercase;
	text-decoration:none;
	padding:7px 18px 9px 54px;
	background:#fff;
}
#focalFeed #nav li.active .tabContents {
	padding-bottom:12px;
	margin-bottom:-3px;
}
#focalFeed #nav li.inactive .tabContents {
	color:#7474c1;
	background:#ccc url(../gfx/tab_grad_step_inactive.gif) repeat-x;
}
/********************** LINK STYLES **********************/
#focalFeed #nav li.inactive .tabContents.isHovering {
	background:#fdfdfd url(../gfx/tab_grad_step_hover.gif) repeat-x;
}
#focalFeed #nav li.inactive .tabContents.isHovering .txtStatus a span {
	text-decoration:underline;
}
#focalFeed #nav li.inactive .stepLabel a {
	color:#7474c1;
}
#focalFeed #nav li a {
	text-decoration:none;
}
/********************** TAB CORNERS **********************/
#focalFeed #nav li .tabCorner {
	position:absolute;
	top:0px;
	width:18px;
	height:17px;
	background-repeat:no-repeat;
	z-index:10;
}
#focalFeed #nav li.firstChild .tabCorner {
	left:0px;
}
#focalFeed #nav li.firstChild.active .tabCorner {
	background-image:url(../gfx/tab_corner_left_active.gif);
}
#focalFeed #nav li.firstChild.inactive .tabCorner {
	background-image:url(../gfx/tab_corner_left_inactive.gif);
}
#focalFeed #nav li.lastChild .tabCorner {
	right:0px;
}
#focalFeed #nav li.lastChild.active .tabCorner {
	background-image:url(../gfx/tab_corner_right_active.gif);
}
#focalFeed #nav li.lastChild.inactive .tabCorner {
	background-image:url(../gfx/tab_corner_right_inactive.gif);
}
/********************** STATUS TEXT **********************/
#focalFeed #nav li .txtStatus {
	display:block;
	font-size:13px;
	letter-spacing:normal;
	text-transform:none;
	margin-top:-4px;
}
#focalFeed #nav li.active.status_n .txtStatus {
	/*visibility:hidden;*/
	color:#ff0000;
}
#focalFeed #nav li.inactive.status_n .txtStatus,
#focalFeed #nav li.inactive.status_n .txtStatus a {
	/*visibility:hidden;*/
	color:#deb8b8;
}
#focalFeed #nav li.active.status_y .txtStatus {
	color:#339933;
}
#focalFeed #nav li.inactive.status_y .txtStatus,
#focalFeed #nav li.inactive.status_y .txtStatus a {
	color:#6caf6c;
}
/********************** TAB NUMBER **********************/
#focalFeed #nav li .tabNum {
	position:absolute;
	left:10px;
	top:2px;
	font-family:tahoma, arial, verdana, sans-serif;
	font-weight:bold;
	font-size:35px;
	color:#666;
	line-height:normal;
	cursor:pointer;
	z-index:21;
}
#focalFeed #nav li.inactive .tabNum {
	color:#a6a6a6;	
}
#focalFeed #nav li.inactive .tabNum a {
	color:#a6a6a6;	
}
#focalFeed #nav li .tabContents .tabNum {
	cursor:default;
}
/********************** ICON STATUS **********************/
#focalFeed #nav li .iconStatus {
	position:absolute;
	background:url(../gfx/global_icons.gif) no-repeat;
	cursor:pointer;
	z-index:22;
}
#focalFeed #nav li .iconStatus a {
	display:block;
	width:100%;
	height:100%;
}
#focalFeed #nav li .tabContents .iconStatus {
	cursor:default;
}
#focalFeed #nav li.active.status_n .iconStatus,
#focalFeed #nav li.inactive.status_n .iconStatus {
	left:25px;
	top:30px;
	width:19px;
	height:19px;
}
#focalFeed #nav li.active.status_n .iconStatus {
	/*display:none;*/
	background-position:-45px 0;
}
#focalFeed #nav li.inactive.status_n .iconStatus {
	/*display:none;*/
	left:27px;
	background-position:-45px -19px;
}
#focalFeed #nav li.active.status_y .iconStatus,
#focalFeed #nav li.inactive.status_y .iconStatus {
	left:22px;
	top:25px;
	width:26px;
	height:23px;
}
#focalFeed #nav li.active.status_y .iconStatus {
	background-position:-19px 0;
}
#focalFeed #nav li.inactive.status_y .iconStatus {
	background-position:-19px -23px;
}

/****************************************
|	INFO FEED CONTENT
****************************************/
#focalFeed h4.pageHead {
	color:#666699;
	font-size:30px;
	margin-bottom:10px;
	background:url(../gfx/canada_flag_watermark.gif) center right no-repeat;
}
.info #bodyarea,
.form #bodyarea {
	padding-top:30px;
}
.info #focalFeed #content {
	font-family:tahoma, arial, verdana, sans-serif;
	font-size:13px;
	padding:8px 0px 8px 8px;
	width:650px;
}
#content .infoDetailBlock {
	position:relative;
	float:left;
	width:220px;
	font-size:12px;
	padding:0px 15px 15px 15px;
	border-right:1px solid #ccc;
	background:#eaeaea;
}
#content .infoPrimaryBlock {
	position:relative;
	float:left;
	width:345px;
	padding:5px 25px 40px 25px;
}
#content .watermark_baseTree {
	background:url(../gfx/content_info_tree_bg.gif) center bottom no-repeat;
}
#content .infoDetailBlock .contentBlock { /* IE6, IE7 */
	padding:14px 10px 16px 32px;
	border-left:8px solid #cc9933;
	margin-top:15px;
	background:#fbdb83 url(../gfx/arrow_double_orange.gif) 7px 11px no-repeat;
}
#content .infoDetailBlock .contentBlock.imageContent {
	padding:14px 0px 12px 30px;
}
#content .infoDetailBlock .contentBlock .emphasis {
	font-weight:bold;
}
#content .infoDetailBlock .contentBlock a {
	color:#000;
	font-weight:bold;
}
#content .infoDetailBlock .contentBlock a:hover {
	text-decoration:none;
}
#content .infoDetailBlock .contentBlock ul {
	display:block;
	padding-top:2px;
}
#content .infoDetailBlock .contentBlock li {
	display:block;
}
#content .infoDetailBlock .contentBlock li a {
	font-weight:normal;
}
#content .infoDetailBlock .contentBlock li.emphasis {
	margin-bottom:5px;
}
.info #focalFeed .contentClear {
	position:relative;
	display:block;
	clear:left;
}
.info #focalFeed p {
	padding:15px 0px 0px 0px;
}
.info #focalFeed p a {
	color:#6666cc;
}
.info #focalFeed p a:hover {
	text-decoration:none;
}

#content .founderItem {
	position:relative;
	clear:left;
	padding-bottom:1px;
}
#content .founderItem .founderLogo {
	position:absolute;
	left:241px;
	top:15px;
	z-index:10;
}
#content .founderItem .founderLogo img {
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
}
#content .founderItem .founderLogo a:hover img {
	border-color:#000;
}
#content .founderItem .infoDetailBlock {
	width:220px;
	padding:0px 15px 10px 15px;
}
#content .founderItem .infoPrimaryBlock {
	width:280px;
	padding:5px 15px 15px 100px;
}

/****************************************
|	FOCAL FEED CONTENT
****************************************/
#focalFeed #content {
	position:relative;
	width:632px;
	clear:left;
	top:-3px;
	padding:12px 13px 0px 13px;
	background:url(../gfx/body_focal_box.gif) no-repeat;
	z-index:10;
}
#content #actionHeader {
	position:relative;
	display:block;
	font-weight:bold;
	font-size:17px;
	color:#000;
	padding:0px 24px 8px 28px;
	background:#fff url(../gfx/arrow_double_white.gif) 0px 0px no-repeat;
	border-bottom:2px solid #ccc;
}
#content #actionHeader span.emphasisLarge {
	display:inline;
	font-size:19px;
	font-weight:bold;
	text-transform:uppercase;
}
#content.splashBoxes #actionHeader {
	background:none;
	background-image:url(../gfx/arrow_double_trans.gif);
	background-repeat:no-repeat;
}
#content.splashBoxes .splashDesc {
	font-size:14px;
	padding:5px 30px 20px 30px;
}
#content.splashBoxes .splashDesc p {
	padding-top:15px;
}
#content #actionHeader span {
	display:block;
	font-weight:normal;
	font-size:12px;
}
#content #actionFooter {
	position:relative;
	text-align:center;
	border-top:2px solid #ccc;
	padding:15px 10px 0px 10px;	
}
#content #actionFooter input {
	position:relative;
	font-size:14px;
	font-weight:bold;
	padding:5px 7px;
	overflow:visible;
	color:#999;
}
#content #actionFooter .focusArrows {
	position:relative;
	display:block;
	width:26px;
	height:25px;
	background:url(../gfx/focus_arrows_animate.gif) no-repeat;
	visibility:hidden;
}
#content #actionFooter table {
	position:relative;
	border-collapse:collapse;
	margin:0 auto;
}
#content #actionFooter table th,
#content #actionFooter table td {
	vertical-align:middle;
}
#content #actionFooter table th {
	width:26px;
	text-align:right;
	padding-right:5px;
}
#content #actionFooter table td {
	text-align:left;
	padding-right:10px;
}

.info #content #actionFooter {
	width:622px;
	border-top:0px;
	margin-bottom:-20px;
}
#content #actionFooter ul {
	position:relative;
	width:100%;
}
#content #actionFooter ul.triple li .actionItem {
	width:33%;
}
#content #actionFooter li {
	display:inline;
}
#content #actionFooter li .actionItem {
	display:block;
	float:left;
	text-align:center;
}
#content #actionFooter li.firstChild .actionItem {
	text-align:left;
}
#content #actionFooter li.lastChild .actionItem {
	text-align:right;
}
#content #actionFooter li .actionItem input {
	color:#000;
}
#content #actionFooter li .actionItem div {
	margin:0 auto;
}

#content #actionFooter p.submitDesc {
	font-size:14px;
	padding-bottom:15px;
}

/****************************************
|	FOOTER
****************************************/
#footarea {
	position:relative;
	width:658px;
	text-align:center;
	margin-top:-10px;
	margin-left:44px;
	padding-top:31px;
	background:url(../gfx/footer_bar_grad.gif) repeat-x;
}
#footarea img {
	position:relative;
	margin:0px auto;
}
#footarea p {
	font-family:tahoma, arial, verdana, sans-serif;
	font-size:11px;
	text-align:left;
	padding:2px 0px 40px 0px;
}
#footarea p,
#footarea a {
	color:#666699;
	text-decoration:none;
}
#footarea a:hover {
	color:#cc9933;
	text-decoration:underline;
}