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, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  padding: 2px;
  background: #FDFDFD;
  color: #333;
  padding: 2px;
  line-height: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  font-size: 11px;
  min-width: 1200px;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1 {
  margin-bottom: 2em;
  color: #36A;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}

p {
  padding: 1px 0px;
  margin: 1px 0px;
}

a, a:link, a:visited {
  color: #04F;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #083;
}

a.inherit, a.inherit:link, a.inherit:visited,
a.inherit:hover, a.inherit:active, a.inherit:focus {
  color: inherit;
}

a.warning, a.warning:link, a.warning:visited,
a.warning:hover, a.warning:active, a.warning:focus {
  color: gold;
}

a.link:hover, a.link:active, a.link:focus {
  background-color: transparent;
}

div.footer, div.header {
  float: none;
  clear: both;
  width: auto;
  padding: 0;
  text-align: right;
  vertical-align: middle;
}

div.footer {
  float: left;
  clear: both;
  line-height: 1.5em;
  width: 100%;
  margin: 0px;
  padding: 2px 0px 2px 0px;
  background-color: #EFEFEF;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  text-indent: 7px;
}

div.footer span.user_name {
  float: left;
  width: 400px;
}

div.footer span.execution_time {
  float: right;
  width: auto;
  text-align: right;
}

div.footer label.user_groups {
  float: left;
  margin: 0px;
  padding: 0px;
  width: auto;
}

div.footer label.user_groups span {
  float: left;
  font-size: 12px;
  font-weight: normal;
  margin: 0px;
  padding: 0px 5px 0px 0px;
  width: auto;
}

div.footer label.user_groups select {
  float: left;
  font-size: 11px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

div.footer label.user_groups select option {
  font-size: 11px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

div.header {
  margin: 0 0 5px 0;
}

img {
  border-style: none;
  vertical-align: middle;
}

div.error, div.error_import {
  margin: 1px 0;
  padding: 2px 2px 2px 30px;
  line-height: 15px;
  border: 1px solid #CCC;
  background-color: #DDD;
  background-repeat: no-repeat;
  background-image: url(../.img/bug_error.png);
  background-position: left center;
  color: #C33;
  font-size: small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

div.error.notice {
  background-image: url(../.img/exclamation.png);
}

div.Growler-notice-body *.good,
div.Growler-notice-body *.good * {
  color: green;
}

div.Growler-notice-body *.bad,
div.Growler-notice-body *.bad * {
  color: red;
}

div.message, div.message_text {
  margin: 1px 0;
  padding: 1px 1px 1px 20px;
  border: 1px solid #CCC;
  background-color: #DDD;
  background-repeat: no-repeat;
  background-image: url(../.img/information.png);
  background-position: left center;
  color: #090;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

div.notes {
  margin: 1px;
  padding: 5px 5px 5px 25px;
  border: 1px solid #CCC;
  background-color: #FEFFBF;
  background-repeat: no-repeat;
  background-image: url(../.img/information.png);
  background-position: left center;
  color: #090;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  width: auto;
  float: left;
}

div.vardump {
  margin: 1px 0;
  padding: 1px 1px 1px 20px;
  border: 1px dashed #D33;
  background-color: #DFFF80;
  background-repeat: no-repeat;
  background-image: url(../.img/bug.png);
  background-position: left center;
  color: #333;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

div.console {
  width: auto;
  min-height: 15px;
  line-height: 15px;
  max-height: 250px;
  overflow: auto;
  vertical-align: middle;
  clear: both;
}

dt {
  font-weight: bold;
  text-align: left;
}

dd {
  padding-left: 20px;
  margin-bottom: 5px;
  font-weight: normal;
  text-align: left;
}

/** aprobari */
form.approvals div.form_row {
  clear: both;
}

form.approvals span.title {
  display: block;
  float: left;
  width: 150px;
  line-height: 18px;
  vertical-align: middle;
  text-transform: none;
}

form.approvals span.function {
  display: block;
  float: left;
  width: 150px;
  line-height: 18px;
  vertical-align: middle;
  text-transform: none;
}

form.approvals span.name {
  display: block;
  float: left;
  width: 150px;
  font-weight: normal;
  line-height: 18px;
  vertical-align: middle;
  text-transform: none;
}

form.approvals button {
  width: 150px;
  text-align: left;
  float: left;
}

form.approvals button img {
  margin-bottom: 0px;
}

form.approvals div.button_bar {
  background-color: #EEE;
  float: left;
  border-style: none;
  padding: 0;
}

/** proprietati */
span.property_name { /** proprietatile documentului */
  width: 90px;
  display: block;
  float: left;
  line-height: 14px;
}

span.property_val { /** proprietatile documentului */
  width: 80px;
  display: block;
  float: left;
  line-height: 14px;
  font-weight: normal;
  text-align: right;
}

.status_ready {
  font-weight: bold;
  color: #0C3;
}

.status_edit {
  font-weight: bold;
  color: #0A47FF;
}

.status_canceled {
  font-weight: bold;
  color: #C03;
}

.due {
  background-color: transparent ! important;
  background-image: url(../.img/bg_flash_green.gif);
  background-position: 0 0;
  background-repeat: repeat;
}

.overdue {
  background-color: transparent ! important;
  background-image: url(../.img/bg_flash_red.gif);
  background-position: 0 0;
  background-repeat: repeat;
}

.dim, .dim_row * {
  color: #AAA;
}

.rej, .rej_row * {
  text-decoration: line-through;
  color: #AAA;
}

.strong, .strong_row * {
  color: #000;
  font-weight: bold;
}

.priority_mica {
  background-color: #F2EE1E;
  color: black;
}

.priority_medie {
  background-color: #F5A030;
  color: black;
}

.priority_mare {
  background-color: #F13A07;
  color: black;
}

.view_mine {
  color: #F66;
  font-style: italic;
}

a.a_list {
  background-color: transparent;
  background-image: url(../.img/icon_link.gif);
  background-position: left center;
  background-repeat: no-repeat;
  color: #679EF1;
  float: left;
  height: 100%;
  text-indent: 12px;
  font-weight: bold;
  line-height: 16px;
  padding-top: 1px;
}

a.a_list.red {
  background-image: url(../.img/icon_link_red.gif);
  color: #C33;
}

a.a_list:hover {
  background-color: #679EF1;
  background-image: url(../.img/icon_link2.gif);
  color: #FDFDFD;
}

a.a_list.red:hover {
  background-color: #C33;
  background-image: url(../.img/icon_link_red2.gif);
  color: #FDFDFD;
}

div.clearfix {
  float: left;
  clear: both;
  width: 0px;
  height: 0px;
}

*.al_l {
  text-align: left !important;
}

*.al_r {
  text-align: right !important;
}

*.al_c {
  text-align: center !important;
}

*.cl_red {
  color: red !important;
}

*.cl_green {
  color: green !important;
}

*.cl_grey {
  color: #AAA !important;
}

*.cl_yellow {
  color: yellow !important;
}

*.cl_blue {
  color: blue !important;
}

*.tx_strike {
  text-decoration: line-through ! important;
}

*.tx_bold {
  font-weight: bold ! important;
}

*.tx_italic {
  font-style: italic ! important;
}

*.bg_red {
  background-color: Bisque !important
}

*.bg_green {
  background-color: HoneyDew !important
}

*.bg_grey {
  background-color: WhiteSmoke !important
}

*.di_h {
  display: none;
}

*.fl_l {
  float: left;
}

*.fl_r {
  float: right;
}

*.clr_l {
  clear: left;
}

*.clr_r {
  clear: right;
}

*.clr_b {
  clear: both;
}

*.cur_pointer {
  cursor: pointer;
}

pre br {
  display: none;
}

*.dbg {
  font-family: Consolas;
  font-size: 12px;
  line-height: 14px;
  padding: 5px;
}

*.dbg.title {
  font-size: 14px;
  line-height: 16px;
  margin-top: 15px;
  margin-bottom: 0px;
  text-transform: none;
  background-color: #DDD;
  border-style: solid;
  border-color: #CCC;
  border-width: 1px 1px 0 1px;
}

*.dbg.text {
  border-style: solid;
  border-color: #CCC;
  border-width: 0 1px 1px 1px;
  padding-left: 10px;
}


div.blinder {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0,0,0,0.5);
  z-index: 2000;
  padding: 50px;
}

div.blinder,
div.blinder * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


div.blinder > div.content {
  background-color: #FDFDFD;
  border: 3px solid #666;
  height: 100%;
  overflow-x: auto;
  overflow-y: scroll;
  padding: 5px;
  position: relative;
}

div.blinder > div.content > div.close {
  position: fixed;
  background-image: url('../.img/cross_dim.png');
  background-position: center center;
  background-repeat: no-repeat;
  right: 5px;
  top: 5px;
  background-color: #FDFDFD;
  border: 2px solid #666;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

div.blinder > div.content > div.close:hover {
  background-image: url('../.img/cross.png');
}

div.blinder > div.content > div.close_noreload {
  position: fixed;
  background-image: url('../.img/cross_dim.png');
  background-position: right center;
  background-repeat: no-repeat;
  right: 35px;
  top: 5px;
  background-color: #FDFDFD;
  border: 2px solid #666;
  padding-right: 20px;
  height: 20px;
  cursor: pointer;
}

div.blinder > div.content > div.close_noreload:hover {
  background-image: url('../.img/cross.png');
}

div.blinder > div.content > fieldset {
  clear: none;
  width: 45%;
}

div.blinder > div.content > fieldset + fieldset{
  margin-left: 20px;
}

div.blinder > div.content > fieldset > * {
  clear: both;
}

div.blinder > div.content > fieldset > legend {
  background-color: #DDD;
  border-bottom: inherit;
  float: left;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 4px 0;
  width: 100%;
}fieldset.login {
  text-align: center; 
  margin: auto; 
  margin-top: 40px; 
  padding: 10px; 
  width: 260px; 
  float: none; 
  border-color: #ccc #999 #999 #ccc; 
  font-family: Trebuchet MS;
}

div.form_row.login {
}

div.form_row.login label span {
  width: 107px;
  float: left;
  line-height: 19px;
  font-size: 14px;
}

div.form_row.login label input {
  width: 120px;
  float: left;
  line-height: 14px;
  border: 1px solid #ddd;
  background-color:#FEFFBF;
  font-weight:normal;
  margin:0;
  font-size: 12px;
}

div.form_row.login button {
  background-color: #8F8 ! important;
  border-top: 1px solid #CCC;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #CCC;
  margin-top: 10px;
}
table.report > tbody > tr {
  height: 18px;
}

table.report > tbody > tr > td {
  vertical-align: top;
  padding: 2px;
  font-family: Trebuchet MS;
  color: #585858;
  font-size: 11px;
  text-align: left;
  font-weight: normal;
}

table.report > tbody > tr > td > span {
  line-height: 14px;
}

table.report span.cap_value {
  color: ForestGreen;
}

table.report span.loc_code{
  color: LightCoral;
  font-weight: normal;
}

table.report div.toggle_fieldset {
  font-size: 100%;
  background-color: transparent !important;
  float: none;
  color: #000;
  margin-top: 0px;
  width: 130px;
  height: 10px;
  border: none;
}

table.report div.toggle_fieldset span {
  display: none;
}

table.report div.toggle_fieldset.toggle_show,
table.report div.toggle_fieldset.toggle_hide {
  margin-left: 0px;
  background-position: left center;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-right: 1px;
  margin-bottom: 0px;
  width: 10px;
}

table.report fieldset.indicators {
  margin-bottom: 0px;
  background-color: Ivory;
}

table.report fieldset.indicators label.property {
  border: none;
}

table.report fieldset.indicators label.property span.property_val,
table.report fieldset.indicators label.property span.property_name {
  border: none;
  background-color: transparent;
  margin: 0px 0px 0px 3px;
  font-size: 11px;
}

/** pentru FLUX Documente */
table.flux {
  margin: 5px 0px 0px 11px;
  float: left;
  clear: both;
  color: #585858;
  empty-cells: show;
  table-layout: fixed;
  border-collapse: collapse;
  font-family: Trebuchet MS;
}

table.flux.border {
  border-collapse: separate;
}

table.flux thead,
table.flux tfoot {
  color: #3366aa;
  background-color: #dddddd;
}

table.flux thead tr.gray {
  color: #585858;
}

table.flux thead {
  text-transform: uppercase;
}

table.flux th, table.flux td {
  border: none;
  vertical-align: top;
  overflow-x: hidden;
  line-height: 16px;
  padding: 4px 0px 2px 0px;
}

table.flux.border th, table.flux.border td {
  border-color: #F0F0F0 #CCCCCC #CCCCCC #F0F0F0;
  border-width: 1px;
  border-style: solid;
}

table.flux.pad4 th, table.flux.pad4 td {
  padding: 4px 4px 2px 4px;
}


table.flux tr {
  height: 25px;
}

td.flux_folder {
  background-image: url(../.img/_active__no.png);
  background-position: center top;
  background-repeat: no-repeat;
  vertical-align: top;
  cursor: pointer;
}

td.flux_folder.closed {
  background-image: url(../.img/_active__open.png);
}

table.flux span.loc_code, table.flux span.loc_pop {
  color: LightCoral;
  font-weight: normal;
}

table.flux span.cap_value, table.flux span.cap_label {
  color: ForestGreen;
}

table.flux caption {
  background-color: #405E6F;
  color: FloralWhite;
  font-size: 12px;
  font-weight: bold;
  line-height: 21px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  text-indent: 5px;
}

table.nomargin {
  margin-top: 0px;
  margin-left: 0px;
}

table.noborder, table.noborder > tbody > tr, table.noborder > tbody > tr > td {
  border-width: 0px;
}

tr.border_bottom td {
  border-bottom: 1px solid #ccc;
}

tr.border_bottom:last-child td {
  border-bottom: 0px solid #ccc;
}

table.alt_row_color > tbody > tr:nth-of-type(2n) > td {
  background-color: #f9f9f9;
}

table.alt_row_color > tbody > tr:nth-of-type(2n+1) > td {
  background-color: #f0f0f0;
}

table.sort > thead > tr > th input,
table.sort > thead > tr > th textarea,
table.sort > thead > tr > th select,
table.sort > thead > tr > th select option {
  width: 100%;
  margin: 0 0 0 -3px;
  padding: 1px;
  background-color: LightGoldenRodYellow;
  border-color: transparent;
  font-family: "Trebuchet MS";
  font-size: 10px;
  font-weight: normal;
}

table.sort > thead > tr > th textarea {
  height: 60px;
}

table.sort > thead > tr > th select {
  height: 64px;
}

table.sort > thead > tr > th select,
table.sort > thead > tr > th select option {
  padding: 0;
  border-width: 0;
}

table.sort > thead > tr > th select option {
  margin: 0;
  height: 18px;
  /*height: 16px;*/
  text-indent: 2px;
  padding-top: 1px;
}

table.sort > thead > tr > th > a.sort {
  width: 16px;
  font-size: 8px;
  float: left;
  margin-left: -17px;
  padding: 0;
  line-height: 10px;
  text-align: center;
}

table.sort > thead > tr:first-child > th {
  padding-left: 14px;
}

*.paginator {
}

*.paginator a {
  color: #ddd;
}

*.paginator a.disabled {
  color: #999;
  background-color: transparent ! important;
}

*.paginator a.paginate {
  color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}

*.paginator a.paginate.first {
  background-image: url(../.img/navigation_first.png);
}

*.paginator a.paginate.prev {
  background-image: url(../.img/navigation_prev.png);
}

*.paginator a.paginate.next {
  background-image: url(../.img/navigation_next.png);
}

*.paginator a.paginate.last {
  background-image: url(../.img/navigation_last.png);
}

*.paginator a.paginate.all {
  background-image: url(../.img/table.png);
}

*.paginator a.paginate.page {
  background-image: url(../.img/table_multiple.png);
}

*.paginator a.paginate.first.disabled {
  background-image: url(../.img/navigation_first_disabled.png);
}

*.paginator a.paginate.prev.disabled {
  background-image: url(../.img/navigation_prev_disabled.png);
}

*.paginator a.paginate.next.disabled {
  background-image: url(../.img/navigation_next_disabled.png);
}

*.paginator a.paginate.last.disabled {
  background-image: url(../.img/navigation_last_disabled.png);
}

*.paginator span.paginate_total {
  text-transform: none;
}

span.auto_search {
  clear: none;
  cursor: pointer;
  float: right;
  width: 12px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: 2px 1px;
  font-size: 10px !important;
  line-height: 14px;
  margin: 2px 0 0 10px;
  padding: 2px 6px 2px 2px;
  text-transform: uppercase;
}

span.auto_search.status_on {
  color: #333;
  background-image: url(../.img/.btn/icons/silk/folder_find.png);
}

span.auto_search.status_off {
  color: #900;
  background-image: url(../.img/.btn/icons/silk/find.png);
  background-color: white;
  -webkit-border-radius: 7px;
   -khtml-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;
  -webkit-box-shadow: 0 0 6px steelblue inset;
     -moz-box-shadow: 0 0 6px steelblue inset;
       -o-box-shadow: 0 0 6px steelblue inset;
          box-shadow: 0 0 6px steelblue inset;
}

form.table_view > table > tbody > tr > th {
  background-color: #DDD;
}

form.table_view > table > tbody > tr > th,
form.table_view > table > tbody > tr.edit > * {
  padding: 3px 1px;
}

form.table_view > table > tbody > tr > * > input,
form.table_view > table > tbody > tr > * > textarea,
form.table_view > table > tbody > tr > * > select,
form.table_view > table > tbody > tr > * > div.ac_field_container > input,
form.table_view > table > tbody > tr > * > div.ac_field_container > textarea {
  background-color: #FEFFBF;
  width: 100%;
          box-sizing: border-box;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  border: 1px solid #D0D0D0;
}

form.table_view > table > tbody > tr > * > input.date_selector {
  width: 80px;
}

form.table_view > table > tbody > tr.edit.error td {
  background-color: #F8DEE2;
  cursor: help;
}

form.table_view > table tr.error td div.error_msg {
  display: none;
}

form.table_view > table tr.error:hover td div.error_msg {
  background-color: #F8DEE2;
  border: 1px solid red;
  box-shadow: 2px 2px 2px 0;
  display: block;
  margin-left: -5px;
  margin-top: 5px;
  padding: 5px 10px;
  position: absolute;
}

form.table_view > table tr.view td {
  line-height: 18px;
}

form.table_view > table tr.rowsel td {
  cursor: pointer;
}

form.table_view > table tr input[name$="_rowsel"] {
  display: none;
}

form.table_view > table tr.selected td:first-child {
  background-image: url('../.img/.btn/icons/silk/pencil.png');
  background-position: center center;
  background-repeat: no-repeat;
}

form.table_view > table th label.newrow {
  margin-left: -14px;
  margin-right: -4px;
  padding-left: 0;
  cursor: pointer;
}dl.menu, dl.menu dl {
  float: left;
  clear: both;
  line-height: 1.5em;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #EFEFEF;
}

dl.menu.thidden dd {
  display: none;
}

dl.menu dl {
  border-style: solid;
  border-color: #CCC;
  border-width: 0px 1px 1px 0px;
}

dl.menu dt {
  float: left;
  margin: 1px;
  padding: 0px;
  white-space: nowrap;
  background-color: #D5D5D5;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  width: auto;
  border-style: solid;
  border-color: #666;
  border-width: 0px 1px 1px 0px;
}

dl.menu > dt {
  clear: none;
}

dl.menu dl > dt {
  clear: both;
}

dl.menu dt.submenu_title {
  background-color: #E58316;
}

dl.menu dd {
  float: left;
  clear: none;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 400;
}

dl.menu dt > a {
  float: left;
  clear: none;
  width: 150px;
  cursor: pointer;
  color: #36A;
  padding: 2px;
  white-space: normal;
}

dl.menu dt > a > img {
  height: 14px;
  margin-right: 2px;
}

dl.menu > dt > a {
  width: 80px;
  text-indent: 4px;
}

dl.menu dt > a.link {
}

dl.menu dt > a.link:hover,
dl.menu dt > a.link:active {
  color: #FEFEFE;
  background-color: #E58316;
}

dl.menu dt > a.todo {
  color: #aaa;
  cursor: default;
}

dl.menu dt > a.nolink {
  color: #666;
  cursor: default;
}

dl.menu dt > a.submenu {
  width: 16px;
  background-image: url(../.img/icon_link_menu.gif);
  background-position: right center;
  background-repeat: no-repeat;
}

dl.menu dt > a.nolink.submenu {
  width: 156px;
  padding-right: 16px;
}

dl.menu > dt > a.nolink.submenu {
  width: 86px;
}

dl.menu dt > a.submenu:hover,
dl.menu dt > a.submenu:active {
  background-image: url(../.img/icon_link_menu_2.gif);
  background-color: #E58316;
  color: #FEFEFE;
}

dl.menu dt > a.nosubmenu {
  width: 170px;
}

dl.menu > dt > a.nosubmenu {
  width: 100px;
}

dl.menu dt > a.submenu_title {
  color: #FEFEFE;
}

div.header div.title {
  float: left;
  clear: both;
  line-height: 1.5em;
  width: 100%;
  margin: 0px;
  padding: 2px 0px 2px 0px;
  background-color: #EFEFEF;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  text-indent: 7px;
}

div.header div.title a.path {

}

div.header div.title a.path.link {
  color: #36A;
}

div.header div.title a.path.link:hover,
div.header div.title a.path.link:active {
  color: #36A;
}

div.header div.title a.path.nolink {
  color: #777;
  cursor: pointer;
}

div.header div.title a.path.nolink:hover,
div.header div.title a.path.nolink:active {
  color: #77C;
  cursor: pointer;
}

dl.links {
  float: left;
  clear: both;
  line-height: 1.5em;
  width: auto;
  margin: 0px;
  padding: 0px;
  background-color: #EFEFEF;
}

dl.links dt {
  float: left;
  clear: none;
  margin: 1px 2px;
  padding: 0px;
  white-space: nowrap;
  /* background-color: LightGoldenRodYellow; */
  background-color: #d5d5d5;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  width: auto;
  border-style: solid;
  border-color: #666;
  border-width: 0px 1px 1px 0px;
}

dl.links dt a img {
  float: left;
  margin-left: -2px;
}

dl.links dt > a.action,
dl.links dt > a.noaction {
  float: left;
  clear: none;
  min-width: 90px;
  cursor: pointer;
  color: #666;
  padding: 2px 4px;
  white-space: normal;
  text-indent: 4px;
  text-align: left;
}

dl.links dt > a.noaction {
  color: #777;
  cursor: default;
}

dl.links dt > a.action:hover,
dl.links dt > a.action:active {
  color: #FEFEFE;
  background-color: #E58316;
}.calendar {
  border: 1px solid #DDD;
  background-color: #DDD;
  font-family: verdana,helvetica,sans-serif;
  font-size: 9px;
  border-collapse: collapse;
  text-align: center;
  cursor: pointer;
  width: 218px;
}

.calendar select {
  font-size: 9px;
  height: 18px;
}

.calendar select option {
  height: 14px;
}

.calendar th {
  padding: 0;
  line-height: 18px;
  text-align: center;
}

.calendar td {
  border: 1px solid #DDD;
  padding: 0;
  background-color: #FFF;
  text-align: center;
  width: 30px;
}

.calendar td.none {
  background-color: #FFF;
}

.calendar td.day {
  background-color: #FFF;
}

.calendar td.weekend {
  background-color: #EEE;
}

.calendar td.today,
.calendar th.today {
  background-color: #FF0;
  border: 1px solid #DDD;
}

.calendar td.selected {
  background-color: #D33;
}

.calendar a, .calendar a:hover {
  color: #000 !important;
  background-color: transparent;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 2px 0 !important;
  text-align: center;
  line-height: 12px;
  background-image: none !important;
  float: none !important;
  height: auto !important;
  text-indent: 0 !important;
}

.calendar td.selected a, .calendar td.selected a:hover {
  color: #FFF;
  background-color: transparent;
}
div.tabs_container {
  clear: both;
  float: left;
  padding: 0;
  margin: 10px 5px 0 0px;
}

div.tab_content div.tabs_container {
}

div.tab_content {
  padding: 0;
  float: left;
  width: auto;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #ccc #aaa #aaa #ccc;
  margin: 0px 5px 5px 5px;
  clear: both;
}

div.tab_content > * {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

div.tab_content > *:first-child {
  margin-top: 6px !important;
}

div.tab_content > *:last-child {
  margin-bottom: 6px !important;
}

div.tab_content:before {
  content: "...";
  color: transparent;
  background-color: #ddd;
  width: 100%;
  height: 10px;
  display: block;
  margin: 0;
  padding: 0;
}

div.tab_content fieldset {
  border-width: 0px;
  position: relative;
}

div.tab_content fieldset fieldset {
  border-width: 1px;
  background-color: #FDFDFD;
  margin-left: 5px;
}

div.tabs_container div.tab_content {
  background-color: white;
}

ul.tabs_list, ul.tabs_list_edit {
  font-family: Trebuchet MS;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  background-color: transparent;
  float: left;
}

ul.tabs_list_edit {
  font-size: 12px;
  margin-left: 5px;
}

div.tab_content ul.tabs_list_edit {
  padding: 0;
  margin-left: 5px;
}

ul.tabs_list_edit button {
  white-space: nowrap;
  font-size: 12px;
  font-weight: bold;
}

ul.tabs_list li, ul.tabs_list_edit li {
  margin: 0 6px 0 0;
  padding: 0;
  float: left;
  background-color: #FDFDFD;
}

ul.tabs_list a, ul.tabs_list a:link, ul.tabs_list a:visited {
  padding: 6px 10px 4px 10px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #999;
  color: #999999;
  background-color: transparent;
  float: left;
}

ul.tabs_list_edit a, ul.tabs_list_edit a:link, ul.tabs_list_edit a:visited, ul.tabs_list_edit button {
  padding: 6px 10px 4px 10px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #CCC #aaa #aaa #ccc;
  color: #777;
  background-color: transparent;
  float: left;
}

ul.tabs_list_edit a.filter, ul.tabs_list_edit a.filter:link, ul.tabs_list_edit a.filter:visited {
  color: #66A932;
  background-color: #ECF7E4;
}

ul.tabs_list a.tab_active, ul.tabs_list a.tab_active:link, ul.tabs_list a.tab_active:visited, ul.tabs_list a:hover, ul.tabs_list a:active, ul.tabs_list a:focus {
  color: #333333;
  background-color: transparent;
}

ul.tabs_list_edit a.tab_active, ul.tabs_list_edit a.tab_active:link, ul.tabs_list_edit a.tab_active:visited, ul.tabs_list_edit a:hover, ul.tabs_list_edit a:active, ul.tabs_list_edit a:focus {
  color: #405e6f;
  background-color: #ddd;
  margin-top: 0px;
}

ul.tabs_list_edit a.filter.tab_active, ul.tabs_list_edit a.filter.tab_active:link, ul.tabs_list_edit a.filter.tab_active:visited, ul.tabs_list_edit a.filter:hover, ul.tabs_list_edit a.filter:active, ul.tabs_list_edit a.filter:focus {
  color: #ECF7E4;
  background-color: #7FC846;
}

ul.tabs_list_edit ul.filters input {
  margin-top: -9px;
  margin-bottom: 0px;
}

ul.tabs_list_edit ul.filters li.interval {
  font-family: Trebuchet MS;
  font-weight: normal;
  vertical-align: bottom;
}

ul.tabs_list_edit li img {
  border-width: 0;
  margin: -6px 5px -4px -5px;
  padding: 0;
}

div.band img.tab {
  display: none;
}

a.has_content {
  background-repeat: no-repeat;
  background-image: url(../.img/error.png);
  background-position: right center;
  padding-right: 21px ! important;
}

ul.filters {
}

ul.tabs_list_edit.filters li.go a {
  background-color:#DDDDDD;
  border-color:#F0F0F0 #666666 #666666 #F0F0F0;
  border-style:solid;
  border-width:1px;
  color:#3366AA;
  font-weight:normal;
  padding:4px 10px;
  position:relative;
  top:-2px;
}

ul.tabs_list_edit.filters li.go a:hover,
ul.tabs_list_edit.filters li.go a:active {
  color: #FEFEFE;
  background-color: #E58316;
}fieldset.indicators {
  margin-top: 0px; 
  background-color: Ivory; 
  margin-bottom: 5px;
  font-family: Trebuchet MS;
}

div.tab_content fieldset.indicators,
div.tab_content fieldset.properties,
div.toggle_fieldset.indicators,
div.toggle_fieldset.properties,
div.toggle_fieldset.toggle_show.indicators,
div.toggle_fieldset.toggle_show.properties,
div.toggle_fieldset.toggle_hide.indicators,
div.toggle_fieldset.toggle_hide.properties {
  background-color: Ivory; 
}

fieldset.indicators label.property {
  border: none;
}

fieldset.indicators label.property span.property_val,
fieldset.indicators label.property span.property_name {
  border: none;
  background-color: transparent;
  margin: 0px 0px 0px 3px;
  font-size: 11px;
}

fieldset.properties {
  margin-top: 0px; 
  background-color: Ivory; 
  margin-bottom: 5px;
  font-family: Trebuchet MS;
}

fieldset.properties label {
  width: 230px;
}

fieldset.properties label span {
  width: 120px;
}

div.doc_separator {
  clear: both;
  border-top: 2px solid white;
  padding: 1px;
  background-color: #ddd;
}button {
  padding: 2px;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  overflow: visible;
  border-width: 1px;
}

*.hidden_button {
  position: absolute; 
  width: 0; 
  height: 0; 
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
}

button.copy {
/*  background-color: LightSkyBlue; */
}

button.gen {
/*  background-color: Tan; */
}

button.det {
/*  background-color: #D2691E; */
}

form {
  white-space: normal;
  color: #585858;
  font-weight: normal;
  font-size: 11px;
  text-align: left;
  text-transform: none;
  vertical-align: middle;
}

fieldset {
  border: 1px solid #cccccc;
  margin: auto;
  float: left;
  clear: both;
  color: #585858;
  background-color: #fafafa;
}

fieldset.act_on {
  background-color: #eafaea;
  border-color: #9E9;
}

label {
  padding: 3px 0px 3px 2px;
  margin: 2px 4px;
  color: #585858;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
}

legend {
  padding: 0px 6px;
  margin: 2px 3px;
  color: #585858;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
  vertical-align: middle;
}

option {
  margin: 0;
  padding: 1px 3px;
  background-color: #ffffff;
  color: #585858;
  font-size: 10px;
}

select {
  border: dotted 1px #c0c0c0;
  padding: 0;
  margin: 1px 2px 1px 2px;
  background-color: #eeeeff;
  color: #585858;
  font-size: 10px;
  vertical-align: middle;
}

button img{
  width: 16px;
  padding: 0 2px 0 0;
  margin: -2px 0;
  height: 16px;
  vertical-align: middle;
  float: left;
}

button span {
  display: block;
  float: left;
  vertical-align: middle;
  line-height: 14px;
}

input, textarea {
  padding: 1px 2px;
  margin: 1px 2px;
  border: dotted 1px #c0c0c0;
  background-color: #eeeeff;
  color: #585858;
  font-size: 11px;
  vertical-align: middle;
}

input[type="checkbox"], input[type="radio"] {
  margin-left: 2px;
  border: solid 1px #c0c0c0;
}

input.disabled, select.disabled, textarea.disabled,
a.disabled, span.disabled, div.disabled {
  background-color: #eeeeee ! important;
  color: #c8c8c8;
}

input[readonly], select[readonly], select.readonly, textarea[readonly] {
  background-color: transparent ! important;
  border-color: transparent;
}

.hidden {
  display: none;
}

label:hover {
  color: #575bcc ! important;
}

div.form_groups {
  float: left;
}

div.form_groups input, div.form_groups select, div.form_groups textarea {
  float: left;
}

div.form_column {
  float: left;
}

div.form_column label {
  clear: both;
  padding-right: 20px;
  display: block;
}

div.form_column label span {
  width: 140px;
  float: left;
  line-height: 19px;
}

button.focus, button:not([disabled]):hover {
  cursor: pointer;
  color: #3366aa;
  /*
  background-color: #eeeeee ! important;
  border-width: 1px;
  border-style: solid;
  border-color: #848484 #fafafa #fafafa #848484;
  */
}

button.del.focus {
  color: red; /** gobi */
}

input.focus, textarea.focus, select.focus {
  border-color: #cc0000 ! important;
  background-color: #ffffff ! important;
}

input.datetime.select,
input.datemonth.select,
input.date.select {
  background-image: url(../.img/calendar.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-attachment: scroll;
  padding-right: 16px;
  text-align: center;
  width: 72px;
}

input.important {
  background-image: url(../.img/lightning.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-attachment: scroll;
  padding-right: 16px;
}

div.form_row_auto {
  width: auto;
  white-space: normal;
  float: left;
  clear: both;
}

div.form_row_auto > label {
  display: block;
  float: left;
  white-space: nowrap;
  line-height: 23px;
}

div.form_row_auto > label > span {
  margin-right: 5px;
  /*white-space: normal;*/
}

div.form_row {
  white-space: normal;
  float: left;
  clear: both;
}

div.form_row label {
  display: block;
  float: left;
  white-space: nowrap;
  line-height: 14px;
}

div.form_row label span {
  display: block;
  float: left;
  margin-right: 5px;
  white-space: normal;
}

div.form_row input, div.form_row select {
  float: left;
  margin-right: 5px;
  white-space: normal;
}

div.button_bar {
  background-color: #DDD;
  padding: 4px 6px;
  color: #585858;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
  vertical-align: middle;
  min-height: 20px;
  overflow: hidden;
  clear: left;
}

label.property {
   float: left;
   margin: 1px 5px 1px 1px;
   padding: 1px;
   border: 1px solid #D5DADF;
}

label.property span.property_name {
   width: 150px;
   margin: 1px;
}

label.property span.property_val {
   background-color: #EEEEFF;
   border: 1px dotted #C0C0C0;
   margin: 0;
}

span.obligatoriu {
  color: red;
  clear: none ! important;
  float: none ! important;
  margin-left: 4px;
  display: inline ! important;
}

.is_modified {
  border-color: #E99 ! important;
}


div.row_label {
  width: auto;
  white-space: normal;
  float: left;
  clear: both;
}

div.row_label > div > label,
div.row_label > label {
  display: block;
  float: left;
  white-space: nowrap;
  line-height: 20px;
  font-weight: normal;
  background-color: #F0F0F0;
  margin: 0;
}

div.row_label > div > label > span,
div.row_label > label > span {
  color: #333333;
  float: left;
  font-family: Trebuchet MS;
  font-size: 11px;
  font-weight: bold;
  line-height: 19px;
  margin: 0 0 1px;
  padding: 0 1px 0 4px;
  white-space: normal;
  width: 130px;
  text-transform: uppercase;
}

*.contact_global_toggle {
  cursor: pointer;
}

div.toggle_form {
  cursor: pointer;
  background-position: center left;
  background-repeat: no-repeat;
  text-indent: 16px;
}

div.toggle_form.toggle_show {
  background-image: url(../.img/info_sort_del.png);
}

div.toggle_form.toggle_hide {
  background-image: url(../.img/info_sort_add.png);
}

div.toggle_form.toggle_hide span:before {
  content: "Click pentru: ";
}

select option.disabled {
  color: #999;
  font-style: italic;
}

::-webkit-input-placeholder {
  color: #CCC;
  font-style: italic;
}

:-moz-placeholder {
  color: #CCC;
  font-style: italic;
}form.pager{
/*  margin: 1px 0 0 0; gobi */
  margin: 0;
  padding: 0;
  width: auto;
  clear: both;
  display: table;
  background-color: #fcfcfc;
}

form.pager *.loading {
  background-image: url(../.img/loading/ajax-loader_linear_big_blue.gif);
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 500;
}

form.pager table{
  border-collapse:separate;
  clear:both;
  color:#585858;
  empty-cells:show;
  font-family:Trebuchet MS;
  font-size:11px;
  margin:0;
  table-layout:fixed;
  width:1px;
}

form.pager table > tbody,
form.pager table > tfoot {
  line-height: 140%;
}

form.pager button{
  border-style: none;
  padding: 1px;
  margin: 0;
  float: left;
  background-color: transparent ! important;
  vertical-align: bottom;
}

form.pager button img{
  margin: 0;
  width: 16px;
  padding: 0 1px 0 0;
  height: 16px;
  vertical-align: top;
}

form.pager div.navigation{
  margin: 0;
  padding: 0;
  background-color: #dddddd;
  clear: both;
}

form.pager div.caption{
  background-color:#405E6F;
  color:FloralWhite;
  font-size:12px;
  font-weight:bold;
  line-height:21px;
  margin:0;
  padding:0;
  text-align:center;
  text-transform:uppercase;
  vertical-align:middle;
}

form.pager div.navigation div{
  width: auto;
  display: block;
  white-space: nowrap;
  height: 1.8em;
}

form.pager table th, form.pager table td{
  overflow:hidden;
  padding:2px;
  vertical-align:top;
}

form.pager.border table th, form.pager.border table td {
  border-color:#F0F0F0 #CCCCCC #CCCCCC #F0F0F0;
  border-style:solid;
  border-width:1px;
}

form.pager table th{
  border-width: 0px;
}

form.pager.border table th {
  border-width: 1px;
}

form.pager table th.is_filtered{
  color: #C33;
}

table > tfoot > tr > th,
table > tbody > tr > td {
  border-style: solid;
  border-color: transparent;
  border-width: 1px 0px;
}

form.pager table > tfoot > tr > th:first-child,
form.pager table > tbody > tr > td:first-child {
  border-left-width: 5px;
}

form.pager.border table > tfoot > tr > th:first-child,
form.pager.border table > tbody > tr > td:first-child {
  border-left-color:#DDDDDD;
}

form.pager table > tfoot > tr > th:last-child,
form.pager table > tbody > tr > td:last-child {
  border-right-width: 5px;
}

form.pager.border table > tfoot > tr > th:last-child,
form.pager.border table > tbody > tr > td:last-child {
  border-right-color:#DDDDDD;
}

form.pager table > tfoot > tr > th,
form.pager.border table > tfoot > tr > th {
  border-top: 3px double #CCC;
  border-bottom: 1px solid #CCC;
  color: #555;
  background-color: AliceBlue;
}

table tr.selected td {
  border-color: LightGreen ! important;
  background-color: #D5EED5 ! important;
}

table tr.over td {
  border-color: #D5EED5 ! important;
  color: #04F;
  cursor: pointer;
}

table tr.todelete td {
  border-color: #ff6060 ! important;
}

table tr.modified td {
  border-color: #ff3030 ! important;
}

table tr.deleted td:first-child {
  background-image: url(../.img/cross.png);
  background-position: center left;
  background-repeat: no-repeat;
}

table tr.even{
  background-color: #f4f4f4;
}

table tr.inactive{
  background-color: #999999 ! important;
}

table tr.odd{
  background-color: #fdfdfd;
}

form.pager table tr {
  height: 20px;
}

form.pager > table > tbody > tr.over {
  color: #404040;
}

form.pager > table > tbody > tr.visited {
  background-image: url(../.img/visited_stripe.png);
  background-position: center center;
  background-repeat: repeat;
}

form.pager > table > tbody > tr.selected {
  color: #404040;
}

form.pager table thead, form.pager table tfoot{
  color:#585858;
  background-color: #dddddd;
}

form.pager table thead{
  text-transform: uppercase;
}

form.pager input.filter.value {
  margin: 0;
  padding: 1px;
  font-size: 10px;
}

form.pager div.navigation input.step{
  width: 16px;
}

form.pager button.navigation.sort.column{
  border-style: none;
  padding: 0;
  margin: 0;
  width: 9px;
  float: none;
  background-color: transparent ! important;
  background-image: url(../.img/sorted_none.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 11px;
}

form.pager button.navigation.sort.column.list{
  padding-left: 9px;
  width: auto;
  margin: 1px 5px 1px 1px;
  border: 1px solid #cccccc;
  background-position: center left;
  height: auto;
}

form.pager button.navigation.sort.column.asc{
  background-image: url(../.img/sorted_asc.png);
}

form.pager button.navigation.sort.column.desc{
  background-image: url(../.img/sorted_desc.png);
}

form.pager div.navigation button.focus, form.pager div.navigation button:not([disabled]):hover {
  background-color: #eeeeee ! important;
  cursor: pointer;

  border: 0px; /** gobi */
}

form.pager div.caption button.focus, form.pager div.caption button:not([disabled]):hover {
  background-color: #4477aa ! important;
  cursor: pointer;

  border: 0px; /** gobi */
}

form.pager div.navigation input.step, form.pager div.navigation input.status{
  background-color: LightGoldenRodYellow;
  border-color: #ccc;
  font-size: 11px;
  width: 30px;
  float: left;
  text-align: center;
}

form.pager div.navigation input.status{
  width: 140px;
}

form.pager select.filter.operation, form.pager select.filter.operations, form.pager select.filter.value {
  margin: 0 0 1px 1px;
  padding: 0;
  font-size: 10px;
}

form.pager select.filter.operation option, form.pager select.filter.operations option, form.pager select.filter.value option {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

form.pager select, form.pager select option, form.pager input, form.pager textarea {
  background-color:LightGoldenRodYellow;
}

form.pager select.focus, form.pager select.focus option, form.pager input.focus, form.pager textarea.focus {
  background-color:Khaki ! important;
}

form.pager fieldset.pager_col_fs {
  padding: 0px;
  background-color: #F0F0F0;
  position: absolute;
  border-color:#849FAF #405E6F #405E6F #849FAF ! important;
  font-family: "Trebuchet MS";
  font-size: 11px;
  font-weight: bold;
  border-width: 1px;
}

form.pager fieldset.pager_col_fs label {
  display: block;
  font-family: "Trebuchet MS";
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

form.pager fieldset.pager_col_fs label input {
  margin-top: -2px;
}

form.pager fieldset.pager_col_fs img.close {
  position: relative;
  top: -18px;
  right: 3px;
}

form.pager fieldset.pager_col_fs div {
  background-color: #405E6F;
  color: LightGoldenRodYellow;
  vertical-align: middle;
  padding: 4px;
  text-transform: uppercase;
}

form.pager fieldset.pager_col_fs label:hover {
  background-color: #405E6F;
  color: LightGoldenRodYellow ! important;
}

form.pager img.col_selector {
  cursor: pointer;
}

form.pager div.pager_menu {
  background-color:LightGoldenRodYellow;
  border-color:#849FAF #405E6F #405E6F #849FAF;
  border-style:solid;
  border-width:1px;
  clear: none;
  padding: 0;
  width: auto;
  height: auto;
}

form.pager div.pager_menu button {
  float: left ! important;
  clear: both;
  color: #405e6F;
}

form.pager div.pager_menu button span {
  text-transform: none;
  padding-left: 3px;
  color: inherit;
}

form.pager div.pager_menu button.disabled span {
  color: #CCC;
}

form.pager div.pager_menu button.disabled {
  /*display: none;*/
}

form.pager div.pager_menu button.focus {
  background-color: #405E6F ! important;
  color: LightGoldenRodYellow;
  width: 100%;
}

form.pager div.pager_menu hr {
  clear: both;
  margin: 2px 4px;
  width: auto;
  border-color: transparent transparent black;
  border-top-width: 2px;
}

form.pager div.navigation span.status {
  float: left;
  margin-top: 5px;
  margin-left: 3px;
  font-size: 12px;
  font-family: Trebuchet MS;
}

form.pager div.navigation span.status b {
  color: #405E6F;
}

td.nowrap,
th.nowrap {
  white-space: nowrap ! important;
}fieldset.FSelector{
  padding: 0px;
  margin-top: 0px;
  border: none;
}

fieldset.FSelector div.band {
  background-color: #3366AA;
  float: left;
  line-height: 20px;
  margin: 0px 0px 2px 0px;
  padding: 3px 0px;
  text-transform: uppercase;
  width: 100%;
  color: #ccc;
  font-weight: bold;
  font-size: 12px;
  text-indent: 2px;
}
fieldset.FSelector div.band.bandFS {
  background-color: #405E6F !important;
}

fieldset.FSelector legend {
  margin: 0px 3px;
}

fieldset.FSelector input {
  margin: 0px 2px;
}

fieldset.FSelector div.form_column {
  margin: 0;
  padding: 0;
  /*
  width: 100%;
  */
}

fieldset.FSelector label {
  margin: 1px 4px;
  padding: 0px 2px;
  font-weight: normal;
  line-height: 14px;
  cursor: pointer;
}

fieldset.FSelector label span {
  width: 80px;
}

ul.FSelector li label img{
  float: left;
  width: 32px;
  height: 32px;
}

fieldset.FSelector em {
  display: block;
}

fieldset.FSelector em.file_name {
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
  white-space: pre;
}

fieldset.FSelector em.file_attr {
  font-style: italic;
  font-size: 10px;
  color: #888;
  line-height: 11px;
  white-space: pre;
}

fieldset.FSelector em.file_comm {
  font-style: normal;
  font-size: 11px;
}

ul.FSelector{
  margin: 0;
  clear: both;
  color: #585858;
  font-size: 11px;
  height: 165px;
  overflow: auto;
  width: 100%;
}

ul.FSelector li{
  margin: 1px 0px 2px 0px;
  padding: 0;
  float: left;
  width: 100%;
  clear: left;
}

ul.FSelector li label{
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

ul.FSelector li.deleted{
  background-color: #ff6060 ! important;
}

ul.FSelector li.odd{
  background-color: #fdfdfd;
}

ul.FSelector li.even{
  background-color: #fbfbfb;
}

ul.FSelector li.inactive{
  background-color: #999999 ! important;
}

ul.FSelector li.modified{
  background-color: #ff3030 ! important;
}

ul.FSelector li.over{
  background-color: #e0ffe0;
}

ul.FSelector li.selected{
  background-color: #a0ffa0 ! important;
}

ul.FSelector_list {
  margin: 0;
  clear: both;
  color: #585858;
  font-size: 11px;
  height: 60px;
  overflow: auto;
  width: 820px;
}

ul.FSelector_list li {
  margin: 1px 5px 2px 0px;
  padding: 0;
  float: left;
  width: 195px;
}

ul.FSelector_list li label {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

ul.FSelector_list img {
  float: right;
  width: 25px;
  height: 25px;
}

ul.FSelector_list li.band {
  background-color: #3366aa;
  color:#D3D3D3;
  font-family:Trebuchet MS;
  font-size:12px;
  font-weight:bold;
  line-height:26px;
  text-align:left;
  text-indent:6px;
  text-transform:uppercase;
}
ul.hTSelector {
  margin: 0;
  padding: 0;
  overflow: visible;
}

ul.hTSelector li {
  margin: 0;
  padding: 2px 0 0 20px;
  color: #585858;
  background-image: url(../.img/line.png);
  background-repeat: no-repeat;
  background-position: -1px 5px;
  cursor: pointer;
  clear: both;
}

ul.hTSelector li ul {
  border-left: 1px solid #cccccc;
}

ul.hTSelector li label {
  margin: 0;
  padding: 1px 3px;
  color: #585858;
  font-weight: normal;
  font-size: 11px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  display: inline;
}

ul.hTSelector li.expanded {
  background-image: url(../.img/bullet_toggle_minus_line.png);
  background-position: -1px 5px;
}

ul.hTSelector li.collapsed {
  background-image: url(../.img/bullet_toggle_plus_line.png);
  background-position: -1px 5px;
}

ul.hTSelector li.selected > label {
  background-color: #a0ffa0 ! important;
}

ul.hTSelector li.over > label {
  background-color: #e0ffe0;
}

ul.hTSelector label span {
  float: none;
  line-height: 1em;
}

ul.hTSelector label span.external {
  font-weight: bold;
  color: #3366aa;
}

ul.hTSelector label span.info_container {
  border: 1px solid #EEE;
  background-color: #F9F9F9;
  display: block;
  float: left;
  padding: 2px 3px;
  margin: 1px;
  white-space: nowrap;
  font-family: Consolas, "Courier New", Courier, monospace;
}

ul.hTSelector label span.info_container span.info_colName {
  font-weight: bold;
  color: #36A;
  padding-right: 3px;
}

ul.hTSelector label span.info_container:first-child {
  margin-left: -5px;
  background-color: #405E6F !important;
}

ul.hTSelector label span.info_container:first-child span.info_colName {
  display: none;
}

ul.hTSelector label span.info_container:first-child span.info_colValue a {
  color: #F9F9F9;
}

ul.hTSelector label span.info_container span.info_colValue {
  font-style: italic;
  color: #595;
}

ul.hTSelector label span.info_container span.info_colValue + span.info_colValue:before {
  content: '/';
  color: #CCC;
  font-style: normal;
}

form.frm_prod_select {
  background-color: WhiteSmoke;
  width: auto ! important;
  height: auto ! important;
  padding-bottom: 5px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}

ul.hTSelector label.ROOT span.info_container {
  background-color: #FFF;
}

ul.hTSelector label.MAIN span.info_container {
  background-color: #FFA;
}

ul.hTSelector label.ROWS span.info_container {
  background-color: #FFA;
}

ul.hTSelector label.PARENTS span.info_container {
  background-color: #DFD;
}

ul.hTSelector label.CHILDREN span.info_container {
  background-color: #FDD;
}

ul.hTSelector label.LOOP span.info_container * {
  color: #AAA !important;
}div.bargraph {
  border: 1px solid #CCC;
  background-color: #FDFDFD;
  padding: 1px;
  margin: 4px 4px 0 0;
  overflow: hidden;
  font-size: 9px;
  line-height: 1.2em;
}

div.bargraph div.caption {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
}

div.bargraph li {
  clear: both;
  white-space: nowrap;
  color: #333;
  text-align: center;
  margin-bottom: 1px;
}

div.bargraph li.group {
  border-top: 1px solid #DDD;
}

div.bargraph div.group_label {
  float: left;
  width: 70px;
  text-align: left;
  font-weight: bold;
  overflow: hidden;
}

div.bargraph ul.group_values {
  float: left;
  background-color: transparent ! important;
  background-image: url(../.img/grid_v.png);
  background-position: left top;
  background-repeat: repeat;
  padding-bottom: 5px;
}

div.bargraph li.group_value_scale {
  padding-left: 8px;
  background-color: #AAA;
  color: #000;
}

div.bargraph li.group_value {
  height: 14px;
  text-align: left;
}

div.bargraph li.group_value img.shading {
  left: -8px;
  width: 8px;
  height: 14px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
}/* CSS to go with Prototip.Styles */
.prototip {
  font: 11px Arial, Helvetica, sans-serif;
  color: #000;
}

/* the default style */
.prototip .default {
  width: 250px;
  color: #808080;
}
.prototip .default .toolbar {
  background: #f1f1f1;
  font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
  padding: 5px;
  background: #fff;
}

/* basic */
.prototip .basic {
  width: 250px;
  color: #808080;
}
.prototip .basic .toolbar {
  background: #f1f1f1;
  font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
  padding: 5px;
  background: #fff;
}

/* basic */
.prototip .hint {
  width: 250px;
  color: #313120;
  background: #fff6aa;
}
.prototip .hint .toolbar {
  background: #fdf1a0;
  font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
  width: 250px;
  color: #fff;
}
.prototip .protoblue .toolbar {
  background: #0d7cd0;
  font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
  background: #1e90ff;
  padding: 5px;
}

/* creamy */
.prototip .creamy {
  width: 250px;
  color: #bb9c61;
}
.prototip .creamy .toolbar {
  background: #f3edc2;
  font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
  background: #f8f4ca;
  padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
  width: 250px;
  color: #fff;
}
.prototip .darkgrey .toolbar {
  background: #5f5f5f;
  font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
  background: #808080;
  padding: 5px;
}

/* protogrey */
.prototip .protogrey {
  width: 250px;
  color: #fff;
  background: #fff;
}
.prototip .protogrey .toolbar {
  background: #969c92;
  font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
  color: #808080;
  padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
  width: 14px;
  height: 14px;
}


/* loader gif */
.prototipLoader {
  position: absolute;
  top: -1000px;
  left: -1000px;
  height: 14px;
  width: 14px;
  border: 1px solid #dddddd;
  overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfixtip:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfixtip{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfixtip{display:block;}/* IE Mac Hide End *//* START AUTOCOMPLETE */
.ac_holder{
  position:relative;
}
.ac_field{
  background-image:url(../.img/autocomplete/autocomplete_leftcap.png);
  background-position:right center;
  background-repeat:no-repeat;
  padding-right: 17px;
}
.ac_field_busy{
  background-image:url(../.img/autocomplete/autocomplete_spinner.gif) ! important;
  background-position:right center;
  background-repeat:no-repeat;
}

div.autocomplete
{
  position: absolute;
  padding: 0;
  margin: 0;
  z-index: 2000;
}

div.autocomplete div.ac_header,
div.autocomplete div.ac_footer
{
  display: none;
}

div.autocomplete > ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: auto;
  background-color: #EEE;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #CCC #BBB #BBB #CCC;
  line-height: 14px;
}

div.autocomplete > ul > li
{
  padding: 0;
  margin: 0;
  text-align: left;
}

div.autocomplete > ul > li > a
{
  color: #333;
  display: block;
  text-decoration: none;
  text-shadow: #CCC 0px 0px 3px;
  padding: 2px 0;
  margin: 0;
  font-family: "Verdana";
}
div.autocomplete > ul > li > a:hover
{
  background-color: #444;
}

div.autocomplete > ul > li > a > .tl,
div.autocomplete > ul > li > a > .tr
{
  display: none;
}

div.autocomplete > ul > li > a > span
{
  font-weight: bold;
  padding: 0 6px;
  display: block;
}

div.autocomplete > ul > li > a > span > small
{
  font-weight: normal;
}

div.autocomplete > ul > li.ac_highlight > a,
div.autocomplete > ul > li.ac_highlight > a:hover
{
  background-color: #98BEF3;
}

div.autocomplete > ul > li.ac_highlight.unselectable > a,
div.autocomplete > ul > li.ac_highlight.unselectable > a:hover
{
  background-color: #999;
}

div.autocomplete > ul > li.as_warning
{
  font-weight: bold;
  text-align: center;
}
div.autocomplete > ul > li > a > span > em,
div.autocomplete > ul > li > a > span > small > em
{
  color: #F40E1A;
  font-style: inherit;
  font-weight: inherit;
}

div.autocomplete > ul > li > a > span.ous {
  font-family: consolas,monospace;
  font-size: 12px;
  font-weight: normal;
  padding-left: 18px;
  background-repeat: no-repeat;
  background-position: left center;
}

div.autocomplete > ul > li > a > span.ous.department {
  font-weight: bold;
  background-image: url(../.img/group.png);
}

div.autocomplete > ul > li > a > span.ous.user {
  font-style: italic;
  background-image: url(../.img/user.png);
}

div.autocomplete > ul > li > a > span.ous.manager {
  font-style: italic;
  background-image: url(../.img/user_red.png);
}
/* END AUTOCOMPLETE */#lightwindow_overlay {
  /* REQUIRED */
  display: none;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 500;
  /* REQUIRED */
}

#lightwindow {
  /* REQUIRED */
  /* Of Note - The height and width of this element are set to 0px */
  display: none;
  visibility: hidden;
  position: absolute;
  z-index: 999;
  line-height: 0px;
  /* REQUIRED */
}

  #lightwindow_container {
    /* REQUIRED */
    display: none;
    visibility: hidden;
    position: absolute;
    /* REQUIRED */
    padding: 0 0 0 0;
    margin: 0 0 0 0;
  }

  /* IE6 needs this or it messes with our positioning */
  * html #lightwindow_container {
    overflow: hidden;
  }

  #lightwindow_contents {
    overflow: hidden;
    z-index: 0;
    position: relative;
    border: 10px solid #ffffff;
    background-color: #ffffff;
  }

#lightwindow_loading {
  /* REQUIRED */
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 9999;
  position: absolute;
  /* REQUIRED */
  background-color: #f0f0f0;
  padding: 10px;
}

  #lightwindow_loading_shim {
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
  }

  #lightwindow_loading span {
      font-size: 12px;
    line-height: 32px;
    color: #444444;
    float: left;
    padding: 0 10px 0 0;
  }

  #lightwindow_loading span a,
  #lightwindow_loading span a:link,
  #lightwindow_loading span a:visited {
    color: #09F;
    text-decoration: none;
    cursor: pointer;
  }

  #lightwindow_loading span a:hover,
  #lightwindow_loading span a:active {
    text-decoration: underline;
  }


  #lightwindow_loading img {
      float: left;
      margin: 0 10px 0 0;
  }


/*-----------------------------------------------------------------------------------------------
  I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
  I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
  /* REQUIRED */
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  /* REQUIRED */
}
  /* We need to shim the navigation for IE, though its more of a sub-floor */
  #lightwindow_navigation_shim {
    /* REQUIRED */
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    /* REQUIRED */
  }

  #lightwindow_navigation a,
  #lightwindow_navigation a:link,
  #lightwindow_navigation a:visited,
  #lightwindow_navigation a:hover,
  #lightwindow_navigation a:active {
    /* REQUIRED */
    outline: none;
    /* REQUIRED */
  }

  #lightwindow_previous,
  #lightwindow_next {
    width: 49%;
    height: 100%;
    background: transparent url(../.img/lightwindow/blak.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
  }

  #lightwindow_previous {
    float: left;
    left: 0px;
  }

  #lightwindow_next {
    float: right;
    right: 0px;
  }

  #lightwindow_previous:hover,
  #lightwindow_previous:active {
    background: url(../.img/lightwindow/prevlabel.gif) left 15% no-repeat;
  }

  #lightwindow_next:hover,
  #lightwindow_next:active {
    background: url(../.img/lightwindow/nextlabel.gif) right 15% no-repeat;
  }

  #lightwindow_previous_title,
  #lightwindow_next_title {
    display: none;
  }

#lightwindow_galleries {
  width: 100%;
  position: absolute;
  z-index: 50;
  display: none;
  overflow: hidden;
  margin: 0 0 0 10px;
  bottom: 0px;
  left: 0px;
}

  #lightwindow_galleries_tab_container {
    width: 100%;
    height: 0px;
    overflow: hidden;
  }

  a#lightwindow_galleries_tab,
  a:link#lightwindow_galleries_tab,
  a:visited#lightwindow_galleries_tab {
    display: block;
    height: 20px;
    width: 77px;
    float: right;
    line-height: 22px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    font-size: 11px;
    color: #ffffbe;
    background: url(../.img/lightwindow/black-70.png) repeat 0 0 transparent;
  }

  * html a#lightwindow_galleries_tab,
  * html a:link#lightwindow_galleries_tab,
  * html a:visited#lightwindow_galleries_tab {
    background: none;
    background-color: #000000;
    opacity: .70;
  }

  a:hover#lightwindow_galleries_tab,
  a:active#lightwindow_galleries_tab {
    color: #ffffbe;

  }

  #lightwindow_galleries_tab_span {
    display: block;
    height: 20px;
    width: 63px;
    padding: 0 7px 0 7px;
  }

  #lightwindow_galleries_tab .up  {
    background: url(../.img/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
  }

  #lightwindow_galleries_tab .down {
    background: url(../.img/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
  }

  #lightwindow_galleries_list {
    background: url(../.img/lightwindow/black-70.png) repeat 0 0 transparent;
    overflow: hidden;
    height: 0px;
  }

  * html #lightwindow_galleries_list {
    background: none;
    background-color: #000000;
    opacity: .70;
  }

  .lightwindow_galleries_list {
    width: 200px;
    float: left;
    margin: 0 0 10px 0;
    padding: 10px;
  }

  .lightwindow_galleries_list h1 {
    color: #09F;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    padding: 10px 0 5px 0;
    font-size: 16px;
  }

  .lightwindow_galleries_list li {
    margin: 5px 0 5px 0;
    list-style-type: none;
  }

  .lightwindow_galleries_list a,
  .lightwindow_galleries_list a:link,
  .lightwindow_galleries_list a:visited {
    display: block;
    line-height: 22px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    padding: 0 0 0 10px;
    font-size: 11px;
  }

  .lightwindow_galleries_list a:hover,
  .lightwindow_galleries_list a:active {
    background: #000000;
    color: #ffffbe;
    border-left: 3px solid #ffffbe;
    padding: 0 0 0 7px;
  }

#lightwindow_data {
  /* REQUIRED */
  position: absolute;
  /* REQUIRED */
}

  #lightwindow_data_slide {
    /* REQUIRED */
    position: relative;
    /* REQUIRED */
  }

  #lightwindow_data_slide_inner {
    background-color: #ffffff;
    padding: 0 10px 10px 10px;
  }

  #lightwindow_data_caption {
    padding: 10px 0 0 0;
    color: #666666;
    line-height: 25px;
    background-color: #ffffff;
    clear: both;
  }

  #lightwindow_data_details {
    background-color: #f0f0f0;
    padding: 0 10px 0 10px;
    height: 20px;
  }

  #lightwindow_data_author_container {
    width: 40%;
    text-align: right;
    color: #666666;
    font-style: italic;
    font-size: 10px;
    line-height: 20px;
    float: right;
    overflow: hidden;
  }

  #lightwindow_data_gallery_container {
    font-size: 10px;
    width: 40%;
    text-align: left;
    color: #666666;
    line-height: 20px;
    float: left;
    overflow: hidden;
  }

#lightwindow_title_bar {
  height: 25px;
  overflow: hidden;
}

  #lightwindow_title_bar_title {
    color: #ffffbe;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    float: left;
  }

  a#lightwindow_title_bar_close_link,
  a:link#lightwindow_title_bar_close_link,
  a:visited#lightwindow_title_bar_close_link {
    float: right;
    text-align: right;
    cursor: pointer;
    color: #ffffbe;
    line-height: 25px;
    padding: 0;
    margin: 0;
  }

  a:hover#lightwindow_title_bar_close_link,
  a:active#lightwindow_title_bar_close_link {
    color: #ffffff;
  }

/*-----------------------------------------------------------------------------------------------
  Theme styling stuff
-----------------------------------------------------------------------------------------------*/

#lightwindow p {
  color: #000000;
  padding-right: 10px;
}
/** Growler Notice Custom Styling **/
div.Growler-notice {
  background-color: #000;
  color: #fff;
  opacity: .85;
  padding: 7px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  display: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div.Growler-notice-head {
  line-height: 14px;
  font-weight: bold;
  font-size: 11px;
  padding-bottom: 3px;
}

div.Growler-notice-body {
  line-height: 14px;
  min-height: 20px;
  max-height: 300px;
  overflow: auto;
}

div.Growler-notice-exit {
  float: right;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
}

div.Growler li {
  padding-left: 15px;
  list-style-type: square;
  list-style-position: inside;
}table.csf {
  margin: 5px 0px 5px 30px !important;
  clear: both;
  width: 1px;
  color: #585858;
  font-size: 10px;
  empty-cells: show;
  table-layout: fixed;
  border-collapse: collapse;
}

table.csf caption {
  margin: 0 0 1px 0;
  padding: 0;
  background-color: #3366aa;
  color: #d0d0d0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 21px;
  text-transform: uppercase;
  vertical-align: middle;
}

table.csf thead, table.csf tfoot{
  color: #3366aa;
  background-color: #dddddd;
}

table.csf thead{
  text-transform: uppercase;
}

table.csf th, table.csf td{
  padding: 2px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  vertical-align: top;
  overflow-x: hidden;
}


table.csf tr.csf_line {
  background-color: #FFF7DF;

}

table.csf tr.csf_bundle {
  background-color: #EFD9B3;
}

table.csf tr.csf_circuit {
  background-color: #EFF3FF;
}

table.csf tr.service_bundle {
}

table.csf tr.service_civil_works {
}

table.csf tr.service_other {
}

table.csf tr.service_data {
}

table.csf tr.service_internet {
}

table.csf tr.service_voice {
}

table.csf tr.service_vpn {
}

table.csf .col_selector {
  text-align: center;
}

table.csf .col_status {
  text-align: center;
}

table.csf .col_status img {
  padding: 1px;
}

table.csf .col_nr_crt {
  text-align: left;
  font-weight: bold;
}

table.csf .col_product {
  text-align: left;
  font-weight: bold;
}

table.csf tr.csf_circuit .col_product {
  text-align: right;
}

table.csf .col_product img {
  float: left;
  clear: both;
  margin-right: 3px;
}

table.csf .col_location {
  text-align: left;
}

table.csf .col_pop {
  text-align: left;
}

table.csf .col_capacity {
  text-align: left;
}

table.csf .col_otf {
  text-align: right;
}

table.csf .col_mtf {
  text-align: right;
}

table.csf .col_ctr_len {
  text-align: right;
}

table.csf .col_deadline_install {
  text-align: center;
}

table.csf .col_deadline_fs {
  text-align: center;
}

table.csf .col_details {
  text-align: left;
}

table.csf .col_interface {
  text-align: left;
}

table.csf .col_odf {
  text-align: left;
}

table.csf .col_odf_position {
  text-align: left;
}

table.csf .col_switch_port {
  text-align: left;
}

table.csf .col_local_loop {
  text-align: center;
}

table.csf .col_installTeam {
  text-align: left;
}

table.csf .col_modified {
  text-align: center;
}

table.csf ul.locations {
}

table.csf ul.locations li {
  list-style-type: none;
}

table.csf ul.capacities {
}

table.csf ul.locations ul.capacities {
  padding: 2px;
  margin-left: 20px;
}

table.csf ul.capacities li {
  list-style-type: none;
}

table.csf span.loc_label{
  font-weight: bold;
}

span.loc_pop{
  font-weight: normal;
  color: LightCoral;
}

span.loc_code{
  font-weight: normal;
  color: LightCoral;
}

table.csf span.cap_label {
}

table.csf span.cap_value {
  color: #33F;
}

.form_capacities {
  clear: both;
}

.form_capacities ul {
  float: left;
  clear: both;
}

.form_capacities ul li {
  float: left;
  clear: both;
  padding-left: 10px;
}

.form_capacities ul > li > ul {
  clear: none;
}

.form_capacities span {
  min-width: 80px;
  float: left;
  line-height: 20px;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
}

.form_capacities input {
  float: left;
  clear: none;
  text-align: right;
  width: 80px;
  height: 13px;
}

.form_capacities select {
  float: left;
  clear: none;
  height: 17px;
  min-width: 50px;
}

.form_capacities .temp {
  background-color: #EFE;
}

.form_capacities .collapsed,
.form_capacities .expanded {
  background-image: url(../.img/bullet_toggle_plus.png);
  background-position: center right;
  background-repeat: no-repeat;
}

.form_capacities .expanded {
  background-image: url(../.img/bullet_toggle_minus.png);
}

input.circuit_selector {
  text-align: left;
}

td.col_details dt {
  float: left;
  clear: both;
  width: 100px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 3px;
}

td.col_details dd {
  float: left;
  clear: none;
  width: 210px;
  padding-left: 0px;
  margin-bottom: 3px;
}
.necolors {
  padding: 0 2px 0 2px;
  color: #000000;
}
.necolor_maro {
  background-color: #B82E00;
  color: #FFFFFF;
}
.necolor_rosu {
  background-color: #F5003D;
}
.necolor_roz {
  background-color: #FFCCCD;
}
.necolor_portocaliu {
  background-color: #F5B800;
}
.necolor_galben {
  background-color: #FFFF00;
}
.necolor_verde {
  background-color: #00F53D;
}
.necolor_turcuaz {
  background-color: #52FFFC;
}
.necolor_albastru {
  background-color: #003DF5;
  color: #FFFFFF;
}
.necolor_violet {
  background-color: #8000FF;
  color: #FFFFFF;
}
.necolor_gri {
  background-color: #C2C2C2;
}
.necolor_negru {
  background-color: #000000;
  color: #FFFFFF;
}
.necolor_alb {
  background-color: #F2F2F2;
  color: #666666;
}
.necolor_incolor {
  background-color: #FFFFFF;
  color: #000000;
}

input.container_autocomplete.Partner {
  width: 250px;
}
input.container_autocomplete.Location {
  width: 250px;
}
input.container_autocomplete.Container {
  width: 150px;
}
input.container_autocomplete.ContainerPort {
  width: 150px;
}fieldset.a_calendar,
fieldset.a_list {
  min-width: 533px;
  border: 1px solid #E2EAF8;
  padding: 5px;
  margin: 0px 10px 10px 0px;
  float: left;
  clear: none;
  background-color: #F9F9F9;
}

fieldset.a_calendar.loading,
fieldset.a_calendar *.loading,
fieldset.a_list.loading,
fieldset.a_list *.loading {
  background-image: url(../.img/loading/ajax-loader_round_big_blue.gif);
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 500;
}

fieldset.a_calendar legend,
fieldset.a_list legend {
  margin: 0px 5px;
  padding: 1px 10px;
  font-size: 12px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-color: #E2EAF8;
  color: #3366AA;
  text-transform: uppercase;
  border-style: solid;
  border-color: #EEE;
  border-width: 0px;
  line-height: 22px;
}

fieldset.a_list > legend select.typeSel {
  border-width: 1px;
  border-color: #E2EAF8;
  margin-left: 10px;
  text-transform: none;
}

fieldset.a_list a:not(.autoselect) {
  padding: 0px;
  background-color: transparent;
  color: #679EF1;
  background-image: url(../.img/icon_link.gif);
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  width: 100%;
  height: 100%;
  text-indent: 16px;
}

fieldset.a_list a.inline_link {
  padding: 0px 4px 0px 0px;
  background-color: transparent;
  color: #679EF1;
  background-image: url(../.img/icon_link.gif);
  background-position: left center;
  background-repeat: no-repeat;
  float: left;
  width: auto;
  height: auto;
  text-indent: 16px;
}

fieldset.a_list a:not(.autoselect):hover {
  color: #FDFDFD;
  background-color: #679EF1;
  background-image: url(../.img/icon_link2.gif);
}

fieldset.a_list > ul {
  float: left;
  clear: both;
  padding: 0px;
  margin: 5px 0px;
  height: 500px;
  overflow-y: auto;
  width: 100%;
}

fieldset.contacts_list > ul,
fieldset.locations_list > ul,
fieldset.services_list > ul,
fieldset.docs_list > ul {
  height: 299px;
  overflow: hidden;
}

fieldset.a_list > ul > li {
  float: left;
  clear: both;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

fieldset.a_list > ul > li.header {
  background-color: #E2EAF8;
}

fieldset.a_list > ul li > em {
  float: left;
  clear: both;
  margin: 0px;
  padding: 3px 0px;
  font-style: italic;
  font-size: 12px;
  font-weight: bold;
  background-color: #E2EAF8;
  text-align: left;
  width: 100%;
  text-indent: 3px;
}

fieldset.a_list > ul li > dl {
  float: left;
  clear: both;
  margin: 0px;
  padding: 0px;
}

fieldset.a_list > ul li > dl > dt,
fieldset.a_list > ul li > dl > dd {
  float: left;
  clear: both;
  width: 7.5em;
  margin: 0px;
  padding: 2px;
  border-style: solid;
  border-color: #EEE;
  border-width: 1px;
  text-align: left;
  line-height: 1.2em;
  min-height: 1.2em;
}

fieldset.a_list > ul li > dl > dt {
  cursor: pointer;
}

fieldset.a_list > ul li > dl > dt.selected,
fieldset.a_list > ul li > dl > dd.selected {
  background-color: #a0ffa0 ! important;
}

fieldset.a_list > ul li.header > dl > dt,
fieldset.a_list > ul li.header > dl > dd {
  font-weight: bold;
}

fieldset.a_list > ul li.header > dl > dt {
  cursor: auto;
}

fieldset.a_list > ul li > dl > dd {
  clear: none;
}

fieldset.a_list > ul li > dl > dd.expand {
  clear: both;
}

fieldset.docs_list > ul li > dl > dt {
  cursor: pointer;
  width: 9.5em;
}

fieldset.docs_list > ul li > dl > dd.deadline {
  width: 5.5em;
  text-align: center;
}

fieldset.docs_list > ul li > dl > dd.description {
  width: 18em;
}

fieldset.docs_list > ul li > dl > dd.status {
  width: 12em;
  text-align: center;
}

fieldset.docs_list > ul li > dl > dd.status.green {
  color: green;
}

fieldset.docs_list > ul li > dl > dd.status.red {
  color: red;
}

fieldset.docs_list > ul li > dl > dd.status.grey {
  color: #AAA;
}

fieldset.todo_list > ul li > dl > dt {
  width: 19.7em;
  font-weight: normal;
}

fieldset.todo_list > ul li > dl > dd.owner {
  width: 12.49em;
  text-align: center;
}

fieldset.todo_list > ul li > dl > dd.tsmodi,
fieldset.todo_list > ul li > dl > dd.date,
fieldset.todo_list > ul li > dl > dd.deadline {
  width: 5em;
  text-align: center;
}

fieldset.todo_list > ul li > dl > dd.durata {
  width: 4.5em;
  text-align: right;
}

fieldset.todo_list > ul li > dl > dd.status {
  width: 4.5em;
  text-align: center;
}

fieldset.todo_list > ul li > dl > dd.priority {
  width: 4.5em;
  text-align: center;
}

fieldset.todo_list > ul li > dl > dd.expand {
  width: 516px;
}

fieldset.todo_list > ul li > dl > dd.status.status_1 {
  color: #F00;
  font-style: italic;
  font-weight: bold;
}

fieldset.todo_list > ul li > dl > dd.status.status_2 {
  color: #F93;
  font-weight: bold;
}

fieldset.todo_list > ul li > dl > dd.status.status_3 {
  color: #00F;
  font-weight: bold;
}

fieldset.todo_list > ul li > dl > dd.status.status_4 {
  color: #2EB800;
}

fieldset.todo_list > ul li > dl > dd.status.status_5 {
  color: #CCC;
}

fieldset.todo_list > ul li > dl > dd.priority.priority_6 {
  color: #CCC;
}

fieldset.todo_list > ul li > dl > dd.priority.priority_7 {
  color: #00F;
}

fieldset.todo_list > ul li > dl > dd.priority.priority_8 {
  color: #F93;
  font-weight: bold;
}

fieldset.todo_list > ul li > dl > dd.priority.priority_9 {
  color: #F00;
  font-weight: bold;
  font-style: italic;
}

fieldset.todo_list > ul li > dl > dd.expand div.form_row_auto label > span {
  width: 100px;
}

fieldset.todo_list > ul li > dl > dd.expand div.form_row_auto label > a {
  width: auto;
}

fieldset.todo_list > ul li > dl > dd.expand div.form_row_auto label > input,
fieldset.todo_list > ul li > dl > dd.expand div.form_row_auto label > textarea {
  width: 397px;
}

fieldset.todo_list > ul li > dl > dd.expand div.form_row_auto label > input.datetime.select,
fieldset.todo_list > ul li > dl > dd.expand div.form_row_auto label > input.date.select {
  width: 383px;
}

fieldset.todo_list > ul li > dl > dd.expand div.form_row_auto label > input.search,
fieldset.todo_list > ul li > dl > dd.expand div.form_row_auto label > textarea.search {
  width: 382px;
}

fieldset.todo_list > ul li > dl > dd.expand div.form_row_auto label > select {
  width: 403px;
}

fieldset.todo_list > ul li > dl > dd.expand div.form_row_auto label > textarea {
  height: 70px;
}

fieldset.contacts_list > ul li > dl > dt {
  width: 13em;
}

fieldset.contacts_list > ul li > dl > dd.location {
  width: 14em;
}

fieldset.contacts_list > ul li > dl > dd.level {
  width: 10em;
  text-align: center;
}

fieldset.contacts_list > ul li > dl > dd.function {
  width: 10em;
  text-align: center;
}

fieldset.contacts_list > ul li > dl > dd.contact {
  width: 15em;
}

fieldset.contacts_list > ul li > dl > dd.rec_mail {
  width: 3em;
  text-align: center;
}

fieldset.todo_list > ul li:not(.header) > dl > dt,
fieldset.contacts_list > ul li:not(.header) > dl > dt,
fieldset.locations_list > ul li:not(.header) > dl > dt {
  background-image: url(../.img/info_explode.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 22px;
}

fieldset.todo_list > ul li:not(.header) > dl > dt.expanded,
fieldset.contacts_list > ul li:not(.header) > dl > dt.expanded,
fieldset.locations_list > ul li:not(.header) > dl > dt.expanded {
  background-image: url(../.img/info_implode.png);
}

fieldset.services_list > ul li > dl > dt {
  width: 5.8em;
}

fieldset.services_list > ul li > dl > dd.service {
  width: 7em;
  text-align: center;
}

fieldset.services_list > ul li > dl > dd.capacity {
  width: 11em;
}

fieldset.services_list > ul li > dl > dd.termA {
  width: 20em;
}

fieldset.services_list > ul li > dl > dd.mtf {
  width: 6em;
  text-align: right;
}

fieldset.services_list > ul li > dl > dd.cost {
  width: 6em;
  text-align: right;
}

fieldset.services_list > ul li > dl > dd.diff {
  width: 6em;
  text-align: right;
}

fieldset.locations_list > ul li > dl > dd.description {
  width: 15em;
}

fieldset.locations_list > ul li > dl > dd.address {
  width: 23em;
}

fieldset.contacts_list > ul li > dl > dd.expand {
  width: 585px;
}

fieldset.contacts_list > ul li > dl > dd.expand li.location a.locations_list_link {
  background-position: left center;
  line-height: 24px;
  width: auto;
}

fieldset.contacts_list > ul li > dl > dd.expand li.location {
  float: left;
  clear: left;
}

span.msg_ok {
  color: #090;
}

span.msg_notok {
  color: #F60;
}

span.msg_err {
  color: #D60000;
}

fieldset.a_calendar {
  height: auto;
}

fieldset.a_calendar table thead tr {
  background-color: #E2EAF8;
  border: 1px solid #E2EAF8;
}

fieldset.a_calendar table tbody tr td {
  border: 1px solid #DDD;
  cursor: pointer;
}

fieldset.a_calendar table th,
fieldset.a_calendar table td {
  padding: 1px 1px 5px 1px;
}

fieldset.a_calendar table th {
  text-align: center;
  font-weight: bold;
}

fieldset.a_calendar table td {
  background-color: #FEFEFE;
  color: #333;
  min-height: 30px;
}

fieldset.a_calendar table th.weekend,
fieldset.a_calendar table td.weekend {
  color: #C33;
}

fieldset.a_calendar table td.weekend {
  background-color: #F3F3F3;
}

fieldset.a_calendar table td.not_in_month {
  color: #999;
}

fieldset.a_calendar table td.not_in_month.weekend {
  background-color: #F9F9F9;
  color: #E66;
}

fieldset.a_calendar table td li {
  margin-bottom: 2px;
  padding: 2px;
  text-align: left;
}

fieldset.a_calendar table td li.day_number {
  background-color: #DDD;
}

fieldset.a_calendar table td li.day_number.selected {
  background-color: #A0FFA0 !important;
}

fieldset.a_calendar table td.not_in_month li.day_number {
  background-color: #EEE;
}

fieldset.a_calendar table td.todos li.day_number {
  background-color:#BBB;
}

fieldset.a_calendar table td.today li.day_number {
  background-color: #F93;
}

fieldset.a_calendar table td li.day_todo {
  background-color: #EEE;
  overflow: hidden;
  white-space: nowrap;
  width: 166px;
}

fieldset.a_calendar table td.not_in_month li.day_todo {
  background-color: #EFEFEF;
}

fieldset.a_calendar span.prev_month,
fieldset.a_calendar span.next_month {
  cursor: pointer;
}

a.todo_add {
  color: ForestGreen;
  font-weight: bold;
  text-align: right;
  display: inline-block;
  margin-left: 10px;
}dl.tabel {
  margin-left: 10px;
}

dl.tabel dt {
  float: left;
  clear: both;
  font-weight: bold;
  margin-bottom: 3px;
  text-transform: uppercase;
  width: 230px;
  color: #888;
}

dl.tabel dd {
  float: left;
  clear: none;
  margin-bottom: 3px;
  padding-left: 0;
  width: 40px;
  text-align: center;
}

form.filtering {
  margin: 0 1px 0 0;
  padding: 0;
  border: 0 none transparent;
  line-height: 14px;
  font-family: "Trebuchet MS";
  font-size: 12px;
  font-weight: normal;
  background-color: transparent;
  color: #333;
  float: left;
  clear: none;
  min-width: 300px;
}

form.filtering fieldset {
  width: 100%;
  border: 1px solid #405E6F !important;
  background-color: transparent !important;
}

form.filtering fieldset fieldset {
  border-width: 0px;
}

form.filtering fieldset legend {
  background-color: #405E6F;
  color:#EEE;
  text-indent: 2px;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 -1px;
  padding: 0;
  vertical-align: baseline;
  border: inherit;
  width: 100%;
  float: left;
  position: relative;
}

form.filtering fieldset fieldset legend {
  margin: 0;
  border-top: 1px solid #CCC;
  background-color: #58B;
  font-size: 14px;
}

form.filtering fieldset legend > span {
  position: absolute;
  right: 5px;
}

form.filtering fieldset legend label {
  color: inherit;
  vertical-align: inherit;
  padding: 0;
  line-height: inherit;
  margin: 0 0 0 5px;
}

form.filtering fieldset legend label:hover {
  color: inherit !important;
}

form.filtering fieldset legend label * {
  line-height: inherit;
  vertical-align: inherit;
}

form.filtering fieldset legend label > span {
  line-height: inherit;
  color: inherit;
}

form.filtering fieldset label input,
form.filtering fieldset label textarea,
form.filtering fieldset label select,
form.filtering fieldset label option {
  line-height: 11px;
}

form.filtering fieldset label select {
  height: 17px;
  border: 1px solid #EEEEEE;
}

form.filtering fieldset label select.tree {
  height: auto;
}

form.filtering fieldset label input.numeric {
  width: 40px;
  text-align: right;
}

form.filtering div.form_row label > span {
  width: 120px;
  line-height: 20px;
}

form.filtering div.form_row_auto > label.filtering_multi > span {
  font-weight: normal;
  width: auto;
  text-align: left;
  color: #060;
  cursor: pointer;
}

form.filtering div.form_row_auto > label.filtering_multi ~ label.filtering_multi:before {
  content: ' | ';
  color: #CCC;
  float: left;
}

form.filtering div.form_row_auto > label.filtering_multi > span.inactive {
  color: #F99;
}#main_container {
  width:  97%;
  margin: 0 auto;
}

#topcontainer {
  display:  block;
  height:   126px;
  overflow: hidden;
  position: relative;
  min-width: 1200px;
}

#topcontainer .logoadnet {
  background: url(../.img/logo_top.png) no-repeat;
  display:    inline-block;
  float:      left;
  height:     126px;
  width:      284px;
}

#topcontainer .right_top {
  float:  right;
  width:  110px;
  margin: 15px 10px 0 0;
}

#topcontainer .logout {
  background: url(../.img/logoutbtn.png) no-repeat;
  display:    inline-block;
  float:      left;
  height:     28px;
  width:      98px;
}

#topcontainer .manualutilizare {
  background: url(../.img/manualutilizare.jpg) no-repeat;
  display:    inline-block;
  float:      left;
  height:     38px;
  width:      98px;
}

div.header {
  left: 315px;
  margin: 0;
  position: absolute;
  right: 155px;
  top: 98px;
  height: 30px;
}

div.header div.title {
  position: relative;
  top: -110px;
  background-color: transparent;
}

dl.menu,
dl.menu dl {
  background-color: #FDFDFD;
}

dl.menu dt {
  background-color: #FDFDFD;
  border-style: none !important;
}

dl.menu dt.submenu_title {
  display: none;
}

dl.menu > dt > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
  border: 1px solid transparent;
  height: 20px;
  padding-top: 5px;
  text-align:  center;
  color:       #6a6a6a;
  font-weight: bold;
  font-size:   13px;
  font-family: Arial;
  cursor: pointer !important;
  width: auto !important;
  border-bottom: 1px dotted #CCC;
}

dl.menu a {
  background-color: #F6F6F6;
}

dl.menu > dt + dd {
  margin-top: 6px;
}

dl.menu dl dt + dt,
dl.menu dl dd + dt {
  border-top: 1px dotted #CCC !important;
}

dl.menu > dt > a.menu.link {
  -webkit-border-radius: 6px 0 0 0;
     -moz-border-radius: 6px 0 0 0;
          border-radius: 6px 0 0 0;
}

dl.menu > dt > a.submenu {
  width: 16px !important;
  -webkit-border-radius: 0 6px 0 0;
     -moz-border-radius: 0 6px 0 0;
          border-radius: 0 6px 0 0;
}

dl.menu > dt > a.nolink.submenu {
  width: auto !important;
  padding-right: 22px;
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

div.header div.title a.path {
  color:          #8b8b8b;
  text-transform: uppercase;
  font-size:      12px;
  line-height:    30px;
  font-weight:    bold;
  border-bottom: 1px dotted #CCCCCC;
}

div.footer {
  background:  #f3f3f3;
  height:      30px;
  position:    fixed;
  bottom:      0;
  width:       97%;
  line-height: 30px;
  color:       #6a6a6a;
  font-weight: bold;
}

div.footer label.user_groups select {
  margin-top: 7px;
}

fieldset.doc_main        div.band > span,
fieldset.circ_main       div.band > span,
fieldset.form_capacities div.band > span {
  color: #6a6a6a !important;
  padding-left: 5px;
}

fieldset.doc_main div.band {
  background: #d4d4d4 !important;
  padding-left: 5px;
}

dl.links {
  background-color: transparent;
}

dl.links + dl.links {
  clear: none;
}

button:not(.navigation),
input[type="button"],
input[type="submit"],
input[type="reset"],
a.button,
dl.links dt > a.action,
dl.links dt > a.noaction {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #e27c44;
  background-color: #FEFEFE;
  box-shadow: 0 0 2px #666666;
  cursor: pointer;
  min-width: 90px;
  padding: 2px 4px;
  text-align: left;
  text-indent: 4px;
  white-space: normal;
}

button:not(.navigation),
input[type="button"],
input[type="submit"],
input[type="reset"] {
  line-height: 15px;
  min-width: 0;
}

input[type="button"]:not(.disabled):hover,input[type="button"]:not(.disabled):active,
input[type="submit"]:not(.disabled):hover,input[type="submit"]:not(.disabled):active,
input[type="reset"]:not(.disabled):hover, input[type="reset"]:not(.disabled):active,
a.button:not(.disabled):hover, a.button:not(.disabled):active,
dl.links dt > a.action:hover, dl.links dt > a.action:active {
  background-color: #E58316;
  color: #FEFEFE;
}

button:not(.navigation):not(.disabled):hover,button:not(.navigation):not(.disabled):active {
  background-color: #E58316;
}

dl.links dt {
  background-color: transparent !important;
  border:     none !important;
}


fieldset.doc_main {
  border-width: 0 !important;
  width:        100% !important;
  margin-left:  0 !important;
  margin-right: 0 !important;
}

fieldset.doc_main div.band {
  width:         100% !important;
  margin-left:   0 !important;
  margin-right:  0 !important;
  padding-left:  0 !important;
  padding-right: 0 !important;
}

table.flux {
  margin-left:  0 !important;
  margin-right: 0 !important;
}

#flux {
  margin-left: 0 !important;
}

#flux div.toggle_fieldset {
  display: none;
}

dl.menu > dt > a.menu.link.start_crm {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer !important;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  height: auto;
  padding-top: 1px;
  position: absolute;
  right: -105px;
  text-align: center;
  top: -7px;
  width: 92px !important;
}

dl.menu > dt > a.nolink.nosubmenu.menu_me {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer !important;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  height: auto;
  padding-top: 1px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: -51px;
  width: 92px !important;
}

#topcontainer div.left_top {
  display: inline-block;
  left: 295px;
  right: 235px;
  position: absolute;
  top: 45px;
}

#topcontainer div.left_top a {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #e27c44;
  background-color: #FEFEFE;
  box-shadow: 0 0 2px #666666;
  cursor: pointer;
  padding: 2px 4px;
  text-align: left;
  text-indent: 4px;
  white-space: normal;
  color: #666;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
}

#topcontainer div.left_top a:hover,
#topcontainer div.left_top a:active {
  background-color: #E58316;
  color: #FEFEFE;
}/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.bootstrap-datetimepicker-widget {
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
.bootstrap-datetimepicker-widget * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-datetimepicker-widget *:before,
.bootstrap-datetimepicker-widget *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-datetimepicker-widget a {
  color: #337ab7;
  text-decoration: none;
}
.bootstrap-datetimepicker-widget a:hover,
.bootstrap-datetimepicker-widget a:focus {
  color: #23527c;
  text-decoration: underline;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  border-radius: 0;
}

.bootstrap-datetimepicker-widget table td {
  width: auto;
}
.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-remove:before {
  content: "\e014";
}

input.datetimepicker {
  background-attachment: scroll;
  background-image: url("../.img/calendar.png");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 16px !important;
  text-align: center !important;
  width: 72px !important;
}

