html
{
    height: 99.4%;
}

body
{
    border-collapse: collapse;
    margin: 0px;
    border: 0px;
    padding: 0px;
    font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
    font-size: 0.8em;
    background-color: #ffffff;
    height: 100%;
    color: #000000;
}

p, span, div
{
    position: static;
    padding: 0px;
    margin: 0px;
}

p
{
    margin-top: 0.7em;
    margin-bottom: 0.7em;
    margin-left: 0px;
    margin-right: 0px;
    vertical-align: middle;
    line-height: 1.3em;
}

h1
{
    /* Define the H1. Make it 1.3x bigger than the normal font and		*/
    background-color: transparent; /* green etc. Insert an 8px break underneath, instead of IE's		*/
    font-size: 180%; /* default. 																		*/
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    color: #003366;
    padding-bottom: 0.5em;
    position: static;
    margin-top: 0.5em;
}

h2
{
    /* See comments from H1. The same, but basically smaller				*/
    background-color: transparent;
    font-size: 160%;
    font-weight: bold;
    color: #009966;
    padding: 0px;
    margin: 0px;
    padding-bottom: 0.4em;
    position: static;
    margin-top: 0.5em;
}

h3
{
    /* See comments from H1. 														*/
    background-color: transparent;
    font-size: 110%;
    font-weight: normal;
    color: #336699;
    padding: 0px;
    margin: 0px;
    position: static;
    padding-bottom: 0.3em;
}

h4
{
    /* See comments from H1. 														*/
    background-color: transparent;
    font-size: 110%;
    font-weight: bold;
    position: static;
    padding: 0px;
    margin: 0px;
    padding-bottom: 0.2em;
}

h5
{
    /* See comments from H1. We're back to our default size with		*/
    background-color: transparent; /* no additional colours.  													*/
    font-size: 106%;
    font-weight: bold;
    position: static;
    padding: 0px;
    margin: 0px;
    padding-bottom: 0.1em;
}

h6
{
    background-color: transparent;
    font-size: 102%;
    font-weight: bold;
    position: static;
    padding: 0px;
    margin: 0px;
}

a, a:link
{
    /* The default new & visited anchor. Bold and blue 					*/
    font-weight: bold;
    color: #003063;
    text-decoration: underline;
}

a:visited 
{
	color: #3399CC;
	text-decoration: underline;
}

a:hover, a:focus, a:active
{
    /* The anchor hover. Bold and not quite so blue							*/
    color: #336699;
    font-weight: bold;
    text-decoration: none;
}

h3 a, h3 a:visited, h3 a:link, h3 a:active, h3 a:hover, h3 a:focus
{
    color: #ffffff;
    text-decoration: underline;
}

th a, th a:visited, th a:link
{
    color: #3399CC;
    text-decoration: underline;
}

th a:hover, th a:focus, th a:active
{
    color: #336699;
    text-decoration: none;
}

input, select, textarea, option
{
    /* Make it so that all the input boxes and text areas have the 	*/
    text-align: left; /* same font as the rest of the site										*/
    font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 1em;
}

table
{
    vertical-align: top;
}

form
{
    /* remove margins in our forms												*/
    padding: 0px;
    margin: 0px;
}


a img, a:visited img, a:hover img, a:link img, a:active img, a:focus img
{
    border: 0px;
}

table
{
    border-collapse: collapse;
}

th, td.HeaderCell
{
    color: #003448;
    font-weight: bold;
    text-align: left;
}

th, td
{
    padding-left: 0.2em;
    padding-right: 0.2em;
}

abbr, acronym, span.abbr, label.abbr
{
    cursor: help;
}

address
{
    font-style: normal;
}

ul 
{
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-top: 0;
	padding-bottom: 0;
}

li 
{
	margin-bottom: 0.3em;
}

/* Common classes */

div.PageContent
{
    margin-left: 0.8em;
    margin-right: 0.8em;
    padding-top: 1em;
    margin-bottom: 2em;
    min-height: 65%;
}

* html div.PageContent 
{
    margin-bottom: 8em;
}

div.ThinPage 
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	max-width: 60em;
}

div.Clearer
{
    position: relative;
    clear: both;
    line-height: 1%;
    padding: 0em;
    margin: 0px;
    border: 0px;
    font-size: 1%;
}

table.DataTable
{
    border: 0px;
    width: 100%;
    margin-bottom: 0.8em;
    border-top: solid 0.1em #e5f0f4;
    border-left: solid 0.1em #e5f0f4;
    border-right: solid 0.1em #004d6b;
    border-bottom: solid 0.1em #004d6b;
}

table.DataTable th, table.DataTable td.HeaderCell
{
    white-space: nowrap;
    padding-left: 0.3em;
    background-color: #bfd9e3;
    vertical-align: top;
}

table.DataTable td.HeaderCell 
{
	border-top: 0.4em solid #fff;
}

td.Item, tr.Item
{
    background-color: #ffffff;
    vertical-align: top;
}

td.AlternatingItem, tr.AlternatingItem
{
    background-color: #dfdfdf;
    vertical-align: top;
}

td.GroupHeaderItem, tr.GroupHeaderItem
{
    background-color: #d0d0d0;
}

td.NoWrap {
	white-space: nowrap;
}

p.Intro
{
    background-color: #E5F5EF;
    width: 66%;
    padding: 0.4em;
}

p.LargeIntroBox
{
    border: 0.1em solid #003166;
    padding: 0.3em;
    background-color: #E5F5FA;
    position: relative;
}

a.Expander, a:Hover.Expander, a:link.Expander, a:visited.Expander, a:active.Expander, a:focus.Expander
{
    font-family: Monospace;
    border: 0.1em solid #000000;
    text-align: center;
    font-size: 1em;
    padding: 0em;
    margin: 0em;
    min-width: 20px;
    line-height: 1em;
    display: inline;
    position: static;
    height: 0.7em;
    vertical-align: middle;
    cursor: pointer;
    font-weight: bold;
    color: #000000;
    padding-left: 0.1em;
    padding-right: 0.2em;
    text-decoration: none;
}

ul.HyperlinkList
{
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0em;
}

ul.HyperlinkList li
{
    list-style: none;
    display: inline;
}

/* JEN For esd-suppliers*/
ul.HyperlinkList li a.Selected
{
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

.DataTable ul.HyperlinkList li 
{
	display: block;
	float: none;
}

body:lang(en) .DataTable ul.HyperlinkList li a
{
	overflow: visible;
	width: auto;
}

.RightAlign
{
    text-align: right;
}

.TopAlign
{
    vertical-align: top;
}

ol.AlphaList
{
    list-style-type: lower-alpha;
}

ul.NoBullet, ol.NoBullet
{
    list-style-type: none;
    margin: 0px;
    display: block;
    padding: 0px;
}

ul.NoBullet .NoBullet, ol.NoBullet .NoBullet
{
    margin-left: 1em;
}

.ListPadding li
{
	padding: 0.2em 0px;
}

.SmallFont
{
    font-size: 0.8em;
}

.StrongText {
	color: #003448;
	font-weight: bold;
}

.NormalWeight, a.NormalWeight, a:visited.NormalWeight, a:link.NormalWeight, a:hover.NormalWeight, a:active.NormalWeight,
a:focus.NormalWeight
{
    font-weight: normal;
}

.NormalText {
	font-weight: normal;
	color: #000;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
}

.LargerLineHeight
{
    line-height: 2em;
}

.LightText {
	color: #444;
}

.HalfFloat 
{
	width: 49.1%;
	float: left;
	margin-right: 0.5%;
}

.HalfFloatRight 
{
	width: 49.1%;
	float: right;	
}

.ThirdFloat 
{
	width: 33%;
	float: left;
}

.InlineHalfBox
{
	width: 44.5%;
	float: left;
	margin-right: 0.5%;
	display:inline;
	clear:none;
}

a.HelpLink 
{
	margin-left: 2em;
}

a.HelpLink span
{
	background: url(../image/info.gif) no-repeat left center;
	padding-left: 18px;
	margin-left: 0.2em;
}

a.BBLink 
{
	background: url(../image/bblink.gif) no-repeat left 1px;	
	padding-left: 19px;
}

.InlineHeader 
{
	margin-top: 0.1em; 
	margin-right: 1.5em;
	float: left;
	padding-bottom: 0px;
}

li.SuppliersProductItem 
{
	list-style-image: url(../image/productsandservicesicon.gif);
	padding-left: 10px;
}

li.SuppliersProjectItem
{
	list-style-image: url(../image/projecticon.gif);
	padding-left: 10px;
}

.RightFieldset
{
	width: 20em;
	float: right;
	padding: 0px;
}

.RightFieldset fieldset
{
	margin-top: 0px;
} 

.NoClearFieldSet fieldset 
{
	clear: none;
	margin-top: 0px;
}

.h1height 
{
	line-height: 2.6em;
}

.TreeLink {
	background: url(../image/linktopage.gif) no-repeat right 2px;
	padding-right: 12px;
}

/* End of common classes */

/* News styles */

.NewsItem
{
	min-height: 1px;
    padding: 0px;
    margin-bottom: 2em;
    border-bottom: dotted 0.1em #408dab;
    padding-bottom: 0.5em;
}

* html .NewsItem {
	height: 1px;
}

.NewsItem:after, .DarkBox div.SubContent:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.NewsItem h2, .NewsItem h3
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.NewsItem p
{
}

.NewsItem h2
{
    color: #003166;
    font-weight: bold;
    font-size: 1.2em;
}

.NewsItem .LeadParagraph
{
    
}

.NewsItem .ArticleAuthor
{
    clear: both;
    text-align: right;
}

.NewsItem span.LeadAuthor
{
    background-color: Transparent;
    margin: 0px;
    padding: 0.2em;
    font-style: italic;
}

.NewsItem span.FullAuthor
{
   font-style: italic;
    padding: 0.2em;
    margin-bottom: 1em;
    display: block;
}

.NewsItem .ArticleLink
{
    margin: 0px;
    clear: both;
}

.NewsItem .HeadlineLink 
{
	position: absolute;
	left: -1000em;
}

/* End of news styles */

/* Messages */

.ResultMessage
{
    font-weight: bold;
    color: #000000;
    display: inline;
    background-color: #dfe5d3;
    font-size: 1.1em;
}

.AesErrorResultMessage
{    
    color: red;
    display: inline;
}

/* End of message styles */

/* Error */

.Error
{
    color: #ff0000;
}

.Error th
{
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
}

.Error td code
{
    font-family: Monospace;
}

ul.ErrorList
{
    color: #dd0000;
}

/* End of Error */

/* Useful links box */

div.SideBar, div.TreeLinks
{
    margin-left: 0.5em;
    margin-right: 0em;
    margin-top: 0.5em;
    margin-bottom: 0.1em;
    width: 30%;
    float: right;
    padding: 0px;
	background: url(../image/watermarkblue.gif) no-repeat right top #f3f8fa;
}

div.SideBar h2, div.TreeLinks h2
{	
	background: url(../image/header2right.gif) no-repeat right top #bfd9e3;
	margin: 0px;
	padding: 0px;
}

div.SideBar h2 span, div.TreeLinks h2 span
{
	background: url(../image/header2left.gif) no-repeat left top;
	color: #003448;
	padding: 0.3em 0.4em 0.3em 0.4em;
    display: block;
    font-size: 80%;
}

div.TreeLinks
{
    width: auto;
    float: none;
}

div.SideBar ul, div.TreeLinks ul
{
	margin: 0px;
	padding: 0px;
	margin-left: 1.7em;
	list-style-position: outside;
}

/* End of useful links box */

/* Form elements */

fieldset
{
    /* We use lots of fieldsets. We 	*/
    clear: both; /* need to clear them left and right	*/
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    margin: 1em;
    position: static;
    z-index:1;
}

legend
{
    /* The fieldset legend should be green with a transparent	*/
    color: #009966; /* background 	*/
    background-color: transparent;
    position: static;
    z-index:1;
}

span.FormLabel, div.FormItem label, label
{
    color: #009966; /* colours, weight and vertical alignment 								*/
    font-weight: bold;
    vertical-align: top;
    position: relative;
}

span.FormItem
{
	vertical-align: top;
}

div.FormItem
{
    clear: both;
    position: static;
    vertical-align: top;
    border: 0px;
    display: block;
    padding-top: 0.5em;
    overflow: visible;
}

div.FormItem span.FormLabel, div.FormItem label
{
    position: static;
    display: inline;
    float: left;
    margin-left: 20px;
    width: 14em;
}

div.FormItem span.ValidationMessage
{
	display:block;
    width: 16.5em;
    margin-left: 16.2em;
    float: none;
    clear:both;
}

* html div.FormItem span.FormLabel, * html div.FormItem label
{
    
}

.Asterisk, .CompulsoryField, .ReloadField
{
    color: #DC143C;
    font-size: 110%;
    font-weight: bold;
    margin-left: 0.2em;
    margin-right: 0.2em;
    display: inline;
    position: static;
}


div.FormItem input, div.FormItem select, div.FormItem textarea, span.DisplayItem, table.RadEWrapper, 
div.FormItem input.DatePickerTextBox
{
    width: 13.5em;
    margin-left: 0.8em;
    float: none;
    display: inline;
}

div.FormItem table.RadEWrapper, body:lang(en) table.RadEWrapper
{
    display: table;
}

div.FormItem textarea.RadETextArea 
{
	width: 100% !important;
}

div.FormItem textarea
{
    height: 5em;
}

div.FormItem select
{
	width: auto; 
	min-width: 13.5em;  
    overflow: visible;
}

div.FormItem input.ShortInput, div.FormItem select.ShortInput, div.FormItem textarea.ShortInput, div.FormItem input.DatePickerTextBox, .ShortInput
{
    width: 7em;
}

div.FormItem input.VeryShortInput, div.FormItem select.VeryShortInput, div.FormItem textarea.VeryShortInput, .VeryShortInput
{
    width: 2.5em;
}

div.FormItem select.MediumInput
{
    width: 13.5em;
}

div.FormItem input.LongInput, div.FormItem select.LongInput, div.FormItem textarea.LongInput
{
    width: 35em;
}

div.FormItem input.AutoInput, div.FormItem select.AutoInput, div.FormItem textarea.AutoInput
{
	width: auto;
	min-width: 0px;
}

div.FormItem input.FileUpload
{
	width: 20em;
}

div.FormItem input.HighInput, div.FormItem select.HighInput, div.FormItem textarea.HighInput
{
    height: 9em;
}

div.FormItem input.LongHighInput, div.FormItem select.LongHighInput, div.FormItem textarea.LongHighInput
{
    height: 9em;
    width: 35em;
}

div.FormItem div
{
    float: left;
}

table.RadEWrapper
{
    position: static;
    margin-left: 1em;
    float: none;
    display: inline;
    width: 100% !important;
}

span.DisplayItem, div.FieldWarning
{
    width: auto;
    display: table;
    margin-left: 1.25em;
    clear: none;
    float: left;
}

span.CloseWinPopupButtonRight
{
    float: right;
}

* html span.DisplayItem
{
    float: left;
    margin-left: 1.25em;
}

body:lang(en) span.DisplayItem
{
    float: none;
    margin-left: 1em;
}

div.FormItem div.FieldWarning
{
    font-size: 0.9em;
    margin-left: 18.5em;
    float: none;
}

* html div.FieldWarning {
	margin-left: 9.25em;
}

.CloseTreePickerWarningText
{
    font-size: 0.85em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    white-space: normal;
}

.TreePickerDetails
{
    position: static;
    float: none;
    display: block;
    margin-left: 16.75em;
    padding: 2px;
    overflow: visible;
    white-space: nowrap;
    clear: left;
    border: solid 1px #dfdfdf;
}

* html div.TreePickerDetails
{
    float: none;
    margin-left: 16.5em;
    width: 13.5em;
}

.TreePickerDetails div
{
    overflow: visible;
    white-space: nowrap;
    display: block;
    width: auto;
    min-width: 13.5em;
    float: left;
    clear: left;
}

* html .TreePickerDetails div
{
    width: 13.5em;
}

.TreeDetailsFrameArea .TreePickerDetails
{
    white-space: normal;
}

div.InputGroup
{
    position: relative;
    float: left;
    margin-left: 0em;
    padding: 0em;
    width: auto;    
}
/*
body:lang(en) div.InputGroup 
{
	width: 34em;
}*/

/* Made InputGroupItem work on spans too 'cos some of the ASP.NET controls wrap their
   inputs in spans; easier to change the CSS than rewrite a load of controls. KW. */

div.FormItem div.InputGroupItem, div.FormItem span.InputGroupItem
{
    clear: both;
    position: relative;
    float: none;
    display: block;
    margin-left: 1em;
    width: auto;
}

*:first-child+html div.RadDropDownGroup div.InputGroupItem, * html div.RadDropDownGroup div.InputGroupItem
{
	    margin-left: 0.5em;
}

* html div.InputGroupItem, * html span.InputGroupItem
{
    margin-left: 1.25em;
    float: none;
}

div.InputGroupItem label, span.InputGroupItem label, div.InputGroupItem span.FormLabel, 
span.InputGroupItem span.FormLabel
{
    position: relative;
    display: inline-block;
    margin-left: 2em;
    float: none;
    width: auto;
    margin-right: 2em;
}

body:lang(en) div.InputGroupItem label, body:lang(en) span.InputGroupItem label, 
body:lang(en) div.InputGroupItem span.FormLabel, body:lang(en) span.InputGroupItem span.FormLabel
{
	display: inline;
	float: left;
	margin-left: 0;
}

div.CheckBox input, span.CheckBox input, div.CheckBoxGroup input, span.CheckBoxGroup input, div.RadioButton input, 
span.RadioButton input, div.RadioButtonGroup input, span.RadioButtonGroup input
{
    width: 1em;
    margin: 0px;
    padding: 0px;
    display: inline;
    position: relative;
    margin-right: 0.5em;
    float: left;
}

div.FormItem label.WithRadio {
	margin-left: 0px;
	width: 13em;
}

div.CheckBoxGroup label, span.CheckBoxGroup label, div.RadioButtonGroup label, span.RadioButtonGroup label
{
    white-space: nowrap;
}

fieldset input.SubmitButton
{
    clear: both;
}
 
span.MultipleItems input.SubmitButton, span.MultipleItems a.SubmitButton
{
    clear: none;
    margin-top: 0;
}

/*span.DisplayItem 
{
    position: relative;
    display: block;
    float: left;
    margin-left: 1.3em;
    padding-bottom: 0.1em;
}*/

/* End of form elements */

/* Help popup */


div.Help, div.TreeHelp, div.CatalogZone fieldset div.FormItem div.Help
{
	background-image: url(../image/light.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: static;
	width: 15px;
	height: 19px;
	display: inline;
	margin-right: 0.2em;
	z-index: 1;
}

body:lang(en) div.Help 
{
    overflow: visible;
}

fieldset div.FormItem div.Help
{
    position: relative;
    float: left;
    width: 0px;
    background: none;
    margin: 0px;
}

div.TreeHelp
{
	background-position: left 3px;
	background-image: url(../image/info.gif);
}

fieldset table div.Help, fieldset legend div.Help, fieldset div.InputGroupItem div.Help
{
    position: relative;
    width: 15px;
}

/* helpPopup does not work properly if it is put straight on form and not surrounded by e.g. FormItem div or a fieldset */
/* As a workaround, put helpPopup inside div with the following class:*/
div.HelpPopupSimpleContainer
{
	position:relative;
	display:inline;
}

div.Help a, div.TreeHelp a
{
	width: 15px;
	position: static;
	border: 0px;
	display: inline-block;
	z-index: 499;
	background-image: none;
	overflow: visible;
}

div.TreeHelp a 
{
	width: 13px;
	padding: 0px;
}

fieldset div.FormItem div.Help a 
{
	position: absolute;
	background-image: url(../image/light.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.Help img, div.TreeHelp img
{
	visibility: hidden;
}

div.Help a:visited span.PopUp
{
    display: none;
}

div.Help a:link span.PopUp
{
    display: none;
}

div.Help a:link, div.Help a:visited
{
    border: 0px;
}

div.Help a:hover, div.Help a:active
{
    display: inline-block;
    border: 0px;
}

* html div.Help a:hover, * html div.Help a:active {
	display: inline;
}

div.Help a:hover span.PopUp, div.Help a:active span.PopUp, div.Help a:focus span.PopUp
{
    color: #000000;
    display: block;
    width: 15em;
    top: 8px;
    left: 12px;
    position: absolute;
    background-color: #ffffff;
    text-decoration: none;
    padding: 0px;
    border: 2px solid #009966;
    font-weight: normal;
    height: auto;
    white-space: normal;
    z-index: 500;
    float: left;
}

div.Help span.Heading, div.TreeHelp span.Heading
{
    position: relative;
    display: block;
	background: url(../image/headerright.gif) no-repeat right top #dcebe5;
	margin: 0px;
	padding: 0px;
	z-index: 501;
}

div.Help span.Heading span, div.TreeHelp span.Heading span 
{
	background: url(../image/headerleft.gif) no-repeat left top;
	color: #003448;
	padding: 0.3em 0.4em 0.3em 0.4em;
    display: block;
    font-size: 110%;
    position: relative;
    z-index: 501;
}

span.HelpContent, .InnerTabs span.HelpContent, .OuterTabs span.HelpContent, 
.InnerTabs .SelectedTab span.HelpContent, .OuterTabs .SelectedTab span.HelpContent,
div.Help a:link span.HelpContent
{
	padding: 0.4em;
	border: solid 0.1em #dcebe5;
	display: block;
    background: url(../image/watermark.gif) no-repeat right top #f1f7f4;
    white-space: normal;
    z-index: 501;
    font-weight: normal;
    position: relative;
}

div.Help a span.PopUpAbove
{
	z-index: 500;
}

div.Help a:visited span.PopUpAbove
{
	display: none;
}

div.Help a:link span.PopUpAbove
{
	display: none;
}

div.Help a:hover span.PopUpAbove, div.Help a:active span.PopUpAbove, div.Help a:focus span.PopUpAbove,
.InnerTabs div.Help a:active span.PopUpAbove, .InnerTabs div.Help a:active span.PopUpAbove
{   
    color: #000000;
	display: block;
	width: 15em;
	z-index: 500;
	top: -1.8em;
	left: 9px;
	position: absolute;
	text-decoration: none;
	padding: 0px;
	font-weight: normal;
	height: auto;
	white-space: normal;
	background: none;
}

.FloatHeaderPanelLeft div.Help a:hover span.PopUpAbove, .FloatHeaderPanelLeft div.Help a:active span.PopUpAbove, 
.FloatHeaderPanelLeft div.Help a:focus span.PopUpAbove, .FloatHeaderPanelLeft .InnerTabs div.Help a:active span.PopUpAbove, .FloatHeaderPanelLeft .InnerTabs div.Help a:active span.PopUpAbove
{
	position: relative;
}

div.Help a:visited span.PopUpRight
{
	display: none;
}

div.Help a:link span.PopUpRight
{
	display: none;
}
div.Help a:hover span.PopUpRight, div.Help a:active span.PopUpRight
{   
    color: #000000;
	display: block;
	width: 15em;
	z-index: 500;
	top: 2px;
	left: -14.5em;
	position: absolute;
	background-color: #ffffff;
	text-decoration: none;
	padding: 0px;
	font-weight: normal;
	height: auto;
	white-space: normal;
}

div.Help a:visited span.PopUpBottom
{
	display: none;
}

div.Help a:link span.PopUpBottom
{
	display: none;
}
div.Help a:hover span.PopUpBottom, div.Help a:active span.PopUpBottom
{   
    color: #000000;
	display: block;
	width: 15em;
	z-index: 500;
	top: 2px;
	left: 2px;
	position: absolute;
	background-color: #ffffff;
	text-decoration: none;
	padding: 0px;
	font-weight: normal;
	height: auto;
	white-space: normal;
}

* html div.Help a:hover span.PopUpBottom, * html div.Help a:active span.PopUpBottom
{
	top: 18px;
}

div.TreeHelp a:visited span.PopUpUnselected
{
	display: none;
}

div.TreeHelp a:link span.PopUpUnselected
{
    display: none;
}

span.PopUpUnselected
{
    display: none;
}

div.TreeHelp a span.PopUpSelected, div.TreeHelp a:link span.PopUpSelected, div.TreeHelp a:visited span.PopUpSelected, div.TreeHelp a:hover span.PopUpSelected, div.TreeHelp a:active span.PopUpSelected, div.Help a:focus span.PopUpSelected
{   
    color: #000000;
	display: block;
	width: 15em;
	z-index: 500;
	top: -1.6em;
	left: 9px;
	position: absolute;
	text-decoration: none;
	padding: 0px;
	font-weight: normal;
	height: auto;
	white-space: normal;
	background: none;
}

div.TreeHelp img
{
	visibility: hidden;
}

input.CloseHelpPopUpButton
{
    font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
    background-image: url(../image/Delete.gif);
    background-position: 0px;
    background-repeat: no-repeat;
    padding-left: 0px;
    border: 0px;
    background-color: transparent;
    text-decoration: none;
    text-align: right;
    cursor: pointer;
    width: 22px;
    height: 22px;
    float: right;
}

/* End of help popup */

/* All buttons */

input.SearchButton
{
    font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
    background-image: url(../image/Button.gif);
    background-position: 0px;
    background-repeat: no-repeat;
    padding-left: 11px;
    color: #FFFFFF;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    white-space: nowrap;
}

/* all input buttons share code */
input.SubmitButton, input.OptionButton, input.CancelButton, input.LoginSubmitButton, div.FormItem input.SubmitButton, div.FormItem input.OptionButton, div.FormItem input.CancelButton, .LoginSubmitButton, input.SubmitButtonSmall, input.OptionButtonSmall, input.CancelButtonSmall
{
    padding: 0px;
    margin: 0px;
    margin-top: 0.2em;
    font-size: 1.2em;
    cursor: pointer;
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #ffffff;
    padding-left: 15px;
    padding-right: 1px;
    width: auto;
    overflow: visible;
    height: 1.6em;
    margin-left: 0.2em;
}

fieldset input.SubmitButton, fieldset input.OptionButton, fieldset input.CancelButton, fieldset input.SubmitButtonSmall, fieldset input.OptionButtonSmall, fieldset input.CancelButtonSmall
{
    clear: both;
}

/* Input button code for non-IE browsers */
body:lang(en) input.SubmitButton, body:lang(en) input.OptionButton, body:lang(en) input.CancelButton, body:lang(en) input.SubmitButtonSmall, body:lang(en) input.OptionButtonSmall, body:lang(en) input.CancelButtonSmall
{
    margin-top: 0.3em;
    height: 1.55em;
    margin-bottom: 0.1em;
}

/* Making hyperlinks look like buttons */
a.SubmitButton, a:visited.SubmitButton, a:hover.SubmitButton, a:active.SubmitButton, a:link.SubmitButton, a:focus.SubmitButton,
a.OptionButton, a:visited.OptionButton, a:hover.OptionButton, a:active.OptionButton, a:link.OptionButton, a:focus.OptionButton,
a.CancelButton, a:visited.CancelButton, a:hover.CancelButton, a:active.CancelButton, a:link.CancelButton, a:focus.CancelButton,
a.OptionButtonSmall, a:visited.OptionButtonSmall, a:hover.OptionButtonSmall, a:active.OptionButtonSmall, a:link.OptionButtonSmall, a:focus.OptionButtonSmall, 
a.CancelButtonSmall, a:visited.CancelButtonSmall, a:hover.CancelButtonSmall, a:active.CancelButtonSmall, a:link.CancelButtonSmall, a:focus.CancelButtonSmall,
a.SubmitButtonSmall, a:visited.SubmitButtonSmall, a:hover.SubmitButtonSmall, a:active.SubmitButtonSmall, a:link.SubmitButtonSmall, a:focus.SubmitButtonSmall
{
    padding: 0px;
    margin: 0px;
    margin-top: 0.2em;
    font-size: 1.2em;
    cursor: pointer;
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #fff;
    padding-left: 15px;
    padding-right: 1px;
    width: auto;
    overflow: hidden;
    height: 1.45em;
    text-decoration: none;
    font-weight: normal;
    display: inline-block;
    padding-top: 0.05em;
    white-space: nowrap;
    margin-left: 0.2em;
	line-height: normal;
}

/* Hyperlink code for non-IE browsers */
body:lang(en) a.SubmitButton, body:lang(en) a:visited.SubmitButton, body:lang(en) a:hover.SubmitButton, 
body:lang(en) a:active.SubmitButton, body:lang(en) a:link.SubmitButton, body:lang(en) a:focus.SubmitButton, 
body:lang(en) a.OptionButton, body:lang(en) a:visited.OptionButton, body:lang(en) a:hover.OptionButton, 
body:lang(en) a:active.OptionButton, body:lang(en) a:link.OptionButton, body:lang(en) a:focus.OptionButton, 
body:lang(en) a.CancelButton, body:lang(en) a:visited.CancelButton, body:lang(en) a:hover.CancelButton, 
body:lang(en) a:active.CancelButton, body:lang(en) a:link.CancelButton, body:lang(en) a:focus.CancelButton,
body:lang(en) a.OptionButtonSmall, body:lang(en) a:visited.OptionButtonSmall, 
body:lang(en) a:hover.OptionButtonSmall, body:lang(en) a:active.OptionButtonSmall, 
body:lang(en) a:link.OptionButtonSmall, body:lang(en) a:focus.OptionButtonSmall,
body:lang(en) a.CancelButtonSmall, body:lang(en) a:visited.CancelButtonSmall, 
body:lang(en) a:hover.CancelButtonSmall, body:lang(en) a:active.CancelButtonSmall, 
body:lang(en) a:link.CancelButtonSmall, body:lang(en) a:focus.CancelButtonSmall,
body:lang(en) a.SubmitButtonSmall, body:lang(en) a:visited.SubmitButtonSmall, 
body:lang(en) a:hover.SubmitButtonSmall, body:lang(en) a:active.SubmitButtonSmall, 
body:lang(en) a:link.SubmitButtonSmall, body:lang(en) a:focus.SubmitButtonSmall
{
    display: inline-block;
    padding-top: 0.15em;
    height: 1.55em;
    padding-left: 18px;
    padding-right: 2px;
}

/* Submit specific code */
a.SubmitButton, a:visited.SubmitButton, a:hover.SubmitButton, a:active.SubmitButton, a:link.SubmitButton, 
a:focus.SubmitButton, input.SubmitButton, input.LoginSubmitButton, input.SubmitButtonSmall,
input.SubmitButtonSmall, a.SubmitButtonSmall, a:visited.SubmitButtonSmall, a:hover.SubmitButtonSmall, 
a:active.SubmitButtonSmall, a:link.SubmitButtonSmall, a:focus.SubmitButtonSmall
{
    border-right: 1px solid #72af97;
    border-bottom: 1px solid #72af97;
    border-top: 1px solid #f1f7f4;
    border-left: 1px solid #f1f7f4;
    background-color: #72af97;
    background-image: url(../image/SubmitButtonLarge.gif);
}

/* Option specific code */
a.OptionButton, a:visited.OptionButton, a:hover.OptionButton, a:active.OptionButton, a:link.OptionButton, 
a:focus.OptionButton, input.OptionButton, 
input.OptionButtonSmall, a.OptionButtonSmall, a:visited.OptionButtonSmall, a:hover.OptionButtonSmall, 
a:active.OptionButtonSmall, a:link.OptionButtonSmall, a:focus.OptionButtonSmall
{
    border-right: 1px solid #004d6b;
    border-bottom: 1px solid #004d6b;
    border-top: 1px solid #e5f0f4;
    border-left: 1px solid #e5f0f4;
    background-color: #266881;
    background-image: url(../image/OptionButtonLarge.gif);
}

/* Cancel specific code */
a.CancelButton, a:visited.CancelButton, a:hover.CancelButton, a:active.CancelButton, a:link.CancelButton, 
a:focus.CancelButton, input.CancelButton,
input.CancelButtonSmall, a.CancelButtonSmall, a:visited.CancelButtonSmall, a:hover.CancelButtonSmall, 
a:active.CancelButtonSmall, a:link.CancelButtonSmall, a:focus.CancelButtonSmall
{
    border-right: 1px solid #dd0000;
    border-bottom: 1px solid #dd0000;
    border-top: 1px solid #ffa776;
    border-left: 1px solid #ffa776;
    background-color: #dd7c7c;
    background-image: url(../image/CancelButtonLarge.gif);
}

/* Make input buttons smaller when in a table and tree controls */
table input.SubmitButton, table input.OptionButton, table input.CancelButton, .TreeControls input.SubmitButton, .TreeControls input.OptionButton, .TreeControls input.CancelButton, input.SubmitButtonSmall, input.OptionButtonSmall, input.CancelButtonSmall
{
    font-size: 1em;
    padding-left: 12px;
    margin-right: 0.5em;
    overflow: visible;
    margin-bottom: 0.1em;
    height: 1.65em;
}

/* Make input buttons smaller in non-IE browsers in a table and tree controls */
body:lang(en) table input.SubmitButton, body:lang(en) table input.OptionButton, body:lang(en) table input.CancelButton, body:lang(en) .TreeControls input.SubmitButton, body:lang(en) .TreeControls input.OptionButton, body:lang(en) .TreeControls input.CancelButton, body:lang(en) input.SubmitButtonSmall, body:lang(en) input.OptionButtonSmall, body:lang(en) input.CancelButtonSmall
{
    height: 1.6em;
}

/* Making hyperlinks smaller in a table and tree controls */
table a.SubmitButton, table a:visited.SubmitButton, table a:hover.SubmitButton, table a:active.SubmitButton, 
table a:link.SubmitButton, table a:focus.SubmitButton, 
table a.OptionButton, table a:visited.OptionButton, table a:hover.OptionButton, table a:active.OptionButton, 
table a:link.OptionButton, table a:focus.OptionButton, 
table a.CancelButton, table a:visited.CancelButton, table a:hover.CancelButton, table a:active.CancelButton, 
table a:link.CancelButton, table a:focus.CancelButton, 
.TreeControls a.SubmitButton, .TreeControls a:visited.SubmitButton, .TreeControls a:hover.SubmitButton, 
.TreeControls a:active.SubmitButton, .TreeControls a:link.SubmitButton, .TreeControls a:focus.SubmitButton, 
.TreeControls a.OptionButton, .TreeControls a:visited.OptionButton, .TreeControls a:hover.OptionButton, 
.TreeControls a:active.OptionButton, .TreeControls a:link.OptionButton, .TreeControls a:focus.OptionButton, 
.TreeControls a.CancelButton, .TreeControls a:visited.CancelButton, .TreeControls a:hover.CancelButton, 
.TreeControls a:active.CancelButton, .TreeControls a:link.CancelButton, .TreeControls a:focus.CancelButton,
a.OptionButtonSmall, a:visited.OptionButtonSmall, a:hover.OptionButtonSmall, a:active.OptionButtonSmall, 
a:link.OptionButtonSmall, a:focus.OptionButtonSmall,
a.CancelButtonSmall, a:visited.CancelButtonSmall, a:hover.CancelButtonSmall, a:active.CancelButtonSmall, 
a:link.CancelButtonSmall, a:focus.CancelButtonSmall,
a.SubmitButtonSmall, a:visited.SubmitButtonSmall, a:hover.SubmitButtonSmall, a:active.SubmitButtonSmall, 
a:link.SubmitButtonSmall, a:focus.SubmitButtonSmall
{
    font-size: 1em;
    padding-left: 12px;
    height: 1.25em;
    padding-top: 0.15em;
    padding-bottom: 0.1em;
    line-height: 1.2em;
}

/* Smaller submit image */
table a.SubmitButton, table a:visited.SubmitButton, table a:hover.SubmitButton, table a:active.SubmitButton, 
table a:link.SubmitButton, table a:focus.SubmitButton, table input.SubmitButton, 
.TreeControls a.SubmitButton, .TreeControls a:visited.SubmitButton, .TreeControls a:hover.SubmitButton, 
.TreeControls a:active.SubmitButton, .TreeControls a:link.SubmitButton, .TreeControls a:focus.SubmitButton, 
.TreeControls input.SubmitButton, input.SubmitButtonSmall,
a.SubmitButtonSmall, a:visited.SubmitButtonSmall, a:hover.SubmitButtonSmall, a:active.SubmitButtonSmall, 
a:link.SubmitButtonSmall, a:focus.SubmitButtonSmall
{
    background-image: url(../image/SubmitButtonSmall.gif);
}

/* Smaller option image */
table a.OptionButton, table a:visited.OptionButton, table a:hover.OptionButton, table a:active.OptionButton, 
table a:link.OptionButton, table a:focus.OptionButton, table input.OptionButton, 
.TreeControls a.OptionButton, .TreeControls a:visited.OptionButton, .TreeControls a:hover.OptionButton, 
.TreeControls a:active.OptionButton, .TreeControls a:link.OptionButton, .TreeControls a:focus.OptionButton, 
.TreeControls input.OptionButton, input.OptionButtonSmall,
a.OptionButtonSmall, a:visited.OptionButtonSmall, a:hover.OptionButtonSmall, a:active.OptionButtonSmall, 
a:link.OptionButtonSmall, a:focus.OptionButtonSmall
{
    background-image: url(../image/OptionButtonSmall.gif);
}

/* Smaller cancel image */
table a.CancelButton, table a:visited.CancelButton, table a:hover.CancelButton, table a:active.CancelButton, 
table a:link.CancelButton, table a:focus.CancelButton, table input.CancelButton, 
.TreeControls a.CancelButton, .TreeControls a:visited.CancelButton, .TreeControls a:hover.CancelButton, 
.TreeControls a:active.CancelButton, .TreeControls a:link.CancelButton, .TreeControls a:focus.CancelButton, 
.TreeControls input.CancelButton,
a.CancelButtonSmall, a:visited.CancelButtonSmall, a:hover.CancelButtonSmall, a:active.CancelButtonSmall, 
a:link.CancelButtonSmall, a:focus.CancelButtonSmall
{
    background-image: url(../image/CancelButtonSmall.gif);
}

/* Small hyperlink in IE < 7 browsers */
* html table a.SubmitButton, * html table a:visited.SubmitButton, * html table a:hover.SubmitButton, 
* html table a:active.SubmitButton, * html table a:link.SubmitButton, * html table a:focus.SubmitButton, 
* html table a.OptionButton, * html table a:visited.OptionButton, * html table a:hover.OptionButton, 
* html table a:active.OptionButton, * html table a:link.OptionButton, * html table a:focus.OptionButton, 
* html table a.CancelButton, * html table a:visited.CancelButton, * html table a:hover.CancelButton, 
* html table a:active.CancelButton, * html table a:link.CancelButton, * html table a:focus.CancelButton, 
* html .TreeControls a.SubmitButton, * html .TreeControls a:visited.SubmitButton, 
* html .TreeControls a:hover.SubmitButton, * html .TreeControls a:active.SubmitButton, 
* html .TreeControls a:link.SubmitButton, * html .TreeControls a:focus.SubmitButton, 
* html .TreeControls a.OptionButton, * html .TreeControls a:visited.OptionButton, 
* html .TreeControls a:hover.OptionButton, * html .TreeControls a:active.OptionButton, 
* html .TreeControls a:link.OptionButton, * html .TreeControls a:focus.OptionButton, 
* html .TreeControls a.CancelButton, * html .TreeControls a:visited.CancelButton, 
* html .TreeControls a:hover.CancelButton, * html .TreeControls a:active.CancelButton, 
* html .TreeControls a:link.CancelButton, * html .TreeControls a:focus.CancelButton,
* html a.OptionButtonSmall, * html a:visited.OptionButtonSmall, * html a:hover.OptionButtonSmall, 
* html a:active.OptionButtonSmall, * html a:link.OptionButtonSmall, * html a:focus.OptionButtonSmall,
* html a.CancelButtonSmall, * html a:visited.CancelButtonSmall, * html a:hover.CancelButtonSmall, 
* html a:active.CancelButtonSmall, * html a:link.CancelButtonSmall, * html a:focus.CancelButtonSmall,
* html a.SubmitButtonSmall, * html a:visited.SubmitButtonSmall, * html a:hover.SubmitButtonSmall, 
* html a:active.SubmitButtonSmall, * html a:link.SubmitButtonSmall, * html a:focus.SubmitButtonSmall
{
	padding-top: 0.2em;
	padding-bottom: 0.15em;
}

/* Small hyperlink in non-IE browsers */
body:lang(en) table a.SubmitButton, body:lang(en) table a:visited.SubmitButton, 
body:lang(en) table a:hover.SubmitButton, body:lang(en) table a:active.SubmitButton, 
body:lang(en) table a:link.SubmitButton, body:lang(en) table a:focus.SubmitButton, 
body:lang(en) table a.OptionButton, body:lang(en) table a:visited.OptionButton, 
body:lang(en) table a:hover.OptionButton, body:lang(en) table a:active.OptionButton, 
body:lang(en) table a:link.OptionButton, body:lang(en) table a:focus.OptionButton, 
body:lang(en) table a.CancelButton, body:lang(en) table a:visited.CancelButton, 
body:lang(en) table a:hover.CancelButton, body:lang(en) table a:active.CancelButton, 
body:lang(en) table a:link.CancelButton, body:lang(en) table a:focus.CancelButton, 
body:lang(en) .TreeControls a.SubmitButton, body:lang(en) .TreeControls a:visited.SubmitButton, 
body:lang(en) .TreeControls a:hover.SubmitButton, body:lang(en) .TreeControls a:active.SubmitButton, 
body:lang(en) .TreeControls a:link.SubmitButton, body:lang(en) .TreeControls a:focus.SubmitButton, 
body:lang(en) .TreeControls a.OptionButton, body:lang(en) .TreeControls a:visited.OptionButton, 
body:lang(en) .TreeControls a:hover.OptionButton, body:lang(en) .TreeControls a:active.OptionButton, 
body:lang(en) .TreeControls a:link.OptionButton, body:lang(en) .TreeControls a:focus.OptionButton, 
body:lang(en) .TreeControls a.CancelButton, body:lang(en) .TreeControls a:visited.CancelButton, 
body:lang(en) .TreeControls a:hover.CancelButton, body:lang(en) .TreeControls a:active.CancelButton, 
body:lang(en) .TreeControls a:link.CancelButton, body:lang(en) .TreeControls a:focus.CancelButton,
body:lang(en) a.OptionButtonSmall, body:lang(en) a:visited.OptionButtonSmall, 
body:lang(en) a:hover.OptionButtonSmall, body:lang(en) a:active.OptionButtonSmall, 
body:lang(en) a:link.OptionButtonSmall, body:lang(en) a:focus.OptionButtonSmall,
body:lang(en) a.CancelButtonSmall, body:lang(en) a:visited.CancelButtonSmall, 
body:lang(en) a:hover.CancelButtonSmall, body:lang(en) a:active.CancelButtonSmall, 
body:lang(en) a:link.CancelButtonSmall, body:lang(en) a:focus.CancelButtonSmall,
body:lang(en) a.SubmitButtonSmall, body:lang(en) a:visited.SubmitButtonSmall, 
body:lang(en) a:hover.SubmitButtonSmall, body:lang(en) a:active.SubmitButtonSmall, 
body:lang(en) a:link.SubmitButtonSmall, body:lang(en) a:focus.SubmitButtonSmall
{
    height: 1.30em;
    margin-bottom: 0.1em;
    padding-top: 0.05em;
}

/* Pop up win button */

input.ClosePopUpWinButton
{
    font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
    background-image: url(../image/Delete.gif);
    background-position: 0px;
    background-repeat: no-repeat;
    padding-left: 0px;
    border: 0px;
    background-color: transparent;
    text-decoration: none;
    text-align: right;
    cursor: pointer;
    width: 22px;
    height: 22px;
    float: right;
}

/* End of buttons */

/* Start of TreePicker */

.TreePickerPleaseWait
{
    margin-left: 5px;
    position: absolute;
    padding: 0px;
    border: solid 1px #000000;
    background-color: #ffeeee;
    font-size: 0.8em;
    font-weight: bold;
    position: absolute;
    display: block;
}

.TreePickerHeader
{
    border-bottom: 0px;
    background-color: #009966;
    padding-left: 0.3em;
    padding-right: 0.3em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-weight: bold;
    color: #ffffff;
    font-size: 1.1em;
}

.TreePickerTree
{
    background-color: #E5F5EF;
    overflow: visible;
}

.TreePickerTree div div
{
    overflow: visible !important;
}
/*
.TreePickerPopup
{
    display: block;
	position: absolute;
	width: 300px;
	border: solid 1px #009966;
	font-size: 1em;
	z-index: 20;
	overflow: auto;
}*/
.TreePickerPopup
{
    display: block;
    border: solid 1px #009966;
    font-size: 1em;
    overflow: scroll;
    z-index: 99999;
    position: absolute;
    white-space: nowrap;
    width: 300px;
    height: 300px;
    background-color: #E5F5EF;
}

.TreePickerIFrame
{
    position: absolute;
    display: block;
    width: 300px;
    height: 300px;
}

.TreePickerIcon
{
    margin-top: 0.2em;
}
.TreeNode
{
    position: relative;
    font-size: 0.85em;
    padding-left: 0.2em;
    padding-right: 0.2em;
}

.TreeNodeOver
{
    font-size: 0.85em;
    text-decoration: none;
    cursor: pointer;
    padding-left: 0.2em;
    padding-right: 0.2em;
}

.TreeNodeSelect
{
    font-size: 0.85em;
    background-color: #009966;
    color: #ffffff;
    cursor: pointer;
    padding-left: 0.2em;
    padding-right: 0.2em;
}

/* End of TreePicker */

/* Start of DatePicker */

div.DatePickerPopup
{
    position: absolute;
    display: block;
    font-size: 1em;
    background-color: #ffffff;
    z-index: 99999;
    width: 189px;
    height: 132px;
}

/* To show a border around the date picker in IE6 */

* html div.DatePickerPopup
{
    border: solid 1px #009966;
}

.DatePickerIFrame
{
    position: absolute;
    display: block;
    width: 189px;
    height: 132px;
}

div.DatePickerPopup table
{
    width: 189px;
    z-index: 400;
}

/* End of DatePicker */

/* TimePicker */

div.TimePickerPopup
{
    position: absolute;
    display: block;
    border: solid 1px #009966;
    font-size: 1em;
    background-color: #ffffff;
    z-index: 99999;
    width: 5em;
    height: 14em;
}
div.TimePickerPopup select
{
    width: 5em;
    height: 16em;
}

.TimePickerIFrame
{
    position: absolute;
    display: block;
    width: 5em;
    height: 14em;
}

/* End of TimePicker */

/* Start of Header */

div.Header
{
    border: 0px;
    margin: 0px;
    padding: 0px;
	background: #dfe5d3 url(../image/headerbackground.gif) repeat-x left bottom;
}

div.Header h1
{
    padding-top: 0.5em;
    position: relative;
}

div.Header h2
{
    position: relative;
}

div.LoginLogoArea
{
	min-height: 90px;
	overflow: visible;
}

* html div.LoginLogoArea 
{
	height: 90px;
}

div.Logo img
{
	position: absolute;
	z-index: 0;
	clear: none;
	left: 0px;
}

div.ForAuthority 
{
	padding-top: 47px;
	margin-left: 228px;
	color: #003366;
	font-size: 160%;
}

.TestMode
{
	color: #ed7449;
	font-weight: bold;
	display: block;
	margin-top: 6em;
	margin-left: 1em;
	position: absolute;
}

a.HiddenLink, a:link.HiddenLink, a:visited.HiddenLink
{
    color: #009966;
    border-bottom: 0px;
    width: 0px;
    height: 0px;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0px;
    white-space: nowrap;
    z-index: 1000;
    text-decoration: none;
}

a:hover.HiddenLink, a:active.HiddenLink, a:focus.HiddenLink
{
    position: absolute;
    color: #009966;
    border-bottom: 1px solid #ffffff;
    overflow: visible;
    background-color: #ffffff;
    border: 1px solid #009966;
    width: auto;
    height: auto;
    padding: 0.1em;
}

div.TopBarNavigation
{
    background: url(../image/navbackground.gif) repeat-x left bottom #009966;
    background-color: #72af97;
    color: #ffffff;
    position: relative;
    text-align: right;
    margin: 0px;
    padding-bottom: 0.1em;
    display: block;
    float: none;
    padding-right: 0em;
    padding-left: 0em;
    padding-top: 0em;
    width: 100%;
    font-size: 1.1em;
    border: 0px;
    line-height: 2em;
	border-top: 0.1em solid #72AF97;
	border-bottom: 0.1em solid #39684C;
}

span.ConstantLinks
{
    margin: 0px;
    padding: 0px;
    margin-left: 2em;
    display: inline;
    margin-right: 0.2em;
    white-space: nowrap;
}

.SearchItems
{
    margin: 0px;
    padding: 0px;
    margin-left: 1.5em;
    margin-right: 0.2em;
    display: inline;
    white-space: nowrap;
    float: right;
}

div.TopBarNavigation input
{
    font-size: 0.9em;
    margin-bottom: 0em;
}

div.TopBarNavigation input.ShortInput
{
    padding-left: 0.1em;
    padding-right: 0.1em;
    width: 6em;
    border-color: #cccccc;
}

div.TopBarNavigation input.SubmitButton
{
    background-image: url(../image/gobutton.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0.5em;
    border-bottom: 0px;
    padding-left: 12px;
    color: #003166;
    border: 0;
    height: 1.7em;
    background-color: transparent;
    font-weight: bold;
}

div.TopBarNavigation a, div.TopBarNavigation a:link, div.TopBarNavigation a:visited, 
div.TopBarNavigation a:active, div.TopBarNavigation a:focus, div.TopBarNavigation label, 
div.TopBarNavigation legend
{
    color: #ffffff;
    text-decoration: none;
}

div.TopBarNavigation a:hover, div.TopBarNavigation a:active, div.TopBarNavigation a:focus
{
    color: #ffffff;
    text-decoration: underline;
}

div.LoginArea
{
    float: right;
    padding: 0em;
    margin: 0em;
    border: 0px;
    text-align: left;
    margin-right: 0.4em;
    display: block;
    line-height: 2em;
}

div.Breadcrumbs
{
    position: relative;
    padding-left: 0.5em;
    color: #ffffff;
    float: left;
}

div.ListLinks
{
    display: inline;
    position: relative;
    color: #ffffff;
    white-space: nowrap;
}

div.ListLinks ul, div.ListLinks span
{
    display: inline;
    position: relative;
    margin: 0px;
}

.ListLinks li
{
    list-style: none;
    display: inline;
    margin: 0px;
    padding: 0px;
}

.ListLinks a, .ListLinks a:visited, .ListLinks a:hover, .ListLinks a:link
{
    color: #ffffff;
    vertical-align: middle;
    margin-right: 0.1em;
    padding-right: 0.4em;
    padding-bottom: 0em;
    padding-top: 0em;
    padding-left: 0.4em;
}

.ListLinks li a:hover, .ListLinks li a:focus, .ListLinks a:active
{
    background-color: #336699;
}

div.Content
{
    clear: both;
}

div.LoggedInInfo, div.LoggedInButtons
{
    display: table-cell;
    position: relative;
    padding: 0px;
    margin: 0px;
    display: block;
    right: 0.3em;
    z-index: 10;
    line-height: 1.2em;
}

div.LoggedInButtons
{
    position: relative;
}

div.UserInfo
{
    border: 0px;
    padding-bottom: 0.4em;
    margin: 0em;
    padding-top: 0.4em;
    padding-left: 0px;
    padding-right: 0.6em;
    font-size: 1.1em;
    color: #003366;
    display: block;
    position: relative;
}

div.AuthorityInfo
{
    border: 0px;
    padding-top: 0.1em;
    padding-bottom: 0.2em;
    margin: 0em;
    padding-left: 0px;
    padding-right: 0.6em;
    font-size: 1.1em;
    color: #003366;
    left: 0px;
    display: block;
    position: relative;
    float: none;
}

div.AuthorityInfo div
{
    padding-top: 0.4em;
}

.LoginArea input.OptionButtonSmall, .LoginArea a.OptionButtonSmall, .LoginArea a:visited.OptionButtonSmall, 
.LoginArea a:link.OptionButtonSmall, .LoginArea a:hover.OptionButtonSmall, .LoginArea a:active.OptionButtonSmall,
.LoginArea a:focus.OptionButtonSmall
{
    margin-left: 0px;
    margin-right: 1em;
}

div.LoginOptions
{
    padding: 0.2em;
    padding-top: 0px;
    padding-left: 16px;
    float: none;
}

.LoginArea fieldset
{
    display: inline;
    margin: 0px;
    padding: 0.2em;
    padding-top: 0px;
    border: 0px;
}

.LoginArea label
{
    background-color: transparent;
    color: #003366;
    font-weight: normal;
}

.LoginArea legend 
{
	margin-left: -0.55em;
	font-size: 120%;
	font-weight: bold;
}

body:lang(en) .LoginArea legend 
{
	margin-left: -0.25em;
}

div.LoginGroup div
{
    float: left;
    vertical-align: bottom;
}

div.LoginInputGroup
{
    float: left;
    padding-top: 0.2em;
}

span.RememberUsername
{
    clear: left;
    float: left;
    margin-left: 4.9em;
}

.LoginArea input.PasswordBox
{
    margin-right: 0.3em;
    width: 6.8em;
}

.LoginArea input.LoginBox
{
    margin-right: 1.2em;
    width: 12.6em;
}

.LoginArea input.SubmitButton, .LoginArea input.LoginSubmitButton
{
    height: 1.5em;
    font-size: 1.3em;
}

.LoginArea input.SubmitButtonSmall
{
	margin-left: 5em;
}

/*End of header */

/* Start of menu */

div.Menu
{
    position: relative;
    clear: both;
    background: url(../image/menubackground.gif) repeat-x left top #004d6b;
    padding: 0px;
    /* this is higher than the AJAX progress z-index*/
    z-index: 200000;
	line-height: 2em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

div.Menu img, div.Menu a
{
    float: left;
    display: inline;
    white-space: nowrap;
}

div.Menu table a:hover, div.Menu table a:visited, div.Menu table a:active, div.Menu table a:link, 
div.Menu table a
{
    float: none;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    font-weight: bold;
    color: #E5F5EF;
    padding: 0px;
    text-align: left;
    white-space: nowrap;
    min-width: 200px;
    background-color: Transparent;
    text-decoration: none;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

div.Menu table a:hover, div.Menu table a:focus, div.Menu table a:active
{
    color: #ffffff;
    cursor: pointer;
}

div.Menu table, div.Menu div
{
    padding: 0px;
    margin: 0px;
	background: url(../image/topmenubackground.gif) repeat-x right top #004d6b;
}

div.Menu table td
{
    padding: 0px;
    margin: 0px;
}

div.Menu table div
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}

div.Menu table td table td
{
    white-space: nowrap;
    padding-left: 0.3em;
    padding-right: 0.3em;
    margin-left: 0em;
    padding-bottom: 0.2em;
    padding-top: 0.1em;
    border: 0px;
}

.SiteMenu
{
    background-color: #003366;
    color: #ffffff;
    border: 0px;
}

table.StaticSelectedStyle a, table.StaticMenuItemStyle a, table.DynamicMenuItemStyle a
{
    border-collapse: separate;
    border-bottom: 0px;
    text-decoration: none;
}

table.MenuHoverStyle a
{
    border-collapse: separate;
}

table.MenuHoverStyle a:hover, table.MenuHoverStyle a:active, table.MenuHoverStyle a:focus
{
    text-decoration: underline !important;
}

table.StaticSelectedStyle, table.StaticMenuItemStyle, table.MenuHoverStyle, table.DynamicMenuItemStyle
{
    padding-bottom: 0.2em;
    background-color: #003366;
    color: #ffffff;
}

table.StaticSelectedStyle, table.DynamicSelectedStyle
{
    background-color: #009966;
}

table.MenuHoverStyle
{
    background-color: #006699;
}

.DynamicMenuStyle
{
    background-color: #003366;
    z-index: 100;
}

/* End of menu */

/* Classes for the index page. */

.IndexLeft
{
    width: 30%;
    float: left;
}

.IndexRight
{
    width: 69.5%;
    float: left;

    overflow: visible;
}

.IndexRightInner 
{
	padding-left: 0.8em;
	margin: 0px;
}

.IndexLeft div
{
    background: url(../image/watermark.gif) no-repeat right top #f1f7f4;
    padding: 0px;
    margin-bottom: 0.8em;
    position: relative;
}

.IndexLeft ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 18px;
	position: relative;
}

.IndexLeft div h2
{
	background: url(../image/headerright.gif) no-repeat right top #dcebe5;
	margin: 0px;
	padding: 0px;
}

.IndexLeft div h2 span
{
	background: url(../image/headerleft.gif) no-repeat left top;
	color: #003448;
	padding: 0.3em 0.4em 0.3em 0.4em;
    display: block;
    font-size: 80%;
}

.IndexLeft div h2 span span 
{
	background: none;
	padding: 0px;
	font-size: 100%;
	display: inline;
}

div.SubContent
{
    margin: 0px;
    padding: 0.7em 0.4em 0.7em 0.4em;
}

.Aboutesdtoolkit em
{
	font-style: italic;
	font-size: 1.1em;
	display: block;
	margin-bottom: 0.3em;
}

.Signpost li
{
	list-style-image: url(../image/listsign.gif);
}

.Signpost li.SuppliersItem 
{
	list-style-image: url(../image/supplierslist.gif);
}

.Signpost li.HotTopicItem 
{
	list-style-image: url(../image/hottopiclist.gif);
}

.Signpost li.ProjectItem 
{
	list-style-image: url(../image/star_silver.gif);
}

.Signpost li a 
{
	margin-left: 0.3em;
}

.LiveForums
{
    padding: 0px;
}

.IndexRight div 
{
	margin-bottom: 0.8em;
	position: static;
}

.IndexRight div.HalfFloat 
{
	margin-bottom: 0px;
}

.IndexRight div.SubContent
{
	background: url(../image/watermarkblue.gif) no-repeat right top #f3f8fa;
	padding-right: 0.7em;
    position: relative;
}

.MainNewsItem .SubContent
{
	margin: 0px;
	margin-bottom: 0em;
}

.MainNewsItem .NewsItem 
{
	margin-bottom: 0em;
	position: relative;
}

div.NewsItemLinks 
{
	padding-top: 0.4em;
}

div.CommunityList ul, div.DevelopmentList ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 23px;
	position: relative;
}

div.CommunityList li, div.DevelopmentList li 
{
	padding-left: 0.3em;
}

div.CommunityList li a, div.DevelopmentList li a 
{
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	display: inline-block;
}

.CommunityList li 
{
	list-style-image: url(../image/communityitem.gif);
}

.DevelopmentList li 
{
	list-style-image: url(../image/developmentitem.gif);
}

h2.MainRight
{
	background: url(../image/header2right.gif) no-repeat right top #bfd9e3;
	margin: 0px;
	padding: 0px;
}

h2.MainRight span
{
	background: url(../image/header2left.gif) no-repeat left top;
	color: #003448;
	padding: 0.3em 0.4em 0.3em 0.4em;
    display: block;
    font-size: 80%;
    position: relative;
}

div.EventFilter 
{
	border-bottom: dotted 0.1em #bfd9e3;
	margin: 0px;
	margin-bottom: 0.6em;
	padding: 0.3em 0.1em;
	position: relative;
}

div.SubContent table.DataTable tr.Item td, div.SubContent table.DataTable tr.AlternatingItem td
{
	padding-bottom: 1em;
}

div.SubContent table.DataTable tr.Item td
{
	background-color: #dfdfdf;
}

div.SubContent table.DataTable tr.AlternatingItem, div.SubContent table.DataTable tr.AlternatingItem td
{
	background-color: #fff;
}

/* End of classes for the index page. */

/* Tree view */

.TreeFrame
{
    position: absolute;
    min-height: 100px;
    border-right: 0.1em solid #009966;
    margin-right: 0em;
    margin-left: 0.2em;
    margin-top: 0em;
    margin-bottom: 0em;
    width: 34%;
    top: 12em;
    left: 0px;
    height: 100%;
    z-index: 30;
    bottom: 14px;
}

* html .TreeFrame
{
    overflow: hidden;
    margin: 0;
}

.TreeSearchResultsFrame
{
    position: absolute;
    min-height: 50px;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 0em;
    margin-bottom: 0em;
    width: 100%;
    left: 0px;
    height: 90px;
    bottom: 0px;
    vertical-align: bottom;
    z-index: 50;
    padding: 0em;
    display: none;
}

.TreeSearchResultsFrame p
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.TreeSearchResultsPanel
{
    display: none;
    visibility: visible;
}

.SearchFrameBody fieldset
{
    margin-top: 0px;
    padding-bottom: 0;
    padding-top: 0.2em;
}

.TreeFrameBody, .TreeDetailsBody
{
    position: relative;
    width: 100%;
    margin: 0px;
}

* html .TreeFrameBody, * html .TreeDetailsBody
{
    overflow: hidden;
    height: 100%;
}

.TreeFrameInnerDiv, .TreeDetailsFrameArea
{
    position: static;
    overflow: visible;
}

* html .TreeFrameInnerDiv, * html .TreeDetailsFrameArea
{
    position: absolute;
    width: 99%;
    height: 100%;
    overflow: scroll;
    padding-right: 0.5em;
    margin: 0;
    right: 0px;
}

.TreeFrameInnerDiv div
{
    overflow: visible !important;
}

.TreeDisplayFrame
{
    position: absolute;
    min-height: 100px;
    width: 65%;
    right: 0px;
    margin: 0em;
    top: 12em;
    height: 100%;
    z-index: 30;
    bottom: 14px;
}

* html .TreeDisplayFrame
{
    overflow: hidden;
}

.TreeDetailsFrameContent
{
    margin-right: 0.2em;
}

.TreeDetailsFrameContent table
{
    width: 97%;
}

div.TreeControls fieldset
{
    padding: 0em;
    padding-right: 0.1em;
    margin-bottom: 0px;
}

div.TreeControls ul.HyperlinkList
{
    float: left;
}

div.TreeControls ul.HyperlinkList li
{
    display: inline;
    margin-right: 0.3em;
    overflow: visible;
}

body:lang(en) div.TreeControls ul.HyperlinkList li
{
    line-height: 2em;
}

div.TreeControls ul.HyperlinkList li a.OptionButton, 
div.TreeControls ul.HyperlinkList li a:link.OptionButton, 
div.TreeControls ul.HyperlinkList li a:visited.OptionButton, 
div.TreeControls ul.HyperlinkList li a:active.OptionButton, 
div.TreeControls ul.HyperlinkList li a:focus.OptionButton,
div.TreeControls ul.HyperlinkList li a:hover.OptionButton
{
    white-space: nowrap;
    float: none;
    min-width: 1em;
}

div.TreeCheckbox label
{
    margin-left: 0.2em;
    margin-right: 1em;
}

div.DetailType
{
    clear: both;
    border: 0.1em solid #003166;
    margin-right: 0.2em;
    padding: 0.7em 0.5em 0.5em 0.5em;
    position: static;
    margin-top: 0em;
    overflow: hidden;
}

* html div.DetailType  div.FloatLeft
{
	float: none;
	padding-right: 1em;
}

div.TreeDetailsArea
{
    clear: both;
    border: 0.1em solid #009966;
    padding: 0.3em 0.4em 0.3em 0.4em;
    position: static;
    margin-top: 0em;
}

div.TreeDetailsArea fieldset
{
    margin: 0px;
}

.TreeControls ul.HyperlinkList
{
    display: block;
    float: left;
    clear: left;
}

div.RadTreeView_Default, div.RadTreeView_Default .rtEdit .rtIn input {
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #003063;
	font-weight: bold;
}

div.RadTreeView_Default li {
	margin-bottom: 0px;
}

/* Tabs */

.OuterTabs, .InnerTabs
{
    background-color: Transparent;
    float: left;
    line-height: normal;
    position: relative;
    margin: 0px;
    padding: 0px;
    display: block;
}

.OuterTabs ul, .InnerTabs ul
{
    margin: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    list-style: none;
}

.OuterTabs li, .InnerTabs li
{
    float: left;
    margin: 0px;
    padding-left: 5px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    white-space: nowrap;
    position: static;
}

.OuterTabs li
{
    background: url( "../image/tabs/outertableft.gif" ) no-repeat left top;
}

.InnerTabs li
{
    background: url( "../image/tabs/innertableft.gif" ) no-repeat left top;
}

.OuterTabs a, .InnerTabs a, .OuterTabs span, .InnerTabs span, .OuterTabs a:visited, 
.InnerTabs a:visited, .OuterTabs a:active, .InnerTabs a:active, .OuterTabs a:link, .InnerTabs a:link, 
.OuterTabs a:hover, .InnerTabs a:hover, .OuterTabs a:focus, .InnerTabs a:focus
{
    display: inline-block;
    padding-left: 0px;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 2px;
    text-decoration: none;
    font-weight: bold;
    border: 0px;
    white-space: nowrap;
}

.OuterTabs a:hover, .InnerTabs a:hover, .OuterTabs a:focus, .InnerTabs a:focus, .OuterTabs a:active, .InnerTabs a:active
{
    text-decoration: underline;
}

.OuterTabs a
{
    background: url( "../image/tabs/outertabright.gif" ) no-repeat right top;
}

.InnerTabs a
{
    background: url( "../image/tabs/innertabright.gif" ) no-repeat right top;
}

.OuterTabs div.TreeHelp a, .InnerTabs div.TreeHelp a, .OuterTabs div.TreeHelp a:visited, 
.InnerTabs div.TreeHelp a:visited, .OuterTabs div.TreeHelp a:active, .InnerTabs div.TreeHelp a:active,
.OuterTabs div.TreeHelp a:hover, .InnerTabs div.TreeHelp a:hover, 
.OuterTabs div.TreeHelp a:link, .InnerTabs div.TreeHelp a:link
{
	background-image: none;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
}

.SelectedTab
{
    color: #ffffff;
}

input.NotSelectedTab
{
    border: 0px;
    background-color: Transparent;
    float: left;
    line-height: normal;
    position: relative;
    margin: 0px;
    padding: 0px;
    display: block;
    background: url( "../image/tabs/outertabright.gif" ) no-repeat right top;
}

.OuterTabs .SelectedTab
{
    background-image: url("../image/tabs/outertableft_on.gif");
}

.InnerTabs .SelectedTab
{
    background-image: url("../image/tabs/innertableft_on.gif");
}

.OuterTabs .SelectedTab span
{
    background: url( "../image/tabs/outertabright_on.gif" ) no-repeat right top;
}

.InnerTabs .SelectedTab span
{
    background: url( "../image/tabs/innertabright_on.gif" ) no-repeat right top;
}

li.Divider
{
    background-image: none;
    position: relative;
    clear: both;
    line-height: 0.1%;
    padding: 0em;
    margin: 0px;
    border: 0px;
    float: none;
}

body:lang(en) li.Divider 
{
    max-height: 0px;
    overflow: hidden;
}

/* End of Tabs */

/* End of tree view */

/* Contributors */

div.ContributorsGroup
{
    margin-left: 0em;
    margin-right: 0em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border: 0.1em solid #003166;
    padding: 0px;
    background-color: #E5F5FA;
}

div.ContributorsGroup h2
{
    position: relative;
    padding: 0.2em;
    background-color: #003166;
    color: #ffffff;
    text-align: left;
}

div.ContributorsGroup ul
{
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin: 0px;
    margin-bottom: 0.2em;
}

div.ContributorsGroup ul li
{
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-bottom: 0.4em;
    list-style: none;
    display: inline;
    vertical-align: middle;
}

div.ContributorsGroup ul li a, div.ContributorsGroup ul li a:visited
{
    border: 0px;
}

div.ContributorsGroup ul li a:hover, div.ContributorsGroup ul li a:focus, div.ContributorsGroup ul li a:active
{
    border-bottom: 1px solid #3399CC;
}

/* End of contributors */

/* Footer */

div.Footer
{
	clear: both;
    border-top: solid 1px #003366;
    padding-top: 0em;
	background-color: #ebebeb;
}

.FooterText {
	padding: 0.3em;
	margin-right: 506px;
	position: relative;
}

.W3C
{
    float: right;
    padding-right: 0.4em;
    padding-top: 0.2em;
    padding-left: 0.4em;
    margin-right: -510px;
    position: relative;
    width: 511px;
    height: 60px;
}

* html .W3C {
    margin-right: -256px;
    width: 525px;
}
	
.W3C a, .W3C a:visited, .W3C a:link, .W3C a:active, .W3C a:hover, .W3C a:focus
{
    /* Doesn't seem to work in Firefox; the DOM inspector tells me there is no text-decoration 	   but I can see the dotted lines... */
    border: 0px;
}

.W3CLink img {
	position: relative;
	padding-bottom: 10px;
}

/* End of footer */


/* Tom's good page test data * /



/* End of Tom's good page test */

/* Dashboard */
/*
.DashboardLeftZone
{
	width: 49%;
	float: left;
	height: 100%;
	margin: 0px;
	padding: 0px;
    margin-right: 1%;
}
.DashboardRightZone
{
	float: left;
	margin: 0px;
	border-left:  0.1em solid #009966;
	padding-left: 1%;
	height: 100%;
	width: 49%;
}
*/

.CatalogZone
{
    width: 100%;
}

.DashboardTable, .DashboardTableBrowse
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.DashboardTable td
{
    border: solid 1px #000000;
    margin: 0px;
    padding: 0px;
}

.DashboardTableBrowse td
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.DashboardTable table, .DashboardTableBrowse table
{
    width: 100%;
}

.DashboardTable td td, .DashboardTableBrowse td td
{
    border: none;
    padding: 0px;
    text-align: center;
}
table.DashboardPart
{
    background: url(../image/watermark.gif) no-repeat right top #f1f7f4;
    border: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    overflow: scroll;
    width: 97% !important;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.DashboardPart td
{
    white-space: normal !important;
    width: 100%;
    padding: 0px;
    text-align: left !important;
}

.DashboardPart th
{
    white-space: nowrap;
}

.DashboardPart a
{
    border: 0px;
}

.DashboardPart .TreeNode, .DashboardPart .TreeNodeOver, .DashboardPart .TreeNodeSelect
{
    font-size: 1em;
}

.DashboardPart .DashboardPartTitle
{
	background: url(../image/headerright.gif) no-repeat right top #dcebe5;
	margin: 0px;
	padding: 0px;
    white-space: normal;
}

.DashboardPart .DashboardPartTitle table 
{
	background: url(../image/headerleft.gif) no-repeat left top;
	color: #003448;
    display: block;
    font-size: 120%;
}

.DashboardPart .DashboardPartTitle table td
{
	padding: 0.3em 0.4em 0.3em 0.4em;
	font-weight: bold;
}

.DashboardPartTitle td
{
    padding-left: 0.5em !important;
}

.SelectedDashboardPart
{
    background: url(../image/watermarkblue.gif) no-repeat right top #f3f8fa;
    width: 97% !important;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.SelectedDashboardPart td
{
    text-align: left !important;
}

.SelectedDashboardPart .DashboardPartTitle
{
	background: url(../image/header2right.gif) no-repeat right top #bfd9e3;
	margin: 0px;
	padding: 0px;
    white-space: normal;
}

.SelectedDashboardPart .DashboardPartTitle table 
{
	background: url(../image/header2left.gif) no-repeat left top;
	color: #003448;
    display: block;
    font-size: 120%;
}

.SelectedDashboardPart .DashboardPartTitle table td
{
	padding: 0.3em 0.4em 0.3em 0.4em;
	font-weight: bold;
}

.DashboardPartTree
{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.DashboardPartTree div
{
    overflow: hidden;
}

.DashboardPartTree div div
{
    overflow: hidden;
}

.PstosSummary img, .DashboardPart .ShowHide, .SelectedDashboardPart .ShowHide
{
    padding-right: 0.5em;
}

div.CatalogZone div.InputGroupItem
{
    position: static;
}

/* TD Little hacky - stops labels wrapping in catalogue mode */
div.CatalogZone div.InputGroupItem span.FormLabel label
{
    white-space: nowrap;
}

/* For the 'my council's transaction' web part. */
input.SubmitButtonRight
{
    font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
    background-image: url(../image/Button.gif);
    background-position: 0px;
    background-repeat: no-repeat;
    padding-left: 11px;
    color: #3399CC;
    border: 0px;
    background-color: transparent;
    margin-left: 0.2em;
    margin-right: 0.2em;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    margin-top: 1em;
    float: right;
}

input.SubmitButtonLeft
{
    font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
    background-image: url(../image/Button.gif);
    background-position: 0px;
    background-repeat: no-repeat;
    padding-left: 11px;
    color: #3399CC;
    border: 0px;
    background-color: transparent;
    margin-left: 0.2em;
    margin-right: 0.2em;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    margin-top: 1em;
    float: left;
}

/* End of dashboard */

/* Start of RSS button */

span.RSS
{
    background: url(../image/feed.gif) no-repeat right center;
    padding-right: 18px;
}

/* End of RSS button */

/* Start of NeSDS styles */

div.NeSDSPage h2
{
    padding-bottom: 0.1em;
}

div.NeSDSPage ul
{
    margin-top: 0px;
}

div.NeSDSPage fieldset
{
    margin-top: 0.2em;
}

div.NeSDSPage table.DataTable td, div.NeSDSPage table.DataTable th
{
    border: solid 0.1em #003366;
}

div.NeSDSPage table.DataTable tr.AlternatingItem
{
    background-color: #ffffff;
}

div.GroupingBox
{
    position: relative;
    border: solid 0.1em #003366;
    margin-bottom: 0.5em;
}

div.GroupingBox h4
{
    background-color: #E5F5FA;
    border-bottom: solid 0.1em #003366;
    padding-left: 0.3em;
}

div.GroupingBox div.TextArea
{
    margin-left: 0.3em;
    margin-right: 0.3em;
}

div.NeSDSPage div.InputGroupItem
{
    margin-left: 0.1em;
    margin-right: 0.1em;
}

div.NeSDSPage div.InputGroupItem p
{
    margin-top: 0px;
}

div.NeSDSPage div.Selected
{
    background-color: #E5F5FA;
}

div.NeSDSPage tr.Selected
{
    background-color: #dfdfdf;
}


/* End of NeSDS styles */

/* esd-suppliers styles */
/* Registration wizard */
.WizardSideBar
{
    border-left: solid 1px #000000;
    border-right: solid 1px #dfdfdf;
    border-bottom: solid 1px #dfdfdf;
    border-top: solid 1px #000000;
}

.WizardSideBar .SelectedItem
{
    background-color: #E5F5FA;
    font-weight: bold;
}

div.SupplierFeaturesFloatRight
{
    float: right;
    margin-left: 10px;
    background-image: url(../image/suppliers/monitorbottom.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 21px;
    position: relative;
}

div.SupplierFeaturesFloatRight img
{
    padding-top: 8px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 16px;
    background-color: #009A66;
    margin: 0.3em;
    margin-top: 2.5em;
}

div.SupplierFeaturesFloatLeft
{
    float: left;
    margin-right: 10px;
    background-image: url(../image/suppliers/monitorbottom.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 21px;
    position: relative;
}

div.SupplierFeaturesFloatLeft img
{
    padding-top: 8px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 16px;
    background-color: #009A66;
    margin: 0.3em;
    margin-top: 2.5em;
}

.SupplierReasonA
{
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
}

.SupplierReasonB
{
    clear: both;
    background-color: #E5F5FA;
}

.Bold
{
    font-weight: bold;
}

tr.TableHeadings td, td.TableHeadings
{
    background-color: #E5F5FA;
}

Table.Features tr td
{
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-color: black;
    text-align: center;
}

.rowb
{
    background-color: #E8E8E8;
}

/* end of esd-suppliers styles */

/* Start of EsdMenu styles. (Currently only used by Safari) */

.EsdMenuHorizontal
{
    position: relative;
    clear: both;
    background-color: #003166;
    padding: 0px;
}

ul.EsdMenu ul
{
    top: 3px;
    background-color: #e5f5ef;
}
ul.EsdMenu li
{
    padding: 2px;
    border: solid 1px #ffffff;
}
ul.EsdMenu li a, ul.EsdMenu li span
{
    color: #ffffff;
}
ul.EsdMenu li.EsdMenuLeaf a, ul.EsdMenu li.EsdMenuLeaf span
{
}
ul.EsdMenu li a img
{
    border-style: none;
    vertical-align: middle;
}
ul.EsdMenu li:hover, ul.EsdMenu li.EsdMenuHover
{
    background-color: #006699;
}
ul.EsdMenu li a:hover, ul.EsdMenu li span.EsdMenuHover
{
    color: #ffffff;
    background-color: #006699;
}
ul.EsdMenu li.EsdMenuLeaf a:hover, ul.EsdMenu li.EsdMenuLeaf a:focus
{
    background-color: #006699;
}
.EsdMenuHorizontal
{
    position: relative;
    z-index: 300;
    display: block;
    float: left;
    width: 100%;
}
.EsdMenuHorizontal ul.EsdMenu
{
    width: 100%;
    clear: both;
    background-color: #003166;
}
.EsdMenuHorizontal ul.EsdMenu ul
{
    left: 0px;
    top: 1.5em;
    z-index: 400;
    background-color: #003166;
}
.EsdMenuHorizontal ul.EsdMenu li
{
    text-align: left;
    background-color: #003166;
}
.EsdMenuHorizontal ul.EsdMenu li li
{
    text-align: left;
    background-color: #003166;
    width: 100%;
}
.EsdMenuHorizontal ul.EsdMenu li ul li ul
{
    margin: -1.6em 0 0 10em;
    z-index: 500;
    background-color: #003166;
}
ul.EsdMenu
{
    position: relative;
}
ul.EsdMenu, ul.EsdMenu ul
{
    margin: 0;
    padding: 0;
    display: block;
}
ul.EsdMenu li
{
    position: relative;
    list-style: none;
}
ul.EsdMenu li a, ul.EsdMenu li span
{
    display: block;
    text-decoration: none;
    white-space: nowrap;
}
ul.EsdMenu ul
{
    position: absolute;
    display: none;
}
ul.EsdMenu li:hover ul ul, ul.EsdMenu li:hover ul ul ul, ul.EsdMenu li.EsdMenuHover ul ul, ul.EsdMenu li.EsdMenuHover ul ul ul
{
    display: none;
}
ul.EsdMenu li:hover ul, ul.EsdMenu li li:hover ul, ul.EsdMenu li li li:hover ul, ul.EsdMenu li.EsdMenuHover ul, ul.EsdMenu li li.EsdMenuHover ul, ul.EsdMenu li li li.EsdMenuHover ul
{
    display: block;
}
.EsdMenuHorizontal ul.EsdMenu li
{
    float: left;
}
.EsdMenuHorizontal ul.EsdMenu li li
{
    float: none;
}
/* For common classes */
.FloatRight
{
    float: right;
    position: relative;
}

.FloatLeft, .FloatImageLeft img 
{
    float: left;
}

/* End common classes */

/* Page specific CSS */

div.SmallTab, div.LargeTab
{
    float: left;
    margin-right: 0px;
    margin-left: 0.5%;
    margin-top: 1%;
    margin-bottom: 1%;
    border: 0px;
    padding: 0px;
}

div.LargeTab
{
    width: 30%;
}

div.SmallTab
{
    width: 38%;
}

div.LargeTab, div.LargeTab h1, div.LargeTab div.TabContent, div.LargeTab img.LeftTab, 
div.LargeTab img.RightTab
{
    background-color: #E6E6EC;
}

div.TopTab
{
    background-position: top left;
    margin: 0px;
    clear: both;
}

div.SmallTab div.TopTab
{
    background-image: url(../image/backmain.gif);
    height: 49px;
}

div.LargeTab div.TopTab
{
    background-image: url(../image/ttopmain.gif);
    height: 54px;
}

div.MidTab
{
    background-position: top left;
    height: 48px;
    margin: 0px;
}

div.SmallTab div.MidTab
{
    background-image: url(../image/midmainback.gif);
}

div.LargeTab div.MidTab
{
    background-image: url(../image/ttabmid.gif);
}

div.SmallTab h1, div.MidTab h1, div.LargeTab h1
{
    color: #091A5C;
    font-size: 1.1em;
    background-position: top right;
    background-repeat: repeat-x;
    display: inline;
    padding: 0px;
    padding-top: 0.4em;
    float: left;
    margin: 0px;
    border: 0px;
    border-collapse: collapse;
    font-weight: bold;
}

* html div.LargeTab h1
{
    padding-top: 0px;
}

* html div.SmallTab h1
{
    height: 40px;
    padding-top: 8px;
}

div.SmallTab h1
{
    background-image: url(../image/backtab.gif);
    height: 49px;
    width: 12em;
}

div.MidTab h1
{
    background-image: url(../image/midtabback.gif);
}

div.LargeTab h1
{
    background-image: url(../image/ttabmid.gif);
    height: 54px;
    width: 10em;
}

img.LeftTab
{
    float: left;
    margin: 0px;
}

img.RightTab
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
    float: left;
}

img.MainRightTop
{
    float: right;
}

div.TabContent
{
    background-position: top right;
    background-repeat: repeat-y;
    border-left: 1px solid #2AB36B;
    padding-left: 0.2em;
    padding-right: 22px;
    margin: 0px;
    border-top: 0px;
    border-collapse: collapse;
    position: relative;
}

div.BoxTab div.TabContent img {
	position: static;
}

div.TabContent img.FloatRight
{
    float: right;
    position: relative;
}

div.SmallTab div.TabContent
{
    background-image: url(../image/rightshadow.gif);
    background-color: #E6F1D4;
}

div.LargeTab div.TabContent
{
    background-image: url(../image/tmainright.gif);
}

div.LargeTab h2, div.SmallTab h2
{
    margin: 0px;
    padding: 0px;
    clear: left;
    font-size: 1.1em;
    position: relative;
}

div.BottomTab
{
    background-position: top left;
    background-repeat: repeat-x;
    margin: 0px;
}

div.SmallTab div.BottomTab
{
    background-image: url(../image/bottommiddle.gif);
    height: 29px;
}

div.LargeTab div.BottomTab
{
    background-image: url(../image/tbottommid.gif);
    height: 32px;
}

div.LargeTab p, div.SmallTab p
{
    margin-bottom: 0em;
    position: relative;
}

div.LargeTab ul, div.SmallTab ul
{
    margin: 0px;
    margin-left: 1.5em;
    padding: 0em;
    clear: left;
    position: relative;
}

div.LargeTab li, div.SmallTab li
{
    list-style-type: square;
}

div.NewsTabs
{
    width: 58%;
    float: right;
}

div.NewsSmallTabs
{
    width: 95%;
}

ul.ForumList li, ul.EsdTkNewsList li, ul.EsdSuppliersNewsList li
{
	margin:0;
	padding: 0;
	padding-left: 25px;
	list-style-type: none;
	background-position: left top;
	background-repeat: no-repeat;
}

ul.ForumList li 
{
	background-image: url(../image/suppliers/forumlist.gif);
}

ul.EsdTkNewsList li
{
	background-image: url(../image/suppliers/esdtoolkitnewslist.gif);
}

ul.EsdSuppliersNewsList li
{
	background-image: url(../image/suppliers/suppliersnewslist.gif);
}

/* End page specific CSS */

.LoadingPanel
{
    text-align: left !important;
}

span.highlight
{
    background-color: #FFFFCC;
}

.SmallHelpText
{
    font-size: 0.9em;
}

div.SupplierTabs
{
    margin-top: 1%;
    margin-bottom: 0%;
    border: 0px;
    padding: 0px;
    height: 54px;
    position: relative;
    clear: both;
}

div.NewsSmallTabs div.SupplierTabs
{
    margin-top: 0px;
}

div.SupplierTabs ul li
{
    float: left;
    list-style-type: none;
    background-image: url("../image/suppliers/tabs/ttabmidnoselect.gif");
    padding-left: 14px;
    padding-top: 0px;
    height: 54px;
    background-color: #E6E6EC;
}

div.NewsSmallTabs div.SupplierTabs ul li
{
    background-image: url("../image/suppliers/tabs/transparent/ttabmidnoselect.gif");
}

div.SupplierTabs div.TopTab
{
    background-image: url("../image/suppliers/tabs/ttopmain.gif");
    background-color: #E6E6EC;
    height: 54px;
    margin-bottom: -10px;
}

div.NewsSmallTabs div.SupplierTabs div.TopTab
{
    background-image: url("../image/suppliers/tabs/transparent/ttopmain.gif");
}

div.SupplierTabs div.TopTab img.Right, div.BottomTab img.Right
{
    float: right;
    position: relative;
}

div.SupplierTabs div.TopTab img.Left, div.BottomTab img.Left
{
    float: left;
    position: relative;
}

div.BottomTab
{
    background-image: url("../image/suppliers/tabs/tbottommid.gif");
    height: 32px;
    background-color: #E6E6EC;
}

div.NewsSmallTabs div.BottomTab
{
    background-image: url("../image/suppliers/tabs/transparent/tbottommid.gif");
}

div.SupplierTabs ul
{
    margin: 0px;
    padding: 0px;
    display: inline;
    float: left;
    background-image: url(../image/suppliers/tabs/tselectedtab.gif);
}

div.NewsSmallTabs div.SupplierTabs ul
{
    background-image: url(../image/suppliers/tabs/transparent/tselectedtab.gif);
}

div.SupplierTabs ul li a, div.SupplierTabs ul li a:active, div.SupplierTabs ul li a:visited, 
div.SupplierTabs ul li a:focus
{
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    color: #091A5C;
}

div.SupplierTabs ul li.SelectedTab span, div.SupplierTabs ul li a
{
    padding-top: 0px;
    height: 51px;
    background-image: url(../image/suppliers/tabs/ttabright.gif);
    padding-right: 19px;
    background-repeat: no-repeat;
    background-position: right;
    float: left;
    padding-top: 3px;
    color: #091A5C;
    font-weight: bold;
}

div.NewsSmallTabs div.SupplierTabs ul li.SelectedTab span, div.NewsSmallTabs div.SupplierTabs ul li a
{
    background-image: url(../image/suppliers/tabs/transparent/ttabright.gif);
}

div.SupplierTabs ul li.SelectedTab
{
    font-size: 1.1em;
    display: inline;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 0px;
    background-color: #E6E6EC;
    background-image: url(../image/suppliers/tabs/ttabmid.gif);
}

div.NewsSmallTabs div.SupplierTabs ul li.SelectedTab
{
    background-image: url(../image/suppliers/tabs/transparent/ttabmid.gif);
}

div.SupplierTabPane span.Message
{
    margin: 1em;
    clear: left;
}

div.SupplierTabPane img.FloatRight
{
    float: right;
    vertical-align: top;
    padding-right: 10px;
}

div.SupplierTabPane fieldset
{
    clear: left;
    vertical-align: top;
    padding-top: 0.5em;
    padding-bottom: 10px;
    padding-left: 1em;
    padding-right: 1em;
    margin: 1em;
    background-color: #E6E6EC;
    display: block;
    margin-top: 0px;
    position: relative;
}

* html div.SupplierTabPane fieldset
{
    margin-right: 100px;
}

div.SupplierTabPane div.InputGroup
{
    position: relative;
}

div.SupplierTabPane div.NewsItem
{
    border: 0px;
    margin-right: 100px;
}

div.SupplierTabPane div.NewsItem h2
{
    margin: 0px;
    padding: 0px;
    clear: left;
    font-size: 1.1em;
    position: relative;
    background-color: Transparent;
    color: #009966;
}

div.SupplierTabPane
{
    background-color: #E6E6EC;
    background-position: top right;
    background-repeat: repeat-y;
    border-left: 1px solid #2AB36B;
    margin: 0px;
    padding-left: 5px;
    padding-right: 15px;
    border-top: 0px;
    border-collapse: collapse;
    background-image: url(../image/suppliers/tabs/tmainright.gif);
    position: static;
}

div.NewsSmallTabs div.SupplierTabPane
{
    background-image: url(../image/suppliers/tabs/transparent/tmainright.gif);
}

.WideSmallTabs .SmallTab
{
    width: 99%;
}

.SmallTab p
{
    margin-top: 0;
}

.WideSmallTabs .SmallTab h1
{
    width: 22em;
}


/* Box page */

div.BoxTab
{
    margin-right: 0.5%;
    margin-left: 0.5%;
    margin-top: 1%;
    margin-bottom: 1%;
    border: 0px;
    padding: 0px;
}

div.BoxTab h1
{
    color: #091A5C;
    font-size: 1.1em;
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-collapse: collapse;
    font-weight: bold;
}

div.BoxTab img
{
    position: relative;
}

div.BoxTab div.TopTab
{
    background-image: url(../image/suppliers/tabs/tflattop.gif);
    height: 23px;
}

div.BoxTab img.LeftTab, div.BoxTab img.RightTab, div.BoxTab a
{
    background-color: Transparent;
}

div.BoxTab div.TabContent
{
    background-image: url(../image/suppliers/tabs/tmainright.gif);
}

div.BoxTab div.TabContent fieldset
{
    margin-top: 0px;
    margin-bottom: 0px;
}

div.BoxTab, div.BoxTab div.TabContent
{
    background-color: #E6E6EC;
}

div.BoxTab div.BottomTab
{
    background-image: url(../image/suppliers/tabs/tbottommid.gif);
    height: 32px;
}

div.BulletDiv
{
    height: 25px;
    margin: 0px auto;
    border: 0px;
    padding: 0px;
}

div.BulletDiv a
{
    position: relative;
    bottom: 5px;
}

ul.NewsList
{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding: 0px;
    clear: left;
}

ul.NewsList li
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-left: 19px;
    background-image: url(../image/arrownext.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

div.FormItem input.FaqInput, div.FormItem select.FaqInput, div.FormItem textarea.FaqInput
{
    width: 24em;
}

div.FormItem input.DocumentLinkInput, div.FormItem select.DocumentLinkInput, div.FormItem textarea.DocumentLinkInput
{
    width: 18em;
}

div.FormItem input.FaqAnswerInput, div.FormItem select.FaqAnswerInput, div.FormItem textarea.FaqAnswerInput
{
    width: 24em;
    height: 10.5em;
}

/**Supplier search**/
tr.SupplierSearchHeader th a
{
    background-image: url(../image/suppliers/up.gif);
    background-position: top right;
    background-repeat: no-repeat;
    padding-right: 20px;
}

tr.EventsListHeader th.Selected a
{
    background-image: url(../image/suppliers/down.gif);
}


tr.EventsListHeader th a
{
    background-position: top right;
    background-repeat: no-repeat;
    padding-right: 20px;
}

tr.EventsListHeader th.Ascending a
{
    background-image: url(../image/suppliers/down.gif);
}

tr.EventsListHeader th.Descending a
{
    background-image: url(../image/suppliers/up.gif);
}

/* End page specific CSS */

ul.AboutSupplierLinks
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.AboutSupplierLinks li
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    background-image: url(../image/suppliers/arrow-next.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

li.FAQ div
{
	padding-left:35px;	
}

div.PublicTechnology
{
    float: right;
    clear: both;
    margin-bottom: 3px;
}

a.SuppliersLarge, a:visited.SuppliersLarge, a:hover.SuppliersLarge, a:link.SuppliersLarge, 
a:active.SuppliersLarge, a:focus.SuppliersLarge
{
    background-image: url(../image/suppliers/supplierslargebutton.gif);
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat;
    width: 6.5em;
    height: 1.7em;
    font-size: 2em;
    color: #091A5C;
    font-weight: bold;
    display: block;
    text-decoration: none;
    float: left;
    margin-right: 0.2em;
}

.LargeButtonGroup
{
    white-space: nowrap;
    float: left;
    clear: both;
    width: 100%;
}

.GreenBox 
{
    background-color: #0FA64F;
    padding: 0.3em;
    color: #fff;
}


.DocumentGridView table table
{
	width: 2% !important;
}

td.WrapWord
{
	width: 110px;
}

.UpdateProgress
{
	position: absolute;
	background-color: #CCCCCC;
	padding: 0px;
	margin: 0px;
}

.UpdateProgressImage
{
	vertical-align: text-bottom;
}

.UpdateProgress div
{
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
    border-style:solid; 
    border-width:1px; 
    background-color: White; 
}

.AjaxDisableMessage
{
	background-color: Yellow;
	padding: 10px;
	margin: 10px;
	text-align: center;
}

/* CPP page */

.ProfilingProvider
{
	text-align: right;
}

.MapBox 
{
	margin-bottom: 1em;
}

.MapSideBox
{
	margin-bottom: 1em;
	margin-left: 420px;
}

.MapSideBox h2
{
	background-image: url(../image/SmallBoxHeaderRight.gif);
	background-position: right top;
	background-color: #dcebe5;
	background-repeat: no-repeat;
	color: #003448;
	margin-top: 0px;
}

.MapSideBox h2 span
{
	background-image: url(../image/SmallBoxHeaderLeft.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 0.4em;
	padding-left: 1.2em;
	padding-right: 1.2em;
	display: block;
}

.MapSideBox .BoxContent
{
	border-left: solid 0.2em #dcebe5;
	border-right: solid 0.2em #dcebe5;
	border-bottom: solid 0.2em #dcebe5;
	padding: 1.2em;
	background: url(../image/watermark.gif) no-repeat right top #f1f7f4;
	position: relative;
}

/* End of CPP page */

/* Community pages */

.CommunityMenu
{
	width: 20em; 
	position: absolute;
	left: 0.8em;
	background: url(../image/footer2right.gif) no-repeat right bottom #bfd9e3;
	margin-bottom: 1.5em;
}

.CommunityMenu h2
{
	background: url(../image/header2right.gif) no-repeat right top #bfd9e3;
	margin: 0px;
	padding: 0px;
}

.CommunityMenu h2 span
{
	background: url(../image/header2left.gif) no-repeat left top;
	color: #003448;
	padding: 0.3em 0.4em 0.3em 0.4em;
    display: block;
    font-size: 80%;
    position: relative;
    font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
}

.CommunityMenu li
{
	display: block;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
}

.CommunityMenu ul.rootGroup 
{
	background: url(../image/footer2left.gif) no-repeat left bottom;
	padding-bottom: 1.3em;
}

.CommunityMenu .panelbar 
{
	width: auto;
	padding: 0px;
	background: url(../image/footer2left.gif) no-repeat left bottom;
	padding-bottom: 1.3em;
}

.CommunityMenu li a span.text
{
	font-size: 1.13em;
	background-image: none;
	font-weight: bold;
}

.CommunityMenu li a.link
{
	background: #e5f0f4 url('../image/communitymenuback.gif') repeat-x left bottom;
	text-decoration: underline;
}

.CommunityMenu li a:hover.link
{
	text-decoration: none;
}

.CommunityMenu .rootGroup a.expanded
{
	background: #e5f0f4 url('../image/communitymenuback.gif') repeat-x left bottom;
	color: #666;
}

.CommunityMenu .rootGroup a.selected
{
	background: #bfd9e3 url('../image/communitymenubackselect.gif') repeat-x left bottom;
	font-weight: bold;
	color: #444;
}

div.CommunityPageContent
{
    margin-left: 21em;
    margin-right: 1em;
    margin-bottom: 2em;
}

div.OneCol
{
	width: 65%;
	max-width: 60em;
	overflow: visible;
}

div.TwoCol
{
	width: 48%;
	margin-right: 1%;
	float: left;
	overflow: hidden;
}

* html div.TwoCol 
{
	width: 47%;
}

div.ThreeCol
{
	width: 32%;
	margin-right: 1%;
	float: left;
	overflow: hidden;
}

ul.LayoutSelect li 
{
	height: 40px;
	vertical-align: middle;
	line-height: 2.2em;
	height: 2.2em;
}

li.FullWidthItem 
{
	list-style-image: url(../image/fullwidth.gif);
}

li.OneColItem 
{
	list-style-image: url(../image/onecol.gif);
}

li.TwoColItem 
{
	list-style-image: url(../image/twocol.gif);
}

li.ThreeColItem 
{
	list-style-image: url(../image/threecol.gif);
}

/* End of community pages */

/* Generic box code */

.LightBox div.SubContent
{
    background: url(../image/watermark.gif) no-repeat right top #f1f7f4;
	padding: 0.2em 0.7em;
    margin-bottom: 0.8em;
    position: relative;
}

.LightBox h2
{
	background: url(../image/headerright.gif) no-repeat right top #dcebe5;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.LightBox h2 span
{
	background: url(../image/headerleft.gif) no-repeat left top;
	color: #003448;
	padding: 0.3em 0.4em 0.3em 0.4em;
    display: block;
    font-size: 80%;
}

.DarkBox div.SubContent
{
	background: url(../image/watermarkblue.gif) no-repeat right top #f3f8fa;
	padding: 0.2em 0.7em;
	margin-bottom: 0.8em;
	position: relative;
}

.DarkBox h2
{
	background: url(../image/header2right.gif) no-repeat right top #bfd9e3;
	margin: 0px;
	padding: 0px;
}

.DarkBox h2 span
{
	background: url(../image/header2left.gif) no-repeat left top;
	color: #003448;
	padding: 0.3em 0.4em 0.3em 0.4em;
    display: block;
    font-size: 80%;
    position: relative;
}

/* End of generic box code */

/* esd page */
.esdcontent 
{
	width: 85%;
	margin: 1em auto;
}

.esdcontent img 
{
	position: absolute;
}

.esdcontent .TextContent 
{
	margin-left: 280px;
}

.esdcontent .SubContent 
{
	min-height: 100px;
}

* html .esdcontent .SubContent 
{
	height: 100px;
}

/* end of esd page */

/* Collapse panel */

 .FloatHeaderPanelLeft
{
	float: left;
}

.FloatHeaderPanelLeftExpandible .collapsePanelHeader {
	padding-bottom: 1em;
}

.FloatHeaderPanelLeft .collapsePanel {
	clear: both;
}

.FloatHeaderPanelLeft div.Help {
	float: left;
}

/* End of collapse panel */

/* IEG page */
.IEGLink 
{
	background: url(../image/arrow_blue.gif) no-repeat right center;
	padding-right: 15px;
}

/* End of IEG page */

/*Front page news*/
/* the news box */
#news
{
	width:100%;
}

/* the news box when JavaScript is available */
#news.hasJS
{
	height:21px;
	padding:0;
	overflow:hidden;
	position:relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{
	position:absolute;
	top:120px;
	left:0;
	padding:0;
}

#news.hasJS ul li
{
	padding:0px;
	margin:0px;
}

img.formula 
{
 vertical-align: middle;	
 padding-right: 5px;
 font-size: 0.8em;

}

/*Modal Popup*/

.modalPopup
{
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
}

/* map */

.map
{
	height: 342px;
	width: 398px;
	border: solid 1px black;
	cursor: pointer;
}

/* End of map */

/* Table sort */

th.header .sortableHeader { 
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    text-decoration: underline;
} 

th.headerSortUp .sortableHeader { 
    background-image: url(../image/suppliers/up.gif); 
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    text-decoration: underline;
} 

th.headerSortDown .sortableHeader { 
    background-image: url(../image/suppliers/down.gif); 
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    text-decoration: underline;
} 

/* End of table sort */



div.FormItem .InputTextBoxGroup input
{
	margin-left: 0em;
}
div.InputTextBoxGroup span.Text
{
	display: block;
	margin-bottom: 1em;
}

.ExperianLogo
{
	float:left;
	padding:2em;
	padding-left:1em;
	padding-top:1em;
}

div.RadDropDownGroup
{
	float:left;
	margin-left:-1em;
}

.makedisappear span.DisplayItem
{
	width:100%;
}

select.FixedListBox
{
	max-width:350px;
	width:350px;
	overflow:hidden;	
}

.DarkNumber {
    display: inline-block;
    width: 26px;
    height: 26px;
    font-size: 1.2em;
    text-align: center;
    line-height: 21px;
    background: url('../image/bluecircle.gif') no-repeat top left;
    color: #fff;
}

div.SearchQuestion input.LongInput {
	width: 28em;
}

.AllAnsLabel
{
	float:none !important;
	margin-left:2px !important;
	margin-bottom:8px !important;
}

.AllAnsBox
{
	width:0 !important;
	margin-left:0 !important;  
	margin-bottom:8px !important;
}

.SelectAllDiv
{
	float:none !important;
}

.AnswerRowDiv
{
	margin-left:200px !important;
	width:80%;
}

.AnswerDiv
{
	float:left !important;
	width:50% !important;
	margin-bottom:8px !important;
}

.AnswerLab
{
	float:none !important;
	margin-left:2px !important;
	margin-right:50px !important;
	width:50px !important;
	margin-bottom:8px !important;
}

.AnswerBox
{
	width:0 !important;
	margin-left:0 !important; 
}