html,body 
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: Roboto, Arial, Verdana, Sans-Serif;
    font-weight: 300;
    font-size: small;
}

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

strong em,
em strong {
    font-style: italic;
    font-weight: bold;
}

a {
    cursor: pointer;
}

hr
{
    border: 0;
    border-bottom: 1px solid #E0E0E0;
    margin: 1.5em 0 1.5em 0;
}

body, html body  /* Override freshdesk style */
{
    background-color: white;
    background-image: url('../../images/common/noise.png');
}

textarea
{
    font-family: Arial, Verdana, Sans-Serif;
}

input.button:not(.btn),
input[type="submit"]:not(.btn),
input[type="button"]:not(.btn) 
{
    color: #515151;
    background-color: #E6E6E6;
    border: 1px solid #ADADAD;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    height: auto;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
}

input.button.small,
input[type="submit"].small,
input[type="button"].small
{
    height: 1.6em;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1em;
}

input.required
{
    border-color: red;
    border-style: solid;
    outline: red;
}

div.clear
{
    clear: both;
}

.topPadding {
    padding-top: 1em;
}

ul.bullet li {
    list-style-type: disc;
    list-style-position: inside;
}

.uri,
.break-all dd
{
    -ms-word-break: break-all;
    word-break: break-all;

    /* Non standard for webkit */
    /* ReSharper disable once InvalidValue */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.expandable-content
{
    display: none;
}

.expandable label .icon
{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('../../images/common/arrows.png');
}

.expandable label.collapsed .icon
{
    background-position: 0 12px;
}

.expandable label.collapsed:hover .icon
{
    background-position: 12px 12px;
}

.expandable label.expanded .icon
{
    background-position: 0 0;
}

.expandable label.expanded:hover .icon
{
    background-position: 12px 0;
}

.auto-scroll {
    overflow: auto;
}

.very-light-grey {
    background-color: #f7f7f7;
}

.paddingBottom {
    padding-bottom: 1em;
}

.paddingTop {
    padding-top: 1em;
}

.inline-block {
    display: inline-block;
}

#page-title
{
    background-image: url('../../images/common/lga.small.inverted.png');
    background-repeat: no-repeat;
    background-position: center left;
    height: 8.4em;
    text-align: right;
    color: White;
}

#page-title h1, #page-title h2
{
    margin: 0;
    padding: 0;
}

#page-title h1
{
    font-size: 2.2em;
    padding-top: 0.6em;
}

#page-title h2
{
    color: #DA7ED9;
    font-size: 2em;
    font-weight: normal;
    font-size: 2.2em;
    line-height: 1em;
    margin-top: -0.1em;
}

#page-content
{
    margin-left: 15px;
    margin-right: 15px;
}

body.fixed-width #page-content
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#background
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}


body.fixed-width div#background 
{
    /* ipad does weird stuff. this needs to be longer then the page for some reason... */
    min-width: 1005px;
}


#background-header
{
    background-color: #9C2C98;
    background-image: url('../../images/common/noise.png');
    height: 12.5em;
}

#container
{
    padding-bottom: 15px;
}

body.fixed-width #container
{
    margin-left: 5px;
    margin-right: 5px;
}

#fadeMessage {
    position: absolute;
    position: fixed;
    top: 4em;
    left: 50%;
    margin-left: -15em;
    width: 30em;
    text-align: center;

    display: none;
    z-index: 200000;
}

#fadeMessage > div.message {
    background-color: #FFE31D;
    padding: 0.75em;
    border-radius: 0.5em;
    font-weight: bold;
    display: inline-block;
}

#header div.center
{
    position: absolute;
    top: 3.2em;
    left: 0;
    right: 0;
    text-align: center;
    height: 8.4em;
}

body.fixed-width #header div.center {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

html.ie7 body.fixed-width #header div.center 
{
    width: 100%;
}

#header div.search
{
    background-color: rgb(128, 16, 124);    
    background-image: url('../../images/common/noise.png');
    height: 2.2em;
    line-height: 2.2em;
    position: absolute;
    z-index: 5000;
    right: 0;
    top: -1em;        
    
    padding: 5px 15px 5px 10px;
    border-bottom-left-radius: 0.3em;
    color: White;
}

#header div.center div.search
{
    position: relative;
    display: inline-block;
    border-bottom-right-radius: 0.3em;
    vertical-align: middle;
    top: 0;
}

html.ie7 #header div.center div.search 
{
    /* http://stackoverflow.com/questions/11638532/inline-block-causing-troubles-on-ie7 */
    display: inline;
    zoom: 1;
}

#header div.handwritten
{
    position: absolute;
    left: -170px;
}

#header div.center div.search
{
    height: auto;
    max-width: 500px;
    text-align: center;
}
        
#header div.center div.search label
{
    display: inline-block;
}
        
#header div.center div.search select
{
    width: 15em;
}

#main
{
    background-color: #333333;
    border-radius: 7px;
}

body.full-height
{
    overflow: hidden;
}

body.full-height #main
{
    position: absolute;
    top: 11.6em;
    left: 15px;
    right: 15px;
    bottom: 15px;
}

body.full-height.fixed-width #main
{
    position: absolute;
    top: 11.6em;
    left: auto;
    right: auto;
    width: 990px;
    bottom: 15px;
}

body.full-height.no-header #main {
    top: 4.4em;
}

body.no-header #header {
    height: 1.2em;
    overflow: hidden;
}

body.no-header #header * {
    display: none;
}

#tabs
{
    position: absolute;
    
    width: 195px;
    border-radius: 5px 0 0 5px;  
    font-weight: 300;
}

body.full-height #tabs
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin-left: 0; /* for ie7 */
}

#tabs ul
{
    padding: 1.6em 0 1.6em 1.6em;
}

#tabs ul ul {
	padding: 0 0 0 0.3em;
}

#tabs ul li.leaf, #tabs ul li.expanded, #tabs ul li.collapsed {
	list-style: none;
	padding: 0px;
}

#tabs a
{
    color: #cccccc;
    font-size: 1.2em;
    text-decoration: none;
    padding: 0.8em;
    display: block;
    
    background-repeat: no-repeat;
    background-position: 9em center;
}

#tabs a.tab_away {
    background-image: url('/images/common/tab.back.unselected.gif');
    background-position: left center;
}

#tabs a:hover.tab_away {
    background-color: transparent;
}

#tabs a:focus
{
    outline-style: dashed;
    outline-width: 1px;
}

#tabs a:hover, #tabs a.selected.active-trail:hover,
#tabs li.help a.selected.active-trail:hover
{
    background-color: #444444;
}

#tabs a.selected,
#tabs li.help a.selected
{
    background-color: #ececec;
    color: #333333;
}

#tabs a.selected.active-trail,
#tabs li.help a.selected.active-trail
{
    background-color: transparent;
    color: #cccccc;
}

#tabs a.selected.active-trail.active,
#tabs li.help a.selected.active-trail.active
{
    background-color: #ececec;
    color: #333333;
}

#tabs a.complete
{
    background-image: url('../../images/common/tab-tick.png');
}

#tabs a.incomplete
{
    background-image: url('../../images/common/tab-cross.png');
}

#tabs a.warning
{
    background-image: url('../../images/common/tab-exclamation.png');
}

#tabs li.help
{
    padding-top: 5em;
}

#tabs li.help a, #tabs li a[href="/help"]
{
    color: #cccccc;
    font-size: 1.2em;
    text-decoration: none;
    padding: 0.8em;
    display: block;
    font-weight: 600;
}

#tabs li a[href="/help"] {
	margin-top: 5em;
}

#tabs li.menu.open, #tabs li.expanded.active-trail {
    background-color: #515050;
    padding: 0.8em 0 0.8em 0.8em;
    margin-left: -0.8em;
}

#tabs li.menu > ul {
    padding-left: 1.6em;
    display: none;
}

#tabs li.menu.open > ul {
    display: block;
}


#noJs
{
    display: none;
    z-index: 1000000;
    padding: 1em;
    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    background-color: White;
    border-radius: 0 5px 5px 0;
}

#documents
{
    border-radius: 0 5px 5px 0;
    background-color: #ececec;
    margin-left: 195px;
    /*min-height: 40em;*/
    padding: 1px; /* seems to be needed to make the margin top and bottom of the content be visible */
}

#documents.no-tabs
{
    border-radius: 5px;
    margin-left: 0;
}

#main.squareEdges,
#main.squareEdges #documents {
    border-radius: 0;
}

body.full-height #documents
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-top: solid 0.8em #ececec;
    border-bottom: solid 0.8em #ececec;
    overflow-y: auto;
}

body.full-height #documents.noOverflow
{
    overflow-y: hidden;
}

body.full-height #documents > article {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

body.full-height #documents.noScroll
{
    overflow-y: hidden;
}

#documents div.document
{
    margin: 0.8em;
    border: solid 1px #cccccc;
    border-radius: 5px;
    background-color: White;
    padding: 1em;
    min-height: 43em;
}

#documents.noScroll div.document
{
    position: absolute;
    top: 0;
    bottom: 0;
    padding-right: 0;
    left: 0;
    right: 0;
}

#documents.noScroll div.document.blue
{
    right: 0;
}

#documents.noScroll div.scroller
{
    overflow-y: auto;
    position: absolute;
    top: 1em;
    bottom: 1em;
    left: 1em;
    right: 0;
}

#documents.noScroll .blue div.scroller
{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#documents.noScroll div.scroller div.content
{
    padding-right: 1em;
}

body.full-height #documents div.document
{
    margin: 0 0.8em;
    min-height: 0;
    min-height: calc(100% - 2.2em);
}

#documents div.sections
{
    padding-left: 3em;
    padding-right: 3em;
}

#documents h2,
.document-form h2
{
    margin: 0;
    font-size: 1.6em;
    font-weight: normal;
    padding-bottom: 0.6em;
}

#documents div.sections h2,
.document-form div.sections h2
{
    margin: 0;
    padding: 0;
    padding-top: 1em;
}

#documents h3,
.document-form h3
{
    margin: 0;
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 1em;
}

#documents div.sections h3,
.document-form div.sections h3
{
    padding-top: 0;
}

#documents p,
.document-form p
{
    text-align: justify;
}

#documents a,
.document-form a 
{
    color: #373737;
}

#documents p,
#documents ul,
.document-form p,
.document-form ul
{
    padding-bottom: 2em;
}

#documents p:last-child,
#documents ul:last-child,
.document-form p:last-child,
.document-form ul:last-child
{
    padding-bottom: 2em;
}

#documents .large,
.document-form .large
{
    font-size: large;
}

#documents .dim,
.document-form .dim
{
    color: #959595;
}

#documents ul,
.document-form ul
{
    list-style-type: disc;
    margin-left: 1.4em;
}

#documents ol,
.document-form ol
{
    list-style-type: decimal;
    margin-left: 1.4em;
}

.document-form .outputTools ul {
    margin-left: auto;
}

#documents div.image-left div.image
{
    float: left;
    margin-right: 4em;
}

#documents div.image-right div.image
{
    float: right;
    margin-left: 4em;
}

#documents div.document div.option
{
    padding-bottom: 2em;
}

#documents div.document div.option:last-child,
#documents div.document div.option.last
{
    padding-bottom: 0;
}

#documents div.document p.warning:last-child,
#documents div.document p.warning.last
{
    margin-bottom: 0;
}


#documents div.document div.option a.remove-all
{
    color: #aa0000;
    text-align: right;
    text-decoration: none;
    display: block;
}

#documents div.document div.option a.remove-all:hover
{
    text-decoration: underline;
}

#documents p.warning,
#documents p.message,
.document-form p.message,
.document-form p.message
{
    border: dashed 1px #dddddd;
    background-color: #efefef;
    padding: 1em;
    margin-bottom: 2em;
}

#documents p.warning
{
    padding-left: 50px;
    
    background-image: url(../../images/common/warning.dark.32x32.png);
    background-repeat: no-repeat;
    background-position: 10px;
}

#documents table.control-group,
#documents ul.control-group,
#documents div.control-group
{
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    background-color: #efefef;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-left: 1em;
    overflow-y: auto;
    overflow-x: hidden;
    
    list-style-type: none;
    margin-left: 0;
    
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

#documents table.control-group {
    width: 100%;
    border-collapse: separate;
}

#documents table.control-group th {
    font-weight: bold;
}

#documents table.control-group th,
#documents table.control-group td {
    text-align: center;
    padding: 0.25em;
}

#documents table.control-group tbody th {
    text-align: left;
}

#documents .control-group ul
{
    list-style-type: none;
    margin-left: 0;
}

#documents .control-group li:last-child ul {
    padding-bottom: 0.5em;
}

#documents ul.control-group .help
{
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../../images/common/help.dark.32x32.png);
    background-size: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

html.ie7 #documents ul.control-group .help,
html.ie8 #documents ul.control-group .help
{
    background-image: url(../../images/common/help.dark.16x16.png);
    background-size: auto;
}

#documents ul.control-group .warning
{
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../../images/common/warning.dark.32x32.png);
    background-size: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

html.ie7 #documents ul.control-group .warning,
html.ie8 #documents ul.control-group .warning
{
    background-image: url(../../images/common/warning.dark.16x16.png);
    background-size: auto;
}

#documents .control-group a
{
    text-decoration: none;
    color: Black;
}

#documents .control-group a:hover
{
    text-decoration: underline;
}

#documents-footer
{
    clear: both;
}

#documents-footer div.logos
{
    text-align: right;
    padding-right: 1em;
}

#documents div.sections div.section
{
    clear: both;
    padding-top: 4em;
}

#documents div.sections div.middle
{
    text-align: center;
}

#documents div.sections div.section p
{
    padding-bottom: 0;
    font-size: medium;
    text-align: justify;
}

/* about pages */

#documents div.about
{
    text-align: justify;
    color: #333333;
    min-height: 35em;
}

body.full-height #documents div.document.autoHeight,
#documents div.document.autoHeight {
    min-height: 0;
}

#documents div.document.relative {
    position: relative;
}

#documents div.about .not-justified
{
    text-align: left;
}

#documents div.about h2
{
    font-size: 2em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#documents div.about h3
{
    font-size: 1.6em;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

#documents div.about h4
{
    font-size: 1.3em;
    font-weight: normal;
    color: #546647;
    padding: 0;
    margin: 0;
}

#documents div.about div.part
{
    clear: both;
    min-height: 200px;
    margin-bottom: 4em;
}

#documents div.about div.image.full
{
    padding: 3em 0 3em 0;
    text-align: center;
}

#documents div.about .footer
{
    clear: both;
}

#documents div.about .footer p
{
    display: block;
    font-weight: normal;
    font-size: 1.4em;
    background-color: #e5e5e5;
    padding: 0.5em 0 0.5em 0;
    text-align: center;
}

#documents div.about
{
    background-image: url(../../images/common/button.background.hover.png);
    background-repeat: no-repeat;
    background-position: -9999px -9999px;
}

#documents div.about a.goto
{
    margin: 0;
    margin-top: -1em;
    margin-right: -1em;
    padding: 0.2em 10px 0.2em 10px;

    float: right;
    text-decoration: none;
    color: Black;
    
    background-color: #FFE31D;
    background-image: url(../../images/common/button.background.png);
    background-position: center;
    background-repeat: repeat;
    border-radius: 0 5px 0 5px;
}

#documents div.about a:hover.goto
{
    background-image: url(../../images/common/button.background.hover.png);
}

#documents div.about a.goto span
{
    font-weight: bold;
    font-size: large;
    
    padding-right: 18px;
        
    background-image: url(../../images/common/fast-forward.png);
    background-repeat: no-repeat;
    background-position: right center;
    
    text-transform: uppercase;
}

/* used in areaSelector and save a component in reports */
.document-form input[type="text"],
.document-form input.text,
.document-form textArea
{
    padding: 5px;
    margin: 1px 0; /* don't know why they have margin top 1px */
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.document-form input.ui-autocomplete-input.search {
    height: auto;
    width: 100%;
}

.document-form p,
.document-form .form-item {
    padding-bottom: 1em;
}

.document-form .form-item.noPadding {
    padding-bottom: 0;
}

.document-form .form-item span.tag {
    border-radius: 2px;
    padding: 5px;
    text-decoration: none;
    background: #952B91;
    color: white;
    margin-left: 5px;
}

.document-form .form-item span.tag a {
    color: #f2f2f2;
    text-decoration: none;
    font-weight: bold;
    margin-left: 5px;
    display: inline-block;
}

.document-form .form-item span.tag a:focus {
    outline-color: transparent;
    color: white;
}

.document-form div.filters-2 {
    padding-top: 1em;
    padding-left: 3em;
	background-image: url(../../images/common/tree-left-2.png);
    background-repeat: no-repeat;
    background-position: left;
}

/* used in areaSelector in reports */
.document-form .form-item.filter label {
    padding-left: 20px;
	background-image: url(../../images/common/filter.32x32.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center left;
}

html.ie8, html.ie7 .document-form .form-item.filter label {
	background-image: url(../../images/common/filter.16x16.png);
}

.document-form .form-item.search-item input[type="text"] {
    margin: 0; /* don't know why they have margin top 1px */
}

/* side by side with a large text box - used for areaSelector in reports */
.document-form .form-item.search-item label {
    display: inline-block;
    height: 2em;
    line-height: 2em;
}

/* end about pages */

.control-group li input,
.control-group li div.colour,
.control-group li label
{
    vertical-align: middle;
}

.control-group input[type='checkbox']
{
    margin: 0 0.25em 0 0;
}

.control-group div.colour
{
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 0.25em 0 0;
    border-radius: 0.25em;
}

.control-group li,
.control-group li label
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.control-group.compact li,
.control-group.compact li label
{
    padding-top: 0;
    padding-bottom: 0;
}
.control-group.short
{
    max-height: 15em;
    overflow: auto;
}

.control-group.long
{
    max-height: 20em;
    overflow: auto;
}

.control-group.compact li,
.control-group.compact li label
{
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

div.contextBox .control-group.compact li,
div.contextBox .control-group.compact li label {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.control-group.compact
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.control-group.loading
{
    height: 5em;
    background-image: url(../../images/common/loading.small.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#documents .control-group-selector
{
    border-top: solid 1px #dddddd;
    background-color: #efefef;
    margin-top: 0.5em;
    padding-left: 1em;
    
    list-style-type: none;
    margin-left: 0;
    
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    margin-bottom: -0.5em;
}

#documents .control-group-selector ul
{
    margin: 0;
}

#documents .control-group-selector li
{
    display: inline;
}

.control-group-selector label
{
    padding: 0.5em;    
}

input.ui-autocomplete-input
{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    color: black;
    background: white;
    border: 1px solid #AAA;
    font-family: sans-serif;
    font-size: 100%;
    height: 15px;
    padding: 5px;
    margin: 1px 0; /* don't know why they have margin top 1px */
    outline: 0;
    width: 25em;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #EEE), color-stop(15%, white));
    background-image: -webkit-linear-gradient(top, #EEE 1%, white 15%);
    background-image: -moz-linear-gradient(top, #EEE 1%, white 15%);
    background-image: -o-linear-gradient(top, #EEE 1%, white 15%);
    background-image: linear-gradient(#EEE 1%, white 15%);
    vertical-align: middle;
}

.ui-autocomplete.fixed {
    position: fixed;
}

.ie7 .ui-autocomplete.fixed {
    position: relative;
}

.ui-autocomplete.absolute {
    position: absolute;
}

input.ui-autocomplete-input.search
{
    padding-right: 22px;
    width: calc(100% - 22px);
    
    background-image: url(../../images/icons/search.30x30.png);
    background-repeat: no-repeat;
    
    -ms-background-position-x: right;
    -ms-background-position-y: center;
    background-position: right 6px center; 
    background-size: 15px 15px;
    background-color: transparent;
}

input.ui-autocomplete-input.search.ui-autocomplete-loading {
    background-image: url(../../images/common/loading.small.gif);
}

input.ui-autocomplete-input.dropdown.search
{
    background-image: url(../../images/icons/down.black.30x30.png);
}

input.ui-autocomplete-input.search.loading
{
    background-image: url(../../images/common/loading.small.gif);
}

input.ui-autocomplete-input.search:disabled,
input.ui-autocomplete-input.search.disabled {
    background-color: #dadada;
    background-image: url(../../images/icons/search.disabled.30x30.png);
}

ul.ui-autocomplete li.ui-menu-item.ui-state-focus {
    background-color: #e0e0e0;
}


div.scroller .ui-helper-hidden-accessible
{
    position: absolute;
    left:-999em;
}

div.scroller input.ui-autocomplete-input.search
{
    width: calc(100% - 2.2em);
}

div.scroller select.short
{
    max-width: 40%;
}

div.basket table.layout
{
    width: 100%;
}

div.slight-gap-under
{
    padding-bottom: 0.5em;
}


/* ie icons */

html.ie7 input.ui-autocomplete-input.search,
html.ie8 input.ui-autocomplete-input.search
{
    background-image: url(../../images/icons/search.15x15.png);
}

html.ie7 input.ui-autocomplete-input.search.disabled,
html.ie8 input.ui-autocomplete-input.search.disabled
{
    background-image: url(../../images/icons/search.disabled.15x15.png);
}

/* end ie icons */

button.ui-button.ui-button-icon
{
    margin-left: -1px;
    height: 27px;
    border: 1px solid #aaaaaa;
    background-image: url(../../images/jquery/ui-icons_222222_256x240.png);
    background-position: -62px -12px;
    vertical-align: middle;
    width: 22px;
}

button.ui-corner-right
{
    border-radius: 0 5px 5px 0;
}

ul.ui-autocomplete 
{
    background: white;
    border: 1px solid #aaaaaa;
    width: 27.3em;
    max-height: 27.5em;
    max-width: 50em;
    overflow-y: auto;
    overflow-x: hidden;
    width: auto;
    display: inline-block;
    z-index: 1000;
}

ul.ui-autocomplete a
{
    padding: 0.25em;
    /*width: 28em;*/
    display: block;
    cursor: pointer;
}

ul.ui-autocomplete a.ui-state-focus
{
    background-color: #efefef;
}


/* comments */

#documents div.document.about #comments {
	margin-top: 0;
}

#documents div.document.about div.comments {
	padding: 0;
}

#documents div.document.about .node-help  h3 {
	padding: 1em 0 1em 0;
}

#documents div.document.about .node-help #comments div.comment-form h3 {
	padding: 1em 0 0 0;
	font-size: 1.3em;
}

#documents div.document.about .node-help p.SignInMessage {
	padding: 2em 0 0 0;
}

#documents div.document.about div.CommentReply {
	float: right;
}

#documents div.comment-form p.notSignedIn
{
    padding-bottom: 0;    
}

#documents div.comment-form textarea
{
    width: 99%;
}

#documents div.comment-form p.dim
{
    font-size: small;
    padding-bottom: 0;    
}

#documents div.comment-form input.button
{
    background-color: transparent;
    border-radius: 0px 5px 0px 5px;
    background-image: url(../../images/common/button.background.png);
    background-position: left -30px;
    background-repeat: no-repeat;
    
    height: 30px;
    width: 8em;
    color: #000;
    margin-top: 1em;
    font-size: large;
}

#documents .document.about .comment-form input
{
    background-color: transparent;
    background-image: url(../../images/common/button.background.png);
    background-position: left;
    background-repeat: repeat-x;
    text-transform: uppercase;
    height: 30px;
    padding: 0 1.5em;
    font-weight: bold;
    margin: 0.5em 1em 0.5em 0;
    border-radius: 0px 5px 0px 5px;
    color: #000;
    font-size: large;
    width: 8em;
}

#documents .document.about .comment-form input.form-checkbox, #documents .document.about .comment-form input.form-radio {
	height: auto;
	padding: 0;
	margin: 0;
	background-image: none;
}

#documents .document.about .comment-form div.form-type-radio {
	display: block;
}

#documents div.comment-form.reply-form input.button
{
    background-image: url(../../images/common/button.background.png);
}


#documents div.comment-form input.cancel,
#documents div.comment-form.reply-form input.cancel
{
    background-image: url(../../images/common/button.background.png);
}

#documents div.comment-form.reply-form
{
    padding-bottom: 2em;
}

#documents div.comment-form input:hover.button,
#documents div.comment-form input.button.hover
{
    background-position: left top;
}

#documents div.indented, #documents div.comment
{
    margin: 2em 0 1em 0;
}

#documents .comment-wrapper div.comment:nth-of-type(1)
{
	margin-top: 1em;
}

#documents div.comments p.message,
#documents div.comment p.details,
#documents div.comment p.options
{
    padding-bottom: 0;
}

#documents div.comments p.message
{
    border: none;
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}

#documents div.comment p.details
{
    font-weight: bold;
}

#documents div.comments div.responses,
#documents div.indented
{
    margin-left: 0;
}

#documents div.comments div.responses p.message,
#documents div.comments div.responses p.details,
#documents div.indented
{
    border-left: 20px solid #eee;
    padding-left: 10px;
}

#documents div.indented div.indented {
	border: 0;
	padding-left: 0;
}

#documents div.document.about div.comments p.details:after {
	content: " said:";
}

#documents div.document.about div.comments div.indented p.details:after {
	content: " replied:";
}


#documents div.indented div.comment {
    padding: 0;
}

#documents div.comment p.options
{
    text-align: right;
    margin-bottom: 1em;
}

ul.inline li.comment-add {
	display: none;
}

#documents ul.inline, #documents ul.inline li {
	padding: 0;
	margin: 0;
}


/* end comments */


/* for the help tab */
        
h2 a
{
    text-decoration: none;
    color: black;
    font-weight: 500;
}
        
div.arrows,
div.buttons,
div.previews
{
    text-align: center;
}
        
div.previews
{
    padding-bottom: 1em;
}
        
div.previews a.map
{
    margin: 0 10px;
}

/* */

div.section h3
{
    font-size: 1em;
    margin: 0;
}

div.section h4
{
    font-size: 1em;
    margin: 0;
    font-style: italic;
    font-weight: normal;
}

div.two div.left,
div.two div.right
{
    float: left;
    padding: 0 2% 0 0;
    width: 47.9%;
}

div.two div.right
{
    float: right;
    padding: 0 0 0 2%;
    clear: right;
}

div.code-example h4
{
    font-weight: normal;
    font-style: italic;
    margin: 1em 0 1em 0;
    font-size: 0.9em;
}

div.code-example .code
{
    position: relative;
    /*border: solid 5px transparent;
    padding: 5px;*/
}

div.code-example .code .code-tools
{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #e0e0e0;
    border-radius: 0 0 0 6px;
    padding: 4px;
    opacity: 0.8;
}

div.code-example:hover .code
{
    background-color: #DCEAF8;
}

div.code-example .code .code-tools li
{
    display: inline-block;
    float: left;
    height: 24px;
}

div.code-example .code .code-tools a
{
    background-image: url(../../images/icons/copy.256x256.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border: 4px solid #e0e0e0;
    background-color: #e0e0e0;
}

/* */
        
/* for the help and signin tab */
#documents div.about.document div.blue h2
{
    background-color: #e0e0e0;
    font-size: 2em;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    margin: -0.5em -0.5em 0 -0.5em;
    border-radius: 0 5px 5px 0;
    position: relative;
}

#documents div.blue h2
{
    background-color: #e0e0e0;
    margin: -0.5em -0.5em 1em -0.5em;
}

#documents div.pink
{
    font-size: 1.1em;
}

#documents div.pink h2
{
    font-weight: bold;
    border-bottom: solid 1px #e0e0e0;
    margin: -0.5em 0.5em 1em 0.5em;
    padding: 0 3em 0 3em;
    color: #373737;
}

#documents div.blue h2,
#documents div.pink h2
{
    font-size: 2em;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 0;
    position: relative;
}

#documents div.pink .info
{
    background-color: #EEE5EE;
    padding: 1.2em;
    border-radius: 5px;
    margin: 1em;
}

#documents div.pink p
{
    padding-bottom: 0;
    margin-bottom: 1em;
}

#documents div.pink p:last-child
{
    margin-bottom: 0;
}

div.right
{
    /*float: right; */ /* I think this is a mistake */
    clear: both;
}


div.document div.left,
div.document div.right,
.node-help #comments
{
    float: left;
    padding: 0 3% 3% 3%;
    display: inline-block;
    width: 43.9%;
    margin-top: 0;
    clear: none;
}

div.document.pink div.left
{
    width: 30%;
}

div.document.pink div.right
{
    width: 58%;
}

.node-help #comments {
	padding: 0;
}

#documents div.about.document h3 {
	padding: 2em 0 0 0;
}

#documents div.about.document .left h3 {
	padding: 1em 0;
}

#documents div.about.document h3.SignedIn {
	padding: 1em 0;
}

#documents div.about.document h3.SignedOut {
	padding: 0;
}

#documents div.about.document .node-help p.SignInMessage {
	padding: 0 0 1.5em 0;
}

#documents div.about.document .node-help .comments .form-item {
	margin-top: 0;
}

#documents .document.about .comments .comment:first-child {
	margin-top: 1em;
}

div.document div.oneColumn div.left
{
    float: none;
    width: 92%;
}
        
#documents div.document.blue h3
{
    font-size: 2em;
    font-weight: 400;
}
        
div.document div.footer
{
    clear: both;
}
        
#documents div.blue p,
#documents div.pink p,
#documents div.about.document
{
    font-size: medium;
}
        
#documents div.faq p.q
{
    padding-bottom: 0;
}

#documents div.about .node-news-item p.details {
	padding: 0;
}


.noBottomPadding,
#documents .document.noBottomPadding {
    padding-bottom: 0;
}

#documents .document.moreRightPadding {
    padding-right: 2em;
}

.document.loading .loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D0CEC5;
    background-image: url(../../images/common/loading.grey.small.gif);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5;
}

.document.animated > a.action {
    overflow: hidden;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    padding-bottom: 2px;
    color: transparent;
    background-image: url(../../images/common/cross.small.dark.png);
    background-position: -6px -6px;
    background-repeat: no-repeat;
    opacity: 0.5;
    position: absolute;
    top: 0.5em;
    right: 0.3em;
}

.document.animated > a.remove {
    background-image: url(../../images/common/cross.small.dark.png);
}

.document.animated > a.expand {
    background-image: url(../../images/common/arrow.left.small.dark.png);
}

.document.animated > a.expand.expanded {
    background-image: url(../../images/common/arrow.down.small.dark.png);
}

.document.animated > a.action:hover {
    cursor: pointer;
    opacity: 1;
}

/* end help tag */

/* for content box */

ul.ui-autocomplete {
    z-index: 100001; /* make this appear above the popup box */
}

div.contextBox
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
	background-image: url(../../images/common/dark-transparent.png);
	display: none;
}

div.contextBox.block {
    display: block;
}

div.contextBox div.panel
{
    position: absolute;
    top: 5em;
    bottom: 3em;
    left: 3em;
    right: 3em;
    border-radius: 5px;
	background-color: #ececec;
	
	border-top: 0.8em solid #ececec;	
	border-bottom: 0.8em solid #ececec;
	    
    overflow: auto;
    overflow-y: scroll;
}

div.contextBox div.panel.auto-scroll {
    overflow: hidden;
    overflow-y: hidden;
}

div.contextBox div.panel.centre {
    left: 50%;
    right: auto;
    width: 600px;
    margin-left: -300px;
    
    top: 50%;
    bottom: auto;
    height: 400px;
    margin-top: -200px;
}

div.contextBox div.panel.simple
{
    top: 3em;
    overflow: hidden;
    
    background-color: White;
    border-width: 0;
}

div.contextBox div.panel.simple.large
{
    top: 1em;
    bottom: 1em;
    left: 1em;
    right: 1em;
}

div.contextBox div.panel.symmetrical
{
    top: 3em;
    bottom: 3em;
    left: 3em;
    right: 3em;
}

div.contextBox div.panel.horizontal-centre {
    left: 50%;
    right: auto;
    width: 50em;
    margin-left: -25em;
    
    top: 3em;
    bottom: 3em;
}

div.contextBox div.panel .loading {
    background-image: url(../../images/common/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

div.contextBox div.panel.simple div.content
{
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    /* replace some of the existing styles */
    border: none;
    border-radius: 0;
    background-color: transparent;
    /*margin: 0;
    margin-bottom: 0;
    padding: 0;*/
}

div.contextBox div.panel.simple div.buttons
{
    position: absolute;
    left: 0.8em;
    right: 0.8em;
    bottom: 0.8em;
}

/* used to select an area in reports */
div.contextBox div.panel.medium
{
    height: 28em;
}

div.contextBox div.panel.medium.middle
{
    top: 50%;
    margin-top: -14em;
}

div.contextBox div.panel.medium.auto-height {
    height: auto;
    bottom: auto;
}

div.contextBox div.panel.small
{
    width: 30em;
    height: 12em;
    left: 50%;
    top: 50%;
    margin-left: -15em;
    margin-top: -6em;
}

div.contextBox div.panel.small div.confirmDelete h2
{
    margin-top: 0;
    font-weight: bold;
}

div.contextBox div.close
{
    position: absolute;
    top: 0;
    right: 0.6em;
    width: 12px;
    height: 12px;
    padding-top: 1em;
    padding-right:1em;
    background-image: url(../../images/common/tab-cross.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    z-index: 10;

    cursor: pointer;
}

div.contextBox div.content
{
    border: solid 1px #cccccc;
    border-radius: 5px;
	background-color: White;
	margin: 0 0.8em;
	margin-bottom: 0.1em;
	
    padding: 0.8em;
    
    min-height: calc(100% - 1.9em);
}

div.contextBox th
{
    font-weight: bold;
}

div.contextBox li
{
    margin-bottom: 1em;
}

div.contextBox .outputTools li {
    margin-bottom: auto;
}

table.resources a
{
    color: #3333aa;
    text-decoration: none;
    display: inline-block;
}

div.contextBox .relatedItem a:hover
{
    text-decoration: none;
}

div.contextBox div.disable-panel {
    display: none;
}

div.contextBox div.panel.disabled div.form {
    z-index: 1;   
}

div.contextBox div.panel.disabled div.disable-panel
{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../../images/common/dark-transparent.png);
}

/* end content box */

/* hoverHelp */

.hoverHelp {
    background-image: url(../../images/common/info.32x32.png);
    background-size: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 0.25em;
    margin-right: 0.25em;
    margin-top: -1px;
    vertical-align: middle;
}

html.ie7 .hoverHelp,
html.ie8 .hoverHelp
{
    background-image: url(../../images/common/info.16x16.png);
    background-size: auto;
}

/* end hoverHelp */

/* form */

.form-default
{
    font-size: 1em;
}

.form-default h2 {
    margin-top: 0;   
}

.form-default input,
.form-default textarea
{
    margin-bottom: 1em;
    font-size: medium;
}

.form-default div.form-item input,
.form-default div.form-item textarea {
    margin-bottom: 0;
}

.form-default input[type=text],
.form-default input[type=password],
.form-default input.text,
.form-default select
{
    width: 12em;
    padding: 0.2em;
}

.form-default div.or
{
    position: relative;
}

.form-default div.or span
{   
    position: absolute;
    top: -0.7em;
    left: 1em;
    background-color: white;
    display: inline-block;
    padding: 0 1em 0 1em;
}

/* end form */


table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	padding: 4px;
}
table.tablesorter thead tr.sortable .header,
table.tablesorter thead tr .sortable.header 
{
    padding-right: 20px;
	background-image: url(../../images/common/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr.sortable .headerSortUp,
table.tablesorter thead tr .sortable.headerSortUp {
	background-image: url(../../images/common/desc.gif);
}
table.tablesorter thead tr.sortable .headerSortDown,
table.tablesorter thead tr .sortable.headerSortDown {
	background-image: url(../../images/common/asc.gif);
}
table.tablesorter thead tr.sortable .sorter-false {
	background-image: none;
}

.tablesorter .tablesorter-header {
    padding-right: 20px;
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
}
.tablesorter thead .headerSortUp,
.tablesorter thead .tablesorter-headerSortUp,
.tablesorter thead .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.tablesorter thead .headerSortDown,
.tablesorter thead .tablesorter-headerSortDown,
.tablesorter thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.tablesorter thead .sorter-false {
	background-image: none;
	cursor: default;
}



.tipsy { padding: 5px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 8px 10px 8px 10px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
  .tipsy-arrow { position: absolute; background: url('../../images/common/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

.tipsy
{
    pointer-events: none;
}
.derivation-tooltip ul {
    margin-left: 1em;
    list-style: disc;
}
.derivation-tooltip li {
    margin-left: 1em;
}


.derivation-tooltip {
    pointer-events: all;
    font: inherit !important;
}

.derivation-tooltip a {
    color: lightblue;
}
.derivation-tooltip a:visited {
    color: lightblue;
}
.derivation-tooltip .qtip-content {
    max-height: 70vh;
    overflow: auto;
    cursor: move;
}


#tabs
{
    *margin-left: -195px;
}

.document:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* news headline */

.block-views .view-news {
	background-color: #da7ed9;
	font-size: 1.2em;
	height: 2em;
	border-radius: 5px;
	margin-bottom: 1em;
}

.block-views .view-news .view-header {
	background-color: rgb(156, 44, 152);
	color: white;
	font-weight: bold;
	float: left;
	line-height: 2em;
	border-radius: 5px 0 0 5px;
	padding:0 1em 0 1em;
	margin-right: 1em;
}

.block-views .view-news .view-content {
	padding:0 1em 0 1em;
}

.block-views .view-news .view-content a {
	color: black;
	height: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 2em;
	display: block;
	white-space: nowrap;
	text-decoration: none;
}

/* news overview page */

#documents .view-display-id-page ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#documents .view-display-id-page li {
	padding: 1.5em 0 1.5em 0;
	border-bottom: solid 1px #e0e0e0;
	margin: 0;
}

#documents .view-display-id-page li.views-row-first {
	padding-top: 0;
}

#documents .view-display-id-page li div.NewsBody {
	padding-top: 0.5em;
}

#documents .view-display-id-page li div.newsTitle a, #documents .view-display-id-page li div.newsTitle a:hover, #documents .view-display-id-page li div.newsTitle a:visited {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1em;
}

/* news page */

#documents div.about .node-news-item .NewsFooter {
	color: #505050;
	font-size: 0.85em;
	padding-top: 1em;
}

#documents div.about .node-news-item h2 {
	font-size: 1.3em;
	padding-bottom: 1.5em;
	border-bottom: solid 1px #e0e0e0;
	margin-bottom: 0.5em;
}

#documents div.about .node-news-item h3 {
	font-size: 1.1em;
	font-weight: bold;
}

#documents div.about .node-news-item .field-item h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 1em 0;
}

#documents div.about .node-news-item h4 {
	font-size: 1.1em;
	font-weight: normal;
}

#documents div.about .node-news-item p {
	padding: 1em 0;
}
	
/* Web methods page */

#documents .docs-nav ul {
	list-style-type: none;
}

#documents .docs-nav li {
	display: none;
}

#documents .docs-nav li.parent {
	display: block;
}

#documents .docs-nav li.parent a {
	padding-left: 25px;
}

#documents .docs-nav li.visible, #documents .docs-nav li.visible li {
	display: block;
}

#documents .minimenu ul.docs-nav li a.active {
	color: #333333;
  background-color: #fff;
}

#documents .docs { 
	position: relative; 
	padding-right: 235px; 
	word-wrap: break-word;
}

#documents .minimenu { 
	float: right; 
	margin-top: -1em;
    margin-right: -0.7em;
}

#documents .minimenu ul.docs-nav { 
	width: 225px; 
	position: absolute;
    background-color: #e0e0e0;
    border-top-right-radius: 6px;
    padding: 5px 5px 5px 0;
    margin-left: 0.7em;
   height: 100%;
}

#documents .minimenu ul.docs-nav.sticky {
  position: fixed;
  top: 0;
  border-radius: 0;
}

#documents .minimenu ul {
	font-size: 0.9em;
	margin-left: 0;
}

#documents .minimenu ul ul { 
	font-size: 0.8em;
}

#documents .minimenu ul ul ul { 
	font-size: 1em;
}

#documents .minimenu ul.docs-nav li.child a {
	padding-left: 35px;
}

#documents .minimenu ul.docs-nav li a {
    text-decoration: none;
    display: block;
    color: #333333;
}

#documents .minimenu ul {
	margin-bottom: 0; 
	padding-bottom: 0; 
}

#documents div.about div.doc-section h2 {
	font-size: 1.3em;
	padding-bottom: 1em;
}

#documents div.about div.doc-section h3 {
	font-size: 1em;
	padding: 1em 0;
	border-bottom: 1px solid #e0e0e0;
	font-weight: bold;
	margin-bottom: 1.2em;
}

#documents div.about div.doc-section p {
	padding-bottom: 1em;
}

#documents div.about div.doc-section dl {
	margin: 0.5em 0 0.5em 2em;
	border-left: 0.5em solid #e0e0e0;
	padding-left: 0.4em;
}

#documents div.about div.doc-section dt {
	font-weight: bold;
}

#documents div.about div.doc-section dt.first {
	padding-top: 0;
}

#documents div.about div.doc-section a, #documents div.about div.doc-section a:hover, #documents div.about div.doc-section a:visited {
    color: #333333;
    font-weight: normal;
}

/* Privacy page */

.PrivacyPage li {
	border-top: 1px #dcebe5 dotted;
	clear: both;
	margin: 0;
	padding: 1em 0 1em 0;
}

.PrivacyPage ol {
	border-top: 1px #dcebe5 dotted;
	clear: both;
	list-style-position: outside;
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 160%;
	list-style-type: decimal;
}
.PrivacyPage .ThinCol {
	width: 45%;
	float: right;
	color: #222;
}
.PrivacyPage .ThickCol {
	width: 45%;
	float: left;
	margin-left: -30px;
}
.PrivacyPage li .ThickCol {
	font-size: 0.7em;
	color: #222;
}
#documents div.about .PrivacyPage li h2 {
	font-size: 1.1em;
	position: relative;
	padding: 0;
	margin: 0;
}

.PrivacyPage .Highlight {
	color: #ee4b4b;
}
.PrivacyPage li h3 {
	margin: 0;
	padding: 0.8em 0 0 0;
}

.PrivacyPage li li {
	border: 0;
}

.PrivacyPage li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.PrivacyPage li p:first-child {
	margin-top: 0;
}

.PrivacyPage li p:last-child {
	margin-bottom: 0;
}

.PrivacyPage li h2 a, .PrivacyPage li h2 a:link, .PrivacyPage li h2 a:visited, .PrivacyPage li h2 a:hover, .PrivacyPage li h2 a:active {
	text-decoration: none;
}


#documents ul.NoBullet,
.document-form ul.NoBullet {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* a list of items */

#documents ul.items,
#documents ul.items li,
.document-form ul.items,
.document-form ul.items li
{
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
}
        
#documents ul.items li,
.document-form ul.items li
{
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    text-align: left;
    border-bottom: solid 1px #eee;
}
        
#documents ul.items li:last-child,
.document-form ul.items li:last-child
{
    margin-bottom: 0;
    border-bottom: none;
}

#documents ul.items li div.table,
.document-form ul.items li div.table
{
    display: table-row;
    width: 100%;
}
        
#documents ul.items li div.cell,
.document-form ul.items li div.cell
{
    padding-right: 1em;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
                
#documents ul.items .title,
.document-form ul.items .title
{
    display: block;
}
        
#documents ul.items .edit,
#documents ul.items .delete,
#documents ul.items .edit a,
#documents ul.items .delete a,
.document-form ul.items .edit,
.document-form ul.items .delete,
.document-form ul.items .edit a,
.document-form ul.items .delete a
{
    text-decoration: none;
    font-size: small;
    color: #767676;
}
        
#documents ul.items .edit a:hover,
#documents ul.items .delete a:hover,
.document-form ul.items .edit a:hover,
.document-form ul.items .delete a:hover
{
    text-decoration: underline;
}

#documents ul.items .conjunction,
.document-form ul.items .conjunction {
    font-size: small;
}
        
#documents ul.items .date,
.document-form ul.items .date
{
    display: block;
    font-size: small;
    color: #767676;
}
        
/* end of a list of items */

/* API page */

#documents div.about .api h2 {
	font-size: 1.3em;
	border-bottom: solid 1px #e0e0e0;
	margin-bottom: 0.5em;
}

#documents div.about .api h3 {
	font-size: 1em;
    font-weight: bold;
    padding: 0;
}

div.about .api div.left,
div.about .api div.right
{
    padding: 0;
    width: 48%;
}

div.about .api div.left
{
    padding-right: 1.9%;
}

div.about .api div.right
{
    padding-left: 1.9%;
}

#documents div.about .api p {
	padding-bottom: 1em;
}

#documents div.about .api section p {
    padding-bottom: 0;
}

#documents .api section {
    padding-bottom: 1em;
}

#documents .api section:last-child {
    padding-bottom: 0;
}

/* tools page */

#documents .toolicons .tool {
  width: 100px; 
  margin: 21px;
  border-radius: 5px;
  display: inline-block;
  color: white;
  position: relative;
  height: 140px;
  vertical-align: top;
  *display: block;
  *float: left;
}

#documents .toolicons {
  clear: both;
}

#documents .toolicons .tool a {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  text-align: center;
  padding: 0 0.2em 0.2em 0.2em;
  text-decoration: none;
  color: #444444;
}

#documents .toolicons .tool a img {
  *display: block;
  width: 100px;
  height: 100px;
}

/* ODI embedded icon */

div.right .open-data-certificate
{
    top: -0.4em;
}

div.right .open-data-certificate ul.open-data-certificate-details
{
    left: auto;
    right: 60px;
    top: 0;
}




@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) 
{
    body,
    #background-header,
    #header div.search
    {
        background-image: url('../../images/common/noise@2x.png');
        background-size: 73px 197px;
    }
    
    #page-title
    {
        background-image: url('../../images/common/lga.small.inverted@2x.png');
        background-size: 127px 75px;
    }
}

div.region-signin {
	display: none;
}


/* subscription benefits */

#documents div.about div.subscription h2 {
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
}

#documents div.about div.subscription div.IconBoxes {
	clear: both;
}

#documents div.about div.subscription div.IconBoxes div.IconBox {
	width: 49%;
	display: inline-block;
	position: relative;
	padding: 1.5em 1% 1em 0;
	vertical-align: top;
	border-top: 1px solid #e0e0e0;
}

#documents div.about div.subscription div.IconBoxes.FirstRow div.IconBox {
	border-top: 0;
	padding-top: 1em;
}

#documents div.about div.subscription div.IconBoxes div.IconBox.SecondBox {
	padding-right: 0;
}

#documents div.about div.subscription div.IconBoxes div.IconBox img {
	margin-left: 10px;
	width: 100px;
	height: 100px;
	vertical-align: top;
	float: left;
}

#documents div.about div.subscription div.IconBoxes div.IconBox div.IconText {
	padding-left: 120px;
}

#documents div.about div.subscription div.IconBoxes div.IconBox div.IconText h3 {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}

#documents div.about div.subscription div.IconBoxes div.IconBox div.IconText p {
	padding: 0.4em 0;
	margin: 0;
	font-size: 0.9em;
}

#documents div.about div.subscription table.SubsRates {
	width: 100%;
	border: 2px solid #881e87;
	border-radius: 8px;
	margin: 1.5em 0 0.5em 0;
	border-collapse: separate;
}

#documents div.about div.subscription table.SubsRates tr:first-child th:first-child {
    border-top-left-radius:5px
}

#documents div.about div.subscription table.SubsRates tr:first-child td:last-child {
    border-top-right-radius:5px
}

#documents div.about div.subscription table.SubsRates tr:last-child th:first-child {
    border-bottom-left-radius:5px
}

#documents div.about div.subscription table.SubsRates tr:last-child td:last-child {
    border-bottom-right-radius:5px
}

#documents div.about div.subscription table.SubsRates th {
	border: 0;
	border-bottom: 1px solid #908c8c;
	padding: 0.1em 10px 0.4em 10px;
	font-size: 1.6em;
}

#documents div.about div.subscription table.SubsRates tr.Free th {
	border: 0;
	/* background-color: #e4e4e4; */
	font-size: 0.9em;
}

#documents div.about div.subscription table.SubsRates td {
	border: 0;
	border-bottom: 1px solid #cd67cc;
	color: #eac4ea;
	background-color: #881e87;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.4em 1.2em;
}

#documents div.about div.subscription table.SubsRates td p.SmallText {
	font-size: 0.5em;
	font-weight: normal;
	white-space: nowrap;
	padding: 0.5em 0 0 0;
}

#documents div.about div.subscription table.SubsRates tr.Free td {
	border: 0;
	/* background-color: #491449; */
	font-size: 0.9em;
	font-weight: normal;
}

#documents div.about div.subscription table.SubsRates th ul {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#documents div.about div.subscription p.SmallText.centered {
	text-align: center;
	font-size: 0.9em;
}

table.spaced th:not(:last-child), table.spaced td:not(:last-child) {
    padding-right: 1em;
}

#documents {
    position: relative;
}

#documents img.top-right-ribbon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100px;
    width: 100px;
    margin-right: -4px;
    margin-top: -4px;
}

html.ie8, html.ie7, html.ie8 body, html.ie7 body {
    font-family: Arial, Verdana, Sans-Serif !important;
}



/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}

.hidden {
    display: none;
}

/* messages */

.alert-closeable {
    position: relative;
}

.alert-closeable .close {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url('/images/common/cross.small.dark.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.alert-message,
.alert-warning {
    margin: 0.8em;
    padding: 0.5em 1em 0.5em 1em;
    border-radius: 5px;
    font-size: medium;
}

.alert-message {
    color: #3c763d;
    border: solid 1px #3c763d;
    background-color: #dff0d8;
}

.alert-warning {
    color: #8a6d3b;
    border: solid 1px #8a6d3b;
    background-color: #fcf8e3;
}

.alert-message.alert-closeable .close {
    background-image: url('/images/common/cross.small.green.png');
}

.alert-warning.alert-closeable .close {
    background-image: url('/images/common/cross.small.yellow.png');
}

.alert-message a,
#documents .alert-message a {
    color: #3c763d;
}

.alert-warning a,
#documents .alert-warning a {
    color: #8a6d3b;
}


.icon-header {
    padding-bottom: 2em;
    border-bottom: solid 1px #e0e0e0;
    margin-bottom: 2em;
    padding-left: 80px;
    min-height: 60px;
}

.icon-header img.icon {
    width: 60px;
    height: 60px;
    float: left;
    margin-left: -80px;
}


#documents div.about .icon-header h2 {
    border-bottom: none;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

#documents div.about .icon-header p {
    font-size: small;
}


/* save-options (used in component demo tool and reports) */

#documents ul.save-options {
    list-style-type: none;
    padding-bottom: 0;
    margin: 0;
}

#documents ul.save-options a {
    text-decoration: none;

    display: inline-block;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: top left;
    min-height: 30px;
    padding-left: 30px;
}

#documents ul.save-options a.noPadding {
    padding: 0;
}

#documents ul.save-options a:hover {
    text-decoration: underline;
}

#documents ul.save-options a.report {
    background-image: url('../../images/icons/save.grey.32x32.png');
}

#documents ul.save-options a.link {
    background-image: url('../../images/icons/link.grey.32x32.png');
}

#documents ul.save-options a.copyToClipboard {
    background-image: url(../../images/icons/copyLink.32x32.png);
}

#documents ul.save-options a.image {
    background-image: url('../../images/icons/image.grey.32x32.png');
}

#documents ul.save-options a.download {
    background-image: url('../../images/icons/download.grey.32x32.png');
}

#documents ul.save-options a.table {
    background-image: url('../../images/icons/table.grey.32x32.png');
}

#documents ul.save-options a.return {
    background-image: url('../../images/icons/return.grey.32x32.png');
}

#documents ul.save-options a.json {
    background-image: url('../../images/icons/json.32x32.png');
}

#documents ul.save-options a.jsonTable {
    background-image: url('../../images/icons/jsonTable.32x32.png');
}

#documents ul.save-options a.label {
    background-image: url('../../images/icons/label.grey.32x32.png');
}

html.ie8 #documents ul.save-options a.image,
html.ie7 #documents ul.save-options a.image {
    background-image: url('../../images/icons/image.grey.16x16.png');
}

html.ie8 #documents ul.save-options a.download,
html.ie7 #documents ul.save-options a.download {
    background-image: url('../../images/icons/download.grey.16x16.png');
}

html.ie8 #documents ul.save-options a.link,
html.ie7 #documents ul.save-options a.link {
    background-image: url('../../images/icons/link.grey.16x16.png');
}

html.ie8 #documents ul.save-options a.copyToClipboard,
html.ie7 #documents ul.save-options a.copyToClipboard {
    background-image: url(../../images/icons/copyLink.16x16.png);
}

html.ie8 #documents ul.save-options a.table,
html.ie7 #documents ul.save-options a.table {
    background-image: url('../../images/icons/table.grey.16x16.png');
}

html.ie8 #documents ul.save-options a.return,
html.ie7 #documents ul.save-options a.return {
    background-image: url('../../images/icons/return.grey.16x16.png');
}

html.ie8 #documents ul.save-options a.report,
html.ie7 #documents ul.save-options a.report {
    background-image: url('../../images/icons/save.grey.16x16.png');
}

html.ie8 #documents ul.save-options a.json,
html.ie7 #documents ul.save-options a.json {
    background-image: url('../../images/icons/json.16x16.png');
}

html.ie8 #documents ul.save-options a.label,
html.ie7 #documents ul.save-options a.label {
    background-image: url('../../images/icons/label.grey.16x16.png');
}


/* end save-options */



/* tools (used in component demo tool and reports) */

.outputTools
{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #c1c1c1;
    border-radius: 0 0 0 6px;
    padding: 4px;
    opacity: 0.8;
    z-index: 5000;
}

#documents .outputTools ul {
    margin-left: 0;
}

.outputTools li {
    display: inline-block;
    float: left;
    height: 26px;
}

.outputTools a
{
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    border: 1px solid #c1c1c1;
    padding: 4px;
    background-color: #c1c1c1;
}

.outputTools a:hover
{
    background-color: #dadada;
    border-color: #dadada;
}

.outputTools a:focus {
    outline: none;
}

.outputTools a.image {
    background-image: url('../../images/icons/image.grey.32x32.png');
}

.outputTools a.download {
    background-image: url('../../images/icons/download.grey.32x32.png');
}

.outputTools a.link {
    background-image: url('../../images/icons/link.grey.32x32.png');
}

.outputTools a.table {
    background-image: url('../../images/icons/table.grey.32x32.png');
}

.outputTools a.return {
    background-image: url('../../images/icons/return.grey.32x32.png');
}

.outputTools a.report {
    background-image: url('../../images/icons/save.grey.32x32.png');
}

.outputTools a.json {
    background-image: url('../../images/icons/json.32x32.png');
}

.outputTools a.jsonTable {
    background-image: url('../../images/icons/jsonTable.32x32.png');
}

.outputTools a.label {
    background-image: url('../../images/icons/label.grey.32x32.png');
}

.outputTools a.id {
    background-image: url('../../images/icons/id.grey.32x32.png');
}

html.ie8 .outputTools a.image,
html.ie7 .outputTools a.image {
    background-image: url('../../images/icons/download.grey.16x16.png');
}

html.ie8 .outputTools a.download,
html.ie7 .outputTools a.download {
    background-image: url('../../images/icons/download.grey.16x16.png');
}

html.ie8 .outputTools a.link,
html.ie7 .outputTools a.link {
    background-image: url('../../images/icons/link.grey.16x16.png');
}

html.ie8 .outputTools a.table,
html.ie7 .outputTools a.table {
    background-image: url('../../images/icons/table.grey.16x16.png');
}

html.ie8 .outputTools a.return,
html.ie7 .outputTools a.return {
    background-image: url('../../images/icons/return.grey.16x16.png');
}

html.ie8 .outputTools a.report,
html.ie7 .outputTools a.report {
    background-image: url('../../images/icons/save.grey.16x16.png');
}

html.ie8 .outputTools a.json,
html.ie7 .outputTools a.json {
    background-image: url('../../images/icons/json.16x16.png');
}

html.ie8 .outputTools a.label,
html.ie7 .outputTools a.label {
    background-image: url('../../images/icons/label.grey.16x16.png');
}

html.ie8 .outputTools a.id,
html.ie7 .outputTools a.id {
    background-image: url('../../images/icons/id.grey.16x16.png');
}

/* end tools (used in component demo tool) */

/* todo list */


.todo {
    margin: 1em;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5em;
    width: 13em;
    color: #333333;
}

#documents .todo p {
    padding-bottom: 1em;
}

#documents .todo li {
    list-style-image: url(../../images/common/circle.16x16.png);
    padding-bottom: 1em;
    vertical-align: text-top;
}

#documents .todo li.done {
    list-style-image: url(../../images/common/tick.16x16.png);
    text-decoration: line-through;
    color: #ccc;
}

#documents .todo li.done a {
    color: #ccc;
}

/* end todo list */

/* url result (used in component demo tool) */

.url.result {
    position: relative;
    border: 1px dashed #ddd;
    background-color: #ececec;
    white-space:nowrap;
}

.url.result.loading {
    background-color: #D0CEC5;
    background-image: url(../../images/common/loading.grey.small.gif);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5;
}

.url.result .link, .code.url.result {
    padding: 1em;
    overflow: auto;
}

.url.result .link a {
    display: inline-block;
}

/* end url result */

/* copy to clipboard */

.outputTools a.copyToClipboard {
    background-image: url(../../images/icons/copyLink.32x32.png);
}

html.ie8 .outputTools a.copyToClipboard,
html.ie7 .outputTools a.copyToClipboard {
    background-image: url(../../images/icons/copyLink.16x16.png);
}

/* end copy to clipboard */

/* item basket (used in component demo tool) */

#documents ul.item-basket,
#documents ul.checkbox-list {
    margin-left: 0;
    padding-bottom: 0;
}

ul.item-basket li,
ul.checkbox-list li {
    list-style: none;
}

ul.item-basket li {
    margin-bottom: 0.5em;
}

ul.item-basket li a.remove,
ul.checkbox-list li a.remove,
ul.item-basket li span.remove,
ul.checkbox-list li span.remove {
    overflow: hidden;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    padding-bottom: 2px;
    color: transparent;
    background-image: url(../../images/common/cross.small.dark.png);
    background-position: -6px -6px;
    background-repeat: no-repeat;
    opacity: 0.5;
    text-decoration: none;
}

ul.item-basket li a.remove:hover,
ul.checkbox-list li a.remove:hover,
ul.item-basket li span.remove:hover,
ul.checkbox-list li span.remove:hover {
    cursor: pointer;
    opacity: 1;
}

p.summary-option-warning {
    margin-top: 10px;
}

#loading-icon
{
   background: url(/images/common/loading.large.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   left: 50%;
   top: 50%;
   margin-left: -50px;
}

#loading-text
{
   width: 154px;
   position: fixed;
   left: 50%;
   top: 50%;
   margin-left: -74px;
   margin-top: 9em
}

#filtersaved {
    position: fixed;
    z-index: 999;
    left: 50%;
    border: solid 1px #333;
    font-weight: bold;
    background: #333;
    color: #fff;
    height: 30px;
    padding-top: 10px;
    text-align: center;
    width: 200px;
    margin-left: -100px;
    border-radius: 3px;
    font-size: 14px;
    float: left;
    top: 40%;
    display: none;
}

.savinginline {
    background-image: url('/images/common/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center center;
    /* background-size: 105px 100px; */
    position: fixed;
    z-index: 10;
    height: 100px;
    width: 126px;
    top: 50%;
    left: 50%;
    /* display: inline-block; */
    margin-top: -50px;
    margin-left: -63px;
    display: none;
}


button#intercom-close {
    position: absolute !important;
    bottom: 70px !important;
    left: -30px !important;
    cursor: pointer !important;
    color: #999 !important;
    transition: color 0.2s !important;
    animation: fade-in 0.2s !important;
}

button#intercom-close:hover {
    color: #666 !important;
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* */