/* $Id$
 * Adaptation for TikiWiki CMS/Groupware of the GPL-licensed LiteJazz theme
 * for Drupal by Roopletheme (http://roopletheme.com). Styling is provided
 * for the topbar and bottombar custom code page sections, and there are
 * three color variations, with the red and green versions importing
 * litejazz.css as a CSS base. For more information, visit
 * http://themes.tikiwiki.org or http://zukakakina.com.
 */

/*  HMTL Elements */
body {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	font: 76%/130% Verdana,Helvetica,Arial,sans-serif;
	color: #292929;
	background: #adadad url(litejazz/bg.png) 0 0 repeat-x}

body.fullscreen {
	text-align: left;
	background: #adadad url(litejazz/bg.png) 0 0 repeat-x}

body.fullscreen #tiki-center {
	background: #fff;
	padding: 3em;
	margin-right: 4em;
	margin-left: 4em}

a,
a:visited {
	color: #104A91;
	text-decoration: none;
	font-weight: bold}

a:hover {text-decoration: underline}

h2, h3, h4, h5 {
	padding-bottom: 5px;
	margin: 10px 0}

h1 {font-size: 160%;line-height: normal}
h2 {font-size: 145%}
h3 {font-size: 135%}
h4 {font-size:  110%}
h5 {font-size:  100%}

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

img {border: 0}

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

form {
	margin: 0;
	padding: 0}
	
legend {color: #A9A9A9}
button {}
button:hover {cursor: pointer}

input,
textarea,
option,
select {}

textarea,
body.wikitext {
	color: #292929;
	background: #fff}

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

input.wikiaction {cursor: pointer}
input[id=fuser] {line-height: normal}

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

input[type=submit],
input[type=file],
input[type=reset],
select {cursor: pointer}

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: 165px}
small {font-size: .9em}
label {cursor: pointer}

pre {padding: 0.75em 1.5em}

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

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

body.fullscreen a#tiki-clean {
	text-align: left;
	padding: 1em}
	
#tiki-clean {
	text-align: left;
	padding: 1em}

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

table#main {
	margin-top: 20px;
	margin-bottom: 40px;
	min-width: 760px;
	font-size: 1em}

tr#cols {}
td#leftmargin {width: 10%}
td#rightmargin {width: 10%}

td#header {
	background: #170808 url(litejazz/header.jpg) 100% 0 no-repeat;
	vertical-align: bottom}

td#leftborder {}
tr#midrow {
	background: #ffffff url(litejazz/blue/body-bg.png) 0 0 repeat-x}

td#leftcolumn {
	width: 180px;
	padding-left: 20px;
	padding-top: 10px}
 
td#centercolumn {
	padding: 1em;
	padding-right: 3em}

td#rightcolumn {
	width: 180px;
	padding-top: 10px;
	padding-left: 10px}

td#rightborder {}

#footer {
	text-align: center;
	font-size: .9em;
	color: #FFFFFF}

div#footer .content {}

#footer a:link,
#footer a:visited {color: #adadad}

#footer a:hover {}

#botbar_bottom {
	background: #170808 url(litejazz/footer.jpg) 100% 100% no-repeat;
	min-height: 15px}

#botbar_bottom > .wrapper {
	background: url(litejazz/footer.jpg) 0 100% no-repeat;
	margin-right: 15px}
	
#rss {padding: 1em 1em 0}

#power {
	font-size: .9em;
	padding: 0 1em 1em}
	
#power a,
#power a:visited {color: #fff}

#credits {display: inline}

/*** end Type 2 layout ***/

/*** Error page ***/
/* Not needed on non-error pages, right? */

div#tiki-main {text-align: left}
div#tiki-mid {
	background: #ffffff url(litejazz/blue/body-bg.png) 0 0 repeat-x;
	text-align: center}

div#tiki-main #tiki-top {}

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

/* Check if needed */
div#tiki-main .cbox {text-align: left}
/*div#tiki-mid table#tikimidtbl #footer {
	text-align: center;
	font-size: .9em;
	background-color: #170808; 
	color:#FFFFFF}*/

div#tiki-bot {
	text-align: center;
	font-size: .9em;
	background-color: #170808; 
	color:#FFFFFF}

/* Site Header & Identity */

#header-top {
	background: url(litejazz/header.jpg) no-repeat;
	margin-right: 15px;
	position: relative;
	min-height: 78px}

#siteheader {
	background: transparent;
	vertical-align: middle;
	padding: .6em;
	padding-bottom: 0;
	margin: 0}

div#sioptions {
	width: 100%;
	margin: 0}

#sioptionscentered {text-align: center}

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

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

div#sitelogo {
	width: 33%;
	margin: auto}

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

#siteloginbar {
	position: absolute;
	bottom: 3px;
	right: 10px;
	color: #fff}

/* #header text selectors, if needed */

#sitetitle,
#sitesubtitle {
	color: #fff;
	line-height: normal;
	display: block;
}

#sitetitle {
	font-size: 2.4em;
	margin-left: 20px;
	margin-top: 10px}

#sitesubtitle {
	font-size: 1.3em;
	margin-left: 20px;
	margin-bottom: 10px}

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

#tiki-top {
	font-size: 90%;
	background: #292929 url(litejazz/menu-bg.png) repeat-x;
	height: 30px !important}

#tiki-top a,
#tiki-top a:visited {color: white}
#tiki-top a:hover {color: white}

#sitesearchbar {
	float: right;
	padding-right: 4px;
	white-space: nowrap;
	margin-top: 4px;
	color: #fff}

/* end header */

/* centercolumn */

a.flip,
a.flip:visited,
div.tellafriend a,
div.tellafriend a:visited {
	font-size: 80%;
	color: #ADBAC3}

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

a.flip img {
	display: none}

/* Check ?? */
li.tellafriend {
	background: red;
	width: 120px !important;
	float: right}

.tellafriend a,
.tellafriend a:visited {
	text-decoration: none;
	font-size: 1.05em;
	color: white;
	margin: 0;
	display: block;
	line-height: 30px;
	padding-left: 1em;
	padding-right: 1em} 

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

.fullscreen .tellafriend {
	margin-right: 40px;
	margin-top: 1em}

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

/* Border boxes (if any) */

/* Menus: PHP Layers, CSS 'suckerfish', normal menu links */
/* PHP Layers (from Kubrick, may need changes */

.horbar {
	bottom: 0;
	width: 100%;
	line-height: 30px;
	text-align: left} 

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

.horbaritem a,
.horbaritem a:visited {
	text-decoration: none;
	font-size: 1.2em;
	color: white;
	background: url(litejazz/menu-div.png) 100% 0 no-repeat;
	border-right: 1px solid transparent;
	margin: 0;
	display: block;
	line-height: 30px;
	padding-left: 1em;
	padding-right: 1em}

* html .horbaritem a,
* html .horbaritem a:visited {
	padding-top: 7px;
	padding-bottom: 7px}

.horbaritem a:hover {
	color: white;
	background: #818181 url(litejazz/menubg-over.png) repeat-x;
	text-decoration: none;
	border-right: #999 solid 1px} 

.mdkverbar {} 

.mdksubmenu {
	z-index: 999;
	position: absolute;
	left: 0;
	top: 0;
	background: #FFFFFF;
	visibility: hidden}

.mdksubmenu table {width: auto} 

.mdksubframe {
	z-index: 1000;
	position: relative;
	display: block;
	background: #999;} 

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

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

.mdkitem a {
	padding: 2px 10px;
	position: relative;
	display: block;
	color: #fff;
	background: #818181;
	border-bottom: 1px #aaa solid;
	border-left: 1px #999 solid;
	font-weight: normal;} 

.mdkitem a:link,
.mdkitem a:visited {
	font-weight: normal;
	text-decoration: none} 

.mdkitem a:hover {
	background: #104a91;
 	color: #fff;
	text-decoration: none} 

.mdkitem a:active {} 
 
.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}

/** Links in other menus **/
div.separator {}

.separator a:link,
.separator a:visited,
.separator a:hover {}

div.option a.linkmenu:hover {}
a.separator img {}
.option {}

div.optionline,
.option a {}

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

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

a.linkmodule {}
a.linkmodule:hover {}

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

* html .clearfix {height: 1%}

#overdiv table {width: auto !important}
.attention {color: red}
.highlight, #highlight {}

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

/* Check on the next 4 groups ?? */
div.imagerank {}

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

div.searchdate {}
div#debugconsole {}

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

/* LiteJazz top section */
#topbar_custom_code {
	background: #104A91 url(litejazz/topbar_custcode-blue.png) 0 0 repeat-x !important;
	color: #F0F0F0}

div#botbar_custom_code {
	background: #170808 url(litejazz/botbar_custcode.png) repeat-x;
	font-size: 1.2em}
	
* html div#botbar_custom_code {height: 50px}

#botbar_custom_code .codewrapper {
	min-height: 50px}

#topbar_custom_code .block,
#botbar_custom_code .block {
	float: left;
	clear: none;
	display: block}

#topbar_custom_code .block .wrapper,
#botbar_custom_code .block .wrapper {
	padding: 20px 10px 15px 20px}

#topbar_custom_code h2,
#botbar_custom_code h2 {
	color: #fff;
	font-size: 1.3em}

#topbar_custom_code a,
#topbar_custom_code a:link,
#topbar_custom_code a:visited,
#botbar_custom_code a,
#botbar_custom_code a:link,
#botbar_custom_code a:visited {color: #FFCD06}

#topbar_custom_code #block_left {}
#topbar_custom_code #block_center {}
#topbar_custom_code #block_right {}
#botbar_custom_code #block_left {}
#botbar_custom_code #block_center {}
#botbar_custom_code #block_right {}

/** Find form **/

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 {
	width: 170px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px}

h3.box-title {
	color: #104A91;
	position: relative}

.box-title a,
.box-title a:link {
	color: #104A91}

.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;
	height: 13px;
	width: 13px;
	border: 1px solid transparent;
	background: #fff}

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

.box-data {
	overflow: hidden;
	margin-right: .5em}

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

.box-footer {}

/** Other boxes **/
div.cbox {}
.cbox-title {}
.cbox-data {}
.rbox {margin-bottom: 10px}

.rbox-title,
.rbox-data {
	padding: 1px 3px;
	background: url(litejazz/blue/body-bg.png) repeat-x}
	
.rbox-title {display: inline-block}
.rbox-data {display: block}

.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 {
	margin-bottom: 8px;
	padding: 3px;
	border: 1px solid #A9A9A9;
	background: url(litejazz/blue/body-bg.png) repeat-x}

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

table {font-size: 1em;
	border-collapse: collapse;}

table.normal, 
table.admin,
table.smallnormal
table.admin tr td div#page-bar {
	border: 1px solid #909090;
	border-collapse: collapse;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	text-align: left}

/* Check ?? */
td#centercolumn table {width: 90%}

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

.formcolor td,
.galform td,
.editblogform td,
.editfgalform td,
.comform td,
.forumform td {}

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

.button {}

.findtable {
	font-size: 90%}

.findtable input,
.findtable select {
	font-size: inherit}


tr.odd {}
tr.odd:hover {}
tr.even {}
tr.even:hover {}

td.odd {
	background: #F5F5F5;
	border-right: 1px solid #DDDDDD}

td.even {
	background: #ECECEC;
	border-right: 1px solid #DDDDDD}

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

td.third {}

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

div.heading, td.heading {}
div.heading {}

th, div.heading,
td.heading  {
	background: #DCDCDC;
	border: solid 1px #909090;
	border-collapse: collapse;
	text-align:	center;
	font-size: 1em;
	font-weight: bold;}

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

td.form {
	padding: 0.2em}

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

a.forumnameread {}

/* links in table headings */
.tableheading,
.gallistheading,
.listgalheading,
.bloglistheading,
.llisfgalheading,
.llistfileslink,
.llistart,
.lforumheading {}

/** Tabs **/
/*
.tabactive {}
[class].tabactive {}
.tabactive a {}
.tabinactive {}
[class].tabinactive {}*/

form.admin .tabs {
	border-bottom: solid 1px #93c9db;
	margin: 10px 2px -18px 2px;
	padding: 0;
	position: relative;
	z-index: 201}

.tabmark {
	display: inline;
	font-size: 85%;
	background: #abcdef;
	border: 1px solid #225566;
	border-bottom: 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}
	
.tabcontent {
	z-index: 200;
	position: relative;
	padding: 18px 2px 2px 2px;
	margin-bottom: 25px;
	background: #f0f9ff}
	
form fieldset.tabcontent {
	border: 1px solid #225566;
	border-top: none !important}

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

.tabcontent table td {
	padding: 5px}

.tab-wrapper {
	border: 1px solid #EEEEEE;
	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}

/*span#tab1 {
	background: #F5F5F5}

span#tab2 {
	background: #ECECEC}

span#tab3 {
	background: #DCDCDC}

#content1,
#content2,
#content3 {
	border-top: 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969}

#content1 {
	padding: 10px;
	background: #F5F5F5}

#content2 {
	padding: 5px;
	background: #ECECEC}

#content3 {
	padding: 5px;
	background: #DCDCDC}
	
table.admin div#content1 div.tabcontent div.cbox {
	background-color: transparent} */
	
/*** Feature-specific selectors ***/

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

body.tiki_wiki #comments {padding: 1em }

h1 a.pagetitle,
h1 a.pagetitle:visited {font-size: 1.2em}

h1 a.pagetitle:hover { }

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

div.wikitopline {
	width: 90%;
	margin-bottom: 8px}

#pageid {
	float: left;
	clear: both}

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

.categpath {}
.wikitext {}

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

.wikitext ul li {} 
.wikitext ul li ul li {}
.wikitext ol {}

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

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}

#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}
 
span.button2,
div.button2,
.button3 {margin-right: 5px}

/* First of these from han.css - Check ?? */
.navbar .linkbut:hover,
div.button2 a:hover, .button3 a:hover {}

/* From han.css - Check ?? */
#page-bar p span.button2 {} 
#page-bar table a.linkbut {}
 
.linkbut {}
.linkbut:hover {}
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 #909090;
	border-collapse: collapse}

#wikihelp-tab table td {padding: 2px}

textarea.wikiedit {}
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 */

/* 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}
.fancytoclevel { list-style-image: url(../img/icons/footprint.gif)}
li.toclevel {margin-left: 2em}

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

ul.toc * {border: none}

/* Wiki diff styles */
.diff td { border: 1px solid #A9B8C2}
.diff div { border-top: 1px solid #A9B8C2}
.diffheader { background: #A9B8C2; 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 {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}

span.titleb {
	font-size: 0.9em;
	color: #104A91;}
 
div.articlesubtitle {font-size: 0.9em}
div.articleheading {
	margin: 6px 0;
	border-bottom: 1px solid whitesmoke}
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: left}
.trailer {}
.trailer:hover {}
div.articlebody {}
 
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;
	padding: 8px;
	margin-top: 8px;
	margin-left: 6px;
	border: 1px solid #dddddd}

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}

.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: #9CF;
	text-decoration: none;
	border-bottom: 1px dotted #9CF}

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

div.posthead {
	text-align: left;
	padding: 3px;
	color: #104A91}

span.posthead {
	display: block;
	font-weight: normal;
	font-size: 85%}
 
div.posthead h3 {
	/*font-size: 1.2em*/}
 
div.postbody {
	margin: 0}
	
* html .postbody table {font-size: 11px}

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

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

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

.post {clear: both}

.post .postbody {
	clear: both;
	border: 1px solid #DDD;
	border-collapse: collapse;
	text-align: left}
	
* html .post .postbody {font-size: 11px}

.postbody .content {
	padding: .3em}
	
.postbody .content p {  }
 
.post .postbody-title {
	display: block;
	background-color: #DCDCDC; 
	padding: 2px}

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

.post .postbody-title .title {font-weight: bold}
.title h2 { padding: 0; margin: 0 }
.postbody-title br.clear { height: 1px !important}

.post .postbody-title .title a.link {  }

.post .author {
	float: left;
	background: #ECECEC;
	width: 30%;
	margin: -0.3em 10px 10px -0.3em;
	padding: .3em}

.post .author_post_info {}	
.post .author_post_info_by {font-weight: bold}
.post .author_info .icons {}
.post .author_info .icons .actions {}
.post .author_post_info_on {font-style: italic}
.post .author_info {  }
.commentStyle_headers .author_info {}
.post .postbody-title .actions {text-align: right}
.postbody-content {padding: 6px}
.post .postbody .attachments {}
.post .postbody .attachments img {vertical-align: text-bottom}

.post .postfooter .actions,
.post .postfooter .status {}

.post .postfooter .status {}
.post .postfooter {}
.post .inner > .postfooter
.post .contribution
.post .avatar
.sub_comment {}
.sub_comment_area {}

.forum_actions {
	background: #ECECEC;
	padding: .3em;
	margin-bottom: 3px}

.forum_actions .actions {
	background: #ECECEC;
	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: honedew;
	border: 1px solid #A9A9A9;
	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 */	

form#editpostform table.normal td {border: none !important}

#comzone {
	display: none;
	margin: 5px 0;
	padding: 0}
 
#comzoneopen {
	display: block;
	margin: 5px 0;
	padding: 0}
 
span.commentstitle {
	font-weight: bold;
	font-size: 1em}
	
textarea#editpost2 {
	width: 100%}

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

/* Help box*/
div.commentsedithelp {}

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

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 !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: #F7F9FA;
	position: relative}

div.freetagObjectEven {
	margin: 2px;
	background: #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}

div.browsegallery {
	text-align: center;
	width: 100%}

div#browse_image {width: 100%}

div.showimage {
	width: 100%;
	text-align: center;
	padding: 6px}

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

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

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


.caption {}
p.norecords {}
div.imagetitle {}
div.gallerylink {}
div#browse_image {} /* Check - from fluidindex ?? */
div.showimage {}
div.imgaldescr {}
.sorttitle {}

/***** 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 {}
.fgallisting table td {}

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

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

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

/***** Calendar *****/

.calodd {background: #eeeeee}
.caleven { background: #f9f9f9 }

.Cal0, 
.Cal1, 
.Cal2 {
	color: #000;
	font-size: 90%}
	
.Calart,
.Calblog,
.Calchart,
.Caldir,
.Caleph,
.Calfaq,
.Calfgal,
.Calforum,
.Calgal,
.Calnl,
.Calquiz,
.Calsurv,
.Caltrack,
.Calwiki {
	font-size: 1em}

.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 {color: #8B4513}

.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: 1em}
.Calweb:hover {color: #996633}

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

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

.calfocus {
	font-size: 90%;
	background: inherit}

.caldark .calfocus { background: inherit }

.calfocuson + .calcontent { background: #e6eff8 }

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


.caltoggle {font-size: 90%}

/* This version for light-colored backgrounds */
.opaque {
	background: #fff;
   border-left: 1px solid #A9A9A9;
  	border-top: 1px solid #A9A9A9;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969}

.opaque .box-title {
	background-color: white;
	border-bottom: 1px solid black}

.opaque .box-data  {
	background-color: white}

.searchresults {
	display: inline}


#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 {}
/* Override calendar.css */
.caleven {}
.calodd {}
.caldark .calfocus {}

/* Check these, from here... */
.calinput {background: #3F3F3F}
.calfocuson + .calcontent { background: #F5F5F5}
.days {color: #D8D8D8}
#caltable .weeks {color: #D8D8D8}
.addevent {padding: 0 5px; float: right}
* html .addevent {padding: 0}
.calodd, .caleven { border: 1px solid #999999}
.calodd {background: #A9A9A9}
* html .calodd {padding: 0}
.caleven {background: #696969}
* html .caleven {padding: 0}
.caldark {background: #3F3F3F}
* html .caldark {padding: 0}
.caldark .calfocus {background: #3F3F3F}
/* ...to here. (from darkroom.css ) ?? */

/*****  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 {margin: 0 5px 4px 5px;padding-top: 5px;padding-bottom: 1px}
textarea.tshoutbox{width: 162px}
.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 {}
td.prio1 {}
td.prio2 {}
td.prio3 {}
td.prio4 {}
td.prio5 {}
div.messureadflag {}
div.messureadhead {}
div.messureadbody {}
.readlink {}

/***** 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.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-color: black;
	color: #D8D8D8}

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

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

.advanced {
  margin: 20px;
  padding: 5px;
  border-color: #A9A9A9;
  border-width: 1px;
  border-style: solid;
  background-color: black;
  color: #D8D8D8}

.advanced:before { content:url(../img/icons/mini_blue_diamond.gif)" "}

.highlight_word_0{color:#ffff66;background-color: black}
.highlight_word_1{color:#ff9999;background-color: black}
.highlight_word_2{color:#A0FFFF;background-color: black}
.highlight_word_3{color:#ff66ff;background-color: black}
.highlight_word_4{color:#99ff99;background-color: 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: #cfcfcf}

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

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

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

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

/* navbar buttons */
#highlight  {
	background: #eeee99 !important}

/* MiniChat  */

div.box-minichat { width: 100%}

div.minichatchans {
  border-bottom: 1px solid #aaa;
  overflow: auto;
}

a.minichata_selected {
  text-decoration: none;
  background-color: #eee;
  padding: 1px;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
a.minichata_unselected {
  text-decoration: none;
  padding: 1px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.minichat { overflow: auto }

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

span.minichat_ts {
  display: inline;
  letter-spacing: -1px;
  margin-right: 2px;
}

span.minichat_nick {
  color: #008;
  margin-right: 2px;
}

/* my_tiki prefs */

/* MyTiki preferences Ajax */

#tab-block-1 h5 { width: 120px; float: left }

.tab-wrapper {
	padding: 0; 
	border: 1px solid #eee; 
} 
.tab-menu { 
	list-style: none; 
	padding: 2px 0; 
	clear:  both; 
	line-height: 17px; 
	font-size: 12px; 
} 
.tab-menu li { 
	width: 200px; 
	display: inline; 
	margin: 0 2px; 
} 
.tab-menu li a 	{ 
	padding: 1px 5px; 
	background-color: #f5f5f5; 
	color:  #222; 
	font-weight: bold; 
	text-decoration: none; 
} 
.tab-menu li a:hover, 
.tab-menu li a:focus { 
	background-color: #FAEC8F; 
	border-bottom-color:    #999; 
} 
.tab-menu li a:hover { 
	background-color: #FAEC8F; 
	border-bottom-color: #999; 
} 
.tab-menu li.tab-selected a { 
	background-color: #BCEC8F; 
}


/* MiniChat  */

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

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

/* end of css file */