/* styles for the user controls */
.ShowInline          { display: inline; }
.HideInline          { display: none; }
.ShowVisibility      { visibility: visible; }
.HideVisibility      { visibility: hidden; }

/* Hierarchy Tree */
.TreeHolder          { background-color: #aaa; border: solid 1.0pt black; position: absolute; z-index: 200; width: 325px;}
.Tree                { overflow-y: scroll; overflow-x:visible; height: 300px; cursor: hand; width:325px; float: left; background-color: #eee; padding-top: 6px; }
.Tree ul			 { list-style: none; display: none; padding-left: 0px; } 
.Tree li			 { margin: 0px 0px 0px 0px; padding-left: 34px; padding-top: 1px; padding-bottom: 0px; }
.Tree img			 { padding-right: 0px; }
.Tree div			 { display: inline; }
.Tree ul table	     { line-height: 14px; }
.Tree .Node			 { padding-right: 5px; }
.Tree .htAddNew		 { padding-right: 5px; }
.TextDiv             { margin-bottom:5px; }
.TextDiv iframe		 { position: absolute; z-index: 199; border: none; }
.Add                 { padding: 0px 0px 0px 10px; vertical-align: top; float: left; width: 300px; }
.Add input           { width: auto; }
.Add button          { background-color: White; font-size: 9px; height: 17px; padding:0px; margin:5px 2px 5px 5px; border: solid 0.3pt black; cursor: hand; }
.HierarchyListDisplay { list-style-position: outside; padding-left: 12px; }

/* Email */
.EmailLabel          { padding:3px 5px 0px 3px; font-weight:bold; vertical-align:top; width: 95px; }
.EmailButton div.ButtonText { width: 60px; }
.EmailInput          { padding:3px 0px 3px 0px; }
.EmailInput input    { width: 400px; }
.EmailInput textarea { width: 403px; }
.EmailDiv            { border:solid 1.0pt #A5ACB2; height: 250px; width: 403px; font-size: 10px; overflow-y: scroll; overflow-x: scroll;}

/*FileUpload */
.FileUploadControl #FileList { text-align: left; }
div.UploadButtonWrapper  { overflow: hidden; position: relative; height:30px; width:136px; float: left; }
div.OverlayInputs        { margin-left:-100px; }
div.UploadButton         { position: absolute; top: 0px; left: 0px; z-index: 1; }
input.Overlay            { position: relative; left:-48px; margin-right:-128px; top:5px; filter:alpha(opacity: 0); opacity: 0; }
table.FileUploadList td  { padding:2px 6px 0 0; }
table.FileUploadList td.fileIcon   { padding-right:0px; }
table.FileUploadList td.fileName a { color: Green; }
table.FileUploadList td.trashIcon  { padding-right: 0px; }
table.FileUploadList td.propertiesIcon { padding:0px; }
img.RemoveFile           {cursor: pointer; cursor: hand; }
tr.Uploaded              { color:Green; }
tr.InQueue               { color:Red; }

 /*   File Upload Progress */
#FileUploadProgressWindow							{ position: relative; padding: 5px; background-color: #fff; }
#FileUploadProgressWindow table td					{ padding: 0px 5px 2px 0px; white-space:nowrap; }
#FUPWContainer										{ display:none; }
#FileUploadProgressWindow .PBholder					{ height: 21px; width: 100%; } 
#FileUploadProgressWindow .progressbar				{ top: 45px; left: 5px; height: 14px;	width: 95%;	border: 1px solid #999;	margin: 3px 0px; text-align:center;	position:absolute; overflow: hidden; }
#FileUploadProgressWindow .progressbar .bar			{ left: 0px; height: 100%; width: 0%; background-color: #9cf; position:absolute; }
#FileUploadProgressWindow .progressbar .barPercent	{ position:absolute; left: 133px; z-index: 50; }

/* FieldGroup Container Controls */
.InteriorPortletFull            { margin: 5px 0px 0px 0px; float: left; padding-bottom: 5px; }
.InteriorPortletFull .InteriorPortletHeader { padding: 5px; }
.InteriorPortletFull .InteriorPortletContent { padding: 5px; }
.NestedContainer                { clear: left; padding: 0px 0px 4px 0px; border-bottom: solid 0px #999; margin-bottom: 5px; }
.NestedContainer .NestedTable   { width: 99%; }
.NestedContainer .NestedTitle   { width: 112px; padding: 3px 0px 9px 0px; vertical-align: top; line-height: 14px; }
.NestedContainer .NestedContent { padding: 0px 0px 4px 3px; }
.PreText,
.PostText						{ padding: 0px 0px 5px 0px; float: left; width: 98%; }
.PreLink, .PostLink				{ clear: left; }
.PreText .PortletContainer      { background-color: #ccc; border: 1px solid #333; }
.PreText ol,ul					{ padding-left: 20px; margin-left: 0px; }
.DivContainerPreText,
.DivContainerPostText			{ padding: 0px; }
.PortletHeaderOverview          { padding: 3px 5px; font-weight: bold; background-color: #DDD; margin-bottom:1px;}
.PortletContentOverview         { background-color: White; }
.PortletContentOverview table   { background-color: #fff; border: none; border-collapse:collapse; }
.PortletContentOverview th      { padding: 5px; vertical-align: top; border: 1px solid #DDD; background-color: #eee; color:#666; width: 70px; }
.PortletContentOverview td      { padding: 5px; vertical-align: top; border: 1px solid #DDD; background-color: #eee; }
.PortletContentOverview ol,ul   { padding-left: 20px; margin-left: 0px; }
.PortletContainer				{ margin:9px 0px 0px 0px; width: 581px; _width: 571px; float: left; line-height: 18px; }
.PortletContainerOverview		{ margin:9px 0px 0px 0px; }
.PortletContainerFull			{ margin:9px 0px 0px 0px; width: 700px; _width: 690px; float: left; line-height: 18px; }

.InputDiv                   { width: 100%; }
.InputDivs					{ clear: left; }
.TwoColumn                  { clear: left; }
.TwoColumnPortlet           { margin:0px 0px 0px 0px; width: 572px; _width: 568px; }
.TwoColumnTable				{ width: 100%; clear: left; }
.TwoColumnLeftCell			{ width: 50%; vertical-align: top; }
.TwoColumnRightCell			{ width: 50%; padding-left: 5px; vertical-align: top; }
.InputCellDivTxtBoxShort	{ padding: 3px 0px 3px 5px; float:left; width: 70%; }
.CheckboxDiv				{ padding: 0px; float: left; line-height: 24px; }
.CheckboxTextDiv			{ padding: 3px 10px 3px 3px; float: left; line-height: 14px; }

.SectionContainer .SectionLabelDiv	{  }
.SectionContainerBreak				{ border: none; height: 1px; background-color: #ddd; margin: 5px 0px; clear:left; }

/* BudgetMatrix */
.BudgetMatrix table         { padding: 8px; margin-top: 5px; border: 1px solid #ccc; color: #666; }
.BudgetMatrix table td      { padding: 3px 3px 3px 3px; border-bottom: 1px solid #ddd; background-color: #fff; }
.BudgetMatrix table td.HeaderColumn { padding: 3px 0px 3px 3px; width: 110px; background-color: #ddd; border-bottom: 1px solid #fff; }
.BudgetMatrix table th.BudgetMatrixHeaderRow      { background-color: #ddd; border-left: 1px solid #fff; font-weight: bold; padding: 4px 4px 4px 0px; width: 80px; }
.BudgetMatrix table th.BudgetMatrixHeaderEmptyCell { background-color: #ddd; border-left: inherit; border-bottom: 1px solid #fff; }
th.BudgetMatrixHeaderRow	{ text-align: center; }
td.BudgetMatrixCell			{ text-align: left; white-space:nowrap; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.BudgetMatrixRowTotal, .BudgetMatrix table td.BudgetMatrixRowTotal
					        { border-bottom: 1px solid #ccc; font-weight: bold; color: #333; }
.BudgetMatrix td.DisplayField { padding-right: 10px; }
				
/* MultiField */
.MultiField table.MultiField    { margin-top: 5px; border-spacing: 0px; border-collapse: collapse; border: solid 1px #ddd; }
.MultiFieldCell					{ padding: 4px; }
.MultiField table.MultiField .MultiFieldCell { border: solid #ddd 1px; vertical-align: top; border-left: none; border-top: none; }
.MultiField table.MultiField td.MF_Column0 { height:100%; }
/*.MultiField table.MultiField td.MF_Column0 { border-left-style: double; border-left-color: #933; border-left-width: 3px; padding: 4px; vertical-align: top; }*/
.MultiField table.MultiField tr.MultiFieldRow  { background-color: #fff; height:100%; }
.MultiField table.MultiField th.MultiFieldCell { background-color: #ddd; border-right: 1px solid #fff;  font-weight: bold; color: #666; padding: 5px; }
.MultiField table.MultiField th.MultiFieldHandle { background-color: #ddd; }
.MultiField textarea			{ width: 97%; height: 40px; }
.MultiField #InfoRow td			{ padding: 8px; background-color: #fff; border: solid 1px #ddd; }
.MultiField tr.MultiFieldDummyRow { display: none; }

.MultiField th					{ width: 110px; text-align: left; }
.MultiField td input[type="text"] { width: 98%; }
.MultiField .MF_Document		{ width: 180px; }
.MultiField .MF_Document input	{ width: auto; }
.MultiField .MF_Text			{ width: 180px; white-space: normal; }
.MultiField .MF_Integer,
.MultiField .MF_Decimal,
.MultiField .MF_Percent,
.MultiField .MF_Currency,
.MultiField .MF_Date,
.MultiField .MF_DateTime,
.MultiField .MF_Time			{ text-align: right; }
.MultiField .MF_Boolean			{  }
.MultiField .MF_String			{ width: 110px; }
.MultiField input.InputBoxNumeric { width: 98%; }
.MultiField input.InputBoxText	{ width: 98%; }

.MultiFieldHandle,
.MultiField th.MultiFieldHandle	{ border-left: solid 1px #ddd; border-bottom: solid 1px #ddd; width: 10px; cursor: move; }
					        
/* TicketMatrix */
.TicketMatrix table         { width: 100%; padding: 6px; margin-top: 5px; border: 1px solid #ccc; }
.TicketMatrix table td      { padding: 3px; border-bottom: 1px solid #ddd; padding-right: 5px; }
.TicketMatrix table td.MatrixRowDate      { background-color: #ddd; color: #666; border-bottom: 1px solid #fff; border-left: 1px solid #ccc; white-space: nowrap;}
.TicketMatrix .MatrixRow,
.TicketMatrix .PoolRow		{ background-color: #fff; }
.TicketMatrix table th      { background-color: #ddd; font-weight: bold; padding: 3px; }
.TicketMatrixField input	{ width: 55px; text-align: right; }
.TicketMatrix .HeaderRow1 th{ color: #666; border-left: 1px solid #fff; }
.TicketMatrix .HeaderRow2	{ color: #666; border-right: 1px solid #ddd; background-color: #fff; }
.TicketMatrix th.TitleCell  { border-left: 1px solid #ccc; border-bottom: 1px solid #fff; }
.TicketMatrix table .HeaderRow2	td { border-bottom: 1px solid #ddd; }
.TicketMatrix td.Col2,td.Col4	{ border-right: 1px solid #ddd; }
.TicketMatrix .Col1,
.TicketMatrix .Col3,
.TicketMatrix .Col5			{ text-align: left; width: 40px; }
.TicketMatrix .Col2,
.TicketMatrix .Col4,
.TicketMatrix .Col6			{ text-align: right; }
.TicketMatrix .HeaderRow2 td.Col6 { border-right: solid 1px #ccc; }
.TicketMatrix .TotalRow	th	{ color: #666; border-bottom: 1px solid #ccc; }
.TicketMatrix .TotalRow	td	{ font-weight: bold; background-color: #fff; }
.TicketMatrix .SummaryRow td	{ background-color: #ddd; color: #666; border-bottom: 1px solid #ccc; }
.TicketMatrix .Display_Numeric { white-space: nowrap; width: auto; }

/* Calendar */
.YUI_Calendar				{ z-index: 10; }
.YUI_Calendar table			{ border-collapse:separate; }
.YUI_Calendar input			{ width: 60px; }
table.YUI_Calendar		    { width: auto; }
.YUI_CalendarIcons          { padding:3px 0 0 5px; cursor: pointer; }
.YUI_Calendar_DisplayDiv	{ padding: 5px; background-color: #F7F9FB; border: 1px solid #7B9EBD; }

/* Button */
.ButtonNormal								{ cursor: pointer; _width: 30px; white-space: nowrap; float: left; display: inline; }
.ButtonNormal .ButtonContent				{ line-height: 16px; font-size: 11px; margin: 2px; border-top: 1px solid black; border-bottom: 1px solid black; height: 18px; color: #333; }
.ButtonNormal .ButtonContent .ButtonText	{ padding: 1px 6px 1px 6px; text-align: center; white-space: nowrap; }
.ButtonNormal .ButtonContent .ButtonPressed	{ padding: 2px 5px 0px 7px; }
.ButtonNormal .insideLeft					{ background-color: #fff; z-index: 5; }
.ButtonNormalDisabled								{ cursor:inherit; _width: 30px; white-space: nowrap; float: left; display: inline; }
.ButtonNormalDisabled .ButtonContent				{ line-height: 16px; font-size: 11px; margin: 2px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; height: 18px; color: #aaa; }
.ButtonNormalDisabled .ButtonContent .ButtonText	{ padding: 1px 6px 1px 6px; text-align: center; white-space: nowrap; }
.ButtonNormalDisabled .ButtonContent .ButtonPressed	{ padding: 2px 5px 0px 7px; }

/* Tab/TabBlock FieldGroup Container */
.TabBlockContainer .TabBlockButtonPanel				{ position:relative; z-index:0; left:298px; top: 20px; width:190px; }
.TabBlockContainer .TabBlockButtonPanel table,tr,td { padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.TabBlockContainer .TabBlockButtonPanel .button		{ margin: 2px; }
.TabContainer										{ position: relative; overflow-y: auto; overflow-x: hidden; height: 344px; border-top:none; padding:9px 5px 9px 5px; }
.TabBlockRequiredFieldNote							{ left:375px; position:absolute; width:100px; }

/* Field Chooser */
.FieldChooser #NonNumericFields				{ width: 160px; height: 266px}
.FieldChooser #SelectedScrollingFields		{ width: 160px; height: 214px;}
.FieldChooser #SelectedFixedFields			{ width: 160px; height: 19px; }
.FieldChooser #NumericFields,
.FieldChooser #TotalNumericFields			{ width: 160px; height: 110px; }
.FieldChooser #VisibleScrollingColumns		{ width: 50px; } 
.FieldChooser th							{ width: 160px; }
.FieldChooser .FieldChooserTable			{ width: 550px; height: 260px; }
.FieldChooser .FieldChooserTable td			{ vertical-align: top; padding: 2px; text-align: center; }
.FieldChooser td.Actions					{ height: 16px; text-align: center; }
.FieldChooser .FixedColumn					{ font-weight:  normal; }
.FieldChooser .RightBar						{ border-right: double 3px #000; width: 5px; }

/*Color Coder*/
.ColorSample								{ height:15px; width:15px; min-width:15px; border:1px #ddd solid; cursor:pointer; }
#ColorCoder .Selected                       { border:1px #000 solid; }
#ColorSelectorTable                         { background-color:#EEE; position:absolute; }

#ValueGroupContainer                        { width:430px; }

/* Auto Filter */
.AutoFilterContainer                        { background-color: #EEE; z-index: 10; position: absolute; border: 1px solid #000; width: 305px; overflow-y: scroll; overflow-x: hidden; height: 300px; cursor: hand;}
.AutoFilter                                 { background-color: #EEE; z-index: 10; width: 305px; overflow-x: hidden; text-overflow: ellipsis; }
.AutoFilterInput							{ float:left; }
.AutoFilterInput .ButtonText				{ overflow: hidden; width: 8px; padding-left: 4px; }
.AutoFilterInput .AF_InputBox				{ float: left; border: solid 1px #aaa; width: 152px; height: 18px; vertical-align: middle; margin-top: 3px; margin-right: 3px; }
.AutoFilterInput input						{ width: 100%; border-color: #fff; }
.AutoFilter a                               { display: block; white-space: nowrap; }
.AutoFilter a:hover							{ text-decoration: none; }
.AutoFilter .Highlighted					{ background-color: #9cf; text-decoration: none; }
.AutoFilterInput img						{ cursor: pointer; }
#TB_window .AFLoadingDiv					{ position: absolute; left: 350px; padding-top: 5px; }
.AFLoadingDiv								{ padding-top: 5px; position: absolute; }

/* Files */
.CreativesContainer                         { margin:16px 0 0 0; float:right; width:425px; white-space:nowrap; }
#CreativesContent                           { height:372px; position:relative; overflow:auto; }
.FileContainer                              { margin: 10px 4px 10px 4px; float:left; text-align:center; width: 106px; }
.FileContainer .ImageBorder                 { border: 1px solid #ccc; height: 106px; }
.FileContainer .ImageHolder					{ height: 106px; }
.ImageBorder img                            { margin: 3px auto 0px auto; cursor: pointer; }
.FileContainer .Caption                     { padding: 3px 2px; margin-right: 2px; line-height:12px; vertical-align:middle; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; width: 98px; }
.FileContainer .ThumbAlternative            { width:100px; height:85px; background-color:#DDD; margin: 3px auto 3px auto; cursor: pointer; padding:15px 0 0 0; }
.FileContainer .FileColorBar				{ height: 15px; }

/* Color Picker */
.ColorChoice								{ width: 22px; height: 20px; border: 2px solid #aaa; margin-right: 5px; float: left; }

/* Add New */
#AddNewFieldValueLink						{ clear: left; }
#AddNewFieldValueInputHolder				{ clear: left; }

/* Version Report */
.VersionReportContainer { overflow: auto; height: 555px; width: 893px; margin-top: 8px; }
.VersionReportContainer td { text-align: center; white-space:nowrap; }
.VersionReportContainer th { text-align: center; }

/* Email Directory */
.EmailDirectoryContainer                    { position: absolute; z-index: 200; background-color: #FFF; width: 400px; border: solid 1.0px #000; }
.EmailDirectory                             { width: 393px; _width: 400px; height: 200px; background-color: #FFF; overflow-y: scroll; overflow-x: visible; text-overflow: ellipsis; }
.EmailDirectory a                           { white-space: nowrap; }
.EmailDirectory .selected                   { font-style: italic; text-decoration: none; cursor: default; color: #000; }

/* FileManager */
.FileManager								  { height: 400px;	}
.FileManager td.TreeViewCell                  { width: 300px;	}
.FileManager td.ListViewCell                  { width: 600px; height: 400px; }
.FileManagerPortlet .FileManagerPortletHeader { font-size: 11px; padding: 4px; margin-bottom: 5px; border-bottom: solid 1px #BDBECE; }
#FileManagerFolderTree td					  { vertical-align: middle; }
#FileManagerFolderTree					      { overflow: auto; height: 371px; }
#FileManagerListView                          { overflow-y: auto; overflow-x: auto; height: 100%; position: relative; width: 600px; }
.dropzonehover								  { background-color: #ccc; }
.FMFolder, .FMFile							  { color: #A92727; cursor: pointer; }
td.Hovered .FMFolder .FMDTName, 
td.Hovered .FMFile .FMDTName				  { color: #A92727; text-decoration: underline; cursor: pointer; }
.FMFolder img.ListView, .FMFile img.ListView  { padding-right: 5px; }
.FileManagerFileUploads						  { font-size: 11px; height: 20px; }
.FilmNav									  { display:block; width:100%; }
#FilmRight									  { display:block; text-align:right; width:49%; float:right; }
#FilmLeft									  { display:block; text-align:left; width:49%; float:left; }
.FilmStripPreview							  { /*height: 372px;*/ padding-bottom: 5px; }
.FilmStripFiles								  { width:auto; white-space:nowrap;  }
.FilmStripContainer							  { overflow: auto; height: 195px; width: 100%; display:block; white-space:nowrap; }
.FilmstripDivider							  { margin: 0px 3px; width: 692px; _width: 688px; height: 1px; background-color: #ccc; overflow: hidden; }

/* ReportFilters */
.ReportFilterCell							  { padding: 5px 5px 0px 0px; }