/*@charset "utf-8";*/
/*@charset "iso-8859-1";*/
/* CSS Document */

@import "menu.css";

/* 100% height layout with header and footer */
 
/* Start pages attributes */
html {
	margin: 0;
	padding:0;
	height:100%; /* needed for container min-height */
	/*overflow: -moz-scrollbars-vertical;*/
	overflow-y: scroll;
}

body, .body {
	margin: 0;
	padding: 0;
	height:100%; /* needed for container min-height */
	background: gray;
	font-family: tahoma,verdana,arial,sans-serif; /*Verdana, Arial, Helvetica, sans-serif*/
	font-size:12px;
	color:#666;
}

h1 { font:1.4em tahoma,verdana,arial,sans-serif; /*Verdana, Arial, Helvetica, sans-serif; */ margin:0.2em 0; }
h2 { font:1.25em tahoma,verdana,arial,sans-serif; /* Verdana, Arial, Helvetica, sans-serif; */ margin:0 0 0.5em; }
h1, h2 { color: #000000; }

p { line-height:1.5; margin:0 0 1em; }
p.note { font-size: 95%; background-color: #ffffe6; padding: 0.8em 1.6em;  border: 1px solid #eee; font-weight: bold; color: #666; }

a { text-decoration: none; /*color: #0000FF;*/ color: #4498c7; font-weight:bold; }
a:hover { text-decoration: underline; font-weight:bold; }
a:link, a:visited, a:active{ outline: none; /* hide dotted outline in Firefox */ }

img { border:none; }

th .left{ text-align:left; }

th .right{ text-align:right; }

label { vertical-align: baseline; text-align: right; font-weight: bold; }
label.error { vertical-align: baseline; text-align: right; font-weight: bold; color: #c20b36; }
	
.small{ font-size:10px; }

td.top{ vertical-align: top; }

/* Horizontal line */
hr{ width:96%; border: 0; background-color:#000000; height: 1px; }

/* Vertical line */
.vr{ border-right: 2px solid orange; }

/* Tables */
table { margin-left:auto; margin-right:auto; border:none; }
table.center { margin-left:auto; margin-right:auto; }
table.left { margin-left:0; margin-right:auto; }
table.right { margin-left:auto; margin-right:0; }

table.frmLogin { border:0px; }

.help { width: 16px; /*ancho de la barra izquierda*/ height: 16px; background: url(../img/icons/question-16.png) no-repeat top left; }

div.Right { float: right; text-align:right; }
div.Center { }
div.Left { float: left; text-align: left; }

.right { text-align: right; }
.center { text-align: center; }
.left { text-align: left; }

.clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; }

a.fm-button{
	background-color:#222 /*url('img/overlay-button.png') repeat-x 0 0*/;
	display:inline-block;
	padding:5px 15px 6px;
	color:#fff;
	font-size:14px;
	font-weight:700;
	line-height:1;
	text-decoration:none;
	border-bottom:1px solid rgba(0,0,0,0.25);
	position:relative;
	cursor:pointer;
	overflow:visible;
	outline: none;
	width:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}
a.fm-button:active{ -webkit-transform:translateY(1px); -moz-transform:translateY(1px) }
a.fm-button:hover{ background-color:#666; color:#fff }
a.fm-button-ok:hover{ background-color:#0E42A3; color:#D2DBFB }
a.fm-button-cancel:hover{ background-color:#C02525; color:#FFDFE0 }
a.fm-button span { display: block; color:#fff; font-weight:bold; } 


/* HTML Continer */

div#container { position:relative; /* needed for footer positioning*/ margin:0 auto; /* center, not in IE5 */ width: auto; background:#f0f0f0; height:auto !important; height:100%; /* IE6: treaded as min-height*/ min-height:100%; }

div#header { padding:0.5em; padding-bottom:1.5em; background:#ddd; border-bottom:thin solid gray; }
div#header p { font-style:italic; font-size:1.1em; margin:0; }
div#right { font-size:1.1em; margin:0; position: relative; height:auto !important; height:100%; /* IE6: treaded as min-height*/ min-height:100%; text-align:right }

div#content { padding:8px 5px 50px; /* bottom padding for footer */ }
div#content p { text-align:justify; padding:0 1em; }

div#footer { position:absolute; width:100%; bottom:0; /* stick to bottom */ background:#ddd; border-top:thin solid gray; }
div#footer p { padding:1em; margin:auto; }
	
/* End pages attributes */


.smalltext { font-size: 10px; text-align: center; }

span.copyright { font-size: 10px; text-align: center; }

/* Ajax Status Container*/
.ajaxStatus {
	border: 1px solid rgb(255, 255, 255);
	padding: 2px;
	visibility: hidden;
	z-index: 200;
	position: absolute;
	background-color: #FF0000;
	color: #FFFFFF;
	top: 0px;
	right: 0px;
	width: 150px;
	opacity: 0.8;
	font-size: 14px;
}
/* End Ajax Status Container*/

/* Start Pagination */
.pagination { color: #666; border: 0px; text-align:center; margin-bottom:10px; margin-top:10px; }
.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active { text-decoration: none; color: #fff; background: #666666; border: 1px solid #fff; padding: 3px 6px; }
.pagination a:hover { background: #fff; color: #666666; border-color: #666666; }
.pagination span { text-decoration: none; text-align: center; background: #fff; border: 1px solid #666666; color: #666666; padding: 3px 6px; }
/* End Pagination */

/* Start Msgs */
.msgInfo { font-size:1em; margin: 10px 0 0 0; border: 1px solid; background: #e1e1ff; padding: 10px 40px; background-repeat:  no-repeat; background-position:  10px 6px; border-color: #0000ff; background-image: url(../images/information-24.png); }
.msgInfo .title { color: #0000ff; font-weight: bold; }

.msgOk { font-size:1em; margin: 10px 0 0 0; border: 1px solid; background: #e1ffe1; padding: 10px 40px; background-repeat:  no-repeat; background-position:  10px 6px; border-color: #009933; background-image: url(../images/ok-24.png); }
.msgOk .title { color: #009933; font-weight: bold; }

.msgWarning { font-size:1em; margin: 10px 0 0 0; border: 1px solid; background: #f6edd2; padding: 10px 40px; background-repeat:  no-repeat; background-position: 10px 6px; border-color: #CC9901; background-image:url(../images/warning-24.png); }
.msgWarning .title { color: #CC9901; font-weight: bold; }

.msgError { font-size:1em; margin: 10px 0 0 0; border: 1px solid; background: #ffe1e1; padding: 10px 40px; background-repeat:  no-repeat; background-position:  10px 6px; border-color: #cc0000; background-image: url(../images/error-24.png); }
.msgError .title { color: #cc0000; font-weight: bold; }
/* End Msgs */


/* Tablesorter grid */
.even { background-color:#EBEBEB; }
.odd { /* background-color: #6E6E6E; */ background-color:#FF0000; }
.over { /* background-color: #6E6E6E; */ color:#CCCCCC; background-color:#666666; }

.checked { background-color: #CC9900; }
.highlight { background-color: #3D3D3D; font-weight: bold; }

.loading { 
	margin:5px;
	vertical-align:middle;
	padding: 0px 25px;
	min-height: 18px;
	background: url(../images/indicator2.gif) no-repeat left;
}

.ajax_loading {
	padding: 5px 10px 5px 25px;
	position:fixed !important;
	position: absolute;
	z-index: 9999;
	right: -129px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
	border: thin solid;
	background: #FFFFFF url(../img/indicator.gif) no-repeat left;
	background-position: 5px 5px;
	border-color: #214673;
	display: none;
}

.ajax_loading_top{ top: 0px; }
.ajax_loading_bottom{ bottom: 0px; }
.ajax_loading_right{ right: 1px; }
.ajax_loading_left{ left: 1px; }

div.error-16{ padding: 2px 25px; background-repeat: no-repeat; background-position: 3px 3px; background-image: url(../img/icons/error-16.png); }
div.error-16 span{ color:#CC0000; }

div.ok-16{ padding: 2px 25px; background-repeat: no-repeat; background-position: 3px 3px; background-image: url(../img/icons/ok-16.png); }
div.ok-16 span{ color:#00CC00; }
	
div.warning-16{ padding: 2px 25px; background-repeat: no-repeat; background-position: 3px 3px; background-image: url(../img/icons/warning-16.png); }
div.warning-16 span{ color:#996600; }
	
.in_maintenance{ font-size: 15px; font-weight: bold; text-align: center; }
.in_maintenance span{ font-size: 30px; }
	
.hr_block{ 	color:#333333; background-color:#999999; height: 2px; border: 0; }


/* Para FM */
.sectionName{ font-size:24px; font-weight:bold; margin-left:10px; text-align:right; }
.sectionTitle{ font-size:14px; font-weight:bold; margin-left:10px; text-align:right; }
.companyName{ font-size:30px; font-weight:bold; margin-left:5px; margin-top: -5px; }
.companySlogan{ font-size:14px; font-weight:bold; margin-left: 8px; }
.sectionDescription{ font-size:16px; border-bottom: thin solid #666666; }

.up_quantity, .down_quantity{ cursor:pointer }


/* Start Styling Tables */

.tableContainer{ width:800px; }

.tableDetails{ width:800px; max-width:800px; border-collapse:collapse; }
.tableDetails thead th{ 
	font-size:15px; background-color:#666666; color:#FFFFFF; height:25px; 
	-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;
}

.tableDetails tbody td{ font-size:12px; height:20px; }
.tableDetails tbody tr{ background:#CCCCCC; }
.tableDetails tfoot td{ 
	font-size:15px; background-color:#666666; color:#FFFFFF; min-height:10px; height:10px; 
	-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;
}
.tableDetailsTitle { text-align:right; font-weight: bold; }
.tableDetailsText { text-align:left; }

.tableGrid{ width:100%; border-collapse:separate; }
.tableGrid thead th{ 
	font-size:12px; background-color:#999999; color:#FFFFFF; text-align:center; font-weight: bold;
	-webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px;
}
.tableGrid tbody td{ font-size:12px; height:20px; }
.tableGrid tbody tr{ background:#DDDDDD; }
.tableGrid tfoot td{
	font-size:12px; background-color:#999999; color:#FFFFFF; text-align:center; font-weight: bold;
	-webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px;
}

.tableFiles{ width:100%; border-collapse:separate; background-color:#999; }
.tableFiles thead th{ font-size:12px; background-color:#666; color:#FFF; text-align:center; font-weight: bold; }
.tableFiles tbody td{ font-size:12px; height:20px; color:#666; }
.tableFiles tbody tr{ background-color:#CCC }
.tableFiles tfoot td{ font-size:12px; background-color:#999999; color:#FFFFFF; text-align:center; font-weight: bold; }

.itemsStatistics { list-style-type: none; margin: 0; padding: 0; }
.itemsStatistics li { margin: 10px; padding: 1px; float: left; width: auto; font-size: 4em; text-align: center; border:thin solid #999; }
.itemsStatistics table thead th { font-size:14px; background-color:#666666; color:#FFFFFF; }
.itemsStatistics table tbody td { font-size:12px; }

.tableClear { }
.tableClear tbody tr { background-color:transparent; }

/* End Styling Tables */

/* Starts Styling Inputs */
input[type="text"], input[type="password"], input[type="file"], textarea, select{
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color:#000000; padding: 3px;
}

/*hide dotted outline */
input[type="submit"]:focus, input[type="button"]:focus{ outline : none; /*for IE8 */ border: 0px; /*for FireFox*/ }
input[type="text"], input[type="password"], input[type="file"]{ width:200px; }
select{ max-width:208px; }
textarea{ min-width:200px; max-width:500px; max-height:200px; overflow: auto; margin: 0; }
input[type="checkbox"]{ margin: 3px 0 3px 0; }
.ie8 input[type="checkbox"]{ margin:0 0 0 -1px; float:left; }
input.text, input.password, textarea, select { border: solid 1px #ccc; border-color: #777 #bbb #ddd; line-height: 1; }
input.text:focus, input.password:focus, textarea:focus, select:focus { border-color: #c6762f; outline: none; background-color:#f8f0e9 /*#FDFAEA*/; }
input.error, textarea.error, select.error { border: solid 1px #ccc; color: #5a5a5a; border-style: solid; border-color: #777 #bbb #ddd; background: #FFD5D6; line-height: normal;
}
input.disabled, textarea.disabled, select.disabled { padding: 2px; border: solid 1px #ccc; color: #999999; border-style: solid; border-color: #777 #bbb #ddd; 	background: #f0f0f0; line-height: normal; }
input.error:focus, textarea.error:focus, select.error:focus { border-color: #FF0000; outline: none; }
/* End Styling Inputs */


/* 16px icons */ 
.fm-icon16{ width:16px; height:16px; background: url(../images/fm_icons_16.png) no-repeat 16px 0px; border:none; vertical-align: middle; float:left; display:inline-table }
.fm-icon16-add{ background-position: 0px 0px; }
.fm-icon16-remove{ background-position: 0px -16px; }
.fm-icon16-help{ background-position: 0px -32px; }
.fm-icon16-info{ background-position: 0px -48px; }
.fm-icon16-back{ background-position: 0px -64px; }
.fm-icon16-reload{ background-position: 0px -80px; }
.fm-icon16-search{ background-position: 0px -96px; }
.fm-icon16-flag{ background-position: 0px -112px; }