/* Strasa theme for TikiWiki CMS/Groupware, design by Patrick Allard,
   released under LGPL license. For more information, visit http://themes.tikiwiki.org. */

 @import "lite/lite.css"; /* here we import *lite as the base */

/***** XHTML Elements ******/

html {background-color: #; display: block; height: 100%;}

body {
        background-color: #fff;
        text-align: left;
        font: 72%/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;}

html>body {font-size: 12px}

/* workaround for Safari when in FCKEditor */
html[dir=ltr]>body {
        display: block;
        margin: 0}

body.fullscreen {}

a,
a:link,
a:visited {
        color: #006699;
        text-decoration: none}

a:hover {
        text-decoration: underline;
        color: #000000}

caption {}
div {}
h1, h2, h3, h4, h5 {font-family: Helvetica, sans-serif}

h1 {font-size: 2em}
h2 {font-size: 1.4em}
h3 {font-size: 1.3em}
h4 {font-size: 1.2em}
h5 {font-size: 1.1em}
h6 {font-size: 1.05em}

hr {
        width: 100%;
        height: 1px;
        background: #aaa;
        border-width: 0;
        padding: 0;
        color: #fff}

p {}
img {border: 0}

fieldset {
        border: solid 1px #077aa7;
        padding: 10px}

form {
        margin: 0;
        padding: 0}

legend {}

input,
textarea,
option,
select,
body.wikitext {background: #F3FCFE; color: #000}

select {margin: 0 2px}

/** html .wikitopline select {font-size: .9em}*/
input.button {}

input[type=checkbox],
input[type=radio] {border: 0}

input[type=text],
input[type=password] {
        background: #f3fcfe;
        border: 1px solid;
        border-color: #223845 #4d7b9b #4d7b9b #223845}

.box-login_box input[type=text],
.box-login_box input[type=password] {
        background: #E7F8FD;
        border: 1px solid #33CCFF;
        color: #517298;
        font-size: 1em;
        height: 16px;
        width: 110px}

input#search {
        background: #E7F8FD;
        border: 1px solid #33CCFF;
        color: #517298;
/*        font-size: 12px;*/
        height: 16px;
        margin-right: 10px;
        width: 160px}

input#comments-title {font-family: "Courier New", Courier, monospace}
input[type=file],
select {}


/* Links in buttons */
span.button a,
span.button a:visited,
span.button2 a,
span.button2 a:visited,
button,
input[type=reset],
input[type=submit],
span.button input,
.submitbutton,
.calbuttonBox {
        font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #fff;
        background: #1d9ccf;
        border: 1px solid;
        border-color: #41cbe7 #223845 #223845 #41cbe7;
        padding: 1px 4px;
        margin-right: 1px;
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer}

/*.button a,
.button a:visited {padding: 1px 4px}*/

.button a:hover,
.button2 a:hover,
button:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.button input:hover,
.submitbutton:hover,
.calbuttonBox:hover {
        background-color: #1e7ea6;
        color: #fff;
        text-decoration: none}

.button a:active,
.button2 a:active,
button:active,
input[type=reset]:active,
input[type=submit]:active,
.button input:active,
.submitbutton:active,
span.highlight a:link,
span.highlight a:visited {
        border-color: #223845 #41cbe7 #41cbe7 #223845;
        background: #5cbdef !important;
        color: #000 !important}


div.iconmenu {display: inline}

/* Was graphic button experiment. Works but needs adjusting. Dumped because
        of inconsistency with submit style.
span.button {
        height: 22px;
        background: url(strasa/buttonwhite.jpg) no-repeat;
        background-position: 0 -22px;
        padding-left: 10px;
        margin-right: 10px;
        margin-bottom: 2px;
        white-space: nowrap;
        float: left}

span.button:hover {background: url(strasa/buttonwhite.jpg) 0 0 no-repeat;height: 22px}

span.button a,
span.button a:link {
        background: url(strasa/buttonwhite.jpg) no-repeat;
        background-position: 100% -22px;
        color: #fff;
        font-weight: normal;
        font-size: 12px;
        height: 22px;
        padding: 5px 10px 5px 0;
        margin: 0}

span.button a:hover {
        background: url(strasa/buttonwhite.jpg) 100% 0 no-repeat;
        height: 22px;
        text-decoration: none} */

span.button {
        display: inline-block;
        margin: 1px 2px;
        padding: 2px}

/* * html .findtable input {font-size: 1em}*/
form.admin input[name="features"] {margin-bottom: 3px !important}
select {}
select[multiple] {height: 10em}
select[name="theme"], select[name="theme-option"] {width: 140px}
small {font-size: .9em}
label {margin:0 2px}
ol {}
ul {}
li {}

/***** Page Layout *****/

/** off-screen **/

ul.jumplinks {
        font-size: 0.8em;
        list-style-type: none}

ul.jumplinks,
.jumplinks {
        position: absolute;
        top: -9000px; left: -9000px;
        z-index: 9}

ul.jumplinks a:focus,
ul.jumplinks a:active {
        position: absolute;
        top: 9010px;
        left: 9010px;
        background: #ccdede;
        color: #006699;
        padding: 5px;
        font-weight: bold;
        border: 2px solid #006699;
        width: 6em;
        z-index: 9}

#fullscreenbutton {
        position: absolute;
        top: 2px;
        right: 10px;
        z-index: 10;
        font-size: 80%}

#fullscreenbutton:hover {color: #000000}

/* appears on print page */
#tiki-clean {
        background-color: #fff;
        text-align: left;
        padding: 0em}

/*** Type 1 (*litecss-based) layout
        (overrides lite.css) ***/

#main {
        text-align: left;}

#main[id] {
        height: auto;
        min-height: 100%;
}

#header {
        min-height: 121px;
        position: relative;}

* html #header {height: 121px}

* html #header,
*:first-child+html #header {background: #fff}

#middle {
        background: #fff;
/*        height: 70%;*/
        padding-top: 40px;
        padding-bottom: 40px}

*:first-child+html #middle {padding-top: 65px}

#c1c2 {background: #fff}
#c1c2 #wrapper {}

.fullscreen #col1 {
        margin-left: 30px !important;
        margin-right: 30px !important}

#c1c2 #wrapper .marginleft {margin-left: 240px}
#c1c2 #wrapper .marginright {margin-right: 210px}

#c1c2 #wrapper #col1 {}

#c1c2 #wrapper #col1 #tiki-center {
        margin-left: 20px;
        margin-right: 20px}


#c1c2 #col2 {
        width: 240px;
        text-align: right;
        background: url(strasa/box_top.gif) no-repeat 100% 0;
        padding-top: 5px}

#c1c2 #col2 .content {
        text-align: left;
        margin-left: 58px;
        padding-bottom: 5px;
        background: url(strasa/box_bottom.gif) no-repeat 0 100%}

#col3 {
        margin-left: -210px;
        width: 210px;
        text-align: left}

#col3 .content {
        margin-right: 58px;
        border-top: 1px solid #cfcfcf;}

#footer {
        text-align: center;
        font-size: .9em;
        color: #fff;
        background: #292c31}

#footer a:link,
#footer a:visited {}
#footer a:hover {}
.footerbgtrap {
        height: 20%;
}
/* end Type 1 layout divs, etc. */

/* Theme-specific custom footer code */

#custom_site_footer {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        color: #292c31;
}

.fcol1,
.fcol2,
.fcol3 {
        width: 315px;
        float: left;
        font-size: 1em;
        color: #292c31;
        text-align: left;
        padding-top: 30px;
        padding-bottom: 30px}

.fcol1 ul li,
.fcol2 ul li,
.fcol3 ul li {
        border-bottom: 1px solid #666666;
        padding: 4px 0;
        list-style: none;
        margin: 0}

.titlefooter{
        color: #fff;
        font-size: 1.2em;
        font-weight: normal;
        float: left;
        margin-top: 15px;
        margin-left: 5px;
        letter-spacing: 0.5px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;}

.fcol1 img,
.fcol2 img,
.fcol3 img{
        margin-left: 34px;
        margin-bottom: 6px;
        float: left}

#footer a,
.fcol1 a,
.fcol2 a,
.fcol3 a {
        color: #999;
        text-decoration: none}

#footer a:hover,
.fcol1 a:hover,
.fcol2 a:hover,
.fcol3 a:hover {
        color: #fff;
        text-decoration: none}

/*** Print page ***/
div#tiki-main {background: #fff}
div#tiki-mid {}



/* To center cbox */
div#tiki-main #tikimidtbl {
        margin: auto;
        width: auto}

div#tiki-bot {}

/* Site Header & Identity */
#header-top {
        color: #fff;
        height: 94px;
        background: #292c31 url(strasa/headerbg.jpg) repeat-x 0 100%}

#header-top[id] {
        min-height: 94px
}

#siteheader {
        text-align: left;
        background: #292c31;
        vertical-align: middle;
        padding: 0;
        margin: 0}

#customcode, #customcodewith_ad {
        position: absolute;
        width: 964px;
        margin: auto}


div#sioptions {
        margin: 0 58px;
        overflow: hidden;
}

#sioptionscentered {text-align: center}

div.floatright {
        float: right;
        clear: none}

div.floatleft {
        float: left;
        clear: none}

div#sitelogo {
        margin: auto;
        padding-top: 25px;
        overflow: hidden;
}

div#sitead {margin: auto}
#sitead.floatright {padding-right: 100px}
#sitead.floatleft {padding-left: 100px}
#sioptionscentered #sitead.floatleft {padding-left: 10px}
.floatright img {}

#siteloginbar {
        float: right;
        font-size: 90%;
        height: 24px;
        line-height: 24px;
        padding-left: 60px;
        color: #fff;
        background: #fff url(strasa/login.jpg) 0 0 no-repeat;
}

* html #siteloginbar {
        text-align: right;
        width: 100%;
        padding: 0;
        background: #fff url(strasa/loginlong.jpg) 0 0 no-repeat}

*:first-child+html #siteloginbar {max-width: 650px}

#siteloginbar a,
#siteloginbar a:visited,
#siteloginbar a:hover {
        color: #fff;
        text-decoration: none}

#siteloginbar * {white-space: nowrap}
#siteloginbar form {padding-right: 0}

#sl-login-user,
#sl-login-pass {
        background: /*#1b98c6*/transparent;
        color: #fff;
        border: solid 1px #fff;
        width: 8em !important}

#siteloginbar #pass {
 float: right;
 padding-left: 5px}

#siteloginbar .rme,
#siteloginbar .pass {display: inline; margin-left: 1em}

#siteloginbar .register {
        float: right;
        height: 24px !important;
        line-height: 22px;
        padding-left: 60px;
        padding-right: 10px;
        padding-top: 0;
        margin-top: 0;
        background: url(strasa/register.jpg) no-repeat}

#bannertopright {  }

#siteloginbar input.wikiaction {
        border: 0;
        margin-left: .7em;
        color: #5ae0ff;
        font-size: 90%;
        background: #204c65;
        font-weight: normal}

div.logged-in {padding-right: 20px}

* html .logged-in {
        color: #5ae0ff !important;
        background: none !important}

* html .logged-in a,
* html .logged-in a:visited {color: #5ae0ff !important}

#sitelocbar {float: left; margin: 0 58px;}
#sitelocbar a {background-color: #ccdede; color: #0990cc !important; padding: 1px 4px}
#sitelocbar a:hover {color: #000 !important;}

#customcodewith_ad {width: 400px}

/* #header text selectors, if needed */

#sitetitles {color: #fff; display: inline; height: 97px; line-height: 97px; overflow: hidden; vertical-align: bottom}

#sitetitle,
#sitesubtitle {font-family: Helvetica, sans-serif; font-weight: bold}

#sitetitle {
        font-size: 220%;
        display: inline;
        letter-spacing: -0.05em}

* html #sitetitle {}

#sitetitle a,
#sitetitle a:link,
#sitetitle a:hover {
        color: #fff;
        text-decoration: none}

#sitesubtitle {
        font-size: 110%;
        display: inline;
        margin-left: 0.2em}

#header a,
#header a:visited {}

#header a:hover {}

/* tiki-top_bar.tpl - menu and search */

#tiki-top {
        text-align: right;
        margin-right: 40px;
        }

* html #tiki-top { font-size: 11px }
#tiki-top a,
#tiki-top a:visited {
        color: #5AE0FF;
        text-decoration: none;}

#tiki-top a:hover {color: #fff}
#tiki-top table {
        width: auto;
        float: right}

#sitesearchbar {
        position: absolute;
        right: 10px;
        top: 65px;
        text-align: right;
        display: block;
        color: #fff;
        font-size: 93%}

input#fuser,
select[name="where"],
input[name="search"] {}

#topbar_custom_code {background: inherit}

/* end header */

/* centercolumn */


#showhide_columns {}

a.flip,
a.flip:visited {
        color: #ccdede;
        font-size: 90%}

a.flip:hover {
        color: #006699;
        text-decoration: none}

.tellafriend a,
.tellafriend a:visited {
        background: transparent url(strasa/fold-topright.jpg) 0 0 no-repeat;
        display: block;
        float: right;
        font-size: 80%;
        color: #fff;
        min-height: 24px; line-height: 22px;
        padding-right: 1em;
        width: 16em;
}


.tellafriend a:hover {
        color: #fff;
        text-decoration: none}

a.flip img {display: none}
.tellafriend {
        border-bottom: solid 1px #ccdede;
        margin: 4px 0;
        min-height: 24px;
        text-align: right;
}

.fullscreen .tellafriend {}

/* Also is .content */
#tiki-center {clear: both;}

/* IE */
* html #tiki-center {font-size: 1em}

#rss {padding: 1em 1em 0}

#power {
        padding: 0 1em 1em;
        font-size: .9em}

#credits {display: inline}

.error,
#error {
        background: #f8f8ff !important;
        color: #000}

/* display PHP/Smarty errors on top */
#show-errors-button {z-index: 1024}
#errors {z-index: 1023}

/* end layout divs, etc. */
/** Border boxes (if any) **/

/****** Menus ******/
/** PHP Layers Menus **/

.horbar {
position: absolute; z-index: 0;
top: 10px; left: 100%;
margin: 0 0 0 -50%;
white-space: nowrap}

* html .horbar {
        top: 10px;
        left: auto;
        right: 40px}

.horbar table {
        width: auto;
        text-align: left}

/* Text in the top level (visible by default) of the menu */
.horbaritem a,
.horbaritem a:visited {
        padding: 3px 3px 6px 3px;
        text-decoration: none;
        font: normal 1em Verdana, Helvetica, Arial, Sans-Serif;
        margin: 0;
        border-color: transparent; border-style: solid; border-width: 0 1px;
        color: #5ae0ff;
        text-align: center}

.horbaritem a:hover {
        text-decoration: none;
        background: url(strasa/headermenuitem-hover.png) bottom center repeat-x;
        border-color: #336699;
        border-style: solid;
        border-width: 0 1px;
        color: #fff;
}

* html .horbaritem a {
        font-size: 1em;
        border-color: #224a5f}

.mdkverbar {}

.mdksubmenu {
        z-index: 999;
        position: absolute;
        left: 0;
        top: 0;
        visibility: hidden;
        margin-top: 3px}

* html .mdksubmenu {margin-top: 0}

.mdksubmenu table {width: auto}

.mdksubframe {
        z-index: 1000;
        position: relative;
        display: block;
        border: 1px solid #08698f;
        background: #1b3a50}

.mdkitem {
        position: relative;
        text-align: left;
        white-space: nowrap}

.mdkitem .mdkfwdarr {
        position: absolute;
        top: 5px;
        right: 12px}

.mdkitem a,
.mdkitem a:link,
.mdkitem a:visited {
        color: #5ae0ff;
        padding: 2px 3px;
        position: relative;
        display: block;
        font-weight: normal;
        text-decoration: none}

.mdkitem a:hover {
        background: transparent url(styles/strasa/headerbg.jpg) repeat-x;
        color: #fff;
        text-decoration: none}

.mdkitem a:active {}

#col2 .mdkitem a {color: #006699}
#col2 .mdkitem a:hover {color: #000}

/* Tree menu (also on Browse Categories */
.treemenudiv {
        display: block;
        white-space: nowrap}

#col2 .treemenudiv { background: #ccdede }

.phplmnormal,
a.phplmnormal:hover,
a.phplm:link,
a.phplm:visited,
a.phplm:hover,
a.phplm:active {
        font: 100% Verdana, Tahoma, Arial, sans-serif;
        color: #006699;
        text-decoration: none;
        font-weight: normal}

a.phplm:visited {color: #006699}
a.phplm:hover {color: #000; background: none;text-decoration: underline}
a.phplm:active {color: #006699}

a.phplmselected:link,
a.phplmselected:visited,
a.phplmselected:hover,
a.phplmselected:active {
        font: 100% Verdana, Tahoma, Arial, sans-serif;
        color: black;
        text-decoration: underline;
        font-weight: bold}

a.phplmselected:hover {color: #808080}

/* layerstreemenu-hidden.css */
.imgs {
        border: 0;
        width: 16px;
        height: 18px}

/** CSS (suckerfish) menus **/

.cssmenu ul,
.cssmenu_vert li ul,
.cssmenu_horiz li ul {
        border: 1px solid #08698f;
        background: #1b3a50}

.cssmenu_vert li ul { /* second-level lists */
        margin-left: 11.05em;
        margin-top: -1.35em;
        padding-bottom: 1px; /*enable border to show */}

.cssmenu_vert li ul {
        background: #ccdede;
        border: 1px solid #233039}

.cssmenu_horiz li:hover {background: #1b3a50}
.cssmenu_ver li:hover {background: none}

.cssmenu a,
.cssmenu_horiz a,
.cssmenu_vert a {
        text-decoration: none;
        display: block;
        text-decoration: none;
        padding: 3px 0 3px 6px;
        color: #006699}

.cssmenu_vert a:link,
.cssmenu_vert a:visited {color: #006699}

.cssmenu_vert a:hover {
        color: #000;
        text-decoration: underline}

.cssmenu_vert ul a:link,
.cssmenu_vert ul a:visited {color: #006699}

.cssmenu_vert ul a:hover {color: #000000}

#tiki-top .cssmenu_horiz {
        position: absolute;
        z-index: 10;
        top: 10px;
        right: 100px;
        /*margin: 0 0 0 -50%;*/
        white-space: nowrap;
        text-align: left}

.cssmenu_horiz > li.menuSection > a {padding-right: 2.6em}

/** Links in other menus **/
div.separator {
        border-top: 1px solid #bed8f1;
        padding-bottom: 3px}

div.separator, div.separatorline {}
.separator a:link,
.separator a:visited,
.separator a:hover {
        color: #000000;
        font-size: 110%;
        font-weight: bold}

div.option a.linkmenu:hover {}
a.separator img {}
.option {margin-left: 20px}

div.optionline,
.option a {}

.option a:link,
.option a:visited,
a.linkmenu, .rsslink, .linkmenu:visited, .rsslink:visited {}

.linkmenu:hover {color: #000000}

div.option a:hover,
div.option a:active {}

a.linkmodule {}
a.linkmodule:hover {color: #000000}
.rsslist {}
.rssitem {}
.rssitem:first-child {}
.rssdate {}

/* From Tikineat -- check */
div.menuSection div.menuSection,
div.menuSection div.separator {
        margin-left: 16px;
}
/* End from Tikineat */

/****** Misc. Global Classes (layout and style) ****/
.hidden {
        position: absolute;
        left: -10000px;
        top: 0;
        width: 1px;
        height: 1px;
        overflow: hidden}

.floatlist {
        clear: left;
        list-style-type: none;
        margin: 0;
        padding-left: 0}

.floatlist li {float: left}

div#attzone,
div#comzone {
        display: none}

div#attzoneopen,
div#comzoneopen {
        display: block;
        margin-top: 10px}

div#edithelpzone {display: none}
#edithelpzone code {font-size: 1.2em}
#rules-copy-panel {display: none}
.clear, #clear {clear: both}

.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden}

.clearfix {display: inline-block}
/* Hide from IE Mac \*/
.clearfix {display: block}
/* End hide from IE Mac */
* html .clearfix {height: 1%}
#overdiv table {width: auto !important}
.attention {color: red}

.highlight,
#highlight {background: #5cbdef}
span.highlight {background: inherit}

.openid_url {
        background: #fff url(../../img/icons/login-OpenID-bg.gif) no-repeat;
        padding-left: 18px}

.bannertext {
        font-size: .95em;
        text-decoration: none}

.bannertext:hover {color: #000000}

.link,
.gallink,
.bloglink,
.fgallink,
.trailer,
.opencomlink,
.commentslink,
.admlink,
.forumbutlink {}

div.searchdate {}
div#debugconsole {}

.mini {
        width: 100%;
        text-align: center;
        font-size: .9em}

.prevnext {
        font-size: 1em;
        padding: 1px 6px}

a.tikihelp,
a.tikihelp:visited {
        border: 0;
        vertical-align: text-top}

a.tikihelp:hover {
        cursor: help;
        vertical-align: text-top}

#rss img {vertical-align: middle}
div.adminanchors {background: #077aa7 !important}

/* To enable removing deprecated tag from img.icon and prevent border on a.icon. */
a.icon,
img.icon {
        border: 0 !important;
        background: transparent
}

.iconmenutext {white-space: nowrap}

/** Find form **/

.findtable {
  text-align: center;
  margin-bottom: 10px}

.findtitle {
        display: inline;
        vertical-align: middle;
        margin: 0 1px}

.findtitle input {margin-left: 2px}

.top_actions {
        text-align: right;
        margin-top: 5px}

input#findwhat {} /* text input */
div.findsubmit {}

/* New Help section */
div#tikihelp {
        position:fixed;
        right: 0;
        top: 125px;
        width : 340px;
        height: auto; /* if there was height specified it covered the right column content "invisibly" making part of it unclickable */
        max-height: 450px;
        max-width: 50%;
        padding:0;
        margin:0;
        background-color: transparent;
        z-index: 820;
        overflow: hidden;
}

* html div#tikihelp {position: absolute}

div.help_icon {
        border: 0;
        margin: 0;
        padding: 0;
        height: 48px;
        text-align: right;
}
div.help_icon a:hover {
  text-decoration: none;
}
div.help_icon img{
        vertical-align: middle;
        border: 0;
        margin: 0;
        padding: 0;
}
div.help_sections {
        border: solid 1px #006699;
        padding: 0;
        margin: 0;
        background-color: #006699;
        width: 100%;
        height: 400px;
        overflow: auto;
}
div.help_section_select {
        font-weight : bold;
        font-size: 12px;
        background-color : #E7E9EA;
        color: black;
        width: 100%;
        height: 20px;
        margin: 0;
}
div.help_section_select * {
        vertical-align: middle;
}
div.help_section {
        margin: 0;
        padding: 5px;
        background-color: white;
        color: black;
        font-size: 0.8em;
        /*height: 100%;*/
        overflow: auto;
}
div.help_section * {
        vertical-align: middle;
}

#site_report {text-align: center}

#site_report a {
        border-left: 1px solid #696969;
        border-right: 1px solid #696969;
        padding: 0 5px;
        font-size: smaller}

.findtable ul {list-style: none}
.findtable ul li {float: left}

ul.categories {
        margin: 0;
        padding: 0}

ul.categories li {
        list-style: none;
        margin: 0;
        padding: 0}

/** Modules **/
.box-shadow {}

div.box {
        overflow: hidden}

#col2 .box {
        background: #ccdede;
        border-bottom: 2px ridge #bed8f1;
}

* html #col2 .box,
* html #col3 .box {width: 181px}

#col3 .box {
        border-bottom: 1px solid #cfcfcf;
        /*margin-bottom: 10px*/ }

h3.box-title {
        padding-top: 4px;
        padding-left: 10px;
        position: relative}

* html h3.box-title {position: static}

#col2 .box-title {
        margin-top: 0;
        margin-bottom: 0}

.moduleflip {
        display: none;
        position: absolute;
        right: 0;
        top: 0}

* html .moduleflip {
        position: static;
        float: right}

* html .moduleflip,
.box:hover .moduleflip {display: block}

.box:hover img.flipmodimage {border: 1px solid transparent}
* html img.flipmodimage {border: none}
img.flipmodimage:hover {border: 1px solid #58A7D2 !important}
#col2 h3.box-title {}

#col2 .box-title a,
#col2 .box-title a:link {}
.box-title a:hover {}
.box-data {padding: 0 5px 10px 10px}

.box-data ol,
.box-data ul {}

.box-data ol li {}

.box-footer {}
/* Check on this ?? */
.modcontrols {
        display: block;
        float: right;
        width: 64px;
        height: 16px}

/** Other boxes **/
div.cbox {
        border: 1px solid #1b3a50;
        overflow: hidden}

.cbox-title {
        font-size: 1em;
        font-weight: normal;
        color: #5ae0ff;
        background: #1b3a50;
        padding: 3px;
        text-align: center}

.cbox-title a:link,
.cbox-title a:visited {color: #5ae0ff}

.cbox-title a:hover {color: #fff; text-decoration: none}

.cboxlink {}
.cbox-data {
        padding: 4px;
        overflow: hidden}

.cbox-data table {border-collapse: collapse}

.rbox {
        margin: 0.2em 0 0.4em;
        text-align: left}

.rbox-title {
        background-color: #ccdede;
        border: none;
        float: left;
        font-size: 1em;
        padding: 0.2em 0.8em;
        line-height: 1.4em;
        position: relative;
        top: 1px;
        z-index: 2}

.rbox-data {
        background-color: #fff;
        border: solid 1px #ccdede;
        clear: left;
        margin: 0;
        padding: 6px 2px 2px 2px}

.comment .rbox-title,
.comment .rbox-data {}

.note .rbox-title {}
.note .rbox-data {}

.tip .rbox-title,
.tip .rbox-data {}

.warning  .rbox-title {}
.warning .rbox-data {}

div.simplebox {
        border: 1px solid #aaa;
        background: #fff;
        padding: 1em}

.highlight {}

/***** Tables, Tabs and Lists ****/
/** Tables **/

table {font-size: 1em}

table.normal,
table.admin {width: 100%}

* html table.normal,
* html table.admin,
* html table.bloglist {width: 97%}

table.admin tr td div#page-bar {}

td {vertical-align: top}
* html td {        font-size: 11px}

.formcolor td,
.galform td,
.editblogform td,
.editfgalform td,
.comform td,
.forumform td {padding: 3px}

table.email {}
table.email td.body {}
table.email td.heading {}
table.email td.closeButton {}

tr.odd {background: #f0f0f0}
tr.odd:hover {}
tr.even {background: #dcdcdc}
tr.even:hover {}

td.odd {
        background: #f0f0f0;
        color: #000}

td.even {
        background: #dcdcdc;
        color: #000}

tr.even td.even,
tr.odd td.odd {}

td.third {text-align: center}

.normal td,
td.normal,
.wikitable td,
td.odd,
td.even {
        margin: 0;
        padding: 0.2em;
        vertical-align: top;
        border-collapse: collapse}

 /* headings */
th,
table.normal td.heading {
        font-size: 1em;
        font-weight: normal;
        color: #5ae0ff;
        background: #1b3a50;
        min-height: 32px;
        text-align: center}

th a:link,
th a:visited,
td.heading a:link,
td.heading a:visited {
        color: #5ae0ff;
        text-decoration: none}

form.admin {}
form.admin fieldset {}
form.admin legend.heading {}
form.admin legend.heading a {}
form.admin legend.heading a:hover {}
form.admin legend.heading a span {}
form.admin legend.heading a:hover span {}

/* cells in tracker items display */
td.formlabel {}
td.formcontent {}

/* links to view an object from a table listing objects can be generalized to this link */
a.fgalname {}
a.fgalname:hover {}

a.tablename,
a.galname,
a.imagename,
a.blogname,
a.fgalname,
a.artname,
a.forumname { color: #006699}

a.forumnameread { color: #006699}

/** Tabs **/
.tabs {
        border-bottom: solid 1px #1d9ccf !important;
        margin: 10px 6px 0 !important;
        padding: 0 !important;
}

.tabmark {
        display: inline;
        font-size: 85%;
        background-color: #ccdede;
        margin: 0px;
        margin-left: 1px;
        margin-right: 5px;
        padding: 2px 0;
}

.tabmark a {
        border-bottom: 0;
        color: #0a6aa6;
        font-weight: normal;
        padding: 2px 5px;
}

.tabmark a:active {
        background-color: #f2f2f2;
        color: #0a6aa6;
}

.tabmark a:hover {
        background: #1d9ccf;
        color: #fff;
        text-decoration: none;
}


/* active (current) tab */
.tabactive {
        background-color : #ccdede !important;
        border: solid 1px #1d9ccf !important;
        border-bottom: none !important;
        border-top-width: 2px !important;
        position: relative;
        bottom: 0px;
        z-index: 2;
}

[class].tabactive {
        bottom: -1px
}

/* link of active tab */
.tabactive a {
        color: #0a6aa6 !important;
        font-weight: bold;
}
.tabactive a:hover {
        background-color: #ccdede !important;
        color : #000 !important;
}

/* inactive tabs */
.tabinactive {
        background-color: #1e7ea6;
        position: relative !important;
         top: -1px !important;
}

.tabinactive a {
        color: #fff;
}

[class].tabinactive {
        top: 0px !important
}





.tabcontent {
        z-index: 200;
        position: relative;
        padding: 32px 6px;
        margin: 5px;
        margin-top: 0;
        background: #ccdede;
        border-top: 0}

.tabcontent table {
        margin: 1% auto 2% auto;
        text-align: left;
        width: 95%;
        background: transparent}

.tabcontent table td {padding: 5px}
/*
.tabcontent th {
        background: none;
        color: #000;
        border-bottom: 1px solid #1b3a50}
*/
form fieldset.tabcontent {
        /*border: 1px solid #223845;
        border-top: none !important*/}

.tab-wrapper {
        border: 1px solid #F3FCFE;
        padding: 0}

.tab-menu  {
        clear: both;
        line-height: 17px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding: 2px 0;
        margin-bottom: 6px;
        margin-top: 2px;
        width: 100%}

.tab-menu li {
        display: inline;
        margin: 0 2px;
        width: 200px;
        padding-right: 1.5em}

.tab-menu li img {vertical-align: middle}

.tab-menu li a         {
        padding: 1px 5px;
        background: #F3FCFE;
        color: #006699;
        font-weight: bold;
        text-decoration: none}

.tab-menu li a:hover,
.tab-menu li a:focus {
        background: transparent;
        border-bottom-color: #f8f8ff}

.tab-menu li a:hover {
        background: #FAEC8F;
        border-bottom-color: #f8f8ff}

.tab-menu li.tab-selected a {background: #f8f8ff}

table.admin div#content1 div.tabcontent div.cbox {background: transparent}

/*** Feature-specific selectors ***/

/***** Wiki *****/

body.tiki_wiki #comments {padding: 1em }

h1.pagetitle a,
h1.pagetitle a:visited,
h1.pagetitle a:hover,
a.pagetitle,
a.pagetitle:visited,
a.pagetitle:hover {
        color: #000;
        text-decoration: none}

.wikitopline {}

div#description,
.description {
        display: block;
        font-size: .9em;
        font-style: italic}

#pageid {
        float: left;
        clear: both}

#cachedpage {
        float: right;
        font-size: small}

.categpath {}
.wikitext {}

.wikitext h1,
.wikitext h2,
.wikitext h3,
.wikitext h4 {}

.titlebar {
        padding: 0.1em;
        border-top: 1px solid #696969;
        border-bottom: 1px solid #696969;
        margin: 10px 0}

.wikitext ul li {}
.wikitext ul li ul li {}
.wikitext .fancylist {
        margin: .5em 0; padding: 0;
}
.wikitext .fancylist li {
        background: transparent url('strasa/list_icon.png') top left no-repeat;
        color: #f90;
        font: italic 2em Verdana, Geneva, Arial, Helvetica, sans-serif;
        line-height: 27px;
        list-style-position: inside;
        margin-left: 10px; padding: 6px 0px 7px 15px;
}

.wikitext .fancylist li p {
        color: #000;
        display: inline;
        font-size: 50%;
        font-style: normal;
        margin-left: 12px;
}
[class].wikitext .fancylist li p {
        margin-left: -3px;
}

/* From Tikineat */
.wikitext div.box {}
.wikitopline table {}
html>body .wikitopline table {}
/* End from Tikineat */

table.wikitable {
        border: 1px solid #A9A9A9;
        border-collapse: collapse}

td.wikicell {
        padding: 3px;
        border: 1px solid #a9a9a9;
        border-collapse: collapse}

/* editable wiki section */
div.split {
        border: 1px dashed #696969;
        clear: both}

.editdate {}
div.navbar {}
div#page-bar {margin-top: 8px}
#page-bar span {float: left}

ul.floatleft {
        display: block;
        list-style: none;
        padding: 0;
        text-align: left;
        height: 20px;
        margin-top: 0}

ul.floatleft li {
        float: left;
        padding: 4px 2px}

.editdate ul.floatleft {margin-top: 8px}

div.cache {}
div.cachedpage {}
.wikicache, .wikicache:visited {}
.wikicache:hover {}
.wiki {}
.wikinew {}

.wiki-edithelp {display: none}

#wikihelp-tab table,
#wikihelp-tab table td {
        border: solid 1px #696969;
        border-collapse: collapse}

#wikihelp-tab table td {padding: 2px}
textarea.wikiedit {/*font-size: 1.0em*/}
p.editdate {}
div.wiki-edithelp {}
img.externallink {}

/* Needed esp. for light-on-dark theme */
div.quicktag {}
div.quicktag img,
#wikihelp-tab td img {}
div#helptool {}

/* Wiki plugins */


div.code {
        font-size: 90%;
        padding: 3px;
        border: 1px dashed #a9a9a9;
        background: #F5F5F5;
        font-family: "Courier New", Courier, monospace}

/* Code plugin  */
.codecaption {
        font-size: 90%;
        padding: 0 10px;
        position: relative;
        bottom: -6px;
        display: inline;
        border: 1px dashed #696969;
        border-bottom: 0;
        margin-left: 4px;
        color: #696969;
        background: #F5F5F5;
        font-weight: bold}


.codelisting {
        font-family: "Courier New", Courier, monospace;
        padding: 10px;
        background: #F5F5F5;
        margin: 4px;
        border: 1px dashed #696969;
        overflow: auto;
        width: 90%}


/* Quote plugin */
div.quoteheader {
        margin-left: 30px;

}

div.quotebody {
        margin: 0 15px 10px 30px;
        font-style: italic;
        border-left: 5px solid #D3D3D3;
        padding-left: 6px
}

table.wikiplugin-split {border: none; width: 100%}
table.wikiplugin-split .codelisting {width: 95%}

/* Versions plugin */
#tiki-center .versionav {
        padding: 0;
        border: 0;
        margin-bottom: -1px}

.versionav .button {margin-bottom: 0}

#tiki-center .versioncontent {
        border: 1px solid #aaa;
        background: #fff;
        padding: 1em}

/** Wiki tocs **/
div.tocnav {
        background: #EBEBEB;
        padding: 3px;
        margin-bottom: 4px;
        clear: both}

#tocnavicons {float: left}
#tocnavaddpage {float: right}
#tocnavlinks {clear: both}
.fancytoclevel {list-style-image: url(../img/icons/footprint.gif)}
li.toclevel {}

/* TOC */
ul.toc {
        padding-left: 2em;
        border-top: 1px dotted #a9a9a9;
        border-bottom: 1px dotted #a9a9a9;
        margin-bottom: 4px}

ul.toc * {border: none}

/* Wiki diff styles */
.diff td {border: 1px solid #696969}
.diff div {border-top: 1px solid #696969}
.diffheader {background: #696969; font-weight: bold}
.diffadded {background: #CCFFCC}
.diffdeleted {background: #FFCCCC}
.diffinldel {background: #FFCCCC; text-decoration: line-through}
.diffbody {background: #F2F4F5}
.diffchar {color: red}

/***** Articles ****/

div.article {
        border: solid 1px #a9a9a9;
        border-top: solid 1px gray;
        margin: 0;
        margin-top: 5px;
        padding: 0;
        background: #fff;
        font-size: 1.1em;
        margin-bottom: 40px}

div.articletopline {
        background: #223543;
        color: #fff;
        font-size: 90%;
        font-style: italic;
        padding-left: 6px}

div.articletitle {}

div.articletitle h2 {
        background: #1b3c54 url(strasa/headerbg.jpg) repeat-x 0 100%;
        color: #fff;
        padding: 10px 5px;
        margin: 0}

div.articletitle h2 a {
        color: #fff;
        font-weight: bold;
        /*padding: 10px 5px*/}

div.articletitle h2 a:hover {text-decoration: none}

span.titleb {
        display: block;
        float: right;
        clear: both;
        font-size: 80%;
        font-style: italic;
        min-height: 24px; line-height: 24px;
        padding: 0px 10px 0px 60px;
        color: #fff;
        background: #2598c5 url(strasa/login.jpg) left bottom no-repeat;}

div.articlesubtitle {
        margin-top: -1px;
        padding-left: 6px;
        font-size: 0.9em;
        background: #262d35;
        color: #fff}

div.articletitle br {clear: both }
div.articleheading {margin-top: 6px; padding: 4px}

div.articleheadingtext {}

img.topicimage,
img.articleimagenofloat,
img.articleimage {
        padding: 2px 0;
        margin-bottom:10px}

img.articleimagefloat {
        margin-right: 4px;
        float: left;
        padding: 2px 0;
        margin-bottom:10px}

img.articleimage {
        margin-right: 4px;
        float: left;
        clear: right;
        padding:2px 0;
        margin-bottom:10px}

div.articletrailer {
        position: relative;
        text-align: center;
        margin-top: 1.1em}

div.articletrailer img {}

div.article .status {
        position: absolute;
        left: 0}

div.articletrailer span {
        display: inline-block;
        margin: auto;
        white-space: nowrap}

div.article .actions {
        position: absolute;
        right: 0; top: 0;
        padding: 2px 1px}

div.articlebody {padding: 6px}

div.articlesource {
        margin-top: 5px;
        font-style: italic;
        font-size: 90%}

/***** Blogs *****/

div.blogheading {
        display: block;
        width: 100%;
        clear: both}

div.blogtitle {
        font-size: 1.3em;
        font-weight: bold;
        padding: 3px;
        margin-top: 10px;
        font-weight: bold;
        line-height: 80%}

div.blogdesc {
        display: block;
        width: 40%;
        padding: 8px;
        margin-top: 8px;
        margin-left: 6px}

div.bloginfo {
        text-align: center;
        display: block;
        padding: 3px;
        line-height: 150%;
        text-transform: none}

* html .bloginfo table {font-size: 11px}

div.blogtools {
        padding: 3px;
        text-align: right}

.blogactions {float: right}
.blogpost {}

/*.postinfo div a img,
a.blogt,
a.blog:visited {
        border: 0;
        text-decoration: none}

a.blogt:hover {
        color: #FFF;
        border-bottom: 1px dotted #FFF}*/

.postinfo {
        margin-bottom: 20px;
        margin-top: 10px;
        font-size: 1.2em}

.postinfo a {
        color: #006699;
        text-decoration: none;
        border-bottom: none}

div.postinfo a.linkmodule {}
.postinfo div {margin-top: 30%}

.small {} /* Check ?? (from fluidindex */

div.posthead {
        text-align: left;
        padding: 3px}

span.posthead {
        display: block;
        font-weight: bold;
        letter-spacing: .4pt}

body.tiki_blogs .post .title {margin-top: 0}

body.tiki_blogs .postbody-title {
        background:#1B3C54 url(strasa/headerbg.jpg);
        float: none;
        width: 100%;
        min-width: 100%; /* IE7 */
        min-height: 46px;
        border: 0}

* html body.tiki_blogs .postbody-title {height: 46px}
body.tiki_blogs .postbody-title img {float: right}

/*div.posthead h3*/
body.tiki_blogs .post .title h2{font-size: 1.2em}

/*div.postbody*/
body.tiki_blogs .post .postbody {
        margin-right: 8px;
        line-height: 1.2em;
        margin-bottom: 1em}

body.tiki_blogs div.author_actions {
        float: none;
        border: 0;
        width: 100%}

body.tiki_blogs .author_actions .actions {
        float: right;
        background: url(strasa/login.jpg) no-repeat 100% 0;
        text-align: right;
        min-height: 24px}

body.tiki_blogs .actions img.icon {padding: 4px 0}

body.tiki_blogs .author_info {min-height: 24px}
* html body.tiki_blogs .author_info {height: 24px}
body.tiki_blogs .author_info img {vertical-align: top}

body.tiki_blogs .postbody-title {border: 0}

body.tiki_blogs .postbody .postfooter {
        width: 100%;
        margin-bottom: 2em}

body.tiki_blogs .post .postfooter .actions {float: left}


/***** Forums *****/

body.tiki_forums table.normal {margin: auto}
#forumpost {display: none}
#forumpostopen {display: block}
.post {width: 100%}

.post .postbody {
        clear: both;
        border: solid 1px #a9a9a9;
        border-top: solid 1px gray;
        margin: 0;
        margin-top: 5px;
        padding: 0;
        background: #fff}

* html .post .postbody {font-size: 11px}

/* String up to and including first '.content' needed in *litecss themes to override higher .content properties. */
/*#c1c2 #wrapper #col1 .content */.post .postbody .content {
        float: none;
        padding: 0;
        margin: 0 !important;
        text-align: left;
        color: #000;
        background: #fff !important}

#c1c2 #wrapper #col1 .content .post .postbody .content p {  }

.post .postbody-title {
        display: block;
        background: #1b3c54 url(strasa/headerbg.jpg) repeat-x 0 100%}

.post .postbody-title .checkbox {float: left}

.post .postbody-title .title {
        float: left;
        color: #fff;
        font-weight: bold;
        font-size: 1em;
        margin-left: 5px;
        margin-top: 3px}

.post .postbody-title .title a.link {color: #fff}

.post .postbody-title .title h2 {
        margin: 0;
        padding: 10px 5px}

.post .author {
        text-align: right;
        vertical-align: top}

.post .author_post_info {
        display: block;
        background: none;
        padding: 0 2px 2px 2px}

.post .author_info a:link,
.post .author_info a:visited {color: #fff}

.post .author_info .icons .actions {margin-right: 10px}
.post .author_post_info_on {font-style: italic}

/* How do the following two differ? */
.post .author_info {
        float: right;
        font-size: 90%;
        font-style: italic;
        min-height: 24px;
        padding-left: 60px;
        padding-top: 1px;
        color: #fff;
        background: url(strasa/login.jpg) 0 0 no-repeat;}

.post .author_info .author_posts {color: #000}
.commentStyle_headers .author_info {float: left}

.post .postbody-title .actions {
        text-align: right;
        float: right;
        color: #fff;
        font-size: 80%;
        font-style: italic;
        padding-top: 4px;
        padding-right: 4px}

.post .postbody-title .actions a,
.post .postbody-title .actions a:visited {color: #fff}

.postbody-content {padding: 6px}
.post .postbody .attachments {
        clear: both;
        border-top: 1px dotted #D9D9D9;
        margin-top: 5px}

.post .postbody .attachments img {vertical-align: text-bottom}

.post .postfooter .actions,
.post .postfooter .status {
        display: inline;
        margin-left: 5px;
        vertical-align: top}

.post .postfooter .status {font-size: 10px}

.post .postfooter {
        float: right;
        text-align: right}

.post .inner > .postfooter {clear: both}

.post .contribution {
        background: #F0F8FF;
        border: 1px solid #ccdede;
        padding: 0 2px}

.post .avatar {
        float: right;
        margin-bottom: 5px;
        margin-left: 0;
        padding: 0;
        border: 2px solid;
        border-color: #047aaa #047aaa #42cffa #42cffa}

.sub_comment {padding-left: 20px}

.sub_comment_area {
        clear: both;
        background: url("../../img/edge.gif") no-repeat top left}

.forum_actions .actions {
        clear: both;
        border: 0;
        background: #ccdede;
        padding: 3px;
        vertical-align: middle}

.forum_actions .actions .action {margin-right: 10px}
.forum_actions .headers {vertical-align: bottom}
.forum_actions .headers .title {
        float: left;
        background: #233a48;
        color: #fff;
        border: 0;
        border-bottom: 0;
        padding: 1px}

.forum_actions .headers .infos {
        float: right;
        font-size: smaller;
        padding-top: 2px}

.thread_pagination {
        text-align: center;
        margin-bottom: 10px}

.nb_replies {white-space: nowrap}
.post_preview, .top_post {margin-bottom: 15px}
/*.post .postbody .signature { float: left}*/

/* Comments */
#comzone {
        display: none;
        margin: 5px 0;
        padding: 0}

#comzoneopen {
        display: block;
        margin: 5px 0;
        padding: 0}

span.commentstitle {
        font-weight: bold;
        font-size: 1.2em}

/* Comments moderation */
.post-approved-n {border-left: 3px dotted blue}
.post-approved-r {border-left: 3px double red}
.post-approved-r .content * { background: url(../../img/icons2/dots.gif); }

/*.post-approved-n .content, .post-approved-r .content,
.post-approved-n .title, .post-approved-r .title,
.post-approved-n .postfooter, .post-approved-r .postfooter,
tr.post-approved-n td span, tr.post-approved-r td span {opacity: 0.5}
tr.post-approved-n td span, tr.post-approved-r td span {opacity: 0.6}*/


textarea#editpost2 {width: 100%}

/* Find */
.subcomment { margin-left: 10px}

/* Help box*/
div.commentsedithelp { background: #ffcfcf; color: black; border: 1px solid #ff0000; text-align: center; font-weight: bold}

/***** Categories *****/

table.tcategpath {}
td.tdcategpath {}
.categpath {}
table.subcats {}
td.tdsubcat {}
.categlink {}
table.catobjects {}

td.categobjectsnameeven,
td.categobjectsnameodd {}

td.categobjectsdataeven,
td.categobjectsdataodd {}

.catname {}
.catblock {}
.catlists {}
.catlists:hover {}
.cattitle {}
.catlists a.link {}
.catlists a.link:hover {}

.catfeatures {
        margin-left: 0;
        padding: 0;
        font-weight: bold;
        list-style: none}

ul.catfeatures li {}

.catitems {
        margin-left: 0;
        padding: 0;
        font-weight: bold;
        list-style: none}

ul.catitems li {
        display: inline;
        margin-right: 6px}

ul.catitems li a.link {}

/***** Tags (freetags) *****/
div.freetaglist {text-align: right}

li.freetag {
        list-style: none !important;
        display: inline !important;
        margin: 0;
        padding: 0}

ul.freetag {
        margin: 0;
        padding: 0;
        display: inline !important}

.freetag a {display: inline !important}

a.freetag_1 {
        text-decoration: none;
        font-size: .8em}

a.freetag_2 {
        text-decoration: none;
        font-size: .9em}

a.freetag_3 {
        text-decoration: none;
        font-size: 1em}

a.freetag_4 {
        text-decoration: none;
        font-size: 1.2em}

a.freetag_5 {
        text-decoration: none;
        font-size: 1.4em}

a.freetag_6 {
        text-decoration: none;
        font-size: 1.6em}

a.freetag_7 {
        text-decoration: none;
        font-size: 1.8em}

div.freetagObjectOdd {
        margin: 2px;
        /*background-color : #F7F9FA;*/
        position: relative}

div.freetagObjectEven {
        margin: 2px;
        /*background-color : #E7E9EA;*/
        position: relative}

div.freetagObjectName a {text-decoration: none}

div.freetagObjectType {
        position: absolute;
        top: 0;
        right: 0}

/***** Image Galleries *****/

table.galtable {
        border-collapse: collapse;
        border: 1px solid #696969;
        width: 100%}

* html body table.galtable {width: 97%}
body.tiki_galleries table.findtable {display: inline}

/* Check this one ?? */
div.browsegallery {
        text-align: center;
        width: 100%}

td.oddthumb {border-collapse: collapse}
td.eventhumb {border-collapse: collapse}

td.eventhumb img {
        margin-left: 6px;
        margin-right: 6px}

div.thumbnailcontenerchecked div.thumbnail {
        background-color: #f8f8ff;
        border-color: #a9a9a9}

div.thumbnails {}
div#browse_image {width: 100%}

img.athumb {
        border: 0;
        margin: auto}

.caption {color: black}
p.norecords {font-weight: bold}

div.imagetitle {
        font-weight: bold;
        font-size: 200%}

div.gallerylink { }
div#browse_image {} /* Check - from fluidindex ?? */
div.showimage {
        text-align: center;
        margin: 5px 0;
        width: 100%;
        text-align: center;
        padding: 6px}

div.imgaldescr {margin: 10px}
.sorttitle {margin-left: 10px}

/***** File Galleries *****/

div.thumbnailcontener {}
div.thumbnail {}
div.thumbnamecontener, div.thumbimagecontener {}
div.thumbnamecontener {}
div.thumbname, div.thumbimage {}
div.thumbnamesub, div.thumbimagesub {}
div.thumbnail:hover {}
div.thumbnail:hover div.thumbnamecontener {}
div.thumbimage img {}
div.thumbinfos {}
div.thumbinfo {}
span.thumbinfoval {}
div.thumbname {}
div.thumbactions {}
div.thumbactions * {}
div.thumbactions input {}
div.thumbactions a {}
div.thumbdescription {}
div.thumbdescription + div.thumbinfo {}
div.thumbdescription span.thumbinfoname {}
a.namealias {}
div.gallerypath, div.gallerypath a {}
div.gallerypath a:hover {}
.fgal_top_bar {margin: 5px 0}
.fgalexplorer {border: 0}

.fgallisting table td {
        padding-left: 2px;
        padding-right: 2px}

/***** Trackers *****/

.statuson {
        padding: 1px;
        margin: 1px;
        vertical-align: middle}

.statusoff {
        padding: 1px;
        margin: 2px;
        vertical-align: middle}

/* also for categorize.tpl */
div.multiselect {
        vertical-align: middle;
        /*overflow-y: auto;
        overflow-x: hidden;*/
        overflow: auto;
        height: auto;
        width: 100%;
        border: 1px solid #696969}

/***** Calendar *****/
/* Overrides calendar.css, etc. */

.Cal0,
.Cal1,
.Cal2 {font-size: 90%}

.Calart,
.Calblog,
.Calchart,
.Caldir,
.Caleph,
.Calfaq,
.Calfgal,
.Calforum,
.Calgal,
.Calnl,
.Calquiz,
.Calsurv,
.Caltrack,
.Calwiki {font-size: 90%}

.Calart,
.Calart a,
.Calart a:visited {color: #FA8072}

.Calblog,
.Calblog a,
.Calblog a:visited {color: #DA70D6}

.Calchart,
.Calchart a,
.Calchart a:visited {color: #304F30}

.Caldir,
.Caldir a,
.Caldir a:visited {color: #800080}

.Caleph,
.Caleph a,
.Caleph a:visited {color: #008000}

.Calfaq,
.Calfaq a,
.Calfaq a:visited {color: #822222}

.Calfgal,
.Calfgal a,
.Calfgal a:visited {font-weight: normal}

.Calforum,
.Calforum a,
.Calforum a:visited {color: #808000}

.Calgal,
.Calgal a,
.Calgal a:visited {color: #8B4513}

.Calnl,
.Calnl a,
.Calnl a:visited {color: #708090}

.Calquiz,
.Calquiz a,
.Calquiz a:visited {color: #5F9EA0}

.Calsurv,
.Calsurv a,
.Calsurv a:visited {color: #DAA520}

.Caltrack,
.Caltrack a,
.Caltrack a:visited {color: #00BD02}

.Calweb {font-size: 90%}

.Calwiki,
.Calwiki a,
.Calwiki a:visited {color: #2C4B80}

.Calart a:hover,
.Calblog a:hover,
.Calchart a:hover,
.Caldir a:hover,
.Caleph a:hover,
.Calfaq a:hover,
.Calfgal a:hover,
.Calforum a:hover,
.Calgal a:hover,
.Calnl a:hover,
.Calquiz a:hover,
.Calsurv a:hover,
.Caltrack a:hover,
.Calwiki a:hover {color: #000000}

.Calart:before,
.Calblog:before,
.Calchart:before,
.Caldir:before,
.Caleph:before,
.Calfaq:before,
.Calfgal:before,
.Calforum:before,
.Calgal:before,
.Calnl:before,
.Calquiz:before,
.Calsurv:before,
.Caltrack:before,
.Calwiki:before {background: #f8f8ff}

.calfocus {font-size: 90%; background: #ccdede}
.calfocuson {font-size: 90%}

.calprio1 a,
.calprio2 a,
.calprio3 a,
.calprio4 a,
.calprio5 a,
.calprio6 a,
.calprio7 a,
.calprio8 a,
.calprio9 a {color: #006699}

.caltoggle {font-size: 90%}

.opaque {
        border: 1px solid #1b3a50;
        background: #dcdcdc}

.opaque .box-title {
        font-size: 1em;
        font-weight: normal;
        color: #5ae0ff;
        background: #1b3a50;
        padding: 3px;
        text-align: center;
        text-decoration: none}

.opaque .iconmenu {display: block}

.searchresults {display: inline}

.calnavigation a:hover {background: red}

.Cal {border-color: transparent}

.calHeadingLeft {
        height: 36px;
        text-align: center;
        vertical-align: middle}

.calHeading,
.calHeadingOn {
        height: 36px;
        text-align: center;
        vertical-align: middle}

.calHeading a,
.calHeading a:visited {text-decoration: none}

.calHeadingOn a {
        color: #06f;
        text-decoration: none}

.calHeading a:hover,
.calHeadingOn a:hover {text-decoration: underline}

.calHours {
        vertical-align: middle;
        text-align: center;
        border-width: 1px 0 0 1px;
        border-color: #cfd0d0 #e0e0e0;
        border-style: solid}

.calDay {
        padding: 0;
        border-width: 0 1px 1px 1px;
        border-style: solid}

.calWeek {
        border-width: 1px 1px 0 1px;
        border-color: #cfd0d0 #e0e0e0;
        border-style: solid}

.calbuttonBox {margin-right: 3px}
.calbuttonBox a {color: #fff}
.calbuttonon a {font-weight: bold}

#caltable .calfocuson,
.box-data td.fc a.today,
.box-data td a.today {
        background: #D4D0C8;
        border: solid 1px #696969}

#caltable .calfocuson a {color: #000}

#caltable .calfocus a,
#caltable .calfocuson a {text-decoration:none}

.day,
.day:visited {}

.today {}
.nav {}
.changedate {}
.date {}

.calinput {background: #223845}
.calfocuson + .calcontent { background: #F5F5F5}
.days {color: #ccdede}
#caltable .weeks {
        background: #1b3a50;
        color: #ccdede}

.addevent {padding: 0 5px; float: right}
* html .addevent {padding: 0}
.calodd, .caleven { border: 1px solid #a9a9a9}
.calodd {background: #f0f0f0}
* html .calodd {padding: 0}
.caleven {background: #dcdcdc}
* html .caleven {padding: 0}
.caldark {background: #ccdede}
* html .caldark {padding: 0}
.caldark .calfocus {background: #ccdede}
.daterow {}
.daterow:hover {}


/*****  Polls  *****/

div.pollresults {
        margin-top: 5px;
        font-size: 1.2em;
        padding: 0 5px}

table.pollresults {width: 100%}
td.pollr {color: black}
#pollopen {display: block}
#pollzone {display: none}
#polledit {display: none}
.pollnav {}

/***** FAQs *****/

div.faqlistquestions {margin-bottom: 20px}
div.faqqa {margin-bottom: 20px}

div.faqquestion {
        font-weight: bold;
        padding: 2px 12px;
        padding-bottom: 0}

div.faqanswer {
        padding: 4px 12px;
        padding-top: 0}

/***** Quizzes *****/

div.questionblock {
        padding: 4px;
        margin-bottom: 10px}

div.quizquestion {margin-bottom: 5px}
div.quizoptions {}
div.quizdescription {margin-bottom: 10px}
div.quizanswer {margin-bottom: 10px}

/***** Shoutbox *****/

div.shoutboxmsg {
        margin-bottom: 0;

        padding: 4px;
        padding-bottom: 1px}

div.shoutboxmodmsg {
        font-size: .95em;
        margin: 0 5px 4px 5px;
        padding-top: 5px;
        padding-bottom: 1px}

textarea.tshoutbox{
        font-size: .95em;
        width: 162px}

.wiki-table {}
.wiki-tr-a td {border: 0}
.wiki-tr-b td {border: 0}

/***** Directory *****/

div.dircategs {
        border: 1px solid #696969;
        padding: 5px}

.dirlink {}
.dirsublink {font-size: .95em}

div.dirlistsites {
        padding: 5px 0 10px 5px;
        margin-top: 10px}

div.dirsite {
        margin-bottom: 10px;
        padding: 4px}

span.dirsitedesc {}
span.dirsitetrail {font-size: 95%}
span.dirsitecats {font-size: 95%}
.dirsitelink {}

div.dirrelated {
        margin-top: 10px;
        padding: 5px}

td.dirfooter {font-size: .95em}
div.dirfooter {margin-top: 10px}

/***** Messages *****/

td.prio1,
td.prio2,
td.prio3,
td.prio4,
td.prio5 {
        border: 1px solid #a9a9a9;
        padding-left: 2px}

td.prio1 {background: #F7F9CA}
td.prio2 {background: #F7F9EA}
td.prio3 {background: #F7F9FA}
td.prio4 {background: #F7F9FD}
td.prio5 {background: #F7F9FF}

div.messureadflag {
        background: #a9a9a9;
        padding-left: 5px}

div.messureadhead {
        background: #dcdcdc;
        margin-top: 2px}

div.messureadbody {
        margin-top: 5px;
        background: #dcdcdc}

.readlink {
        font-size: .95em;
        color: black}

/***** Sheets *****/
.plugin-desc {
        padding: 5px;
}

.plugin-sample {
        padding: 5px;
        font-family: "Courier New", Courier, monospace;
}

.plugin-sample .plugin-param {padding-left: 15px}

.plugin-form-float {
        position: fixed;
        left: 5%;
        right: 365px;
        top: 5%;
        max-height: 90%;
        overflow: auto;
        background: #F3FCFE;
        padding: 10px;
        z-index: 10;
        border: solid 2px #696969}

.icon_edit_section {float: right}

/***** Ajax *****/

div#ajaxLoading {
        display: none;
        position: absolute;
        top: 50px;
        right: 50%;
        padding: 3px;
        font-family: Verdana;
        font-size: 90%;
        text-align: center;
        background: transparent url(../lib/shadowbox/images/loading-light.gif) no-repeat 50% 100%;
        height: 43px;
        width: 50px}

#shadowbox_title {
        height: auto !important;
        padding: 0;
        overflow: visible}

#shadowbox_title_inner{
        height: auto !important;
        font-size: 1em !important;
        line-height: 1em !important;
        white-space: normal !important;
        padding: 5px 0 4px 8px}

#shadowbox_content {background: #F3FCFE}

/***** TikiSheet Default Style *****/

table.default thead td,
table.default tfoot td {
        font-weight: bold;
        text-align:        center;
        background: #223845;
        color: #ccdede}

table.default td {
        border: solid 1px #A9A9A9;
        background: white}


.highlight_word_0{
        color: #ffff66;
        background: #223845}

.highlight_word_1{
        color: #ff9999;
        background: #223845}

.highlight_word_2 {
        color: #A0FFFF;
        background: #223845}

.highlight_word_3 {
        color: #ff66ff;
        background: #223845}

.highlight_word_4 {
        color: #99ff99;
        background: #223845}

.center {text-align: center}
.justify {text-align: justify}
.right {text-align: right}

/***** mypage *****/

.mypage_configure th {width: 180px}
#sideBarTab {background: url('../img/cord.png') no-repeat}
#sideBarContents {background: #fff}

/* css/admin.css overrides */

a.admbox {
        border: 1px solid #223845;
        background: #f0f0f0 center no-repeat}

a.admbox:hover,
a.admbox:focus,
a.admbox:active {
        background: #dcdcdc center no-repeat;
        border: 1px solid #696969}

a.admbox.off {border: 1px solid #a9a9a9}

a.admbox.off:hover,
a.admbox.off:focus,
a.admbox.off:active {border: 1px solid #a9a9a9}

/* MiniChat  */

div.box-minichat {width: 100%}
div.minichatchans {overflow: auto}
.minichat {overflow: auto}

div.minichatdiv {
        font-size: .9em;
        overflow: auto}

/* submit buttons input type="submit" in a container */
.input_submit_container {
        padding: 1px;
}

/* Custom - Tina */
.imgsright {
        width: 210px;
        height: 220px;
        float: right;
        text-align: center;
        padding:3px;
        border:1px solid #021a40;
        background-color:#ccdede;
   }


/* end of file */