@CHARSET "ISO-8859-1";
/* GENERAL */
html, body {background-attachment: fixed; background-image: url('/img/bg_gradient2.png'); background-repeat: repeat-x; height: 100%; margin: 0px; padding: 0px;}  
body {font-family: "Lucida Sans",Arial,sans-serif; font-size: 80%;}
h1, h2, h3 {font-weight: bold; margin: 0;}
h1 {font-size: 200%;}
h2 {font-size: 150%;}
h3 {font-size: 100%;}
p {margin: 0 0 10px 0;}
strong {font-weight: bold;}
em {font-style: italic;}
table th {text-align: left;}
table.moderate_content th {font-weight: bold; text-align: right; padding-right: 10px;}
.help_toggler {cursor: help; vertical-align: middle;}
hr.section_separator {border-style: dashed; clear: both; margin-top: 30px; margin-bottom: 30px; width: 50%;}

blockquote {background:#f9f9f9; border-left:10px solid #ccc; margin:1.5em 10px; padding: .5em 10px .5em 30px; quotes:"\201C""\201D""\2018""\2019";}
blockquote:before {color:#ccc; content:open-quote; font-size:80px; width: 25px; margin: -20px 0 0 -30px; cursor: default; float: left; line-height: 1em;} /*  */
blockquote:after {content:no-close-quote;}
blockquote p {display: block;}

abbr {border-bottom: 1px dashed #444; cursor: default;}
::-moz-selection{ background: #000; color: #fff; } 
::selection { background: #000; color: #fff; }
tr.shaded, td.shaded {background-color: #EEE;}
br.clear {clear: both; height: 0px;}
a:link, .fake_link {color: #0B54A6; cursor: pointer; text-decoration: none;}
a:visited {color: #0B54A6; text-decoration: none;}
a:hover, .fake_link:hover {color: #BA3D1A; text-decoration: underline;}
a:active {color: #0B54A6; text-decoration: none;}
a:link.reverse, .fake_link.reverse {color: #BA3D1A; cursor: pointer; text-decoration: none;}
a:visited.reverse {color: #BA3D1A; text-decoration: none;}
a:hover.reverse, .fake_link.reverse:hover {color: #0B54A6; text-decoration: underline;}
a:active.reverse {color: #0B54A6; text-decoration: none;}
ul {list-style-position: outside; list-style-type: disc;}
ul li {list-style-type: disc;}
ol {list-style-position: inside; list-style-type: disc;}
ol li {list-style-type: decimal;}
sup, sub {vertical-align: baseline; position: relative; top: -0.4em;}
sub {top: 0.4em;}



/* SITE STRUCTURE */
#site_wrapper {min-height: 100%; padding-bottom: 100px; position: relative;}
#site_header {background-color: #EEE; border-bottom: 1px solid black; margin-bottom: 10px; padding: 5px;}
#site_header > ul {display: table; margin: 0 auto; padding: 0; text-align: center; width: 960px;}
#site_header > ul > li {display: inline-block; float: left; list-style-type: none;}
#site_header > ul > li:nth-child(1) {margin-right: 40px;}
#site_header > ul > li:nth-child(2) {margin-top: 10px;}
#site_header > ul > li:nth-child(3) {float: right; margin-top: 10px;}
#site_intro {background-color: #EFEFEF; border: 1px solid #777; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px 10px;}
#site_body {clear: both; margin: auto; padding-bottom: 120px; width: 960px;}
#site_body > tbody > tr > td {vertical-align: top;}
#left_sidebar {height: 100%; padding-right: 10px; width: 200px;}
#center_column {}
#right_sidebar {height: 100%; padding-left: 10px; width: 150px;}
#page_content {background-color: #FFF; border: 1px solid #888; margin-top: 20px; padding: 10px; position: relative; z-index: 1}
#page_content_front {background-color: #FFF; border: 1px solid black; padding: 10px;}
#page_title, .section_title {
	background-color: #BA3D1A;
    border: 1px solid #666;
    border-radius: 0 0 0 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    display: inline-block;
    font-size: 200%;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: -20px;
    margin-top: -20px;
    padding: 0 30px;
    text-shadow: 1px 1px 1px #000000;
}
#page_intro {background-color: #EFEFEF; border: 1px solid #BBB; margin: 10px 0; padding: 5px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#page_intro p:last-child {margin-bottom: 0;}
#page_intro_description {border-top: 2px dashed #BBB;}
#breadcrumbs {background-color: #EFEFEF; border: 1px solid black; font-size: 0.8em; margin-bottom: 10px; padding: 0 5px;}
div#site_footer_outer {background-color: #EEE; border-top: 1px solid black; bottom: 0px; clear: both; position: absolute; width: 100%;}
div#site_footer_inner {font-size: 8pt; margin: auto; text-align: center; width: 960px;}
#front_page_intro {background-color: #EFEFEF; border: 1px solid black; margin: 10px auto 10px auto; padding: 5px; width: 948px;}
#front_page_intro p {margin: 0;}
#newcomer_dialogue {margin: 10px; padding: 10px 10px 10px 25px; background-color: #D8DCE6; font-size: 9pt; height: 200px; overflow: auto;}
#facebook_feed div {margin-top: 10px; overflow: hidden;}
#facebook_feed h2 {position:relative; z-index:10;}
#mailing_list_sidebar > div {padding: 5px;}
h1.announcements {margin-top: 40px;}
#logged_in {float: right; font-size: 80%;}
#logged_in .log_out {margin-left: 10px;}
#user_links {clear: right; float: right; max-width: 230px; text-align: right;}
#user_links .moderate {display: block;}
#user_links, #user_links ul {margin: 0; padding: 0; list-style: none;}
#user_links li {display: inline; list-style-type: none; margin-left: 15px; white-space: nowrap;}
#user_links li:first-child {margin-left: 0;}
#login {background-color: #fff; border: 1px solid #666; margin-left: -49px; padding: 10px; text-align: left; position: absolute; width: 150px; z-index: 3;}
#login_close {cursor: pointer; position: absolute; right: -5px; top: -5px;}
#login_shade {background-color: #666; opacity:0.2; filter:alpha(opacity=20); height: 100%; left: 0; top: 0; position: absolute; width: 100%; z-index: 2;}
.back_link {}

/* MENU */
#menu, #menu ul {margin: 0; padding: 0; list-style: none;}
#menu li {list-style-type: none;}
#menu {
	/* width: 960px; */
	/* margin: 20px auto; */
}
#menu:before, #menu:after {content: ""; display: table;}
#menu:after {clear: both;}
#menu {zoom: 1;}
#menu li {
	float: left;
	border-right: 1px solid #888;
	position: relative;
}
#menu li:last-child {
	border-right: none;
	box-shadow: none;	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#menu a {
	float: left;
	padding: 12px 30px;
	color: #333;
	text-transform: uppercase;
	font: 130% Arial, Helvetica;
	text-decoration: none;
	text-shadow: 1px 1px 0 #ccc;
}
#menu li:hover > a {color: #000;}
*html #menu li a:hover {color: #000;} /* IE6 only */
#menu ul {
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 9999;    
	background: #444;
	background: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background: -webkit-linear-gradient(#444, #111);    
	background: -o-linear-gradient(#444, #111);	
	background: -ms-linear-gradient(#444, #111);	
	background: linear-gradient(#444, #111);
	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  
}
#menu li:hover > ul {margin: 0; opacity: 1; visibility: visible;}
#menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	box-shadow: -1px 0 0 rgba(255,255,255,.3);		
}
#menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
	-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#menu ul li:last-child {   
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;    
}
#menu ul a {    
	padding: 10px;
	width: 130px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}
#menu ul a:hover {
	background-color: #0186ba;
	background-image: -moz-linear-gradient(#04acec,  #0186ba);	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background-image: -webkit-linear-gradient(#04acec, #0186ba);
	background-image: -o-linear-gradient(#04acec, #0186ba);
	background-image: -ms-linear-gradient(#04acec, #0186ba);
	background-image: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #444;
}
#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #3b3b3b;
}
#menu ul li:first-child a:hover:after {
	border-bottom-color: #04acec; 
}
#menu ul ul li:first-child a:hover:after {
	border-right-color: #0299d3; 
	border-bottom-color: transparent; 	
}
#menu ul li:last-child > a {
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}



/* LISTS */
ul, ol {padding-left: 40px; margin: 10px 0px;}
ul {list-style-position: outside; list-style-type: disc;}
ul li {list-style-position: outside; list-style-type: disc;}
ol.decimal, ol.decimal li {list-style-type: decimal;}
ol.lower_alpha, ol.lower_alpha li {list-style-type: lower-alpha}
ol.lower_roman, ol.lower_roman li {list-style-type: lower-roman}



/* KEY PAGE ELEMENTS */
img#site_logo {float: left;}
div.paginator {font-size: 8pt; text-align: right;}
div.paginator img {vertical-align: middle;}
table.cake-sql-log {background-color: white; margin: 20px;}
.cake-sql-log table {background: #f4f4f4;}
.cake-sql-log td {padding: 4px 8px; text-align: left; font-family: Monaco, Consolas, "Courier New", monospaced; vertical-align: top;}
.cake-sql-log caption {color:#fff;}

div.tip {border: 1px solid black; clear: both; margin: auto; padding: 10px; width: 80%;}
span.posting_disclaimer {cursor: help; font-size: 8pt;}


/* FLASH MESSAGES */
#flash_messages {bottom: 0px; left: 20px; position: fixed; z-index: 2;}
#flash_messages .messages_wrapper {clear: both; max-height: 400px; overflow-x: hidden; overflow-y: auto; padding-bottom: 20px;}
#flash_messages .close {float: right; font-size: 80%; padding-right: 20px;}
#flash_messages p {display: block; margin: 0 20px 0 auto; padding: 0; width: 238px; word-wrap: break-word;}
#flash_messages ul {font-size: 125%; margin: 0 20px 0 0; padding: 0px;}
#flash_messages ul li {
	/* Default "notification" mode, overridden by .error and .success */
	background-color: #CFE5FF; 
	background-image: url('/img/icons/information.png'); 
	border-color: #00006F; 
	color: #00006F;
	
	background-position: 5px 7px;
    background-repeat: no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	border-style: solid;
    border-width: 1px;
    clear: left;
    display: inline-block;
    float: left;
    list-style-type: none;
    margin-bottom: 5px;
    min-width: 240px;
    padding: 5px 5px 5px 30px;
}
#flash_messages ul li:last-child {margin-bottom: 0;}
#flash_messages ul li:first-child {border-top-width: 1px;}
#flash_messages ul li img {margin-right: 10px; vertical-align: text-top;}
#flash_messages ul li.error {background-color: #FFCBAF; background-image: url('/img/icons/cross-circle.png'); border-color: #7F0000; color: #7F0000;}
#flash_messages ul li.success {background-color: #AFFFBA; background-image: url('/img/icons/tick-circle.png'); border-color: #004F00; color: #004F00;}
						
					



/* OTHER MESSAGES */
div.error_message, p.error_message {background-color: #FFCBAF; background-image: url('/img/icons/fugue/icons/cross-circle.png');
	background-position: left top; background-repeat: no-repeat; border: 1px dotted #7F0000; color: #7F0000;
	margin: 10px 0; padding: 5px 18px;}
div.success_message, p.success_message {background-color: #AFFFBA; background-image: url('/img/icons/fugue/icons/tick-circle.png');
	background-position: left top; background-repeat: no-repeat; border: 1px dotted #004F00; color: #004F00;
	margin: 10px 0; padding: 5px 18px;}
div.notification_message, p.notification_message {background-color: #CFE5FF; background-image: url('/img/icons/fugue/icons/information.png'); 
	background-position: left top; background-repeat: no-repeat; border: 1px dotted #00006F; color: #00006F;
	margin: 10px 0; padding: 5px 18px;}
#under_construction {
	background-color: #CFE5FF; border: 1px solid #00006F; 
	color: #00006F; font-size: 130%; padding: 10px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	margin: 0 0 30px 0; width: 580px; 
}


/* FRONT PAGE */
.frontpage_feed_controls {margin: 0 0 -30px 0;}
.frontpage_feed_controls > div {float: left;}
.frontpage_feed_controls .select {font-size: 12px; font-weight: bold; padding-right: 5px; text-transform: uppercase;}
.frontpage_feed_controls .disclaimer {cursor: help; float: right; font-size: 11px; text-align: center;}
.frontpage_feed_controls ul {margin: 0 0 2px 0; padding: 0; width: 400px;}
.frontpage_feed_controls li {background-color: #DFDFDF; border: 1px solid black; cursor: pointer; display: inline; list-style-type: none; margin: 0 5px; padding: 2px 5px;}
.frontpage_feed_controls li.selected {background-color: white; border-bottom-color: white;}
#load_feed_selections {float: left; margin-left:6px; min-height: 20px; padding: 5px;}
#load_feed_selections select {max-width: 340px;}
#front_page_feed_loading_indicator {background-position: center center; background-repeat: no-repeat; float: left; font-size: 0pt; height: 16px; margin-top: 7px; width: 16px;}
#load_front_page_feed {margin-top: 0px;}



/* SIDEBARS */
#left_sidebar div.column_block, #right_sidebar div.column_block {
	background-color: #FFF; border: 1px solid black; margin-bottom: 10px;
	-webkit-border-top-left-radius: 40px;
	-webkit-border-top-right-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-topright: 40px;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	background-image: url("/img/sidebar_grad.gif");
    background-position: 0 19px;
    background-repeat: repeat-x;
}
#left_sidebar div.column_block {width: 200px;}
#right_sidebar div.column_block {width: 150px;}
#left_sidebar div.column_block h2, 
#right_sidebar div.column_block h2 {background-color: #EFEFEF; background-repeat: no-repeat; border: 1px solid black; color: #333333; font-size: 15px; font-weight: bold; letter-spacing: 4px; margin: -1px 0 5px; text-transform: uppercase;}
#left_sidebar div.column_block h2 a, 
#right_sidebar div.column_block h2 a
	{color: #333; text-decoration: none;}
#left_sidebar div.column_block h2 {background-position: top right; padding: 2px 0 2px 5px; text-align: left;}
#right_sidebar div.column_block h2 {background-position: top left; padding: 2px 5px 2px 0; text-align: right;}
.leftcol_blockcontrols {border-bottom: 1px solid black; font-size: 8pt; margin-bottom: 5px; text-align: center;}
.leftcol_blockcontrols a {text-decoration: none;}
#leftside_nav {font-size: 12px; margin: 5px; padding-left: 13px;}
#leftside_nav li {list-style-type: disc;}
#leftside_nav li.submit li {list-style-type: none;}
ul.add_content {margin: 0; padding-left: 0px;}
ul.add_content li {list-style-type: none;}
#nav_feed_types ul {margin: 0px; padding-left: 17px;}
#nav_feed_types ul li {list-style-type: circle;}
#login_sidebar_block {padding: 5px;}
#login_sidebar_block label {font-weight: normal;}
#login_sidebar_block input#PersonEmail, #login_sidebar_block input#PersonPassword {width: 130px;}
#login_sidebar_block div.input {margin-bottom: 5px;}
#login_sidebar_block div.checkbox {font-size: 8pt;}
#login_sidebar_block div.submit {text-align: right;}
#logged_in_as {font-size: 0.8em; padding-left: 10px;}
#sidebar_tasks h2 {letter-spacing: 100%;}
#sidebar_tasks a {}
#sidebar_tasks ul {margin: 0 0 10px 0; padding: 0;}
#sidebar_tasks li {border-bottom: 1px dashed #CCCCCC; list-style-type: none; margin: 0 0 0 20px; padding: 2px;}
#sidebar_tasks li a {color: #555; font-size: 85%;}
#sidebar_tasks .more {font-size: 80%; font-weight: bold;}
#sidebar_tasks img {margin-left: -20px; vertical-align: middle;}

/* HEADER */
#site_title {font-size: 20pt; font-weight: bold; line-height: 30px; text-align: left;}
.general_links {font-size: 12px; font-weight:bold; text-align: left;}
.general_links a {color: #0B54A6; line-height: 20px; margin: 0 6px; text-decoration: none;}
.header_row {clear: both; margin: auto; width: 960px;}
.content_type_links {font-size:12px; height: 20px; list-style-type:none; margin: 0px 0px 0px -6px; padding: 0px;}
.content_type_links li {display:inline; float:left; list-style-position:outside; list-style-type:none; margin:0 8px; padding-bottom: 5px; position:relative;}
.content_type_links li a {color:#0B54A6; font-size:8pt; font-weight:bold; line-height: 20px; text-align:center; text-decoration:none; text-transform: uppercase;}
.content_type_links li a img {margin-right: 3px; vertical-align: middle;}
.content_type_links li:hover > a {color: #BA3D1A;}
.content_type_links ul {display:block; left:-10px; margin: 0px; padding: 1px 8px 8px 0px; position:absolute; top:20px; min-width:140px;}
.content_type_links ul li {border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; display: block !important;
	float: left; height: 20px; margin: 0; padding: 0; min-width: 140px;}
.content_type_links ul li a {background:#F0F0F0 none repeat scroll 0 0; display:block; font-size: 8pt; font-weight: bold; margin:0; padding-left:8px; text-align:left;}
.content_type_links ul li a:hover {background: #C2D6EF none repeat scroll 0 0; color: #BA3D1A;} /* #0A4395 */
div.user_links_row_outer {background-color: #C2DBEF; border-top: 1px solid #B3BABF; width: 100%;}
div.user_links_row_inner {margin: auto; width: 960px;}
.user_links {font-size:12px; height: 20px; margin: 0 0 0 6px; padding: 0px;}
.user_links li {display: inline; float:left; font-size: 10pt; font-weight: bold; line-height: 20px; list-style-type: none; margin: 0px 10px 0px 0px; padding: 0px; position: relative;}
.user_links li a {color:#0B54A6; font-size:8pt; font-weight:bold; line-height: 20px; text-align:center; text-decoration:none; text-transform: uppercase;}
.user_links li a img {margin-right: 3px; vertical-align: middle;}
.user_links li:hover > a {color: #BA3D1A;}
.user_links ul {display:block; left:-10px; margin: 0px; padding: 1px 8px 8px 0px; position:absolute; top:20px; min-width:140px;}
.user_links ul li {border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; display: block !important;
	float: left; height: 20px; margin: 0; padding: 0; min-width: 140px;}
.user_links ul li a {background: #F0F0F0 none repeat scroll 0 0; display:block; font-size: 8pt; font-weight: bold; margin:0; padding-left:8px; text-align:left; text-transform: capitalize;}
.user_links ul li a:hover {background: #C2D6EF none repeat scroll 0 0; color: #BA3D1A;} /* #0A4395 */



/* BANNER ADS */
div.fake_banner_ad {border: 1px solid black; height: 60px; float: right; line-height: 60px; text-align: center; width: 468px;}
.text_banner_ad {background-color: #DEDEDE; border: 1px solid #777; color: #555; font-size: 9pt; max-height: 50px; overflow: auto; padding: 5px; text-align: left; width: 458px;}
img.banner_ad {border: 0px; height: 60px; width: 468px;}
.banner_header {color: #555; font-size: 10px; line-height: 10px; text-align: left;}
.banner_header a {color: #555; text-decoration: none;}



/* FORMS */
input[type="text"], textarea, select, .fake_input {background-color: #FAFAFF; border: 1px solid #7F9DB9;}
div.input label {display: block; font-weight: bold;}
div.input {margin-bottom: 20px;}
form div.error-message {color: red; font-weight: bold;}
div.input .footnote {color: #555; font-size: 8pt;}
.recaptcha_footnote {color: #555; font-size: 8pt;}
fieldset {border: 1px solid black; margin-bottom: 1em; padding: 0.5em;}
fieldset legend {font-weight: bold;}
fieldset.collapsible {border: 1px solid black; margin-bottom: 1em; padding: 0.5em;}
fieldset.collapsible legend {font-weight: bold;}
fieldset.collapsed {border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; height: 1em;}
fieldset.collapsed legend {display: block;}
fieldset.collapsed .fieldset_internal {display: none;}
div.toggle_tinymce {background-color: #F0F0EE; border: 1px solid #CCCCCC; border-bottom-width: 0; display: inline; font-size: 8pt; font-weight: bold;}
div.toggle_tinymce span.toggle_tinymce_on, div.toggle_tinymce span.toggle_tinymce_off {font-weight: normal; padding-right: 10px;}



/* TAGS */
#tag_list {border: 1px dotted #BBBBBB;}
#tag_list .controls {background-color: #EEE;}
#tag_cloud {line-height:16px; padding: 10px; text-align: center;}
#tag_cloud a {vertical-align: middle;}
#tag_list ul.letters {background-color: #EEE; display: inline; padding: 0px;}
#tag_list ul.letters li {cursor: pointer; display: inline; list-style-type: none; margin-left: 3px; text-transform: capitalize;}
.tagged_items_by_model ul.models {margin: 0px; padding: 0px;}
.tagged_items_by_model ul.models li {background-position: center left; background-repeat: no-repeat; list-style-type: none; padding-left: 20px;}
.tagged_items_by_model ul.models li span.count {font-weight: bold;}
#tagged_content_links_loading {clear: both; margin-top: 20px;}
#tagged_content_links_loading h3 {margin-bottom: 0px;}
#tagged_content_links_loading ul {margin: 0px;}

	

/* TAG ADDING/EDITING MENU */
ul.tag_editing {margin: 0px; padding-left: 15px;}
ul.tag_editing li {min-height: 16px; list-style-type: none;} /*list-style-image: url('/img/icons/menu-leaf.png');*/
ul.tag_editing li img.expand_collapse, ul.tag_editing li img.leaf {margin-left: -15px; padding-right: 8px;}
ul.tag_editing li div.single_row {line-height: 16px; min-height: 16px;}
ul.tag_editing li div.single_row:hover {background-color: #EEE;}
ul.tag_editing li div.single_row:hover > img {visibility: visible;}
ul.tag_editing li div.single_row span {text-transform: capitalize;}
ul.tag_editing li img.add_remove {cursor: pointer; display: block; float: right; visibility: hidden;}
#available_tags ul.tag_editing .submenu_handle {cursor: pointer;}
#available_tags.hover, #selected_tags.hover {background-color: #EEE; border-style: solid;}
#tag_editing {margin-bottom: 20px; overflow: visible; width: 100%;}
#tag_editing thead {}
#tag_editing thead th {text-align: right;}
#tag_editing thead th span {color: #555; font-size: 8pt; font-weight: bold;}
#tag_editing tfoot {font-size: 8pt;}
#tag_editing tbody {}
#available_tags, #selected_tags {border-width: 2px; margin: 5px; min-width: 290px; vertical-align: top;}
#tag_editing .tween_spacer {overflow: visible; text-align: center; vertical-align: middle; width: 4%;}



/* ARTICLES */
#articles_feed_block_title {background-color:#EFEFEF; border-bottom:1px dashed #AAAAAA; color:#333333; font-size:8pt; letter-spacing:4px; margin:-10px -10px 10px -10px; padding: 0 5px; text-transform:uppercase;}
div.article {margin: 0px;}
div.articles_feed div.article {margin-bottom: 40px;}
div.article div.article_header {border-bottom: 1px solid #B2B2B2;}
div.article div.article_header h3 {font-family:'Palatino Linotype','Book Antiqua',Palatino,serif; font-size:1.8em; font-weight:normal; margin:0; min-height: 30px;}
div.article p.time_posted {clear: right; color: #555; float: right; font-size: 0.8em; margin: 0px; text-align: right; width: 130px;}
div.article p.byline {color: #555; font-size: 0.8em; margin: 0px;}
div.article p.byline a {color: #555;}
div.article div.article_footer {border-top: 1px solid #B2B2B2; font-weight: normal; line-height: 16px; margin: 0px; padding: 2px;}
div.article .controls {font-size: 0.8em; margin: 0px; text-align: right; visibility: hidden;}
div.article:hover .controls {margin: 0px; text-align: right; visibility: visible;}
div.article .controls img {vertical-align: top;}
div.article .article_body {font-size: 1em; line-height: 1.5em; margin: 10px 20px 10px 20px;}
div.article p.byline {color: #555; font-size: 0.8em; margin: 0px 0px 0px 0px; text-align: left;}
div.article p.source {color: #555; font-size: 0.8em; margin: 0px; text-align: left;}
div.article p.source a {color: #555;}
div.article p.tags {color: #555; float: right; font-size: 0.8em; margin: 0px; text-align: right;}
div.article p.tags a {color: #555;}
div.article div.article_category {color: #555; float: right; font-size: 0.7em; line-height: 30px; min-width: 40px; text-align: right;}
div.article div.article_category img {border: 0px; height: 30px; vertical-align: top;}
div.article a.read_more {display: block; text-align: right;}



/* ARTICLE TEASERS */
.article_teaser {margin: 0px;}
div.articles_feed .article_teaser {margin-bottom: 40px;}
.article_teaser div.header {border-bottom: 1px solid #B2B2B2;}
.article_teaser div.header h3 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #BA3D1A; font-size: 120%; font-weight: bold; line-height: 30px; margin: 0; min-height: 30px; padding: 0 5px;}
.article_teaser div.header h3 a {color: #fff;}
.article_teaser p.time_posted {clear: right; color: #555; float: right; font-size: 0.8em; margin: 0px; text-align: right; width: 130px;}
.article_teaser p.byline {color: #555; font-size: 0.8em; margin: 0px;}
.article_teaser p.byline a {color: #555;}
.article_teaser p.byline .fake_link {color: #555;}
.article_teaser div.footer {border-top: 1px solid #B2B2B2; font-weight: normal; line-height: 16px; margin: 0px; padding: 2px;}
.article_teaser .controls {font-size: 0.8em; margin: 0px; text-align: right; visibility: hidden;}
.article_teaser:hover .controls {margin: 0px; text-align: right; visibility: visible;}
.article_teaser .controls img {vertical-align: top;}
.article_teaser .body {line-height: 1.5em; margin: 10px 20px 10px 20px;}
.article_teaser p.byline {color: #555; font-size: 80%; margin: 0px 0px 0px 0px; text-align: left;}
.article_teaser p.source {color: #555; font-size: 80%; margin: 0px; text-align: left;}
.article_teaser p.source a {color: #555;}
.article_teaser p.tags {color: #555; float: right; font-size: 80%; line-height: 16px; margin: 0px; text-align: right;}
.article_teaser p.tags img {vertical-align: top;}
.article_teaser p.tags a {color: #555;}
.article_teaser div.category {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 1px solid black; float: left; font-size: 0.7em; font-weight: bold; line-height: 30px; margin: -5px 5px 0 -5px; min-width: 40px; padding: 0 5px; text-align: right;}
.article_teaser div.category img {border: 0px; height: 30px; vertical-align: top;}
.article_teaser .read_more {font-weight: bold; text-align: right;}




/* FLYERS */
#flyer_feed {float: right; margin-left: -5px; padding-left: 5px; width: 180px;}
#flyer_feed h2 {text-align: right;}
#flyer_feed .footer {clear: both; font-size: 0.8em; width: 100%;}
#flyer_feed .footer td:first-child {text-align: left;}
#flyer_feed .footer td {padding: 0 5px; text-align: right;}
#flyer_feed .zzzview_all {display: block; float: left;}
#flyer_feed .zzzadd {display: block; float: right;}
#flyers_sidebar {text-align: left;}
#flyers_sidebar .inner div.flyer_thumbnail {margin: 3px auto 2px auto;}
#flyers_sidebar .none {color: #555; padding-bottom: 10px; text-align: center;}
img.flyer_thumbnail {border: 0; left: 0; position: relative; top: 0; width: 100px;}
div.flyer_thumbnail {border: 1px solid black; height: 100px; overflow: hidden; width: 100px; z-index: 1;}
#flyers_sidebar .doublestack img.flyer_thumbnail {border: 0; left: 0; position: relative; top: 0; width: 80px;}
#flyers_sidebar .doublestack div.flyer_thumbnail {border: 1px solid black; display: inline-block; height: 80px; margin-left: 5px; overflow: hidden; vertical-align: top; width: 80px; z-index: 1;}

.my_flyers .flyer {border: 0px dotted #BBB; float: left; font-size: 8pt; margin: 10px; text-align: center; width: 100px;}
.my_flyers .flyer img {vertical-align: middle;}
.flyers div.flyer_thumbnail {float: left; margin: 1px;}
.flyers .textbox {float:left; font-size:18px; font-weight:bold; height:100px; line-height: 45px; margin: 2px; text-align:center; width:100px;}
#FlyerAddForm .footnote ul {margin-top: 0;}



/* CALENDAR */
#calendar_wrapper {float: left;}
#calendar_section {background-position: center center; background-repeat: no-repeat; padding-bottom: 1px; text-align: center;}
#calendar_load {}
table.calendar {border: none; border-collapse: collapse; border-spacing: 0px; margin: 0 5px;}
table.calendar thead {background-color:#FFFFFF;}
table.calendar td.prev_month, 
table.calendar td.next_month {border: none; text-align:center;}
table.calendar td.prev_month a,
table.calendar td.next_month a {text-decoration: none;}
table.calendar td {background-color: #fff; border: 1px solid #222222; cursor: default; font-size: 20px; min-height:20px; padding:2px; text-align:center; vertical-align: middle; min-width:20px;}
table.calendar th.month_name {border:medium none; cursor:default; font-size:12px; text-align:center; text-transform:uppercase;}
table.calendar td.spacer {background-color: transparent; border: none; cursor:default;}
table.calendar td a {border: 1px solid transparent; font-weight: bold; font-size: 80%; text-decoration: none;}
table.calendar tbody td:hover {background-color: black; color: white;}
table.calendar tbody td:hover a {color: #fff;}
table.calendar td.selected a {text-decoration: underline;}
table.calendar td.no_events a {color: #666; font-weight: normal;}
table.calendar td.no_events:hover a {color: #aaa;}
table.calendar td.has_event a {display: block; line-height: 20px; text-align: center;}
table.calendar tbody td.today, 
table.calendar tbody td.today a {color: red;}
table.calendar td.spacer:hover {background-color: white;}
table.calendar th.day_header {font-size: 70%; text-align: center;}
.click_prompt {text-align: right; font-style: italic;}
#calendar_commentary {position: absolute; left: -149px; top: 0px; width: 150px;}
#calendar_commentary > div {background-color: #FFF; border-style: solid; border-color: #000; border-width: 1px; font-size: 8pt; text-align: left;}
#calendar_commentary ul {margin: 0px; padding-left: 20px;}
#calendar_help {font-size: 8pt; text-align: left;}
#calendar_help ul {margin: 0px; padding-left: 20px;}
#calendar_help_toggler {vertical-align: middle;}
.calendar_sync_link {float:right; margin-bottom:16px;} 
.calendar_popups .popup {background-color: white; color: black; text-align: left;}
.calendar_popups .popup .date {font-size: 0.9em; font-weight: bold;}
.calendar_popups .popup ul {font-size: 0.8em; margin: 5px; padding: 0px;}
.calendar_popups .popup ul li {color: #333; list-style-type: none; margin-bottom: 3px; padding-left: 13px;}
.calendar_popups .popup ul li.more {font-style: italic; font-weight: bold; text-align: right;} 
.calendar_popups .popup ul li.shaded {background-color: #EFEFEF; }
.calendar_popups .popup ul li img {height: 12px; float: left; margin-left: -14px; margin-top: 1px; vertical-align: text-bottom; width: 12px;}
.calendar_popups .popup .footnote {border-top: 1px solid #555; color: #555; font-size: 8pt; text-align: center;}



/* BIG CALENDAR */
table.big_calendar {border: none; border-collapse: collapse; border-spacing: 0px; margin: 0 auto 10px 0; table-layout: fixed;}
table.big_calendar thead {background-color:#FFFFFF; border: 1px solid black;}
table.big_calendar td.prev_month, 
table.big_calendar td.next_month {border: none; text-align:center;}
table.big_calendar td.prev_month a,
table.big_calendar td.next_month a {text-decoration: none;}
table.big_calendar td {background-color: white; border: 1px solid #222222; cursor:default; padding:5px; text-align:left; vertical-align: top;}
table.big_calendar th.month_name {border:medium none; cursor:default; font-size:1.2em; font-weight: bold; letter-spacing: 10px; text-align:center; text-transform:uppercase;}
table.big_calendar td.spacer {}
table.big_calendar tbody td {}
table.big_calendar tbody td .number {font-weight: bold; font-size: 15px; text-decoration: none;}
table.big_calendar tbody td.today {}
table.big_calendar tbody td.today .number {color: red;}
table.big_calendar tbody td .add {display: none; float: right; font-size: 15px;}
table.big_calendar tbody td:hover .add {display: block;}
table.big_calendar tbody td > div {min-height: 50px; overflow: hidden; width: 95px;}
table.big_calendar tbody ul {margin: 0; padding: 0;}
table.big_calendar tbody li {font-size: 11px; list-style-type: none; overflow: hidden; padding-left: 14px; white-space: normal;}
table.big_calendar tbody li.shaded {background-color: #EEE;}
table.big_calendar tbody li img {height: 12px; float: left; margin-left: -14px; margin-top: 1px; vertical-align: text-bottom; width: 12px;}
table.big_calendar tbody td a {text-decoration: none;}
table.big_calendar tbody td .more {display: block; font-size: 0.8em; text-align: right;}
table.big_calendar th.day_header {font-size: 70%; text-align: center;}
#big_calendar_footer {width: 700px;}
#big_calendar_footer > div {float: left; width: 50%;}
#big_calendar_footer > div h2 {display: inline-block;}
#big_calendar_footer > div > p {padding-right: 20px;}



/* EVENT VIEW */
table.events {border-collapse: collapsed; width: 100%;}
table.events thead th {border-bottom: 1px solid #EEE; color: #555; font-size: 1.2em; font-weight:bold; text-align: left; text-transform:uppercase;}
table.events .category {width: 30px;}
table.events .when {text-align: right; width: 50px;}
table.events .what {width: auto;}
table.events .where {width: auto;}
table.events thead th.series_when {text-align: left;}
table.events tbody tr {cursor: pointer; min-height: 30px;}
table.events tbody tr:hover, table.events tbody tr.shaded:hover {background-color: #C3D2DF;}
table.events tbody td {padding: 5px 0; vertical-align: top;}
table.events tbody tr.shaded {background-color: #EEE;}
table.events tbody td.when {color: #555; font-size: 1em; vertical-align: top;}
table.events tbody td.series_when_date {color: #555; font-size: 1em; vertical-align: top; width: 100px;}
table.events tbody td.series_when_time {color: #555; font-size: 1em; vertical-align: top; width: 70px;}
table.events tbody td.category {color: #555; float: right; font-size: 0.8em; line-height:16px; padding-right: 5px; text-align: right; width: 30px;}
table.events tbody td.category img {vertical-align: top;}
table.events tbody td.what {font-size: 1em; text-align: left; padding-right: 5px; vertical-align: top;}
table.events tbody td.where {color: #555; font-size: 1em; text-align: left; vertical-align: top;}

.event h1.event_title {}
.event div.header_details table.details {font-size: 10pt;}
.event div.footer_details table.details {font-size: 8pt;}
.event table.details th {color: #555; padding-right: 5px; text-align: left; vertical-align:top;}
.event table.details td {color: #000; text-align: left; vertical-align: top;}
.event div.description {border-width: 1px 0px; border-color: #AAA; border-style: solid; margin: 10px 0px; padding: 5px 10px;}
.event:hover .controls {display: block;}
.event .controls {display: none; float: right; font-size: 8pt; margin: -5px -5px 0 0; padding: 5px;}
.event .controls img {vertical-align: top;}

.events_list {width: 100%;}
.events_list .date {font-size: 0.8em; width: 100px;}
.events_list .title {text-align: left;}	

#events {}
#small_calendar_container {margin-bottom: 10px;}
#show_calendar_wrapper {padding-bottom: 10px;}
#show_calendar {float: right; font-size: 80%; margin-bottom: 10px;}
#show_calendar img {vertical-align: top;}
#events .basic_info_col {float: left; position: relative; width: 310px;}
#events .basic_info_col > a {color: #000; display: block; text-decoration: none;}
#events .basic_info_col > a {border: 2px solid transparent; cursor: pointer; padding: 5px;}
#events .basic_info_col > a:hover, 
#events .basic_info_col > a.selected {
	border: 2px solid black;
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);	
}
#events .basic_info_col > a:nth-child(odd) {background-color: #EFEFEF;}
#events .basic_info_col > a > div {display: inline-block; vertical-align: top;}
#events .basic_info_col .time {font-size: 80%; width: 80px;}
#events .basic_info_col .category {width: 20px;}
#events .basic_info_col .title_location {width: 180px;}
#events .basic_info_col .title_location .location {display: block; font-size: 80%;}
#events .detailed_info_col {float: left; margin-left: 20px; position: relative; width: 575px;}
#events #event_info_placeholder {font-size: 120%; margin-top: 40px;}
#events #selected_date {border-bottom: 1px solid #666; display: block; font-weight: bold;}
#date_selection {border: 1px solid black; left: 350px; position: absolute; top: 70px;}
#calendar_load {overflow: hidden; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s;}
#events .no_events {border: 1px solid #7F0000; color: #7F0000; margin: 5px; padding: 5px;}
#events .add_event {color: #666; font-size: 80%; margin-top: 20px;}
	
/* EVENT ADDING/EDITING */
.event_form tr {}
.event_form > tbody > tr > th, 
.event_form > tbody > tr > td {padding: 5px; vertical-align: top;}
.event_form th {font-weight: bold; width: 90px;}
.event_form td {}
.event_form .footnote {color: #555; font-size: 0.8em;}
.event_form #eventform_noendtime, #eventform_hasendtime {float: left;}
.event_form #eventform_hasendtime select:first-child {margin-left: 10px;}
.event_form #eventform_noendtime {height: 20px; line-height: 20px;}
.event_form .eventform_toggler {color: #0B54A6; cursor: pointer; font-size: 0.8em; text-decoration: none;}
.event_form .eventform_toggler:hover {color: #BA3D1A; text-decoration: underline;}
.event_form .footnote .eventform_toggler {font-size: 1em;}
.event_form #eventform_tags .input {margin: 0;}
.event_form #tag_editing {margin: 0;}
.event_form #EventTitle,
  .event_form #EventSeriesTitle,
  .event_form #EventLocation,
  .event_form #EventAddress, 
  .event_form #EventCost,
  .event_form #EventAgeRestriction,
  .event_form #EventSource {width: 400px;}
.event_form #eventform_timestart_div {float: left; margin-right: 10px; margin-bottom: 0;}
.event_form #EventDescription {width: 400px; height: 200px;}
.event_form .in_series a:first-child {margin-left: 20px;}
.event_form .in_series a {font-size: 0.8em;}


/* DATE PICKER */
div.datepicker {cursor: default; display: none; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 147px; left: 0; position: absolute; top: 0; width: 196px;}
.datepickerContainer {background-color: #fff; border: 1px solid #ccc; padding: 5px;}
/*
.datepickerBorderT {background: url("/datepicker/images/datepicker_t.png") repeat scroll 0 0 transparent; height: 10px; left: 10px; position: absolute; right: 10px; top: 0;}
.datepickerBorderB {background: url("/datepicker/images/datepicker_b.png") repeat scroll 0 0 transparent; bottom: 0; height: 10px; left: 10px; position: absolute; right: 10px;}
.datepickerBorderL {background: url("/datepicker/images/datepicker_l.png") repeat scroll 0 0 transparent; bottom: 10px; left: 0; position: absolute; top: 10px; width: 10px;}
.datepickerBorderR {background: url("/datepicker/images/datepicker_r.png") repeat scroll 0 0 transparent; bottom: 10px; position: absolute; right: 0; top: 10px; width: 10px;}
.datepickerBorderTL {background: url("/datepicker/images/datepicker_tl.png") repeat scroll 0 0 transparent; height: 10px; left: 0; position: absolute; top: 0; width: 10px;}
.datepickerBorderTR {background: url("/datepicker/images/datepicker_tr.png") repeat scroll 0 0 transparent; height: 10px; position: absolute; right: 0; top: 0; width: 10px;}
.datepickerBorderBL {background: url("/datepicker/images/datepicker_bl.png") repeat scroll 0 0 transparent; bottom: 0; height: 10px; left: 0; position: absolute; width: 10px;}
.datepickerBorderBR {background: url("/datepicker/images/datepicker_br.png") repeat scroll 0 0 transparent; bottom: 0; height: 10px; position: absolute; right: 0; width: 10px;}
*/
.datepickerHidden {display: none;}
div.datepicker table {border-collapse:collapse;}
div.datepicker a {color: #000; cursor: default; outline: none; text-decoration: none;}
div.datepicker table td {margin: 0; padding: 0; text-align: right;}
div.datepicker th {color: #000; font-weight: normal; text-align: center;}
div.datepicker tbody th {text-align: left;}
div.datepicker tbody a {display: block;}
.datepickerDays a {height: 16px; line-height: 16px; padding-right: 2px; width: 20px;}
.datepickerYears a, 
.datepickerMonths a {height: 36px; line-height: 36px; text-align: center; width: 44px;}
td.datepickerNotInMonth a {color: #555;}
tbody.datepickerDays td.datepickerSelected {background-color: #136A9F;}
tbody.datepickerDays td.datepickerSelected a {color: #fff;}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {background-color: #17384d;}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{background-color: #17384d;}
div.datepicker a:hover {color: #88c5eb;}
div.datepicker td.datepickerNotInMonth a:hover {color: #999;}
div.datepicker tbody th {text-align: left;}
.datepickerSpace div {width: 20px;}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {height: 20px; line-height: 20px; text-align: center;}
.datepickerGoNext a {float: right; width: 20px;}
.datepickerGoPrev a {float: left; width: 20px;}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {display: none;}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {display: none;}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {display: none;}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a {color: #333;}
td.datepickerDisabled a:hover {color: #333;}
td.datepickerSpecial a {background-color: #700;}
td.datepickerSpecial.datepickerSelected a {background-color: #a00;}
.datepickerContainer th.datepickerWeek a {color: #aaa;}
.datepickerContainer th.datepickerWeek a:hover {color: #aaa;}
.datepickerViewDays .datepickerDoW th {text-align: center;}


/* EVENT SERIES */
.event_series .controls {float: right;}
.event_series_form th {width: 50px;}
.event_series_form .events_in_series {width: 100%;}
.event_series_form .events_in_series td {padding: 2px; vertical-align: middle;}
.event_series_form .events_in_series .deleted .date,
  .event_series_form .events_in_series .deleted .title {color: #555; text-decoration: line-through;}
.event_series_form .events_in_series .action {font-size: 0.8em; width: 40px;}
.event_series_form .events_in_series .date {font-size: 0.8em; width: 80px;}
.event_series_form .events_in_series .time {font-size: 0.8em; width: 60px;}
.event_series_form .events_in_series .title {vertical-align: middle;}
.event_series_form .events_in_series .delete {font-size: 0.8em; width: 40px;}
.event_series_form .events_in_series thead {border-bottom: 1px solid #aaa; font-size: 0.8em; font-weight: bold;}
.event_series_form .events_in_series thead .delete {color: red;}
.edit_event_in_series {margin: 5px 0;}
.edit_event_in_series th {vertical-align: top; width: 50px;}
.edit_event_in_series td {vertical-align: top;}



/* ADVERTISE */
table.rates td {padding-right: 5px;}



/* FEEDS */
#feed_selection {margin-bottom: 20px; margin-top: 0px;}
#feed_selection li {}
.view_feed h3.feed_title {font-size: 12pt; font-weight: bold; margin-bottom: 0px;}
.view_feed .feed_description {font-style: italic; margin-bottom: 15px;}
.view_feed .feed_links {font-size: 8pt;}
.view_feed .origin_link {}
.view_feed .feed_item {border: 1px dotted #AAA; margin-bottom: 10px; margin-left: 20px; padding: 5px;}
.view_feed .feed_item h4 {}
.view_feed .feed_item .description {color: #555; margin-left: 10px;}
.view_feed .feed_item .description p {margin-top: 0px;}
.view_feed .feed_item .description img {max-width: 550px;}
.view_feed .feed_item .date {color: #555; font-size: 8pt; font-style: italic; margin-left: 10px; text-align: right;}
div.webcam {float: left; height: 220px; margin: 5px; text-align: center; width: 260px;}
div.webcam img {border: 0px; max-width: 250px;}
div.webcam h3 {font-size: 10pt; font-weight: bold; text-align: center;}



/* EXHIBITIONS */
#exhibitions {margin: 0px; padding: 0px;}
#exhibitions li {list-style-type: none;}
#exhibitions li .location {border-bottom: 1px solid black; color: #555; font-size: 8pt; text-transform: uppercase;}
#exhibitions li ul {margin: 0px 0px 20px 0px;}
#exhibitions li ul li {border: 1px dashed #AAA; color: #555; list-style-type: circle; margin: 5px 0px;}
.exhibition .handle {color: #000; cursor: pointer; padding: 5px;}
.exhibition .more_info {color: #000; margin: 0px 10px 10px 10px;}
.exhibition .handle:hover {background-color: #B5C9DF;}
.exhibition .title {font-weight: bold;}
.exhibition .coming {color: #555; font-size: 8pt;}
.exhibition .description {border-width: 1px 0px; border-color: #AAA; border-style: solid; margin: 10px 0px; padding: 5px 10px;}
.exhibition div.header_details table.details {font-size: 10pt;}
.exhibition div.footer_details table.details {font-size: 8pt;}
.exhibition table.details th {color: #555; padding-right: 5px; text-align: left; vertical-align:top;}
.exhibition table.details td {color: #000; text-align: left; vertical-align: top;}
.exhibition p.controls {float: right; font-size: 8pt; margin: -5px -5px 0 0; padding: 5px;} 
.exhibition p.controls img {vertical-align: top;}
.exhibition span.today {color: red; font-size: 8pt;}



/* ABOUT */
#credits .row {border-bottom: 1px dashed #555; list-style-type: none;}
#credits .row .name {background-color: #FFF; clear: left; float: left; font-weight: bold; margin-bottom: -3px; padding-right: 5px;
	position: relative; top: 4px;} 
#credits .row .position {background-color: #FFF; clear: right; color: #555; float: right; padding-left: 5px; position: relative; text-align: right;
	top: 4px; right: -2px;}
#credits .row .break {clear: both; height: 0px; width: 0px;}
#credits .category {border-bottom: 1px solid #555; color: #555; font-size: 110%; letter-spacing: 7px; list-style-type: none;}
.about td {background-color: #EFEFEF; border: 5px solid white; padding: 20px;}
#recent_additions {float: left; margin: 30px 0; width: 450px;}
#recent_additions h2 {display: inline;}
#load_recent_content {display: inline;}
#load_recent_content .paginator {display: inline;}
#load_recent_content .paginator img {vertical-align: baseline;}

.recent_content h3 {font-size: 12pt; font-weight: bold; margin-bottom: 0px;}
.recent_content tbody td {border-bottom: 1px dashed #CCC;}
.recent_content .item {border-bottom: 1px dashed #CCC; clear: both; margin: 5px 2px; min-height: 20px;}
.recent_content .item:last-child {border-bottom: 0;}
.recent_content .item_title {font-size: 8pt; line-height: 11px; padding-left: 20px;}
.recent_content .item_title img {float: left; margin: 1px 0px 0px -20px;}
.recent_content .time_contributor {color: #555; font-size: 7pt; padding-right: 0px; text-align: right;}
.recent_content .time_contributor a {color: #555;}
.recent_content .model {color: #555; font-size: 7pt; text-transform: uppercase;}
.recent_content a {color: #555;}
.recent_content .leaderboard {background-color:#EFEFEF; border-top:1px solid #999999; font-size:8pt; margin-top:10px; padding:2px;}

#site_updates_container {float: left; margin: 30px 0; width: 450px;}
#site_updates_container h2 {display: inline;}
#site_updates_container {}
#site_updates_container h3 {background-position: right top; background-repeat: no-repeat; display: inline; font-size: 12pt; font-weight: bold; padding-right: 20px;}
#site_updates_container #load_site_updates {}
#site_updates_container table {margin-left: 20px;}
#site_updates_container .date {color: #555; font-size: 8pt; line-height: 16px; min-width: 60px; padding-right: 10px; text-align: right; vertical-align: top;}
#site_updates_container .update {font-size: 10pt; line-height: 16px; text-align: left; vertical-align: top;}
#load_site_updates {display: inline;}
#load_site_updates div.paginator {display: inline;}
#load_site_updates div.paginator img {vertical-align: baseline;}




/* PEOPLE */
#user_profile {}
#user_profile .none {color: #666;}
#user_profile .details {background-color: #EEEEEE; display: inline-block; margin-bottom: 20px; max-width: 600px; padding: 5px;}
#user_profile_tabs {
	font-size: 150%;
	margin: 20px 0 0 0;
	padding: 0;
}
#user_profile_tabs li {
	display: inline-block;
	list-style-type: none;
	margin:0;
	padding: 0 10px;
}
#user_profile_tabs a {
	background-color: #eee;
	border: 1px solid #000;
	padding: 5px;
	z-index: 0;
}
#user_profile_tabs a:hover,
#user_profile_tabs a:active,
#user_profile_tabs a.selected:link,
#user_profile_tabs a.selected:visited {
}
#user_profile_tabs a.selected:link,
#user_profile_tabs a.selected:visited {
	background-color: #FFFFFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    padding: 5px;
	position: relative;
	z-index: 2;
}
#user_profile .content_wrapper {background-color: #fff; border: 1px solid #000; padding: 10px; position: relative; z-index: 1;}
#user_profile .content_wrapper > div  {display: none;}
#user_profile .content_wrapper > div.selected {display: block;}
#user_profile .tags {float: right; margin-left: 10px; margin-bottom: 10px; max-width: 200px;}
#user_profile h3 {border-bottom: 1px solid #999; color: #444; font-size: 125%; letter-spacing: 2px; text-transform: capitalize;}
#user_profile .tags .tag {display: block; margin-bottom: 5px; text-transform: capitalize;} 
#profile_tab_contributed_content .content_type {font-size: 120%; font-weight: bold; text-transform: capitalize;}
table.people thead th {border-bottom:1px solid #EEEEEE; color:#555666; font-size:8pt; text-align:center; vertical-align: top;}
table.people tr.shaded td {background-color: #EFEFEF;}
table.people td.person {font-size: 12pt; line-height: 30px; padding-right: 10px; vertical-align: middle;}
table.people td.tags {font-size: 8pt; vertical-align: middle;}
#my_account h2 a {font-size: 50%;}
#my_account textarea {height: 300px; width: 400px;}
#my_account .section {background: #efefef; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 0 20px 20px 20px; padding: 10px;}
#my_account #user_profile {max-height: 400px; overflow: auto;}
#my_account .indicator {float: left; margin-left: 10px;}
#my_account .other_functions {margin: 0 0 20px 0; padding: 0;}
#my_account .other_functions > li {list-style-type: none; margin: 0; padding: 0;}
#my_account div.submit {float: left;}
#my_account .prompt {border-bottom: 1px dotted #bbb; font-size: 125%; margin-bottom: 20px; padding-bottom: 20px;}
#account_basic_info_display th {color: #666; font-weight: bold; padding-right: 15px; text-align: left;}
#account_basic_info_display tfoot a {font-size: 80%;}
#account_basic_profile_edit div.input:nth-child(3) {margin-bottom: 0;}
#ArtistProfileHirable {float: left; margin-right: 10px;}

/* GROUPS */
.view_group h2 {font-size: 20pt; font-weight: bold; display: inline;}
.view_group .tags {}
.view_group .tag {color: #000;}
.view_group blockquote {}
.view_group div.section {margin-left: 20px; margin-bottom: 20px;}
.view_group div.section_header {font-weight: bold; margin-left: -20px; text-transform: capitalize;}
.view_group div.controls {float: right;}
.view_group div.category {color: #555; margin-bottom: 20px; text-transform: capitalize;}
.view_group .none {color: #555; font-style: italic;}
.view_group .added_by {font-size: 8pt; color: #555;}
table.groups {width: 100%;}
table.groups thead th {border-bottom:1px solid #EEEEEE; color:#555666; font-size:8pt; text-align:left;}
table.groups tr.shaded td {background-color: #EFEFEF;}
table.groups td.group {padding-right: 10px; vertical-align: top; width: 40%;}
table.groups td.tags {font-size: 8pt; vertical-align: top; width: 60%;}
.group_of_groups {border-top: 1px dashed #aaa; padding-top: 20px;}



/* MY CONTENT */
table.my_content {width: 100%;}
table.my_content tr.altrow {background-color: #EEE;}
table.my_content th {padding: 0px;}
table.my_content tr.altrow th {padding: 5px 0px;}
table.my_content td {font-size: 0.8em; line-height: 16px; text-align: center; width:55px;}
table.my_content td img {margin-right: 2px; vertical-align: top;}
table.my_content td.date {padding-right: 10px; text-align: left; width: 60px;}
ul.my_content {margin: 0; padding: 0;}
ul.my_content li {list-style-type: none; padding: 0;}
ul.my_content .none {color: #555; font-style: italic;}
.my_events h1 {font-size: 1.5em; font-weight: bold; margin-top: 20px;}
.my_events .expanded {text-align: center; vertical-align: top;}
.my_events .myeventseries_events {font-size: 100%; padding: 5px 0;}
.my_events .myeventseries_events td.title, .myeventseries_events td.date {}
.my_events .myeventseries_events > table {border: 1px solid #CCC; margin: 10px 0;}



/* TASKS */
.view_task th {border-bottom: 1px solid #EEEEEE; color: #555; padding: 5px; padding-right: 10px; text-align: right; vertical-align: top;}
.view_task td {border-bottom: 1px solid #EEEEEE; padding: 5px; vertical-align: top;}
.view_task .title th {vertical-align: middle;}
.view_task .title td {vertical-align: middle;}
.view_task .title td h2 {margin: 0px;}
.view_task .controls {float: right;}
.view_task .shaded {color: #555;}
.view_task .added_by {font-size: 8pt;}
.view_task .accomplished {background-color: #AFFFBA; color: #004F00; font-weight: bold; margin: -10px -10px 10px -10px; padding: 5px;}
#tasks {width: 100%}
#tasks tr.shaded td {background-color: #EFEFEF;}
#tasks th {border-bottom:1px solid #EEEEEE; color:#555666; font-size:8pt; padding: 0 5px; text-align:left; vertical-align: top;}
#tasks td {padding: 5px; vertical-align: middle;}
#tasks .deadline {color: #555; font-size: 8pt; min-width: 40px;}
#tasks .group {display: block; font-size: 80%; color: #555;}
#tasks .title {}
#accomplished_checkbox input {float: left; margin-right: 5px;}
.deadline_warning {color: red;}



/* AUTO-COMPLETE */
ul.auto_complete {background-color: #fff; border: 1px solid #888; margin: 0px; min-width: 250px; padding: 0px; position: absolute;}
ul.auto_complete li {border-bottom: 1px dotted #CCCCCC; cursor: pointer; list-style-type: none;}
ul.auto_complete li:hover {background-color: #ffb;}



/* ETSY */
table.etsy th {padding-right: 20px; vertical-align: top;}
table.etsy td {color: #555; vertical-align: top;}



/* PLACES */
.view_place h2 {font-size: 20pt; font-weight: bold; display: inline;}
.view_place div.controls {float: right;}
.view_place .none {color: #555; font-style: italic;}
.view_place p {margin: 0;}
.view_place th, .view_place td {padding-bottom: 10px; vertical-align: top;}
.view_place th {color: #555; padding-right: 10px;} 
table.places {width: 100%;}
table.places thead th {border-bottom:1px solid #EEEEEE; color:#555666; font-size:8pt; text-align:center;}
table.places td.place {padding-right: 10px; vertical-align: top;}
table.places td.description {font-size: 8pt; vertical-align: top;}
ul.places span.informal {color: #555; font-size: 7pt; padding-left: 10px;}



/* LEADERBOARD */
h2.leaderboard {margin: 0;}
table.leaderboard {margin-bottom: 30px; width: 100%;}
table.leaderboard thead {color: #555; font-size: 8pt;}
table.leaderboard thead th.score {text-align: center;}
table.leaderboard thead th.user {text-align: left;}
table.leaderboard th {padding-right: 10px;}
table.leaderboard tbody th {font-size: 16pt; font-weight: bold; line-height: 30px; text-align: center; vertical-align: top; width: 50px;}
table.leaderboard tbody td {line-height: 30px; vertical-align: top;}
table.leaderboard tbody td img {vertical-align: middle;}
table.leaderboard .contributions {color: #555;}
table.leaderboard .user {width: 350px;}
span.admin_marker {color: red; font-size: 7pt;}
img.trophy {padding-right: 5px;}



/* MAILING LIST */
#mailing_list_settings div.input {margin: 0 0 5px 0;}
#mailing_list_settings div.input img {margin-right: 5px; vertical-align: text-bottom;}
#mailing_list_settings fieldset {margin: 20px 0;}
#mailing_list_settings fieldset:last-child {margin-bottom: 0;}
#mailing_list_settings legend {border: 1px solid black; font-size: 120%; padding: 0 5px;}
#mailing_list_settings label {display: inline; font-weight: bold;}
#mailing_list_settings .daily_options td {padding: 0 5px; text-align: center;}
#mailing_list_settings .daily_options td:first-child {padding-left: 0;}
#mailing_list_settings .daily_options input {margin: 0;}
#mailing_list_settings label .note {color: #333; font-size: 80%; font-weight: normal; padding-left: 10px;}
#custom_event_type_options input[type="checkbox"], #unsubscribe {margin-right: 10px;}
#mailing_list_settings input[type="radio"] {margin-right: 5px;}
#mailing_list_settings input[type="submit"] {display: block; margin: auto;}
#frequency strong {font-size: 120%;}
#frequency p:nth-of-type(2) {margin-top: 30px;}
#frequency th {font-size: 120%; padding: 0 10px 10px 0; vertical-align: middle;}
#frequency td {padding: 0 10px 10px 0; vertical-align: middle;}
#custom_frequency_options {margin-left: 20px;}
#custom_frequency_options th {font-weight: bold; padding-right: 10px; text-align: right; vertical-align: top;}
#custom_frequency_options td {padding: 3px;}
#custom_frequency_options tr:first-child td, #custom_frequency_options tr:first-child th {border-bottom: 1px solid #aaa;}
#custom_frequency_options label {font-weight: normal;}
#custom_event_type_options {margin-left: 20px;}
.daily_options input[type="checkbox"] {margin-right: 0;}




/* MISC */
.register_note {font-size: 0.8em;}


/* SECTION HOMEPAGES */
#upcoming_events {float: right; width: 300px;}
#upcoming_events ul {margin: 0; padding: 0;}
#upcoming_events li {clear: both; list-style-type: none; margin: 0; padding: 0;}
#upcoming_events ul ul {padding-left: 10px;}
#upcoming_events > ul > li {border-bottom: 1px solid #ccc;}
#upcoming_events > ul > li:last-child {border-bottom: 0;}
#upcoming_events > ul > li {padding: 5px 0;}
#upcoming_events > ul > li:first-child {padding-top: 0;}  
#upcoming_events .time {float: left; font-size: 80%; padding-right: 10px; text-align: right; width: 50px;}
#upcoming_events .title_location {float: left; width: 200px;}
#upcoming_events .location {display: block; font-size: 80%;}


/* MUSIC */
#albums p {margin: 0;}
#albums ol {margin: 0;}
#albums img {vertical-align: bottom;	}
#albums .album_title {font-size: 150%; font-weight: bold;}
#albums .file_info {color: #666; font-size: 70%;}
#albums .album {
	background-color: #E2F7FF;
	border: 1px solid #CCCCCC;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	margin-bottom: 20px;
	padding: 5px;
}



/* MODERATE EVENTS */
#moderate_events td {vertical-align: top;}
#moderate_events .anonymous {color: #f00;}
#moderate_events table {border-collapse: collapse; width: 100%;}
#moderate_events thead {border-bottom: 1px solid black; font-size: 130%;}
#moderate_events td {padding: 10px 5px;}
#moderate_events td:nth-child(1) {font-size: 80%; width: 170px;}
#moderate_events td:nth-child(3) {width: 100px;}
#moderate_events tbody tr:nth-child(even) {background-color: #eee;}
#moderate_events tbody h3 img {vertical-align: middle;}
#moderate_events a.action img {margin-right: 10px; vertical-align: middle;}
#moderate_events .post_body {border: 1px solid #ccc; margin: 10px 0; padding: 5px;}