/***************************************************************************
 *                          (includes/css) interface.css
 *                          ----------------------------
 *   begin                : 08-Nov-2007
 *   modified             : 16-Oct-2012
 *   copyright            : (C) 2012 Daniel Julivert
 *   email                : ghoulwiz@gmail.com
 *   description          : CSS general de la interface 0.2
 *
 ***************************************************************************/

/********************************************************************************
  Clases generales de aspecto de la página
********************************************************************************/

html, body {
	min-height: 100%;
}
body {
	background: #ffdb9f url(../../images/layout/background-dunes.jpg) repeat-x center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #775132;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #775132;
}

a { text-decoration: none; color: #9b541a; }
a:hover { text-decoration: underline; color: #c05905; }

.clickableSpan { cursor: pointer; text-decoration: none; color: #9b541a; }
.clickableSpan:hover { cursor: pointer; text-decoration: underline; color: #c05905; }

input[type=text], input[type=password], textarea, select {
	background-color: #fbefd7;
	border: 1px #a97245 solid;
	color: #a97245;
}
input[readonly] {
	filter: alpha(opacity=50);
	opacity: .5;
	-moz-opacity: .5;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #a97245;
}

.guiLogo {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -120px;
	width: 240px;
	height: 100px;
}
.guiMain {
	background: url(../../images/layout/background-planet.png) no-repeat center top;
	width: 100%;
	text-align: center;
	display: inline-block;
	min-height: 400px;
}
.guiMainPadder {
	padding: 10px 10px 10px 10px;
	margin: 120px auto 10px auto;
	width: 760px;
	border: 1px #90480e solid;
	background: url(../../images/layout/background-main.png);
	text-align: center;
	position: relative;
}
.guiPadder {
	padding: 10px;
}

.guiTitle {
	font-size: 14px;
	font-weight: bold;
	color: #90480e;
	text-align: center;
	width: 100%;
}
.guiSubTitle {
	font-size: 12px;
	font-weight: bold;
	color: #90480e;
	text-align: center;
	width: 100%;
}
.guiBoxTitle {
	font-size: 12px;
	font-weight: bold;
	color: #faebce;
	background-color: #90480e;
	text-align: left;
	width: 98%;
	padding: 5px;
	margin: 10px 0px 0px 0px;
}

.guiClickableList { cursor: pointer; text-decoration: none; width: 100%; }
.guiClickableList:hover { cursor: pointer; text-decoration: none; width: 100%; color: #c05905; background: #fbefd9; }
label { cursor: pointer; color: #9b541a; }
label:hover { cursor: pointer; color: #c05905; }
.codeText { font-family: "Courier New", Courier, monospace; }
.guiNewArea { border-top: 1px #d3731c solid; padding-top: 5px; }
.searchLink { font-weight: bold; }
.searchBrief { font-size: smaller; }
.searchNumResults { font-size: smaller; text-align: center; }

/********************************************************************************
  Selector dropdowns
********************************************************************************/

.guiDropdownSection {
	text-align: center;
	font-weight: bold;
	background-color: #d3731c;
	color: #fbefd7;
}
.guiDropdownSelectOne {
	text-align: center;
	font-style: italic;
	color: #aaaaaa;
}

/********************************************************************************
  Barra superior
********************************************************************************/

.guiVersion {
	position: absolute;
	right: 10px;
	top: 55px;
	color: #cd8448;
	font-size: 9px;
	text-align: right;
}
.guiDate {
	position: absolute;
	right: 10px;
	top: 45px;
	color: #cd8448;
	font-size: 9px;
	text-align: right;
}

/********************************************************************************
  Tablas
********************************************************************************/

.tableTable {
	border-collapse: collapse;
	border-top: 1px solid #775132;
	border-bottom: 1px solid #775132;
}
.tableStats {
	border-collapse: collapse;
}
.tableTable thead th, .tableStats th {
	font-weight: bold;
	color: #faebce;
	background: url(../../images/layout/table-header.png);
	text-align: center;
	border-top: 1px solid #775132;
	border-bottom: 1px solid #775132;
}
.tableTable tbody th {
	font-weight: bold;
	font-style: italic;
	color: #faebce;
	background: url(../../images/layout/table-section.png);
	text-align: center;
	border-top: 1px solid #775132;
	border-bottom: 1px solid #775132;
}
.tableTable tfoot td {
	font-style: italic;
	color: #faebce;
	background: url(../../images/layout/table-header.png);
	text-align: center;
	border-top: 1px solid #775132;
	border-bottom: 1px solid #775132;
}

.tableRowL { background: url(../../images/layout/table-row-l.png); text-align: center; }
.tableRowD { background: url(../../images/layout/table-row-d.png); text-align: center; }

.tableRowLdnd { background-color: #ffeda0; }
.tableRowDdnd { background-color: #ffe285; }

.tableRowLC { cursor: pointer; background: url(../../images/layout/table-row-l.png); text-align: center; }
.tableRowDC { cursor: pointer; background: url(../../images/layout/table-row-d.png); text-align: center; }
.tableRowLC:hover { cursor: pointer; background-color: #ffeda0; }
.tableRowDC:hover { cursor: pointer; background-color: #ffe285; }

.tableRowLX { background-color: #e77567; text-align: center; }
.tableRowDX { background-color: #dc6f60; text-align: center; }

.tableTable th, .tableTable td { padding: 0px 3px 0px 3px; }

.tableCellHighlight {
	color: #faebce;
	background-color: #d5ad81;
	font-weight: bold;
}

/********************************************************************************
  Login y logout
********************************************************************************/

.loginBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cd8448;
	position: absolute;
	top: 2px;
	right: 2px;
	text-align: right;
	padding-right: 5px;
	z-index: 250;
}

.loginInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 10px;
	background-color: #faebce;
	color: #92633d;
	border: 1px #92633d solid;
}

.loginBoton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 15px;
	background-color: #e5d0b1;
	color: #92633d;
	border: 1px #92633d solid;
}

/********************************************************************************
  Mensajes de error, aviso y simples
********************************************************************************/

.boxError {
	border: 1px solid #FFB0B0;
	color: #FFB0B0;
	background-color: #882525;
	width: 400px;
	padding: 10px;
	background-image: url(../../images/gui/error.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding-left: 45px;
}
.boxWarning {
	border: 1px solid #FFB053;
	color: #FFB053;
	background-color: #944D00;
	width: 400px;
	padding: 10px;
	background-image: url(../../images/gui/warning.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding-left: 45px;
}
.boxMessage {
	border: 1px solid #86ff53;
	color: #86ff53;
	background-color: #2c9400;
	width: 400px;
	padding: 10px;
	background-image: url(../../images/gui/ok.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding-left: 45px;
}

.boxPopup {
	position: absolute;
	left: 50%;
	top: 50px;
	margin-left: -230px;
	width: 457px;
	color: #92633d;
	border: 1px #92633d solid;
	background: #f7dfb0 url(../../images/layout/tab-on.png);
	padding: 2px 2px 0px 2px;
}
.guiToolTip {
	color: #92633d;
	border: 1px #92633d solid;
	background: #f7dfb0 url(../../images/layout/tab-on.png);
	position: absolute;
	display: none;
	padding: 5px;
}
.guiToolTipIcon {
	cursor: help;
}

/********************************************************************************
  Tabs y bloques tabulables
********************************************************************************/

.guiBox {
	color: #92633d;
	border: 1px #92633d solid;
	background: url(../../images/layout/tab-on.png);
}
.guiTabOn {
	color: #92633d;
	border-top: 1px #92633d solid;
	border-left: 1px #92633d solid;
	border-right: 1px #92633d solid;
	background: url(../../images/layout/tab-on.png);
	cursor: pointer;
}
.guiTabOn:hover {
	color: #c05905;
	border-top: 1px #92633d solid;
	border-left: 1px #92633d solid;
	border-right: 1px #92633d solid;
	background-color: #fbefd9;
	cursor: pointer;
}
.guiTabOff {
	color: #92633d;
	border: 1px #92633d solid;
	background: url(../../images/layout/tab-off.png);
	cursor: pointer;
}
.guiTabOff:hover {
	color: #c05905;
	border: 1px #92633d solid;
	background-color: #fbefd9;
	cursor: pointer;
}

.guiBlock {
	color: #92633d;
	border-right: 1px #92633d solid;
	border-left: 1px #92633d solid;
	border-bottom: 1px #92633d solid;
	background: url(../../images/layout/tab-on.png);
}
.guiBlockShow {
	display: block;
}
.guiBlockHide {
	display: none;
}

/********************************************************************************
  Fechas y calendarios
********************************************************************************/

.guiCalendar {
	width: 301px;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.guiCalendar th {
	height: 20px;
	text-align: center;
}
.guiCalendar td {
	height: 30px;
	width: 43px;
	border: 1px #92633d solid;
	background: url(../../images/layout/tab-on.png);
	text-align: right;
	padding: 5px;
}

.ongoingaction {
	filter: alpha(opacity=40);
	opacity: .4;
	-moz-opacity: .4;
}

/********************************************************************************
  Lists
********************************************************************************/

ul.houseProperties {
	margin: 0px;
	text-align: left;
	padding-left: 0px;
	list-style-position: inside;
	border-top: 1px #92633d solid;
}
ul.houseProperties li {
	border-bottom: 1px #92633d solid;
	background: url(../../images/layout/list-element.png);
	padding: 1px 1px 1px 4px;
}

/********************************************************************************
  Búsqueda
********************************************************************************/

.searchBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cd8448;
	position: absolute;
	top: 103px;
	left: 50%;
	text-align: right;
	vertical-align: bottom;
	width: 390px;
	z-index: 190;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
}