/*
ElderLawAnswers.com
--

*/

/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:10px;}
.mod .inner{/*background: url(skin/transparent.png) repeat left top;*/}
.bd,.ft, .hd{overflow:hidden; *overflow:visible; zoom:1;}
b.top, b.top b, b.bottom, b.bottom b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;}
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{float:right;margin-right:-10px;_display:inline; /*fix double margin bug*/ }

/* ====== media (requires mod.css) ====== */
.media{overflow:hidden;*overflow:visible;zoom:1;}
.media .img{float:left;margin-right: 20px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}

.thumbnail { max-height: 60px; overflow: hidden; }

/* OO CSS mods */
.media .img-right{float:right;margin-left: 20px;}


/* http://css-tricks.com/css-transparency-settings-for-all-broswers/ */
.transparent-60 {
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.5;
}


/* ----- STICKY FOOTER - http://www.cssstickyfooter.com/using-sticky-footer-code.html ----- */
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {
	overflow:hidden;  /* switched from "auto" to "hidden" for IE8 */
	padding-bottom: 260px;}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -260px; /* negative value of footer height */
	height: 260px;
	clear:both;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

/* **************** BLUEPRINT **************************************************************** */
/* background image forces us to adjust some "span-" widths set by blueprint */
.span-6{width: 315px;}
.span-7{width: 350px;}
.span-17{width: 650px;}
.span-24{width: 1010px;}


/* **************** TAGS **************************************************************** */

/* html, */
body{min-width:1050px;}

body{
	margin:0;
	color:#333333;
	font:14px/18px Arial, Helvetica, sans-serif;
	height:100%;
	background:#ffffff url('/images/bkgd.png') repeat-y 50% 0;
}

h1,
h2,
h3,
h4{
	font-family: Adamina, Times, serif;
	margin-bottom: 10px;
}

h1{font-size: 30px; color: #4b6975; line-height: 40px;}
h2{font-size: 24px; line-height: 30px;}
h3{font-size: 16px; line-height: 20px; color: #666666;}

p{color: #333333; line-height: 22px;}
a{
	text-decoration: none;
	color: #2c91b9;
}

a:focus,
a:hover{
	text-decoration: underline;
	color: #63b2d1;
}

input,
input[type=text],
input[type=submit]{margin: 0; padding: 0;}

/* **************** LINKS **************************************************************** */
a.arrow{
	font-family: "myriad pro", arial, san-serif;
	font-size: 16px;
	font-weight: 500;
}

a.arrow .icon{
	background: url('/images/sprites.png') no-repeat 0 -168px;
	margin-left: 5px;
	text-indent: -9999px;
	height: 20px;
	width: 20px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 20px;
}

a.arrow:hover .icon,
a.arrow:focus .icon{background: url('/images/sprites.png') no-repeat -21px -168px;}

a.arrow .icon.plus{	background: url('/images/sprites.png') no-repeat 0 -693px;}
a.arrow:hover .icon.plus,
a.arrow:focus .icon.plus{background: url('/images/sprites.png') no-repeat -21px -693px;}

a.arrow .icon.minus{	background: url('/images/sprites.png') no-repeat 0 -1004px;}
a.arrow:hover .icon.minus,
a.arrow:focus .icon.minus{background: url('/images/sprites.png') no-repeat -20px -1004px;}

a.arrow.alt-b{color: #999999;}
a.arrow.alt{color: #e0651b;}
a.arrow.alt .icon{background: url('/images/sprites.png') no-repeat 0 -188px;}
a.arrow.alt:hover,
a.arrow.alt:focus{color: #eb8548;}
a.arrow.alt:hover .icon,
a.arrow.alt:focus .icon{background: url('/images/sprites.png') no-repeat -21px -188px;}

a.arrow.alt .icon-small{
	background: url('/images/sprites.png') no-repeat 0 -1442px;
	width: 13px;
	margin-left: 5px;
	text-indent: -9999px;
	display: -moz-inline-stack;
	display: inline-block;
}
a.arrow.alt:hover .icon-small,
a.arrow.alt:focus .icon-small{background: url('/images/sprites.png') no-repeat -13px -1442px;}

/* **************** ul GLOBAL **************************************************************** */
ul.nobullet{list-style: none; margin: 0; padding: 0;}

ul.horiz {margin: 0;list-style: none;}
ul.horiz li{display: inline;}
ul.horiz li.last{border: none;}

.clearfix {
	clear: both;
}




/* **************** HEADER **************************************************************** */
.header{
	margin: 0 -15px 0;
	padding: 5px 30px 5px;
	height: 110px;
	width: 1020px;
	background: #ffffff;
}

/* logo / tagline */
.logo{margin-top: 32px; float: left;}
.logo h1{
	display: block;
	text-indent: -9999px;
	background: url('/images/elder-law-answers-logo.png') no-repeat;
	width: 409px;
	height: 37px;
	margin-bottom: 5px;
}

.logo h3{
	font-family: "myriad pro", arial, san-serif;
	font-size: 16px;
	color: #666666;
}


.header-rt{
	width: 500px;
	float: right;

}

/* search */
.search{
	float: right;
	height: 30px;
}

.search ul{
	margin-top: 5px;
	margin-right: 10px;
	float: right;
}
.search li{border-right: 1px solid #cccccc;}

.search a{
	color: #666666;
	padding: 0 5px 0 5px;
	font-size: 12px;
}

.search form{
	float: right;
	position: relative;
	height: 30px;
	margin-top: 5px;
	margin-right: 30px;
}

.search .form-item{display: inline;}

.search form input[type=text]{
	border: 1px solid #999999;
	padding: 1px 0 1px 5px;
	width: 135px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}
.search form .submit-wrapper{
	position: absolute;
	top: 0;
	left: 150px;
}
.search form input[type=submit]{
	background: none repeat scroll 0 0 transparent;
	border: none;
	font-weight: bold;
	color: #ffffff;
	background-color: #2c91b9;
	font-size: 12px;
	margin-left: -10px;
	height: 25px;
	padding: 0 5px 0 5px;
}
.search form input[type=submit]:hover,
.search form input[type=submit]:focus{background-color: #63b2d1;}

/* trust icons */
.trust-icons{
	float: right;
	font-family: Adamina, Times, serif;
	color: #496773;
	margin-top: 25px;
}

.trust-icons a{
	cursor:default;
}

.trust-icons .wsj{
	text-indent: -9999px;
	background: url('/images/sprites.png') no-repeat 0 -36px;
	width: 44px;
	height: 45px;
	margin: 0 15px 0 8px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 45px;

}

.trust-icons .forbes{
	text-indent: -9999px;
	background: url('/images/sprites.png') no-repeat 0 -81px;
	width: 92px;
	height: 24px;
	margin-right: 15px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 24px;
}

.trust-icons .cbs{
	text-indent: -9999px;
	background: url('/images/sprites.png') no-repeat 0 0;
	width: 135px;
	height: 36px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 36px;
}




.breadcrumbs ul{margin: 10px 0 10px 0; padding-left: 0;}
.breadcrumbs ul li a{color: #666666;}
.breadcrumbs ul li a.home{color: #999999;}

.pagination ul{margin: 10px 0 10px 0; padding-left: 0;}
.pagination ul li{color: #999999;}
.pagination ul li a{border-right: 1px solid #dddddd; padding: 0 5px 0 5px;}
/*.pagination ul li.last a{border-right: none;} inefficient*/

.pagination.bottom ul{background: url('/images/dotted-line.png') repeat-x; margin-top: 15px; padding-top: 15px;}


/* **************** BODY **************************************************************** */
.body{
	padding: 5px 15px 5px 15px;
	width: 1010px;
}

.container {
  width: 1040px;
}

/* **************** MAIN BOXES **************************************************************** */

.box {
	padding: 10px 10px 10px 20px;
	margin: 0;
	background: #e5e5e5;
	float: left;
	height: 300px;
	width: 240px;
	background: url('/images/box-bkgd.png') no-repeat;
}

.box h2,
.search-include h2{
	color: #e0651b;
	font-size: 30px;
	line-height: 30px;
}

.box h2 span,
.search-include h2 span{
	color: #000000;
	font-size: 16px;
}

/* find assistance */
.box.find-assistance{
	padding: 0;
	background: url('/images/photo-maincouple.jpg') no-repeat;
	width: 380px;
	height: 320px;
	display: block;
	margin-right: 10px;
	margin-left: -10px;
}
.box.find-assistance .heading{
	float: right;
	text-align: right;
	margin-top: 5px;
	margin-right: 15px;
}
.box.find-assistance h2{
	color: #4b6975;
	line-height: 40px;
	-moz-text-shadow: 1px 1px 8px #6da2ab;
	-webkit-text-shadow: 1px 1px 8px #6da2ab;
	text-shadow: 1px 1px 8px #6da2ab;
}

/* browse local */
.box.browse-local{
	margin-right: 10px;
	background: url('/images/box-bkgd-warrow.png') no-repeat;
}


/* search local */
.box.search-local{margin-right: -10px;}
.box.search-local .link-container{
	position: relative;
	bottom: -50px;
}

/* **************** ATTORNEY SEARCH **************************************************************** */
input[type=text].attorney-search{
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	width: 230px;
	padding-left: 5px;
	color: #666666;
}
input[type=button].attorney-search{
	color: #ffffff;
	font-family: "myriad pro", arial, san-serif;
	font-weight: 600;
	font-size: 16px;
	margin-top: 10px;
	height: 40px;
	width: 240px;
	background: url('/images/button-field.png') no-repeat;
	border: none;
	cursor: hand;
}

input[type=button].attorney-search:hover,
input[type=button].attorney-search:focus {
	background-color: initial;
	text-decoration: underline;
}

/* **************** SEARCH INCLUDE **************************************************************** */
.search-include{
	position: relative;
	width: 920px;
	height: 60px;
	background: #e5e5e5 url('/images/search-bkgd-warrow.png') no-repeat;
}
.search-include h2{display: inline; line-height: 60px; padding-left: 45px;}
.search-include form{
	display: inline;
	position:absolute;
	top:50%;
	height:60px;
	margin-top:-30px;
	margin-left: 30px;
}
.search-include input[type=text].attorney-search{
	width: 270px;
}
.search-include input[type=button].attorney-search{
	display: inline;
	margin-left: 55px;
	/*	margin-top: -20px;
		position:absolute;
		top:50%; 	*/
}


/* **************** CONTENT **************************************************************** */

h1.title{margin: 0 0 20px 0;}

h2.page-intro{
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	color: #666666;
}
p.page-intro{
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}

/* home pg */
.content-section{
	margin: 10px 10px 20px 0;
}

.content-section.field{
	background-color: #e9f1f3;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 10px 10px 10px 10px;
	margin-right: 0;
}

.content-section h2{
	color: #4b6975;
	line-height: 45px;
	height: 45px;
	background: url('/images/sprites.png') repeat-x 0 -334px;
}

.tool-listings h2{
	color: #333333;
	font-size: 20px;
}
.content-section.field h2{
	line-height: 31px;
	height: 31px;
	padding-left: 40px;
	background: url('/images/sprites.png') no-repeat 0 -105px;
}

.content-section.field h2.qanda{
	background: url('/images/sprites.png') no-repeat 0 -136px;
}


/* interior pages */
.content-section-interior{margin: 10px 0 20px 0;}
.content-section-interior.wide{width: 415px; margin-right: 10px; float: left;}
.content-section-interior.narrow{width: 210px; float: left;}

.content-section-interior h2{
	color: #777777;
	font-size: 20px;
	line-height: 45px;
	height: 45px;
	background: url('/images/sprites.png') repeat-x 0 -334px;
}

.content-section-interior h3.underline-with-dashes {
	background: url('/images/sprites.png') no-repeat 0 -334;
}

.icon-article{
	line-height: 29px;
	height: 29px;
	padding-left: 30px;
	background: url('/images/sprites.png') no-repeat 0 -379px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 29px;
}

.icon-expand{
	line-height: 20px;
	height: 20px;
	width: 20px;
	margin-left: 5px;
	background: url('/images/sprites.png') no-repeat 0 -458px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 29px;
}

a.icon-expand:focus,
a.icon-expand:hover{background: url('/images/sprites.png') no-repeat -20px -458px; text-decoration: none;}

.icon-expand.contract{background: url('/images/sprites.png') no-repeat 0 -478px;}
a.icon-expand.contract:focus,
a.icon-expand.contract:hover{background: url('/images/sprites.png') no-repeat -20px -478px; text-decoration: none;}

.more-control{display: inline;}
.more-content{display: none;}

img.squareup {
	float: left;
	margin: 5px 10px 0 0; /*top margin used to push picture down to textline we're wrapping */
}

.qicon {
	background: url('/images/sprites.png') no-repeat 0 -136px;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	float: left;
	margin: 5px 10px 0 0;
}


/* link list */
.link-list{
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}

.link-list li{margin-bottom: 7px; line-height: 18px;}

.link-list-arrow li{
	background: url('/images/dotted-line.png') repeat-x;
	padding: 15px 0 10px 0;
}

.link-list-arrow a{
	font-family: Adamina, Times, serif;
	font-size: 20px;
	color: #333333;
}

.link-list-arrow a:hover{
	color: #666666;
	text-decoration: none;
}

.link-list-arrow .icon {
	background: url('/images/sprites.png') no-repeat -0 -188px;
	text-indent: -9999px;
	width: 21px;
	height: 20px;
	float: right;
}

.link-list-arrow a:hover .icon{background: url('/images/sprites.png') no-repeat -21px -188px;}


/* guides */
.content-section.guides{margin-left: 10px;}
.content-section.guides .media .img{margin-right: 10px;}
.content-section.guides .media .bd{line-height: 15px; padding-right: 5px;}
.content-section.guides .media .bd a{font-size: 12px;}
.content-section.guides h3{font-size:18px;border-bottom: 1px solid #eeeeee; padding-bottom: 10px; margin-bottom: 5px;}
.content-section.guides .threecolumn{margin-top: 5px;}

/* columns */
.twocolumn{float: left; width: 310px; margin-right: 20px;}
.twocolumn.last{ margin-right: 0;}

.threecolumn{float: left; width: 220px; margin-right: 0;}
.fivecolumn{float: left; width: 198px; margin-right: 0;}
.subthreecolumn{float: left; width: 205px; margin-right: 0;}


.threecolumn ul,
.fivecolumn ul,
.subthreecolumn{padding: 0; margin: 0 0 10px 0;}
.threecolumn ul li,
.fivecolumn ul li,
.subthreecolumn ul li{padding: 2px 0 2px 0;}
.threecolumn ul li a,
.fivecolumn ul li a,
.subthreecolumn ul li a{color: #333333;}
/* extremely inefficient
.threecolumn ul li a span,
.fivecolumn ul li a span,
.subthreecolumn ul li a span{color: #2c91b9;}
*/


/* map listings */
.content-section.field.map-list{
	padding-bottom: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 0 0 15px 15px;
}
.content-section.field.map-list ul{margin-bottom: 0;font-size:16px;}

/* run */
.content-section ul.run{padding: 0; margin: 0;}
.content-section .run li{display: inline; float: left; padding: 0 10px 0 0; margin: 2px 0 2px 10px; border-right: 1px solid #cccccc;}
.content-section .run li.last{border: none;}

.run .last {display: inline; float: left; padding: 0 10px 0 0; margin: 2px 0 2px 10px; border:none;}
.run-li {display: inline; float: left; padding: 0 10px 0 0; margin: 2px 0 2px 10px; border-right: 1px solid #cccccc;}


ul.question-list li{margin-bottom: 10px;}

/* **************** QUESTIONS AND ANSWERS ************************************************ */

.question > .bd { margin-left: 50px; }
.question-filter-box{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
	border: 1px solid #cccccc;
	margin: 20px 0 0 0;
	float: left; /*this is floated so it wraps our floated li's*/
}

.question-filter-box h3 {
	font-family: "myriad pro", arial, san-serif;
	font-size:18px;
	font-weight:bold;
}

.ask-question-box {
	margin-top: 5px;
	text-align: center;
	font-family: "myriad pro", arial, san-serif;
	font-size: 18px;
}

.filter-clear {
	float: right;
}

.filter-clear a .icon {
	background: url('/images/sprites.png') no-repeat 0 -945px;
	text-indent: -9999px;
	width: 20px;
	height: 19px;
	float: right;
	margin-left: 10px;
}

.filter-clear a:hover .icon {
	background: url('/images/sprites.png') no-repeat -20px -945px;
}

.question-filter-links a {
	display: block;
	padding: 5px 0 5px 0;
}

.question-filter-links li{float:left; width:205px;} /* Originally 305px; */

.question-filter-links li.off a {color: #999999;}

.question-filter-links .icon{
	text-indent: -9999px;
	width: 20px;
	height: 19px;
	float: left;
	margin-right: 5px;
}

.question-filter-links li.off .icon {background: url('/images/sprites.png') no-repeat 0 -984px;}
.question-filter-links li.off a:hover .icon{background: url('/images/sprites.png') no-repeat -20px -984px;}
.question-filter-links li.on .icon {background: url('/images/sprites.png') no-repeat 0 -964px;}
.question-filter-links li.on a:hover .icon{background: url('/images/sprites.png') no-repeat -20px -964px;}


.question-listing .icon {
	text-indent: -9999px;
	width: 31px;
	height: 32px;
	background: url('/images/sprites.png') no-repeat -31px -1061px;
}

.question > h2 > a { color: #333; }
.question > h2 > a:hover { text-decoration: underline; color: #333; }

.controls > a { color: #333; }
.controls > a:hover { text-decoration: underline; color: #333; }

.question-listing .icon.expanded {background: url('/images/sprites.png') no-repeat 0 -1061px;}
.question-listing .icon.answer {background: url('/images/sprites.png') no-repeat 0 -1093px;}

.question-listing .controls{margin: 5px 0 5px 50px;}

#msg-ask-question { margin-top: 3px; margin-bottom: 5px; }

/* **************** RADIO *************************************************************** */

/* featured podcast */
.radio-featured-box{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
	background-color: #eeeeee;
	margin: 10px 0 0 0;
	float: left; /*this is floated so it wraps our floated li's*/
	width: 620px;
}
.radio-featured-box h3{
	padding: 5px 0 10px 0;
	margin-bottom: 0;
	color: #2C91B9;
	font-family: "myriad pro", arial, san-serif;
	font-size: 16px;
}
.radio-featured-box .listen-now{float: right;}
.radio-featured-box p{margin-bottom: 0;}

.listen-now a div.icon{
	background: url('/images/sprites.png') no-repeat 0 -1186px;
	margin-left: 5px;
	text-indent: -9999px;
	height: 20px;
	width: 20px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 20px;
}

/* listings */
.radio-listings .media{
	background: url('/images/sprites.png') repeat-x 0 -1498px;
	padding-top: 10px;
	margin-top: 20px;
}
.radio-listings .media h2{font-size: 20px; margin-bottom: 5px;}

/* **************** RADIO PLAYER *************************************************************** */
body.radio-player{
	background:none;
	background-color: #ffffcd;
	margin: 20px 10px 10px 10px;
	height: auto;
	width: 600px;
	min-height: 0;
	min-width: 0;
}
.radio-player p{color: #666666;font-size: 16px;}

/* NOTE: this sprite needs to be at the bottom of the sprite sheet */
.radio-player .logo-container{
	background: url('/images/sprites.png') repeat-x 0 -1498px;
	padding: 15px 0 15px 0;
	margin-top: 20px;
}
/* NOTE: a lot of repetition with CSS below, but unfortunately, the IE hacks need to be at bottom of each style declaration :( */
.radio-player .close-window{float: right;}
.radio-player .close-window a{
	background: url('/images/sprites.png') no-repeat 0 -1155px;
	margin-left: 5px;
	text-indent: -9999px;
	height: 31px;
	width: 31px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 31px;
}
.radio-player .close-window a:hover,
.radio-player .close-window a:focus{background-position: -31px -1155px;}

/* controls */
.radio-player .player-controls{
	background-color: #ffffff;
	border-top: 1px solid #dad6d3;
	border-bottom: 1px solid #dad6d3;
	height: 40px;
	margin-bottom: 10px;
	padding: 0 10px 0 10px;
}

.radio-player .player-controls a,
.radio-player .player-controls div{float: left;}

.radio-player .player-controls .duration{height: 40px; line-height: 40px; margin: 0 15px 0 0;}

/* play button */
.radio-player .player-controls a.playbutton{
	background: url('/images/sprites-player.png') no-repeat 0 -240px;
	text-indent: -9999px;
	height: 40px;
	width: 18px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	zoom: 1;
	*display: inline;
	_height: 40px;
}
.radio-player .player-controls a.playbutton:hover,
.radio-player .player-controls a.playbutton:focus{background-position: -18px -240px;}

/* pause button */
.radio-player .player-controls a.pausebutton{
	background: url('/images/sprites-player.png') no-repeat 0 -200px;
	text-indent: -9999px;
	height: 40px;
	width: 18px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	zoom: 1;
	*display: inline;
	_height: 40px;
}
.radio-player .player-controls a.pausebutton:hover,
.radio-player .player-controls a.pausebutton:focus{background-position: -18px -200px;}

/* progress and volume */

.radio-player .player-controls .volume .end,
.radio-player .player-controls .progress .end{
	background: url('/images/sprites-player.png') no-repeat 0 -40px;
	text-indent: -9999px;
	height: 40px;
	width: 4px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 40px;
}
.radio-player .player-controls .volume .end.rt,
.radio-player .player-controls .progress .end.rt{background-position: -4px -80px;}
.radio-player .player-controls .volume .middle,
.radio-player .player-controls .progress .middle{
	background: url('/images/sprites-player.png') repeat-x 0 -120px;
	text-indent: -9999px;
	height: 40px;
	width: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 40px;
}


.radio-player .player-controls .volume .handle,
.radio-player .player-controls .progress .handle{
	background: url('/images/sprites-player.png') no-repeat 0 0;
	position: relative;
	z-index: 3;
	text-indent: -9999px;
	height: 40px;
	width: 18px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 40px;
}

/*
these values need to change based on actual progress (update via js)

progress should total: 220
volume should total: 50
*/
.radio-player .player-controls .progress .middle{width: 150px;}
.radio-player .player-controls .progress .middle.remains{width: 70px; background-position: 0 -160px;}
.radio-player .player-controls .progress .handle{left: -80px;}

.radio-player .player-controls .volume .middle{width: 30px;}
.radio-player .player-controls .volume .middle.remains{width: 20px; background-position: 0 -160px;}
.radio-player .player-controls .volume .handle{left: -30px;}

.radio-player .player-controls .volume .icon{
	background: url('/images/sprites-player.png') no-repeat 0 -280px;
	text-indent: -9999px;
	height: 40px;
	width: 24px;
	margin-right: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 40px;
}

/* **************** GUIDES PAGE *************************************************************** */

h2.number{
/*	font-size: 22px;*/
	line-height: 31px;
	height: 31px;
	padding-left: 40px;
	color: #4B6975;
}

h2.number.one{background: url('/images/sprites.png') no-repeat 0 -1348px;}
h2.number.two{background: url('/images/sprites.png') no-repeat 0 -1379px;}
h2.number.three{background: url('/images/sprites.png') no-repeat 0 -1410px;}

/* listings */
.guide-listings .twocolumn{width: 450px;}

.guide-listings .media{
	background: url('/images/sprites.png') repeat-x 0 -1498px;
	padding-top: 15px;
	padding-bottom: 20px;
	cursor: pointer;
	cursor: hand;
}
.guide-listings .media h2{font-size: 20px; margin-bottom: 5px;}
.guide-listings .media .img{margin-right: 10px;}

.guide-listings .guide-subject,
.guide-listings .media h2{color: #999999;}

.guide-cover{
	font-size: 12px;
/*	background: url('/images/guide-cover-00.png') no-repeat -110px 0;*/
	background: url('/images/guide-cover-00.png') no-repeat 0 0;
	text-indent: -9999px;
	height: 100px;
	width: 110px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 100px;
}


.guide-cover.one{background-image: url('/images/guide-cover-01.png')}
.guide-cover.two{background-image: url('/images/guide-cover-02.png')}
.guide-cover.three{background-image: url('/images/guide-cover-03.png')}
.guide-cover.four{background-image: url('/images/guide-cover-04.png')}
.guide-cover.five{background-image: url('/images/guide-cover-05.png')}
.guide-cover.six{background-image: url('/images/guide-cover-06.png')}
.guide-cover.seven{background-image: url('/images/guide-cover-07.png')}
.guide-cover.eight{background-image: url('/images/guide-cover-08.png')}
.guide-cover.nine{background-image: url('/images/guide-cover-09.png')}
.guide-cover.ten{background-image: url('/images/guide-cover-10.png')}

.guide-listings .selector{
	float: right;
	background: url('/images/sprites.png') no-repeat 0 -1237px;
	text-indent: -9999px;
	height: 31px;
	width: 31px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 31px;
}


/*.guide-listings .media.roll{background-color: #ffffcc;}
.guide-listings .media.roll .guide-cover{background-position: 0 0;} */
.guide-listings .media.roll .selector{background-position: -31px -1206px;}
.guide-listings .media.roll h2{color: #333333;}
.guide-listings .media.roll .guide-subject{color: #777777;}

.guide-listings .media.active .selector{background-position: 0 -1206px;}
.guide-listings .media.active .guide-cover{background-position: 0 0;}
.guide-listings .media.active h2{color: #000000;}
.guide-listings .media.active .guide-subject{color: #777777;}

.guide-listings .media.active.roll .selector{background-position: -31px -1124px;}
/*.guide-listings .media.active.roll{background-color: #eeeeee;}*/

/* guide form */

/* NOTE: this sprite needs to be at the bottom of the sprite sheet */
.thank-you,
#guide-request-form{
	background: url('/images/sprites.png') repeat-x 0 -1498px;
	padding: 15px 0 15px 0;
	margin-top: 15px;
}

#guide-request-form .field-container{width: 280px; margin-right: 10px; float: left;}
#guide-request-form .field-container input[type="text"]{margin-bottom: 10px;}
#guide-request-form .field-container input[type="text"].shrink{width: 230px;}
#guide-request-form input[type="button"]{float: right;}
#guide-request-form p{margin-top: 10px;}


/* exceptions for our guide form pop-up */
#guide-selector-modal .guide-listings .media{cursor: default; background: none; padding-bottom: 5px;}
#guide-selector-modal #guide-request-form input[type="button"]{float: none;}
#guide-selector-modal #guide-request-form {margin-top: 0;}
#guide-selector-modal #guide-request-form .field-container{float: none; width:auto;}


/* **************** MAPS **************************************************************** */
.map-full{
	width: 1008px;
	height: 380px;
	border: 1px solid #E9F1F3;
}

.widget .widget-content.map-rail{
	width: 348px;
	height: 348px;
	border: 1px solid #E9F1F3;
	padding: 0;
}

#map_canvas{font-size: 12px;}
#map_canvas h2{font-size: 16px;}


/* **************** ARTICLES / ATTORNEYS / **************************************************************** */
.article-listings,
.article,
.attorney-listings{
	margin-right: 10px;
}

/* question-listing is not applied to media element because of the Q and A content chunks */
.question-listing,
.tool-listings .media,
.article-listings .media,
.attorney-listings .media{
	background: url('/images/dotted-line.png') repeat-x;
	padding-top: 25px;
	margin: 20px 0 10px 0;
}

/* note: this style is a little different from the other listings (attorneys, articles, etc) because of its content - basically no headline text */
.question-listing{
	padding-top: 15px;
	margin: 10px 0 20px 0;
}

.article-listings .media .img,
.attorney-listings .media .img{margin-right: 10px;}
.article-listings h2,
.attorney-listings h2{font-size: 22px; line-height: 28px; margin-bottom: 5px;}
.article-listings p,
.attorney-listings p{margin-bottom: 5px;}

/* attorney */
.attorney-listings a.arrow{float: right;}
.attorney-listings .firmname,
.podcast-title,
.guide-subject{
	font-family: Adamina, Times, serif;
	color: #777777;
	font-size: 16px;
	margin: 0 0 5px 0;
	line-height: 20px;
}
.attorney-listings .firmaddress{
	/*
	background: url('/images/map-icon.png') no-repeat;
	padding-left: 30px;
	*/
	color: #666666;
	margin-bottom: 10px;

}
.attorney-listings p{line-height: 20px;}


/* article */
.article p{margin-bottom: 20px;}

.article .byline{
	font-family: Adamina, Times, serif;
	color: #777777;
	font-size: 16px;
	margin: -20px 0 15px 0;
}

/* social media */
ul.social-big {margin-top: 10px;}
.social-big li{margin-right: 10px;}
.social-big .icon{
	text-transform: capitalize;
	text-indent: -9999px;
	line-height: 49px;
	height: 49px;
	width: 49px;
	background: url('/images/sprites.png') no-repeat 0 -498px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 49px;
}

.social-big .icon.facebook{background: url('/images/sprites.png') no-repeat 0 -498px;}
.social-big .icon.google-plus{background: url('/images/sprites.png') no-repeat 0 -547px;}
.social-big .icon.twitter{background: url('/images/sprites.png') no-repeat 0 -595px;}
.social-big .icon.linkedin{background: url('/images/sprites.png') no-repeat 0 -644px;}

/* **************** RT RAIL **************************************************************** */
.rt-rail{margin-top: 0px;}


/* widget ads */
ul.widget-ads{
	padding: 0;
	margin: 0 0 20px 0;
}


ul.widget-ads li {
	font-family: Adamina, Times, serif;
	color: #666;
	width: 345px;
	margin: 5px 0 0 0;
	color: #666666;
}

.widget-ads h3{
	font-family: "myriad pro", arial, san-serif;
	color: #4b6975;
	font-size: 20px;
}

ul.widget-ads li .media{
	padding-top: 15px;
	background: url('/images/dotted-line.png') repeat-x;
}
ul.widget-ads li.first .media{background: none; padding-top: 5px;}
ul.widget-ads li .media .img-right{margin-left: 5px;}


/* widget content */
.widget {
	margin-top: 15px;
}
.widget.first{margin-top: 0;}

.widget .title-link{float: right; padding: 10px;}
.widget .title-link a{color: #999999; font-size: 12px;}

.widget p{color: #666666; line-height: 20px; margin-bottom: 5px;}
.widget h3{
	background-color: #eeeeee;
	border-top: 10px solid #4B6975;
	padding: 10px;
	margin-bottom: 0;
	color: #4B6975;
	font-family: "myriad pro", arial, san-serif;
	font-size: 16px;
}

.widget .widget-content{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 10px;
	border: 1px solid #cccccc;
}

.widget-content.popular-articles .media{background: url('/images/dotted-line.png') repeat-x; padding: 10px 0 10px 0;}
.widget-content.popular-articles .media.first{background: none; padding-top: 0;}

.widget-content.popular-articles .media .bd a{color: #666666; font-family: Adamina, Times, serif;}

.widget .media .img-right{margin-left: 5px;}
.widget .media .img-right .arrow-icon{
	text-indent: -9999px;
	background: url('/images/sprites.png') no-repeat 0 -168px;
	width: 21px;
	height: 20px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 21px;
}

.widget .media .img-right a.arrow:hover .arrow-icon,
.widget .media .img-right a.arrow:focus .arrow-icon{
	background: url('/images/sprites.png') no-repeat -21px -168px;
}

/* attention widget */
.widget.attention{
	background-color: #ffffcc;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
	border: 1px solid #cccccc;
}
.widget.attention h3{color:#2C91B9; background-color: #ffffcc; padding: 0 0 10px 0; border: none;}

/* widget form */
#email-fieldx{display: none;} /*honeypot*/
p.disclaimer{font-size: 12px; line-height: 18px; margin-top: 10px;}
p.validation-error{color: #cc4444;}
input[type="checkbox"].error{margin-bottom: 0; padding: 0; border: 0; background: none;}

.widget input[type="text"]{
	height: 30px;
	line-height: 30px;
	width: 315px;
	padding-left: 10px;
	color: #333333;
	margin-top: 10px;
}
/* shrink class is for displaying checkmark next to field */
.widget input[type="text"].shrink{width: 195px;}
.widget input[type="text"].default{color: #999999;}

.widget input[type="button"]{
	font-weight: bold;
	background-color: #2c91b9;
	color: #ffffff;
	border: none;
	padding: 10px;
	font-size: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	margin-top: 10px;
}
.widget input[type="button"]:hover,
.widget input[type="button"]:focus{
	background-color: #63b2d1;
}
.widget textarea{
	margin-top: 10px;
	width: 305px;
	height: 80px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px;
}
.widget textarea.default{color: #999999;}

/* form wide (on page and popup) */
#contact-form-wide input[type="text"],
#contact-form-wide-popup input[type="text"]{width: 225px;}
#contact-form-wide textarea,
#contact-form-wide-popup textarea{width: 605px; margin-bottom: 0;}
#contact-form-wide input[type="button"],
#contact-form-wide-popup input[type="button"]{
	width: 200px;
/*	float: right;*/
}
#contact-form-wide-popup{height: 395px;}

#question-form-wide-popup textarea{width: 94%; height:120px; margin-bottom: 0;}

.widget .address{
	padding: 10px;
	font-size: 16px;
	line-height: 24px;
}

/* form validation */
textarea.error,
input[type="text"].error{
	color: #cc4444;
	border: 1px solid #cc4444;
	background-color: #ffeeee;
	margin-bottom: 0;
}
label{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	width: 40px;
}
.errormsg{
	background: none;
	padding: 0;
	color: #cc4444;
	border: none;
	background: url('/images/sprites.png') no-repeat 0 -1268px;
	line-height: 20px;
	width: 250px;
	padding-left: 25px;
	margin-bottom: 0;
	margin-left: 5px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}
#guide-request-form .errormsg{width: auto;}
#guide-request-form p{clear: both;}
#contact-form .errormsg{margin-top: 5px;}
.validmsg{
	background: none;
	padding: 0;
	color: #cc4444;
	border: none;
	background: url('/images/sprites.png') no-repeat 0 -1328px;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	margin-bottom: 0;
	margin-left: 5px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 20px;
}

/* NOTE: this sprite needs to be at the bottom of the sprite sheet */
.widget .address .dotted-line{
	background: url('/images/sprites.png') repeat-x 0 -1498px;
	padding: 15px 0 15px 0;
	margin-top: 10px;
}

/* **************** ATTORNEYS **************************************************************** */
ul.attorneys{
	margin: 0;
	padding: 0;
}

ul.attorneys li{margin-bottom: 10px;}
ul.attorneys li.last{margin-bottom: 0;}
ul.attorneys .media .img{margin-right: 10px;}

.attorney-detail{
	padding-top: 15px;
	background: url('/images/dotted-line.png') repeat-x;
}
.attorney-detail h2{
	padding-top: 10px;
	color: #333333;
	font-size: 20px;
}
.firmaddress{color: #666666; font-size: 16px; line-height: 24px;}
.firmphone{font-size: 24px; line-height: 28px; margin: 10px 0 10px 0;}

.attorney-detail .avatar{
	line-height: 194px;
	background: url('/images/avatar-large-bkgd.png') no-repeat 0 0;
	width: 194px;
	height: 194px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 194px;
}
.attorney-detail .avatar img{margin: 12px 0 0 13px;}

.locations .firmphone{
	color: #666666;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	margin: 5px 0 0 0;}

/* **************** SEARCH *************************************************************** */

.search-listings .media{
	background: url('/images/dotted-line.png') repeat-x;
	padding-top: 10px;
	margin: 0;
}

.search-listings .media .img{margin: 0 10px 10px 0;}/*search results are a little tighter than other pages, so need this override */

input.search-results[type="text"]{
	height: 40px;
	font-size: 16px;
	width: 460px;
	padding-left: 10px;
	margin: 0 15px 25px 0;
	color: #333333;
}

input.search-results[type="button"]{
	padding:12px 30px 12px 30px;

}

/* **************** FORMS **************************************************************** */
input[type="text"]{
	height: 30px;
	line-height: 30px;
	width: 245px;
	padding-left: 10px;
	color: #333333;
}

input[type="button"]{
	font-weight: bold;
	background-color: #2c91b9;
	color: #ffffff;
	border: none;
	padding: 10px;
	font-size: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
input[type="button"]:hover,
input[type="button"]:focus{
	background-color: #63b2d1;
}

label{
	font-weight: normal;
	margin-right: 10px;
	color: #777777;
}

.input-container{
	float: left;
	margin: 10px 10px 10px 0;
}

/* comment form */
#comment-form textarea{
	width: 620px;
	height: 80px;
	font-family: arial, helvetica, sans-serif;
}

/* **************** COMMENTS **************************************************************** */

.comments{margin-top: 20px;}
.comments ul{list-style: none; margin: 0; padding: 0;}
/* NOTE: this sprite needs to be at the bottom of the sprite sheet */
.comments ul li{
	background: url('/images/sprites.png') repeat-x 0 -1498px;
	padding: 15px 0 15px 0;
}
.comments ul li .img{margin-right: 10px;}
.comments ul li .img .avatar{
	line-height: 50px;
	background: url('/images/sprites.png') no-repeat 0 -408px;
	width: 50px;
	height: 50px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 50px;
}
.avatar img{border: 1px solid #cccccc;}

.comments a.author{font-weight: bold;}

.comments ul li .timeframe{
	font-size: 12px;
	color: #999999;
	line-height: 18px;
	display: inline;
	margin-left: 10px;
}

.comments ul li p{
	font-size: 12px;
	color: #777777;
	line-height: 18px;
	margin-top: 7px;
}

/* indenting of responses (NOTE: only 3 levels deep covered here)
.comments ul li ul{margin-left: 60px;}
.comments ul li ul li ul{margin-left: 120px;}
.comments ul li ul li ul li ul{margin-left: 180px;}
*/

/* **************** FOOTER **************************************************************** */

#footer .container .body{
/*	background: url('/images/bkgd-footer.png') repeat-y;*/
	background-color: #496773;
	background-color: #4b6975;
	background-color: #44626f;
	font-size: 12px;
	color: #cccccc;
	height: 230px; /* same as height for sticky footer (plus padding) */
	padding: 20px 0 0 0;
	margin: 0 5px 0;
	width: 1030px;
	border-top: 10px solid #cccccc;
}

#footer ul{
	list-style: none;
	color: #ffffff;
}

#footer h3{
	font-size: 16px;
	color: #ffffff;
}

#footer ul{list-style: none;}

#footer ul li a{color: #cccccc;}


/* social media */
#footer .social{
	float: right;
	margin-right: 40px;
}

.social .youtube{
	text-indent: -9999px;
	background: url('/images/sprites.png') no-repeat 0 -208px;
	margin-right: 10px;
	width: 67px;
	height: 26px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 26px;
}
.social a:hover .youtube,
.social a:focus .youtube
{background: url('/images/sprites.png') no-repeat -67px -208px;}

.social .twitter{
	text-indent: -9999px;
	background: url('/images/sprites.png') no-repeat 0 -234px;
	margin-right: 10px;
	width: 29px;
	height: 29px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 29px;
}
.social a:hover .twitter,
.social a:focus .twitter
{background: url('/images/sprites.png') no-repeat -29px -234px;}

.social .facebook{
	text-indent: -9999px;
	background: url('/images/sprites.png') no-repeat 0 -263px;
	width: 28px;
	height: 29px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 29px;
}
.social a:hover .facebook,
.social a:focus .facebook
{background: url('/images/sprites.png') no-repeat -28px -263px;}

/* copyright */
.copyright ul li{border-right: 1px solid #818a8d; padding: 0 5px 0 5px;}


/* **************** MISC **************************************************************** */
.no-padding{padding: 0;}


/* **************** SHARE WIDGET **************************************************************** */
#sharewidget{
	width: auto;
	position: relative;
	left: 0px;
	top: 0px;
	margin-left: 0px;
}
#sharewidget-vert{
	float: left;
	margin-left: -100px;
	text-align: center;
	width: 75px;
	z-index: 11500;
}

#sharewidget-vert .topbar,
#sharewidget-horiz .topbar{
	background-color: #4b6975;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding: 2px;
	margin-bottom: 0;
}

#sharewidget-vert .widget-content,
#sharewidget-horiz .widget-content{
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	padding: 5px;
	/* border: 1px solid #cccccc; */
	background: #eeeeee;
}
#sharewidget-vert .shareitem.native{width: 65px;}

/* put widget horizontal */
#sharewidget-horiz{
	margin-left: 0;
	margin-bottom: 10px;
}
#sharewidget-horiz .shareitem{
	margin-right: 10px;
	padding-top: 5px;
	width: 90px;
}
#sharewidget-horiz .shareitem.google-plus{width: 120px;}
#sharewidget-horiz .shareitem.native{
	width: 45px;
	padding-top: 0;
	float: right;
}
#sharewidget-horiz .topbar{padding: 0; font-size: 1px; line-height: 10px; max-width: 630px;}
#sharewidget-horiz .widget-content{
	border: none;
	padding: 5px;
	background: #eeeeee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 30px;
	width: 620px;
}
#sharewidget-horiz .shareitem{margin-bottom: 0; float: left;}
#sharewidget-horiz .shareitem .icon{vertical-align: top;}

/* actual items */
.shareitem{margin-bottom: 5px;}
.shareitem.native{margin-bottom: 0px; width: 30px; padding-top: 0;}
.shareitem .icon{
	text-indent: -9999px;
	line-height: 42px;
	background: url('/images/sprites.png') no-repeat 0 -713px;
	width: 42px;
	height: 42px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 42px;
}

.shareitem .icon.plus{background: url('/images/sprites.png') no-repeat 0 -713px;}
.shareitem .icon.email{background: url('/images/sprites.png') no-repeat 0 -755px;}
.shareitem .icon.print{background: url('/images/sprites.png') no-repeat 0 -797px;}
.shareitem .icon.plus:hover,
.shareitem .icon.plus:focus{background: url('/images/sprites.png') no-repeat -42px -713px;}
.shareitem .icon.email:hover,
.shareitem .icon.email:focus{background: url('/images/sprites.png') no-repeat -42px -755px;}
.shareitem .icon.print:hover,
.shareitem .icon.print:focus{background: url('/images/sprites.png') no-repeat -42px -797px;}

/* horiz icons */
#sharewidget-horiz .shareitem .icon{
	line-height: 30px;
	width: 30px;
	height: 30px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;;
	_height: 30px;
}
#sharewidget-horiz .shareitem .icon.plus{background: url('/images/sprites.png') no-repeat 0 -839px;}
#sharewidget-horiz .shareitem .icon.email{background: url('/images/sprites.png') no-repeat 0 -869px;}
#sharewidget-horiz .shareitem .icon.print{background: url('/images/sprites.png') no-repeat 0 -899px;}
#sharewidget-horiz .shareitem .icon.plus:hover,
#sharewidget-horiz .shareitem .icon.plus:focus{background: url('/images/sprites.png') no-repeat -30px -839px;}
#sharewidget-horiz .shareitem .icon.email:hover,
#sharewidget-horiz .shareitem .icon.email:focus{background: url('/images/sprites.png') no-repeat -30px -869px;}
#sharewidget-horiz .shareitem .icon.print:hover,
#sharewidget-horiz .shareitem .icon.print:focus{background: url('/images/sprites.png') no-repeat -30px -899px;}

/* **************** SOCIAL BOOKMARKS **************************************************************** */
#socialbookmarks {
	display: block;
	position: absolute;
	left: 600px;
	top: 15px;
	background-color: white;
	width: 220px;
	padding: 5px;
	border: 1px solid #999999;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#socialbookmarks ul{margin: 0; padding: 0; list-style: none;}
#socialbookmarks ul li{
	float: left;
	height: 20px;
	width: 100px;
	margin-right: 5px;
	padding: 2px;
}
#socialbookmarks ul li a .icon{
	margin-right: 5px;
	line-height: 16px;
	width: 16px;
	height: 16px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	_height: 16px;
}

#socialbookmarks ul li a.tumblr .icon{background: url('/images/sprites.png') no-repeat 0 -929px;}
#socialbookmarks ul li a.reddit .icon{background: url('/images/sprites.png') no-repeat -16px -929px;}
#socialbookmarks ul li a.delicious .icon{background: url('/images/sprites.png') no-repeat -32px -929px;}
#socialbookmarks ul li a.stumbleupon .icon{background: url('/images/sprites.png') no-repeat -48px -929px;}
#socialbookmarks ul li a.digg .icon{background: url('/images/sprites.png') no-repeat -64px -929px;}

#emailarticle {
	display: block;
	position: absolute;
	left: 600px;
	top: 15px;
	background-color: white;
	width: 340px;
	padding: 5px;
	border: 1px solid #999999;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* **************** CONTENT TABS **************************************************************** */
/* http://unraveled.com/publications/css_tabs/ */
.tabs {
	text-align: left;
	margin: 15px 0 0 0;
	border-bottom: 1px solid #cccccc;
	list-style-type: none;
	padding: 10px 0px 9px 0px;
	width: 650px;
}
.tabs li {
	display: inline;
	margin-right: 5px;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

.tabs li a,
.tabs li .unavailable{
	font-family: arial, helvetica, san-serif;
	font-size: 18px;
	line-height: 18px;
	padding: 9px 10px 9px 10px;
	background-color: #ebebeb;
	color: #999999;
	margin-right: 0px;
	text-decoration: none;
	border: 1px solid #ebebeb;
	border-bottom: none;
}

.tabs li .unavailable{background-color: #ffffff; color: #cccccc; border: none;}

.tabs li.active a,
.tabs li a:hover {
	background: #fff;
	color: #4B6975;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.tabbed-content{
	background: none;
	background-color: #ffffff;
	padding: 10px;
}

/* **************** NAV **************************************************************** */
.nav-container {
	background:#ffffff url('/images/bkgd-nav.png') no-repeat;
	padding: 11px 0 5px 10px;
	margin: 0 0 0 -5px;
	height: 44px;
	width: 1038px;
}

ul.nav {
	margin: 0;
	padding: 0;
}

ul.nav li {
	float: left;
	margin: 0;
	padding: 0;
}
ul.nav li a {
	display: block;
	padding: 15px 0 0 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	background: #4b6975 url('/images/sprites.png') repeat-x 0 -292px;
	color: #ffffff;
	font-family: "myriad pro", arial, san-serif;
	font-weight: 600;
	font-size: 16px;
	height: 30px;
	line-height: 18px;
	border-right: 1px solid #b1bec3;
}

ul.nav li a.n1 {
	width: 200px;
}
ul.nav li a.n2 {
	width: 200px;
}
ul.nav li a.n3 {
	width: 230px;
}
ul.nav li a.n4 {
	width: 230px;
}
ul.nav li a.n5 {
	width: 185px;
}
ul.nav li a.n6 {
	width: 210px;
}

/* second level */
ul.nav ul {
	position: absolute;
	display: none;
	padding: 5px 12px;
	/* background-color: #32424a; */ /* original */
	background-color: #4a606a;
	width: 151px;
	z-index: 10;
}
ul.nav li:hover ul {
	display: block;
}
ul.nav li li {
	float: none;
	display: block;
	padding: 0px;
	margin: 0px;
	height: auto;
}
ul.nav li li a {
	text-align: left;
	padding: 10px 5px 5px 10px;
	background: none;
	border-top: 1px #9babb3 dotted;
	border-right: 0px;
	color: #a2b2ba;
	height: auto;
	font-size: 14px;
}
ul.nav li li a:hover {
	color: #d66327;
}

li.touch-friendly {
  /*
  line-height: 44px;
  */
  padding-bottom: 5px;
}
.mobile-valence, .top-valence, .bottom-valence, .side-valence {
    text-align: center;
    display: block;
    margin:0 auto;
}
#top-valence-container {
	margin: 0 -15px 0;
	background: #fff;
	text-align: center;
}
#bottom-valence-container {
	text-align: center;
}
.mobile-valence {
	position: absolute;
}
.side-valence {
}
.fixed-valence {
	position:fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 9999;
	display: none;
	background: #fff;
}
.fixed-valence img {
	float:right;
	position: relative;
	top:-10px;
	z-index: 999;
	margin-right: 10px;
}
.fixed-valence iframe {
	width: 100%;
}
.bottom-valence {
    margin-bottom: 5px;
}

@media (max-width: 600px) {
  li.touch-friendly {
    line-height: 36px;
  }
  li.touch-friendly a {
    vertical-align: super;
  }
  .mobile-hide, .top-valence, .bottom-valence, .side-valence {
	display: none !important;
  }
  .fixed-valence {
    display: block;
  }
}

#newsletter-archive-image {
  height: 100px;
  padding-top: 4px;
}