/* General styles for screen layout */


/* Styles for all elements */

body.ContentPage
{
	margin: 0px;
	padding: 0px;
	background-color: white;
}

body.ContentArea
{
	margin: 0px;
	padding: 0px;
	background-color: white;
}


/* Layout for standard list/detail display */

table.ListContentLayout
{
	width: 100%;
	background-color: white;
}

td.ListContentLayoutListColumn
{
	width: 455px;
	height: 475px;
	vertical-align: top;
	text-align: left;
	background-color: white;
}

td.ListContentLayoutListColumnWide
{
	width: 575px;
	height: 475px;
	vertical-align: top;
	text-align: left;
	background-color: white;
}

td.ListContentLayoutContentColumn
{
	width: auto;
	height: 665px;
	vertical-align: top;
	text-align: left;
	background-color: white;
}

iframe.ListContentLayoutListColumn
{
	border-width: 0px;
	height: 495px;
	width: 100%;
	background-color: white;
}

iframe.ListContentLayoutContentColumn
{
	border-width: 0px;
	height: 665px;
	width: 100%;
	background-color: white;
}

iframe.PopupContentLayoutContentColumn
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}


/* Layout for list/detail content displayed vertically */

table.VerticalListContentLayout
{
	width: 100%;
	background-color: white;
}

td.VerticalListContentLayoutListArea
{
	width: 100%;
	height: 145px;
	vertical-align: top;
	text-align: left;
	background-color: white;
}

td.VerticalListContentLayoutContentArea
{
	width: 100%;
	height: 520px;
	vertical-align: top;
	text-align: left;
	background-color: white;
}

iframe.VerticalListContentLayoutListArea
{
	border-width: 0px;
	height: 145px;
	width: 100%;
	background-color: white;
}

iframe.VerticalListContentLayoutLongerListArea
{
	border-width: 0px;
	height: 175px;
	width: 100%;
	background-color: white;
}

iframe.VerticalListContentLayoutContentArea
{
	border-width: 0px;
	height: 520px;
	width: 100%;
	background-color: white;
}


/* Screen layouts for title bars over a list only (not spanning list and detail) */


/* Title bar table layout */

table.ListLayoutTitle
{
	background-color: white;
	width: 100%;
}

/* Column layouts for a title and button bar */

td.ListLayoutTitle
{
	width: 50%;
}

td.ListLayoutButtonBar
{
	width: 50%;
	text-align: right;
	vertical-align: middle;
}

/* Column layouts for a title, combo box, and button bar */

td.ListLayoutTitleWithCombo
{
	width: 35%;
}

td.ListLayoutComboBox
{
	width: 35%;
	text-align: center;
	vertical-align: middle;
}

td.ListLayoutButtonBarWithCombo
{
	width: 40%;
	text-align: right;
	vertical-align: middle;
}


/* Screen layouts for title bars over a list and detail display */


/* Title bar table layout */

table.ListContentLayoutTitle
{
	background-color: white;
	width: 100%;
}


/* Column layouts for a title and button bar */

td.ContentLayoutTitle
{
	width: 210px;
}

td.ContentLayoutButtonBar
{
	width: 215px;
	text-align: right;
	vertical-align: middle;
}

td.ContentLayoutInfoTitle
{
	width: auto;
}

/* Title bar table layout with combo box, toolbar buttons and search box */

td.ContentLayoutTitleFourColumn
{
	width: 125px;
}

td.ContentLayoutComboBoxFourColumn
{
	width: 15%;
	text-align: left;
	vertical-align: middle;
}

td.ContentLayoutButtonBarFourColumn
{
	width: 15%;
	text-align: right;
	vertical-align: middle;
}

td.ContentLayoutSearchBoxFourColumn
{
	width: auto;
	text-align: left;
	vertical-align: middle;
}


/* Column layouts for a title, combo box, and button bar */

td.ContentLayoutTitleWithCombo
{
	width: 125px;
}

td.ContentLayoutComboBox
{
	width: 125px;
	text-align: center;
	vertical-align: middle;
}

td.ContentLayoutButtonBarWithCombo
{
	width: 175px;
	text-align: right;
	vertical-align: middle;
}


/* Replacement for ContentLayoutInfoTitle to lay out search field, button */

td.ContentLayoutInfoSearchTag
{
	width: 125px;
	text-align: right;
	vertical-align: middle;
}

td.ContentLayoutInfoSearchBox
{
	width: 200px;
	text-align: left;
	vertical-align: middle;
}

td.ContentLayoutInfoSearchButton
{
	width: auto;
	text-align: left;
	vertical-align: middle;
}


/* Info (Content) screen layouts */

table.ContentLayout
{
	width: 100%;
	background-color: white;
}

fieldset
{
	border: 1px solid gray;
	padding-bottom: 10px;
}

td.ContentLayoutRow
{
	text-align: center;
	width: 100%;
	background-color: white;
}


/* Frame display of Content/Details without table */

iframe.ContentLayout
{
	border-width: 0px;
	height: 500px;
	width: 100%;
	background-color: white;
}


/* Layout for formatting each row within the each ContentLayoutRow */

table.ContentLayoutRowTable
{
	width: 100%;
}


/* Layout for a stand-alone labels/controls */

td.LabelOverControl
{
	width: 25%;
	text-align: left;
	vertical-align: middle;
}

td.StandAloneControl
{
	width: 25%;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
}


/* Standard formats for displaying one data field (with tag) on row in content layout */

td.ContentFieldLabelOneColumn
{
	width: 20%;
	text-align: right;
	vertical-align: middle;
}

td.ContentFieldOneColumn
{
	width: 80%;
	text-align: left;
	vertical-align: middle;
}

td.ContentFieldLabelOneColumnMultiLine
{
	width: 20%;
	text-align: right;
	vertical-align: top;
}

td.ContentFieldOneColumnMultiLine
{
	width: 80%;
	text-align: left;
	vertical-align: top;
}

td.ContentFieldOneColumnMemo
{
	width: 100%;
	text-align: left;
	vertical-align: top;
	padding-left: 3%;
}

td.ContentFieldLabelTitleOneColumn
{
	width: 100%;
	text-align: left;
	vertical-align: middle;
}



/* Standard formats for displaying two data field (with tags) on row in content layout */

td.ContentFieldLabelTwoColumn
{
	width: 20%;
	text-align: right;
	vertical-align: middle;
}

td.ContentFieldTwoColumn
{
	width: 30%;
	text-align: left;
	vertical-align: middle;
}

td.ContentFieldLabelThreeColumn
{
	width: 20%;
	text-align: right;
	vertical-align: middle;
}

td.ContentFieldThreeColumn
{
	width: 13.33%;
	text-align: left;
	vertical-align: middle;
}

td.ContentFieldLabelTwoColumnMultiLine
{
	width: 20%;
	text-align: right;
	vertical-align: top;
}

td.ContentFieldTwoColumnMultiLine
{
	width: 30%;
	text-align: left;
	vertical-align: top;
}

td.ContentFieldTwoColumnCalendar
{
	width: 30%;
	text-align: left;
	vertical-align: middle;
}


/* Special content entries */

/* Format for special blank separator row */

td.ContentSeparatorRow
{
	height: 10px;
}

/* Format for "* indicates required field" entry */

td.ContentRequiredFieldLabel
{
	width: 100%;
	padding-left: 10%;
	vertical-align: bottom;
}

/* Format for validation failed entry */

td.ContentValidationFieldLabel
{
	width: 100%;
	padding-left: 5%;
	vertical-align: bottom;
}


/* Table layout for calendar control in content layout */

table.ContentFieldCalendar
{
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
}

td.ContentFieldCalendar
{
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
}


/* Command button layouts */

td.OneButtonField
{
	width: 100%;
	text-align: center;
}

td.TwoButtonFieldLeft
{
	width: 50%;
	text-align: right;
	padding-right: 5%;
}

td.TwoButtonFieldRight
{
	width: 50%;
	text-align: left;
	padding-left: 5%;
}

td.ThreeButtonFieldLeft
{
	width: 33%;
	text-align: right;
	padding-right: 5%;
}

td.ThreeButtonFieldCenter
{
	width: 33%;
	text-align: center;
}

td.ThreeButtonFieldRight
{
	width: 33%;
	text-align: left;
	padding-left: 5%;
}


/* Styles for table containing a NavBar control */

td.NavBarControl
{
	width: 30%;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
}

td.NavBarContent
{
	width: 70%;
	text-align: left;
	vertical-align: top;
}


/* Hyperlink style */

a.Standard
{
	font-family: Verdana, Tahoma, Papyrus, OMR, Ravie;
	font-size: 12px;
}


/* steve To Check! */


div.ListContentLayoutListColumn
{
	float: left;
	width: 50%;
}

div.ListContentLayoutContentColumn
{
	float: right;
	width: 50%;
}

div.PopupContentLayoutContentColumn
{
	position: absolute;
	left: 0;
	top: 0;
	right: 10px;
	bottom: 10px;
	margin: 0;
	padding: 0;
}


/* Styles for table containing a Snap control */

table.SnapContent
{
	border: 0px;
	padding: 0px;
	width: 90%;
}

td.SnapContentBox
{
	padding-top: 0px;
	cursor: grab;
	background-color: #ff9966;
	width: 3%;
}

td.SnapContentTitle
{
	width: 97%;
	vertical-align: top;
}


/* Styles for Selection Pages title bar */

td.ContentFieldLabelSelectionPage
{
	width: 10%;
	text-align: right;
	vertical-align: middle;
}

td.ContentFieldSelectionPage
{
	width: 20%;
	text-align: left;
	vertical-align: middle;
}

td.ContentLayoutButtonBarSelectionPage
{
	width: 75px;
	text-align: right;
	vertical-align: middle;
}