/* @override 
	http://zenterbrook:10088/css/main.css
	http://cbktour:10088/css/main.css
	http://centerbrook.com/css/main.css
*/

html, body { 
	margin: 0; padding: 0; background-color: #1a1a1a; 
	font-family: Arial, Verdana, sans-serif; color: #CCC; 
}

div { margin: 0; padding: 0; }
div.clear { display: block; width: 0; height: 0; line-height: 0; overflow: hidden; clear: both; }

h1, h2, h3, h4 { margin: 0; padding: 0; color: #FFF; font-weight: normal; line-height: 1em; }
h1 { font-size: 1.5em; margin-bottom: 3px; }
h2 { font-size: 1.25em; }
h3 { font-size: 1em; margin-bottom: 5px; }
h4 { font-size: 0.75em; margin-bottom: 15px; }

p { margin: 0 0 10px 0; padding: 0; font-size: 0.875em; line-height: 1.25em; }
p.credits { font-size: 0.75em; }

strong { font-weight: bold; }
em { font-style: italic; color: #999; }

a { text-decoration: none; cursor: pointer; }
a, a:visited { color: #EEE; }
a:hover { text-decoration: underline; color: #FFF !important; }
form a { zoom: 1; }
div.text a { text-decoration: underline; color: #CCC; }
a.icon-rss { float: left; display: block; height: 14px; background: url(/images/common/feed-icon-14x14.png) no-repeat left top; margin: 6px 0 0 60px; padding: 0 0 0 22px; }
a.icon-pdf { display: block; width: 17px; height: 17px; background: url(/images/common/pdficon_small.gif) no-repeat left top; margin: 0; padding: 0; text-indent: -1000px; }

div.actions { float: right; }

div.left-block { float: left; display: block; text-align: left; clear: left; }
div.right-block { float: right; display: block; text-align: right; }
div.left-block ul, div.right-block ul { margin: 0; padding: 0; }
div.left-block li, div.right-block li { margin: 0; padding: 0; list-style: none; text-align: left; }
div.right-block li { width: 312px; height: 1.5em; overflow: hidden; }
div.right-block li strong { float: left; display: block; width: 4em; }

div.inner { padding: 5px; overflow: hidden; }

dl, dt, dd, ul, ul li { margin: 0; padding: 0; list-style-type: none; }
dt, dd { padding: 0; line-height: 1.25em; }
dd { margin: 0 0 10px 0; }
form dt, form dd { font-size: 0.875em; }

ul.errors li { background-color: #FC3; margin: 5px 0; padding: 5px 20px; border: 2px solid #F00; color: #F00; font-weight: bold; }

ul.list-bullet { list-style-position: outside; margin-left: 1em; }
ul.list-bullet li { margin-bottom: 0.5em; list-style-type: disc; font-size: 0.875em; }

table, thead, th, tbody, tr, td { margin: 0; padding: 0; }
table { width: 100%; }
th { text-align: left; }

img { border: none; }

/* Blocks: Common */

div#mn { width: 800px; margin: 0 auto; }
div#mn_content {}

div#mn div#hd { float: left; width: 100%; background-color: #1a1a1a; }
div#mn div#mn_content div#hd { position: absolute; width: 800px; top: 0; z-index: 9999; }
div#mn div#mn_content > div#hd { position: fixed; }
div#mn div#hd_content { margin-top: 27px; }
div#hd a:hover { text-decoration: none; }

div#mn div#bd, div#mn div#ft { float: left; width: 100%; overflow: hidden; clear: both; }
div#mn div#bd_content, div#mn div#ft_content { overflow: hidden; }

div#mn div#bd div#bd_content { margin-top: 66px; }
div#mn div#bd.spacer div#bd_content { margin-top: 112px; }

div#bd form label { display: block; clear: both; }
div#bd form input, div#bd form textarea { width: 45%; border: 1px solid #666; background-color: black; margin: 0; padding: 5px; color: white; }
div#bd form textarea { width: 90%; }

div#mn div#ft { font-size: 0.75em; }
div#mn div#ft_content { padding-bottom: 50px; }
div#mn div#ft div.spacer { margin-top: 148px; }
div#mn div#ft span { float: left; clear: both; }

/* Services */

ul.services li { float: left; }
ul.services li a { display: block; background-position: 0 8px; background-repeat: no-repeat; text-indent: -9000px; width: 16px; height: 16px; padding: 8px 8px 8px 0; }

ul.services li.twitter a { background-image: url(services/twitter-bw.png); }
ul.services li.facebook a { background-image: url(services/facebook-bw.png); }
ul.services li.flickr a { background-image: url(services/flickr-bw.png); }
ul.services li.youtube a { background-image: url(services/youtube-bw.png); }
ul.services li.rss a { background-image: url(services/feed-bw.png); }

ul.services li.twitter a:hover { background-image: url(services/twitter.png); }
ul.services li.facebook a:hover { background-image: url(services/facebook.png); }
ul.services li.flickr a:hover { background-image: url(services/flickr.png); }
ul.services li.youtube a:hover { background-image: url(services/youtube.png); }
ul.services li.rss a:hover { background-image: url(services/feed.png); }

/* Images: Common */

span.logo-small { float: left; display: block; width: 113px; height: 20px; background: url(/images/common/centerbrook-logo-small.gif) top left no-repeat; }

span.arrow-left, span.arrow-right, span.arrow-right-small { float: left; display: block; width: 6px; height: 11px; }
span.arrow-left { background: url(/images/common/arrow-left.gif) top left no-repeat; }
span.arrow-right { background: url(/images/common/arrow-right.gif) top left no-repeat; }
span.arrow-right-small { background: url(/images/common/arrow-right-small.gif) top left no-repeat; width: 4px; height: 7px; }

a span.arrow-right-small { margin-right: 5px; background-position: 0px center; height: auto; }

/* Square "focus" stack */

div.square { float: left; width: 148px; height: 148px; overflow: hidden; }

div.square_stack { background-color: black; }
div.square_stack div.nofocus, div.square_stack div.focus { position: absolute; }

div.square div.filter-in div.nofocus, div.square div.filter-out div.focus, div.square div.hide div.focus { display: none; }

div.square div.filter-out div.nofocus { opacity: 0.5; filter: alpha(opacity = 50); }

/* Layouts: Grid */

div.grid_content { overflow: hidden; }

div.grid_3 div.square, div.grid_5 div.square { padding: 0 15px 15px 0; }
div.grid_3 div.omega, div.grid_5 div.omega { padding: 0 0 15px 0; }

div.grid_more, div#pagination { font-size: 0.875em; }
div.grid_more, div#pagination_content { margin-bottom: 10px; color: #333; }
div#pagination_content strong { color: yellow; }

div.grid_more a { color: #666; font-weight: bold; }
div.grid_more a:hover { color: #999; text-decoration: none; }

/* Layouts: Graphic */

div#graphic { float: left; height: 436px; background-color: #333; margin-bottom: 15px; padding: 0 2px; overflow: hidden; }
div#graphic_content { max-width: 796px; overflow: hidden; }
div#graphic_content img, div#graphic_content iframe { margin: 2px 0; }

div#graphic_caption { position: relative; width: 796px; height: 0; top: -10px; color: #FFF; text-align: right; font-size: 0.625em; line-height: 1.125em; }

div#graphic_flash { width: 796px; height: 434px; margin-top: 2px; }

/* Layouts: Header */

div#header {}
div#header_content {}

div#header_content div.title { float: left; width: 450px; margin-bottom: 15px; clear: both; }
div#header_content div.title h1, div#header_content div.title h2 { float: left; clear: left; }

/* Layouts: Search */

div#search { margin: 5px 0 20px 0; }
div#search_content {}

/* Layouts: Columns */

div#col_left, div#col_right, div#search_left, div#search_right { float: left; overflow: hidden; }

div#col_left { width: 450px; }
div#col_right { width: 292px; margin-left: 58px; }

div#search_left { width: 490px; font-size: 0.75em; }
div#search_left strong { color: #FFF; }
div#search_left div.grid_3 { margin-top: 0.625em; }
div#search_right { width: 290px; margin-left: 20px; }
div#search_right_content { margin-top: 1.375em; }

/* Menu: Header */

div#hd ul.menu { display: block; float: right; margin: 6px 0 15px 0; font-size: 0.75em; }
div#hd ul.menu li { display: block; float: left; padding-left: 24px; position: relative; z-index: 100; }
div#hd ul.menu a { display: block; }
div#hd ul.menu a:hover { text-decoration: underline; }

div#hd ul.menu ul.submenu { display: none; width: 130px; position: absolute; padding: 0 5px 5px 5px; left: 11px; background-color: #1a1a1a; }
div#hd ul.menu ul.submenu li { width: 100%; padding: 0; clear: both; }
div#hd ul.menu ul.submenu li a { padding: 1px 0 1px 8px; font-weight: bold; }
div#hd ul.menu ul.submenu li a:hover { text-decoration: none; background-color: #666; }

div#hd ul li.omega ul.submenu { width: 200px; right: 0; left: -139px; margin: 0; padding: 0 0 13px 13px; }

div#hd ul.menu ul.submenu li form { height: 22px; background-color: #000; border: 1px solid #CCC; margin: 5px 0 0 0; padding: 1px; }
div#hd ul.menu ul.submenu li form input { float: left; width: 155px; border: none; margin: 2px; padding: 2px 0; background-color: #000; color: #FFF; }
div#hd ul.menu ul.submenu li form a { float: right; width: 30px; border-left: 1px solid #CCC; margin: 0; padding: 2px 0; text-align: center; overflow: hidden; }

/* Menu: Project Filter (Category Menu) */

div.project_filter { position: relative; width: 100%; height: 33px; margin-bottom: 13px; z-index: 1; }
div.project_filter_content {}

div.project_filter_content ul, div.project_filter_content li, div.filter-container ul, div.filter-container li { float: left; }

div.project_filter_content ul.filter { position: relative; margin-right: 6px; z-index: -10; }
div.project_filter_content ul.open { z-index: 10; }

div.filter-container { 
	display: none;
	position: absolute; top: 28px; left: 0;
	background-color: black;
	padding: 0 1px;
	z-index: -1;
}
div.filter-container ul.filter-list { 
	width: 600px;
	border: 1px solid #565759;
	margin: 1px 0; padding: 6px 0 30px 21px;
}
div.filter-container.single { width: 173px; }
div.filter-container.single ul.filter-list { width: 150px; }
div.filter-container ul.filter-list li { width: 150px; line-height: 0.9375em; }
div.filter-container ul.filter-list li ul { margin-top: 15px; }

div.filter-container ul.filter-list li.pad-top { padding-top: 10px; font-weight: bold; }
div.filter-container ul.filter-list li.pad-bottom { padding-bottom: 10px; font-weight: bold; }
div.filter-container ul.filter-list li.pad-top a, div.filter-container ul.filter-list li.pad-bottom a { color: #FFF; }

div.filter-container ul.filter-list strong { padding-bottom: 2px; font-size: 0.875em; color: #FFF; }
div.filter-container ul.filter-list strong a { color: #FFF; font-size: 1em; }
div.filter-container ul.filter-list a { display: block; font-size: 0.8125em; color: #CCC; }
div.filter-container ul.filter-list a:hover { text-decoration: underline !important; }

div.project_filter div.callout { float: left; width: 270px; position: relative; left: 300px; padding: 8px 0; font-size: 0.875em; color: #FFF; opacity: 0; filter: alpha(opacity = 0); }
div.project_filter div.callout span { margin: 3px 6px; }

/* Pill */

div.pill { float: left; color: white; cursor: pointer; }
div.pill div { float: left; height: 33px; }
div.pill div.lt, div.pill div.rt { width: 4px; }
div.pill div.ct { height: 17px; padding: 8px 20px; }

div.project_filter ul.open div.pill div.lt, div.project_filter ul.open div.pill div.rt { height: 30px !important; overflow: hidden; zoom: 1; }
div.project_filter ul.open div.pill div.ct { height: 14px !important; overflow: hidden; zoom: 1; }

div.pill div.lt, a:hover div.pill div.lt, div.project_filter ul.open div.pill div.lt { background: url(pill/pill-lt-b.gif) top left no-repeat; }
div.pill div.ct, a:hover div.pill div.ct, div.project_filter ul.open div.pill div.ct { background: url(pill/pill-ct-b.gif) top left repeat-x; }
div.pill div.rt, a:hover div.pill div.rt, div.project_filter ul.open div.pill div.rt { background: url(pill/pill-rt-b.gif) top left no-repeat; }

a div.pill div.lt, ul.filter div.pill div.lt { background: url(pill/pill-lt.gif) top left no-repeat; }
a div.pill div.ct, ul.filter div.pill div.ct { background: url(pill/pill-ct.gif) top left repeat-x; }
a div.pill div.rt, ul.filter div.pill div.rt { background: url(pill/pill-rt.gif) top left no-repeat; }

/* Menu: Thumbnails */

div#menu_thumb { float: right; width: 292px; height: 46px; margin-bottom: 15px; }
div#menu_thumb a { float: left; display: block; text-decoration: none; cursor: pointer; }

div#menu_thumb div.scrollable { float: left; position: relative; width: 260px; height: 46px; overflow: hidden; }
div#menu_thumb div.scrollable div.items { position: absolute; width: 20000em; clear: both; }
div#menu_thumb div.scrollable div.items div { float: left; display: block; margin: 0 1px; padding: 1px; }
div#menu_thumb div.scrollable div.items div a { 
	width: 61px; height: 44px; overflow: hidden; 
	background-color: #666;
}
div#menu_thumb div.scrollable div.items div.active { background-color: #FFF; margin: 0 1px; }
div#menu_thumb div.scrollable div.items div.active a { background-color: #1a1a1a; margin: 0; }
div#menu_thumb div.scrollable div.items div a img { width: 59px; height: 42px; margin: 1px; border: none; }

div#menu_thumb span.arrow-left, div#menu_thumb span.arrow-right {
	width: 16px;
	height: 46px;
	background-position: center;
}

/* Menu: Explore & Similar */

div.menu_horizontal, div.menu_vertical { margin-left: 18px; margin-bottom: 15px; font-size: 0.75em; overflow: hidden; }
div.menu_horizontal strong , div.menu_vertical strong { color: #FFF; }

div.menu_horizontal ul.menu { clear: both; }
div.menu_horizontal ul.menu li {
	float: left;
	background: url(/images/common/arrow-right-small.gif) 6px 5px no-repeat;
	padding-left: 15px;
	font-weight: bold;
}
div.menu_horizontal ul.menu li.alpha { background: none; padding: 0; }

div.menu_vertical ul.menu li { color: #f9f3d7; }
div.menu_vertical ul.menu li ul li { font-size: 1em; }
div.menu_vertical dl ul.menu li {
	background: url(/images/common/arrow-right-small.gif) 0 5px no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
}
div.menu_vertical ul.menu li.omega { margin-bottom: 0; }

div.menu_vertical ul { margin-bottom: 20px; }

div.menu_vertical dl { margin: 10px 0; }
div.menu_vertical dd { margin-top: 5px; }
div.menu_vertical dl dt { cursor: pointer; }
div.menu_vertical dl ul { margin-bottom: 0px; }

div.menu_vertical .depth-1 { font-weight: bold; }
div.menu_vertical .depth-2 { color: #999; }
div.menu_vertical .depth-2 a { color: #999; }
div.menu_vertical .depth-3 { background: url(/images/common/arrow-right-small.gif) 0 5px no-repeat; padding-left: 10px; }
div.menu_vertical .depth-3 a {}
div.menu_vertical ul .dim a { color: #666; }

div.menu_columns ul { float: left; font-size: 0.75em; }
div.menu_columns ul li { line-height: 1.5em; }

div.menu_vertical li.descendant-first { margin-top: 5px; }
div.menu_vertical li.descendant-last { margin-bottom: 10px; }

div.menu_vertical li.group-start {}
div.menu_vertical li.group-end { margin-bottom: 10px; }

/* Tooltip */

#tooltip { display: none; position: absolute; }

#tooltip div.tooltip-tail { display: block; position: relative; top: 1px; left: 10px; width: 11px; height: 6px; background: url(/images/common/tooltip-tail.gif) top left no-repeat; overflow: hidden; }

#tooltip div.tooltip-content { background-color: black; padding: 10px 12px; border: 1px solid #666; }
#tooltip.thumb div.tooltip-content { width: 59px; height: 42px; padding: 2px; overflow: hidden; }

#tooltip strong, #tooltip span, #tooltip em { display: block; clear: left; line-height: 1em; }
#tooltip strong { font-size: 0.8125em; }
#tooltip span { font-size: 0.8125em; margin-top: 3px; }
#tooltip em { font-size: 0.75em; font-style: normal; margin-top: 10px; }

#tooltip.square { width: 250px; min-height: 30px; }

/* Messages */

div.message_success {
	background-color: #CFC;
	padding: 2px 4px;
	font-weight: bold;
}

div.message_failure {
	background-color: #FCC;
	padding: 2px 4px;
	font-weight: bold;
}

div.message_database {
	background-color: #FEC;
	padding: 2px 4px;
	font-weight: bold;
}

/* Debug: Doctrine Profiler */

ul.doctrine { padding: 0 15px; color: #444; }
ul.doctrine li { margin-bottom: 15px; }

ul.doctrine p { margin: 0; padding: 0; }
ul.doctrine p.event { margin-bottom: 5px; }
ul.doctrine p.query, ul.doctrine p.parameters { margin-left: 15px; }


/* Derek's Adds */

div#col_left_content ul li {
	margin: 0 0 0 15px; 
	font-size: 0.875em; 
	line-height: 1.25em; 
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -13px;
	padding-right: 30px;
}

div.text ul {
	margin-bottom: 10px;
}