h2
{
    font-size: 1em;
    font-weight: bold;
    border-bottom: solid 1px black;
    padding: 5px 0 5px 5px;
}

/*So we can still have h2s that look like the defaults
Setting the style of headers as we have done is bad, it forces us to use headers based on how they look rather than
reflecting the structure of the document and applying styles seperatley
*/
h2.NotUnderlined
{
    border-bottom: none;
    padding: 0 0 0 0;
    margin: auto !important;
}

h2.NoLeftPadding
{
    padding-left: 0;
}

h3
{
    background-color: Black;
    color: White;
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    padding: 5px;
}

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

h5
{
    margin-top: 0.5em;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1em;
}

table.NPWDMenu
{
    table-layout: fixed;
}

table.NPWDMenu tr
{
    vertical-align: top;
}

table.NPWDMenu td
{
    vertical-align: top;
    margin-right: 10px;
    border: solid 1px black;
}

ul.NPWDMenu
{
    list-style-type: none;
    margin-left: 5px;
    padding-left: 5px;
}

ul.NPWDMenu li
{
    line-height: 2em;
}

table
{
    /*font-family: Verdana, Tahoma, Arial;*/ /*font-size: 1em;*/
}

.NPWDContainer
{
    font-family: Verdana, Tahoma, Arial;
    font-size: 8pt;
    padding: 1px 10px 10px 10px;
}

caption
{
    font-family: Verdana, Tahoma, Arial;
    font-size: 1em;
    border-bottom: solid 1px;
}

table.DataEntry
{
    width: 90%;
    padding: 0px;
    border-collapse: collapse;
    border: solid 1px Black;
    margin-left: auto;
    margin-right: auto;
}

td.DataEntryHeader, tr.DataEntryHeader, th.DataEntryHeader
{
    text-align: left;
    background-color: Black;
    border: solid 1px Black;
    font-weight: bold;
    color: White;
    padding: 5px;
}

td.DataEntryBody
{
    text-align: left;
    border: solid 1px Black;
    padding: 5px 5px 5px 5px;
}

table.viewContent {
    background-color: transparent;
    table-layout: fixed;
    overflow-wrap: break-word;
}

th.NotBold
{
    font-weight: normal;
}

td.sectionHeading, th.sectionHeading, div.sectionHeading
{
    border-bottom-color: Black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-align: left;
    vertical-align: bottom;
    height: 20px;
}

td.sectionBreak
{
    border-top: gray 1px dotted;
    font-weight: bold;
}

div.sectionBreak
{
    border-bottom: gray 1px dotted;
    font-weight: bold;
}

td.sectionEnd
{
    border-bottom: gray 1px dotted;
}

td.readOnly
{
    background-color: Transparent;
    border-style: none;
}

td.edit
{
    background-color: White;
}

input
{
    font-family: Verdana, Tahoma, Arial;
    font-size: 1em;
}

input.readOnly
{
    background-color: Transparent;
    border-style: none;
}

input.WebNumericEdit
{
    position: relative;
    left: -1px;
    font-family: Verdana, Tahoma, Arial;
    font-size: 1em;
}

table.NoOverflow
{
    table-layout: fixed;
}

table.NoOverflow th
{
    overflow: hidden;
}

table.NoOverflow td
{
    overflow: hidden;
}

table.Layout
{
    table-layout: fixed;
}

table.Layout td
{
    /*height: 22px;*/
    vertical-align: middle;
}

div.popupWin
{
    background-color: #669966;
}



table.FixedGridView
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    table-layout: fixed;
    margin-right: 0px;
}

table.FixedGridView th
{
    text-align: left;
}

table.FixedGridView th.Numeric, table.FixedGridView td.Numeric
{
    text-align: right;
}

table.FixedGridView td
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.FixedGridView th.Date
{
    width: 7em;
}

table.FixedGridView th.SelectButton
{
    width: 5em;
}

table.FixedGridView th.NPWDCode
{
    width: 8em;
}

table.FixedGridView th.Year
{
    width: 3em;
}

table.FixedGridView th.HomeButton
{
    width: 15em;
}

table.FixedGridView th.EditButton
{
    width: 8em;
}

table.FixedGridView th.Status
{
    width: 8em;
}

table.FixedGridView th.StatusShort
{
    width: 6em;
}

table.FixedGridView th.RegNo
{
    width: 6em;
}

table.FixedGridView th.RegNoLong
{
    width: 8em;
}

table.FixedGridView th.MembersButton
{
    width: 7em;
}

table.FixedGridView th.OrgHomeButton
{
    width: 10em;
}

table.FixedGridView th.AccreditationNo
{
    width: 12em;
}

table.FixedGridView th.AccreditationNoShort
{
    width: 8em;
}

table.FixedGridView th.Type
{
    width: 7em;
}

table.FixedGridView th.Agency
{
    width: 12em;
}

table.FixedGridView th.AgencyShort
{
    width: 5em;
}

table.FixedGridView th.Assigned
{
    width: 6em;
}

table.FixedGridView th.CaseType
{
    width: 11em;
}

table.FixedGridView th.ActivityType
{
    width: 9em;
}

/*
    This ensures that when setting HorizontalAlign=Right on the headerstyle of a gridview column that it is honoured over then
    fixedGridView default of left aligning ths. This is needed because .net sets the deprecated align=right instead of 
    text-align = right
*/
table.FixedGridView th[align=right]
{
    text-align: right;
}

/*
For use in simple tables
Table needs to be defined with FixedLayout
*/
td.ellipsis
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*Used for warning messages - currently present on login page*/
td.WarningCell
{
    text-align: left;
    padding: 4px;
    color: firebrick; /* firebrick is .net drawing.color.firebrick, and is supported. */
    background-color: #FFFFD5;
    border: solid 1px #E28C78;
}

div.WarningCell
{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    color: firebrick; /* firebrick is .net drawing.color.firebrick, and is supported. */
    background-color: #FFFFD5;
    border: solid 1px #E28C78;
    width: 44.5em;
}

input.BigButton
{
    height: 40px;
    min-width: 130px;
    margin-left: auto;
    margin-right: auto;
}

.ajax__calendar_container
{
    z-index: 1000;
}

A.NoNavigate
{
    color: Black;
}

A:hover.NoNavigate
{
    color: Black;
    cursor: text;
    text-decoration: none !important;
}


.YearDropDown
{
    margin: 1px 5px auto;
    float: right;
}

/* Headed Form Styles */
div.HeadedSection
{
}

div.HeadedSection h1
{
    font-size: 100%;
    font-weight: normal;
    border-bottom: solid 1px black;
    padding: 5px 0 5px 5px;
}

div.HeadedForm
{
    width: 90%;
    border: solid 1px black;
    margin-right: auto;
    margin-left: auto;
}

div.HeadedForm h1
{
    background-color: Black;
    color: White;
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}

div.HeadedForm div.Form
{
    padding: 5px;
}

div.HeadedForm div.FormLinks
{
    padding: 10px;
    text-align: right;
}

div.HeadedForm div.EditLinks
{
    padding: 10px;
    text-align: right;
}

div.HeadedForm div.FormContents
{
    padding: 10px;
}

table.SelectionGrid
{
    table-layout: fixed;
    width: 95%;
    margin: 10px auto 10px auto;
}
table.popupuploader
{
    border: solid 3px #9FBDE5;
    background-color: #E0E9FA;
    background-image: url('../Images/fileuploadstripe.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}
.modalBackground
{
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.5;
}
.aimbutton
{
    cursor: pointer;
    text-decoration: underline;
}

/*
.invisbutton
{
	visibility:hidden;
}
*/

.Hidden
{
    display: none;
}

.ddl_Class
{
    border: 1px solid #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black; /*  width:expression( this.width = 289 ? "290" : "auto";); /* sets max-width for IE */
    max-width: 400px; /* sets max-height value for all standards-compliant browsers */
    margin-left: 0px;
}

.centered
{
    text-align: center;
}

.centeredfullwidth
{
    text-align: center;
    width: 100%;
}

div.Public, .Warning
{
    color: firebrick;
}

.Notes
{
    height: 80px;
}

ul.HyperlinkList
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

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

.LargeFont
{
    font-size: 12pt;
}

.MedLargeFont
{
    font-size: 115%;
}

.Good
{
    color: Green;
}

/* WorldPay logo payment divs */
div .paymentWrapper
{
    text-align: center;
    width: inherit;
    border: 0px solid black;
    margin-left: 5px;
    margin-right: auto;
}
div .paymentWrapper div
{
    float: left;
    width: auto;
    margin-right: 10px;
    border: 0px solid red;
}
div .paymentWrapper #fifth
{
    margin: 0;
}