/*html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}*/
.checkboxlistfor label
{
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
}

html
{
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

body
{
    background-color: #fff;
    /*border-top: solid 10px #000;*/
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}



header, footer, hgroup,
nav, section
{
    display: block;
}

header
{
    background: #006599;
    padding-bottom: 1.5em;
	padding-top: 0.5em;
}


mark
{
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left
{
    float: left;
}

.txtright {
    text-align:left !important;
}


.float-right
{
    float: right;
}

.float-none{
    float:none!important;
}

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

h1, h2, h3,
h4, h5, h6
{
    color: #00823B;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1
{
    font-size: 2em;
}

h2
{
    font-size: 1.50em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active
    {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper
{
    margin-left: 5%;
	margin-right: 5%;
    /*max-width: 960px;*/
}

#body
{
    background-color: #ffffff;
    clear: both;
    padding-bottom: 8em;
}

.main-content
{
    /*background: url("../Images/accent.png") no-repeat;*/
    padding-left: 10px;
    padding-top: 30px;
}

.featured + .main-content
{
    /*background: url("../Images/heroAccent.png") no-repeat;*/
}

header .content-wrapper
{
    /*padding-top: 20px;*/
}

footer
{
    clear: both;
    background-color: #e2e2e2;
    font-size: .8em;
    /*height: 100px;*/
    bottom: 0;
    position: fixed;
	width: 100%;
}


/* site title
----------------------------------------------------------*/
.site-title
{
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    font-weight: bold;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active
    {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }


/* login
----------------------------------------------------------*/
#login
{
	color: #ffffff;
    display: block;
    font-size: .85em;
	margin: 0 0 10px;
    text-align: right;
}

    #login a
    {
        /*background-color: #d3dce0;*/
        /*background-color: #7ac0da;*/
        color: #ffffff;
        background-color: #006599;       
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

		#login a:hover
		{ 
        color: #ffffff;
        background-color: #00823B;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username
        {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul
    {
        margin: 0;
    }

    #login li
    {
        display: inline;
        list-style: none;
    }

/* Tools menu
----------------------------------------------------------*/
#tools
{
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
    text-transform: uppercase;
}

    #tools a
    {
        background-color: transparent;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
        color: #999;
    }

        #tools a:hover
        {
            color: #333;
        }

    #tools ul
    {
        margin: 0;
    }

    #tools li
    {
        display: inline;
        list-style: none;
    }
/* menu
----------------------------------------------------------*/
ul#menu
{
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li
    {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a
        {
            background: none;
            color: #00823B;
            text-decoration: none;
        }

            ul#menu li a:hover
            {
                color: #333;
                text-decoration: none;
            }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured
{
	/*background-color: #fff;*/
}

    .featured .content-wrapper
    {
        /*background-color: #7ac0da;*/
        background-color: #006599;
        /*background-image: -ms-linear-gradient(left, #006599 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #006599 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #006599), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #006599 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #006599 0%, #a4d4e6 100%);*/
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2
    {
        color: #fff;
    }

    .featured p
    {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title
{
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2
    {
        display: inline;
    }

    hgroup.title h2
    {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature
{
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round
{
    list-style-type: none;
    padding-left: 0;
}

    ol.round li
    {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero
        {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one
        {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two
        {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three
        {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four
        {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five
        {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six
        {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven
        {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight
        {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine
        {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article
{
    float: left;
    width: 70%;
}

aside
{
    float: right;
    width: 25%;
}

    aside ul
    {
        list-style: none;
        padding: 0;
    }

        aside ul li
        {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label
{
	font-weight: 700;
}

.editor-label
{
	color: #00823B; 
    display: block;
    float: left;
    padding: 0;
    /*width: 285px;*/
    margin: 1em 1em 0 0;
	/* overflow: auto;*/
}

.editor-field
{
	width: auto;
	margin: 0.9em 0 0 0;
	/*overflow: auto ;*/
	min-height: 2em;
}

.editor-radio
{
	width: auto;	
}

.editor-radiolabel
{
	color: #00823B; 
	display: block;	
	padding: 0;
    vertical-align:top;	   
	/* overflow: auto;*/
}

.editor-labelWidth
{
	padding-left:31%;
}
/* login page */
#loginForm
{
    /*border-right: solid 2px #c8c8c8;*/
    float: left;
   width: 55%;
}

    #loginForm .validation-error
    {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul
    {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li
    {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input
    {
        width: 250px;
    }

        #loginForm input[type="checkbox"],
        #loginForm input[type="submit"],
        #loginForm input[type="button"],
        #loginForm button
        {
            width: auto;
        }

#socialLoginForm
{
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2
    {
        margin-bottom: 5px;
    }

#socialLoginList button
{
    margin-bottom: 12px;
}

#logoutForm
{
    display: inline;
}

/* contact */
.contact h3
{
    font-size: 1.2em;
}

.contact p
{
    margin: 5px 0 0 10px;
}

.contact iframe
{
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend
    {
        display: none;
    }

    fieldset ol
    {
        padding: 0;
        list-style: none;
    }

        fieldset ol li
        {
            padding-bottom: 5px;
        }

label
{
    display: block;
	font-size: 1.2em;
	/*font-weight: 600;*/
}

    label.checkbox
    {
        display: inline;
    }

input, textarea
{
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
	/*width: 300px;*/
}

textarea
{
    font-family: inherit;
	/*width: 500px;*/
}

    input:focus, textarea:focus
    {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"]
{
    background: transparent;
    border: inherit;
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
}

input[type="submit"],
input[type="button"],
button
{
    background-color: #006599;
    border: 0px solid #787878;
	color: white;
    cursor: pointer;
    font-size: 1.2em;
    padding: 1em;
    margin-right: 8px;
}

/*:focus over input[type=submit], input[type=button], .button*/
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus
{
	background-color: #00823B;	
}

	input[type="submit"][disabled="disabled"], input[type="submit"][disabled="disabled"]:hover,
	input[type="button"][disabled="disabled"], input[type="button"][disabled="disabled"]:hover,
        

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover
{
    background-color: #00823B;
    border: 0px solid #787878;
		color: white;
    cursor: pointer;   
}

td input[type="submit"],
td input[type="button"],
td button
{
    font-size: 1em;
    /*padding: 4px;*/
    /*padding: 20px;*/
    margin-right: 4px;
    /*width: 8em;
    height: 6em;*/
    /*word-wrap:break-word;*/
}

.feedue
{
    text-align: right;
}

/* info and errors */
.message-info
{
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error
{
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success
{
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error
{
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error
{
    /*color: #e80c4d;
    font-weight: bold;*/
    font-weight: normal;
    font-family: Verdana;
    font-size: 10pt;
    color: red;
    /*float: right;*/
    /*width: 30%;*/
    /*position: absolute; */
	vertical-align: top;
	padding-top: 10px;
	margin-right: 1.5em;
}

.field-validation-valid
{
    display: none;
}

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

input[type="checkbox"].input-validation-error
{
    border: 0 none;
}

.validation-summary-errors
{
    /*color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;*/
    font-family: Verdana;
    font-size: 10pt;
    color: red;
}

.validation-summary-valid
{
    display: none;
}


/* tables
----------------------------------------------------------*/
table
{
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th
{
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
	font-weight: 600;
	color: #00823B;
}

    th a
    {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover
        {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover
        {
            color: #000;
        }

    th.asc a, th.desc a
    {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after
        {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after
        {
            content: '▲';
        }

        th.desc a:after
        {
            content: '▼';
        }

td
{
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td
{
    padding: 0 0.25em 0 0;
}

#selectable .ui-selecting
{
    background: #FECA40;
}

#selectable .ui-selected
{
    background: #F39814;
    color: white;
}

#selectable
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#SiteLocationMap
{
    margin-top: 10px;
}
   
#SiteLocationMapImage
{
	width: 75em;
    position: absolute;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px)
{

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right
    {
        float: none;
    }

    /* logo */
    header .site-title
    {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login
    {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul
        {
            margin: 5px 0;
            padding: 0;
        }

        #login li
        {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a
        {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover
            {
                color: #333;
            }

    /* menu */
    nav
    {
        margin-bottom: 5px;
    }

    ul#menu
    {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li
        {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content
    {
        background-position: 10px 0;
    }

    .content-wrapper
    {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper
    {
        padding: 10px;
    }

    /* page content */
    article, aside
    {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round
    {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li
        {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine
            {
                background: none;
            }

    /* features */
    section.feature
    {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img
        {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input
    {
        width: 90%;
    }

    /* login page */
    #loginForm
    {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error
        {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm
    {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right
    {
        float: none;
    }

    footer
    {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p
        {
            margin: 0;
        }
}

#ajaxloader
{
    display: none;
    width: 25px;
    height: 25px;
}
/* Building control style content*/
.listWidth
{
    width: 50%;
}

.listWidth70
{
    width: 70%;
	width: 60%;
}

.textAreaHighway
{
	height: 4em;
	width: 60%;
}

.textAreaLarge {
    height: 6em;
	width: 97%;
}

/* new added css */
.tdLabel
{
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
	width: 25%;
}

.tdInput
{
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
	width: 40%;
}

.tdErrorInfo
{
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
	width: 35%;
}

/* For Unsupported Browser */

.lblcenter
{
	text-align: center;
}

.brwarrange
{
	float: left;
}

.lblarrange
{
	padding: 10px;
}

.mngcenter
{
    margin: 0 auto;
            width: 400px;
            height: 200px;           
}

/* For Postcode entry field */
.postcode-field
{
    text-transform: uppercase;
}

/*for full plan in BC Application*/

.fullplan-pdb126
{
	padding-bottom: 126px;
}

.fullplan-pdb48
{
	padding-bottom: 48px;
}

.fullplan-pdb372
{
	padding-bottom: 372px;
}

/*making the link look like button*/ 
.button
{
    background-color: #006599;
    border: 0px solid #787878;
    color: #ffffff !important;
    cursor: pointer;
    padding: 0.25em;
    margin-right: 8px;
    width: auto;
	text-decoration: none;
}
/*:focus on link that looks like button*/
.button:focus
{	
	background-color: #00823B;	
}


/*help link Registration-Other details*/
.mgtopmgleft a
{
    margin-left: 10px;
}
/* editor label for small in registration page */
.editor-label-small
{
	color: #00823B;
    display: block;
    float: left;
    padding: 0;
    width: 208px;
    margin: 1em 1em 0 0;
}

.label-without-width
{
    display: block;
    float: left;
    padding: 0;
    margin: 1em 1em 0 0;
    overflow: auto;
}

.wid100px
{
	width: 155px;
    margin-top: 14px;
}

.flrgtpd100px
{
	float: right;
    padding-right: 100px;
}

.txtaligncenter
{
	text-align: center;
}

.txtaligncenterred
{
	text-align: center;
	color: red;
}

.txtalignleft
{
	text-align: left;
	color: red;
}

.txtalignleftSimple
{
	text-align: left;
}

.txtalignrightSimple
{
	text-align: right;
}

.mgtopmgleft
{
    padding-bottom: 26px;
margin-top: -24px;
margin-left: 31px;
}

.optionlabel
{
    font-size: 1.2em;
    font-weight: 600;
    display: inline;
}

.optioninput
{
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 50px;
}

.colorred
{
	color: red;
}

.pad5px
{
    /*padding: 5px;*/
}

.width30
{
	width: 30%;
}

.mg2px
{
    margin-top: 2px; 
}

.RadioButton
{
	width: auto;
}

.forradiobutton
{
    display: inline !important;
    width: auto;
	padding-right: 16px;
}

span.radioButtonVertical label
 {
    display: inline-block !important;
}
.forradiobuttonlabel
{
    display: inline;
}

.displaynot
{
	display: none;
}

.hidevisibility 
{
	visibility: hidden;
}

.displaynotimportant
{
	display: none !important;
}

.divTable
{
	display: table;
    /*float:left;*/
}

.divRow
{
	display: table-row;
}

.valignTop {
    display: table-cell;
    vertical-align:top ;
}

.divCellnoPad
{
	display: table-cell;
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
    /*padding-left: 10px;*/
    /*padding-right:10px;*/
}


input[type="radio"]
{
	border: 0px solid black;
	width: 1em;
}

.width100
{
	width: 100%;
}

.width890
{
	width: 890px;
}

.required :after
{
	color: #e32;
	content: '*';
	display: inline;
    font-size: 1.3em;
}

.addScroll
{
	overflow: auto;
}

.arrengeRadioButton
{
	text-align: left;
	padding: 5px;
	width: auto;
	vertical-align: middle;
}

.arrengeRadioLabel
{
	text-align: left;
	padding: 5px;
	width: auto;
}

.ui-tabs-vertical
{
	/*width: 55em;*/
}

.ui-tabs-vertical .ui-tabs-nav
{
    background-color: #cccccc;
	padding: .2em .1em .2em .2em;
    padding-right: .4em;
	float: left;
		width: 18%;
}

.ui-tabs-vertical .ui-tabs-nav li
{
	clear: left;
	width: 100%;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 0 -1px .2em 0;
}

.ui-tabs-vertical .ui-tabs-nav li a
{
	display: block;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active
{
	padding-bottom: 0;
	padding-right: .4em;
	border-right-width: 1px;
	border-right-width: 1px;
    background-color: #00823B;
}

.ui-tabs-vertical .ui-tabs-panel
{
	padding: 0em;
    padding-left: 0.5em;
	float: left;
	/*width: 40em;*/
    width: 85%;
	}

s #tabs
{
	/*width: 1020px;*/
}

.is-disabled
{
	background-color: #FFFFFF!important;
    cursor: default!important;
}


#tabsSiteLocation, #tabInterestedParties, #tabApplicationDetails, #tabFees, #tabAttachments, #tabPaymentType, #tabSubmit, #tabStartApplication
{
	float: left;
	width: 80%;
	overflow: auto;
}

#tabFees, #tabInterestedParties, #tabPaymentType, #tabApplicationDetails,#tabSubmitButton
{
	width: 80%;
	float: left;
	overflow: auto;
}

#tabs label
{
	/*display: block;*/
font-size: 1em;
	font-weight: 500;
/*color: #00823B;*/
/*min-width:15em;*/
}


.width500
{
	width: 500px;
}

.width300
{
	width: 300px;
}

.width50
{
	width: 50%;
}

.width90
{
    width:90em
}

.tablewithspace 
{
	border-collapse: separate;
	border-spacing: 0 2em;
}

.smlbtn
{
	background-color: #7ac0da;
	cursor: pointer;
	margin-right: 8px;
	width: auto;
	text-decoration: none;
}

.width100
{
	width: 100%;
}


.width95
{
	width: 95em;
}

.width60Color
{
	width: 80%;
	background-color: lightgray;
}

.widt80Color
{
	width: 80%;
	background-color: lightgray;
}

.width70
{
	width: 70%;
}


.width80
{
	width: 80%!important;
}
    

table.editUserProfile
{
}

table.editUserProfileTelephoneNumber
{
    width: 60%;
	background-color: lightgray;
}

.userProfileTelephoneNumber
{
    width: 67%;
}

#Cancel
{
	/*font-size: 1.2em;*/
}

.padding-left
{
    padding-left: 30px;
}

.paddL20{
    padding-left:20px;
}

.paddL20em{
    padding-left:20em;
}

.paddL20_6{
    padding-left: 20.6em;
}
/*aligning the save save&exit cancel, generate pdf buttons*/
.paddL25_5em
{
    padding-left:25.5em;
}

.padLeft3em
{
    padding-left: 3em;
}

.padLeft1em
{
	padding-left: 1em;
}

.paddL2{
    padding-left:2em;
}

.paddL1_5em{
    padding-left:1.2em;
}

.padL14{
    padding-left:14em;
}
.linebreak
{
    border-bottom: 3px solid black;  
}

.divWidth
{
    width:224px;
}

.divAccessWidth 
{
    width:240px;
}
.divWithBorder
{
    /*border: solid; */
    padding-left: 10px; 
    padding-right: 10px; 
    padding-top: 30px;
	padding-bottom: 20px;
}

.underLine
{
	text-decoration: underline;
}

/*Create app- add br after address buttons*/

#divOwnerAddress a
{
    margin-bottom: 10px;
}

#FeeCalculator
{
   /* margin-left: 15px;*/
}

.invisible
{
	visibility: hidden;
}

h .visible
{
    visibility: visible;
}

.em
{
    font-size: 1em !important; 
}

/*Select Submission Type Buttons*/

input[value="Enquire"]
{
    background-color: #68217a;
}

input[value="Report it"]
{
	background-color: #006599;
}

input[value="Apply for it"]
{
    background-color: #f2700f;
}

/**/ /**/

.HomeActionLinksMenu 
{
	margin-right: 5%!important;
}

#HomeLink a
{
    background-color: #006599;
    color: #ffffff;
    padding: 1em;
    text-decoration: none;
}

	#HomeLink a:hover
	{
    background-color: #00823B;
    color: #ffffff;
    text-decoration: none;
}



#preLogin
{
    /*margin-right: -50px;*/
}


/*register-search address*/

.ko-grid-pageLinks 
{
    margin-top: 15px;
    margin-bottom: 15px;
}


/*Applicant Details*/

.narrowListWidth
{
    width: 3em;
}    


/* Help Text*/

a.helper:hover
{
    background-color: transparent;
}

.hideBorderAndUnderline
{
	border: 0;
	text-decoration: none;
}

.addressAlign
{
    vertical-align: top;
}



.valignMiddle
{
	vertical-align: middle;
}

.squareButton
{
	padding: 1.2em;
    background-color: #006599;
	color: #ffffff!important;
    text-decoration: none;
	height: 7em;
	width: 7em;
	padding-bottom: 1.217em;
}

	.squareButton:hover
	{
    /*padding:1.2em;*/
    background-color: #00823B;
		color: #ffffff!important;
    text-decoration: none;
}

.homeButtons
{
	padding: 1.2em;
    background-color: #006599;
	color: #ffffff!important;
    text-decoration: none;
    width: 8.5em;
	white-space: normal;
}

	.homeButtons:hover
	{
    /*padding:1.2em;*/
    background-color: #00823B;
		color: #ffffff!important;
    text-decoration: none;
}




/*alternate table drafts && row styling*/

.ListDraftApplicationsTable
{
	width: 100%;
}


	.ListDraftApplicationsTable tr:nth-child(even), #Table1 tr:nth-child(even)
	{
    background-color: #efefef;    
}

    
	.ListDraftApplicationsTable tr td
	{
    padding-top: 1em;
    padding-bottom: 1em; 
    padding-left: 1em;   
}

	.ListDraftApplicationsTable tr th
	{
    text-align: center;   
}
/*#ListDraftApplicationsTable tr:nth-child(odd) {
    background-color: #caddeb;
    
}*/

#ManageUsers .divRow .divCell
{
	/*max-width: 0.3em;*/
	font-size: 0.8em!important;
    word-wrap: break-word;  
    word-break: break-word;
}


#ManageUsers .divRow:nth-child(even)
{
    background-color: #efefef;
}
    
#ManageUsers .divCell
{
	vertical-align: middle;
}

#divApplicationValidationOverview .divRow:nth-child(even)
{
	background-color: #efefef;
}

#ManageUsers table tbody td
{
    font-size: 0.75em!important;
	padding: 0;
}

#UserType
{
    /*margin-left: -10em;
    margin-right:-10em;*/
}

#forUserRoleCell
{
	text-align: center!important;
}


.tablewithlessspace 
{
    /*border-collapse: separate; */
    border-spacing: 0 0.5em;
}

/*word wrap (primarily for users setup table*/
.wordWrap
{
	word-wrap: break-word;
    -ms-word-wrap: break-word;
    word-wrap: -ms-word-wrap, -webkit-wrap-flow, break-word;
}

.wordWrapNormal
{
    word-wrap: normal;
    word-break: normal;
}



/*Schedule 2 Type of Work Admin*/

#TypeOfWorkSchedule thead tr th, #TypeOfWorkSchedule tbody tr td
{
	padding-right: 1em;
}

#CreateFeeSchedule table thead tr
{
	font-size: 0.9em;
}

tbody#TypeofWorkTableBody tr td input
{
	width: 7em!important;
}

/*Schedule 3 BC Fee Calculator*/
#FeeCalculation_FeeCharges_Schedule3_EstimatedCostOfWorkHelpIcon{
    padding-bottom:1em!important;
}


.whiteText
{
	color: #ffffff;
}

.dBlueText
{
	color: #00823B;
}

.lBlueText
{
	color: #006599;
}


/*no padding*/

.noPadding
{
	padding: 0;
}

#divAdmin
{
	/*border:solid;*/ 
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 20px;
	display: inline-block;
}

#divAdmin input[type="text"]
{ 
    width:95px;
}





/*My Reference editor, Apply For It*/
#BuildingControlApplication_MyReference
{
	width: 25em;
}

.width20em
{
	width: 20em;
}

.width25em
{
	width: 25em;
}

.width30em
{
	width: 30em;
}

.width32em
{
    width: 32em;
}

width8em
{
    width:8em;
}

/*ADMIN- application type mapping*/

#ApplicationTypeMapTable .divRow .divCell
{
    min-width: 15em;
}

#LicenceTypeMap .divRow .divCell
{
    min-width: 20em;
}

/*fee schedule*/

.feeSchedule tbody tr th label, .feeSchedule thead tr th label
{
    color: #00823B;
    font-size: 1em;
    font-weight: normal;
}

.feeSchedule tbody tr td label, .feeSchedule thead tr td span, .feeSchedule thead tr td input
{
    color: #00823B;
    font-size: 1.2em;
}


#fee1NumberDwellings
{
	text-align: right;
}

#FeeCalculation.Schedule1_NumberOfDwellings
{
	width: 3em;
}

.feeSchedule2Header
{
    font-size: 1em;
    color: #00823B;
}

.divSchedule2Plan
{
}

.divPlanCharge
{
	padding-left: 6em;
}

.divInsCharge
{
	padding-left: 2.5em;
}
/**/
.oneEm
{
	font-size: 1em;
}

.darkBlue
{
	color: #00823B;
}


.noFloat
{
	float: none;
}


#headerSelectedAddress
{
	font-size: 0.955em;
    color: #00823B;
}

.text-box
{
	width: 25em;
}

.fontWeight600
{
	font-weight: 600!important;
    text-align: right;
    padding-right: 2em;
}

.weight600 {
    font-weight:600!important;
}



/*fee calculator form*/
#FeeCalculatorForm
{
	font-size: 0.85em;
}

/*Fee Calculator DwellingTypesTemplate   */

#DwellingTypesTemplate thead tr th
{
	padding-right: 2em;
    
}


.roundCorners
{
    border-radius: 0.5em;
}

.height5
{
	height: 5em;
}

.height7 {
    height:7em;
}

.heignt65min
{
    min-height:65em;
}


.noBorder
{
	border: none;
    text-align: right;
	overflow: visible;
    background-color: transparent;
    padding: 0;
}

.noBorderLeft
{
	border: none;
    text-align: left;
    overflow: visible;
    padding: 0;
}

#CalculateFeeButton, #UseCalculateFeeButton, #UseILAPCalculateFeeButton
{
    padding:0.7em
}

/*add/remove attachment button*/
#AddAttachment, #divAttachmentList .divTable div div button
{
	padding: 0.4em;
	font-size: 1em;
}


/**/

#BuildingControlApplication_SiteDetails_ProposedUseOfBuilding
{
    /*margin-left:4.4em;*/
}

#BuildingControlApplication_SiteDetails_NumberOfStoreys
{
	margin-left: 0.3em;
}

#myDetailsTable
{
    color: #000000!important;
}

	#myDetailsTable table tbody tr td:nth-child(1)
	{
		width: 40%;
	}
/*margin for Register.cshtml*/

.margL1_2
{
    margin-left:1.2em;
}

.margL-0_8{
    margin-left:-0.8em;
}

.margL10{
    margin-left: 10px;
}

/*Margin for FeeCalculation-Schedule1_ApprovalTypeRequired input checkbox*/

.margT1_5{
    margin-top:1.5em;
}

/*margin for Associates and Business Colleagues input text box*/

.margT1_3{
    margin-top:1.3em;
}


/*margin for labels under electrical safety/building notice- check boxes*/
.marginTopNeg04
{
	margin-top: -0.4em;
}

.marginTop08
{
	margin-top: 0.8em;
}

.BorderOnSearchAddress
{
    border-bottom: 1px solid #000;
}

/*Submit Screen Button*/
#Submit
{
	font-size: 0.8em;
}

#copyPayerFromApplicant
{
	font-size: 0.8em;
}
/**/

/*Min width classes*/
.minWidth15
{
	min-width: 15em;
}


.minWidth18
{
	min-width: 18em;
}

.minWidth16
{
	min-width: 16em;
}

.minWidth11
{
	min-width: 11em;
}


#tblAdvertisementDetails tbody td
{
	padding-right: 10px;
	/*font-size:0.9em;*/
}
#tblAdvertisementDetails tbody td
{
	padding-right: 10px;
	/*font-size:0.9em;*/
}

#tblAdvertisementDetails thead tr td
{
	font-size: 0.9em;
	padding: 0.5em;
}

#tblAdvertisementDetailsBody tr td input
{
	width: 4.5em;
}


/**/


/*Cost Band Table*/

#CostBandsTable tbody th
{
	padding-right: 10px;
	/*font-size:0.9em;*/
}

#CostBandsTable thead tr th
{
	font-size: 0.9em;
	padding: 0.5em;
}

#CostBandsTableBody tr td input
{
	width: 4.5em;
}
.width5th
{
    width:0.5em
}


.Width8
{
	width: 8em;
}

#tblCertificate th
{
   font-size:1em;
    text-align: left;
    border: none 0px;
    padding-left: 0;

	color: #00823B;
}


#RoomDetails tbody th
{
	padding-right: 10px;
    width: 5em;
    /*font-size:0.9em;*/
}

#RoomDetails thead tr th
{
	font-size: 1em;
	padding: 0.5em;
     width: 5em;
     padding-left:0em;

}
#tblBodyHoursOfOpenings tr td input
{
	width: 6em;
}


#tblNonResidentialFloorspaceUses thead tr th
{
	font-size: 1em;
	padding: 0.5em;
     width: 5em;
     padding-left:0em;

}

#tblNonResidentialFloorspaceUses tr td input
{
	width: 8em;
}

#tblNonResidentialFloorspaceUses tr td span
{
	width: 15em;
}

#tbl

#RoomDetails tr td input
{
	width: 8em;
}


.paddingLeft2
{
	padding-left: 2em;
}

/**/

/*Admin side button sizing*/

.adminButtons
{
	font-size: 1.2em;
    /*padding: 0.1em!important;*/
	padding: 1em;
	padding-top: 0.85em;
	padding-bottom: 1.025em;
    white-space: nowrap;
}

#systemunavailablebtn
{
    padding:0.15em!important;
    padding-top:0.24em!important;
    padding-bottom:0.22em!important;
}
/**/


/*Pay Online button*/

#apayOnline[disabled="disabled"]
{
	background-color: #AF9797;
}

.button-disable {
background-color: #AF9797;
}

#CalculateFeeButton[disabled="disabled"]
{
	background-color: #AF9797;
}

#copyPayerFromApplicant[disabled="disabled"]
{
	background-color: #AF9797;
}
/**/

.centerAlign {
    text-align:center;
}


.rightAlign
{
	text-align: right;
}

.leftAlign
{
	text-align: left;
}

.rightAlign1_7
{
	text-align: right;
	padding-right: 1.7em;
}

.padTop1
{
	padding-top: 1em;
}

.minWidth1285
{
	min-width: 12.85em;
}

.whiteSpaceNormal
{
	white-space: normal;
}

.overflow-auto {
    overflow:auto;
}

/*Fee schedule set up date field width*/

.pickDate
{
    /*width:5em!important;*/
}

/* CSS for HIGHWAYS Added on 19 NOV 2013 */
.paddR30
{
	padding-right: 30px;
}

.paddL5{
    padding-left:5px;
}
.paddBottom
{
	padding-bottom: 10px;
}

.paddListEdit
{
	padding-bottom: 5px;
	padding-top: 5px;
}

.mandatoryFieldsStyle
{
	float: right;
	padding-bottom: 10px;
}

.buttonStyle
{
	padding: 0.6em;
}

.oddRows
{
	background-color: #efefef;
}

.evenRows
{
	background-color: #fff;
}

.tdadd
{
	padding-right: 0px;
}

#ListWithRecordsTable
{
	width: 100%;
}


	#ListWithRecordsTable tr:nth-child(even), #Table1 tr:nth-child(even)
	{
		background-color: #efefef;
	}


	#ListWithRecordsTable tr td
	{
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 0em;
	}

	#ListWithRecordsTable tr th
	{
		text-align: center;
	}

.paddLeft50
{
	padding-left: 50px;
}

.padd06em
{
	padding: 0.6em;
}

.padd05em
{
	padding: 0.5em;
}

.txtColor
{
	color: #333;
}

.divBorder
{
	border: 1px solid #000;
}

.padLeft30
{
	padding-left: 30px;
}
.padLeft5
{
	padding-left: 5px;
}

.padLeft10
{
	padding-left: 10px;
}

.padLeft230
{
	padding-left: 230px;
}

.padForRadioButton
{
	padding-left: 3em;
}

.padLeft5
{
	padding-left: 5em;
}
.padLeft10em
{
	padding-left: 10em;
}

.width20Ptg
{
	width:20%
}

.width30Ptg
{
	width:30%
}

.width10Ptg
{
	width:10%
}

.width40Ptg
{
	width:40%
}

.width20em
{
    width:20em
}

#CodeListItems .divRow .divCell
{
	max-width: 0.5em;
	font-size: 0.9em!important;
	height:35px;
}


#CodeListItems .divRow:nth-child(even)
{
	background-color: #efefef;
}

#CodeListItems .divCell
{
	vertical-align: middle;
}


.divTH
{
	font-size: 1.2em;
	text-align: left;
	border: none 0px;
	padding-left: 0;
	font-weight: 600;
	color: #00823B;
}

.mapBCAppTypes {
    font-size:1.25em;padding:0.9em;padding-top:0.78em;padding-bottom:0.92em
}

/*style for EnterUnstructuredManualAddress*/

.vertAlignTop{
    height:35px;
    vertical-align:top;
}
/*css style for createorEdit*/

.colorffffff{
    color:#ffffff!important;
}

.color00823B{
    color:#00823B!important;
}

.padB1{
    padding-bottom:1em;
}

.padL10{
    padding-left:13.2em;
}

.pad0_6{
    padding:0.6em;
}

.paddR0_5{
    padding-right:0.5em;
}
.paddL27{
    padding-left:27em;
}

.margL17_8{
    margin-left:17.8em;
}

.paddL11_5{
    padding-left:11.5em;
}

.paddL1{
    padding-left:1em;
}

/*css for Shedule4.cshtml*/

.paddR1_5{
    padding-right:1.5em;
}

/*css for Auth0ority Banner*/

.overflowAuto{
    overflow:auto;
}

/*css style for feecalculatorLayout*/

.minHeight65{
    min-height: 65em;
}

.width4{
    width:4em;
}
.width6{
    width:6em;
}

.width7{
    width:7em;
}

.width6Percent
{
    width:6%;
}
.width5{
    width:5em;
}


/*css style for selectsubmissionType.cshtml*/

.paddL0_5 {
    padding-left: 0.5em;
}
/*css style for EnterUnstructuredManualAddress*/

.unstructuredAddressTextArea{
    width:30em;
    height:13em;
    margin:0;
    padding:0;
    margin-top:1em;
}

.SystemUnavailableAddressTextArea{
    width:30em;
    height:4em;
    margin:0;
    padding:0;
    margin-top:1em;
}

.textAreaForPlanning {
   width:40em;
    height:5em;
    margin:0;
    padding:0;
    margin-top:1em;

}

.textAreaForHouseHolder {
   width:20em;
    height:9em;
    margin:0;
    padding:0;
    margin-top:1em;

}

.labelForPlanning
{
    width:40em;
}

.width610px
{
    width:700px;
}
/* fee Schedule table .helper */
.feeSchedule .helper{
    padding-bottom:1em!important;
}

/*css style for _Schedule1*/

.width17{
    width:17em;
}

.margLzero{
    margin-left:0!important;
}



/*css style for _Schedule2*/

.paddL4_3{
    padding-left:4.3em;
}

.paddL2_2{
    padding-left:2.2em;
}

.paddL8_8{
    padding-left:8.8em;
}

.paddL8_5{
    padding-left:8.5em;
}

.margL2{
    margin-left:2em;
}

.margL1{
    margin-left:1em;
}

.margL5{
    margin-left:5em;
}

/** border options*/

.borderBottom{
    border-bottom: 1px solid #000000;
}
.paddR20 {
    padding-right:20px;
}
.paddR15 {
    padding-right:15px;
}
.width60 {
    width:60px;
}
.width140 {
    width:140px;
}
.width180 {
    width:180px;
}
.width190 {
    width:190px;
}
.width200 {
    width:200px;
}

.width18Percent {
    width:18%;
}

.width40Percent {
    width:40%;
}

.width5Percent {
    width:5%;
}

.width15Percent
{
    width :15%;
}
.width2{
    width:2em;
}

.width67{
    width:67px;
}

.width15{
    width:15em;
}

.width20{
    width:20.5em;
}

.width20Percent{
    width:20%;
}

.width400{
    width:400px;
}

.TextAreaWidth20{
    width:20em;
    height:5em;
    margin:0;
    padding:0;
    margin-top:1em;
}

.DisabledLink {
   pointer-events: none;
   cursor: default;
}

/*Displaying multiple address in new line*/
#selectedaddressLabel
{
    white-space: pre-line;
}
.disabledColor
{
    opacity:0.35
}

.House
{
     padding-left:25em;
     padding-right:10em
   
}
.ProposedHouse
{
    
   padding-left:45em;
     padding-right:10em
    
}

.width18em {
	width: 18em;
}
.radioButtonVertical {
    display: -webkit-box;
    display: -khtml-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display:-ms-flexbox;
    -webkit-box-orient: horizontal;
    -khtml-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    -o-box-orient: horizontal;
    box-orient: horizontal;
}

/*system unavailable message label/editor*/
.margB3
{
    margin-bottom:3em;
}

.margB12
{
    margin-bottom:12em;
}

.vertAlignTop1_5
{
    vertical-align:top;
    padding-top: 1.5em;
}
/*margin for CodeListNames*/
.marg0
{
    margin-left:0;
    margin-right:0;
}

/*Food reg, limited company and company number*/
.width12
{
    width:12em;
}

/*MyeNgage styles*/
.font1_1
{
    font-size:1.1em!important;
}

/*User management font size; helper icon*/
.font2
{
    font-size:2em;
}

/*width for admin user table primarily salutation label*/
.width2Imp
{
    width: 2em!important;
}

.noWrap
{
    white-space:nowrap;
}

/*for codeListItemUsingCodeValue position of helper and validation on 'description'*/

.absolute{
    position:absolute;
}
#CodeItem_CodeDescriptionHelpIcon {
    position: absolute;
    margin-top: 1.5em;
    padding: 10px;
}     

#CodeItem_CodeDescription_ValidationMessage
{
    position: absolute;
    margin-top: 1.5em;
    margin-left: 2.5em;
}           

/*css for planning: Application Details: Description Text Area*/
.descriptionEditorLarge
{ 
    width: 28em;
    height: 20em;}

.height78px 
{
    height:78px;
}
.descriptionEditorMedium
{ 
    width: 25em;
    height: 4em;
}

.descriptionEditorMediumforAdvertisement
{ 
    width: 40em;
    height: 6em;
}

/*Css for help text beside labels in the same <div> so as to display to the right of said label : specifically for TENs> Application Details> Dates */
.margTneg1_3FloatRight , #TensApplication_ApplicationDetails_EventNoticeDateHelpIcon
{
    float:right;
    margin-top:-1.3em;
    padding-bottom:1.5em!important;
    margin-right: -2em;
}



/*Css to show helper icon beside vertical radio buttons*/
.verticalRadioHelpIcon
{
    position: absolute;
    margin-left: 9em!important;
    margin-top: -4.8em;
    padding-bottom: 4em!important;
}

/*.editor-radio .helper
{
    position: absolute;
    margin-left: 8em;
    margin-top: -4.8em;
    padding-bottom: 4em;
}*/

.userTypeSelection
{
    font-size: 1em;
    padding: 0.8em;
 
}

.relativeFloatRight{
    position: relative;
    float: right;
}

#tblWasteDetails thead tr th
{
	font-size: 1em;
	padding: 0.5em;
     width: 5em;
     padding-left:0em;

}

.width27em{
    width:27.5em;
}

.width32em{
    width:32em;
}

/* KD : These are added from jquery css for tabs as they break building control & Food this will be removed as bootstrap style takes over all over */
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
    background-color: #006599!important;
}

.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3/*{borderColorDefault}*/;
    /*background: #e6e6e6/*{bgColorDefault}*/ /*url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ /*50%/*{bgDefaultXPos}*/ /*50%/*{bgDefaultYPos}*/ /*repeat-x/*{bgDefaultRepeat}*//*;
    */
    background: #006599;
    font-weight: normal/*{fwDefault}*/;
    color: #ffffff/*{fcDefault}*/;
}
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999/*{borderColorHover}*/;
    background: #00823B;
    font-weight: normal/*{fwDefault}*/;
    color: #ffffff/*{fcHover}*/;
}
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa/*{borderColorActive}*/;
    background: #00823B;
    background: #006599;
    /*background: #ffffff;*/
    font-weight: normal/*{fwDefault}*/;
    color: #ffffff!important;
    /*color: black;*/
}

.tabDisabledColor{
     background-color:#a8a8a8 !important;
    
}
/* KD : These are added from jquery css for tabs as they break building control & Food this will be removed as bootstrap style takes over all over */width13Percent