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;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

table.tablesorter {
	background-color: #FFF;
	margin:10px 0pt 15px;
	text-align: left;
}

table.tablesorter td {
	border-bottom:1px solid #eaeaea;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #def;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

table.tablesorter thead tr .header {
	background-image: url(/static/img/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}

table.tablesorter tbody tr.odd td {
	background-color:#E0F4D7;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(/static/img/tablesorter/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(/static/img/tablesorter/desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	color:#b00;
}/* This file skins dialog */

.flora .ui-dialog,
.flora.ui-dialog {
	background-color: #e6f7d4;
}

.flora .ui-dialog .ui-dialog-titlebar,
.flora.ui-dialog .ui-dialog-titlebar {
	border-bottom: 1px solid #d8d2aa;
	background: #ff9900 url(/static/img/flora/dialog-title.gif) repeat-x;
	padding: 0px;
	cursor: move;
	height: 28px;
	_height: 29px;
}

.flora .ui-dialog .ui-dialog-titlebar-close,
.flora.ui-dialog .ui-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	background: url(/static/img/flora/dialog-titlebar-close.png) no-repeat;
	position:absolute;
	top: 6px;
	right: 7px;
	cursor: default;
}

.flora .ui-dialog .ui-dialog-titlebar-close-hover,
.flora.ui-dialog .ui-dialog-titlebar-close-hover {
	background: url(/static/img/flora/dialog-titlebar-close-hover.png) no-repeat;
}

.flora .ui-dialog .ui-dialog-title,
.flora.ui-dialog .ui-dialog-title {
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
}

.flora .ui-dialog .ui-dialog-content,
.flora.ui-dialog .ui-dialog-content {
	margin: 1.2em;
}

.flora .ui-dialog .ui-dialog-buttonpane,
.flora.ui-dialog .ui-dialog-buttonpane {
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 100%;
	text-align: right;
}

.flora .ui-dialog .ui-dialog-buttonpane button,
.flora.ui-dialog .ui-dialog-buttonpane button {
	margin: 6px;
}

/* Dialog handle styles */
.flora .ui-dialog .ui-resizable-n,
.flora.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(/static/img/flora/dialog-n.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-s,
.flora.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(/static/img/flora/dialog-s.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-e,
.flora.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(/static/img/flora/dialog-e.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-w,
.flora.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(/static/img/flora/dialog-w.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-se,
.flora.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(/static/img/flora/dialog-se.gif); }

.flora .ui-dialog .ui-resizable-sw,
.flora.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(/static/img/flora/dialog-sw.gif); }

.flora .ui-dialog .ui-resizable-nw,
.flora.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: transparent url(/static/img/flora/dialog-nw.gif); }

.flora .ui-dialog .ui-resizable-ne,
.flora.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: transparent url(/static/img/flora/dialog-ne.gif); }
/* This file skins resizables */

.ui-resizable { position: relative; }

/* Global handle styles */
.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
.ui-resizable .ui-resizable-handle { display: block; }
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */

.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(/static/img/flora/resizable-n.gif) repeat scroll center top; }
.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(/static/img/flora/resizable-s.gif) repeat scroll center top; }

.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(/static/img/flora/resizable-e.gif) repeat scroll right center; }
.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(/static/img/flora/resizable-w.gif) repeat scroll right center; }

.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(/static/img/flora/resizable-se.gif); }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(/static/img/flora/resizable-sw.gif); }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(/static/img/flora/resizable-nw.gif); }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(/static/img/flora/resizable-ne.gif); }


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/static/img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 *  * has run (to allow space for the calendar icon
 *   */
input.dp-applied {
	width: 140px;
	float: left;
}
html {  padding:0; margin:0; }
body { border-left:1em solid #3972ac; border-bottom:1em solid #3972ac; border-right:1em solid #3972ac; background-color:white; padding:0; width: 70em; font-family:Arial, Helvetica, sans-serif; line-height:150%; font-size:76%; ; margin:0 auto; color:#333;  }

a { color:#369; text-decoration:none; }
a:hover { text-decoration:underline; }
em { font-style: italic; }
img { border:none; }
h1 { color:#333; margin-bottom:0.25em; font-size:2.2em; }
h2 { color:#333; margin-bottom:0.25em; font-size:1.2em; }
ul { list-style-type:disc; padding-left:2em; }
ol { list-style-type:decimal; padding-left:2em; }
strong, label { font-weight:bold; }
p { padding-bottom:1em; }
select.catBox { width:15em; }
a.bookTitle { font-size:150%; }
a.invite { color:#900; font-size:larger; text-decoration:underline; padding-top:0.5em; }

div.error {  color:#f00; width:70%; font-size:large; }
div#contentArea div.error { padding-left:17em; }
div#pageContent div.error { padding-left:0; }

div.alertOLD { width: 70%; border:1px solid #f88; background: #fff url("/static/img/alert.png") 2px 2px no-repeat; padding: 2px 2px 2px 18px; margin: auto; line-spacing: 1em; }
div.alert { border:1px solid #f88; background: #fff 2px 2px no-repeat; padding: 0.5em 0.5em 0.5em 0.5em; margin: 0 40px 0 0; line-spacing: 1em; }

span.subnote { font-size: 100%; color: #999999; }
span.light { color:#666; }
span.active { }
tr.headers td { font-weight:bold; }
.ui-shadow { position:relative; }
.ui-shadow-color { background:#030; position:absolute; }

div#drilldowns { position:relative; padding:0.8em 0 0.5em 0; }
div#drilldowns span.descript { font-style:italic; float:left; padding-right:1em; width: 4em; }
div#drilldowns div { display:block; height:2em; width:8em; float:left; text-align:center; line-height:2em; border:1px solid #eee; }
div#drilldowns div.inact { background-color:white; color:#369; }
div#drilldowns div.act { background-color:#369; color:white; }

div.drilldowns2 { position:relative; padding:0.8em 0 0.5em 0; }
div.drilldowns2 div { display:block; height:2em; float:left; text-align:center; line-height:2em; border:1px solid #eee; padding-left: 1em; padding-right: 1em; }

div.drilldowns3 { position:relative; padding:0.8em 0 0.5em 0; }
div.drilldowns3 div { display:block; height:2em; float:left; text-align:center; line-height:2em; border:1px solid #eee; padding-left: 0.25em; padding-right: 0.25em; }

span.descript { font-style:italic; float:left; padding-right:1em; width: 4em; }
div.inact { background-color:white; color:#369; }
div.act { background-color:#369; color:white; }

div#header {   height:8.5em; padding:0em 2em; position:relative; }
div#header h2 {  font-size:110%; }
div#header span.subnote { font-size:110%; }
div#contentArea { min-height:30em; background-color:white; position:relative; height:100%;  background:url(/static/img/sidebarbg.png) repeat-y #f7f7f7; }
div#pageContent { padding:0.5em 0.5em 0.5em 17em; }
div.userProvidedContent { background: white; margin-top:2em; border:1px solid #eee; width:45em; padding:1em 2em; }
div#pageCenterContent { min-height:240px; margin-top:2em; border:1px solid #eee; width:45em; padding:1em 2em; background:url(/static/img/bighand.png) bottom right no-repeat white; }
div#pageCenterContent2 { margin-top:2em; border:1px solid #eee; width:45em; padding:1em 2em; background-color: white; }
div#footer { background:url(/static/img/sidebarbg.png) repeat-y #f7f7f7; color:#666; text-align:center; padding:1.5em 0.5em 1.5em 16em;  }

div.splash { padding-right: 3.2em; overflow:hidden; }
.splash h1 { font-size:2.2em; color: black; line-height:1.2em; font-weight: bold; text-align: center; }
.splash h2 { font-size:1.8em; color: black; line-height:1.2em; font-weight: bold; text-align: center; font-style: italic; }
.splash h3 { font-size:1.4em; color: black; line-height:1.2em; font-weight: bold; }
.splash img { float: left; margin-left: -64px; }
div.splashitem { padding: 2px 2px 2px 64px; border: 0px; min-height: 64px; }

div.leftSideBoxOLD { height:100%; width:170px; float:left; padding:0.5em; background: white url(/static/img/sidebarbg.png) repeat-y; }
div.leftSideBox { width:170px; float:left; padding:0.5em; }
.leftSideBox h1 { font-size:1.5em; color:black; }
.leftSideBox h1 a { color:black; }
.leftSideBox li a { color:#444; }
.leftSideBox a { color:black; }

div#pageBody { position:relative; height:100%; }

div.siteLogo { width: 250px; float: left; padding-top:1em;}
div.authInfo { float:right; color:#777; font-size:85%; text-align:right; padding-top:1em; }

.searchBox { position:absolute; width:20em; height:4em; border:1px solid #ddd; left:50%; top:3.5em; margin-left:-8em; text-align:center; line-height:4em; }
.searchBox form { }

div#navMenu { line-height:2.5em; width:70em; background-color:#4181c3; height:2.5em; background:url(/static/img/top_blend.gif) repeat-x #4181c3; }
div#navMenu ul { list-style:none; margin-left:0em; overflow: visible; }
div#navMenu li { float:left; }
div#navMenu li.last { }
div#navMenu li.right { float:right; }
div#navMenu a { font-weight:bold; display:block; padding:0 0.5em; margin:0; color:white; }
div#navMenu a:hover { text-decoration:none; }
div#navMenu li:hover { background-color:#369; }

div.progressBar { color:#666; padding-bottom:0.5em; padding:0.5em; float:right; border-left:1px solid #999; border-bottom:1px solid #999; width:18em; }
div.progressBar span.step { padding:0.5em 1.0em; }
div.progressBar span.active { color:#f66; font-weight:bold; }

div.spinner { width:60px; height:60px; position:absolute; left:50%; text-align:center; background-color:#eee; border:1px solid #ccc; padding:25px; }
div#uploadSpinner { display:none; }

div#curSelected { color:#666; padding-bottom:0.5em; padding:0.5em; float:right; border-left:1px solid #999; border-bottom:1px solid #999; width:18em; }

.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }	
.treeview li { margin: 0; padding: 4px 0 3px 20px; }
.treeview li { background: url(/static/img/treeview/tv-item.gif) 0 0 no-repeat; }
.treeview .collapsable { background-image: url(/static/img/treeview/tv-collapsable.gif); }
.treeview .expandable { background-image: url(/static/img/treeview/tv-expandable.gif); }
.treeview .last { background-image: url(/static/img/treeview/tv-item-last.gif); }
.treeview .lastCollapsable { background-image: url(/static/img/treeview/tv-collapsable-last.gif); }
.treeview .lastExpandable { background-image: url(/static/img/treeview/tv-expandable-last.gif); }

div#bookContent { position:relative; min-height:395px; }
div#bookContent p { padding-bottom:0.1em;}
div#bookContent #loading { position:absolute; background-color:#900; color:white; top:0; left:0; text-align:center; width:100%; }

div.book { padding-bottom:1em; padding-left:75px; background:url(/static/img/book.png) no-repeat; background-position:0em 1em; }

div.book div.text {  padding:1em; }
div.book div.clear { clear:both; }

div.bookCoverImg { padding-bottom:1em; padding-left: 75px; }
div.bookCoverImg div.text { padding:1em; }
div.bookCoverImg div.spacer { height:120px; width: 1px; float: right; }

iframe.picnik { position:absolute; width:90%; height:90%; top:5%; left:5%; border:1em solid #999; }

span#tagHelperLabel { display: none; }
div#tagHelper { display: none; border: 1px solid; }

div.uploadSection { width:50em; height:3em; line-height:3em; background-color: #3972AC; margin:0.5em 0em; color:white; }
.uploadSection div.title { padding-left:3em; font-weight:bold; }
.uploadSection div.number { float:left; width:2em; text-align:center; font-size:2.5em; font-family:Helvetica, Arial, sans-serif; }

div#simpleControls { text-align:center; background-color:white; }

div#commentLink { display:block; width:100%; background-color:#369; color:white; text-align:center; }
div#commentLink a { color:white; }
div#commentLink form { width:100%; text-align:left; margin:0 auto; display:none; }

#openidRegForm { display:none; }
input#openid_url {background: #FFFFFF url('/static/img/openid-icon-small.gif') no-repeat scroll 0pt 50%; padding-left: 18px; }

table.press { width:100%; }
table.press td { vertical-align:middle; padding-bottom:1em; }

div#rssBoxOLD { float:right; border:1px solid #EEE; background-color:white; width:8em; height:2em; line-height:2em; padding:0 0.5em; margin:10px 40px 0 0; }
div#rssBox { border:0px; background-color:#b7cfe9; width:8em; height:2em; line-height:2em; padding:1em 0.5em; margin:10px 0 10px 0; }
div#rssBox img { vertical-align:text-bottom; }

span.tagcloud1 { font-size: x-small; white-space: nowrap; }
span.tagcloud2 { font-size: small; white-space: nowrap; }
span.tagcloud3 { font-size: medium; white-space: nowrap; }
span.tagcloud4 { font-size: large; white-space: nowrap; }
span.tagcloud5 { font-size: x-large; white-space: nowrap; }

div.pagination { font-size:120%; font-weight: bold; }
div.pagination a { margin-left: 0.25em; margin-right: 0.25em; }