input:focus, select:focus {
	outline-width:0;
}
div.right {
	position:relative;
	background:url(../img/map-base.jpg);
	margin-left:90px;
	overflow:hidden;
	height:1000px;
}

/* DETAILS BOX */

div.detailsBox {
    position:absolute;
    left:0;
    top:135px;
    background:var(--Mono-800);
    z-index:100000;
    width:300px;
}

div.updatePaddock a.not {
	display:none;
}

#hazardsColourChangeSave {
	display:inline-block;
}

#hazardsColourChangeSave.not {
	display:none;
}

div.detailsBox#fenceLineLineDetails {
    position:absolute;
    left:100px;
    top:150px;
    background:var(--Mono-800);
    z-index:100000;
    width:300px;
}

div.detailsBox legend {
    display:none;
}


div.detailsBox h3 {
    font-size:14px;
    color:#eee;
    padding:10px;
    border-bottom:1px solid #555;
    margin-bottom:10px;
    overflow:hidden;
}

div.detailsBox h3 a {
    font-size:12px;
    color:#eee;
    text-decoration:none;
    background:
        url(../images/icon-mapPanel-delete.png) no-repeat 10px 6px,
        -webkit-gradient(linear, left top, left bottom, from(var(--System-error-700)),to(var(--System-error-700)));
    box-shadow:
        0px 1px 3px rgba(53,57,61,1),
        inset 0px 1px 3px rgba(53,57,61,1);
    padding:4px 10px 4px 25px;
    border-radius: 3px;
    border:1px solid #000;
    margin:-3px 0 -4px 0;
    float:right;
}

 a.delete {
    font-size:12px;
    color:#eee;
    text-decoration:none;
    background:
        url(../images/icon-mapPanel-delete.png) no-repeat 17px 5px,
        -webkit-gradient(linear, left top, left bottom, from(var(--System-error-700)),to(var(--System-error-700)));
    box-shadow:
        0px 1px 3px rgba(53,57,61,1),
        inset 0px 1px 3px rgba(53,57,61,1);
    padding:4px 10px 4px 25px;
    border-radius: 3px;
    border:1px solid #000;
    margin:-3px 0 -4px 0;

}

a.fencePointDelete {
	 text-decoration:none;
     background:
        url(../images/icon-table-delete.png) no-repeat center top;
     width: 15px;
     height: 15px;
     float: right;
     cursor: pointer;
     margin-right: -10px;
}

a.fencePointDelete2 {
    text-decoration:none;
    background:
            url(../images/icons/trash.svg) no-repeat center top;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display:inline-block;
}

a.fencePointDelete2:hover {
    text-decoration:none;
    background:
            url(../images/icons/trash-hover.svg) no-repeat center top;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display:inline-block;
    background-color: white;
}

a.deleteOption {
    text-decoration:none;
    background:
            url(../images/icons/trash.svg) no-repeat center top;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display:inline-block;
}

a.deleteOption:hover {
    text-decoration:none;
    background:
            url(../images/icons/trash-hover.svg) no-repeat center top;
    background-color: white;
}

a.fencePointEdit2 {
    text-decoration:none;
    background:
            url(../images/icons/edit_fancy.svg) no-repeat center top;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display:inline-block;
}

a.fencePointEdit2:hover {
    text-decoration:none;
    background:
            url(../images/icons/edit_fancy-hover.svg) no-repeat center top;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display:inline-block;
    background-color: white;
}

a.editOption {
    text-decoration:none;
    background:
            url(../images/icons/edit_fancy.svg) no-repeat center top;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display:inline-block;
}

a.editOption:hover {
    text-decoration:none;
    background:
            url(../images/icons/edit_fancy-hover.svg) no-repeat center top;
    background-color: white;
}

a.fencePointAdd {
	 text-decoration:none;
     background:
        url(../images/icon-add-new.png) no-repeat center top;
     width: 16px;
     height: 16px;
     float: right;
     cursor: pointer;
     margin-right: -10px;
     background-position: 50% -26px;
}

a.farmWalkDelete {
	 text-decoration:none;
     background:
        url(../images/icon-table-delete.png) no-repeat center top;
     width: 15px;
     height: 15px;
     float: right;
     cursor: pointer;
     margin-right: -10px;
}

a.farmWalkReorder {
	 text-decoration:none;
     width: 15px;
     height: 15px;
     float: right;
     cursor: pointer;
     margin-right: -4px;
     margin-top: -2px;
}

.rulerPointDelete {
    border-left: 1px solid var(--Mono-300) !important;
    display: inline-block;
    padding-top: 4px;
}

.rulerPointDelete a:hover {
    background:
            url(../images/icons/delete-hover.svg) no-repeat center top;
}
.rulerPointDelete a {
	 text-decoration:none;
     background:
        url(../images/icons/delete.svg) no-repeat center top;
     width: 15px;
     height: 15px;
     cursor: pointer;
     margin-left: 14px;
     display: inline-block;
    position: relative;
    left: -18px;
    top: 2px;
}
.rulerPointDelete a.fencePointEdit {
    background:
            url(../images/icons/edit.svg) no-repeat center top;
}

a.fencePointSave {
    background:
            url(../images/icons/save-map.svg) no-repeat center top;
    background-size: 20px 20px;
    height:20px;
    display:inline-block;
    width:20px;
    margin-top: 5px;
}

a.fencePointCancel {
    background:
            url(../images/icons/edit-map.svg) no-repeat center top;
    width:20px;
    display:inline-block;
    height:20px;
    background-size: 20px 20px;
    margin-top: 5px;
}

a.fencePointCancel:hover {
    background:
            url(../images/icons/edit-map-hover.svg) no-repeat center top;
    width:20px;
    display:inline-block;
    height:20px;
    background-size: 20px 20px;
    margin-top: 5px;
    background-color: white;
}

a.fencePointSave:hover {
    background: url(../images/icons/save-map-hover.svg) no-repeat center top;
    width:20px;
    display:inline-block;
    height:20px;
    background-size: 20px 20px;
    margin-top: 5px;
    background-color: white;
}


a.no-margin{
	  margin: 0px;
}

div.detailsBox fieldset {
    padding:5px 20px 0 20px;
    margin: 0;
}
div.detailsBox fieldset div {
    padding: 2px 0px 2px 0px;

}
div.detailsBox label {
    display:block;
    font-size:11px;
    color:#eee;
    margin:3px 0 3px 0;
}
div.detailsBox input {
    border:1px solid var(--Mono-900);
    width:245px;
    border-radius: 0 ;
}
div.detailsBox div.hazard-drawing-type label.drawing-type {
    display: inline-block;
}
div.detailsBox div.hazard-drawing-type input {
    width: 20px;
    display: inline-block;
}
div[data-hazard-draw-type] {
    height: 45px;
}
div.detailsBox div[data-hazard-draw-type] input, div.detailsBox div[data-hazard-draw-type] select {
    width: 290px;
    border: none;
    padding: 0;
    margin: 0;
}

div.detailsBox select {
height: 24px;
border: transparent;
width: 260px;
-webkit-appearance: none;
border-radius: 0;
background: #fff url("../images/select-down-arrw.png") no-repeat 100% 0;
cursor: pointer;
overflow: hidden;
text-indent: 0.01px;
text-overflow: "";
-moz-appearance: none;
-ms-background-position-x: -9999999px !important;
}

.legend-link {
	margin: 0 ;
}

div.detailsBox div.radios {
    display:inline-block;
    padding:0;
    margin: 5px 0 0 0;
}

div.detailsBox div.radios input {
    margin:0 7px 0 0;
    width:inherit;
    float:left;
}

div.detailsBox div.radios label {
    float:left;
    margin:-2px 15px 0 0;
    width:inherit;
    cursor:pointer;
}

div.detailsBox fieldset div.areas {
    text-align:center;
    padding:0 0 0 0;
    float:left;
}
div.detailsBox fieldset div.areas label {
    font-size:10px;
}

.detailsBox h3 span {
        display: inline-block;
        position: relative;
        top: 4px;
        border-radius: 9px;
        margin-right: 6px;
        width: 18px;
        height: 18px;
}

.detailsBox div.split {

	font-size: 12px;
	margin: 5px 5px 0px 5px;
	padding:8px;
	text-align: center;
}

.detailsBox div.split1 {
        background:#ea5e0a;
        color: white;
}


.detailsBox div.split2 {
        background:#fc3;
        color: black;
}

div.areas input {
    border:1px solid var(--Mono-900);
    margin:0 0 0 0;
    width:50px;
}

div.updatePaddock  {
    text-align:center;
    padding:0;
    padding:5px 0 20px 0;
    background-color: #212528;
}
div.updatePaddock a {
    display:inline-block;
    font-size:12px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    padding: 3px 15px;
    border-radius:12px;
    border:1px solid #000;
    margin:10px 5px 0 5px;
    min-width:100px;
    background-color:  #555;
    box-shadow: 0px 1px 3px
    rgba(53,57,61,1), inset 0px 1px 1px
    rgba(94,98,102,1);
   background-image: -webkit-linear-gradient(-90deg , var(--Mono-700) 0%, var(--Mono-700) 100%);
}

div.updateSoilType  {
    text-align:center;
    padding:0;
    padding:5px 0 20px 0;
    background-color: #212528;
}
div.updateSoilType a {
    display:inline-block;
    font-size:12px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    padding: 3px 15px;
    border-radius:12px;
    border:1px solid #000;
    margin:10px 5px 0 5px;
    min-width:100px;
    background-color:  #555;
    box-shadow: 0px 1px 3px
    rgba(53,57,61,1), inset 0px 1px 1px
    rgba(94,98,102,1);
   background-image: -webkit-linear-gradient(-90deg , var(--Mono-700) 0%, var(--Mono-700) 100%);
}


/*New css for paddock details */

div.detailsBox h3 a:hover {
    color:#09c;
    background:
        url(../images/icon-mapPanel-delete.png) no-repeat 10px -16px;
}

div.areas.effective {
    margin:0 28px;
}

div.detailsBox p {
font-size: 11px;
color: var(--Mono-500);
text-align: center;
 margin: 20px 0px 0px;
}

div.updatePaddock a.save {
    background: var(--Primary-700)
}

div.updatePaddock a.save:active {
    background:-webkit-gradient(
                linear, left top, left bottom,
                from(var(--Primary-700)),
                to(var(--Primary-900)));
}


div.updatePaddock a.cancel {
    background:
        -webkit-gradient(
            linear, left top, left bottom,
            from(var(--System-error-700)),
            to(var(--System-error-700)));
    box-shadow:
        0px 1px 3px rgba(53,57,61,1),
        inset 0px 1px 3px rgba(53,57,61,1);
}

div.updatePaddock a.cancel:active {
    background:-webkit-gradient(
                linear, left top, left bottom,
                from(var(--System-error-700)),
                to(var(--System-error-700)));
}

div.updateSoilType a.save {
    background:-webkit-gradient(linear, left top, left bottom, from(var(--Primary-900)), to(var(--Primary-700)));
    background:-moz-linear-gradient(top, var(--Primary-900), var(--Primary-700));
    background:-ms-linear-gradient(top, var(--Primary-900), var(--Primary-700));
    box-shadow:
        0px 1px 3px rgba(53,57,61,1),
        inset 0px 1px 1px rgba(140,180,220,1);
}

div.updateSoilType a.save:active {
    background:-webkit-gradient(
                linear, left top, left bottom,
                from(var(--Primary-700)),
                to(var(--Primary-900)));
}


div.updateSoilType a.cancel {
    background:
        -webkit-gradient(
            linear, left top, left bottom,
            from(var(--System-error-700)),
            to(var(--System-error-700)));
    box-shadow:
        0px 1px 3px rgba(53,57,61,1),
        inset 0px 1px 3px rgba(53,57,61,1);
}

div.updateSoilType a.cancel:active {
    background:-webkit-gradient(
                linear, left top, left bottom,
                from(var(--System-error-700)),
                to(var(--System-error-700)));
}

/* Accordion CSS */

div.detailsBox span.required {
	color: #DDD;
	font-weight: normal;
}

div.detailsBox section.ac-container label {
    padding: 0 20px;
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
    color: #fff;
    line-height: 33px;
    font-size: 13px;
    background: #fff;
    background: -moz-linear-gradient(top, var(--Mono-200) 1%, var(--Mono-300) 100%);
    background: -webkit-linear-gradient(top, var(--Mono-200) 1%,var(--Mono-300) 100%);
    background: linear-gradient(top, var(--Mono-200) 1%,var(--Mono-300) 100%);
    margin: 0;
}
.ac-container label:hover{
    background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover {
    /*background: #c6e1ec;
    color: #3d7489;
    text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
    box-shadow:
        0px 0px 0px 1px rgba(155,155,155,0.3),
        0px 2px 2px rgba(0,0,0,0.1);*/
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 5px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after {
    background-image: url(../images/arrow_up.png);
}
.ac-container input {
    display: none;
}
.ac-container article {
    position: relative;
    font-size:11px;
    background: var(--Mono-100);
    text-align:center;
    padding:0 40px;
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
    height: 170px;
}
.ac-container input:checked ~ article.ac-medium{
    height: 200px;
}
.ac-container input:checked ~ article.ac-large{
    height: 230px;
}

.ac-container article div.paddockEvents {
    background:#fff;
    padding:3px 10px 5px ;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border:1px solid #ccc;
    margin-top:15px;
}

div.paddockEvents table {
    width:199px;
    border-collapse:separate;
    border-spacing:0 3px;
}

div.paddockEvents th {
    padding:0;
    margin:0;
}


div.paddockEvents th h3 {
    font-size:15px;
    font-weight:bold;
    color:var(--Mono-900);
    background:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:0;
    margin:-2px 0 2px 0;
    border:none;
}
div.paddockEvents td {
    text-align:left;
    background:var(--Mono-100);
    padding:3px;
    border:1px solid var(--Mono-300);
    border-right:none;
    margin:3px 0;

}
div.paddockEvents td:nth-child(2) {
    text-align:right;
    border:1px solid var(--Mono-300);
    border-left:none;
}

div.editActivity  {
    font-size:12px;
    text-align:center;
    background:#29333c;
    padding:10px 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-box-shadow: inset 0 -1px #000;
    -webkit-box-shadow: inset 0 -1px #000;
    box-shadow: inset 0 -1px #000;
    -moz-box-shadow:  0 1px 1px var(--Mono-500);
    -webkit-box-shadow:  0 1px 1px var(--Mono-500);
    box-shadow:  0 1px 1px var(--Mono-500);
    margin-bottom:5px;
    overflow:hidden;
}

div.editActivity  a {
    display:inline-block;
    font-size:11px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    padding:3px 5px;
    margin:0 19px;
    -moz-box-shadow: 0 1px 2px #444;
    -webkit-box-shadow: 0 1px 2px #444;
    box-shadow: 0 1px 2px #444;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    border:1px solid #000;
    background-image: -moz-linear-gradient(bottom, var(--Primary-700) 0%, var(--Primary-700) 65%);
    background-image: -webkit-linear-gradient(bottom, var(--Primary-700) 0%, var(--Primary-700) 65%);
    background-image: linear-gradient(bottom, var(--Primary-700) 0%, var(--Primary-700) 65%);
    -moz-box-shadow: inset 0 1px var(--Primary-300);
    -webkit-box-shadow: inset 0 1px var(--Primary-300);
    box-shadow: inset 0 1px var(--Primary-300);
    width:100px;
}
table.fertiliser th, table.fertiliser td, table.fertiliser td:nth-child(2) {
    width:14%;
    text-align:inherit;
    border:inherit;
}
table.fertiliser td, table.fertiliser td:nth-child(2) {
    border:1px solid #ccc;
    border-left:none;
}
table.fertiliser td:first-child {
    border-left:1px solid #ccc;

}
article div.prevEvent, article div.nextEvent {
    position:absolute;
    top:0;
    border-right:1px solid var(--Mono-100);
    border-left:1px solid var(--Mono-100);
    width:25px;
}
article div.prevEvent:hover, article div.nextEvent:hover {
    background-color:#e6ecf2;
    border-color:#c8ced3;
    cursor:pointer;
}
article div.prevEvent {
    left:0;
}
article div.nextEvent {
    right:0;
}
article.ac-small div.prevEvent, article.ac-small div.nextEvent {
    height: 170px;
}
article.ac-medium div.prevEvent, article.ac-medium div.nextEvent {
    height: 200px;
}
article div.prevEvent a, article div.nextEvent a {
    display:inline-block;
    width:12px;
    height:14px;
}
article div.nextEvent a {
    background-image:url(../images/nextArrow.png);
}
article div.prevEvent a {
    background-image:url(../images/prevArrow.png);
}
article div.prevEvent:hover a, article div.nextEvent:hover a {
    background-position:0 100%;
}
article div.disabled a, article div.disabled:hover, article div.disabled:hover a  {
    background-position:0 50%;
    border-color:var(--Mono-100);
    cursor:default;
}
article div.disabled:hover {
    background:none;
}
article.ac-small div.prevEvent a, article.ac-small div.nextEvent a {
    margin-top:78px;
}
article.ac-medium div.prevEvent a, article.ac-medium div.nextEvent a {
    margin-top:93px;
}

div.detailsBox div.transectPaddocks {
font-size: 12px;
color: #EEE;
background: #222;
padding: 5px 0 5px 10px;
}
div.transectPaddocks p {
font-size: 11px;
color: #EEE;
margin-bottom: 5px;
text-align: inherit;
}
div.transectPaddocks span.start, div.transectPaddocks span.end {
display: inline-block;
position: relative;
top: 1px;
border-radius: 5px;
margin-right: 6px;
width: 10px;
height: 10px;
}
h4 span.assPads {
display: inline-block;
position: relative;
top: 1px;
border-radius: 5px;
margin-right: 3px;
width: 10px;
height: 10px;
 background:#AD76ED;
}
h4 span.nonassPads {
margin-top: 8px;
display: inline-block;
position: relative;
top: 1px;
border-radius: 5px;
margin-right: 3px;
width: 10px;
height: 10px;
 background:#6B7C8E;
}
h4 span.assBocks {
margin-top: 3px;
display: inline-block;
top: 1px;
float:left;
border-radius: 5px;
margin-right: 5px;
margin-bottom: 20px;
width: 10px;
height: 10px;
 background:var(--Mono-300);
}
div.transectPaddocks span.start {
    background:#090;
}
div.transectPaddocks span.end {
    background:#bf0101;
}

div.detailsBox div.transectHead {
    color:#fff;
    background-color: #476573;
    padding:0;
    overflow:hidden;
    clear:left;
}
div.detailsBox div.labelPoint, div.detailsBox div.labelCoord, div.detailsBox div.labelPaddocks,
div.detailsBox div.labelAreas, div.detailsBox div.labelBlock, div.detailsBox div.labelSpan,
div.detailsBox div.labelOrder {
	font-size: 11px;
	padding: 5px 0 0 6px;
	border-left: 1px solid var(--Mono-200);
	height: 20px;
	float: left;
}

div.detailsBox div.labelDistance{
font-size: 11px;
padding: 5px 0 0 0;
border-left: 1px solid var(--Mono-200);
border-right: 1px solid var(--Mono-200);
height: 20px;
float: left
}

div.detailsBox div.labelPoint:first-child, div.detailsBox div.labelCoord:first-child,
div.labelPaddocks:first-child, div.detailsBox div.labelOrder:first-child {
	border-left: 1px solid #476573;
}

div.detailsBox div.labelPoint {
    width: 25px;
}

div.detailsBox div.labelOrder {
    width: 40px;
}

div.detailsBox div.labelCoord {
	padding-left: 10px;
	width: 99px;
}

div.detailsBox div.labelPaddocks {
    width: 127px;
}

div.detailsBox div.labelAreas {
    width: 30px;
}

div.detailsBox div.labelCoord:nth-child(odd) {
    border-right:none;
}

div.detailsBox div.labelPaddock:nth-child(odd) {
    border-right:none;
}

div.detailsBox div.transectWrapper {
	background: #FEFEFE;
	padding: 0;
	max-height: 170px;
	overflow: auto;
	clear: left;
}

div.detailsBox div.transectRow, div.detailsBox div.paddockRow  {
	padding: 0;
	border-bottom: 1px solid var(--Primary-050);
	clear: left;
}

div.detailsBox ul.farmWalkWrapper {
	background: #FEFEFE;
	padding: 0;
	max-height: 170px;
	overflow: auto;
	clear: left;
	list-style-type: none;
}

div.detailsBox li.farmWalkRow {
	height: 34px;
	padding: 0;
	background: #FEFEFE;
	border-bottom: 1px solid var(--Primary-050);
	clear: left;
}

div.detailsBox div.transectRow:nth-child(odd) {
    background:var(--Mono-100);
}

div.detailsBox div.transectPoint  {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding: 11px 8px 7px 0;
	width: 22px;
}

div.detailsBox div.distancePoint  {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 44px;
	float: left;
	height: 19px;
	padding-top: 5px;
}

div.detailsBox div.paddockName {
	font-size: 11px;
	text-align: left;
	padding: 11px 0 7px 7px;
	width: 125px;
}

div.detailsBox div.blockName {
	font-size: 11px;
	text-align: left;
	padding: 11px 0 7px 7px;
	width: 255px;
}

div.detailsBox div.paddockDelete {
	float: left;
	padding: 11px 0 7px 7px;
	width: 0px;
}

div.detailsBox div.paddockReorder {
    float: right;
    padding: 13px 10px 7px 0px;
	width: 10px;
	margin-left:15px;
}

div.detailsBox div.paddockArea {
	font-size: 11px;
	text-align: left;
	padding: 11px 0 7px 7px;
	width: 28px;
}

 div.detailsBox div.paddockAreaBlock {
	font-size: 11px;
	text-align: right;
	padding: 11px 7px 7px 0;
	width: 44px;
}

 div.detailsBox div.paddockTotal {
	border-top: 1px solid var(--Mono-200);
	clear: left;
}

 div.detailsBox div.paddockAreaBlock  span {
 	margin-left: -2px;
 }

div.detailsBox div.paddockOrder {
	font-size: 11px;
	text-align: center;
	padding: 11px 7px 7px 0;
	width: 39px;
}

div.transectCoord {
	width: 103px;
}

div.distance {
	border-left: 1px solid var(--Primary-050);
	width: 86px;
	border-right: 1px solid var(--Primary-050);
	float:left;
	text-align: center;
	height: 19px;
	padding-top: 5px;
}

div.paddockName {
	width: 130px;
}

div.paddockArea {
   width: 30px;
}

div.detailsBox  #newBlocksPaddocksDiv{
	width: 348px;
}

div.transectPoint, div.transectCoord, div.paddockName, div.paddockArea, div.blockName, div.effluent, div.paddockAreaBlock, div.paddockOrder {
	font-size: 13px;
	border-left: 1px solid white;
	border-right: 1px solid var(--Primary-050);
	float: left;
}

div.effluent {
	color: gray;
	text-align: left;
	padding: 5px 0 0 6px;
}

div#blocks4Edit a {
	cursor:pointer;
}

div.transectCoord:nth-child(odd) {
    border-right:none;
}
div.detailsBox div.transectCoord input {
	background-image: inherit;
	box-shadow: inherit;
	padding: 0 0 0 5px;
	border-radius: inherit;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	margin: 5px 0 0 8px;
	width: 80px;
	height: 20px;
}


div.detailsBox fieldset div.asociatePaddocks {
	font-size: 11px;
	color: #DDD;
	padding:10px 0;
}

div.asociatePaddocks h4 {
	color: var(--Mono-900);
	font-size: 13px;
	margin: 0 0 1px 0;
}


 div.detailsBox div.grabber {
        background:#000 url(../images/box-grip.png) no-repeat 50% 50%;
        padding:4px 6px;

}
div.detailsBox div.grabber a {
        display:block;
        background:url(../images/icon-grabber-close.png) no-repeat 0 0;
        width:8px;
        height:8px;
}

div.detailsBox div.grabber a:hover {
        background-position: 0 100%;
}

 div.fenceLinePointsWrapper  div.transectHead {
    padding:0;
    overflow:hidden;
    clear:left;
    margin-top: -5px;
}

 div.fenceLinePointsWrapper div.labelPoint {
    width: 25px;
}

 div.fenceLinePointsWrapper div.labelDistance {
    width: 80px;
}

div.fenceLinePointsWrapper div.labelSpan {
	width: 45px;
}

div.fenceLinePointsWrapper div.labelCoord {
	padding-left: 10px;
	width: 98px;
}

div.detailsBox div.labelAssociatedPaddocks {
	padding-left: 10px;
	padding-top: 5px;
	width: 180px;
	height: 21px;
	font-size: 11px;
}

div.fenceLinePointsWrapper div.associatedPaddock {
	padding: 5px 0 5px 10px;
	width: 180px;
}

 div.fenceLinePointsWrapper div.transectRow div.transectCoord {
	width: 108px;
	padding-top: 2px;
	height: 32px;
}

div.fenceLinePointsWrapper div.labelCoord:nth-child(odd) {
    border-right: 1px solid var(--Mono-300);;
}

div.fenceLinePointsWrapper div.labelPoint:last-child, div.fenceLinePointsWrapper div.labelOrder:last-child {
    border-right:none;
}

div.fenceLinePointsWrapper div.transectRow div.transectCoord ,  div.fenceLinePointsWrapper div.transectRow div.effluent {
	border-right: 1px solid var(--Primary-050) ;
}

div.fenceLinePointsWrapper div.transectRow div.transectPoint:last-child {
    border-right:none;
}

div.farmWalkWrapper div.labelPaddocks {
    width: 182px;
}

#farmWalkPaddocks div.paddockName {
	width: 180px;
}

#associatedPaddocksTable , #newBlocksPaddocks {
	cursor: pointer;
}
.associated-highlight{
	background-color: #87D0F5 !important;
}
a#closeBlockList,a#closeHazardsList{
	background:#275277 url(../images/icon-blocksClose.png) no-repeat 0 0;
}

div#previewMapFeature.dot,div#previewMapHazard.dot,div#previewMapHazard2.dot,div#previewMapHazard2.circle  {
	background-image:url(../images/map-feature-preview.png);
    background-repeat:no-repeat;
    background-position:0 0;
    width:141px;
    height: 67px;
    position: relative;
    top: 22px;
    right: 15px;
	float: right;
}

div#previewMapFeature.line,div#previewMapHazard.line,div#previewMapHazard2.line  {
	background-image:url(../images/map-feature-preview.png);
    background-repeat:no-repeat;
    background-position:0 -71px;
    width:141px;
    height: 67px;
    position: relative;
    top: 22px;
    right: 15px;
    float: right;
}

div#previewMapFeature.polygon,div#previewMapHazard.polygon,div#previewMapHazard2.polygon  {
	background-image:url(../images/map-feature-preview.png);
    background-repeat:no-repeat;
    background-position:0 -142px;
    width:141px;
    height: 67px;
    position: relative;
    top: 22px;
    right: 15px;
    float: right;
}

div#add-new-map-feature-type-details a.miniColors-trigger{
	float: left;
}

div#add-new-map-hazard-type-details a.miniColors-trigger{
	float: left;
}

div#newBlocksTotals  , div#editBlocksTotals{
	margin-top: 7px;
	color: white;
	font-size : 10px;
	width: 100%;
	height: 15px;
}

div#newBlocksTotals .area1 , div#editBlocksTotals  .area1 {
	width: 131px ;
    float: left;
}
div#newBlocksTotals .area2 , div#editBlocksTotals  .area2 {
	width: 47px;
	padding-right: 7px;
	text-align: right;
	float: left;
}

div#edit-block-type-div {
	margin: 0 ;
	display: block;
	background: #555;
	height: 20px;
	overflow: auto;
	padding: 9px 15px 5px 7px;
}

div#edit-block-type-div a {
	text-decoration: none;
}

div#mapToolsHelp_div{
	width: 240px;
}

/* custom features list */
div.features-list {
	background: #FEFEFE;
	margin: 10px;
	height: 140px;
	overflow: auto;
}

div.featureRow {
	padding: 0;
}

div.hazards-list {
	background: #FEFEFE;
	margin: 10px;
	height: 140px;
	overflow: auto;
}

div.hazardRow {
	padding: 0;
}

div.featureName,div.hazardName  {
	font-size: 11px;
	text-align: left;
	padding: 10px 0 2px 10px;
	float: left;
	width: calc(100% - 68px);
}

div.featureEdit,div.hazardEdit {
	font-size: 11px;
    text-align: center;
	padding: 11px 1px 0px 0px;
	width: 28px;
	height: 16px;
	float: left;
}

div.featureDelete,div.hazardDelete {
	font-size: 11px;
    text-align: center;
	padding: 11px 1px 0px 0px;
	width: 28px;
	height: 16px;
	float: left;
}

a.featureEdit,a.hazardEdit {
	display: inline-block;
    font-size: 11px;
    text-align: center;
	text-decoration:none;
    background:
        url(../images/icon-table-edit.png) no-repeat center top;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

div.notDrawn a.hazardEdit {
    display: inline-block;
    font-size: 11px;
    text-align: center;
    text-decoration:none;
    background: none;
    width: 15px;
    height: 15px;
    cursor: pointer;
    text-decoration: underline;
}

a.featureDelete,a.hazardDelete {
	display: inline-block;
    font-size: 11px;
    text-align: center;
	text-decoration:none;
    background:
        url(../images/icon-table-delete.png) no-repeat center top;
    width: 15px;
    height: 15px;
    cursor: pointer;
}