* {
  font-family:Verdana, Arial, 'Sans Serif';
  font-size:11px;
  color:#4c4c4c;
}

html body {
  min-width:1200px;
}
legend, h1 {
  text-transform:uppercase;
  font-weight:bold;
  color:#7F0000;
}

/* nav */
#nav {
  width:98%;
  height:20px;
  padding:10px;
  margin:0;
  border-bottom:1px solid #7F0000;
}

.nav-title {
  color:#7F0000;
  font-size:12px;
  letter-spacing:2px;
}

.nav-item {
  padding:5px 10px;
  border-left:1px solid #b8b8b8;
  float:right;
}

.nav-item.first {
  border:0;
  margin-left:50px;
}

.nav-item a:link {
  text-decoration:none;
  color:#4c4c4c;
}

/* index css properties */
.icityform {
  display:block;
  width:320px;
  height:190px;
  margin:15% auto 10px auto;
  border:1px solid #b8b8b8;
  box-shadow:5px 5px 10px #b8b8b8;
  padding:10px 20px;
  text-align:center;
  background-image:linear-gradient(120deg, #eeeeee, #ffffff);
}

#err-msg {
  display:block;
  color:red;
  text-align:center;
}

.icityform input,.icityform  label ,.icityform  select{
  float:left;
  margin:5px 2px 5px 30px;
}

.icityform  label {
  text-align:right;
  clear:left;
  width:60px;
}


.icityform #login-in {
  clear:left;
  margin-left:120px;
  padding:3px 10px;
  cursor:pointer;
}

.newaccount {
  clear:both;
  float:left;
  margin:10px 0 0 120px;
  color:#b8b8b8;
}

.newaccount:hover {
  color:#4c4c4c;
}

#new-account.icityform {
  width:380px;
  height:270px;
}
#new-account.icityform label {
  width:120px;
}
#createuser {
  clear:left;
  margin-left:180px;
  padding:3px 10px;
  cursor:pointer;
}

.valid {
  color:green;
  display:block;
  margin-top:30px;
}

/* new entry form */
#entry-form {
  position:relative;
  z-index:10;
}

#entry-form input, #entry-form label, #entry-form textarea, #entry-form select {
  display:block;
  float:left;
  margin:5px;
}

input[type=button], input[type=file], input[type=radio] {
  cursor:pointer;
}

#entry-form label {
  clear:left;
  width:200px;
  text-align:right;
  color:#4c4c4c;
}

#entry-form fieldset {
  border:1px solid #7F0000;
  margin:20px auto;
  width:70%;
}

#entry-form h1 {
  text-align:center;
  font-size:13px;
  margin:20px auto;
}

#submit_button, #cancel_button {
  display:block;
  width:150px;
  height:30px;
  margin:0 10px;
}

#entry-form .subcat {
  display:none;
}

.span_msg {
  float:left;
  margin:5px 5px 0 0;
}

.current_file_name {
  display:block;
  clear:both;
  margin:0 0 10px 220px;
  font-size:9px;
  color:#7F0000;
}

#layout_mask {
  position:absolute;
  display:none;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:20;
  background-color:rgba(150, 150, 150, 0.7);
}

#upload_frame {
  display:none;
  width:650px;
  height:auto;
  padding:20px;
  margin:50px 0 0 -320px;
  position:absolute;
  top:10%;
  left:50%;
  z-index:30;
  border:1px solid #b8b8b8;
  box-shadow:5px 5px 10px #4c4c4c;
  background-color:#fff;
}

.upload_line {
  display:block;
  width:600px;
  height:auto;
  border-top:1px solid #b8b8b8;
  margin:15px auto;
  padding:10px;
}

.upload_left, .upload_right {
  display:block;
  float:left;
  height:60px;
}

.upload_left {
  width:250px;
}

.prog {
  width:250px;
  height:15px;
  float:left;
  color:#B29595;
}

.remaining, .transfered, .speed {
  display:block;
  width:140px;
  height:12px;
  font-size:10px;
  margin-left:10px;
  clear: both;
}
.details {
  color:#B29595;
  font-weight:bold;
}
.response {
  display:none;
  clear:both;
  margin:10px;
  color:#2F3B44;
}

/* home page table */
#table-data {
  border-collapse:collapse;
  margin-top:20px;
  width:99%;
}

#table-data td {
  font-size:11px;
  padding:2px;
  text-align:center;
  border:1px solid #7F0000;
}

#table-data td.alignleft  {
  text-align:left;
}

#table-data th {
  border:1px solid #7F0000;
}

.tab-header a.sortheader{
  color:#7F0000;
  text-transform:uppercase;
}

.spec_link a:link {
  margin-right:10px;
  float:right;
}
.spec_link a:hover {
  color:#000;
}

.filename_disp {
  display:block;
  float:left;
}

.edit_entry, .remove_entry {
  margin:10px 4px;
  display:block;
}

.img_edit {
  display:block;
  margin:0 auto;
  border:0;
}

.not_edit {
  opacity:0.4;
  cursor:not-allowed;
}

.not_edit .img_edit {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
opacity:0.7;
}

.edit_link {
  text-align:center;
}

.no-result {
  display:block;
  font-size:16px;
  margin-top:30px;
  color:#ccc;
  letter-spacing:1px;
}

#clear_filter {
  text-decoration:underline;
}

#clear_filter:hover {
  color:#000;
  cursor:pointer;
}

#table-data td ul li {
  list-style-type:none;
  text-align:left;
  font-size:10px;
  margin-left:-35px;
  clear:both;
}

#table-data td ol li {
  list-style-type:upper-roman;
}

table#table-data.sortable tbody tr:nth-child(2n) td {
  background-color:#eee;
}
table#table-data.sortable tbody tr:nth-child(2n+1) td {
  background-color:#none;
}

#close {
  clear:both;
  display:none;
  width:60px;
  height:12px;
  border:1px solid #b8b8b8;
  margin:30px auto;
  text-align:center;
  padding:5px;
  cursor:pointer;
}

#close:hover {
  box-shadow: 2px 2px 5px #4c4c4c;
}

#close:active {
  background-color:#4c4c4c;
  color:#fff;
}

.sg_in_list {
  display:block;
  width:125px;
  float:left;
  clear:both;
  padding-right:2px;
  text-align:right;
}

#sound_params {
  display:block;
  width:635px;
  height:85px;
  float:left;
  clear:left;
}

#embrace {
  display:block;
  width:10px;
  height:85px;
  float:left;
  border:1px solid #b8b8b8;
  border-left:none;
}

#loading_img {
  border:0;
  display:none;
  float:left;
  margin:35px 0 0 10px;
}

#err_msg {
  display:block;
  float:left;
  margin:35px 0 0 10px;
}

#abort_button {
  text-decoration:underline;
  cursor:pointer;
}

.filesize_disp {
  margin:7px 0 5px 5px;
  float:left;
}

input#getwav {
  display:block;
  width:165px;
  float:left;
  padding:2px 5px;
  margin:32px 0 0 10px;
  text-align:center;
}