html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	vertical-align: middle;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
  margin: 0;
  padding: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: auto;
}

.ui-datatable-footer{
  margin-bottom: 10px;   
}

.ui-datatable-header{
  margin-top: 10px;     
}

.ui-panel{
  margin: 10px auto;
}

.ui-panel table{
  margin: auto;
}

.ui-panel table.ui-selectmanycheckbox{
  display: block;
  width: 100%;
}

.ui-selectmanycheckbox tr{
   display: inline-block;
   width: 170px;
}

.ui-selectmanycheckbox td{
   border: 0px !important; 
   text-transform: capitalize;
}

.login_grid{
  margin: auto;;
}
#header{
  height: 100px;
}

#header #header_left{
  float: left;
  vertical-align: top;
  text-align: center;
  width: 20%;
}

#header #header_left img{
  height: 100px;
}

#header #header_middle{
  float: left;
  width: 60%;
}

#header #header_middle h1{
  text-align: center;
  font-size: 1.5em; 
  padding-top: 30px;
}

#header #header_right{
  float: left;
  vertical-align: top;
  width: 20%;
}

#header #header_right #datos_usuario{
  padding-top: 35px;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
}

#content {
  margin: 10px auto;
  width: 990px;
}

.menu-contextual{
  margin: 15px 0px 5px 0px;
  width: 100%;
}

.ui-menu{
  margin-bottom: 10px;
}

td a{
  margin: 0px 5px;
}

.ui-paginator-top{
  display:none;
}

#form_curso\:grid_form_curso tr{
  height: 25px;
  line-height: 25px;
}

#form_curso\:grid_form_curso .col_izq{
  width: 227px;
}

#panel_inscripciones td{
  text-align: center;
}

#panel_inscripciones select{
  text-align: left;
  width: 400px;
}

#panel_inscripciones .filtro {
  width: 260px;
}

#panel_inscripciones .filtro select{
  width: 250px;
}

#pago_interno .ui-panel, #nuevo_recibo .ui-panel,#nueva_nota_credito .ui-panel {
  width: 937px;
}

#panel_notificacion{
  width: 936px;
}

.panel_resolucion{
  width: auto;
  border: none;
  margin: 0px;
  padding: 0px !important;
}

.panel_resolucion div{
  padding: 0px !important;
  vertical-align: top;
}

.panel_resolucion input[type=text]{
  margin-left: 8px;
}

#panel_notificacion{
  color: red;
  border-color: red;
  border-width: 3px;
  font-weight: bolder;
}

#panel_notificacion #panel_notificacion_content{
  color: red;
}

.grid_usuarios_der{
  width: 700px;
}

.grid_usuarios_der table{
  overflow: auto;
  width: 700px;
}

.jqplot-target{
    margin-top: 25px;
}

.jqplot-table-legend,.ui-panel .jqplot-table-legend{
    width: auto;
    margin-top: -40px
}

#ayuda_estadistica .ui-panel{
    width: 850px;
}

#ayuda_estadistica .ui-outputpanel,#ayuda_estadistica .ui-fieldset {
    margin-bottom: 10px;
}

.ui-picklist-list {
                width:450px !important;
            }

.customHeader th{
    background-color: white;
}

body { font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em;}

#grado h4 { margin:0px; padding:0px;}
#grado img { float:right;}
#grado ul { margin:10px 0 10px 40px; padding:0px;}
#grado td { background:#48a0c9 none repeat-x scroll center left; color:#000; padding:7px 15px; }
#grado tr.padre td,#grado tr.nm4 td  { background:#fff repeat-x scroll center left; }
#grado td.click {cursor: pointer}
#grado div.arrow { background:transparent  url("") no-repeat scroll 0px -16px; width:16px; height:16px; display:block; margin: auto}
#grado div.up { background-position:0px 0px;}
#grado th{background-color: #48a0c9;color:white;font-weight: bold;}

#pregrado h4 { margin:0px; padding:0px;}
#pregrado img { float:right;}
#pregrado ul { margin:10px 0 10px 40px; padding:0px;}
#pregrado td { background:#48a0c9 none repeat-x scroll center left; color:#000; padding:7px 15px; }
#pregrado tr.padre td,#pregrado tr.nm4 td { background:#fff repeat-x scroll center left;}
#pregrado td.click {cursor: pointer}
#pregrado div.arrow { background:transparent  url("") no-repeat scroll 0px -16px; width:16px; height:16px; display:block; margin: auto}
#pregrado div.up { background-position:0px 0px;}
#pregrado th{background-color: #48a0c9;color:white;font-weight: bold;}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    border-style: none;
}

.B {
    text-decoration: line-through;
    color: #CCCCCC;
}
.X {
    color: #AAAAAA;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
    vertical-align: middle;
}
body { font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em;}

.hiddenrow {
    display: none;
}
.ui-paginator-top{
    display:none;
}
.ui-panelgrid-cell{
    border-width: 0px !important;
}
.ui-inputfield[disabled], .ui-inputfield[disabled].ui-state-focus{
    border: 0 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
.topAligned td {
    vertical-align: top;
    padding: 0px;
    border: 10px;
}
.porcentaje45 {
    width: 45%;
}

.porcentaje50 {
    width: 50%;
}

.procentaje10{
    width: 10%;
}

.porcentaje30 {
    width: 30%;
}

.porcentaje25 {
    width: 25%;
}

.porcentaje75 {
    width: 75%;
}

.alignright {
    text-align: right;
}

.alignleft {
    text-align: left;
}

.jqplot-title {
     font-size: 10px !important;
     padding-top: 3px;
}

@media screen {
    .printonly { 
        display: none;
    }
}

@media print {
    .noprint { 
        display: none !important;
    }
    .printonly { 
        display: block;
    }
    
    .ui-datatable-reflow .ui-datatable-data td{
        display: inline !important;
        float: none !important;
    }
    
    .ui-datatable-reflow .ui-datatable-data.ui-widget-content{
        border: 1px solid #000000 !important;
    }
    
    .ui-column-filter,.ui-paginator-rpp-options,.ui-paginator-prev,
    .ui-paginator-first,.ui-paginator-next,.ui-paginator-last,.ui-paginator-bottom-right-content,
    .ui-reflow-label,.ui-reflow-dropdown{
        display: none !important;
    }
}

.ui-datatable .ui-column-filter{
    width: 80px !important;
}