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

ul { list-style: none; }

a img { border: 0; }

body 
{
	background: #000;
	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: 992px;
	margin: 0 auto;
}

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

#zone-header .element-html { background: #000 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 1em;
	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 { margin: .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 1em;
	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 1em;  }
.element-forum { clear: both; width: 100%; overflow: hidden; }
.forum-no-content { margin: .8em 1em; }
.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 1em; 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 1em; }
.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: 1em; margin-right: 1em; 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; }

/*----- 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: auto;
	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: 10px; padding-right: 0.4em; display: inline; left: 0; }
.element-pageinfo img { float: left; margin: 0.8em 0.5em 0.5em 0 }

/*----- 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: 10px; 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; }


.webpagemask .pageinfo li { display: block; }

	/* column container */
	.webpagemask {
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.webpageleft {
		float:left;
		width:100%;
		position:relative;
	}
	.webpagemask .webpage0,
	.webpagemask .webpage1 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (double page) settings */
	.webpageleft {
		right:50%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.webpagemask .webpage0 {
		width:49%;			/* left column content width (column width minus left and right padding) */
		left:50%;			/* right column width plus left column left padding */
	}
	.webpagemask .webpage1 {
		width:49%;			/* right column content width (column width minus left and right padding) */
		left:52%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

/*----- 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;
   text-align: center;
}
.element-album ul li {
   display:block;
   float:left;
   list-style:none;
   margin: 1em 1em 0 0;
   padding:0;
   position:relative;
}

.element-album img { padding: 0; margin: 0; }


	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu {
	    background:#fff;
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-22em;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 {
        margin: 0 1em 0 23em;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
        width:21em;
        position:relative;
        left:21em;
    }
    
	.leftmenu {
	    background:#fff;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
        position:relative;
        left:21em;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:21em;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 1em 0 22em;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:20em;
        position:relative;
        right:20em;
    }
    
	/* 2 Column (double page) settings */
	.doublepage {
		background:#fff;		/* right column background colour */
	}
	.doublepage .colleft {
		right:50%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		width:50%;			/* left column content width (column width minus left and right padding) */
		left:50%;			/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:50%;			/* right column content width (column width minus left and right padding) */
		left:50%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	.doublepage .colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.doublepage .col1, 	.doublepage .col2 {
		float:left;
		position:relative;
		padding: 0 0 1em 0;
		overflow:hidden;
	}


    
#zone-footer { margin-bottom: 2em; clear: both; }

#zone-title { clear: both; background-color: #fff; background-image: url(images/grey-grad.png); background-repeat: repeat-x; background-position: top; padding: 0 1em; }

#zone-main { background-color: #fff; padding: 0 1em; }

.rightmenu #zone-main { padding: 0; }

#zone-forum { background-color: #fff; }

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

.element-adminhtml { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
	/* column container */
	.admin-colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.admin-colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.admin-text,
	.admin-upload {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	.admin-colleft {
		right:25%;			/* right column width */
	}
	.admin-text {
		width:75%;			/* left column content width (left column width minus left and right padding) */
		left:25%;			/* (right column width) plus (left column left padding) */
	}
	.admin-upload {
		width:23%;			/* right column content width (right column width minus left and right padding) */
		left:25%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	
/*----- 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: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-upload .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-upload .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-upload .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; }

/*----- 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;
}

.element-controlpanel { clear: both; width: 100%; overflow: hidden; background: #000 url(images/admin-background.png); border-bottom: 1px solid #333; }

.element-controlpanel ul 
{
	float: left;
	position: relative;
	width: 100%;
	overflow: hidden;
}
	
.element-controlpanel ul li {
	display: inline;
	}

.element-controlpanel ul li a {
	text-align:center;
	float: left;
	padding: .4em 1em;
	text-decoration: none;
	color: #0074b2;
	}

.element-controlpanel ul li a:hover {
	color: #53bbe9;
	text-decoration: none;
	}