/* _lcid="1045" _version="4.0.0"
    _LocalBinding */

/* Solutions.css  */
/* Variant: "main".  This has a plain background for FormHeading. The other variants (person, doc, response) have icon backgrounds. */

* {
	font-family:		Verdana, sans-serif;
}

BODY {
	overflow-y:			auto;
	overflow-x:			hidden;
	background:			#D9CCF7;
	margin:				4px;
}

FORM {
	width:				100%;
	height:				100%;
	background:			#F6F3FB;
}

.formHeading {
	background-image:	url(Solutions/Main.gif);
	background-repeat:	repeat-x;
	height:				40px;
	padding-left:		8px;
	padding-top:		8px;
	font-size:			16pt;
	font-weight:		bold;
	white-space: 		nowrap;
}

#HeadingTable
{
	background:			#D9CCF7;
	border-bottom:		solid 2px #D9CCF7;
}

#HeadingTable TD {
	padding-right:		0px;
}

#FieldsTable {
	border:				solid 8px #F6F3FB;
}


FONT, .staticText, .fieldLabel {
	font-size:			85%;
	line-height:		1.8em;
}

.textareaPreview, .inputPreview, .selectPreview {
	font-size:			100%;
	line-height:		1.35em;
}

.sectionHeading {
	font-size:			120%;
	color:				#967EBC;
	padding-bottom:		2px;
	padding-top:		7px;
}

HR {
	color:				#967EBC;
}



TABLE {
	padding: 			0px;
	width:				100%;
	border-collapse:	collapse;
}



TD {
	padding:			0px;
	padding-right:		6px;
	padding-bottom:		1px;
	font-size:			80%;
}



/* field-group of class stdButtonBar will display at top right of the form - use for action-buttons */

.stdButtonBar {
	position:			absolute;
	top:				0px;
	right:				-10px;
	height:				43px;
	padding-top:		10px;
	padding-right:		20px;
	padding-left:		5px;
}


/* other handy general-purpose classnames */

.boldface * {
	font-weight:		bold !important;
}
.italic * {
	font-style:			italic !important;
}
.bigtext * {
	font-size:			1.3em !important;
}
.bigbold * {
	font-size:			1.3em !important;
	font-weight:		bold !important;
}
.smalltext * {
	font-size:			0.7em !important;
}
.boldtabs .activeTab {
	font-weight:		bold !important;
}
.boldtabs .inactiveTab {
	font-weight:		bold !important;
}


/* Use the classname 'readonly' to set background of read-only input fields to form-background-color */

.readonly .text, .readonly TEXTAREA, .readonly OPTION {
	background:			#F6F3FB;
}


/* textarea shouldn't have a scrollbar unless it's got lots of content */

TEXTAREA {
	border:				solid 1px #CCCCCC;
	background-color:	#FFFFFF;
	overflow:			auto;
}

INPUT.text {
	margin-top:			0px;
	border:				solid 1px #CCCCCC;
	background-color:	#FFFFFF;
}


/* buttons */

.button, .dateButton, .customButton {
	cursor: 			hand;
	text-align:			center;
	vertical-align:		top;
	font-size:			85%;
	color:				#000000;
}

.button {
	padding-left:		5px;
	padding-right:		5px;
}

.dateButton {
	height:				21px;
	margin-left:		2px;
}

.customButton {
	height:				21px;
	margin-left:		2px;
	font-size:			85%;
}


/* tab groups */

.activeTab, .inactiveTab {
	color:				#000000;
	margin:				0px;
	cursor:				default;
	padding:			4px 10px 4px 18px;
	position:			relative;
	bottom:				-2;
	border-top:			1px solid #CCCCCC;
	border-right:		1px solid #CCCCCC;
	border-left:		1px solid #CCCCCC;

}

.activeTab {
	background-color:	#EBE3FB;
	border-bottom:		solid 1px #EBE3FB;
}

.inactiveTab {
	cursor:				hand;
	background-color:	#F6F3FB;
	border-right:		1px solid #CCCCCC;
	border-bottom:		1px solid #CCCCCC;  
}

.tabContents {
	background-color:	#EBE3FB;
	border:				1px solid #CCCCCC;
	border-right:		1px solid #CCCCCC;
}

.tabContents TABLE {
	width:				99%;
}

.tabContents TD {
	padding:			3px;
}


/* Attachments, richtext embedded objects */

OBJECT {
	margin-top:			0px;
}


/* special handling for attachments-type fields of class "fullwidth":
   - make 100% width
   - hide when printing
*/

@media print {
	.fullwidth OBJECT {
		display:		none;
	}
}

.fullwidth OBJECT {
	width:				100%;
}


/* richtext- and attachments-field buttons with styling */

.commandbar {
	margin: 			0px;
	border-left:		solid 1px #D1D1D1;
	border-top:			solid 1px #D1D1D1;
	border-right:		solid 1px #D1D1D1;
	border-bottom: 		none;
}

.commandbar * {
	background-color:	#EFEFEF;
}

.command{
	border:				solid 1px #EFEFEF;
	width:				18px;
}

.commandHover {
	border:				1px inset;
	width:				18px;
}

.commandSep {
	background-color:	#D1D1D1;
	width:				2px;
	height:				23px;
}



/* designer-only styles */

.highlightField
{
	background-color:	#C4AFF2;
}

.highlightField FONT
{
	color:				#000000;
}

.hoverField
{
	background-color:	#D9CCF7;
}

.hoverField FONT
{
	color:				#000000;
}


/* popup-menu style */

.menubox *		{ font-family:Tahoma, MS Sans Serif; font-size:8pt; line-height:20px; padding:0px; margin:0px; }
.menubox		{ border:solid 1px #666666; font-family:Tahoma, MS Sans Serif; font-size:8pt; line-height:20px; position:absolute; width:164px; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#E3E0DC', Positive='true'); background-color:#F9F8F7 }
.menu			{ border:solid 1px #F9F8F7; background-image:url(Solutions/gradient.png); background-repeat:repeat-y }
.menu li		{ zzlist-style-image: none; padding-left:31px; width:100%; overflow-x:hidden; white-space:nowrap }
.menu div		{ padding-left:31px; width:100%; overflow-x:hidden; white-space:nowrap }
.menuItem		{ color:#000000; line-height:22px; border-right: solid 1px #F9F8F7 }
.menuItemSub		{ color:#000000; line-height:22px; border-right: solid 1px #F9F8F7; background-image:url(Solutions/arrow.png); background-position:center right; background-repeat:no-repeat }
.highlightItem		{ background-color:#B8D2B4; color:#000000; border: solid 1px #000000; text-indent:-1px }
.highlightItemSub	{ background-color:#B8D2B4; color:#000000; border: solid 1px #000000; text-indent:-1px; background-image:url(Solutions/arrow.png); background-position:center right; background-repeat:no-repeat }
.disabledItem		{ color:gray; line-height:22px }
.disabledItemSub	{ color:gray; line-height:22px; background-image:url(Solutions/arrow.png); background-position:center right; background-repeat:no-repeat }
.disabledhighlightItem		{ background-color:#F9F8F7; color:gray; border: solid 1px #000000; text-indent:-1px }
.disabledhighlightItemSub	{ background-color:#F9F8F7; color:gray; border: solid 1px #000000; text-indent:-1px; background-image:url(Solutions/arrow.png); background-position:center right; background-repeat:no-repeat }
.menuSep		{ font-size:0px; height:1px; margin-bottom:-1px; margin-right:-1px; margin-top:1px; margin-left:30px; border-top:solid 1px #a0a0a0; }