/*******************/
/*   FORM STYLES   */
/*******************/

fieldset {
    border: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    
        padding-bottom: 5px;
    
}

fieldset a:link,
fieldset a:visited {
    color: #444444;
}

fieldset a:hover,
fieldset a:active {
    color: #777777;
}

.formSection {}
.formSection .topic { margin-bottom: 5px; }

.fieldHead {
    margin-bottom: 3px;
    padding-top: 1px;
}

.bg_tan { background-color: #F5F3E6; }
.border_tan { border-top: 2px solid #F5F3E6; border-left: 8px solid #F5F3E6; }

.bg_blue { background-color: #dee7f0; }
.border_blue { border-top: 2px solid #dee7f0; border-left: 8px solid #dee7f0; }
.top_blue { border-top: 1px solid #dee7f0; }

.bg_pink { background-color: #f2e6e9; }
.border_pink { border-top: 2px solid #f2e6e9; border-left: 8px solid #f2e6e9; }
.top_pink { border-top: 1px solid #f2e6e9; }

.bg_green { background-color: #ecf6e2; }
.border_green { border-top: 2px solid #ecf6e2; border-left: 8px solid #ecf6e2; }
.top_green { border-top: 1px solid #ecf6e2; }

.bg_yellow { background-color: #fbf9e1; }
.border_yellow { border-top: 2px solid #fbf9e1; border-left: 8px solid #fbf9e1; }
.top_yellow { border-top: 1px solid #fbf9e1; }

.bg_purple { background-color: #ebebf9; }
.border_purple { border-top: 2px solid #ebebf9; border-left: 8px solid #ebebf9;  }
.top_purple { border-top: 1px solid #ebebf9; }

.bg_gray { background-color: #F1F1F1; }
.border_gray { border-top: 2px solid #F1F1F1; border-left: 8px solid #F1F1F1;  }
.top_gray { border-top: 1px solid #F1F1F1;}

.top_blue,
.top_pink,
.top_green,
.top_yellow,
.top_purple,
.top_gray {
    clear:both;
    line-height:3px;
}



.firstSectionHead, .sectionHead {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}

.firstSectionHead {
    color: green;
}

.req {
    font-size: 11px;
    color: #666666;
    font-style: italic;
}


.exLink {
    float: right;
    font-size: 10px;
    padding-top: 2px;
}

table.guideFields {
    width: 100%;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    clear: both;
}

.topRow td {
    padding-top: 5px;
}

.bottomRow td {
    padding-bottom: 5px;
}


/* guide fields columns: description heading, input field, character count*/
.descr {
    width: 110px;
    text-align: right;
    vertical-align: top;
    padding-right: 4px!important;
    font-weight: bold;
    
       padding-top: 6px;
    
}

.descr ul {
    margin: 0px 0px 0px 15px;
    padding: 0px ;
    list-style-type: disc;
    text-align:right;
}

.input {
    /*width: 388px;*/
}

.input input,
.input select,
.input table,
.input .wysiwyg {
    margin-bottom: 3px;
    
        width: 371px;
    
}

.linkTextArea, .simpleTextArea {
    margin-bottom: 3px;
    
        width: 371px;
    
}

.protocol select {
    width: 70px;
    vertical-align: top;
    
        margin-top: 1px;
    
}

.protocol input {
    margin-bottom: 3px;
    
        width: 298px;
    
}

.guideFields .charCount {
    width: 70px;
    padding-left: 4px;
    vertical-align: top;
    /*color: #444444;
    font-size: 11px;
    width: 1%;
    padding-right: 7px;*/
}

.topicSelect {
    padding: 10px;
}

#topicSelector label {
    font-weight: bold;
}

.saveItem {
    text-align: right;
    padding: 4px 4px 0px 0px;
}

.saveItem {
    text-decoration: underline;
}

/* ordering table */
.reorder {
    width: 100%;
    margin-bottom: 3px;
    clear: both;
}

.reorder .rowSpace {
    height: 1px;
    line-height: 1px;
}


.arrows {

    width: 20px!important;
    text-align: center;
    padding: 3px 0px 2px 0px;
    white-space: nowrap;
}


.heading, .headingBold {
    width: 450px;
}

.headingBold {
    font-weight:bold;
}

.heading ul {
    margin: 0px 0px 0px 15px;
    padding: 0px ;
    list-style-type: disc;
}

.heading ul li {
    padding-top: 4px;
}

.options {
    width: 1%;
    text-align: center;
    white-space: nowrap;
}

.enteredListHead { padding-left: 3px; font-weight: bold; color: #444444; }
.viewAll { text-align: right; }

/* lists within the form sections */
.formHead { font-size: 10px; margin-bottom: 4px; }
.formHead ul { margin: 0px 0px 0px 12px; padding: 0px; }
.formHead ul li { list-style-type: circle; line-height: 10px; }


.fieldNote { font-size: 12px; line-height: 15px; }


/* form submit buttons: next, previous, save draft, etc */
.formActionsLeft { float: left; font-family: arial, helvetica, sans-serif; font-size: 12px; }
.formActionsRight { float: right; font-family: arial, helvetica, sans-serif; font-size: 12px; }

.formActionsRight a:link,
.formActionsRight a:visited,
.formActionsRight a:focus {
    color: #008000;
}

.formActionsRight a:hover,
.formActionsRight a:active {
    color: black;
}

.formActionsPadBottom {
    padding-top:10px ;
    padding-right:10px ;
}

.formActionsPadMiddle {
    padding-top:5px !important;
}

.textField { margin-bottom: 9px; }

/* example box */
.exampleBox {
    border: 1px dotted #666666;
    padding: 5px;
    margin: 2px 0px 2px 0px;
    height: 1%;
}
.example {
    margin-top: 1px;
    clear: both;
}

a.small { font-size: 10px; }

.moveUpDown {
    background-color: white;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #CCCC99;
    border-bottom-color: #CCCC99;
    border-style: solid;
    border-width: 1px;
    margin-right: 4px;
    
        padding: 0px 0px 0px 0px;
    
}

.moveUpDown img {
    border: 0px;
    vertical-align: middle;
    text-align: left;
}

/* ERROR REPORTING */
.objectError {
    border-top: 2px solid #dd0000;
    color: #dd0000;
    font-size: 11px;
    margin-bottom: 5px;
    
        width: 377px;
        margin-top: -2px;
    
}

.objectError ul {
    color: #DD0000;
    clear: both;
    margin-top: 0px;
    padding-top: 0px;
    
        margin-left: 14px;
    
}

.objectError li {
    list-style-type: square;
    line-height: 14px;
}

.GuideHelpText {
    font-weight: normal;
    font-size: 11px;
    color: #808080;
    line-height: 13px;
    font-family: arial, sans-serif;
    margin: -2px 0px 6px 0px;
}

.sectionHelp {
    color: #777777;
    clear: both;
}

.externalLink a:link,
.externalLink a:visited,
.iRecommend a:link,
.iRecommend a:visited {
    color: blue!important;
}

.externalLink a:focus,
.externalLink a:hover,
.externalLink a:active,
.iRecommend a:focus,
.iRecommend a:hover,
.iRecommend a:active {
    color: green!important;
}

.iRecommend b {
    color: #008000;
}

.writeNewItem {
    padding: 5px 0px 15px 8px;
    color: black;
    font-weight: bold;
    font-size: 15px;
}