/*
	These are styles that will be used by PortletModules 
	Example: .FormBuilder .Label {font-weight: bold;}
	would be an entry for a FormBuilder module style.
	FormBuilder screens would then be created inside of a div block:
	<div class="FormBuilder">My Screen stuff</div>
*/



/* 
	START FORMBUILDER MODULE STYLE 
*/

/* Main Header */

.FormBuilder .MainHeader
{
	line-height:1.4em;
}

.FormBuilder a
{
	text-decoration: underline;
}

.FormBuilder .MainHeader h4
{
	margin-top: 3px;
	margin-bottom: 0px;
}

.FormBuilder .MainHeaderSecondary h4
{
	background-color:#94BA85;
}

.FormBuilder .MainHeaderMessage
{
	padding: 10px 10px 10px 20px;
	color: #3A66BA;
	font-weight: bold;
}

.FormBuilder .MainHeader .pSection
{
	padding-bottom:0px;
}

.FormBuilder .MainHeader table
{
	width:100%;
	background-color:#E4F1FF;
}

.FormBuilder .MainHeaderSecondary table
{
	background-color:#CBE8BF;
}

.FormBuilder .MainHeader td
{
	height:100%;
	width: 50%;
	vertical-align:top;
	padding:0px;
	margin:0px;
	font-size: 90%;
	border:solid 1px #94BA85;
}

.FormBuilder .MainHeaderSubHeader
{
	margin-left: 5px;
	font-weight: bold;
}

.FormBuilder .MainHeaderPanel
{
	padding:0px 10px 5px;
}

.FormBuilder .MainHeader td.FormSettings
{
	width: 30%;
}

.FormBuilder .MainHeader .MainHeaderPanel td
{
	vertical-align: middle;
	border-style: none;
	margin: 0px;
}

.FormBuilder .MainHeader td.FormSettings .MainHeaderPanel .iconCell
{
	width: 5%;
	vertical-align:middle;
}

.FormBuilder .MainHeaderPanel li
{
	margin: 0px;
}


.FormBuilder .MainHeaderIcon
{
	float:left;
	padding-right:10px;
}

.FormBuilder .MainHeaderStatus
{
	color:#3A66BA;
	font-weight:bold;
}

.FormBuilder .MainHeaderStatusWarning
{
	color:#D80404;
	font-weight:bold;
}

.FormBuilder .MainHeader td ul
{
	margin:0px;
}

.FormBuilder .MainHeaderSetting
{
	font-weight: bold;
}

.FormBuilder table.MainHeaderStatusBar
{
	background-color:#EBEBEB;
	width:100%;
	font-size: 90%;
}

.FormBuilder table.MainHeaderStatusBar td
{
	vertical-align:middle;
	padding:5px 10px;
	white-space: nowrap;
	border:solid 1px #CCCCCC;
}

.FormBuilder table.MainHeaderStatusBar a
{
	color: #084B2C;
	font-weight: bold;
}

.FormBuilder .MainHeaderStatusText
{
	font-size: 110%;
	font-weight: bold;
}

.FormBuilder table.GridStyle
{
	position: relative;
	margin-bottom: 15px;
	background: #fff;
}

.FormBuilder .GridStyleHalfWidth
{
	width: 50%;
}

.FormBuilder .GridStyleFullWidth
{
	width: 100%;
}

.FormBuilder table.GridStyle thead
{
	border-bottom: solid 1px #bcbcbc;
	border-left: solid 1px #bcbcbc;
	border-right:  solid 1px #bcbcbc;
	background: #bcbcbc;
}

.FormBuilder table.GridStyle thead td
{
	font-weight: bold; 
	font-size: 100%;
}

.FormBuilder table.GridStyle th 
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
	background: #dedede;
	height: 20px;
}

.FormBuilder table.GridStyle td
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
}


.FormBuilder table.GridStyle td, table.GridStyle th
{
	border-left: solid 1px #bcbcbc;
	border-bottom: solid 1px #bcbcbc;
	padding-left: 5px;
	font-size: 85%;  
	font-weight: normal;
}

.FormBuilder #tblCreateNewForm
{
	border: solid 1px #bcbcbc;
	margin-top: 10px;
}

.FormBuilder #tblCreateNewForm tbody .NameCell
{
	padding-top: 10px;
	padding-bottom: 0px;
}

.FormBuilder #tblCreateNewForm tbody td
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.FormBuilder #tblCreateNewForm td
{
	border: none;
}

.FormBuilder #tblNewQuestion td,
.FormBuilder #tblStaticOptions td,
.FormBuilder #tblDynamicOptions td
{
	padding: 6px;
}

.FormBuilder #tblStaticOptions thead td,
.FormBuilder #tblDynamicOptions thead td
{
	font-size: 115%;
}

.FormBuilder #tblStaticOptions th,
.FormBuilder #tblStaticOptions td,
.FormBuilder #tblDynamicOptions th,
.FormBuilder #tblDynamicOptions td
{
	padding: 6px;
	font-size: 100%;
}

.FormBuilder #tblNewQuestion .OptionCell
{
	padding: 0px;
	width: 100%;
}

.FormBuilder .pSection #tblCreateNewForm tbody
{
	padding: 20px;
	line-height: 1.4em;
}

.FormBuilder .pSection #tblCreateNewForm ul
{
	margin: 0pt;
}

.FormBuilder .pSection #tblCreateNewForm li
{
	display:list-item;
	list-style-position: inside;
	list-style-type: disc;
	margin: 0pt;
}

.FormBuilder table.GridStyle .RightTableCell
{
	border-right: solid 1px #bcbcbc;
}

.FormBuilder table.GridStyle .RightSplitTableCell
{
	border-left: solid 0px #bcbcbc;
	border-right: solid 1px #bcbcbc;
}

.FormBuilder table.GridStyle .ReorderCell
{
	width: 70px;
}

.FormBuilder table.GridStyle .HiddenCell
{
	display: none;
}

.FormBuilder table.GridStyle tbody tr td.alt 
{
	background: #e5e5e5;
}

.FormBuilder table.GridStyle tbody tr.alt td.alt 
{
	background: #d6d6d6;
}

.FormBuilder table.GridStyle tfoot tr td
{
	border-style: none;
	padding-top: 10px;
	font-size: 100%;
}

.FormBuilder table.GridStyle tfoot tr td a
{
	font-size: 85%;
}

.FormBuilder table.GridStyle tfoot .RightAlign
{
	float: right;
}

.FormBuilder table.GridStyle tfoot .LeftAlign
{
	float: left;
}

.FormBuilder table.GridStyle .TitleBar
{
	border:  solid 1px #bcbcbc;
	background: #bcbcbc; 
}

.FormBuilder #tblNewQuestion .FooterBar
{
	border:  solid 1px #bcbcbc;
	background: #bcbcbc; 
}

.FormBuilder #tblIntroAndInstructions a
{
	margin-bottom: 5px;
	margin-top: 5px;
}

.FormBuilder #tblIntroAndInstructions tbody td
{
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

.FormBuilder table.GridStyle .HeaderSection
{
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	font-weight: normal;
	font-size: 85%;
	background-color: #EBEBEB;
}

.FormBuilder table.GridStyle .ImportQuestions
{
	padding: 10px;
	vertical-align:middle;
	font-weight: normal;
	font-size: 100%;
	background-color: #D6E2F8;
	width: 25%;
}

.FormBuilder table.GridStyle .AddQuestions
{
	padding: 5px;
	width: 45%;
}

.FormBuilder table.GridStyle .EditSection
{
	padding: 5px;
	width: 30%;
}

.FormBuilder table.GridStyle thead .InternalTableCell
{
	border-style:none;
	font-weight: normal;
	padding-top: 2px;
	padding-left: 2px;
	vertical-align:middle;
}

.FormBuilder table.GridStyle thead .BottomCell
{
	padding-top: 10px;
}

.FormBuilder table.GridStyle thead .RightCell
{
	padding-left: 20px;
}

.FormBuilder table.GridStyle .SmallMargin
{
	margin: 3px;
}

.FormBuilder table.GridStyle thead .OtherContent
{
	padding: 10px;
}
	
.FormBuilder #tblHiddenData .EmptyCell
{
	border-left-style: none;
}

.FormBuilder #tblAddImportQuestions tbody tr td
{
	padding: 10px;
}

.FormBuilder #tblAddImportQuestions tbody tr td a
{
	padding-left: 20px;
}

.FormBuilder .ErrorMsg
{
	color: red;
}

.FormBuilder .EmMsg
{
	width:480px;
	display:none;
}

.FormBuilder #tblMoveQuestion
{
	background: #d6d6d6;
	border: solid 1px #bcbcbc;
}

.FormBuilder .SmallText
{
	font-size: 85%;
}

.FormBuilder #tblReorderDone tr td a
{
	font-size: 85%;
}

.FormBuilder #tblQuestionPreview
{
	border: solid 1px #dbdbdb;
}

.FormBuilder #tblQuestionPreview .FBQuestionList
{
	margin: 0px;
	vertical-align: middle;
}

.FormBuilder #tblQuestionPreview tr td fieldset
{
	padding: 0px;
}

.FormBuilder #tblQuestionPreview .FBQuestionList tr td
{
	font-size: 85%;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.FormBuilder #tblQuestionPreview .FBQuestionList .Input td
{
	padding: 0px;
}

.FormBuilder #tblQuestionPreview .FBQuestionList .HeaderLabel
{
	padding-top: 0px;
	font-size: 120%;
	font-weight: bold;
}


.FormBuilder #tblQuestionPreview .FBQuestionList .HeaderDesc
{
	padding-left: 0px;
	padding-bottom: 0px;
}

.FormBuilder .pSection li
{
	display: inline;
	z-index: 0;
	padding-left: 20px;
}

.FormBuilder .MainPageOrderCell
{
	width: 2%;
}

.FormBuilder .MainPageQuestionCell
{
	width: 33%;
}

.FormBuilder .MainPageQuestionTypeCell
{
	width: 30%;
}

.FormBuilder .MainPageRequiredCell
{
	width: 5%;
}

.FormBuilder .MainPageEditDeleteCell
{
	width: 8%;
}

.FormBuilder .MainPageMappingCell
{
	width: 22%;
}

.FormBuilder .MainPageHiddenDataLabelValueCell
{
	width: 35%;
}

.FormBuilder .pSection .ChooseQuesTypeListItem
{
	display:list-item;
	list-style-position: inside;
	list-style-type: disc;
}

.FormBuilder .pSection .DynamicOptionsListItem
{
	display:list-item;
	list-style-position: inside;
	list-style-type:none;
}

.FormBuilder .cbAlign
{
	vertical-align:middle;
}

.qIsReadOnly
{
	background-color: White;
	border-color: White;
	border-width: 0px;
	width:300px;
	font-weight: bold;
}

.lookup_tdUpLeft{
	border-left: solid 1px #B2B2B2;
	border-top: solid 1px #B2B2B2;
	border-bottom: solid 1px #B2B2B2;
	background: #E2E2E2;
	padding: 5px;
}
.lookup_hideRow{
	visibility: hidden;
}
.lookup_divResultsTitle{
	border-bottom: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
	background: #dcdcdc;
	width: 445px;
	height: 22px;
}
#lookup_divResultsBot{
	border-top: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
	background: #dcdcdc;
	width: 445px;
	height: 22px;
}
.fbFloatLeft{
	float:left;
}
.hiddenErr
{
	color:Red;
	display:none;
}
.fbBorderTopLeftBottomRight { background-color:#C0C0C0; border-left:1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; border-top:1px solid #B2B2B2; border-right: 1px solid #B2B2B2; }
.fbBorderLeftRightTop{ border-left:1px solid #B2B2B2; border-right:1px solid #B2B2B2; border-top:1px solid #B2B2B2; background-color:#E2E2E2; }
.fbBorderLeftRight { border-left:1px solid #B2B2B2; border-right:1px solid #B2B2B2; background-color:#EFEFEF; }
.fbTblAdmin {background-color:#ffffff;}
.fbTblAdminHead {background-color:#cecfce;}
.fbTblAdminSubHead {background-color:#dddddd;}
.fbTblAdminSubHeadAlt {background-color:#eaeaea;}
.fbLookupDef {background-color:#ffffff;}
.fbLookupAlt {background-color:#eeeeee;}
.lookup_tdUpLeft{
	border-left: solid 1px #B2B2B2;
	border-top: solid 1px #B2B2B2;
	border-bottom: solid 1px #B2B2B2;
	background: #E2E2E2;
	padding: 5px;
}
.lookup_tdUpRight{
	border-right: solid 1px #B2B2B2;
	border-top: solid 1px #B2B2B2;
	border-bottom: solid 1px #B2B2B2;
	background: #E2E2E2;
	padding: 5px;
}
.lookup_tdRows{
	border-right: solid 1px #B2B2B2;
	border-left: solid 1px #B2B2B2;
	background: #EFEFEF;
	padding: 5px;
	display: none;
}
.lookup_tdBot{
	border-right: solid 1px #B2B2B2;
	border-left: solid 1px #B2B2B2;
	border-bottom: solid 1px #B2B2B2;
	background: #EFEFEF;
	padding: 5px;
}
.lookup_hideRow{
	visibility: hidden;
}
.lookup_divResultsTitle{
	border-bottom: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
	background: #dcdcdc;
	width: 445px;
	height: 22px;
}
#lookup_divResultsBot{
	border-top: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
	background: #dcdcdc;
	width: 445px;
	height: 22px;
}
.fbFloatLeft{
	float:left;
}
.hiddenErr
{
	color:Red;
	display:none;
}
.fbTblAdmin {background-color:#ffffff;}
.fbTblAdminHead {background-color:#cecfce;}
.fbTblAdminSubHead {background-color:#dddddd;}
.fbTblAdminSubHeadAlt {background-color:#eaeaea;}
.fbLookupDef {background-color:#ffffff;}
.fbLookupAlt {background-color:#eeeeee;}
.fbNoBoldItal{font-weight:normal; font-style:italic;}


/* 
	END FORMBUILDER MODULE STYLE 
*/

/*
START ERPUserData styles
This is not strictly a portlet module, so the CSS is done in a non-standard way.
For true modules, the FormBuilder example should be followed
*/
.erpUDPopupWindow 
{
    display: none;
    position: absolute; 
    background-color: #fff;
    border: 1px solid #1851AD;
    padding: 9px 9px 0px 9px;
    width: 200px;
    font-size: 80%;
    width: 180px;       
}

.erpUDPopupWindow p 
{
    margin: 0 0 10px 0;
}

.erpUDError
{
    color: Red;
}

.erpUDSubOption
{
    margin-left: 25px;
}
/*
END ERPUserData styles
*/


/*
Ajax Toolkit Styles
*/

/*Accordion*/
.accordionHeader
{
	background-color: #C0C0C0;
	cursor: pointer;
	margin-bottom: 5px;
}
.accordionHeader a
{
	display: block; 
	width: auto;
	padding: 5px;
	text-decoration: none;
	color: #000000;	
}
.accordionHeader a:hover
{
	background-color: #B6B4B4;
	color: #000000;
}


.accordionHeaderSelected
{
	background-color: #717171;
	color: #ffffff;
	cursor: pointer;	
}
.accordionHeaderSelected a
{
	color: #ffffff;
	text-decoration: none;
	
	display: block; 
	width: auto;
	padding: 5px;
}
.accordionHeaderSelected a:hover
{
	background-color: #676666;
}
.accordionContent
{
	background-color: #ffffff;
	border-style: dashed;
	border-width: thin;
	padding: 25px;
}
.accordionLink{color: Blue;}
/*END Accordion*/



/*
END Ajax Toolkit Styles
*/