/* Page/Wizard Tabular List */
#pageTop .tabularList, #pageTop .tabularListBottom, #pageTop .tabularListFooter,
#pageTop .tabularListWizard,
#wizardTop .tabularList, #wizardTop .tabularListBottom, #wizardTop .tabularListFooter,
.col3Top .tabularList, .col3Top .tabularListBottom, .col3Top .tabularListFooter
{
	float: left;
	width: 585px;
}


#pageTop .tabularList div, #pageTop .tabularListBottom div,
#wizardTop .tabularList div, #wizardTop .tabularListBottom div,
.col3Top .tabularList div, .col3Top .tabularListBottom div
{
	width: 583px;
	float: left;
	padding: 0 1px 0 1px;
}
#pageTop .tabularListWizard div
{
	width: 583px;
	float: left;
	padding: 0 1px 0 1px;
}
#pageTop .tabularList div .tabularListRow,
#pageTop .tabularListWizard div .tabularListRow,
#wizardTop .tabularList div .tabularListRow,
.col3Top .tabularList div .tabularListRow
{
	float: left;
	width: 555px;
	padding: 7px 5px 7px 5px;
}
.tabularListRow table td
{
	vertical-align: top;
}

#pageTop .tabularList div .tabularListRow p,
#wizardTop .tabularList div .tabularListRow p,
.col3Top .tabularList div .tabularListRow p
{
	padding: 0;
}
#pageTop .tabularList div .tabularListRow input
{
	vertical-align: middle;
	border: 0;
}

/* Fix nested DIV's inside tabular lists, buttons etc. */
#pageTop .tabularList div div, #pageTop .tabularListBottom div div,
#pageTop .tabularListWizard div div,
#wizardTop .tabularList div div, #wizardTop .tabularListBottom div div,
.col3Top .tabularList div div, .col3Top .tabularListBottom div div
{
	width: auto;
	background-image: none;
}

/* Fix right aligned position of buttons inside forms */
.tabularList .buttonRow,
.tabularListWizard .buttonRow
{
	padding-right: 15px !important;
	width: 570px !important;
	background-color: #f00;
}
#pageTop .tabularListFooter,
#wizardTop .tabularListFooter,
.col3Top .tabularListFooter
{
	display: block;
	height: 7px;
	font-size: 0;
	margin-bottom: 14px;
}

/* Column Page Left column table */
#columnPageLeft .tabularList, #columnPageLeft .tabularListBottom, #columnPageLeft .tabularListFooter
{
	float: left;
	width: 380px;
}
#columnPageLeft .tabularList div, #columnPageLeft .tabularListBottom div
{
	float: left;
	width: 378px;
	padding: 0 1px 5px 1px;
}
#columnPageLeft .tabularListFooter
{
	display: block;
	height: 7px;
	font-size: 0;
	margin-bottom: 14px;
}

/* Column division fixes for IE5.5 and IE6 that are hidden from IE5-mac \*/
* html .tabularList				{ margin-right: -3px; }
/* End IE5/mac hide */

/* Tabular List Cells */
.callSheet
{
	float: left;
}
.callSheet th
{
	text-align: left;
	padding: 0;
}
.callSheet th p
{
	float: left;
	padding: 4px 2px 3px 6px;
}
.callSheet th a
{
	display: block;
	padding: 4px 2px 3px 6px;
	height: 15px;
	text-decoration: none;
}
.callSheet th a:hover
{
	text-decoration: none;
}
.callSheet td
{
	padding: 3px 4px 2px 4px !important;
}
.smallText tr td
{
	font-size: 10px !important;
}
.tabularList input, select
{
	padding: 1px 5px 1px 5px;
	font-size: 11px;
}
.tabularList .chkBox input
{
	border: 0 !important;
}

/* Custom Classes Often used in Tabular Lists */
.noBorder
{
	border: 0 !important;
}
.middle, .middle input, .middle select
{
	vertical-align: middle !important;
}
.top
{
	vertical-align: top !important;
}
.top p
{
	padding: 2px 0 0 0;
}
.top input
{
	vertical-align: middle;
}

/* Hard coded widths for tables used in tabular lists and Wizards */
.labelCell
{
	width: 114px;
	font-weight: bold;
	text-align: right;
}
.inputCell
{
	width: 193px;
}
.textCell
{
	width: 280px;
	font-size: 11px !important;
}
.textCell .buttonRight
{
	margin-right: 10px;
}
.inputTextCell
{
	width: 462px;
}
.inputCell input
{
	vertical-align: top;
}
.callSheet .number
{
	width: 20px;
}
.callSheet .question
{
	width: 210px;
	padding-right: 10px;
}
.callSheet .fact
{
	width: 100px;
	padding-right: 10px;
}
.callSheet .action
{
	width: 280px;
}
.callSheet .explanation
{
	width: 240px;
	font-size: 11px;
}


/* Add Contacts Specific Styles*/
.addContact
{
	margin-top: 24px;
}
.addContact .buttonRight
{
	margin-right: 7px;
}
.addContact table
{
	width: 370px;
}
.addContact table td
{
	padding: 3px 4px 2px 4px !important;
}
.labelAddCell
{
	font-weight: bold;
	text-align: right;
	width: 80px;
	border: 0 !important;
}
.inputAddCell
{
	width: 190px;
	border: 0 !important;
}
.textAddCell
{
	width: 150px;
	white-space: nowrap;
	font-size: 11px;
	border: 0 !important;
}

/* Pagination for Tabular Lists */
.pagination td
{
	border: 0;
}
.pagination td table
{
	width: 300px;
	margin: 0 auto;
}
.pagination td td
{
	width: 25%;
}

/* Custom column widths for DOM generated table */
td.outlookCheck			{ width: 12px; }
td.outlookName			{ width: 140px; }
td.outlookName input	{ width: 110px; }
td.outlookPhone 		{ width: 210px; }
td.outlookPhone select	{ width: 200px; }
td.outlookPhone input	{ width: 180px; }
td.outlookEmail			{ width: 210px; }
td.outlookEmail	select	{ width: 200px; }
td.outlookEmail	input	{ width: 180px; }

/* White Boxes with Grey corners used to explain icons */
.contentBottom
{
	float: left;
	width: 585px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.contentTop
{
	float: left;
	width: 555px;
	padding: 15px;
	background-position: top;
	background-repeat: no-repeat;
}
.contentBottom table td
{
	padding: 3px 7px 4px 7px;
}
.contentBottom table td p
{
	padding: 0;
	font-size: 11px;
}

/* Ugly hack to solve nested form elements for IE6/IE7 */
.ie7Fix
{
	font-size: 0;
	height: 0;
	float: none;
}

/* Overflow hidden forced on longer textual content in call history */
span.overflow-hidden
{
	overflow: hidden;
	width: auto;
	height: 14px;
	display: block;
}