/*
	Screen only CSS
	Version : ICR3.09
	Filename : _screen.css
	Date created : 11/03/2011
	Author: George Jeffries

	Notes: This css rules that apply specifically to screen based info but not to printed media or handheld devices

	Mods:	30/10/09 GAJ Previous version reviewed and restructured
			04/11/09 GAJ Further restructuring
			11/01/10 GAJ Added A to Z unordered lists
			14/12/10 GAJ altered div.dialog display to improve lists - e.g. for display of form auth options
			15/02/11 GAJ Reduced div.grid to 98% to reduce effect of IE rendering bug when div doesn't fit in container
			11/03/11 GAJ added '!important' modifier to input widths as other sections of css for the forms were overriding this
			13/05/11 GAJ applied changes for ICR based upon v3.06 and added long logo modifications (commented out)
            18/07/11 GAJ Added BannerMessage class to remove inline style tag
			22/08/11 GAJ Added stuff for user feedback in add to favourites popup
			27/09/11 GAJ added griview email section and corrections to layout of 'p' tags in flsForms. Spacings on left and right were in px, other elements were ems
			30/09/11 GAJ added 1.5spacing for lists on public pages
			04/11/11 FYT Removed width placed on tabs-list(width: 60em) which stopped tabs to be displayed on the same line
			11/11/11 GAJ Added rules for div.nomenu#content
            05/10/12 AAF Series of changes - see screen css change log
			19/03/13 MV - placed all the appropiate selecters where font-size is defined underneath text and general layout - 1.1.
            07/05/13 MCR Added min-height:0% to div.grid. This fixes a bug in IE9 where extra height is added to divs with horizontal scrollbars when rolling over contained links.

	Sections:
		1 General CSS rules
			1.1 Text and general layout
			1.2 Headings
			1.3 Lists
			1.4 Tables
		2 Structural Layout
			2.1 Skip to content
			2.2 Search
			2.3 Div id layout-sitename - contains tools
				2.3.1 Sitename
				2.3.2 Tools
                2.3.3 BannerMessage
			2.4 Add to favourites
			2.5 Div id layout-main
				2.5.1 General
				2.5.2 Div id layout-nav
					2.5.2.1 Navigational structure
					2.5.2.2 Menu icons
				2.5.3 Div id content
                2.5.4 Page Content Collapsible Header
			2.6 Div id layout-footer
		3 Intranet Controls dll
			3.1 Tabs
			3.2 Form layout
			3.3 Grid views and div.grid tables
				3.3.1 General layout
				3.3.2 Headings and footers
				3.3.3 Cells and contents
				3.3.4 Pagestats - i.e. Record x to y of z
				3.3.5 Pagenavigation and records per page
				3.3.6 Gridview email functionality
			3.4 Modal dialogs
            3.5 Page Configuration Control
			4 Footer
			4.1 Comments And Suggestions
			4.2 Footer
			4.3 Social
			5.0 Portlets
			6 Header
			7 Structure - left panel, body
			7.1 Slideshow



			8 Responsive Screens
            8.1 Medium-sized desktop screens
			8.2 Lanscape Tablets
			8.3 Tablets
			8.4 Portrait Tablets
			8.5 Small Tablets and Lanscape Smartphones
			8.6 Large Smartphones
			8.7 Mobile Phones
		9 Print Styles


*/

/* 1. General CSS rules */
/* 1.1 Text and general layout */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}


ul,
ol,
ul li,
ol li,
dl,
dl dt,
dl dd,
table,
.AddFavouritesTxt,
div.tabs-list,
div.dialog select,
div.dialog textarea,
div.grid thead tr,
div.grid tfoot tr,
table.grid thead tr,
table.grid tfoot tr
{

}

div.grid th,
table.grid th
{
font-size:1.15em;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

a:link {
  color: #660099;
  text-decoration: none;
}


a:visited {
  color: #5B0985;
  text-decoration: none;
}



a:hover {
  color: #6E139C;
  text-decoration: underline;
}

img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

p {
  margin: 5px 0;
  font-family: inherit;
  line-height: 18px;
}

hr {
  margin: 0.5em 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #fff;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}
.hidden
{
	display: none;
	font-size: 1%;
}
.strike
{
	text-decoration: line-through !important;
}
a
{
	text-decoration: underline;
}
img
{
	padding: 0px;
	border-style: none;
	margin: 0px;
}
textarea
{
	overflow: auto;
}
.feedbackError
{
	color: Red;
	background-color:#FFFFCC;
	border: solid 1px black;

	padding-left: 20px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 2px auto 12px 0;

}

  .desktopUsername{
  display:inline-block;}
.feedbackMessage
{
	color: Black;
	background-color:#E5FFE5;
	border: solid 1px black;
	width:96%;
	padding-left: 20px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 2px auto 12px 0;
}
.feedbackMessage ul,
.feedbackError ul
{
	margin-bottom: 2px;
}
.notopmargin
{
	margin-top: 0px !important;
}
div .debug
{
	border-color: Black;
	border-style: dashed;
	border-width: 1px;
}
/* 1.2 Headings */

/* 1.3 Headings */
h1, h2, h3, h4, h5, h6,
.nav-relatedlinksheader > span,
#layout-nav > ul > li > a{
  margin: 0;
  font-family: sans-serif, Arial;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
  font-size: 1.15em;
}


h1 {
  font-size: 1.8em;
  color: #660099;
  margin-bottom: 0.3em;
}

h2 {
  font-size: 1.6em;
  margin-bottom: 0.3em;
}

h3 {
  font-size: 1.4em;
  margin-bottom: 0.3em;
}

h4,
h5,
h6 {
  line-height: 18px;
}

h4 {
  font-size: 1.3em;
}


h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1.1em;
  color: #999;
  text-transform: uppercase;
}



h5
{
	font-style: italic;
}
h3 > a:first-child,
h2 > a:first-child
{
	text-decoration: none
}






/* 1.3 Lists */


ul,
ol{
display: block;
  padding: 0;
  margin: 0 0 9px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

	/* this is restricted to only apply to general page content to avoid affecting those used for layout*/
#content UL
{
	line-height: 1.5em;
}

dl
{
	padding: 0px;
	margin: 1em 0px 1.5em 0px;
}
dl dt
{
	padding: 0px;
	font-weight: bold;
	margin: 0.5em 0px 0.2em 0px;
}
dl dd
{
	padding: 0px;
	margin: 0px 0px 0px 2em;
}
	/* a to z lists have slightly altered links */
ul.a2z a:link,
ul.a2z a:visited
{
	text-decoration: none
}
ul.a2z a:hover,
ul.a2z a:active
{
	text-decoration: underline
}
/* 1.4 Tables */
table
{
border:none;
	margin:0px;
	margin-top: 3px;
	border-collapse: collapse;
	  max-width: 100%;

}
table tr
{
	vertical-align: top;
}
table td
{
	padding: 0.2em 0.2em 0.1em 0.2em;
border:none;
}
table td ul
{
	padding: 0px;
	margin: 0px 0px 1em 0px;
}
table.noborder,
table.noborder td
{
	border:none
}

table.border,
table.border td
{
	border:1px solid #000;
}

table td ul li
{
	margin: 0px 0px 0px 1.5em;
}
table th,
table thead tr
{
	font-weight: bold;
	text-align: left;
	padding: 0.2em 0.2em 0em 0.2em;
}

/*styles the borders */
.tableWithBorder table, .tableWithBorder table td, .tableWithBorder table th {
    border: 1px solid #000000;
}


table th,
table thead tr,
span.buttons input, input.button, button, #content input[type="button"], #content input[type="submit"], #content input[type="reset"] {
background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top,  #e8e8e8 0%, #d1d1d1 36%, #c1c1c1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(36%,#d1d1d1), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8e8e8 0%,#d1d1d1 36%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8e8e8 0%,#d1d1d1 36%,#c1c1c1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8e8e8 0%,#d1d1d1 36%,#c1c1c1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e8e8e8 0%,#d1d1d1 36%,#c1c1c1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */



	}

	/* just used on my profile - uat fix */
.noborder span.buttons {
    display: inline-block;
    margin-left: 11px;
}


div.grid tr.odd,
table tr.odd {
	background: #e8e8e8;
	border:none;
	}

div.grid thead tr, div.grid thead a,
div.grid tfoot tr, div.grid tfoot,
table.grid thead tr, table.grid thead a,
table.grid tfoot tr, table.grid tfoot a,
div.grid th, table.grid th
{
	color: inherit !important;
	}


	.creatingMarginAboveGrid{
	margin-bottom:10px;}
	/* forcing a fixed width and height on grid images */
.gridPhotoImg{
    max-height:62px;
    width:auto;
}


td.in-the-red {
	background-color: #ff0000;
	color: #fff
	}

div.dialog input[type="radio"], div.dialog input[type="checkbox"] {
    border: 0;
    margin-top: 1px;
    vertical-align: top;
    *vertical-align: middle;
    margin-right: 3px;
    padding: 0;
    }

/* 2. Structural Layout */
/* 2.1 Skip to Content */
#skip a,
#skip a:hover,
#skip a:visited
{
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#skip a:active,
#skip a:focus
{
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 10em;
	height: 1.3em;
	background-color: #efefef;
	text-align:center;
	z-index: 1055;
}
/* 2.2 Search */

/* 2.3 Div id layout-sitename - contains tools */

/* 2.3.1 Sitename */
/* 2.3.2 Tools */
/* 2.3.3 BannerMessage */
strong.bannerMessage
{
    color: Red;
}
/* 2.4 Add to Favourites */
#AddFavourites,
#helpContainer
{
	background-color: white;
	border: solid 1px black;
}
#AddFavouritesTitle,
#helpTitle
{
	text-align: center;
}
#AddFavouritesTitle h2,
#helpTitle h2
{
	color: white;
	background:url("../images/selbg.png") repeat-x left top #660099;
	margin: 0px;
	padding: 0.3em;
	border-bottom: solid 1px black;
}
#AddFavouritesContent,
#helpContent
{
	padding: 0.5em;
	text-align: left;
}
.AddFavouritesTxt,
.helpContenttxt
{
	font-family: verdana;
	vertical-align: text-top;
	width: 34em;
}
#AddFavouriteButtons,
#helpButtons
{
	padding-top: 0.5em;
	margin: 0.5em;
	border-top: solid 1px #cccccc;
	text-align: left;
}
.myFavouritesModalBackground,
.helpModalBackground
{
    background-color: #808080;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
#AddFavourites div.feedbackError,
#AddFavourites div.feedbackError,
#help div.feedbackMessage
#help div.feedbackMessage,
{
	width: 90%;
	margin-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 0em;
}
/* 2.5 Div id layout-main */
/* 2.5.1 General */
#layout-main
{
	margin: 83px 0 10px 0;
	clear:both;
/*	float:left; */


}

/* 2.5.2 Div id layout-nav */


/* 2.5.2.2 Menu Icons*/
/* 2.5.2.1 Navigational structure */

/* 2.5.3 Div id content */
#content
{
	padding: 0px 20px;
	margin-left:190px;

	clear:right;


	background-color: #fff;
	word-wrap: break-word;

}
/* 2.5.4 Page Content Collapsible Header */
.PageContentCollapsibleHeader
{
    color: #0088cc;
}

a.PageContentCollapsibleHeader
{
    color: #0088cc;
}

a.PageContentCollapsibleHeader:hover,
a.PageContentCollapsibleHeader:focus
{
	cursor:pointer;
}

.PageContentCollapsibleHeaderSmall
{
    font-size:10pt;
}

.PageContentCollapsibleContent > p:first-child
{
   margin-top: 0;
}


/* 2.6 Div id layout-footer*/
/* 2.7 Div id layout-logo */

/* 3 Intranet Controls dll */
/* 3.1 Tabs */
div.tabs-list
{
	padding: 0px;
	display: block;
	font-weight: bold;
	z-index: 250;
	left: 0px;
	margin: 0px;
	width: 100%;
	position: static;
	top: 1px;
	float:left;
	background-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-color:#9A00E7;
}
.tabs-list ul
{
	line-height: 1em !important;
	padding: 0px;
	display: block;
	font-weight: bold;
	margin: 0px;
}
.tabs-list ul li
{
	table-layout: fixed;
	display: inline;
	float: left;
}
.tabs-list ul li span
{
	display: block;
	float: left;
	margin: 0px;
	text-align: center;
	text-decoration: none;
	background-attachment: scroll;
}
.tabs-list ul li a
{
	padding: 0.5em 1em 0.5em 1em;
	border: 1px #aaa solid;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	margin: 0 2px 0 0;
	color: #660099;
	display: block;
	background-attachment: scroll;
	float: left;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	text-align: center;
	text-decoration: none;
	word-wrap: normal;
}
.tabs-list ul li a:hover
{
	text-decoration: underline;
}
div.tabs-content
{
	padding: 0 0.2em 0.5em 0.2em;
	margin-bottom: 1em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	overflow: auto;
}

/* Tabs from Progress Services - MWE Modified*/

.tabs-list ul li.tabs-selected a
{
	background: #9a00e7;
	color: #ffffff;
	border: 0;
}


.tabs-list ul li.tabs-selected a
	{


		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #AAAAAA;
		border-image: none;
		border-radius: 5px 5px 0 0;
		border-style: solid;
		border-width: 1px 1px 0;

	}

/*3.2 Form layout */
div.dialog
{
	font-size: 100%;
	padding-bottom: 0.5em;
	margin: 0px;
	border-style: none;
	voice-family: inherit;
	width: auto;
	overflow: auto;
}
div.dialoggrey
{
	background-color: #efefef;
	border: 0.1em solid #999999;
}
div.dialogwhite
{
	background-color: #ffffff;
	border: 0.1em solid #999999;
}

div.dialog h3 {
	padding: 0.2em 0.5em 0.3em 0.5em;
	font-weight: normal;
	margin: 0 0 0.4em 0;
	background: #ccc;
	background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
	background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));
	background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	background: #ccc -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	background: #ccc linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#999999',GradientType=0.2 ); /* IE6-8 */
	border: 1px solid #777;
	color: #333;
	}

div.dialog h4
{
	padding: 0.1em 0.5em 0.2em 0.5em;
	margin: 0px;
}
div.dialog select,
div.dialog textarea
{
	padding-left: 0.3em;
	width: auto;
	color: #333;
	background-color: white;
	voice-family: inherit
}
div.dialog textarea
{
	width: 77.5%;
}
div.dialog textarea[disabled],
div.dialog input[disabled]
{
	background-color: #efefef;
	filter: none; /* Removes the gradient background in IE */
}
div.dialog input
{
	padding: 2px;
	min-height: 17px;
	width: auto;
	text-align: left;
	voice-family: inherit;
	border: 1px solid #aaa;
	outline: none;
}

div.dialog input[type="image"]{ box-shadow: none; }


a.buttonStyledHyperlink, .leftsectionleftboxes .text {
background: #6d009d; /* Old browsers */
background: -moz-linear-gradient(top,  #6d009d 0%, #4c187c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d009d), color-stop(100%,#4c187c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6d009d 0%,#4c187c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6d009d 0%,#4c187c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6d009d 0%,#4c187c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6d009d 0%,#4c187c 100%); /* W3C */
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 11px;
    display: inline-block;
    margin-bottom: 0;
	padding: 4px 8px;
    text-align: center;
    vertical-align: middle;
	position:relative;
	top:-4;

	word-wrap: normal;
	margin-top: 1%;
	text-decoration:none;
		-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-khtml-border-radius: 1em;
}


a:hover.buttonStyledHyperlink,
a:focus.buttonStyledHyperlink  {
text-decoration:none;
color:#eee;
background: #6d009d; /* Old browsers */
}




* + html a:hover.buttonStyledHyperlink,
* + html .leftsectionleftboxes .text:hover{
background-color: #6d009d !important; /* Old browsers */
color:#fff;
}
* + html a.buttonStyledHyperlink:hover,
* + html a.buttonStyledHyperlink:hover
{
background-color: #6d009d !important; /* Old browsers */
color:#fff;
}

.right-align
{
    text-align: right;
    padding-top: 0.5em;
}

	/* apply special styles to inputs in tables */
div.dialog td input
{
	border: solid 1px black;
	padding: 2px;
	font-weight: bold;
	font-size: 1em;
	margin: 0px 0px 0px 3px;
	width: auto! important;
	background-color: #cccccc;
	*background-color: inherit; /* IE 6-7 */
}
	/* the following are mainly applicable to forms but has not been restricted*/
input.narrow
{
	width: 5em! important;
}
input.normal
{
	width: 10em! important;
}
input.wide
{
	width: 20em! important;
}
input.extrawide
{
	width: 40em! important;
}
input.fullwidth
{
	width: 60%! important;
}
div.dialog br
{
	clear: left;
}
div.dialog p
{
	padding: 1px 0.5em 1px 0.5em;
	clear: none;
	display: block;
	margin: 2px 0px 0px 0px;
	overflow: hidden;
}
div.dialog p small
{
	padding: 1px 3px 1px 3px;
	display: block;
	font-size: 88%;
	margin: 0px 0px 5px 142px;
}
div.dialog p fieldset {
	clear: none;
	padding: 0px 5px 5px 5px;
	border: #808080 1px solid;
	margin: 0px 0px 0px 144px;
}
div.dialog p fieldset legend
{
	padding: 0px 3px 0px 9px;
	font-size: 100%;
}
div.dialog p.required fieldset legend
{
	font-weight: bold;
}
div.dialog label,
div.dialog span
{
	font-weight: normal;
}
div.dialog span.right
{
	display: block;
	margin: 0px 0px 5px 140px;
	padding-top: 3px;
}
div.dialog span.right ul,
div.dialog span.right ol
{
	clear: none;
	margin-top: 0px;
	padding-left: 1.2em;
}
div.dialog label.left,
div.dialog span.left
{
	padding: 3px 5px 3px 5px;
	display: block;
	float: left;
	margin: 0px 0px 5px 0px;
	width: 130px;
	text-align: left;
}
div.dialog label.required,
div.dialog p.required label.left,
div.dialog p.required span.left
{
	font-weight: bold;
}
table.listboxtransfer
{
	display:inline;
	border-style: none;
}
table.listboxtransfer td
{
	border-style: none;
}
span.buttons
{
	display: block;
	width: 99%;
	text-align: right;
	voice-family: inherit;
}

.favouritesPopUpMenu{

            width:700PX;
            height:auto;

        }


        .popupContainer{

            clear:both;
            width:auto;
        }

        .clearButtonsInPopUp{
            clear:both;
            float:right;
        }

        .twoDivsOnOneLine
        {
            width:50%;
            float:left;}






span.buttons input,
input.button,
button,
#content input[type="button"], #content input[type="submit"], #content input[type="reset"]
{
	border: solid 1px #aaa;
	padding: 2px;
	font-weight: bold;
	font-size: 1em;
	margin: 0px 0px 0px 3px;
	width: auto! important;
	background: #eee;
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3)));
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
	background: #eee linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#999999',GradientType=0.3 ); /* IE6-8 */
	color: #333;
}
div.dialog select.moveable option
{
	position: relative;
}
	/* alteration when the form is on a tab */
div.tabs-content div.dialog
{
	margin-left: auto;
	width: 97%;
	margin-right: auto
}
div.dialog p span.errorflag
{
	display: inline;
	vertical-align: top;
	color: red;
}
div.dialog hr
{
	border: solid 1px #cccccc;
}
div.dialog table.right /* for rdo btn lists */
{
	margin: 0px 0px 5px 140px;
	display:inline-table;
}

a[disabled=disabled]{
text-decoration:none;}
a[disabled=disabled]:hover,a[disabled=disabled]:focus{
text-decoration:none;}

button,
input,
select,
textarea {
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

form {
  margin: 0 0 0.5em;
}

label,
input,
button,
select,
textarea {
  font-weight: normal;
  line-height: 18px;
  font-size: 1em;
}

label,
input,
button,
select,
textarea {
  font-weight: normal;
  line-height: 18px;
  font-size: 1em;
}

.textFieldAsTextArea{
resize:none;
height:50px;
wrap:true;
}

.dd_chk_select{
display:inline-block;
}


#rssicon {
    margin-right: 1em;
}

#AddFavouritesContent ol li label{
width:13em;
display:inline-block;
}
#checks label {
    width: 7em !important;
}

.div.dd_chk_drop{
width:150px;
}


.favoritesEditPanel .grid {
    overflow: visible !important;
}


div.dd_chk_drop div#checks {
    width: 124px;
}

input,
button,
select,
textarea {
  font-family: inherit;
}

input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  padding: 2px;
  line-height: 18px;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;

}

input[type="image"],
input[type="checkbox"],
input[type="radio"]
{
  background: none !important;
  width: auto;
  height: auto;
  padding: 0;
  margin-top: 3px;
  *margin-top: 0;
  /* IE7 */

  line-height: normal;
  cursor: pointer;
  background-color: transparent;
  border: 0 !important;
  /* IE9 and down */

  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
}

input[type="text"], input[type="password"]
{
    min-height: 17px;
}

select,
input[type="file"]
{
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
}

textarea {
  height: auto;
}

input[type="hidden"] {
  display: none;
}

input,
textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee !important;
  border-color: #999 !important;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

/* 1.2.1 Buttons Styling */
.btn, .searchitem input[type="submit"] {
  display: inline-block;
  *border-left: 0 none #e6e6e6;
    border-right: 0 none #e6e6e6;
    border-top: 0 none #e6e6e6;
    border-bottom: 0 none #b3b3b3;
    display: inline;
    padding: 4px 10px 4px;
    margin-bottom: 0;
  *margin-left: .3em;
    font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
    background-repeat: repeat-x;
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);*
}

.btn:focus, .searchitem input[type="submit"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn, .searchitem input[type="submit"] {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}


/* 3.3 Grid views and div.grid tables */
/* 3.3.1 General layout */
div.grid,
table.grid
{
	border: solid 1px #999999;
	margin: 0px;
	overflow: auto;
	voice-family: inherit;
}
div.grid
{
	padding: 0.2em;
	min-height:0%;
}
table.grid
{
	border-collapse: separate;
	padding: 0em;
}
	/*alteration when grid is in a form*/
div.dialog div.grid
{
	border-style: none;
}
div.grid table
{
	padding: 0px;
	border-style: none;
	font-size: 1em;
	margin: 0px;
	width: 100%;
}
div.grid tr,
table.grid tr
{
	vertical-align: top;
	background-color: #ffffff;
}
/* 3.3.2 Headings and footers */
div.grid thead tr,
div.grid tfoot tr,
table.grid thead tr,
table.grid tfoot tr
{
	margin-top: 1px;
	font-weight: bold;
}
div.grid th,
table.grid th
{
	padding: 2px;
	font-weight: bold;
	font-size: 1em;
	border-left: solid 1px #ffffff;
	white-space: nowrap;
	text-align: left;
}
div.grid tfoot td
table.grid tfoot td
{
	padding: 2px;
	font-weight: bold;
	font-size: 1em;
	border-left: solid 1px #ffffff;
	white-space: nowrap;
}
div.grid thead tr a,
table.grid thead tr a
{
	*color: #333333;
}
/* 3.3.3 Cells and contents */
div.grid td,
table.grid td
{
	padding: 2px;
	font-size: 1em;
	white-space: wrap;
	border-style: none;
	border-left: solid 1px #ffffff;
}
div.grid th.wrap,
div.grid td.wrap,
table.grid th.wrap,
table.grid td.wrap
{
	white-space: normal;
}
div.grid input,
div.grid select,
div.pagenavigation input,
div.pagenavigation select,
table.grid input,
table.grid select
{
	border: solid 1px black;
	padding: 0;
	font-weight: bold;
	font-size: 1em;
	width: auto! important;
	white-space: nowrap;
	margin-bottom: 3px;
}
div.grid input[type='text'],
div.grid select,
table.grid input[type='text'],
table.grid select
{
	font-weight: normal;
}

div.grid input[type="text"],
table.grid input[type="text"]
{
    padding: 3px;
}

div.grid input[type="submit"],
table.grid input[type="submit"]
{
    padding: 1px;
}

/* 3.3.4 Pagestats - i.e. Record x to y of z */
div.pagestats
{
	padding: 0px;
	font-size: 1em;
	margin: 1em 0px 0.2em 0px;
}
/* 3.3.5 Pagenavigation and records per page */
div.pagenavigation
{
	voice-family: inherit;
	width: 100%;
	padding: 0px;
	font-size: 1em;
	margin: 0.5em 0px 2.5em 0px;
	width: 99%;
	border-style: none;
	text-align: right;
}
div.pagenavigation ul
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	border-style: none;
	list-style-type: none;
}
div.pagenavigation ul li
{
	padding: 0px;
	display: inline;
	margin: 0px;
}
div.pagenavigation ul li.left
{
	float: left;
}
div.pagenavigation ul li.right
{
	float: right;
}
div.pagenavigation input,
div.pagenavigation select
{
	margin: 0px 0px 0px 3px;
}
div.pagenavigation input
{
	height: 17px;
	padding: 0 2px 3px 2px !important;
	line-height: 14px;
}

div.pagenavigation li.right input[disabled],
#content input[disabled] {
	background: #efefef;
	filter: none;
	color: #999;
}

/* 3.3.6 Gridview email functionality */
div.GridForEmail
{
	display: none;
}
/* 3.4 Modal dialogs */
div.modalBackground
{
	background-color: #808080;
	opacity: 0.7;
}
div.modalPanel
{
	background: #ffffff none repeat scroll 0%;
	border: 1px solid black;
	line-height: 3;
	padding: 5em;
	padding-top: 4em;
	text-align: center;
}
div.modalPanel input
{
	padding: 0.5em;
	margin: 0, 1em, 1em, 0;
}

/* 3.5 Page Configuration Control */
#page-config
{
    clear: both;
    text-align: right;
}

.slideToggle_container_hidden { display: none; }






/* 4.0 Comments and Suggestions */


/* 4.1 Comments and Suggestions add classes, as the ct100 id's can change.*/
/*MW :: BEGIN DEPRECATION*/
#ctl00_CommentsForm1_frmCommentsAndSuggestions
{
    width: 370px;
	bottom: 42px;
	padding:5px;
	background: #fff;
	border: 1px #999 solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 6px -6px 3px #999;
	-moz-box-shadow: 6px -6px 3px #999;
	-webkit-box-shadow: 6px -6px 3px #000000;
	position:absolute;
	left: inherit;
	z-index:999;
}



#ctl00_CommentsForm1_frmCommentsAndSuggestions h3{
	background:url("../images/selbg.png") repeat-x left top #660099;
	filter: none;
	padding:5px;
	height:20px;
	color: #fff !important;
	margin: 0;
	line-height: 18px;
}

#comment_body > ul{
	margin-left:0;
}

#ctl00_CommentsForm1_frmCommentsAndSuggestions p{
	padding:0 0 0 5px;
	margin: 0;
	line-height: inherit;
}

#ctl00_CommentsForm1_frmCommentsAndSuggestions p span,
#ctl00_CommentsForm1_frmCommentsAndSuggestions .required .left
{
    text-align: left;
    margin: 0;
    padding: 0;
}

#ctl00_CommentsForm1_txtBody
{
    height: 100px !important;
    width: 280px !important;
}

#ctl00_CommentsForm1_frmCommentsAndSuggestions .left { width: 70px; }

#ctl00_CommentsForm1_frmCommentsAndSuggestions .right
{
    margin-left: 70px;
    word-wrap: break-word;
}

#ctl00_CommentsForm1_frmCommentsAndSuggestions .buttons { text-align: right; }

#ctl00_CommentsForm1_frmCommentsAndSuggestions .buttons input
{
    padding: 4px;
}

#ctl00_CommentsForm1_frmCommentsAndSuggestions > hr + p,
#ctl00_CommentsForm1_frmCommentsAndSuggestions hr,
#ctl00_CommentsForm1_frmCommentsAndSuggestions .required small
{
    display: none;
}

#ctl00_CommentsForm1_valEmail, #ctl00_CommentsForm1_lblError {
    background-color: #FFBABA;
    border: 2px solid #B8000A;
    bottom: 300px;
    color: #D8000C !important;
    height: 52px;
    left: 4%;

    position: absolute;
    width: 351px;
    z-index: 9999;
}

#ctl00_CommentsForm1_valEmail
{
    bottom: 45px;
} /* MW :: END DEPRECATION */

/* MW -- Container div for "Success" message to let it float */
.commentsAndSuggestions_Success
{
    width: 370px;
    bottom: 42px;
    background: #fff;
    position:absolute;
    border: 1px #999 solid;
    border-radius: 4px;
    padding: 5px;
}

#ctl00_CommentsAndSuggestions_frmComments .buttons input{
margin-right:0px;}

/* MW Comments & Suggestions Replacement */
#ctl00_CommentsAndSuggestions_frmComments {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    border-radius: 4px;
    box-shadow: 6px 0 50px #999999;
    left: 40%;
    margin-left: -100px;
    margin-top: -25px;
    max-width: 452px;
    min-width: 320px;
    padding: 5px;
    position: fixed;
    top: 28%;
    z-index: 999;
	}

#ctl00_CommentsAndSuggestions_frmComments h3{
	background:url("../images/selbg.png") repeat-x left top #660099;
	filter: none;
	padding:5px;
	height:20px;
	color: #fff !important;
	margin: 0;
	line-height: 18px;
	font-size: 1.3em;
}

#comment_body > ul{
	margin-left:0;
}

#ctl00_CommentsAndSuggestions_frmComments p{
	padding:0 0 0 5px;
	margin: 0;
	line-height: inherit;
}

#ctl00_CommentsAndSuggestions_frmComments p span,
#ctl00_CommentsAndSuggestions_frmComments .required .left
{
    text-align: left;
    margin: 0;
    padding: 0;
}

#ctl00_CommentsAndSuggestions_txtBody
{
    height: 100px !important;
    width: 280px !important;
}

#ctl00_CommentsAndSuggestions_frmComments .left { width: 70px; }

#ctl00_CommentsAndSuggestions_frmComments .right
{
    margin-left: 70px;
    word-wrap: break-word;
}

#ctl00_CommentsAndSuggestions_frmComments .buttons { text-align: right; }

#ctl00_CommentsAndSuggestions_frmComments .buttons input
{
    padding: 4px;
}

#ctl00_CommentsAndSuggestions_frmComments > hr + p,
#ctl00_CommentsAndSuggestions_frmComments hr,
#ctl00_CommentsAndSuggestions_frmComments .required small
{
    display: none;
}

#ctl00_CommentsAndSuggestions_valComments, #ctl00_CommentsForm1_lblError {
    background-color: #FFBABA;
    border: 2px solid #B8000A;
    bottom: 300px;
    color: #D8000C !important;
    height: 52px;
    left: 4%;
    width: 351px;
    z-index: 9999;
}





/* 4.2 Footer */
footer, .footer-text {clear: both;}


li.legal {
    padding: 0.5em;
}


.shareplus img {
    margin-right: 3px;
}
.footer-1
{
    border-top: 1px solid #c0c0c0;
    clear: both;
    padding: 10px 0 10px 0;
}
    #footerright{
	float:right;}

	#footerright ul{
	list-style: none outside none;
	}

		#footerright li{
	display:inline;
	}
#feedback
{
    height: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
	float:left;
}

#feedback li
{
    display: inline;
    float: left;
    padding: 0 10px 0 25px;
    line-height: 20px;
}

#feedback a
{
    display: block;
    text-decoration: none;
}

#feedback .share { background: url("../images/footer/share.png") left center no-repeat; }

#feedback .comments { background: url("../images/footer/feedback.png") left center no-repeat; }

#feedback .print { background: url("../images/footer/printer.png") left center no-repeat; }

#feedback li:hover a, #feedback li:hover a .hide { text-decoration: underline; }

.legal-last
{
    padding-left: 0 !important ;
    background: none !important;
}

#feedback li.legal
{
    display: inline;
    float: right;
    padding: 0 5px 0 6px;
    background: #fff url("../images/footer/separator-footer.png") no-repeat left center;
}

#report-problem:hover .hide,
#share-page:hover .hide {
	text-decoration:underline;
}

/* 4.3 Social Bookmarks */
#share-popup{
	width:170px;
	background: #fff;
	border: 1px #999 solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 6px -6px 3px #999;
	-moz-box-shadow: 6px -6px 3px #999;
	-webkit-box-shadow: 6px -6px 3px #000000;
	height:220px;
	color: #333;
	position:absolute;
	margin-top: -264px;
	left:inherit;
	padding:5px;
	display:none;
	z-index: 23;
}

.social-links{
	padding-left:0;
	clear:both;
	list-style:none;
	margin-left:0;
	margin-top:5px;
	width: 50px;
}
.close { float:right; }

.close a
{
    color: #fff;
    text-decoration: none !important;
}

.social-links > li > a { text-decoration:none; }

#pop-title
{
    background:url("../images/selbg.png") repeat-x left top #660099;
    color: #fff;
    padding:5px;
}

.social-button
{
    position:absolute;
    margin-top:5px;
    margin-left:10px;
}

.social-links li{ padding-left: 0 !important; }

/* 5 portlets */


  .portlet {
    width: 100%;
    display: block;
    margin-top: 1em;
}



/* 6.0 Header */

/* 6.1 Header Banner */
.navbar {
  *position: relative;
  *z-index: 2;
  margin-bottom: 18px;
  overflow: visible;
  color: #999;
}

.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  width: 100%;
  margin:auto;
  min-width: 310px !important;
  max-width: 1500px;
  background: #fff;
  padding: 15px 20px;
  top: 0;
  height: 51px;
}

.navbar .btn-navbar {
  display: none;
  float: left;
  padding:3px 0;
  margin: 2px 5px 0 5px;
  background: #660099;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  background-color: #999;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #080808 \9;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  margin: 3px auto;
  background-color: #f5f5f5;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: 0.3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

#banner {
    background: #fff;
    padding: 0;
    position: relative;
    z-index:1054;
	display:block;
     }

/* 6.2 Logo */
#logo
{
	background:url(../images/header/uom_logo.png) 0 0px no-repeat;
	height: 49px;
	width: 114px;
	margin-top:3px;
	position: absolute;
}
#logo span{
	display:none;
}
#logo:hover {
	border:0;
	text-decoration:none;
}

/* 6.3 Purple Strip*/
#purplebar
{
    background: #660099;
    height: 37px;
    margin:3px 0 0 140px;
    padding: 0 10px;
}

/* 6.31 Site Title */
#mwe {
	position: absolute;
	top: 18px;
	left: 155px;
	font-size: 2.095em;
	background: #fff;
	margin: 3px 0 0 30px;
	background: transparent;
	}

#mwe > a:hover { text-decoration: none; }

.purple {
    color: #fff;
	font-family: 'TheSansBoldRegular', sans-serif, Arial;
	}

.grey {
    color: #fff;
	font-family: sans-serif, Arial;
	letter-spacing: -0.01em;
	}

/* 6.4 Header Search */
.search-query, .searchitem input[type="text"] {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
}

.searchitem {
	position: absolute;
	top: 14px;
	margin: 9px 0 0 0;
	left: 260px
    }

#search, .searchitem input[type="text"] {
    border: 0;
    height: 18px;
    padding: 4px;
    width: 315px;
    }

#searchSubmit, .searchitem input[type="submit"] {
	background: #ff6600;
	color: #fff;
	height: 100%;
	position: absolute;
	height: 26px;
	right: -5.5px;
	border-radius: 0 12px 12px 0;
	-moz-border-radius: 0 12px 12px 0;
	-webkit-border-radius: 0 12px 12px 0;
	border: 0;
	top: 0;
	}

	#searchSubmit, .searchitem input[type="submit"]:hover {
		color:#000;
	}


#layout-search-select { display: none; }

/* 6.5 Header Actions Area */

  .s4-trc-container-menu
  {
      float: right;
      background: none;
      margin-top: 5px;
  }

  .s4-trc-container-menu img { margin-right: 4px; }

  .profile-area {
    display: inline-block;
    color: #fff;
    margin-top: 5px;
    height: 22px;
    }

	.favourites{

    font-size: 1.5em;
	vertical-align:middle !important;
	*position:relative;
	*top:-12px;

	}

	#AddFavouritesContent li {
    list-style: none outside none;
    margin-top: 0.5em;
}

	#action-icons .favourites{
	color:#fff;}



	#action-icons .favourites:hover{
	color:#f7f7f7;
	cursor:pointer;

	}

	#leftpanel .favourites,
	#add-fav .favourites{
	color:#F0D31F;
	}
	#add-fav .favourites{
	*position:relative;
	*top:-12px;
	}

		#leftpanel .favourites,
	#add-fav .favourites{
		*position:relative;
	*top:0px;
	}

		#leftpanel .favourites:hover,
		#leftpanel .favourites:focus,
		#add-fav .favourites:hover,
		#add-fav .favourites:focus{
	color:#F7DB28;
	cursor:pointer;
	}



		.icon-star.icon-large.favourites:hover,
		.icon-star.icon-large.favourites:focus
		{
	color:#FAE248;
	}

.icon-star {
    background-color: #FFFFFF !important;
    display: inline-block !important;

}



  #login
    {
        padding: 3px;
        border: 1px transparent solid;
        text-decoration: none;
        color: #fff;
    }
  #login:hover{
      border: 1px #fff solid;
      background: url("../images/selbg.png") top left repeat-x;
      }
  #varrow img { margin: -3px 0 0 0; }

/* 6.6 Profile Menu */
  #profile {
     position: absolute;
     z-index: 1000;
     list-style: none;
     width: 160px;
     margin: 5px 0 0 0;
     *margin-top: 20px;
     right: 10px;
     display: none;
     background: #fff;
     border: 1px solid #999;
     padding: 4px;
   }
  #profile ul
  {
      margin: 0;
      padding: 0;
  }

#profile li,
#profile ul {
    list-style: none outside none;
}

  #profile a {
    color: #555;
	display: block;
	border: 1px solid transparent;
	padding: 6px 3px;
	background: #fff;
  }

  #profile a:hover {
    border: 1px solid #91cdf2 !important;
    background: url("../images/selbg.png") top left repeat-x #ddd !important;
    text-decoration: none;
  }

  #profile li:hover #login { background: none !important;}

  #profile li { border-top: 1px dashed #ddd; }

  #profile li:first-child { border-top: 0; }




  /* 6.7 dev/uat */


.uat {
    height: 70px;
	margin-top:10px;
}

  .uat-delete-button{
  float:right;}



  /* 7 structure  */



  /* 7.1  slideshow */


  /* slideshow */

.slidewrap {

    clear: both;
    float: left;
    margin-top: 0.5em;
    position: relative;
    width: 100%;
}

.slideWrap div.carouselFunction  {
    float: left;
    margin: 0.3%;
    padding: 0 1% 1%;
    position: relative;
}



.slidewrap .twoInARow{

	width: 47.3%;
		float:left;
}

.slidewrap .threeInARow {
    width: 28.5%;
	float:left;
}



.slidewrap .threeInARowOnly {
    width: 30.7%;
		float:left;
}


.slidewrap .OneInARow, .fullWidth {
    width: 97.5%;

}

    * + html .threeInARow
		{
        width:23%
    }


	 * + html .twoInARowInARow{

        width:39%
    }

	* + html .OneInARow,
	* + html .fullWidth{
	width:97%
}

.slidewrap h3 .icon-envelope{
margin-right:7px;}
* + html	#slideshow div p{
clear:both}

.items {
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    display: inline;
    font-size: 10px;
    font-weight: 700;
    margin-right: 2px;
    padding: 3px 3px 3px 5px;
    text-align: center;
    width: auto;
}

.zeroItems{
background-color: #468847;}
.moreThanzero{
background-color:#B94A48;
}





#prev,
#next,
#prevMobile,
#nextMobile,
a.buttonStyledHyperlink,
.leftsectionleftboxes .text{
background: #6d009d; /* Old browsers */
background: -moz-linear-gradient(top,  #6d009d 0%, #4c187c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d009d), color-stop(100%,#4c187c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6d009d 0%,#4c187c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6d009d 0%,#4c187c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6d009d 0%,#4c187c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6d009d 0%,#4c187c 100%); /* W3C */
 color: #FFFFFF;
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-khtml-border-radius: 1em;
	    cursor: pointer;}



a.buttonStyledHyperlink,
.leftsectionleftboxes .text


{
background: #6d009d; /* Old browsers */
background: -moz-linear-gradient(top,  #6d009d 0%, #4c187c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d009d), color-stop(100%,#4c187c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6d009d 0%,#4c187c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6d009d 0%,#4c187c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6d009d 0%,#4c187c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6d009d 0%,#4c187c 100%); /* W3C */
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 10px;
    display: inline-block;
    margin-bottom: 0;
	padding: 4px 8px;
    text-align: center;
    vertical-align: middle;
	position:relative;
	top:-4;
	left:1.1em;
	word-wrap: normal;
	margin-top: 1%;
	border:1px solid #000;


}




a:hover.buttonStyledHyperlink,
* + html #prev,
* + html #next,
* + html #prevMobile,
* + html #nextMobile,
.leftsectionleftboxes .text {
text-decoration:none;
color:#eee;
background: #6d009d; /* Old browsers */
}




* + html a:hover.buttonStyledHyperlink,
* + html .leftsectionleftboxes .text:hover{
background-color: #6d009d !important; /* Old browsers */
color:#fff;
}
* + html a.buttonStyledHyperlink:hover,
* + html a.buttonStyledHyperlink:hover,
* + html #prev:hover,
* + html #next:hover,
* + html #prevMobile:hover,
* + html #nextMobile:hover{
background-color: #6d009d !important; /* Old browsers */
color:#fff;
}

.disabled{
    cursor: default !important;
    background: #d6d6d6 !important;
}

/*
.results ul:hover,
.results ul:focus{
cursor:pointer;
background-color:#F3F0F5;} */


#prev {
    margin-right: 20px;
	float:left;
}
#next {
    margin-right: 20px;
	float:right;
}


#prev, #next{
    position: relative;
    top: 2em;

}


#prev, #next, #prevMobile, #nextMobile {
    border: 1px solid #000000;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    padding: 0.5em 0.8em 0.5em 1em;
}


* + html #prevMobile, * + html #nextMobile  {

    border: 1px solid #000000;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    padding:1em;



}

#prevMobile, #nextMobile {
    margin: auto;
    position: relative;
    top: 5px;
}

#prevMobile, #nextMobile {
display:none;}

  /* end slideshow */




  /* 2 Structural Layout */
/* 2.1 Body container */
body {
  margin: auto;
  font-family: Verdana, Arial, San-serif !important;
  color: #111;
  background: #fff !important;
  font-size: 11px;
}


#aspnetForm  {
    margin-bottom: 0;
}

.container {
  position: relative;
  min-width:310px !important;
  margin: auto;
  *zoom: 1;
  max-width:1500px;

  padding: 0 20px;
 }

 #layout-main{
     line-height:14px;}

.container:before,
.container:after {
  display: table;
  content: "";
}

.container:after {
  clear: both;
}

/* 2.2 Left Panel */
/* 2.2.1 Navigational Lists */
.nav {
  margin-left: 0;
  list-style: none;
 border:0;
}

.nav  li  a {
  display: block;
}

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


.nav li + .nav-header {
  margin-top: 9px;
}

.nav-tabs,
.nav-pills {
  *zoom: 1;
}

.nav-tabs:after,
.nav-pills:after {
display: table;
  content: "";
  clear: both;
}

.nav-tabs li,
.nav-pills li {
  float: left;
}

.nav-tabs li a {
  padding: 7px 3px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-stacked li {
  margin-top: 0;
  float: none;
  color: #080808;
  border-top: 1px solid #ddd;
  list-style: none;
}

.nav-stacked li a {
  margin-right: 0;
}

.nav-tabs.nav-stacked {
  border-bottom: 0;
  font-size: inherit !important;
}

.nav-tabs.nav-stacked li a {
  border: 1px solid transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.nav a.selected
{
    background-color: #9a00e7;
    color: #fff;
}

/* 2.2.2 Left Menu */

#leftpanel
{
	font-weight: 400;
	float: left;
	margin-bottom: 1em;
	width:170px;
	vertical-align: top;
	clear:both;
	padding: 4px;
	border: 1px #999 solid;
}

#leftpanel.nav ul li a:hover,
#leftpanel.nav ul li a:focus {

    background: #F7F7F7;
	color:#660099;



}

#leftpanel ul li a.selected{
color:#fff !important;}

#leftpanel.nav ul li a.selected:hover,
#leftpanel.nav ul li a.selected:focus,
#leftpanel.nav li.nav-subjectmenuparent > a.selected:hover   {

	color:#fff;
	background:#5F008F;



}



#leftpanel ul ul ul
{
    margin: 2px 0 0 10px;
}

.top-title { margin-bottom: 0.2em; }

.top-title a { color: #660099; }


/* Hack to prevent flash load of menu on page load when collapsed */
.closedMenu #leftpanel { display: none; }
.closedMenu #content { margin-left: auto; }

#leftpanel li:first-child { border-top: 0; }

#leftpanel ul
{
    margin-left: 0;
    margin-bottom: 0;
}

#leftpanel ul li a { color: #111; }

#leftpanel ul > ul > ul { margin-left: 10px; }

#leftpanel hr { margin: 0 0 2px 0; }

#leftpanel.nav ul ul ul li a:after,
#leftpanel.nav ul ul li a:after,
#leftpanel.nav ul li a:after,
#leftpanel.nav li a.selected:before
{
    display: block;
    position: absolute;
    top: -9999px;
}

/* Accessibility */
#leftpanel.nav li.nav-subjectmenu a.selected:before { content: "Currently Selected - "; }

#leftpanel.nav ul li a:after { content: "Menu Item Level 1"; }
#leftpanel.nav ul ul li a:after { content: "Menu Item Level 2"; }
#leftpanel.nav ul ul ul li a:after { content: "Menu Item Level 3"; }

#leftpanel.nav li.nav-subjectmenuparent a
{
    padding-right: 0;
    color: inherit;
}

#leftpanel.nav li.nav-subjectmenuparent > a
{
    padding-right: 14px;
}


#leftpanel.nav li.nav-subjectmenuparent a div
{
    float: right;
    width: 14px;
    height: 14px;
    margin-right: -15px;
}


/* Related Links */
#leftpanel.nav .nav-relatedlinksmenu
{
    background: #F7F7F7;
    margin-top: 0.2em;
    padding: 3px;
}

#leftpanel.nav li.nav-relatedlinksheader span
{
    font-family: verdana, Arial !important;
    display: block;
    margin: 0px;
    font-size: 1em;
}

#leftpanel.nav li.nav-relatedlinksheader + li
{
    border-top: 1px solid transparent;
}

#leftpanel.nav li.nav-relatedlinks,
#leftpanel.nav li.nav-extrelatedlinks
{
    border-top: 1px solid #999;
}

#leftpanel.nav ul.nav-relatedlinksmenu a
{
    background: #eee;
    font-size: 1em;
    font-family: verdana, Arial !important;
    font-weight: normal;
}

#leftpanel.nav li.nav-extrelatedlinks a
{
    background: url(../images/navigation/ext-link.png) right center no-repeat;
}

#leftpanel.nav li.nav-extrelatedlinks a:hover
{
    background-image: url(../images/selbg.png), url(../images/navigation/ext-link.png);
    background-repeat: repeat-x, no-repeat;
    background-position: top left, right center;
}

/* 2.2.3 Menu Toggle Button */
#navi-collapse {
	 cursor:pointer;
	 padding: 1px 1px 1px 0;
	 border:1px #999 solid;
	 width:14px;
     float: left;
	 border-left: 0;
	 margin-left: -1px;
	 font-family: sans-serif, Arial;
	 text-decoration: none;
	 color: #333;
	 background: #fff;
     }

 /* 2.2.4 Add To Favourites Link */
  #ctl00_favouritesLink {
      border-top: 1px solid #ddd;
      padding-top: 8px;
  }

  a:hover .favourites{
  text-decoration:none;}

  .add-fav {
	font-size: 1.1em;
	margin-bottom:0.5em;
	display:block;



    }

	  .add-fav .favourites {
	padding-right:0.1em;


    }

  .add-fav:hover { text-decoration: none; }

  .add-fav img { margin: -3px 5px 0 0; }




/* main menu
--------------------------------------------------------------- */
#main-menu {
	position: absolute;
	top: 21px;
	right: 15px;
	margin-left: 140px;
}

.s4-trc-container-menu ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.s4-trc-container-menu li {
	float: left;
	margin: 0;
	margin-left: 7px;
	padding: 0;
	list-style: none;
	display: inline;
	position: relative;
}

.s4-trc-container-menu li a { color: #fff !important; }

.s4-trc-container-menu li a span { display: none; }



.nav-favourite a, .nav-task a, .nav-helplink a, .nav-login a, .nav-logout a, .nav-setting a  {
	float: left;
	width: 22px;
	background: url(/ui/images/nav-fav-purple.png) left 0 no-repeat;

	height: 24px;
	display: block;
}

.nav-task a { background: url(/ui/images/nav-task-purple.png) left 0 no-repeat; }
.nav-setting a { background: url(/ui/images/nav-settings-purple.png) left 0  no-repeat; }
.nav-login a { background: url(/ui/images/nav-login-purple.png) left 0 no-repeat; }
.nav-logout a { background: url(/ui/images/nav-logout-purple.png) left 0 no-repeat; }
.nav-task a { background: url(/ui/images/nav-task-purple.png) left 0 no-repeat; }
.nav-helplink a{background: url(/ui/images/new-help-icon.png) left 0 no-repeat;}

.nav-task a:hover,
.nav-task a:focus,
.nav-setting a:hover,
.nav-task a:focus,
.nav-login a:hover,
.nav-task a:focus,
.nav-logout a:hover,
.nav-task a:focus,
.nav-favourite a:hover,
.nav-favourite a:focus,
.nav-profile a:focus,
.nav-profile a:hover,
.nav-helplink a:hover,
.nav-helplink a:focus
{
    background-position: 0 -26px;
    cursor:pointer;
  }

.s4-trc-container-menu li.nav-profile,  .s4-trc-container-menu li.nav-logout{
	border-left: 1px solid #ddd;
	padding-left: 7px;
}


.nav-profile a {
	float: left;
	color: #333;
	font-size: 85%;
	background: url(/ui/images/nav-profile-purple.png) no-repeat left 0;
	padding-left: 30px;
	min-height: 20px;
}


.s4-trc-container-menu li.nav-profile a span {
	display: block;
	padding: 8px 0;
}


/* notifications */
.s4-trc-container-menu span.counter {
	position: absolute;
	top: -11px;
	right: -4px;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	line-height: 100%;
	background: #e20101;
	width: 1.5em;
	height: 1.5em;
	padding: 3px;
	text-align: center;
	border-radius: 15px;
	display: block;
}

.publicView span#ctl00_lblCount{
display:none;}


/* 8. Responsive Screens */

.hidden {
  display: none;
  visibility: hidden;
}

.hide{
	display:inline-block;
}


.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

/* 8.1 Medium-sized desktop screens */
@media (max-width: 1555px) {
#content
{
    padding: 0px;
    margin-left: 190px;
}

.navbar-fixed-top { width: auto; }

.closedMenu #navi-collapse { margin-left: -20px; }

#navi-collapse.togglePosition { margin-left: -1px; }

#content.contentPosition { padding-left: 20px; }
}

/* 8.2  Landscape Tablets*/
@media (min-width: 768px) and (max-width: 979px) {
	.visible-tablet {
		display: inherit !important;
	  }
	  .hidden-tablet {
		display: none !important;
	  }
	  .hidden-desktop {
		display: inherit !important;
	  }

	  .slidewrap .threeInARow {
    width: 26.6%;
}


}

/* 8.3 Tablets*/
@media (max-width: 979px) {

    .s4-ca { margin-left:inherit; }

    body { padding-top: 0; }



   .hide {	display:inline-block !important; }

    #share-popup { height: 263px; }
}




@media screen and (max-width: 914px) {


	 .footer-1 {
    border-bottom: 0px solid #C0C0C0;
	 }


	#footerright {
		float: left;
		padding-left:10px;
	}
		 #footerleft{
	float:left;
	clear:both;
	}


	#footer-right .legal ul {
		margin: 0;
		text-align: left;
		float: left;
	}

	#footerleft .legal {
		position: relative;
		left: 0;
	}

	.rightboxcategories{
	width:98% !important;}

	.slidewrap .rightboxcategories{
width:27.6%;


}


@media screen and (max-width: 881px) {

  	#footerright{clear:both;
	 display: inline-block;
		position: relative;}

		#footerright ul{
		padding:0;
		margin:0;}

		#page-config {
    text-align:left;
}



}






@media (max-width: 850px) {

body #layout-main{
margin: 100px 10px;
}

  .searchitem {

    display: block;
    float: none;

    left: 1px;
    padding: 0 0 0 10px;
    right: 1px;
    top: 57px;
    width: inherit;
  	}

  input#search, .searchitem input[type="text"] {
	position: absolute;
	width: 75%;
	border: 0;
	padding: 0;
	border: 1px solid #ddd !important;
	border-right: 0;
	height:26px;
	right: 25px;
	margin-right: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}

	#searchSubmit, .searchitem input[type="submit"]{
	    height: 28px;

    right: 26.5px;}

.notleadernews,
.leftsectionleftboxes, .rightsectionleftboxes{
width:100% !important;
clear:both;}

	   body {
      margin:0;

    width:100%;
  }

  li.nav-profile a span{
  display:none !important;}

  .nav-profile a{
  min-height:24px;}


  /* MW Comments & Suggestions Replacement */
#ctl00_CommentsAndSuggestions_frmComments {

    width: auto;
	}







}


/* 8.4  Portrait Tablets */
@media (max-width: 767px) {

  .visible-pda {
    display: inherit !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

   .visible-desktop {
    display: none !important ;
  }

  .navbar-fixed-top{
  height: 68px;}



  [class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }

  input#search, .searchitem input[type="text"] {
	display: inline-block;
	margin-right: 5px;
  }

  #content{
	margin-left: 0 !important;
  }






	 .notleadernews img,
	.notleadernews img{
	float:left;
    height: 63px;
    width: 94px;
	padding-right:1%}

	.oneThird {
    float: right !important;
    width: 100% !important;

	}
	.twoThirds,
	.oneThirdAndDeleteContainer	{
    float: left !important;
		clear:both !important;
		 width: 100% !important;
}

	a.hideOrShowOneThird.floatRight {
    position: relative;
    top: 32px !important;
}






}

/* 8.5  Small Tablets and Landscape Smartphones */
@media (max-width: 760px) {
  .hidden-phone {
    display: none !important;
  }

  .visible-phone {
    display: inherit !important;
  }

  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }

  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  	}

  div.grid { overflow: auto; }





* + html body #layout-main {
    margin-top: 50px;
}


  input#searchSubmit, .searchitem input[type="submit"] {
  	top: 0;
	right: 0;
	height: 28px;
	}



  body .container {
    padding: 0;
  }

  body .navbar-fixed-top {
      padding: 15px 0;
  }

  #mwe {
	left: 114px;
  }

  #content {
	margin-top: 0;
	width: auto;

  }

  div .nav-collapse {
    clear: both;
    float: none !important;
    width: inherit !important;
    display: none;
    margin-left: 1px;
    margin-right: 1px;
  }

  div .nav-collapse #layout-nav{
	 border: 1px #660099 solid;
	 padding: 3px;
  }

  div .nav-collapse ul{
	list-style:none;
	margin-left:0;
	padding-left:0;
  }

  div .nav-collapse li{
  line-height:18px;
  }

  div .nav-collapse li a {
   width:auto;
   display:block;
  }

  div .nav-collapse li a:hover{
	background: #fff;
	text-decoration:none;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }

  .nav-collapse .nav .nav-header {
    color: #999;
    text-shadow: none;
  }

    .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }

  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
  }

  .navbar .btn-navbar {
    display: block;
  }

  #layout-nav.nav li a {
	background: none !important;
	border: 1px solid transparent;
	padding-top: 0;
	padding-bottom: 0;
  }


}

/* 8.6  Large Smartphones */
@media (max-width: 573px)
{
	input#search, .searchitem input[type="text"] { width: 64%; }

	#AddFavourites {
		width: 59%;
		position: absolute;
		left: 20%;
		right: 30%;
	}

	#layout-main{
	line-height:16px;}


	  .slidewrap .threeInARow {
    clear: both;
    float: left;
    width: 96%
}

#prev, #next{

display:none;

}

.nextAndPreviousContainer {
height:50px}

#prevMobile,
#nextMobile{
display:inline-block !important;
float:left;

}


	.AddFavouritesTxt { width: 240px; }

	.row,
.secondrowbeneathstatusupdate,
.leader-story,
.rssfeed,
.leftsectionleftboxes,
.bannerAdvert,
.slideshow{
border:none;
}

	.leader-story,
	.statusUpdate,
	.rightboxcategories,
	.toptasksrightboxcategories,
	.notleadernews,
	.leftsectionleftboxes,
	.row,
	.rssfeed,
	.rightsection-second-column,
	.rightsectionleftboxes


		{
			clear: both;
			width: 99% !important;
			margin:0;
			margin-top: 1%;
			display: inline-block;
		}

	.leader-story,
	.statusUpdate,
	.rightboxcategories,
	.toptasksrightboxcategories,
	.notleadernews,
	.leftsectionleftboxes,
	.row,
	.rssfeed,
	.rightsection-second-column,
	.rightsectionleftboxes
		{
			float:none;
		}




		#newscontentmobileview
		.searchitem{

		float:left;
		width:98%

		}

		#page-config {

			padding-right: 1em;

		}



		.banneradvertmobile
		{
		height:30px;
		background-color:#000;
		}




	 .rightsection-second-column, .rightsectionleftboxes, .rightsection-third-column
	 {
	 margin-top:1%;
	 position:relative;
	 left:0;
	 }

	 .toptasksheightfix {
    min-height: auto;
	}


	 #page-config {
    text-align:left;
	padding-left:1em;
	padding-right:0em;
}



	#main-results{

float:none;
width:100%;
display:block;
}

#people-results{

clear:both;
float:none;
width:100%;
}

#ctl00_CommentsAndSuggestions_frmComments {

    left:102px;

	}

#ctl00_CommentsAndSuggestions_frmComments .buttons input{
margin-top:10px;
margin-right:6px;
}



}


/* 8.7 Mobile Phones */
@media (max-width: 470px) {

	#mwe {
    float: left;
    left: -8px;
    margin-left: 0;
    position: relative;
    top: 0;
	}







	#report_container, #ctl00_CommentsForm1_frmCommentsAndSuggestions { width: 275px; }

	#report_container { height: 205px; }

	#ctl00_CommentsForm1_txtBody,
	#report_body select,
	#report_body input[type="text"]  {
		width: 263px !important;
	}

	#ctl00_CommentsForm1_frmCommentsAndSuggestions .buttons input, .report_buttons input {
		font-size: 11px;
	}

	#report_heading h3, #ctl00_CommentsForm1_frmCommentsAndSuggestions h3 {
		font-size: 1.1em !important;
		padding:3px;
		height:15px;


	}




}

@media (max-width: 443px)
{

#footerright{top:20px;}

}
@media (max-width: 400px){
	li.nav-favourite{
display:none;}
}
}


@media (max-width: 350px) {

#footerright {
    left: -10px;
    position: relative;
    top: 24px;
}

li.shareplus {
    left: -22px;
    position: relative;
}

#feedback .print{
 left: -6px;
    position: relative;
}
}







@media (max-width: 340px) {

.s4-trc-container-menu {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    left: -6px;
    position: relative;}



.s4-trc-container-menu li{
margin: 0 0 0 5px;}

.s4-trc-container-menu li.nav-profile, .s4-trc-container-menu li.nav-logout{
border-left:none;}



}




/* 9 eProg Print Styles */
@media print
{
    /*
	Print only CSS
	Version : 3.02
	Filename : _print.css
	Date created : 04/11/2009
	Author: George Jeffries

	Notes: This css rules that apply specifically to printed media but not to screen based info or handheld devices

	Mods:	02/11/09 GAJ Previous version reviewed and restructured
			04/11/09 GAJ Further restructuring

	Sections:
		1 General CSS rules
			1.1 Text and general layout
			1.2 Headings, lists and tables
		2 Structural Layout
			2.1 Skip to layout
			2.2 Other layout
		3 Intranet Controls dll
			3.1 Form layout
			3.2 Grid views and div.grid tables

*/
/* 1 General CSS rules - not class or id specific*/
/* 1.1 Text and general layout */
body
{
	background-color: #fff;
	color: #000000;
	font-family: Sans-Serif, Verdana, Arial, Helvetica;
	font-size: 11pt;
}
a,
a:link,
a:visited
{
	background-color: inherit;
	color: #660099;
	text-decoration: underline;
	font-size: 11pt;
}
.hidden
{
	display: none;
	font-size: 1%;
}

.feedbackMessage
{
	color: Black;
	font-weight: bold;
}
/* 1.2 Headings, lists, tables */
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
dl,
table
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
}
h1
{
	margin: 0.8em 0 0.8em 0;
}
h2
{
	margin: 1em 0 0 0;
}
h3
{
	margin: 1em 0 0 0;
}
h4
{
	margin: 0;
	padding: 0;
}

/* 2.2 Other Layout */

#leftpanel,
#navi-collapse,
.footer-text,
#purplebar,
#layout-search-links
{
	display: none;
}

#content
{
    margin-left: 0;
}

/* 3 Intranet Controls dll */
/* 3.1 Form layout */
div.dialog input
{
	padding: 0px;
	width: auto;
	text-align: center;
	color: #000000;
	font-family: Tahoma,Arial,sans-serif;
	font-size: 8pt;
	voice-family: inherit;
}
span.buttons input
{
	padding:0px;
	font-size:8pt;
}
/* 3.2 Grid views and div.grid tables a */
.grid table
{
	width: 100%;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	font-size: 8pt;
}
.grid thead
{
	display: table-header-group;
}
.grid th
{
	padding: 0.1em;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	font-size: 9pt;
}
.grid td
{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 0.1em 0.4em 0.1em 0.4em;
}
.grid a
{
	font-size: 8pt;
	color: black;
}
div.pagestats
{
	font-size:9pt;
}
}








/*uportal specific styles */


.uk-ac-manchester-mymanchester .menu{
margin-right:10px !important;}


/* crucial guide fixd*/

.crucialguide-boxpromo img{

max-width:100px !important;
max-height:100px !important;
height:auto !important;
width:auto !important;
}



/* from FSS-layout.css */

/* For modern browsers */
.fl-clearfix:before, .fl-clearfix:after {content:""; display:table;}
.fl-clearfix:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.fl-clearfix {zoom:1;}


.fl-push {clear:both;}

/* Container alignment */
 /* IE 6 needs inline display to prevent double margin bug (other browsers ignore it) */
.fl-force-right {float:right; display:inline;}
.fl-force-left {float:left; display:inline;}
.fl-centered {margin-left:auto; margin-right:auto; display:block;}

/* Generic container, proxy for other container effects */
.fl-container {}

/* Fixed width containers */
.fl-container-50 {width: 50px;}
.fl-container-100 {width: 100px;}
.fl-container-150 {width: 150px;}
.fl-container-200 {width: 200px;}
.fl-container-250 {width: 250px;}
.fl-container-300 {width: 300px;}
.fl-container-350 {width: 350px;}
.fl-container-400 {width: 400px;}
.fl-container-450 {width: 450px;}
.fl-container-500 {width: 500px;}
.fl-container-550 {width: 550px;}
.fl-container-600 {width: 600px;}
.fl-container-650 {width: 650px;}
.fl-container-700 {width: 700px;}
.fl-container-750 {width: 750px;}
.fl-container-800 {width: 800px;}
.fl-container-850 {width: 850px;}
.fl-container-900 {width: 900px;}
.fl-container-950 {width: 950px;}
.fl-container-1000 {width: 1000px;}

/* Flex width containers */
.fl-container-auto {width: auto;}
.fl-container-flex {width: 100%; clear:both;}
.fl-container-flex1 {width: 1%;}
.fl-container-flex2 {width: 2%;}
.fl-container-flex3 {width: 3%;}
.fl-container-flex4 {width: 4%;}
.fl-container-flex5 {width: 5%;}
.fl-container-flex6 {width: 6%;}
.fl-container-flex7 {width: 7%;}
.fl-container-flex8 {width: 8%;}
.fl-container-flex9 {width: 9%;}
.fl-container-flex10 {width: 10%;}
.fl-container-flex11 {width: 11%;}
.fl-container-flex12 {width: 12%;}
.fl-container-flex13 {width: 13%;}
.fl-container-flex14 {width: 14%;}
.fl-container-flex15 {width: 15%;}
.fl-container-flex16 {width: 16%;}
.fl-container-flex17 {width: 17%;}
.fl-container-flex18 {width: 18%;}
.fl-container-flex19 {width: 19%;}
.fl-container-flex20 {width: 20%;}
.fl-container-flex21 {width: 21%;}
.fl-container-flex22 {width: 22%;}
.fl-container-flex23 {width: 23%;}
.fl-container-flex24 {width: 24%;}
.fl-container-flex25 {width: 25%;}
.fl-container-flex26 {width: 26%;}
.fl-container-flex27 {width: 27%;}
.fl-container-flex28 {width: 28%;}
.fl-container-flex29 {width: 29%;}
.fl-container-flex30 {width: 30%;}
.fl-container-flex31 {width: 31%;}
.fl-container-flex32 {width: 32%;}
.fl-container-flex33 {width: 33%;}
.fl-container-flex34 {width: 34%;}
.fl-container-flex35 {width: 35%;}
.fl-container-flex36 {width: 36%;}
.fl-container-flex37 {width: 37%;}
.fl-container-flex38 {width: 38%;}
.fl-container-flex39 {width: 39%;}
.fl-container-flex40 {width: 40%;}
.fl-container-flex41 {width: 41%;}
.fl-container-flex42 {width: 42%;}
.fl-container-flex43 {width: 43%;}
.fl-container-flex44 {width: 44%;}
.fl-container-flex45 {width: 45%;}
.fl-container-flex46 {width: 46%;}
.fl-container-flex47 {width: 47%;}
.fl-container-flex48 {width: 48%;}
.fl-container-flex49 {width: 49%;}
.fl-container-flex50 {width: 50%;}
.fl-container-flex51 {width: 51%;}
.fl-container-flex52 {width: 52%;}
.fl-container-flex53 {width: 53%;}
.fl-container-flex54 {width: 54%;}
.fl-container-flex55 {width: 55%;}
.fl-container-flex56 {width: 56%;}
.fl-container-flex57 {width: 57%;}
.fl-container-flex58 {width: 58%;}
.fl-container-flex59 {width: 59%;}
.fl-container-flex60 {width: 60%;}
.fl-container-flex61 {width: 61%;}
.fl-container-flex62 {width: 62%;}
.fl-container-flex63 {width: 63%;}
.fl-container-flex64 {width: 64%;}
.fl-container-flex65 {width: 65%;}
.fl-container-flex66 {width: 66%;}
.fl-container-flex67 {width: 67%;}
.fl-container-flex68 {width: 68%;}
.fl-container-flex69 {width: 69%;}
.fl-container-flex70 {width: 70%;}
.fl-container-flex71 {width: 71%;}
.fl-container-flex72 {width: 72%;}
.fl-container-flex73 {width: 73%;}
.fl-container-flex74 {width: 74%;}
.fl-container-flex75 {width: 75%;}
.fl-container-flex76 {width: 76%;}
.fl-container-flex77 {width: 77%;}
.fl-container-flex78 {width: 78%;}
.fl-container-flex79 {width: 79%;}
.fl-container-flex80 {width: 80%;}
.fl-container-flex81 {width: 81%;}
.fl-container-flex82 {width: 82%;}
.fl-container-flex83 {width: 83%;}
.fl-container-flex84 {width: 84%;}
.fl-container-flex85 {width: 85%;}
.fl-container-flex86 {width: 86%;}
.fl-container-flex87 {width: 87%;}
.fl-container-flex88 {width: 88%;}
.fl-container-flex89 {width: 89%;}
.fl-container-flex90 {width: 90%;}
.fl-container-flex91 {width: 91%;}
.fl-container-flex92 {width: 92%;}
.fl-container-flex93 {width: 93%;}
.fl-container-flex94 {width: 94%;}
.fl-container-flex95 {width: 95%;}
.fl-container-flex96 {width: 96%;}
.fl-container-flex97 {width: 97%;}
.fl-container-flex98 {width: 98%;}
.fl-container-flex99 {width: 99%;}
/*
Layout Helpers
=============================================
*/
/* Columns: A quick column grid system */
/* Flex width columns (containers with margins and padding) */


.fl-col-justified {float:left; display:inline; overflow:auto; text-align:justify;} /* redundant: text alignment now in fluid.text.css */

.fl-col-flex2, .fl-col-flex3, .fl-col-flex4, .fl-col-flex5 {overflow:auto; zoom:1;}
.fl-col {float:left; display:inline;}
.fl-col-flex5 .fl-col {width:18.95%; margin-left:0.25%;margin-right:0.25%; padding-left:0.25%; padding-right:0.25%}
.fl-col-flex4 .fl-col {width:24%; margin-left:0.25%;margin-right:0.25%; padding-left:0.25%; padding-right:0.25%}
.fl-col-flex3 .fl-col {width:32.33%; margin-left:0.25%;margin-right:0.25%; padding-left:0.25%; padding-right:0.25%}
.fl-col-flex2 .fl-col {width:48.85%; margin-left:0.25%;margin-right:0.25%; padding-left:0.25%; padding-right:0.25%}




/* Old System */
.fl-col-mixed .fl-col-side {width:200px;}
.fl-col-mixed .fl-col-side,
.fl-col-mixed .fl-col-main {padding:0 10px;}

.fl-col-mixed2 .fl-col-side {width:200px; padding:0 10px; float:left;}
.fl-col-mixed2 .fl-col-main {margin-left:220px; padding:0 10px;} /* margin goes on whichever side the fixed column goes */

.fl-col-mixed3 .fl-col-main {margin:0 220px;} /* margin goes on whichever side the fixed column goes */

/* New System, requires fl-force-XX on the fixed column, provides some basic numbers to start with */
.fl-col-fixed, .fl-col-flex {padding:0 10px;}

.fl-col-mixed .fl-col-fixed {width:200px; padding:0 10px;}
.fl-col-mixed .fl-col-flex {margin-left:220px; padding:0 10px;}
.fl-col-mixed .fl-col-flex-left {margin-right:220px; padding:0 10px;}

.fl-col-mixed-100 .fl-col-fixed {width:100px;}
.fl-col-mixed-100 .fl-col-flex {margin-left:120px;}
.fl-col-mixed-100 .fl-col-flex-left {margin-right:120px;}

.fl-col-mixed-150 .fl-col-fixed {width:150px;}
.fl-col-mixed-150 .fl-col-flex {margin-left:170px;}
.fl-col-mixed-150 .fl-col-flex-left {margin-right:170px;}

.fl-col-mixed-200 .fl-col-fixed {width:200px;}
.fl-col-mixed-200 .fl-col-flex {margin-left:220px;}
.fl-col-mixed-200 .fl-col-flex-left {margin-right:220px;}

.fl-col-mixed-250 .fl-col-fixed {width:250px;}
.fl-col-mixed-250 .fl-col-flex {margin-left:270px;}
.fl-col-mixed-250 .fl-col-flex-left {margin-right:270px;}

.fl-col-mixed-300 .fl-col-fixed {width:300px;}
.fl-col-mixed-300 .fl-col-flex {margin-left:320px;}
.fl-col-mixed-300 .fl-col-flex-left {margin-right:320px;}


/*Classes for displaying research profile url and message*/
.researchprofileLabel {   
    font-size:13px;
}

.researchprofileMessage {
    font-weight: 900;
    color: #FF0000;
}
/*End of classes for displaying research profile url and message*/