/*** GLOBAL  ***/

html, body {
    height: 100%;
}

body {
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    margin: 0 auto;
    padding: 0;
    color: #333;
    height: 100%;
    line-height: 18px;
    background: #ebeceb;
}

.NormalText {
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
}

.NormalTextBlack {
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: Black;
}

.NormalTextC {
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    text-align: center;
}

.NormalTitle {
    font-family: Verdana, Arial, Tahoma;
    font-size: 12px;
    font-weight: bold;
}

.textBox {
    font-family: Verdana, Arial, Tahoma;
    font-size: 8pt;
}

.textBoxthinborder {
    font-family: Verdana, Arial, Tahoma !important;
    font-size: 8pt !important;
    border-width: 1pt !important;
    border-color: silver !important;
    border-style: solid !important;
    padding: 3pt 3pt 3pt 3pt !important;
    color: #4251ab;
}

* {
    margin: 0;
    padding: 0;
}

    *:focus {
        outline: none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
    }

.clr {
    clear: both
}

form {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    overflow: hidden;
}

hr {
    border: 0;
    color: #e0e0e0;
    background-color: #e0e0e0;
    height: 1px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.right {
    float: right;
}
/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2 {
    margin-bottom: 15px;
    font-family: "Trebuchet MS", Arial, Tahoma;
    font-weight: normal;
    color: #2d84b6
}
/*h3, h4, h5, h6{margin-bottom:8px;	font-family:Arial, Verdana, Tahoma;	font-weight:normal; color:#2d84b6}*/
h3, h4, h5, h6 {
    margin-bottom: 8px;
    font-family: "Trebuchet MS", Arial, Tahoma;
    font-weight: normal;
    color: #2d84b6
}

h1 {
    font-size: 22px;
    line-height: 24px;
}

h2 {
    font-size: 22px;
    line-height: 24px;
}

h3 {
    font-size: 17px;
    line-height: 18px;
}

h4 {
    font-size: 15px;
    line-height: 16px;
}

h5, h6 {
    font-size: 13px;
    line-height: 15px;
}

/* links */

a {
    color: #183f67;
    text-decoration: none;
}

    a:hover {
        color: #C68E17;
        text-decoration: underline;
    }

    a img {
        border: none
    }

.border {
    border: 1px solid #c5c5c5;
    padding: 3px;
}

.imgleft {
    float: left;
    margin-right: 15px;
}

.imgright {
    float: right;
    margin-left: 15px;
}

.imgmiddle {
    vertical-align: middle;
    padding-right: 6px
}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 15px;
}

ul, ol {
    margin: 10px 0 35px 30px;
}

li ol,
li ul {
    list-style: square;
    margin-bottom: 0;
    margin-top: 0;
}

li ol {
    list-style: decimal;
}

blockquote {
    font-style: italic;
    margin: 25px 0 25px 0px;
    color: #6b6b6b;
    padding: 10px 20px 10px 35px;
    background-image: url(../images/quote.gif);
    background-repeat: no-repeat;
}

/* code */
code {
    font-family: Verdana, Arial;
    letter-spacing: 1px;
    margin: 25px 0 25px 0px;
    display: block;
    font-size: 0.9em;
    border-left: 4px solid #e0e0e0;
    padding: 15px 10px;
}

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#bordercon {
    width: 996px;
    margin: 0 auto;
    background: #FFFFFF;
}

#top_container {
    width: 980px;
    margin: 0 auto;
    background-image: url(../images/bg_container_top.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    padding-top: 8px;
}

#top_container_inner {
    width: 980px;
    margin: 0 auto;
    background-image: url(../images/bg_container_inner_top.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    padding-top: 8px;
}

#bottom_container {
    width: 980px;
    margin: 0 auto;
    background-image: url(../images/bg_container_bottom.gif);
    background-repeat: repeat-x;
    background-color: #efefef;
    min-height: 229px;
}

#footer_container { /*width:980px;*/
    margin: 0 auto;
    background-image: url(../images/bg_container_footer.gif);
    background-repeat: repeat-x;
    background-color: #333333;
    min-height: 35px;
}
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
.centercolumn {
    width: 952px;
    margin: 0px auto 0px auto;
}
/*** END OF CENTERCOLUMN ***/

/*** TOP 980 WIDE -- url(../images/topbg.gif); -- #79afdf -- ***/
#top {
    height: 100px;
    padding-top: 0px;
    background-image: url(../images/headbg.jpg);
    border-bottom: 1px solid silver;
}

    #top ul, #top p, #top a, #top a:visited {
        color: #FFFFFF;
    }

    #top ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

#logo {
    width: 353px;
    float: left;
    padding-left: 20px;
}

#lefttopcontact {
    width: 313px;
    float: left;
    text-align: left;
    padding: 5px 0px 0px 0px;
    color: #FFFFFF;
}

#topinput {
    width: 125px;
    float: right;
    text-align: right;
    padding: 5px 0px 0px 0px;
    text-align: left;
}

#topcontact {
    width: 286px;
    float: left;
    text-align: right;
    padding: 5px 0px 0px 0px
}

#topmenu {
    height: 73px;
    clear: both;
}

    #topmenu ul {
        list-style-type: none;
        margin: 0px;
        padding: 14px 0px 0px 0px;
    }

        #topmenu ul li {
            list-style-type: none;
            margin: 0px;
            padding: 0px 10px 0px 20px;
            float: left;
            font-size: 18px;
            font-family: "Trebuchet MS", Arial, Tahoma;
        }

            #topmenu ul li span {
                display: block;
                font-size: 11px;
            }

            #topmenu ul li a, #topmenu ul li a:visited {
                color: #fff;
                display: block;
                padding-left: 10px;
            }

                #topmenu ul li a.active {
                    background-image: url(../images/arrow.gif);
                    background-repeat: no-repeat;
                    background-position: 0px 5px;
                }

.downarrow {
    background-image: url(../images/arrow_down.jpg);
    background-repeat: no-repeat;
    background-position: 15px 4px;
}

/*#topmenu ul li a:hover{color:#fff; text-decoration:none; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:0px 5px;}*/

/*** END TOP ***/

/*** HEADER ***/

/*** END HEADER ***/

/*** CONTENT ***/
#minheight {
    min-height: 580px;
}

#maincontent {
    padding: 30px 0px 40px 0px;
}
/*#maincontent a, #maincontent a:visited{text-decoration:underline;}
#maincontent a:hover{text-decoration:none;}*/
#box_container {
    margin-bottom: 0px;
    width: 952px;
    float: left;
}

.box {
    float: left;
    width: 260px;
}

    .box.nomargin {
    }

.box_lrg {
    float: left;
    width: 580px;
    padding-left: 25px;
}

.mini_box {
    float: left;
    margin-right: 20px;
    width: 160px;
    /*    width: 160px;*/
}

    .mini_box img {
        border-radius: 9px 9px 9px 9px;
        box-shadow: -3px 3px 5px grey;
        margin-bottom: 10px;
    }

.line_separator {
    width: 85px;
    float: left;
    display: block;
    background-image: url(../images/line_separator.gif);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
}

.no_line_separator {
    width: 85px;
    float: left;
    display: block;
    min-height: 200px;
}

* html .line_separator {
    height: 200px;
}
/* ie6 only*/
#content {
    clear: left;
}

#content_new {
    width: 927px;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 0 auto;
}

.tagline {
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    color: #898686;
}
/*** END CONTENT ***/

/*** FOOTER ***/
#bottom_container {
    padding: 25px 0px 5px 0px
}

#bottombox_container {
    float: left;
    width: 952px;
}

.bottombox {
    float: left;
    width: 260px;
}

.bottombox {
    margin-left: 85px;
}

    .bottombox.nomargin {
        margin-left: 0px;
    }

#bottom_container ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    #bottom_container ul li {
        margin: 0px;
        padding: 0px 0px 6px 0px;
        margin-bottom: 6px;
        list-style-type: none;
        border-bottom: solid 1px #b3b1b1;
    }

        #bottom_container ul li a, #bottom_container ul li a:visited {
            color: #333;
        }

            #bottom_container ul li a:hover {
                color: #7f7e7e;
            }

    #bottom_container ul.flickr li {
        display: inline;
        float: left;
        border: none;
        padding: 0px 15px 15px 15px;
    }

        #bottom_container ul.flickr li.nomargin {
            padding: 0px 15px 15px 0px;
        }

#footer_container a, #footer_container a:visited {
    color: #898686;
}

#foot {
    text-align: center;
    padding: 10px 0px 0px 0px;
    font-size: 11px;
    font-family: Verdana;
    color: #898686
}
/*** END OF FOOTER ***/

.clear {
    clear: both;
}

.smalltable {
    border: solid 1px silver;
    border-collapse: collapse;
}

    .smalltable td {
        border: solid 1px silver;
        text-align: center;
        padding: 2px;
    }

.HairLineTable {
    border-width: 0 0 1px 1px;
    border-color: #6A8AA8;
    border-collapse: collapse;
    border-style: solid;
}

    .HairLineTable td {
        border-width: 1px 1px 0 0;
        text-align: center;
        padding: 3px;
        border-style: solid;
        border-color: #6A8AA8;
    }

.lefttable {
    border: solid 1px silver;
    border-collapse: collapse;
}

    .lefttable td {
        border: solid 1px silver;
        text-align: left;
        padding: 2px;
    }

.bluemenutext {
    font-family: Verdana, Arial, Tahoma;
    font-size: 0.9em;
    color: #4251ab;
    margin-top: 15px;
    margin-bottom: 15px;
}

.blueTextNormal2 {
    font-family: Verdana, Arial, Tahoma;
    font-size: 0.9em;
    color: #183f67;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bluemenutextbold {
    font-family: Verdana, Arial, Tahoma;
    font-weight: bold;
    font-size: 0.9em;
    color: #4251ab;
    margin-top: 15px;
    margin-bottom: 15px;
}

#nav_new li a, #nav_new li a:visited, #nav_new li a:hover {
    text-decoration: none;
}

select {
    font-family: Verdana, Arial, Tahoma;
}

input {
    font-family: Verdana, Arial, Tahoma;
}

textarea {
    font-family: Verdana, Arial, Tahoma;
}

input[type="reset"], input[type="submit"], input[type="button"] {
    padding: 0 .25em;
    color: #000;
    cursor: pointer;
    background: url(../images/bg-input-submit.gif) repeat-x 0 0;
    border: 1px solid #BBBBBB;
    font-family: Verdana, Arial, Tahoma;
    /*-moz-border-radius: 3px 3px 3px 3px;*/
    overflow: visible;
    width: auto;
    height: 24px;
}

.NormalButton {
    padding: 0.50em 0.50em !important;
    cursor: pointer;
    border: 1px solid #BBBBBB;
    font-family: Verdana, Arial, Tahoma;
    font-size: x-small;
    -moz-border-radius: 3px 3px 3px 3px !important;
    overflow: visible;
    width: auto;
    color: #245370 !important;
}

    .NormalButton:hover {
        padding: 0.50em 0.50em !important;
        cursor: pointer;
        border: 1px solid #BBBBBB;
        font-family: Verdana, Arial, Tahoma;
        font-size: x-small;
        -moz-border-radius: 3px 3px 3px 3px !important;
        overflow: visible;
        width: auto;
        color: #8A5230 !important;
    }

.formattedDiv {
    background-color: White;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

label {
    margin-left: 10px;
}

.padded tr td {
    padding: 2px;
}

.padded {
    text-align: left;
}

.Padded_Lrg {
    text-align: left;
}

    .Padded_Lrg tr td {
        padding: 2px;
        font-size: 10pt;
    }

.resultMessage {
    color: green;
    font-weight: bold;
    font-size: 1.1em;
}

.quickDrop {
    font-size: 8pt;
    height: 18px !important;
}

.marg_bot4 {
    margin-bottom: 4px;
}

.marg_both4 {
    margin-bottom: 4px;
    margin-top: 4px;
}

.mar_left4 {
    margin-left: 4px;
}

/* Required Legacy Styles */

.ErrorMsg {
    color: Red;
}

.WarningMsg {
    color: #CC6600;
}

.fieldHeader {
    text-align: right;
    padding-right: 4px;
    COLOR: #004885;
    FONT-SIZE: 8pt;
}

.fieldHeaderLeft {
    padding-left: 2px;
    COLOR: #004885;
    FONT-SIZE: 8pt;
    text-align: left;
}

.fieldHeaderRight {
    padding-left: 2px;
    COLOR: #004885;
    FONT-SIZE: 8pt;
    text-align: right;
}

.fieldHeaderCenter {
    padding-left: 2px;
    COLOR: #004885;
    FONT-SIZE: 8pt;
    text-align: center;
}

.xFieldHeaderCenter {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #153177;
    TEXT-DECORATION: none;
    TEXT-ALIGN: center
}

.FieldInfoTop {
    vertical-align: top;
    FONT-FAMILY: Verdana, arial;
    font-size: 8pt;
    /*position:relative;
	z-index:500;*/
}

.PageTitle {
    FONT-FAMILY: Verdana, arial;
    COLOR: #004885;
    FONT-WEIGHT: bold;
}
/*
=============================================================================
	JAMES ASKEW - NEW CONTACT PAGE STYLING - 26/06/2012
=============================================================================
*/
#map-main-wrapper {
    width: 715px;
    height: 584px;
    margin: 20px auto 30px auto;
    border: solid 2px silver;
    padding: 2px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
}

.map-wrap {
    width: 362px;
    height: 584px;
    border-right: solid 2px silver;
    float: left;
}

.details-wrap {
    width: 347px;
    height: 584px;
    margin: 0 0 0 4px;
    float: left;
    background: white url(../images/ContactMap/CIS.png) 85px 400px no-repeat;
}

ul.uldetails {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
}

    ul.uldetails li {
        margin: 2px 0;
    }

.countiesWrap {
    overflow-y: scroll;
}

.one-col {
    width: 40%;
    height: 185px;
    margin: 0 auto 0 auto;
    text-align: center;
}

.left-col {
    float: left;
    width: 47%;
    height: 185px;
}

.right-col {
    width: 47%;
    height: 185px;
    float: right;
    margin-bottom: 20px;
}

ul.counties-list {
    text-align: center;
    margin: 7px 0 10px 0;
}

    ul.counties-list li {
        margin: 0;
        list-style-type: none;
        line-height: 1.5;
    }

.details {
    padding-top: 30px;
    height: 275px;
}

    .details h2 {
        text-align: center;
    }

.pictures {
    height: 170px;
    text-align: center;
}

    .pictures img {
        border: solid 1px silver;
        box-shadow: 1px 1px 5px #cccccc;
    }

.Mapfooter {
    height: 41px;
    background: #333;
    border-left: solid 3px #ccc;
    border-right: solid 3px #ccc;
    text-align: right;
    font-size: 9px;
    color: #ccc;
    /*padding: 8px 10px 0 0;*/
    padding: 0 10px 0 0;
    line-height: 1.5;
    margin: 4px 2px 0 0;
}

    .Mapfooter a {
        color: #C68E17;
    }

        .Mapfooter a:hover {
            text-decoration: underline;
        }

#intro-div {
    height: 100%;
    background: #fff;
    text-align: center
}

.Mapinfo {
    width: 349px;
    height: 584px;
    overflow: hidden;
    float: left;
}

.mapAreaHeader {
    text-align: center;
}

.area-padding {
    margin: 13px 0 0 0;
}

#CISContacts {
    background: #fff;
    padding: 20px 10px 0 10px;
    overflow: hidden;
}

.contactTables {
    width: 29%;
    float: left;
    margin: 0 15px 0 0;
}

    .contactTables.first {
        margin: 0 20px 0 40px;
    }

    .contactTables.last {
        margin: 0;
    }

#featuredArticlesWrap {
    height: 250px;
    overflow-y: scroll;
}

.serviceButton {
    width: 145px;
}

#labContent {
    background-color: White;
    /* padding:10px;*/
}

    #labContent #UKASLOGO {
        border: 1px solid #AFAFAF;
        float: right;
        margin-top: 20px;
        width: 100px;
    }

#speirHouseAddress {
    display: block;
    font-weight: bold;
    margin-top: 5px;
    width: 450px;
    margin-left: 20px;
}

    #speirHouseAddress span {
        display: block;
        margin-bottom: 2px;
    }

.acNo {
    font-weight: bold;
}

#slides a {
    display: none;
}

#labContent #slides .slidesjs-pagination,
#labContent #slides .slidesjs-navigation {
    display: none !important;
}

#slides .slidesjs-container {
    height: 425px !important;
}

.slidesjs-container img {
    box-shadow: 0 -1px 15px #3A3A3A;
    border: 1px solid #AFAFAF;
    width: 952px;
}

.errorMessage {
    color: #A7342C;
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

.UKASLink {
    width: 400px;
    height: 20px;
    margin-top: 35px;
    color: red;
    overflow: hidden;
}

/* Update 29/08/13 Thomas Acres, new styles for CMS converted sections and admin pages ****************/
#mainWrap {
    width: 100%;
    padding: 0 0 50px 0;
}

#admin_border {
    width: 996px;
    margin: 0 auto;
    background: #FFF;
}

#admin_topWrap {
    width: 980px;
    margin: 0 auto;
    background-image: url(../images/bg_container_top.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
}

#admin_heading {
    font-size: 20pt;
    margin-top: 25px;
    display: block;
    width: 100%;
    padding-left: 30px;
    color: #F0F0F0;
}

#top {
}

#admin_topInner {
    margin-top: 25px;
    background-color: #fff;
    padding-top: 20px;
}

#dataWrap {
}

#editWrap > * {
    display: block;
    padding: 5px;
}

#editWrap span {
    font-size: 10pt;
    font-weight: bold;
}

#ctl00_ContentPlaceHolder1_chkPublished {
    margin: 0 7px 15px 7px;
}

.CISCows {
    margin-top: 0px;
    margin-left: 20px;
    float: right;
}
/* CMS Lab Page Slider Specific styles *********************************************/

#labContent #slides .slidesjs-pagination, #labContent #slides .slidesjs-navigation {
    display: none !important;
}

.Section_7 .UKASLogo {
    border: 1px solid #AFAFAF;
    float: right;
    width: 100px;
}

/************************************* End of CMS Lab Page Slider Specific styles*/

/* CMS Contact Page Specific styles ************************************************/

.contactCall, .contactEmail {
    display: block;
}

.areaDetails {
    height: 232px;
    margin: 0 auto;
    overflow-y: scroll;
    text-align: center;
    width: 100%;
}

#intro-div h3 {
    margin-top: 220px;
}

.contactWrap {
    float: left;
    margin-bottom: 20px;
    padding-left: 10px;
    width: 32%;
}

    .contactWrap.Section_6 {
        width: 100%;
    }

.otherAreasTable {
    width: 100%;
    border: 2px solid #ccc;
    border-collapse: collapse;
}

    .otherAreasTable th {
        border: 1px solid #ccc;
        font-weight: bold;
        background-color: #C0C0C0;
    }

    .otherAreasTable td {
        border: 1px solid #ccc;
        padding-left: 3px;
        text-align: center;
    }

        .otherAreasTable td .name, .otherAreasTable td .phone, .otherAreasTable td .email {
            width: 20%;
            text-align: center;
        }

        .otherAreasTable td.areas {
            width: 40%;
            text-align: left;
        }

/******************************************End of CMS Contact Page Specific styles*/

/* CMS Services Tab Buttons Specific styles ***************************************/

ul.services-list {
    margin-left: -10px;
    overflow: hidden;
}

    ul.services-list li {
        float: left;
        margin-left: 10px;
        list-style: none;
    }

        ul.services-list li a {
            background-size: 64px 64px;
            height: 64px;
            width: 64px;
            display: block;
            text-indent: -999em;
        }

            ul.services-list li a.s-cellcount {
                background: url('../images/new_services/round-circle-cc.png') no-repeat 0 0;
            }

            ul.services-list li a.s-datalinks {
                background: url('../images/new_services/round-circle-dl.png') no-repeat 0 0;
            }

            ul.services-list li a.s-laboratory {
                background: url('../images/new_services/round-circle-lab.png') no-repeat 0 0;
            }

            ul.services-list li a.s-genocis {
                background: url('../images/new_services/round-circle-gc.png') no-repeat 0 0;
            }

            ul.services-list li a.s-healthtesting {
                background: url('../images/new_services/round-circle-ht.png') no-repeat 0 0;
            }

            ul.services-list li a.s-milkrecording {
                background: url('../images/new_services/round-circle-mr.png') no-repeat 0 0;
            }

            ul.services-list li a.s-mobileherd {
                background: url('../images/new_services/round-circle-mh.png') no-repeat 0 0;
            }

            ul.services-list li a.s-ppackages {
                background: url('../images/new_services/round-circle-pp.png') no-repeat 0 0;
            }

            ul.services-list li a.s-yourherd {
                background: url('../images/new_services/round-circle-yh.png') no-repeat 0 0;
            }

            ul.services-list li a.s-pregcheck {
                background: url('../images/new_services/round-circle-pc.png') no-repeat 0 0;
            }

            ul.services-list li a.s-quote {
                background: url('../images/qq.png') no-repeat 0 0;
                background-size: 145px 52px;
                height: 52px;
                width: 145px;
                border-radius: 9px 9px 9px 9px;
                box-shadow: -3px 3px 5px grey;
                margin: 5px;
            }

.Section_8 img {
    border-radius: 9px 9px 9px 9px;
    box-shadow: -3px 3px 5px grey;
    margin-bottom: 10px;
    width: 145px;
}

.Section_8 > * {
    display: block;
}

.Section_8 a {
    float: left;
    margin-right: 20px;
    width: 160px;
}

/********************************** End of CMS Services Tab Buttons Specific styles*/

/* CMS Notices Links Specific styling **********************************************/

.Section_2 > * {
    display: block;
}

.linkContent.Section_2 {
    overflow-y: scroll;
    height: 250px;
}

    .linkContent.Section_2 ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
/***************************************** End of CMS Notices Links Specific styling*/

/* End of CMS Style Update Thomas Acres ********************************************/

/* CMS Token Specific Styles ******************************************************/

.contactWrap ul {
    list-style-type: none;
    text-align: left;
}

    .contactWrap ul li {
        display: block;
        float: left;
        clear: left;
        min-width: 200px;
    }

/****************************************************** End of CMS Token Specific Styles*/

/*
=============================================================
	JAMES ASKEW - 30/09/2013 - ADMIN STYLING
=============================================================
*/
.admin-underconstruction-link {
    text-align: center;
}

.admin-login-wrap {
    width: 500px;
    height: 400px;
    margin: 150px auto;
}

    .admin-login-wrap .lblError {
        display: block;
        text-align: center;
        margin: 50px auto;
        color: #ed1515;
        font-size: 14pt;
    }

    .admin-login-wrap .txtbox {
        padding: 4px;
        width: 274px;
    }

    .admin-login-wrap label {
        display: inline-block;
        text-align: right;
        width: 100px;
        margin-left: 50px;
    }

    .admin-login-wrap a {
        float: right;
        margin-right: 60px;
    }

    .admin-login-wrap p {
        text-align: center;
    }

        .admin-login-wrap p strong {
            color: #30a83b;
        }

        .admin-login-wrap p:first-of-type {
            margin-bottom: 70px;
            font-size: 11pt;
        }

        .admin-login-wrap p.last-of-type {
            clear: both;
            margin-top: 100px;
            line-height: 30px;
            text-align: right;
        }

.dash-wrap {
    width: 900px;
    min-height: 600px;
    margin: auto;
}

.dash-item {
    width: 375px;
    height: 160px;
    float: left;
    display: inline-block;
    margin: 45px 0 0 45px;
    color: #fff;
}

    .dash-item h1, .dash-item p {
        margin: 20px 0 0 20px;
        width: 250px;
    }

    .dash-item h1 {
        color: #fff;
        font-weight: bold;
        font-size: 24pt;
    }

.dash-item-footer {
    height: 30px;
    width: 355px;
    padding-left: 20px;
    display: block;
    margin-top: 30px;
    line-height: 30px;
    color: #fff;
    z-index: 1;
    opacity: 0.6;
}

    .dash-item-footer:hover {
        text-decoration: none;
        opacity: 1;
        color: #fff;
        z-index: 1;
    }

.dash-login {
    background: #30a83b;
}

.dash-logout {
    background: #ed1515;
}

.dash-links {
    background: #27a9e3;
}

.dash-pages {
    background: #28b779;
}

.dash-contacts {
    background: #852b99;
}

.dash-tokens {
    background: #ffb848;
}

.dash-wysiwyg {
    background: #b9cf21;
}

.footer-links {
    background: #2195c9;
}

.footer-pages {
    background: #17a668;
}

.footer-contacts {
    background: #741d88;
}

.footer-tokens {
    background: #da9627;
}

.footer-wysiwyg {
    background: #9fb21d;
}

.admin-grid {
    margin: 30px auto
}

    .admin-grid tr {
        border: 1px solid #cccccc;
    }

        .admin-grid tr th {
            color: #ffffff;
            padding: 10px 5px 10px 5px;
            border: 1px solid #cccccc;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: normal;
            border: none;
            cursor: pointer;
        }

        .admin-grid tr td {
            padding: 5px 10px 5px 10px;
            color: #454545;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            border: 1px solid #cccccc;
            vertical-align: middle;
        }

    .admin-grid .alt {
        background: #f9f9f9;
    }

.admin-header {
    width: 400px;
    float: left;
    display: inline-block;
    padding-top: 10px;
}

.logoutBar {
    float: right;
    margin: 10px 0;
}

.lblUsername {
    font-weight: bold;
    color: #27a9e3;
}

.adminButton {
    cursor: pointer;
    height: 30px;
    padding: 0 20px;
    display: inline-block;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
}

    .adminButton:hover {
        color: #fff;
        text-decoration: none;
        opacity: 0.8;
    }

.admin-link-edit-wrap {
    height: 400px;
}

    .admin-link-edit-wrap input[type=text] {
        padding: 4px;
        width: 274px;
    }

    .admin-link-edit-wrap span {
        display: inline-block;
        text-align: right;
        width: 100px;
        margin-left: 50px;
    }

.edit-page-info {
    width: 500px;
    float: left;
}

    .edit-page-info h4 {
        margin-bottom: 25px;
    }

    .edit-page-info span {
        width: 70px;
        display: inline-block;
        text-align: right;
    }

    .edit-page-info input[type=text] {
        padding: 4px;
        display: inline-block;
        margin-bottom: 10px;
    }

.edit-page-links {
    width: 480px;
    float: left;
    min-height: 100px;
}

    .edit-page-links label {
        width: 210px;
        display: inline-block;
        text-align: right;
        margin-right: 10px;
    }

    .edit-page-links input[type=text] {
        padding: 4px 0;
        display: inline-block;
        margin-bottom: 10px;
        width: 240px;
    }

    .edit-page-links select {
        padding: 4px 0;
        display: inline-block;
        margin-bottom: 10px;
    }

div.link-search {
    width: 630px;
    float: right;
    display: inline-block;
}

    div.link-search input[type=text] {
        padding: 2px;
        width: 290px;
        padding: 5px;
        -webkit-transition: all 0.20s ease-in-out;
        -moz-transition: all 0.20s ease-in-out;
        -ms-transition: all 0.20s ease-in-out;
        -o-transition: all 0.20s ease-in-out;
        outline: none;
        margin: 5px 1px 3px 0px;
        border: 1px solid #DDDDDD;
    }

        div.link-search input[type=text]:focus {
            box-shadow: 0 0 5px #27a9e3;
            padding: 8px;
            margin: 5px 1px 3px 0px;
            border: 1px solid #27a9e3;
        }

    div.link-search span strong {
        color: #27a9e3;
    }

div.admin-link-edit-wrap input[type=text] {
    padding: 2px;
    width: 290px;
    padding: 5px;
    -webkit-transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    -ms-transition: all 0.20s ease-in-out;
    -o-transition: all 0.20s ease-in-out;
    outline: none;
    margin: 5px 1px 3px 0px;
    border: 1px solid #DDDDDD;
}

    div.admin-link-edit-wrap input[type=text]:focus {
        box-shadow: 0 0 5px #27a9e3;
        padding: 8px;
        margin: 5px 1px 3px 0px;
        border: 1px solid #27a9e3;
    }

.tokenBuilderWrap h4 {
    margin-bottom: 25px;
}

#lblCreatedToken {
    display: block;
    margin-top: 30px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
    font-weight: bold;
    color: #30a83b;
}

#ctl00_ContentPlaceHolder1_tb_ddlId {
    width: 200px;
}

select.cke_dialog_ui_input_select {
    width: auto !important;
}

/*
========================================
	JA - 15/10/13 - Fix lab menu bug
========================================
*/
.slidesjs-container {
    z-index: 1 !important;
}

#nav_new ul.sub {
    z-index: 10 !important;
}

div.cms-content-block {
    background: #fff;
    padding: 20px 10px 0 10px;
    display: inline-block;
    width: 700px;
    float: left;
}

    div.cms-content-block.health {
        width: 930px;
    }

/* Div containing button links on the right of services pages*/
.services-links {
    width: 230px;
    display: inline-block;
    background: #fff;
    padding-top: 60px;
}

div.add-new-contact span {
    display: block;
    margin: 20px 0 10px 0;
    font-weight: bold;
}

div.add-new-contact input[type=text] {
    padding: 5px;
    width: 400px;
    -webkit-transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    -ms-transition: all 0.20s ease-in-out;
    -o-transition: all 0.20s ease-in-out;
    outline: none;
    margin: 5px 1px 3px 0px;
    border: 1px solid #DDDDDD;
}

    div.add-new-contact input[type=text]:focus {
        box-shadow: 0 0 5px #852b99;
        padding: 8px;
        margin: 5px 1px 3px 0px;
        border: 1px solid #852b99;
    }

div.edit-page-info input[type=text] {
    padding: 5px;
    width: 400px;
    -webkit-transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    -ms-transition: all 0.20s ease-in-out;
    -o-transition: all 0.20s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}

    div.edit-page-info input[type=text]:focus {
        box-shadow: 0 0 5px #28b779;
        padding: 8px;
        border: 1px solid #28b779;
    }

/*
===========================================
	ADMIN- DOCUMENTATION JASKEW - 1/11/12
===========================================
*/
.doc-wrapper {
    width: 900px;
    margin: auto;
    color: #666;
}

    .doc-wrapper img {
        margin: auto;
        border: solid 1px silver;
        display: block;
    }

    .doc-wrapper span {
        font-style: italic;
        margin: 0 auto 20px auto;
        display: inline-block;
    }

    .doc-wrapper h3 {
        margin-top: 80px;
    }

        .doc-wrapper h3:first-of-type {
            margin-top: 0;
        }

    .doc-wrapper dl {
        margin-bottom: 15px;
    }

    .doc-wrapper dd {
        font-weight: bold;
        min-width: 60px;
        display: inline-block;
        float: left;
        text-align: right;
        margin-right: 10px;
    }

    .doc-wrapper strong, .doc-wrapper i {
        color: #b9cf21
    }

    .doc-wrapper a {
        color: #b9cf21;
    }

.doc-link {
    text-align: center;
    line-height: 160px;
    font-size: 40px;
}

.nNote {
    cursor: default;
    clear: both;
    margin: 0px 0px 20px 0px;
}

    .nNote strong {
        margin-right: 5px;
    }

    .nNote p {
        font-size: 11px;
        padding: 10px 25px 10px 54px;
        margin: 0px;
        color: #565656;
    }

.nMessage p {
    font-size: 11px;
}

.nWarning {
    background: #ffe9ad url(/TheCis/images/error2.png) no-repeat 15px center;
    border: 1px solid #eac572;
    color: #826200;
}

.nSuccess {
    background: #effeb9 url(/TheCis/images/accept.png) no-repeat 15px center;
    border: 1px solid #c1d779;
    color: #3C5A01;
}

.nFailure {
    background: #fccac1 url(/TheCis/images/exclamation.png) no-repeat 15px center;
    border: 1px solid #e18b7c;
    color: #AC260F;
}

.nInformation {
    background: #d1e4f3 url(/TheCis/images/information.png) no-repeat 15px center;
    border: 1px solid #99c4ea;
    color: #235685;
}

/*
===========================================
	Latest Adjustments TA - 24/12/13
===========================================
*/
.pageContent.Section_18 a.aLink img {
    margin: 8px 10px 15px;
    border-radius: 9px;
    box-shadow: -3px 3px 5px #808080;
}

.contactContent.Section_5 span:first-child strong {
    display: none;
}

.countyAdd {
    padding: 10px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin-top: 40px;
    width: 425px;
}

.upload-image {
    background-color: #FAFAFA;
    border: 1px solid #CCCCCC;
    padding: 10px;
    width: 325px;
}

div.upload-image input[type="text"] {
    width: 310px;
}

.btnUpload {
    float: right;
}

.close-meerkat {
    background: url("http://thecis.co.uk/images/close-x.png") no-repeat scroll 0 0;
    background-color: #000000;
    cursor: pointer;
    display: block;
    height: 18px;
    position: relative;
    right: 30px;
    text-indent: -9000px;
    width: 18px;
    z-index: 10;
    float: right;
    bottom: 20px;
}

.meerkatContent .textContent {
    color: white;
    display: block;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    margin-top: 20px;
}

.meerkatContent h3 {
    color: white;
}

/*New Menu System*/
.quickLinks {
    float: right;
}

.mainMenuHolder {
    border: solid 1px #dfdfdf;
    width: 100%;
}

    .mainMenuHolder .acc_menu.nav {
        padding: 0;
    }

    .mainMenuHolder .nav > li.active > a {
    }

    .mainMenuHolder .nav a:hover,
    .nav li.active > a,
    .nav .helpLink:hover {
        border-radius: 0;
    }

    .mainMenuHolder > ul > li {
    }

    .mainMenuHolder ul li a,
    .mainMenuHolder ul li a:hover {
    }

    .mainMenuHolder li a.helpLink > span:after {
        content: "";
    }

    .mainMenuHolder li a.helpLink,
    .mainMenuHolder li a.helpLink:hover,
    li.open > a.helpLink,
    .mainMenuHolder .nav > li.active > a.helpLink {
        background: url('images/bullet_QM.png') no-repeat 0 0;
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        right: 0;
        top: 6px;
        padding: 0;
    }

    .mainMenuHolder .nav li > a > span {
        float: none;
        padding: 5px;
    }

    .mainMenuHolder .nav > li > a {
        display: block;
    }

.nav > li.active > a,
.nav a:hover, .nav li.active > a {
    background: none;
}

.nav a:hover, .nav li.active > a {
}

.mainMenuHolder .nav > li {
    display: list-item;
    position: relative;
}

.mainMenuHolder {
    color: white;
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
}

    .mainMenuHolder .excelLink {
        position: absolute;
        right: 6px;
        top: 6px;
        padding: 0;
    }

        .mainMenuHolder .excelLink a {
            background: none !important;
        }

    .mainMenuHolder > ul > li a {
        color: #183f67;
    }

.quickLinks input[type="search"],
.quickDrop {
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    float: right;
    height: 25px;
    width: 200px;
}

.mainMenuHolderm,
#ctl00_ContentPlaceHolder1_pnlMainMenuControl {
    float: left;
}

.animalSearch {
    float: left;
    width: 55%;
    margin-top: 10px;
    margin-left: 5px;
}

    .animalSearch label {
        display: block;
        margin-left: 0;
    }

.animalSearchTextBox {
    height: 25px;
    margin-bottom: 10px;
}

.NormalTextBox {
    padding: 5;
    position: relative;
    left: 0;
    outline: none;
    border: 1px solid #DDDDDD;
    border-color: rgba(0,0,0,0.15);
    background-color: white;
    font-family: Verdana;
    font-size: x-small;
}

.AStxt {
    color: #183f67;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    height: 16px;
    width: 185px;
    vertical-align: top;
    font-family: Verdana;
    font-size: inherit;
}

.ASbtn {
    position: relative;
    bottom: 0;
    margin-bottom: 2.5px;
}

.MenuHolder {
    float: left;
}

.page_content_main {
    clear: both;
}

.bluemenutext {
    float: left;
}

.page_content_top {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
/*
.page_content_top>*
{
	text-align:center;
	width:30%;
	float:left;
}
*/

.quickLinks input {
    color: #183f67;
    float: right;
    font-family: Verdana;
    font-size: inherit;
}

.page_content_main {
}

    .page_content_main > * {
    }

    .page_content_main .col1 {
    }

    .page_content_main .col2 {
    }

.yourherdlogo {
    float: left;
    margin: 10px 10px 0 5px;
}

.suspenseLink {
    margin-top: 10px;
}

.herdTitle {
    line-height: 28px;
}

.quickLinksContent {
    width: 35%;
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}

.KPIArea {
    border: 1px solid #dfdfdf;
    display: block;
    float: right;
    margin-left: 1px;
    padding: 10px;
    width: 45%;
}

.KPIMenu .sectionTitle {
    color: #004885;
    display: block;
    text-align: center;
}

.KPIMenu .reportLinks {
    margin-top: 10px;
    margin-bottom: 10px;
}

.reportLinks span {
    display: block;
    font-weight: bold;
    text-indent: 1em;
}

.oldMenuHolder {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.modal {
    display: none;
}

.mdialog .modal {
    display: block;
}

.icon-social {
    position: relative;
    width: 36px;
    height: 36px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
    text-indent: -999em;
    text-align: left;
    margin-right: 0.5em;
    margin-top: 1em;
}

.linkedin {
    background-image: url("images/social-icon-linkedin.jpg");
}

.gplus {
    background-image: url("images/social-icon-googleplus.jpg")
}

.youtube {
    background-image: url("images/social-icon-youtube.jpg")
}

#asr .rdoAsr label {
    vertical-align: top;
    margin-top: 0px;
    color: #004885;
    font-size: 8pt;
    display: inline-block;
    margin-right: 5px;
}

#txtASRNoSireComment {
    font-weight: bold;
    text-align: center;
    width: 100%;
    color: Red;
}

.btn {
    display: inline-block;
    padding: 5px 5px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-info {
    color: #fff !important;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-light {
    color: #333 !important;
    background-color: silver;
    border-color: darkgray;
}

.selection-type-list label {
    font-size: 13px;
    color: black;
}