/*

IMPORTANT NOTES: (PLEASE READ CAREFULLY!)

1. DO NOT MODIFY the system styles section, it is generated by the system,
   your modifications will be overwritten. If you want to change the stylesheet
	 template, modify the ew.css in the "themes" subfolder under the installed
	 directory. Only modify the ew.css if you have the necessary knowledges in
	 CSS.
	 
2. DO NOT REMOVE THE FOLLOWING COMMENTS:
   
   BEGIN_USER_STYLES
   END_USER_STYLES
	 
	 You MUST write your styles between these two comment lines below, styles
   outside this user styles section will be discarded.
	 
3. If you want to override the system styles, you can copy the styles to the
   User Styles Section, or you can use a separate user stylesheet.

*/

/*BEGIN_SYSTEM_STYLES*/

html {

}

body {
	background-color: #cecece; /* background color */
	color: #000;
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */
	margin: 0; /* top right bottom left */
}

.phpmaker {
	color: #000000; /* text color */
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */	
}

/* Titles */
.ewTitle {
    font-size: 1.5em;
    font-variant: small-caps;
}

input, textarea, select {	
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */
	padding-top: 7px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #004d82;
	color: #FFFFFF;
	font-weight: bold;
	border: 0px;
} 

input[type="text"],input[type="password"], select, textarea{
	border:1px solid #999;
	background-color: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #434240;
	font-weight: normal;
}
input[type="text"],input[type="password"]{
	height: 20px;
}
input{
	height: 35px;
}

a:active, a:link, a:visited {
	color: #004d82; /* active link color */
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

/* Menu */
div.ewMenuBarVertical {
	list-style-type: none;
	list-style-position: outside;
	padding: 2px;
	margin: 0 0 0 6px;
}


div.ewMenuBarVertical ul,li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
}
div.ewMenuBarVertical a{
	color: #FFF;
}

/* template layout */
.ewLayout {
    font-family: Open Sans;
    font-size: small;
    width: 1200px;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

.ewHeaderRow {
	background-color: #FFFFFF; /* background color */
	color: #008000; /* font color */
	text-align: left;
	left:0px;
	border-bottom: 2px solid #F1F1F1;
	padding-top: 30px;
}

.ewContentTable {
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */
	width: 100%;
	height: 100%;
	clear: left;
}

.ewMenuColumn {
	background-color: #ECECEC; /* background color */
	color: #000000; /* font color */
	width: 250px;
	vertical-align: top;
	padding: 5px;
	height: 470px;
}

.ewContentColumn {
	background-color: #FFF; /* background color */
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.ewFooterRow {
    background-color: #FFFFFF;
    color: #A0A0A5;
    padding: 4px;
    border-top: 2px solid #F1F1F1;
	padding-bottom: 20px;
}

.ewFooterText {
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */	
}

.ewForm {
	margin: 0;
	padding: 0;
}

.ewGrid {
    border-collapse: separate;
    width: 100%;
}

.ewGrid .ewGridContent {
	padding: 0;	
	border: 1px solid #004d82; /* grid border */			
}

/* grid pager panel */
.ewGridUpperPanel, .ewGridLowerPanel {
	padding: 3px;	
	border-left: 0;
	border-right: 0;	
	background-color: #FFF; /* grid header color */
	color: #000;	 /* grid header font color */
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */			
}

.ewGridUpperPanel {
	border-top: 0px;
	border-bottom: 1px solid;
	border-color: #004d82; 
}

.ewGridMiddlePanel {
	border: 0;	
}

.ewGridLowerPanel {
	border-top: 1px solid;
	border-bottom: 0px; 
	border-color: #004d82;
	padding-top: 15px;
    padding-bottom: 15px;
}

.ewGridUpperPanel td, .ewGridLowerPanel td {
	color: #000000;	 /* grid header font color */
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */			
}

.ewDisplayNone {
	display: none;
}

.ewNoBorderBottom {
	border-bottom: 0px;
}

.ewNoBorderTop {
	border-top: 0px;
}

.ewPager td {
	white-space: nowrap;	
}

.ewTabContent {
	padding: 0;
	border: 0;
}

.ewMultiColumnTable {
	border: 0;
}

.ewMultiColumnTable td {
	padding: 10px;
}

.ewItemList {
	display: inline-table;
}

/* main table */
.ewTable {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */			
}

.ewTableSeparate {	
	border-collapse: separate;		
}

.ewTable td {
	padding: 7px; /* cell padding */
	border-bottom: 1px solid; /* border width, horizontal grid line */
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid; /* border width, vertical grid line */
	border-color: #004d82;  /* border color */
}

.ewTableAddOpt {
	border: 0;
	border-spacing: 0;
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */			
}

.ewTableAddOpt td {
	padding: 3px; /* cell padding */
	border: 0;
}
	
.ewTable .ewTableHeader, .ewTable .ewTableHeader td {
	background-color: #9CC525;	/* header bgcolor */
	color: #FFFFFF; /* header font color */
	border-bottom: 1px solid; /* header border width */
	border-right: 1px solid; /* header border width */
	border-color: #004d82; /* header border color */	
	background-image: url(../phpimages/); /* header bg image */
	background-repeat: repeat-x;		
	vertical-align: middle; 	
}

.ewPointer {
	cursor: pointer;
}

.ewTableHeader a:link, .ewTableHeader a:active, .ewTableHeader a:visited {	
	color: #FFFFFF; /* header font color */
	text-decoration: none;	
}

.ewTableHeaderBtn {
	width: 100%;
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */				
}

.ewTableHeader .ewTableHeaderBtn td {
	background: transparent;
	padding: 0;
	border: 0;
	white-space: nowrap;		
}

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
	color: inherit;
}

/* main table alternate row color */
.ewTableAltRow {
	background-color: #EEF4E0; /* alt row color 2 */
	color: inherit;	
}

/* main table last row */
.ewTableLastRow td {
	border-bottom: 0px;
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: #F0E68C; /* edit mode color */
	color: inherit;
}

/* main table highlight color */
.ewTableHighlightRow {
	color: inherit;
}

/* main table select color */
.ewTableSelectRow {
	background-color: #46B7F0; /* select color */
	color: #FFFFFF;
}

/* main table footer */
.ewTableFooter {
	background-color: #FFFACD; /* footer color */
	color: inherit;
}

/* table for export to HTML */
.ewExportTable {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */			
}

.ewExportTable td {
	padding: 3px; /* cell padding */
	border-bottom: 1px solid; /* border width, horizontal grid line */
	border-top: 1px solid; /* border width, horizontal grid line */
	border-left: 1px solid; /* border width, vertical grid line */
	border-right: 1px solid; /* border width, vertical grid line */
	border-color: #004d82;  /* border color */
}

.ewExportTable .ewTableHeader, .ewExportTableHeader td {
	background-color: #9CC525;	/* header bgcolor */
	color: #FFFFFF; /* header font color */
	border-bottom: 1px solid; /* header border width */
	border-right: 1px solid; /* header border width */
	border-color: #004d82; /* header border color */	
	vertical-align: middle; 		
}

.ewExportTableRow td {
	background-color: #FFFFFF;  /* alt row color 1 */
	color: inherit;
}

.ewExportTableAltRow td {
	background-color: #EEF4E0; /* alt row color 2 */
	color: inherit;	
}

.ewExportTableFooter td {
	background-color: #FFFACD; /* footer color */
	color: inherit;
}

.ewBasicSearch {
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */
	border: 0px;
	padding: 2px;
}

.ewCssTableRow {
	padding-top: 2px;
	padding-bottom: 2px;
}

.ewCssTableRow .ewCssTableCell {
	padding-right: 10px;
/* NOTE: Uncomment to set fixed length caption
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
*/
}

.ewSearchOprCell {
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */
/* NOTE: Uncomment to set fixed length operator
	display: -moz-inline-box;
	display: inline-block;
	width: 10px;
*/
	color: maroon;
}

.ewCssTableRow .ewCssTableCell .ewSearchField {
/* NOTE: Uncomment to set fixed length operator
	display: -moz-inline-box;
	display: inline-block;
	width: 150px;
*/
}

.ewItemTable td {
	color: inherit; /* text color */
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

/* separator */
.ewSeparator {
    color: gray;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
} 

.ewGroupAggregate {
	font-weight: bold;
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message - reserved for compatibility */
.ewMessage {
	color: inherit; /* text color */
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */	
}

/* success message */
.ewSuccessMessage {
	color: #0055FF; /* message color */
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */	
}

/* error message */
.ewErrorMessage {
	color: red; /* message color */
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */	
}

/* required field indicator */
.ewRequired {
	color: red; /* message color */
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */	
}

/* highlight */
.ewHighlightSearch {
	font-weight: bold;
	background-color: yellow;
}

/* Template */
.ewTemplate {
	display: none;
}

/* YUI TabView */
.yui-skin-sam .yui-navset .yui-nav  {
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */	
}

.yui-skin-sam .yui-navset .yui-content {
	padding: 0;
	border: 0;
}

/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
	border-width: 0;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
	background: #F5F5F5 url(../phpimages/) repeat-x; /* tab background */
	color: #000;
	border: solid #a3a3a3; /* tab left/right border color */
	border-width: 0 1px;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
	border: solid #a3a3a3; /* tab top border color */
	border-width: 1px 0 0;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
	background: #F0FFFF url(../phpimages/); /* highlighted tab background */
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
	background: #9CC525 url(../phpimages/); /* selected tab background */
	color: #FFFFFF;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
	border-color: #243356; /* selected tab border color */
}


/* YUI Button */
.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {   
  font-size: small; /* font size */
}

/* YUI Panel */
.yui-skin-sam .yui-panel .hd {    
	font-size: small; /* font size */
	line-height: 2.5;     
}

/* Auto-Suggest */
.yui-skin-sam .yui-ac { /* DO NOT CHANGE! */
	position: relative; 
}

.yui-skin-sam .yui-ac-input { /* DO NOT CHANGE! */
	position: relative;
	width: auto;
}

.yui-skin-sam .yui-ac-content ul{
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */
	color: #000000; /* text color */ 
}

/* YUI Button */
.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {
	font-family: Open Sans; /* font name */
	font-size: small; /* font size */
}

.ewUnmatched {
	background: #FF9F9F;
}

/* scrollable table */
.ewScrollableTable {
	*overflow-y: auto; /* for ie */
}

.ewScrollableTable thead tr {
	position: relative; /* for ie */
}

.ewScrollableTable .ewScrollableTableHeader {
	overflow: hidden;
	position: relative; /* for ie overflow bug http://rowanw.com/bugs/overflow_relative.htm */
}
/* scrollable table */

.ewLangForm {
    text-align: right;
}

.ewReadOnlyTextArea {
	padding-bottom: 5px;
	padding-right: 5px;
}

.ewReadOnlyTextAreaData {
	overflow: auto;
	height: 100%;
	width: 100%;
}

.label_blanco{
	color: #666666; /* text color */
	font-family: Open Sans; /* font name */
	font-size: medium; /* font size */	
}

.label_campo{
	font-family: Open Sans; /* font name */
	font-size: medium; /* font size */	
}


a.blanco{
	color: #FFF;
	text-decoration: underline;
}

a.oscuro{
	color: #000000;
	text-decoration: underline;
}

a.oscuro:hover{
	text-decoration: none;
}

a.azul{
	color: #004D82;
	text-decoration: underline;
}

h1.blanco{
	color: #FFF;
    font-family: Raleway;
}

h1.azul {
    color: #004d82;
    font-family: Raleway;
}

h1.oscuro{
	color: #434240;
    font-family: Raleway;
}

.tabla_login {
    border: 1px dotted #CECECE;
    background: #FFFFFF;
    color: #004d82;
}

.tabla_texto{
	border:1px solid #434240;
	background: #FFFFFF;
}


.footer{
	font-family: normal  Open Sans,Helvetica,sans-serif;
	font-size: small;
	color: #434240;
}
a.footer{
	font-family: normal  Open Sans,Helvetica,sans-serif;
	font-size: small;
	color: #434240;
}

a.menutop{
	font-family: Tahoma;
	font-weight: bold;
	font-size: medium;
	color: #434240;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
	margin: 0 0px 0 5px;
	line-height: 20px;
}

a.menutop:hover {
	padding-top: 15px;
	top:15px;
	border-bottom: 10px solid #9BB70D;
	color: #FFF;
	font-weight: bold;
}

a.menutopsel {
	font-family: Tahoma;
	font-size: medium;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
	margin: 0 0px 0 5px;
	line-height: 20px;
	padding-top: 15px;
	border-bottom: 10px solid #9BB70D;
	color: #FFF;
	font-weight: bold;
}

h1.gris{
	color: #434240;
}

p.identidad {
    background-color: #004D82;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

.img_home {
	float:left;
	padding:2px;
	border:1px solid #434240;
}

ul.mensajes li{
	list-style: square inside;
	color:#CCC;
	border-bottom: 1px dotted #CCC;	
}

div.scroll {
	height: 300px;
	width: 260px;
	overflow: auto;
	overflow-x: hidden;
	-ms-overflow-x: hidden;
	padding: 1px;
}

ul.menu_cliente li{
	list-style: square inside;
	color:#000;
	border-bottom: 1px dotted #CCC;	
	margin-bottom: 5px;
}

ul.menu_cliente li a{
	text-decoration: none;
}

ul.menu_cliente li a:hover{
	text-decoration: underline;
}

ul li{
	list-style: square inside;
	color:#9BB70D;
}

ul li span{
	color: #000;
}

div#accordion input {
    height: 13px;
    padding-left: 0px;
}

div#accordion li {
    list-style: none;
    margin: 0 0;
	border-bottom: 1px dotted #ececec;
    padding-bottom: 4px;
	padding-left: 2em;
    text-indent: -2em;
}

div#accordion ul {
	padding: 0;
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

div#accordion {
    width: 600px;
}

.ewTable .ewTableHeader, .ewTable .ewTableHeader td{
	background-color: #004d82;
    border-color: #FFF;
    height: 30px;
    text-align: center;
	font-weight: bold;
}
/*END_SYSTEM_STYLES*/