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

/* Due to some CSS styling clashes these clauses must be placed before the 'body' clause. */
table.table_fpt_assets input {
	width: auto;
}

table.table_fpt_assets input.thd_sml {
	width: 75px;
}

table.table_fpt_assets input.btnsmall {
	width: 53px;
}

table.table_fpt_assets select {
	width: auto;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-image: url(../images/bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-attachment: fixed;
	color: #000000;
}

h1, h2, h3 {
	font-weight: normal;
}

h2, h3 {
	border-bottom: 1px solid #999999;
	padding: 0 0 2px 0;
}

h2 {
	font-size: 1.4em;
	margin: 0 0 15px 0;
}

h3 {
	font-size: 1.2em;
	margin: 10px 0 15px 0;
}

form {
	margin: 0;
	padding: 0;
}

input[type="button"] {
	cursor: pointer;
}

.left_align {
	text-align: left;
}

.right_align {
	text-align: right;
}

.nowrapping {
	white-space: nowrap;
}

.header_text {
	font-size: 1.4em;
	margin: 0 0 15px 0;
}

/* login page */

#loginwrapper {
	width: 600px;
	margin: 0 auto;
}

#loginpage {
	width: 580px;
	padding: 90px 0 30px 0;
	background-color: #FFFFFF;
	float: left;
	border: 2px solid #3DA3DC;
	margin: 50px 0 0 0;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: center 15px;
}

#loginpage form {
	background-color: #3399FF;
	padding: 10px 0 0 0;
	float: left;
	width: 580px;
}

#loginpage h4 {
	color: #FFFFFF;
	margin: 0 0 10px 10px;
	font-size: 1.1em;
}

#loginpage .formgroup, #loginpage .formgroup01 {
	width: 480px;
	float: left;
}

#loginpage .formgroup {
	padding: 10px 50px;
}

#loginpage .formgroup01 {
	padding: 10px 50px 30px 50px;
}

#loginpage label {
	width: 80px;
	display: block;
	float: left;
	font-size: 1em;
	padding: 3px 30px 0 0;
	text-align: right;
	color: #000066;
}

#loginpage input {
	width: 320px;
	border: 1px solid #1C2E98;
	color: #1C2E98;
}

#loginpage .formbuttons {
	padding: 8px 0;
	width: 580px;
	float: left;
	background-color: #FFFFFF;
	text-align: right;
}

#loginpage .formbuttons input {
	width: 80px;
	background-color: #3399FF;
	color: #FFFFFF;
	border: 1px solid #1C2E98;
	margin-right: 110px;
	cursor: pointer;

}

#loginpage .formbuttons input:hover {
	background-color: #1C2E98;
	border: 1px solid #3399FF;
}

#loginpage_cutover {
	width: 580px;
	padding: 90px 0 30px 0;
	background-color: #FFFFFF;
	float: left;
	border: 2px solid #3DA3DC;
	margin: 50px 0 0 0;
	background-image: url(../images/logo_cutover.gif);
	background-repeat: no-repeat;
	background-position: center 15px;
}

#loginpage_cutover form {
	background-color: #3399FF;
	padding: 10px 0 0 0;
	float: left;
	width: 580px;
}

#loginpage_cutover h4 {
	color: #FFFFFF;
	margin: 0 0 10px 10px;
	font-size: 1.1em;
}

#loginpage_cutover .formgroup, #loginpage_cutover .formgroup01 {
	width: 480px;
	float: left;
}

#loginpage_cutover .formgroup {
	padding: 10px 50px;
}

#loginpage_cutover .formgroup01 {
	padding: 10px 50px 30px 50px;
}

#loginpage_cutover label {
	width: 80px;
	display: block;
	float: left;
	font-size: 1em;
	padding: 3px 30px 0 0;
	text-align: right;
	color: #000066;
}

#loginpage_cutover input {
	width: 320px;
	border: 1px solid #1C2E98;
	color: #1C2E98;
}

#loginpage_cutover .formbuttons {
	padding: 8px 0;
	width: 580px;
	float: left;
	background-color: #FFFFFF;
	text-align: right;
}

#loginpage_cutover .formbuttons input {
	width: 80px;
	background-color: #3399FF;
	color: #FFFFFF;
	border: 1px solid #1C2E98;
	margin-right: 110px;
	cursor: pointer;

}

#loginpage_cutover .formbuttons input:hover {
	background-color: #1C2E98;
	border: 1px solid #3399FF;
}

/* end login page */

.clearfix {
	clear: both;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
}

#directory_wrapper {
	width: 570px;
	margin: 0 auto;
}

#page {
	width: 976px;
	padding: 0;
	background-color: #FFFFFF;
	float: left;
	border: 2px solid #3DA3DC;
	margin: 15px 0;
}

#directory_page {
	width: 568px;
	padding: 0;
	background-color: #FFFFFF;
	float: left;
	border: 2px solid #3DA3DC;
	margin: 15px 0;
}

#header {
	width: 966px;
	padding: 5px 0 10px 10px;
	float: left;
}

#directory_header {
	width: 533px;
	padding: 5px 0 10px 10px;
	float: left;
}

#directory_content {
	width: 548px;
	padding: 30px 20px;
	float: left;
}

#navigation {
	width: 957px;
	float: left;
	margin: 20px 0 10px 0;
	padding: 0 0 17px 0;
	background-color: #1C2E98;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #FFFFFF;
	float: left;
	width: 957px;
	position: relative;
}

#navigation li {
	float: left;
}

#navigation li a {
	display: block;
	background-image: url(../images/navright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #B6D3E8;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	color: #1C2E98;
	font-size: 0.9em;
}

#navigation li li {
	margin-bottom: 10px;
}

#navigation li li a {
	background-image: url(../images/subnavright.gif);
}

#navigation li.first a strong {
	background-image: none;
}

#navigation li.last a {
	background-image: url(../images/navrightlast.gif);
}

#navigation li li.last a {
	background-image: url(../images/subnavrightlast.gif);
}

#navigation li.last a:hover, #navigation li.last a.selected {
	background-image: url(../images/navrightlastover.gif);
}

#navigation li li.last a:hover, #navigation li li.last a.selected {
	background-image: url(../images/subrightlastover.gif);
}

#navigation li a strong {
	display: block;
	background-image: url(../images/navleft.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 3px 18px 3px 8px;
}

#navigation li li a strong {
	padding: 2px 20px 0 8px;
	display: block;
	height: 14px;
}

#navigation li a.selected strong, #navigation li strong:hover {
	background-image: url(../images/navleftover.gif);
}

#navigation li li a.selected strong, #navigation li li strong:hover {
	background-image: url(../images/subnavleftover.gif);
}

#navigation li a:hover, #navigation li a.selected {
	background-image: url(../images/navrightover.gif);
	background-color: #1C2E98;
	color: #FFFFFF;
}

#navigation li li a:hover, #navigation li li a.selected {
	background-image: url(../images/subrightover.gif);
	background-color: #4EAADE;
}

#navigation li.first strong:hover, #navigation li.first a.selected strong {
	background-image: none;
}

#navigation li.last a strong {
	padding: 3px 22px 3px 10px;
}

#navigation li li.last a strong {
	padding: 2px 28px 1px 10px;
}

#navigation ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 957px;
	position: absolute;
	left: 0;
	top: 27px;
	background-image: url(../images/navbg.gif);
	background-repeat: repeat-x;
	background-color: #4EAADE;
}

#logo {
	float: left;
	width: 210px;
	height: 57px;
	background-image: url(../images/logo.gif);
}

#logo_cutover {
	float: left;
	width: 210px;
	height: 57px;
	background-image: url(../images/logo_cutover.gif);
}

#user {
	float: right;
	padding: 5px 10px 0 100px;
	text-align: right;
	height: 20px;
	background-image: url(../images/loginedge.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #A5D0EF;
	color: #000066;
}

#user a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #4EAADE;
	border: 1px solid #FFFFFF;
	padding: 2px 5px;
}

#user a:hover {
	text-decoration: none;
	background-color: #1C2E98;
}

#content {
	width: 936px;
	padding: 30px 20px;
	float: left;
}

#footer {
	margin: 0 10px 20px 10px;
	width: 956px;
	float: left;
}

.red_text {
	color: #FF0000;
	font-style: italic;
}

.bar {
	width: 956px;
	float: left;
	background-image: url(../images/footerbg.gif);
	background-position: bottom right;
	background-color: #FFFFFF;
	height: 13px;
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
}

.full {
	width: 903px;
	float: left;
}

.half {
	width: 443px;
	float: left;
}

.third {
	width: 300px;
	float: left;
}

.quarter {
	width: 220px;
	float: left;
}

.left {
	padding-right: 8px;
}

.right {
	padding-left: 8px;
}

.pwd_label {
	display: block;
	text-align: left;
	width: 125px; /* Changed from 120px - DD */
	padding-right: 8px;
}

.box {
	border: 1px solid #999999;
	float: left;
	width: 441px;
}

.boxfull {
	border: 1px solid #999999;
	float: left;
	width: 918px;
	padding: 8px;
}

.boxfull01 {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	float: left;
	width: 885px;
	padding: 50px 8px 8px 8px;
	border-top: 1px solid #999999;
}

.boxfullhalf {
	float: left;
	width: 410px;
	padding: 0 8px;
}

.boxfullinner {
	float: left;
	width: 903px;
	padding: 8px;
	clear: both;
}

.box h4 {
	display: block;
	padding: 7px 10px;
	margin: 0;
	background-color: #B6D3E8;
	font-size: 1em;
}

.boxinner {
	padding: 10px;
	float: left;
	width: 421px;
}

.row {
	padding: 3px 0;
	margin-bottom: 2px;
	float: left;
	width: 421px;
}

.borderb {
	border-bottom: 1px solid #CCCCCC;
}

.bluebg, .odd {
	background-color: #E6F0F7;
}

.urgent {
	background-color: #FA8072;
}

.rowleft, .rowright {
	display: block;
	float: left;
}

.rowleft {
	width: 320px;
}

.rowright {
	width: 98px;
}

.pad {
	padding: 10px;
}

.padtb {
	padding: 10px 0;
}

.padlr {
	padding-left: 10px;
	padding-right: 10px;
}

.margtb {
	margin: 10px 0;
}

.margt {
	margin-top: 10px;
}

.margb {
	margin-bottom: 10px;
}

.margl {
	margin-left: 10px;
}

.container {
	float: left;
	width: 936px;
	margin: 20px 0;
}

.boxfull .container {
	width: 903px;
}

.boxfull .container ul {
	width: 903px;
}

.container ul {
	margin: 0 0 15px 0;
	padding: 0 5px;
	list-style-type: none;
	float: left;
	width: 931px;
	display: block;
	background-image: url(../images/menuborder.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	/*border-left: 1px solid #999;*/
}

.container ul ul {
	margin: 10px 0 15px 0;
	width: 855px;
	display: block;
	left: 0;
	float: left;
	padding: 0 9px;

	/*border-left: 1px solid #999;*/
}

.boxfull .container ul ul {
	width: 885px;
}

.container li {
	float: left;
	font-size: 9px;
	margin: 0 2px 4px 0;
}

.container li a {
	float: left; /*Required to get round an IE6 <li> width bug */
	color: #666666;
	text-align: center;
	padding: 5px 5px; /*Changed from 3px 15px and then from 3px 10px to 3px 8px*/
	display: block;
	text-decoration: none;
	background-color: #D8E5EE;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 0;
	text-transform: uppercase;
	background-image: url(../images/grey.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.container li li a {
	height: 17px;
	text-transform: none;
}

.container li li a.selected {
	border-bottom: 1px solid #FFFFFF;
}

.container li a:hover {

	background-color: #CCCCCC;
}

.container li a.selected {
	background-color: #FFFFFF;
	border-left: 1px solid #999999;
	background-image: none;
}

span.error_panel {
	font-size: 100%;
	padding-left: 20px;
	font-weight: bold;
	font-style: italic;
	color: #AA0000;
	text-transform: none;
}

.form_field_error {
	background-color: #FFCCCC;
	font-weight: bold;
	font-style: italic;
}

.crm_alert {
	color: #FF0000;
}

p.real_client_partner_warning {
	color: #FF0000;
	float: right;
	width: 133px;
	font-weight: bold;
}

/* tables stuff */

table.borders {
	border: 1px solid #999999;
}

table.compact {
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
}

table td {
	padding: 3px 4px;
}

table tr.headers {
	background-color: #B6D3E8;
	font-weight: bold;
}

table tr.headers td {
	padding: 7px 4px;
}

table tr.headers th {
	padding: 7px 4px;
}

table tr.section_headers {
	background-color: #96B3C8;
	font-weight: bold;
	font-size: 120%;
}

table tr.section_headers td {
	padding: 7px 4px;
}

table td.borderb {
	border-bottom: 1px solid #CCCCCC;
}

table.fl {
	float: left;
}

table.report_table {
	width: 100%;
	border-collapse: collapse;
}

/* start wr3299 */

table.borders tr.early, table.borders tr.late {
	display: none;
}

/* end wr3299 */

/* end tables stuff */

/* forms stuff */

form {
	margin: 0;
	padding: 0;
}

.formitem {
	padding: 5px 0;
	/*border: #000 1px solid;*/
}

label.top {
	line-height: 1.5;
}

label.top_side {
	line-height: 1.5;
	display: block;
	width: 140px;
	float: left;
	clear: both;
}

label.left {
	padding: 0 8px 0 0;
}

input.btnsmall {
	width: 53px;
	height: 16px;
	background-image: url(../images/buttonsml.gif);
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
}

input.btnsmall:hover {
	background-image: url(../images/buttonsmlover.gif);
}

input.btnclear {
	width: 53px;
	height: 16px;
	background-image: url(../images/clearbtn.gif);
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
	background-color: #B6D3E8;
}

input.btnclear:hover {
	background-image: url(../images/clearbtnover.gif);
}

input.btnDan {
	
	height: 19px;
	background-color: #4caf50;
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
	border-radius: 4px;
}

input.btnDan:hover {
	background-color: #0C3;
}

input.btnDan2 {
	
	height: 19px;
	background-color: #bc6966;
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
	border-radius: 4px;
}

input.btnDan2:hover {
	background-color: #d62d25;
}


input.btn01 {
	width: 150px;
	height: 19px;
	background-image: url(../images/button01.gif);
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
}

input.btn01:hover {
	background-image: url(../images/button01_over.gif);
}

input.btn02 {
	width: 150px;
	height: 19px;
	background-image: url(../images/button02.gif);
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
}

input.btn02:hover {
	background-image: url(../images/button02_over.gif);
}

input.btn03, a.btn03 {
	width: 120px;
	height: 19px;
	background-image: url(../images/button03.gif);
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
}

input.btn03:disabled, a.btn03:disabled {
	background-image: url(../images/button03_disabled.gif);
	cursor: default;
}

input.btn03[disabled]:hover, a.btn03[disabled]:hover {
	background-image: none;
	cursor: default;
}

input.btn03:hover, a.btn03:hover {
	background-image: url(../images/button03_over.gif);
}

input.btn03a, a.btn03a {
	width: 120px;
	height: 19px;
	background-image: url(../images/button03a.gif);
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
}

input.btn03a:hover, a.btn03a:hover {
	background-image: url(../images/button03a_over.gif);
}

input.btn04 {
	height: 19px;
	background-color: #4EAADE;
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input.btn04:hover {
	background-color: #1C2E98;
}

input.btn05 {
	height: 19px;
	background-color: #4EAADE;
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 100%;
}

input.btn05:disabled {
	height: 19px;
	background-color: #8C8C8C;
	color: #FFFFFF;
	cursor: default;
	border: 0;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 100%;
}

input.btn05:hover {
	background-color: #1C2E98;
}

input.btnright {
	float: right;
}

input.plus {
	width: 22px;
	height: 16px;
	background-image: url(../images/plus.gif);
	cursor: pointer;
	border: 0;
}

input, textarea, select {
	border: 1px solid #999999;
	color: #666666;
}

input.hlf, textarea.hlf, select.hlf {
	width: 350px;
}

input.thd, textarea.thd, select.thd {
	width: 240px;
}

input.thd_med, textarea.thd_med, select.thd_med {
	width: 170px;
}

input.thd_sml, select.thd_sml {
	width: 75px;
}

input.thd_tiny, select.thd_tiny {
	width: 45px;
}

input.nobreak, textarea.nobreak, select.nobreak {
	clear: both;
	float: left;
	margin-left: 22px;
	margin-right: 12px;

}

input.check {
	border: 0;
}

input.small {
	width: 100px;
}

input.smallro {
	width: 100px;
	/* objects to remain in read-only mode  */
}

label.large {
	width: auto;
}

.formitemhalf label.wide {
	width: 350px;
}

.formitemhalf label.vwide {
	width: 550px;
	border: #000000 1px;
}

input.rtm {
	float: right;
	margin-right: 150px;
}

.clearall {
	clear: both;
}

.centre {
	text-align: center;
}

p.error, span.error {
	color: #FF0000;
}

p.success, span.success {
	color: #009900;
}

.alert_message {
	color: #FF0000;
	font-weight: bold;
}

/* end forms stuff */

#chart ul {
	padding: 0 0 0 0;
}

#chart ul li.main {
	list-style-type: none;
	font-weight: bold;
	font-size: 1.2em;
	color: #1C2E98;
}

#chart ul.main ul li {
	font-size: 1em;
}

#chart ul.office, #chart ul.user, #chart ul.reporting {
	display: block;
	margin: 0 0 8px 0;
	padding: 4px 0 4px 52px;
}

#chart ul.office li, #chart ul.user li, #chart ul.reporting li {
	padding: 5px 0;
	font-weight: normal;
}

/*
#chart ul ul.office, #chart ul ul.user, #chart ul ul.reporting {
	list-style-image:url(../images/arrow_01.gif);
	color: #1C2E98;
	}
*/

#chart ul ul.office {
	list-style-image: url(../images/office1.gif);
	color: #1C2E98;
}

#chart ul ul.user {
	list-style-image: url(../images/user1.gif);
	color: #1C2E98;
}

#chart ul ul.reporting {
	list-style-image: url(../images/reporting1.gif);
	color: #1C2E98;
}

#chart ul ul ul.office, #chart ul ul ul.user, #chart ul ul ul.reporting {
	display: block;
	margin: 0 0 0 0;
}

/*
#chart ul.reporting {
	background-image:url(../images/reporting.gif);
	background-repeat: no-repeat;
	background-position:0px 4px;
}

#chart ul.office {
	background-image:url(../images/office.gif);
	background-repeat: no-repeat;
	background-position:0 4px;
}

#chart ul.user {
	background-image:url(../images/user.gif);
	background-repeat: no-repeat;
	background-position:0px 4px;
}
*/
#chart ul ul.office, #chart ul ul.user, #chart ul ul.reporting {
	background-image: url(../images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.rowleft01 {
	width: 190px;
	display: block;
	float: left;
}

.rowright01 {
	width: 228px;
	display: block;
	float: left;
	color: #999999;
}

.address {
	height: 100px;
	overflow: auto;
}

.matching {
	color: #CC0000;
}

input.btnmed {
	width: 72px;
	height: 16px;
	background-image: url(../images/buttonmed.gif);
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
	padding: 0;
}

input.btnmed:hover {
	background-image: url(../images/buttonmedover.gif);
}

.margls {
	margin-left: 3px;
}

.buttonsrow {
	padding: 4px 0;
	margin-bottom: 2px;
	float: left;
	width: 421px;
	height: 16px;
}

/* tables stuff */

table.borders {
	border: 1px solid #999999;
}

table td {
	padding: 3px 4px;
}

table.fuzzy td {
	padding: 5px 7px;
}

table tr.headers {
	background-color: #B6D3E8;
	font-weight: bold;
}

table tr.headers td {
	padding: 7px 4px;
}

table td.borderb {
	border-bottom: 1px solid #CCCCCC;
}

table.fl {
	float: left;
}

table td.bordtop {
	border-top: 1px solid #999999;
}

table td.bordright {
	border-right: 1px solid #999999;
	color: #999999;
}

table td.bordbottom {
	border-bottom: 1px solid #999999;
}

table td.bordleft {
	border-left: 1px solid #999999;
}

table td.bordtrl {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

table td.bordrl {
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

table td.bordlb {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

table td.bordrb {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

table td.headers {
	background-color: #B6D3E8;
	font-weight: bold;
	padding: 7px;
}

/* end tables stuff */

.boxfullnp {
	border: 1px solid #999999;
	float: left;
	width: 901px;
	padding: 0;
}

.boxfullnp h4 {
	display: block;
	padding: 7px 10px;
	margin: 0;
	background-color: #B6D3E8;
	font-size: 1em;
}

.twothirds {
	width: 600px;
	float: left;
}

.formitem01 {
	padding: 5px 10px;
}

.formitemhalf label, .formitemthird label, .formitemtwothirds label {
	display: block;
	float: left;
	padding: 5px 8px 5px 0;
}

.formitemtwothirds label {
	width: 100px;
}

.formitemthird label {
	width: 80px;
}

.formitemhalf label {
	width: 130px;
}

.formitemquarter label {
	float: left;
	padding: 5px 8px 5px 0;
	font-weight: bold;
}

.formitemquarter .label_warning {
	clear: both;
	color: #FF0000;
}

.formitemtwothirds input.txt1, .formitemtwothirds textarea.txt1 {
	width: 420px;
}

.formitemthird input.txt1, .formitemthird select.txt1, .formitemhalf input.txt1, .formitemhalf select.txt1 {
	width: 185px;
}

.formitemthird input.txt1ro, .formitemthird select.txt1ro, .formitemhalf input.txt1ro, .formitemhalf select.txt1ro {
	width: 185px;
	/* objects to remain in read-only mode  */
}

.formitemquarter input {
	float: left;
	margin: 5px;
}

.formitemquarter select {
	float: left;
	margin: 5px;
}

.formitemthird input.txt2ro,
.formitemthird select.txt2ro,
.formitemhalf input.txt2ro,
.formitemhalf select.txt2ro {
	width: 280px;
	/* objects to remain in read-only mode  */
}

.formitemhalf table {

	margin: 15px;

}

label.rightalign {
	clear: left;
	text-align: right;
}

label.double {
	margin-top: -8px;
}

.fixed {
	height: 310px;
}

.read_only {
	font-size: 1.2em;
	padding-top: 2px;
	padding-bottom: 2px;

}

.bold {
	font-weight: bold;
}

.no_border {
	border: 0;
}

.grey {
	background-color: #EEEEEE;
}

input:disabled, textarea:disabled, select:disabled, input.grey, textarea.grey, select.grey {
	background-color: #EFF0EF;
	color: #000000;
}

.white {
	color: #FFFFFF;
}

.edit_button {
	float: right;
	position: relative;
	top: -41px;
	right: 12px;
}

input.attendance_notes_button {
	float: right;
	margin-top: 3px;
	margin-right: 10px;
	cursor: pointer;
	border: 0;
}

.like_section_tab {
	color: #666666;
	text-align: center;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;

	background-color: #D8E5EE;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	float: right;
}

ul#offline_categories_tabs, ul#new_person_tabs {
	padding: 0;
	margin: 0;
}

ul#offline_categories_tabs {
	position: absolute;
	list-style-type: none;
	white-space: nowrap;
}

div#offline_categories_tabs_scroller {
	height: 24px;
	position: relative;
	overflow: hidden;
}

ul#offline_categories_tabs li, ul#new_person_tabs li {
	display: inline-block;
	padding: 4px 16px;
	margin: 0 4px 0 0;
	border: 1px solid #999999;
	background: #D8E5EE;
	height: 14px;
}

ul#offline_categories_tabs li.selected, ul#new_person_tabs li.selected {
	background: #FFFFFF;
	cursor: pointer;
	border-bottom: 1px solid #FFFFFF;
}

ul#offline_categories_tabs li:hover, ul#new_person_tabs li:hover {
	background: #CCCCCC;
	cursor: pointer;
	border-bottom: 1px solid #999999;
}

div#offline_questions_area, .tab {
	border: 1px solid #999999;
	padding: 4px;
	background: #FFFFFF;
	margin-top: -1px;
}

div.ajax_upload_progress_outer {
	clear: both;
	width: 95%;
	height: 17px;
	background-color: #F0F0F0;
	border: solid 1px #999999;
}

div.ajax_upload_progress_inner {
	clear: both;
	width: 0;
	height: 15px;
	line-height: 15px; /* Make the text line height the same as the DIV height so the text appears vertically centered */
	background-color: #00CC00;
	border: solid 1px #00CC00;
}

div.questionfield {
	padding: 8px;
	clear: left;
}

div.questionfield:nth-child(odd) {
	background: #E6F0F7;
}

div.questionfield label {
	display: block;
	float: left;
	width: 300px;
}

div.questionfield input[type=text] {
	width: 300px;
}

div.questionfield input[type=text].dob {
	width: 160px;
}

div.questionfield input[type=text].numeric {
	width: 120px;
}

div.questionfield select, div.questionfield textarea {
	width: 400px;
}

div.questionfield .field_with_error input[type=text],
div.questionfield .field_with_error select,
div.questionfield .field_with_error textarea {
	border: 1px solid #FF0000;
}

.field_with_error select {
	border: 1px solid #FF0000;
}

div.questionfield.field_with_error label {
	color: #FF0000;
}

div.submitbuttons {
	margin: 8px;
	text-align: right;
	clear: left;
}

tr#offline_client_total_row td {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

tr.offline_client_renewable_product td {
	border-top: 1px solid #999999;
}

div#prototype_layer {
	text-align: center;
	z-index: 100;
	width: 100%;
	position: absolute;
	top: 0;
}

div#prototype_window, div#upload_responses_overlay, div#cancellation_prototype_window {
	z-index: 102;
	background-color: #FFFFFF;
	display: block;
	text-align: left;
	overflow: hidden;
	margin: 20px auto 0 auto;
	position: absolute;
	padding: 12px;
	border: 1px solid #999999;
}

div#prototype_overlay, div#cancellation_prototype_overlay {
	position: absolute;
	z-index: 101;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 100%;
	background-color: #000000;
	opacity: .6;
	filter: alpha(opacity=60);
}

.error_messages li {
	color: #FF0000;
}

.offline_tab_with_new_questions {
	color: #1C2E98;
}

.offline_tab_with_errors {
	color: #FF0000;
}

#scroller_move_left {
	float: left;
	padding: 4px 8px;
	cursor: pointer;
}

#scroller_move_right {
	float: right;
	padding: 4px 8px;
	cursor: pointer;
}

#updating_offline, #update_complete {
	padding: 16px 0;
}

#updating_offline img {
	display: block;
	margin-bottom: 16px;
}

.browser_link {
	text-align: center;
	width: 33%;
	float: left;
}

.browser_link h3 {
	border-bottom: none;
}

.browser_link a img {
	border: none;
}

/* START CSS for scrolling tabs for non-offline screen */
/*
	ul#categories_tabs {
		position: absolute;
		list-style-type: none;
		white-space: nowrap;
	}

	div#categories_tabs_scroller {
		height: 24px;
		position: relative;
		overflow: hidden;
	}

	ul#categories_tabs li {
		display: inline-block;
		padding: 4px 16px;
		margin: 0 4px 0 0;
		border: 1px solid #999;
		background: #D8E5EE;
		height: 14px;
	}

	ul#categories_tabs li.selected {
		background: #fff;
		cursor: pointer;
		border-bottom: 1px solid #fff;
	}

	ul#categories_tabs li:hover {
		background: #ccc;
		cursor: pointer;
		border-bottom: 1px solid #999;
	}
*/
/* END CSS for scrolling tabs for non-offline screen */

.appt_layer_show {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 240;
	width: 100%;
	height: 100%;
	background: url(../images/wems_fade.png);
	background-repeat: repeat;
}

.white_bg {
	background-color: #FFFFFF;
}

.center_pos {
	background-position: center;
	top: 50%;
	left: 50%;

}

table.wems_table td, table.wems_table tr.headers td {
	padding: 10px;
}

#find_client_overlay {
	max-height: 500px;
	width: 860px;
	overflow-y: auto;
}

.result_row:nth-child(odd) {
	background: #E6F0F7;
}

.sidebyside_addresses {
	margin: 12px 13px 12px 0;
	width: 443px;
	float: left;
}

.sidebyside_addresses div.questionfield label {
	width: 150px;
}

.sidebyside_addresses div.questionfield select {
	width: 260px;
}

.sidebyside_addresses div.questionfield input[type=text] {
	width: 260px;
}

/* WR 1916 */
.sidebyside_addresses div.questionfield input.small {
	width: 100px;
}

.disabled_client_download {
	color: #A1A1A1;
}

.form_ordering {
	text-align: right;
	clear: left;
	margin-right: 30px;
}

.no_results {
	clear: left;
	padding-top: 16px;
}

.form_error {
	background-color: #FF8888;
	color: #000000;
}

.task_important {
	font-weight: bold;
	font-style: italic;
}

.task_overdue {
	color: red;
}

.colour_options {
	padding-left: 140px;
}

.colour_box {
	margin: 0;
	margin-left: 2px;
	height: 25px;
	width: 25px;
	border: solid 1px grey;
	display: inline-block;
}

.colour_box_used {
	margin: 2px;
	height: 25px;
	width: 25px;
	border: solid 1px grey;
	display: inline-block;
	vertical-align: middle;
}

.colour_box_label {
	padding: 0;
	margin: 0;
}

.colour_sample_box {
	border: solid 1px grey;
	width: 300px;
	padding: 5px;
}

/* start report harness */
table.reportTable {
	border-right: dashed 1px #BBBBBB;
}

td.reports {
	padding: 3px;
	/*text-align: left; */
	line-height: 1.0em;
	border-bottom: dashed 1px #BBBBBB;
	border-left: dashed 1px #BBBBBB;
	font-size: 1.2em;
}

th.reports {
	/*text-align: left; */
	line-height: 1.0em;
	border-top: dashed 1px #BBBBBB;
	border-bottom: dashed 1px #BBBBBB;
	border-left: dashed 1px #BBBBBB;
	font-size: 1.2em;
}

/* end report harness */

#chameleon_products {
	border: 1px solid #999999;
}

#chameleon_products .launch_button {
	float: right;
}

#chameleon_products .chameleon_product {
	padding: 8px;
}

#chameleon_products div.chameleon_product:nth-child(even) {
	background: #E6F0F7;
}

.call_in_progress_notification {
	font-size: 200%;
	color: #FF0000;
}

.default_input_message {
	font-style: italic;
	color: #999999;
}

table tr.summary {
	/*background-color:#CBDFF5;*/
	background-color: #EEEEEE;

	font-weight: bold;
}

.notification1 {
	font-size: 120%;
	color: #FF0000;
	font-weight: bold;
}

.notification2 {
	font-size: 120%;
}

table td.unpaid {
	color: #993333;
}

/************************************/
/***** Storage Document Details *****/
/************************************/

.storage_location_details {
	text-align: right;
}

#storage_bank_address {
	width: 628px;
}

#show_bank_details {
	float: right;
	margin: 3px;
	margin-right: 26px;
}

#hide_bank_details {
	float: right;
	margin: 3px;
	margin-right: 26px;
}

#document_buttons {
	padding-top: 5px;
	padding-right: 26px;
	float: right;
}

#document_version_buttons {
	padding-top: 5px;
	padding-left: 26px;
	float: left;
}

#show_add_storage_document {
	margin: 3px;
}

#button_show_previous_documents {
	margin: 3px;
}

#button_show_current_documents {
	margin: 3px;
}

tr.odd_row {
	background-color: #E6F0F7;
}

tr.even_row {
	background-color: #FFFFFF;
}

#storage_document_list {
	border-collapse: collapse;
	border: solid 1px #999999;
	margin: auto;
	width: 95%;
}

#storage_document_list th {
	padding: 5px;
	font-weight: bold;
	font-size: 115%;
	text-align: left;
	background-color: #B6D3E8;
}

#storage_document_list td {
	padding: 3px;
}

#storage_document_list #left_edge {
	width: 2%;
}

#storage_document_list #column_1 {
	width: 10%;
}

#storage_document_list #column_2 {
	width: 5%;
}

#storage_document_list #column_3 {
	width: 41%;
}

#storage_document_list #column_4 {
	width: 10%;
}

#storage_document_list #column_5 {
	width: 10%;
}

#storage_document_list #column_6 {
	width: 10%;
}

#storage_document_list #column_7 {
	width: 10%;
}

#storage_document_list #right_edge {
	width: 2%;
}

#storage_payment_history_table {
	border-collapse: collapse;
	border: solid 1px #999999;
	margin: auto;
	width: 80%;
}

#storage_payment_history_table th {
	padding: 5px;
	font-weight: bold;
	font-size: 115%;
	text-align: left;
	background-color: #B6D3E8;
}

#storage_payment_history_table td {
	padding: 3px;
}

#storage_payment_history_table th.left_edge {
	width: 2%;
}

#storage_payment_history_table th.column_1 {
	width: 36%;
}

#storage_payment_history_table th.column_2 {
	width: 15%;
}

#storage_payment_history_table th.column_3 {
	width: 15%;
}

#storage_payment_history_table th.column_4 {
	width: 15%;
}

#storage_payment_history_table th.column_5 {
	width: 15%;
}

#storage_payment_history_table th.right_edge {
	width: 2%;
}

table.storage_document_history {
	border-collapse: collapse;
	background-color: #FFFFFF;
	width: 80%;
	margin: 10px auto;
	border: solid 1px #999999;
}

table.storage_document_history th {
	padding: 5px;
	font-weight: bold;
	font-size: 115%;
	text-align: left;
	background-color: #B6D3E8;
}

table.storage_document_history th.left_edge {
	width: 2%;
}

table.storage_document_history th.column_1 {
	width: 15%;
}

table.storage_document_history th.column_2 {
	width: 10%;
}

table.storage_document_history th.column_3 {
	width: 20%;
}

table.storage_document_history th.column_4 {
	width: 55%;
}

table.storage_document_history th.right_edge {
	width: 2%;
}

table.storage_document_history tr.storage_document_history_buttons {
	border-top: solid 1px #999999;
	background-color: #FFFFFF;
}

div#add_storage_document {
	clear: both;
	padding: 0;
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-top: 10px;
	border: solid 1px #999999;
}

/******************************************/
/***** FPT Document Management Styles *****/
/******************************************/

div.fpt_compliance_inner_box {
	border: 1px solid #999999;
	float: left;
	width: 861px;
	padding: 0;
	margin-left: 20px;
}

div.fpt_compliance_inner_box h4.fpt_compliance_inner_heading {
	display: block;
	padding: 7px 10px;
	margin: 0;
	background-color: #B6D3E8;
	font-size: 1em;
}

div.fpt_compliance_inner_box div.third {
	width: 286px;
}

div.fpt_compliance_inner_box .formitemthird label {
	width: 70px;
}

.formitemthird input.txt1, .formitemthird select.txt1, .formitemhalf input.txt1, .formitemhalf select.txt1 {
	width: 170px;
}

td.fpt_grid_total {
	font-weight: bold;
	font-size: 120%;
}

td.fpt_grid_total input {
	font-weight: bold;
	font-size: 120%;
}

li.valid_token {
}

li.invalid_token {
	color: #FF0000;
}

p.fpt_document_approved {
	color: #FF0000;
	font-size: 120%;
}

input.showhide_product_milestone_details {
	float: right;
	margin: 3px;
	margin-right: 26px;
}

input.showhide_compliance_details {
	float: right;
	margin: 3px;
	margin-right: 26px;
}

span.milestone_overdue {
	color: #FF4444;
	font-style: italic;
	font-weight: bold;
}

span.inactive_client_row {
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
}

table.fpt_assets_grid {
	border-collapse: collapse;
	border: solid 1px #999999;
	margin: 10px auto;
	width: 90%;
}

table.fpt_assets_grid th {
	padding: 5px;
	font-weight: bold;
	font-size: 115%;
	text-align: left;
	background-color: #B6D3E8;
}

table.fpt_assets_grid td input {
	width: 95%;
}

table.fpt_assets_grid td {
	padding: 3px;
}

table.fpt_assets_grid th.column_1 {
	width: 20%;
}

table.fpt_assets_grid th.column_2 {
	width: 55%;
}

table.fpt_assets_grid th.column_3 {
	width: 25%;
}

table.fpt_other_details_grid {
	border-collapse: collapse;
	border: solid 1px #999999;
	margin: 10px auto;
	width: 90%;
}

table.fpt_other_details_grid th {
	padding: 5px;
	font-weight: bold;
	font-size: 115%;
	text-align: left;
	background-color: #B6D3E8;
}

table.fpt_other_details_grid td input[type=text] {
	width: 95%;
}

table.fpt_other_details_grid td textarea {
	width: 95%;
}

table.fpt_other_details_grid td {
	padding: 3px;
	vertical-align: top;
}

table.fpt_other_details_grid td.column_1 {
	width: 50%;
	text-align: right;
	padding-right: 10px;
}

table.fpt_other_details_grid td.column_2 {
	width: 50%;
}

table.fpt_other_details_grid td.column_2 input.person_type {
	width: 70%;
}

table.milestone_documents_table {
	border-collapse: collapse;
	margin: 10px;
	width: 861px;
}

table.milestone_documents_table td {
	border-top: solid 1px #999999;
}

table.milestone_documents_table th.column_1 {
	width: 8%;
}

/* Code */
table.milestone_documents_table th.column_2 {
	width: 20%;
}

/* Description */
table.milestone_documents_table th.column_3 {
	width: 7%;
}

/* Version */
table.milestone_documents_table th.column_4 {
	width: 8%;
}

/* Status */
table.milestone_documents_table th.column_5 {
	width: 15%;
}

/* User */
table.milestone_documents_table th.column_6 {
	width: 10%;
}

/* Date */
table.milestone_documents_table th.column_7 {
	width: 32%;
}

/* Buttons */

table.milestone_documents_table .locked_document {
	color: #FF0000;
}

table.adhoc_documents_table {
	border-collapse: collapse;
	margin: 10px;
	width: 861px;
}

table.adhoc_documents_table td {
	border-top: solid 1px #999999;
}

table.adhoc_documents_table th.column_1 {
	width: 38%;
}

table.adhoc_documents_table th.column_2 {
	width: 10%;
}

table.adhoc_documents_table th.column_3 {
	width: 20%;
}

table.adhoc_documents_table th.column_4 {
	width: 32%;
}

#notepad_account_lines_table {
	border-collapse: collapse;
	border: solid 1px #999999;
	margin: 10px auto;
	width: 90%;
}

#notepad_account_lines_table th {
	padding: 5px;
	font-weight: bold;
	font-size: 115%;
	text-align: left;
	background-color: #B6D3E8;
}

table.table_fpt_assets {
	border-collapse: collapse;
	border: solid 1px #999999;
	margin: 10px;
	width: 860px;
}

table.table_fpt_assets caption {
	text-align: left;
	font-size: 120%;
	font-weight: bold;
}

table.table_fpt_assets th {
	padding: 5px;
	font-weight: bold;
	font-size: 115%;
	text-align: left;
	background-color: #B6D3E8;
}

table.table_fpt_assets td {
	white-space: nowrap;
}

table.table_fpt_assets td.right {
	text-align: right;
}

table.table_fpt_assets tr.top_row td {
	padding-top: 15px;
}

table.table_fpt_assets tr.bottom_row td {
	padding-bottom: 15px;
}

table.table_fpt_assets tr.section_divider td {
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	height: 3px;
}

table.table_fpt_assets input.value {
	text-align: right;
	width: 100px;
}

table.table_fpt_assets textarea {
	width: 100%;
	vertical-align: top;
}

table.table_fpt_assets td.total {
	text-align: right;
	font-weight: bold;
	font-size: 115%;
}

table.table_fpt_assets td.max_total_exceeded {
	font-weight: bold;
	font-size: 115%;
	color: #FF4444;
}

#notepad_account_lines_table td {
	padding: 3px;
}

#notepad_account_lines_table th.column_1 {
	width: 15%;
}

#notepad_account_lines_table th.column_2 {
	width: 25%;
}

#notepad_account_lines_table th.column_3 {
	width: 40%;
}

#notepad_account_lines_table th.column_4 {
	width: 10%;
	text-align: right;
}

#notepad_account_lines_table th.column_5 {
	width: 5%;
}

#notepad_account_lines_table td.accounting {
	text-align: right;
}

#notepad_account_lines_table td.total {
	text-align: right;
	font-weight: bold;
}

table.clients_documents_for_approval_table {
	border-collapse: collapse;
	margin: 10px;
	width: 50%;
}

table.clients_documents_for_approval_table td {
	border-top: solid 1px #999999;
}

table.clients_documents_for_approval_table th.column_1 {
	width: 70%;
	text-align: left;
}

table.clients_documents_for_approval_table th.column_2 {
	width: 30%;
	text-align: center;
}

table.clients_documents_for_approval_table td.column_1 {
	text-align: left;
}

table.clients_documents_for_approval_table td.column_2 {
	text-align: center;
}

table.client_documents_table {
	border-collapse: collapse;
	border: solid 1px #999999;
	margin: 20px auto;
	width: 95%;
}

table.client_documents_table th {
	padding: 5px;
	font-weight: bold;
	background-color: #B6D3E8;
}

table.client_documents_table td {
	padding: 3px;
}

table.client_documents_table th {
	text-align: left;
}

table.client_documents_table th.column_1 {
	width: 2%;
}

table.client_documents_table th.column_2 {
	width: 30%;
}

table.client_documents_table th.column_3 {
	width: 12%;
}

table.client_documents_table th.column_4 {
	width: 8%;
	text-align: center;
}

table.client_documents_table th.column_5 {
	width: 8%;
}

table.client_documents_table th.column_6 {
	width: 12%;
	text-align: center;
}

table.client_documents_table th.column_7 {
	width: 13%;
}

table.client_documents_table th.column_8 {
	width: 13%;
}

table.client_documents_table th.column_9 {
	width: 2%;
}

table.client_documents_table td.column_4 {
	text-align: center;
}

table.client_documents_table td.column_6 {
	text-align: center;
}

/************************************/
/***** Client Contact Templates *****/
/************************************/
#client_contact_html_preview {
	margin: 20px;
	padding-left: 20px;
	border: solid 1px #999999;
	background-color: #E6F0F7;
	font-weight: bold;
}

/* List styles have been set globally. Need a higher level of specificity to override */
div#client_tokens_list,
div#client_tokens_list ul#list_panel,
div#client_tokens_list ul#list_panel li ul#tokens_list {
	float: none;
	clear: both;
	position: static;
	display: list-item;
	list-style-type: none;
	width: auto;
	height: auto;
	background-image: none;
}

div#client_tokens_list ul#list_panel li ul#tokens_list li {
	list-style-type: disc;
	display: list-item;
	float: none;
	font-weight: bold;
	font-size: 110%;
	padding-left: 20px;
	background-image: none;
	cursor: default;
}

span.automatic_token {
	color: #666666;
	background-color: #00FFFF;
	font-weight: bold;
	font-style: italic;
}

span.manual_token {
	color: #666666;
	background-color: #FFFF00;
	font-weight: bold;
	font-style: italic;
}

/***********************************/
/***** Client Progress Summary *****/
/***********************************/

#client_progress_summary_table {
	margin: 20px auto;
	width: 861px;
	border: none;
	border-collapse: collapse;
}

#client_progress_summary_table th {
	text-align: left;
	border-bottom: solid 1px #CCCCCC;
}

#client_progress_summary_table .column_1 {
	width: 2%;
}

#client_progress_summary_table .column_2 {
	width: 66%;
}

#client_progress_summary_table .column_3 {
	width: 15%;
}

#client_progress_summary_table .column_4 {
	width: 15%;
}

#client_progress_summary_table .column_5 {
	width: 2%;
}

/**********************************/
/***** Client Contact Summary *****/
/**********************************/

#client_contact_summary_table {
	margin: 20px auto;
	width: 861px;
	border: none;
	border-collapse: collapse;
}

#client_contact_summary_table th {
	text-align: left;
	border-bottom: solid 1px #CCCCCC;
}

#client_contact_summary_table .column_1 {
	width: 2%;
}

#client_contact_summary_table .column_2 {
	width: 36%;
}

#client_contact_summary_table .column_3 {
	width: 15%;
}

#client_contact_summary_table .column_4 {
	width: 15%;
}

#client_contact_summary_table .column_5 {
	width: 15%;
}

#client_contact_summary_table .column_6 {
	width: 15%;
}

#client_contact_summary_table .column_7 {
	width: 2%;
}

/*********************************/
/***** Case Progress Summary *****/
/*********************************/

#case_progress_summary_table {
	margin: 20px;
	width: 861px;
	border: solid 1px #999999;
	border-collapse: collapse;
}

table#case_progress_summary_table th {
	text-align: left;
	padding: 4px 7px;
	background-color: #B6D3E8;
	font-weight: bold;
	font-size: 120%;
	border-bottom: solid 1px #CCCCCC;
}

table#case_progress_summary_table caption {
	text-align: left;
	padding: 4px 7px;
	background-color: #4EAADE;
	color: #FFFFFF;
	border: solid 1px #999999;
	border-bottom: none;
	font-weight: bold;
	font-size: 120%;
}

#case_progress_summary_table .column_1 {
	width: 2%;
}

#case_progress_summary_table .column_2 {
	width: 20%;
}

#case_progress_summary_table tr.case_product_key_stage_row .column_2 {
	padding-left: 30px;
}

#case_progress_summary_table tr.case_product_key_stage_header_row .column_2 {
	padding-left: 30px;
}

#case_progress_summary_table .column_3 {
	width: 20%;
}

#case_progress_summary_table .column_4 {
	width: 26%;
}

#case_progress_summary_table .column_5 {
	width: 15%;
}

#case_progress_summary_table .column_6 {
	width: 15%;
}

#case_progress_summary_table .column_7 {
	width: 2%;
}

#case_progress_summary_table tr.case_row {
	background-color: #E6F0F7;
	font-weight: bold;
	font-size: 120%;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

#case_progress_summary_table tr.case_product_row td {
	font-weight: bold;
	font-size: 120%;
	border-bottom: solid 1px #CCCCCC;
}

#case_progress_summary_table tr.case_product_row td.column_1 {
	border-bottom: none;
}

#case_progress_summary_table tr.case_product_key_stage_row td {
	border-bottom: solid 1px #CCCCCC;
}

#case_progress_summary_table tr.case_product_key_stage_row td.column_1 {
	border-bottom: none;
}

#case_progress_summary_table tr.case_product_key_stage_row td.column_2 {
	border-bottom: none;
}

#case_progress_summary_table tr.spacer {
	height: 30px;
}

#case_progress_summary_table td span.case_product_on_hold {
	color: #FF0000;
	font-style: italic;
	float: right;
	padding-right: 5px;
}

/******************************************/
/***** Case Summary - Client Contacts *****/
/******************************************/
table#case_summary_client_contact_table {
	width: 95%;
	margin: 20px auto;
	border-collapse: collapse;
	border: solid 1px #999999;
	padding: 0;
}

table#case_summary_client_contact_table tr td {
	border-top: solid 1px #CCCCCC;
	vertical-align: top;
}

table#case_summary_client_contact_table th {
	padding: 4px 7px;
	background-color: #B6D3E8;
	text-align: left;
}

table#case_summary_client_contact_table .column_1 {
	width: 2%;
}

table#case_summary_client_contact_table .column_2 {
	width: 15%;
}

table#case_summary_client_contact_table .column_3 {
	width: 10%;
}

table#case_summary_client_contact_table .column_4 {
	width: 15%;
}

table#case_summary_client_contact_table .column_5 {
	width: 5%;
}

table#case_summary_client_contact_table .column_6 {
	width: 10%;
}

table#case_summary_client_contact_table .column_7 {
	width: 20%;
}

table#case_summary_client_contact_table .column_8 {
	width: 21%;
}

table#case_summary_client_contact_table .column_9 {
	width: 2%;
}

/*************************************/
/***** Case Summary - Case Notes *****/
/*************************************/
table#case_summary_case_notes_table {
	width: 95%;
	margin: 20px auto;
	border-collapse: collapse;
	border: solid 1px #999999;
	padding: 0;
}

table#case_summary_case_notes_table caption {
	text-align: left;
	padding: 4px 7px;
	background-color: #4EAADE;
	color: #FFFFFF;
	border: solid 1px #999999;
	border-bottom: none;
	font-weight: bold;
	font-size: 120%;
}

table#case_summary_case_notes_table tr td {
	border-top: solid 1px #CCCCCC;
}

table#case_summary_case_notes_table th {
	padding: 4px 7px;
	background-color: #B6D3E8;
	text-align: left;
}

table#case_summary_case_notes_table .column_1 {
	width: 2%;
}

table#case_summary_case_notes_table .column_2 {
	width: 15%;
}

table#case_summary_case_notes_table .column_3 {
	width: 15%;
}

table#case_summary_case_notes_table .column_4 {
	width: 66%;
}

table#case_summary_case_notes_table .column_5 {
	width: 2%;
}

/*****************************************/
/***** Case Summary - Case Responses *****/
/*****************************************/
table#case_summary_case_responses_table {
	width: 95%;
	margin: 20px auto;
	border-collapse: collapse;
	border: solid 1px #999999;
	padding: 0;
}

table#case_summary_case_responses_table caption {
	text-align: left;
	padding: 4px 7px;
	background-color: #4EAADE;
	color: #FFFFFF;
	border: solid 1px #999999;
	border-bottom: none;
	font-weight: bold;
	font-size: 120%;
}

table#case_summary_case_responses_table tr td {
	border-top: solid 1px #CCCCCC;
}

table#case_summary_case_responses_table tr.category_header td {
	padding: 4px 7px;
	background-color: #B6D3E8;
	border-top: solid 1px #999999;
}

table#case_summary_case_responses_table tr.category_spacer td {
	border: none;
}

table#case_summary_case_responses_table .column_1 {
	width: 2%;
}

table#case_summary_case_responses_table .column_2 {
	width: 4%;
}

table#case_summary_case_responses_table .column_3 {
	width: 60%;
}

table#case_summary_case_responses_table .column_4 {
	width: 30%;
}

table#case_summary_case_responses_table .column_5 {
	width: 2%;
}

/****************************************/
/***** Appointments Without Letters *****/
/****************************************/
table#appointments_without_letters_table {
	width: 95%;
	margin: 20px auto;
	border-collapse: collapse;
	border: solid 1px #999999;
	padding: 0;
}

table#appointments_without_letters_table caption {
	padding: 4px 0;
	text-align: left;
}

table#appointments_without_letters_table tr.manual_print {
	color: #999999;
}

table#appointments_without_letters_table th {
	padding: 4px 7px;
	background-color: #B6D3E8;
	text-align: left;
}

table#appointments_without_letters_table td {
	border-top: solid 1px #CCCCCC;
}

table#appointments_without_letters_table th.end_column {
	width: 2%;
}

table#appointments_without_letters_table th.small_column {
	width: 7%;
}

table#appointments_without_letters_table th.medium_column {
	width: 10%;
}

table#appointments_without_letters_table td.centred {
	text-align: center;
}

/*************************************/
/***** Appointments With Letters *****/
/*************************************/
table#appointments_with_letters_table {
	width: 95%;
	margin: 20px auto;
	border-collapse: collapse;
	border: solid 1px #999999;
	padding: 0;
}

table#appointments_with_letters_table caption {
	padding: 4px 0;
	text-align: left;
}

table#appointments_with_letters_table th {
	padding: 4px 7px;
	background-color: #B6D3E8;
	text-align: left;
}

table#appointments_with_letters_table td {
	border-top: solid 1px #CCCCCC;
}

table#appointments_with_letters_table th.end_column {
	width: 2%;
}

table#appointments_with_letters_table th.small_column {
	width: 7%;
}

table#appointments_with_letters_table th.medium_column {
	width: 10%;
}

table#appointments_with_letters_table td.centred {
	text-align: center;
}

div.attendance_notes_region label {
	display: block;
	float: left;
	width: 300px;
}

div.attendance_notes_region textarea {
	width: 400px;
}

.olc_alert {
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
}

table.table_cms_files {
	width: 100%;
}

table.table_cms_files th.col_1, table.table_cms_files td.col_1 {
	width: 30%;
	text-align: left;
}

table.table_cms_files th.col_2, table.table_cms_files td.col_2 {
	width: 10%;
	text-align: left;
}

table.table_cms_files th.col_3, table.table_cms_files td.col_3 {
	width: 15%;
	text-align: left;
}

table.table_cms_files th.col_4, table.table_cms_files td.col_4 {
	width: 15%;
	text-align: left;
}

table.table_cms_files th.col_5, table.table_cms_files td.col_5 {
	width: 15%;
	text-align: left;
}

table.table_cms_files th.col_6, table.table_cms_files td.col_6 {
	width: 15%;
	text-align: left;
}

table.table_sto_files {
	width: 100%;
}

table.table_sto_files th.col_1, table.table_sto_files td.col_1 {
	width: 30%;
	text-align: left;
}

table.table_sto_files th.col_2, table.table_sto_files td.col_2 {
	width: 10%;
	text-align: left;
}

table.table_sto_files th.col_3, table.table_sto_files td.col_3 {
	width: 15%;
	text-align: left;
}

table.table_sto_files th.col_4, table.table_sto_files td.col_4 {
	width: 15%;
	text-align: left;
}

table.table_sto_files th.col_5, table.table_sto_files td.col_5 {
	width: 15%;
	text-align: left;
}

table.table_sto_files th.col_6, table.table_sto_files td.col_6 {
	width: 15%;
	text-align: left;
}

table.table_experian_files {
	width: 100%;
}

table.table_experian_files th.col_1, table.table_experian_files td.col_1 {
	width: 40%;
	text-align: left;
}

table.table_experian_files th.col_2, table.table_experian_files td.col_2 {
	width: 15%;
	text-align: left;
}

table.table_experian_files th.col_3, table.table_experian_files td.col_3 {
	width: 15%;
	text-align: left;
}

table.table_experian_files th.col_4, table.table_experian_files td.col_4 {
	width: 15%;
	text-align: left;
}

table.table_experian_files th.col_5, table.table_experian_files td.col_5 {
	width: 15%;
	text-align: left;
}

tr.case_product_on_hold {
	background-color: #FF9999;
}

tr.inactive_client {
	background-color: #FF9999;
}

div.calendar_overlay {
	background-color: rgba(255, 255, 255, 0.75);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 240;
}

.calendar_layer_arranger {
	left: 50%;
	margin: -190px auto auto -150px;
	min-height: 150px;
	position: absolute;
	top: 52%;
	width: 302px;
}

#calendar_div {
	padding: 15px;
}

.calendar_inner_layer {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	position: absolute;
	text-align: left;
	top: 2%;
	width: 300px;
	z-index: 50;
	font-size: 1.2em;
	height: 342px;
	padding: 0;
}

div.calendar_overlay table td {
	padding: 8px;
}

div.calendar_overlay table td.date_selector {
	background-color: #818286;
	color: #FFFFFF;
}

div.calendar_overlay table td.calendar_day_last_month, div.calendar_overlay table td.calendar_day_this_month {
	border: 0 solid #F0F0F0;
}

div.calendar_overlay table td.calendar_footer {
	background-color: #18BFEB;
	text-align: center;
}

div.calendar_overlay table td.calendar_day_this_month {
	background-color: #F0F0F0;
}

div.calendar_overlay table td.calendar_day_current {
	background-color: #FFFFFF;
}

div.calendar_overlay input.btn02 {
	border: 1px solid #FFFFFF;
}

div.calendar_overlay table td.calendar_day_next_month {
	background-color: #D0F2FB;
	color: #1795B3;
}

div.calendar_overlay table td.calendar_day_last_month {
	background-color: #FDE4D2;
}

div.calendar_overlay table td.days_of_the_week {
	background-color: #19BEEE;
	color: #FFFFFF;
}

.calendar_day_selectable {
	cursor: pointer;
}

.calendar_day_not_selectable {
	cursor: default;
	color: #CCCCCC;
}

div.data_download_overlay {
	background-color: rgba(255, 255, 255, 0.75);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 240;
}

.data_download_layer_arranger {
	left: 50%;
	margin: -190px auto auto -150px;
	min-height: 197px;
	position: absolute;
	top: 52%;
	width: 302px;
}

#data_download_div {
	padding: 15px;
}

.data_download_inner_layer {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	position: absolute;
	text-align: left;
	top: 2%;
	width: 300px;
	z-index: 50;
	font-size: 1.2em;
	min-height: 197px;
	padding: 0;
}

div#data_download_buttons {
	text-align: center;
}

div#data_download_completed p {
	font-size: 150%;
	text-align: center;
	color: #00AA00;
}

div.client_download_overlay {
	background-color: rgba(255, 255, 255, 0.75);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 240;
}

.client_download_layer_arranger {
	left: 50%;
	margin: -190px auto auto -150px;
	min-height: 233px;
	position: absolute;
	top: 52%;
	width: 302px;
}

.client_download_inner_layer {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	position: absolute;
	text-align: left;
	top: 2%;
	width: 300px;
	z-index: 50;
	font-size: 1.2em;
	height: 233px;
	padding: 0;
}

div#client_download_div {
	text-align: center;
}

div#client_download_div img {
	padding: 20px;
}

div#client_download_buttons {
	text-align: center;
}

div#client_download_completed p {
	font-size: 150%;
	text-align: center;
	color: #00AA00;
}

div.client_search_overlay {
	background-color: rgba(255, 255, 255, 0.75);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 240;
}

.client_search_layer_arranger {
	left: 50%;
	margin: 0 auto auto -400px;
	min-height: 120px;
	max-height: 560px;
	position: absolute;
	top: 20%;
	width: 802px;
}

.client_search_inner_layer {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	position: absolute;
	text-align: left;
	top: 2%;
	width: 800px;
	z-index: 50;
	font-size: 1.2em;
	min-height: 120px;
	max-height: 530px;
	padding: 0;
}

div#client_search_div {
	text-align: center;
	padding: 10px;
	overflow-y: auto;
	min-height: 120px;
	max-height: 510px;
}

div#client_search_div h2 {
	font-size: 150%;
	border: none;
}

/* Downloaded clients list */
table#table_downloaded_clients {
	width: 100%;
}

table#table_downloaded_clients th.col_1 {
	width: 15%;
}

/* Appointment date */
table#table_downloaded_clients th.col_2 {
	width: 5%;
}

/* Client ID */
table#table_downloaded_clients th.col_3 {
	width: 20%;
}

/* Client Name */
table#table_downloaded_clients th.col_4 {
	width: 15%;
}

/* Appointment Type */
table#table_downloaded_clients th.col_5 {
	width: 15%;
}

/* Interview Status */
table#table_downloaded_clients th.col_6 {
	width: 28%;
}

/* Actions */

.hidden_element {
	display: none;
}

span#error_panel_attendance_notes {
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
	padding-left: 10px;
}

/* Start Data Mining */
.dm_filter {
	width: 300px;
	float: left;
	margin-bottom: 20px;
}

.dm_filter label {
	font-weight: bold;
}

select.dm_dropdown {
	width: 250px;
}

select.dm_dropdown_option {
	width: 55px;
}

select.dm_dropdown_product {
	width: 175px;
}

input.dm_textfield {
	width: 245px;
}

input.dm_datefield {
	width: 225px;
}

img.dateicon {
	padding-bottom: 10px;
}

select.dm_birthfield {
	width: 100px;
}

/* End Data mining */

span.client_warning_message {
	float: right;
	color: #FF0000;
	font-weight: bold;
	padding-right: 60px;
	cursor: default;
}

span.client_warning_message_nofloat {
	color: #FF0000;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	cursor: default;
}

td.pending_warning {
	color: #666666;
	font-style: italic;
}

td.removed_warning {
	/* No styling */
}

a.datelast {
	border: 0;
	text-decoration: none;
}

div#uploaded_interview_details {
	padding-top: 20px;
}

table#uploaded_client_details th.col_1 {
	width: 8%;
}

/* Client ID */
table#uploaded_client_details th.col_2 {
	width: 24%;
}

/* Client Name(s) */
table#uploaded_client_details th.col_3 {
	width: 14%;
}

/* Date & Time Uploaded */
table#uploaded_client_details th.col_4 {
	width: 8%;
}

/* Case Number */
table#uploaded_client_details th.col_5 {
	width: 10%;
}

/* Case Status */
table#uploaded_client_details th.col_6 {
	width: 10%;
}

/* Status Date */
table#uploaded_client_details th.col_7 {
	width: 10%;
}

/* View Client */
table#uploaded_client_details th.col_8 {
	width: 10%;
}

/* View Case */

table#uploaded_client_details td.case_on_hold {
	color: #FF0000;
	font-weight: bold;
}

.client_has_warning {
	color: #FF0000;
	font-weight: bold;
}

span#error_case_on_hold_description {
	display: block;
	color: #FF0000;
	font-weight: bold;
}

span#error_on_hold_description {
	display: block;
	color: #FF0000;
	font-weight: bold;
}

div#mi_report_generation_progress p {
	font-weight: bold;
	font-size: 130%;
}

/***** Overlay styles for homepage *****/
table.compacted {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

div.incomplete_appointments_overlay {
	background-color: rgba(255, 255, 255, 0.75);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 240;
}

.incomplete_appointments_layer_arranger {
	left: 50%;
	margin: -190px auto auto -400px;
	min-height: 197px;
	position: absolute;
	top: 52%;
	width: 802px;
}

#incomplete_appointments_div {
	text-align: center;
	padding: 15px;
	overflow-y: auto;
	min-height: 120px;
	max-height: 510px;
}

.incomplete_appointments_inner_layer {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	position: absolute;
	text-align: left;
	top: 2%;
	width: 800px;
	z-index: 50;
	font-size: 1.2em;
	min-height: 120px;
	max-height: 530px;
	padding: 0;
}

/* Overlay for capturing client seen notes */
div.client_seen_overlay {
	background-color: rgba(255, 255, 255, 0.75);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 240;
}

.client_seen_layer_arranger {
	left: 50%;
	margin: 0 auto auto -400px;
	min-height: 120px;
	max-height: 560px;
	position: absolute;
	top: 20%;
	width: 802px;
}

.client_seen_inner_layer {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	position: absolute;
	text-align: left;
	top: 2%;
	width: 800px;
	z-index: 50;
	font-size: 1.2em;
	min-height: 120px;
	max-height: 530px;
	padding: 0;
}

div#client_seen_div {
	text-align: center;
	padding: 10px;
	overflow-y: auto;
	min-height: 120px;
	max-height: 510px;
}

div#client_seen_div h2 {
	font-size: 150%;
	border: none;
}

ul.form_error {
	float: none;
	width: auto;
	background: none;
	padding: 0;
	margin-left: 20px;
}

ul.form_error li {
	list-style-type: disc;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
	color: #FF0000;
	font-size: 100%;
}

.is_clickable_link {
	cursor: pointer;
}

/*
 * Overlay styles for Reconciliation account line matching.
 * This will be used for WorldPay and Bank reconciliation.
 */
div.reconciliation_overlay {
	background-color: rgba(255, 255, 255, 0.75);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 240;
}

.reconciliation_layer_arranger {
	left: 50%;
	margin: -250px auto auto -500px;
	min-height: 500px;
	position: absolute;
	top: 52%;
	width: 1002px;
}

.reconciliation_inner_layer {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 0 0 50px #999999;
	position: absolute;
	text-align: left;
	top: 2%;
	width: 1000px;
	z-index: 50;
	font-size: 100%;
	height: 500px;
	padding: 0;
	overflow: auto;
}

.reconciliation_overlay_content {
	margin: 10px;
}

/* Uploaded statement files */
table.table_reconciliation_statement_files {
	width: 100%;
}

/* Uploaded statement files - Filename */
table.table_reconciliation_statement_files th:nth-child(1) {
	width: 35%;
}

/* Uploaded statement files - Statement Date */
table.table_reconciliation_statement_files th:nth-child(2) {
	width: 15%;
}

/* Uploaded statement files - Final Balance */
table.table_reconciliation_statement_files th:nth-child(3) {
	width: 10%;
}

/* Uploaded statement files - Uploaded Date */
table.table_reconciliation_statement_files th:nth-child(4) {
	width: 15%;
}

/* Uploaded statement files - Status */
table.table_reconciliation_statement_files th:nth-child(5) {
	width: 15%;
}

/* Uploaded statement files - column for buttons */
table.table_reconciliation_statement_files th:nth-child(6) {
	width: 10%;
}

/* Uploaded statement entries */
table.table_reconciliation_statement_entries {
	width: 100%;
}

/* Showing individual entry details for a selected entry */
table.reconciliation_tables {
	width: 100%;
	border-collapse: collapse;
}

table.reconciliation_tables th {
	background-color: #B6D3E8;
	border: solid 1px #CCCCCC;
}

table.reconciliation_tables td {
	border: solid 1px #CCCCCC;
}

/* Optional search panel, initially hidden */
div.reconciliation_search_panel {
	display: inline-block;
	width: 70%;
	float: left;
	clear: left;
}

div.reconciliation_search_panel div.search_field_set {
	display: inline-block;
	width: 33%;
	float: left;
	text-align: right;
}

div.reconciliation_search_panel div.search_field_set input {
	width: 50%;
}

div.reconciliation_search_panel div.search_field_set select {
	width: 50%;
}

div.reconciliation_search_panel div.search_field_set label {
	text-align: right;
	width: 50%;
}

/* Totals, outstanding amount and Save/Cancel buttons */
div.reconciliation_control_panel {
	display: inline-block;
	width: 30%;
	float: right;
	clear: right;
}