/* 
----------------------------------------------------------------------------- 
Keep Up
Author: Ray Henry www.reh3.com || Keep Up
Created: 05-29-2006
Modified: 05-29-2006
Version: .5
-----------------------------------------------------------------------------*/

/* 
----------------------------------------------------------------------------- 
Globals
-----------------------------------------------------------------------------*/
* {margin:0;padding:0;} /*zero out everything*/
body {
	width:100%;
	font-family:Trebuchet MS, verdana, arial, sans-serif;
	font-size:100%;
	background:#3D3E40;
	text-align:center;
}
.clearer {clear:both;}

/* 
----------------------------------------------------------------------------- 
Layout
-----------------------------------------------------------------------------*/
#container {
	margin:20px auto;
	padding:20px;
	width:920px;
	background:#fff;
	border-right:5px solid #343536;
	border-bottom:5px solid #343536;
	text-align:left;
}
#branding, #signup, #intro, #sub-content, #footer {
	float:left;
	width:920px;
}
	#branding {background:url(images/kp_branding_bg.gif) no-repeat 0 0;}
	#signup {
		padding:0 440px 0 0;
		width:480px;
		height:271px;
		background:url(images/kp_hp_screen.jpg) no-repeat top right;
	}
	

	
	#intro {margin:0 0 20px 0;}
	#footer {margin:20px 0 0 0;}

/* 
----------------------------------------------------------------------------- 
Branding
-----------------------------------------------------------------------------*/
#branding h1 {
	float:left;
	width:306px;
	height:90px;
}
	#branding h1 a {
		float:left;
		width:306px;
		padding:90px 0 0 0;
		overflow:hidden;
		background:url(images/kp_logo.gif) no-repeat 0 0;
		height:0 !important;
		height /**/:90px; /* for IE5/Win only */
		text-indent:-9999px;
		text-decoration:none;
	}
#branding ul {
	float:right;
	margin:59px 0 0 0;
	width:339px;
	height:31px;
	list-style:none;
}
	#branding ul li {float:left;}
		#branding ul li a:link, #branding ul li a:active, #branding ul li a:visited {
			float:left;
			padding:31px 0 0 0;
			text-indent:-5000px;
			background:url(images/kp_nav_bg.gif) no-repeat 0 0;
			overflow:hidden;
			text-decoration:none;
			height: 0px !important; 
			height /**/:31px; /* for IE5/Win only */
		}
		#branding ul li#nav-login a {
			width:45px;
			background-position:0 0;
		}
			#branding ul li#nav-login a:hover {background-position:0 -31px;}
		#branding ul li#nav-blog a {
			width:47px;
			background-position:-45px 0;
		}
			#branding ul li#nav-blog a:hover {background-position:-45px -31px;}
		#branding ul li#nav-about a {
			width:78px;
			background-position:-92px 0;
		}
			#branding ul li#nav-about a:hover {background-position:-92px -31px;}
		#branding ul li#nav-tour a {
			width:97px;
			background-position:-170px 0;
		}
			#branding ul li#nav-tour a:hover {background-position:-170px -31px;}
		#branding ul li#nav-signup a {
			width:72px;
			background-position:-267px 0;
		}
			#branding ul li#nav-signup a:hover {background-position:-267px -31px;}

/*------------- Alternate Navigation ---------------*/
		#branding ul.nav-alt a:link, #branding ul.nav-alt li a:active, #branding ul.nav-alt li a:visited {background:url(images/kp_nav_bg_alt.gif) no-repeat 0 0;}
		#branding ul.nav-alt li#nav-tasks a {
			width:50px;
			background-position:0 0;
		}
			#branding ul.nav-alt li#nav-tasks a:hover {background-position:0 -31px;}
		#branding ul.nav-alt li#nav-blog a {
			width:45px;
			background-position:-50px 0;
		}
			#branding ul.nav-alt li#nav-blog a:hover {background-position:-50px -31px;}
		#branding ul.nav-alt li#nav-about a {
			width:81px;
			background-position:-95px 0;
		}
			#branding ul.nav-alt li#nav-about a:hover {background-position:-95px -31px;}
		#branding ul.nav-alt li#nav-tour a {
			width:98px;
			background-position:-175px 0;
		}
			#branding ul.nav-alt li#nav-tour a:hover {background-position:-175px -31px;}
		#branding ul.nav-alt li#nav-profile a {
			width:65px;
			background-position:-273px 0;
		}
			#branding ul.nav-alt li#nav-profile a:hover {background-position:-273px -31px;}

/* 
----------------------------------------------------------------------------- 
Sign Up
-----------------------------------------------------------------------------*/
#signup h2 {
	width:480px;
	height:115px;
	text-indent:-9999px;
	background:url(images/kp_signup_title.gif) no-repeat 0 0;
}
#signup h3 {
	width:480px;
	height:65px;
	text-indent:-9999px;
	background:url(images/kp_signup_subtitle.gif) no-repeat 0 0;
}


#signup-actions {
	padding:5px 0 0 96px;
	width:384px;
	height:86px;
	background:url(images/kp_signup_actions_bg.gif) no-repeat 0 0;
}
	#signup-actions img {margin:0 12px 0 0;}

/* 
----------------------------------------------------------------------------- 
Intro
-----------------------------------------------------------------------------*/
#intro h3 {
	width:514px;
	height:66px;
	text-indent:-9999px;
	background:url(images/kp_event_title.gif) no-repeat 0 0;
}
.intro-event {
	float:left;
	padding:10px 10px 10px 68px;
	width:228px;
	min-height:140px;
	height:140px;
	font-size:12px;
	color:#6D6E71;
	line-height:1.5;
}
	div[class] .intro-event {height:auto;}
	.intro-event#event-first {
		padding:10px 10px 10px 58px;
		width:238px;
	}
	.intro-event#event-mid {
		border-left:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
	}
	#intro a:link, #intro a:active, #intro a:visited {color:#609317;}
	#intro a:hover {color:#00A8EE;}
.lawn {background:url(images/kp_icon_garden.gif) no-repeat 0 10px;}
.auto {background:url(images/kp_icon_auto.gif) no-repeat 10px 5px;}
.home {background:url(images/kp_icon_home.gif) no-repeat 10px 10px;}

/* 
----------------------------------------------------------------------------- 
Sub-Content
-----------------------------------------------------------------------------*/
#login {
	float:left;
	margin:36px 0 0 11px;
	width:296px;
	min-height:239px;
	height:239px;
	background:#f0f0f1 url(images/kp_login_bg.gif) no-repeat bottom left;
}
	div[id] #login {height:auto;}
	#login h6 {
		width:296px;
		height:45px;
		text-indent:-9999px;
	/*	background:url(images/kp_login_title.gif) no-repeat 0 0; */
	}
	#login form {
		padding:0 20px;
		width:256px;
		font-size:12px;
		color:#757679; 
	}
	
		#login #loginErrorMessage {
			font-size:12px;
			color:#f00;
			padding:0 10px;
			
		}
		#login form label {display:block;}
			#login form label span {font-size:11px;}
			#login form label a:link, #login form label a:active, #login form label a:visited {color:#00A8EE;}
			#login form label a:hover {text-decoration:none;}
		#login form input.userinfo {
			margin:2px 0 10px 0;
			padding:2px;
			width:250px;
			height:23px;
			border:1px solid #B6B6B6;
		}
		#login form div.checkbox {float:left;}
			#login form div.checkbox input {vertical-align:middle;}
		#login form input.userbutton {
			float:right;
			padding:5px 10px;
			color:#fff;
			background:#9ECE5A;
			border:1px solid #fff;
		}
	#login #loginErrorMessage {
		margin:0 20px;
		padding:5px;
		border:1px solid #f00;
		background:#FFE5E5;
		font-size:11px;
		color:#333;
	}
		
/* 
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/
#footer p {
	text-align:center;
	font-size:11px;
	color:#3D3E40;
}
	#footer p a:link, #footer p a:active, #footer p a:visited {color:#3D3E40;}
	#footer p a:hover {color:#00A8EE;}

/* 
----------------------------------------------------------------------------- 
Interior Pages
-----------------------------------------------------------------------------*/
body.page #branding {background:none;}
body.page #intro {
	margin:20px 0 0 0;
	background:url(images/kp_branding_bg.gif) no-repeat bottom left;
}
	body.page #intro h3, body.page #intro h4 {
		width:auto;
		height:auto;
		text-indent:0;
		font-weight:normal;
		font-size:18px;
		line-height:1;
		color:#6D6E71;
		background:none;
	}
	body.page #intro h4 {
		font-size:14px;
		line-height:18px;
	}
	body.page #intro p {
		margin:18px 0;
		font-size:12px;
		line-height:1.5;
	}
	
	body.page #intro ul, body.page #intro ol {
		margin:18px;
		font-size:12px;
	}
	
    body.page #intro ol {padding:0 0 0 10px;}
    body.page #intro ul li, body.page #intro ol li {margin:0 0 10px 0;}
	body.page #intro #intro-main {
		float:left;
		margin:0 10px 0 0;
		width:603px;
	}
	body.page #intro #intro-sub {
		float:left;
		margin:0 10px 0 11px;
		width:226px;
	}
	/* 
	----------------------------------------------------------------------------- 
	Sing Up Form
	-----------------------------------------------------------------------------*/
	body.page h2 {
		float:left;
		margin:20px 0 0 0;
		padding:10px;
		width:900px;
		color:#fff;
		font-weight:normal;
		background:#00A8EE;
	}
	#ajax-update2 {
		float:right;
		margin:10px 0 0 0;
		width:300px;
		background:#ffd;
	}
		#ajax-update2 p {
		margin:10px;
		font-size:12px;
		color:#333;
	}
	.signup-form {
		float:left;
		margin:10px 10px 0 0;
		padding:10px 0 20px 10px;
		width:590px;
		background:#f5f5f5;
	}
		.signup-form h4 {
			color:#333;
			font-weight:normal;
		}
		.signup-form p {
			margin:10px 10px 10px 0;
			padding:5px;
			font-size:12px;
			background:#e5e5e5;
		}
		.signup-form form {margin:5px 0 0 0;padding:0;}
			.signup-form form label {
				display:block;
				padding:5px 0 0 0;
				color:#333;
				font-weight:bold;
				font-size:14px;
			}
			.signup-form form input {
				padding:2px;
				border:1px solid #666;
			}
				.signup-form form input.signupbutton {
					margin:0;
					background:#00A8EE;
					color:#fff;
					font-weight:bold;
				}
			.signup-form form a {color:#00A8EE;}
	#errorPart {
		float:left;
		margin:10px 0;
		width:920px;
	/*	border:2px solid #f00;*/
		background:#FFE5E5;
	}
	
	#errorPart h2 {
			float:none;
			margin:0;
			padding:10px;
			width:900px;
			color:#fff;
			font-weight:bold;
			font-size:14px;
			background:#f00;
		}
		#errorPart p, #errorPart ul {
			margin:10px; 
			font-size:12px;
		}
		#errorPart ul {padding:0 0 0 20px;}
	

	   #people_birthdate_3i	{ width:47px; }	
	   #people_birthdate_2i	{ width:90px; }		
	   #people_birthdate_1i	{ width:60px; }		
	   #people_sex	{ width:80px; }			


/* for new home page branding & ribbon */
	/* 
	----------------------------------------------------------------------------- 
	NEW CSS
	-----------------------------------------------------------------------------*/
	#int-branding {
		float:left;
		width:920px;
	}
	#int-branding #logo {
		float:left;
		width:306px;
		height:90px;
	}
		#int-branding #logo a {
			float:left;
			width:306px;
			padding:90px 0 0 0;
			overflow:hidden;
			background:url(images/kp_logo.gif) no-repeat 0 0;
			height:0 !important;
			height /**/:90px; /* for IE5/Win only */
			text-indent:-9999px;
			text-decoration:none;
		}
	#int-branding ul {
		float:right;
		list-style:none;
	}
		#int-branding ul li {
			float:left;
			margin:0 0 0 10px;
			font-size:12px;
			color:#B6E4F9;
		}
			#int-branding ul li#top-home, #int-branding ul li#top-contact {padding:0 0 0 20px;}
			#int-branding ul li#top-home {
				margin:0 0 0 20px;
				background:url(images/kp-top-home.gif) no-repeat 0 0;
			}
			#int-branding ul li#top-contact {background:url(images/kp-top-contact.gif) no-repeat 0 0;}
			#int-branding ul li a {
				color:#00AEEF;
				text-decoration:none;
			}
			#int-branding ul li a:hover {color:#0083B4;}

	body.page #int-navigation {
		float:left;
		margin:10px 0 0 0;
		width:920px;
		background:#3D3E40;
		list-style:none;
	}
		#int-navigation li {
			float:left;
			font-size:13px;
		}
		#int-navigation li#nav-login {float:right;}
			#int-navigation li a {
				float:left;
				padding:10px;
				color:#fff;
				text-decoration:none;
			}
			#int-navigation li a:hover {background:#00AEEF;}
	body.page h2 {
		float:left;
		margin:0;
		padding:10px;
		width:900px;
		color:#fff;
		font-weight:normal;
		background:#00A8EE;
	}


	/********************************************************************/
	/* UPDATED CSS FOR TOURS */
	/********************************************************************/
	.screencast {
		float:left;
		margin:10px 0;
	}
	.screencast img {
		float:left;
		margin:0 10px 0 0;
		border:10px solid #3D3E40;
	}
	body.page #intro .screencast h4 {
		margin:0;
		font-size:14px;
		color:#00A8EE;
	}
	
	
	.code {
		padding:10px;
		border:1px solid #999;
		font-size:11px;
		color:#333;
	}
	
	
	.is_required { 
		color:#999999;
	    font-size:11px;
		font-weight:bold;
    }

		.fieldWithErrors {
		  padding: 2px;
		  background-color: red;
		  display: inline;
		}


		 .text_span2 {
				font-size:12px;
				color:#fff;

				}
				
				
				/* 
				----------------------------------------------------------------------------- 
				Top Tasks
				-----------------------------------------------------------------------------*/
				#top-tasks h5 {
					float:left;
					width:920px;
					height:44px;
					text-indent:-9999px;
					background:url(images/ku-task-title.gif) no-repeat 0 0;
				}
				.box {
					float:left;
					padding:0 0 0 32px;
					width:147px;
					/*height:960px; */
					font-size:11px;
					color:#3D3E40;
					border-right:1px solid #F1F1F1;
				}
				.cap {border:none;}
				.box#task-home {background:url(images/ku-task-home.gif) no-repeat 0 0;}
				.box#task-auto {padding:0 0 0 40px;width:139px;background:url(images/ku-task-auto.gif) no-repeat 0 0;}
				.box#task-personal {padding:0 0 0 40px;width:139px;background:url(images/ku-task-personal.gif) no-repeat 0 0;}
				.box#task-pet {padding:0 0 0 40px;width:139px;background:url(images/ku-task-pet.gif) no-repeat 0 0;}
				.box#task-event {padding:0 0 0 40px;width:139px;background:url(images/ku-task-event.gif) no-repeat 0 0;}
				#top-tasks .box h6 {
					float:left;
					width:135px;
					height:27px;
					text-indent:-9999px;
				}
					#top-tasks .box#task-home h6 {background:url(images/ku-task-home-title.gif) no-repeat 0 0;}
					#top-tasks .box#task-auto h6 {background:url(images/ku-task-auto-title.gif) no-repeat 0 0;}
					#top-tasks .box#task-personal h6 {background:url(images/ku-task-personal-title.gif) no-repeat 0 0;}
					#top-tasks .box#task-pet h6 {background:url(images/ku-task-pet-title.gif) no-repeat 0 0;}
					#top-tasks .box#task-event h6 {background:url(images/ku-task-event-title.gif) no-repeat 0 0;}
				.box ul {
					float:left;
					list-style:none;
				}
					.box ul li {margin:5px 0;}
				.box a {color:#00AEEF;}
				.box a:hover {color:#0083B4;}



	
				#all_deals_tbl {
						clear:both;
						margin:5px 0;
						background:#fff;
						border:1px solid #00A8EE;
						link:#C0C0C0 
						vlink:#808080 
						alink:#FF0000
				}

				#all_deals_tbl th, td {padding:5px;}
				#all_deals_tbl  th {
						background:#00A8EE;
						color:#fff;
						font-size:14px;
				}

				#all_deals_tbl  tr td {border-bottom:1px solid #bbb;}
				#profile_default_reminder_time_4i {width:44px;} 	
				#profile_default_reminder_time_5i {width:44px;}
				#profile_default_reminder_time_6i {width:47px;}
				
				
				.ptable table {
					clear:both;
					margin:5px 0;
					background:#fff;
					border:1px solid #00A8EE;
					font-size:12px;
				}
				.ptable table th, .ptable table td {padding:5px;}
				.ptable table th {
					background:#00A8EE;
					color:#fff;
					font-size:12px;
				}

				.ptable table tr td {border-bottom:1px solid #bbb;}
				
				#bday_birthday_1i {width:59px;} 	
				#bday_birthday_2i {width:94px;} 	
				#bday_birthday_3i {width:44px;} 	
				#bday_birthday_range { width: 115px;}