/* Minification failed. Returning unminified contents.
(2372,40): run-time error CSS1019: Unexpected token, found '}'
(2373,1): run-time error CSS1019: Unexpected token, found '}'
(2415,11): run-time error CSS1038: Expected hex color, found '#000t'
 */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

/*h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
*/

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.

p,
pre {
    margin: 1em 0;
}
 */

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}
 */

/**
 * Address paddings set differently in IE 6/7.

menu,
ol,
ul {
    padding: 0 0 0 40px;
}
 */

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* ==========================================================================
   Base styles
   ========================================================================== */

html,button,input,select,textarea {
    color: #222;
    color-scheme: light;
}

input[type=checkbox] {
    /*mix-blend-mode: luminosity;*/
    /*filter: grayscale(100%);
    filter: hue-rotate(-60deg);*/ /*Green*/
}
input[type=radio] {
    /*filter: grayscale(100%);*/
}

body {
    font: 0.9em/1.4 Verdana, 'Helvetica Neue', Roboto, sans-serif;
    background-color: #464437; /*#3e3e3e;#981717;#041D3C;#564e3c;#6796A7;#464437*/
    color: #000;
    margin: 0;
    padding: 0;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0 0 0.5em;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    /*width:800px;*/
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

p.pre {
    white-space:pre-wrap;
}
/*
 * Make Disabled checkboxes more visible
input[type=checkbox][disabled]{
  outline: 1px solid red;
} 
*/

.d-flex {
    display:flex;flex-wrap:wrap;
    justify-content:center;
}


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6, p {
    margin:0;padding:0;
}
h2 {
    margin: 0 0 10px 0;
}
h3 {
    margin: 10px 0 5px 0;
}
ul, ol {
    margin:0 0 15px 10px; padding:0;
}

li {
    margin-left: 20px;
}

p {
    font-size: 1em;
    line-height:1.4em;
}
a {
    text-decoration: underline;
    color-scheme: light;
}

/* ==========================================================================
   Tables
   ========================================================================== */
table {
    margin: 10px 0;
    border: 1px solid #c3c3c3; /*#3884F5*/
}
td {
    padding: 6px 8px;
    text-align: left;
    vertical-align: top;
    background-color: #fff;
    border-top: 1px solid #c3c3c3;
    border-bottom: none;
    /*border-bottom: 1px solid #c3c3c3;*/
}
th {
    padding: 5px 8px;
    text-align: left;
    font-size: 0.9em;
    border-bottom: 1px solid #c3c3c3;
    color: #222; /*#fff*/
    background: #ebebeb; /*#27759d, #033d6f;#0a0a0a;#011934;#032C3A;#b9b9b9;#30536c*/
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3687f7), to(#9CCEF3));
    background: -webkit-linear-gradient(#3687f7, #9CCEF3);
    background: -moz-linear-gradient(#3687f7, #9CCEF3);
    background: -ms-linear-gradient(#3687f7, #9CCEF3);
    background: -o-linear-gradient(#3687f7, #9CCEF3);
    background: linear-gradient(to bottom, #9CCEF3 0%, #3687f7 100%);
    background: #eaeaea;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eaeaea), to(#bababa));
    background: -webkit-linear-gradient(#eaeaea, #bababa);
    background: -moz-linear-gradient(#eaeaea, #bababa);
    background: -ms-linear-gradient(#eaeaea, #bababa);
    background: -o-linear-gradient(#eaeaea, #bababa);
    background: linear-gradient(#eaeaea, #bababa); 
    background: #126CF3;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#043F86), to(#279AF8));
    background: -webkit-linear-gradient(#043F86, #279AF8);
    background: -moz-linear-gradient(#043F86, #279AF8);
    background: -ms-linear-gradient(#043F86, #279AF8);
    background: -o-linear-gradient(#043F86, #279AF8);
    background: linear-gradient(#043F86, #279AF8); 
    background: #cccccc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(25%,#3884F5), color-stop(100%,#000099));
    background: -webkit-linear-gradient(top, #ffffff 0%, #3884F5 25%, #000099 100%);
    background: -moz-linear-gradient(top, #ffffff 0%, #3884F5 25%, #000099 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #3884F5 25%, #000099 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #3884F5 25%, #000099 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #3884F5 25%, #000099 100%);*/
}
th a {
    color:inherit;
}

/*table tr:nth-child(even) {
    background-color: #E9F1F5
}*/
table tr:hover td {
    background: #fffeb7; /*#f1f1f1, #E6F8F9;#fffec6*/
}
table td.wrap {
    padding:2px 4px;
}
table .nowrap {
    white-space:nowrap;
}
table .centered {
    text-align:center
}
table .right {
    text-align:right
}
table .highlight {
    color:#ff0000 !important;
    font-weight:bold;
}
table.no-outlines {
    border:none;
}
table.no-outlines th {
    background:none;
}
table.no-outlines td {
    border-bottom:none;
}

table.info tr:hover td {
    background:none;
}

table.data {
    width:100%;
}
table.data.autowidth {
    width: auto;
}

table.data .detail-row {
    display: none;
}
table.data .detail-row td {
    border-top: none;
}

table.data input[type=checkbox] {
    display:block;
    margin:0 auto;
}

table.data .action-links {
    text-align:right;
    white-space:nowrap;
}
table.data td.action-links a {
    /* causes no-wrap to fail in IE
    display:block;
    float:left;*/
    /*margin:-2px 2px 0;*/
    padding:2px 4px;
    font: 0.9em/100% Arial, 'Helvetica Neue', san-serif;
    /*-webkit-box-shadow: 1px 1px 5px 0px #555;
    box-shadow: 1px 1px 5px 0px #555;*/
}
table.data th.action-links a {
    display:block;
    float:right;
    padding:2px 4px;
    font: bold 1.1em Arial, 'Helvetica Neue', san-serif;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#d3d3d3));
    background: -webkit-linear-gradient(#ffffff, #d3d3d3);
    background: -moz-linear-gradient(#ffffff, #d3d3d3);
    background: -ms-linear-gradient(#ffffff, #d3d3d3);
    background: -o-linear-gradient(#ffffff, #d3d3d3);
    background: linear-gradient(#ffffff, #d3d3d3);
}
table.data th.action-links a:hover {
    background: linear-gradient(#d3d3d3, #ffffff) !important;
}

table.data td.wrap a {
    display:block;
    margin: 2px 0;
    padding: 2px;
    text-align:center;
}
table.data ol {
    margin:0;
}

table.data .total, table.data .balance {
    font-weight: bold;
}

table.data .row-header {
    background: #eee;
    font-weight: bold;
}

/* ==========================================================================
   Basic Page Layout
   ========================================================================== */
#wrapper {
    position: relative;
    max-width: 1200px; /*width: 100%;*/
    margin: 10px auto;
    padding: 0; 
    -webkit-box-shadow: 4px 4px 10px 0px #0a0a0a;
    box-shadow: 4px 4px 10px 0px #0a0a0a;
    background: #FFF; /*#F3C049;#262626*/ 
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#e3e3e3));
    background: -webkit-linear-gradient(#FFFFFF, #e3e3e3);
    background: -moz-linear-gradient(#FFFFFF, #e3e3e3);
    background: -ms-linear-gradient(#FFFFFF, #e3e3e3);
    background: -o-linear-gradient(#FFFFFF, #e3e3e3);
    background: linear-gradient(to bottom, #96E0F5 0%, #FFFFFF 65%);*/
}

#header {
    display:flex;
    justify-content:center;
    position: relative;
    height: 76px; /*80px;*/
    margin: 0 0 5px;
    padding: 0 5px;
    text-align: center;
    font: 1em Arial, 'Helvetica Neue' , san-serif;
    color: #000;
    color-scheme: light;
    border-top: 1px dotted transparent;
    border-bottom: 1px solid #000;
    /*background-color: #405255;  #f3cc11 #FAFF3C nightsky:333c49 limegreen:d1ef0d brightyellow:FDEB06*/
    /*background-image: url(Images/condomaster_header_sunrise.png);*/
    background-position:center top;
    -webkit-box-shadow: 0px 2px 8px 0px #4f4f4f;
    box-shadow: 0px 2px 8px 0px #4f4f4f;
}
#header a {
    color: inherit;
}

#header.night {
    color: #fff;
    background-image: url(Images/condomaster_header_night.png);
}

#header.day {
    color: #000;
    background-image: url(Images/condomaster_header_sunrise.png);
}

#content {
    margin:0 15px 0; padding:20px;
    min-height:465px; /*445px;*/
    background-color: transparent; 
    font-size:0.9em;
}
#content > h2 {
    font-size: 1.3em;
}
#content > p {
    font-size: 1.1em;
}

#footer {
    clear:both;
    position: relative;
    margin: 15px 0 0;
    padding: 5px 0 10px;
    border-top: 1px solid #acacac;
    font: 0.95em Tahoma, 'Helvetica Neue', Arial, san-serif;
    color: #fff;
    background: #252525; /*#033d6f;#0a0a0a;#011934;#032C3A*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4c4c4c), to(#0a0a0a));
    background: -webkit-linear-gradient(#4c4c4c, #0a0a0a);
    background: -moz-linear-gradient(#4c4c4c, #0a0a0a);
    background: -ms-linear-gradient(#4c4c4c, #0a0a0a);
    background: -o-linear-gradient(#4c4c4c, #0a0a0a);
    background: linear-gradient(to bottom, #4c4c4c 0%, #0a0a0a 100%);
}
#footer-center {
    margin:0 auto;
}
#footer-left {
    float:left;
    width:150px;height:30px;
    margin:3px 8px;
    text-align:left;
    line-height:1.4em;
    background: url(Images/CometCatcher-Logo-Small.png) no-repeat left top;
}
#footer-right {
    position:absolute;right:15px;top:5px;
    margin:0;
    text-align:right;
    line-height:1.4em;
}
#footer p {
    margin: 0;padding:0;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { 
    color: #fff; 
    text-decoration:none;
}

/* ==========================================================================
   Common Page Elements
   ========================================================================== */
.phone-display {
    display:none;
}
#logo {
    position:absolute;top:0;left:0;
    width:100px;
    margin:8px 8px;
    font: 0.7em 'Arial Black', 'Helvetica Neue Black', 'Roboto Black', san-serif;
    text-align:center;
    /*border: 2px solid #000;
    background-color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;*/
}
#logo h1 {
    line-height:1.1em;
}
#logo a {
    text-decoration: none;
    color:#000 !important;
}

#breadcrumbs {
    margin-bottom: 25px;
    font-size:0.9em !important;
}

h1#pagetitle {
    font-size:1.6em;
    color: inherit;
    margin: 10px 0;
    text-align: center;
}

#welcome {
    position:absolute;top:0;right:10px;
    margin:0 0 15px 0;
    padding:4px;
    font-size:0.85em;
    line-height: 1.4em;
    text-align:right;
}

#ie-upgrade {
    margin:10px;
    color: #f00;
    font:bold 1.8em Calibri, san-serif;
}
.message-promo {
    font: bold 1em Arial, Helvetica, san-serif;
    color: #359ad5;
    margin: 0 0 2.5em; /*0 4em 2.5em;*/
    padding: 0 3px 5px;
    border-bottom: 1px solid #359ad5; 
}
.message-warning {
    color: #f00;
}
.message {
    /*clear:both;*/
    margin: 0 auto 20px;
    width:75%;
}
.message > p, .message > pre {
    padding: 5px 8px;
    font-size: 1em;
    text-align: center;
    border: 1px solid #c6c6c6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #e8e8e8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f3f3), to(#e8e8e8));
    background: -webkit-linear-gradient(#f3f3f3, #e8e8e8);
    background: -moz-linear-gradient(#f3f3f3, #e8e8e8);
    background: -ms-linear-gradient(#f3f3f3, #e8e8e8);
    background: -o-linear-gradient(#f3f3f3, #e8e8e8);
    background: linear-gradient(to bottom, #f3f3f3 0%, #e8e8e8 100%);
}
#dialog-message {
    width:80%;
    margin:10px auto;
    padding:5px 12px;
    text-align:center;
    color:#f00;
    background-color:#fff;
    -webkit-border-radius: 3px;
    border-radius:3px;
    border:1px solid #f00;
    display: none;
}

#common-message {
    position: fixed;
    margin: 0;
    top: 0;
    z-index: 9999;
    /*position: absolute;
    top: -12px;
    margin: 0 0 0 150px;
    width: 650px;*/
    width: 965px;
    height: auto;
    padding: 4px 10px 10px;
    font: bold 1.8em Calibri, 'Helvetica Neue', Roboto, san-serif;
    text-align: center;
    color: #000;
    background: #fafb6d; /*#a9a99f*/
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6f6f6f), to(#0a0a0a));
    background: -webkit-linear-gradient(#6f6f6f, #0a0a0a);
    background: -moz-linear-gradient(#6f6f6f, #0a0a0a);
    background: -ms-linear-gradient(#6f6f6f, #0a0a0a);
    background: -o-linear-gradient(#6f6f6f, #0a0a0a);
    background: linear-gradient(to bottom, #6f6f6f 0%, #0a0a0a 100%);*/
    border: 3px solid #fff;
    border-top: none;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-bottomleft: 50px;
    border-bottom-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 25px;
    filter: alpha(opacity=97);
    -moz-opacity: 0.97;
    opacity: 0.97;
    display: none; /*LEAVE THIS IN*/
}

.overlay {
    /*visibility:hidden;*/
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    text-align:center;
    z-index:9999;
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
    display: none;
}
#overlay div {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}

.div-separator {
    margin-top:20px;
    margin-bottom:25px
}
.display-toggle {
    margin-top:-5px;
}
h4 > .show, h4 > .hide {
    font-size: 0.8em;
    font-weight:normal;
    margin-left:4px;
}

.loading-elem, /*.loading-elem no longer in use*/
#loading-elem, #loading-elem3, #loading-elem4 {
    position: absolute; /*absolute;fixed=to the viewport*/
    left: 50%;
    top: 35%; /*50%*/
    border: none;
    margin: 0 auto;
    text-align: center;
    z-index: 9999;
    display: none;
}
#loading-elem2 {
    position: absolute; /*absolute;fixed=to the viewport*/
    left: 50%;
    top: 8%; /*15%*/
    border: none;
    margin: 0 auto;
    text-align: center;
    z-index: 9999;
    display: none;
}
#loading-elem2 img {
    width: 40px;
    height: 40px;
}

img#loading-elem, img#loading-elem3, img#loading-elem4 {
    position: relative;
    left: 10px;
    top: auto;
    text-align: left;
}

#loading-elem-text {
    display:none;
}

.action-links a {
    padding:2px 4px;
    /*font-size:1em !important;*/
    font: 1.1em/100% Arial, 'Helvetica Neue', san-serif;
    color:#000;
    border: 1px solid #282727;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    text-decoration:none;
    background-color: #fcfcfc;
}
.action-links a:hover {
    background: #fafb6d !important;
    /*background: linear-gradient(#d3d3d3, #ffffff) !important;*/
    color:#000 !important;
}
.action-links .dropdown {
    position: relative;
    /*display: inline-block;*/
}
    .action-links .dropdown .menu-button {
        display: block;
        margin: 2px 0;
        padding: 2px;
        text-align: center;
        font: 0.9em/100% Arial, 'Helvetica Neue', san-serif;
        border: 1px solid #282727;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        text-decoration: none;
        background-color: #fcfcfc;
    }
    .action-links .dropdown .menu-button:hover {
        background: #fafb6d !important;
        /*background: linear-gradient(#d3d3d3, #ffffff) !important;*/
        color: #000 !important;
    }

.quick-icon-bar {
    text-align: right;
    margin: 0 5px 10px 0;
}

.quick-icon-bar .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    font-size: 20px;
}
.quick-icon-bar a {
    text-decoration:none;
    background-color: inherit;
    color: inherit;
}
.quick-icon-bar a:hover, .quick-icon-bar a:visited {
    background-color: inherit;
    color: inherit;
}

.dropdown-content {
    display: none;
    position: relative; /*absolute*/
    background-color: #ffffff; /*#ffffe0;*/
    text-align: center;
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 2px 0;
    z-index: 1;
}
    .dropdown-content a {
        border:none;
        background-color:inherit;
        margin-top:4px;
    }

.dropdown:hover .dropdown-content {
    display: block;
}

p.action-links a {
    display:block;
    float:right;
    padding:2px 4px;
    margin-left:5px;
    /*font: 1.1em/100% Arial, 'Helvetica Neue', san-serif;
    text-decoration:underline;
    border:none;*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#d3d3d3));
    background: -webkit-linear-gradient(#ffffff, #d3d3d3);
    background: -moz-linear-gradient(#ffffff, #d3d3d3);
    background: -ms-linear-gradient(#ffffff, #d3d3d3);
    background: -o-linear-gradient(#ffffff, #d3d3d3);
    background: linear-gradient(#ffffff, #d3d3d3);
}
.display-field p.action-links a,
.editor-field p.action-links a {
    display:inline-block;
    float:none;
}
p.action-links a:hover {
    background: linear-gradient(#d3d3d3, #ffffff) !important;
}
p.action-links.centered a {
    float:none;
    margin:0 auto;
    padding:10px 5px;
    text-align:center;
    font-size:1.1em !important
}

a.button-add {
    padding:2px 4px;
    font: 1.1em/100% Arial, 'Helvetica Neue', san-serif;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#d3d3d3));
    background: -webkit-linear-gradient(#ffffff, #d3d3d3);
    background: -moz-linear-gradient(#ffffff, #d3d3d3);
    background: -ms-linear-gradient(#ffffff, #d3d3d3);
    background: -o-linear-gradient(#ffffff, #d3d3d3);
    background: linear-gradient(#ffffff, #d3d3d3);
}
a.button-add:hover {
    background: linear-gradient(#d3d3d3, #ffffff) !important;
}
/*a.button-view {
    background: #fcfcfc !important;
    background: linear-gradient(#ffffff, #aeaeae) !important;
    color: #000 !important;
}
a.button-view:hover {
    background: #0195E4 !important;
    color: #fff !important;
}*/
/*a.button-edit {
    background: #fcfcfc !important;
    background: linear-gradient(#6FF81D, #32A61E) !important;
    color: #000 !important;
}
a.button-edit:hover {
    background: #64F81D !important;
    color: #000 !important;
}*/
/*a.button-delete {
    background: #f00 !important;
    background: linear-gradient(#f69f9f, #d90000) !important;
    color: #fff !important;
}*/

a.button-expandrow:hover {
    cursor:pointer;
}

p.action-links a.button-delete:hover, a.button-delete:hover {
    background: #E60000 !important;
    color: #fff !important;
}

.instructions {
    margin-top:20px;
    margin-bottom:20px;
    padding:10px 15px;
    border: 1px solid #dedede;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 2px 2px 8px 0px #ccc;
    box-shadow: 2px 2px 8px 0px #ccc;
}
.instructions h4 {
    margin-bottom:12px;
}
.instructions p {
    margin-bottom:8px;
}
.instructions li {
    margin-bottom:8px;
}
.notes {
    margin-top: 10px;
    font-size: 0.9em;
    line-height: 1.6em; /*1.5em*/
    color: #959595;
}
.notes#timestamp {
    color: #000;
}
.timestamp {
    font-style: italic;
    font-size:0.9em;
    margin:3px 0 10px;
    color:#000;
}
#map-canvas {
    width:800px;height:600px;
    margin:15px auto;
    border:1px solid #3f3f3f;
}
.fieldwrapper #map-canvas {
    width:640px;height:480px;
    margin: 15px 0 15px 180px;
}

.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* =========================
   System Message box
   ========================= */
#sysmsg {
    /*background:#0c2687;*/
    background: #3f3f3f;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6a6a6a), to(#0c0c0c));
    background: -webkit-linear-gradient(#6a6a6a, #0c0c0c);
    background: -moz-linear-gradient(#6a6a6a, #0c0c0c);
    background: -ms-linear-gradient(#6a6a6a, #0c0c0c);
    background: -o-linear-gradient(#6a6a6a, #0c0c0c);
    background: linear-gradient(#6a6a6a, #0c0c0c);
}
#sysmsg h3 { 
    text-align:center;
    color:#fff !important;
}
#sysmsg .message-area {
    padding:5px 10px;
    color:#000 !important;
    /*background:#0c2687;*/
    background: #fff; /*161616*/
}
#sysmsg textarea {
    width:750px;
    padding:5px 10px;
    border:none;
    color:#000 !important;
    /*background:#0c2687;*/
    background: #fff; /*161616*/
}


/* =========================
   Photo List & Photo Frame
   ========================= */
ul.photo-list {
    position:relative;
    padding-top:5px;
    margin-left: 0;
}
ul.photo-list>li {
    list-style-type:none;
    margin: 0 20px 15px 0;
}
ul.photo-list .heading {
     font-weight:bold;
}

ul.photo-list .sub-list {
    position:relative;
    padding-top:6px;
    margin-left: 0;
}
ul.photo-list .sub-list li {
    list-style-type:square;
    margin: 0 20px 10px 20px;
}
ul.photo-list li a {
    /*text-decoration:none;*/
}
/*ul.photo-list li a:hover {
    text-decoration:underline;
}*/
ul.photo-list li a.button-delete {
    font-size:0.9em !important;
    position:absolute;left:110px;
    margin-top:-2px;
}
ul.photo-list p.action-links {
    margin-top:6px;
}
ul.photo-list p.action-links a {
    margin-left:0;
}

.photo-frame {
    display:inline-block;
    width:auto;
    margin-top:20px;
    padding: 15px;
    border: 1px solid #aeaeae;
}
.photo-frame .photo-filename {
    font-size:1.1em;
    margin-bottom:6px;
}
.photo-frame img {
    width:100%;
}
/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .photo-frame img {
        width:900px;
    }
}

/* ==================================== 
   Main Page
   ==================================== */
#main-list {
    overflow:auto;
    margin-top:30px; /*40px*/
    margin-bottom:20px;
    padding:0 0 10px 0;
    align-content:center;
}

#main-list .page-number {
    padding:15px 0 0;
    margin:0 auto;
    clear:both;
    background:transparent;
    border-width:0;
    text-align:center;
}
#main-list ul.pagination {
    font: 1.3em Arial, Helvetica, san-serif;
    /*margin-left:80px;*/
}

#main-list  ul.pagination > li > a, #main-list  ul.pagination > li > span {
  float: left;
  padding: 3px 15px;
  text-decoration: none;
  /*border: 1px solid #dddddd;*/
  border-left-width: 0;
  background: #ebebeb;
  opacity:0.85;
}

#main-list  ul.pagination > li > a:hover,
#main-list  ul.pagination > .active > a,
#main-list  ul.pagination > .active > span {
  background: #1b6a9f;color:#fff;
  /*background:#FAFF3C; opacity:0.95;*/
}

#main-list  ul.pagination > .disabled {
    display: none;
}

/* ========================= 
   Site Drop Down List
   ========================= */
#site-ddl {
    margin-top:20px;
    margin-bottom: 0; /*-10px*/
}
#menu #site-ddl {
    margin-bottom:15px;
}

#site-ddl input {
    display:block;
    margin:0 auto;
    padding:2px 3px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    font-size:1.1em;
}
#menu #site-ddl input {
    margin:0;
    font-size:1em;
}

/* ========================= 
   Condo Badge 
   ========================= */
.condo-badge {
    float:left;
    position:relative;
    width: 200px; /*330px;*/
    height:65px; /*100px;*/
    padding: 12px 10px 10px 65px; /*left gutter*/
    margin:0 10px 15px 10px;
    font: 1.1em Verdana, 'Helvetica Neue', san-serif;
    background: rgba(246,246,246,0.9);
    border:1px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.condo-badge img {
    position:absolute;
    top: 8px; left:12px; 
    border: solid 1px #dedede;
}
.condo-badge ul {
    padding-left: 0; list-style:none;
}
.condo-badge li {
    margin-bottom: 3px;
}
.condo-badge li.description { 
    font-size:1em;
    font-family:'Arial Narrow', 'Nimbus Sans L', sans-serif;
    font-weight:bold; 
    margin-bottom:4px;
}
.condo-badge li.location { 
    font-size:0.9em;
    font-family:'Arial', 'Nimbus Sans L', sans-serif;
    font-weight:bold; 
    margin-bottom:6px;
}
.condo-badge li.unit { 
    font-size:0.9em;
    font-family:'Arial', 'Nimbus Sans L', sans-serif;
    font-weight:bold; 
    margin-bottom:6px;
}
.condo-badge li.client { 
    font-size:1em;
    font-style:italic;
    line-height:1.2em;
}
.condo-badge li a { 
    font-size:0.9em;
    font-family:'Arial', 'Nimbus Sans L', sans-serif;
    margin-bottom:0;
}

/* ========================= 
   Property Box
   ========================= */
#main-list .property-box {
    float:left;
    position:relative;
    width:240px; height:130px;
    margin:0 15px 15px;
    padding:15px;
    text-align:center;
    background: rgba(246,246,246,0.9);
    border:3px solid #fff;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
#main-list .property-box h3 {
    font-size:1.3em;
}
#main-list .property-box h4 {
    font-size:1.4em;
}
#main-list .property-box p {
    margin-top:5px;
    font-size: 1.1em
}
#main-list .property-box img {
    border: solid 1px #bfbfbf;
}

/* ==========================================================================
   AJAX Div Blocks
   ========================================================================== */
#ajax-output {
    position: relative;
}

#ajax-output-right {
    width: 700px;
    float: left;
    margin: 0 0 20px 30px;
    padding: 20px;
    min-height: 400px;
    background-color: #FAFAFA;
    border: 2px solid #dedede;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
#ajax-output-bottom {
    clear:both;
    margin:20px auto 10px;
    text-align:left;
}
#ajax-search-results {
    clear:both;
    margin:20px auto 10px;
    text-align:center;
}

.ajax-box {
    padding: 0 20px 20px;
    background-color: #FAFAFA;
    border: 2px solid #dedede;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/* ========================= 
   Admin Page 
   ========================= */
#admin-menu {
    overflow:auto;
    position: relative;
    max-width:1000px;
    margin: 20px auto 0;
    padding:20px;
    font-size:1.1em;
    font-family: Arial, 'Helvetica Neue', san-serif;
}
#admin-menu .admin-menu-box {
    float: left;
    width: 160px;
    height: 175px;
    margin: 0 10px 20px;
    padding: 0 15px;
    border: 4px solid #dedede;
    -webkit-border-radius: 10px; /* Safari 3-4, iOS 1-3.2, Android <=1.6 */
    border-radius: 10px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; /* useful if you don't want a bg color from leaking outside the border: */
    background-color: #e3e3e3;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#e3e3e3));
    background: -webkit-linear-gradient(#FFFFFF, #e3e3e3);
    background: -moz-linear-gradient(#FFFFFF, #e3e3e3);
    background: -ms-linear-gradient(#FFFFFF, #e3e3e3);
    background: -o-linear-gradient(#FFFFFF, #e3e3e3);
    background: linear-gradient(#FFFFFF, #e3e3e3);
    color:#808080;
}
#admin-menu .admin-menu-box p {
    clear:both;
}

#admin-menu .admin-menu-box ul {
    list-style-type: square;
    margin-left: 20px; margin-top:6px;
    line-height: 1.5em;
}
#admin-menu .admin-menu-box li {
    margin-left:0;
    margin-bottom:3px;
}
#admin-menu .admin-menu-box ul.top-list {
    list-style-type:none;
    margin-left: 0;
}
#admin-menu .admin-menu-box ul.top-list > li {

}
#admin-menu .admin-menu-box a {
    color:#5c5c5c;
}
#admin-menu .admin-menu-box a:hover {
    color:#2666d8;
}

#cssmenu {
    height: 30px;
    display: block;
    padding: 0;
    margin: -26px -35px 30px -35px;
    font-size:1.1em;
    border: 1px solid #000;
    border-color: #000;
    background: #3f3f3f;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6a6a6a), to(#0c0c0c));
    background: -webkit-linear-gradient(#6a6a6a, #0c0c0c);
    background: -moz-linear-gradient(#6a6a6a, #0c0c0c);
    background: -ms-linear-gradient(#6a6a6a, #0c0c0c);
    background: -o-linear-gradient(#6a6a6a, #0c0c0c);
    background: linear-gradient(#6a6a6a, #0c0c0c);
}
#wrapper > #cssmenu {
    margin: -6px 0 0 0;
    font-size:1em;
}

#cssmenu > ul {
    list-style: inside none;
    padding: 0;
    margin: 0;
}

#cssmenu > ul > li {
    list-style: inside none;
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    position: relative;
}

#cssmenu > ul > li > a {
    outline: none;
    display: block;
    position: relative;
    padding: 8px 20px;
    border-right: 1px solid #000;
    color: #fff;
    font: bold 0.9em/100% Arial, 'Helvetica Neue', 'Roboto', san-serif;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);
}

#cssmenu > ul > li:first-child > a {
    /*border-radius: 5px 0 0 5px;*/
}

#cssmenu > ul > li > a:after {
    content: '';
    position: absolute;
    border-right: 1px solid;
    border-color: #444;
    top: -1px;
    bottom: -1px;
    right: -2px;
    z-index: 99;
}

#cssmenu > ul > li > a:hover {
    background: #111;
}
#cssmenu > ul > li:hover > a:hover {
    background: #111;
}

#cssmenu ul li.has-sub:hover > a:after {
    top: 0;
    bottom: 0;
}

#cssmenu > ul > li.has-sub > a:before {
    content: '';
    position: absolute;
    top: 13px;
    right: 6px;
    border: 5px solid transparent;
    border-top: 5px solid #fff;
}

#cssmenu > ul > li.has-sub:hover > a:before {
    top: 14px;
}

#cssmenu ul li.has-sub:hover > a {
    background: #111;
    border-color: #3f3f3f;
    padding-bottom: 9px;
    padding-top: 9px;
    top: -1px;
    z-index: 999;
}

#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {
    display: block;
}

#cssmenu ul li.has-sub > a:hover {
    background: #3f3f3f;
    border-color: #3f3f3f;
}

#cssmenu ul li > ul, #cssmenu ul li > div {
    display: none;
    width: auto;
    position: absolute;
    top: 30px;
    padding: 10px 0;
    background: #3f3f3f;
    border-radius: 0 0 5px 5px;
    z-index: 999;
}

#cssmenu ul li > ul {
    width: 200px;
}

#cssmenu ul li > ul li {
    display: block;
    list-style: inside none;
    padding: 0;
    margin: 0;
    position: relative;
}

#cssmenu ul li > ul li a {
    outline: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 5px 20px;
    font: 0.9em Arial, 'Helvetica Neue', sans-serif;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
}


#cssmenu > ul > li > ul > li a:hover {
    background: #111; /*#6a6a6a*/
}

#cssmenu > ul > li.last {
    float:right;
}

#cssmenu > ul > li > label {
    margin-top:3px; margin-left:8px;
    font: bold 0.9em/100% Arial, 'Helvetica Neue', 'Roboto', san-serif;
    color: #fff;
}
#cssmenu > ul > li > input {
    margin-top:3px; margin-left:6px;
    padding: 1px 3px;
    -webkit-border-radius: 4px;
    border-radius:4px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    background-color: #f5f5f2;
}


/* ========================= 
   User Page 
   ========================= */
#user-menu {
    float: left;
    width: 150px;
    margin: 0 0 5px -15px;
    padding: 5px;
    font: 1.1em/1.4em Arial, 'Helvetica Neue' , san-serif;
    border: 2px solid #dedede;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip:padding-box;
    background-color: #f8f8f8;
}
#user-menu ul {
    list-style-type: none;
    margin:0;padding:0;
}
#user-menu li {
    margin:0;
    border-bottom: 1px solid #dedede;
    /*background-color: #e3e3e3;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#e3e3e3));
    background: -webkit-linear-gradient(#FFFFFF, #e3e3e3);
    background: -moz-linear-gradient(#FFFFFF, #e3e3e3);
    background: -ms-linear-gradient(#FFFFFF, #e3e3e3);
    background: -o-linear-gradient(#FFFFFF, #e3e3e3);
    background: linear-gradient(#FFFFFF, #e3e3e3);*/
}
#user-menu li:last-child {
        border-bottom: none;
}

#user-menu a {
    display: block;
    padding:6px 10px;
    font-weight:bold;
    text-decoration: none;
    color:#808080; /*#005CA8;*/
}
#user-menu li:hover {
    background-color: #FFFFFF;
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e3e3e3), to(#FFFFFF));
    background: -webkit-linear-gradient(#FFFFFF, #e3e3e3);
    background: -moz-linear-gradient(#FFFFFF, #e3e3e3);
    background: -ms-linear-gradient(#FFFFFF, #e3e3e3);
    background: -o-linear-gradient(#FFFFFF, #e3e3e3);
    background: linear-gradient(#e3e3e3, #FFFFFF);*/
}

/*#property-listing {
    overflow:auto;
    width:90%;
    margin:20px auto;
    padding:0;
    text-align:center;
}

#property-listing .property-box {
    float:left;
    width:240px; height:130px;
    margin:0 20px 20px;
    padding:15px;
    background: #fff;
    border:1px solid #d8d8d8;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 4px 4px 10px 0px #c3c3c3;
    box-shadow: 4px 4px 10px 0px #c3c3c3;
}
#property-listing .property-box h3 {
    font-size:1.3em;
}
#property-listing .property-box h4 {
    font-size:1.4em;
}
#property-listing .property-box p {
    margin-top:5px;
    font-size: 1.1em
}*/

/* ==========================================================================
   Forms
   ========================================================================== */
form {
    margin: 20px 0;
}
form input[type=text] {
    /*width: 300px;*/
}
form input[type=submit], form input[type=button], form input[type=reset] {
    padding:3px 5px;
    font-size:1em;
}
form fieldset p {
    clear: both;
    margin:0 0 0 180px;
    padding-top:10px;
}
/*form fieldset .fieldwrapper .editor-label {
    text-align: right;
}*/

#ajax-output-right form fieldset p {
    margin-left:180px; /*140px*/
}
.backnav {
    margin-top: 20px;
}
.backnav > p {
    padding:0;
    margin-top: 5px;
}

form legend {
    padding: 20px 0 10px 0;
}

form .notes {
    clear: both;
    margin: 0 20px 30px;
    color: #717171; /*#959595*/
    font-size: 0.9em;
    line-height: 1.6em;
    text-align: center;
}

.fieldwrapper {
    overflow:auto;
    position:relative;
    clear:both;
    width:100%;
}
.fieldwrapper h3 {
    margin:0 50px 5px 180px;
    padding-top:20px;
    text-align:left;
    font: bold 1.8em 'Calibri','Helvetica Neue',san-serif;
    color:#a1a1a1;
}
.fieldwrapper h4 {
    margin:0 50px 5px 180px;
    padding-top:20px;
    text-align:left;
    font: bold 1.5em 'Calibri','Helvetica Neue',san-serif;
    color:#a1a1a1;
}
/*#ajax-output-right .fieldwrapper h3 {
    margin-left: 140px;
}*/
#ajax-output-right .fieldwrapper h4 {
    margin: 0 50px 5px 0;
    padding-top:0;
}

.fieldwrapper ol, .fieldwrapper ul {
    margin:0;
}
.fieldwrapper table {
    max-width:680px !important;
    margin:0;padding:0;
    border-width:0;
}
.fieldwrapper td {
    border-width:0;
    padding:3px 10px 3px 0;
}
.fieldwrapper .instructions {
    clear:both;
    margin:10px 20px 10px 180px;
    padding:10px 15px;
    border: 1px solid #dedede;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color:#f1f1f1;
    color:#000;
}
#ajax-output-right .fieldwrapper .instructions {
    margin-left: 140px;
}

.fieldwrapper .notes {
    padding-top:0; /*10px*/
    margin:10px 50px 3px 180px;
    text-align:left;
}

.fieldwrapper .highlight {
    color:#ff0000; 
    font-weight:bold;
}

.fieldwrapper .display-label, .fieldwrapper .display-field, 
.fieldwrapper .editor-label, .fieldwrapper .editor-field {
    vertical-align:middle;
    /*border:1px dotted #ccc;*/
}
/*#ajax-output-right .fieldwrapper .display-label,
#ajax-output-right .fieldwrapper .editor-label {
    width: 140px;
}*/
.fieldwrapper .display-label {
    width: 160px;
    float: left;
    clear: left;
    margin: 2px 10px 2px 0;
    padding: 5px 10px 5px 0;
    text-align:right;
    background: #F0F0F0; /*#E1EBEC*/
}

.fieldwrapper .display-field {
    /*float:left;
    margin:2px 0;*/
    float:none;
    margin: 2px 0 0 180px;
    padding: 6px 10px 6px 0;
    word-break: break-word;
}

.display-label.micro ~ .display-field {
    margin: 2px 0 0 100px;
}

.fieldwrapper .editor-label {
    width: 180px;
    float:left;
    clear:left;
    margin:2px 0;
    padding: 2px 0 2px 0;
    text-align:right;
}
.fieldwrapper .editor-field {
    float:left;
    width: 280px; /*400px*/
    margin:2px 0;
}
.fieldwrapper .validation-field {
    float:left;
    color:#f00;
    margin:3px 5px; /*2px 0*/
    padding: 3px 0;
    /*border:1px dotted red;*/
}
.fieldwrapper .display-field + .validation-field {
    padding-top:6px;padding-bottom:6px;
}

#ajax-output-right .fieldwrapper .validation-field {
    margin-top:-4px;
    margin-left: 145px;
}
.fieldwrapper .required-flag {
    display:block;
    float:right;
    width:5px;
    margin-right:10px;
    color:#f00;
    border:1px dotted transparent;
}
.fieldwrapper .display-label label + .required-flag {
    margin-left:3px; margin-right: 0;
}

.fieldwrapper .checkboxwrapper {
    float:left;
    clear: left;
    width: auto;
    /*border: 1px solid #ccc;*/
}
.fieldwrapper .checkboxwrapper input[type=checkbox] {
    float:left;
}
.fieldwrapper .checkboxwrapper label {
    display:block;
    float:left;
    margin:3px 0 3px 5px;
    vertical-align:middle;
    width:220px;
    text-align:left;
}
.fieldwrapper .checkboxwrapper .description {
    width:250px;
}
.fieldwrapper .checkboxwrapper select {
    width: 180px !important;
}
.fieldwrapper label {
    text-align: right;
    vertical-align:middle;
    /*border:1px dotted red;*/
}
.fieldwrapper .display-label label, .fieldwrapper .editor-label label {
    /*text-shadow: 1px 1px 0 rgba(120,120,120, 0.6);*/
}
.fieldwrapper input[type=text], .fieldwrapper input[type=number], .fieldwrapper input[type=password],
.fieldwrapper input[type=email], .fieldwrapper input[type=url], .fieldwrapper input[type=tel],
.fieldwrapper input[type=datetime], .fieldwrapper input[type=date], .fieldwrapper input[type=time],
.fieldwrapper textarea,
.fieldwrapper select {
    font: 0.9em Verdana, Arial, 'Helvetica Neue', san-serif;
    vertical-align: middle;
    color: #1751b9;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.fieldwrapper input[type=text], .fieldwrapper input[type=number],
.fieldwrapper input[type=email], .fieldwrapper input[type=url], .fieldwrapper input[type=tel],
.fieldwrapper input[type=datetime], .fieldwrapper input[type=date], .fieldwrapper input[type=time] {
    width: 350px;
    padding: 4px;
}
.fieldwrapper input[type=password] {
    width: 150px !important;
    padding: 4px;
}
.fieldwrapper .display-field input {
    margin-top:-6px;margin-bottom:-6px;
}
.fieldwrapper select {
    margin: 4px 0;
    width: auto; /*250px*/
    min-width:200px;
    max-width:280px;
    /*height: 26px;*/
    border: 2px inset #ccc;
}
.fieldwrapper .display-field select {
    margin-top:-6px;margin-bottom:-6px;
}
#ajax-output-right .fieldwrapper select {
    width: auto;
}
.fieldwrapper textarea {
    width:350px;
    min-height:40px;
    /*height:60px;*/ 
    padding: 4px;
    border:2px inset #eee;
}
.fieldwrapper .display-label + textarea {
    padding:6px 10px 6px 0;
    border:1px solid #dedede;
}
.fieldwrapper .full {
    width:750px !important; /*780px*/
}
.fieldwrapper .wide {
    width:auto !important;
}
.fieldwrapper .small {
    width:220px !important;
}
.fieldwrapper .tiny {
    width:140px !important;
}
.fieldwrapper .micro {
    width:80px !important;
}
/*.fieldwrapper .large {  //STANDARD
    width:400px !important;
}*/
.fieldwrapper .small input[type=text], .fieldwrapper .small input[type=number],
.fieldwrapper .small input[type=email], .fieldwrapper .small input[type=url], .fieldwrapper .small input[type=tel],
.fieldwrapper .small input[type=datetime], .fieldwrapper .small input[type=date], .fieldwrapper .small input[type=time] {
    width: 200px !important;
}
/*.fieldwrapper .small select {
    width:212px !important;
}*/
.fieldwrapper .tiny input[type=text], .fieldwrapper .tiny input[type=number], 
.fieldwrapper .tiny input[type=date], .fieldwrapper .tiny input[type=time] {
    width: 120px !important;
}
.fieldwrapper .micro input[type=text], .fieldwrapper .micro input[type=number],
.fieldwrapper .micro input[type=date], .fieldwrapper .micro input[type=time] {
    width: 70px !important;
}
.fieldwrapper input[type=radio] {
    margin: 6px 0 6px 10px;
    vertical-align: middle;
}
.fieldwrapper .display-field input[type=radio] {
    margin: 0 0 0 10px;
}
.fieldwrapper input[type=checkbox] {
    margin: 6px 0 6px 6px;
    vertical-align: middle;
}
.fieldwrapper .display-field input[type=checkbox] {
    margin: 0;
}
.fieldwrapper form input[type=submit], .fieldwrapper form input[type=reset] {
    margin:5px 10px 5px 0;
}

.ajax-box table {
    margin:20px 0 0 0 !important;
    border:none;
}
.ajax-box table th {
    border:none;
    background: none;
    padding:0 0 0 8px !important;
    margin:0 !important;
    font-weight:normal;
}
.ajax-box table td {
    border:none;background:none;
    padding:0 0 0 8px !important;
    margin:0 !important;
}
.ajax-box table tr:hover td {
    background: none;
}
.ajax-box table input[type=text], .ajax-box table input[type=datetime], 
.ajax-box table input[type=date], .ajax-box table input[type=time],
.ajax-box table select {
    margin:0 !important;
    font: 0.9em Verdana, Arial, 'Helvetica Neue', san-serif;
    vertical-align: middle;
    color: #1751b9;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.ajax-box table input[type=text], .ajax-box table input[type=datetime],
.ajax-box table input[type=date], .ajax-box table input[type=time] {
    max-width: 80px !important;
    padding: 4px;
}
.ajax-box table input[type=checkbox] {
    display:block;
    margin:0 auto;
}
.ajax-box table select {
    max-width: 120px !important;
    border:2px inset #ccc;
    padding: 2px;
}
.ajax-box .message {
    margin:-10px 0 0;
    width:100%;
    color:#1751b9;
}
.ajax-box .message > p {
    text-align: left;
    background:none;border:none;
}
.ajax-box .required-flag { 
    color:#f00; 
    margin-right:2px;
}
.ui-dialog .fieldwrapper .editor-label {
    width: 180px;
}
.ui-dialog .fieldwrapper input[type=text], .ui-dialog .fieldwrapper input[type=number], .ui-dialog .fieldwrapper input[type=password],
.ui-dialog .fieldwrapper input[type=email], .ui-dialog .fieldwrapper input[type=url], .ui-dialog .fieldwrapper input[type=tel],
.ui-dialog .fieldwrapper input[type=datetime], .ui-dialog .fieldwrapper input[type=date], .ui-dialog .fieldwrapper input[type=time] {
    font-family: Arial, 'Helvetica Neue', Roboto, sans-serif;
    font-size: 0.9em !important;
}
.ui-dialog .fieldwrapper select, .ui-widget select {
    font-family: Arial, 'Helvetica Neue', Roboto, sans-serif;
    font-size: 0.9em !important;
    width:auto !important;
}
.ui-dialog .fieldwrapper input[type=radio] {
    margin-left: 15px !important; /*20px !important*/
}
.ui-dialog .fieldwrapper input[type=radio]:first-child {
    margin-left: 5px !important;
}
.ui-dialog .fieldwrapper textarea {
    width:auto;
}
.ui-dialog .fieldwrapper .small textarea {
    width: 240px;
}
.ui-dialog .fieldwrapper .display-field textarea {
    width:280px;
    background-color:#fff;
    color:#222;
    padding:5px;
    border:none;
}
.ui-dialog .fieldwrapper .validation-field {
    clear:left !important;
    margin: -2px 0 0 180px !important;}}
}
.ui-dialog .notes {
    margin:5px 10px 8px;
    font-weight: bold; font-size: 0.9em;
    color: #359ad5;
}
.ui-dialog .fieldwrapper .notes {
    margin-left: 180px !important;
}
/*.ui-dialog .fieldwrapper .display-toggle {
    margin:16px 0 5px 10px;
    float:left;
}*/

/* ==========================================================================
   Custom Combobox
   ========================================================================== */
.custom-combobox  {
    position: relative;
    display: inline-block;
}

.custom-combobox .ui-widget input,
.custom-combobox-input {
    margin: 0;
    padding: 2px;
    font-weight: normal !important;
    font-size: 0.9em !important;
    font-family: Arial, 'Helvetica Neue', Roboto, san-serif !important;
}

.custom-combobox .ui-widget-content {
    border: 2px inset #ccc;
    background: none;
    color:#000;
}

.custom-combobox .ui-button.ui-state-default, .custom-combobox .ui-button.ui-state-hover,
.custom-combobox .ui-dialog .ui-state-default, .custom-combobox .ui-dialog .ui-state-hover
 {
    border: none;
    background: none;
    color:#000t;
}
.custom-combobox .ui-button-icon-only {
    width: 1.6em;
    height: 23px;
    padding: 0;
}

.custom-combobox-toggle {
    position: absolute;
    top: -2px;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.custom-combobox .ui-corner-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.custom-combobox .ui-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* ==========================================================================
   Styles for validation helpers
   ========================================================================== */
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    /*border: 1px solid #ff0000;
    border:1px solid #aaa;*/
    background-color: #ffdede !important;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    margin: 5px 3px;
}

.validation-summary-valid
{
    display: none;
}

/* generated by jQuery.validate */
label.error {
    display:block !important;
    float:right !important;
    width:auto !important;
    font-size:0.9em;
    color: #ff0000 !important;
    margin: 5px 15px 0 5px !important;
    padding:0 !important;
    vertical-align: middle !important;
}
input.error, select.error {
    background-color: #ffeeee;
}
textarea.error {
    border: 1px solid #ff0000 !important;
}

/* ===================
   Search Forms
   =================== */
#searchform form {
    overflow: auto;
    margin: 0;
    padding: 10px 10px 4px 15px;
    background-color: #f3f3f3; /*#FAFAFA*/
    border: 2px solid #dedede;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
#searchform h3 {
    margin:0 0 10px;
    font: italic bold 1.6em 'Calibri', 'Helvetica Neue', san-serif;
    color:#8a8a8a;
}
#searchform p.message {
    width:100%;
    margin-top:10px;
}
#searchform .separator {
    float:left;padding-right:40px;
}
#searchform .notes {
    text-align:left;
    margin:10px 0 5px 0;
}

#searchform .row, #searchform p {
    overflow:auto;
    margin-bottom:6px;
}
#searchform .buttons, #searchform p.buttons {
    margin:0;
    float:right;
    font-size:0.9em;
    text-align:right;
}
#searchform input[type=submit], #searchform input[type=reset] {
    margin-left:5px;
    font-size:0.9em;
    padding:2px 4px;
}
#searchform .buttons input[type=submit], #searchform .buttons input[type=reset],
#searchform p.buttons input[type=submit], #searchform p.buttons input[type=reset] {
    color:inherit;
    font-size:1em;
    margin-left:0;
}
#searchform .buttons input[type=submit]+input[type=submit], 
#searchform .buttons input[type=reset] {
    margin-left:4px;
}

#searchform label {
    display:block;
    float:left;
    margin-right:5px
}
#searchform .search-field {
    float:left;
}
#searchform .search-field label {
    margin-left:3px;margin-right:12px;
}
#searchform input, #searchform select { /*for backwards compatibility*/
    float:left;
}
#searchform select {
    font-size: 1.1em;
    margin-right:15px;
    max-width:180px;
    border: 2px inset #ccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#searchform select+select {
    margin-left:-12px;
}
#searchform input[type=text].datefield {
    margin-right:5px;
}
#searchform input[type=checkbox] {
    vertical-align:middle;
    margin-bottom:2px;
    margin-top:2px;
}
#searchform input[type=radio] {
    vertical-align:middle;
    margin:2px 0;
}
#searchform input[type=text],
#searchform input[type=number] {
    margin-right:15px;
    padding-left:2px;padding-right:2px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#searchform input[type=number] {
    width: 60px;
}
#searchform input[type=text] {
    width: 40px;
}
#searchform input[type=text].micro {
    width: 40px;
}
#searchform input[type=text].tiny {
    width: 70px;
}
#searchform input[type=text].small {
    width: 100px;
}
#searchform input[type=text].medium {
    width: 140px;
}
#searchform input[type=text].large {
    width: 200px;
}
#searchform input[type=text].xlarge {
    width: 250px;
}
#searchform input[type=text].wide {
    width: 300px;
}

/* ===================
   Search Box
   =================== */
#searchbox {
    /*float:right;*/
    float:none; 
    text-align:right;
    margin-bottom:15px;
}
#searchbox form {
    margin:0;padding:0;
}

/* ==========================================================================
   Delete Box
   ========================================================================== */
.delete-box {
    width:400px;
    margin: 30px auto;
    padding:20px;
    /*color:red;*/
    border: 1px solid #a1a1a1;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    -webkit-box-shadow: 5px 5px 20px 0px #a1a1a1;
    box-shadow: 5px 5px 20px 0px #a1a1a1;
}
.delete-box h3 {
    text-align: center;
    margin-bottom:10px;
}
.delete-box .title {
    text-align: center;
    margin-bottom:10px;
    background-color:#dddddd;
    padding:6px 10px;
}
.delete-box p {
    text-align: center;
    font-size:1.1em;
    line-height:1.5em;
}
.delete-box .textbox {
    text-align:left;
    padding:6px 10px;
    margin-bottom:10px;
    border: 1px solid #ccc;
}

.delete-box fieldset {
    margin-top:15px;
    /*font-size:1.2em;*/
}
.delete-box input[type=submit], .delete-box input[type=button] {
    margin:5px 10px;
    padding:8px 16px;
    width:10em;
    font-size:1.2em;
}
.delete-box .fieldwrapper .display-label {
    float:left;
    padding:3px 4px;
    width:auto;
    background:#efefef;
    color:#000;
    text-align:left;
}
.delete-box .fieldwrapper .display-field {
    /*float:left;*/
    margin-left:120px;
    padding:3px 4px;
    color:#000;
    /*padding-bottom:8px;padding-left:5px;padding-right:5px;*/
}
.delete-box .fieldwrapper label {
    float: left;
    clear: left;
    width: 100px;
    margin: 0 10px 0 0; /*padding:3px;*/
    text-align: left;
    vertical-align:middle;
    /*font: 1em Calibri, Arial, 'Helvetica Neue', san-serif;*/
}
.delete-box .notes {
    margin:5px 10px 8px;
    font-weight: bold; font-size: 0.9em;
    color: #359ad5;
}

/* ==========================================================================
   Fact Sheet
   ========================================================================== */
.factsheet {
    position:relative;
    overflow:auto;
    clear:both;
    margin:75px 0 0;
    border:1px solid #3f3f3f;
    border-collapse:collapse;
}
.factsheet .section {
    overflow:auto;
    border-bottom:1px solid #3f3f3f;
}
.factsheet .section#last {
    border-bottom:none;
}
.factsheet .row {
    overflow:auto;
    clear:both;
    margin:0 0 10px 0;
}
.factsheet .left-col {
    float:left;
    width:646px;
    padding:20px 20px 0;
    /*border-right:1px solid #3f3f3f;*/
}
.factsheet .right-col {
    float:left;
    width:200px;
    padding:20px 20px 0;
    /*border-left:1px solid #3f3f3f;*/
}
.factsheet #title {
    padding:10px 10px 15px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e3e3e3), to(#FFFFFF));
    background: -webkit-linear-gradient(#e3e3e3, #FFFFFF);
    background: -moz-linear-gradient(#e3e3e3, #FFFFFF);
    background: -ms-linear-gradient(#e3e3e3, #FFFFFF);
    background: -o-linear-gradient(#e3e3e3, #FFFFFF);
    background: linear-gradient(#e3e3e3, #FFFFFF);
    border-bottom:1px solid #3f3f3f;
}
.factsheet #title h2 {
    text-align:center;
    margin:0 0 4px;
    font: bold 1.8em 'Arial', 'Helvetica Neue', san-serif;
}
.factsheet #title h3 {
    text-align:center;
    margin:0;
    font: bold 1.3em 'Arial', 'Helvetica Neue', san-serif;
}
.factsheet .links {
    position:absolute;
    top:5px;
    right:8px;
}
.factsheet label, .factsheet .display-field {
    font-family: 'Arial', 'Helvetica Neue', san-serif;
}
.factsheet label {
    font-weight: bold;
    font-size:1.1em;
}
.factsheet textarea {
    width: 440px;
    border:none;
    resize:none;
}
.factsheet textarea:disabled {
    background-color:inherit;
}

.factsheet .left-col .display-label {
    float:left;
    width: 120px;
    padding:5px;
}
.factsheet .left-col .display-label.small {
    width: 100px;
    margin-right:5px;
    padding:5px;
    text-align:right;
}
.factsheet .left-col .display-label.large {
    width: 150px;
}
.factsheet .left-col .display-field {
    float:left;
    width: 222px;/*252px;*/
    min-height:1.2em;
    padding:5px 8px;
    margin-right:10px;
    font-size:1.1em;
    /*background-color:#eee;*/
}
.factsheet .left-col .display-field.small {
    width: 100px;
    margin-right:0;
}
.factsheet .left-col .display-field.large {
    width: 460px;
}
.factsheet .right-col .display-field {
    min-height:1.2em;
    padding:5px 8px 5px 0;
    font-size:1.1em;
    /*background-color:#eee;*/
}

/* ========================= 
   Data Table
   ========================= */
table.data tr.totalrow td {
    font-weight: bold;
}

/* ========================= 
   Form Sheet
   ========================= */
.form-sheet {
    position:relative;
    margin-top:20px;
    padding-bottom:20px;
    border:1px solid #c3c3c3; /*#759b9c*/
    /*-webkit-border-radius: 6px;
    border-radius: 6px;*/
    font-size:1.1em;
}
.form-sheet hr {
    margin-top:20px; margin-bottom:15px;
}
.form-sheet #form-header {
    position:relative;
    padding:10px;
    min-height:20px;
    background-color:#eee; /*#d1dddd*/
    border-bottom: 1px solid #c3c3c3; /*#759b9c*/
    color:#404646;
    font: bold 1.4em 'Arial', 'Helvetica Neue', san-serif;
}

.form-sheet #record-id {
    float:left;
}
.form-sheet #emailbox {
    float:right;
    margin-right:5px;
    font: normal 0.7em 'Arial', 'Helvetica Neue', san-serif;
}
.form-sheet #emailbox input[type=checkbox] {
    float:none;
    margin:0 0 3px 5px;
}

.form-sheet #status {
    float:right;
    margin-right:5px;
    font-style:italic;
    /*position:absolute;
    top:0;right:0;
    padding:5px 10px;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    font-size:1.2em;
    font-style:normal;*/
}
.form-sheet #title {
    font: bold 1.4em Verdana, 'Helvetica Neue', san-serif;
    text-align:center;
    margin:5px 0 15px;
}
.form-sheet #subheading {
    margin-top: 20px; /*25px*/
    margin-left: 0; /*10px*/
    /*font: italic 1.5em 'Arial','Helvetica Neue',san-serif;*/
    font: bold 1.5em 'Arial','Helvetica Neue', san-serif;
    color: #626c9e /*#7282d1*/
}
.form-sheet #tab-contents #subheading {
    margin-left: 0;
    margin-bottom:20px;
}

.form-sheet .subheading2 {
    margin-top: 20px !important;
    margin-bottom: 25px !important;
    margin-left: 0 !important;
    font: bold 1.2em 'Verdana','Helvetica Neue', Roboto, san-serif;
    color:#8e8e8e;
}

.form-sheet h3 {
    font: bold 1.6em 'Calibri','Helvetica Neue',san-serif;
    color:#8e8e8e;
}

.form-sheet #timestamp {
    font-style: italic;
    font-size:0.9em;
    margin:20px 0 5px;
}
.form-sheet .notes {
    margin: 5px 5px 3px 175px; /*5px 5px 10px 175px*/ /*5px 0 5px 145px;*/
    padding:0;
    color:#0033cc; /*999999*/
    text-align:left;
    font-size:1em;
    font-style:italic;
}
.form-sheet .notes.left {
    margin:0;
    padding: 0 10px;
}
.form-sheet .subnotes {
    text-align:right;
    font-style: italic;
    font-size:0.85em;
    margin:3px 12px 5px 135px; 
}
.form-sheet #submit-button {
    text-align:center;
}
.form-sheet form {
    margin-top:0;margin-bottom:10px;
}
.form-sheet .highlight { 
    color:#ff0000 !important; 
}
.form-sheet #basic-info {
    overflow:auto;
    margin:10px 0 0;
}
.form-sheet .row {
    overflow:auto;
    position:relative;
    min-height:10px;
    margin:10px 0 0;
    padding:0 10px;
    clear:right;
}
.form-sheet .row .required-flag {
    display:block;
    float:left;
    color:#ff0000;
    width:5px;
    margin-right:10px;padding:5px 0 0;
    vertical-align:middle;
}
.form-sheet .col-left {
    float:left;
    width:64%;
}
.form-sheet .col-right {
    float:right;
    width:36%;
}
.form-sheet .col-left-half {
    float:left;
    width:50%;
}
.form-sheet .col-right-half {
    float:right;
    width:50%;
}
.form-sheet .display-field {
    float:left;
    min-height:1.3em;
    padding:5px;
    background-color:#fff;
    border: 1px solid #b7b7b7;
    font: 1em 'Verdana', 'Helvetica Neue', san-serif;
    vertical-align:middle;
}
.form-sheet .editor-field {
    float:left;
    min-height:1.3em;
    margin: 0;
    padding:0 5px 0 0;
    font: 1em 'Verdana', 'Helvetica Neue', san-serif;
}
.form-sheet .editor-field.indent-left {
    margin-left: 175px;
}
.form-sheet .validation-field {
    clear:left;
    margin-left:170px; /*140px*/
    padding:5px;
    /*min-height:1.3em;*/
    background-color:transparent;
    font: 1em 'Verdana', 'Helvetica Neue', san-serif;
    vertical-align:middle;
}
.form-sheet .validation-field.inline {
    clear: none;
    margin-left: 5px;
}

/* When there is no *asterisk required field indicator */
/*.form-sheet .col-right .validation-field {
    margin-left:155px;
}*/

.form-sheet .micro {
    width:40px;
}
.form-sheet .tiny {
    width:80px;
}
.form-sheet .small {
    width:120px;
}
.form-sheet .medium { /*standard*/
    width:200px;
}
.form-sheet .large {
    width:220px;
}
.form-sheet .wide {
    width:280px;
}
.form-sheet .xwide {
    width:350px;
}
.form-sheet .xxwide {
    width:380px;
}
.form-sheet .xxxwide {
    width: 480px;
}
.form-sheet .full {
    width:780px;
}
.form-sheet #tab-contents .full {
    width: 680px;
}
.form-sheet .child-item .full {
    width:590px;
}

.form-sheet .col-right .small {
    width:160px;
}

.form-sheet .display-field label, .form-sheet .editor-field label { 
    display:block;
    float:left;
    margin: 3px 15px 6px 5px;
    vertical-align: middle;
}
.form-sheet .display-label label, .form-sheet .editor-label label {
    display:block;
    float:left;
    width:150px; /*120px;*/
    margin-right:10px;padding:5px 0 0;
    font: bold 1em 'Verdana', 'Helvetica Neue', san-serif;
    vertical-align:middle;
}

.form-sheet .display-label label.small, .form-sheet .editor-label label.small {
    width:140px !important;
}
.form-sheet .col-right label {
    text-align:right;
}

.form-sheet .child-item {
    position:relative;
    margin: 0 0 15px; /*0 15px 25px*/
    padding:  0 0 10px;
    border:1px solid #adb4b5;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #f5f5f5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#e3e3e3));
    background: -webkit-linear-gradient(#FFFFFF, #e3e3e3);
    background: -moz-linear-gradient(#FFFFFF, #e3e3e3);
    background: -ms-linear-gradient(#FFFFFF, #e3e3e3);
    background: -o-linear-gradient(#FFFFFF, #e3e3e3);
    background: linear-gradient(to bottom, #FFFFFF 0%, #F5F5F5 85%);
}
.form-sheet .child-item .remove-link {
    /*position:absolute;  does not work with knockout.js
    top:5px;right:10px;*/
    margin:5px 10px 0;
    text-align:right;
}
.form-sheet .add-link {
    margin:-20px 15px 0;
}
.form-sheet .child-item label {
    width:100px;
}
.form-sheet .child-item .display-field {
    margin-right:5px;
    min-width:200px;
}
.form-sheet .child-item .validation-field {
    padding:0 5px;
}

.form-sheet #grid-editor {
    margin: 8px 10px 0; /*0 10px*/
    overflow: auto;
}
.form-sheet #grid-editor table {
    width:100%;
    border-width:0;
    background:transparent;
}
.form-sheet #grid-editor thead {
    border-bottom: 1px solid #acacac;
}
.form-sheet #grid-editor tfoot {
    border-top: 1px solid #acacac;
}
.form-sheet form #grid-editor thead {
    border-bottom: none;
}
.form-sheet form #grid-editor tfoot {
    border-top: none;
}

.form-sheet #grid-editor th, 
.form-sheet #grid-editor td
{
    padding:4px 8px;
    color:#000;
    border-width:0;
    background:inherit;
}
.form-sheet #grid-editor th {
    margin-bottom:5px;
    /*background-color:#fff;*/
}
.form-sheet #grid-editor tr.totalrow td {
    font-weight: bold;
}
.form-sheet #grid-editor .required-flag {
    color:#ff0000;
    font-weight: normal;
}
.form-sheet #grid-editor .remove-link {
    font-size:0.9em;
}
.form-sheet #grid-editor select {
    margin:0;
}
.form-sheet #grid-editor select.small {
    width:100px;
}
.form-sheet #grid-editor select.medium {
    width:140px;
}
.form-sheet #grid-editor label.error {
    float:none !important;
    margin:0 !important;
}
.form-sheet #grid-editor .grandtotal, 
.form-sheet #grid-editor .subtotal{
    /*font-size:1.1em;*/
    font-weight:bold;
}
/*.form-sheet #grid-editor tr.grandtotal td,
.form-sheet #grid-editor tr.subtotal td {
    padding-right:10px !important;
}*/
.form-sheet #grid-editor tr.border-top {
    border-top: 1px solid #a6a6a6;
}
.form-sheet #grid-editor tr.border-top td {
    padding-top:10px !important;
}

/*.form-sheet #grid-editor .grandtotal input[type=text],
.form-sheet #grid-editor .grandtotal input[type=number]  {
    text-align:center;
}*/

.form-sheet .display-field img, 
.form-sheet .editor-field img {
    width: 300px;
    margin-bottom:25px;
}
.form-sheet .display-field.full img, 
.form-sheet .editor-field.full img {
    width: 100%; /*500px;*/
    height: auto;
}
.form-sheet .display-field.small img, 
.form-sheet .editor-field.small img {
    width: 180px;
}

.form-sheet .display-field .img-caption {
    margin-bottom:4px;
}
.form-sheet .editor-field .img-caption {
    margin-bottom:4px;
}
.form-sheet .editor-field.full .img-caption {
    width: 614px; /*500px*/
}

.form-sheet .editor-field .img-delete {
    margin-bottom: 24px;
}

.form-sheet pre {
    display: inline-block;
    margin-top: 0; margin-bottom: 0;
    min-height: 1.5em;
    padding:5px;
    background-color:#fff;
    border: 1px solid #dedede;
    font: 1em 'Verdana', 'Helvetica Neue', san-serif;
}

.form-sheet textarea {
    /*width:100%;
    width:580px;*/
    /*min-height:60px;*/
    padding:5px;
    /*resize:none;*/
    background-color:#fff;
    border: 1px solid #dedede;
    font: 1em 'Verdana', 'Helvetica Neue', san-serif;
}
.form-sheet .display-label + textarea, .form-sheet .display-label + pre {
    width:614px;
}
.form-sheet .editor-field textarea {
    width:590px;
    /*border: 1px solid #b0b0b0;*/
    border: 2px inset #ccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.form-sheet .editor-field.medium textarea {
    width:inherit;
}
.form-sheet .editor-field.large textarea {
    width:inherit;
}
.form-sheet .editor-field.wide textarea {
    width:inherit; /*274px*/
}
.form-sheet .editor-field.xwide textarea {
    width:inherit;
}
.form-sheet .editor-field.xxwide textarea {
    width:inherit;
}
.form-sheet .editor-field.full textarea {
    width:100%;
}
.form-sheet .child-item .display-label + textarea {
    width:600px;
}
.form-sheet .child-item .editor-field textarea {
    width:590px;
}
.form-sheet select {
    margin:5px 5px 0 0;
    max-width:300px;
    border: 2px inset #ccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.form-sheet select.standard {
    width:150px;
}
.form-sheet input[type=text],
.form-sheet input[type=number] {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.form-sheet input[type=text] {
    /*width: 220px;*/
    padding:2px;
}
.form-sheet input[type=number] {
    /*text-align:right;
    width: 100px;*/
    padding:2px;
}
.form-sheet input[type=text].tiny, 
.form-sheet input[type=number].tiny {
    width: 80px;
}
.form-sheet input[type=text].small, 
.form-sheet input[type=number].small {
    width: 100px;
}
.form-sheet input[type=text].smallmed, 
.form-sheet input[type=number].smallmed {
    width: 140px;
}
.form-sheet input[type=text].medium {
    width: 200px;
}
.form-sheet input[type=text].wide {
    width: 280px;
}
.form-sheet input[type=text].xwide {
    width: 350px;
}
.form-sheet input[type=text].full {
    width: 330px;
}
.form-sheet input[type=radio] {
    float:left;
    margin: 5px 0 0 5px;
    vertical-align: middle;
}
.form-sheet input[type=checkbox] {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.form-sheet label.error {
    float:right !important;
}
.form-sheet .wide label.error {
    float:left !important;
}
.form-sheet textarea + label.error {
    float:left !important;
}
.form-sheet table.data {
    float:left;
    width:625px;
}
.form-sheet table.data th {
    background-color:#ebebeb;
    color:#000;
}

/* Defect */
.form-sheet#defect .display-label label, .form-sheet#defect .editor-label label {
    width: 80px;
}
.form-sheet#defect .col-right label {
    width:120px;
}
.form-sheet#defect .child-item label {
    width:100px;
}

/* ==========================================================================
   Error Page
   ========================================================================== */
#error-page {
    padding:20px;
    border: 2px solid #f00;
    -webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android <=1.6 */
    border-radius: 12px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip:padding-box;
}
#error-page h2 {
    color: #f00;
}
#error-page table {
    margin-top: 20px;
    font-size: 1.1em;line-height:1.25em;
}
#error-page th {
    padding: 4px 6px 10px;
    vertical-align:top;
}
#error-page td {
    padding: 4px 6px 10px;
}

/* ==========================================================================
   POP-UP MESSAGES 
   ========================================================================== */
.ui-dialog.popup {
    padding:0 !important;
    margin:0 !important;
    border:2px solid #eb0000 !important;
    background:#fff !important;
    -webkit-box-shadow: 0px 0px 15px 0px #f82626;
    box-shadow: 0px 0px 15px 0px #f82626;
}
.popup .ui-dialog-titlebar {display: none;}
.popup .ui-dialog-titlebar-close {display: none;}
.ui-dialog.popup .ui-dialog-content {
    padding:5px 8px !important;
    margin:2px 0 0 !important;
    background:transparent !important;
    color: #eb0000 !important;
    text-align:center !important;
}

/* ==========================================================================
   jQuery UI Overrides
   ========================================================================== */
.ui-dialog {
    font-size: 1em !important;
    padding: 5px 15px !important;
    border: 4px solid #fff !important;
    -webkit-border-radius: 12px !important;
    border-radius: 12px !important;
    background: #263e4d !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6991aa), to(#263e4d)) !important;
    background: -webkit-linear-gradient(#6991aa, #263e4d) !important;
    background: -moz-linear-gradient(#6991aa, #263e4d) !important;
    background: -ms-linear-gradient(#6991aa, #263e4d) !important;
    background: -o-linear-gradient(#6991aa, #263e4d) !important;
    background: linear-gradient(to bottom, #6991aa 0%, #263e4d 35%) !important;
}
.ui-dialog .ui-dialog-titlebar {
	background: transparent !important;
    border: none !important;
    margin:0 !important; 
    padding: 0 !important;
    color: #fff !important;
}
.ui-dialog .ui-dialog-title {
    font-size: 1.2em !important;
}
.ui-dialog .ui-dialog-content {
    background: #fff !important;
    margin-top: 15px !important;
    padding: 10px 10px 20px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
}
.ui-dialog .ui-dialog-content h2 {
    text-align:center !important;
    margin: 0 0 0.2em !important; padding: 0 !important;
}
.ui-dialog .ui-dialog-content h3 {
    margin: 0 0 0.6em !important; padding: 0 !important;
}
.ui-dialog .ui-dialog-content h4 {
    margin: 10px 0 5px 180px !important;
    padding: 0 !important;
}
.ui-dialog .ui-dialog-content p {
    margin: 0 0 0.6em !important; padding: 0 !important;
}
.ui-dialog .ui-dialog-content p.message-warning {
    margin: 0 0 1.4em !important; padding: 0 !important;
}
.ui-dialog .ui-dialog-content hr {
    /*margin-bottom: 0.2em !important;*/
    padding: 0 !important;
}
.ui-dialog .ui-dialog-content form {
    background: transparent !important;
    margin:0 !important; padding: 0 !important;
}
.ui-dialog .ui-dialog-buttonpane {
    margin-top: 10px !important;
    background: transparent !important;
}
.ui-dialog .ui-state-default {
    color: #3f3f3f !important;
    border: 1px solid #fff !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#d3d3d3)) !important;
    background: -webkit-linear-gradient(#FFFFFF, #d3d3d3) !important;
    background: -moz-linear-gradient(#FFFFFF, #d3d3d3) !important;
    background: -ms-linear-gradient(#FFFFFF, #d3d3d3) !important;
    background: -o-linear-gradient(#FFFFFF, #d3d3d3) !important;
    background: linear-gradient(#FFFFFF, #d3d3d3) !important;

}
.ui-dialog .ui-state-hover {
    color: #000 !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e3e3e3), to(#FFFFFF)) !important;
    background: -webkit-linear-gradient(#d3d3d3, #ffffff) !important;
    background: -moz-linear-gradient(#d3d3d3, #ffffff) !important;
    background: -ms-linear-gradient(#d3d3d3, #ffffff) !important;
    background: -o-linear-gradient(#d3d3d3, #ffffff) !important;
    background: linear-gradient(#d3d3d3, #ffffff) !important;
}

.ui-datepicker {
    padding:8px !important;
    border: 1px solid #a1a1a1 !important;
    background: #373d40 !important;
}
.ui-datepicker .ui-datepicker-header {
    background: transparent !important;
    border: none !important;
}
.ui-datepicker  table.ui-datepicker-calendar {
    border: none !important;
    margin-top:10px !important;
}
.ui-datepicker table.ui-datepicker-calendar th {
    background: none !important;
    border: none !important;
    color:#fff !important;
}
.ui-datepicker table.ui-datepicker-calendar td {
    background: #fff !important;
    border: 1px solid #a1a1a1 !important;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-end {
    background: #dedede !important;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today {
    background: #fff !important;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day {
    background: #f00 !important;
    color:#fff !important;
}
.ui-datepicker .ui-state-default {
    background: none !important;
    border: none !important;
    color: inherit !important;
}
.ui-datepicker .ui-state-hover {
    background: #feff4c !important;
    color:#000 !important;
}
.ui-datepicker .ui-state-disabled {
    opacity: 1 !important;
    filter: Alpha(Opacity=100) !important;
}

.ui-tooltip {
    padding: 2px 4px !important;
    background: rgba(255, 248, 111, 1) !important;
    border: 2px solid white !important;
    color: white;
    border-radius: 20px;
    font-size:1em !important;
}
.ui-autocomplete {
    max-height: 200px !important;
    overflow-y: auto !important;
    /* prevent horizontal scrollbar */
    overflow-x: hidden !important;
    font-size: 1em !important;
}
/*
.ui-widget-content {
    border: none !important;
    background: none !important;
}*/
.ui-widget {
    font-size:1em !important;
}
.ui-tabs {
    overflow:auto;
    width: auto;
    margin-top:35px;
    padding: 10px;
    border: 1px solid #ccc !important;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px 0px #dcdcdc;
    box-shadow: 0px 0px 15px 0px #dcdcdc;
}
.ui-tabs .ui-widget-header,
.ui-accordion .ui-accordion-header {
    border: 1px solid #a9a9a9;
    background: #e9e9e9;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#e3e3e3));
    background: -webkit-linear-gradient(#FFFFFF, #e3e3e3);
    background: -moz-linear-gradient(#FFFFFF, #e3e3e3);
    background: -ms-linear-gradient(#FFFFFF, #e3e3e3);
    background: -o-linear-gradient(#FFFFFF, #e3e3e3);
    background: linear-gradient(to bottom, #FFFFFF -20%, #efefef 85%);
}
.ui-tabs .ui-widget-header .ui-state-default {
    border: 1px solid #cbcbcb;
    border-bottom-width:0;
    background: #d5d5d5; /*5a5c5e*/
}
.ui-tabs .ui-widget-header .ui-state-hover {
    border: 1px solid #cbcbcb;
    border-bottom-width:0;
    background: #8d8d8d;
}
.ui-tabs .ui-widget-header .ui-state-active {
    border: 1px solid #8d8d8d;
    border-bottom-width:0;
    background: #fff;
}
.ui-tabs .ui-widget-header .ui-state-default a,
.ui-tabs .ui-widget-header .ui-state-default a:link,
.ui-tabs .ui-widget-header .ui-state-default a:visited {
    color:#5e5e5e;
}
.ui-tabs .ui-widget-header .ui-state-hover a,
.ui-tabs .ui-widget-header .ui-state-hover a:link,
.ui-tabs .ui-widget-header .ui-state-hover a:visited {
    color:#fff !important;
}
.ui-tabs .ui-widget-header .ui-state-active a,
.ui-tabs .ui-widget-header .ui-state-active a:link,
.ui-tabs .ui-widget-header .ui-state-active a:visited {
    color:#5a5c5e !important; /*1751b9*/
}

.ui-accordion .ui-accordion-header.ui-state-default {
    color:#359ad5;
}
.ui-accordion .ui-accordion-header.ui-state-hover {
    color:#2062e1;
}
.ui-accordion .ui-accordion-header.ui-state-active {
    color:#000000; /*1751b9*/
}

.ui-tabs .ui-tabs-panel  {
    padding: 0 1.4em 1.5em 1.4em !important;
    background:#fff !important;
}
.ui-tabs.ui-widget-content {
    background:#fff !important;
}
.ui-accordion .ui-accordion-content {
    padding: 0.5em 1em !important;
}

/* ==========================================================================
   Time Out Dialog
   ========================================================================== */
#sessionTimeout-dialog p#timeout-countdown {
    margin:20px 0 10px !important;
    text-align:center;
    font-size:1.6em !important;
    font-weight:bold
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden { 
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* Retina Displays */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
    only screen and (min--moz-device-pixel-ratio: 1.5), 
    only screen and (min-resolution: 240dpi)  {
    #logo { 
        background: url(Images/CondoMasterLogo@2x.png) no-repeat 0 0;   
        -webkit-background-size: 51px 61px; 
        -moz-background-size: 51px 61px; 
        background-size: 51px 61px; 
	}
    #footer-left {
        background: url(Images/CometCatcher-Logo-Small@2x.png) no-repeat left top;
        -webkit-background-size: 150px 30px; 
        -moz-background-size: 150px 30px; 
        background-size: 150px 30px; 
    }
    .phone-display { display:none; }
}


/* Smartphones & Tablets (portrait and landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 1080px) {
    #wrapper { width: 1000px; }
    .phone-display {
        display:none;
    }
}

/* Smartphones (landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 950px) and (orientation : landscape) {
    /*#wrapper { width: 1000px; }*/
    #common-message {
        max-width: 680px;
        margin: 0 -20px;
    }
}

/*
@media only screen and (min-device-width : 320px) and (max-device-width : 950px) and (orientation : portrait) {
}*/

/* Smartphones (portrait) */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : portrait) {
    #common-message {
        max-width: 600px;
        margin: 0 -20px;
    }
}

/* Tablets */
/* iPads (portrait and landscape) 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #wrapper { width: 1000px; }
}*/

@media only screen and (min-device-width : 768px) and (max-device-width : 949px) and (orientation : portrait) {
    #common-message {
        max-width: 780px;
        margin: 0 -20px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .form-sheet .display-label label, .form-sheet .editor-label label {
        width:120px;
    }
    .form-sheet .col-right .small {
        width:120px;
    }
    .form-sheet .editor-field.indent-left {
        margin-left: 145px;
    }
    .form-sheet .validation-field {
        margin-left:140px;
    }
    .form-sheet .full {
        width:614px;
    }
    .form-sheet .notes {
        margin: 5px 5px 10px 145px;
    }
}
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}*/

@media only screen and (min-device-width : 950px) and (orientation : portrait) {
    #common-message {
        max-width: 742px;
    }
}


/* Desktops and laptops 
@media only screen and (min-width : 1224px) {
    #wrapper { max-width: none; width:98%;}
}*/

/* Large screens 
@media only screen and (min-width : 1824px) {
    #wrapper { max-width: none; width:98%;}
}*/

@media only screen and (min-device-width : 320px) and (max-device-width : 950px) {
    .form-sheet .display-label label, .form-sheet .editor-label label {
        width:100px;
    }
    .form-sheet .col-right .small {
        width:100px;
    }
    .form-sheet .editor-field.indent-left {
        margin-left: 125px;
    }
    .form-sheet .validation-field {
        margin-left:120px;
    }
    .form-sheet .full {
        width:614px;
    }
    .form-sheet .notes {
        margin: 5px 5px 10px 125px;
    }
}
@media only screen and (min-device-width : 951px) and (max-device-width : 1080px) {
    .form-sheet .display-label label, .form-sheet .editor-label label {
        width:120px;
    }
    .form-sheet .col-right .small {
        width:120px;
    }
    .form-sheet .editor-field.indent-left {
        margin-left: 145px;
    }
    .form-sheet .validation-field {
        margin-left:140px;
    }
    .form-sheet .full {
        width:614px;
    }
    .form-sheet .notes {
        margin: 5px 5px 10px 145px;
    }
}
@media only screen and (min-device-width : 1081px) and (max-device-width : 1280px) {
    .form-sheet .display-label label, .form-sheet .editor-label label {
        width:140px;
    }
    .form-sheet .col-right .small {
        width:160px;
    }
    .form-sheet .editor-field.indent-left {
        margin-left: 165px;
    }
    .form-sheet .validation-field {
        margin-left:140px;
    }
    .form-sheet .full {
        width:614px;
    }
    .form-sheet .notes {
        margin: 5px 5px 10px 165px;
    }
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {

    @page {
        margin: 1.27cm;
    }

    * {
        /*background: transparent !important;*/
        /*color: #000 !important;  Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important; 
    }

    body {
        background-color:transparent !important;
    }

    a,
    a:visited {
        text-decoration: none;
    }

    /*a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }
	
	tfoot { 
		display: table-footer-group;
	}
	
	tbody { 
		display: table-row-group;
	}

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    /*#wrapper {
        border:1px solid #eaeaea;
    }*/
    #header {
        border-top: 1px solid #ddd;
    }
    #footer {
        display:none;
        /*background:none;
        background-color: #252525;*/
    }

    /*#welcome,*/
    #cssmenu, 
    #searchform {
        display:none;
    }

    #content {
        margin:20px 0 0; padding:0;
        border:none;
    }

    .action-links a {
        display:none !important;
    }

    .login fieldset {
        background-color: #fff;
    }

    .noprint {
        display:none;
    }
}
/* From old version */
.page-number {
    position: relative;
    margin: -10px 0 20px;
    padding: 10px 10px 4px;
    background: #ebebeb; /*#f5f5f5;#6c6559;#1d3445*/
    border: 1px solid #c3c3c3;
    border-top: none;
}
.page-number p {
    color: #222;
    float:right;
}

/* Version 4.5.0 */
.pagination {
  display: inline-block;
  padding-left: 0;
  /*margin: 20px 0;*/
  margin-left:0;margin-bottom:0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
  margin:0;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 4px 8px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  color: #222222;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  /*background-color: #eeeeee;*/
  background: #4ab1e4;color:#fff;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}
