/***********************************************
* PRIMARY STYLES                              *
* Author: Assad Ali                          *
* Project:  Certs Online                  *
********************************************/

/*********************************************
* Normalize.css                             *
********************************************/

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);


article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline;zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}h2{font-size:1.5em;margin:.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:.83em;margin:1.67em 0;}h6{font-size:.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic; vertical-align: middle;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;white-space:normal;margin-left:-7px;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure,form{margin:0;}p,pre,dl,menu,ol,ul{margin:1em 0;}


/*********************************************
* Personal Overides for Normalize.css       *
********************************************/
dd, dt, dl{margin: 0; padding:0;}
ul, ol { margin: 0 0; padding: 0; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
label { cursor: pointer; }
input:invalid, textarea:invalid { background-color: #fff; }
td { vertical-align: top; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
button{border: none;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}

/*********************************************
* Personal Global Adjustments              *
********************************************/
/* When the user selects/highlights text */
::-moz-selection { background: #304149; color: #fff;}::selection { background: #304149; color: #fff;}

/* Fluid images */
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */}

/* Apply a natural box layout model to all elements + polyfill https://github.com/Schepp/box-sizing-polyfill#readme */
*{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; *behavior: url('../js/libs/boxsizing.htc');}

/*********************************************
* Layout styles                             *
********************************************/
body{
    background: #FAFAFA;
font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
overflow-x: hidden;
}

header{
	background: white;
	float: left;
	min-width: 100%;
}

header:after{
	content: "";
	clear: both;
	display: block;
}

/* left sidebar */
aside{
	width: 230px;
	margin-right: 20px;
	float: left;
}

footer{
	float: left;
	min-width: 100%;
}

article{
	-moz-column-width: 25em;
	-moz-column-gap: 20px;
	-moz-column-break-inside:avoid;
	
	-webkit-column-width: 25em;
	-webkit-column-gap: 20px;
	-webkit-column-break-inside:avoid;
	
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	
	column-width: 25em;
	column-gap: 20px;
	column-break-inside:avoid;
	
}

article .column{
	padding: 1%;
}

article .column:first-of-type{
	padding-left: 0%;
}


blockquote{
	background: #FAFAFA url('../img/leftQuote.png') no-repeat 5% 13%;
	padding: 35px 60px 35px 60px;
	width: 510px;
	margin-bottom: 20px;
}

blockquote p,
blockquote strong{
	font-size: 24px;
	line-height: 28px;
	color: #666666;
	font-weight: 300;
	text-align: center;
}

blockquote strong{
	font-weight: 400;
}

blockquote p:after{
	content: "";
	display: block;
	width: 36px;
	height: 31px;
	background: url('../img/rightQuote.png') no-repeat;
	float: right;
	margin: 15px -40px;
}

hr{
	background: #E5E5E5;
	height: 1px;
	min-width: 100%;
	border: none;
	margin: 20px 0px 10px 0px;
	float: left;
}

table td, table th{
	padding: 5px;
	border: 1px solid #cacaca;
	text-align: left;
}

table.noborders td, table.noborders th{
	padding: 5px;
	border: none;
	text-align: left;
	vertical-align: top;
}

table th{
	font-weight: 600;
}

/*********************************************
* Typography styles                         *
********************************************/
h1{
    font-size:36px;
    line-height:46px;
    color: #0E3463;
	font-weight: 300;
}

h2{
	font-size: 24px;
	line-height: 34px;
	color: white;
	font-weight: 300;
	margin-bottom: 5px;
}

h3, h4, fieldset{
    font-size:20px;
    line-height:30px;
    color: #000;
	font-weight: 400;	
}

h5, h6, p, li, table{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color:#fff;
}

a, a:visited{
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #0CA5ED;
    text-decoration: underline;
}

a:hover{
    text-decoration: none;
	color: #FF6600;
}

strong{
	font-weight: 600;
}

em{
	font-style: italic;
}

ol, ul{
	margin-left: 40px;
}

table{
	min-width: 100%;
}

table th{
	background: #efefef;
}

table th a,
table th{
	font-size: 16px;
	color: #333;
	text-decoration: none;
}

/*********************************************
* Form styles                               *
********************************************/
input, textarea, select{
    outline:none;
    border:none;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}

label{
    font-size: 14px;
    font-weight: 300 !important;
    line-height: 26px;
    color: none;
}

input[type=text], input[type=email],input[type=password],input[type=file],textarea,select{
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
    width: 330px;
    height: 38px;
    padding: 6px 10px 6px 10px;
	border: 1px solid #ccc;
}

/* added to display search image with textbox*/
.shortFields input[type=text],
.shortFields input[type=email],
.shortFields input[type=password],
.shortFields input[type=file],
.shortFields textarea,
.shortFields select{
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
    width: 300px;
    height: 38px;
    padding: 6px 10px 6px 10px;
	border: 1px solid #ccc;
}

textarea{
	height: 122px;
}
textarea.emailform {
	height: auto;
	width: auto;
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	padding: 6px 10px 6px 10px;
	border: 1px solid #ccc;
}

select[multiple]{
	height: 135px;
}

input[type=submit], input[type=button], button{
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	background: #FF6600;
    font-size: 14px;
	line-height: 24px;
	color: #fff;
	font-weight: 700;
	border: 1px solid #EBCD50;
	display: inline-block;
	padding: 6px 13px 6px 13px;
	text-align: center;
	text-transform: uppercase;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input:-moz-placeholder,textarea:-moz-placeholder{
    color: #666;
}

input:focus,textarea:focus,select:focus,input:hover,select:hover,textarea:hover{
	border-color: #20639B;
	color: #666;
}

input[type=submit]:hover, input[type=submit]:focus,
button:hover, button:focus{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	border: 1px solid #333;
	text-decoration: none;
	box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
}

/*********************************************
* Main styles                               *
********************************************/
.nine60{
	margin: 0 auto;
	max-width: 960px
}

.main{
	float: left;
	min-width: 100%;
	/*position: relative;*/
	z-index: 50;
}

.componentArea{
	float: left;
	min-width: 100%;
}

.componentArea h5,
.componentArea h6,
.componentArea p,
.componentArea li,
.componentArea table{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #051525;
}

.componentArea p{
	margin-bottom: 10px;
}

.componentArea table,
.componentArea ul{
	margin-bottom: 10px;
}

header .nine60{
	position: relative;
}

header:after, .main:after, footer:after{
	content: "";
	display: block;
	clear: both;
}


/*********************************************
* Main Navigation styles                    *
********************************************/
.mainMenu{
	float: right;
	margin-top: 35px;
}

.mainMenu a{
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.mainMenu .menu{
	float: left;
	min-width: 100%;
}

.mainMenu ul{
	margin: 0px;
}

.mainMenu li{
	list-style: none;
	display: block;
	float: left;
	position: relative;
}

.mainMenu > ul > li > a{
	font-weight: 400;
	text-transform: uppercase;
	font-size: 12.5px;
	color: #fff;
	margin-right: 5px;
	padding: 0px 5px;
	margin-top:5px;
	display: inline-block;
	text-decoration: none;
	border-right: 1px solid #363636;
	text-shadow: 0px 1px 1px black;
}

.mainMenu > ul > li:last-of-type > a{
	border-right: none;
}

.mainMenu > ul > li:not(:first-of-type) > a:hover,
.mainMenu > ul > li.current:not(:first-of-type) > a{
	padding: 0 5px;
	color: #FF6600; 
	margin-top: 5px;
	text-decoration: none;
}


.mainMenu > ul > li.openState > a,
.mainMenu > ul > li.parent:hover > a{
	background: white;
	padding: 0 5px;
	color: #F15A22;
	border: 1px solid #ccc;
	border-bottom: 1px solid white; 
	margin-top: 5px;
	position: relative;
	z-index: 9999;
}
.home-column-right{ width:68%; float:right;}

.mainMenu .item-101{
	display: none;
}



/*********************************************
* Hompage styles                            *
********************************************/
.main{
	float: left;
	width: 100%;
}

.main .loginBox{
	margin-bottom: 60px;
	text-align: left;
}

.main .searchCertNumber{
	width: auto;
	float: right;
	margin-left: 0px;
	text-align: right;
}

.main .searchCertNumber input[type=text]{
	width: 280px;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}

.main .searchCertNumber input[type=submit]{
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}


.home form{
	width: 415px;
}


.home input[type="text"],
.home input[type="password"]{
	margin-bottom: 5px;
	display: inline-block;
}

.home input[type="submit"]{
	display: block;
	float: right;
	margin-left: 5px;
	width: 80px;
	padding-left: 0px;
	padding-right: 0px;
}

body.home{
	background-color: #1d8ecd; 
}


.home .componentArea{
	display: none;
}

.home .mainMenu{
  margin: 0px;
  float: right;
 margin-top: 13px;
    position: relative;
  z-index: 2;
}

.home .mainMenu a{
  border: none;
  text-transform: none;
  font-size: 16px;
  font-weight: bold;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}

.pull-right{
	display: none;
}

.home .copyrightMenu a {
	color:black;
}

.home .mainMenu .item-104{
	display: none;
}


 

.home-column-left{
	float: left;
}


	
.home .home-column-left{
	width: 50%;
}

.home .home-column-right{
	float: right;
	width: 50%;
	margin-top: 40px;
	height: 860px;
	position: relative;
	
}

.home .logo{
	text-align: left;
	margin-bottom: 30px;
	margin-top: 120px;
}

.home .certContent{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.home h2{
	/*color: #C5C5C5;*/
}
	

.home .certContent h1{
	color: #FF6600;
	text-transform: uppercase;
	font-size: 29px;
	line-height: 39px;
	margin-bottom: 25px;
}
	
.home .certContent p{
	font-size: 16px;
	line-height: 24px;
}

.home a.directoryMap {
  background: url('../img/directory-map1.png');
  width: 500px;
  height: 745px;
  display: block;
  position: absolute;
  bottom: -102px;
  right: 0px;
  z-index: 1;
  text-align: center;
  /*padding-top: 50px;*/
  padding-top: 20px;
  line-height: 40px;
  font-size: 30px;
  text-decoration: none;
    -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}

.home .pdf{
display: inline-block;
  margin-top: 20px;
  background: url('../img/pdf-icon.png') 10% 50% no-repeat;
  height: 46px;
  padding: 12px 16px 12px 54px;
  background-color: #F60;
  margin-right: 10px;
  text-decoration: none;
  color: white;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}

.home .pdf:hover{
	background-color: white;
	color: #f60;
}

.home .registerEButton{
display: inline-block;
  margin-bottom: 20px;
  padding: 12px 16px 12px 16px;
  background-color: #06AFFF;
  margin-right: 10px;
  text-decoration: none;
  color: #FAFAFA;
  -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  font-size: 18px;
}

.home .registerEButton:hover{
	background-color: white;
	color: #f60;
}

/*********************************************
* Internal page styles                      *
********************************************/
.internal .main{
	background: #fff url('../img/backgroundInternal.jpg') top center no-repeat;
	padding-bottom: 101px;
}

.internal h2{
	color: #FF6600;
}

.internal .main .logo{
	margin-top: 20px;
	margin-bottom: 12px;
	text-align: left;
	width: auto;
}

.internal .componentArea{
	padding-top: 10px
}

.internal footer{
	border: 1px solid #efefef;
	box-shadow: 5px -5px 15px -5px rgba(0, 0, 0, 0.1);
	margin-top: 25px;
}


/*********************************************
* Footer styles                             *
********************************************/
.home footer{
	position: relative;
}

footer{
	padding: 14px 0px 4px 0px;
	position: fixed;
	bottom: 0px;
	left:0px;
	background: #fff;
	z-index: 999;
}

footer h3{
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	color: #201F1F;
}

footer p{
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 5px;
}

footer a{
	font-size: 12px;
	line-height: 22px;
}

.footerLogo{
	float: left;
	margin-right: 15px;
}
.content{
	width: 838px;
	float: left;
	margin-top: 3px;
}



.copyrightMenu ul{
	float: left;
	margin: 0px;
}

.copyrightMenu li{
	display: block;
	float: left;
	list-style: none;
}

.copyrightMenu li:first-of-type a{
	padding-left: 0px;
	border: none;
}

.copyrightMenu a{
	display: block;
	font-size: 12px;
	color: #3283D8;
	line-height: 14px;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #7F7F7F;
	text-decoration: none;
}

.copyrightText{
	float: right;
}

.copyrightText p{
	font-size: 12px;
	color: #333;
	line-height: 14px;
}

.socialMedia{
	float: right;
}

.socialMedia span{
	float: left ;
	padding: 5px 10px 5px 5px;
}

.socialMedia p{
	font-size: 14px;
	color: #7F7F7F;
}


/*********************************************
* User profile styles                       *
********************************************/
.item_fields{
	float: left;
	min-width: 100%;
	border-top: 1px solid #efefef;
	padding: 10px;
}

.userInfo{
	float: left;
	min-width: 100%;
	margin-top: 10px;
	border-top: 1px solid #efefef;
	padding: 10px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.03)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#08000000',GradientType=0 );
}

h1.userName{
	font-size: 26px;
	display: block;
	float: left;
	min-width: 100%;
}

.userInfo div{
	float: left;
	width: 25%;
}

.userInfo p{
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0px;
}

.item_fields p{
	margin-bottom: 0px;
}

.item_fields fieldset{
	min-width: 50%;
	float: left;
	margin-bottom: 20px;
}


/*********************************************
* User menu styles                          *
********************************************/
.userMenu{
	float: left;
	margin-top: 10px;
	min-width: 100%;
	clear: left;
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #efefef;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-left: 15px;
	padding-top: 2px;
	box-shadow: 0px 0px 1px 0px #D0EBF3;
	border: 1px solid #C7DEE6;
	background: #EDF0F1;
}

.userMenu h3{
	float: left;
	font-size: 16px;
	color: #868686;
}

.userMenu a{
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.userMenu .menu{
	float: left;
	min-width: 100%;
}

.userMenu ul{
	margin: 0px;
	float: left;
	margin: 4px 0px 0px 10px;	/*margin: 4px 3px 0px 10px;*/
}

.userMenu li{
	list-style: none;
	display: block;
	float: left;
	position: relative;
}

.userMenu > ul > li > a{
	font-weight: 400;
	font-size: 14px;
	padding: 0px 10px 5px 10px;
	margin-top:5px;
	line-height: 14px;
	display: inline-block;
	text-decoration: none;
	border-right: 1px solid #d5d5d5;
}

.csstransitions .userMenu > ul > li > a:hover{
	padding-right: 20px;
	padding-left: 20px;
}

.userMenu > ul > li:first-of-type > a{
	padding-left: 0px;
}

.userMenu > ul > li:last-of-type > a{
	border-right: none;
}

.userMenu > ul > li.openState > a,
.userMenu > ul > li.parent:hover > a{
	background: white;
	padding: 5px;
	color: #F15A22;
	border: 1px solid #ccc;
	border-bottom: 1px solid white;
	padding: 7px 10px 7px 10px;
	margin-top: 5px;
	position: relative;
	z-index: 9999;
}

.userMenu .item-101{
	display: none;
}


/*********************************************
* User edit profile styles                  *
********************************************/
.user-edit fieldset{
	float: left;
	min-width: 100%;
	margin-bottom: 15px;
}

.user-edit fieldset legend{
	margin-bottom: 15px;
}

.input-append input[type="text"]{
	width: 150px;
}

#jform_birthdate_img, #jform_test_date_img, #jform_esc_certifier_testdate_img, #jform_finish_test_date_img, #jform_ewrb_expirydate_img {
	background: #fff url('../img/calendar_icon.jpg') no-repeat center center;
	height: 35px;
	width: 30px;
	border: none;
	margin-left: 10px;
}

.btn:hover,
.btn:focus{
	box-shadow: none;
	text-shadow: none;
}


/*********************************************
* Find Users Page styles                   *
********************************************/
#filter-bar{
	float: left;
	min-width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #efefef;
	padding: 10px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.03)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#08000000',GradientType=0 );
}

.filter-search label{
	margin-right: 10px;
}

.filter-search button{
	margin-left: 5px;
	font-size: 12px;
}


/*********************************************
* View Certificate styles                   *
********************************************/
.certificateContainer > table:first-of-type > tbody > tr td{
	border: none;
	vertical-align: top;
}

.certificateContainer h1{
	font-size: 26px;
	font-weight: 400;
}

.certificateContainer table{
	margin-bottom: 20px;
}


/*********************************************
* Add Certificate styles                  *
********************************************/
.certificate-edit fieldset{
	float: left;
	min-width: 100%;
	margin-bottom: 15px;
}

.certificate-edit fieldset:last-of-type{
	margin-bottom: 0px;
}

.certificate-edit fieldset legend{
	margin-bottom: 15px;
}

#form-certificate{
	margin-top: 15px;
}

#tblCertificateItems input[type=text]{
	min-width: 100%;
	width: 100%;
	/*border-color: #ececec;*/
}

#tblCertificateItems input[type=text]:hover,
#tblCertificateItems input[type=text]:focus{
	border-color: #20639B;
	color: #666;
}

#tblCertificateItems{
	margin-bottom: 20px;
}

table#tblCertificateItems th{
	text-align: center;
}

#tblCertificateItems th{
	text-align: center;
}

#tblCertificateItems div.selector{
	margin-top: 10px; display:inline-block !important;
}
 
#tblCertificateItems div.selector,
#tblCertificateItems div.selector select,
#tblCertificateItems div.selector span {
	width: 100% !important;
	min-width: 100% !important;
	height: 38px;
	margin-bottom: 10px;
	/*border-color: #ececec;*/
}

.declareBack{
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: 300;
	border-bottom: 1px solid #ececec;
	clear: right;
}

.declareFront{
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: 300;
}

.declareBack .checker{
	vertical-align: top;
	margin-top: 5px;
}

.declareBack .text,
.declareFront .text{
	width: 900px;
	display: inline-block;
	font-size: 14px !important;
	line-height: 22px !important;
}

.declareBack:last-of-type{
	border-bottom: none;
	padding-bottom: 0px;
}

.declareFront{
	float: left;
	min-width: auto;
	font-size: 16px;
	line-height: 24px;
}

.declareFront .checker{
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
	margin-top: 5px;
}

.declareFront input[type=text]{
	margin-bottom: 5px;
	margin-top: 5px;
}

.radioField fieldset{
	min-width: auto;
	float: none;
}

.linedCheckboxesHalf{
	margin-bottom: 15px;
}

.linedCheckboxesHalf .declareBack{
	width: auto;
}

.linedCheckboxes{
	float: left;
	min-width: 100%;
}

.linedCheckboxes .declareBack{
	min-width: auto;
	margin-right: 20px;
	border: none;
	padding: 0px;
	margin-bottom: 10px;
}

.linedCheckboxes .declareBack .text{
	width: auto;
}

.linedCheckboxes label{
	float: left;
	min-width: 100%;
	font-size: 14px;
}

.conformity .declareFront .text{
	width: 900px;
}

.conformity .declareFront:nth-of-type(3){
	padding: 0px;
}

.conformity .declareFront:nth-of-type(3) input[type="text"]{
	margin: 0px;
}

.conformity .declareFront:nth-of-type(1){
	min-width: 323px;
	max-width: 323px;
	width: 323px;
}

.conformity .declareFront:nth-of-type(1) .text,
.conformity .declareFront:nth-of-type(2) .text,
.conformity .declareFront:nth-of-type(4) .text,
.conformity .declareFront:nth-of-type(5) .text,
.conformity .declareFront:nth-of-type(6) .text{
	width: auto;
}

/*********************************************
* Subscribe page styles                     *
********************************************/
.subscribeForm{
	float: left;
	min-width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #efefef;
	padding: 10px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.03)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#08000000',GradientType=0 );
}

.subscribeForm label{
	margin-right: 10px;
	line-height: 14px;
}

.subscribeForm .floatFields{
	width: 545px;
	min-width: 545px;
}

.subscribeForm input[type="submit"]{
	font-size: 12px;
	line-height: 18px;
	margin-left: 5px;
}

.subscribeForm div.selector,
.subscribeForm div.selector select,
.subscribeForm div.selector span{
	width: 180px !important;
	min-width: 180px !important;
	font-size: 14px;
	line-height: 30px;
}

.subscribeForm .checkboxField{
	padding-top: 6px;
}

.ie10 .subscribeForm .checkboxField{
	padding-top: 9px;
}

.floatAdModule{
	clear: right;
	float: left;
	/*margin-bottom: 10px;*/
	margin-right: 1%;
	margin-left: 1%;
	min-width: 48%;
	vertical-align: top;
}
/*********************************************
* Custom form styles                        *
********************************************/
.formField, .floatFields{
	margin-bottom: 10px;
	clear: right;
	float: left;
	min-width: 48%;
	margin-right: 2%;
	vertical-align: top;
}

.oneField{
	margin-top: 15px;
	min-width: 100%;
}

div.oneField label{
	width: 100%;
	min-height: 30px;
	font-size: 14px;
}

div.oneField textarea{
	float: left;
	min-width: 100%;
	height: 160px;
}

.radioField label:after,
.checkboxField label:after,{
	content: "";
	margin-right: 10px;
}

div.checkboxField label{
	float: right;
	min-width: 433px;
	width: 433px;
}

div.radioField label{
float: left;
min-width: 100%;
width: 100%;
text-align: left;
min-height: initial;
padding: 0px;
margin-bottom: 2px;
}

div.radioField fieldset label{
float: left;
min-width: initial;
width: auto;
text-align: left;
padding: 1px 20px 3px 3px;
}

div.radioField div.radio{
	vertical-align: top;
	float: left;
	margin-top: 5px;
}

div.checkboxField div.checker{
	vertical-align: top;
}

.floatFields label{
	float: left;
	width: 120px;
	font-size: 14px;
	line-height: 20px;
	min-height: 40px;
}
#form-email .floatFields input[type="email"],
#form-email .floatFields input[type="file"],
#form-email .floatFields input[type="password"],
#form-email .floatFields input[type="text"],
#form-email .floatFields textarea,
#form-email .floatFields .selector{
	clear: right;
	float: left;
}

.floatFields input[type="email"],
.floatFields input[type="file"],
.floatFields input[type="password"],
.floatFields input[type="text"],
.floatFields textarea,
.floatFields .selector{
	float: right;
	clear: right;
}

.floatFields div.uploader,
.floatFields div.uploader input,
.floatFields div.selector,
.floatFields div.selector select,
.floatFields div.selector span{
	width: 330px !important;
	min-width: 330px !important;
	height: 38px;
	font-size: 14px;
	line-height: 38px;
}

.formSubmit{
	float: left;
	min-width: 100%;
	margin-top: 10px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 10px 0px 10px 10px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.03)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#08000000',GradientType=0 );
}

.formSubmit a{
	/*margin-left: 10px;*/
}

.formSubmit button,
.formSubmit input[type="submit"]{
	margin-right: 10px;
	vertical-align: top;
}

.floatFields .disabled span,
.floatFields div.selector.hover.disabled span,
.floatFields div.selector:hover.disabled span,
.floatFields input[readonly="readonly"]{
	border: 1px solid #D6D6D6;
	color: #A2A2A2;
	background-color: #E8F9FF;
	cursor: default;
}

.floatFields div.selector.disabled span{
	color: #A2A2A2;
	cursor: default;
	background-image: none;
}


/*********************************************
* Uniform.js styles                         *
********************************************/

/* Global Declaration */
div.selector,div.selector span,div.checker span,div.radio span, div.uploader,div.uploader span.action{ background-repeat: no-repeat; -webkit-font-smoothing: antialiased;}
.selector, .radio, .checker, .uploader,.selector *, .radio *, .checker *, .uploader *{ margin: 0;  padding: 0;}

/* Replacement Images */
/* Select */
div.selector {  background-position: -483px -130px;  line-height: 26px;  height: 26px;}
div.selector span {background: url('../img/select.png') no-repeat right;}
div.selector select { top: 0px;  left: 0px;}
div.selector:active, div.selector.active { background-position: -483px -156px;}
div.selector:active span, div.selector.active span {  background: url('../img/select.png') no-repeat right;}
div.selector.focus, div.selector.hover, div.selector:hover {/*background: url('../img/select.png') no-repeat right;*/}
div.selector.focus span, div.selector.hover span, div.selector:hover span {background: url('../img/select.png') no-repeat right;}
div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover { background: #fff url('../img/select.png') no-repeat right;}
div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span { background: url('../img/select.png') no-repeat right;}

/* Checkbox */
div.checker {  width: 19px;  height: 19px; cursor: pointer;}
div.checker input {  width: 19px;  height: 19px; cursor: pointer;}

 div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span, div.checker.focus span, div.checker:hover span, div.checker:active span, div.checker.active span, div.checker span {
  background: url('../img/tickbox-off.png') no-repeat;
}

div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked, div.checker.focus span.checked,
 div.checker:hover span.checked, div.checker:active span.checked, div.checker.active span.checked, div.checker span.checked {
  background: url('../img/tickbox-on.png') no-repeat;
}

/* Radio */
div.radio {  width: 14px;  height: 14px; cursor: pointer;}
div.radio input {  width: 14px;  height: 14px; cursor: pointer;}

div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span, div.radio.focus span, div.radio:hover span, div.radio:active span, div.radio.active span, div.radio span {
  background: url('../img/radio_off.png') no-repeat;
}

div.radio.focus.active span.checked, div.radio:hover:active span.checked, div.radio.active:hover span.checked, div.radio.focus span.checked, div.radio:hover span.checked, div.radio:active span.checked, div.radio.active span.checked, div.radio span.checked{
  background: url('../img/radio_on.png') no-repeat;
}

/* Uploader */
div.uploader {  background-position: 0px -297px;  height: 28px; cursor: pointer;}
div.uploader span.action {  cursor: pointer;background: #FF6600;  height: 30px;  line-height: 26px; margin: 3px;}
div.uploader span.filename {  cursor: pointer; height: 38px;  margin: 2px 0px 2px 2px;  line-height: 34px;}
div.uploader.focus,div.uploader.hover,div.uploader:hover {  background-position: 0px -353px;}
div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action {  background-position: right -437px;}
div.uploader.active span.action,div.uploader:active span.action {  background-position: right -465px;}
div.uploader.focus.active span.action,div.uploader:focus.active span.action,div.uploader.focus:active span.action,div.uploader:focus:active span.action {  background-position: right -493px;}

/* PRESENTATION */
/* Select */
div.selector {  width: 190px;  font-size: 12px;}
div.selector select {  min-width: 190px;  font-size: 12px;  border: solid 1px #fff;}
div.selector span {  padding: 0px 25px 0px 2px;  cursor: pointer;}

div.selector.disabled span {  color: #bbb;}

div.checker {  margin-right: 5px;}
div.radio {  margin-right: 3px;}

div.uploader {  width: 190px;  cursor: pointer; border: 1px solid #ccc;}
div.uploader span.action {  width: 96px;  text-align: center;  font-size: 13px;  font-weight: bold; color: white; cursor: pointer;}
div.uploader span.filename {  cursor: pointer; color: #777;  width: auto;   font-size: 11px;}

div.uploader input {  width: 190px; cursor: pointer;}
div.uploader.disabled span.action {  color: #aaa;}
div.uploader.disabled span.filename {  border-color: #ddd;  color: #aaa;}


/* CORE FUNCTIONALITY */
.selector, .checker, .radio, .uploader {  display: -moz-inline-box;  display: inline-block;  vertical-align: middle;  zoom: 1;  *display: inline;}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {  outline: 0;}

/* Select */
div.selector {  position: relative;  padding-left: 0px;  overflow: hidden;}
div.selector span {  display: block;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
div.selector select {  position: absolute;  opacity: 0;  left:0px !important; filter: alpha(opacity:0);  height: 25px;  border: none;  background: none;}

/* Checker */
div.checker {  position: relative;}
div.checker span {  display: -moz-inline-box;  display: inline-block;  text-align: center;  cursor: pointer; height: 19px;  width: 19px;}
div.checker input {  opacity: 0;  filter: alpha(opacity:0);  display: inline-block;  background: none;}

/* Radio */
div.radio {  position: relative;}
div.radio span {  display: -moz-inline-box;  display: inline-block;  text-align: center; cursor: pointer; height: 14px;  width: 14px;}
div.radio input {  opacity: 0;  filter: alpha(opacity:0);  text-align: center;  display: inline-block;  background: none; margin-top: -22px;}

/* Uploader */
div.uploader {  position: relative;  overflow: hidden;  cursor: pointer; background:white; float: right;}
div.uploader span.action {  float: right;  display: inline;  padding: 2px 0px;  overflow: hidden;  cursor: pointer;}
div.uploader span.filename {  padding: 0px 10px;  float: left;  display: block;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  cursor: default;}
div.uploader input {  opacity: 0;  filter: alpha(opacity:0);  position: absolute;  top: 0;  right: 0;  bottom: 0;  float: right;  height: 25px;  border: none;  cursor: pointer;}


/* over-riding uniform.js styles with my own... */
div.selector, div.selector select, div.selector span{
    cursor: pointer;
	color: #832F59;
	height:32px;
	font-size: 12px;
	line-height: 36px;
}


div.selector, div.selector select{
    width: 200px !important;
    overflow: visible;
    min-width: 200px !important;
    background-color: #fff;
	
}

div.selector span{
    display: inline;
    padding: 0px;
    padding-left: 10px;
    float: right;
    text-align: left;
    width: 200px !important;
	padding-top: 0px;
	border: 1px solid #ccc;
}

div.selector.focus span, div.selector.hover span, div.selector.focus:active, div.selector.active:hover, div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span {
    cursor: pointer;
}


/*********************************************
*  No script styles                         *
********************************************/
/*********************************************
*  No script styles                         *
********************************************/
noscript,
.chromeframe{
  color:white;
  padding:10px 0 10px 0;
  margin: auto;
  background: #fff;
  color:black;
  text-align:center;
  width:100%;
  z-index:99;
  border-bottom: 1px solid #A50007;
}

noscript a,
noscript a:visited,
.chromeframe a,
.chromeframe a:visited{
  color: #A50007;
  text-decoration:none;
}

noscript a:hover,
.chromeframe a:hover{
  text-decoration:underline;
}

/*********************************************
*  Re-usable classes                        *
********************************************/

/* Layout */
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.width100{min-width: 100%;}
.hidden{display: none;}

/* Buttons */
.orangeBtn, .orangeBtn:visited{
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	background: #FF6600;
    font-size: 14px;
	line-height: 24px;
	color: #fff;
	font-weight: 700;
	border: 1px solid #EBCD50;
	display: inline-block;
	padding: 6px 13px 6px 13px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.orangeBtn:hover, .orangeBtn:focus{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	border: 1px solid #333;
	text-decoration: none;
	box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
}

/* Box styles */
.blueBox{
	background: #063E5C;
	border: 1px solid #20639B;
	padding: 20px;
}


/*
#######################
### Joomla! styles ####
#######################
*/


/*********************************************
* Breadcrumbs styles                       *
********************************************/
.breadcrumbs{
	list-style: none;
	min-width: 100%;
	margin: 0px;
	color: #333;
	font-size: 11px;
	float:left;
	clear: left;
	margin-bottom: 10px;
	margin-top: 10px;
}

.breadcrumbs a{
	color: #333;
	display: inline-block;
	font-size: 11px;
	line-height: 21px;
}

.breadcrumbs span{
	color: #333;
	display: inline-block;
	font-size: 11px;
	line-height: 21px;
}

.breadcrumbs .divider{
	margin-left: 10px;
	margin-right: 10px;
}


/*********************************************
* Login page styles                        *
********************************************/
input.invalid, textarea.invalid, .selector.invalid  span, .checker.invalid  span  {
	background-color: #fff;
	border: 1px solid #DD6161;
}

.login, .reset, .remind{
	float: left;
	min-width: 100%;
}

.star{
	color: red;
}

.tip-wrap{
	background: #0D4A8A;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	border-bottom: 3px solid #000;
	padding: 10px;
	z-index: 99999;
}

.tip-wrap *{
	font-size: 14px;
	line-height: 18px;
	color: white;
	font-weight: 300;
}

.tip-title{
	font-weight: 600;
}

.forgotLinks{
	float: left;
	min-width: 100%;
	margin: 10px 0px 0px 0px !important;
}

.forgotLinks li{
	list-style: none;
}

.login-fields{
	margin-top: 10px;
	min-width: 2%;
	float: left;
	clear: both;
}

.login-fields label{
	float: left;
	width: 95px;
    margin: 3px;
}


.login-fields input[type="text"],
.login-fields input[type="email"],
.login-fields input[type="password"]{
	float: right;
}

.login-fields input[type="checkbox"]{
	margin-left: 10px;
}

.login button{
	float: left;
	clear: left;
}

#user-registration fieldset{
	margin-top: 2%;
}

/*********************************************
* Pagination page styles                    *
********************************************/
.featuredPagination, .pagination{
	float: left;
	min-width: 100%;
	padding: 3%;
	text-align: center;
}

.featuredPagination select{
	min-width: 10%;
}

.featuredPagination .counter,  .pagination .counter{
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	margin-right: 3px;
	margin-top: 3px;
}

.featuredPagination .counter p,
 .pagination .counter p{
   line-height: 30px; 
}

.featuredPagination ul,
 .pagination ul{
	display: inline-block;
	list-style: none;
	margin: 0px;
}

.featuredPagination ul li,
.pagination ul li{
    list-style-image: none !important;
    float: left;
	margin-right: 5px;
}

.featuredPagination ul li a,
.pagination ul li a{
	font-size: 18px;
	padding: 1px 5px 0px 5px;
	display: inline-block;
	text-decoration: none;
}

.featuredPagination ul li span,
 .pagination ul li span{
    display: block;
    text-align: center;
	background: #F15A22;
	color: white;
	font-size: 18px;
	padding: 0px 5px 0px 5px;
}

.counter{
    font-size: 18px;
}

.pagination-start,
.pagination-next,
.pagination-end,
.pagination-prev{
    display: none !important;
}

.featuredPagination .display,
.pagination .display{
   clear: left;
}

.currentPage{
	text-align: center;
	display: block;
}


/*********************************************
* J! Message styles                         *
********************************************/
.alert{
	float: left;
	min-width: 100%;
	border: 3px solid rgb(204, 0, 0);
	background: rgb(255, 255, 255);
	margin-bottom: 10px;
	padding: 20px 20px 10px 20px;
	margin-top: 20px;
}

.alert .close{
	float: right;
	font-size: 40px;
	text-decoration: none;
	cursor: pointer;
}

.alert dt,
.alert dd{
	display: block;
	margin: 0px;
	float: left;
	color: #fff;
	min-width: 100%;
}

.alert dt{
	font-size: 30px;
	line-height: 40px;
	font-weight: 600;
	color: #FF9E86;
}

.alert dd ul{
	margin: 0px;
	float: left;
}

.alert dd ul li{
	list-style: none;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
}


/*********************************************
* Newsletter page styles                   *
********************************************/
.newsletterSignUp label{
	position: static !important;
	left: 0px !important;
	top: 0px !important;
	line-height: 26px !important;
	display: block !important;
	margin-top: 5px;
}

.newsletterSignUp input[type="text"]{
	margin-bottom: 10px;
}

.cmc-signup{
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	color: #051525;
}

/*********************************************
* News page styles                          *
********************************************/
.article-info-term{
  display: none;
}

.article-info .modified{
  margin: 0px;
  color: white;
  margin-bottom: 10px;
  margin-top: 0px;
  line-height: 20px;
  font-weight: 300;
  font-size: 12px;
  color: #E5E5E5;
}

.article-info  .category-name{
  margin: 0px;
  color: white;
  margin-top: 0px;
  line-height: 12px;
  font-weight: 300;
  font-size: 12px;
  color: #E5E5E5;
}

.article-info  .category-name a{
  font-size: 12px;
}

.article-info .published{
  color: #333;
  font-size: 14px;
}


.img-intro-right{
  float: right;
}

.img-intro-left{
  float: left;
}

.items-row h2 a, .items-leading h2 a{
  font-size:18px;
  color: #fff;
  font-weight: 300;
  line-height:40px;
}

.items-leading p{
  color: #474444;
}

.items-leading a{
  color: #666;
  font-size: 18px;
  font-weight: 300;
  border: 1px solid #999;
  padding: 1% 2% 1% 2%;
  background: #efefef;
  float: left;
  text-decoration: none;
}

.items-leading a:hover{
  color: #333;
  background: #999;
}

.items-leading h2 a{
  font-size: 24px;
}

.items-more{
  display: none;
}

.items-leading .padding{
  padding: 20px;
  float: left;
}

.items-row .column-1, .items-row .column-2{
  width: 50%;
  float: left;
  padding: 1%;
  border-bottom: 1px solid #DFDFDF;
}

.items-row h2 a{
  font-size: 20px;
  line-height: 32px;
  color: #000;
  font-weight: 300;
}

.img-intro-right {
  margin-top: 50px;
  margin-left: 20px;
}

.item .img-intro-right {
  float: none;
  margin-top: 50px;
  margin-left: 20px;
}

.items-leading .img-intro-right img{
  float: none;
}

.item .img-intro-right{
	min-width: 40%;
	max-width: 40%;
	float: right;
	margin-left: 20px;
	margin-top: 50px;
}

[class*="leading-"]{
	background: #e7e7e7;
	float: left;
	margin-bottom: 10px;
	padding: 20px;
	margin-top: 10px;
	min-width: 100%;
	border: 1px solid #d5d5d5;
}

[class*="leading-"] h2{
	font-size: 26px;
	line-height: 38px;
	font-weight: 400;
}


/*********************************************
* Modal Box styles                          *
********************************************/
#sbox-window {
	background-color: #FF6600 !important;
	padding: 3px !important;
}

#sbox-content {
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.56);
}

#sbox-window.shadow {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.34);
}


/*********************************************
* Lightbox/ColorBox styles                  *
********************************************/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px; padding: 20px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; height:25px; color: #000; font-size: 20px;}
        #cboxClose:hover{box-shadow: none;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


#inlineContent{display: none;}
#cboxLoadedContent #inlineContent{display: block;}
#btn-save{margin-left: 10px;width: 64px;}
#btn-add{width: 64px;}

#inlineTestResults{display: none;}
#cboxLoadedContent #inlineTestResults{display: block;}

#inlineInstaller{display: none;}
#cboxLoadedContent #inlineInstaller{display: block;}

#inlineuse_esignature{display: none;}
#cboxLoadedContent #inlineuse_esignature{display: block;}

#inlineesc_certifier_signature{display: none;}
#cboxLoadedContent #inlineesc_certifier_signature{display: block;}

/*********************************************
* "Add Items" styles                        *
********************************************/
#tblCertificateItems .selector ~ input[type="text"]{
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	display: none;
}

#tblCertificateItems .selector ~ input[type="text"].required{
	display: block;
}

#uniform-jform_conformity_option12 ~ #jform_extra_other_standard ~ span{
	margin-left: 40px;
}

#uniform-jform_conformity_option24 ~ #jform_extra_reference_box ~ span{
	margin-left: 40px;
}

#uniform-jform_conformity_option12{
	margin-top: 10px;
}

.installerFields {
margin-bottom: 20px;	
}

.installerFields label{
	min-width: 100%;
	min-height: auto;
	font-weight: 400 !important;
}

.installerFields table{
min-width: 72%;
max-width: 72%;
width: 72%;
}

.installerFields table td{
	border: none;
	padding: 0px;
	padding-right:10px;
}

.installerFields table tr td:last-of-type{
	vertical-align: middle;
	padding-top: 15px;
}


.installerFields.floatFields input{
	float: left;
	margin-bottom: 15px;
}

.gasFittingApplies .declareFront{
	margin-bottom: 10px;
	margin-right: 10px;
}

.gasFittingApplies .declareFront .checker{
	margin-left:0px;
}


.gasFittingApplies .declareFront label{
	float: right;
}

.testResults table td,
.testResults table th{
	border: none;
	vertical-align: top;
}

#tblCertificateTestResults{
	margin-bottom: 20px;
	margin-top: 20px;
}

#tblCertificateTestResults input{
	float: left;
}


/*********************************************
* "Generated PDF" styles                   *
********************************************/




/* shame.css */
.subscribeForm #voucher_code{width: 180px;}
.subscribeForm #uniform-subscription_id{margin-right: 15px;}

.certNumberAndLoginContainer{
	float: left;
	width: 57%;
}

.GasFittersMap{
	float: right;
	width: 40%;
	background: white;
	padding: 2%;
	text-align: center;
}

.mapResults {
    float: left;
    width: 60%;
}
.mapResults .filter-search {
    margin-bottom: 2%;
}

.mapResultsDisplay{
	float: left;
	width: 100%;
}

.mapResultsDisplay .item {
	float: left;
	width: 100%;
	margin-bottom: 2%;
	padding-bottom: 2%;
	border: 1px solid #C4C4C4;
	background: #efefef;
	padding: 2%;
	position: relative;
}

.mapResultsDisplay .item p{
	margin-bottom: 0px;
}

.mapResultsDisplay .item .orangeBtn{
	float: right;
	margin-right: 4%;
	position: absolute;
	bottom: 12%;
	right: 0%;
}

.mapResultsDisplay .item:last-of-type {
	border-bottom: none;
}

.mapResults .userInfo div {
	float: left;
	width: 61%;
}

.mapResults .item_fields fieldset {
	min-width: 100%;
}

.catOptions{
	border: 1px solid #dadada;
	padding: 10px;
	min-width: 98%;
	margin-bottom: 20px;
}

.catOptions label:first-of-type{
	margin-right: 105px;
}

.catOptions label{
	margin-right: 10px;
	font-weight: 500 !important;
	vertical-align: text-top;
}

.catOptions label .radio{
	margin: 7px;
	float: right;
}

.reduceFontSize{font-size: 80%;}


/* For Signature */
.sigPad {
    width: 275px;
    margin: 0 auto;
}
.signed {
    width: 275px;
    margin: 0 auto;
}
.sigPad #submit {
    float: left;
    margin-top: 15px;
}
.sigPad #clear {
    float: right;
    margin-top: 15px;
}
.sigPad .sig.sigWrapper .pad {
    border: 1px dotted #fff;	
}
.error {
    padding: 5px;
    background-color:#C00;
    color: #fff;
    width: 275px;
}


.sigOptions{
	text-align: left;
}

.catOptions label:first-of-type {
 margin-right: 20px; 
}

.sigOptions label{
	width: auto;
	margin-right: 20px;
	font-weight: 500 !important;
	height: auto;
	min-height: 20px;
	float: none;
	display: inline-block;
}




/* Staff Form */
#jform_ewrb_expirydate-lbl{
	width: 125px;
}

#jform_ewrb_expirydate,
#jform_finish_test_date,
#jform_test_date,
#jform_certificate_owner_name,
#jform_certificate_owner_rno{
	width: 290px;
}

.floatFields.jform_to{
	width: 12.5%;
	min-width: 12.5%;
	margin-right: 0%;
}

.floatFields.jform_to label{
	width: 33px;
	padding: 7px 7px 7px 0px;
}

.floatFields.jform_finish_test_date_container{
	width: 35.5%;
	min-width: 35.5%;
}

.shortFields img{
	float: right;
	margin: 10px 15px 10px 10px;	
}


div#coryRegister{
	width:100%; max-width:455px; color:#000;
}


div#coryRegister p{ color:#000;}
div#coryRegister .top{ padding:10px 20px;}
div#coryRegister .top h3{margin-bottom:20px;}
div#coryRegister .bottom{ padding:10px 20px; margin-top:20px;
	background-color:#003263;    text-align: center;
}
div#coryRegister .bottom p{ margin-top:15px;}
.home #cboxLoadedContent{ margin-bottom:0 !important;}
.home .registerEButtonpopup{
display: inline-block;
  margin-bottom: 20px;
  padding: 12px 16px 12px 16px;
  background-color: #06AFFF;
  margin-right: 10px; 
  text-decoration: none;
  color: #FAFAFA;
  -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  font-size: 18px;
}
.home #cboxLoadedContent{ padding:0 !important;}
 
.home .registerEButtonpopup:hover{
	background-color: #F60;
	color: #fff;
}

.home #cboxMiddleRight,.home #cboxMiddleLeft{ width:14px !important;}
.home  #cboxTopCenter,.home  #cboxBottomCenter{ width:441px !important;}
.home #cboxBottomRight{    background: url(images/controls.png) no-repeat -130px -36px !important;}
.home #cboxBottomLeft{    background:url(images/controls.png) no-repeat -100px -36px !important;}
.home #cboxBottomCenter{    background:url(images/border.png) 0 0px repeat-x !important;height: 14px !important;}
.home #cboxClose{ text-indent: -9999px !important;
    background: url('images/close.png') no-repeat center center;
    position: absolute !important;
    top: 6px !important;
    right: 15px !important;
    display: block!important;
    height: 18px !important;
    width: 17px !important;}
a.registerEButtonpopup span{display: inline-block;
    background-color: #fff;
    color: #06afff;
    border-radius: 9px;
    font-size: 18px;
    padding: 1px 3px;
    line-height: 15px;
    font-weight: bold;}	 

.home-column-right a.corylogo{float: right;
    margin-top: 10px;
    margin-bottom: -25px;}
	
.home-column-right a.corylogo span.left{
	color: #fff; 
    margin-right: 12px;
    margin-top: 5px;}	
.home-column-right a.corylogo span.right{ }		
.home .corylogo{ display:none;}

.unsubscribe,.unsubscribe:hover{-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	background: #FF6600;
    font-size: 13px;
	line-height: 24px;
	color: #fff;
	font-weight: 700;
	text-decoration:none;
	border: 1px solid #EBCD50;
	display: inline-block;
	padding: 2px 13px 2px 13px;
	text-align: center;
	text-transform: uppercase;}

.mainMenu.mobile{ display:none;}
#dashboard-api{padding: 40px 20px;
    max-width: 532px;
    margin: 0px auto;}
#dashboard-api .dashboard-logo{ padding:20px 0; background:#0b2441; text-align:center; margin-top: -70px; border-radius: 7px;}
#dashboard-api .mpgd-logo{ padding:20px 0; background:#0b2441; text-align:center; margin-top: -12px; border-radius: 7px;}
#dashboard-api h1{ padding:20px 0; text-align:center;}	
#dashboard-api input[type=text], #dashboard-api input[type=password]{ width:342px;}
#dashboard-api .login button{ float:right;}
#dashboard-api .create-account-link, #dashboard-api a.create-account{    
    width: 100%; 
    min-width: auto;
	clear:both;
    position: relative;}
#dashboard-api ul.forgotLinks{  
 display:none;
}
#dashboard-api button{padding:6px 50px 6px 50px !important;}
#dashboard-api a.create-account{	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	background: #FF6600;
    font-size: 14px;
	line-height: 24px; text-decoration:none;
	color: #fff;
	font-weight: 700;    margin-top: 10px;
	border: 1px solid #EBCD50;
	display: inline-block;
	padding: 6px 13px 6px 13px;
	text-align: center;
	text-transform: uppercase;}
#dashboard-api .login-fields input[type="checkbox"] {
    margin-left: 0;
    margin-top: -18px;
}	


.home header{
	background-color: #0b2441;     padding: 25px 0 15px;
}
.home .container{
 max-width:1024px; margin:0px auto;
}
.home .slider{    background-image: url('../img/home-banner.jpg');
    min-height: 340px;
    clear: both;
    background-repeat: no-repeat;
    background-position: center center;
    sdfd: f;
    background-size: cover; 
	 }
.home header .mainMenu li a,.home header .mainMenu li a:hover{ border-left:1px solid #fff; padding:0 9px;}	 


.home header .mainMenu li:first-child a,.home header .mainMenu li:nth-child(2) a{ border-left:0px solid #fff;}	 

section.main-menu{    clear: both;
    overflow: hidden;
    background-color: #f58220;
    padding: 10px 0;}
section.main-menu .mainMenu{ float:none;}	


section.main-menu .mainMenu li a,section.main-menu .mainMenu li a:hover{ border-left:1px solid #fff; padding:0 9px;}	 
section.main-menu .mainMenu li:first-child a{ border-left:0px solid #fff;}	 
section.main-menu .mainMenu .menu{ float: none;
    min-width: auto;
    overflow: hidden;
    margin: 0px auto;
    max-width: 55%;}

 section.main-menu .mainMenu .menu li a{   
    text-transform: none;
    font-size: 17px;
    font-weight: 300;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    font-family: Lato;
    text-shadow: 0 0 0;
    padding: 0 25px !important;
    line-height: 15px;}

 section.main-menu .mainMenu .menu li a:hover{ color:#0b2441;}

.home .item-page{ display:none;}


.home p{      
    font-family: Lato;
    font-size: 15px;
    font-weight: 300;}
.home .content-section table{
    max-width: 70%;
    min-width: 70%;
    margin: 0px auto;
    margin: 40px auto;
    clear: both;
    overflow: hidden;
} 

.home .plumbers-section{  
	background: #55aee1;
	margin: 20px 3% 0;
	padding: 30px 0;}

.home .orange-border-section{     
    background-color: #f58220;
    padding: 4px 0;
    display: block;
    position: relative;
    overflow: hidden;
    clear: both;
    margin: 0px 3.5%;}		

.home .plumbers-section .col-md-4 img{ width:100%; border-radius:0 15px 0 0;}  	
	
.home .plumbers-section .orange-border{     
    background-color: #f58220;
    padding: 3px 0;
    display: block;
    position: relative;
    overflow: hidden;
    clear: both;
    margin: 0px 2.5%;}	

.home .plumbers-section .container .col-md-4{      
    border-radius: 0 15px;
        width: 31.3%;
    padding: 0;
    margin-left: 3%;}	
.home .plumbers-section .container .col-md-4 .other{  background-color: #092541;    overflow: hidden;
    border-radius: 0 0 0px 15px;	}
.home .plumbers-section .container .col-md-4:first-child{ margin-left:0;}	

.home .plumbers-section .container .col-md-4 .title{    color: #fff;
    font-size: 30px;
    padding: 5px 10px;
    font-family: Lato;}
.home .plumbers-section .container .col-md-4 .desc{ padding: 5px 10px;font-family:'Lato'; font-size:10px;margin-bottom: 15px;}	
.home .plumbers-section .container .col-md-4 .custom,.home .plumbers-section .container .col-md-4 p{font-family: Lato;
    font-size: 15px;
    font-weight: 300; color:#fff;}	



.home .plumbers-section .container .col-md-4 .button{     background: #168dcd;
    margin: 0 10px 15px;
    display: block;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    padding: 15px;
    text-decoration: none;
  }
.home .plumbers-section .container .col-md-4 .button:hover{  background: #28a3e4;}  
.home .plumbers-section .container .col-md-4 .button a{ color:#fff;} 
.home .plumbers-section .container .col-md-4 a{ text-transform:uppercase;}

.home .search-section{  
	background: #092541;
	margin: 0 3%;
	padding: 20px 0;}
	
.home .search-section .searchCertNumber	{ float:none; margin:0;}
.home .search-section .searchCertNumber	h2,.home .search-section .searchCertNumber p{ display:none;}

.home .search-section .col-md-6{ padding-left:0;padding-right:0;}
.home .search-section .col-md-6.txtleft{ text-align:left;}
.home .search-section .col-md-6.txtleft *{ text-align:left;}
.home .search-section .col-md-6.txtright{ text-align:right;    padding-top: 10px;}

.home .search-section .col-md-6.txtright p{ font-size:17px; font-family:Lato;}
.home .search-section .col-md-6.txtright a{ font-size:17px; font-family:Lato; text-transform:uppercase; margin-right:20px;}

.home .search-section .searchCertNumber form{ width:100%;}

.home .search-section .searchCertNumber input[type=text] {
    width: 370px;
    float:left;
    border-radius: 7px;
    font-family: lato;     border: 0;
    color: #666766; 
    font-size: 15px;}
.home .search-section .searchCertNumber input[type=submit] {float: left;
    border: 0;
    font-family: lato;
    text-align: center;
    font-weight: normal;
    border-radius: 7px;
    font-size: 16px;
    padding: 7px 15px;
    margin-left: 7px;
    width: auto;}
.home .our-partners h2{ text-align:center; color:#fff; font-family:Lato;} 	

.home .our-partners .custompartners{ padding:20px 0; overflow:hidden;}
.home .our-partners .custompartners .col-md-2{ text-align:center;}
.home footer{background-color:#666666;border-top: 10px solid #f58220; padding-top:20px;}  
.home .txtright{ text-align:right;}
.home .txtleft{ text-align:left;}
.home .txtcenter{ text-align:center;}
.home .copyrightText {
    float: none;
     padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
}
.home .copyrightText p {
    font-size: 12px;
    color: #bbbbbb;
    line-height: 14px;
}

.home .home-center{ overflow:hidden; clear:both;}
.home .home-bottom{overflow:hidden; clear:both;  }

.home .home-bottom h2{       color: #fff;
    font-weight: 300;
    text-align: center;
    font-family: Lato;
    text-transform: uppercase;
    border-bottom: 2px solid #f58220;
    max-width: 40%;
    margin-left: auto;
    padding-bottom: 5px;
    margin-right: auto;}
 
	
.home .home-bottom p{text-align: justify;}	

/* CSS Login Dashboard MPGD */

.dashboard-login{
	margin-top: 10px;
	min-width: 30%;
	float: left;
	clear: both;
}

.login-fields label{
	float: left;
	width: 95px;
	margin: 3px;
}
.dashboard-pads{
    padding: 20px 70px 20px 80px;
}
.dashboard-border{
    border-top: 0.2em solid; 
    border-color:#f58220; 
    margin: 10px 2.5% 20px 2.5%;
}