/********************************************************
 * CMN_EXT.CSS - Common Content Styles (External)       *
 ********************************************************/
/*
td p { font-size: 143%; border: #000 1px solid; }
*/
/* GENERAL STYLES */
.mandatory_ind { color: #f00; }
.content_title { font-weight: bold; margin: 0px; color: #096; }
.save_incomplete_data { display: inline; float: left; width: auto; }
.next_back_save { text-align: center; }
.nav_buttons { display: inline; float: right; width: auto; }
.nav_button { font-weight: bold; width: 85px; color: #096; height: 24px; background-color: #fff; }
.nav_button_wide { font-weight: bold; width: 105px; color: #096; height: 24px; background-color: #fff; }
.nav_button_not_fixed_width { font-weight: bold; color: #096; height: 24px; background-color: #fff; }
.bold { font-weight: bold; }
.greentext { color:#096; }
.underline { text-decoration: underline; }
.readonly { background-color: #CCCCCC; }
.small_label { display:inline; font-size: smaller; }
.small_label_bold { display:inline; font-weight:bold; font-size: smaller; }
.tpss_label {font-size: 70%; color: #000000; font-family: Verdana, "sans serif";}
.tpss_note_label { font-size: 6pt; }
.img_label { display: inline; margin-right:5px; }
.link_button_small { font-weight:bold; color:#096; height:24px; background-color:#fff; width:auto; }
.link_button { border-right: 0px solid; padding-right: 0px; border-top:0px solid; padding-left: 0px; padding-bottom: 5px; border-left: 0px solid; cursor: hand; color: #096; padding-top: 5px; }
.cell_link_button_small { font-weight:bold; color:#096; height:24px; background-color:#fff; width:100%; }
.link_right { width:auto; border-right: 0px solid; padding-right: 0px; border-top:0px solid; padding-left: 0px; padding-bottom: 5px; border-left: 0px solid; cursor: hand; color: #096; padding-top: 5px; border-bottom: 0px solid; text-align: right; text-decoration: underline;}
.line_separator { color:#096; height:1px; }
.data_label_bold { display: inline; font-weight:bold; }
.right_div { float:right; }
.right_align_div { text-align:right; }
.currency_label { border:none; color:#096; text-align:right; text-decoration:underline;}
div a { text-decoration:underline; color:#006633; }
div a:visited { text-decoration:underline; color: #009966; }
div a:hover, a:active { text-decoration: underline; color: #009966; }
.delete_border_panel { width: 360px; padding-right:10px; padding-left:10px; padding-top:10px; padding-bottom:10px; width:78%; BORDER-RIGHT: #000000 thin solid; BORDER-TOP: #000000 thin solid; BORDER-LEFT: #000000 thin solid; BORDER-BOTTOM: #000000 thin solid; } 
div.center_nav_buttons { text-align:center; display: inline; width:100% }
.link_button { border-right: 0px solid; padding-right: 0px; border-top:0px solid; padding-left: 0px; padding-bottom: 5px; border-left: 0px solid; cursor: hand; color: #096; padding-top: 5px; border-bottom: 0px solid; text-align: left; text-decoration: underline;}
.link_button_right { background-color:Transparent; border-right: 0px solid; padding-right: 0px; border-top:0px solid; padding-left: 0px; padding-bottom: 5px; border-left: 0px solid; cursor: hand; color: #096; padding-top: 5px; border-bottom: 0px solid; text-align: right; text-decoration: underline; overflow: visible;}
img {border-width: 0;}
.page_description { line-height: 1.4em; }
span { line-height: 1.4em; }
.indent { margin-left:30px; }
textarea {height: 5em;}
.centred { text-align: center; }
.go_button { text-align:center; width: 50px; }
.accesskey { text-decoration: underline; }
.hip_image { width:95%; }
.headerInfoIconPanel { display: inline; float: right; width: auto; }
.headerInfoIconLabel { padding-left:5px; padding-top: 0px; vertical-align: top; }
.displayinline { display: inline; }
.noborder { border-width: 0px }
.notificationViewPanel { padding-left: 5px; padding-right: 5px; }
.pageWarning { Background-color:#C0FFC0; FONT-SIZE: 1.2em; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; font-weight:bold; }
.print_button { font-weight: bold; width: 85px; color: #096; height: 24px; background-color: #fff; }

/* FIELDS OF A SPECIFIC SIZE E.G. DATE, TITLE*/
input { background-color: #FFFFFF }
input.day_month { width: 2em; }
input.year { width: 4em; }
input.day_month_greyed_out { width: 2em; background-color: #cccccc; color: #000000; border-color: #000000; border-width: 1px;}
input.year_greyed_out { width: 4em; background-color: #cccccc; color: #000000; border-color: #000000; border-width: 1px;}
input.title { width: 4em; }
input.postcode { width: 8em; }
input.nino { width: 9em; }
input.sort_code { width: 2em; }
input.greyed_out { background-color: #cccccc; color: #000000; border-color: #000000; border-width: 1px; }
input.greyed_out_wide { background-color: #cccccc; color: #000000; border-color: #000000; border-width: 1px; width:75%; }
input.tax_ref { width: 8em; }
input.greyed_out_large { background-color: #cccccc; color: #000000; border-color: #000000; border-width: 1px; width: 100%;}
input.greyed_out_medium { background-color: #cccccc; color: #000000; border-color: #000000; border-width: 1px; width: 50%;}
input.greyed_out_small { background-color: #cccccc; color: #000000; border-color: #000000; border-width: 1px; width: 40px;}
input.greyed_out_title { background-color: #cccccc; color: #000000; border-color: #000000; border-width: 1px; width: 4em;}
input.greyed_out_postcode { background-color: #cccccc; color: #000000; border-color: #000000; border-width: 1px; width: 8em;}
input.greyed_out_date { background-color: #cccccc; color: #000000; border-color: #000000; border-width: 1px; width: 8em;}
input.sf_reference_part_1 { width: 3em; }
input.sf_reference_part_2 { width: 6em; }
input.sf_reference_part_3 { width: 6em; }
input.sf_reference_part_4 { width: 2em; }

/* GENERAL TABLE LAYOUT */
.content_table { table-layout: fixed; width: 546px; border-collapse: collapse }
.content_table td { padding: 5px 0px; vertical-align: top; }
.content_table_extended { table-layout: fixed; width: 600px; }
.content_table_extended td { padding: 5px 0px; vertical-align: top; }
.content_table_extended_no_menu { table-layout: fixed; width: 740px; }
.grey_table  {  table-layout: fixed; width: 546px; BORDER-RIGHT: #cccccc thin solid; BORDER-TOP: #cccccc thin solid; BORDER-LEFT: #cccccc thin solid; BORDER-BOTTOM: #cccccc thin solid; }
td.error_icon { width: 20px; }
td.mandatory_ind { width: 15px; }
td.bullet_col { width: 20px; }
td.currency_cell { width:20px; padding-top:8px; }
td a { text-decoration:underline; color:#006633; }
td a:visited { text-decoration:underline; color: #009966; }
td a:hover, a:active { text-decoration: underline; color: #009966; }
td.padded_left_20 { padding-left:20%; }
td.bottom { padding-bottom: 0px ; vertical-align: bottom; }
td.bottom_small { padding-bottom: 0px ; vertical-align: bottom; width: 50px }
td.bottom_centred { padding-bottom: 0px ; vertical-align: bottom; text-align: center }
td.bottom_centred_small { padding-bottom: 0px ; vertical-align: bottom; text-align: center; width: 50px }
td.top { padding-top: 0px ; vertical-align: top; }
td.top_left_col_50 { padding-top: 0px ; vertical-align: top; width: 240px;}
td.bottom_left_col_50 {padding-bottom: 0px ; vertical-align: bottom; width: 240px; }
td.error_icon_top { padding-top: 0px; width: 20px; vertical-align: top }
td.error_icon_bottom { padding-bottom: 0px; width: 20px; vertical-align: bottom }
td.top_no_pad { padding-bottom: 0px;padding-top: 0px; vertical-align: top }
THEAD {font-weight: normal;} /* thead is normally bold but this way we can use our spans in our resource file to bold individual words */

/* TABLE LAYOUT - TWO MAIN COLUMNS (50/50) */
td.left_col_50 { width: 240px; }

/* TABLE LAYOUT - FOUR MAIN COLUMNS (25/25/25/25) */
td.left_col_25 { width: 120px; }

/* TABLE LAYOUT - FOUR MAIN COLUMNS (25/25/25/25) */
td.left_col_75 { width: 360px; }

/* TABLE LAYOUT - ONE COLUMN */
td.one_col { width: 546px; }

/* TABLE LAYOUT - ERROR TABLE */
.error { color: red;}
.error_table { width: 546px; color: red; }
.error_table td { padding: 0px; }

/* TABLE LAYOUT - TWO PANELS WIDE WITH CORNER TABS */
.two_panel_content_table { width: 617px; margin-bottom: 5px; }
.two_panel_content_table td.panel { width: 309px; background-image: url(../images/default_corner_bg.gif); background-position: top right; background-repeat: no-repeat; vertical-align: top; }

/* TABLE LAYOUT - ONE PANEL WIDE WITH CORNER TABS */
.one_panel_content_table { width: 617px; margin-bottom: 5px; }
.one_panel_content_table td.panel { background-image: url(../images/default_corner_bg.gif); background-position: top right; background-repeat: no-repeat; vertical-align: top; }

/* TABLE LAYOUT - ONE PANEL HALF WIDTH WITH CORNER TABS */
.half_panel_content_table {width: 309px; margin-bottom: 5px; }
.half_panel_content_table td.panel { background-image: url(../images/default_corner_bg.gif); background-position: top right; background-repeat: no-repeat; vertical-align: top; }

/* TABLE LAYOUT - ONE PANEL width reduced  WITH CORNER TABS */
.one_panel_content_table_extended { width: 310px; margin-bottom: 5px; }
.one_panel_content_table_extended td.panel { width: 313px;height: 200px;background-image: url(../images/default_corner_bg.gif); background-position: top right; background-repeat: no-repeat; vertical-align: top; }


/* TABLE LAYOUT - DEFINE OTHER LAYOUTS HERE */

.date_table { table-layout: auto; }
.date_table td { padding: 0px 0px; vertical-align: middle; text-align: center; }
.practitionerSummaryHeader { color: #096; border-bottom:1px solid #CCCCCC;}
.practitionerSummaryBody { border-bottom:1px solid #CCCCCC; }

/* GENERAL DATAGRID LAYOUT */
.grid { border:1px transparent; width:70%; padding-right:20px; }
.gridheader { color: #096; text-align:left; padding-bottom:5px; padding-top:5px; border-top:0px solid #CCCCCC; border-right:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:0px solid #CCCCCC }
.gridsortableheader { font-weight:bold; color: #096; vertical-align:text-bottom; text-align:left; padding-bottom:5px; padding-top:5px; border-top:0px solid #CCCCCC; border-right:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:0px solid #CCCCCC }
.gridsortableheaderright  { font-weight:bold; color: #096; vertical-align:text-bottom; text-align:right; padding-bottom:5px; padding-top:5px; border-top:0px solid #CCCCCC; border-right:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:0px solid #CCCCCC }
.gridsortableheader a { text-decoration:underline; color: #096; text-align:left; padding-bottom:5px; padding-top:5px; }
.gridsortableheader a:visited { color: #096; }
.gridsortableheader a:hover, a:active { text-decoration: underline; color: #096; }
.gridfooter { padding-bottom:5px; padding-top:5px; border-top:0px solid #CCCCCC; border-right:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:0px solid #CCCCCC; }
.gridfooterbold { padding-bottom:5px; padding-top:5px; border-top:0px solid #CCCCCC; border-right:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:0px solid #CCCCCC; font-weight:bold;}
.griditem, .griditemright, .gridaltitem { border-top:0px solid #CCCCCC; border-right:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:0px solid #CCCCCC; padding-bottom:5px; padding-top:5px; }
.griditem a { text-align:left; text-decoration:underline; color:#006633; padding-bottom:5px; padding-top:5px; }
.griditem a:visited { text-decoration:underline; color: #009966; }
.griditem a:hover, a:active { text-decoration: underline; color: #009966; }
.griditem { text-align:left; }
.griditembold {border-top:0px solid #CCCCCC; border-right:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:0px solid #CCCCCC; padding-bottom:5px; padding-top:5px; font-weight:bold}
.griditemright { text-align:right; }
.griditemcentre { text-align:center; }
.griditemlink { text-align:left; text-decoration:underline; color:#096; padding-bottom:5px;padding-top:5px; border-bottom:1px solid #CCCCCC; }
.gridpager { font-weight:bold; color:Black;text-align:right; background-color:Transparent; border-top:0px solid #CCCCCC; border-right:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:0px solid #CCCCCC; }
.gridpager td { border-top:0px solid #CCCCCC; border-right:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:0px solid #CCCCCC; }
.sortimage { width:7px; height:9px; margin-left:2px; }
.longgrid { border:1px transparent; width:78%; padding-right:20px; }
.gridredbarlines { background-color:Transparent; border-top:1px solid #FF0000; border-right:0px solid #CCCCCC; border-bottom:0px solid #CCCCCC; border-left:0px solid #CCCCCC; }
.gridredbarlinesandtext {color:Red; text-decoration:underline; background-color:Transparent; border-top:1px solid #FF0000; border-right:0px solid #CCCCCC; border-bottom:0px solid #CCCCCC; border-left:0px solid #CCCCCC; }

#fixErrorsHyperLink a:link, #fixErrorsHyperLink a:visited{text-decoration:underline;color:#FF0000;background:none} 
#fixErrorsHyperLink a:hover{text-decoration:underline;color:color:#FF0000;background:none} 
#fixErrorsHyperLink a:active{text-decoration:underline;color:color:#FF0000;background:none;} 


/* CONTROL SIZES */
.ctl_large { width: 100%; }
.ctl_large_with_currency { width: 90%; }
.ctl_wide { width: 75%; }
.ctl_medium { width: 50%; }
.ctl_small { width: 25%; }
.ctl_verysmall { width: 10%; }
hr { width: 100%; color: #096; height:1px;}

/* CURRENCY SIZES */
.sterlingImage { width:10px; height:15px; }
.sterlingInput { background-color: #FFFFFF; }
.euroImage { width:10px; height:15px; }
.euroInput { background-color: #FF0000; }

/* FONT SIZES */
.xxsmallFont { font-size: xx-small; }

/* XSLT Transformation Styles - Contracting Out APSS Worker */
.co_xslt_heading {border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:thin; border-top-color:#000000; border-top-style:solid; border-top-width:thin; font-weight:bold; width:100%;}
.co_xslt_table {border:0px; padding: 0px 0px; width:740px;}
.co_xslt_table td {width:370px; vertical-align: top;}