﻿/* Common Styles */
/* hacks used to avoid browser display bugs */
/* IE 5 hack bug
/* 
/* font-size:x-small;
/*	voice-family: "\"}\""; 
/* 
/* html>style - to be nice to Opera versions which read the IE 5 hack

/* *html is used to show rules to Internet Explorer on MAc and Windows
/* body with presenting mainView with full menu */
body, body div, body p, body th, 
body td, body li, body dd    
{
	font-family:helvetica, arial, sans-serif;
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small;
    /* intended value for better browsers */
 }
html>body th, html>body td
{
   font-size:    small;
   /* be nice to Opera */
}
a:link,
a:active,
a:visited,
a:hover 
{
	color:#000099;
	font-weight:bold;
}
a:visited 
{
	color:#000099;
}
a:hover 
{
	text-decoration:none;
}
/* Make table text smaller using all hacks */
body th, 
body td 
{
    /* more specific to override imported rule */
    font-size:  0.7em;    
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    0.9em;
    /* intended value for better browsers */
}
html>body th, html>body td
{
    font-size:    0.9em;
    /* be nice to Opera */
}
table.datalist td,
table.datalist th
{
	margin:auto;
	padding:4px;
}
table.datalist th
{
	background-image:url(../images/datalistHeaderBg.gif);
	color:#FFFFFF;
}
table.datalist 
{
	width:40em;
}
/* Make table text smaller using all hacks */
body table.datalist input, body table.datalistLICPREM input, body table.datalistLICPERS input, body table.datalistLICEVEN input, body table.datalistPWEB-ULI input
{
    /* more specific to override imported rule */
    font-size:  100%;    
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    0.9em;
    /* intended value for better browsers */
}
html>body table.datalist input, html>body table.datalistLICPREM input, html>body table.datalistLICPERS input, html>body table.datalistLICEVEN input, body table.datalistPWEB-ULI input

{
    font-size:    0.9em;
    /* be nice to Opera */
}
/* headerContainer text using all hacks */
body #headerContainer .headerTitle
{
    /* more specific to override imported rule */
    font-size:    medium;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    large;
    /* intended value for better browsers */
}
html>body #headerContainer .headerTitle
{
    font-size:  large;
    /* be nice to Opera */
}
body #headerContainer 
{
	background:#F9F8F8 url(../images/headerBanner.gif);	
}

/* h1 text using all hacks */
body h1
{
    /* more specific to override imported rule */
    font-size:   large;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    x-large;
    /* intended value for better browsers */
}
html>body h1
{
    font-size:  x-large;
    /* be nice to Opera */
}
/* h1 text using all hacks */
body h2
{
    /* more specific to override imported rule */
    font-size:   small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    medium;
    /* intended value for better browsers */
}
html>body h2
{
    font-size:  medium;
    /* be nice to Opera */
}
.menuDisplayedView,
.mainView 
{
	text-align:center; /* this is to center the page within the window for IE5 PC */
	color:#000;
	background: #fff;
	margin:0;
	padding:0;
	background-image: url(../images/mainBg.gif);
	background-repeat:repeat-y;
	background-position:top left;
}

img 
{
	border:0;
}
/* body with presenting toggledView with no menu */
.menuHiddenView,
.hiddenView
{
	text-align:center; /* this is to center the page within the window for IE5 PC */
	color:#000;
	background: #fff;
	margin:0;
	padding:0;
	background-image: url(../images/mainBg_toggled.gif);
	background-repeat:repeat-y;
	background-position:top left;
}

.menuDisabledView
{
	text-align:center; /* this is to center the page within the window for IE5 PC */
	color:#000;
	background: #fff;
	margin:0;
	padding:0;
	background-image: none;
}
.menuHiddenView #primary,
.hiddenView #primary
{
	width: 100%;
	position:absolute;
	left:0;
}
.menuDisabledView #primary
{
	width: 100%;
	position:absolute;
	left:0;
}
form, #mainForm 
{
	margin:0;
	padding:0;
}
/*
IE5 Macintosh will ignore below as will all non ie pc browsers - peekaboo issues on forms!.  
\*/

/*html form p { height: 1%!important; }
}

/*	Second comment. IE 5 Mac sees the end of this
	comment as the end of the previous one
*/


/* Form selectors */
label span
{
	clear:both;
	float:left;
	font-weight:bold;
	width:19em;
	display:block;
}

/*
IE5 Macintosh will ignore below.  So these values are sent to all other browsers - IE 5 does not like vertical align top on label fields - it inserts large mounts of white space between lines  
\*/

label 
{
	vertical-align:top;
}


/*	Second comment. IE 5 Mac sees the end of this
	comment as the end of the previous one
*/
.submit
{	
	color: #003366; 
	text-decoration: none; 
	text-align: center;
	vertical-align: middle;	
	margin-top: 10px;
	float:right;
}
.date label
{
	display:inline;
	width:auto;
	clear:none;
	margin-right:5px;
	margin-left:0px;
	margin-top:5px;
	width:3em;
}
.date .row input, input.quickSearch 
{
	margin-right:1px;
	clear:none;
	float:left;
	width:5px;
}
.date img 
{
	float:left;
	display:inline;
	margin-top:5px;
}

input.submitButton 
{
	margin:5px 0 0 15px;
}
#loginForm 
{
	text-align:center;
}
#mainForm fieldset .row
{
	height:1.2em;
	background-color: #fff;
	border:1px solid #fff;
	margin-bottom:2px;
}
#mainForm fieldset .daterow
{
	clear:left;
	height:1.2em;
	background-color: #fff;
	border:1px solid #fff;
	margin-top:2px;
}
#mainForm fieldset .daterow label
{
	clear:none;
	color:#000;
	margin-top:0.7em;
	width:11em;
	margin-right:8px;
}
#mainForm .daterow .day 
{
	width:3em;
}
#mainForm .daterow .month 
{
	width:10em;
}
#mainForm .daterow .year
{
	width:5em;
}
#mainForm .textrow .ref .rangeselectorrow
{
	width:5em;
}
#mainForm .time
{
	width:2.5em;
}
#mainForm .date 
{
	width:4.7em;
}
#mainForm fieldset input, 
#mainForm fieldset .input, 
#mainForm fieldset select
{
	display:block;
	margin-top:5px;
	margin-right:5px;
	margin-left:0;
	font-family:Gill Sans MT;

}

/* begin: date drop down styling */

.daterow fieldset 
{
    border-width: 0px;
    padding:0px;
    margin:0px;
    position:relative;
    
}

.daterow fieldset legend span
{
	color:#000;
    font-weight:bold;
    position:absolute;
    top:0.4em;
    left:0em;
}

.daterow fieldset label
{
    margin-right:0.3em;
    margin-left:0em;
}

.daterow fieldset select
{
    margin-right:0.6em;
}

.daterow fieldset div
{
    margin-left:19em;
}

.daterow fieldset div div
{
    margin-left:0em;
    float:left;
}

.daterow fieldset div .dayfield
{
    width:4em;
}

.daterow fieldset div .monthfield
{
    width:8em;
}

.daterow fieldset div .yearfield
{
    width:4em;
}

/* end: date drop down styling */

.readonly 
{
	border:0;
	color:black;
	width:25em;
	font-size:1em;
	padding:0;
	margin-left:-2px;
}
#mainForm fieldset .input 
{
	margin-top:8px;
	font-weight:bold;
}
#mainForm select
{
	height:20px;
	width:250px;
}

#mainForm fieldset legend
{
	font-weight:bold;
	color:#000;
}
#mainForm fieldset fieldset 
{
	width:auto;
}
#mainForm fieldset fieldset legend
{
	color:#000;
	font-weight:normal;
	margin:2px;
}
#mainForm fieldset .textrow .rangeselectorrow
{
	clear:left;
}
#mainForm fieldset .coderow 
{
	clear:left;
}
#mainForm fieldset textarea 
{
	margin-top:8px;
	font-weight:normal;
	clear:both;
	width:300px;
	height:50px;
	font-family:Gill Sans MT;
}
#mainForm fieldset .row .mailto
{
	background-image :url(../images/icons/new_window_email.gif);
	background-repeat:no-repeat;
	background-position:top right;
	float:left;
	display:block;
	margin-left:5px;
	margin-top:6px;
	padding-right:20px;
	padding-top:5px;
}
#mainForm .clock 
{
	float:left;
	margin-top:-67px;
}
#mainForm .dateField 
{
	width:100px;
	margin:0px 5px;
}

.rssFeedContainer 
{
	width:25em;
	float:left;
	margin:4px;
	background:#eee;
	background-image:url(../images/rssBg.gif);
	border-bottom: 1px solid #ccc;
	border: 1px solid #999;
	padding:3px;
}
.rssFeedContainer li
{
	display:block;
	float:left;
	width:24em;
}
.rssFeed
{
	list-style:none;
	margin-left:0;
	padding-left:0;
	width:25em;
	padding:0px;
}
.rssDate 
{
	clear:both;
	float:left;
	margin-top:1px;
	display:block;
	float:left;
	height:1em;
	width:10em;
	font-size:x-small;
}
.rssStory 
{

	display:block;
	float:left;
	width:23em;
	margin-left:-3em;
	padding-left:0;
	font-size:x-small;
}
.newWindowLink 
{ /* this displays the opens in new window icon */
	padding-right:14px;
	background-image :none; /* for IE5 pc */
	background-position : right top;
	background-repeat : no-repeat;
	voice-family: "\"}\""; 
	voice-family:inherit;
	background-image :url(../../images/icons/new_window.gif)
}
html>.newWindowLink 
{
	 background-image :url(../../images/icons/new_window.gif)
}
.skipNav
{
	position:absolute;
	margin-left:-4000px;
	color:#7BA1DF;
	float:left;
}
/* 
main page elements 
****************************************************************
*/
.menuDisplayedView #mainContainer,
.mainView #mainContainer 
{/*  main container for the page */
	/*margin:00px auto 0px auto; this centers the page (all browser except IE5 PC (see body above) */ 
	margin:0;
	padding:0;
	background-image: url(../images/mainContainerBg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;
}
.menuHiddenView #mainContainer 
.hiddenView #mainContainer 
{/*  main container for the page */
	/*margin:00px auto 0px auto; this centers the page (all browser except IE5 PC (see body above) */ 
	margin:0;
	padding:0;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;
}
.menuDisabledView #mainContainer 
{/*  main container for the page */
	/*margin:00px auto 0px auto; this centers the page (all browser except IE5 PC (see body above) */ 
	margin:0;
	padding:0;
	width:100%;
}

#headerContainer 
{
	border:1px solid #008;
	border-bottom:1px solid #999;	
	background-color:#fff;
	height:29px;
	text-align:left;
	color:#fff;
	margin:0;
	margin-bottom:1px;
	padding-left:3px;
}
#headerContainer .headerTitle 
{
	margin-top:0;
	margin-left:8px;
	font-weight:bold;
	margin:auto;
	color:#fff;
}
#headerContainer img 
{
	float:right;
}
#headerContainer #lblUserName
{
	display:block;
	margin-top:10px;
	margin-left:5px;
	
}
#outerContainer 
{  /* this is used to contain the left pointer column and inner container */
	
}
#innerContainer 
{  /* for all non ie-5 browsers*/
	margin:0;
	padding:0;	
	clear:both;
	z-index:0;
}
.menuDisabledView .contentContainer,
.hiddenView .contentContainer
{
	margin-top:40px;
	margin-left:30px;
	margin-right:30px;
	text-align:left;
	display:block;
	left:0px;
}
.menuHiddenView .contentContainer,
.hiddenView .contentContainer
{
	margin-top:40px;
	margin-left:30px;
	text-align:left;
	display:block;
	left:0px;
}
.menuDisplayedView .contentContainer,
.mainView .contentContainer
{
	margin-top:40px;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	display:block;
	left:240px;
}
.menuHiddenView .contentContainer h1, .menuDisabledView .contentContainer h1, .hiddenView h1, .mainView h1
{
	width:90%;
	clear:left;
	margin-top:0;
	margin-top:0px;
}

.menuDisplayedView .contentContainer h1,
.mainView .contentContainer h1 
{
	clear:left;
	margin-top:0;
}

/* SJS - Added to control start page disclaimer. To ask Stu for better solution */
.menuDisplayedView .contentContainer p,
.mainView .contentContainer p 
{
	display:block;
	clear:left;
	margin-bottom:1em;
}

/* for IE 5 and 6 PC  only */
*html .menuDisplayedView #innerContainer,
*html .mainView #innerContainer 
{  /* this is used to contain the sidebar and the content */
	padding:0;	
	display:inline;
}

.menuDisplayedView #primary,
.mainView #primary
{
	clear:none;
	background-image:url(../images/primaryBg.gif);
	background-repeat:no-repeat;
	margin:0 0 0 0; /* for IE 5 mac */
	padding:0 0 0 0;
	text-align:left; /* reseting the text-align inherited from body */
	float:left;
	display:inline;
	z-index:10000;
	position:absolute;
	margin-left:0px;
	right:0px;
	    left:240px;
    top:30px;
	/* below for IE 5 mac */
    voice-family: "\"}\""; 
    left:240px;
    top:30px;
}
html>body 
{
	left:240px;
	width:auto;
}
*html .menuDisplayedView .htgPrimary
{ 
	background-image:url(../images/primaryBg.gif);
}
.menuHiddenView #primary, .menuDisabledView #primary, .mainView #primary, .hiddenView #primary
{
	background-repeat:no-repeat;
	margin:0px 0px 0 0px; /* for IE 5 mac */
	padding:0px 0px 0 0px;
	text-align:left; /* reseting the text-align inherited from body */
	float:left;
	right:0px;
	background-image:url(../images/primaryBg.gif);

}
/*
IE5 Macintosh will ignore below.  We are resetting values fed to IE 5 mac
\*/
*html .menuDisplayedView .htgPprimary,
*html .mainView .htgPprimary 
{
	right:0px;
}

.menuDisplayedView .htgPrimary,
.mainView .htgPrimary
{
}
/*	Second comment. Explorer 5 Mac sees the end of this
	comment as the end of the previous one
*/
.menuDisplayedView #primary a:link,.menuDisplayedView #primary a:active,.menuDisplayedView #primary a:visited,
.mainView #primary a:link,.mainView #primary a:active,.mainView #primary a:visited 
{

}
.menuDisplayedView .htgPrimary img,
.mainView .htgPrimary img
{
	border:0;
}
.btnSessionEnd 
{
	position:absolute;
	top:3px;
	left:0;
	border:0;
	background:transparent;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
.menuDisplayedView .btnToggleViewNav,
.mainView .btnToggleViewNav
{
	float:left;
	display:block;
	font-size:1px;
	z-index:0;
	padding:0;
	margin:0;
	border:0;
	margin-top:0px;
	margin-left:-20px;
	width:20px;
	height:84px;
	background-image: url(../images/icons/btnToggleBg_main.gif);
	background-repeat:no-repeat;
	position:absolute;	
}
.menuHiddenView .btnToggleViewNav,
.hiddenView .btnToggleViewNav
{

}
.menuDisabledView .btnToggleViewNav,
.hiddenView .btnToggleViewNav
{
	display:none;
}
/*
IE5 Macintosh will ignore below.  We are resetting values fed to IE 5 mac
\*/
.menuDisplayedView .btnToggleViewNav,
.mainView .btnToggleViewNav 
{
	display:block;
	z-index:0;
	padding:0;
	margin:0;
	margin-right:0px;
	margin-left:-10px;
	border:0;
	left:-10px;
	width:20px;
	height:84px;
	background-image: url(../images/icons/btnToggleBg_main.gif);
	background-repeat:no-repeat;
	position:absolute;
}	
/* IE5 Mac continues here */	


.menuHiddenView .btnToggleViewNav,
.hiddenView .btnToggleViewNav
{
	display:block;
	top:0px;
	border:0;
	left:4px;
	width:20px;
	height:84px;
	background-image: url(../images/icons/btnToggleBg_toggled.gif);
	position:absolute;
}

.menuDisabledView .btnToggleViewNav,
.hiddenView .btnToggleViewNav
{
	display:none;
}

#linkImages 
{/* the three logos on the homepage */
	margin-top:10px;
}
#linkImages img 
{
	margin:0 15px;
}
#primary h2 a 
{
	text-decoration:none;
}
h1 
{   /* main page header */
	display:block;
	text-align:left;
	color:#009;
	padding:10px 0 10px 50px;
	margin-top:0.5em;
	background-image:url(../images/h1BgMain.gif);
	background-repeat:no-repeat;
}
h2
{   /* main page header */
	background-image:url(../images/h2Bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:20px;
	margin-bottom:1em;
	text-align:left;
}
h3
{ 	
	margin-top:2em;
	margin-bottom:1.5em;
	font-size:small;
	text-align:left;
}
html>body .content h1
{
  font-size:medium;
}

.sectionRow 
{
	border-top:1px solid #999;
	padding:10px 0;
	margin-top:10px;
	display:block;
}
.doubleBlock 
{
	width:320px;
	display:inline;
	float:left;
}	
.singleBlock 
{
	width:130px;
	float:right;
}
.menuDisplayedView .dataListHeader,
.mainView .dataListHeader  
{
	display:block;
	background-image: url(../images/primaryDataClosed.gif);
	background-repeat:no-repeat;
	height:25px;
	margin-bottom:5px;
	margin-right:3px;
}
.menuHiddenView .dataListHeader, .menuDisabledView .dataListHeader,
toggledView .dataListHeader, .hiddenView .dataListHeader
{
	display:block;
	background-image: url(../images/primaryDataClosed.gif);
	background-repeat:no-repeat;
	height:25px;
	margin-bottom:5px;
	margin-right:2px;
}
#dataListHelpScoreHeader0,
#dataListHelpScoreHeader1,
#dataListHelpScoreHeader2,
#dataListHelpScoreHeader3,
#dataListHelpScoreHeader4,
#dataListHelpScoreHeader5,
#dataListHelpScoreHeader6,
#dataListHelpScoreHeader7 
{
	width:6em;
}
.dataListHeaderOpen
{
	width:700px;
	background-image: url(../images/primaryDataOpen.gif);
	background-repeat:no-repeat;
	height:25px;
	margin-bottom:5px;
}
.dataListHeaderClosed
{
	width:700px;
	background-image: url(../images/primaryDataClosed.gif);
	background-repeat:no-repeat;
	height:25px;
	margin-bottom:5px;
}
.dataListHeader h2 
{
	color:#2B4C80;
	float:left;
	margin-top:3px;
	padding-left:40px;
}
.dataListHeader .headerInfo
{
	float:right;
	color:#2B4C80;
	font-size:xx-small;
}
/*
Secondary Items
------------------------------------------
*/
.menuDisplayedView #navContainer,
.mainView #navContainer 
{
	width: 220px;
	float:left;
	left:auto;
	z-index:0;
	text-align:left;
	height:42em;
	padding-left:10px;
	vertical-align:top;
	top:30px;
	
}
.menuHiddenView #navContainer, .menuDisabledView #navContainer,
.hiddenView #navContainer
{
	display:none;
}
/*
IE5 Macintosh will ignore below.  So these values are sent to all other browsers.  
\*/
.menuHiddenView #navContainer, .menuDisabledView #navContainer,
.hiddenView #navContainer
{
	display:block;
	left:-999px;
}
.menuDisplayedView #navContainer,
.mainView #navContainer
{
	width: 220px;
	margin:0px 0 0 0;
	padding:0;
	text-align:left;
	display:inline;
	float:left;
	position:static;
	top:auto;
	left:auto;
	padding-left:10px;
}
*html .menuDisplayedView #navContainer,
*html .mainView #navContainer
{
	
	width: 220px;
	margin:0px 0 0 0;
	padding:0;
	text-align:left;
	display:inline;
	float:left;
	position:static;
	top:auto;
	left:auto;
	padding-left:10px;

}
.menuDisplayedView #navContainer img,
.mainView #navContainer img 
{
	border:0;
}
.menuHiddenView #navContainer, .menuDisabledView #navContainer,
.hiddenView #navContainer

{
	width:1px;
	float:left;
	margin-left:-999px;
}
*html .menuHiddenView #navContainer,
*html .hiddenView #navContainer
{
	width:1px;
	float:left;
	margin-left:-999px;
}
/* mac ie 5 continues here */

#navContainer a 
{
	z-index:0;
}
#navContainer h2 
{
	text-align:left;
	z-index:0;
	margin:0 0 10px 0;
	padding:0;
}

.homeLink input
{
	padding-right:0px;
	display:block;
	height:32px;
	width:162px;
	text-decoration:none;
	border:0px;
	background-color:transparent;
	background-image:url(../images/icons/House.gif);
	background-repeat:no-repeat;
	padding-left:110px;
	margin-top:10px;
	margin-left:10px;
	font-size:medium;
	font-weight:bold;
	text-align:right;
	cursor:pointer;
}
.homeLink input:hover
{
	text-decoration:underline;
	background-image:url(../images/icons/HouseGrey.gif);
}
#navContainer p, #navContainer h3 
{
	text-align:left;
	margin:8px 4px 0 0px;
}
#navContainer img.middleImage 
{
	margin:0 0 0 0;
}
/*#navContainer ul 
{
	margin-left:0;
	padding-left:15px;
	z-index:0;
}*/

/* 
 Footer Items 
 
---------------------------------------------

*/


#footer 
{
		clear:both;
		display:block;
		border-top:2px solid #000;
		font-family:arial;
		margin:500px 0 0 0; /* for IE5 mac to help it space the footer. */
		padding:0;
}
/*
IE5 Macintosh will ignore below.  So these values are sent to all other browsers.  
\*/
#footer {
		clear:both!important;
		display:block;
		border-top:2px solid #000;
		font-family:arial;
		margin:10px 0 0 0;
		padding:0;
		
}
/* mac ie 5 continues from here */
#footer a:link, #footer a:visited 
{
	color:black;
	text-decoration:none;
}
#footerTools 
{
	width:50em;
	clear: both;
}
#footerTools, #footerMenu
{
		margin:0px 0 0 0px;
		font-size:xx-small;
		display:inline;
		height:2em;
		voice-family: "\"}\""; 
  		voice-family:inherit;
		font-size:x-small;

}
html>#footerTools, html>#footerMenu  
{/* feeding the correct value to opera THIS MUST BE INCLUDED!!!*/
	font-size:x-small;
}
#footerTools 
{
	clear:both;
}
#footerMenu 
{
	clear:both;
}
#footerTools ul 
{
	list-style:none;
	margin:0 0 0 0px;
	padding:0;
	width:399px;
}
*html #footerTools ul 
{
	padding:0 0 0 3px;
	margin:0 0 0 -12px;
	width:402px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	margin:0 0 0 -10px;
	width:399px;
}
html>#footerTools ul 
{/* feeding the correct value to opera THIS MUST BE INCLUDED!!!*/
	width:399px;
}
#footerTools img 
{
	float:right;
	display:inline;
	border:0;
}
#footerLogo 
{
	margin:10px 0 0 0;
}
#footerTools li, #footerMenu li 
{
	float:left;
	display:inline;
	margin:0px 0 0 0px;
	padding:0;
}
#footerMenu ul 
{
	list-style:none;
	margin:0 0 0 0px;
	padding:0;
	width:23em;
}
/* NAVIGATION */
/* MAIN */
/* Complete lists */
.mainNav 
{	
}
.mainNav ul,
.mainNav ul ul
{
	list-style:none;
	padding:0;
	margin:0;
	margin-top:10px;
	text-indent:0;
	margin-bottom:0px;
	text-align:left;
	background-color: Transparent;
}
.mainNav ul ul
{
	border:0;
	background-color:transparent;
	background-image:url(../images/mainNavBg.gif);
	background-repeat:repeat-y;
}
.mainNav ul ul ul
{
	border:0;
	background-image:none;
	background-repeat:repeat-y;
	background-color:transparent;
	background-image:url(../images/mainNavBg.gif);
	background-repeat:repeat-y;
}
/* All list items */
.mainNav ul li,
.mainNav ul li.treeviewNavItemOpen
{
	background-image: url(../images/menuMainItem_open.gif);
	background-repeat:no-repeat;
	margin:0;
	text-indent:0;
	margin-bottom:10px;
	cursor:pointer;
	clear:both;
	text-align:left;
	width:200px;
} 

/* Desktop/Work With/Personal Data buttons */
.mainNav ul input
{
	background:transparent;
	display:block;
	color:#009;
	font-weight:bold;
	font-size:0.8em;
	letter-spacing:1px;
	text-decoration:none;
	margin:0;
	text-align:left;
	padding-left:20px;
	padding-top:0px;
	border:0;
	/*height:19px;*/
}

/* All buttons and links under "Work With" */
.mainNav ul ul input
{
	white-space:nowrap;
	background:transparent;
	display:block;
	color:#009;
	font-weight:bold;
	font-size:0.8em;
	letter-spacing:1px;
	text-decoration:none;
	margin:0;
	text-align:left;
	padding-left:20px;
	padding-top:4px;
	/*height:18px;*/
}
/* Desktop/Work With/Personal Data buttons */
.mainNav ul a
{
	width:178px;
	background:transparent;
	display:block;
	color:#009;
	font-weight:bold;
	font-size:0.8em;
	letter-spacing:1px;
	text-decoration:none;
	margin:0;
	text-align:left;
	padding-left:20px;
	padding-top:8px;
	padding-bottom:3px;
	margin:0px 0 5px 0;
	border:0;
	/*height:19px;*/
}

/* All buttons and links under "Work With" */
.mainNav ul ul a
{
	width:178px;
	background:transparent;
	display:block;
	color:#009;
	font-weight:bold;
	font-size:0.8em;
	letter-spacing:1px;
	text-decoration:none;
	margin:0;
	text-align:left;
	padding-left:20px;
	padding-top:4px;
	/*height:18px;*/
}

/* Page Buttons while not hidden (i.e. Search, Modify etc) */
.mainNav ul li ul li ul li input,
.mainNav ul li ul li ul li.treeviewNavItemOpen input
{
}
html>.mainNav ul li ul li ul li input,
html>.mainNav ul li ul li ul li.treeviewNavItemOpeninput
{
	/*height:22px;*/	
	font-size:0.8em;
}
/*
IE5 Macintosh will ignore below as will all non ie pc browsers - peekaboo issues on forms!.  
\*/

.mainNav ul li ul li ul li input,
.mainNav ul li ul li ul li.treeviewNavItemOpen input
{
	padding:0;
	background:transparent;
	text-align:left;
	width:auto;
	font-weight:bold;
	display:block;
	color:#009;
	font-weight:normal;
	letter-spacing:1px;
	text-decoration:none;
	cursor:pointer;
	text-align:left;
	padding-left:0;
	margin-left:22px;
	font-size:xx-small;
	padding-bottom:4px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	font-size:0.8em;
}
html>.mainNav ul li ul li ul li input,
html>.mainNav ul li ul li ul li.treeviewNavItemOpen input
{

	font-size:0.8em;
}
/* IE5 Mac continue
/* List body under Work With */

.mainNav ul li ul 
{

	padding:0;
	margin:0;
	text-indent:0;
}

/* All list items under Work With */
.mainNav ul li li.treeviewNavItemClosed, 
.mainNav ul li li.treeviewNavItemOpen,
.mainNav ul li li
{
	
	background-repeat:no-repeat;
	cursor:pointer;
	width:200px;
	clear:both;
	text-align:left;
	margin:0;
}

.mainNav ul li li
{
	background-image: url(../images/icons/list_open.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	width:200px;
	clear:both;
	text-align:left;
	margin:0;
	padding:0;
}

.mainNav ul li li.treeviewNavItemClosed
{
	background-image: url(../images/icons/list_closed.gif);
}

.mainNav ul li li.treeviewNavItemOpen
{
	background-image: url(../images/icons/list_open.gif);
}

/* All list items when closed */
.mainNav ul li.treeviewNavItemClosed ul,
.mainNav ul li ul li.treeviewNavItemClosed ul li,
.mainNav ul li.treeviewNavItemClosed ul li,
.mainNav ul li ul li.treeviewNavItemClosed ul li input,
.mainNav ul li.treeviewNavItemClosed ul li input,
.mainNav ul li ul li.treeviewNavItemClosed ul,
.mainNav ul li.treeviewNavItemClosed ul,
.mainNav ul li ul li.treeviewNavItemClosed ul li,
.mainNav ul li.treeviewNavItemClosed ul li,
.mainNav ul li ul li.treeviewNavItemClosed ul li input,
.mainNav ul li.treeviewNavItemClosed ul li input
{
	padding:0;
	margin:0;
	height:0;
	display:none;
}

/* All page list items (Currently links to Search page etc) */
.mainNav ul li ul li ul li.open,
.mainNav ul li ul li ul li.closed
{
	background-image:url(../images/menuMainItem_leveldown.gif);
	background-repeat:no-repeat;
	margin:0;
	padding-left:10px;
	padding:0;
}

/* Main headings when closed (Desktop, Work With, Personal Data) */
.mainNav ul li.treeviewNavItemClosed
{
	background-image: url(../images/menuMainItem_closed.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
/* for IE% mac */
.btnCloseTask 
{
	cursor:pointer;
	border:0;
	background-color:transparent;
	background-image: url(../images/btnCloseBg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	font-size:x-small;
	width:12em;
	height:20px;
	float:right;
	margin-right:3px;
	font-size:xx-small;
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    right:0;
    font-size:x-small;
}
/*
IE5 Macintosh will ignore below.  So these values are sent to all other browsers.  
\*/
.btnCloseTask 
{
	cursor:pointer;
	background-color:transparent;
	background-image: url(../images/btnCloseBg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	font-size:x-small;
	padding:0;
	width:6.8em;
	height:62px;
	float:right;
	margin-right:3px;
	font-size:xx-small;
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    right:0;
    font-size:x-small;
}
/*IE5 continues */
/* HEADER */
.headerNav 
{
      font-size:1em;
}

.menuHiddenView .headerNav,
.hiddenView .headerNav 
{
      position:absolute;
      background:#DAE0D2 url("../images/menuHeaderItemBakground.gif") repeat-y bottom;
      font-size:1em;
      top:0px;
      left:25px;
      margin-bottom:10px;
      margin-left:0px;
}
.menuDisabledView .headerNav,
.toggleddView .headerNav 
{
      position:absolute;
      background:#DAE0D2 url("../images/menuHeaderItemBakground.gif") repeat-y bottom;
      font-size:1em;
      top:0;
      left:0;
      margin-bottom:10px;
      margin-left:0px;
}
.headerNav ul 
{
      margin:0;
      padding:0;
      list-style:none;
}
.headerNav li 
{
      float:left;
      background:url("../images/menuHeaderItemRight.gif") no-repeat right top;
      margin:0;
      padding:0;
      border-bottom:1px solid #000;
}
/* IE5 mac styles, overidden with Mac hack below */
.headerNav li.current 
{
      float:left;
      background:url("../images/menuHeaderItemRight_current.gif") no-repeat right top;
      margin:0;
      padding:0;
      border-bottom:1px solid #fff;
}
.headerNav li input 
{
	  float :left;
      background:url("../images/menuHeaderItemRight.gif") no-repeat right top;
 	  display:block;
      cursor:pointer;
      height:23px;
      width:10em;
      border:0;
      background:url("../images/menuHeaderItemLeft.gif") no-repeat left top;
      padding:0px 1px;
      font-size:0.8em;
      text-decoration:none;
      color:#000;
}
.headerNav li.current input 
{
      width:10em;
      float:left;
	  border:0;
	  border-bottom:0px;
      display:block;
      background:url("../images/menuHeaderItemLeft_current.gif") no-repeat left top;
      font-size:0.8em;
      text-decoration:none;
      color:#000;
      cursor:pointer;
      height:23px;
}
/*
IE5 Macintosh will ignore below.  So these values are sent to all other browsers.  
\*/
.headerNav input 
{
	  border:0;
      width:auto;
      display:block;
      background:url("../images/menuHeaderItemLeft.gif") no-repeat left top;
      padding:0px 1px;
      font-size:0.8em;
      text-decoration:none;
      color:#000;
      cursor:pointer;
      height:23px;
      width:10em;
}
.headerNav li.current input 
{
	  border:0;
	  border-bottom:0px;
      display:block;
      background:url("../images/menuHeaderItemLeft_current.gif") no-repeat left top;
      font-size:0.8em;
      text-decoration:none;
      color:#000;
      cursor:pointer;
      height:23px;
}
/* IE5 Mac continues here */

/* Login Page */
#loginContainer
{
	text-align:right;
	margin:auto;
	height:410px;
	width:530px;
	display:block;
	background:url("images/login_bg.gif") no-repeat left top;
}
#loginContainer fieldset 
{
	float:right;
	display:block;
	margin-top:20px;
	margin-right:10px;
	width:150px;
}
#loginContainer fieldset label
{
	color:#000;
	font-weight:bold;
	float:left;
	text-align:left;
	margin:0px;
}
#loginContainer fieldset input 
{
	clear:both;
	width:140px;
}
#loginContainer fieldset #btnLogin 
{
	clear:both;
	width:100px;
	margin-left:0px;
	margin-top:10px;
	float:none;
}
.closeLinkContainer input
{
	float:right;
	top:30px;
}
.homePageLink 
{
	display:block;
	height:40px;
	background-image: url(../images/Home.gif);
	background-repeat:no-repeat;
	vertical-align:bottom;
	padding-left:40px;
	text-decoration:underline;
	font-weight:bold;
	padding-top:10px;
	margin-top:10px;
}
.homePageLink:visited 
{
	color:#000;
}
.homePageLink:hover
{
	color:#009;
}
.datatext table
{	
	border: solid 1px #EBF0FC;	
}
.datatext
{
	color: #537EC3; 
	text-transform: none; 	
	text-decoration: none; 			
}

.datatext a
{
	color:  #003366; 		
	text-decoration: none; 			
	cursor: pointer; 			
}

.datatext a:hover
{
	color:  #CD5D1B; 		
	text-decoration: none;
	font-weight:bold; 
	cursor: pointer; 			
}
#navdocument {
	background-color: #C8DBFD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.navframe {
	background-color: #C8DBFD;	
}

.topframe {
	background-color: #A2CAFB;	
	vertical-align:top;
	text-align:right;
}

#login 
{
	position: absolute; 
	top: 0px; 
	left: 0px;	
	width: 800px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;		
}
#errorcontent 
{
	POSITION: absolute; 
	top: 30px; 
	left: 30px;		
	height: 500px;
	background-color: #EBF0FC;
	text-align: center;
	}	
.errorframe {
	background-color: #EBF0FC;	
	text-align: center;
}

#formcontent { POSITION: absolute; 
	top: 0px; 
	left: 0px;		
	background-color: #EBF0FC;
	text-align: left;
	}

.formframe
{
	background-color: #FFFFFF;
	text-align: left;
}
.nextPrev a
{
	text-decoration:none;
	font-weight:bold;
}
.title, .title tr, .title td
{
	background-color:#0054e3;
}
.calendarframe1
{
	font-family:Arial, Helvetica, Sans-Serif;
}

.searchframe
{
	background-color: #FFFFFF;
	text-align: left;
}
a.buttontext:hover
{	
	color:  #CD5D1B; 
	font-weight: bold; 		
}
.errortextm .error, .alert
{
	display:block;
	color:  #CD5D1B;
	margin-bottom:10px;
	font-weight:bold;
}

.alert ul 
{
	margin:0;
	padding:0;
}

.alert li
{
    list-style-type:none;	
}
.right
{
	text-align: right;	
}

td.searchlist
{
	border: dashed 1px  #EBF0FC;	
	color: #537EC3; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-style: normal; 	
	font-weight: normal; 
	font-variant: normal; 
	line-height: 11pt; 	
	text-transform: none; 	
	text-decoration: none; 	
}


a.searchlist
{
	color: #537EC3; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-style: normal; 	
	font-weight: normal; 
	font-variant: normal; 
	line-height: 11pt; 	
	text-transform: none; 	
	text-decoration: none; 
	list-style-type:none; 
}

a.searchlist:hover
{
	color: #006699;
	text-decoration: underline; 
	
}
a.searchlist:active
{
	color: #006699;
}
.calenderMouseOver
{
	cursor:pointer;
}
.srList tr th
{
	background-color:#f8f9fd;
	vertical-align:top;
	border-right:1px solid #aca899;
	border-bottom:1px solid #aca899;
}
.srList td 
{
	padding:2px;
}
.srList tr 
{
	background-color:#eee;
}
.srList .failed 
{
	background-color:#e86936;
}
.srList caption
{
		font-weight:bold;
		float:left;
		text-align:left;
		margin-top:10px;
}
/*
IE5 Macintosh will ignore below as will all non ie pc browsers - peekaboo issues on forms!.  
\*/
caption 
{
	/*float:left;*/
	text-align:left;
	margin-left: 2px;
}
/* IE5 can continue*/
#login 
{
	background-position: 10px 10px; 
	background-image: url(../images/FlareColSolidLogo.gif); 
	background-repeat: no-repeat; 
	background-color: #FFFFFF;
}
#login h1 
{
	background-image:none;
	font-weight:bold;
	color:#000;
	font-size:small;
	left: 250px; 
	position: absolute; 
	top: 5px;
}
#pnlLogin, #pnlChangePassword
{
	position:absolute;
	height:113px;
	width:23em;
	top:30px;
	left:250px;
}
#pnlLoginError
{
	width:160px;
	height:80px;
	margin-top:140px;
	margin-left:50px;
}
#pnlDataBase 
{

}
#pnlLogin label
{
	float:left;
	font-weight:bold;
	width:8em;
	margin-top:4px;
	clear:both;
}
#pnlChangePassword label
{
	float:left;
	font-weight:bold;
	width:10em;
	margin-top:4px;
	clear:both;
}
#btnChangePassword 
{
	float:right;
}
#pnlLogin input,  #pnlChangePassword input 
{
	margin-top:4px;
}
#pnlLogin select,  #pnlChangePassword select 
{
	margin-top:4px;
}
#pnlLogin input
{
	width:10em;
}
#pnlVersion 
{
	border-right: #006699 1px solid; 
	padding-right: 8px; 
	border: #006699 1px solid;
	padding-left: 8px; 
	z-index: 106; 
	left: 24px; 
	padding-bottom: 8px; 
	padding-top: 8px;
	position: absolute; 
	top: 464px;
	width:632px;
	height:82px;
}
#btnLogin 
{
	margin-left:8.1em;
}

/* showhide.js classes */
div.additionalinfo {
}

div.additionalinfo div p {
	margin: 7px;
	padding: 0;
}

div.additionalinfo div ul {
	list-style-image: none;
	list-style-type: none;
	margin: 14px 0 0 0;
	padding: 0;
	text-align: right;
	border-top: 1px solid #000000;
}

div.additionalinfo ul li{
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #000000;
	margin: 0;
}

div.additionalinfo ul li a {
font-size: 90%;
}

div.additionalinfo div {
	border: 1px solid #000000;
	padding: 0;
	margin: 10px auto;
	display: block;
}

.javascript {
	display:none;

}
.javascriptyes {
	display: block;
	float:right;
}
.javascriptyes a, .javascriptyes a:link, .javascriptyes a:visited
{
	color:#7BA1DF;
	font-weight:bold;
	text-decoration:none;
}
.javascriptyes a:hover
{
	color:#7BA1DF;
	font-weight:bold;
	text-decoration:underline;
}
/* end showhide.js classes */

/* attachment browser*/
.btnAttachments 
{
	margin-top:10px;
	clear:both;
	background-image: url(../images/icons/attachments.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:20px;
	border: 1px solid black;
}
table.attachments
{
	text-align:left;
	vertical-align:top;
}
table.attachments tr
{
}
table.attachments td 
{
	background-color:#E8F0FF;	
	text-align:left;
	vertical-align:top;	
	width:20em;
	background-repeat:no-repeat;
	background-position: top center;
}
table.attachments td.pic
{
	background-image: url(../images/icons/attachments_type_jpg.gif);
	width: 19px;
}
table.attachments td.zip
{
	background-image: url(../images/icons/attachments_type_zip.gif);
	width: 19px;
}
table.attachments td.xls
{
	background-image: url(../images/icons/attachments_type_xls.gif);
	width: 19px;
}
table.attachments td.xml
{
	background-image: url(../images/icons/attachments_type_xml.gif);
	width: 19px;
}
table.attachments td.unk
{
	background-image: url(../images/icons/attachments_type_unknown.gif);
	width: 19px;
}
table.attachments td.txt
{
	background-image: url(../images/icons/attachments_type_txt.gif);
	width: 19px;
}
table.attachments ul
{
	text-indent:0px;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
.table.attachments li 
{
	padding-left: 0px;
	padding-top:3px;
	padding-bottom:3px;
	background-repeat:no-repeat;
}
table.attachments .tools 
{
	width:10em;
	background-color:transparent;
	display:block;
}
table.attachments .tools ul 
{
	display:block;
	background-image: url(../images/icons/toolsOpen.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:12em;
	padding:1.0em 0em 1.3em 0em;
	margin:0;
}
.table.attachments .tools ul li
{
	margin:0;
	height:1.2em;
    float:none;
    clear:both;
    display:block;
}
table.attachments li input
{
	margin:0;
	border: 0;
	text-align: left;
	text-decoration: underline;
	background: transparent;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 22px;
	height:20px;
	cursor:hand;
	margin: 0px 0px 0px 20px;
	float:none;
	clear:both;
	display:block;
}
table.attachments li input.download
{
	background-image: url(../images/icons/attachments_download.gif);
}
table.attachments li input.upload
{
	background-image: url(../images/icons/attachments_upload.gif);
}
table.attachments li input.lock
{
	background-image: url(../images/icons/attachments_lock.gif);
}
table.attachments li input.edit
{
	background-image: url(../images/icons/attachments_edit.gif);
}
table.attachments li input.view
{
	background-image: url(../images/icons/attachments_view.gif);
}
table.attachments li input.delete
{
	background-image: url(../images/icons/attachments_delete.gif);
}

.calendarContainerActive 
{
	margin-top:1em;
	float:left;
	position:absolute;
	background-color:#fff;
	padding:0px;
	border:1px solid #000;
	width:16em;
	text-align:right;
}
.closeLink, a.closeLink:link, a.closeLink:visited, a.closeLink:active, a.closeLink:hover 
{
	float:right;
	border:1px solid #000;
	font-size:small;
	font-weight:bold;
	text-align:center;
	width:1em;
	height:0.9em;
	cursor:pointer;
	margin:1px;
}
.btnCalendar 
{
	font-size:1px;
	color:#fff;
	margin-left:20px;
	width:20px;
	height:20px;
	border:1px solid #fff;
	background-image:url(../images/icons/calendar_office_blue_back.gif);
}
.calendar .timeContainer 
{
	
}
.calendar .timeContainer label
{
	float:left;
}
.calendar .timeContainer .time
{
	float:left;
	width:3em;
	display:inline;
}
.calendar .buttonContainer input
{
	width:100%;
	text-align:center;
	margin:auto;
}
.calendar .nav a, .calendar .nav a:link, .calendar .nav a:visited, .calendar .nav a:active, .calendar .nav a:hover
{
	width:1em;
	height:1em;
	color:#000;
	font-weight:bold;
	font-size:large;
	background-color:#BEC5DC;
	text-decoration:none;
}
.calendar  table Summary 
{
	font-weight:bold;
}
.calendar .month, 
.calendar .nav {
	color: white;
	font: small;
	height:2em;
	color:#000;
	font-weight:bold;
	border-bottom:1px solid #000;
}
.calendar .month
{
	padding-left:5em;	
}

.calendar .nav {
	cursor: pointer;
}
.calendar.dayHeader{
	color: black;
	border-bottom: 1px black solid;
	font-weight:normal;
}
.calendar .empty 
{
	background-color: #ddd;
	border-bottom: 1px black solid;
	height:2.2em;
	border-right:1px solid #444;
	border-left:1px solid #444;
}
.calendar .days{
	background-color: #fff;
	border-bottom: 1px black solid;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	cursor: pointer;
	height:2.2em;
}
.calendar .days a:link,.calendar .days  a:visited,.calendar .days  a:hover,.calendar .days  a:active {
	display:block;
	width:2em;
	height:2em;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	text-align:center;
	vertical-align:middle;
}
.calendar .days a.selected:link,.calendar .days  a.selected:visited,.calendar .days  a.selected:hover,.calendar .days  a.selected:active {
	display:block;
	width:2em;
	height:2em;
	font-weight:bold;
	text-decoration:none;
	color:white;
	background-color:Red;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
}
.calendar  a:link,.calendar a:visited,.calendar a:hover,.calendar a:active
{
	float:right;
	border:1px solid #000;
}
.calendar a:link,. calendar a:visited, .calendar a:active .calendar a:hover
{
	width:2em;
	height:2em;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
.calendar .timeContainer 
{
	padding-left:5em;
	padding-right:auto;
}
fieldset fieldset 
{
	clear:left;
}
fieldset fieldset label
{
	clear:none;
	margin-left:10px;
}
fieldset fieldset select
{
	clear:none;
	margin:0;
	/*border:1px solid #000;*/
}
fieldset fieldset
fieldset.occupier 
{
	float:left;
	display:block;
	width:25em;
	margin-right:1em;
}
fieldset.client 
{	float:left;
	display:block;
	width:25em;
}
fieldset.incident 
{
	clear:left;
	width:52em;
}
fieldset.reference 
{
	display:block;
	width:25em;
	margin-right:1em;
}
fieldset.localauthority
{	
	display:block;
	width:25em;
}
fieldset.application
{
	clear:left;
	width:25em;
}
fieldset.incident .textrow .rangeselectorrow, fieldset.incident .coderow
{
	width:28em;
	float:left;
}
fieldset.incident .longtextrow
{
	width:10em;
	float:right;
}
fieldset.incident .longtextrow .notes
{
	display:block;
	height:70em;
}
input.age, input.time 
{
	width:3em;	
}
input.description 
{
	width:18em;	
}
#resultsdiv
{
	float: left;
	text-align:left;
	margin: 0;
	padding: 0;
}
table.datalistLICPREM td, table.datalistLICPREM th, table.datalistLICPERS td, table.datalistLICPERS th, table.datalistLICEVEN td, table.datalistLICEVEN th, body table.datalistPWEB-ULI th,  body table.datalistPWEB-ULI td
{
	margin:auto;	
	padding:4px;
}
table.datalistLICPREM #header0, table.datalistLICEVEN #header0
{
	width:10em;
}

table.datalistLICPERS #header0
{
	width:20em;
}

table.datalistLICPREM #header1, table.datalistLICEVEN #header1
{
	width:24em;
}

table.datalistLICPERS #header1
{
	width:14em;
}

table th, table.datalistLICPREM th, table.datalistLICPERS th, table.datalistLICEVEN th, table.datalistPWEB-ULI th
{
	color:#fff;
	background-image: url(../images/datalistHeaderBg.gif);
}
table.datalistLICPREM img, table.datalistLICPERS img, table.datalistLICEVEN img 
{
	float:left;
}
table.datalist .helpLink, table.datalistLICPREM .helpLink, table.datalistLICPERS .helpLink, table.datalistLICEVEN .helpLink
{
    float:right;
    display:block;
}

.datalistLICPREM, .datalistLICPERS, .datalistLICEVEN
{
    width:37em;
}

.dataListRow, table .vcard 
{
	background-color:#E8F0FF;
}
.dataListRow:hover, .datalistRow.over, table .vcard:hover
 {
	background-color:#D8DBDB;
 }
table.datalistLICPREM input, table.datalistLICPERS input, table.datalistLICEVEN input, table.datalistPWEB-ULI input
 {
	border:0;
	background:transparent;
	color:#000099;
	text-decoration:underline;
	cursor:pointer;
	background-image: url(../images/btnModifyBg.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding-left:0px;
	padding-right:20px;
 }
.datalistContainer 
{
	width:auto;
	width:40em;
}
.datalistPaginationContainer
 {
	margin:auto;
	text-align:center;
	width:25em;
	text-align:center;
	padding: 10px;
 }
.datalistPaginationContainer .datalistPagination 
 {
	display:inline;
	margin:auto;
 }
.datalistPaginationContainer .datalistPagination input
{
	cursor: pointer;
	clear:none;
	display:inline;
	border: 0;
	margin-left: 5px;
	margin-right: 5px;
	color: #000;
	font-weight: bold;
	background-color:Transparent;
	vertical-align: middle;
	float:left;
	width:3em;
}
.datalistPaginationInfo 
 {
	float:left;
	color: #000;
	display:inline;
	font-size: 0.8em;
	margin:0.2em;
 }
.datalistPaginationRecords
 {
	clear:both;
	color: #000;
	margin:auto;
	margin-top: 5px;
	font-size:0.7em;
	margin-bottom: 5px;
	margin-right:2em;
 }
#loginForm 
{
	text-align:center;
}
/* Login Page */
#loginContainer
{
	text-align:right;
	margin:auto;
	height:410px;
	width:530px;
	display:block;
	background:url("../images/login_bg.gif") no-repeat left top;
}
#loginContainer fieldset 
{
	float:right;
	display:block;
	margin-top:20px;
	margin-right:10px;
	width:100px;
	padding-left:10px;
}
#loginContainer fieldset 
{
	color:#006;
}
#loginContainer fieldset label
{
	color:#000;
	font-weight:bold;
	float:left;
	text-align:left;
	margin:0px;
}
#loginContainer fieldset input 
{
	clear:both;
	width:150px;
}
#loginContainer fieldset #btnLogin 
{
	clear:both;
	width:100px;
	margin-left:0px;
	margin-top:10px;
	float:none;
}
select 
{
	visibility:visible;	
}
.textrow, .longtextrow, .daterow, .rangeselectorrow, .multicoderow
{
	margin:2px 0px;
	clear:right;
}
/* Calendar */
.calendarContainer
{
	display:none;
}
dl.rangeExplanation
{
}
dl.rangeExplanation dt
{
	margin-bottom:4px;
	clear:left;
	float:left;
	width:5em;	
}
dl.rangeExplanation dd
{
	margin-bottom:4px;
	width:40em;
}
.fsatext 
{
	margin:10px 0px;	
}
table.fsa1 
{
	width:20em;
}
table.fsa2
{
	width:20em;
}
.fsarangerow 
{
	margin-bottom:10px;
	clear:left;
}
.fsaScoreRatingText 
{
	float:left;
}
div.dataListHelp th,
div.dataListHelpRange th,
div.dataListScores th
{
	color:#000;
	background-image: url(../images/datalistHelpHeaderBg.gif);
}
div.dataListHelpRange td,
div.dataListScores td,
div.dataListHelp td
{
	background-color:#eee;
	
}
div.RiskBandValuerow input
{
	width:13em;
}
div.OverallRatingNoImagerow input
{
	width:13em;
}
/*div.OverallRatingrow input
{
	width:0em;
}
div.OverallRatingrow .helpLink
{
	margin-left:8em;
}*/

.validators 
{
	float:right;
	margin-right: 30px;
}
.btnToggleViewNav 
{
	cursor:pointer;
	font-size:xx-small;
	color:#E8F0FF;
	text-align:center;
	vertical-align:top;
}
.btnAccesskeys
{
	cursor:pointer;
	float:left;
	width:196px;
	border:0;
	background-color:Transparent;
	font-size:0.8em;
	font-weight:bold;
	padding-left:10px;
	margin:0;
	height:40px;
	text-align:left;
	padding:0;
}
dl#AccessKeyView 
{
	width:10em;
}
dl#AccessKeyView dt
{	
	position:relative;
	width:1em;
	font-weight:bold;
	margin-bottom:1em;
	float:left;
}
dl#AccessKeyView dd
{
	clear:none;
	position:relative;
	width:15em;
	margin-left:1em;
	margin-top:-2.2em;
	margin-bottom:1em;
	float:left;
}
.smallAddressPart 
{
	display:inline;
	float:left;
	margin-right:0.4em;
}
.fsAddress
{
	margin-top:10px;
	clear:right;
}
.fsAddress dt
{
	float:left;
	font-weight:bold;
	width:19em;
}
.fsAddress dd
{
	float:left;
	clear:none;
	display:block;
	width:25em;
	margin-left:0px;
}

.fsDocumentList dt
{
    clear:left;
	float:left;
	font-weight:bold;
	width:19em;
}
.fsDocumentList dd
{
	float:left;
	margin-left:0px;
}

.addressLine 
{
	clear:left;
	display:block;
}
.homeDisclaimer img
{
	float:right;
	padding:3px;
	margin-top:-3em;
}
.btnProcessStart,
.btnConfirm,
.btnSearch
{
	margin-top:2px;
	/*border:1px solid #000;
	cursor:pointer;*/
}
#fsa1FsaInspectionCategoryRatingValue, #fsa2FsaInspectionCategoryScoreValue
{
	width:12em;
}
/*Version 2 Styles here*/
.maplinkContainer 
{
	height:60px;
	float:left;
	clear:both;
}
.maplinkContainer a,
.maplinkContainer a:link,
.maplinkContainer a:visited,
.maplinkContainer a:active,
.btnMap
{
	cursor:pointer;
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
	border:1px solid #000;
	display:block;
	background-image:url(../images/mapLinkBg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#fff;
	padding:9px;
	padding-left:0px;
	padding-right:140px;
	width:200px;
	text-decoration:none;
	font-size:x-small;
	font-weight:bold;
	clear:left;
}

.linkrow label
{
	width:0em;
	display:block;
	float:left;
	height:1px;
}

fieldset .linkrow label
{
	width:0;
}
.linkrow
{
	clear:left;
	display:block;
	margin:0;
	padding:0;
}
.linkrow .formlink 
{
	display:block;
	width:30em;
	margin:0;
	padding:0;
	border:1px solid #fff;
}
dd 
{
	margin-left:-20px;
}
dd .linkrow .formlink 
{
	
	margin-left:0;
	float:left;
}
#map
{
	width:34em;
	height:500px;
	border:1px solid #000;
	display:none;
}
.map h2 
{
	margin-top:0;
}
.starsImageContainer
{
	float:left;
	clear:none;
	width:32em;
}
td .starsImageContainer
{
	float:left;
	clear:none;
	width:8em;
}
#fsaScoreExplanationTableScoreHeader0,
#fsaScoreExplanationTableScoreHeader1,
#fsaScoreExplanationTableScoreHeader2,
#fsaScoreExplanationTableScoreHeader3,
#fsaScoreExplanationTableScoreHeader4,
#fsaScoreExplanationTableScoreHeader5,
#fsaScoreExplanationTableScoreHeader6,
#fsaScoreExplanationTableScoreHeader7
{
	width:10em;
}

#fsaRangeExplanationTableScoreHeader0,
#fsaRangeExplanationTableScoreHeader1,
#fsaRangeExplanationTableScoreHeader2,
#fsaRangeExplanationTableScoreHeader3,
#fsaRangeExplanationTableScoreHeader4,
#fsaRangeExplanationTableScoreHeader5,
#fsaRangeExplanationTableScoreHeader6,
#fsaRangeExplanationTableScoreHeader7
{
	width:7em;
}
fieldset 
{
    border: solid 1px #75736E;
    padding-left:0.5em;
    margin-left:0px;
    margin-bottom: 0.5em;
    padding-bottom:0.5em;
    clear:both;
}

fieldset:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

dl.parameters
{
     padding: 0; 
} 

dl.parameters dt
{
    float: left; 
    clear: left; 
    text-align: right; 
    font-weight: bold;
    padding: 0 0 0.5em 0; 
} 


dl.parameters dd
{ 
    margin: 0 0 0 13em;
    padding: 0 0 0.5em 0; 
    width:22em;
}
.breadcrumbs 
{
	list-style:none;
	margin-left:0;
	padding-left:0;
	clear:left;
}
.breadcrumbs li
{
	background-image:url(../images/breadcrumbsBullet.gif);
	background-repeat:no-repeat;
	background-position:top-left;
	padding-left:20px;

}
.validationerror 
{
	color:#CD5D1B;
}

.shortdescription 
{
	width:20em;
}
.longdescription 
{
	width:20em;
}
.name 
{
	width:20em;
}
.address1 
{
	width:20em;
}
.address1 
{
	width:20em;
}
.address2 
{
	width:5em;
}
.address3 
{
	width:15em;
}
.address4 
{
	width:15em;
}
.address5 
{
	width:15em;
}
.postcode 
{
	width:5em;	
}
.email
{
	width:20em;	
}
.coderow select 
{
	margin-bottom:3px;
}

.longtext 
{
	width: 20.5em;
	height: 10em;
	font-family:helvetica,arial,sans-serif;
	font-size:small;
}
.AddResponseCloseTask
{
	margin:11px 0;
}
.vcard 
{
	border:1px solid #75736E;
	padding:10px;
}
.vcard h2
{
	font-size:small;
	padding-left:20px;
	padding-bottom:10px;
	margin:0;
}
.street-address:after 
{
	content:comma;
}
table tr .email 
{
	display:none;
}
table tr .web
{
	display:none;
}
table tr .tel
{
	display:none;
}
#ctl00_primaryContentRegion_DataForm_Container0_ApplicationTypeRow
{
	display: none;
}
#ctl00_primaryContentRegion_DataForm_Container0_ApplicationDateFromRow
{
	display: none;
}
#ctl00_primaryContentRegion_DataForm_Container0_ApplicationDateToRow
{
	display: none;
}
/* keep as last element in the stylesheet */
select 
{
}