Click here to Skip to main content
15,891,951 members
Articles / Desktop Programming / WTL

Font Enumerator

Rate me:
Please Sign up or sign in to vote.
5.00/5 (10 votes)
1 Sep 2009CPOL7 min read 36K   3.1K   26  
A tool that enumerates all fonts installed on Windows, and shows you the preview so as to help you code conveniently.
/*
# 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.2em;
	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 */
.Block
{
	display: block;
}
.FormInputShort
{
	width: 200px;
}
.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
{
	line-height: 1.10em;
	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:#EEE;
	border-style: solid;
	border-width: 1px;
	border-color: #DDD;
	border-bottom-style:none;
	white-space: nowrap;
}
.TitleHeader
{
	text-transform:uppercase;
	padding:5px;
	padding-left:5px;
	font-weight: bold;
	font-size:16px;
	color:#488E00;
	font-family: Arial;
}
.MainBlockContent
{
	/*width:inherit;*/
	padding:5px;
	font-size:8pt; 
	border-style: solid;
	border-width: 1px;
	border-color: #DDD;
	/*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;
}
.BreadCrumb
{
	font-size:8pt;
	margin-top:20px;
	margin-bottom:5px;
	/*font-weight:bold;*/
}
/* 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 5px 5px 10px;
	border-left: solid 172px #f90;
}
.ArticlePane
{
	padding: 5px 10px 5px 10px;
	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; 
}
a.FormButton
{
	display: inline-block;
	border: solid 1px #333;
	padding: 3px;
	font-size: 100%;
}
.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; }
.emphasis	{ color:red; }
.Hidden     { display:none;}
.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;}

.Available
{
	color:Green;
	font-weight:bold;
}
.Expired
{
	color:Red;
	font-weight:bold;
}
.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
{
	 margin: 5px 0px 5px 0px;
}
.SpacedList p
{
	margin:5px 0 0 0;
}
.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;
	margin-bottom:10px;
}
.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
{
    width:90%;
	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;
}
.AttrTable
{
	background-color:#FFF;
	border: solid 1px #ccc;
	padding:10px;
}
.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 Navigation Menu [Start] */
.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;
}
.NavBarMain .Divider
{
	margin: 5px auto;
	padding: 0 !important;
	background-color: #FFE0B3;
	width: 90%;
}
/* ==================================================================== Top Navigation Menu [End] */

/* 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; }
.AdServeSection
{
    border:         solid 1px #CCCCCC;
    padding-bottom: 2px;
    margin-bottom:  10px;
}
.AdServeSection td
{
	padding: 3px;
}
.AdServeSection th
{
	background-color:   #FBEDBB;
	font-weight:        bold;
	border-bottom:      solid 1px #CCCCCC;
	padding:            1px;
}
.AdServeSectionTitle
{
    background-color:   #FBEDBB;
	font-weight:        bold;
	border:             solid 1px #CCCCCC;
	border-bottom:      solid 1px #CCCCCC;
	padding:            1px;
	margin-top:         3px;
}
.AdServeSection th
{
	background-color: #FBEDBB;
	font-weight: bold;
	border-bottom: solid 1px #CCCCCC;
	padding: 1px;
}

.AdFilterTable 
{
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	background-color:#CCCCCC;
}
.AdFilterCell
{
	border: 1px solid #CCCCCC;
	margin:0;
	padding:5px;
	font-size: 8pt; 
	background-color: White;
}

.AdExpiredMoreThanMonth 
{
	background-color:#CCCCCC;
}

.AdExpiredLessThanMonth 
{
	background-color:red;
}

.AdExpiredSoon
{
	background-color:Orange;
}

.AdNotCommenced
{
	background-color:Yellow;
}

.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;
	border-bottom:none;
	background-color: #FFFFFF
}
.TabContents
{
	border-right: solid 1px #ff9900;
	border-left: solid 1px #ff9900;
	border-bottom: solid 1px #ff9900;
}
.AlignedInput
{
	clear: both;
	padding-top: 3px;
}
.Label, .Input
{
	float: left;
	white-space:normal;
}
.Label
{
	width: 70px;
	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: 200px;
}

.ContactWrapperInput label
{
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    width: 200px;
    display:inline;
}
.ContactWrapperInput input
{
    display:inline;
}


.ContactWrapperLong .InfoRow, .ContactWrapperLongInput .InfoRow
{
	clear: both;
	padding-top: 0px;
}
.ContactWrapperLong .Label
{
	width: 150px;
}
.ContactWrapperLongInput .Label
{	
	width:200px;
}
/* end Contact control styles*/

/* ===================================================================== Ajax File Upload [Start] */
#FileUploadWrapper
{
	width: 33%;
}
#FileUploadWrapper p
{
	margin: 0 0 2px 0;
	padding: 0;
}
#FileUploadWrapper #Browse
{
	position: relative;
	width: 100%;
	height: 20px;
}
#FileUploadWrapper #Browse .FormButton
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	width: 80px;
}
#FileUploadWrapper #Browse .Upload
{
	position: absolute;
	top: 0;
	right: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	cursor: none;
	z-index: 1;
}
#FileUploadWrapper .Cover
{
	position: absolute;
	top:0;
	left: 0;
	width: 75%;
	height: 100%;
	z-index: 1;
}
#FileUploadWrapper #UploadGroup *
{
	float: right;
}
#FileUploadWrapper .FileList
{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	list-style-type: none;
	list-style-position: inside;
}
#FileUploadWrapper .FileList li
{
	position: relative;
	clear: both;
	border: solid 1px #E5E5E5;
	background-color: #FAFAFA;
	margin-bottom: 3px;
	padding: 5px;
}
#FileUploadWrapper .FileList li input
{
	float: right;
}
#FileUploadWrapper .FileList li .Close
{
	float: right;
}
#FileUploadWrapper .FileList li img
{
	border: none;
}
/* ======================================================================= Ajax File Upload [End] */

/* ========================================================================= Pager styles [Start] */
.Pager
{
	position: relative;
	clear: both;
}
.Pager .Indicator
{
	float:left;
	width:40px;
	white-space:nowrap;
}
.Pager .Selectors
{
	float:left;
	margin-left:60px;
}
.Pager .Navigation
{
	position: absolute;
	right:0;
	text-align:right;
}
/* =========================================================================== Pager styles [End] */

/* ======================================================================= Article styles [Start] */
.FaqEntriesTable
{
	border: 1px solid #FFE9BD;
	width: 100%;
}
.FaqEntriesTable td
{
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px solid #ffe9bd;
}
.FaqEntriesTable table td
{
	padding: 0;
}
.FaqEntriesTable thead td
{
	padding: 5px 5px;
	border-bottom: 1px solid #ffe9bd;
}
.FaqEntriesTable thead img
{
	border: none;
}
.FaqEntriesTable thead, .FaqEntriesTable thead a, .FaqEntriesTable thead td
{
	background-color: #FEF9E7;
	font-weight: bold;
	color: #F49300;
	border: none;
}
.FaqEntriesTable .Numeric
{
	text-align: right;
}
.FaqEntriesTable .Selected
{
	background-color: #F7FCFF;
}
.FaqEntriesTable .SelectedAttr
{
	background-color: #DDF2FF;
}
.FaqEntriesTable .Updated
{
	text-align:center;
	font-size:8pt;
}
/* ========================================================================= Article styles [End] */

/* ==================================== 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
{
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
 	padding: 5px 5px;
}
.AdDetailsTable td
{
	border: 1px solid #CCCCCC;
}
.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] */
.Question
{
	font-weight:bold;
	font-size:16px;
	color:#488E00;
	font-family:Arial;
}

.Question li, .Question p
{
	font-weight:normal;
	font-size:12px;
}
/* ============================================================================= 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] */

table.FeaturedCatalogItem
{
	border: solid 1px #ff9900;
	background-color: white;
	width: 100%;
}
.FeaturedCatalogItem img
{
	padding-right: 10px;
}
.FeaturedCatalogItem td
{
	padding: 5px;
}
.CatFeatHeader
{
	background-color:#ff9900;
	text-transform:capitalize;
	color:White;
	font-weight:bold;
	text-align:center;
	/*width:100%;*/
	height:20px;
	padding: 2px !important;
	white-space:nowrap;
}

/* ========================================= 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;
	padding-right:10px;
}
/* =========================================== 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] */
.CountryList  /* the box where all countries are listed with checkboxes */
{ 
	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:auto;
	color:#666666;
	font-size:8pt;
	height:30px;
}

/* ================================================================ 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; 
}

.SelectorList  /* the box where all countries are listed with checkboxes */
{ 
	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;
}

.SelectorDisplay
{
	padding:5px;	
	margin-bottom:10px;
	overflow:auto;
	color:#666666;
	font-size:8pt;
	height:30px;
}

/*=============================== Creative forms style ======================*/
.CreativeFormStyle label
{
	display:inline-block;
	width: 9em;
	padding: 0.1em;
	white-space: nowrap;
}
.CreativeFormStyle label.multy
{
	vertical-align:top;
}
.CreativeListInfo 
{
	border: 1px solid #FF9900;
	border-collapse:collapse;
}
.CreativeListInfo th
{
	border: 1px solid #FF9900;
	background-color: #FFCC66;
	text-align: left;
	padding: 0.15em 0.4em;
	color: White; 
}
.CreativeListInfo td
{
	font-size: smaller;
}
.CreativeListInfo div.block
{
	float:left;
	width: 120px;
	padding: 0.15em 0;
}
.CreativeListInfo div.infoText
{
	float:left;
	padding: 0.15em 0;
}
.clear
{
	clear: left;
}
.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] */

/* ============================================================================= Live FAQ [Start] */
/* ============================== Common [Start] */
.AskQuestion
{
	font-size: 1.3em;
	width: 10em;
	height: 2em;
}
.RateHint5 { background-color:#0c0;}
.RateHint4 { background-color:#6f3;}
.RateHint3 { background-color:#9f9;}
.RateHint2 { background-color:#d2ffd2;}
.RateHint1 { background-color:#FFB09D;}
.RateHint0 { background-color:White;}

/* ================================ Common [End] */

/* =============================== Entry [Start] */
.LiveFaqThread, .LiveFaqAnswer
{
	position: relative;
	margin-bottom: 5px;
	padding: 5px;
}
.LiveFaqThread .MainContent
{
	clear: both;
	padding-top: 10px;
}
.LiveFaqThread .QuestionContent
{
	margin: 10px 0;
}
.LiveFaqThread .AcceptedAnswerByCommunity
{
	background-color: #D1FFD1;
}
.LiveFaqThread .AcceptedAnswerByOP
{
	border: solid 3px gold;
}
.LiveFaqThread .Rating
{
	position: absolute;
	top: 0;
	right: 0;
}
.LiveFaqThread .Rating div
{
	clear: right;
	float: right;
}
.LiveFaqThread .AnswerButton
{
	display: block;
	margin: 20px 0;
}
.LiveFaqThread h2
{
	margin: 0 0 5px 0;
}
.LiveFaqThread .AlignedInput
{
	clear: left;
	color: #4C4F58;
}
.LiveFaqThread .Label
{
	width: 160px;
}
.LiveFaqThread .LiveFaqAnswer .Label
{
	width: 145px;
}
.LiveFaqThread .LastUpdated
{
	float: right;
	color: #4C4F58;
}
.LiveFaqThread .EditDelete
{
	clear: both;
	padding-top: 10px;
}
.LiveFaqThread #AnswersTab
{
	position: relative;
}
.LiveFaqThread .TopPager
{
	position: relative;
	top: 25px;
	margin-left: 75%;
}
.LiveFaqThread .TopPager .LeftGroup
{
	position: absolute;
	top: 0;
	right: 150px;
}
.LiveFaqThread .AskQuestion
{
	margin-top: 10px;
}
/* ================================= Entry [End] */

/* ================================ Post [Start] */
.LiveFaqPost .MainContent
{
	position: relative;
	clear: both;
	padding:0px 15px 0 15px;
}
.LiveFaqPost .MainFormContent
{
	margin-bottom:15px
}
.LiveFaqPost .MainFormContent .CoreInput
{
	width: 500px;
}
.LiveFaqPost .Help
{
	padding:20px;
}
.LiveFaqPost .InputGroup
{
	margin: 20px 0;
}
.LiveFaqPost .Label
{
	/*display: block;*/
	float: none;
	width: auto;
	padding-bottom: 5px;
}
.LiveFaqPost .Divider
{
	margin: 20px 0;
}
.LiveFaqPost .SimilarPosts
{
	/*width: 300px;*/
}
.LiveFaqPost .SimilarPosts #Suggestions
{
	margin: 0;
	padding: 0;
	/*height: 100px;*/
	overflow: auto;
	list-style-type: none;
}
.LiveFaqPost .SimilarPosts tr
{
	margin: 5px 0;
}
.LiveFaqPost .subdue
{
	font-weight: normal;
}
/* ================================== Post [End] */

/* ================================ List [Start] */
.LiveFaqList
{
	margin: 20px;
}
.LiveFaqList .MainContent
{
	position: relative;
	clear: both;
	padding-top: 20px;
}
.LiveFaqList .Teaser, .LiveFaqList .Attributes
{
	margin: 5px 0 0 15px;
	font-size: 0.8em;
}
.LiveFaqList .Attributes
{
	color: #555;
}
.LiveFaqList .Filter
{
	padding-top: 10px;
}
.LiveFaqList .Filter .Group
{
	float: left;
	margin-right: 5px;
}
.LiveFaqList .TopPager
{
	position: relative;
	top: 25px;
	margin-left: 75%;
}
.LiveFaqList .TopPager .LeftGroup
{
	position: absolute;
	top: 0;
	right: 150px;
}
.LiveFaqList .ui-tabs-panel
{
	padding: 0;
}
.LiveFaqList .CustomSorting
{
	margin: 8px;
}
.LiveFaqList .CustomSorting img
{
	padding: 0 3px;
}
.LiveFaqList .Message
{
	clear: both;
	margin: 0;
	padding: 20px 0;
}
.LiveFaqList .AskQuestion
{
	float: right;
}
.LiveFaqList .HighlightRow
{
	background-color: #FFFFD6;
}
/* ================================== List [End] */

/* ============================ Meta FAQ [Start] */
.LiveFaqMetaFaq .MainContent
{
	clear: both;
}
.LiveFaqMetaFaq .AskQuestion
{
	float: right;
}
/* ============================== Meta FAQ [End] */
/* =============================================================================== Live FAQ [End] */

/*================================ Certificate Styles =======================================*/

.CertificateViewDetailLabel
{
	text-align: left;
	vertical-align:top;
	width: 250px;
}

/* Menu */

.navbar a, 
#nav {padding:0 0 0 0px; margin:0; list-style:none; font: 10pt verdana, sans-serif; position:relative; z-index:200; height:24px;}
 
.navbar,
#nav ul {padding:0; margin:0; list-style:none; float:left; background:#488E00; border-top:1px solid #488E00; border-color:#488E00 #488E00 #488E00 #488E00;}


#nav li {float:left;}
#nav li li {float:none; border-left:1px solid #488E00; border-right:1px solid #488E00; }
#nav li li.last {border-bottom:1px solid #488E00; }

* html #nav li li {float:left;} /* a hack for  IE6 */
.navbar { border-style:none;}

.navbar a,
#nav li a {display:block; float:left; color:#fff; height:24px;  padding:0 12px 0 12px; line-height:24px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav li a.down {}

#nav li li a {display:block; float:none; height:22px; line-height:22px; padding:0 5px 0 5px; font-weight:normal; letter-spacing:0px;}
#nav li li a.fly {}

.navbar a:hover,
#nav li:hover {position:relative; z-index:300;background-color: #C3DE6C;}
.navbar a:hover,
#nav li.cssplay_hover {position:relative; z-index:300; background-color: #C3DE6C;}
#nav li.cssplay_hover a {color:#000; background-color: #C3DE6C; }

#nav li li a {color:#fff;font-weight:bold;}
#nav li li.cssplay_hover a {color:#fff;font-weight:bold;}

#nav li:hover ul {left:0; top:24px; z-index:500;}
#nav li.cssplay_hover ul {left:0; top:24px; z-index:500;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

* html #nav ul {width:2px;}

#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }

#nav li:hover > a {color:#000 !important;background-color:#C3DE6C !important;font-weight:bold;}
#nav li li:hover > a {color:#000 !important; background-color:#C3DE6C !important;font-weight:bold;}

#nav li li a,
#nav li li li a,
#nav li li li li a,
#nav li li li li li a,
#nav li li li li li li a
{color:#fff !important; background-color:#488E00 !important; font-weight:bold; }


.navbar a:hover,
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#000 !important; background-color:#C3DE6C !important; font-weight:bold;}

#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a
{color:#000 !important; background-color:#C3DE6C !important;font-weight:bold;}

#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

.break
{
    border-bottom: solid 1px #c3De6C;
}

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)


Written By
Korea (Republic of) Korea (Republic of)
I like programming.
I am teaching at AUCA (American University of Central Asia) now.

Comments and Discussions