/* Minification failed. Returning unminified contents.
(1453,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/* CSS STYLES */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-size: medium;
	margin: 20px 10px 0 10px;
	background-color: #e9e9e1;
}

.siteActionMenu table {

            height:0 !important;
}

img {
	border: none;
}
strong {
	font-weight: bold;
}
/*
em {
	font-style: italic;
}
*/

#hidden {position:absolute; left:-9000px; top:0; z-index:20}
#hidden a:focus {color:#fff; background:#336; font-size:1.4em; display:block; padding:0.5em; white-space:nowrap; width:15em; text-align:center; font-weight:bold; position:absolute; left:9000px}
#hidden a:active {color:#fff; background:#336; font-size:1.4em; display:block; padding:0.5em; white-space:nowrap; width:15em; text-align:center; font-weight:bold; position:absolute; left:9000px}

/* --------------------------------------------------------------------- */
/*STYLES FOR PAGE WRAPPER*/
#wrapper {
	min-width: 760px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}



#wrapper-hp {
	margin: 0 auto;
	padding: 0;
	background: #fff;
/*	width: 760px;*/
	width: 960px;
}
/*END SYTLES FOR PAGE WRAPPER*/
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* STYLES FOR PAGE HEADER */
#header {
	width: 100%;
	height: auto;
	font-size: medium;
}

/*container for Ofgem logo and strapline*/
#header #logo {
	/* GARY remove padding: 26px 0 5px 25px; */
	float: left;
    width:1200px;
    /*height:142px;*/
}
/*cas the image is a link stop the default border appearing*/
#header #logo img {
	border:	none;
}
/*container for the search text field and various links to the right of the logo*/
#header #search-box {
	float: right;
	margin: 15px 10px 0 0; /* 
	change top margin of search box to 15px */
	padding: 0;
	text-align: right;
	font-size: small;
}
#header #search-box fieldset {
	border: none;
	margin: 0 0 5px;
	padding: 0;
}
#header #search-box form {
	margin: 0;
	padding: 0;
}
#header #search-box label {
	font-weight: bold;
	color: #fff;
}
#header #search-box input {
	font-size: 90%;
	color: #000;
	background: #fff;
	width: 172px;
	border: 1px solid #999;
}
/*remove default button style from 'GO' button*/
#header #search-box input.go {
	font-size: 103%;
	font-weight:bold;
	display: inline;
	background: transparent;
	color: #fff;
	border: none;
	width: 50px;
}

#header #search-box #ctl00_BasicSearchBox1_go:hover {
	font-size: 103%;
	font-weight:bold;
	display: inline;
	width: 50px;
	background: transparent;
	color: #fff;
	border: none;
	text-decoration: underline;
	cursor: pointer;
}

/*text and link styling*/
#header #search-box p {
	margin: 5px;
	padding: 0;
	color: #fff;
}
#header #search-box p a {
	font-size: small;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#header #search-box p a:hover {
	text-decoration: underline;
}

/*text and link styling*/
#header #search-link {
	float: right;
	margin: 0px 15px 5px 0px;
	padding: 0;
	text-align: right;
	font-size: small;
	white-space: nowrap;
}
#header #search-link p {
	margin: 0px;
	padding: 0;
	color: #fff;
}
#header #search-link p a {
	font-size: small;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#header #search-link p a:hover {
	text-decoration: underline;
}
/* END STYLES FOR PAGE HEADER */
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* STYLES FOR TOP HORIZONTAL NAVIGATION MENU BAR */
/*The top navigation is an unordered list floated left so it runs horizontally across the page*/
#topnav {
	width: 100%;
	background-color: #b1a5ac;
	color: #fff;
	border-top: 3px solid #b1a5ac;
	border-bottom: 5px solid #fff;	
}
#topnav ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #b1a5ac;
}
#topnav li {
	float: left;
	margin: 0;
	padding: 0;	
	list-style: none;
	font-size: .8em;
	font-weight: bold;
	background: #b1a5ac url("/_layouts/images/Ofgem/topnav-bg.gif") repeat-y right bottom;
	
}
#topnav li.endmenu {
	background-image: none;}

#topnav a.endmenu {
	background-image: none;
}
#topnav a {
	float: left;
	display:block;
	text-align:center;
	margin: 0;
	padding: 10px 12px 8px 12px;
	color: #fff;
	text-decoration: none;
	height: 20px;

	_height: 23px; /* hack: IE 6 and below */
	/* *height: 25px; 	/* hack: IE 7 and below  
      height: 25px\9; /* hack: IE 8 and below */ 
	height: 23px\9;

}
#topnav a.consmr, #topnav a.consmrb, #topnav a.lic, #topnav a.eserve {
	padding-top: 3px;
	height: 30px;
}

/* Following rollover classes should match with corresponding '#sidebar' list item styles below */

/*edited by vinay on 2-1-07*/
/*rollover states for dynamic MOSS controlled top nav items*/
#topnav a.mosstopnav{
	background: #b1a5ac url("/_layouts/images/Ofgem/topnav-bg.gif") repeat-y right top ;
	
}

#topnav a.mosstopnav:hover {
	background: #9aacbe url("/_layouts/images/Ofgem/topnav-bg-europe.gif") repeat-y right bottom;
	text-decoration: underline;
}

#topnav a.mosstopnav-on {
	background: #9aacbe url("/_layouts/images/Ofgem/topnav-bg-europe.gif") repeat-y right bottom;
}
#topnav a.mosstopnav-on:hover {
	text-decoration: underline;
}
/*end rollover states for dynamic MOSS controlled top nav items*/

/*start, rollover states for static top nav items*/
#topnav a.about:hover {
	background: #f7d161 url("/_layouts/images/ofgem/topnav-bg-about.gif") repeat-y right bottom;
	text-decoration: underline;
}

#topnav a.consmr:hover {
	background: #8f8582 url("/_layouts/images/ofgem/topnav-bg-consmr.gif") repeat-y right bottom;
	text-decoration: underline;
}

#topnav a.europe:hover {
	background: #9aacbe url("/_layouts/images/ofgem/topnav-bg-europe.gif") repeat-y right bottom;
	text-decoration: underline;
}

#topnav a.consmrb:hover {
	background: #9aacbe url("/_layouts/images/ofgem/topnav-bg-europe.gif") repeat-y right bottom;
	text-decoration: underline;
}

#topnav a.lic:hover {
	background: #828c98 url("/_layouts/images/ofgem/topnav-bg-lic.gif") repeat-y right bottom;
	text-decoration: underline;
}

#topnav a.mrkts:hover {
	background: #b5d7d4 url("/_layouts/images/ofgem/topnav-bg-mkts.gif") repeat-y right bottom;
	text-decoration: underline;
}

#topnav a.media:hover {
	background: #c2b189;
	text-decoration: underline;
}

#topnav a.netwks:hover {
	background: #7c7c92 url("/_layouts/images/ofgem/topnav-bg-netwks.gif") repeat-y right bottom;
	text-decoration: underline;
}

#topnav a.sustain:hover {
	background: #aec08b url("/_layouts/images/ofgem/topnav-bg-env.gif") repeat-y right bottom;
	text-decoration: underline;
}
#topnav a.eserve:hover {
	background: #aec08b url("/_layouts/images/ofgem/topnav-bg-env.gif") repeat-y right bottom;
	text-decoration: underline;
	
}


/*end, rollover states for static top nav items*/

/*edited by vinay on 2-1-07*/

/* END STYLES FOR TOP HORIZONTAL NAVIGATION MENU BAR */
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* STYLES FOR SIDE NAVIGATION MENU */
#sidebar {
	width: 20%;
	float: left;
	font-size: .7em;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 400px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
/* hack for Win/IE browsers */
* html body #sidebar ul {
	float: left;
}

#zz1_SidebarMain ul li.AspNet-Menu-Leaf {
	display: inline; /*fix to correct rollover to correct size in IE5 and IE5.5*/
	display: block; /*over-ride above style in IE6 and W3C compliant browsers*/
	width: 100%;
	margin-bottom: 3px;
	padding: 0;
	list-style: none; /*hide bullet point*/
	background: #e9d3b4 url("/_layouts/images/Ofgem/chevron-gt.gif") no-repeat 5px 3px;
}

.leftmossnav-on {
	display: inline; /*fix to correct rollover to correct size in IE5 and IE5.5*/
	display: block; /*over-ride above style in IE6 and W3C compliant browsers*/
	list-style: none; /*this is important otherwise IE5 and IE5.5 show bullet-point*/
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 7px 25px;
	margin: 0 0 3px 0;
	background: #e0c398 url("/_layouts/images/Ofgem/chevron-back-gen.gif") no-repeat 2px 2px;
}

.AspNet-Menu-Selected {
	display: inline; /*fix to correct rollover to correct size in IE5 and IE5.5*/
	display: block; /*over-ride above style in IE6 and W3C compliant browsers*/
	list-style: none; /*this is important otherwise IE5 and IE5.5 show bullet-point*/
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	background: #e0c398 url("/_layouts/images/Ofgem/chevron-back-gen.gif") no-repeat 2px 2px;
}

#zz1_SidebarMain ul li a.AspNet-Menu-Link{
	display: inline; /*fix to correct rollover to correct size in IE5 and IE5.5*/
	display: block; /*over-ride above style in IE6 and W3C compliant browsers*/
	text-decoration: none;
	width: 100%; /*fixes width problems in IE5 and IE5.5*/
	width: auto; /*sets width for all other browsers*/
	color: #4E4041;
	font-weight: bold;
	padding: 5px 5px 5px 25px;
	margin: 0;
}

#zz1_SidebarMain ul li a.AspNet-Menu-Link:hover {
	text-decoration: underline;
	background: #e0c398 url("/_layouts/images/Ofgem/chevron-gt.gif") no-repeat 5px 3px;
}

#sidebar ul li.leftmossnav-on a {
	color: #fff;
	text-decoration: none;
}

#zz1_SidebarMain ul li.AspNet-Menu-Selected a {
	color: #fff;
	text-decoration: none;
}

#sidebar ul li.leftmossnav-on a:hover {
	text-decoration: underline;	
}

#zz1_SidebarMain ul li.AspNet-Menu-Selected a:hover {
	text-decoration: underline;	
	background: #e9d3b4 url("/_layouts/images/Ofgem/chevron-back-gen2.gif") no-repeat 2px 2px;
}
/*rollover state will only be visible in W3C compliant browsers only*/
#sidebar ul li.leftmossnav-on:hover {
	background: #e9d3b4 url("/_layouts/images/Ofgem/chevron-back-gen2.gif") no-repeat 2px 2px;
}

#zz1_SidebarMain ul li.AspNet-Menu-Selected:hover {
	background: #e9d3b4 url("/_layouts/images/Ofgem/chevron-back-gen2.gif") no-repeat 2px 2px;
}



#zz1_SidebarMainTop ul li.AspNet-Menu-Leaf {
	display: inline; /*fix to correct rollover to correct size in IE5 and IE5.5*/
	display: block; /*over-ride above style in IE6 and W3C compliant browsers*/
	width: 100%;
	margin-bottom: 3px;
	padding: 0;
	list-style: none; /*hide bullet point*/
	background: #e9d3b4 url("/_layouts/images/Ofgem/chevron-gt.gif") no-repeat 5px 3px;
}

#zz1_SidebarMainTop ul li a.AspNet-Menu-Link{
	display: inline; /*fix to correct rollover to correct size in IE5 and IE5.5*/
	display: block; /*over-ride above style in IE6 and W3C compliant browsers*/
	text-decoration: none;
	width: 100%; /*fixes width problems in IE5 and IE5.5*/
	width: auto; /*sets width for all other browsers*/
	color: #4E4041;
	font-weight: bold;
	padding: 5px 5px 5px 25px;
	margin: 0;
}

#zz1_SidebarMainTop ul li a.AspNet-Menu-Link:hover {
	text-decoration: underline;
	background: #e0c398 url("/_layouts/images/Ofgem/chevron-gt.gif") no-repeat 5px 3px;
}

#zz1_SidebarMainTop ul li.AspNet-Menu-Selected a {
	color: #fff;
	text-decoration: none;
}


#zz1_SidebarMainTop ul li.AspNet-Menu-Selected a:hover {
	text-decoration: underline;	
	background: #e9d3b4 url("/_layouts/images/Ofgem/chevron-back-gen2.gif") no-repeat 2px 2px;
}
/*rollover state will only be visible in W3C compliant browsers only*/

#zz1_SidebarMainTop ul li.AspNet-Menu-Selected:hover {
	background: #e9d3b4 url("/_layouts/images/Ofgem/chevron-back-gen2.gif") no-repeat 2px 2px;
}



/* END STYLES FOR SIDE NAVIGATION MENU */
/* --------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* STYLES FOR WRAPPER FOR MAIN CONTENT AREA */
/*this is a div wrapper that contains all the content on EVERY page*/
#wrapper-content {
	float: right;
	width: 78%;
	margin: 5px 5px 0;
}
/* END STYLES FOR WRAPPER FOR MAIN CONTENT AREA */
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/*STYLES FOR HIDDEN HEADER ON HOMEPAGE*/
/*class to set size and padding of content area of homepage*/
#homepage-hidden {
	height: 0px;
	border: 0px;
	padding: 0px; 
	margin: 0px 0px 0px 0px;
	overflow: hidden; 	
}

#homepage-hidden H1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}

/* END STYLES FOR WRAPPER FOR MAIN CONTENT AREA */
/* --------------------------------------------------------------------- */





/* --------------------------------------------------------------------- */
/*STYLES FOR NEWS BOXES ON HOMEPAGE*/
/*class to set size and padding of content area of homepage*/
#hp-content-wrapper {
	width: 95%;
	padding: 10px;
	margin: 10px auto;
}

/*this handles the lefthand box - setting width, and rounded bottom of box: sits in '#left-mid-wrapper'*/
#hp-content-wrapper #hp-box-left {
	float: left;
	width: 200px;
/*	width: 165px;*/
	height:118px;
	margin-left: 20px;
	margin-right: 25px;
	background-color: #CDD4DE;
	margin-top: 2px;
	margin-bottom:15px;
}
/*this handles the middle box - setting width, and rounded bottom of box: also sits in '#left-mid-wrapper'*/
#hp-content-wrapper #hp-box-middle {
	float: left;
	/*width: 165px;*/
	width: 200px;
	height:118px;
	margin-right: 25px;
	background-color: #CDD4DE;
	margin-bottom:15px;
	margin-top: 2px;
}

/*this handles the middle box - setting width, and rounded bottom of box: also sits in '#left-mid-wrapper'*/
#hp-content-wrapper #hp-box-middle2 {
	float: left;
	/*width: 165px;*/
	width: 200px;
	height:118px;
	margin-right: 25px;
	background-color: #CDD4DE;
	margin-top: 2px;
	margin-bottom:15px;
}
/*this handles the lefthand box - setting width, and rounded bottom of box: sits in '#left-mid-wrapper'*/
#hp-content-wrapper #hp-box-right-blank {
	float: left;
	width: 200px;
	height:118px;
	/*width: 165px;*/
	background-color: #CDD4DE;
	margin-top: 2px;
	margin-bottom:15px;


}
/*this handles the righthand box - setting width, height and background image*/
#hp-content-wrapper #hp-box-right {
      float: left;
      /*width: 165px;*/
      width: 200px;
	height:120px;
      background: #CDD4DE url("/_layouts/images/Ofgem/hp-bg-document.gif") no-repeat left top;
     /* height: 126px;*/
	margin-bottom:15px;
}
/*this handles the padding for the strapline in the left and middle news item boxes*/
#hp-content-wrapper .hp-box-strap {
	width: 100px;
	float: left;
	padding: 10px 5px 15px 10px;
}
/*set the size of the text of the strapline*/
#hp-content-wrapper p {
	display: inline;	
	margin: 0;
	font-size: .8em;
	font-weight: normal;
}
/*set the rollover and hover states for the text link in the right hand box*/
#hp-content-wrapper p a {
	display: block;
	text-decoration: none;
	color: #000;
}
#hp-content-wrapper p a:hover {
	text-decoration: underline;
	color: blue;
}
/*set the image of the news box to the right of the strapline*/
#hp-content-wrapper img {
	float: right;	
}
/*sets the rounded corners on the bottom of the lighter (lgt) news item box.*/
#hp-content-wrapper .more-lgt {
	background: #fff url("/_layouts/images/Ofgem/img-leftbox-bg-dk.gif") no-repeat center bottom;
	padding: 2px 0 3px;
	width: 200px;
	margin: 0;
	text-align: right;
}
/*anchor link to news story - the chevron is set before the link text*/
#hp-content-wrapper .more-lgt a {
	background: url("/_layouts/images/Ofgem/chevron-hp-1.gif") no-repeat left center;
	font-size: .7em;
	font-weight: bold;
	width: 200px;
	color: #fff;
	text-decoration: none;
	padding: 2px 30px 2px 20px;
}
#hp-content-wrapper .more-lgt a:hover {
	text-decoration: underline;
	width: 200px;
}
/*sets the rounded corners on the bottom of the darker (drk) news item box.*/
#hp-content-wrapper .more-drk {
	background: #fff url("/_layouts/images/Ofgem/img-leftbox-bg-lt.gif") no-repeat center bottom;
	padding: 2px 0 3px;
	margin: 0;
	width: 200px;
	text-align: right;
}
/*anchor link to news story - the chevron is set before the link text*/
#hp-content-wrapper .more-drk a {
	background: url("/_layouts/images/Ofgem/chevron-hp-2.gif") no-repeat left center;
	font-size: .7em;
	width: 200px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 2px 30px 2px 20px;
}
#hp-content-wrapper .more-drk a:hover {
	text-decoration: underline;
}
/*END STYLES FOR NEWS BOXES ON HOMEPAGE*/
/* --------------------------------------------------------------------- */




/* --------------------------------------------------------------------- */
/*STYLES FOR 1ST TEXT COLUMN OF MAIN CONTENT*/
#content-left {
	float: left;
	width: 98%;
	margin: 0 0 10px;
	font-size: .9em;
}
#content-left h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #212125;
	padding: 0;
	margin: 0 0 5px 0;
}
#content-left h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: bold;
	color: #212125;
	padding: 0;
	margin: 0 0 5px 0;
}
#content-left p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #212125;
	margin: 0 10px 5px 0;
	line-height: 120%;
}
#content-left p#breadcrumb {
	font-size: .7em;
	color: #2F4F4F;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
}
#content-left p#breadcrumb a {
	color: #2F4F4F;
	font-weight: bold;
	text-decoration: none;
}
#content-left p#breadcrumb a:hover {
	text-decoration: underline;
}
#content-left p.header {
	color: #0A5874;
	margin: 0 0 10px 0;
	padding: 3px 5px 5px 10px;
	font-size: smaller;
	background: #f1f4f5 url("/_layouts/images/Ofgem/contact-title-bg.gif") repeat-y left top;
}
#content-left p strong {
	padding: 0;
	margin: 0;
	font-weight: bold;
}
#content-left p a {
	color: blue;
	text-decoration: none;
}
#content-left p a:hover {
	text-decoration: underline;
}
#content-left ul {
	margin: 0 0 0 8px;
	padding: 0 0 0 8px;
}
#content-left ul li.pdf {
	list-style: disc url("/_layouts/images/Ofgem/icon-pdf.gif") outside;	
}
#content-left ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 10px 5px 0;
	padding: 0;
	font-size: smaller;
	text-align:	left;
	line-height: 1.2em;
	list-style: disc;
}
#content-left ul li strong {
	font-weight: bold;
	line-height: 1.2em;
}
#content-left ul li em {
	font-style:	italic;
	text-align:	right;
}
/*END STYLES FOR 1ST TEXT COLUMN OF MAIN CONTENT*/
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/*END STYLES FOR MAIN CONTENT OVER 2 COLUMNS*/
#content-2col {
	float: left;
	width: 100%; /*sets the width of the column*/
	margin: 0 0 10px;
	font-size: 12pt;
}
#content-2col h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #212125;
	padding: 0;
	margin: 0 0 5px 0;
}
#content-2col h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: bold;
	color: #212125;
	padding: 0;
	margin: 0 0 5px 0;
}
#content-2col p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #212125;
	margin: 0 20px 5px 0;
	line-height: 1.3em;
}
#content-2col p#breadcrumb {
	color: black;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: smaller;
}
#content-2col p#breadcrumb a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}
#content-2col p#breadcrumb a:hover {
	text-decoration: underline;
}
#content-2col p.header {
	color: #0A5874;
	margin: 10px 0 10px;
	height: auto;
	padding: 3px 0px 5px 0px;
	font-size: smaller;
	background: #F1F4F5 url("/_layouts/images/Ofgem/contact-title-bg.gif") repeat-y left top;
	vertical-align: middle;
}
#content-2col p.calendar {
	width:100%;
	background-color: #97979b;
	color: #fff;
	font-size: smaller;
	padding: 5px 0px 5px 0px;
	margin: 0;
	text-align: left;
}
#content-2col p.months {
	width:100%;
	background-color: #f6e6bf;
	color: #000;
	font-size: smaller;
	padding: 10px 0;
	margin: 0;
	text-align: center;
	line-height: 140%;
}
#content-2col p.months a {
	text-decoration: none;
}
#content-2col p.months a:hover {
	text-decoration: underline;
}
#content-2col p strong {
	padding: 0;
	margin: 0;
	font-weight: bold;
}
#content-2col p a {
	color: #212125;
	text-decoration: none;
}
#content-2col p a:hover {
	text-decoration: underline;
}
/*start rollover with MS Word icon*/
#content-2col p a.wordicon {
	color: #212125;
	text-decoration: none;
	background:url("/_layouts/images/Ofgem/icon-word.gif") no-repeat right center;
	padding: 5px 35px 5px 0;
}
#content-2col p a.wordicon:hover {
	text-decoration: underline;
}
/*end rollover with MS Word icon*/
#content-2col ul {
	margin: 0 0 0 8px;
	padding: 0 0 0 8px;
}
#content-2col ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 10px 5px 0;
	padding: 0;
	font-size: smaller;
	line-height: 120%;
	list-style: disc;
}

#content-2col ul li a {
	color: #212125;
	text-decoration: none;
}
#content-2col ul li a:hover {
	text-decoration: underline;
}
/*start of form, fieldset and button classes for 'Archive' button in 'CAREERS.HTML'*/
#content-2col form, #content-2col emailAlert{
	margin: 0;
	padding: 0;
	border: none;
}

#content-2col emailAlert input{
	padding: 100px;
	margin:100px;

}

#content-2col input.archive{
	border: none;
	background-color: #e2b23b;
	color: #fff;
	font-weight: bold;
	margin: 0 10px 0 10px;
}
/*end of form, fieldset and button classes for 'Archive' button in 'CAREERS.HTML'*/

/*STYLES FOR SETTING TABLE CONTENT IN 'LINKS.HTML' PAGE*/
#content-2col table.links  {
	border-collapse: collapse;
	border: solid 1px #c0c6cb;
}
#content-2col table.links td.header {
 	background-color: #c0c6cb;;
	padding-top: 10px;
}
#content-2col table.links td {
	font-size:smaller;
	font-weight: normal;			
	text-align: left;
	vertical-align: top;
	color: #105d72;
	border: solid 1px #c0c6cb;
	margin: 0;
	padding: 3px;
	background-color: #fff;
}
#content-2col table.links tr.alt {
	background-color: #f1f4f5;
}
#content-2col table.links td a {
	font-weight:bold;
	color: #105d72;
	text-decoration: none;
}
#content-2col table.links td a:hover {
	text-decoration: underline;
}
/*END STYLES FOR SETTING TABLE CONTENT IN 'LINKS.HTML' PAGE*/


/*REGISTER-EMAIL PAGE*/
/* --------------------------------------------------------------------- */
#content-2col Label.main-areas {
	width: 25em;
	float: left;
	margin: 0;
	padding: 0;
	height: 2em;
	line-height: 1.5em;
	line-height: 2em;
	font-weight:bold;
}
#content-2col #sub-details {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
#content-2col #sub-details input.subscribe {
	background-color: #fff;
	border: solid 1px #c2c5c7;
	margin: 0 0 5px 0;

}
#content-2col #sub-options {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	line-height:0.9em;
}
#content-2col #sub-options div.chkbx-label {
	padding: 0;
	margin: 0;
	float: left;
	width: 25em;
	font-weight:bold;
}

#content-2col #sub-options div.chkbx-label-1 {
	padding: 0;
	margin: 0;
	float: left;
	width: 25em;
	/*font-weight:bold;*/
}

#content-2col #sub-options Label {
	padding: 0;
	margin: 0;
	width: 50em;
	float:none;
}


/* --------------------------------------------------------------------- */
/*END REGISTER-EMAIL PAGE*/


/*END STYLES FOR MAIN CONTENT OVER 2 COLUMNS*/
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/*STYLES FOR RIGHT COLUMN: IMAGE AND ADDITIONAL LINKS*/
#content-right {
	float: right;
	width: 207px;
	margin: 0 5px 10px 0;
}
#related-links {
	margin-top: 10px;
}
#related-links #bg-related-links {
	background-color: #f6e6bf;
}
#related-links #bg-contact {
	background-color: #ECEDEE;
	line-height: 100%; /* setting a line-height fixes "peek-a-boo" bug in IE6 */
}
#related-links p {
	color: #1b1c20;
	margin: 0;
	padding: 5px 5px 5px 10px;
	font-size: .7em;
}
#related-links p.map {
	color: #1b1c20;
	margin: 0;
	padding: 5px 5px 5px 10px;
	font-size: .6em;
}
#related-links p.resources-header {
	font-size: .7em;
	font-weight: bold;
	background-color: #97979B; 
	color: #f6f6f6;
	margin: 0;
	padding: 5px;
}
#related-links p a {
	color: #000;
	text-decoration: none;
}
#related-links p a:hover {
	text-decoration: underline;
}
#related-links ul {
	padding: 5px 0;
	margin: 5px 0; /* Adjusts margin for links in 'Further Resources' box for IE7 and Firefox browsers */
}
#related-links ul li {
	font-size: .7em;
	color: #1b1c20;
	margin: 0;
	padding: 0 5px 5px 10px;
	list-style: square inside;
}

/*resource links vinay */

.link-item{
	margin: 0;
	padding: 0 5px 5px 10px;
	color: #1b1c20;
}

#linkitem a{
	color: #000;
}


#column #footer{
display:none;
}
/*resource links vinay */
#related-links ul li a {
	color: #000;
	text-decoration: none;
}
#related-links ul li a:hover {
	text-decoration: underline;
}
#related-links hr {
	border: 0;
	margin: 0 auto;
	color: #fff;
	background-color: #fff;
	height: 1px;
	width: 90%;
	clear: both;
}
#related-links img {
	float: right;
	padding: 0 5px 0;
}
#related-links-btm {
	margin: 0;
	background: url("/_layouts/images/Ofgem/related-lnks-tab.gif") no-repeat center bottom;
}
#related-links-btm p {
	font-size: .8em;
	font-weight: bold;
	color: #f6f6f6;
	text-align: right;
	background: transparent;
	padding: 7px 0;
}
#related-links-btm p a {
	color: #fff;
	text-decoration: none;
	padding:	6px 5px 6px 25px;
	background: url("/_layouts/images/Ofgem/icon-email.gif") no-repeat left center;
}
#related-links-btm p a:hover {
	text-decoration: 		underline;
}	
/*END STYLES FOR RIGHT COLUMN: IMAGE AND ADDITIONAL LINKS*/
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/*FOOTER MENU STYLES*/
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:	#AAB7C7;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: .7em;

}
#footer ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#footer li {
	float: left;
	margin: 0;
	padding: 0;
	width: 19.5%;
	list-style: none;
	height: 3.5em;
}
#footer li a {
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	color: #4E4041;
	display: block;
	margin: 5px 5px 5px 0;
	padding: 3px 0 3px 21px;
	background: url("/_layouts/images/Ofgem/chevron-ftr.gif") no-repeat 5% 50%;
}
#footer li a:hover {
	text-decoration: underline;
}
#footer .ft-corner1 {
	background: #AAB7C7 url("/_layouts/images/Ofgem/footer-corner-1-.gif") no-repeat right top;
	text-align: center;
	width: 23%;
}
#footer .ft-corner2 {
	background: #CDD4DE url("/_layouts/images/Ofgem/footer-corner-2.gif") no-repeat right top;
	text-align: center;
	width: 18.5%;
}
#footer .ft-end {
	background: #AAB7C7;
	text-align: center;
	width: 16.9%;
}
/*These classes control the far bottom navigation: consisting of copyright notice, privacy policy statement and the terms and conditions of the Ofgem site*/
#copyright {
	background-color: #e9e9e1;
	width: 100%;
	padding: 10px 0 20px 0;
	margin: 0;
	float: left;
}
#copyright p {
	color: #666;
	text-align: center;
	font-size: .7em;
}
#copyright a {
	color: #666;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}
/*END FOOTER MENU STYLES*/
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/*GENERIC STYLES*/
.clear-both {
	clear: both;
}
.clear-right {
	clear: right;
}
.clear-left {
	clear: left;
}
.clear-gap {
	clear: both;
	margin: 0;
	padding: 7px 0;
}


/*START OF STYLES FOR 'SITE MAP'*/
/*set width and size for left column*/
#content-2col #site-map-left {
	width: 49%;
	float: left;
}
/*set width and size for right column*/
#content-2col #site-map-right {
	width: 49%;
	float: right;
}

.level-section{
	padding:0;
	height:10pt;
}

.level-section .level-header{
	padding:0;
}

.level-header #header{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background: white url('/_layouts/images/Ofgem/ofgem-bullet.gif') no-repeat left center;
	padding: 0 0 0 15px;
}

.level-section .headertitle-large{
	padding:0 0 2px 0;
}

.level-section .headertitle-small{
	background:white;
	margin:0 0 0 15px;
	padding:0 0 0 15px;
}

.level-band #header{
	background:white;
	border:0;
}

.level-section .level-band{
	background:white url('/_layouts/images/Ofgem/ofgem-bullet.gif') no-repeat left center;
	margin:0 0 0 30px;
	padding:0 0 0 15px;
}

#header a, #header a:active, #header a:visited, #header a:hover{
	font-size:8pt;
	font-weight:normal;
	color:black;
}


/*END OF STYLES FOR 'SITE MAP'*/




/*	start of document library styles	*/
.ms-listviewtable {
border-bottom-color:white;
border-color:white;
border-left-color:white;
border-right-color:white;
border-top-color:white;
background-color: #f6f1e4;
border-collapse:collapse;
margin-top:10px;
margin-bottom:10px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
padding:100px 3px 3px 3px;
}

.ms-alternating{
	border-width:0px;
	font-family:inherit;
}

.ms-alternatingstrong{
	border-width:0px;
	font-family:inherit;
	background-color: #ebe6da;
}
.ms-vb2{
	color: #2C2929;
	vertical-align: top;
	font-size: .7em;
	padding: 10px 5px 10px 5px;
}

.ms-vh2{
	background-color: #c0c6cb;
	color:black;
	font-weight:bold;
	vertical-align: top;
	font-family:inherit;
	font-size: .7em;
	text-align: left;
	padding: 10px 5px 10px 5px;

}
.ms-vb{
	color:black;
}

.ms-WPBody A:hover{
	text-decoration: none;
}

/*	end of document library styles	*/




/*Subdocument View Table STYLES*/
p.years {
	background-color: #f6e6bf;
	color: #000;
	padding: 10px 0;
	margin: 0;
	text-align: center;
	width: 100%;
}
p.years a {
	text-decoration: none;
}
p.years a:hover {text-decoration: none;
	
}
table.yearsTable {
	font-size: 12pt;
}
table.yearsTable td {
	font-size: smaller;
}
table.docTable2 {
	margin: 0px 0px 0px;
	padding: 0;
	border-collapse:collapse;
	font-size: 12pt;
	text-decoration: none;
	width: 100%;
}
table.docTable2 tr.docTableRow0 {
	background-color: #f6f1e4;
	color: blue; 
	vertical-align: top;
	padding: 10px 5px 10px 5px;
}
table.docTable2 tr.docTableRow1 {
	background-color: #ebe6da;
	color: green;
	vertical-align: top;
	padding: 10px 5px 10px 5px;
}
table.docTable2 tr.docTableHeader {
	color:#2C2929;
	background-color:#C0C6CB;
	vertical-align: top;
	text-align: left;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
}
table.docTable2 tr {
	background-color: #f6f1e4;
}
table.docTable2 th {
	background-color: #c0c6cb;
	color: #2C2929;
	vertical-align: top;
	text-align: left;
	padding: 5px 5px 5px 5px;
	font-size: smaller;
}
table.docTable2 td {
	color: black;
	vertical-align: top;
	padding: 10px 5px 10px 5px;
	font-size: smaller;
}
table.docTable2 td a:link, table.docTable2 td a:visited {
	/* 081131 color: black; */
	color: blue;
	text-decoration: none;
}
table.docTable2 td a:hover {
	text-decoration: underline;
	color: blue;
}
table.docTable2 td hr {
	margin: 2px auto;
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	width: 99%;
	padding: 0;
}
table.docTable {
	margin: 10px 0px 20px;
	padding: 0;
	width: 100%;
}
/*'DOCUMENT PROPERTIES' table doesn't need to be full width of column so reduce it to contain content*/
table.pdf-info {
	width: auto;
}
/*default table row colour*/
table.docTable tr {
	background-color: red;
	text-decoration: none;
}
/*alternative table row colour*/
table.docTable tr.alt {
	background-color: #ebe6da;
}
table.docTable th {
	background-color: #c0c6cb;
	color: #2C2929;
	vertical-align: top;
	text-align: left;
	padding: 5px 5px 5px 5px;
	font-size: smaller;
}
table.docTable td {
	color: black;
	vertical-align: top;
	padding: 10px 5px 10px 5px;
	font-size: smaller;
}

table.docTable td a:link, table.docTable td a:visited {
	color: black;
	
}
table.docTable td a:hover {
	text-decoration: none;
}

table.docTable td hr {
	margin: 2px auto;
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	width: 99%;
	padding: 0;
}
/*END Subdocument View Table STYLES*/



/*START of styles for ADVANCED SEARCH */
#content-2col #adv-search div {
	position: absolute;
	width: 25em;
	margin: 20px 0 0;
}



#content-2col #adv-search p {
	color: #5C5B60;
	margin: 0px;
	height: 3em;
	padding: 0px;
	background: white;
}



#content-2col p.header {
	color: #105D72;
	margin: 5px 0px;
	height: 2em;
	padding: 0 0 0 10px;
	font-size: 1em;	
	background-color: #F1F4F5 /*url("/_layouts/images/Ofgem/contact-title-bgx.gif") repeat-y left top;*/
	line-height: 1.7em;
}



#content-2col p.options {
	color: #999999;
	padding-top: 10px;
}

#content-2col p.email {
	color: #212125;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	font-size: .7em;
	width: 500px;
	/*background: url(../images/email-icon.gif) no-repeat right top;*/
}
#content-2col p.email img {
	float: left;
	padding: 5px 10px 0 0;
}
/* removed after RNIB report suggestion 271109
handles labels for 'area of work' and 'search by document type'*/
#content-2col label {

	float: none;
	padding-right:20px;
	margin: 0.2em 0;
	font-size: 1em;
	width:10.5em;
	display: inline;
	text-align: left;
	height: auto;
	line-height: 1.5em;

}

#content-2col span label {

	float: none;
	padding-right:20px;
	font-size: 1em;
	display: inline;
	margin: 0.2em 0;
	height: auto;
	line-height: 1.5em;	
	text-align: left;
}
	
/*handles labels for 'order results by'*/
#content-2col label.order-result {
	font-size: .7em;
	width: 120px;
	display: inline;
	float: left;
	text-align: left;
	margin: 0px;
	height: 2em;
}
#content-2col input {
	background-color: #fff;
	

}
#search-fields .ref-no-p1 {
	width: 4em;
	display:none;
}

#search-fields .ref-no-p2 {
	width: 4em;
display:none;
}


#search-fields .date-range-dd {
	width: 2em;	
	display:none;
}
#search-fields .date-range-mm {
	width: 2em;
	display:none;
}
#search-fields .date-range-yy {
	width: 4em;
	display:none;
}


/* handles styling for 'Date range' input boxes */
#content-2col input.day, #content-2col input.month {
	background-color: #fff;
	border: solid 1px #c2c5c7;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	width: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	height: 1.5em;
}
#content-2col input.year {
	background-color: #fff;
	border: solid 1px #c2c5c7;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width: 3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	height: 1.5em;
}
/* handles alignment for 'Search by document number' input boxes */
#content-2col #search-docnumber #docnumber {
	padding: 0px 0px 10px 5px;
}
/* handles styling for 'Search by document number' input boxes */
#content-2col input.docnumber {
	background-color: #fff;
	border: solid 1px #c2c5c7;
	height: 1.5em;
	width: 2em;
}
#content-2col input.radio {
	margin: 0;
	padding: 0;
}
#content-2col input.workarea {
	float: left;
}
#content-2col input.txtbx {
	margin: 4px 0px 0px 51px;
	border: none;
	background: transparent;
	height: 16px;
	width: 360px;
}
#content-2col select.text {
	font-size: .7em;
	width: 170px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 0px;
}


#content-2col div#srchbx {
/*	background: url("/_layouts/images/Ofgem/ofgem-search-bg.gif") no-repeat left top;*/
	height: auto;
	margin: 0px;
	padding: 70px 0px 10px;
	border: none;
	width: 506px;
}


#content-2col #search-icon {
	position: absolute;
	width: 100px;
	height:	99px;
	z-index: 1;
	/* left: 591px;
	top: 177px; */
}
#content-2col #search-fields {
	margin: 0 0 10px;
	padding: 0;
	width: 42em;
}
/*set border around DIV on search fields on 'Search Results' page*/
#content-2col #search-fields-refine {
	margin: 0 0 10px;
	padding: 0 5px;
	width: 95%;
	border: solid 1px #999;
}
/*set a wider labels within 'Search Results' page'*/
#content-2col #search-fields-refine label {
	font-size: .7em;
	width: 125px;
	display: inline;
	float: left;
	text-align: left;
	margin: .2em 0;
}
/*#content-2col #search-fields fieldset {
	border: none;
	margin: 0;
	padding: 0 5px;
}*/

#content-2col #search-fields div.srchfields {
	border: none;
	margin: 0;
	padding: 0 5px;
}

/*styling the 'SUBMIT' button*/
#content-2col #sub-button {
	width: 100%;
	height: auto;
	background-color: #f1f4f5;
}
#content-2col #sub-button div {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
#content-2col #sub-button div input {
	border: none;
	background-color: #e2b23b;
	color: #000;
	float: right;
	font-weight: bold;
}
/*end of styling the 'SUBMIT' button*/

/*start of styles for 'SEARCH BY DOCUMENT TYPE'*/
#content-2col #search-fields #search-doctype {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
#content-2col #search-fields #search-doctype fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#content-2col #search-fields #search-docnumber {  
	margin: 0;
	padding: 0;
	float: left;
	width: 255px;
}
#content-2col #search-fields #search-type-radio {
	margin: 0px;
	padding: 0px 0px 10px;
}

#content-left .ms-listviewtable p 
{
	font-size: 1em;
}

/*END of styles for 'SEARCH BY DOCUMENT TYPE'*/
/*END of styles for ADVANCED SEARCH */

a {
    color: #333;
    outline: none;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        background-color: #c7d1d6;
    }

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}


/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    font-weight: 600;
}

label.checkbox {
    display: inline;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    margin: 5px 0 6px 0;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #AAB7C7;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

input[type="submit"],
input[type="button"], button {
    background-color: #AAB7C7;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    font-size: 90%;
    font-weight: bold;
    margin-right: 8px;
    padding: 5px;
    width: auto;
}

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 90%;
        padding: 4px;
        margin-right: 4px;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }



    /* forms */
    input {
        width: 90%;
    }
}


    /* Form */

    .display-label {
        clear: both;
        font-weight: bold;
        width: 150px;
        float: left;
    }

    .display-field {
        float: left;
        /*width: 450px;*/
        margin-left: 1em;
        padding: 0.25em 0.25em 0.25em 0.25em;
    }

    .display-field-short {
        float: left;
        width: 200px;
    }

    /* Form - Ends */

    /* Modal */

    #overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    #modal {
        position: absolute;
        background: url(tint20.png) 0 0 repeat;
        background: rgba(0,0,0,0.2);
        border-radius: 14px;
        padding: 8px;
    }

    #content {
        border-radius: 8px;
        background: #fff;
        padding: 20px;
    }

    #close {
        position: absolute;
        background: url(close.png) 0 0 no-repeat;
        width: 24px;
        height: 27px;
        display: block;
        text-indent: -9999px;
        top: -7px;
        right: -7px;
    }

    #search-options-modal {
        border-radius: 14px;
        padding: 8px;
        font-size: 11px;        
    }

    #search-options-modal .ui-dialog-titlebar-close {
        top: -7px;
        right: -7px;
        
    }
    /* Modal Ends */

    /* General Styles */

    .bold {
        font-weight: bold;    
    }

    .strong {
        font-weight: bolder;    
    }

    .hidden {
        display: none;
    }

    .smallFont {
        font-size: 0.85em;
    }

    .min-height {
        min-height: 1em;
    }

    /* General Styles - End */

    /* Element Specific Styles */

    #filter-section {
        margin-left: 10px;
        width: 310px;
        height: 400px;
        float: left;
        position: relative;
    }

        #filter-section #folder-tree {
            /*position: absolute;*/
            height: 400px;
        }

    #document-list-container {
        width: 850px;
        float: left;
        margin-left: 7.5px;
        position: relative;
        padding: 2px 2px 2px 2px; margin-bottom: 20px;
    }

    #dialog-modal #pdf-container {
        float: left;
        width: 700px;
    }

    #dialog-modal #metadata-details {
        float: left;
        width: 420px;
        margin-left: 1em;
    }

        #dialog-modal #metadata-details fieldset {
            border: 0.5em solid silver;
            border-radius: 25px;
            -moz-border-radius: 25px; /* Old Firefox */
            padding: 1em 1em 1em 1em;
            font-size: 0.8em;
        }

        #dialog-modal #metadata-details fieldset div {
            padding: 0.15em;    
            position:relative;
        }

        #dialog-modal #metadata-details fieldset legend {
            border: 1px dotted silver;
            padding: 1em 1em 1em 1em;
            display: block;
            margin-bottom: 0.5em;
            font-weight: bold;
        }

#grid-container {
    width: 100%;
}

#top-bar {
    width: 100%;
    float: left;
    padding: 0.25em 0.25em 0.25em 0.25em;
}   

#top-bar #welcome-bar {
    width: 100%;
    float: left;
    font-size: 11px;
}

#searcher-bar {
    text-align:right; 
    width: 38%;
    float: left;
}

#search-text {
    width: 200px;
}

#searcher-buttons {
    text-align:right; 
    margin-right:12px;    
    width: 50px;
    float: left;
    padding-top: 10px;
}

#search-info-bar {
    float: left;
    font-size: 12px;
    width: 100%;
}

#search-info-bar #info{
    float: left;
    padding: 0.75em 1em 0;
    width: 50%;
}

    #search-info-bar #search-settings {
        float: left;
        padding: 0.25em 1em 0;
    }

    #search-info-bar #search-settings img {
        margin-top: 10px;
    }

#search-ref-url {
    border: 1px dotted silver;
    border-radius: 4px 4px 4px 4px;
    font-size: 11px;
    width: 420px;    
}

#send-search-log {
    font-size: 11px;    
}

#results-count {
    background: none repeat scroll 0 0 gray;
    border: 1px dotted silver;
    border-radius: 4px 4px 4px 4px;
    margin-left: 5px;
    margin-top: -22px;
    position: absolute;
}

#user-guide {
    font-size: 11px;
}


#font-manipulator td{
    padding: 3px;
}

#epr-title {
    color: #FFF;
    font-size: 27px;
    font-weight: bold;
    padding-right: 1em;
    text-align: right;
}
    /* Element Specific Styles - End */

    .large-grid {
        display: none;
    }

    .ajax-loader {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -32px; /* -1 * image width / 2 */
        margin-top: -32px; /* -1 * image height / 2 */
        display: block;
    }

    .document-result-count {
        font-weight: bold;
        float: left;
        clear: both;
    }

    .gap_before {
       margin-top:1em; 
    }

    .gap_after {
       margin-bottom:1em; 
    }

    .hand {
        cursor: hand;
        cursor: pointer;
    }

.doc-interaction-icons {
    float: right;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 0.25em;
}

    .doc-interaction-icons img {
        padding: 2em;
        cursor: hand;
        cursor: pointer;
    }

.doc-detail-readonly-list {
    height: 50px;
    width: 380px;
    border: 1px dotted silver;
}

textarea.doc-metadata-readonly {
    height: 50px;
    width: 380px;
    border: 1px dotted silver;
}




/* Jquery UI Overrides - Begin */

#filter-section .ui-accordion .ui-accordion-content {
    padding: 0.25em 0.25em;
}

/* Jquery UI Overrides - End */

/* JqGrid additionals for EPR */

.ui-jqgrid tr.jqgrow {
        cursor: hand;
        cursor: pointer;    
}

/**/