#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("/img/icons/hand.png") no-repeat; background-position:4px 3px; }
.rowindrag {background:#901A1F !important;color: White;}
.rowindrag .dragHandle {background: url("/img/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 {margin: 0px;}


.photos-thumbnail-container-frame {border: 1px solid #bbb; margin-top: 10px;}
.no-photos {text-align: center; padding: 10px;}
.image-loader {text-align:center; padding: 10px;}
.image-loader i {font-size:3em;}
.photos-thumbnail-container img {border: 3px solid #fff;}
.photos-thumbnail-container img:hover {cursor:pointer; border: 3px 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}