/* 
LiveChatIndex
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

/*--------------------------------------------
Global
---------------------------------------------*/
* { margin: 0; padding: 0;}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans;
	background: #dcd6c6 url('../images/backgrounds/body.jpg') repeat-x top;
	color: #767676;
}
div#wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
div#header { }
	div#header div.logo {
		float: left;
	}
	div#header div.nav {
		float: right;
	}
		div#header div.nav ul{ list-style: none; margin-top: 20px; }
			div#header div.nav ul li{
				float: left; 
				margin-left: 20px;
				padding-left: 20px;
				font-size: 14px;
				background: url('../images/backgrounds/nav-separator.gif') no-repeat left;
			}
			div#header div.nav ul li.first{ background: none; }
			div#header div.nav ul li.account { 
				border: 0; 
				padding: 5px 10px 5px 10px; 
				-moz-border-radius: 6px;
				margin-top: -5px;
				background: #000;
				position: relative;
			}
			div#header div.nav ul li.border { -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; }
				div#header div.nav ul li.account ul {
					padding: 10px 10px 10px 0px; 
					background: #000; 
					position: absolute; 
					width: 150px; 
					right: 0;
					top: 5px;
					-moz-border-radius-topleft: 8px;
					-moz-border-radius-bottomleft: 8px;
					-moz-border-radius-bottomright: 8px;
					display: none;
				}
					div#header div.nav ul li.account ul li{
						background: none;
						padding: 0;
						margin-bottom: 4px;
					}
					div#header div.nav ul li.account ul li.spacer{ border-top: 1px solid #222; height: 10px; text-indent: -99999px; width: 130px; margin-top: 6px; margin-bottom: 0; }
						div#header div.nav ul li.account ul li a{
							background: none;
							font-size: 12px;
							padding: 0;
							color: #ccc;
						}
							div#header div.nav ul li.account ul li a:hover{ color: #fff; }
				div#header div.nav ul li.account a { 
					color: #fff; 
					background: url('../images/icons/account_arrow.gif') no-repeat right;
					padding-right: 20px;
				}
			div#header div.nav ul li a { color: #b1a890; text-decoration: none;}
			div#header div.nav ul li.active a { color: #fff; }
div#page_container { float: left; margin-top: 15px; background: #fff; width: 960px; }
	div#page_container div.top {
		background: url('../images/backgrounds/page-rounded_top.gif') no-repeat top;
		height: 10px;
	}
	div#page_container div.content {
		padding: 10px 20px 10px 20px;
	}
		div#page_container div.content div.content_left{
			float: left;
			width: 625px;
		}
		div#page_container div.content div.content_right{
			float: right;
			width: 260px;
		}
			div#page_container div.content div.content_right div.container{	margin: 20px 0px 20px 0px; }
				div.content_right div.container ul.menu{ 
					list-style: none; 
					margin-bottom: 10px; 
					padding: 20px;
					background: #d4edf7;
					border-radius: 8px;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
					-khtml-border-radius: 8px;
				}
				div.content_right div.container ul.menu li { border-bottom: 1px solid #b1e3f7; padding-bottom: 8px; margin-bottom: 8px; }
				div.content_right div.container ul.menu li a{ color: #1d3c4a; text-decoration: none; font-weight: bold; }
				div.content_right div.container ul.menu li a:hover { color: #000; }
				div.content_right div.container ul.menu li a.active { color: #2C83A5; }
				div.content_right div.container ul.menu li.current { color: #f00; }
				div.content_right div.container ul.menu li.last{ border: none; margin-bottom: 0; padding: 0; }
				div.content_right div.container div.rate { margin-top: 20px; }
				div.content_right div.container div.rate img{ margin-top: 10px; }
				div.content_right div.social img{
					margin-right: 5px;
					margin-left: 5px;
				}
	div#page_container div.bottom {
		background: url('../images/backgrounds/page-rounded_bottom.gif') no-repeat bottom;
		height: 10px;
	}
div#footer {
	background: url('../images/backgrounds/footer.jpg') no-repeat top;
	height: 253px;
	clear: both;
	float: left;
	margin-top: 20px;
	width: 960px;
	margin-bottom: 30px;
}
	div#footer div.left,
	div#footer div.middle,
	div#footer div.right {
		float: left;
		width: 270px;
		margin-top: 25px;
	}
	div#footer div.left{ margin-left: 25px; }
		div#footer div.left img { float: left; margin-right: 10px; }
		div#footer div.left span { display: block; font-size: 14px; font-weight: normal; margin-bottom: 5px; }
		div#footer div.left p { margin-bottom: 20px; }
		div#footer div.left a { margin-right: 5px; }
	div#footer div.middle{margin-left: 45px; }
		div#footer div.middle span { display: block; font-size: 14px; font-weight: normal; margin-bottom: 5px; }
	div#footer div.right{ margin-left: 50px; }
		div#footer div.right img {
			margin-right: 5px;
			margin-bottom: 5px;
		}
	div#footer a {
		color: #333;
		font-weight: bold;
		text-decoration: none;
		border-bottom: 1px solid #333;
	}
	div#footer a:hover { border: none; }
/*--------------------------------------------
Homepage
---------------------------------------------*/
div#main_graphic {
	margin-bottom: 25px;
	background: url('../images/graphics/home_graphic_collage.jpg') no-repeat center;
	width: 630px;
	height: 274px;
	position: relative;
}
	div#main_graphic h1{
		color: #fff;
		position: absolute;
		top: 70px;
		left: 130px;
		font-size: 30px;
		font-weight: normal;
		font-family: "Trebuchet MS";
	}
	div#main_graphic h2 {
		position: absolute;
		top: 140px;
		color: #9a9a9a;
		font-size: 18px;
		left: 100px;
	}
	div#main_graphic .buttons {
		position: absolute;
		bottom: 30px;
		left: 120px;
	}
		div#main_graphic .buttons img{ margin-right: 20px; }
div.weekly_pick {
	float: left;
	width: 290px;
}
div.latest_interview {
	float: right;
	width: 290px;
}
	div.weekly_pick h2,
	div.latest_interview h2 { font-size: 14px; font-weight: bold; color: #222; }
	div.weekly_pick span.name,
	div.latest_interview span.name {
		font-size: 14px;
		color: #888;
	}
	div.weekly_pick p,
	div.latest_interview p {
		font-size: 11px;
		color: #555;
		margin-top: 5px;
	}
	div.weekly_pick img,
	div.latest_interview img {
		float: right;
		margin-top: -12px;
	}
div.content_right div.container ul.categories{ 
	list-style: none; 
	margin-bottom: 10px; 
	padding: 10px 20px 20px 20px;
	background: #d4edf7;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
}
	div.content_right div.container ul.categories li { padding-bottom: 0px; margin-bottom: 8px; }
	div.content_right div.container ul.categories li.title {
		border: none;
		color: #222;
		font-size: 14px;
		padding-top: 10px;
	}
	div.content_right div.container ul.categories li a { color: #56544b; border-bottom: 1px solid #56544b; text-decoration: none; }
	div.content_right div.container ul.categories li a:hover { border: none; }
a.twitter_link {
	background: url('../images/icons/twitter_48.png') no-repeat left;
	font-size: 13px;
	text-decoration: none;
	color: #555;
	font-weight: bold;
	padding: 10px 0px 10px 55px; 
}
a.twitter_link:hover {
	color: #000;
}
div#news_home {
	margin-top: 30px;
}
	div#news_home h2 { font-size: 14px; font-weight: bold; color: #222; margin-bottom: 13px; }
	div#news_home ul { list-style: none; }
		div#news_home ul li {
			border-bottom: 1px solid #ddd;
			padding: 4px 0px 10px 0px;
		}
		div#news_home ul li span{ float: right; margin-top: 7px; color: #999; }
		div#news_home ul li img.icon {
			float: left;
			margin-right: 15px;
			margin-top: 5px;
		}
		div#news_home ul li div.left {
			float: left;
			width: 400px;
		}
		div#news_home ul li p { font-size: 11px; } 
		div#news_home ul li a {
			color: #2C83A5;
			text-decoration: none;
		}
			div#news_home ul li a:hover { color: #333; }
			div#news_home ul li a img{
				width: 18px;
				height: 18px;
				position: relative;
				top: 4px;
				left: 5px;
			}
	 	div#news_home ul li.first p { margin-top: 3px; }
		div#news_home ul li.first span { margin-top: 25px; }
/*--------------------------------------------
Article / News
---------------------------------------------*/
div.entry {
	margin-bottom: 30px;
}
	div.entry div.article{
		margin: 20px 0px 10px 0px;
	}
	div.entry h1 { margin-bottom: 5px; }
	div.entry p {
		color: #666;
		margin-top: 20px;
		line-height: 19px;
	}
div.related {
	padding-left: 40px;
	background: url('../images/icons/related.gif') no-repeat left top;
}
	div.related a { color: #2c83a5; display: block; margin-bottom: 10px; font-size: 13px; }
div.news_entry {
	margin: 0px 0px 20px 0px;
}
	div.news_entry a{
		display: block;
		text-decoration: none;
		font-size: 14px;
		color: #2C83A5;
		margin-bottom: 5px;
	}
		div.news_entry a:hover{ color: #222; }
	div.news_entry p{
		margin-top: 5px;
	}
/*--------------------------------------------
Directory
---------------------------------------------*/
div#a_z {
	background: url('../images/backgrounds/a_z.jpg') no-repeat center;
	width: 920px;
	height: 80px;
	margin-bottom: 20px;
}
	div#a_z div.inner{
		padding: 10px 10px 0px 15px;
	}
	div#a_z a {
		padding: 4px 7px 4px 7px;
		background: #f8c3bf;
		color: #ce4e3d;
		font-size: 16px;
		text-decoration: none;
		font-weight: bold;
		margin-right: 5px;
	}
	div#a_z a:hover { color: #333; }
div#featured {}
	div#featured div.left,
	div#featured div.right {
		background: #d4edf7;
		padding: 10px;
		width: 430px;
		position: relative;
	}
	div#featured div.left {
		float: left;
	}
	div#featured div.right {
		float: right;
	}
		div#featured div.left img,
		div#featured div.right img{
			float: left;
			margin-top: 7px;
		}
		div#featured div.left div.info,
		div#featured div.right div.info{
			float: right;
			margin-top: 3px;
			width: 290px;
		}
		div#featured div.left span,
		div#featured div.right span{
			margin-right: 5px;
		}
		div#featured div.featured {
			background: url('../images/backgrounds/featured_tag.png') no-repeat	left;
			height: 84px;
			width: 92px;
			position: absolute;
			top: 0;
			left: 0;
		}
div#listings { margin-top: 20px; }
div#listings div.row {
	padding: 10px;
}
	div#listings div.color { background: #f0f0f0; }
	div#listings div.row div.col{ float: left; }
	div#listings div.row div.screenshot {
		width: 115px;
	}
	div#listings div.row div.name {
		width: 155px;
		padding-top: 10px;
	}
		div.name span a{ 
			color: #8eba69; 
			text-decoration: none; 
			font-size: 11px; 
			padding-left: 22px;
			background: url('../images/icons/reviews.png') no-repeat left;
			display: block;
			height: 15px;
			margin-top: 10px;
		}
	div#listings div.row div.desc {
		width: 275px;
		padding-top: 5px;
		padding-right: 30px;
	}
	div#listings div.row div.stats {
		width: 175px;
		line-height: 20px;
	}
	div#listings div.row div.info {
		width: 135px;
		padding-top: 12px;
	}
		div#listings div.row div.info a{
			background: url('../images/icons/more_info.png') no-repeat left;
			display: block;
			height: 30px;					
			font-weight: bold;
			font-size: 14px;
			text-decoration: underline;
			padding-left: 38px;
			padding-top: 10px;
			color: #000;
		}
			div#listings div.row div.info a:hover{ text-decoration: none; }
/*--------------------------------------------
Interviews
---------------------------------------------*/
div#interviews { margin-top: 10px; }
div#interviews div.interview { margin-bottom: 30px; }
	div#interviews div.left {
		float: left;
		width: 420px;
		border-right: 1px solid #eaeaea;
	}
	div#interviews div.right {
		float: right;
		width: 440px;
		padding-left: 20px;
	}
	div#interviews div.company img {
		float: left;
		margin-right: 10px;
	}
	div#interviews div.company span {
		margin-bottom: 12px;
		display: block;
	}
/*--------------------------------------------
Company
---------------------------------------------*/
div.company_overview {
	margin-bottom: 30px;
}
	div.company_overview h1 { margin-bottom: 5px; }
	div.company_overview span.slogan { font-size: 18px; color: #000; }
	div.company_overview .compamy_summary { font-size: 14px; color: #888; line-height: 20px; margin-bottom: 30px; margin-top:15px; }
	div.company_overview p {
		color: #666;
		margin-top: 20px;
		line-height: 20px;
	}
	div.company_overview img.company_thumb {
		border: 1px solid #d5dce6;
		padding: 5px;
	}
div.company_meta div.categories {
	background: url('../images/backgrounds/categories.gif') no-repeat left;
	width: 300px;
	height: 81px;
	float: left;
	margin-right: 20px;
}	
div.company_meta div.pricing {
	background: url('../images/backgrounds/pricing.gif') no-repeat left;
	width: 300px;
	height: 81px;
	float: left;
}
div.company_meta div.inner {
	padding: 45px 0px 0px 40px;
	font-size: 14px;
}
div.company_meta div.pricing div.inner { padding-left: 50px; }
div.company_meta a { 
	color: #2c83a5;
}
div.company_meta a:hover { 
	text-decoration: none;
}
div.screenshots {
	margin-bottom: 10px; 
	padding: 10px 5px 0px 5px;
	background: #D4EDF7;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
}
div.screenshots h3 { 
	font-size: 12px; 
	border-bottom: 1px solid #ddd; 
	font-weight: bold; 
	padding: 5px 0px 5px 0px; 
	margin: 0px 10px 10px 10px; 
	color: #333;
}
div.screenshots a img {
	margin: 0px 0px 10px 10px;
	border: 1px solid #d5dce6;
	padding: 4px;
}
/* Interview */
div.company_interview h3 { 
	font-size: 15px;
	color: #555;
}
div.company_interview p { 
	margin-bottom: 30px;
}
/* Member Reviews */
div.company_review_summary {
	background: url('../images/backgrounds/member_reviews.jpg') no-repeat;
	height: 150px;
	width: 601px;
	margin-bottom: 5px;
	padding: 20px 0px 10px 10px;
}
	div.company_review_summary ul.rating { list-style: none; padding-bottom: 30px; }
		div.company_review_summary ul.rating li { float: left; }
		div.company_review_summary ul.rating li.name { width: 260px; color: #fff; font-size: 13px; font-weight: bold; }
		div.company_review_summary ul.rating li.stars { width: 240px; }
		div.company_review_summary ul.rating li.desc { color: #f7a29d; font-size: 11px; padding-top: 5px; }
div.leave_review {
	text-align: right;
	width: 480px;
	float: right;
	margin-bottom: 20px;
	margin-right: 20px;
}
	div.leave_review span{
		margin-top: 15px;
		display: block;
		float: left;
		font-size: 14px;
	}
	div.leave_review img{
		float: right;
	}
div.company_reviews div.review {
	margin-bottom: 35px;
}
	div.company_reviews div.review h3 {
		font-size: 14px;
		margin-bottom: 5px;
	}
	div.company_reviews div.review span.meta { font-size: 11px; }
	div.company_reviews div.review p { margin-top:10px; }
	.star-rating,
	.star-rating a:hover,
	.star-rating a:active,
	.star-rating a:focus,
	.star-rating .current-rating{
	background: url('../images/icons/stars.png') left -1000px repeat-x;
	}
	.star-rating{
	position: relative;
	width: 200px;
	height: 20px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: 0px 1px;
	margin-top:-3px;
	}
	.star-rating li{
	display: inline;
	}
	.star-rating span,
	.star-rating .current-rating{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 20px;
	line-height: 20px;
	outline: none;
	overflow: hidden;
	border: none;
	}
	.star-rating a:hover,
	.star-rating a:active,
	.star-rating a:focus{
	background-position: 0px -21px;
	}
	.star-rating a.one-stars{
	width: 10%;
	z-index: 11;
	}
	.star-rating a.two-stars{
	width: 20%;
	z-index: 10;
	}
	.star-rating a.three-stars{
	width: 30%;
	z-index: 9;
	}
	.star-rating a.four-stars{
	width: 40%;
	z-index: 8;
	}
	.star-rating a.five-stars{
	width: 50%;
	z-index: 7;
	}
	.star-rating a.six-stars{
	width: 60%;
	z-index: 6;
	}
	.star-rating a.seven-stars{
	width: 70%;
	z-index: 5;
	}
	.star-rating a.eight-stars{
	width: 80%;
	z-index: 4;
	}
	.star-rating a.nine-stars{
	width: 90%;
	z-index: 3;
	}
	.star-rating a.ten-stars{
	width: 100%;
	z-index: 2;
	}
	.star-rating .current-rating{
	z-index: 1;
	background-position: bottom left;
	}
	.star-ratings-block {
	font-size: .75em;
	text-align: center;
	width: 100%;
	}	
div#review_form div.provider_left{
	width: 190px;
}	
div#review_form div.provider_right{
	width: 380px;
}
/*--------------------------------------------
Company Backend
---------------------------------------------*/
div#login h3 { font-size: 20px; color: #222; }
div#login h3 img { position: relative; top: 3px; }
div#login div.left {
	float: left;
	width: 400px;
}
	div#login div.left div.blue_box{
		padding: 20px 15px 15px 15px;
		background: #D4EDF7;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	div#login div.remember { margin-top: 28px; float: left; }
	div#login div.remember input { margin-right: 5px; }
	div#login div.left hr { margin-top: 10px; }
	div#login div.left a { color: #2c83a5; }
div#login div.right {
	float: right;
	width: 480px;
	margin-top: -5px;
}
	div#login div.right p { font-size: 14px; line-height: 22px; margin-bottom: 20px; }
	div#login div.right div.highlight {
		padding: 5px 5px 5px 15px;
		background: #f4f2e9;
		margin-top: 25px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
		div#login div.right div.highlight a { color: #666; }
		div#login div.right div.highlight span { display: block; float: left; margin-top: 12px; }
		div#login div.right div.highlight input { float: right; margin-right: 15px; }
div#login label{ font-weight: bold; font-size: 13px; display: block; margin-bottom: 3px; }
input.textField,
textarea.textField { padding: 5px; font-size: 13px; border: 1px solid #ccc; border-top-width: 2px; width: 350px; }
div#login input.submit { float: right; margin-top: 15px; }
div.provider_left {
	float: left;
	width: 155px;
}
	div.provider_left p{ text-align: right; font-size: 14px; }
div.provider_right {
	float: right;
	width: 450px;
}
	div.provider_right p{ }
div.provider_single {
	font-size: 12px;
	margin-bottom: 40px;
}
	div.provider_single span{ font-size: 14px; display: block; margin-bottom: 10px; }
div.spacer { margin-bottom: 30px; }
div.summary {
	background: #F6FBFD;
	padding: 8px;
	border: 1px solid #eaeaea;
	width: 348px;
	margin-bottom: 10px;
	line-height: 18px;
}
a#editInfo {
	float: right;
	padding: 5px 24px 5px 10px;
	background: #eaeaea url('../images/icons/edit.png') no-repeat 75px 3px;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #555;
	margin-top: -30px;
}
	a#editInfo:hover { color: #000; background-color: #ccc; }
/*--------------------------------------------
Typography
---------------------------------------------*/
h1, h2, h3, h4 { margin-bottom: 10px; }
h1 {
	font-size: 25px;
	color: #2c83a5;
	font-weight: normal;
}
h2,
h2 a {
	color: #1d3c4a;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 5px;
	text-decoration: none;
}
h3 {
	font-size: 17px;
	font-weight: normal;
	color: #56544b;
	margin-bottom: 10px;
}	
h4 {
	font-size: 20px;
	font-weight: normal;
	color: #363532;
	margin-bottom: 18px;
}
h5 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 13px;
}
p {
	line-height: 18px;
	margin-bottom: 10px;
}
span.blue { color: #2c83a5; font-weight: bold; }
span.meta { color: #bd7f2b; }
span.meta a{ color: #bd7f2b; display: inline; font-size: 12px; }
span.small { font-size: 11px; display: block; margin-top: 3px; }
/*--------------------------------------------
Misc
---------------------------------------------*/
hr {
	border: 0;
	height: 1px;
	background: #ccc;
	margin-bottom: 10px;
}
.clear { clear: both; }
a {outline: none;}
img { border: 0; }
/*--------------------------------------------
Validation
---------------------------------------------*/
div#errorExplanation {
  background: #F4F2E9;
	padding: 10px;
	position: relative;
	margin-bottom: 20px;
}
div#errorExplanation ul{
	list-style:circle;
	padding-left: 15px;
}
	div#errorExplanation ul li{
		line-height: 18px;
	}
/*--------------------------------------------
Pagination
---------------------------------------------*/
div#pagination{
	padding: 2px;
}
	div#pagination ul{
		margin: 0;
		padding: 0;
		text-align: center;
		font-size: 12px;
		font-family: tahoma;
	}
		div#pagination li{
			list-style-type: none;
			display: inline;
			padding-bottom: 1px;
		}
		div#pagination a, .pagination a:visited{
			padding: 5px;
			border: 1px solid #eaeaea;
			text-decoration: none; 
			color: #4e4e4e;
			background: #F7F7F7;
		}
		div#pagination a:hover, #pagination a:active{
			border: 1px solid #eaeaea;
			color: #4e4e4e;
			background: #eaeaea;
		}
		div#pagination li.currentpage{
			background-color: #DCD6C6;
			color: #666 !important;
			border-color: #53b9d7;
			font-weight: bold;
			cursor: default;
			padding: 5px;
		}
		div#pagination a.disablelink, .pagination a.disablelink:hover{
			background-color: white;
			cursor: default;
			color: #929292;
			border-color: #929292;
			font-weight: normal !important;
		}
		div#pagination a.prevnext{ font-weight: bold;}