﻿/* styles for the user controls */
.ShowInline          { display: inline; }
.HideInline          { display: none; }
.ShowVisibility      { visibility: visible; }
.HideVisibility      { visibility: hidden; }
.RichTextContent     { border: 0px #eeeeee solid; max-height: 50px; width: 200px; overflow:auto; }

.InputSearch         { background: url("../img/general/bg_input_search.png") no-repeat; }
                       	
.ui-dialog .ui-resizable-s { border-top:1px solid grey;
                             font-size:12px;
                             height:16px; 
                             margin-bottom:5px;
                             background-color: #f4f4f4;
                             border-bottom-right-radius: 5px 5px;
                             border-bottom-left-radius: 5px 5px;
                             -moz-border-radius-bottomright: 5px 5px;
                             -moz-border-radius-bottomleft: 5px 5px;}
                             
.CalcStatusMessage { padding-left:10px; }

.CalcMessage { width:300px; }

/* Hierarchy Tree */
.TreeHolder          { background-color: #aaa; border: 1px #666666 solid; position: absolute; z-index: 70000; width: 325px;}
.Tree                { overflow-y: scroll; overflow-x:visible; cursor: hand; width:325px; float: left; background-color: #eee; padding-top: 6px; }
.TreeContent		 { background-color: #eee; padding: 5px; height: 250px; overflow: auto; }
.HierarchyListDisplay { list-style-type: none; list-style-position: outside; padding-left: 0px; }
.HierarchyListDisplay li { margin-top: 0px; margin-bottom: 3px; margin-left: 0px; }
.hierControl .hierControlFieldBorder { overflow-x: hidden; }
span.AddNewLink		 { color: #888; font-size: 10px; padding-left: 5px; }
span.AddNewLink:hover { text-decoration: underline; }

/* Email */
.EmailLabel          { padding:3px 5px 0 3px; font-weight:bold; vertical-align:top; width: 95px; }
.EmailButton div.ButtonText { width: 60px; }
.EmailInput          { padding:3px 0 3px 0; }
.EmailInput input    { width: 400px; }
.EmailInput textarea { width: 403px; }
.EmailDiv            { border:solid 1.0px #A5ACB2; height: 190px; width: 393px; font-size: 10px; overflow-y: auto; overflow-x: auto; padding: 5px; font-family: Tahoma; }

/*FileUpload */
.FileUploadControl		 { border-width: 0; }
.FileUploadControl #FileList { text-align: left; }
div.UploadButtonWrapper  { overflow: hidden; position: relative; width:145px; float: left; cursor: pointer; }
.FileUploadControl button { *overflow: visible; }
.FileUploadControl button span { *margin: 0; }
div.OverlayInputs        { direction:ltr; overflow:hidden; position:relative; z-index:2; cursor: pointer; }
input.Overlay            { position: absolute;
                           right : 0pt;
                           top: 0pt;
                           z-index: 2000;
                           font-size: 460px;
                           *font-size: 20px; /* Targets IE6 and IE7 only */
                           margin: 0pt;
                           filter:alpha(opacity: 0);
                           opacity: 0; }
table.FileUploadList td  { padding:2px 6px 0 0; }
table.FileUploadList td.fileIcon   { padding-right:3px; }
table.FileUploadList td.trashIcon  { padding-right: 0; }
table.FileUploadList td.propertiesIcon { padding:0; }
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: 0 5px 2px 0; 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 0; text-align:center;	position:absolute; overflow: hidden; }
#FileUploadProgressWindow .progressbar .bar			{ left: 0; height: 100%; width: 0%; background-color: #9cf; position:absolute; }
#FileUploadProgressWindow .progressbar .barPercent	{ position:absolute; left: 133px; z-index: 50; }

/* FieldGroup Container Controls */
.InteriorPortletFull .InteriorPortletHeader  { padding: 2px 0 2px 10px; height: 20px; }
.InteriorPortletFullShadow		{ margin: 25px 25px 5px 25px!important; width: 95%; }
.NestedContainer                { clear: left; }
.NestedContainer .NestedTable   { width: 100%; background: url("../img/general/bg_view_portlet.png") repeat-y -122px; }
.NestedContainer .NestedTitle   { width: 150px; padding: 3px 12px 7px 20px; vertical-align: top; line-height: 14px; text-align: right; color: #616161; }
.NestedContainer .NestedContent { padding: 0; vertical-align: top; }
.PreText,
.PostText						{ padding-bottom: 5px; float: left; /* width: 98%; */ padding-left: 3px; }
.MultiField .PreText			{ max-width:350px; }
.PreLink						{ clear: left; float: left; margin-bottom: 8px; }
.PostLink						{ clear: left; float: left; margin-top: 8px; }
.DivContainer a.PreLink,
.DivContainer a.PostLink		{ text-decoration: underline; font-weight: bold; color: Gray; padding: 10px; }
.InputCellDiv a.PreLink,
.InputCellDiv a.PostLink		{ padding: 0px; }
.DivContainer .DivContainer		{ background-color: #fff; }
.IE7DivContainer                { *clear: left; *float: left; *width: 100%; }
.PreText .PortletContainer      { background-color: #ccc; border: 1px solid #333; }
.PreText ol,ul					{ padding-left: 20px; margin-left: 0px; }
.DivContainerPreText,
.DivContainerPostText			{ padding: 10px; }
.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: 0; }
.PortletContainer				{ margin-top: 9px; width: 581px; _width: 571px; /* float: left; */ line-height: 18px; }
.PortletContainerOverview		{ margin-top: 9px; }
.PortletContainerFull			{ margin-top: 9px; width: 700px; _width: 690px; /* float: left; */ line-height: 18px; }

.PortletHeader .PlusImg,
.PortletHeader .PlusImg_Disabled,
.PortletHeader .MinusImg,
.PortletHeader .MinusImg_Disabled,
.PortletHeader .XImg,
.PortletHeader .XImg_Disabled   { padding-right: 8px; margin-top: 2px; cursor: pointer; }

.PortletHeader .PlusImg_Disabled,
.PortletHeader .MinusImg_Disabled,
.PortletHeader .XImg_Disabled	{ cursor: default; }



.InputDiv                   { width: 100%; }
.InputDivs					{ clear: left; background: url("../img/general/bg_view_portlet.png") repeat-y -122px; float: left; *:width: 100%; }
.RowContainer				{ clear: left; float: left; }
.RowContainer .InputDivs	{ background: none; }
.RowContainer td			{ vertical-align: top; }
.NoLabelDivider .InputDivs  { background: none; }
.TwoColumn                  { clear: left; }
.TwoColumnPortlet           { margin:0; width: 572px; _width: 568px; }
.TwoColumnTable				{ width: 100%; clear: left; }
.TwoColumnLeftCell			{ width: 50%; vertical-align: top; background: url("../img/general/bg_view_portlet.png") repeat-y -122px; }
.TwoColumnRightCell			{ width: 50%; vertical-align: top; background: url("../img/general/bg_view_portlet.png") repeat-y -122px; }
.PasswordStandards          { color: Red; font-size:10px; font-weight:bold; padding-left:375px; padding-top:70px; }

.NestedTable table.TwoColumnTable td.TwoColumnLeftCell,
.NestedTable table.TwoColumnTable td.TwoColumnRightCell,
.NestedTable .NestedContent .InputDivs { background: none; }

.InputCellDivTxtBoxShort	{ padding: 3px 0 3px 5px; float:left; width: 70%; }
.CheckboxDiv				{ padding: 0; float: left; line-height: 20px; }
.CheckboxTextDiv			{ padding: 3px 10px 3px 3px; float: left; line-height: 10px; }

.SectionContainer .SectionLabelDiv	{  }
.SectionContainerBreak				{ border: none; height: 1px; background-color: #ddd; margin: 5px 0; 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 0 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 0; 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: 3px; border-collapse: collapse; border: solid 1px #CCCCCC; min-width: 350px; *width: 350px; }
.MultiFieldCell					{ padding: 3px 8px 3px 8px!important; line-height: 22px; }
.MultiField table.MultiField td.MF_Column0 { height:100%; }
.MultiField table.MultiField th.Timestamp { width: 220px; }
.MultiField table.MultiField tr.MultiFieldRow  { background-color: #fff; height:100%; }
.MultiField table.MultiField.AllowDragDrop tr.MultiFieldRow.Alternate { background-color: #F2F2F2; }
.MultiField table.MultiField tr.MultiFieldRow.NoHandle  { background: none; }
.MultiField table.MultiField tr.MultiFieldRow.NoHandle:hover  { background: none; }
.MultiField table.MultiField tr.MultiFieldRow td.DeleteCell { padding-top: 8px; text-align: center; }
.MultiField table.MultiField th.MultiFieldCell { background-color: #CCCCCC; font-weight: bold; padding: 5px; white-space: nowrap; text-align: center; }
.MultiField table.MultiField th.MultiFieldCell a { font-weight: bold; }

.MultiField table.MultiField th.MultiFieldHandle { background-color: #cccccc; }

.MultiField table.MultiField.AllowDragDrop td.MultiFieldHandle { background: url("../img/icon_handle.gif") left no-repeat; }
.MultiField table.MultiField.AllowDragDrop td.MultiFieldHandle:hover { background: url("../img/icon_handle_mo.gif") left no-repeat; }

.MultiField table.MultiField tr.MultiFieldTotalRow { border-top: 2px #CCCCCC solid; border-bottom: 2px #CCCCCC solid; }

.MultiField table.MultiField tr.MultiFieldTotalRow .TotalRowInput { padding: 4px 8px 4px 8px; margin: 0; text-align: right!important; }

.MultiField table.MultiField tr.MultiFieldRow td.MultiFieldCell div.Display_Numeric { text-align: right; float: none; width: auto; }

.MultiField textarea			{ width: 87%; height: 40px; }
.MultiField #InfoRow td			{ padding: 8px; background-color: #fff; border: solid 1px #616161; }
.MultiField tr.MultiFieldDummyRow { display: none; }

.MultiField table.Multifield thead th { }
.MultiField td input[type="text"] { /* width: 88%; */ }
.MultiField td select			  { /* width: 88%; min-width: inherit; */ }
.MultiFieldCell a,
.MultiField td a                { color: #616161; font-weight: normal; }
.MultiField .MF_Document		{ width: 180px; }
.MultiField td.AddNewRow        { border-top: 1px solid #CCCCCC; padding: 3px 3px 3px 5px; }
.MultiField td.AddNewRow a      { font-size: 11px; color: #990000; font-weight: bold; text-decoration: none; }
.MultiField td.AddNewRow a:hover{ text-decoration: underline; }
.MultiField .MF_Document input	{ width: auto; }
.MultiField .MF_Text			{ width: 180px; white-space: normal; }
.MultiField .MF_Integer			{ text-align: right; min-width: 55px; }
.MultiField .MF_Decimal,
.MultiField .MF_Percent,
.MultiField .MF_Currency		{ text-align: right; min-width: 75px; }
.MultiField .MF_Date,
.MultiField .MF_DateTime,
.MultiField .MF_Time				{ text-align: left; white-space: nowrap; }
.MultiField .MF_Boolean				{  }
.MultiField .MF_String				{  }
.MultiField input.InputBoxNumeric	{ text-align: right; }
.MultiField input.InputBoxNumericPercent	{ text-align: right; }
.MultiField input.InputBoxText		{ width: 88%; }
.MultiField td.PagerText            { color: #616161; }
#TabContentHolder div.Details .DocumentView .InputCellDiv.MultiField { overflow: auto; } /* HACK: RB-1510 */

.MultiFieldHandle,
.MultiField th.MultiFieldHandle	{ width: 4px; 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 */
.Calendar input				{ width: 73px; }
.CalendarIcons				{ padding-left:5px; cursor: pointer; line-height: 10px; white-space: nowrap; }
.ui-datepicker select		{ min-width: 0; }

/* Period Selector */
.PeriodSelector select.PeriodYearSelector { width: 60px; min-width: inherit; }
.PeriodSelector select.PeriodQuarterSelector { width: 60px; min-width: inherit; }
.PeriodSelector select.PeriodMonthSelector { width: 60px; min-width: inherit; }

/* Discussion */
.DiscussionBlock			{ border: 1px solid #999999; width: 100%; }
.DiscussionBlock .DiscussionHead { background-color: #eee; font-size: 11px; border-bottom: 1px solid #ccc; padding: 0px 4px; color: #777777; }
.DiscussionBlock .DiscussionHead .timestamp { font-size: 10px; color: #336699; }
.DiscussionBlock .DiscussionBody { padding: 4px; }
.DiscussionEditor			{ width: 100%; height: 29px; }
.DiscussionControl a 		{ color: red; font-weight: bold; font-size: 11px; }
textarea.DiscussionEditor.DisabledComment { border: none; background-color: #fff; }
.MoreDiscussionLink			{ height: 20px; }
/* Button */
.ButtonNormal								{ cursor: pointer; _width: 30px; white-space: nowrap; float: left; display: inline; /* border: 1px #999999 solid; */ }
.ButtonNormal .ButtonContent				{ line-height: 17px; font-size: 12px; margin-left: 4px; /* border-top: 1px solid black; border-bottom: 1px solid black; height: 17px; */ color: #000; }
.ButtonNormal .ButtonContent .ButtonText	{ padding: 0; /* text-align: center; */ white-space: nowrap; }
.ButtonNormal .ButtonContent .ButtonPressed	{ /* padding: 2px 5px 0 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: 17px; font-size: 12px; margin-left: 4px; /* border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; */ height: 17px; color: #aaa; }
.ButtonNormalDisabled .ButtonContent .ButtonText	{ /* padding: 0px 6px 1px 2px; text-align: center; */ white-space: nowrap; }
.ButtonNormalDisabled .ButtonContent .ButtonPressed	{ /* padding: 0px 6px 1px 2px; */ }

.ButtonText ul { list-style-type: none; list-style-position: outside; padding-left: 0; }
.ButtonText ul li { margin: 0; }

/* Tab/TabBlock FieldGroup Container */
.TabBlockContainer									{ /*padding: 15px; background-color: #eceded;*/ }
.TabBlockContainer.DoubleClick						{ /* cursor: pointer; */ }
.TabContainer										{ overflow-y: auto;
                                                      overflow-x: hidden;
                                                      border-top: none; 
                                                      background-color: #FFFFFF;
													  padding: 5px;
                                                      min-height: 335px;
                                                      background: url("../img/general/bg_view_portlet.png") repeat-y scroll -117px 50% transparent;
                                                    }

.TabContainer.OnlyTab								{ border-top: solid 1px #616161; }

/*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; border: 1px #AAAAAA solid; z-index: 9999; position: absolute; -moz-border-radius:4px 4px 4px 4px; }
#ColorSelectorTable td                      { color: #000000; cursor: pointer; text-align: center; }

#ValueGroupContainer                        { width:430px; }

/* AllowsManyDependent Fields (Multivalue fields) */
.AllowsManyDependent						{ padding-bottom: 5px; }
.AllowsManyDependent .DependentFieldSpacer  { width: 100%; height: 18px; }
.AllowsManyDependent .RowInput				{ padding-top: 2px; }
.AllowsManyDependent .FieldDependencyList li	{ padding-top: 1px; font-size: 11px; padding-right: 7px; }
.AllowsManyDependent .TotalRowLabel				{ margin-top: 3px; padding-right: 7px; font-weight: bold; }
.AllowsManyDependent .TotalRowInput				{ text-align: right; margin-top: 3px; padding-left: 10px; font-weight: bold; background-color:Transparent; }
.AllowsManyDependent .InputLabelDiv			{ padding-top: 0px; }
.AllowsManyDependent .InputCellDiv			{ padding-bottom: 2px; padding-top: 1px; font-size: 11px; }
.AllowsManyDependent .RowInput				{ padding-top: 1px; }
.AllowsManyDependent input[type="text"]		{ height: 14px; font-size: 11px; }
.AllowsManyDependent .DisplayDivs			{ line-height: 16px; margin-top: 2px; }
.AllowsManyDependent .Display_Numeric		{ width: 60px; text-align: right; }

/* Calendar Input Grid */
.CalendarInputGrid							{ float: left; font-size: 11px; }
.CalendarInputGrid .FlowchartCellChildren div	{ border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.CalendarInputGrid .CalendarInputGridLabels { float: left; margin-top: 104px; }
.CalendarInputGrid .CalendarInputGridInputs	{ float: left; clear: left; background-color: #fff; }
.CalendarInputGrid .CalendarInputGridInputs .DocumentView			{ float: left; width: 43px; overflow:hidden; }
.CalendarInputGrid .CalendarInputGridInputs .DocumentView.Highlight	{ background-color: #ebf5ec; border: 1px solid #4d9f6a; width: 43px; }
.CalendarInputGrid .InputHolder				{ float: left; width: 720px; background-color: #f4f4f4; }
.CalendarInputGrid .AllowsManyDependent .InputBoxNumeric			{ width: 24px; }
.CalendarInputGrid .AllowsManyDependent .Display_Numeric			{ width: 35px; }
.CalendarInputGrid .CalendarInputGridInputs .InputDivs
											{ background: none; }
.CalendarInputGrid .AllowsManyDependent .InputLabelDiv			{ width: 78px; padding-top: 10px; }
.CalendarInputGrid .AllowsManyDependent .InputLabelDiv .TopAlign { padding-right: 10px; }
.CalendarInputGrid .AllowsManyDependent .InputCellDiv			{ padding-left: 2px; padding-top: 7px; }
.CalendarInputGrid .AllowsManyDependent .FieldDependencyList li	{ padding-right: 0px; }
.CalendarInputGrid .AllowsManyDependent .TotalRowLabel			{ padding-right: 0px; }

.CalendarInputGrid .DocumentView							{ border: 1px solid #fff; }
.CalendarInputGrid .DocumentView.SelectedView				{ border: 1px dashed #000; }
.CalendarInputGrid .DocumentView .modalButtons              { padding: 0px; }
.CalendarInputGrid .DocumentView button                     { background-image: none; font-size: 10px; }
.CalendarInputGrid .DocumentView button span                { background-image: none; padding-left: 2px; }
.CalendarInputGrid .DocumentView button.action              { background-image: none; font-size: 10px; }
.CalendarInputGrid .DocumentView button.action span         { background-image: none; padding-left: 2px; }
.CalendarInputGrid .DocumentView button:hover span          { color:#616161; text-shadow: #FFFFFF 1px 1px 0; }
.CalendarInputGrid .DocumentView button.action:hover span   { color: #006636; text-shadow: #FFFFFF 1px 1px 0; }

.CalendarInputGrid .DayRow div,
.CalendarInputGrid .w1 { width:40px; }
.CalendarInputGrid .w2 { width:85px; }
.CalendarInputGrid .w3 { width:130px; }
.CalendarInputGrid .w4 { width:175px; }
.CalendarInputGrid .w5 { width:220px; }
.CalendarInputGrid .w6 { width:265px; }
.CalendarInputGrid .w7 { width:310px; }
.CalendarInputGrid .w8 { width:355px; }
.GroupCosts_View .CalendarInputGrid .InputBoxNumeric { width: 54px; }

/* Allocation Editor */
#AllocationEditor								{ padding-left: 10px; padding-right: 10px; min-width: 500px; }
.AllocationEditorFormattingTable > tr > td		{ padding: 10px; }
.AllocationEditor .FlowchartCellChildren div	{ border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.AllocationLabelTable td input[type=text]		{ padding-left: 0px; padding: 0px; border-left: 0px; font-size: 11px; text-align: right; height: 20px; }
.AllocationLabelTable td input[type=text]:focus { border: 1px solid #aaa; border-left: 0px; background-color: #eee; text-align:left; }
.AllocationLabelTable							{ border-spacing: 0px; border-collapse: collapse; }
.AllocationLabelTable td						{ vertical-align: middle; white-space: nowrap; }
.AllocationLabelTable tr						{ height: 22px; }
.AllocationLabelTable select					{ min-width: 70px; font-size: 10px; height: 17px; }
.AllocationInputRow td							{ background-color: #efefef; }
.AllocationEditor .FlowchartCellChildren.LastRow div	{ border-right: 1px solid #fff; border-bottom: none; }
.AllocationEditor .FlowchartCellChildren div.LastColumn { border-right: 1px solid #aaa; }
.DataVisTable td.AllocationInvalid,
.AllocationLabelTable td input.AllocationInvalid	{ background-color: pink; border: 1px solid red; color: Red; font-weight: bold; }
.AllocationEditor .DataVisTable td				{ border: 1px solid #888888; height: 20px; }
.AllocationEditor .DataVisTable					{ max-width: 375px; }
.AllocationEditor .DataVisTable th				{ text-align: center; padding: 0px; }
.AllocationEditor .DataVisTable tr				{ height: 22px; }
.AllocationEditor .DataVisTable tr.TopRow,
.AllocationEditor .DataVisTable tr.TopRow th	{ height: 19px; }

/* Auto Filter */
.AutoFilterContainer                        { background-color: #FFFFFF; z-index: 10; position: absolute; border: 1px solid #006636; width: 202px; max-height:144px; overflow-y: auto; overflow-x: hidden; cursor: hand; margin-top: 1px; }
.AutoFilter                                 { background-color: #FFFFFF; z-index: 10; width: 305px; overflow-x: hidden; text-overflow: ellipsis; }
.AutoFilterInput							{ float:left; *float: none; }
.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: 169px; /* border-color: #fff; */ }
.AutoFilter a                               { display: block; white-space: nowrap; padding-left: 15px; color:#006636; }
.AutoFilter a:hover							{ text-decoration: none; }
.AutoFilter a span                          { color:#000000; }
.AutoFilter .Highlighted					{ background-color: #E8F4E9; text-decoration: none; }
.AutoFilterInput img						{ cursor: pointer; }
#TB_window .AFLoadingDiv					{ position: absolute; left: 350px; padding-top: 5px; }
.AFLoadingDiv								{ padding-top: 5px; position: absolute; }
.ui-autocomplete							{ max-height: 250px; overflow-y: auto; } 

.gridBottomControls                         { text-align: left; padding-top: 10px; }

/* Files */
.CreativesContainer                         { position: absolute; left: 640px; min-width:400px; white-space:nowrap; }
#CreativesContent                           { height:372px; overflow:auto; }
.CreativeProperties .TreeHolder				{ position: absolute; }
.FileContainer                              { margin: 12px; float:left; text-align:center; width: 106px; }
.FileContainer .ImageBorder                 { border: 1px solid #ccc; height: 106px; }
.FileContainer .ImageHolder					{ height: 106px; }
.ImageBorder img                            { margin: 3px auto 0 auto; cursor: pointer; }
.FileContainer .Caption                     { padding: 3px 2px; margin-right: 2px; line-height:11px; font-size: 11px; 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-top:15px; }
.FileContainer .FileColorBar				{ height: 15px; width: 104px; }

/* Color Picker */
.ColorChoice								{ float: left; margin-top: 5px; }
.ColorCoderPanel							{ width: 300px; margin-top: 8px; }
.ColorCoderPanel .TitleDiv					{ width: 250px; float: left; }
.ColorCoderPanel .ColorTitleDiv				{ float: left; margin-left: 3px; }
.ColorCoderPanel .LabelDiv					{ width: 250px; float: left; margin-top: 5px; }

/* 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: 1px #666666 solid; z-index: 10000; margin-top: 2px; margin-left: 0px; }
.EmailDirectory                             { width: 100%; height: 200px; background-color: #FFFFFF; overflow-y: scroll; overflow-x: visible; text-overflow: ellipsis; }
.EmailDirectory a                           { white-space: nowrap; line-height: 20px; margin: 5px; color: #000000; }
.EmailDirectory a.selected                   { font-style: italic; text-decoration: none; cursor: default; color: Gray; }

/* FileManager */
.FileIcon                                     { padding-right: 5px; float: left; }
.FileManager								  { height: 400px;	}
.FileManager td.TreeViewCell                  { width: 300px; vertical-align: top;	}
.FileManager td.ListViewCell                  { width: 600px; height: 400px; vertical-align: top; }
.FileManagerPortlet .FileManagerPortletHeader { font-size: 12px; height: 24px; text-align: center; padding-top: 6px; }
#FileManagerFolderTree td					  { vertical-align: middle; }
#FileManagerFolderTree					      { overflow: auto; height: 371px; }
#FileManagerListView                          { overflow-y: auto; overflow-x: hidden; height: 100%; position: relative; width: 600px; }
.dropzonehover								  { background-color: #ccc; }
.FMFolder, .FMFile							  { cursor: pointer; }
td.Hovered .FMFolder .FMDTName, 
td.Hovered .FMFile .FMDTName				  { 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 0 0; }

/* Pagination */
.Pagination											{ background:#E0E2E1; height:30px; width:100%; }
.Pagination td										{ padding:0; }
.Pagination td a									{ color:Black; }
.Pagination .rgPagerCell							{ border:1pt solid; border-color:#D4D4D4; border-right-width:0pt; border-bottom-width:0pt; border-top-width:1pt; padding:5px 0 4px; }
.Pagination .rgWrap									{ float:left; padding:0 10px; line-height:22px; white-space:nowrap; }
.Pagination .rgArrPart1								{ padding-right:0; }
.Pagination .rgArrPart2								{ padding-left:0; }
.Pagination .rgArrPart1 img,
.Pagination .rgArrPart2 img							{ margin:0 8px; }
.Pagination .rgInfoPart								{ float:right; color:#616161; font-family:Arial; font-size:9pt; }
.Pagination .rgPagerLabel							{ margin:0 4px 0 0; vertical-align:middle; font-family:Arial; font-size:10pt; font-weight: bold; }
.Pagination .rgPageSelect							{ min-width: 0; }

.Pagination .rgNumPart								{ padding:0; font-size:10pt; }
.Pagination .NumericPages .rgNumPart				{ padding:0 10px; }
.Pagination .rgNumPart a:hover,
.Pagination .rgNumPart a:hover span,
.Pagination .rgNumPart a.rgCurrentPage,
.Pagination .rgNumPart a.rgCurrentPage span			{ background:no-repeat url('Grid/sprite.gif'); }
.Pagination .rgNumPart a							{ float:left; line-height:22px; margin:0; padding:0 5px 0 0; color:#fff; text-decoration:none; }
.Pagination .rgNumPart span							{ float:left; color: #000000; padding:0 0 0 5px; }
.Pagination .rgNumPart a:hover						{ background-position:100% -1250px; color:Black; font-family:Arial; font-weight:bold; }
.Pagination .rgNumPart a:hover span					{ background-position:0 -1150px; cursor:pointer; }
.Pagination .rgNumPart a.rgCurrentPage,
.Pagination .rgNumPart a.rgCurrentPage:hover		{ font-family:Arial Black; font-weight:bold; font-size:10pt; background-color:#C5D8EF; border:solid 1pt #616161; cursor:default; line-height:13pt; margin-top:1pt; }
.Pagination .rgNumPart a.rgCurrentPage span,
.Pagination .rgNumPart a.rgCurrentPage:hover span	{ background-position:0 -1350px; cursor:default; }

/* NEW jQuery ContextMenu control 5-15-2010 */
/* Generic context menu styles */
body ul.cm_default, body ul.cm_default ul
{
	/* Required settings */
	top:-1000px; left:-1000px; position:absolute; z-index:1100; 
	/* Possibly inherited values overrides */
	border-width:0;  float:none; height:auto; margin:0; padding:0; width:auto;	
	/* Additional settings */
	border-top:solid 1px #acacac; border-bottom:solid 1px #acacac;
}
body ul.cm_default li
{
	/* Required settings */
	width:162px; list-style:none none outside;
	/* Possibly inherited values overrides */
	float:none; height:auto; letter-spacing:normal; margin:0; border-width:0; line-height:normal; margin:0; 
	text-align:left; text-decoration:none; text-indent:0; text-transform:none; vertical-align:top; word-spacing:normal;
	font-family:Arial, Sans-Serif; font-size:11px; font-style:normal; font-variant:normal; font-weight:normal;
	/* Additional settings */
	overflow:hidden; cursor:default; padding:3px 5px 3px 31px; 
	border-left:solid 1px #acacac; border-right:solid 1px #acacac; 
	background:#e6e6e6 url(../img/contextMenu/background.gif) repeat-y 0 0; color: #000;
}
body ul.cm_default li.separator{width:198px; height:12px; background:#e6e6e6 url(../img/contextMenu/separator.gif) no-repeat; padding:0}
/* IE 6/7 hack */
body ul.cm_default li.separator{*margin:-1px 0 -5px 0}
body ul.cm_default li.disabled{color:#999}
body ul.cm_default li span.submenu{display:block; width:4px; height:11px; float:right; background:url(../img/contextMenu/submenu.gif) no-repeat 0 4px}
body ul.cm_default li.disabled span.submenu{background-image:url(../img/contextMenu/submenu_dis.gif)}
body ul.cm_default li.hover{background-color:#d4dde6; background-image:url(../img/contextMenu/hover.gif)}
/* no hover effects on separators*/
body ul.cm_default li.hover.separator{background-color:#e6e6e6; background-image:url(../img/contextMenu/separator.gif)}


/* jstree Control css */
/*
 * jsTree default theme 1.0
 * Supported features: dots/no-dots, icons/no-icons, focused, loading
 * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
 */

.jstree-default li, 
.MediaTypeMenu.jstree-default ins { background-image:url("../img/icons/jsTree/d.png"); }
.jstree-default ins { background-image:url("../img/icons/jsTree/d.png"); background-repeat:no-repeat; background-color:transparent; }
.jstree-default ins:hover { background-image:url("../img/icons/jsTree/d_over.png"); }
.jstree-default li { background-position:-90px 0; background-repeat:repeat-y; }
.jstree-default li.jstree-last { background:transparent; }
.jstree-default .jstree-open > ins { background-position:-72px 0; }
.jstree-default .jstree-closed > ins { background-position:-54px 0; }
.jstree-default .jstree-leaf > ins { background-position:-36px 0; }

.jstree-default .jstree-hovered { background:#e7f4f9; border:1px solid #d8f0fa; padding:0 2px 0 1px; }
.jstree-default .jstree-clicked { background:#beebff; border:1px solid #99defd; padding:0 2px 0 1px; }
.jstree-default a .jstree-icon { background-position:-56px -19px; }
.jstree-default a.jstree-loading .jstree-icon { background:url("../img/icons/jsTree/throbber.gif") center center no-repeat !important; }

.jstree-default.jstree-focused { /*background: transparent; */ }

.jstree-default .jstree-no-dots li, 
.jstree-default .jstree-no-dots .jstree-leaf > ins { background:transparent; }
.jstree-default .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
.jstree-default .jstree-no-dots .jstree-closed > ins { background-position:0 0; }

.jstree-default .jstree-no-icons a .jstree-icon { display:none; }

.jstree-default .jstree-search { font-style:italic; }

.jstree-default .jstree-no-icons .jstree-checkbox { display:inline-block; }
.jstree-default .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
.jstree-default .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
.jstree-default .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
.jstree-default .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
.jstree-default .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
.jstree-default .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
.jstree-default .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }

#vakata-dragged.jstree-default ins { background:transparent !important; }
#vakata-dragged.jstree-default .jstree-ok { background:url("../img/icons/jsTree/d.png") -2px -53px no-repeat !important; }
#vakata-dragged.jstree-default .jstree-invalid { background:url("../img/icons/jsTree/d.png") -18px -53px no-repeat !important; }
#jstree-marker.jstree-default { background:url("../img/icons/jsTree/d.png") -41px -57px no-repeat !important; }

.jstree-default a.jstree-search { color:aqua; }

#vakata-contextmenu.jstree-default-context, 
#vakata-contextmenu.jstree-default-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
#vakata-contextmenu.jstree-default-context li { }
#vakata-contextmenu.jstree-default-context a { color:black; font-size: 11px; }
#vakata-contextmenu.jstree-default-context a:hover, 
#vakata-contextmenu.jstree-default-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a, 
#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
#vakata-contextmenu.jstree-default-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
#vakata-contextmenu.jstree-default-context li ul { margin-left:-4px; }

/* customized jsTree classes */
.jstree-default input { font-size: 12px; margin: 0px; }
.MediaTypeMenu.jstree-default li { min-height: 26px; font-size: 12px; }
.MediaTypeMenu.jstree-default li a { color: #b0b0b0; }
.MediaTypeMenu.jstree-default li a.hasInsertions { color: #616161; }
.MediaTypeMenu.jstree-default li a.selected { font-weight: bold; color: #000; }
.jstree-default li[selectable=false] > a > .jstree-checkbox { display:none !important; }

/* IE6 BEGIN */
.jstree-default li, 
.jstree-default ins,
#vakata-dragged.jstree-default .jstree-invalid, 
#vakata-dragged.jstree-default .jstree-ok, 
#jstree-marker.jstree-default { _background-image:url("../img/icons/jsTree/d.gif"); }
.jstree-default .jstree-open ins { _background-position:-72px 0; }
.jstree-default .jstree-closed ins { _background-position:-54px 0; }
.jstree-default .jstree-leaf ins { _background-position:-36px 0; }
.jstree-default a ins.jstree-icon { _background-position:-56px -19px; }
#vakata-contextmenu.jstree-default-context ins { _display:none; }
#vakata-contextmenu.jstree-default-context li { _zoom:1; }
.jstree-default .jstree-undetermined a .jstree-checkbox { _background-position:-20px -19px; }
.jstree-default .jstree-checked a .jstree-checkbox { _background-position:-38px -19px; }
.jstree-default .jstree-unchecked a .jstree-checkbox { _background-position:-2px -19px; }
/* IE6 END */

/* jQuery DataTables */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 400px;
	_height: 400px;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
	margin-left: 10px;
}

.dataTables_length select
{
	min-width: 0;
	width: auto;
}

.dataTables_filter {
	width: 33%;
	float: left;
	text-align: right;
}

.dataTables_info {
	width: 33%;
	float: right;
	margin-right: 10px;
	margin-top: 2px;
	text-align: right;
}

.dataTables_paginate {
	width: 45px;
	text-align: right;
	float: left;
	margin-left: 10px;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../img/icons/jsDatatable/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../img/icons/jsDatatable/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../img/icons/jsDatatable/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../img/icons/jsDatatable/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
	white-space: nowrap;
}

table.display td.center {
	text-align: center;
}

table.display thead th
{
	font-size: 12px;
	height: 30px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../img/icons/jsDatatable/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../img/icons/jsDatatable/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../img/icons/jsDatatable/sort_both.png') no-repeat center right;
}

.sorting:hover, .sorting_asc:hover, .sorting_desc:hover
{
	text-decoration: underline;
	cursor: pointer;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}




table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */

.DataTableBottom 
{
	float: left;
	width: 100%;
	padding: 6px 0px;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}

/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}


/* Multiselect
----------------------------------*/

.ui-multiselect { border: 1px solid; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect div.list-container { padding: 0; margin: 0; border: 0; float:left;  }
.ui-multiselect ul.list { position: relative; padding: 0; overflow: auto; overflow-x: hidden; margin: 0; list-style: none; width: 100%; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; padding-left: 10px; white-space: nowrap; overflow: hidden; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect ul.ui-state-highlight { border: none; }
.ui-multiselect li.ui-draggable-dragging { border: 1px solid; padding-left: 10px; z-index: 99999; }

.ui-multiselect div.selected { border-left: 1px solid; }
.ui-multiselect ul.selected { }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { }
.ui-multiselect ul.available { }
.ui-multiselect ul.available li { }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; }
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect .add-all { float: right; padding: 7px; white-space: nowrap; }
.ui-multiselect .remove-all { float: right; padding: 7px; white-space: nowrap; }
.ui-multiselect .count { cursor: default; float: left; padding: 7px; }
.ui-multiselect .search { float: left; padding: 1px; opacity: 0.7; margin: 4px; height: 14px; }
.ui-multiselect .busy { left: 0px; float: left; padding: 7px 7px 7px 25px; z-index: 1; background: url(images/loading.gif) 4px 50% no-repeat; }
.ui-multiselect .overlay { background: #aaaaaa; opacity: .30;filter:Alpha(Opacity=30); }

.ui-multiselect li a.action { position: absolute; border: none; right: 0px; top: 1px; padding-right: 2px; }

/* jQuery.colorpicker */
#colorpicker {
    border: 1px solid #000;
    background-color: #fff;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    -moz-box-shadow: 0 0 0.5em #666;
    -webkit-box-shadow: 0 0 0.5em #666;
    box-shadow: 0 0 0.5em #666;
    position: absolute;
    z-index: 9999;
    display: none;
}
#colorpicker:focus {
    outline: none;
}
#colorpicker > div {
    height: 1.5em;
    margin: 5px;
}
#colorpicker table {
    border-spacing: 5px;
    border-collapse: separate;
    display: none;
}
#colorpicker td, .colorpicker-default {
    cursor: pointer;
    border: 1px solid #000;
}
#colorpicker td:hover, .colorpicker-default:hover {
    -moz-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px #000;
}
.colorpicker-default {
    padding: 0 1em;
    margin-right: 0.5em;
    display: inline-block;
}
.colorpicker-tab {
    border: 1px solid #999;
    padding: 0 1em;
    background-color: #ccc;
    margin-left: 0.5em;
    cursor: pointer;
    color: #000;
    display: inline-block;
}
.colorpicker-tab-selected {
    background-color: #999;
}
.colorpicker-anchor {
    display: none;
}
.colorpicker-selector {
    display: inline-block;
    height: 1em;
    width: 1.618em;
    vertical-align: text-top;
    border: 1px solid #000;
    cursor: pointer;
}

