/* CSS for milibrary.org */

body {
  font-size: 1em;
  padding-top: 0;
  font-family: Futura, Helvetica, Arial, sans-serif;
}

footer {
	background-color: #f2f2f2;
	border-top: 1px solid #d4d4d4;
	margin-top: 48px;
	padding: 14px 0 32px;
}

.catalog-header {
    text-align: right;

}

.event-body ul {
  position: relative;
  left: 2em;
}

.hero-unit {
	padding: 0;
}

.label {
	font-size: 13px;
}

.label-warning,
.badge-warning {
	background-color: rgb(227,130,36);
}

.label-success,
.badge-success {
	background-color: rgb(124,146,48);
}

.logged-in .form-item .control-label,
.logged-in #field-admission-values label {
	font-size: 14px;
	font-weight: bold;
	line-height; 20px;
	color: #333333;
	display: block;
	margin-bottom: 5px;
}

.logged-in .form-item .option.checkbox,
.logged-in .vertical-tabs .control-label,
.logged-in .field-type-datetime label {
	font-size: 1em !important;
	font-weight: normal !important;
	background-color: transparent !important;
	color: #000000 !important;
}

@media(max-width: 979px) {
  .catalog-header {
    text-align: center;
  }
  .header-logo {
    text-align: center;
  }
}

.navbar-inner {
	border: none;
	border-bottom: 1px solid #d4d4d4 !important;
	border-radius: 0 !important;
}

.node-footer {
	background: none;
	border: none;
}

.subscribe {
	padding: 4px 10px;
	height: 32px !important;
	line-height: 32px;
}



/****************************
 * Main Nav
 ****************************/

.btn-navbar {
	background: #faaa00 !important;
}

.mobile-menu {
	color: #333;
}

.nav-collapse {
	margin-top: 1.6em;
}

ul li.collapsed, ul li.expanded, ul li.leaf {
    list-style: outside none none;
}

.dropdown>.dropdown-menu>li {
	margin-bottom: 1em;
}

.dropdown>.dropdown-menu>li>a {
	font-weight: bold;
}

li.dropdown:hover > ul.dropdown-menu {
	display: block;
	margin: 0;
}

li.dropdown:hover > ul.dropdown-menu a.dropdown-toggle:after {
	content: none;
}

@media (max-width:760px) {
	ul li.leaf {
		line-height: 30px;
	}
	.dropdown>.dropdown-menu>li {
		white-space: normal !important;
	}
	.nav-collapse .dropdown-menu a {
		padding: 5px 8px !important;
	}
}

.carousel-caption {
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0, 0.74);
	background: transparent\9;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);   /* IE6 & 7 */
	zoom: 1;
}

.carousel-caption button {
	float: right;
	margin: 0 1em;
}

.event-page-date { /*Centers the date listed on event pages*/
  text-align: center;
}

#anchorbar {
  	text-align: right;
	font-size: .75em;
}

#anchorbar div {
	padding-right: 66px;
}

.catalog-header form {
  margin-top: 1em;
  margin-bottom: 0;
}

.catalog-header .input-prepend {
  width: 70%;
}

.catalog-header .input-prepend input {
  width: 70%;
}
#navbar + .container  {
  margin-top: 1em;
}
@media (min-width: 1200px) {
	.navbar-inner .container {
	    width: 1170px;
	}
}

.percent-33 img {
    margin: 0 1em 1em 0;
  	width: 33.33333333%;
	float: left;
}

.front-btn-grp {
	width: 100%;
	margin-bottom: 16px;
	text-align: center;
}

.front-btn-grp a {
	width: 40%;
}

#map_canvas {
	width: 100%;
	height: 200px;
}

.gray-bkgrd {
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-topright: .5em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5m;
	background-color: rgb(124,146,48);
	color: #ffffff;
}

.gray-bkgrd>div,
.gray-bkgrd .events-share {
	margin: 0 1em;
}

.gray-bkgrd h4 {
	margin: 0 1em 1em 1em;
	padding-top: 1em;
}

.events-right-pane img {
	width: 100%;
}

.events-right-pane .admissions,
.events-right-pane .location,
.events-right-pane .contact,
.events-right-pane .events-share {
	padding-bottom: 1em;
}

.events-right-pane a {
	color: rgb(254,184,37);
}

.twitter-share-button {
	padding-top: .5em;
}

.eventbrite-widget {
	margin-top: 1em;
}

.social,
.authoring_info {
  margin: 1em;
}

.social-33 {
  width: 33%;
  float: left;
  text-align: center;
}

.blog-browse {
	text-align:center;
}
.blog-browse .views-row {
	margin: .5em 1em;
}

.blog-browse img,
.authoring_info img {
	width: 50%;
	margin: 0 auto;
}

.featcollrow {
	display: block;
}

.featcollimg {
	width: 10%;
	float: left;
	margin: 0 1em 1em 0;
}

.featcollimg img {
	width: 100%;
}

.featcollrow {
	margin-bottom: 1em;
}

.featcollrow img {
	width: 100%;
}

.image-left-25 {
	float: left;
	width: 25%;
	margin: 0 1em 1em 0;
}

.box-right-25 {
	width: 25%;
	float: right;
	margin: 0 0 1em 1em;
	clear: right;
}

.newtitleimg img {
	width: 100%;
}

/* Add highlight color to the Donation menu item */
a#menu-donate {
	background-color: #B0BE83 !important;
	webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
	text-shadow: 0 1px 0 #BFCF8B !important;
}

.user-menu a {
	background-color: #333333 !important;
	color: #EEEEEE !important;
	webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
	text-shadow: 0 1px 0 #DDDDDD !important;
}

.mobile-login {
	display: none;
}

@media (max-width: 979px) {
	.mobile-login {
		display: block;
		padding-top: 12px;
	}
}


/***********************************
 * Next four events listed on /front
 **********************************/

.four-preview .overlay-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: #333333;
  background: rgba(0, 0, 0, 0.50);
  background: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000)"; /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);   /* IE6 & 7 */
  zoom: 1;
}

.overlay-caption a
.overlay-caption a:hover {
	color: #FFFFFF !important;
}

.preview-more {
	clear: both;
	height: 4em !important;
	overflow: hidden;
	padding-top: .2em;
	background-image: linear-gradient(bottom, rgb(255,255,255) 15%, rgb(204,204,204) 75%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 15%, rgb(204,204,204) 75%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 15%, rgb(204,204,204) 75%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 15%, rgb(204,204,204) 75%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 15%, rgb(204,204,204) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.15, rgb(255,255,255)),
		color-stop(0.75, rgb(204,204,204))
	)
}

.preview-more li {
	margin: .5em !important;
	font-size: 12px;
	font-weight: bold;
}

@media(min-width: 768px) {
	.four-preview .overlay-caption {
		padding-top: 68px;
	}
}

@media(min-width: 980px) {
	.four-preview .overlay-caption {
		padding-top: 91px;
	}
}

@media(min-width: 1200px) {
	.four-preview .overlay-caption {
		padding-top: 111px;
	}
}

.four-preview .preview-item {
	float: left;
	position: relative;
	  overflow: hidden;
}

.four-preview .preview-item img {
	width: 100%;
}

.four-preview .preview-item .date {
	color: #ffffff;
	position: absolute;
	top: 0px;
	left: .5em;
}

.four-preview .preview-item .title {
	position: absolute;
	bottom: 0px;
	left: .5em;
}

.four-preview .preview-item .title a  {
	color: #FFFFFF !important;
}

.four-preview .preview-item .title a:hover {
	color: #FFFFFF !important;
}

.view-recent-updates .views-row {
	margin-bottom: 1em;
}

.tm_issue a {
	margin-left: 10px;
}

.front-feature .views-row {
}

.front-feature .views-row a {
	line-height: 1.25em;
}

.front-feature .views-row-even {
	background: rgb(95,137,162);
}

.front-feature .views-row-even a {
	color: #ffffff;
}

.front-feature .views-row>div {
	padding: 0.5em 1em 0.5em 1em;
}



/********************************
 * /events
 * /events/past-events
 ********************************/

#events-page .row-fluid {
	margin: 1em 0;
}

#events-page .row-fluid.row-even {
	background: #e9e9e9;
}

/** This was causing hover behavior only on the
CinemaLit page (is that right?). Keeping for now
but disabled just in case it's used elsewhere.

.hovered {
	background: #a8a8a8 !important;
}

**/

#events-page .title {
	margin-bottom: 0;
}

#events-page .subtitle {
	margin-top: .2em;
}

#events-page .registration .btn {
	margin-top: 1em;
}

#events-page .registration h5 {
	text-align: center;
}

/** the following hides something I couldn't get out
	with PHP; need to fix PHP instead of using this **/
.view-display-id-page_1 {
	display: none;
}

.view-id-events_past .events-view-taxonomy-field,
.view-id-events_past .events-view-title-field {
	font-weight: bold;
}

.view-id-events_past .views-row {
  margin-bottom: 20px;
}



/********************************
 * /blog
 ********************************/

#blog-page .row-fluid {
	margin: 1em 0;
}

#blog-page .row-fluid.row-even {
	background: #e9e9e9;
}

#blog-page .title {
	margin-bottom: 0;
}

#blog-page .subtitle {
	margin-top: .2em;
}

#blog-page .registration .btn {
	margin-top: 1em;
}

#blog-page .registration h5 {
	text-align: center;
}

.light-bkgrd {
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-topright: .5em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5m;
	background-color: rgb(200,200,200);
	color: #333333;
  padding: 1em 0;
}

.light-bkgrd>div,
.light-bkgrd .social {
	margin: 0 1em;
}

.light-bkgrd h4 {
	margin: 0 1em 1em 1em;
	padding-top: 1em;
}

.view-blog-all-posts .views-row {
	clear: both;
	margin: 16px 0;
	overflow: auto;
	padding: 30px 0;
}

.view-blog-all-posts .views-row-even {
	background-color: rgb(233, 233, 233);
}

.view-blog-all-posts .views-field-field-page-image {
	margin-right: 20px;
}

.view-blog-all-posts .views-field-title {
}

.view-blog-all-posts .views-field-body {
}



/********************************
 * /books
 ********************************/

 .books-page .views-field-term-node-tid {
	font-weight: bold;
	text-align: center;
	padding: .5em 0;
	color: #ffffff;
 }

 .books-page .term-Staff-Picks {
	background-color: rgb(116,30,39);
 }

 .books-page .term-New-Titles {
	background-color: rgb(0,97,92);
}

 .books-page .term-Reviews {
	background-color: rgb(95,137,162);
 }

 .books-page .term-Featured-Collection {
	background-color: rgb(124,146,48);
 }

 .books-page .term-Library-News {
	background-color: rgb(227,130,36);
 }

.books-page .nyficrank {
  background-color: rgb(95,137,162);
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding: .5em 0;
}

.books-page .nynficrank {
  background-color: rgb(227,130,36);
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding: .5em 0;
}

.books-page .row-fluid.book-row {
	margin-bottom: 1em;
}

.readers-nook-img {
	width: 25%;
	float: left;
	margin: 0 1em 1em 0;
}

.view-readers-nook .views-row {
	margin-bottom: 1em;
	clear: left;
}

/********************************
 * /books/new
 * /about/partners
 * /about/press
 ********************************/

.view-display-id-page_2 td {
	border: none;
	padding-bottom: 40px;
}

.view-id-partners .span4 {
	background-color: #ddd;
	padding: .5em;
}

.view-id-partners .span4,
.view-id-press .span4 {
	margin-bottom: 40px;
}

.new-titles-view-title-field,
.view-id-press .views-field-title {
	background-color: #ddd;
	color: #ffffff;
	font-weight: bold;
	padding: .5em;
}

.view-id-press .views-field-field-author,
.view-id-press .views-field-field-publication-name {
	background-color: #ddd;
	padding: 0 0 0 .5em;
}

.view-id-press .views-field-field-publication-name {
	font-style: italic;
	padding-bottom: .5em;
}



/********************************
 * /books/readers
 ********************************/

.views-field-field-display-name div, span {
	display: inline-block;
}

/*******************************
 * RENTAL
 *******************************/

#block-views-rentals-calendar-block-1 {
	background-color: #ddd;
}

#block-views-rentals-calendar-block-1 .feed-icon {
	display: none;
}

#block-views-rentals-calendar-block-1 .views-field-title {
	font-size: 12px;
}

#block-views-rentals-calendar-block-1 .view-footer p,
#block-views-rentals-calendar-block-1 .view-header p {
	font-weight: bold;
	margin: 10px;
}

.leased {

}

#node-414 > .field-name-field-marquee-yesno {
	display: none;
}

#node-436 .row {
	margin-bottom: 2em;
}

.floormap {
	position: relative;
}

.leasedimg {
	position: absolute;
	top: 0;
	right: 0;
}

/*******************************
 * Membership & Donation Pages
 *******************************/

.join-blurb {
	border-color: rgb(124,146,48);
	border-size: 2px;
	border-style: solid;
	padding: 1em;
}

.join-menu {
	width: 100%;
	background-color: rgb(124,146,48);
	text-align: center;
}

.join-menu p {
	margin: 1em 0;
}

.join-menu a {
	color: white;
	font-weight: bold;
}

#node-45480 > footer,
#node-45481 > footer,
#node-526 > footer,
#node-527 > footer,
#node-528 > footer,
#node-776 > footer {
	margin-top: 0;
}

.webform-client-form-30431,
.webform-client-form-30432,
.webform-client-form-30433,
.webform-client-form-30434,
.webform-client-form-45480,
.webform-client-form-45481 {
	margin: 0 1em;
	background: #f3f3f3;
	padding: 1em;
}

.webform-client-form-30431 button,
.webform-client-form-30432 button,
.webform-client-form-30433 button,
.webform-client-form-30434 button,
.webform-client-form-45480 button,
.webform-client-form-45481 button {
	margin-top: 30px;
}

.join-short p,
.join-cost>div,
.join-benefits>div {
	margin: 0 1em;
	background: #dadada;
	padding: 1em;
}

#join-form {
	margin-bottom: 20px !important;
}

#join-form,
.join-short p,
.join-cost>div,
.join-benefits>div {
	margin: 0 1em;
	background: #dadada;
	padding: 1em;
}

#join-form .control-label {
	font-weight: bold;
}

.join span.form-tip {
    border-bottom: 1px dotted #00615C;
}

@media(max-width: 959px) {
	.join-blurb img {
		display: none;
	}
}

@media(min-width: 960px) {
	#block-webform-client-block-177 #webform-component-membership-category {
		float: right;
		width: 50%;
	}
	.join-blurb img {
		width: 20%;
		float: left;
		margin: 0 1em 0 0;
	}
}

.pricetable {
  background: rgb(255,255,255);
	border: solid 1px rgb(212,212,212);
	margin-bottom: 10px;
}

.pricetable>p, .pricetable>ul {
	padding: .5em;
}

.pricetable>p:nth-child(2) {
	margin-bottom: 0;
	background: rgb(242,242,242);
	border-bottom: solid 1px rgb(212,212,212);
	text-align: center;
}

.pricetable>p:nth-child(3) {
	background: rgb(255,255,255);
}

.promo {
	margin-top: 50px;
}

.promo [class*="span"] {
	padding: 10px 5px;
}

.promo-email {
	background: #9FB8C7;
}

.promo-social {
	background: #b0be83;
}



/*******************************
 * /gift.php
 *******************************/

 #gift-container {
	margin: 0 1em 20px;
 }

.gift-menu {
	width: 100%;
	background-color: rgb(124,146,48);
	text-align: center;
}

.gift-menu p {
	margin: 1em 0;
}

.gift-menu a {
	color: white;
	font-weight: bold;
}

.gift-cost>div,
.gift-benefits>div {
	margin: 0 1em;
	background: #dadada;
	padding: 1em;
}

.gift-cost>div,
.gift-benefits>div {
	margin: 0 1em;
	background: #dadada;
	padding: 1em;
}

#is-family,
#is-student {
	border-top: 12px solid #5F89A2;
	border-bottom: 12px solid #5F89A2;
	margin: 1.2em 0px;
}

#membership-category .control-label {
	font-weight: bold;
}

#gift-container>fieldset {
	padding: 0 1em 1em !important;
	margin: 0 0 20px 0 !important;
}

#gift-form .control-label {
	font-weight: bold;
}

#recipient-info {
	background: rgba(51, 107, 32, 0.2) none repeat scroll 0px 0px;
}

#purchaser-info {
	background: rgba(120, 35, 39, 0.2) none repeat scroll 0px 0px
}

.gift span.form-tip {
    border-bottom: 1px dotted #00615C;
}



/*******************************
 * /apply
 *******************************/

.description {
	font-size: 0.8em;
}

#webform-component-general-information--prior-mi-employment .fieldset-legend {
	font-size: 14px;
	border-bottom: none;
}

#webform-client-form-1107 .form-type-select {
	display:inline-block;
}

#webform-client-form-1107 .btn-primary {
	margin-top: 10px;
}

#webform-client-form-1107 fieldset {
	margin-bottom: 20px;
}

#webform-client-form-1107 .field-suffix {
	font-size: 14px;
}

#webform-client-form-1107 .fieldset-description {
	margin-bottom: 10px;
}

.apply-blurb {
        border-color: rgb(124,146,48);
        border-size: 2px;
        border-style: solid;
        padding: 1em;
}

.apply-form form {
	margin: 0 1em;
        background: #dadada;
        padding: 1em;
}

.apply-form .control-label {
        font-weight: bold;
}


/*******************************
 * EVENT INFORMATION FORM
 *******************************/

.event-blurb {
	border-color: rgb(124,146,48);
	border-size: 2px;
	border-style: solid;
	padding: 1em;
}

.event-form form {
	margin: 0 1em;
	background: #dadada;
	padding: 1em;
}

.event-form .control-label {
	font-weight: bold;
}

@media(max-width: 959px) {
	.event-blurb img {
		display: none;
	}
}

@media(min-width: 960px) {
	.event-blurb img {
		width: 20%;
		float: left;
		margin: 0 1em 0 0;
	}
}

/*******************************
 * /renew.php /renew-result.php
 *******************************/

.renew-label {
	line-height: 1.25em;
	font-size: 14px;
	font-weight: bold;
}

.donate-label {
	line-height: 1.25em;
	font-size: 14px;
	font-weight: bold;
}

#standard {
	background-color: rgb(254,212,124);
	margin: 0px 1em;
        padding: 1em;
}

#supporting {
	background-color: rgb(238,180,124);
	margin: 0px 1em;
        padding: 1em;
}

#donation {
	margin: 0 1em 20px;
	padding: 1em;
	background-color: rgba(250, 170, 0, 0.2);
}

#tooltip {
    text-align: center;
	font-size: 14px;
	line-height: 20px;
    color: #fff;
    background: #00615C;
    position: absolute;
    z-index: 100;
    padding: 15px;
}

#tooltip:after { /* triangle decoration */
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #00615C;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}

#tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 10px solid #00615C;
	top: -20px;
	bottom: auto;
}

#tooltip.left:after {
	left: 10px;
	margin: 0;
}

#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
}

.renew span.form-tip {
    border-bottom: 1px dotted #00615C;
}

.renew span.form-required {
	color: #741e27;
}

.renew form {
}

#renew-form {
	margin: 0px 1em;
        padding: 1em;
	background: #DADADA none repeat scroll 0% 0%;
}

.btn-yes:hover, .btn-yes:focus, .btn-yes:active {
	color: #333333;
	background-color: #B0BE83;
}

.btn-yes {
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
	background-image: linear-gradient(to bottom, #ECFFB0, #B0BE83);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-no:hover, .btn-no:focus, .btn-no:active {
	color: #333333;
	background-color: #feb825;
}

.btn-no {
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
	background-image: linear-gradient(to bottom, #FFD172, #feb825);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}



/*******************************
 * /give.php
 *******************************/

#donate .span4 {
	padding: 0 1em;
}

#donate .ways {
	background-color: #FED47C;
	margin: 10px 0 0 0;
	padding: 0 10px;
}

#give-form {
	margin: 0 20px 10px 0;
	padding: .8em 1em .5em 1em;
	background: #dadada;
}

#give-form .control-label {
	font-weight: bold;
}

#give fieldset {
	margin-bottom: 1.6em;
}

#give input[type="radio"], input[type="checkbox"] {
	margin-right: .5em;
}



/*******************************
 * /chair-appeal.php
 *******************************/

#chair .form-actions {
	background: none !important;
	border: none !important;
}

#chair-form {
	background: #dadada;
	margin: 0 1em;
	padding: 1em;
	margin-bottom: 20px !important;
}

#chair-form .control-label {
	font-weight: bold;
}

.hero {
	margin-bottom: 40px;
}



/*******************************
 * /contact
 *******************************/

 .contact-page .span3, .contact-page .span4 {
	margin-bottom: 15px;
}



/*******************************
 * /this-week [Weekly Email]
 *******************************/



/*******************************
 * ROOM RESERVATION FORM
 *******************************/

#edit-submitted-rentals-reservation-amenities-request .form-item {
	margin-bottom: 0px !important;
}

#webform-client-form-4850 {
	background: #dadada;
	margin: 0 1em;
	padding: 1em;
}

#webform-client-form-4850 select {
	width: auto;
}

#webform-client-form-4850 .control-label {
	font-weight: bold;
}

#webform-client-form-4850 .form-item {
	margin-bottom: 20px;
}



/********************************
 * VARIOUS
 *********************************/

/* Width 100% breaks imagecrop. Need images to be cropped to show actual width instead of being distorted */
/* inner wrappers: div.imagefield-crop-preview, div.imagefield-crop-cropbox */

div.imagefield-crop-widget img {
  max-width:none;
}

span.hide-submit-text {
  margin-left: 10px;
}

table#hours-footer {
	width: 100%;
}
table#hours-footer td {
	width: 25%;
}

.add-padding {
	margin-bottom: 1em;
}

.btn-login {
	background: #eee !important;
  border: 2px solid #faaa00 !important;
	color: #333 !important;
}

.cc-btn {
	font-size: 12px;
	font-weight: bold;
}

.color-1, .color-10 {
	background: rgb(95,137,162); /*Light Blue*/
}

.color-5 {
	background: rgb(0,97,92); /*Blue Green*/
}

.color-6, .color-9 {
	background: rgb(124,146,48); /*Light Green */
}

.color-7 {
	background: rgb(254,184,37); /*Light Orange*/
}

.color-11, .color-38 {
	background: rgb(72,24,110); /*Purple*/
}

.no-padding {
	padding: 0;
	margin: 0;
}

.picheader {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding: .5em 0;
}

.tm_img img {
	border: solid 1px #b9b085;
}

#webform-client-form-102,
#webform-client-form-104 {
	background-color: #ddd;
	padding: 10px;
}

#webform-client-form-102 button,
#webform-client-form-104 button {
	margin: 10px 0;
}


/***********************************
 * IFRAME CONTAINER
 ***********************************/
.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/**************************************
 * FLICKR
 **************************************/

.flickr-photoset img {
	width: 15%;
	margin-bottom: 1%;
	margin-right: 1%;
}