/* This is the css file of the Compact skin with comments for the individual formats */

/* 
-----------------------------------------------
  Global
----------------------------------------------- */
body {  background-image:url('../img/background.jpg');
		background-color:white; font-family: sans-serif;
		scrollbar-3dlight-color: #D1D7DC;
		scrollbar-arrow-color: #6B809B;
		scrollbar-darkshadow-color: #98AAB1;
		scrollbar-face-color: #DEE3E7;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-shadow-color: #DEE3E7;
		scrollbar-track-color: #EFEFEF;
        padding-top:15; font-size: 8pt; text-decoration:none
     }
a:link {text-decoration:none;}
A:visited {
	COLOR:#5757FF; TEXT-DECORATION: none;
}
A:hover {
	COLOR:#930000; TEXT-DECORATION: none;
}
A:visited:hover {
	COLOR: #930000; TEXT-DECORATION: none;
}
A:active {
	COLOR: #930000; TEXT-DECORATION: none;
}
li { font-size: 8pt; text-decoration:none; }

td { font-size: 8pt; text-decoration:none; vertical-align:top; }


/* 
-----------------------------------------------
  Forms
----------------------------------------------- */

FORM {
color: #000080;
background-color: #CED8FF;
border: 2px dotted gray;
margin:0px;
margin:0; padding:0
}

.buttonUp {
	border:1px solid #000;
	color:black;
	background-color:#cc9;
	letter-spacing:0px
}
.buttonDwn {
	border:3px inset;
	color:white;
	background-color:#960;
	letter-spacing:0px;
	font-weight:bold
}
input, textarea, select {
	border:1px ridge #78ACFF;
	color:#0042AE;
	background-color:#EAF2FF;
	letter-spacing:0px;
	font-size: 8pt
}
input:hover, textarea:hover, select:hover, input.hover, textarea.hover, select.hover {
	border:1px ridge yellow;
	color:#1153bf;
	background-color:#cfc
}
input:focus, textarea:focus, select:focus, input.focus, textarea.focus, select.focus {
	border:1px ridge #cfc;
	color:#000;
	background-color:#fbf3ff
}


/* 
-----------------------------------------------
  Menu
----------------------------------------------- */

/* Mainmenu settings for selected / not selected tabs */
.notselected { padding-left:17px; color:black; font-weight: bold; font-size:2em }
.selected { padding:5px; color:red; font-weight: bold; font-size:2em; text-align:center }

.notselected A:link, .notselected A:visited, .notselected A:hover, .selected img {
	padding: 2px; text-align:center; font-size: 12px; color: white
	}
.selected A:link, .selected A:visited, .selected A:hover, .selected img {
	padding: 2px; text-align:center; font-size: 12px; color: white
	}

.switchnotselected {
	background-color: #7F9DB9;
	color: #D2ECFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 15px;
	border: 2px inset #009BFF;
	}
.switchselected { 
    background-color: #CCFFCC;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border-style: solid; 
	border-width: 2px;
	border-color: #FFCC00;
	font-size: 1px;
	}
	
	
.switchnotselected A:link, .switchnotselected A:visited, .switchnotselected A:hover {
	color: #D2ECFF;
	}
.switchselected A:link, .switchselected A:visited, .switchselected A:hover {
	color: black;
	}
	
.cursor {
	cursor:pointer
}

.topmenu {
	background-color: white;
	border: 0px outset lightgreen;
	font-weight: bold;
	font-style: italic;
	vertical-align: middle;
}


#checkbox  { border: 0px; width: 12px; height: 12px; vertical-align: middle;}




/* 
-----------------------------------------------
  Calendar
----------------------------------------------- */

/* calendar module */
/* used for the year view in the calendar */
#small {font-size: 8pt;}
/* used to mark the inactive days of the previous and next month in the month box of the calendar */
#vn { color:silver; }
/* Headline of the calendar datepicker */
#cal { font-weight: bold 45% Verdana,Sans-serif;
	color: #ffd;
	background: #000;
	text-align: right
}

/* 
-----------------------------------------------
  SubMenu
----------------------------------------------- */
/* Module related submenu */
/* l = low : not selected */
#ml { background-color: #006699; color: #CCCCCC; font-weight: bold; text-align: center; }
/* h = highlight : selected */
#mh { background-color: #F0F0E0; color: #005588; font-weight: bold; text-align: center; }

/* styles used in several modules */
/* moves content of a table cell to the right = align=right */
#ri { text-align: right; }
/* special style for the default submit icon so it appears transparent */

/* used in the help files */
#normal { font-size: 10pt; }



/* 
-----------------------------------------------
  CMS editor
----------------------------------------------- */
/* Below used for CMS editor */
#cm_edit_prompt {
  color: #0000FF;
  text-decoration : none;
  cursor : pointer;
  cursor : hand;
}
div.tbedicion01 {
  border-style: ridge;
  border-width:thin;
  padding: 5 5 5 5;
  background-color: #666666;
  cursor : default;
}
#edittextarea {
  border-style:groove;
  border-width:thin;
  background-color:white;
  height : 70%;
  width : 100%;
  overflow:scroll;
  behavior: url(#default#userdata);
}
img.btngr {
  border-style:groove;
  border-width:2;
  border-color:#CCCCCC;
  padding: 2 2 2 2;
  background-color: #666666;
  cursor : pointer;
  cursor : hand;
}
img.btngr2 {
  border-width:0;
  padding: 0 0 0 0;
  background-color: #666666;
  cursor : pointer;
  cursor : hand;
}
span.btntxt {
  border-style:groove;
  border-width:2;
  border-color:#CCCCCC;
  padding: 2 10 2 10;
  background-color: #CCCCCC;
  cursor : pointer;
  cursor : hand;
  font-size: 80%;
  font-family:sans-serif, Arial, helvetica;
}