p.traveling {
  margin-bottom: 1em;
}

p.traveling strong {
  color: #f00;
}

/* remember to define focus styles! */
div.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.ir { position: relative; overflow: hidden; display: block;}
	.ir a { display: block; width: 100%; height: 100%;}
	.ir em { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: block; background-repeat: no-repeat;}
	
	a em { cursor: pointer; }
	
/***********************************
		=Gen Styling
***********************************/
body 
{ 
	background: white; 
	color: #282f47;
	border-top: 4px solid #e8e8e8;
	font-family: Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	font-size: 16px;
}
	a { color: #6aabe9; }
		a:hover { text-decoration: none; }


/***********************************
		=Font-Size Styling
***********************************/	

#menu li a { font-size: .6em;} /* 16px * .68 = 11px */
#menu li a em { font-size: 1.45em; } /* 11px * 1.45 = 16px */
.sub-header p { font-size: .81em; } /* 16px * .81 = 13px */
.callout { font-size: .81em; } /* 16px * .75 = 12px */
.callout h4 { font-size: 1.17em;} /* 12px * 1.17 = 14 */
 .scroller h3 { font-size: .88em; } /* 16px * .88 = 14 */
.content { font-size: .81em; } /* 16px * .81 = 13px */
.content h4 { font-size: 1.7em;} /* 13px * 1.7 = 22px */
.content h5 { font-size: 1.1em; } /* 13px * 1.1 = 14px */
.content h6 { font-size: 1.0em; } /* 13px * 1.0 = 13px */

.scroller-navigation a,
.scroller-navigation-bottom a { font-size: .81em; } /* 16px * .81 = 13px */
.scroller p, .tour-sections p { font-size: .81em; } /* 16px * .81 = 13px */

.pricing { font-size: .75em; } /* 16px * .75 = 12px */
.pricing h5 a { font-size: 1.16em;} /* 12px * 1.16 = 14px */

#errors ul li, #errorExplanation ul li { font-size: .75em; } /* 16px * .75 = 12px */
.form-callout h3 { font-size: 1.16em; } /* 12px * 1.16 = 14px */
input, textarea { font-size: 1.16em;}

.sub-footer { font-size: .88em;} /* 16px * .88 = 14 */
.support { font-size: .75em; } /* 16px * .75 = 12px */
.legal, .copyright { font-size: .68em;} /* 16px * .68 = 11px */

/***********************************
		=Line-Height Styling
***********************************/
#menu li a em { line-height: 1.4em} 
.sub-header p { line-height: 1.62em;} 
.callout { line-height: 1.75em;} 
.content { line-height: 1.62em;}
.scroller p, .tour-sections p { line-height: 1.62em;}
.pricing p { line-height: 1.75em;}
.legal, .copyright { line-height: 1.91em;}

label.available, label.unavailale { line-height: 1.84em;}

.content h4 { line-height: 1.19em;}
.content h5 { line-height: 1.86em;}
.content h6 { line-height: 2.0em;}

#errors ul li, #errorExplanation ul li { line-height: 1.62em; } 

.scroller-navigation,
.scroller-navigation-bottom { line-height: 2.4em}


/***********************************
	=Wrappers Base Styling
***********************************/	
#wrapper { width: 760px; margin: 0 auto;}
	#header, 
	.sub-header, 
	.content,
	.callout, 
	.sub-footer, 
	.pricing { padding: 0 20px; } 
	

/***********************************
		=Header Styling
***********************************/	
#header { padding-top: 33px; margin-bottom: 19px; position: relative; overflow: hidden; zoom: 1.0;}
	.logo { width: 137px; height: 50px; float: left;}
		.logo em { background-image: url(../../images/public/ir_logo.jpg); }
	
	#menu { float: left; margin: 8px 0 0 52px;}
		#menu li { float: left; }
			#menu li a 
			{ 
				float: left; 
				text-decoration: none;
				color: #74819a;
				padding: 8px 32px 4px 0;
				margin-right: 32px;
				border-right: 1px solid #e1e1e1;
			}
			
			#menu li.last a { border-right: none; margin-right: 0;}
				#menu li a em 
				{ 
					color: #56971d; 
					
					display: block;
					font-style: normal;
					font-weight: bold;
					text-decoration: none;
				}
				
/***********************************
		=Sub-Header Styling
***********************************/				
.sub-header { padding-top: 49px; padding-bottom: 25px; background: url(../../images/public/icon_sifter.jpg) no-repeat 470px 25px;}
	.sub-header h1 { margin: 0 0 19px 0; }
	.sub-header h1.ir {width: 425px; height: 28px;}
	.sub-header h2 { margin: 0 0 19px 0; }
	.sub-header h2.ir {width: 425px; height: 28px;}

	.hosted-bug-and-issue-tracking em { background-image: url(../../images/public/ir_hostedBugAndIssueTracking.png); }
	.about-and-tour em { background-image: url(../../images/public/ir_aboutAndTour.gif); }
	.help-and-support em { background-image: url(../../images/public/ir_helpAndSupport.gif); }
	.lets-choose-your-plan em { background-image: url(../../images/public/ir_letsChooseYourPlan.gif); }
	.lets-create-your-account em { background-image: url(../../images/public/ir_letsCreateYourAccount.gif); }
	.welcome-to-the-sifter-beta em { background-image: url(../../images/public/ir_welcomeToTheSifterBeta.gif); }
	.privacy-policy em { background-image: url(../../images/public/ir_privacyPolicy.gif); }
	.terms-of-service em { background-image: url(../../images/public/ir_termsOfService.gif); }
	.refund-policy em { background-image: url(../../images/public/ir_refundPolicy.gif); }
	.bye em { background-image: url(../../images/public/ir_bye.gif); }
	.confirmation em { background-image: url(../../images/public/ir_confirmation.gif); }
		
	.sub-header p { width: 420px; }
		.sub-header p em { display: block; font-style: normal; font-weight: bold; color: #67a521;}
	
/***********************************
		=Content Styling
***********************************/	

/* =Home */
.callout 
{ 
	padding: 30px 20px 30px; 
	background: #eaf7ff; 
	border-top: 1px solid #cde9fe;
	border-bottom: 1px solid #cde9fe;
	height: 1%;
	overflow: hidden;
}

.callout-alt { border: none; background: #fff;}

	.callout-content { width: 270px; float: left;}
		.callout.first .callout-content a { font-weight: bold; color: #0b7cd3;  display: block;}
			.callout a:hover { text-decoration: none; }
	.callout .screenshot 
	{ 
		margin: 0 0 0 290px; 
		display: block;
	}
		.screenshot img { display: block; border: 4px solid #ddecfd;}
/*      .screenshot:hover img { border: 4px solid #0b7cd3; }*/
	
	.callout h3 { margin: 0 0 10px 0; }
  .callout-content h3.ir { margin-top: 20px;}
	.callout h4, .scroller h3 { color: #354157; }
	
	.take-a-tour { width: 115px; height: 21px;}
		.take-a-tour em { background-image: url(../../images/public/ir_takeATour.jpg); }
	
	.view-pricing-signup { width: 218px; height: 21px; margin: 0 0 0 0;}
		.view-pricing-signup em { background-image: url(../../images/public/ir_viewPricingAndSignup.jpg); }
		
/* Basic Pages */
.content { overflow: hidden; padding: 0 0 30px 20px; clear:both;}

/* Setup for Figures */
.content h4, .content h5, .content p, .content blockquote,
.content span.author, .content ul, .content ol, .content hr 
{
	 margin-right: 310px;
	 display: block;
}

.content blockquote p, 
.content span.author 
{ 
	margin-right: 0px; 
	color: #666;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.content blockquote { padding-top: 25px; margin-top: 25px; border-top: solid 1px #ececec; }
.content span.author { margin-right: 310px; margin-bottom: 25px; display: block; padding-bottom: 25px; border-bottom: 1px solid #ececec;}


.content h4 {  margin: 0 0 6px 0;}
.content h5 { color: #669933; }
.content p { margin-bottom: 20px;}

.content ul { margin-bottom: 20px; }	
	.content ul li { padding: 0 0 0 18px; background: url(../../images/public/icon_arrowBullet.jpg) no-repeat left 6px;}
	
.content ol { margin-bottom: 20px; list-style: decimal;}
	.content ol li { margin: 0 0 0 20px; }

p.address {
  padding: 60px 0 100px;
  background: url(../../images/public/LargeDownArrow.gif) 45% 8% no-repeat;

}

  p.address a {
    background: #f5fafe;
    border: 4px solid #d5eeff;
    color: #069;
    display: block;
    font-size: large;
    font-weight: bold;
    padding: 20px;
    text-align: center;
  }

/***********************************
		=Figure Styling
***********************************/
.figure 
{ 
	float: right; 
	display: block;
/*  padding: 20px 20px 15px 20px;
  background: #f6f9fe;
  border-top: 1px solid #ddecfd;
  border-bottom: 1px solid #ddecfd; */
	margin: 15px 20px 15px 0;
}

	.figure small span, .reference { text-transform: uppercase; font-weight: bold; color: #354157;}
	.figure small span, .reference { color: #7ba738; }
	
	.figure img { border: 4px solid #ddecfd; }
	
	.s { width: 275px; }
	.l { float: none; }
	
	.clean { background: none; border: none;}
		.clean img { border: none; display: block; margin: 10px 0;}
	
	.content .alt { float: none; }
	
	

/***********************************
		=Tour Sections
***********************************/

.tour-sections {
  background: #e8f5ff;
  display: block;
  border-bottom: 4px solid #d0eaff;
  border-top: 4px solid #d0eaff;
  margin-bottom: 20px;
  padding: 20px 0 0 20px;
}

.tour-sections li.organization a span { background: url(../../images/public/figures/areaOrganization.gif) left top no-repeat; }
.tour-sections li.creating a span { background: url(../../images/public/figures/areaCreating.gif) left top no-repeat; }
.tour-sections li.updating a span { background: url(../../images/public/figures/areaUpdating.gif) left top no-repeat; }
.tour-sections li.managing a span { background: url(../../images/public/figures/areaManaging.gif) left top no-repeat; }


.tour-sections ul li {
  display: block;
  float: left;
  margin: 0 20px 20px 0;
  width: 350px;
}

.tour-sections ul li span {
  font-size: .875em;
}

.tour-sections ul li a {
  text-decoration: none!important;
}

.tour-sections ul li a strong {
  color: #069;
  display: block;
  padding: 10px 0 3px 0;
  text-decoration: none!important;
}

.tour-sections ul li a:hover strong {
  text-decoration: underline!important;
}

.tour-sections ul li a span {
  border: 4px solid #d0eaff;
  display: block;
  width: 342px;
  height: 200px;
  text-indent: -9999px;
  overflow: hidden;
}


/***********************************
		=Scroller Styling
***********************************/
.scroller { margin-bottom: 20px;}
	.scroller .scroller-content { overflow: hidden; background: #f6fafe;}
		.scroller-navigation,
		.scroller-navigation-bottom 
		{  
			text-transform: uppercase; 
			font-weight: bold; 
			position: relative; 
			background: #eef5fe;
			border-bottom: 1px solid #ddecfd;
			padding: 0 20px;
			display: block;
			clear: left;
			height: 1%;
		}
		
		.scroller-navigation-bottom { border-bottom: none; border-top: 1px solid #ddecfd; }
			.scroller-navigation a,
			.scroller-navigation-bottom a { font-weight: bold; text-decoration: none; color: #0a7cd4; }
			
			a.previous 
			{ 
				padding-left: 20px; 
				background: url(../../images/public/icon_previous.jpg) no-repeat center left; 
				display: block;
				margin: 0 100px 0 0;
				width: 100px;
			}
			a.next 
			{ 
				padding-right: 20px; 
				background: url(../../images/public/icon_next.jpg) no-repeat center right; 
				position: absolute;
				right: 20px;
				top: 0px;
			}
				a.previous:hover, a.next:hover { text-decoration: underline; }
			
			.scroller-content { padding: 30px 20px; height: 1%;}
			.scroller p { margin: 0 0 30px 0; }
			
			.scroller .video p, .scroller .video h3 { width: 150px; }
				.scroller .video .video-wrap { display: block; float: right;}
		
			.scroller .small-image p, .scroller .small-image h3 { width: 420px; }
				.scroller .small-image .small-image-wrap { float: right; display: block;}
	
/***********************************
		=PlanSelect Styling
***********************************/

/* Table Styling */
.pricing { background: #f6fafe; width: 100%;margin-bottom: 2em;}
	.pricing caption { display: none; }

  table thead tr th a { display: block;}

	/* IR Headings */
	
	.large { width: 63px; height: 21px; }
		.large em { background-image: url(../../images/public/ir_large.jpg); }
	
	.medium { width: 91px; height: 21px; }
		.medium em { background-image: url(../../images/public/ir_medium.jpg); }
	
	.small { width: 59px; height: 21px; }
		.small em { background-image: url(../../images/public/ir_small.jpg); }
	
	.personal { width: 93px; height: 21px; }
		.personal em { background-image: url(../../images/public/ir_personal.jpg); }
		
	.large-price { width: 88px; height: 19px; }
		.large-price em { background-image: url(../../images/public/ir_99monthly.jpg); }
	
	.medium-price { width: 88px; height: 19px; }
		.medium-price em { background-image: url(../../images/public/ir_49monthly.jpg); }
	
	.small-price { width: 88px; height: 19px; }
		.small-price em { background-image: url(../../images/public/ir_29monthly.jpg); }
	
	.personal-price { width: 88px; height: 19px; }
		.personal-price em { background-image: url(../../images/public/ir_14monthly.jpg); }
		
	.questions { width: 116px; height: 18px; }
		.questions em { background-image: url(../../images/public/ir_questions.jpg); }
	
	
	/* Styling */
	.pricing th { background: #ecf6ff; border-top: 1px solid #ddecfd; border-bottom: 1px solid #ddecfd; padding: 20px}
	.pricing td { height: 37px; vertical-align: middle; border-bottom: 1px solid #ddecfd; padding: 0 20px;}
		.pricing h5 a { color: #0b7cd3;}
		
		.icon-ssl { padding-right: 15px; background: url(../../images/public/icon_ssl.jpg) no-repeat center right; color: #666;}
		.pricing p { color: #666; }
			.pricing p strong { color: #333; }
	
	.pricing tfoot tr td { padding: 20px 20px 20px 80px; background: #ecf6ff url(../../images/public/FreeTrial.gif) 20px 23px no-repeat; }
		.pricing tfoot p { color: #333; }
			.pricing tfoot p a { color: #0b7cd3; }

/***********************************
		=Form Styling
***********************************/

/* Error Handling */
#errors, #errorExplanation 
{ 
	border: 3px solid #d62729; 
	background: #f7e7e7;
	padding: 20px;
	width: 420px;
	color: #333333;
	margin: 30px 0;
}

	#errors ul li, #errorExplanation ul li
	{ 
		list-style: disc; 
		margin: 0 0 0 20px;
	}
	
.attention input,
div.select-list span.attention,
p.checkbox span.attention label { border: 3px solid #d62729; background: #f7e7e7; }


div.select-list span.attention { display: block;}

p.checkbox span.attention input { border: none; background: transparent;}
p.checkbox span.attention label, p.checkbox span.attention label a {font-weight: bold; color: #d62729;}
p.checkbox span.attention label { padding: .5em;}

p.checkbox {
  display: block;
}


/* Field positioning */

.field { display: block; margin:0 256px 19px 0; width: auto; height: auto;}
	.field label { display: block; color: #666;}
	.field input { padding: 0 3px; height: 24px;  font-family: Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;}
	.field textarea { padding: 3px; width: 96%;  font-family: Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif; line-height: 1.3em;}
	
	/* Field Sizing */
	.form-callout .tiny { float: left; margin-right: 13px;}
		.form-callout .tiny input { width: 48px; }
	
	.form-callout .small { float: left; margin-right: 13px;}
		.form-callout .small input { width: 140px; }
	
	.form-callout .medium { float: left; margin-right: 13px; }
		.form-callout .medium input { width: 210px; }
		
	.form-callout .large {  }
		.form-callout .large input { width: 440px; display: block;}
		
	.form-callout .single { width: auto; margin-right: 245px; float: none;}
		
.form-callout .subdomain strong { font-size: 1em; font-weight: normal;} 
		
.form-callout { padding-bottom: 0!important;}
		
.form-callout h3 { clear: left; margin-bottom: 0px; color: #67a521;}
.form-callout .priority h3 label {color: #67a521;}
.form-callout .priority { position: relative;}
.form-callout .priority input { position: absolute; left: -2px; top: -5px;}
.form-callout .priority h3, .form-callout .checkbox h3 label { display: inline-block; }
.form-callout .priority h3 { margin-left: 20px;}
.form-callout p { margin: 0 0 20px 0; }
.form-callout .split { width: 160px; float: left; }

.form-description { width: 245px; float: right;}
	.form-description img { margin: 14px 0 0 0; }

.legal-content {  }
  .plan-content { border-bottom: 2px solid #bce587; margin-bottom: 20px;}
  .acceptance-content { }

label.available, 
label.unavailable 
{ 
	display: block; 
	clear: left; 
	height: 22px;
	font-weight: bold;
  position: relative;
  top: -14px;
  margin: 0 0 -16px;
}

  label.available { width: 87px; color: #6ba22a;}
  label.unavailable { width: 98px; color: #d10202;}
	label.available em { background: url(../../images/public/ir_available.gif) left top no-repeat; }
	label.unavailable em { background: url(../../images/public/ir_unavailable.gif) left top no-repeat; }
	
.create-my-account { width: 147px; height: 31px; }
	.create-my-account em { background-image: url(../../images/public/btn_createMyAccount.jpg); }

.form-finish { background: #f0fde0; border: 4px solid #bce587; margin-top: 30px; margin-bottom: 30px; padding-top: 20px; padding-bottom: 20px!important;}
	.form-finish a { color: #0b7cd3; }
  .form-finish img {
    float: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 10px 10px;
  }
/***********************************
		=Footers Styling
***********************************/
#footer {
}

#footer div.extra {
  position: relative;
  margin: 30px 0;
}

.divider .sub-footer {
  border-top: 1px solid #e7e7e7;
}

.sub-footer 
{
	text-align: center;
	font-weight: bold;
	padding: 35px 0 36px 0;
}
	.sub-footer span { padding: 0 28px; color: #999; font-weight: normal; font-size: .875em; font-style: italic;}
	
.support 
{
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding: 20px;
	margin: 0;
	color: #666666;
	text-align: center;
	background: #f5f5f5;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

.legal, .copyright 
{ 
	color: #666666;
	display: block; 
  padding: 0 20px;
}

.footer-logo { width: 118px; height: 30px; margin: 0 0 5px 15px;}
	.footer-logo em { background: url(../../images/public/ir_footerLogo.jpg) no-repeat top left; }

.rails-machine-logo { position: absolute; right: 20px; top: 0px; width: 130px; height: 30px; margin: 0;}
	.rails-machine-logo em { background: url(../../images/public/ir_railsMachineLogo.gif) no-repeat top left; }


  p.notice, p.warning {
    font-size: .875em;
    padding: 1em;
    margin: 0 1.25em 1.5em 1.25em;
    line-height: 1.35em;
  }

  p.warning {
    border: 2px solid #eed47b;
    background: #ffffe8 url(../../images/app/icons/large/Warning.png) .5em 50% no-repeat;
    color: #333;
    padding-left: 50px;
  }

  p.notice {
    background: #def1ca url(../../images/app/icons/large/Confirm.png) .5em 50% no-repeat;
    border: 2px solid #c6e4a9;
    color: #58941c;
    padding-left: 50px;
  }

  p.notice a {
    color: #58941c;
    text-decoration: underline;
  }