/* The page feeling stuff. Used to be done by the site's css but that's all changed now. sadpanda */

body 

{ 

    background: url('header.png') no-repeat top #F1F1F1; 

    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;    

    padding: 0;

    margin: 0;

    font-size: 15px;

    color: #225cb0;

}

a 

{

     color: #225cb0;

    outline: medium none;

    text-decoration: none;   

}

.bodyContent 

{ 

    clear: both; 

    background-color: white;

    margin-top: 7px;

}

.headerContainer .phoneNumber {

    color: #fff;

    float: left;

    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;

    font-size: 22px;

    font-style: normal;

    font-variant: normal;

    height: 36px;

    line-height: 40px;

    margin: 7px 0 0;

    padding: 0;

    text-align: center;

    width: 263px;

    padding-top: 4px;

}

.headerContainer .logo { text-align: center; width: 265px;}



.menu-menu-container

{

    float: left;

    height: 36px;

    padding-top: 4px;

    margin-left: 7px;

    margin-top: 7px;

    width: 710px;



}

.clearfix { clear: both; }

.menu-menu-container ul 

{

    list-style: outside none none;

    margin: 7px 0 0 15px;

    padding: 0;

}



.menu-menu-container li

{

    float: left;

    margin-left: 4px;

    margin-right: 5px;

    position: relative;

}



.menu-menu-container li a 

{

    color: #ffffff;

    display: block;

    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;

    font-size: 17px;

    font-style: normal;

    font-variant: normal;

    font-weight: bold;

    line-height: 26.4px;

    text-decoration: none;   

}







.loginForm {

    background-color: #30b2e4;

    min-height: 400px;

}

.loginForm form {

    padding-top: 100px;

}



.loginForm div.row

{

    height: 40px;

    font-weight: bold;

    font-size: 12pt;

    color: #225AAD;

}



.loginForm label 

{ 

    margin-right: 20px; 

    display: inline-block;

    margin-top: 6px;

}

.loginForm input[type='text'], .loginForm input[type='password']

{

    height: 30px;

    border: 1px solid black;

    font-size: 12pt;

    color: black;   

    clear: both;

    width: 200px;

}

.loginForm input[type='checkbox']

{

    margin-left: 0;

    margin-top: 9px;

}

.loginForm label[for='cookies']

{

    margin-left: -31px;   

}

.loginForm input[type='submit']

{

    width: 200px;

    height: 50px;

    color: white;

    background-color: #36D900;

    border: 1px solid #2872B2;

    border-radius: 5px;  

    font-size: 12pt;

    font-weight: bold; 

}



.loginForm .formLeft

{

    width: 40%;

    float: left;   

    text-align: right;

}



.loginForm .formRight

{

    width: 30%;

    float: left;   

}





/* Just the css for the manage section */

#bodyContainer

{

    margin: auto;

    width: 981px;

}



#leftBox

{

    float: left;

    width: 260px;

    min-height: 400px;

    /*background-color: #d2e4f1;*/

    background-color: #f1f6fb;

}



#leftBox > #lbheader

{

    background: url('gem-sprite.png') no-repeat 0 -47px;

    width: 260px;

    height: 29px;

}



#rightBox

{

    width: 712px;

    margin-left: 270px;

    background-color: #f5f9fc;

    min-height: 400px;

}



#rightBoxContainer

{

    margin: 0 7px 0 0;

    padding-left: 7px;

}



#menuTop

{

    background-color: #d9e7f2;

    padding-top: 4px;

    height: 26px;

    color: #1f59ac;

}



.loginMessage

{

    float: right;

    font-size: 0.8em;

    padding-top: 4px;

    padding-right: 15px;

}



.loginMessage a

{

    font-weight: bold;

    color: #cc3300;

    padding: 0 0 0 10px;

}



.breadcrumb

{

    font-size: 1.2em;

    color: #1f59ac;

    font-weight: bold;

}



.breadcrumb > .bc1

{

    color: #6b92c9;

}



select#manageUsers, select#manageProperties, select#manageJobs

{

    background-color: #D9E7F2;

    color: #1f59ac;

    font-weight: bold;

    border: 0px;

    margin-right: 10px;

}



select#manageUsers:active, select#manageProperties:active, select#manageJobs:active

{

    background-color: #D9E7F2;

    border: 0;

}



.hidden

{

    display: none;

}



#subNav

{

    padding: 10px 0;

    border-bottom: 1px solid #a6c1e0;

}



#menuTop > #bean

{

    background: url("gem-sprite.png") no-repeat scroll 0 -77px transparent;

    float: left;

    height: 27px;

    margin-right: 5px;

    margin-top: -4px;

    width: 26px;

}



.gemForm label

{

    background-color: #d9e7f2;

    color: #2059ac;

    font-weight: bold;



    clear: left;

    display: block;

    float: left;

    font-weight: bold;

    margin: 12px 10px 0 0;

    width: 130px;

    padding-top: 2px;

    padding-left: 5px;

    height: 21px;

}



.gemForm input, .gemForm textarea, .gemForm select

{

    margin: 12px 0 0 5px;

    display: block;

    height: 23px;

}



.gemForm input.hidden

{

    display: none;

}



.gemForm input[type=text], .gemForm input[type=password], .gemForm textarea, .gemForm select

{

    border: 1px solid #c0c8d5;

    width: 150px;

}



.gemForm input[type=checkbox]

{

    margin-left: 145px;

}



.gemForm textarea

{

    width: 350px;

    height: 125px;

}



.home_cover_banner

{

    width: 222px;

    height: 32px;

    background-image: url('./../../images/home_cover_banner.png');

    color: white;

    text-transform: uppercase;

    font-size: 14pt;

    font-weight: bold;

    padding: 8px 0 0 0 !important;

    margin-top: 4px;

}

.home_cover_banner span {

    padding-left: 150px;



}



.activeflag { display: none; }



.listingsTable th

{

    background-color: #225aad;

    color: #648cc6;

    padding: 0px 4px 0px 10px;

    margin: 4px 0px;

    border-left: 1px solid #7da1d0;

    height: 25px;

    text-align: left;

}



.listingsTable td

{

    padding: 4px 0px 4px 10px;

    font-size: 12px;

    /* color: #1f59ac; We want this but it fucks up the colors when the list is colorized and i'm too lazy to fix them cos there's load of them */ 

    border-bottom: 2px solid #f8fbfd;

    border-left: 1px solid #7da1d0;

}



.listingsTable tr.odd

{

    background-color: #ebebeb;

}



.listingsTable tr.even

{

    background-color: #f0f2f3;

}



.listingsTable th:first-child, .listingsTable td:first-child

{

    border-left: none;

}



.listingsTable

{

    width: 100%;

    border-collapse: collapse;

    margin-top: 10px;

}



#mapContainer

{

    width: 220px;

    height: 220px;

    margin-top: 7px;

    position:relative;

}



.boxContent

{

    margin: 10px;

    padding: 10px;

    background-color: white;

}



.boxContent > div, .boxContent > img

{

    padding-top: 7px;

    padding-bottom: 4px;

}



.boxContent > img.userImage

{

    padding-top: 0px;

}



.boxContent .agencyAddress

{

    font-size: 14px;

    color: #54c0ff;

}



.boxContent .keyNumber

{

    font-weight: bold;

}



.boxContent .propertyDescription, .boxContent .propertyAddress, .boxContent .agencyAddress, .boxContent .keyNumber

{

    border-bottom: 1px solid #d7e7f3;

}



.boxContent .notes

{

    border-top: 1px solid #d7e7f3;   

    margin-top: 7px;

}



a.editLink

{

    display: block;

    background-color: #d9e7f2;

    color: #225aad;

    width: 214px;

    padding: 4px;

    font-size: 14px;

    margin-top: 7px;

    margin-bottom: 4px;

}



/* The upload box on the edit property form */

#uploadForm

{

    float: right;

    width: 150px;

    background-color: #ceddee;



}



#uploadForm h2

{

    background-color: #d9e7f2;

    padding: 5px;

    margin-bottom: 20px;

}



#uploadForm ul

{

    padding: 0;

    margin: 0;

}



#uploadForm li

{

    float: left;

    display: block;

    margin-left: 5px;

    position: relative;

}



#uploadForm img

{

    width: 140px;

}



#footer

{

    clear:both;

    margin-bottom: 50px;

    background-color: white;

    padding-top: 35px;

}



#footer .nav

{

    display: block;

/*    margin: 35px auto 0;*/

    padding-bottom: 10px;

    text-align: center;

    width: 980px;

}



#footer .nav ul {

    display: inline-block;

    list-style: outside none none;

    margin: 7px auto 0;

    padding: 0;

    text-align: center;

    width: auto;

}



#footer .nav li {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    margin-left: 4px;

    margin-right: 5px;

    padding-bottom: 0;

    position: relative;

}



#footer .nav a {

    color: #225aad;

    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;

    font-size: 17px;

    font-style: normal;

    font-variant: normal;

    margin-bottom: 0;

    padding-bottom: 0;

}



#footer .nav a:hover {

    color: #000;

}



#footer .copyright {

    color: #999999;

    display: block;

    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;

    font-size: 12px;

    font-style: normal;

    font-variant: normal;

    margin-left: auto;

    margin-right: auto;

    margin-top: -5px;

    padding-bottom: 25px;

    text-align: center;

    width: 980px;

}



#footer a {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #999999;

    outline: medium none;

    text-decoration: none;

}



#footer a:hover {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #527a9f;

    text-decoration: none;

}







/* The Job Form */

.jobTypeBox

{

    /*width: 42px;

    height: 25px;*/

    width: 27px;

    height: 21px;

    padding: 4px 0px 0px 15px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    float: left;

    display: block;

    font-weight: bold;

    font-size: 12px;

    margin-right: 5px;

}



.jobTypeBox label

{

    display: inline;

}



.carpentry, .listingsTable tr.odd.carpentry, .listingsTable tr.even.carpentry, .carpentry, .listingsTable tr.odd.carpentry a, .listingsTable tr.even.carpentry a

{

    background-color: #8C4600;

    color: white;

}



.decorating, .listingsTable tr.odd.decorating, .listingsTable tr.even.decorating, .decorating, .listingsTable tr.odd.decorating a, .listingsTable tr.even.decorating a

{

    background-color: #ffffff;

    color: black;

}



.electrical, .listingsTable tr.odd.electrical, .listingsTable tr.even.electrical, .electrical, .listingsTable tr.odd.electrical a, .listingsTable tr.even.electrical a

{

    background-color: #8A0003;

    color: white;

}



.electrical-condition-report, .listingsTable tr.odd.electrical-condition-report, .listingsTable tr.even.electrical-condition-report, .electrical-condition-report, .listingsTable tr.odd.electrical-condition-report a, .listingsTable tr.even.electrical-condition-report a

{

    background-color: #ff0000;

    color: white;

}



.portable-appliance-test, .listingsTable tr.odd.portable-appliance-test, .listingsTable tr.even.portable-appliance-test, .portable-appliance-test, .listingsTable tr.odd.portable-appliance-test a, .listingsTable tr.even.portable-appliance-test a

{

    background-color: #96ED12;

    color: black;

}



.cleaning, .listingsTable tr.odd.cleaning, .listingsTable tr.even.cleaning, .cleaning, .listingsTable tr.odd.cleaning a, .listingsTable tr.even.cleaning a

{

    background-color: #6A2CC7;

    color: white;

}



.gas, .listingsTable tr.odd.gas, .listingsTable tr.even.gas, .gas, .listingsTable tr.odd.gas a, .listingsTable tr.even.gas a

{

    background-color: #FF5809;

    color: black;

}



.gas-safety-record, .listingsTable tr.odd.gas-safety-record, .listingsTable tr.even.gas-safety-record, .gas-safety-record, .listingsTable tr.odd.gas-safety-record a, .listingsTable tr.even.gas-safety-record a

{

    background-color: #FFFF00;

    color: black;

}



.plumbing, .listingsTable tr.odd.plumbing, .listingsTable tr.even.plumbing, .plumbing, .listingsTable tr.odd.plumbing a, .listingsTable tr.even.plumbing a

{

    background-color: #0080FF;

    color: white;

}



.handyman, .listingsTable tr.odd.handyman, .listingsTable tr.even.handyman, .handyman, .listingsTable tr.odd.handyman a, .listingsTable tr.even.handyman a

{

    background-color: #ebebeb;

    color: black;

}



.quoting, .listingsTable tr.odd.quoting, .listingsTable tr.even.quoting, .quoting, .listingsTable tr.odd.quoting a, .listingsTable tr.even.quoting a

{

    background-color: #3C3C3C;

    color: white;

}



.roofing, .listingsTable tr.odd.roofing, .listingsTable tr.even.roofing, .roofing, .listingsTable tr.odd.roofing a, .listingsTable tr.even.roofing a

{

    background-color: #BB684C;

    color: black;

}



.oil, .listingsTable tr.odd.oil, .listingsTable tr.even.oil, .oil, .listingsTable tr.odd.oil a, .listingsTable tr.even.oil a

{

    background-color: #000;

    color: white;

}



.flooring, .listingsTable tr.odd.flooring, .listingsTable tr.even.flooring, .flooring, .listingsTable tr.odd.flooring a, .listingsTable tr.even.flooring a

{

    background-color: #E139B6;

    color: black;

}





#editJob #uploadForm

{

    float: left;

}



#uploadForm.left

{

    float: left;

}



#jobDescContainer

{

    clear: both;

}



tr#jobFormContainer > td

{

    padding: 0px;

}



.aknowledgeButton

{

    background: url('gem-sprite.png') no-repeat -262px -245px; 

    width: 22px; 

    height: 20px;

    display: block;

    float: left;

    margin-right: 5px;

}



/* Buttons */

#addJobButton

{

    background: url('gem-sprite.png') no-repeat 0 0;

    width: 105px;

    height: 23px;

    display: block;

    color: transparent;

    font-size: 0.1px;

    border: 0px;



}



#singleJobContainer

{

    clear: left;

    display: inline-block;

    margin-top: 10px;   

    font-size: 12px;

}



.jobListingRow:hover

{

    cursor:pointer;

}



.jobListingRow.even.selectedRow, .jobListingRow.odd.selectedRow, .jobListingRow.selectedRow, .jobListingRow.selectedRow

{

    background-color: #ffcc00;

    font-weight: bold;

}



.jobDescriptionContainer

{

    width: 530px;

    clear: left;

    float: right;

    padding-left: 5px;

}



.jobInfoRow > td

{

    padding:0;

}



.jobDescriptionHeader

{

    background-color: #CDDCEE;

    font-size: 9px;

    height: 17px;

    padding: 7px 0;

}



.jobDescriptionHeader .jobDescriptionJH

{

    background-color: #d9e7f2;

    /*display: inline;*/

    display: none;

    margin: 0;

    padding: 4px;

    font-size: 13px;

}



.jobDescriptionContent

{

    background-color: #fff;

    padding: 12px 9px 5px;

}



.clientNotesContainer, .engineerNotesContainer

{

    clear: both;

}



.clientNoteLeft, .clientNoteContent, .engineerNoteLeft, .engineerNoteContent, .systemNoteLeft, .systemNoteContent

{

    background-color: #e8eff7;

}



.clientNoteLeft, .engineerNoteLeft, .systemNoteLeft

{

    float: left;

    width: 150px;

    text-align: center;

    border-right: 4px solid white;

    padding: 5px 0;

}



.clientNoteLeft { float: right; }



.clientNoteContent, .engineerNoteContent

{

    float: right;

    width: 530px;

}



.systemNoteContent

{   

    float: right;

    width: 683px;

}



.systemNoteDesc

{

    font-family: "Courier New", "Courier", "System", monospace;

    padding: 5px;    

}



.clientNoteLeft > div, .engineerNoteLeft > div

{

    background: url('gem-sprite.png') no-repeat;

    width: 56px;

    height: 56px;

    margin-left: 45px;

    margin-bottom: 5px;

}



.clientNoteLeft .other, .engineerNoteLeft .other, .systemNoteLeft .other { background-position:  -282px -105px;}

.clientNoteLeft .admin, .engineerNoteLeft .admin, .systemnoteLeft .admin { background-position:  -282px -162px;}



.clientNoteHeader, .engineerNoteHeader, .systemNoteHeader

{

    height: 30px;

}



.clientNoteHeader .uselessWord, .engineerNoteHeader .uselessWord, .systemNoteHeader .uselessWord

{

    background-color: #990099;

    color: white;

    float: left;

    font-weight: bold;

    height: 16px;

    padding: 5px 4px;

    width: 62px;

    text-align: center;

}

.systemNoteHeader .uselessWord { width: 75px; }



.clientNoteHeader .title, .engineerNoteHeader .title, .systemNoteHeader .title

{

    background-color: #F5F9FC;

    float: left;

    height: 23px;

    margin-left: 10px;

    padding-left: 5px;

    padding-top: 7px;

    width: 434px;

}

.systemNoteHeader .title { width: 585px; }



.clientNoteDesc { padding: 5px;}



.browseButton

{

    background: url('gem-sprite.png') no-repeat -259px 0;

    width: 74px;

    height: 23px;

    display: block;

    font-size: 0.1px;

    color: transparent; /* I'm going to swear at IE about this I just know it.. */

    margin: 0px 10px 10px 10px;

    clear: both;

}



.jobDescriptionFooter

{

    border-top: 1px solid #e1edf6;

    padding-top: 10px;

    background-color: #fff;

    height: 33px;

}



.addJob

{

    display: block;

    background: url('gem-sprite.png') no-repeat 0 0;

    width: 105px;

    height: 23px;

    font-size: 0.1px;

    color: transparent;

    float: left;

    margin-left: 10px;

}



.addJob.disabled

{

    background-position: 0px -23px;

}



.addClientNote

{

    background: url('gem-sprite.png') no-repeat -910px -23px;

    width: 108px;

    height: 23px;

    display: block;

    font-size: 0.1px;

    color: transparent;

    float: left;

    margin-left: 10px;

}





.postClientNote

{

    background: url('gem-sprite.png') no-repeat -106px 0;

    width: 152px;

    height: 24px;

    display: block;

    font-size: 0.1px;

    color: transparent;

    float: left;

    margin-left: 10px;

}



.addEngineerNote

{

    background: url('gem-sprite.png') no-repeat -910px 0;

    width: 100px;

    height: 23px;

    display: block;

    font-size: 0.1px;

    color: transparent;

    float: left;

    margin-left: 10px;

}



.postEngineerNote

{

    background: url('gem-sprite.png') no-repeat -910px 0;

    width: 172px;

    height: 24px;

    display: block;

    font-size: 0.1px;

    color: transparent;

    float: left;

    margin-left: 10px;

}



.assignJob

{

    background: url('gem-sprite.png') no-repeat -684px 0;

    width: 104px;

    height: 23px;

    display: block;

    font-size: 0.1px;

    color: transparent;

    float: left;

    margin-left: 10px;

}



.completeJob

{

    background: url('gem-sprite.png') no-repeat -789px 0;

    width: 120px;

    height: 23px;

    display: block;

    font-size: 0.1px;

    color: transparent;

    float: left;

    margin-left: 10px;

}



.invoiceJob

{

    background: url('gem-sprite.png') no-repeat -789px -24px; 

    width: 95px; 

    height: 24px;

    display: block;

    font-size: 0.1px;

    color: transparent;

    float: left;

    margin-left: 10px;

}



.revisitJob

{

    background: url('gem-sprite.png') no-repeat -789px -48px; 

    width: 95px; 

    height: 24px;

    display: block;

    font-size: 0.1px;

    color: transparent;

    float: left;

    margin-left: 10px;

}



.uploadedFile

{

    background: url("gem-sprite.png") no-repeat -478px -280px;

    display: block;

    height: 47px;

    margin-bottom: 4px;

    margin-top: 4px;

    padding-left: 29px;

    padding-top: 5px;

}



.jobContentContainer

{

    border-top: 4px solid white;

}



.clientNoteForm, .engineerNoteForm

{

    clear: both;

}



.clientNote, .engineerNote, .systemNote

{

    clear:both;

    border-top: 4px solid white;

}



.greenCertificateArrow

{

    background: url('./gem-sprite.png') no-repeat -270px -49px; 

    width: 22px; 

    height: 16px;   

    float: right;

    display: block;

    margin-left: 5px;

    cursor: pointer;

}



#assignBox

{

    width: 433px;

    height: 228px;

    background: url("gembox.png") repeat scroll 0 0 #777777;

}



#assignBox.assignBoxEnd

{

    background: url('gembox-end.png') no-repeat scroll 0 0 #777;

    height: 278px;

}



#assignBox > div#endDate

{

    display: none;   

}



#assignBox .endDateSurround

{

    margin-left: 150px;

    padding-top: 14px;   

}



#infoBox

{

    width: 393px;

    height: 188px;

    background: url("gembox-edit.png") repeat scroll 0 0 #777777;

    color: #aaa;

    font-size: 12px;

    padding: 20px;

}



#infoBox table

{

    width: 80%;   

}



#infoBox th

{

    width: 50%;

    text-align: left;   

}



#infoBox td.dateRow

{

    background-color: #aaa;

    color: black;   

}



#infoBox a

{

    color: red;

    font-weight: bold;   

}





#infoBoxContainer

{

    display: none;    

}





#assignBoxContainer

{

    display: none;

}



#assignDate

{

    font-size: 18px;

    margin: 50px 10px 10px 23px;

    width: 140px;

}



#endDateBox

{

    font-size: 18px;

    width: 140px;   

    margin-top:20px;

}



#assignEngineer

{

    font-size: 18px;

    margin: 10px 0 0 44px;

    width: 203px;

}



#assignMessage

{

    color: #666666;

    margin-top: 64px;

    text-align: center;

}



#infoMessage

{

    color: #666666;

    padding-top: 64px;

    text-align: center;

}



#assignUnits ul

{

    list-style-type: none;

    margin: 21px;

    padding: 0;

    width: 100px;

    float: left;

}



#assignUnits ul li input

{

    float: left;

    clear: both;

}



.timeSummary

{

    float: right;

    font-size: 1.1em;

    font-weight: bold;

    margin-right: 165px;

    margin-top: 20px;



}

.doneButton

{

    background: url('gem-sprite.png') no-repeat -614px 0;

    width: 69px;

    height: 40px;

    display: block;

    font-size: 0.1px;

    color: transparent;

}



#send_message_div

{

    float: right;

    margin-right: 20px;

    margin-top: 15px; 

}



#send_message_div label { display: inline; }



#assignButton

{

    float: right;

    margin-right: 80px;

    margin-left:20px;

    margin-top: 3px;

}



h2.assignSuccessful

{

    margin-top: 51px;

    text-align: center;

}



.disabled

{

    opacity: 0.2;

}



#daysTab

{

    margin-top: 6px;

    height: 35px;

}



#daysTab ul

{

    list-style-type: none;

    margin: 0;

    padding: 0;

}



#daysTab li

{

    float: left;

    display: block;

    width: 88px;

    height: 24px;

    background-color: #ebebeb;

    font-size: 14px;

    padding-top: 9px;

    padding-left: 6px;

    font-weight: bold;

    margin-left: 4px;

    cursor: pointer;

}



#daysTab li:first-child

{

    margin-left: 0px;

}



#daysTab li:nth-last-child(-n+2)

{

    background-color: #cccccc;

}



#daysTab li.current

{

    background-color: #ffcc00;

}



#jobDayCal

{

    width: 242px;

    margin-left: 10px;

    margin-top: 20px;

}



#jobDayCal .ui-datepicker-inline {

    width: auto ! important

}





table.listingsTable thead tr .sorting {

    background-image: url("bg.gif");

    background-position: right center;

    background-repeat: no-repeat;

    cursor: pointer;

}

table.listingsTable thead tr .sorting_asc{

    background-image: url("asc.gif");

    background-position: right center;

    background-repeat: no-repeat;

    cursor: pointer;

}

table.listingsTable thead tr .sorting_desc{

    background-image: url("desc.gif");

    background-position: right center;

    background-repeat: no-repeat;

    cursor: pointer;

}



.paginate_disabled_previous, .paginate_enabled_previous

{

    border-right: 1px solid;

    margin-right: 5px;

    padding-right: 5px;   

}



.dataTables_info

{

    float: right;   

}



.dataTables_filter

{

    text-align: right;   

}



.dataTables_length

{

    float: left;   

}



.dataTables_wrapper

{

    padding-top: 10px;   

}



div.propertyImage

{

    text-align: center;

}



.gemFolder

{

    background: url('gem-sprite.png') no-repeat 0 -105px;

    width: 260px;

    height: 197px;

    display: block;

}



.loginWelcome

{

    padding: 20px 20px 0;

}



fieldset

{

/*    border: 1px solid #d7e7f3;

    border-bottom-width: 4px;

    width: 94%;

    margin-left: 15px;*/

    border: 0;



}



fieldset div.swooshButtonContainer

{

    /*float: right;

    background: url('gem-sprite.png') no-repeat -929px -293px;

    width: 171px;

    height: 43px;

    margin-right: -5px;

    margin-bottom: -5px;*/

}



div.swooshButtonContainer input.loginButton {

    background: url("gem-sprite.png") no-repeat scroll -371px 0 transparent;

    border: 0 none;

    color: transparent;

    height: 30px;

    margin-left: 65px;

    width: 80px;

    clear: both;

}



div.swooshButtonContainer input.submitButton {

    /*background: url("gem-sprite.png") no-repeat scroll -106px -23px; transparent;

    border: 0 none;

    color: transparent;

    height: 23px;

    margin-left: 65px;

    width: 64px;

    clear: both;*/

    float: right;

    width: 150px;

    height: 50px;

    color: white;

    background-color: #36D900;

    border: 1px solid #2872B2;

    border-radius: 5px;  

    font-size: 12pt;

    font-weight: bold; 

}



.loginSpacer

{

    height: 100px;

}



.error

{

    color: #cc3300;

    font-weight: bold;

    text-align: center;

}



#editProperty #uploadForm

{

    margin-right: 13px;

}



.userListingRow, .propertyListingRow, .certificateListingRow

{

    cursor: pointer;

}



#navMain li { background-color: inherit !important; }



.jobTypeAntler

{

    float: right;

    font-size: 14px;

    font-weight: bold;

    height: 23px;

    margin-top: -7px;

    padding-left: 11px;

    padding-top: 8px;

    /*width: 19px;*/

    padding-right: 11px;

}



#notificationCenterIcon

{

    background: url("gem-sprite.png") no-repeat scroll -27px -77px transparent;

    display: block;

    float: right;

    font-size: 13px;

    font-weight: bold;

    height: 20px;

    padding-left: 27px;

    padding-top: 1px;

    width: 20px;

    cursor: pointer;

}



.padlock

{

    background: url('gem-sprite.png') no-repeat -329px -280px; 

    width: 28px; 

    height: 24px;

    float: right;

    display: block;

    cursor: pointer;

    margin-right: 11px;

    margin-top: -27px;

}

.padlock.locked

{

    background: url('gem-sprite.png') no-repeat -329px -280px; 

    width: 19px;

}

.padlock.unlocked

{

    background: url("gem-sprite.png") no-repeat scroll -301px -280px transparent;

}



.engineerNoteHeader .urgent, .engineerNoteHeader .urgent.noturgent

{

    background: url('gem-sprite.png') no-repeat -332px -359px; 

    width: 28px; 

    height: 24px;

    float: right;

    display: block;

    cursor: pointer;

    margin-right: 60px;

    margin-top: -27px;

}

.urgent.isurgent

{

    background: url('gem-sprite.png') no-repeat -300px -359px; 

}



table#notificationsTable tr.urgent, table#notificationsTable tr.urgent a

{

    color: red;   

}



a.infoAntler

{

    display: block;

    background: url("gem-sprite.png") no-repeat scroll -305px -256px transparent;

    height: 24px;

    width: 24px;

    float: right;

    margin-top: -5px;

}

a.infoAntler.golly

{

    background: url("gem-sprite.png") no-repeat scroll -348px -256px transparent;

}

a.homeCoverIcon

{

    display: block;

    background: url("gem-sprite.png") no-repeat scroll -400px -280px transparent;

    height: 24px;

    width: 24px;

    float: right;

    margin-top: -5px;

}



a.homeCoverIcon.noCover

{

    background: url("gem-sprite.png") no-repeat scroll -374px -280px transparent;

}





a.homeCoverIcon.homeCoverJob

{

    background: url("gem-sprite.png") no-repeat scroll -426px -280px transparent;

}



div.deleteNote

{

    display: block;

    background: url("gem-sprite.png") no-repeat scroll -326px -256px transparent;

    height: 24px;

    width: 24px;

    float: right;

    margin-top: -27px;    

    margin-right: 37px;

    cursor: pointer;

}



a.deleteAntler

{

    display: block;

    background: url("gem-sprite.png") no-repeat scroll -326px -256px transparent;

    height: 24px;

    width: 24px;

    float: right;

    margin-top: -5px;

}



#addHolidayButton

{

    display: inline-block;

    background: url("gem-sprite.png") no-repeat scroll -399px -321px; transparent;

    height: 24px;

    width: 24px;

    margin-top: -5px;

    cursor: pointer;    

}



#holidayBox table { width: 90%; font-size: 0.9em; margin-left: 10px; }

#holidayBox table tr { text-align: left; }

#holidayBox h4 { padding: 10px;}



form#holidayForm .ui-datepicker-inline { clear: both; margin-top: 2.6em; }



a#deleteAllNotifications.deleteAntler

{

    float: none;

    display: inline-block;

    margin-top: 10px;

}



a.costAntler

{

    display: block;

    float: right;

    font-size: 23px;

    height: 24px;

    margin-top: -5px;

    padding-left: 5px;

    width: 19px;

}







a.labourAntler

{

    background: url('gem-sprite.png') no-repeat -329px -320px; 

    width: 26px; 

    height: 25px;    

    float: right;

    display: block;

    margin-top: -5px;

}



a.materialsAntler

{

    background: url("gem-sprite.png") no-repeat scroll -304px -312px rgba(0, 0, 0, 0);

    display: block;

    float: right;

    height: 33px;

    margin: -12px 5px;

    width: 18px;

}



a.timeAntler

{

    background: url('gem-sprite.png') no-repeat -452px -319px; 

    width: 24px; 

    height: 24px;       

    float: right;

    display: block;

    margin-top: -5px;

}



#jobCostBox {

    background-color: transparent;

    border: 1px solid;

    color: white;

    font-size: 20px;

    padding: 4px;

}

a.propertyInfoAntler

{

    display: block;

    background: url("gem-sprite.png") no-repeat scroll -346px -281px transparent;

    height: 24px;

    width: 24px;

    float: right;

    margin-top: -5px;

}





div.fileUploadContainer li > a.delete,  

{ 

    display:none;

    position:absolute;

    top:28px;

    background: url("gem-sprite.png") no-repeat scroll -326px -256px transparent;

    height: 24px;

    width: 24px;

    text-indent:-9999px; }

div.fileUploadContainer li:hover > a.delete { display:block; }

.certificateListingRow a.delete {    

    background: url("gem-sprite.png") no-repeat scroll -326px -256px transparent;

    height: 24px;

    width: 24px;
}



div.fileUploadContainer li > a.certificate 

{ 

    display:none;

    position:absolute;

    top:28px;

    left:24px;    

    background: url('gem-sprite.png') no-repeat -451px -279px;

    height: 24px;

    width: 24px;

    text-indent:-9999px; }

div.fileUploadContainer li:hover > a.certificate { display:block; }







.certspacer { height: 50px; }

.lapsed { color: red; }







.cke_skin_v2 .cke_ltr .cke_rcombo .cke_openbutton { height: 20px; }



.dataTables_wrapper .dataTables_paginate {

    float: left;

    text-align: right;

    padding-top: 0.25em;

}

.dataTables_wrapper .dataTables_paginate .paginate_button {

    box-sizing: border-box;

    display: inline-block;

    min-width: 1.5em;

    /*padding: 0.5em 1em;*/

    margin-left: 2px;

    text-align: center;

    text-decoration: none !important;

    cursor: pointer;

    *cursor: hand;

    color: #333333 !important;

    border: 1px solid transparent;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

    color: #333333 !important;

    border: 1px solid #cacaca;

    background-color: white;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));

    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);

    /* Chrome10+,Safari5.1+ */

    background: -moz-linear-gradient(top, white 0%, gainsboro 100%);

    /* FF3.6+ */

    background: -ms-linear-gradient(top, white 0%, gainsboro 100%);

    /* IE10+ */

    background: -o-linear-gradient(top, white 0%, gainsboro 100%);

    /* Opera 11.10+ */

    background: linear-gradient(to bottom, white 0%, gainsboro 100%);

    /* W3C */

}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

    cursor: default;

    color: #666 !important;

    border: 1px solid transparent;

    background: transparent;

    box-shadow: none;

}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

    color: white !important;

    border: 1px solid #111111;

    background-color: #585858;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));

    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);

    /* Chrome10+,Safari5.1+ */

    background: -moz-linear-gradient(top, #585858 0%, #111111 100%);

    /* FF3.6+ */

    background: -ms-linear-gradient(top, #585858 0%, #111111 100%);

    /* IE10+ */

    background: -o-linear-gradient(top, #585858 0%, #111111 100%);

    /* Opera 11.10+ */

    background: linear-gradient(to bottom, #585858 0%, #111111 100%);

    /* W3C */

}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {

    outline: none;

    background-color: #2b2b2b;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));

    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    /* Chrome10+,Safari5.1+ */

    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    /* FF3.6+ */

    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    /* IE10+ */

    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    /* Opera 11.10+ */

    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);

    /* W3C */

    box-shadow: inset 0 0 3px #111;

}







/* Block out what is behind the fixed column's header and footer */

table.DTFC_Cloned thead,

table.DTFC_Cloned tfoot {

    background-color: white;

}



/* Block out the gap above the scrollbar on the right, when there is a fixed

* right column

*/

div.DTFC_Blocker {

    background-color: white;

}



div.DTFC_LeftWrapper table.dataTable,

div.DTFC_RightWrapper table.dataTable {

    margin-bottom: 0;

}



div.DTFC_LeftWrapper table.dataTable.no-footer,

div.DTFC_RightWrapper table.dataTable.no-footer {

    border-bottom: none;

}



div.dataTables_scrollBody table.listingsTable { margin-top: 0; }

table.listingsTable.reportLongTable thead th { background-image: none; }

#pager { height: 40px; }







#footerAddress

{

text-align: center;

}

#footerAddress .adress { font-weight: bold; color: black; font-size: 16px;}

.pendingJob {
    -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 10px; /* future proofing */
background-color: #008DF1;
color:white;
padding:3px 10px;
margin-left:10px;
margin-bottom:10px;
display:block;
float:left;
}

.newreportform input {
    margin:10px;
}

.nextSlot input, .nextSlot select {margin:5px;padding:5px;}