@charset "UTF-8";
/* CSS Document */

/* Overrides some of the default styles 
   for widget error messages to include images
----------------------------------------------- */
input { width:110px; }
input .left { text-align: left; }
select { width: 118px; font-size: small; border: 1px solid #b1b1bc; background-color: #fff; color: #000; text-align: left; }
input, select, textarea { margin-left: 5px; _margin-left: 5px !important; padding: 2px; }

.fieldWidth-PageTitle input, .fieldWidth-PageTitle textarea  { display: inline; text-align: left; width: 530px; padding: 0 .25em; }

.fieldFullWidth input, .fieldFullWidth textarea { margin-left: 5px; padding: 2px; width: 595px; }
.fieldFullWidth select { margin-left: 5px; padding: 2px; width: 600px; }
.fieldExtraWide input, .fieldExtraWide textarea { margin-left: 5px; padding: 2px; width: 300px; }
.fieldExtraWide select { margin-left: 5px; padding: 2px; width: 305px; }
.fieldWide input, .fieldWide textarea { margin-left: 5px; padding: 2px; width: 200px; }
.fieldWide select { margin-left: 5px; padding: 2px; width: 205px; }
.fieldNarrow input, .fieldNarrow textarea { margin-left: 5px; padding: 2px; width: 68px; }
.fieldNarrow select { margin-left: 5px; padding: 2px; width: 73px; }
/* IE stretched button bug workaround  (http://latrine.dgx.cz/the-stretched-buttons-problem-in-ie) */
#documentReferrerLink input.button { padding: 0 .25em; width: 0px;  /* IE table-cell margin fix */ overflow: visible; 
*border: 1px outset #222; _border: 1px outset #222; /* avoid button in IE and therefore also avoid bug altogether -  BL */ } 

#documentReferrerLink input.button[class] {  /* IE < 7 ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}
#documentReferrerLink td input.button[class] {
    width: 100%;
}
.validcheckbox { float:left; width:120px; _width: 120px; height: 50px; }
#checkboxes { width: 640px; height: 65px; display: block; position: relative; }
#checkboxes .input_container { display:block; width: 120px; margin-right: 2px; position: absolute; top: 35px;  }
#checkboxes input { display:block; text-align: left; width:14px; margin-left: 15px; }
/* #checkboxes label { display:block; width: 75px; text-align:centre; margin-left:35px; _margin-left: 13px; margin-right:20px; *margin-top: -5px !important; _margin-top:  0px !important; } */
#checkboxes label { display:block; width: 75px; margin: 0 20px 0 0; position: absolute; top: 35px; padding: 0 40px 0 40px;}

#radios input { margin-left:6px; _margin-left: 3px; width:14px; }
#radios label { width:14px; margin: 0 3px 0 29px; }
.buttons { margin-top:15px; margin-bottom: 15px; }
.buttons input { width: 70px; font-family: "Lucida Grande", "Trebuchet MS", sans-serif; margin-left:2px; padding-left:0px; line-height: 16px; }
.formLine { display: inline; }
.formLabel { display: inline; width:70px; margin: 8px 1px 9px 8px; *margin: 8px 0px 9px 5px; _margin: 8px 0px 9px 5px; }
#errors { float:left; margin-top:-5px; }
.checkboxRequiredState .formLabel, .checkboxMaxSelectionsState .formLabel, .selectRequiredState .formLabel, .selectInvalidState .formLabel, .textareaRequiredState .formLabel, .textareaMinCharsState .formLabel, .textareaMaxCharsState .formLabel, .textfieldRequiredState .formLabel, .textfieldInvalidFormatState .formLabel, .textfieldMinValueState .formLabel, .textfieldMaxValueState .formLabel, .textfieldMinCharsState .formLabel, .textfieldMaxCharsState .formLabel, .radioRequiredState .formLabel { color: #6633FF; /* #CC3333; */ font-weight: bold; }
.ratingProperties { margin-right:8px; float:right; color:#FF3333; }
#Countvalidta1, #Countvalidta2 { width:25px; }

/* #articles { border: 1px solid #404040; padding-left:12px; height:600px; }
#articles1 { border: 1px solid #404040; padding-left:12px; height:auto; } */
.checkboxRequiredState .checkboxRequiredMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, .selectRequiredState .selectRequiredMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .radioRequiredState .radioRequiredMsg { border:0px; padding-left:18px; padding-top: 5px; margin-left:4px; background-image:url(/global/images/elements/icons/error.gif); background-repeat:no-repeat; background-position: left bottom; } /* see error_zone */

#error_zone { visibility:hidden; color: #000; padding: 4px 30px 4px 4px; margin-left: 10px; background-color:#FFFFCC; border-top: 1px dotted #FF0000; border-right: 1px dotted #FFCC00; border-bottom: 1px dotted #FFCC00; border-left: 1px dotted #FF0000; background-image:url(/global/images/elements/icons/error.gif); background-repeat:no-repeat; background-position: 99% center; } /* for single error message onSubmit */

.validMsg { width:16px; height:16px; margin-left:6px; margin-top:-2px; display:none; }
.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg { display:inline; } 

#okmessage { margin:10px 0px; color: #6633FF; display:none; border: 1px solid #666666; padding: 8px; background-color: #FFFFCC; }
#okmessage span { color: #660033; }
#okmessage.formsent { display:block; }
#CentralColumn { margin:0; padding:0; height: 600px; float: left; width: 700px; }

/* ********* Next 2 copied from SpryValidationTextField (my overrides) ********* */
/* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState { background-color: #CCFFFF; /*prev #B8F5B1; */ border-right-color: #FFFF99; border-bottom-color: #FFFF99; }

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input { background-color: #FFFFCC; /*prev #FF9F9F; */ border-color: #FF0000 #FFCC00 #FFCC00 #FF0000; } /* diff colors around the box */

/* ********* Next 2 copied from SpryValidationTextArea (my overrides) ********* */
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState  { background-color: #CCFFFF; /*prev #B8F5B1; */ border-right-color: #FFFF99; border-bottom-color: #FFFF99; }

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea { background-color: #FFFFCC; /*prev #FF9F9F; */ border-color: #FF0000; }

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState,
textarea.textareaHintState, .textareaHintState textarea{ color: #BBB3B8 !important; /*font-size: inherit !important;*/ }