﻿/*
Copyright    :   True Potential LLP 2007
Author       :   Paul Outterside
Created      :   26/03/2007
Modified     :   (date - initials : details (lines))

*/


/* GLOBAL SETTINGS */
html, body {
    background : #fff;
    font-family : Tahoma, Arial, Verdana, Sans-Serif;
    font-size : 12px;
    font-weight : normal;
    color : #000;
    padding : 0px;
    margin : 0px;
    }

a:link, a:visited {
    text-decoration : underline;
    color : #000;
    }

a:hover, a:active {
    text-decoration : underline;
    color : #c6c7c8;
    }

img {
    border : 0px;
    margin : 0px;
    padding : 0px;
    }

h1 {
	color : #666;
	font-weight : bold;
	font-size : 14px;
	text-align : left;
	margin-top : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	}

h2 {
	color : #666;
	font-weight : bold;
	font-size : 12px;
	text-align : left;
	margin-top : 10px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	}

h3 {
	color : #666;
	font-weight : bold;
	font-size : 12px;
	text-align : center;
	margin-top : 10px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	}

p {
	padding : 0px;
	margin-top : 10px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-left :0px;
	}

.clear {
	clear : both;
	line-height : 1px;
	}

.standardInput {
	background : #fff;
	border : 1px solid #666;
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size : 12px;
	color : #000;
	width : 200px;
	}

.standardInputDisabled {
	background : #efefef;
	border : 1px solid #666;
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size : 12px;
	color : #000;
	width : 200px;
	}

.standardInputHidden {
	border:0px;
	width:0px;
	height:0px;
	}
	
.standardDropDown {
	background : #fff;
	border : 1px solid #666;
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size : 12px;
	color : #000;
	width : 200px;
	}

.standardDropDownDisabled {
	background : #efefef;
	border : 1px solid #666;
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	font-size : 12px;
	color : #000;
	width : 200px;
	}

.standardButton {
	background : URL('images/buttonBg.jpg') #e0e0e0;
	font-size : 100%;
	font-weight : normal;
	color : #000;
	border : 1px solid #666;
	margin-top : 2px;
	margin-bottom : 2px;
	width : 122px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width : 120px;
	}

.standardButtonDisabled {
	background : #efefef;
	background-image : none;
	font-size : 100%;
	font-weight : normal;
	color : #999;
	border : 1px solid #666;
	margin-top : 2px;
	margin-bottom : 2px;
	width : 122px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width : 120px;
	}

.editButton {
	background : URL('images/buttonBg.jpg') #e0e0e0;
	font-size : 100%;
	font-weight : normal;
	color : #000;
	border : 1px solid #666;
	width : 17px;
	line-height : 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width : 15px;
	}

.editButtonDisabled {
	background : #efefef;
	font-size : 100%;
	font-weight : normal;
	color : #999;
	border : 1px solid #666;
	width : 17px;
	line-height : 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width : 15px;
	}

.toolTip {
	display : none;
	width : 200px;
	border : 1px solid #999;
	background : #efefef;
	padding : 3px;
	color : #000;
	text-align : left;
	}

.requiredFieldWarning {
	font-weight : bold;
	color : #ff0000;
	margin : 0px;
	padding : 0px;
	border : 0px;
	}

/* LOGIN PAGE STYLES */
#loginHolder {
	background : #fff;
	border : 1px solid #797979;
	width : 500px;
	margin-top : 10px;
	margin-right : auto;
	margin-bottom : 0px;
	margin-left : auto;
	border-collapse : collapse;
	}

#loginHolder td {
	line-height : 25px;
	vertical-align : middle;
	}

#loginHolder .loginHolderHeader {
	background : #e6e6e6;
	border-bottom : 1px solid #797979;
	height : 70px;
	min-height : 70px;
	line-height : 70px;
	font-weight : bold;
	color : #666;
	text-align : center;
	}

#loginHolder .loginCentreCell {
	height : 40px;
	min-height : 40px;
	line-height : 40px;
	text-align : center;
	font-weight : bold;
	}

#loginHolder .loginLabelCell {
	text-align : right;
	width : 200px;
	padding-right : 10px;
	}

#loginHolder .loginControlCell {
	text-align : left;
	}


/* HEADER ELEMENTS */
#headerBar {
	background : #fff;
	/*background-image : URL(images/grey/headerBg.jpg);
	background-repeat : repeat-x;
	border : 1px solid #797979;*/
	margin : 10px;
	padding : 0px;
	height : 35px;
	line-height : 35px;
	min-height : 35px;
	color : #666;
	}

#companyName {
	font-weight : bold;
	font-size : 18px;
	float : left;
	width : 550px;
	padding : 0px;
	margin : 0px;
	margin-left : 10px;
	}

#companyLogo {
	font-weight : bold;
	float : right;
	width : 300px;
	padding : 0px;
	margin : 0px;
	margin-top : 2px;
	margin-right : 10px;
	text-align : right;
	height : 30px;
	min-height : 30px;
	line-height : 30px;
	vertical-align : middle;
	}

/* CONTENT ELEMENTS */
#contentHolder {
	border : 0px solid #ff0000;
	margin-top : 0px;
	margin-right : 10px;
	margin-bottom : 10px;
	margin-left : 11px;
	.margin-bottom : 0px; /* IE6 and IE7 only CSS */
	_margin-bottom : 0px; /* IE6 only CSS */
	}

#infoBar {
	background : #fff;
	border : 1px solid #797979;
	float : left;
	margin : 0px;
	width : 200px;
	border-collapse : collapse;
	}

#infoBar a:link, #infoBar a:visited {
	color : #000;
	text-decoration : underline;
	}

#infoBar a:hover, #infoBar a:active {
	color : #c6c7c8;
	text-decoration : underline;
	}

#infoBar .infoBarHeader {
	background : #e6e6e6;
	/*background-image : URL(images/grey/footerBg.jpg);
	background-repeat : repeat-x;*/
	border-bottom : 1px solid #797979;
	height : 20px;
	min-height : 20px;
	line-height : 20px;
	font-weight : bold;
	font-size : 10px;
	color : #666;
	text-align : center;
	}

#infoBarContent {
	border : 0px solid #ff0000;
	margin : 5px;
	text-align : left;
	vertical-align : top;
	overflow : hidden;
	}

#infoBarContent hr {
	height : 1px;
	border : 0px;
	border-top : 1px dashed #919191;
	}

#infoBarContent a:link, #infoBarContent a:visited {
	text-decoration : none;
	color : #000;
	cursor : pointer;
	}

#infoBarContent a:hover, #infoBarContent a:active {
	text-decoration : none;
	color : #c6c7c8;
	cursor : pointer;
	}

#infoBarContent .groupLink a:link, #infoBarContent .groupLink a:visited {
	font-weight : bold;
	color : #000;
	text-decoration : underline;
	}

#infoBarContent .groupLink a:hover, #infoBarContent .groupLink a:active {
	font-weight : bold;
	color : #c6c7c8;
	text-decoration : underline;
	}

#infoBarContentCell {
	background : #ededed;
	background-image : url(images/infoBarBg.jpg);
	background-repeat : no-repeat;
	}

#infoBarContent .xpPanelGlobal {
	background : #fff;
	border : 1px solid #d4d5d6;
	width : 180px;
	margin-left : auto;
	margin-right : auto;
	padding-bottom : 5px;
	/*height : 100px;
	overflow : auto;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width : 180px;
	}

#infoBarContent .xpPanelGlobal .xpContent {
	border : 0px;
	margin : 3px;
	padding : 0px;
	line-height : 16px;
	}

#infoBarContent .xpPanelGlobal .xpHeader {
	background : #e6e6e6;
	background-image : URL(images/grey/footerBg.jpg);
	background-repeat : repeat-x;
	border : 0px;
	border-bottom : 2px solid #d4d5d6;
	color : #666;
	line-height : 20px;
	min-height : 20px;
	height : 20px;
	font-weight : bold;
	font-size : 10px;
	text-indent : 5px;
	}

#infoBarContent .xpPanelLocal {
	background : #fff;
	border : 1px solid #d4d5d6;
	width : 180px;
	margin-top : 10px;
	margin-left : auto;
	margin-right : auto;
	padding-bottom : 5px;
	height : 200px;
	/*overflow : auto;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width : 180px;
	}

#infoBarContent .xpPanelLocal .xpContent {
	border : 0px;
	margin : 3px;
	padding : 0px;
	line-height : 16px;
	overflow : auto;
	height : 180px;
	}

#infoBarContent .xpPanelLocal .xpHeader {
	background : #e6e6e6;
	background-image : URL(images/grey/footerBg.jpg);
	background-repeat : repeat-x;
	border : 0px;
	border-bottom : 2px solid #d4d5d6;
	color : #666;
	line-height : 20px;
	min-height : 20px;
	height : 20px;
	font-weight : bold;
	font-size : 10px;
	text-indent : 5px;
	}

#infoBarContent .xpPanelHelp {
	background : #fff;
	border : 1px solid #d4d5d6;
	font-size : 10px;
	width : 180px;
	margin-top : 10px;
	margin-left : auto;
	margin-right : auto;
	padding-bottom : 5px;
	height : 100px;
	/*overflow : auto;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width : 180px;
	}

#infoBarContent .xpPanelHelp .xpContent {
	border : 0px;
	margin : 3px;
	padding : 0px;
	overflow : auto;
	height : 80px;
	}

#infoBarContent .xpPanelHelp .xpHeader {
	background : #e6e6e6;
	background-image : URL(images/grey/footerBg.jpg);
	background-repeat : repeat-x;
	border : 0px;
	border-bottom : 2px solid #d4d5d6;
	color : #666;
	line-height : 20px;
	min-height : 20px;
	height : 20px;
	font-weight : bold;
	font-size : 10px;
	text-indent : 5px;
	}

#infoBarContent .xpPanelHelp .xpHeader a:link, #infoBarContent .xpPanelHelp .xpHeader a:visited {
	color : #fff;
	text-decoration : none;
	}

#infoBarContent .xpPanelHelp .xpHeader a:hover, #infoBarContent .xpPanelHelp .xpHeader a:active {
	color : #fff;
	text-decoration : underline;
	}

#content {
	background : #fff;
	border : 1px solid #797979;
	margin : 0px;
	margin-left : 10px;
	border-collapse : collapse;
	float : right;
	}

#content .contentHeader {
	background : #e6e6e6;
	/*background-image : URL(images/grey/footerBg.jpg);
	background-repeat : repeat-x;*/
	border-bottom : 1px solid #797979;
	height : 20px;
	min-height : 20px;
	line-height : 20px;
	font-weight : bold;
	color : #666;
	text-align : left;
	text-indent : 10px;
	}

#contentFrame {
	border : 0px solid #ff0000;
	margin : 5px;
	text-align : left;
	vertical-align : top;
	}

/* FOOTER ELEMENTS */
#footerBar {
	background : #fff;
	background-image : URL(images/grey/footerBg.jpg);
	background-repeat : repeat-x;
	border : 1px solid #797979;
	margin : 10px;
	margin-top : 0px;
	padding : 0px;
	height : 25px;
	line-height : 25px;
	min-height : 25px;
	color : #666;
	}

#footerRight {
	border-left : 0px solid #fff;
	width : 450px;
	float : right;
	height : 25px;
	min-height : 25px;
	line-height : 25px;
	text-align : right;
	margin : 0px;
	padding : 0px;
	margin-right : 10px;
	vertical-align : middle;
	}

#smCountHolder {
	background-image : URL(images/secureMessageOff.jpg);
	background-repeat : repeat-x;
	border-left : 1px solid #797979;
	width : 120px;
	float : right;
	height : 25px;
	min-height : 25px;
	line-height : 25px;
	text-align : center;
	margin : 0px;
	padding : 0px;
	margin-right : 0px;
	vertical-align : middle;
	font-size : 14px;
	font-weight : bold;
	cursor : pointer;
	}

#smCountHolder a:link, #smCountHolder a:visited {
	text-decoration : none;
	color : #666;
	}

#smCountHolder a:hover, #smCountHolder a:active {
	text-decoration : underline;
	color : #000;
	}

#footerRightKeepAlive {
	background-image : URL(images/grey/keepAliveOff.jpg);
	background-repeat : repeat-x;
	border-left : 1px solid #797979;
	width : 120px;
	float : right;
	height : 25px;
	min-height : 25px;
	line-height : 25px;
	text-align : center;
	margin : 0px;
	padding : 0px;
	margin-right : 0px;
	vertical-align : middle;
	}

#footerRightKeepAlive a:link, #footerRightKeepAlive a:visited {
	text-decoration : none;
	text-align : center;
	color : #666;
	font-weight : normal;
	width : 120px;
	height : 25px;
	min-height : 25px;
	line-height : 25px;
	}

#footerRightKeepAlive a:hover, #footerRightKeepAlive a:active {
	text-decoration : none;
	text-align : center;
	color : #000;
	font-weight : normal;
	width : 120px;
	height : 25px;
	min-height : 25px;
	line-height : 25px;
	}

#footerSelectTable {
	margin : 0px;
	padding : 0px;
	border : 0px solid #ff0000;
	border-collapse : collapse;
	}

#footerSelectTable td {
	border : 0px;
	height : 23px;
	min-height : 23px;
	line-height : 23px;
	vertical-align : middle;
	}

#footerSelectTable .selectBox {
	font-size : 10px;
	color : #666;
	margin : 0px;
	padding : 0px;
	width : 150px;
	}

#menuStartButton {
	border : 0px;
	width : 170px;
	float : left;
	height : 25px;
	min-height : 25px;
	line-height : 25px;
	text-align : left;
	font-weight : bold;
	color : #000;
	cursor : pointer;
	}

#menuHolder {
	background-image : url(images/grey/menuBg.gif);
	font-family : Arial, Tahoma, Verdana, Sans Serif;
	font-size : 12px;
	font-weight : normal;
	color : #000;
	margin : 0px;
	border : 0px;
	border-top : 0px solid #000;
	border-right : 0px solid #000;
	height : 289px;
	min-height : 289px;
	width : 200px;
	display : block;
	z-index : 100;
	position : absolute;
	left : 10px;
	top : -555px;
	visibility : hidden;
	/*filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;*/
	}

#menuInc_menuTable {
	border : 0px;
	border-collapse : collapse;
	width : 180px;
	margin-top : 10px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	}

#menuInc_menuTable td {
	border : 0px;
	border-bottom : 1px solid #fff;
	line-height : 25px;
	height : 25px;
	min-height : 25px;
	vertical-align : middle;
	}

#menuInc_menuTable .imageCell {
	width : 20px;
	text-align : center;
	}

#menuInc_menuTable .buttonCell {
	text-align : left;
	color : #fff;
	font-weight : bold;
	cursor : pointer;
	}

#menuInc_menuTable .brandCell {
	text-align : left;
	color : #fff;
	font-weight : bold;
	cursor : pointer;
	}

/* LITE VERSION */
#menuStartButtonLite {
	border : 0px;
	width : 25px;
	float : left;
	height : 25px;
	min-height : 25px;
	line-height : 25px;
	text-align : left;
	font-weight : bold;
	color : #000;
	cursor : pointer;
	}

#menuHolderLite {
	background-image : url(images/liteMenuBg.jpg);
	background-position : bottom;
	background-repeat : no-repeat;
	font-family : Arial, Tahoma, Verdana, Sans Serif;
	font-size : 12px;
	font-weight : normal;
	color : #000;
	margin : 0px;
	border : 1px solid #797979;
	border-top : 1px solid #797979;
	border-right : 1px solid #797979;
	height : 255px;
	min-height : 255px;
	width : 175px;
	display : block;
	z-index : 100;
	position : absolute;
	left : 14px;
	top : -555px;
	top : 300px;
	visibility : hidden;
	/*filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;*/
	}

#liteMenuInc_menuTableLite {
	border : 0px;
	border-left : 0px solid #ff0000;
	border-right : 0px solid #ff0000;
	border-collapse : collapse;
	width : 145px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : auto;
	margin-left : 30px;
	}

#liteMenuInc_menuTableLite td {
	border : 0px;
	border-bottom : 0px solid #fff;
	line-height : 30px;
	height : 30px;
	min-height : 30px;
	vertical-align : middle;
	color : #fff;
	font-weight : bold;
	font-size : 14px;
	}

#liteMenuInc_menuTableLite .imageCell {
	width : 30px;
	text-align : center;
	border : 0px solid #00ff00;
	cursor : pointer;
	}

#liteMenuInc_menuTableLite .buttonCell {
	text-align : left;
	color : #fff;
	font-weight : bold;
	cursor : pointer;
	}

/* LEFT-ALIGN TREE MENU HOLDER */
#treeHolder {
	width : 200px;
	border : 0px solid #ff0000;
	float : left;
	}

#treeHolder img {
	border : 0px;
	}

#treeHolder a:link, #treeHolder a:visited {
	text-decoration : none;
	border : 0px;
	color : #000;
	}

#treeHolder a:hover, #treeHolder a:active {
	text-decoration : none;
	border : 0px;
	color : #c6c7c8;
	}


/* FRONT DASHBOARD PAGE TABLE */
.frontPageTable {
	border : 0px;
	padding : 0px;
	border-collapse : collapse;
	margin-top : 0px;
	margin-right : auto;
	margin-bottom : 0px;
	margin-left : auto;
	/*width : 355px;*/
	}

.frontPageTable .contentCell {
	background : #f8f8f8;
	border : 1px solid #797979;
	padding : 5px;
	vertical-align : top;
	font-weight : bold;
	}

.frontPageTable .contentCell a:link, .frontPageTable .contentCell a:visited {
	font-weight : normal;
	color : #000;
	text-decoration : none;
	}

.frontPageTable .contentCell a:hover, .frontPageTable .contentCell a:active {
	font-weight : normal;
	color : #c6c7c8;
	text-decoration : none;
	}

.frontPageTable .headerCellImage {
	background : #e7e8e8;
	background-image : URL(images/grey/subBarFade.jpg);
	background-repeat : repeat-x;
	border : 1px solid #797979;
	border-right : 0px;
	border-bottom : 0px;
	text-align : center;
	width : 30px;
	line-height : 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width : 29px;
	}

.frontPageTable .headerCellText {
	background : #e7e8e8;
	background-image : URL(images/grey/subBarFade.jpg);
	background-repeat : repeat-x;
	border : 1px solid #797979;
	border-left : 0px;
	border-bottom : 0px;
	text-align : left;
	font-weight : bold;
	line-height : 20px;
	}

.frontPageTable .rowSpacerCell {
	height : 30px;
	min-height : 30px;
	line-height : 30px;
	}

#leftDiv .frontPageTable .headerCell .offsetIcon {
	border : 0px;
	margin : 0px;
	padding : 0px;
	/*position : relative;
	display : block;
	top : -10px;
	left : -7px;*/
	}

.frontPageTable .taskTable {
	border : 0px;
	border-collapse : collapse;
	margin : 0px;
	margin-top : 5px;
	padding : 0px;
	}

.frontPageTable .taskTable td {
	border : 1px solid #797979;
	padding : 2px;
	font-weight : normal;
	}

.frontPageTable .taskTable .taskHeader {
	background : #e7e8e8;
	border : 1px solid #797979;
	margin : 0px;
	font-weight : bold;
	}

.frontPageTable .taskTable .rowWhite {
    background : #fff;
    color : #000;
    }

.frontPageTable .taskTable .rowAlt {
    background : #f8f8f8;
    color : #000;
    }


/* SUB-PAGE ELEMENTS */

/*  maxWidth is a div surrounding all content on the sub-pages.
    It keeps everything centered and gives a 'working width'.
    A max of 740px will avoid any horizontal scrolling @ 1024. */
#maxWidth {
    width : 731px;
    margin-top : 0px;
    margin-right : auto;
    margin-bottom : 0px;
    margin-left : auto;
    border : 0px solid #ff0000;
    }

#maxWidth .headerTable {
    border : 1px solid #666;
    border-bottom : 0px solid #e7e8e8;
	border-collapse : separate;
	margin : 0px;
	padding : 0px;
    }

#maxWidth .headerTable td {
	background : #dfe0e0;
	border-top : 1px solid #fff;
	border-right : 1px solid #666;
	border-bottom : 1px solid #666;
	border-left : 1px solid #fff;
	padding : 0px;
	padding-left : 5px;
	margin : 0px;
	line-height : 20px;
	font-weight : bold;
	text-align : center;
	color : #666;
	}

#scrollingDiv {
    border : 0px solid #00ff00;
    width : auto;
    height : auto;
    overflow : auto;
    }

.resultsTable {
    border : 0px;
    border-collapse : collapse;
    margin : 0px;
    margin-left : 1px;
    .margin-left : 0px; /* IE6 and IE7 only CSS */
	_margin-left : 0px; /* IE6 only CSS */
    padding : 0px;
    }

.resultsTable td {
    border : 1px solid #666;
    margin : 0px;
    padding : 2px;
	font-size : 11px;
	line-height : 18px;
	min-height : 18px;
    }

.resultsTable .headerCell {
	background : #e7e8e8;
	text-align : center;
	font-weight : bold;
	color : #666;
	padding : 2px;
	}

.resultsTable .centerCell {
    border : 1px solid #666;
    margin : 0px;
    padding : 2px;
	text-align : center;
    }

.resultsTable .rowWhite {
    background : #fff;
    color : #000;
    }

.resultsTable .rowAlt {
    background : #f8f8f8;
    color : #000;
    }

.resultsTable .rowHover {
    background : #d4d5d6;
    color : #000;
    }

/* GENERIC TABLE WITH A HEADER CELL */
.genericTable {
	border-collapse : collapse;
	border : 0px;
	margin-top : 10px;
	margin-right : auto;
	margin-left : auto;
	margin-bottom : 0px;
	padding : 0px;
	}

.genericTable tr {
	background : #fff;
	}

.genericTable td {
	border : 1px solid #666;
	padding : 2px;
	}

.genericTable .headerCell {
	background : #e7e8e8;
	text-align : center;
	font-weight : bold;
	color : #666;
	padding : 2px;
	}

.genericTable .labelCell {
	background : #e7e8e8;
	text-align : right;
	padding : 2px;
	}

.genericTable .centerCell {
	text-align : center;
	padding : 2px;
	}

.genericTable .spacerCell {
	border : 0px;
	padding : 0px;
	}

.genericTable .buttonCell {
	border : 0px;
	text-align : center;
	height : 30px;
	line-height : 30px;
	min-height : 30px;
	vertical-align : middle;
	}

.genericTable .rowWhite {
    background : #fff;
    color : #000;
    }

.genericTable .rowAlt {
    background : #f8f8f8;
    color : #000;
    }

.genericTable .rowHover {
    background : #d4d5d6;
    color : #000;
    }



/* GENERIC TABLE NO CELL BORDERS WITH A HEADER CELL */
.genericTableNoBorder {
	border-collapse : collapse;
	border : 0px;
	margin-top : 10px;
	margin-right : auto;
	margin-left : auto;
	margin-bottom : 0px;
	padding : 0px;
	}

.genericTableNoBorder tr {
	background : #fff;
	}

.genericTableNoBorder td {
	border : 0px solid #666;
	padding : 2px;
	}

.genericTableNoBorder .headerCell {
	background : #e7e8e8;
	text-align : center;
	font-weight : bold;
	color : #666;
	padding : 2px;
	}

.genericTableNoBorder .labelCell {
	background : #e7e8e8;
	text-align : right;
	padding : 2px;
	}

.genericTableNoBorder .centerCell {
	text-align : center;
	padding : 2px;
	}

.genericTableNoBorder .spacerCell {
	border : 0px;
	padding : 0px;
	}

.genericTableNoBorder .buttonCell {
	border : 0px;
	text-align : center;
	height : 30px;
	line-height : 30px;
	min-height : 30px;
	vertical-align : middle;
	}

.genericTableNoBorder .rowWhite {
    background : #fff;
    color : #000;
    }

.genericTableNoBorder .rowAlt {
    background : #f8f8f8;
    color : #000;
    }

.genericTableNoBorder .rowHover {
    background : #d4d5d6;
    color : #000;
    }

	

/* GRIDVIEW */
.HideButton {
    display:none;
    }
    
.gridviewScroll {
     /* So the overflow scrolls */
     overflow:auto;
                                
     /* Style */    
     border-collapse : collapse;
     margin : 0px;
     margin-left : 1px;
     .margin-left : 0px; /* IE6 and IE7 only CSS */
	 _margin-left : 0px; /* IE6 only CSS */
     padding : 0px;
     }
            
.gridviewScroll td {
     border : 1px solid #666;
     margin : 0px;
     padding : 2px;
	 font-size : 11px;
	 line-height : 18px;
	 min-height : 18px;
     }
                
.gridviewScroll th {
     /* Keep the header cells positioned as we scroll */
     position: relative;
                
     /* Style */
     background : #e7e8e8;
     text-align : center;
     font-weight : bold;                
     color : #e7e8e8;
     padding : 2px;    
     border-bottom: 1px solid #666;     
     }
     
/* OVERLAY ELEMENTS FOR POPUP ALTERNATIVE */
#popOverlay {
	position : absolute;
	display : none;
	z-index : 100;
	top : 0px;
	left : 0px;
	background-color : #efefef;
	filter : alpha(opacity=75);
	-moz-opacity : 0.75;
	opacity : 0.75;
	}

#popWindow {
	position : absolute;
	display : none;
	background : #fff;
	z-index : 102;
	color : #000;
	display : none;
	border : 4px solid #c7c7c7;
	text-align : center;
	padding : 0px;
	padding-top : 10px;
	}

#popLoad {
	position: absolute;
	display : none;
	height : 100px;
	width : 100px;
	z-index : 101;
	}

#popHideSelect {
	z-index : 99;
	position : absolute;
	display : none;
	top : 0px;
	left : 0px;
	background-color : #fff;
	border : none;
	filter : alpha(opacity=0);
	-moz-opacity : 0;
	opacity : 0;
	}

#popWindow a:link, #popWindow a:visited {
	text-decoration : none;
	font-weight : bold;
	color : #000;
	margin-right : 10px;
	}

#popWindow a:hover, #popWindow a:active {
	text-decoration : none;
	font-weight : bold;
	color : #c6c7c8;
	margin-right : 10px;
	}

#ajaxOpHolder {
	visibility : hidden;
	display : none;
	height : 0px;
	width : 0px;
	}

/* STATIC MULTIVIEW VERSION */
#staticBg {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
	background-color : #f2f2f2;
	/*filter : alpha(opacity=75);
	-moz-opacity : 0.75;
	opacity : 0.75;*/
	}

#staticFaux {
	background : #fff;
	color : #000;
	width : 720px;
	height : 100px;
	margin-top : 170px;
	margin-left : auto;
	margin-right : auto;
	border : 4px solid #c7c7c7;
	text-align : center;
	padding : 0px;
	padding-top : 10px;
	}



/* CALENDAR STUFF */
/* DIV Holder elements */
#calHolder {
	border : 0px solid #000;
	width : 187px;
	height : 160px;
	}

#dayDisplay {
	border : 0px solid #000;
	width : 187px;
	}

/* calendar stuff */
.calendar {
	font-size : 10px;
	background : #fff;
	border : 0px;
	padding : 0px;
	margin : 0px;
	}

.calendar td {
	text-align : center;
	margin : 0px;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	}

.calTitle {
	background : #565080;
	font-weight : bold;
	text-align : center;
	color : #fff;
	}

.calTitleHover {
	background : #1e1656;
	font-weight : bold;
	text-align : center;
	color : #fff;
	cursor : pointer;
	}

.calNextPrevMonth a, .calNextPrevMonth a:link, .calNextPrevMonth a:visited, .calNextPrevMonth a:hover, .calNextPrevMonth a:active {
	text-decoration : underline;
	}

.calWeekHeader {
	background : #cac8d7;
	font-weight : bold;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	width : 20px;
	text-align : center;
	cursor : pointer;
	}

.calDayHeader {
	background : #a09db8;
	font-weight : bold;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	width : 22px;
	text-align : center;
	}

.calDay {
	background : #fff;
	font-weight : normal;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	width : 22px;
	cursor : pointer;
	}

.calDayNow {
	background : #ffc4c4;
	font-weight : normal;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	width : 22px;
	cursor : pointer;
	}

.calEntry {
	background : #efefef;
	font-weight : normal;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	width : 22px;
	cursor : pointer;
	}

.calDayHover {
	background : #efeef3;
	font-weight : normal;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	width : 22px;
	cursor : pointer;
	}

.calDaySelected {
	background : #dfe0e0;
	font-weight : normal;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	width : 22px;
	cursor : pointer;
	}

.calOtherDay {
	background : #f5f5f5;
	font-weight : normal;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	width : 22px;
	cursor : pointer;
	}

.calOtherDayHover {
	background : #00217f;
	font-weight : normal;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	width : 22px;
	cursor : pointer;
	}

.calDay a, .calDay a:link, .calDay a:visited, .calDay a:hover, .calDay a:active {
	color : #333;
	text-decoration : none;
	}

.calDayHover a, .calDayHover a:link, .calDayHover a:visited, .calDayHover a:hover, .calDayHover a:active {
	color : #333;
	text-decoration : none;
	}

.calDaySelected a, .calDaySelected a:link, .calDaySelected a:visited, .calDaySelected a:hover, .calDaySelected a:active {
	text-decoration : none;
	color : #333;
	}

.dayView {
	margin : 0px;
	border : 0px solid #ff0000;
	}

.dayViewAdd {
	/*background : #a09db8;*/
	background : #fff;
	text-align : center;
	font-weight : bold;
	font-size : 11px;
	width : 70px;
	height : 25px;
	vertical-align : top;
	color : #fff;
	}

.dayViewHeader {
	background : #565080;
	border : 0px solid #00ff00;
	text-align : center;
	font-weight : bold;
	color : #fff;
	vertical-align : middle;
	width : 620px;
	}

.dayViewFullDay {
	/*background : #a09db8;*/
	background : #fff;
	text-align : right;
	font-weight : bold;
	font-size : 11px;
	border-top : 0px solid #000;
	width : 70px;
	height : 25px;
	vertical-align : middle;
	color : #000;
	}

.dayViewHour {
	/*background : #a09db8;*/
	background : #565080;
	text-align : right;
	font-weight : bold;
	font-size : 11px;
	border-top : 1px solid #000;
	width : 70px;
	height : 25px;
	vertical-align : top;
	color : #fff;
	}

.dayViewMin {
	/*background : #cac8d7;*/
	background : #9e98c4;
	text-align : right;
	font-weight : bold;
	width : 70px;
	height : 25px;
	vertical-align : top;
	}

.dayViewHourContent {
	background : #e9e8ef;
	border : 0px solid #00ff00;
	text-align : left;
	font-weight : normal;
	vertical-align : top;
	width : 620px;
	}

.dayViewHourContentActive {
	background : #ffe0e0;
	border : 0px solid #00ff00;
	text-align : left;
	font-weight : normal;
	vertical-align : top;
	width : 620px;
	}

.dayViewHourContentActiveHover {
	background : #ffb8b8;
	border : 0px solid #00ff00;
	text-align : left;
	font-weight : normal;
	vertical-align : top;
	width : 620px;
	}

#weekHolder {
	border : 0px solid #ff0000;
	}

.weekView {
	background : #fff;
	}

.weekView td {
	padding : 2px;
	border : 0px solid #999;
	margin : 0px;
	}

.weekViewHeader {
	background : #565080;
	text-align : center;
	font-weight : bold;
	font-size : 11px;
	color : #fff;
	margin : 0px;
	padding : 0px;
	line-height : 16px;
	}

.weekViewHeaderHover {
	background : #a09db8;
	text-align : center;
	font-weight : bold;
	font-size : 11px;
	color : #fff;
	margin : 0px;
	padding : 0px;
	line-height : 16px;
	}

.weekDayContent {
	width : 236px;
	border : 0px solid #666;
	height : 130px;
	padding : 0px;
	margin : 0px;
	overflow-x : hidden;
	overflow-y : auto;
	}

/*.weekViewHour {
	background : #e6e9f2;
	text-align : center;
	font-weight : bold;
	width : 30px;
	}*/

.weekViewDay {
	background : #e9e8ef;
	text-align : left;
	font-weight : normal;
	}

/* CALENDAR MODULE ITEMS 26/11/2008 */
.calBody {
    padding : 0px;
    margin : 0px;
    border ; 0px;
    border-collapse : collapse;
	}

.calBody td {
	border : 1px solid #c0c1c5;
	margin : 0px;
	padding : 0px;
	}

#fauxWindow .calModLeftPane {
	background-image : url(calImages/diaryPanelBG.jpg);
	background-repeat : repeat-x;
	border : 2px solid #9e9f9f;
	width : 200px;
	float : left;
	height : 473px;
	min-height : 473px;
	margin : 10px;
	margin-bottom : 0px;
	font-weight : normal;
	font-size : 10px;
	}

#fauxWindow .calModLeftPane a:link, #fauxWindow .calModLeftPane a:visited {
	font-weight : normal;
	text-decoration : none;
	color : #000;
	cursor : pointer;
	}

#fauxWindow .calModLeftPane a:hover, #fauxWindow .calModLeftPane a:active {
	font-weight : normal;
	text-decoration : none;
	color : #c6c7c8;
	cursor : pointer;
	}

#calModTopDisplay {
	background : #807ca0;
	border : 2px solid #9e9f9f;
	height : 15px;
	min-height : 15px;
	float : left;
	overflow : hidden;
	width : 700px;
	padding : 0px;
	margin : 0px;
	margin-top : 10px;
	text-align : center;
	vertical-align : middle;
	font-weight : bold;
	color : #fff;
	}


/* FULL DAY ITEMS */
.fullDayApp {
	background : #ffe0e0;
	border : 2px solid #ffb8b8;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayAppHover {
	background : #ffb8b8;
	border : 2px solid #ffb8b8;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayClient {
	background : #c3d6f7;
	border : 2px solid #93b7f6;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayClientHover {
	background : #93b7f6;
	border : 2px solid #93b7f6;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayAdviser {
	background : #cce6c3;
	border : 2px solid #9cde81;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayAdviserHover {
	background : #9cde81;
	border : 2px solid #9cde81;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayTask {
	background : #d0cae6;
	border : 2px solid #b1a3e3;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayTaskHover {
	background : #b1a3e3;
	border : 2px solid #b1a3e3;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

/* OVERDUE ELEMENTS */
.overdueListTask {
	background : #d0cae6;
	border : 2px solid #b1a3e3;
	margin : 4px;
	padding : 3px;
	}

.overdueListTaskHover {
	background : #b1a3e3;
	border : 2px solid #b1a3e3;
	margin : 4px;
	padding : 3px;
	}

.overdueListClient {
	background : #c3d6f7;
	border : 2px solid #93b7f6;
	margin : 4px;
	padding : 3px;
	}

.overdueListClientHover {
	background : #93b7f6;
	border : 2px solid #93b7f6;
	margin : 4px;
	padding : 3px;
	}

.overdueListAdviser {
	background : #cce6c3;
	border : 2px solid #9cde81;
	margin : 4px;
	padding : 3px;
	}

.overdueListAdviserHover {
	background : #9cde81;
	border : 2px solid #9cde81;
	margin : 4px;
	padding : 3px;
	}


/* HOME DASHBOARD STUFF */
#homeTable {
	border : 0px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-right : auto;
	margin-left : auto;
	border-collapse : collapse;
	}

#homeTable a:link, #homeTable a:visited {
	text-decoration : none;
	color : #000;
	}

#homeTable a:hover, #homeTable a:active {
	text-decoration : none;
	color : #c6c7c8;
	}

#homeTable .bannerCell {
	background : #e7e8e8;
	background-image : URL(images/grey/subBarFade.jpg);
	background-repeat : repeat-x;
	border : 1px solid #797979;
	text-align : left;
	text-indent : 5px;
	font-weight : bold;
	line-height : 20px;
	vertical-align : middle;
	}

#homeTable .tabCell{
	background : #9E9F9F;
	border : 1px solid #797979;
	text-align : left;
	text-indent : 5px;
	font-weight : bold;
	line-height : 20px;
	vertical-align : middle;
	}

#homeTable .contentCell {
	background : #fefefe;
	border : 1px solid #666;
	vertical-align : top;
	}

#homeTable .spacerCell {
	background : #fff;
	border : 0px solid #666;
	}

#announceDiv {
	padding : 0px;
	margin : 3px;
	width : 720px;
	height : 85px;
	min-height : 85px;
	overflow : auto;
	}

#announceDiv a:link, #announceDiv a:visited {
	text-decoration : underline;
	color : #000;
	}

#announceDiv a:hover, #announceDiv a:active {
	text-decoration : underline;
	color : #c6c7c8;
	}

#businessInfoTable {
	border : 0px solid #ff0000;
	padding : 0px;
	margin : 0px;
	width : 450px;
	}

#businessInfoTable a:link, #businessInfoTable a:visited {
	text-decoration : underline;
	color : #000;
	}

#businessInfoTable a:hover, #businessInfoTable a:active {
	text-decoration : underline;
	color : #c6c7c8;
	}

#businessInfoTable .imageCell {
	width : 25px;
	text-align : center;
	vertical-align : top;
	}

#businessInfoTable .textCell {
	text-align : left;
	vertical-align : top;
	padding-bottom : 20px;
	}

#linksDiv {
	width : 250px;
	padding : 3px;
	border : 0px solid #00ff00;
	margin : 0px;
	overflow : auto;
	line-height : 16px;
	height : 272px;
	min-height : 272px;
	}


/* DROP ALTERNATIVE STYLE */
.suggestionHolder {
	position : absolute;
	display : none;
	background : #e0e0e0;
	border : 1px dashed #666;
	z-index : 200;
	width : 200px;
	padding-top : 3px;
	padding-bottom : 3px;
	}

.suggestionHolder a {
	width : 195px;
	color : #000;
	display : block;
	margin-left : 2px;
	}

.suggestionHolder a:link, .suggestionHolder a:visited {
	text-decoration : none;
	}

.suggestionHolder a:hover, .suggestionHolder a:active {
	text-decoration : none;
	background : #fefefe;
	}

#suggestionHideSelect {
	z-index : 99;
	position : absolute;
	display : none;
	top : 0px;
	left : 0px;
	width : 203px;
	height : 100px;
	background-color : #fff;
	border : none;
	filter : alpha(opacity=0);
	-moz-opacity : 0;
	opacity : 0;
	}

/* DASHBOARD TABLE LINKS */
#ctl00_ContentPlaceHolder1_businessInfoTable a:link, #ctl00_ContentPlaceHolder1_businessInfoTable a:visited {
	text-decoration : underline;
	}

#ctl00_ContentPlaceHolder1_businessInfoTable a:hover, #ctl00_ContentPlaceHolder1_businessInfoTable.a:active {
	text-decoration : underline;
	}
#ctl00_ContentPlaceHolder1_businessInfoTable .imageCell {
	vertical-align : top;
	}


/* OVERLAY ELEMENTS FOR POPUP ALTERNATIVE */
#windowOverlay {
	position : absolute;
	display : none;
	z-index : 100;
	top : 0px;
	left : 0px;
	background-color : #efefef;
	filter : alpha(opacity=75);
	-moz-opacity : 0.75;
	opacity : 0.75;
	}

#fauxWindow {
	position : absolute;
	display : none;
	background : #fff;
	z-index : 102;
	color : #000;
	display : none;
	border : 2px solid #3e3e3e;
	text-align : center;
	padding : 0px;
	padding-top : 0px;
	}

#windowHideSelect {
	z-index : 99;
	position : absolute;
	display : none;
	top : 0px;
	left : 0px;
	background-color : #fff;
	border : none;
	filter : alpha(opacity=0);
	-moz-opacity : 0;
	opacity : 0;
	}

#fauxWindow a:link, #fauxWindow a:visited {
	text-decoration : none;
	font-weight : bold;
	color : #000;
	}

#fauxWindow a:hover, #fauxWindow a:active {
	text-decoration : none;
	font-weight : bold;
	color : #c6c7c8;
	}

#windowOpHolder {
	visibility : hidden;
	display : none;
	height : 0px;
	width : 0px;
	}

#fauxTop {
	background : #fff;
	background-image : URL(/resources/images/purple.jpg);
	background-repeat : repeat-x;
	font-weight : normal;
	height : 14px;
	min-height : 14px;
	line-height : 14px;
	border : 0px;
	border-bottom : 2px solid #3e3e3e;
	padding : 0px;
	margin : 0px;
	text-align : right;
	vertical-align : middle;
	}

#fauxTopTCF {
	background : #fff;
	background-image : URL(/resources/images/tcf/tcfPurple.jpg);
	background-repeat : repeat-x;
	font-weight : normal;
	height : 20px;
	min-height : 20px;
	line-height : 20px;
	border : 0px;
	border-bottom : 2px solid #3e3e3e;
	padding : 0px;
	margin : 0px;
	text-align : right;
	vertical-align : middle;
	}

#fauxMenu {
	background : #fff;
	background-image : URL(/resources/images/fauxMenuBg.jpg);
	background-repeat : repeat-x;
	font-weight : bold;
	font-size : 12px;
	color : #777;
	height : 40px;
	min-height : 40px;
	line-height : 40px;
	border : 0px;
	border-bottom : 2px solid #9e9f9f;
	padding : 0px;
	padding-left : 20px;
	margin : 0px;
	text-align : left;
	vertical-align : middle;
	}

#fauxMenu img {
	border : 0px;
	padding : 0px;
	margin : 0px;
	}

#fauxFrame {
	overflow : auto;
	width : 920px;
	border : 0px solid #ff0000;
	padding : 0px;
	margin : 0px;
	margin-top : 10px;
	}

#fauxFrameTCF {
	overflow : auto;
	width : 920px;
	border : 0px solid #ff0000;
	padding : 0px;
	margin : 0px;
	margin-top : 5px;
	}

#fauxTabFooter {
	border : 0px solid #ff0000;
	padding : 0px;
	margin : 0px;
	margin-top : 13px;
	}

#tabTable {
	border : 0px;
	margin : 0px;
	padding : 0px;
	}

#tabTable td {
	font-family : arial;
	font-size : 10px;
	background : #9e9f9f;
	background-image : url(/resources/images/tabImages/tabSpacerBg.gif);
	background-repeat : repeat-x;
	border : 0px;
	padding : 0px;
	margin : 0px;
	height : 14px;
	min-height : 14px;
	line-height : 14px;
	vertical-align : middle;
	text-align : center;
	}

#tabTable .selectedLeft {
	width : 10px;
	background-image : url(/resources/images/tabImages/selectedLeft.gif);
	background-repeat : no-repeat;
	}

#tabTable .selectedLeftTop {
	width : 10px;
	background-image : url(/resources/images/tabImages/selectedLeftTop.gif);
	background-repeat : no-repeat;
	}

#tabTable .unSelectedLeft {
	width : 10px;
	background-image : url(/resources/images/tabImages/unSelectedLeft.gif);
	background-repeat : no-repeat;
	}

#tabTable .selectedMid {
	background-image : url(/resources/images/tabImages/selectedMid.gif);
	background-repeat : repeat-x;
	cursor : pointer;
	}

#tabTable .unSelectedMid {
	background-image : url(/resources/images/tabImages/unSelectedMid.gif);
	background-repeat : repeat-x;
	cursor : pointer;
	}

#tabTable .selectedRight {
	width : 16px;
	background-image : url(/resources/images/tabImages/selectedRight.gif);
	background-repeat : no-repeat;
	}

#tabTable .unSelectedRight {
	width : 16px;
	background-image : url(/resources/images/tabImages/unSelectedRight.gif);
	background-repeat : no-repeat;
	}

#tabTable .selectedOverlap {
	width : 16px;
	background-image : url(/resources/images/tabImages/selectedOverlap.gif);
	background-repeat : no-repeat;
	}

#tabTable .unSelectedOverlapToUn {
	width : 16px;
	background-image : url(/resources/images/tabImages/unSelectedOverlapToUn.gif);
	background-repeat : no-repeat;
	}

#tabTable .unSelectedOverlapToSel {
	width : 16px;
	background-image : url(/resources/images/tabImages/unSelectedOverlapToSel.gif);
	background-repeat : no-repeat;
	}


#topTabTable {
	border : 0px;
	margin : 0px;
	padding : 0px;
	}

#topTabTable td {
	font-family : arial;
	font-size : 10px;
	background : #9e9f9f;
	background-image : url(/resources/images/topTabImages/tabSpacerBg.gif);
	background-repeat : repeat-x;
	border : 0px;
	padding : 0px;
	margin : 0px;
	height : 14px;
	min-height : 14px;
	line-height : 14px;
	vertical-align : middle;
	text-align : center;
	}

#topTabTable .selectedLeft {
	width : 10px;
	background-image : url(/resources/images/topTabImages/selectedLeft.gif);
	background-repeat : no-repeat;
	}

#topTabTable .selectedLeftTop {
	width : 10px;
	background-image : url(/resources/images/topTabImages/selectedLeftTop.gif);
	background-repeat : no-repeat;
	}

#topTabTable .unSelectedLeft {
	width : 10px;
	background-image : url(/resources/images/topTabImages/unSelectedLeft.gif);
	background-repeat : no-repeat;
	}

#topTabTable .selectedMid {
	background-image : url(/resources/images/topTabImages/selectedMid.gif);
	background-repeat : repeat-x;
	cursor : pointer;
	}

#topTabTable .unSelectedMid {
	background-image : url(/resources/images/topTabImages/unSelectedMid.gif);
	background-repeat : repeat-x;
	cursor : pointer;
	}

#topTabTable .selectedRight {
	width : 16px;
	background-image : url(/resources/images/topTabImages/selectedRight.gif);
	background-repeat : no-repeat;
	}

#topTabTable .unSelectedRight {
	width : 16px;
	background-image : url(/resources/images/topTabImages/unSelectedRight.gif);
	background-repeat : no-repeat;
	}

#topTabTable .selectedOverlap {
	width : 16px;
	background-image : url(/resources/images/topTabImages/selectedOverlap.gif);
	background-repeat : no-repeat;
	}

#topTabTable .unSelectedOverlapToUn {
	width : 16px;
	background-image : url(/resources/images/topTabImages/unSelectedOverlapToUn.gif);
	background-repeat : no-repeat;
	}

#topTabTable .unSelectedOverlapToSel {
	width : 16px;
	background-image : url(/resources/images/topTabImages/unSelectedOverlapToSel.gif);
	background-repeat : no-repeat;
	}

/* TCF ELEMENTS */
.panHead {
	background-image : url(/resources/images/tcf/purple.jpg);
	background-repeat : repeat-x;
	border-top : 1px solid #000;
	border-bottom : 0px solid #000;
	border-right : 1px solid #000;
	border-left : 1px solid #000;
	padding : 0px;
	margin : 0px;
	text-align : center;
	font-weight : bold;
	font-size : 12px;
	height : 18px;
	min-height : 18px;
	line-height : 18px;
	color : #fff;
	}

.panBody {
	background : #fff;
	border-top : 0px solid #000;
	border-bottom : 1px solid #000;
	border-right : 1px solid #000;
	border-left : 1px solid #000;
	vertical-align : top;
	}

.panTabSel {
	cursor : pointer;
	background-image : url(/resources/images/tcf/panTabBg.jpg);
	background-repeat : repeat-x;
	font-weight : bold;
	width : 110px;
	border : 1px solid #bcbcbc;
	border-bottom : 0px;
	height : 20px;
	min-height : 20px;
	line-height : 20px;
	text-align : center;
	}

.panTabUnSel {
	cursor : pointer;
	background : #d7d7d7;
	width : 110px;
	border : 1px solid #bcbcbc;
	height : 20px;
	min-height : 20px;
	line-height : 20px;
	text-align : center;
	}

.panTabSpacer {
	border : 0px;
	border-bottom : 1px solid #999;
	}

#tbl_circleTable {
	margin-top : 20px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	border : 0px;
	padding : 0px;
	border-collapse : collapse;
	}

#tbl_timetable {
	width: 340px;
	height : 235px;
	min-height : 235px;
	margin-top : 20px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	padding : 0px;
	border : 0px;
	border-collapse : collapse;
	}

#tbl_overview {
	width: 340px;
	height : 200px;
	min-height : 200px;
	margin-top : 20px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	padding : 0px;
	border : 0px;
	border-collapse : collapse;
	}

#tbl_overviewHolder {
	width : 317px;
	height : 160px;
	min-height : 160px;
	border : 0px solid #ff0000;
	margin-top : 10px;
	margin-left : 10px;
	border-collapse : collapse;
	}

.tcfReportTable {
	border : 0px;
	border-collapse : collapse;
	padding : 0px;
	margin : 0px;
	margin-left : auto;
	margin-right : auto;
	}

.tcfReportTable td {
	border : 0px solid #e0e0e0;
	border-top : 1px solid #e0e0e0;
	border-bottom : 1px solid #e0e0e0;
	margin : 0px;
	padding : 0px;
	padding-top : 3px;
	padding-bottom : 3px;
	}

.tcfReportTable .noBorder {
	border : 0px solid #e0e0e0;
	margin : 0px;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	}

.tcfReportTable .headBorder {
	border : 1px solid #e0e0e0;
	margin : 0px;
	padding : 0px;
	padding-top : 3px;
	padding-bottom : 3px;
	font-weight : bold;
	text-align : center;
	}

.tcfReportTable .headNoBorder {
	border : 0px solid #e0e0e0;
	margin : 0px;
	padding : 0px;
	padding-top : 3px;
	padding-bottom : 3px;
	font-weight : bold;
	text-align : center;
	}

.tcfReportTable .spacer {
	border : 0px solid #e0e0e0;
	margin : 0px;
	padding : 0px;
	padding-top : 3px;
	padding-bottom : 3px;
	}


/* V2 POS STYLES */
#holdingTable {
	background : #fff;
	margin : 0px;
	margin-top : 10px;
	padding : 0px;
	border : 1px solid #666;
	border-collapse : collapse;
	z-index : 0;
	}

#holdingTable td {
	background : #fff;
	padding : 0px;
	margin : 0px;
	border : 0px;
	vertical-align : top;
	z-index : 0;
	}

#holdingTable .topCell {
	background : #8b8c8c;
	border-bottom : 1px solid #666;
	color : #fff;
	font-weight : bold;
	height : 30px;
	min-height : 30px;
	vertical-align : middle;
	z-index : 0;
	}

#holdingTable .botCell {
	background : #dfe0e0;
	color : #000;
	font-weight : bold;
	height : 30px;
	min-height : 30px;
	vertical-align : middle;
	text-align : center;
	z-index : 0;
	}

#holdingTable .sectionHead {
	margin : 0px;
	padding : 0px;
	text-indent : 10px;
	font-weight : bold;
	vertical-align : middle;
	height : 30px;
	min-height : 30px;
	color : #000;
	z-index : 0;
	}

#holdingTable .holderDiv {
	border : 1px solid #ababab;
	width : 680px;
	margin : 0px;
	margin-left : auto;
	margin-right : auto;
	padding : 5px;
	overflow : hidden;
	}

#holdingTable .filesHolder {
	border : 0px solid #00ff00;
	padding : 0px;
	margin-top : 5px;
	margin-bottom : 5px;
	margin-left : auto;
	margin-right : auto;
	line-height : 18px;
	width : 660px;
	height : 90px;
	min-height : 90px;
	overflow : auto;
	}

#holdingTable .objectivesCell {
	background : #dfe0e0;
	padding-top : 10px;
	z-index : 0;
	}

#holdingTable .objectivesCell .objHead {
	margin : 0px;
	margin-left : 10px;
	padding : 0px;
	font-weight : bold;
	color : #000;
	z-index : 0;
	}

#holdingTable .objectivesCell #ctl00_ContentPlaceHolder1_objPanelHolder {
	border : 0px solid #ff0000;
	padding : 0px;
	margin : 0px;
	height : 320px;
	min-height : 320px;
	overflow : auto;
	z-index : 0;
	}

#holdingTable .objPanel {
	border : 0px solid #ff0000;
	margin : 0px;
	margin-left : 10px;
	margin-top : 10px;
	z-index : 0;
	}

#holdingTable .objPanHolder {
	background : #dfe0e0;
	border : 0px solid #0000ff;
	padding : 0px;
	margin : 0px;
	z-index : 0;
	}

#holdingTable .objPanHolder .objPanBlankCell {
	background : #dfe0e0;
	border : 0px;
	padding : 0px;
	margin : 0px;
	font-weight : normal;
	color : #666;
	font-size : 12px;
	vertical-align : middle;
	z-index : 0;
	}

#holdingTable .objPanHolder .objPanBlankCell a:link, a:visited {
	color : #666;
	text-decoration : underline;
	}

#holdingTable .objPanHolder .objPanBlankCell a:hover, a:active {
	color : #000;
	text-decoration : underline;
	}

#holdingTable .objPanTarget {
	background : #fff;
	border : 1px dashed #666;
	margin : 0px;
	padding : 5px;
	height : 100px;
	min-height : 100px;
	overflow : auto;
	z-index : 0;
	width : 243px; 
	voice-family : "\"}\""; 
	voice-family : inherit;
	width : 243px;
	}

#holdingTable .objPanTargetLocked {
	background : #f1f1f1;
	border : 1px dashed #666;
	margin : 0px;
	padding : 5px;
	height : 100px;
	min-height : 100px;
	overflow : auto;
	z-index : 0;
	width : 243px; 
	voice-family : "\"}\""; 
	voice-family : inherit;
	width : 243px;
	}

#holdingTable .addObjHolder {
	background : #dfe0e0;
	border : 0px solid #00ff00;
	padding : 0px;
	margin : 0px;
	margin-left : 10px;
	margin-top : 5px;
	margin-bottom : 5px;
	border-collapse : collapse;
	height : 25px;
	min-height : 25px;
	z-index : 0;
	}

#holdingTable .addObjHolder td {
	background : #dfe0e0;
	border : 0px;
	padding : 0px;
	margin : 0px;
	color : #666;
	z-index : 0;
	}

#holdingTable .elementsCell {
	background : #fff;
	padding-top : 10px;
	z-index : 0;
	}

#holdingTable .elementsCell #ctl00_ContentPlaceHolder1_elPanelHolder {
	border : 0px solid #00ff00;
	padding : 0px;
	margin : 0px;
	margin-left : auto;
	margin-right : auto;
	width : 420px;
	height : 335px;
	min-height : 335px;
	overflow : auto;
	z-index : 0;
	}

#holdingTable .elHolder {
	border : 0px solid #0000ff;
	padding : 0px;
	margin : 0px;
	margin-bottom : 20px;
	z-index : 0;
	}

#holdingTable .elPanel {
	background : #f1f1f1;
	border : 0px solid #00ff00;
	padding : 0px;
	margin : 0px;
	margin-left : 10px;
	margin-top : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	line-height : 17px;
	z-index : 0;
	}
	
#recTableHead {
	border : 0px solid #0000ff;
	padding : 0px;
	margin : 0px;
	border-collapse : collapse;
	}

#recTableHead td {
	background : #dfe0e0;
	border : 1px solid #ababab;
	padding : 0px;
	margin : 0px;
	line-height : 25px;
	vertical-align : middle;
	font-weight : bold;
	}

#ctl00_ContentPlaceHolder1_recTableHolder {
	border : 0px solid #ff0000;
	overflow : auto;
	height : 110px;
	}

#ctl00_ContentPlaceHolder1_recTableHolder .recTable {
	border : 0px solid #0000ff;
	padding : 0px;
	margin : 0px;
	border-collapse : collapse;
	}

#ctl00_ContentPlaceHolder1_recTableHolder .recTable td {
	border : 0px;
	padding : 0px;
	margin : 0px;
	line-height : 25px;
	vertical-align : middle;
	}

#ctl00_ContentPlaceHolder1_recTableHolder .recTable .recTableHead {
	border : 1px solid #ababab;
	background : #dfe0e0;
	font-weight : bold;
	}

#ctl00_ContentPlaceHolder1_recTableHolder .detailHolder {
	background : #f1f1f1;
	border : 0px dashed #ff0000;
	width : 640px;
	margin-top : 2px;
	margin-bottom : 2px;
	margin-left : auto;
	margin-right : auto;
	line-height : 20px;
	}

#ctl00_ContentPlaceHolder1_recTableHolder .detailList {
	clear : none;
	width : 550px;
	float : left;
	margin-left : 5px;
	}

#ctl00_ContentPlaceHolder1_recTableHolder .detailButton {
	width : 62px;
	float : right;
	margin-top : 2px;
	margin-right : 5px;
	}

.removeButton {
      background : none;
      font-size : 90%;
      font-weight : normal;
      color : #000;
      border : none;
      margin-top : 4px;
      width : 10px;
      voice-family: "\"}\"";
      voice-family: inherit;
      text-decoration : none ;
      cursor : pointer;
      }

#topNavPaneLite {
	background : #dfe0e0;
	border : 1px solid #dfe0e0; /*BLOODY IE8!!!*/
	color : #000;
	margin : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 10px;
	padding-right : 10px;
	}

#topNavPaneLite .topNavTable {
	border : 0px;
	border-collapse : collapse;
	margin : 5px;
	padding : 0px;
	}

#topNavPaneLite .topNavTable td {
	border : 0px;
	font-size : 12px;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
	line-height : 25px;
	vertical-align : middle;
	}

.largeIconHolder {
	border : 0px;
	border-collapse : collapse;
	margin : 0px;
	padding : 0px;
	}

.largeIconHolder td {
	font-size : 24px;
	vertical-align : top;
	cursor : pointer;
	}

.largeIconHolder .largeTextCell {
	padding : 0px;
	padding-top : 23px;
	font-weight : bold;
	}

.largeIconHolder .largeIconCell {
	border : 0px solid #00ff00;
	width : 90px;
	height : 80px;
	text-align : center;
	vertical-align : top;
	}

.largeIconHolder a:link, .largeIconHolder a:visited {
	text-decoration : none;
	color : #000;
	}

.largeIconHolder a:hover, .largeIconHolder a:active {
	text-decoration : none;
	color : #333;
	}

.mediumIconHolder {
	border : 0px;
	border-collapse : collapse;
	margin : 0px;
	padding : 0px;
	}

.mediumIconHolder td {
	font-size : 14px;
	vertical-align : top;
	cursor : pointer;
	}

.mediumIconHolder .mediumTextCell {
	padding : 0px;
	padding-top : 10px;
	font-weight : bold;
	}

.mediumIconHolder .mediumIconCell {
	border : 0px solid #00ff00;
	width : 38px;
	height : 44px;
	text-align : center;
	vertical-align : top;
	}

.mediumIconHolder a:link, .mediumIconHolder a:visited {
	text-decoration : none;
	color : #000;
	}

.mediumIconHolder a:hover, .mediumIconHolder a:active {
	text-decoration : none;
	color : #333;
	}

/* ASSOCIATED CLIENTS TABLE */
.assClientTable {
	border : 1px solid #797979;
	border-collapse : collapse;
	margin : 0px;
	margin-top : 15px;
	padding : 0px;
	margin-left : auto;
	margin-right : auto;
	}

.assClientTable td {
	background : #dfe0e0;
	border : 1px solid #797979;
	padding : 3px;
	}

.assClientTable .headerCell {
	background : #b3b4b5;
	font-weight : bold;
	text-align : left;
	}

.assClientTable .nameCell {
	border : 0px;
	text-align : left;
	text-indent : 10px;
	line-height : 25px;
	vertical-align : middle;
	width : 250px;
	}

.assClientTable .nameCell a:link, .assClientTable .nameCell a:visited {
	text-decoration : underline;
	color : #000;
	}

.assClientTable .nameCell a:hover, .assClientTable .nameCell a:active {
	text-decoration : underline;
	color : #333;
	}

.assClientTable .ffCell {
	border : 0px;
	text-align : center;
	line-height : 25px;
	vertical-align : middle;
	width : 50px;
	}

.assClientTable .addCell {
	border : 0px;
	text-align : right;
	line-height : 25px;
	vertical-align : middle;
	}

/* STUB MENU STYLING */
#stubMenu {
	border : 1px solid #999;
	background : #e7e8e8;
	background-image : url(/resources/images/lite/stubMenuBg.jpg);
	background-repeat : repeat-y;
	width : 200px;
	position : absolute;
	top : -1000px;
	left : -1000px;
	visibility : hidden;
	z-index : 1000;
	}

#ctl00_ContentPlaceHolder1_stubMenu_stubTable {
	border : 0px;
	border-collapse : collapse;
	padding : 0px;
	margin-top : 0px;
	margin-bottom : auto;
	margin-left : 18px;
	margin-right : auto;
	width : 182px;
	}

#ctl00_ContentPlaceHolder1_stubMenu_stubTable td {
	border : 0px;
	padding : 0px;
	padding-top : 4px;
	padding-bottom : 4px;
	margin : 0px;
	text-indent : 5px;
	font-size : 11px;
	cursor : pointer;
	}

#ctl00_ContentPlaceHolder1_stubMenu_stubTable .normalTD {
	background : #e7e8e8;
	color : #000;
	}

#ctl00_ContentPlaceHolder1_stubMenu_stubTable .hoverTD {
	background : #c6c7c8;
	}

/* TAB STUB MENU STYLING */
#tabStubMenu {
	border : 1px solid #999;
	background : #e7e8e8;
	background-image : url(/resources/images/lite/stubMenuBg.jpg);
	background-repeat : repeat-y;
	width : 200px;
	position : absolute;
	bottom : -1000px;
	left : -1000px;
	visibility : hidden;
	display : none;
	z-index : 1000;
	}

#tabStubMenu_tabStubTable {
	border : 0px;
	border-collapse : collapse;
	padding : 0px;
	margin-top : 0px;
	margin-bottom : auto;
	margin-left : 18px;
	margin-right : auto;
	width : 182px;
	}

#tabStubMenu_tabStubTable td {
	border : 0px;
	padding : 0px;
	padding-top : 4px;
	padding-bottom : 4px;
	margin : 0px;
	text-indent : 5px;
	font-size : 11px;
	cursor : pointer;
	}

#tabStubMenu_tabStubTable .normalTD {
	background : #e7e8e8;
	color : #000;
	}

#tabStubMenu_tabStubTable .hoverTD {
	background : #c6c7c8;
	}





/* CALENDAR STUFF FOR LITE VERSION */
.calModLeftPane {
	width : 200px;
	float : left;
	margin : 0px;
	margin-bottom : 0px;
	font-weight : normal;
	font-size : 10px;
	}

.calModLeftPane a:link, .calModLeftPane a:visited {
	font-weight : normal;
	text-decoration : none;
	color : #000;
	cursor : pointer;
	}

.calModLeftPane a:hover, .calModLeftPane a:active {
	font-weight : normal;
	text-decoration : none;
	color : #c6c7c8;
	cursor : pointer;
	}

#calModTopDisplayLite {
	background : #807ca0;
	border : 2px solid #9e9f9f;
	height : 15px;
	min-height : 15px;
	float : left;
	overflow : hidden;
	width : 754px;
	padding : 0px;
	margin : 0px;
	margin-top : 10px;
	margin-left : 10px;
	text-align : center;
	vertical-align : middle;
	font-weight : bold;
	color : #fff;
	}


/* FULL DAY ITEMS */
.fullDayApp {
	background : #ffe0e0;
	border : 2px solid #ffb8b8;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayAppHover {
	background : #ffb8b8;
	border : 2px solid #ffb8b8;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayClient {
	background : #c3d6f7;
	border : 2px solid #93b7f6;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayClientHover {
	background : #93b7f6;
	border : 2px solid #93b7f6;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayAdviser {
	background : #cce6c3;
	border : 2px solid #9cde81;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayAdviserHover {
	background : #9cde81;
	border : 2px solid #9cde81;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayTask {
	background : #d0cae6;
	border : 2px solid #b1a3e3;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

.fullDayTaskHover {
	background : #b1a3e3;
	border : 2px solid #b1a3e3;
	text-align : left;
	font-weight : normal;
	vertical-align : middle;
	width : 615px;
	height : 25px;
	}

/* OVERDUE ELEMENTS */
.overdueListTask {
	background : #d0cae6;
	border : 2px solid #b1a3e3;
	margin : 4px;
	padding : 3px;
	}

.overdueListTaskHover {
	background : #b1a3e3;
	border : 2px solid #b1a3e3;
	margin : 4px;
	padding : 3px;
	}

.overdueListClient {
	background : #c3d6f7;
	border : 2px solid #93b7f6;
	margin : 4px;
	padding : 3px;
	}

.overdueListClientHover {
	background : #93b7f6;
	border : 2px solid #93b7f6;
	margin : 4px;
	padding : 3px;
	}

.overdueListAdviser {
	background : #cce6c3;
	border : 2px solid #9cde81;
	margin : 4px;
	padding : 3px;
	}

.overdueListAdviserHover {
	background : #9cde81;
	border : 2px solid #9cde81;
	margin : 4px;
	padding : 3px;
	}




