/*
Description: Primary styles for Interior Pages
Author: Travis Buck
Version: 0.1
.
General comments/License Statement if any.
.

[Table Of Contents]

1. Global
2. Header/Navigation
3. Left Column
4. Right Column
5. Form Styles
6. Footer

*/

@import url('reset.css');


/* 1. Global
--------------------------------------------------*/

body
{
	background: #000000 top center no-repeat url(../images/interior_page_bkg.jpg);
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#Container
{
	margin: auto;
	/*position: relative;*/
	width: 960px;
}

#ContainerWhite
{
	background: #FFFFFF;
	margin: auto;
	overflow: hidden;
	/*position: relative;*/
}

.MarginRight4
{
	margin-right: 4px;
}

blockquote 
{
	background: f7f7f7;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 20px;
}

ol 
{
	margin-bottom: 22px;
}

/* 2. Header/Navigation
--------------------------------------------------*/

#Header
{
	color: #323232;
	font-size: 12px;
	height: 60px;
	padding-left: 22px;
}

	h1.Logo
	{
		margin-left: -2px;
		width: 124px;
	}
	
	.Logo a
	{
		background: bottom no-repeat url(../images/listrak_logo.gif);
		display: block;
		height: 33px;
		padding-top: 15px;
		text-indent: -5000px;
		width: 124px;
	}
	
	#HeaderLinks
	{
		float: right;
		line-height: 14px;
		padding: 22px 26px 0 0;
	}
	
		#HeaderLinks a
		{
			color: #FFFFFF;
			text-decoration: none;
		}
		
		#HeaderLinks a:hover {color: #F5AF01;}
		
	a.SignIn
	{
		background: top no-repeat url(../images/btn_sign_in.gif);
		display: block;
		float: right;
		height: 60px;
		text-indent: -5000px;
		width: 95px;
	}
	
	a:hover.SignIn
	{
		background: bottom no-repeat url(../images/btn_sign_in.gif);
	}
	
	#SiteSearch
	{
		background: no-repeat url(../images/site_search.png);
		float: right;
		height: 34px;
		margin-top: 18px;
		width: 252px;
	}
	
		#SiteSearch input.SearchField
		{
			border: none;
			color: #555555;
			float: left;
			margin: 2px 0 0 4px;
			padding: 7px 10px 7px 10px;
			width: 194px;
		}
		
		#SiteSearch input.SearchButton
		{
			float: left;
			margin: 3px 0 0 3px;
		}
	
	#Navigation
	{
		list-style: none;
		overflow: hidden;
		padding: 24px 0 25px 22px;
	}
	
		#Navigation li
		{
			float: left;
		}
	
		a.Home
		{
			background: no-repeat top url(../images/nav_home.png);
			display: block;
			float: left;
			height: 19px;
			margin-right: 24px;
			text-indent: -5000px;
			width: 40px;
		}
		
		a:hover.Home {background: no-repeat bottom url(../images/nav_home.png);}
		
		a.Solutions
		{
			background: no-repeat top url(../images/nav_solutions.png);
			display: block;
			float: left;
			height: 19px;
			margin-right: 24px;
			text-indent: -5000px;
			width: 79px;
		}
		
		a:hover.Solutions {background: no-repeat bottom url(../images/nav_solutions.png);}
		
		a.Services
		{
			background: no-repeat top url(../images/nav_services.png);
			display: block;
			float: left;
			height: 19px;
			margin-right: 24px;
			text-indent: -5000px;
			width: 67px;
		}
		
		a:hover.Services {background: no-repeat bottom url(../images/nav_services.png);}
		
		a.Platform
		{
			background: no-repeat top url(../images/nav_platform.png);
			display: block;
			float: left;
			height: 19px;
			margin-right: 24px;
			text-indent: -5000px;
			width: 74px;
		}
		
		a:hover.Platform {background: no-repeat bottom url(../images/nav_platform.png);}
		
		a.Clients
		{
			background: no-repeat top url(../images/nav_clients.png);
			display: block;
			float: left;
			height: 19px;
			margin-right: 24px;
			text-indent: -5000px;
			width: 57px;
		}
		
		a:hover.Clients {background: no-repeat bottom url(../images/nav_clients.png);}
		
		a.Resources
		{
			background: no-repeat top url(../images/nav_resources.png);
			display: block;
			float: left;
			height: 19px;
			margin-right: 24px;
			text-indent: -5000px;
			width: 83px;
		}
		
		a:hover.Resources {background: no-repeat bottom url(../images/nav_resources.png);}
		
		a.About
		{
			background: no-repeat top url(../images/nav_about.png);
			display: block;
			float: left;
			height: 19px;
			margin-right: 24px;
			text-indent: -5000px;
			width: 49px;
		}
		
		a:hover.About {background: no-repeat bottom url(../images/nav_about.png);}
		
	#PageTitle
	{
		padding-left: 22px;
		width: 938px;
	}
			

/* 3. Left Column
--------------------------------------------------*/

#ContentLeft
{
	background: repeat-y right url(../images/div_shadow.gif);
	overflow: hidden;
	padding-left: 22px;
	width: 650px;
}

	#ContentLeft #ShadowBottom
	{
		background: no-repeat bottom right url(../images/div_shadow_bottom.gif);
		overflow: hidden;
		width: 650px;
	}

	#ContentLeft #ShodowTop
	{
		background: no-repeat top right url(../images/div_shadow_top.gif);
		overflow: hidden;
		padding: 48px 37px 80px 0;
		width: 613px;
	}
	
		#ContentLeft ul.Breadcrumbs
		{
			color: #555555;
			font-size: 12px;
			list-style: none;
			margin-bottom: 20px;
			margin-top: -34px;
			overflow: hidden;
			width: 613px;
		}
		
			.Breadcrumbs li
			{
				display:inline-block;
				float: left;
				line-height: 26px;
				padding-right: 10px;
			}
			
			a.Breadcrumb
			{
				background: no-repeat right url(../images/bkg_breadcrumb.gif);
				color: #bcbcbc;
				display:inline-block;
				height: 26px;
				line-height: 26px;
				padding-right: 16px;
				text-decoration: none;
			}
			
			a:hover.Breadcrumb
			{
				color: #0082C8;
			}
			
		#ContentLeft h2.Heading, #ContentLeft h3.Heading
		{
			color: #07379B;
			font-size: 24px;
			font-weight: normal;
			line-height: 30px;
			padding-bottom: 24px;
		}
		
		#ContentLeft h3.SubHeading
		{
			color: #252525;
			font-size: 18px;
			font-weight: normal;
			padding-bottom: 20px;
		}
		
		#ContentLeft h3.ParagraphHeader
		{
			padding-bottom:6px;	
		}
		
		#ContentLeft p.Subtext
		{
			color: #999999;
			font-size: 12px;
			font-style: italic;
			line-height: 16px;
			padding-bottom: 24px;
		}
	
		#ContentLeft p.TextContent
		{
			color: #111;
			font-size: 14px;
			line-height: 22px;
			padding-bottom: 20px;
		}
		
		#ContentLeft a.TextLink
		{
			color: #0082C8;
			text-decoration: none;
		}
		
		#ContentLeft a:hover.TextLink
		{
			color: #C22000;
		}
		
		#ContentLeft img.ImageLeft
		{
			float: left;
			margin: 6px 28px 28px 0;
		}
		
		#ContentLeft img.ImageRight
		{
			float: right;
			margin: 6px 0 28px 28px;
		}
		
		#ContentLeft ul.BulletPoints
		{
			/*list-style: decimal;*/
			list-style: outside none;
			margin-bottom: 24px;
		}
		
			#ContentLeft li.BulletPoint
			{
				background: top left no-repeat url(../images/bullet.gif);
				color: #111;
				font-size: 14px;
				line-height: 18px;
				padding: 4px 0 4px 30px;
			}
		
		.ContentDivider
		{
			margin: 10px 0 30px 0;
		}

		
	#ContentLeft .ResourcesSearch
	{
		background: no-repeat url(../images/resources_search.gif);
		height: 65px;
		width: 613px;
	}
	
		#ContentLeft .ResourcesSearch input.SearchField
		{
			border: none;
			color: #555555;
			float: left;
			margin: 18px 0 0 18px;
			padding: 7px 10px 7px 10px;
			width: 519px;
		}
		
		#ContentLeft .ResourcesSearch input.SearchButton
		{
			float: left;
			margin: 19px 0 0 10px;
		}
		
	#ContentLeft a.Listing
	{
		border-bottom: 1px dashed #D7D7D7;
		color: #464646;
		display: block;
		padding: 12px 0;
		text-decoration: none;
		width: 613px;
	}
	
	#ContentLeft a:hover.Listing {color: #0082C8;}
		
		#ContentLeft h3.ListingTitle
		{
			font-size: 14px;
			font-weight: bold;
			line-height: 20px;
			padding-bottom: 6px;
		}
		
		#ContentLeft p.ListingInfo
		{
			font-size: 12px;
			line-height: 18px;
		}
		
	#ContentLeft a.MoreLink
	{
		color: #0082C8;
		display: block;
		font-size: 14px;
		margin-top: 16px;
		text-decoration: none;
	}
	
	#ContentLeft a:hover.MoreLink {color: #C22000;}
	
	.Paging
	{
		overflow: hidden;
	}
	
		.Paging a.Previous
		{
			color: #0082C8;
			display: block;
			float: left;
			font-size: 14px;
			margin: 10px 12px 0 0;
			text-decoration: none;
		}
		
		.Paging a.PageNumber
		{
			color: #0082C8;
			display: block;
			float: left;
			font-size: 14px;
			margin: 10px 8px 0 0;
			text-decoration: none;
		}
		
		.Paging a.Current
		{
			color:#000;
		}
		
		.Paging a.Next
		{
			color: #0082C8;
			display: block;
			float: left;
			font-size: 14px;
			margin: 10px 0 0 4px;
			text-decoration: none;
		}
		
		.Paging a:hover {color: #C22000;}
	
	
/* 4. Right Column
--------------------------------------------------*/

#ContentRight
{
	float: right;
	padding: 46px 0 80px 0;
	width: 255px;
}

	#ContactExpert
	{
		border: 0px;
		margin-bottom: 30px;
	}
	
	#ViewWebinar
	{
		border: 0px;
		margin-bottom: 30px;
	}
	
	#RegisterWebinar
	{
		border: 0px;
		margin-bottom: 30px;
	}
	
	h3.RelatedLinks
	{
		background: no-repeat top url(../images/related_links.gif);
		display: block;
		height: 24px;
		margin-bottom: 2px;
		text-indent: -5000px;
		width: 255px;
	}
	
	ul.RelatedLinks
	{
		list-style: none;
		margin-bottom: 30px;
	}
	
	ul.RelatedLinks li
	{
		border-bottom: 1px dashed #D7D7D7;
		color: #555555;
		display: block;
		font-size: 12px;
		line-height: 18px;
		padding: 8px 0 8px 0;
		text-decoration: none;
		width: 255px;	
	}
	
	ul.RelatedLinks a
	{
		color: #60A301;
		text-decoration: none;
	}
	
	ul.RelatedLinks a:hover {color: #0082C8;}
	
	h3.WhitePaperSignup
	{
		background: no-repeat top url(../images/whitepaper_signup.gif);
		display: block;
		height: 24px;
		margin-bottom: 12px;
		text-indent: -5000px;
		width: 255px;
	}
	
	p.WhitePaperSignup
	{
        color: #363636;
		font-size: 12px;
		line-height: 16px;
		padding-bottom: 10px;
	}
	
	ul.WhitePaperSignupError li { font-size:12px; padding-bottom:6px; color:#500; }
	
	input.EmailAddress
	{
		border: solid 1px #D8D8D8;
		color: #555555;
		margin-bottom: 6px;
		padding: 5px;
		width: 242px;
	}
	
	input.RegisterButton
	{
		float: left;
		margin-right: 18px;
	}
	
	p.SignUpLinks
	{
		color: #D4D4D4;
		float: left;
		font-size: 12px;
		padding-top: 10px;
	}
		
		a.SignUpLinks
		{
			color: #959595;
			text-decoration: none;
		}
		
		a:hover.SignUpLinks {color: #F5AF01;}		

	h3.ClientTestimonial 
	{
		background: no-repeat top url(../images/client_testimonial.gif);
		display: block;
		height: 24px;
		margin-bottom: 12px;
		text-indent: -5000px;
		width: 255px;
	}
	
	div.ClientQuote
	{
		color:#555555;
        font-size:12px;
        line-height:18px;
        padding-bottom:8px;
	}
	
		div.ClientQuote p.ClientName 
		{
			color:#363636;
			text-align:right;
			font-size:12px;
			font-weight: bold;
			line-height: 16px;
			padding:8px 0;
		}
		
	h3.EventContact 
	{
		background: no-repeat top url(../images/event_contact.gif);
		display: block;
		height: 24px;
		margin-bottom: 12px;
		text-indent: -5000px;
		width: 255px;
	}

	h3.MediaContact 
	{
		background: no-repeat top url(../images/media_contact.gif);
		display: block;
		height: 24px;
		margin-bottom: 12px;
		text-indent: -5000px;
		width: 255px;
	}

/* 4. Form Styles
--------------------------------------------------*/

#ContentForm
{
	overflow: hidden;
	width: 613px;
}

	#ContentForm label.LabelLeft
	{
		color: #363636;
		display: block;
		float: left;
		font-size: 14px;
		line-height: 18px;
		padding: 0 30px 6px 1px;
		width: 290px;
	}

	#ContentForm input.FormFieldLeft, #ContentForm textarea.FormFieldLeft
	{
	    border: 1px solid #D8D8D8;
	    float: left;
	    margin: 0 30px 10px 0;
	    padding: 5px;
	    width: 278px;
	}
	
	#ContentForm label.LabelRight
	{
		color: #363636;
		display: block;
		float: left;
		font-size: 14px;
		line-height: 18px;
		padding: 0 0 6px 1px;
		width: 290px;
	}

	#ContentForm input.FormFieldRight
	{
	    border: 1px solid #D8D8D8;
	    float: left;
	    margin-bottom: 10px;
	    padding: 5px;
	    width: 281px;
	}
	
	#ContentForm select.FormFieldLeft
	{
	    border: 1px solid #D8D8D8;
	    float: left;
	    margin: 0 30px 10px 0;
	    padding: 5px;
	    width: 290px;
	}
	
	#ContentForm select.FormFieldRight
	{
	    border: 1px solid #D8D8D8;
	    float: left;
	    margin-bottom: 10px;
	    padding: 5px;
	    width: 293px;
	}
	
	#ContentForm label.TextFieldLabel
	{
		color: #363636;
		display: block;
		float: left;
		font-size: 14px;
		line-height: 18px;
		padding: 10px 0 6px 1px;
		width: 611px;
	}
	
	#ContentForm textarea.TextField
	{
		border: 1px solid #D8D8D8;
		margin-bottom: 14px;
		padding: 5px;
		width: 601px;
	}
	
	#ContentForm label.checkboxLabel
	{
		color: #363636;
		font-size: 14px;
		line-height: 18px;
		padding: 10px 0 6px 1px;
	}
	
	#ContentForm p.FinePrint
	{
		color: #7D7D7D;
		font-size: 11px;
		line-height: 14px;
		padding-bottom: 10px;
	}
	
	#ContentForm input.RegisterButton
	{
		margin-top: 10px;
	}
	
	#ContentForm .FormError
	{
		background: #FFF2F2;
		margin-bottom: 20px;
		padding: 20px 20px 6px 20px;
		width: 572px;
	}
	
		.FormError li
		{
			color: #FF0000;
			font-size: 12px;
			line-height: 14px;
			padding-bottom: 14px;
		}
	
	.CheckboxLabel {
		color:#363636;
		font-size:14px;
		line-height:18px;
	}
	
/* 6. 404/500
--------------------------------------------------*/

#ContentLeft img.Missing
{
	float: left;
	margin: 10px 0 10px 0;
}

#ContentLeft p.MissingText
{
	color: #363636;
	float: left;
	font-size: 14px;
	text-align: center;
	width: 613px;
}

#ContentLeft img.Error
{
	float: left;
	margin: 10px 0 30px 0;
}

#ContentLeft p.ErrorText
{
	color: #363636;
	float: left;
	font-size: 14px;
	text-align: center;
	width: 613px;
}

/* 5. Footer
--------------------------------------------------*/

#FooterLeft
{
	float: left;
	margin-top: 24px;
	overflow: hidden;
	padding-bottom: 80px;
	width: 470px;
}

	ul.FooterNav
	{
		color: #383838;
		font-size: 12px;
		list-style: none;
	}
	
		.FooterNav li.Link
		{
			background: no-repeat top right url(../images/footer_nav_divider.gif);
			display: block;
			float: left;
			margin-right: 8px;
			padding-right: 8px;
		}
		
		.FooterNav li.LastLink
		{
			display: block;
			float: left;
		}
		
		a.FooterNavLink
		{
			color: #FFFFFF;
			text-decoration: none;
		}
	
		a:hover.FooterNavLink {color: #F5AF01;}
		
	#SocialMediaLinks
	{
		clear: left;
		width: 120px;
	}
	
		#SocialMediaLinks p
		{
			color: #898989;
			font-size: 11px;
			padding: 14px 0 5px 0;
		}
	
		#SocialMediaLinks img
		{
			border: 0px;
			float: left;
			margin-right: 8px;
		}
		
#FooterRight
{
	float: right;
	margin-top: 24px;
	overflow: hidden;
	padding-bottom: 80px;
	width: 490px;
}

	#FooterRight img
	{
		border: 0px;
		float: right;
		margin-left: 12px;
	}
	
	#FooterRight p
	{
		color: #D7D7D7;
		float: right;
		font-size: 10px;
		padding-top: 14px;
	}