/* Reset - from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.2;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* 'hacks' */

/* Always show FF scrollbar */
html{
   overflow-y: scroll;
}

/* Post-reset - global tags */
body {
   background-color: #f3f3ff;
   background-image: url(images/pageleft.png);
   background-position: 0 0;
   background-repeat: repeat-y;
   font-family: verdana, arial, sans-serif;
   margin: 0 auto;
/*   overflow: hidden; why did I do this?*/
   width: 100%;
}
a {
   color: #514860;
}
a:hover, a:focus, a:active {
   background-color: #cfc;
   outline: 1px dotted #b1a8c0;
}
code {
   background-color: #eee;
   font-family: monospace;
   font-weight: bold;
   font-size: 1.2em;
}
select, input.tbox, textarea.tbox {
   background-image: url(images/bg_tbox.png);
   background-position: 0 0;
   background-repeat: repeat-x;
   border-bottom: 1px solid #ff0;
   border-left: 1px solid #514860;
   border-right: 1px solid #ff0;
   border-top: 1px solid #514860;
   margin: 4px;
}
select:focus, input.tbox:focus, textarea.tbox:focus {
   border-bottom: 1px solid #514860;
   border-left: 1px solid #ff0;
   border-right: 1px solid #514860;
   border-top: 1px solid #ff0;
}
textarea {
   width: 95%;
}
.bullets ul, ul.bbcode {
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 1.5em;
	text-indent: -1em;
}
.bullets ul li, ul.bbcode li {
   padding-bottom: 0.5em;
}
strong {
   font-weight: bold;
}
em {
   font-style: italic;
}
.clear {
   clear: both;
}
.hide {
   display: none;
}

/* Main sections */
/* "wrapper" is outer DIV - do not apply border/padding/margin */
/* "container" is outer DIV - can apply border/padding/margin */
div#page-outer {
   background-image: url(images/bugrain_vertical.png);
   background-position: 0 0;
   background-repeat: no-repeat;
   height: 300px;
   position: fixed;
   text-indent: -9999px;
   width: 30px;
}
div#page-wrapper {
   xbackground-image: url(images/pageright.png);
   xbackground-position: 100% 0;
   xbackground-repeat: repeat-y;
   font-size: 0.85em;
   padding: 10px 10px 10px 30px;
}
#sidebar1-wrapper div.container, #sidebar2-wrapper .container {
   margin-left: 15px;
}
#sidebar1-wrapper a, #sidebar2-wrapper a {
   border-bottom: 0;
}

div#globallinks-wrapper {
   position: absolute;
   right: 35px;
   text-align: right;
   top 5px;
   z-index: 1000;
}
div#globallinks li {
   font-size: 0.8em;
}
div#globallinks a {
   border: 0;
   color: #000;
   font-weight: bold;
}

div#sitename-wrapper {
   position: relative;
   top: 0;
}
div.logo {
   background-color: #f8f8e7;
   background-image: url(images/nz_montage.png);
   background-position: 0 0;
   background-repeat: no-repeat;
   height: 72px;
   text-indent: 110px;
}
div.sitename {
   background-position: 100px 0;
   background-repeat: no-repeat;
   height: 100px;
   text-indent: 110px;
}

/* Site links */
div#sitelinks-wrapper {
   background-color: #514860;
   height: 30px;
   padding-left: 5px;
   padding-top: 10px;
}
div#sitelinks {
   color: #fff;
   float: left;
}
div#sitelinks ul {
   position: relative;
}
div#sitelinks li {
   display: inline;
}
div#sitelinks a.sitelink, div#sitelinks a.sitelink-hilite {
   border: 0;
   color: #fff;
   font-weight: bold;
   margin-right: 1px;
   padding: 1px 3px;
}
div#sitelinks a.sitelink-hilite {
   background-color: #9188a0;
   border-bottom: 2px solid #ccf;
}
div#sitelinks a.js-disabled:hover, div#sitelinks a.js-disabled:focus, div#sitelinks a.js-disabled:active,
div#sitelinks a.sitelink-hilite:hover, div#sitelinks a.sitelink-hilite:focus, div#sitelinks a.sitelink-hilite:active {
   background-color: #b1a8c0;
   outline: 0;
}
div#sitelinks a.js-enabled:hover,
div#sitelinks a.sitelink-hilite:hover,
div#sitelinks a.sitelink-hilite-js {
   background-color: transparent;
   color: #ccf;
   outline: 0;
}
div#sitelinks a.js-enabled:focus, div#sitelinks a.js-enabled:active {
   background-color: #9188a0;
   outline: 0;
}
div#sitelinks a.sitelink-hilite:focus, div#sitelinks a.sitelink-hilite:active {
   background-color: #c1b8d0;
   outline: 0;
}
#sitelinks li.background {
   background: url('images/bg_menu_right.gif') no-repeat top right;
   cursor: pointer;
   height: 20px;
   position: absolute;
}
#sitelinks li.background div.left {
   background: url('images/bg_menu.gif') no-repeat top left;
   height: 20px;
   margin-right: 9px;
}

div.search {
   float: right;
   padding: 0px 0.5em;
}
div.search span{
   display: none;
}
div.search-js {
   background-color: #c1b8d0;
   float: none;
   position: fixed;
}
div.search-js span {
   display: inline;
}
/* Content */
div#content-wrapper, div#news-wrapper {
   float: left;
   width: 65%;
}
div#no-bars-content-wrapper {
   width: 100%;
}
div#no-sidebar2-content-wrapper {
   float: left;
   width: 85%;
}

div#no-sidebar1-content-wrapper {
   float: left;
   width: 80%;
}

/* Sidebars */
div#sidebar1-wrapper {
   float: left;
   width: 15%;
}

div#sidebar2-wrapper {
   float: left;
   width: 20%;
}

/* Menus */
.sidebar-menu {
   margin-bottom: 1em;
}
.sidebar1-menu h1, .sidebar2-menu h1, .footermenu h1 {
   background-color: #9188a0;
   color: #fff;
   font-weight: bold;
   padding: 0.4em;
   text-align: center;
}
.sidebar1-menu div.body, .sidebar2-menu div.body, .footermenu div.body {
   background-color: #f3f3ff;
   background-image: url(images/menuleft.png);
   background-position: 0 0;
   background-repeat: repeat-y;
   border-left: 2px solid #9188a0;
   font-size: 0.8em;
   padding-bottom: 1em;
   padding: 0 0.4em;
}

/* Content */
.content-wrapper {
   margin-bottom: 2em;
}
.content-wrapper .container {
   border-left: 3px solid #9188a0;
   margin-bottom: 10px;
}
.content-wrapper h1 {
   background-color: #9188a0;
   color: #fff;
   font-weight: bold;
   margin-bottom: 10px;
   padding: 0.4em;
}
.content-wrapper h2 {
   background-color: #e1d8f0;
   padding: 0.4em;
   text-align: center;
}
.content-body {
   padding: 0 5px;
   padding-bottom: 0.2em;
}

/* Footer */
div#footer-wrapper {
   background-color: #444;
   bottom: 0px;
   left 0px;
   padding: 0.5em;
   position: fixed;
   width: 100%;
}
div#footer-wrapper .container {
   text-align: center;
}
div#footer-wrapper a.footerlink, div#footer-wrapper a.footerlink-hilite {
   border: 0;
   color: #fff;
   font-weight: bold;
   margin-right: 1px;
   padding: 1px 3px;
}
div#footer-wrapper a.footerlink:hover, div#footer-wrapper a.footerlink:focus, div#footer-wrapper a.footerlink:active {
   background-color: #9188a0;
}
.footermenu {
   border: 3px outset yellow;
}

/* News */
.news-item-wrapper {
}
.news-item-wrapper .container {
   border-left: 3px solid #9188a0;
   margin-bottom: 10px;
}
.news-item-wrapper h1 {
   background-color: #9188a0;
   color: #fff;
   font-weight: bold;
   margin-bottom: 0;
   padding: 0.4em;
}
.news-date {
   background-color: #c1b8d0;
   font-size: 0.8em;
   font-weight: bold;
   padding: 0.5em;
}
.news-item-wrapper h2 {
   background-color: #e1d8f0;
   padding: 0.4em;
   text-align: center;
}
.news-icons {
   background-color: #c1b8d0;
   float: right;
   padding-left: 0.5em;
}
.news-icons img {
   padding: 2px;
}
.news-body {
   padding: 0 5px;
   padding-bottom: 0.2em;
}
.news-image {
   float: left;
}
.news-comments {
   background-color: #e1d8f0;
   padding-bottom: 0.2em;
   text-align: right;
}
.news-cats-wrapper {
   margin-top: 1em;
}
.news-cat-wrapper .container {
   border-left: 0;
   margin: 0 0.1em 1em 0.1em;
}
.news-cat-item {
   padding-left: 15px;
   text-indent: -15px;
}

/* Comments */
.comment-wrapper {
   background-color: #f3f3ff;
   margin-top: 0;
}
.comment-wrapper h1 {
   background-color: #9188a0;
   color: #fff;
   font-weight: bold;
   margin: 0;
   padding: 0.4em;
}
.comment-wrapper h2 {
   background-color: #e1d8f0;
   padding: 0.4em;
   text-align: left;
}
.comment-header {
   display: inline;
   left: 30px;
   padding: 0 0.5em 0.1em 0.5em;
   position: relative;
}
.comment-footer {
   padding-right: 10px;
   text-align: right;
}
.comment-form {
}
.comment-body {
   position: relative;
   top: -1em;
}
.comment-call-out {
   background-image: url(images/comment_bubble_call_out_1.png);
   background-position: 0 0;
   background-repeat: repeat-y;
   left: 10px;
   position: relative;
   top: 3px;
}
.comment-top-left {
   background-image: url(images/comment_bubble_top_left.png);
   background-position: 0 0;
   background-repeat: no-repeat;
}
.comment-top-center {
   background-image: url(images/comment_bubble_top.png);
   background-position: 0 0;
   background-repeat: repeat-x;
   height: 10px;
   margin: 0 9px;
}
.comment-top-right {
   background-image: url(images/comment_bubble_top_right.png);
   background-position: 100% 0;
   background-repeat: no-repeat;
}
.comment-middle-left {
   background-image: url(images/comment_bubble_center.png);
   background-position: 0 0;
   background-repeat: repeat-y;
   margin: 0;
}
.comment-middle-center {
   margin: 0 10px;
}
.comment-middle-right {
   background-image: url(images/comment_bubble_center.png);
   background-position: 100% 0;
   background-repeat: repeat-y;
}
.comment-bottom-left {
   background-image: url(images/comment_bubble_bottom_left.png);
   background-position: 0 0;
   background-repeat: no-repeat;
}
.comment-bottom-center {
   background-image: url(images/comment_bubble_top.png);
   background-position: 0 100%;
   background-repeat: repeat-x;
   height: 10px;
   margin: 0 9px;
}
.comment-bottom-right {
   background-image: url(images/comment_bubble_bottom_right.png);
   background-position: 100% 0;
   background-repeat: no-repeat;
}

/* Search page */
.search-checkboxes {
}
.search-checkbox {
   display: block;
   float: left;
   height: 1.1em;
   width: 120px;
}

/* e107 core */
.border{
   background-color: cyan;
}
.button {
   background-color: #efe;
   border-bottom: 2px solid #000;
   border-left: 2px solid #fff;
   border-right: 2px solid #000;
   border-top: 2px solid #fff;
   font-size: 0.8em;
}
.button:hover, .button:focus, .button:active {
   background-color: #cfc;
}
.defaulttext {
}
.fborder {
   width: 100%;
}
.fcaption {
   background-color: #514860;
   color: #fff;
   padding: 0.4em;
}
.fcaption a {
   color: #fff;
}
.finfobar {
   background-color: #c1b8d0;
}
.forumheader {
   background-color: #9188a0;
   padding: 0.4em;
   vertical-align: top;
}
.forumheader2 {
   background-color: #c1b8d0;
   border: 1px solid #e1d8f0;
   padding: 0.2em 0.4em;
   vertical-align: top;
}
.forumheader3 {
   background-color: #e1d8f0;
   border: 1px solid #c1b8d0;
   padding: 0.2em 0.4em;
   vertical-align: top;
}
.forumlink {
   font-weight: bold;
}
.helpbox {
   background-color: transparent;
   border: 0;
   width: 100%;
}
.indent {
   background-color: #ddf;
   border: 1px dashed #9188a0;
   font-family: monospace;
   font-size: 1.2em;
   margin: 1em;
   padding: 0.5em;
}
.installe {
   background-color: cyan;
}
.link_button {
   background-color: cyan;
}
.mediumtext {
   font-size: 0.9em;
}
.mediumblacktext {
   font-size: 0.9em;
   font-weight: bold;
}
.nextprev {
   background-color: #c1b8d0;
   font-size: 0.8em;
   font-weight: bold;
   padding: 0.5em;
   text-align: right;
}
.nextprev a {

}
.small {
   background-color: cyan;
}
.smalltext {
   font-size: 0.8em;
}
.smallblacktext {
   font-size: 0.8em;
   font-weight: bold;
}
.spacer{
}
.tbox search {
   background-color: cyan;
}

.searchhighlight {
	text-decoration: underline;
	color: #ff0000;
	font-weight: bold;
}

/* plugins - Agenda */
.agendaCurrentDay {
   border: 1px solid #f00;
}

/* plugins - Geshi */
div.code_highlight {
	background-color: #eee;
	border:1px dashed #000;
	margin-bottom: 0.5em;
	overflow: auto;
	padding: 0.5em;
	white-space: nowrap;
	width: 570px;
}
#no-sidebar1-content-wrapper div.code_highlight {
	background-color: #eee;
	border:1px dashed #000;
	margin: 0.5em 0;
	overflow: auto;
	padding: 0.5em;
	white-space: nowrap;
	width: 640px;
}

/* plugins - Private Messages */
#pm_footer_menu div {
   background-color: transparent;
   border: 0;
   text-align: center;
}

/* Misc theme stuff */
.align-left {
   text-align: left;
}
.align-center {
   text-align: center;
}
.align-right {
   text-align: right;
}
.zebra {
}
.zebra_odd {
   background-color: #f8f8e7;
}
.zebra_even {
   background-color: #e8e8d7;
}

/* (pseudo) Carousel (JavaScript) */
div.carousel_buttons {
}
ul.carousel_buttons {
   border-bottom: 5px solid #e1d8f0;
   margin-left: 3px;
   margin-bottom: 3px;
}
li.carousel_button {
   display: inline;
}
li.carousel_button a {
   background-color: #c1b8d0;
   display: inline;
   padding: 3px 20px 3px 10px;
}
li.carousel_button a:hover, li.carousel_button a:focus, li.carousel_button a:active {
   background-color: #cfc;
   outline: 1px dotted #b1a8c0;
}

/* lightview */
#lightview * { margin: 0; padding: 0; background: none; border: 0; }
#lightview {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
}

#lightview ul li { list-style-type: none; }
#lightview .container { position: relative; width: 100%; height: 100%; }
#lightview .button { cursor: pointer; text-decoration: none; border: none; }

#lightview .sideButtons {
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 0;
	clear: both;
	width: 100%;
	height: 22px;
}

#lightview .sideButtons .prev { float: left; }
#lightview .sideButtons .next { float: right; }
#lightview .side { position: relative; overflow: hidden; }
#lightview .side .wrapper { width: 100%; height: 100%; }
#lightview .side .button { float: left; }

#lightview .frames { width: 100%; height: 100%; position: relative; }
#lightview .frames .frame {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
#lightview .frames .top { top: 0; }
#lightview .frames .bottom { bottom: 0; }

#lightview .liquid { position: relative; float: left; width: 100%; overflow: hidden; clear: both; }
#lightview .liquid .filler { position: absolute; height: 100%; width: 2px; top: 0; left: 50%; }

#lightview .half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
#lightview .half .corner { float: left; position: relative; }
#lightview .half .corner canvas { }
#lightview .tr, #lightview .br { float: right; }

#lightview .fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

#lightview .container .wrap { float: left; position: relative; width: 50%; height: 100%; overflow: hidden; }
#lightview .container .right .wrap { float: right; }

#lightview .corner { position: relative; }
#lightview .corner canvas { position: relative; }
#lightview .left .corner { float: left; }
#lightview .right .corner { position: relative; float: right; }

#lightview .center { position: relative; clear: both; height: 100%; overflow: hidden; }
#lightview .wrapup { position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; }
#lightview .wrapdown { position: relative; height: 100%; width: 100%; overflow: hidden; }
#lightview .wrapcenter { position: relative; }

#lightview .loading {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -11px;
	margin-left: -11px;
}
#lightview .loading .button {
	float: left;
	height: 100%;
	width: 100%;
}

#lightview .mediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
}

#lightview .mediaWrapper img { position: relative; float: left; }

#lightview .prevnext { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
#lightview .prevnext .button { position: relative; height: 100%; width: 49%; display: block; }
#lightview .prevnext .prev { float: left; }
#lightview .prevnext .next { float: right; }

#lightview .dataContainer {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
}

#lightview .close,
#lightview .data { margin: 6px 0 0 0; }
#lightview .top .close,
#lightview .top .data { margin: 0 0 6px 0; }

#lightview .close { float: right; overflow: hidden; }
#lightview .close .button {	float: right; width: 100%; height: 100%; }

#lightview .data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

#lightview .dataText div, #lightview .imgNumber div { margin-left: 3px; } /* simulates padding-left inside .data */
#lightview .top .dataText div, #lightview .top .imgNumber div { margin-left: 0; }

#lightview .data li { float: left; margin-top: 3px; }
#lightview .dataText { width: 100%; }
#lightview .dataText .title { font-weight: bold;}
#lightview .dataText .caption { clear: both; }
#lightview .imgNumber { color: #b8b8b8; margin-right: 5px; margin-top: 5px; }
#lightview .slideshow { border-left: 1px solid #efefef; padding-left: 5px; margin-top: 5px; }
#lightview .slideshow .button { /* play and stop */
	float: left;
	width: 43px;
	height: 13px;
	background-position: center left;
	background-repeat: no-repeat;
}

#lightview .importWrapper { float: left; clear: both; }
#lightview .importWrapper iframe { float: left; clear: both; }

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
}

#overlay .closeable {
	position: relative;
	height: 100%;
	width: 100%;
	background: #000; /* IE */
}

* html #lightview {
	position: absolute;
	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

* html #overlay { /* IE6 */
	position: absolute;
	height: expression((document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) > document.body.offsetHeight ? (document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) : document.body.offsetHeight + 'px');
	width: expression((document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) > document.body.offsetWidth ? (document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) : document.body.offsetWidth + 'px');
}

/** Growler **/
ul.code {
	background-color: #EEE;
	border-left: 5px solid;
	font-size: 12px;
}
ul.code li {
	list-style-type: none;
}
td, th {
	padding: 5px;
	vertical-align: top;
}
th {
	background-color: #9C0;
	text-align: center;
	font-weight: bold;
}
td.shaded {
	background-color: #E8FCCF;
}
div.growlerexamples > div {
	background-color: #EEE;
	margin: 5px 0;
	padding: 1px 5px;
}
div.growlerexamples div pre {

}
div.growlerexamples > div code {
	margin-left: 20px;
}
div.growlerexamples span.runner {
	color: #7090C0;
	text-decoration: none;
	border-bottom: 1px dotted;
	font-weight: bold;
	cursor: pointer;
	margin-left: 5px;
	font-size: .8em;
}
div.growlerexamples span:hover {

}
div#noticeevents {
	border: 1px solid #999;
}
div#noticeevents div {
	border-bottom: 1px dotted #DDD;
	padding: 3px;
	margin: 0px;
}

/** Growler Notice Custom Styling **/
div.Growler-notice {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	margin-left: 			auto;
	margin-right: 			auto;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	min-height: 			40px;
}

div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
}

div.Growler-notice-exit {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

/** Plain Theme **/
div.plain {
	color: 					#000;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background-color: 		#EDEDED;
	border: 				1px solid #777;
}

div.plain div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
	padding: 				2px 10px;
}

div.plain div.Growler-notice-exit {
	float: 					right;
	cursor:					pointer;
	margin: 				0px;
	padding: 				0px 0px 2px 2px;
	width: 					10px;
	height: 				10px;
	color: 					#BFBFBF;
}
div.plain div.Growler-notice-body {
	padding: 5px;
}


/** Mac OS X Theme **/
div.macosx {
	color: 					#000;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background: #d7d7d7 url(../images/macosx.jpg) repeat-y 0;
	border: 				1px solid #C9C9C9;
}

div.macosx div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
	padding: 				5px 10px;
}

div.macosx div.Growler-notice-exit {
	width: 					15px;
	height: 				15px;
	float: 					left;
	cursor:					pointer;
	margin: 				4px;
	margin-left: 			1px;
	font-size: 				0em;
	color: 					transparent;
	background: transparent url(../images/macosx_exit.png) no-repeat left 0;
}
div.macosx div.Growler-notice-exit:hover {
	background: transparent url(../images/macosx_exit_over.png) no-repeat left 0;
}
div.macosx div.Growler-notice-body {
	padding: 2px 0 10px 25px;
}

/** Candybars Theme **/
div.candybar {
	color: 					#000;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background-color: 		#F5F7FA;
	border: 				1px solid #19304B;
}

div.candybar div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
	background: 			url(../images/candybars.jpg) repeat-x;
	padding: 				5px 10px;
}

div.candybar div.Growler-notice-exit {
	float: 					right;
	cursor:					pointer;
	margin: 				3px;
}
div.candybar div.Growler-notice-body {
	border-top: 1px solid #999;
	padding: 10px;
}

/** Construction Theme **/
div.atwork {
	color: 					#FFF;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background: 			#4d4d4d url(../images/atwork.png) repeat-y 0;
	border: 				1px solid #222;
}

div.atwork div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				12px;
	padding: 				5px 20px;
	color: 					#efca23;

}

div.atwork div.Growler-notice-exit {
	float: 					right;
	cursor:					pointer;
	margin: 				3px;
}
div.atwork div.Growler-notice-body {
	padding: 2px 0 10px 25px;
}

.ttContainer {
   border: 3px solid #000;
   background-color: #ff9;
   padding: 5px;
}
.ttCaption {
   background-color: #ff3;
   font-weight: bold;
   padding: 5px;
   text-align: center;
}
.ttContent {
   padding: 5px;
}