/*
+--------------------------------------------------------------------------
|   Cascading Style Sheet for MKportal "WarRock.es" Portal Template
|   ========================================
|   by David Abuin Fontan [davidlig]
|   (c) 2005-2008 warrock.es
|   http://www.warrock.es
|   Email: admin[at]warrock[dot]es
+--------------------------------------------------------------------------
|   > MKPortal
|   > Written By Amedeo de longis
|   > Date started: 9.2.2004
+--------------------------------------------------------------------------
*/

/*=============================
M
K  global styles
P
=============================*/
body {
	background-image: url(images/fondo.jpg);
	background-color: #101109;
	font-size: 10px; 
	color: #666666; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px; 
	padding: 0px; /* Opera 0 margin */
	leftmargin: 0px; 
	topmargin: 0px;
	marginheight: 0px; 
	marginwidth: 0px;
	border: 0px;
	text-align: left; /* center in IE */
	cursor: url('http://www.warrock.es/cursor.cur'), default;
}

/* portal wrapper */
#mkwrapper {
	align: center;
	text-align:center; /* left-align text in IE */	
	margin: 0px auto 0px auto;
	leftmargin: 0px; 
	topmargin: 0px;
	marginheight: 0px; 
	marginwidth: 0px;
}

/* logostrip */
#mklogostrip {
	align: center;
	/*background-color: #101109; (davidlig)*/
	text-align: center;
}


#imagenFlotante {
  top:0px;
  left:0px;
  position: fixed;
  _position:absolute;
  clip:inherit;
  _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
  _right:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#imagenFlotante a img { border: none; }


/* global font formatting */
table,
tr,
td,
.tdglobal {
	font-size: 10px; 
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

/* main portal table */
.tabmain {
	margin:0px;
	padding:0px;	
}

/* images */
img { 		
	border: 0px;
	vertical-align: middle; /* Meo: Added in C1.2 */
}

/*=============================
M
K  LIGHT BACKGROUND
P
=============================*/
.modulecell,
.urlo2,
.tabnews,
.trattini,
/*.tabmain, (davidlig) */
.tablemenu,
.taburlo {
	background-color: #000000;
	color: #666666;
}

/*=============================
M
K  MEDIUM BACKGROUND
P
=============================*/
.navigatore,
.tdblock,
.moduleborder {
	background-color: #17180d;
	color: #dfe0fe;
}

/*=============================
M
K  DARK BACKGROUND
P
=============================*/
.urlo,
.sottotitolo {
	/* background-image: url(MKPORTALIMGDIR/m_sf.gif); */
	/* background-color:#8CB6E7;  (Davidlig) */
	color: #666666;
}

/*=============================
M
K  border and divider styles
P
=============================*/
.tabmain,
.tablemenu, /* block wrapper, chat button strip */
.taburlo,
.urlo2,
.trattini,
.trattini2,
.trattini3 {
	border: 0px;	/* (davidlig) border: 1px solid #5c88c8; */
}
	
.trattini { /*used only in tpl_main.php(deprecated), blog, ad_blocks.php*/
	border-width: 1px 0 0 0;
	border-top-style: dashed;
}

.trattini3 {/* used only in blog, quotes, urlobox, calendar*/
	border-width: 0 0 1px 0;
	border-bottom-style: dashed;
}

/* deprecated - used only in tpl_main.php */
/* .vspacer
{
	background-image: url(MKPORTALIMGDIR/punto_vert.gif);
	background-repeat: repeat-y;
	background-color: transparent;	
} */

/*=============================
M
K  hyperlink styles
P
=============================*/
/* global links */
a:link, 
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #dfe0fe;	
	text-decoration: none;	
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #dfe0fe;	
	text-decoration: underline;
	cursor: url('http://www.warrock.es/cursor.cur'), default;
}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #dfe0fe;	
	text-decoration: none;
}

/* bold navbar, block, module links */
a.uno:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #dfe0fe; 
	font-weight: bold;
	text-decoration: none
}

a.uno:visited {	
	font-size: 10px; 
	color: #dfe0fe; 
	font-weight: bold;
	text-decoration: none
}


a.uno:hover {
	font-size: 10px; 
	color: #dfe0fe; 
	font-weight: bold;
	text-decoration: underline;
}

/* block text links */
.tablemenu a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #dfe0fe;	
	text-decoration: none;	
}

.tablemenu a:hover {
	text-decoration: underline;
}

.tablemenu a:active { 
	text-decoration: none; 	
}

/* global contrasting text and hyperlink color */
.mktxtcontr,
a.mktxtcontr:link, 
a.mktxtcontr:visited {
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}

a.mktxtcontr:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* contrasting text and hyperlink color 2 (admin) */
.mktxtcontr2,
a.mktxtcontr2:link, 
a.mktxtcontr2:visited {
	color: #0000ff;
	font-weight: bold;
	text-decoration: none;
}

a.mktxtcontr2:hover {
	font-weight: bold;
	text-decoration: underline;
}

/*=============================
M
K  form styles
P
=============================*/
/* remove margin after closing "form" tag in MSIE */
form {
	margin: 0;
	padding: 0
}

input,
textarea,
{
      font-size: 10px; 
	color: #dfe0fe;
}
select,
.bgselect, /* input fields */
{
      font-size: 10px; 
	color: #dfe0fe;
}
.mkbutton /* global submit buttons */
{
	background-color: #444444;		
	/* border: 1px solid #222222; */	
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px; 
	color: #dfe0fe;
	vertical-align: middle;
}

/* button border - needed for blocks to display correctly in forum-view */	
.blsubmit,
.mkbutton {
	border: 2px #333 outset;
}

.mkbutton { /* Global submit buttons */
	padding: 3px;
}

.mkbbbutton { /* MKP BBcode editor buttons */
	margin: 0;
	padding: 0;
}

/* radio/checkbox buttons - remove background color and border in IE */	
.mkradio {
	background-color: transparent;
	border: 0px;		
}

/* configure blog textarea */
textarea.mkwrap1 {
	overflow: auto;
	/* width: 230px; */
	width: 100%;
}

/* edit blog textarea */
textarea.mkwrap2 {
	overflow: auto;
	width: 500px ;
}

/* block input */
.mkblkinput {
	color: #000000;
	background-color:#fff;
 	font-size: 9px;
	border: 1px dashed #808080;
	margin: 2px;
}

/*=============================
M
K  navstrip styles
P
=============================*/
/* top navstrip */
.navigatore {	
	vertical-align: bottom;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 9px;
}

/*=============================
M
K  block styles
P
=============================*/
/* used in functions.php (function main_page) */
.blocks {
	padding: 0px;
}

/* block header/footer corner images - portal skin only */
.tdmenblock {
	font-size: 0px;	
	padding: 0px;  
	margin: 0px; 
	vertical-align: top;
	/* background-color:#8CB6E7; (Davidlig) */
}

/* block td cell */
.tdblock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 2px;	
}

/* block title bar */
.sottotitolo {
	vertical-align: bottom;	
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #FFFFFF;
}

/* horizontal spacer between blocks */
.tdspacer {
	line-height: 3px;
}

/*=============================
M
K  module global styles
P
=============================*/
/* module table headings */
.modulex {	
	background-color: #222222;
	height: 25px;
}

th.modulex {	 
	color: #a4a4a4; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #222222 !important;
	background-image: none !important;
	height: 25px;
	/* font-weight: normal;*/
	white-space: nowrap;
}

/* Reviews description text */
.modulelite {
	font-size: 8pt;
	color:#a6bbcd;
}

/* center block padding (news, admin) */
.contents {
	padding: 10px;
}

/* module pagination links */
.mkpagelink {
	background-color: #333333;
	border: 1px solid #072a66;
	padding:1px 3px 1px 3px;
	color: #ffffff;
	font-weight: normal;
}

.mkpagelinklast {
	background-color: #dfe6ef;
	border: 1px solid #072a66;
	padding:1px 3px 1px 3px;
	color: #000;
	font-weight:normal;
}

.mkpagecurrent {
	background-color: #969669;
	border: 1px solid #072a66;
	padding:1px 3px 1px 3px;
	color: #000;
	font-weight:normal;
}

/* admin cp titles with top border - used in frontend and backend */
.titadmin {
	margin: 0px;
	font-weight: bold;
	font-size: 11px; 
	color: #dfe0fe;
	border-top: 1px dashed #5c88c8;
}
/*=============================
M
K  shoutbox module styles
P
=============================*/
/* module table with border (shoutbox, news) */
div.taburlo {	
	width: 100%; /* center in IE */	
}

td.taburlo{
	margin:5px;
	padding:5px;
	border: 0;
}
	
/* shouter and date cell */
.urlo {
	line-height: 18px;
	vertical-align: bottom;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	/* color: #666666; */
	padding: 4px;		 
}

/* shout cell */
.urlo2 {
	padding: 4px;	
	/* border-bottom: 1px solid #5c88c8; */
	border-width: 0 0 1px 0;
	border-style: solid;
	text-align: left;
	color: #dfe0fe;
	font-size: 11px;
	font-weight: bold;
}

/* white shouter text */
.urlocontrast {	
	color: #ffffff;
}

/*=============================
M
K  news module styles
P
=============================*/
/* news table with border */
.tabnews {
	border: 1px dashed #c6ddf3;
	margin:0px; 
	padding:0px;
	font-size: 10px;
	color: #666666;	
}

/*=============================
M
K  font styles
P
=============================*/
/* red error page text */
.mkerror {	
	font-size: 12pt;
	color: #ff0000;
	font-weight:bold;
}

/* MKPQuote quotation text */
.mkquote { 		
	color: #0000ff;	
}

/* MKPGallery module ecard, offline page */
.ecardtitle,
.offlinetxt {
	font-size: 10pt; 
	font-weight: bold;
	text-align: center;
}

/*=============================
M
K  BBcode quote styles
P
=============================*/
.mkquoteball {
	font-size: 9px; 
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #ffffff;	
	padding: 0;	
}

.mkquotetext {
	font-size: 10px; 
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #ffffff;
	margin: 0;
	padding: 0;	
}
table .mkquotetable{				
	width: auto; /* IE */	
	text-align: left;
}

/* Added in C1.2 */
/* Table background highlight */
.bghighlight1 {
	background-color: #EAF8EB;
}
/* Table background highlight 2 */
.bghighlight2 {
	background-color: #EFCBCB;
}
/* mkportal footer copyright - Do not remove, modify or obscure the copyright text */
.mkcopyright {
	font-size: 10px;
}
.mkcopyright a {
	text-decoration: none;
}
/* Calendar block current dau highlighting */
#mkcaltoday {
	border:2px;
	border-style:outset;
	background-color: #215f0d;
}

/*
Aņadido por davidlig
*/
.porcentaje1{
display: block;
float: left;
background:url(images/ranking/porcentajes/porcentaje_fondo.png) top left no-repeat;
height: 12px;
width:75px;
}
.porcentaje1 span{
background:url(images/ranking/porcentajes/porcentaje1.png) bottom right no-repeat;
color:#FFFFFF;
display:block;
float:left;
height:12px;
}
.porcentaje2{
display: block;
float: left;
background:url(images/ranking/porcentajes/porcentaje_fondo.png) top left no-repeat;
height: 12px;
width:75px;
}
.porcentaje2 span{
background:url(images/ranking/porcentajes/porcentaje2.png) bottom right no-repeat;
color:#FFFFFF;
display:block;
float:left;
height:12px;
}
.porcentaje3{
display: block;
float: left;
background:url(images/ranking/porcentajes/porcentaje_fondo.png) top left no-repeat;
height: 12px;
width:75px;
}
.porcentaje3 span{
background:url(images/ranking/porcentajes/porcentaje3.png) bottom right no-repeat;
color:#FFFFFF;
display:block;
float:left;
height:12px;
}
.porcentaje4{
display: block;
float: left;
background:url(images/ranking/porcentajes/porcentaje_fondo.png) top left no-repeat;
height: 12px;
width:75px;
}
.porcentaje4 span{
background:url(images/ranking/porcentajes/porcentaje4.png) bottom right no-repeat;
color:#FFFFFF;
display:block;
float:left;
height:12px;
}

.ranking_color {
color:aqua;
}