/* ==========================================================================
   01. Typography
   ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,500italic,700|Roboto+Slab:400,700,300);
h1,
h2,
h3,
h4,
h5,
h6,
p {
    word-wrap: break-word;
    line-height: 130%
}

p {
    margin-bottom: 1.5em;
    font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -1px;
    margin: 25px 0 .5em;
}

h1.super {
    font-size: 100px;
    margin-bottom: -30px;
}

h1 {
    font-size: 40px;
}

h1:first-of-type {
    margin-top: 0px;
}

h2 {
    font-size: 32px;
    margin-top: 15px;
}

h2:after,
.tp-caption.heading:after {
    content: ".";
    font-size: 66px;
    line-height: 0;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
    letter-spacing: 0px;
    position: relative;
    color: #3095b4;
}

blockquote h6 {
    top: -1.4em;
}

ul.meta {
    margin-bottom: 12px;
}

ul.meta li:before {
    display: none;
}

.main ul.meta li {
    border-top-style: solid;
    border-top-width: 1px;
    padding: .7em 0;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Arial';
}

h6.date {
    margin-top: 0;
}

h6.tags a:before {
    font-family: 'bulletsregular';
    content: "p";
}

h1,
h2,
h3 {
    font-family: 'Arial';
}

strong,
h5,
h6,
b,
.more,
ol > li:before {
    font-family: 'Arial';
    font-weight: normal;
}

em {
    font-style: normal;
    font-family: 'Arial';
}

.lead,
blockquote {
    font-size: 24px;
    line-height: 32px;
    font-family: 'Ariallightitalic';
}

.lead {
    margin-top: 0;
}

.highlight {
    position: relative;
    padding: 0;
    margin-right: -.2em;
    margin-left: -.2em;
    display: inline-block;
}

.highlight:before,
.highlight:after {
    content: "";
    position: relative;
}

.highlight:before {
    left: 0px;
    top: 24px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 26px 13px 0 0;
    border-color: #ffffff transparent transparent transparent;
}

.highlight:after {
    right: 0px;
    top: -24px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 26px 13px;
    border-color: transparent transparent #ffffff transparent;
}

.main-container a {
    transition: all 250ms ease-in-out;
    cursor: pointer;
}


/* ==========================================================================
   13. Forms
   ========================================================================== */


/* ==========================================================================
   2. Message Boxes
   ========================================================================== */

.informationBox {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    color: #535353;
    display: inline-block;
    margin-bottom: 1ex;
    vertical-align: middle;
    line-height: normal;
    font-weight: 500;
    border: medium none;
    box-shadow: none;
    background-color: #dbdbdb;
    margin-bottom: 0px;
    padding: 1rem 1.25rem 1rem;
    margin: 15px 0px;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
}

.greenBox {
    border-color: #a2e29d;
    background: #e2f5e4;
}

.message.info {
    border-color: #7bb8e2;
    background: #d2e4f1;
}

.warningBox {
    border-color: #3095B4;
    background: #ffd4ce;
}

.message.notice {
    border-color: #fcc84a;
    background: #fffcce;
}

.informationBox_Confirm {
    background: #f5f5f5;
    padding: 1.2em 2em;
    border: none;
    font-size: 28px;
    line-height: 120%;
    text-align: center;
}

.message.promo h2 {
    font-size: 28px;
    margin-top: .5em;
    margin-bottom: .5em;
}


/* ==========================================================================
   4. Buttons
   ========================================================================== */

a.btn,
input[type=button],
input[type=submit] {
    border: none;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    border-radius: 3px;
    padding: .4em 1.8em;
    display: inline-block;
    white-space: nowrap;
    transition: all 250ms ease-in-out;
    margin-bottom: .5em;
    margin-top: .2em;
    z-index: 3;
    margin-top: auto;
}

input[type=button],
input[type=submit] {
    cursor: pointer;
    border: medium none;
    display: inline-block;
    box-shadow: none;
    background: #4db3d0;
    color: #FFF;
    letter-spacing: 0.02em;
    border-radius: 3px;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.2s;
}

input[type=button]:hover,
input[type=submit]:hover {
    background-color: #02518C;
    text-decoration: none;
}


a.btn:hover {
    color: #fff;
}

a.small-btn {
    font-size: 15px;
    padding: .4em 1.2em;
}

a.xsmall-btn {
    font-size: 15px;
    padding: .2em .9em;
}

a.btn [class^="icon-"],
a.btn [class*=" icon-"] {
    padding-right: 5px;
    padding-left: 5px;
}


/* ==========================================================================
   Old Css updated
   ========================================================================== */

.rel {
    position: relative;
    z-index: inherit;
}

.main_block1 {
    float: left;
    display: inline;
    height: 0px;
    width: 100%;
}

.main_block {
    float: left;
    display: inline;
    border: 0px dotted green;
    margin-bottom: 10px;
    width: 100%;
}

.block {
    /*     float: left; */
    width: 100%;
    margin-top: 10px;
    border: 0px solid yellow;
}

.search {
    border: 2px solid #3095b4;
    padding-top: 5px;
    width: 320px;
    background-color: white;
    position: relative;
    border-radius: 5px;
    /*behavior: url("#");*/
}

.search input {
    border: 0px solid red;
    padding-left: 5px;
    height: 21px;
    font-family: Arial, Sans-Serif;
    font-size: 16px;
    vertical-align: top;
}

.quicklink_type {
    float: left;
    display: block;
    width: 180px;
    height: 300px;
    padding-bottom: 10px;
}

.quicklink_header {
    float: left;
    height: 75px;
    width: 140px;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.quicklink_innerrow {
    border: 0px solid green;
    ;
    width: 100%;
    padding-bottom: 0px;
}

.quicklink {
    float: left;
    display: inline;
    padding: 0px;
    width: 180px;
    height: 23px;
}

.quicklink:hover {
    border-radius: 5px;
}

.OnlinePayment .quicklink:hover {
    background-color: #F9E6FF;
}

.Animals .quicklink:hover {
    background-color: #F3E6FF;
}

.BuildingsAndDevelopment .quicklink:hover {
    background-color: #CFCFE6;
}

.FoodHealthHygiene .quicklink:hover {
    background-color: #E3ECFC;
}

.ParksGardensReserves .quicklink:hover {
    background-color: #C8DBBD;
}

.Streets .quicklink:hover {
    background-color: #E6E6CF;
}

.WasteServices .quicklink:hover {
    background-color: #E6DACF;
}

.OtherServices .quicklink:hover {
    background-color: #F2E8DA;
}

.category {
    display: table;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    width: 120px;
    border: #000 0px solid;
    position: absolute;
    top: 48%;
    left: 0;
    height: 30px;
    margin-top: -10px;
    margin-left: 10px;
    text-align: left;
}

.block .item_row a {
    color: #e3a602;
}

a {
    color: #002c5f;
}

.headerRow a {
    color: #fff;
}

.item_row {
    float: left;
    border: 0px solid green;
    min-height: 60px;
    margin-top: 10px;
    background-color: #fff;
}

.item_row img {
    padding-right: 10px;
}

.title {
    border-bottom: 0px dotted #ddd;
    font-weight: bold;
    padding-bottom: 5px;
}

.item_detail {
    width: 100%;
}

.link {
    float: left;
    display: table-cell;
}

.desc {
    color: #222;
    margin-bottom: 10px;
    font-size: 1em;
    width: 480px;
    display: table-cell;
}

.desc a {
    color: #6489a7;
}

#recaptcha_table {
    border: 0 solid #DFDFDF;
}

.recaptchatable {
    border: 0 solid #DFDFDF;
    background-color: #EEEEEE;
}

.recaptcha_image_cell {
    background-color: #EEEEEE;
}

.CaptchaText {
    font-weight: bold;
    padding-left: 70px;
}

.login_link {
    float: left;
    width: 56px;
    margin-top: 1px;
    text-align: center;
}

.cancel_link {
    float: left;
    width: 56px;
    margin-left: 7px;
    margin-top: 1px;
    text-align: center;
}

.empty {
    color: #fff;
}

.login_button {
    float: left;
    width: 56px;
    height: 22px;
}

.cancel_button {
    float: left;
    width: 56px;
    height: 22px;
}

.comments,
.fieldLabel,
.shortFieldLabel {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1ex;
    white-space: normal;
    color: #555;
    width: 300px;
}

.JumpBox {
    padding: 4px 8px 12px 60px;
    background-image: url("Images/jump.png");
}

.sectionHeading,
#ctl00_Content_btnApplicationInformation,
#ctl00_Content_btnpluPrProp,
#ctl00_Content_btnpluBusName,
#ctl00_Content_btnPluDelEml,
#ctl00_Content_btnFileAttachment {
    font-weight: normal;
    font-size: 17px;
    letter-spacing: 0.02em;
    padding: 4px 10px 4px 10px;
    width: 470px;
    text-decoration: none;
    display: block;
    position: relative;
    border-radius: 5px;
    display: inline;
    /*behavior: url("#");*/
}

#ctl00_Content_lblDebtorNumber {
    color: #002c5f;
    padding: 5px;
}

#ctl00_Content_lblDebtorNumberHeader {
    margin-bottom: 10px;
}

#ctl00_Content_btnApplicationInformation:hover,
#ctl00_Content_btnpluPrProp:hover,
#ctl00_Content_btnpluBusName:hover,
#ctl00_Content_btnPluDelEml:hover,
#ctl00_Content_btnFileAttachment:hover {
    text-decoration: underline;
}

#ctl00_Content_lblApplicationInformation {
    clear: both;
}

#ctl00_Content_lblShoppingCart {
    margin-top: 15px;
}

.sectionHeading1 {
    font-weight: bold;
    color: #3095b4;
    background-color: #fff;
    border-bottom: 1px solid #3095b4;
    width: 100%;
    display: block;
    padding: 1px;
}

.sectionHeading2 {
    font-weight: bold;
    color: #fff;
    background-color: #3095b4;
    border: 1px solid #3095b4;
    display: block;
    padding-left: 4px;
    padding-right: 2px;
}

.warning {
    font-weight: bold;
    background-color: #DB0000;
    border: solid 0px #3095b4;
    color: #FFFFFF;
    display: inline-block;
    padding: 1px 4px;
    position: relative;
    text-align: center;
    width: 545px;
    border-radius: 5px;
    /*behavior: url("#");*/
}

.validator {
    position: absolute;
    top: -2px;
}

.validatorSummary {
    padding: 4px;
}

.backIcon {
    float: left;
    padding-left: 4px;
    padding-right: 4px;
}

#recaptcha_widget_div {
    margin-top: 20px;
}

.grid,
.grid-view {
    border: 0px solid #3095b4;
}

.grid .headerRow,
.grid-view .headerRow {
    text-align: left;
    font-weight: normal;
}

.grid th,
.grid td,
.grid-view th,
.grid-view td {
    padding: 5px;
    border-width: 0;
}

.grid td,
.grid-view td {}

.alternateRow {
    background-color: #fff;
}

.normalRow {
    background-color: #DBE0E6;
}

#ctl00_Content_frmHelpInformation_lblHelpHeader {
    font-size: large;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 1ex;
    color: #3095b4;
}

#ctl00_Header_h1PageTitle {
    font-family: "Roboto Slab", serif;
    font-size: 30px;
    color: #FFF;
    display: inline-block;
    margin-bottom: 1ex;
    vertical-align: middle;
    line-height: normal;
    font-weight: 500;
    letter-spacing: 1px;
    border: medium none;
    box-shadow: none;
    background-color: #02518c;
    /*margin-bottom: 0px;*/
    padding: 1.25rem 1.25rem 1.25rem;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
}

.cssContentWorkspace h2 {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    color: #044b89;
    font-weight: normal;
    font-size: 1.4em
}

.AjaxUploaderAttachmentsTable {
    display: none;
}

.grid-upload {
    margin-top: 15px;
}

.grid-upload .headerRow {
    padding: 20px;
}

.grid-upload .normalRow td {
    padding: 4px;
    border-bottom: 1px dotted #333;
}

.UploaderRemoveButton {
    margin: 0px;
}

.grid-upload .count {
    font-weight: bold;
}

.grid-upload .filename {
    width: 250px;
}

.grid-upload .delete {}

.border-left {
    border-left: 1px dotted #333;
    border-bottom: 1px dotted #333;
}

.border-bottom {
    border-bottom: 1px dotted #333;
}

.cell-close {
    padding: 5px;
}

.SummaryTitle {
    float: left;
    font-weight: bold;
    width: 75px;
    display: block;
}

.SummaryValue {
    display: inline;
}

.block .SummaryTitle {
    float: left;
    display: inline;
    font-weight: bold;
    width: 75px;
}

.block .SummaryValue {
    float: left;
    display: inline;
}

.addBorder {
    display: block;
}

.addBorder .SummaryTitle {
    float: left;
    width: 155px;
    border: 0px solid red;
}

.addBorder .SummaryValue {
    float: left;
    width: 200px;
    border: 0px solid green;
}

.blankfix {
    display: block;
    clear: both;
    height: 2px;
}

body {
    background-color: #f3f3f3;
    font-size: 11px;
    text-align: center;
}

input[type="checkbox"] {
    margin-left: 3px;
    margin-right: 15px;
    margin-top: 1px;
    margin-bottom: 15px;
}

input[type="radio"] {
    margin-left: 20px;
}

* {
    margin: 0;
}

body,
input,
select,
td,
th,
textarea {
    font-family: "Roboto", Sans-Serif;
    font-weight: normal;
    font-size: 15px;
    color: #555;
    /* width: 100%; */
}

input,
select,
textarea {
    vertical-align: top;
    margin-top: 1px;
    max-width: 100%;
    margin-right: 1ex;
    margin-bottom: 1ex;
    font-size: 15px;
    margin-left: 0px;
    padding: 6px 2%;
    background: #FFFFFF;
    font-family: "Roboto", sans-serif;
    color: #969ca5;
    border-radius: 3px;
    border: 1px solid #D0D0D0;
    margin-bottom: 1em;
    display: inline-block;
    resize: none;
    color: #000;
}

select {
    margin-top: 6px;
}

textarea {
    font-size: small;
    height: 60px;
    width: 320px;
}


/*   FIX CHROME CAPTCHA BUG    */

#ctl00_Content_pnlCaptcha {
    height: auto!important;
}


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

h1 {
    /*  font-size: large;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 1ex;
    color: #3095b4;*/
    font-family: "Roboto Slab", serif;
    font-size: 30px;
    color: #FFF;
    display: inline-block;
    margin-bottom: 1ex;
    vertical-align: middle;
    line-height: normal;
    font-weight: 500;
    letter-spacing: 1px;
    border: medium none;
    box-shadow: none;
    background-color: #02518c;
    /*margin-bottom: 0px;*/
    padding: 1.25rem 1.25rem 1.25rem;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
}

h2 {
    font-weight: bold;
    font-size: medium;
    margin-bottom: 1ex;
    display: block;
}


/* ==========================================================================
   Lists
   ========================================================================== */

ul {
    font-size: 15px;
    padding-left: 15px;
    list-style-type: none;
    line-height: 1.6;
    margin: 10px 0px;
    /*font-size: 15px;*/
}

ul li a {
    text-decoration: none;
    color: #555;
    transition: all 0.2s;
}

ul li a:hover {
    text-decoration: underline;
    color: #02518C;
}

ul li {
    /*background: transparent url("https://www.fremantle.wa.gov.au/sites/all/themes/cof/images/list-point-png.png") no-repeat scroll 6px 10px;
padding-left: 26px;
background-position: left center;*/
}


/* ==========================================================================
   Buttons
   ========================================================================== */

.buttonArea {
    text-align: right;
    margin-top: 10px;
    margin-right: -10px;
}

.buttonArea .button {
    width: 20%;
}

.button,
button {
    cursor: pointer;
    border: medium none;
    display: inline-block;
    position: relative;
    box-shadow: none;
    background: #4db3d0;
    color: #FFF;
    /*font-size: 18px;*/
    font-weight: 300;
    letter-spacing: 0.02em;
    text-align: center;
    /*margin-top: 20px;*/
    /*width:30%;*/
    /*margin-left: 20px;*/
    padding: 0.625rem 3.25rem 0.6875rem;
    border-radius: 3px;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.2s;
}

.button:hover,
button:hover {
    background-color: #02518C;
    text-decoration: none;
}

.actionButtons {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: right;
    clear: both;
}

.actionButtonsRight {
    text-align: right;
    /*  width:180px;     */
    display: inline;
    float: right;
}

.actionButtonsLeft {
    width: 180px;
    float: left;
    display: inline;
}

.homeNavLogin {
    text-align: right;
    margin-top: 10px;
    margin-right: -10px;
}

.homeNavLogin .button {
    width: 42%;
}


/* ==========================================================================
   Tabs
   ========================================================================== */

.tabButtonActive,
tabButtonActive {
    background-color: #3095b4;
    color: #FFFFFF;
    border: solid 2px #000000;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
}

.tabButtonInactive,
tabButtonInactive {
    background-color: Gray;
    color: #FFFFFF;
    border: solid 0px #000000;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
}

#ctl00_mnuTabbarn0 table {
    display: none;
    empty-cells: show;
}

#ctl00_Content_rblNotifyBy th,
#ctl00_Content_rblNotifyBy td {
    float: left;
    clear: both;
}

ul.workplaceList li {
    padding: 1ex 0ex 1ex 0ex;
}

.fieldLabel,
.field,
.wideField,
.readOnlyField,
.wideReadOnlyField,
.autoSize,
.tableField,
.sectionTitle,
.sectionField,
.sectionFieldAlt,
.sectionFieldValue,
.sectionFieldAltValue,
.summaryFieldName,
.shortField,
.mediumField,
.shortFieldLabel {
    display: -moz-inline-box;
    /* mozilla-specific. mozilla does not currently handle 'inline-block' correctly. */
    display: inline-table;
    display: inline-block;
    empty-cells: show;
    padding-top: 8px;
}

.nowrapBounds {
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.nowrap {
    white-space: nowrap;
}

.block {
    display: block;
}

#ctl00_Content_txtEmailAddress {
    margin-bottom: 15px;
}

#ctl00_Content_cusResultsGrid_repWebGrid_ctl00_lblSectionHeading {
    display: inline;
}

.autoSize {
    width: 70%;
}

.editMode {
    border-color: Blue;
    border-style: solid;
    border-width: 2px;
    margin: 2px 0px 2px 0px;
}

.field,
.wideField,
.readOnlyField,
.wideReadOnlyField,
.autoSize,
.tableField,
.shortField,
.mediumField,
.numberField {
    margin-right: 1ex;
    margin-bottom: 1ex;
    empty-cells: show;
    font-size: 15px;
    margin-left: 0px;
    padding: 6px 2%;
    background: #FFFFFF;
    font-family: "Roboto", sans-serif;
    color: #969ca5;
    border-radius: 3px;
    border: 1px solid #969ca5;
    margin-bottom: 1em;
    display: inline-block;
    resize: none;
    color: #000;
}

.fieldLabel,
.summaryFieldName {
    /*margin-bottom: 1ex;*/
    white-space: normal;
    vertical-align: middle;
}


/*.shortFieldLabel
{
    margin-bottom: 1ex;
    white-space: normal;
    vertical-align:middle;
    width: 18ex;
    font-family:Arial;
    font-weight:normal;
    font-size:16px; 
    color:#002c5f; 
}*/

.fieldLabel,
.shortFieldLabel {
    font-weight: 400;
    font-size: 15px;
    width: 150px;
}

.fieldLabel span {
    display: block;
}

.fieldLabel,
.summaryFieldName,
.grid .headerColumn {
    width: 24ex;
}

#ctl00_Content_lblPropertyNumberOr {
    margin-right: 1ex;
    margin-bottom: 1ex;
    empty-cells: show;
    height: 22px;
    font-size: 15px;
    background: initial;
    border: none;
}

.tableField {
    width: 53ex;
    empty-cells: show;
}

.sectionTitle {
    width: 100%;
    color: #000000;
    font-weight: bold;
    padding-left: 5px;
    position: relative;
    padding-bottom: 5px;
}

.sectionField {
    background-color: WhiteSmoke;
    width: 30ex;
    padding: 5px 5px 5px 5px;
    vertical-align: text-top;
}

.sectionFieldValue {
    background-color: WhiteSmoke;
    width: 64ex;
    padding: 5px 5px 5px 5px;
    vertical-align: text-top;
}

.sectionFieldAlt {
    background-color: #FFFFFF;
    width: 30ex;
    padding: 5px 5px 5px 5px;
    vertical-align: text-top;
}

.sectionFieldAltValue {
    background-color: #FFFFFF;
    width: 64ex;
    padding: 5px 5px 5px 5px;
    vertical-align: text-top;
}

.field,
.readOnlyField {
    width: 25ex;
}

.shortField,
.readOnlyField {
    width: 7ex;
}

.mediumField,
.readOnlyField {
    width: 20ex;
    /*  margin-right: 1ex;
    margin-bottom: 1ex;
    empty-cells: show;  
    font-size: 14px;
    margin-left:0px;
    padding: 6px 2%;
    background: #fff;
    font-family: 'RobotoLight';
    color: #969ca5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    margin-bottom: 1em;
    display: inline-block;
    resize: none;
     color:#000;*/
}

.shortField {
    width: 15ex;
}

.wideField,
.wideReadOnlyField {
    width: 81ex;
}

.EmailAddress {
    width: 50ex;
}

.numberField {
    width: 6ex;
}

.readOnlyField,
.wideReadOnlyField {
    border-style: groove;
    background-color: #DBE1F9;
    color: #000000;
}

.summaryFieldName {
    font-weight: 500;
}

.summaryFieldName:after {
    content: ' :';
}

.validatorSummary {
    border: solid 1px red;
    color: red;
    padding: 1em;
    background-color: #ffefef;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 15px;
}

.validator {
    color: red;
    background: url(Images/Error.gif) no-repeat;
    padding: 0ex 1ex 1ex 1ex;
}

.validator .validatorText {
    visibility: hidden;
}

#cssContent .radioList label {
    width: auto;
    display: inline;
    float: none;
}

input.padded {
    padding: 0ex 2ex 0ex 2ex;
    margin: 1ex 0ex 1ex 0ex;
}

.captchaEnterInput {
    display: block;
    margin-top: 15px;
    width: 243px;
}


/* ==========================================================================
   Menu Panel
   ========================================================================== */

.menuPanel {
    /*width: 145px;*/
    margin: 0px 0px 2ex 3px;
    background-color: #fff;
    padding: 9px 10px 0px 10px;
    position: relative;
    line-height: 0px;
    border-radius: 5px;
    /*behavior: url("#");*/
}

.menuPanel .menuHeader {
    // width: 100%;
    color: #FFFFFF;
    font-weight: 500;
    position: relative;
    border: medium none;
    box-shadow: none;
    background-color: #02518C;
    margin-bottom: 0px;
    padding: 0.75rem 1.5rem 0.75rem 1rem;
    margin: -10px -10px 9px -10px;
    border-radius: 3px;
    font-size: 15px;
    letter-spacing: 0.75px
    /*behavior: url("#");*/
}

.menuHeader {
    line-height: normal;
}

.menuPanel .menuGroupList {
    padding-top: 6px;
    line-height: normal;
}

.menuPanel ul {
    margin-left: 0;
    padding-left: 3px;
    list-style: none;
    /* border-bottom: solid 1px #C0C0C0; */
    border-bottom: solid 0px #3095b4;
    // width: 170px;
    margin-bottom: 25px;
}

.menuPanel ul li {
    background-image: url("Images/MenuItem.png");
    background-repeat: no-repeat;
    background-position: 0 .5em;
    list-style-type: none;
    border-style: solid;
    font-size: 15px;
    border-width: 0px 0px 0px 0px;
    background: transparent url("https://www.fremantle.wa.gov.au/sites/all/themes/cof/images/list-point-png.png") no-repeat scroll left center;
    padding: 0px 0px 3px 10px;
}

.menuPanel ul li a {
    text-decoration: none;
    /*font-weight:bold;*/
}

.menuPanel ul li a:hover {
    text-decoration: underline;
    color: #000000;
    /*font-size: 85%;*/
}

.menuPanel .menuFooter {
    display: none;
}


/* ==========================================================================
   Task Panel
   ========================================================================== */

.taskPanel {
    padding: 0px 0px 15px 0px;
}

.taskPanel .taskHeader {
    padding: 0.75rem 1.5rem 0.75rem 1rem;
    border-style: none;
    color: #FFFFFF;
    background-color: #02518C;
    position: relative;
    border-radius: 3px;
    font-size: 15px;
    margin-bottom: 5px;
    /* behavior: url("#"); */
}

.taskPanel ul li a {
    text-decoration: none;
    color: #555;
    display: block;
    background: transparent url("https://www.fremantle.wa.gov.au/sites/all/themes/cof/images/list-point-png.png") no-repeat scroll left center;
    padding: 1px 0px 0px 10px;
    font-size: 15px;
    margin-top: 3px;
}

.taskPanel td {
    margin: 0px;
    border-bottom: solid 1px #C0C0C0;
    list-style-type: none;
    padding: 2px 8px 2px 8px;
}

.taskPanel td a {
    text-decoration: none;
}

.taskPanel td a:hover {
    text-decoration: underline;
}

.WizardLink {
    vertical-align: 40%;
    padding-left: 4px;
}

#ctl00_Taskpane_eSubmitWizard_pnlCancel {
    text-align: left;
    padding: 2px 8px;
}

#ctl00_Taskpane_eSubmitWizard_pnlShoppingCart {
    vertical-align: 40%;
    text-align: left;
    padding: 2px 8px;
}

.taskPanel ul {
    margin: 0px;
    padding: 0px;
    border-radius: 5px;
    /*  width:175px */
}

.taskPanel ul li {
    list-style-type: none;
    padding: 2px 6px 4px 8px;
}

.taskPanel ul li a:hover {
    text-decoration: underline;
    color: #000000;
}

.taskPanel .taskFooter {
    display: none;
}

.taskHeader {}


/* ==========================================================================
   Page Elements
   ========================================================================== */

.inlinePanel {
    display: inline;
    vertical-align: bottom;
}

.roleTitle {
    text-transform: none;
    font-size: 200%;
    font-weight: bolder;
    color: #000000;
    /*visibility:hidden;*/
}

.clear {
    clear: both;
}

.invisible {
    display: none;
}

img.verticalBar {
    vertical-align: bottom;
    padding: 0px 0px 0px;
    display: none;
}

.sectionSeparator {
    object-fit: none;
    object-position: 10px 10px;
    height: 0px!important;
    border-top: 1px solid #C0C0C0!important;
    border-bottom: 1px solid #FFF!important;
    margin: 10px 0px;
    width: 100%!important;
    overflow: hidden;
    display: block;
}


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

#cssBounds {
    /*min-width: 954px;*/
    background-color: #e9e9e9;
    color: #000000;
    border-style: none;
    height: auto;
    height: 100%;
    /* min-height: 100%; */
    /* position: absolute; */
}

#cssBanner {
    /*width: 100vw;  */
    /*margin:0 auto;*/
    position: relative;
    height: 200px;
    background-color: white;
    background-image: url("https://www.fremantle.wa.gov.au/sites/default/files/logo.png");
    padding-left: calc(50vw - 525px);
    padding-right: calc(50vw - 525px);
    padding-top: 50px;
    background-origin: content-box;
    -moz-background-origin: padding;
    background-repeat: no-repeat;
}

#cssBanner::after {
    content: "E-services";
    position: absolute;
    left: 0px;
    right: 0px;
    margin-top: 75px;
    padding-left: calc(50vw - 525px);
    padding-right: calc(50vw - 525px);
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #02518c;
    clear: both;
    display: block;
    z-index: 99;
    font-family: "Roboto Slab", serif;
    font-size: 36px;
    color: #FFF;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    border-bottom: 8px solid #DC866B;
    bottom: 0px;
}

#cssBannerLogo {
    float: left;
    width: 90px;
    height: 90px;
    background: url("Images/paeLogo2.png") no-repeat bottom;
    background-position: left;
    margin-left: 50px;
    margin-top: 75px;
}

#cssBannerMenu {
    text-align: right;
    width: 680px;
    padding: 4px 11px 6px 0px;
    margin: 0px;
}

#cssBannerMenu a {
    color: #000000;
}

#cssBannerMenu div {
    padding: 5px 0px 5px 0px;
}

#cssTaskpane {
    /*  height: 670px;*/
}

#cssSimpleTaskpane {
    /*height: 700px;*/
}

#cssTaskpane,
#cssSimpleTaskpane {
    float: left;
    width: 20%;
    padding-top: 10px;
    margin: 0px;
    border: none;
}

#cssTaskpaneRelatedLinks {
    float: left;
    width: 20%;
    clear: left;
    margin: 0px;
    margin-top: 10px;
    height: inherit;
    border-radius: 3px;
    background: #fff;
}

#cssTaskpaneAdministration {
    float: right;
    width: 159px;
}

#cssHelpAndAdmin {
    width: 20%;
    position: absolute;
    box-sizing: border-box;
    padding-right: 8px;
}

#cssHelpAndAdmin input[type=button], #cssHelpAndAdmin input[type=submit] {
    margin-top: 1em;
    width: 100%;
    background: #02518C;
    padding: 0.625rem 1.25rem 0.6875rem;
/*     margin: 1ex 1ex 1ex; */
}

#cssHelpAndAdmin input[type=button]:hover, #cssHelpAndAdmin input[type=submit]:hover {
    background: #4db3d0;
}

#cssTaskpane legend,
#cssSimpleTaskpane legend {
    display: none;
}

#cssSimpleContentArea {
    margin-top: 5px;
}

#cssSimpleContentArea,
#cssContentArea {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1050px;
    min-height: 935px;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.middle {
    margin: 0 auto;
    min-height: 400px;
    text-align: left;
    width: 914px;
}

#cssContent {
    color: #000000;
    margin: 0px 10px 0px 20%;
    padding-top: 10px;
    padding-left: 15px;
    /*width: 80%;*/
    /*  position: relative; */
    z-index: inherit;
}

#ctl00_Content_lblSearchDates {
    margin-top: 0px;
    margin-bottom: 10px;
}

#ctl00_Content_lblSearchDates .fieldLabel:last-child {
    width: auto;
}

#cssContent .cssContentWorkspace {
    /*width: 78%;*/
    /*width: 600px;*/
    margin: 0px 0px 5px 10px;
}

.wrapper {
    margin: 0px 18px 0px 18px;
}

.LogoZone {
    float: left;
    border: 0px solid red;
    width: 645px;
    height: 255px;
}

.ButtonZone {
    float: right;
    border: 0px solid green;
    width: 300px;
    height: 255px;
}

.ButtonSpacer {
    float: left;
    display: inline;
    border: 0px solid #fff;
    width: 295px;
    height: 170px;
}

.Button1 {
    float: right;
    display: inline;
    border: 0px dotted #fff;
    width: 96px;
    margin-right: 37px;
    margin-top: 0px;
}

.Button2 {
    float: right;
    display: inline;
    border: 0px dotted #fff;
    width: 50px;
    margin-top: 22px;
    margin-right: 30px;
}

#loginText {
    padding-top: 20px;
    clear: both;
    width: 278px;
    color: #3095b4;
    border: 0px solid green;
    font-size: 15px;
    font-weight: bold;
}

#loginText a {
    color: #909090;
    /*text-decoration:underline;*/
    font-size: 15px;
    font-weight: normal;
}

#ctl00_Content_pnlAttachments {
    float: left;
}


/* ==========================================================================
   Footer
   ========================================================================== */

#cssBottomBar {
    /* height: 2em; */
    font-size: smaller;
    text-align: left;
    margin: 0 auto;
    position: relative;
    width: 1050px;
    /*height: 25px;*/
    background: #dbdbdb;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: calc(50vw - 525px);
    padding-right: calc(50vw - 525px);
    border-bottom: 10px solid #02518c;
}

#cssBottomBar,
#cssBottomBar a {
    color: #aaa;
}

#cssBottomBarLegal {
    /*float: left;*/
    width: 50%;
    padding-left: 20px;
    color: #555;
    font-size: 15px;
    display: inline-block;
}

#cssBottomBarCopyright {
    text-align: right;
    padding-right: 20px;
    color: #555;
    font-size: 15px;
    float: right;
}

#cssTabArea {
    width: 100%;
    visibility: hidden;
}

#cssTabAreaSpacer {
    float: left;
    width: 199px;
    height: 1px;
}

#cssBottomBar a {
    text-decoration: none;
    color: #555;
    display: block;
    background: transparent url("https://www.fremantle.wa.gov.au/sites/all/themes/cof/images/list-point-png.png") no-repeat scroll left center;
    padding: 5px 0px 0px 20px;
}

#cssBannerMenu a {
    text-decoration: none;
    color: #000000;
}

#cssBottomBar a:hover,
#cssTabBar a:hover,
#cssBannerMenu a:hover,
div.taskPanel ul li a:hover {
    text-decoration: underline;
}

.menuColumn {
    display: block;
    float: left;
}

.menuList {
    margin-left: 5px;
    padding-left: 0px;
}

.menuGroup,
.menuGroupSmall {
    margin-bottom: 1ex;
    margin-right: 2ex;
    font-weight: bold;
    list-style-position: inside;
}

.menuGroup {
    font-size: large;
}

.menuGroupSmall {
    font-size: medium;
}

.menuGroupHeader {
    margin-left: 0.5ex;
}

.menuGroupList {
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    padding-left: 1ex;
}

.menuGroup .menuGroupList {
    margin-left: 24px;
}

.menuGroupSmall .menuGroupList {
    margin-left: 16px;
}

.menuGroupList li,
.menuGroupList li a {
    font-weight: normal;
    list-style: disc;
}

#ctl00_MobileLink a {
    border: medium none;
    box-shadow: none;
    background: #02518C none repeat scroll 0% 0%;
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.02em;
    text-align: center;
    margin-top: 20px;
    width: 30%;
    margin-left: 20px;
    padding: 0.625rem 1.25rem 0.6875rem;
    border-radius: 3px;
    font-size: 15px;
    TEXT-DECORATION: none;
    transition: all 0.2s;
}

#ctl00_MobileLink a:hover {
    /*color: #555;*/
    background-color: #4db3d0;
    text-decoration: none;
}


/* ==========================================================================
   Table
   ========================================================================== */

#cssContent table {
    word-wrap: break-word;
    margin-bottom: 15px;
}

#cssContent .grid {
    table-layout: fixed;
}

#ctl00_Content_pnlContent tr td:last-child {
    /*     width:1%; */
    white-space: nowrap;
}

#cssContent .pagerRow table {
    margin-bottom: 0px;
}


/*---------------------------*/


/* Grid Elements
/*---------------------------*/

.grid {
    /*  background-color:#FFFFFF; */
    /*  border: solid 1px #e7e6e6; */
}


/* Header Column Styles */

.grid .headerColumn {
    font-weight: bold;
    color: #000000;
}


/* Header Row Styles */

.grid .headerRow {
    /*  text-align: center; */
    font-weight: normal;
}

.grid .headerRow th {
    padding: 10px;
}

.grid .headerRow th:first-of-type {
    border-radius: 3px 0px 0px 3px;
}

.grid .headerRow th:last-of-type {
    border-radius: 0px 3px 3px 0px;
}

.grid .headerRow a {
    color: #FFFFFF;
    text-decoration: none;
}

.grid .headerRow a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.grid .headerRow td,
.grid .headerRow th {
    border-collapse: collapse;
    color: #FFFFFF;
    letter-spacing: 0.02em;
    background-color: #02518C;
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    border: none;
}


/* Shopping Cart Row Styles */

#ctl00_Content_grdShoppingCart.grid th:nth-of-type(3) {
    width: 9%!important;
}

#ctl00_Content_grdShoppingCart.grid th:nth-of-type(4) {
    width: 10%!important;
}

#ctl00_Content_grdShoppingCart.grid th:last-of-type {
    width: 15%!important;
}

#ctl00_Content_grdShoppingCart.grid th:nth-of-type(5) {
    width: 11%!important;
}


/* Footer and Pager Row Styles */


/*.grid .footerRow,
.pagerRow {
    background-color: #002c5f;
}
.footerRow a {
    color: #FFFFFF;
}
.grid .footerRow,
.pagerRow a {
    color: #FFFFFF;
    text-decoration: none;
}
.grid .footerRow a,
.pagerRow a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}*/

.grid .footerRow td {
    padding: 10px;
}

.grid .footerRow td:first-of-type {
    border-radius: 3px 0px 0px 3px;
}

.grid .footerRow td:last-of-type {
    border-radius: 0px 3px 3px 0px;
}

.grid .footerRow a {
    color: #FFFFFF;
    text-decoration: none;
}

.grid .footerRow #ctl00_Content_btnRecalculateTotal {
    text-decoration: underline;
}

.grid .footerRow a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.grid .footerRow td {
    border-collapse: collapse;
    color: #FFFFFF;
    letter-spacing: 0.02em;
    background-color: #02518C;
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    border: none;
}


/* Normal Row Styles */

.grid .normalRow {
    background-color: #fff;
    color: #333;
    padding: 10px;
}

.grid .normalRow td {
    padding: 10px;
}

.grid .normalRow a {
    color: #002c5f;
    text-decoration: none;
}

.grid .normalRow a:hover {
    color: #002c5f;
    ;
    text-decoration: underline;
}


/* Alternate Row Styles */

.grid .alternateRow {
    background-color: #F1F1F1;
    padding: 10px;
}

.grid .alternateRow td {
    padding: 10px;
}

.grid .alternateRow a {
    color: #002c5f;
    ;
    text-decoration: none;
}

.grid .alternateRow a:hover {
    color: #002c5f;
    ;
    text-decoration: underline;
}


/* Blank Row Styles */

.grid .blankRow {
    background-color: Transparent;
    border-style: hidden;
}


/* Selected Row Styles */

.grid .selectedRow {
    background-color: #d3d3d3;
}


/* Grid Elements - End
/*---------------------------*/


/*---------------------------*/


/* Grid-View Elements
/*---------------------------*/

.grid-view {
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    border: solid 1px #DCEDFF;
}


/* Header Column Styles */

.grid-view .headerColumn {
    font-weight: bold;
    color: #000000;
}


/* Header Row Styles */

.grid-view .headerRow {
    color: #FFFFFF;
    background-color: #5393D0;
    text-align: left;
    font-weight: normal;
}

.grid-view .headerRow a {
    color: #FFFFFF;
    text-decoration: none;
}

.grid-view .headerRow a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}


/* Normal Row Styles */

.grid-view .normalRow {
    background-color: #DCEDFF;
}

.grid-view .normalRow a {
    color: Blue;
    text-decoration: none;
}

.grid-view .normalRow a:hover {
    color: Blue;
    text-decoration: underline;
}


/* Alternate Row Styles */

.grid-view .alternateRow {
    background-color: #FFFFFF;
}

.grid-view .alternateRow a {
    color: Blue;
    text-decoration: none;
}

.grid-view .alternateRow a:hover {
    color: Blue;
    text-decoration: underline;
}


/* Footer and Paging Row Styles */


/*.grid-view .pagerRow {
    background-color: rgb(77, 179, 208);
        border-radius: 0px 3px 3px 0px;
    border-collapse: collapse;
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    border: none;
}*/

.pagerRow td {
    /*padding: 10px;*/
    border-radius: 3px 3px 3px 3px;
    font-weight: 700!important;
}

.pagerRow {
    border-collapse: collapse;
    color: #FFFFFF;
    letter-spacing: 0.02em;
    background-color: rgb(77, 179, 208);
    background-clip: padding-box;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    border: none;
}

[src$="Panel.gif"] {
    // margin-left: auto;
    // margin-right: 11px;
    // margin-bottom: 10px;
    // display: block;
    position: absolute;
    top: 4px;
    right: 5px;
}

.grid-view .footerRow,
.pagerRow a {
    color: #FFFFFF;
    text-decoration: none;
}

.grid-view .footerRow,
.pagerRow a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}


/* Blank Row Styles */

.grid-view .blankRow {
    background-color: #FFFFFF;
}

.grid-view .blankRow a {
    color: #FFFFFF;
    text-decoration: none;
}

.grid-view .blankRow a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}


/* Selected Row Styles */

.grid-view .selectedRow {
    background-color: #d3d3d3;
}


/* ==========================================================================
  Login Special Links
   ========================================================================== */

.speciallink {
    text-align: right;
    padding-right: 30px;
    padding-top: 20px;
    font-size: 15px;
}

.speciallink {
    COLOR: #3095b4;
    margin-top: 20px;
    margin-bottom: -20px;
}

.speciallink a {
    border: medium none;
    box-shadow: none;
    background: #dbdbdb none repeat scroll 0% 0%;
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 300;
    padding: 0.625rem 1.25rem 0.6875rem;
    border-radius: 3px;
    font-size: 15px;
    TEXT-DECORATION: none;
    transition: all 0.2s;
}

.speciallink a:hover {
    COLOR: white;
    background-color: #02518C;
    TEXT-DECORATION: none;
}


/* ==========================================================================
  Custom
   ========================================================================== */


/* Action Buttons
   Use this class for the div area that wraps your submit, cancel action buttons
*/

.
/*sectionSeparator
{
    width:100%;
}*/


/* Customisation Grid Hyperlink
   This css class is used to wrap the hyperlink on the customisation grid when in edit mode
*/

.customisationGridLink {
    text-align: right;
    width: 100%;
}


/* Customisation Grid Debtor Amount - Positive
*/

.customisationGridPositiveDebtorAmount {
    color: #FF0000;
}


/* Customisation Grid Debtor Amount - Negative
*/

.customisationGridNegativeDebtorAmount {
    color: #000000;
}

.actionButtons {
    text-align: right;
}

.actionButtonsRight {
    float: right;
}

.actionButtonsLeft {
    float: left;
}

.paymentDescription {
    padding-left: 30px;
}

.paymentLink {
    padding-left: 5px;
}


/* Section Separator
   Use this class for the div area that wraps your separation image
*/


/*.sectionSeparator
{
    margin-top:-10px;
}*/


/* Section Title
   This is the style for the title above the section separator
*/

.sectionTitle {
    width: 100%;
    color: #000000;
    font-weight: bold;
    padding-left: 5px;
    position: relative;
    padding-top: 15px;
    margin-bottom: -10px;
}

.subTotalField {
    width: 12ex;
}

.sectionField {
    background-color: WhiteSmoke;
    width: 28ex;
    padding: 5px 5px 5px 5px;
    vertical-align: text-top;
}


/* Section Field Alt
   This is the style for the alternating field in a customisation grid
*/

tr.altRow td.sectionField {
    background-color: #FFFFFF;
    width: 28ex;
    padding: 5px 5px 5px 5px;
    vertical-align: text-top;
}


/* Section Value
   This is the style for the value in a customisation grid
*/

.sectionValue {
    background-color: WhiteSmoke;
    width: 60ex;
    padding: 5px 5px 5px 5px;
    vertical-align: text-top;
}


/* Section Value Alt
   This is the style for the alternating value in a customisation grid
*/

tr.altRow td.sectionValue {
    background-color: #FFFFFF;
    width: 60ex;
    padding: 5px 5px 5px 5px;
    vertical-align: text-top;
}


/* Unordered list of Categories on the GroupCategory page */

.listCategories {
    margin-top: -5px;
}

.listCategories li {
    background: transparent url("https://www.fremantle.wa.gov.au/sites/all/themes/cof/images/list-point-png.png") no-repeat scroll left center;
    padding-left: 26px;
    background-position: left center;
}


/* Light gray border */

.squareBorder {
    color: #fff;
    padding: 10px;
    background-color: #02518C;
    border: medium none;
    border-radius: 3px;
    width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
}

.squareBorder .summaryFieldName {
    padding-top: 0px;
}

.editModeBounds {
    border: solid 1px #0457A1;
    color: #0457A1;
    padding: 2px 2px 2px 2px;
    background-color: #edf6ff;
}

.payNowLink {
    text-align: left;
    padding-left: 25px;
}

.TwoColumns {
    /* Altered by Erol Elcan Flametree Creative */
    /*position: relative;*/
    height: 100%;
}

.TwoColumns .FirstColumn {
    width: 30ex;
    float: left;
}

.TwoColumns .SecondColumn {
    margin-left: 25ex;
    width: 31ex;
}

.AddressColumns {
    width: 100%;
    position: relative;
}

.AddressColumns .FirstColumn {
    width: 50%;
    float: left;
}

.AddressColumns .SecondColumn {
    margin-left: 50%;
}

.pageComponentHeading {
    // font-size: larger;
    font-size: 1.3em;
    font-weight: normal;
    color: #3095b4;
}

div[id$="pnlComponentHeading"] {
    position:relative;
}

div[id$="pnlComponent"] {
     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

div[id$="cusPageComponentGrid_pnlCustomisationGrid"] > br {
    display:none;
}

.sectionHeading {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #555555;
    padding-left: 0px;
}

.noRowsFound,
.noInformationFound {
    color: Red;
}


/*
    ddlNormal is a generic css reference for Drop Down List elements
    Skin Id: <not specific>
    ListBoxCssClass:  ddlNormal
*/

.ddlNormal {
    margin-bottom: 1ex;
}


/*
    ddlWide is a generic css reference for Drop Down List elements
    Skin Id: <not specific>
    ListBoxCssClass:  ddlWide
*/

.ddlWide {
    width: 400px;
    margin-bottom: 1ex;
}


/*
    ddlMedium is a generic css reference for Drop Down List elements
    Skin Id: <not specific>
    ListBoxCssClass:  ddlMedium
*/

.ddlMedium {
    width: 300px;
    margin-bottom: 1ex;
}


/*
    ddlNarrow is a generic css reference for Drop Down List elements
    Skin Id: <not specific>
    ListBoxCssClass:  ddlNarrow
*/

.ddlNarrow {
    width: 21ex;
    margin-bottom: 1ex;
    margin-right: 1ex;
}

@media print {
    body {
        margin: 0px;
    }
    #cssBounds,
    #cssContentArea {
        float: left;
        margin: 0px;
        padding: 0px;
        text-align: left;
	z-index: 100;
    }
    #cssBanner,
    #cssTaskpane,
    #cssTaskpaneRelatedLinks {
        width: 0px;
        display: none;
    }
    #cssContent,
    div #cssContent {
        margin: 0px;
        padding: 0px;
        display: block;
        float: left;
        width: 100%;
    }
}

@media screen {}

.ProgressBar {
    border: 0;
    background-color: Transparent;
    height: 10px;
    width: 10px;
    position: absolute;
    left: 40%;
    top: 40%;
    color: black;
    Z-index: 100;
}

.information {
    margin-bottom: 6px;
    display: block;
    color: #666;
}

.mute {
    border: 1px solid black;
    background-color: black;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    Z-index: 90;
}

.closebtn {
    border: 2px solid #eee;
    position: absolute;
    Z-index: 99;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -299px;
    width: 500px;
    height: 25px;
    background-color: #333;
    color: #333;
    background-color: #fff;
    background-repeat: repeat-x;
}

.closebtn label {
    float: left;
    font-size: 17px;
    margin-top: 3px;
    margin-left: 4px;
}

.closebtn a {
    float: right;
}

.popup {
    border: 2px solid #eee;
    position: absolute;
    Z-index: 100;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -270px;
    width: 500px;
    height: 400px;
    background-color: #f8f8f8;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    overflow: -moz-scrollbars-vertical;
}

.popupgrid {
    border: 1px solid white;
}

.popup table {
    width: 475px;
    border: 1px solid #333;
}

.dataPanel {
    position: absolute;
    width: 100%;
    height: 700px;
    left: 0;
    top: 0;
    Z-index: 80;
}

.ajax__calendar_dayname {
    font-size: 12px;
    width:100%!important;
}

.SearchTabs .noScriptLinkButton {
    display: inline;
}


/* ==========================================================================
  Address
   ========================================================================== */


/*---------------------------*/


/* Address Land Search Control
/*---------------------------*/


/*

*/

.SearchTabs {
    margin-bottom: 30px;
    border-bottom: 1px solid #FFF;
}


/*

*/

.AddressSearch {
    margin-bottom: 10px;
}


/*

*/

.AddressSearchOptions {
    vertical-align: bottom;
    padding-left: 10px;
    margin-bottom: 10px;
}

.AdvancedSearchOptions {
    vertical-align: bottom;
    margin-bottom: 5px;
}


/*

*/

.AddressFastSearch {
    margin-bottom: 10px;
    /*border-bottom: solid 1px #6699cc;*/
}


/*

*/

AddressSearchField {
    margin-bottom: 10px;
    /*border-bottom: solid 1px #6699cc;*/
}


/*

*/

.AddressSimple {}


/*

*/

.AddressAdvanced {}


/*

*/

.AddressAdvancedProperty {}


/*

*/

.LandSearch {}


/*

*/

.LandSimple {}


/*

*/

.LandAdvanced {}


/*

*/

.StreetSearch {}


/*

*/

.StreetSimple {}


/*

*/

.LocationSearch {}


/*

*/

.LocationSimple {}


/*

*/

.SearchButtons {
    /*border-top: solid 1px #6699cc;*/
    padding-top: 5px;
}


/*

*/

.SearchResults {}


/*

*/

.AddressSearchResults {}


/*

*/

.LandSearchResults {}


/*

*/

.StreetSearchResults {}


/*

*/

.LocationSearchResults {}


/* ==========================================================================
  Search Tabs
   ========================================================================== */

.tabmenu {
    color: #333;
    margin: 15px 0px 0px 0px;
    /*padding: px;*/
    z-index: 1;
    padding-left: 0px;
    padding-bottom: 3px;
    border-bottom: 1px solid #C0C0C0;
}

.tabmenu li {
    display: inline;
    overflow: hidden;
    list-style-type: none;
    letter-spacing: 0.02em;
    margin-right: 5px;
}

.tabmenu a,
a.active {
    color: #555;
    background: #dbdbdb;
    /*border: 1px solid #002c5f;*/
    /*padding: 2px 5px 0px 5px;*/
    margin: 0;
    text-decoration: none;
    font-weight: bold;
    padding: 0.4em 2.5em;
    border: none;
    border-radius: 3px 3px 0px 0px;
    /*border-bottom: none;*/
}

.tabmenu a.active {
    background: #dd866b;
    color: #fff;
}

.tabmenu a.active:hover {
    background: #555;
    color: #fff;
}

.tabmenu a:hover {
    background: #555;
    color: #fff;
}


/* ==========================================================================
  AutoComplete
   ========================================================================== */

.autocomplete_completionListElement {
    margin: 0px;
    background-color: #ffffff;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
    height: 100px;
    text-align: left;
    list-style-type: none;
}

.autocomplete_highlightedListItem {
    background-color: #dcedff;
    color: #000000;
    padding: 1px;
}

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}

.Indentblock {
    display: block;
    margin-left: 20px;
}

.fieldLabelBlock {
    empty-cells: show;
    display: block;
    width: 30ex;
    margin-bottom: 1ex;
    white-space: normal;
    vertical-align: middle;
}

.QuestionHeading {
    font-weight: bold;
}

.QuestionIndent1 {
    display: block;
    margin-left: 0px;
}

.QuestionIndent2 {
    display: block;
    margin-left: 15px;
}

.QuestionIndent3 {
    display: block;
    margin-left: 30px;
}

.QuestionIndent4 {
    display: block;
    margin-left: 45px;
}

.QuestionIndent5 {
    display: block;
    margin-left: 60px;
}

.QuestionIndent6 {
    display: block;
    margin-left: 75px;
}

.QuestionIndent7 {
    display: block;
    margin-left: 90px;
}

.QuestionIndent8 {
    display: block;
    margin-left: 115px;
}


}