/* Imported tabs.css */

/* Imported form.css */

/* Imported editform.css */

/* Imported contentlist.css */

/* Imported sitetree.css */

/* Imported styles.css */

/* Imported imagelib.css */

/* Imported thickbox.css */

/* Imported help.css */

html, body {
	height: 100%;
	background: #5B6F7B url(../images/bg-body.jpg) repeat-x;
}

body {
	font-family: "Verdana", sans-serif;
	font-size: 62.5%;
	padding: 0;
	margin: 0;
}

a {
	color: #09548a;
}

a:active
{
	outline: none;
}

img {
	border: 0;
}

#container, #userbox, #content {
	zoom: 1;
}

#container {
	position: relative;
	margin: 0 25px;
}

#header {
	background: transparent url(../images/bg-logo.gif) no-repeat 10px 2px;
}

#header a {
	display: block;
	height: 80px;
	width: 240px;
	position: absolute;
	top: 10px;
	left: 2px;
}

h1.title {
	height: 95px;
	padding-left: 80px;
	font: normal 2.6em /2.8 Tahoma,sans-serif;
	word-spacing: -0.25em;
	color: #cfdfeb;
	text-transform: lowercase;
	margin: 0;
	text-indent: -9000px;
}

#content {
	clear: both;
	margin-top: 10px;
	padding: 3em 10px 20px 10px;
	font-size: 120%;
	background-color: #fff;
	border: 1px solid #9F9F9F;
	overflow: hidden;
}

#footer{
	margin-top: 10px;
	color: #b5c0c9;
}


/* box styles */

#content .box {
	max-width: 68em;
	_width: 68em;
	position: relative;
}

/* userbox styles */

#userbox {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	color: #CFDFEB;
}

#userbox a {
	color: #fff;
}

#userbox .username {
	font-weight: bold;
}

/* more link styles */

a span.more {
	display: none;
}

/** -------------------------- Colors, Fonts and Borders -------------------------- **/

h2
{
	font: normal 2.6em /1.2 Tahoma,sans-serif;
	word-spacing: -0.25em;
	color: #369;
	text-transform: lowercase;
	margin: 0;
}

h2 .word2 {
	color: #93B5CC;
}

code {
	padding: 1px 3px;
	font-size: 140%;
	font-weight: bold;
}

/** -------------------------- Buttons -------------------------- **/

div.actions{
	margin-right: 5em;
}

ul.buttons{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.buttons li{
	 width: 200px;
	height: 40px;
	background-image: url(../images/button.gif);
	margin-bottom: 10px;
	line-height: 40px;
	float: left;
	margin-left: 10px;
}
ul.buttons li.help{
	width: 100px;
	background-image: url(../images/button-short.gif);
}

ul.buttons li a{
	display: block;
	color: #fff;
	text-decoration: none;
	 padding-left: 32px;

}

ul.buttons li a:hover{
	text-decoration: underline;
}

.buttongroup
{
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.buttongroup div.options {
	padding: 0;
}

form div.buttongroup 				/*	block button set	*/
{
	border-top: 1px solid #cfdfeb;
	background: transparent url(../images/bg-buttongroup.gif) repeat-x;
}

form fieldset div.buttongroup 		/*	inline button set	*/
{
	border-top: 0;
	background: none;
}


input.button {
	padding: 2px 1em 1px;
}
input.primary {
	font-weight: bold;
}
input.secondary {
	color: #333;
}
input.disable {
	color: #999;
}

/** -------------------------- Specific buttons -------------------------- **/
ul.buttons li a#newpage{
	background:transparent url(../images/icons/small/page.gif) no-repeat 6px 8px;
}

ul.buttons li a#newevent{
	background:transparent url(../images/icons/small/event.gif) no-repeat 6px 9px;
}

ul.buttons li a#newnews{
	background:transparent url(../images/icons/small/news.gif) no-repeat 6px 11px;
}

ul.buttons li a#newshortcut{
	background:transparent url(../images/icons/small/shortcut.gif) no-repeat 7px 11px;
}

ul.buttons li a#newdir{
	background:transparent url(../images/icons/small/dir.gif) no-repeat 6px 9px;
}

ul.buttons li a#newsection{
	background:transparent url(../images/icons/small/section.gif) no-repeat 6px 10px;
}

ul.buttons li a#updoc{
	background:transparent url(../images/icons/small/document.gif) no-repeat 6px 9px;
}

ul.buttons li a#upimg{
	background:transparent url(../images/icons/small/image.gif) no-repeat 6px 9px;
}

ul.buttons li a#newimgcat{
	background:transparent url(../images/icons/small/image.gif) no-repeat 6px 9px;
}

/** -------------------------- Ghost Images for Pages -------------------------- **/
body#page div#content{
	background: #fff url(../images/icons/large/page.gif) no-repeat bottom right;
}

body#section div#content{
	background: #fff url(../images/icons/large/section.gif) no-repeat bottom right;
}

body#event div#content{
	background: #fff url(../images/icons/large/events.gif) no-repeat bottom right;
}

body#news div#content{
	background: #fff url(../images/icons/large/news.gif) no-repeat bottom right;
}

body#directory div#content{
	background: #fff url(../images/icons/large/dir.gif) no-repeat bottom right;
}

body#image div#content{
	background: #fff url(../images/icons/large/image.gif) no-repeat bottom right;
}

body#document div#content{
	background: #fff url(../images/icons/large/doc.gif) no-repeat bottom right;
}

/* notifications styles */

ul.session_messages {
	list-style: none;
	font-size: 1em;
	margin: 15px 10px 10px 5px;
	padding: 5px 0;
	border-top: 1px solid #7A8FA8;
	border-bottom: 1px solid #7A8FA8;
	background-color: #efefef;
}

ul.session_messages li {
	margin: 5px;
	height: 20px;
}

ul.session_messages li.notice {
	background: url("../images/icons/inform.gif") no-repeat 0px 0px;
	padding-left: 30px;
}

ul.session_messages li.error {
	background: url("../images/icons/stop.gif") no-repeat 0px 0px;
	padding-left: 30px;
}

/* buttons for lists */

html body a.button, html body span.button, input.simplebutton {
	padding: 1px 3px;
	float: left;
	margin-right: 5px;
	color: black;
	font-size: 0.9em;
	text-decoration: none;
	background-color: #EFEFEF;
	border-top: 1px solid #FAFAFA;
	border-left: 1px solid #FAFAFA;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}

html body a.button:active {
	color: black;
	border: 1px inset black;
}

html body a.button:hover {
	color: black;
}

html body span.disable, html body a.disable, html body a.disable:hover, html body a.disable:active {
	color: #ccc;
	border: 1px solid #ccc;
	cursor: default;
}

/** -------------------------- Small Box Styles -------------------------- **/

body.smallbox #container {
	width: 360px;
	padding-top: 10%;
	margin: 0 auto;
	font-size: 120%;
}

body.smallbox #container #header {
	background: transparent url(../images/bg-logo.gif) no-repeat 150px 20px;
}

body.smallbox #container .buttongroup {
	position: relative;
	float: none;
	border: 0;
	padding-left: 11em;
}

body.smallbox #container fieldset {
	margin-bottom: 0;
	border-bottom: 0;
}

body.smallbox #container fieldset input.text,  body.smallbox #container fieldset select {
	width: 16.5em;
}

body.smallbox #container fieldset input.checkbox {
	height: 18px;
	width: 18px;
}

body.smallbox #container .buttongroup .options {
	position: absolute;
	top: 1em;
	right: 0;
	float: none;
	width: auto;
}

body.smallbox .notice {
	background-color: #FFFFC0;
	padding: 5px;
	border: 1px solid black;
}

/** -------------------------- Error Page -------------------------- **/

body#errorpage #container {
	width: 360px;
	padding-top: 10%;
	margin: 0 auto;
	font-size: 120%;
}

body#errorpage .box {
	background-color: #fff;
	padding: 30px;
}

body#errorpage .errormsg {
	font-family: monospace;
	font-size: 1.2em;
	color: #ccc;
}

/** -------------------------- Install Page -------------------------- **/

body#install p.info {
	padding: 1em;
	font-size: 1em;
}

body#install #container {
	padding-top: 1%;
	padding-bottom: 5%;
}

body#install .box {
	background-color: #EBF1F5;
}

body#install legend, body#install fieldset {
	border: 0;
	background: none;
}

body#install legend {
	margin-left: -1em;
}

/** -------------------------- Plugins Page -------------------------- **/

body#plugins .pluginlist {
	clear: both;
}

body#plugins #intro {
	padding-bottom: 1em;
}

body#plugins .pluginlist tr.enabled td.state {
	padding-left: 20px;
	background-image: url(../images/sitetree/active.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

body#plugins .pluginlist tr.disabled td.state {
	padding-left: 20px;
	background-image: url(../images/sitetree/inactive.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

body#plugins .pluginerrors {
	margin: 1em 0;
	border: 1px solid black;
}

body#plugins .pluginerrors li {
	margin-left: 2em;
}


#menu {
	position: absolute;
	top: 81px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 24px;
	font: 1.5em /1.5 Arial, Helvetica, sans-serif;
	z-index: 100;
}

/* common positioning nav bars*/

#menu li {
	list-style: none;
	float: left;
	border: 1px solid #ccc;
	background: #EFEFEF url(../images/bg-fade.gif) repeat-x left top;
	margin: 0 5px;
	padding: 0;
	}

#menu li a {
	float: left;
	display: block;
	padding: 0 10px;
	height: 22px;
	_height: 20px;
}

/* positioning for the sub nav */

#menu ul {
	position: absolute;
	bottom: -30px;
	left: 0;
	height: 23px;
	margin: 0;
	padding: 0;
	display: none;
}

#menu ul li {
	font-size: .8em;
	border: 0;
	background: none;
	margin: 0;
}

#menu ul li a {
	height: auto;
	border-left: 1px solid #9F9F9F;
	}

#menu li.active ul {
	display: block;
	width: 700px;
}

/* look and feel */

#menu a:link, #menu a:visited {
	text-decoration: none;
	color: #60737F;
}

#menu a:hover {
	text-decoration: underline;
}

#menu li.active {
	background: none;
	border: 1px solid #9F9F9F;
	border-bottom: 0;
	background-color: #fff;
	padding-bottom: 2px;
}

#menu li.active a.active {
	color: #60737F;
	font-weight: bold;
}

#menu li.active ul li a.subactive {
	color: #60737F;
	font-weight: bold;
	text-decoration: underline;
}

#menu ul a:link, #menu ul a:visited {
	color: #60737F;
}


/** -------------------------- Generic Layout -------------------------- **/

form, form * {
	margin: 0;
	padding: 0;
}

form fieldset
{
	/* This is causing the Options fieldset to act strangely in IE when you resize
	the tinymce field */
	position: relative;
	padding: 1em;
	margin: 1em 0;
	clear: both;
}

form fieldset div
{
	clear: left;
	margin: 1em 0;
	padding: 0;
}

form legend
{
	padding: 0.25em 0.75em;
}

form label,
form .label
{
	font-weight: bold;
	float: left;
	width: 9em;
	padding: 2px 1em 3px 0;
	_padding-top: 3px;
}

form input.text,
form textarea
{
	padding: 2px;
}

form select
{
	padding: 0 2px;
}

/* ---------- checkbox, radio and button groups -------------- */


form fieldset div fieldset
{
	margin: 0;
	padding: 0;
	display: inline;
}

form fieldset div fieldset * {
	margin: 0;
	padding: 0;
	padding-right: 1em;
}

form fieldset div * label,
form fieldset div * span.label,
form label.inline
{
	display: inline;
	float: none;
	text-align: left;
	padding-left: 0;
}

/* ---------- buttons -------------- */

/*	block button set	*/
form div.buttongroup {
	position: relative;
	padding: 1em 0;
	padding-right: 6.5em;
	text-align: right;
}

form div.buttongroup input.button {
	margin-left: 0.2em;
}

/*	inline button set	*/
form fieldset div.buttongroup {
	text-align: left;
	padding: 0;
}

form div.buttongroup div.options {
	display: inline;
	bottom: 10px;
}


/* ---------- errors -------------- */

#errorbox {
	border: 1px dashed #FFBB99;
	margin: 2em 0;
	padding: 0.5em 0 1em 0.5em;
	background-color: #FFF1DD;
	position: relative;
}

#errorbox ul {
	margin-left: 2em;
}

#errorbox h3 {
	margin-bottom: 1em;
	color: #F60;
}

#errorbox h3 .note {
	font-size: 80%;
	color: #666;
}

#errorbox label {
	padding: 0;
	margin: 0;
	cursor: help;
	border-bottom: 1px dotted #000;
	color: #000;
	font-weight: bold;
	float: none !important;
	display: inline !important;
}

form div.error {
	border: 1px dashed #FFBB99;
	padding: 1em 0;
	background-color: #FFF1DD;
}

form div.error label {
	color: #F60;
}

/* ---------- input sizes -------------- */

form input.short
{
	width: 15em;
}

form input.medium
{
	width: 30em;
}

form input.long
{
	width: 50em;
}


/** -------------------------- General form stuff -------------------------- **/

input, textarea, select, option, optgroup, label, .label
{
	font: normal 1em /1.2  Verdana, Arial, Helvetica, sans-serif;
}

optgroup {
	font-style: italic;
	font-weight: bold;
	}

optgroup option {
	text-indent: 1em;
}

fieldset {
	border: 1px solid #cfdfeb;
	/*background-color: #ebf1f5;*/
	background-image: url(../images/bg-fieldset.gif);
	background-repeat: repeat-x;
	_background-position: 0 29px;
}

form.contentform fieldset div fieldset,
form.editform fieldset div fieldset {
	border: 0;
}

legend
{
	font: normal 1.8em /1 Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #93b5cc;
	text-transform: lowercase;
	background: transparent url(../images/bg-legend.gif) repeat-x;
	border: 1px solid #cfdfeb;
	border-bottom: 0;
}

form div * label,
form label.inline
{
	font-weight: normal;
}

/** -------------------------- Required Fields -------------------------- **/

fieldset div.req label[title] {
	cursor: help;
}


form.editform label,
form.editform .label
{
	text-align: right;
}

form.editform textarea
{
	width: 50em;
}

form.editform fieldset.summary * {
	display: none;
}

form.editform fieldset.summary legend {
	display: block;
}

form.editform .mceSelectList {
	border: 1px solid #ccc;
	margin: 5px 2px 2px 5px;
	background-color: white;
	width: 120px;
}

form.editform .editbuttongroup {
	background: none;
	font-size: 0.9em;
	border: 0;
	display: none;
	border: 0;
	padding-right: 6em;
	text-align: right;
	margin: 0;
}

form.editform .editbuttongroup input.button {
	margin: 0.5em 0 0 0.2em;
}


/** -------------------------- Content Lists -------------------------- **/

.createnew {
	overflow: hidden;
}
.createnew .buttons {
	float: right;
}

.existingcontent {
	padding: 1em;
	margin: 1em 0 0 0;
	background-color: #ebf1f5;
	border: 1px solid #cfdfeb;
}

.existingcontent h3 {
	font: normal 1.8em /1 Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #93b5cc;
	text-transform: lowercase;
	background: #ebf1f5 url(../images/bg-legend.gif) repeat-x;
	border: 1px solid #cfdfeb;
	border-bottom: 0;
	padding: 0.25em 0.5em;
	float: left;
	margin: -1.5em 0 0 0;
}

/* Content Table */

table.contentlist {
	width: 100%;
	background-color: #ebf1f5;
	border: none;
	border-collapse: collapse;
	margin-left: -0.5em;
}

table.contentlist th {
	text-align: left;
	border-bottom: 0;
	padding-left: 0.5em;
	padding-top: 1em;
}

table.contentlist tr td {
	background: #f5f8fa;
	padding: 0.5em 0;
	padding-left: 0.5em;
	height: 2em;
}
table.contentlist tr.alt td {
	background: none;
}

table.contentlist tr:hover td {
	background: #D3E2ED;
}

table.contentlist input {
	font-size: 0.8em;
}

table.contentlist caption {
	text-align: left;
	_padding-left: 0.5em;
}

table.contentlist a {
	display: block;
	color: #aaa;
	font-size: 0.9em;
	padding: 1px 0 3px 0;
}
table.contentlist a:hover {
	color: blue;
}

table.contentlist th.column-operations {
	width: 25%;
}

/* List Pagination */

.pagination {
	margin: 2em 0 0.5em 0;
	overflow: hidden;
}

.pagination em {
	font-weight: bold;
}

.pagination em.limit {
	font-weight: normal;
}

.pagination .summary {
	float: right;
	clear: right;
	width: 100%;
	text-align: right;
}

.pagination .controls {
	float: left;
	clear: left;
	white-space: nowrap;
}

/* List Filter */

form.listfilter {
	clear: both;
	overflow: hidden;
	margin: 0 0 2em 0;
}

form.listfilter fieldset {
	background: #FFF;
	padding: 0;
	margin: 0;
	border: 0;
}

form.listfilter div {
	clear: none;
	float: left;
	width: 18em;
	padding: 0 2em 0 0.5em;
}

form.listfilter div.buttongroup {
	width: 5em;
}

form.listfilter legend {
	display: none;
}

form.listfilter label,
form.listfilter .label {
	float: none;
	clear: both;
	display: block;
	width: auto;
	font-weight: normal;
	color: #60737F;
}

form.listfilter input.text, form.listfilter select {
	width: 100%;
	height: 1.6em;
}

form.listfilter input.text {
	height: 1.3em;
}

form.listfilter .buttongroup {
	margin: 2.1em 0 0 1em;
}

form.listfilter input.button {
	padding: 1px 3px;
	margin: 0 5px;
	color: black;
	font-size: 0.9em;
	text-decoration: none;
	background-color: #EFEFEF;
	border-top: 1px solid #FAFAFA;
	border-left: 1px solid #FAFAFA;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	width: 5em;
	font-weight: normal;
	height: 2em;
}

/* Toolbar */

div.toolbar {
	padding: 1em 0.5em 1.5em 0.5em;
	margin: 2em 0 3em 0;
	background-color: #FFF;
	border: 1px solid #cfdfeb;
	}

div.toolbar h3 {
	font: normal 1.8em /1 Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #93b5cc;
	text-transform: lowercase;
	background: #FFF;
	border: 1px solid #cfdfeb;
	border-bottom: 0;
	padding: 0.25em 0.5em;
	float: left;
	margin-top: -1.5em;
	}

div.toolbar ul {
	clear: both;
	list-style: none;
	margin: 0;
	margin-top: 5px;
	padding: 0;
}

div.toolbar ul li {
	display: inline;
}

div.toolbar ul li a {
	margin-left: 10px;
	color: #000;
	border: 1px solid #ebf1f5;
	padding: 0.5em;
	text-decoration: none;
}
div.toolbar ul li a:hover {
	text-decoration: underline;
}


#createnew {
	float: right;
	margin: 2em 0 0;
}

#createnew label {
	text-align: right;
	padding:  4px 1em;
}

ul.actions {
	padding: 0.5em 0 0;
	margin: 2em 0 0;
	float: left;
}

ul.actions li {
	list-style: none;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

ul.actions li a {
	display: block;
	padding:  6px 0 4px 20px;
	color: #5F5F5F;
	}

a#expandall {
	background: transparent url(../images/sitetree/catplus.gif) no-repeat top left;
}

a#collapseall {
	background: transparent url(../images/sitetree/catminus.gif) no-repeat top left;
}


#sitetreeform
{
	clear: both;
	background: #ebf1f5 url(../images/bg-legend.gif) repeat-x;
	border: 1px solid #CFDFEB;
	padding: 1em 1em 0 1em;
}

#headers {
	clear: right;
	border-bottom: 1px solid #CFDFEB;
}

#headers h4 {
	margin: 0;
	float: right;
	text-align: center;
	padding: 0.1em;
	border-left: 1px solid #CFDFEB;
	font-size: 80%;
}

h4#title {
	margin-left: 10px;
	float: none;
	text-align: left;
	border-left: none;
}

h4#enabled  {
	cursor: help;
	width: 5.5em;
}

h4#active  {
	cursor: help;
	width: 4.5em;
}

h4#operations {
	width: 16em;
}

/* ----------------------------- columns ---------------------------- */

span.order {
	position: absolute;
	padding: 5px;
}

span.operations  {
	position: absolute;
	top: 0px;
	right: 10em;
}

span.enabled {
	position: absolute;
	right: 6.5em;
}

span.active  {
	position: absolute;
	right: 2em;
	cursor: help;
}

span.active a {
	position: absolute;
	right: 0;
	top: 0;
	width:  20px;
	height: 20px;
}

/* ----------------------------- expandable/collapsable lists ---------------------------- */

ul.tree {
	clear: right;
	margin: 0 0 1em;
	padding: 0;
	position: relative;
}

ul.tree li {
	font: 1em /25px verdana;
}

ul.tree li a {
	text-decoration: none;
	font: 1em /25px verdana;
}

ul.tree ul {
	margin: 0;
	padding-left: 15px;
}

ul.tree li {
	border-top: 1px solid #CFDFEB;
	padding: 0;
}

ul.tree > li:first-child, ul.tree .first-child {
	border-top: 0;
}

ul.tree .item {
	padding-left: 5px;
	position: relative;
	__height: 23px;
}

ul.tree .hover {
	_background-color: #D1E0EB;
}

ul.tree .item:hover {
	background-color: #D1E0EB;
}

.title {
	cursor: default;
}

/* ----------------------------- icons ---------------------------- */

/* Turn off list bullets */

ul.tree li { list-style: none; padding: 0; margin: 0.1em 0; }

/* Provide space for our own "bullet" inside the link */

ul.tree li span.title
{
	padding: 2px 5px 2px 25px;
}

/* Show "bullets" in the links, depending on the class of the
	LI that the link's in */

ul.tree li.expanded span.title {
	 background: url(../images/sitetree/catminus.gif) top left no-repeat;
}
ul.tree li.collapsed span.title {
	 background: url(../images/sitetree/catplus.gif) top left no-repeat;
}
ul.tree li.empty span.title {
	 background: url(../images/sitetree/catempty.gif) top left no-repeat;
}
ul.tree li.expanded span.newslink {
	 background: url(../images/sitetree/newslink.gif) top left no-repeat;
	 color: #91A7B4;
}
ul.tree li.page span.title {
	 background: url(../images/sitetree/page.gif) top left no-repeat;
}
ul.tree li.news span.title {
	 background: url(../images/sitetree/news.gif) top left no-repeat;
}
ul.tree li.link span.title {
	 background: url(../images/sitetree/link.gif) top left no-repeat;
}
ul.tree li.event span.title {
	 background: url(../images/sitetree/event.gif) top left no-repeat;
}
ul.tree li.home span.title {
	 background: url(../images/sitetree/home.gif) top left no-repeat;
}
ul.tree li.shortcut span.title {
	 background: url(../images/sitetree/link.gif) top left no-repeat;
}

/* active status icon */

ul.tree a.active   {
	background: url(../images/sitetree/active.gif) center center no-repeat;
}
ul.tree a.inactive {
	background: url(../images/sitetree/inactive.gif) center center no-repeat;
}
ul.tree a.loading  {
	background: url(../images/sitetree/ajax-loader.gif) center center no-repeat;
}

/* up & down arrows */

ul.tree form {
	display: inline;
}

ul.tree .moveup, ul.tree .movedown {
	border: 0;
	height: 12px;
	width: 12px;
	float: left;
}

ul.tree span.order {
	width: 32px;
}

ul.tree .moveup {
	background: transparent url(../images/up.gif) no-repeat center left;
}

ul.tree .movedown {
	background: transparent url(../images/down.gif) no-repeat center left;
}

ul.tree a.button
{
	line-height: 1.25em !important;
	margin: 3px 2px;
}

/* Actually show and hide sublists */

ul.tree li.expanded ul {
	 display: block;
}
ul.tree li.collapsed ul {
	display: none;
}




/* list of styles */

.activestyle {
	overflow: hidden;
	margin: 10px 0;
}
.activestyle img {
	float: left;
	width: 120px;
	height: 90px;
	margin-right: 1em;
}

div#stylelist {
	margin-top: 3em;
}
div#stylelist .pagination {
	margin: 1em 0;
}

div#stylelist ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
div#stylelist ul li
{
	padding: 0;
	float: left;
	width: 140px;
	height: 160px;
	margin: 0 10px 10px 10px;
	overflow: hidden;
}
div#stylelist ul h4 {
	height: 32px;
	overflow: hidden;
}
div#stylelist ul img
{
	border: none;
}

/* color picker */

div.colorwheel {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 9000;

}
div.colorwheel div {
	clear: none;
	margin: 0;
	padding: 0;
}
div#overlay {
	position: absolute;
	z-index:1000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
a.eyedropper {
	position: absolute;
	width: 18px;
	height: 18px;
	background: #ddd url(/admin/images/eyedropper.gif) center center no-repeat;
	border: outset 1px #ddd;
}
a.eyedropper:active {
	border: inset 1px #ddd;
}

/* tab styles */

ul#tabs {
	float: left;
	width: 20%;
	margin: 3em 0 2em 1em;
}

ul#tabs li {
	list-style: none;
	font: normal 1.5em /1 Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #93b5cc;
	text-transform: lowercase;
	border: 1px solid #cfdfeb;
	border-right: 0;
	margin: 0.25em 0;
	padding: 0.25em;
	cursor: pointer !important;
	width: 100%;
}

ul#tabs li.active {
	background: #EBF1F5;
	color: #336699;
}

ul#tabs li.inactive {
	background: #fff;
}

/* js-enabled tabs */

.jsenabled fieldset {
	display: none;
	margin-bottom: 2em;
}

.jsenabled fieldset textarea {
	width: 99%;
	height: 25em;
}

.jsenabled div.buttongroup {
	clear: both;
}

.jsenabled fieldset.active {
	display: block;
	float: left;
	clear: none;
	width: 70%;
	height: 34em;
	margin-top: 0;
}

textarea#custom-css {
	font: 1em "Courier New", Courier, monospace !important;
	}

#styleform h3 {
	color: #93B5CC;
	margin-left: 120px;
	font-size: 1.2em;
}

#HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}



div#imagelist ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

div#imagelist ul li {
	list-style: none;
	float: left;
	background-color: #fff;
	padding: 0.5em 1em 0 1em;
	margin: 0 1em 1.3em 0.2em;
	width: 13em;
	border: 1px solid #ccc;
	height: 14em;
	_height: 17em;
	}

div#imagelist ul li.selected {
	background-color: #FFC;
	}

div#imagelist ul li div.imageholder {
	text-align: center;
	padding-top: 0.5em;
}

div#imagelist ul li div.imageholder img {
	margin: 2px auto;
	background: #ccc url(../images/bg-imageholder.gif);
	display: block;
	border: 0;
	}

div#imagelist ul li p {
	font-size: 0.8em;
	color: #5B6F7B;
	}

div#imagelist ul li div.buttongroup {
	padding-left: 0;
	}

div#imagelist ul li div.buttongroup input {
	font-size: 0.8em;
}

div#imagelist ul li h4 {
	font-size: 0.9em;
	_border-top: 10px solid #fff;
}

h2#categories {
	clear: left;
	margin-top: 0;
	padding-top: 2em;
	}

#transparentbgs {
	clear: left;
	padding: 1em 0 0 1.5em;
	background: transparent url(../images/bg-imageholder.gif) no-repeat left bottom;
	}

#imagepreview{
	border: 1px solid #336699;
	padding: 4px;
	background-color: #fff;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 4px solid #525252;
    text-align:left;
    top:50%;
    left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}

#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}

#TB_closeAjaxWindow{
    padding:7px 10px 5px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}

#TB_ajaxWindowTitle{
    float:left;
    padding:7px 0 5px 10px;
    margin-bottom:1px;
}

#TB_title{
    background-color:#e8e8e8;
    height:27px;
}

#TB_ajaxContent{
    clear:both;
    padding:2px 15px 15px 15px;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
    padding:15px;
}

#TB_ajaxContent p{
    padding:5px 0px 5px 0px;
}

#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}


/* page-level help links */

a#contenthelp {
	display: block;
	position: absolute;
	top: 0;
	left: 90%;
	padding: 5px 0 5px 25px;
	background: url(/admin/images/icons/small/document.gif) center left no-repeat;
}

/* admin/help page */

body#help p {
	margin-top: 0.25em;
}
body#help ul {
	padding-left:  2em;
	margin: 0.5em 0;
}
body#help h2, body#help h3, body#help h4, body#help h5 {
	margin: 0.5em 0 0.25em 0;
}
body#help p, body#help li {
	line-height:  1.25em;
}

/* popup help panel */

#helppanel {
	font-size:  12px;
}
#helppanel code {
	font-size:  12px;
}
#helppanel ul, #helppanel ol {
	padding-left: 1em;
}
#helppanel p, #helppanel li {
	line-height: 1.25em;
}
#helppanel .todo {
	background: #ff5;
}
div#helpsrc {
	display: none;
}
div#index {
	float:  left;
	font-size: smaller;
}
div#helppanel {
	z-index: 999;
	color: #000;
	display:  none;
	position: absolute;
	top:  10%;
	left:  60%;
	width:  300px;
	height:  440px;
	padding: 10px;
}
div.helploading
{
	padding: 100px 0;
	background: url(/admin/images/sitetree/ajax-loader.gif) center center no-repeat;
}

/* IE ignores styles with [attributes], so it will skip the following. */
div#helppanel[class] {
	background-image:url(/admin/images/help-panel-shadow.png);
}
div#helppanel {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/admin/images/help-panel-shadow.png');
}

div#helpheader {
	font-weight: bold;
	color: #eee;
	background: url(/admin/images/bg-body.jpg) top left repeat-x;
	padding: 0 4px;
	height: 30px;
	line-height: 30px;
}
div#helptoolbar {
	background: #eee;
	padding: 0 4px;
	height: 30px;
	line-height: 30px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
div#helptoolbar #input {
	font-size: 11px;
}
div#helpbody {
	background: #fff;
	height: 360px;
	overflow: scroll; /* IE 6 only */
	padding: 10px;
	width: 280px;
}

#helppanel > div#helpbody {
	overflow: auto; /* Everything but IE 6 */
}

div#helppanel iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

div#helpbody h3, div#helpbody h4, div#helpbody h5,
		div#helpbody h6 {
	margin-top: 1em;
}
div#helpbody h4, div#helpbody h5, div#helpbody h6 {
	font-size: 1.2em;
}

div#helpbody li h1, div#helpbody li h2, div#helpbody li h3,
		div#helpbody li h4, div#helpbody li h5, div#helpbody li h6 {
	font-size: 1.2em;
	margin-top: 1em;
}
div#helpbody span.guilabel {
	font-weight: bold;
}
div#helpbody div.note {
	border: 1px dashed #fb9;
	background-color: #fff1dd;
	padding: 0.5em;
}
div#helpbody div.note p:before {
	font-weight: bold;
	content: "Note: ";
}
div#helpbody p.seealsolabel {
	font-weight: bold;
	padding-left: 1em;
	margin-bottom: 0;
}