html { height: 100%; }
body {
	margin:0;
	padding:0;
	font-family: 'Open Sans';
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    word-wrap: break-word;
    text-rendering: optimizeLegibility;	
	position: absolute;
	width: 100%;
	min-height:100%;
	box-sizing: border-box;
}

.clr { clear:both; height:1px }

a, a:hover {
    color: #0000FF;
    text-decoration: underline;
}

a:visited {
    color: #800080;
    text-decoration: underline;
}

#default-bg, #search-section { 
	background:url(../images/irqao-space-shot.jpg)no-repeat center bottom; 
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	min-width: 100%; 
	
}

#search-section { background-attachment: inherit; }

#about-section { padding: 0 0 120px 0 }
#search-section { padding: 77px 0 }
#faq-section { background: #f1f1f1;padding: 60px 0 100px; }

.narrow { width: 650px; text-align: center; margin-left: auto; margin-right: auto; }

#downloads-section { background: #d4d0d3; padding: 60px 0 100px }

#border-inner {
    border-top-width: 21px;
    border-right-width: 20px;
    border-left-width: 20px;
    border-style: solid;
    border-color: #6E636C;
    position: fixed;
}

#login {
     position: fixed; 
     top: 1px; 
     right: 30px;
     text-align: right;
     color: #FFFFFF;
     letter-spacing: 2px;
     text-transform: none;
     line-height: 18px;
     font-size: 12px;
     font-family: Times, Times New Roman, Georgia, serif;
}
#login a {
	color: #FFFFFF;
    text-align: right;
    letter-spacing: 2px;
    text-transform: none;
    line-height: 18px;
    font-size: 12px;
    font-family: Times, Times New Roman, Georgia, serif;
    font-style: italic;
	text-decoration: none;
}

span.top-link{
	color: #FFFFFF;
    text-align: right;
    letter-spacing: 2px;
    text-transform: none;
    line-height: 18px;
    font-size: 12px;
    font-family: Times, Times New Roman, Georgia, serif;
    font-style: italic;
	text-decoration: none;
	padding: 0 5px;
	border-right: solid 1px #fff;
	line-height: 6px;
}

#login span.top-link:last-child { border-right: none }

.main-link a { color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 5px; font-weight: 700; font-size:11px; }
.make-black, .make-black a { color: #000 !important }
#link-home { padding-left: 35px; background:url(../images/home-icon.png) no-repeat center left; z-index: 56; width: 55px; height: 30px; position: fixed; top: 34px; left: 35px; line-height: 24px}
#link-more { padding-right: 35px; background:url(../images/more-icon.png) no-repeat 65px 7px; z-index: 56; width: 55px; height: 30px; position: fixed; top: 31px; right: 35px; line-height: 30px}
#link-contact { padding-left: 35px; background:url(../images/contact-icon.png) no-repeat 3px 2px; z-index: 56; width: 95px; height: 30px; position: fixed; bottom: 34px; left: 35px; line-height: 30px}
#link-validate { padding-right: 35px; background:url(../images/validate-icon.png) no-repeat 104px 0px; z-index: 56; width: 95px; height: 30px; position: fixed; bottom: 34px; right: 35px; line-height: 30px}

.make-black #link-home { background:url(../images/home-icon-black.png) no-repeat center left; }
.make-black #link-more { background:url(../images/more-icon-black.png) no-repeat 65px 7px; }
.make-black #link-contact { background:url(../images/contact-icon-black.png) no-repeat 3px 2px; }
.make-black #link-validate { background:url(../images/validate-icon-black.png) no-repeat 104px 0px; }



#page, #page-wide, #page-results {
	position: relative;
	z-index: 200;
    width: 865px;
    background-image: none;
    border-style: none;
    border-color: #000000;
    background-color: transparent;
    margin: auto;
    padding: 77px 83px;	
	text-align: center;
	min-height: 90% !important;
}

#page-admin {
	position: relative;
	z-index: 200;
    width: 96%;
    background-image: none;
    border-style: none;
    border-color: #000000;
    background-color: transparent;
    margin: auto;
    padding: 77px 83px;	
	text-align: left;
	min-height: 90% !important;
}

#top-line { width: 100%; height: 21px; background: #6E636C; position: fixed; top: 0; z-index: 300 }
#page-wide, #page-admin { width: 100% !important; padding: 77px 0px !important; border-left: solid 20px #6E636C; border-right: solid 20px #6E636C; box-sizing: border-box; }
#page, #page-results, #page-admin { padding: 0 !important }
#page-results { width: 1102px }
.contents { width: 865px; margin: auto; }
.contents-admin { width: 96%; margin: auto; }

#header { text-align: center; padding-top: 48px; border-left: solid 20px #6E636C; border-right: solid 20px #6E636C; box-sizing: border-box; }
#header img { width: 77px; height: 21px; padding-right: 10px; display: inline-block }
#header span { padding-left: 10px; border-left: solid 1px #000; text-transform: none; font-family: Times, Times New Roman, Georgia, serif; font-style: italic; text-align: left; letter-spacing: 2px; font-weight: 800; position: relative; top: -8px; display: inline-block; line-height: 25px; }

h1.logo {
	letter-spacing: 2px;
    line-height: 13px;
    font-size: 11px;
	color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;	
	margin-top: 21px;
}

.logo-big {
	letter-spacing: 5px !important;
    line-height: 14px !important;
    font-size: 12px !important;
}

h2 {
	color: #FFFFFF;
    text-align: center;
    line-height: 86px;
    font-size: 36px;
    font-weight: 300;
    font-style: italic;	
	margin: 38px 0 17px;
}

h4 {
	color: #FFFFFF;
    text-align: center;
    line-height: 34px;
    font-weight: 700;
    font-style: italic;
	margin:48px 0;	
	font-size: 14px;
}

p { color: #000000; text-align: center; line-height: 22px; font-weight: 300; }

.form-wrapper { display: inline-block;  width: 551px  }
.contact-heading, .validate-heading { margin: 30px 0 }
.password-heading, .login-heading, .validate-heading { margin: 0 0 30px 0; text-align: left }

#contact-form, #password-form, #login-form { margin-bottom: 50px; }
#validate-results-form { width: 604px !important }
#validate-form { width: 100% !important }
#search-results-form { width: 551px !important }


#search-form,#search-results-form { display:inline-block; }
.field-block { margin-bottom: 18px; display: inline-block; }
#validate-results-form .field-block { width: 100%; margin-bottom:12px }

input, select { background: none; border: none; color: #fff; outline: none; border: solid 1px #fff; height: 34px; width: 349px; padding: 0 15px; line-height: 34px; float: left }
textarea { background: none; border: none; color: #fff; outline: none; border: solid 1px #fff; height: 34px; width: 369px; padding: 0 15px;float: left }

#keep-login-wrapper input[type=checkbox] { display: none }
#keep-login-wrapper input[type=checkbox]+label:before {
    content: "";  
    display: inline-block;  
    width: 21px;  
    height: 21px;  
    vertical-align:middle;
    background: transparent; 
	border: solid 1px #fff; 
	margin-right: 10px;
}
#keep-login-wrapper input[type=checkbox]:checked+label:before {
    content:"\2714"; 
    color:white;
    text-align:center;
    line-height:21px;
}

select { width: 301px; height: 31px; line-height: 28px; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand {
    display: none;
}
.select-box { background: url(../images/select-arrow.png) no-repeat 270px center; }
#search-results-form select { height: 36px; width: 381px; line-height: 27px }
#search-results-form .select-box { background: url(../images/select-arrow.png) no-repeat 360px center }
textarea { width: 269px; padding: 0px 15px; height: 189px }
option { color: #000 }
#contact-form input { width: 269px; height: 29px }
input[type=text], select, textarea { display: inline-block }
input:focus, select:focus, textarea:focus { outline: none }

#contact-form label { height: 29px !important; width: 160px !important; line-height: 29px !important }
#page label, #page-wide label, #page-results label {
     letter-spacing: 2px; 
     line-height: 13px; 
     font-size: 11px; 
     font-family: 'Open Sans'; 
     color: #fff; 
     font-weight: 700;  
     text-align: center; 
     text-transform: uppercase; 
     border:solid 1px #fff; 
     height: 34px; 
     display: inline-block; 
     width: 169px; 
     float: left; 
     line-height: 34px
}
#page label.pull-right, #page-wide label.pull-right, #page-results label.pull-right { border-left: none; }
#page label.pull-left, #page-wide label.pull-left, #page-results label.pull-left { border-right: none; }
#page label.two-lines, #page-wide label.two-lines, #page-results label.two-lines { line-height: 16px }
#page label.checkbox-label, #page-wide label.checkbox-label, #page-results label.checkbox-label { 
	border: none; 
	width: auto; 
	height: auto; 
	color: #FFFFFF;
    text-align: left;
    line-height: 34px;
    font-weight: 300;
    font-style: italic;
	text-transform: none;
	letter-spacing: 0;
}
#page label.label.val-label, #page-wide label.val-label, #page-results label.val-label { float: left; width: 149px; height: 34px; margin-right: 30px }
#search-results-form label { height: 34px; }
#search-results-form .field-block { margin-bottom: 5px }

.results-block { 
    float: left; 
    color: #FFFFFF;
    text-align: left;
    font-size: 32px;
	line-height: 34px;
    font-weight: 300;
    font-style: italic; 
}
.date-results { font-size: 24px }

.results-details {
	color: #FFFFFF;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;	
	display: block;
    vertical-align: top;
}

.cert-link {
    display: block; height: 49px; line-height: 49px; cursor: pointer; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; 
    float: right;
    color: #FFFFFF;
    text-align: left;
    font-style: italic; 
    width: 147px;
    border: solid 1px #fff;
    background-color: transparent;
    position: relative;
    margin: 14px auto;
	color: #FFFFFF;
    text-align: center;
    font-style: italic;
	cursor: pointer;
    text-decoration: none;
}

.cert-link:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.cert-link:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.input-wrapper { border: solid 1px #fff; height: 49px; line-height:49px; }
#search-input-wrapper { width: 399px; float:left; font-size: 16px; font-weight: 400; font-style: italic; text-align: left }
#search-input-wrapper:before {
  content: "";
  width:45px;
  height: 35px;
  display: inline-block;
  background:url(../images/home-icon.png) no-repeat 7px 6px; 
  opacity: 0.5 ;
  margin-top: 6px; 
}
#search { width: 345px; padding-left:4px; padding-right:0; position: relative; top: -11px; text-align: left; height: 49px; line-height:51px; font-size: 16px; font-weight: 300; font-style: italic; opacity: 0.85; letter-spacing: 0.3px; border: none; float: none }
#search::-webkit-input-placeholder { color: #FFFFFF; text-align: left; font-size: 16px; font-family: 'Open Sans'; font-weight: 300; font-style: italic; opacity: 0.85 }
#search:-moz-placeholder {  color: #FFFFFF; text-align: left; font-size: 16px; font-family: 'Open Sans'; font-weight: 300; font-style: italic; opacity: 0.85}
#search::-moz-placeholder {   color: #FFFFFF; text-align: left; font-size: 16px; font-family: 'Open Sans'; font-weight: 300; font-style: italic; opacity: 0.85}
#search:-ms-input-placeholder {  color: #FFFFFF; text-align: left; font-size: 16px; font-family: 'Open Sans'; font-weight: 300; font-style: italic; opacity: 0.85}
#search:focus::-webkit-input-placeholder { color: transparent; outline: none}

#search-results-form #search { opacity: 1; font-size: 30px; top: -4px}
#search-results-form #search::-webkit-input-placeholder { font-size: 30px; font-style: italic; opacity: 1 }
#search-results-form #search:-moz-placeholder { font-size: 30px; font-style: italic; opacity: 1}
#search-results-form #search::-moz-placeholder {font-size: 30px; font-style: italic; opacity: 1}
#search-results-form #search:-ms-input-placeholder { font-size: 30px; font-style: italic; opacity: 1}

#search-btn-wrapper { width: 149px; float: left; border-left: none }
#btnSearch, #btnValidate, #btnSubmit, #btnLogin, #view-btn { display: block; width: 100%; height: 49px; line-height: 49px; cursor: pointer; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; border: none }
#btnValidate { border: solid 1px #fff; float: left; width: 169px; margin-top:20px }
#btnSend { height: 29px !important; width: 149px !important; margin-left: 205px; line-height: 13px; letter-spacing: 2px;   font-size: 11px; text-transform: uppercase; font-weight: 700;}
#btnSubmit, #btnLogin, #view-btn { float: right; border: solid 1px #fff; width: 169px; }

.btn-transp{
    width: 147px;
    height: 31px;
    border: solid 1px #fff;
    background-color: transparent;
    position: relative;
    margin: 14px auto;
	display: block;
	color: #FFFFFF;
    text-align: center;
    font-style: italic;
	cursor: pointer;
}

.message-validation {
	color: #FBB03B;
    text-align: left;
    line-height: 43px;
    font-size: 18px;
    font-weight: 300;
    font-style: italic;	
	float: left;
	margin: 0 145px 0 155px;
}

.note { 
	color: #FFFFFF;
    text-align: left;
    line-height: 29px;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
	margin: 45px 0 0 155px; 
}

#keep-login-wrapper { position: relative; top:-16px }


.collapse { display: none }
.in { display: block }

.section-heading { 
	color: #000000;
    line-height: 18px;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
	margin-bottom: 40px;	
}

#faq-heading {	
	padding-top: 120px;
	background: url(../images/faq.png) no-repeat top center;
}

#downloads-heading {	
	padding-top: 120px;
	background: url(../images/downloads.png) no-repeat top center;
}

.faq-block { width: 600px; margin: auto; display:inline-block; background: #f1f1f1 }
.faq-block h3 {
	width: 100%;
    min-height: 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    background-color: #f1f1f1;
    padding-top: 12px;
    color: #000000;
    line-height: 13px;
    text-align: center;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: 700;
	cursor: pointer;
	margin: 0 0 15px;	
}

.faq-block h3.collapsed { background-image: none !important }
.faq-block h3 { background-image: url(../images/delete-icon.png) !important; background-repeat: no-repeat; background-position: 10px center; }

.faq-block .answer { width: 80%; margin: 5px auto 15px; text-align: center; color: #000; font-size: 14px; line-height: 22px; font-weight: 300; z-index: 200 }

#downloads-section p { width: 520px; margin: 0 auto 50px }
.downl-btn {
	color: #000000;
    line-height: 36px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: open-sans, sans-serif;
    font-weight: 700;
	width: 308px;
	height: 36px;	
	display: block;
	border: solid 1px #000;
	margin:auto;
	text-decoration: none;
	margin-bottom: 12px;
}

.downl-btn:hover { color: #000; text-decoration: none }


table#filters {
	width: 1100px;
    border-width: 1px;
    border-style: solid;
    border-color: #444;
    background-color: transparent;
}

table#filters td { vertical-align: top }

.filter-btn { 
	line-height: 21px;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    font-family: 'Abel';
    font-weight: 400;
	padding: 40px 10px 0;
	display: block;
	text-decoration: none;
	border-right: solid 1px #444;
	margin: 15px 0;
	width: 115px;
}

table td:last-child .filter-btn { border-right: none }
.filter-btn:hover { color: #fff; text-decoration: none }

.filter-btn.agreement { background: url(../images/agreement.png) no-repeat top center; background-size: 35px; }
.filter-btn.course { background: url(../images/course.png) no-repeat top center; background-size: 35px; }
.filter-btn.membership { background: url(../images/membership.png) no-repeat top center; background-size: 35px; }
.filter-btn.organisation { background: url(../images/organisation.png) no-repeat top center; background-size: 35px; }
.filter-btn.personal-cert { background: url(../images/personal-cert.png) no-repeat top center; background-size: 35px; }
.filter-btn.product-cert { background: url(../images/product-cert.png) no-repeat top center; background-size: 35px; }
.filter-btn.professional-cert { background: url(../images/professional-cert.png) no-repeat top center; background-size: 35px; }
.filter-btn.institute { background: url(../images/institute.png) no-repeat top center; background-size: 35px; }

.filter-block { width: 550px; border: solid 3px #6E636C; margin: 70px auto 30px; position: relative }
.filter-icon { position: absolute; top:-40px; left: 43% }
.filter-heading { font-size: 20px; line-height: 26px; padding-top: 50px; color: #fff; text-align: center; font-family: 'Abel';
    font-weight: 400; }
.filter-contents { 
	color: #FFFFFF;
    text-align: center;
    font-family: 'Abel';
    font-weight: 400;
	padding: 5px 10px 20px;
	font-size: 16px;
    line-height: 21px;
}
.filter-delete { width: 17px; height: 16px; position: absolute; top:10px; left: 10px; background:url(/images/delete-icon-purple.png) no-repeat;cursor: pointer; border: none;
    background-color: transparent;
    margin: auto;
	display: block;
	text-align: center;
    font-style: italic;
	cursor: pointer; }

table#results {color: #fff; font-size: 16px;    font-family: 'Abel'; font-weight: 400; border-top: solid 10px #6E636C; text-align: left; line-height: 21px; margin-bottom: 60px}
table#results th { background: #6E636C; line-height: 21px; color: #FFFFFF; text-align: left; font-weight: normal; height: 51px; border-right: solid 1px #928a90; padding: 0 5px; vertical-align: top }
table#results tr:nth-child(odd) { background: rgba(0,0,0,0.75); }
table#results tr:nth-child(even) { background: rgba(0,0,0,0.35); }
table#results th:first-child, table#results th:last-child { border: none }
table#results td { vertical-align: top; padding: 20px 5px }
.clmn1{ width: 35px }
.clmn2{ width: 106px; border-right: solid 1px #484a4d; }
.clmn3{ width: 116px; border-right: solid 1px #484a4d; }
.clmn4{ width: 106px; border-right: solid 1px #484a4d; }
.clmn5{ width: 96px; border-right: solid 1px #484a4d; }
.clmn6{ width: 72px }
.clmn7{ width: 257px }
.clmn8{ width: 82px }
.clmn9{ width: 82px; border-right: solid 1px #484a4d; }
.clmn10{ width: 66px; border-right: solid 1px #484a4d; }
.clmn11{ }
.merged { width: 523px }

#emailer { width: 930px; box-sizing: border-box; margin:19px auto 100px; border: solid 20px #6E636C }
#emailer-heading { padding: 38px 0 15px; text-align: center }
#emailer-heading #logo { margin-top: 0px }
.emailer-contents { padding: 44px 50px 45px 27px }
.emailer-contents p { text-align: left; color: #000000; line-height: 34px; font-family: 'Open Sans'; font-weight: 300; font-style: italic; margin-bottom: 34px }

#footer {
	z-index: 300;
	width: 100%;
    height: 28px;
    border-style: solid;
    border-color: #6E636C;
    background-color: #6E636C;
    position: fixed;
    bottom: 0px;
    border-width: 0px 20px;	
	color: #fff; 
	text-align: center; 
	color: #FFFFFF;  
	font-size: 11px; 
	letter-spacing: 2px; 
	text-transform: uppercase; 
	line-height: 28px;
}

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : white;
	color : windowtext;
	padding : 1px;
}

.top 
{
    vertical-align: top !important;
}





#confirmation {
    display: flex;
    align-items: center;
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    /*bottom: 0;*/
    width: 100%;
    visibility: hidden;
    overflow-x: hidden;
    opacity: 0;
    /*background: #f8fbfd;*/
    text-align: left;
    transition: visibility 0s, opacity 0.5s linear 0.5s;
}

.consumed,
.error {
    border: solid red 1px;
}

#main.processing #confirmation,
#main.redirect #confirmation,
#main.consumed #confirmation,
#main.receiver #confirmation,
#main.paymentsuccess #confirmation,
#main.error #confirmation {
    position: inherit;
    visibility: visible;
    display: block;
    opacity: 1;
}

#main.processing #checkout,
#main.redirect #checkout,
#main.consumed #checkout,
#main.receiver #checkout,
#main.paymentsuccess #checkout,
#main.error #checkout {
    visibility: hidden;
    display: none;
    opacity: 1;
}

#main.paymentsuccess #order,
#main.error #order {
    visibility: hidden;
    opacity: 0;
}

#confirmation h1 {
    font-size: 42px;
    font-weight: 300;
    color: #6863d8;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
}

svg {
    filter: invert(57%) sepia(59%) saturate(7228%) hue-rotate(227deg) brightness(92%) contrast(83%);
}

#confirmation .status.error {
    display: none;
}

#confirmation .status p {
    margin: 0 0 15px;
}

#confirmation .status li {
    margin-bottom: 5px;
    list-style: none;
}

#main.processing #confirmation .status.error,
#main.processing #confirmation .status.paymentsuccess,
#main.processing #confirmation .status.consumed,
#main.processing #confirmation .status.receiver {
    display: none;
}

#main.consumed #confirmation .status.error,
#main.consumed #confirmation .status.paymentsuccess,
#main.consumed #confirmation .status.processing,
#main.consumed #confirmation .status.receiver {
    display: none;
}

#main.error #confirmation .status.consumed,
#main.error #confirmation .status.paymentsuccess,
#main.error #confirmation .status.processing,
#main.error #confirmation .status.receiver {
    display: none;
}

#main.paymentsuccess #confirmation .status.consumed,
#main.paymentsuccess #confirmation .status.error,
#main.paymentsuccess #confirmation .status.processing,
#main.paymentsuccess #confirmation .status.receiver {
    display: none;
}

#main.receiver #confirmation .status.consumed,
#main.receiver #confirmation .status.paymentsuccess,
#main.receiver #confirmation .status.processing,
#main.receiver #confirmation .status.error {
    display: none;
}

#main.error #confirmation .status.error {
    display: flex;
}

#main.error #confirmation .error-message {
    font-family: monospace;
}