.clearfix {
  zoom: 1;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.center-block {
  display: block;
  margin: 0 auto;
}
.input-font {
  font-family: Arial, "Sans Serif";
}
.headings-font {
  font-family: Georgia, "Times New Roman", Times, serif;
}
/*
theme.css - home to colour and font styles
*/
a:link {
  color: #666;
}
a:visited {
  color: #666;
}
a:hover {
  color: #000;
  text-decoration: underline;
}
a:active {
  color: #666;
}
/*----------------------------------------------------------
The base color for this template is #E8E8E8. If you'd like
to use a different color start by replacing all instances of
#E8E8E8 with your new color.
----------------------------------------------------------*/
HTML, Body {
  width: 100%;
}
body {
  font-size: 75%;
  /*font-family: Georgia, Tahoma, Serif;*/

  font-family: Arial, Verdana, Sans-Serif;
  margin: 0;
  padding: 0;
  color: #222;
  line-height: 1.4;
  background: #ddd;
}
/*
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}
*/
p, ul {
  margin-bottom: 20px;
}
hr {
  clear: left;
  height: 1px;
  display: block;
  visibility: hidden;
}
/* HEADINGS */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Georgia, Tahoma, Serif;
  margin-bottom: 10px;
}
h1 {
  font-size: 2em;
  line-height: 1;
  margin-bottom: 0.5em;
}
h2 {
  font-size: 1.5em;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
}
h3 {
  font-size: 1.2em;
  line-height: 1;
  margin-bottom: 1em;
}
h4 {
  font-size: 1.1em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
h6 {
  font-size: 1em;
  font-weight: bold;
}
.inline-element {
  display: inline;
}
/* PRIMARY LAYOUT ELEMENTS */
/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
  width: 910px;
  margin: 0 auto;
  width: 910px;
  margin: 0 auto;
  background-color: #fff;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-top: 60px;
  /*margin-bottom:60px;*/

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 20px #555;
  -moz-box-shadow: 0px 5px 20px #555;
  box-shadow: 0px 5px 20px #555;
}
#header {
  zoom: 1;
  padding: 0px;
  position: relative;
}
#header:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#header #logo {
  position: absolute;
  top: 0px;
  left: 0px;
}
#header #logindisplay {
  position: absolute;
  font-size: 1.1em;
  top: 0px;
  right: 0px;
  color: #555;
}
#header #logindisplay a:link {
  text-decoration: underline;
}
#header #logindisplay a:visited {
  text-decoration: underline;
}
#header #logindisplay a:hover {
  text-decoration: none;
}
#top-menu {
  margin-bottom: 20px;
  border-bottom: 1px #E8E8E8 solid;
}
#top-menu #horizontal-menu-container {
  zoom: 1;
}
#top-menu #horizontal-menu-container:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#top-menu ul#menu {
  float: right;
  margin: 0;
}
#top-menu ul#menu li {
  float: left;
  list-style: none;
  margin: 0 0 0 3px;
}
#top-menu ul#menu li a {
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  background-color: #ddd;
  color: #666;
  border: 1px #fff solid;
  border-width: 1px 1px 0 1px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
#top-menu ul#menu li a:hover {
  background-color: #fff;
  text-decoration: none;
  border-color: #eee;
  color: #555;
}
#top-menu ul#menu li a:active {
  text-decoration: none;
}
#top-menu ul#menu li.selected a {
  background-color: #fff;
  text-decoration: none;
  border-color: #ddd;
  color: #555;
}
#main {
  /*padding: 30px 30px 15px 30px;*/

  background-color: #fff;
  _height: 1px;
  /* only IE6 applies CSS properties starting with an underscore */

}
#pageContent, .pageContent {
  padding: 25px 25px 25px 25px;
  background: white url(/images/layout/content-bg.gif) repeat-x bottom;
  background-color: white;
  border: solid 1px #bfbfbf;
  margin-bottom: 10px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 20px #aaa;
  -moz-box-shadow: 0px 1px 20px #aaa;
  box-shadow: 0px 1px 20px #aaa;
}
#footer {
  color: #999;
  padding-top: 50px;
  padding-bttom: 0px;
  margin-bottom: 0px;
  text-align: center;
  line-height: normal;
  margin: 0;
  font-size: .9em;
  clear: both;
}
#footer .footer-text {
  margin: 0px;
}
.dominant-message {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.dominant-message .emphasis {
  font-weight: bold;
}
.page-instructions {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.page-instructions ul {
  list-style-type: circle;
  margin-left: 1.4em;
}
.page-instructions ul li {
  padding-top: 5px;
}
/* FORM LAYOUT ELEMENTS */
fieldset.popup, fieldset.popup .formRow {
  width: 450px;
  border: none;
}
/*
legend 
{
   
    font-size: 19px;
    font-weight: 600;
    padding-left:40px;
    margin-bottom:20px;

    color:#777;
    background:url(/images/layout/legend-bg.gif) no-repeat center left;
}*/
.section {
  position: relative;
  margin: 10px 0;
  /*padding-top:12px;*/

  border: #ccc 1px solid;
  /*width:560px;*/

}
#dvContent {
  width: 560px;
}
.formRow {
  margin: 0.3em 0;
  padding: 0.5em 0.8em;
  _height: 1px;
  /*width:530px; */

}
.section .left {
  float: left;
  width: 510px;
}
.section .clear {
  clear: left;
}
.formRow:after,
.checkboxlist:after,
.section:after,
.action:after {
  content: ',';
  visibility: hidden;
  display: block;
  clear: left;
  height: 0px;
}
.other {
  clear: both;
}
.checkboxRow {
  clear: left;
  margin: 0.2em 0;
}
.checkboxRow label, .other label {
  text-align: right;
}
.remove-add-info {
  background: url(/images/layout/close.png) no-repeat;
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  top: -10px;
  right: -10px;
  text-indent: -9999px;
  cursor: pointer;
}
.remove {
  background: url(../images/layout/close.png) no-repeat;
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  top: -10px;
  right: -10px;
  text-indent: -9999px;
  cursor: pointer;
}
td .remove {
  position: static;
}
.fieldBtn {
  font-size: 10px !important;
  font-weight: normal !important;
  float: right;
  margin-right: 5px;
}
/*User Messages*/
.error, .notice {
  /*display:none;*/

  padding: 6px 10px 6px 35px;
  background: url(/images/layout/error.png) no-repeat 3px center;
  clear: left;
  margin: 5px 0 0 0;
  width: 475px;
}
.notice {
  border-top: 2px solid #63AF62;
  background: #E1FFDF;
  padding: 6px 10px;
  width: auto;
}
.formRow .error {
  margin-left: 17.5em;
  width: auto;
}
/*Eligibility*/
.help {
  display: none;
  background: url(/images/layout/help-arrow.gif) no-repeat 0px 2px;
  padding-left: 20px;
  width: 220px;
  position: absolute;
  top: 160px;
  right: 20px;
  color: #000;
}
a.showhelp:link, a.showhelp:visited, a.showhelp:active {
  float: right;
  color: #637B18;
  text-decoration: none;
  margin: 0 0 0 5px;
  padding: 2px 5px;
  line-height: 1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
a.showhelp:hover {
  color: #fff;
  background: #9BC738;
}
.note, .definitions {
  clear: left;
  color: #555;
  padding-top: 20px;
  display: block;
}
.definitions li {
  margin: 0 5px 5px 0;
  width: 10.5em;
  float: left;
}
.definitions li a:link, .definitions li a:visited, .definitions li a:active {
  text-decoration: none;
  color: #637B18;
  display: block;
}
.definitions li a:hover {
  font-weight: bold;
  text-decoration: underline;
}
/* Action buttons etc */
#dvForm {
  position: relative;
}
/* Save buttons etc */
.saveBtnsTop {
  position: absolute;
  top: 0;
  right: 0;
}
.saveBtnsTop button, .saveBtns button, .nextPrev button {
  display: inline;
}
.saveBtns {
  float: right;
}
.nextPrev {
  float: left;
}
.nextBtn, .prevBtn {
  background-color: #333;
}
.submitBtn {
  background-color: #b6c4d0;
}
.divSortable {
  border: 1px solid Gray;
  background-color: #e5e5e5;
  height: 25px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px;
}
.divDraggableField {
  border: 1px solid Gray;
  background-color: #e5e5e5;
  height: 25px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px;
}
.divDraggableFileUpload {
  border: 1px solid Gray;
  background-color: #AF7817;
  height: 25px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px;
}
.divDraggableHTMLMarkup {
  border: 1px solid Gray;
  background-color: #4E9258;
  height: 25px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px;
}
.blankField {
  border: 1px solid Silver;
  background-color: #EEEEEE;
  height: 25px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 2px;
}
.blankFieldText {
  color: #999999;
}
.draggable {
  cursor: move;
}
.border {
  border: 1px solid Silver;
  padding: 10px;
}
.fieldHeader {
  background-color: #99CCFF;
}
#divFields {
  width: 240px;
}
#divSections {
  width: 590px;
}
div.choice, div.selection {
  width: 270px;
  float: left;
}
div.choice input {
  width: auto;
  margin: 0 10px 0 0;
  top: 3px;
  padding: 0;
  float: left;
}
div.choice label {
  width: 230px;
  padding: 0;
}
div.selection label {
  display: block;
  float: none;
  width: auto;
  font-weight: bold;
  margin-bottom: 5px;
}
/*.steps {
}*/
#dvEligibility ol li {
  margin-bottom: 2em;
}
#dvEligibility ol li li {
  margin-bottom: 0;
}
#dvEligibility .ordinal {
  font-size: 1.2em;
  padding-right: 0.4em;
  font-weight: bold;
}
table, td, th {
  vertical-align: top;
}
table {
  border: solid 1px #e8eef4;
  border-collapse: collapse;
  margin-bottom: 10px;
}
td input[type="text"] {
  width: 6em;
  margin: 0;
}
td input[type="checkbox"] {
  margin-left: 2em;
}
/*
td.desc input {
    width:12em;
}*/
td select {
  width: 14em;
}
table td {
  padding: 5px;
  border: dotted 1px #ccc;
  border-width: 0 0 1px 0;
}
table th {
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4;
  border: solid 1px #e8eef4;
  color: #555;
  font-weight: bold;
}
/*
#tblActions{}
*/
#tblActions A {
  float: left;
  margin-right: 20px;
  padding: 8px;
  text-decoration: none;
}
#divSections table label {
  width: auto;
}
#divSections table input {
  width: 150px;
}
/*
.ui-dialog button {
    display:inline;
    float:none;
}
.ui-dialog .formRow {
    width:auto;
    padding:0 3px;
    
}
.ui-widget-header {
    border-width:0 0 1px 0;
    background:none;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
}

.ui-tabs .ui-tabs-nav {
    padding-left:0;
    padding-right:0;
    margin:0 4px;
}
*/
.clear {
  clear: both;
}
#headBox {
  float: left;
  /*padding:0px 10px 10px 10px;*/

  width: 910px;
  /*background:#fff url(/images/layout/head-bg.gif) repeat-x bottom;*/

  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#utilitiesNav {
  float: right;
}
#utilitiesNav li {
  float: left;
  display: inline;
}
#utilitiesNav li a {
  font-weight: bold;
  display: block;
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  text-decoration: none;
}
#utilitiesNav li a.emailLink {
  background-image: url(/images/layout/email-icon.gif);
  margin-right: 20px;
}
#utilitiesNav li a.printLink {
  background-image: url(/images/layout/print-icon.gif);
}
#utilitiesNav li a:hover {
  color: #000;
}
.tri-state {
  width: 6em;
}
.sort {
  color: Black;
  cursor: pointer;
}
td .readonly {
  color: Silver;
  border: none;
}
td .datepicker {
  color: Silver;
  border: none;
}
.h3border {
  border: 1px solid #000000;
}
.sectionFields {
  background-color: Silver;
  color: Black;
  font-weight: bold;
  border: 1px solid gray;
  margin: 5px;
  width: 300px;
}
.noBorder {
  border: none;
  margin: 0px;
  padding: 0px;
}
#tblFormTemplate input {
  width: 200px;
}
#tblHeader {
  background-color: #EEEEEE;
}
#tblHeader input {
  width: 480px;
  text-align: left;
}
.tblHeaderLabel {
  width: 100px;
}
.tblHeaderInput {
  width: 500px;
  text-align: left;
}
.fieldLabel {
  width: 80px;
}
.fieldInput {
  width: 230px;
}
.fieldTextInput {
  width: 200px;
  font-size: 8pt;
}
/* BACKGROUND COLOR */
/* HEADINGS */
h3 {
  color: #777;
  border-bottom: 1px solid #ccc;
  margin: 1em 0 1em 0;
  padding: 0 0 5px 0;
}
/*MESSAGES*/
.controls {
  background: #F0FFCF;
  border: 1px solid #D7FF7F;
}
/*MAIN NAV*/
ul#menu li a {
  background-color: #dedede;
  color: #666;
  border-color: #fff;
}
ul#menu li a:hover {
  background-color: #fff;
  border-color: #ddd;
  color: #555;
}
/* WIZARD NAVIGATION 

#mainNav li.current{
    background-image:url(/images/content/asb/navCurrentBtn.png);
}

#mainNav li.done,
#mainNav li.lastDone,
#mainNav li.mainNavNoBg{
    background-image:url(/images/content/asb/navDoneBtn.png);
}

#mainNav li.mainNavNoBg{
    background-position:left;
}

#mainNav li a span.step
{
    color:#7c8437;
}
*/
/*}}}*/
/* FORMS {{{*/
/*.saveBtn{background-color:#89af0f !important;}*/
a.showhelp:link,
a.showhelp:visited,
a.showhelp:active,
.definitions li a:link,
.definitions li a:visited,
.definitions li a:active {
  color: #8B9A03;
}
a.showhelp:hover {
  color: #fff;
}
button,
input[type="submit"],
input[type="button"],
#tblActions a,
a.action {
  /*background-color:#747474;*/

}
.nextBtn, .prevBtn {
  background: #333;
}
.grid {
  width: 100%;
}
.grid .edit-column {
  width: 40px;
  text-align: center;
}
.grid .date-column {
  width: 160px;
  text-align: left;
}
.grid .email-column {
  text-align: left;
  width: 250px;
}
.grid-filter label {
  float: none;
  width: auto;
}
.grid-filter td, .grid-filter th {
  border: none;
}
.formRow.password input {
  float: left;
}
.formRow.password .pstrength-minchar {
  display: none;
}
.formRow.password .pstrength-bar {
  margin-top: 5px;
  padding: 2px;
  float: left;
  display: none;
}
.formRow.password .pstrength-info {
  margin-left: 13px;
  font-weight: bold;
  margin-top: 3px;
  float: left;
  width: 300px;
  display: none;
}
div.date-picker-container {
  /*width:170px;*/

  zoom: 1;
}
div.date-picker-container:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
div.date-picker-container input.date-picker {
  display: block;
  float: left;
  width: 100px;
}
div.date-picker-container .datepickerClearButton:link {
  width: 30px;
  float: left;
  height: 13px;
  text-align: center;
}
.formRow .checkbox-list.list {
  width: 540px;
  display: block;
  float: left;
}
.formRow .checkbox-list.list .option {
  display: block;
  width: 270px;
  float: left;
}
.formRow .checkbox-list.list .option label {
  float: none;
  width: auto;
  padding-left: 5px;
}
.formRow input[type=text],
.formRow input[type=password],
.formRow select,
.formRow .text-area-wrapper,
.formRow .date-picker-container {
  float: left;
}
.formRow select[disabled] {
  background-color: #EBEBE4;
}
.formRow input[type=text].codeTextBox {
  width: 60px;
}
.formRow .singleCheckboxInRow {
  display: inline;
  float: none;
}
.formRow .singleLabelInRow {
  display: inline;
  width: auto;
  padding-left: 0.5em;
  float: none;
}
.formRow .form-creator-tooltip-textarea {
  width: 500px;
  height: 80px;
}
.formRow .umbrella-org-box {
  background-color: #B40404;
  border-color: #FA5858;
  padding-top: 10px;
  padding-bottom: 10px;
}
.formRow .umbrella-org-box label {
  font-weight: bold;
}
.formRow .umbrella-org-box label, .formRow .umbrella-org-box span {
  color: White;
  padding-left: 5px;
}
.save-umbrella-org-button-box {
  display: block;
}
.form-toolbar {
  padding-top: 5px;
  padding-bottom: 5px;
  zoom: 1;
}
.form-toolbar input, .form-toolbar a {
  float: left;
}
.form-toolbar:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-toolbar.centered {
  text-align: center;
}
.form-toolbar.centered input, .form-toolbar.centered a {
  float: none;
  display: inline;
}
/*Field types and edge cases*/
.field-validation-error {
  padding: 3px 10px 2px 25px;
  background: url(../images/layout/error.png) no-repeat 3px center;
  color: red;
  font-weight: bold;
}
.field-validation-valid {
  display: none;
}
.input-validation-error {
  border: 1px solid #ff0000;
  /*background-color: #ffeeee;*/

}
.validation-summary-errors {
  border: solid 1px red;
  background-color: #FBB8B5;
  padding: 10px;
  text-align: center;
  color: #ff0000;
  margin-bottom: 10px;
}
.validation-summary-errors ul {
  margin: 0px;
}
.feedback-message {
  background-color: #AAFFAA;
  border: solid 1px #368B36;
  color: #368B36;
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.feedback-message ul {
  margin: 0px;
}
.validation-summary-valid {
  display: none;
}
input.numeric-validation-error, .numeric-validation-error {
  background: lightblue;
  border: 1px blue solid;
}
select.required-validation-error, input.required-validation-error, .required-validation-error {
  border: 1px red solid;
  background: pink;
}
.validation-key {
  /*padding:0 8px 10px 8px;*/

  border-width: 1px 0;
}
.validation-key .required, .validation-key .numeric {
  display: block;
  font-weight: bold;
  padding-left: 4px;
  border: red solid 1em;
  border-width: 0 0 0 1em;
  margin-bottom: 8px;
  line-height: 1;
}
.validation-key .numeric {
  border-color: lightblue;
}
.validation-key p {
  margin: 0 0 1em 0;
}
/*Action Buttons*/
.controls {
  padding: 8px 10px;
  border: #666 1px solid;
  background: #ccc;
  margin: 20px 0;
  overflow: hidden;
  text-align: center;
  zoom: 1;
}
.controls:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.controls .button {
  display: block;
}
.controls .button.right {
  float: right;
}
.controls .button.left {
  float: left;
}
.controls .button.centre {
  display: inline;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}
.mini-controls {
  zoom: 1;
}
.mini-controls:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.mini-controls .button {
  display: block;
}
.mini-controls .button.right {
  float: right;
}
.mini-controls .button.left {
  float: left;
}
.mini-controls .button.centre {
  display: inline;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}
.controls p, .notice p, .error p {
  margin: 0 0 0.5em 0;
}
.controls .action {
  float: right;
}
.page-load-message .ui-dialog-titlebar {
  display: none;
}
.page-load-message .ui-dialog-content .message {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: larger;
  text-align: center;
}
#admin-index .statistic {
  font-size: larger;
  padding-top: 10px;
  padding-bottom: 10px;
}
#admin-index .statistic a.label {
  display: block;
  width: 200px;
  float: left;
  text-decoration: none;
}
#admin-users .grid-filter #approvalState {
  width: 100px;
}
#admin-users .grid-filter .searchString {
  width: 300px;
}
#admin-users .grid-filter #searchPageQuantity {
  width: 55px;
}
#admin-users .grid {
  width: 100%;
}
#admin-users .grid .edit-column {
  width: 40px;
  text-align: center;
}
#admin-users .grid .date-column {
  width: 100px;
  text-align: left;
}
#admin-users .grid .org-column {
  text-align: left;
  width: 250px;
}
#admin-users .grid .email-column {
  text-align: left;
  width: 250px;
}
#applications .grid-filter .organisation {
  width: 200px;
}
#applications .grid .review {
  text-align: center;
  width: 80px;
}
#applications .grid .state {
  width: 200px;
}
#applications .grid .date-completed {
  text-align: center;
  width: 150px;
}
.registration-successful .dominant-message {
  width: 700px;
}
.page-form-creator-list .grid .designer-column {
  text-align: center;
  width: 70px;
}
.page-form-creator-list .grid .state-column {
  text-align: center;
  width: 80px;
}
.page-form-creator-list .grid .description-column {
  text-align: left;
  width: 220px;
}
.page-form-creator-list .grid .introduction-column {
  text-align: left;
  width: 220px;
}
#my-wip-forms .grid .last-section-column {
  width: 80px;
}
#my-wip-forms .grid .date-column {
  width: 100px;
}
#my-wip-forms .grid .status-column {
  width: 100px;
}
.form-entry {
  /*F0F0F0*/
  /*EBEBFF*/

}
.form-entry h2 {
  margin-left: 0px;
  margin-bottom: 1em;
}
.form-entry h4 {
  margin-top: 1.3em;
  margin-left: 0.6em;
}
.form-entry .section-title {
  zoom: 1;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.form-entry .section-title:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .section-title .title {
  float: left;
  display: block;
  margin: 0px;
  padding: 0px;
}
.form-entry .section-title .add-button {
  float: right;
  display: block;
}
.form-entry .section-title-big {
  position: relative;
  zoom: 1;
}
.form-entry .section-title-big:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .section-title-big .title {
  display: block;
}
.form-entry .section-title-big .add-button {
  margin: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  text-decoration: none;
  border-bottom: none;
}
.form-entry .formRow {
  zoom: 1;
}
.form-entry .formRow:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .formRow label {
  width: 20em;
}
.form-entry .formRow .field-validation-error {
  margin-left: 5px;
  /*float: left;*/
  /* float commented out to correctly align errors to the right/or below entered form data, (otherwise would sometimes load on left or right of data depending)*/

  display: inline;
  width: auto;
}
.form-entry .formRow .text-box.short-length {
  width: 100px;
}
.form-entry .formRow .text-box.medium-length {
  width: 200px;
}
.form-entry .formRow .text-box.long-length {
  width: 300px;
}
.form-entry .formRow .text-box.longer-length {
  width: 380px;
}
.form-entry .formRow .text-box.shorter-length {
  width: 80px;
}
.form-entry .formRow .text-area-wrapper {
  width: auto;
  word-wrap: break-word;
}
.form-entry .formRow .text-area-wrapper .text-area {
  float: none;
  width: 380px;
  height: 150px;
}
.form-entry .formRow .text-area-wrapper .text-area.small {
  float: none;
  width: 380px;
  height: 30px;
}
.form-entry .formRow .text-area-wrapper.text-area-readonly {
  max-width: 381px;
}
.form-entry .formRow .char-count {
  display: block;
  text-align: right;
  font-size: smaller;
  color: #999;
}
.form-entry .formRow .char-count.maxed {
  color: red;
}
.form-entry .formColumn {
  float: left;
  padding-right: 10px;
}
.form-entry .formColumn label {
  float: none;
  display: block;
}
.form-entry .formColumn input {
  float: none;
  display: block;
}
.form-entry .generic-form-text ul, .form-entry .generic-form-declaration ul {
  list-style-type: circle;
  margin-left: 1.4em;
}
.form-entry .generic-form-text ul li, .form-entry .generic-form-declaration ul li {
  padding-top: 5px;
}
.form-entry .generic-subsection-break {
  height: 20px;
}
.form-entry div#dvContactPeople div.contactpersoncontainer:nth-child(even) {
  background: #F2F2FF;
  box-shadow: 0px 3px 5px #555;
}
.form-entry div#dvContactPeople div.contactpersoncontainer:nth-child(odd) {
  background: #FFF;
  box-shadow: 0px 3px 5px #555;
}
.form-entry .generic-organisation-people .general-errors .field-validation-error {
  margin-left: 0px;
}
.form-entry .generic-organisation-people .contactpersoncontainer h4 {
  margin-top: 0px;
  margin-left: 0px;
}
.form-entry .generic-organisation-people .contactpersoncontainer input[readonly] {
  background: gainsboro;
}
.form-entry .generic-organisation-people .contactpersoncontainer input.date-picker[readonly] {
  background: white;
}
.form-entry .generic-organisation-people .contactpersoncontainer .formColumn.first-name {
  width: 200px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .formColumn.first-name input {
  width: 180px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .formColumn.last-name {
  width: 200px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .formColumn.last-name input {
  width: 180px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .formColumn.email {
  width: 230px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .formColumn.email input {
  width: 210px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .formColumn .field-validation-error {
  margin-left: 0px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .phone {
  width: 350px;
  display: inline;
}
.form-entry .generic-organisation-people .contactpersoncontainer .phone .formColumn.ph-country-code {
  width: 80px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .phone .formColumn.ph-country-code input {
  width: 60px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .phone .formColumn.ph-area-code {
  width: 80px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .phone .formColumn.ph-area-code input {
  width: 60px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .phone .formColumn.ph-number {
  width: 150px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .phone .formColumn.ph-number input {
  width: 130px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .position .formColumn.office {
  width: 60px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .position .formColumn.date {
  zoom: 1;
  width: 180px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .position .formColumn.date:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .generic-organisation-people .contactpersoncontainer legend {
  display: block;
  background: none;
  font-size: 14px;
  margin: 0;
  color: #ccc;
}
.form-entry .generic-organisation-people .contactpersoncontainer label.long-text-label {
  width: 300px;
}
.form-entry .generic-organisation-people .contactpersoncontainer label {
  /*width: 100px;*/

  padding-bottom: 5px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .formRow select {
  width: 160px;
}
.form-entry .generic-organisation-people .contactpersoncontainer .formRow textarea {
  width: 140px;
  margin: 0;
  letter-spacing: 0.02em;
}
.form-entry .generic-organisation-people .contactpersoncontainer.dms-person {
  /*.remove 
			{
				display:none;
			}/**/

}
.form-entry .cost-item-grid {
  width: 100%;
}
.form-entry .cost-item-grid .category-column {
  width: 180px;
}
.form-entry .cost-item-grid .description-column .description {
  width: 200px;
}
.form-entry .cost-item-grid .total-column, .form-entry .cost-item-grid .other-funding-column, .form-entry .cost-item-grid .requested-funding-column {
  width: 110px;
}
.form-entry .cost-item-grid .delete-column {
  width: 30px;
}
.form-entry .generic-note .section {
  width: auto;
}
.form-entry .generic-note .note-item {
  zoom: 1;
}
.form-entry .generic-note .note-item:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .generic-note .note-item .category-column {
  width: 400px;
}
.form-entry .generic-note .note-item .category-column .formRow label {
  width: 80px;
}
.form-entry .generic-note .note-item .formColumn {
  float: left;
}
.form-entry .generic-income .section {
  width: auto;
}
.form-entry .generic-income .section-title {
  zoom: 1;
  height: 16px;
}
.form-entry .generic-income .section-title:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .generic-income .section-title .title {
  float: left;
  display: block;
  margin: 0px;
  padding: 0px;
}
.form-entry .generic-income .section-title .add-button {
  float: right;
  display: block;
}
.form-entry .generic-income .remove {
  background: url(../images/layout/close.png) no-repeat;
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  top: 5px;
  right: 5px;
  text-indent: -9999px;
  cursor: pointer;
}
.form-entry .generic-income .income-item {
  zoom: 1;
}
.form-entry .generic-income .income-item:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .generic-income .income-item .formRow label {
  width: 150px;
}
.form-entry .generic-income .income-item .formRow .category {
  width: 250px;
  display: block;
  float: none;
}
.form-entry .generic-income .income-item .formRow .description {
  width: 250px;
}
.form-entry .generic-income .income-item .formRow .other-funder {
  width: 250px;
}
.form-entry .generic-income .income-item .formRow .decision-date {
  width: 180px;
}
.form-entry .generic-income .income-item .formRow .amount {
  width: 80px;
}
.form-entry .generic-income .income-item .formRow .amount input {
  width: 6em;
}
.form-entry .generic-income .income-item .category-column {
  width: 400px;
}
.form-entry .generic-income .income-item .category-column label {
  padding-bottom: 5px;
  width: auto;
}
.form-entry .generic-income .income-item .confirmed {
  width: auto;
}
.form-entry .generic-income .income-item .confirmed input {
  margin-left: 20px;
}
.form-entry .generic-income .income-item .additional-details-column label {
  padding-bottom: 5px;
  width: auto;
}
.form-entry .generic-income .income-item .additional-details-column .decision-date {
  width: auto;
}
.form-entry .generic-income .income-item .additional-details-column .amount {
  width: auto;
}
.form-entry .generic-income .income-item .additional-details-column .amount input {
  width: 6em;
}
.form-entry .generic-income .income-item .formColumn {
  float: left;
}
.form-entry .generic-income .mini-controls {
  zoom: 1;
}
.form-entry .generic-income .mini-controls:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .generic-income .mini-controls .add-new-income-item {
  width: 150px;
}
.form-entry .generic-income .mini-controls .totals {
  text-align: right;
  float: right;
  width: 200px;
  margin-right: 110px;
}
.form-entry .generic-income .mini-controls .total-income-in-new-line {
  float: left;
  font-family: Georgia, Tahoma, Serif;
  font-size: 1.1em;
}
.form-entry .generic-finance-grid .financial-year label {
  padding-top: 5px;
  width: 100px;
}
.form-entry .generic-finance-grid .balance-date label {
  padding-top: 5px;
  width: 100px;
}
.form-entry .generic-finance-grid .balance-date .date-picker-container {
  float: left;
}
.form-entry .generic-finance-grid .netfigurerow {
  text-align: center;
  color: #555555;
  /*background:#F0FFCF;*/

  padding: 10px;
  margin-bottom: 20px;
  font-size: 16px;
}
.form-entry .generic-finance-grid .grid-section-row {
  padding: 10px 0;
  zoom: 1;
}
.form-entry .generic-finance-grid .grid-section-row:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .generic-finance-grid .grid-section-row .grid-section {
  width: 405px;
}
.form-entry .generic-finance-grid .grid-section-row .grid-section .description input {
  width: 200px;
}
.form-entry .generic-finance-grid .grid-section-row .grid-section .amount {
  width: 120px;
}
.form-entry .generic-finance-grid .grid-section-row .grid-section .amount input {
  width: 80px;
}
.form-entry .generic-finance-grid .grid-section-row .grid-section .delete {
  width: 30px;
}
.form-entry .generic-finance-grid .grid-section-row .grid-section.left {
  float: left;
}
.form-entry .generic-finance-grid .grid-section-row .grid-section.right {
  float: right;
}
.form-entry .generic-finance-grid .grid-section-row .grid-section table {
  width: 100%;
}
.form-entry .taggedFund-item-grid {
  width: 100%;
}
.form-entry .taggedFund-item-grid .description-column .description {
  width: 600px;
}
.form-entry .taggedFund-item-grid .amount-column {
  width: 110px;
}
.form-entry .taggedFund-item-grid .delete-column {
  width: 30px;
}
.form-entry .file-upload-row {
  zoom: 1;
  margin-bottom: 10px;
}
.form-entry .file-upload-row:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .file-upload-row table {
  width: 100%;
}
.form-entry .file-upload-row .description {
  padding-top: 5px;
  width: 220px;
}
.form-entry .file-upload-row .browse {
  width: 150px;
}
.form-entry .file-upload-row .browse .button {
  width: 120px;
}
.form-entry .file-upload-row .file-details .loading {
  zoom: 1;
  padding-top: 5px;
}
.form-entry .file-upload-row .file-details .loading:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .file-upload-row .file-details .loading img {
  float: left;
}
.form-entry .file-upload-row .file-details .loading .message {
  float: left;
  padding-left: 10px;
}
.form-entry .file-upload-row .file-details .uploaded-file-details {
  zoom: 1;
  padding-top: 5px;
  float: right;
  width: 420px;
}
.form-entry .file-upload-row .file-details .uploaded-file-details:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .file-upload-row .file-details .uploaded-file-details .file-name {
  float: left;
  width: 320px;
}
.form-entry .file-upload-row .file-details .uploaded-file-details .file-size {
  width: 100px;
  float: right;
  text-align: right;
}
.form-entry .file-upload-row .file-details .uploaded-file-details .field-validation-error {
  width: auto;
}
.form-entry .additional-info-files {
  border: 0px none;
}
.form-entry .add-info-file-upload-row {
  zoom: 1;
  margin-bottom: 10px;
}
.form-entry .add-info-file-upload-row:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .add-info-file-upload-row table {
  width: 100%;
}
.form-entry .add-info-file-upload-row td {
  border: 0px none;
  padding: 0px;
}
.form-entry .add-info-file-upload-row .description {
  padding-top: 5px;
  width: 220px;
}
.form-entry .add-info-file-upload-row .browse {
  width: 150px;
}
.form-entry .add-info-file-upload-row .browse .button {
  width: 120px;
}
.form-entry .add-info-file-upload-row .file-details {
  /*margin-top: -24px;*/

}
.form-entry .add-info-file-upload-row .file-details .loading {
  zoom: 1;
  /*margin-top: 24px;*/

  padding-top: 5px;
}
.form-entry .add-info-file-upload-row .file-details .loading:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .add-info-file-upload-row .file-details .loading img {
  float: left;
}
.form-entry .add-info-file-upload-row .file-details .loading .message {
  float: left;
  padding-left: 10px;
}
.form-entry .add-info-file-upload-row .file-details .uploaded-file-details {
  zoom: 1;
  padding-top: 5px;
  float: right;
  width: 420px;
}
.form-entry .add-info-file-upload-row .file-details .uploaded-file-details:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-entry .add-info-file-upload-row .file-details .uploaded-file-details .file-name {
  float: left;
  width: 320px;
}
.form-entry .add-info-file-upload-row .file-details .uploaded-file-details .file-size {
  width: 100px;
  float: right;
  text-align: right;
}
.form-entry .add-info-file-upload-row .file-details .uploaded-file-details .field-validation-error {
  /*margin-top: 24px;*/

  width: auto;
}
.form-entry .controls .sendBtn {
  width: 120px;
}
.review-section {
  /*border-bottom: 1px solid #CCC;*/

  padding: 25px;
  border: 1px solid #BFBFBF;
  margin-bottom: 10px;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 1px 10px #AAA;
  background-color: white;
}
.organisation h4 {
  margin-top: 0;
  margin-left: 0;
}
.organisation  .ph-country-code {
  width: 80px;
}
.organisation  .ph-country-code input {
  width: 60px;
}
.organisation  .ph-area-code {
  width: 80px;
}
.organisation  .ph-area-code input {
  width: 60px;
}
.organisation  .ph-number {
  width: 150px;
}
.organisation  .ph-number input {
  width: 130px;
}
.organisation .ph-country-code label, .organisation .ph-area-code label, .organisation .ph-number label {
  width: 100px!important;
  padding-bottom: 5px;
}
.ethnicityTotal {
  font-size: 1.5em;
  font-family: Georgia, Tahoma, Serif;
  font-style: bold;
}
.generic-readonly-bank-account .radio-desc {
  width: 300px;
  display: inline-block;
  margin-right: 20px;
}
.hidden {
  display: none;
}
input,
label,
textarea,
select {
  color: #333;
  font-family: Arial, "Sans Serif";
}
input[type=text], input[type=password], textarea {
  letter-spacing: 0.02em;
  padding: 0.2em;
  outline: none;
  border: 1px solid #CCC;
  width: 15em;
}
textarea {
  height: 4em;
  width: 18em;
}
input:focus, textarea:focus {
  color: #000;
  border-color: orange;
  -webkit-box-shadow: 0px 0px 2px orange;
  -moz-box-shadow: 0px 0px 2px orange;
  box-shadow: 0px 0px 2px orange;
}
input.checkbox {
  width: auto;
  margin-right: 5px;
  border: none;
}
label {
  float: left;
  width: 16em;
  color: #555;
  padding-right: 1.5em;
  line-height: 1.2;
}
select {
  border: 1px solid #CCC;
  padding: 2px;
  margin-right: 20px;
}
textarea {
  width: 20em;
  border: 1px solid #CCC;
  padding: 2px;
  margin-right: 20px;
}
.button,
button,
input[type="submit"],
input[type="button"],
#tblActions a,
a.button:link,
a.button:visited,
a.button:active,
a.action:link,
a.action:visited,
a.action:active {
  color: #fff;
  font-weight: bold;
  border: none;
  padding: 5px;
  margin: 0 3px;
  background: #7f7e7e url(../images/layout/btn-bg.png) repeat-x bottom;
  cursor: pointer;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-box-shadow: 0px 2px 2px #999;
  -moz-box-shadow: 0px 2px 2px #999;
  box-shadow: 0px 2px 2px #999;
  border-radius: 2px;
}
a.button {
  padding: 0.4em 0.5em 0.4em 0.5em!important;
}
button[disabled] {
  color: #aaa;
  background: #7f7e7e;
}
.ui-widget-header {
  color: #666;
}
.ui-widget button {
  font-family: Arial, "Sans Serif";
  font-size: auto;
}
.form-field-popup #dvFormFields {
  overflow: hidden;
}
.form-field-popup .field-lists {
  zoom: 1;
  overflow: hidden;
  margin-bottom: 10px;
}
.form-field-popup .field-lists:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.form-field-popup .formFieldGroup {
  width: 319px;
  float: left;
  margin-right: 3px;
}
.form-field-popup .formFieldGroup .scroller {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 400px;
}
#form-creator-list #form-table {
  width: 100%;
}
#form-creator-list #form-table .designer {
  text-align: right;
  width: 70px;
}
#form-creator-list #form-table .edit {
  text-align: right;
  width: 40px;
}
#form-creator-list #form-table .created {
  width: 150px;
}
#form-creator-editor .formSectionContainer {
  border: solid 2px gray;
  padding: 5px;
  width: auto;
  margin-top: 3px;
  margin-bottom: 3px;
  background: lightgray;
}
#form-creator-editor .formSectionContainer .section-header {
  zoom: 1;
}
#form-creator-editor .formSectionContainer .section-header:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#form-creator-editor .formSectionContainer .section-header label {
  float: none;
}
#form-creator-editor .formSectionContainer .section-header .input-header-text {
  width: 350px;
}
#form-creator-editor .formSectionContainer .section-header .toolbar-item {
  float: right;
  margin-left: 5px;
}
#form-creator-editor .formSectionContainer .fields .individualFormFieldContainer {
  border: solid 1px gray;
  margin-top: 5px;
  background: #eeeeee;
  padding: 5px;
}
#form-creator-editor .formSectionContainer .fields .individualFormFieldContainer .field-header .field-title {
  font-weight: bold;
}
#form-creator-editor .formSectionContainer .fields .individualFormFieldContainer .field-header .toolbar-item {
  float: right;
  margin-left: 5px;
}
#form-creator-editor .formSectionContainer .fields .individualFormFieldContainer .field-details.expanded {
  display: block;
}
#form-creator-editor .formSectionContainer .fields .individualFormFieldContainer .field-details.collapsed {
  display: none;
}
#form-creator-editor .formSectionContainer .fields .individualFormFieldContainer .formRow {
  width: auto;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  padding-right: 0px;
}
#form-creator-editor .formSectionContainer .fields .individualFormFieldContainer .formRow input[type="text"] {
  width: 300px;
}
#form-creator-editor .formSectionContainer.expanded .fields {
  display: block;
}
#form-creator-editor .formSectionContainer.collapsed .fields {
  display: none;
}
