/* @group Import Existing CSS */

@import url("menu.css");
@import url("main.css");
@import url("displaytag.css");

/* @end */

/* @group Template */

/* @group Footer Fix */

/*
 * Following declarations affix the footer to the bottom of the window
 * if the content doesn't fill the window.  Otherwise, the footer
 * appears after the content.
 */

HTML, BODY {
    height: 100%;
    margin: 0;
    padding: 0;
}

#container {
    min-height: 100%;
    position: relative;
}

#header {
    padding: 5px 10px 0 0;
}
td {
    padding: 2px;
}
/*
 * 8/11/10: needed slightly more padding at bottom of DIV#body
 * to accommodate footer on some screens.
 */

#body {
    padding-bottom: 70px;
    text-align: left;
}

#footer {
    bottom: 0;
    height: 42px;
    left: 0;
    margin-top: 42px;
    padding-top: 18px;
    position: absolute;
    width: 100%;
}

#liveChatBox {
    bottom: 0;
    height: 42px;
    left: 0;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    width: 15em;
    border-style: solid;
    border-width: 0px;
}

/* @end */

/* @group Header */

/*
 * Apply banner background to page header
 */

#header {
    background: url('/gs/images/GSBanner-background.jpg');
    background-repeat: repeat-x;
    background-position: 0 bottom;
}

/*
 * Apply margin around account name/environment/log out link text
 * right justify and set text color to blue
 */

#header .login {
    color: #0000FF;
    margin-bottom: 5px;
    text-align: right;
}

#header .banner IMG {
    display: block;
}

/* @end */

/* @group Top Navigation */

/*
 * Hide the skip menu link from normal browser; many screen readers
 * will not read a block set to display: none, so we must shift it off
 * the side of the page.
 */

.skipMenu {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: -5000px;
}

/* @end */

/*
 * Bring inline CSS into the stylesheet rather in the HTML code
 */

#breadcrumbs {
    font-style: italic;
    margin: 1em;
    text-align: left;
}

.pageHeader {
    text-align: center;
}

/*
 * Place main content of page (between header and footer) inside
 * container with width of 980px and center the container
 * in the browser window
 * ("auto" margin does not work in older versions of IE; we will
 * fix this in the ie.css file)
 */

#mainContent {
    font-family: Arial, FreeSans, sans-serif;
    font-size: 12px;
    line-height: 1em;
    margin: 0 auto;
    width: 980px;
}

#mainContentExtended {
    font-family: Arial, FreeSans, sans-serif;
    font-size: 12px;
    line-height: 1em;
    margin: 0;
    padding: 0;
    width: 100%;
}

#mainContent.addPerson {
    width: 690px;
}

#mainContent.smallPopup {
    width: auto;
}

/* @group Footer */

#footer {
    background: #FFFFFF url('/gs/images/nav/header_stripe.gif') repeat-x 0 top;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}

#footer .claimer {
    margin-bottom: 6px;
}

/* @end */

/* @end */

/* @group Hidden Labels (Global) */

/*
 * Sometimes we need field labels just to satisfy §508 compliance, but
 * they need to be hidden from standard browsers.  Labels with a class
 * "hidden" are read by screen readers but are not visible in standard
 * browsers
 */

LABEL.hidden {
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}

LABEL.hidden-inline {
    display: inline;
    height: 0;
    left: -5000px;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.assistive {
    display: inline-block;
    height: 0;
    width: 0;
    overflow: hidden;
}

/* @end */

/* @group New UI Standards */

/* @group Reset */

/*
 * Clear out any margins, paddings, and other decorations
 * on possible elements before applying our styling.
 */

.new-ui-standards DIV, .new-ui-standards SPAN,
.new-ui-standards H1, .new-ui-standards A,
.new-ui-standards EM, .new-ui-standards IMG,
.new-ui-standards FIELDSET, .new-ui-standards FORM,
.new-ui-standards LABEL, .new-ui-standards LEGEND,
.new-ui-standards TABLE, .new-ui-standards CAPTION,
.new-ui-standards TBODY, .new-ui-standards TFOOT,
.new-ui-standards THEAD, .new-ui-standards TR,
.new-ui-standards TH, .new-ui-standards TD,
.new-ui-standards P,

#grantor-mandatory DIV, #grantor-mandatory SPAN,
#grantor-mandatory H1, #grantor-mandatory A,
#grantor-mandatory EM, #grantor-mandatory IMG,
#grantor-mandatory FIELDSET, #grantor-mandatory FORM,
#grantor-mandatory LABEL, #grantor-mandatory LEGEND,
#grantor-mandatory TABLE, #grantor-mandatory CAPTION,
#grantor-mandatory TBODY, #grantor-mandatory TFOOT,
#grantor-mandatory THEAD, #grantor-mandatory TR,
#grantor-mandatory TH, #grantor-mandatory TD,
#grantor-mandatory P,

#addPerson DIV, #addPerson SPAN,
#addPerson H1, #addPerson A,
#addPerson EM, #addPerson IMG,
#addPerson FIELDSET, #addPerson FORM,
#addPerson LABEL, #addPerson LEGEND,
#addPerson TABLE, #addPerson CAPTION,
#addPerson TBODY, #addPerson TFOOT,
#addPerson THEAD, #addPerson TR,
#addPerson TH, #addPerson TD,
#addPerson P {
    background-color: transparent;
    border: 0;
    font-size: 100%;
    padding: 0;
    outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
#grantor-mandatory TABLE,
.new-ui-standards table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* reset for dojo tablesorter */

table.tablesorter {
    border-collapse: separate;
    border-spacing: 2px;
}

/* @end */

/*
 * Set font size and family for our inputs and labels
 */

#grantor-mandatory,
#grantor-mandatory TD,
#grantor-mandatory LABEL,
#grantor-mandatory INPUT,
#grantor-mandatory SELECT,
#grantor-mandatory TEXTAREA,

.new-ui-standards,
.new-ui-standards TD,
.new-ui-standards LABEL,
.new-ui-standards INPUT,
.new-ui-standards SELECT,
.new-ui-standards TEXTAREA,

#addPerson,
#addPerson TD,
#addPerson LABEL,
#addPerson INPUT,
#addPerson SELECT,
#addPerson TEXTAREA {
    font: 12px Arial, FreeSans, sans-serif;
}

/*
 * DIV#grantor-mandatory: set font size, family and color
 * width = 850px centered in browser window
 * left-align text
 */

#grantor-mandatory,
#addPerson,
.new-ui-standards {
    color: #222222;
    text-align: left;
}

/*
 * H1: font size approx. 22px, bold, full line bottom margin
 */

#grantor-mandatory H1,
#addPerson H1,
.new-ui-standards h1 {
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 1em;
}

#grantor-mandatory p,
.new-ui-standards p {
    margin-bottom: 1em;
}

/*
 * set the dimensions and vertical alignment
 * for all required and help icons
 */

#grantor-mandatory IMG.required,
#grantor-mandatory IMG.help,
#addPerson img.required,
.new-ui-standards img.required,
.new-ui-standards img.help {
    height: 20px;
    vertical-align: middle;
    width: 15px;
}

/*
 * for centering search results (in DIVs, TABLEs, etc)
 * NOT inside #grantor-mandatory since doing so may adversely
 * affect CSS for jQuery-generated search result tables.
 */

.searchResults {
    margin-top: 24px;
}

.searchResults > * {
    margin: 0 auto;
}

/* @group Page Help */

#grantor-mandatory .pagehelpbutton,
.new-ui-standards .pagehelpbutton {
    overflow: visible;
    text-align: right;
    float: none;
    line-height: 20px;
    vertical-align: middle;
}

/* @end */

/*
 * text to explain "required" icon:
 * Red text, slightly larger, bold, with bottom margin
 */

#grantor-mandatory P.required,
#addPerson p.required,
.new-ui-standards p.required {
    color: #FF0000;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 1em;
}

/* @group Form */

/* @group Fieldset & Legend */

/*
 * Put 1px solid light gray border around <FIELDSET>'s (forms) with
 * a comfortable padding
 * rounded corners on browsers that support some version of border-radius
 */

#grantor-mandatory FIELDSET,
#addPerson fieldset,
.new-ui-standards fieldset {
    border: 1px solid #DFDFDF;
    margin-bottom: 2em;
    padding: 5px 10px;
}

/*
 * font size approx. 13px, italics
 * setting the margin to 0 fixes IE problems
 */

#grantor-mandatory LEGEND,
#addPerson legend,
.new-ui-standards legend {
    color: #222222;
    font-size: 1.1em;
    font-style: italic;
    line-height: 1;
    padding: 4px;
}

/* @end */

/* @group Field and Button Rows */

/*
 * Arrange every form row in a container DIV to keep
 * proper alignment
 */

#grantor-mandatory .field_container,
#addPerson .field_container,
.new-ui-standards .field_container {
    clear: left;
    display: block;
    float: none;
    line-height: 20px;
    margin: 5px 0;
    min-height: 20px;
    width: 100%;
}

/*
 * buttons outside the fieldset go in their own container DIV
 * with the margin pulled up a little to reduce the spacing
 * between them and the end of the previous fieldset
 */

#grantor-mandatory .button_container,
#addPerson .button_container,
.new-ui-standards .button_container {
    padding-bottom: 12px;
    padding-left: 241px;
}

.new-ui-standards .button_container .checkboxList {
    padding-left: 241px;
}

/*
 * buttons inside the fieldset have a slightly different padding
 * and margin situation
 */

#grantor-mandatory FIELDSET .button_container,
#addPerson fieldset .button_container,
.new-ui-standards fieldset .button_container {
    line-height: 20px;
    margin: 5px 0;
    padding-left: 230px;
    padding-bottom: 0;
}

/* @end */

/* @group Labels */

/*
 * Put the <LABEL> and any icon images (i.e., help & required)
 * into a <div class="label">
 */

#grantor-mandatory .field_container .label,
#addPerson .field_container .label,
.new-ui-standards div.two_fields_container span.two_fields_container_1 .xforms-label,
.new-ui-standards .field_container .label {
    display: block;
    float: left;
    height: 20px;
    min-width: 230px;
    overflow: visible;
    white-space: nowrap;
}

.labelField {
    display: block;
    float: left;
    margin-right: 1%;
	margin-bottom: 1%;
    /* height: 20px; */
    min-width: 230px;
    overflow: visible;
    white-space: nowrap;
    width: 25%;
}
ptitle_label{
    display: block;
    float: left;
    height: 20px;
    min-width: 230px;
    overflow: visible;
    white-space: normal;
    width: 20%;
}

/*
 * Formatting to accomodate cases where we need two field containers on one line
 * (such as a hyphenated zip code with separate boxes for zip and extension).
 * Use .two_fields_container instead of .field_container for the div, then put
 * the two label/control pairs in separate spans inside the div using
 * .two_fields_container_1 and .two_fields_container_2 respectively.
 */
.new-ui-standards div.two_fields_container span.two_fields_container_2 .xforms-label {
    margin-right: 5px;
    height: 20px;
    overflow: visible;
    white-space: nowrap;
}

.field_container .labelAddEditNoteField {
     display: block;
     float: left;
     overflow: visible;
     margin-right: 3%;
     margin-bottom: 1%;
     width: 26%;

 	}

/*
 * set the label as a block, float it left,
 * set the font, height, line-height and width
 */

#grantor-mandatory .field_container .label label,
#addPerson .field_container .label label,
.new-ui-standards .field_container .label label {
    display: block;
    float: left;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 1px;
}

.new-ui-standards label.radio,
.new-ui-standards .field_container .checkboxList span label  {
    display: inline;
    float: none;
    margin-left: 1ex;
    margin-right: 2ex;
}

/* @end */

/* @group Required Field & Help Icons */

/*
 * help and required images
 * have padding built into the images to fill
 * out the row so they don't need CSS top & bottom
 * padding (just left & right padding so they're
 * not butting against each other or text)
 */

#grantor-mandatory .field_container .label IMG.required,
#grantor-mandatory .field_container .label IMG.help,
#addPerson .field_container .label img.required,
.new-ui-standards .field_container .label img.required,
.new-ui-standards .field_container .label img.help {
    display: block;
    float: left;
    padding: 0 2px;
}

#grantor-mandatory .field_container .label span img,
#addPerson .field_container .label span img,
.new-ui-standards .field_container .label span img {
    padding-left: 4px;
}

/* @end */

/* @group Inputs */

/*
 * Set base declarations for INPUT elements
 */

#grantor-mandatory INPUT[type="text"],
#grantor-mandatory INPUT[type="password"],
#grantor-mandatory TEXTAREA,
#grantor-mandatory SELECT,

.new-ui-standards INPUT[type="text"],
.new-ui-standards INPUT[type="password"],
.new-ui-standards INPUT[type="email"],
.new-ui-standards TEXTAREA,
.new-ui-standards SELECT,

#addPerson input[type="text"],
#addPerson input[type="password"],
#addPerson textarea,
#addPerson select {
    background-color: #FFFFFF;
    border: 1px solid #888888;
    color: #444444;
    font-size: 12px;
    line-height: 1;
    padding: 2px;
    text-align: left;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/*
 * Adjust <SELECT> padding
 */

#grantor-mandatory SELECT,
#addPerson select,
.new-ui-standards select {
    margin-left: 0;
    padding: 1px;
}

/*
 * styles for "readonly" or "disabled" input fields
 */

#grantor-mandatory INPUT[type="text"][readonly],
#grantor-mandatory INPUT[type="password"][readonly],
#grantor-mandatory TEXTAREA[readonly],
#grantor-mandatory SELECT[disabled],

.new-ui-standards INPUT[type="text"][disabled],
.new-ui-standards INPUT[type="text"][readonly],
.new-ui-standards INPUT[type="password"][readonly],
.new-ui-standards TEXTAREA[readonly],
.new-ui-standards SELECT[disabled],

#addPerson input[type="text"][readonly],
#addPerson input[type="password"][readonly],
#addPerson textarea[readonly],
#addPerson select[disabled] {
    background-color: #EFEFEF;
    border-color: #CCCCCC;
}

#grantor-mandatory .field_container INPUT.fieldError,
#grantor-mandatory .field_container SELECT.fieldError,

.new-ui-standards .field_container INPUT.fieldError,
.new-ui-standards .field_container SELECT.fieldError,

#addPerson .field_container input.fieldError,
#addPerson .field_container select.fieldError {
    background-color: #FFBABA;
    background-image: none;
    border-color: #D8000C;
    color: #D8000C;
}

#grantor-mandatory .field_container EM,
.new-ui-standards .field_container em,
#addPerson .field_container em {
    color: #D8000C;
    margin-left: 1em;
}

/*
 * Hack: align a list of checkboxes in one "column" of the form
 */

.new-ui-standards .button_container .checkboxItem {
    display: inline !IMPORTANT;
    float: left;
    margin-left: 0ex;
    margin-right: 1ex;
    width: 230px;
}

.new-ui-standards #questionTextId {
    display: block;
    margin-left: 230px;
}

/* @end */

/* @group Buttons */

/*
 * normal state for buttons
 */

#grantor-mandatory INPUT[type="button"],
#grantor-mandatory INPUT[type="submit"],
#grantor-mandatory INPUT[type="reset"],
#grantor-mandatory BUTTON,

.new-ui-standards INPUT[type="button"],
.new-ui-standards INPUT[type="submit"],
.new-ui-standards INPUT[type="reset"],
.new-ui-standards BUTTON,

#addPerson input[type="button"],
#addPerson input[type="submit"],
#addPerson input[type="reset"],
#addPerson BUTTON {
    background: #FFFFFF url(/gs/images/button.gif) repeat-x center center;
    border: 1px solid #888888;
    color: #666666;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2em;
    margin-right: 20px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*
 * "mouseover" state adjustments for buttons
 */

#grantor-mandatory INPUT[type="button"]:hover,
#grantor-mandatory INPUT[type="button"]:active,
#grantor-mandatory INPUT[type="button"]:focus,
#grantor-mandatory INPUT[type="submit"]:hover,
#grantor-mandatory INPUT[type="submit"]:active,
#grantor-mandatory INPUT[type="submit"]:focus,
#grantor-mandatory INPUT[type="reset"]:hover,
#grantor-mandatory INPUT[type="reset"]:active,
#grantor-mandatory INPUT[type="reset"]:focus,
#grantor-mandatory BUTTON:hover,
#grantor-mandatory BUTTON:active,
#grantor-mandatory BUTTON:focus,

.new-ui-standards INPUT[type="button"]:hover,
.new-ui-standards INPUT[type="button"]:active,
.new-ui-standards INPUT[type="button"]:focus,
.new-ui-standards INPUT[type="submit"]:hover,
.new-ui-standards INPUT[type="submit"]:active,
.new-ui-standards INPUT[type="submit"]:focus,
.new-ui-standards INPUT[type="reset"]:hover,
.new-ui-standards INPUT[type="reset"]:active,
.new-ui-standards INPUT[type="reset"]:focus,
.new-ui-standards BUTTON:hover,
.new-ui-standards BUTTON:active,
.new-ui-standards BUTTON:focus,

#addPerson input[type="button"]:hover,
#addPerson input[type="button"]:active,
#addPerson input[type="button"]:focus,
#addPerson input[type="submit"]:hover,
#addPerson input[type="submit"]:active,
#addPerson input[type="submit"]:focus,
#addPerson input[type="reset"]:hover,
#addPerson input[type="reset"]:active,
#addPerson input[type="reset"]:focus,
#addPerson BUTTON:hover,
#addPerson BUTTON:active,
#addPerson BUTTON:focus {
    background-color: #CCCCCC;
    background-image: url(/gs/images/button-o.gif);
    border-color: #666666;
    color: #000000;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#grantor-mandatory input[type="button"][disabled],
#grantor-mandatory input[type="submit"][disabled],
#grantor-mandatory input[type="reset"][disabled],
#grantor-mandatory BUTTON[disabled],

#grantor-mandatory input[type="button"][disabled]:hover,
#grantor-mandatory input[type="submit"][disabled]:hover,
#grantor-mandatory input[type="reset"][disabled]:hover,
#grantor-mandatory BUTTON[disabled]:hover,

.new-ui-standards input[type="button"][disabled],
.new-ui-standards input[type="submit"][disabled],
.new-ui-standards input[type="reset"][disabled],
.new-ui-standards BUTTON[disabled],

.new-ui-standards input[type="button"][disabled]:hover,
.new-ui-standards input[type="submit"][disabled]:hover,
.new-ui-standards input[type="reset"][disabled]:hover,
.new-ui-standards BUTTON[disabled]:hover,

#addPerson input[type="button"][disabled],
#addPerson input[type="submit"][disabled],
#addPerson input[type="reset"][disabled],
#addPerson BUTTON[disabled],

#addPerson input[type="button"][disabled]:hover,
#addPerson input[type="submit"][disabled]:hover,
#addPerson input[type="reset"][disabled]:hover,
#addPerson BUTTON[disabled]:hover {
    background-color: #FAFAFA;
    background-image: none;
    border-color: #999999;
    color: #999999;
    cursor: auto;
}

#grantor-mandatory .field_container input[type="button"],
#grantor-mandatory .field_container input[type="submit"],
#grantor-mandatory .field_container input[type="reset"],
#grantor-mandatory .field_container BUTTON,

.new-ui-standards .field_container input[type="button"],
.new-ui-standards .field_container input[type="submit"],
.new-ui-standards .field_container input[type="reset"],
.new-ui-standards .field_container BUTTON,

#addPerson .field_container input[type="button"],
#addPerson .field_container input[type="submit"],
#addPerson .field_container input[type="reset"],
#addPerson .field_container BUTTON {
    margin-bottom: 3px;
    padding: 1px 4px;
    vertical-align: baseline;
}

/* @end */

/* @group Address Validation */

/*
 * validated address message is blue
 */

#grantor-mandatory .validated-address,
#addPerson .validated-address,
.new-ui-standards .validated-address {
    color: #0000FF;
}

/*
 * non-validated address message is red
 */

#grantor-mandatory .non-validated-address,
#addPerson .non-validated-address,
.new-ui-standards .non-validated-address {
    color: #FF0000;
}

/* @end */

/* @group Form Field Help */
.descriptionClass .formFieldHelp {
    width: 110%;
}

.uploadClass .formFieldHelp {
    width: 95%;
}
.new-ui-standards .formFieldHelp {
    background: #95d9f1; 
    border: 1px solid #1AA1D0;
    box-shadow: 2px 2px 3px #bbb;
    display: block;
    margin: 5px 0;
    padding: 5px;
    width: 50%;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.new-ui-standards .formFieldHelp p {
    margin: 0;
}

/* @end */

/* @end */

/* @group Messages */

/*
 * Informational messages that appear near the top of a screen
 */

#grantor-mandatory .info,
#grantor-mandatory .success,
#grantor-mandatory .warning,
#grantor-mandatory .error,
#grantor-mandatory .validation,

.new-ui-standards .info,
.new-ui-standards .success,
.new-ui-standards .warning,
.new-ui-standards .error,
.new-ui-standards .validation,

#addPerson .info,
#addPerson .success,
#addPerson .warning,
#addPerson .error,
#addPerson .validation {
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 10px 0px;
    min-height: 25px;
    padding: 15px 10px 15px 50px;
    text-align: left;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#grantor-mandatory .info,
.new-ui-standards .info,
#addPerson .info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}

#grantor-mandatory .success,
#addPerson .success,
.new-ui-standards .success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../images/success.png');
}

#grantor-mandatory .warning,
#addPerson .warning,
.new-ui-standards .warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}

#grantor-mandatory .error,
#addPerson .error,
.new-ui-standards .error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}

#grantor-mandatory #messageBox1 UL {
    padding-left: 18px;
}

#addPerson span.error {
    display: block;
}

.new-ui-standards .error li {
    list-style-type: none;
}

/* @end */

/* @group jQuery Modal Adjustments */

/*
 * Adjust the appearance of the jQuery modal
 * to better match our overriding theme appearance
 */

.modalDialog {
    font: 12px/1 Arial, FreeSans, sans-serif;
    text-align: left;
}

.modalDialog FIELDSET {
    border: 1px solid #DFDFDF;
    margin: 0 0 1.5em 0;
    padding: 1.4em;

    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.modalDialog LEGEND {
    color: #222222;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.1em;
}

.modalDialog LABEL {
    border: 1px solid transparent;
    clear: left;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1.2em;
    margin: 5px 35px 0 7px; /* set top margin same as form input - textarea etc. elements */
    padding: 2px;
    text-align: left;
    width: 150px;
}

.modalDialog INPUT[type=text],
.modalDialog INPUT[type=password],
.modalDialog TEXTAREA,
.modalDialog SELECT {
    background-color: #FFFFFF;
    border: 1px solid #888888;
    color: #444444;
    display: block;
    font-size: 12px;
    line-height: 1.2em;
    margin: 5px 20px 0 0;
    padding: 2px;
    text-align: left;
    vertical-align: middle;
}

/*
 * Adjust <SELECT> padding
 */

.modalDialog SELECT {
    padding: 1px;
}

.modalDialog DIV.input-column {
    border: 1px solid transparent;
    display: block;
    font-size: 12px;
    line-height: 1.2em;
    margin: 5px 0 0 0;
    padding: 2px;
}

.modalDialog INPUT[type=button],
.modalDialog INPUT[type=submit],
.modalDialog INPUT[type=reset] {
    background: #FFFFFF url(/gs/images/button.gif) repeat-x center center;
    border: 1px solid #888888;
    color: #666666;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2em;
    margin: 5px 0 0 0;
    padding: 4px;
    text-align: center;
    vertical-align: middle;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.modalDialog INPUT[type=button]:hover,
.modalDialog INPUT[type=button]:active,
.modalDialog INPUT[type=submit]:hover,
.modalDialog INPUT[type=submit]:active,
.modalDialog INPUT[type=reset]:hover,
.modalDialog INPUT[type=reset]:active {
    background: #CCCCCC url(/gs/images/button-o.gif) repeat-x center center;
    border: 1px solid #666666;
    color: #000000;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.modalDialog .validated-address {
    color: #0000FF;
}

.modalDialog .non-validated-address {
    color: #FF0000;
}

/* @end */

/* @group List Tables */

.new-ui-standards .listTable {
    margin-bottom: 2em;
    width: 980px;
}

.new-ui-standards .listTable th,
.new-ui-standards .listTable td {
    border: 1px solid #ccc;
    padding: 2px;
}

.new-ui-standards .listTable th {
    background-color: #dedede;
    white-space: nowrap;
}

.new-ui-standards .listTable th label {
    font-weight: bold;
}

.new-ui-standards .listTable caption {
    background-color: #dedede;
    border: 1px solid #ccc;
    border-bottom: none;
    font-weight: bold;
    padding: 2px;
}

.new-ui-standards .listTable input[type="button"],
.new-ui-standards .listTable input[type="submit"],
.new-ui-standards .listTable input[type="reset"] {
    margin-right: 0;
}

.listTable td.money,
.listTable td.number {
    text-align: right;
}

.new-ui-standards .listTable .selection {
    text-align: center;
}

.new-ui-standards .listTable .timestamp {
    white-space: nowrap;
}

.new-ui-standards .listTable .action {
    white-space: nowrap;
}

/* @end */

/* @group Popup */

.popup .new-ui-standards {
    padding: 10px;
}

.popup .new-ui-standards h1 {
    font-size: 1.333em;
    text-align: center;
}

.popup .new-ui-standards .listTable {
    width: auto;
}

/* @end */

/* @group Text Tables */

.new-ui-standards .textTable {
    width: 100%
}

.new-ui-standards .textTable .label {
    font-weight: bold;
}

.new-ui-standards .previewPublicAnnouncement li {
    margin-bottom: 1em;
}

/* @end */

/* @group Registration Page */

.registrationPage {
    width: 80%;
}

.registrationPage li {
    margin-bottom: 1em;
}

/* @end */

/* @group Dijit Dialog Modifications */

.dijitDialog.new-ui-standards .field_container {
    min-width: 370px;
}

.dijitDialog.new-ui-standards .field_container .label {
    min-width: 170px;
}

.dijitDialog.new-ui-standards .button_container {
    width: 200px;
    padding-left: 170px;
}
.dijitDialog.new-ui-standards .formFieldHelp {
    margin-bottom: 1em;
    width: 310px;
}

/* @end */

/* @end */

/* @group Search Screen */

table.search {
    border: 2px solid transparent;
    border-collapse: collapse;
    margin: 0 auto;
}

table.search td {
    border: 2px solid transparent;
    padding: 2px;
}

/* @end */

/* @group Tundra Overrides */

#mainContent .tundra .dojoxGridRowOver .dojoxGridCell {
    background-color: #e4e2e2;
    color: #000;
}

/* @end */

/* @group Utility Classes */

.centered {
    text-align: center;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* @end */

/* @group Orbeon XForms */

.orbeon {
    margin-bottom: 2em;
}

/* @group Header */

.orbeon #header-info {
    margin-bottom: -4em;
}

.orbeon #header-info h1 {
    text-transform: uppercase;
    text-align: center;
}

.orbeon #header-info .subhead {
    text-align: center;
    font-weight: bold;
    font-size: larger;
    text-transform: uppercase;
}

.orbeon #header-info .instruction-link {
    text-align: center;
}

.orbeon #header-info #omb-number {
    text-align: right;
    position: relative;
    top: -8em;
    line-height: 2;
}

/* @end */

/* @group Columns */

.orbeon fieldset {
    border: 1px solid #DFDFDF;
    margin-bottom: 0;
    padding: 10px;
    float: left;
}

.orbeon .one-third {
    width: 304px;
}

.orbeon .one-half {
    width: 467px;
}

.orbeon .full-width {
    width: 956px;
}

/* @group Form Field Help */

.orbeon .formFieldHelp {
    opacity: 0.9;
    position: absolute;
    z-index: 10;
}

.orbeon .one-third .formFieldHelp {
    width: 274px;
}

.orbeon .one-half .formFieldHelp {
    width: 420px;
}

.orbeon .full-width .formFieldHelp {
    width: 382px;
}

/* @end */

/* @end */

/* @group Rows */

.orbeon .row label {
    display: block;
    float: left;
    font-weight: bold;
}

.orbeon .row label.not-required {
    margin-left: 19px;
}

/* @group Row 1 */

.orbeon .row-1 label {
    float: none;
}

/* @group Row 1, Column 3 */

.orbeon .row-1 > span > span {
    display: block;
    margin-top: 20px;
}

.orbeon .row-1 span span label {
    float: left;
    width: 150px;
}

.orbeon .row-1 input[maxlength="4"] {
    width: 8em;
}

/* @end */

/* @end */

/* @group Row 2 */

.orbeon .row-2 label {
    width: 230px;
}

.orbeon .row-2 .button_container {
    padding-left: 230px;
}

/* @end */

/* @group Row 3 */

.orbeon .row-3 label {
    width: 270px;
}

/* @end */

/* @group Row 4 */

.orbeon .row-4 label {
    width: 270px;
}

/* @end */

/* @group Row 5 */

.orbeon .row-5 label {
    width: 230px;
}

.orbeon .row-5 .button_container {
    padding-left: 230px;
}

/* @end */

/* @group Row 6 */

.orbeon .row-6 {
    margin-bottom: 1em;
}

.orbeon .row-6 label {
    width: 230px;
}

.orbeon .row-6 .button_container {
    padding-left: 230px;
}

/* @end */

/* @end */

/* @end */

/* need this to overwrite orbeon's style so JAWS does not read the inactive alert message */

.xforms-alert-inactive {
    display: none;
}

/* 100% width to overwrite the weird hard coded width of some table classes */
.max-width {
    width: 100%;
}

/* overwrite orbeon's style to to add a little padding to checkboxes */
.xforms-select-appearance-full .xforms-deselected input,
.xforms-select-appearance-full .xforms-selected input{
    margin-right: 4px;
}

.noRecords{
	font-family: arial;
    border: 3px solid #CDCDCD !important;
    margin: 10px 0pt 15px;
    font-size: 8pt !important;
    width: 100%;
    padding: 4px !important;
    text-align: center;
}