@CHARSET "UTF-8";
/* Standard HTML Form Controls */
input.button { border: 1px solid #CCC; font: 75% 'Arial', 'Helvetica'; color:#333; font-weight: bold; background-color: #eee; padding: 2px 10px 2px 20px; overflow:visible;}

/**
 * Various QControl-specific Styles
*/

/* QFileAsset */
div.fileassetDbox { border: 4px solid #333; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }
div.fileassetDbox h1 { margin: 0; }
div.fileassetDbox input { padding: 3px; margin-right: 5px; }

/* QDialogBox */
div.dialogbox { border: 4px solid #333; background-color: #fff; padding: 20px; min-width: 400px; max-height: 350px; overflow: auto; }

/* QDateTimePicker */
span.datetimepicker { }
span.datetimepicker select { font: 93% 'Arial', 'Helvetica'; background-color: #eef; border: 1px solid #B0D0E8; }
span.datetimepicker select:focus { background-color: #fff; border-color: #B0D0E8; }
span.datetimepicker select.month { width: 55px; }
span.datetimepicker select.day { width: 45px; margin-left: 8px; }
span.datetimepicker select.year { width: 60px; margin-left: 8px; }
span.datetimepicker select.hour { width: 65px; margin-left: 12px; margin-right: 2px; }
span.datetimepicker select.minute { width: 45px; margin-left: 2px; margin-right: 2px; }
span.datetimepicker select.second { width: 45px; margin-left: 2px; }

/* QDataGrid */
table.datagrid {
    border-top:1px solid #666;
    padding-top: 10px;
    font-size: 12px;
    width: 100%;
}
table.datagrid caption, table.datagrid tfoot { padding-bottom: 4px; overflow: auto; }
table.datagrid span.left { float: left; font-size: 77%; display: block; }
table.datagrid span.right { float: right; font-size: 77%; display: block; }
table.datagrid tr { background-color: #fff; }
table.datagrid tr.alternate { background-color: #eef; }
table.datagrid th { padding: 3px 5px 3px 5px; text-align: left; color: white; text-decoration: none;}
table.datagrid th a { color: white; text-decoration: none; }
table.datagrid th a:hover { color: white; text-decoration: underline;}
table.datagrid td { padding: 3px;}
table.datagrid td a { color: #000; }
table.datagrid td a:hover { color: #000; text-decoration: none; }
table.datagrid tfoot { border-top: 1px solid ;}

/* QPaginator */
span.paginator { margin: 0; padding: 0; }
span.paginator span { list-style-type:none; display: inline; padding: 0; margin: 0; }
span.paginator span.page a { text-decoration: none; color: #000000; padding: 0 3px 0 3px; margin: 0 2px 0 2px;}
span.paginator span.page a:hover { background-color: #B0D0E8; }
span.paginator span.arrow { font-weight: bold; color: #ccc; margin: 0; padding: 0 3px 0 3px; }
span.paginator span.arrow a { font-weight: bold; color: #000; text-decoration: none; }
span.paginator span.selected { font-weight: bold; background-color: #B0D0E8; padding: 0 3px 0 3px; margin: 0 2px 0 2px; border: 1px; border-style: solid; }
span.paginator span.break { color: #666; margin: 0 5px 0 5px; }
span.paginator span.ellipsis { color: #666; }

/* QCalendar */
div.calendar { width: 200px; border: 1px solid #337; background-color: #B0D0E8; }
div.calendar div.navigator { background-color: #337; overflow: auto; height: 100%; color: #fff; padding: 2px 6px 2px 6px; }
div.calendar div.navigator div.left { float: left; }
div.calendar div.navigator div.month { float: left; width: 80px; text-align: center; font-weight: bold; font-size: 85%; }
div.calendar div.navigator div.year { float: right; }
div.calendar div.navigator div.year span { font-size: 85%; font-weight: bold; margin-left: 6px; margin-right: 6px; }
div.calendar div.navigator a { color: #fff; text-decoration: none; }
div.calendar div.navigator a:hover { text-decoration: underline; }
div.calendar table { border: 0; margin-left: auto; margin-right: auto;}
div.calendar th { text-align: center; border: 0; padding: 4px 2px 4px 2px; font-weight: bold; font-size: 77%;}
div.calendar td { text-align: center; border-width: 0 0 1px 0; border-style: solid; border-color: black; padding: 0;}
div.calendar td.lastRow { border-width: 0;}
div.calendar td a { text-decoration: none; color: #000; display: block; padding: 2px 6px 2px 6px; }
div.calendar td.today { background-color: #bbd; }
div.calendar td.nonMonth a { color: #B0D0E8; }
div.calendar td.selected { background-color: #c9a; font-weight: bold; }
div.calendar td a:hover { background-color: #eef; color: #000; }
div.calendar div.options { text-align: center; background-color: #337; }
div.calendar div.options a { color: #fff; font-size: 77%; text-decoration: none;}
div.calendar div.options a:hover { text-decoration: underline; }

/**
 * Styles for Custom Render Functions as defined in QControl.class.php
*/

/* div.renderWithName { padding: 2px 10px 2px; border:white solid medium; height: 100%; background-color: #F8F8F8 }*/
div.renderWithName div.left { float: left; width: 140px; margin-right: 25px; }
div.renderWithName div.required { font-weight: bold; }
div.renderWithName div.left span.instructions { font: 77% 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;}

div.renderWithName div.right { display:block;}
div.renderWithName div.right span.error { margin-left: 15px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #600; overflow: hidden;position: relative;}
div.renderWithName table {font-size: 12px;}
div.renderWithNam input[type="checkbox"]  {width: 11px; height: 11px; margin-right:5px;}
/**
 * Form and Dashboard Draft-Specific Styles
 * NOTE: because these are page specific, we use element IDs instead of element classes for most items here
 * (e.g. we will never have more than one titleBar per page)
*/

div#titleBar { border: 1px solid #337; margin-bottom: 18px; }
div#titleBar h2 { background-color: #337; font: 93% 'Georgia', 'Times New Roman', 'Times'; font-style: italic; font-weight: bold; color: #fff; margin: 0; padding: 2px 5px 2px 5px; float: none; }
div#titleBar h2#right { float: right; font: 77% 'Verdana', 'Arial', 'Helvetica'; font-style: normal; font-weight: normal; }
div#titleBar h2#right a { color: #fff; text-decoration: none; }
div#titleBar h2#right a:hover { text-decoration: underline; }
div#titleBar h1 { font: 205% 'Georgia', 'Times New Roman', 'Times'; color: #337; margin: 0; padding: 2px 0 2px 5px; font-weight: bold; }

p.create { }
p.create a { text-decoration: none; color: #337; font-weight: bold; }
p.create a:hover { text-decoration: underline; }

div#draftList { }
div#draftList h1 { margin: 0; font: 153.9% 'Georgia', 'Times New Roman', 'Times'; font-weight: bold; }
div#draftList p { margin-top: 6px; margin-bottom: 18px;}

div#formControls { padding: 0 0 0 20px; }


div#dashboard { }
div#dashboard div#left { float: left; width: 200px; height: 100px; font-size: 77%; background-color: #eef; border: 1px solid #000; padding: 5px; }
div#dashboard div#right { float: left; margin-left: 10px; width: 760px;}
div#dashboard div#right div#pnlList { margin-bottom: 10px; border: 1px solid #000; padding: 5px; height: 300px; overflow: auto; }
div#dashboard div#right div#pnlEdit { border: 1px solid #000; padding: 5px; background-color: #eef; height: 240px; overflow: auto; }


/* Modified background for editing */
div#formActionsM { padding: 10px; height: 20px; margin-top: 18px; }
div#formActionsM div#save { float: left; }
div#formActionsM div#cancel { margin-left: 10px; float: left; }
div#formActionsM div#delete {margin-left: 50px; float: left; }

.greenbuttonM{  
    padding-left: 18px;
    background: url("../images/icons/page_green.png") no-repeat 2px 50% #fff;
}



.printbuttonM{  
    padding-left: 18px;
    background: url("../images/icons/printer.png") no-repeat 2px 50% #fff;
}

@media print{
    .noprint{  
        display: none;
    }
}

.savebuttonM{  
    padding-left: 18px;
    background: url("../images/icons/disk.png") no-repeat 2px 50% #0ff;
}

.addbuttonM{  
    padding-left: 18px;
    background: url("../images/icons/application_form_add.png") no-repeat 2px 50% #fff;
}
.tildebuttonM{  
    padding-left: 18px;
    background: url("../images/icons/check.png") no-repeat 2px 50% #fff;
}

.plusbuttonM{  
    padding-left: 15px;
    background: url("../images/icons/add.png") no-repeat 2px 50% #fff;
}

.cancelbuttonM{  
    padding-left: 18px;
    background: url("../images/icons/cancel.png") no-repeat 2px 50% #fff;
}

.deletebuttonM{  
    padding-left: 18px;
    background: url("../images/icons/application_form_delete.png") no-repeat 2px 50% #fff;
}

.createbuttonM{  
    padding-left: 18px;
    margin-top: 5px;
    background: url("../images/icons/pencil_add.png") no-repeat 2px 50% #fff;
}

.enterbuttonM, .loginbuttonM{
    padding-left: 18px;
    background: url("../images/icons/door_in.png") no-repeat 2px 50% #fff;
}
.loginbuttonM{ margin-top: 5px;}

.checkbuttonM{  
    padding-left: 18px;
    background: url("../images/icons/tick.png") no-repeat 2px 50% #fff;
}

.editbuttonM{  
    padding-left: 18px;
    background: url("../images/icons/application_form_edit.png") no-repeat 2px 50% #fff;
}

.leftbuttonM{
    background-position: left;
    padding-left: 18px;
    background-image: url("../images/icons/arrow_left.png");
    background-repeat: no-repeat;
    background-color: #fff;
}

.rightbuttonM{
    background-position: left;
    padding-left: 18px;
    background-image: url("../images/icons/arrow_right.png");
    background-repeat: no-repeat;
    background-color: #fff;
}
.refreshbuttonM{
    padding-left: 18px;
    background: url("../images/icons/arrow_refresh.png") no-repeat 2px 50% #fff;
}
.tablebuttonM{
    padding-left: 18px;
    background: url("../images/icons/table.png") no-repeat 2px 50% #fff;
}
.migrarbuttonM{  
    padding-left: 18px;
    background: url("../images/icons/database_refresh.png") no-repeat 2px 50% #fff;
}
.exportexcelbuttonM{  
    padding-left: 18px;
    background: url("../images/icons/page_excel.png") no-repeat 2px 50% #fff;
}

input.excelcurrentbuttonM, input.excelentirebuttonM{
    background-position: 0 50%;
    padding-left: 18px;
    background-color: transparent;
    background-repeat: no-repeat;
    border-color: #FFFFFF;

}

input.dtgbutton {
    border: 1px solid #CCC;
    background-color: #eee;
    overflow: visible;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-left: 3px;
    background-position: 1px 1px;
}

/* BASIC TYPOGRAPHY */
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* FORMS */

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-size: 12px;}
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #58585a; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }


/* to create serif italic dramatic text, use this class */
.fancy { 
    color: #666;
    font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
    font-style: italic;
    font-weight: normal;
}  

/* creates small caps */
.caps { 
    font-variant: small-caps;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-size:1.2em;
    font-weight:bold;
    padding:0 2px;
}

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none; padding:0; margin:0; }

/* Standard Buttons */
button:hover, a.button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
a.button:active, button:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.error, .notice, .success {padding:.2em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.warning {color:#990000;font-size:.8em;line-height:1.875em;}

/* Positive */
body .positive {
    color:#529214;
}
a.positive:hover, button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
a.positive:active, button.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* Negative */
body .negative {
    color:#d12f19;
}
a.negative:hover, button.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
a.negative:active, button.negative:active {
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

#registration_form {
    width:75%;
    float:left;
}
/* JQUERY SIMPLE DROP DOWN MENU*/
#jsddm
{	margin: 0;
  padding: 0}

#jsddm li
{	float: left;
  list-style: none;
  font: 12px Tahoma, Arial}

#jsddm li a
{	display: block;
  background: #20548E;
  padding: 5px 12px;
  text-decoration: none;
  border-right: 1px solid white;
  width: 108px;
  color: white;
  white-space: nowrap}

#jsddm li a:hover
{	background: #1A4473}

#jsddm li ul
{	margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  border-top: 1px solid white}

#jsddm li ul li
{	float: none;
  display: inline}

#jsddm li ul li a
{	width: auto;
  background: #ccc}

#jsddm li ul li a:hover
{	background: #20548E}

input.button:hover { background-color: #E6F1F7; }

input.QFilteredDataGridButton {padding: 0 0 0 0;}

.QLoadingPanel {
    background-image: url(../images/transparent.png);
}
input.excelcurrentbuttonM, input.excelentirebuttonM{
    background-position: 0 50%;
    padding-left: 18px;
    background-color: transparent;
    background-repeat: no-repeat;
    border-color: #FFFFFF;

}
input.excelentirebuttonM{
    background-image: url("../images/icons/pages_excel.png");
}
input.excelcurrentbuttonM{
    background-image: url("../images/icons/page_excel.png");
}