/* YUI reset and extra */
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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

body
{
	scrollbar-face-color : #e5e5e5;
	scrollbar-arrow-color : #67645f;
	scrollbar-track-color : #f5f5f5;
	scrollbar-shadow-color : '';
	scrollbar-highlight-color : '';
	scrollbar-3dlight-color : '';
	scrollbar-darkshadow-Color : '';
}

textarea {overflow-y:auto;}
html {overflow-y:scroll;}
:focus {outline: 0;}
input[type="image"] {border: 0;}

html {
	min-height: 100%;
	height: auto;
}

body {
	background: #f5f5f5 url("/hs/images/layout/backgrounds/body.jpg") top repeat-x;
	padding: 56px 0;
}

body.alternate {
	padding: 10px 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

sup {
	position: relative;
	margin: 0 1px 0 2px;
	padding: 0;
	line-height: 8px;
}

hr {
	height: 1px;
	overflow: hidden;
	background: none;
	border: 0;
	border-top: 1px solid #eaebeb;
	margin: 10px 0 10px 0;
	padding: 0;
}

.block {
	display: block;
}

.nowrap {
	white-space: nowrap !important;
}

.quote-wrap {
	position: absolute;
	top: 0;
	left: 0;
}

.hide {
	display: none;
}



#wrapper {
	position: relative;
	width: 949px;
	margin: 0 auto;
	border: 1px solid #c8c8c8;
	background: #fff;
}

#wrapper.alternate {
	width: 534px;
}

#wrapper.punch {
	width: 85%;
	}

#wrapper .ihop-banner
{
	text-align : center;
	margin-left : 30px;
}
	
	#header {
		position: relative;
		height: 172px;
		border-bottom: 1px solid #e7e7e7;
	}
	
	#header.alternate {
		position: relative;
		height: 85px;
		border-bottom: 1px solid #e7e7e7;
	}
		
		#header h1 {
			position: absolute;
			top: 58px; /* update these top and left values to reposition the logo */
			left: 58px;
			width: 265px; /* 182px + 63px = 245px total width */
			padding-left: 63px;
			height: 50px;
			font: normal 26px/45px Arial, sans-serif;
			color: #67645f;
			overflow: hidden;
		}
		
		#header.alternate h1 {
			top: 20px;
			left: 20px;
		}
			
			#header h1 span {
				position: absolute;
				top: 0;
				left: 0;
				width: 265px;
				height: 55px;
				background: url("/hs/images/layout/backgrounds/logo.png") no-repeat;
			}
					
		#login-close {
			position: absolute;
			top: 12px;
			right: 12px;
		}
		
		#header.alternate #login-close {
			top: 20px;
			right: 20px;
		}
			
			#login-close img {
				display: block;
				border: 0;
			}
			
		#top-right-navigation {
			position: absolute;
			top: 10px;
			right: 10px;
			font: normal 10px/10px Arial, sans-serif;
			color: #8e8c88;
		}
			
			#top-right-navigation li {
				float: right;
			}
				
				#top-right-navigation li a {
					margin: 0 11px 0 14px;
					color: #8e8c88;
					text-decoration: none;
				}
				
				#top-right-navigation li a:hover {
					color: #a1bd00;
					text-decoration: underline;
				}
		
		#login {
			position: absolute;
			top: 35px;
			right: 0;
			width: 308px;
		}
			
			#login-desc {
				font: bold 12px/12px Arial, sans-serif;
				color: #67645f;
				margin: 0 0 10px 0;
                                text-decoration: none;
                        }
			                      
                                #login-desc a {
                                        margin: 0 0 10px 0;
					color: #67645f;
					text-decoration: none;
                                }
                                
                                #login-desc a:hover {
                                        color: #a1bd00;
					text-decoration: underline;
                                }        
			
                        #login-forgot {
				font: bold 9px/9px Arial, sans-serif;
				color: #67645f;
				margin-left: 30px;
                                text-decoration: none;
                                float: left;
                        }
			                      
                                #login-forgot a {
					color: #67645f;
					text-decoration: none;
                                        margin-left: 30px;
}
                                
                                #login-forgot a:hover {
                                        color: #a1bd00;
					text-decoration: underline;
                                }        
                        
			#form-username {
				font: normal 11px/13px Arial, sans-serif;
				color: #716e6a;
				float: left;
				padding-right: 6px;
			}
				
				#form-username input {
					width: 114px;
					height: 13px;
					padding: 2px 2px 2px 4px;
					border: 1px solid #b5b5b6;
					font-size: 11px;
					background: url("/hs/images/layout/backgrounds/input.png") left top no-repeat;
				}
			
			#form-password {
				font: normal 11px/13px Arial, sans-serif;
				color: #716e6a;
				float: left;
			}
				
				#form-password input {
					width: 114px;
					height: 13px;
					padding: 2px 2px 2px 4px;
					border: 1px solid #b5b5b6;
					font-size: 11px;
					background: url("/hs/images/layout/backgrounds/input.png") left top no-repeat;
				}
				
				#form-password input.submit {
					position: relative;
					top: -1px;
					left: 2px;
					width: 18px;
					height: 18px;
					padding: 0;
					margin: 0;
					border: 0;
					background: none;
					vertical-align: bottom;
				}
		
		#navigation {
			position: absolute;
			top: 120px;
			left: 0;
			height: 52px;
			width: 949px;
			background: #f2f3f3 url("/hs/images/layout/backgrounds/nav-stripe.png") top repeat-x;
		}
			
			#navigation-links {
				margin-left: 194px; /* increase/decrease this value to "center" the nav links */
				position: relative;
				height: 47px;
				overflow: hidden;
			}
				
				#navigation-links li {
					position: relative;
					float: left;
					height: 47px;
					border-right: 1px solid #e6e6e6;
				}
				
				#navigation-links li:first-child {
					border-left: 1px solid #e6e6e6;
				}
					
					#navigation-links li a {
						display: block;
						width: auto;
						height: 100%;
						padding: 0 18px;
						font: bold 14px/47px Arial, sans-serif;
						color: #67645f;
						text-decoration: none;
					}
					
					#navigation-links li a.ihopsignup {
						display: block;
						width: auto;
						height: 100%;
						padding: 0 18px;
						font: bold 14px/47px Arial, sans-serif;
						color: #dd0000;
						text-decoration: none;
					}
					
					#navigation-links li a:hover,
					#navigation-links li a.active {
						background: url("/hs/images/layout/backgrounds/nav-stripe-hover.png") top repeat-x;
					}
					
					body.nav-products #navigation-links li a#nav-products,
					body.nav-ihopproducts #navigation-links li a#nav-ihopproducts,
					body.nav-ihopsignup #navigation-links li a#nav-ihopsignup,
					body.nav-ihoptraining #navigation-links li a#nav-ihoptraining,
					body.nav-ihopsupport #navigation-links li a#nav-ihopsupport,
					body.nav-clients #navigation-links li a#nav-clients,
					body.nav-support #navigation-links li a#nav-support,
					body.nav-about #navigation-links li a#nav-about,
					body.nav-contact #navigation-links li a#nav-contact,
					body.nav-community #navigation-links li a#nav-community {
						background: url("/hs/images/layout/backgrounds/nav-stripe-hover.png") top repeat-x !important;
					}
	
	#banner-area {
		position: relative;
		height: 208px;
		width: 949px;
		margin: 0;
		padding: 0;
	}
		
		#banner-area-inside {
			position: absolute;
			top: 45px;
			left: 568px;
			width: 345px;
		}
		
		#banner-area h2 {
			position: relative;
			font: normal 22px/24px Arial, sans-serif;
			color: #67645f;
			margin: 0 0 8px 0;
		}
			
			#banner-area h2 span {
				position: absolute;
				top: -22px;
				left: 0;
				font: normal 16px/24px Arial, sans-serif;
				color: #67645f;
			}
		
		#banner-area p {
			font: normal 11px/14px Arial, sans-serif;
			color: #3a3530;
			margin: 0 0 10px 0;
		}
		
		#banner-area ul {
			font: normal 12px/17px Arial, sans-serif;
			color: #3a3530;
			margin: 0 0 10px 0;
		}
		
			#banner-area ul li {
				padding-left: 10px;
				background: url("/hs/images/layout/backgrounds/li.png") 0 5px no-repeat;
			}
		
		#banner-area a.special {
			font: bold 10px Arial, sans-serif;
			color: #ff4f00;
			text-decoration: none;
		}
		
		#banner-area a.special:hover {
			font: bold 10px Arial, sans-serif;
			color: #ff4f00;
			text-decoration: underline;
		}
		
		/* adjust these areas to specific banners */
		.banner-1 { background: url("/hs/images/layout/banners/whos-on-first.jpg") no-repeat !important; }
			.banner-1 #banner-area-inside { top: 45px !important; width: 270px !important; }
		.banner-2 { background: url("/hs/images/layout/banners/work-force-solutions.jpg") no-repeat !important; }
			.banner-2 #banner-area-inside { top: 45px !important; width: 300px !important; }
		.banner-3 { background: url("/hs/images/layout/banners/managers-digital-logbook.jpg") no-repeat !important; }
			.banner-3 #banner-area-inside { top: 45px !important; width: 300px !important; }
		.banner-4 { background: url("/hs/images/layout/banners/skyline.jpg") no-repeat !important; }
			.banner-4 #banner-area-inside { top: 45px !important; width: 300px !important; }
		.banner-5 { background: url("/hs/images/layout/banners/careers.jpg") no-repeat !important; }
			.banner-5 #banner-area-inside { left: 590px !important; top: 45px !important; width: 300px !important; }
		.banner-6 { background: url("/hs/images/layout/banners/clients.jpg") no-repeat !important; }
			.banner-6 #banner-area-inside { top: 45px !important; width: 300px !important; }
		.banner-7 { background: url("/hs/images/layout/banners/partners.jpg") no-repeat !important; }
			.banner-7 #banner-area-inside { top: 45px !important; width: 300px !important; }			
		.banner-8 { background: url("/hs/images/layout/banners/bridge.jpg") no-repeat !important; }
			.banner-8 #banner-area-inside { top: 45px !important; width: 300px !important; }
		.banner-9 { background: url("/hs/images/layout/banners/IHOPBanner2.jpg") no-repeat !important; }
			.banner-9 #banner-area-inside { top: 45px !important; width: 300px !important; }
		.banner-9b { background: url("/hs/images/layout/banners/IHOPBanner.jpg") no-repeat !important; }
			.banner-9b #banner-area-inside { top: 45px !important; width: 300px !important; }

	#middle {
		padding: 17px;
	}
	
	#middle:after { /* self clear floats */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
		
		.block {
			float: left;
			padding: 24px 34px 14px 34px;
			min-height: 160px; /* expand this number to increase all 3 box heights
			                      also update the height value inside the ie-6.css file! */
			border: 1px solid #e1e0e0;
		}
			
			.block h3 {
				font: normal 18px/20px Arial, sans-serif;
				color: #67645f;
				margin: 0 0 8px 0;
			}
			
			.block p {
				font: normal 11px/14px Arial, sans-serif;
				color: #0e0e0e;
				margin: 0 0 10px 0;
			}
			
			.block p.spaced {
				line-height: 24px;
				margin-bottom: 5px;
			}
			
			.block a.special {
				font: bold 10px Arial, sans-serif;
				color: #ff4f00;
				text-decoration: none;
			}
			
			.block a.special:hover {
				font: bold 10px Arial, sans-serif;
				color: #ff4f00;
				text-decoration: underline;
			}
			
			.block a.special-2 {
				font: normal 16px/18px Arial, sans-serif;
				color: #ff4f00;
				text-decoration: none;
			}
			
			.block a.special-2:hover {
				font: normal 16px/18px Arial, sans-serif;
				color: #ff4f00;
				text-decoration: underline;
			}
			
			.block a.special-3 {
				font: normal 16px/18px Arial, sans-serif;
				color: #a1bd00;
				text-decoration: none;
			}
			
			.block a.special-3:hover {
				font: normal 16px/18px Arial, sans-serif;
				color: #a1bd00;
				text-decoration: underline;
			}
			
			.block p.quote {
				position: relative;
				left: -14px;
				padding-left: 14px;
				margin: 0 0 10px 0;
				font: italic 15px/19px Arial, sans-serif;
				color: #a1bd00;
			}
				
				.block p.quote .open-quote {
					position: absolute;
					top: -4px;
					left: -2px;
					font: bold 30px/30px Arial, sans-serif;
					color: #67645f;
				}
				
				.block p.quote .close-quote {
					position: absolute;
					bottom: -9px;
					font: bold 30px/30px Arial, sans-serif;
					color: #67645f;
					padding-left: 2px;
				}
				
			.block p.signature {
				color: #67645f;
				font: normal 11px/14px Arial, sans-serif;
			}
		
		#block-1 {
			width: 200px; /* 200px + 40px = 240px */
			padding-right: 6px;
		}
		
		#block-2 {
			width: 264px; /* 264px + 68px = 332px */
			margin-left: 2px;
		}
		
		#block-3 {
			width: 264px; /* 264px + 68px = 332px */
			margin-left: 2px;
		}
		
		#sub-navigation {
			float: left;
			width: 118px;
			margin-left: 26px;
			padding-top: 10px;
		}
			
			#sub-navigation ul {
				margin: 0 0 8px 0;
			}
				
				#sub-navigation ul li {
					padding: 8px 0 9px 0;
					border-bottom: 1px solid #dbdbda;
					font: normal 13px/15px Arial, sans-serif;
					color: #67645f;
				}
					
					#sub-navigation ul li a {
						font: normal 13px/15px Arial, sans-serif;
						color: #67645f;
						text-decoration: none;
					}
					
					#sub-navigation ul li a:hover,
					#sub-navigation ul li a.active {
						color: #ff4f00;
					}
					
					body.snav-hotschedules #sub-navigation ul li a#snav-hotschedules,
					body.snav-logbook #sub-navigation ul li a#snav-logbook,
					body.snav-news #sub-navigation ul li a#snav-news,
					body.snav-events #sub-navigation ul li a#snav-events,
					body.snav-testimonials #sub-navigation ul li a#snav-testimonials {
						color: #ff4f00 !important;
					}
		
		#side-bar {
			float: right;
			width: 224px;
			font: normal 11px/14px Arial, sans-serif;
			color: #0e0e0e;
		}
			
			#side-bar p {
				margin: 0 0 10px 0;
			}
			
			#side-bar a {
				font-weight: bold;
				color: #ff4f00;
				text-decoration: none;
			}
			
			#side-bar a:hover {
				color: #ff4f00;
				text-decoration: underline;
			}
			
			#side-bar h4 {
				font: normal 16px/18px Arial, sans-serif;
				color: #67645f;
				margin: 0 0 12px 0;
			}
			
			#side-bar p.quote {
				position: relative;
				left: -6px;
				padding-left: 14px;
				margin: 0 -10px 10px 0;
				font: italic 15px/19px Arial, sans-serif;
				color: #a1bd00;
			}
				
				#side-bar p.quote .open-quote {
					position: absolute;
					top: -4px;
					left: -2px;
					font: bold 30px/30px Arial, sans-serif;
					color: #67645f;
				}
				
				#side-bar p.quote .close-quote {
					position: absolute;
					bottom: -9px;
					font: bold 30px/30px Arial, sans-serif;
					color: #67645f;
					padding-left: 2px;
				}
				
			#side-bar p.signature {
				color: #67645f;
				font: normal 11px/14px Arial, sans-serif;
				padding-left: 8px;
			}
				
				#flyout {
					padding: 18px 18px 12px 18px;
					border: 1px solid #e1e0e0;
				}
				
				#flyout ul
				{
					list-style-type : disc;
					padding-left : 20px;
				}
			
				#flyout-2 {
					padding: 18px 18px 12px 18px;
				}
				
				#flyout-2 ul
				{
					list-style-type : disc;
					padding-left : 20px;
				}
	
		#content {
			width: 470px;
			margin-left: 179px;
			padding-top: 18px;
			font: normal 11px/14px Arial, sans-serif;
			color: #0e0e0e;
		}
		
		.wider {
			width: 623px !important;
			margin-left: 26px !important;
		}
		
		.widest {
			width: 873px !important;
			margin-left: 26px !important;
		}
		
		.wider-2 {
			width: 500px !important;
		}
		
		.alternatec {
			margin: 0 !important;
			width: 500px !important;
			padding: 0 !important;
		}
			
			#content h3 {
				font: normal 19px/22px Arial, sans-serif;
				color: #67645f;
				margin: 0 0 5px 0;
			}
			
			#content h3.orange {
				margin: 20px 0 4px 0;
				padding-left: 31px;
				background: url("/hs/images/layout/backgrounds/orange.png") 0 1px no-repeat;
			}
			#content h3.red {
				margin: 20px 0 4px 0;
				padding-left: 31px;
				background: url("/hs/images/layout/backgrounds/red.png") 0 1px no-repeat;
			}
			#content h3.green {
				margin: 20px 0 4px 0;
				padding-left: 31px;
				background: url("/hs/images/layout/backgrounds/green.png") 0 1px no-repeat;
			}
			#content h3.gray {
				margin: 20px 0 4px 0;
				padding-left: 31px;
				background: url("/hs/images/layout/backgrounds/gray.png") 0 1px no-repeat;
			}
				
				#content h3 a {
					font: bold 11px/11px Arial, sans-serif;
					color: #ff4f00;
					margin-left: 6px;
				}
				
				#content h3 a.partner {
					font: normal 19px/22px Arial, sans-serif;
					color: #67645f;
					margin: 0 0 5px 0;
				}
				
				#content h3 a:hover {
					color: #ff4f00;
					text-decoration: underline;
				}
				
				#content h3 input {
					vertical-align: top;
					position: relative;
					top: 4px;
				}
		
			#content h5 {
				font: normal 12px/14px Arial, sans-serif;
				color: #67645f;
				margin: 0 0 5px 0;
			}
			
			#content h6 {
				font: bold 11px/14px Arial, sans-serif;
				color: #67645f;
				margin: 0 0 1px 0;
			}
			
			#content p {
				margin: 0 0 15px 0;
			}
			
			#content p.button-area {
				text-align: right;
			}
			
			#content p.button-area input,
			#content p.button-area img {
				margin-left: 15px;
			}
			
			#content a {
				font-weight: bold;
				color: #ff4f00;
				text-decoration: none;
			}
			
			#content a:hover {
				color: #ff4f00;
				text-decoration: underline;
			}
			
			#content ul {
				margin: 0 0 15px 0;
			}

				#content ul li {
					margin-left: 10px;
					padding-left: 10px;
					background: url("/hs/images/layout/backgrounds/li.png") 0 5px no-repeat;
				}
				
				#content ul.spaced li {
					margin-bottom: 8px;
				}
			
			#stages {
				position: relative;
				width: 464px;
				height: 28px;
				margin: 0 0 18px 0;
				cursor: default;
				background: url("/hs/images/layout/backgrounds/stages.png") 0 0 no-repeat;
			}
			.stage-1 { background-position: 0 0 !important;}
			.stage-2 { background-position: 0 -28px !important;}
			.stage-3 { background-position: 0 -56px !important;}
			.stage-4 { background-position: 0 -84px !important;}
			
			#content .two-column-fields {
				color: #505050;
				padding-left: 120px;
				margin-bottom: 15px;
			}
				
				#content .two-column-fields p {
					clear: left;
					margin: 0 0 8px 0;
				}
				
				#content .two-column-fields label {
					float: left;
					margin: 0 10px 0 0;
					padding-top: 2px;
					text-align: right;
					width: 125px;
					font-weight: bold;
				}
				
				#content .two-column-fields label.inline {
					float: none;
					margin: 0 5px 0 8px;
					width: auto;
				}
				
				#content .two-column-fields label span,
				#content .two-column-fields p.required-note span {
					color: #ff7b40;
					font-weight: bold;
				}
				
				#content .two-column-fields p.required-note {
					margin: 0 0 5px 0;
					height: auto;
					padding-left: 135px;
				}
				
				#content .two-column-fields input {
					height: 13px;
					padding: 2px 2px 2px 4px;
					border: 1px solid #b5b5b6;
					font-size: 11px;
				}
				
				#content .two-column-fields select {
					border: 1px solid #b5b5b6;
					font-size: 11px;
				}
				
				#content .two-column-fields input.required {
					background-color: #eaeaea;
				}
				
				#content .two-column-fields input.small {
					width: 60px;
				}
				
				#content .two-column-fields input.medium {
					width: 200px;
				}
			
			#content .confirmation-desc {
				color: #000;
				font-weight: bold;
				padding-left: 90px;
				margin-top: 15px;
			}
			
			#content .payment-fields {
				color: #505050;
				padding-left: 90px;
				margin-bottom: 15px;
			}
			
				#content .payment-fields p {
					position: relative;
				}
				
				#content .payment-fields p.with-labels {
					padding-top: 20px;
				}				
				
				#content .payment-fields input {
					height: 13px;
					padding: 2px 2px 2px 4px;
					border: 1px solid #b5b5b6;
					font-size: 11px;
				}
				
				#content .payment-fields select {
					border: 1px solid #b5b5b6;
					font-size: 11px;
				}
				
				#content .payment-fields .label-title {
					position: absolute;
					top: 0;
					font-weight: bold;
				}
				
				#content .payment-fields p.cc-inputs input {
					position: relative;
					vertical-align: top;
				}
				
				#content .payment-fields p.cc-inputs input.radios {
					position: relative;
					vertical-align: top;
					top: 2px;
					margin: 0 3px 0 3px;
					border: 0;
					height: auto;
				}
				
				#content .payment-fields input.required {
					background-color: #eaeaea;
				}
				
				#content .payment-fields input.small {
					width: 40px;
				}
				
				#content .payment-fields input.smallish {
					width: 110px;
				}
				
				#content .payment-fields .customer-data-title {
					float: left;
					color: #000;
					font-weight: bold;
					padding-left: 120px;
				}
				
				#content .payment-fields .customer-title {
					color: #000;
					margin: 0 0 20px 220px;
				}
				
			#content .comment-form {
				position: relative;
			}
				
				#content .top-labels {
					padding-top: 18px;
				}
				
				#content .comment-form input {
					height: 13px;
					padding: 2px 2px 2px 4px;
					border: 1px solid #b5b5b6;
					font-size: 11px;
					color: #000;
				}				
				
				#content .comment-form input.faded {
					color: #999;
				}
				
				#content .comment-form select {
					border: 1px solid #b5b5b6;
					font-size: 11px;
					color: #000;
				}
				
				#content .comment-form textarea {
					border: 1px solid #b5b5b6;
					color: #000;
				}
				
				#content .comment-form label {
					float: left;
					width: 85px;
					font-weight: bold;
					color: #67645f;
					padding-top: 2px;
				}
				
				#content .comment-form label.wide {
					width: 110px;
				}
				
				#content .comment-form label.wider {
					width: 150px;
				}
				
				#content .comment-form label.double {
					position: relative;
					top: -5px;
				}
				
				#content .comment-form label.inline {
					float: none;
					width: auto;
					margin-left: 10px;
				}
				
				#content .comment-form label.inline2 {
					float: none;
					width: auto;
					margin-left: 0;
					display: block;
					padding-bottom: 4px;
				}
				
				#content .comment-form label.top {
					float: none;
					position: absolute;
					top: 0;
					width: auto;
					font-weight: bold;
					color: #67645f;
				}
				
				#content .comment-form input.required {
					background-color: #eaeaea;
				}
				
				#content .comment-form .smaller {
					width: 54px;
				}
				
				#content .comment-form .small {
					width: 100px;
				}
				
				#content .comment-form .medium {
					width: 200px;
				}
				
				#content .comment-form .large {
					width: 450px;
				}
			
			#content table.news-table {
				width: 100%;
				margin-top: 13px;
				color: #787878;
			}
				
				#content table.news-table tr {
					background: #ffffff;
				}
				
				#content table.news-table tr.odd {
					background: #f7f7f7;
				}
				
				#content table.news-table td {
					padding: 4px 10px 4px 4px;
					vertical-align: top;
				}
				
				#content table.news-table td.datecol {
					width: 70px;
				}
			
			#content table.events-table {
				width: 100%;
				margin-top: 13px;
				color: #787878;
			}

				#content table.events-table tr {
					background: #f7f7f7;
				}

				#content table.events-table tr.odd {
					background: #ffffff;
				}
				
				#content table.events-table th {
					padding: 6px 10px 6px 6px;
					background: #efefef;
					color: #000;
					font-weight: bold;
					border-right: 1px solid #fff;
				}

				#content table.events-table td {
					padding: 4px 10px 4px 6px;
					vertical-align: top;
				}

				#content table.events-table th.datecol {
					width: 90px;
				}
				
				#content table.events-table th.locationcol {
					width: 90px;
				}
		
			#content .content-quote p.quote {
				position: relative;
				left: -14px;
				padding-left: 14px;
				margin: 0 0 5px 0;
				font: italic 11px/15px Arial, sans-serif;
				color: #0e0e0e;
			}

				#content .content-quote p.quote .open-quote {
					position: absolute;
					top: -5px;
					left: -2px;
					font: bold 26px/30px Arial, sans-serif;
					color: #67645f;
				}

				#content .content-quote p.quote .close-quote {
					position: absolute;
					bottom: -11px;
					font: bold 26px/30px Arial, sans-serif;
					color: #67645f;
					padding-left: 2px;
				}

			#content .content-quote p.signature {
				position: relative;
				color: #a1bd00;
				font: normal 11px/14px Arial, sans-serif;
				text-align: right;
			}
			
			#content .posted-by {
				font: normal 9px/12px Arial, sans-serif;
				color: #67645f;
				text-transform: uppercase;
				margin-bottom: 7px;
			}
			
			#content .posted-by img {
				vertical-align: middle;
				margin: 0 0 2px 4px;
			}
			
			#content .quotation
			{
				text-align : center;
				color : #a1bd00;
			}
			
			#content .quotation-author
			{
				text-align : right;
				padding-right : 100px;
				color : #a1bd00;
				font-weight : bold;
			}
			
			#content .training-dates
			{
				text-align : right;
				padding-right : 200px;
				color : #ff4f00;
				font: normal 11px/14px Arial, sans-serif;
				font-weight : bold;
			}
			
			#content .training-dates .sub
			{
				color : #ff4f00;
				font: normal 9px/12px Arial, sans-serif;
				font-weight : normal;
			}
			
			#login-box {
				border: 2px solid #eaebeb;
				padding: 18px;
				margin-bottom: 15px;
			}
			
			#login-box.alternate {
				margin-bottom: 0;
			}
			
				#login-box .login-error-message {
					font: bold 14px/16px Arial, sans-serif;
					color: #ff4f00;
					text-align: center;
				}
			
				#login-box .login-fields {
					padding-left: 110px; /* increase/decrease this value to "center" login fields */
					margin-bottom: 15px;
				}
					
					#login-box .login-fields p {
						margin: 0 0 4px 0;
					}
					
					#login-box .login-fields p.forgot {
						padding-left: 60px;
					}
					
					#login-box .login-fields p.forgot a {
						font-weight: normal;
						font-size: 10px;
					}
					
					#login-box .login-fields input {
						height: 13px;
						width: 150px;
						padding: 2px 2px 2px 4px;
						border: 1px solid #b5b5b6;
						font-size: 11px;
					}
					
					#login-box .login-fields input.remember-check {
						width: 20px;
						border: none;
					}
					
					#login-box .login-fields input.submit {
						position: relative;
						top: -1px;
						left: 2px;
						width: 18px;
						height: 18px;
						padding: 0;
						margin: 0;
						border: 0;
						background: none;
						vertical-align: bottom;
					}
					
					#login-box .login-fields label {
						font: normal 11px/13px Arial, sans-serif;
						color: #0e0e0e;
						width: 60px;
						padding-top: 2px;
						float: left;
					}
					
					#login-box .login-fields #remember-me-field input {
						vertical-align: middle;
					}
					
					#login-box .login-fields #remember-me-field span {
						padding: 2px 0 0 3px;
    					vertical-align: middle;
					}
				
			#client-logos {
				float: left;
				width: 372px;
				padding-right: 10px;
				border-right: 1px solid #eaebeb;
				margin-bottom: 15px;
			}
			
			#client-logos img
			{
				margin-left : 7px;
				margin-right : 7px;
			}
				
				#client-logos span {
					position: relative;
				}
				
				#client-logos .arrow {
					position: absolute;
					top: -16px;
					left: 0px;
					width: 10px;
					height: 8px;
					background: url("/hs/images/layout/backgrounds/arrow-orange.png") 0 0 no-repeat;
				}
				
				/*#client-logos img {
					opacity: .3;
					cursor: pointer;
				}*/
				
					#client-logos img.active,
					#client-logos img.hover {
						opacity: 1;
					}
			
			#client-descriptions {
				margin-left: 400px;
				margin-bottom: 15px;
			}
				
				#client-descriptions .hide {
					display: none;
				}
				
			table.volume-table {
				font: normal 11px/14px Arial, sans-serif;
				color: #b8b8b8;
				border-collapse: collapse;
				margin: 0 0 20px 0;
				width: 100%;
			}
			table.volume-table th,
			table.volume-table tr.th-style td {
				font: bold 11px/14px Arial, sans-serif;
				background: #efefef;
				color: #231f20;
				border: 1px solid #fff;
				padding: 3px 4px 3px 4px;
			}
			table.volume-table tr td {
				font: normal 11px/14px Arial, sans-serif;
				border: 1px solid #fff;
				padding: 3px 4px 4px 4px;
			}
			table.volume-table tr.color-1 td {
				color: #ff4e00;
			}
			table.volume-table tr.color-2 td {
				color: #f3be40;
			}
			table.volume-table tr.color-3 td {
				color: #a0bd00;
			}
			table.volume-table tr.alt-row td {
				background: #f7f7f7;
			}
			table.volume-table .centered {
				text-align: center !important;
			}
			table.volume-table p {
				margin: 0 !important;
			}
			table.volume-table p.spaced {
				margin: 0 0 0 14px !important;
			}
			
			table.comparison-table {
				font: normal 11px/14px Arial, sans-serif;
				color: #808080;
				border-collapse: collapse;
				margin: 0 0 20px 0;
				width: 100%;
			}
			table.comparison-table th,
			table.comparison-table tr.th-style td {
				font: bold 11px/14px Arial, sans-serif;
				background: #efefef;
				color: #231f20;
				border: 1px solid #fff;
				padding: 3px 4px 3px 4px;
			}
			table.comparison-table tr td {
				font: normal 11px/14px Arial, sans-serif;
				border: 1px solid #fff;
				padding: 3px 4px 4px 4px;
			}
			table.comparison-table tr.color-1 td,
			table.comparison-table tr .color-1 {
				color: #979692;
			}
			table.comparison-table tr.color-2 td,
			table.comparison-table tr .color-2 {
				color: #979692;
			}
			table.comparison-table tr.color-3 td,
			table.comparison-table tr .color-3 {
				color: #979692;
			}
			table.comparison-table tr.color-4 td,
			table.comparison-table tr .color-4 {
				color: #979692;
			}
			table.comparison-table tr.alt-row td {
				background: #f7f7f7;
			}
			table.comparison-table .centered {
				text-align: center !important;
                                font: bold 11px/14px Arial, sans-serif;
			}
			table.comparison-table p {
				margin: 0 !important;
			}
			table.comparison-table p.spaced {
				margin: 0 0 0 13px !important;
			}
			table.comparison-table p.double-spaced {
				margin: 0 0 0 26px !important;
			}
			table.comparison-table p.darker {
				color: #231f20;
			}
			
			#content .partner-wrapper {
				min-height: 130px;
				margin: 0 0 10px 0;
			}
				
				#content .partner-wrapper .left {
					float: left;
					width: 290px;
				}
				
					#content .partner-wrapper .left img {
						display: block;
						margin: 10px auto 0 auto;
					}
				
				#content .partner-wrapper .right {
					margin-left: 300px;
				}
				
	#splash {
		position: relative;
		padding: 1px;
		background: #f1f2f5 url("/hs/images/layout/backgrounds/page-tear.jpg") right top no-repeat;
		height: 555px;
	}
	
	#splash-email {
		position: relative;
		padding: 1px;
		background: #f1f2f5 url("/hs/images/layout/backgrounds/page-tear.jpg") right top no-repeat;
		height: 555px;
	}

		#splash h1 {
			position: relative;
			width: 422px;
			height: 78px;
			margin: 115px auto 0 auto;
			font: normal 30px/45px Arial, sans-serif;
			color: #67645f;
			overflow: hidden;
		}

			#splash h1 span {
				position: absolute;
				top: 0;
				left: 0;
				width: 422px;
				height: 78px;
				background: url("/hs/images/layout/backgrounds/splash-logo2b.gif") no-repeat;
			}

		#splash h2 {
			position: relative;
			font: normal 16px/20px Arial, sans-serif;
			color: #67645f;
			margin: 27px auto 0 auto;
			width: 427px;
			height: 20px;
		}

			#splash h2 span {
				position: absolute;
				top: 0;
				left: 0;
				width: 427px;
				height: 20px;
				background: url("/hs/images/layout/titles/splash-subtitle2.gif") no-repeat;
			}

		#splash-box {
			position: relative;
			width: 425px;
			height: 160px;
			padding: 1px;
			margin: 55px auto 0 auto;
			background: url("/hs/images/layout/backgrounds/splash-box.gif") no-repeat;
		}
		
		#splash-box.email {
			position: relative;
			width: 425px;
			height: 260px;
			padding: 1px;
			margin: 55px auto 0 auto;
			background: url("/hs/images/layout/backgrounds/splash-box-sm.gif") no-repeat;
		}
		
			#splash-box .header
			{
				display : block;
				position: relative;
				text-align : center;
				left : 100px;
				top : 50px;
				height : 45px;
				background: url("/hs/images/layout/backgrounds/logo.png") no-repeat;
			}
			
			#splash-box .message {
				margin: 60px 0 20px 0;
				text-align: center;
				font: normal 16px/20px Arial, sans-serif;
				color: #67645f;
			}
			
			#splash-box .message-sm {
				margin: 60px 0 20px 0;
				text-align: center;
				font: normal 12px/18px Arial, sans-serif;
				color: #67645f;
			}

			#splash-box h3 {
				margin: 40px 0 30px 0;
				text-align: center;
				font: normal 16px/20px Arial, sans-serif;
				color: #67645f;
			}

			#splash-box .buttons {
				margin: 30px 0 70px 0;
				text-align: center;
			}

				#splash-box .buttons img {
					margin: 0 2px;
				}

			#splash-box .attention {
				margin: 0 0 5px 0;
				text-align: center;
				font: normal 16px/24px Arial, sans-serif;
				color: #c4c3c2;
				text-decoration: underline;
			}

			#splash-box .choice {
				text-align: center;
				font: normal 12px/16px Arial, sans-serif;
				color: #8e8e8f;
			}
			
			#splash-box .case-number
			{
				font-weight : bold;
				border : 1px solid #67645f;
				padding-left : 2px;
				padding-right : 2px;
				background-color : #ffffff;
			}
		
		#splash-box2 {
			position: absolute;
			z-index: 200;
			top: 200px;
			left: 353px;
			width: 242px;
			height: 163px;
			padding: 1px;
			margin: 55px auto 0 auto;
			background: url("/hs/images/layout/backgrounds/splash-box2.gif") no-repeat;
		}

			#splash-box2 h4 {
				margin: 31px 0 27px 0;
				padding: 0 20px;
				text-align: center;
				font: normal 16px/20px Arial, sans-serif;
				color: #67645f;
			}

			#splash-box2 .buttons {
				margin: 27px 0 0 0;
				text-align: center;
			}

				#splash-box2 .buttons img {
					margin: 0 2px;
				}
				
				#splash-box .close-buttons {
				margin: 27px 0 0 0;
				text-align: center;
			}

				#splash-box .close-buttons img {
					margin: 0 2px;
				}
			
	#footer {
		height: 54px;
		padding: 18px 0 0 0;
		background: #fff url("/hs/images/layout/backgrounds/footer-stripe.png") top repeat-x;
	}
		
		#footer p {
			font: normal 10px/12px Arial, sans-serif;
			color: #9b9da0;
			text-align: center;
			margin: 0;
		}
			
			#footer p a {
				color: #9b9da0;
				text-decoration: none;
			}
			
			#footer p a:hover {
				color: #373c42;
				text-decoration: underline;
			}
			
			#ihop-signup fieldset 
			{ 
				border :1px solid #67645f;
			}

			#ihop-signup legend 
			{
				padding: 0.2em 0.5em;
				color : #67645f;
				text-align:right;
 			}
 			
			#ihop-signup input,#ihop-signup select, #ihop-signup textarea
			{
				font: normal 10px/12px Arial, sans-serif;
				margin : 10px 0px 0px 0px;
				color: #67645f;
				<!--width : 200px;-->
				
				width: 114px;
				height: 13px;
				padding: 2px 2px 2px 4px;
				border: 1px solid #b5b5b6;
				font-size: 11px;
				background: url("/hs/images/layout/backgrounds/input.png") left top no-repeat;
			}
			
			#ihop-signup select, #ihop-signup input[type = "button"]
			{
				height: 20px;
			}
			
			#ihop-signup textarea
			{
				height: 53px;
			}
			
			#signupButton
			{
				width : 50px !important;
			}
			
			#ihop-signup fieldset 
			{
				padding: 1em;
				font:80%/1 sans-serif;
			}
			
			#ihop-signup label
			{
				float:left;
				margin : 10px 0px 0px 0px;
				width:35%;
				margin-right:0.5em;
				padding-top:0.2em;
				text-align:right;
				font-weight:bold;
			}
			
			#ihop-signup label span.required
			{
				color : #ff4f00;
				font-weight : bold;
			}