/* ASP.Net specific */
/***********************************************/
/* UI.WebControls.Calendar control styles */
/***********************************************/
.calendar {
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #333333 !important;
	border-collapse: collapse !important;
	background-color: #003b7a !important;
	color: #ffffff;
	width: 180px;
}

/* Header table. Contains month year and next/prev month links */
.calendar table th {
	border-color: #06275C;
	border-width: 1px;
	border-style: solid;
    background-color: #006 !important;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	padding: 0px;
}
.calendar table td {
	border-color: #06275C;
	border-width: 1px;
	border-style: solid;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	padding: 0px;
}

.calendar table td a:link, 
.calendar table td a:active,
.calendar table td a:visited {
	color: #ffffff !important;
	font-size: 9px !important;
	text-decoration: none;
}


        .ui-tabs-vertical { width: 55em; }
        .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
        .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
        .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
        .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
        .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 60em;}

        .ui-tabs-vertical .ui-tabs-panel .ui-tabs-horizontal { height: 55em; }
        .ui-tabs-vertical .ui-tabs-panel .ui-tabs-horizontal .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
        .ui-tabs-vertical .ui-tabs-panel .ui-tabs-horizontal .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
        .ui-tabs-vertical .ui-tabs-panel .ui-tabs-horizontal .ui-tabs-nav li a { display:block; }
        .ui-tabs-vertical .ui-tabs-panel .ui-tabs-horizontal .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
        .ui-tabs-vertical .ui-tabs-panel .ui-tabs-horizontal .ui-tabs-panel { padding: 1em; float: right; width: 60em;}
				
								
				a.rojo { color : #f00; }
				
				p { font-size: 12pt; color:#006; }
				p.titulo 	{ font-size: 16pt; font-weight: bold; }

				td { font-size: 14pt; color:#006; text-align: left; }
				td.der { text-align: right; }
				td.ctr { text-align: center; }
				td.arriba { vertical-align: top; }
				td.medio { vertical-align: middle; }
				td.concepto { font-weight: bold; }
				td.titulo 	{ font-size: 16pt; font-weight: bold; }
				
				th { font-size: 14pt; color:#fff; background-color: #0000fe; text-align: left; font-weight: bold; }
				th.der { text-align: right; }
				th.ctr { text-align: center; }				
				
				span        { font-size: 10pt; color:#006; text-align: left; }
				span.serror { font-size: 10pt; color:#c00; text-align: left; }
				span.aviso  { font-size: 10pt; color:#666; text-align: left; }
				span.rotulo  { font-size: 16pt; text-align: left; }
				span.confg  { font-size: 10pt; color:#066; text-align: left; }
				span.titulo 	{ font-size: 16pt; font-weight: bold; }

				select.serror { font-size: 10pt; color:#c00; text-align: left; }

				
        .boton {
        	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
        	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
        	box-shadow:inset 0px 1px 0px 0px #97c4fe;
        	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #0000ff) );
        	background:-moz-linear-gradient( center top, #3d94f6 5%, #0000ff 100% );
        	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#0000ff');
        	background-color:#3d94f6;
        	-webkit-border-top-left-radius:15px;
        	-moz-border-radius-topleft:15px;
        	border-top-left-radius:15px;
        	-webkit-border-top-right-radius:15px;
        	-moz-border-radius-topright:15px;
        	border-top-right-radius:15px;
        	-webkit-border-bottom-right-radius:15px;
        	-moz-border-radius-bottomright:15px;
        	border-bottom-right-radius:15px;
        	-webkit-border-bottom-left-radius:15px;
        	-moz-border-radius-bottomleft:15px;
        	border-bottom-left-radius:15px;
        	text-indent:0px;
        	border:1px solid #337fed;
        	display:inline-block;
        	color:#ffffff;
        	font-family:Arial;
        	font-size:15px;
        	font-weight:bold;
        	font-style:normal;
        	height:39px;
        	line-height:39px;
        	width:205px;
        	text-decoration:none;
        	text-align:center;
        	text-shadow:1px 1px 0px #1570cd;
        }

        .boton:hover {
        	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0000ff), color-stop(1, #3d94f6) );
        	background:-moz-linear-gradient( center top, #0000ff 5%, #3d94f6 100% );
        	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#3d94f6');
        	background-color:#0000ff;
        }
		.boton:active {
        	position:relative;
        	top:1px;
        }

        .botonpeque {
        	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
        	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
        	box-shadow:inset 0px 1px 0px 0px #97c4fe;
        	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #0000ff) );
        	background:-moz-linear-gradient( center top, #3d94f6 5%, #0000ff 100% );
        	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#0000ff');
        	background-color:#3d94f6;
        	-webkit-border-top-left-radius:15px;
        	-moz-border-radius-topleft:15px;
        	border-top-left-radius:15px;
        	-webkit-border-top-right-radius:15px;
        	-moz-border-radius-topright:15px;
        	border-top-right-radius:15px;
        	-webkit-border-bottom-right-radius:15px;
        	-moz-border-radius-bottomright:15px;
        	border-bottom-right-radius:15px;
        	-webkit-border-bottom-left-radius:15px;
        	-moz-border-radius-bottomleft:15px;
        	border-bottom-left-radius:15px;
        	text-indent:0px;
        	border:1px solid #337fed;
        	display:inline-block;
        	color:#ffffff;
        	font-family:Arial;
        	font-size:15px;
        	font-weight:bold;
        	font-style:normal;
        	height:39px;
        	line-height:39px;
        	width:100px;
        	text-decoration:none;
        	text-align:center;
        	text-shadow:1px 1px 0px #1570cd;
        }

        .botonpeque:hover {
        	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0000ff), color-stop(1, #3d94f6) );
        	background:-moz-linear-gradient( center top, #0000ff 5%, #3d94f6 100% );
        	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#3d94f6');
        	background-color:#0000ff;
        }
		.botonpeque:active {
        	position:relative;
        	top:1px;
        }

				
        input.entrada {

			color: #006;
			font-weight: bold;

            border: 1px solid #4195fc; /* some kind of blue border */
        
            /* other CSS styles */
        
            /* round the corners */
            -webkit-border-radius: 8px;
               -moz-border-radius: 8px;
                    border-radius: 8px;
        
        
            /* make it glow! */
            -webkit-box-shadow: 0px 0px 4px #4195fc;
               -moz-box-shadow: 0px 0px 4px #4195fc;
                    box-shadow: 0px 0px 4px #4195fc; /* some variation of blue for the shadow */				
        
        }			
				
				input.entrada:focus {
						 background-color: #eef;
				
				}	
				
        textarea.entrada {

            color: #006;
            font-weight: bold;
            font-size:2em;
            padding:5px 5px 5px 5px;
            border: 1px solid #4195fc; /* some kind of blue border */
        
            /* other CSS styles */
        
            /* round the corners */
            -webkit-border-radius: 8px;
               -moz-border-radius: 8px;
                    border-radius: 8px;
        
        
            /* make it glow! */
            -webkit-box-shadow: 0px 0px 4px #4195fc;
               -moz-box-shadow: 0px 0px 4px #4195fc;
                    box-shadow: 0px 0px 4px #4195fc; /* some variation of blue for the shadow */				
        
        }					
				
				textarea.entrada:focus {
						 background-color: #cef;
				
				}					

        input.entradaNum {

						text-align: right;
        
        }		
				
				input.entradaNum:focus {
						 background-color: #cef;
        
        }		

        select.entrada {
						color: #006;
						font-weight: bold;
            border: 1px solid #4195fc; /* some kind of blue border */
            /* other CSS styles */
            /* round the corners */
            -webkit-border-radius: 8px;
               -moz-border-radius: 8px;
                    border-radius: 8px;
            /* make it glow! */
            -webkit-box-shadow: 0px 0px 4px #4195fc;
               -moz-box-shadow: 0px 0px 4px #4195fc;
                    box-shadow: 0px 0px 4px #4195fc; /* some variation of blue for the shadow */				
        }			
				
				select.entrada:focus {
						 background-color: #cef;
				}					
				
				selected {
						 background-color: #0ff;
				}						
				
						
        .mGrid {   
            width: 100%;   
            background-color: #fff;   
            margin: 5px 0 5px 0;   
            border: solid 1px #0000fe;   
            border-collapse:collapse;   
        }  
        .mGrid td {   
            padding: 0px 5px 0px 5px;   
            border: solid 1px #aaaaaa;   
            color: #000066;   
        }  
        .mGrid th {   
            padding: 5px 2px 5px 2px;  
            color: #000066;   
            background: #0000fe;   
            border-left: solid 1px #525252;   
   
        }  

				div.tabs {
						width: 980px;
				}
