/* MDR Website Framework
	 Tom Usher // MDR Partners
	 October 2009 */

/* CSS Reset
	 -------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

/* Body
	 -------------------------------------- */
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #E8DDCB;
	font-size: 62.5%; }
	
/* CSS Fixes
	 -------------------------------------- */
/* Set hasLayout for all of the following in IE stylesheet */
.clear, #header:after, #primary-navigation:after, #breadcrumbs:after, #columns:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.break {
	clear: both;
}

/* Typography
	 -------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #031634; }
h1 { font-size: 2.1em; margin-bottom: 1em; }
h2 { font-size: 1.6em; margin-bottom: 0em; }
h3 { font-size: 1.4em; margin-bottom: 1em; }
h4,h5,h6 { font-size: 1.2em; }
ul p,ol p,dl p,pre p,td p,th p { font-size: 1em; }
p { font-size: 1.2em; line-height: 1.6em; margin-bottom: 1em; padding: 0; }
ul,ol,dl,pre,td,th { font-size: 1.2em; line-height: 1.6em; }
blockquote { font-style: italic; padding: 0 20px; font-family: Georgia, "Times New Roman", serif;}

/* Links
	 -------------------------------------- */
#header a { color: #fff; }
#columns a { color: #135c77; }
#columns a:hover { color: #031634; }
	
/* Structure
	 -------------------------------------- */
#header { background-color: #031634; padding: 10px; }
	#header #logo { width: 50%; float: left; }
	#header #tools { width: 50%; float: left; text-align: right; }
	#header #tools ul { float: right; font-size: 1.2em; }
		#header #tools ul li { float: left; padding: 5px; }
#inner-wrapper { width: 90%; min-width: 84em; margin: auto; background-color: #fff; }

/* Columns */
#column-wrapper { width: 100%; margin: auto; overflow: hidden; }
#outer-columns { float: left; left: 200px; position: relative; width: 200%; }
#columns { float: left; left: 50%; margin-left: -430px; position: relative; width: 100%; overflow: visible; } 	/* Left Margin = second-sidebar width + 200 + (padding x 2) */
	#main-content-outer-wrapper { float: right; position: relative; right: 100%; width: 50%; }
	#main-content-inner-wrapper { margin:0 15px 0 445px; overflow: hidden; } /* Left margin = first-sidebar width + 200 + (padding x 3) */
	#main-content { overflow: hidden; width: 100%; margin: 0 !important;}
	#first-sidebar { float: left; left: 245px; margin-left: -50%; overflow: hidden; position: relative; width: 200px; }
	#second-sidebar { float: left; left: 15px; overflow: hidden; position: relative; width: 200px; }

.no-first-sidebar #main-content-inner-wrapper { margin: 0 15px 0 235px; }
.no-second-sidebar#outer-columns { left: 0 }
    .no-second-sidebar #columns { margin-left: 0; }
    .no-second-sidebar #main-content-inner-wrapper { margin: 0 15px; }

#footer { padding: 10px; font-size: 1.2em; }

/* Site Elements
	 -------------------------------------- */
/* Primary Navigation */
#primary-navigation { clear: both; background-color: #033649; }
	#primary-navigation ul { font-size: 1.2em; margin-top: 0; }
	#primary-navigation ul li { float: left; margin: 0; }
		#primary-navigation ul div { float; left; }
		#primary-navigation ul a { display: block; padding: 7px 10px; color: #FFF; background-color: #033649; text-decoration: none; }
		#primary-navigation ul li.selected a { background-color: #CDB380; color: #033649; }
		#primary-navigation ul a:hover { background-color: #CDB380; #033649; }
		
/* Breadcrumbs */
#breadcrumbs { clear: both; background-color: #CDB380; }
	#breadcrumbs ol { font-size: 1.2em; }
	#breadcrumbs ol li { float: left; padding: 5px; }
	
/* First Sidebar */
#first-sidebar {}
	#first-sidebar .page-title { font-size: 2.1em; margin: 5px 0 0 10px; padding: 5px 0 0.2em 0; border-bottom: 3px solid #CDB380; }
	
/* Secondary Navigation */
#secondary-navigation { padding: 0 10px; }
	#secondary-navigation ul { font-size: 1.2em; }
	#secondary-navigation ul ul { font-size: 1em; margin-left: 10px; }
	#secondary-navigation li { padding: 5px 0; }
	#secondary-navigation li a.current { font-weight: bold; }

/* Content Style
	 -------------------------------------- */
#main-content ul { list-style: disc outside none; margin: 1em 3em; }
#main-content ol { list-style: decimal outside none; margin: 1em 3em; }
	 
/* Content Wrappers
	 -------------------------------------- */
/* Section */
.section { padding: 10px 20px; }

/* Line */
.line { margin-bottom: 2em; clear: both; }
	.line h2 { margin-bottom: 0.2em; }

/* Block */
.block { padding: 10px 20px; }

/* Panel */
.panel.left { float: left; }
.panel.right { float: right; }
.panel.quarter { width: 25%; }
.panel.third { width: 33%; }
.panel.half { width: 50%; }
.panel.full { width: 100%; }
.panel.last { clear: both; }
.panel.infobox { margin: 10px; background-color: #f5eee4; border: 1px solid #E8DDCB; border-width: 3px 1px 1px 1px; }
	.panel.infobox .panel-content { padding: 10px 20px 10px 20px; }
	.panel.infobox h3.panel-title { background-color: #E8DDCB; padding: 5px 20px 8px; margin: 0; }
.panel.clear { clear: both; float: none; height: 0; }
	
/* Object Positions */
.object-right { float: right; padding: 0 0 10px 10px; }
.object-left { float: left; padding: 0 20px 10px 0;}

/* Forms
	 -------------------------------------- */
.form-field { padding: 2px 0; }
	.form-field label { font-size: 1.2em; display: block; width: 150px; padding: 5px 5px; }
	.form-field .labelbreak { display: none; }
	.form-field input { border: 1px solid #ccc; padding: 4px 4px; margin: 0 5px; }
	.form-field textarea { border: 1px solid #ccc; padding: 4px 4px; margin: 0 5px; }
	.form-field .toggle-editor { margin: 5px 0 10px 5px; }
	.form-field fieldset { padding: 10px 5px; border: 1px solid #eee; } 
		.form-field fieldset legend { font-size: 1.2em; padding: 5px 0; }
	.form-field fieldset .fieldset-content{  }
.field-content{ font-size: 1.2em; }
form .block { padding: 0; }
	
.buttonblock { clear: both; padding: 10px 5px;}
input.button,input.defaultbutton { color: #444; background: #ccc url("../images/elements/button.jpg") left top; cursor: pointer; border-width: 1px; padding: 4px 8px; border-color: #ddd #aaa #aaa #ddd; }
input.button:hover,input.defaultbutton:hover { background: #ccc url("../images/elements/button.jpg") left bottom; }
input.button:active,input.defaultbutton:active { background: #ccc url("../images/elements/button.jpg") left bottom; border-color: #aaa #ddd #ddd #aaa; }

/* Attribute Edit Styles */
.form-field.ezcca-edit-datatype-ezdatetime {}
	.form-field.ezcca-edit-datatype-ezdatetime .fieldset-field { float: left; margin-right: 10px; }
	.form-field.ezcca-edit-datatype-ezdatetime .fieldset-field label { width: auto; padding: 5px; }
	.form-field.ezcca-edit-datatype-ezdatetime .time { margin-left: 10px; }
.ezcca-edit-datatype-ezsrrating {}
	.ezcca-edit-datatype-ezsrrating .field-content { padding: 6px 0 4px 0; }
	
/* Registration Form */
.form-field.user_account { clear: both; }
	.form-field.user_account label { display: none; }
	.form-field.user_account div label { display: block; }
.form-field.first_name,.form-field.last_name, .form-field.password, .form-field.confirm_password { width: auto; float: left; }
	.form-field.first_name input,.form-field.last_name input { width: 120px; }
.form-field.newsletter_optin { clear: both; }
	.form-field.newsletter_optin label { float: left; width: 200px; }
	.form-field.newsletter_optin input { margin: 5px; }
	
/* Textareas */
.ezcc-forum_reply_message, .ezcca-forum_topic_message { width: 95%; }
	
/* Attributes
-------------------------------------- */
.attribute-header { padding-bottom: 0; margin-bottom: 0.6em; }
	.attribute-header h1 { border-bottom: 3px solid #CDB380; padding-bottom: 0.2em; margin-bottom: 0; }
.attribute-byline { color: #555; margin-bottom: 0.8em; }
	.attribute-byline p { display: inline; }
	.attribute-byline p.author { font-weight: bold; }
	.attribute-byline p.date { font-style: italic; }
.attribute-article-index { float: right; border: 1px solid #CDB380; padding: 0.5em; margin: 0.5em 0 0.5em 1em;	}
	.attribute-article-index ol { list-style: none !important; }
.attribute-posted-date { float: left; margin: 0 10px 5px 0; padding: 2px 4px; border: 1px solid #ccc; background-color: #eee; text-align: center;}
	.attribute-posted-date .day { font-size: 2.2em; font-weight: bold; }
	.attribute-posted-date .month { font-size: 1.4em; }
	.attribute-posted-date .year { font-size: 1.2em; }
.attribute-image { float: left; margin: 5px; }
.attribute-archive ul { margin: 10px; }

/* Content Class Specific Styles
-------------------------------------- */
.class-article {}
	.class-article .attribute-byline { position: absolute; right: 30px; width: 25%; text-align: right; }
	.class-article .attribute-short { width: 70%; font-style: italic; }
	.class-article.line {}
		.class-article.line .attribute-short { width: 70%; font-style: normal; }
.class-event-calendar {}
	.class-event-calendar .ezagenda_month_label { width: 70px; }
.class-gallery {}
	.class-gallery .content-view-children ul { list-style: none !important; margin: 0 !important; }
	.class-gallery .attribute-caption { display: none; }
	.class-gallery .content-view-children ul li { float: left; margin: 5px; padding: 7px; border: 1px solid #ccc; text-align: center; }
	.class-gallery .content-view-children ul li:hover { background-color: #eee; }
		.class-gallery .content-view-children ul li .attribute-image { margin: 0;}
		.class-gallery .content-view-children ul li p { margin: 0;}
.class-image {}
	.class-image .attribute-image { float: none; margin: 10px 0;}
.class-forum-topic {}
	.class-forum-topic table.forum p.date { font-weight: bold;}
	.class-forum-topic table.forum p.author-signature { border-top: 1px solid #fff; padding-top: 5px; }
.class-event-calendar {}
	.class-event-calendar h2 { margin: 10px 0; }
	.class-event-calendar #upcoming_events { margin: 0 0 30px 0; }
	.class-event-calendar .ezagenda_month_event { border-bottom: 2px dotted #CCC; margin-bottom: 1.4em;}
	.class-event-calendar .ezagenda_month_label { width: 50px; display: block; position: absolute; text-align: center; 
		border: 1px solid #C8C8C8; padding: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		background: #ffffff; 
		background: -moz-linear-gradient(top, #ffffff 0%, #ededed 96%, #ffffff 99%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(96%,#ededed), color-stop(99%,#ffffff));
		background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 96%,#ffffff 99%);
		background: -o-linear-gradient(top, #ffffff 0%,#ededed 96%,#ffffff 99%);
		background: -ms-linear-gradient(top, #ffffff 0%,#ededed 96%,#ffffff 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
		background: linear-gradient(top, #ffffff 0%,#ededed 96%,#ffffff 99%);}
		.class-event-calendar .ezagenda_month_label .month { font-size: 1.3em; text-transform: uppercase;
			font-weight: bold; color: #fff; padding: 2px 0; background-color: #176E8C; display: block; 
			-webkit-border-radius: 3px 3px 0 0;	-moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;  }
		.class-event-calendar .ezagenda_month_label .day { font-size: 1.9em; font-weight: bold; padding: 4px 0 5px 0; display: block; color: #444; }
		.class-event-calendar .ezagenda_month_label .year { font-size: 1.1em; color: #999; font-weight: bold; padding: 0 0 2px 0; }
	.class-event-calendar .ezagenda_month_info { margin-left: 65px;	}
		.class-event-calendar .ezagenda_month_info h3 { font-size: 1.4em; }
		.class-event-calendar .ezagenda_month_info h3 a, 
		.class-event-calendar .ezagenda_month_info h3 a:visited { color: #176E8C !important; }
		.class-event-calendar .ezagenda_month_info .ezagenda_date { color: #777; font-size: 1.1em; padding: 6px 0 4px 0;
		display: block; }
	.class-event-calendar .ezagenda_month_event.past_event {}
		.class-event-calendar .ezagenda_month_event.past_event h3 a { color: #888 !important; }
		.class-event-calendar .ezagenda_month_event.past_event .ezagenda_month_label .month { background-color: #ccc; }
		.class-event-calendar .ezagenda_month_event.past_event .ezagenda_month_label .day { color: #888; }
	.class-event-calendar .ezagenda_month_event.mini_view { border-width: 1px; padding: 4px 0; margin-bottom: 0;}
		.class-event-calendar .ezagenda_month_event.mini_view .ezagenda_month_label { width: 95px; }
		.class-event-calendar .ezagenda_month_event.mini_view .ezagenda_month_info { margin-left: 105px; padding-top: 3px; }
		.class-event-calendar .ezagenda_month_event.mini_view .month { float: left; padding: 2px 4px;
		-webkit-border-radius: 3px 0 0 3px;	-moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
		.class-event-calendar .ezagenda_month_event.mini_view .day { float: left; font-size: 1.3em; padding: 2px 2px 2px 4px; color: #999; }
		.class-event-calendar .ezagenda_month_event.mini_view .year { float: left; font-size: 1.3em; padding: 2px 4px; color: #999;}
	.class-event-calendar #events_page_link a { font-size: 1.2em; }
	
.class-event .ezagenda_date { color: #777; font-size: 1.1em; padding: 0; display: block; }

/* File Embedded Viewer */
.class-file.embed.embedded-viewer { clear: both; margin-bottom: 20px; }
    .embedded-viewer .embedded-viewer-thumbnail { float: left; margin-right: 20px; position: relative; }
    .embedded-viewer .embedded-viewer-description { }
        .embedded-viewer-description p { text-align: left; }
        .embedded-viewer-description .embed-name p { font-size: 1.2em; font-weight: bold; display: block; margin-bottom: 0.8em; }
        .embedded-viewer-description:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
/* Page Specific Styles */
.sitemap td { font-size: 1em; }

/* Mimetypes */
.class-file .content-body { background: url("../images/icons/page_white.png") no-repeat left 2px; padding-left: 20px; }
.class-file .attribute-msword { background-image: url("../images/icons/page_white_word.png");}
.class-file .attribute-vndms-excel { background-image: url("../images/icons/page_white_excel.png");}
.class-file .attribute-vndms-powerpoint { background-image: url("../images/icons/page_white_powerpoint.png");}
.class-file .attribute-pdf { background-image: url("../images/icons/page_white_acrobat.png");}
.class-file .attribute-x-shockwave-flash { background-image: url("../images/icons/page_white_flash.png");}

		
/* Toolbar Styles
-------------------------------------- */
.toolbar { margin: 5px 0 0 10px; }
.sharethis.toolbar { background-color: #eee; border: 1px solid #ccc; padding: 5px; }
	.sharethis.toolbar a { font-size: 1.2em; text-decoration: none; }
	
/* Page Elements
-------------------------------------- */
/* Comments */
.comments { margin-top: 20px; }

/* Archive Calendar */
.calendar { width: 100%; }
	.calendar .content { background-color: #fff; }
	.calendar .month h4 { font-size: 1.2em; font-weight: bold; color: #000; margin: 0 0 2px 0; padding-top: 3px; text-align: center; }
	.calendar .month a { color: #525345; text-decoration: none; }
	.calendar .previous, .calendar .next { font-weight: bold; margin: 0 4px 0 4px; padding-top: 0.1em; display: inline; }
	.calendar .previous { float: left; }
	.calendar .next { float: right; }
	.calendar .previous p, .calendar .next p { display: inline; }
	.calendar .table { padding: 4px; }
	.calendar table { width: 100%; }
	.calendar th, .calendar td { color: #555; width: 14%; padding: 2px 0 2px 0; border: 1px solid; border-color: #ffffff #e0e0e0 #e0e0e0 #ffffff; text-align: center; }
	.calendar th { font-size: 0.8em; font-weight: normal; }
	.calendar td { font-size: 0.9em; font-weight: normal; }
	.calendar th.left, .calendar td.left { border-left: none; }
	.calendar th.right, .calendar td.right { border-right: none; }
	.calendar tr.top th { border-top: none; }
	.calendar tr.bottom td { border-bottom: none; }
	.calendar td a { text-decoration: none; }
	.calendar td.today { font-weight: bold; color: #d02020; }
	.calendar td.currentselected { background-color: #e0e0e0; }
	.calendar td em { font-style: normal; }

/* Star Rating */
.ezsr-star-rating {	margin: 0; }

/* Content Navigator */
div.content-navigator { display: block; font-size: 1.2em; }
	div.content-navigator div { display: inline; text-align: center; }
		div.content-navigator div.content-navigator-separator, div.content-navigator div.content-navigator-separator-disabled { padding-left: 4px; padding-right: 4px; }
			div.content-navigator div.content-navigator-arrow { font-size: 150%; }

/* Forum Table */
table.forum { padding-bottom: 5px; width: 100%;}
	table.forum .sticky td { background-color: #FFF1BB; }
	table.forum thead th { font-size: 1.2em; font-weight: bold; background-color: #e6e6e6; border-bottom: 2px solid #bbb; padding: 8px 12px 8px 8px;}
	table.forum td p { margin-bottom: 0; }
	table.forum td .attribute-byline { margin-bottom: 0; }
		table.forum td .attribute-byline p { display: block; }
	table.forum .bglight { background-color: #fff; }
	table.forum .bgdark { background-color: #eee; }
	table.forum .topic { font-weight: bold; }
		table.forum .topic .author { color: #777; font-weight: normal; }
	table.forum td ul { margin-left: 1.25em; padding: 0; }
		 table.forum td ul li { margin: 0; padding: 0; }
			 table.forum td ul li a { font-size: 0.7em; font-weight: normal; }
	 table.forum td.last-reply a { padding-left: 20px;	}
	 table.forum td.forum a { padding-left: 20px; }
	 table.forum td.forum div.attribute-short { margin-left: 20px;	}
	 table.forum td.last-reply p.date { margin-left: 20px; }
	 table.forum td, table.forum th { padding: 8px 8px 4px 8px; }
input.forum-new-reply { margin: 0.75em 0.25em 0.25em 0; }
input.forum-new-topic { margin: 0.75em 0.25em 0.25em 0;	}
input.forum-keep-me-updated { margin: 0.75em 0.25em 0.25em 0;}

/* Page Navigator */
.pagenavigator { clear: both; }

/* Separators */
.separator { clear: both; }
    .separator .separator-design { border-bottom: 1px solid #ccc; margin-top: 1em; }

/* LightBox */
.lightbox.thumbnail { position: relative; text-decoration: none; float: left; }
    .lightbox.thumbnail span { position: absolute; right: 0; top: 0; color: #000; font-weight: bold; padding: 4px;
        background: rgba(255,255,255,0.8) url("../images/icons/zoom_in.png") no-repeat center center; display: block; text-indent: -9999px; width: 24px; height: 24px; }


/* DataTable */
.dataTables_wrapper { position: relative; min-height: 302px; clear: both;
    _height: 302px;
    margin-top: 10px;
	zoom: 1; /* Feeling sorry for IE */}
.dataTables_processing { position: absolute; top: 50%; left: 50%;	width: 250px;
	height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0;
	border: 1px solid #ddd;	text-align: center;	color: #999; font-size: 14px;
	background-color: white;}
.dataTables_length { width: 40%; float: left; }
.dataTables_filter { width: 50%; float: right; text-align: right; }
.dataTables_info { width: 60%; float: left; }
.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right; text-align: right; }

.dataTables_wrapper { text-align: left; }
    .dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate { font-size: 1.2em; color: #555; }
    .dataTables_length, .dataTables_filter { margin-bottom: 5px; }
    .dataTables_info, .dataTables_paginate { margin-top: 5px; }

.DataTable { width: 100%; clear: both; }
    .DataTable th { font-weight: bold;
        border-left: 1px solid #fff; padding: 4px 18px 4px 7px; 
        background: #ddd url("../images/icons/sort_both.png") no-repeat right top; }
    .DataTable th.sorting_asc, .DataTable th.sorting_desc { background-color: #bbb; }
    .DataTable th.sorting_asc { background-image: url("../images/icons/sort_asc.png"); }
    .DataTable th.sorting_desc { background-image: url("../images/icons/sort_desc.png"); }
    .DataTable tr {}
        .DataTable tr.even { background-color: #eee; }
        .DataTable tr td { padding: 6px 7px; border-left: 1px solid #fff; }

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px; width: 19px; margin-left: 3px; float: left; }

/* Generic button styling */
button, a.button {
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #333 !important;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 1;
  padding: 8px !important;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  width: 150px; }
  button:hover, a.button:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
  button:active, a.button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }