/* JQUERY UI HOOKS */

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-datepicker {
    z-index: 3 !important;
}

.ui-datepicker-buttonpane .ui-priority-secondary {
    opacity: 1 !important;
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}


/* GENERAL LAYOUT */

html {
    overflow-y: scroll;
}

html, body {
    height: 100%;
    font-family: "lucida grande", "Segoe UI", tahoma, arial, sans-serif;
}

body {
    font-family: arial, helvetica, sans-serif;
    font-size: small;
    color: #000000;
    background-color: #ffffff;
    margin: 0 0 0 0;
}

div, span, table, td, th, h1, h2, h3, h4, h5, h6, p, ul, li, img, form {
    padding: 0;
    margin: 0;
    border: 0;
}

#layoutWrapper {
    min-width: 1000px;
}


#layoutHeader {
    -webkit-box-shadow: -8px 1px 8px 0 #696969;
    -moz-box-shadow: -8px 1px 8px 0 #696969;
    box-shadow: -8px 1px 8px 0 #696969;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
}

#layoutHeader a {
    text-decoration: none;
}

#layoutHeaderTop {
    background-color: #31529C;
    height: 30px;
}

#layoutHeaderTop .logo {
    float: left;
    position: relative;
    top: 9px;
    left: 0px;
    padding-left: 12px;
    font-size: 23px;
    color: white;
    font-weight: bold;
    outline: none;
}

#layoutHeaderTop #langSelector {
    float: right;
    margin: 6px 1em 0 0;
}

#layoutHeaderTop #langSelector input[type="image"] {
    outline: none;
    border: 1px solid #777777;
    border-radius: 3px;
    cursor: pointer;
    opacity: 0.8;
    color: white;
}

#layoutHeaderTop #langSelector input[type="image"]:hover {
    opacity: 1;
}

#layoutHeaderBottom {
    width: 100%;
    height: 20px;
    background-color:black;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
}

#layoutHeaderBottom .logo {
    float: left;
    position: relative;
    top: -2px;
    left: 0px;
    padding-left: 40px;
    font-size: 16px;
    color: orange;
    font-weight: bold;
    outline: none;
}

#layoutCenter {
    width: 100%;
    clear: both;
}

#layoutLeftPanel {
    min-width: 200px;
    background-color: #EEEEEE;
    -webkit-box-shadow: 1px 0 8px #696969;
    -moz-box-shadow: 1px 0 8px #696969;
    box-shadow: 1px 0 8px #696969;
    vertical-align: top;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
}

#layoutContents {
    width: 100%;
    padding: 15px;
    font-family: tahoma, arial, sans-serif;
    vertical-align: top;
    text-align: left;
}

#layoutFooter {
    border-top: 1px dashed #BBBBBB;
    min-height: 50px;
    padding: 3px;
    margin-top: 10px;
    font-size: 10px;
    font-family: Tahoma;
    color: #696969;
}


/* Top Menu Links */

#layoutTopMenu {
    width: 100%;
    height: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #eeeeee;
    word-spacing: 0.5ex;
}

#layoutTopMenu a {
    white-space: nowrap;
    color: #eeeeee;
    text-decoration: none;
    text-transform: uppercase;
}

#layoutTopMenu a:hover,
#layoutTopMenu a:active {
    color: #cccccc;
}

#layoutTopMenu a.disabled,
#layoutTopMenu span.disabled {
    color: #888;
}

#layoutTopMenu a.disabled:hover,
#layoutTopMenu a.disabled:active {
    color: #999;
}

#layoutTopMenu a.selected,
#layoutTopMenu span.selected {
    color: #f66;
}

#layoutTopMenu a.selected:hover {
    color: #f66;
}


/* Left Menu Tree */

#layoutLeftMenu {
    margin: 0;
    padding: 10px 16px 25px 16px;
    width: 120px;
    min-height: 400px;
    overflow: hidden;
}

#layoutLeftMenu div.item {
    background: url('img/arrow.gif');
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 12px;
    margin: 0;
    font-family: Arial, tahoma, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000;
}

#layoutLeftMenu div.item.level1 {
    background: transparent;
    padding: 0;
    margin: 20px 0 0 0;
    text-transform: uppercase;
}

#layoutLeftMenu div.item.level2 { margin: 0 0 0 0 }
#layoutLeftMenu div.item.level3 { margin: 0 0 0 11px }
#layoutLeftMenu div.item.level4 { margin: 0 0 0 22px }
#layoutLeftMenu div.item.level5 { margin: 0 0 0 30px }
#layoutLeftMenu div.item.level6 { margin: 0 0 0 36px }

#layoutLeftMenu div.item .selected {
    font-weight: bold
}

#layoutLeftMenu div.item .disabled {
    color: #888
}

#layoutLeftMenu div.subitems {
/* padding: 0 0 2px 10px; */
}

#layoutLeftMenu a {
    color: #000;
    text-decoration: none
}

#layoutLeftMenu a.marked {
    color: red;
    font-weight: bold;
}


/* BASE STYLE */

pre, code, tt {
    font-size: small;
}

h1 {
    font-size: medium;
    font-weight:bold;
    font-style: normal;
    text-align:center;
}

h2 {
    font-size: medium;
    font-weight:bold;
    font-style: normal;
    text-align:left;
}

h3 {
    font-size: small;
    font-weight:bold;
    font-style: normal;
    text-align:left;
}

h4 {
    font-size: small;
    font-weight:bold;
    font-style: italic;
    text-align:left;
}

h5 {
    font-size: small;
    font-weight:normal;
    font-style: italic;
    text-align:left;
}

h6 {
    font-size: x-small;
    font-weight:normal;
    font-style: italic;
    text-align:left;
}

hr {
    color: #000; height: 1px;
}

/* links */

a { cursor: pointer; color: #449; text-decoration: none }
a:hover { color: #006; text-decoration: underline }

a.grey, span.grey-link { color: #888 !important; font-weight: bold; text-decoration: none; }
a.grey:hover, span.grey-link:hover { color: #444 !important; font-weight: bold; text-decoration: underline; }
span.grey-link { cursor: pointer }

a.blue, span.blue-link { cursor: pointer; color: #449 !important; font-weight: normal; text-decoration: none }
a.blue:hover, span.blue-link:hover { color: #006 !important; text-decoration: underline }
span.blue-link { cursor: pointer }

a.red-link, span.red-link { color: #FF0000 !important; font-weight: bold; text-decoration: none; }
a.red-link:hover, span.red-link:hover { color: #B00 !important; font-weight: bold; text-decoration: underline; }
span.red-link { cursor: pointer }

a.hidden, span.hidden-link { cursor: pointer; color: inherit; font-weight: inherit; text-decoration: inherit; display: inherit; }
a.hidden:hover, span.hidden-link:hover { color: inherit; text-decoration: underline }
span.hidden-link { cursor: pointer }


a.note { color: #888; font-weight: normal; font-size: 80%; text-decoration: none; }
a.note:hover { color: #444; text-decoration: underline; }

a.grey2 {color: #696969; text-decoration: none;}
a.grey2:active, a.big:hover {color: #696969; text-decoration: underline;}

a.black {color: #000000; font-style: normal; text-decoration: none;}
a.black:hover {text-decoration: underline;}

a.big {font-weight:bold; color:#000077; text-decoration:none;}
a.big:visited {font-weight:bold; color:#880000; text-decoration:none;}
a.big:hover {font-weight:bold; color:#0000ff; text-decoration:none;}


/* inputs */

.redforms select, .redforms input,
.greenforms select, .greenforms input {
    font-weight: bold;
    font-family: Arial;
    color:#31529c;
    background-color:#ffffff;
}

input.checkbox, input.radio { background: transparent }


/* formats */

h1 { color: #000; font-size: 25px; font-family: Tahoma; text-align: left; font-weight: normal; margin: 5px 0 20px 0 }
h2 { color: #a55; font-size: 18px; font-family: Arial; text-align: left; font-weight: normal; margin: 20px 0 12px 0 }
p { font-family: inherit; color: inherit; margin: 12px 0 12px 0 }
div { margin: 0; padding: 0 }
ul { margin: 0 0 4px 0; padding-left: 20px }
em { color: #660; font-style: italic }
.note { color: #888; font-size: 80% }
span.grey { color: #888; }
pre, code, tt { font-size: 12px; }
div.user-escaped { margin: 0 0 0 16px; background: #f4f4f4; border: 1px solid #eee; padding: 8px; font-family: Arial }
span.disabled { color: #aaa }


img { border: 0 }
form { margin: 0; padding: 0 }



/* tables */

/* nav */
table.nav { border: 1px solid #D8D8D8 }
table.nav td.navbar { background: #D2D2D2; font-family: Tahoma; vertical-align: middle; padding: 2px 6px 2px 6px; border: 1px solid #aaa; color: #000 }
table.nav td.navbar input.radio, table.nav td.navbar input.checkbox { background: #D2D2D2 }
table.nav th.navbarheader { background: #999; font-family: Tahoma; vertical-align: middle; padding: 2px 4px 4px 4px; color: #ddd; border: 1px solid #777; }
table.nav th.navbarheader input.radio, table.nav th.navbarheader input.checkbox { background: #999 }
table.nav th.navbarheader a { color: #fff }
table.nav .navbarheader2 th, table.nav th.navbarheader2 { background: #aaa; font-family: Tahoma; vertical-align: middle; padding: 2px 4px 4px 4px; color: #fff; font-weight: normal }
table.nav tr.grey td, table.nav td.grey { background: #eee; font-family: Tahoma; padding: 2px 4px 4px 4px; vertical-align: top; color: #444; border: 1px solid #ccc }
table.nav tr.grey td.moregrey { background: #e2e2e2; }
table.nav tr.grey.middle td { vertical-align: middle }
table.nav tr.odd-row td  { background: #ECECEC; font-family: Tahoma; padding: 3px 4px 3px 4px; color: #444; }
table.nav tr.odd-row td.moregrey, table.nav tr.odd-row td.strong { background: #EEEEDD; }
table.nav tr.even-row td { background: #D8D8D8; font-family: Tahoma; padding: 3px 4px 3px 4px; color: #444; }
table.nav tr.even-row td.moregrey, table.nav tr.even-row td.strong { background: #DEDECD; }
table.nav tr.footnote > td { background: #f2f2f2; border-top: 1px dashed #aaa; padding: 5px 8px; }
table.nav tr.footnote > td.strong { background: #f4f4eb; }
table.nav tr.headnote > td { background: #f2f2f2; border-bottom: 1px dashed #aaa; padding: 5px 8px; }
table.nav tr.headnote > td.strong { background: #f4f4eb; }
table.nav tr.midnote > td { background: #f2f2f2; border-top: 1px dashed #aaa; border-bottom: 1px dashed #aaa; padding: 5px 8px; }
table.nav tr.midnote > td.strong { background: #f4f4eb; }

/* grey */
table.grey { border: 1px solid #D8D8D8 }
table.grey th { text-align: left; font-family: Tahoma; vertical-align: middle; padding: 5px 8px; color: #fff; font-weight: bold; }
table.grey > tr > th, table.grey > thead > tr > th, table.grey > tbody > tr > th { background: #9CA498; }
table.grey th.strong { background: #ABB19B; }
table.grey td { padding: 5px 8px; font-family: Tahoma; vertical-align: middle; }
table.grey > tr > td, table.grey > tbody > tr > td { background: #ECECEC; }
table.grey td input.radio, table.grey td input.checkbox { background: #ECECEC }
table.grey td .dim { color: #888 }
table.grey td.strong, table.grey td.strong input.radio, table.grey td.strong input.checkbox { background: #EEEEDD }
table.grey tr.strong > td, table.grey tr.strong > td input.radio, table.grey tr.strong > td input.checkbox { background: #D8D8D8 }
table.grey tr.strong > td.strong, table.grey tr.strong > td.strong input.radio, table.grey tr.strong > td.strong input.checkbox { background: #DEDECD }
table.grey tr.strong > td.red { background: #DFB6B6 }
table.grey tr.footnote > td { background: #f2f2f2; border-top: 1px dashed #aaa; }
table.grey tr.footnote > td.strong { background: #f4f4eb; }
table.grey tr.headnote > td { background: #f2f2f2; border-bottom: 1px dashed #aaa; }
table.grey tr.headnote > td.strong { background: #f4f4eb; }
table.grey tr.midnote > td { background: #f2f2f2; border-top: 1px dashed #aaa; border-bottom: 1px dashed #aaa; }
table.grey tr.midnote > td.strong { background: #f4f4eb; }
table.grey tr.green td, table.grey td.green { background: #e2ece2 }
table.grey tr.green td.strong, table.grey td.green.strong { background: #e4eed3 }
table.grey tr.green.strong td.strong, table.grey tr.strong > td.green.strong { background: #d4dec3 }
table.grey tr.red td, table.grey td.red { background: #ece2e2 }
table.grey tr.red td.strong, table.grey td.red.strong { background: #eee4d3 }
table.grey tr.red.strong td.strong, table.grey tr.strong > td.red.strong { background: #ded4c3 }

/* forms */

.greenforms > table.grey { width: 100%; border-spacing: 1; }
.greenforms input[type="text"], .greenforms input[type="email"], .greenforms input[type="url"], .greenforms input[type="number"], .greenforms input.text, .greenforms select, .greenforms textarea { border: 1px solid #A4B97F; font-family: Tahoma; font-size: 12px; padding: 2px; font-weight: normal; color: #666 }
.greenforms textarea.fixedfont { font-family: courier }
.greenforms button.submit,
.greenforms input.submit { font-family: Tahoma; font-size: 10px; text-transform: uppercase; color: #fff; padding: 2px 5px 2px 5px; background: #A4B97F; border: 1px solid #A4B97F; font-style: normal; font-weight: normal }
.greenforms button.submit:hover,
.greenforms input.submit:hover { background: #7C8C60; text-decoration: none; border: 1px solid #434C34; }
.greenforms button.submit:disabled,
.greenforms input.submit:disabled { background: #c0c0c0; font-size: 10px; text-transform: uppercase;color: #fff;padding: 2px 5px 2px 5px;text-decoration: none; border: 1px solid #909090; font-style: normal; font-weight: normal}
.greenforms table.SWI-Frame div { border: 1px solid #C0C0C0; margin-top: 1px }
.greenforms table.SWI-Table tr:hover { background-color: #E3E3E3; cursor: pointer }
.greenforms table.SWI-Table td { padding: 5px; border-bottom: 1px solid #E3E3E3; color: #888; font-size: 90%; text-align: right}
.greenforms div.SWI-TextBox { border: 1px solid #A4B97F; padding-right: 3px; padding-top: 3px }
.greenforms div.SWI-TextBox input { border: 0; font-family: Tahoma; font-size: 11px; padding: 1px; font-weight: normal; color: #666; height: 13px; margin-top: 0; margin-left: 2px; margin-bottom: 3px; margin-right: 1px }
.greenforms span.form-error { color: #d00; font-weight: bold; margin-top: 2px; }
.redforms > table.grey { width: 100%; border-spacing: 1; }
.redforms input[type="text"], .redforms input[type="email"], .redforms input[type="url"], .redforms input[type="number"], .redforms input.text, .redforms select, .redforms textarea { border: 1px solid #C39292; font-family: Tahoma; font-size: 12px; padding: 2px; font-weight: normal; color: #666 }
.redforms textarea.fixedfont { font-family: courier }
.redforms button.submit,
.redforms input.submit { font-family: Tahoma; font-size: 10px; text-transform: uppercase; color: #fff; padding: 2px 5px 2px 5px; background: #C37070; border: 1px solid #C37070; font-style: normal; font-weight: normal }
.redforms button.submit:hover,
.redforms input.submit:hover { background: #a44; text-decoration: none; border: 1px solid #a44; }
.redforms button.submit:disabled,
.redforms input.submit:disabled { background: #c0c0c0; font-size: 10px; text-transform: uppercase;color: #fff;padding: 2px 5px 2px 5px;text-decoration: none; border: 1px solid #909090; font-style: normal; font-weight: normal}
.redforms table.SWI-Frame div { border: 1px solid #C0C0C0; margin-top: 1px }
.redforms table.SWI-Table tr:hover { background-color: #E3E3E3; cursor: pointer }
.redforms table.SWI-Table td { padding: 5px; border-bottom: 1px solid #E3E3E3; color: #888; font-size: 90%; text-align: right}
.redforms div.SWI-TextBox { border: 1px solid #C39292; padding-right: 3px; padding-top: 3px }
.redforms div.SWI-TextBox input { border: 0; font-family: Tahoma; font-size: 11px; padding: 1px; font-weight: normal; color: #666; height: 13px; margin-top: 0; margin-left: 2px; margin-bottom: 3px; margin-right: 1px }
.redforms div.form-error { color: #d00; font-weight: bold; margin-top: 2px;}

input.button { font-family: Tahoma; color: #fff; padding: 2px 5px 2px 5px; background: #aaa; border: 1px solid #fff; font-style: normal; font-weight: normal }
input.button:hover { background: #363; text-decoration: none; }

input[disabled], select[disabled], textarea[disabled] {
    background-color: #d0d0d0;
}

/* selectors */

.selector .greenforms input.watermarked {
    color: #AAA;
    font-size: 10px
}

.selector .greenforms table.selector-popup {
    background: #fff;
    border: 1px solid #A4B97F;
    padding: 0;
    height: auto;
    color: #000;
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: Tahoma;
    font-size: 12px;
    text-align: left;
    z-index: 100;
}

.selector .greenforms table.selector-popup tr td {
    cursor: default;
    background: #fff;
    padding: 3px 5px !important;
    border: 0
}

.selector .greenforms table.selector-popup tr.highlighted * {
    background: #A4B97F;
    color: #fff !important;
}

.selector .greenforms table.selector-popup tr.stats > td {
    padding: 0 !important;
}

.selector .greenforms table.selector-popup tr.stats table td {
    padding: 1px 1px !important;
    vertical-align: top;
}

.selector .greenforms table.selector-popup tr.stats table td:first-child {
    padding-top: 3px !important;
}

.selector .greenforms table.selector-popup tr.stats td {
    background: #7C8C60;
    color: #fff;
    font-size: 10px;
}

.selector .greenforms table.selector-popup tr.stats div {
    text-align: right;
    border-top: 1px solid #8b8;
    padding: 2px 5px;
    margin-bottom: 2px;
}

.selector .greenforms table.selector-popup tr td.wait {
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    padding-left: 23px !important;
}

.selector .greenforms table.selector-popup tr.stats div.comment-info {
    color: #ded;
}

.selector .greenforms table.selector-popup tr.stats div.comment-notice {
    color: #ee4;
    font-weight: bold
}

.selector .redforms input.watermarked {
    color: #AAA;
    font-size: 10px
}

.selector .redforms table.selector-popup {
    background: #fff;
    border: 1px solid #a44;
    padding: 0;
    height: auto;
    color: #000;
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: Tahoma;
    font-size: 12px;
    text-align: left;
    z-index: 100;
}

.selector .redforms table.selector-popup tr td {
    cursor: default;
    background: #fff;
    padding: 3px 5px !important;
    border: 0
}

.selector .redforms table.selector-popup tr.highlighted * {
    background: #C39292;
    color: #fff !important;
}

.selector .redforms table.selector-popup tr.stats > td {
    padding: 0 !important;
}

.selector .redforms table.selector-popup tr.stats table td {
    padding: 1px 1px !important;
    vertical-align: top;
}

.selector .redforms table.selector-popup tr.stats table td:first-child {
    padding-top: 3px !important;
}

.selector .redforms table.selector-popup tr.stats td {
    background: #a44;
    color: #fff;
    font-size: 10px
}

.selector .redforms table.selector-popup tr.stats div {
    text-align: right;
    border-top: 1px solid #c88;
    padding: 2px 5px;
}

.selector .redforms table.selector-popup tr td.wait {
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    padding-left: 23px !important;
}

.selector .redforms table.selector-popup tr.stats div.comment-info {
    color: #edd;
}

.selector .redforms table.selector-popup tr.stats div.comment-notice {
    color: #ff8;
    font-weight: bold
}


/* print */

@media print {
    .do-not-print { display: none }
    table.nav { border-left: 1px solid #bbb; border-top: 1px solid #bbb; border-right: 0; border-bottom: 0; border-spacing: 0 }
    table.nav td.navbar { text-align: center; border-top: 0; border-left: 0; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb }
    table.nav th.navbarheader { border-top: 0; border-left: 0; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb }
    table.nav th.navbarheader2, table.nav .navbarheader2 th { padding: 0 4px 0 4px; border-top: 0; border-left: 0; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
    table.nav tr.grey td, table.nav td.grey { padding: 0 4px 0 4px; color: #000; border-top: 0; border-left: 0; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb }
    input, select { border: 1px solid #888; background: #fff; color: #000 }
    em { font-style: italic }
}

@media screen {
    .do-not-screen { display: none }
}


/* tooltips */

.ui-tooltip.tooltipPopup {
    background: #FFFFE1;
    border: 1px solid #000;
    padding: 2px 5px 2px 5px;
    font-family: Tahoma;
    font-size: 12px;
    border-radius: 0;
    box-shadow: none;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.ui-tooltip.tooltipPopup .note {
    color: #888;
    font-size: 80%;
}



/* COMMON */

.align-right  { text-align: right  !important; }
.align-left   { text-align: left   !important; }
.align-center { text-align: center !important; }

.valign-top    { vertical-align: top    !important; }
.valign-bottom { vertical-align: bottom !important; }
.valign-middle { vertical-align: middle !important; }

.float-left  { float: left; }
.float-right { float: right; }

.clear-left {clear: left; }
.clear-right {clear: right; }
.clear-both {clear: both; }

.width-0    { width: 0    !important; }
.width-25   { width: 25%  !important; }
.width-33   { width: 33%  !important; }
.width-50   { width: 50%  !important; }
.width-66   { width: 66%  !important; }
.width-75   { width: 75%  !important; }
.width-100  { width: 100% !important; }
.width-auto { width: auto !important; }

.min-width-400  { min-width: 400px  !important; }
.min-width-600  { min-width: 600px  !important; }
.min-width-800  { min-width: 800px  !important; }
.min-width-1000 { min-width: 1000px !important; }

.max-width-800  { max-width: 800px  !important; }
.max-width-1000 { max-width: 1000px !important; }
.max-width-1200 { max-width: 1200px !important; }
.max-width-1400 { max-width: 1400px !important; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

.hidden     { display: none; }
.inline     { display: inline; }
.block      { display: block; }
.table-row  { display: table-row; }
.table-cell { display: table-cell; }

.invisible { visibility: hidden; }

.absolute { position: absolute !important; }
.relative { position: relative !important; }
.fixed    { position: fixed    !important; }
.static   { position: static   !important; }


.bold   { font-weight: bold;  }
.italic { font-style: italic; }

.red   { color: #AA4444 !important; }
.green { color: #A4B97F !important; }

.darkred   { color: #963030 !important; }
.darkgreen { color: #7c9157 !important; }

.lightred   { color: #e52b2b !important; }
.lightgreen { color: #aaeb85 !important; }

.black { color: #000000 !important; }

.padding-0  { padding: 0    !important; }
.padding-3  { padding: 3px  !important; }
.padding-5  { padding: 5px  !important; }
.padding-10 { padding: 10px !important; }
.padding-15 { padding: 15px !important; }
.padding-20 { padding: 20px !important; }


td.three-column {
    width: 33% !important;
    vertical-align: top;
}

td.two-column {
    width: 50% !important;
    vertical-align: top;
}

td.four-column {
    width: 25% !important;
    vertical-align: top;
}



td.msg-row {
    border: 1px dashed;
}

td.msg-row.success {
    background-color: #DFF8D8 !important;
    border-color: #98BA9D;
    color: #2B6427;
}

td.msg-row.error {
    background-color: #E9BEBE !important;
    border-color: #be3f3f;
    color: #732626;
}

td.msg-row.warning {
    background-color: #fbe59b !important;
    border-color: #8F0000;
    color: #8F0000;
}


input.invalid {
    background: none repeat scroll 0 0 #ee9892;
}

input.valid {
    background: none repeat scroll 0 0 #dff8d8;
}


.redforms input.watermark,
.greenforms input.watermark {
    color: #AAA !important;
    font-size: 10px !important;
    vertical-align: middle !important;
}


.bg-red { background: #dd9898 !important; }

table.bg-red td, table.bg-red th,
tbody.bg-red td, tbody.bg-red th,
tr.bg-red td, tr.bg-red th,
td.bg-red, th.bg-red {
    background: #dd9898;
}

.bg-green { background: #C9E4C1 !important; }

table.bg-green td, table.bg-green th,
tbody.bg-green td, tbody.bg-green th,
tr.bg-green td, tr.bg-green th,
td.bg-green, th.bg-green {
    background: #C9E4C1;
}

.bg-white { background: white !important; }

table.bg-white td, table.bg-white th,
tbody.bg-white td, tbody.bg-white th,
tr.bg-white td, tr.bg-white th,
td.bg-white, th.bg-white {
    background: white;
}

.bg-grey { background: #e2e2e2 !important; }

table.bg-grey td, table.bg-grey th,
tbody.bg-grey td, tbody.bg-grey th,
tr.bg-grey td, tr.bg-grey th,
td.bg-grey, th.bg-grey {
    background: #e2e2e2;
}

.bg-none { background: none !important; }

table.bg-none td, table.bg-none th,
tbody.bg-none td, tbody.bg-none th,
tr.bg-none td, tr.bg-none th,
td.bg-none, th.bg-none {
    background: none;
}

div.char-counter {
    font-size: 85%;
    color: rgb(136, 136, 136);
    display: inline;
}

span.limit-counter {
    color: #bb77bb;
    font-weight: bold;
}

span.limit-counter-exceeded {
    color: #dd0000;
    font-weight: bold;
}

.field-limit-exceeded {
    background: none repeat scroll 0 0 #ee9892 !important;
    /*background-color: #ffeb99 !important;*/
    /*border-color: #dd0000 !important;*/
    /*border-width: 2px !important;*/
    /*border-style: dotted !important;*/
}

#rectangle {
	width: 30px;
	height: 20px;
	background-color: #F34A53;
	margin: 0;
}