﻿/*----- General -----*/
* { margin: 0; padding: 0; }
a img { border: 0; }
body  { font-family: Arial, Verdana, Geneva, sans-serif; font-size: 86%; border: 0; margin: 0; padding: 0; background-color: #fff; color: #333; }
h1, h2, h3, h4, h5 { font-family: Georgia; color: #333; font-weight: normal; clear: left; margin: .8em 0 0 0; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3, h4, h5 { font-size: 1.5em; }
textarea, input, select { font-family: Arial, Verdana, Geneva, sans-serif; font-size: 100%; }
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; }
.element { clear: both; width: 100%; overflow: hidden; padding-bottom: 0.8em; }
ul { list-style: disc outside; line-height: 1.4em; padding: 0; margin: 0; }
li { padding: 0; margin: .8em 0 .1em 3em; }
ol { list-style: decimal outside; line-height: 1.4em; padding: 0; margin: 0; }
a { color:#005689; text-decoration: none; }
a:hover { text-decoration: underline; }
.clr { clear: both; }
#zone-header .element-html  { background: #fff url(Images/logo.png) no-repeat 249px 13px; margin-bottom: 13px; padding: 13px 0 13px 0; height: 144px; }
#zone-header .element-html div { color: #fff; background-color: #005689; width: 236px; height: 144px; }
#zone-header .element-html div p { color: #fff; margin: 0; padding: 8px 12px; font-family: Georgia; font-size: 34px; line-height: 1.2; }
#zone-footer { clear: both; margin: 0 0 0.8em 0; padding-top: 0.8em; border-top: 4px solid #005689; }
#zone-title .element, #zone-header .element { padding-bottom: 0; }
#zone-header .element { overflow: visible; }
#zone-leftmiddle .element-webpagelist h2, #zone-left .element-webpagelist h2, #zone-rightmiddle .element-webpagelist h2, #zone-right .element-webpagelist h2 { position: relative; margin-top: 0.8em; font-size: 1.2em; background-color: #005689; padding: 0.4em 12px; color: #fff; }
#zone-leftmiddle .element-webpagelist h3, #zone-left .element-webpagelist h3, #zone-rightmiddle .element-webpagelist h3, #zone-right .element-webpagelist h3 { font-size: 1.12em; margin-top: 0.6em; line-height: 1.4em; font-family: Arial, Verdana, Geneva, sans-serif; }
#zone-contentbegin .element-contentswitch ul { border-bottom: 4px solid #D61D00; }
#zone-contentbegin .element-contentswitch  { margin-top: 1em; }
#zone-contentend .element-contentswitch ul { border-top: 4px solid #D61D00; }
/*----- Header tabs -----*/
.element-header ul { line-height: 1em; float: left; position: relative; width: 100%; overflow: hidden; border-bottom: 4px solid #005689; background-color: #f1f1f1; font-family: Georgia; font-size: 1.2em; list-style: none; }
.element-header ul li a { background-color: #f1f1f1; color: #666; text-align:center; float: left; padding: .4em 12px; text-decoration: none; }
.element-header ul li.selected a { color: #033a62; background: #005689; color: #fff; }
.element-header ul li a:hover { color: #fff; background: #005689; text-decoration: none; }
.element-header ul li { display: inline; margin: 0; }
/*----- Footer -----*/
.element-footer a { color: #005689; }
.element-footer li { margin: .6em 0em .1em 0; text-align: left; }
/*----- Latest threads -----*/
.element-latestthreads ul { list-style: none; margin-top: 0.8em; padding: 0em 0 0.8em 0; }
.element-latestthreads li { list-style: none; margin: .4em 0; padding: 0; clear: left; width: 100%; position: relative; }
/*----- Tag cloud -----*/
.element-tagcloud ul.tagged { list-style: none; margin: 0.8em 0 0 0; padding: 0em 0 0.8em 0; }
.element-tagcloud ul.tagged li { list-style: none; margin: .4em 0; padding: 0; clear: left; position: relative; width: 100%; }
.element-tagcloud ul.related { margin-top: 0.8em; }
.element-tagcloud ul.related li { list-style: none; margin: 0; padding: 0; display: inline; line-height: 2em; }
.element-tagcloud .tag1 { font-size: 1em; }
.element-tagcloud .tag2 { font-size: 1.1em; }
.element-tagcloud .tag3 { font-size: 1.2em; }
.element-tagcloud .tag4 { font-size: 1.3em; }
.element-tagcloud .tag5 { font-size: 1.4em; }
.element-tagcloud .tag6 { font-size: 1.5em; }
.element-tagcloud .tag7 { font-size: 1.6em; }
.element-tagcloud .tag8 { font-size: 1.7em; }
.element-tagcloud .tag9 { font-size: 1.8em; }
.element-tagcloud .tag10 { font-size: 1.9em; }
.element-tagcloud .tag11 { font-size: 2.0em; }
/*----- Web page list -----*/
.element-webpagelist { position: relative; }
.element-webpagelist .pageinfo ul { clear: both; margin: .5em 0 0 0; }
.element-webpagelist .pageinfo li { color: #404040; background: transparent url(images/slash.gif) no-repeat left center; padding: 0.5em 0.4em 0.5em 1.1em; margin: 0; display: inline; left: 0; }
.element-webpagelist .pageinfo img { float: left; margin: 0.8em 0.5em 0.5em 0 }
.element-webpagelist .pagecontent, .element-webpagelist .pageinfo { float: left; clear: both; width: 100%; overflow: hidden; }
.element-webpagelist .tags { clear: both; margin: .5em 0 0 0; }
.element-webpagelist .tags span { padding-right: 0.1em; line-height: 1.4em; }
.element-webpagelist .tags ul { display: inline; }
.element-webpagelist .tags li { display: inline; padding: 0 0.5em 0 0; margin: 0; background: none; }
.element-webpagelist .web-page-more { display: none; }
.element-webpagelist .pageinfo li.first { background-image: none; padding-left: 0; }
/*----- Page info -----*/
.element-pageinfo ul { line-height: 1em; clear: both; margin: .5em 0 0 0; list-style: none; }
.element-pageinfo li { color: #404040; background: transparent url(images/slash.gif) no-repeat left center; padding: 0.5em 0.4em 0.5em 1.1em; display: inline; left: 0; margin: 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.1em; line-height: 1.4em; }
.element-pageinfo .tags ul { display: inline; }
.element-pageinfo .tags li { display: inline; padding-left: 0; padding-right: 0.5em; background-image: none; line-height: 1.4em; }
.element-pageinfo li.first { background-image: none; padding-left: 0; }
/*----- Nav bar -----*/
.element-navbar ul { line-height: 1em; clear: both; margin: 0.8em 0 0.2em 0; }
.element-navbar li { color: #404040; background: transparent url(images/slash.gif) no-repeat left center; margin: 0; padding: 0 0.4em 0 1.1em; display: inline; left: 0; }
.element-navbar li.first { background-image: none; padding-left: 0; }
/*----- Album -----*/
.element-album { background: #fff; position: relative; }
.element-album ul { clear: left; float: left; list-style: none; margin: 0.8em 0 0 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: 6px 6px 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; }
/*----- Content switch -----*/
.element-contentswitch { clear: both; }
.element-contentswitch ul { line-height: 1em; float: left; position: relative; width: 100%; overflow: hidden; background-color: #f1f1f1; font-family: Georgia; font-size: 1.2em; list-style: none; }
.element-contentswitch ul li a { background-color: #f1f1f1; color: #666; text-align:center; float: left; padding: .4em 12px; text-decoration: none; }
.element-contentswitch ul li.selected a { color: #033a62; background: #D61D00; color: #fff; }
.element-contentswitch ul li a:hover { color: #fff; background: #D61D00; text-decoration: none; }
.element-contentswitch ul li { display: inline; margin: 0; }
/*----- Forum -----*/
.element-forum th { font-family: Georgia; padding: 0.5em 12px; font-size: 1.5em; font-weight: normal; text-align: left; }
.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;  }
.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.5em 12px; }
.subject { width: 48%; text-align: left; }
.startedby { width: 20%; }
.lastpost { width: 20%; }
.replies { width: 12%; }
.author-header, .author { width: 25%; }
.post-header, .post { width: 75%; }
.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 0; }
.element-forum li { padding-right: 0.5em; display: inline; left: 0; margin: 0; }
td.post ul { margin-left: 0; }
td.post { line-height: 1.4em; }
.postsubject { width: 60%; }
.postby, .postdate { width: 20%; }
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 { zoom: 1; border-left: 3px solid #888; display: block; position: relative; margin: .8em 0 2em 0; padding: 5px 6px 14px 55px; font-style: italic; min-height: 50px; background: url("images/quotes.png") no-repeat scroll 5px 5px #f1f1f1; }
.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; }
.forum-threads .forum-options { width: 49%; }
.forum-options ul { margin-bottom: 0.8em; }
.forum-options li { color: #404040; background: transparent url(images/slash.gif) no-repeat left center; margin: 0; padding: 0 0.4em 0 1.1em; display: inline; left: 0; }
.forum-options li.first { background-image: none; padding-left: 0; }
.forum-search-form { float: right; width: 49%; }
.element-forum th.subject, .element-forum td.subject, .element-forum th.author, .element-forum td.author, .element-forum td.author-header, .element-forum th.postsubject, .element-forum td.postsubject { padding-left: 0; }
.element-forum th.views, .element-forum td.views, .element-forum th.post, .element-forum td.post, .element-forum td.post-header, .element-forum th.postdate, .element-forum td.postdate { padding-right: 0; }
.text { display: block; margin: .8em 0 .1em 0; }
.element-forum .pager { margin: .8em 0;  }
.forum-no-content { margin: .8em 0; }
.element-forum .validation-summary-errors, .element-forum .field-validation-error { margin-left: 0; margin-right: 0; clear: both; }
/*----- 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; }
/*----- 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; }
/*----- Polls -----*/
.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 { background-color: #ADCDE3; display:block; text-align:center; overflow: hidden; }
/*----- Share page -----*/
.element-sharepage ul { margin-top: 0.8em; list-style: none; }
.element-sharepage li { color: #fff; margin: 0 2px 0 0; display: inline; left: 0; }
/*----- Code snippet -----*/
.element-codesnippet .csharpcode { margin-top: .8em }
/*----- File manager -----*/
.filemanager { margin-top: 1em; table-layout: fixed; clear: both; overflow: hidden; width: 100%; background-color: #ffffff; }
.filemanager td, .filemanager th { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; }
.filemanager th { text-align: left; font-weight: bold; }
.filemanager td, .filemanager th { padding-bottom: 0.5em; }
.filemanager .fm-name { width: 45%; }
.filemanager .afm-name { width: 40%; }
.filemanager .fm-icon, .filemanager .afm-icon { width: 5%; }
.filemanager .afm-select { width: 5%; }
.filemanager .fm-size, .filemanager .afm-size { width: 25%; text-align: right; }
.filemanager .fm-date, .filemanager .afm-date { width: 25%; text-align: right; }
/*----- Slide show -----*/
#slide-show { position: relative; width: 984px; height: 350px; margin-top: 0.8em; }
#slide-show img { position: absolute; left: 0px; top: 0px; }
.slide-description { position: absolute; right: 12px; top: 0px; width: 308px; height: 350px; z-index: 3; }
.slide-description h2, .slide-description p { color: #fff; }
#slide-panel { position: absolute; right: 0px; top: 0px; width: 332px; height: 350px; z-index: 2; background-color: #000000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: .70; }


/*----- Admin menu -----*/
.element-controlpanel { clear: both; width: 100%; background-color: #f1f1f1; color: #666; font-family: Georgia; font-size: 1.2em; border-top: 4px solid #005689; }
.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 { line-height: 1em; }
ul#navmenu li { margin: 0; }
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: 0.4em 12px; float: left; display: block; color: #666; text-decoration: none; height: 1%; }
ul#navmenu a:hover,ul#navmenu li:hover a,ul#navmenu li.iehover a { background-color: #143B63; color: #fff; }
ul#navmenu li:hover li a,ul#navmenu li.iehover li a { float: none; background-color: #143B63; }
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: #005689; }
ul#navmenu li:hover li:hover li a,ul#navmenu li.iehover li.iehover li a { background-color: #005689; }
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: #4C90C1; }
ul#navmenu li:hover li:hover li:hover li a,ul#navmenu li.iehover li.iehover li.iehover li a { background-color: #4C90C1; }
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; }
.admin-main { float: left; width: 74%; }
.admin-side { float: right; width: 24%; }
/*----- Admin photos -----*/
.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 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 .admin-side .submit { width: 13em; margin-left: 0; margin-bottom: 0.5em; }
.element-adminuserform ul { list-style: none; }
.element-adminuserform li { margin: 0; }
/*----- Admin zone -----*/
.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 .admin-side .submit { width: 13em; margin-left: 0; margin-bottom: 0.5em; }
.element-adminheader ul { list-style: none; }
.element-adminheader li { margin: 0; }
/*----- Admin file mananger -----*/
.element-adminfilemanager .admin-side .submit { width: 13em; margin-left: 0; margin-bottom: 0.5em; }
