/* Work up through the spectrum as we go from a Blue-DEV to a Red-LIVE */
.floatClear { float:left;clear:both }

.overdue { color:Orange;font-weight:bold }
.seriouslyOverdue { color:Red!important;font-weight:bold }

.VersionBar .DEV { font-weight:bold; color:#8080FF }
.VersionBar .SYS { font-weight:bold; color:#80FF80 }
.VersionBar .UAT { font-weight:bold; color:Yellow }
.VersionBar .LIVE { font-weight:bold; color:#FF8080 }

option
{
	float:none!important
}

.disabled
{
   color: Gray;
}

.woman
{  width: 136px; height: 136px; background-image:url(Images/woman_green_backgroundTest.jpg); background-repeat: no-repeat
}
.Live .woman,
.LGCSB_eGovernance_ie .woman
{  background-image:url(Images/woman_green_background.jpg) !important;
}

.link:link,.link:visited,.link:hover
{	color:black;text-decoration:underline	
}

.manInSuit
{  width: 136px; height: 136px; background-image:url(Images/back_1Test.jpg); background-repeat: no-repeat;  background-color: White; 
}
.Live .manInSuit,
.LGCSB_eGovernance_ie .manInSuit
{  background-image:url(Images/back_1.jpg) !important;
}

div.tableContainer { width: 100%; height: 10em; overflow: auto; margin:0 auto; }

.tableContainer table { width: 99%; border: 1px; height: 10em;  }
	
.tableContainer table>tbody { overflow: auto; overflow-x: hidden; }
	
.tableContainer table thead tr { position:relative; top: expression(offsetParent.scrollTop) }

.tableContainer table thead { background-color:white; }	

td:last-child {padding-right: 20px;}

.titleBar { background-color:Green; color:White; font-weight:bold; font-family:Verdana}

body {
	background-color    : #E0E0E0	;
	margin-left			: 0px		;
	margin-top			: 0px		;
	margin-right		: 0px		;
	margin-bottom		: 0px       ;
	font-family         : verdana   ;
}

.floatingSquare { float: left; margin-top:0.7em;margin-bottom:0.7em;margin-left:0.4em;margin-right:0.4em }
.supportInfo { margin:0.5em; font-size:80% }

.hide { display:none }

.searchPanel
{
    background-color: #E0E0E0;
    padding: 0.5em;
}

/* Unordered list settings */
ul
{
	/*line-height		: 2%	;*/
	padding-left	: 0px	;
	padding-top		: 0px	;
	padding-right	: 0px	;
	padding-bottom	: 0px	;
	vertical-align	: top
}

/* List item settings */
li
{
	border-style		: none		;
	color				: #516A80	;
	font-family			: Verdana	;
	font-size			: x-small	;
	height				: 20px		;
	list-style-position	: outside	;
	list-style-type		: square	;
	margin-left			: 0px		;
	margin-top			: 0px		;
	margin-right		: 0px		;
	margin-bottom		: 0px		;
	padding-left		: 0px		;
	padding-top			: 0px		;
	padding-right		: 0px		;
	padding-bottom		: 0px		;
	vertical-align		: top
}

/* Gradient class used to set attributes for buttons */
.Gradient {
	background-position	: center	;
	background-repeat	: no-repeat	;
	display				: inline
}

.ImageButton
{
    margin          : 5px;
    display         : inline;
    cursor          : pointer;
}   

.SimpleImageButton
{	cursor: pointer;
}

/* ButtonGradient class used to set attributes for gradient buttons */
.ButtonGradient 
{
	background-color: Transparent	;
	border			: none			;
	border-width	: thin			;
	color			: White			;
	height			: 100%
}

.ButtonGradient2 
{
	border			: none			;
	color			: White			;
	background-image: url(Images/Button_Background.gif)
}

/* TableGradient class used to set attributes for the green gradient areas */
.TableGradient
{
	background-position	: left		;
	background-repeat	: no-repeat	;
	background-color    : #8ACC02;
	padding: 4px;

	/* Microsoft Internet Explorer specific */
	filter				: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#8ACC02', EndColorStr='#7F9A05')
}

.upcomingEventsPanel
{
    background-color:#4D4D4D;
    padding:1em;
}

.upcomingEvents
{
    background-color:#4D4D4D;
    color:White;
    font-family:Verdana;
    font-weight:bold;
    font-size:70%
}

.prompt
{
    color:Black;
    font-family: Verdana;
    font-size: 70%;
    font-weight: bold
}

.toolButton
{
    background-color:White;
    border:1px solid #C0C0C0;
    text-align:center;
    vertical-align:middle;
	font-family:Verdana;
	padding-bottom: 0.3em;
}

.toolButtonPressed
{
    background-color:White;
    border:1px solid #C0C0C0;
    text-align:center;
    vertical-align:middle;
	font-family:Verdana;
	padding-bottom: 0.3em;
}

.toolText
{
	color: #516A80;
    font-size: 80%;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

.toolMessage
{
	color: #404040;
    font-size: 60%;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-bottom: 0.05em;
}

.errorMessage
{
    padding-left: 16px;
    color:Red;
    font-family: Verdana;
    font-size: 70%;
    display: block;
    float:left!important;
    clear:both;
    background-repeat:no-repeat;
    background-position:left;
    background-image:url(Images/validationError.gif)
}
.warningMessage
{
    color:Red;
    font-family: Verdana;
    font-size: 70%;
    display: block;
}

.halfLine
{   font-size:50%;
}

.contactPanel
{
    background-color: #e0e0e0;
	color: #516A80;
	font-size: 70%;
	font-family: Verdana;
	font-weight: bold;
	padding: 1em;
}

.contactName
{
    font-size:110%;
    font-weight:bold;
	font-family: Verdana;
}

.contactNumbers
{
	color: #516A80;
	font-size:60%;
	font-weight: bold;
	font-family: Verdana;
    padding-right: 1em;
}

.contactEmail
{
	color: #516A80;
	font-size:75%;
	font-weight: bold;
	font-family: Verdana;
    padding-right: 1em;
}

.versionBar 
{
    background-color: #465B62;
    font-size: 60%;
    font-weight:bold;
    color: White;
    font-family:Verdana;
    padding-left:1em;
}

.greenBackground
{
    background-repeat:repeat-x;
    background-image:url(Images/green_background.jpg);
    height:136px;
    width:100%
}


.label,.emailText
{
    font-family:verdana;
    color: #404040;
    font-size: 80%;
}

.boldText
{
    font-family:verdana;
    color: #404040;
    font-size: 80%;
    font-weight:bold;
}

.dataLabel
{
    font-family:verdana;
    color: #404040;
    font-size: 80%;
    display:inline-block;
    width:8em;
    vertical-align: top;
}

.emailDataLabel
{
    font-family:verdana;
    color: #404040;
    font-size: 80%;
    display:inline-block;
    width:12em;
    vertical-align: top;
}


.dataRequiredLabel
{
    font-family:verdana;
    color: #404040;
    font-size: 80%;
    display:inline-block;
    width:8em;
    vertical-align: top;
    background-image:url(Images/required.gif);
    background-position:top right;
    background-repeat:no-repeat;
    padding-right:16px;
}

.dataPanels
{
   float:left;margin:0px;padding:0px
}

.dataPanel
{
   float:left; 
   width:30em;
   margin:0.3em;
   padding:0.3em;
   height:100%;
}
.dataPanel div
{
  width:100%;float:left;padding-bottom:2px;clear:both
}
.dataPanel div *
{
  width:68%;float:right;
}
.dataPanel div .dataRequiredLabel,
.dataPanel div .dataLabel
{
  float:left!important;width:auto!important;
}
  
.panel
{
    margin: 0.3em;
    padding: 0.3em;
    display: inline-block;
	vertical-align:top;
	/*width: 17em;*/
	width: 22em
}

.navigationHyperlink
{
    color: #516A80;
    font-family:Verdana;
    text-decoration:underline;
    font-weight:bold;
    font-size:80%;
}



.dataEntry
{
    font-family:verdana;
    color: black;
    font-size: 70%;
    background-color:white;
    border: 1px solid #808080;
    display:inline-block;
    width: 16em;
    vertical-align:top;
}

.emailDataEntry
{
    font-family:verdana;
    color: black;
    font-size: 70%;
    background-color:white;
    border: 1px solid #808080;
    display:inline-block;
    width: 25em;
    vertical-align:top;
}

.emailMultilineDataEntry
{
    font-family:verdana;
    color: black;
    font-size: 70%;
    background-color:white;
    border: 1px solid #808080;
    display:inline-block;
    width: 100%;
    vertical-align:top;
    height:8em;
    overflow:scroll;
    overflow-x:none;
}

.dataEntry2
{
    font-family:verdana;
    color: black;
    font-size: 12pt;
    background-color:white;
    border: 1px solid #808080;
   
}

.readOnlyLabel
{
    font-family:verdana;
    color: black;
    font-size: 70%;
    background-color:#E0E0E0;
    border: 1px solid #808080;
    display:inline-block;
    width:16em;
    vertical-align:top;
    height:1.4em
}


.dataEntryNoBorder
{
    font-family:verdana;
    color: black;
    font-size: 70%;
    /* display:inline-block;
    width: 12em;*/
    vertical-align:top;
}

.filter
{
    font-family:verdana;
    color: black;
    font-size: 70%;
}

.whiteTitle
{
    font-weight:bold;
    font-family:verdana;
    color: #516A80;
    font-size: 80%;
    color: White;
    display: block;
    margin-bottom: .5em 
}

.whiteText
{
    font-weight:bold;
    font-family:verdana;
    color: white;
    font-size: 80%;
    color: White;
}

.editor
{   height:20em;
}

.groupBox
{
  border: 2px solid #c0c0c0;
  margin: 0.3em;
  padding: 0.3em;
}

.greenTitle
{
    font-weight:bold;
    font-family:verdana;
    color: #7FB043;
    font-size: 90%;
    float:left!important; clear:both!important;
    width:100%!important;
    margin-bottom: .5em;
    background-image:url(Images/green_square.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding-left: 24px;
    margin-top:0.5em;
}

.greenTitleNoBox
{
    font-weight:bold;
    font-family:verdana;
    color: #7FB043;
    font-size: 90%;
    display: block;
    margin-bottom: .5em;
    background-repeat:no-repeat;
    margin-top:0.5em;
}

.TableGradient .greenTitle
{
	color: #516A80;
}

.TableGradient .dataLabel
{
	color: White;
	font-weight: bold;
	font-family: Verdana;
}

.whiteTitleWithGreenSquare
{
    font-weight:bold;
    font-family:verdana;
    color: White;
    font-size: 80%;
    display: block;
    margin-bottom: .5em;
    background-image:url(Images/green_square.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding-left: 24px;
}

.message
{
    font-family:verdana;
    font-size: 75%;
    color: Black;
    display: block;
}

.whiteHyperLink
{
    font-weight:bold;
    font-family:Verdana;
    font-size:70%;
    color:White
}

.whiteHyperLinkWithArrow
{
    font-weight:bold;
    font-family:Verdana;
    font-size:70%;
    color:White;
    padding-left:18px;
    background-image:url(Images/grey_arrow.gif);
    background-position:left;
    background-repeat:no-repeat;
}

.footer
{   padding-top:0.5em;
    color:#606060;
    font-size:70%;
    text-align:center;
}

.footerMenu
{   padding-top:0.5em;
    color:#404040;
}

.form
{   background-color:White;
}

.greyHyperLinkWithBullet
{
    font-weight:bold;
    font-family:Verdana;
    font-size:70%;
    color:#404040;
    padding-left:18px;
    background-image:url(Images/grey_bullet.jpg);
    background-position:left;
    background-repeat:no-repeat;
}

.todo
{
    color:Red; font-size:large; font-weight:bold;
    border: 2px solid red;
}

.gridViewHeader th
{
    padding-bottom:0.4em;
    margin-bottom:0.3em
}

.treeLeafNode
{
    font-family:Verdana;
    color: #516A80;
    font-size: 80%;
}

.treeSelectedNode
{   
    text-decoration:underline;
}

.treeRootNode
{
    font-family:Verdana;
    font-weight:bold;
    color: #7FB043;
    font-size: 80%;
    width:100%;
    padding-left:0.4em
}

.treeView { width:100%;padding:0.3em; }
.treeView table { width:100%  }
.treeView table tbody tr td { text-align:left; border-bottom:1px solid #c0c0c0;margin-bottom:3px;padding-bottom:3px }
.treeView div table { width:1 }
.treeView div table tbody tr td { border-bottom:none;margin-bottom:0px;padding-bottom:0px;padding-left:0.2em;text-align:left }
.treeView div { border-bottom:1px solid #c0c0c0;margin-bottom:3px;padding-bottom:0.5em }
.treeView div div { border-bottom: none;margin-bottom:0px;padding-bottom:0em }

.error { display:block;color:red; }
.period TBODY TR { height:5px }
.timeline_selectedItem .period TBODY TR TD { border-width:2px!important;border-color:#7FB043; }
.timeline_errorItem .period TBODY TR TD { border-color:red!important; }

.selectedPeriod TBODY TR TD { border-width:2px!important;border-color:#7FB043!important; }
.period { border: none; border-collapse: collapse; width: 100% }
.period TBODY TR { height:5px; }
.periodTopLeft { border-left: 1px solid; border-bottom: 1px solid }
.periodTopRight { border-right: 1px solid; border-bottom: 1px solid }
.periodBottomLeft { border-left:1px solid; }
.periodBottomRight { border-right:1px solid; }
.periodOpen { border:none ! important; width:1px }
.period TBODY TR TD { border-color:Black; }
.periodLabel { color:#7FB043; font-family:verdana; font-size: 80%;font-weight: bold }
.periodLabelLarge { color:#7FB043; font-family:verdana; font-size: 110%;font-weight: bold }

.disabled { color:Gray !important; }

.DCMNRList 
{
	border: solid 1px #c7cbb6;
	font: normal 70% Verdana, Arial, Sans-serif;
	text-align: left;
}
.DCMNRList THEAD
{  height: 1em
}
.DCMNRList TBODY
{  height: 100%
}
.DCMNRList THEAD TH 
{
    color: white;
	padding-bottom: 3px;
	padding-top: 4px;
	background: #7FB043;
	padding-right: 2px;
    text-align: left;
    font-size: 110%;
    /*text-decoration:underline;*/
    font-weight:bold
 }
 
.DCMNRListRow
{  height:1em;
}

.DCMNRListRow_item TD { background-color: #f7f6eb;
	border-bottom:1px solid #c7cbb6;
    padding-top:4px;
	padding-bottom:4px;
	padding-right:2px;
	cursor: pointer;
}
.DCMNRListRow_alternateItem TD { background-color: #e5e7d8;
	border-bottom:1px solid #c7cbb6;
    padding-top:4px;
	padding-bottom:4px;
	padding-right:2px;
	cursor: pointer;
 }
.DCMNRListRow_selectedItem TD { background-color: #AED084 !important;
	border-bottom:1px solid #c7cbb6;
    padding-top:4px;
	padding-bottom:4px;
	padding-right:2px;
	cursor: pointer;
 }
.DCMNRListRow_errorItem { color:Red!important }

.DCMNRTabStrip
{
   border-bottom: solid 0.5em green; float:left; clear:both;margin-top:0.5em
}

.DCMNRTabStrip TBODY TR TD a
{
	color:#516A80;
	height: 1.2em;
	line-height: 1em;
	text-decoration: none; 
}

.DCMNRTabStrip TBODY TR TD a:hover
{
	text-decoration: underline;
}

.DCMNRTabStrip TBODY TR TD.selectedItem a:hover
{
	text-decoration: none!important;
	cursor: default!important;
}

.DCMNRTabStrip TBODY TR TD.selectedItem a
{
	height: 1.5em;
    color:White;
    font-weight: bold!important;
}


.DCMNRTabStrip TBODY TR TD.selectedItem
{
    background-color:Green!important
}

.DCMNRTabStrip TBODY TR TD
{
	background-color: #7FB043;
	font-family:Verdana;
	font-size:90%;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:3px;
	border-left: solid 2px white;
	border-right: solid 1px #7FB043;
}

.DCMNRTabStrip TBODY TR TD.spacer
{
	background-color:Transparent!important;
}


.DCMNRTabStrip TBODY TR TD a
{
	height: 1.5em;
	color:#516A80;
}

.DCMNRRadioGroup
{
	font-family:Verdana;
	font-size:75%
}

.DCMNRButtonBar
{
    background-color: #7FB043;float:left;clear:left;display:block;width:100%
}

div.loading
{
    background-position:center top;background-repeat:no-repeat;background-image:url(Images/loading.gif)
}

table.loading
{
    display:none!important
}

.LWBWizard
{
   border: 1px solid #c0c0c0; width: 40em; margin-left: 0.2em; margin-top:0.4em; float:left
}
.LWBWizardBar
{
   float: left; clear: both; background-color: #4FB551; font-weight: bold; color: white; width:100%
}
.LWBWizardBar div
{  padding:0.5em
}
.LWBTitle
{  font-size:1.3em
}
.LWBWizardStrip
{
   float: left; width: 13em; height:15em; border-right: 0.2em solid #4FB551;
}
.LWBWizardStrip div
{
   border: 1px solid black; margin:0.5em; padding:0.2em; cursor:pointer;
}
.LWBWizardStrip .selectedItem
{
   background-color: #4FB551;border: 1px solid #4FB551;color:White; font-weight:bold;
}
.LWBWizardBody
{
   height:100%;padding:0.5em
}
.LWBWizardBody div
{
   padding: 0.5em; width: 100%; height: 100%
}
.LWBWizardBody div div
{  padding: 0em; width:auto;height:auto
}

.SiteMap
{
   font: normal 90% Verdana, Arial, Sans-serif;
   color:Black;
   overflow:hidden
}

.SiteMapRow
{
   float:left;clear:left;width:100%;cursor:pointer; white-space:nowrap
}

.SiteMapRow_selectedItem
{
   font-weight:bold!important;
}

/*
a
{  color:#FF8000;font-weight:bold
}
*/

.columnButton
{  width:auto;margin-bottom:0.3em;float:left;clear:left;margin-right:1em
}

.List
{
   border: 1px solid green; height: 18em;padding-left:0.5em;padding-right:0.5em;overflow:auto;overflow-x:hidden
}

.ListRow
{
   padding-left:0.5em;
   padding-right:0.5em;
   height:1.2em
}

.ListRow_selectedItem
{
   background-color: #AED084 !important;
}

.ListRow_item
{
   background-color: #f7f6eb;
}

.ListRow_alternateItem
{
   background-color: #e5e7d8;
}

.ListHeader
{ color:Green;font-weight:bold;border-bottom:1px solid green;margin-bottom:0.5em
}