* {margin: 0;}

td {
padding-bottom: 7px;
padding-right: 7px;
}

body {
background-color: #023442;
}


html {
    height: 100%
}

/* ---------------------- DIV FORMATTING STYLES --------------------------------- */

#content {
float: left;
width:94%;
background-color: #023442; 
color:#fff;
font-family: verdana, tahoma, helvetica, arial, sans serif;
font-size: 1.2em;
margin: 3%;
margin-top:5%;
border: 0px solid white;
} 


#acceptance {
float: left;
width:100%;
height:100%;
background-color: #fff; 
padding:3%;
color:#000;
font-family: verdana, tahoma, helvetica, arial, sans serif;
border: 0px solid white;
}

#header {
float:left;
width:100%;
margin-bottom:10px;
}

#login {
float:left;
width:100%;
margin-top:0px;
text-align: center;
font-size: .8em;
margin-bottom: -20px;
}

#fullWidthNav {
float:left;
width:100%;
font-family: verdana, tahoma, helvetica, arial, sans serif;
font-size: 1em;
}

.navHead { 
clear:left;
float:left;
border-bottom:1px solid white;
height:15px;
width:100%;
}



.navItem {
clear:left;
float:left;
font-size:1em;
text-align:center;
border-bottom:1px solid white;
width:100%;
background:#034557;
height:30px;
padding-top:6px;
}

#loginDetails {
font-size:.8em;
float:left;
width:100%;
margin-top:4px;
text-align:center;
color:#fff;
}

#fullWidth {
float:left;
width:100%;
background:#fff;
color:#000;
font-family: verdana, tahoma, helvetica, arial, sans serif;
font-size: .75em;
}

#resultsHeader {
float:left;
width:100%;
height: 28px;
border-top: 1px solid white;
}

#editHead {
float:left;
width:94%;
font-weight: bold;
color:#fff;
padding-top:4px;
height: 24px;
font-size:1.2em;
padding-left:10px;
}

#editContent {
float:left;
background:#d7edd7;
width:100%;
}

.pagePadding {
padding:10px;
}

.halfWidth {
float: left;
width:45%;
}

.formLabelFull {
clear:left;
float:left;
width:94%;
padding-top:6px;
margin-bottom:5px;
font-size: 1.1em;
}

.formLabelHalf {
clear:left;
float:left;
width:53%;
padding-top:0px;
margin-bottom:5px;
font-size: 1.1em;
}

.editformFieldHalf {
float:left;
margin-bottom:10px;
width:42%;
font-size: 1.1em;
}

.statusItem {
clear:left;
float:left;
font-size:0.8em;
border-bottom:1px solid white;
width:100%;
height:30px;
padding-top:2px;
}

.statusLink {
float:left;
margin-top: 4px;
margin-left:10px;
} 

.statusArrow {
float:right;
margin-top: 6px;
margin-right:10px;
}



/* ---------------------- LINK  STYLES --------------------------------- */

a:link {color:#fff; text-decoration:underline; font-size:1.2em; font-weight: bold;}
a:visited {color:#fff; text-decoration:underline; font-size:1.2em; font-weight: bold;}

a:link.blackLink {color:#000; text-decoration:none; font-size:1.0em; font-weight: bold;}
a:visited.blackLink {color:#000; text-decoration:none; font-size:1.0em; font-weight: bold;}

a:link.messages {color:#fff; text-decoration:none; font-size:1.0em; font-weight: bold;}
a:visited.messages {color:#fff; text-decoration:none; font-size:1.0em; font-weight: bold;}

a:link.blackLinkU {color:#000;  font-size:1.0em; font-weight: bold;}
a:visited.blackLinkU {color:#000;  font-size:1.0em; font-weight: bold;}

a:link.resultsB {color:#fff; text-decoration:none;font-weight: bold;}
a:visited.resultsB {color:#fff; text-decoration:none;font-weight: bold;}

a:link.blackNormal {color:#000; text-decoration:underline;font-weight: normal;font-size:1.0em;}
a:visited.blackNormal {color:#000; text-decoration:underline;font-weight: normal;font-size:1.0em;}

a:link.blackBold {color:#000; text-decoration:underline;font-weight: bold;font-size:1.0em;}
a:visited.blackBold {color:#000; text-decoration:underline;font-weight: bold;font-size:1.0em;}

a:link.nav {color:#fff; text-decoration:none; font-size:1.0em; font-weight: bold;}
a:visited.nav {color:#fff; text-decoration:none; font-size:1.0em; font-weight: bold;}


/* ---------------------- Survey  STYLES --------------------------------- */

.removalItem {
float:left;
width:140px;
height:161px;
border:1px solid black;
margin-right:8px;
margin-bottom:20px;
}


.remSel {
font-family: tahoma, verdana, sans serif;
font-size: 11px;
width: 60px;
border-top: 1px solid black;
height: 22px;
background:#fff;
}


.removalItemDetails {
float:left;
margin-top: 118px;
border:0px solid black;
height: 21px;
}

.pagL {
float:left;
border-right:1px solid white;
height:28px;
}

.removalItemName {
clear:both;
float:left;
width: 140px;
height:50px;
}


.itemName {
width: 135px;
float:left;
margin-left:0px;
margin-top: 0px;
background-color:#fff;
border-top:1px solid black;
border-bottom:1px solid black;
height: 19px;
padding-top: 2px;
padding-left: 5px;
font-size:0.8em;
}

.itemNameHigh {
width: 135px;
float:left;
margin-left:0px;
margin-top: 0px;
background-color:#e5ff7f;
border-top:1px solid black;
border-bottom:1px solid black;
height: 19px;
padding-top: 2px;
padding-left: 5px;
font-size:0.8em;
}

/* ---------------------- FORM  STYLES --------------------------------- */
input.mobInput {
height:20px;
font-size: 1.1em;
margin:auto;
border: 1px solid black;
-webkit-appearance: none;
	-webikit-border-radius: 0;
	border-radius:0;
}

.iPadInputDate {
height:20px;
font-size: 1.1em;
margin:auto;
border: 1px solid black;
-webkit-appearance: none;
	-webikit-border-radius: 0;
	border-radius:0;
}



.FindButton {
font-family: verdana, sans serif;
font-size: 0.8em;
background-color:#034557;
border: 1px solid white;
font-weight: bold;
text-transform: uppercase;
color:#fff;
height:29px;
padding-top:0px;
-webkit-appearance: none;
	-webikit-border-radius: 0;
	border-radius:0;
}

.cd-panel {
float:left; 
margin-right: 10px;
margin-bottom: 10px;
font-size:1.2em;
}

.an-submit {
clear:left;
float:left; 
margin-top: 10px;
font-weight: bold;
text-transform: uppercase;
color:#fff;
background:#37a437;
border:1px sold black;
padding-top: 0px;
}

.editSubmit {
font-family: verdana, sans serif;
font-size: 0.8em;
background-color:#37a437;
border: 1px solid black;
font-weight: bold;
text-transform: uppercase;
color:#fff;
height:29px;
padding-top:0px;
font-size:1.2em;
-webkit-appearance: none;
	-webikit-border-radius: 0;
	border-radius:0;
}

.toolsBoxAdd {
background:#fff;
font-size:1em;
}

.jd-textarea {
width:100%;
font-size: 1.1em;
margin:auto;
border: 1px solid black;
-webkit-appearance: none;
	-webikit-border-radius: 0;
	border-radius:0;
}

.formField {
margin-bottom:10px;
}


/* ---------------------- Text formatting STYLES --------------------------------- */

.error {
color:#ff0000;
}

.success {
color:#37a437;
font-weight: bold;
}

.spacerLine {
float:left;
width:100%;
height:5px;
}

.an-notes {
margin-top: 10px;
font-weight: bold;
text-transform: none;
}

.formLabel {
clear:left;
float:left;
width:30%;
padding-top:6px;
margin-bottom:5px;
font-size: 1.1em;
}

.editformField {
float:left;
margin-bottom:10px;
width:65%;
font-size: 1.1em;
}

.CheckLabel {
clear:left;
float:left;
width:30%;
padding-top:0px;
margin-bottom:5px;
font-size: 1.1em;
margin-bottom:0px;
}

.editformFieldChk {
float:left;
margin-bottom:10px;
width:65%;
font-size: 1.1em;
}

.formLabelM {
clear:left;
float:left;
width:30%;
padding-top:3px;
margin-bottom:5px;
font-size: 1.1em;
}

.summaryHead {
float:left;
width:97%;
color:#fff;
height:26px;
font-weight: bold;
font-size:1.2em;
padding-left:10px;
padding-top:4px;
}

.jsLabel {
clear:both;
float:left;
width:32%;
font-weight: normal;
margin-bottom:5px;
font-size:1.1em;
}

.jsValue {
float:left;
width:63%;
margin-bottom:5px;
font-size:1.1em;
}

.jsFullWidth {
float:left;
width:90%;
margin-bottom:5px;
font-size:1.1em;
}


.jsLabelFin {
clear:both;
float:left;
width:52%;
font-weight: normal;
margin-bottom:5px;
font-size:1.1em;
}

.jsValueFin {
float:left;
width:45%;
margin-bottom:5px;
font-size:1.1em;
text-align: right;
}

.summarySubHead {
float:left;
width:97%;
color:#000;
height:26px;
font-weight: bold;
font-size:1.2em;
padding-left:10px;
padding-top:4px;
border-bottom: 1px solid black;
border-top: 1px solid black;
}

.taLabel {
float:left;
width:100%;
margin-bottom:5px;
}

.taField {
clear:left;
float:left;
width:94%;
}

.formContentFW {
float:left;
width:97%;
font-weight: bold;
font-size:1.2em;
margin-bottom:10px;
}

#copy {
width:100%;
text-align:center;
margin-top:40px;
font-size:0.8em;
}


/* ----------------------------- pagination ----------------------------------------------------- */

#pag {
float:left;
margin-left:-40px;
width:100%;
height: 28px;
margin-top: 10px;
}

.pagination{height:24px;margin:0px 0}

.pagination ul{
margin-bottom:0;
font-size: 0.6em;
margin-left:0;
}

.pagination li{display:inline}

.pagination a,.pagination span{
float:left;
padding:0 7px;
line-height:26px;
text-decoration:none;
background-color:#034557;
border:1px solid #fff;
border-left-width:0;
}

.pagination a:hover,.pagination .active a,.pagination .active span{
background-color:#f5f5f5;
}

.pagination .active a,.pagination .active span{
color:#034557;cursor:default;
}

.pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover{
color:#034557;
cursor:default;
background-color:transparent;
}

.pagination li:first-child a,.pagination li:first-child span{
border-left-width:1px;
border-radius:0px 0 0 0px;
}

.pagination-centered{text-align:left;}
.pagination-right{text-align:right;}

/* ----------------------------- ends pagination ----------------------------------------------------- */



/* ---------------------- TABLE STYLES -------------------------------------------------------------- */

.an-label {
margin-right: 10px;
margin-top: 4px;
font-weight: normal;
}



/* ---------------------- Ends TABLE STYLES -------------------------------------------------------------- */



/* ---------------------- Documents STYLES -------------------------------------------------------------- */

#docsHeader {
float:left;
font-family: verdana, tahoma, helvetica, arial, sans serif;
width:100%;
font-size: .8em;
font-weight: bold;
color:#fff;
border-top: 1px solid white;
margin-top:10px;
background:#034557;
}

.docsItem {
float:left;
width:97%;
padding-left:3%;
background:#d4e5eb;
padding-top:10px;
margin-bottom:1px;
}

.docsSaved {
float:left;
width:97%;
background:#c0d0d5;
margin-top:1px;
padding-top:10px;
padding-bottom:10px;
padding-left:3%;
}

.tablePad {
padding-bottom:5px;
}

.tablePadHeader {
padding-bottom:5px;
font-size:1.2em;
}

#docsContent {
float:left;
padding:10px;
}


/* ----------------------------- results ----------------------------------------------------- */


.pad {
float:left;
width:3%;
}

#rJobRef {
float:left;
width:12%;
padding-top:4px;
padding-bottom:10px;
border: 0px solid red;
color:#000;
}

#rJobDate {
float:left;
width:23%;
padding-top:4px;
padding-right:4px;
padding-bottom:10px;
border: 0px solid red;
}

#rJobCust {
float:left;
width:38%;
padding-top:4px;
padding-bottom:10px;
border: 0px solid red;
}

#rJobQuote {
float:left;
width:21%;
font-weight: bold;
padding-top:4px;
padding-bottom:10px;
text-align: right;
border: 0px solid red;
}

.results {
float:left;
background:#fff;
width:100%;
}


.resultItem {
float:left;
width:100%;
color:#000;
}

.resultsOptions {
clear: both;
float:left;
width:100%;
margin-bottom: 5px;
height: 30px;
}

.edit{
float:left;
font-weight: bold;
text-transform: uppercase;
color:#fff;
width: 54px;
height: 22px;
text-align:center;
padding-top: 2px;
}

.docs {
float:left;
font-weight: bold;
text-transform: uppercase;
color:#fff;
width: 54px;
height: 22px;
text-align:center;
padding-top: 2px;
}

#rhJobRef {
float:left;
width:12%;
font-weight: bold;
color:#fff;
padding-top:4px;
height: 20px;
border: 0px solid red;
}

#rhJobDate {
float:left;
width:23%;
font-weight: bold;
color:#fff;
padding-top:4px;
height: 20px;
}

#rhJobCust {
float:left;
width:38%;
font-weight: bold;
color:#fff;
padding-top:4px;
height: 20px;
}


#rhJobQuote {
float:left;
width:21%;
font-weight: bold;
color:#fff;
padding-top:4px;
height: 20px;
text-align: right;
}

.divider {
float:left;
width:100%;
background-image: url("images/divider.gif");
height: 1px;
}


.showMore {
float:left;
font-weight: bold;
text-transform: uppercase;
color:#fff;
width: 140px;
margin-left:10px;
height: 22px;
text-align:center;
padding-top: 2px;
}



#resultsExp {
float:left;
width:92%;
padding:10px;
margin-left:1%;
margin-bottom: 10px;
}

.expandedLabel {
clear:both;
float:left;
width:30%;
font-weight: bold;
margin-bottom:5px;
}

.expandedValue {
float:left;
width:70%;
margin-bottom:5px;
}


/* ----------------------------- DIARY ----------------------------------------------------- */

.pageHeader {
clear:left;
float:left;
font-size:1em;
color:#fff;
font-weight: bold;
text-align:center;
border-bottom:1px solid white;
width:100%;
background:#023442;
height:30px;
padding-top:6px;
}

.diarySpacer {
clear:left;
float:left;
height:20px;
width:100%;
}

#weeklyHeader {
padding-left:10px;
padding-top:4px;
color:#fff;
}

#rhDiaryJobRef {
float:left; 
width:12%;
padding-left:0px;
color:#fff;
padding-top:4px;
font-weight: bold;
}


#rhDiaryJobQuote {
float:left; 
width:20%;
padding-left:10px;
color:#fff;
padding-top:4px;
font-weight: bold;
}

#rhDiaryJDayDate {
float:left; 
width:94%;
color:#fff;
padding-top:4px;
}


#rhDiaryJobCust {
float:left; 
width:53%;
padding-left:10px;
color:#fff;
padding-top:4px;
font-weight: bold;
}

.weeklyHeaderDate {
float:left; 
width:100%;
height: 24px;
}

.resultItemDiary {
float:left; 
width:100%;
background:#fff;
height: auto;
}

.rDiaryRef {
float:left;
padding-top:4px;
padding-left:10px;
width:12%;
font-size: 0.8em;
color:#000;
}

.rDiaryTime {
float:left; 
width:20%;
padding-left:10px;
color:#000;
padding-top:4px;
font-size: 0.8em;
}

.rDiaryCust {
float:left; 
width:53%;
padding-left:10px;
color:#000;
padding-top:4px;
font-weight: bold;
font-size: 0.8em;
}

.rDiaryType {
float:left; 
width:63%;
padding-left:10px;
color:#000;
padding-top:4px;
padding-bottom:4px;
font-weight: normal;
font-size: 0.8em;
}

.weeklyHeaderDate {
float:left;
background:#023442;
font-size:0.8em; 
color:#fff;
height:40px;
}


/* ++++++++++++++++++++++++ My Schedule styles ++++++++++++++++++++++++++++++++++++++++ */

.rScheduleRef {
float:left;
padding-top:4px;
width:12%;
font-size: 1.0em;
padding-bottom:4px;
}


.rScheduleTime {
float:left; 
padding-left:10px;
width:20%;
padding-top:4px;
font-size: 1.0em;
padding-bottom:4px;
}

.rScheduleCust {
float:left; 
width:53%;
padding-left:10px;
padding-top:4px;
font-weight: bold;
font-size: 1.0em;
padding-bottom:4px;
}

.rScheduleAdditional {
float:left; 
width:90%;
padding-left:3%;
padding-right:3%;
padding-top:4px;
font-size: 1.0em;
padding-bottom:4px;
}

/* ++++++++++++++++++++++++ additional styles I didn't come across ++++++++++++++++++++++++++++++++++++++++ */

.tablePadL {
padding-bottom: 15px;
}

#nav {
float:left;
width:100%;
}

.an-field {
width: 65%;
border: 1px solid black;
background-color: #ffffff;
-webkit-appearance: none;
	-webikit-border-radius: 0;
	border-radius:0;
}

.smallNote {
clear:left;
float:left; 
font-size: 0.9em;
margin-top:-5px;
margin-bottom:5px;
}

.largeNote {
clear:left;
float:left; 
font-size: 1.0em;
margin-top:10px;
margin-bottom:5px;
}