@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 #999;
	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:#fff;
	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:#39F;
	padding: 10px 0 0 0;
	float: left;
	width: 580px;
}

#loginpage h4 {
	color:#fff;
	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: #006;
}

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

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

#loginpage .formbuttons input {
	width:80px;
	background-color: #39F;
	color: #FFF;
	border: 1px solid #1C2E98;
	margin-right: 110px;
	cursor:pointer;

}

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

#loginpage_cutover {
	width:580px;
	padding:90px 0 30px 0;
	background-color:#fff;
	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:#39F;
	padding: 10px 0 0 0;
	float: left;
	width: 580px;
}

#loginpage_cutover h4 {
	color:#fff;
	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: #006;
}

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

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

#loginpage_cutover .formbuttons input {
	width:80px;
	background-color: #39F;
	color: #FFF;
	border: 1px solid #1C2E98;
	margin-right: 110px;
	cursor:pointer;

}

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

/* 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:#fff;
	float:left;
	border: 2px solid #3da3dc;
	margin:15px 0;
}
#directory_page {
	width:568px;
	padding:0;
	background-color:#fff;
	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:#fff;
	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:#fff;
}


#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:191px;
	height:57px;
	background-image:url(../images/logo.gif);
}

#logo_cutover {
	float: left;
	width: 191px;
	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: #006;
}

#user a {
	color:#FFF;
	text-decoration: none;
	background-color: #4EAADE;
	border: 1px solid #fff;
	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: #FFF;
	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 #999;
	float: left;
	width: 441px;
}

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

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

.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 #ccc;
}

.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:#666;
	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 #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	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 #fff;
}

.container li a:hover {

	background-color:#ccc;
}

.container li a.selected {
	background-color: #FFF;
	border-left: 1px solid #999;
	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 #999;
}

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 #ccc;
}

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:#fff;
	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:#fff;
	cursor:pointer;
	border: 0;
	background-color: #B6D3E8;
}

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

input.btn01 {
	width:150px;
	height:19px;
	background-image:url(../images/button01.gif);
	color:#fff;
	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:#fff;
	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:#fff;
	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:#fff;
	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:#fff;
    cursor:pointer;
    border: 0;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.btn04: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 #999;
	color: #666;
}

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: #000 1px;
}


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


.clearall {
	clear:both;
}
.centre{
	text-align:center;
}
p.error {
	color:#F00;
}

.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: #999;
}

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

.matching {
	color:#C00;
}

input.btnmed{
	width:72px;
	height:16px;
	background-image:url(../images/buttonmed.gif);
	color:#fff;
	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 #999;
}

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 #ccc;
}

table.fl {
	float:left;
}

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

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

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

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

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

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

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

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

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



/* end tables stuff */

.boxfullnp {
	border:1px solid #999;
	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:#EEE;
}

input:disabled, textarea:disabled, select:disabled, input.grey, textarea.grey, select.grey  {
    background-color: #eff0ef;
    color: #000;
}

.white {
	color:#FFF;
}

.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:#666;
	text-align:center;
	display:block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;

	background-color: #d8e5ee;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	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 #999;
	background: #D8E5EE;
	height: 14px;
}

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

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

div#offline_questions_area, .tab {
	border: 1px solid #999;
	padding: 4px;
	background: #fff;
	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 #f00;
}

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

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

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

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

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

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 #999;
}

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: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}

.error_messages li {
	color: #f00;
}

.offline_tab_with_new_questions {
	color: #1c2e98;
}

.offline_tab_with_errors {
	color: #f00;
}

#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: 25%;
	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: #FFF;
}
.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 #BBB;
}
td.reports {
	padding: 3px;
	/*text-align: left; */
	line-height: 1.0em;
	border-bottom: dashed 1px #BBB;
	border-left: dashed 1px #BBB;
	font-size:1.2em;
}
th.reports {
	/*text-align: left; */
	line-height: 1.0em;
	border-top: dashed 1px #BBB;
	border-bottom: dashed 1px #BBB;
	border-left: dashed 1px #BBB;
	font-size:1.2em;
}
/* end report harness */

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

#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: #999;
}

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

	font-weight: bold;
}

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

.notification2 {
	font-size:120%;
}
table td.unpaid {
	color:#933;
}

/************************************/
/***** 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 #999;
	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:10%; text-align:center; }
table.client_documents_table th.column_7 { width:14%; }
table.client_documents_table th.column_8 { width:14%; }
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 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.column_1 {
	width:2%;
}

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

table#appointments_without_letters_table th.column_3 {
	width:26%;
}

table#appointments_without_letters_table th.column_4 {
	width:24%;
}

table#appointments_without_letters_table th.column_5 {
	width:15%;
}

table#appointments_without_letters_table th.column_6 {
	width:8%;
}

table#appointments_without_letters_table th.column_7 {
	width:8%;
}

table#appointments_without_letters_table th.column_8 {
	width:5%;
}

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

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.column_1 {
	width:2%;
}

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

table#appointments_with_letters_table th.column_3 {
	width:28%;
}

table#appointments_with_letters_table th.column_4 {
	width:27%;
}

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

table#appointments_with_letters_table th.column_6 {
	width:8%;
}

table#appointments_with_letters_table th.column_7 {
	width:8%;
}

table#appointments_with_letters_table th.column_8 {
	width:5%;
}

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

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-image:url(../images/bluebg.png);
	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: #fff;
    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:#fff;
}

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

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:#fff;
}

.calendar_day_selectable {
	cursor:pointer;
}

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

div.data_download_overlay {
	background-image:url(../images/bluebg.png);
	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: #fff;
    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-image:url(../images/bluebg.png);
	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: #fff;
    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-image:url(../images/bluebg.png);
	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: #fff;
    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:17%; }	/* 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%;
}