/* Most of the CSS in this file are customisations on top of what is declared by boostray and style.css */

noscript{
}

noscript p{
	color:white;
	text-align: center;
	width:100%;
	position: relative;
	bottom:0px;
	padding: 30px;
	background-color: #ff4747;
	margin: 0px;
}

h1{
	font-size: 34px !important;
	margin-top: 10px;
}

h2{
	color:#595959;
}

h3{
	color:#646464;
}

/* Homepage */
.index h2{
	margin-top:0px;
	color:#646464;
	font-size:20px;
	font-weight: bold;
	letter-spacing: -0.5px;
}

.indextitle{
	border-top:1px white solid;
	background-image: url(/images/bg-pattern/squairy_light.png);
	padding: 20px;
	font-size: 18px;
	font-weight: 300;
}

.indextitle h1{
	border: none;
	font-size: 24px !important;
	color: #646464;
	margin-top: 0px !important;
	text-shadow: 2px 2px 1px white;
}

.indextitle p{
	text-shadow: 1px 1px 1px white;
}

.imagecredit{
	background-color: none;
	position: absolute;
	bottom:0;
	right:0;
	z-index: 99;
	padding: 0px;
	margin: 5px;
}

.imagecredit a:link, .imagecredit a:active, .imagecredit a:visited, .imagecredit a:hover{
	color:white !important;
	font-size: 9px;
	font-weight: bold;
	text-shadow: 1px 1px #021f7e;
	padding: 0px;
	margin: 0px;
	line-height: 9px;
	text-decoration: none;
}



/* End homepage */


/* Crumb trail in page header */
.crumb { 
    padding-left: 30px !important;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.1px;
}

@-webkit-keyframes connieResize {
  0% {
    background-color: #409cff;
    -webkit-box-shadow: -3px -3px 3px grey;
  }
  50% {
    background-color: #1cca09;
    -webkit-box-shadow: -3px -3px 10px grey;
  }
  100% {
    background-color: #409cff;
    -webkit-box-shadow: -3px -3px 3px grey;
  }
}

@-moz-keyframes connieResize {
  0% {
    background-color: #409cff;
    -moz-box-shadow: -3px -3px 3px grey;
  }
  50% {
    background-color: #1cca09;
    -moz-box-shadow: -3px -3px 10px grey;
  }
  100% {
    background-color: #409cff;
    -moz-box-shadow: -3px -3px 3px grey;
  }
}

@-o-keyframes connieResize {
  0% {
    background-color: #409cff;
    box-shadow: -3px -3px 3px grey;
  }
  50% {
    background-color: #1cca09;
    box-shadow: -3px -3px 10px grey;
  }
  100% {
    background-color: #409cff;
    box-shadow: -3px -3px 3px grey;
  }
}

@keyframes connieResize {
  0% {
    background-color: #409cff;
    box-shadow: -3px -3px 3px grey;
  }
  50% {
    background-color: #1cca09;
    box-shadow: -3px -3px 10px grey;
  }
  100% {
    background-color: #409cff;
    box-shadow: -3px -3px 3px grey;
  }
}


/* Connie question function */

.connie{
	position: fixed;
	top: 300px;
	right:-90px;
	color: white;
	-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 23px;
    padding: 13px;
    font-family: "Roboto",Arial, Helvetica, sans-serif;
    font-weight: 600;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: 1px solid white;
    z-index:101;
	background-color: #409cff;
	box-shadow: -3px -3px 3px grey;
	-moz-box-shadow: -3px -3px 3px grey;
	-webkit-shadow: -3px -3px 3px grey;
	
	-webkit-animation-name: connieResize;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: 24;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:15s;
	
	-moz-animation-name: connieResize;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: 24;
	-moz-animation-direction: alternate;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-delay:15s;
	
	animation-name: connieResize;
	animation-duration: 5s;
	animation-iteration-count: 24;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-delay:15s;
}

.connie.hover{
	cursor: pointer;
	background-color: #248def;
}

.connieq{
	font-family: "Roboto",Arial, Helvetica, sans-serif;
	display: none;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	z-index:120;
}

.connieform{
	position: relative;
	width:60%;
	height:60%;
	min-height:530px;
	background-color: #f1f1f1;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	margin: auto;
	top:100px;
	padding: 30px;
}

.connieform h3{
	font-size: 34px;
	color: grey;
	font-weight: bold;
}

.connieform p{
	font-size: 14px;
	color: #4f4f4f;
	font-weight: 300;
	width:100%;
}

.connieclose{
	position: absolute;
	top:20px;
	right:20px;
}

/* End connie */

.ad-side-panel{
	background-color:#ebebeb;
	min-height: 100%;
	margin-top: 10px;
	padding:15px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.ad-side-panel h4{
	/*color: white;*/
	color: #696969;
	font-weight: 600;
	font-size: 12px;
	/*background-color: #409cff;*/
	background-color: white;
	width:100%;
	padding:10px;
	/*text-shadow: 1px 1px #3b8ce4;*/
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	line-height: 16px;
}

.ad-side-panel p{
	font-size: 12px;
	margin-left: 5px;	
}

/* Customisation to very bottom footer */
ul.subfooter{ 
	float:none !important;
}

.setupImage{
	margin: 30px 0px 30px 40px;
	border: 1px solid #dddddd;
	padding:20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: white;
}

/* Searchbox in the footer and search page*/
.searchbox{
	position: relative;
	width:300px;
	height:40px;
	display: block;
	z-index: 5;
	text-align: center;
	background-color: #222222;
	margin-right: 20px;
	border-bottom: 1px solid #393636;
	border-left: 1px solid #393636;
	border-right: 1px solid #393636;
}

.searchForm{
	background-color: #e5e5e5;
	padding:30px;
	margin:20px 0px 20px 0px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}

.searchResult{
	margin-left: 20px;
}

.searchResultTitle{
	background-color: white;
}

.searchResultFooter{
	font-size: 11px;
	margin-bottom: 10px;
}

.searchResultFooter b{
	margin-left: 10px;
}

img#trustwaveSealImage{
	cursor: pointer;
	border: 2px white solid;
	padding: 5px;
	background-color: #47474a;
	border-radius: 10px;
}

/* Not sure if this is used */
.hidden{
	display: none;
}

/* Testimonial block on homepage */
.recomm dd, dt{
	padding: 5px;
	width:40% !important;
}

.recomm dd{
	text-indent: 5px;
}

div.de_testi_row{
	margin-bottom: 15px;
}

div.setupIndex{
	border: 1px gainsboro solid;
	margin-top: 50px;
	margin-bottom: 100px;
	padding: 1px 1px 10px 1px;
}

div.setupIndex > h2{
	margin-top: 0px;
	font-size: 22px;
	background-color: #edecec;
	padding: 8px;
}

div.setupIndex > h3{
	font-size: 16px;
	text-indent: 20px;
	padding: 5px 5px 5px 0px;
}

div.setupIndex > h3 a{
	color:#6c6c6c !important;
}

div.setupIndex > h4{
	font-size: 16px;
	text-indent: 40px;
	padding: 5px 5px 5px 0px;
}

.bracketlink, .bracketgreen{
	clear:none !important;
	width:auto;
	margin-left: 5px;
}

.bracketlink a{
	color:grey !important;
	font-size: small;
}

.bracketgreen{
	color: #909090 !important;
	font-size: small;
}


/* This is for HTML pulled in by Google Recaptcha so elements don't exist in our HTML */

iframe{
	margin: 0px !important;
	border-width: 0px !important;
	/*display: none;*/
}

#recaptcha_table{
	margin: 20px auto 20px auto !important;
}

/* Ask a question page */

.questionquote{
	width:100%;
	padding: 30px;
	background-color: white;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin:20px 0px 20px 0px;
}

.questionquote i{
	float:none;
	color:#e0e0e0;
	margin: 0px 10px 0px 10px;
}

.questionno{
	width:100%;
	border-radius:10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	padding:20px;
	text-align: center;
	border: 10px solid white;
}