/*GLOBAL RE-SET*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, label, img { padding: 0; margin: 0; }

html { overflow: scroll; }
body ul li { list-style-type: none; }
body ol li { list-style-position: inside; }
body img { border: none; }
body { text-align: center; font-size: 62.5%; height: 100%; }
body fieldset { border: none; }
body fieldset legend { display: none; }
body a { color: #1375a4; text-decoration: none; }
body a:focus { border: none; }

body a:hover { color: #1375a4; text-decoration: underline; }

h1 { display: none; }
h2 { display: none; }

td { padding-left: 5px; padding-top: 5px; border: 1px solid #ccc; }
th { background-color: #1375A4; padding-left: 5px; padding-top: 5px; color: #fff; border: none; }
.access{display:none;}
.skip { left: 0px; overflow: hidden; width: 1px; position: absolute; top: -1000px; height: 1px; }
.clear { clear: both; display: block; }
.external { display: none; }

.external_link { line-height: 1.1em; border: 1px solid red; padding: 0 7px 0 7px; display: inline-block; background: url(/Images/DECC/master/icons/external_link.gif) no-repeat 2px 0px; cursor: pointer; height: 10px; }
/*background: url(/Images/master/icons/external_link.gif) no-repeat 3px 0px;*/
.hide { display: none; }



/*LAYOUT-PANES*/
/*outer containing elements */
/*background graphic/drop shadow can be set inside this element and set to repeat-y*/
#outer { text-align: center; margin: 0 auto; min-width: 760px; }
/*inner container*/
.wrapper { min-width: 760px; margin: 0 auto; text-align: left; }
/*Utilities Containing div (contact us sign up etc..)*/
.utilities { background: url(/Images/DECC/master/BG_utility.gif) repeat-x; text-align: right; font-size: 1.1em; }

/*TOP UTILITY NAV CONTROLS*/
.utilities .navigation { height: 23px; margin: 8px 2px 0 0; text-align: right; float: right; }
.utilities .navigation ul { margin-top: 1px; }
.utilities .navigation li { display: inline; }
.utilities .navigation li:first-child { }
.utilities .navigation a { padding: 1px 7px 0 7px; text-decoration: none; }
.utilities .navigation a:hover { text-decoration: underline; padding: 1px 7px 0 7px; }

/*SEARCH CONTROLS*/
.utilities fieldset.search { text-align: right; float: right; margin: 6px 8px 0 0; }
.utilities .search label { padding: 3px 5px 0 5px; text-align: right; float: left; }
.utilities .search input.searchfield { width: 117px; height: 14px; padding: 1px 0 1px 2px; font-size: 1em; display: inline; }
.utilities .search input { display: inline; }
.utilities .search span { display: none; }
.utilities .search .btn_search { width: 53px; height: 19px; margin-left: 3px; background: transparent url(/Images/DECC/master/Btn_go.gif) no-repeat; font-size: 11px; font-weight: 700; padding-bottom: 1px; cursor: pointer; }
.utilities .search .option { display: none; }

.branding, .branding_welsh { height: 89px; background: url(/Images/DECC/master/branding.jpg) repeat; }

.branding H3 { margin: 0; padding: 0; }
.logo { width: 258px; height: 80px; display: block; background: url(/Images/DECC/master/logo.jpg) no-repeat; }
.flashBanner { width: 756px; height: 209px; }
.contentPane .flashContent { width: 400px; margin: 0 0 10px 10px; height: 209px; overflow: hidden; }
.contentPane_wide .flashContent { height: 209px; margin-bottom: 10px; overflow: hidden; }

.flashContent{height: 209px;border-right:22px solid #fff; background: #1396e4 url(/Images/DECC/master/Flash_expander.jpg) no-repeat 580px 0px ;}
/*.flashContent{height: 209px;border-right:22px solid #fff; background: #000 url(/Images/master/Flash_expander.jpg) repeat-x 0 0 ;}*/
.flashBanner .flashDisabled { background: transparent url(/Images/DECC/master/Flash_banner.jpg) no-repeat; text-align: right; height: 100%; }
.flashContent .flashDisabled { background: transparent url(/Images/DECC/master/Flash_content.jpg) no-repeat; text-align: right; height: 100%; }
.flashDisabled div { background: url(/Images/DECC/master/flashdisabled_bg.png); color: #FFF; margin: 0; padding: 5px; }
.flashDisabled p { margin: 0; padding: 3px; }
.flashDisabled a { border: none; width: 112px; height: 33px; display: inline-block; text-align: right; background: transparent url(/Images/DECC/webparts/icons/disabled_getflashplayer.gif) no-repeat; }

/*breadcrumbs*/
.breadcrumb {font-size: 1.1em; margin-bottom: 5px; }
.breadcrumb ul { padding: 0; list-style: none; padding: 3px 0 0 14px; }
.breadcrumb li { float: left; margin: 0; padding: 0; font-size: 1em; }
.breadcrumb a.breadcrumb { font-size: 1em; white-space: nowrap; }
.breadcrumb a:link,.breadcrumb a:visited,.breadcrumb a:active{text-decoration:none }
.breadcrumb a.current { font-size: 1em; text-decoration: none !important; }
.breadcrumb a.current:hover { text-decoration: none !important; }

/*.pageBody{margin:0 8px}	*/
.pageBody { margin: 0 8px 10px; min-height: 500px; height: auto !important; height: 500px; }

.contentPane, .contentPane_wide { padding: 0 10px 0 10px; text-align: left; overflow: hidden; font-size: 1.2em; line-height: 1.3em; }
.contentPane DIV DIV { margin: 0px 10px 0px 0px; }
/*
Fluid options 
*/
.inner { width: 100%; }
* html .inner{overflow:hidden;}
span#content{display:none; }
.float-wrap { float: left; width: 100%; /*** Same length as .outer border-left but with negative value ***/ }
#content { float: right; background: #fff; width: 100%;}
* html #content { position: relative; }
.leftPane { float: left; width: 170px; margin: 0px; font-size: 1em; }
* html .leftPane { position: relative; /*** IE needs this  ***/ }
.rightPane { float: right; width: 150px; padding: 0 10px 0 8px; margin-right: -158px; font-size: 1.1em; z-index: 2; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/ ;}
* html .rightPane { position: relative; /*** IE needs this  ***/ }

.threeCol { border-left: 170px solid #ebebeb; /*** This is the width and the color for our left column ***/ border-right: 150px solid #FFF; /*** This is the width and the color for our right column ***/ }
.threeCol .float-wrap { margin-left: -170px; /*** Same length as .outer border-left but with negative value ***/ }
.threeCol #content { margin-right: -170px; }

.twoCol { border-left: none; border-right: 150px solid #FFF; /*** This is the width and the color for our right column ***/ }
.twoCol .float-wrap { margin-left: 0; /*** Same length as .outer border-left but with negative value ***/ }
.twoCol #content { margin-right: 0px; }
.twoCol .leftPane { display: none; }
.twoCol .rightPane { padding: 0; margin: 0 -150px 0 0; }



/*.rightPane { float: left; width: 150px; height: auto; margin-left: 10px; overflow: hidden; font-size: 1.1em; line-height: 1.2em; }*/

.bottomPane { clear: both; height: 1px; }

.footer { clear: both; height: 25px; font-size: 1.1em; }
.footer ul { padding: 0; list-style: none; }
.footer li { float: left; margin: 0; padding: 0; background: url(/Images/DECC/master/footer_divider.gif) right no-repeat; height: 20px; }
.footer a { display: inline; padding: 5px 6px 6px 6px; text-decoration: none; }
.footer .right { float: right; padding-top: 6px; background-image: none; }
.footer .left { float: left; padding: 6px 2px 0 2px; }

/*SEARCH/PAGINATION AND LISTINGS*/
ol.search-results { margin: 0 0 10px 00px; }
.searchNumber { margin-left: 10px; }
.searchterm { font-weight: bold; }

.paging { width: 100%; }
.paginginfo { display: block; float: left; width: 150px; padding: 10px 0 8px 10px; text-align: left; }
.paging .pagelinks br { clear: both; display: block; }
.paging .pagelinks { float: right; text-align: right; display: block; width: auto; height: 18px; margin: 10px 20px 8px 0; }

a.paginglink { display: block; float: left; margin: 0 5px; height: 18px; }
a.paginglink_active { display: block; float: left; margin: 0 5px; font-weight: bold; border: none; height: 18px; }

ol.search-results li { margin: 10px 10px 0 20px; }
ol.search-results li a { font-size: 1.2em; padding-bottom: 1px; text-decoration: none; line-height: 1.6em; }
ol.search-results li a:hover { text-decoration: underline; }

.btnNext { width: 20px; height: 19px; background: transparent url(/Images/DECC/webparts/icons/btn_next.gif) no-repeat top right; display: block; float: left; border: none; margin-right: 10px; padding-left: 5px; }
.btnNext_disabled { width: 20px; height: 19px; background: transparent url(/Images/DECC/webparts/icons/btn_next_disabled.gif) no-repeat top right; display: block; float: left; margin-right: 10px; padding-left: 5px; }

.btnPrevious { width: 20px; height: 19px; padding-right: 5px; background: transparent url(/Images/DECC/webparts/icons/btn_previous.gif) no-repeat; display: block; float: left; }
.btnPrevious_disabled { width: 20px; height: 19px; padding-right: 5px; background: transparent url(/Images/DECC/webparts/icons/btn_previous_disabled.gif) no-repeat; display: block; float: left; }



.SiteMap ul { padding-left: 10px; padding-bottom: 15px; }
.SiteMap ul ul { }
.SiteMap ul ul ul { padding-bottom: 0; }


.SiteMap ul li { padding: 3px 0 0px 0; }
.SiteMap ul li a { font-weight: bold; padding-left: 8px; background: url(/Images/DECC/master/navigation/nav_y_Bullet_default.gif) no-repeat 0px; }

.SiteMap ul li ul li a { font-weight: normal !important; }

.SiteMap .TreeView-Collapse { display: none; }

