/*

  Hartridge Support
  
  Created by Gary Smithson 
  
  Copyright (c) 2015 Hartridge Ltd
  
  stylesheet.css

*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


html, body{
background-color:#EFEFEF;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
text-align:center;

}

A:link {font-family: Arial,Helvetica,sans-serif; text-decoration: underline; color: #007894;}
A:visited {font-family: Arial,Helvetica,sans-serif; text-decoration: none; color: #007894;}
A:active {font-family: Arial,Helvetica,sans-serif; text-decoration: none; color: #007894;}
A:hover {font-family: Arial,Helvetica,sans-serif; text-decoration: none; color: #777;}


/*Header*/
#header_cont {
margin-left:auto;
margin-right:auto;
width:1050px;
height:260px;
}

#header {
margin-left:auto;
margin-right:auto;
width:1000px;
height:260px;
}


/*Container*/
#container {
position: relative;
margin-left:auto;
margin-right:auto;
width:1050px;
height: 100%;
min-height: 100%;
}

#content {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto -135px auto;
/*The -135px mentioned above needs to be the exact height of the footer.*/
width:1000px;
}




/*Footer*/
#footer {
height: 135px;
clear: both;
position: relative;
font-size: 18px;
font-family: 'Open Sans',sans-serif; 
color:#777;
width:1050px;
}

#nudge{
height: 100px;
clear: both;
}





/*Popup*/
#popup {
display:none; 
position:relative; 

background: #575757;
background: -moz-linear-gradient(top,  #575757 0%, #3d3d3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#3d3d3d));
background: -webkit-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: -o-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: -ms-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: linear-gradient(to bottom,  #575757 0%,#3d3d3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#3d3d3d',GradientType=0 );

font-family: Arial, sans-serif;
font-style: normal;
color: #efefef;
width:100%;
height:70px; 
z-index:100;  
}


@media only screen and (max-width: 720px), only screen and (max-device-width: 700px) {  
#popup {
display:none; 
position:relative; 

background: #575757;
background: -moz-linear-gradient(top,  #575757 0%, #3d3d3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#3d3d3d));
background: -webkit-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: -o-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: -ms-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: linear-gradient(to bottom,  #575757 0%,#3d3d3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#3d3d3d',GradientType=0 );

font-family: Arial, sans-serif;
font-style: normal;
color: #efefef;
width:1050px;
margin-left:auto;
margin-right:auto; 
height:70px; 
z-index:100;  
} 
}

 
#popup_content {  
float:left; 
width:760px; 
height:70px; 
position:absolute; 
left:50%; 
margin: 0px 0px 0px -350px;    
}






/*Buttons*/


/*green/blue button*/
.button {
  font-size:22px;
  font-weight: bold;
  position: relative;
  color: #efefef;
  padding: 0px 0px 0px 0px;
  line-height: 40px;
  cursor: auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: 0px 0px 0px #222;
  -webkit-box-shadow: 0px 0px 0px #222;
  -moz-box-shadow: 0px 0px 0px #222;  
  
background: #17617c;
background: -moz-linear-gradient(top,  #17617c 0%, #006c85 100%, #006c85 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17617c), color-stop(100%,#006c85), color-stop(100%,#006c85));
background: -webkit-linear-gradient(top,  #17617c 0%,#006c85 100%,#006c85 100%);
background: -o-linear-gradient(top,  #17617c 0%,#006c85 100%,#006c85 100%);
background: -ms-linear-gradient(top,  #17617c 0%,#006c85 100%,#006c85 100%);
background: linear-gradient(to bottom,  #17617c 0%,#006c85 100%,#006c85 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17617c', endColorstr='#006c85',GradientType=0 );
border: solid 1px #115290;
}
  
  
.button a {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 -1px 0 #000; 
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #efefef;
  text-decoration: none;
  display: inline-block;
  margin: 0;
}

.button:hover {
background: #1f93a8;
background: -moz-linear-gradient(top,  #1f93a8 0%, #006c85 100%, #006c85 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f93a8), color-stop(100%,#006c85), color-stop(100%,#006c85));
background: -webkit-linear-gradient(top,  #1f93a8 0%,#006c85 100%,#006c85 100%);
background: -o-linear-gradient(top,  #1f93a8 0%,#006c85 100%,#006c85 100%);
background: -ms-linear-gradient(top,  #1f93a8 0%,#006c85 100%,#006c85 100%);
background: linear-gradient(to bottom,  #1f93a8 0%,#006c85 100%,#006c85 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f93a8', endColorstr='#006c85',GradientType=0 );
}

.button:active {	
background: #006c85;
background: -moz-linear-gradient(top,  #006c85 0%, #006c85 0%, #1f93a8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006c85), color-stop(0%,#006c85), color-stop(100%,#1f93a8));
background: -webkit-linear-gradient(top,  #006c85 0%,#006c85 0%,#1f93a8 100%);
background: -o-linear-gradient(top,  #006c85 0%,#006c85 0%,#1f93a8 100%);
background: -ms-linear-gradient(top,  #006c85 0%,#006c85 0%,#1f93a8 100%);
background: linear-gradient(to bottom,  #006c85 0%,#006c85 0%,#1f93a8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006c85', endColorstr='#1f93a8',GradientType=0 );
}
  
  
  
  
  

  
/* Header button box */

.button_box {
float:left; 
margin:10px 0px 0px 0px; 
position:relative; 
width:1000px; 
height:45px; 
box-shadow:0px 0px 0px #222; 
-webkit-box-shadow: 0px 0px 0px #222; 
-moz-box-shadow: 0px 0px 0px #222; 
background: #575757;
background: -moz-linear-gradient(top,  #575757 0%, #3d3d3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#3d3d3d));
background: -webkit-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: -o-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: -ms-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: linear-gradient(to bottom,  #575757 0%,#3d3d3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#3d3d3d',GradientType=0 );
border-right: solid 1px #585858;    
}  
  
  
  
  
  
  
/* Header button */

.button2 {
font-size:13px;
position: relative;
line-height: 45px;
cursor: auto;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
box-shadow: 0px 0px 0px #222;
-webkit-box-shadow: 0px 0px 0px #222;
-moz-box-shadow: 0px 0px 0px #222;    
background: #575757;
background: -moz-linear-gradient(top,  #575757 0%, #3d3d3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#3d3d3d));
background: -webkit-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: -o-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: -ms-linear-gradient(top,  #575757 0%,#3d3d3d 100%);
background: linear-gradient(to bottom,  #575757 0%,#3d3d3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#3d3d3d',GradientType=0 );
border-right: solid 1px #585858;
}


/* larger text on mobile */
@media only screen and (max-width: 720px), only screen and (max-device-width: 700px) {  
.button2 {
  font-size:21px;
  position: relative;
  line-height: 45px;
  cursor: auto;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #222;
  -webkit-box-shadow: 0px 0px 0px #222;
  -moz-box-shadow: 0px 0px 0px #222;   
}  
}

.button2 a {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 -1px 0 #000;
  font-family: Arial, sans-serif;
  font-style: normal;
  color: #efefef;
  text-decoration: none;
  display: inline-block;
  margin: 0; 
  
}

.button2:hover {
background: #7f7f7f;
background: -moz-linear-gradient(top,  #7f7f7f 0%, #545454 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#545454));
background: -webkit-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -o-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -ms-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: linear-gradient(to bottom,  #7f7f7f 0%,#545454 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#545454',GradientType=0 );
}

.button2:active {
background: #7f7f7f;
background: -moz-linear-gradient(top,  #7f7f7f 0%, #545454 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#545454));
background: -webkit-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -o-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -ms-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: linear-gradient(to bottom,  #7f7f7f 0%,#545454 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#545454',GradientType=0 );
}  
  
  

  
  
  
  
  
/*Hyper care buttons*/
  
.hyp {
position: relative;
padding: 0px 0px 0px 0px;
line-height: 100%;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
box-shadow: 0px 0px 0px #222;
-webkit-box-shadow: 0px 0px 0px #222;
-moz-box-shadow: 0px 0px 0px #222;  
  
background: #f85032;
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
border-right: solid 0px #585858;
}
   
.hyp a {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
color: #efefef;
text-decoration: none;
display: block;
margin: 0;  
}

.hyp:hover {
background: #7f7f7f;
background: -moz-linear-gradient(top,  #7f7f7f 0%, #545454 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#545454));
background: -webkit-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -o-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -ms-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: linear-gradient(to bottom,  #7f7f7f 0%,#545454 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#545454',GradientType=0 );
}

.hyp:active {
background: #7f7f7f;
background: -moz-linear-gradient(top,  #7f7f7f 0%, #545454 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#545454));
background: -webkit-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -o-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -ms-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: linear-gradient(to bottom,  #7f7f7f 0%,#545454 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#545454',GradientType=0 );
}    
  
.hyp_ft {
background: rgb(30,87,153);
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(100,131,186,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(100,131,186,1)));
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(100,131,186,1) 100%);
background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(100,131,186,1) 100%);
background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(100,131,186,1) 100%);
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(100,131,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#6483ba',GradientType=0 );
border-right: solid 0px #585858;
}
  
.hyp_sv { 
background: #bfd730;
background: -moz-linear-gradient(top,  #bfd730 0%, #bfd730 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd730), color-stop(100%,#bfd730));
background: -webkit-linear-gradient(top,  #bfd730 0%,#bfd730 100%);
background: -o-linear-gradient(top,  #bfd730 0%,#bfd730 100%);
background: -ms-linear-gradient(top,  #bfd730 0%,#bfd730 100%);
background: linear-gradient(to bottom,  #bfd730 0%,#bfd730 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd730', endColorstr='#bfd730',GradientType=0 );
}
  
  
.fadeRight {
  animation: fadeRight 1s ease forwards;
}

.no_fadeRight {
  animation: none;
}


@-moz-keyframes fadeRight {
    0% { 
        opacity: 0; 
        -moz-transform: translateX(20px); 
    } 
	
    100% {  
        opacity: 1; 	
        -moz-transform: translateX(0px); 
    } 
}

@-webkit-keyframes fadeRight {
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
}

@keyframes fadeRight {
    0% { 
        opacity: 0;         
        transform: translateX(20px); 
    } 
	
    100% { 
        opacity: 1; 	
        transform: translateX(0px); 
    } 
}  
  
  
  
  
  
.red_but {
  position: relative;
  padding: 0px 0px 0px 0px;
  line-height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #222;
  -webkit-box-shadow: 0px 0px 0px #222;
  -moz-box-shadow: 0px 0px 0px #222;  
  
background: #cc0000;
background: -moz-linear-gradient(top,  #cc0000 0%, #840000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#840000));
background: -webkit-linear-gradient(top,  #cc0000 0%,#840000 100%);
background: -o-linear-gradient(top,  #cc0000 0%,#840000 100%);
background: -ms-linear-gradient(top,  #cc0000 0%,#840000 100%);
background: linear-gradient(to bottom,  #cc0000 0%,#840000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#840000',GradientType=0 );

  border-right: solid 0px #585858;
}
  
  
.red_but a {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #efefef;
  text-decoration: none;
  display: block;
  margin: 0;
}

.red_but:hover {
background: #7f7f7f;
background: -moz-linear-gradient(top,  #7f7f7f 0%, #545454 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#545454));
background: -webkit-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -o-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -ms-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: linear-gradient(to bottom,  #7f7f7f 0%,#545454 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#545454',GradientType=0 );
}

.red_but:active {
background: #7f7f7f;
background: -moz-linear-gradient(top,  #7f7f7f 0%, #545454 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#545454));
background: -webkit-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -o-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: -ms-linear-gradient(top,  #7f7f7f 0%,#545454 100%);
background: linear-gradient(to bottom,  #7f7f7f 0%,#545454 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#545454',GradientType=0 );
}   
  
  
  
.register {
float:left; 
position:relative; 
width:190px; 
height:70px; 
margin:30px 5px 0px 0px; 
text-align:left; 
font-size:22px; font-family: 'Source Sans Pro', sans-serif; 
color:#575757;
background-color:#f7f7f7;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: solid 2px #dddddd; 
}  
  
  
  
  
  
  
  
  
  
  
  
  
  
 

/*Boxes*/
 
.whitebox {
  font-family: 'Open Sans',sans-serif; 
  color:#777;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.13);
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.13);
  box-shadow:1px 1px 3px rgba(0,0,0,.13);
  background-color: rgb(255, 255, 255);
  border: 0px solid black;
}


.greybox {
  position:relative;
  font-family: 'Open Sans',sans-serif; 
  color: #575757;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.13);
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.13);
  box-shadow:1px 1px 3px rgba(0,0,0,.13);  
  background-color: #DBDBDB; 
  border: 1px solid #cccccc;
}



/*
.come-in {
  transform: translateY(200px);
  animation: come-in 0.8s ease forwards;
}

.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to { transform: translateY(0); }
}
*/









/*Inputs*/

.input {
  background-color: rgb(251, 251, 251);
  font-size: 18px;
  width:75%;
  height:30px;
  border: 1px solid #DDD;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07) inset;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07) inset;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07) inset;
  color: #333;
}


.input2 {
  background-color: rgb(251, 251, 251);
  font-size: 18px;
  width:90%;
  height:30px;
  border: 1px solid #DDD;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07) inset;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07) inset;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07) inset;
  color: #333;
}


.textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}







/* Text*/

.title {
  float:left;
  font-size: 32px;
  width:1000px; 
  color: #575757;
  font-family: Arial, Helvetica, sans-serif;
  margin:30px 0px 30px 0px;
  text-align:left;
}


.stitle {
  float:left;
  font-size: 26px;
  width:1000px; 
  color: #575757;
  font-family: Arial, Helvetica, sans-serif;
  margin:0px 0px 30px 0px;
  text-align:left;
}


.text {
  float:left;
  font-size: 16px;
  color: #575757;
  font-family: Arial, Helvetica, sans-serif;
  margin:0px 0px 0px 0px;
  text-align:left;
} 


.error {
   color: red; 
   font-size:10px;
}   
  
.log_err {
   font-family: Arial, Helvetica, sans-serif;
   margin:50px 0px 0px 0px;
   color: red; 
   font-size:20px;
} 
 
 
 .hl_text {
  float:left;
  position:relative;
  font-size: 16px;
  width:1000px; 
  color: #474747;
  font-family: Arial, Helvetica, sans-serif;
  margin:0px 0px 0px 0px;
  text-align:left;

  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear; 
}   
  
.hl_text:hover {
  background: #b2b2b2;
  color: #efefef;  
  z-index:50;    
} 






/*Images*/ 

img.opac { 
  opacity:0.2;
}

  
 
.img {
  border:0px solid #fff;
   -webkit-transition: -webkit-transform .3s ease-in-out; 
   -moz-transition: -moz-transform .3s ease-in-out; 
   -o-transition: -o-transform .3s ease-in-out; 
   transition: transform .3s ease-in-out;
   
 /*transform animation*/
  -moz-animation-name: bounce;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 1s;

  -webkit-animation-name: bounce;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 1s;

  animation-name: bounce;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s;   
} 

.img:hover {
   -moz-transform: scale(1.15);
   -webkit-transform: scale(1.15);
   -o-transform: scale(1.15);
   transform: scale(1.15);
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
   z-index:50; 
}


@-moz-keyframes bounce {
    0% {
	    -moz-opacity:0;
        -moz-transform: scale(0.3);
    }
	
    50% {
        -moz-opacity:1;
		-moz-scale(1.05);
	}
	
    70% {
        -moz-transform: scale(0.9);
    }	
	
    100% {
        -moz-transform: scale(1);	
    }
}

@-webkit-keyframes bounce {
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 

}

@keyframes bounce {
    0% {
		opacity:0;	
		transform: scale(0.3);
    }
	
    50% {
        opacity:1;
		transform: scale(1.05);
	}		
	
    70% {
		transform: scale(0.9);
    }	
	
    100% {
		transform: scale(1);
    }
} 



.img2 {
  border:0px solid #fff;
  
   /*transform animation*/
  -moz-animation-name: bounce;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 1s;

  -webkit-animation-name: bounce;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 1s;

  animation-name: bounce;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s; 
} 


.img2 a {
  font-weight: none;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #ffffff;
  text-decoration: none;
  display: block;
  margin: 0;
}


.partImage {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.40);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.40);
  box-shadow: 2px 2px 5px 1px rgba(0,0,0,.40); 		
}





.new {
  float:left;
  position:absolute;

background: #fefcea;
background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36));
background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%);
background: -o-linear-gradient(top, #fefcea 0%,#f1da36 100%);
background: -ms-linear-gradient(top, #fefcea 0%,#f1da36 100%);
background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 );
 
  border:0px solid #8D911D;
  bottom:36px;
  right:0px;
  font-size:8px;
  text-align:center;
  padding:3px 3px 3px 3px;
  
  z-index:100;
}




.even {
background: #cfdfdf;
padding:5px 5px 9000px 5px;
margin:0px 0px -9000px 3px;
}

.odd {
background: #e6e9e9;
padding:5px 5px 9000px 5px;
margin:0px 0px -9000px 3px;
}


.hline {
height:0; 
color:none; 
background:none; 
border:none; 
border-top:2px solid #AFAFAF; 
border-bottom:2px solid #FFFFFF; 
}


.vline {
width:0; 
color:none; 
background:none; 
border:none; 
border-left:1px solid #AFAFAF; 
border-right:1px solid #EFEFEF; 
}


.active{
z-index:99;
}






/*Colours*/
.red_grad {
position:relative;
background: rgb(255,26,0);
background: -moz-linear-gradient(left,  rgba(255,26,0,1) 0%, rgba(255,26,0,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,26,0,1)), color-stop(100%,rgba(255,26,0,1)));
background: -webkit-linear-gradient(left,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%);
background: -o-linear-gradient(left,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%);
background: linear-gradient(to right,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=1 );
}

.redbar {
  transform: scaleY(0);
  animation: redbar 2s ease forwards;
}

.no_redbar {
  transform: scaleY(1);
  animation: none;
}

@keyframes redbar {
    0% {
		transform: scaleY(0);
		transform-origin : 50% 100%;
    }
	
    50% {
		transform: scaleY(0);
		transform-origin : 50% 100%;
    }	
	
    100% {
		transform: scaleY(1);
		transform-origin : 50% 100%;
    }
}




.green_grad {
position:relative;
background: #bfd730;
background: -moz-linear-gradient(top,  #bfd730 0%, #bfd730 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd730), color-stop(100%,#bfd730));
background: -webkit-linear-gradient(top,  #bfd730 0%,#bfd730 100%);
background: -o-linear-gradient(top,  #bfd730 0%,#bfd730 100%);
background: -ms-linear-gradient(top,  #bfd730 0%,#bfd730 100%);
background: linear-gradient(to bottom,  #bfd730 0%,#bfd730 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd730', endColorstr='#bfd730',GradientType=0 );
}

.greenbar {
  transform: scaleY(0);
  animation: redbar 1.5s ease forwards;
}

.no_greenbar {
  transform: scaleY(1);
  animation: none;
}

@keyframes greenbar {
    0% {
		transform: scaleY(0);
		transform-origin : 50% 100%;
    }
	
    50% {
		transform: scaleY(0);
		transform-origin : 50% 100%;
    }	
	
    100% {
		transform: scaleY(1);
		transform-origin : 50% 100%;
    }
}



.circle {
float:left;	
position:relative;
width:15px;
height:15px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}


.greenCircle {	
border: solid 2px #a1b522;	
background: #bfd730;
background: -moz-linear-gradient(top,  #bfd730 0%, #bfd730 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd730), color-stop(100%,#bfd730));
background: -webkit-linear-gradient(top,  #bfd730 0%,#bfd730 100%);
background: -o-linear-gradient(top,  #bfd730 0%,#bfd730 100%);
background: -ms-linear-gradient(top,  #bfd730 0%,#bfd730 100%);
background: linear-gradient(to bottom,  #bfd730 0%,#bfd730 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd730', endColorstr='#bfd730',GradientType=0 );	
}


.amberCircle {	
border: solid 2px #e28009;	
background: #ffaf4b;
background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%);
background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%);
background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
}


.redCircle {	
border: solid 2px #bf2211;	
background: rgb(255,26,0);
background: -moz-linear-gradient(left,  rgba(255,26,0,1) 0%, rgba(255,26,0,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,26,0,1)), color-stop(100%,rgba(255,26,0,1)));
background: -webkit-linear-gradient(left,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%);
background: -o-linear-gradient(left,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%);
background: linear-gradient(to right,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=1 );
}


.greyCircle {	
border: solid 2px #bab8b8;	
background: #cecccc;
}

.transCircle {
border: solid 2px #006c85;		
}

.pipCircle {
border: solid 2px #006c85;	
background: #01b8eb;		
}