@charset "utf-8";
/* CSS RESET */
html,body,div,span,button,input,applet,object,iframe,h1,h2,h3,h4,h5,h6,h7,h8,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}body{line-height:1;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0; resize:none; outline:none;}
/** Webfonts **/
@font-face { font-family: 'texgyreadventorRegular'; src: url('/fonts/texgyreadventor-regular-webfont.eot'); src: url('/fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('/fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),url('/fonts/texgyreadventor-regular-webfont.svg#/fonts/texgyreadventorRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'texgyreadventorItalic';    src: url('/fonts/texgyreadventor-italic-webfont.eot'); src: url('/fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('/fonts/texgyreadventor-italic-webfont.ttf') format('truetype'), url('/fonts/texgyreadventor-italic-webfont.svg#/fonts/texgyreadventorItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'texgyreadventorBold'; src: url('/fonts/texgyreadventor-bold-webfont.eot'); src: url('/fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/texgyreadventor-bold-webfont.woff') format('woff'),
		url('/fonts/texgyreadventor-bold-webfont.ttf') format('truetype'), url('/fonts/texgyreadventor-bold-webfont.svg#/fonts/texgyreadventorBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'texgyreadventorBoldItalic'; rc: url('/fonts/texgyreadventor-bolditalic-webfont.eot');  src: url('/fonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('texgyreadventor-bolditalic-webfont.ttf') format('truetype'), url('/fonts/texgyreadventor-bolditalic-webfont.svg#/fonts/texgyreadventorBoldItalic') format('svg'); font-weight: normal; font-style: normal; }
/** normalize **/
body { font:13px/1.231 sans-serif; *font-size:small; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body { background:#f1f1f1; }
body.login { background:url('/layout/images/body.jpg') repeat-x top left #d6d3d3; }

/** Assign the sprite to elements, helps in case of rename etc **/
#nav li, #search-box,#input-search,#input-search-go,.home-locations-top,.home-locations-bottom,.home-errors-top,.home-errors-bottom,.location-item,
.button-small,.full-box-top,.full-bottom,.button-close,#log-top,#log-bottom,.alert-item-top,.alert-item-bottom,.add-note-small,
.button-print,.button-add-note,.button-view,.login-error,#close-search,.button-small-view { background:url('/layout/images/site.png') no-repeat; }

.button-refresh { background: url('/layout/images/button-refresh.png') no-repeat; width: 102px; height: 31px; color:#fff; font-weight:bold; text-decoration:none; text-align:left; float: right; padding: 6px 10px; }
select[name=filter_date] { margin-top: -1px; margin-right: 10px; }

#login-box { background:url('/layout/images/login-box.png') no-repeat top left; width:458px; height:347px; padding:5px 0px 0px 0px; margin:12% auto; color:#8e8c8c; font-weight:bold; position:relative; }
#login-box a { color:#8e8c8c; }
#login-box fieldset { overflow:hidden; margin:25px 0px 0px 44px; }
#login-title { font:25px 'texgyreadventorBold','Arial'; padding:8px 0px 6px 20px; width:300px; margin:auto; position:relative; top:10px; background:url('/layout/images/icon-graph.png') no-repeat center left; color:#909090; text-align:center; }

#login-box input[type=text] { color:#8e8c8c; font-weight:bold; }
#username,#password { background:url('/layout/images/input-username.png') no-repeat; width:282px; padding:20px 15px 20px 67px; margin:0px 0px 20px 0px; }
#password { background:url('/layout/images/input-password.png') no-repeat; }
#login-button { background:url('/layout/images/input-signin.png') no-repeat; vertical-align:middle; display:block; text-decoration:none; font:25px/25px 'Arial'; font-weight:bold; padding:15px; width:366px; color:#fff; text-align:center; cursor:pointer; margin:0px 0px 20px 0px; }
#forgot-password { float:right; margin:0px 48px 0px 0px; }
#keep-login { position:relative; top:-1px; }

.login-error { width:184px; height:37px; position:absolute; top:0px; left:-76px; background-position:-728px -139px; color:#fff; text-align:center; padding:9px 0px 0px 0px; }
.login-error.email-error { top:50px; }
.login-error.password-error { top:127px; }

.container { width:966px; margin:auto; position:relative; }
.pagecontainer { width:966px; margin:auto; position:relative; }
#header { background:url('/layout/images/header.png') repeat-x; height:115px; position:relative; z-index:5; }
#logo { padding:36px 0px 0px 0px; height:75px; }
#company-name { font:25px 'Arial'; color:#fff; font-weight:bold; }
#company-name a { color:#fff; text-decoration:none; }
#strapline { color:#000; font-weight:bold; font-size:15px; line-height:5px; }

#nav { position:relative; z-index:1; top:-3px; }
#nav li { width:210px; float:left; height:55px; margin:0px 2px 0px 0px; background-position:0px -55px; font:17px/50px 'Arial'; font-weight:bold; }
#nav li:hover,#nav li.active { background-position:0px 0px; }
#nav li img { position:relative; top:2px; right:5px; }
#nav a { color:#fff; text-decoration:none; text-align:center; display:block; width:100%; height:100%; }

#search-holder { position:absolute; top:-3px; right:0px; z-index:55; }
#search-box { position:relative; background-position:-211px 0px; font:17px/50px 'Arial'; padding:0px 15px; width:300px; height:57px; color:#fff; font-weight:bold; display: none!important;}
#search-results { width:310px; color:#676767; font-size:12px; font-weight:bold; padding:10px; position:absolute; overflow:auto; display:none; top:47px; height:215px; background:url('/layout/images/search-results.png') repeat-y; }
#search-results .button-small-view { float:right; color:#fff; font-weight:bold; text-decoration:none; text-align:center; }
.search-result { width:100%; clear:both; margin:5px 0px; height:20px; }
#close-search { width:330px; height:47px; display:block; position:absolute; top:0px; left:0px; background-position:-630px -186px; display:none; }
#input-search { background-position:-211px -57px; width:107px; height:33px; color:#fff; font:12px/12px 'Arial'; padding:0px 10px; }
#input-search-go { background-position:-343px -58px; width:30px; height:31px; position:relative; top:1px; cursor:pointer; }

#content { clear:both; padding-top:30px; }
.home-mid { height:225px; }
.alert-mid { height:105px; }

.home-locations { width:656px; float:left; }
.home-locations-top { width:616px; height:29px; padding:8px 20px; background-position:0px -111px; }
.home-locations-bottom { height:7px; background-position:0px -158px; }


.location-item { width:567px; height:32px; padding:20px; background-position:0px -167px; margin:0px 0px 9px 0px; color:#676767; font:12px/16px 'Arial'; font-weight:bold; }

.new-home-locations { ;width:400px; float:right; }
.new-home-alerts { ;width:400px; float:right; }

.locationtitle { font:19px/19px 'Arial'; color:#8f8f8f; font-weight:bold; background-position:left center; height:25px; padding:8px 0px 0px 35px; width: 160px; }

#edit-profile .longer{ width: 560px!important}
.new-home-locations-top {  background:url('/layout/images/newhomeheader.png') no-repeat; height:29px; padding:8px 20px; background-position:0pp 0px; }
.new-home-alerts-top {  background:url('/layout/images/newhomeheader.png') no-repeat; height:29px; padding:8px 20px; background-position:0pp 0px; }
.home-locations-bottom { background:url('/layout/images/boxbottom.png') no-repeat;height:7px; }

.new-location-item { width:360px; height:28px; padding:4px; margin:0px 0px 0px 0px; color:#676767; font:12px/16px 'Arial'; font-weight:bold; }


.new-alert-item { width:360px; height:28px; padding:4px; margin:0px 0px 0px 0px; color:#cc0000; font:12px/16px 'Arial'; font-weight:bold; }


.location-item .button-small { float:right; }
.location-item span { color:#1a79b3; }

.home-errors { float:right; width:287px; }
.home-errors-top { width:261px; height:29px; padding:8px 13px; background-position:-373px -58px; }
.home-errors-bottom { height:7px; background-position:-373px -104px; }

.alert-item { width:234px; margin:0px 0px 10px 0px; }
.alert-item-top { background-position:-726px 0px; height:11px; }
.alert-item-mid { background:url('/layout/images/alert-middle.png') repeat-y; padding:5px 10px; font:12px/16px 'Arial'; font-weight:bold; color:#676767; }
.alert-item-mid span { color:#1a79b3; }
.alert-item-icon { float:left; margin:5px 10px 0px 0px; }
.alert-item-mid .button-small { margin:10px auto 0px; }
.alert-item-bottom { background-position:-726px -12px; height:9px; }

.full-box { width:957px; }
.full-box-top { background-position:0px -241px; padding:8px 0px 0px 15px; height:37px; position:relative; }
.full-box-close { position:absolute; top:-25px; right:-25px; }
.full-bottom { background-position:0px -288px; height:7px; margin-bottom:66px; }

#location-status { width:196px; height:466px; font-family:'Montserrat', sans-serif; color:#adadad; font-size:18px; line-height:17px; font-weight:bold; }
#system-service { width:192px; height:138px; padding:53px 0px 0px 0px; text-align:center;}
	#system-service.state_5{background:url('/layout/images/level-bar.jpg') no-repeat 0 0;}
	#system-service.state_4{background:url('/layout/images/level-bar.jpg') no-repeat -192px 0;}
	#system-service.state_3{background:url('/layout/images/level-bar.jpg') no-repeat -384px 0;}
	#system-service.state_2{background:url('/layout/images/level-bar.jpg') no-repeat -576px 0;}
	#system-service.state_1{background:url('/layout/images/level-bar.jpg') no-repeat -768px 0;}
.status-box { width:122px; height:75px; padding:18px 0px 0px 75px; margin:10px 0px 0px; text-align:center; }
.status-box span { color:#000; }
.status-good { background:url('/layout/images/status-box-good.jpg') no-repeat; }
.status-bad { background:url('/layout/images/status-box-bad.jpg') no-repeat; }

#location-activity { width:719px; float:right; }
#log-top { background-position:0px -297px; padding:8px 20px; height:32px; }
#log-top select, #log-top .selector { float:right; }
#log-mid { background:url('/layout/images/activity-log-mid.png') repeat-y; padding:14px 0 14px 14px; }
#log-inner{height:271px; overflow:auto;padding:0; width:696px;}
#log-bottom { background-position:0px -347px; height:14px; }

.log-item { width:654px; padding:15px 10px 7px; margin:0px 0px 6px 0px;  font-weight:bold;border: 1px solid #ccc; border-radius: 12px; }
.log-icon { float:left; position:relative; top:-2px; }
.log-date { margin:0px 15px; display:inline-block; float:left; }
.log-message { float:left; display:inline-block; width:303px;}
.log-buttons { float:right; display:inline-block; }

.add-note-small { background-position:0px -361px; width:689px; height:43px; padding:15px; clear:both; float:right; margin:10px 0px; color:#949494; font:14px/19px 'Arial'; font-weight:bold; }
.add-note-small a.button { float:right; margin:7px 0px 0px 10px; }

.middle.contact-page { color:#8f8f8f; font:14px/24px 'Arial'; font-weight:bold; padding:20px 25px; }
.middle.contact-page a { color:#8f8f8f; text-decoration:none; }

.contact-address { width:240px; padding:0px 10px 0px 0px; float:left; }
.contact-help { width:320px; padding:0px 10px 0px 0px; float:left; line-height:23px; }
.contact-title { color:#1d8bce; }

.contact-large { font-size:24px; }
.contact-small { font-size:12px; }

.add-note input[type=text],.add-note textarea { border:1px solid #d0d0d0; padding:5px; width:900px; margin:5px 0px; resize:none; outline:none; font:13px/13px 'Arial'; }
.add-note textarea { height:150px; }
.add-note label { font-weight:bold; font-size:14px; color:#8f8f8f; }

.add-note .error { background:#ef9f99; color:#fff; }

#footer { background:url('/layout/images/footer.jpg') repeat-x top left; width:100%; height:46px; position:fixed; bottom:0px; }
#footer ul { float:right; }
#footer li { float:left; margin:0px 20px; height:46px; font-size:12px; line-height:49px; }
#footer li a { color:#fff; font-weight:bold; text-decoration:none; display:block; width:100%; height:100%; }

/* Icons & Reusable */
.button-view { width:62px; height:24px; padding:7px 0px 0px 10px; color:#fff; text-decoration:none; display:block; background-position:-728px -106px; }
.button-add-note { background-position:-728px -54px; width:211px; height:51px; padding:0px 0px 0px 25px; display:block; text-align:left; color:#fff; font:18px 'Arial'; font-weight:bold; cursor:pointer; margin:7px 0 0 0;}
.button-small { width:117px; height:24px; padding:7px 0px 0px 0px; display:block; background-position:-543px 0px; color:#fff; text-decoration:none; text-align:center; font-size:14px; font-weight:bold; }
.button-smaller { margin-top: -6px;width:77px; height:28px; line-height: 28px; display:block; background: url('/layout/images/button-smaller2.png'); color:#fff; text-decoration:none; text-align:center; font-size:14px; font-weight:bold; float: right;}
.button-small-view { width:49px; height:16px; padding:3px 0px 0px 0px; font-size:11px; background-position:-801px -106px; }
.button-close { width:64px; height:64px; background-position:-661px 0px; }
.button-print { width:157px; height:23px; padding:7px 0px 0px 10px; background-position:-728px -22px; display:block; color:#fff; text-decoration:none; font-size:14px; font-weight:bold; }
.middle { padding:15px 15px 15px 10px; border-left:1px solid #c6c3c3; border-right:1px solid #c6c3c3; background:#fff; overflow:auto; }
.icon-activity-log { background:url('/layout/images/icon-activity-log.png') no-repeat; }
.icon-people-grey { background:url('/layout/images/icon-people-grey.png') no-repeat; }
.icon-signal { background:url('/layout/images/icon-signal.png') no-repeat; }
.icon-house { background:url('/layout/images/icon-house.png') no-repeat; }
.icon-alert { background:url('/layout/images/icon-alert.png') no-repeat; }
.icon-contact-grey { background:url('/layout/images/icon-contact-grey.png') no-repeat; }

.overlay { background:url('/layout/images/overlay-bg.png') repeat; width:100%; height:100%; position:fixed; z-index:50; }
.view-note-window { width:719px; height:297px; background:url('/layout/images/view-note-bg.png') no-repeat; position:fixed; top:22%; left:27%; z-index:55; }
.view-note-window .title { height:30px; margin:9px 0px 0px 0px; }
.view-note-window .note-content { padding:15px 30px; color:#726d6d; font-size:13px; line-height:16px; }

.title { font:19px/19px 'Arial'; color:#8f8f8f; font-weight:bold; background-position:left center; height:25px; padding:8px 0px 0px 35px; }
.red { color:#cc0000; }
.orange { color:#ff8a00; }
.green { color:#7fa82f; }
.blue { color:#1d8bce; }

/* Jordans additions; put these where appropriate - separate for now to highlight any issues I may accidently cause */
.row .third{width:33%;float:left;}
	.row .third input.small{width:250px}
.cb{clear:both;}
#edit-profile{padding:20px;}
	#edit-profile .row{width:100%;padding:10px 0;clear:both;}
	#edit-profile .half{min-height:1px;width:457px;float:left;}
	#edit-profile label{display:block;color:#8f8f8f;font-weight:bold;}
	#edit-profile .text{border:1px solid #d0d0d0;width:400px;padding:0 10px;line-height:26px;height:26px;margin:3px 0;}
		#edit-profile .text.disabled{background:url('/layout/images/locked-input.png') no-repeat top right #d0d0d0;}
#upload-profile-overlay{width:275px;height:28px;background:url('/layout/images/file-input-bg.png') no-repeat top left;float:left;margin:3px 0;}
#profile-image{width:111px;height:111px;border:1px solid #d0d0d0;float:left;}
#upload-profile-image{float:left;margin:66px 0 0 34px;}

.errors {
	background: #c00;
	padding: 20px;
	text-align: center;	
	margin: 0 0 20px 0;
	color: white;
	width: 567px;
}
#admin-sidebar {
	width: 206px;
    height: 466px;
    font: 12px/16px 'Arial';
    color: #676767;
    margin-right: 20px;
    display: inline-block; 
    vertical-align: top;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 20px;
    font-weight: bold;
}
#admin-sidebar span.light {
	color: #adadad;
	font-weight: normal;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    display: inline-block;
    cursor: pointer; /* "hand" cursor */
    float: right;
    padding: 13px 28px;
    border-radius: 10px;
    border: 1px solid #cc0000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,e50000+100 */
background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(top, #e50000 0%, #cc0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e50000 0%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e50000 0%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}
.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}