@charset "UTF-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:12px;
	line-height:14px;
	margin: 0 auto;
	color:#000000;
}
body.test{
	background:url(../images/test.gif);
}

*{
	margin:0;
	padding:0;
	border:0;
	outline:none;
	filter:inherit;
}
.clearme{
	clear:both;
	font-size:0;
	line-height:0;
}
body, html{
	height:100%;
}
a{

	text-decoration:none;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.btn, #tmtrigger {
    display: inline-block;
    position: relative;
    min-width: 245px;
    margin: 0 7px 5px;
    padding: 13px 20px;
    color: #FFF;
	font-family: 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
	background-color:#02786c;
	cursor:pointer;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.btn:hover, #tmtrigger:hover {
	background-color:#454444;
}
#headerwrap{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	background:url(../images/bgrep.jpg) repeat-x top;
}
#header{
	position:relative;
	margin:0px auto;
	width:800px;
	height:auto;
	padding:100px 20px 0 220px;
	background-color:white;
	background:url(../images/header.jpg) no-repeat top left;
}
#tmtrigger {
	margin:0;
}
#login_container{
	text-align:right;
	color:#fff;
	padding-bottom:90px;
}
#login_container a{
	background-color:#fff;
	padding:2px 5px;
	color:#02786c;
	margin-left:10px;
}

#refreshwrap{
	position:absolute;
	top:0;
	right:0;
	background:#068cfe url(../images/loading30_2.gif) no-repeat top left;
	width:40px;
	height:40px;
	background-position:5px 5px;
}
#refreshwrap a{
	width:40px;
	height:40px;
	display:block;
	background-color:#068cfe;
}
#refreshwrap a img{
	width:100%;
}
#globalcontrol .activestart .stausbuttons{
	background:  url(../images/flow.jpg) no-repeat top left;
	position:relative;
	top:0;
	left:0;
	height:300px;
}
.stausbuttons a{
    display: inline-block;
    position: relative;
    min-width: 245px;
    margin: 0 0px 5px;
    padding: 13px 20px;
    color: #FFF;
	font-family: 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
	background-color:#02786c;
	cursor:pointer;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.stausbuttons a:hover {
	background-color:#454444;
}
#globalcontrol .stausbuttons a{
    position: absolute;
	min-width:192px;
	width:192px;
	background-color:#262626;
}
#globalcontrol .stausbuttons a:hover {
	background-color:#454444;
}
#globalcontrol .stausbuttons a#goglobalstatus,#globalcontrol .stausbuttons a#goglobalfrising{
	background-color:#02786c;
}
#globalcontrol .stausbuttons a#goglobalstatus:hover,#globalcontrol .stausbuttons a#goglobalfrising:hover {
	background-color:#454444;
}
#sign1indiv .stausbuttons a,#sign2indiv .stausbuttons a,#sign3indiv .stausbuttons a,#sign4indiv .stausbuttons a,#sign5indiv .stausbuttons a{
	background-color:#9a9a9a;

}
#sign1indiv .stausbuttons a:hover,#sign2indiv .stausbuttons a:hover,#sign3indiv .stausbuttons a:hover,#sign4indiv .stausbuttons a:hover,#sign4indiv .stausbuttons a:hover{
	background-color:#454444;
}

#goglobalclosed{
	position:absolute;
	top:0;
	left:0;
}
#goglobalfrising{
	position:absolute;
	top:100px;
	left:0;
}
#goglobalfdropping{
	position:absolute;
	top:0;
	left:300px;
}
#goglobalopen{
	position:absolute;
	top:200px;
	left:0;
}
#goglobalstatus{
	position:absolute;
	top:0;
	left:600px;
}

#manualoff.btn{
	background-color:#fff;
	color:#666;
}
#manualoff.btn:hover{
	background-color:#d6d7d7;
}

input[type=text]{
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    padding: 5px 9px;
    background: #FFF;
    border: 1px solid #FFF;
    color: #522d59;
	font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
}
#wrapper{
	position:relative;
	margin:0px auto;
	width:1000px;
	height:auto;
	padding:0 20px;
	background-color:white;
}
#map{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:616px;
	background:url(../images/mapbg.jpg) no-repeat top left;

}
#testmessage, #manualmessage{
	position:relative;
	top:0;
	left:0;
	width:90%;
	height:auto;
	background-color:#068cfe;
	padding:5%;
	margin-top:20px;
	display:none;
	font-size:16px;
	line-height:19px;
}
#manualmessage span{
	font-size:20px;
	line-height:25px;
	margin-bottom:0px;
	display:block;
}
#currentinfo div#manualdirection{
	position:absolute;
	top:10px;
	right:5px;
	width:21px;
	height:30px;
	border:none;
}
#currentinfo div#autodirection{
	position:absolute;
	top:10px;
	right:5px;
	width:21px;
	height:30px;
	border:none;
}
#currentinfo div#manualdirection.rising,#currentinfo div#autodirection.rising{
	background:url(../images/rising.png) no-repeat top left;
}
#currentinfo div#manualdirection.falling,#currentinfo div#autodirection.falling{
	background:url(../images/falling.png) no-repeat top left;
}

#manualmessage input{
	width:300px;
	margin:20px 0;
	margin-left:20px;
}
#currentinfo{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	padding:5% 0;
	margin-top:20px;
	background-color:#cccccc;
	font-style: italic;
	font-weight:300;
	margin-bottom:20px;
}
#currentinfo div{
	border-right:1px solid #333;
	margin-left:10px;
}

#controlstate, #manualstate, #controlautostate, #controlreading, #controlvoltage{
	position:relative;
	top:0;
	left:0;
	width:135px;
	height:auto;
	font-size:13px;
	line-height:20px;
	float:left;
	padding-right:10px;
}
#controlautostate{
	width:155px;
}
#currentinfo div#controlvoltage{
	border-right:0;
}
#currentinfo p span{
	font-style: normal;
	font-weight:500;
	font-size:20px;
	line-height:25px;
}

#manualstate{
	display:none;
}
#sign1{
	position:absolute;
	top:129px;
	left:343px;
	width:83px;
	height:83px;
	background-color:green;
	font-size:0;
	line-height:0;
}
#sign2{
	position:absolute;
	top:117px;
	left:57px;
	width:83px;
	height:83px;
	background-color:green;
	font-size:0;
	line-height:0;
}
#sign3{
	position:absolute;
	top:170px;
	left:563px;
	width:83px;
	height:83px;
	background-color:green;
	font-size:0;
	line-height:0;
}
#sign4{
	position:absolute;
	top:395px;
	left:456px;
	width:83px;
	height:83px;
	background-color:green;
	font-size:0;
	line-height:0;
}
#sign5{
	position:absolute;
	top:165px;
	right:184px;
	width:92px;
	height:64px;
	background-color:green;
	font-size:0;
	line-height:0;
}
#sign6{
	position:absolute;
	top:406px;
	right:249px;
	width:92px;
	height:64px;
	background-color:grey;
}

#sign4indiv .indivstate,#sign3indiv .indivstate,#sign2indiv .indivstate,#sign1indiv .indivstate{
	width:400px;
	position:absolute;
	top:81px;
	right:31px;
}
#sign5indiv .indivstate{
	width:400px;
	position:absolute;
	top:81px;
	right:31px;
}
#sign5indiv .statusinfo,#sign4indiv .statusinfo,#sign3indiv .statusinfo,#sign2indiv .statusinfo,#sign1indiv .statusinfo{
	width:400px;
	position:relative;
	top:0;
	left:0;
	padding-left:40px;
}
#sign5indiv .statusinfo .stausbuttons,#sign4indiv .statusinfo .stausbuttons,#sign3indiv .statusinfo .stausbuttons,#sign2indiv .statusinfo .stausbuttons,#sign1indiv .statusinfo .stausbuttons{
	margin-top:20px;
}
#map .low, #map .medium{
	background:url(../images/open.jpg) no-repeat center;
	background-size:83px 83px;
}
#map .flood{
	background:url(../images/flood.jpg) no-repeat center;
	background-size:83px 83px;
}
#map .closed{
	background:url(../images/closed.jpg) no-repeat center;
	background-size:83px 83px;
}
#map #sign5.low, #map #sign5.medium,#map #sign6.low, #map #sign6.medium{
	background:url(../images/open2.jpg) no-repeat center;
	background-size:92px 64px;
}
#map #sign5.flood,#map #sign6.flood{
	background:url(../images/flood2.jpg) no-repeat center;
	background-size:92px 64px;
}
#map #sign5.closed,#map #sign6.closed{
	background:url(../images/closed2.jpg) no-repeat center;
	background-size:92px 64px;
}

#map .active{
	background:grey url(../images/loading30_2.gif) no-repeat center;
}
#globalcontrol h1, #autocontrol h1{
	font-size:30px;
	line-height:35px;
	font-weight:bold;
}
#sign1indiv .statusinfo h1,#sign2indiv .statusinfo h1,#sign3indiv .statusinfo h1,#sign4indiv .statusinfo h1,#sign5indiv .statusinfo h1{
	font-size:30px;
	line-height:35px;
	font-weight:bold;
}

#globalsign1stolen, #globalsign2stolen, #globalsign3stolen, #globalsign4stolen, #autosign1stolen, #autosign2stolen, #autosign3stolen, #autosign4stolen  {
	position:absolute;
	top:0px;
	left:100px;
	width:40px;
	height:28px;
	display:none;
	background-size:40px 28px;
}
#globalsign5stolen, #globalsign6stolen, #autosign5stolen, #autosign6stolen {
	position:absolute;
	top:0px;
	left:110px;
	width:40px;
	height:28px;
	display:none;
	background-size:40px 28px;
}
#globalsign1power, #globalsign2power, #globalsign3power, #globalsign4power, #autosign1power, #autosign2power, #autosign3power, #autosign4power{
	position:absolute;
	top:30px;
	left:100px;
	width:30px;
	height:30px;
	display:none;
	background-size:30px 30px;
}
#globalsign5power,#globalsign6power, #autosign5power,#autosign6power {
	position:absolute;
	top:30px;
	left:110px;
	width:30px;
	height:30px;
	display:none;
	background-size:30px 30px;
}
#sign1stolen{
	position:absolute;
	top:129px;
	left:438px;
	width:40px;
	height:28px;
	display:none;
	background-size:40px 28px;
}
#sign1power{
	position:absolute;
	top:169px;
	left:445px;
	width:30px;
	height:30px;
	display:none;
	background-size:30px 30px;
}
#sign2stolen{
	position:absolute;
	top:117px;
	left:155px;
	width:40px;
	height:28px;
	display:none;
	background-size:40px 28px;
}
#sign2power{
	position:absolute;
	top:157px;
	left:162px;
	width:30px;
	height:30px;
	display:none;
	background-size:30px 30px;
}
#sign3stolen{
	position:absolute;
	top:170px;
	left:661px;
	width:40px;
	height:28px;
	display:none;
	background-size:40px 28px;
}
#sign3power{
	position:absolute;
	top:210px;
	left:668px;
	width:30px;
	height:30px;
	display:none;
	background-size:30px 30px;
}
#sign4stolen{
	position:absolute;
	top:395px;
	left:554px;
	width:40px;
	height:28px;
	display:none;
	background-size:40px 28px;
}
#sign4power{
	position:absolute;
	top:435px;
	left:561px;
	width:30px;
	height:30px;
	display:none;
	background-size:30px 30px;
}
#sign5stolen{
	position:absolute;
	top:165px;
	right:127px;
	width:40px;
	height:28px;
	display:none;
	background-size:40px 28px;
}
#sign5power{
	position:absolute;
	top:205px;
	right:134px;
	width:30px;
	height:30px;
	display:none;
	background-size:30px 30px;
}
#sign6stolen{
	position:absolute;
	top:406px;
	right:193px;
	width:40px;
	height:28px;
	display:none;
	background-size:40px 28px;
}
#sign6power{
	position:absolute;
	top:446px;
	right:200px;
	width:30px;
	height:30px;
	display:none;
	background-size:30px 30px;
}

.powerlow{
	background:url(../images/powerlow.png) no-repeat top left;
	display:block !important;
}
.powerfail{
	background:url(../images/powerfail.png) no-repeat top left;
	display:block !important;
}
.stolen{
	display:block !important;
	background:url(../images/solarstolen.png) no-repeat top left;
}
#devconsole{
	position:relative;
	top:0;
	left:0;
	width:90%;
	height:auto;
	background-color:red;
	padding:5%;
	margin-top:20px;
}
.consolesign{
	position:relative;
	top:0;
	left:0;
	width:20%;
	float:left;
}
#variables{
	margin-top:30px;
}
.activestart, .activeprogress, .activecomplete, .activetimeout{
	margin-top:20px;
}
#sign1indivstate,#sign2indivstate,#sign3indivstate,#sign4indivstate{
	width:303px;
	height:303px;
	background-color:grey;
	margin-top:20px;
}
#sign5indivstate{
	width:341px;
	height:239px;
	background-color:black;
	margin-top:102px;
}
#sign1pin,#sign2pin,#sign31pin,#sign4pin,#sign5pin{
	margin:20px 0;
}
.progress{
	width:20px;
	height:20px;
	background:url(../images/loading.gif);
}

.activeprogress .progress{
	position:relative;
	top:15px;
	width:30px;
	height:30px;
	background:url(../images/loading30_2.gif) no-repeat top left;
}
#testmodeloading{
	position: absolute;
	top:15px;
	width:30px;
	height:30px;
	background:url(../images/loading30_2.gif) no-repeat top left;
	display:none;
}
#manualoffloading{
	position: absolute;
	top:150px;
	width:30px;
	height:30px;
	background:url(../images/loading30_2.gif) no-repeat top left;
	display:none;
}

#levelsloading{
	position: absolute;
	top:15px;
	width:30px;
	height:30px;
	background:url(../images/loading30_2.gif) no-repeat top left;
	display:none;
}

.indivstate .low,.indivstate .medium{
	background:url(../images/open.jpg) no-repeat center;
	background-size:303px 303px;
}
.indivstate .flood{
	background:url(../images/flood.jpg) no-repeat center;
	background-size:303px 303px;
}
.indivstate .closed{
	background:url(../images/closed.jpg) no-repeat center;
	background-size:303px 303px;
}
#sign5indiv .indivstate .low,#sign5indiv .indivstate .medium{
	background:url(../images/open2.jpg) no-repeat center;
	background-size:341px 239px;
}
#sign5indiv .indivstate .flood{
	background:url(../images/flood2.jpg) no-repeat center;
	background-size:341px 239px;
}
#sign5indiv .indivstate .closed{
	background:url(../images/closed2.jpg) no-repeat center;
	background-size:341px 239px;
}

.indivstate .active{
	background:grey url(../images/loading30_2.gif) no-repeat center !important;
}
#sign1indivstatestolen,#sign2indivstatestolen,#sign3indivstatestolen,#sign4indivstatestolen,#sign5indivstatestolen{
	width:80px;
	height:56px;
	position:absolute;
	top:400px;
	left:120px;
	background-size:80px 56px;
}
#sign1indivstatepower,#sign2indivstatepower,#sign3indivstatepower,#sign4indivstatepower,#sign5indivstatepower{
	width:60px;
	height:60px;
	position:absolute;
	top:400px;
	left:250px;
	background-size:60px 60px;
}
#sign1voltage,#sign2voltage,#sign3voltage,#sign4voltage,#sign5voltage{
	width:30px;
	height:30px;
	position:absolute;
	top:410px;
	left:0px;
	font-size:30px;
	line-height:35px;
	display: none;
}
#globallist, #autolist{
	position:absolute;
	top:472px;
	left:0;
	width:100%;
	height:auto;
}
#sign1global, #autosign1global{
	position:absolute;
	top:0px;
	left:42px;
}
#sign2global, #autosign2global{
	position:absolute;
	top:0px;
	left:198px;
}
#sign3global, #autosign3global{
	position:absolute;
	top:0px;
	left:354px;
}
#sign4global, #autosign4global{
	position:absolute;
	top:0px;
	left:510px;
}
#sign5global, #autosign5global{
	position:absolute;
	top:23px;
	left:661px;
}
#sign6global, #autosign6global{
	position:absolute;
	top:23px;
	left:817px;
}
.list{
	width:15%;
	float:left;
	position:relative;
	top:0;
	left:0;
}
.listtit{
	display:none;
}
.list .listloading{
	width:20px;
	height:20px;
	background:url(../images/loading30.gif) no-repeat top left;
	background-size: 20px 20px;
	display:none;
	position:absolute;
	top:-40px;
	left:27px;
}
#sign5global.list .listloading, #sign6global.list .listloading, #autosign5global.list .listloading, #autosign6global.list .listloading{
	position:absolute;
	top:-62px;
	left:37px;
}
.list .listmessage{
	position:absolute;
	top:-45px;
	left:-12px;
}
#sign5global.list .listmessage, #sign6global.list .listmessage, #autosign5global.list .listmessage, #autosign6global.list .listmessage{
	position:absolute;
	top:-67px;
	left:-9px;
}

.listimg div{
	position:relative;
	top:0px;
	right:0px;
	width:83px;
	height:83px;
	background-color:grey;
	text-indent:-999999px;
}
#sign6global .listimg div, #sign5global .listimg div, #autosign6global .listimg div, #autosign5global .listimg div{
	position:relative;
	top:0px;
	right:0px;
	width:92px;
	height:64px;
	background-color:black;
	text-indent:-999999px;
}

.listimg div.low{
	background:url(../images/open.jpg) no-repeat center;
	background-size:83px 83px;
}
.listimg div.medium{
	background:url(../images/open.jpg) no-repeat center;
	background-size:83px 83px;
}
.listimg div.flood{
	background:url(../images/flood.jpg) no-repeat center;
	background-size:83px 83px;
}
.listimg div.closed{
	background:url(../images/closed.jpg) no-repeat center;
	background-size:83px 83px;
}
.listimg div.active{
	background:url(../images/loading30.gif) no-repeat center;
}


#sign5global .listimg div.low, #sign6global .listimg div.low{
	background:url(../images/open2.jpg) no-repeat center;
	background-size:92px 64px;
}
#sign5global .listimg div.medium, #sign6global .listimg div.medium{
	background:url(../images/open2.jpg) no-repeat center;
	background-size:92px 64px;
}
#sign5global .listimg div.flood, #sign6global .listimg div.flood{
	background:url(../images/flood2.jpg) no-repeat center;
	background-size:92px 64px;
}
#sign5global .listimg div.closed, #sign6global .listimg div.closed{
	background:url(../images/closed2.jpg) no-repeat center;
	background-size:92px 64px;
}

.activeprogress,.activecomplete, .activetimeout{
	display:none;
}
.activecomplete input, .activetimeout input{
	width:300px;
	margin:15px 0;
}
#map a span.listloading{
	width:20px;
	height:20px;
	background:url(../images/loading30.gif) no-repeat top left;
	background-size: 20px 20px;
	display:none;
	position:absolute;
	bottom:-25px;
	left:50px;
}
.indivstate .listloading{
	width:20px;
	height:20px;
	background:url(../images/loading30.gif) no-repeat top left;
	background-size: 20px 20px;
	display:none;
}
#popups,#popups2{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	display:none;
	z-index:100;
}
#controlaccess .btn{
	margin:0;
}
.popup{
	background-color:#000000;
	width:500px;
	height:200px;
	padding:120px 80px 20px 20px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-160px;
	margin-left:-280px;
	color:#fff;
	font-size:20px;
	line-height:25px;
}
.popclose{
	width:35px;
	height:35px;
	position:absolute;
	top:20px;
	right:20px;
	background:transparent url(../images/close.png) no-repeat top left;
	text-indent:-999999px;
	cursor:pointer;
}
#accesscont{
	width:200px;
	margin:20px 0;
}
#controls{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	display:none;
}
#testcontrol{
	position:relative;
	top:0px;
	left:0px;
	background-color:#cccccc;
	padding:5% 5%;
}
#testcontrol input{
	width:300px;
	margin-left:20px;
	margin-bottom:20px;
}
#floodlevels{
	position:relative;
	top:0px;
	left:0px;
	background-color:#cccccc;
	padding:5% 5%;
	margin-top:20px;
}
#floodlevels p{
	margin-bottom:20px;
}
#levelpin{
	width:300px;
	margin-bottom:20px;
}
#floodlevels a.btn{
	margin:0;
}

#flpre,#flwarning,#flflood{
	width:100px;
	margin:0 20px;
}
#loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#333;
	color:#fff;
	z-index:5;
	text-align:center;
}
#loadinner{
	position:absolute;
	top:50%;
	left:50%;
	width:400px;
	height:150px;
	margin-top:-75px;
	margin-left:-200px;
}
.loader{
  height: 40px;
  width: 20%;
  text-align: center;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  margin-bottom:20px;
}
svg path,
svg rect{
  fill: #068cfe;
}
#launchauto{
	float:right;
	display:none;
}
#autolarge .statusinfo{
	min-height:240px;
	position:relative;
	top:0px;
	left:0;
}
#globallarge .statusinfo, #autolarge .statusinfo{
	min-height:240px;
	position:relative;
	top:0px;
	left:0;
	padding-left:40px;
	width:900px;
}
#globallarge .activationstart,#globallarge .activationsuccess,#globallarge .activationtimeout{
	width:300px;
	margin-bottom:20px;
	margin-left:20px;
}
p.missingsigns{
	margin-bottom:20px;
}
/********* Map bits ************/
#mapwrap{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:616px;
	background-color:#cfcfcf;
}
.mapup{
	position:absolute;
	top:0;
	left:0;
	width:960px;
	height:616px;
	display:none;
	color:#ffffff;
	padding:20px;
	background:url(../images/globalbg.jpg) no-repeat top left;
}
#sign1indiv.mapup,#sign2indiv.mapup,#sign3indiv.mapup,#sign4indiv.mapup{
	position:absolute;
	top:0;
	left:0;
	width:960px;
	height:616px;
	display:none;
	color:#ffffff;
	padding:20px;
	background:url(../images/indivbg.jpg) no-repeat top left;
}
#sign5indiv.mapup{
	position:absolute;
	top:0;
	left:0;
	width:960px;
	height:616px;
	display:none;
	color:#ffffff;
	padding:20px;
	background:url(../images/indivbg2.jpg) no-repeat top left;
}
/*
#sign1indiv,#sign2indiv,#sign3indiv,#sign4indiv,#sign5indiv{
	position:relative;
	top:0;
	left:0;
	width:200px;
	height:auto;
	font-size:12px;
	line-height:15px;
	float:left;
}
*/
a.closepopup{
	width:35px;
	height:35px;
	position:absolute;
	top:25px;
	right:40px;
	background:transparent url(../images/close.png) no-repeat top left;
	text-indent:-999999px;
	cursor:pointer;
}
#chartswrap{
	position:relative;
	top:0;
	left:0;
	width:1000px;
	height:400px;
	overflow:hidden;
}
#graphlinks{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	margin-top:20px;
	font-size:20px;
	line-height:25px;
}
#graphlinks p{
	margin-left:10px;
	margin-bottom:20px;
}

#myChart{
	position:absolute;
	top:0;
	left:0;
}
#myChart2{
	position:absolute;
	top:0;
	left:1500px;
}
#myChart3{
	position:absolute;
	top:0;
	left:3000px;
}
#loginwrap{
	position:absolute;
	top:50%;
	left:50%;
	width:400px;
	height:300px;
	padding:50px;
	margin-top:-200px;
	margin-left:-250px;
	background-color:#068cfe;
	color:#fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 10px 10px 85px 14px rgba(0,0,0,0.24);
	-moz-box-shadow: 10px 10px 85px 14px rgba(0,0,0,0.24);
	box-shadow: 10px 10px 85px 14px rgba(0,0,0,0.24);
}
#loginwrap input[type=text]{
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 90%;
    padding: 5px 9px;
    background: #FFF;
    border: 1px solid #FFF;
    color: #522d59;
	font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
	margin-bottom:20px;
}
#loginwrap input[type=password]{
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 90%;
    padding: 5px 9px;
    background: #FFF;
    border: 1px solid #FFF;
    color: #522d59;
	font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
	margin-bottom:20px;
}
#loginwrap label{
	margin-bottom:10px;
	display:block;
}
#loginwrap .btn {
    display: inline-block;
    position: relative;
    min-width: 245px;
    margin: 0;
    padding: 13px 20px;
    color: #FFF;
	font-family: 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
	background-color:#ffffff;
	cursor:pointer;
	color:#068cfe;
}
#loginwrap .btn:hover {
	background-color:#e4e4e4;
}
#forgot{
	color:#ffffff;
	margin-top:20px;
}
#forgotpassword{
	color:#ffffff;
}