/*
    This file contains styles for forms and form elements
*/

/*
    Forms and form fields
*/
form {
    margin: 0px;
    padding: 0px;
}

input, select, textarea {
    margin: 2px;
}

textarea, select {
    background-color: #E7EFFC;
    border: 1px solid #19355E;
}

fieldset {
    padding: 0px 8px 8px 8px;
}

legend {
    font-weight: bold;
}

fieldset.formseparator {
    border-width: 0px;
    border-top: 2px solid #A0BAD5;
}

fieldset.formseparator legend {
    font-weight: bold;
    color: #19355E;
}

label, span.likeLabel {
    font-weight: bold;
}

.radioAndCheckbox {
    padding: 0px;
}

table.formTable .radioAndCheckbox {
    margin-right: 4px;
}

.textinput {
    background-color: #E7EFFC;
    border: 1px solid #19355E;
    height:22px;
}

.inputDisabled {
    background-color: #E7EFFC;
    border: 1px solid #cccccc;
    height:22px;
}

/*
    Form table layout
*/
table.formTable {
    border-collapse: collapse;
    width: 100%;
}

table.formTable tr.rowEven td {
    background-color: #F6F6F6;
    vertical-align: top;
    padding: 10px 4px;
    border-top: 1px dotted #cccccc;
}

table.formTable tr.rowOdd td  {
    background-color: #FFFFFF;
    vertical-align: top;
    padding: 10px 4px;
    border-top: 1px dotted #cccccc;
}

table.formTable tr.rowError td {
    background-color: #FFE3E7;
    vertical-align: top;
    padding: 10px 4px;
    border-top: 1px dotted #cccccc;
}

table.formTable tr.row td {
    vertical-align: top;
    padding: 10px 4px;
}

table.formTable tr.rowIntro td {
    vertical-align: top;
    padding: 8px 4px;
    border-top: 1px dotted #cccccc;
}

table.formTable tr.errorinline td {
    background-color: #FFE3E7;
    vertical-align: top;
    text-align: left;
    padding: 10px 4px;
    border-top: 1px dotted #cccccc;
}

.errorlabel {
    color: #AD0E25;
}

/* the disabled style is combined with rowEven etc. */
table.formTable tr.disabled td {
    color: #999999;
}
table.formTable tr.disabled td .inlinehelp {
    color: #cccccc;
}

.labelCol {
    width: auto;
    text-align: left;
}

.inputCol {
    width: auto;
    text-align: left;
}

.helpCol {
    text-align: left;
    width: 40%;
}

.paddingCol {
    text-align: left;
    width: 20%;
}

td.inputField div {
    white-space: nowrap;
}

td.inputFieldRO div {
    white-space: normal;
}

td.inputField div *,
td.inputFieldRO div *,
td.labeledField * {
    vertical-align: middle;
}

label img {
    padding-right: 4px;
    width: 16px;
    height: 16px;
}

table.formTable img {
    vertical-align: middle;
    border: 0px;
}

/*
    Form buttons and button bar
*/
.buttonBar {
    padding: 2px 0px;
    /* adding white-space: nowrap; might seem like a good idea
    so that the buttons don't wrap but it causes problems 
    when combined with the overflow: visible hack to get
    IE to display a reasonable width button the button bar
    becomes as wide as the buttons would be with out overflow: visible
    rather than as wide as the buttons are. 
    */
}
.buttonBar img {
    padding: 0px;
    vertical-align: middle;
}

.formButton, .formButton:active {
    padding: 2px 8px;
    border: 2px double #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    background: #2785E5 url(../images/buttons_bg.gif) no-repeat 0px 0px;
    color: #fff;
    cursor:pointer;
    cursor:hand;
    height: 2.2em;
    font-size: 1.0em;
    text-align: center;
    vertical-align: middle;
    overflow: visible; /* keeps IE from making buttons too wide */
}

.formButton:hover {
    background: #248CFC url(../images/buttons_bg.gif) no-repeat -300px 0px;
}

.formButton-disabled {
    padding: 2px 8px;
    border: 2px double #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    background: #E3E3E3 url(../images/buttons_bg.gif) repeat-x -1201px 0px;
    color: #999999;
    height: 2.2em;
    font-size: 1.0em;
    text-align: center;
    vertical-align: middle;
    overflow: visible; /* keeps IE from making buttons too wide */
}

/*
    Buttons menus
*/
.formMenuButton, .formMenuButton:active {
    padding: 2px 22px 2px 8px;
    border: 2px double #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    background: #2785E5 url(../images/button_bg_menu.gif) no-repeat right top;
    color: #fff;
    cursor:pointer;
    cursor:hand;
    height: 2.2em;
    font-size: 1.0em;
    text-align: center;
    vertical-align: middle;
    overflow: visible; /* keeps IE from making buttons too wide */
}

.formMenuButton-disabled {
    padding: 2px 22px 2px 8px;
    border: 2px double #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    background: #E3E3E3 url(../images/button_disabled_bg_menu.gif) no-repeat right top;
    color: #999999;
    height: 2.2em;
    font-size: 1.0em;
    text-align: center;
    vertical-align: middle;
    overflow: visible; /* keeps IE from making buttons too wide */
}

.formMenuButton:hover {
    background: #2890FC url(../images/button_bg_menuHover.gif) no-repeat right top;
}

.button-menu {
    z-index: 4;
    background-color: #E7EFFC;
    margin: 0px;
    padding: 1px;
    border: 1px solid #19355E;
    visibility: hidden;
    position: absolute;
}

.button-menu li {
    z-index: 4;
    background-color: #E7EFFC;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: none;
}

.button-menu li.highlight {
    z-index: 4;
    background-color: #cfdbef;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: none;
}

.button-menu a {
    color: #000000;
    background-color: #E7EFFC;
    text-decoration: none;
    padding: 4px;
    display: block;
}

.button-menu a:hover {
    color: #000000;
    background-color: #cfdbef;
    text-decoration: underline;
    padding: 4px;
    display: block;
}

/* 
    misc stuff
*/
.requiredfield {
    color: #666666;
    padding-right: 2px;
}

label .requiredfield {
    font-size: 1.4em;
}

div.requiredfield {
    margin-bottom: 20px;
}

.dialog-info {
}
.dialog-info p {
   padding-top: 1px;
}

.dialog-info-note {
    color: #999999;
}

/*
    tablePreferences form layout
*/

.dialog {
    width: 100%;
    background-color: #F6F6F6;
    border: 1px solid #CCCCCC;
}

.formRow td, .formRow2 td {
    padding: 4px 8px;
}

.formRow .labeledCtrl label {
}

.formRow .bigCtrl {
}

.dialog .buttonRow {
    margin: 4px 8px;
    padding-top: 4px;
    border-top: 1px dotted #CCCCCC;
}

/*
    Various separator styles
*/

.advancedSeparator {
    overflow: hidden;
    width: 100%;
}

.advancedSeparator.showLine {
    background-image: url(../images/separator_bg.gif);
    background-repeat: repeat-x;
    background-position: left center;
}

.advancedSeparator.showLine h3 {
    margin: 2px 10px;
    padding: 0px 4px;
    background-color: #fff;
    float: left;
}

.advancedSeparator a {
    white-space: nowrap;
}

.advancedSeparator img {
    vertical-align: middle;
    border: 0px;
}

.formSeparator {
    background-image: url(../images/separator_bg.gif);
    background-repeat: repeat-x;
    background-position: left center;
    overflow: hidden;
    width: 100%;
}

.formSeparator h3 {
    font-size: inherit;
    color: #19355E;
    font-weight: bold;
    margin: 2px 10px;
    padding: 0px 4px;
    background-color: #fff;
    float: left;
}

.formSeparator h2 {
    font-size: 1em;
    color: #19355E;
    font-weight: bold;
    margin: 2px 10px;
    padding: 0px 4px;
    background-color: #fff;
    float: left;
}

/* match dialog background color */
.dialog .formSeparator h3 {
    background-color: #F6F6F6;
}

.fieldGroupLabel td {
    text-align: left;
}

.fieldGroupLabel h4 {
    font-size: 1em;
    font-weight: bold;
}

/*
    Policy Editor styles
*/

.pe-expr {
    padding: 2px;
    margin-left: 18px;
    color: #000000;
}

.pe-term {
    padding: 2px;
}

.pe-group {
    padding: 2px;
    border: 1px solid #999999;
    color: #999999;
}

.pe-op {
    padding: 2px;
    margin-left: 18px;
}

.predicateEditorItem {
    width: 150px;
}

.predicateEditorList {
    width: 150px;
}

/*
    Target table styles
*/

table.targetTable {
    border-collapse: collapse;
    width: 400px;
    margin: 10px 0px;
}

table.targetTable thead {
    background-color: #B8B8B8;
}

table.targetTable thead th {
    background-color: #CFDBEF;
    text-align: left;
    padding: 4px 4px;
    border: 2px ridge #666666;
}

table.targetTable tr.rowEven td {
    background-color: #F6F6F6;
    padding: 10px 2px;
    border: 2px ridge #666666;
}

table.targetTable tr.rowOdd td  {
    background-color: #FFFFFF;
    padding: 10px 2px;
    border: 2px ridge #666666;
}

table.targetTable .clusterOptions {
    padding-left: 20px;
}

table.targetTable .clusterServer {
    padding-left: 30px;
}


/*
    Chooser Widget Definitions
    REVIEW: Seems the *Disabled classes are not used but probably should be
*/

.buttonsChooserAdd, A.buttonsChooserAdd, A.buttonsChooserAdd:VISITED {
    background-image: url(../images/arrow_chooser_right.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 0px;
    width:23px; 
    height:22px;
    border:0px;
}

.buttonsChooserAdd:HOVER {
    background-image: url(../images/arrow_chooser_right_hover.gif);
    background-repeat: no-repeat;
    background-color: #F6F6F6;
    padding: 0px; width:23px;
    height:22px;border:0px;
}

.buttonsChooserAddDisabled {
    background-image: url(../images/arrow_chooser_right_disable.gif);
    background-repeat: no-repeat;
    background-color: #F6F6F6;
    padding: 0px;
    width:23px;
    height:22px;
    border:0px;
}

.buttonsChooserRemove, A.buttonsChooserRemove, A.buttonsChooserRemove:VISITED {
    background-image: url(../images/arrow_chooser_left.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 0px;
    width:23px;
    height:22px;
    border:0px;
}

.buttonsChooserRemove:HOVER {
    background-image: url(../images/arrow_chooser_left_hover.gif);
    background-color: #F6F6F6;
    padding: 0px;
    width:23px;
    height:22px;
    border:0px;
}

.buttonsChooserRemoveDisabled {
    background-image: url(../images/arrow_chooser_left_disabled.gif);
    background-color: #F6F6F6;
    background-repeat: no-repeat;
    padding: 0px;
    width:23px;
    height:22px;
    border:0px;
}

.buttonsChooserUp, A.buttonsChooserUp, A.buttonsChooserUp:VISITED {
    background-image: url(../images/arrow_chooser_up.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 0px;
    width:23px;
    height:22px;
    border:0px;
}

.buttonsChooserUp:HOVER {
    background-image: url(../images/arrow_chooser_up_hover.gif);
    background-repeat: no-repeat;
    background-color: #F6F6F6;
    padding: 0px;
    width:23px;
    height:22px;
    border:0px;
}

.buttonsChooserUpDisabled {
    background-image: url(../images/arrow_chooser_up_disabled.gif);
    background-repeat: no-repeat;
    background-color: #F6F6F6;
    padding: 0px;
    width:23px;
    height:22px;border:0px;}

.buttonsChooserDown, A.buttonsChooserDown, A.buttonsChooserDown:VISITED {
    background-image: url(../images/arrow_chooser_down.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 0px;
    width:23px;
    height:22px;
    border:0px;
}

.buttonsChooserDown:HOVER {
    background-image: url(../images/arrow_chooser_down_hover.gif);
    background-color: #F6F6F6;
    padding: 0px;
    width:23px;
    height:22px;
    border:0px;
}

.buttonsChooserDownDisabled {
    background-image: url(../images/arrow_chooser_down_disabled.gif);
    background-color: #F6F6F6;
    background-repeat: no-repeat;
    padding: 0px;
    width:23px;
    height:22px;
    border:0px;
}

.chooserAvailChosen {
    color: #666666;
    font-weight: bold;
}

.chooserAvailChosenDivs {
    background-color: #E7EFFC;
    cursor:default;
    border: 2px inset;
    width: 185px;
    height: 85px;
    overflow: scroll;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// File Chooser Widget Definitions
// --------------------------------------------------------------------------------------------------------------------
*/


.fileChooser {
    border: 1px solid #CCCCCC;
    margin: 4px 2px;
}

.fileChooser .fcNavigation {
    border-bottom: 1px solid #CCCCCC;
    background-color: #F6F6F6;
    padding: 4px;
}

.fileChooser .fcNavigation .ctrlRow {
    overflow: hidden;
    width: 100%;
    padding: 0px;
}

.fileChooser .fcNavigation .ctrlRow label,
.fileChooser .fcNavigation .ctrlRow span.label {
    float: left;
    width: 18%;
    font-weight: bold;
    margin-top: 4px;
}

.fileChooser .fcNavigation .ctrlRow input,
.fileChooser .fcNavigation .ctrlRow div,
.fileChooser .fcNavigation .ctrlRow ul {
    float: left;
    width: 80%;
}

.fileChooser .fcNavigation .ctrlRow ul,
.fileChooser .fcNavigation .ctrlRow ul li {
    margin: 0px;
}

.fileChooser .fcNavigation .ctrlRow div {
    margin-left: 4px;
    margin-top: 2px;
}

.fileChooser ul {
    padding: 2px;
    margin: 0px;
}

.fileChooser li {
    list-style-type: none;
    list-style-image: none;
    padding: 2px;
    margin: 0px;
    display: block;
    overflow: hidden;
    width: 90%;
}

.fileChooser li div.sel {
    float: left;
    width: 2.5em;
    text-align: center;
    height: 1.4em;
}

.fileChooser li div.name {
    float: left;
    height: 1.4em;
}

.fileChooser li img {
    margin: 0px;
    vertical-align: baseline;
    height: 16px;
    width: 16px;
    padding-right: 4px;
}

.fileChooser li input {
    vertical-align: baseline;
    margin: 1px;
}

/*
    Inline Help Definitions
*/

.inlinehelp {
    color: #606060;
    padding-right: 1em;
}

/*
    Confirmation List Definitions
*/
.confirmList {
    margin-bottom: 8px;
}
 
.confirmList p {
    margin: 2px 0px;
}