/*
 * uvm_directory.css
 * Dillon Beliveau
 */

/*
 * Color
 */

/* Color of the row when expanded */
div#directory_container tr.person-data.expanded {
  background-color: #E0E0E0;
  border-bottom: 2px solid #999999;
}
/* Color of the summary of an expanded row */
div#directory_container tr.summary {
  background-color:#eee;
  border-bottom: 2px solid #999999;
}
/* Color of a hovered expanded row */
div#directory_container tr.person-data.expanded:hover {
  background-color:#ddd;
}
/* Color of a focused expanded row */
div#directory_container tr.person-data:focus {
  background-color:#CCCCCC;
  outline: none;
}
/* Color of a hovered row */
div#directory_container tr.person-data:hover {
  background-color:#CCCCCC;
}
/* Color of a focused hovered row */
div#directory_container tr.person-data:hover:focus {
  background-color:#ADADAD;
}

div#directory_container p.textinput {
  background-color:white;
  border-radius:5px;
}
div#directory_container p.textarea {
  background-color:white;
  padding: 9px 12px;
  height: 52px;
  width: 100%;
  border: 1px solid lightgray;
  border-radius: 5px;
}
#content #directory_container a.btn:hover {
  color:white;
}
/*
 * Layout
 */

.centercol_nogrid{
	width:70%;
	float:left;
}
.rightcol_nogrid{
	width:25%;
	float:right;
}
#directory_advanced_options {
  margin-bottom: 50px;
}

#directory_returndata_wrapper {
  transition-duration: .2s;
  transition-property: max-height, min-height;
  transition-timing-function: ease;
  max-height: 0;
  overflow: hidden;
}

div#directory_container div#returndata {
  overflow:hidden;
  margin-bottom: 50px;
}

/* For #editEntry */

div#directory_container #editEntry {
  width:100%;
  margin-bottom: 50px;
}
div#directory_container #editEntry ul.table {
  display: table;
  margin:0px;
  width: 100%;
}
div#directory_container #editEntry ul.table li {
  display: table-row;
  height: 50px;
  /*background-color:lightgray;*/
}
div#directory_container #editEntry ul.table li:nth-child(odd) {
  /*background-color:darkgray;*/
}
div#directory_container #editEntry ul.table li span {
  display: table-cell;
  /*border: 1px solid black;*/
  padding: 5px 50px 5px 10px;
  vertical-align:middle;
  border-top: 1px solid #ccc;
}
div#directory_container #editEntry ul.table li span:nth-child(1) {
  font-weight:bold;
}
div#directory_container #editEntry ul.table li span:nth-child(3),
div#directory_container #editEntry ul.table li span:nth-child(4) {
  padding-right:10px;
}
div#directory_container #editEntry ul.table li span:nth-child(4) {
  min-width:160px;
}
div#directory_container #editEntry ul.table li span p {
  margin: 0px;
}
div#directory_container #editEntry p.textinput {
  min-height:26px;
}
div#directory_container #editEntry span fieldset {
  padding-top:20px;
}
div#directory_container #editEntry span fieldset label {
  display:block;
  width: 100px;
  float:left;
}

/* for .summary */

#content #directory_container .summary ul.table {
  display: table;
  margin: 0px;
}
#content #directory_container .summary ul.table li {
  display: table-row;
}
#content #directory_container .summary ul.table li span {
  display: table-cell;
  padding-right: 20px;
}
#content #directory_container .summary ul.table li span:nth-child(1) {
  font-weight:bold;
}

#content #directory_container .summary td li span p,
#content #directory_container.directory_listing_container .summary li span p {
  margin-bottom:0px;
}
div#directory_container table.responsive1 tr.summary td {
  padding-left:0.375em;
}
div#directory_container tr td h1 {
  display:block;
  text-align:center;
}
div#directory_container div#editEntry {
  display:none;
}
@media only screen and (max-width: 760px) {
.centercol_nogrid, .rightcol_nogrid{
	padding:0 4%;
	width:92%;
}
  div#directory_container #returndata table.uvmtable caption {
    display:block;
  }
  div#directory_container #returndata table.uvmtable td[colspan="5"] {
    padding-left:0px;
  }
}
#content #directory_container a.btn {
  border: 1px solid darkgray;
  border-radius:5px;
  cursor:pointer;
}
#directory_container .input-text {
  width:100%;
}
#directory_bottom_container {
  width:100%;
  float:left;
}
#directory_container .rightcol_nogrid {
  background-color:transparent;
}
#directory_container .rightcol_nogrid li {
  margin-left:0px;
  list-style-image:none;
}

