/* Styles for Possession Claim Online.  development code: border:1px dashed #666; | style="border:1px #ccc dashed;" */

html, body {font-family:Verdana, Helvetica, sans-serif; font-size:1em;}
#outerContainer {width:99%; margin:1px 0 0 4px; padding:0 0 0 0;}


/* site structure HEADER */
#headerContainer {width:100%; height:138px; margin:0 0 0 0; padding:0 0 0 0; background-image:url('../images/pcol_slice.gif'); background-repeat:repeat-x;}

#logoCell {width:100%; height:138px; margin:0 0 0 0; padding:0 0 0 0;}
#headerNavTextHolder {width:100%; font-size:.75em; color:#fff; height:138px; text-align:right; margin:0 0 0 0;}
#headerNavTextHolder .headerTextTop {font-size:1em; color:#fff; padding-right:7px; padding-top:3px;}
#headerNavTextHolder .headerTextBottom {font-size:1em; color:#fff; padding-right:7px; padding-top:104px;}
#headerNavTextHolder .headerLink {font-size:98%; text-decoration:underline; color:#fff; margin:0 0 0 0;}


/* site structure BODY */
#bodyContainer {width:99%; margin-top:11px; padding:0 0 0 0;}


/* site structure FOOTER */
#footerContainer {width:100%; height:55px; clear:both; margin:5px 0 0 0; padding-top:8px;}
#footerContainer .footerBar {width:100%; height:13px; margin:0 0 5px 0; padding:0 0 0 0; background-color:#660066;}
#footerCopyrightCell {width:100%; height:1em; margin:0 0 12px 0; text-align:center;}
#outerContainer  p.footerText {font-size:.71em; color:#000; margin:0 0 0 0;}
#outerContainer  a.footerLinkText {font-size:100%; text-decoration:underline; color:#660066; margin:0 0 0 0;}	


/* site structure USER JOURNEY */
#userJourneyContainer {width:100%; height:19px; font-size:.75em; font-weight:bold; margin:15px 0 0 0; border:1px solid #E8E8E8;}
#userJourneyContainer .userJourneyCell {float:left; margin:0 0 0 0; padding:0 0 0 0;}
#userJourneyContainer .userJourneyCell .stepVisited {float:left; background-color:#D9D9D9; margin:0 0 0 0; padding:2px 9px 3px 4px;}
#userJourneyContainer .userJourneyCell .stepVisited a {text-decoration:none; color:#666;}	
#userJourneyContainer .userJourneyCell .stepVisitedAfterOn {float:left; background-color:#D9D9D9; margin:0 0 0 0; padding:2px 9px 3px 4px; background-image:url('../images/user_journey_unvistiedfirst_left.gif'); background-repeat:no-repeat; background-position: left;}
#userJourneyContainer .userJourneyCell .stepVisitedAfterOn a {text-decoration:none; color:#666;}
#userJourneyContainer .userJourneyCell .stepOn {float:left; background-color:#FFC600; color:#2B2B2B; margin:0 0 0 0; padding:2px 11px 3px 3px; background-image:url('../images/user_journey_onstep_left.gif'); background-repeat:no-repeat; background-position: left;}
#userJourneyContainer .userJourneyCell .stepOnFirst {float:left; background-color:#FFC600; color:#2B2B2B; margin:0 0 0 0; padding:2px 11px 3px 3px;}
#userJourneyContainer .userJourneyCell .stepUnVisitedAfterOn {float:left; margin:0 0 0 0; padding:2px 9px 3px 11px; color:#5F5F5F; background-image:url('../images/user_journey_unvistiedfirst_left.gif'); background-repeat:no-repeat; background-position: left;}
#userJourneyContainer .userJourneyCell .stepUnVisited {float:left; margin:0 0 0 0; padding:2px 9px 3px 4px; color:#5F5F5F;}


/* site structure USER JOURNEY DOUBLE HEIGHT for Defend Claim only */
#userJourneyContainerSpecial {width:100%; height:28px; margin:15px 0 0 0; border:1px solid #E8E8E8;}
#userJourneyContainerSpecial .userJourneyCellSpecialOn {float:left; height:28px; margin:0 0 0 0; padding:0 8px 0 6px; background-color:#FFC600;}
#userJourneyContainerSpecial .userJourneyCellSpecialOn p {font-size:.7em; font-weight:bold; color:#5F5F5F; margin:0 0 0 0; padding:0 0 0 0;}
#userJourneyContainerSpecial .arrowLeft {float:left; height:28px; width:7px; margin:0 0 0 0; padding:0 0 0 0; background-image:url('../images/user_journey_yellow_arrow_left_end.gif'); background-repeat:no-repeat; background-color:#D9D9D9;}
#userJourneyContainerSpecial .arrowRight {float:left; height:28px; width:7px; margin:0 0 0 0; padding:0 0 0 0; background-image:url('../images/user_journey_yellow_arrow_right_end.gif'); background-repeat:no-repeat;}
#userJourneyContainerSpecial .arrowRightBeforeVisited {float:left; height:28px; width:7px; margin:0 0 0 0; padding:0 0 0 0; background-image:url('../images/user_journey_yellow_arrow_right_end_before_visited.gif'); background-repeat:no-repeat;}
#userJourneyContainerSpecial .userJourneyCellSpecialVisited {float:left; height:28px; margin:0 0 0 0; padding:0 13px 0 5px; background-color:#D9D9D9; background-image:url('../images/user_journey_grey_arrow_right_visited.gif'); background-repeat:no-repeat; background-position: right;}
#userJourneyContainerSpecial .userJourneyCellSpecialVisited a {line-height:10px; font-size:.7em; font-weight:bold; color:#5F5F5F; text-decoration:none;}
#userJourneyContainerSpecial .userJourneyCellSpecialVisitedLast {float:left; height:28px; margin:0 0 0 0; padding:0 6px 0 5px; background-color:#D9D9D9;}
#userJourneyContainerSpecial .userJourneyCellSpecialVisitedLast a {height:20px; font-size:.7em; line-height:10px; font-weight:bold; color:#5F5F5F; text-decoration:none;}
#userJourneyContainerSpecial .userJourneyCellSpecialVisitedAfterOn {float:left; height:28px; margin:0 0 0 0; padding:0 12px 0 5px; background-color:#D9D9D9; background-image:url('../images/user_journey_grey_arrow_right_visited.gif'); background-repeat:no-repeat; background-position: right;}
#userJourneyContainerSpecial .userJourneyCellSpecialVisitedAfterOn a {font-size:.7em; line-height:10px; font-weight:bold; color:#5F5F5F; text-decoration:none;}
#userJourneyContainerSpecial .userJourneyCellSpecialVisitedAfterOnRightEnd {float:left; height:28px; margin:0 0 0 0; padding:0 15px 0 4px; background-color:#D9D9D9; background-image:url('../images/user_journey_grey_arrow_right_end.gif'); background-repeat:no-repeat; background-position: right;}
#userJourneyContainerSpecial .userJourneyCellSpecialVisitedAfterOnRightEnd a {font-size:.7em; line-height:10px; font-weight:bold; color:#5F5F5F; text-decoration:none;}
#userJourneyContainerSpecial .userJourneyCellSpecialUnVisited {float:left; height:28px; margin:0 3px 0 3px; padding:0 13px 0 0; background-image:url('../images/user_journey_grey_arrow_right_end_un_visited.gif'); background-repeat:no-repeat; background-position: right;}
#userJourneyContainerSpecial .userJourneyCellSpecialUnVisited p {font-size:.7em; font-weight:bold; color:#5F5F5F; margin:0 0 0 0; padding:0 0 0 0;}

	
/* site structure HELP HELP HELP HELP */
#outerContainer {width:99%; margin:1px 0 0 0; padding:0 0 0 0;}
#bodyContainerHelp {width:100%; margin:5px 0 0 0; padding:0 0 0 0;}
#headerContainerHelp {width:100%; height:99px; margin:0 0 0 0; background-image:url('../images/pcol_slice_small.gif'); background-repeat:repeat-x;}
#logoCellHelp {float:left; width:387px; height:99px; padding:0 20px 0 0;}


/* site structure HOMEPAGE */
#outerContainer .indexContainer {width:100%; margin:6px 0 0 0;}
#outerContainer .indexContainer .linkText {font-size:1em; text-decoration:underline; color:#660066; margin:0 0 0 0;}
#outerContainer .bullet p {font-size:.8em; color:#000; margin:0 0 0 0; padding:0 0 1px 10px; margin:0 0 0 20px; background-image:url('../images/small_arrow_left.gif'); background-repeat:no-repeat;}
#indexButtonContainer {width:100%; height:30px; margin:0 0 0 0;}
#indexButtonContainer .buttonPrimaryBigArrowRight {float:right; font-size:.8em; font-weight:bold; color:#660066; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 27px 3px 10px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; background-image:url('../images/button_primary_big_arrow_right.gif'); background-repeat:no-repeat; background-position: center right;}
#indexButtonContainer .indexButtonContainerTwo {width:100%; height:30px; margin:0 0 0 0;}	
#indexButtonContainerTwo .buttonPrimaryBigArrowRightA a {float:right; font-size:.77em; font-weight:bold; color:#660066; cursor:pointer; text-align:left; vertical-align:middle; margin:0 0 0 15px; padding:6px 42px 6px 16px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; text-decoration:none; background-image:url('../images/button_primary_big_arrow_right.gif'); background-repeat:no-repeat; background-position: center right;}


/* form element styles */
#outerContainer fieldset {border: 1px solid #ccc; padding: 0 0 8px 0; margin-bottom:15px;}
#outerContainer legend {font-size:.825em; font-weight:bold; color:#660066; padding:0 2px 2px 2px;}
#outerContainer .formRow {float:left; width:98%; padding:0 0 1px 10px;}
#outerContainer .formRow .labelHolder {float:left; width:34%; padding:3px 0 0 0;}
#outerContainer .formRow .formElementHolder {float:left; width:30%; padding:0 0 0 0; margin:0 0 0 0;}
#outerContainer .formRow .notesBox {float:right; font-size:.88em; width:29%;  background:#e8e8e8; padding:3px 5px 5px 5px; margin:0 0 1px 0;} /* colour was #F2EFF2 */
#outerContainer .formRow .imageBox {float:right; font-size:.88em; width:29%; padding:3px 5px 5px 5px; margin:0 0 1px 0;} 
#outerContainer .notesText p {font-size:.8em; color:#000; margin:0 0 0 0;}
#outerContainer .formRow label {font-size:.8em; color:#000; margin:0 0 0 0;}
#outerContainer .formRow .formElementHolder input.veryNarrow {width:28px; height:auto; vertical-align:top;}
#outerContainer .formRow .formElementHolder input.narrow {width:95px; height:auto; vertical-align:top;}
#outerContainer .formRow .formElementHolder input.normal {width:180px; height:auto; vertical-align:top;}
#outerContainer .formRow .formElementHolder input.wide {width:230px; height:auto; vertical-align:top;}
#outerContainer .formRow .formElementHolder input.veryWide {width:280px; height:auto; vertical-align:top;}
#outerContainer .formRow .formElementHolder select.narrow {width:60px; height:auto; vertical-align:top; margin:0 0 0 0;}
#outerContainer .formRow .formElementHolder select.normal {width:180px; height:auto; vertical-align:top; margin:0 0 0 0;}
#outerContainer .formRow .formElementHolder textarea.normal {width:230px; height:auto; vertical-align:top; font-family:verdana,sans-serif; font-size:.8em;}
#outerContainer .formRow .formElementHolder textarea.wide {width:300px; height:auto; vertical-align:top; font-family:verdana,sans-serif; font-size:.8em;}
#outerContainer .formRow .formElementHolder textarea.disabled {width:100%; height:auto; vertical-align:top; font-family:verdana,sans-serif; font-size:.8em; border:none; background: white; resize: none;}
#outerContainer .formRow input,select,radio,checkbox,textarea{font-size:.8em;color:#000;}
#outerContainer .formRow .formElementHolderSpecial {float:left; width:60%; padding:0 0 0 0; margin:0 0 0 0;} /* just for the homepage */

/* form element styles for diary - admin */
#outerContainer .formRow .labelHolderDiary {float:left; width:28%; padding:3px 0 0 0;}
#outerContainer .formRow .formElementHolderDiary {float:left; width:39%; padding:0 0 0 0; margin:0 0 0 0;}
#outerContainer .formRow .notesBoxDiary {float:right; font-size:.88em; width:28%;  background:#e8e8e8; padding:3px 5px 5px 5px; margin:0 0 1px 0;} /* colour was #F2EFF2 */
#outerContainer .instNameDiary p {font-size:.8em; color:#000; margin:0 0 0 0;}
#buttonContainer .diarySmallButton {float:right; font-size:.7em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 8px; padding:1px 5px 3px 5px; background-color:#396D8E; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; text-decoration:none;}

/* generic table styles */
#outerContainer .genericTable {width:100%;}
#outerContainer .genericTable caption {color:#660066; font-size:.8em; font-weight:bold; text-align:left; padding: 5px 0 5px 2px;}
#outerContainer .genericTable th {font-size:.8em; text-align:left; background-color:#CCCCCC; border-right:1px solid #999; border-top:1px solid #999; padding:5px 5px 5px 7px; border-bottom:1px solid #999; vertical-align:middle;}
#outerContainer .genericTable .bodyRow {font-size:.8em; padding:5px 5px 5px 7px; border-bottom:1px solid #999; vertical-align:middle; border-right:none;}
#outerContainer .genericTable .bodyRow a {font-size:100%; border-right:none; text-decoration:underline; color:#660066; margin:0 0 0 0;}
#outerContainer .genericTable .alternateRow {background-color:#F5F5F5;}	
#outerContainer .genericTable .noBorderRight{font-size:.8em; border-right:none !important;}	
#outerContainer .footerRow {text-align:right; background-color:#CCCCCC; border-bottom:1px solid #999; padding:2px 5px 2px 0;}	


/* general text styles */
#outerContainer acronym {cursor:help; border-bottom: 2px dashed #660066;} /* <acronym title="Listing Intervals are blah blah blah...">Listing Interval:</acronym> */
#outerContainer .pound {font-size:.8em; color:#000;} /* just for the pound sigh in the forms right now. */
#outerContainer .bodyText p {font-size:.8em; color:#000; margin:0 0 10px 0;}
#outerContainer .bodyTextHelp p {font-size:.8em; color:#000; margin:0 0 2px 0;}
#outerContainer .bodyTextBold p {font-size:.8em; font-weight:bold; color:#000; margin:0 0 0 0;}
#outerContainer .bodyTextBoldPageNumber p {font-size:.8em; font-weight:bold; color:#660066; margin:0 0 0 0;}
#outerContainer .bodyTextH1 h1 {font-size:1.05em; color:#660066; margin:5px 0 0 0;}
#outerContainer .bodyTextH2 h2 {font-size:.9em; font-weight:bold; color:#414141; margin:0 0 0 0;}
#outerContainer .bodyTextH2Help h2 {font-size:1em; font-weight:bold; color:#414141; margin:0 0 0 0; padding:0 0 0 13px; background-image:url('../images/small_arrow_left_help.gif'); background-repeat:no-repeat; background-position: center left;}
#outerContainer .bodyTextH3 h3 {font-size:.85em; color:#000; margin:0 0 0 0;}
#outerContainer .bodyTextH3Help h3 {font-size:.85em; font-weight:bold; color:#414141; margin:0 0 0 0; padding:0 0 0 0;}

#outerContainer .bodyTextError p {font-size:.8em; color:#CC0000; margin:0 0 0 0;}
#outerContainer .errorField  input {border:1px solid #CC0000;}
#outerContainer .errorField .formTextError {font-size:.75em; color:#CC0000; margin:1px 0 0 0;}
#outerContainer .bodyTextErrorBold p {font-size:.8em; font-weight:bold; color:#CC0000; margin:0 0 0 0;}
#outerContainer .bodyTextUnorderedList li {font-size:.8em; color:#000; margin:0 0 0 0;}
#outerContainer .bodyTextOrderedList li {font-size:.8em; color:#000; margin:0 0 0 0;}
#outerContainer .linkText a {font-size:.8em; text-decoration:underline; color:#660066; margin:0 0 0 0;}
#outerContainer .linkTextSpecial a {font-size:.8em; text-decoration:underline; color:#660066; margin:0 0 0 0; padding:0 0 0 10px; text-align:right; background-image:url('../images/small_arrow_left.gif'); background-repeat:no-repeat; background-position: center left;} /* created for use in the Begin New Claim module, but not yet used. */


/* new link for use in paragraphs of text */
#outerContainer a {font-size:100%; text-decoration:underline; color:#660066; margin:0 0 0 0;}
#outerContainer .linkTextBold a {font-size:.8em; font-weight:bold; text-decoration:underline; color:#003399; margin:0 0 0 0;}
#outerContainer .linkTextBoldSmall a {font-size:.68em; font-weight:bold; text-decoration:underline; color:#003399; margin:0 0 0 0;}
#outerContainer .asterisk {font-size:1.1em; color:#CC0000; margin:0 0 0 0;}
#outerContainer .errorListText {font-size:1em; color:#CC0000; margin:0 0 0 0;}
#outerContainer .errorMessage {font-size:.75em; color:#CC0000; margin:10px 0 10px 0;}
#outerContainer .errorMessage li {list-style-type: decimal-leading-zero;}


/* ACS */
#ACScontents {width:50%; height:50%;}
#ACSframe {width:100%; height:500px;}

/* button styles */
#buttonContainer {width:100%; height:30px; margin:0 0 0 0;}
#buttonContainerSpecial {width:100%; margin:0 0 0 0;} /* no height is specified. this is used in table footers, see buttonSmallTextA below */


.testButton {font-size:.8em; font-weight:bold; color:#fff; cursor:pointer; vertical-align:middle; margin:0 0 0 0; padding:24px 24px 24px 24px; background-image:url('../images/go_button_on_white.gif'); background-repeat:no-repeat;}

/* button styles for form buttons e.g. <input type="submit" */

/* Primary */ 
#buttonContainer .buttonPrimaryBigArrowLeft {float:right; font-size:.8em; font-weight:bold; color:#660066; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 10px 3px 27px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; background-image:url('../images/button_primary_big_arrow_left.gif'); background-repeat:no-repeat; background-position: center left;}
#buttonContainer .buttonPrimaryBigArrowRight {float:right; font-size:.8em; font-weight:bold; color:#660066; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 27px 3px 10px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; background-image:url('../images/button_primary_big_arrow_right.gif'); background-repeat:no-repeat; background-position: center right;}
#buttonContainer .buttonPrimaryBigTickRight {float:right; font-size:.8em; font-weight:bold; color:#660066; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 27px 3px 10px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; background-image:url('../images/button_primary_big_tick_right.gif'); background-repeat:no-repeat; background-position: center right;}	
#buttonContainer .buttonPrimaryBigCrossRight {float:right; font-size:.8em; font-weight:bold; color:#660066; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 27px 3px 10px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; background-image:url('../images/button_primary_big_cross_right.gif'); background-repeat:no-repeat; background-position: center right;}	
#buttonContainer .buttonPrimaryBigArrowLeftPrevious {float:left; font-size:.8em; font-weight:bold; color:#660066; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 10px 3px 27px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; background-image:url('../images/button_primary_big_arrow_left.gif'); background-repeat:no-repeat; background-position: center left;}

/*-------------RFC 2 Changes Begin--------------------------*/
#buttonContainer .buttonPrimaryBigArrowRightFloatLeft {float:left; font-size:.8em; font-weight:bold; color:#660066; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 0px; padding:3px 27px 3px 10px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; background-image:url('../images/button_primary_big_arrow_right.gif'); background-repeat:no-repeat; background-position: center right;}
/*-------------RFC 2 Changes End--------------------------*/



/* Secondary */
#buttonContainer .buttonSecondaryBigArrowLeft {float:right; font-size:.8em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 10px 3px 27px; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; background-image:url('../images/button_secondary_big_arrow_left.gif'); background-repeat:no-repeat; background-position: center left;}
#buttonContainer .buttonSecondaryBigArrowRight {float:right; font-size:.8em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 27px 3px 10px; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; background-image:url('../images/button_secondary_big_arrow_right.gif'); background-repeat:no-repeat; background-position: center right;}
#buttonContainer .buttonSecondaryBigTickRight {float:right; font-size:.8em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 27px 3px 10px; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; background-image:url('../images/button_secondary_big_tick_right.gif'); background-repeat:no-repeat; background-position: center right;}
#buttonContainer .buttonSecondaryBigCrossRight {float:right; font-size:.8em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 27px 3px 10px; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; background-image:url('../images/button_secondary_big_cross_right.gif'); background-repeat:no-repeat; background-position: center right;}
#buttonContainer .buttonSecondaryBigArrowLeftPrevious {float:left; font-size:.8em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 10px 3px 27px; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; background-image:url('../images/button_secondary_big_arrow_left.gif'); background-repeat:no-repeat; background-position: center left;}
#buttonContainer .buttonSecondaryBigText {float:right; font-size:.8em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 15px; padding:3px 0 3px 0; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8;}

/* Small */
#buttonContainer .buttonSmallText {float:right; font-size:.7em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; letter-spacing:.05em; margin:0 0 0 8px; padding:1px 0 0 1px; background-color:#396D8E; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8;}
#buttonContainerSpecial .buttonSmallText {float:right; font-size:.7em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; letter-spacing:.05em; margin:0 0 0 8px; padding:1px 0 0 1px; background-color:#396D8E; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8;}


/* button styles for anchor tags */

/* Primary */
#buttonContainer .buttonPrimaryBigArrowLeftA a {float:right; font-size:.77em; font-weight:bold; color:#660066; cursor:pointer; text-align:left; vertical-align:middle; margin:0 0 0 15px; padding:6px 16px 6px 42px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; text-decoration:none; background-image:url('../images/button_primary_big_arrow_left.gif'); background-repeat:no-repeat; background-position: center left;}
#buttonContainer .buttonPrimaryBigArrowRightA a {float:right; font-size:.77em; font-weight:bold; color:#660066; cursor:pointer; text-align:left; vertical-align:middle; margin:0 0 0 15px; padding:6px 42px 6px 16px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; text-decoration:none; background-image:url('../images/button_primary_big_arrow_right.gif'); background-repeat:no-repeat; background-position: center right;}
#buttonContainer .buttonPrimaryBigTickRightA a {float:right; font-size:.77em; font-weight:bold; color:#660066; cursor:pointer; text-align:left; vertical-align:middle; margin:0 0 0 15px; padding:6px 42px 6px 16px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; text-decoration:none; background-image:url('../images/button_primary_big_tick_right.gif'); background-repeat:no-repeat; background-position: center right;}
#buttonContainer .buttonPrimaryBigCrossRightA a {float:right; font-size:.77em; font-weight:bold; color:#660066; cursor:pointer; text-align:left; vertical-align:middle; margin:0 0 0 15px; padding:6px 42px 6px 16px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; text-decoration:none; background-image:url('../images/button_primary_big_cross_right.gif'); background-repeat:no-repeat; background-position: center right;}
#buttonContainer .buttonPrimaryBigArrowLeftPreviousA a {float:left; font-size:.77em; font-weight:bold; color:#660066; cursor:pointer; text-align:left; vertical-align:middle; margin:0 0 0 15px; padding:6px 16px 6px 42px; background-color:#FFC600; border:1px; border-style: solid; border-color: #e8e8e8 #660066 #660066 #e8e8e8; text-decoration:none; background-image:url('../images/button_primary_big_arrow_left.gif'); background-repeat:no-repeat; background-position: center left;}

/* Secondary */
#buttonContainer .buttonSecondaryBigArrowLeftA a {float:right; font-size:.77em; font-weight:bold; color:#fff; cursor:pointer; text-align:left; vertical-align:middle; margin:0 0 0 15px; padding:6px 16px 6px 42px; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; text-decoration:none; background-image:url('../images/button_secondary_big_arrow_left.gif'); background-repeat:no-repeat; background-position: center left;}
#buttonContainer .buttonSecondaryBigArrowRightA a {float:right; font-size:.77em; font-weight:bold; color:#fff; cursor:pointer; text-align:left; vertical-align:middle; margin:0 0 0 15px; padding:6px 42px 6px 16px; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; text-decoration:none; background-image:url('../images/button_secondary_big_arrow_right.gif'); background-repeat:no-repeat; background-position: center right;}
#buttonContainer .buttonSecondaryBigTickRightA a {float:right; font-size:.77em; font-weight:bold; color:#fff; cursor:pointer; text-align:left; vertical-align:middle; margin:0 0 0 15px; padding:6px 42px 6px 16px; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; text-decoration:none; background-image:url('../images/button_secondary_big_tick_right.gif'); background-repeat:no-repeat; background-position: center right;}
#buttonContainer .buttonSecondaryBigCrossRightA a {float:right; font-size:.77em; font-weight:bold; color:#fff; cursor:pointer; text-align:left; vertical-align:middle; margin:0 0 0 15px; padding:6px 42px 6px 16px; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; text-decoration:none; background-image:url('../images/button_secondary_big_cross_right.gif'); background-repeat:no-repeat; background-position: center right;}
#buttonContainer .buttonSecondaryBigArrowLeftPreviousA a {float:left; font-size:.77em; font-weight:bold; color:#fff; cursor:pointer; text-align:left; vertical-align:middle; margin:0 0 0 0; padding:6px 16px 6px 42px; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; text-decoration:none; background-image:url('../images/button_secondary_big_arrow_left.gif'); background-repeat:no-repeat; background-position: center left;}

/* Small */
#buttonContainer .buttonSmallTextA a {float:right; font-size:.7em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 8px; padding:1px 5px 3px 5px; background-color:#396D8E; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; text-decoration:none;}
#buttonContainerSpecial .buttonSmallTextA a {float:right; font-size:.7em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 8px; padding:1px 5px 3px 5px; background-color:#396D8E; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; text-decoration:none;}
	
/* Small */
#buttonContainerSpecial .buttonSmallTextB a {float:left; font-size:.7em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 8px; padding:1px 5px 3px 5px; background-color:#396D8E; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; text-decoration:none;}

	
/* button styles for Diary & Submit Claim Step 3 (Add Defendant table) & Step 5 (Add Payment History) */
#buttonContainerNoAttributes {margin:0 0 0 0;}
#buttonContainerNoAttributes .buttonSmallText {float:left; font-size:.7em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; letter-spacing:.05em; margin:0 8px 0 0; padding:1px 0 0 1px; background-color:#396D8E; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8;}
#buttonContainerNoAttributes .buttonSmallTextA a {float:right; font-size:.7em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 0 8px; padding:1px 5px 3px 5px; background-color:#396D8E; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8; text-decoration:none;}


/* list styles */
#outerContainer ul {font-size:.8em;}
#outerContainer ol {font-size:.8em;}


/* one column layout */
#bodyContainer .oneColumn {width:99%; margin:0 0 0 0; padding:0 0 0 0;}


/* two column layout */
.twoColContainer {width:100%;}
.leftColumn {float:left;}
.rightColumn {float:right;}


/* two column layout - Used on the Claim Summary page */
#bodyContainer .leftColumnTwoCol {float:left; width:47%; padding:0 0 0 0;}
#bodyContainer .rightColumnTwoCol {float:right; width:47%; padding:0 0 0 0;}


/* three column layout */
#bodyContainer .leftColumnThreeCol {float:left; width:31%; padding:0 5px 0 5px;}
#bodyContainer .middleColumnThreeCol {float:left; width:31%; padding:0 5px 0 5px;}
#bodyContainer .rightColumnThreeCol {float:left; width:31%; padding:0 5px 0 5px;}


/* two row layout */
#bodyContainer .topRow {width:98%; padding:0 0 0 0;}
#bodyContainer .bottomRow {width:98%; padding:0 0 0 0;}


/* two column text layout - to match form alignment */
#outerContainer .textRowContainer {font-size:.8em; width:100%; padding: 0 0 0 0;}
#outerContainer .textRow {float:left; width:98%; padding:1px 2px 0 10px;}
#outerContainer .textRow .textLabelHolder {float:left; font-weight:bold; width:40%; padding:0 0 0 0;}
#outerContainer .textRow .textElementHolder {float:right; width:48%; padding:0 0 0 0;}

/* three column layout to mimic the form rows */
#outerContainer .displayRowContainer {font-size:.8em; width:100%; padding: 0 0 0 0;}
#outerContainer .displayRow {float:left; width:98%; padding:1px 2px 0 10px;}
#outerContainer .displayRow .displayLabelHolder {float:left;  font-weight:bold; width:34%; padding:3px 0 0 0;}
#outerContainer .displayRow .displayElementHolder {float:left; width:30%; padding:0 0 0 0;}
#outerContainer .displayRow .displayNotesBox {float:right; font-size:.88em; width:29%;  background:#e8e8e8; padding:3px 5px 5px 5px; margin:0 0 1px 0;} /* colour was #F2EFF2 */


/* Search Module One */
#outerContainer .searchModuleOneContainer {width:99%; padding:5px 5px 5px 5px; background-color:#E6F1F9; border:1px solid #54A0D4;}
#outerContainer .searchModuleOneContainer .searchHeadingText p {font-size:.8em; font-weight:bold; color:#000000; margin:0 0 5px 10px;}
#outerContainer .searchModuleOneContainer .notesBox {float:right; font-size:.88em; width:28%; height:1.6em; background-color:#E6F1F9; padding:0 5px 2px 5px; margin:0 0 1px 0;}
#outerContainer .searchModuleOneContainer .buttonContainer .buttonSecondaryBigText {float:right; font-size:.8em; font-weight:bold; color:#fff; cursor:pointer; text-align:center; vertical-align:middle; margin:0 0 5px 15px; padding:3px 0 3px 0; background-color:#54A0D4; border:1px; border-style: solid; border-color: #e8e8e8 #A9B2C1 #A9B2C1 #e8e8e8;}


/* Box Module One */
#outerContainer .boxModuleOneContainer {width:100%; padding:0 0 0 0; background-color:#e8e8e8; border:1px solid #999999;}
#outerContainer .boxModuleOneContainer .boxContentContainer {padding:5px 5px 5px 0; background-color:#fff; border-top:1px solid #999999; border-bottom:1px solid #999999;}
#outerContainer .boxModuleOneContainer .boxHeadingText h2 {font-size:.8em; color:#000000; padding:3px 0 2px 10px; margin:0 0 0 0;}
#outerContainer .boxModuleOneContainer .boxBodyText p {font-size:.8em; color:#000000; padding:0 0 0 10px; margin:0 0 0 0;}
#outerContainer .boxModuleOneContainer .boxFooterText p {font-size:.8em; color:#000000; padding:0 0 0 10px; margin:0 0 0 0;}


/* Box Module Two */
#outerContainer .boxModuleTwoContainer {width:100%; padding:0 0 0 0; background-color:#e8e8e8; border:1px solid #ccc;}
#outerContainer .boxModuleTwoContainer .boxContentContainer {padding:5px 5px 5px 0; background-color:#fff; border-top:1px solid #ccc;}
#outerContainer .boxModuleTwoContainer .boxHeadingText h2 {font-size:.8em; color:#000000; padding:3px 0 2px 10px; margin:0 0 0 0}
#outerContainer .boxModuleTwoContainer .boxBodyText p {font-size:.8em; color:#000000; padding:0 0 0 10px; margin:0 0 0 0}


/* Yellow Header Box - New Module for help button, without 1px gap */
#outerContainer .yellowBoxContainer {width:100%; padding:0 0 0 0; background-color:#FFC600; border:1px solid #FFC600;}
#outerContainer .yellowBoxContainer .headerCell {padding:4px 7px 4px 8px; height:17px;}
#outerContainer .yellowBoxContainer .headerCell h2 {font-size:.8em; color:#660066;}
#outerContainer .yellowBoxContainer .contentCell {padding:10px 12px 10px 12px; background-color:#fff; border-top:1px solid #FFC600;}

/* Red Box */
#outerContainer .redBoxContainer {width:99%; padding:10px 10px 10px 10px; border:1px solid #CC0000;}

/* Table Tabs - Used in Court Diary Hearing Block Display */
#tabContainer {width:100%; height:30px; margin:10px 0 0 0; padding:0 0 0 0;}
#tabContainer .tabOn {float:left; font-size:.8em; font-weight:bold; color:#000000; height:23px; margin:0 0 0 0; padding:5px 8px 0 8px; background-color:#CCCCCC; border:1px; border-style: solid; border-color: #999999 #999999 #999999 #999999;}
#tabContainer .tabOff {float:left; font-size:.8em; font-weight:normal; color:#660066; height:20px; margin:6px 0 0 0; padding:2px 8px 0 8px; background-color:#e8e8e8; border:1px; border-style: solid; text-decoration:none; border-color: #999999 #999999 #999999 #999999;}


/* Go Button - Not Currently Used */
#goButtonContainer {width:1.5em; height:1.5em; text-align:center; margin:0 0 0 0; padding:0 0 0 0; cursor:pointer; background-image:url('../images/go_button_on_white.gif'); background-repeat:no-repeat; background-position: center;}
#goButtonContainer .goButtonText a {font-size:.66em; font-weight:bold; color:#fff; margin:0 0 0 0; padding:4px 0 0 0; text-decoration:none;}


/* Action Box - Has Alternate row colours */
#outerContainer .actionBoxContainer {width:100%; padding:0 0 0 0; background-color:#E6F1F9; border:1px solid #54A0D4;}
#outerContainer .actionBoxContainer .boxHeadingText h2 {font-size:.8em; color:#000000; padding:3px 0 2px 10px; margin:0 0 0 0;}
#outerContainer .actionBoxContainer .boxContentContainerFirst {width:100%; height:27px; padding:1px 0 0 0; background-color:#fff; border-top:1px solid #54A0D4;}
#outerContainer .actionBoxContainer .boxContentContainerOne {width:100%; height:27px; padding:1px 0 0 0; background-color:#fff;}
#outerContainer .actionBoxContainer .boxContentContainerTwo {width:100%; height:27px; padding:1px 0 0 0; background-color:#F3F8FC;}
#outerContainer .actionBoxContainer .textRow {width:98%; padding:2px 0 0 10px; margin:0 0 0 0; vertical-align:middle; clear:both;}
#outerContainer .actionBoxContainer .action b {font-size:.8em; font-weight:bold; color:#000;}
#outerContainer .actionBoxContainer .link {font-size:.68em; font-weight:bold; text-decoration:underline; color:#003399;} 
#outerContainer .actionBoxContainer .align {padding-left:8px; margin:0 12px 0 25px; padding-top:4px !important; padding-top:1px;} /* !important gets ignored by IE. */ 
#outerContainer .actionBoxContainer .floatLeft {float:left; padding:0 0 0 0; margin:0 0 0 0;}

/* Help */
#outerContainer .blockText {margin:0 20px 0 13px;}

#outerContainer .jumpTo {float:right; height:24px; padding:1px 0 0 0;}
#outerContainer .jumpToText {font-size:.8em; font-weight:bold; color:#000;}
#outerContainer .goButton {float:right; height:24px; padding:0 0 0 7px;}

/* Court Closure changes */
#courtStatusContainer {padding: 0px 0px 10px 0px; color: #000000;}