/* Twist for TikiWiki CMS/Broupware 1.9 was created by Gary Griffin and
 * contributed for downloading at http://themes.tikiwiki.org.
 * The Twist theme has been updated For TikiWiki version 2.0 and
 * committed to the Tiki Mods Subversion repository by Gary Cunningham-Lee (chibaguy).  
 */

/*  XHMTL Elements */

html { font-size: 100%; /* IE hack */ }

body {
	margin: 0;
	margin-top: 5px;
	padding: 0;
	text-align: left;
	width: 100%;
	background: #0F1644 url(twist/background.gif);
	font: 76%/1.4em black Verdana, Geneva, Arial, Helvetica, sans-serif}

body.fullscreen {
	text-align: left;
	background: #fff}

a, a:visited  {
	text-decoration: none;
	
}

a:hover {
	text-decoration: underline}

div {}

h1, h2, h3, h4, h5 {}

h1 {
	margin-top: 30px;
	font-size: 1.8em;
	margin-bottom: 15px;
	color: #666699}

h2 {
	width: 98%;
	margin-top: 15px;
	font-weight: bold; 
	font-size: 1.6em;
	margin-bottom: 4px;
	padding-bottom: 3px;
	color: #333333;
	border-bottom: #999999 1px dotted}

h3 {
	margin-top: 12px;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 3px;
	color: #990000}

h4 {
	margin-top: 12px;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 3px;
	color: #808080}

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

p {
	margin-top: 9px;
	font-size: 1.1em;
	margin-bottom: 0;
	line-height: 18px}

img {
	border: 0}

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

form {
	padding: 0;
	margin: 0}

button {
	
}

button:hover {
	cursor: pointer}

input,
textarea,
option,
select {
	/*font: .9em Verdana, Arial, Helvetica, sans-serif;*/
	color: #000000;
	padding: 0;
	margin: 2px 0 0 0;
	line-height: normal}

input[type="checkbox"],
input[type=radio] {
	
}

input[type="text"],
input[type="password"] {

}
input[type=submit],
input[type=file],
input[type=reset],
select {
	
}
button,
input[type=submit],
.button input,
input[type=reset] {}

button:hover,
input[type=submit]:hover,
.button input:hover {cursor: pointer}

input[type=checkbox] {border: 0}
* html .findtable input {font-size: 1em}
form.admin input[name="features"] {margin-bottom: 3px !important}
select {}

select[multiple] {
	height: 10em}

select[name="theme"] {
	width: 125px}

small {
	
}

label {
	cursor: pointer}

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: #339999; 
	color: #fff;
	padding: 5px;
	font-weight: bold;
	border: 2px solid #000;
	width: 6em;
	z-index: 9}

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

/*** Type 2 (table-assisted) layout ***/

table#main {
	/*font-size: .9em;*/
	text-align: left}

tr#cols {}

td#leftmargin {
	width: 10%}

td#rightmargin {
	width: 10%}

td#header {
	background: url(twist/twist-banner3.jpg) no-repeat 100% 0;
	color: #ffffff;
	height: 118px;
	margin: 0;
	margin-left: 30px;
	padding: 0;}
	
td#header a,
td#header a:visited {color: #ffffff}
	
div#headerliner  {
	background: url(twist/header.jpg) no-repeat 0 0;
	margin: 0;
	margin-right: 22px;
	height: 118px  }

td#leftborder {
	
}

td#leftcolumn {
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 2px;
	vertical-align: top;
	width: 190px}
 
td#centercolumn {
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	vertical-align: top;
	width: auto}
	
td#rightcolumn {
	background: #EFEFEF;
	padding-top: 20px;
	border-right: 1px solid #002c5e;
	vertical-align: top;
	width: 150px}

td#rightborder {}

#footer {
	clear: both;
 	text-align: center;
 	font-size: .9em;
 	background: #EFEFEF;
	margin-top: 0;
	padding-bottom: 8px;
	padding-top: 7px}

#footer a:link,
#footer a:visited {}
#footer a:hover {}

div#footer .content {}
#power {font-size: .9em}
#credits {display: inline}
/*** end Type 2 layout ***/

/* Site Header & Identity */

#header-top {
	height: 91px;
	position: relative}

#siteheader {
	text-align: left;
	vertical-align: middle;
	margin-right: 22px;
	padding: 0;
	margin: 0;
	width: 100%}

div#sioptions {
	padding-left: 0;
	margin: 0}

#sioptionscentered {
	text-align: center;
	margin: 1em}

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

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

#sitelogo {
	margin: auto !important;
	padding: 1em}

div#sitead {
	margin: 5px;
	clear: none;
	padding: 1em}

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

.floatright img {
	margin-right: 40px}

#sitelocbar {float: left}
#siteloginbar {position: absolute; bottom:13px; right: 10px}

#siteloginbar a,
#siteloginbar a:visited {text-decoration: underline}

/* #header text selectors, if needed */
#sitetitle {
	font-size: 2.4em;
	color: #fff;
	padding-top: 45px;
	padding-left: 20px}

#sitesubtitle {
	font-size: 1em;
	margin-top: 5px;
	padding-left: 20px;
	color: #fff}

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

div#tiki-top {
	padding-right: 0;
	padding-left: 0;
	font-weight: bold;
	font-size: 11px;
	/*background: url(twist/header.jpg) no-repeat 0 100%;
	*/color: #ffffff;
	padding-top: 0;
	height: 26px}

#tiki-top a,
#tiki-top a:visited {
	color: black !important;
	text-decoration: none !important}

#tiki-top a:hover {}

#sitesearchbar {
	float: right;
	padding-right: 4px;
	max-width: 360px;
	text-align: right}

#sitesearchbar input.wikiaction {}

/* end header */

/* centercolumn */

a.flip,
a.flip:visited,
.tellafriend a,
.tellafriend a:visited {
	font-size: ;
	}

a.flip:hover,
.tellafriend a:hover {
	color: #505050;
	text-decoration: none}

a.flip img {
	display: none} 

.tellafriend {
	font-size: 80%;
	text-align: right}

.fullscreen .tellafriend {
	margin-right: 100px;
	margin-top: 2px}

.fullscreen #tiki-center {
	padding-left: 3em;
	padding-right: 3em}

#tiki-center {padding: 10px}

/* Border boxes (if any) */

/****** Menus ******/
/** PHP Layers Menus **/
/*
.mdkhorbar {
	border: #525252 1px outset;
	border-bottom: 0;
	color: black;
	background-color: #e6e7e6}*/

.horbar {

}

.horbaritem a {
	border-right: #cccccc 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	font-weight: normal;
	font-size: .9em;
	vertical-align: center;
	color: #ffffff;
	background: #efefef;
	text-decoration: none
}
.horbaritem a:visited {
	color: #ffffff
}
.horbaritem a:hover {
	color: #ffffff;
	background: #dddddd}

.horbar table {
	/*******************
	10-28-2008BG Bill Godfrey
	Original Value
	width: auto;
	changed to insure proper display of tabs
	*********************/
	width: 450px;
	text-align: left;
	color: black;
	margin-top: 10px;
	margin-left: 305px;
	background: #efefef;
	white-space: nowrap}

.mdkhorbaritem {
	font-size: 10px;
	float: left;
	white-space: nowrap}
.mdkhorbaritem a {
	display: block;
	color: #800000;
	text-decoration: none}

.mdkhorbaritem a:link {
	color: #800000
}

.mdkhorbaritem a:visited {
	color: #800000
}

.mdkhorbaritem a:hover {
	color: #800000;
	background: #21449c
}

.mdkhorbaritem a:active {
	color: #ff0000
}

.mdkverbar {
	margin: 0px
}

.mdksubmenu {
	left: 0;
	visibility: hidden;
	position: absolute;
	top: 0}

.mdksubframe {
	border: #fdfefd 2px outset;
	display: block;
	position: relative;
	background: #efefef}

.mdkitem {
	font-size: .9em;
	color: #800000;
	white-space: nowrap;
	position: relative;
	text-align: left
}

.mdkitem a {
	display: block;
	position: relative;
	text-decoration: none;
	font-weight: bold}

.mdkitem a:link,
.mdkitem a:visited {
	color: #000000
}

.mdkitem a:hover {
	color: #000;
	background: #fefefe}
.mdkitem a:active {
	color: #990000
}
.mdkitem .mdkfwdarr {
	right: 12px;
	position: absolute;
	top: 5px
}

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

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

a.phplm:visited {
	color: #726461}

a.phplm:hover {
	color: #808080}

a.phplm:active {
	color: #ff0000}

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}


.imgs	{border: 0;	width: 16px; height: 18px}

/** Links in other menus **/
div.separator {
	padding-left: 20px;
	width: 90%;
	color: #003163;
	text-indent: -20px
}

.separator,
.separator a:visited {
	font-size: 9px;
	color: #666666;
	text-decoration: none
}
.separator:active {
	font-size: 9px;
	color: #808080;
	font-family: "Lucida Grande", Verdana, Geneva, Arial,  sans-serif;
	text-decoration: none
}
.separator:hover {
	font-size: 9px;
	color: black;
	font-family: "Lucida Grande", Verdana, Geneva, Arial,  sans-serif;
	text-decoration: none
}

div.separatorline {
	padding-left: 20px;
	font-size: 9px;
	width: 90%;
	color: #003163;
	text-indent: -20px}
div.option a.linkmenu:hover {}
a.separator img {}
.option {}
div.optionline,
.option a {}

div.optionline {
	border-right: #efefef 1px dotted;
	padding-right: 1px;
	border-top: #efefef 1px solid;
	margin-top: 10px;
	padding-bottom: 1px;
	margin-left: 3px;
	border-left: #ffffff 1px dotted;
	color: #003163;
	border-bottom: #ffffff 1px solid
}

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

.linkmenu {
	font-size: 9px;
	color: #666699;
	line-height: 13px;
	padding-top: 0px;
	font-family: "Lucida Grande", Verdana, Geneva, Arial,  sans-serif; text-decoration: none
}

.linkmenu:active {
	color: #666699
}

.linkmenu:hover {
	width: 100%;
	color: black;
	background-color: #efefef
}

/* Or these .linkmenu, below. Find out which */
.linkmenu {
	font-size: 9px;
	color: #990066;
	font-family: "Lucida Grande", Verdana, Geneva, Arial,  sans-serif;
	text-decoration: none
}
.linkmenu:active {
	color: #990066
}
.linkmenu:hover {
	width: 100%;
	color: black;
	background-color: #efefef
}

div.option {
	padding-right: 1px;
	margin-top: 3px;
	padding-left: 1px;
	padding-bottom: 1px;
	margin-left: 19px;
	width: 100%;
	color: #003163;
	padding-top: 1px
}

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

.linkmodule,
.linkmodule:visited {
	color: #990066;
	font-family: "Lucida Grande", Verdana, Geneva, Arial,  sans-serif;
	text-decoration: none
}

a.linkmodule:hover {}
.rsslist {
	border-right: #dadac9 1px solid;
	padding-right: 1px;
	border-top: #dadac9 1px solid;
	padding-left: 1px;
	padding-bottom: 1px;
	margin: 0 10px 0 0;
	border-left: #dadac9 1px solid;
	padding-top: 1px;
	border-bottom: #dadac9 1px solid;
	background-color: #efefef
 
}
.rssitem {
	border-top: #dadac9 1px dashed;
	padding: 1px 6px}
.rssitem:unknown {
	border-top: 0px
}
.rssdate {
	color: #999999; FONT-STYLE: italic
}

.rsslink {
	font-size: 11px;
	background: #efefef;
	color: #00639c;
	text-decoration: none
}
.rsslink:active {
	font-size: 11px;
	background: #efefef; color: #00639c; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none
}
.rsslink:hover {
	font-size: 11px; background: #efefef; color: red; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: underline
}

/* From Tikineat -- check */
div.menuSection div.menuSection,
div.menuSection div.separator {}
/* End from Tikineat */

/****** Misc. Global Classes (layout and style) ****/
.hidden {position: absolute; left: -10000px; top: 0px; 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;	margin-top: 10px}
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}
/* IE */ * html .clearfix {height: 1%}
#overdiv table {width: auto !important}
.attention {color: red}
.highlight, #highlight  {}

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

/* Banners, text type */
.bannertext {	font-size: .95em;	text-decoration: none}
.bannertext:hover {}

/* div.imagerank {} not found in 1.10 templates */

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

div.searchdate {}

div#debugconsole {}

/* Pagination for listings */
.mini {
	width: 100%;
	text-align: center;
	font-size: .9em}

.prevnext, .galprevnext, .blogprevnext, .fgalprevnext,
.artprevnext, .forumprevnext {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}

/** Admin pages **/
/* overrides inline css */
div.adminanchors {}


div.findtable {margin-bottom: 10px}
label.findtitle {} /* "Find" */
input#findwhat {} /* text input */
div.findtitle {} /* This and next are one div with two classes contain the input submit which has no . or # . */
div.findsubmit {display: inline}
* html .findtable input {
	font-size: 1em}

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

div.box {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	width: 150px}

h3.box-title {
	border-top: #999999 1px solid;
	margin-top: 0;
	font-weight: bold;
	color: #666;
	text-align: center;
	font-size: .9em;
	position: relative}

.box-title a,
.box-title a:link {}

.box-title a:hover {}
.box a.flipmodtitle img {display: none}

* html .box a.flipmodtitle img,
.box:hover a.flipmodtitle img {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid transparent}

* html .box a.flipmodtitle img {border: none}
a.flipmodtitle:hover img {border: 1px solid #58A7D2 !important}

.box-data {
	font-size: .9em;
	color: #00639c;
	overflow: hidden}

.box-data table {width: 100%}

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

.box-data ul {list-style: url(twist/bullet.gif)}
.box-data ol li {}

.box-data ul,
ul.module,
ol.module {
	margin-left: 0}
	
* html .box-data ul {margin-left: 0  }
*:first-child+html .box-data ul {margin-left: 2em}
*:first-child+html .box-data ol {margin-left: 2.5em; padding-right: 0; margin-right: -2em}
.box-footer {}

/** controls for modules **/
.modcontrols { 
	display: block;
	float: right;
	width: 64px;
	height: 16px}

.modcontrols a {
	display: block;
	float: left;
	width: 16px;
	height: 16px}
.modcontrols a span {
	display: none}

/** Other boxes **/
div.cbox {
	border: 1px solid black;
	background: #efefef;
	padding-bottom: 10px;
	margin: 4px 8px 0 4px;
	overflow: hidden;
	width: 100%;
	font-size: 1em}
	
*:first-child+html .cbox {width: 95%}

.cbox-title {
	padding-right: 0;
	padding-left: 0;
	font-weight: bold;
	margin-bottom: 0;
	overflow: hidden;
	border-bottom: #efefef 1px solid}

.cboxtlink,
.cboxtlink:active {
	color: #00639c;
	text-decoration: none
}

.cboxtlink:hover {
	color: red;
	text-decoration: underline}

.cbox-data {
	background: #efefef;
	margin-left: 5px;
	overflow: hidden;
	color: #00639c;
	margin-right: 5px}

.rbox {
	background: transparent;
	margin: 6px auto;
	padding: 5px}

.rbox-data {padding: 2px}

.rbox-title,
.warning .rbox-title {
	border: 0;
	font-size: 1em;
	padding: 0 10px;   
	position: relative;
	display: inline;
	margin: 0;
	font-weight: bold}

.advanced,
.rbox-data,
.warning .rbox-data {
	background-color: #eeee99;
	border: 1px solid #DDDDCC}
	
.advanced:before { content:url(../img/icons/mini_blue_diamond.gif)" "}

.note .rbox-title {
	background-color: #CCCCDD}

.note .rbox-data {
	background-color: #ECECEF;
	border: 1px solid #CCCCDD}

.comment .rbox-title,
.tip .rbox-title {
	background-color: #ECECEF;
	border: 1px solid #CCCCDD}
 
.comment .rbox-data,
.tip .rbox-data {
	background-color: #ECEFEC;
	border: 1px solid #CCDDCC}


div.simplebox {
	border-right: black 1px solid; padding-right: 2px; border-top: black 1px solid; padding-left: 2px; font-size: 11px; background: #efefef; padding-bottom: 2px; margin: 5px 1px; border-left: black 1px solid; color: black; padding-top: 2px; border-bottom: black 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif
}

a.admbox {
	background: #4281B7;
	background-repeat: no-repeat;
	background-position: center}

a.admbox:hover, a.admbox:focus, a.admbox:active  {
	background: #6CACE2;
	background-repeat: no-repeat;
	background-position: center;
	/*border: 1px solid #6CACE2;*/
}

a.admbox span {color: white}


/***** Tables, Tabs and Lists ****/
/** Tables **/
table {
	font-size: 1em}

table.normal,
.bloglist {
	border: 0;
	background: white;
	width: 95%}

table.normal, 
table.admin,
table.bloglist {
	border: #aaaaaa 1px solid;
	background: white;
	width: 95%}

.normal,
.bloglist,
.bloglist td {}

td {
	font-size: 1em;
	vertical-align: top}

th {}

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

tr.odd {
	color: black;
	background: #efefef;
	text-align: left}

tr.odd:hover {
	background: #fff7e6
}
tr.odddark {
	padding: 2;
	border: 1px solid #FFFFFF}

tr.even {
	color: black;
	background: #ffffff;
	text-align: left}

tr.even:hover {background: #fff7e6}

td.odd {
	vertical-align: middle;
	color: black;
	background: #EFEFEF;
	text-align: left}

td.even {
	vertical-align: middle;
	color: black;
	background: #ffffff;
	text-align: left
}



table.normal td.heading,
td.bloglistheading {
	font-size: 1em;
	/*width: 15px;*/
}

td.form {
	padding: 0.2em}

.form td {
	font-size: 9px;
	vertical-align: top;
	color: black;
	text-align: left
}
.formcolor td {
	font-size: 9px;
	vertical-align: top;
	color: black;
	background: #FFFFFF;
	text-align: left
}

.tableheading {
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
	text-decoration: underline;
	vertical-align: bottom}

.tableheading:hover {
	color: #ffffff;
	text-decoration: underline}

td.heading,
th,
div.heading,
table.normal td.heading,
td.bloglistheading {
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 1em;
	background: #609ec7;
	color: #ffffff}

.heading a,
a.tablename,
a.galname,
a.imagename,
a.blogname,
a.fgalname,
a.artname,
a.forumname {
	font-weight: normal;
	font-size: 1em;
	padding-bottom: 9px;
	/*color: #fff;*/
	line-height: 150%;
	text-decoration: none
}

a.sortheader,
a.sortheader:visited {
	color: white;
	text-decoration: underline;
	font-weight: bold}

table.findtable {
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 98%
}
.findtable td {
	font-size: 1em}

/** Tabs **/
.tabs { border-bottom: solid 1px #225566 !important; margin-top: 10px !important; padding: 0 !important}
.tabactive { border: solid; 1px #225566 !important;
	border-bottom: none !important; border-top-width: 2px !important; position: relative; top: -2px}
[class].tabactive { top: -1px}
.tabactive a { background: #eee}
.tabinactive { border: solid 1px #666 !important; border-bottom: none !important; position: relative !important; top: -3px !important}
[class].tabinactive { top: -2px !important}

.tabmark {
	display: inline;
	font-size: 85%;
	background: #abcdef;
	border: 1px solid #abcdef;
	margin: 0;
	margin-right: 5px;
	padding: 1px 0}

.tabmark a { 
	border-bottom :0;
	color: #000;
	padding: 1px 5px;
	text-decoration: none}

.tabmark a:active {
	background: #fff;
	color: red}

.tabmark a:hover {
	color: black;
	background: #f0f9ff}

.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%}

/* ?? Check on z-index */
.tabcontent {
	z-index: 200;
	position: relative;
	border: 1px solid #abcdef;
	padding: 6px 2px 2px 2px;
	margin-bottom: 25px;
	background: #f0f9ff}


.tabcontent table td {
	padding: 5px}

form fieldset.tabcontent {
	border: 1px solid #225566;
	border-top: none !important}

form.admin .tabs {
	border-bottom: solid 1px #225566 !important;
	margin: 10px 1px 0 0 !important;
	padding: 0 !important}

/* Get the contextual info to make this specific.*/
div.content {}
div.content .tabs {}

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


.tab-menu {
	clear: both}

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

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

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

/** Tabs **/
.tabmark {
	display: inline;
	font-size: 85%;
	background: #abcdef;
	border: 1px solid #abcdef;
	margin: 0;
	margin-right: 5px;
	padding: 1px 0 1px 0}

.tabmark a { 
	border-bottom :0;
	color: #000;
	padding: 1px 5px 1px 5px;
	text-decoration: none}

.tabmark a:active {
	background: #fff;
	color: red}

.tabmark a:hover {
	color: black;
	background: #f0f9ff}

/* ?? Check on z-index */
.tabcontent {
	z-index: 200;
	position: relative;
	border: 1px solid #abcdef;
	padding: 6px 2px 2px 2px;
	margin-bottom: 25px;
	background: #f0f9ff}

/** Tables **/
table {
	font-size: 1em}

.normal,
.bloglist,
.bloglist td {
	border: solid 1px #909090;
	border-collapse: collapse}
td.normal,
td.bloglist,
.wikitable td,
td.odd,
td.even {
	margin: 0;
	padding: 0.2em;
	vertical-align: top}

td.odd {

}

td.even {

}

table.normal td.heading,
td.bloglistheading {
	font-size: 1em;
	/*width: 15px;*/
}

td.heading,
td.bloglistheading {
	text-align: center}
	
.heading a.link,
.heading a.link:visited {
	color: #fff;
	text-decoration: underline;}

td.form {
	padding: 0.2em}

.categpath {

}

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

/* trackers specific style */

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

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

/********* WIKI ************/

h1 a.pagetitle,
h1 a.pagetitle:visited  {
	margin-top: 30px;
	font-size: 1em;
	margin-bottom: 15px;
	color: #990066;
	text-decoration:none
}

a.pagetitle,
a.forumspagetitle {
	text-decoration: none;
	color: #990066}

a.pagetitle:hover,
a.forumspagetitle:hover {
	text-decoration: underline;
	color: #990066}
	
div.wikitopline {
	background: #ffffff;
	text-align: right}

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

#pageid {
	float: left;
	clear: both}

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

.wikitext {
	padding-right: 0; padding-left: 0;
	font-size: 11px; background: #ffffff;
	padding-bottom: 0; margin: 0;
	/*width: 100%; */color: #333333;
	line-height: 15px; padding-top: 0;
	font-family: "Lucida Grande", Verdana, Geneva, Arial,  sans-serif

}

.wikitext h1, 
.wikitext h2, 
.wikitext h3, 
.wikitext h4 {
	margin: 0 0 15px;
	padding: 0}

.wikitext h2 {
	/*font-size: 1.2em;*/
	margin-bottom: 10px}

.wikitext ul li {

} 

.wikitext ul li ul li {

}

.wikitext ol {

}

.titlebar {
	border: blue 1px solid;
	padding: 1px;
	font-weight: bold;
	background: #efefef;
	margin: 1px;
	width: 99%;
	color: #00639c}

table.wikitable {
	border: 1px solid #A9A9A9;
	border-collapse: collapse}
 
td.wikicell {
	padding: 3px;
	border: 1px solid #999999;
	border-collapse: collapse}

.editdate {
	padding-bottom: 5px}

div#page-bar {
	display: block;
	margin-top: 0}

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}

span.button2, 
div.button2, .button3 {
	margin-right: 5px}
 
.linkbut {
	/*font-size:90%;*/
}

.wiki-edithelp {
  display: none}
 
/* Wiki plugin styles * */
/* code plugin  */
div.code {
	font-size: 90%;
	padding: 3px;
	border: 1px dashed #CCCCCC;
	background: #F5F5F5;
	font-family: "Courier New", Courier, monospace}

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

.codecaption {
	font-size: 90%;
	padding: 0 10px;
	position: relative;
	bottom: -5px;
	display: inline;
	border: 1px solid #ADACAF;
	border-bottom: 0;
	margin: 0;
	color: #666666;
	background: #F5F5F5;
	font-weight: bold}

/**** quote plugin *****/
div.quoteheader {
	margin-left: 20px}

div.quotebody {
	font-style: italic}

table.wikiplugin-split {
	border: none}

/* WIKI TOCS */
div.tocnav {
	background: #EBEBEB;
	padding: 3px;
	margin-bottom: 4px;
	clear: both}
 
#tocnavicons {
	float: left}

#tocnavaddpage{
	float: right}

#tocnavlinks {
	clear: both}

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

ul.toc * {
	border: none}


/* Articles */

div.article {
	margin-bottom: 40px}

div.articletopline {
	font-size: 90%;
	font-style: italic}

div.articletitle {
	margin-top: 6px;
	margin-bottom:	15px;
	text-align:	left}
 
span.titlea {
	font-size: 1.5em;
	font-weight: normal;
	color: #990066}

span.titleb {font-size: 1.0em} 
div.articlesubtitle {font-size: 0.9em}
div.articleheading {margin-top: 6px}
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 {text-align: right}
div.articletrailer .wikitopline {float: right} 
div.articlebody {margin-top: 1em}
 
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}

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

.blogpost {}
 
.postinfo a {
	color: #9CF;
	text-decoration: none;
	border-bottom: 1px dotted #9CF}


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

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

div.postinfo a.linkmodule {

}

.postinfo div {
	margin-top: 30%}

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

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

span.posthead {
	display: block;
	font-weight: bold;
	letter-spacing: .4pt}
 
div.posthead h3 {
	font-size:1.2em}
 
div.postbody {
	margin-right: 8px;
	line-height: 1.2em;
	margin-bottom: 1em}

div.postfooter {
	clear: both;
	float: right;
	margin-bottom: 2em}

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


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

table.commentinfo {}

/* Forums new */
.post {clear: both}

.post .postbody {
	clear: both;
	width: 100%;
	border: solid 1px #E7EAED;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	background: #F9FCFF}

.post .postbody-title {
	display: block;
	background: #eeeeee; 
	border-bottom: none;
	margin-bottom: 0;
	padding-top: 2px}
	
.post .postbody-title .checkbox {float: left}

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

.title a.link {color: #000}

.post .postbody .content {
	color: #000000;
	height: 100%;
	width: 100%;
	padding: 0;
	text-align: left;
	width: 100%}
	
.post .author {	
	float: left;
	text-align: left;
	vertical-align: top;
	width: 30%;
	margin-left: 0;
	margin-top: 0}

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

.post .author_info .icons {display: block}
.post .author_info .icons .actions {margin-right: 10px}

.post .author_post_info_on {font-style: italic}

.post .author_info {
	float: right;
	background: #F0F8FF;
	padding: 0 2px 2px 2px;
	margin-right: 5px;
	border-right: 1px solid #D7E5F3;
	border-bottom: 1px solid #D7E5F3}

.commentStyle_headers .author_info {float: left}

.post .postbody-title .actions {
	float: right;
	font-size: .9em}
	
.postbody-content {padding: 3px}

.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: .9em}

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

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

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

.post .avatar {
	/*float: right;*/
	margin-bottom: 5px;
	margin-left: 4px;
	padding: 3px;
	border: 1px solid #ACCCDD;
	background: #E0EAF4;
	display: none}

.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: 1px solid #A9B8C2;
	background: #eeeeee;
	padding: 3px;
	vertical-align: middle;
	color: #000}

.forum_actions .actions .action {margin-right: 10px}

.forum_actions .headers {vertical-align: bottom}

.forum_actions .headers .title {
	float: left;
	background: #C7D0D9;
	border: 1px solid #999999;
	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}

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

/* Help box*/
div.commentsedithelp {}

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

table.tcategpath {
	margin-bottom: 40px;
	border: 1px solid #8CACBB;
	width: 100%;
	border-collapse: collapse}

td.tdcategpath {
	font-weight: bold;
	padding: 0 3px;
	margin: 0px;
	border-spacing: 0px}

.categpath {}

table.subcats {
	padding: 20px 0;
	width: 100%;
	border-spacing: 0px;
	margin-bottom: 10px;
	border: 1px solid #67ade7;
	border-collapse: collapse}

td.tdsubcat {width: 25%}
.categlink {}
table.catobjects {}

td.categobjectsnameeven,
td.categobjectsnameodd {}

td.categobjectsdataeven,
td.categobjectsdataodd {}

.catname {}
.catblock {}
.catlists {}
.catlists:hover {}
.cattitle {font-weight: bold}
.catlists a.link {}
.catlists a.link:hover {}

ul.catfeatures {list-style: none}
ul.catfeatures li {}
ul.catitems {}

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

ul.catitems li a.link {}

/***** Tags (freetags) *****/
li.freetag {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
ul.freetag {
	margin: 0;
	padding: 0;
	display: inline;
}

.freetag a {display:inline}

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 dimgray;
	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.thumbnails {}
div#browse_image {width: 100%}
div#browse_image p {clear: right !important}

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 {}
.fgalexplorer {border: 1px solid dimgray}

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

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

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

.Calfgal,
.Calfgal a,
.Calfgal a:visited {}

.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: .9em}

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

.calcontent a.linkmenu,
.calcontent a.linkmenu:hover {
	background: none;
	padding: 0}

.calfocus {font-size: 90%}
.calfocuson {font-size: 90%}

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

.caltoggle {font-size: 90%}

.opaque .box-title {border-bottom: 1px solid black}

.searchresults {display: inline}

.calnavigation a:hover {background: red}
#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, #calscreen table.normal { font-size: 1em }
#caltable .calfocus a,
#caltable .calfocuson a {text-decoration:none}

.day, .day:visited {}
.today {}
.nav {}
.changedate {}
.date {}

.calinput {background: #002C5E}
.calfocuson + .calcontent { background: #F5F5F5}
#caltable .days,
#caltable .weeks {
	background: #609ec7;
	color: #D8D8D8;
	font-size: 1em}

#caltable td {padding: 0}

.addevent {padding: 0 5px; float: right}
* html .addevent {padding: 0}
.calodd, .caleven { border: 1px solid #999999}
.calodd {background: #efefef}
* html .calodd {padding: 0}
.caleven {background: white}
* html .caleven {padding: 0}
.caldark {background: #002C5E}
* html .caldark {padding: 0}
.caldark .calfocus {background: #002C5E}
.daterow {}
.daterow:hover {}
.calnavigation a:hover {background: #85c4ed}

/*****  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.shoutboxmsg:last-child {}

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

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

span.userlink a {
	color: #990066;
	font-family: "Lucida Grande", Verdana, Geneva, Arial,  sans-serif;
	text-decoration: none
}
.wiki-table {}
.wiki-tr-a td {border: 0}
.wiki-tr-b td {border: 0}

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

div.dircategs {
	border: 1px solid #8CACBB;
	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 #8CACBB;
	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: #CCCCCC;
	padding-left: 5px}

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

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

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

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

div#ajaxLoading {	display: none;
	position: absolute;
	top: 50px;
	right: 50%;
	color: #fff;
	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}

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

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

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

/***** 'Advanced feature' *****/

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

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

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

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

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

.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 #AAAAAA;
	background-color: #6C6C6C}

a.admbox:hover,
a.admbox:focus,
a.admbox:active  {
	background-color: #B2B2B2;
	border: 1px solid #292929}

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

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

/* MiniChat  */

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

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

/* end of css file */