/***********************************************
Style Contents:
• Top Level Elements
• jQuery UI Overrides
• Standalone Masterpage Styles
• Shared
• Page Layout
• Header
• Main Content
• Top Menu
• Footer
• Tables
• Recaptcha
• Buttons & Icons
• Progress Bar
• Option Areas
• Columns
• Old Shared To Be Checked for usage
• View Case Documentary Evidence
• View Element Styles
• Administration
• Applications
• Dynamic Form
• QAP
• Search
• View Case Case Pathways
• View Case Layout
• View Case Shared
• Case Export Options
• View Case Element
• View Case Side Menu
• View Case Notice Element
• View Element
• QA
• Documentary Evidence
• Accept Terms of Use
• jQuery tab styles
• Non JS Tabs
• Page headings Sub headings
• Notices
• Alerts, Changes, News
• All Areas with Icon Titles
• Area Specific Icon Titles
• Side Menus
• Alternating Rows
• Inline Forms
• Tiny MCE
• Disabled Appearance
• Expandables
• Withdraw applications
• Apply for New Permit
• Permit History
• User Preferences
• JavaScript only content
• Picklists
• Limitted Line Numbers
• Blocker
• User Search and Management
• Confirmation dialog box
• Animations
***********************************************/

/***********************************************
* Top Level Elements
***********************************************/

body {
   text-align: center;
   background-color: #CCC8C4;
   font-size: 0.9em;
   padding-bottom: 32px;
}

body,
p,
div {
   color: #333333;
}

h1,
h2,
h3,
h4 {
   margin-top: 2em;
   font-weight: bold;
}

h3 {
   margin-top: 1em !important;
}

h1,
h1+p {
   padding: 1.5em;
   background-color: #F2ECE5;
}

h1 {
   font-size: 1.25em;
   background-image: url('../Images/heading-underline.png');
   background-repeat: no-repeat;
   background-position: 1.5em 3em;
   padding-bottom: 1.7em;
   margin-bottom: 0px;
   margin-top: 1em;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
}

h1+p {
   position: relative;
   top: -16px;
   margin-top: 0px;
   padding-top: 0.1em;
   padding-left: 2em;
   padding-right: 2em;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
}

h2 {
   font-size: 1.15em;
}

h3 {
   font-size: 1.0em;
   margin-top: 2em;
}

h4 {
   font-size: 0.9em;
}

legend {
   font-size: 1em;
   margin-bottom: 1em;
   margin-top: 1em;
   font-weight: bold;
}

label, .labelled-value {
   display: inline-block !important;
   width: 16em;
   padding-left: 1em;
   font-weight: normal;
   text-align: left;
   vertical-align: top;
   margin-top: 0.3em;
}

.labelled-value 
{
   width: auto !important;
}

label.narrow {
   display: inline-block !important;
   margin-top: 0 !important;
   padding-left: 1em;
   font-weight: normal;
   text-align: left;
}

label.option {
   display: inline-block !important;
   width: auto;
   padding-left: 0.3em;
   font-weight: normal;
   text-align: left;
   margin-top: 0;
}

.mimicLabel
{
   display: inline-block !important;
   width: 16em;
   padding-left: 1em;
   font-weight: normal;
   text-align: left;
   vertical-align: top;
   margin-top: 0.3em;
}

input,
button,
select {
   width: auto !important;
   margin-left: 1em !important;
   height: auto !important;
}

button,
input {
   display: inline;
}

input[type="radio"],
input[type="checkbox"] {
   vertical-align: middle;
}



/***********************************************
* jQuery UI Overrides
***********************************************/

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
   font-size: inherit;
}

.ui-selectmenu,
.ui-selectmenu:hover {
   width: auto !important;
   white-space: nowrap;
   padding-right: 32px;
   background-color: #F2ECE5 !important;
   border: 1px solid #AAAAAA !important;
   background-image: url('../Images/top-shine.png') !important;
   background-position: top left !important;
   background-repeat: repeat-x !important;
   margin: 0px;
   margin-bottom: 0.5em;
   margin-left: 1em;
   vertical-align: top;
   height: 30px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
}

.ui-selectmenu,
.ui-selectmenu-status:hover,
.ui-selectmenu-menu > li,
.ui-selectmenu-menu > li > a {
   color: #333333 !important;
   text-decoration: none !important;
   background-color: #F7F6F2 !important;
   white-space: normal;
}

.ui-selectmenu-menu > li,
.ui-selectmenu-menu > li > a {
   white-space: nowrap !important;
   text-align: left !important;
   padding-right: 32px;
}

.ui-selectmenu-menu > li {
   border-bottom: 1px solid #D0D0D0;
}


/***********************************************
* Standalone Masterpage Styles
***********************************************/

body.standalone {
   background-color: transparent;
}

body.standalone > .biconContentContainer {
   width: 100%;
   max-width: 100%;
}


/***********************************************
* Shared
***********************************************/

.disclaimer 
{
    font-size: 0.8em;
}

.content-group {
   display: block;
   padding: 1.5em !important;
   padding-top: 0.25em !important;
   border: 1px solid #D2CCC5;
   margin-bottom: 1em;
   padding-bottom: 0.25em !important;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   overflow: hidden;
}

.light-blue 
{
    background-color: #ddeeff;
}

.content-group > h2 {
   margin-top: 2.5em !important;
}

.inline-content-group {
   display: inline-block;
   padding: 1.5em !important;
   padding-top: 0.25em !important;
   border: 1px solid #D2CCC5;
   margin-bottom: 0.25em;
   padding-bottom: 0.25em !important;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
}

.titled-content-group {
   display: inline-block;
   *display: block;
   zoom: 1;
   width: 100%;
   clear: both;
   border: 1px solid #D2CCC5;
   padding: 0px;
   margin: 0px;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
}

.titled-content-group-header,
.titled-content-group-content {
   padding: 0.5em;
   padding-left: 1em;
   padding-right: 1em;
   margin: 0px;
}

.titled-content-group-content {
   padding: 1em;
}

.titled-content-group-header {
   background-color: #F2ECE5;
   position: relative;
   font-weight: bold;
}

.titled-content-group-content {
   border-top: 1px solid #D2CCC5;
}

.on-new-line {
   display: inline-block;
   *display: block;
   zoom: 1;
   width: 100%;
   clear: both;
   margin-top: 1em;
   margin-bottom: 1em;
}

.relative-position {
   position: relative;
}

.no-wrap {
   width: auto;
   white-space: nowrap;
}

.padded-paragraph {
   padding: 1em;
}

.shaded-background {
   background-color: #F2ECE5;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   overflow: hidden;
}

.shaded-background > p {
   padding: 0.5em;
}

.alt-shaded-background {
   background-color: #F7F6F2;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   overflow: hidden;
}

.shaded-background > .progress-bar {
   margin-top: 0px !important;
}

.shaded-background > h2,
.shaded-background > h2+p {
   margin-left: 1em;
}

a.accessibilitylink {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
    color: #FFFFFF;
}

.accessibilitytext,
.hidden {
   border: 0 none;
   clip: rect(0px, 0px, 0px, 0px);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

a.accessibilitylink:focus, a.accessibilitylink:active
{
   left: auto;
   top: auto;
   height: auto;
   z-index: 999;
   width: auto;
   height: auto;
}

.float-right {
   float: right;
}

.float-left {
   float: left;
}

.scrollable {
   display: inline-block;
   *display: block;
   zoom: 1;
   overflow: auto;
   max-height: 350px;
   border: 1px solid #CCCCCC;
}

.no_underline {
   text-decoration: none !important;
}

legend.mandatory,
label.mandatory,
p.mandatory,
span.mandatory,
h1.mandatory,
h2.mandatory,
span.mandatory {
   background-image: url('../Images/mandatory-field.png');
   background-repeat: no-repeat;
   background-position: 0px 5px;
}

h1.mandatory,
h2.mandatory {
   background-position: 12px 5px;
   padding-left: 32px;
}

p.mandatory {
   background-position: 2em 5px;
   padding-left: 3em;
}

legend.mandatory
{
   background-position: 0em 5px;
   padding-left: 1em;
}

.mandatory-black 
{
   background-image: url('../Images/mandatory-field.png');
}

.input-validation-error {
   border: 1px solid #CC0000;
   color: #CC0000;
}

p.validation-error,
label.validation-error {
   border: none;
}

p.validation-error {
   margin-left: 1em;
}

.shortTextInput {
   width: 200px;
}

.longTextInput {
   width: 300px;
}

.longerTextInput {
   width: 400px !important;
}

.wideTextInput {
   width: 600px !important;
}

.form-area {
   padding: 1em;
   margin-top: 1em;
   margin-bottom: 1em;
}

.form-read-only-text {
   display: inline-block;
   margin-top: 0.3em;
   margin-left: 1em;
}

.form-control {
   vertical-align: top;
   display: inline;
   margin-bottom: 0.5em;
}

.fine-print-control {
   display: inline-block;
   padding-bottom: 1.5em;
}

span.fine-print-control {
   font-size: 0.7em;
   text-align: left;
   font-weight: normal !important;
}

.fine-print-control > div {
   margin-left: 1em;
   position: absolute;
}

.fine-print-control > div > span {
   font-size: 0.7em;
   text-align: left;
   word-wrap: break-word;
}

.hidden-file-input {
   zoom: 1;
}

.label-as-span 
{
   width: auto !important;
   margin: 0px !important;
   margin-right: 0px !important;
   padding: 0px !important;
   padding-right: 0px !important;
   display: inline;
   font-weight: normal;
}


/***********************************************
* Page Layout
***********************************************/

.biconContentContainer {
   display: inline-block;
   width: 80%;
   max-width: 80%;
   min-width: 1100px;
   background-color: #FFFFFF;
}


/***********************************************
* Header
***********************************************/

.FieldSetHeading {
   padding-left: 1em;
   padding-top: 0.5em;
}

.biconHeader {
   background-color: #776F65;
   height: 98px;
   background-image: url('../Images/department_of_agriculture_logo.png');
   background-repeat: no-repeat;
   background-position: 30px 18px;
   text-align: right;
}

.biconHeading,
.biconSubheading {
   color: #FFFFFF;
   padding: 0px;
   margin: 0px;
   line-height: 100%;
}

.biconHeading {
   display: inline-block;
   width: 150px;
   font-weight: bold;
   text-align: left;
   white-space: nowrap;
   margin-right: 10px;
   margin-top: 10px;
   font-size: 2.75em;
}

.biconSubheading {
   display: inline-block;
   width: 100%;
   text-align: left;
   font-weight: normal;
   font-size: 0.39em !important;
   vertical-align: top;
}


/***********************************************
* Main Content
***********************************************/

.biconContent {
   position: relative;
   text-align: justify;
   padding-left: 2em;
   padding-right: 2em;
   padding-bottom: 3em;
   clear: both;
}


/***********************************************
* Top Menu
***********************************************/

.biconTopMenu {
   background-color: #000000;
   text-align: left;
   line-height: 170%;
   padding: 0px;
   margin: 0px;
   padding-left: 14px;
   white-space: nowrap;
   height: 1.95em;
   font-size: 1em !important;
}

.biconTopMenu p {
   padding: 0px;
   margin: 0px;
}

.biconTopMenu a {
   color: #FFFFFF;
   font-size: 0.8em;
   font-weight: bold;
   margin: 0px;
   padding: 8px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.biconTopMenuLinks a:hover {
   background-color: #E2DCD5;
   color: #6A4061;
   text-decoration: none;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

a.top-menu-help:hover {
   background-image: url('../Images/icon-question-purple.png');
}

.biconTopMenuLinks a:active,
.selectedBiconTopMenuLink {
   background-color: #FFFFFF !important;
   color: #333333 !important;
   text-decoration: none;
   cursor: default;
}

.top-menu-help-selected,
.top-menu-help-selected:hover {
   background-image: url('../Images/icon-question-black.png') !important;
}

.selectedBiconTopMenuLink {
   color: #000000 !important;
}

.biconTopMenuLinks {
   float: left;
}

.biconLoginStatus {
   float: right;
   color: #FFFFFF;
   font-size: 0.9em;
}

.biconLoginStatus a {
   text-decoration: underline;
   font-size: 0.9em;
}

.biconLoginStatus a:hover {
   color: #FFFFFF;
}

.biconUserName {
   font-weight: bold;
   margin-right: 16px;
}


/***********************************************
* Footer
***********************************************/

.biconFooter {
   display: block;
   padding-top: 4px;
   font-size: 0.8em;
   background-color: #CCC8C4;
   white-space: nowrap;
   clear: both;
   margin-top: 2em;
}

.biconFooter a {
   color: #333333;
   margin-left: 8px;
   margin-right: 8px;
}


/***********************************************
* Tables
***********************************************/

table,
tbody {
   display: table;
   table-layout: fixed;
   zoom: 1;
   width: 100%;
   border-collapse: collapse;
}

table,
tr,
th,
td {
   table-layout: fixed;
   border: 1px solid #CCC8C4;
   border-radius: 0px !important;
}

th,
td {
   padding: 0.5em;
   padding-left: 1em;
   padding-right: 1em;
   text-align: left;
}

th {
   background-color: #CCC8C4;
   color: #000000;
   font-weight: normal;
   border-color: #31294C;
}

th > a,
th > input[type=button],
th > input[type=submit],
td > a,
td > input[type=button],
td > input[type=submit] {
   display: inline !important;
   margin: 0px !important;
   padding: 0px !important;
}

table.date-picker-table
{
    table-layout:auto !important;
}

table.date-picker-table > tbody 
{
   display:table-row-group;
   table-layout:inherit;
   zoom: 1;
   width: inherit;
   border-collapse:separate;
}

table.date-picker-table th 
{
    background-color: #FFFFFF;
}

table.SearchResults {
   width: 100%;
   border: 1px solid #CCC8C4 !important;
}

table.SearchResults tr {
   border: none !important;
}

table.SearchResults tr td {
   border: none !important;
}

.WarningsAndInformationHeading, .AepHeading 
{
   background-color: #E2DCD5;
}

table.SearchResults tr th 
{
   background-color: #CCC8C4;
}

.WarningsAndInformationHeading, 
.AepHeading,
table.SearchResults tr th {
   color: #000000;
   text-align: left;
   font-weight: bold;
   border: none !important;
}

table.manage-users-table {
   table-layout: auto;
}

table.table-with-no-borders,
table.table-with-no-borders tr,
table.table-with-no-borders th,
table.table-with-no-borders td {
   border: none;
}

th > label,
td > label {
   margin: 0px !important;
   width: auto !important;
}

table.ActivityRenderTable, table.ActivityRenderTable > tbody {
   table-layout: fixed;
}

/***********************************************
* Recaptcha
***********************************************/

.reCaptchadiv {
   margin-left: 17em;
   margin-top: -2em;
}

/***********************************************
* Buttons & Icons
***********************************************/

.btn {
   height: 30px !important;
   line-height: 100%;
}

.btn > * {
    cursor: pointer !important;
}

.btn-primary,
.btn-default,
.btn-negative,
.btn-answer {
   margin-left: 1em;
}

.icon-left {
   padding-left: 32px !important;
   padding-right: 8px !important;
   background-repeat: no-repeat;
   background-position: center left;
}

.icon-right {
   padding-left: 8px !important;
   padding-right: 32px !important;
   background-repeat: no-repeat;
   background-position: center right;
}

th > input.icon-left {
   padding-left: 32px !important;
   padding-right: 8px !important;
}

th > input.icon-right {
   padding-left: 8px !important;
   padding-right: 32px !important;
}

.icon-ajax-loader {
   padding-left: 24px !important;
   padding-right: 8px !important;
   background-repeat: no-repeat;
   background-position: center left;
   background-image: url('../Images/icon-ajax-loader.gif');
}

.btn-negative {
   background-color: #404040;
   color: #FFFFFF;
}

.btn-answer {
   background-color: #707070;
   color: #FFFFFF;
   margin: 0.5em !important;
   white-space: normal !important;
   height: auto !important;
}

.btn-answer.icon-cross 
{
    -webkit-animation:pop-in 0.5s;
    -moz-animation:pop-in 0.5s;
    -ms-animation:pop-in 0.5s;    
}

.btn-answer.disabled-answer-button
{
    background-color:#707070 !important;
    cursor: default !important;
    
}

.btn-answer:hover {
   background-color: #606060;
   color: #FFFFFF !important;
}

.btn-negative:hover {
   background-color: #333333;
   color: #FFFFFF;
}

.btn-negative:focus {
   color: #FFFFFF;
}

.icon-previous-dark,
.icon-next-dark,
.icon-previous,
.icon-next {
   min-width: 8em !important;
   text-align: center;
}

.icon-remove-dark,
.icon-add-dark,
.icon-remove,
.icon-add {
   text-align: left;
}

.icon-previous {
   background-image: url('../Images/icon-previous.png');
}

.icon-next {
   background-image: url('../Images/icon-next.png');
}

.icon-search {
   background-image: url('../Images/icon-search.png');
}

.icon-alert {
   background-image: url('../Images/icon-alert.png');
}

.icon-change {
   background-image: url('../Images/icon-change.png');
}

.icon-add {
   background-image: url('../Images/icon-add.png');
}

.icon-remove {
   background-image: url('../Images/icon-remove.png');
}

.icon-tick {
   background-image: url('../Images/icon-tick.png');
}

.icon-cross {
   background-image: url('../Images/icon-cross.png');
}

.icon-question {
   background-image: url('../Images/icon-question.png');
}

.icon-mail {
   background-image: url('../Images/icon-mail.png');
}

.icon-previous-dark {
   background-image: url('../Images/icon-previous-dark.png');
}

.icon-next-dark {
   background-image: url('../Images/icon-next-dark.png');
}

.icon-search-dark {
   background-image: url('../Images/icon-search-dark.png');
}

.icon-add-dark {
   background-image: url('../Images/icon-add-dark.png');
}

.icon-remove-dark {
   background-image: url('../Images/icon-remove-dark.png');
}

.icon-tick-dark {
   background-image: url('../Images/icon-tick-dark.png');
}

.icon-cross-dark {
   background-image: url('../Images/icon-cross-dark.png');
}

.icon-file-red {
   background-image: url('../Images/icon-file-red.png');
}

.icon-cross-red {
   background-image: url('../Images/icon-cross-red.png');
}

.icon-printer-red {
   background-image: url('../Images/icon-printer-red.png');
}

.icon-case-red {
   background-image: url('../Images/icon-case-red.png');
}

.icon-speech-red {
   background-image: url('../Images/icon-speech-red.png');
}

.icon-tick-red {
   background-image: url('../Images/icon-tick-red.png');
}

.icon-doubletick-red {
   background-image: url('../Images/icon-doubletick-red.png');
}

.icon-feed-red {
   background-image: url('../Images/icon-feed-red.png');
}

.icon-user-red {
   background-image: url('../Images/icon-user-red.png');
}

.icon-user-add-red {
   background-image: url('../Images/icon-user-add-red.png');
}

.icon-user-prefs-red {
   background-image: url('../Images/icon-user-prefs-red.png');
}

.icon-user-details-red {
   background-image: url('../Images/icon-user-details-red.png');
}

.icon-users-red {
   background-image: url('../Images/icon-users-red.png');
}

.icon-exclamation-red {
   background-image: url('../Images/icon-exclamation-red.png');
}

.icon-padlock-red {
   background-image: url('../Images/icon-padlock-red.png');
}

.icon-padlock-white {
   background-image: url('../Images/icon-padlock-white.png');
}

.icon-news-red {
   background-image: url('../Images/icon-news-red.png');
}

.icon-search-red {
   background-image: url('../Images/icon-search-red.png');
}

.icon-mail-red {
   background-image: url('../Images/icon-mail-red.png');
}

.icon-history-red {
   background-image: url('../Images/icon-history-red.png');
}

.icon-variation-red {
   background-image: url('../Images/icon-variation-red.png');
}

.icon-play-red {
   background-image: url('../Images/icon-play-red.png');
}

.icon-sysadmin-grey {
   background-image: url('../Images/icon-sysadmin-grey.png');
}

.icon-file-black {
   background-image: url('../Images/icon-file-black.png');
}

.icon-cross-black {
   background-image: url('../Images/icon-cross-black.png');
}

.icon-printer-black {
   background-image: url('../Images/icon-printer-black.png');
}

.icon-case-black {
   background-image: url('../Images/icon-case-black.png');
}

.icon-speech-black {
   background-image: url('../Images/icon-speech-black.png');
}

.icon-tick-black {
   background-image: url('../Images/icon-tick-black.png');
}

.icon-doubletick-black {
   background-image: url('../Images/icon-doubletick-black.png');
}

.icon-star-black {
   background-image: url('../Images/icon-star-black.png');
}

.icon-eye-black {
   background-image: url('../Images/icon-eye-black.png');
}

.icon-question-black {
   background-image: url('../Images/icon-question-black.png');
}

.icon-fileview-black {
   background-image: url('../Images/icon-fileview-black.png');
}

.icon-paperclip-blue {
   padding-top: 0px !important;
   padding-left: 20px !important;
   padding-right: 0px !important;
   padding-bottom: 12px !important;
   background-repeat: no-repeat;
   background-position: 0% 15% !important;
   background-image: url('../Images/icon-paperclip-blue.png');
}

.icon-file-blue {
   background-image: url('../Images/icon-file-blue.png');
}

.icon-cross-blue {
   background-image: url('../Images/icon-cross-blue.png');
}

.icon-printer-blue {
   background-image: url('../Images/icon-printer-blue.png');
}

.icon-case-blue {
   background-image: url('../Images/icon-case-blue.png');
}

.icon-speech-blue {
   background-image: url('../Images/icon-speech-blue.png');
}

.icon-tick-blue {
   background-image: url('../Images/icon-tick-blue.png');
}

.icon-doubletick-blue {
   background-image: url('../Images/icon-doubletick-blue.png');
}

.icon-next-blue {
   background-image: url('../Images/icon-next-blue.png');
}

.icon-prev-blue {
   background-image: url('../Images/icon-prev-blue.png');
}

.icon-up-blue {
   background-image: url('../Images/icon-up-blue.png');
}

.icon-down-blue {
   background-image: url('../Images/icon-down-blue.png');
}

.icon-exclamation-blue {
   background-image: url('../Images/icon-exclamation-blue.png');
}

.icon-q-blue {
   background-image: url('../Images/icon-q-blue.png');
}

.icon-link-blue {
   background-image: url('../Images/icon-link-blue.png');
}

.icon-link-blue-no-circle {
   background-image: url('../Images/icon-link-blue-no-circle.png');
}

.icon-plus-blue {
   background-image: url('../Images/icon-plus-blue.png');
}

.icon-minus-blue {
   background-image: url('../Images/icon-minus-blue.png');
}

.icon-plus-no-circle-blue {
   background-image: url('../Images/icon-plus-no-circle-blue.png');
}

.icon-tick-circle-blue {
   background-image: url('../Images/icon-tick-circle-blue.png');
}

.icon-question-purple {
   background-image: url('../Images/icon-question-purple.png');
}

.icon-next-grey {
   background-image: url('../Images/icon-next-grey.png');
}

.icon-prev-grey {
   background-image: url('../Images/icon-prev-grey.png');
}

.icon-application {
   background-image: url('../Images/icon-application.png');
}

.icon-assessment {
   background-image: url('../Images/icon-assessment.png');
}

.icon-variation-request {
   background-image: url('../Images/icon-variation-request.png');
}

.icon-sort-ascending {
   background-image: url('../Images/icon-sort-ascending.png');
}

.icon-sort-decending {
   background-image: url('../Images/icon-sort-decending.png');
}

.icon-large {
   display: inline-block;
   background-position: center 1em;
   background-repeat: no-repeat;
   padding-top: 64px;
}

.icon-large-star-blue {
   background-image: url('../Images/icon-large-star-blue.png');
}

.icon-large-mail-blue {
   background-image: url('../Images/icon-large-mail-blue.png');
}

.button-as-hyperlink {
   display: inline !important;
   border: none;
   background-color: transparent;
   color: #428bca;
   font-size: inherit;
   line-height: inherit;
   cursor: pointer;
   white-space: normal !important;
   overflow: visible !important;
   width: auto !important;
   text-decoration: none;
   border-radius: 0px !important;
   padding: 0px;
   margin: 0px;
}

.button-as-hyperlink:hover {
   color: #2A6496;
   text-decoration: underline !important;
   cursor: pointer;
}

.paragraph-with-icon {
   background-repeat: no-repeat;
   background-position: 0em 0.25em;
   padding-left: 2.5em;
}

.new-window-image 
{
    display: inline !important;
    width: 10px !important;   
    height: 10px !important;   
    margin-left: 5px !important;
    border: none !important;
}

/***********************************************
* Progress Bar
***********************************************/

.progress-bar {
   display: table;
   *display: block;
   zoom: 1;
   table-layout: fixed;
   white-space: nowrap;
   text-align: left;
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 40px;
   margin-top: 2em;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   overflow: hidden;
}

.progress-bar > a {
   display: table-cell;
   *display: inline;
   zoom: 1;
   margin: 0px;
   background-color: #CCC8C4;
   vertical-align: middle;
   color: #333333;
   background-repeat: no-repeat !important;
   background-position: center left !important;
   line-height: 100%;
   padding: 10px;
   padding-left: 30px;
   text-decoration: none;
}

.progress-bar > a:first-child,
.progress-bar > a:first-child+a+a,
.progress-bar > a:first-child+a+a+a+a,
.progress-bar > a:first-child+a+a+a+a+a+a,
.progress-bar > a:first-child+a+a+a+a+a+a+a+a,
.progress-bar > a:first-child+a+a+a+a+a+a+a+a+a+a {
   background-color: #707070;
   background-image: url('../Images/progress-dark-light.png');
}

.progress-bar > a:first-child+a,
.progress-bar > a:first-child+a+a+a,
.progress-bar > a:first-child+a+a+a+a+a,
.progress-bar > a:first-child+a+a+a+a+a+a+a,
.progress-bar > a:first-child+a+a+a+a+a+a+a+a+a,
.progress-bar > a:first-child+a+a+a+a+a+a+a+a+a+a+a {
   background-color: #909090;
   background-image: url('../Images/progress-dark-dark.png');
}

.progress-bar-selected+a+a,
.progress-bar-selected+a+a+a+a,
.progress-bar-selected+a+a+a+a+a+a,
.progress-bar-selected+a+a+a+a+a+a+a+a,
.progress-bar-selected+a+a+a+a+a+a+a+a+a+a {
   background-color: #F2ECE5 !important;
   background-image: url('../Images/progress-dark.png') !important;
}

.progress-bar-selected+a,
.progress-bar-selected+a+a+a,
.progress-bar-selected+a+a+a+a+a,
.progress-bar-selected+a+a+a+a+a+a+a,
.progress-bar-selected+a+a+a+a+a+a+a+a+a,
.progress-bar-selected+a+a+a+a+a+a+a+a+a+a+a {
   background-color: #E2DCD5 !important;
   background-image: url('../Images/progress-light.png') !important;
}

.clickable-progress-bar > a:hover {
   background-color: #000000 !important;
   color: #FFFFFF;
}

.clickable-progress-bar > a:hover + a {
   background-image: url('../Images/progress-hover.png') !important;
}

.progress-bar-selected,
.clickable-progress-bar > a.progress-bar-selected:hover {
   background-color: #404040 !important;
   color: #FFFFFF !important;
}

.progress-bar-selected+a,
.clickable-progress-bar > a.progress-bar-selected:hover + a {
   background-image: url('../Images/progress-selected.png') !important;
}

.progress-bar > a:first-child {
   background-image: none !important;
}


/***********************************************
* Option Areas
***********************************************/

.optionsarea {
   display: inline-block;
   width: 100%;
   margin: 0px;
   text-align: left;
   overflow: visible;
}

.optionscreen-option {
   position: relative;
   display: inline-block;
   *display: inline;
   zoom: 1;
   width: 31%;
   height: 220px;
   color: #333333;
   background-color: #F2ECE5;
   border: 1px solid #E3DCD4;
   padding: 0px;
   text-align: left;
   margin: 0px;
   margin-left: 1%;
   margin-right: 1%;
   margin-bottom: 2em;
   overflow: hidden;
   overflow-y: auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   vertical-align: top;
}

.optionscreen-option:hover {
   text-decoration: none !important;
   color: #333333;
}

.optionscreen-option > h2,
.optionscreen-option > p {
   margin-top: 0px;
   display: block;
   margin: 1em;
}

.optionscreen-option > ul > li {
   margin-bottom: 1em;
}

.optionscreen-optionlink-right {
   display: block;
   text-align: right;
   margin-right: 1em;
}

.optionscreen-optionlink-bottom-right {
   position: absolute;
   display: inline-block !important;
   bottom: 8px;
   right: 14px;
}

.optionscreen-optiontext-bottom-left {
   position: absolute;
   display: inline-block !important;
   bottom: 32px;
   left: 0px;
}

.optionscreen-tight-paragraph {
   margin-bottom: 0px !important;
}


/***********************************************
* Columns
***********************************************/

.twocolumns,
.threecolumns,
.threecolumns-slim-middle {
   display: inline-block;
   *display: inline;
   zoom: 1;
   position: relative;
   width: 100%;
   padding: 0px;
   margin: 0px;
   overflow: hidden;
}

.column {
   display: inline-block;
   *display: inline;
   zoom: 1;
   vertical-align: top;
   padding: 0px;
   margin: 0px;
   overflow: hidden;
   margin-left: 2%;
   float: left;
}

.twocolumns > .column {
   width: 49%;
}

.threecolumns > .column {
   width: 31%;
}

.twocolumns > .column:first-child,
.threecolumns > .column:first-child,
.threecolumns-slim-middle > .column:first-child {
   margin-left: 0px;
}

.twocolumns.print-options > .column {
   white-space: nowrap;
}

.threecolumns > .column:first-child,
.threecolumns-slim-middle > .column:first-child {
   text-align: left;
}

.threecolumns > .column:first-child+div,
.threecolumns-slim-middle > .column:first-child+div {
   text-align: center;
}

.threecolumns > .column:first-child+div+div,
.threecolumns-slim-middle > .column:first-child+div+div {
   text-align: right;
}

.threecolumns > .column > .btn,
.threecolumns-slim-middle > .column > .btn {
   margin: 0px;
}

.threecolumns-slim-middle > .column:first-child+div {
   width: 20%;
}

.threecolumns-slim-middle > .column:first-child+div > input.btn {
   padding-left: 32px;
   padding-right: 32px;
}

.threecolumns-slim-middle > .column > select {
   display: inline-block;
   *display: inline;
   zoom: 1;
   width: 100% !important;
   padding: 0px;
   margin: 0px;
   padding-right: 1em;
}

.threecolumns-slim-middle > .column > select > option {
   padding: 0.25em !important;
}

.column-center {
   display: inline-block;
   width: 33%;
   text-align: center;
}

.column-left {
   float: left;
   width: 33%;
}

.column-right {
   float: right;
   width: 33%;
}

.multicolumns 
{
   display: table; 
   table-layout: auto;
   width: 100%; 
   max-width: 100%;
   overflow: hidden;
}

.multicolumns > div
{
   display: table-cell;
   vertical-align: middle;   
   text-align: center;
   white-space: nowrap;
   overflow: hidden;
}

.multicolumns-left-aligned > div
{
   text-align: left;
   vertical-align: top;
}

.multicolumns > div > .btn 
{
   margin: 0px !important;
}

.multicolumns > div > label
{
   padding-left: 0px;
   width: 9em;
   max-width: 11em;
   white-space: nowrap;
   overflow: visible;
}

.multicolumns > div > label.mandatory 
{
    padding-left: 1em;
}

.divTwoColumn
{
   display: inline-block;
   width: 100%;
}

.divColumn {
   display: inline-block;
   width: 49%;
}
/***********************************************
* Old Shared To Be Checked for usage
***********************************************/

.selected {
   cursor: default;
}

.padLeft3 {
   padding-left: 3.5em !important;
}

.padLeft6 {
   padding-left: 6em !important;
}

.padLeft8 {
   padding-left: 8em !important;
}

.padLeft10 {
   padding-left: 10em !important;
}

.TemporaryAlert {
   display: inline-block;
   zoom: 1;
   *display: inline;
   width: 100%;
   vertical-align: top;
   margin-top: 1em;
}

.TemporaryAlert > a {
   float: right;
   cursor: pointer;
}

.UserName {
   display: block;
   font-weight: bold;
   overflow: hidden;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
   color: #265176;
}

.SubContentShader {
   margin-top: 8px;
   padding: 0px;
   display: inline-block;
   width: 100%;
   background-color: #F2ECE5;
   zoom: 1;
   *display: inline;
}

.SubContentShader > h3,
.SubContentShader > p {
   margin: 16px;
   margin-bottom: 0px;
}

.SubContentShader > h3 {
   float: left;
}

.SubContentShader > p {
   display: block;
   width: 50%;
   float: right;
   background-image: url("../Theme/down_arrow.png");
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 55px;
   text-align: left;
   font-size: 1em;
   color: #707070;
}

.ScientificNameSearchAvailable {
   text-align: center;
   margin-bottom: 0px;
}

.ScientificNameSearchAvailable > input {
   margin-top: 8px;
}

.TariffPadding {
   padding-left: 15px;
}

.SubContentShaderLeft {
   padding: 1.5em;
   clear: right;
   display: inline-block;
   width: 100%;
   background-color: #F2ECE5;
   text-align: left;
   background-image: url("../Theme/bg_table_odd.png");
   background-repeat: repeat-y;
   background-position: right;
   zoom: 1;
   *display: inline;
}

.SubContentShaderLeft > h3,
.SubContentShader > p {
   margin: 16px;
   margin-bottom: 0px;
}

.SubContentShaderLeft > h3 {
   float: left;
}

.SubContentShaderLeft > p {
   display: block;
   background-repeat: no-repeat;
   background-position: left center;
   text-align: left;
   font-size: 1em;
   color: #707070;
   float: right;
   width: 144px;
}

#ServiceRequest,
#MaintainNews,
#SubscriptionList,
#PopupDiv {
   text-align: left;
   padding-top: 1.5em;
}

.FieldEntryContainer {
   display: block;
   width: 95%;
   overflow: hidden;
   margin-top: 1em;
}

.FieldEntryLeft20 {
   float: left;
   display: inline;
   width: 20%;
   clear: none;
}

.FieldEntryLeft10 {
   float: left;
   display: inline;
   width: 15%;
   clear: none;
}

.FieldEntryRight80 {
   float: right;
   display: inline;
   width: 78%;
   clear: none;
}

.FieldEntrySplit40Left {
   width: 40%;
   float: left;
   padding-left: 1em;
}

.FieldEntrySplit10Right {
   width: 15%;
   float: Right;
}

.FieldEntrySplit10Left {
   width: 10%;
   float: left;
}

.FieldTitle {
   text-align: right;
   vertical-align: middle;
   max-width: 200px;
   color: #404040;
   font-size: 1em;
   font-weight: bold;
   margin-bottom: 8px;
   padding-top: 0.3em;
}

.FieldInput {
   padding-left: 1em;
   position: relative;
}

.FieldInputRightLeft {
   text-align: right;
   padding-top: 0.5em;
}

.FieldInput .w600 {
   width: 500px;
}

#ServiceRequest .availablebox {
   width: 200px;
   height: 80px;
   overflow: scroll;
   border-style: solid;
   border-width: 1px;
}

#ServiceRequest .LeftLabel {
   clear: left;
   display: block;
   width: 18%;
   float: left;
   text-align: right;
   padding-right: 3em;
   font-size: 1em;
}

#ServiceRequest .RightLabel {
   text-align: left;
   vertical-align: top;
   font-size: 1em;
   font-weight: normal;
   float: left;
   width: 70%;
}

#ServiceRequest .Row {
   overflow: auto;
}

#ServiceRequest .buttons {
   float: right;
   padding-right: 3em;
}

#ServiceRequest .Confirmation p {
   float: left;
   padding-top: 1em;
   padding-left: 1em;
}

.service-request-remove-attached-file 
{
    display: block;
    margin-left:17em;
    cursor: pointer;
}

#ViewCase {
   text-align: left;
}

#CaseContent {
   float: left;
   width: 75%;
   display: inline-block;
   zoom: 1;
   *display: inline;
}

.WhiteBox {
   background-color: #FFFFFF;
   padding: 1em;
   overflow: hidden;
}

.TextContent {
   text-align: justify;
}

div.ContactList {
   background-color: #FFFFFF;
   padding: 1em;
   overflow: hidden;
   display: inline;
   float: left;
   clear: left;
}

div#Personal,
div#Profile,
div#FilterContact {
   width: 732px;
   display: inline;
   float: left;
   clear: left;
}

div#Personal {
   border-bottom: 0.5em solid #F2ECE5;
}

#ViewCase .WhiteBox {
   background-color: #FFFFFF;
   padding: 1em;
   overflow: hidden;
}

#CaseSideMenu {
   display: inline-block;
   float: right;
   margin-top: -80px;
   width: 24%;
   zoom: 1;
   *display: inline;
}

#ViewCase .TableLeftThinRow {
   background-color: #F7F6F2;
   text-align: left;
   border: 1px solid #d0d3d6;
   padding: 5px;
   width: 100%;
}


/***********************************************
* View Case Documentary Evidence
***********************************************/

.CaseExportOptions {
   width: 100%;
}

.CaseExportOption {
   float: left;
   width: 49%;
}

.ServiceRequestSearchResults {
   text-align: left;
   padding-left: 1.5em;
}

.SearchTab {
   width: 188px;
   margin: 0px;
   padding: 0px;
   padding-top: 4px;
   padding-bottom: 4px;
   display: inline-block;
   background-color: #FFFFFF;
   border: none;
   border-bottom: 1px solid #428BCA;
   border-left: 1px solid #428BCA;
   text-align: center;
   float: left;
   zoom: 1;
   *display: inline;
}

.SearchTab.selected {
   background-color: #CCC8C4;
   border-bottom: 1px solid #CCC8C4;
   cursor: default;
}

#SearchText,
#ReferenceSearchText,
#ItemsAndProductsSearchTerm {
   width: 50%;
}

#SciNameFilterText {
   width: 200px;
}

a.ShowMoreOptions {
   display: block;
   text-align: left;
   background-color: transparent;
   cursor: pointer;
   border: none;
   font-weight: bold;
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 20px;
   margin-top: 8px;
   background-image: url("../Theme/dropdown.png");
}

p.sidehelp,
#SearchRightMenu {
   display: inline-block;
   color: #707070;
   text-align: left;
   font-size: 0.9em;
   background-image: url("../Theme/left_arrow.png");
   background-repeat: no-repeat;
   background-position: left top;
   padding-left: 36px;
   margin-right: 1em;
   margin-bottom: 32px;
   zoom: 1;
   *display: inline;
}

p.sidehelp {
   min-height: 3em;
}

#SearchRightMenu {
   margin-top: 60px;
}

.searchResult {
   text-align: left;
   display: block;
   width: 100%;
   overflow: hidden;
   padding-top: 8px;
   padding-bottom: 8px;
}

.searchResult > a,
.searchResult > p > a {
   font-weight: bold;
   color: #265176;
   text-align: right;
}

.searchResult > p > a.searchResultTitle {
   display: block;
}

.searchResult > p {
   margin-right: 16px;
}

.searchResult > a,
.searchResult > p {
   display: inline-block;
   float: left;
   margin-top: 20px;
   zoom: 1;
   *display: inline;
}

.searchResult > a {
   width: 10%;
}

.searchResult > p {
   width: 25%;
}

.NoResults {
   padding-left: 20px;
   padding-bottom: 20px;
}

.searchResult > p.searchResultDescription {
   padding-left: 40px;
   width: 50%;
   margin-top: 0px;
}

.searchResult > p.searchResultDescription > a {
   line-height: 20px;
   text-align: left;
}

#SearchResults > p {
   display: inline-block;
   width: 100%;
   padding-left: 0px;
   background-image: none;
   margin-bottom: 16px;
   zoom: 1;
   *display: inline;
}

#Footer {
   display: inline-block;
   width: 100%;
   background-color: #CCC8C4;
   padding-top: 8px;
   margin: 0px;
   text-align: center;
   zoom: 1;
   *display: inline;
}

#Footer,
#Footer > a {
   color: #333333;
   font-size: 0.9em;
}

#Footer > a {
   font-weight: bold;
}

#Footer > a,
#Copyright {
   margin-left: 1em;
   margin-right: 1em;
}

.Pager {
   display: inline-block;
   width: 100%;
   background-color: #CCC8C4;
   font-weight: bold;
   padding-top: 4px;
   padding-bottom: 4px;
   zoom: 1;
   *display: inline;
}

.ExportOption {
   float: left;
   padding-left: 8px;
}

.ResultPerPageOption {
   float: right;
   padding-right: 8px;
}

.ResultPerPageOption > label {
   display: inline-block;
   margin-bottom: 4px;
   margin-right: 4px;
   font-size: 0.9em;
   zoom: 1;
   *display: inline;
}

.alt {
   background-color: #F2ECE5;
}

.SearchResults {
   margin-top: 1em;
   width: 100%;
}

.SearchResults h3
{
    font-weight: normal;
    margin-top: 0px !important;
}

.PermitSearchResults {
   width: 675px !important;
}

.PermitSearchResult {
   width: 675px;
}

.SearchResults table {
   border-collapse: collapse;
   border-spacing: 0;
}

.SearchResults td {
   vertical-align: top;
}

.SearchResultOddRow > td,
div.SearchResultOddRow {
   background-color: #F7F6F2 !important;
   border: 0;
}

div.SearchResultRowPadding {
   padding: 0.5em 0.5em 0.5em 0.5em !important;
}

.SearchResultEvenRow > td,
div.SearchResultEvenRow {
   background-color: #F2ECE5;
   border: 0;
}

td.SearchResultRow {
   padding-left: 1em;
}

.SearchResultTitle {
   width: 50em;
   max-width: 488px;
   padding: .75em 0 0 0;
   word-wrap: normal;
   white-space: normal;
}

.SearchResultTitle h3 {
   font-size: 1.1em;
   font-weight: bold;
   line-height: 1.125em;
   margin: 0;
}

.SearchResultTitle p {
   line-height: 1.2142em;
   margin: 0.1em 0 1em;
}

.SearchResultTitle h3 a {
   color: #265176;
   text-decoration: none;
   font-weight: bold;
}

.SearchResultTitle h3 a:hover {
   color: #C44500;
   font-weight: bold;
}

.SearchResultTitle b {
   font-weight: bolder;
}

.CaseSearchResultIntroduction {
   margin: 16px;
}

h3.CaseSearchResultIntroduction {
   margin-bottom: 4px;
}

p.CaseSearchResultIntroduction {
   margin-top: 4px;
}

.paging {
   width: 100%;
   margin: 0.4em 0 0.4em 0;
   clear: both;
}

.pager {
   text-align: center;
   line-height: 20px;
}

.pager > li {
   display: inline;
   color: #333333;
   background-color: transparent;
   border: none;
}

.pager > li > a {
   font-weight: bold;
   cursor: pointer;
   text-decoration: none;
   text-decoration: underline;
   color: #333333;
   padding: 0.1em 0.4em;
}

.pager > li > a:hover {
   background-color: #333333;
   color: #FFFFFF;
}

.pagerPrevious {
   margin-right: 10px;
   padding: 1px;
   background-repeat: no-repeat;
   background-position: center center;
}

.pagerNext {
   margin-left: 10px;
   padding: 1px;
   background-repeat: no-repeat;
   background-position: center center;
}

.pager > li > a.pagerNext:hover,
.pager > li > a.pagerPrevious:hover {
   background-color: transparent;
}

.pagerSpacer {
   padding: 1px;
}

.pagerItem {
   padding: 1px;
   text-decoration: none !important;
}

.pagerItemSelected {
   border: 1px solid;
   padding: 1px;
   text-decoration: none !important;
   font-weight: bold;
   background-color: #428BCA;
   border: 1px solid #357EBD;
   position: relative;
   color: #FFFFFF !important;
}

.pager > li > a.pagerItemSelected:hover {
   background-color: #428BCA;
   cursor: default;
}

.PermitWorkspacePagerAction {
   width: 100%;
   height: 4em;
   background-color: #FFFFFF;
   clear: both;
   position: relative;
}

.PermitWorkspacePagerActionLeft {
   position: absolute;
   top: 0px;
   left: 1em;
   white-space: nowrap;
   z-index: 1;
}

.PermitWorkspacePagerActionButtonLeft {
   position: absolute;
   left: 0.75em;
   bottom: -67px;
}

.PermitWorkspacePagerActionCenter {
   position: absolute;
   top: -2px;
   width: 100%;
   text-align: center;
   z-index: 0;
}

.PermitWorkspacePagerActionRight {
   position: absolute;
   top: 0px;
   right: 1em;
   white-space: nowrap;
   z-index: 1;
}

.PagerAction {
   display: block;
   height: 3em;
   background-color: #CCC8C4;
   padding: 0px;
   padding-top: 0.5em;
   overflow: hidden;
   margin: 0px !important;
   clear: both;
}

.PagerActionCurrentPageResults {
   display: inline;
   padding: 0px !important;
   padding-left: 1em !important;
   font-weight: bold;
   font-size: 1em !important;
   line-height: 100% !important;
   vertical-align: bottom;
   margin: 0px !important;
}

.PagerActionLeft {
   display: block;
   padding: 0px 0 0 2em;
   width: 50%;
}

.PagerActionOrder,
.PagerActionRight {
   float: right;
   margin-right: 1em;
}

.AlignRight {
   padding: 0 2em 0 0;
   text-align: right;
}

#NoticeFilter,
#ContactFilter {
   display: block;
   clear: both;
   margin: 0pm !important;
   padding: 0px !important;
}

#NoticeFilter input,
#NoticeFilter select,
#NoticeFilter .ui-selectmenu,
#NoticeFilter .ui-selectmenu:hover {
   margin: 0px !important;
   margin-right: 1em !important;
}

#NewsFilterTab {
   min-height: 20px;
}

.Filters {
   float: right;
}

.FilterSeparator {
   min-width: 2em;
}

.NewsText {
   margin-left: 1em;
   word-wrap: break-word;
}

.NewsText p,
.NewsText h4 {
   text-align: left;
}

.TabHeader {
   border-top: 1px solid #428BCA;
   margin: 0px;
   padding: 0px;
}

.ui-widget-header {
   background-color: #CCC8C4;
}

.ReferenceSearchListBox {
   width: 160px;
}

.ReferenceSearchListBox250 {
   width: 250px;
}

.tooltip {
   display: inline-block;
   *display: inline;
   zoom: 1;
   height: 16px;
   width: 32px;
   font-size: 1em;
   background-image: url("../Images/icon-question-black.png");
   background-repeat: no-repeat;
   background-position: left center;
   text-decoration: none !important;
}

.tooltip:hover {
   background-image: url("../Images/icon-question-purple.png");
   color: #C44500;
}

.InputFields {
   text-align: left;
   vertical-align: middle;
   overflow: auto;
   margin-top: 16px;
}

#SubmitNewsFilter {
   margin-left: 30px;
}

.InputFieldsColumn {
   display: block;
   float: left;
   margin-left: 4px;
   margin-right: 4px;
   margin-top: auto;
   margin-bottom: auto;
}

.InputFieldsColumn {
   width: 45%;
   vertical-align: top;
}

.InputFieldsColumnLeft,
.InputFieldsColumnRight {
   display: block;
   padding-left: 4px;
   padding-right: 4px;
   margin-top: auto;
   margin-bottom: 16px;
   width: 45%;
   vertical-align: top;
}

.InputFieldsColumnLeft {
   float: left;
   clear: left;
   margin-left: 16px;
}

.InputFieldsColumnRight {
   float: right;
   clear: right;
   margin-right: 16px;
}

.AppHeaderFields > label {
   width: 40%;
   float: left;
   clear: left;
   text-align: right;
   padding-right: 10px;
   margin-bottom: 0px;
}

.AppHeaderFields > span {
   display: inline-block;
   width: 55%;
   zoom: 1;
   *display: inline;
}

.WhiteInputFieldsColumnLeft {
   display: block;
   padding-left: 4px;
   padding-right: 4px;
   margin-top: 4px;
   margin-bottom: 16px;
   vertical-align: top;
   width: 330px;
   background-color: #FFFFFF;
}

.WhiteInputFieldsColumnLeft {
   float: left;
   clear: left;
}

.LogonFormContainer {
   position: relative;
   color: #000000;
   background-color: #F2ECE5;
   border: 1px solid #E3DCD4;
   padding: 1em;
   white-space: normal;
   text-align: center;
}

.LogonForm {
   display: inline-block;
   *display: inline;
   zoom: 1;
   text-align: left;
}

.Logon-form-validation-error {
   color: #CC0000;
   width: 450px;
   padding-left: 190px;
}

.ResetPassword,
.ChangePassword,
.Create,
.SetPassword,
.Importer {
   position: relative;
   display: inline-block;
   width: 100%;
   height: 100%;
   color: #000000;
   background-color: #F2ECE5;
   border: 1px solid #E3DCD4;
   padding: 1em;
   white-space: wrap;
   text-align: justify;
   margin: 1%;
   float: none;
}

.LabelFieldPair,
.LabelFieldPairShort {
   display: inline-block;
   vertical-align: middle;
   width: 99%;
}

.LabelFieldPair {
   margin-top: 16px;
}

.LabelFieldPairShort {
   margin-top: 2px;
}

.LabelFieldPair > label,
.LabelFieldPairShort > label {
   display: inline-block;
   width: 150px;
   margin-right: 8px;
   min-height: 10px;
   vertical-align: middle;
   zoom: 1;
   *display: inline;
}

.LabelFieldPair label .tooltip {
   margin-top: 0;
}

.LabelFieldPair > ul,
.LabelFieldPair > select,
.LabelFieldPair > input,
.LabelFieldPair > span,
.LabelFieldPair > textarea,
.LabelFieldPairShort > ul,
.LabelFieldPairShort > select,
.LabelFieldPairShort > input,
.LabelFieldPairShort > span {
   display: inline-block;
   margin: 0px;
   padding: 0px;
   zoom: 1;
   *display: inline;
}

.LabelFieldPair > ul > li {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

.MoreOptions {
   float: left;
}

#CaseHeaderTitle {
   margin-left: 1.2em;
   padding-top: 20px;
}

#PathwaySubHeading {
   font-size: medium;
}

#PathwaySubHeading > h3 {
   color: #265176;
}

#StandardQuestionDiv {
   max-height: 15em;
   overflow: auto;
}

.CurrentEvidence {
   background-image: url('../Theme/bg_arrows.png') !important;
   background-repeat: no-repeat !important;
   background-position: 1px -321px !important;
}

.CurrentEvidence a {
   color: #CC0000;
}

.Answered {
   background-image: url('../Images/Icons/Accept16x16.png');
   background-repeat: no-repeat;
   background-position: left;
}

.StandardQuestionAnswer.even {
   background-color: #F2ECE5;
}

.StandardQuestionAnswer.odd {
   background-color: #F2ECE5;
   background-image: url("../Theme/bg_table_odd.png");
   background-position: right center;
   background-repeat: no-repeat;
}

div.StandardQuestionAnswer {
   overflow: hidden;
}

.AnswerHelpIcon {
   margin-top: .3em;
   margin-right: .1em;
   width: 16px;
   height: 16px;
   border: 0px;
}

.AnswerHelpLink {
   border: 0px;
   float: right;
}

.TableHeader {
   background-color: #CCC8C4;
   text-align: center;
   font-weight: bold;
   padding: 3px;
}

.TableRow {
   background-color: #F7F6F2;
   text-align: left;
   border: 1px solid #d0d3d6;
   padding: 3px;
}

#EffectiveDate {
   display: inline-block;
   zoom: 1;
   *display: inline;
}

.PagerText,
form > label.PagerText {
   display: inline;
   font-size: 0.9em;
   margin-right: 0px !important;
   text-align: right !important;
   margin-bottom: 4px;
   width: auto !important;
}

.IconColumn a {
   width: 270px;
   float: left;
}

.NewsFilterTabCollection,
.ContactsFilterTabCollection {
   width: 100px;
}

#SubmitAsAtDate {
   margin-left: 30px;
}

#CreateNewsButton {
   float: right;
}

#parameters-save {
   letter-spacing: normal;
   float: right;
   margin-right: 4px;
   margin-bottom: 4px;
}

.floatRinline {
   float: right;
   display: inline;
   margin-top: 5px;
}

#FilterActiveDropdown {
   width: 84px;
   margin-right: 30px;
}

#MaintainNews #StartTime,
#MaintainNews #ExpiryTime {
   width: 60px;
}

#NoticeFilterText,
#ContactFilterText {
   width: 60% !important;
}

#AsAtDateForm {
   margin-top: 1em;
}

div.rightButtons {
   display: inline;
   float: left;
   clear: both;
   width: 100%;
   background-color: #F2ECE5;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
}

.ServiceRequestRequiredLabel {
   padding-left: 2em;
}

span.field-validation-valid {
   position: relative;
   top: 6px;
   font-weight: normal;
   font-size: 1.2em;
   color: #000000;
}

span.field-validation-error {
   position: relative;
   top: 6px;
   font-weight: bold;
   font-size: 1.2em;
   color: #CC0000;
}

div.validation-summary-errors {
   color: #CC0000;
   background-color: #F2DEDE;
   margin-bottom: 1em;
   border: 1px solid #ebccd1;
   border-radius: 4px;
}

div.validation-summary-errors:nth-child(2),
div.validation-summary-errors + div.validation-summary-errors
{
    position: relative;
    top: -2em;
    padding-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: none;
}

div.validation-summary-errors > ul > li {
   margin-left: 15px;
}

input#rightsave {
   float: right;
   margin-top: 1.5em;
}

input.rightsave {
   float: right;
   margin-top: 1.5em;
   margin-left: 1em;
}

div#rightsave {
   float: right;
   margin-top: 1.5em;
   margin-bottom: 1.0em;
}

.MatchingTariff {
   color: #265176;
   font-weight: bold;
   font-style: italic;
}

.HistoryListTitle {
   font-weight: bold;
   margin-bottom: 5px;
}

.ItemResults {
   background-color: #F2ECE5;
   margin-top: 0.8em;
   width: 100%;
   float: left;
   height: auto;
}

tr.ItemHeaderRow,
td.ItemHeaderRow {
   background-color: #FFFFFF;
   font-weight: bold;
   text-align: center;
}

tr.ItemRow,
td.ItemRow {
   background-color: #CCC8C4;
}

tr.ItemRowC,
td.ItemRowC {
   text-align: center;
}

tr.ItemRowRed0,
td.ItemRowRed0 {
   background-color: #E2DCD5;
}

tr.ItemRowRed1,
td.ItemRowRed1 {
   background-color: #F2DEDE;
}

td.ItemRowToRight {
   text-align: right;
}

.field-group {
   background-color: #FFFFFF;
   margin-top: 0.8em;
   width: 690px;
   float: left;
}

div#BaseButtons,
div#TabBaseButtons {
   margin-top: 8px;
   margin-bottom: 8px;
}

#ApplicationsTab {
   overflow: auto;
}

.ClearBoth {
   clear: both;
}

a.repeatable {
   font-weight: bold;
   text-decoration: underline;
   color: #000000;
}

input.StdColSortLabel {
   color: #000000;
   background-color: transparent;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   font-weight: bold;
   text-align: left;
   padding: 0px !important;
   margin: 0px !important;
}

.checkbox-column {
   width: 4em;
}

div.messages {
   background-color: inherit;
   display: block;
   float: none;
   width: 95%;
   overflow: hidden;
   text-align: left;
   margin-top: 1em;
}

table.transparent,
tr.transparent,
td.transparent {
   border-width: 0px;
   background-color: transparent;
   border-collapse: collapse;
}

.WarningsAndInformationHeading, .AepHeading  {
   padding-left: 1em !important;
}

.WarningsAndInformationIcon > img,
.AepIcon > img
 {
   width: 18px !important;
   height: 16px !important;
}

.WarningAndInformationCell, .AepCell {
   display: table-cell;
}

.WarningsAndInformationIcon,
.AepIcon {
   width: 50px !important;
   vertical-align: middle;
   padding-left: 0.5em;
}

ol.letterd {
   list-style-type: lower-alpha;
}

li.notes {
   margin-bottom: 6px;
}

col.col33 {
   width: 33%;
}

col.col67 {
   width: 67%;
}

table.ResultsTable {
   border-left: 4px solid #C0C0C0;
   border-top: 8px solid #C0C0C0;
   border-right: 4px solid #C0C0C0;
   border-bottom: 8px solid #C0C0C0;
}

.labelAlignToRight {
   display: inline-block;
   width: 15em;
   font-weight: bold;
   text-align: right;
   zoom: 1;
   *display: inline;
}

.dataAlignToRight {
   display: inline-block;
   width: 8em;
   text-align: right;
   zoom: 1;
   *display: inline;
}

.fullWidth {
   width: 100%;
}

#CorrespondenceSection a {
   text-decoration: underline;
   color: #265176;
}

#CorrespondenceSection a:hover {
   color: #2A6496;
}

#CorrespondenceTab {
   overflow: hidden;
}

.CorrespondenceImportant {
   font-weight: bold;
   color: #CC0000;
   float: left;
}

.CorrespondenceBox {
   border: 1px solid #428BCA;
   float: left;
   margin: 5px;
   padding: 15px;
   width: 95%;
}

.CorrespondenceBoxHead {
   padding: 8px;
}

.CorrespondenceIcon {
   width: 6%;
   height: 17px;
   float: left;
}

.CorrespondenceBoxContent {
   width: 92%;
   float: left;
}

.CorrespondenceStatus {
   float: left;
}

.CorrespondenceIncoming {
   background-image: url("../Images/incoming.png");
   background-repeat: no-repeat;
   width: 30px;
   float: left;
}

.CorrespondenceOutgoing {
   background-image: url("../Images/outgoing.png");
   background-repeat: no-repeat;
   width: 30px;
   float: left;
}

#ItemDetail .WhiteBox {
   float: left;
   width: 95%;
}

#CorrespondenceApplicationHeader {
   min-height: 100px;
}

.CorrespondenceRespondButton {
   float: right;
}

.CorrespondenceAttachment {
   padding-left: 40px;
}

.CorrespondenceTextArea {
   height: 200px !important;
   margin-left: 2%;
   width: 96%;
   display: inline-block;
}

div.BlockClearBoth {
   display: block;
   clear: both;
}

a.ApplicationsLink {
   text-decoration: none;
   color: #265176;
   font-size: 1em;
}

a.ApplicationsLink:hover {
   color: #C44500;
}

input.hidden {
   visibility: hidden;
}

div.errors {
   font-weight: bold;
   color: #CC0000;
}

.ContactDetailsInputFieldsColumnLeft,
.ContactDetailsInputFieldsColumnRight {
   display: block;
   padding-left: 4px;
   padding-right: 4px;
   margin-top: 4px;
   margin-bottom: 16px;
   vertical-align: top;
   width: 48%;
}

.ContactDetailsInputFieldsColumnLeft {
   float: left;
   clear: left;
}

.ContactDetailsInputFieldsColumnRight {
   float: right;
   clear: right;
}

.WhiteInputFieldsColumn {
   display: block;
   padding-left: 4px;
   padding-right: 4px;
   margin-top: 4px;
   margin-bottom: 16px;
   vertical-align: top;
   width: 95%;
   background-color: #FFFFFF;
}

.boldText {
   font-weight: bold;
}

#CostCentreChargeCodeDataTable {
   font-size: 9.5pt;
   width: 100%;
}

span.required {
   color: #CC0000;
   width: 10px;
}

span.notrequired {
   color: #CC0000;
   width: 10px;
}

.ContentBox {
   background-color: #CCC8C4;
   background-image: none;
   margin-right: 2px;
   margin-top: 0;
   overflow: auto;
   text-align: left;
   padding: 1em;
   border: 1px solid #428BCA;
}

p.TermsOfUse {
   margin: 5px;
   font-weight: bold;
   font-size: 0.80em;
}

div.TermsOfUse {
   margin-top: 10px;
}

.UserRegistratonHelpText {
   display: inline-block;
   color: #696970;
   text-align: left;
   font-size: 1em;
   margin: 2px;
   margin-top: 4px;
   zoom: 1;
   *display: inline;
}

a.regUniqueEmailError {
   color: #265176;
   text-decoration: underline;
}

a:hover.regUniqueEmailError {
   color: #265176;
   text-decoration: underline;
}

.contentDiv {
   background-color: #F2ECE5;
   margin-top: 0.8em;
   width: 100%;
   float: left;
   height: auto;
}

.contentRight {
   margin-left: 1%;
   margin-right: 1%;
   text-align: right;
}

#btnViewAll,
#btnOutstanding {
   color: #265176;
}

#btnViewAll:hover,
#btnOutstanding:hover {
   color: #C44500;
}

span.textlimited {
   font-size: 80%;
   background-color: transparent;
}

input.textlimited {
   font-size: 90%;
   background-color: transparent;
   margin-top: -8px;
   width: 20px;
   border-width: 0;
}

#txtFake {
   position: absolute;
   top: 0;
   left: 1em;
   z-index: 1;
}

.rcRefreshImage {
   padding: 1px;
   height: 30px;
   width: 30px;
   display: block;
   border: 0px;
   cursor: pointer;
   background: url('../Images/igc_RefreshButton.gif') center center no-repeat;
}

.rcCaptchaImage {
   float: left;
   margin-right: 4px;
}

.MatchedFieldDetails {
   display: inline-block;
   width: 90%;
   margin-left: 42px;
   margin-top: 10px;
}

.MatchedFieldDetailsHeader {
   display: block;
   font-size: 90%;
}

.MatchedFieldDetailsText {
   font-size: 80%;
}

.permitTypeCancel {
   float: left;
   text-align: left;
   margin-top: -2.3em;
}

.permitTypeBtnMargin {
   margin-top: 0.5em;
}


/***********************************************
* View Element Styles
***********************************************/

.ActivityRenderTable {
   border-collapse: collapse;
   border: none !important;
   width: auto;
}

.ActivityRenderTable td tr {
   border: none !important;
}

.ActivityRenderTable td {
   vertical-align: top;
   background-color: #FFFFFF;
   text-align: left;
   border: 1px solid #FFFFFF !important;

}

 .ActivityRenderTable td > p {
    margin: 0px;
 }

.ActivityProceduresBlock {
   display: inline-block;
   vertical-align: top;
   zoom: 1;
   *display: inline;
}

.ActivityProceduresLabel {
   display: inline;
   vertical-align: top;
}


/***********************************************
* Administration
***********************************************/

.form {
   float: left;
}

.editor {
   clear: none;
   margin: .2em 0;
   overflow: hidden;
   display: block;
   width: 100%;
}

.editor-label {
   float: left;
   vertical-align: middle;
   color: #2A6496;
   font-weight: bold;
   font-size: 1em;
   white-space: nowrap;
   margin-right: 1em;
   width: 10%;
}

.editor-field {
   margin-left: 10em;
   width: 70%;
   padding-bottom: 5px;
}

#parameters-form input {
   width: 18em;
}

.status-bar {
   color: #397A80;
}

form li {
   padding-right: 0;
}


/***********************************************
* Applications
***********************************************/

.contactUs {
   background-image: url("../Theme/bg_icons.png");
   background-repeat: no-repeat;
   background-position: 0 -360px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.contactUs:hover {
   background-image: url("../Theme/bg_icons.png");
   background-position: 0 -380px;
   color: #C44500;
}

div#contactUs {
   text-align: right;
   position: absolute;
   top: 40px;
   right: 10px;
}

div#MainContent {
   position: relative;
}

div.centeredDiv {
   text-align: center;
}

.create-or-add-to-application {
   padding: 0px;
   margin: 0px;
}

.create-or-add-to-application > span,
.create-or-add-to-application > button {
   margin: 0px !important;
   padding: 0px;
}

.create-or-add-to-application > span {
   padding-left: 1em;
   padding-right: 1em;
}

.file-upload-field-form-file-select > .ui-selectmenu {
   min-width: 10em;
}

.rightExportHyperlink {
   float: right;
   margin-right: 1em;
}
/***********************************************
* Dynamic Form
***********************************************/

div.MvcDynamicForm {
   background-color: #FFFFFF;
   margin-top: 0.8em;
   width: 690px;
   float: left;
}

div.MvcFieldWrapper {
   margin-bottom: 2em;
}

.MvcDynamicFieldError,
.MvcDynamicFieldError>label {
   color: #CC0000;
}

label.MvcDynamicFieldPrompt,
label.MvcDynamicFieldError {
   display: inline;
}

label.MvcDynamicFieldError {
   color: #CC0000;
}

ul.MvcDynamicOrientableList {
   list-style-type: none;
}

ul.MvcDynamicOrientableList label {
   display: inline;
}

ul.MvcDynamicHorizontal li {
   display: inline;
   margin-right: 1em;
}

.MvcDynamicListFieldInputLabelEven {
   background-color: #909090;
}

.field-group {
   font-weight: bold;
   margin-top: 0.8em;
   width: 690px;
   float: left;
}


/***********************************************
* QAP
***********************************************/

label.bold {
   font-weight: bold !important;
}

.centeredText {
   text-align: center;
}

.qapShortField {
   width: 20em;
}

.qapField {
   width: 24em;
}

.qapLabel {
   display: inline-block !important;
   width: 12em !important;
   padding-left: 1em;
   font-weight: normal;
   text-align: left;
}

label.indented {
   display: inline-block !important;
   width: 5em !important;
   padding-left: 1em;
   font-weight: normal;
   text-align: left;
}

label.QAPClassindented {
   display: inline-block !important;
   width: 8.5em !important;
   padding-left: 1em;
   font-weight: normal;
   text-align: left;
}

/***********************************************
* Search
***********************************************/

.ImportDestination {
   float: right;
}

.SearchResultHead {
   float: left;
}

.EffectivePeriod {
   float: right;
   word-wrap: normal;
}

.Summary {
   clear: both;
}

.OpenTo {
   float: right;
}

.MatchedFieldDetails {
   float: left;
}

.SearchResultImage {
   width: 18px;
   height: 18px;
}

input.lookslikelink {
   color: #000000;
   background-color: transparent;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   font-weight: bold;
}

input.lookslikelink:hover {
   color: #000000;
   background-color: transparent;
   text-decoration: none;
   border: none;
   cursor: pointer;
   font-weight: bold;
}

input.lookslikelink:focus {
   color: #000000;
   background-color: transparent;
   text-decoration: underline;
   border: 1px dotted #CC0000;
   cursor: pointer;
   font-weight: bold;
}

div.pagebuttons {
   display: inline;
   float: right;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 4px;
   padding-right: 4px;
   margin: 0px;
}

span.SearchText {
   display: block;
   overflow: hidden;
}

.primary-search-input {
   display: table;
   table-layout: auto;
   width: 100%;
   padding: 0px;
}

.searchTextField {
   display: table-cell;
   margin: 0px !important;
   width: 100% !important;
   vertical-align: middle;
}

.searchTextFieldsmall
{
   margin: 0px !important;
   width: 100% !important;
   vertical-align: middle;
}

.searchTextFieldforBrokerPage {
   margin: 0px !important;
   width: 100% !important;
}

.rightAlignSearchFields {
   display: table-cell;
   width: 5em;
   vertical-align: top;
}

.rightAlignSearchFieldsforBrokerPage {
   float: right;
   margin-left: 10px;
}

.tarrif-input {
   display: table-cell;
   vertical-align: bottom;
}

.rightAlignSearchFields > * {
   margin: 0px !important;
   margin-left: 1em !important;
}

.advancedSearch {
   float: right;
   margin-top: 16px;
   clear: both;
   cursor: pointer;
   color: #265176 !important;
}

#ExtendedOptions {
   display: block;
   overflow: hidden;
   padding: 0px;
}

.tariffCodeField {
   width: 96px !important;
   display: inline !important;
   margin: 0px !important;
   margin-left: 1em !important;
}

.searchParameterHeadingBold {
   font-weight: bold;
}

.searchParameterColumn {
   display: block;
   vertical-align: top;
   float: left;
   margin-right: 24px;
}

.searchParameterHeading {
   margin-left: 1em;
   vertical-align: top;
}

.searchParameterColumn ul > li {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

.searchParameterColumn ul {
   margin: 0px;
   padding: 0px;
   zoom: 1;
   *display: inline;
}

.snSearch {
   padding-top: 10px;
   clear: both;
   text-align: center;
}

select.snListBox {
   width: 372px !important;
   height: 150px !important;
}

.btn-move {
   margin-top: 5px;
}

.LessOptions,
.ReferenceLessOptions,
.ScientificNameLessOptions,
.TariffSearchLessOptions {
   display: none;
}

.case-search-scenarioOutcomeInformation {
    font-weight: bold;
    margin-left: 1em;
}


/***********************************************
* View Case Case Pathways
***********************************************/

.casePathways {
   list-style-type: decimal;
}

.CasePathway p {
   text-align: left;
   margin: 0px;
}

.CasePathway td {
   vertical-align: middle;
}

.condition-link-column {
   width: 12em !important;
}

.condition-link-column > p > a.icon-left,
.condition-link-column > p > a.icon-right {
   white-space: nowrap !important;
}

.casePathwaysLevel1 {
   list-style-type: lower-alpha;
}

.casePathwaysLevel2 {
   list-style-type: lower-roman;
}

.casePathwaysLevel3 {
   list-style-type: upper-alpha;
}

.casePathwaysLevel4 {
   list-style-type: upper-roman;
}

.casePathwayLevel1 > .casePathwayLink,
.casePathwayLevel1 > .casePathwayText {
   font-weight: bold;
}

.casePathwayLevel2 > .casePathwayLink,
.casePathwayLevel2 > .casePathwayText {
   font-weight: bold;
   font-style: italic;
}


/***********************************************
* View Case Layout
***********************************************/

div#ViewCase {
   width: 100%;
   overflow: visible;
}

div#CaseContent {
   padding: 16px;
   padding-right: 216px;
}

div#CaseSideMenu {
   float: right;
   width: 200px;
   white-space: nowrap;
   overflow: visible;
}


/***********************************************
* View Case Shared
***********************************************/

.list-heading,
.list-heading-bold {
   margin-bottom: 0px;
}

.list-heading-bold {
   font-weight: bold;
}

.list-heading+ul,
.list-heading-bold+ul {
   margin-top: 0px;
}

.case-description-container {
   border-style: solid;
   border-width: thin;
   border-color: Gray;
   padding: 0px 0px 1em 1em;
}


/***********************************************
* Case Export Options
***********************************************/

div.CaseExportOptions {
   width: 42em;
}

div.CaseExportOption {
   float: left;
   width: 20em;
   font-weight: normal;
}


/***********************************************
* View Case Element
***********************************************/

#ViewElement {
   padding: 1em;
}


/***********************************************
* View Case Side Menu
***********************************************/

span.bold {
   font-size: medium;
}


/***********************************************
* View Case Notice Element
***********************************************/

#NoticeHeader {
   padding: bottom 5em;
   margin-bottom: 1em;
   white-space: normal;
   font-size: 0.9em;
}


/***********************************************
* View Element
***********************************************/

div.elementType {
   font-weight: bold;
   margin-bottom: 8px;
}

*>div.title {
   display: block;
   font-size: medium;
   font-weight: bold;
   margin-right: 8px;
}

.Warning {
   list-style-type: none;
   list-style-image: url("Images/alert.jpg");
}

.Information {
   list-style-type: none;
   list-style-image: url("Images/information.gif");
}

*>div.contents,
*>div.description {
   margin-top: 8px;
}

div.Information,
div.Warning {
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 24px;
   margin-top: 24px;
}

div.Information {
   background-image: url("Images/information.gif");
}

div.Warning {
   background-image: url("Images/alert.jpg");
}

p.Reference,
.RelatedInformation {
   line-height: 100%;
   margin: 0px;
   padding: 0px;
}

p.ElementId {
   line-height: 100%;
   margin-top: 8px;
   margin-bottom: 8px;
}

ul.WarningAndInformationNotices {
   border: 3px solid #000000;
   padding: 6px 10px 2px 30px;
   margin-left: 0px;
}

ul.WarningAndInformationNotices > li {
   padding-left: 6px;
}

div.WarningAndInformationNotices {
   border: 3px solid #CCCCCC;
   padding: 16px;
   padding-top: 0px;
}

div.WarningAndInformationNotices > .WarningAndInformationNotices {
   border: 0px;
   padding: 0px;
   margin: 0px;
}

ol.WhatsChangedNotices > li {
   padding-bottom: 6px;
}

table.navigation {
   margin-top: 4px;
}

table.navigation,
tr.navigation,
th.navigation,
td.navigation {
   border: 1px solid #000000;
}

td.navigation {
   background-color: #FFFFFF;
}

.permit-required-condition::after {
   display: block;
   content: 'Permit required';
   color: #000000;
   padding-left: 32px !important;
   padding-right: 8px !important;
   background-repeat: no-repeat;
   background-position: center left;
   background-image: url('../Images/icon-file-red.png');
   text-decoration: none !important;
   cursor: default;
   margin-top: 0.25em;
}

/***********************************************
* QA
***********************************************/

div.StandardQuestionAnswer {
   overflow: hidden;
   margin: 2px 0 2px 0;
}

div.StandardQuestionAnswer label {
   float: left;
}

div.StandardQuestionAnswer.even {
   background-color: #FFFFFF;
}

div.StandardQuestionAnswer.odd {
   background-color: #CCC8C4;
}

div#StandardQuestionDiv {
   max-height: 10em;
   overflow: auto;
}

span.AnswerHelp {
   float: right;
}

img.AnswerHelpIcon {
   margin-top: .3em;
   margin-right: .1em;
   width: 16px;
   height: 16px;
   border: 0px;
}

a.AnswerHelpLink {
   border: 0px;
   float: right;
}

div. {
   width: 40em;
   float: left;
}

span.DocumentRow {
   float: left;
   width: 23em;
}

div.CurrentEvidence {
   background-color: #FFFCC7;
}

span.Onshore {
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 1.5em;
}

.media-group-preamble-for-evidence-questions {
   background-color: #E2DCD5;
   padding: 0.5em !important;
   margin: 0px;
}

.evidence-question-content {
   background-color: #E9E5DC;
   border-top: 1px solid #D9D5CC;
   padding: 0.5em !important;
   margin: 0px;
}

.selected-answers-title {
   margin: 0px !important;
   margin-left: 0.5em !important;
   margin-bottom: 0.5em !important;
}


/***********************************************
* Documentary Evidence
***********************************************/

span.Document {
   background-image: url("../Images/Icons/document-icon20x20.png");
   background-position: right center;
   background-repeat: no-repeat;
   padding-right: 1.5em;
}

div.scroll {
   height: 200px;
   overflow: auto;
   border: 1px solid #666;
   padding: 8px;
}


/***********************************************
* Accept Terms of Use
***********************************************/

.fieldset {
   margin: auto;
}

.topleft {
   width: 30px;
   font-size: 0;
   height: 18px;
   float: left;
}

.topright {
   width: 100%;
   float: left;
   font-size: 0;
   height: 18px;
   border-bottom: 1px solid #000000;
}


/***********************************************
* jQuery tab styles
***********************************************/

.TabCollection > .ui-widget-header {
   background-color: transparent;
   border: none;
   margin: 0px;
   padding: 0px;
}

.TabCollection {
   clear: both;
   background-image: none;
   background-color: transparent;
   padding: 0px;
   border: none;
}

.SearchTabCollection {
   height: 100%;
   padding-top: 1em;
   padding-bottom: 0px;
}

.SearchTabHeader {
   min-width: 128px;
}

.TabContent {
   border: 0px;
   background-image: none;
   margin-top: 0px;
   text-align: left;
   overflow: auto;
   clear: both;
}

.TabHeader {
   border: 0px;
   margin: 0px;
   font-weight: bold;
}

.ui-widget-header {
   border: 0px;
   background-color: transparent;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
   color: #000000;
   text-decoration: none;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.ui-tabs-selected a,
.ui-tabs-selected a:link,
.ui-tabs-selected a:visited {
   color: #FFFFFF;
   text-decoration: none;
}

.ui-tabs .ui-tabs-nav {
   margin: 0px;
   padding: 0px;
}

.ui-tabs .ui-tabs-nav li {
   margin: 0px;
   border-bottom: 0px none !important;
   padding: 0px;
   list-style: none outside none;
   white-space: nowrap;
   top: 1px;
   position: relative;
   float: left;
   text-align: center;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.ui-tabs .ui-tabs-panel {
   display: block;
   border-top: 2px solid #000000;
   padding: 1em 1.4em;
   background: #F2ECE5;
}

.ui-widget-content .ui-state-active {
   border: 0px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
   background: none;
   color: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
   border: 0px;
   background-color: #F2ECE5;
   font-weight: normal;
   color: #000000;
}

.ui-widget-content .tab-alt,
.ui-widget-header .tab-alt {
   background-color: #CCC8C4;
}

.ui-state-active,
.ui-state-focus,
.ui-state-active .tab-alt,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
   border: 0px;
   background: #000000;
   font-weight: normal;
   color: #FFFFFF;
}


/***********************************************
* Non JS Tabs
***********************************************/

.non-js-tabs {
   zoom: 1;
   width: 100%;
   margin: 0px;
   padding: 0px;
   clear: both;
   border: none;
}

.non-js-tabs > a {
   display: inline-block;
   *display: inline;
   zoom: 1;
   padding: 0.8em;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   color: #333333;
   font-weight: bold;
   font-size: 0.9em;
   background-color: #E2DCD5;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.non-js-tabs > a:first-child+a,
.non-js-tabs > a:first-child+a+a+a,
.non-js-tabs > a:first-child+a+a+a+a+a,
.non-js-tabs > a:first-child+a+a+a+a+a+a+a,
.non-js-tabs > a:first-child+a+a+a+a+a+a+a+a+a {
   background-color: #CCC8C4;
}

.non-js-tabs > a:hover,
.non-js-tabs > a:active {
   text-decoration: none;
}

.non-js-tabs > a.tab-selected {
   background-color: #000000 !important;
   color: #FFFFFF;
   cursor: default;
}

.non-js-tabs > div {
   display: block;
   border-top: 2px solid #000000;
   padding: 1em 1.4em;
   background: #F2ECE5;
}


/***********************************************
* Page headings Sub headings
***********************************************/

.ElementViewSubHeader {
   margin: 0 3em 0 3em;
   border: 2px solid #F2ECE5;
   padding: 0.5em 0.5em 0.5em 0.5em;
}

.ElementViewContext {
   margin: 0 3em 0 3em;
}


/***********************************************
* Notices
***********************************************/

.notice-summary {
   display: block;
   position: relative;
   text-align: left;
   border: 1px solid;
   padding: 1em;
   color: #FFFFFF;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
}

.notice-summary > a {
   position: absolute;
   right: 1em;
   top: 2.5em;
   width: auto !important;
   color: #FFFFFF;
   text-align: right;
}

.alert-notice-summary {
   background-color: #C44500;
   border-color: #a22400;
}

.change-notice-summary {
   background-color: #397A80;
   border-color: #185a5d;
}

.notice-summary-count {
   display: block;
   clear: both;
   font-size: 2em;
}

.news-item-collection {
   display: inline-block;
   position: relative;
   width: 100%;
   padding: 0px;
   margin: 0px;
   clear: both;
}

.news-item {
   position: relative;
   display: block;
   margin: 0px;
   margin-bottom: 1em;
   border: 1px solid #D2CCC5;
   padding: 0.5em;
}

.news-item-date {
   display: block;
   color: #606060;
   font-size: 0.9em;
   margin-bottom: 0.25em;
   font-weight: bold;
}

.news-item-content 
{
   padding-left: 1em;
   margin-right: 1em;
}

/***********************************************
* Alerts, Changes, News
***********************************************/

.alert {
   margin-top: 0.5em;
   clear: both;
}

.NoticesNewsWidth100 {
   width: 100% !important;
}

.NoticesNewsMarginLeft {
   margin-left: 1em;
}


/***********************************************
* All Areas with Icon Titles
***********************************************/


.body-Subscription-UnsubscribeSubscription > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Subscription-Index > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-UserPreferences-ListSubscriptions > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-Index > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-Edit > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-DisplayChangePassword > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-LogOn-Index > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-LogOn-LogOn > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Externaluser-ResetPassword > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Form-ApplicationFormItem > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-MyPreferences-Index > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-MyPreferences-EditSelectedAnswers > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-List > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-EditBrokerAccountDetails > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-VerifyAndEditBrokerDetails > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-ConfirmNewUser > .biconContentContainer > .biconContent > #PageSectionHeading, 
.body-Account-PerformUpdateAdministratorPrivileges > .biconContentContainer > .biconContent > #PageSectionHeading, 
.body-Account-UpdateAdministratorPrivileges > .biconContentContainer > .biconContent > #PageSectionHeading {
   background-position: 0px 1px;
   padding-top: 0px;
   padding-left: 35px;
}

.body-Subscription-UnsubscribeSubscription > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Subscription-UnsubscribeSubscription > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Subscription-Index > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Subscription-Index > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-UserPreferences-ListSubscriptions > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-UserPreferences-ListSubscriptions > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Account-Index > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-Index > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Account-Edit > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-Edit > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Account-DisplayChangePassword > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-DisplayChangePassword > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-LogOn-Index > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-LogOn-Index > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-LogOn-LogOn > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-LogOn-LogOn > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-ExternalUser-DisplayChangePasswordWithId > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-ExternalUser-DisplayChangePasswordWithId > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-ExternalUser-ChangePassword > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-ExternalUser-ChangePassword > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Externaluser-DisplayResetPassword > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Externaluser-DisplayResetPassword > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Externaluser-ResetPassword > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Form-ApplicationFormItem > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-MyPreferences-Index > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-MyPreferences-Index > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-MyPreferences-EditSelectedAnswers > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-MyPreferences-EditSelectedAnswers > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Externaluser-ResetPassword > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Form-ApplicationFormItem > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Account-List > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-List > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Account-EditBrokerAccountDetails > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-EditBrokerAccountDetails > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Account-VerifyAndEditBrokerDetails > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-VerifyAndEditBrokerDetails > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Account-ConfirmNewUser > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-ConfirmNewUser > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Account-PerformUpdateAdministratorPrivileges > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-PerformUpdateAdministratorPrivileges > .biconContentContainer > .biconContent > #PageSectionHeading+p,
.body-Account-UpdateAdministratorPrivileges > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-UpdateAdministratorPrivileges > .biconContentContainer > .biconContent > #PageSectionHeading+p {
   background-color: transparent;
}


/***********************************************
* Area Specific Icon Titles
***********************************************/

.body-Subscription-UnsubscribeSubscription > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Subscription-Index > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-UserPreferences-ListSubscriptions > .biconContentContainer > .biconContent > #PageSectionHeading
 {
   background-image: url('../Images/icon-feed-red.png');
}

.body-Account-Index > .biconContentContainer > .biconContent > #PageSectionHeading {
   background-image: url('../Images/icon-user-red.png');
}

.body-Account-Edit> .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-DisplayChangePassword> .biconContentContainer > .biconContent > #PageSectionHeading {
   background-image: url('../Images/icon-user-details-red.png');
}

.body-LogOn-Index > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-LogOn-LogOn > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Externaluser-ResetPassword > .biconContentContainer > .biconContent > #PageSectionHeading {
   background-image: url('../Images/icon-padlock-red.png');
}

.body-Form-ApplicationFormItem > .biconContentContainer > .biconContent > #PageSectionHeading {
   background-image: url('../Images/icon-file-red.png');
}

.body-MyPreferences-Index > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-MyPreferences-EditSelectedAnswers > .biconContentContainer > .biconContent > #PageSectionHeading {
   background-image: url('../Images/icon-user-prefs-red.png');
}

.body-Account-List > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-EditBrokerAccountDetails > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-VerifyAndEditBrokerDetails > .biconContentContainer > .biconContent > #PageSectionHeading, 
.body-Account-ConfirmNewUser > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-PerformUpdateAdministratorPrivileges > .biconContentContainer > .biconContent > #PageSectionHeading,
.body-Account-UpdateAdministratorPrivileges > .biconContentContainer > .biconContent > #PageSectionHeading {
   background-image: url('../Images/icon-sysadmin-grey.png');
}


/***********************************************
* Side Menus
***********************************************/

.area-with-side-menu {
   display: table;
   clear: both;
   padding: 0px;
   margin: 0px;
   width: 100%;
}

.not-in-side-menu {
   display: table-cell;
   padding: 1em;
}


.side-menu {
   display: table-cell;
   width: 285px;
   padding: 1em;
}

.side-menu > li {
   list-style-type: none;
   text-align: left;
   background-color: #F2ECE5;
   padding-left: 1em !important;
   padding-top: 0.3em;
   padding-bottom: 0.3em;
}

.side-menu > li,
.side-menu > li > a,
.side-menu > li > a:hover,
.side-menu .button-as-hyperlink {
   color: #333333;
}

.side-menu > li > form,
.side-menu > li > form > input,
.side-menu > li > form > button {
   display: inline !important;
   margin: 0px !important;
}

.side-menu > li > a {
   display: inline-block;
   *display: inline;
   zoom: 1;
   width: 100%;
   margin: 0px;
}

.side-menu-header {
   margin-top: 0.5em !important;
   margin-bottom: 0.5em !important;
}

li.side-menu-header {
   padding-left: 32px !important;
}

.side-menu > li:first-child+li,
.side-menu > li:first-child+li+li+li,
.side-menu > li:first-child+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.side-menu > li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {
   background-color: #E2DCD5;
}

.side-menu-header,
.side-menu-header > a {
   background-color: #FFFFFF !important;
   font-weight: bold;
}

.side-menu-header > a.button-as-hyperlink {
   font-weight: normal;
   color: #265176;
   font-size: 1em;
   cursor: pointer;
   white-space: nowrap !important;
   overflow: visible !important;
   width: auto !important;
   text-decoration: underline;
   border-radius: 0px !important;
   padding: 0px;
   margin: 0px;
}

.side-menu > li.icon-left {
   background-position: left 0.35em;
}

.side-menu > li > a.icon-left {
   background-position: left 0.1em;
}

.side-menu > li.icon-right {
   background-position: right 0.35em;
}

.side-menu > li > a.icon-right {
   background-position: right 0.1em;
   padding-left: 0px !important;
}

.side-menu > .button-as-hyperlink {
   color: #333333;
   margin-left: 0px;
}

.side-menu > .button-as-hyperlink:hover {
   color: #333333;
}

.side-menu > li > form > .icon-left,
.side-menu > li > .icon-left {
   background-position: -8px center !important;
   padding-left: 24px !important;
}


/***********************************************
* Alternating Rows
***********************************************/

.alternating-rows {
   display: inline-block;
   *display: block;
   zoom: 1;
   width: 100%;
   clear: both;
   background-color: #F7F6F2;
   padding: 0px;
   margin: 0px;
}

div.alternating-rows {
   display: inline-block;
   *display: block;
   zoom: 1;
   width: 100%;
   clear: both;
   background-color: #F2ECE5;
   padding: 0px;
   margin: 0px;
}

.alternating-rows > div {
   padding: 0.5em;
   margin: 0px;
}

.alternating-rows > div.force-alternating-row-colour,
.alternating-rows > div:first-child+div,
.alternating-rows > div:first-child+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div,
.alternating-rows > div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div {
   background-color: #F7F6F2;
}

.alternating-rows > tr.force-alternating-row-colour,
.alternating-rows tr:nth-child(even),
.alternating-rows tr:first-child+tr,
.alternating-rows tr:first-child+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.alternating-rows tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {
   background-color: #F2ECE5 !important;
}

.alternating-rows > li.force-alternating-row-colour,
.alternating-rows li:first-child+li,
.alternating-rows li:first-child+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
.alternating-rows li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {
   background-color: #F2ECE5 !important;
}

.alternating-rows > li {
   list-style: none;
   list-style-type: none;
   text-align: left;
   padding: 0.25em;
}

select.alternating-rows {
   border: 1px solid #D2CCC5;
   background-color: #FFFFFF;
}

select.alternating-rows > option {
   background-color: #E2DCD5;
}

.alternating-rows > option.force-alternating-row-colour,
.alternating-rows option:first-child+option,
.alternating-rows option:first-child+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option,
.alternating-rows option:first-child+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option+option {
   background-color: #F7F6F2 !important;
}


/***********************************************
* Inline Forms
***********************************************/

.contains-inline-forms > form {
   display: inline;
}


/***********************************************
* Tiny MCE
***********************************************/
div.mce_forecolor td > a,
div.mce_forecolor th > a,
table.mceLayout td > a,
table.mceLayout th > a
{
   display: block !important;
   margin-right: 1px !important;
   padding: 0px !important;
}

table.mceLayout, table.mceLayout > tbody, 
table.mceToolbar, table.mceToolbar > tbody{
    display: table !important;
    table-layout: auto !important;
    width: 100% !important;
}

table.mceToolbar, table.mceToolbar > tbody
{
    width: auto !important;
}

table.mceToolbar, table.mceToolbar > tbody > tr 
{
    display: table;
}


table.mceListBox td > a 
{
    padding-left: 10px !important;    
}

.mceOpen 
{
    margin-right: 10px!important;
    height: 18px;
    padding-bottom: 1px !important;
}

.mceContentBody {
   background-color: #FFFFFF;
   text-align: left;
}


/***********************************************
* Disabled Appearance
***********************************************/

.disabled,
.disabled:hover {
   text-decoration: none !important;
   color: #909090 !important;
   cursor: default;
}


/***********************************************
* Expandables
***********************************************/

.expandable {
   display: inline-block;
   *display: block;
   zoom: 1;
   width: 100%;
   clear: both;
   border: 1px solid #D2CCC5;
   padding: 0px;
   margin: 0px;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   overflow: hidden;
}

.expandable-header,
.expandable-content {
   padding: 0.5em;
   padding-left: 1em;
   padding-right: 1em;
   margin: 0px;
}

.expandable-content {
   padding: 1em;
}

.expandable-header {
   background-color: #F2ECE5;
   position: relative;
   cursor: pointer;
}

.expandable-content {
   border-top: 1px solid #D2CCC5;
}

.expandable-icon {
   position: absolute;
   display: block;
   width: 18px;
   height: 16px;
   right: 1em;
   top: 0.5em;
   color: #CC0000;
   background-position: center center;
   background-repeat: no-repeat;
   cursor: pointer;
}

.expandable-expand-icon {
   background-image: url('../Images/icon-add-dark.png');
}

.expandable-contract-icon {
   background-image: url('../Images/icon-remove-dark.png');
}

.expandable-header > h1,
.expandable-header > h2,
.expandable-header > h3,
.expandable-header > h4,
.expandable-header > h5 {
   margin: 0px;
   margin-bottom: 0.25em;
}

.expandable-switch {
   cursor: pointer;
}


/***********************************************
* Withdraw applications
***********************************************/

.WithdrawButton {
   width: 95%;
   text-align: right;
}

.label-auto {
   width: auto;
}


/***********************************************
* Permit Overview
***********************************************/

.permit-overview-emphasised, .permit-overview-permit-status 
{
    font-size: 1.15em !important;
}

.permit-overview-permit-status 
{
    padding: 0px;
    padding-top: 0.8em;
    display: block;
    position: absolute;
    width: 20%;
    left: 40%;
    text-align: center;
    white-space: nowrap;
}

.permit-overview-emphasised
{
    font-weight: bold;
}

.permit-overview-information[permitstatus] {
    background-position-x: center;
    background-position-y: center;
    background-size: 30em 30em;
    background-repeat: no-repeat;
}


.permit-overview-information[permitstatus="Expired"] {
    background-image:url('./Images/PermitStatus/expired.png');
}

.permit-overview-information[permitstatus="Revoked"] {
    background-image:url('./Images/PermitStatus/revoked.png');
}

.permit-overview-information[permitstatus="Suspended"] {
    background-image:url('./Images/PermitStatus/suspended.png');
}

.permit-overview-information[permitstatus="Varied"] {
    background-image:url('./Images/PermitStatus/varied.png');
}


/***********************************************
* Apply for New Permit
***********************************************/

.application-for-permit-title {
   float: left;
}

.application-for-permit-top-links {
   margin-top: 2.2em;
   float: right;
   white-space: nowrap;
}


/***********************************************
* Permit History
***********************************************/

.permit-history-area {
   white-space: nowrap;
   overflow: auto;
   min-width: 100%;
   display: block;
   padding: 2em;
   padding-top: 7em;
   border: 2px solid #E2DCD5;
   height: 40em;
}

.permit-history-item {
   font-size: 1em;
   font-family: georgia, times new roman, palatino, times, bookman, serif;
   white-space: normal !important;
}

.permit-history-area ul {
   display: inline;
   vertical-align: top;
   border-collapse: collapse;
   padding: 0;
   margin: 0;
}

.permit-history-area li > ul {
   display: inline-block;
}

.permit-history-area li {
   border-collapse: collapse;
   text-align: left;
   background-image: url('../Images/arrow-right.png');
   background-position: left 0;
   background-repeat: no-repeat;
   list-style-image: none;
   list-style: none;
   vertical-align: top;
   padding: 0;
   margin: 0;
   overflow: visible;
   padding-left: 5em;
   height: 2em;
}

.permit-history-area li > a {
   display: inline-block;
   padding: 0;
   padding-left: 2em;
   margin: 0;
   background-repeat: no-repeat;
   background-position: 0 0;
   overflow: visible;
   vertical-align: top;
   position: relative;
   width: 32px;
   height: 32px;
}

.permit-history-area li.ph-application > a {
   background-image: url('../Images/icon-application.png');
}

.permit-history-area li.ph-assessment > a {
   background-image: url('../Images/icon-assessment.png');
}

.permit-history-area li.ph-variation-request > a {
   background-image: url('../Images/icon-variation-request.png');
}

.permit-history-area li.ph-permit > a {
   background-image: url('../Images/icon-file-black.png');
}

.permit-history-area li.ph-permit-active > a {
   background-image: url('../Images/icon-file-red.png');
}

.permit-history-area li > a > span {
   display: inline-block;
   padding: 0;
   margin: 0;
   overflow: visible;
   vertical-align: top;
   position: absolute;
   left: 30px;
   bottom: -15px;
   width: 135px;
   height: 120px;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476);
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476)";
}

.permit-history-area li.ph-leaf-node > a > span {
   left: 25px;
   bottom: 15px;
   height: 1.4em;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   filter: none;
   -ms-filter: none;
}

.permit-history-area li > ul.ph-multiple-children {
   background-image: url('../Images/arrow-right-vertical-line.png');
   background-position: left 0;
   background-size: 78px 100%;
   background-repeat: repeat-y;
}

.permit-history-area ul > li:first-child {
   background-image: url('../Images/arrow-right-list-first.png');
}

.permit-history-area ul > li.ph-last-child {
   background-image: url('../Images/arrow-right-list-last.png');
}

.permit-history-area li + li {
   background-image: url('../Images/arrow-right-list.png');
   background-position: left 0;
   background-repeat: no-repeat;
}

.permit-history-area > ul > li:first-child {
   background-image: none !important;
   padding-left: 0;
}

.ph-selected {
   font-weight: bold;
   font-size: 1em;
}

.ph-go-to-link {
   float: right;
}

.ph-internal-variation-request 
{
    color: #000000 !important;
}

/***********************************************
* User Preferences
***********************************************/

.user-preferences-print-options label {
   white-space: nowrap;
}

.user-preferences-print-options .column {
   text-align: left !important;
   white-space: nowrap;
   overflow: visible;
}


/***********************************************
* JavaScript only content
***********************************************/

.show-if-javascript-enabled {
   display: none;
}


/***********************************************
* Picklists
***********************************************/

.picklist {
   clear: both;
   display: block;
   position: relative;
   margin: 0px;
   padding: 0px;
   text-align: center;
}

.picklist-from-selectbox 
{
    text-align: left;
}

.picklist > div {
   position: relative;
   display: inline-block;
   *display: block;
   zoom: 1;
   margin: 0px !important;
   padding: 0px !important;
   height: 15em;
}

.picklist-from-selectbox > div
{
    height: auto;
}

.picklist-from-selectbox > div.picklist-from 
{
    height: auto;
    max-height: 30em;
    background-color: transparent !important;
    border: none !important;
    margin-bottom: 1em !important;
}

.picklist-from-selectbox-filter-section 
{
    display: block !important;
    width: 100% !important;
}

.picklist-from-selectbox-filter-section > label 
{
    display: inline !important;
    width: auto;
    vertical-align: middle;
}

.picklist-from-selectbox-filter-section > input 
{
    display: inline !important;
}

.picklist > div > input,
.picklist > div > button,
.picklist > div > label,
.picklist > div > select,
.picklist > div > h2,
.picklist > div > h3 {
   margin: 0px !important;
   padding: 0px !important;
}

.picklist-from-selectbox > div.picklist-from > div.scrollable > div > input 
{
    margin-right: 0.5em !important;
}

.picklist > div.picklist-from,
.picklist > div.picklist-to {
   width: 40%;
   padding-top: 0.4em !important;
   background-color: #F7F6F2;
   border: 1px solid #AAAAAA;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   overflow: hidden;
}

.picklist > div.picklist-to-with-buttons 
{
    width: 57%;
    border: none;
    background-color: transparent;
}

.picklist-from-selectbox > div > h3 
{
    margin-left: 1em !important;
    margin-bottom: 0.5em !important;
}

.picklist-from > select,
.picklist-to > select {
   position: absolute;
   bottom: 0px;
   display: block;
   border-top: 1px solid #AAAAAA;
   width: 100% !important;
   height: 14em !important;
   padding: 1em !important;
   color: #333;
}

.picklist-from > select > option,
.picklist-to > select > option {
   font-size: 1em !important;
}

.picklist-from {
   float: left;
}

.picklist > div.picklist-buttons {
   padding-top: 4.5em !important;
}

.picklist > div > input,
.picklist > div > button {
   display: block;
   margin-bottom: 1em !important;
}

.picklist-to {
   float: right;
}

.header-link {
   color: #000000;
   text-decoration: none !important;
}

.readonly-picklist 
{
    width: auto;
    list-style-type: none;
    border: 1px solid #F2ECE5;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em;
    border-radius: 1em;    
}

.readonly-picklist > li 
{
    padding-left: 2em;
    padding-right: 1em;
}

.readonly-picklist > li:before
{
    content: '\2611';   
    margin-left: -1em;
    margin-right: 0.5em;    
}

/***********************************************
* Limitted Line Numbers
***********************************************/

.limitted-line-numbers {
   overflow: hidden;
   margin: 0px !important;
   margin-bottom: 0.25em !important;
   padding: 0px !important;
}

.limitted-line-numbers p 
{
   margin: 0px !important;
   padding: 0px !important;
}

.limitted-line-numbers-menu {
   text-align: left;
   margin: 0px !important;
}

.limitted-line-numbers-menu > a 
{
   margin: 0px !important;
   padding-left: 0px !important;
}

.limitted-line-numbers-switch 
{
   clear: both;
   cursor: pointer;
   margin: 0px !important;
}


.table-with-many-columns
{   
    display: table !important;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    table-layout: auto;
}

.table-with-many-columns tr
{
    display: table-row !important;
}

.table-with-many-columns th,
.table-with-many-columns td 
{
    display: table-cell !important;
    white-space: normal !important;
    padding-left: 0em;
    padding-right: 1em;
}

.table-with-many-columns th > *,
.table-with-many-columns td > * 
{
    padding: 0em;
}


.table-with-many-columns a,
.table-with-many-columns input[type=button],
.table-with-many-columns input[type=submit],
.table-with-many-columns .StdColSortLabel {
   display: inline !important;
   white-space: normal !important;
}


/***********************************************
* Blocker
***********************************************/

.bicon-blocker, .bicon-blocker-spinner 
{
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.bicon-blocker 
{
    background-color: #FFFFFF;
    opacity: 0.6;
    filter: alpha(opacity=60);    
}

.bicon-blocker-spinner 
{
    background-image: url('../Images/spin.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

.bicon-blocker-message-container 
{
    display: block;
    position:fixed;
    white-space: nowrap;
    margin: 0px !important;
    padding: 0px !important;
    left: 0px;
    right: 0px;
    bottom: 50%;
    line-height: 1.5em;
    font-size: 1em;
    margin-bottom: -0.75em !important;
}

.bicon-blocker-message 
{
    background-color: #FFFFFF;
    color: #2A6496;
    border: 1px solid #2A6496;
    padding: 0.25em;
    padding-left: 1em;
    padding-right: 1em;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;    
}

/***********************************************
* User Search and Management
***********************************************/

.user-search-and-management 
{
    margin-top: 2em;
}

.user-search-results 
{
    margin: 1em;
}

.user-search-results-table, .aep-audit-logs-table
{
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;    
}

.user-search-results-table > tbody, .aep-audit-logs-table > tbody
{
    background-color: #F7F6F2;
}

.user-search-results-table,  
.user-search-results-table > tr, 
.user-search-results-table > tr > th, 
.user-search-results-table > tr > td,
.user-search-results-table > tbody > tr, 
.user-search-results-table > tbody > tr > th, 
.user-search-results-table > tbody > tr > td,
.aep-audit-logs-table,
.aep-audit-logs-table > tr,
.aep-audit-logs-table > tr > th,
.aep-audit-logs-table > tr > td,
.aep-audit-logs-table > tbody > tr,
.aep-audit-logs-table > tbody > tr > th,
.aep-audit-logs-table > tbody > tr > td
{
    border-collapse: collapse !important;
    border: none !important;
}

.user-search-results-table > tr > th, 
.user-search-results-table > tr > td,
.user-search-results-table > tbody > tr > th, 
.user-search-results-table > tbody > tr > td,
.aep-audit-logs-table > tr > th, 
.aep-audit-logs-table > tr > td,
.aep-audit-logs-table > tbody > tr > th, 
.aep-audit-logs-table > tbody > tr > td
{
    padding: 0.5em !important;
}

.user-search-results-table > tr > th[sortfield], 
.user-search-results-table > tbody > tr > th[sortfield]
{
    font-weight: bold;
    cursor: pointer;   
    padding-left: 1.5em !important;
    background-repeat: no-repeat;
    background-position: -0.4em 0.65em;
    white-space: nowrap;
}

.user-search-results-table > tr > th[sortfield]:hover, 
.user-search-results-table > tbody > tr > th[sortfield]:hover 
{
    background-color: #e6e1dd;
}

/* Name */
.user-search-results-table > tr > th:nth-child(1),
.user-search-results-table > tr > td:nth-child(1),
.user-search-results-table > tbody > tr > th:nth-child(1),
.user-search-results-table > tbody > tr > td:nth-child(1) 
{
    width: 15%;
    max-width: 15%;
}

/* Account Email */
.user-search-results-table > tr > th:nth-child(2),
.user-search-results-table > tr > td:nth-child(2),
.user-search-results-table > tbody > tr > th:nth-child(2),
.user-search-results-table > tbody > tr > td:nth-child(2) 
{
    width: 13%;
    max-width: 13%;
}

/* Preferred Email */
.user-search-results-table > tr > th:nth-child(3),
.user-search-results-table > tr > td:nth-child(3),
.user-search-results-table > tbody > tr > th:nth-child(3),
.user-search-results-table > tbody > tr > td:nth-child(3) 
{
    width: 13%;
    max-width: 13%;
}


/* Status */

.user-search-results-table > tr > th:nth-child(4),
.user-search-results-table > tr > td:nth-child(4),
.user-search-results-table > tbody > tr > th:nth-child(4),
.user-search-results-table > tbody > tr > td:nth-child(4) 
{
    width: 5%;
    max-width: 15%;
    text-align: center;
}

/* Organisation Name */
.user-search-results-table > tr > th:nth-child(5),
.user-search-results-table > tr > td:nth-child(5),
.user-search-results-table > tbody > tr > th:nth-child(5),
.user-search-results-table > tbody > tr > td:nth-child(5) 
{
    width: 15%;
    max-width: 5%;
}

/* Administrator */
.user-search-results-table > tr > th:nth-child(6),
.user-search-results-table > tr > td:nth-child(6),
.user-search-results-table > tbody > tr > th:nth-child(6),
.user-search-results-table > tbody > tr > td:nth-child(6) 
{
    width: 5%;
    max-width: 5%;
    text-align: center;
}

/* AEP Staus */
.user-search-results-table > tr > th:nth-child(7),
.user-search-results-table > tr > td:nth-child(7),
.user-search-results-table > tbody > tr > th:nth-child(7),
.user-search-results-table > tbody > tr > td:nth-child(7) 
{
    width: 5%;
    max-width: 5%;
    text-align: center;
}

/* AEP Yes/No */
.user-search-results-table > tr > th:nth-child(8),
.user-search-results-table > tr > td:nth-child(8),
.user-search-results-table > tbody > tr > th:nth-child(8),
.user-search-results-table > tbody > tr > td:nth-child(8) 
{
    width: 5%;
    max-width: 5%;
    text-align: center;
}

/* Action Links */
.user-search-results-table > tr > th:nth-child(9),
.user-search-results-table > tr > td:nth-child(9),
.user-search-results-table > tbody > tr > th:nth-child(9),
.user-search-results-table > tbody > tr > td:nth-child(9) 
{
    width: 15%;
    max-width: 15%;
}

.user-search-results-table > tr > td:nth-child(7) > a,
.user-search-results-table > tbody > tr > td:nth-child(7) > a
{
    display: block !important;
    white-space: nowrap;
}

.user-search-options 
{
    display: inline-block;
    white-space: nowrap;
}

.user-search-results-table > tr > td,
.user-search-results-table > tbody > tr > td
{
    overflow: hidden;
}

.user-search-results-table > tr > td > a,
.user-search-results-table > tbody > tr > td > a
{
    cursor: pointer;    
    display: block !important;
}

.user-search-results-table > tr > th[sortfield][isselected=true][order=ascending],
.user-search-results-table > tbody > tr > th[sortfield][isselected=true][order=ascending]
{
    background-image: url('../Images/icon-sort-ascending.png');
}

.user-search-results-table > tr > th[sortfield][isselected=true][order=decending],
.user-search-results-table > tbody > tr > th[sortfield][isselected=true][order=decending]
{
    background-image: url('../Images/icon-sort-decending.png');
}

.btn-back-to-user-search-results 
{
    margin-top: 1em;
}

.btn-reset-selected-user-password 
{
    margin-top: 1em;
    margin-left: 17.75em;
}

.btn-revoke-enable-aep-access 
{
    margin-top: 1em;
    margin-left: 17.75em;
}

.user-search-status-pending 
{
    color: transparent;
    background-color: transparent;
    border: none;
    background-image: url('./Images/table-cell-loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

a.user-search-status-pending 
{
    background-position: 0% 50%;
}

.user-search-result-inactive-link 
{
    display: none !important;
    visibility: collapse !important;
    color: #FF0000 !important;
}

/***********************************************
* Confirmation dialog box
***********************************************/

.confirmation-blocker 
{
    position:fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    opacity: 0.6;
    filter: alpha(opacity=60);    
    z-index: 5;
}

.confirmation-box 
{
    position: fixed;
    width: 20%;
    height: 20%;
    top: 40%;
    left: 40%;
    z-index: 10;
    color: #333333;
    background-color: #F2ECE5;
    border: 1px solid #E3DCD4;
   -moz-border-radius: 1em;
   -webkit-border-radius: 1em;
   -khtml-border-radius: 1em;
   border-radius: 1em;
}

.confirmation-box-question,
.confirmation-box-buttons 
{
    position: absolute;
    width: 90%;
    text-align: center;
    left: 5%;
}

.confirmation-box-question 
{
    top: 20%;
    font-weight: bold;
}

.confirmation-box-buttons 
{
    bottom: 20%;
}

/***********************************************
* Animations
***********************************************/

@-webkit-keyframes pop-in {
0% { opacity: 0; -webkit-transform: scale(0.5); }
100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes pop-in {
0% { opacity: 0; -moz-transform: scale(0.5); }
100% { opacity: 1; -moz-transform: scale(1); }
}

@keyframes pop-in {
0% { opacity: 0; transform: scale(0.5); }
100% { opacity: 1; transform: scale(1); }
}

.conditions-box {
   display:inline-block; 
   float:left; 
   position: relative;
   white-space:normal;
   max-width:70%;
   line-height:150%;
   margin-top:0.25em;
}