/*----- General -----*/
* { margin: 0; padding: 0; }

ul { list-style: none; }

a img { border: 0; }

body 
{
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:84%;
	border:0;
	margin: 0;
	padding:0;
}
textarea, input, select { font-family: Verdana, Geneva, sans-serif; font-size: 100%; }
a {
    color:#369;
    text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4, h5 {
	clear:left;
	color:#369;
	font-family:Arial, Helvetica, sans-serif;
	margin:.8em 0 0 0;
}
h1 {
    font-size:1.6em;
}
h2 {
    font-size:1.35em;
}
h3 {
    font-size:1.2em;
}
p {
    line-height:1.4em;
    margin:.8em 0 .1em 0;
}
dt
{
	line-height:1.4em;
    margin:.8em 0 .1em 0;
    font-weight: bold;
}
dd
{
	line-height:1.4em;
    margin:.8em 0 2em 5em;
}
.page-home, .page-folder, .page-document
{
	width: 984px;
	margin: 0 auto;
	background-color: #fff;
	clear: both;
}

/*----- Html element -----*/

#zone-header .element-html { background: url(images/riverside-header.jpg) no-repeat 0 0; height: 187px; padding:0; margin: 0; }

.element-html { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
.element-html ul { list-style: disc outside; line-height: 1.4em; padding: 0; margin: 0; }
.element-html li { padding: 0; margin: .8em 0 .1em 3em; }
.element-html ol { list-style: decimal outside; line-height: 1.4em; padding: 0; margin: 0; }

/*----- Footer element -----*/

.element-footer li { margin:.6em 1em .1em 1em; text-align: center; }
.element-footer { overflow: hidden; color: #ffffff; padding-bottom: 0.6em; clear: both; width: 100%; }
.element-footer a { color: #ffffff; }

/*----- Header element -----*/

.element-header ul 
{
	float: left;
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #0074b2;
	background-image: url(images/tab.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
	border-top: 1px solid #003d5b;
	border-bottom: 1px solid #003d5b;
}
	
.element-header ul li {
	display: inline;
	}

.element-header ul li a {
	text-align:center;
	float: left;
	padding: .4em 12px;
	font-weight: bold;
	text-decoration: none;
	background: #0074b2;
	background-image: url(images/tab.jpg);
	background-repeat: repeat-x;
	border-right: 1px solid #013e5b;
	color: #ffffff;
	}

.element-header ul li.selected a {
	color: #033a62;
	background: #53bbe9;
	background-image: url(images/hovertab.jpg);
	background-repeat: repeat-x;
	}

.element-header ul li a:hover {
	color: #033a62;
	background: #53bbe9;
	background-image: url(images/hovertab.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	}
	
/*----- Pager -----*/

.more, .pager { padding: .8em 0; clear: both; width: 100%; overflow: hidden; }
.pager-page-x-of-y { display: inline; }
.pager-page-links { display: inline; padding-left: 2em; }

/*----- Forum -----*/

.element-forum th {
	background: #0074b2;
	background-image: url(images/tab.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
	border-top: 1px solid #003d5b;
	border-bottom: 1px solid #003d5b;
	font-weight: bold;
	padding: .4em 12px;
	color: #fff;
}
.element-forum .colmask .form .submit { width: 6em; }
.forum-new .form .submit, .forum-edit .form .submit { width: 10em; }
.forum-reply .form .submit, .forum-quote .form .submit { width: 12em; }
.element-forum .pager { margin: .8em 12px;  }
.element-forum { clear: both; width: 100%; overflow: hidden; }
.forum-no-content { margin: .8em 12px; }
.element-forum table { table-layout: fixed; width: 100%; clear: both; overflow: hidden; margin-top: 0.8em; }
.forum-threads table, .forum-thread table, .forum-search table { margin-top: 0; }
.element-forum td { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; padding: 0 12px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.subject { width: 48%; text-align: left; background-color: #E3F4FD; }
.startedby { width: 18%; text-align: center; background-color: #92D4F6; }
.lastpost { width: 18%; text-align: center; background-color: #92D4F6; }
.replies { width: 8%; text-align: center; background-color: #53bbe9; }
.views { width: 8%; text-align: center; background-color: #53bbe9; }
th.views, td.views { border-right: none; }
.author-header, .author { width: 20%; text-align: left; background-color: #E3F4FD; }
.post-header, .post { width: 80%; text-align: left; background-color: #E3F4FD; }
td.author { text-align: center; }
td.author-header { border-bottom: none; }
td.post-header { background-color: #CFECFD; border-right: none; }
th.post, td.post { border-right: none; }
.forum-search-results td, .forum-thread td, .forum-edit td, .forum-quote td, .forum-reply td { padding-top: 0.4em; padding-bottom: 0.4em; }
.element-forum ul { margin: 0.8em 0 0 12px; }
.element-forum li { padding-right: 0.5em; display: inline; left: 0; }
td.post ul { margin-left: 0; }
td.post { line-height: 1.4em; }
.postsubject { width: 60%; text-align: left; background-color: #E3F4FD; }
.postby, .postdate { width: 20%; text-align: center; background-color: #92D4F6; }
th.postdate, td.postdate { border-right: none; }
.forum-reply td.author, .forum-reply td.post, .forum-quote td.author, .forum-quote td.post, .forum-edit td.author, .forum-edit td.post { border-bottom: none; }
.element-forum .validation-summary-errors, .element-forum .field-validation-error { margin-left: 12px; margin-right: 12px; clear: both; }
.element-forum .form .field-validation-error { margin-left: 0; margin-right: 0; clear: none; }
.element-forum .form { clear: both; }
.quote { border: 1px solid #52BAEF; display:block; margin:.8em 0 .8em 0; padding: 1em; }
.alias { display: block; font-weight: bold; }
.forum-search .last td, .forum-threads .last td { border-bottom: none; }
.forum-thread .last td.author, .forum-thread .last td.post { border-bottom: none; }
.forum-options { float: left; width: 49%; }
.forum-options ul { margin-bottom: 0.8em; }
.forum-search-form { float: right; width: 49%; }

/*----- Latest threads -----*/

.element-latestthreads { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }

.element-latestthreads ul {
    list-style:none;
    margin:0;
    padding: 0em 0 0.8em 0;
}
.element-latestthreads li {
    list-style:none;
    margin:.4em 0;
    padding:0;
    clear:left;
    position:relative;
    width: 100%;
}

/*----- User management forms -----*/

.element-logon, .element-logoff, .element-register, .element-activate, .element-changepassword, 
.element-profile, .element-forgottenpassword, .element-resetpassword { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }


/*----- User forms -----*/

.element-userform { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }

/*----- Polls -----*/

.element-poll { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
.element-poll .form label { width: 50% }
.element-poll .form .radiobutton { width: auto; }

.bar { margin-left: 1%;
	float: left;
	width: 20%; }
	
.count { margin-left: 1%;
	float: left;
	width: 20%; }

.percentage {
display:block;
background-image:url(images/bar.gif);
background-position:right center;
background-repeat:repeat-x;
text-align:center;
overflow: hidden;
}

/*----- Styling of forms -----*/

.form {
	overflow: auto;
	margin:.8em 0 .1em 0;
}

.form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}		
.form .formfield, .form .formbutton {
	overflow: hidden;
	width: 100%;
	padding: 3px 0;
	margin-bottom: 3px;
}
.form label {
	float: left;
	display: block;
	width: 32%;
	margin-right: 1%;
	text-align: right;
}
.form input
{
	margin-left: 1%;
	float: left;
}
.form .textbox, .form textarea {
	margin-left: 1%;
	float: left;
	width: 63%;
}
.form select {
	margin-left: 1%;
	float: left;
}
.form .submit {
	margin-left: 1%;
	float: left;
	width: auto;
	text-align: center;
}
.form .nolabel label
{
	width: 97%;
	text-align: left;
	margin-right: 0;
	margin-bottom: 3px;
}
.form .nolabel .textbox, .form .nolabel textarea
{
	margin-left: 0;
	width: 97%;
}
.form .nolabel input, .form .nolabel select
{
	margin-left: 0;
}
.form .nolabel .field-validation-error, .form .nolabel .fieldtext {
	width: 100%;
}
.form .formbutton .submit {
	margin-left: 0;
}
.form .fieldtext {
	float: right;
	width: 66%;
	padding: 0;
	margin: 0;
	font-style: italic;
	word-wrap: break-word;
 }
.form .input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors {
    color: #ff0000;
    margin:.8em 0 .1em 0;
}
.field-validation-error  {
    color: #ff0000;
	margin:.8em 0 .1em 0;
	display: block;
	word-wrap: break-word;
}
.form .field-validation-error {
	float: right;
	width: 66%;
	padding: 0;
	margin: 0;
}

/*----- Page info -----*/

.element-pageinfo { clear: both; width: 100%; overflow: hidden; }
.element-pageinfo ul { clear: both; margin: .5em 0 0 0; }
.element-pageinfo li { color: #404040; background: transparent url(images/bullet_small.png) no-repeat left center; padding-left: 12px; padding-right: 0.4em; display: inline; left: 0; }
.element-pageinfo img { float: left; margin: 0.8em 0.5em 0.5em 0 }
.element-pageinfo .tags { clear: both; margin: .5em 0 0 0; }
.element-pageinfo .tags span { padding-right: 0.5em; line-height: 1.4em; }
.element-pageinfo .tags ul { display: inline; }
.element-pageinfo .tags li { display: inline; padding-left: 0; padding-right: 0.5em; background: none; line-height: 1.4em; }

/*----- Web page list -----*/

.element-webpagelist { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; position: relative; }
.element-webpagelist .pageinfo ul { clear: both; margin: .5em 0 0 0; }
.element-webpagelist .pageinfo li { color: #404040; background: transparent url(images/bullet_small.png) no-repeat left center; padding-left: 12px; padding-right: 0.4em; display: inline; left: 0; }
.element-webpagelist .pageinfo img { float: left; margin: 0.8em 0.5em 0.5em 0 }
.element-webpagelist .pagecontent, .element-webpagelist .pageinfo { clear: both; float: left; width: 100%; overflow: hidden; }
.element-webpagelist .tags { clear: both; margin: .5em 0 0 0; }
.element-webpagelist .tags span { padding-right: 0.5em; line-height: 1.4em; }
.element-webpagelist .tags ul { display: inline; }
.element-webpagelist .tags li { display: inline; padding-left: 0; padding-right: 0.5em; background: none; line-height: 1.4em; }
.element-webpagelist .web-page-more { display: none; }

/*----- Navbar -----*/

.element-navbar { clear: both; width: 100%; overflow: hidden; }
.element-navbar ul { clear: both; margin: 1em 0 0 0; }
.element-navbar li { color: #404040; background: transparent url(images/bullet_arrow.png) no-repeat left center; margin-right: 6px; padding-left: 14px; display: inline; left: 0; }
.element-navbar li.first { background: none; padding: 0; }

/*----- Album -----*/

.element-album {
	clear: both;
    width: 100%;
    background: #fff;
    overflow: hidden;
    position: relative;
    padding-bottom: 0.8em;
}
.element-album ul {
   clear: left;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
.element-album li {
    width: 133px;
    min-height: 133px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
    line-height: 1.4em;
    margin: 8px 8px 0 0;
    zoom: 1;
    *display: inline;
    _height: 133px;
}
.element-album li em {
    display: block;
    font-weight: bold;
    font-style: normal;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/*----- Tag cloud -----*/

.element-tagcloud { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
.element-tagcloud ul { margin-top: 0.8em; }
.element-tagcloud li { display: inline; }
.element-tagcloud .tag1 { font-size: 0.75em; }
.element-tagcloud .tag2 { font-size: 0.80em; }
.element-tagcloud .tag3 { font-size: 0.85em; }
.element-tagcloud .tag4 { font-size: 0.80em; }
.element-tagcloud .tag5 { font-size: 0.95em; }
.element-tagcloud .tag6 { font-size: 1.00em; }
.element-tagcloud .tag7 { font-size: 1.10em; }
.element-tagcloud .tag8 { font-size: 1.20em; }
.element-tagcloud .tag9 { font-size: 1.30em; }
.element-tagcloud .tag10 { font-size: 1.40em; }
.element-tagcloud .tag11 { font-size: 1.50em; }

#zone-header { background-color: #000; }
#zone-footer { background-color: #000; clear: both; width: 100%; }
#zone-title { clear: both; background-image: url(images/grey-grad.png); background-repeat: repeat-x; background-position: top; padding: 0 12px; }

/*----- Update elements -----*/

.admin-main { float: left; width: 74%; }
.admin-side { float: right; width: 24%; }

.element-adminhtml { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
	
/*----- Admin photos -----*/

.element-adminphotos { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }

.element-adminphotos ul h3 { margin-top: 0; }

.element-adminphotos ul {
   clear:left;
   float:left;
   list-style:none;
   margin: 1em 0 0 0;
   padding:0;
   position:relative;
}
.element-adminphotos ul li {
   display:block;
   float:left;
   list-style:none;
   margin: 0 1em 1em 0;
   padding: 0.5em;
   position:relative;
   background-color: #f0f0ee;
   border: 1px solid #cccccc;
   width: 210px;
}

.element-adminphotos .admin-side .submit { width: 13em; margin-left: 0; margin-bottom: 0.5em; }

/*----- Admin polls -----*/

.element-adminpoll { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }

.element-adminpoll ul {
   clear:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
}
.element-adminpoll ul li {
   display:block;
   list-style:none;
   margin: 0 1em 1em 0;
   padding:0.5em;
   position:relative;
   background-color: #f0f0ee;
   border: 1px solid #cccccc;
}

.element-adminpoll ul h3 { margin-top: 0; }

.element-adminpoll .admin-side .submit { width: 13em; margin-left: 0; margin-bottom: 0.5em; }

/*----- Admin user forms -----*/

.element-adminuserform { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
.element-adminuserform .admin-side .submit { width: 13em; margin-left: 0; margin-bottom: 0.5em; }

/*----- Admin latest threads and web page lists -----*/

.element-adminwebpagelist { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
.element-adminlatestthreads { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
.element-adminpageinfo { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
.element-adminfooter { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }

/*----- Zone admin -----*/

.element-zoneadmin { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
.element-zoneadmin .admin-side .submit { width: 13em; margin-left: 0; margin-bottom: 0.5em; }
.element-zoneadmin ul h3 { margin-top: 0; }

.element-zoneadmin ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
}
.element-zoneadmin ul li {
   display:block;
   float:left;
   list-style:none;
   margin: 0 1em 1em 0;
   padding: 0.5em;
   position:relative;
   background-color: #f0f0ee;
   border: 1px solid #cccccc;
   width: 210px;
}


/*----- Admin header -----*/

.element-adminheader { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
.element-adminheader .admin-side .submit { width: 13em; margin-left: 0; margin-bottom: 0.5em; }

/*----- Administration elements -----*/

.element-webpageupdate, .element-webpagecreate, .element-webpagedelete { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }

.element-webpagedelete ul
{
	list-style: disc outside;
	line-height: 1.4em;
    padding: 0;
    margin: 0;
}
.element-webpagedelete li {
    padding: 0;
    margin: .8em 0 .1em 3em;
}

.clr { clear: both; }

.element-controlpanel { clear: both; width: 100%; background: #000 url(images/admin-background.png); }
.element-controlpanel ul#navmenu ul.page-actions { width: 20em; }
.element-controlpanel ul#navmenu ul.elements { width: 15em; }
.element-controlpanel ul#navmenu ul.admin-views { width: 11em; }


ul#navmenu a.dropdown { background: url(images/down-arrow.png) no-repeat right center; padding-right: 24px; }
ul#navmenu ul a.dropdown { background: url(images/right-arrow.png) no-repeat right center; padding-right: 24px; }
ul#navmenu { margin: 0; padding: 0; list-style: none; position: relative; z-index: 1; }
ul#navmenu ul { width: 10em; margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; }
ul#navmenu ul ul,ul#navmenu ul ul ul { top: 0; left: 100%; }
ul#navmenu li { float: left; display: inline; position: relative; }
ul#navmenu ul li { width: 100%; display: block; }
ul#navmenu a { padding: 6px; float: left; display: block; color: #eee; text-decoration: none; height: 1%; }
ul#navmenu a:hover,ul#navmenu li:hover a,ul#navmenu li.iehover a { background-color: #666; color: #eee; }
ul#navmenu li:hover li a,ul#navmenu li.iehover li a { float: none; background-color: #666; }
ul#navmenu li:hover li a:hover,ul#navmenu li:hover li:hover a,ul#navmenu li.iehover li a:hover,ul#navmenu li.iehover li.iehover a { background-color: #999; }
ul#navmenu li:hover li:hover li a,ul#navmenu li.iehover li.iehover li a { background-color: #999; }
ul#navmenu li:hover li:hover li a:hover,ul#navmenu li:hover li:hover li:hover a,ul#navmenu li.iehover li.iehover li a:hover,ul#navmenu li.iehover li.iehover li.iehover a { background-color: #bbb; }
ul#navmenu li:hover li:hover li:hover li a,ul#navmenu li.iehover li.iehover li.iehover li a { background-color: #bbb; }
ul#navmenu li:hover li:hover li:hover li a:hover,ul#navmenu li.iehover li.iehover li.iehover li a:hover { background-color: #ddd; }
ul#navmenu li:hover ul ul,ul#navmenu li:hover ul ul ul,ul#navmenu li.iehover ul ul,ul#navmenu li.iehover ul ul ul { display: none; }
ul#navmenu li:hover ul,ul#navmenu ul li:hover ul,ul#navmenu ul ul li:hover ul,ul#navmenu li.iehover ul,ul#navmenu ul li.iehover ul,ul#navmenu ul ul li.iehover ul { display: block; }