/* $Id
 * Ohia is an original theme for TikiWiki CMS/Groupware by
 * Gary Cunningham-Lee (chibaguy), released under the GNU LGPL license.
 * This theme uses the *litecss source-ordered layout solution by luci (http://sourceforge.net/projects/litecss).
 * For more information, please visit http://themes.tikiwiki.org or http://zukakakina.com.
 */
 
 @import "lite/lite.css"; /* Here we import lite/lite.css as the base. */

/***** XHTML Elements ******/
html {}

body {
	
	text-align: center;
	font: 67%/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#d10000 url(ohiaj/body.png) repeat-x}  
/*	background: #d10000 url(ohiaj/body.png) repeat-x} */
/* si se borra o comenta esa linea no existe ningùn fondo de nada */
/* si no esta la imagen hace el color de adelante, si no el color de la imagen */	
/* hice un turquesa para probar, cambia el cabezal, no el cuerpo */
/*	background: #d10000 url(ohiaj/bodyturquesa.png) repeat-x} */
/*	background: #d10000 url(ohiaj.png) repeat-x} ORIGINAL*/
/* el body.png es el que hace el rojo del cabezal */
/* d10000 es el rojo  si no esta el png  */
/* ejemplo si se pone background: #ffff00; todo queda amarillo el fondo */
/* background: #ffffff; */
/* background: #d10000; */ 


html>body {font-size: 78% !important}
/* html>body {font-size: 72% !important}  aqui se agrandan las letras en gral */
/* 72 me parecio muy chica y puse 78 luego en articulos agrande la letra  */
/* este que sigue creo que no funciona y el * hace de comentario */
* html body {
	
	font-size: 11px !important }
body.fullscreen {}

a {
	color:#af1e0a; /*rojo tirando a obscuro */
	/* background: #ffffff;  ya se lo saque porque lo resolvi*/
   /*	color: #af1e0a;  el background de la letra lo agregué y puse blanco porque
    no pude resolver aún el fondo del las caractaristicas de la adminsitraicon y no
	veia la letra  importante */
	/* no se, agregue todo esto porque antes era un a, y lo puse rojo mas negrito, 
	cambia algunos, creo que tiene que ver si estan visitados o no */
	text-decoration: none} 
a:visited {
	color: #651c07;
	/* fd0006 rojo es la que estaba  - ese f16837 puse medio naranja*/
	/* esta es la letra adentro del menu o donde dice atras standar-seguro */
	/* tambien los los link y tambien afecta al titulo del articulo */
	text-decoration: none}

a:hover {
	text-decoration: underline;
	color: #006633}    /*verde*/
	/* f4f4f4 grisblanco es la que estaba*/
	/* f4ff00 amarillo  puse verde: 006633 es cursor sobre link en articulo*/
	/* este es el color que aparece cuando el puntero sobre un link */

caption {}
div {}
h1, h2, h3, h4, h5 {}

h1 {
	font-weight: bold;
	font-size: 1.8em
	}

h2 {font-size: 1.6em}
h3 {font-size: 1.5em}
h4 {font-size: 1.3em}
h5 {font-size: 1.2em}
h6 {font-size: 1.1em}

hr {
	width: 100%;
	height: 1px;
	background: #aaa; /*gris */
	/* background: #aaa; aaa es gris claro */
	border-width: 0;
	padding: 0;
	color: #f4f4f4}
	/* color f4f4f4 grisblanco es la que estaba */
	/* f4ff00 amarillo */

p {}
img {border: 0}

fieldset {
	/* color: #cfcfcf; grisclaro - letras palabras usuario y clave */
	color: #bb450e;
	/* este que le puse #bb450e es un amarronado rojo */
	/* border: 1px solid #4c4c4c; borde grisobscuro de cambiar usuario */
	border: 0.5 px solid #4c4c4c;
	background: #eeddd7;  /*rosadito */
	/* le agregué un fondo y reduje el borde border  background: #eeddd7;
	   que es un rosadito grisaseo*/
	padding: 10px}
     
form {
	margin: 0;
	padding: 0
	
	}

/* legend {color: #cfcfcf} leyenda logis as en el marquito cuadro ingreso*/
/* puse un marroncito 996600 */
legend {color: #996600}
button {}
button:hover {cursor: pointer}

button,
input,
textarea,
select,
body.wikitext {
	background: #ffffff; /* puse blanco,  antes #242424; donde va nombre usuariio*/
	/*color: #f66634 ;  letras edicion estaban gris #cfcfcf; este f66634 anaranj/roj*/
	/* le termine de poner este casi negro #322d2d y tamaño 1*/
	font-size: 1.00em; 
	color: #322d2d;
	border: 1px solid  #4c4c4c} /* #4c4c4c} */
	/* para poner 000033 es casi negro azul muy obscuro

   /* background: #242424; gris obscuro - fondo edicion, fondo 
    ingreso nombre en el login y fondo editor
	color: #cfcfcf;  color de la letra edicion, aqui gris debe ir negra si el fondo el blanco
	border: 1px solid #4c4c4c} gris obscuro mediano linea cajas edicion
	*/

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

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

#col2 input[type=text],
#col2 input[type=password],
#col3 input[type=text],
#col3 input[type=password] {width: 90%}

input[type=submit],
input[type=reset],
select {}

input[type=file] {color: #000}

button,
input[type=submit],
.button input,
input[type=reset] {
	margin: 2px;
	border: 1px solid #5f5f5f;
	border-right: 1px solid #474747;
	border-bottom: 1px solid #474747}
	
	/* border: 1px solid #5f5f5f; gris tirando a obscuro
	  border-right: 1px solid #474747; tambien gris tirando a obscuro
	  border-bottom: 1px solid #474747} */
	

button:hover,
input[type=submit]:hover,
.button input:hover {
	cursor: pointer;
	color: #f4f4f4;   /*casi blanco*/
	/* color: #f4f4f4;  2f2f2f es negro*/
	background: #2f2f2f}

    /* color: #f4f4f4;
	background: #2f2f2f} este es gris obscuro */


button:active,
input[type=submit]:active,
.button input:active {background: #5e0000} 
/* .button input:active {background: #5e0000} un rojo bordo obscuro*/
* html .findtable input {font-size: 1em}
form.admin input[name="features"] {margin-bottom: 3px !important}
select {}
select[multiple] {height: 10em}
select[name="theme"] {width: 145px}
small {font-size: .9em}
label {margin:0 2px}

/***** 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: #ffe4e1;
	color: #fd0006;
	/* background: #ffe4e1; rosado ffe4e1
	color: #fd0006;  rojo*/
	padding: 5px;
	font-weight: bold; 
	border: 2px solid #f4f4f4;
	width: 6em;
	z-index: 9}

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

#tiki-clean {
	text-align: left;
	padding: 1em}

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

#main {
	text-align: left;
	background: transparent;
	color:#9e2d06}
	/*color:#B9390D
	/* color de las letras asistente tiki y otras en cajas del meno que no son navega
	el que puse #d45b14 es un amarronado rojo */
	/* no incluye link internos dentro de esa caja */ 
	/* background: transparent; IMPORTANTE fondo cabezal si se pone color reemplaza
	color: #f4f4f4} */
   /* color: #f4f4f4}  gris claro letras cabezal menu conectate */ 
   /* y otras frases dentro de las cajas de los menu que no son link */ 
	
#header {
	text-align: left;
	background: transparent;
	/* background: transparent; idem anterior fondo cabezal */
	min-height: 122px;
	position: relative}
	
* html body #header { height: 122px
}

#middle {background: #fff

}
/* #middle {background: #222} por fin, fondo total puse blanco importante */
#c1c2 {}  /*aqui tambien cambia el fondo de todo*/
#c1c2 #wrapper {}

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

#c1c2 #wrapper #col1 {}

#c1c2 #wrapper #col1 .content {
	background: #ffffff ;
	/* background: #transparent; IMPORTANTE FONDO ARTICULOS */
	/* le puse un color para sacar el gris del fondo */
	color: #000000;  /* puse un color negro puede ser azul obscuro */
	/* color: #f4f4f4; IMPORTANTE texto mostrado hojas titulos mostrados */
	/* le agregué font-size: 1.15em; para controlar aquí tamaño letra articulo */
	font-size: 1.15em; 
	padding: 0 1em}

    /* background: transparent; aqui define texto articulos y fondo
     yo saque el trasparent y puse un color alli
	color: #f4f4f4;
	padding: 0 1em} */
	
#c1c2 #wrapper .marginleft {margin-left: 240px}
#c1c2 #wrapper .marginright {margin-right: 240px}


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

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

/* tambien achico todo font-size: 0.75em; */ 
/* font-size: 1.15em; */


#c1c2 #col2 {
	width: 240px;
	/*tamanio letra indice puede ponerse aqui menu izquierda*/
	overflow: hidden}

#c1c2 #col2 .content {margin: auto;
/* font-size: 0.75em; achico menu izquierda */
padding-top: 20px}

#col3 {
	margin-left: -240px;
	width: 240px}

#col3 .content {margin: auto; padding-top: 20px;
/* font-size: 0.75em; */
}

#footer {
	text-align: center;
	font-size: .9em;
	background: #d10000 url(ohiaj/body.png) 0 100px;
	/* background: #d10000 url(ohiaj/body.png) 0 100px; rojo */
	/* d10000 es rojo */
	min-height: 90px;
	color: #000000;
	/* color: #f4f4f4; letras abajo "basado en" */
	/* obvio el #000000 es negro */
	position: relative}
	
* html body #footer {height: 90px}

#footer a:link,
#footer a:visited {
	color: #99ffcc;
	/* color: #f4f4f4; Puse #99ffcc que es un verde suave no se de donde es */
	/* pero por las dudas saque ese casi blanco porque si no no se veria */
	text-decoration: none}
	
#footer a:hover {
	color: #f4f4f4;
	/* color: #f4f4f4; tampoco se para que es */
	text-decoration: underline}

.footerbgtrap {}

/* end Type 1 layout divs, etc. */

/*** Error page ***/
div#tiki-main #tiki-top {}
div#tiki-mid {}

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

div#tiki-bot {}

/*** Site Header & Identity ***/
#header-top {}  /* importante cabezal arriba más chico menos alto deja linea roja abajo*/

#siteheader {
	text-align: left;
	background: transparent;
	/* background: transparent; si se pone color arriba al lado logo*/
	vertical-align: middle;
	padding: 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 {}

#siteloginbar {
	position: absolute;
	bottom: 3px;
	right: 10px;
	padding: 6px 3px}

input[id="sl-login-user"],
input[id="sl-login-pass"] {}

#bannertopright {  }
#siteloginbar input.wikiaction {}

#siteloginbar a,
#siteloginbar a:visited { color: #f4f4f4 }
/* #siteloginbar a:visited { color: #f4f4f4 } */

#sitelocbar {float: left}
#customcodewith_ad {width: 400px}

/* #header text selectors, if needed */

#sitetitle,
#sitesubtitle {
	color: #ffff00;
	/* color: #f4f4f4; */
	font-weight: bold;
	padding-left: 50px}
	
#sitetitle a,
#sitetitle a:visited {color: #f4f4f4}

#sitetitle {
	display: block;
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 2px}
	
* html #sitetitle {
	font-size: 26px;
	height: 34px}
	
#sitesubtitle {
	display: block;
	margin-top: 3px;
	padding-top: 6px }
	
* html #sitetitle {margin-top: 10px}
html>body #sitesubtitle {}

#header a,
#header a:visited {}

#header a:hover {}

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

#tiki-top {}
* html #tiki-top { font-size: 11px }
#tiki-top a {}
#tiki-top table {width: auto}

#sitesearchbar {
	float: right;
	text-align: right;
	display: block;
	padding: 2px;
	text-decoration: none;
	font: 1.1em Verdana, Helvetica, Arial, Sans-Serif;
	color: #f4f4f4;
	background: #030511;  /*negro */
	border-left: 1px solid #333333;
	border-bottom: 1px solid #696969}
	
 /*	color: #f4f4f4;
    background: #030511;  casi negro
	border-left: 1px solid #333333;
	border-bottom: 1px solid #696969}
  */	
#sitesearchbar form { margin-right: 40px }

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

/* end header */

/* centercolumn */

#showhide_columns {}

a.flip,
a.flip:visited,
.tellafriend a,
.tellafriend a:visited {
	font-size: 80%;
	color: #840000;
	background: #33ff66; /*agregue este verde porque no se donde esta ese rojo */
	}
/* color: #840000} rojo obscuro */
a.flip:hover,
.tellafriend a:hover {
	color: #f44f4f4;  /*estaba color: #f4f4f4; */
	text-decoration: none}

a.flip img {display: none}
.tellafriend {}
.fullscreen .tellafriend {}

/* Also is .content */
#tiki-center {}

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

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

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

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

.horbar {width: 100%} 

.horbar table {
	width: auto;
	text-align: left;
/*	color: #ffffff; agregue este blanco porque no se que es este negro */
	background: #030511;
	
	/* background: #030511; casi negro */
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969}

.horbaritem a,
.horbaritem a:visited {
	display: block;
	padding: 6px 3px;
	text-decoration: none;
	font: 1.1em Verdana, Helvetica, Arial, Sans-Serif;
	color: #fd0006;  /*rojo */
/*	background: #33ff66; agregue este verde porque no se donde esta ese rojo */
	} 
/* color: #fd0006 este es un rojo no se de donde */
.horbaritem a:hover {
	background: #313131;   /*negro*/
	
	color: #eee !important;
	text-decoration: none} 

* html .horbaritem a {font-size: .8em}
.mdkverbar {} 

.mdksubmenu {
	z-index: 999;
	position: absolute;
	left: 0;
	top: 0;
	background: #313131;
	
	/* background: #313131; */
	visibility: hidden;
	margin-top: 0}

.mdksubmenu table {width: auto} 

.mdksubframe {
	z-index: 1000;
	position: relative;
	display: block;
	border: 1px solid #696969;
	background: #313131 }
   /* background: #313131} */
.mdkitem {
	position: relative;
	text-align: left;
	white-space: nowrap} 

.mdkitem .mdkfwdarr {
	position: absolute;
	top: 5px;
	right: 12px} 
	
.cssmenu a, .cssmenu .menuSection {border: none}

.mdkitem a {
	padding: 3px 6px;
	position: relative;
	display: block;
	font-weight: normal;
	font-size: 1em} 

.cssmenu_vert li a {padding: 3px 6px}

.mdkitem a:link,
.cssmenu_vert li a {
	font-weight: normal;
	text-decoration: none;
	background: #030511;  /*negro*/
	/* background: #030511; */
	
	border: none} 

.mdkitem a:visited {text-decoration: none} 

.mdkitem a:hover, 
.cssmenu_vert li a:hover {
	color: #f4f4f4;
	/*color:#ffff00;*/
	/*	color: #f4f4f4; */
	text-decoration: none;
	background: #030511;
	/* background: #030511 es negro */
	} 

.mdkitem a:active {}

.cssmenu_vert li.menuSection a,
.cssmenu_vert li.menuOption a {border-bottom: none}

.cssmenu_vert li {}
.cssmenu_ver li a ul {border: 0}
.cssmenu_vert li:hover ul,
.cssmenu_vert li li:hover ul,
.cssmenu_vert li li li:hover ul,
.cssmenu_vert li.sfhover ul,
.cssmenu_vert li li.sfhover ul,
.cssmenu_vert li li li.sfhover ul { /* lists nested under hovered list items */border: 0}

.cssmenu_vert li.selected > a,
.cssmenu_vert li.selectedAscendant > a {background: #5e0000;} 
/* .cssmenu_vert li.selectedAscendant > a {background: #5e0000;} marron obscuro*/

#cssmenu ul {
	border: 1px solid #696969;
	background: #313131}
	/* background: #313131} casi negro */

/* Tree menu (also on Browse Categories */
.treemenudiv {
	display: block;
	white-space: nowrap}
	
.treemenudiv img {background: #990000}
/* .treemenudiv img {background: #990000} rojo obscuro*/

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

a.phplm:visited {color: #fd0006}
a.phplm:hover {
	color: #f4f4f4;
	background: none;
	text-decoration: underline;}

a.phplm:active {color: #fd0006}

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}

/* a.phplmselected:hover {color: #808080} es gris */

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

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

.separator a:link,
.separator a:visited,
.separator a:hover {color: #ff0000;
font-weight: bold;
}

/* .separator a:hover {color: #f4f4f4}  aqui define el color letras dentro
de la caja de menu que hacen de titulos donde estan
las carpetas abiertas, admin, wiki, etc 
ahora puse el ff0000 que es rojo  le agrego negrita con font-weight: bold;*/


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

div.optionline,
.option a {}

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

.linkmenu:hover {color: #0066ff}
/* .linkmenu:hover {color: #f4f4f4}  aqui cuando se pone el curso arriba de un 
lin del menu cambia puse 0066ff que es azul*/


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

a.linkmodule {}  /*si le pongo fondo se pone fondo a las letras desconectate y art1 */
a.linkmodule:hover {color: #46a85E}
/* a.linkmodule:hover {color: #f4f4f4} Aquí es cuando el curso pasa por arriba
por ejemplo donde dice stardar  seguro - puse un verde*/
.rsslist {}
.rssitem {}
.rssitem:first-child {}
.rssdate {}

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

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

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

.bannertext:hover {color: #f4f4f4}
/* .bannertext:hover {color: #f4f4f4} */

.link,
.gallink,
.bloglink,
.fgallink,
.trailer,
.opencomlink,
.commentslink,
.admlink,
.forumbutlink {color: #ff0000;
 font-weight: bold; 
}
/* .forumbutlink {color: #fff} aqui va el color de los link internos dentro de la 
caja tikiwi pero no los externos. pongo un rojo mas brillante ff0000
también le agregué el font-weight: bold; para que sean en negrita
*/

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}
div.adminanchors {background: #ececec}
/* div.adminanchors {} aqui agregué un verde turquesa cabeza general menu admin verde d66ffcc
puse un celestito creo */
/** 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 {
	overflow: hidden;
	width: 200px;
	text-align: left;
	margin-left: auto;
/*	background: #ffff00; si pongo esto linea amarilla arriba cabezal box */
	margin-right: auto;
	padding-bottom: 4px}

h3.box-title {
	position: relative;
	padding-top: 0;
	background: #af1616;
	/* aqui deberia ir el naranja del joomla por ej #F1713F  le puse rojo obscuro */
	border: 1px solid #990000;
	/* background: #5e0000; importante cabezal caja de menu 
	  el 5e0000 es rojo obscuro 
	border: 1px solid #990000; */
	padding: 8px;
	/* agregué aquí el tamaño de la letra y el color del cabezal del menu */
   /*  si no se pone tamaño sería igual a poner  font-size: 1.50em;  y seria un h3*/ 	
	font-size: 1.10em; 
	color: #ffffff;
	/* en este color defini el color de la letra en el cabezal del menu */
	margin: 0}

.box-title a,
.box-title a:link {
	color: #f4f4f4;
	/* color: #f4f4f4; */
	text-decoration: none}
	
.box-title a:hover {text-decoration: underline
}

.box a.flipmodtitle img {display: none}

* html .box a.flipmodtitle img,
.box:hover a.flipmodtitle img {
	display: block;
	position: absolute;
	right: 3px;
	top: 3px;
	background: #5e0000;
	/* background: #5e0000; rojo obscuro*/
	border: 1px solid transparent}

* html .box a.flipmodtitle img {border: none}
a.flipmodtitle:hover img {border: 1px solid #990000 !important}
/* a.flipmodtitle:hover img {border: 1px solid #990000 !important} */
#col2 h3.box-title {}
#col2 .box-title a,
#col2 .box-title a:link {}
.box-title a:hover {}
.box-data {
	background: #ffffff;
	/* background: #030511;  negro IMPORTANTE FONDO CAJA BOX */
	/* pongo un gris claro e0ddcd  o blanco */
	border: 1px solid #ffffff;
	/* border: 1px solid #ffffff; color cajas izquierda ahora blanco */
	/* border: 1px solid%20#333333; borde caja lo saco con fff*/
	padding: 14px;
	
	margin-bottom: 10px}

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

.box-data ol li {}

.box-footer {}
/*si alli entre los corchetes pongo borde color amaillo textos de la derecha */
/*.box-menu_css_v_43 { overflow: visible !important }*/
/* Check on this ?? */
.modcontrols {
	display: block;
	float: right;
	width: 64px;
	height: 16px}

/** Other boxes **/
div.cbox {
	color: #0000cc;  /* puse un azul obscuro de letra */
	/*color: #f4f4f4; gris claro*/
	background: #ffffff;  /*ahora blanco */
	/*	background: #030511; puse 66cc66 verde mas obcurito es uno de los
	fondos del centro cuando se pone admin y los controles */
	border: 1px solid #333333}

.cbox-title {background: #ececec;}
/*.cbox-title {} es el cabezal del box del medio le agregue un verde mas obscurito  ahora le puse el ececec que seria un celstito*/
.cboxlink {}
.cbox-data {}

.rbox {
	background: #479aed;  /*azul opaco */
	/* background: #5e0000; cabezal administraciòn */
	border: 1px solid #990000;
	padding: 8px;
	color: white}

.rbox-title {display: inline}
.rbox-data {}

.rbox-title[name="comment"],
.rbox-data[name="comment"] {}

.rbox-title[name="note"] {}
.rbox-data[name="note"] {}

.rbox-title[name="tip"],
.rbox-data[name="tip"],
.rbox-data.tip {}

.rbox-title[name="warning"] {}
.rbox-data[name="warning"] {}

div.simplebox {border: 1px solid #0D35C4;background: #F9f8b3; }

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

table {font-size: 1em}

table.admin {
	
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 100%}

table.normal, 
table.bloglist {
	padding: 0;
    margin: 0;
	border-collapse: collapse;
	width: 100%}
	
table.admin {
background:#fff;
color: #000000
}
/*table.admin {background:#030511} agregue el color y puse verde claro ccff66*/

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

table.normal,
table.bloglist {
	border: none;
	border-bottom: solid 1px #696969;
	border-left: solid 1px #696969;
	border-collapse: collapse;
	
	}
	
table.normal tr,
table.bloglist tr,
table.bloglist tr {border-right: solid 1px #696969}
/* table.bloglist tr {border-right: solid 1px #696969} gris mediano obs */


table.normal th,
table.bloglist th,
table.bloglist th {border-left: 1px solid #5e0000}

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

td {vertical-align: top
}
* html td {	font-size: 11px; color: #f4f4f4}
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 {}

tr.odd {background: #f5eca9;
/*estaba este negro 030511; era la tabla de la estructura para modificar le puse */
/*este amarillito */
color: #000}
/* tr.odd {background: #030511} negro */
tr.odd:hover {}
tr.even {background: #ffff00}
/* estaba vacio y puse amarillo estructura cabezal tabla modificacion */
tr.even:hover {}

td.odd {
	background: #deeec4;  /* fondo las filas impares de una tabla listado articulos */
	color: #000000;  /*no hace nada este negro */
	/*	background: #030511; es casi negro */
	
	border-right: 1px solid #696969}

td.even {
	background: #fffde0;  /*amarillito muy claro */

	/*	background: #030511; casi negro son las filas pares de una tabla*/
	border-right: 1px solid #696969}

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

td.third {}

.normal td,
td.normal
{	margin: 0;

	padding: 0.2em;
	vertical-align: top;
	background: #e7eaea; /*importante verde si lo pongo pone fondo a toda la tabla */
	/*border-right: solid 1px #696969;  eeffff celestito gris claro*/
	border-collapse: collapse}
	
td.bloglist
{
	margin: 0;
	padding: 0.2em;
	vertical-align: top;
/*	background: #ffff00;   si nada lo pongo  */
	/*border-right: solid 1px #696969;*/
	/*border-right: solid 1px #696969;*/
	border-collapse: collapse}
.wikitable td
{
	margin: 0;
	padding: 0.2em;
	vertical-align: top;
/*	background: #ffff00; si lo pongo nada  */
	/*border-right: solid 1px #696969;*/
	border-collapse: collapse}
	
td.odd {
	margin: 0;
	padding: 0.2em;
	vertical-align: top;
	
	border-collapse: collapse
	}
	
td.odd {
	background: #deeec4;  /* fondo las filas impares de una tabla listado articulos */
	color: #000;

	/*	background: #030511; es casi negro */
	border-right: 1px solid #696969}
	
td.even {
	margin: 0;
	padding: 0.2em;
	vertical-align: top;
	background: #fffde0; 
	/*amarillito muy claro fondo de las filas pares de una tabla */
	/*border-right: solid 1px #696969;*/
	border-collapse: collapse}

 /* headings */
th, table.normal td.heading,
td.bloglistheading,
table.bloglist td.heading {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background: #cccccc;  /*gris semi claro */
	/* cabezal tabla listar paginas, usuario puse gris medio claro =cccccc */
	/* color: #fff;
	background: #5e0000; */
	min-height: 32px;
	text-align: center}

form.admin {background: #66ffff;}
/* form.admin {}  le puse celeste para ver fondo admin  caracteristicas */
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: #fd0006}
/* a.forumname {color: #fd0006} es un color rojo */

a.forumnameread {color: #fd0006}

/* links in table headings */
.tableheading,
.gallistheading,
.listgalheading,
.bloglistheading,
.llisfgalheading,
.llistfileslink,
.llistart,
.lforumheading {color: #990000}  /*rojo obscuro el 990000 */
/* lforumheading {color: #f4f4f4} gris blanco, le puse ese marron obs 
en agregar usuarios, etc */

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

.tabactive {
	border: solid 1px #666 !important;
	border-bottom: none !important;
	border-top-width: 2px !important;
	position: relative; top: -2px}

[class].tabactive {top: -1px}
.tabactive a {background: #ccffff; color: #f4f4f4;}
/* aqui el fondo de la solapita activa main por ejemplo del menu admin*/
.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: #5e0000;
	border: 1px solid #4c4c4c;
	margin: 0;
	margin-right: 5px;
	padding: 1px 0 1px 0}

.tabmark a {
	border-bottom :0;
	color: #fd0006;   /*rojo brillante*/
	padding: 1px 5px 1px 5px;
	text-decoration: none}

.tabmark a:active {
	background: #313131;  /*gris obscuro*/
	color: red}

.tabmark a:hover {
	color: #f4f4f4;
	background: #313131}

.tabcontent {
	/*z-index: 200;*/
	position: relative;
	/*border: 1px solid #abcdef;*/
	padding: 6px 2px 2px 2px;
	margin-bottom: 25px;
	margin-top: -1px;
	background: #030511}
   /*background: #030511} negro */

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

.tabcontent table td {padding: 5px}

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

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

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

/* alguno de esos tres hace recuadro de color en los box de los   costados */
/* es el div .content */

.tab-wrapper {
	border: 1px solid #313131;
	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: #66ffcc}
span#tab2 {background: #66ffcc}  /* puse un celestito verde solapita gral */
span#tab3 {background: #66ffcc}  /* celestito solapita */
/* agregue mas span tab del 4 al 8 para las demas solapitas */
span#tab4 {background: #66ffcc}
span#tab5 {background: #66ffcc}
span#tab6 {background: #66ffcc}
span#tab7 {background: #66ffcc}
span#tab8 {background: #66ffcc}


/* span#tab1 {background: #313131}
span#tab2 {background: #030511} algunas solapas visitadas menu caracteristicas
span#tab3 {background: #030511} idem solapas del adm caracteristicas */


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

#content1 {
	padding: 10px;
	background: #ffffcc}   /* #313131gris obscuro*/
	/* puse un amarillo patito claro en usuarios y admin donde no podia */

#content2 {
	padding: 5px;
	background: #ffff99}
 /* background: #030511}  negro  fondo de global features antes negro ahora claro */
#content3 {
	padding: 5px;
	background: #ffff99}

 /* background: #030511} idem more funcionalidad fondo*/

#content4 {
	padding: 5px;
	background: #ffff99}

 /* background: #030511} idem more funcionalidad fondo*/

#content5 {
	padding: 5px;
	background: #ffff99}

 /* background: #030511} idem more funcionalidad fondo*/

#content6 {
	padding: 5px;
	background: #ffff99}

 /* background: #030511} idem more funcionalidad fondo*/

#content7 {
	padding: 5px;
	background: #ffff99}

 /* background: #030511} idem more funcionalidad fondo*/

#content8 {
	padding: 5px;
	background: #ffff99}

 /* background: #030511} del 3 al 8 agregados por mi */


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

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

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

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

body.tiki_wiki #comments {padding: 1em }

h1 a.pagetitle,
h1 a.pagetitle:visited {
	font-size: 1.2em;
	color: #0033cc}   /* puse azul tirando a obscuro */
	/* 	color: #f4f4f4} este color clarito es el titulo de la pagina wiki*/

h1 a.pagetitle:hover {
	text-decoration: none}

.wikitopline {}

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

#pageid {
	float: left;
	clear: both}

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

.categpath {}
.wikitext {margin-top: 4px;

}

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

/* 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 #777777;
	border-collapse: collapse}

.editdate {}

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

#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 {background: #66ffcc}

/* 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 {}
/* en algunos de estos es fondo de algunas letras administra grupos y usuarios */
.wiki-edithelp {display: none}

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

#wikihelp-tab table td {padding: 2px}
div#textarea-toolbar {background: white}
textarea.wikiedit {font-size: 1.3em}
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 darkgray;
	background: #000000;
	/*	background: #000000; */
	font-family: "Courier New", Courier, monospace}

.codelisting {
	font-family: "Courier New", Courier, monospace;
	padding: 10px;
	background: #000000;
	margin: 4px;
	border: 1px dashed #696969;
	overflow: auto; 
   width: 600px} /*Using % here makes Firefox 3 act like IE7. */

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

/* Quote plugin */
div.quoteheader {margin-left: 20px}
div.quotebody {font-style: italic}
table.wikiplugin-split {border: none}

/** Wiki tocs **/

/** agregué este label para cabezal navegacion articulos ex color salmon **/
div.tocnavmio {
	background: #ffe8d8;  /* añadir pagina caja crema mediano*/
   /* 	background: #242424;  negro*/
	padding: 2px;
	margin-bottom: 4px;
	clear: both;
	
	font-size: 85%; 

    /* padding: 0 10px; */
	/* text-decoration: underline; no anduvo */
	border: 1px solid #cd4530; /* 696969; negro?*/
	border-bottom: 1;
	margin: 0;
		}


div.tocnav {
	background: #ffcc99;  /* añadir pagina caja crema mediano*/
   /* 	background: #242424;  negro*/
	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 a {
	color: #0a0aee;
	/*	color: #fd0006; es un rojo  el 0a0aee azul*/
	text-decoration: none}

li.toclevel a:visited {
	color: #710e9d;
	/* 	color: #fd0006; es un rojo el 363845 es azul obscuro el71marroncito */
	text-decoration: none}

li.toclevel a:hover {
	text-decoration: underline;
	color: #317B0C;
	background: #e9fdc4;
	}
	/* fondo verdeclaro letras verdes cuando pasa el mouse toc */
	/* color: #f4f4f4} es un gris blanco */
/* es el color de la letra de la estructura tabla de contenidos cuando pasas el mouse*/
/* TOC */
ul.toc {
	padding-left: 2em;
	border-top: 1px dotted darkgray;
	border-bottom: 1px dotted darkgray;
	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 {margin-bottom: 40px}

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

div.articletitle {
	margin-top: 6px;
	margin-bottom:	15px;
	color: #003399;
	text-align:	left}
	
div.articletitle br {display: none}
 
span.titlea {
	display: block;
	font-size: 1.8em;
	font-weight: normal;
	height: auto;
	margin-bottom: 3px
	
	}

span.titleb {font-size: 95%} 
div.articlesubtitle {font-size: 1.0em}
div.articleheading {margin-top: 6px}

div.articleheadingtext {
	color: #0033cc}
	/* color de la letra de los articulos puse un azul, era casi blanco */

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;
	color: #0033cc}

.trailer {}
.trailer:hover {}
div.articlebody {margin-top: .5em}

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.8em;
	font-weight: normal;
	padding: 3px;
	margin-top: 10px}

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;
	font-size: 90%}

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

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

.blogtools table { width: 100% }
#middle .blogtools input[type=text] { width: 160px }

.blogpost {}

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

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

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

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

div.postinfo a.linkmodule {}
.postinfo div {margin-top: 30%;
font-size: 0.7em
}

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

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

span.posthead {display: block}
	
span.posthead small {font-size: 95%}

div.posthead h3 {
	font-size: 1.5em;
	font-weight: normal}
 
div.postbody {
	margin-right: 8px;
	line-height: 1.2em;
	margin-bottom: 1em}

* 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 {width: 100%}
.post .postbody {
	clear: both;
	width: 100%;
	min-width: 100%;
	/*border: solid 1px darkgray;
	border-top: solid 1px gray;*/
	margin: 0;
	margin-top: 5px;
	padding: 0;
	background: #313131;   /*313131 gris casi negro */
	font-size: 0.8em}
	
* html .post .postbody {font-size: 11px}

/* Full path needed to override higher .content properties. */
#c1c2 #wrapper #col1 .content .post .postbody .content {
	float: left;
	padding: 0;
	text-align: left;
	width: 100% !important;
	color: #000; /*letra blanca en comentarios f4f4f4 */
	border: 1px solid #4c4c4c;
	border-top: 0;
	background: #fff !important}  /* estaba el 313131 gris obscuro aquí 
	es donde sale el texto del comentario y le puse el 99999 gris claro */
	
#col1 .post .postbody .content p {  }

.post .postbody-title {
	display: block;
	padding-bottom: .8em;
	
	background: #f2f6f9;   /* ececec gris claro background: #5e0000; este bordo */
	/* aqui es el fondo del titulo del comenterio, puse un naranja ff6633 */
	border: 1px solid #990000}

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

.post .postbody-title .title {
	float: left;
	font-weight: bold;
	font-size: 1em;
	margin-left: 5px;
	margin-top: 3px}
	
.post .postbody-title .title h2 {
	padding: 0}
	
.post .postbody-title .title a.link {color: #000} 
/* importante color de la letra del titulo de comentario */

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

.post .author_post_info {
	display: block;
	/* podria aqui cambiar tamaño letra */
	background: #efefef; 
	/* importante, era el fondo negro de la letra efefef gris claro
	de comentario  era 030511 ahora le pongo 339900 verde */
	font-size: 1em;
	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}

/* How do the following two differ? */
.post .author_info {
	float: right;
	background: #ffffff;   /*background: #030511; negro  importe*/
	/* aparentemente es el fondo de la fecha del comentario */
	/* pero como parece que la letra es blanca con fondo negro no se ve */
	padding: 0 2px 2px 2px;
	margin-left: 5px;
	margin-bottom: 6px;
/*margin-right: -0.8em; */
/*	font-size: 0.8em;*/ 
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff} /*linea alrededor de la fecha comentario */


.commentStyle_headers .author_info {float: left}

.post .postbody-title .actions {
	float: right;
	font-size: 1em}

.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;  /* celestito casi blanco */
	border: 1px solid #777777;
	padding: 0 2px}

.post .avatar {
	float: right;
	margin-bottom: 5px;
	margin-left: 4px;
	padding: 3px;
	border: 1px solid #777777;
	background: #030511}

.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 #4c4c4c;
	background: #f0f8ff; /* celestito era negro le puse este ffcc33 ocre */
	/*importante fondo de estilo, ordenar, etc en comentario */
	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: honeydew;
	border: 1px solid #4c4c4c;
	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}
	
textarea#editpost2 {width: 100%}

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

/* Help box*/
div.commentsedithelp {
	background: #ffcfcf;   /*rosa */
	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 {}

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 !important;
	display: inline !important;
	margin: 0;
	padding: 0}

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

.freetag a {display: inline !important}

a.freetag:hover /* override freetags.css */ { 
	background: #5e0000;  /*bordo obscuro */
	color: #eee;    /*eee gris claro */
	border: 1px solid #990000 }

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}

/* Check next 2 ?? */
div.thumbnails {}
div#browse_image {width: 100%}

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

.caption {color: #f4f4f4}
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 #696969}

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


/*****  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 {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 #990000;
	padding-left: 2px}

td.prio1 {background: #780101}  /*rojo obscuro */
td.prio2 {background: #8d0101}   /* rojo obscruo */
td.prio3 {background: #a20202}   /* va aclarando un poco*/
td.prio4 {background: #b70202}
td.prio5 {background: #cc0202}

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

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

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

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

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

div#tab-block-1 h5 {
	width: 150px;
	float: left;
	margin: 0}

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

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

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

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

.advanced {
  margin: 20px;
  padding: 5px;
  border: 1px solid #A9A9A9;
  background: black;
 /* background: black;  */
  color: #f4f4f4}

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

.highlight_word_0{
	color: #f4f4f4;
	background: #cfcfcf}

.highlight_word_1{
	color: #ff9999;
	background: #cfcfcf}  /*gris claro medio */

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

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

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

.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: #f4f4f4}

/* css/admin.css overrides */

a.admbox {
	border: 1px solid slategray;
	background:  #ccffcc center no-repeat }
	/* por fin lo encontrè el fondo de los iconos de admin es aqui */
	/* puse un verde distinto ccffdd
	/*background: #030511 center no-repeat } negro */

a.admbox:hover,
a.admbox:focus,
a.admbox:active {
	background: #ffcccc center no-repeat;
	/* background: #313131 center no-repeat; */
	/* cuando el cursos pasa por los iconos administradores marroncito rosado */
	border: 1px solid #696969}

a.admbox.off {border: 1px solid darkgray}

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

/* MiniChat  */

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

div.minichatdiv {
  font-size: .9em;
  overflow: auto}
  
/* end of file */
