/*-------------------------------------------------------------------------------------------------------------------
	=General
--------------------------------------------------------------------------------------------------------------------*/
.content-wrap {padding:20px 0;position:relative;min-height:600px;width:1200px;margin:0 auto}
.lightbox .content-wrap {width:auto;min-height:1px;padding:0}
table {font-family:'Didact Gothic', sans-serif}


/*-------------------------------------------------------------------------------------------------------------------
	=Headings	
--------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {color:#1e1c1c;font:normal normal 'Didact Gothic', sans-serif}
h1 {font-family:'Didact Gothic', sans-serif;font-size:4em;line-height:1.3;margin-bottom: 0.5em}
h2 {color:#1c1919;font-family:Helvetica, sans-serif;font-size:2.4em;margin-bottom:20px}
h3 {color:#1f3a7c;font-size:1.8em;line-height:1.2;margin:0 0 3px 5px}
h4 {color:#1f3a7c;font-size:1.6em;line-height:1.3em;margin-bottom:1em}
h5 {color:#1f3a7c;font-size:1.4em;line-height:1.3;margin-bottom:1em}
h6 {color:#1f3a7c;font-size:1.2em;line-height:1.5;margin-bottom:1em}
#subheader h3 {color:#1f3a7c;float:right;font:italic 2.1em/1.2 Arial, sans-serif;margin:0}
.doc-centre h3, .service-centre h3, .content-wrap .figure h3 {background:#1f3b7b url('../images/bg_module_hdr.png') repeat-x left top;color:#fff;margin:0;padding:6px 20px 8px 15px;text-align:left;text-shadow:-1px -1px 0 #4f6bab;border-top-left-radius:6px;border-top-right-radius:6px}
.content-wrap h2, .search-results h3 {color:#8cbf26;margin-bottom:4px;padding-bottom:8px}
.search-results h3 {border-bottom:1px solid #f0f0f0;margin-top:10px;margin-bottom:0}


/*-------------------------------------------------------------------------------------------------------------------
	=Header		
--------------------------------------------------------------------------------------------------------------------*/
#header {background-color:rgb(255,255,255); /* #fff */border-bottom:5px solid #8cbf26;height:100px;overflow:hidden;width:100%;width:1262px;margin:0 auto}
#header img.logo {float:left;margin:12px 0 0 30px;position:relative;height: 80px;}
#header img.logo-icontrol {float:right;height:55px;margin:30px 30px 0 0;position:relative;width:190px}
#header img.logo-vision {float:right;margin:20px 0 0 0;position:relative; height: 65px}
#header img.logo-vision-christmas {float:right;margin:23px 30px 0 0;position:relative;}
#header ul#status {float:left;margin-top:46px;padding-left: 80px; display:none}
#header ul#status li {display:inline;font-family:Arial, Sans-Serif;font-size:1.1em;font-weight:bold}
#header ul#status li.welcome {color:#333;display:block;font-weight:normal;margin-bottom:7px}
#header ul#status li.logout a {color:#ed8f3a}


/*-------------------------------------------------------------------------------------------------------------------
	=Subheader		
--------------------------------------------------------------------------------------------------------------------*/
#subheader {background:white;border-bottom:1px solid #dbdbdb;clear:both;overflow:hidden;padding:10px 30px}
#subheader p.welcome {color:#000;font-size:1.4em;margin:0}
#subheader p.welcome b {color:#eb8f33}


/*-------------------------------------------------------------------------------------------------------------------
	=Nav		
--------------------------------------------------------------------------------------------------------------------*/
.nav-container {float:left;width:192px}
#nav {background-color:#a29d9e;border:1px solid #dddcdd;display:block;list-style:none;float:left;overflow:hidden}
#nav li {width:192px}
#nav li a {border-bottom:1px solid #dddcdd;color:#000;display:block;font:normal 1.3em 'Didact Gothic', sans-serif;overflow:hidden;padding:10px 14px 12px 14px;position:relative;text-decoration:none}
#nav li a img {background:#f88e1e;float:right;padding:5px;position:absolute;right:10px;top:9px;-webkit-border-radius:35px;-moz-border-radius: 35px;border-radius:35px}
#nav li a:hover {background:#c3bebf;/*color: #e98f33;*/text-decoration:none}
#nav li a.active {background:#565254;border-bottom:1px solid #dddcdd;color:#e98f33;display:block;font-size:1.5em;padding:10px 14px 12px 14px;text-decoration:none}

/* Sub Navigation */
ul.subNav {background:#fff;display:block;margin-left:-15px}
#nav .subNav li {padding-left:15px}
#nav .subNav li a {background:#fff;color:#000;font-weight:400;padding:10px 14px 12px 14px}
#nav .subNav li a.sub-active {background:#fafafa;color:#e98f33}
#nav .subNav li a:hover {background:#fafafa;color:#e98f33}

/* Log a Support Call - button */
.nav-container a.call {background:#1f3b7b url('../images/bg_call_button.png') repeat-x left top;border:1px solid #dddcdd;border-top:none;clear:both;color:#eb8f33;display:block;font:bold 1.5em 'Didact Gothic', sans-serif;padding:7px 14px 12px 14px;text-shadow:-1px -1px 0 #1f3b7b;width:164px;-webkit-border-bottom-right-radius:25px;-moz-border-bottom-right-radius:25px;border-bottom-right-radius:25px}
.nav-container a.call:hover {background:#1f3b7b url('../images/bg_call_button_hover.png') repeat-x left top;text-decoration:none}


/*-------------------------------------------------------------------------------------------------------------------
	=Alerts
--------------------------------------------------------------------------------------------------------------------*/
.alerts {background:#ddd;margin:20px 0 0 0;padding:12px 16px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.alerts h2 {font-size:1.2em;font-weight:bold;margin:0 0 12px;padding:0 0 6px 0;border-bottom:1px solid #A4ABBE}
.alerts .alert {position:relative;list-style-position:inside;margin: 0 0 8px;padding:0 0 8px 0;border-bottom: 1px solid #A4ABBE}
.alerts .alert h3 {font-size:1.2em;margin:0;padding:0;width:135px;color:#000;clear:both}
.alerts .alert h3 span {display:block;font-size:4em;vertical-align:top;line-height:40px;float:left;margin:0 10px 0 0;width:55px;text-align:center}
.alerts .alert.high h3 span {color:#EF4135}
.alerts .alert.medium h3 span {color:#F78E1E}
.alerts .alert.low h3 span {color:#009E00}
.alerts .alert a {position:absolute;display:block;top:14px;right:0;text-indent:-999em;border:none;cursor:pointer;width:17px;height:17px}
.alerts .alert a.view {background:url(../images/arrow_blue_forward.png) no-repeat}


/*-------------------------------------------------------------------------------------------------------------------
	=Dashboard
--------------------------------------------------------------------------------------------------------------------*/
.dashboard .stats {width:545px;float:left}
.dashboard .stats h1 {background:#F88E1E;color:#000;text-align:center;font-size:2.6em;font-family:Helvetica,Arial,sans-serif;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.dashboard .stats .box {width:252px;float:left;margin:0 16px 0 0;padding:5px;border:1px solid #dddcdd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.dashboard .stats .box:nth-child(odd) {margin:0}
.dashboard .stats .box table {width:100%}
.dashboard .stats .box tr {padding: 4px}
.dashboard .stats .box td {background:#fff;color:#4d4d4d;font:normal 1.4em sans-serif;line-height:1.6em;padding: 1px 5px 3px 8px;text-align:center}
.dashboard .stats .box th {border-right:5px solid #fff;color:#333;font:normal 1.4em sans-serif;padding:4px 5px 6px 8px;text-align:left;width:85%}
.dashboard .stats .box tr:nth-child(odd) td, .dashboard .stats .box tr:nth-child(odd) th {background: url("../images/bg_table_head.png") repeat-x scroll left -5px #ECECEC}
.dashboard .productlogos {width:407px;float:left;margin:0 0 0 15px;padding:10px;border:1px solid #dddcdd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.dashboard .productlogos .stack1 {margin:40px auto;width:175px}
.dashboard .productlogos .stack2 {}


/*-------------------------------------------------------------------------------------------------------------------
	=Sidebar
--------------------------------------------------------------------------------------------------------------------*/
#sidebar {float:right;position:relative;width:333px}
.doc-centre, .service-centre {background:white;border:1px solid #1f3b7b;margin-bottom:30px;-webkit-border-top-right-radius:6px;-webkit-border-top-left-radius:6px;-moz-border-top-right-radius:6px;-moz-border-top-left-radius:6px;border-top-right-radius:6px;border-top-left-radius:6px}
.doc-centre li {border-bottom: 1px solid #1f3a7c;padding: 6px 14px 10px 14px}
.doc-centre li:last-child {border-bottom: none}
.doc-centre li span {color:#666;display:block;font-size:1.4em}
.doc-centre li h4 {font-size:1.4em;font-weight:bold;color:#000;margin:0;padding:0}
.doc-centre li.doc {background: url('../images/icon_pdf.png') no-repeat 95% center}
.doc-centre li.doc h4 {margin: 0 40px 0 0}
.doc-centre li.doc p {margin:0;font-size:1.6em}
.doc-centre li.doc a {color:#666;display:block;font-size:1.6em;margin:0 40px 0 0;padding:5px 0;width:100%}
.doc-centre li.images {background:url('../images/icon_images.png') no-repeat 95% center}


/*-------------------------------------------------------------------------------------------------------------------
	=Calendar		
--------------------------------------------------------------------------------------------------------------------*/
.calendar-container {overflow:hidden}
.calendar {background:#d8d8d8;height:280px;margin:20px 20px 15px 20px}
ul.calendar-key {margin:0 20px}
ul.calendar-key li {color:#000;float:left;font-size:1em;padding-bottom:6px;width:145px}
ul.calendar-key li span {border:1px solid #aaa8a9;display:block;float:left;height:15px;margin-right:5px;width:25px;margin:-5px 5px 5px 0}
ul.calendar-key li span.emergency {background:#ff7f7f}
ul.calendar-key li span.one-off {background:#ffff7f}
ul.calendar-key li span.planned-service {background:#7fce7f}
ul.calendar-key li span.planned-project {background:#7f7fff}


/*-------------------------------------------------------------------------------------------------------------------
	=Service Status - Assets table		
--------------------------------------------------------------------------------------------------------------------*/
table.service-status, table.expiry {clear:both;font:normal 1.4em Arial, sans-serif}
table.service-status {border-bottom:1px solid #1f3b7b;clear:both;font:normal 1.4em Arial, sans-serif;margin:14px 20px 0 20px;width:291px}
table.expiry {margin:0;width:331px}
table.expiry th {font-size:0.9em}
.service-status th, .expiry th {background:#1f3b7b url('../images/bg_thead_status.png') repeat-x left top;border:1px solid #1f3b7b;color:#fff;font-weight:normal;font-size:0.9em;-webkit-border-top-right-radius:6px;-webkit-border-top-left-radius:6px;-moz-border-top-right-radius:6px;-moz-border-top-left-radius:6px;border-top-right-radius:6px;border-top-left-radius:6px}
.service-status th.last-serviced {background:#000 url('../images/bg_thead_lastservice.png') repeat-x left top}
.service-status th, .service-status td, .expiry th, .expiry td {padding:5px;text-align:center}
.service-status td, .expiry td {border-left:1px solid #1f3b7b}
.equipment-details tr:nth-child(odd) td, .equipment-details tr:nth-child(odd) th {background:#ECECEC url('../images/bg_table_head.png') repeat-x left -5px}
.service-status td:last-child {border-right:1px solid #1f3b7b}
.expiry td:first-child {border-left:none}


/*-------------------------------------------------------------------------------------------------------------------
	=Main Content		
--------------------------------------------------------------------------------------------------------------------*/
.content-main, .content-main-full, .notifications {background:#fff;margin:0 352px 0 211px;padding-top:0;position:relative}
.ui-dialog .content-main, .ui-dialog .content-main-full {margin:0}
.content-main-full, .notifications {margin-right:0}


/*-------------------------------------------------------------------------------------------------------------------
	=Forms 		
--------------------------------------------------------------------------------------------------------------------*/
form {margin:0;overflow:hidden;}
fieldset {margin-bottom:14px}
fieldset:last-child {margin:0}
label {color:#333;font-family:sans-serif;font-size:1.2em;line-height:1.4}
input, select, textarea {background:#fff;border:1px solid #bbbbbb;color:#333;font-size:1.2em;margin:0;padding:3px}
input[type="text"] {padding:4px;width:140px}
input[type="text"]:focus, textarea:focus {background-color:#fff;border:1px solid #00519c;-webkit-box-shadow:0 0 4px #00519c;-moz-box-shadow:0 0 4px #00519c;box-shadow:0 0 4px #00519c}
input[type=text]:focus, input[type=password]:focus {outline:0 none}
input#button::-moz-focus-inner, input#login-button::-moz-focus-inner {border:0;padding:0;}


/*-------------------------------------------------------------------------------------------------------------------
	=Login 		
--------------------------------------------------------------------------------------------------------------------*/
.login-container {background:url('../images/bg_login.png') repeat-x left bottom;border:1px solid #afafaf;margin:0 auto;padding:2em;padding-bottom:1em;width:430px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 4px #d5d5d5;-moz-box-shadow:0 0 4px #d5d5d5;box-shadow:0 0 4px #d5d5d5}
.login-container h2 {font-family:'Didact Gothic', sans-serif}
.login-container .fields {float:left;width:300px}
.login-container .actions {float:left;width:100px;margin:0 0 0 12px;padding:0}  
.login-container .actions  {cursor:pointer;font-size:1.6em;font-weight:bold;padding:22px;width:auto;margin-right:0;text-transform:uppercase;-webkit-box-shadow:0 0 3px #dedede;-moz-box-shadow:0 0 3px #dedede;box-shadow7:0 0 3px #dedede}
.login-container .fieldContainer {margin:0 0 12px 0}
.login-container .fieldContainer .fieldItem {margin:6px 0 0 0}
.login-container .fieldContainer .fieldItem label {display:inline-block;color:#262626;font-size:1.2em;margin:5px 18px 0 0;text-align:right;width:70px}
.login-container .fieldContainer .fieldItem input {display:inline-block;width:180px}
.login-container .fieldContainer .fieldItem input.go {display:inline-block;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:190px}
.login-container p {color:#333;font-size:1.1em}
.login-container p a {display:inline-block;margin-top:1em}

#login-button {
    cursor: pointer;
    padding: 20px;
    border: 1px solid rgba(49,66,14,1);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font: normal 16px/normal "Helvetica", Times, serif;
    font-weight: bold;
    color: rgba(255,255,255,0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #8cbf26;
    -webkit-box-shadow: 3px 3px 2px 0 rgba(255,255,255,0.69) inset, -3px -3px 4px 0 rgba(0,0,0,0.69) inset;
    box-shadow: 3px 3px 2px 0 rgba(255,255,255,0.69) inset, -3px -3px 4px 0 rgba(0,0,0,0.69) inset;
    height: 65px;
    width: 70px;
}

    #login-button:hover {
        background: #93c62d;
        -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.69) inset, -2px -2px 3px 0 rgba(255,255,255,0.69) inset;
        box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.69) inset, -2px -2px 6px 0 rgba(255,255,255,0.69) inset;
    }


/*-------------------------------------------------------------------------------------------------------------------
	=General Forms 		
--------------------------------------------------------------------------------------------------------------------*/
.fieldContainer { margin:0;padding:0}
.fieldContainer .fieldItem { margin:0 0 12px;padding:0}
.fieldContainer .fieldItem label {display:block;color:#262626;font-size:1.2em;margin:0 18px 3px 0}
.fieldContainer .fieldItem input {display:block;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:190px}
.fieldContainer .fieldItem textarea {width:278px;height:73px}
.fieldContainer .fieldItem input.go {width:190px}
.ui-dialog .fieldContainer { margin:0 }


/*-------------------------------------------------------------------------------------------------------------------
	=Search
--------------------------------------------------------------------------------------------------------------------*/
.search {border-bottom:1px solid #1F3A7C;margin:0 0 12px 0}
#search {margin:0 0 10px}
#search .group {margin:0 0 4px 0}
#search .field {margin-right:5px;display:inline-block;vertical-align:middle}
#search .filters .reset {float:right;text-align:right}
#search .filters .reset a {font-weight:bold;padding:5px 24px;text-transform:uppercase;vertical-align:top}
#search .filters .search { margin: 0 0 0 10px;border:none}
#search .terms .field {width:280px}
#search .terms .field {margin:0 4px 0 0}

form#search select {width:135px}
form#search input[type="text"] {width:130px}
form#search div.field.date-range {width:320px}
form#search div.field.date-period {width:180px}
form#search input#DateFrom,form#search input#DateTo,form#search input#Period {width:100px}
form#search input.button {font-weight:bold;padding:3px 24px 4px;margin:0 0 0 8px;text-transform:uppercase;vertical-align:top}


/*-------------------------------------------------------------------------------------------------------------------
	=Equipment Image
--------------------------------------------------------------------------------------------------------------------*/
.figure {background:#f1f1f1;border:1px solid #1f3b7b;float:right;text-align:center;width:260px;margin:0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;min-height:297px}
.figure h3 span a {font-size:0.6em;color:#fff;float:right;margin:6px 0 0 0}
.figure img {margin:10px}
.figure p.fig-caption {font-size:1.1em;margin-bottom:10px}
.search-results {margin-top:20px}
.first-results b.back, .search-results b.back {background:url('../images/arrow_back.png') no-repeat left center;float:right;font-size:1.1em;font-weight:normal;padding:5px 0 5px 22px}
.results {margin:0 auto;padding:10px;text-align:center}
.results fieldset {border-bottom:1px solid #e1e1e1;font-size:1.3em;margin:0 auto;margin-bottom:0;padding:7px 0}
.results fieldset p.label {clear:left;color:#242424;float:left;font-size:1.1em;line-height:1.4;margin:0;margin-right:10px;text-align:right;width:50%}
.results fieldset p.data {color:#666;display:block;font-size:1.1em;line-height:1.4;margin:0;overflow:hidden;text-align:left}


/*-------------------------------------------------------------------------------------------------------------------
	=Buttons
--------------------------------------------------------------------------------------------------------------------*/
.button {cursor:pointer;display:inline-block;font-size:1.3em;outline:none;margin-right:1em;padding:3px 24px 4px 24px;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .3);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .3);box-shadow:0 1px 2px rgba(0, 0, 0, .3);-webkit-transition:all 1.2s linear;-moz-transition:all 1.2s linear;transition:all 1.2s linear}
.btn-grey::-moz-focus-inner,.btn-blue::-moz-focus-inner,.btn-white::-moz-focus-inner{border:0;/* Removes extra padding in FF */}

/* Grey button */
.btn-grey {background-color:#bfc5c7;background:#bfc5c7 url('../images/btn_grey.png') repeat-x left top;border:solid 1px #8f8f8f;color:#333;text-shadow:1px 1px 0px #e1e1e1}
.btn-grey:hover, .btn-grey:focus {background-color:#d5dbde;background:#d5dbde url('../images/btn_grey_hover.png') repeat-x left top;border:solid 1px #a8a8a8}

/* Blue button */
.btn-blue {background-color:#1f3a7c;background:#1f3a7c url('../images/btn_blue.png') repeat-x left top;border:solid 1px #0b1836;color:#ececec;text-shadow:-1px -1px 0px #0e1c3f}
.btn-blue:hover, .btn-blue:focus {background-color:#274aa1;background:#274aa1 url('../images/btn_blue_hover.png') repeat-x left top;border:solid 1px #162b5e}

/* green button */
.btn-green {background-color:#6d951d;background:#6d951d url('../images/btn_blue.png') repeat-x left top;border:solid 1px #0b1836;color:#ececec;text-shadow:-1px -1px 0px #0e1c3f}
.btn-green:hover, .btn-green:focus {background-color:#8cbf26;background:#8cbf26 url('../images/btn_blue_hover.png') repeat-x left top;border:solid 1px #8cbf26}

/* White button */
.btn-white {background-color:#fff;background:#fff url('../images/btn_white.png') repeat-x left bottom;border: solid 1px #929292;color:#1d1d1d;font-size:1.4em;padding:8px 20px;text-shadow:1px 1px 0 #fff;-webkit-border-radius: 4px;-moz-border-radius:4px;border-radius:4px}
.btn-white:hover, .btn-white:focus {background-color:#fff;background: #fff url('../images/btn_white_hover.png') repeat-x left top;border:1px solid #aeaeae;text-decoration:none;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2);box-shadow: 0 0 2px rgba(0, 0, 0, .2)}

.notes .btn-white {font-size:1.2em;padding:6px 14px}
ul.buttons-assets {margin:20px 20px 10px 20px}
.buttons-assets .btn-white {margin-bottom:10px;width:248px}
.equipment-details .btn-white {font-size: 0.8em;padding:0 12px}
#search .btn-white {font-size:1.2em;padding:5px 12px}


/*-------------------------------------------------------------------------------------------------------------------
	=Notes
--------------------------------------------------------------------------------------------------------------------*/
.notes-container {margin-left:20px;width:350px}
.notes {border:1px solid #dddcdd;margin-top:6px;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.notes a.clear {color:#d72300;float:right;font-size:1.1em}
.notes span.meta {color:#333;font-size:1.1em}
form#notes {margin-top:10px;padding:0;width:100%}
form#notes fieldset textarea {width:97.75%}
form#notes fieldset.submit-note {float:right;margin:0;padding-bottom:2px;width:98px}
form#notes .btn-white {margin:0}


/*-------------------------------------------------------------------------------------------------------------------
	=Serviceable Components
--------------------------------------------------------------------------------------------------------------------*/
.serviceable-components-container {float:left;width:310px;margin:0 17px 0 0}
.serviceable-components-container table {border:1px solid #dddcdd;margin-bottom:20px;padding:5px;width:100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.serviceable-components-container tr {padding:4px}
.serviceable-components-container th {border-right:5px solid #FFFFFF;color:#333333;font:1.4em sans-serif;padding:4px 5px 6px 8px;text-align:left;width:50%}
.serviceable-components-container td {background:none repeat scroll 0 0 #FFFFFF;color:#4D4D4D;font:1.4em/1.6em sans-serif;padding:1px 5px 3px 8px}
.serviceable-components-container tr:nth-child(odd) td, .serviceable-components-container tr:nth-child(odd) th {background:#ECECEC url('../images/bg_table_head.png') repeat-x left -5px}
.serviceable-components-container .nocomponent { line-height: 120%; font:1.4em/1.6em sans-serif;}

/*-------------------------------------------------------------------------------------------------------------------
	=General Notes
--------------------------------------------------------------------------------------------------------------------*/
.general-notes-container {float:left;width:310px}
.general-notes-container .latest-note {border:1px solid #dddcdd;margin-bottom:20px;padding:5px;font:1.4em/1.6em sans-serif;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.general-notes-container .create-note {border:1px solid #dddcdd;margin-bottom:20px;padding:5px;font:1.4em/1.6em sans-serif;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.general-notes-container .latest-note .header {width:100%}
.general-notes-container .latest-note .header .actions {float:right}
.general-notes-container .latest-note .header .actions .button {margin:0;line-height:160%;vertical-align:top}
.general-notes-container .latest-note .header .date-author {font-size:0.8em;margin:0 0 0 3px}
.general-notes-container .latest-note .note {background:#efefef;border:1px solid #A49E9F;height:160px;padding:5px;overflow-y:auto;line-height:120%}
.general-notes-container .latest-note .nonotes {line-height:120%}
.general-notes-container .btn-white {font-size:0.7em;padding:0 6px}


/*-------------------------------------------------------------------------------------------------------------------
	=Contact Details
--------------------------------------------------------------------------------------------------------------------*/
.contact-details-container {margin-bottom:20px;padding:5px;font:1.4em/1.6em sans-serif}


/*-------------------------------------------------------------------------------------------------------------------
	=Equipment Details
--------------------------------------------------------------------------------------------------------------------*/
.first-results {margin-right:280px}
table.equipment-details {border:1px solid #dddcdd;margin-bottom:20px;padding:5px;width:100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.equipment-details tr {padding:4px}
.equipment-details tr td.address {height:95px}
/* Chrome and Safari */@media screen and (-webkit-min-device-pixel-ratio:0) {.equipment-details tr td.address {height:96px}}
/* Opera */@media not all and (-webkit-min-device-pixel-ratio:0) {.equipment-details tr td.address {height:100px}}  
/* iPad */@media only screen and (device-width: 768px) {.equipment-details tr td.address {height:85px}}
.equipment-details tr .expired {color:#ff0000}
.equipment-details tr th:first-child {width:150px}
.equipment-details td {background:#fff;color:#4d4d4d;font:normal 1.4em sans-serif;line-height:1.6em;padding:1px 5px 3px 8px}
.content-main-full .equipment-details th {width:100%}
.equipment-details th {border-right:5px solid #fff;color:#333;font:normal 1.4em sans-serif;padding:4px 5px 6px 8px;text-align:left;width:30%}


/*-------------------------------------------------------------------------------------------------------------------
	=Tables
--------------------------------------------------------------------------------------------------------------------*/
table.register, table.sites, table.service-reports, table.general-notes, table.service-centre, table.action-reports, table.user-matrix {background-color:#fff;border:2px solid #c2c2c2;border-right:none;border-bottom:none;margin-top:20px;padding:0;width:100%;-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .1);box-shadow:0 0 4px rgba(0, 0, 0, .1)}
table.register tr:last-child td, table.sites tr:last-child td, table.service-reports tr:last-child td, table.general-notes tr:last-child td, table.service-centre tr:last-child td, table.action-reports tr:last-child td, table.user-matrix tr:last-child td {border-bottom-width:2px}
table.register tr th:last-child, table.sites tr th:last-child, table.service-reports tr th:last-child, table.general-notes tr th:last-child, table.service-centre tr th:last-child, table.action-reports tr th:last-child, table.user-matrix tr th:last-child {border-right-width:2px}
table.register tr td:last-child, table.sites tr td:last-child, table.service-reports tr td:last-child, table.general-notes tr td:last-child, table.service-centre tr td:last-child, table.action-reports tr td:last-child, table.user-matrix tr td:last-child {border-right-width:2px}
table.register th, table.sites th, table.service-reports th, table.general-notes th, table.service-centre th, table.action-reports th, table.user-matrix th {background:#1e416a url('../images/bg_th_blue.png') repeat-x left -5px;border-right:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;color:#f1f1f1;font:bold 1.3em sans-serif;letter-spacing:0;padding:6px 5px 8px 6px;text-align:center}
table.register td, table.sites td, table.service-reports td, table.general-notes td, table.service-centre td, table.action-reports td, table.user-matrix td {background:#fff;border-bottom:1px solid #c2c2c2;border-right:1px solid #c2c2c2;color:#4d4d4d;font:normal 1.1em sans-serif;line-height:1.6em;padding:4px 5px 3px 6px}
table.service-centre th.firstGroup, table.service-centre td.firstGroup, table.action-reports th.firstGroup, table.action-reports td.firstGroup {border-left:1px solid #c2c2c2}

/* Registration */
.register caption {color:#1d40ac;font-family:Helvetica, Arial, sans-serif;font-size:1.4em;line-height:1.3;margin-bottom:1em}
.register tr.odd td, .equipment-details tr.odd td, .equipment-details tr.odd th, .service-reports tr.odd td, table.general-notes tr.odd td, table.service-centre tr.odd td, table.action-reports tr.odd td {background:#ececec url('../images/bg_table_head.png') repeat-x left -5px}
.register tr.completed td {color:#f22e00}
.register tr.completed td a {color:#f22e00}
.register tr td.callout-active {background:#f22e00;color:#fff;font-weight:bold;text-transform:uppercase}
.register tr td.active {/* Next Service - Green */background:#c4d79b}
.register tr td.moderate {/* Next Service - Peach */background:#fabf8f}
.register tr td.archive {/* Next Service - Yellow */background:#ffd800}
.register tr td.due {/* Next Service - Red */background:#f22e00;color:#fff}
.register tr th.EquipmentType { width: 110px; }
.register tr th.Manufacturer { width: 80px; }
.register tr th.Description { width: 240px; }
.register tr th.Reference { width: 120px; }
.register tr th.Site { width: 130px; }
.register tr th.Location { width: 140px; }
.register tr th.ServiceTagNumber { width: auto; }

/* Service Reports table */
table.register, table.service-reports {margin-top:0}
.service-reports th {padding:8px 7px 10px 8px}
.service-reports td {font-size:1.2em;padding:8px 9px 7px 10px}
.service-reports .actionColumn img {background:#f88e1e;padding:5px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px}

/* General Notes table */
table.general-notes td.date {white-space:nowrap}
table.general-notes td.author {white-space:nowrap}

/* Service Centre */
table.service-centre tr:first-child th {border-left-width:1px}
table.service-centre th.firstGroup, table.service-centre td.firstGroup {border-left:1px solid #c2c2c2}
table.service-centre th {font:bold 1.1em sans-serif;padding:6px 2px 8px}
table.service-centre td {font:normal 1em sans-serif;padding:4px 4px 3px}

table.service-centre tr th.site{width:65px}
table.service-centre tr th.equipmentType{width:80px}
table.service-centre tr th.equipmentManufacturer{width:80px}
table.service-centre tr th.equipmentDescription{width:10px}
table.service-centre tr th.equipmentReference{width:80px}
table.service-centre tr th.equipmentServiceTag{width:70px}
table.service-centre tr th.contractProvider{width:60px}
table.service-centre tr th.contractRef{width:50px}
table.service-centre tr th.contractResponseLevel{width:60px}
table.service-centre tr th.contractExpiry{width:45px}
table.service-centre tr th.warrantyProvider{width:65px}
table.service-centre tr th.warrantyExpiry{width:65px}
table.service-centre tr th.serviceLast{width:65px}
table.service-centre tr th.serviceFrequency{width:65px}
table.service-centre tr th.serviceNext{width:65px}
table.service-centre tr th.serviceCallout{width:65px}

table.service-centre tr.serviceContractExpired td {color:#f22e00}
table.service-centre tr.serviceContractExpired td.contractExpiry {background:#f22e00;color:#000}
table.service-centre tr.noServiceContract td.contractRef {color:#f22e00}
table.service-centre tr.noServiceContract td.responseLevel {color:#f22e00}
table.service-centre tr.noServiceContract td.contractExpiry {color:#f22e00}
table.service-centre tr.warrantyExpired td.warrantyExpiry {color:#f22e00}
table.service-centre tr.serviceDue td.nextService {color:#E4781F}
table.service-centre tr.serviceOverdue td.nextService {color:#f22e00}

/* Action Reports */
table.action-reports tr td.date {white-space:nowrap}
table.action-reports tr td.user {white-space:nowrap}
table.action-reports tr td.site {white-space:nowrap}


/*----------------------------------------------------------------------------------------	
	=Access management	
------------------------------------------------------------------------------------------*/
.user-picker-container {width:100%;border-bottom:1px solid #1F3A7C;padding:0 0 12px 0;margin:0 0 12px}
.user-picker-container .user-picker {float:left}
.user-picker-container .new-user {float:left;margin:0 0 0 12px}
.user-details-container .user-container {float:left}
.user-details-container .user-container .user-details {float:left;margin:0 24px 0 0}
.user-details-container .user-container .user-details span {font-size:1.2em}
.user-details-container .user-container .access-matrix {float:left;margin:0 24px 0 0}
.user-details-container .user-container .access-matrix table.user-matrix {margin:0}
.user-details-container .user-container .access-matrix table.user-matrix tr td {text-align:center;vertical-align:bottom;width:80px}
.access-container {float:left}
.access-container .button {width:120px;margin: 0 0 6px;padding:4px 0}

/*----------------------------------------------------------------------------------------	
	=Pagination	
------------------------------------------------------------------------------------------*/
#pagination {float:right;margin-top:20px;overflow:hidden;padding:0;padding-bottom:16px;text-align:center}
#pagination li {background:none;border:0;display:inline;margin:0;padding:0;font-size:1.2em;list-style:none}
#pagination li.extended, #pagination li.pages {display:block;float:left;font-size:1.3em;font-weight:bold;margin:0;padding:7px 10px 7px 0}
#pagination a {border:1px solid #cec9c0;display:block;float:left;margin-right:8px;padding:5px 8px 7px 8px;text-decoration:none}
#pagination .previous, #pagination .next, #pagination .previous-off, #pagination .next-off {display:block;float:left;margin:0 10px;padding:7px 9px;text-indent:-999em;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;width:9px}
#pagination .previous, #pagination .previous-off {background:url('../images/nav_arrow_left.png') no-repeat center center}
#pagination .next, #pagination .next-off {background:url('../images/nav_arrow.png') no-repeat center center}
#pagination .previous, #pagination .next {background-color:#f88e1e;border:1px solid #f88e1e;color:#442f1f}
#pagination .previous:hover, #pagination .next:hover {background-color:#d87c19}
#pagination .previous-off, #pagination .next-off {background-color:#e8e8e8;border:1px solid #e8e8e8;color:#999}
#pagination .previous-off:hover, #pagination .next-off:hover {background-color:#e8e8e8}
#pagination .active {background:#e8e8e8;border:1px solid #cec9c0;color:#442f1f;display:block;float:left;font-weight:bold;margin-right:8px;margin-left:0;overflow:hidden;padding:5px 9px 7px 9px}


/*----------------------------------------------------------------------------------------	
	=Footer	
------------------------------------------------------------------------------------------*/
#footer {background:#dddcdd;padding:15px 30px;margin:0 0 15px 0;width:1200px;margin:0 auto}
#footer ul li {display:inline-block;color:#333;font-size: 1.2em;margin:0 12px 0 0}
#footer ul li.link-icontrol {float:right}
#footer ul li.version { float: right;color:#999}


/*----------------------------------------------------------------------------------------	
	=Notifications
------------------------------------------------------------------------------------------*/
.notifications {margin-bottom:24px}
.notifications .message {border-width:1px;border-style:solid;margin:0 0 12px;/*padding:12px 8px;*/font-size:1.2em;min-height:23px;-webkit-border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border-radius:6px}
.notifications .message li {margin:12px 48px 12px 12px}
.notifications .message .icon {margin:7px;background:url("../images/message_icons.gif") no-repeat 0 0;width:23px;height:23px;display:block;float:right}
.notifications .message.information {border-color:#4F8A10;background:#DFF2BF;color:#4F8A10}
.notifications .message.information .icon {background-position:0 0}
.notifications .message.warning {border-color:#9F6000;background:#FFF4CC;color:#9F6000}
.notifications .message.warning .icon {background-position:-46px 0}
.notifications .message.error {border-color:#D8000C;background:#FFBABA;color:#D8000C}
.notifications .message.error .icon {background-position:-23px 0}


/*----------------------------------------------------------------------------------------	
	=Helpers
------------------------------------------------------------------------------------------*/
.offscreen{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.hide{display:none}
.clear{clear:both}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block} 
* html .clearfix{height:1%}



/*----------------------------------------------------------------------------------------	
	=Errors
------------------------------------------------------------------------------------------*/

#error-container { float: left;padding: 10px;}
#error-container p, #error-container li { font-size: 1.2em; clear:both;padding: 0 0 3px 0;}