/* common */
* {
  margin:0px;
  padding:0px;
  border:0px;
}

body {
  font:.70em/1.5em tahoma, arial, helvetica, sans-serif;
  background-color:#E2E2E2;
}

a {
  color:#000000;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

/* Layout */
body.window, body.preview, body.report, body.popupWindow {
  background-image:none;
  background-color:#ffffff;
  padding:0px;
}

body.windowLogin {
  background-position:13.9%;
}

#wrap {
  padding:5px 10px 5px 0px;
}

body.popupWindow div.wrap {
  padding:0px 0px;
  border-radius:5px;
  background-color:#fff;
}

#header {
  border:none;
  width:100%;
  clear:both;
  height:37px;
  overflow:hidden;
}

#windowBody {
  border:none;
  position:relative;
  width:100%;
  clear:both;
  overflow:hidden;
  min-height:540px;
}

#footer {
  border:none;
  clear:both;
  width:100%;
  height:37px;
  text-align:center;
}

#windowOutput, #mainPanel, #output {
  min-height:540px;
  margin:0px;
  padding:0px;
  border:none;
}

#windowOutput {
  float:right;
  width:88%;
  background-color:#e2e2e2;
}

#mainPanel {
  float:right;
  width:12%;
}

#main {
  border:none;
  min-width:750px;
  width:100%;
  padding-bottom:10px;
}

#main.divided {
  float:left;
  width:79%;
}

#secondPanel {
  width:20.5%;
  float:left;
}

#header, #windowBody, #windowTitle, #footer {
  min-width:980px;
}

/* header */
#logo {
  margin:0px;
  float:left;
  padding:0px;
}

#userInfo {
	margin:10px 5px 0px 0px;
  float:right;
  padding:0px;
}

#userInfo a {
  margin-right:5px;
}

#logout {
  float:right;
  height:37px;
  width:100px;
  margin-right:0px;
  width:130px;
  line-height:25px;
  padding:6px 5px;
}

#logout a {
  display:block;
  margin:0px auto;
  width:130px;
  line-height:25px;
  text-align:center;
  color:#FFFFFF;
  background:none;
  background-color:#6f7072;
  border-radius:15px;
}

#logout a:hover {
  background-color:#000000;
  color:#FFFFFF;
  text-decoration:none;
}

/* Main Menu */

#mainMenu {
  float:right;
}

#mainMenu ul {
  display:inline;
  margin:0px auto;
  height:37px;
}

#mainMenu ul li {
  list-style:none;
  display:block;
  float:left;
  text-align:center;
  height:37px;
  color:#FFFFFF;
  width:130px;
  line-height:25px;
  padding:6px 5px;
}

#mainMenu ul li:hover {
  cursor:pointer;
}

#mainMenu ul li a {
  display:block;
}

#mainMenu li a {
  background:none;
  width:130px;
  color:#FFFFFF;
  background-color:#6f7072;
  border-radius:15px;
}

#mainMenu li a:hover {
  background-color:#000000;
  text-decoration:none;
}

/* Secondary Menu */
#mainPanel h4 {
  margin-top:3px;
  background-color:#333333;
  color:#ffffff;
  padding-left:20px;
  width:90%;
  line-height:20px;
  height:22px;
}

#secondaryMenu {
  margin-top:10px;
  width:100%;
}

#secondaryMenu div {
  margin:5px 0px;
  padding:0px;
}

h5.menuTitle {
  font-size:11px;
  margin:5px 0px 5px 15px;
  padding:3px 0px 3px 15px;
  background-color:#A0A0A0;
  color:#FFFFFF;
  cursor:pointer;
  border-radius:10px 0px 0px 10px;
}

h5.menuTitleDown {
  font-size:11px;
  margin:5px 0px 5px 15px;
  padding:3px 0px 3px 15px;
  background-color:#B0B0B0;
  color:#FFFFFF;
  cursor:pointer;
  border-radius:10px 0px 0px 10px;
}

h5:hover {
  background-color:#9e9e9e;
}

#secondaryMenu div ul {
  margin:0px 0px 20px 0px;
  list-style:none;
}

#secondaryMenu li {
  margin:1px 0px 0px 10px;
}

#secondaryMenu li a {
  display:block;
  text-decoration:none;
  text-align:right;
  padding:1px 20px 1px 0px;
  margin:2px 0px 2px 15px;
  color:#000000;
}

#secondaryMenu li.actual a {
  background-color:#ffffff;
  border-radius:10px 0px 0px 10px;
  color:#000000;
}

#secondaryMenu li a:hover {
  background-color:#efefef;
  border-radius:10px 0px 0px 10px;
  font-weight:bold;
  color:#000000;
}

/* WindowOutput */
#tabs {
  float:left;
  width:80%;
  margin-top:3px;
  padding:0px;
  height:22px;
  border:none;
  background:url(images/bg_tabs.png) no-repeat left;
  background-color:#e9e9e9;
}
#subtab {
  border: .5px rgb(144,144,144) solid;
  margin-left: 40px;
  margin-right: 40px;
}
#subtab li {
  float:left;
  width: 20%;
  display:block;
  text-decoration:none;
  text-align: center;
  padding:2px 2px 2px 2px;
  margin:10px 0px 2px 15px;
  background-color:#e9e9e9;
  border-radius: 10px 10px 0px 0px;
}
#subtab li:hover {
  background-color:rgb(144,144,144);
  cursor:pointer;
}

#connSelector {
  float:right;
  width:20%;
  margin-top:3px;
  padding:0px;
  height:22px;
  border:none;
  background-color:#e9e9e9;
}

#control {
  clear:both;
  border:none;
  margin-top:5px;
  height:27px;
  padding:5px 0px 1px 25px;
}

#toolbar {
  height:27px;
  float:left;
  width:50%;
}

#toolbar form {
  display:inline;
  margin-left:2px;
  float:left;
}

#toolbar a {
  float:left;
  margin-left:3px;
  height:24px;
}

#toolbar input.submitButton {
  margin:2px 3px 2px 0px;
  background-color:#788eb5;
  color:#ebedef;
  height:22px;
  line-height:10px;
  font-size:11px;
  font-family:arial, sans-serif;  
  padding:0px 5px;
  border-radius:5px;
}

#toolbar a:hover, #toolbar input.image:hover {
  border-radius:2px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.33);
}

#toolbar input.submitButton:hover {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.33);
}

#message {
  float:right;
  margin-top:2px;
  padding:2px 10px;
  width:40%;
  height:16px;
  line-height:16px;
  text-align:right;
  border-radius:8px 0px 0px 8px;
}

#divMessage {
	clear:both;
	margin:20px auto;
  width:80%;
  text-align:center;
  padding:10px 0px;
  border-radius:5px;
}

/* general */
.hide {
  display:none;
  visibility:hidden;
}

.highlight {
  background-color:#fbdb6e;
}

.form, .formSmall, .grid, .gridDB {
  clear:both;
  padding-top:10px;
}

/* forms */
.form {
  min-width:760px;
  max-width:760px;
  margin:0px auto;
}

.formSmall {
  min-width:500px;
  max-width:500px;
  margin:0px auto;
}

.form div, .formSmall div {
  clear:both;
}

.form p, .formSmall p {
  margin:2px 10px;
  float:left;
}

.formSmall p.description {
  clear:both;
  background-color:#e5e5e5;
  width:500px;
  margin:5px auto;
  padding:5px 0px;
  border-radius:5px;
  text-align:center;
}

.form p.description {
  clear:both;
  background-color:#c4c4c4;
  width:95%;
  margin:5px auto;
  text-align:center;
}

.form p.comment, .formSmall p.comment {
  clear:both;
  float:none;
  margin:10px auto;
  padding:10px 0px;
  width:90%;
  background-color:#f2f2f2;
  text-align:center;
  border-radius:10px;
}

.form form p.comment {
  width:80%;
  background-color:transparent;
}

.form p span.comment {
  margin:0px 5px;
  color:#206090;
}

fieldset {
  clear:both;
  padding:5px 0px 10px 10px;
  border:1px solid #CCCCCC;
}

legend {
  font-weight:bold;
  margin-left:15px;
  padding:0px 5px;
}

fieldset.oneColumn p {
  width:auto;
}

fieldset.twoColumns p {
  width:47%;
}

fieldset.threeColumns p {
  width:auto;
}

fieldset.fourColumns p {
  width:auto;
}

fieldset.fourColumns input.image {
  margin-top:10px;
}

fieldset.fiveColumns p {
  width:15%;
}

label {
  display:block;
  width:100px;
}

.style1 label {
  float:left;
  margin-left:10px;
}

.threeColumns label {
  width:auto;
  padding-right:10px;
}

.style2 label {
  float:right;
  margin-left:10px;
}

p.submit {
  margin:0px auto;
  width:170px;
}

input, select, textarea {
  border:1px solid #aaa;
  background-color:#FEFEFF;
}

input {
  padding-left:2px;
}

textarea {
  width:552px;
  height:100px;
  padding:2px;
}

input.required, select.required, textarea.required {
  border:1px solid #FC0;
  background-color:#FFB;
}

input.disabled, select.disabled, textarea.disabled {
  border:1px solid #aaaaaa;
  background-color:#eeeeee;
}

input.char {
  width:20px;
}

input.days {
  width:30px;
}

input.time, input.year {
  width:40px;
}

select.time, select.year {
  width:60px;
}

input.date, select.date {
  width:80px;
}

input.int, select.int {
  width:40px;
  text-align:right;
}

input.quantity, input.price, input.numeric, select.quantity, select.price, select.numeric {
  width:60px;
  text-align:right;
}

input.amount, select.amount {
  width:70px;
  text-align:right;
}

input.tiny, select.tiny {
  width:50px;
}

input.code, select.code {
  width:70px;
}

input.documentno, select.documentno, textarea.documentno {
  width:90px;
}

input.name, select.name, textarea.name {
  width:150px;
}

input.mediumname, select.mediumname, textarea.mediumname {
  width:225px;
}

input.longname, select.longname, textarea.longname {
  width:300px;
}

input.grandname, select.grandname, textarea.grandname {
  width:370px;
}

input.description, select.description, textarea.description {
  width:550px;
}

input.image, input.button {
  border:none;
  background:none;
  cursor:pointer;
}

input.check {
  margin-top:3px;
}

input.selected, select.selected {
  border-color:#e9e9e9;
  width:120px;
}

input.submit {
  float:none;
  display:block;
  margin:10px auto;
  min-width:100px;
}

input.buttonSubmit {
  float:none;
  display:block;
  margin:10px auto;
  width:100px;
  border:none;
}

/* grid */

.grid p.description {
  margin:0px auto 10px;
  width:95%;
  background-color:#c4c4c4;
  padding:10px 0px;
  text-align:center;
}

div.gridToolbarTop, div.gridToolbarBottom {
  clear:both;
  width:95%;
  margin:5px auto;
  padding:5px 0px 2px;
}

div.gridToolbarTop div.gridActions, div.gridToolbarBottom div.gridActions {
  margin:0px auto;
}

div.gridToolbarTop form, div.gridToolbarBottom form {
  display:inline;
  margin-left:2px;
  float:left;
}

div.gridToolbarTop a, div.gridToolbarBottom a {
  float:left;
  margin-left:3px;
}

div.gridToolbarTop a:hover, div.gridToolbarTop input.image:hover,
div.gridToolbarBottom a:hover, div.gridToolbarBottom input.image:hover {
  border-radius:2px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.33);
}

table {
  margin:0px auto;
  width:95%;
  min-width:95%;
  max-width:95%;
  vertical-align:middle !important;
  background-color:#808080;
  border:1px solid #C0C0C0;
}

th {
  padding:0px 0px 2px;
  vertical-align:middle !important;
  white-space:nowrap !important;
  text-indent:2px;
  border-right:1px solid #888;
  background-color:#333333;
  color:#FFFFFF;
  line-height:18px;
}

th.caption {
  padding:2px;
  text-align:center;
  font-weight:bold;
  border:none;
  border-bottom:1px solid #000;
  background:none;
  background-color:#EFEFEF;
  color:#000000;
}

th.sql {
  padding:5px;
  text-align:center;
  font-weight:normal;
  border:none;
  border-bottom:1px solid #000;
}

tr {
  font-weight:normal;
  overflow:hidden;
  background:none;
  background-color:#FFFFFF;
}

tr.even {
  background:none;
  background-color:#DDDDDD;
}

tr.success {
  background:none;
  background-color:#77DD55;
}

tr.error {
  background:none;
  color:#FFFFFF;
  background-color:#FF0000;
}

tr.warning {
  background:none;
  background-color:#fec75a;
}

tr.rowerror {
  background:none;
  background-color:#ffdddd;
}

tr.totals td, tr.info td {
  background-color:#fff;
}

tr.info td {
  text-align:right;
  padding-right:10px;
  font-weight:bold;
}

tr.totals td {
  border-top:1px solid #000;
  border-right:none;
  font-weight:bold;
}

tr.result {
  background-color:#EEEEEE;
}

tr.result td {
  text-align:center;
  border-top:1px solid #CCCCCC;
  border-right:1px solid #EEEEEE;
}

tr.selected {
  background:none;
  background-color:#a3ceec;
  color:#000000;
}

tr.firstrow td {
  border-top:none;
}

tr.norows td {
  text-align:center;
}

td {
  padding:1px 0px 1px 5px;
  text-indent:2px;
  text-align:left;
  border-top:1px solid #ccc;
  overflow:hidden;
  white-space:nowrap !important;
  vertical-align:middle !important;
  cursor:default;
  border-right:1px solid #E0E0E0;
  max-width:300px;
}

tr.even td {
  border-right:1px solid #D0D0D0;
}

tr:hover {
  background:none;
  background-color:#75ACDB;
}

td:hover {
  background:none;
  background-color:#406090;
  color:#FFFFFF;
}

th.number {
  width:30px;
  padding:0px 0px 0px 3px;
  border-color:#404040;
  color:#FFFFFF;
  background-image:none;
  background-color:#404040;
}

td.number {
  width:30px;
  padding:0px 0px 0px 3px;
  border-color:#606060;
  color:#FFFFFF;
  background-image:none;
  background-color:#606060;
}

tr.even td.number {
  border-color:#505050;
  background-color:#505050;
}

th.price, th.qty, th.quantity, th.amount, th.numeric,
td.price, td.qty, td.quantity, td.amount, td.numeric {
  padding-right:5px;
  text-align:right;
}

td.price span.symbol, td.qty span.symbol, td.quantity span.symbol, td.amount span.symbol {
  text-align:left;
  float:left;
}

td.percent, th.percent {
  padding-right:10px;
  text-align:right;
}

td.center, th.center {
  text-align:center;
}

td.last, th.last {
  border-right:none;
}

th form {
  margin:0px;
  padding:0px;
  display:inline;
}

th input.image {
  margin-top:2px;
}

td input.image {
  margin:0px auto;
}

td.button, th.button {
  text-align:center;
  width:90px;
}

td.field {
  text-align:center;
  width:110px;
}

td.tooltipRight {
  background-image:url(images/info.png);
  background-position:right 3px top 3px;
  background-repeat:no-repeat;
}

td.tooltipLeft {
  background-image:url(images/info.png);
  background-position:left 3px top 3px;
  background-repeat:no-repeat;
}

td a {
  display:block;
  float:left;
  background-image:url(images/link.png);
  background-position:right top;
  background-repeat:no-repeat;
  width:98%;
  text-decoration:none;
  color:#000000;
}

td a:hover {
  text-decoration:underline;
  color:#ffffff;
}

td.qty a, td.quantity a, td.price a, td.amount a, td.total a, td.numeric a {
  display:block;
  float:right;
  width:98%;
  text-decoration:none;
  color:#000;
  padding:0px;
  background:url(images/link.png) left top no-repeat;
}

span.total {
  padding-right:5px;
  text-align:right;
}
  
td.button a {
  background:none;
}

tr td.hover, tr.even td.hover {
  background:none;
  background-color:#75ACDB;
}

.gridReport p.description {
  font-size:12px;
  text-align:center;
  text-decoration:underline;
  margin:0px auto 15px;
}

div.pagination {
  height:27px;
  width:95%;
  margin:7px auto;
}

span.page {
  display:block;
  float:right;
  margin:0px 0px 0px 5px;
  cursor:pointer;
  padding:1px 0px;
  text-align:center;
  width:20px;
  font-size:11px;
  background-color:#e0e0e0;
  color:#000000;
}

span.page:hover {
  background: url(images/backgroundRow.focused.png) repeat-x;
  color:#efefef;
}

span.actual {
  background-color:#909090;
  color:#efefef;
}

span.numrows {
  display:block;
  float:right;
  margin:2px 5px;
  color:#404040;
}

/* Messages */
#footer p {
  float:right;
  margin-left:10px;
}

#footer a {
  color:#808080;
  text-decoration:none;
}

#secondPanel {
  margin-top:10px;
}

.panel {
  margin:0px 4px 5px 0px;
  padding:2px 4px 5px 4px;
  background-color:#e0e0e0;
  border:1px solid #c5c5c5;
}

.panel div.panelHeader {
  text-align:left;
}

.panel h4 {
  float:left;
  margin:2px 0px 0px 5px;
}

.panel form {
  display:inline;
  margin:0px;
  padding:0px;
}

.panel input {
  float:right;
  margin:0px;
  padding:0px 2px 0px 0px;
  background:none;
}

#tabs div, #tabs form, #tabs p {
  float:left;
  height:22px;
}

#tabs img {
  float:left;
  margin-left:10px;
  margin-right:10px;
}

#tabs div {
  padding:0px;
  margin:0px;
}

#tabs p.submit {
  width:auto;
  padding:0px 5px;
}

#tabs .formtab input {
  height:22px;
  padding:0px;
  margin:0px;
  min-width:100px;
  margin-top:0px;
  margin-left:5px;
  padding:0px 8px 2px;
  border:none;
  cursor:pointer;
  font-size:13px;
  background-color:#e0e0e0;
  color:#000;
}

#tabs div.actual input {
  background-color:#fff;
  color:#000;
}

#tabs .formtab input:hover {
  background:url(images/bg_tab_input_hover.png) repeat-x;
  color:#102030;
}

#connSelector form, #connSelector input, #connSelector select, #connSelector p {
  display:inline;
}

#connSelector form {
  float:right;
  margin-right:20px;
}

#connSelector fieldset {
  border:none;
  margin:0px;
  padding:0px;
}

#connSelector div, #connSelector p {
  margin:0px;
  padding:0px;
  height:18px;
}

#connSelector select {
  height:18px;
  padding:0px;
  margin:0px;
  border:none;
  font-size:13px;
  width:120px;
}

#connSelector input.image {
  border:none;
  padding:0px;
}

/* calendar */
.ui-icon-calendar { background-position: -32px -112px; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker td a { background:none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background-color:#606060; width:94%; margin:0px auto;color:#ccc; border-bottom:1px solid #909090; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; color:#ccc;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; font-weight:bolder; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* forms */

div.details table {
  color:#303030;
  border:none;
  outline:none;
}

div.details th.caption {
  background:none;
  background-color:#FFF;
  color:#000000;
  border-bottom:2px solid #000;
}

div.details tr.even {
  background:none;
  background-color:#e8e8e8;
}

div.details td {
  border:none;
}

div.details td.label {
  padding-left:50px;
  font-weight:bolder;
  width:150px;
}

div.details td.label {
  background:none;
  background-color:#f3f3f3;
}

div.details tr.even td.label {
  background:none;
  background-color:#e3e3e3;
}

div.details tr:hover {
  background:none;
  background:url(images/backgroundRow.focused.png) repeat-x;
  color:#ffffff;
}

div.formFilter {
  width:90%;
  margin:0px auto;
}

div.formFilter fieldset {
  border:0px;
}

div.formFilter p.comment {
  text-align:center;
}

div.formFilter p {
  padding:2px;
}

#toolbar a {
  float:left;
}

#gridMenu {
  margin-top:0px;
}

#gridMenu table {
  border:none;
  font-size:11px;
  background-color:transparent;
}

#gridMenu table.firstLevel td {
  border-bottom:2px solid #000000;
  padding-top:10px;
}

#gridMenu table.firstLevel tr.multiData td {
  border-bottom:none;
  padding-top:0px;
}

#gridMenu th.button, #gridMenu td.button {
  width:100px;
}

#gridMenu td.last {
  width:110px;
}

#gridMenu table.secondLevel td.last {
  width:105px;
}

#gridMenu table.thirdLevel td.last {
  width:100px;
}

#gridMenu td.label {
  width:275px;
}

#gridMenu table.firstLevel td.label {
  font-size:14px;
  font-weight:bold;
}

#gridMenu table.secondLevel {
  margin-top:10px;
}

#gridMenu table.secondLevel td.label {
  font-size:11px;
  font-weight:bold;
}

#gridMenu table.thirdLevel td.label {
  font-weight:normal;
}

#gridMenu td.qty {
  width:150px;
}

#gridMenu table.thirdLevel td.label {
  width:240px;
}

#gridMenu table td table {
  width:100%;
  min-width:100%;
  max-width:100%;
  border:none;
}

#gridMenu table td table td table {
  border:1px solid #000000;
}

#gridMenu th {
  text-align:center;
}

table.firstLevel tr {
  background-color:transparent;
}

table.firstLevel tr td {
  background-color:transparent;
  color:#000000;
  border:none;
  padding:0px 5px;
}

table.secondLevel tr td {
  background-color:#eaeaea;
  color:#202020;
}

table.thirdLevel {
  margin-bottom:10px;
}

table.secondLevel tr.multiData td {
  padding:2px 5px 2px 5px;
}

table.thirdLevel th {
  background:none;
  border:none;
  padding:1px 0px 1px;
  border-right:1px solid #888;
  background-color:#000;
  vertical-align:middle !important;
  white-space:nowrap !important;
  text-indent:2px;
  border-bottom:1px solid #000;
  text-align:center;
  color:#fff;
}

table.thirdLevel tr td {
  background-color:#ffffff;
  color:#000000;
  padding:2px 0px 2px 5px;
}

table.thirdLevel tr.even td {
  background-color:#cfcfcf;
  color:#000000;
}

#gridMenu td:hover {
  background:none;
  background-color:transparent;
  color:#fff;
}

#gridMenu tr:hover {
  background:none;
  background-color:transparent;
}

#gridMenu table.secondLevel tr:hover {
  background:none;
  background-color:#eaeaea;
}

#gridMenu table.thirdLevel tr:hover td {
  background:none;
  background-color:#0060a1;
  color:#ffffff;
}

#gridMenu table.thirdLevel td.number {
  width:30px;
  padding:0px 0px 0px 3px;
  background-color:#bbbbbb;
}

#gridMenu table.thirdLevel tr.even td.number {
  background-color:#aaa;
}

#gridMenu table.thirdLevel th.number {
  width:30px;
  padding:0px 0px 0px 3px;
}

#gridMenu td:hover {
  color:#ffffff;
}

#messageCheck {
  float:right;
  width:650px;
  padding-top:3px;
  border:1px solid #000;
  height:23px;
  text-align:center;
  font-size:16px;
}

#gridResults {
  clear:both;
}

#gridResults tbody.scroll {
  height:300px;
  overflow:auto;
}

#gridResults p.description {
  background-color:#dedede;
  margin:35px auto 10px;
  padding:5px;
  text-align:center;
  width:94%;
  font-weight:normal;
}

#gridResults p.description span {
  font-weight:bold;
  margin:0px 5px 0px 10px;
}

td.scroll {
  padding:0px 5px 0px 0px;
}

td.scroll input {
  margin:0px 5px 0px 0px;
}

div.formFilter {
  margin:10px auto;
  width:550px;
}

div.formFilter p {
  margin-top:2px;
  margin-bottom:2px;
}

div.formFilter input.image {
  margin:5px 225px;
}

p.selection {
  margin:5px auto;
  width:100px;
}

td p.warning {
  background:none;
  color:#fec75a;
  font-weight:bolder;
}

#formPaymentFilter fieldset {
  border:none;
  padding:0px;
}

#formPaymentFilter fieldset div {
  padding:0px;
}

#formPaymentFilter fieldset legend {
  border:none;
  float:left;
}

#formPaymentFilter fieldset p {
  border:none;
  float:left;
  width:auto;
  padding:0px;
  margin:0px;
}

#formPaymentFilter fieldset p label {
  width:auto;
  padding:0px 10px 0px 0px;
}

#formPaymentFilter fieldset p input.image {
  width:auto;
  padding:0px 5px;
}

#discountSections {
  margin:10px auto;
  width:780px;
}

#discountSections a {
  display:block;
  float:left;
  border:1px solid #cccccc;
  margin-left:10px;
  min-width:180px;
  text-align:center;
}

#discountSections a.actual {
  background-color:#cccccc;
}

#discountSections a:hover {
  background-color:#000000;
  color:#ffffff;
  text-decoration:none;
}

div.gridClassificationDefault {
  clear:both;
  margin-top:15px;
  padding-top:10px;
}

div.gridClassificationDefault table {
  border:none;
}

div.gridClassificationDefault td {
  border:none;
  border-bottom:2px solid #000000;
}

div.gridClassificationDefault td.label {
  font-size:14px;
  font-weight:bold;
  width:530px;
}

div.gridClassificationDefault td.percent {
  width:280px;
  font-weight:bold;
}

div.gridClassification {
  clear:both;
  margin-top:5px;
  padding:0px 10px;
}

div.gridClassification td.label {
  width:480px;
}

div.gridClassification td.percent {
  width:280px;
}

div.gridClassification p.noRecords {
  width:720px;
  margin:5px auto;
  padding:5px;
  background-color:#efefef;
  text-align:center;
}

a.searchMode {
  display:block;
  float:right;
  margin-right:10px;
  padding:0px;
  text-decoration:underline;
}

a.searchMode:hover {
  color:#df9f22;
}

#formCheckPrice fieldset.twoColumns, #formPharmaSales fieldset.twoColumns {
  padding-left:20px;
}

#formCheckPrice fieldset.twoColumns label, #formPharmaSales fieldset.twoColumns label {
  width:90%;
  text-align:left;
}

#noConnection {
  width:600px;
  margin:15px auto;
  padding:10px;
  text-align:center;
}

div.results {
  margin-top:20px;
}

div.percentGraph {
  background:url(images/bg_percent.jpg) repeat-y;
  height:20px;
}

td.bargraph {
  padding:5px 5px 5px 0px;
  background:none;
  background-color:#ffffff;
  border-top:none;
  border-bottom:none;
}

div.gridGraphic table {
  border:none;
}

.grid h4, .gridDB h4, gridGraphic h4, .form h4 {
  font-weight:bold;
  margin:0px auto 5px;
  width:95%;
  padding:2px 0px;
  text-align:center;
  /*background-color:#c4c4c4;*/
  border-bottom:2px solid #333333;
}

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

.gridDB h4 a.popupSyncTask {
  display:block;
  float:right;
  margin-right:10px;
  font-weight:normal;
}

.gridMain h4 {
  margin:10px auto 3px;
  width:95%;
  padding:6px 0px 3px;
  background-color:#707070;
  color:#ffffff;
  text-align:center;
}

.form h4 {
  width:100%;
  margin:0px auto 2px;
}

.grid p.description, .gridDB p.description, div.gridGraphic p.description {
  clear:both;
  margin:3px auto 10px;
  width:90%;
  padding:8px 40px;
  font-weight:normal;
  background-color:#f4f4f4;
}

.grid p.comment, .gridReport p.comment, .gridDB p.comment, div.gridGraphic p.comment, .gridDetails p.comment {
  clear:both;
  margin:15px auto;
  width:90%;
  padding:10px 0px;
  font-weight:normal;
  background-color:#eeeeee;
  border-radius:10px;
  text-align:center;
}

div.gridGraphic {
  margin-top:10px;
}

.gridGraphic h4 {
  font-size:13px;
  font-weight:bold;
  margin:0px auto 8px;
  width:750px;
  padding-top:5px;
  text-align:center;
  border-bottom:2px solid #000000;
}

div.gridGraphic th.caption {
  border:none;
  background:none;
  color:#000000;
  background-color:#ffffff;
  font-size:14px;
  text-decoration:underline;
}

div.gridGraphic th {
  border:none;
  background:none;
  background-color:#ffffff;
  color:#000000;
  border-bottom:2px solid #000;
}

div.gridGraphic tr {
  border:none;
  background:none;
  background-color:#fefefe;
}

div.gridGraphic tr.even {
  background:none;
  background-color:#efefef;
}

div.gridGraphic td {
  border:none;
  border-right:1px solid #000;
}

div.gridGraphic td.last {
  border:none;
}

div.gridGraphic tr.totals td {
  background:none;
  background-color:#ffffff;
  color:#000000;
  border:none;
  border-top:2px solid #000;
}

div.gridGraphic tr:hover {
  background-color:#204060;
  font-weight:bold;
  color:#efefef;
}

div.gridGraphic tr:hover a {
  color:#efefef;
}

div.gridGraphic tr:hover td:hover {
  color:#efefef;
  background:none;
  border:none;
}

div.gridGraphic td:hover a {
  color:#efefef;
}

div.gridGraphic tr:hover td {
  color:#efefef;
  border:none;
}

div.gridGraphic tr:hover td.bargraph {
  background-color:#204060;
}

div.gridGraphic tr.totals td {
  background:none;
  background-color:#ffffff;
  color:#000000;
  border:none;
  border-top:2px solid #000;
}

div.gridGraphic tr.totals td:hover {
  color:#000000;
  background-color:#ffffff;
  border-top:2px solid #000;
}

td.button {
  min-width:30px;
}

#checkAllPharma {
  padding-top:5px;
}

.panel div.panelBody {
  clear:both;
  border:1px solid #c5c5c5;
  background-color:#ffffff;
  min-height:50px;
  max-height:120px;
  padding:0px;
  overflow:auto;
}

.panel div.panelBody table {
  padding:0px;
  margin:0px;
  width:100%;
  min-width:100%;
  max-width:100%;
  border:none;
}

.gridPanel th {
  padding-top:2px;
  line-height:15px;
  background-color:#909090;
  border-color:#afafaf;
}

.gridPanel th.caption {
  background-color:#efefef;
  border-bottom:1px solid #9e9e9e;
}

.panel div.panelBody table td {
  border:none;
  border-bottom:1px solid #cccccc;
}

label a {
  text-decoration:underline;
}

#connFilter {
  float:left;
}

#connFilter select, #connFilter input, #connFilter form {
  margin-top:2px;
  margin-left:3px;
  float:left;
}

a.tools {
  display:block;
  float:right;
  margin-right:5px;
}

#formQuery textarea.sql {
  width:715px;
  height:300px;
}

#formClose p input.image {
  margin:5px 0px 0px 320px;
}

span.error {
  background-color:transparent;
  color:#f00;
}

p.comment span {
  font-weight:bold;
}

td.label a:hover {
  color:#000000;
}

#gridOrderLines tr:hover td a {
  color:#FFFFFF;
}

#devMessage {
  margin:150px auto;
  width:300px;
  font-style:italic;
}

#divDocumentMessage {
  margin:10px auto;
  width:80%;
  padding:10px 0px;
  border-radius:10px;
  text-align:center;
  background-color:#efefef;
}

div.winresult {
  background-color:#ffffff;
  padding:10px 5px 50px;
}

div.imagegraph {
  margin:15px auto;
  width:900px;
  text-align:center;
}

div.imagepiegraph {
  margin:15px auto;
  width:600px;
  text-align:center;
}

div.imagegraph h3, div.imagepiegraph h3 {
  font-size:15px;
  text-decoration:underline;
}

div.imagegraph img, div.imagepiegraph img {
  margin:10px auto;
}

#secondPanel div.imagegraph {
  margin:10px auto;
  width:90%;
}

#secondPanel div.imagepiegraph {
  margin:10px auto;
  width:90%;
}

div.blockMsg {
  border:1px solid #909090;
  border-radius:7px;
}

div.wrap h3 {
  text-align:center;
  background-color:#888;
  color:#FFFFFF;
  line-height:28px;
  border-radius:5px 5px 0px 0px;
}

div.documentAsociated {
  margin:20px;
  background-color:#efefef;
}

div.documentAsociated h3 {
  margin:0px;
  padding:3px 10px;
  background-color:#606060;
  color:#efefef;
  line-height:18px;
  font-size:12px;
  text-align:left;
  border-radius:0px;
}

div.documentAsociated h3 a {
  display:block;
  float:right;
  color:#efefef;
  text-decoration:underline;
}

div.documentAsociated p {
  padding:10px;
}

.gridDetails {
  clear:both;
  margin:10px 0px;
}

.gridDetails h4 {
  padding:2px;
  text-align:center;
  background-color:#909090;
  color:#ffffff;
  width:95%;
  margin:5px auto;
}

.gridDetails table {
  color:#303030;
  border:none;
  outline:none;
}

.gridDetails th.caption {
  background:none;
  background-color:#FFF;
  color:#000000;
  border-bottom:2px solid #000;
}

.gridDetails tr:hover {
  background:none;
  background-color:#ffffff;
}

.gridDetails tr.even, .gridDetails tr.even:hover {
  background:none;
  background-color:#e8e8e8;
}

.gridDetails td, .gridDetails tr.even td {
  border:none;
}

.gridDetails td.label {
  background:none;
  background-color:#f3f3f3;
  color:#000000;
  padding-left:10px;
  font-weight:bolder;
  width:150px;
}

.gridDetails tr.even td.label {
  background:none;
  background-color:#e3e3e3;
  color:#000000;
}

.gridWrap td {
  white-space: normal !important;
  vertical-align: text-top !important;  
}

tr.totals:hover {
  background:none;
  background-color:#ffffff;
  color:#000000;
}

tr.totals td:hover {
  background:none;
  background-color:#ffffff;
  color:#000000;
}

.info, tr.info {
  background-color:#77b6d0;
}

div.info, p.info {
  border:1px solid #77b6d0;
}

.success, tr.success, p.success {
  background-color:#d7e9a1;
}

p.success {
  border:1px solid #d7e9a1;
}

th.success {
  background-color:#333333; 
}

.error, tr.error, p.error {
  color:#ffffff;
}

div.error {
  background-color:#f23f72;
  color:#fff;
}

p.error {
  border:1px solid #f23f72;
}

td.error {
	background-color:#f23f72;
  color:#fff;
}

.warning, tr.warning, p.warning {
  background-color:#fec75a;
}

p.warning, div.warning {
  border:1px solid #fec75a;
}

.help, tr.help, p.help {
  background-color: #ffff33;
}

p.help {
  border:1px solid #ffff33;
}

#groupConexiones label {
  width:80px;
}

#map_canvas {
  margin:10px 10px 0px 0px;
  float:right;
}

tr.group th {
  background-color:#dfdfdf;
  font-size:12px;
  color:#000000;
  padding:3px 0px;
  border-top:1px solid #202020;
  border-bottom:1px solid #202020;
}

tr.even td.group, td.group {
  background-color:#ffffff;
  font-size:12px;
  font-weight:bold;
  padding-left:20px;
  width:150px;
  height:100%;
  text-align:right;
  padding-right:10px;
  border-right:1px solid #404040;
}

tr.even td.group:hover, td.group:hover {
  color:#000000;
  background-color:#ffffff;
}

td.checkField {
  text-align:center;
}

#references h4 {
  text-align:center;
  width:90%;
  margin:5px auto;
  border-bottom:1px solid #000;
}

#references ul {
  width:70%;
  margin:10px auto;
}

#references a:hover {
  text-decoration:underline;
}

#divCopyShipments {
  margin-top:10px;
  text-align:center;
}

.checkValidation {
  border: 3px #fec75a solid;
}

div.chart {
  margin:5px auto;
  width:90%;
  height:400px;
}

span.tooltip {
  display:none;
  visibility:hidden;
}

div.tooltip {
  width:200px;
  background-color:#fff;
  white-space: normal !important;
  word-wrap:break-word;
  text-align:center;
  border:1px solid #999;
  color:#000;
  padding:5px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.33);
}

div.setControl {
  clear:both;
  margin:10px auto;
  width:95%;
  padding:5px 0px;
  background-color:#9f9f9f;
  border-radius:12px;
  box-shadow:1px 1px 1px rgba(0, 0, 0, 0.33);
}

div.setControl div.label {
  width:15%;
  margin-top:7px;
  float:left;
  text-align:right;
  color:#efefef;
}

div.setControl div.label span {
  margin-right:10px;
}

div.setControl div.elements {
  width:84%;
  float:left;
  padding:5px 0px 4px;
  background-color:#f2f2f2;
  border-radius:10px;
  box-shadow:1px 1px 2px rgba(0, 0, 0, 0.33) inset;
}

div.clear {
  clear:both;
}

div.elements div.element {
  margin-left:10px;
  background-color:#e5e5e5;
  width:auto;
  float:left;
  padding:2px 5px 2px 10px;
  border-radius:5px;
  box-shadow:1px 1px 2px rgba(0, 0, 0, 0.33);
}

div.elements div.element:hover {
  background-color:#d0d0d0;
}

div.elements div.addElement {
  margin-right:10px;
  width:auto;
  float:right;
  border-radius:5px;
}

div.elements div.addElement input {
  font-size:11px;
  width:80px;
  padding:4px 0px 3px;
  background-color:#7796ba;
  color:#efefef;
  border-radius:5px;
  box-shadow:1px 1px 2px rgba(0, 0, 0, 0.33);
}

div.elements div.addElement input:hover {
  background-color:#ffc023;
  color:#000000;
}

div.elements form {
  display:inline;
}

.hide {
  display:none;
  visibility:hidden;
}