/*! normalize.css v1.0.0 | MIT License | git.io/normalize */

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

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


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

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

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

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

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

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

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

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents 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 */
}

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

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

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

body {
    margin: 0;
}

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

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

a:focus {
    outline: thin dotted;
}

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

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

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

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses 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.75em;
    margin: 2.33em 0;
}

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

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

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

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

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

dfn {
    font-style: italic;
}

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

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

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

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects 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;
}

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

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

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

q {
    quotes: none;
}

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

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

small {
    font-size: 75%;
}

/*
 * Prevents `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
   ========================================================================== */

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

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

dd {
    margin: 0 0 0 40px;
}

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

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

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

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

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

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

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

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

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

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

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

figure {
    margin: 0;
}

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

/*
 * Corrects 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. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

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

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves 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 */
}

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

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes 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],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes 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. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `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;
}

/*
 * Removes 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;
}

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

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

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves 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;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
   display: none;
}

.ui-helper-hidden-accessible {
   position: absolute;
   left: -99999999px;
}

.ui-helper-reset {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   line-height: 1.3;
   text-decoration: none;
   font-size: 100%;
   list-style: none;
}

.ui-helper-clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.ui-helper-clearfix {
   display: inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
   height: 1%;
}

.ui-helper-clearfix {
   display: block;
}

/* end clearfix */
.ui-helper-zfix {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   opacity: 0;
   filter: Alpha(Opacity = 0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
   cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
   display: block;
   text-indent: -99999px;
   overflow: hidden;
   background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=333333&bgTextureHeader=08_diagonals_thick.png&bgImgOpacityHeader=8&borderColorHeader=a3a3a3&fcHeader=eeeeee&iconColorHeader=bbbbbb&bgColorContent=f9f9f9&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=cccccc&fcContent=222222&iconColorContent=222222&bgColorDefault=111111&bgTextureDefault=02_glass.png&bgImgOpacityDefault=40&borderColorDefault=777777&fcDefault=e3e3e3&iconColorDefault=ededed&bgColorHover=1c1c1c&bgTextureHover=02_glass.png&bgImgOpacityHover=55&borderColorHover=000000&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=cccccc&fcActive=222222&iconColorActive=222222&bgColorHighlight=ffeb80&bgTextureHighlight=06_inset_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=ffde2e&fcHighlight=363636&iconColorHighlight=4ca300&bgColorError=cd0a0a&bgTextureError=06_inset_hard.png&bgImgOpacityError=45&borderColorError=9e0505&fcError=ffffff&iconColorError=ffcf29&bgColorOverlay=aaaaaa&bgTextureOverlay=04_highlight_hard.png&bgImgOpacityOverlay=40&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=03_highlight_soft.png&bgImgOpacityShadow=50&opacityShadow=20&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/

/* Component containers
----------------------------------*/
.ui-widget {
   font-family: Verdana, Arial, sans-serif;
   font-size: 1.1em;
}

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

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
   font-family: Verdana, Arial, sans-serif;
   font-size: 1em;
}

.ui-widget-content {
   border: 1px solid #cccccc;
   background: #f9f9f9 url("/assets/black-tie/images/ui-bg_highlight-hard_100_f9f9f9_1x100-85a90745930b875a31842fde3f5d0ae9.png") 50% top repeat-x;
   color: #222222;
}

.ui-widget-content a {
   color: #222222;
}

.ui-widget-header {
   border: 1px solid #a3a3a3;
   background: #333333 url("/assets/black-tie/images/ui-bg_diagonals-thick_8_333333_40x40-97c71074fc98397449843ee81b4bb629.png") 50% 50% repeat;
   color: #eeeeee;
   font-weight: bold;
}

.ui-widget-header a {
   color: #eeeeee;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
   border: 1px solid #777777;
   background: #111111 url("/assets/black-tie/images/ui-bg_glass_40_111111_1x400-2b2963867417309c689592b2e3673f61.png") 50% 50% repeat-x;
   font-weight: normal;
   color: #e3e3e3;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
   color: #e3e3e3;
   text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
   border: 1px solid #000000;
   background: #1c1c1c url("/assets/black-tie/images/ui-bg_glass_55_1c1c1c_1x400-1c8cacc093879c225b76d205d3922055.png") 50% 50% repeat-x;
   font-weight: normal;
   color: #ffffff;
}

.ui-state-hover a, .ui-state-hover a:hover {
   color: #ffffff;
   text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active {
   border: 1px solid #cccccc;
   background: #ffffff url("/assets/black-tie/images/ui-bg_flat_65_ffffff_40x100-d18e8affeba7ab0c6d4dcdd2477c53bb.png") 50% 50% repeat-x;
   font-weight: normal;
   color: #222222;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
   color: #222222;
   text-decoration: none;
}

.ui-widget :active {
   outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
   border: 1px solid #ffde2e;
   background: #ffeb80 url("/assets/black-tie/images/ui-bg_inset-hard_55_ffeb80_1x100-755d5cd2fbfbdea5ed9e4b400000bf41.png") 50% bottom repeat-x;
   color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
   color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error {
   border: 1px solid #9e0505;
   background: #cd0a0a url("/assets/black-tie/images/ui-bg_inset-hard_45_cd0a0a_1x100-9bfee15e45f051e4047dee8979d44f1e.png") 50% bottom repeat-x;
   color: #ffffff;
}

.ui-state-error a, .ui-widget-content .ui-state-error a {
   color: #ffffff;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text {
   color: #ffffff;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary {
   font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
   opacity: .7;
   filter: Alpha(Opacity = 70);
   font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled {
   opacity: .35;
   filter: Alpha(Opacity = 35);
   background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
   width: 16px;
   height: 16px;
   background-image: url("/assets/black-tie/images/ui-icons_222222_256x240-a4f64b48546753694caeef317a2ab0b0.png");
}

.ui-widget-content .ui-icon {
   background-image: url("/assets/black-tie/images/ui-icons_222222_256x240-a4f64b48546753694caeef317a2ab0b0.png");
}

.ui-widget-header .ui-icon {
   background-image: url("/assets/black-tie/images/ui-icons_bbbbbb_256x240-510204e91c508f5d2eb9375d97dff287.png");
}

.ui-state-default .ui-icon {
   background-image: url("/assets/black-tie/images/ui-icons_ededed_256x240-59985f374cb5c66b967a33e425ac364b.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
   background-image: url("/assets/black-tie/images/ui-icons_ffffff_256x240-a3e068bad480e42b8f4fb30aaf45b379.png");
}

.ui-state-active .ui-icon {
   background-image: url("/assets/black-tie/images/ui-icons_222222_256x240-a4f64b48546753694caeef317a2ab0b0.png");
}

.ui-state-highlight .ui-icon {
   background-image: url("/assets/black-tie/images/ui-icons_4ca300_256x240-4f2d88248c150a5a7520992e188e3b34.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
   background-image: url("/assets/black-tie/images/ui-icons_ffcf29_256x240-aa29c7b329d224faa38ecd56b94c95d2.png");
}

/* positioning */
.ui-icon-carat-1-n {
   background-position: 0 0;
}

.ui-icon-carat-1-ne {
   background-position: -16px 0;
}

.ui-icon-carat-1-e {
   background-position: -32px 0;
}

.ui-icon-carat-1-se {
   background-position: -48px 0;
}

.ui-icon-carat-1-s {
   background-position: -64px 0;
}

.ui-icon-carat-1-sw {
   background-position: -80px 0;
}

.ui-icon-carat-1-w {
   background-position: -96px 0;
}

.ui-icon-carat-1-nw {
   background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
   background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
   background-position: -144px 0;
}

.ui-icon-triangle-1-n {
   background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
   background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
   background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
   background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
   background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
   background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
   background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
   background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
   background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
   background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
   background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
   background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
   background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
   background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
   background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
   background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
   background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
   background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
   background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
   background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
   background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
   background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
   background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
   background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
   background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
   background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
   background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
   background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
   background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
   background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
   background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
   background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
   background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
   background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
   background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
   background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
   background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
   background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
   background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
   background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
   background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
   background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
   background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
   background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
   background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
   background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
   background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
   background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
   background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
   background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
   background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
   background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
   background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
   background-position: -176px -64px;
}

.ui-icon-arrow-4 {
   background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
   background-position: -16px -80px;
}

.ui-icon-extlink {
   background-position: -32px -80px;
}

.ui-icon-newwin {
   background-position: -48px -80px;
}

.ui-icon-refresh {
   background-position: -64px -80px;
}

.ui-icon-shuffle {
   background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
   background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
   background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
   background-position: 0 -96px;
}

.ui-icon-folder-open {
   background-position: -16px -96px;
}

.ui-icon-document {
   background-position: -32px -96px;
}

.ui-icon-document-b {
   background-position: -48px -96px;
}

.ui-icon-note {
   background-position: -64px -96px;
}

.ui-icon-mail-closed {
   background-position: -80px -96px;
}

.ui-icon-mail-open {
   background-position: -96px -96px;
}

.ui-icon-suitcase {
   background-position: -112px -96px;
}

.ui-icon-comment {
   background-position: -128px -96px;
}

.ui-icon-person {
   background-position: -144px -96px;
}

.ui-icon-print {
   background-position: -160px -96px;
}

.ui-icon-trash {
   background-position: -176px -96px;
}

.ui-icon-locked {
   background-position: -192px -96px;
}

.ui-icon-unlocked {
   background-position: -208px -96px;
}

.ui-icon-bookmark {
   background-position: -224px -96px;
}

.ui-icon-tag {
   background-position: -240px -96px;
}

.ui-icon-home {
   background-position: 0 -112px;
}

.ui-icon-flag {
   background-position: -16px -112px;
}

.ui-icon-calendar {
   background-position: -32px -112px;
}

.ui-icon-cart {
   background-position: -48px -112px;
}

.ui-icon-pencil {
   background-position: -64px -112px;
}

.ui-icon-clock {
   background-position: -80px -112px;
}

.ui-icon-disk {
   background-position: -96px -112px;
}

.ui-icon-calculator {
   background-position: -112px -112px;
}

.ui-icon-zoomin {
   background-position: -128px -112px;
}

.ui-icon-zoomout {
   background-position: -144px -112px;
}

.ui-icon-search {
   background-position: -160px -112px;
}

.ui-icon-wrench {
   background-position: -176px -112px;
}

.ui-icon-gear {
   background-position: -192px -112px;
}

.ui-icon-heart {
   background-position: -208px -112px;
}

.ui-icon-star {
   background-position: -224px -112px;
}

.ui-icon-link {
   background-position: -240px -112px;
}

.ui-icon-cancel {
   background-position: 0 -128px;
}

.ui-icon-plus {
   background-position: -16px -128px;
}

.ui-icon-plusthick {
   background-position: -32px -128px;
}

.ui-icon-minus {
   background-position: -48px -128px;
}

.ui-icon-minusthick {
   background-position: -64px -128px;
}

.ui-icon-close {
   background-position: -80px -128px;
}

.ui-icon-closethick {
   background-position: -96px -128px;
}

.ui-icon-key {
   background-position: -112px -128px;
}

.ui-icon-lightbulb {
   background-position: -128px -128px;
}

.ui-icon-scissors {
   background-position: -144px -128px;
}

.ui-icon-clipboard {
   background-position: -160px -128px;
}

.ui-icon-copy {
   background-position: -176px -128px;
}

.ui-icon-contact {
   background-position: -192px -128px;
}

.ui-icon-image {
   background-position: -208px -128px;
}

.ui-icon-video {
   background-position: -224px -128px;
}

.ui-icon-script {
   background-position: -240px -128px;
}

.ui-icon-alert {
   background-position: 0 -144px;
}

.ui-icon-info {
   background-position: -16px -144px;
}

.ui-icon-notice {
   background-position: -32px -144px;
}

.ui-icon-help {
   background-position: -48px -144px;
}

.ui-icon-check {
   background-position: -64px -144px;
}

.ui-icon-bullet {
   background-position: -80px -144px;
}

.ui-icon-radio-off {
   background-position: -96px -144px;
}

.ui-icon-radio-on {
   background-position: -112px -144px;
}

.ui-icon-pin-w {
   background-position: -128px -144px;
}

.ui-icon-pin-s {
   background-position: -144px -144px;
}

.ui-icon-play {
   background-position: 0 -160px;
}

.ui-icon-pause {
   background-position: -16px -160px;
}

.ui-icon-seek-next {
   background-position: -32px -160px;
}

.ui-icon-seek-prev {
   background-position: -48px -160px;
}

.ui-icon-seek-end {
   background-position: -64px -160px;
}

.ui-icon-seek-start {
   background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
   background-position: -80px -160px;
}

.ui-icon-stop {
   background-position: -96px -160px;
}

.ui-icon-eject {
   background-position: -112px -160px;
}

.ui-icon-volume-off {
   background-position: -128px -160px;
}

.ui-icon-volume-on {
   background-position: -144px -160px;
}

.ui-icon-power {
   background-position: 0 -176px;
}

.ui-icon-signal-diag {
   background-position: -16px -176px;
}

.ui-icon-signal {
   background-position: -32px -176px;
}

.ui-icon-battery-0 {
   background-position: -48px -176px;
}

.ui-icon-battery-1 {
   background-position: -64px -176px;
}

.ui-icon-battery-2 {
   background-position: -80px -176px;
}

.ui-icon-battery-3 {
   background-position: -96px -176px;
}

.ui-icon-circle-plus {
   background-position: 0 -192px;
}

.ui-icon-circle-minus {
   background-position: -16px -192px;
}

.ui-icon-circle-close {
   background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
   background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
   background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
   background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
   background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
   background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
   background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
   background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
   background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
   background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
   background-position: -192px -192px;
}

.ui-icon-circle-check {
   background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
   background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
   background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
   background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
   background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
   background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
   background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
   background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
   background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
   background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
   background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
   background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
   background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl {
   -moz-border-radius-topleft: 4px;
   -webkit-border-top-left-radius: 4px;
   border-top-left-radius: 4px;
}

.ui-corner-tr {
   -moz-border-radius-topright: 4px;
   -webkit-border-top-right-radius: 4px;
   border-top-right-radius: 4px;
}

.ui-corner-bl {
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.ui-corner-br {
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

.ui-corner-top {
   -moz-border-radius-topleft: 4px;
   -webkit-border-top-left-radius: 4px;
   border-top-left-radius: 4px;
   -moz-border-radius-topright: 4px;
   -webkit-border-top-right-radius: 4px;
   border-top-right-radius: 4px;
}

.ui-corner-bottom {
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

.ui-corner-right {
   -moz-border-radius-topright: 4px;
   -webkit-border-top-right-radius: 4px;
   border-top-right-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

.ui-corner-left {
   -moz-border-radius-topleft: 4px;
   -webkit-border-top-left-radius: 4px;
   border-top-left-radius: 4px;
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.ui-corner-all {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
   background: #aaaaaa url("/assets/black-tie/images/ui-bg_highlight-hard_40_aaaaaa_1x100-44c1fd0d05be98a146b5fbbac428430a.png") 50% top repeat-x;
   opacity: .30;
   filter: Alpha(Opacity = 30);
}

.ui-widget-shadow {
   margin: -8px 0 0 -8px;
   padding: 8px;
   background: #aaaaaa url("/assets/black-tie/images/ui-bg_highlight-soft_50_aaaaaa_1x100-1042d0ce8d97437c5b5f1b65745ea1af.png") 50% top repeat-x;
   opacity: .20;
   filter: Alpha(Opacity = 20);
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
}

/* Resizable
----------------------------------*/
.ui-resizable {
   position: relative;
}

.ui-resizable-handle {
   position: absolute;
   font-size: 0.1px;
   z-index: 99999;
   display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
   display: none;
}

.ui-resizable-n {
   cursor: n-resize;
   height: 7px;
   width: 100%;
   top: -5px;
   left: 0;
}

.ui-resizable-s {
   cursor: s-resize;
   height: 7px;
   width: 100%;
   bottom: -5px;
   left: 0;
}

.ui-resizable-e {
   cursor: e-resize;
   width: 7px;
   right: -5px;
   top: 0;
   height: 100%;
}

.ui-resizable-w {
   cursor: w-resize;
   width: 7px;
   left: -5px;
   top: 0;
   height: 100%;
}

.ui-resizable-se {
   cursor: se-resize;
   width: 12px;
   height: 12px;
   right: 1px;
   bottom: 1px;
}

.ui-resizable-sw {
   cursor: sw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   bottom: -5px;
}

.ui-resizable-nw {
   cursor: nw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   top: -5px;
}

.ui-resizable-ne {
   cursor: ne-resize;
   width: 9px;
   height: 9px;
   right: -5px;
   top: -5px;
}

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header {
   cursor: pointer;
   position: relative;
   margin-top: 1px;
   zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
   display: inline;
}

.ui-accordion .ui-accordion-header-active {
   border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
   display: block;
   font-size: 1em;
   padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
   padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
   position: absolute;
   left: .5em;
   top: 50%;
   margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
   padding: 1em 2.2em;
   border-top: 0;
   margin-top: -2px;
   position: relative;
   top: 1px;
   margin-bottom: 2px;
   overflow: auto;
   display: none;
   zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
   display: block;
}

/* Autocomplete
----------------------------------*/
.ui-autocomplete {
   position: absolute;
   cursor: default;
}

.ui-autocomplete-loading {
   background: white url("/assets/black-tie/images/ui-anim_basic_16x16.gif") right center no-repeat;
}

/* workarounds */
* html .ui-autocomplete {
   width: 1px;
}

/* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
   list-style: none;
   padding: 2px;
   margin: 0;
   display: block;
}

.ui-menu .ui-menu {
   margin-top: -3px;
}

.ui-menu .ui-menu-item {
   margin: 0;
   padding: 0;
   width: 100%;
}

.ui-menu .ui-menu-item a {
   text-decoration: none;
   display: block;
   padding: .2em .4em;
   line-height: 1.5;
   zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
   margin: -1px;
}

/* Button
----------------------------------*/

.ui-button {
   display: inline-block;
   position: relative;
   padding: 0;
   margin-right: .1em;
   text-decoration: none !important;
   cursor: pointer;
   text-align: center;
   zoom: 1;
   overflow: visible;
}

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
   width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
   width: 2.4em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
   width: 3.4em;
}

button.ui-button-icons-only {
   width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
   display: block;
   line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
   padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
   padding: .4em;
   text-indent: -9999999px;
}

.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text {
   padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icons .ui-button-text {
   padding-left: 2.1em;
   padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
   padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
   position: absolute;
   top: 50%;
   margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
   left: 50%;
   margin-left: -8px;
}

.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
   left: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
   right: .5em;
}

/*button sets*/
.ui-buttonset {
   margin-right: 7px;
}

.ui-buttonset .ui-button {
   margin-left: 0;
   margin-right: -.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
   border: 0;
   padding: 0;
}

/* reset extra padding in Firefox */

/* Dialog
----------------------------------*/
.ui-dialog {
   position: absolute;
   padding: .2em;
   width: 300px;
   overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
   padding: .5em 1em .3em;
   position: relative;
}

.ui-dialog .ui-dialog-title {
   float: left;
   margin: .1em 16px .2em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
   position: absolute;
   right: .3em;
   top: 50%;
   width: 19px;
   margin: -10px 0 0 0;
   padding: 1px;
   height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
   display: block;
   margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
   padding: 0;
}

.ui-dialog .ui-dialog-content {
   border: 0;
   padding: .5em 1em;
   background: none;
   overflow: auto;
   zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
   text-align: left;
   border-width: 1px 0 0 0;
   background-image: none;
   margin: .5em 0 0 0;
   padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane button {
   float: right;
   margin: .5em .4em .5em 0;
   cursor: pointer;
   padding: .2em .6em .3em .6em;
   line-height: 1.4em;
   width: auto;
   overflow: visible;
}

.ui-dialog .ui-resizable-se {
   width: 14px;
   height: 14px;
   right: 3px;
   bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
   cursor: move;
}

/* Slider
----------------------------------*/
.ui-slider {
   position: relative;
   text-align: left;
}

.ui-slider .ui-slider-handle {
   position: absolute;
   z-index: 2;
   width: 1.2em;
   height: 1.2em;
   cursor: default;
}

.ui-slider .ui-slider-range {
   position: absolute;
   z-index: 1;
   font-size: .7em;
   display: block;
   border: 0;
   background-position: 0 0;
}

.ui-slider-horizontal {
   height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
   top: -.3em;
   margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
   top: 0;
   height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
   left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
   right: 0;
}

.ui-slider-vertical {
   width: .8em;
   height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
   left: -.3em;
   margin-left: 0;
   margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
   left: 0;
   width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
   bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
   top: 0;
}

/* Tabs
----------------------------------*/
.ui-tabs {
   position: relative;
   padding: .2em;
   zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
   margin: 0;
   padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
   list-style: none;
   float: left;
   position: relative;
   top: 1px;
   margin: 0 .2em 1px 0;
   border-bottom: 0 !important;
   padding: 0;
   white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
   float: left;
   padding: .5em 1em;
   text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
   margin-bottom: 0;
   padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
   cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
   cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
   display: block;
   border: 0;
   padding: 1em 1.4em;
   background: none;
}

.ui-tabs .ui-tabs-hide {
   display: none !important;
}

/* Datepicker
----------------------------------*/
.ui-datepicker {
   width: 17em;
   padding: .2em .2em 0;
}

.ui-datepicker .ui-datepicker-header {
   position: relative;
   padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
   position: absolute;
   top: 2px;
   width: 1.8em;
   height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
   top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
   left: 2px;
}

.ui-datepicker .ui-datepicker-next {
   right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
   left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
   right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -8px;
   top: 50%;
   margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
   margin: 0 2.3em;
   line-height: 1.8em;
   text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
   font-size: 1em;
   margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
   width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
   width: 49%;
}

.ui-datepicker table {
   width: 100%;
   font-size: .9em;
   border-collapse: collapse;
   margin: 0 0 .4em;
}

.ui-datepicker th {
   padding: .7em .3em;
   text-align: center;
   font-weight: bold;
   border: 0;
}

.ui-datepicker td {
   border: 0;
   padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
   display: block;
   padding: .2em;
   text-align: right;
   text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
   background-image: none;
   margin: .7em 0 0 0;
   padding: 0 .2em;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
   float: right;
   margin: .5em .2em .4em;
   cursor: pointer;
   padding: .2em .6em .3em .6em;
   width: auto;
   overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
   float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
   width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
   float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
   width: 95%;
   margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
   width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
   width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
   width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
   border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
   border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
   clear: left;
}

.ui-datepicker-row-break {
   clear: both;
   width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
   direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
   right: 2px;
   left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
   left: 2px;
   right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
   right: 1px;
   left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
   left: 1px;
   right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
   clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
   float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
   float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
   float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
   border-right-width: 0;
   border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
   border-right-width: 0;
   border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
   display: none; /*sorry for IE5*/
   display /**/: block; /*sorry for IE5*/
   position: absolute; /*must have*/
   z-index: -1; /*must have*/
   filter: mask; /*must have*/
   top: -4px; /*must have*/
   left: -4px; /*must have*/
   width: 200px; /*must have*/
   height: 200px; /*must have*/
}

/* Progressbar
----------------------------------*/
.ui-progressbar {
   height: 2em;
   text-align: left;
}

.ui-progressbar .ui-progressbar-value {
   margin: -1px;
   height: 100%;
}
/*




*/


body {
   margin: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 75%; /*background-color: #ededed;*/
   background: #ededed url("/assets/bg-c0aa681e69c0cf0aef2dd09f049f5547.png") repeat;
   overflow: hidden;
   overflow-y: scroll;
   *overflow-y: hidden;
   cursor: default;
}

a {
   text-decoration: none;
   color: #333333;
   cursor: pointer;
}

div#alert {
   background: #FFFFFF;
   clear: both;
   padding: 0;
   width: 100%;
   float: left;
   text-align: center;
}

div#alert p {
   margin: 10px;
   font-size: 14px;
   font-weight: bold;
}

div.errors {
   clear: both;
   padding: 0;
   width: 100%;
   float: left;
}

div.errors ul {
   float: left;
   width: 90%;
   margin-left: 0;
   margin-bottom: 0;
   padding: 0 0 0 30px;
}

div.errors li {
   float: left;
   width: 100%;
   clear: both;
   font-size: 11px;
   color: red;
   line-height: 20px;
}

div#footer {
   clear: both;
   padding: 0 0 20px 0;
   width: 100%;
   float: left;
   text-align: center;
}

div#footer p {
   font-size: 10px;
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
   border-radius: 4px 4px 4px 4px;
   color: #AAAAAA;
   display: inline;
   padding: 4px 8px;
}

div#footer p:hover {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.06);
   color: #888888;
}

div#header {
   background: #111111 url("/assets/bg-header-8df46902fd6ca115da03a8d480f50127.gif");
   clear: both;
   padding: 0;
   width: 100%;
   float: left;
}

div#header h1 {
   display: block;
   float: left;
   height: 45px;
   margin: 15px 0 15px 20px;
   color: #FFF;
   font-size: 30px;
}

div#header p {
   color: #FFF;
   display: block;
   float: right;
   margin: 10px;
   font-size: 11px;
   text-align: right;
}

div#header span.separator {
   color: #777;
   padding: 0 5px;
}
div#header p a {
   color: #FFF;
   padding: 2px 0;
   text-decoration: none;
}

div#header p a:hover {
   text-decoration: underline;
}

div.header-menu{
   float: right;
   /*background: #666;
   opacity: 0.35;
   -moz-opacity: 0.35;
   filter: alpha(opacity=35);*/
   /*border: 1px solid #333;*/
   margin: 0;
   padding: 0 10px;
   /*border-radius: 10px;*/
   position: relative;
}

div.header-menu ul {
   float: right;
   padding: 0;
   margin: 0;
   list-style: none;
}

div.header-menu ul li {
   float: left;
   font-size: 12px;
   padding-top: 5px;
   padding-bottom: 5px;
}

div.header-menu ul li.left-space {
   padding-left: 10px;
}

div.header-menu ul li.separator {
   border-left: 1px solid #FFF;
}

div.header-menu ul li.right-space {
   padding-right: 10px;
}


div.header-menu ul li a {
   color: #FFF;
   display: block;
   /*font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
   /*line-height: 34px;*/
   padding: 0;
   text-decoration: none;
   text-shadow: 1px 1px 1px #000;
}
div.header-menu ul li#menuUser a:hover, div.header-menu ul li#menuPerfil a:hover {
   text-decoration: underline;
}

div.header-menu ul.subnav {
   position: absolute;
   top: 25px;
   background-color: #FFF;
   padding: 0;
   display: block;
   float: right;
   right: 165px;
   margin: 0 0 0 -400px;
   border: 1px solid #B4B4B4;
   /*box-shadow: 0 0 7px #A29C91;*/
   z-index: 999 !important;
}

div.header-menu ul.subnav li {
   margin: 0;
   padding: 0;
   border: 0;
   clear: both;
   width: 100%;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   /*color: #333;*/
   /*border-bottom: 1px dotted #000;*/
}
div.header-menu ul.subnav li.separator {
   border-top: 1px solid #ececec;
   margin-top: 5px;
   padding-top: 5px;
}
div.header-menu ul.subnav li.separator-top {
   margin-top: 4px !important;
}
div.header-menu ul.subnav li.separator-bottom {
   margin-bottom: 5px !important;
}

div.header-menu ul.subnav li:hover {
   background: #333333;
   color: #fff;
}

div.header-menu ul.subnav li a {
   float: left;
   font-size: 11px;
   min-width: 120px;
   text-shadow: none;
   color: #333;
   padding: 10px 15px;
   width: 100%;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

div.header-menu ul.subnav li.tab-left{
   padding-left: 20px;
}

div.header-menu ul.subnav li.separator:hover{
   background: #fff;
   color: #333333;
}

div.header-menu ul.subnav li a:hover {
   background: #333333;
   color: #fff;
}

/*** Tabs ***/
div#tabs {
   clear: both;
   float: left;
   width: 100%;
   font-size: 13px;
   padding: 0;
   background: #222222 url("/assets/bg-tabs-3835a92052b6c93d1066ecc77804083d.jpg") repeat-x;
   border-top: 1px solid #000;
   height: 34px;
}

div#tabs ul {
   float: left;
   border-left: 1px solid #000;
   border-right: 1px solid #333333;
   padding: 0 20px;
}

div#tabs ul li {
   float: left;
   border-left: 1px solid #333333;
   border-right: 1px solid #000;
}

div#tabs ul li a {
   color: #FFF;
   display: block;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-weight: 700;
   line-height: 34px;
   padding: 0 1em;
   text-decoration: none;
   text-shadow: 1px 1px 1px #000;
}

div#tabs ul li a:hover {
   color: #30b709;
   text-decoration: none;
   background-color: transparent;
}

div#tabs ul li a.active, div#tabs a.active:hover {
   background: #FFF url("/assets/bg-c0aa681e69c0cf0aef2dd09f049f5547.png") repeat-x bottom;
   color: #333333;
   font-weight: 700;
   text-shadow: none;
}

div#tabs ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

div#tabs ul li.nav ul.subnav {
   position: absolute;
   top: 110px;
   background-color: #222222;
   padding: 0;
   display: block;
   float: left;
   margin: 0 0 0 -2px;
   border: 1px solid #000;
}

div#tabs ul li.nav ul.subnav li {
   margin: 0;
   padding: 0;
   border: 0;
   clear: both;
   width: 100%;
   border-bottom: 1px dotted #000;
}

div#tabs ul li.nav ul.subnav li a {
   float: left;
   font-size: 90%;
   min-width: 120px;
}

/*** Content ***/
div#content {
/*background: url(/imagens/bg-top-content.jpg) repeat-x;*/
   overflow: hidden;
   padding: 2%;
   float: left;
   width: 96%;
}

div#content-login {
   overflow: hidden;
   padding: 2%;
   float: left;
   width: 96%;
}

div.wrapper {
   float: left;
   width: 100%;
}

div#main.sidebar {
   margin-left: 25%;
}

/*** main-content ***/
div.main-content {
   clear: both;
   float: left;
   width: 100%;
}

/*** Title ***/
div.title {
   clear: both;
   float: left;
   padding: 0;
   width: 100%;
   background: #333333;
}

div.title h2, div.title h2 a {
   color: #222;
   display: block;
   float: left;
   font-size: 165%;
   font-weight: 700;
   letter-spacing: -1px;
   margin: 0 0 5px;
   text-decoration: none;
}

div.title h2 a {
   font-size: 100%;
   margin: 0;
   cursor: default;
}

div.title h2 a:hover {
   background: none;
}

div.panel h5 {
   color: #FFF;
   font-weight: 700;
   margin: 6px 0;
   padding: 0;
   font-size: 10px;
   line-height: 3em;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-shadow: 1px 1px 1px #000;
   display: block;
   float: left;
}

div.panel h5 a {
   color: #FFF;
}

div.panel h5 a:hover {
   text-decoration: underline;
}

div.panel h3 {
   color: #FFF;
   font-weight: 700;
   margin: 1px 0;
   padding: 0 10px;
   font-size: 13px;
   line-height: 3em;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-shadow: 1px 1px 1px #000;
   display: block;
   float: left;
}

div.panel h3.outro {
   color: #FFF;
   font-weight: 700;
   margin: 0;
   padding: 0 10px;
   font-size: 13px;
   text-transform: uppercase;
   line-height: 3em;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-shadow: 1px 1px 1px #000;
   display: block;
}

div.panel div.title div.actions {
   color: #CCC;
   float: right;
   font-size: 10px;
   margin: 8px 8px;
}

div.panel div.title div.actions a.add_button {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background: #FFFFFF;
   border: 1px solid #333333;
   color: #333333;
   font-weight: 700;
   padding: .5em;
   text-decoration: none;
   display: block;
   float: left;
   margin: 0 0 0 5px;
}

div.panel div.title div.actions a.filtro {
   padding-left: 10px;
   padding-right: 10px;
}

div.panel div.title div.actions a.receita {
   background: #fff url("/assets/add-receita-1ea3ee856b6a5d0139854e5c3665ac6b.png") no-repeat 5px 50%;
   padding-left: 22px;
}

div.panel div.title div.actions a.despesa {
   background: #fff url("/assets/add-despesa-29bd08e461bb009234ae7bea354b48bd.png") no-repeat 5px 50%;
   padding-left: 22px;
}

div.panel div.title div.actions a.print {
   background: #fff url("/assets/print.png") no-repeat 5px 50%;
   padding-left: 22px;
}

div.panel div.title div.actions a.add {
   background: #FFFFFF url("/assets/add-aa873e22a0670630da99603c41282f55.png") no-repeat 5px 50%;
   padding-left: 22px;
}

div.panel div.title div.actions a.add_button:hover {
   background: #333333;
   border: 1px solid #FFF;
   color: #FFF;
}

div.panel div.title div.actions a.add_button.receita:hover {
   background: #6F9D36 url("/assets/add-receita-hover-a7ac3cf62152f64516ab0ff43f32daab.png") no-repeat 5px 50%;
   color: #FFFFFF;
}

div.panel div.title div.actions a.add_button.print:hover {
   background: #333333 url("/assets/print.png") no-repeat 5px 50%;
   color: #FFFFFF;
}

div.panel div.title div.actions a.add_button.despesa:hover {
   background: #C60000 url("/assets/add-despesa-hover-293999ee374ea97f1fcba62ded129df8.png") no-repeat 5px 50%;
   color: #FFFFFF;
}

div.panel div.title div.actions a.add_button.add:hover {
   background: #333333 url("/assets/add-hover-e54b59e79b36a981168b77963a975f3c.png") no-repeat 5px 50%;
   color: #FFFFFF;
}

div.panel div.title div.actions a.conta {
   padding-left: 10px;
   padding-right: 10px;
   background: #333333;
   border: 1px solid #FFF;
   color: #FFF;
}

div.panel div.title div.actions a.conta:hover {
   background: #FFF;
   border: 1px solid #333333;
   color: #333333;
}

/*** Grid **/
span.categoria,
span.new,
span.main {
   vertical-align: middle;
   line-height: 14px;
   white-space: nowrap;
   font-family: sans-serif;
   font-weight: bold;
   font-size: 9px;
   color: #FFFFFF;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   float: left;
   padding: 2px 5px;
   margin: 0 10px 0 0;
   background-color: #114477;
}

span.new,
span.main,
span.new-func{
   float: none;
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   padding: 2px 3px 3px;
   line-height: 17px;
   background-color: #f99c19;
   background-image: -moz-linear-gradient(center top , #FBB450, #F89406) repeat-x;
   margin: 1px 0 0 0;
}

span.main {
   background-color: #FFFFFF !important;
   border: 1px solid #f99c19;
   color: #f99c19;
}

span.new-func {
   background-color: transparent !important;
   color: red;
   font-style: italic;
}

span.categoria a {
   text-decoration: none;
   color: #FFFFFF;
   cursor: pointer;
}

div.lancamento-mes {
   clear: both;
   float: left;
   width: 100%;
}

div.lancamento-mes table.meses {
   width: 100%;
   margin: 0;
}

div.table-fluxo {
   overflow: auto;
   clear: both;
   margin: 0;
   padding: 0 0 10px 0;
}

div.table-fluxo table.fluxo {
   margin: 0;
   width: 2000px;
}

div.table-fluxo table.fluxo thead td {
   font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
   text-align: center;
   padding: 6px;
   color: #666666;
   border: 0;
   border-bottom: #CCCCCC solid 1px;
   font-size: 13px;
   background-color: #EFF6E5;
}

div.table-fluxo table.fluxo thead td {
   /*border-left: 1px solid #CCCCCC;*/
}

div.table-fluxo table.fluxo thead td.anterior, div.table-fluxo table.fluxo thead td.proximo {
   text-align: center;
   padding: 6px;
   text-transform: uppercase;
   color: #666666;
   border: 0;
   border-bottom: #CCCCCC solid 1px;
   font-size: 13px;
   background: #333333;
   width: 30px;
   cursor: pointer;
}

div.table-fluxo table.fluxo tbody td {
   font-size: 11px;
   /*border-left: 1px solid #CCCCCC;*/
   border-bottom: #CCCCCC solid 1px;
   padding: 6px 10px;
}

div.table-fluxo table.fluxo tbody th {
   text-align: left;
   font-size: 11px;
   font-weight: bold;
   border: 0;
   border-bottom: #CCCCCC solid 1px;
   padding: 6px 10px;
}

table.fluxo td.valor {
   width: 130px;
}

div.lancamento-mes table.meses td {
   font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
   text-align: center;
   padding: 6px;
   text-transform: uppercase;
   color: #666666;
   border: 0;
   border-bottom: #CCCCCC solid 1px;
   font-size: 13px;
   background-color: #EFF6E5;
}

div.lancamento-mes table.meses td {
   font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
   text-align: center;
   padding: 6px;
   text-transform: uppercase;
   color: #666666;
   border: 0;
   border-bottom: #CCCCCC solid 1px;
   font-size: 13px;
   width: 7%;
   background-color: #EFF6E5;
}

div.lancamento-mes table.meses td.anterior, div.lancamento-mes table.meses td.proximo {
   text-align: center;
   padding: 6px;
   text-transform: uppercase;
   color: #666666;
   border: 0;
   border-bottom: #CCCCCC solid 1px;
   font-size: 13px;
   background: #333333;
   width: 4.5%;
   cursor: pointer;
}

div.lancamento-mes table.meses td span {
   font-size: 11px;
}

div.lancamento-mes table.meses td:hover {
   color: #000;
   cursor: pointer;
}

div.lancamento-mes table.meses td.selected {
   background-color: #333333;
   color: #EFF6E5;
}

div.lancamento-mes table.meses td.selected:hover {
   color: #FFFFFF;
}

/*** Form ***/
div.basic-form {
   margin: 0;
   padding-bottom: 0;
   float: left;
   width: 100%;
}

div.basic-form form {
   margin: 0;
   float: left;
   clear: both;
}

/*div.basic-form h3 {
	color: #333333;
	margin: 0 0 4px;
	font-size: 130%;
}*/
div.basic-form p {
   color: #666;
   margin: 0 0 4px;
   line-height: 1.2;
}

div.basic-form .form {
   /*	background-color:#F5F5F5;
    border:8px solid #FFF;*/
   margin-bottom: 0;
   padding: 10px;
}

div.basic-form .form div {
   clear: both;
   margin: 10px 0;
   overflow: hidden;
}

div.basic-form label {
   color: #333333;
   font-size: 11px;
   display: block;
   float: left;
   line-height: 1.9em;
   margin-right: 5px;
   text-align: right;
}

label#total_parcelamento{
   color: #999999;
}
div.alerta_repeticao, div.alerta_repeticao_delete{
   background-color:#EDEDED;
   border: 1px solid #CCC;
   padding: 0 10px;
   margin-left: 25px !important;
   margin-right: 25px !important;
   margin-top: 20px !important;
}
div.alerta_repeticao_delete{
   margin-left: 0 !important;
   margin-right: 0 !important;
   margin-top: 0 !important;
}
label.alerta_repeticao{
   color: #666 !important;
   margin-right: 0 !important;
   font-weight: bold;
}

div.basic-form label.check, div.basic-form label.check_total {
   color: #333333;
   float: left;
   line-height: 1.7em;
   margin-right: 30px;
   text-align: left;
   width: auto;
}

div.basic-form label.check_total {
   margin-right: 5px;
   margin-left: 10px;
   line-height: 2em;
}

div.basic-form label.periodicidade {
   color: #333333;
   float: left;
   line-height: 1.7em;
   text-align: left;
   margin-right: 15px;
}

div.basic-form label.checkTipoPagamento_p {
   color: #333333;
   float: left;
   line-height: 1.7em;
   text-align: left;
   width: 70px;
}

div.basic-form label.checkTipoPagamento_g {
   color: #333333;
   float: left;
   line-height: 1.7em;
   text-align: left;
   width: 130px;
}

div.basic-form .actions {
   border-top: 1px solid #CCCCCC;
   clear: both;
   padding: 10px 0 5px 0;
   text-align: right;
   margin-right: .2em;
}

div.basic-form .actions div {
   display: inline;
}

div.basic-form .inputradio {
   float: left;
   border: 0;
   margin-left: 0;
   margin-top: 3px;
   *margin-top: 0;
}

.form_input_pp:focus,
.form_input_p:focus,
.form_input_m:focus,
.form_input_g:focus {
   background: #efefef;
}

.form_input_pp {
   width: 80px;
}

.form_input_p {
   width: 120px;
}

.form_input_pm {
   width: 180px;
}

.form_input_m {
   width: 230px;
}

.form_input_g {
   width: 350px;
}

.form_label_relatorio {
   width: 80px;
}

.form_label_entidade {
    width: 80px;
}

.form_label_lancamento {
   width: 130px;
}

.form_label_pessoa {
   width: 110px;
}

.form_label_patrimonio {
   width: 155px;
}

.form_label_banco {
   width: 60px;
}

.form_label_meta {
   width: 100px;
}

.form_label_categoria {
   width: 50px;
}

.form_label_conta {
   width: 100px;
}

.form_label_cidade {
   width: 60px;
}

.form_label_bairro {
   width: 60px;
}

.form_label_alterar_senha {
   width: 115px;
}

.form_label_usuario {
   width: 105px;
}

.form_label_organizacao {
   width: 55px;
}

.form_label_usuarios_session {
   width: 60px;
}

.form_label_recover_password {
   width: 60px;
}

.form_label_registrogeral {
   width: 145px;
}

.form_label_feedback {
   width: 80px;
}

.input input, .input-grid input {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   background: #FFF;
   border: 1px solid #CCC;
   padding: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   margin: 0 5px 0 0;
   float: left;
}

.input .popup {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background: #333333;
   border: 1px solid #FFF;
   color: #FFF;
   font-weight: 700;
   padding: .5em;
   text-decoration: none;
   margin: 0 0 0 5px;
   font-size: 10px;
   cursor: pointer;
}

.input .popup:hover {
   background: #fff;
   color: #333333;
   border: 1px solid #B4B4B4;
   cursor: pointer;
}

.readonly {
   background-color: #efefef !important;
}

.select {
   background-color: #efefef !important;
}

/*** Icons ***/
.ui-icon {
   width: 12px;
   height: 12px;
}

.ui-icon:hover {
   background-image: url("/assets/black-tie/images/ui-icons_ffcf29_256x240-aa29c7b329d224faa38ecd56b94c95d2.png");
}

.ui-icon-search {
   background-position: -162px -115px;
}

.ui-icon-new {
   background-position: -18px -131px;
}

.ui-icon-pencil {
   background-position: -66px -115px;
}

.ui-icon-trash {
   background-position: -178px -99px;
}

.ui-icon-trash:hover {
   background-position: -178px -99px;
}

.ui-icon-check {
   background-position: -66px -147px;
}

ul#icons {
   margin: 0;
   padding: 0;
}

ul#icons li {
   margin: 2px;
   padding: 4px 0;
   cursor: pointer;
   float: left;
   list-style: none;
   background: #333333;
}

ul#icons span.ui-icon {
   margin: 0 4px;
}

.ui-widget-header {
   background: #333333;
}

.btForm, .btFormCancel {
   font-size: 10px;
   border: 1px solid #777777;
   background: #333333;
   font-weight: normal;
   color: #e3e3e3;
   outline: none;
}

/************
	PANEL
*************/
div.panel-unique-column {
   float: left;
   margin: 0;
   width: 100%;
   *margin-bottom: 20px;
}

div.logo {
   width: 250px;
   height: 194px;
   margin: 0 0 0 -125px;
   background: url("/assets/logo-070a31856566a6d69f508d2a91292537.png") no-repeat scroll 0 0 transparent;
}

div.error {
   width: 500px;
   margin: 40px 0 0 -245px;
   text-align: center;
   font-size: 40px;
   font-weight: bold;
   color: #333333;
}

div.error-desc {
   width: 500px;
   margin: 0 0 0 -245px;
   text-align: center;
   font-size: 22px;
   color: #333333;
}

div.panel-login {
   width: 360px;
   margin: 20px 0 0 -180px;
}

div.panel-error {
   width: 360px;
   margin: 20px 0 0 -180px;
   text-align: center;
   font-size: 14px;
   font-weight: bold;
}

div.panel-registrogeral {
   width: 600px;
   margin: 100px 0 0 -300px;
}

div.panel-column-left {
   float: left;
   margin: 0;
   width: 48%;
}

div.panel-column-right {
   float: right;
   margin: 0;
   width: 48%;
}

div.panel-report-column-left {
   float: left;
   margin: 0;
   width: 71%;
}

div.panel-report-column-right {
   float: right;
   margin: 0;
   width: 25%;
}

div.panel {
   background-color: #FFF;
   border: #B4B4B4 solid 1px;
   clear: both;
   float: left;
   margin-bottom: 20px;
   width: 100%;
   box-shadow: 0 0 7px #A29C91;
   -moz-box-shadow: 0 0 7px #A29C91;
   -webkit-box-shadow: 0 0 7px #A29C91;
   padding: 3px;
}

div.panel_popup {
   background-color: transparent;
   clear: both;
   float: left;
   width: 100%;
   padding: 0;
}

table.grid {
   margin: 0;
   width: 100%;
}

div.panel_popup table.grid caption{
   border-bottom: #CCCCCC solid 1px;
   padding: 10px;
   text-align: left;
   vertical-align: middle;
   font-size: 10px;
   font-style: italic;
   color: #C00;
}

div.panel table.grid tr, div.panel_popup table.grid tr {
   cursor: default;
}

tr.focus:hover {
   background-color: #EFF6E5;
}

tr.odd {
   background-color: #FFF;
}
tr.even {
   background-color: #EFF6E5;
}

div.panel table.grid td, div.panel_popup table.grid td {
   border-top: #CCCCCC solid 1px;
   padding: 6px 10px;
   /*border-left: #DDDDDD solid 1px;*/
   vertical-align: middle;
   font-size: 11px;
}

td.inactive {
   color: #666666;
}

div.panel_popup table.grid td a:hover {
   text-decoration: underline;
}

table td.not-found {
   border: 0 !important;
   text-align: left;
   font-size: 11px;
   color: #666666;
   font-style: normal;
}

div.panel table.grid td.first-column, div.panel_popup table td.first-column, table.fluxo td.first-column {
   border-left: transparent solid 1px !important;
}

/*div.panel table.grid td ul#icons {*/
   /*padding: 2px;*/
   /*float: right;*/
/*}*/

/*div.panel table.grid td.actions {*/
   /*padding: 0;*/
   /*white-space: nowrap;*/
   /*border-left: 0;*/
   /*width: 60px;*/
   /*border-left: #DDDDDD solid 1px;*/
/*}*/

/*div.panel table.grid td.actions ul#icons li {*/
   /*margin: 2px;*/
   /*padding: 4px 0;*/
   /*cursor: pointer;*/
/*}*/

/*div.panel table.grid td.actions ul#icons span.ui-icon {*/
   /*margin: 0 4px;*/
/*}*/

/*div.panel table.grid td.actions3 {*/
   /*padding: 0;*/
   /*white-space: nowrap;*/
   /*border-left: 0;*/
   /*width: 85px;*/
   /*border-left: #DDDDDD solid 1px;*/
/*}*/

/*div.panel table.grid td.actions2 {*/
   /*padding: 0;*/
   /*white-space: nowrap;*/
   /*border-left: 0;*/
   /*width: 34px;*/
   /*border-left: #DDDDDD solid 1px;*/
/*}*/

th.data {
   width: 70px;
}

th.checkbox {
   width: 15px;
}

td.categoria {
   width: 35%;
}

td.data {
   width: 70px;
}

th.ultimoAcesso {
   width: 140px;
}

th.valor {
   width: 130px;
}
th.email {
   width: 220px;
}

td.valor {
   width: 130px;
   text-align: right;
}

td.first-row {
   border-top: #FFF solid 1px !important;
}

td.confirm{
   border-top: #FFF solid 1px !important;
   border-left: #FFF solid 1px !important;
   font-size: 12px !important;
   color: #666;
   line-height: 160%;
}

td.first-row-report {
   border-top: 0 !important;
}

td.sumario {
   font-weight: bold;
   color: #000000;
   text-align: right;
}

td.sumario-bg {
   background-color: #EFF6E5;
}

td.sumario-border {
   border-bottom: #CCCCCC solid 1px;
}

div.registro {
   float: left;
   text-transform: none;
}

td.resumo {
   font-weight: bold;
   color: #FFF; /*text-transform:uppercase;*/
   background-color: #333333;
   text-align: right;
}

div.panel table.grid th, div.panel_popup table th {
   text-align: left;
   padding: 6px 10px;
   /*border-left: #DDDDDD solid 1px;
   text-transform: uppercase;*/
   font-size: 11px;
}

th.first-column {
   border-left: 0 !important;
}

th.actions {
   border-left: #DDDDDD solid 1px;
}

th.tipo,
td.tipo{
   width: 55px;
}

th.uf {
   width: 40px;
}

th.codigo {
   width: 65px;
}

th.ativo {
   width: 50px;
}

th.centro,
td.centro,
td.ativo {
   text-align: center !important;
}

th.responsavel {
   width: 80px;
}

th.assunto {
   width: 70px;
}

th.padrao {
   width: 60px;
}

th.nome {
   width: 35%;
}

th.tipo-pessoa {
   width: 20%;
}

td.valor span {
   float: left;
   text-align: left;
}

td.valor span.de {
   color: #666 !important;
   float: none !important;
}

td.total {
   font-weight: bold;
   padding-left: 30px;
}

td.despesa {
   color: #C00;
}

.background-despesa {
   background-color: #C00;
}

td.zerado {
   color: #BBBBBB;
}

th.despesa {
   background-color: #333;
   color: #FFF;
}

td.receita {
   color: #060;
}

.background-receita {
   background-color: #060;
}

th.receita {
   background-color: #333;
   color: #FFF;
}

td.conta {
   color: #000;
   font-weight: bold;
}

td.saldo {
   text-align: right;
   font-size: 12px !important;
}

td.saldo-border-bottom {
   border-bottom: 1px solid #CCCCCC;
}

th.documento {
   width: 120px;
}

td.documento {
   text-align: center;
   width: 120px;
}

td.consolidado {
   background-color: #EFF6E5 !important;
}

th.consolidado {
   width: 130px;
   /*background-color: #EFF6E5;*/
}

div.lancamento-rapido {
   padding: 10px;
   overflow: hidden;
}

div.lancamento-rapido label {
   float: left;
   clear: both;
}

div.lancamento-rapido input {
   float: left;
   clear: both;
}

.ui-dialog-title {
   color: #FFF;
   font-size: 13px;
   padding: 5px 5px 5px 0; /*text-transform: uppercase;*/
   font-weight: 700;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-shadow: 1px 1px 1px #000;
}

.ui-dialog .ui-dialog-content {
   padding: 3px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
   background: #333333;
}

div.radio .ui-state-default {
   background: #FFFFFF;
   border: 1px solid #333333;
   color: #333333;
}

div.radio .ui-state-active {
   background: #333333;
   color: #FFFFFF;
}

div.radio .ui-button {
   padding: 0;
   margin: 0;
}

.ui-button-text-only .ui-button-text {
   padding: 0;
   width: 30px;
   margin: 5px;
   text-align: center;
}

#divTipo .ui-button-text-only .ui-button-text, #divAgrupamento .ui-button-text-only .ui-button-text {
   padding: 0;
   width: 70px;
   margin: 5px;
   text-align: center;
}

.ui-datepicker-calendar th {
   font-size: 10px;
}

.ui-datepicker-calendar .ui-state-active{
   background-color: #FFEB80;
}

.ui-datepicker-trigger {
   padding-top: 3px;
   cursor: pointer;
}
a.ui-corner-all{
   font-size: 12px !important;
}

.button_popup {
   cursor: pointer;
}

td.actions .ui-corner-, td.actions2 .ui-corner-all, td.actions3 .ui-corner-all, div.search .ui-corner-all {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   /*border: 1px solid #FFFFFF;*/
   border-radius: 4px;
}

/*.ui-corner-all:hover{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #FFFFFF;
	border-radius: 0;
	background: #666666 !important;
}*/
div.highcharts-legend ul li {
   font-size: 10px;
}

div#filtro .title {
   clear: both;
   float: left;
   padding: 0;
   margin-top: 3px;
   width: 100%;
   background: #333333;
}

div#filtro h3 {
   color: #FFF;
   font-weight: 700;
   margin: 1px 0;
   padding: 0 10px;
   font-size: 13px;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-shadow: 1px 1px 1px #000;
   display: block;
   float: left;
}

label.data {
   width: 70px;
}

div#filtro .basic-form .form div.radio {
   display: block;
   margin: 0 0 5px 0;
   padding: 0;
}

div#filtro .basic-form .form div.radio .inputradio{
   margin-left: 2px;
}

div#filtro .basic-form .form div.radio label{
   padding-left: 5px;
}


div#filtro .basic-form .form div.selectAll {
   float: right;
   clear: right;
   margin: 0 0 15px 0;
   padding: 0;
}

div#filtro .basic-form .form div.checkbox {
   display: block;
   margin: 0 0 5px 0;
   padding: 0;
}

div#filtro .basic-form .form div.checkbox input {
   float: left;
}

div#filtro .basic-form .form div.checkbox label {
   display: inline-table;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   color: #FFFFFF;
   padding: 4px 5px;
   font-weight: bold;
   font-size: 9px;
   background-color: #114477;
}

div#filtro div.basic-form div.form span.categoria label {
   float: none;
   clear: none;
   display: inline;
   color: #FFFFFF;
   font-weight: normal;
   padding: 0;
}

a.recover-pwd {
   clear: both;
   color: #333333;
   font-size: 10px !important;
   padding-left: 65px;
}

a.recover-pwd:hover {
   text-decoration: underline;
}

.iColorPicker {
   color: #FFFFFF
}

.uppercase {
   text-transform: uppercase;
}

.lowercase {
   text-transform: lowercase;
}

div.actions div.submit .submit, div.actions div.submit .clear {
   font-size: 1.2em;
   outline: 0;
   border: 0;
   background: #D8D8D8;
   color: #555;
   padding: 7px 10px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   vertical-align: middle;
   margin: 0;
   cursor: pointer;
}

div.actions div.submit .submit:hover, div.actions div.submit .clear:hover {
   background: #333333;
   color: #fff;
}

div.actions div.submit .clear {
   background: #333333 !important;
   color: #fff !important;
}

div.actions div.submit .clear:hover {
   background: #D8D8D8 !important;
   color: #555 !important;
}

div.actions div.submit .cancel {
   font-size: 1em;
   outline: 0;
   border: 0;
   color: #666666;
   background: none;
   padding-left: 0;
   padding-top: 7px;
   padding-bottom: 7px;
   vertical-align: bottom;
   margin: 0 0 0 10px;
   cursor: pointer;
}

div.actions div.submit .cancel:hover {
   text-decoration: underline;
   background: none;
   cursor: pointer;
}

div.search {
   clear: none !important;
   width: 30px;
   margin: 0 !important;
}

.cursor-pointer {
   cursor: pointer;
}

.link {
   text-decoration: none
}

.link:hover {
   text-decoration: underline
}

td.actions .ui-state-default {
   border: 1px solid #FFF !important;
}
.bold{
   font-weight: bold;
}
div.notification label{
   color: #333333;
   font-size: 11px;
   display: block;
   float: left;
   line-height: 1.7em;
   margin: 10px 0 0 10px;
   text-align: left;
}

i.icon{
   display: none;
   width: 16px;
   height: 14px;
   margin-left: 5px;
   line-height: 14px;
   vertical-align: text-top;
   float: right;
   background: url("/assets/icons-5a2561c0b952c1f95c218618e5a98113.png") no-repeat;
}

i.icon:hover{
   cursor: pointer;
}
i.icon-edit{
   background-position: 0 0;
}
i.icon-edit:hover{
   background-position: -16px 0;
}
i.icon-delete{
   background-position: 0 -16px;
}
i.icon-delete:hover{
   background-position: -16px -16px;
}
i.icon-ok{
   background-position: 0 -32px;
}
i.icon-ok:hover{
   background-position: -16px -32px;
}
i.icon-repeat{
   display: block;
   float: left;
   background-position: 0 -48px;
}
i.icon-repeat:hover{
   background-position: -16px -48px;
}
i.icon-list{
   background-position: 0 -64px;
}
i.icon-list:hover{
   background-position: -16px -64px;
}

div.meta{
   outline: 0 none !important;
   border-radius: 4px;
   border: 1px solid #DDDDDD;
   height: 18px;
   overflow: hidden;
   font-size: 1.1em;
   text-align: left;
   width: 200px;
}

div.meta .background-meta{
   height: 100%;
   margin: -1px;
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
   font-size: 9px;
   border: 1px solid #DDDDDD;
   font-weight: bold;
   padding: 1px; color: #FFF;
}
label.repeat, label.no-repeat{
   display: none;
   height: 16px;
   margin-top: 5px;
   line-height: normal !important;
   vertical-align: text-top;
   float: left;
   text-align: left !important;
   cursor: pointer;
   color: #0088CC !important;;
   padding-left: 15px;
   background: url("/assets/arrow-blue-down-5c4deb6d71e22c64cbf19e7462b151fe.png") no-repeat scroll left center transparent;
}
label.no-repeat{
   background: url("/assets/arrow-blue-up-95700c45017657b7419cc83439547dd7.png") no-repeat scroll left center transparent;
}

label.repeat:hover, label.no-repeat:hover{
   text-decoration: underline;
}

.ui-autocomplete-input{
   background: url("/assets/icon-dropdown-arrow-7a16b45078cfefa9487febe3acb37c05.gif") no-repeat scroll 99.7% 55.5% #FFF !important;
}
.ui-autocomplete-input:focus {
   background: url("/assets/icon-dropdown-arrow-7a16b45078cfefa9487febe3acb37c05.gif") no-repeat scroll 99.7% 55.5% #efefef !important;
}
.ui-autocomplete {
   max-height: 160px;
   overflow-y: auto;
   overflow-x: hidden;
}
.asterisco{
   color: red;
}

/*Ajustando form de autenticação para o iphone 3gs*/
@media screen and (max-width: 320px) and (orientation: portrait) {
   div.panel-login {
      width: 280px;
      margin-left: -140px;
      box-sizing: border-box;
   }

   div.logo {
      width: 1540px;
      height: 120px;
      margin: 0 0 0 -77px;
      background: url("/assets/logo-mobile-fb5b456e56267646964ebfb7630fd3fe.png") no-repeat scroll 0 0 transparent;
   }
   .form_label_usuarios_session {
      width: 50px;
   }
   .form_label_recover_password {
      width: 50px;
   }
   label.form_input_m {
      width: 50px !important;
   }
   .form_input_m {
      width: 180px;
   }
}
.tipsy {
   font-size: 10px;
   position: absolute;
   padding: 5px;
   z-index: 100000;
}

.tipsy-inner {
   background-color: #000;
   color: #FFF;
   max-width: 200px;
   padding: 5px 8px 4px 8px;
   text-align: center;
}

/* Rounded corners */
.tipsy-inner {
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow {
   position: absolute;
   width: 0;
   height: 0;
   line-height: 0;
   border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
   border-bottom-color: #000;
}

.tipsy-arrow-s {
   border-top-color: #000;
}

.tipsy-arrow-e {
   border-left-color: #000;
}

.tipsy-arrow-w {
   border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
   top: 0px;
   left: 50%;
   margin-left: -5px;
   border-bottom-style: solid;
   border-top: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
   top: 0;
   left: 10px;
   border-bottom-style: solid;
   border-top: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
   top: 0;
   right: 10px;
   border-bottom-style: solid;
   border-top: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
   bottom: 0;
   left: 50%;
   margin-left: -5px;
   border-top-style: solid;
   border-bottom: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
   bottom: 0;
   left: 10px;
   border-top-style: solid;
   border-bottom: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
   bottom: 0;
   right: 10px;
   border-top-style: solid;
   border-bottom: none;
   border-left-color: transparent;
   border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
   right: 0;
   top: 50%;
   margin-top: -5px;
   border-left-style: solid;
   border-right: none;
   border-top-color: transparent;
   border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
   left: 0;
   top: 50%;
   margin-top: -5px;
   border-right-style: solid;
   border-left: none;
   border-top-color: transparent;
   border-bottom-color: transparent;
}