/* CSS for ExportCert*/

/* NOTES:
#divName
.className
colour for identifying cells etc :     /*background-color: #AA11BB;
class specific table cells: e.g. containing row class is navstrip : tr.navstrip td { rules }
center button within td :     display: block; margin: auto;
 */

/*LAYOUT*/

body {
    width: 100%;
    height:100%;
}

.container {
    display: grid;
    /*grid-template-columns: 1fr 2fr 1fr;*/
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 200px 50px;
}

.divEmptyheader {
    background-color: transparent;
    height: 93px;
}

.blueBorder {
    background-color: #42ABA3;
}

.divEmptyWhite {
    height: 20px;
    background-color: white;
}

.divEmptyBlue {
    background-color: #42ABA3;
    height: 30px;
    width: 100%;
    margin-bottom: 100px;
}

.cambridgeshireChambersHeader {
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url("images/Cambridgeshire_Chambers_of_Commerce_logo_20p.png");
    background-repeat: no-repeat;
    background-position: top left;
    vertical-align: top;

}

.rhsHeaderTextTitle {
    vertical-align: center;
    padding-top: 50px;
}

.essCertLogoHeader {
    width: 100%;
    height: 366px;
    background-image: url("images/essCert_Orange.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25% 25%;
    vertical-align: middle;
    margin-left: 10px;
    /*border-top-width: 1px;*/
    border-top-color: #4EAF46;
    border-top-style: solid;
    border-top-width: 1px;
}

.divHyperlink {                         /* enables hyperlinking of css controlled images */
    width: 100%;
    height: 100%;
}


/* TEXT */
p {
    font-family: "Avenir", "Open sans", sans-serif;
    font-size: 1.0em;
    color: #000000;
}

h1 {
    font-family: "Avenir", "Open sans", sans-serif;
    font-size: 1.8em;
    font-style: oblique;
    color: #CF398C;
    text-align: center;
    /*margin-bottom: 20px;*/
    /*padding-bottom: 200px;*/
}

h2 {
    font-family: "Avenir", "Open sans", sans-serif;
    font-size: 1.4em;
    color: #7E6BAD;
    text-align: center;
    padding-top: 30px;
    font-style: oblique;
}

h3 {
    font-family: "Avenir", "Open sans", sans-serif;
    font-style: oblique;
    font-size: 1.2em;
    text-align: center;
    color: #0A263F;
}

h4 {
    font-family: "Avenir", "Open sans", sans-serif;
    color: #ffffff;
    font-size: 0.6em;
    text-align-all: left;
}

/* LOGIN FORM */

.loginBox {
    /*width: 400px;*/
    /*height: 100%;*/
    font-family: "Avenir", "Open sans", sans-serif;
    width: 100%;
    height: 100%;
    background-color: transparent;
    /*border-style: solid;*/
    /*border-width: 1px;*/
    /*border-color: grey;*/
    background-image: url("images/world_bg75percent.gif");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    /*background-blend-mode: color-dodge;*/
    /*padding-top: 60px*/
}

.divText {
    font-family: "Avenir", "Open sans", sans-serif;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /*border-style: solid;*/
    /*border-width: 3px;*/
    /*border-color: grey;*/
    border-top-width: 1px;
    border-top-color: #4EAF46;
    border-top-style: solid;

}

.divTextRHSArea {
    font-family: "Avenir", "Open sans", sans-serif;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-left-width: 1px;
    border-left-color: #4EAF46;
    border-left-style: solid;
}

.divTextParagraph {
    font-family: "Avenir", "Open sans", sans-serif;
    padding-left: 20px;
    padding-top: 20px;
    font-size: 0.9em;
}

.loginCredentials {
    font-family: "Avenir", "Open sans", sans-serif;
    color: #000000;
    font-size: 0.8em;
    font-weight: bold;
    margin-top: 80px;
    text-align: center;
    padding-left: 100px;
}

.loginSubmitButton {
    font-family: "Avenir", "Open sans", sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #000000;
    background-color: lightgrey;
    display: block;
    margin: auto;
}

.retrieveLogin {
    font-family: "Avenir", "Open sans", sans-serif;
    color: #1D4B73;
    font-size: 0.7em;
    text-align: center;

}

/* FOOTER */

.bottomBox {
    background-color: #42ABA3;
    height: 30px;
    width: 100%;
    /*border-style: solid;*/
    /*border-width: 1px;*/
    border-color: #42ABA3;
}
.copyRightNotice {
    font-family: "Avenir", "Open sans", sans-serif;
    color: #ffffff;
    padding-top: 5px;
    text-align: center;
    font-size: 0.7em;
}
/*footer-row-specific hyperlink*/
.copyRightNotice a:link {
    color: #ffffff;
}

.copyRightNotice a:visited {
    color: #F6E017;
}

/* HYPERLINKS */

/* unvisited link */
a:link {
    font-family: "Avenir", "Open sans", sans-serif;
    font-size: 1.0em;
    color: #0A263F;
    /*text-align: center;*/
}

/* visited link */
a:visited {
    font-family: "Avenir", "Open sans", sans-serif;
    font-size: 1.0em;
    color: #ff4d15;
}


/* LISTS */

ul {
    font-family: "Avenir", "Open sans", sans-serif;
    text-align-all: match-parent;
    font-size: 1.0em;
    list-style-position: outside;
    line-height: 20px;
    /*background-color: lightgrey;*/
}


ol {
    font-family: "Avenir", "Open sans", sans-serif;
    list-style-position: inside;
    font-size: 0.8em;
    text-align: left;
    background-color: white;
}

li {
    font-family: "Avenir", "Open sans", sans-serif;
    text-align: left;
    font-size: 0.9em;
    margin: 0;
    /*color: #0F265F;*/
    /*padding-right: 50px;*/
    background-color: white;
}

li a:link {
    font-family: "Avenir", "Open sans", sans-serif;
    color: #000000;
    font-size: 1.0em;
    font-weight: bold;
}

li a:visited {
    font-family: "Avenir", "Open sans", sans-serif;
    color: #ff4d15;
    font-size: 0.9em;
}