/* 
  Uses:
    Modernizr for HTML5 fallback    http://www.modernizr.com
    CSSEdit Folding                http://css-tricks.com/forums/discussion/2783/foldable-textmate-css-groups-i.e.-cssedit/p1
 
 Table of Contents
 1.   Reset Styles
 2.   Typography
 3.   Tables
 4.   Forms
 5.   Error Messages
 6.   Grid
 7.   Common Drupal Elements
 8.   Common Layout Elements
 9.   Regions
 10.  Menus
 11.  Blocks
 12.  Features
*/

/* @group ################# 1.  Reset Styles    ####################### */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */
/* @group ################# 2.  Typography      ####################### */
body {
  font-size:75%;
  color:#222;
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  line-height: 1.25;
  }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:0;}
h5 {font-size:1em;font-weight:bold;margin-bottom:0;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
blockquote {
  margin:1.5em;color:#666;font-style:italic;
  background: url(../images/lquote.png) no-repeat left top;
  font-size: 1em;
  margin: 0 0 1.5em 0;
  padding: 0 0 0 40px;
}
blockquote p {
  margin: 0;
}
a, a:link {
  color: blue;
}
a:visited {
  color: darkblue;
}
a, a:link, a:visited {
  text-decoration: none;
}
a:hover, a:focus, a:active {
  text-decoration: underline;
}
/* @end */

/*  For accessibility, ensure img text is visible if image can't be loaded */
img { color: black; }
/* @end */
/* @group ################# 3.  Tables          ####################### */
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding:4px 10px 4px 5px;}
thead th, th {
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
  color: #333;
}
th a img { margin: 0; }
tr.even td { background: #F1F5FA; }
tr.odd td { background: #fff; }
tfoot {font-style:italic;}
/* @end */
/* @group ################# 4.  Forms           ####################### */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
fieldset dl, fieldset select {margin: 0; }
fieldset {
  background: #f7f7f7;
  border: 1px solid #ccc;
  padding: 0.5em;
}
fieldset legend {
  display: block;
  font-size: 1em;
  background: #fff;
  border: 1px solid #ccc;
  padding: 0 0.4em;
}
fieldset .collapsible { overflow: hidden; } /* prevent uncessary scrollbars */
html.js fieldset.collapsed { background: none; }
html.js fieldset.collapsible legend a {
  background: transparent url(../images/icons/menu-expanded.gif) no-repeat scroll 0% 50%;
  text-decoration: none;
}
html.js fieldset.collapsed legend a { background: transparent url(../images/icons/menu-collapsed.gif) no-repeat scroll 0% 50%; }
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin: 0 0 0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
div.form-item div.description img { margin: 0; }
input.form-text, textarea {
  border: 1px solid #ccc;
  padding: 0.2em;
}
textarea, input {
  font-size: 1em;
  vertical-align:text-bottom;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.form-item {
  margin-top: 0;
  margin-bottom: 2em;
}
.form-item .description {
  font-size: 0.9em;
  line-height: 1.667em; /* more accurate line-height value */
}
textarea {
  line-height: 1.5em;
  height: auto;
}
div.resizable-textarea textarea { margin-top: 0; }

form#system-modules {
  color: black; /* Needed for Module Filter module */
}
/* @end */
/* @group ################# 5.  Error Messages  ####################### */
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
div.error, tr.error, span.form-required, span.marker {
  color: #8A1F11;
}
div.messages {
  margin-bottom: 1.5em;
  padding: 0.68em;
  font-weight: bold;
}
div.messages.success {
  border: 1px solid #7AC142;
  color: #55872E;
  background: #F1F8EB;
}
div.messages ul {
  margin-bottom: 0;
}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 1px solid #DD7777;
  background: #FFCCCC;
  color: #8A1F11;
}
.form-item strong.error {
  display: block;
}
.form-item textarea.error {
  padding: 0.2em;
}
/* @end */
/* @group ################# 6.  Grid            ####################### */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* @end */
/* @group ################# 7.  Drupal Elements ####################### */
/* @group Admin */
div.admin {
  padding-top: 0; /* fix alignment of admin panel */
}

div.admin-panel {
  padding: 1.5em 0 0 0;
}

div.admin-panel .body {
  padding: 0;
}

div.admin-panel .description {
  margin: 0 0 1.5em 0;
  padding: 0;
}

div.admin .left,
div.admin .right {
  margin:0;
}

#user-admin-filter ul li,
#node-admin-filter ul li {
  list-style: none; /* remove list style from content node filter */
}
/* @end */
/* @group Blocks */
div.block {
  margin-bottom: 0;
}
.block ul {
  margin: 0pt 1.5em 1.5em;
  padding: 0;
}
/* Markers on Block Admin Page */
.block-region {
  margin: 0;
  color: black;
}
/* @end */
/* @group Book Module */

.book-navigation .page-links {
  background: #F1F5FA;
  border: none;
  padding: 0.75em;
  margin-bottom: 1.5em;
}

.book-navigation .menu {
  padding: 1.417em 0 0 3em;
  margin: 0 0 1.5em 0;
  border-color: #bbb;
}
/* @end */
/* @group Boxes */
.box {
  background: #f7f7f7;
}

.box fieldset {
  background: #fff;
}
/* @end */
/* @group Breadcrumbs */
.breadcrumb {}
/* @end */
/* @group Comments */

div.comment-content {
  float: left;
  margin-right: 10px;
}

div.comment div.picture {
  text-align: right;
}

div.comment span.username {
  font-weight: bold;
}

div.comment span.date {
  font-style: italic;
}

div.comment span.new {
  color: #5B1100;
  font-weight: bold;
}

div.comment div.permalink {
  width:32px;
  float:right;
}

div.comment img {
  margin: 0;
  border: 1px solid #ccc;
  padding:1px;
}

div.comment {
  padding: 0.75em 1em;
  margin: 1.5em 0;
}

div.comment.odd {
  background: #F1F5FA;
}

div.comment.author {
  background: #ffc;
}

div.node h2 {
  margin-bottom: 0;
}

h3#comment-number {
  margin-top: 1em;
}

div.indented {
  margin-left:40px;
}

/* @end */
/* @group Help */
div.help {
  background: #ffffbb;
  color: #555522;
  border: 1px solid #777700;
  padding: 0.75em; /* fix alignment of help text */
  margin-bottom: 1.5em;
}
.more-help-link {
  font-size: 0.9em;
  line-height: 1.667em;
}
/* @end */
/* @group Item Lists */
.item-list ul {
  margin: 0pt 1.5em 1.5em;
  padding: 0;
}
.item-list ul li {
  margin: 0;
  padding: 0;
}
.item-list ul li {
  list-style-image: url(../images/icons/menu-leaf.gif);
}
/* @end */
/* @group Lists */
/*
ul li {
  list-style-image: url(../images/icons/menu-leaf.gif);
}
li.leaf {
  list-style-image: url(../images/icons/menu-leaf.gif);
}

ul li.expanded {
  list-style-image: url(../images/icons/menu-expanded.gif);
}

ul li.collapsed {
  list-style-image: url(../images/icons/menu-collapsed.gif);
}
*/
/* @end */
/* @group Menus */
ul.menu {
  margin: 0pt 1.5em 1.5em;
  padding: 0;
}
ul.menu li {
  margin: 0;
  padding: 0;
}
ul.menu li {
  list-style-image: url(../images/icons/menu-leaf.gif);
}

/* remove bottom margins from nested ul elements in menus */
ul.menu li ul {
  margin-bottom: 0;
}
ul.secondary {
  margin: 0;
  padding: 0;
}

ul.secondary li {
  padding: 0 0.7em 0 0; /* align subtabs flush to edge */
  margin: 0 0.5em 0 0;
}

ul.primary {
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: #f7f7f7;
  color: #222222;
  padding: 3px 10px 2px 10px; /* fix alignment of tabs */
  margin: 0;
}
ul.primary li a:hover {
  background: none;
  text-decoration: underline;
}
ul.primary li.active a {
  background: white;
  color: blue;
  padding: 7px 8px 7px 20px; /* fix alignment of tabs */
  border: none;
  border-right: solid 1px #cccccc;
}
/* @end */
/* @group Nodes */
div.node {
  margin: 0 0 1.5em 0;
  padding: 0 0 1.417em 0;
  border-bottom: none;
}
div.node div.meta {
  font-size: 0.9em;
  line-height: 1.667em;
  margin-bottom: 1.667em;
}
div.meta div.submitted, div.meta div.terms {
  display: inline;
}
div.node div.picture {
  float: right;
  margin: 0 0 0.8em 0.8em;
}
div.node ul.links {
  display: block;
  text-align: right;
}
div.node div.meta ul.links {
  display: inline;
  padding: 0 1em 0 0;
}
/* @end */
/* @group OpenID */
#user-login-form li.openid-link, 
#user-login li.openid-link {
  background-position: 0 0;
  padding-left:18px;
}
/* @end */
/* @group Pager */

ul.pager {
  line-height: 1.667em;
  margin: 1.667em 0;
  font-size: 0.9em;
}

ul.pager a, ul.pager li.pager-current {
  border: 1px solid #0066B3;
  text-decoration: none;
  margin-right: 3px;
  padding: 3px 6px;
}

ul.pager li.pager-current {
  background: #0066B3;
  color: #fff;
}

ul.pager a:link,
ul.pager a:visited {}

ul.pager a:hover,
ul.pager a:focus,
ul.pager a:active {
  background-color: #0066B3;
  color: #fff;
  border: 1px solid #0066B3;
}

ul.pager span.pager-ellipsis {
  padding: 0 0.5em;
}

.item-list .pager li { 
  padding:0em;
}

/* @end */
/* @group Saving */
#saving {
  background: url(../images/loading.gif) no-repeat 12px 1px;
  padding-left: 36px;
  font-weight: bold;
  font-size: 1em;
  display: none;
}
#saving p {
  margin: 0;
}
#saving-notice {
  font-size: 0.9em;
  background: #ffc;
  font-style: italic;
}
/* @end */
/* @group Tips */
.tips {
  font-size:1em;
  margin-left:3em;
}
/* @end */
/* @group User Profiles */
/* fix alignment on user profile page */
.profile dt {
  margin: 1.5em 0 0 0;
}
/* @end */
/* @end */
/* @group ################# 8.  Controls        ####################### */
/* @group Hover Editing */

  .with-hover-editing
  {
    position: relative;
  }

  .with-hover-editing .edit
  {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 40;
  }
  /* Don't show if nested inside a parent */
  .with-hover-editing:hover .with-hover-editing .edit,
  .with-hover-editing .with-hover-editing:hover .with-hover-editing .edit {
    display: none;
  }
  .with-hover-editing .view-content div.edit,
  .view-content .with-hover-editing div.edit
  {
    top: auto;
    bottom: 0;
  }

  .with-hover-editing:hover .edit,
  .with-hover-editing .with-hover-editing:hover .edit,
  .with-hover-editing .with-hover-editing .with-hover-editing:hover .edit  {
    display: block;
  }
  
  .with-hover-editing .edit {
    border: 1px solid #cccccc;
    border-right: none;
    padding: 0;
    font-size: 9px;
    background: rgb(255, 255, 255);  /* Fallback colour for non-CSS3 browsers */
    background: rgba(255, 255, 255, 0.75);
    text-transform: none;
    font-weight: normal;
  }
  .with-hover-editing div.edit ul {
    margin: 0;
    white-space: nowrap;
    border: none;
  }
  .with-hover-editing div.edit ul li {
    list-style: none;
    display: inline;
    width: auto;
    padding: 0;
    margin: 0;
    border: none;
  }
  div.view:hover div.views-hide {
    margin: 0;
  }
  .with-hover-editing div.edit a {
    color: blue;
    padding: 7px 8px 7px 20px;
    border: none;
    background: url(../images/icons/pencil.png) 2px 4px no-repeat;    
    display: block;
    float: left;
    border-right: solid 1px #cccccc;
  }
  .with-hover-editing div.edit ul.secondary a {
    background: transparent;
  }
  .with-hover-editing div.edit li.last a {
    border-right:none;
  }
  /* Specific link icons */
  div.edit .action-delete a {
    background-image: url(../images/icons/delete.png);    
  }
  /* TODO: target these links directly instead of assuming list position */
  div.view div.views-admin-links li a {
    background-image: url(../images/icons/world_go.png);    
  }
  div.view div.views-admin-links li.last a {
    background-image: url(../images/icons/add.png);    
  }

  /* TODO: Add .with-hover-editing and .edit to views so we don't need this special case anymore */
  div.view div.views-admin-links {
    margin-right: 0;
    width: auto;
    float:right;
  }
  
  /* Override standard Views CSS */
  div.view div.views-admin-links li a,
  div.view div.views-admin-links li a:hover,
  div.view div.views-admin-links-hover a,
  div.view div.views-admin-links:hover a {
    color: blue;
  }
  div.view div.views-admin-links-hover,
  div.view  div.views-admin-links:hover {
    background: rgb(255, 255, 255);  /* Fallback colour for non-CSS3 browsers */
    background: rgba(255, 255, 255, 0.75);
  }
    
  div.view div.views-admin-links a:before {
    content: "";
  }

  div.view div.views-admin-links a:after {
    content: "";
  }

/* @end */
/* @group Hover Editing Exceptions */

/* Always Display tabs on Admin pages & User Login page */
body.admin #body-content,
body.not-logged-in.page-user #body-content {
  background: rgb(255, 255, 255);  /* Fallback colour for non-CSS3 browsers */
  background: rgba(255, 255, 255, 0.75);
  padding: 30px 10px 10px 10px;
  border: solid 1px #cccccc;
}
body.admin .with-hover-editing .tabs,
body.not-logged-in.page-user .with-hover-editing .tabs {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: none;
  font-size: 100%;
}
body.admin div.tabs ul.secondary,
body.admin div.tabs ul.primary,
body.not-logged-in.page-user div.tabs ul.primary {
  position: relative;
  float: right;
  clear: both;
}
body.admin div.tabs ul.primary li a,
body.not-logged-in.page-user div.tabs ul.primary li a {
  margin-left: 5px;
  padding: 0.5em 1em 0.5em 1em;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  background: #cccccc;
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: none;
  border-left: solid 1px #cccccc;
}
body.admin div.tabs ul.primary li.active a,
body.not-logged-in.page-user div.tabs ul.primary li.active a {
  background: rgb(255, 255, 255);  /* Fallback colour for non-CSS3 browsers */
  background: rgba(255, 255, 255, 0.75);
  border-bottom: none;
}
body.admin div.tabs ul.secondary li a {
  border: none;
}
body.admin div.tabs ul.secondary li a:hover {
  text-decoration: underline;
}

/* @end */
/* @group Editing Controls */
/* Edit links in Views */
#edit-submit-top { float: right; }
/* @end */
/* @group Gradient Buttons */
.button,
.form-submit,
.teaser-button,
.views-field-edit-node a,
.views-field-delete-node a,
.content-overview-links a,
#views-ajax-pad .form-buttons .form-submit {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .25em 2em .3em;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	-webkit-border-radius: .75em;
	-moz-border-radius: .75em;
	border-radius: .75em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	color: black;
	border: solid 1px #bbbbbb;
	background: #d9d9d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e0e0e0));
	background: -moz-linear-gradient(top,  #f9f9f9,  #e0e0e0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e0e0e0');
}
.button:hover,
.form-submit:hover,
.teaser-button:hover,
.views-field-edit-node a:hover,
.views-field-delete-node a:hover,
.content-overview-links a:hover,
#views-ajax-pad .form-buttons .form-submit:hover  {
	text-decoration: none;
	background: blue;
	background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#c9c9c9));
	background: -moz-linear-gradient(top,  #e0e0e0,  #c9c9c9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#c9c9c9');
}
.button:active,
.form-submit:active,
.views-field-edit-node a:active,
.views-field-delete-node a:active,
.content-overview-links a:active,
.teaser-button:active {
	position: relative;
	top: 1px;
	color: blue;
	background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f9f9f9));
	background: -moz-linear-gradient(top,  #e0e0e0,  #f9f9f9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f9f9f9');
}

.views-field-edit-node a,
.views-field-delete-node a {
  padding: 5px 10px 5px 10px;
}

/* @end */
/* @group Slide-down */
a.slide_down-handle {
  background: rgb(255, 255, 255);  /* Fallback colour for non-CSS3 browsers */
  background: rgba(255, 255, 255, 0.75);
  border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  display: block;
  float: left;
  height: 20px;
  width: 100%;
  line-height: 19px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
}
a.slide_down-handle {
    margin-right: 10px;
}
a.slide_down-handle .icon {
  background: url(../images/accordian.png) 0 0 no-repeat;
  width: 16px;
  height: 16px;
  float: left;
  margin: 2px 10px 2px 2px;
}
a.slide_down-handle:hover .icon { background-position: 0 -16px; }
a.slide_down-handle.open .icon { background-position: -16px 0; }
a.slide_down-handle.open:hover .icon { background-position: -16px -16px; }
/* @end */
/* @group Vertical Tabs */
div.vertical-tabs {
  margin: 1em 0 1em 15em;
  border: 1px solid #CCC;
  display: none;
  background: white;
}
div.vertical-tabs ul.vertical-tabs-list,
.views-edit-view ul#views-tabset {
  border: none;
}
li.vertical-tab-button,
.views-edit-view ul#views-tabset li {
  list-style: none;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
}
div.vertical-tabs ul.vertical-tabs-list li.first {
  border-top: 1px solid #CCC;
}
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
  background: transparent;
  padding: 1em;
}
div.vertical-tabs ul.vertical-tabs-list li.first {
  border-top: 1px solid #CCC;
}
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
  background: transparent;
  padding: 1em;
}
.vertical-tabs-panes {
  background: white;
}
/* @end */
/* @group Views Tabset */
/* Matched to Vertical Tabs */
.views-tabset {
  background: none;  
}
.views-tabset .views-tabs {
  background: none;
  border: none;
}
.views-tabset .views-tabs ul li {
  width: 118px;
}
.views-tabset .views-tabs ul li.active {
  width: 119px;
}
.views-tabset .views-tabs ul li a{
  padding: 1em;
}
.views-tabset .extra .form-item {
  padding-right: 10px;
}

.views-tabset #views-add-display-form {
  margin-top: 1em;
  border: none;
}
.views-tabset #views-add-display-form .form-item{
  margin-bottom: 0;
}
.views-tabset #views-ui-analyze-view-button {
  margin-top: 5em;
}
.views-edit-view ul#views-tabset {
  border: none;
}
.views-edit-view ul#views-tabset li {
  list-style: none;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
}
/* @end */
/* @end */
/* @group ################# 9.  Regions ####################### */
/* @group Common Region Elements */
body {
  padding: 0;
  margin: 0;
}
div.wrapper {
  margin: 0 auto;
}
div.container{
  width: 950px;
  margin: 0 auto;
}
/* @end */
/* @group Messages Region */
#messages-container {
  background: transparent;
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 0;
  font-size: 12px;
}
#messages-region {
  background: rgb(255, 255, 255);  /* Fallback colour for non-CSS3 browsers */
  background: rgba(255, 255, 255, 0.75);
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  color: #222222;
  width: 200px;
  padding: 10px 10px 0 10px;
}
#messages-region .messages,
#messages-region .help
 {
  margin-bottom: 10px;
}
/* @end */
/* @group Admin Region */
#admin-container {
  background: transparent;
  width: auto;
  position: absolute;
  top: 0;
  right: 1px;
  z-index: 10;
  padding: 0;
  font-size: 12px;
}
#admin-container h3 {
  color: black;
}

#admin-container a, a:link {
  color: blue;
}
#admin-container a:visited {
  color: darkblue;
}
#admin-container a, a:link, a:visited {
  text-decoration: none;
}
#admin-container a:hover, a:focus, a:active {
  text-decoration: underline;
}

#admin-region {
  background: rgb(255, 255, 255);  /* Fallback colour for non-CSS3 browsers */
  background: rgba(255, 255, 255, 0.75);
  border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  color: #222222;
}
#admin-region .block {
  padding: 10px;
  margin-bottom: 1em;
  clear: left;
}
/* @end */
/* @group Header */
#header {
  position: relative;
  /* z-index: 0; */ /* Not sure why this was needed, but it mucks up menus - Isaac */
}
/* @end */
/* @group Left Sidebar */
#left {
  width: 100px;
  float: left;
}
/* @end */
/* @group Right Sidebar */
#right {
  width: 100px;
  float: left;
}
/* @end */
/* @group Above Content */
#above-content {}
/* @end */
/* @group Main Content */
#main-content {
  float: left;
}
.two-sidebars #main-content {
  width: 750px;
}
.one-sidebar #main-content {
  width: 850px;
}
.no-sidebars #main-content {
  width: 950px;
}
/* @group Above Body */
#above-body {}
.page-admin #above-body {
  background: black;
  color: white;
}

/* @end */
/* @group Body */
#body {
  position: relative;
}
/* @end */
/* @group Below Body */
#below-body {}
#body a.feed-icon {
  display: none;
}
/* @end */
/* @end */
/* @group Below Content */
#below-content {}
/* @end */
/* @group Footer */
#footer {}
/* @end */
/* @end */
/* @group ################# 10. Menus ####################### */
/* @group Common Nice Menus Elements */
ul.nice-menu,
ul.nice-menu ul {
  margin: 0;
  padding: 0;
}
.on-top
{
  /* Used by function zIndexWorkaround()  in scripts/general.js */
  z-index: 10000;
}
/* @end */
/* @group Navigation Menu */
#admin-region .block-nice_menus ul {
  width: 200px;
}
#admin-region .block-nice_menus ul li {
  width: 198px;
}
.block-nice_menus ul li {
  list-style: none;
}
.block-nice_menus ul ul{
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.5);
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
}
#admin-region ul.nice-menu,
#admin-region ul.nice-menu ul {
  z-index: 15;
}
#nice-menu-2 {}
#nice-menu-2 li a {
  padding: 10px 10px 0 56px;
  height: 22px;
  background: 16px 1px no-repeat;
}

#nice-menu-2 li li a{
  padding: 5px 0 5px 14px;
  height: auto;
  background: none;
}

#nice-menu-2 li.menu-path-user-1 a { background-image: url(../images/icons-menu/user_32.png) }
#nice-menu-2 li.menu-path-node-add a { background-image: url(../images/icons-menu/page_blank_add_32.png) }
#nice-menu-2 li.menu-path-node-add li a { background-image: none }
#nice-menu-2 li.menu-path-admin-manage-content a { background-image: url(../images/icons-menu/page_text_32.png) }
#nice-menu-2 li.menu-path-admin-manage-comments a { background-image: url(../images/icons-menu/comment_32.png) }
#nice-menu-2 li.menu-path-admin a { background-image: url(../images/icons-menu/tools_32.png) }
#nice-menu-2 li.menu-path-admin li a { 
    padding: 10px 10px 0 56px;
  height: 22px;
  background: 16px 1px no-repeat;}
#nice-menu-2 li.menu-path-admin li.menu-path-admin-content  a { background-image: url(../images/icons-menu/page_text_32.png) }
#nice-menu-2 li.menu-path-admin li.menu-path-admin-content li a{ padding: 5px 0 5px 14px; height: auto; background: none; background-image: none; }
#nice-menu-2 li.menu-path-admin li.menu-path-admin-build    a { background-image: url(../images/icons-menu/web_layout_32.png) }
#nice-menu-2 li.menu-path-admin li.menu-path-admin-build li a{ padding: 5px 0 5px 14px; height: auto; background: none; background-image: none; }
#nice-menu-2 li.menu-path-admin li.menu-path-admin-settings a { background-image: url(../images/icons-menu/web_layout_32.png) }
#nice-menu-2 li.menu-path-admin li.menu-path-admin-settings li a{ padding: 5px 0 5px 14px; height: auto; background: none; background-image: none; }
#nice-menu-2 li.menu-path-admin li.menu-path-admin-user     a { background-image: url(../images/icons-menu/users_32.png) }
#nice-menu-2 li.menu-path-admin li.menu-path-admin-user li a{ padding: 5px 0 5px 14px; height: auto; background: none; background-image: none; }
#nice-menu-2 li.menu-path-admin li.menu-path-admin-reports  a { background-image: url(../images/icons-menu/chart_flipped_32.png) }
#nice-menu-2 li.menu-path-admin li.menu-path-admin-reports li a{ padding: 5px 0 5px 14px; height: auto; background: none; background-image: none; }
#nice-menu-2 li.menu-path-logout a              { background-image: url(../images/icons-menu/user_close_32.png) }
/* @end */

/* @end */
/* @end */
/* @group ################# 11. Blocks ####################### */
/* @group Search */
.block-search {
  background: green;
  margin:-right: 10px; 0;
  padding: 0;
  float: right;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  padding: 2px;
	background: #d9d9d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e0e0e0));
	background: -moz-linear-gradient(top,  #f9f9f9,  #e0e0e0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e0e0e0');
	border: solid 1px #bbbbbb;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.block-search input.form-text {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  float: left;
  margin: 3px 5px 3px 3px;
  padding: 3px 5px 3px 5px;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.block-search select{
  display: none;
}
.block-search input.form-submit {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  float: right;
  width: 26px;
  height: 26px;
  margin: 1px;
  padding: 0;
  border: solid 1px #606060;
	background: #606060;
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#606060));
	background: -moz-linear-gradient(top,  #a9a9a9,  #606060);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#606060');
	color: white;
}
.block-search .search-form {
  margin: 0;
}
/* @end */
/* @group Siteplan Block */
#block-views-siteplan-block_1 {
  border: solid 1px #cccccc;
  width: 180px;
  background: white;
  margin: 10px;
  float: left;
}
#block-views-siteplan-block_1 ul.controls {
  margin: 0;
  float: left;
}
#block-views-siteplan-block_1 ul.controls li {
  list-style: none;
}
#block-views-siteplan-block_1 ul.controls li a {
  list-style: none;
  padding-left: 37px;
  padding-top: 7px;
  margin: 0;
  height: 25px;
  float: left;
}
#block-views-siteplan-block_1 li.issues-manage a {
  background: transparent url(../images/icons-siteplan.png) 0 0 no-repeat;
}
#block-views-siteplan-block_1 li.issues-add a {
  background: transparent url(../images/icons-siteplan.png) 0 -32px no-repeat;
}
#block-views-siteplan-block_1 li.issues-add-page a {
  background: transparent url(../images/icons-siteplan.png) 0 -96px no-repeat;
}
/* @end */
/* @group Website Credits */
.block-metamorphic_credits {
  width: 200px;
}
.block-metamorphic_credits ul.contact_details {
  margin-right: 0;
}
.block-metamorphic_credits p,
.block-metamorphic_credits h4 {
  margin-bottom: 0;
}
.block-metamorphic_credits .credits-service {
  font-weight: bold;
}
/* @end */
/* @end */
/* @group ################# 12. Features ####################### */
/* @group Articles Mullet */
#block-views-articles_tier1-block_1,
#block-views-articles_tier2-block_1,
#block-views-articles_tier3-block_1 {
  float: left;
  margin: 0 1em 0 1em;
  position: relative;
}
#block-views-articles_tier3-block_1 {
  width: 40%;
  margin-right: 10%; 
}
ol.articles {
  margin: 0;
}
ol.articles li.article {
  list-style: none;
  float: left;
}
ol.articles li.article a.imagecache {
  float: left;
  margin-right: 10px;
}
.articles-tier2 ol.articles li.article {
  width: 40%;
  margin-right: 10%;
}
.articles-tier2 ol.articles li.article.odd {
  clear: left;
}
.articles-tier3 ol.articles li.article {
  float: left;
  clear: left;
  width: 100%;
}
.articles-tier3 .view-footer {
  float: left;
  clear: left;
}
/* @end */
/* @end */




section {
  background: yellow;
}
#test {
  background: green;
}
section#test {
  background: red;
}



/* Ensure text is readable even if background color is dark */
fieldset, .vertical-tabs {
  color: black;
}

/* Reset Fieldgroup Module CSS */
div.fieldgroup {
  margin: 0;
}
div.fieldgroup .content{
  padding: 0;
}

.node-unpublished {
  background: url(../images/bg-unpublished.png) 0 0 repeat;
}

/* TODO: Include CSS for rich text editor */
/* TODO: Bring in IE CSS */

/* Calendar pop-up fix */
.ui-datepicker-header select.ui-datepicker-month {
  margin-left: 20px !important;
}
.ui-datepicker-header select.ui-datepicker-year {
  margin-left: 80px !important;
}