﻿/* minifier used http://cssminifier.com/ */

/* Revision date::after 26-06-2024 */

/* Google background printing fix
************************************/
:root {
  -webkit-print-color-adjust: exact;
}
/***********************************/

html /* add this to stop Iphones resizing text */
{
    -webkit-text-size-adjust: none;
    /* see also a:link for Ipad / Iphone phone numbers fix */
}
/***********************************/

.screenSizeLblPos /* used to show Screen size Media quiries read out */
{
	position:fixed;
	top:150px;
	left:0;
	background-color:Navy;
	color:White;
	width:50px;
	height:auto;
	z-index:999;
	padding-left:5px;
}

.inline-block
{
    display:inline-block;
}

.alignCenter /* an inner DIV. to center align div. Can be used on any div to center as long as less than 100% */ {
	display: table;
	margin: 0 auto;
	border: 0px solid red;
}

.text_center
{
    text-align:center;
}
.text_align_center
{
    vertical-align:middle;
}
 .text_align_left
{
    text-align:left;
}
.text_align_right {
	text-align: right;
}

.overflowAuto
{
    overflow:auto;
}
.textItalic
{
    font-style: italic;
}
.strikeThrough {
	text-decoration: line-through;
}

.clear
{
    clear:both;
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.borderNone {
	border:none;
}

/*** padding / margins ***/
.padding-top3
{
	padding-top: 3px;
}

.padding-top5
{
	padding-top: 5px;
}

.padding-top10
{
	padding-top: 10px;
}

.padding-top15
{
	padding-top: 15px;
}

.padding-top20
{
	padding-top: 20px;
}

.padding-top22
{
	padding-top: 22px;
}

.padding-top25
{
	padding-top: 25px;
}
.padding-top30
{
	padding-top: 30px;
}
.padding-top40
{
	padding-top: 40px;
}
.padding-top72
{
    padding-top:72px;
}

.margin-top4
{
	margin-top: 4px;
}

.margin-top5
{
	margin-top: 5px;
}

.margin-top8
{
	margin-top: 8px;
}

.margin-top10
{
	margin-top: 10px;
}

.margin-top14
{
	margin-top: 14px;
}

.margin-top15
{
	margin-top: 15px;
}

.margin-top25
{
	margin-top: 25px;
}

.margin-top35
{
	margin-top: 35px;
}

.margin-top50
{
	margin-top: 50px;
}

.margin-top80
{
	margin-top: 80px;
}

.padding-bottom5
{
	padding-bottom: 5px;
}

.padding-bottom10
{
	padding-bottom: 10px;
}
.padding-bottom15
{
	padding-bottom: 15px;
}
.padding-bottom20
{
	padding-bottom: 20px;
}

.padding-bottom30
{
	padding-bottom: 30px;
}

.padding-bottom60
{
	padding-bottom: 60px;
}

.padding-bottom90
{
	padding-bottom: 90px;
}

.padding-bottom160
{
	padding-bottom: 175px;
}

.padding-bottom-175
{
	padding-bottom: 175px;
}

.margin-bottom0
{
    margin-bottom:0px;
}

.margin-bottom5
{
    margin-bottom:5px;
}

.margin-bottom40 {
	margin-bottom: 40px;
}
.margin-bottom50
{
    margin-bottom:50px;
}
.margin-bottom100
{
    margin-bottom:100px;
}

.padding-left0
{
	padding-left: 0px;
}

.padding-left5
{
	padding-left: 5px;
}

.padding-left10
{
	padding-left: 10px;
}

.padding-left15
{
	padding-left: 15px;
}

.padding-left20
{
	padding-left: 20px;
}

.padding-left30
{
	padding-left: 20px;
}

.padding-left40
{
	padding-left: 40px;
}

.padding-right5
{
	padding-right: 5px;
}

.padding-right8
{
	padding-right: 8px;
}

.padding-right10
{
	padding-right: 10px;
}

.padding-right15
{
	padding-right: 15px;
}

.padding-right20
{
	padding-right: 20px;
}

.padding-right30
{
	padding-right: 30px;
}

.margin-right5 {
	margin-right: 5px;
}

.margin-right20 {
	margin-right: 20px;
}

.padding3All
{
	padding:2.5px;
}

.margin-left0
{
	margin-left: 0px;
}
.margin-left5
{
	margin-left: 5px;
}
.margin-left15
{
	margin-left: 15px;
}

.margin-left20
{
	margin-left: 20px;
}

.margin-left40
{
	margin-left: 40px;
}

.removeMargin
{
	margin: 0px;
}

.spacer100px
{
	height: 100px;
	color:White;
}

li.NoIcon
{
    list-style-type: none;
}

/*** fonts ***/
.fontRavvi
{
    font-family:Raavi;
    font-size:14px;
}

.fontWingdings
{
	font-family:Wingdings;
	font-size:10px;
}

.fontSize0point7em
{
	font-size:0.7em;
}
.fontSize0point8em
{
	font-size:0.8em;
}
.fontSize0point9em
{
	font-size:0.9em;
}

.fontSize1point1em
{
	font-size:1.1em;
}

.fontSize1point2em
{
	font-size:1.2em;
}

.fontSize1point5em
{
	font-size:1.5em;
}

.fontSize2em
{
	font-size:2em;
}

.fontSize2point5em
{
	font-size:2.5em;
}

/*** colours here ***/
.textColorWhite
{
    color: #FFFFFF;
}

.textColorLightOrange
{
	color: #F7BC5B;
}

.textColorHeadingOrange
{
	color: #FF9900;	
}

.linkColorBlue
{
    color: #0082C3;
}

.linkColorGrey {
	color: #5A5A5A;
}

.niceBlue 
{
    color: #00ADEC; /*nice blue*/
}

.backgroundNiceBlue {
	background-color: #00ADEC; /*nice blue*/ /* other nice blue #0082C3*/
}

.HRColor1 {
	height: 1px;
	background-color: #00ADEC;
	border: none;
}

/* gradient orange colour */
.orangeGradientLightDark
{
	background: -moz-linear-gradient(top,  rgba(255,128,0,0.59) 0%, rgba(255,128,0,0.97) 92%, rgba(255,128,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,128,0,0.59)), color-stop(92%,rgba(255,128,0,0.97)), color-stop(100%,rgba(255,128,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,128,0,0.59) 0%,rgba(255,128,0,0.97) 92%,rgba(255,128,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,128,0,0.59) 0%,rgba(255,128,0,0.97) 92%,rgba(255,128,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,128,0,0.59) 0%,rgba(255,128,0,0.97) 92%,rgba(255,128,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,128,0,0.59) 0%,rgba(255,128,0,0.97) 92%,rgba(255,128,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96ff8000', endColorstr='#ff8000',GradientType=0 ); /* IE6-9 */
}

.orangeGradientDarkLight
{
	background: -moz-linear-gradient(top,  rgba(255,128,0,1) 0%, rgba(255,128,0,0.97) 8%, rgba(255,128,0,0.59) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgba(255,128,0,1)), color-stop(8%,rgba(255,128,0,0.97)), color-stop(0%,rgba(255,128,0,0.59))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,128,0,1) 100%,rgba(255,128,0,0.97) 8%,rgba(255,128,0,0.59) 0%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,128,0,1) 0%,rgba(255,128,0,0.97) 8%,rgba(255,128,0,0.59) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,128,0,1) 0%,rgba(255,128,0,0.97) 8%,rgba(255,128,0,0.59) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,128,0,1) 0%,rgba(255,128,0,0.97) 8%,rgba(255,128,0,0.59) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#96ff8000',GradientType=0 ); /* IE6-9 */
}

.borderThinGrey
{
	border: 1px solid #CCCCCC;
}

.borderThinRed
{
	border: 1px solid Red;
}

.borderOrange
{
	border: 1px solid #FF9900;
}

.dividerBorderTop
{
    border-top: 1px solid #FEEBA9;
    border-top-style: dotted;
}

.RadioButtonListSpacing {
}

	.RadioButtonListSpacing label { /* add space between radio button and label */
		margin-left: 5px;
		margin-right: 15px;
		/*vertical-align: middle;*/
	}

/*** BootStrap styles Overidden / had Addition to *** /
body {
    font-family: Arial, Sans-Serif;
}

h1, .h1 {
  font-size: 26px;
}

.row {/* added to remove right hand gap!! * /
  padding-right: 0px;
  margin-right: 0px;
}/*** /

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

a:hover, a:focus
{
    color: #FF9933;
    text-decoration: underline;
}

/* change colour and size of nav pills here * / 
.nav > li > a
{
    position: relative;
    display: block;
    padding: 5px 15px 5px 15px; /* height and width of each pill
    color:#000;
}

.nav > li > a:hover, .nav > li > a:focus
{
    text-decoration: none;
    background-color: #FFCC00;
    color: #000;
}

.nav-pills > li > a {
  border-radius: 0px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus
{
    border-style: solid none solid none;
    color: #000000;
    background-color: #FFFFFF;
    border-top-color: #FFCC00;
    border-bottom-color: #FFCC00;
    border-top-width: thin;
    border-bottom-width: thin;
}

.
  
/*** end of BootStrap overides ***/

/** JQuery Overides **/
/*#datepickerDiv {
    position: relative;
    z-index: 999999;
}*/


/* My New media query */
@media (max-width: 330px) /* col-xxs-xx */ /* 320px is about right for portrait width of phone, set to 330px to cover slightly larger screens */
{
	h4, .h4 {
		margin-bottom: 0px;
	}

	.col-xxs-12 {
		width: 100%;
	}

	.col-xxs-11 {
		width: 91.66666666666666%;
	}

	.col-xxs-10 {
		width: 83.33333333333334%;
	}

	.col-xxs-9 {
		width: 75%;
	}

	.col-xxs-8 {
		width: 66.66666666666666%;
	}

	.col-xxs-7 {
		width: 58.333333333333336%;
	}

	.col-xxs-6 {
		width: 50%;
	}

	.col-xxs-5 {
		width: 41.66666666666667%;
	}

	.col-xxs-4 {
		width: 33.33333333333333%;
	}

	.col-xxs-3 {
		width: 25%;
	}

	.col-xxs-2 {
		width: 16.666666666666664%;
	}

	.col-xxs-1 {
		width: 8.333333333333332%;
	}

	.col-xxs-offset-1 {
		margin-left: 8.333333333333332%;
	}

	.col-xxs-offset-0 {
		margin-left: 0;
	}

	.hidden-xxs {
		display: none !important;
	}

	.show-xxs {
		display: block !important;
	}

	.xSmlTopMargin {
		margin-top: 25px;
	}
}

