﻿/*Colours used in this style, to repalce a colour do a replace all !!!!!*/
/*Read this note first FFS!!!!*/
/*
    Blue Banner Identiy Color: #0097A9
    Top Bar Grey: #4d4d4d;
    DropDOwn Backer: #d9d9d1
    FrontPage Item : #d9d9d1
*/


html, boddy {
    padding: 0px;
    height: 100%;
}

body {
    background-color: #ffffff;
    width: 100%;
    margin: 0px;
    min-width: 625px;
}


/*defines the base style for all elements in the page*/
#BodySettings {
    padding: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, 'Arial Narrow', Arial, sans-serif;
    font-size: 85%;
    background-color: #d9d9d1;
}

/*defines the left and right border elements on each page*/
#left, #right {
    background: #d9d9d1;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 7%;
}

/*hang the left border element*/
#left {
    left: 0;
}

/*hang the right border element*/
#right {
    right: 0;
}

#topbanner {
    background-color: #4d4d4d;
    height: 20px;
    margin: 0px;
    width: 100%;
}

#BannerName {
    float: left;
    width: 20%;
    position: absolute;
    top: 30px;
    left: 3%;
    color: white;
    font-size: larger;
    font-weight: 600;
}

/*centre the content between border elements*/
#centre {
    width: 86%;
    position: relative;
    display: block;
    margin: auto;
    background-color: #ffffff;
    max-width: 1400px;
}

/*Banner Items*/
#banner {
    background-color: #0097A9;
    width: 100%;
    margin: 0px;
}

#bannerfooter {
    background-color: #0097A9;
    height: 20px;
    margin: 0px;
    width: 100%;
    vertical-align: top;
    margin: 0px;
}

#bannerimage {
    width: 100%;
    height: 80%;
}

#bannerpicturediv {
    padding: 0px;
    margin: 0px;
}

#bannerpicture {
    width: 100%;
    height: 100%;
    margin: 0;
}

/*Nav Menu Styles*/
#navdiv {
    padding: 0px;
    margin: -4px 0px 0px 0px;
}

.NavMenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #4d4d4d;
}

.NavFloat {
    float: left;
}

.NavStyle {
    display: inline;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

    .NavStyle:hover {
        background-color: #0097A9;
    }

.dropdown {
    display: inline;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #4d4d4d;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-left-color: #0097A9;
    border-left-style: solid;
    border-left-width: 5px;
}

    .dropdown-content a {
        color: white;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

        .dropdown-content a:hover {
            background-color: #0097A9;
            color: white;
        }


.dropdown:hover .dropdown-content {
    display: block;
}

#contentdiv {
    padding: 50px 30px 50px 30px;
}

#bottombanner {
    background-color: #4d4d4d;
    width: 100%;
    color: white;
    height: 100%;
    padding-top: 30px;
}

#bottombannerheading {
    font-size: larger;
    font-weight: 800;
    margin: 0px 0px 20px 30px;
}

#bottombannerspace {
    width: 100%;
    padding: 0px 30px 0px 30px;
    font-size: 90%;
}

#bottombanneraddress {
    width: 30%;
    float: left;
}

#bottombannernumber {
    width: 24%;
    float: left;
    margin-left: 4%;
}

#bottombannerimage {
    width: 24%;
    float: right;
    margin-right: 90px;
}

#bottombannerdisclaimer {
    margin-right: 60px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top-color: white;
    border-top-style: solid;
    border-top-width: 1px;
    font-weight: 500;
    font-size: 100%;
    padding-top: 6px;
}

.CRUKbottomImage {
    width: 80%;
    margin-top: -30px;
}

.bannersubheading {
    font-weight: 900;
}

#copyrightlabel {
    color: #8b8a8a;
}

#UniSpan {
    font-size: 85%;
}

.UCLLinks {
    text-decoration: none;
    color: white;
}

    .UCLLinks:hover {
        text-decoration: underline;
    }



/*Global Styles*/
.hide {
    display: none;
}

.show{
    display:normal;
}

.Header1 {
    font-size: x-large;
    font-weight: 500;
    margin: 0px 0px 20px 0px;
    color: #026e7a;
}

.Header1s {
    font-size: larger;
    font-weight: 500;
    margin: 0px 0px 20px 0px;
    color: #026e7a;
}

.Header1Alt {
    font-size: x-large;
    font-weight: 500;
    margin: 20px 0px 0px 0px;
}

.Para1 {
    line-height: 26px;
}

.BoldHyperLinks {
    font-weight: 800;
    font-style: normal;
    text-decoration: none;
    color: darkblue;
}

    .BoldHyperLinks:hover {
        color: #0097A9;
    }

.IndentRight {
    margin: 0px 10px 0px 0px;
}

.clearFloat {
    clear: both;
}

.FloatRight {
    float: right;
}

.FloatLeft {
    float: left;
}

.SubHeading {
    font-size: larger;
    font-weight: 500;
    margin: 0px 0px 20px 0px;
}

.StandardLink {
    text-decoration: none;
    color: #026e7a;
    font-weight: 500;
}

.MapLink {
    color: white;
    font-weight: 500;
}

    .MapLink:hover {
        color: white;
        font-weight: 800;
    }

.FileLink {
    font-weight: 400;
}

.StandardLink:hover {
    text-decoration: underline;
    color: #0097A9;
}

.BannerLinkImage {
    text-decoration: none;
    background-color: none;
    color: none;
    border-style: none;
}

.StandardLinkImage {
    text-decoration: none;
    background-color: none;
    color: none;
    border-style: none;
    width:200px;
}

    .StandardLinkImage:hover {
        opacity: 0.80;
        filter: alpha(opacity=80);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    }

.ImportantLink {
    text-decoration: none;
}

    .ImportantLink:hover {
        text-decoration: underline;
        color: #0097A9;
    }

.StandardImage {
    width: 100%;
}

.StandardImageTall {
    max-height: 200px;
}

.boldme {
    font-weight: 800;
}

.boldmec {
    font-weight: 800;
    font-size: medium;
}

.italicme {
    font-style: italic;
}

.underlineme {
    text-decoration: underline;
}

.FixedWidth80 {
    width: 80%;
}

.FixedWidth70 {
    width: 70%;
}

.FixedWidth70img {
    width: 70%;
    max-width: 700px;
}

.FixedWidth60 {
    width: 50%;
}

.StandardList {
    list-style: none;
    margin: 0px;
}

.StandardBullets {
    list-style: circle;
    margin: 0px;
}

.StandardBullets2 {
    list-style: circle;
    margin: 0px;
    margin-left: -20px;
}

.StandardImageList {
    margin: 0px;
    list-style-image: url('../Images/Training/Resources/DocList.png');
}

.LongParagraphs {
    text-indent: 10px;
}

/*Return Button*/

.ButtonContainer {
    margin-top: 20px;
    margin-left: 3px;
}

.ButtonContainer2 {
    margin-top: -10px;
    margin-left: 3px;
}

.ReturnArea {
    width: 172px;
    margin-right: 18px;
}

.ReturnButton {
    padding: 10px 10px;
    text-align: center;
    border-radius: 5px;
    background: -webkit-linear-gradient(left top, white, #eeeee9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #eeeee9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #eeeee9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #eeeee9); /* Standard syntax */
    width: 150px;
    margin-top: -20px;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}

    .ReturnButton:hover {
        background: -webkit-linear-gradient(left top, #eeeee9, white); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(bottom right, #eeeee9, white); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #eeeee9, white); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #eeeee9, white); /* Standard syntax */
        opacity: 0.8;
    }

.ReturnButton2 {
    padding: 10px 10px;
    text-align: center;
    border-radius: 5px;
    background: -webkit-linear-gradient(left top, white, #eeeee9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #eeeee9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #eeeee9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #eeeee9); /* Standard syntax */
    width: 150px;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}

    .ReturnButton2:hover {
        background: -webkit-linear-gradient(left top, #eeeee9, white); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(bottom right, #eeeee9, white); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #eeeee9, white); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #eeeee9, white); /* Standard syntax */
        opacity: 0.8;
    }

.buttonrightfloat{
    margin-left: 0%;
    margin-left: -webkit-calc(100% - 400px);
    margin-left: -moz-calc(100% - 400px);
    margin-left: calc(100% - 400px);
    margin-top:0px;
    width:400px;
    position:absolute;
    margin-top:-38px;
}

.buttonright {
    float:left
}

.buttonright2 {
    float:left;
    margin-left:5px;

}

.ReturnButton3 {
    padding: 10px 10px;
    text-align: center;
    border-radius: 5px;
    background: -webkit-linear-gradient(left top, white, #eeeee9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #eeeee9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #eeeee9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #eeeee9); /* Standard syntax */
    width: 150px;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: 0%;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}

    .ReturnButton3:hover {
        background: -webkit-linear-gradient(left top, #eeeee9, white); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(bottom right, #eeeee9, white); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #eeeee9, white); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #eeeee9, white); /* Standard syntax */
        opacity: 0.8;
    }

.ReturnDetailImage {
    width: 14px;
    height: 14px;
    margin-bottom: -1px;
}

.ReturnButtonLink {
    text-decoration: none;
    color: darkblue;
}

/*accordion items*/
.transition {
    transition: all 0.25s ease-in-out;
}

.no-select {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.AccordionCheck {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.AccordionCheckShort {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 50px;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.AccordionCheckShort2 {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 50px;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.AccordionCheckShortsub {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 50px;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.AccordionToggle {
    position: absolute;
    transform: translate( -6px, 0 );
    margin-top: 18px;
    right: 3%;
}

    .AccordionToggle:before {
        content: "";
        transition: all 0.25s ease-in-out;
        position: absolute;
        background-color: white;
        width: 3px;
        height: 9px;
        transform: translate( -2px, 0 ) rotate( 45deg );
        -ms-transform: translate(-2px,0) rotate(45deg);
    }

    .AccordionToggle:after {
        content: "";
        transition: all 0.25s ease-in-out;
        position: absolute;
        background-color: white;
        width: 3px;
        height: 9px;
        transform: translate( 2px, 0 ) rotate( -45deg );
        -ms-transform: translate(2px,0) rotate(-45deg);
    }

.AccordionSubToggle {
    position: absolute;
    transform: translate( -6px, 0 );
    margin-top: 18px;
    right: 3%;
}

    .AccordionSubToggle:before {
        content: "";
        transition: all 0.25s ease-in-out;
        position: absolute;
        background-color: white;
        width: 3px;
        height: 9px;
        transform: translate( -2px, 0 ) rotate( 45deg );
        -ms-transform: translate(-2px,0) rotate(45deg);
    }

    .AccordionSubToggle:after {
        content: "";
        transition: all 0.25s ease-in-out;
        position: absolute;
        background-color: white;
        width: 3px;
        height: 9px;
        transform: translate( 2px, 0 ) rotate( -45deg );
        -ms-transform: translate(2px,0) rotate(-45deg);
    }

input[type=checkbox]:checked ~ div.DescText {
    display: none;
    margin-bottom: 0px;
    transition: all 0.25s ease-in-out;
}

input[type=checkbox]:checked ~ div.DescComplex {
    display: none;
    margin-bottom: 0px;
    transition: all 0.25s;
}

input[type=checkbox]:checked ~ div.DescSubComplex {
    display: none;
    margin-bottom: 0px;
    transition: all 0.25s ease-in-out;
}

input[type=checkbox]:checked ~ div.DescSubComplex2 {
    display: none;
    margin-bottom: 0px;
    transition: all 0.25s ease-in-out;
}

input[type=checkbox]:hover ~ span.DescHeader {
    text-decoration: underline;
    background-color: #03aec2;
}

input[type=checkbox]:checked ~ i:before {
    transform: translate( 2px, 0 ) rotate( 45deg );
    -ms-transform: translate(2px,0) rotate(45deg);
}

input[type=checkbox]:checked ~ i:after {
    transform: translate( -2px, 0 ) rotate( -45deg );
    -ms-transform: translate(-2px,0) rotate(-45deg);
}


.no-select {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.Desc {
    padding: 0px 0px;
    width: 100%;
    animation-delay: 1.0s;
}

.DescFull {
    width: 100%;
    padding-left: 0%;
    animation-delay: 1.0s;
}

.DescItem {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.DescItemBorder{
    border-style:solid;
    border-width:0px 3px 3px 3px;
    border-color:#69b15b;

}

/**/
.DescHeader {
    background-color: #0097A9;
    color: white;
    text-indent: 20px;
    font-size: larger;
    font-weight: 600;
    height: 32px;
    padding-top: 10px;
    cursor: pointer;
    z-index: 2;
    display: block;
}

    .DescHeader:hover {
        text-decoration: underline;
    }

.DescHeader2 {
    width:99.9%;
    background-color: #69b15b;
    color: white;
    text-indent: 10px;
    font-size: larger;
    font-weight: 600;
    height: 30px;
    padding-top: 10px;
    cursor: pointer;
    z-index: 2;
    display: block;
    border-radius:5px 5px 0px 0px;
}

.DescHeader2:hover {
    text-decoration: underline;
}

.FolderImage
{
    height:23px;
    margin-top:8px;
    margin-left:8px;
    float:left;
}

.DescSubHeader {
    background-color: #7a7a7a;
    color: white;
    text-indent: 20px;
    font-size: larger;
    font-weight: 600;
    height: 32px;
    padding-top: 10px;
    cursor: pointer;
    z-index: 2;
    display: block;
    margin-right: -1px;
}

    .DescSubHeader:hover {
        text-decoration: underline;
    }

.DescHeaderCenter {
    background-color: #0097A9;
    color: white;
    text-align: center;
    font-size: larger;
    font-weight: 600;
    height: 32px;
    padding-top: 10px;
    cursor: pointer;
    z-index: 2;
    display: block;
}

    .DescHeaderCenter:hover {
        text-decoration: underline;
    }

.DescText {
    padding: 0px 30px 0px 30px;
    border-color: #f5f5f2;
    border-style: solid;
    background-color: #f5f5f2;
    transition: all 0.25s ease-in-out;
    margin-bottom: 10px;
}

.DescComplex {
    padding: 0px 30px 0px 30px;
    border-color: #f5f5f2;
    border-style: solid;
    background-color: #f5f5f2;
    transition: all 0.25s ease-in-out;
    margin-bottom: 10px;
}

.DescSubComplex {
    padding: 0px 0px 0px 30px;
    border-color: #f5f5f2;
    border-style: solid;
    background-color: #f5f5f2;
    transition: all 0.25s ease-in-out;
    margin-bottom: 10px;
}

.DescSubComplex2 {
    padding: 0px 0px 0px 0px;
    transition: all 0.25s ease-in-out;
    margin-bottom: 10px;
}

/*Trials Master*/
#TrialsMenu {
    width: 25%;
    max-width: 300px;
    float: left;
    height: 100%;
    background-color: #eeeee9;
    margin: 1%;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: rgba(0,0,0,0.2);
    outline: 0px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}

#TrialsContentArea {
    float: left;
    margin-left: 2%;
    width: 66%;
    min-height: 600px;
}

.menuHeader {
    font-size: larger;
    font-weight: 500;
    margin: 10px 0px 10px 0px;
    text-align: center;
}

.SearchBar {
    width: 90%;
    margin: 4%;
    padding: 0;
    height: 30px;
    border-radius: 5px;
    border-color: rgba(0,0,0,0.2);
    outline: 0px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    height: 36px;
}

.SearchBarTxT {
    width: -webkit-calc(100% - 59px);
    width: -moz-calc(100% - 59px);
    width: calc(100% - 59px);
    padding: 0;
    float: left;
    height: 30px;
    border-radius: 5px;
}

.SearchBarImg {
    width: 35px;
    height: 34px;
    float: left;
    margin-top: 1px;
    border-radius: 5px;
    margin-left: 20px;
}

.TrialsSearchBox {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

    .TrialsSearchBox:focus {
        background-color: white;
        color: black;
    }

.TrialsSearchButton {
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(left top, white, #eeeee9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #eeeee9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #eeeee9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #eeeee9); /* Standard syntax */
    border-color: rgba(0,0,0,0.2);
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    border-left-color: #0097A9;
    border-left-style: solid;
    border-left-width: 2px;
    box-shadow: none;
}

    .TrialsSearchButton:hover {
        opacity: 0.8;
        background: -webkit-linear-gradient(bottom right, white, rgba(0,0,0,0.2)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(top left, white, rgba(0,0,0,0.2)); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(top left, white, rgba(0,0,0,0.2)); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to top left, white, rgba(0,0,0,0.2)); /* Standard syntax */
    }


#OrFilter {
    width: 90%;
    margin: 20px 4% 20px 4%;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    line-height: 0.1em;
}

#OrSpan {
    background: #eeeee9;
    padding: 0 10px;
    color: #4d4d4d;
}

.Dropdown-TrialsMenu {
    width: 100%;
    margin-bottom: 10px;
    text-indent: 4%;
    color: #4d4d4d;
}

.Dropdown-TrialsMenu-DD {
    width: 90%;
    margin: 1px 4% 0 4%;
    height: 30px;
    padding: 5px 10px 4px 10px;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: rgba(0,0,0,0.2);
    outline: 0px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}

.TrialsSearchBox:hover {
    background-color: #f5f5f2;
}

.Dropdown-TrialsMenu-DD:hover {
    background-color: #f5f5f2;
}

.FalseContainer {
    display: none;
    margin-left: 4%;
    width: 140px;
    background-color: white;
    height: 20px;
    padding: 3px 10px 5px 10px;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: rgba(0,0,0,0.2);
    outline: 0px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}

    .FalseContainer:hover {
        background-color: #f5f5f2;
    }

.TrialsCheck {
    vertical-align: middle;
    position: relative;
    bottom: 0px;
}

.TrialsSearchButton2 {
    height: 41px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -webkit-calc(95% - 39px);
    margin-left: -moz-calc(95% - 39px);
    margin-left: calc(95% - 39px);
    width: 38px;
    background: -webkit-linear-gradient(left top, white, #eeeee9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #eeeee9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #eeeee9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #eeeee9); /* Standard syntax */
    border-width: 1px;
    border-color: rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}

    .TrialsSearchButton2:hover {
        opacity: 0.8;
        background: -webkit-linear-gradient(bottom right, white, rgba(0,0,0,0.2)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(top left, white, rgba(0,0,0,0.2)); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(top left, white, rgba(0,0,0,0.2)); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to top left, white, rgba(0,0,0,0.2)); /* Standard syntax */
    }

/*Default.aspx*/

.bannerCRUK {
    min-width: 150px;
    width: 20%;
    float: right;
    margin-right: 30px;
    margin-top: -10px;
    margin-left: 30px;
}

#HomeFloat {
    margin-top: 40px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.HomePageFloat {
    background-color: #f5f5f2;
    border-top-color: #0097A9;
    border-top-width: 6px;
    border-top-style: solid;
    width: 31%;
    margin: 10px 1%;
    float: left;
    height: 300px;
}

    .HomePageFloat:hover {
        background-color: #d9d9d1;
        opacity: 0.7;
    }

.HomePageFloatHeader {
    font-size: larger;
    font-weight: 600;
    padding: 5px 20px 8px 20px;
    color: #026e7a;
}

    .HomePageFloatHeader:hover {
        color: #0097A9;
        text-decoration: underline;
    }

.HomePageFloatImage {
    width: 100%;
}

.HomePageFloatText {
    padding: 0px 20px;
    font-size: small;
}

#EventFloat {
    width: 31%;
    margin: 10px 1%;
    float: left;
    border-top-color: #0097A9;
    border-top-width: 6px;
    border-top-style: solid;
}

#EventFloatHeader {
    font-size: x-large;
    font-weight: 400;
    margin: 0px;
}

.EventFloatItems {
    border-bottom-color: rgba(0,0,0,0.2);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 15px 10px 20px 10px;
}

    .EventFloatItems:hover {
        opacity: 0.7;
    }

.EventFloatText {
    color: #064593;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, 'Arial Narrow', Arial, sans-serif;
    font-size: 110%;
    text-decoration: none;
}

    .EventFloatText:hover {
        color: #0097A9;
    }

.EventFloatDate {
    color: #4d4d4d;
    font-size: 12px;
}

.FloatViewAll {
    text-align: right;
}

#NewsFloat {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #f5f5f2;
    border-top-color: #0097A9;
    border-top-width: 6px;
    border-top-style: solid;
}

.NewsFloatItem {
    max-width: 350px;
    height: 300px;
    margin: 0px 2% 10px 2%;
    background: white;
    overflow: hidden;
}

    .NewsFloatItem:hover {
        opacity: 0.7;
        background-color: #f5f5f2;
    }

.NewsTextArea {
    padding: 0px 10px;
    margin: -10px 0px 0px 0px;
}

.NewsFloatDate {
    color: #4d4d4d;
    font-size: 12px;
    width: 100%;
    text-align: right;
}

.NewsSmallFloatDate {
    font-size: small;
    margin-top: 10px;
    font-style: italic;
}

.NewsImageContainer {
    width: 100%;
    height: 140px;
    overflow: hidden;
}

.NewsFloatImage {
    width: 100%;
    min-width: 180px;
    min-height: 140px;
}

.NewsFloatText {
    color: #064593;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, 'Arial Narrow', Arial, sans-serif;
    font-size: 14px;
}

.NewsFloatDesc {
    font-style: italic;
}

.NewsLink {
    text-decoration: none;
    color: black;
}

    .NewsLink:hover {
        opacity: 0.7;
        background-color: #f5f5f2;
    }

/*About Us*/
/*What We Do*/
.FloatNavi {
    float: right;
    background-color: #4d4d4d;
    border-top-color: #0097A9;
    border-top-width: 6px;
    border-top-style: solid;
    width: 25%;
    min-width: 180px;
    margin-top: 42px;
    margin-left: 20px;
}

.FloatNaviItem {
    height: 30px;
    border-bottom-color: rgba(0,0,0,0.2);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-align: center;
    padding-top: 10px;
}

    .FloatNaviItem:hover {
        background-color: #0097A9;
    }

.FloatNaviRef {
    text-decoration: none;
    color: white;
    width: 100%;
    height: 100%;
    display: block;
}

.FloatNaviCurrent {
    background-color: #0097A9;
}

.FloatNaviRef:hover {
    text-decoration: underline;
}

.WWDimage {
    width: 70%;
    max-width: 500px;
}

.WWDimage2 {
    width: 40%;
    float: right;
}

.WWDmid {
    margin-top: 60px;
}

.TrialPhase {
    float: left;
    background-color: #c4d4eb;
    margin: 1px;
}

.insideBox {
    margin: 0px 5px;
}

.Phase0 {
    opacity: 0.5;
    width: 12%;
    margin-top: 55px;
}

.Phase1 {
    width: 21%;
    min-height: 200px;
    margin-top: 41px;
}

.Phase2 {
    width: 21%;
    min-height: 250px;
    margin-top: 27px;
}

.Phase3 {
    width: 21%;
    min-height: 300px;
    margin-top: 13px;
}

.Phase4 {
    width: 12%;
    opacity: 0.5;
    height: 350px;
    margin-top: 0px;
}

.PhaseOther {
    width: 21%;
    height: 350px;
    margin-top: 0px;
    margin-left:2%;
}

.TrialPhaseHeader {
    color: white;
    background-color: #5a9bd5;
    text-align: center;
    border-bottom-color: white;
    border-bottom: solid;
    border-bottom-width: 1px;
}

.TrialPhaseHeaderLMargin {
    color: white;
    background-color: #5a9bd5;
    text-align: center;
    border-bottom-color: white;
    border-bottom: solid;
    border-bottom-width: 1px;
    margin-left:2%;
}

.Phase0Header {
    height: 26px;
}

.Phase1Header {
    height: 32px;
    padding-top: 8px;
}

.Phase2Header {
    height: 40px;
    padding-top: 14px;
    vertical-align: central;
}

.Phase3Header {
    height: 44px;
    padding-top: 24px;
    vertical-align: central;
}

.Phase4Header {
    height: 51px;
    padding-top: 30px;
    vertical-align: central;
}

/*Jobs and Careers*/
.Jbsimage {
    width: 70%;
    margin-top: -8px;
}

.FloatNaviSubItem {
    font-style: italic;
}



/*StaffComments*/
.StaffCommentItem {
    position: relative;
    min-height: 200px;
}

.StaffImageItem {
    max-width: 250px;
}

.StaffTextItem {
    display: block;
}

.StaffLeft {
    float: left;
    margin-right: 20px;
}

.StaffRight {
    float: right;
    margin-left: 20px;
}

/*Funders*/
.FunderIcons {
    width: 70%;
}

.FunderIconDiv {
    float: left;
    max-width: 170px;
}

.FunderIconDivCol {
    float: left;
}

.FunderIconImage {
    width: 90%;
}

.CCRUKFunder {
    margin-top: 8px;
}

/*Support Page*/
.SupportUsImage {
    width: 70%;
}

.leftPush {
    margin-left: 10%;
    width: 90%;
    margin-top: 100px;
}

.dividerElement {
    border-top-color: #d9d9d1;
    border-top-style: solid;
    border-top-width: 1px;
    margin: 20px 30px 40px 30px;
}

/*Links*/
.LinksImage {
    width: 70%;
    max-width: 400px;
}

/*Collorate With Us*/
.ColabImageDiv {
    width: 45%;
    float: left;
    margin: 1%;
    background-color: #f5f5f2;
    padding-bottom: 5px;
    cursor: pointer;
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: #0097A9;
}

.ColabImage {
    width: 100%;
}

.ColabFooterText {
    font-size: larger;
    font-weight: 600;
    padding: 5px 20px 8px 20px;
    color: #026e7a;
}

    .ColabFooterText:hover {
        text-decoration: underline;
        color: #0097A9;
    }

.ColabImageDiv:hover {
    opacity: 0.75;
}

/*Run a trial with us*/
.RATWUportrait {
    height: 200px;
    width: 133px;
    float: left;
    margin-right: 30px;
}

.RATWURole {
    font-size: larger;
    font-weight: 400;
    margin: 0px 0px 20px 0px;
    color: #026e7a;
}

.RATWUText {
}

.RAWTName {
    font-weight: 600;
}

.RAWTemail {
    text-decoration: none;
    color: #026e7a;
}

.RAWTspacer {
    margin-top: 30px;
    border-top-color: rgba(0,0,0,0.2);
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 30px;
}

.RAWTspacerLarge {
    margin-bottom: 50px;
}

.RATWLarge {
    width: 100%;
}

.RAWTtable {
}

.RAWTtableCell {
    width: 47%;
    float: left;
    padding: 5px 0px 5px 20px;
}

.RAWTtableRow {
    width: 99%;
    float: left;
    padding: 10px 0px 5px 0px;
}

.RAWTtableRowHead {
    background-color: #57868b;
    color: white;
    font-weight: 500;
}

.RAWTtableRowAlt {
    background-color: #b4d0d3;
}

.RAWTtopmargin {
    margin-top: 6px;
}

.RAWTLong {
    text-indent: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.RATWImage {
    width: 100%;
}

/*Statement TO CI*/


/*Data Sample and sharing*/
.DSSheading {
    margin-top: 20px;
    font-size: x-large;
    font-weight: 400;
}

/*For Patients*/

.FPdivider {
    width: 90%;
    margin-left: 7%;
}

.FPImageDiv {
    width: 45%;
    float: left;
    margin: 1%;
    background-color: #f5f5f2;
    padding-bottom: 5px;
    cursor: pointer;
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: #0097A9;
}

.FPImage {
    width: 100%;
}

.FPFooterText {
    font-size: larger;
    font-weight: 600;
    padding: 5px 20px 8px 20px;
    color: #026e7a;
}

    .FPFooterText:hover {
        text-decoration: underline;
        color: #0097A9;
    }

.FPImageDiv:hover {
    opacity: 0.75;
}

/*Taking part in clincial trials*/
.TPCspacer {
    margin-top: 30px;
}

/*What are clinical trials*/
.WACTDiagramBox {
    padding: 10px 10px;
    margin: 0px 20%;
}

.WACTcentreText {
    text-align: center;
    font-weight: 500;
    border-style: solid;
    border-color: #03aec2;
    background-color: #03aec2;
    color: white;
}

.WACTarrow {
    position: relative;
    width: 100%;
}

.WACTarrowimage {
    width: 5%;
    margin-left: 48.5%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.WACTLi {
    margin-bottom: 10px;
}

.WACTRandDiagram {
    width: 70%;
    margin-left: 15%;
}

/*Trials Page*/
.TrialLink {
    text-decoration: none;
    color: black;
}

.WhoWeAreBox {
    margin: 20px;
    border-color: rgba(0,0,0,0.2);
    border-style: solid;
    border-width: 1px;
    background: -webkit-linear-gradient(left top, white, #d9d9d1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #eeeee9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #eeeee9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #d9d9d1); /* Standard syntax */
    border-radius: 5px;
    padding: 10px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    width: 45%;
    float:left;
    height: 400px;
    
}

.WhoWeAreBoxPlaceholder {
    margin: 20px;
    padding: 10px;
    width: 45%;
    float: left;
    height: 400px;
}

.WhoWeAreAllStaff {
    margin: 20px;
    border-color: rgba(0,0,0,0.2);
    border-style: solid;
    border-width: 1px;
    background: -webkit-linear-gradient(left top, white, #d9d9d1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #eeeee9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #eeeee9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #d9d9d1); /* Standard syntax */
    border-radius: 5px;
    padding: 10px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    width: 94.5%;
    float: left;
}

.AllStaffRow {
    width: 45%;
}

.AllStaffName {
    width: 40%;
    float: left;
}

.AllStaffJobTitle {
    width: 60%;
    float: left;
}

.WhoWeAreAllStaffHeaderName {
    font-weight: 500;
    font-size: small;
    text-align: center;
    color: #026e7a;
}

.WhoWeAreGroupBox {
    margin: 20px;
    border-color: rgba(0,0,0,0.2);
    border-style: solid;
    border-width: 1px;
    background: -webkit-linear-gradient(left top, white, #d9d9d1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #eeeee9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #eeeee9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #d9d9d1); /* Standard syntax */
    border-radius: 5px;
    padding: 10px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    width: 45%;
    float: left;
}

.WhoWeAreGroupName {
    font-size: large;
    color: #026e7a;
    font-weight: 500;
    text-align: center;
}

.WhoWeAreName {
    font-size: large;
    color: #026e7a;
    font-weight: 600;
}

.WhoWeAreDescription {
    font-weight: 400;
    font-size: small;
}

.WhoWeAreImageBox {
    float: left;
    width: 150px;
    height: 150px;
    background-color: aliceblue;
    margin-right: 4px;
    margin-bottom: 2px;
}

.TrialReturn {
    margin: 20px 0%;
    border-color: rgba(0,0,0,0.2);
    border-style: solid;
    border-width: 1px;
    background: -webkit-linear-gradient(left top, white, #d9d9d1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #eeeee9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #eeeee9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #d9d9d1); /* Standard syntax */
    border-radius: 5px;
    padding: 10px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}

    .TrialReturn:hover {
        background: -webkit-linear-gradient(left top, #d9d9d1, white); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(bottom right, #d9d9d1, white); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #d9d9d1, white); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #d9d9d1, white); /* Standard syntax */
        opacity: 0.9;
    }

.TrialReturnName {
    font-size: x-large;
    color: #026e7a;
    font-weight: 600;
}

.TrialReturnShortName {
    font-weight: 400;
    font-size: small;
}



.TrialReturnDescription {
    margin-top: 10px;
}

.TrialReturnDetails {
    width: 100%;
    margin-top: 18px;
}

.TrialReturnPhase {
    width: 35%;
    float: left;
    text-align: left;
}

.TrialReturnState {
    width: 25%;
    float: left;
    text-align: left;
}

.TrialReturnGroup {
    width: 40%;
    float: left;
    text-align: left;
}

/*TrialDetails*/


.TrialDetailArea {
    width: 30%;
    min-width: 400px;
    float: right;
    margin-left: 40px;
    margin-bottom: 20px;
    background-color: #eeeee9;
    padding: 4px;
}

.TrialDetailMain {
    text-align: justify;
    min-width: 300px;
}

.TrialDetailFileHolder {
    width: 100%;
}

.TrialLongName {
    color: #026e7a;
    font-weight: 600;
    margin-bottom: 20px;
}

.CourseLongName {
    color: #026e7a;
    font-weight: 600;
    margin-bottom: 20px;
    width: 80%;
    margin-left: 4%;
}

.TrialDescriptionSpan {
    font-size: large;
    font-weight: 800;
    color: #026e7a;
}

.TrialDesign {
    margin: 10px 0px;
    width: 100%;
}

.TrialAim {
    margin-top: 10px;
}

.TrialAimSpan {
    font-size: large;
    font-weight: 800;
    color: #026e7a;
}

.DetailsHeader {
    font-size: x-large;
    font-weight: 500;
    margin: 0px 0px 20px 0px;
    color: #026e7a;
}

.DetailItem {
    background-color: #f5f5f2;
    margin: 10px 5px;
    padding: 1px 0px 1px 10px;
    border-radius: 5px;
}

.leftItem {
    text-align: right;
    margin-right: 10px;
    width: 40%;
    float: left;
}

.leftSmallItem {
    text-align: right;
    margin-right: 10px;
    width: 100px;
    float: left;
}

.rightSmallItem {
    text-align: justify;
    width: -webkit-calc(100% - 110px);
    width: -moz-calc(100% - 110px);
    width: calc(100% - 110px);
    margin-left: 110px;
}

.rightItem {
    text-align: justify;
    width: 56%;
    float: left;
}

/*Training*/
.TrainingCourses {
    margin-top: 25px;
}

.TrainingSpacer {
    margin-top: 20px;
}

.TrainingDesc {
    margin-top: 10px;
}

.TrainingBottomPush {
    margin-bottom: 40px;
}

.TrainingPicture {
    max-width: 700px;
    max-height: 300px;
    width: auto;
    height: auto;
}

.SelectedTrainingItem {
    background-color: #d9d9d1;
}

/*News and Events page*/
.NEMainArea {
    width: 79%;
    float: left;
    border-top-color: #0097A9;
    border-top-width: 3px;
    border-top-style: solid;
}

#NEEventFloat {
    width: 20%;
    margin: 0px 0 10px 1%;
    float: left;
    border-top-color: #0097A9;
    border-top-width: 3px;
    border-top-style: solid;
}

.NEMainNews1 {
    margin: 2%;
}



.NEMainNews1Header {
    width: 100%;
    margin: 1%;
    font-size: large;
    font-weight: 700;
}

.NEmainNews1Text {
    width: 35%;
    margin: 1%;
    margin-right: 20px;
    float: left;
    text-align: justify;
}

.NEmainNews1Img {
    width: 60%;
    float: left;
}

.NEMainNews1:hover {
    opacity: 0.8;
}



.News2to6Item {
    max-width: 240px;
    min-width: 140px;
    width: 23%;
    height: 300px;
    margin: 0px 1% 10px 1%;
    background: white;
    overflow: hidden;
    float: left;
}

    .News2to6Item:hover {
        opacity: 0.8;
        background-color: #eeeee9;
    }

#NENewsFloat {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-top-color: #0097A9;
    border-top-width: 2px;
    border-top-style: solid;
    margin-top: 20px;
}

.NewsBullet {
    float: left;
    width: 29%;
    margin-right: 10px;
    margin-left: 10px;
    border-top-color: #0097A9;
    border-top-width: 2px;
    border-top-style: solid;
    margin-bottom: 10px;
    margin-top: 30px;
    background-color: #f5f5f2;
    padding: 5px;
}

.NewsBulletHeader {
    font-weight: 700;
}

.NewsBulletDate {
    margin-top: 5px;
    font-style: italic;
    text-align: right;
    font-size: smaller;
}

.NewsArchiveSpacer {
    margin-bottom: 0px;
    max-width: 340px;
    min-width: 180px;
    width: 31%;
    height: 340px;
    margin: 0px 1% 10px 1%;
    background: white;
    overflow: hidden;
    float: left;
}

    .NewsArchiveSpacer:hover {
        opacity: 0.8;
        background-color: #eeeee9;
    }

.ArchiveMaker {
    margin-left: 10px;
    margin-top: 10px;
}

.ArchiveDate {
    font-size: small;
    margin-top: 5px;
    margin-left: 10px;
    font-style: italic;
}

.ArchiveSpan {
    background-color: rgba(0,0,0,0.65);
    padding: 2px 5px;
    color: white;
    font-weight: 600;
}

/*publications*/
.PubItem {
    margin: -5px 0px 40px 0px;
    padding-top: 1px;
    border-top-color: #0097A9;
    border-top-width: 1px;
    border-top-style: solid;
}

.PubTitle {
    font-weight: 600;
    font-size: large;
}

.PubCredit {
    margin-top: 5px;
}

.PubPrint {
    margin-top: 5px;
    font-style: italic;
}

.PubDate {
    font-size: small;
    font-style: italic;
    text-align: right;
    margin-bottom: 5px;
}

.PubTrial {
    display: normal;
}

.SelectedPubItem {
    margin: -0px 0px 40px 0px;
    padding-top: 1px;
    border-top-color: #0097A9;
    border-top-width: 1px;
    border-top-style: solid;
    padding: 5px 5px;
    background-color: #d9d9d1;
}

/*ViewNews*/
.ViewNewsArea {
    margin-left: 15%;
    width: 69%;
    float: left;
}

.ViewNewsArticle {
    margin-bottom: 40px;
    width: 100%;
    border-top-color: #0097A9;
    border-top-width: 3px;
    border-top-style: solid;
    margin-top: 10px;
    padding-top: 10px;
}

.VNDate {
    font-weight: 800;
}

.VNImage {
    width: 100%;
    margin: 20px 0px 20px 0px;
}

/*Text Edditor*/
.EdditorDiv {
    width: 100%;
    height: 100%;
}

.EdditorText {
    width: 100%;
    height: 200px;
}

.EdditorLDiv {
    width: 100%;
    height: 100%;
}

.EdditorLText {
    width: 100%;
    height: 400px;
}

/*ImageLoader*/
.ILImage {
    width: 545px;
    height: 300px;
    margin: 2px 0px 0px 0px;
    border-style: solid;
}

.ILImageInternal {
    text-align: left;
}

.VNImageInternal {
    width: 100%;
    max-width: 600px;
}

.ILImageP {
    max-height: 300px;
}

.IlHolder {
    display: normal;
    font-style: italic;
    border-style: solid;
    padding: 30px;
    border-color: #0097A9;
    width: 485px;
}

.ILFileUpload {
    height: 0px;
    width: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2;
}

.IlBrowser {
    float: left;
    width: 400px;
    border-style: solid;
    border-width: 1px;
    border-right-width: 0px;
    border-radius: 5px 0px 0px 5px;
    overflow: hidden;
    height: 25px;
    margin-left: -5px;
    font-weight: 700;
}

.IlFileText {
    width: 200px;
    overflow: hidden;
    text-align: center;
}




.IlUploadButton {
    position: relative;
    right: 0px;
    width: 80px;
    height: 27px;
    border-radius: 0px 5px 5px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-left-width: 0px;
    background-color: #0097A9;
    color: white;
}

    .IlUploadButton:hover {
        background-color: #026e7a;
    }

.IlBrowseButton {
    z-index: 1;
    left: 0px;
    color: red;
    height: 25px;
    border-width: 0px;
    background-color: #0097A9;
    color: white;
    margin-right: 4px;
}

    .IlBrowseButton:hover {
        background-color: #026e7a;
    }

.ILToolBar {
    width: 478px;
    margin-top: 5px;
    margin-left: 4px;
    float: left;
}

.IlButton {
    height: 23px;
}

.IlText {
    display: normal;
    margin-top: 2px;
    background-color: #fa1212;
    color: white;
}

.IlclearButton {
    float: left;
    margin-top: -5px;
    z-index: 2;
    margin-left: -10px;
}

.IlclearButtonClass {
    float: left;
    margin-top: 10px;
    width: 80px;
    height: 27px;
    border-radius: 0px 5px 5px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-left-width: 0px;
    background-color: #ad0e0e;
    color: white;
}

    .IlclearButtonClass:hover {
        background-color: #8f0808;
    }

/*SimpleFileBrowser*/
.IlFileTool {
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    width: 90%;
}

.IGFileTool {
    border-style: solid;
    border-width: 3px;
    border-radius: 8px 8px;
    width: 99.4%;
    border-color: #0097A9;
    margin-top: 10px;
}

.IlFileToolItem {
    float: left;
    height: 90px;
}

.IlFileToolItem1 {
    height: 27px;
}



.IlFileLeftButton {
    height: 90px;
    width: 80px;
    margin-right: 4px;
    border-radius: 5px 0px 0px 5px;
    border-width: 0px;
    background-color: #0097A9;
    color: white;
}

    .IlFileLeftButton:hover {
        background-color: #026e7a;
    }

.ILFileCLear {
    width: 60px;
    height: 90px;
    border-radius: 0px 5px 5px 0px;
    border-width: 0px;
    background-color: #ad0e0e;
    color: white;
}

    .ILFileCLear:hover {
        background-color: #8f0808;
    }

    .ILFileCLear:disabled {
        background-color: #b9a1a1;
    }

.IlHeader {
    text-align: center;
    font-size: smaller;
    font-weight: 800;
    color: #0097A9;
}

.IlFileButton {
    background-color: #0097A9;
    color: white;
    border: none;
    width: 150px;
    height: 26px;
    margin-right: 4px;
}

    .IlFileButton:hover {
        background-color: #026e7a;
    }

    .IlFileButton:disabled {
        background-color: rgba(0,0,0,0.2);
    }

.IGRight {
    width: 104px;
    overflow: hidden;
}

.IGFileButton {
    background-color: #0097A9;
    color: white;
    border: none;
    width: 100px;
    height: 26px;
    margin-right: 4px;
}

    .IGFileButton:hover {
        background-color: #026e7a;
    }

.IGMid {
    width: -webkit-calc(100% - 110px);
    width: -moz-calc(100% - 110px);
    width: calc(100% - 110px);
}

.IlDescDiv {
    height: 27px;
}

.IlMid {
    width: -webkit-calc(100% - 294px);
    width: -moz-calc(100% - 294px);
    width: calc(100% - 298px);
}

.IlRight {
    width: 154px;
    overflow: hidden;
}

.IlDescDiv1 {
    float: left;
    margin-right: 4px;
}



.IlDescDiv2 {
    float: left;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
}



.ILFileSelected {
    font-size: smaller;
    color: #048f1c;
    text-align: center;
    margin-top: -2px;
    text-wrap: none;
    overflow: hidden;
}

.IlDescText {
    height: 27px;
    width: 10%;
}

.IlDescBox {
    width: 100%;
    padding-left: 5px;
}

    .IlDescBox:read-only {
        background-color: #eeeee9;
    }

.IlSelcDiv {
    height: 27px;
    font-weight: 800;
}

.NewResArea {
    width: 95%;
    text-align: right;
}

.NewResoruceButton {
    text-decoration: none;
    background-color: none;
    color: #026e7a;
    border-style: none;
    padding: 10px 10px;
    text-align: center;
    border-radius: 5px;
    background: -webkit-linear-gradient(left top, white, #eeeee9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #eeeee9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #eeeee9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #eeeee9); /* Standard syntax */
    width: 150px;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}

    .NewResoruceButton:hover {
        background: -webkit-linear-gradient(left top, #eeeee9, white); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(bottom right, #eeeee9, white); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #eeeee9, white); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #eeeee9, white); /* Standard syntax */
        opacity: 0.8;
    }

/*LinkManager*/
.IlinkDescDiv1 {
    float: left;
    margin-right: 4px;
    width: 140px;
}

.IlinkDescDiv2 {
    float: left;
    width: -webkit-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: calc(100% - 160px);
}

.IlinkMid {
    width: -webkit-calc(100% - 140px);
    width: -moz-calc(100% - 140px);
    width: calc(100% - 144px);
    margin-top: 8px;
    margin-bottom: -8px;
}

.IlinkFileToolItem {
    float: left;
    height: 63px;
}


.IlinkFileLeftButton {
    height: 63px;
    width: 80px;
    margin-right: 4px;
    border-radius: 5px 0px 0px 5px;
    border-width: 0px;
    background-color: #0097A9;
    color: white;
}

    .IlinkFileLeftButton:hover {
        background-color: #026e7a;
    }

.ILinkFileCLear {
    width: 60px;
    height: 63px;
    border-radius: 0px 5px 5px 0px;
    border-width: 0px;
    background-color: #ad0e0e;
    color: white;
}

    .ILinkFileCLear:hover {
        background-color: #8f0808;
    }

.DeadRow {
    text-align: center;
    padding: 10px 0px;
    height: 140px;
    background-color: white;
}

.DeadRow2 {
    text-align: center;
    padding: 10px 0px;
    height: 25px;
    background-color: white;
}

.ResList {
    border-style: solid;
    border-width: 2px;
    border-color: #0097A9;
    margin-bottom: 10px;
    padding: 10px;
}

/*TrialProtocolBrowser*/
.ITFileToolItem {
    float: left;
    height: 180px;
}

.ITFileLeftButton {
    height: 181px;
    width: 80px;
    margin-right: 4px;
    border-radius: 5px 0px 0px 5px;
    border-width: 0px;
    background-color: #0097A9;
    color: white;
}

    .ITFileLeftButton:hover {
        background-color: #026e7a;
    }

.IGFileLeftButton {
    height: 181px;
    width: 80px;
    margin-right: 4px;
    border-radius: 5px 0px 0px 5px;
    border-width: 0px;
    background-color: #00a961;
    color: white;
}

    .IGFileLeftButton:hover {
        background-color: #098028;
    }

.ITFileArea {
    float: left;
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
}

.ITFileRow {
    height: 90px;
    width: 100%;
}

.ITFileRow1 {
    height: 90px;
    width: 100%;
}

.ITFileRow2 {
    height: 90px;
    width: 100%;
}

.ITMid {
    width: -webkit-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: calc(100% - 160px);
}

.ITFileCLear {
    width: 62px;
    height: 181px;
    border-radius: 0px 5px 5px 0px;
    border-width: 0px;
    background-color: #ad0e0e;
    color: white;
    margin-left: 4px;
}

    .ITFileCLear:hover {
        background-color: #8f0808;
    }

.ITDescDiv2 {
    float: left;
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
}

.ITDescDiv1 {
    float: left;
    margin-right: 4px;
    width: 110px;
    text-align: right;
}

.ITFileDetailHeader {
    width: 100%;
    text-align: center;
    border-top-color: #0097A9;
    border-top-width: 1px;
    border-top-style: solid;
    margin-top: 1px;
}

.ITFileDetailHalf {
    float: left;
    width: 50%;
}

.ITFileTxT {
    width: 90%;
    padding-left: 5px;
}

.FileLoctext {
    font-weight: 400;
    font-size: small;
    color: #026e7a;
}

/*Administation Home*/
.AdminLeft {
    width: 58%;
    float: left;
    padding: 0px 10px;
}

.AdminRight {
    width: 38%;
    float: left;
    margin-top: 50px;
    background: #f5f5f2;
    border-radius: 10px;
}

.RecentSection {
    margin: 10px 10px 20px 10px;
    border-top-color: #0097A9;
    border-top-width: 3px;
    border-top-style: solid;
}

.RecentText {
    font-weight: 600;
}

/*Edit Trials*/
.ETMain {
    width: 45%;
    display: block;
}

.ETshortText {
    width: 100%;
    padding-left: 3px;
}

.ETshortDD {
    width: 103%;
    margin-right: 10px;
    height: 23px;
    padding-left: 3px;
}

.ETshortDD2 {
    width: 300px;
    margin-top: 5px;
    margin-left: 10px;
    height: 23px;
    padding-left: 3px;
}

.ETshortDD3 {
    width: 300px;
    margin-top: 5px;
    height: 23px;
    padding-left: 3px;
}

.ETshortDD2Invalid {
    width: 300px;
    margin-top: 5px;
    margin-left: 10px;
    height: 23px;
    padding-left: 3px;
    border-color: red;
    border-style: solid;
    border-width: 1px;
}

.ETTrialDesign {
    margin: 10px 0px;
    width: 90%;
    margin-bottom: 30px;
    margin-left: 4%;
}

.ETTrialDesign2 {
    margin: 10px 0px;
    width: 90%;
    margin-left: 4%;
}

.ETTrialDesign3 {
    margin: 10px 0px;
    margin-left: 4%;
    margin-bottom: 5px;
}

.ETPlainBox {
    width: 400px;
    float: left;
}

.ETPlainText {
    width: 100px;
    float: left;
}

.ETEdditorText {
    width: 50%;
}

.ETInfoLabel {
    padding: 0px 10px;
    font-style: italic;
    margin-top: -10px;
}

.ETInfoLabel2 {
    padding: 0px 10px;
    font-style: italic;
    font-size: small;
    color: black;
    font-weight: 400;
}

.ECInfoLabel2 {
    padding: 0px 0px;
    font-style: italic;
    font-size: small;
    color: black;
    font-weight: 400;
}


.ETTrialNameBox {
    margin-top: 5px;
    margin-left: 10px;
    width: 100%;
    min-width: 350px;
    height: 40px;
    padding: 2px 10px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}

.ECTrialNameBox {
    margin-top: 5px;
    width: 100%;
    min-width: 350px;
    height: 40px;
    padding: 2px 10px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
}

.ETTrialNameBoxInvalid {
    margin-top: 5px;
    margin-left: 10px;
    width: 100%;
    min-width: 350px;
    height: 40px;
    padding: 2px 10px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    border-color: red;
    border-style: solid;
    border-width: 1px;
}

.ETDate {
    width: 103%;
}

.TrialDetailDD {
    font-weight: 700;
    margin-bottom: 20px;
}

.ETMandatory {
}

.ServerError {
    display: normal;
    background-color: #c11111;
    color: white;
    width: 100%;
    min-height: 30px;
    padding: 10px 10px 0px 10px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: -10px;
}

.ServerWin {
    display: normal;
    background-color: #152acf;
    color: white;
    min-height: 30px;
    padding: 10px 10px 0px 10px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: -10px;
}

/*WebCal*/
.WebCal {
    width: 100%;
    margin-top: -8px;
}

.WebCalText {
    width: 60%;
    height: 20px;
    margin: 0px;
    padding: 0px 2px;
    padding-left: 5px;
    margin-top: 0px;
}

.WebCalImg {
    height: 38px;
    margin: 0px;
    padding: 0px;
    margin-bottom: -14px;
    margin-left: -8px;
}

/*TrialAdmin*/
.StandardTable {
    border-style: none;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-width: 3px;
    border-color: #0097A9;
    border-style: solid;
    border-radius: 20px;
    width: 100%;
}

.StandardTableU {
    border-style: none;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-width: 3px;
    border-color: #0097A9;
    border-style: solid;
    border-radius: 20px;
    width: 95%;
}

.ProtocolWarning {
    border-color: #0097A9;
    border-style: solid;
    border-width: 0px 3px 0px 3px;
    width: -webkit-calc(100% - 7px);
    width: -moz-calc(100% - 7px);
    width: calc(100% - 7px);
    text-align: center;
}

.InnerProtocolWarning {
    width: 98%;
    font-weight: 600;
    font-style: italic;
    text-align: justify;
    margin-left: 1%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.StandardTable2 {
    border-style: none;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-width: 3px;
    border-color: #0097A9;
    border-style: solid;
    border-radius: 20px;
    border-top-width: 0px;
    width: 100%;
}

.StandardTable3{
        border-style: none;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-width: 3px;
    border-color: #0097A9;
    border-style: solid;
    border-radius: 20px;
    width: 100%;
}

.StandardTable4{
        border-style: none;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-width: 3px;
    border-color: #69b15b;
    border-style: solid;
    border-radius: 20px;
    width: 100%;
}

.TrialTableRow {
    border: none;
    margin: 0px;
    margin-bottom: 10px;
    background-color: red;
}

.TrialTableColumn {
    margin: 0px;
    border-style: none;
    border-width: 0px;
}

.TrialTableColumnFooter {
    margin: 0px;
    border-style: none;
    border-width: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    margin-top: 10px;
}

.TrialHeader {
    text-align: left;
    border-style: none;
    border-width: 0px;
}

.TrialButtonImage {
    width: 25px;
}

    .TrialButtonImage:hover {
        opacity: 0.8;
    }

.rowdiv {
    background-color: #f5f5f2;
}

.cl {
    margin-left: 40%;
}

.cls {
    margin-left: 30%;
}

.cCentre {
    text-align: center;
}

.c1 {
    width: 10%;
}

.c12 {
    width: 12%;
}

.c5 {
    width: 5%;
}

.c2 {
    width: 20%;
}

.c25 {
    width: 15%;
}

.c4 {
    width: 35%;
}

.indent20{
    text-indent:25px;
}

.indent5{
    text-indent:1px;
}

.cpad {
    text-indent: 30px;
}

.c80 {
    width: 50%;
}

.c08 {
    width: 1%;
}

.seperator{
    border-bottom-style:solid;
    border-bottom-width:2px;
    border-bottom-color:#0097A9;
    width:90%;
    margin-left:5%;
    margin-top:15px;
    margin-bottom:15px;
}

.ButtonSpacer {
    margin-left: -webkit-calc(100% - 210px);
    margin-left: -moz-calc(100% - 210px);
    margin-left: calc(100% - 210px);
    margin-top: -20px;
}

/*New Trial Area*/
.OkayCancelArea {
    width: 50%;
    margin-left: 25%;
}

.NewNameHelp {
    font-style: italic;
    margin-left: 5%;
}

.NewNameDiv {
    margin-bottom: 30px;
    margin-top: 10px;
}

.NewNameText {
    width: 80%;
    margin-left: 5%;
    height: 35px;
    padding: 0px 10px;
}

/*EditNews*/
.EditNewsDate {
    margin-left: 10px;
    width: 50%;
    min-width: 200px;
}

.EditNewsImage {
    margin-left: 10px;
    margin-top: 20px;
}

.EditNewsText {
    width: 100%;
    margin-left: 10px;
    margin-top: 20px;
}

/*EditPublication*/
.RelatedTrial {
    margin-top: 20px;
    font-weight: 600;
    color: #026e7a;
    margin-bottom: 20px;
}

.EditPubDate {
    width: 50%;
    font-weight: 600;
    color: #026e7a;
    min-width: 200px;
}

.ETPubNameBox {
    width: 80%;
    margin-left: 10px;
    height: 120px;
    padding: 0px 10px;
}

/*TrainingAdmin*/

.TrainingAdminArea {
    width: 70%;
}

/*TrialDocumentsAdmin*/
.AdminProtocolHeader {
    font-size: large;
    color: white;
    height: 30px;
    background-color: #0097A9;
    text-indent: 10px;
    width: -webkit-calc(100% - 1px);
    width: -moz-calc(100% - 1px);
    width: calc(100% - 1px);
    padding-top: 10px;
}

.AdminProtocolTable {
    border-width: 2px;
    border-style: solid;
    border-color: #0097A9;
    border-radius: 5px;
    min-height: 200px;
    margin-bottom: 10px;
}

.ButtonColumnR {
    margin-right: 30px;
}

.ButtonColumnL {
    margin-left: 30px;
}

.ButtonColumn {
    text-align: center;
}

.ButtonColumnFooter {
    text-align: center;
    margin-top: 30px;
}

.ButtonColumnImg {
    text-align: center;
}

.ButtonColumnTxt {
    text-align: center;
    color: #0097A9;
}

.ColumnBox {
    width: 90%;
    margin-left: 2%;
}

.HiddenColumn {
    width: 0px;
}

/* Account Login*/
.LoginHolder {
    width: 100%;
    text-align: center;
}

.LoginArea {
    width: 50%;
    min-width: 400px;
    border-style: solid;
    text-align: center;
    border-color: #0097A9;
    padding: 10px;
    margin-left: 24%;
}

.LoginArea2 {
    width: 50%;
    min-width: 400px;
    border-style:none;

    padding: 10px;
    margin-left: 4%;
}

.labelbit {
    font-weight: 700;
    color: #026e7a;
}


.loginrow2 {
    margin-top: 10px;
}

.CenterButton {
    width: 151px;
    margin-left: -webkit-calc(50% - 90px);
    margin-left: -moz-calc(50% - 90px);
    margin-left: calc(50% - 90px);
    text-align: center;
}

.LoginText {
    height: 30px;
    padding-left: 10px;
}

.ResetPsswordSpace {
    height: 30px;
}

.CTCStaff {
    color: white;
    text-decoration: none;
}

    .CTCStaff:hover {
        text-decoration: underline;
    }

.ColumnBox2 {
    width: 90%;
    margin-left: -30px;
    padding-left: 10px;
}

.SFTable {
    width: 47%;
    margin-right: 1%;
    float: left;
}

.NewSFText {
    margin-top: -10px;
    color: #0097A9;
}

/*User Admin*/
.CheckFieldHeader {
    -moz-transform: rotate(-90.0deg); /* FF3.5+ */
    -o-transform: rotate(-90.0deg); /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    height: 140px;
    width: 15px;
    border-width: 0px 1px 0px 1px;
}

.CheckFieldHeader2 {
    -moz-transform: rotate(-90.0deg); /* FF3.5+ */
    -o-transform: rotate(-90.0deg); /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.CheckField {
    width:25px;
    text-align: center;
    border-width: 0px 1px 0px 1px;
    margin-left:5px;
}

.EndColumnHeader {
    border-width: 0px 0px 0px 0px;
}

.UnlockButton {
    border-style: solid;
    border-color: lightgray;
    border-width: 1px;
    border-radius: 5px;
    height: 30px;
    background-color: #0097A9;
    color: white;
}

.e1 {
    width: 50px;
}

.e2 {
    width: 180px;
}

.e3 {
    width: 230px;
}

.ResDesc {
    margin: 0px;
    border-style: none;
    border-width: 0px;
    text-indent: 30px;
}

.StandardText{
   padding-left:4px;
   
}

/*Training Documents Managment*/
.TrainingDocMan
{
     border-style: solid;
    border-width: 3px;
    border-radius: 8px 8px;
    width: 99.4%;
    border-color: #0097A9;

}

.TrainingDocMatchTxt{
    width:300px;
    margin-left:0px;
    height:18px;
}

.TrainingDocManBtn{

}

.FloatHolder{
    width:100%;
    clear:both;
    text-align:center;
    height:30px;

}

.floatleftitem{
    width:48%;
    text-align:right;
    float:left;
    margin-right:0.5%;
}

.floatrightitem
{
    width:49%;
    text-align:left;
    float:left;
    margin-left:0.5%;
}

.TraingDocFloatsL{
    width:140px;
    float:left;
    margin-left:30%;
}

.TraingDocFloat
{
    width:300px;
    float:left;
}
.TraingDocFloats
{
    width:200px;
    float:left;
}

.NewCat{
    border-style:solid;
    border-color:#0097A9;
    width:508px;
    border-radius:5px;
    height:24px;
    
    margin-left: -webkit-calc(50% - 254px);
    margin-left: -moz-calc(50% - 254px);
    margin-left: calc(50% - 254px);
    margin-bottom:20px;
    margin-top:10px;
}

.ReturnButton22 {
    padding: 2px 10px;
    text-align: center;
        background: -webkit-linear-gradient(left top, white, #eeeee9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, white, #eeeee9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, white, #eeeee9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, white, #eeeee9); /* Standard syntax */
    width: 181px;
    margin-bottom: 20px;
    margin-top: 0px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.65);
    margin-left:5px;
    margin-top:0.5px;
}

.ReturnButton22:hover {
    background: -webkit-linear-gradient(left top, #eeeee9, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #eeeee9, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #eeeee9, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #eeeee9, white); /* Standard syntax */
    opacity: 0.8;
}

.MiniHeading{
    width:200px;
    font-weight:500;
}

.spacer{
    padding-top:30px;
}

.HideHeader{
    color:transparent;
    margin-right:26px;
}

/*accessinility*/
a:focus {
    outline: 3px solid orange;
}




@media
/* Fairly small screens including iphones */
only screen and (max-width: 1400px) {
    #centre {
        width: 82%;
    }

    .FixedWidth70img {
        max-width: 600px;
    }
}

@media
/* Fairly small screens including iphones */
only screen and (max-width: 1300px) {
    #centre {
        width: 84%;
    }

    .HomePageFloat {
        height: 280px;
    }

    .FunderIconDiv {
        max-width: 140px;
    }
}

@media
/* Fairly small screens including iphones */
only screen and (max-width: 1200px) {
    #centre {
        width: 86%;
    }

    .FixedWidth70img {
        max-width: 500px;
    }
}

@media
/* Fairly small screens including iphones */
only screen and (max-width: 1100px) {
    #centre {
        width: 88%;
    }
}

/*determine the screen size and remove border elements if the size is to small*/
@media
/* Fairly small screens including iphones */
only screen and (max-width: 1020px) {
    #centre {
        width: 92%;
    }

    #BodySettings {
        font-size: 80%;
    }

    .WWDimage {
        width: 50%;
    }

    .TrialPhase {
        font-size: 70%;
    }

    .LinksImage {
        width: 50%;
    }
}

@media
/* Fairly small screens including iphones */
only screen and (max-width: 920px) {
    #centre {
        width: 96%;
    }

    #bottombannerimage {
        margin-right: 60px;
    }

    .leftPush {
        margin-left: 5%;
    }

    .RAWTtableCell {
        width: 48%;
    }

    .NEmainNews1Img {
        width: 55%;
    }
}

@media
/* Fairly small screens including iphones */
only screen and (max-width: 868px) {
    #centre {
        width: 100%;
    }

    #BodySettings {
        font-size: 75%;
    }

    .HomePageFloat {
        height: 250px;
    }

    bottombannernumber {
        margin-left: 4%;
    }
}

@media
/* Fairly small screens including iphones */
only screen and (max-width: 828px) {
    .leftPush {
        margin-left: 20%;
    }

    .RAWTtableCell {
        width: 44%;
    }
}

@media only screen and (max-width: 780px) {
    .bannerCRUK {
        margin-top: 10px;
    }

    .FixedWidth70img {
        width: 60%;
    }
}

@media only screen and (max-width: 600px) {
    #centre {
        width: 100%;
    }

    #BodySettings {
        font-size: 75%;
    }

    .HomePageFloat {
        height: auto;
    }

    .HomePageFloatText {
        display: none;
    }
}
