/***********************/
/**     reset.css     **/
/***********************/
/*
 * Global reset
 * Based on Eric Meyer's : http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body,
canvas, caption, center, cite, code, command,
datalist, dd, del, details, dfn, div, dl, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, keygen,
label, legend, li,
meter,
nav,
ob
ect, ol, output,
p, pre, progress,
q,
s, samp, section, small, source, span, strike, strong, sub, sup,
table, tbody, td, tfoot, th, thead, tr, tt,
u, ul,
var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;


}


/*
 * Default HTML5 behaviour for older browsers
*/
article, aside, audio, canvas, command, datalist,
details, embed, figcaption, figure, footer, header,
hgroup, keygen, meter, nav, output, progress,
section, source, video {
    display: block;
}

mark, rp, rt, ruby, summary, time {
    display: inline
}

body {
    line-height: 1;
    width: 100%;
    height: 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    filter: alpha(opacity=50);

}

#back_image img {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    /* opacity: 0.4;*/
    height: 100%;
    width: 100%;
    background-attachment: fixed;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

a {
    text-decoration: none;
}

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

/***********************/
/**     common.css    **/
/***********************/
/**
 * Common styles for all variants (standard or mobile)
 * z-index hierachy :
 * 88, 89 or 90 : Positioned elements at normal level
 * 98 or 99 : Positioned for menu
 * 100 : footer
 * 999900 : tooltip
 * 999910 : menu
 * 999950 : fixed control bar
 * 999980 : modal windows
 * 999990 : notifications
*/
html {
    background: #d5d8db;
}

html.dark {
    background-color: #ffffff;
}

body {
    color: #333333;
    width: 100%;
    height: 100%;
    font-size: 75%;
    background-color: #ffffff;
}

.white-text {
    color: white;
}

p, th, td {
    line-height: 1.25em;
    line-height: 2.5em; /* Rodrigo Waters */
}

.form td {
    line-height: 35px !important;
}

p, ul, ol, dl, .with-margin {
    margin-bottom: 1.667em;
}

.small-margin {
    margin-bottom: 0.5em;
}

.medium-margin {
    margin-bottom: 1em;
}

.large-margin {
    margin-bottom: 2.417em;
}

a {
    color: #3399cc;
    text-decoration: none;
}

strong {
    color: #3399cc;
}

small {
    color: #808080;
    font-size: 0.833em;
    text-transform: uppercase;
    font-weight: normal;
}

small strong {
    color: #808080;
}

h2 {
    color: #3399cc;
    font-size: 1.25em;
    line-height: 1.267em;
    margin-bottom: 1.267em;
}

h3 {
    color: #3399cc;
    font-size: 1.25em;
    line-height: 1.267em;
}

h5 {
    font-weigth: bold;
    color: #333;
}

hr {
    height: 0;
    line-height: 0;
    border: 0;
    border-top: 1px dotted #cccccc;
    margin-bottom: 1.667em;
}

a.red, .red a
h2.red, .red h2,
h3.red, .red h3, td.red {
    color: #cc3333;
}

h2:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
hr:last-child {
    margin-bottom: 0;
}

/* IE class */
h2.last-child,
p.last-child,
ul.last-child,
ol.last-child,
dl.last-child,
hr.last-child {
    margin-bottom: 0;
}

/**************** Generic classes ***************/
.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.margin-left {
    margin-left: 1em;
}

.margin-right {
    margin-right: 1em;
}

.gutter-left {
    margin-left: 2em;
}

.gutter-right {
    margin-right: 2em;
}

.margin-top-medium {
    margin-top: 0.8em;
}

.margin-top-large {
    margin-top: 34px;
}

.margin-bottom-large {
    margin-bottom: 34px;
}

.margin-bottom-medium {
    margin-top: 0.8em;
}

.margin-top-small {
    margin-top: 0.3em;
}

.margin-bottom-small {
    margin-bottom: 0.3em;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.relative {
    position: relative;
    z-index: 89;
}

.absolute {
    position: absolute;
    z-index: 89;
}

.upper-index {
    z-index: 90 !important;
}

.with-padding {
    padding: 1em;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

.box {
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    padding: 0.75em;
    margin-bottom: 1.667em;
    background: white;
}

/* IE class */
.ie .box {
    border: 1px solid #cccccc;
}

.box:last-child {
    margin-bottom: 0;
}

/* IE class */
.box.last-child {
    margin-bottom: 0;
}

.infos {
    background-image: url(../images/icons/web-app/48/Info.png);
    background-repeat: no-repeat;
    padding-left: 5em;
    margin-bottom: 1em;
    min-height: 4em;
}

.mini-infos {
    background-image: url(../images/icons/web-app/24/Info.png);
    background-repeat: no-repeat;
    padding: 0.167em 0 0.167em 2.5em;
    margin-bottom: 1em;
    min-height: 1.5em;
}

.info:last-child,
.mini-infos:last-child {
    margin-bottom: 0;
}

/* IE class */
.info.last-child,
.mini-infos.last-child {
    margin-bottom: 0;
}

.infos p,
.mini-infos p {
    color: #808080;
}

.print {
    background-image: url(../images/icons/web-app/48/Print.png);
    background-repeat: no-repeat;
    padding-left: 5em;
    margin-bottom: 1em;
    min-height: 4em;
}

.mini-prints {
    background-image: url(../images/icons/web-app/24/Print.png);
    background-repeat: no-repeat;
    padding: 0.167em 0 0.167em 2.5em;
    margin-bottom: 1em;
    min-height: 1.5em;
}

.print:last-child,
.mini-print:last-child {
    margin-bottom: 0;
}

/* IE class */
.print.last-child,
.mini-print.last-child {
    margin-bottom: 0;
}

.print p,
.mini-print p {
    color: #808080;
}

.print ul li {
    color: #808080;
    /* background: url(../images/icons/fugue/status.png) left no-repeat;
   text-indent: 25px;*/
    line-height: 20px;
}

.picto {
    margin-bottom: -4px;
}

.empty {
    color: #999999 !important;
    font-style: italic;
}

.number {
    display: block;
    float: left;
    min-width: 1em;
    padding: 0.25em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    text-align: center;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background: #3399cc;
}

.number.red,
.red .number {
    background-color: #cc3333;
}

.bigger {
    font-size: 2.5em;
}

h2.bigger {
    margin-bottom: 0.8em;
}

.force-wrap {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
}

/**************** Generic styles ***************/
.grey {
    color: #666666;
}

.white-bg {
    background-color: white;
}

.grey-bg {
    background-color: #c1c8cb;
}

.block-content .grey-bg {
    background-color: #e6e6e6;
}

p.grey-bg {
    padding: 0.417em 0.5em;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
}

.dark-grey-gradient {
    background: #666666 url(../images/old-browsers-bg/dark-grey-gradient-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #3d3d3d,
            #484848 2%,
            #585858 8%,
            #666666
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#3d3d3d),
            to(#666666),
            color-stop(0.02, #484848),
            color-stop(0.08, #585858)
    );
    color: white;
}

.lite-grey-gradient {
    background: white url(../images/old-browsers-bg/lite-grey-gradient-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #d5d5d5,
            white
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#d5d5d5),
            to(white)
    );
}

/****************** Main title ******************/
article h1 {
    color: #3f525f;
    font-size: 1.5em;
    -moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    margin-bottom: 1em;
}

/*
.block-content h1,
.block-content .h1 {
  height:40px;
   color: white;
   font-size: 1.5em;
   font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
   border: 1px solid;
   border-color: #50a3c8 #297cb4 #33b5e5;
   background:#33b5e5;
   -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
   background-size: 100% 100%;
   background: -moz-linear-gradient(
      top,
      white,
      #33b5e5 4%,
      #33b5e5
   );
   background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(white),
      to(#33b5e5),
      color-stop(0.03, #33b5e5)
   );
   -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
   -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
   text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
   padding: 0.278em 0.444em 0.389em;
}

.block-content .h1 h1 {
   font-size: 1em;
   border: 0;
   background: none;
   -moz-text-shadow: none;
   -webkit-text-shadow: none;
   text-shadow: none;
   padding: 0;
}

.block-content h1.red,
.block-content .h1.red,
.block-content .red h1,
.block-content .red .h1,
.block-content.red h1,
.block-content.red .h1,
.red .block-content h1,
.red .block-content .h1 {
   border-color: #bf3636 #5d0000 #0a0000;
   background: #790000 url(../images/old-browsers-bg/title-red-bg.png) repeat-x top;
   background: -moz-linear-gradient(
      top,
      white,
      #ca3535 4%,
      #790000
   );
   background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(white),
      to(#790000),
      color-stop(0.03, #ca3535)
   );
}
*/
/************** Button-style links **************/
.button,
.form legend,
.legend,
.mini-menu {
    line-height: 1.333em;
    padding: 0.167em 0.5em 0.25em;
    border: 1px solid white;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    font-weight: normal;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    outline: 0;
}

.button {
    display: inline-block;
}

/* IE class */
.ie .button,
.ie .form legend,
.ie .legend,
.ie .mini-menu {
    border-color: #cccccc;
}

.button {
    color: #666666;
    background: #dfdfdf url(../images/old-browsers-bg/button-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f6f6f6,
            #dfdfdf
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f6f6f6),
            to(#dfdfdf)
    );
}

.button.red,
.red .button {
    width: 8%;
    font-size: 18px;
    text-align: center;
    color: white;
    background: #790000 url(../images/old-browsers-bg/button-red-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #ca3535,
            #790000
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ca3535),
            to(#790000)
    );
}

.button.red a,
.red .button a {
    color: white;
}

a.button:hover,
.mini-menu > li > a:hover {
    color: #115577;
    background: #98d2f3 url(../images/old-browsers-bg/button-hover-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #dff3fc,
            #98d2f3
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#dff3fc),
            to(#98d2f3)
    );
}

a.button.red:hover,
.red a.button:hover {
    color: white;
    background: #9d0404 url(../images/old-browsers-bg/button-red-hover-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #fe6565,
            #9d0404
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(fe6565),
            to(#9d0404)
    );
}

.form legend,
.legend,
.mini-menu {
    color: #666666;
    background: #e7e7e7 url(../images/old-browsers-bg/legend-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f8f8f8,
            #e7e7e7
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f8f8f8),
            to(#e7e7e7)
    );
}

.button img,
.form legend img,
.legend img,
.mini-menu img {
    margin-bottom: -2px;
}

/******************** Button *******************
input[type=button],
button,
.big-button {
   display: inline-block;
   border: 1px solid;
   border-color: #50a3c8 #297cb4 #083f6f;
   background: #0c5fa5 url(../images/old-browsers-bg/button-element-bg.png) repeat-x left top;
   -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
   background-size: 100% 100%;
   background: -moz-linear-gradient(
      top,
      white,
      #72c6e4 4%,
      #0c5fa5
   );
   background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(white),
      to(#0c5fa5),
      color-stop(0.03, #72c6e4)
   );
   -moz-border-radius: 0.333em;
   -webkit-border-radius: 0.333em;
   -webkit-background-clip: padding-box;
   border-radius: 0.333em;
   color: white;
   -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
   -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
   font-size: 1.167em;
   padding: 0.286em 1em 0.357em;
   line-height: 1.429em;
   cursor: pointer;
   font-weight: bold;
}
*/
/* IE class */
.ie button {
    overflow: visible;
}

/* IE class */
.ie7 button {
    padding-top: 0.357em;
    padding-bottom: 0.214em;
    line-height: 1.143em;
}

button img,
.big-button img {
    margin-bottom: -3px;
}

/*
input[type=button]:hover,
button:hover,
.big-button:hover {
   border-color: #1eafdc #1193d5 #035592;
   background: #057fdb url(../images/old-browsers-bg/button-element-hover-bg.png) repeat-x left top;
   background: -moz-linear-gradient(
      top,
      white,
      #2bcef3 4%,
      #057fdb
   );
   background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(white),
      to(#057fdb),
      color-stop(0.03, #2bcef3)
   );
}

*/

input[type=button]:active,
.big-button:active {
    border-color: #5b848b #b2def1 #b2def1 #68a6ba;
    background: #3dbfed url(../images/old-browsers-bg/button-element-active-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #89e7f9,
            #3dbfed
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#89e7f9),
            to(#3dbfed)
    );
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button.red,
.red button,
.big-button.red,
.red .big-button {
    color: white;
    border-color: #bf3636 #5d0000 #0a0000;
    background: #790000 url(../images/old-browsers-bg/button-element-red-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            white,
            #ca3535 4%,
            #790000
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#790000),
            color-stop(0.03, #ca3535)
    );
}

button.red:hover,
.red button:hover,
.big-button.red:hover,
.red .big-button:hover {
    border-color: #c24949 #9d3d3d #590909;
    background: #9d0404 url(../images/old-browsers-bg/button-element-red-hover-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            white,
            #fe6565 4%,
            #9d0404
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#9d0404),
            color-stop(0.03, #fe6565)
    );
}

button.red:active,
.red button:active,
.big-button.red:active,
.red .big-button:active {
    border-color: #7c5656 #f7cbcb #f7cbcb #a15151;
    background: #ff5252 url(../images/old-browsers-bg/button-element-red-active-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #ff9d9d,
            #ff5252
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ff9d9d),
            to(#ff5252)
    );
}

input[type=button]:disabled,
input[type=button]:disabled:hover,
button:disabled,
button:disabled:hover,
.big-button.disabled,
.big-button.disabled:hover {
    color: #bfbfbf;
    border-color: #e9f2f6 #c4c3c3 #a2a2a2 #e3e2e2;
    background: #c8c8c8 url(../images/old-browsers-bg/button-element-disabled-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #f0f2f2,
            #c8c8c8
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f0f2f2),
            to(#c8c8c8)
    );
    -moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    -webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: auto;
}

/* IE class */
button.disabled,
button.disabled:hover {
    color: #bfbfbf;
    border-color: #e9f2f6 #c4c3c3 #a2a2a2 #e3e2e2;
    background: #c8c8c8 url(../images/old-browsers-bg/button-element-disabled-bg.png) repeat-x top;
    cursor: auto;
}

/*
button.grey,
.big-button.grey {
   color: white;
   border-color: #a1a7ae #909498 #6b7076;
   background: #9fa7b0 url(../images/old-browsers-bg/button-element-grey-bg.png) repeat-x top;
   background: -moz-linear-gradient(
      top,
      white,
      #c5cbce 5%,
      #9fa7b0
   );
   background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(white),
      to(#9fa7b0),
      color-stop(0.05, #c5cbce)
   );
   -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

button.grey:hover,
.big-button.grey:hover {
   border-color: #a1a7b0 #939798 #6e7275;
   background: #b1b5ba url(../images/old-browsers-bg/button-element-grey-hover-bg.png) repeat-x top;
   background: -moz-linear-gradient(
      top,
      white,
      #d6dadc 4%,
      #b1b5ba
   );
   background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(white),
      to(#b1b5ba),
      color-stop(0.03, #d6dadc)
   );
}

button.grey:active
.big-button.grey:active {
   border-color: #666666 #ffffff #ffffff #979898;
   background: #dddddd url(../images/old-browsers-bg/button-element-grey-active-bg.png) repeat-x top;
   background: -moz-linear-gradient(
      top,
      #f1f1f1,
      #dddddd
   );
   background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(#f1f1f1),
      to(#dddddd)
   );
}

button.small,
input[type=button].small,
.big-button.small {
   font-size: 0.833em;
   padding: 0.2em 0.3em 0.3em 0.2em;
   vertical-align: 0.2em;
}
*/
/* IE class */
.ie button.small {
    padding: 0.5em 0.3em;
    vertical-align: 0.1em;
}

.ie7 button + button {
    margin-left: 0.25em;
}

button.mini,
input[type=button].mini,
.big-button.mini {
    font-size: 0.833em;
    padding: 0.1em 0.2em 0.2em 0.1em;
    vertical-align: 0.1em;
}

/* IE class */
.ie button.mini {
    padding: 0.4em 0.2em;
    vertical-align: 0.1em;
}

.ie7 button + button {
    margin-left: 0.20em;
}

/**************** Standard block ****************/
section {
    margin-bottom: 1em;
}

/*
.block-content {
   border: 1px solid #999999;
   -moz-border-radius: 0.25em;
   -webkit-border-radius: 0.25em;
   -webkit-background-clip: padding-box;
   border-radius: 0.25em;
 padding: 1.667em;
   height:100%;
   background: white;
   -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
position: relative;
}*/

.block-content.dark-bg {
    border-color: #aaa #333 #000 #666;
    background: #555 url(../images/old-browsers-bg/content-dark-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #555,
            #222
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#222),
            to(#555)
    );
    color: white;
}

.block-border {
    padding: 0.4em;
    height: auto;
    border: 1px solid white;
    border-color: rgba(255, 255, 255, 0.75);
    background: url(../images/old-browsers-bg/white20.png);
    background: rgba(255, 255, 255, 0.2);
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    -webkit-background-clip: padding-box;
    border-radius: 0.4em;
    -moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
    box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
}

.block-border .block-content {
    height: 100%;
    -moz-box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
}

.block-border .block-content + .block-content {
    margin-top: 0.833em;
}

/*
.block-content .no-margin {
   margin-left: -1.667em;
   margin-right: -1.667em;
}*/

.block-content p.no-margin + .no-margin,
.block-content ul.no-margin + .no-margin,
.block-content ol.no-margin + .no-margin,
.block-content dl.no-margin + .no-margin {
    /* margin-top: -1.667em;*/
}

/* Recursion prevention */
.block-content .no-margin > .no-margin {
    margin-left: 0;
    margin-right: 0;
}

.block-content .no-margin:last-child,
.block-content .message.no-margin:last-child {

    -moz-border-radius-bottomleft: 0.167em;
    -moz-border-radius-bottomright: 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-bottom-left-radius: 0.167em;
    border-bottom-right-radius: 0.167em;
}

/* Recursion prevention */
.block-content .no-margin > .no-margin:last-child {
    margin-bottom: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* IE class */
.block-content .no-margin.last-child,
.block-content .message.no-margin.last-child {
    margin-bottom: -1.667em;
}

/* Recursion prevention */
.block-content .no-margin > .no-margin.last-child {
    margin-bottom: 0;
}

.block-content hr.no-margin {
    margin-bottom: 1.667em;
}

.block-content.no-padding {
    padding: 0;
}

.block-content.no-padding .no-margin {
    margin-left: 0;
    margin-right: 0;
}

.block-content p.no-margin + .no-margin,
.block-content ul.no-margin + .no-margin,
.block-content ol.no-margin + .no-margin,
.block-content dl.no-margin + .no-margin {
    margin-top: -1.667em;
}

.block-content.no-padding .no-margin:last-child {
    margin-bottom: 0;
}

/* IE class */
.block-content.no-padding .no-margin.last-child {
    margin-bottom: 0;
}

/***************** Block header *****************/
.block-header {
    font-size: 2em;
    font-weight: bold;
    height: 3em;
    line-height: 3em;
    border-top: 1px solid #9bd2ee;
    border-bottom: 1px solid #b5b3b4;
    background: #0c5fa3 url(../images/old-browsers-bg/block-header-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #6dc3e6,
            #0c5fa3
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#6dc3e6),
            to(#0c5fa3)
    );
    text-align: center;
    color: white;
    -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    margin: 0 -0.833em 0.833em -0.833em;
}

.block-header:first-child {
    margin-top: -0.833em;
}

/* IE class */
.block-header.first-child {
    margin-top: -0.833em;
}

.block-header + .no-margin {
    margin-top: -1.667em;
}

.block-header.red,
.red .block-header {
    border-top-color: #e46f6f;
    background: #790000 url(../images/old-browsers-bg/block-header-red-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #ca3535,
            #790000
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#790000),
            to(#ca3535)
    );
}

/**************** Block controls ****************/
.block-controls {

    border-bottom: 1px solid #999999;
    background: white url(../images/old-browsers-bg/block-controls-bg.png) repeat-x bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #e5e5e5 88%,
            #d8d8d8
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#d8d8d8),
            color-stop(0.88, #e5e5e5)
    );
    margin: 0 -1.667em 1.667em -1.667em;
    padding: 1em;
}

.no-margin .block-controls:first-child {
    margin-left: 0;
    margin-right: 0;
}

.block-controls:first-child {
    margin-top: -1.667em;
}

/* IE class */
.block-controls.first-child {
    margin-top: -1.667em;
}

.block-controls + .no-margin {
    margin-top: -1.667em;
}

.block-content.no-padding .block-controls {
    margin: 0 !important;
    border-bottom: 0;
}

ul.controls-buttons,
div.controls-buttons {
    float: right;
}

.block-footer > ul.controls-buttons,
.block-footer > div.controls-buttons {
    float: none;
    display: inline-block;
    padding: 0.5em 0.25em;
    vertical-align: middle;
    zoom: 1;
}

ul.controls-buttons li,
div.controls-buttons > div,
div.controls-buttons > span,
div.controls-buttons > a {
    display: block;
    float: left;
    margin: -1px 0 -1px 0.5em;
    line-height: 1.333em;
    padding: 0.333em 0.25em;
}

ul.controls-buttons li.sep,
div.controls-buttons > div.sep,
div.controls-buttons > span.sep {
    padding: 0;
    width: 2px;
    min-width: 2px;
    height: 4em;
    margin: -1em 0.25em -1em 0.75em;
    border: none;
    background: url(../images/controls-bt-sep.png) no-repeat bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

ul.controls-buttons li.controls-block,
ul.controls-buttons li a,
div.controls-buttons > div,
div.controls-buttons > span,
div.controls-buttons > a {
    display: block;
    color: #333333;
    min-width: 1.083em;
    padding: 0.333em 0.5em;
    text-align: center;
    border: 1px solid white;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
    background: #e7e7e7 url(../images/old-browsers-bg/controls-bt-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f8f8f8,
            #e7e7e7
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f8f8f8),
            to(#e7e7e7)
    );
    -moz-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

ul.controls-buttons li a {
    margin: -0.333em -0.25em;
    line-height: 1.333em;
}

div.controls-buttons > div div,
div.controls-buttons > div span,
div.controls-buttons > div a {
    color: #333333;
    display: block;
    height: 1.333em;
    line-height: 1.333em;
    float: left;
    min-width: 1.083em;
    padding: 0.333em 0.5em;
    margin: -0.333em 0;
    text-align: center;
    text-transform: uppercase;
}

div.controls-buttons > div:hover div,
div.controls-buttons > div:hover span,
div.controls-buttons > div:hover a {
    color: white;
}

div.controls-buttons > div div:first-child,
div.controls-buttons > div span:first-child,
div.controls-buttons > div a:first-child {
    margin-left: -0.5em;
}

/* IE class */
div.controls-buttons > div div.first-child,
div.controls-buttons > div span.first-child,
div.controls-buttons > div a.first-child {
    margin-left: -0.5em;
}

div.controls-buttons > div > div:first-child,
div.controls-buttons > div > span:first-child,
div.controls-buttons > div > a:first-child {
    -moz-border-radius-topleft: 0.417em;
    -moz-border-radius-bottomleft: 0.417em;
    -webkit-border-top-left-radius: 0.417em;
    -webkit-border-bottom-left-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-top-left-radius: 0.417em;
    border-bottom-left-radius: 0.417em;
}

div.controls-buttons > div div:last-child,
div.controls-buttons > div span:last-child,
div.controls-buttons > div a:last-child {
    margin-right: -0.5em;
}

/* IE class */
div.controls-buttons > div div.last-child,
div.controls-buttons > div span.last-child,
div.controls-buttons > div a.last-child {
    margin-right: -0.5em;
}

div.controls-buttons > div > div:last-child,
div.controls-buttons > div > span:last-child,
div.controls-buttons > div > a:last-child {
    -moz-border-radius-topright: 0.417em;
    -moz-border-radius-bottomright: 0.417em;
    -webkit-border-top-right-radius: 0.417em;
    -webkit-border-bottom-right-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-top-right-radius: 0.417em;
    border-bottom-right-radius: 0.417em;
}

div.controls-buttons > div .control-first,
div.controls-buttons > div .control-prev,
div.controls-buttons > div .control-next,
div.controls-buttons > div .control-last {
    min-width: auto;
    width: 16px;
    overflow: hidden;
    text-indent: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

div.controls-buttons > div .control-first {
    background-image: url(../images/icons/fugue/control-double-180.png);
}

div.controls-buttons > div .control-prev {
    background-image: url(../images/icons/fugue/control-180.png);
}

div.controls-buttons > div .control-next {
    background-image: url(../images/icons/fugue/control.png);
}

div.controls-buttons > div .control-last {
    background-image: url(../images/icons/fugue/control-double.png);
}

/* IE class */
.ie ul.controls-buttons li.controls-block,
.ie ul.controls-buttons li a,
.ie div.controls-buttons > div,
.ie div.controls-buttons > span,
.ie div.controls-buttons > a {
    border-color: #cccccc;
}

ul.controls-buttons li a:hover,
ul.controls-buttons li a.current,
div.controls-buttons > div:hover,
div.controls-buttons > span:hover,
div.controls-buttons > a:hover,
div.controls-buttons > .current {
    border-color: #1eafdc #1193d5 #035592;
    background: #057fdb url(../images/old-browsers-bg/block-control-hover-bg.png) repeat-x;
    background: -moz-linear-gradient(
            top,
            white,
            #2bcef3 5%,
            #057fdb
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#057fdb),
            color-stop(0.05, #2bcef3)
    );
    color: white;
}

div.controls-buttons > div:hover a,
div.controls-buttons > span:hover a {
    color: white;
}

div.controls-buttons > span.sep:hover {
    background: url(../images/controls-bt-sep.png) no-repeat bottom;
}

ul.controls-buttons li a:hover strong,
ul.controls-buttons li a.current strong,
div.controls-buttons > div:hover strong,
div.controls-buttons > span:hover strong,
div.controls-buttons > a:hover strong,
div.controls-buttons > .current strong {
    color: white;
}

div.controls-buttons > div.sub-hover:hover {
    border: 1px solid white;
    background: #e7e7e7 url(../images/old-browsers-bg/controls-bt-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #f8f8f8,
            #e7e7e7
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f8f8f8),
            to(#e7e7e7)
    );
    color: #333333;
}

div.controls-buttons > div.sub-hover:hover strong {
    color: #333333;
}

div.controls-buttons > div.sub-hover:hover div,
div.controls-buttons > div.sub-hover:hover span,
div.controls-buttons > div.sub-hover:hover a {
    color: #333333;
}

div.controls-buttons > div div:hover,
div.controls-buttons > div span:hover,
div.controls-buttons > div a:hover {
    background-color: #e0e0e0;
    background-color: rgba(0, 0, 0, 0.1);
    color: white;
}

div.controls-buttons > div.sub-hover div:hover,
div.controls-buttons > div.sub-hover span:hover,
div.controls-buttons > div.sub-hover a:hover {
    color: #333333;
}

/* DataTables specific style */
div.controls-buttons > div.sub-hover.paging_full_numbers span:hover {
    background-color: none;
    color: #333333;
}

div.controls-buttons > div.sub-hover.paging_full_numbers span.paginate_button:hover,
div.controls-buttons > div.sub-hover.paging_full_numbers span.paginate_active:hover {
    background-color: #e0e0e0;
    background-color: rgba(0, 0, 0, 0.1);
    color: white;
}

div.controls-buttons > div .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

div.controls-buttons > div .disabled:hover {
    background-color: transparent;
}

.controls-buttons img {
    margin: -0.25em 0;
}

/* IE class */
.ie7 .controls-buttons img {
    margin: 0;
    vertical-align: middle;
}

.controls-buttons img:first-child {
    margin-left: -0.085em;
}

/* IE class */
.controls-buttons img.first-child {
    margin-left: -0.085em;
}

.controls-buttons img:last-child {
    margin-right: -0.085em;
}

/* IE class */
.controls-buttons img.last-child {
    margin-right: -0.085em;
}

.controls-buttons .progress-bar {
    margin: -0.25em 0;
}

.controls-buttons input[type=text],
.controls-buttons input[type=password],
.controls-buttons .input-type-text,
.controls-buttons select {
    margin-top: -0.5em;
    margin-bottom: -0.5em;
}

ul.controls-tabs {
    height: 47px;

    float: right;
    margin: -1em;
    padding-left: 1px;
    background: url(../images/controls-tabs-bg.png) no-repeat -48px 0;
}

ul.controls-tabs li {
    height: 48px;
    width: 49px;
    float: left;
}

ul.controls-tabs li:last-child {
    width: 48px;
}

/* IE class */
ul.controls-tabs li.last-child {
    width: 48px;
}

ul.controls-tabs li a {
    display: block;
    height: 100%;
    background: url(../images/controls-tabs-bg.png) no-repeat;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    color: #666666;
    position: relative;
}

ul.controls-tabs li a:hover {
    background-position: 0 -48px;
}

ul.controls-tabs li.current a,
ul.controls-tabs li.current a:hover {
    background-position: 0 -96px;
}

ul.controls-tabs li a img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -11px 0 0 -12px;
}

/***************** Block footer *****************/
/*.block-footer {
   background: #bfbfbf url(../images/old-browsers-bg/block-footer-bg.png) repeat-x top;
   -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
   background-size: 100% 100%;
   background: -moz-linear-gradient(
      top,
      #8b8b8b,
      #a9a9a9 10%,
      #bdbdbd 30%,
      #bfbfbf
   );
   background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(#8b8b8b),
      to(#bfbfbf),
      color-stop(0.1, #a9a9a9),
      color-stop(0.3, #bdbdbd)
   );
   margin: 0 -1.667em -1.667em -1.667em;
   -moz-border-radius: 0 0 0.167em 0.167em;
   -webkit-border-bottom-left-radius: 0.167em;
   -webkit-border-bottom-right-radius: 0.167em;
   border-radius: 0 0 0.167em 0.167em;
   padding: 0.5em 0.75em;
   line-height: 2em;
   color: #4d4d4d;
}
*/
section .no-margin > .block-footer {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

section .no-margin:last-child > .block-footer:last-child {
    -moz-border-radius: 0 0 0.167em 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-radius: 0 0 0.167em 0.167em;
}

section .block-header + .block-footer,
section .message.no-margin + .block-footer,
section .with-head.no-margin + .block-footer {
    margin-top: -1.667em;
}

.block-footer .sep {
    display: inline-block;
    width: 2px;
    height: 3em;
    vertical-align: -0.667em;
    margin: -0.5em 0.25em;
    background: url(../images/controls-bt-sep.png) no-repeat bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

/****************** Switches ********************/
.switch-replace {
    display: inline-block;
    width: 70px;
    height: 30px;
    background: url(../images/switch-bg.png) no-repeat 0 -34px;
    vertical-align: middle;
    cursor: pointer;
}

.switch:checked + .switch-replace {
    background-position: 0 0;
}

.switch:disabled + .switch-replace {
    background-position: 0 -68px;
}

/** IE class **/
.switch-replace-checked {
    background-position: 0 0;
}

.switch-replace-disabled {
    background-position: 0 -68px;
}

.mini-switch-replace {
    display: inline-block;
    width: 40px;
    height: 20px;
    background: url(../images/mini-switch-bg.png) no-repeat 0 -24px;
    vertical-align: middle;
    cursor: pointer;
}

.mini-switch:checked + .mini-switch-replace {
    background-position: 0 0;
}

.mini-switch:disabled + .mini-switch-replace {
    background-position: 0 -48px;
}

/** IE class **/
.mini-switch-replace-checked {
    background-position: 0 0;
}

.mini-switch-replace-disabled {
    background-position: 0 -48px;
}

/****************** Messages ********************/
.message {
    line-height: 1.25em;
    margin-bottom: 2.5em;
    border: 1px solid #999999;
    background: #F0F0F0;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 89;
}

ul.message {
    padding: 0.583em 0 0.083em 0;
}

ul.message li {
    text-transform: uppercase;
    font-size: 0.833em;
    line-height: 1.3em;
    padding: 0.2em 1em 0.8em 3em;
    background-repeat: no-repeat;
    background-position: 0.8em 0.1em;
}

div.message,
p.message {
    padding: 0.583em 0.833em 0.75em 2.5em;
    background-repeat: no-repeat;
    background-position: 0.667em 0.583em;
}

section .message {
    margin-bottom: 1.667em;
}

.message:last-child {
    margin-bottom: 0;
}

/* IE class */
.message.last-child {
    margin-bottom: 0;
}

.block-content .message {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*
.block-content .message.no-margin {
   margin: 0 -1.667em 1.667em -1.667em;
}*/

.block-content.no-padding .message.no-margin,
.block-content .no-margin > .message.no-margin {
    margin-left: 0;
    margin-right: 0;
}

.block-content .message.no-margin,
.block-content.no-padding .message {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    border-width: 1px 0px 1px 0px;
}

.block-content.no-title > .message.no-margin:first-child {
    margin-top: -1.667em;
}

/* IE class */
.block-content.no-title > .message.no-margin.first-child {
    margin-top: -1.667em;
}

.block-content.no-title > .message.no-margin:first-child,
.block-content.no-padding > .message:first-child {
    border-top: none;
    -moz-border-radius-topleft: 0.167em;
    -moz-border-radius-topright: 0.167em;
    -webkit-border-top-left-radius: 0.167em;
    -webkit-border-top-right-radius: 0.167em;
    border-top-left-radius: 0.167em;
    border-top-right-radius: 0.167em;
}

/* IE class */
.block-content.no-title > .message.no-margin.first-child,
.block-content.no-padding > .message.first-child {
    border-top: none;
}

/*
.block-content > .message.no-margin:last-child {
   margin-bottom: -1.667em;
}
*/
/* IE class */
.block-content > .message.no-margin.last-child {
    margin-bottom: -1.667em;
}

.block-content > .message.no-margin:last-child,
.block-content.no-padding > .message:last-child {
    -moz-border-radius-bottomleft: 0.167em;
    -moz-border-radius-bottomright: 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-bottom-left-radius: 0.167em;
    border-bottom-right-radius: 0.167em;
}

/* IE class */
.block-content > .message.no-margin.last-child,
.block-content.no-padding > .message.last-child {
    border-bottom: none;
}

section .block-controls + .message.no-margin,
section .block-header + .message.no-margin,
section .message.no-margin + .message.no-margin {
    margin-top: -1.667em;
    border-top: none;
}

.message {
    background-color: #e4e4dc;
    border-color: #999999;
}

.message.warning {
    background-color: #ffffcc;
    border-color: #c3c39e;
}

.message.error {
    background-color: #fff3f2;
    border-color: #c00000;
}

.message.success {
    background-color: #ddebdf;
    border-color: #339933;
}

.message.loading {
    background-color: #dcebf2;
    border-color: #19191a;
}

.message li,
div.message,
p.message {
    background-image: url(../images/icons/fugue/information-ocre.png);
    color: #576a73;
}

.message li strong,
div.message strong,
p.message strong {
    color: #576a73;
}

.message.warning li,
div.message.warning,
p.message.warning {
    background-image: url(../images/icons/fugue/balloon.png);
    color: #56563e;
}

.message.warning li strong,
div.message.warning strong,
p.message.warning strong {
    color: #56563e;
}

.message.error li,
div.message.error,
p.message.error {
    background-image: url(../images/icons/fugue/cross-circle.png);
    color: #563f3e;
}

.message.error li strong,
div.message.error strong,
p.message.error strong {
    color: #563f3e;
}

.message.success li,
div.message.success,
p.message.success {
    background-image: url(../images/icons/fugue/tick-circle.png);
    color: #194a19;
}

.message.success li strong,
p.message.success strong {
    color: #194a19;
}

.message.loading li,
div.message.loading,
p.message.loading {
    background-image: url(../images/info-loader.gif);
    color: #1e5774;
}

.message.loading li {
    background-position: 0.8em 0.4em;
}

div.message.loading,
p.message.loading {
    background-position: 0.667em 0.917em;
}

.message.loading li strong,
div.message.loading strong,
p.message.loading strong {
    color: #1e5774;
}

/**************** Close button ******************/
.close-bt,
ul li.close-bt,
ul.message li.close-bt {
    display: block;
    position: absolute;
    top: 0.083em;
    right: 0.083em;
    font-size: 1em;
    line-height: 1em;
    width: 1em;
    height: 1em;
    padding: 0;
    margin: 0;
    background: url(../images/icons/fugue/cross-small.png) no-repeat center center;
    cursor: pointer;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
    opacity: 0.5;
    filter: alpha(opacity=0.5);
}

.close-bt:hover,
ul li.close-bt:hover {
    opacity: 1;
    filter: none;
}

/****************** Mini-menu *******************/
.mini-menu {
    position: absolute;
    z-index: 89;
    right: 2em;
    top: 0;
    padding: 0;
    height: 1.833em;
    display: none;
    margin: -1.083em 0 -1.083em;
    white-space: nowrap;
}

td > .mini-menu {
    position: relative;
    right: 0;
    top: 0;
    float: right;
    margin-right: 1em;
}

:hover > .mini-menu {
    display: block;
}

.mini-menu > li {
    float: left;
    color: #999999;
    font-style: normal;
    height: 1.833em;
}

.mini-menu > li > a {
    display: block;
    line-height: 1.333em;
    height: 1.333em;
    padding: 0.25em 0.417em;
    border-left: 1px solid white;
    border-right: 1px solid #CCCCCC;
    color: #999;
}

/* IE class */
.ie7 .mini-menu > li > a {
    display: table-cell;
    vertical-align: middle;
}

.mini-menu > li:first-child > a {
    border-left: none;
    -moz-border-radius-topleft: 0.25em;
    -moz-border-radius-bottomleft: 0.25em;
    -webkit-border-top-left-radius: 0.25em;
    -webkit-border-bottom-left-radius: 0.25em;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
}

/* IE class */
.mini-menu > li.first-child > a {
    border-left: none;
}

.mini-menu > li:last-child > a {
    border-right: none;
    -moz-border-radius-topright: 0.25em;
    -moz-border-radius-bottomright: 0.25em;
    -webkit-border-top-right-radius: 0.25em;
    -webkit-border-bottom-right-radius: 0.25em;
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
}

/* IE class */
.mini-menu > li.last-child > a {
    border-right: none;
}

.mini-menu > li > a img {
    margin: 0 0 -3px;
}

/* IE class */
.ie7 .mini-menu > li > a img {
    margin: 0;
    vertical-align: middle;
}

/********************* Tabs *********************/
ul.tabs li > a,
ul.side-tabs li > a,
ul.tabs li > span,
ul.side-tabs li > span {
    display: block;
    background: #eeeeee url(../images/old-browsers-bg/tabs-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #ffffff,
            #eeeeee
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ffffff),
            to(#eeeeee)
    );
    padding: 0.583em;
    color: #808080;
    font-weight: bold;
    border: 1px solid #b3b3b3;
    text-decoration: none;
}

ul.tabs li > span,
ul.side-tabs li > span {
    color: #bfbfbf;
}

ul.tabs li.current > a,
ul.side-tabs li.current > a,
ul.tabs li.current > span,
ul.side-tabs li.current > span {
    background: white;
}

ul.tabs li > a:hover,
ul.side-tabs li > a:hover {
    color: #3399cc;
    border-color: #3399cc;
}

ul.tabs li > a img,
ul.side-tabs li > a img,
ul.tabs li > span img,
ul.side-tabs li > span img {
    margin: -2px 0 -3px 0;
}

/* IE class */
.ie7 ul.tabs li > a img,
.ie7 ul.side-tabs > li a img,
.ie7 ul.tabs li > span img,
.ie7 ul.side-tabs > li span img {
    margin-bottom: -2px;
}

ul.tabs {
    margin-bottom: 1px;
    height: 2.167em;
    clear: none;
}

ul.tabs li {
    float: left;
    margin-right: 0.417em;
}

ul.tabs li > a,
ul.tabs li > span {
    border-bottom: none;
    -moz-border-radius: 0.25em 0.25em 0 0;
    -webkit-border-top-left-radius: 0.25em;
    -webkit-border-top-right-radius: 0.25em;
    border-radius: 0.25em 0.25em 0 0;
    margin-right: 0.083em;
}

ul.tabs li.current > a,
ul.tabs li.current > span {
    padding-bottom: 0.667em;
}

ul.tabs li.with-margin {
    margin-bottom: 0;
    margin-left: 1em;
}

ul.side-tabs {
    padding-top: 0.417em;
}

ul.side-tabs li > a,
ul.side-tabs li > span {
    border-right: none;
    -moz-border-radius: 0.25em 0 0 0.25em;
    -webkit-border-top-left-radius: 0.25em;
    -webkit-border-bottom-left-radius: 0.25em;
    border-radius: 0.25em 0 0 0.25em;
    margin-bottom: 0.417em;
}

ul.side-tabs li.current > a,
ul.side-tabs li.current > span {
    margin-right: -1px;
}

ul.side-tabs li.icon-tab {
    float: right;
}

ul.side-tabs li.icon-tab > a,
ul.side-tabs li.icon-tab > span {
    padding-right: 0.5em;
}

ul.side-tabs li.with-margin {
    margin-bottom: 0;
    margin-top: 1em;
}

.tabs-content {
    background-color: white;
    border: 1px solid #b3b3b3;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.50em;
    padding: 1.667em;
}

ul.tabs + .tabs-content {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.mini-tabs {
    border: 1px solid #b3b3b3;
    border-width: 1px 0;
    margin-bottom: 1.667em;
    padding: 0.583em 0 0 0.5em;
    height: 1.833em;
    background: #dbdbdb url(../images/old-browsers-bg/mini-tabs-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #fafafa,
            #dbdbdb
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#fafafa),
            to(#dbdbdb)
    );
}

.mini-tabs.no-margin {
    margin: 0 -1.667em 1.667em -1.667em;
}

.mini-tabs.no-margin:first-child {
    margin-top: -1.667em;
    border-top: 0;
    -moz-border-radius: 0.167em 0.167em 0 0;
    -webkit-border-top-left-radius: 0.167em;
    -webkit-border-top-right-radius: 0.167em;
    border-radius: 0.167em 0.167em 0 0;
}

.mini-tabs li {
    float: left;
    height: 1.833em;
    line-height: 1.833em;
    margin-right: 0.5em;
}

.mini-tabs li > a {
    display: block;
    height: 1.333em;
    line-height: 1.333em;
    margin-top: -1px;
    padding: 0.25em 0.583em;
    border: 1px solid #b3b3b3;
    border-bottom: 0;
    -moz-border-radius: 0.25em 0.25em 0 0;
    -webkit-border-top-left-radius: 0.25em;
    -webkit-border-top-right-radius: 0.25em;
    border-radius: 0.25em 0.25em 0 0;
    background: #dddddd url(../images/old-browsers-bg/mini-tabs-tab-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #ffffff,
            #dddddd
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ffffff),
            to(#dddddd)
    );
    color: #666666;
    text-decoration: none;
}

.mini-tabs li > a img {
    margin-bottom: -1px;
}

/* IE class */
.ie7 .mini-tabs li > a img {
    vertical-align: middle;
}

.mini-tabs li.current > a {
    background: white;
    padding-bottom: 0.333em;
}

.mini-tabs li > a:hover {
    color: #3399cc;
    border-color: #3399cc;
}

/********************* Tips *********************/
#tips {
    z-index: 999900;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

#tips div {
    position: absolute;
    background: #ffffcc;
    border: 1px solid #a6a6a6;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    line-height: 1.222em;
    text-transform: uppercase;
    color: #333333;
    padding: 0.222em 0.444em;
    min-width: 8em;
    text-align: center;
    white-space: normal;
}

#tips div .arrow {
    font-size: 0;
    line-height: 0;
    width: 0;
    position: absolute;
    z-index: 89;
    left: 50%;
    margin-left: -6px;
    bottom: -7px;
    border-top: 7px solid #a6a6a6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

#tips div.tip-right .arrow {
    bottom: auto;
    left: -7px;
    top: 50%;
    margin-left: 0;
    margin-top: -6px;
    border-right: 7px solid #a6a6a6;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 0;
}

#tips div.tip-bottom .arrow {
    bottom: auto;
    top: -7px;
    border-top: 0;
    border-bottom: 7px solid #a6a6a6;
}

#tips div.tip-left .arrow {
    bottom: auto;
    left: auto;
    top: 50%;
    right: -7px;
    margin-left: 0;
    margin-top: -6px;
    border-left: 7px solid #a6a6a6;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 0;
}

#tips div .arrow span {
    width: 0;
    position: absolute;
    z-index: 89;
    margin-left: -5px;
    top: -7px;
    border-top: 6px solid #ffffcc;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

#tips div.tip-right .arrow span {
    border-right: 6px solid #ffffcc;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 0;
    margin-left: 0;
    left: 1px;
    top: auto;
    margin-top: -5px;
}

#tips div.tip-bottom .arrow span {
    top: 1px;
    border-top: 0;
    border-bottom: 6px solid #ffffcc;
}

#tips div.tip-left .arrow span {
    border-left: 6px solid #ffffcc;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 0;
    margin-left: 0;
    right: 1px;
    top: auto;
    margin-top: -5px;
}

/***************** Loading tab ******************/
.loading-tab {
    background: #8e8e8e url(../images/old-browsers-bg/loading-tab-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #636363,
            #898989 25%,
            #8e8e8e
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#636363),
            to(#8e8e8e),
            color-stop(0.25, #898989)
    );
    border: 1px solid #b6b6b6;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    color: white;
    padding: 0.5em 0.75em;
    line-height: 2em;
    margin-bottom: 1.667em;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}

.loading-tab.no-margin {
    border-width: 1px 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.block-controls + .loading-tab.no-margin {
    border-top: 0;
}

.with-padding .loading-tab.stick-to-top {
    border-top: 0;
    -moz-border-radius: 0 0 0.25em 0.25em;
    -webkit-border-bottom-left-radius: 0.25em;
    -webkit-border-bottom-right-radius: 0.25em;
    border-radius: 0 0 0.25em 0.25em;
    margin-top: -1em;
    margin-bottom: 0;
}

/**************** Loading mask ******************/
.loading-mask {
    position: absolute;
    z-index: 89;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: url(../images/old-browsers-bg/black50.png);
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.loading-mask span {
    position: absolute;
    z-index: 89;
    left: 50%;
    top: 50%;
    margin-top: -3.5em;
    margin-left: -4.5em;
    padding: 60px 1em 1em;
    min-width: 7em;
    line-height: 1.25em;
    text-align: center;
    color: white;
    background: black url(../images/mask-loader.gif) no-repeat center 17px;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.loading-mask span.error {
    background-image: url(../images/icons/web-app/32/Delete.png);
    color: red;
    cursor: pointer;
}

.loading-mask span a {
    color: white;
    font-weight: bold;
}

/**************** Progress bar ******************/
.progress-bar {
    display: inline-block;
    position: relative;
    z-index: 89;
    height: 1.167em;
    margin: 0 0.25em;
    width: 6em;
    padding: 0;
    -moz-border-radius: 0.167em;
    -webkit-border-radius: 0.167em;
    -webkit-background-clip: padding-box;
    border-radius: 0.167em;
    color: #333333;
    border: 1px solid #808080;
    min-width: auto;
    text-transform: none;
    background: #a5a5a5 url(../images/old-browsers-bg/progress-bar-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            left,
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0) 3%,
            rgba(0, 0, 0, 0) 97%,
            rgba(0, 0, 0, 0.2)
    ), -moz-linear-gradient(
            top,
            #808080,
            #9b9b9b 15%,
            #c3c3c3 85%,
            #a5a5a5
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(0, 0, 0, 0.2)),
            to(rgba(0, 0, 0, 0.2)),
            color-stop(0.03, rgba(0, 0, 0, 0)),
            color-stop(0.97, rgba(0, 0, 0, 0))
    ), -webkit-gradient(
            linear,
            left top, left bottom,
            from(#808080),
            to(#a5a5a5),
            color-stop(0.15, #9b9b9b),
            color-stop(0.85, #c3c3c3)
    );
    text-align: center;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: -0.083em;
}

/* IE class */
.ie7 .progress-bar {
    vertical-align: middle;
    margin-bottom: -0.083em;
}

.button .progress-bar {
    vertical-align: -0.333em;
}

.progress-bar:first-child {
    margin-left: 0;
}

/* IE class */
.progress-bar.first-child {
    margin-left: 0;
}

.progress-bar:last-child {
    margin-right: 0;
}

/* IE class */
.progress-bar.last-child {
    margin-right: 0;
}

.progress-bar > span,
.progress-bar > span.blue {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0.75em;
    line-height: 1.333em;
    color: white;
    padding: 0;
    margin: 0;
    -moz-border-radius: 0.11em;
    -webkit-border-radius: 0.11em;
    -webkit-background-clip: padding-box;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 1px black;
    -webkit-box-shadow: 0 0 1px black;
    box-shadow: 0 0 1px black;
    background: #4398c9 url(../images/old-browsers-bg/planning-bar-blue-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #b0cde5,
            #6ec3e3 15%,
            #0e62a8 73%,
            #4398c9
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#b0cde5),
            to(#4398c9),
            color-stop(0.15, #6ec3e3),
            color-stop(0.73, #0e62a8)
    );
}

.progress-bar > span.with-stripes,
.progress-bar > span.blue.with-stripes {
    background: #3399cc url(../images/loading-stripes.gif);
    background-size: auto;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background: url(../images/loading-stripes.png), -moz-linear-gradient(
            top,
            #b0cde5,
            #6ec3e3 15%,
            #0e62a8 73%,
            #4398c9
    );
    background: url(../images/loading-stripes.gif), -webkit-gradient(
            linear,
            left top, left bottom,
            from(#b0cde5),
            to(#4398c9),
            color-stop(0.15, #6ec3e3),
            color-stop(0.73, #0e62a8)
    );
}

.progress-bar > span.green {
    border-color: #15a80e;
    background: #56c943 url(../images/old-browsers-bg/planning-bar-green-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #b3e6b1,
            #8ae46f 15%,
            #15a80e 73%,
            #56c943
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#b3e6b1),
            to(#56c943),
            color-stop(0.15, #8ae46f),
            color-stop(0.73, #15a80e)
    );
}

.progress-bar > span.green.with-stripes {
    background: #33cc33 url(../images/loading-stripes.gif);
    background-size: auto;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background: url(../images/loading-stripes.png), -moz-linear-gradient(
            top,
            #b3e6b1,
            #8ae46f 15%,
            #15a80e 73%,
            #56c943
    );
    background: url(../images/loading-stripes.gif), -webkit-gradient(
            linear,
            left top, left bottom,
            from(#b3e6b1),
            to(#56c943),
            color-stop(0.15, #8ae46f),
            color-stop(0.73, #15a80e)
    );
}

.progress-bar > span.orange {
    border-color: #a8750e;
    background: #c99c43 url(../images/old-browsers-bg/planning-bar-orange-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #e6d4b1,
            #e4bd6f 15%,
            #a8750e 73%,
            #c99c43
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#e6d4b1),
            to(#c99c43),
            color-stop(0.15, #e4bd6f),
            color-stop(0.73, #a8750e)
    );
}

.progress-bar > span.orange.with-stripes {
    background: #ff9900 url(../images/loading-stripes.gif);
    background-size: auto;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background: url(../images/loading-stripes.png), -moz-linear-gradient(
            top,
            #e6d4b1,
            #e4bd6f 15%,
            #a8750e 73%,
            #c99c43
    );
    background: url(../images/loading-stripes.gif), -webkit-gradient(
            linear,
            left top, left bottom,
            from(#e6d4b1),
            to(#c99c43),
            color-stop(0.15, #e4bd6f),
            color-stop(0.73, #a8750e)
    );
}

.progress-bar > span.purple {
    border-color: #a10ea8;
    background: #b543c9 url(../images/old-browsers-bg/planning-bar-purple-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #e3b1e6,
            #c86fe4 15%,
            #a10ea8 73%,
            #b543c9
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#e3b1e6),
            to(#b543c9),
            color-stop(0.15, #c86fe4),
            color-stop(0.73, #a10ea8)
    );
}

.progress-bar > span.purple.with-stripes {
    background: #9933cc url(../images/loading-stripes.gif);
    background-size: auto;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background: url(../images/loading-stripes.png), -moz-linear-gradient(
            top,
            #e3b1e6,
            #c86fe4 15%,
            #a10ea8 73%,
            #b543c9
    );
    background: url(../images/loading-stripes.gif), -webkit-gradient(
            linear,
            left top, left bottom,
            from(#e3b1e6),
            to(#b543c9),
            color-stop(0.15, #c86fe4),
            color-stop(0.73, #a10ea8)
    );
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after,
.block-controls:after,
.side-tabs:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix,
.block-controls,
.side-tabs {
    display: inline-block;
}

* html .clearfix,
* html .block-controls,
* html .side-tabs {
    height: 1%;
}

.clearfix,
.block-controls,
.side-tabs {
    display: block;
}

.hide {
    display: none;
}

#loading {
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: center;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999999999999999;
}

#loading #loadingText {
    position: relative;
    top: 25%;
    width: 250px;
    margin: -75px auto auto auto;
    text-align: left;
    border: 1px solid blue;
    -line-height: 40px;
    padding: 40px;
    border: 1px solid #212121;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    background: -moz-linear-gradient(center top, white, #72C6E4 4%, #0C5FA5) repeat scroll 0 0 transparent;
    font-size: 14px;
}

#loading #loadingText .loading-message{
    margin-left: 15px;
}

#loading #loadingText .loading-icon {
    float: right;
    margin-right: 15px;
    margin-top: 13px;
}

.disable-block-content {
    border: 0px;
    box-shadow: 0px;
    padding: 0px !important;
}

.rotate{
    animation: rotation 2s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/***********************/
/**     form.css      **/
/***********************/
/************** Forms & pseudo-form **************/
.form fieldset,
.fieldset {
    border: 1px solid #d9d9d9;
    padding: 1em 1.667em 1.667em 1.667em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    margin-bottom: 1.667em;
}

/* IE class */
.ie7 .block-content .form fieldset.no-margin,
.ie7 .form.block-content fieldset.no-margin,
.ie7 .form .block-content fieldset.no-margin {
    display: block;
    width: 100%;
}

.fieldset {
    position: relative;
    z-index: 89;
    padding-top: 1.667em;
}

.with-legend {
    margin-top: 1em;
}

/* IE class */
.ie .form fieldset {
    padding-top: 0;
}

.ie .form fieldset.no-legend {
    padding-top: 1.667em;
}

.form legend,
.legend {
    margin-left: -0.833em;
}

.legend {
    position: absolute;
    left: 1.667em;
    top: -1.083em;
}

/* IE class */
.ie .form legend {
    margin-bottom: 1em;
    margin-top: -1em;
}

.ie .form .fieldset-with-legend {
    margin-top: 2em;
}

.ie .form .fieldset-with-legend-first-child {
    margin-top: 1em;
}

.form legend a,
.legend a {
    display: block;
    margin: -0.25em -0.333em -0.333em -0.5em;
    padding: 0.25em 20px 0.333em 0.5em;
    color: #666;
    background: url(../images/icons/fugue/chevron-off.png) no-repeat right 60%;
}

.form legend a:hover,
.legend a:hover {
    color: #3399cc;
    background-image: url(../images/icons/fugue/chevron.png);
}

.form fieldset.collapsed,
.fieldset.collapsed {
    border: none;
    padding: 0;
    background: none;
}

.form fieldset.no-margin.collapsed,
.fieldset.no-margin.collapsed {
    padding-left: 1.667em;
}

.form fieldset.no-margin.collapsed:last-child,
.fieldset.no-margin.collapsed:last-child {
    padding-bottom: 1.667em;
}

/* IE class */
.form fieldset.no-margin.collapsed.last-child,
.fieldset.no-margin.collapsed.last-child {
    padding-bottom: 0.667em;
}

.form fieldset.collapsed > *,
.fieldset.collapsed > * {
    display: none;
}

.form fieldset.collapsed legend,
.fieldset.collapsed .legend {
    display: block;
    margin-left: 0;
}

.ie7 .form fieldset.collapsed legend,
.ie7 .fieldset.collapsed .legend {
    display: inline-block;
}

.form fieldset.collapsed legend a,
.fieldset.collapsed .legend a {
    background-image: url(../images/icons/fugue/chevron-expand-off.png);
}

.form fieldset.collapsed legend a:hover,
.fieldset.collapsed .legend a:hover {
    background-image: url(../images/icons/fugue/chevron-expand.png);
}

fieldset legend .show-expanded, .fieldset .legend .show-expanded {
    display: inline;
}

fieldset legend .show-collapsed, .fieldset .legend .show-collapsed {
    display: none;
}

fieldset.collapsed legend .show-expanded, .fieldset.collapsed .legend .show-expanded {
    display: none;
}

fieldset.collapsed legend .show-collapsed, .fieldset.collapsed .legend .show-collapsed {
    display: inline;
}

.block-content .form fieldset.no-margin,
.block-content.form fieldset.no-margin,
.form .block-content fieldset.no-margin,
.block-content .fieldset.no-margin {
    border-color: #999999;
    border-width: 1px 0 1px 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
}

.form fieldset.no-margin legend,
.fieldset.no-margin .legend {
    margin-left: 0;
}

/* IE class */
.ie7 .form fieldset.no-margin legend {
    margin-left: -0.667em;
}

.form fieldset:last-child,
.fieldset:last-child {
    margin-bottom: 0;
}

/* IE class */
.form fieldset.last-child,
.fieldset.last-child {
    margin-bottom: 0;
}

.block-content .form fieldset.no-margin:last-child,
.block-content.form fieldset.no-margin:last-child,
.form .block-content fieldset.no-margin:last-child,
section .fieldset.no-margin:last-child {
    border-bottom: 0;
    -moz-border-radius: 0 0 0.167em 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-radius: 0 0 0.167em 0.167em;
}

/* IE class */
.block-content .form fieldset.no-margin.last-child,
.block-content.form fieldset.no-margin.last-child,
.form .block-content fieldset.no-margin.last-child,
.fieldset.no-margin.last-child {
    border-bottom: 0;
}

.form label,
.form .label {
    color: #808080;
    font-weight: bold;
    display: block;
    margin-bottom: 0.5em;
}

.form label.light,
.form .label.light {
    font-weight: normal;
    color: #777;
}

.form label.inline,
.form .label.inline {
    display: inline;
    float: none;
    margin: 0;
    font-weight: normal;
}

.form .required label,
.form .required .label,
.form label.required,
.form .label.required,
.form label.inline.required,
.form .label.inline.required {
    color: black;
}

.form .required label:before,
.form .required .label:before,
.form label.required:before,
.form .label.required:before {
    color: red;
    content: "* ";
}

/** IE class **/
.form .required-label-before {
    color: red;
}

p.inline-label,
.inline-label p {
    padding-left: 20em;
}

p.inline-mini-label,
.inline-mini-label p {
    padding-left: 5em;
}

p.inline-small-label,
.inline-small-label p {
    padding-left: 11em;
}

p.inline-medium-label,
.inline-medium-label p {
    padding-left: 15em;
}

.inline-label label,
.inline-label .label,
.inline-mini-label label,
.inline-mini-label .label,
.inline-small-label label,
.inline-small-label .label,
.inline-medium-label label,
.inline-medium-label .label {
    display: block;
    float: left;
    color: #333333;
    padding: 0.667em 0 0.583em;
}

.inline-label label,
.inline-label .label {
    width: 19em;
    margin-left: -20em;
}

.inline-mini-label label,
.inline-mini-label .label {
    width: 4em;
    margin-left: -5em;
}

.inline-small-label label,
.inline-small-label .label {
    width: 10em;
    margin-left: -11em;
}

.inline-medium-label label,
.inline-medium-label .label {
    width: 14em;
    margin-left: -15em;
}

/** IE class **/
.form input[type=text],
.form input[type=password],
.form .input-type-text {
    font-size: 1em;
    color: #333333;
    padding: 0.5em;
    border: 1px solid #89bad3;
    background: white url(../images/old-browsers-bg/input-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #d4d4d4,
            #ebebeb 3px,
            white 27px
    ), white;
    background: -webkit-gradient(
            linear,
            left 0px, left 27px,
            from(#d4d4d4),
            to(white),
            color-stop(0.12, #ebebeb)
    ), white;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
}

.form input[type=text],
.form input[type=password] {
    padding-bottom: 0.583em;
}

.form input[type=text]:focus,
.form input[type=password]:focus,
.form .input-type-text:focus,
.form select:focus,
.form textarea:focus {
    border-color: #CC3333;
}

/** IE selector **/
.form .input-focus {
    border-color: #3399cc;
}

.form span.input-type-text {
    display: inline-block;
}

/** IE class **/
.ie7 .form p.input-type-text {
    display: inline-block;
}

.form .input-type-text input[type=text],
.form .input-type-text input[type=password] {
    padding: 0;
    border: none;
    background: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    margin: 0 0 1px 0;
}

/** IE class **/
.ie7 .form .input-type-text input[type=text] {
    float: left;
}

.form .input-type-text img {
    margin: 0 0 -3px 0.2em;
}

.form select,
.form textarea {
    color: #333333;
    font-size: 1em;
    padding: 0.417em;
    border: 1px solid #89bad3;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
}

.form textarea {
    width: 100%;
    resize: none;
    background: white url(../images/old-browsers-bg/input-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #d4d4d4,
            #ebebeb 3px,
            white 27px
    ), white;
    background: -webkit-gradient(
            linear,
            left 0px, left 27px,
            from(#d4d4d4),
            to(white),
            color-stop(0.12, #ebebeb)
    ), white;
}

.form select {
    font-size: 1.083em;
    padding: 0.385em;
}

.form input.disabled,
.form select.disabled,
.form textarea.disabled {
    color: #A9A9A9;
    border: 1px solid #adcede;
}

.form input[disabled],
.form select[disabled],
.form textarea[disabled] {
    color: #A9A9A9;
}

.form input[type=text].small,
.form input[type=password].small,
.form select.small,
.form textarea.small {
    font-size: 1em;
    padding: 0.167em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
}

.form input[type=text].small,
.form input[type=password].small {
    padding: 0.25em;
}

.form input[type=text].smaller,
.form input[type=password].smaller,
.form select.smaller,
.form textarea.smaller {
    font-size: 1em;
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
}

.form input[type=text].big,
.form input[type=password].big,
.form select.big,
.form textarea.big {
    font-size: 1.5em;
}

.form input[type=text].bigger,
.form input[type=password].bigger,
.form select.bigger,
.form textarea.bigger {
    font-size: 2.5em;
}

.form input[type=radio],
.form input[type=checkbox] {
    vertical-align: -9%;
    margin: 0;
    padding: 0;
}

/** IE class **/
.form .input-type-check {
    vertical-align: -7%;
}

.badge {
    display: inline-block;
    padding: 2px 5px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;

    border-radius: 9px;
    position: absolute;
}

.badge-important {
    background-color: #B94A48;
}

.form input[type=radio] + label,
.form input[type=checkbox] + label {
    color: #333333;
    font-weight: normal;
    display: inline;
    margin-bottom: 0;
    padding-right: 0.5em;
}

/** IE class **/
.form .input-type-check-label {
    color: #333333;
    font-weight: normal;
    display: inline;
    margin-bottom: 0;
    padding-right: 0.5em;
}

.form input[type=radio] + label:last-child,
.form input[type=checkbox] + label:last-child {
    padding-right: 0;
}

/** IE class **/
.form .input-type-check-label-last-child {
    padding-right: 0;
}

.checkable-list {
    padding-top: 0.333em;
    line-height: 1.25em;
}

.checkable-list li {
    padding: 0 0 0.75em 1.25em;
}

.checkable-list li:last-child {
    padding-bottom: 0;
}

/** IE class **/
.checkable-list li.last-child {
    padding-bottom: 0;
}

.checkable-list li input[type=radio],
.checkable-list li input[type=checkbox] {
    float: left;
    vertical-align: baseline;
    margin: 1px 0 0 -1.167em;
}

/** IE class **/
.ie .checkable-list li input[type=radio],
.ie .checkable-list li input[type=checkbox] {
    margin: -3px 0 0 -1.25em;
}

.checkable-list li .input-type-radio,
.checkable-list li .input-type-checkbox {
    float: left;
    margin: -3px 0 0 -1.25em;
}

.full-width {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.ie7 .full-width {
    width: 93%;
}

.ie7 select.full-width {
    width: 100%;
}

.input-with-button input[type=text] {
    width: 65%;
    margin-right: 3%;
}

/** IE class **/
.input-with-button .input-type-text {
    width: 65%;
    margin-right: 3%;
}

.input-with-button select {
    width: 70%;
    margin-right: 3%;
}

.input-with-button button {
    width: 25%;
}

.input-height {
    display: block;
    line-height: 1em;
    padding: 0.583em 0 0.75em;
    border: 1px solid transparent;
}

.input-height.grey-bg {
    background: #cccccc;
    border: 1px solid #cccccc;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

p.input-height,
p.input-height.grey-bg {
    line-height: 1.25em;
    padding-top: 0.5em;
    padding-bottom: 0.583em;
}

.one-line-input {
    text-align: right;
}

.one-line-input label {
    float: left;
    margin: 0.2em 0 0 0;
}

.form input[type=text].error,
.form input[type=password].error,
.form .input-type-text.error,
.form select.error,
.form textarea.error {
    border-color: #CC0000;
}

.check-ok,
.check-error,
.check-warning {
    display: block;
    position: absolute;
    z-index: 89;
    width: 16px;
    height: 16px;
    right: -8px;
    top: -8px;
}

.check-ok {
    background: url(../images/icons/fugue/tick-circle-blue.png) no-repeat;
}

.check-error {
    background: url(../images/icons/fugue/cross-circle.png) no-repeat;
}

.check-warning {
    background: url(../images/icons/fugue/exclamation-diamond.png) no-repeat;
}

span.relative > input + .check-ok,
span.relative > select + .check-ok,
span.relative > input + .check-error,
span.relative > select + .check-error,
span.relative > input + .check-warning,
span.relative > select + .check-warning {
    margin-top: -0.667em;
    right: -4px;
}

p span.relative > input + .check-ok,
p span.relative > select + .check-ok,
p span.relative > input + .check-error,
p span.relative > select + .check-error,
p span.relative > input + .check-warning,
p span.relative > select + .check-warning {
    margin-top: -0.583em;
}

/***********************/
/**    standard.css   **/
/***********************/
/**
 * Styles for the standard template
*/

html {
    min-height: 100%;
    overflow-x: hidden;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-family: 'Work Sans', sans-serif;
    height: 100%;
    width: 100%;
}

textarea, input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-family: 'Work Sans', sans-serif;
}

/**************** Generic classes ***************/
h2.bigger, h3.bigger,
h2.big, h3.big {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}

/******************* Columns ********************/
.columns {
    margin-bottom: 1.667em;
    position: relative;
}

.columns:last-child {
    margin-bottom: 0;
}

/** IE class **/
.columns.last-child {
    margin-bottom: 0;
}

/* 2 columns */
.colx2-left {
    width: 48%;
    float: left;
    margin-bottom: 0;
}

.colx2-right {
    width: 48%;
    float: right;
    margin-bottom: 0;
}

/* 3 columns */
.colx3-left {
    width: 31%;
    float: left;
    margin-bottom: 0;
}

.colx3-left-double {
    width: 65.5%;
    float: left;
    margin-bottom: 0;
}

.colx3-center {
    width: 31%;
    float: left;
    margin-left: 3.5%;
    margin-bottom: 0;
}

.colx3-right {
    width: 31%;
    float: right;
    margin-bottom: 0;
}

.colx3-right-double {
    width: 65.5%;
    float: right;
    margin-bottom: 0;
}

/* 200px fixed-width left column */
.col100pxL-left {
    width: 100px;
    float: left;
}

.col115pxL-left {
    width: 115px;
    float: left;
}

.col150pxL-left {
    width: 150px;
    float: left;
}

.col200pxL-left {
    width: 200px;
    float: left;
}

.col200pxL-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
}

.col115pxL-right {
    margin-left: 115px;
}

.col150pxL-right {
    margin-left: 150px;
}

.col200pxL-right {
    margin-left: 200px;
}

/* 200px fixed-width right column */
.col200pxR-left {
    margin-right: 200px;
}

.col200pxR-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 180px;
}

.col200pxR-right {
    width: 200px;
    float: right;
}

/************* Button-style images **************/
.button img,
.form legend img,
.legend img,
.mini-menu img {
    margin-bottom: -4px;
}

/******************** Header ********************/
header {
    color: #666666;
    text-transform: uppercase;
    position: absolute;
    z-index: 88;
    top: 0;
    left: 0;
    width: 100%;
    white-space: nowrap;
    text-align: right;
}

header .server-info {
    display: inline-block;
    border-top: 0;
    padding: 0 1em;
    color: white;
    background: url(../images/old-browsers-bg/server-status-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            rgba(64, 64, 64, 0.3),
            rgba(255, 255, 255, 0.2)
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(64, 64, 64, 0.3)),
            to(rgba(255, 255, 255, 0.2))
    );
    margin-left: 0.5em;
    height: 2.6em;
    line-height: 2.6em;
    vertical-align: top;
    font-size: 0.833em;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
    -moz-border-radius: 0 0 0.4em 0.4em;
    -webkit-border-radius: 0.4em;
    -webkit-background-clip: padding-box;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-radius: 0 0 0.4em 0.4em;
}

.ie7 header .server-info {
    display: inline;
    zoom: 1;
}

#skin-name {
    display: inline-block;
    margin: 0 0.7em 0 0;
    color: #B0B0B0;
    color: rgba(255, 255, 255, 0.75);
}

.ie7 #skin-name {
    display: inline;
    zoom: 1;
}

#skin-name small {
    float: left;
    font-size: 0.75em;
    line-height: 1.111em;
    text-transform: uppercase;
    color: #B0B0B0;
    color: rgba(255, 255, 255, 0.75);
    padding-top: 0.555em;
    text-align: right;
}

#skin-name strong {
    font-size: 2em;
    line-height: 1.333em;
    margin-left: 0.167em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    letter-spacing: -0.09em;
}

.ie #skin-name strong {
    padding-right: 0.083em;
}

/*
nav {
   height: 84px;
   padding-top: 1.25em;
   background: #3399cc url(../images/old-browsers-bg/main-nav-bg.png) repeat-x bottom;
   -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
   background-size: 100% 100%;
  background: -moz-linear-gradient(top, #014a7d, #3399cc);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#014a7d), to(#3399cc));
   -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
   box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}
nav > ul {
   padding-top: 4px;
   position: relative;
   z-index: 100;
}

nav > ul > li {
   width: 64px;
   height: 69px;
   float: left;
   background-position: center -54px;
   background-repeat: no-repeat;
}

nav > ul > li > a {
   display: block;
   height: 69px;
   background-repeat: no-repeat;
   background-position: 8px 14px;
   overflow: hidden;
   text-indent: 200px;
   white-space: nowrap;
   /* opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

nav > ul > li.write, nav > ul > li.write > a {
   background-image: url(../images/icons/write_2states.png);
}
*/
/*
#portal_menu_logado > li > a {
   background-image: url(../images/modules-logos-white.png);
   background-repeat: no-repeat;
   background-size: 830px 318px;
}

#portal_menu_logado > li.home a {
   background-position: -677px -255px;
}

#portal_menu_logado > li.protocolo a {
   background-position: -674px 8px;
}

#portal_menu_logado > li.biblioteca a {
   background-position: -384px -255px;
}

#portal_menu_logado > li.saude a {
   background-position: -284px -78px;
}

#portal_menu_logado > li.fundo_aposentadoria a {
   background-position: 4px -255px;
}

#portal_menu_logado > li.educacao a {
   background-position: -482px -78px;
}

#portal_menu_logado > li.contabilidade a {
   background-position: -479px -166px;
}

#portal_menu_logado > li.tributacao a {
   background-position: -90px -77px;
}

#portal_menu_logado > li.meio_ambiente a {
   background-position: 3px 9px;
}

#portal_menu_logado > li.transporte_escolar a {
   background-position: -481px 9px;
}

#portal_menu_logado > li.catalogo_economico a {
   background-position: -764px -256px;
}
*/
nav > ul > li.current {
    padding: 0 8px 13px 8px;
    margin: 0 -8px -13px -8px;
    background: url(../images/tab-bg.png) no-repeat;
}

nav > ul > li.current > a,
nav > ul > li > a:hover {
    opacity: 1;
    filter: none;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

nav > ul > li > ul {
    position: absolute;
    left: 0;
    top: 70px;
    display: none;
    padding-top: 0.333em;
    background: none;
}

nav > ul > li.current > ul {
    display: block;
}

nav > ul > li > ul > li,
#sub-nav a.nav-button {
    display: block;
    float: left;
    height: 2.2em;
    font-size: 0.833em;
    line-height: 2.2em;
    padding: 0.1em;
    width: auto;
    background: #465a6e url(../images/old-browsers-bg/subnav-bt-border-bg.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(top, #9faab6, #465a6e);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9faab6), to(#465a6e));
    margin-right: 0.5em;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    color: white;
    text-transform: uppercase;
    -moz-box-shadow: 0 0 7px #000000;
    -webkit-box-shadow: 0 0 7px #000000;
    box-shadow: 0 0 7px #000000;
    text-decoration: none;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

nav > ul > li > ul > li.current {
    height: 3.1em;
    line-height: 3.1em;
    color: #333;
    padding: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #dadada url(../images/old-browsers-bg/subnav-current-bt-border-bg.png) repeat-x;
    background: -moz-linear-gradient(
            top,
            white,
            #dadada 7%,
            #dadada
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#dadada),
            color-stop(0.07, #dadada)
    );
}

nav > ul > li > ul > li > a,
#sub-nav a.nav-button > b {
    display: block;
    height: 2.2em;
    line-height: 2.2em;
    width: auto;
    padding: 0 1em;
    color: white;
    text-indent: 0;
    text-decoration: none;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -webkit-background-clip: padding-box;
    border-radius: 0.3em;
    font-weight: normal;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

nav > ul > li > ul > li > a,
#sub-nav a.nav-button > b,
nav > ul > li > ul > li.with-menu .menu,
nav > ul > li > ul > li.menu-opener .menu-arrow {
    background: #1d2a36 url(../images/old-browsers-bg/subnav-bt-bg.png) repeat-x !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(top, #858d95, #46505b 50%, #38424d 50%, #1c2733) !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#858d95), to(#1c2733), color-stop(.5, #46505b), color-stop(.5, #38424d)) !important;
}

nav > ul > li > ul > li.current > a {
    background: none !important;
    height: 2.8em;
    line-height: 2.8em;
    color: #333;
}

nav > ul > li > ul > li:hover,
#sub-nav a.nav-button:hover {
    background: #6dc0e5 url(../images/old-browsers-bg/subnav-bt-hover-border-bg.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(top, #cbe9f7, #6dc0e5);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cbe9f7), to(#6dc0e5));
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

nav > ul > li > ul > li.current:hover {
    background: #dadada url(../images/old-browsers-bg/subnav-current-bt-border-bg.png) repeat-x;
    background: -moz-linear-gradient(
            top,
            white,
            #dadada 7%,
            #dadada
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#dadada),
            color-stop(0.07, #dadada)
    );
}

nav > ul > li > ul > li > a:hover,
#sub-nav a.nav-button:hover > b,
nav > ul > li > ul > li.with-menu .menu:hover,
nav > ul > li > ul > li.menu-opener:hover .menu-arrow {
    background: #305d79 url(../images/old-browsers-bg/subnav-bt-hover-bg.png) repeat-x !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(left, rgba(109, 192, 229, 0), rgba(109, 192, 229, 0.2) 25%, rgba(109, 192, 229, 0.4) 50%, rgba(109, 192, 229, 0.3) 75%, rgba(109, 192, 229, 0)),
    -moz-linear-gradient(top, #afc2cf, #537288 50%, #45667c 50%, #2c526b) !important;
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(109, 192, 229, 0)), to(rgba(109, 192, 229, 0)), color-stop(.25, rgba(109, 192, 229, 0.3)), color-stop(.5, rgba(109, 192, 229, 0.4)), color-stop(.75, rgba(109, 192, 229, 0.3))),
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afc2cf), to(#2c526b), color-stop(.5, #537288), color-stop(.5, #45667c)) !important;
    -moz-box-shadow: 0 0 7px #cbe9f7;
    -webkit-box-shadow: 0 0 7px #cbe9f7;
    box-shadow: 0 0 7px #cbe9f7;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

nav > ul > li > ul > li.current > a:hover {
    background: none !important;
    color: #666;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#sub-nav {
    position: relative;
    height: 2.667em;
    line-height: 2.667em;
    background: #212121;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: #212121;
    background: #212121;
    text-align: right;
    color: white;
}

#sub-nav a.nav-button {
    float: right;
    margin: 0.417em 0 0 1em;
}

/* IE class */
.ie7 #sub-nav a.nav-button {
    margin-top: 0.333em;
}

/*
#status-bar {
  position:relative;
   height: 3.25em;
   line-height: 3.167em;
   background: white url(../images/old-browsers-bg/status-bar-bg.png) repeat-x;
   -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
   background-size: 100% 100%;
   background: -moz-linear-gradient(top, white, #dadada 6%, white 92%, #cfcfcf);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#cfcfcf), color-stop(.05, #dadada), color-stop(.92, white));
   border-bottom: 1px solid #969696;
   text-align: right;
   color: #7b7b7b;
}
*//*
#status-infos {
   float: right;
   margin-bottom: 0;
}*/

#status-infos > li {
    float: left;
    position: relative;
    z-index: 90;
}

#status-infos > li.spaced {
    padding-right: 0.5em;
}

#breadcrumb {
    float: left;
    border: 1px solid;
    border-color: #0d242a80;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    height: 1.75em;
    line-height: 1.5em;
    margin: 0 1em 1em 0;
    background: #0d242a80;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #eceff1 5%,
            #eceff1
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#0c5fa5),
            color-stop(0.05, #0d242a80)
    );
}

#breadcrumb {
    float: left;
    border: 1px solid;
    border-color: #0d242a80;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    height: 1.75em;
    line-height: 1.5em;
    margin: 0 1em 1em 0;
    background: #0d242a80;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-color: rgba(13, 36, 42, 0.80);
}

#breadcrumb_acessibilidade {
    float: left;
    border: 1px solid;
    border-color: rgba(13, 36, 42, 0.80);
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    height: 1.75em;
    line-height: 1.5em;
    background: #0d242a80;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-color: rgba(13, 36, 42, 0.60);
}

#breadcrumb_acessibilidade .acessibilidade {
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 0px !important;
    font-weight: 500;
}

#breadcrumb li {
    float: left;
    color: white;
    height: 1.75em;
    padding: 0.083em 1em 0 0;
    background: url(../images/breadcrumb-sep.png) no-repeat right center;
}

#breadcrumb li:last-child {
    padding-right: 0;
    background: none;
}

/* IE class */
#breadcrumb li.last-child {
    padding-right: 0;
    background: none;
}

#breadcrumb li a,
#breadcrumb li span {
    display: block;
    height: 1.667em;
    color: white;
    text-decoration: none;
    padding: 0 0.75em 0 0.667em;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

#breadcrumb li a:hover {
    background-color: rgba(13, 36, 42, 0.9);
    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
}

#breadcrumb li img {
    margin-bottom: -4px;
}

/* Red version */
#breadcrumb.red {
    border-color: #cc0017 #990005 #660e00;
    background: -moz-linear-gradient(
            top,
            white,
            #e4727e 5%,
            #a81e11
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#a81e11),
            color-stop(0.05, #e4727e)
    );
}

#breadcrumb.red li a:hover {
    background: -moz-linear-gradient(left, rgba(228, 114, 126, 0), rgba(228, 114, 126, 0.8) 25%, rgba(228, 114, 126, 1) 50%, rgba(228, 114, 126, 0.8) 75%, rgba(228, 114, 126, 0));
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(228, 114, 126, 0)), to(rgba(228, 114, 126, 0)), color-stop(.25, rgba(228, 114, 126, 0.8)), color-stop(.5, rgba(228, 114, 126, 1)), color-stop(.75, rgba(228, 114, 126, 0.8)));
}

#header-shadow {
    background: url(../images/old-browsers-bg/status-bar-shadow.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 0.75em;
    position: absolute;
    z-index: 87;
    left: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)), color-stop(.3, rgba(0, 0, 0, 0.1)));
}

/***************** Result block *****************/
.result-block {
    position: absolute;
    z-index: 90;
    top: 1.667em;
    right: -0.25em;
    min-width: 20em;
    background: white;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    padding: 1em;
    line-height: 1em;
    text-align: left;
    color: #333333;
}

/* IE class */
.ie .result-block {
    border: 1px solid #ccc;
}

#status-infos .result-block {
    top: 2.667em;
    display: none;
}

#status-infos > li:hover .result-block {
    display: block;
}

.result-block h2 {
    float: left;
    color: black;
}

.result-block div {
    margin-bottom: 1.667em;
}

.result-block div:last-child {
    margin-bottom: 0;
}

/* IE class */
.result-block div.last-child {
    margin-bottom: 0;
}

.result-block .arrow {
    font-size: 0;
    line-height: 0;
    width: 0;
    position: absolute;
    z-index: 89;
    right: 20px;
    top: -5px;
    border-bottom: 5px solid #666666;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.result-block .arrow span {
    width: 0;
    position: absolute;
    z-index: 89;
    left: -2px;
    bottom: -5px;
    border-bottom: 4px solid white;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}

.result-block .results-count {
    float: right;
    text-transform: uppercase;
    color: #b0b0b0;
    font-size: 0.75em;
    white-space: nowrap;
    margin-left: 1em;
}

.result-block .results-count strong {
    color: #999999;
}

.result-block ul {
    clear: both;
}

.result-block ul li {
    white-space: nowrap;
}

.search-more,
.search-less {
    display: block;
    color: #999999;
    font-size: 0.75em;
    text-transform: uppercase;
    padding: 0.333em 0;
    text-align: center;
    background: url(../images/old-browsers-bg/search-more-shadow.png) no-repeat center bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 1),
            rgba(255, 255, 255, 0)
    ), -moz-linear-gradient(
            left,
            #ffffff,
            #ebebeb 50%,
            #ffffff
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 1)),
            to(rgba(255, 255, 255, 0))
    ), -webkit-gradient(
            linear,
            left top, right top,
            from(#ffffff),
            to(#ffffff),
            color-stop(0.5, #ebebeb)
    );
}

.search-more:hover,
.search-less:hover {
    color: #3399cc;
}

ul + .search-more,
ul + .search-less {
    margin-top: -1.333em;
}

ul.small-pagination + .search-more,
ul.small-pagination + .search-less {
    margin-top: -0.667em;
}

.search-more:before {
    content: url(../images/search-more-arrow.png);
    padding-right: 0.556em;
}

.search-more:hover:before {
    content: url(../images/search-more-arrow-hover.png);
}

.search-more:after {
    content: url(../images/search-more-arrow.png);
    padding-left: 0.556em;
}

.search-more:hover:after {
    content: url(../images/search-more-arrow-hover.png);
}

.search-less:before {
    content: url(../images/search-less-arrow.png);
    padding-right: 0.556em;
}

.search-less:hover:before {
    content: url(../images/search-less-arrow-hover.png);
}

.search-less:after {
    content: url(../images/search-less-arrow.png);
    padding-left: 0.556em;
}

.search-less:hover:after {
    content: url(../images/search-less-arrow-hover.png);
}

.result-block hr {
    height: 1px;
    line-height: 1px;
    border: 0;
    margin-top: 0;
    clear: both;
    background: #ffffff url(../images/old-browsers-bg/search-sep-bg.png) repeat-y left;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            left,
            #ffffff,
            #cccccc 50%,
            #ffffff
    );
    background: -webkit-gradient(
            linear,
            left top, right top,
            from(#ffffff),
            to(#ffffff),
            color-stop(0.5, #cccccc)
    );
}

.result-block .result-info {
    background: #333333;
    color: white;
    padding: 0.417em 0.75em 0.583em;
    margin: 0 -1em -1em -1em;
    -moz-border-radius: 0 0 0.5em 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    border-radius: 0 0 0.5em 0.5em;
    white-space: nowrap;
}

.result-block .result-info a {
    color: #77ccff;
}

.result-block .arrow:first-child + .result-info:last-child {
    margin-top: -1em;
    border-top: 1px solid #999999;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
}

/* IE class */
.result-block .result-info.first-last-child {
    margin-top: -1em;
    border-top: 1px solid #999999;
}

.result-block div + .result-info,
.result-block p + .result-info,
.result-block ul + .result-info {
    margin-top: -0.5em;
}

.result-block .result-info.loading {
    padding-left: 2.667em;
    background: #333333 url(../images/table-loader.gif) no-repeat 0.75em center;
}

/***************** Search block *****************/
#search-form {
    display: inline;
    position: relative;
    z-index: 91;
}

/********** Always visible control bar **********/
#control-bar {
    padding: 1em 0;
    text-align: center;
}

#control-bar.grey-bg {
    border-bottom: 1px solid #efefef;
    border-bottom: 1px solid rgba(255, 255, 255, 0.65);
    background: url(../images/old-browsers-bg/control-bar-bg.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0.1)
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(0, 0, 0, 0.2)),
            to(rgba(0, 0, 0, 0.1))
    );
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}

#cb-place-holder {
    display: none;
}

#control-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 999950;
    background: url(../images/old-browsers-bg/black50.png);
    background: rgba(0, 0, 0, 0.5);
}

#control-bar.fixed.grey-bg {
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/**************** Standard block ****************/


#control-bar + article,
#cb-place-holder + article {
    margin-top: 2em;
}

.block-content h1,
.block-content .h1 {
    /* position: absolute;*/
    left: 0.5em;
    top: -0.444em;
    margin: 0;
    z-index: 100;
    border-bottom: 1px solid rgb(216, 216, 216);
    border-radius: 0px;
    /* -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
   -moz-border-radius: 0.278em;
   -webkit-border-radius: 0.278em;
   -webkit-background-clip: padding-box;
   border-radius: 0.278em;*/
}

/* IE class */
.ie .block-content h1,
.ie .block-content .h1 {
    padding: 0.333em 0.444em;
}

.block-content .h1 h1 {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    padding: 0;
}

.block-content h1 > a,
.block-content .h1 > a {
    display: block;
    position: absolute;
    top: -1px;
    left: 100%;
    margin-left: 0.5em;
    font-size: 0.778em;
    text-transform: uppercase;
    color: #cccccc;
    border: 1px solid;
    border-color: #7e9098 #61727b #2b373d;
    background: #40535c url(../images/old-browsers-bg/title-link-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #9eb1ba 4%,
            #40535c
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#40535c),
            color-stop(0.03, #9eb1ba)
    );
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 0.286em;
    -webkit-border-radius: 0.286em;
    -webkit-background-clip: padding-box;
    border-radius: 0.286em;
    line-height: 1.143em;
    padding: 0.5em 0.571em;
    white-space: nowrap;
}

/* IE class */
.ie7 .block-content h1 > a,
.ie7 .block-content .h1 > a {
    padding: 0.429em 0.571em;
}

.block-content h1 > a:hover,
.block-content .h1 > a:hover {
    color: white;
    border-color: #1eafdc #1193d5 #035592;
    background: #057fdb url(../images/old-browsers-bg/title-link-hover-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #2bcef3 4%,
            #057fdb
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#057fdb),
            color-stop(0.03, #2bcef3)
    );
}

.block-content h1 > a img,
.block-content .h1 > a img {
    margin-bottom: -3px;
}

.red .block-content h1 > a:hover,
.red .block-content .h1 > a:hover,
.block-content.red h1 > a:hover,
.block-content.red .h1 > a:hover,
.block-content .red h1 > a:hover,
.block-content .red .h1 > a:hover,
.block-content h1.red > a:hover,
.block-content .h1.red > a:hover {
    border-color: #c24949 #9d3d3d #590909;
    background: #9d0404 url(../images/old-browsers-bg/button-element-red-hover-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            white,
            #fe6565 4%,
            #9d0404
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#9d0404),
            color-stop(0.03, #fe6565)
    );
}

/*
.block-content {
   padding-top: 2.833em;
}

.block-content.no-title {
   padding-top: 1.667em;
}
*/
.block-content.no-padding.no-title {
    padding-top: 0;
}

/***************** Block header *****************/
.block-header {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}

.block-content .block-header:first-child,
.block-content h1:first-child + .block-header,
.block-content .h1:first-child + .block-header {
    margin-top: -1.417em;
    -moz-border-radius: 0.083em 0.083em 0 0;
    -webkit-border-top-left-radius: 0.083em;
    -webkit-border-top-right-radius: 0.083em;
    border-radius: 0.083em 0.083em 0 0;
}

/* IE class */
.block-content .block-header.first-child,
.block-content .block-header.after-h1 {
    margin-top: -1.417em;
}

.block-content.no-title .block-header:first-child {
    margin-top: -0.833em;
}

/* IE class */
.block-content.no-title .block-header.first-child {
    margin-top: -0.833em;
}

.block-content.no-padding .block-header:first-child {
    margin-top: 0;
}

/* IE class */
.block-content.no-padding .block-header.first-child {
    margin-top: 0;
}

/***************** Wizard tweak *****************/
.block-content .wizard-steps:first-child,
.block-content h1:first-child + .wizard-steps,
.block-content .h1:first-child + .wizard-steps {
    margin-top: -2.833em;
    -moz-border-radius: 0.167em 0.167em 0 0;
    -webkit-border-top-left-radius: 0.167em;
    -webkit-border-top-right-radius: 0.167em;
    border-radius: 0.167em 0.167em 0 0;
}

/* IE class */
.block-content .wizard-steps.first-child,
.block-content .wizard-steps.after-h1 {
    margin-top: -2.833em;
}

.block-content.no-title .wizard-steps:first-child {
    margin-top: -1.667em;
}

/* IE class */
.block-content.no-title .wizard-steps.first-child {
    margin-top: -1.667em;
}

.block-content.no-padding .wizard-steps:first-child {
    margin-top: 0;
}

/* IE class */
.block-content.no-padding .wizard-steps.first-child {
    margin-top: 0;
}

/**************** Block controls ****************/
.block-content .block-controls:first-child,
.block-content h1:first-child + .block-controls,
.block-content .h1:first-child + .block-controls {
    margin-top: -2.833em;
    -moz-border-radius-topleft: 0.2em;
    -moz-border-radius-topright: 0.2em;
    -webkit-border-top-left-radius: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
}

/* IE class */
.block-content .block-controls.first-child,
.block-content .block-controls.after-h1 {
    margin-top: -2.833em;
}

.block-content.no-title .block-controls:first-child {
    margin-top: -1.667em;
}

/* IE class */
.block-content.no-title .block-controls.first-child {
    margin-top: -1.667em;
}

.block-content.no-padding .block-controls:first-child {
    margin-top: 0;
}

/* IE class */
.block-content.no-padding .block-controls.first-child {
    margin-top: 0;
}

.block-content .block-controls:first-child ul.controls-tabs li:last-child a,
.block-content h1:first-child + .block-controls ul.controls-tabs li:last-child a,
.block-content .h1:first-child + .block-controls ul.controls-tabs li:last-child a {
    -moz-border-radius-topright: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    border-top-right-radius: 0.2em;
}

/* IE class */
.block-content .block-controls.first-child ul.controls-tabs li.last-child a,
.block-content .block-controls.after-h1 ul.controls-tabs li.last-child a {
    -moz-border-radius-topright: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    border-top-right-radius: 0.2em;
}

.block-content.no-padding .block-controls:last-child {
    -moz-border-radius-bottomleft: 0.2em;
    -moz-border-radius-bottomright: 0.2em;
    -webkit-border-bottom-left-radius: 0.2em;
    -webkit-border-bottom-right-radius: 0.2em;
    border-bottom-left-radius: 0.2em;
    border-bottom-right-radius: 0.2em;
}

/****************** Action tabs *****************/
.action-tabs {
    position: absolute;
    z-index: 89;
    right: 100%;
    width: 3em;
    overflow: hidden;
    padding-top: 2em;
}

.block-border > .action-tabs,
.block-content > .action-tabs {
    margin-right: 1px;
}

.action-tabs.right {
    right: auto;
    left: 100%;
}

.block-border > .action-tabs.right,
.block-content > .action-tabs.right {
    margin-right: 0;
    margin-left: 1px;
}

.action-tabs li {
    float: right;
    width: 1.5em;
    padding: 0.667em 0.417em 0.667em 0.667em;
    -moz-border-radius: 0.5em 0 0 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    border-radius: 0.5em 0 0 0.5em;
    background: url(../images/old-browsers-bg/white20.png);
    background: rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    margin: 0 -0.167em 0.5em 0;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.action-tabs.right li {
    float: left;
    padding: 0.667em 25px 0.667em 0.417em;
    margin: 0 0 0.5em -0.167em;
    -moz-border-radius: 0 0.5em 0.5em 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    border-radius: 0 0.5em 0.5em 0;
    text-align: right;
}

.action-tabs li:hover {
    margin-right: 0;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

.action-tabs.right li:hover {
    margin-left: 0;
}

.action-tabs li a {
    display: block;
    margin: -0.667em -0.5em -0.667em -0.667em;
    padding: 0.583em 0.5em 0.583em 0.583em;
    border: 0.083em solid;
    border-color: #c8cacc white #777a7d #aeb0b4;
    border-right: 0;
    -moz-border-radius: 0.5em 0 0 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    border-radius: 0.5em 0 0 0.5em;
    background: #9a9ea3 url(../images/old-browsers-bg/action-tab-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #82858b,
            #9a9ea3
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#82858b),
            to(#9a9ea3)
    );
}

.action-tabs.right li a {
    margin: -0.667em -0.667em -0.667em -0.5em;
    padding: 0.583em 0.583em 0.583em 0.5em;
    border-left: 0;
    border-right: 0.083em solid;
    border-color: #c8cacc #77797e #777a7d white;
    -moz-border-radius: 0 0.5em 0.5em 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    border-radius: 0 0.5em 0.5em 0;
    text-align: right;
}

.action-tabs li:hover a {
    border-color: #dcddde white #999a9d #cfd0d3;
    background: #c7c9cd url(../images/old-browsers-bg/action-tab-hover-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #afb0b4,
            #c7c9cd
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#afb0b4),
            to(#c7c9cd)
    );
}

.action-tabs.right li:hover a {
    border-color: #dcddde #9b9da0 #999a9d white;
}

/****************** Messages ********************/
.message {
    margin-bottom: 2.5em;
}

section .message {
    margin-bottom: 1.667em;
}

/**************** Content columns ***************/
.content-columns {
    position: relative;
    z-index: 89;
    margin: 0 -1.417em;
}

.content-columns:last-child {
    margin-bottom: -1.667em;
}

/* IE class */
.content-columns.last-child {
    margin-bottom: -1.667em;
}

.block-controls + .content-columns {
    margin-top: -1.667em;
}

.block-content.no-title .content-columns:first-child {
    margin-top: -1.667em;
}

/* IE class */
.block-content.no-title .content-columns.first-child {
    margin-top: -1.667em;
}

.block-content.no-padding .content-columns:first-child {
    margin-top: 0;
}

/* IE class */
.block-content.no-padding .content-columns.first-child {
    margin-top: 0;
}

.content-left {
    float: left;
    width: 50%;
    margin-left: -0.25em;
}

.content-right {
    float: right;
    width: 50%;
    margin-right: -0.25em;
}

.content-columns .content-columns-sep {
    position: absolute;
    z-index: 88;
    top: 0;
    bottom: 0;
    width: 0.417em;
    left: 50%;
    margin-left: -0.25em;
    background: #c4c4c4 url(../images/old-browsers-bg/content-columns-sep-bg.png) repeat-y left;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            left,
            #e6e6e6,
            #c4c4c4
    );
    background: -webkit-gradient(
            linear,
            left top, right top,
            from(#e6e6e6),
            to(#c4c4c4)
    );
    border-left: 0.1em solid #999999;
    border-right: 0.1em solid #999999;
}

/* Left column of 30% */
.content-columns.left30 .content-left {
    width: 30%;
}

.content-columns.left30 .content-right {
    width: 70%;
}

.content-columns.left30 .content-columns-sep {
    left: 30%;
}

/* right column of 30% */
.content-columns.right30 .content-left {
    width: 70%;
}

.content-columns.right30 .content-right {
    width: 30%;
}

.content-columns.right30 .content-columns-sep {
    left: 70%;
}

.content-columns .message {
    margin: 0 !important;
    border-width: 1px 0;
}

.content-columns .message:last-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    border-bottom: 0;
}

/* IE class */
.content-columns .message.last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.content-columns:last-child .content-left > :last-child {
    -moz-border-radius-bottomleft: 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    border-bottom-left-radius: 0.167em;
}

.content-columns:last-child .content-right > :last-child {
    -moz-border-radius-bottomright: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-bottom-right-radius: 0.167em;
}

.block-content.no-title .content-columns:first-child .content-left > :first-child {
    -moz-border-radius-topleft: 0.167em;
    -webkit-border-top-left-radius: 0.167em;
    border-top-left-radius: 0.167em;
}

.block-content.no-title .content-columns:first-child .content-right > :last-child {
    -moz-border-radius-topright: 0.167em;
    -webkit-border-top-right-radius: 0.167em;
    border-top-right-radius: 0.167em;
}

/**************** Drop-down menu ****************/
.with-menu,
.menu-opener {
    padding-right: 1.75em;
    position: relative;
    z-index: 98;
}

/* IE class */
.ie .block-content .with-menu,
.ie .block-content .menu-opener {
    padding-right: 1.75em;
}

.with-menu:hover,
.menu-opener:hover {
    z-index: 99;
}

.menu-opener > a {
    position: relative;
    z-index: 100;
    color: inherit;
}

.menu-opener > a:hover {
    color: #39c;
}

.menu-opener > a:hover ~ .menu > ul {
    display: block;
}

.button.with-menu, .button.menu-opener,
.form legend.with-menu, .form legend.menu-opener,
.mini-menu.with-menu, .mini-menu.menu-opener {
    padding-right: 2.25em;
}

/* IE class */
.ie .block-content .button.with-menu,
.ie .block-content .button.menu-opener,
.ie .block-content .mini-menu.with-menu,
.ie .block-content .mini-menu.menu-opener {
    padding-right: 2.25em;
}

.menu,
.menu-opener .menu-arrow {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    font-weight: normal;
    line-height: 1.25em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.with-menu .menu,
.menu-opener .menu-arrow {
    width: 1.75em;
    background: url(../images/menu-border.png) no-repeat left center;
    background-size: 2px 100%;
    -moz-background-size: 2px 100%;
    -webkit-background-size: 2px 100%;
}

.menu-opener .menu {
    left: 0;
    background: url(../images/trans.png);
}

.with-menu .menu > img,
.menu-opener .menu-arrow > img {
    position: absolute;
    top: 50%;
    margin: -8px 0 0 -7px;
}

.menu ul {
    position: absolute;
    z-index: 999910;
    top: 100%;
    left: 1px;
    background: #cccccc url(../images/menu-bg.png) repeat-y;
    border: 1px solid white;
    padding: 0.25em 0;
    margin: 0;
    width: 15em;
    display: none;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-border-radius: 0 0.25em 0.25em 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    -webkit-border-top-left-radius: 0;
    border-radius: 0 0.25em 0.25em 0.25em;
}

.menu-opener .menu > ul {
    left: -1px;
}

.menu ul.reverted {
    -moz-border-radius: 0.25em 0 0.25em 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    -webkit-border-top-right-radius: 0;
    border-radius: 0.25em 0 0.25em 0.25em;
}

.menu > ul.reverted {
    left: auto;
    right: 1px;
}

.menu-opener .menu > ul.reverted {
    right: -1px;
}

.menu:hover > ul,
.menu :hover > ul {
    display: block;
}

.menu ul li ul {
    display: block;
    top: 0.6em;
    left: 94%;
    width: 4px;
    height: 6px;
    border: none;
    background: url(../images/menu-arrow.png) no-repeat;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
}

.menu ul li ul li {
    display: none;
}

.menu ul li:hover > ul {
    top: -0.167em;
    left: 98%;
    width: 15em;
    height: auto;
    border: 1px solid white;
    background: #cccccc url(../images/menu-bg.png) repeat-y;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.menu ul li:hover > ul.reverted {
    left: auto;
    right: 98%;
}

.menu ul li:hover > ul > li {
    display: block;
}

.menu ul li {
    position: relative;
    z-index: 999911;
    padding: 0.333em 0.833em 0.417em 35px;
    margin: 0;
    color: #999999;
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
    background-repeat: no-repeat;
    background-position: 5px 3px;
}

/* IE class */
.ie7 .menu > ul > li,
.ie7 .menu ul li:hover > ul > li {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    text-indent: 35px;
}

.menu ul li.sep {
    height: 0;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 2px 0;
    border-top: 1px solid #adadad;
    border-bottom: 1px solid white;
}

/* IE class */
.ie7 .menu ul li.sep {
    z-index: 999910;
}

.menu ul li a {
    display: block;
    margin: -0.333em -0.833em -0.417em -9px;
    padding: 0.333em 0.833em 0.417em 9px;
    color: #1e343f;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

/* IE class */
.ie7 .menu ul li a {
    margin-right: 0;
    margin-left: 26px;
    text-indent: 0;
}

.menu ul li:hover {
    z-index: 999912;
    background-color: #c0c0c0;
}

.menu ul li.sep:hover {
    z-index: 999911;
}

.menu ul li:hover > a {
    background: #4d4d4d;
    color: white;
}

.menu .icon_address {
    background-image: url(../images/icons/fugue/address-book.png);
}

.menu .icon_alarm {
    background-image: url(../images/icons/fugue/alarm-clock-blue.png);
}

.menu .icon_blog {
    background-image: url(../images/icons/fugue/application-blog.png);
}

.menu .icon_terminal {
    background-image: url(../images/icons/fugue/application-terminal.png);
}

.menu .icon_battery {
    background-image: url(../images/icons/fugue/battery-full.png);
}

.menu .icon_building {
    background-image: url(../images/icons/fugue/building.png);
}

.menu .icon_calendar {
    background-image: url(../images/icons/fugue/calendar-day.png);
}

.menu .icon_cards {
    background-image: url(../images/icons/fugue/cards-address.png);
}

.menu .icon_chart {
    background-image: url(../images/icons/fugue/chart.png);
}

.menu .icon_computer {
    background-image: url(../images/icons/fugue/computer.png);
}

.menu .icon_database {
    background-image: url(../images/icons/fugue/database.png);
}

.menu .icon_delete {
    background-image: url(../images/icons/fugue/cross-circle.png);
}

.menu .icon_doc_excel {
    background-image: url(../images/icons/fugue/document-excel.png);
}

.menu .icon_doc_pdf {
    background-image: url(../images/icons/fugue/document-pdf.png);
}

.menu .icon_doc_csv {
    background-image: url(../images/icons/fugue/document-excel-csv.png);
}

.menu .icon_doc_image {
    background-image: url(../images/icons/fugue/document-image.png);
}

.menu .icon_doc_web {
    background-image: url(../images/icons/fugue/document-globe.png);
}

.menu .icon_down {
    background-image: url(../images/icons/fugue/arrow-270.png);
}

.menu .icon_edit {
    background-image: url(../images/icons/fugue/pencil.png);
}

.menu .icon_film {
    background-image: url(../images/icons/fugue/film.png);
}

.menu .icon_security {
    background-image: url(../images/icons/fugue/hard-hat.png);
}

.menu .icon_images {
    background-image: url(../images/icons/fugue/images.png);
}

.menu .icon_mail {
    background-image: url(../images/icons/fugue/mail.png);
}

.menu .icon_monitor {
    background-image: url(../images/icons/fugue/monitor.png);
}

.menu .icon_newspaper {
    background-image: url(../images/icons/fugue/newspaper.png);
}

.menu .icon_search {
    background-image: url(../images/icons/fugue/magnifier.png);
}

.menu .icon_network {
    background-image: url(../images/icons/fugue/globe-network.png);
}

.menu .icon_server {
    background-image: url(../images/icons/fugue/server.png);
}

.menu .icon_export {
    background-image: url(../images/icons/fugue/application-export.png);
}

.menu .icon_refresh {
    background-image: url(../images/icons/fugue/arrow-circle.png);
}

.menu .icon_reset {
    background-image: url(../images/icons/fugue/counter-reset.png);
}

.menu .icon_up {
    background-image: url(../images/icons/fugue/arrow-090.png);
}

nav > ul > li > ul > li.with-menu,
nav > ul > li > ul > li.menu-opener {
    padding-right: 2.3em;
}

nav > ul > li > ul > li.with-menu > a,
nav > ul > li > ul > li.menu-opener > a {
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 0.8em;
}

nav > ul > li > ul > li.with-menu .menu,
nav > ul > li > ul > li.menu-opener .menu-arrow {
    width: 1.75em;
    font-size: 1.2em;
    height: 1.834em; /* Chrome 5 is one pixel short with 0.833, dunno why... */
    line-height: 1.833em;
    text-transform: none;
    top: 1px;
    right: 1px;
    -moz-border-radius-topright: 0.3em;
    -moz-border-radius-bottomright: 0.3em;
    -webkit-border-top-right-radius: 0.3em;
    -webkit-border-bottom-right-radius: 0.3em;
    border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
}

nav > ul > li > ul > li.menu-opener .menu {
    font-size: 1.2em;
    line-height: 1.25em;
    text-transform: none;
}

nav > ul > li > ul > li.with-menu.current .menu,
nav > ul > li > ul > li.menu-opener.current .menu-arrow {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    background: none !important;
    height: 2.333em;
    line-height: 2.333em;
    border-left: 1px solid #ccc;
}

nav > ul > li > ul > li.with-menu.current .menu:hover,
nav > ul > li > ul > li.menu-opener.current .menu-arrow:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

nav > ul > li > ul > li.with-menu .menu > img,
nav > ul > li > ul > li.menu-opener .menu-arrow > img {
    margin-top: -9px;
    margin-left: -8px;
}

nav > ul > li > ul > li.with-menu .menu > ul {
    line-height: 1.2em;
    left: -1px;
}

nav > ul > li > ul > li .menu > ul,
nav > ul > li > ul > li .menu ul li:hover > ul {
    background-image: url(../images/main-menu-bg.png);
    background-color: #1c1e20;
    border-color: #b3b3b3;
}

nav > ul > li > ul > li .menu ul li {
    color: #666666;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

nav > ul > li > ul > li .menu ul li a {
    color: white;
}

nav > ul > li > ul > li .menu ul li.sep {
    border-top-color: black;
    border-bottom-color: #666666;
}

.block-content h1.with-menu,
.block-content .h1.with-menu,
.block-content h1.menu-opener,
.block-content .h1.menu-opener {
    padding-right: 1.667em;
}

.block-content h1 .menu,
.block-content .h1 .menu {
    font-size: 0.667em;
    -moz-border-radius: 0 0.278em 0.278em 0;
    -webkit-border-top-right-radius: 0.278em;
    -webkit-border-bottom-right-radius: 0.278em;
    border-radius: 0 0.278em 0.278em 0;
}

.ie .block-content h1 .menu,
.ie .block-content .h1 .menu {
    background: url(../images/trans.png);
}

.block-content h1 .menu:hover,
.block-content .h1 .menu:hover {
    background: url(../images/menu-border.png) no-repeat left center,
    -moz-linear-gradient(
            top,
            white,
            #2bcef3 5%,
            #057fdb
    );
    background: url(../images/menu-border.png) no-repeat left center,
    -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#057fdb),
            color-stop(0.05, #2bcef3)
    );
}

.block-content h1.menu-opener .menu:hover,
.block-content .h1.menu-opener .menu:hover {
    background: none;
}

.block-content h1 .menu-arrow,
.block-content .h1 .menu-arrow {
    font-size: 0.667em;
}

.block-content h1 .menu > ul,
.block-content h1 .menu ul li:hover > ul,
.block-content .h1 .menu > ul,
.block-content .h1 .menu ul li:hover > ul {
    background-image: url(../images/h1-menu-bg.png);
    background-color: #006699;
    border-color: #99ccff;
}

.block-content h1 .menu ul li,
.block-content .h1 .menu ul li {
    color: #3399cc;
    -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

.block-content h1 .menu ul li a,
.block-content .h1 .menu ul li a {
    color: white;
}

.block-content h1 .menu ul li:hover,
.block-content .h1 .menu ul li:hover {
    background-color: #70b7db;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

.block-content h1 .menu ul li:hover > a,
.block-content .h1 .menu ul li:hover > a {
    background-color: #004a6f;
}

.block-content h1 .menu ul li.sep,
.block-content .h1 .menu ul li.sep {
    border-top-color: #004a6f;
    border-bottom-color: #84c8e1;
}

.block-content h1 .menu ul li ul,
.block-content .h1 .menu ul li ul {
    background-image: url(../images/menu-arrow-white.png);
}

.button.with-menu .menu:hover,
.button.menu-opener:hover .menu-arrow {
    background: url(../images/menu-border.png) no-repeat left center,
    -moz-linear-gradient(
            top,
            #dff3fc,
            #98d2f3
    );
    background: url(../images/menu-border.png) no-repeat left center,
    -webkit-gradient(
            linear,
            left top, left bottom,
            from(#dff3fc),
            to(#98d2f3)
    );
}

#contextMenu.menu {
    top: 0;
    left: 0;
    bottom: auto;
    width: 0;
    display: none;
    padding: 1em;
    margin: -1em 0 0 -1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -webkit-background-clip: padding-box;
    border-radius: 1em;
    background: rgba(255, 255, 255, 0.5);
}

#contextMenu.menu > ul {
    display: block;
    top: 50%;
    left: 50%;
}

/***************** Notifications ****************/
#notifications {
    position: fixed;
    z-index: 999990;
    top: 1em;
    right: 1em;
    /* width: 20em;*/
}

#notifications li {
    position: relative;
    background: url(../images/old-browsers-bg/black80.png);
    background: rgba(0, 0, 0, 0.8);
    padding: 1.25em;
    color: white;
    margin-bottom: 1em;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/********************* Footer *******************/
footer {
    text-align: center;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
}

footer .float-left,
footer .float-right {
    position: absolute;
    bottom: 0;
}

footer .float-left {
    left: 0;
}

footer .float-right {
    right: 0;
}

footer .float-left .button,
footer .float-right .button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    margin: 0;
    display: block;
    float: left;
    border-bottom: 0;
}

footer .float-left .button:first-child {
    border-left: 0;
}

/* IE class */
footer .float-left .button.first-child {
    border-left: 0;
}

footer .float-left .button:last-child {
    -moz-border-radius-topright: 0.417em;
    -webkit-border-top-right-radius: 0.417em;
    border-top-right-radius: 0.417em;
}

footer .float-right .button:last-child {
    border-right: 0;
}

/* IE class */
footer .float-right .button.last-child {
    border-right: 0;
}

footer .float-right .button:first-child {
    -moz-border-radius-topleft: 0.417em;
    -webkit-border-top-left-radius: 0.417em;
    border-top-left-radius: 0.417em;
}

/****************** Modal window ****************/
#win-modal-1 {

    /* pode definir tamanho fixos aqui */
    margin: 0 auto;
    background-color: #fff;
    margin-top: 2%;
}

.body_modal {
    margin: auto;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px;
    /* z-index:999;*/
}

.modal_imprimir {
    margin: auto;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px;
    /* z-index:999;*/
}


#modal {
    background: url(../images/old-browsers-bg/black50.png);
    background: rgba(0, 0, 0, 0.5);
    /* width:80%;
  height: auto;
  position:relative;
    margin: 0 auto;
   z-index: 999980;
 */
    position: fixed;
    z-index: 999980;
    top: 0;
    left: 0;
    /*overflow-y: initial !important;*/
    width: 100%;
    height: 100%;
}

div.modal-window {
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
}

.modal-content {
    max-height: 77vh !important;
    overflow-y: auto;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    box-shadow: none !important;
    padding: 8px;
}

.modal-content.modal-scroll {
    overflow: auto;
}

#modal > .block-border > .block-content {
    z-index: 90;
}

#modal h1 {
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.modal-iframe-wrapper {
    margin: -2.833em -1.667em -1.667em;
}

.no-title .modal-iframe-wrapper {
    margin-top: -1.667em;
}

.modal-iframe-wrapper + .block-footer {
    margin-top: 1.667em;
}

iframe.modal-content {
    overflow: auto;
    padding: 0;
    margin: 0;
}

.no-title iframe.modal-content {
    margin-top: 0;
    padding-top: 0;
}

.modal-loading {
    background: url(../images/info-loader.gif) no-repeat center 3em;
    height: 4em;
    padding-top: 4.5em;
    color: #999999;
    text-align: center;
}

#modal .block-border > .action-tabs.right {
    padding-top: 1em;
}

#modal .block-content > .action-tabs.right {
    padding-top: 0;
    margin-top: -2em;
}

/* Resizing zones */
.modal-resize-tl,
.modal-resize-t,
.modal-resize-tr,
.modal-resize-r,
.modal-resize-br,
.modal-resize-b,
.modal-resize-bl,
.modal-resize-l {
    background: url(../images/trans.png);
    position: absolute;
    z-index: 89;
}

.modal-resize-tl {
    top: 0;
    left: 0;
    width: 2em;
    height: 1em;
    cursor: nw-resize;
}

.modal-resize-t {
    top: 0;
    left: 2em;
    right: 2em;
    height: 1em;
    cursor: n-resize;
}

.modal-resize-tr {
    top: 0;
    right: 0;
    width: 2em;
    height: 1em;
    cursor: ne-resize;
}

.modal-resize-r {
    top: 1em;
    right: 0;
    width: 1em;
    bottom: 1em;
    cursor: e-resize;
}

.modal-resize-br {
    bottom: 0;
    right: 0;
    width: 2em;
    height: 1em;
    cursor: se-resize;
}

.modal-resize-b {
    bottom: 0;
    left: 2em;
    right: 2em;
    height: 1em;
    cursor: s-resize;
}

.modal-resize-bl {
    bottom: 0;
    left: 0;
    width: 2em;
    height: 1em;
    cursor: sw-resize;
}

body.modal-open div.modal-backdrop {
    z-index: 0; /*faz o modal aparecer em primeiro plano*/
}

.modal-resize-l {
    top: 1em;
    left: 0;
    width: 1em;
    bottom: 1em;
    cursor: w-resize;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
#control-bar:after,
.columns:after,
.content-columns:after,
article:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

#control-bar,
.columns,
.content-columns,
article {
    display: inline-block;
}

* html #control-bar,
* html .columns,
* html .content-columns,
* html article {
    height: 1%;
}

#control-bar,
.columns,
.content-columns,
article {
    display: block;
}

/***********************/
/**  960.gs.fluid.css **/
/***********************/
/*
  Variable Grid System (Fluid Version).
  Learn more ~ http://www.spry-soft.com/grids/
  Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

  Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
    width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    margin-left: 0.99%;
    margin-right: 0.99%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
    width: 6.333%;
}

.container_12 .grid_2 {
    width: 14.667%;
}

.container_12 .grid_3 {
    width: 23.0%;
}

.container_12 .grid_4 {
    width: 31.333%;
}

.container_12 .grid_5 {
    width: 39.667%;
}

.container_12 .grid_6 {
    width: 48.0%;
}

.container_12 .grid_7 {
    width: 56.333%;
}

.container_12 .grid_8 {
    width: 64.667%;
}

.container_12 .grid_9 {
    width: 73.0%;
}

.container_12 .grid_10 {
    width: 81.333%;
}

.container_12 .grid_11 {
    width: 89.667%;
}

.container_12 .grid_12 {
    width: 98.0%;
}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
    padding-left: 8.333%;
}

.container_12 .prefix_2 {
    padding-left: 16.667%;
}

.container_12 .prefix_3 {
    padding-left: 25.0%;
}

.container_12 .prefix_4 {
    padding-left: 33.333%;
}

.container_12 .prefix_5 {
    padding-left: 41.667%;
}

.container_12 .prefix_6 {
    padding-left: 50.0%;
}

.container_12 .prefix_7 {
    padding-left: 58.333%;
}

.container_12 .prefix_8 {
    padding-left: 66.667%;
}

.container_12 .prefix_9 {
    padding-left: 75.0%;
}

.container_12 .prefix_10 {
    padding-left: 83.333%;
}

.container_12 .prefix_11 {
    padding-left: 91.667%;
}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
    padding-right: 8.333%;
}

.container_12 .suffix_2 {
    padding-right: 16.667%;
}

.container_12 .suffix_3 {
    padding-right: 25.0%;
}

.container_12 .suffix_4 {
    padding-right: 33.333%;
}

.container_12 .suffix_5 {
    padding-right: 41.667%;
}

.container_12 .suffix_6 {
    padding-right: 50.0%;
}

.container_12 .suffix_7 {
    padding-right: 58.333%;
}

.container_12 .suffix_8 {
    padding-right: 66.667%;
}

.container_12 .suffix_9 {
    padding-right: 75.0%;
}

.container_12 .suffix_10 {
    padding-right: 83.333%;
}

.container_12 .suffix_11 {
    padding-right: 91.667%;
}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
    left: 8.333%;
}

.container_12 .push_2 {
    left: 16.667%;
}

.container_12 .push_3 {
    left: 25.0%;
}

.container_12 .push_4 {
    left: 33.333%;
}

.container_12 .push_5 {
    left: 41.667%;
}

.container_12 .push_6 {
    left: 50.0%;
}

.container_12 .push_7 {
    left: 58.333%;
}

.container_12 .push_8 {
    left: 66.667%;
}

.container_12 .push_9 {
    left: 75.0%;
}

.container_12 .push_10 {
    left: 83.333%;
}

.container_12 .push_11 {
    left: 91.667%;
}

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
    left: -8.333%;
}

.container_12 .pull_2 {
    left: -16.667%;
}

.container_12 .pull_3 {
    left: -25.0%;
}

.container_12 .pull_4 {
    left: -33.333%;
}

.container_12 .pull_5 {
    left: -41.667%;
}

.container_12 .pull_6 {
    left: -50.0%;
}

.container_12 .pull_7 {
    left: -58.333%;
}

.container_12 .pull_8 {
    left: -66.667%;
}

.container_12 .pull_9 {
    left: -75.0%;
}

.container_12 .pull_10 {
    left: -83.333%;
}

.container_12 .pull_11 {
    left: -91.667%;
}

/***********************/
/**  block-lists.css  **/
/***********************/
/**
 * Block lists styles
*/

/****************** Favorites *******************/
.favorites > li {
    border-top: 1px dotted #999999;
    padding: 0 0 0 75px;
    position: relative;
}

html.dark .favorites > li {
    border-top-color: #bbb;
}

html.dark .white-bg .favorites > li,
html.dark .block-content .favorites > li {
    border-top-color: #999999;
}

.favorites > li:first-child {
    border-top: 0;
}

/* IE class */
.favorites > li.first-child {
    border-top: 0;
}

.favorites > li:hover {
    background: url(../images/old-browsers-bg/favorites-bg.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0)
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(0, 0, 0, 0.1)),
            to(rgba(0, 0, 0, 0))
    );
}

.favorites > li > img {
    position: absolute;
    margin-top: 1.5em;
    margin-left: -60px;
}

.favorites > li > a {
    display: block;
    padding: 0.9em 1em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    min-height: 1.833em;
    font-weight: bold;
    line-height: 0.833em;
    background: url(../images/favorites-border.png) no-repeat left center;
    color: #39c;
}

/* IE class */
.ie7 .favorites > li > a {
    margin-top: -0.667em;
}

html.dark .favorites > li > a {
    color: white;
}

.white-bg .favorites > li > a,
.favorites.white-bg > li > a,
html.dark .block-content .favorites > li > a,
html.dark .white-bg .favorites > li > a,
html.dark .favorites.white-bg > li > a {
    color: #39c;
}

.favorites > li > a small {
    font-size: 0.667em;
    color: #999;
    font-weight: normal;
    text-transform: none;
}

html.dark .favorites > li > a small {
    color: #344147;
}

.white-bg .favorites > li > a small,
.favorites.white-bg > li > a small,
html.dark .block-content .favorites > li > a small,
html.dark .white-bg .favorites > li > a small,
html.dark .favorites.white-bg > li > a small {
    color: #999;
}

/****************** Shortcuts *******************/
.shortcuts-list {
    padding-top: 0.5em;
}

.shortcuts-list li {
    float: left;
}

.shortcuts-list li a {
    display: block;
    width: 7em;
    padding-top: 63px;
    color: #808080;
    text-align: center;
    position: relative;
    padding-bottom: 9px;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
}

html.dark .shortcuts-list li a {
    color: white;
}

html.dark .block-content .shortcuts-list li a {
    color: #808080;
}

.dark-grey-gradient .shortcuts-list li a,
.shortcuts-list.dark-grey-gradient li a {
    color: white;
}

.shortcuts-list li a:hover {
    background: #E0E0E0;
}

html.dark .shortcuts-list li a:hover {
    background: #404040;
}

html.dark .block-content .shortcuts-list li a:hover {
    background: #E0E0E0;
}

.dark-grey-gradient .shortcuts-list li a:hover,
.shortcuts-list.dark-grey-gradient li a:hover {
    color: white;
    background: #404040;
}

.shortcuts-list li a img {
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: -24px;
}

/************* Mobile customization ************
@media only screen and (max-device-width: 480px) {

   .shortcuts-list {
      padding-top: 0;
   }

   article > .shortcuts-list {
      margin-left: -0.5em;
      margin-right: -0.5em;
   }

   article > .shortcuts-list li a {
      width: 6.5em;
   }

}
*/
/****************** Files list ******************/
.files {
    padding: 1em 0 0 1em;
}

.files > li {
    float: left;
    width: 100px;
    margin: 0 1em 1em 0;
    color: #666;
    padding-top: 74px;
    text-align: center;
}

.files > li > a {
    display: block;
    padding: 4px 5px 7px;
    line-height: 1.2em;
    height: 2.4em;
    color: #666;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

html.dark .files > li > a {
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

html.dark .block-content .files > li > a {
    color: #666;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

.dark-grey-gradient .files > li > a,
.files.dark-grey-gradient > li > a {
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.files > li > a:hover {
    color: #333;
    background: #e0e0e0;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
}

html.dark .files > li > a:hover {
    color: white;
    background: #404040;
}

html.dark .block-content .files > li > a:hover {
    color: #333;
    background: #e0e0e0;
}

.dark-grey-gradient .files > li > a:hover,
.files.dark-grey-gradient > li > a:hover {
    color: white;
    background: #404040;
}

.files > li > a > span {
    display: block;
    margin: -78px -5px 8px;
    height: 70px;
    line-height: 70px;
}

.files > li > a > span > img {
    vertical-align: middle;
}

.files > li > a > span > img.thumb {
    border: 1px solid white;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.files > li .mini-menu {
    margin-top: -0.5em;
    margin-right: -1em;
}

/***************** Blocks grid ******************/
ul.grid {
    padding: 0.75em 0 0 0.75em;
}

/* IE class */
.ie7 ul.grid {
    padding-bottom: 0.75em;
}

ul.grid > li {
    background: #cccccc url(../images/old-browsers-bg/grid-block-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f5f5f5,
            #cccccc
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f5f5f5),
            to(#cccccc)
    );
    border: 1px solid white;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    padding: 0.75em;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    color: #333333;
    float: left;
    width: 17em;
    position: relative;
    margin: 0 0.75em 0.75em 0;
}

ul.grid > li .grid-picto {
    margin: -0.75em 1em -0.75em -0.75em;
    padding: 0.75em 0.75em 0.75em 3.9em;
    background-repeat: no-repeat;
    background-position: 0.75em 0.75em;
    border-right: 1px solid #b3b3b3;
}

ul.grid > li .grid-picto.user {
    background-image: url(../images/icons/web-app/32/Profile.png);
}

ul.grid > li .grid-picto.computer {
    background-image: url(../images/icons/web-app/32/Loading.png);
}

ul.grid > li .grid-picto.chart {
    background-image: url(../images/icons/web-app/32/Pie-Chart.png);
}

ul.grid > li .grid-picto.print {
    background-image: url(../images/icons/web-app/32/Print.png);
}

ul.grid > li .grid-picto.warning {
    background-image: url(../images/icons/web-app/32/Warning.png);
}

ul.grid > li .grid-name {
    color: #373737;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 0.25em;
}

ul.grid > li .grid-details {
    color: #808080;
}

ul.grid > li .grid-details b {
    color: #333333;
    font-weight: normal;
}

ul.grid > li .grid-actions {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1.7em;
    border-left: 1px solid white;
    background: #b3b3b3 url(../images/old-browsers-bg/grid-block-controls-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f0f0f0,
            #b3b3b3
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f0f0f0),
            to(#b3b3b3)
    );
    -moz-border-radius: 0 0.333em 0.333em 0;
    -webkit-border-top-right-radius: 0.333em;
    -webkit-border-bottom-right-radius: 0.333em;
    border-radius: 0 0.333em 0.333em 0;
}

ul.grid > li .grid-actions li {
    border-top: 1px solid white;
    border-bottom: 1px solid #b3b3b3;
    text-align: center;
    height: 1.75em;
    line-height: 1.75em;
}

ul.grid > li .grid-actions li:first-child {
    border-top: none;
}

ul.grid > li .grid-actions li:last-child {
    border-bottom: none;
}

/* IE class */
ul.grid > li .grid-actions li.last-child {
    border-bottom: none;
}

ul.grid > li .grid-actions li img {
    margin: 0 -1px -3px 0;
}

/***************** Blocks lists *****************/
.task,
.blocks-list > li,
.mini-blocks-list > li {
    background: #e6e6e6 url(../images/old-browsers-bg/lite-grey-grad-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f7f7f7,
            #e6e6e6
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f7f7f7),
            to(#e6e6e6)
    );
    border: 1px solid white;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 89;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    color: #666666;
    line-height: 1.25em;
}

.ie .task,
.ie .blocks-list > li,
.ie .mini-blocks-list > li {
    border-color: #cccccc;
}

.task {
    padding: 1.667em 1.667em 0;
    margin-bottom: 1.667em;
}

.task + .task.with-legend {
    margin-top: 2.5em;
}

.task .task-description {
    padding-bottom: 1.667em;
}

.task .floating-tags {
    margin: -0.667em -0.667em -0.667em 1.5em;
}

.task:hover {
    background: #dbe8f0;
}

.task-dialog {
    margin: 0 -1.667em;
}

.task-dialog > li {
    border-top: 1px solid #c5c39c;
    background: #ffffcd url(../images/icons/fugue/balloon-reverse.png) no-repeat 0.667em 0.75em;
    padding: 0.75em 0.75em 0.75em 2.5em;
    margin: 0 -1px;
    color: #565340;
    position: relative;
    z-index: 89;
}

.ie .task-dialog > li {
    margin: 0;
}

.task-dialog > li:nth-child(even) {
    background-color: #f7f7df;
}

/* IE class */
.task-dialog > li.even {
    background-color: #f7f7df;
}

.task-dialog > li:last-child {
    -moz-border-radius: 0 0 0.167em 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-radius: 0 0 0.167em 0.167em;
}

.task-dialog > li.auto-hide {
    display: none;
}

:hover > .task-dialog > li.auto-hide {
    display: block;
}

.task-dialog > li > strong {
    color: #353334;
}

.task-dialog > li > em {
    color: #b1b197;
}

.task-dialog .mini-menu {
    margin-right: -0.5em;
}

/************* Mobile customization ************
@media only screen and (max-device-width: 480px) {

   .task-dialog > li.auto-hide {
      display: block;
   }

}*/

.blocks-list > li {
    padding: 1em 0.5em;
    margin-bottom: 0.5em;
}

.mini-blocks-list > li {
    padding: 0.25em 0.5em 0.417em;
    margin-bottom: 0.5em;
}

.blocks-list > li a,
.mini-blocks-list > li a {
    color: #666666;
}

.blocks-list > li img,
.mini-blocks-list > li img {
    margin-bottom: -4px;
}

.blocks-list > li .tags.float-right,
.mini-blocks-list > li .tags.float-right {
    margin-top: -0.417em;
    margin-bottom: -0.333em;
}

.mini-blocks-list > li .tags.float-right {
    margin-right: -0.417em;
}

/* IE class */
.ie7 .blocks-list > li .tags.float-right {
    margin-top: -0.25em;
}

/* IE class */
.ie7 .mini-blocks-list > li .tags.float-right {
    margin-top: -0.167em;
}

/****************** Icon list *******************/
.icon-list {
    margin: 0 -19px 0.833em -7px;
}

.icon-list li {
    float: left;
    background: url(../images/corner.png) no-repeat right bottom;
    padding: 7px 26px 21px 61px;
    width: 5em;
    height: 2.5em;
    margin-top: 0.75em;
    font-size: 1.5em;
    font-weight: bold;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}

.icon-list li a {
    display: block;
    margin: -7px -26px -21px -61px;
    padding: 7px 26px 21px 61px;
    width: 5em;
    height: 2.5em;
}

html.dark .icon-list li a {
    color: white;
}

html.dark .block-content .icon-list li a {
    color: #39c;
}

.icon-list li a:hover,
html.dark .icon-list li a:hover,
html.dark .block-content .icon-list li a:hover {
    color: #33CCFF;
}

.icon-list li small {
    font-size: 0.667em;
    font-weight: normal;
    text-transform: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: 20%;
}

html.dark .icon-list li small {
    color: #b0b0b0;
}

html.dark .block-content .icon-list li small {
    color: #808080;
}

.icon-list li .icon {
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    margin: -3px 0 0 -54px;
    background-position: center center;
    background-repeat: no-repeat;
}

/************* Small files icon list ************/
.small-files-list li {
    padding: 0.25em 0 0 42px;
    background: url(../images/icons/finefiles/32/default.png) no-repeat;
    color: black;
    min-height: 32px;
    margin-bottom: 0.25em;
    line-height: 1.083em;
}

.small-files-list li:last-child {
    margin-bottom: 0;
}

/* IE class */
.small-files-list li.last-child {
    margin-bottom: 0;
}

.small-files-list li a {
    display: block;
    margin: -0.25em 0 0 -42px;
    padding: 0.25em 0 0 42px;
    color: black;
}

.small-files-list li a:hover {
    color: #3399cc;
}

.small-files-list li small {
    color: #999999;
}

.small-files-list.icon-html li, .small-files-list li.icon-html {
    background-image: url(../images/icons/finefiles/32/html.png);
}

.small-files-list.icon-xml li, .small-files-list li.icon-xml {
    background-image: url(../images/icons/finefiles/32/xml.png);
}

.small-files-list.icon-img li, .small-files-list li.icon-img {
    background-image: url(../images/icons/finefiles/32/other_image.png);
}

.small-files-list.icon-music li, .small-files-list li.icon-music {
    background-image: url(../images/icons/finefiles/32/other_music2.png);
}

.small-files-list.icon-movie li, .small-files-list li.icon-movie {
    background-image: url(../images/icons/finefiles/32/mpg.png);
}

.small-files-list.icon-folder li, .small-files-list li.icon-folder {
    background-image: url(../images/icons/finefiles/32/_Close.png);
}

.small-files-list.icon-mail li, .small-files-list li.icon-mail {
    background-image: url(../images/icons/email.png);
}

.small-files-list.icon-comment li, .small-files-list li.icon-comment {
    background-image: url(../images/icons/web-app/32/Comment.png);
}

/*************** Extended infos list ************/
.extended-list > li {
    border-top: 1px dotted #afafaf;
    padding: 1.667em;
    position: relative;
    z-index: 89;
}

.extended-list > li:hover {
    background: url(../images/old-browsers-bg/favorites-bg.png) repeat-y;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0)
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(0, 0, 0, 0.1)),
            to(rgba(0, 0, 0, 0))
    );
}

.extended-list > li:first-child {
    border-top: 0;
}

/* IE class */
.extended-list > li.first-child {
    border-top: 0;
}

.extended-list > li > a,
.extended-list > li > span {
    font-size: 1.5em;
    font-weight: bold;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    padding-left: 54px;
    white-space: nowrap;
    min-height: 48px;
    position: relative;
}

html.dark .extended-list > li > a,
html.dark .extended-list > li > span {
    color: white;
}

html.dark .block-content .extended-list > li > a,
html.dark .block-content .extended-list > li > span {
    color: #39c;
}

.extended-list > li > a:hover,
html.dark .extended-list > li > a:hover,
html.dark .extended-list > li > span:hover,
html.dark .block-content .extended-list > li > a:hover,
html.dark .block-content .extended-list > li > span:hover {
    color: #33CCFF;
}

.extended-list > li > a small {
    font-size: 0.667em;
    font-weight: normal;
    text-transform: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: 20%;
}

html.dark .extended-list > li > a small {
    color: #b0b0b0;
}

html.dark .block-content .extended-list > li > a small {
    color: #808080;
}

.extended-list > li > a .icon {
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    width: 48px;
    height: 48px;
    background-position: center center;
    background-repeat: no-repeat;
}

.extended-list .extended-options {
    float: right;
}

.extended-list .extended-options li {
    float: left;
    margin-left: 1.5em;
    line-height: 1.75em;
}

html.dark .extended-list .extended-options li {
    color: white;
}

html.dark .block-content .extended-list .extended-options li {
    color: #333;
}

.extended-list .extended-options li:first-child {
    margin-left: 0;
}

/* IE class */
.extended-list .extended-options li.first-child {
    margin-left: 0;
}

.icon-user .icon, .icon.icon-user, .icon-user .user-m {
    background-image: url(../images/icons/web-app/48/Profile.png);
}

.user-m {
    background-image: url(../images/icons/web-app/48/Profile.png) !important;
}

.user-f {
    background-image: url(../images/icons/web-app/48/Profile-F.png) !important;
}

.icon-image .icon, .icon.icon-image {
    background-image: url(../images/icons/web-app/48/Picture.png);
}

.icon-chart .icon, .icon.icon-chart {
    background-image: url(../images/icons/web-app/48/Pie-Chart.png);
}

.icon-printer .icon, .icon.icon-printer {
    background-image: url(../images/icons/web-app/48/Print.png);
}

.icon-computer .icon, .icon.icon-computer {
    background-image: url(../images/icons/web-app/48/#.png);
}

.icon-article .icon, .icon.icon-article {
    background-image: url(../images/icons/web-app/48/Modify.png);
}

.icon-comment .icon, .icon.icon-comment {
    background-image: url(../images/icons/web-app/48/Comment.png);
}

.icon-warning .icon, .icon.icon-warning {
    background-image: url(../images/icons/web-app/48/Warning.png);
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.shortcuts-list:after,
.files:after,
.task .task-description:after,
.blocks-list > li:after,
.mini-blocks-list > li:after,
.icon-list:after,
.extended-list li:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.shortcuts-list,
.files,
.task .task-description,
.blocks-list > li,
.mini-blocks-list > li,
.icon-list,
.extended-list li {
    display: inline-block;
}

* html .shortcuts-list,
* html .files,
* html .task .task-description,
* html .blocks-list > li,
* html .mini-blocks-list > li,
* html .icon-list,
* html .extended-list li {
    height: 1%;
}

.shortcuts-list,
.files,
.task .task-description,
.blocks-list > li,
.mini-blocks-list > li,
.icon-list,
.extended-list li {
    display: block;
}

/***********************/
/**     simple-list.css     **/
/***********************/
/**
 * Simple lists styles
*/
.bullet-list li {
    background: url("../images/icons/fugue/control-000-small.png") no-repeat scroll 0 0.167em transparent;
    line-height: 1.25em;
    margin-bottom: 0.75em;
    padding-left: 1.5em;
    padding-top: 0.083em;
}

.keywords {
    font-size: 0.833em;
    line-height: 2.2em;
}

.keywords li {
    background: none repeat scroll 0 0 #3399CC;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    color: white;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    padding: 0.2em 0.5em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ie7 .keywords li {
    display: inline;
    margin-right: 0.3em;
}

.keywords li.blue-keyword {
    background-color: #3399CC;
}

.keywords li.orange-keyword {
    background-color: #CC9900;
}

.keywords li.purple-keyword {
    background-color: #CC0066;
}

.keywords li.green-keyword {
    background-color: #009900;
}

.keywords li a {
    color: white;
    margin: -0.4em -0.5em;
    padding: 0.4em 0.5em;
}

.keywords li img {
    margin-bottom: -4px;
}

.ie7 .keywords li img {
    margin-bottom: 0;
    vertical-align: middle;
}

.table tbody th .keywords, .table tbody td .keywords {
    margin: -0.3em -0.2em;
}

ul.floating-tags {
    float: right;
    margin-bottom: 0;
    width: 10em;
}

ul.tags {
    line-height: 2em;
}

ul.tags li, ul.floating-tags li {
    background: none no-repeat scroll 0.2em center #808080;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    color: white;
    font-size: 0.833em;
    line-height: 1.3em;
    padding: 0.4em 0.5em;
    text-transform: uppercase;
    white-space: nowrap;
}

ul.tags li {
    display: inline-block;
}

.ie7 ul.tags li {
    float: left;
    margin-right: 0.25em;
}

.ie7 ul.tags li.last-child {
    margin-right: 0;
}

ul.floating-tags li {
    margin-bottom: 0.3em;
}

ul.floating-tags li:last-child {
    margin-bottom: 0;
}

ul.floating-tags li.last-child {
    margin-bottom: 0;
}

ul.tags li a, ul.floating-tags li a {
    color: white;
}

ul.tags .tag-time, ul.tags .tag-tags, ul.tags .tag-user, ul.floating-tags .tag-time, ul.floating-tags .tag-tags, ul.floating-tags .tag-user {
    padding-left: 2em;
}

ul.tags .tag-time, ul.floating-tags .tag-time {
    background-image: url("../images/icons/fugue/clock.png");
}

ul.tags .tag-tags, ul.floating-tags .tag-tags {
    background-image: url("../images/icons/fugue/tags-label.png");
}

ul.tags .tag-user, ul.floating-tags .tag-user {
    background-image: url("../images/icons/fugue/user.png");
}

.small-pagination {
    text-align: center;
}

ul + .small-pagination {
    margin-top: -0.667em;
}

.small-pagination li {
    background: none repeat scroll 0 0 #D0D0D0;
    border-radius: 0.778em 0.778em 0.778em 0.778em;
    color: #666666;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    height: 1.555em;
    line-height: 1.555em;
    min-width: 1em;
    padding: 0 0.333em 0 0.222em;
    text-align: center;
}

.ie7 .small-pagination li {
    display: inline;
    margin-right: 0.333em;
}

.ie7 .small-pagination li.last-child {
    display: inline;
    margin-right: 0;
}

.small-pagination li a {
    background-color: #3399CC;
    border-radius: 0.778em 0.778em 0.778em 0.778em;
    color: white;
    display: block;
    height: 1.555em;
    margin: 0 -0.333em 0 -0.222em;
    min-width: 1em;
    padding: 0 0.333em 0 0.222em;
}

.small-pagination li.current a, .small-pagination li a:hover {
    background-color: #7CC5E9;
}

.small-pagination li.prev, .small-pagination li.next {
    background: none repeat scroll 0 0 transparent;
    vertical-align: middle;
}

.ie7 .small-pagination li.prev, .ie7 .small-pagination li.next {
}

.small-pagination li.prev a, .small-pagination li.next a {
    margin: -0.111em -0.444em -0.111em -0.333em;
    overflow: hidden;
    padding: 0.111em 0.444em 0.111em 0.333em;
    text-indent: 100em;
    width: 1em;
}

.small-pagination li.prev a {
    background: url("../images/icons/fugue/navigation-180.png") no-repeat scroll center center transparent;
}

.small-pagination li.prev a:hover {
    background-image: url("../images/icons/fugue/navigation-180-white.png");
}

.small-pagination li.next a {
    background: url("../images/icons/fugue/navigation.png") no-repeat scroll center center transparent;
}

.small-pagination li.next a:hover {
    background-image: url("../images/icons/fugue/navigation-000-white.png");
}

.ie7 .small-pagination li.prev a, .ie7 .small-pagination li.next a {
    background-position: 0 0;
}

ul.arbo {
    margin-top: 0.5em;
}

ul.arbo li {
    background: url("../images/arbo-points-v.gif") repeat-y scroll 8px 0.667em transparent;
    line-height: 1.333em;
    padding-bottom: 0.333em;
    padding-left: 20px;
}

ul.arbo li:last-child {
    background: url("../images/arbo-points-v-end.gif") no-repeat scroll 8px -7px transparent;
}

ul.arbo li.last-child, ul.arbo li.first-child.last-child {
    background: url("../images/arbo-points-v-end.gif") no-repeat scroll 8px -7px transparent;
}

ul.arbo > li:only-child {
    background: url("../images/arbo-points-h.gif") no-repeat scroll 8px 0.75em transparent;
}

ul.arbo > li.first-child.last-child {
    background: url("../images/arbo-points-h.gif") no-repeat scroll 8px 0.75em transparent;
}

ul.arbo li > a, ul.arbo li > span {
    color: #333333;
    display: block;
    padding-left: 12px;
}

.ie7 ul.arbo li > a, .ie7 ul.arbo li > span {
    float: left;
}

.dark-grey-gradient ul.arbo li > a, .dark-grey-gradient ul.arbo li > span {
    color: white;
}

ul.arbo li > a:hover span, ul.arbo li > a.current span {
    background: none repeat scroll 0 0 #999999;
    border-radius: 0.25em 0.25em 0.25em 0.25em;
    color: white;
    margin: -0.083em -0.25em -0.167em;
    padding: 0.083em 0.25em 0.167em;
}

ul.arbo li.closed ul {
    display: none;
}

ul.arbo li ul li:first-child {
    background-position: 8px 1.167em;
    padding-top: 0.5em;
}

ul.arbo li ul li.first-child {
    background-position: 8px 1.167em;
    padding-top: 0.5em;
}

ul.arbo li ul li:only-child {
    background-position: 8px -1px;
}

ul.arbo li ul li.first-child.last-child {
    background-position: 8px -1px;
}

ul.arbo li span.toggle {
    background: url("../images/icons/toggle-small-sprite.png") no-repeat scroll 0 center transparent;
    cursor: pointer;
    float: left;
    height: 1.333em;
    margin: 1px 0 -1px -19px;
    padding: 0;
    width: 16px;
}

ul.arbo li span.toggle:hover {
    background-position: -16px center;
}

ul.arbo li.closed span.toggle {
    background-position: -32px center;
}

ul.arbo li.closed span.toggle:hover {
    background-position: -48px center;
}

ul.arbo li .loading {
    background: url("../images/arbo-loader.gif") no-repeat scroll 10px center transparent;
    color: #999999;
    padding-left: 32px;
}

.dark-grey-gradient ul.arbo li .loading, ul.arbo.dark-grey-gradient li .loading {
    background-image: url("../images/arbo-loader-grey.gif");
}

ul.arbo li .empty {
    color: #999999;
    font-style: italic;
}

ul.arbo li .document, ul.arbo li .document-access, ul.arbo li .document-binary, ul.arbo li .document-bookmark, ul.arbo li .document-code, ul.arbo li .document-excel, ul.arbo li .document-film, ul.arbo li .document-flash, ul.arbo li .document-illustrator, ul.arbo li .document-image, ul.arbo li .document-music, ul.arbo li .document-office, ul.arbo li .document-pdf, ul.arbo li .document-photoshop, ul.arbo li .document-powerpoint, ul.arbo li .document-text, ul.arbo li .document-web, ul.arbo li .document-word, ul.arbo li .document-zip, ul.arbo li .folder, ul.arbo li .folder-bookmark, ul.arbo li .folder-document, ul.arbo li .folder-music, ul.arbo li .folder-text, ul.arbo li .folder-film, ul.arbo li .folder-image, ul.arbo li .folder-table, ul.arbo li .folder-zipper {
    background-repeat: no-repeat;
    padding-left: 20px;
}

ul.arbo li .document {
    background-image: url("../images/icons/fugue/document.png");
}

ul.arbo li .document-access {
    background-image: url("../images/icons/fugue/document-access.png");
}

ul.arbo li .document-binary {
    background-image: url("../images/icons/fugue/document-binary.png");
}

ul.arbo li .document-bookmark {
    background-image: url("../images/icons/fugue/document-bookmark.png");
}

ul.arbo li .document-code {
    background-image: url("../images/icons/fugue/document-code.png");
}

ul.arbo li .document-excel {
    background-image: url("../images/icons/fugue/document-excel.png");
}

ul.arbo li .document-film {
    background-image: url("../images/icons/fugue/document-film.png");
}

ul.arbo li .document-flash {
    background-image: url("../images/icons/fugue/document-flash-movie.png");
}

ul.arbo li .document-illustrator {
    background-image: url("../images/icons/fugue/document-illustrator.png");
}

ul.arbo li .document-image {
    background-image: url("../images/icons/fugue/document-image.png");
}

ul.arbo li .document-music {
    background-image: url("../images/icons/fugue/document-music.png");
}

ul.arbo li .document-office {
    background-image: url("../images/icons/fugue/document-office.png");
}

ul.arbo li .document-pdf {
    background-image: url("../images/icons/fugue/document-pdf.png");
}

ul.arbo li .document-photoshop {
    background-image: url("../images/icons/fugue/document-photoshop.png");
}

ul.arbo li .document-powerpoint {
    background-image: url("../images/icons/fugue/document-powerpoint.png");
}

ul.arbo li .document-text {
    background-image: url("../images/icons/fugue/document-text.png");
}

ul.arbo li .document-web {
    background-image: url("../images/icons/fugue/document-globe.png");
}

ul.arbo li .document-word {
    background-image: url("../images/icons/fugue/document-word.png");
}

ul.arbo li .document-zip {
    background-image: url("../images/icons/fugue/document-zipper.png");
}

ul.arbo li .folder {
    background-image: url("../images/icons/fugue/folder-open.png");
}

ul.arbo li.closed .folder {
    background-image: url("../images/icons/fugue/folder.png");
}

ul.arbo li .folder-bookmark {
    background-image: url("../images/icons/fugue/folder-bookmark.png");
}

ul.arbo li .folder-document {
    background-image: url("../images/icons/fugue/folder-open-document.png");
}

ul.arbo li .folder-music {
    background-image: url("../images/icons/fugue/folder-open-document-music.png");
}

ul.arbo li .folder-text {
    background-image: url("../images/icons/fugue/folder-open-document-text.png");
}

ul.arbo li .folder-film {
    background-image: url("../images/icons/fugue/folder-open-film.png");
}

ul.arbo li .folder-image {
    background-image: url("../images/icons/fugue/folder-open-image.png");
}

ul.arbo li .folder-table {
    background-image: url("../images/icons/fugue/folder-open-table.png");
}

ul.arbo li .folder-zipper {
    background-image: url("../images/icons/fugue/folder-zipper.png");
}

ul.arbo.with-title > li {
    background: none repeat scroll 0 0 transparent;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.71em;
    padding-bottom: 1em;
    padding-left: 0;
}

ul.arbo.with-title > li > a, ul.arbo.with-title > li > span {
    padding-left: 7px;
}

.ie7 ul.arbo.with-title > li > a, .ie7 ul.arbo.with-title > li > span {
    float: none;
}

ul.arbo.with-title > li > ul {
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 5px;
}

ul.arbo.with-title > li > .title-computer, ul.arbo.with-title > li > .title-picture, ul.arbo.with-title > li > .title-print, ul.arbo.with-title > li > .title-user, ul.arbo.with-title > li > .title-search {
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-bottom: 3px;
    padding-left: 30px;
}

ul.arbo.with-title > li > .title-computer {
    background-image: url("../images/icons/web-app/24/Loading.png");
}

ul.arbo.with-title > li > .title-picture {
    background-image: url("../images/icons/web-app/24/Picture.png");
}

ul.arbo.with-title > li > .title-print {
    background-image: url("../images/icons/web-app/24/Print.png");
}

ul.arbo.with-title > li > .title-user {
    background-image: url("../images/icons/web-app/24/Profile.png");
}

ul.arbo.with-title > li > .title-search {
    background-image: url("../images/icons/web-app/24/Search.png");
}

.picto-list li {
    background: url("../images/icons/fugue/control-000-small.png") no-repeat scroll 0 1px transparent;
    line-height: 1.25em;
    margin-bottom: 0.333em;
    padding: 0.083em 0.083em 0.083em 1.667em;
}

.picto-list.with-line-spacing li {
    margin-bottom: 1em;
}

.picto-list li:last-child {
    margin-bottom: 0;
}

.picto-list.icon-info li, .picto-list li.icon-info {
    background-image: url("../images/icons/fugue/information-blue.png");
}

.picto-list.icon-image li, .picto-list li.icon-image {
    background-image: url("../images/icons/fugue/image.png");
}

.picto-list.icon-user li, .picto-list li.icon-user {
    background-image: url("../images/icons/fugue/user.png");
}

.picto-list.icon-top li, .picto-list li.icon-top {
    background-image: url("../images/icons/fugue/arrow-curve-090.png");
}

.red .picto-list.icon-top li, .red .picto-list li.icon-top {
    background-image: url("../images/icons/fugue/arrow-curve-090-red.png");
}

.picto-list.icon-tag-small li, .picto-list li.icon-tag-small {
    background-image: url("../images/icons/fugue/tag-small.png");
}

.picto-list.icon-doc-small li, .picto-list li.icon-doc-small {
    background-image: url("../images/icons/fugue/document-small.png");
}

.picto-list.icon-pin-small li, .picto-list li.icon-pin-small {
    background-image: url("../images/icons/fugue/pin-small.png");
}

.simple-list li {
    background: #e0e0e0;
    border-radius: 0.417em 0.417em 0.417em 0.417em;
    color: #333333;
    margin: 10px;
    color: #ffffff;
    padding: 0.75em;
}

.simple-list li:last-child {
    margin-bottom: 0;
}

.simple-list li.last-child {
    margin-bottom: 0;
}

.simple-list li a, .simple-list li span {
    background-position: 0.667em center;
    background-repeat: no-repeat;
    border-radius: 0.417em 0.417em 0.417em 0.417em;
    color: #333333;
    display: block;
    margin: -0.75em;
    padding: 0.75em;
}

.simple-list li a:hover, .simple-list li span:hover {
    background-color: #E0E0E0;
}

.simple-list.with-icon li a, .simple-list.with-icon li span, .simple-list .with-icon li a, .simple-list .with-icon li span, .simple-list li.with-icon a, .simple-list li.with-icon span {
    background-image: url("../images/icons/fugue/control-000-small.png");
    padding-left: 2.5em;
}

.collapsible-list > li {
    border-radius: 0.417em 0.417em 0.417em 0.417em;
    color: #333333;
    margin-bottom: 0.25em;
    padding: 0.75em;
}

.collapsible-list.with-bg > li {
    background: none repeat scroll 0 0 #F2F2F2;
}

.collapsible-list > li:last-child {
    margin-bottom: 0;
}

.collapsible-list > li.last-child {
    margin-bottom: 0;
}

.collapsible-list li a, .collapsible-list li span {
    background-position: 0.417em center;
    background-repeat: no-repeat;
    color: #333333;
    display: block;
    margin: -0.5em;
    padding: 0.5em;
}

.collapsible-list > li > a, .collapsible-list > li > span {
    background-position: 0.667em center;
    margin: -0.75em;
    padding: 0.75em;
}

.collapsible-list.with-bg > li > a, .collapsible-list.with-bg > li > span {
    border-radius: 0.417em 0.417em 0 0.417em;
}

.collapsible-list.with-bg > li.closed > a, .collapsible-list.with-bg > li.closed > span {
    border-bottom-right-radius: 0.417em;
}

.collapsible-list li a:hover, .collapsible-list li span:hover {
    background-color: #E0E0E0;
}

.collapsible-list li ul {
    margin: 0.5em -0.5em 0 1em;
}

.collapsible-list li.closed ul {
    display: none;
}

.collapsible-list > li > ul {
    margin: 0.75em 0 0 0.25em;
}

.collapsible-list li ul li {
    color: #333333;
    padding: 0.5em;
}

.collapsible-list.with-icon a, .collapsible-list.with-icon span, .collapsible-list .with-icon a, .collapsible-list .with-icon span {
    background-image: url("../images/icons/fugue/control-000-small.png");
    padding-left: 2.25em;
}

.collapsible-list.with-icon > li > a, .collapsible-list.with-icon > li > span, .collapsible-list > li.with-icon > a, .collapsible-list > li.with-icon > span {
    padding-left: 2.5em;
}

.collapsible-list li .toggle {
    background: url("../images/icons/toggle-sprite.png") no-repeat scroll 0 center transparent;
    cursor: pointer;
    float: left;
    height: 2em;
    margin: -0.5em 2px -0.5em 0;
    padding: 0;
    width: 16px;
}

.collapsible-list li.closed > .toggle {
    background-position: -32px center;
}

.collapsible-list li .toggle:hover {
    background-color: transparent;
    background-position: -16px center;
}

.collapsible-list li.closed > .toggle:hover {
    background-position: -48px center;
}

.collapsible-list > li > .toggle {
    height: 2.5em;
    margin: -0.75em 2px -0.75em 0;
}

.collapsible-list li .toggle + a, .collapsible-list li .toggle + span {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    cursor: pointer;
    margin-left: 18px;
    padding-left: 0.25em;
}

.collapsible-list.with-icon .toggle + a, .collapsible-list.with-icon .toggle + span, .collapsible-list .with-icon .toggle + a, .collapsible-list .with-icon .toggle + span {
    background-position: 0.25em center;
    padding-left: 2em;
}

.with-icon.no-toggle-icon .toggle + a, .with-icon.no-toggle-icon .toggle + span, .with-icon .no-toggle-icon .toggle + a, .with-icon .no-toggle-icon .toggle + span {
    background-image: none !important;
    padding-left: 0.25em;
}

.with-icon.icon-info a, .with-icon.icon-info span, .with-icon .icon-info a, .with-icon .icon-info span {
    background-image: url("../images/icons/fugue/information-blue.png") !important;
}

.with-icon.icon-group a, .with-icon.icon-group span, .with-icon .icon-group a, .with-icon .icon-group span {
    background-image: url("../images/icons/fugue/users.png") !important;
}

.with-icon.icon-user a, .with-icon.icon-user span, .with-icon .icon-user a, .with-icon .icon-user span {
    background-image: url("../images/icons/fugue/user.png") !important;
}

.with-icon.icon-file a, .with-icon.icon-file span, .with-icon .icon-file a, .with-icon .icon-file span {
    background-image: url("../images/icons/fugue/document.png") !important;
}

.with-icon.icon-tags a, .with-icon.icon-tags span, .with-icon .icon-tags a, .with-icon .icon-tags span {
    background-image: url("../images/icons/fugue/tags-label.png") !important;
}

.with-icon.icon-date a, .with-icon.icon-date span, .with-icon .icon-date a, .with-icon .icon-date span {
    background-image: url("../images/icons/fugue/calendar-day.png") !important;
}

dl.definition dt {
    background: url("../images/icons/fugue/control-000-small.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    line-height: 1.25em;
    margin-bottom: 0.167em;
    padding-left: 20px;
}

dl.definition dd {
    color: #666666;
    line-height: 1.25em;
    margin-bottom: 1em;
    padding-left: 20px;
}

dl.definition dd:last-child {
    margin-bottom: 0;
}

dl.definition dd.last-child {
    margin-bottom: 0;
}

dl.accordion {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    padding: 1px;
}

.ie dl.accordion {
    border: 1px solid #CCCCCC;
}

dl.accordion dt {
    background: -moz-linear-gradient(center top, #F8F8F8, #E7E7E7) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    color: #3399CC;
    cursor: pointer;
    padding: 0.75em;
}

dl.accordion dt:first-child {
    border-top-left-radius: 0.417em;
    border-top-right-radius: 0.417em;
}

dl.accordion dt:last-of-type {
    border-bottom-left-radius: 0.417em;
    border-bottom-right-radius: 0.417em;
}

dl.accordion dt.opened {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

dl.accordion dt .number {
    background: -moz-linear-gradient(center top, #72C6E4, #0C5FA5) repeat scroll 0 0 transparent;
    border: 0.083em solid white;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    display: block;
    float: left;
    font-weight: normal;
    margin: -0.333em 0.5em -0.333em -0.333em;
}

dl.accordion dt:hover {
    border-color: #3399CC;
}

dl.accordion dd {
    background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1), transparent) no-repeat scroll 0 0 transparent;
    color: #444;
    padding: 1em;
}

/***********************/
/**     table.css     **/
/***********************/
/**
 * Styles for tables and grid view
*/

.table, .with-head {
    margin-bottom: 1.667em;
}

.table {
    border-collapse: separate;
}

.table:last-child,
.with-head:last-child {
    margin-bottom: 0;
}

/* IE class */
.table.last-child,
.with-head.last-child {
    margin-bottom: 0;
}

.no-margin .table,
.content-columns .table,
.with-head.no-margin,
.content-columns .with-head {
    border: none;
}

.no-margin .table + .no-margin,
.with-head.no-margin + .no-margin {
    margin-top: -1.667em;
}

.no-margin .table.last-child + .no-margin,
.with-head.no-margin.last-child + .no-margin {
    margin-top: 0;
}

.content-columns .table:first-child,
.content-columns .with-head:first-child {
    border: none;
}

/* IE class */
.content-columns .table.first-child,
.content-columns .with-head.first-child {
    border: none;
}

.content-columns .table,
.content-columns .with-head {
    margin-bottom: 0;
}

.table thead th,
.table thead td,
.head {
    background: #222!important;
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #828282 !important;
}

.table thead th,
.table thead td {
    vertical-align: middle;
    text-align: left;
    padding: 2px;
}

.table thead th:nth-child(1),
.table thead td:nth-child(1) {
    border-left: 0;
}

.table thead th.sorting, .table thead th.sorting_asc, .table thead th.sorting_desc,
.table thead td.sorting, .table thead td.sorting_asc, .table thead td.sorting_desc {
    cursor: pointer;
}

.head {
    font-weight: bold;
    line-height: 1.5em;
}

.head > div {
    float: left;
    padding: 0.5em 2em 0.5em 0.75em;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #999999;
    color: white;
    margin: -1px 0 0 0;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

.head > div:first-child {
    margin-left: -1px;
}

/* IE class */
.head > div.first-child {
    margin-left: -1px;
}

.head > div:last-of-type {
    border-right: none;
}

/* IE class */
.head > div.last-of-type {
    border-right: none;
}

.head .button {
    float: right;
    margin: 0.25em 0.5em 0 0;
}

.head > div .button {
    float: left;
    margin: -0.167em 0.5em -0.333em 0;
}

.head > div .button:last-child {
    margin-right: 0;
}

/* IE class */
.head > div .button.last-child {
    margin-right: 0;
}

.table tbody td,
.table tfoot th,
.table tfoot td {
    vertical-align: top;
    text-align: left;
    padding: 2px;
    border-left: 1px dotted #333333;
}

.table tbody td:nth-child(1),
.table tfoot th:nth-child(1),
.table tfoot td:nth-child(1) {
    border-left: 0;
}

.table.small-padding tbody tr td {
    padding: 0.15em;
}

table.table-small tbody td {
    padding: 0.2em;
}

.table tbody tr.white td .table tbody td,
.table tbody td {
    background: #f2f2f2 !important;
}

table tbody td[valign=top] {
    vertical-align: top !important;
}

table thead th[align=center],
table tbody td[align=center],
table tfoot td[align=center] {
    text-align: center !important;
}

table thead th[align=right],
table tbody td[align=right],
table tfoot td[align=right] {
    text-align: right !important;
}

/*
.table tfoot td {
   border-top: 1px solid #FF9900 !important;
   background: #999999 url(../images/old-browsers-bg/tfoot-bg.png) repeat-x top !important;
   -o-background-size: 100% 100% !important;
   -moz-background-size: 100% 100% !important;
   -webkit-background-size: 100% 100% !important;
   background-size: 100% 100% !important;
   background: -moz-linear-gradient(
      top,
      #333333,
      #999999
   ) !important;
   background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(#333333),
      to(#999999)
   ) !important;
   color: white !important;
}
*/
.td-small tbody th,
.td-small tbody td {
    padding: 0px;
}

/* IE class */
.table tbody td.first-child,
.table tfoot td.first-child {
    border-left: none;
}

/* IE class */
.table tbody tr.white td .table tbody tr:nth-child(even) td,
.table tbody tr:nth-child(even) td {
    background: #e6e6e6 !important;
}

/* IE class */
.table tbody tr.white td .table tbody tr.even td,
.table tbody tr.even td {
    background: #e6e6e6 !important;
}

.table tbody tr.white td {
    background: #ffffff !important;
}

.table_hover tbody tr:hover td {
    background: #d1e5ef !important;
}

.table .black-cell,
.head .black-cell {
    background: #242424 url(../images/old-browsers-bg/black-cell-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #4c4c4c,
            #242424
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#4c4c4c),
            to(#242424)
    );
    border-top-color: #7f7f7f;
    border-left: none;
    border-right-color: #191919;
}

/* IE class */
.ie7 .head .black-cell {
    height: 1.5em;
    position: relative;
    z-index: 89;
}

.head .black-cell.with-gap {
    border-right-color: white;
    margin-right: 0.25em
}

.head .black-cell.with-gap + .black-cell {
    border-left: 1px solid #999999;
}

.table .black-cell span,
.head .black-cell span {
    display: block;
    height: 2.5em;
    background-repeat: no-repeat;
    background-position: center;
    margin: -0.5em -0.75em;
}

/* IE class */
.ie7 .head .black-cell span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 0;
}

.table .black-cell span.loading, .with-head .black-cell span.loading {
    background-image: url(../images/table-loader.gif);
}

.table .black-cell span.error, .with-head .black-cell span.error {
    background-image: url(../images/icons/fugue/cross-circle.png);
}

.table .black-cell span.success, .with-head .black-cell span.success {
    background-image: url(../images/icons/fugue/tick-circle-blue.png);
}

.head > div.black-cell:last-of-type {
    border-right: 1px solid white;
}

/* IE class */
.head > div.black-cell.last-of-type {
    border-right: 1px solid white;
}

.table-actions a img {
    margin: -2px 0;
}

/************ Sort arrows ************/
.column-sort {
    display: block;
    float: left;
    width: 14px;
    margin: -0.583em 0.5em -0.583em -0.75em;
    border-right: 1px solid #dddddd;
}

.head .column-sort {
    margin: -0.5em 0.5em -0.5em -0.75em;
}

.sorting_disabled .column-sort {
    display: none;
}

.column-sort .sort-up,
.column-sort .sort-down {
    display: block;
    width: 13px;
    height: 14px;
    background: url(../images/table-sort-arrows.png) no-repeat;
    border-right: 1px solid #999999;
}

.column-sort .sort-up {
    background-position: 0 1px;
    border-bottom: 1px solid #828282;
}

.column-sort .sort-down {
    background-position: 0 bottom;
    border-top: 1px solid white;
}

.column-sort .sort-up:hover {
    background-position: -15px 1px;
}

.column-sort .sort-down:hover {
    background-position: -15px bottom;
}

.column-sort .sort-up:active, .column-sort .sort-up.active, .sorting_asc .column-sort .sort-up {
    background-position: -30px 1px;
}

.column-sort .sort-down:active, .column-sort .sort-down.active, .sorting_desc .column-sort .sort-down {
    background-position: -30px bottom;
}

/************ Cell styles ************/
.table-check-cell {
    width: 1em;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.head:after,
ul.grid:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.head,
ul.grid {
    display: inline-block;
}

* html .head,
* html ul.grid {
    height: 1%;
}

.head,
ul.grid {
    display: block;
}

/***********************/
/**   calendars.css   **/
/***********************/
/**
 * Styles for the calendars
*/

.mini-calendar,
.medium-calendar {
    padding-top: 1em;
    position: relative;
    z-index: 89;
    text-align: center;
}

.mini-calendar {
    float: left;
}

.next-to-mini-calendar {
    margin-left: 14em;
}

.mini-calendar.float-right {
    float: right;
}

.mini-calendar.float-right + .next-to-mini-calendar {
    margin-left: 0;
    margin-right: 14em;
}

.calendar-controls {
    position: absolute;
    z-index: 89;
    top: 0;
    left: 50%;
    width: 9em;
    margin-left: -5.083em;
    text-align: center;
    line-height: 1.333em;
    padding: 0.25em 0.5em;
    border: 1px solid white;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    color: #3399cc;
    background: #dfdfdf url(../images/old-browsers-bg/button-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f6f6f6,
            #dfdfdf
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f6f6f6),
            to(#dfdfdf)
    );
}

/* IE class */
.ie .calendar-controls {
    border-color: #cccccc;
}

.calendar-controls .calendar-prev,
.calendar-controls .calendar-next {
    display: block;
    height: 1.333em;
    line-height: 1.333em;
    width: 1.333em;
    padding: 0.25em;
    text-align: center;
    background-size: 2px 100%;
    -moz-background-size: 2px 100%;
    -webkit-background-size: 2px 100%;
    margin: -0.25em 0 -0.333em;
}

.calendar-controls .calendar-prev {
    float: left;
    background: url(../images/menu-border.png) no-repeat right center;
    margin-left: -0.5em;
}

.calendar-controls .calendar-next {
    float: right;
    background: url(../images/menu-border.png) no-repeat left center;
    margin-right: -0.5em;
}

.calendar-controls .calendar-prev img,
.calendar-controls .calendar-next img {
    vertical-align: -15%;
}

.calendar-controls .calendar-prev img {
    margin-left: -2px;
}

.calendar-controls .calendar-next img {
    margin-right: -2px;
}

.mini-calendar table,
.medium-calendar table {
    border: 1px solid #cccccc;
    border-collapse: separate;
}

.medium-calendar table {
    width: 100%;
}

.mini-calendar thead th,
.mini-calendar thead td,
.medium-calendar thead th,
.medium-calendar thead td {
    height: 3em;
    padding-bottom: 0.25em;
    text-align: center;
    vertical-align: bottom;
    font-weight: normal;
    color: #808080;
    background: #cccccc url(../images/old-browsers-bg/mini-calendar-head-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #e7e7e7 80%,
            #cccccc
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#cccccc),
            color-stop(0.8, #e7e7e7)
    );
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
    border-bottom: 1px solid #cccccc;
}

.medium-calendar thead th,
.medium-calendar thead td {
    padding-bottom: 0.333em;
    border-right: 1px solid #cccccc;
}

.medium-calendar thead th.week-end,
.medium-calendar thead td.week-end {
    color: #b0b0b0;
}

.mini-calendar thead th:last-child,
.mini-calendar thead td:last-child,
.medium-calendar thead th:last-child,
.medium-calendar thead td:last-child {
    border-right: 0;
}

/* IE class */
.mini-calendar thead th.last-child,
.mini-calendar thead td.last-child,
.medium-calendar thead th.last-child,
.medium-calendar thead td.last-child {
    border-right: 0;
}

.mini-calendar tbody th,
.mini-calendar tbody td,
.medium-calendar tbody th,
.medium-calendar tbody td {
    background: white;
    text-align: center;
    vertical-align: middle;
    color: #333333;
}

.mini-calendar tbody th,
.mini-calendar tbody td {
    font-size: 0.833em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    width: 2.1em;
    height: 2.2em;
}

.medium-calendar tbody th,
.medium-calendar tbody td {
    width: 14.3%;
    height: 3.25em;
    font-weight: bold;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid white;
    border-left: 1px solid white;
}

.medium-calendar tbody tr:nth-child(odd) th,
.medium-calendar tbody tr:nth-child(odd) td {
    background: #f2f2f2;
}

/* IE class */
.medium-calendar tbody tr.odd th,
.medium-calendar tbody tr.odd td {
    background: #f2f2f2;
}

.medium-calendar tbody tr:nth-child(even) th,
.medium-calendar tbody tr:nth-child(even) td {
    background: #e6e6e6;
}

/* IE class */
.medium-calendar tbody tr.even th,
.medium-calendar tbody tr.even td {
    background: #e6e6e6;
}

.mini-calendar tbody th:last-child,
.mini-calendar tbody td:last-child,
.medium-calendar tbody th:last-child,
.medium-calendar tbody td:last-child {
    border-right: 0;
}

/* IE class */
.mini-calendar tbody th.last-child,
.mini-calendar tbody td.last-child,
.medium-calendar tbody th.last-child,
.medium-calendar tbody td.last-child {
    border-right: 0;
}

.mini-calendar tbody tr:last-child th,
.mini-calendar tbody tr:last-child td,
.medium-calendar tbody tr:last-child th,
.medium-calendar tbody tr:last-child td {
    border-bottom: 0;
}

/* IE class */
.mini-calendar tbody tr.last-child th,
.mini-calendar tbody tr.last-child td,
.medium-calendar tbody tr.last-child th,
.medium-calendar tbody tr.last-child td {
    border-bottom: 0;
}

.mini-calendar tbody a,
.mini-calendar tbody div,
.medium-calendar tbody a,
.medium-calendar tbody div {
    display: block;
    position: relative;
    z-index: 89;
    height: 100%;
}

.mini-calendar tbody a,
.medium-calendar tbody a {
    color: #333333;
}

.mini-calendar tbody a,
.mini-calendar tbody div {
    line-height: 2.22em;
}

.medium-calendar tbody a,
.medium-calendar tbody div {
    line-height: 3.25em;
}

.mini-calendar tbody .week-end,
.mini-calendar tbody .week-end a,
.medium-calendar tbody .week-end,
.medium-calendar tbody .week-end a {
    color: #808080;
}

.mini-calendar tbody .other-month,
.mini-calendar tbody .other-month a,
.medium-calendar tbody .other-month,
.medium-calendar tbody .other-month a {
    color: #CCCCCC;
    font-weight: normal;
}

.mini-calendar tbody .today,
.mini-calendar tbody .today a,
.medium-calendar tbody .today,
.medium-calendar tbody .today a {
    color: #3399cc;
    font-weight: bold;
}

.mini-calendar tbody span.today,
.medium-calendar tbody span.today {
    background: #3399cc;
    color: white;
    padding: 0.25em 0.5em;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
}

.mini-calendar tbody a:hover span.today,
.medium-calendar tbody a:hover span.today {
    background: white;
    color: #3399cc;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Date picker integration - Thanks to sbkyle! */
.mini-calendar tbody a:hover, .mini-calendar tbody a.selected {
    background: #72c6e4 url(../images/old-browsers-bg/mini-cal-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #0c5fa5,
            #72c6e4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#0c5fa5),
            to(#72c6e4)
    );
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.mini-calendar tbody a.selected {
    color: #FFF;
    font-weight: bold;
}

.datepick-month-year {
    font-size: .8em !important;
    padding: 0 !important;
}

.datepick {
    width: auto !important
}

.datepick-popup {
    z-index: 100;
}

#modal .datepick-popup {
    z-index: 999981;
}

.mini-calendar tbody th.unavailable,
.mini-calendar tbody td.unavailable,
.medium-calendar tbody th.unavailable,
.medium-calendar tbody td.unavailable {
    background: white url(../images/lite-grey-stripes.png);
    color: #b0b0b0;
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
}

.medium-calendar tbody tr:nth-child(odd) th.unavailable,
.medium-calendar tbody tr:nth-child(odd) td.unavailable {
    background: #f2f2f2 url(../images/medium-grey-stripes.png);
}

/* IE class */
.medium-calendar tbody tr.odd th.unavailable,
.medium-calendar tbody tr.odd td.unavailable {
    background: #f2f2f2 url(../images/medium-grey-stripes.png);
}

.medium-calendar tbody tr:nth-child(even) th.unavailable,
.medium-calendar tbody tr:nth-child(even) td.unavailable {
    background: #e6e6e6 url(../images/grey-stripes.png);
    color: #a0a0a0;
}

/* IE class */
.medium-calendar tbody tr.even th.unavailable,
.medium-calendar tbody tr.even td.unavailable {
    background: #e6e6e6 url(../images/grey-stripes.png);
    color: #a0a0a0;
}

.blue-corner {
    display: block;
    background: url(../images/blue-corner.png) no-repeat left bottom;
    height: 100%;
}

.other-month .blue-corner {
    background-image: url(../images/grey-corner-left.png);
}

.red-corner {
    display: block;
    background: url(../images/red-corner.png) no-repeat right bottom;
    height: 100%;
}

.other-month .red-corner {
    background-image: url(../images/grey-corner-right.png);
}

.nb-events {
    position: absolute;
    right: -3px;
    top: -3px;
    height: 1.333em;
    text-align: center;
    font-size: 0.75em;
    line-height: 1.111em;
    padding: 0 0.333em;
    font-weight: normal;
    border: 1px solid white;
    background: #0c5fa5 url(../images/old-browsers-bg/nb-events-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #72c6e4,
            #0c5fa5
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(72 c6e4),
            to(#0c5fa5)
    );
    -moz-border-radius: 0.667em;
    -webkit-border-radius: 0.667em;
    -webkit-background-clip: padding-box;
    border-radius: 0.667em;
    color: white;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.mini-calendar tbody td:hover .nb-events,
.medium-calendar tbody td:hover .nb-events {
    right: -2px;
    top: -2px;
}

.other-month .nb-events {
    background: #dfdfdf url(../images/old-browsers-bg/nb-events-other-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f6f6f6,
            #dfdfdf
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f6f6f6),
            to(#dfdfdf)
    );
    color: #999999;
}

.calendar,
.list-calendar {
    margin-bottom: 1.667em;
    border: 1px solid #999999;
    width: 100%;
    border-collapse: separate;
}

.calendar:last-child,
.list-calendar:last-child {
    margin-bottom: 0;
}

/* IE class */
.calendar.last-child,
.list-calendar.last-child {
    margin-bottom: 0;
}

.content-columns .calendar,
.content-columns .list-calendar {
    margin-bottom: 0;
    border: none;
    border-top: 1px solid #999999;
}

.no-margin .calendar,
.no-margin .list-calendar {
    border: none;
}

.calendar thead th,
.calendar thead td,
.list-calendar thead th,
.list-calendar thead td {
    background: #a4a4a4 url(../images/old-browsers-bg/planning-header-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #cccccc,
            #a4a4a4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#cccccc),
            to(#a4a4a4)
    );
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    border-top: 1px solid white;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #828282;
    vertical-align: middle;
    text-align: center;
    padding: 0.75em;
}

.calendar .black-cell,
.list-calendar .black-cell {
    background: #242424 url(../images/old-browsers-bg/black-cell-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #4c4c4c,
            #242424
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#4c4c4c),
            to(#242424)
    );
    border-top-color: #7f7f7f;
    border-left: none;
    border-right-color: #191919;
    min-width: 16px;
}

.calendar .black-cell span,
.list-calendar .black-cell span {
    display: block;
    height: 2.5em;
    background-repeat: no-repeat;
    background-position: center;
    margin: -0.75em;
}

.calendar .black-cell span.loading, .list-calendar .black-cell span.loading {
    background-image: url(../images/table-loader.gif);
}

.calendar .black-cell span.error, .list-calendar .black-cell span.error {
    background-image: url(../images/icons/fugue/cross-circle.png);
}

.calendar .black-cell span.success, .list-calendar .black-cell span.success {
    background-image: url(../images/icons/fugue/tick-circle-blue.png);
}

.calendar tbody th,
.calendar tbody td,
.list-calendar tbody th,
.list-calendar tbody td {
    background: white;
    text-align: center;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid white;
    border-left: 1px solid white;
    color: #333333;
    text-align: left;
    vertical-align: top;
    padding: 0.5em;
}

.calendar tbody th,
.calendar tbody td {
    width: 14%;
    height: 8.25em;
}

.calendar tbody tr.empty th,
.calendar tbody tr.empty td,
.list-calendar tbody tr.empty th,
.list-calendar tbody tr.empty td {
    color: #999999;
}

.calendar tbody th:first-child {
    width: 2em;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

.list-calendar tbody th:first-child {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    font-size: 2.5em;
    line-height: 1.2em;
    width: 1.5em;
    text-align: center;
    padding: 0.2em;
    color: #3399cc;
}

.list-calendar tbody tr.empty th:first-child {
    color: #999999;
    font-style: normal;
}

.calendar tbody tr:nth-child(odd) th,
.calendar tbody tr:nth-child(odd) td,
.list-calendar tbody tr:nth-child(odd) th,
.list-calendar tbody tr:nth-child(odd) td {
    background: #f2f2f2;
}

/* IE class */
.calendar tbody tr.odd th,
.calendar tbody tr.odd td,
.list-calendar tbody tr.odd th,
.list-calendar tbody tr.odd td {
    background: #f2f2f2;
}

.calendar tbody tr:nth-child(odd) th:first-child,
.list-calendar tbody tr:nth-child(odd) th:first-child {
    background: #d9d9d9;
    border-bottom-color: #c2c2c2;
}

/* IE class */
.calendar tbody tr.odd th:first-child,
.list-calendar tbody tr.odd th:first-child {
    background: #d9d9d9;
    border-bottom-color: #c2c2c2;
}

.calendar tbody tr:nth-child(odd) th:first-child {
    color: #b4b4b4;
}

/* IE class */
.calendar tbody tr.odd th:first-child {
    color: #b4b4b4;
}

.calendar tbody tr:nth-child(even) th,
.calendar tbody tr:nth-child(even) td,
.list-calendar tbody tr:nth-child(even) th,
.list-calendar tbody tr:nth-child(even) td {
    background: #e6e6e6;
}

/* IE class */
.calendar tbody tr.even th,
.calendar tbody tr.even td,
.list-calendar tbody tr.even th,
.list-calendar tbody tr.even td {
    background: #e6e6e6;
}

.calendar tbody tr:nth-child(even) th:first-child {
    background: #cccccc;
    color: #808080;
    border-bottom-color: #bbbbbb;
}

/* IE class */
.calendar tbody tr.even th:first-child {
    background: #cccccc;
    color: #808080;
    border-bottom-color: #bbbbbb;
}

.list-calendar tbody tr th:hover,
.list-calendar tbody tr td:hover {
    background-color: #dbe8f0;
}

.list-calendar tbody tr th.other-month:hover,
.list-calendar tbody tr td.other-month:hover {
    background-color: #e9e9e9;
}

.calendar tbody th:last-child,
.calendar tbody td:last-child,
.list-calendar tbody th:last-child,
.list-calendar tbody td:last-child {
    border-right: 0;
}

/* IE class */
.calendar tbody th.last-child,
.calendar tbody td.last-child,
.list-calendar tbody th.last-child,
.list-calendar tbody td.last-child {
    border-right: 0;
}

.calendar tbody tr:last-child th,
.calendar tbody tr:last-child td,
.list-calendar tbody tr:last-child th,
.list-calendar tbody tr:last-child td {
    border-bottom: 0;
}

/* IE class */
.calendar tbody tr.last-child th,
.calendar tbody tr.last-child td,
.list-calendar tbody tr.last-child th,
.list-calendar tbody tr.last-child td {
    border-bottom: 0;
}

.calendar tbody .week-end,
.calendar tbody .week-end a,
.list-calendar tbody .week-end,
.list-calendar tbody .week-end a {
    color: #808080;
}

.calendar tbody .other-month,
.calendar tbody .other-month a,
.list-calendar tbody .other-month,
.list-calendar tbody .other-month a {
    color: #CCCCCC;
}

.calendar .day {
    display: block;
    float: left;
    font-size: 1.5em;
    line-height: 1.222em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333333;
}

.calendar .other-month .day {
    color: #CCCCCC;
}

.calendar .add-event {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    float: left;
    font-size: 0.75em;
    line-height: 1em;
    height: 1em;
    margin: 0.556em -1.444em 0 0.556em;
    text-transform: uppercase;
    padding: 0 0.333em 0.222em;
    border: 1px solid white;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #666666;
    background: #dfdfdf url(../images/old-browsers-bg/button-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f6f6f6,
            #dfdfdf
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f6f6f6),
            to(#dfdfdf)
    );
    overflow: hidden;
    width: 0.778em;
    white-space: nowrap;
    -moz-transition: all 250ms;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

/* IE class */
.ie .calendar .add-event {
    margin-top: 0.444em;
}

/* IE class */
.ie7 .calendar .add-event {
    margin-top: 0.333em;
}

.calendar .add-event:before {
    content: url(../images/icons/add-mini.png);
    padding-right: 0.333em;
}

/* IE class */
.calendar .add-event .before {
    background: url(../images/icons/add-mini.png) no-repeat;
    width: 7px;
    height: 7px;
    padding: 0;
    vertical-align: middle;
    margin: 0 0.333em -1px 0;
    display: inline-block;
}

.calendar th:hover .add-event,
.calendar td:hover .add-event {
    opacity: 1;
    filter: none;
}

.calendar .add-event:hover {
    width: 3.667em;
    margin-right: -4.333em;
}

.calendar tbody .today,
.calendar tbody .today a,
.calendar tbody .today span {
    color: #3399cc;
    font-weight: bold;
}

.calendar tbody span.today {
    background: #3399cc;
    color: white;
    padding: 0.25em 0.5em;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
}

.calendar tbody a:hover span.today {
    background: white;
    color: #3399cc;
}

.calendar tbody td .mini-menu,
.list-calendar tbody td .mini-menu {
    margin: -1.583em 0.5em -0.583em 0;
}

.calendar tbody .unavailable {
    background: white url(../images/lite-grey-stripes.png);
    color: #b0b0b0;
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
}

.calendar tbody .unavailable .day {
    color: #b0b0b0;
}

.calendar tbody tr:nth-child(odd) .unavailable {
    background: #f2f2f2 url(../images/medium-grey-stripes.png);
}

/* IE class */
.calendar tbody tr.odd .unavailable {
    background: #f2f2f2 url(../images/medium-grey-stripes.png);
}

.calendar tbody tr:nth-child(even) .unavailable {
    background: #e6e6e6 url(../images/grey-stripes.png);
    color: #a0a0a0;
}

/* IE class */
.calendar tbody tr.even .unavailable {
    background: #e6e6e6 url(../images/grey-stripes.png);
    color: #a0a0a0;
}

/* Hover effect */
.medium-calendar tbody td:hover,
.calendar tbody td:hover {
    border: 0;
}

.medium-calendar tbody td:hover a,
.medium-calendar tbody td:hover div {
    padding: 1px;
}

.medium-calendar tbody td:last-child:hover a,
.medium-calendar tbody td:last-child:hover div {
    padding-right: 0;
}

/* IE class */
.medium-calendar tbody td.last-child:hover a,
.medium-calendar tbody td.last-child:hover div {
    padding-right: 0;
}

.medium-calendar tbody tr:last-child td:hover a,
.medium-calendar tbody tr:last-child td:hover div {
    padding-bottom: 0;
}

/* IE class */
.medium-calendar tbody tr.last-child td:hover a,
.medium-calendar tbody tr.last-child td:hover div {
    padding-bottom: 0;
}

.calendar tbody td:hover {
    padding: 0.583em;
}

.calendar tbody td:last-child:hover {
    padding-right: 0.5em;
}

/* IE class */
.calendar tbody td.last-child:hover {
    padding-right: 0.5em;
}

.calendar tbody tr:last-child td:hover {
    padding-bottom: 0.5em;
}

/* IE class */
.calendar tbody tr.last-child td:hover {
    padding-bottom: 0.5em;
}

.mini-calendar tbody a:hover,
.medium-calendar tbody a:hover,
.calendar tbody tr td:hover {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    color: white;
}

.calendar tbody tr td.unavailable:hover {
    background-size: auto;
    -moz-background-size: auto;
    -webkit-background-size: auto;
}

.mini-calendar tbody a:hover {
    background: #72c6e4 url(../images/old-browsers-bg/mini-cal-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #0c5fa5,
            #72c6e4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#0c5fa5),
            to(#72c6e4)
    );
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.medium-calendar tbody a:hover {
    background: #72c6e4 url(../images/old-browsers-bg/medium-cal-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #0c5fa5,
            #72c6e4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#0c5fa5),
            to(#72c6e4)
    );
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
}

.calendar tbody tr td:hover {
    background: #72c6e4 url(../images/old-browsers-bg/calendar-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #0c5fa5,
            #72c6e4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#0c5fa5),
            to(#72c6e4)
    );
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
}

.mini-calendar tbody a:hover,
.medium-calendar tbody a:hover {
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.calendar tbody td:hover .day {
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Custom styles */
.dot-events {
    float: right;
    margin: -0.25em 0.25em 0 0;
    text-align: right;
}

.calendar .dot-events {
    max-width: 40%;
}

/* IE class */
.ie7 .dot-events {
    padding-top: 0.083em;
}

.dot-events li {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 0.333em solid #3399cc;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
    overflow: hidden;
}

/* IE class */
.ie7 .dot-events li {
    float: left;
    margin: 0.25em 0 0 0.25em;
}

.calendar tbody td:hover .dot-events li {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.dot-events li.red {
    border-color: #c73333;
}

.other-month .dot-events li,
.other-month .dot-events li.red {
    border-color: #b1b1b1;
}

.dot-events li a {
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    padding: 0.333em;
    margin: -0.333em;
    overflow: hidden;
    text-indent: 2em;
}

.events {
    clear: both;
    line-height: 1.25em;
}

.calendar .events {
    margin: 0 -0.333em;
    font-size: 0.75em;
    line-height: 1.222em;
    padding-top: 0.222em;
}

.calendar .events:last-child {
    margin-bottom: -0.333em;
}

/* IE class */
.calendar .events.last-child {
    margin-bottom: -0.333em;
}

.events li {
    padding: 0.167em 0.667em 0.333em 4.25em;
    color: #333333;
}

.calendar .events li {
    padding: 0.111em 0.333em 0.333em 4.222em;
}

.calendar tbody td:hover .events li {
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

.events li a {
    display: block;
    color: #333333;
    margin: -0.167em -0.667em -0.333em -4.25em;
    padding: 0.167em 0.667em 0.333em 4.25em;
}

.calendar .events li a {
    margin: -0.111em -0.333em -0.333em -4.222em;
    padding: 0.111em 0.333em 0.333em 4.222em;
}

.calendar tbody td:hover .events li a {
    color: white;
}

.list-calendar .events li a:hover {
    background: white;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
}

.calendar .events li a:hover {
    color: #999999;
}

.calendar tbody td:hover .events li a:hover {
    color: #bfd8e4;
}

.events li b {
    display: block;
    font-weight: normal;
    color: #3399cc;
    float: left;
    margin-left: -3.833em;
    width: 3.667em;
}

.calendar .events li b {
    margin-left: -4em;
}

.calendar tbody td:hover .events li b {
    color: #9cd0ea;
}

.events li.red b {
    color: #c73333;
}

.more-events {
    position: relative;
    z-index: 88;
    background: #7f7f7f;
    line-height: 1em;
    padding: 0.333em 0.583em 0.417em;
    -moz-border-radius: 0.75em;
    -webkit-border-radius: 0.75em;
    -webkit-background-clip: padding-box;
    border-radius: 0.75em;
    color: white;
    text-align: center;
}

.list-calendar .more-events {
    float: left;
}

.calendar .more-events {
    font-size: 0.75em;
    padding: 0.222em 0.556em 0.444em;
    -moz-border-radius: 0.666em;
    -webkit-border-radius: 0.666em;
    -webkit-background-clip: padding-box;
    border-radius: 0.666em;
}

/* IE class */
.ie7 .calendar .more-events {
    padding-top: 0.333em;
}

.list-calendar .more-events {
    margin: 0.25em 0 0.25em 0.333em;
}

.list-calendar .events + .more-events {
    margin-top: -1.333em;
}

.calendar .events + .more-events {
    margin-top: 0.333em;
}

.list-calendar .more-events:after {
    content: '';
    padding: 0 8px;
    background: url(../images/menu-open-arrow.png) no-repeat 3px center;
}

.calendar tbody td:hover .more-events {
    background: #404040;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.more-events:hover {
    background-color: #333333;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.more-events ul {
    display: none;
    position: absolute;
    z-index: 89;
    top: 100%;
    left: 0;
    line-height: 1.25em;
    min-width: 100%;
    background: #e6e6e6;
    border: 1px solid #333333;
    -moz-border-radius: 0 0.333em 0.333em 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    -webkit-border-top-left-radius: 0;
    border-radius: 0 0.333em 0.333em 0.333em;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    text-align: left;
}

.calendar .more-events ul {
    line-height: 1.667em;
}

/* IE class */
.ie7 .calendar .more-events ul {
    margin-top: -1px;
}

.more-events:hover ul {
    display: block;
}

.more-events ul li {
    padding: 0.25em 0.667em 0.333em 4.25em;
    color: #333333;
    white-space: nowrap;
}

.calendar .more-events ul li {
    padding: 0.111em 0.667em 0.333em 4.667em;
}

.more-events ul li a {
    display: block;
    color: #333333;
    margin: -0.25em -0.667em -0.333em -4.25em;
    padding: 0.25em 0.667em 0.333em 4.25em;
    white-space: nowrap;
}

.calendar .more-events ul li a {
    margin: -0.111em -0.667em -0.333em -4.667em;
    padding: 0.111em 0.667em 0.333em 4.667em;
}

.more-events ul li a:hover {
    background: white;
}

.more-events ul li:first-child a:hover {
    -moz-border-radius-topright: 0.333em;
    -webkit-border-top-right-radius: 0.333em;
    border-top-right-radius: 0.333em;
}

.more-events ul li:last-child a:hover {
    -moz-border-radius: 0 0 0.333em 0.333em;
    -webkit-border-bottom-left-radius: 0.333em;
    -webkit-border-bottom-right-radius: 0.333em;
    border-radius: 0 0 0.333em 0.333em;
}

.more-events ul li b {
    display: block;
    font-weight: normal;
    color: #3399cc;
    float: left;
    margin-left: -3.833em;
    width: 3.667em;
}

.calendar .more-events ul li b {
    margin-left: -4.222em;
    width: 3.667em;
}

.more-events ul.red li b {
    color: #c73333;
}

.events-dots-list {
    line-height: 1.25em;
}

.events-dots-list li {
    padding: 0.083em 0.5em 0.25em;
    color: #333333;
}

.events-dots-list li a {
    display: block;
    color: #333333;
    margin: -0.083em -0.5em -0.25em;
    padding: 0.083em 0.5em 0.25em;
}

.events-dots-list li a:hover {
    background: white;
}

.events-dots-list li span {
    display: inline-block;
    background-color: #3399cc;
    width: 0;
    height: 0;
    padding: 0.333em;
    margin-right: 0.333em;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
}

/* IE class */
.ie7 .events-dots-list li span {
    float: left;
    margin-top: 0.5em;
}

.events-dots-list li.red span {
    background-color: #c73333;
}

.week-calendar {
    margin-bottom: 1.667em;
    border: 1px solid #999999;
    background: #a4a4a4 url(../images/old-browsers-bg/planning-header-bg.png) repeat-x top;
    -webkit-background-size: 100% 2.5em;
    -o-background-size: 100% 2.5em;
    background-size: 100% 2.5em;
    background: -moz-linear-gradient(
            top,
            #cccccc,
            #a4a4a4 2.5em
    ), #a4a4a4;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#cccccc),
            to(#a4a4a4)
    ), #a4a4a4;
    position: relative;
    z-index: 89;
}

.week-calendar:last-child {
    margin-bottom: 0;
}

/* IE class */
.week-calendar.last-child {
    margin-bottom: 0;
}

.week-calendar.no-margin {
    border: 0;
}

.with-head.week-calendar,
.content-columns .week-calendar {
    border: none;
}

.with-head.week-calendar + .no-margin {
    margin-top: -1.667em;
}

.content-columns .week-calendar:first-child {
    border: none;
}

/* IE class */
.content-columns .week-calendar.first-child {
    border: none;
}

.content-columns .week-calendar {
    margin-bottom: 0;
}

.week-calendar > li {
    position: absolute;
    z-index: 89;
    top: 0;
    height: 100%;
    width: 13%;
}

.week-calendar > li.day1 {
    left: 9%;
}

.week-calendar > li.day2 {
    left: 22%;
}

.week-calendar > li.day3 {
    left: 35%;
}

.week-calendar > li.day4 {
    left: 48%;
}

.week-calendar > li.day5 {
    left: 61%;
}

.week-calendar > li.day6 {
    left: 74%;
}

.week-calendar > li.day7 {
    left: 87%;
}

.week-calendar > li > ul {
    border-left: 1px solid #ccc;
    position: absolute;
    z-index: 89;
    top: 2.5em;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 2px;
}

.week-calendar > li.weekend > ul {
    background: url(../images/old-browsers-bg/black10.png);
    background: rgba(0, 0, 0, 0.1);
}

.week-calendar > li > ul > li {
    position: absolute;
    left: 1em;
    right: 1em;
    border: 1px solid #ccc;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    padding: 0.5em;
    background: #dfdfdf url(../images/old-browsers-bg/event-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 0) 1.5em
    ), #dfdfdf;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0.75)),
            to(rgba(255, 255, 255, 0)),
            color-stop(1.5em, rgba(255, 255, 255, 0))
    ), #dfdfdf;
}

.week-calendar > li > ul > li.blue {
    background-color: #d9eef7;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 0) 1.5em
    ), #d9eef7;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0.75)),
            to(rgba(255, 255, 255, 0)),
            color-stop(1.5em, rgba(255, 255, 255, 0))
    ), #d9eef7;
}

.week-calendar > li > ul > li.orange {
    background-color: #f7e7d9;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 0) 1.5em
    ), #f7e7d9;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0.75)),
            to(rgba(255, 255, 255, 0)),
            color-stop(1.5em, rgba(255, 255, 255, 0))
    ), #f7e7d9;
}

.week-calendar > li > ul > li.green {
    background-color: #e6f7d9;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 0) 1.5em
    ), #e6f7d9;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0.75)),
            to(rgba(255, 255, 255, 0)),
            color-stop(1.5em, rgba(255, 255, 255, 0))
    ), #e6f7d9;
}

.week-calendar > li > ul > li.purple {
    background-color: #d9d9f7;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 0) 1.5em
    ), #d9d9f7;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0.75)),
            to(rgba(255, 255, 255, 0)),
            color-stop(1.5em, rgba(255, 255, 255, 0))
    ), #d9d9f7;
}

.week-calendar > li > ul > li.half-left {
    right: 50%;
    margin-right: 0.5em;
}

.week-calendar > li > ul > li.half-right {
    left: 50%;
    margin-left: 0.5em;
}

.week-calendar .lunch,
.week-calendar .unavailable {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.week-calendar .lunch {
    background: url(../images/old-browsers-bg/black05.png);
    background: rgba(0, 0, 0, 0.05);
}

.week-calendar .unavailable {
    background: url(../images/lite-grey-stripes.png);
}

.week-calendar > li > ul > li .mini-menu {
    right: 0.75em;
}

.week-calendar .event-time {
    display: block;
    font-size: 0.667em;
    margin: -0.375em 0 0.25em -0.375em;
    color: #666;
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
}

.week-calendar .day {
    display: block;
    font-weight: bold;
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    border-top: 1px solid white;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #828282;
    text-align: center;
    height: 2.5em;
    line-height: 2.5em;
}

.week-calendar .dot-events {
    position: absolute;
    z-index: 89;
    top: 0.25em;
    right: 0.417em;
    margin: 0;
    line-height: 1em;
}

.week-calendar > li.week-cal-hours {
    position: static;
    width: auto;
}

.week-calendar > li.week-cal-hours div {
    width: 9%;
}

.week-calendar > li.week-cal-hours > ul {
    border-left: 0;
    position: static;
    margin: 0;
}

.week-calendar > li.week-cal-hours > ul > li {
    position: static;
    background: white url(../images/dots.gif) repeat-x left center;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    height: 2.5em;
    line-height: 2.5em;
    border: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.week-calendar > li.week-cal-hours li > span {
    width: 9%;
    background: #F2F2F2;
    color: #666;
    text-align: center;
    display: block;
    height: 2.5em;
    line-height: 2.5em;
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
}

.week-calendar .from-7-30, .week-calendar .at-7-30 {
    top: 0;
}

.week-calendar .from-7-45, .week-calendar .at-7-45 {
    top: 1.92%;
}

.week-calendar .from-8, .week-calendar .at-8, .week-calendar .from-8-00, .week-calendar .at-8-00 {
    top: 3.85%;
}

.week-calendar .from-8-15, .week-calendar .at-8-15 {
    top: 5.77%;
}

.week-calendar .from-8-30, .week-calendar .at-8-30 {
    top: 7.69%;
}

.week-calendar .from-8-45, .week-calendar .at-8-45 {
    top: 9.62%;
}

.week-calendar .from-9, .week-calendar .at-9, .week-calendar .from-9-00, .week-calendar .at-9-00 {
    top: 11.54%;
}

.week-calendar .from-9-15, .week-calendar .at-9-15 {
    top: 13.46%;
}

.week-calendar .from-9-30, .week-calendar .at-9-30 {
    top: 15.38%;
}

.week-calendar .from-9-45, .week-calendar .at-9-45 {
    top: 17.31%;
}

.week-calendar .from-10, .week-calendar .at-10, .week-calendar .from-10-00, .week-calendar .at-10-00 {
    top: 19.23%;
}

.week-calendar .from-10-15, .week-calendar .at-10-15 {
    top: 21.15%;
}

.week-calendar .from-10-30, .week-calendar .at-10-30 {
    top: 23.08%;
}

.week-calendar .from-10-45, .week-calendar .at-10-45 {
    top: 25%;
}

.week-calendar .from-11, .week-calendar .at-11, .week-calendar .from-11-00, .week-calendar .at-11-00 {
    top: 26.92%;
}

.week-calendar .from-11-15, .week-calendar .at-11-15 {
    top: 28.85%;
}

.week-calendar .from-11-30, .week-calendar .at-11-30 {
    top: 30.77%;
}

.week-calendar .from-11-45, .week-calendar .at-11-45 {
    top: 32.69%;
}

.week-calendar .from-12, .week-calendar .at-12, .week-calendar .from-12-00, .week-calendar .at-12-00 {
    top: 34.62%;
}

.week-calendar .from-12-15, .week-calendar .at-12-15 {
    top: 36.54%;
}

.week-calendar .from-12-30, .week-calendar .at-12-30 {
    top: 38.46%;
}

.week-calendar .from-12-45, .week-calendar .at-12-45 {
    top: 40.38%;
}

.week-calendar .from-13, .week-calendar .at-13, .week-calendar .from-13-00, .week-calendar .at-13-00 {
    top: 42.31%;
}

.week-calendar .from-13-15, .week-calendar .at-13-15 {
    top: 44.23%;
}

.week-calendar .from-13-30, .week-calendar .at-13-30 {
    top: 46.15%;
}

.week-calendar .from-13-45, .week-calendar .at-13-45 {
    top: 48.08%;
}

.week-calendar .from-14, .week-calendar .at-14, .week-calendar .from-14-00, .week-calendar .at-14-00 {
    top: 50%;
}

.week-calendar .from-14-15, .week-calendar .at-14-15 {
    top: 51.92%;
}

.week-calendar .from-14-30, .week-calendar .at-14-30 {
    top: 53.85%;
}

.week-calendar .from-14-45, .week-calendar .at-14-45 {
    top: 55.77%;
}

.week-calendar .from-15, .week-calendar .at-15, .week-calendar .from-15-00, .week-calendar .at-15-00 {
    top: 57.69%;
}

.week-calendar .from-15-15, .week-calendar .at-15-15 {
    top: 59.62%;
}

.week-calendar .from-15-30, .week-calendar .at-15-30 {
    top: 61.54%;
}

.week-calendar .from-15-45, .week-calendar .at-15-45 {
    top: 63.46%;
}

.week-calendar .from-16, .week-calendar .at-16, .week-calendar .from-16-00, .week-calendar .at-16-00 {
    top: 65.38%;
}

.week-calendar .from-16-15, .week-calendar .at-16-15 {
    top: 67.31%;
}

.week-calendar .from-16-30, .week-calendar .at-16-30 {
    top: 69.23%;
}

.week-calendar .from-16-45, .week-calendar .at-16-45 {
    top: 71.15%;
}

.week-calendar .from-17, .week-calendar .at-17, .week-calendar .from-17-00, .week-calendar .at-17-00 {
    top: 73.08%;
}

.week-calendar .from-17-15, .week-calendar .at-17-15 {
    top: 75%;
}

.week-calendar .from-17-30, .week-calendar .at-17-30 {
    top: 76.92%;
}

.week-calendar .from-17-45, .week-calendar .at-17-45 {
    top: 78.85%;
}

.week-calendar .from-18, .week-calendar .at-18, .week-calendar .from-18-00, .week-calendar .at-18-00 {
    top: 80.77%;
}

.week-calendar .from-18-15, .week-calendar .at-18-15 {
    top: 82.69%;
}

.week-calendar .from-18-30, .week-calendar .at-18-30 {
    top: 84.62%;
}

.week-calendar .from-18-45, .week-calendar .at-18-45 {
    top: 86.54%;
}

.week-calendar .from-19, .week-calendar .at-19, .week-calendar .from-19-00, .week-calendar .at-19-00 {
    top: 88.46%;
}

.week-calendar .from-19-15, .week-calendar .at-19-15 {
    top: 90.38%;
}

.week-calendar .from-19-30, .week-calendar .at-19-30 {
    top: 92.31%;
}

.week-calendar .from-19-45, .week-calendar .at-19-45 {
    top: 94.23%;
}

.week-calendar .from-20, .week-calendar .at-20, .week-calendar .from-20-00, .week-calendar .at-20-00 {
    top: 96.15%;
}

.week-calendar .from-20-15, .week-calendar .at-20-15 {
    top: 98.08%;
}

.week-calendar .to-7-30 {
    bottom: 100%;
}

.week-calendar .to-7-45 {
    bottom: 98.08%;
}

.week-calendar .to-8, .week-calendar .to-8-00 {
    bottom: 96.15%;
}

.week-calendar .to-8-15 {
    bottom: 94.23%;
}

.week-calendar .to-8-30 {
    bottom: 92.31%;
}

.week-calendar .to-8-45 {
    bottom: 90.38%;
}

.week-calendar .to-9, .week-calendar .to-9-00 {
    bottom: 88.46%;
}

.week-calendar .to-9-15 {
    bottom: 86.54%;
}

.week-calendar .to-9-30 {
    bottom: 84.62%;
}

.week-calendar .to-9-45 {
    bottom: 82.69%;
}

.week-calendar .to-10, .week-calendar .to-10-00 {
    bottom: 80.77%;
}

.week-calendar .to-10-15 {
    bottom: 78.85%;
}

.week-calendar .to-10-30 {
    bottom: 76.92%;
}

.week-calendar .to-10-45 {
    bottom: 75%;
}

.week-calendar .to-11, .week-calendar .to-11-00 {
    bottom: 73.08%;
}

.week-calendar .to-11-15 {
    bottom: 71.15%;
}

.week-calendar .to-11-30 {
    bottom: 69.23%;
}

.week-calendar .to-11-45 {
    bottom: 67.31%;
}

.week-calendar .to-12, .week-calendar .to-12-00 {
    bottom: 65.38%;
}

.week-calendar .to-12-15 {
    bottom: 63.46%;
}

.week-calendar .to-12-30 {
    bottom: 61.54%;
}

.week-calendar .to-12-45 {
    bottom: 59.62%;
}

.week-calendar .to-13, .week-calendar .to-13-00 {
    bottom: 57.69%;
}

.week-calendar .to-13-15 {
    bottom: 55.77%;
}

.week-calendar .to-13-30 {
    bottom: 53.85%;
}

.week-calendar .to-13-45 {
    bottom: 51.92%;
}

.week-calendar .to-14, .week-calendar .to-14-00 {
    bottom: 50%;
}

.week-calendar .to-14-15 {
    bottom: 48.08%;
}

.week-calendar .to-14-30 {
    bottom: 46.15%;
}

.week-calendar .to-14-45 {
    bottom: 44.23%;
}

.week-calendar .to-15, .week-calendar .to-15-00 {
    bottom: 42.31%;
}

.week-calendar .to-15-15 {
    bottom: 40.38%;
}

.week-calendar .to-15-30 {
    bottom: 38.46%;
}

.week-calendar .to-15-45 {
    bottom: 36.54%;
}

.week-calendar .to-16, .week-calendar .to-16-00 {
    bottom: 34.62%;
}

.week-calendar .to-16-15 {
    bottom: 32.69%;
}

.week-calendar .to-16-30 {
    bottom: 30.77%;
}

.week-calendar .to-16-45 {
    bottom: 28.85%;
}

.week-calendar .to-17, .week-calendar .to-17-00 {
    bottom: 26.92%;
}

.week-calendar .to-17-15 {
    bottom: 25%;
}

.week-calendar .to-17-30 {
    bottom: 23.08%;
}

.week-calendar .to-17-45 {
    bottom: 21.15%;
}

.week-calendar .to-18, .week-calendar .to-18-00 {
    bottom: 19.23%;
}

.week-calendar .to-18-15 {
    bottom: 17.31%;
}

.week-calendar .to-18-30 {
    bottom: 15.38%;
}

.week-calendar .to-18-45 {
    bottom: 13.46%;
}

.week-calendar .to-19, .week-calendar .to-19-00 {
    bottom: 11.54%;
}

.week-calendar .to-19-15 {
    bottom: 9.62%;
}

.week-calendar .to-19-30 {
    bottom: 7.69%;
}

.week-calendar .to-19-45 {
    bottom: 5.77%;
}

.week-calendar .to-20, .week-calendar .to-20-00 {
    bottom: 3.85%;
}

.week-calendar .to-20-15 {
    bottom: 1.92%;
}

/***********************/
/** special-pages.css **/
/***********************/
/* Custom styles for the special pages */

html {
    height: 100%;
}

.login-bg,
.wizard-bg {
    background: url(../images/bg.png) no-repeat center -200px;
    min-height: 100%;
}

.error-bg,
.code-page {
    background: #70828f url(../images/old-browsers-bg/login-radial-bg.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-radial-gradient(center, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)), #70828f;
    background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 500, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))), #70828f;
    min-height: 100%;
}

.login-bg section,
.wizard-bg section,
.error-bg section,
.code-page section {
    position: absolute;
    z-index: 89;
    left: 50%;
    top: 50%;
}

.login-bg section,
.error-bg section {
    width: 40em;
    margin-left: -17em;
    margin-top: -15em;
}

.login-bg section#message {
    top: auto;
    bottom: 50%;
    margin-top: 0;
    margin-bottom: 17em;
}

.error-bg section {
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.error-bg section#error-log {
    z-index: 88;
    opacity: 0;
    filter: alpha(opacity=0);
}

.error-bg.with-log section {
    margin-top: -19em;
}

.error-bg.with-log section#error-desc {
    margin-left: -36em;
}

.error-bg.with-log section#error-log {
    margin-left: 2em;
    opacity: 100;
    filter: none;
}

.wizard-bg section {
    width: 64em;
    margin-left: -32em;
    margin-top: -23em;
}

.login-bg .block-content,
.wizard-bg .block-content,
.error-bg .block-content {
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.login-bg .block-border,
.wizard-bg .block-border,
.error-bg .block-border {
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.login-bg .block-border .block-content,
.wizard-bg .block-border .block-content,
.error-bg .block-border .block-content {
    -moz-box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
}

.error-bg #send-report p {
    padding-left: 10em;
}

.error-bg #send-report p .float-left {
    margin-left: -10em;
    width: 8em;
}

/******** Page for code errors : 404... *********/
.code-page {
    text-align: center;
}

.code-page h1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -1em;
    text-align: center;
    font-size: 16em;
    color: #A1A8AB;
    -moz-text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35), 1px 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35), 1px 1px 1px rgba(255, 255, 255, 0.75);
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35), 1px 1px 1px rgba(255, 255, 255, 0.75);
}

.code-page p {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    font-size: 3em;
    font-weight: bold;
    text-transform: uppercase;
    -moz-text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35), 1px 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35), 1px 1px 1px rgba(255, 255, 255, 0.75);
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.35), 1px 1px 1px rgba(255, 255, 255, 0.75);
}

.code-page section {
    margin-top: 5em;
    width: 28em;
    margin-left: -14em;
}

.code-page section .action-tabs {
    padding-top: 1em;
}

.code-page section .action-tabs.on-form {
    padding-top: 1.75em;
}

.code-page section form.block-content {
    padding-left: 0;
    padding-right: 0;
}

.code-page section form.block-content #s {
    width: 15em;
}

/************* Mobile customization *************/
@media only screen and (max-device-width: 480px) {

    .login-bg,
    .wizard-bg {
        background: #70828f url(../images/bg-mobile.png) no-repeat center -200px;
    }

    .login-bg,
    .error-bg {
        padding: 1em;
    }

    .login-bg section,
    .wizard-bg section,
    .error-bg section {
        position: static;
        width: auto;
        margin-top: 0;
        margin-left: 0;
        left: auto;
        top: auto;
    }

    .error-bg section#error-log {
        opacity: 100;
        filter: none;
    }

    .error-bg,
    .code-page {
        background: #70828f url(../images/old-browsers-bg/login-radial-bg-mobile.png) no-repeat center center;
        background: -moz-radial-gradient(center, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)), #70828f;
        background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 240, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))), #70828f;
    }

    .error-bg #send-report p {
        padding: 0;
    }

    .error-bg #send-report p .float-left {
        margin-left: 0;
        width: auto;
    }

    .error-bg #send-report p span.float-left {
        float: right;
        width: 40%;
    }

    .error-bg #send-report p #sender {
        width: 50%;
    }

    /******** Page for code errors : 404... *********/
    .code-page h1 {
        font-size: 10em;
    }

    .code-page p {
        font-size: 1.75em;
    }

    .code-page section {
        width: auto;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
    }

    .code-page section .action-tabs {
        display: none;
    }

}

.div_scroll_map {
    width: 285px;
    height: 300px;
    background-color: white;
    -ms-overflow-y: auto;
    overflow-y: auto;
    padding: 5px;
    z-index: 999999;
    float: right;
    position: relative;
    margin-top: 50px !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.sg_maps {
    background: #ffffff;
    list-style: none;
}

.sg_maps li {
    padding: 10px;
}

.sg_maps li:hover {
    background-color: #555 !important;
    color: #fff;
    cursor: pointer;
    cursor: hand;
}

.table_small tbody td,
.table_small thead th,
.table_small tfoot th,
.table_small tfoot td {
    padding: 2px !important;
    line-height: 20px !important;
}

.table_small thead th {
    line-height: 28px !important;
}

.table_small button {
    font-size: 0.8em;
}

.accordion .block-controls {
    margin-top: -10px !important;
}

.accordion .block-controls,
.accordion .message,
.accordion .block-footer {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.accordion .block-footer {
    margin-bottom: 10px !important;
}

.tabelaValoresDebitos {
    width: 99% !Important;

    margin: -6px 0 10px 10px !important;
}

.tabelaValoresDebitos tbody tr td {
    height: 28px !important;
}

.accordion .column-sort {
    height: 20px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 5px;
}

/*
#main-nav > ul {
   margin-top: 14px;
}

#main-nav > ul > li {
   padding: 0 8px 13px 8px;
   margin: 0 20px -13px -8px;
} */

.big {
    font-size: 1.5em;
}

.small {
    font-size: 0.833em;
}

.smaller {
    font-size: 0.75em;
}

.clear {
    clear: both;
}

.pointer {
    cursor: pointer;
}

span.numero {
    background: -moz-linear-gradient(center top, #72C6E4, #0C5FA5) repeat scroll 0 0 transparent;
    border: 0.083em solid white;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    font-weight: normal;
    font-size: 13px !important;
    padding: 2px !important;
}

.text-right {
    text-align: right;
}

.tooltipsy {
    padding: 10px;
    max-width: 200px;
    color: #303030;
    background-color: #f5f5b5;
    border: 1px solid #deca7e;
}

.tipsy {
    font: 12px Arial, Helvetica, sans-serif;
    color: #484848;
    padding: 5px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(../images/tipsy.gif);
    z-index: 99999
}

.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    text-align: center;
}

.tipsy-inner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tipsy-north {
    background-position: top center;
}

.tipsy-south {
    background-position: bottom center;
}

.tipsy-east {
    background-position: right center;
}

.tipsy-west {
    background-position: left center;
}

div.print div.info-print p {
    font-weight: bold;
    color: red !important;
    line-height: 1.4;
}

div.print div.info-print ul li,
div.print div.info-print ul li strong {
    color: #000;
}

/* CSS DOWNLOADS PORTAL ADMIN */
div.login-arvore-downloads ul {
    list-style: none;
    margin-left: 15px;
}

div.login-arvore-downloads li {
    padding: 4px;
}

div.login-arvore-downloads a {
    padding: 3px;
    border-radius: 2px;
}

div.login-arvore-downloads li a:hover {
    background-color: #e9e9e9;
    cursor: pointer;
}

/* FIM CSS DOWNLOADS PORTAL ADMIN */

/* ADICIONADO POR ANTHONNY*/

.confirmacao {
    font-size: 1.4em;
    font-weight: bold;
    border-top: 1px solid #5bc0de;
    border-bottom: 1px solid #5bc0de;
    border-left: 1px solid #5bc0de;
    border-right: 1px solid #5bc0de;
    background: #5bc0de url(../images/old-browsers-bg/block-header-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #5bc0de,
            #5bc0de
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#5bc0de),
            to(#5bc0de)
    );
    text-align: center;
    color: white;
    -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}

/* tablesorter PLUGIN JQUERY CSS*/
table.tablesorter {
    background-color: #CDCDCD;
    margin: 0px;
    width: 100%;
    /*text-align: left;*/
    border-spacing: 1px;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #CCC;
    border: 1px solid #b5b3b4;
    padding: 4px;
    padding-right: 11px;
}

table thead tr th.funcoes, table thead tr td.funcoes {
    background-image: url(../imgs/funcao.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

table.tablesorter thead tr .header {
    background-image: url(../css/imgs/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter tbody td, table.tablesorter thead td {
    color: #3D3D3D;
    background-color: #FFF;
    vertical-align: middle;
    padding: 2px;
    height: 18px;
    max-height: 18px;
}

table.tablesorter tfoot td {
    color: #3D3D3D;
    background-color: #FFF;
    padding: 1px;
}

table.tablesorter tbody tr.odd td {
    background-color: #E9E9E9;
}

table.tablesorter tr td.cinza {
    background-color: #CCC;
}

table.tablesorter tbody tr {
    line-height: 15px;
}

table.tablesorter tbody tr:hover td, table.tablesorter tbody tr.active td {
    cursor: default;
}

table.tablesorter thead tr th.nopaddingright {
    padding-right: 0 !important;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../css/imgs/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../css/imgs/desc.gif);
}

table.tablesorter > tbody {
    overflow-y: scroll;
    /*	overflow:-moz-scrollbars-vertical; */
    -moz-box-orient: vertical;
    width: 100%;
}

table.tablesorter tbody tr:nth-child(even) td {
    background-color: #E9E9E9;
}

table.janelaAjax tbody tr td, table.janelaAjax thead tr th td {
    border-top: 1px solid #b5b3b4;
    border-bottom: 1px solid #b5b3b4;
    border-left: 1px solid #b5b3b4;
    border-right: 1px solid #b5b3b4;
}

/*
ul.menu-login li {
   padding-left: 50px;
}

ul.menu-login li a {
   padding: 0.4em 0.5em;
}

ul.menu-login li img {
   margin-left: -45px;
   margin-top: 4px;
}
*/
.icon-red {
    color: red !important;
}

.icon-green {
    color: green !important;
}

.icon-yellow {
    color: yellow !important;
}

/*#b5b3b4  #9bd2ee*/
/* FIM DO CONTEUDO COLOCADO POR ANTHONNY*/

.datepick-popup {
    z-index: 999999999999;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

/* noticias */

.alinharNoticias {
    float: right;
    margin-right: 50px;
}

/*
   DATEPICKER CORREÇÃO CSS
 */

table.ui-datepicker-calendar th,
table.ui-datepicker-calendar td {
    line-height: 1.2em;
}

/*
Transporte escolar
*/
#alunoLinhaMovimentacoes {
    width: 450px !important;
    height: 250px !important;
    font-size: 10px;

}

#alunoLinhaMovimentacoes tr td {
    border: 1px solid #000;
    text-align: center;
}

.destaque {
    color: red;
}

li.fonte-acessibilidade {
    text-align: right;
    text-shadow: 0px 1px 0px rgba(50, 50, 50, 0.64);
    color: #ffffff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form .control-group {
    margin-top: 2px;
    margin-bottom: 2px;
}

.form .control-group::before,
.form .control-group::after {
    display: table;
    line-height: 0;
    content: "";
}

.form .control-group::after {
    clear: both;
}

.form .control-group .control-label {
    float: left;
    cursor: pointer;
    text-align: right;
    width: 170px;
    padding-top: 6px;
}

.form .control-group .controls {
    margin-left: 178px;
}

.form.form-large .control-group .control-label {
    width: 300px;
}

.form.form-large .control-group .controls {
    margin-left: 308px;
    min-height: 24px;
}

.botao_reservar {
    font-size: 11px !important;
}

.botao_sinopse {
    font-size: 12px !important;
}


.cursorMao {
    cursor: pointer;
}

.mini {
    font-size: 9px;
    cursor: pointer;
}

#aviso {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FF4500;
    font-weight: bold;
}

#tab-leis-legislacao button.paginacao-leis-legislacao {
    background: white !important;
}

#tab-leis-legislacao button.paginacao-leis-legislacao:hover {
    -webkit-box-shadow: 0px 0px 2px rgba(71, 153, 204, 1);
    -moz-box-shadow: 0px 0px 2px rgba(71, 153, 204, 1);
    box-shadow: 0px 0px 2px rgba(71, 153, 204, 1);
}

#tab-leis-legislacao pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#tab-leis-parlamentar .parlamentarLogo {
    border-radius: 50%;
    width: 20%;
    border: 2px solid #1D70AF;
    padding: 5px;
    background-color: white;
    float: right;
}

#tab-leis-parlamentar .textoParlamentar {
    font-size: 110% !important;
    line-height: 1.5em !important;
}

#tab-leis-comissoes #tabela-leis-comissoes a:hover {
    font-weight: bold;
}

#tab-leis-comissoes #tabela-leis-comissoes_paginate a[class^="paginate_enabled_"]:hover {
    color: #3399cc !important;
}

#tab-leis-comissoes #tabela-visualiza-comissao tr td:first-of-type {
    font-weight: bold;
    font-size: 12px;
    width: 120px;
}

#tab-leis-comissoes #tabela-visualiza-comissao tr td:last-of-type {
    line-height: 1.25em !important;
}

#tab-leis-legislacao a:hover, #tab-leis-parlamentar a:hover,
#tab-leis-comissoes a:not([class^="paginate_"]):hover {
    background-color: #e9e9e9;
    cursor: pointer;
}

.ellipsis,
table.table-ellipsis tbody td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

div.contracheques-area .mensagem-colaborador.mensagem-contracheque-as-popup {
    display: none;;
}

/* donada */

.linha_login {
    margin-top: 7%;
}

.caixa_login {
    background-color: #ffffff;
    z-index: 0;
    padding: 20px 20px 20px 20px;
    border: 1px solid white;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -webkit-background-clip: padding-box;
    border-radius: 0.3em;
    -moz-box-shadow: 0 0 100px rgba(50, 50, 50, 0.7);
    -webkit-box-shadow: 0 0 100px rgba(50, 50, 50, 0.7);
    box-shadow: 0 0 100px rgba(50, 50, 50, 0.7);
}

.titulo_login {
    padding: 10px;
    text-align: center;
    font-size: 180%;
}


.menu_1 img {
    display: none;
}

.menu_nav_down img {
    display: none;
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.sidenav_responsivo {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #33b5e5;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;

}

.sidenav_responsivo a {
    padding: 4px 4px 4px 16px;

    font-size: 16px;
    color: #ffffff;
    transition: 0.3s;
    display: inline-block;

}

.sidenav_responsivo .closebtn {

    top: 0;
    right: 30px;
    font-size: 20px;
    margin-left: 200px;
}


.sidenav_responsivo img {
    margin-left: 8px;

}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #33b5e5;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 40px;

}

.sidenav a {
    padding: 4px 4px 4px 16px;

    font-size: 16px;
    color: #ffffff;
    transition: 0.3s;
    display: inline-block;

}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 20px;
    margin-left: 50px;
}


.sidenav img {
    margin-left: 8px;

}

#ul_acessos_tributacao legend {
    color: rgb(51, 122, 183) !important;
}

#tab-novo legend {

    color: #212121;
    padding: 5px 10px;
    font-size: 18px;
    border-radius: 5px;

}

#tab-ouvidoria .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: 14px;
}

#tab-segunda-via-agua .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: 14px;
}

#tab-Confirmacao_Exames .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: 14px;
}

#tab-perguntas_frequentes .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: 14px;

}

#tab-mapas-empresas p {
    font-size: 14px !important;
}

#tab-login-issqn-eventual {
    font-size: 14px !important;
}

#tab-protocolo {
    font-size: 14px !important;
}

.special-page {
    height: 100% !important;
}

.container {

    padding-right: 0px !important;
    padding-left: 0px !important;
}

.toggle_menu_left {
    float: left !important;
    margin-left: 15px;
    padding: 1px 9px !important;
    font-size: 21px;
}

.linha_1 {
    height: 3px;
    background-color: #33b5e5;

}

.caixa_mapa {
    background-color: #ffffff;
    border-radius: 20px;
    z-index: 2;
    padding: 20px 20px 20px 20px;
    border: 1px solid white;
    border-color: rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255);
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    -webkit-background-clip: padding-box;
    border-radius: 0.8em;
    -moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
    box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
}

.margem-geral {
    margin-left: -30px !important;
}

@media only screen and (min-width: 1400px) {
    .container {
        width: 1400px !important;
    }
}


/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {

    .responsivo_tablet {
        width: 20% !important;
    }

    .caixa_fundo_tablogin {
        width: 60% !important;
    }

    .btn-info {
        margin-top: 15px !important;
    }

    .menu_inicio_responsivo {
        display: inline-block !important;
    }

    .menu_1 {
        display: none;
    }

    .menu_inicio_responsivo img {
        display: none;
    }

    #conteudo-inicial {
        padding-bottom: 20% !important; /* footer height, we will fix that with jquery */
    }

}


/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    /* .icones_menu_rapido{
    display:none;
  }*/
    .menu_superior_login {
        height: auto !important;
    }

    .dropdown-header {
        white-space: normal !important;
    }

    .img-responsive {
        max-width: 40% !important;
        margin-left: 30% !important;
        margin-top: 0px !important;
    }

    .carousel-inner {
        height: auto !important;
    }

    .responsive_mega {
        text-align: center;
    }

    .nav-item {
        text-align: center;
    }

    .nav-item li a {
        cursor: pointer !important;
    }

    .login {
        text-align: center;
    }

    .login a {
        width: 100% !important;
        display: block;
    }

    .login a span {
        display: none !important;
    }

    /*
  .section-menu-login li a{
    color:rgb(0,0,0)!important;
  }*/
    .mega-dropdown-menu > li > ul > li > a {
        padding: 10px !important;
    }

    .mega-dropdown-menu > li > ul > ul > li > a {
        padding: 10px !important;
    }


    .mega-dropdown-menu {
        background: rgb(255, 255, 255) !important;
    }

    .caixa_protocolo {
        max-width: 100% !important;
    }

    .pop_up_download {
        width: 50% !important;
        margin-left: 25% !important;
        height: 180px !important;
    }

    .caixa_fundo_tablogin {
        width: auto !important;
    }

    .drop-tablet li a {
        line-height: 50px !important;
        /*padding:50px 10px!important;*/
    }

    .menu-sub-tablet li a {
        padding: 20px !important;
    }

    .tab-global {
        padding: 31px !important;
    }

    .caixa_fundo_tablogin {
        margin-right: 25%;
        margin-left: 25%;
    }

    .caixa_login_direita {
        padding: 20px !important;
        margin: 10px;
    }

    .caixa_back_login {
        display: none;
    }

    #win-modal-1 {
        max-height: 90%;
        max-width: 90%;
    }

    .margem-geral {
        margin-left: -15px !important;
    }

    .caixa_mapa {
        margin-top: 20px;
    }

    #breadcrumb_acessibilidade {
        display: none;
    }

    #breadcrumb {
        display: none;
    }

    .solicitar_responsivo {
        float: left !important;
    }

    .nova_responsivo {
        float: right !important;
    }

    #conteudo-inicial {
        position: relative;
        width: 100%;
        height: 80%;
        padding-bottom: 60% !important; /* footer height, we will fix that with jquery */
    }
}

/*   Small Devices, Tablets */
@media only screen and (max-width: 767px) {

    .nav-empresas {
        padding-left: 15px !important;
    }

    .nav-empresas ul {
        max-height: 300px !important;
    }

    .info-empresa-content {
        width: auto !important;
        float: none !important;
    }

    .section-menu-login {
        text-align: center;
    }

    .fonte-acessibilidade i {
        color: rgb(0, 0, 0) !important;
    }

    .nav-item a {
        color: rgb(0, 0, 0) !important;
    }

    .login a {
        color: rgba(0, 0, 0, 0.8) !important;
    }

    .menu_rapido_login {
        color: #212121 !important;
    }

    .navbar-brand {
        color: rgba(0, 0, 0, 0.8) !important;
    }

    .menu_superior_login {
        background: rgb(255, 255, 255) !important;
        z-index: 1;
    }

    .navbar-brand {
        color: rgba(255, 255, 255, 0.8) !important;
    }

    #l_cadastro {
        width: 50% !important;
    }

    #l_ano_ref {
        width: 50% !important;
    }

    .caixa_google_play {
        margin-bottom: 8px;
    }

    .pop_up_download {
        width: 90% !important;
        margin-left: 5% !important;
        height: 200px !important;
        margin-top: 160px !important;
        line-height: 20px !important;
    }

    .texto_google_play {
        margin-left: 0px !important;
    }

    .x_close_popup {
        top: 0px !important;
    }

    .caixa_protocolo {
        width: 100% !important;
    }

    #menu_secundario ul li a {
        color: rgb(255, 255, 255) !important;
        padding: 13px;
    }

    #menu_secundario ul li ul li a {
        color: rgb(0, 0, 0) !important;
        padding: 13px;
    }

    .dropdown-menu-text li a {
        line-height: 50px !important;
    }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: rgba(13, 36, 42, 0.60) !important;
    }

    /*diminui tamanho da tela */
    #conteudo-inicial {
        padding-bottom: 22% !important;
    }

    .navbar-toggle {
        border: 1px solid rgb(255, 255, 255) !important;
    }

    .navbar-toggle span {
        background-color: rgb(255, 255, 255) !important;
    }

    .drop-hover li a {
        color: rgb(255, 255, 255) !important;
    }

    .navbar-header ul li a:hover {
        background-color: rgba(13, 36, 42, 0.60) !important;
    }

    .navbar-header {
        border-radius: 0px !important;
        background-color: rgba(13, 36, 42, 0.80) !important;
        border: 1px rgba(13, 36, 42, 0.60) !important;
    }

    .menu-first {
        margin-left: 0% !important;
        margin-right: 0% !important;
    }

    #side_nav {
        background: #0d242af2 !important;
    }

    .btn-exames-response {
        margin-top: 20px;
    }

    #imprimir_comprovante {
        margin-top: 20px;
    }

    .caixa_protocolo {
        height: auto !important;
        overflow-y: scroll;
    }

    .caixa_fundo_tablogin {
        margin-right: auto;
        margin-left: auto;
    }

    .banner img {
        height: 40px !important;
    }

    .banners {
        width: 100% !important;
    }

    .banner {
        height: 20%;
    }

    .back-color-responsive {
        background-color: #cccdd0;
    }

    .back_image_login img {
        display: none !important;
    }

    .titulo-dados {
        padding-top: 10px;
    }

    #ul_acessos_tributacao li ul li a {
        padding-left: 10px !important;
        font-size: 14px !important;
    }

    #ul_acessos_tributacao li h3 {
        padding-left: 10px !important;
        font-size: 18px !important;
    }

    .area_logado {
        padding: 0px 20px 20px 20px !important
    }

    .banner img {
        width: 100%;
    }

    #menu_secundario {
        text-align: center;
    }

    .nav-item .acessibilidade {
        padding-bottom: 10px;
    }

    .acess-responsive {
        display: inline-block !important;
    }

    .menu_inicio_responsivo {
        display: none !important;
    }

    .menu_1 {
        display: inline-block;
    }

    #win-modal-2 {
        top: 0px !important;
    }

    #win-modal-1 {
        max-height: 90%;
    }

    #ul_acessos_tributacao > li > ul li {
        padding: 0px !important;
    }

    .caixa_login {
        padding-top: 10px;
    }

    #breadcrumb {
        display: none;
    }

    #ma_conteudo_processos .btn-info {
        margin-top: 15px !important;
    }

    .button.red,
    .red .button {
        width: 20%;
        font-size: 18px;
        text-align: center;
        color: white;
        background: #790000 url(../images/old-browsers-bg/button-red-bg.png) repeat-x top;
        background: -moz-linear-gradient(
                top,
                #ca3535,
                #790000
        );
        background: -webkit-gradient(
                linear,
                left top, left bottom,
                from(#ca3535),
                to(#790000)
        );
    }

    #botaoAlterarDados {
        margin-top: 10px;
    }

    .divider_tab {
        height: 1px;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    #modal .block-border > .action-tabs.right {
        display: none !important;
    }

    .modal-window {
        width: 90% !important;

    }

    .print {
        background-image: none !important;
        padding-left: 0px !important;
    }

    .navbar-nav .open .dropdown-menu {
        text-align: center !important;
    }

    .navbar-collapse {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .menu_logado_icone {
        display: none !important;
    }

    #navbar-brand-centered {
        text-align: center !important;
    }

    .dropdown {
        border-radius: 4px;
        width: 100% !important;
    }

    .navbar-header {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .navbar-nav {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .titulo-menus {
        text-align: center !important;
    }

    .caixa_reponsivo {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .sidenav_responsivo a {
        color: #212121 !important;
        font-size: 13px;
        width: 100%;
    }

    .sidenav_responsivo {
        background-color: #ffffff;
    }

    .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5 !important;
    }

    .btn-responsivo-close {
        background-color: white !important;
    }

    .dropdown-menu {
        background: white !important;
    }

    .tab-global {
        padding: 5px 5px 0 5px !important;
    }

    .icon-5x {
        font-size: 30px !important;
    }

    .caption p {
        font-size: 10px !important;
        height: 18px !important;
        line-height: 9px !important;
    }

    .thumbnail {
        color: #212121;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
        display: block;
        line-height: 20px;
        padding: 4px;
        transition: all 0.2s ease-in-out 0s;
        width: 29% !important;
        margin: 2% !important;
        float: left;
    }

    /*  nome do usuario */
    .usuario-screen {
        display: none !important;
    }

    .usuario-nav {
        display: inline !important;
    }

    /* responsiva as tabs */
    .nav-tabs li {
        width: 100%;
        text-align: center;
    }

    .nav-tabs li.active a:before {
        bottom: 15%;
        left: 0;
        right: auto;
    }

    .marcador_azul {
        display: inline;
    }

    .div_scroll_map {
        width: 98%;
        margin: 1%; /*centraliza */
        height: 100px;
        border-color: rgba(255, 255, 255, 0.75);
        background: rgba(255, 255, 255, 0.2);
        -moz-border-radius: 0.8em;
        -webkit-border-radius: 0.8em;
        -webkit-background-clip: padding-box;
        border-radius: 0.8em;
        -moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
        -webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
        box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
    }

    #back_image img {
        opacity: 0.6;

    }

    .menu-form-content {
        margin-top: 0% !important;
        padding: 35px 15px 5px 15px;
    }

    #btn_sidemenu {
        display: none !important;
        color: rgb(255, 255, 255) !important;
    }

    .linha_1 {
        margin-left: 10%;
        margin-right: 10%;
    }

    .caixa_login {
        margin-top: 0% !important;
    }

    .primeira_tela .caixa_login {
        margin-top: 0px !important;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {

    #drop-menu-lateral {
        padding-left: 5px !important;
    }

    #drop-menu-lateral {
        font-size: 9px !important;
    }

}

/* Custom, iPhone Retina */
@media only screen and (max-width: 350px) {
    .thumbnail .caption {
        padding: 9px 1px !important;
    }
}

.modal-senha {
    width: 80%;
}

.table-responsive {
    background-color: #ffffff;
}

.table-exames {
    border-radius: 8px;
}

.table-exames th {
    float: none !important;
}

.form-pass {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

#win-modal-2 {
    /*width:40%;*/
    position: absolute;
    top: 20px;
    background: #ffffff;
}

#win-modal-2 .modal-content {
    height: auto !important;
}

#win-modal-1 {
    position: absolute;
    top: 0px !important;
}

.square-div {
    height: 100%;
    position: relative;
    margin: 0 auto;
}

.square-menu {
    list-style-type: none;
    list-style: none;
    padding: 0;
    position: relative;
    font-family: "Kavoon", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    height: 15%;
    text-align: center;
}

.square-menu li {
    float: left;
    margin: 2px;
    width: 80px;
    height: 80px;
}

ul.square-menu li a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    background: #33b5e5;
    color: white;
    font-weight: normal;
    font-size: 100%;
    text-align: center;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

ul.square-menu li a {
    background: #33b5e5;
}

ul.square-menu li a:hover {
    background: #33b5e5;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -moz-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.12);
}

.menu-drop {
    position: relative !important;
    width: 100px;
}

.menu-drop li {
    width: 100%;
    height: 40px;
}

.but-inicio {
    color: white;
    width: 100px;
    height: 100%;
    background: #33b5e5;
}

#tab-global {
    font-size: 14px;
}

.tab-content {
    font-size: 14px;
}

#form-itbi-solicitar p {
    font-size: 14px;
}

#form-itbi-solicitar .nav-tabs a {
    font-size: 14px;
}

.dropdown {
    border-radius: 4px;
    width: 250px;
}

.dropdown ul.dropdown-menu {
    border-radius: 4px;
    box-shadow: none;
    margin-top: 5px;
    width: 250px;
}

.text_font {
    font-size: 14px !important;
}

.usuario-nav {
    display: none;
}

.caption p {
    font-size: 16px;
    height: 50px;
    line-height: 18px;
}

.icon-5x {
    font-size: 40px;
    padding: 2px;
}

.text-info {
    color: #212121 !important; /*cor dos icones */
}

.carregando-bloco {
    background: #212121 !important;
    background-color: #212121 !important;
    margin-top: 0px !important;
    padding: 0px !important;
}

.no-margin {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #9d9d9d !important;
}

.block-footer {
    height: 10%;
}

.block-footer button {
    height: 100%;
    position: relative;
    margin-top: 6px;
    color: #ffffff;
    background-color: rgba(13, 36, 42, 0.70) !important;
    border-radius: 4px;
    padding: 5px 20px;

}

.block-content h1 {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 18px !important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
}

.menu-links {
    margin-top: 30px !important;

}

#menu_principal_login {
    text-align: center;
}

.primeira_tela .caixa_login {
    margin-top: 40px;
}

legend {
    margin-bottom: 5px !important;
}

.drop-hover li a:hover {
    background: #eeeeee !important;
}

.drop-hover li a {
    color: #212121 !important;
}

.acessibilidade {
    position: relative;
    margin-top: 15px;
    font-size: 14px;
    color: #ffffff;
}

.menu_inicio_responsivo {
    display: none;
}

.acess-responsive {
    display: none;
}

.container {
    /*min-height: 100%;*/
    position: relative;
    width: 100%;
}

#conteudo-inicial {
    position: relative;
    width: 100%;
    height: 80%;
    padding-bottom: 10%; /* footer height, we will fix that with jquery */
}

#page_footer {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0px;
    /* footer height if any */
}

.banners {
    padding: 5px;
    text-align: center;
    background: #212121;
    border-radius: 5px 5px 0px 0px;

    position: relative;
}

.banner {
    width: 10%;
    height: 20%;
    display: inline-table;

    position: relative;
}

.largura-menu {
    width: auto;
}

.pesquisar-navbar-responsivo {
    display: none;
}

.caixa_fundo_tablogin {
    padding: 0px !important;

    border: none;
}

.caixa_login_direita {
    padding: 0px;
    margin: 0px;
    margin-top: 0px !important;
}

.banner img {
    height: 60px;
}

#breadcrumb li a {
    cursor: default;
}

.caixa_protocolo {
    height: 400px;
    width: 800px;
    overflow-y: scroll;
}

.back_login_caixa {
    background-color: #FFF !important;
    -moz-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.56) !important;
    -webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.56) !important;
    box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.56) !important;
    border: 1px solid rgb(255, 255, 255);
}

.btn-info {
    background-color: rgba(13, 36, 42, 0.80) !important;
    border: 1px rgba(13, 36, 42, 0.60) !important;
}

.btn-info:hover {
    background-color: rgba(13, 36, 42, 0.90) !important;
}

.btn-small {
    padding: 3px 5px !important;
    font-size: 13px !important;
}

#side_nav {
    background-color: rgba(13, 36, 42, 0.70);
}

.menu-first {
    box-shadow: 1px 1px 1px #17151566;
    -webkit-box-shadow: 1px 1px 1px #17151566; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 1px 1px 1px #17151566;
    /*  margin-left:3%;
  margin-right:3%;
  */
    border-radius: 10px !important;
    background-color: rgba(13, 36, 42, 0.80) !important;
    border: 1px rgba(13, 36, 42, 0.90) !important;
}

.arrow_down {
    color: white;
    position: absolute;
    bottom: 0;
    width: 20px;
    box-shadow: 1px #888888;
    height: 20px;
    font-size: 20px;
    line-height: 40px;
    -webkit-animation: bounce 4s infinite ease-in-out;
}

@-webkit-keyframes bounce {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
    }
    80% {
        -webkit-transform: translateY(-10px);
    }
}

#menu_principal_login ul li a:hover {
    /*background-color:rgba(13, 36, 42, 0.70)!important;*/
}

#menu_secundario ul li a:hover {
    background: #eeeeee;
}

#menu_secundario {
    border-radius: 7px !important;
    background-color: rgba(13, 36, 42, 0.80) !important;
    border: 1px rgba(13, 36, 42, 0.90) !important;
}

.dropdown-menu > li > a {
    display: inline !important;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: rgba(13, 36, 42, 0.18) !important;
}

.sidenav_responsivo li a {
    display: -moz-inline-box !important;
}

.sidenav_responsivo li {
    display: block !important;
}

.sidenav_responsivo li span {
    margin-right: 10px !important;
}

.menu-drop-perfil li span {
    margin-right: 10px !important;
}

.menu-drop-perfil li {
    display: grid !important;
}

.menu-drop-perfil li a {
    display: -moz-inline-box !important;
}

.dropdown-menu li a:hover {
    background-color: #eeeeee !important;
}

/* #cnpj-login , #pass-login , #cpf-login , #usuario-login{
  box-shadow:1px 1px 1px rgba(23, 21, 21, 0.4);
  border-radius:10px!important;
 -webkit-box-shadow: 1px 1px 1px rgba(23, 21, 21, 0.4);
  -moz-box-shadow:   1px 1px 1px rgba(23, 21, 21, 0.4);
} */
.imagem-mascara {
    background-color: rgba(227, 227, 227, 0.25) !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    /* opacity: 0.4;*/
    height: 100%;
    width: 100%;
    background-attachment: fixed;
}

.imagem-mascara-2 {
    background-color: rgba(122, 121, 121, 0.3) !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    /* opacity: 0.4;*/
    height: 100%;
    width: 100%;
    background-attachment: fixed;
}

.menu_inicio_responsivo li a {
    color: #ffffff;
}

.menu_inicio_responsivo ul li a {
    color: #212121 !important;
    padding: 8px 20px;
}

.dropdown-menu-text li a {
    color: #212121;
}

.open-left-icon {
    color: #ffffff;
}

.dropdown-menu-text li {
    display: grid;
}

.sidenav_responsivo li:hover {
    background-color: none !important;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: #0d242a80 !important;
}

.tab-procolo-modal li {
    width: 100%;
}

.tab-global {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    transition: all 0.2s ease-in-out 0s;
    padding: 15px 15px 0 15px;
}

.consulta-issqn a small {
    display: none !important;
}

.drop-tablet li ul li a {
    display: none !important;
}

.trib_relacao_clientes {
    margin-top: 6px !important;
}

.width-transmitido {
    width: 50%;
    padding-right: 20px;
}

#winMsg {
    z-index: 100 !important;
}

#com_selecionados option {
    color: rgb(0, 0, 0) !important;
}

/* mega menu */

.navbar-nav > li > .dropdown-menu {
    margin-top: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.navbar-default .navbar-nav > li > a {
    width: 200px;
    font-weight: bold;
}

.mega-dropdown {
    position: static !important;
    width: 100%;
}

.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mega-dropdown-menu:before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 285px;
    z-index: 10;
}

.mega-dropdown-menu:after {
    content: "";
    border-bottom: 17px solid #ccc;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 283px;
    z-index: 8;
}

.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu > li > ul > li {
    list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: rgb(54, 62, 73);
    white-space: normal;
}

.mega-dropdown-menu > li > ul > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: rgb(44, 44, 44);
    white-space: normal;
    cursor: pointer;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
}

.mega-dropdown-menu > li ul > li ul > li a:hover,
.mega-dropdown-menu > li ul > li ul > li a:focus {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
    color: #428bca;
    font-size: 18px;
    font-weight: bold;
}

.mega-dropdown-menu form {
    margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

.login img {
    display: none;
}

.login a {
    width: 100px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 15px;
}

.login a:hover {
    color: rgb(155, 155, 155);
}

.menu_superior_login {
    background: rgba(13, 36, 42, 0.8);
    height: 50px;
}

.menu_usuario {
    display: none;
}

/* retira amarelo focus chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s !important;
}

.info-empresa-content {
    position: relative;
    float: left;
    width: 800px;
}

.info-empresa-content .info-empresa-body li {
    padding: 3px;
    font-size: 12px;

}

.info-empresa-content .info-empresa-header p {
    text-align: center;
    font-size: 18px;
}

#info_empresa .field-label {
    font-weight: bold;
    text-align: left;
}

#info_empresa .field-value {
    text-align: right;
}

#area-mapas-empresas {
    position: relative;
    border: 1px solid #b4b4b4 !important;
}

.nav-empresa-mark {
    font-size: 16px;
}

@media only screen and (min-width: 1400px) {
    .container {
        width: 1500px !important;
    }
}

.nav-empresas ul {
    max-height: 700px;
    overflow-y: auto;
}

.red-marker {
    color: red !important;
}

.divider-catalogo {
    background-color: rgba(155, 155, 155, 0.3);
    height: 1px;
}

.nav-item:hover {
    background-color: rgba(155, 155, 155, 0.3);
}

.nav-item-info {
    cursor: pointer;
}

.divBuscaCliente {
    border: 1px solid rgba(155, 155, 155, 0.52);
}

.divBuscaClientes {
    border: 1px solid rgba(155, 155, 155, 0.52);
}

.divBuscaUnicos {
    border: 1px solid rgba(155, 155, 155, 0.52);
}

.cursor-pointer {
    cursor: pointer;
}

.select2-selection--single {
    height: 34px !important;
}

.select2-selection__placeholder {
    font-size: 14px !important;
}

.glyphicon-remove {
    cursor: pointer;
}

.info-empresa-item {
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.info-empresa-item legend {
    font-size: 16px;
}

#tabela_farmacia_resultado {
    padding: 20px;
}

.bt_entrar:focus {
    outline: #66afe9 solid 1px !important;
}

.caixa_login_direita .row .col-md-1 {
    padding: 0px;
}

/* Legislação */
#leis-legislacao-texto-integral strong {
    color: #000000;
}

/*time line*/
.cd-horizontal-timeline {
    opacity: 0;
    margin: 2em auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}

.cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}

.cd-horizontal-timeline .events-wrapper::before {
    left: 0;
}

.cd-horizontal-timeline .events-wrapper::after {
    right: 0;
}

.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #33454A; /*linha do tempo*/
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #BBC473; /*linha do tempo selecionada*/
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-horizontal-timeline .events a {
    position: absolute;
    width: 100px;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #33454A;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    /*/color:white;*/
    padding: 5px;
    margin-bottom: 20px;
}

/* custom*/
.cd-horizontal-timeline .events a::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    background: #33454A;
    bottom: -20px;
    left: 50%;
}

.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -25px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #33454A;
    background-color: #fff;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #BBC473; /*#FF3D7F;*/
    border-color: #33454A;
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}

.cd-horizontal-timeline .events a.selected::after {
    background-color: #BBC473;
    border-color: #BBC473;
}

.cd-horizontal-timeline .events a.older-event::after {
    border-color: #BBC473;
}

*

@media only screen and (min-width: 1100px) {
    /*.cd-horizontal-timeline {*/
    /*margin: 6em auto;*/
    /*}*/
    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid #33454A;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw%0D%0AOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhl%0D%0AaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE2IDMyIj48ZyAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUo%0D%0AMCwgMCkiPjxwb2x5Z29uIGZpbGw9IiM3YjlkNmYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYs%0D%0AOCA0LjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAx%0D%0ANikiPjxwb2x5Z29uIGZpbGw9IiNkZmRmZGYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYsOCA0%0D%0ALjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjwvc3ZnPg==) no-repeat 0 0;
}

.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.cd-timeline-navigation a.next {
    right: 0;
    color: #33454A;
}

.no-touch .cd-timeline-navigation a:hover {
    border-color: #E3E3E3;
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}

.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
}

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #E3E3E3;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}

.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}

.cd-horizontal-timeline .events-content li > * {
    max-width: 800px;
    margin: 0 auto;
}

.cd-horizontal-timeline .events-content h2 {
    font-weight: bold;
    font-size: 3em !important;
    font-weight: 700;
    line-height: 1.2;
}

.form-control[readonly] {
    background-color: #FFF !important;
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.row-only-mobile {
    display: none;
}

@media screen and (max-width: 769px) {
    .row-only-desk {
        display: none;
    }

    .row-only-mobile {
        display: table-row;
    }

    .app-badge-icon {
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
}

.app-badge {
    background-color: black;
    color: white;
    padding: 2px 8px;
    border-radius: 10px;
    margin-left: 2px;
}