html
{
	overflow-y: scroll;
}

body
{
	background-image: url("./backdrop.png");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

body, p, td
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
}

hr
{
	color: gray;
	background-color: gray;
	height: 1px;
	border: none;
	margin: 2px;
}

a:hover
{
	text-decoration:none;
	font-weight: normal;
	color:#FF0000;
}

a
{
	color: black;
	font-weight: normal;
	text-decoration: none
}

.menuLink
{
	font-size: 9px;
	font-weight: bold;
	color: #131C5C;
}

.categoryTitle
{
	font-size: 19px;
	color: #131C5C;
}

.sectionTitle
{
	border-bottom-style: solid; 
	border-bottom-width: 1px;
	font-size: 9px;
	font-weight: bold;
	color: gray;
}

.fieldTitle
{
	vertical-align: top;
	font-weight: bold;
}

.mainArea
{
	border-left-style: dotted;
	border-left-width: 1px;
	border-right-style: dotted;
	border-right-width: 1px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px
}

.subtleBackground
{
	background: #eeeeee;
}

.infoBar
{
	background: dimgray;
	color: white;
	width: 1082px
}

.listHeader
{
	background: dimgray;
	color: white;
	font-weight: bold;
}

.listBackground
{
	background: #f0f0f0;
}

.pagingBackground
{
	background: #eef2ff;            /* mismo tono índigo claro del diseño */
	border-radius: 8px;
	padding: 4px 6px;
}
.pagingBackground td { vertical-align: middle !important; padding: 4px 8px !important; white-space: nowrap; }
.pagingBackground select { vertical-align: middle; }

.errorMessage
{
	color: brown;
}

.successMessage
{
	color: #1a7f37;
	font-weight: bold;
}

/* ----------------------------- general interface styles ------------------------------ */
input, select, textarea
{
	border: 1px solid #999; 
	font: 1.1em Verdana, Helvetica, sans-serif;
}

input, textarea
{
	padding: 2px;
}

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

input.checkbox, input.radio
{
	border: none;
}

button, input.button
{
	width: auto !important;
	margin-right: 0px;
	margin-left: 0px;
	border: 1px solid #bfbfbf;
	border-right-color: #908d8d;
	border-bottom-color: #908d8d;
	padding: 1px .5em;
	background: #e1e1e1;
}

/* --- Botones tipo pill suave en TODO el panel (como los de Acciones) --- */
input[type=submit], input[type=button], input[type=reset], button, input.button
{
	-webkit-appearance: none !important; appearance: none !important;
	width: auto !important;
	border: 1px solid #c7d2fe !important;
	border-radius: 6px !important;
	padding: 4px 10px !important;
	margin: 2px 1px !important;
	line-height: 1 !important;
	color: #4f46e5;                 /* sin !important: botones de color propio (rojo/verde) ganan */
	font-weight: 600 !important;
	font-size: 11px !important;
	cursor: pointer !important;
	box-shadow: 0 1px 2px rgba(0,0,0,.08) !important;
	transition: background .12s ease, transform .08s ease;
	background: #eef2ff;            /* sin !important: idem */
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover, input.button:hover
{
	background: #e0e7ff;
	transform: translateY(-1px);
	cursor: pointer !important;
}
input[type=submit]:active, input[type=button]:active, button:active { transform: translateY(0); }
input[type=submit][disabled], input[type=button][disabled], button[disabled], button[disabled=disabled]
{
	background: #f1f5f9 !important; color: #94a3b8 !important;
	border-color: #e2e8f0 !important; box-shadow: none !important;
	cursor: not-allowed !important; transform: none !important;
}

button:active, input.button:active
{
	border: 1px solid #908d8d; 
	border-right-color: #afafaf; 
	border-bottom-color: #afafaf;
}

button:hover, input.button:hover
{
	cursor: default;
}

button[disabled=disabled]
{
	border: 1px solid #ccc;
	background: #eee;
	color: #b3b3b3;
}

button[disabled=disabled]:hover
{
	cursor: default;
}

button.disabled, input.button.disabled
{
	border: 1px solid #ccc; 
	background: #eee; 
	color: #b3b3b3;
}

button.disabled:hover, input.button.disabled:hover
{
	cursor: default;
}

#boton{
    font-size:12px;
	color:#000000;
	background-color:#A8D4F1;
	padding: 3px;
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px; 
	border-bottom-right-radius: 4px; 
	border-bottom-left-radius: 4px;
    width:90px;
    height:22px;
}

#boton:hover{
	background-color:#8DC0E2;
}