/*------------------------------------------------
	General
-----------------------------------------------*/

body
{
	background-color: white;
	font-size: 70%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: normal;
}

a
{
	color: #000;
}

a:link, a:visited
{
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}

.stdfontboldgrey a:link 
{
	color:Gray;
}

.indent
{
    margin-left:155px;   
    font-style:italic; 
    white-space:nowrap;
}
.adminHeader{font-family:Arial, Helvetica, sans-serif; font-size:1em; color:black; vertical-align:top; text-align:left;}
.adminPlusMinusImages {}

#contentWrapper, #leftPanel, #rightPanel, #Master_main
{
	height: 100%;
}

#contentWrapper				/* Holds all of the main content underneath the header */
{
	float:left;
	width:100%;
	background-color: inherit;	
}

.navImage
{
	background-image:url(../Images/fast-forward-icon.png);	
	height:16px;
	width:100%;
	background-position:right;
	background-repeat:no-repeat;
}
.pinImage
{
	background-image:url(../Images/push_pin_unpinned.png);	
	height:16px;
	background-position:right;
	background-repeat:no-repeat;
}

.navImageRecentLinks
{
	background-image:url(../Images/fast-forward-icon.png);	
	height:16px;
	width:100%;
	background-position:left;
	background-repeat:no-repeat;
}
.pinImageRecentLinks
{
	background-image:url(../Images/push_pin_unpinned.png);	
	height:16px;
	background-position:left;
	background-repeat:no-repeat;
}

/*------------------------------------------------
	Master Pages
-----------------------------------------------*/
#leftPanel					/* The left hand menu */
{
	float: left;
	width:200px;	
	/*padding:0px 3px 3px 3px;*/
	overflow:hidden;
	/*border-right:solid 20px gray;*/
	/*white-space:nowrap;*/
	border-left:10px solid white;
	margin-left:-10px;
}

#Master_rightPanel			/* Right hand menu (Advice, Recent links, Parked Processes etc) */
{
	float: right;	
	width:20%;
	height:300px;
	overflow:visible !important;
	border-right:10px solid white;
	margin-right:-10px;
}
 /*
#rightmain_rightPanel
{
	float: right;		
	width:27%;	
}	 */

#Master_main					
{
	/*margin-right:20%;
	margin-left:110px;*/
	padding-right:0px;
	padding-bottom:20px;
	width:auto;
}
	 
#Master_MainPlaceHolder_WelcomePanel1__ctl0_MainDiv
{
	height:120px;
}

#Master_MainPlaceHolder_SO_BackToSearch
{
	top:100px;
}

#Master_RightPanelPlaceHolder_Advice1_MainDiv
{
	overflow: hidden;
	/*white-space: nowrap;*/
}

#Master_rightmain_rightPanel
{
	float:right;	
}

#rightmain_main
{
	width:65%;
	float:left;
}

.GapBelow	/* Gap between Main content title and any tables, lists etc */
{
	/*margin-bottom: -260x;*/
	*margin-bottom: 10px;
}

.content			/* Left hand menu */
{
	display: inline-block;
	margin-bottom: 5px;		
	/*border-bottom:solid 1px black;*/
}
.LeftHandMenuLink
{
	border-bottom:solid 1px #bfcbd6;	
}
.LeftHandMenuLink a
{
	padding-left:10px;
	padding-top:3px;
	/*width:200px;*/
}
.LeftHandMenuLink:hover
{
	background-color:#bfcbd6;
}
.LeftHandMenuLink:hover a
{
	color:white;
	text-decoration:underline;
}


.readOnlyField
{
	background-color: white;
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;

	line-height: normal;
	width:50%;
	margin-bottom:4px;
}

/*------------------------------------------------
	Project Plan - Approved / Not Approved
-----------------------------------------------*/

.greenApp
{
	color: green;
}

.redApp
{
	color: red;
}


/*------------------------------------------------
	Project Plan - Completed / Not Completed
-----------------------------------------------*/

.greenCompleted
{
	color: green;
}

.redNotCompleted
{
	color: red;
}


/*------------------------------------------------
	Back to Search button
-----------------------------------------------*/

#Master_MainPlaceHolder_SO_BackToSearch
{
	top:100px;
}



/*/////////// End General ///////////*/

/*------------------------------------------------
	Header
-----------------------------------------------*/

#header
{
	margin-bottom: 10px;	/* Distance between Header bar and the content */
}

#header .HeaderMenuLeft 
{
	height: 25px;
	vertical-align: middle;
	background-color: rgb(96, 148, 219);
	line-height: 30px;
}

.UserSettingsPanel
{
	background-image: url(../images/cog-icon-2-32x32.png);	
	width:32px;
	height:32px;
	float:right;
	margin-top:-40px;
}

#header .HeaderMenuSearch
{
	vertical-align: middle;
	line-height: 25px;
	color:#000066;
	font-weight:bold;
}

#header .HeaderMenuSearch
{
	float: right;
}
#header .HeaderMenuRight
{
	float: right;
	padding-top:45px;
}
#header .HeaderMenuSearch input
{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom:2px;
	vertical-align: middle;
	line-height: 20px;
	height:20px;
	margin-top:0px;
}
/*
#header .HeaderMenuSearch a
{
	margin-left: 5px;
	margin-right: 5px;
	color:#000066;
	text-decoration:underline;
}*/

#header .HeaderMenuLeft .disabled,#header .HeaderMenuLeft .disabled:hover
{
	color:lightgray;
	background-color:Gray;	
}

.HeaderMenuImageObject
{
	float:left;
}
.HeaderMenuCurrentUser
{
	float:left;
	padding-top:25px;
}
.HeaderMenuImagePadding
{
	padding-top:45px;
}
.MenuClearer 
{
	clear:both; 
}

#header .HeaderMenuLeft
{
	float: left;
	margin-left: 10px;
	color: #fff;
}

#header .HeaderMenuRight
{
	margin-left: 5px;
	float: right;
	color: #fff;
	white-space: nowrap; 
    font-weight:bold;
}

#header .HeaderMenuSearch
{
	float: right;
}

#header .HeaderMenuSearch input
{
	/*margin-left: 5px;
	margin-right: 5px;
	margin-bottom:2px;
	vertical-align: middle;
	line-height: 25px;*/
}

#header .HeaderMenuSearch a
{
	margin-left: 5px;
	margin-right: 5px;
	margin-top:-7px;
	color: #fff;
}


.hdrmenuTable
{
	border-collapse: collapse;
	background-color: rgb(96, 148, 219);
	color:#fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:1.1em;
	width: 100%;
	height:30px;
	vertical-align: middle;
}

.hdrmenuTableBusinessProcess
{
	border-collapse: collapse;
	background-color: #6094db;
	color:#fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:1.1em;
	width: 100%;
	height:6px;
	vertical-align: middle;
}
.hdrmenuTable a
{
	
	padding-left:6px;
	padding-right:6px;
	padding-top: 2px;
	padding-bottom: 3px;
	/*display:block;*/
	font-weight:bold;
	color:#fff;
	border-right: solid 1px #e8ebed;
}

#header .HeaderMenuRight a, .HeaderMenuRight a:visited
{
	color: #fff;
}

#header .HeaderMenuLeft a, .HeaderMenuLeft a:visited
{
	color:#fff;
	padding-top: 8px;
	padding-bottom: 8px;
}

#header .HeaderMenuLeft a:hover
{

	background:#000066;	
	color:#fff;
	padding-top: 8px;
	padding-bottom: 8px;
}

.SelectedHeaderMenuItem
{ 
	background-color:#000066; /* #6094db */
}
.CurrentUser /* This is the CSS for the Current User information at the top of the screen */
{
	color:#000066;
	font-weight:bold;
	Padding-left:50px;
	margin-top:5px;
	margin-right:10px;
	float:left;
}

.HeaderImage
{
	cursor:pointer;	
}

/*------------------------------------------------
	Home Page
-----------------------------------------------*/
.categoryPanelPicture	/* The pictures on the home page */
{
	float: left;
	padding-right: 10px;
}

.categoryPanelMain			/* The container of each object description on the home page */
{
	height: 120px;
	background-color:#A9C5EB;
	/*border: #827D9B 1px solid;*/
	border: #6094db 1px solid;
	margin-bottom: 5px;
	padding-bottom: 0px;
	width:100%;
}	
.clear
{
clear:both;
}
.categoryPanelContent
{
	padding-top:10px;	
}

.categoryPanelTitle			/* The Header background of each object description panel on home page */
{
	/*background-image: url(../images/bgpanel.gif);*/
	background-color:#6094db;
	/* background-color:#ECFFB3; */ /* Uncomment to use a colour instead of picture */

}
/*/////////// END HomePage ///////////*/

/*------------------------------------------------
	Lists
-----------------------------------------------*/
.PagingLinks	/* Paging and Search in a List */
{	
	margin-top:5px;
	margin-left: 3px;
	margin-bottom:5px;
	vertical-align: bottom;	
}
.ListHeader			/* Header Column of list */
{
	float: left;
}
.paglabsel		/* The  selected individual paging number */
{
	border-right: #827d9b 1px solid;
	border-left: #827d9b 1px solid;
	padding-right: 1px;
	padding-left: 1px;
	margin-left:3px;
	margin-right:3px;
	font-weight: bold;
	background-color: #ffffff;
}
.paglabunsel		/* The  UNselected individual paging number */
{
	padding-left: 1px;
	padding-right: 1px;
}
.SortButtons
{
	float: left;
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
}
.ColumnHeader
{
	color: black;
	line-height: 1.8em;
}
.stdTable
{
	background-color:#A9C5EB;
	border-right: #827D9B 1px solid;
	border-top: #827D9B 1px solid;
	border-left: #827D9B 1px solid;
	border-bottom: #827D9B 1px solid;
	margin-bottom: 5px;
	line-height: normal;
	height:100%;
	margin-right:10px;
} 

.BusinessProcessStepInfo
{
    width: 78%;
    float: right;
}

.BusinessProcessStepInfo .stdTable
{
	margin-right:2px;
	margin-left:2px;
}

.searchresults			
{ 
	color:#4F4A60;	
	padding-right: 10px;
}

/* BJ - Fix Tables in IE8 */
.stdTable TD 
{  
	border-width: 1px;  
	border-style: solid solid solid none; 
	border-color:gray;	
	padding-left:5px; 
}

.stdTable TH 
{ 
	padding-left:3px;
}

.LookUpListIndent
{
	width:20;	
}


/*------------------------------------------------
	Business Processes
-----------------------------------------------*/	
.businessProcess		/* Main Business Process Container */
{
	padding-top:10px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}



.BusinessProcessSteps	/* The box on the left showing the steps of the business process */
{
	border: gray 1px solid;
	background-color: #d9ddea;
	float: left;
	width: 20%;
	margin-right: 10px;
	padding: 5px;
}

.BusinessProcessStepsPanel	/* The box on the left showing the steps of the business process */
{
	float: left;
	padding: 5px 5px 0px 5px;
	width:99.5%;
	background-color: #6094db;
	margin-top:10px;
	margin-bottom:10px;
}

.BusinessProcessStepValidation
{
	float:left;
	border: solid 1px red;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	width:99.5%;
	background-color:#F7D4DB;
	display:block;
}
.ValidationErrorsTable
{
	float:left;
	border: solid 1px red;
	margin: 5px 0px 5px 0px;
	width:99.5%;
	background-color:#F7D4DB;
	display:block;
}
.ValidtionErrorsTable td
{
    padding:10px;
}

.BusinessProcessStepInformation
{
	float:left;
	border: solid 1px #6094db;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 5px 0px;
	width:100%;
	background-color:#e3e3c3;
	display:block;
}
.selectedStepTab
{
	float:left;
	margin:5px 1px 0px 1px;
	padding:5px 7px 8px 5px;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}
.unSelectedStepTab
{
	float:left;
	margin:8px 1px 0px 1px;
	background-color:#bfcbd6;
	padding:5px 15px 5px 5px;
	text-align:center;
	vertical-align:middle;
	min-height:15px;
	min-width:60px;
}
.selectedStepTabConfirm
{
	float:left;
	margin:5px 1px 0px 1px;
	padding:8px 5px 5px 5px;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}
.unSelectedStepTabConfirm
{
	float:left;
	margin:8px 1px 0px 1px;
	background-color:#bfcbd6;
	padding:5px 5px 5px 5px;
	text-align:center;
	vertical-align:middle;
}
.WarningImage
{
	margin-left:3px;
	margin-right:3px;
	margin-bottom:-4px;	
}

.InformationImage
{
	margin-left:3px;
	margin-right:3px;
	margin-bottom:-4px;	
}

.TickImage
{
	margin-left:3px;
	margin-right:3px;
	margin-bottom:-4px;	
}

.unSelectedStepTab:hover
{
	background-color:#bfcbd6;
	margin-top:5px;
	padding-top:8px;
}

.BusinessProcessStepValidationError
{
	color: #cc0000;
	font-weight:bold;
}

.BusinessProcessHeaderLbl	/* Display current step in business process */
{
	font-size: 1.3em;
	color:#7C8092;
	font-weight:bold;
}
.immediateConfirmPanel
{
	float:right;
}
.businessProcess hr
{
	clear: both;
}

.businessProcess .FullWidth
{
	/*width: 99%;  was 67%*/
	float:left; /* BJ - Fix a lot of empty space...*/
}

.ParkedProcessDeleteImg
{
	margin:0px 5px 2px 0px;
}
.ParkedProcessLinks
{
	margin:-3px 0px 0px 0px;
}

/*------------------------------------------------
	Multiselect
-----------------------------------------------*/
.MultiSelectPagingLinksBottom
{
	min-height:20px;
}
.MultiselectLeft		/* Selected items of a multiselect */
{
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
	width: 46%;
	height:200px;
	min-height:73px;
	height:auto;	
}
.MultiselectCentre		/* Centre of multiselect (apply button)*/
{
	margin-top: 1.5em;	
	text-align: center;
	height:100%;
}
.MultiselectRight	/* UnSelected items of a multiselect */
{
	margin-right: 5px;
	margin-bottom: 5px;
	float: right; 
	width: 46%;
	min-height:73px;
	height:auto;
}
.MultiselectViewAllRight	/* UnSelected items of a multiselect view all*/
{
	margin-right: 5px;
	margin-bottom: 5px;
	float: right; 
	min-height:73px;
	height:auto;
	width:63%;	
}
.MultiselectViewAllLeft		/* Selected items of a multiselect */
{
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
	height:200px;
	min-height:73px;
	height:auto;	
	width:30%;	
}
.Multi
{	
	height:100%;
}

.MultiselectViewAll
{
	min-width:500px;	
}



/*////// Used in business process and homepage ///////*/
.LeftAlign
{
	float: left;
	width:22%; 
}
.RightAlign
{
	float: right;
}
/*////// END Used in business proces and homepage ///////*/


/*------------------------------------------------
	Single Object View
-----------------------------------------------*/
.SaveDeleteButtons
{
	word-spacing: 10px;
	margin: 5px;
	float: right;
}

.SingleObjectHeaderBar
{
	float:right;	
}

.SingleObjectForm
{
	padding: 10px;	
	/*width: 1000px;*/
	/*width:100%;*/
}
.singleBorder		/* Container for editing single object, business process */ 
{
	border: #827D9B 1px solid;
	background-color: #A9C5EB;
}
.panelTable		/* Header bar when editing a single object */	
{
	/*background-image: url(../images/bgpanel.gif);*/
	background-color:#6094db;
	height: 25px;
	padding-left: 5px;
}	

/*------------------------------------------------
	Single Object Validation
-----------------------------------------------*/
	
.ValidationIssuesError, .ValidationIssuesOK
{
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
}
.ValidationIssuesError
{
	color: #cc0000;
}
.ValidationIssuesOK
{
	color: #006400;
}
.FullWidth
{
	width: 100%;
	float:left; /* BJ - Fix a lot of empty space...*/
}


/*------------------------------------------------
	SO Summary View
-----------------------------------------------*/
.InformationBanner			/* Doesnt seem to do much */
{
	background-color: #ffc0cb;
	border: #FF3399 1px solid;
	color: #FF3399;
	font-weight: bold;
	padding: 2px;
	margin-bottom: 15px;
}

.SummaryViewContentSection	/* Contains information about general and embeslishment if they are compressed or expanded */
{
	vertical-align: bottom;
	width:100%;
	position:relative;
	float:left;
	top:3px;    
	min-height:10px;
	padding-bottom:3px;
	margin-top:-2px;
	/*background-color: #A9C5EB;*/
	
}
.SummaryViewContentSection tr	 /* table row of above .. doesnt appear to be used */
{	
	/*xline-height: 1.8em;*/
	vertical-align: bottom;
}

.SummaryViewShadedSection, .SummaryViewShadedSectionTitle	/* Shaded areas with object/embelishment titles */
{
	background-color: #A9C5EB;
	width: 180px;
	margin-right:-1px;
	padding: 1px;	
	padding-right:3px;
}

/** Shows on a single object when in DEM Mode**/
.SummaryViewShadedSectionTitleDEM, .SummaryViewShadedSectionDEM
{
	background-color: #A9C5EB;
	/*width:100px;*/ /* eg. Setting a different width in DEM*/
}
.ShadedCellDEM
{
	background-color:#A9C5EB;	
	padding-right:-30px;
	vertical-align:top;
	width:30px;
}
/** END Shows on a single object when in DEM Mode**/

.ShadedCell
{
	background-color:#A9C5EB;	
	padding-right:-30px;
	vertical-align:top;
	width:30px;
}
.ContentCell
{
	width:100%;
	padding-left:15px;	
}

.SummaryViewShadedSectionTitle
{
	/*height:20px;*/
}

.SummaryViewShadedSection
{
	text-align: right;
	/* height:15px; 
	float: left;*/
	margin-left:-1px;
}

.SummaryViewPlaceholder Table
{

border-collapse:collapse;
vertical-align:top;
}


.LightGreyBackground
{
	background-color: #f0f0f0;
	/*padding: 3px;*/
}
.labcell
{
	border-right: #A9C5EB 1px solid;
	border-top: #d3d3b3 1px solid;
	background-color: #A9C5EB;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
	line-height: normal;
	vertical-align: top;
	width:150px;	
	
}
.ExpandedViewDetails
{
	padding-left: 10px;	
}
.SummaryViewPlaceholder
{
	/* clear:left; */
}


HR.clearer
{
	display:none;
	/*clear: both;*/
}

.clearer
{
	clear: both;
}

.warning
{
	/* display: none; */ /* uncomment to enable warning */
	border: #FF3333 3px solid;
	background-color: #FFBBBB;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 10px;
	font-size: 1em;
	margin-left: 100px;
	margin-right: 100px;
	
}
.warning h1
{
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 10px;
}


.lightBackground		/* Doesn't seem to change much .. might have missed it though */
{
	background-color: #A9C5EB;
}


.businessProcess hr
{
	clear: both;
}
/*
#Master_MainPlaceHolder_businessprocess1__ctl7_MainTable
{
	width:50%;
	float:inherit;
}
*/
/*****************/
/* Standard text */
/*****************/
.ValidationIssuesConfirmPageTopRow
{
	color: #cc0000;
	font-weight:bold;
}

.stdfont, .stdfontbold
{
	color: Black;
}
.stdfontbold
{
	font-weight: bold;
}
.stdfont100
{ 
	font-size: 1.0em;
}
.stdfontred
{
	color: #cc0000;
}

.stdfontredbold
{
	color: #cc0000;
	font-weight: bold;
}
.stdfontgrey
{
	color:#7C8092;
}
.stdfontboldgrey
{
	color: #7C8092;
	font-weight: bold;
}
.stdfontgrey a:link{color:#827D9B; text-decoration:none;}
.stdfontgrey a:visited{color:#827D9B; text-decoration:none;}
.stdfontgrey a:hover{color:#827D9B; text-decoration:underline;}

.stdfontgreen
{
	color: #006400;
}

/*------------------------------------------------
	Header Labels
-----------------------------------------------*/
.headerlabel2grey
{
	font-size: 1.3em;
	color:#7C8092;
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left:4px;
}
.headerlabelgrey
{
	/*display: inline-block;*/
	font-size: 1.4em;
	color:#7C8092;
	font-weight:bold;
	margin-bottom: 5px;
}
.headerlabelblack
{
	font-size: 1.5em;
	color: Black;
	font-weight:bold;
}

/*------------------------------------------------
	Form Elements
-----------------------------------------------*/

.formelement, .formelementDEM
{
	border: #827D9B 1px solid;
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica, sans-serif; /* Stops textarea defaulting to fixed width font */
	margin-bottom:5px;
	padding:2px;
	width:49.5%;
	/*max-width:400px;*/
	margin-right:2px; /*bj to make a small gap between lookup text and lookup button.*/
	
}

.dropdown		/* Specific to drop downs */
{
	width:50.5%;	
}

.searchbar
{
	/*border: #827D9B 1px solid;*/
	font-size: 1em;
	/*width: 170px;*/
	height:13px;
	/*vertical-align:middle;*/
}
.formbutton
{
	border:  #827D9B 1px solid; /* #827D9B*/
	font-size: 1em;
}
.formelement
{
	/*width: 55%;*/
}
.formelementDEM
{
	width: 95%;
}

.formlabel
{
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	margin-right: 5px;
	vertical-align: middle;
	line-height: 1.5em;
	/*clear:left;*/
}


.formlabelrightalign
{
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	margin-right: 5px;
	vertical-align: middle;
	line-height: 1.5em;
	clear:left;
}
.formlabelrightalign
{
	text-align: right;
	width: 210px; 
}
.RequiredFieldStar
{
	font-family: Monospace;
	font-size: 1.2em;
	color: #cc0000;
	font-weight: normal;
	vertical-align: top;
	height: 1em;
	margin-right: 2px;
	margin-left: 2px;
}
.DateField
{
	width: 120px;
	margin-right: 5px;
}

.InputTable			/* Appears only to be used for the BS7666 control */
{
	border: #827D9B 1px solid;
	padding: 12px;
	font-size: 0.9em;
	background-color: #e3e3c9;
}
.NoBorder
{
	border-style: none;
	border: 0;
	font-size: 0.9em;
}
.ControlHeadings
{
	vertical-align: top;
}

/*.formelement,*/ 
#Master_MainPlaceHolder_businessprocess1__ctl7_txt_001_DNASingleItemCodeCapture
{
	width:auto;
	margin-bottom:0px;
}


/*------------------------------------------------
	Recent Links
-----------------------------------------------*/
.RecentLinksHidden,RecentLinksHidden a
{
	color:#7C8092;
}

.RecentLinksHidden:link{color:#7C8092;text-decoration:none;}
.RecentLinksHidden:visited{color:#7C8092;text-decoration:none;}
.RecentLinksHidden:hover{color:#7C8092;text-decoration:underline;}

/***********/
/* Buttons */
/***********/


	
.ButtonBanner
{
	/*background-color:#6094db;*/
	padding-bottom:30px;
	margin-top:10px;
}

.TopButtons
{
	margin-top:-40px;
	padding-left:10px;	
	padding-right:10px;	
}

.TopButtonMargin
{
	margin-top:10px;	
}

.Button {
	background-image: url(../images/bgmenu.gif);
	padding-left: 3px;
	padding-right: 3px;
	
	border-right: darkgray 1px outset;
	border-top: white 1px outset;
	border-left: white 1px outset;
	border-bottom: darkgray 1px outset;
	text-align: center;
	display: inline-block;
	white-space:nowrap;
}
.Button:hover {
	text-decoration: underline;
}
.Button:active {
	position: relative;
	top: 1px;
}

.cmdbtn, .cmdbtn_disabled
, .smallbtn, .smallbtn_disabled, .BPCancel
, .cmdbtn100 /* legacy - this might be stored in the database so we need to keep the style name */
{
	cursor:pointer;
	background-image: url(../images/bgmenu.gif);
	padding-left: 3px;
	padding-right: 3px;
	
	border-right: darkgray 1px outset;
	border-top: white 1px outset;
	border-left: white 1px outset;
	border-bottom: darkgray 1px outset;
	text-align: center;
	display: inline-block;
	white-space:nowrap;
	/*margin: 1px;*/	
}
.cmdbtn, .cmdbtn_disabled, .BPCancel
, .cmdbtn100 /* legacy - this might be stored in the database so we need to keep the style name */
{
	min-width: 40px;
    margin-top: 3px;
}
.smallbtn, .smallbtn_disabled
{	
	padding-left: 2px;
	padding-right: 2px;
	margin: 0;
}
.smallbtn_disabled, .cmdbtn_disabled, .disabled
{
	color: #999999;
}
.cmdbtn100 /* legacy - this might be stored in the database so we need to keep the style name */
{
	cursor: pointer;
}

.prevbtn_disabled
{
	float:left;	
	background-image:url('../Images/previousarrow.png');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

.AdviceButton
{
	float: right;
	background-image: url(../images/bgmenu.gif);
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 10px;
	
	border-right: darkgray 1px outset;
	border-top: white 1px outset;
	border-left: white 1px outset;
	border-bottom: darkgray 1px outset;
	text-align: center;
	cursor:pointer;
}

.ShowAdviceButton
{
	float: right;
	margin-left: 10px;
	border-right: darkgray 1px outset;
	border-top: white 1px outset;
	border-left: white 1px outset;
	border-bottom: darkgray 1px outset;
	text-align: center;
}

.Invisible
{
display:none;	
}
.DateButton
{
	background-color: transparent;
	border: 0px;
	background-image: url(../images/calendar_icon.gif);
	width: auto;
	background-repeat: no-repeat;
	width: 27px;
	cursor: pointer;
}
.HeaderSearchButton
{
    padding-left:3px;
	padding-right:3px;
	margin-top: 50px;
}
.LogoutButton
{
    padding:0px;

}
/*#Master_contentWrapper
{
    margin-top:-20px;
    }
*/
/*------------------------------------------------
	DEM Home
-----------------------------------------------*/
.DEMMainDiv
{
padding-left:2%;
padding-top:5px;
width:95%;
float:left;

}
.DEMRadioButtons
{
	margin-bottom: 5px;
}
.DEMStartStopLink
{
	font-size: 1.3em;
}
.Hidden
{
	display: none;
}

/*------------------------------------------------
	DEM
-----------------------------------------------*/

.PerspectivesTableParameters
{
	background-color: #87CEFA;

}
input.PerspectivesTableParameters /* Written to override the height above so that the filter heights were not wrongs */
{
   	background-color: white;
	height: 14px; 
	float:right;
	margin-top:-20px;
}

.PerspectivesTablePerspective
{
	background-color: #d9ddea;
}
.PerspectivesSelectedObject
{
	font-weight:bold;
}
.PerspectivesUnSelectedObject, .PerspectivesSelectedObject, .PerspectivesHyperlink
{
	/*border: 1px solid;*/
	line-height: 1.5em;
	padding: 2px;
}
.DEMIndentedText
{
	margin: 25px;
	/*border: 1px solid;*/
}
.DEMTitleDiv
{
	float: left;
	/*border: red solid 1px;*/
	/*xtext-align: center;*/
	margin: 5px;
	width: 95%;
}
.DEMButtonsDiv
{
	/*float: right;*/
	/*border: blue solid 1px;*/
	/*text-align: center;*/
	text-align:right;
	margin: 5px;
}

.DEMButtonsDiv cmdbtn_disabled
{
	min-width:200px;
}

.DEMFieldsDiv
{
	/*border: 1px green solid;*/
	margin: 5px;
}

.DEMFilterTitleBox
{
    width: 95%;
}

.DEMSearchBox
{
    width: 95%;
}

/*------------------------------------------------
	DEM Filter Wizard
-----------------------------------------------*/

.PerspectivesFilter
{
	width: 568px; 
	height: 156px
}
.PerspectivesFilterType
{
	height:30px;
}
.PerspectivesFilterParameter
{
	width: 90%; 
	height: 22px
}
.PerspectivesFilterParameterDatePicker
{
	width: 10px; 
	height: 20px
}
.PerspectivesFilterOkCancel
{
	width: 100px; 
	height: 20px
}


/*------------------------------------------------
	My Home Page
-----------------------------------------------*/
.MyHomepageSection
{
	margin: 5px;
}
.MyHomepageHeader
{
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.MyHomePageDefaultObject
{
	width:60%;	
}
.MyHomePageHandyLinks
{
	width:15%;	
}
}
.MyHomePageRecentItems
{
	width:30;	
}
.MyHomePageCcardHeader
{
	width:50%;	
}

/*------------------------------------------------
	Reports
-----------------------------------------------*/
.reportTable
{
	border: #ffffff 1px solid;
	border-collapse: collapse;
	background-color: #ffffff;
}

.Errorfontbold
{
	font-weight: bold;
	color: Red;
}

/*------------------------------------------------
	Dashboard (????)
-----------------------------------------------*/

.dashboardTableSingle
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-bottom: gray 1px solid;
	background-image: url(images/Aluminium3.gif);
	background-color: #f3f3d3;
}
.dashboardTable
{
	width: 100%;
}
.dashboardTableBlank
{
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: transparent;
}
.dashboardTitle
{
	font-weight: bold;
	background-image: url(images/bgmenu.gif);
	color: gray;
	text-align: center;
}
.dashboardDescription
{
}
.dashboardLeftPad
{
	border-right: gray 1px solid;
	width: 50%;
}
.dashboardRightPad
{
	width: 50%;
}

/*------------------------------------------------
	Handy Links
-----------------------------------------------*/
.fontSize3
{
	font-size:large;
}
.rightHandyLinks
{
	float:right;
}
.leftHandyLinks
{
	float:left;
}
#NewHandyLinks
{
    display:block;
    height:30px;    
    font-size:1.4em;
}
.cmdbtn140
{
	border-right: darkgray 1px outset;
	padding-right: 0px;
	border-top: white 1px outset;
	padding-left: 0px;
	font-size: 1em;
	padding-bottom: 0px;
	margin: 0px;
	vertical-align: top;
	border-left: white 1px outset;
	width: 10px;
	padding-top: 0px;
	border-bottom: darkgray 1px outset;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	white-space: nowrap;
	height: 13px;
	background-color: #d5d8e3;
	background-image: url(images/bgmenu.gif);
	text-align: center;
	cursor:hand;
}
.cmdbtn140Red
{
	border: darkgray 2px outset;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1.4em;
	padding-bottom: 0px;
	margin: 0px;
	vertical-align: top;
	width: 20px;
	padding-top: 0px;
	color: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	white-space: nowrap;
	height: 20px;
	background-color: #F1434C;
	text-align: center;
	cursor:hand;
}

/*------------------------------------------------
	Ego Buttons
-----------------------------------------------*/
.cmdlargebtn
{
	border-right: darkgray 1px outset;
	padding-right: 10px;
	border-top: white 1px outset;
	padding-left: 10px;
	font-size: 1em;
	padding-bottom: 5px;
	border-left: white 1px outset;
	padding-top: 5px;
	border-bottom: darkgray 1px outset;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	white-space: nowrap;
	height: 30px;
	background-color: #ffcc11;
	text-align: center;
}

.cmdlargebtnLHM
{
	border-right: darkgray 1px outset;
	padding-right: 3px;
	border-top: white 1px outset;
	padding-left: 3px;
	font-size: 1.2em;
	padding-bottom: 3px;
	border-left: white 1px outset;
	padding-top: 3px;
	border-bottom: darkgray 1px outset;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	height: 25px;
	background-color: #D9D98C;
	text-align: center;	
}

.cmdlargebtnLHMBottom
{
	border-right: darkgray 1px outset;
	padding-right: 13px;
	padding-left: 13px;
	font-size: 1.2em;
	padding-bottom: 3px;
	border-left: white 1px outset;
	border-bottom: darkgray 1px outset;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	height: 25px;
	background-color: #D9D98C;
	text-align: center;	
}

.SaveDeleteButtons a
{	
	margin:-3px;
	border:0px;
	/*background: #326d9b;
	background: -webkit-gradient(linear, left top, left bottom, from(#326d9b), to(#326d9b));
	background: -moz-linear-gradient(top,  #326d9b,  #326d9b);	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#326d9b', endColorstr='#326d9b');*/

}

.DropMidSection
{
    padding-top:14px;
}


.deadlineText
{
	text-align: center; 
	font-size: 1em;
	font-weight: bold; 
	color: red;
}
.returnLink
{
	color: red; 
	font-weight: bold; 
	font-size: 1em
}
.holdText
{
	color: red; 
	font-weight: bold; 
}
.statusLabel
{
	color: red; 
	font-weight: bold; 
}
.userLabel
{
	color: red; 
	font-weight: bold; 
}
.userLabelText
{
	color: black; 
	font-weight: bold; 
}
.ReturnToVisitForm
{
    color:red;
    font-size:1em; 
    font-weight:bold; 
    background-color:white;
}
.Center
{
    text-align:center;
}

.cmdspawnedprocessbtn
{
	border-right: darkgray 1px outset;
	padding-right: 0px;
	border-top: white 1px outset;
	padding-left: 0px;
	font-size: 1.2em;
	padding-bottom: 0px;
	margin: 0px;
	vertical-align: top;
	border-left: white 1px outset;
	width: 10px;
	padding-top: 0px;
	border-bottom: darkgray 1px outset;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	white-space: nowrap;
	height: 13px;
	background-color: #ffcc11;
	text-align: center;
}

.cmdspawnedprocessbtndisabled
{
	border-right: darkgray 1px outset;
	padding-right: 0px;
	border-top: white 1px outset;
	padding-left: 0px;
	font-size: 0.7em;
	background-image: url(images/bgmenu.gif);
	padding-bottom: 0px;
	margin: 0px;
	vertical-align: top;
	border-left: white 1px outset;
	width: 10px;
	color: silver;
	padding-top: 0px;
	border-bottom: darkgray 1px outset;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	white-space: nowrap;
	height: 13px;
	background-color: #d5d8e3;
	text-align: center;
}

.adventurousLink
{
	font-size: 1em;
	color: blue;
	font-weight: bold;
	
}

.Announcement
{
    width:100%;
    text-align:center;
    background-color:#FF3333;
    margin-top:-10px;
    margin-bottom:10px;
}

.innerAnnouncement
{
    font-size:150%;    
    font-weight:bold;
    color:white;
}			

.BusinessProcessStepInfo
{
	/*width:60%;
	margin-left:20%;
	padding-left:25px;*/
	padding-top:20px;
}


/*------------------------------------------------
	Advanced Search
-----------------------------------------------*/

.AdvancedSearchTable
{
  margin:5px;
}
.AdvancedSearchTable td
{
  border-top:0px solid;
  padding-left:7px;
  padding-right:7px;
  padding-top:2px;
  padding-bottom:2px;
  background-color:#D9D9D9;
}

.AdvancedSearchLabel
{
	margin-left:5px;
}
.AdvancedSearchBtn
{
	margin-left:83px;
}
.BasicSearchLabel
{
	margin-left:30px;
}
.AdvancedSearchErrorLbl
{
	margin-left:20px;
	color:Red;
}

/*------------------------------------------------
	General
-----------------------------------------------*/

.login
{
	text-align:center;	
}

.width100
{
	width:100%;	
}

.height100
{
	height:100%;	
}

.AdHocToolLink
{
	float:right;	
}

.TextAlignLeft
{
	text-align:left;	
}

.NoMargin
{
	margin:0px;	
}

.MaxReqLengthExceededMsg
{
	border:1px solid red; 
	background:pink;
	margin:3px;
	padding:3px;
}

.QESAdminControlCellHeight
{
	height: 11px;
}

.LoginTokenControlTokenHeader
{
	padding-right:20px; 
	width:49px;
}



/* Distance Travelled */
.DistanceTravelled table
{
	background-color:#fff;
	border-collapse:collapse;
}
.DistanceTravelled .DistanceTravelledMain
{
	width:600px;
}
.DistanceTravelled .DistanceTravelledAverages
{
	width:300px;
}

.DistanceTravelled table td
{
	padding:3px;
	border:1px solid gray;	
}
.DistanceTravelled .DistanceTravelledRowHeader
{
	background-color:#CCE6FF;
}
.DistanceTravelled .DistanceTravelledError
{
	border:1px solid red;
	padding:5px;
	display:block;
	width:588px;
	background-color:pink;
	color:Red;
	font-weight:bold;
}



/* MODAL WINDOWS */
#modalWindows {width:100%; text-align:center; margin:0 auto;}
.modal 
{
	background:#fff;
	border:10px solid; border-color:#ccc;
	width:450px;
	margin-left:-225px; padding:15px 20px;
	position:fixed;
	top:30%; left:50%;
	display:none;
	z-index:2002;
	text-align:center;
}
#modalOverlay 
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index:2000;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
.selectallselectlist
{
    text-align:left;
    margin-left:12px;
}

.selectallselectlistf
{
    text-align:center;
    margin-right:2px;
}

.selectallflabel
{
    text-align:left;
    margin-left:11px;
}

.AnnualLeaveView
{
    border-color: Gray;
    border-width:1px;
}

.AnnualLeaveView th
{
    background: #6094db;
	color: White;
    height: 20px;
    border-width: 0px;
}

.AnnualLeaveTdText
{
    font-weight: bold;
}

.AnnualLeaveSaved
{
    color: Green;
    font-weight: bold;
    font-size: small;
}

.AddressLookUp
{
    float: left;
    margin-left: 15px;
    margin-top: 7px;
}

.AddressLookUpLabel
{
    float: left;
    margin-left: 25px;
    margin-top: 7px;
}

.AddressLookUpWrongPostCode
{
    float: left;
    margin-left: 165px;
    margin-top: 10px;
    margin-bottom: -10px;
    color: Red;
}

.PostCodeField
{
    width: 8%;
    border-color: #827d9b;
    border-style: solid;
    border-width: 1px;
}

.AddressLookUpBtn
{
    margin-left: 5px;
}

.AddressLookUpBtnSotid
{
    padding-right: 30%;
}

img
{
    border: 0px;
}

.indent
{
	margin-left: 170px;
	font-style: italic;
	white-space: nowrap;
}

.EGOYP
{
	color: red;
}

.HandyLinksURL
{
	color: #ff4848;
	font-size: 120%;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.button
{
	color: #444;
	line-height:14px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	background-image: url("../images/bg_button_a.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
	width: 140px;
	/*float: left;*/
}

.CriteriaMenu
{
	width: 800px;
	/*float: left;*/
	border: 1px;
	/*margin-left: 50px;*/
	margin-top: -50px;
}

.CriteriaHeader
{
	margin-left: 230px;
	font-weight: bold;
	font-size: 18px;
}

.CriteriaDescriptor
{
	margin-left: 210px;
	font-size: 12px;
}

.CriteriaDescriptorPC
{
	margin-left: 170px;
	font-size: 12px;
}

.CriteriaBody
{
	padding-top: 30px;
	font-size: 12px;
	text-align: left;
}

.UnselectedMenuItem
{
	color: #f06c1c;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

.CriteriaCompleted
{
	color: green;
	font-weight: bold;
	font-size: 12px;
	text-align: left !important;
}

.ContinueText
{
	margin-left: 270px;
	padding-top: 30px;
	font-size: 12px;
	text-align: left;
}

.CriteriaMainMenu
{
	padding-top: 30px;
	font-size: 12px;
	text-align: center;
}

.DataloadMenu
{
	width: 800px;
	/*float: left;*/
	border: 1px;
	/*margin-left: 50px;*/
	margin-top: -50px;
}

.TestEmailLink
{
	font-weight: bold;
	font-size: 12px;
	color: red;
}

.TestEmailHeader
{
	font-weight: bold;
	font-size: 16px;
}

.TestEmailDescriptor
{
	font-weight: bold;
	font-size: 12px;
}

.DataloadHeader
{
	margin-left: 230px;
	font-weight: bold;
	font-size: 18px;
}

.DataloadDescriptor
{
	/*margin-left: 210px;*/
	font-size: 12px;
}

.DataloadBP
{
	color: red;
	font-weight: bold;
	font-size: 12px;
}	
/*YP Access Requests*/

/*Labels*/
.SearchLabel
{
	font-size: 12px;
	font-weight: bold;
}


/*Search Boxes*/
.SearchBox
{
	Border-Color: black;
	Border-Width: 1px;
}


/*Buttons & DropDownList*/
.ypAccessClear
{
    margin-right: 30px;
}

.btnYPSearch
{
    margin-right: 30px;
}

.ypAccessDDL
{
    font-size: 14px;
    font-weight: bold;
}


/*GridView*/
.YPAccess
{
	border-color: white;
}

.YPAccess th
{
	font-weight: bold;
	font-size: 14px;
	background: rgb(96,148,219);
	color: white;
	border-color: white white black;
	padding: 5px 0px 5px 0px
}

.YPAccess tr td
{
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	padding: 5px 0px 5px 0px;
	border-color: black;
}


/*Error Labels*/
.ypAccessError
{
    font-size: 12px;
    font-weight: bold;
    color: Red;
}

.ypAccessApproved
{
    font-size: 12px;
    font-weight: bold;
    color: Green;
}

.ypDateError
{
    clear: both;
    color: Red;
}

#CloseCaseWarningContainer
{
	float:left;
	border: solid 1px red;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	width:99.25%;
	background-color:#F7D4DB;
	display:block;	
}

#GeneralWarningContainer
{
	float:left;
	border: solid 1px #FFB200;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	width:99.25%;
	background-color:#FFE099;
	display:block;	  
}
#WarningContainerImage
{

}
#WarningContainerText
{
    padding-left:10px;
    padding-bottom:2px;
    font-weight:bold;
}

.assocRefLbl
{
    width:300px !important;
    line-height:18px;
}

.TwoLineLineHeight
{
    line-height:50px;
}

.SpellMe
{
    width:50.25% !important;
    margin-bottom:5px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:1em;
    border: 1px solid #827d9b;
}
.imgGraph
{
    text-align:center;
}
.SociogramOptionsTable
{
    /*display:none;*/
}

.secondLogo
{
	float: right;
	margin-top: -45px;
	/*margin-right: 150px;*/
}
.secondImageLogoBP
{
	float: right;
	margin-top: -58px;
}

.SOFormRowWrapper
{
    display: block;
    clear: both;
}