/***************************************************************************
 *                          (includes/css) interface.css
 *                          ----------------------------
 *   begin                : 22-Sep-2008
 *   modified             : 03-Feb-2010
 *   copyright            : (C) 2009 Daniel Julivert
 *   email                : ghoulwiz@gmail.com
 *   description          : CSS general de la interface
 *
 ***************************************************************************/

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

body {
	background-color: #faebce;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #775132;
}

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

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

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

.guiMain {
	position: absolute;
	left: 0px;
	top: 77px;
	width: 100%;
}
.guiPadder {
	padding: 10px;
}

.guiTitle {
	font-size: 14px;
	font-weight: bold;
	color: #90480e;
	text-align: center;
	width: 100%;
	display: block;
}
.guiSubTitle {
	font-size: 12px;
	font-weight: bold;
	color: #90480e;
	text-align: center;
	width: 100%;
	display: block;
}

.guiClickableList { cursor: pointer; text-decoration: none; width: 100%; }
.guiClickableList:hover { cursor: pointer; text-decoration: none; width: 100%; color: #c05905; background: #fbefd9; }

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

.guiLogo {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 15px;
	width: 100%;
	background: url(../../images/top-logo.jpg) 0 0 no-repeat #cc9961;
	color: #faebce;
	font-size: 9px;
	text-align: right;
	vertical-align: bottom;
	border-bottom: 1px #92633d solid;
	padding: 45px 0px 0px 0px;
}
.guiDate {
	position: absolute;
	right: 10px;
	top: 63px;
	color: #faebce;
	font-size: 9px;
	text-align: right;
}

/********************************************************************************
  Forms
********************************************************************************/

.inputNormal {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fefdfa;
	color: #613613;
	border-top: 1px #cba383 solid;
	border-right: 1px #e6d3c4 solid;
	border-bottom: 1px #ecddd1 solid;
	border-left: 1px #eadacd solid;
	margin: 1px;
}
.inputNormal:hover, .inputNormal:focus {
	border-top: 1px #a26843 solid;
	border-right: 1px #cfaf97 solid;
	border-bottom: 1px #dac0ab solid;
	border-left: 1px #d7baa5 solid;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fefdfa;
	color: #613613;
	border-top: 1px #cba383 solid;
	border-right: 1px #e6d3c4 solid;
	border-bottom: 1px #ecddd1 solid;
	border-left: 1px #eadacd solid;
	margin: 1px;
}
select:hover, select:focus {
	border-top: 1px #a26843 solid;
	border-right: 1px #cfaf97 solid;
	border-bottom: 1px #dac0ab solid;
	border-left: 1px #d7baa5 solid;
}

.inputSmall {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fefdfa;
	color: #613613;
	border-top: 1px #cba383 solid;
	border-right: 1px #e6d3c4 solid;
	border-bottom: 1px #ecddd1 solid;
	border-left: 1px #eadacd solid;
	margin: 1px;
	font-size: 9px;
	height: 10px;
}
.inputSmall:hover, .inputSmall:focus {
	border-top: 1px #a26843 solid;
	border-right: 1px #cfaf97 solid;
	border-bottom: 1px #dac0ab solid;
	border-left: 1px #d7baa5 solid;
}

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

.tableHeader {
	font-weight: bold;
	color: #faebce;
	background-color: #775132;
	text-align: center;
}

.tableSection {
	font-weight: bold;
	color: #faebce;
	background-color: #b89e80;
	text-align: center;
	border-top: 1px solid #775132;
	border-bottom: 1px solid #775132;
}

.tableRowL { background-color: #faebce; text-align: center; }
.tableRowD { background-color: #eedec0; text-align: center; }

.tableRowLC { cursor: pointer; background-color: #faebce; text-align: center; }
.tableRowDC { cursor: pointer; background-color: #eedec0; 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; }

.tableSkillHeader { background-color: #efc379; font-weight: bold; }
.tableSkillGroup { border: 1px solid #efc379; }

.tableFooter {
	font-style: italic;
	color: #faebce;
	background-color: #775132;
	text-align: center;
}

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

.loginBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9b541a;
	position: absolute;
	top: 2px;
	right: 2px;
	text-align: right;
	z-index: 9000;
}
.loginBox a { color: #92633d; }
.loginBox a:hover { color: #92633d; }

.loginBoxFloating {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	position: absolute;
	top: 2px;
	right: 2px;
	text-align: right;
	background-color: #f7dfb0;
	border: 1px solid #92633d;
	padding: 2px;
	color: #92633d;
	z-index: 10000;
}
.loginBoxFloating a { color: #c05905; }
.loginBoxFloating a:hover { color: #cd8448; }

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

/********************************************************************************
  Popup de ayuda
********************************************************************************/

.helpBox {
	font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	width: 200px;
	border: 2px solid #92633d;
	background-color: #ead2ae;
	color: #92633d;
	padding: 2px;
	display: none;
	filter:alpha(opacity=90);
	opacity:.9;
	-moz-opacity:.9;
	z-index: 9500;
}
.helpTitle {
	font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bolder;
	color : #92633d;
	padding-bottom : 0px;
}
.helpSubTitle {
	font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bolder;
	font-style : italic;
	color : #92633d;
	padding-bottom : 3px;
	padding-left : 10px;
}

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

.boxError {
	border: 1px solid #FFB0B0;
	color: #FFB0B0;
	background-color: #882525;
	width: 400px;
	padding: 10px;
	background-image: url(../../images/error.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding-left: 45px;
	text-align: left;
}
.boxWarning {
	border: 1px solid #FFB053;
	color: #FFB053;
	background-color: #944D00;
	width: 400px;
	padding: 10px;
	background-image: url(../../images/warning.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding-left: 45px;
	text-align: left;
}
.boxMessage {
	border: 1px solid #86ff53;
	color: #86ff53;
	background-color: #2c9400;
	width: 400px;
	padding: 10px;
	background-image: url(../../images/message.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding-left: 45px;
	text-align: left;
}
.boxErrorsWarningsPopup {
	text-align: center;
	border: 1px #4f250f solid;
	background-color: #92684b;
	position: absolute;
	width: 457px;
	top: 40px;
	left: 300px;
	z-index: 9600;
}
.boxErrorsWarningsPopup p { margin: 0px; }
.boxErrorsWarningsPopup a { color: #f7dfb0; }
.boxErrorsWarningsPopup a:hover { color: #fff0d2; }

.popupAlert {
	border: 1px #92633d solid;
	background-color: #f7dfb0;
	color: #9b541a;
	font-size: 10px;
	position: absolute;
	top: 30px;
	left: 300px;
	padding: 5px;
	width: 400px;
	z-index: 9100;
}
.popupAlertHidden {
	display: none;
}

.popupLoading {
	border: 1px #92633d solid;
	background-color: #e2c593;
	color: #9b541a;
	font-size: 10px;
	position: absolute;
	top: 200px;
	left: 350px;
	width: 310px;
	padding-top: 25px;
	padding-bottom: 25px;
	z-index: 9100;
}
.popupLoadingHidden {
	display: none;
}

.boxTutorialBox {
	border: 3px #92633d solid;
	background-color: #f7dfb0;
	background-image: url(../../images/box-background.jpg);
	color: #9b541a;
	font-size: 12px;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -210px;
	padding: 5px;
	width: 400px;
	z-index: 9100;
}
.boxTutorialTitle {
	background-color: #9b541a;
	color: #f7dfb0;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	margin-bottom: 10px;
}
.boxTutorialText {
	margin: 5px;
	text-align: justify;
}
.boxTutorialClose {
	margin-top: 10px;
}

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

.guiBox {
	color: #92633d;
	border: 1px #92633d solid;
	background-color: #f7dfb0;
}
.guiTabOn {
	color: #92633d;
	border-top: 1px #92633d solid;
	border-left: 1px #92633d solid;
	border-right: 1px #92633d solid;
	border-bottom: 1px #f7dfb0 solid;
	background-color: #f7dfb0;
	cursor: pointer;
}
.guiTabOn:hover {
	color: #c05905;
	border-top: 1px #92633d solid;
	border-left: 1px #92633d solid;
	border-right: 1px #92633d solid;
	border-bottom: 1px #f7dfb0 solid;
	background-color: #fbefd9;
	cursor: pointer;
}
.guiTabOff {
	color: #92633d;
	border: 1px #92633d solid;
	background-color: #f6cc7a;
	cursor: pointer;
}
.guiTabOff:hover {
	color: #c05905;
	border: 1px #92633d solid;
	background-color: #fbefd9;
	cursor: pointer;
}

.guiBlock {
	color: #92633d;
	border-top: 1px #f7dfb0 solid;
	border-right: 1px #92633d solid;
	border-left: 1px #92633d solid;
	border-bottom: 1px #92633d solid;
	background-color: #f7dfb0;
}
.guiBlockShow {
	display: block;
}
.guiBlockHide {
	display: none;
}