/*CSS by Solid State Group 2007*/

body {
    margin: 0px;
    padding: 0px;
    top: 0;
    min-width: 910px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    }

/* STYLES*/

a {
    color: #000;
    outline: none;
    }

img {
    border: 0;
    }

.clear {
    clear: both;
    }

h1 {
    font-size: 1.2em;
    border-bottom: 1px dotted #471B7E;
    padding-bottom: 3px;
    display:block;
    color: #471B7E;
    }


h3 {
    font-size: 1.2em;
    padding: 3px 3px 3px 6px;
    }

h4 {
    font-size: 1.1em;
    }

h5 {
    font-size: 1.20em;
    font-weight: bold;
    }

.red { color: red; }

.blue { color: blue; }

.smaller-em {
    font-size: .8em;
    }

 .ssg-image-alignleft {
    float: left;
    padding-right: 10px;
    background: #fff;
    }

.ssg-image-alignright {
    float: right;
    padding-left: 10px;
    background: #fff;
    }

.ssg-paragraph-alignleft {
    text-align: left;
    }

.ssg-paragraph-aligncenter {
    text-align: center;
    }

.ssg-paragraph-alignright {
    text-align: right;
    }

/* MAIN*/

.header {
    display: block;
    height: 180px;
    }

    .header #logo {
        padding: 15px 3px 4px 20px;
        margin: 4px;
        position: relative;
        float: left;
        }

    .header #logo-nocn {
        padding: 14px 3px 4px 10px;
        margin: 4px;
        position: relative;
        float: left;
        }

        * html .header #logo-nocn {
            padding: 14px 3px 4px 8px;
            }

    .header #flash {
        position: absolute;
        left: 190px;
        right: 0;
        overflow: hidden;
        }

        * html .header #flash {
            left: 0;
            margin-left: 191px;
            width: 82%;
            display: block;
            }

#container {
    /*position: relative;*/
    display: block;
    z-index: 20;

    }

#left {
    float: left;
    /*position: relative;*/
    width: 200px;
    left: 0px;
    }

#center {
    margin-left: 200px;
    margin-right: 250px;
    display: block;
    height: 1%;
    }

#center a{
    color: #471B7E;
    }

#right {
    float: right;
    position: relative;
    width: 200px;
    right: 20px;
    }

.newsevent h3 {
    font-size: 1em;
    padding: 5px;
    width: 189px;
    margin: 0;
    }

.newsevent h4 {
    padding: 5px 8px 0 5px;
    margin: 0;
    clear: both;
    }

.newsevent span {
    padding: 5px 8px 5px 5px;
    margin: 0;
    font-size: .8em;
    color: #471b7e;
    }

.newsevent p {
    padding: 5px 8px 5px 5px;
    margin: 0;
    font-size: .9em;
}

.newsevent a {
    color: #471b7e;
    float: right;
    height: 20px;
    font-size: .9em;
}

.footer {
    font-size: .7em;
    margin: 0 0 0 200px;
    padding-top: 20px;
}

.login {
    color: #471b7e;
    padding: 0px;
}

.login a {
    color: #471b7e;
    margin: 0 0 4px 0;
    font-size: .8em;
}

.login div {
    margin: 5px 0;
    overflow: hidden;
}

.login label {
    float: left;
    /*width: 77px;*/
}

.login input {
    padding: 0;
    margin: 0;
}

    .login .inputWidth {
        float: right;
        width: 115px;
    }

.login-bttn {
    float: right;
}

html>/**/body .login-bttn {
    margin-bottom: 20px;
}

*:first-child+html .login-bttn {
    padding-bottom: 20px;
}

.register-here {
    float: left;
}

*html .register-here {
    margin-bottom: 10px;
}

html>/**/body  .register-here {
    margin-bottom: 15px;
}

/* NAV*/

#navigation {
    padding: 10px 0 10px 0;
    background: url( images/nav-bg-50percent.png );
    /*position: relative;*/
    width: 175px;
    }

    html>body #navigation {
        background: url( images/nav-bg-50percent.png );
        }

    * html #navigation {
        background: none; /*<%--    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/nav-bg-50percent.png',sizingMethod='image');--%>*/
        }

#navigation ul.level1 {
    margin: 0;
    padding: 0;
    list-style: none;
    }

#navigation ul.level1 li {
    position: relative;
    border-bottom: 1px solid white;
    z-index:20;
    }

    html>body #navigation ul.level1 li {
        border-bottom: none;
        }

    #navigation ul.level1 li a {
        text-decoration: none;
        display: block;
        padding: 6px 15px 6px 20px;
        margin: 0;
        }

    #navigation ul.level1 li a:hover {
        font-weight: bold;
        display: block;
        background: url( /images/nav-bg-50percent.png );
        }

        * html #navigation ul.level1 li a:hover {
            background: #fff;
            }


    #active{
        font-weight: bold;
        /*display: block;*/
        /*background: url( /images/nav-bg-50percent.png );*/
        }
    * html #active{
        /*background: #fff;*/
    }


#navigation ul.level2 {
    list-style: none;
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    top: 0;
    left: 130px;
    width: 210px;
    z-index: 6;
    }

    html>body #navigation ul.level2 {
        visibility: visible;
        display: none;
        left: 160px;
        }

    #navigation ul.level2 li {
        display: block;
        padding: 0;
        border-bottom: none;

        }

    #navigation ul.level2 li a {
        display: block;
        padding: 6px 15px 6px 10px;
        width: 185px;
        }

    #navigation ul.level2 li a:hover {
        display: block;
        width: 185px;
        }

        html>body  #navigation ul.level2 li a:hover {
            width: 185px;
            }

#navigation ul.level3 {
    list-style: none;
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    top: 0;
    left: 210px;
    width: 210px;
    z-index: 2;
    }

    html>body #navigation ul.level3 {
        visibility: visible;
        display: none;
        }

    #navigation ul.level3 li {
        display: block;
        padding: 0;
        border-bottom: none;
        }

    #navigation ul.level3 li a {
        display: block;
        padding: 6px 15px 6px 10px;
        width: 185px;
        }

    #navigation ul.level3 li a:hover {
        display: block;
        width: 185px;
        }

        html>body  #navigation ul.level3 li a:hover {
            width: 185px;
            }


/* CONTENT*/

.box-shaded {
    padding: 10px;
    width: auto;
    }

.box {
    padding: 10px;
    }

.box-shaded p, .box p {
    padding: 0;
    margin: 0;
    }

div.form span {
    float: left;
    width: 180px;
}

.news-article h3 {
    margin: 0 0 4px 0;

}

.news-article span {
    margin: 0;
    font-size: .8em;
    color: #471b7e;
    padding-left: 6px;
}

.news-article p {
    padding-left: 6px;
}

.image-left-flow {
    margin-top: 5px;
}

.image-left-flow img {
    float: left;
    padding-right: 15px;
    margin-top: 5px;

}

.image-right-flow {
    margin-top: 5px;
}

.image-right-flow img {
    float: right;
    padding-left: 15px;
    margin-top: 5px;

}

.image-left-fixed {
    margin: 5px 0 0 0;
}

.image-left-fixed img {
    margin-top: 5px;
    float: left;
    padding-right: 15px;
}

.image-left-fixed div {
    display: table;
}

*:first-child+html {
}

* html .image-left-fixed div {
    height: 1%;
}

.image-right-fixed {
    margin-top: 5px;
}

.image-right-fixed p, .image-left-fixed p {
    margin-top: 0;
}

.image-right-fixed img {
    float: right;
    padding-left: 15px;
}

.image-right-fixed div {
    display: table;
}

*:first-child+html {
}

* html .image-right-fixed div {
    height: 1%;
}

.sitemap {
    margin: 3px 0 3px 5px;
    padding: 0;
}

.sitmapLevel3 {
    margin: 0;
    padding: 1px 1px 1px 25px;
}

.blocktext {
    background: url( images/shape-small.gif ) 0 25px no-repeat;
    padding: 25px 0 0 25px;
}

#map {
    /*background: url( "images/map/regional-map.gif" ) no-repeat;*/
    width: 70%;
    height: 270px;
    position: absolute;
    margin: 1px;
    z-index:1;
}

#mapwrapper {
  min-height:330px;
    border: 1px solid white;
}

 * html #mapwrapper {
   height:330px;  
 }

#map img {
    position: absolute;
    padding: 10px 0 10px 0;
    cursor: pointer;
}

#map img#nw {
    left: 113px;
    top: 26px;
}

#map img#york {
    left: 139px;
    top: 49px;
}

#map img#ne {
    left: 136px;
    top: 0px;
}

#map img#wm {
    left: 123px;
    top: 105px;
}

#map img#eastern {
    left: 185px;
    top: 112px;
}

#map img#em {
    left: 152px;
    top: 89px;
}

#map img#ni {
    left: 0px;
    top: 20px;
}

#map img#wales {
    left: 71px;
    top: 89px;
}

#map img#london {
    left: 193px;
    top: 168px;
}

#map img#sw {
    left: 56px;
    top: 150px;
}

#map img#se {
    left: 156px;
    top: 147px;
}

#map #regional {
    left: 284px;
    top: 10px;
}

.hover-image {
    position: absolute;
    left: 300px;
    top: 120px;
}

.region {
    padding: 10px;
    border-top: 1px dotted #CCCCCC;
    margin-top: 280px;
}

.region {
    display: none;
}

.region img {
    float: left;
}

.region .information {
    margin-left: 30px;
    float: left;
    width: 250px;
}

#regional-details {
    position: absolute;
    left: 290px;
}

#regional-details p {
    font-size: .9em;
    padding: 3px 25px 3px 25px;
    background: #f0e7fb;
}

.search {
    padding: 7px;
    margin-bottom: 20px;
}

.search fieldset{
    margin: 0;
    border: 0;
    padding: 0;
}

.search-bttn {
    position: absolute;
    top: 8px;
    left: 145px;
}

#searchLabel{
    display: none;    
}

*:first-child+html {
}

* html .search-bttn {
    top: 9px;
}

*:first-child+html .search-bttn {
    top: 9px;
}

.search a {
    margin-top: 5px;
    margin-left: 2px;
    font-size: .8em;
    display: block;
}

.search p {
    margin: 0px;
    padding: 0px;
}

#ad-search p {
    display: table;
    width: 440px;
}

#ad-search span {
    padding: 0;
    float: left;
    left: 130px;
    position: relative;
    margin-top: -16px;
}

/*Secure section*/


.sectionTitle {
    padding: 6px;
    margin-bottom: 13px;
    font-weight: bold;
}

.sectionTitle img {
    float: left;
    margin-right: 5px;
}

.secureList table{
    width: 92%;
    padding: 1px;
    text-align: left;
    margin: 0 0 30px 20px;
}

.secureList table th {
    padding: 3px 6px 3px 6px;

}

.secureList table td {
    padding: 3px 6px 3px 6px;
}

#removemargin.secureList table {
    margin: 0 0 0px 0px;
}

.upload {
    margin: 0 5px 13px 29px;
    width: 355px;
}

.upload .field {
    width: 120px;
}

.btnUpload {
    float: right;
    bottom: 0px;
    margin-top: -23px;
    margin-right: -70px;

}

html>/**/body .btnUpload {
    margin-top: -21px;
}



/*Programme*/

.programme { }

    .programme table#moduleSelect {
        width: 99%;
         margin-bottom: 15px;
        }

    .programme table#keywordSearch {
        width: 290px;
        float: left;
        }

        table#moduleSelect td,
        table#keywordSearch td{
            padding: 6px 10px 6px 10px;
            }

        table#moduleSelect p {
            margin: 0;
            padding: 0;
        }

        table#moduleSelect span,
        table#keywordSearch span{
            float: left;
            display: block;
            width: 80px;
            padding-top: 2px;
            }

        table#moduleSelect select {
            width: 350px;
            float:left;
            }

        table#keywordSearch input.keyWidth {
            width: 180px;
            float:left;
        }

    .programme table.results{
        padding: 2px;
        }

        table.results th{
            padding: 3px 6px 3px 6px;
            text-align:left;
            }

        table.results span{
            font-weight:bold;
            }

        table.results p{
            margin: 0;
            padding: 3px 0 3px 0;
            }

    .programme .whiteBox {
        padding: 0 0 0 20px;
        }

    .programme .whiteBox h5{
        margin: 0;
        padding: 0 0 3px 0;
        }

    .viewUnit {
        background: url("images/pdf-icon.gif") no-repeat;
        padding: 0 0 0 20px;
        display:block;
        margin-top: 10px;
        margin-right: 10px;
        float:right;
        font-weight: bold;
        }

/*End*/

.clearboth {
    clear: both;
    }

.usefulLink p {
    padding: 0;
    margin-top: 6px;
    padding-left: 14px;
    margin-bottom: 19px;
    }

.usefulLink a {
    display: block;
    padding-left: 14px;
    background: url("images/link-box.gif") 0 5px no-repeat;
    }

#logout {
    float: right;
    height: 40px;
    }

.error {
    color: red;
    font-size: 0.7em;
    }

.errorMessage {
    color: red;
    font-size: 0.7em;
    }

.hiddenBlock {
    display: none;
    }

.shownBlock {
    display: block;
    }

.sectionName {
    font-size: 1.2em;
    font-weight: bold;
    }

.penpics {
    margin: 0;
    padding: 6px;
    margin-bottom: 10px;
    width: 45.5%;
    float:left;
    margin-right: 13px;
    }

.penpics img{
    border: 1px solid #FFF;
    }

.penpics td {
    vertical-align:top;
    }

.penpics p {
    padding:2px 0 8px 0;
    margin:0;
    }

.penpics  a{
    padding:0 0 2px 20px;
    margin: 10px 0 0 0;
    background: url(" images/mail-icon.gif") 0 3px no-repeat;
    display:block;
    }

.penpics span {
    font-style:italic;
    }

.clearleft {
    clear: left;
    }

.create-new {
    margin-left: 10px;
    }

.elr {
    vertical-align:bottom;
}

.elr input{

    margin-top: 0 0 0 0;
}

iframe {
    border: none;
}

.searchdoc {
    background: url('/images/icon-document.jpg') 0 1px no-repeat;
    padding-left: 21px;
    padding-bottom: 2px;
}