Click here to Skip to main content
Click here to Skip to main content
Add your own
alternative version

DataGridView Custom Headers in VB.NET

, 9 Mar 2009 CPOL
How to give Custom Headers to your DataGridView
DGVHeaderColor.zip
DGVHeaderColor
DGVHeaderColor
DGVHeaderColor.exe
DGVHeaderColor.pdb
DGVHeaderColor.vbproj.user
DGVHeaderColor.vshost.exe
My Project
Application.myapp
Settings.settings
Resources
AquaBall Blue.png
Button Gray Stripe 01 050.png
DGVHeaderColor.suo
Docs
Gradient ColumnHeader_files
4BBCD906-6DAD-4443-8F0B-525208645B30.jpg
add.gif
AddTo_Blink.png
AddTo_Delicious.png
AddTo_Digg.png
AddTo_Facebook.png
AddTo_Furl.png
AddTo_Google.png
AddTo_Live.png
AddTo_MrWong.png
AddTo_Newsvine.png
AddTo_Reddit.png
AddTo_Simpy.png
AddTo_stumbleupon.png
AddTo_Technorati.png
AddTo_Yahoo.png
ajax-loader.gif
BE.gif
discuss.gif
forum_faq.gif
forum_newmsg.gif
forum_search.gif
GradientColumnheader.png
javaduke.jpg
LAMP.GIF
link.png
logo225x90.gif
mail.gif
member_sm.gif
MonthlyComp.png
msg_admin.gif
msg_answer.gif
msg_general.gif
msg_joke.gif
msg_news.gif
msg_question.gif
msg_rant.gif
pollcol.gif
print.gif
red.gif
report.gif
ServeHTML_data
developer_express_60Free-Controls-150x80.swf
ServeHTML_data_002
B3424356_data
crystal-160x600.swf
ServeHTML_data_003
Dundas_468x60_Chart.swf
ServeLinks_data
smartclient24.jpg
smiley_confused.gif
smiley_laugh.gif
smiley_OMG.gif
smiley_smile.gif
smiley_wink.gif
t.gif
thumbs_down.gif
thumbs_up.gif
t_002.gif
watchon.png
white.gif
/*
# Black               : #000000
# White               : #ffffff

-- Main Theme --
# Bold Orange         : #ff9900 - Main theme, headings
# Light Orange Yellow : #FFCC66 - Sub theme, Side Menu backgrounds
# close to "Sand"     : #FFE0B3 - Sub-sub theme. Feature header background, Side submenu background
# AntiqueWhite1       : #FFEFDB - Side Submenu hover/selected colour
# close to "Wheat2"   : #FBEDBB - PRE block Highlight, Article header and highlights
# Darker Orange       : #E08900 - Makes button elements match the main theme colour
# Dark Faded Red      : #990000 - in-text Code, Feature Header Text
# Floral white        : #FFFAF0 - Feature content background

-- Contrast Theme --
# nearly Forest Green : #488E00 - Contrast main theme. Site dropdown menus
# nearly Yellow Green : #C3DE6C - Site dropdown menu highlight/hover
# "Bob Green"         : #76AB40 or #85BC4C

-- Highlights and Shadings --
# Very light grey     : #FAFAFA - Good for backgrounds
# Grey93              : #EDEDED - Main Content box Header background, Search bar
# Pale Gray           : #CCCCCC - Main Content box border
# Dark Gray           : #666666 - H6, Descriptions
# Obscure Gray        : #333333 - Nav Menu Chapter heading

# Pale Yellow         : #FFFFCC - Callout
# Lavender            : #E6E6FA - Unedited article header
# Grey89              : #E3E3E3 - Article in Purgatory
*/
HTML
{
	font-size: 100.01%;
}
BODY, P, H1, H2, H3, H4, H5, H6, LI, TR, TD, TH, DD, DT
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt; /*93%; */
	/*line-height: 1.25em;*/
	color: black;
}
BODY
{
	background-color: #ffffff;
	margin: 0pt; 
}

/* Fixed with articles 
#ctl00_AT{ width:960px; margin:auto;}
#ctl00_AT PRE { width: 800px; }
*/

H1, H2, H3, H4, H5, TH
{
	font-weight: bold;
}
H1
{
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
H2, H3, H5
{
	color: #ff9900;
}
H1 { font-size: 16pt; }
H2 { font-size: 13pt; }
H3 { font-size: 11pt; }
H4 { font-size: 10pt; margin-top: 2px; margin-bottom: 0px; }
H5 { font-size: 9pt; font-weight: bold;	margin-bottom: 2px; }
H6 { font-size: 65%; color: #666666; font-weight: normal; }

PRE
{
	background-color: #FBEDBB;
	padding: 7pt;
	font: 9pt "Courier New", Courier, mono;
	white-space:pre;
	overflow:auto !important;
}
CODE
{
	color: #990000;
	font-family: "Courier New" , Courier, mono;
	font-size:11pt;
}

img { -ms-interpolation-mode: bicubic; }

a:link		{ text-decoration: none; }
a:visited	{ text-decoration: none; }
a:active	{ text-decoration: underline; }
a:hover		{ text-decoration: underline; }
a:focus	 { outline: none; }

/*input:focus, textarea:focus
{
	border-color: #000;
	background-color: #FFFE9D;
	outline: none;  
}*/

/*a[href^="http://"]:not([href*="codeproject.com"])::after { content: "\2197"; }*/
TT.equation 
{ 
	font-family: 'Times New Roman', serif; 
	font-size:10pt; 
	font-style: italic; 
	white-space: pre; 
}

/* General styles */
.FormInput
{
	width: 500px;
}
.FormInputLong
{
	width: 600px;
}
.ScrollList
{
	overflow:auto;
	border-width:1px;
	border-color:Gray;
	border-style:solid;
	font-size: 8pt; 
	scrollbar-arrow-color:white; 
	scrollbar-face-color:#FF9900; 
	height:	100px;
}

/* Menu and navigation styles */
.MenuCat
{
	border-width:0px;
	text-transform: uppercase; 
	color: #FFFFFF; 
	font-family: Arial,Verdana; 
	font-size: 12px; /* fixed for layout */
	font-weight: bold; 
	background-color: #333;	
	padding: 2px 0px 2px 5px;
	margin:0px;
}
.MenuSectionBlock
{
	border-width:0px;
	background-color: #FFCC66;
	font-weight: normal;
	font-family: Tahoma, Arial, sans-serif;
	position: relative;
	top: 0px;
	padding:0px;
	margin:0px;
}
.MenuChapter
{
	font-family: Arial; 
	font-size: 11px; 
	font-weight: bold; 
	color: #000000; 
	padding-left:5px;
	background-color: #FFCC66;
	border-bottom-style:solid;
	border-bottom-color:#f90;
	border-bottom-width:1px;
	display: block;
}
.MenuChapterSelected
{
	background-color:#FFE0B3;
}
.MenuChapter a
{
	color: #000000;
}
/* short names since these are used a lot */
.MI, .MI a,.MIS, .MIS a
{
	background-color:#FFE0B3;
	color: black;
	font-size: 8pt; 
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	/*width: 155px !important; */
	padding: 1px 0px 1px 3px;
	display: block;
}
.MI a:hover, .MIS, .MIS a
{	
	text-decoration: none;
	background-color:#FFEFDB;
	display:block;
}
.MIB, .MIB a
{
	font-weight:bold !important;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
/* End Menu and navigation styles */

/* General headlines and bar text */
.HeaderLogo
{
	background-color:#ff9900;
}
.HeaderBanner
{
	background-color:#ff9900;
	text-align:right;
	vertical-align:middle;
	width:100%;
}
.MainBlockHeader
{
	padding:2px;
	padding-left:5px;
	font-weight:bold;
	text-transform:uppercase;
	color:Black;
	font-family:Arial,Verdana;
	font-size:13px; 
	background-color:#EDEDED;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	border-bottom-style:none;
	white-space: nowrap;
}
.TitleHeader
{
	font-size:13px;
}
.MainBlockContent
{
	/*width:inherit;*/
	padding:5px;
	font-size:8pt; 
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	/*border-top-style:none;*/
	margin-bottom:10px;
}
.MainBlockContent span, .MainBlockContent td
{
	font-size: 8pt;
}
.FeatureBlockHeader
{
	font-weight:bold;
	color:#900;
	text-transform:uppercase;
	font-family:Arial,Verdana;
	font-size:13px;
	background-color:#FFE0B3;

	padding:2px 2px 2px 5px;
	
	border-style: solid;
	border-width: 1px;
	border-color: #F90;
	border-bottom-style:none;
	
	white-space: nowrap;
}
.FeatureBlockHeader a
{
	color:#990000;
}
.FeatureBlockContent 
{
	font-size: 8pt; 
	background-color:#FFFAF0;
	
	padding:5px;
	
	border-style: solid;
	border-width: 1px;
	border-color: #F90;
	margin-bottom:10px;
	
	overflow:hidden;
	text-overflow:ellipsis;
}
.FeatureBlockContent li, .FeatureBlockContent td, .FeatureBlockContent p
{
	font-size: 8pt;
}
.FeatureBox
{
	border-style:solid;
	border-color:Black;
	border-width:1px;
	background-color:#FFFAF0;
	padding:10px;
}
.FeatureTable 
{
	border: 1px solid #CCCCCC;
	background-color:#FFFAF0;
	border-collapse:collapse;
	background-color:White;
}
.FeatureTable td
{
	border: 1px solid #CCCCCC;
	margin:0;
	padding:5px;
	font-size: 8pt; 
}

.AwdObj {width:90%;}
.AwdObj #cname {width:20%;}
.FeatureHeader, .FeatureTable thead
{
	background-color:#FFCC66;
	font-weight:bold;
}
.FeatureTable tr.AltItem
{
	background-color:#FEF9E7;
}
.BlockExtraText
{
	text-transform:none;
	padding-left:20px;
}
.TitleBar
{
  	font-family: Verdana,Arial, Helvetica, sans-serif;
	/*color: #990000; - Java*/
	color: #488E00; 
	font-size:1.6em;/*135%;*/
	font-weight: bold;
	margin-top:10px;
	text-align:left;
	margin-bottom:5px;
	float:left;
	letter-spacing: -1px;
}
.TitleBarSideText
{
	margin-top:20px;
	float:right;
	text-align:right;
	font-size:.85em;
	font-weight: normal;
}
.Divider
{
	color:#ff9900;
	background-color:#ff9900;
	height:1px;
	/*width:95%;*/
	/*text-align:center;*/
	margin:0px;
	padding:0px;
	border: 0;
}
.DividerFaint
{
	color:#ccc;
	background-color:#ccc;
	height:1px;
	margin:0px;
	padding:0px;
	border: 0;
}
/* End General headlines and bar text */

/* Specialised homepage headers */
.JoinHeader
{
	font-size: 17px;
	margin:4px;
	white-space:nowrap;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:black;
	background-color:#FFCC66;
	padding:4px;
	vertical-align:middle;
}
.JoinHeader a
{
	color: #990000;
	height:20px;
}
.ShopHeader
{
	font-size:17px;
	margin:4px;
	white-space:nowrap;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:black;
	background-color:#76AB40;
	padding:4px;
	vertical-align:middle;
}
.ShopHeader a
{
	color: White;
	filter: Shadow(color=#000000,strength=1,direction=135);
	height:20px;
}
/* End Specialised homepage headers */


/* Info and quick-pick bars */
.MemberNavBar td
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #f90;
	/*background-color:#FFCC66; or #FFCC66;*/
	color:#666;
	font-size:8pt;
}
.MemberNavBarText, .MemberNavBarText a
{
	font-size:8pt;
	color:#333;
	font-family:verdana,Sans-Serif;
	letter-spacing:-1px;
}

.CatChooser
{
	padding:2px 0px 6px 5px;
	/*width:100%;*/
	display:block;
	font-size:8pt;
	background-color:#f90; /*#FFE0B3;*/
}
.CatChooser span a
{
	padding:0px 5px 1px 5px;
	white-space:nowrap;
	font-size:8pt;
	color:#333; /*#33F;*/
}
.CatChooser span.CatSel a
{
	font-weight:bold;
	color:#333;/*#900;*/
	/*border-bottom: solid 1px #900;/*#FFE0B3 or ff9900;*/
	background-color: #FFE0B3; /*#ff9900;*/
}
.CatChooser span a:hover
{
	background-color: #FFE0B3; /*#ff9900;*/
	text-decoration:none;
}

.SearchHeaderBar
{
	background-color:#EDEDED;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:3px;
	margin:0px;
}
.LHNavBar
{
	width:170px;
	background-color:#FF9900;
	padding:1px;
	position:absolute;
	left:0px;
}
.ContentPane
{   
	padding: 5px;
	border-left: solid 172px #f90;
}
.ArticlePane
{
	padding: 5px;
	border-left: solid 172px #f90;
}

.DiffAdd, .DiffDel, .DiffSame, .DiffBlank
{
	white-space:nowrap;
	font: 9pt "Courier New", Courier, mono;
	display: block;
	width:100%;
}	
.DiffAdd	{ background-color: Yellow; }
.DiffDel	{ background-color: #FBEDBB; text-decoration:line-through; }
.DiffSame   { }
.DiffBlank  { background-color: #ccc; }
.DiffNum	{ color: #999; }

.RHFeatureBar
{
	vertical-align:top;
	overflow:hidden;
}
/* End Info and quick-pick bars */

/* Quick styles for consistency */
.precollapse
{
	font-size:7pt;
	font-weight:bold;
	background-color: #FBEDBB;
	display:inline;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
}
* html .no-vmads
{
	width: 100%; /*expression((document.body.clientWidth-160-16) + 'px');*/
	overflow:auto;
	margin:0;
	padding:0;
}

.FormButton
{ 
	font-size:90%;
	color: white; 
	border-color: #FFEFDB; 
	background-color: #E08900; 
	font-weight: 700; 
}
.ButtonSafe
{ 
	font-size:90%;
	color: white; 
	border-color: #FFEFDB;
	background-color: #76AB40; 
	font-weight: 700; 
}
.ButtonWarn
{ 
	font-size:90%;
	color: white; 
	border-color: #FFEFDB; 
	background-color: #f00; 
	font-weight: 700; 
}
.TextButton
{ 
	color: blue; 
	font-weight: 500; 
	border-width: 0px;
	cursor:pointer;
	text-align:left;
	background-color: white; 
}
.LargeText
{
	font-size: 13pt;
	font-weight:bold;
}
.SmallText, table.SmallText tr td
{
	font-size:8pt;
}
.TinyText
{
	font-size:7pt;
}
.SeparatorBottom
{
	vertical-align:top;
	text-decoration:none;
	color:#ff9900;
	text-shadow:none;
}
.SeparatorTop
{
	vertical-align:bottom;
	text-decoration:none;
	color:#ff9900;
	text-shadow:none;
}
.SeparatorCenter
{
	vertical-align:middle;
	text-decoration:none;
	color:#ff9900;
	text-shadow:none;
}
.ShortSeparatorCenter
{
	color:#fff1dd;
	background-color:#fff1dd;
	height:1px;
	width:50%;
	margin:0px;
	padding:0px;
	border: 0;
	text-align:left !important;
}
.SiteError
{
	/*
	border-left-style: solid;
	border-left-width: 1;
	border-left-color: red;
	border-top-style: solid;
	border-top-width: 1;
	border-top-color: red;
	*/
	padding: 10px;
	padding: 10px;
	margin-left: 20px;
	width: 80%;
	font-size: 9pt;
}
.Caption
{	
	font-size:8pt;
	font-style:italic;
	font-weight: bold;
}
.Filename
{	
	font-style:italic;
}
.Command
{
	font-weight: bold;
}
.Warning
{
	 border: 1px solid red;
	 padding:5px;
	 margin: 20px;
	 /*color:red;*/
	 background-color:#FFE3E0;
}
.Error, .Error li
{
	color:Red;
}
.Success
{
	color:Green;
	font-weight:bold;
}
.Failure
{
	color:Red;
	font-weight:bold;
}
.Callout
{
	margin: 20px; 
	background-color: #FFFFCC;
	border: 1px solid blue;
	padding: 5px;
}
.highlight	{ background-color:yellow; }
.bold		{ font-weight:bold !important;}
.emphasis	{ color:red; }
.subdue		{ color:#666;}
.SubtleEmph	{ background-color:#FFA;}
.NB			{ border-style: none !important;}		
.NBL		{ border-left-style: none !important;}		
.NBR		{ border-right-style: none !important;}		
.NBS		{ border-left-style: none !important;border-right-style: none !important;}		
.OffSite	{ color:#666;}

.AddTo
{
	font-size:8pt;
	cursor:pointer;
	margin:4px;
}
.ArticleTable, .ArticleTableNoBorder
{
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
 	padding: 5px 5px;
}
.ArticleTableNoBorder
{
	border-style: none; 
}
.ArticleTable th, .ArticleTableNoBorder th
{
 	padding: 5px 5px;
}
.ArticleTable th
{
	border: 1px solid #CCCCCC;
}
.ArticleTable thead, .ArticleTableNoBorder thead
{
	font-weight:bold; 
	background-color: #ebf6ff; 
}
.ArticleTable tfoot, .ArticleTableNoBorder tfoot
{
	font-weight: bold; 
}

.ArticleTable tr.ArticleTableRow, .ArticleTableNoBorder tr.ArticleTableRow
{
	background-color: #ebf6ff; 
}
.ArticleTable tr.ArticleTableAltRow, .ArticleTableNoBorder tr.ArticleTableAltRow
{
	background-color: #ddf0fe; 
}
.ArticleTable td, .ArticleTableNoBorder td
{
 	padding: 5px 5px;
}
.ArticleTable td
{
	border: 1px solid #CCCCCC;
}

.EditorReportTable
{
	border:				1px solid #CCCCCC;
	background-color:	#DADADA;
 	padding:			5px 5px;
 	border-collapse:	collapse;
}

.EditorReportTable th
{
 	padding: 5px 5px;
 	border: 1px solid #CCCCCC;
}

.EditorReportTable thead
{
	font-weight:bold;
	background-color: #ff9900;
}
.EditorReportTable tfoot
{
	font-weight: bold; 
	background-color:#85BC4C;
}

.EditorReportTable tr.EditorReportRow
{
	background-color: #fafafa; 
}

.EditorReportTable td
{
 	padding: 5px 5px;
 	border: 1px solid #CCCCCC;
}

.EditorComment
{
	border: thin solid #FF9900;
	background-color:Yellow;
	padding:5px;
}

/* End Quick styles for consistency */

/* List types */
ul.InfoList
{
	padding-left:15px;
	margin-left:0px;
	margin-bottom:5px;
	margin-top:5px;
}
ul.InfoList li
{
	padding-bottom:5px;
}
ul.download 
{
	margin-left: 1.5em
}
ul.download LI, LI.download
{
	list-style-image: url(/images/download.gif);
	/*font-size: 9pt;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0.5em;
}
ul.compact
{
	list-style-type:none;
	margin:0;
	padding-left:3px;
	line-height:1.4em;
}

ul.delegate li, li.delegate   { list-style-image: url(/images/symbols/delegate.gif); }
ul.enum li, li.enum			  { list-style-image: url(/images/symbols/Enum.GIF); }
ul.event li, li.event		  { list-style-image: url(/images/symbols/event.GIF); }
ul.interface li, li.interface { list-style-image: url(/images/symbols/interface.GIF); }
ul.literal li, li.literal	  { list-style-image: url(/images/symbols/literal.GIF); }
ul.method li, li.method		  { list-style-image: url(/images/symbols/method.GIF); }
ul.namespace li, li.namespace { list-style-image: url(/images/symbols/namespace.GIF); }
ul.property li, li.property	  { list-style-image: url(/images/symbols/property.GIF); }
ul.struct li, li.struct		  { list-style-image: url(/images/symbols/struct.GIF); }

ul.compactlist li, li.compactlist 
{
	list-style-image: url(/images/smallarrow.gif);
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: -1em;
	margin-bottom: 0px;
}
ul.compactlist
{
	margin-top: 5px;
	margin-bottom: 5px;
}

li.horizontal 
{
	display:inline;
	float:left;
	padding:0.2em 1em;
}
ul.horizontal
{
	list-style-type:circle;
	white-space:nowrap;
}
.SpacedList li 
{
	 padding: 5px 0px 5px 0px;
}
.MenuGroup
{
	font-weight:bold;
	font-style:italic;
	color:Gray;
}

.OptionInGroup
{	
	padding-left:10px;
}
dt
{ 
	font-weight:bold;
	margin-top:10px;
	margin-bottom:6px;
}
dd
{ 
	margin-bottom:6px;
	margin-left:25px;
}

/* End List types */

/* Syntax highlighting */
.code-comment		 { color: #008000; font-style: italic; }
.code-SummaryComment { color: #808080; }
.code-keyword		 { color: Blue; }
.code-SDKkeyword	 { color: #339999; } /* aqua */
.code-preprocessor	 { color: Navy; }
.code-string		 { color: Purple;  } /* darkgreen*/
.code-literal		 { color: Navy; }
.code-pagedirective  { background-color:yellow; }
.code-attribute	  { color: red;	 }
.code-tag			{ color: #800000; }
.code-leadattribute  { color: #800000; }
.code-digit		  { color: Navy; }
.code-none		   { color: #000; }
/* End Syntax highlighting */

/* Rating Styles */
.RatingBar
{
	background-color: #FBEDBB;
	border: 1px solid #FF9900;
}
.RatingBar tr
{
	font-size:8pt;
}
.HistTable
{
	margin-left:7px;
	background-color:#FFFAF0;
	border: solid 1 #ccc;
	border-collapse:collapse; 
	text-align:center;
}
.HistTable td
{
	vertical-align:bottom;
	font-size:6pt;
}
/* End Rating Styles */

/* Article Styles */
.ArticleHeader, .ArticleUneditedHeader, .ArticlePurgatoryHeader
{
	border-bottom: solid 1px #CCCCCC;
}
.ArticleHeader		  { background-color:#FBEDBB;}
.ArticleUneditedHeader  { background-color:#E6E6FA;}
.ArticlePurgatoryHeader { background-color:#E3E3E3;}
.ArticleReady		   { color: Green;}
.ArticleLocked		  { color: Red;  }
.ArticlePending		 { color: #333; }
.SectionTOC
{
	width: 98%;
}
.SectionTOCHeader, .SectionTOCHeader td
{
	border-top: solid 1px #FFCC66;
	border-bottom: solid 1px #FFCC66;
	background-color:#FFE0B3;
}
.SectionTOCRow, .SectionTOCRow td
{
	background-color:#FFFAF0;
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 15px;
}

.SectionTOCUneditedRow, .SectionTOCUneditedRow td
{
	background-color:#C0CBEE;
	border-bottom: solid 1px  #FBEDBB;
	padding-bottom: 15px;
}
.ArAttr
{
	color:#666;
	margin-top:5px;
	font-size:8pt;
}
.ArDesc
{
	color:#666;
	font-size:8pt;
}
.ArticleBeginner
{
	font-weight:bold;
	color:Green;
}
.ArticleIntermediate
{
	display:none;
}
.ArticleAdvanced
{
	font-weight:bold;
	color:Red;
}
.ImagePreview
{
	border: 1px solid #333;
}

.QueueArticle						{}
.QueueArticleComment				{}
.QueueArticleOnHold					{}
.QueueArticleCommentOnHold			{}
.QueueArticleQueued					{}
.QueueArticleCommentQueued			{}
.QueueArticlePosting				{color:Green;}
.QueueArticleCommentPosting			{color:Green;}
.QueueArticlePosted					{color:Green;}
.QueueArticleCommentPosted			{color:Gray;}
.QueueArticleNeedAssistance			{color:Red;font-weight:bold;}
.QueueArticleCommentNeedAssistance	{color:Red;}
.QueueArticleNeedAttention			{color:Red; font-weight:bold;}
.QueueArticleCommentNeedAttention	{color:Red;}

/* Article Styles */

/* Member Styles - names cannot change*/
.MemberBronze	{background-color:#CC9966;}
.MemberSilver	{background-color:Silver;}
.MemberGold		{background-color:#ffcc00;}
.MemberPlatinum	{background-color:#99ccff;}
/* Member Styles */

/* Industry Styles */
.IndustryHeader
{
	font-size:10pt;   
	font-weight:bold;
}
/* END Industry Styles */

/* Survey styles */
.SurveyBriefHeader
{
	padding:2px;
	padding-left:5px;
	font-weight:bold;
	color:#990000;
	font-family:Arial,Verdana;
	font-size:13px; 
	background-color:#FFE0B3;
	border-style: solid;
	border-width: 1px;
	border-color: #FF9900;
}
.SurveyBlockContent
{
	/*width:inherit;*/
	font-size: 8pt; 
	padding:3px;
	padding-top:5px;
	background-color:#FFFAF0;/*#FFE0B3;*/
	border-style: solid;
	border-width: 1px;
	border-color: #FF9900;
	border-top-style:none;
	overflow:hidden;
	text-overflow:ellipsis;		
}
.SurveySubline
{
	font-size: 8pt; 
	color:black;
	font-weight:normal;
}
.SurveyQPrmpt
{
	font-size: 8pt; 
}
.SurveyVoteBar
{
	padding:2px;
	padding-left:5px;
	font-weight:bold;
	color:Black;
	font-family:Arial,Verdana;
	font-size: 10pt; 
	background-color:#EDEDED; 
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	margin:0px;
	margin-top:5px;
}
.SurveyTable
{
	padding:2px;
	background-color:#FFFAF0; /*#FFE0B3;*/
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #EDEDED;	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #EDEDED;	
	background-color:#FAFAFA;
}
.SurveyVoteTable
{
	padding:20px;
	background-color:#FFFAF0; /*#FFE0B3;*/
}
.SurveyVoteCell
{
	font-size: 8pt; 
}
.SurveyCell
{
	font-size: 8pt; 
	border-right: solid 1px #EDEDED;
	border-top: solid 1px #EDEDED;
	padding:1px;
	padding-right:3px;
}
.SurveyHeader
{
	font-weight:bold;
	background-color:#FF9900;
}
.SurveyBody
{
	background-color:#FFFFFF;
}
.SurveyFooter
{
	font-weight:bold;
	background-color: #488E00;
}
.SurveyHeaderCell
{
	color: White;  
}
/* Survey styles */

/* Attribute Bar */
.AttrBarMainHover
{
	/*background-color:white;*/
	font-family:verdana;
	font-size:8pt;
	font-weight:bold;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:clip;	
}
.AttrBarMain
{
	/*background-color:white;*/
	font-family:verdana;
	font-size:8pt;
}
.AttrBarSubHover
{
	background-color:white;
	font-family:verdana;
	font-size:8pt;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:#ff9900;
	background-color:#FFE0B3;
	padding:0px;
	margin:0px;
	overflow:hidden;
	white-space:nowrap;
}
.AttrBarSub
{
	background-color:white;
	font-family:verdana;
	font-size:8pt;
	height:18px;
	padding:0px;
	margin:0px;
}
.AttrBarCont
{
	background-color:white;
	border-style:solid;
	border-width:1px;
	border-color:black;
}
.AttrScrollBox 
{
	height: 150px;
	width: 120px;
	overflow:auto;
	border-width:1px;
	border-color:Gray;
	border-style:solid;
	font-size: 8pt; 
	scrollbar-arrow-color:white; 
	scrollbar-face-color:#FF9900; 
}
.ASBVers /* attribute scrollbox version */
{
	padding-left:10px;
	font-size: 7pt;
	overflow:hidden;
	white-space:nowrap;
}
/* Attribute Bar */

/* Top Nav Bar */
.NavBarMainHover
{
	background-color:#C3DE6C;
	font-family:verdana;
	font-size:9pt;
	color:black;
	font-weight:bold;
}
.NavBarMain
{
	background-color:#488E00;
	font-family:verdana;
	font-size:10pt;
	color:white;
	font-weight:bold;
}
.NavBarSubHover
{
	background-color:#C3DE6C;
	font-family:verdana;
	font-size:10pt;
	color:black;
	font-weight:bold;
	text-decoration:none;
	height:24px;
}
.NavBarSub
{
	background-color:#488E00;
	font-family:verdana;
	font-size:9pt;
	color:white;
	font-weight:bold;
}
.NavBarCont
{
	background-color:#488E00;
}
/* Top Nav Bar */

/* Admin Styles */ /* Empty for now. Just a PlaceHolder */
.AdminMessageTable  /*style class for displaying admin messages in table form*/
{
}

.AdminMessageCell /*style class for displaying admin messages in table form (cell class)*/
{
}
.AdminMessageDiv /*style class for displaying admin messages in div with line breaks*/
{
}
.AdminMessageList /*style class for displaying admin messages as a list*/
{
}
#_adminTrace
{
    margin-left:175px;
}
.AdminTrace
{
	margin-left: 20px;
	margin-right: 20px;
	margin-top:10px;
	margin-bottom:5px;
	background-color:#EDEDED;
	font-family:verdana;
	font-size:7pt;
	padding:5px;
	border: 1px dashed red;
}
/* End Admin Styles */

/* mailout styles */
.Archive
{
}
.ArchiveHeader, .ArchiveHeader td
{
	border-top: solid 1px #FFCC66;
	border-bottom: solid 1px #FFCC66;
	background-color:#FFE0B3;
}
.ArchiveRow, .ArchiveRow td
{
	background-color:#FFFAF0;
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 15px;
}
/* end mailout styles */


/* zone styles */
.ZoneBlockHeader
{
	/*width:inherit;*/
	font-weight:bold;
	font-family:Arial,Verdana;
	font-size:13px;
	white-space: nowrap;
	border-bottom-width: 5px;
	border-bottom-color: #efefef;
	border-bottom-style:dotted;	
	margin-left:0px;
}
.ZoneSponsor, .ZoneSponsor a
{
	color:#666666;
	font-weight:bold;
	font-size: 8pt; 
}
.ZoneList
{
	margin-top:7px;
}
.ZoneBlockHeader a
{
	color:#000;
}
.ZoneBlockContent 
{
	font-size: 8pt;
	padding:5px;
	margin-bottom:10px;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* end of zone styles */

/* Job styles */
.Gradient
{
	background-image: url(/script/jobs/images/gradient.gif);
	background-repeat:repeat-x;
	background-position:top;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#E9E7FD',EndColorStr='white';*/
}
.JobBox
{
	border:1px solid #999;
	margin:15px;
	padding:5px;
}
.JobTable 
{
	border: 1px solid #ffe9bd;
	background-color:#FFFAF0;
	border-collapse:collapse;
	background-color:White;
}
.JobTable td
{
	border: 1px solid #ffe9bd;
	margin:0;
	padding:5px;
	font-size: 8pt; 
}
.JobTable tr.AltItem
{
	background-color:#FEF9E7;
}
.JobTable thead, .JobTable thead a, .JobTable thead td
{
	background-color:#FEF9E7;
	border-style:none;
	font-weight:bold;
	text-transform:capitalize;
	color: #f49300;
}

.JobDetBox
{
	border-top:1px solid #ffe9bd;
	border-collapse:collapse;
	background-color:#FFF2D9;
}
.JobDetHeader
{
	/*background:#FFF url(images/bg_boxes.gif) repeat-x top;*/
	height:37px;
	font:bold 8pt/1.05 Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#f49300;
	border-bottom:1px solid #ffe9bd;
	padding:0 0 0 10px;
}
.JobDetBox div.InfoRow
{
	white-space:nowrap;
	width:100%;
}
.JobDetLabel, .JobDetBox div.InfoRow
{
	font:bold 9pt/1.05 Arial, Helvetica, sans-serif;
	border-right:1px solid #ffe9bd;
	border-bottom:1px solid #ffe9bd;
	border-left:1px solid #ffe9bd;
	padding:5px;
	text-align:right;
}
.JobDetValue, .JobDetBox div.InfoRow
{
	font:normal 9pt/1.05 Arial, Helvetica, sans-serif;
	border-right:1px solid #ffe9bd;
	border-bottom:1px solid #ffe9bd;
	padding:5px;
	text-align:left;
	color:#333;
}
.JobDetBox div.Label, .JobDetBox div.Input, .JobDetBox div.InfoRow
{
    padding:3px;
}
.JobDetBox div.Label
{
	border-right:1px solid #ffe9bd;
}

/* end Job styles */

.AdTextLinks
{
	font-size:8pt;
	overflow:hidden;
	margin:0px;
	padding:0px;
	padding-left:5px;
	line-height:1.5em;
	width:300px;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.LatestJobsHeader
{
	border-top: solid 1px #FFCC66;
	border-bottom: solid 1px #FFCC66;
	background-color:#FFE0B3;
}

.WinnersCompetitionNameCell
{
	width:150px;
	white-space:nowrap;
}

.SmallParagraph
{
	padding-top:7px;
}

/* Award styles */
.CompetitionTable
{
	padding:2px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #EDEDED;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #EDEDED;
}
.CompetitionCell
{
	font-size: 8pt; 
	border-right: solid 1px #EDEDED;
	border-top: solid 1px #EDEDED;
	padding:1px;
	padding-right:3px;
}
.CompetitionHeader
{
	font-weight:bold;
	background-color:#FF9900;
}
.CompetitionHeaderCell
{
	color: White;
}
.CompetitionAlternativeRow
{
	background-color:#FFFAF0;
}
/* end Award styles */

/*   ListBoxes style   */
.StatusBox
{
	width: 200px;
}
/* end ListBoxes style */
.LinkButton
{
	cursor: pointer;
	font-size: 7pt;
	font-family: Verdana;
}
.Veil
{
	position:absolute;
	z-index:2;
	background-color:#fff;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}
.NewsHL {  }
.NewsBL { font-style:italic;}
.NewsItem { font-size: 8pt; }
.NewsSource { font-size: 8pt; color: #333; font-style:italic;}

.AdSection { background-color:#FBEDBB; }
.NoHeaderListingRow
{
	border-right: solid 1px #cccccc;	
	border-top: solid 1px #cccccc;	
	border-left: solid 1px #cccccc;
}
.NoHeaderListingFooter
{
	border-top: solid 1px #cccccc;
}

.TabFrame
{
	/*background-color: #F9FBE0; 
	border: solid 1px #ff9900;*/
}
.tabContent
{
	padding: 10px; 
	background: #FFFFFF;
}
.tabContent ul
{
	padding-top: 0px; 
	margin-top:10px; 
	margin-bottom:10px;
}
.TabMenuSpacer
{
	border-bottom: solid 1px #ff9900;
}
.TabMenuItem
{
	white-space: nowrap; 
	text-align: center;
	padding: 5px; 
	border: solid 1px #ff9900; 
	background-color: #E7F2F8;
}
.TabMenuItemSelected
{
	white-space: nowrap; 
	text-align: center;
	padding: 5px; 
	border-top: solid 1px #ff9900;
	border-right: solid 1px #ff9900;
	border-left: solid 1px #ff9900;
	background-color: #FFFFFF
}
.AlignedInput
{
	clear: both;
	padding-top: 3px;
}
.Label, .Input
{
	float: left;
	white-space:normal;
}
.Label
{
	width: 50px;
	font-weight: bold;
}
.Input
{
	font-weight: normal;
}

/* Contact control styles */
.ContactWrapper .InfoRow, .ContactWrapperInput .InfoRow
{
	clear: both;
	padding-top: 0px;
}
.ContactWrapper .Label
{
	width: 100px;
}
.ContactWrapperInput .Label
{
    width:150px;
}
/* end Contact control styles*/

/* ==================================== Advertisement styles =====================================*/
.AdTable 
{
	border: 1px solid #333333;
	background-color:#FFFAF0;
	border-collapse:collapse;
	background-color:White;
}
.AdHeader, .FeatureTable thead
{
	background-color:#FFCC66;
	font-weight:bold;
}
.AdTable td
{
	border: 1px solid #333333;
	margin:0;
	padding:3px;
	font-size: 7pt; 
}
.AdTable tr.AltItem
{
	background-color:#FEF9E7;
}

.AdDetailsTable td
{
	font-size:8pt;
}

.AdDetailsTable .SectionName td
{
	background-color:#FBEDBB;
	font-size:10pt;
}

.AdDetailsTable tr.AltItem
{
	background-color:#FEF9E7;
}

.AdDetailsTable td.Description
{
	color:#CCCCCC;
	font-size:7pt;
}

.CampaignForm div span
{
	display:inline-block;
	width: 6.2em;	
}
.CampaignForm div.Legend{
	border: solid 1px black;
	padding: .2em;
}

.CampaignBox
{
	border:1px solid #999;
	margin:15px;
	padding:5px;
}

.Remarks{
	color: Gray;
	font-size:smaller;
}
.GrayText{
	color: Gray;
}

.CampaignsBox
{
	border:1px solid #999;
	margin:15px;
	padding:5px;
}

.CampaignAdsTable thead
{
	background-color:#FFCC66;
	font-weight:bold;	
}

.CampaignAdsTable th
{
	font-size: 8pt;
}

.CampaignAdsTable td
{
	margin:0;
	padding:3px;
	font-size: 7pt; 
}
.CampaignAdsTable tr.AltItem
{
	background-color:#FEF9E7;
}

/* =========================================================================== FAQ styles [Start] */
.FaqWrapper .Question, .FaqWrapper .Emphasize
{
    font-weight: bold;
}
/* ============================================================================= FAQ styles [End] */

/* ==================================== Email Insertion List =====================================*/
.EmailInsertionList
{
	height:400px;
	overflow:scroll;
	border-style:solid;
	border-width:1px;
}
.EmailInsertionList .theader
{
	font-weight:bold;
	font-size:8pt;
	border-bottom-style:solid;
	border-bottom-width:1;
	border-bottom-color:#CCCCCC;
	white-space:nowrap;
}

.EmailInsertionList td.standard
{
	font-size:8pt;
	border-bottom-style:solid;
	border-bottom-width:1;
	border-bottom-color:#CCCCCC;
}

.EmailInsertionList td.hilite
{
	background-color:yellow;
	font-size:8pt;
	border-bottom-style:solid;
	border-bottom-width:1;
	border-bottom-color:#CCCCCC;
}
/* ======================================================================= Catalog styles [Start] */

/* ===================================================== Common [Start] */
#CatalogLegend
{
	margin-top: 20px;
	padding: 5px;
	width: 50%;
	border: solid 1px #D7D7D7;
}
#CatalogLegend strong
{
	text-decoration: underline;
}
#CatalogLegend ul
{
	margin: 5px 0 0 5px;
	padding: 0;
	list-style-type: none;
}
#CatalogLegend ul li div
{
	clear: left;
	float: left;
	width: 30px;
	height: 10px;
	margin: 3px 5px 0 0;
	border: solid 1px black;
}
#CatalogLegend #CatalogGold div
{
	background-color: #FFFFCC;
}
#CatalogLegend #CatalogSilver div
{
	background-color: #ccc;
}
#CatalogLegend #CatalogBronze div
{
	background-color: #FFF;
}
/* ======================================================= Common [End] */

/* =============================================== Menu control [Start] */
#CatMenu
{
	width: 180px;
}
#CatMenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: solid 1px #D7D7D7;
	background-color: #F0EFED;
}
#CatMenu ul *
{
	color: #4C4F58;
}
#CatMenu ul .Header
{
	padding: 5px 10px;
	background-color: #E8E6E4;
	font-weight: bold;
	font-size: 1.25em;
}
#CatMenu ul li
{
	border-bottom: solid 1px #C5C3C1;
	font-size: 0.8em;
}
#CatMenu ul li a
{
	display: block;
	padding: 5px 10px;
}
#CatMenu ul li a:hover
{
	background-color: #CDCBC9;
}
#CatMenu ul li a.Selected
{
	background-color: #FFCC66;
}
/* ================================================= Menu control [End] */

/* ================================================== View page [Start] */
#CatalogViewWrapper .CoreContent
{
	position: relative;
	padding: 10px;
	border: solid 1px #FBEDBB;
}
#CatalogViewWrapper .MainImageSection
{
	clear: right;
	float: right;
	padding-left: 30px;
	color: #666;
	font-size: 0.9em;
}
#CatalogViewWrapper .Header
{
	font-size: 1.2em;
	font-weight: bold;
}
#CatalogViewWrapper .Details
{
	margin: 10px 0;
	color: #666;
}
#CatalogViewWrapper .Details .InfoGroup
{
	padding-bottom: 5px;
}
#CatalogViewWrapper .Details div, #CatalogViewWrapper .TopSection div
{
	margin-bottom: 3px;
}
#CatalogViewWrapper .Details span
{
	font-weight: bold;
}
#CatalogViewWrapper .ContactWrapper
{
	/*margin-top: 5px;*/
}
#CatalogViewWrapper .ContactWrapper .InfoRow
{
	margin: 0;
	padding: 0;
}
.ContactWrapperInput .InfoRow
{
    padding:3px;
}
#CatalogViewWrapper .Links
{
	margin-bottom: 50px;
}
#CatalogViewWrapper .Links a
{
	float: left;
	padding-right: 40px;
}
/* ==================================================== View page [End] */

/* ================================================== Edit page [Start] */
#CatalogEditWrapper .CatItemInfo
{
	clear: both;
	padding-top: 3px;
}
#CatalogEditWrapper .StartNewGroup
{
	padding-top: 10px;
}
#CatalogEditWrapper .Label
{
	width: 220px;
	font-weight:bold;
}
#CatalogEditWrapper .Input
{
}
#CatalogEditWrapper .ContactWrapper .Label
{
	width: 150px;
}
/* ==================================================== Edit page [End] */

.FeaturedCatalogItem
{
	border: solid 2px #ff9900;
	background-color: #FAFAFA;
	padding: 5px;
	width: 100%;
}
.FeaturedCatalogItem img
{
	padding-right: 10px;
}

/* ========================================= CatalogRow control [Start] */
.CatalogItemWrapper
{
	clear: both;
	padding: 5px;
}
.NewRowContent
{
	clear: both;
	padding-top: 10px;
}
.ItemLinks a
{
	padding-right: 10px;
}
.NoHeaderListingRow  .Silver
{
	background-color: #F5F5F5;
}
.NoHeaderListingRow .Gold
{
	background-color: #FFFFCC;
}
#ShortMode, #SingleLineMode
{
	font-size:11px;
}
#SingleLineMode #Posted, #SingleLineMode #Views
{
	width: 10%;
}
#SingleLineMode #Title
{
	width: 80%;
}
#SingleLineMode #Views
{
	text-align: center;
}
.SmallImage
{
	height: 6em;
	width: auto;
}
/* =========================================== CatalogRow control [End] */

/* ========================================================================= Catalog styles [End] */

/* ======================================================================= Purchase styles [Begin]*/
.InvoiceWrapper
{
	margin-left: 10px;
}
.Invoice 
{
	padding: 5 px; 
	border-top: solid 1px #777777; 
	border-bottom: solid 1px #777777; 
}

.InvoiceHeader
{
	background-color: #FCF2DC; 
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #777777; 
}
.InvoiceTotal
{
	border-top: solid 1px #777777;
	text-align: right;
	padding: 3px;
}
/* ======================================================================= Purchase styles [End] */


/* ======================================================================= Chart styles [Start] */
.FadingTooltip 
{ 
	border-right:		#333333 1px outset; 
	border-top:			#333333 1px outset; 
	font-size:			9pt; 
	border-left:		#333333 1px outset; 
	width:				auto; 
	color:				black; 
	border-bottom:		#333333 1px outset; 
	height:				auto;
	background-color:	#fef9e7; 
	margin:				3px,3px,3px,3px; 
	padding:			3px,3px,3px,3px; 
}

/* ======================================================================= Chart styles [End] */


/* ======================================================================= Country Selector styles [Start] */
.MediumSelectorList  /* the box where all countries are listed with checkboxes */
{ 
	height: 150px;
	width: 360px;
	overflow:auto;
	border-width:1px;
	border-color:Gray;
	border-style:solid;
	font-size: 8pt; 
	scrollbar-arrow-color:white; 
	scrollbar-face-color:#FF9900; 

}
.Country /* style for displaying one country (checkbox format) */
{
	padding-left:10px;
	font-size: 7pt;
	white-space:nowrap;
}

.CountrySelectorDisplay
{
	padding:5px;	
	margin-bottom:10px;
	overflow:hidden;
	color:#666666;
	font-size:8pt;
}

/* ======================================================================= Country Selector styles [End] */
.ShortSelectorList  /* the box where zones and sites are listed with checkboxes */
{ 
	height: 80px;
	width: 200px;
	overflow:auto;
	border-width:1px;
	border-color:Gray;
	border-style:solid;
	font-size: 8pt; 
	scrollbar-arrow-color:white; 
	scrollbar-face-color:#FF9900; 
}
.SelectorListElement
{
	padding-left:10px;
	font-size: 7pt;
	white-space:nowrap;
}
/*================================ Advertisement Bg Color =======================================*/
#colorPickerWidget {
	position: relative;
	height: 21px;
}

#colorSelector 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 21px;
	background: url(/Script/Common/Images/colorSelector.png);
}

#colorSelector div 
{
	position:absolute;
	top:4px;
	left:4px;
	width: 22px;
	height: 13px;
	background: url(/Script/Common/Images/colorSelector.png) center;
}

/*=============================== Creative forms style ======================*/
.CreativeFormStyle label
{
	display:inline-block;
	width: 8.5em;
	padding: 0.1em;
}
.CreativeFormStyle label.multy
{
	vertical-align:top;
}
.CreativeListInfo td b
{
	display:inline-block;
	width: 9.5em;
}
.CreativeListInfo span
{
	margin-left: 0.5em;
	white-space: nowrap;
}
.CreativeListInfo span b
{
	margin-right: 0.4em;
}

.CreativeListTable
{
	width:100%;		
}

.CreativeListTable tr.AltItem
{
	background-color:#FEF9E7;
}

/* ===================================================================== Scheduler styles [Start] */
#SchedulerWrapper .AlignedInput .Label
{
	width: 150px;
}
#SchedulerWrapper .embed + img
{
	position: relative;
	left: -21px;
	top: -1px;
}
/* ======================================================================= Scheduler styles [End] */

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Luca Crisi, MCP
Software Developer (Senior)
Italy Italy
No Biography provided

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.1411023.1 | Last Updated 9 Mar 2009
Article Copyright 2009 by Luca Crisi, MCP
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid