@charset "UTF-8";
html, body {
	font-family: "Arial" , "Verdana" , "sans-serif";
	font-size:15px;
	color:#000;
	background:#fff;
}

.ui-dialog-titlebar { display: none; }

.ui-widget-overlay { background-color: gray; opacity: .74; }

#name:focus { color: #000000; }

#xlyklt-xlyklt:focus { color: #000000; } 
button { cursor: pointer; }
.pdf{ margin: 0 5px 0px 0px; } 
input{cursor: pointer;}
#hide-top{display: none;}
.hide-bottom{}
#Screen1 .row .four.columns {
    width: 29%;
}
footer a{ margin:0 15px;}
/*      Header & Footer
----------------------------*/
header {background:#000;}
#title {background:#f1f1f1; border-bottom:1px solid silver; margin-bottom:25px; padding-top:25px;}
footer {background:#fff; border-top:1px solid InactiveCaption; padding-top:30px;}

.logo{float:left;width:280px;
	height:80px;
	margin-top:20px;
	float: left;
}

.share ul{list-style:none; padding-top: 1.0em;}
.share ul li{float:left; padding-left: 0.273em;}
.share span{
	font-size:13px;
	font-family:museo_100regular;
	display:block;
	color:#FF0000;
	margin-left:6px;
}
.share .tw,.share .ws,.share .in,.share .ro,.share .fb,.share .tw2,.share .img{
	width:26px;
	height:29px;
	float:left;
	background: url(../images/share.png);
	margin-left:3px
}
.share .tw{background-position: -1px 0;}
.share .ws{background-position: -32px 0;}
.share .in{background-position: -63px 0;}
.share .ro{background-position: -94px 0;}
.share .fb{background-position: -124px 0;} 
.share .tw2{background-position: -153px 0;} 
.share .img{background-position: -183px 0;}

.share span {
    color: #FF0000;
    display: block;
    font-family: museo_100regular;
    font-size: 13px;
    margin-left: 6px;
}

i {
    font-style: italic;
}
b{font-weight: bold;}
/*      Colours
----------------------------*/
.grey { background:#e7e7e7;}
.grey-one { background:#bababa;}
.grey-two { background:#999;}
.grey-three { background:#666;}
.blue { background:#0cf;}
.green { background:#6c3;}
.orange{ background:#f93;}
.red { background:#fe0404;}

/*     Random stuff
----------------------------*/
.box-padding {padding:20px;}
.box-padding-sliders {padding:10px 20px;}
.rounded {border-radius: 2px;}

.bottom-margin {margin-bottom: 10px;}
.row.bottom-margin {margin-bottom: 0px;}
.right-line {border-right:1px solid chocolate; padding-right:20px; margin-right:0px;}

.equi-link { color:#fff; background:url(../images/info.png) left center no-repeat; padding-left: 24px; margin-top:6px;}
.equi-link:hover { color:#000;}

/*    headings
----------------------------*/
.box-heading {font-family: 'museo_500regular'; color:#fff; font-size:24px;}
.smaller-bottom-margin { margin-bottom:10px!important;}

.page-heading {margin-bottom:10px;}

/*    Mailing List and take over
----------------------------*/
.ui-dialog-titlebar {
	display: none;
}
.ui-widget-overlay {
	background-color: black;
	opacity: .75;
}
#name:focus {
	color: #000000;
}
#xlyklt-xlyklt:focus {
	color: #000000;
}

#btnNo,
#btnYes {
    border: medium none;
    float: left;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 140px;
	
	border: 1px solid silver;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.subc .no {
	background: url("../images/no.jpg") no-repeat scroll 0 0 transparent; 
    margin-right: 30px;
}

.subc .yes {
	background: url("../images/yes.jpg") no-repeat scroll 0 0 transparent;
}

.subc input[type="text"] {
    border: 1px solid silver;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    color: #999999;
    font-family: 'museo_100regular';
    font-size: 20px;
    padding: 10px;
    margin: 10px 0;
    width: 100%;
	
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #DEDEDE));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);
}

/*     Social Share Box
----------------------------*/
.shares {font-family: 'museo_100regular';}
.shares li {

	background-repeat: no-repeat;
	background-position: left center;
	line-height:50px;
	padding-left: 56px;
}
.shares li a { color:#fff;}
.shares li a:hover { color:#000; text-decoration:none;}
.shares .facebook {	background-image: url(../images/facebook.png);}
.shares .linkedin {	background-image: url(../images/linkedin.png);}
.shares .twitter {	background-image: url(../images/twitter.png);}
/*    Newsletter
----------------------------*/
#GreenBoxText input{
    margin: 4px 0;
    width: 93%;
}

submit {background: #000;}
/*    links
----------------------------*/

.link1,
.link2,
.link3 {
    font-family: 'museo_100regular';
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    padding: 20px 0px 20px 0px;
    width: 100%; margin-top:20px; text-align:center; 
}
.link1:active, .link2:active, .link3:active
{
    position: relative;
    top: 1px;
}
  
.link1
{

    background-color: #FF0000;
    border: 0px solid #337fed;
    color: #ffffff;
    text-shadow: 0 3px 1px #cc0000;
	cursor:pointer;
}
.link1:hover
{
    background-color: #cc0000;
    text-decoration: none;
    color: #ffffff;
}
 

.link2
{
    -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    box-shadow: inset 0px 1px 0px 0px #97c4fe;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #FF0000) );
    background: -moz-linear-gradient( center top, #FF0000 5%, #FF0000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#FF0000');
    background-color: #FF0000;
    border: 1px solid #FF0000;
    color: #ffffff;
    text-shadow: 1px 1px 2px #1570cd; margin-top: 20px; 
}
.link2:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #FF0000) );
    background: -moz-linear-gradient( center top, #FF0000 5%, #FF0000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#FF0000');
    background-color: #1e62d0;
    text-decoration: none;
    color: #ffffff;
}
/*      boxes
----------------------------*/

.box .dl{
	float:left;
	height: 50px;
	margin-left:12px;
	margin: 13px 10px 0px;
	width: 50%;
}
.box .rdiv {
	float:left;
    margin: 12px 0 0 10px;
}
.box .rdiv label {

    font-family: museo_100regular;
    font-weight: 100;
}
.box .dl input[type="text"]{
	color: #000000;
	font-size:24px;
	padding:10px 0 10px 0;
	width: 90px;
	border:none;
	float:left;
    font-family: museo_100regular;
    font-weight: 100;
	background:none;
}
.label-wrap {

	background:#fff;
}
.box .dl label {
    color: #000000;
    float: left;
    font-size: 23px;
    font-family: museo_100regular;
    font-weight: 100;
    height: 50px;
    line-height: 27px;
    padding: 11px 3px 3px;
    width: 20px;
	margin:none;
}

.box-min-height { min-height:114px;}

.rdiv input[type="radio"]{display:none;}
.rdiv label{
	background:url("../images/radio2.png") no-repeat scroll 0 5px  transparent;
	color:#fff;
	font-size:16px;
	margin-left:5px;
	padding-left:20px;
	margin-bottom:1px;
}

.rdiv input[type="radio"]:checked +  label{background:url("../images/radio1.png") no-repeat scroll 2px 5px transparent}

.box .box-text { width:100%;}
.box .box-text span{font-size:12px;font-family:Arial;color:#fff; padding:10px 0px 12px 0px;}

/*      Grumby
----------------------------*/

/*  .column, .columns, .tiles > li {
	border: 1px solid #f4f4f4;
  }

*/
  .row {
    margin-bottom: 25px;
  }

  h1 {
    font-family:museo_100regular;
	font-weight:100;
    color: #000;
	font-size:48px;
  }

  h2  {
    font-family:museo_100regular;
	font-weight:500;
    color: #000;
	font-size:24px;
  }
  
  h3  {
    font-family:museo_100regular;
	font-weight:500;
    color: #000;
	font-size:24px;
  }
h4 {
    font-family:museo_500regular;
	font-weight:500;
    color: #000;
	font-size:24px;
	margin:14px 0;
}
  p {
    font-size: 14px;
    line-height: 24px;
    color: #000;

  }

  .head, .head:hover {
    box-shadow: none;
  }

  .head span {
    color: red;
  }

  .head span span {
    font-size: 32px;
    font-weight: bold !important;
  }

  a {
    color: #d04526;
  }

  a:hover {
    text-decoration:underline;
  }

  .special, .special:hover {
    background: transparent;
        border: none;
  }

  .special:hover p {
    color: #ffe400;
  }

 .container .main-graph {  height: 570px;}

/*			Screen visibility
--------------------------------------------------*/

#Screen2 {
	display: none;
			}
#Screen3 {
	display: none;
}

.hidden-field {
	height:0;
	border:0;
}