/*
--=.._/(        Mid-Continent GLOBAL STYLES      )\_..=--
    	  */


/*
Will Moore @ ISITE Design


--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

------- typography ---------
content
font-sizes are set in em for resizable goodness.  Here's a basic guide for the stylesheet.
font-size: .75em; 	= 9px
font-size: 0.835em; = 10px
font-size: .9175em; = 11px
font-size: 1em; 	= 12px
font-size: 1.085em; = 13px
font-size: 1.165em; = 14px
font-size: 1.25em;  = 15px
font-size: 1.335em; = 16px
font-size: 1.415em; = 17px
font-size: 1.5em;	= 18px
font-size: 1.585em; = 19px
font-size: 1.665em; = 20px
font-size: 1.75em; = 21px
font-size: 1.835em; = 22px
font-size: 1.915em; = 23px
font-size: 2em; = 24px


*/

/* Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/

body 					{ color: #393d40; font: 75%/1.5 Arial, Helvetica, sans-serif; margin: 0; }
h1, h2, h3, h4, h5, h6	{ 
	font: 1.5em/1em Georgia, "Times New Roman", Times, serif; 
	margin: 0 0 .25em 0;
	line-height: 1.2em;
	}
	.related-info h3 {margin: 0; padding-bottom: .25em;}

h1	{ font-size: 2em; } 	/* 24px */
h2	{ font-size: 12px; color: #583f2c; font-size: 1.665em; } /* 20px */
h3	{ font-size: 1.415em; } /* 17px */
h4	{ font-size: 1.25em; } 	/* 15px */
h5	{ font-size: 1em; } 	/* 12px; */
h6	{ font-size: .9175em; } /* 11px; */

p	{ margin-bottom: 1em; }

input, textarea { border: 1px solid #242323; }
abbr,acronym	{ border-bottom: 1px dotted #999; cursor: help; }
ul, ol 	{ margin: 0 0 1em 3em; }
table	{ border-collapse: collapse; }
td		{ border: 0px solid #ccc; padding: .5em;}

tr.even, tr.odd {
background-color: #fff;
}

/* Make linked images interactive - AMW 7-21-14 */
a img:hover {
	opacity: .8;
}

/* Blockquotes */

div#block-views-marketing_quotes-block_1 {
    margin-bottom: 0;
}

blockquote:before {
    display: block;
    height: 0;
    content: "“";
    margin-left: -.95em;
    font: italic 400%/1 Cochin,Georgia,"Times New Roman",serif;
    color: #03517c;
}

blockquote {
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
    box-shadow: 0 0 1px rgba(0,0,0,0.5);
    margin: 0 .5em 1em 2em;
    padding: .5em .5em .5em 1em;
    background: #fff;
    border-left: 0.5em solid #03517c;
    font-size: 1.3em;
    color: #989898;
    width: 100%;
}

/*----------------------------------- Site Structure --------------------*/
#wrapper {
	background: #fff9e7 url(../img/css/bg-page-int.gif) left top repeat-x; 
	margin: 0;
	position: relative;
	/*overflow: hidden;*/
    width: 100%;
}
	body.front #wrapper				{ background-image: url(../img/css/bg-page.gif); }
	body.section-genealogy #wrapper	{ background: #44311b url(../img/css/bg-page-genealogy.gif) left top repeat-x; }
	* html #page {
		margin: 0 auto;
	overflow: hidden;
		position: relative; 
		width: 940px; 
	}

	* html #main { 	/* IE6 set for margin correction */
		margin: auto;
		position: relative;
		/* overflow: hidden; */
		width: 940px;
		}

	
#header {
	background-color: #fff;
    height: 168px;
	margin-bottom: 3.5em; /* make room for absolutley position nav */
}
	#header #header-inner{
		height: 173px;
		margin: 0 auto;
		position: relative;
		width: 940px;
	}
	* html #header #header-inner{
		height: 173px;
		overflow: hidden;
	}
	.front #header {
		height: 127px;
	}
#content {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 940px;
	min-width: 0; /*ie7*/
}
	* html #content {
		zoom: 1;
	}

/* three col, secondary on left, terciary on right   */
#primary {
	display: inline;
	float: left;
    margin-left: 236px;
	width: 704px;
}
	#primary div.primary {
/* 		display: inline; */
		float: left;
		padding: 0;
		width: 470px;
	}
	.section-genealogy #primary div.primary {
		width: 461px;
	}
	
#secondary {
	display: inline;
	float: left;
	margin-left: -940px;
	width: 220px; 
}


#tertiary, #primary div.secondary {
	display: inline;
    float: left;
	margin-left: 20px;
	width: 223px;
}
	#primary div.secondary {
		margin-left: 11px;
	}

	* html #primary div.secondary { 
		float: right;  
		margin-left: 0; 
		overflow: hidden;
		width: 223px;
	}
	

	.front #primary 	{ width: 388px; margin-left: 312px; }
	.front #secondary 	{ width: 304px; margin-left: -709px; }
	.front #tertiary 	{ width: 224px; margin-left: 16px; margin-top: 0px; }

	
/*----------------------------------- Type, Links and Lists----------*/

a		{ color: #007fc6; text-decoration: none; }
a:visited { color: #007fc6; text-decoration: none; }
	.section-genealogy #secondary .block a, .section-genealogy #secondary .block a:visited { color: #E4D7AB; text-decoration: none; }
a:hover, a:focus 	{ color: #999; text-decoration: underline;}
a img 				{ border: none;}
a.more span			{ position: absolute; left: -999em;}
p a.more 			{ text-transform: uppercase; }
a.flickr 			{ background-image: url(../img/css/flickr.gif); background-position: 8.75em 0; background-repeat: no-repeat; display: block; text-align: left; }

/*
a#brand {
    background: transparent url(../img/css/logo.png) 0 0 no-repeat;
	display: block;
	float: left;
	height: 100px;
	margin-left: 25px;
	margin-top: 1em;
	text-indent: -9999em;
	width: 310px;
	position:absolute;
	
}*/

#_brand img {
position: absolute;
top: 1em;
left: 2em;
}

.one-sidebar h1{
	color: #393d40;
	font: 1.5em/1.1em georgia,"times new roman", serif;
	font-weight: bold;
}

.section-genealogy h3{
	color: #a39363; /* left sidebar at least */
}
	.section-genealogy #primary h3{
		color: #655b3d;
	}

#secondary ul, #tertiary ul, .secondary ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
	#tertiary ul li, #secondary ul li, .secondary ul li , .primary ul li{
		margin-bottom: .75em;
	}
	#tertiary ul, #secondary ul, .secondary ul{
		font: 1.165em/1.1em georgia,"times new roman", serif;
	}
	
* html #tertiary ul li  { display: inline-block; }
* html #secondary ul li	{ display: inline-block; }
* html .secondary ul li { display: inline-block; }
	
ul.events {
	font: 1em arial, helvetica, verdana, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 0;	
}


li span.date {
	display: block;
	text-transform: uppercase;
	font-size: .9em;
	font-style: normal;
}
ul.title-author span.author{
	display: block;
	font-size: .857em;
	font-style: italic;
}
ul.memoirs {
	color: #5e6163;
	font-size: 1.085em;
}
	h5.memoirs {
		color: #393d40;
		font-size: 1.25em;
		margin-bottom: 10px;
	}

div.secondary h4{
	font-weight: bold;
}

#secondary .multi h4, #tertiary .multi h4, #primary .multi h3, #primary .multi h4{
	border-bottom: 1px dashed #B7B3A6;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1em;
	padding-bottom: .5em;
}
	#primary .primary .multi h3, #primary .primary .multi h4, #primary .post h3, #primary .views-row h3 { 
		background:  transparent url('../img/css/bg-hdr-notch.png') left 0 no-repeat;
		border-bottom: none;  /* get the notch */
		margin-bottom: 0;
		margin-left: -20px;
		padding-left: 20px;
		padding-top: 4px;
	 } 
	 .section-teens #primary .primary h3{
	 	background: #F8C73C url('../img/css/bg-hdr-notch-yellow.png') -3px top no-repeat;
	 	font-family: arial, helvetica, verdana, sans-serif;
	 	margin-left: -21px;
	 	margin-bottom: .75em;
	 	padding: 0.45em 0 0.4em 24px;
	 }
.related-info h3 {
	font-family: arial, helvetica, verdana, sans-serif;
	padding-bottom: .5em;
	/*font-family:Georgia,"Times New Roman",Times,serif;	*/
	margin-left: 15px;
}		
.related-info a {
	font-size: .9em;
	margin: 0;
	margin-left: 15px; font-family:Georgia,"Times New Roman",Times,serif; 
	padding: 0;
	}
	
.related-info li{
		margin: 0;
		padding: 0;

}
.related-info li.leaf{
		margin: 0;
		padding: 0;
		margin-top: -5px;
}
	*+html .related-info li.leaf { margin-top: 5px; }
.related-info ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 220px;
	overflow: visible;
}
		
h2#section{
	color: #007fc6;
	font: 2.33em arial, helvetica, sans-serif;
	margin-bottom: 5px;
	width: 220px;
}
	
	.section-genealogy #secondary h2#section{
		background-image: none;
		color: #f8c73b;
	}

.block h2, .view h2, #tertiary .block h3, #tertiary .view h3, #primary .secondary h2, #primary .secondary h3, .front #secondary h3 {
/* 	background-color: #f8c73b; */
	background: transparent url('../img/css/bg-hdr-sprite.png') left top repeat-x;

	clear: both;
	color: #583f2c;
	font: 1em georgia, "times new roman", serif;
	letter-spacing: 2px;
	margin: 0 4px 0 2px;
	padding-top: 5px;

	text-transform: uppercase;
}
	#primary .secondary h2, #primary .secondary h3{
		background-position: -471px top;
		border-bottom: 0;
		margin: 0;
		padding-bottom: 0;
		width: 222px;
	}
	.section-kids #primary .secondary h2, .section-kids #primary .secondary h3 {
		background-position: -1172px top;
		padding-top: 14px;
		
		margin: 0 -2px 0 1px;
	}
	.section-kids #primary .primary h2{
		background-position: -700px top;
		background-position: -703px top;
		padding-top: 14px;
	}
.block h2 span, .view h2 span, #tertiary .block h3 span, #tertiary .view h3 span, #primary .secondary h2 span, #primary .secondary h3 span, .front #secondary h3 span{
	background: transparent url('../img/css/bg-hdr-sprite.png') -472px 0px repeat-x;
	margin: -5px 5px 0 0;
	margin: -5px 3px 0 0;
	display: block;
	padding: 8px 7px 8px 20px;
}
	#primary .secondary h3 span, .front #secondary h3 span{
		background-position: -472px bottom;
	}
	.block h2 span, .view h2 span, #tertiary .block h3 span, #tertiary .view h3 span, #primary .secondary h3 span, .front #secondary h3 span{
		background-position: 0 bottom;
	}
		.section-kids #primary h3 span, 
		.section-kids #primary h2 span {
			background-color: transparent;
			background-position: -1399px bottom;
			color: #fff;
			padding-bottom: 21px;
			padding-top: 0;
		}
	.two-sidebars #primary h2{

	}
	
.section-genealogy #primary .primary h2 {
                background-position: -1904px top;
                color: #fff9e7; 
                margin: 0;
        }
     .section-genealogy #primary .primary h2 span {
                        background-position: -1904px bottom;
                }


	.section-genealogy #primary .primary .content h2 {
		background-position: -1904px top;
		color: #000;
		margin: 0;
	}
		.section-genealogy #primary .primary h2 span {
			background-position: -1904px bottom;
		}
		.section-genealogy #primary #slider-container h2 {
			background: transparent none;
			color: #393d40;
			font-weight: bold;
		}
		.section-genealogy #primary .secondary h3, .section-genealogy #primary .secondary h2 {
			background-position: -2375px top;
			color: #fff9e7;
			margin: 0;
		}
		.section-genealogy #primary .secondary h3 span, .section-genealogy #primary .secondary h2 span {
			background-position: -2375px bottom;
		}
	
	.section-genealogy  .two-sidebars #primary .secondary h4 {
		font-weight: bold;
	}
	.section-genealogy .two-sidebars #primary .primary h3 {
		background:  transparent url('../img/css/bg-hdr-notch-genealogy.png') left 0 no-repeat;
		color: #393d40;
		margin-left: -23px;
                padding-bottom: 8px;
	}	
        .page-genealogy-subject-guides #primary .primary h3 {
                background:  transparent url('../img/css/bg-hdr-notch-genealogy.png') left 0 no-repeat;
                color: #393d40;
                margin-left: -20px;
                padding-bottom: 8px;
        }

	
         .section-genealogy #primary .secondary h2 {
                background:  transparent url('../img/css/bg-hdr-notch-genealogy.png') left 0 no-repeat;
        }

	.section-genealogy  .two-sidebars .secondary .block .content {
		width: 177px;
	}
	
.section-genealogy #primary .secondary .block-inner .content {
                width: 177px;
        }

/* temp, should be h1 in html */	
.section-blog-tags #primary h2 {
	background: transparent none;
	color: #393d40;
	font: 1.5em/1.1em georgia,"times new roman", serif;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
}
	.section-blog-tags #primary h2 span {
		background: transparent none;
		padding: 0;
	}
	
/* .title-ribbon { */
.section-teens  .two-sidebars .primary h2, .section-teens .two-sidebars .primary h3, 
.section-teens #primary .secondary h2, .section-teens #primary .secondary h3{
	background: transparent url('../img/css/bg-ribbon.png') left top no-repeat;
	margin: -15px 0 8px -25px;
	margin: 0 0 -10px -4px;
	padding-top: 10px;
/* 	padding-bottom: 12px; */
/* 	width: 229px; */
	
	position: relative;
	zoom: 1;
}
.section-teens h2 em, .section-teens h3 em, .section-teens h4 em  {
	display: block;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 3px;
	text-transform: none;
	}
/* 	* html .title-ribbon {
		position: relative;
		zoom: 1;	
	} */

	#slider-container h2 {
		background-image: none;
		margin: 0;
		padding: 0;
		margin-bottom: 7px;
		margin-bottom: 5px;
	}


	/* .title-ribbon h2, #primary .secondary .title-ribbon h3, #primary .secondary .title-ribbon h4 { */
	.section-teens .two-sidebars h2 span, .section-teens .two-sidebars h3 span, 
	.section-teens #primary .secondary h3 span, .section-teens #primary .secondary h2 span {
		background: #e53148 url('../img/css/bg-ribbon.png') left bottom no-repeat;
/* 		background-color: #e53148; */
		color: #fff;
		display: block;
		font-family: arial, helvetica, verdana, sans-serif;
		font-weight: bold;
		font-size: 1em;
		letter-spacing: 2px;
		margin-right: 10px;
		padding: 8px 9px 18px 25px;
		text-transform: uppercase;
		width: 229px;
	}

	.section-teens #primary .secondary h2, .section-teens #primary .secondary h3 {

	}
		.section-teens #primary .secondary h2 span, .section-teens #primary .secondary h3 span{
/* 			background: transparent url('../img/css/bg-ribbon-narrow.png') left bottom no-repeat; */
	/* 		margin: -15px 0 8px -23px; */
	/* 		padding-bottom: 12px; */
			width: 209px;
		}

.secondary .block .content {
	background: transparent url('../img/css/bg-sidebar-content.png') left top repeat-y;
	padding-bottom: 0;
	margin-bottom: 0!important;
	width: 183px;
}

.secondary .block-top {
	background: transparent url('../img/css/bg-sidebar-top.png') left top no-repeat;
	height: 6px;
	overflow: hidden;
	width: 223px;
	}
	
.secondary .block-btm {
	background: transparent url('../img/css/bg-sidebar-btm.png') left top no-repeat;
	height: 7px;
	overflow: hidden;
	width: 223px;
	}
	
.secondary .btm-white {
	background: transparent url('../img/css/bg-sidebar-btm-white.png') left top no-repeat;
	}

#primary .secondary .multi .title-ribbon h4, #primary .secondary .block .title-ribbon h4 {
	border-bottom: none;
	margin-bottom: 0;
}


.view h3 {}
	
#header #utility a {
	color: #0075b6;
	font: 1em georgia, "times new roman", serif;
}
#comment-form .tips {
	display: none;
}

#breadcrumbs {
	background: #e9deb8 url('../img/css/bg-breadcrumbs.png') 0 0 repeat-x;
	clear: both;
	height: 1.75em;
	position: relative;
	bottom: 0;
/* 	bottom: -2.2em; */
}
	.front #breadcrumbs { display: none;}	
	#breadcrumbs ol {
		list-style-type: none;
		margin: 0 auto;
		width: 940px;
	}
	#breadcrumbs li{
		background:  #fff url('../img/css/bg-breadcrumbs-sprite.png') left top no-repeat;
		display: block;
		float: left;
		font-size: .9175em;
		line-height: 1.909;
		padding: 0 10px 0 26px;
	}
	#breadcrumbs li.home{
		background-position: 0px -89px;
	}
	#breadcrumbs li.current {
		background-position: 0px -50px;
		padding-right: 0;
	}
	#breadcrumbs li.current span {
		background:  url('../img/css/bg-breadcrumbs-sprite.png') right bottom no-repeat;
		display: block;
		padding-right: 32px;
		
	}
	#breadcrumbs li a {
		color: #443f3f;
	}
	
	
	
	
/**
 * 	Image replaced buttons and headers 
 												*/ 
.cta-newsletter a {
	background:  transparent url('../img/css/mcpl-buttons.png') 0 -480px;
	display: block;
	height: 30px;
	margin: 0 auto 3px auto;
	width: 203px;
	width: 220px; /* new wider buttons */
	text-indent: -999em;
}

/*.cta-newsletter-genealogy a {
	background:  transparent;
	display: block;
	height: 30px;
	margin: 0 auto 3px auto;
	width: 203px;
	text-indent: -999em;
}*/
	.cta-newsletter a:hover{
		background-position: 0px -510px;
	}
	.cta-newsletter p, .connect-links p {
		font-family: georgia, "times new roman", serif;
		text-align: center;
		font-style: italic;
	}
		.section-genealogy .cta-newsletter p, .section-genealogy .connect-links p {
			color: #efe1b5;
		}
		.section-genealogy .cta-newsletter a {
			background-position: 0 -680px;
		}
	
.connect-links a {
	background: transparent url('../img/css/mcpl-buttons.png');
	display: block;
	height: 29px;
	margin-left: 8px;
	text-indent: -9999em;
}

a.flickr {
	display: block;
	font-family: georgia, times new roman;
	font-weight: bold;
	margin-top: 12px;
	}

a.flickr img {
	border: none;
	margin-bottom: -1px;
	}
	
a.twitter-follow  {
	background-position: 0 -550px;
	width: 203px;
}

a.twitter-follow:hover {
	background-position: 0px -580px;
}

a.facebook-connect {
	background-position: 0 -620px;
	margin-bottom: 8px;
	width: 204px;
}

a.facebook-connect:hover {
	background-position: 0 -650px;
}
/**
 * 	Containers 
 												*/ 

.block, .ad{
	margin-bottom: 1.585em;
}
	.block .block {margin-bottom: 0;}
	.ad img {
		border: 6px solid #fff;
		height: 102px;
/* 		-moz-box-shadow: 1px 1px 9px #dcd8cc;
		-webkit-box-shadow: 1px 1px 9px #dcd8cc;
		box-shadow: 1px 1px 9px #dcd8cc;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#dcd8cc')"; /* IE8+ */
		/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#dcd8cc'); */ /* IE<=7 */  
	}
	
.two-sidebars #lead{
/* 	background:  transparent url('../img/css/bg-media-spinner.jpg') 0 0 no-repeat; */
	margin-bottom: 2em;
	width: 705px;
}	
	.page-books #lead{
		height: 330px; /* temp */
	}
	.section-books-movies-music #lead{
		background:  transparent url('../img/css/bg-media-spinner.jpg') 0 0 no-repeat;
		/* height: 330px; */
	}
	.two-sidebars .primary #lead{
		background-image: none;
		width: 449px;
	}
	.front #lead {
		margin-bottom: 2em;
	}
	
#footer { 
	background: #4e4c3f url('../img/css/bg-footer.png') 0 0 repeat-x;
	clear: both; 
	padding-top: 29px;
	width: 100%;
	text-align: left;
	
}
	.section-genealogy #footer { 
		background: #4e4c3f url('../img/css/bg-footer-genealogy.png') 0 0 repeat-x;
	}

	#footer .cols {
		margin: 0 auto;
		overflow: hidden;
		width: 960px;
	}
	#footer .col{
		float: left;
		padding: 0 10px;
		width: 220px;
	}
		#footer h5 {
			color: #a29f8f;
			font-size: 1.165em;
			letter-spacing: 2px;
			margin-bottom: 1em;
			text-transform: uppercase;
		}
		#footer .col ul{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		#footer .col li{
			margin-bottom: 1em;
		}
		#footer .col a {
			color: #fff;
			font-family: georgia,"times new roman", serif;
		}
	#footer .social li{
		float: left;
		width: 37px;
	}	
		.social li a{
			background:  transparent url('../img/css/mcpl-sprite-global.png') 0 -310px no-repeat;
			display: block;
			float: left;
			height: 38px;
			text-indent: -999em;
			width: 34px;
		}
		li a.social-twitter 		{ background-position: -35px -310px; }
		li a.social-vimeo		    { background-position: -70px -310px; }
		li a.social-pintrest 		{ background-position: -105px -310px; }
		li a.social-instagram 		{ background-position: -141px -310px; }
        li a.social-youtube 		{ background-position: -175px -310px; }
        li a.social-googleplus 		{ background-position: -210px -310px; }
		
	#footer p{
		clear: both;
		color:#8B887A;
		padding: 2em 0 2em 10px;
	}
#header #utility{
	float: right;
	padding: 0 1em;
}

	#login-info{
		float: left;
		margin-left: 296px;
		padding-right: 0;
		width: 200px;
	}
		* html #login-info { margin-left: 145px;}
	#login-form{
		float: left;
		width: 430px;
		_width: 450px;
	}
.media-listing{
	float: left;
	width: 100%;
}
	.multi .media-listing {
		/*border-top: 1px dashed #b7b3a6; - do we still need this? */
		padding-top: 1em;
		margin-bottom: .75em;
	}
	.media-listing ul{
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}	
	.media-listing li {
		float: left;
		position: relative;
		text-align: center;
		width: 33%;
	}
		.media-link{display: block;}
		.media-listing .media-meta {
			display: none;
			left: 0;
			list-style-type: none;
			margin: 0;
			padding-left:30px;
			position: absolute;
			top: 60px;
			width: 360px;
			z-index: 250; 
			}
			.media-listing .media-meta .content {
				background-color: #fff;
				border: 1px solid #cbcbcb;
				overflow: hidden;
				padding: 1em;
			}
			.media-listing .media-meta li {
				float: left;
				padding: 0 0 1em 0;
				text-align: left;
				width: 145px;
			}
				.media-listing li.img {float: left; width: 170px;}
				.media-listing li.title {font: 1.415em georgia, "Times New Roman", Times, serif;}
/* 				.media-listing .media-meta img {float: left;} */

/* CSS3 custom buttons - AMW */

/* Gray */
.form-submit-gray {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
background-color: #ededed;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #808080;
display: inline-block;
color: #777777;
font-family: arial;
font-size: 15px;
font-weight: bold;
padding: 1px 12px;
text-decoration: none;
text-shadow: 1px 1px 0px #ffffff;
margin: 5px;
}

.form-submit-gray:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	//filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
    
}
.form-submit-gray:active {
	position:relative;
	top:1px;
}

a.form-submit-gray {
	color: #777777;
	text-decoration: none;
}

a.form-submit-gray:hover {
	text-decoration: none;
}

/* Green Button */

 .greenbutton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
        -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
        box-shadow:inset 0px 1px 0px 0px #a4e271;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
        background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
        background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
        background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
        background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
        background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
        
        background-color:#89c403;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #74b807;
        
        display:inline-block;
        color:#ffffff!important;
        font-family:arial!important;
        font-size:15px;
        font-weight:bold;
        padding:8px 11px;
        text-decoration:none!important;
        
        text-shadow:0px 1px 0px #528009;
        
    }
    .greenbutton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
        background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
        background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
        background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
        background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
        background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
        text-decoration: none;
        background-color:#77a809;
    }
    .greenbutton:active {
        position:relative;
        top:1px;
        text-decoration: none;
    }

    a.greenbutton {
        color:#ffffff;
    }

/* Blue Button  */


    .bluebutton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #0e87c4;
        -webkit-box-shadow:inset 0px 1px 0px 0px #0e87c4;
        box-shadow:inset 0px 1px 0px 0px #0e87c4;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1d7099), color-stop(1, #00537d));
        background:-moz-linear-gradient(top, #1d7099 5%, #00537d 100%);
        background:-webkit-linear-gradient(top, #1d7099 5%, #00537d 100%);
        background:-o-linear-gradient(top, #1d7099 5%, #00537d 100%);
        background:-ms-linear-gradient(top, #1d7099 5%, #00537d 100%);
        background:linear-gradient(to bottom, #1d7099 5%, #00537d 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d7099', endColorstr='#00537d',GradientType=0);
        
        background-color:#1d7099;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #116999;
        
        display:inline-block;
        color:#ffffff!important;
        font-family:arial!important;
        font-size:15px;
        font-weight:bold;
        padding:8px 11px;
        text-decoration:none !important;
        
        text-shadow:0px 1px 0px #20336b;
        
    }
    .bluebutton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00537d), color-stop(1, #1d7099));
        background:-moz-linear-gradient(top, #00537d 5%, #1d7099 100%);
        background:-webkit-linear-gradient(top, #00537d 5%, #1d7099 100%);
        background:-o-linear-gradient(top, #00537d 5%, #1d7099 100%);
        background:-ms-linear-gradient(top, #00537d 5%, #1d7099 100%);
        background:linear-gradient(to bottom, #00537d 5%, #1d7099 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00537d', endColorstr='#1d7099',GradientType=0);
        text-decoration:none;
        background-color:#00537d;
    }
    .bluebutton:active {
        position:relative;
        top:1px;
    }

  
    a.bluebutton {
    color:#ffffff;
     }

/* Red Button */


    .redbutton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #b31717;
        -webkit-box-shadow:inset 0px 1px 0px 0px #b31717;
        box-shadow:inset 0px 1px 0px 0px #b31717;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9e1313), color-stop(1, #6e0d0d));
        background:-moz-linear-gradient(top, #9e1313 5%, #6e0d0d 100%);
        background:-webkit-linear-gradient(top, #9e1313 5%, #6e0d0d 100%);
        background:-o-linear-gradient(top, #9e1313 5%, #6e0d0d 100%);
        background:-ms-linear-gradient(top, #9e1313 5%, #6e0d0d 100%);
        background:linear-gradient(to bottom, #9e1313 5%, #6e0d0d 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e1313', endColorstr='#6e0d0d',GradientType=0);
        
        background-color:#9e1313;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #570b0b;
        
        display:inline-block;
        color:#ffffff!important;
        font-family:arial!important;
        font-size:15px;
        font-weight:bold;
        padding:8px 11px;
        text-decoration:none!important;
        
        text-shadow:0px 1px 0px #20336b;
        
    }
    .redbutton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6e0d0d), color-stop(1, #9e1313));
        background:-moz-linear-gradient(top, #6e0d0d 5%, #9e1313 100%);
        background:-webkit-linear-gradient(top, #6e0d0d 5%, #9e1313 100%);
        background:-o-linear-gradient(top, #6e0d0d 5%, #9e1313 100%);
        background:-ms-linear-gradient(top, #6e0d0d 5%, #9e1313 100%);
        background:linear-gradient(to bottom, #6e0d0d 5%, #9e1313 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e0d0d', endColorstr='#9e1313',GradientType=0);
        text-decoration:none;
        background-color:#6e0d0d;
    }
    redbutton:active {
        position:relative;
        top:1px;
    }
    
    a.redbutton {
        color:#ffffff;
    }
	
/* End custom buttons */

/* 	white box styles
	.block .content 
	#pri .block .content
*/

.block .content, .one-sidebar #primary {
	margin-bottom: 1.585em;
	padding: 1.915em 20px 30px 20px;
}
	
.front .content, .front #primary .view, .front #secondary .block-inner, .front #tertiary .block {
/* 	background: transparent url('../img/css/bg-home-boxes.png') left bottom repeat-y; */
	background: transparent url('../img/css/bg-boxes-home.png') left bottom no-repeat
} 
	.front .content{
		background-repeat: repeat-y;
	}
	
	*+html .front .content{
		background: #fff url('../img/css/bg-boxes-home.png') left bottom repeat-y;		
	}
	
	.front #primary .view {
		background-position: -313px bottom;
		padding-bottom: 10px;
	}
	.front #primary .content {
		background-position: -1246px bottom;
		padding: 20px 20px 30px 20px;
	}
	.front #tertiary .block{
		background-position: -710px bottom;
		padding-bottom: 10px;
	}
	.front #tertiary .content{
		background-position: -1643px bottom;
		margin-bottom: 0;
	}
	.front #secondary .block-inner {
		background: transparent url('../img/css/bg-boxes-home.png') left bottom no-repeat;
		padding-bottom: 10px;
	}
	.front #secondary .content {
		background-position: -933px bottom;
		margin-bottom: 0;
	}
/* -933 */
#wrapper #page .content .content { background-image: none; padding: 0;}
	
/* newsletter CTA */	
#block-block-4 .content{
	padding: 0;
}

	
.section-genealogy #wrapper #content .content, .section-genealogy .primary .node-type-interior-2c {
	background: #fff url('../img/css/bg-content-genealogy-btm.png') left bottom no-repeat;
}	

.section-genealogy #wrapper div#secondary .content{
	background: transparent;
}
	.section-genealogy.one-sidebar .primary .node-type-interior-2c {
		background: #fff;
	}
    .section-genealogy #primary .content, .section-genealogy .primary .node-type-interior-2c {
        padding: 20px 20px 30px 20px;  
    }


.page-genealogy-subject-guides{

}
 .page-genealogy-subject-guides .primary .node-type-interior-2c, .page-genealogy-subject-guides #primary  .content {
margin: 0;
padding: 0;

    } 



	.section-genealogy #primary #slider-container { 
		background: #fff url('../img/css/bg-content-genealogy-btm.png') left bottom no-repeat;
		margin-bottom: 1em;
		padding-left: 6px;
		width: 447px;
		}
	.section-genealogy #primary .content-box-btm { 
		background: none; 
		height: 0px; 
		}
	.section-genealogy #primary .slide-btm { 
		margin-bottom: 1em;
		}		
    .section-genealogy #primary .secondary .content {
		background-position: -475px bottom;
                padding: 10px 20px 4px 20px;
    }
.two-sidebars .primary .content, .two-sidebars .secondary .content {
	background: transparent url('../img/css/bg-boxes-landing.png') 0px bottom no-repeat;
	padding: 12px 21px;
}	
	.two-sidebars .secondary .content {
		background-position: -470px bottom;
	}
	
.view {
	margin-bottom: 1.5em;
	}
	.view.view-Promotions { margin-bottom: 0; } 
	
.item-list {
		width: 425px;
			background: transparent url('../img/css/bg-main-content.png') left top repeat-y;
			margin-left:-21px;
	}
	.content-box {
		background: transparent url('../img/css/bg-main-content.png') left top repeat-y;
		padding: 1.915em 20px 30px 22px;
		width: 425px;
	}
	.content-box-top {
		background: transparent url('../img/css/bg-main-content-top.png') left top no-repeat;
		height: 7px;
		overflow: hidden;
		width: 467px;
	}
	.content-box-btm {
		background: transparent url('../img/css/bg-main-content-btm.png') left top no-repeat;
		height: 6px;
		overflow: hidden;
		width: 467px;		
	}
	.multi .content { padding-bottom: 1px;}
	
	.section-genealogy .content-box-top {
		background: transparent url('../img/css/bg-main-content-top-genealogy.png') left bottom no-repeat;
	}
	.one-sidebar #primary{
		background: transparent url('../img/css/bg-single-sprite.png') left bottom no-repeat;
		padding: 0 0 21px 0;
	}
	.one-sidebar #content{
		background: transparent url('../img/css/bg-single-sprite.png') -1660px top no-repeat;
		padding-top: 20px;
	}
		.one-sidebar #primary div.primary {
			background: transparent url('../img/css/bg-single-sprite.png') -730px top repeat-y;
			padding: 20px; 
			width: 665px;
		}
	.one-sidebar .section-genealogy #primary{
		background: transparent url('../img/css/bg-single-genealogy-sprite.png') left bottom no-repeat;
		padding: 0 0 21px 0;
	}
	.one-sidebar .section-genealogy #content{
		background: transparent url('../img/css/bg-single-genealogy-sprite.png') right top no-repeat;
		padding-top: 20px;
	}

	*+html .one-sidebar .section-genealogy #content{
		background: transparent url('../img/css/bg-single-genealogy-sprite-iefix.png') right top no-repeat;
	}

		.one-sidebar .section-genealogy #primary div.primary {
			background: transparent url('../img/css/bg-single-genealogy-sprite.png') -730px top repeat-y;
			float: none;
			padding: 20px;
			width: 665px;
		}
	
.dotedline {
	border-top: 1px dotted #b7b3a6;
	clear: both;
	margin-bottom: .25em;
	padding-top: .5em;
	padding-bottom: 1em;
	position: relative;
	top: .5em;
}

.footer { /* used on the bottom of white boxes for more links and dashed border. */
	border-top: 1px dotted #b7b3a6;
	clear: both;
	margin-bottom: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	position: relative;
	top: 2em;
}

	#tertiary .footer, #primary .secondary .footer {
		border-top: none;
		margin-bottom: -27px;
		top: 0;
	}
	
	#tertiary .footer, #primary .secondary .footer  a.more.view-all{
		border-top: none;
		margin-top: 0px;
		margin-left: 15px;
		margin-bottom: 0px;
		top: 0;
	}
	
	/* kgb */
	.footer a.more{
		height: 21px;
		
		text-transform:uppercase;
 		display: block;
		position: absolute;
		top: -10px;
		right: 10px;
/* 		width: 25%;
			background: #e6e6e6 url('../img/css/icon-more-link-24.png') 96% 50% no-repeat;
			color: #343333;
		font-size: .892em;
		
 		border: 1px solid #cdcdcd;
		border-bottom-color:#949494;
		-moz-border-radius: 15px;
		-webkit-border-radius:15px;
		border-radius: 15px;  */
	}
		*+html .section-books-movies-music #block-block-21 .footer { zoom: 1;}
		*+html .section-books-movies-music #block-block-21 .footer span { display: none;}
	
.block .footer a.more{
	width: 40%;
}


.two-sidebars .primary .footer {
    
}
	.two-sidebars .primary .footer p {
		margin-bottom: 0;
	}
	
	.section-teens .two-sidebars .footer	{ /* used on the bottom of white boxes for more links */
		background: #FFFFFF;	
		border-top: none;
		clear: both;
		margin-left: -17px;
		margin-bottom: -28px;
		padding-left: 15px;
		position: relative;
		width: 444px;
	}
		.section-teens .two-sidebars .secondary .footer {
			width: 203px;
		}

	#primary .secondary .footer a.more{
		position: relative;
/* 		width: 6.5em; */
	}
		.front .footer a.more{
			margin-top: 1.5em;
		}
	.posts .footer{
		border-top: none;
		top: 0;
		margin: 0;
	}	
		.posts .footer a.more{ margin-top: 0;}


#content .footer .view-all, .page-books-movies-music #content .footer .more {
	background:  transparent url('../img/css/mcpl-buttons.png') -100px -100px no-repeat;
	text-indent: -999em;
	width: 106px;
}
	#content .footer .view-all:hover, .page-books-movies-music #content .footer .more:hover{
		background-position: -100px -123px;
	}
#content .footer .more-posts {
	background:  transparent url('../img/css/mcpl-buttons.png') 0 -150px no-repeat;
	text-indent: -999em;
	width: 127px;
}
	#content .footer .more-posts:hover{
		background-position: 0 -173px;
	}	
.page-books-movies-music #content .secondary .footer .more {
	background-position: 0 -430px;
	height:15px;
	width: 80px;
}
	.page-books-movies-music #content .secondary .footer .more:hover {
		background-position: 0 -446px;
	}
	
.post, .section-blog-tags .views-row{
	border-bottom: 1px dashed #b7b3a6;
	margin-bottom: 2em;
	overflow: hidden; /* make sure floated images are escpaed*/
	padding-bottom: 1em;
}

#block-views-Blogs-block_7 div.post {
margin-bottom: .5em;
padding-bottom: .5em;
}	

.section-teens .primary .post {overflow: visible;}

.list-thumb-switcher {
	position: relative;
}
	.list-view img{
		display: none;
	}
	.list-thumb-switcher .author{
		display:block;
		font-size:0.857em;
		font-style:italic;
	}
	.list-thumb-switcher h3 {
	}
	.list-thumb-switcher .branch-name {
		display: block;
	}
	.list-thumb-switcher .list-thumb-toggler {
		display: block;
		height: 20px;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 52px;
		text-indent: -999em;
	}
		.list-thumb-switcher .list-thumb-toggler li {
			display: block;
			float: left;
			height: 20px;
			margin: 0;
			width: 24px;
		}
		.list-thumb-toggler a{
			background:  transparent url('../img/css/mcpl-sprite-global.png') 0 0 no-repeat;
			display: block;
			float: left;
			height: 20px;
			overflow: hidden;
			width: 24px;
		}
		.list-thumb-toggler .list-view a					{ background-position: 	   0 -420px; width: 28px;	}
		.list-thumb-toggler .thumb-view a					{ background-position: -28px -420px; }
		.thumb-view .list-thumb-toggler .list-view a		{ background-position: 	   0 -440px; }
		.thumb-view .list-thumb-toggler .thumb-view a		{ background-position: -28px -440px; }
		.thumb-view .list-thumb-toggler .list-view a:hover	{ background-position: 	   0 -460px; }
		.list-thumb-toggler .thumb-view a:hover	   			{ background-position: -28px -460px; }
		.thumb-view .list-thumb-toggler .thumb-view a:hover	{ background-position: -28px -440px; }
		
	.thumb-view .content{
		height: 300px;
		overflow-x: scroll;
		overflow-y: hidden;
	}	
	/* temp until js scroller */
		.thumb-view ul {
			width: 2000px;
		}
		.thumb-view li{
			float: left;
			text-align: center;
			width: 260px;
		}

img.homework-club {
	margin: 0 0 15px -1px;
	}

#lead .scroller {
	overflow-x: scroll;
	overflow-y: hidden;
	width: 100%;
}
	#lead .scroller ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: 410%;
	}
	.primary #lead .scroller {
		height: 440px;
	}
		.primary #lead .scroller li {
			float: left;
			width: 450px;
		}	
	.front #lead .scroller {
		color: #fff;
		height: 316px;
	}
	.front #lead .scroller li {
		background-color: #007fc6;
		float: left;
		width: 940px;
		height: 289px;
	}
	.front #lead .scroller img{
		float: left;
	}
	.front #lead .scroller li div.info{
		color: #fff;
		float: left;
		padding: 50px 30px;
		width: 250px;
	}
		.front #lead .scroller li div.info h2{
			color: #fff;
			font: 2.1em/1.2em arial, helvetica, sans-serif;
			letter-spacing: .04em;
		}
		.front #lead .scroller li div.info p{
			font-size: 1.165em;
			line-height: 1.665em;
		}
			
.more-button{
	background:  transparent url('../img/css/mcpl-buttons.png') 0 -100px no-repeat;
	display: block;
	height: 21px;
	text-indent: -999em;
	width: 87px;
}	
	.more-button:hover{
		background-position: 0 -123px;
	}
	#lead .more-button {
		background-position: 0 -50px;
	}	
	#lead .more-button:hover {
		background-position: 0 -73px;
	}
		
.intro-text {
	padding: 15px;
	}
	
.intro-text h2 {
	color: #393d40;
	font: 1.335em arial, helvetica, verdana, sans-serif;
	}
	
/* #primary .block .content {508
	background: #fff url(../img/css/bg-content-bit.gif) 0 0 no-repeat;
	margin-bottom: 60px;.
	position: relative;
	width: 339px;
}
.front #primary .content {
	background: transparent url(../img/css/bg-content-bit.gif) 0 0 no-repeat;
	width: 339px;
} */
	
/*---------------------------------- Navigation --------------------*/
/* Main menu navigation moved to main-menu.css - AMW 10-07-2014 */

/* left nav */
#wrapper #nav-sub ul {
	font-family: arial, helvetica, sans-serif;
	border-bottom: 1px dashed #b7b3a6;
	list-style-type: none;
	margin: 0 0 2.33em 0;
	padding: 0;
	width: 220px;
}
	#wrapper #nav-sub ul ul {
		margin-bottom: 0;
		border-bottom: none;
	}
	#wrapper #nav-sub ul ul ul {
		list-style-type: disc;
	}
	#wrapper #nav-sub li{
		border-top: 1px dashed #b7b3a6;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#wrapper #nav-sub li.parent>ul>li:first-child{
		border-top: none;
		margin-top: 2px;
	}
	#wrapper #nav-sub a {
		display: block;
		color: #4e535e;
		font-size: 14px;
		margin: 1px 0;
		padding: 7px 11px;
	}
	.section-genealogy #wrapper #nav-sub a{
		color: #e4d7ab;
	}
	#nav-sub li.parent>a {
		background-color: #F8Cc49;
	}
	 	.section-genealogy #wrapper #nav-sub a.active-trail {
	 	color: #E4D7AB;
	 	}
			.section-genealogy #wrapper #nav-sub .expanded a.active-trail {
			color: #44311B;
			}
	#wrapper #nav-sub li.parent ul a{
		background-color: #Ffeaab;
		background: #ffeaab url('../img/css/nav-bullet.png') 9px 50% no-repeat;
		
		padding: 5px 11px 5px 20px;
	}
		.section-genealogy #wrapper #nav-sub li.parent ul a{
		color: #44311B;
		}
			#wrapper #nav-sub li.parent ul a.long { background: #ffeaab url('../img/css/nav-bullet.png') 9px 20% no-repeat; }
	#wrapper #nav-sub li.parent ul ul li {
		border-top: none;
	
	}
	#wrapper #nav-sub li.parent ul ul a, #wrapper #nav-sub li.parent ul ul a.long{
		background-color: #fde5c9;
		background-position: 27px 50%;
		padding: 5px 11px 5px 40px;
		margin: 0;
	} 
	#wrapper #nav-sub li.parent ul a.active {
		background: transparent url('../img/css/mcpl-sprite-global.png') right -4px no-repeat;
		color: #ffffff;
		padding-left: 9px!important;
		width: 211px;
	}	
		*+html #wrapper #nav-sub li.parent ul a.active {
			display: inline-block;
		}
		#wrapper #nav-sub li.parent ul a.active.long {
			background: transparent url('../img/css/mcpl-sprite-global.png') right -385px no-repeat;
		}
		.section-genealogy #wrapper #nav-sub li.parent ul a.active {
			color: #fff;
			background: transparent url('../img/css/nav-left-genealogy-active.png') right center no-repeat;
		}
		#wrapper #nav-sub li.parent ul a.active:hover{ 
			text-decoration: none;
		}
	
		#wrapper #nav-sub li.parent a span{
			background:  transparent url('../img/css/nav-bullet-active.png') left center no-repeat;
			display: inline-block;
			height: 10px;
			width: 13px;	
			float: left;
			display: block;
			margin-right:2px;
			margin-top:2px;
			width:13px;
		}
			#wrapper #nav-sub li.parent a.long span {margin-bottom: 21px;}

/* inline editing menus */
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  list-style-type: none;
}
	
	
#header .utility {
	float:right;
	list-style-type: none;
    margin-bottom: .5em;
	margin-left: 25em;
	padding: 0 1em;
	position: relative;
	z-index: 999;
}

#header .utility li div {
margin: .3em;
vertical-align: middle;
float: left;
}

/*----------------------------------- Forms -------------------------*/

.section-user .one-sidebar #primary div.primary {padding: 0px 20px 20px 20px;}
.section-user #primary input, .section-user #primary select {margin: .25em 0 .25em 0; padding: 3px; border: 1px solid #ccc;}
.section-user #primary .legal-terms { border: 1px solid #ccc; padding: 5px; }
.section-user #primary input.form-submit {
	padding: 3px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #7eaf40;
	color: white;
	}
	.section-user #primary input.form-submit:hover {
		cursor: pointer;
		background-color: #678f35;	
	}
	.section-user #primary legend {
		font: 1.5em/1em Georgia, "Times New Roman", Times, serif; 
		margin: 0 0 0 0;
		line-height: 1.2em;
		font-size: 12px; 
		color: #583f2c; 
		font-size: 1.665em;
	}
form ul {
    list-style-type: none;
	margin: 0;
}
form li, #content .form-item {
    margin-top: 0;
    margin-bottom: 1em;
}
input, select, textarea, label, button {
    display: block;
}
	.check-radio-wrap input, .check-radio-wrap label, label input{
		border: none;
		display: inline;
		margin-right: 7px;
	}
	
form#poll input {
	border: none;
	float:left;
	margin-right: 7px;
}

	form#poll p {
		color: #393d40;
		font-size: 1.165em;
	}
	
	form#poll ul li {
		font-size: .9175em;
	}
	form#poll label {
		display: inline;
		font-family: arial, helvetica, verdana, sans-serif;
	}

	form#poll button, input#edit-vote, .poll .form-submit {
		background:url("../img/css/mcpl-buttons.png") left top no-repeat;
		border:none;
		height:21px;
		margin-top:1px;
		text-indent:-999em;
		width:137px;
		font-size: 0;
		display:block;
		line-height:0;
	}

	form#poll button:hover, input#edit-vote:hover, .poll .form-submit:hover {
		background-position: left -22px;
	}


	form#poll-cancel-form input#edit-submit {
		background:url("../img/css/mcpl-buttons.png") left -350px no-repeat;
		border:none;
		height:21px;
		margin-top:1px;
		text-indent:-999em;
		width:159px;
	}
	
	form#poll-cancel-form input#edit-submit:hover {
		background-position: left -372px;
	}


	form#poll p.view-results {
		font: 1em georgia, "times new roman", serif;
		letter-spacing: 1px;
		margin: 8px 0 0 4px;
		}
		
.poll .vote-form {
	font-family: georgia, "times new roman", serif;
}	
	.section-teens .poll .vote-form {
		font-family: arial, helvetica, verdana, sans-serif;
	}
	.poll .vote-form .choices{
		border-bottom: 1px dashed #B7B3A6;
		font: 1.085em georgia, "times new roman", serif;
		margin: 0 0 1em 0;
		width: 100%;
		padding-bottom: 1em;
	}	
	.node-type-poll .title {
		font-size: 1.166em;
	}
	.poll .vote-form .choices label{
		margin-bottom: 1em;
	}
	.poll .bar {
		background-color: transparent;
		height: 15px;
		max-width: 264px;
		width: 100%;
		_width: 264px;
	}
		* html .secondary .poll .bar{ width: 183px;}
		
	.poll .bar .foreground, .poll .answer-1 .foreground, .poll .answer-5 .foreground {
		background: transparent url('../img/css/mcpl-sprite-global-nav.png') right -40px;
		float: none;

		height: 15px;
	}	
		.poll .answer-2 .foreground, .poll .answer-6 .foreground { background-position: right -60px;} 
		.poll .answer-3 .foreground, .poll .answer-7 .foreground { background-position: right -80px;} 
		.poll .answer-4 .foreground, .poll .answer-8 .foreground { background-position: right -100px;} 
		

	.poll .percent{
		background: url('../img/css/bg-white-fade.png') no-repeat left 0;
		//color: #fff;
		font-size: .8em;
		text-align: left;
		//margin-top: -16px; 
		padding-left: 3px;
		//text-indent: -999em;
		width: 100%;
	}
		* html .poll .percent {display: none;}
		
	.poll .total {
		//display: none;
	}
	.poll .text {
		margin-top: 1em;
	}
		
	input#edit-vote {
		background:url("../img/css/mcpl-buttons.png") left top no-repeat;
	}
		
#wrapper input[type=hidden] {
    border: none;
}
button {
    cursor: pointer;

	border: 1px solid #666;
	padding: 3px;
}
button.view-all {
	background:url("../img/css/mcpl-buttons.png") -100px -100px no-repeat;
	border:none;
	height:21px;
	margin-top:1px;
	text-indent:-999em;
	width:105px;
}
	
button.view-all:hover {
	background-position: -100px -123px;
}

button.more-teen-work {
	background:url("../img/css/mcpl-buttons.png") 0 -300px no-repeat;
	border:none;
	height:21px;
	margin-top:1px;
	text-indent:-999em;
	width:189px;	
	}
	
button.more-teen-work:hover {
	background-position: 0 -323px;
	}

/*
 * 
 * Global Search
 */

.search-container {
    width: 700px;
    position: absolute;
    margin: 0 auto;
    top: 20px;
    right: 0;
	}

.search-container ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
  	display: inline-block;
	}

.search-container ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 8px 15px;
	cursor: pointer;
  
	}

.search-container ul.tabs li.tab-link{
	background: #ededed;
	color: #222;
	border: 1px solid  #c7c7c7;
	border-bottom-color: #ededed;
	}		

.search-container ul.tabs li.current{
	background: #fff;
	color: #222;
  	border: 1px solid  #adacac;
  	border-bottom: none;
  	padding-bottom: 10px;
  	box-sizing: border-box;
	}

.search-container .tab-content {
    display: none;
    background: #fff;
    border: 1px solid #adacac;
    margin-top: -1px;
    box-shadow: 1px 1px 2px 0px #cccccc;
}
.search-container .tab-content form {
    position: relative;
}

.search-container .tab-content input.search {
  border: none;
  line-height: 2em;
  height: 2em;
  font-size: 18px;
  margin: 0;
  padding: 0 10px;
  width: 678px;
  background: none;
  
}

.search-container .search-submit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background: #04517a url(/sites/all/themes/mcpl/_resources/img/searchglass_30.png) no-repeat 6px 6px;
    border: none;
    padding-left: 30px;
    padding-right: 10px;
    color: white;
   }

.search-container .tab-content.current{
			display: inherit;
		}

input:focus {
    outline:none;
}

#global-search {
	padding: 10px 20px 0 0;
	position: relative;
    clear:both;
    float: right;
    font-size: 1.2em;
}	
	
	#global-search p span{
		display: block; 
		left: -999em;
		position: absolute;
	}
	#global-search p label {
		margin-top: 0;
        margin-right: 1em;
        margin-bottom: 0;
        margin-left: .5em;
	}
    
    #global-search li.check-radio-wrap {
        display:inline-block;
        margin-top:6px;
        margin-right: 0;
        margin-bottom:0 ;
        margin-left: 10px;
         }
	
	* html #global-search p label {margin-right: 4px;}
	* html #global-search li.check-radio-wrap input  {margin-right: 0;}
	*+html #global-search p label {margin-right: 4px;}
	*+html #global-search li.check-radio-wrap input  {margin-right: 0;}
	
	
    #global-search button, #global-search li {
         float: left; }
         
	#global-search li {
		color: #353b40;
		margin-bottom: 6px;
	}
	#global-search #q, #login-form input{
		background: none;
		height: 25px;
		padding: 3px 30px 3px 10px !important;
		width: 320px !important;
		border: 1px solid #B4AEA9;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        box-shadow: inset 0 0 3px 1px #F1F1F1;
        line-height: 25px;
        vertical-align: middle;
	}

	*+html #global-search #q, #login-form input{
		background-position: fixed;
		width: 7em;
	}

		#global-search button, #login-form button{
			background:  #04517a url('/sites/all/themes/mcpl/_resources/img/searchglass_30.png') no-repeat 6px 6px;
			border: medium none;
            border-radius: 2px;
            height: 33px;
            width: 33px;
            text-indent: -999em;
            background-size: 20px;
            margin-left: 2px;
		}
		#global-search li.check-radio-wrap input {
			border: none;
		}
		
		*:first-child+html #global-search ul { background:transparent; border:none; /*margin-top:-19px;*/ }
		* html #global-search ul{zoom: 1; position:relative; top:-19px;}
		
#login-form{}
	#login-form input{
		background: transparent url('../img/css/mcpl-sprite-global.png') -300px -340px;
		height: 17px;
		padding: 3px 10px;
		width: 172px;
	}
	#login-form label{
		font-weight: bold;
		margin-left: 4px;
	}
	#login-form .pattern {
		display: block;
		letter-spacing: .1em;
		margin: 3px 0 0 4px;
	}
	#login-form button {
		float: left;
		margin: 1.7em 0 0 -51px;
	}
	
.poll {}
	.poll button {
		background:  transparent url('../img/css/mcpl-buttons.png') 0 0 no-repeat;
		border: 0;
		height: 21px;
		padding: 0;
		text-indent: -999em;
		width: 137px;
	}
	.poll button:hover, .poll button.over{
		background-position: 0 -21px;
	}
	#wrapper .poll a.more{
		float: right;
		margin-top: -1.5em;
	}
	.poll h4 {
		margin-bottom: 1em;
	}

/* AMW */

.textbox {
border: 1px solid #969696;
padding: 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 4px #DDDDDD;
-webkit-box-shadow: 0 0 4px #DDDDDD;
box-shadow: 0 0 4px #DDDDDD;
width:15em;
}


.textbox:hover {
border: 1px solid #cccccc;
}	
	
/*--------- slideshow */

#slider-container {
	background: transparent url('../img/css/bg-main-content.png') left top repeat-y;
	padding: 2px 8px 8px 9px;
	width: 450px;
	}
	.front #slider-container {width: 940px; background: none; padding: 0px 0px 0px 0px; background-color: #007fc6;}
	.section-books-movies-music #lead #slider-container {width: 705px; background: none; padding: 0px 0px 0px 0px;}
	
	.slide-btm {
	margin-bottom: 1.5em;
	}

/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
	width: 450px;
	height: 450px;
}
	.front #flowpanes { width: 940px; height: 316px; }
	.section-books-movies-music #lead #flowpanes { width: 705px; height: 300px; margin: 0 0 15px 0; }

	/* override single pane */
	 #flowpanes div {
		float:left;
		font-size:12px;
		display:block;
		width:450px;
			} 
		.front #flowpanes div { 
			width:940px;
			font-size:14px;
/*			border: 1px solid #0f0; */
		}
		.section-books-movies-music #lead #flowpanes div { 
			width:640px;
		}
			
	#flowpanes div.info, .section-books-movies-music #lead #flowpanes .pane{
		z-index: 222;
		margin-top: 28px; /* clear the tabs */
		padding: 0 10px;
		width: 430px;
	}
		.section-books-movies-music #lead #flowpanes .pane {width: 705px; color: white;}
		.section-books-movies-music #lead #flowpanes .pane h2 {color: white; font-family: Arial, Helvetica, sans-serif; font-size: .9em; font-weight: bold;}
		.section-books-movies-music #lead #flowpanes .pane h3 {color: white; font-size: .8em; font-style: italic;}
		.section-books-movies-music #lead #flowpanes .blurb { width: 212px; float: left; text-align: center; border-right: 1px dotted #808080; vertical-align: center; height: 230px;}
		.section-books-movies-music #lead #flowpanes .blurb.last {border: 0}
		.section-books-movies-music #lead #flowpanes .blurb img {height: 150px; padding: 1em 0 1em 0;}
		
		.section-books-movies-music .pane a.next, .section-books-movies-music .pane a.prev{
			background:  transparent url('../img/css/mcpl-sprite-global.png') 0 0 no-repeat;
			display: block;
			height: 22px;
			overflow: hidden;
			width: 24px;
			text-indent: -9999px;
		}	
			.section-books-movies-music .pane a.next { background-position: -100px -390px; width: 24px; margin-top: 80px; float: left; }
			.section-books-movies-music .pane a.prev  { background-position: -70px -390px; width: 24px; margin-top: 80px; float: left; }
		
		.section-books-movies-music .scrollable {
			position:relative;
			overflow:hidden;
			width: 646px;
			height: 250px;
			}		
		.section-books-movies-music .scrollable .items {
			width:20000em;
			position:absolute;
			clear:both;
			}					
		
		.front #flowpanes div img {float:left;}
		.front #flowpanes div.info { width: 250px; float: left; display: block;}
		.front #flowpanes div h2, .front #flowpanes div p, .front #flowpanes div a.more { margin-left: 15px; color: #fff; margin-right: 15px; }
		.front #flowpanes div h2 { font-size: 2em; padding: .75em 0 .75em; 0 }
		.front #flowpanes div p { font-size: 1em; }
		#flowpanes .info h2 {
			font-size: 1.286em;
		}
			.not-front #flowpanes .info h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #393D40; -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */  }
	/* our additional wrapper element for the items */
	#flowpanes .items, .front #flowpanes .items, .section-books-movies-music #lead #flowpanes .items, .section-books-movies-music #lead #flowpanes .panes  {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
	}
		#innerpanes div {
			width:20000em;
			position:absolute;
			clear:both;
			margin:0;
			padding:0;		
		}
	
	#flowpanes .less, #flowpanes .less a {
		color:#999 !important;
		font-size:11px;
	}

ul#flowtabs {
	background: transparent url('../img/css/mcpl-slider-sprite-home.png') -90px -7px no-repeat;
	display: none;
	height: 48px;
	margin: -21px 0 0 0;
	padding: 0 0 3px 0;
	position: relative;
	width: 454px;
	z-index: 10;

	margin-top: -158px;
	position: absolute;
	}
	.front ul#flowtabs { margin-top: -48px; width: 940px; }
	.section-books-movies-music #lead ul#flowtabs { margin-top: -51px; margin-left: 3px; width: 703px; background: transparent url('../img/css/mcpl-slider-sprite-books.png') -317px -7px no-repeat; }
		* html .section-books-movies-music #lead ul#flowtabs {background: transparent url('../img/css/mcpl-slider-sprite-books-ie.gif') -317px -7px no-repeat;}
	.two-sidebars ul#flowtabs { background: transparent url('../img/css/mcpl-slider-sprite-home.png') -581px -7px no-repeat; }
	ul#flowtabs.show {
		display: block;
	}
	
	ul#flowtabs li {
		display: inline-block;
		float: left;
		list-style: none;
		width: 56px;
		}
		.section-books-movies-music #lead ul#flowtabs li {width: 95px;}
		
	ul#flowtabs li a {
		background: transparent url('../img/css/mcpl-slider-sprite.png') -61px -7px no-repeat;
		display:block;
		float: left;
		height: 48px;
		outline: none;
		text-indent: -9999px;
		width: 56px;
		}
		.front ul#flowtabs li a { background: transparent url('../img/css/mcpl-slider-sprite-home.png') -61px -7px no-repeat; }
		.section-books-movies-music #lead ul#flowtabs li a { 
			width: 95px; 
			background: transparent url('../img/css/mcpl-slider-sprite-books.png') -101px -7px no-repeat;
			text-indent: 0px;
			color: white;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			padding-top: 1.65em;
			}
			* html .section-books-movies-music #lead ul#flowtabs li a {background: transparent url('../img/css/mcpl-slider-sprite-books-ie.gif') -101px -7px no-repeat;}
	
	ul#flowtabs li a.current {
		background: transparent url('../img/css/mcpl-slider-sprite.png') 0px 3px no-repeat;
		}
		.front ul#flowtabs li a.current { background: transparent url('../img/css/mcpl-slider-sprite-home.png') 0px 3px no-repeat; }
		.section-books-movies-music #lead ul#flowtabs li a.current { background: transparent url('../img/css/mcpl-slider-sprite-books.png') 0px  -7px; no-repeat; }
			* html .section-books-movies-music #lead ul#flowtabs li a.current { background: transparent url('../img/css/mcpl-slider-sprite-books-ie.gif') 0px  -7px; no-repeat; }
* html ul#flowtabs, * html ul#flowtabs li a, * html ul#flowtabs li a.current{background-image: url('../img/css/mcpl-slider-sprite-ie.gif');}
* html .front ul#flowtabs, * html .front ul#flowtabs li a, * html .front ul#flowtabs li a.current{background-image: url('../img/css/mcpl-slider-sprite-home-ie.gif');}
		
/*--------- end slideshow */

/* -----  teens block display */
#block-block-17 img {padding-right: 5px; width: 85px; height: 85px;}
	*+html #block-block-17 img {padding-bottom: 5px;}
.section-teens #block-block-41 .content {padding: 0px; background: none;}
#block-block-45 .content {padding: 0px; background: none;}
/* Teens create art - Views slideshow -- AMW */
	.view-user-created-content.view-display-id-block_1 .view-header,
	 .view-user-created-content.view-display-id-block_1 .view-content {
	 	display: inline-block;
	 	vertical-align: top;
	 }
	 .view-user-created-content.view-display-id-block_1 .view-header {
	 	width: 52%;
	 	padding-right: 30px;
	 }
	 .view-user-created-content.view-display-id-block_1 .view-content {
	 	width: 37%;
	 }
	 .view-user-created-content.view-display-id-block_1 .view-content a > img {
	 	margin-left: 16px;
	 }
/* -----  end teens block display */

.page-kids{}
	.page-kids.node-type-landing-2c  #content-bottom  .block-block {
		background-color: #E5374E;
		float: left;
		height: 134px;
		margin-right: 15px;
/* 		padding: 8px; */
		border: 8px solid #fff; /* prolly need to be replaced with a bgi + padding */
		text-align: center;
		width: 199px;
	}
	.page-kids.node-type-landing-2c  #content-bottom .region-odd {
		background-color: #0882C5;
	}
	.page-kids.node-type-landing-2c  #content-bottom  .block-block .content{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		.page-kids.node-type-landing-2c  #content-bottom  .block-block h2 {
			background: transparent none;
			color: #fff;
			font-size: 1.4em;
			font-weight: bold;
			margin: 0;
			padding: 2em .5em 1em .5em;
			text-transform: none;
			height: 40px;
		}
		.page-kids.node-type-landing-2c  #content-bottom  .block-block h2 span {
			background: transparent none;
		}
		.page-kids.node-type-landing-2c  #content-bottom  .block-block a{
			color: #fff;
		}
		
/* Blog Image Display */

.views-field-field-external-image-value	img { float: right; padding-left: 1em; }	


/*----------------------------------- Randoms/dev utility styles ---*/

.accessibility, ul li a.accessibility  { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }

.column {
    float: left;
	width: 45%;
	margin-right: 2%;
}

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }
.error, .red 	{ color: red; }


/* there's always a better way than using these. */
.hide			{ display: none; }
.left 			{ float: left; margin: 10px 5px 10px 0; }
* html .left 	{ margin-right: 0; }
.right 			{ float: right; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }

.view-content td { border: 0px solid #ccc; padding: .5em; width:220px;}

/*Unset fixed td width for certian .view-content - AMW */
.view-user-created-content .view-content td {
width: auto;
}

.view-user-created-content.view-display-id-page_1 .view-content .views-field-title  {
	width: 25%;
}

/* Background colors for the 6 nav boxes on kids landing */
.page-kids.node-type-landing-2c #content-bottom #block-block-9 {
  background-color: #eb4757;
}
.page-kids.node-type-landing-2c #content-bottom  a.more.btn-go-red {
 display: block;
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -0px transparent;
 text-indent: -999em;
 width: 60px;
 height: 22px;
 margin-left: 70px;
 }
 .page-kids.node-type-landing-2c #content-bottom .more.btn-go-red:hover {
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -22px transparent;
 }
.page-kids.node-type-landing-2c #content-bottom #block-block-10 {
  background-color: #f19542;
}
.page-kids.node-type-landing-2c #content-bottom  a.more.btn-go-oj {
 display: block;
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -44px transparent;
 text-indent: -999em;
 width: 60px;
 height: 22px;
 margin-left: 70px;
 }
 .page-kids.node-type-landing-2c #content-bottom .more.btn-go-oj:hover {
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -66px transparent;
 }
.page-kids.node-type-landing-2c #content-bottom #block-block-11 {
  background-color: #f7cb45;
}
.page-kids.node-type-landing-2c #content-bottom  a.more.btn-go-yellow {
 display: block;
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -88px transparent;
 text-indent: -999em;
 width: 60px;
 height: 22px;
 margin-left: 70px;
 }
 .page-kids.node-type-landing-2c #content-bottom .more.btn-go-yellow:hover {
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -110px transparent;
 }
.page-kids.node-type-landing-2c #content-bottom #block-block-12 {
  background-color: #9ccc56;
}
.page-kids.node-type-landing-2c #content-bottom  a.more.btn-go-green {
 display: block;
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -132px transparent;
 text-indent: -999em;
 width: 60px;
 height: 22px;
 margin-left: 70px;
 }
 .page-kids.node-type-landing-2c #content-bottom .more.btn-go-green:hover {
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -154px transparent;
 }
.page-kids.node-type-landing-2c #content-bottom #block-block-19 {
  background-color: #008fcd;
}
.page-kids.node-type-landing-2c #content-bottom  a.more.btn-go-blue {
 display: block;
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -176px transparent;
 text-indent: -999em;
 width: 60px;
 height: 22px;
 margin-left: 70px;
 }
 .page-kids.node-type-landing-2c #content-bottom .more.btn-go-blue:hover {
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -198px transparent;
 }
.page-kids.node-type-landing-2c #content-bottom #block-block-20 {
  background-color: #8d4ba4;
}
.page-kids.node-type-landing-2c #content-bottom  a.more.btn-go-purp {
 display: block;
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -220px transparent;
 text-indent: -999em;
 width: 60px;
 height: 22px;
 margin-left: 70px;
 }
 .page-kids.node-type-landing-2c #content-bottom .more.btn-go-purp:hover {
 background: url("../img/css/go_buttons.png") no-repeat scroll -0px -242px transparent;
 }

/*
 * pager
 */
.view div.item-list {
background: none;
}

.item-list .pager {
  margin-top: 1em;
}

.item-list .pager li {
  padding: 0;
  margin: 2px;
}

.pager li.pager-current, .pager li a {
  background: transparent url(../img/css/blue-button.png) no-repeat top;
  -moz-border-radius-bottomleft:2px;
  -moz-border-radius-bottomright:2px;
  -moz-border-radius-topleft:2px;
  -moz-border-radius-topright:2px;
  border:1px solid #90C2E1;
  margin:0;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  font-size: 96%;
  font-weight: bold;
  text-transform: uppercase;
  outline: 1px solid #9BABB0;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 2px 4px;
  text-decoration: none;
}

.pager a:hover,
.pager li.pager-current {
  background: transparent url(../img/css/blue-button.png) no-repeat bottom;
  text-decoration:none;
  color: #000;
}

.pager a,
.pager li.pager-current {
  padding: 2px 4px;
}

.pager {
  text-align:center;
}
/* Facebook Likebox custom styles - AMW
******************************************/
._8o._8r.lfloat {
display: none;
visibility: hidden;
}

.fsl.fwb {
display: none;
visibility: hidden;
}

/* jQuery slideToggle menu styles -AMW*/

.expandable span
{
color:#007fc6;
background:url(/sites/all/themes/mcpl/_resources/img/arrow-toggle.png) 4px 3px;
background-repeat:no-repeat;
padding-left:20px;

}

.expandable span:hover {
opacity:.8;
text-decoration:underline; }

.expanded#toggle span
{
background:url(/sites/all/themes/mcpl/_resources/img/arrow-toggle.png) 4px -30px;
background-repeat:no-repeat;
padding-left:20px;
}

/*Augment drupal expanding menu styles by adding "expander" class - AMW*/

fieldset.expander {
padding-bottom: 2em;
}

/* Mimic h2 styles */
fieldset.expander > legend > a {
color:#583f2c;
font: 1.665em/1em Georgia, "Times New Roman", Times, serif; 
}

/* Feedback floater styles - AMW
*********************************************/

#block-block-68 .content {
padding:0;
}

#block-block-68 {
width: 100px;
height: 60px;
overflow: hidden;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
color: #252525;
cursor: pointer;
z-index: 9999;
position: fixed;
bottom: 5px;
border: 1px solid #cccccc;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
right: 10px;
-webkit-transition: -webkit-transform 0.3s ease;
}

#block-block-68 .olUp {
width: 100%;
height: 100%;
background: url(/_uploaded_resources/float_icon.gif) center 13px no-repeat;
text-align: center;
padding: 34px 0 5px 0;
position: relative;
z-index: 2;
filter: alpha(opacity=100);
opacity: 1;
transition: opacity .5s;
-moz-transition: opacity .5s;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
}

#block-block-68 .oo_transparent {
display: block;
background: white;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
opacity: 0.8;
filter: alpha(opacity=80);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#block-block-68 .olOver span {
display: block;
padding: 7px 5px;
}

#block-block-68 .olOver {
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
min-height: 50px;
z-index: 2;
opacity: 10;
//filter: alpha(opacity=0);
//transition: opacity .5s;
//-moz-transition: opacity .5s;
//-webkit-transition: opacity .5s;
//-o-transition: opacity .5s;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

/* using jquery .addClass to show .olOver */

#block-block-68 .shown {
opacity:10;
background-color:white;
}

/* Feedback form styles 
*****************************************/

/*Resets*/
#block-webform-client-block-67126 .content, #block-block-68 .content, #block-block-85 .content, 
#block-webform-client-block-67126 .title,  #block-webform-client-block-67126 .title span, #block-block-85 .title, #block-block-85 .title span {
background:none; }

#block-webform-client-block-67126 .webform-component, #block-webform-client-block-67126 .form-item {
margin:0;
padding:0;
max-width: 94%;
}

#block-webform-client-block-67126 .messages.error {
display:none; 
}

/* Styles */
#block-webform-client-block-67126, #block-block-85 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background-image:url('../img/trans-bak.png');
display: none;
}

#block-webform-client-block-67126 .block-inner, #block-block-85 .block-inner {
width: 600px;

max-height:90%;
margin: 2% auto 0 auto;

background-color: white;
overflow-x: hidden;
overflow-y: scroll;
//-webkit-overflow-scrolling: touch;
z-index: 999999;
box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px;
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px; 
border: 1px solid rgb(58, 58, 58);
position:relative;


}



.feedback-close {
position: absolute;
right: 1em;
top: 1em;
cursor: pointer;
color:white;
}

#block-webform-client-block-67126 .title, #block-block-85 .title {

color: #F3F3F3;
line-height: 1.3em;
font-family: Arial;
font-size: 26px;
text-transform: capitalize;
border: 2px solid #025077;
background: #006191;
margin: 0;
padding: 0;
}

#block-webform-client-block-67126 div#webform-component-fb-comments {
position: absolute;
top: 11.4em;
right: 1em;
width: 50%;
}

#webform-component-fb-comments textarea {
resize:none;
max-height: 11.5em;
width:97%;
}

#block-webform-client-block-67126 .form-select {
width: 45%;
}

#block-webform-client-block-67126 .form-submit {
margin-top: 1em;
}

#block-webform-client-block-67126 #webform-component-fb-attach-a-screenshot {
clear:right;
}

.modal-open {
overflow:hidden;
} 

/* User created content styles -AMW */
div.field.field-type-text.field-field-creator {
padding-bottom: 2em;
}

/*  Survey styles - AMW
*************************/



div#survey #survey-content {
margin: auto;
margin-top: 1em;
margin-bottom: 3em;
width: 95%;
display:block;
font-size:130%
}

#survey-header {
min-height: 8em;
background-color: rgb(15, 15, 153);
background-image:url('/sites/all/themes/mcpl/mcpl-white-logo.png');
background-repeat:no-repeat;
background-position:10px 1em;
color: white;
width: 100%;
border-bottom: 2px solid rgb(23, 23, 97);
box-shadow: 0 1px 3px rgb(141, 141, 146);

}

#survey-header h1 {
font-size: 3.5em;
text-align:center;
margin:auto; 
padding-left: 155px;
padding-top: 20px;
padding-bottom: 20px;
}

#survey td.webform-grid-question {
min-width: 6em;
}

#survey table {
width: 100%;
}

#survey thead.tableHeader-processed, #survey .webform-component > .form-item > label {
background: lightgray;
padding: 5px 10px 0 10px;
border-bottom: 2px solid #B0B0B0;

}

#survey .form-select {
max-width: 100%;
margin-top: 20px;
}

#survey table.webform-grid > thead > tr > th.checkbox {
width: 19%;
}

#survey .form-radios .form-item {
/*display: inline-block;*/
}

#survey .webform-component .form-item {
margin: 7px;
}

#survey .form-item label.option {
vertical-align: top;
}

#survey .webform-component .form-item input.form-radio {
margin: auto;
width:30px;
height:30px;
border-radius:15px;
padding: 15px;

 }
 
#survey input#edit-submit {
font-size: 2em;
margin: 10px;
padding: 10px;
box-shadow: 0 2px 5px #D5D5D5;
}

@media (max-device-width: 480px) {

#survey {
font-size:55%;
 }
 
#survey-header {
background-size:100px;
 }
 
 #survey-header h1 {
 padding-left:120px;
 padding-right:10px;
  }

#survey .form-select {
height: 3em;
} 

}

/* Fix block styles for the left sidebar. Add each block that needs to be styled. - AMW */

#block-block-98 div.content {
padding: 8px;
background: white;
border-left: 3px solid #F2EFE6;
border-bottom: 3px solid #F2EFE6;
border-right: 3px solid #F2EFE6;
border-radius: 5px;
}

/* Tooltip icon for specified main menu items */
.block-menu-id-menu-om-bmm--explore .leaf.last a::after {
    content: url('/sites/all/themes/mcpl/_resources/img/icon-questionmark-small.gif');
    padding-left: 1em;
    padding-top: 1px;
    position: absolute;
}

/* My Library Story */

.libstory .thumb {
    float: right;
    padding: 10px;
    vertical-align: middle;
}

.libstory {
    clear: both;
}

.libstory .story {
    vertical-align: middle;
    padding-top: 20px;
}

.node-type-user-content img.imagefield.imagefield-field_image_one {
  float: right;
  padding: 0 10px;
}

/* Views exposed filters */

.views-exposed-form {
  background-color: #F5F5F5;
  padding: 10px;
}

.view-user-created-content .views-exposed-form .form-item input {
  width: 165px;
}

/********************************* 
   * 
   * Story Center Styles
   * 
   ************************************/
  

.section-story-center h2#section {
    display: none;
}

.section-story-center.node-type-interior-2c div#secondary {
    margin-top: -1.7em;
}

.section-story-center div#block-views-node_branch_location-block_1 {
    padding: 10px;
    background: white;
}

.section-story-center #breadcrumbs li:after {
    content: ">";
    padding-left: 1em;
}

.section-story-center #breadcrumbs li.current:after {
    content: "";
}

.section-story-center #breadcrumbs li.current span {
    display: inline;
}

.section-story-center #wrapper {
    background: url(/_uploaded_resources/storycenter_pattern.png) left top repeat;
    background-size: 30px;
}

.section-story-center div#page {
    background: rgba(255, 255, 255, 0.07);
}

.section-story-center #wrapper #header #breadcrumbs {
    background: #2E2C2D;
    background: rgba(46, 44, 45, 0.8);
    color: #A2A2A2;
    height: 35px;
    font-size: 1.4em;
    /* border-top: 5px solid #248DA9; */
}

.section-story-center .one-sidebar #content, .section-story-center .content-box-btm {
    background: none;
    padding-top: 0;
}

.section-story-center #slider-container, 
.section-story-center .two-sidebars .primary .content,
.section-story-center .two-sidebars .secondary .content,
.section-story-center .one-sidebar #primary div.primary {
    background: white;
 }

.section-story-center .block h2 span, .section-story-center .view h2 span, 
.section-story-center #tertiary .block h3 span, .section-story-center #tertiary .view h3 span, 
.section-story-center #primary .secondary h2 span, .section-story-center #primary .secondary h3 span, .front
.section-story-center #secondary h3 span, .section-story-center .related-info h3 {
    background: none;
    background-color: #0D618D;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-weight: bold;
    color: white;

}



.section-story-center #nav-sub li.parent>a {
    background-color: #0d618d;
}


.section-story-center #wrapper #nav-sub .expanded.parent ul.menu {
   padding-top: 0;
   padding-bottom: 0;
}

.section-story-center #wrapper #nav-sub li.parent>a {
    color: #fff;
}

.section-story-center #wrapper #nav-sub li.parent ul a, .section-story-center #wrapper #nav-sub li.parent ul a.active { 
    background-image: none;
    background: #e0e0e0;
    color: #000;
   
}

.section-story-center #wrapper #nav-sub li.parent ul a {
list-style-type: none;
}

.section-story-center #wrapper #nav-sub ul a.active {
	font-weight: bold;
}

.section-story-center #wrapper #nav-sub li.parent ul a.active {
    width: 188px!important;
    padding-left: 1.5em;
}

.section-story-center .related-info h3 {
	margin: 0!important;
    padding: 5px 15px;
}

.section-story-center .block h2, .section-story-center .view h2, .section-story-center #tertiary .block h3, .section-story-center #tertiary .view h3, 
.section-story-center #primary .secondary h2, .section-story-center #primary .secondary h3, 
.section-story-center .front #secondary h3 {
    background: none;
    color: white;
}

.section-story-center #wrapper #nav-sub a {
    color: #000;
    font-size: 14px;
}

.section-story-center #breadcrumbs li, .section-story-center #breadcrumbs li span {
    background: none!important;
}

.section-story-center #breadcrumbs li {
    margin-top: 3px;
 }
 
.section-story-center #breadcrumbs li a {
    color: white;
 }

.section-story-center #footer {
    background: none;
    background-color: #2E2C2D;
}

.section-story-center a {
   /* color: #248DA9!important;*/
}

.section-story-center .content-box-top {
    background: none;
    background-color: #0D618D;
    height: 5px;
}

.section-story-center #wrapper #nav-sub ul.menu, .section-story-center #wrapper .related-info ul.menu {
    background: white;
    padding: 10px 0;
}

/* Format Partner Thumbnails */
.section-story-center .cols.partners img {
    margin: auto;
    padding: 10px;
    text-align: center;
    display: table-cell;
    /* background: white; */
    max-height: 150px;
    max-width: 250px;
    line-height: 150px;
    vertical-align: middle;
}

.section-story-center #footer .partners li {
    width: 33.33%;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}

.section-story-center .partners ul {
    list-style-type: none;
    display: table;
    margin: 0;
    width: 100%;
}

.section-story-center .cols.partners {
    padding-bottom: 10px;
}