/* 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: #2e3035; 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: 1em .5em}

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: #000}

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,
button,
input[type=reset],
input[type=submit],
span.button input,
.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,
button:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.button input:hover,
.calbuttonBox:hover {
	background-color: #1e7ea6;
	color: #fff;
	text-decoration: none}

.button a:active,	
button:active,
input[type=reset]:active,
input[type=submit]:active,
.button input: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: #cce5ff;
	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: 1em}

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

#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: #999;
	background: #2e3035}

#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: #999;
}

.fcol1,
.fcol2,
.fcol3 {  
	width: 315px;
	float: left;
	font-size: 1em;
	color: #999;
	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;
}

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

#customcode, #customcodewith_ad {
	background: #214d68 url(strasa/headerbg.jpg) repeat-x 0 100%;
}

#topbar_custom_code {
	margin: 0 58px;
}
	
div#sioptions {
	background: #214d68 url(strasa/headerbg.jpg) repeat-x 0 100%;
	padding: 0 58px;
}

#sioptionscentered {
	text-align: center;
	background: #214d68 url(strasa/headerbg.jpg) repeat-x 0 100%;
}

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

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

div#sitelogo {
	margin: auto;
	padding-top: 8px;
	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 {text-align: right}

#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: #cce5ff; 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: #cce5ff;
	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 #cce5ff;
	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: #cce5ff }

.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: #cce5ff;
	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: #cce5ff;
	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: #cce5ff;
	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 #cce5ff;
	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: #cce5ff;
	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 : #cce5ff !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: #cce5ff !important;
	color : #000 !important;
}

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

.tabinactive a,
.tabinactive a:visited {
	color: #fff}

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





.tabcontent {
	z-index: 200;
	position: relative;
	padding: 32px 6px;
	margin: 5px;
	margin-top: 0;
	background: #cce5ff;
	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 #cce5ff;
	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: #cce5ff;
	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: #cce5ff}
.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: #cce5ff}
#caltable .weeks {
	background: #1b3a50;
	color: #cce5ff}

.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: #cce5ff}
* html .caldark {padding: 0}
.caldark .calfocus {background: #cce5ff}
.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: #cce5ff}

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

/* end of file */
