/* ------------ ELEMENTS -------------- */

BODY
{
    width: 100%;
    font-size: 85%;
    color: #000;
    background-color: #f7f7f7;
    font-family: Arial, Sans-Serif, Helvetica, Verdana;
    margin: 0;
}
/* IE-specifics (are these needed? - should not really use ) 
*:first-child+html BODY{word-wrap: break-word;}
* html BODY{word-wrap: break-word;}
*/
BODY.microsite
{
    background-color: #fff;
}
/*BODY.microsite #leftCol{display:none;}*/

IMG
{
    border: 0;
}

h1
{
    display: block;
    clear: both;
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    color: #000;
    margin: 0;
    padding: 0;
    color: #3f5495;
}


h2
{
    display: block;
    clear: both;
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    color: #000;
    margin: 0;
    padding: 0;
    color: #3f5495;
}


h3
{
    display: block;
    clear: both;
    float: left;
    font-weight: bold;
    font-size: 1em;
    color: #000;
    margin: 0;
    padding: 0;
}

h4
{
    display: block;
    clear: both;
    float: left;
    font-weight: bold;
    font-size: 1em;
    color: #000;
    margin: 0;
    padding: 0;
}
h5
{
    display: block;
    clear: both;
    float: left;
    font-weight: normal;
    font-size: 1em;
    color: #000;
    margin: 0;
    padding: 0;
}

A:link, A:visited, A:hover
{
    text-decoration: none;
    font-weight: bold;
    color: #3f5495;
}
A:hover
{
    text-decoration: underline;
}


/* ------ main page structures ---------- */

/* top-most level div container */
#mainPageContainer
{
    width: 100%;
    display: block;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

#pageMid
{
    width: 100%;
    display: block;
    float: left;
    clear: both;
    background-color: #fff;
    padding: 0px 0px 10px 0px;
}

#pageContent
{
    width: 880px;
    display: block;
    float: left;
    clear: both;
}

#leftCol
{
    font-size: 80%;
    display: inline;
    float: left;
    width: 158px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
#midCol
{
    font-size: 90%;
    display: inline;
    float: left;
    width: 538px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
#rightCol
{
    font-size: 80%;
    display: inline;
    float: left;
    width: 164px;
    margin: 23px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


#topHeaderOuter
{
    width: 100%;
    height: 87px;
    background: transparent url(/ukgwa/20120405092357oe_/http://nds.coi.gov.uk/templates/nds/images/headerBg.jpg) repeat-x;
}
* html #topHeaderOuter
{
    height: 84px;
}

#topHeaderInner
{
    width: 880px;
    height: 87px;
    padding: 0;
    margin: 0px;
    background-color: Transparent;
}

#topHeaderOuterMicro
{
}


#topHeaderInnerMicro
{
    background-color: #f7f7f7;
}


#topHeaderLeft
{
    display: inline;
    float: left;
    width: 380px;
    height: 87px;
    margin: 0px 0px 0px 4px;
    background-image: url(/ukgwa/20120405092357oe_/http://nds.coi.gov.uk/templates/nds/images/headerTop.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#topHeaderLeft A
{
    width: 370px;
    height: 50px;
    display: block;
    margin: 20px 0px 0px 0px;
}
#topHeaderMiddle
{
    display: inline;
    float: left;
    width: 326px;
    height: 87px;
}
#topHeaderRight
{
    display: inline;
    float: left;
    width: 160px;
    height: 87px;
    margin: 0px 10px 0px 0px;
    background-image: url(/ukgwa/20120405092357oe_/http://nds.coi.gov.uk/templates/nds/images/headerTopCOI.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
#topHeaderRight A.COILogo
{
    width: 130px;
    height: 70px;
    float: right;
    margin: 4px 0px 0px 0px;
}

#footer
{
    font-size: 80%;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    height: 170px;
    background: #f7f7f7 url(/ukgwa/20120405092357oe_/http://nds.coi.gov.uk/templates/nds/images/footerBg.jpg) repeat-x;
}
* html #footer
{
    height: 170px;
}


/* ------- forms and form parts------ */


input, select, textarea
{
    color: #000;
    font-family: arial,sans-serif;
    font-size: 1em;
}
input[type="text"], input[type="password"], select, textarea
{
    border: solid 1px #7f9db9;
}
.sidebarBox input[type="text"], .sidebarBox input[type="password"], .sidebarBox select, .sidebarBox textarea
{
    border-color: #999;
}

/* ... also need to remove the border in ie6 ... 
input[type="checkbox"] {border:0; border-style:none;}
.sidebarBox input[type="checkbox"].noBorder {border:0; border-style:none;}
* html .sidebarBox input[type="checkbox"].noBorder {border:0; border-style:none;}*/



input.formInput_S, input.formInput_S2, input.formInput_M, input.formInput_L, input.formInput_XL
{
    height: 18px;
}
.searchBoxItem input.formInput_S, .searchBoxItem input.formInput_S2, .searchBoxItem input.formInput_M, .searchBoxItem input.formInput_L, .searchBoxItem input.formInput_XL
{
    height: 15px;
}
select.formInput_S, * html select.formInput_S, select.formInput_S2, * html select.formInput_S2, select.formInput_M, * html select.formInput_M, select.formInput_L, * html select.formInput_L, select.formInput_XL, * html select.formInput_XL
{
    height: 22px;
}
.searchBoxItem select.formInput_S, * html .searchBoxItem select.formInput_S, .searchBoxItem select.formInput_S2, * html .searchBoxItem select.formInput_S2, .searchBoxItem select.formInput_M, * html .searchBoxItem select.formInput_M, .searchBoxItem select.formInput_L, * html .searchBoxItem select.formInput_L, .searchBoxItem select.formInput_XL, * html .searchBoxItem select.formInput_XL
{
    height: 19px;
}
input.formInput_S
{
    width: 140px;
}
* html input.formInput_S
{
    width: 138px;
}
*:first-child + html input.formInput_S
{
    width: 138px;
}
input.formInput_S2
{
    width: 156px;
}
* html input.formInput_S2
{
    width: 154px;
}
*:first-child + html input.formInput_S2
{
    width: 154px;
}
input.formInput_M
{
    width: 240px;
}
* html input.formInput_M
{
    width: 238px;
}
*:first-child + html input.formInput_M
{
    width: 238px;
}
input.formInput_L
{
    width: 360px;
}
* html input.formInput_L
{
    width: 358px;
}
*:first-child + html input.formInput_L
{
    width: 358px;
}
input.formInput_XL
{
    width: 425px;
}
* html input.formInput_XL
{
    width: 423px;
}
*:first-child + html input.formInput_XL
{
    width: 423px;
}
textarea.formInput_S
{
    width: 140px;
}
* html textarea.formInput_S
{
    width: 138px;
}
*:first-child + html textarea.formInput_S
{
    width: 138px;
}
textarea.formInput_S2
{
    width: 156px;
}
* html textarea.formInput_S2
{
    width: 154px;
}
*:first-child + html textarea.formInput_S2
{
    width: 154px;
}
textarea.formInput_M
{
    width: 240px;
}
* html textarea.formInput_M
{
    width: 238px;
}
*:first-child + html textarea.formInput_M
{
    width: 238px;
}
textarea.formInput_L
{
    width: 360px;
}
* html textarea.formInput_L
{
    width: 358px;
}
*:first-child + html textarea.formInput_L
{
    width: 358px;
}
textarea.formInput_XL
{
    width: 425px;
}
* html textarea.formInput_XL
{
    width: 423px;
}
*:first-child + html textarea.formInput_XL
{
    width: 423px;
}
.searchBoxItem select.formInput_S, select.formInput_S
{
    width: 142px;
}
* html select.formInput_S
{
    width: 144px;
}
*:first-child + html select.formInput_S
{
    width: 143px;
}
.searchBoxItem select.formInput_S2, select.formInput_S2
{
    width: 158px;
}
* html select.formInput_S2
{
    width: 160px;
}
*:first-child + html select.formInput_S2
{
    width: 159px;
}
.searchBoxItem select.formInput_M, select.formInput_M
{
    width: 242px;
}
* html select.formInput_M
{
    width: 244px;
}
*:first-child + html select.formInput_M
{
    width: 243px;
}
.searchBoxItem select.formInput_L, select.formInput_L
{
    width: 362px;
}
* html select.formInput_L
{
    width: 364px;
}
*:first-child + html select.formInput_L
{
    width: 363px;
}
.searchBoxItem select.formInput_XL, select.formInput_XL
{
    width: 427px;
}
* html select.formInput_XL
{
    width: 429px;
}
*:first-child + html select.formInput_XL
{
    width: 428px;
}
div.formBox_XSM
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 20px;
    vertical-align: top;
}
div.formLabel_GEN
{
    display: inline;
    float: left;
    margin: 0;
    padding: 3px 0px 0px 0px;
    width: 242px;
}
div.formLabel_S, div.formLabel_M, div.formLabel_L, div.formLabel_XL
{
    display: inline;
    float: left;
    margin: 0;
    padding: 4px 0px 0px 0px;
    height: 21px;
}
.formLabel_S
{
    width: 69px;
}
.formLabel_M
{
    width: 82px;
}
.formLabel_L
{
    width: 132px;
}
.formLabel_XL
{
    width: 252px;
}

img.formIcon
{
    margin: 0px 0px 0px 2px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
}
* html img.formIcon
{
    vertical-align: baseline;
}
*:first-child + html img.formIcon
{
    vertical-align: baseline;
}

/* ------- all inner boxes, containers and sections------ */


#pageTopFurniture, #pageTopFurnitureMicro
{
    display: block;
    float: left;
    clear: both;
    font-size: 80%;
    line-height: 150%;
    margin: 0px 0px 3px 0px;
    padding: 3px 0px 3px 0px;
}

#pageTopFurniture
{
    width: 100%;
    background: #f8fbfe;
}

#pageTopFurnitureMicro
{
    width: 760px;
}


#breadcrumbBlock, #breadcrumbBlockMicro
{
    display: inline;
    float: left;
    width: 700px;
    margin: 0px 10px 0px 6px;
}
#breadcrumbBlockMicro
{
    width: 754px;
}

#breadcrumb
{
    display: inline;
    float: left;
    margin: 0px 0px 0px 10px;
    padding: 0;
    width: 538px;
    font-weight: normal;
}
#breadcrumb a:link, #breadcrumb a:visited
{
    text-decoration: none;
    color: #036;
}
#breadcrumb a:hover
{
    text-decoration: underline;
    color: #036;
}
#topDateBlock, #topDateBlockMicro
{
    display: inline;
    float: left;
    width: 152px;
    color: #666;
}
#topDateBlockMicro
{
    padding-left: 4px;
}

#backClientWebsiteLink
{
    float: right;
    text-align: right;
    width: 584px;
    padding-left: 6px;
    padding-top: 4px;
}

#printfriendlyBlock
{
    display: inline;
    float: left;
    width: 164px;
}

.topPageTitle
{
    width: 100%;
    line-height: 130%;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.mainContainer
{
    width: 100%;
    display: block;
    clear: both;
    float: left;
    margin: 0px 0px 0px 0px;
}


.blockHalf_1of2
{
    width: 264px;
    display: inline;
    float: left;
    margin: 0px 5px 0px 0px;
}
.blockHalf_2of2
{
    width: 264px;
    display: inline;
    float: left;
    margin: 0px 0px 0px 5px;
}
.blockOneThird
{
    width: 127px;
    display: inline;
    float: left;
    margin: 0px 0px 0px 5px;
}
.blockTwoThirds
{
    width: 396px;
    display: inline;
    float: left;
    margin: 0px 0px 0px 5px;
}

.innerBlockFull
{
    display: block;
    clear: both;
    float: left;
    width: 538px;
    margin: 5px 0px 5px 0px;
    overflow: hidden;
}
.innerBlockHalf
{
    display: inline;
    float: left;
    width: 249px;
    padding: 0;
    margin: 5px 10px 0px 10px;
    overflow: hidden;
}

.checkBoxContainer
{
}

.boxInfocus
{
    background-color: #d2e9f9;
}

.SearchBoxMainContainer
{
    background-color: #d2e9f9;
}

.SearchBoxSubContainer
{
    display: inline;
    float: left;
    width: 249px;
    padding: 0;
    margin: 10px 10px 0px 10px;
}
.SearchBoxSubContainerFull
{
    display: block;
    clear: both;
    float: left;
    width: 518px;
    padding: 0;
    margin: 10px 10px 0px 10px;
}
* html .SearchBoxSubContainerFull
{margin: 10px 10px 0px 0px;padding-left: 10px;}

.searchBoxItem
{
    display: block;
    clear: both;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.searchBoxItem select
{
    width: 150px;
}

/* ----- navigation------ */
.leftNav
{
    display: block;
    clear: both;
    float: left;
    width: 158px;
    padding: 0;
}

.leftNav .boxTitle
{
    font-weight: bold;
    text-decoration: none;
    display: block;
    clear: both;
    float: left;
    color: #999;
    height: 18px;
    width: 152px;
    padding: 2px 0px 0px 6px;
}

.subNav
{
    display: block;
    float: left;
    clear: both;
    overflow: hidden;
}

.leftNav .subNav A.leftNavLink:link, .leftNav .subNav A.leftNavLink:hover, .leftNav .subNav A.leftNavLink:visited
{
    font-weight: bold;
    text-decoration: none;
    display: block;
    clear: both;
    float: left;
    color: #000;
    height: 18px;
    width: 152px;
    padding: 2px 0px 0px 6px;
    margin: 1px 0px 0px 0px;
}
.leftNav .subNav A.leftNavLink:link, .leftNav .subNav A.leftNavLink:visited
{
    background-color: #fff;
}
.leftNav .subNav A.leftNavLink:hover
{
    background-color: #e7ecf1;
}

.leftNav .subNav A.leftNavLinkSelected
{
    font-weight: bold;
    text-decoration: none;
    display: block;
    clear: both;
    float: left;
    color: #000;
    height: 18px;
    width: 152px;
    padding: 2px 0px 0px 6px;
    margin: 1px 0px 0px 0px;
}
.leftNav .subNav A.leftNavLinkSelected
{
    background-color: #e7ecf1;
}

.leftNav .firstItem
{
    padding-bottom: 0px;
    margin-top: 1px;
}
* HTML .leftNav .firstItem
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


.box_grad_mid1, .box_grad_mid2
{
    display: block;
    clear: both;
    float: left;
    border: solid 1px #989898;
    margin: 0;
    padding: 4px 4px 4px 4px;
    width: 154px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.box_grad_mid1
{
    height: 124px;
    background-image: url(/ukgwa/20120405092357oe_/http://nds.coi.gov.uk/templates/nds/images/gradient1.jpg);
}
.box_grad_mid2
{
    height: 265px;
    background-image: url(/ukgwa/20120405092357oe_/http://nds.coi.gov.uk/templates/nds/images/gradient2.jpg);
}

.box_standard_mid
{
    display: block;
    clear: both;
    float: left;
    border: solid 1px #fff;
    background-color: #fff;
    margin: 0; /*margin-top: 23px;*/ /*padding: 4px 4px 4px 4px;*/
    padding: 0;
    width: 145px;
    height: 124px;
}

/* ------ right sidebar--------- */

.sidebarBox
{
    display: block;
    clear: both;
    float: left;
    text-align: left;
    width: 146px;
    margin: 0px 0px 0px 0px;
    padding: 0px 4px 0px 4px;
    color: #666;
    font-weight: bold;
}

.sidebarItem
{
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 4px 0px 4px 0px;
    padding: 0;
}
.sidebarTitle
{
    color: #000;
    font-weight: bold;
}
.sidebarItem A:link, .sidebarItem A:visited, .sidebarItem A:hover
{
    /* use defaults */
}

div.downloadAll
{
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 4px 0px 4px 0px;
    padding: 0;
}


/* -- attachments -- */

div.mediaAssets, div.contentAttach
{
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 4px 0px 4px 0px;
    padding: 0;
}


div.mediaAssetList, div.contentAttach
{
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 4px 0px 4px 0px;
    padding: 0;
}
div.mediaAssetList ul, div.contentAttach ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}


/* ----- footer ----- */

.footerLeftCol
{
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 158px;
}
.footerMidCol
{
    display: inline;
    float: left;
    width: 538px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
}
.footerRightCol
{
    display: inline;
    float: left;
    width: 164px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.footerInnerBox
{
    display: block;
    clear: both;
    float: left;
    width: 100%;
    padding: 18px 0px 0px 0px;
}
.footerItem
{
    display: inline;
    float: left;
    margin: 0px 7px 0px 0px;
}
.footerItem A:link, .footerItem A:visited, .footerItem A:hover
{
    color: #000;
    font-weight: normal;
}
.footerSeparator
{
    display: inline;
    float: left;
    margin: 0px 6px 0px 0px;
}

/* ------- main body content ------- */

.subTitle
{
    display: block;
    clear: both;
    float: left;
    width: 538px;
    margin: 10px 0px 0px 0px;
    font-weight: bold;
}

.bodyCopy
{
    display: block;
    clear: both;
    float: left;
    width: 538px;
    margin: 10px 0px 0px 0px;
    overflow: hidden;
}

.strapline
{
    font-weight: bold;
    color: #000;
    font-size: 1em;
}

.notesToEditors
{
    /*default style*/
}

.boilerplate
{
    /*default style*/
}

.contactItem
{
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 5px 0px 0px 0px;
    overflow: hidden;
}


/* ----- listings ----- */

.listView ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.listView ul li
{
    display: block;
    float: left;
    clear: both;
    width: 538px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
}
.boxInfocus .listView ul li
{
    width: 538px;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
}
* html .boxInfocus .listView ul li
{
    width: 518px;
}



.picBox
{
    display: inline;
    float: left;
    width: 93px;
    vertical-align: bottom;
    position: relative;
    margin: 0px 0px 0px 0px;
}
.picBoxInner
{
    position: absolute;
    bottom: 0;
}


.ListViewTextContainer
{
    display: block;
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 538px;
}
.boxInfocus .ListViewTextContainer
{
    width: 518px;
}

.ListViewTextContainerWithPicture
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 445px;
}
.boxInfocus .ListViewTextContainerWithPicture
{
    width: 425px;
}

.greyBoldDate
{
    font-weight: bold;
    color: #666;
}
.dateBox
{
    display: block;
    /*float: left;*/
    clear: both;
    width: 100%;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.summaryBox
{
    display: block;
    /*float: left;*/
    clear: both;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.relBox
{
    display: inline;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.clientBox
{
    display: inline;
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    font-weight: bold;
}

.itemTitle
{
    /*use defaults*/
}

.itemSummary
{
    /*use defaults*/
}



/* ----- generic delimiters, separators, buffers ------ */

DIV.singleLine_listViewBorder
{
    display: block;
    clear: both;
    float: left;
    line-height: 2px;
    height: 2px;
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: url(/ukgwa/20120405092357oe_/http://nds.coi.gov.uk/templates/nds/images/dots.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}
* html DIV.singleLine_listViewBorder
{
    line-height: 4px;
    height: 2px;
}


.listViewTopBorder
{
    background-image: url(/ukgwa/20120405092357oe_/http://nds.coi.gov.uk/templates/nds/images/dots.gif);
    background-position: top;
    background-repeat: repeat-x;
}
.listViewBottomBorder
{
    background-image: url(/ukgwa/20120405092357oe_/http://nds.coi.gov.uk/templates/nds/images/dots.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

.buffer
{
    display: block;
    clear: both;
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 0;
}
.bufferLarge
{
    display: block;
    clear: both;
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 0;
}
.bufferSmall
{
    display: block;
    clear: both;
    float: left;
    margin: 4px 0px 0px 0px;
    padding: 0;
}

.paddTop
{
    padding-top: 5px;
}
.paddBott
{
    padding-bottom: 5px;
}
.padding
{
    padding: 5px 5px 5px 5px;
}

.clearBlock
{
    display: block;
    clear: both;
    float: left;
}


/* ----- generic styles ------ */

.leftAlign
{
    text-align: left;
}
.centered
{
    text-align: center;
    margin: 0px auto 0px auto;
}
.noBorder
{
    border: 0;
    border-style: none;
}

.emphasis
{
    font-weight: bold;
}

.smaller
{
    font-size: 80%;
}

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


/* -------------------------- NO PRINT ELEMENTS --------------------  */
@media print
{
    #topHeaderOuter, #leftCol, #rightCol, #footer, #pageTopFurniture
    {
        display: none;
    }
}
/* -------------------------- END: NO PRINT ELEMENTS ------------------- */