/* Minification failed. Returning unminified contents.
(135,149): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* =============== Layout =============== */
			
/*html 								{ height: 100% }
body 								{ height: 100%; margin: 0; padding: 0; font-family: sans-serif; overflow-x: hidden; overflow-y: hidden; }
*/
#LabelRuler                         { position:absolute; visibility:hidden; height:auto; width:auto;}

/*input[type="text"]                  { border: 1px solid #999; padding: 3px; }
	*/		
#locationSearch                     { background-color: #fff; padding: 5px; border: 1px solid #999; margin: 0 0 10px 0; text-align: center;}
#locationSearch input[type="text"] 	{ width: 95%; }
#controls							{ float: left; width: 380px; }
#widthSelection                     { text-align: right; margin: 10px 9px 0 0; font-size: 10pt; }
.pac-container                      {z-index:9999}
#mapCanvas {
    max-width: 640px;
}
#mapCanvas:after {
    content: '';
    display: block;
    margin-top: 100%;
}

#buttons							{ position: fixed; bottom: 15px; left: 0; width: 380px; text-align: center; }
#buttons img                        { vertical-align: middle; margin: 0 3px 0 10px; }
#buttons a                          { font-size: 10pt !important; }

#footer .content                    { text-align: right; }

div.clear							{ clear: both; }
div.content                         { padding: 10px; }

/*fieldset                            { margin: 0 0 10px 0; background-color: #EEEEFF; }
    */
#mapCompass 
{
    position:absolute;
    top:2px;
    margin-left: 575px;
    width: 66px;
    height:66px;
    background: url(/Images/surveycompass.png);
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events:none;
    z-index: 10;
}

/* 
    Hides the "x" from the top right of jQuery dialogs.
    These were causing some problems with the shape edit dialog,
    where closing the dialog with the "x" would not delete
    the shape from the map.
    Clicking cancel or pressing Esc work fine.
*/
/*.ui-dialog-titlebar-close                   { visibility: hidden; }
.show-close .ui-dialog-titlebar-close       { visibility: visible; }*/

/* =============== Shape Colour Selection =============== */

#colours                            { }
#colours div                        { display: inline-block; width: 30px; height: 30px; cursor: pointer; cursor: hand; border: 2px solid #888; -moz-border-radius: 5px; border-radius: 5px; }
#colours div.selected               { border: 2px solid black; }

/* =============== Help Dialog =============== */

#helpDialog                         { font-size: 10pt; }
			
/* =============== Shape Dialog =============== */

#shapeDialog                        { font-size: 10pt; }
#shapeDialog div.selected label     { color: Gray; text-decoration: line-through; }
#shapeDialog .shapeSquare           { float: left; width: 16px; height: 16px; border: 1px solid black; margin: 3px 0 0 0; vertical-align: middle; -moz-border-radius: 5px; border-radius: 5px; }
#shapeDialogDescription             { float: right; width: 385px; clear: inherit;}

/* =============== Save Dialog =============== */

#roofAreaWarning                    { color: Red; }
#roofareacheckboxes div             { text-align: left; margin: 0 0 5px 0px !important; }
#saveDialog                         { font-size: 10pt; text-align: center; }
#saveDialog input[type="text"]      { width: 100%; }

/* =============== Shape Labels =============== */
			
#noShapes                           { color: #888; font-style: italic; font-size: 10pt; text-align: center; }
#shapes                             { margin: 10px; }
.shapeItem                          { margin: 0; padding: 5px; border: 1px solid #EEEEFF; cursor: pointer; cursor: hand; }
.shapeItem:hover                    { border: 1px solid black; }
.shapeItem .shapeSquare             { float: left; width: 16px; height: 16px; border: 1px solid black; margin: 0 10px 0 0; vertical-align: middle; -moz-border-radius: 5px; border-radius: 5px; }
.shapeItem .shapeDelete             { float: left; width: 16px; height: 16px; cursor: pointer; cursor: hand; margin: 0 10px 0 0; background-image: url(/Images/Icons/trash3.png); vertical-align: middle; -moz-opacity: 0.5; opacity: 0.5; }
.shapeItem .shapeDelete:hover       { -moz-opacity: 1; opacity: 1; }
.shapeItem .shapeLabel              { float: left; height: auto; width:calc(100% - 110px); display: inline-block; vertical-align: middle; color: #444444; }
.shapeItem .shapeArea               { float: right; display: inline-block; margin: 0 10px 0 0; }
			
/* =============== Map Controls & Overlays =============== */

div.mapLabel                        { height:auto !important;  position: absolute; border: 1px solid black; background-color: #DDD; height: 30px; width: auto; min-width: 85px !important; padding-bottom: 5px; padding-right: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/*div.mapLabel.withArea               { height: 50px !important; }*/
div.mapLabel div.colour             { width: 16px; height: 16px; margin: 6px 5px 0px 5px; border: 1px solid black; float: left; -moz-border-radius: 5px; border-radius: 5px; display:inline-block; }
div.mapLabel div.text               { white-space: pre-wrap; font-family: Arial; font-size: 14px; margin-top: 6px; margin-left: 28px;}
div.mapLabel div.area               { font-size: 14px; font-family: Arial; margin-left: 28px; }
            
/* =============== Misc Content Formatting =============== */
			
span.super                          { vertical-align: super;font-size: 50%; }
#coresample {margin:10px 0;}
#coresample input[type="text"] {width:680px;}
#coresample select {min-width:200px;}

#coresample .sectionheader {padding: 0 0 0 6px; margin: 0 0 0 6px; width:756px; text-align:right;}
#coresample .sectionheader span {font-style:italic; font-weight: bold; border-bottom-style: none !important; padding: 3px 8px 4px 8px; padding-bottom: 4px; margin-right:-2px;}
#coresample .sectioncontent {padding: 6px; margin: 3px 6px 10px 6px; width: 750px;}
#coresample .buttons {padding: 0px; margin: 3px 6px 10px 6px; width: 750px;}

#coresample .incomplete .sectionheader span {border: 1px solid #aaa; background: #ddd;}
#coresample .incomplete .sectioncontent {border: 1px solid #aaa; background: #ddd;}
#coresample .complete .sectionheader span {border: 1px solid #1b1; background: #cfc;}
#coresample .complete .sectioncontent {border: 1px solid #1b1; background: #cfc;}

#coresample textarea {display:block; width:745px; margin-top:10px;}
#coresample iframe {display:block; width:750px; height:140px ;border: 1px solid #aaa; margin-top:5px;}

/*#tblcslayers {width:100%;border: 1px solid; border-right-style: none !important; margin-bottom:6px;border-spacing:0;
  border-collapse:collapse;}*/
/*#tblcslayers tr { margin:10px 0;}*/  
/*#tblcslayers tr.odd {background: #ffd2a6;color:#000;}
#tblcslayers tr.even {background: #ffe8d2; color:#284775;}*/

/*#tblcslayers td {padding:5px 2px;border-right:1px solid }*/
/*#tblcslayers th {padding:5px 2px;border-right:1px solid; background:#bbb;font-weight:normal;}*/
#tblcslayers td.coledit, #coresample table td.coldelete {width:40px; white-space:nowrap;text-align:center;padding:2px;}

.dragHandle {cursor:move; background: url("/Images/Icons/hand.png") no-repeat; background-position:4px 3px; }
.rowindrag {background:#901A1F !important;color: White;}
.rowindrag .dragHandle {background: url("/Images/Icons/hand-closed.png") no-repeat !important; background-position:4px 3px !important; opacity:1.0; !important;}

.cslayerdialog .rightaligned
{
    width: 470px;
    text-align: right;
    margin: 4px 4px 4px 4px;
}
.cslayerdialog .rightaligned label
{
    padding-top: 2px;
}
.cslayerdialog .rightaligned select
{
    width: 390px;
}
.cslayerdialog .rightaligned input
{
    width: 384px;
}
.cslayerdialog .rightaligned textarea
{
    width: 384px;
    height: 160px;
    vertical-align: text-top;
}
.cslayerdialog .rightaligned .spacer
{
    width: 390px;
    display: inline-block;
}
.cslayerdialog .titled
{
    width: 470px;
    text-align: left;
    margin: 4px 4px 4px 4px;
}
.cslayerdialog .titled textarea
{
    width: 464px;
    height: 160px;
}

#formeditcslayer select {width:496px;border: 1px solid #bbb;}
#formeditcslayer .statement{margin-bottom:10px;}
#formeditcslayer .description{margin-bottom:10px;}
#formeditcslayer .buttons {text-align:right;margin-bottom:4px}
#formeditcslayer #coresampledescription { border: 1px solid #bbb; display:block;width:575px; height:160px}

#formaddcslayer td.col1 {width:120px}
#formaddcslayer td.col2 {width:340px}
#formaddcslayer #specifyother {height:30px;vertical-align:top}
#formaddcslayer #specifyother span {display:none;}
#formaddcslayer select {border: 1px solid #bbb;width:346px}
#formaddcslayer textarea, #formaddcslayer input[type="text"]{border: 1px solid #bbb;width:344px}
#formaddcslayer textarea {height:150px}
#formaddcslayer .buttons {text-align:right;margin-bottom:4px; margin-top:10px;}


#modaldialog {min-height:10px !important;}
#DeleteForm {margin:8px 4px}
#DeleteForm div.buttons {text-align:center;margin-top:10px}

/* Core Sample Photographs */
.surveyreportphotograph {width:356px; display:inline-block;margin:5px}
.surveyreportphotograph td {border: 0px !important;}
.surveyreportphotograph tr  {border: 0px !important;}
.surveyreportphotograph table {border: 0px !important;}
.surveyreportphotograph input[type="text"] {width:340px !important;}
.surveyreportphotograph textarea {width:340px !important;}
.surveyreportphotographimage { text-align: center;  height: 160px; position:relative; }
.surveyreportphotographimage .addphotolink {display:inline-block; margin-top:45px; border: 1px dashed #999;padding:10px; width:101px; text-align:center}
.surveyreportphotographimage .addphotolink .content-main-drop-content-table-body-row-cell-actions-item-link-text { color:#222; font-weight:normal }
.surveyreportphotographimage img {height: 240px; width: 344px;}


.surveyreportphotographimage:hover .child {visibility: visible;}
.surveyreportphotographimage .child {position:absolute; top:0;visibility: hidden;}


.thumbnailimage {width:240px; margin: 2px;}


.thumbnailcontainer{border: 1px solid #bbb;}
.thumbnailcontainer img {border: 4px solid #fff;}
.thumbnailcontainer img:hover {cursor:pointer; border: 4px solid #ff8c00;}
#photoalbum select {width:400px;margin:10px 3px;}
.newfile {width:580px;margin:10px 0px 5px 5px;}
.newfile input[type="submit"] {font-size:11px;}

.progress { position:relative; width:600px; border: 1px solid #ddd; padding: 1px; margin-top:3px;}
.bar { background-color: #ff8c00; width:0%; height:20px;}
.percent { position:absolute; display:inline-block; top:3px; left:48%; }

#surveyreportphotos {margin:10px 0;}
#surveyreportphotos input[type="text"] {width:680px;}
#surveyreportphotos select {min-width:200px;}

#surveyreportphotos .sectionheader {padding: 0 0 0 6px; margin: 0 0 0 6px; width:730px; text-align:right;}
#surveyreportphotos .sectionheader span {border-bottom-style: none !important; padding: 3px 8px 4px 8px; padding-bottom: 4px; margin-right:-2px;}
#surveyreportphotos .sectioncontent {padding: 6px; margin: 3px 6px 10px 6px; width: 750px;}
#surveyreportphotos .buttons {padding: 0px; margin: 3px 6px 10px 6px; width: 730px; text-align:right;}
#surveyreportphotos .buttons input {width:100px}