.huds { display:none; }

.hud {
  text-align:left;
  border:6px solid #323232;
  background:#d8d8d8;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  padding:12px;
  box-shadow:3px 3px 18px black;
  position:relative;
}
.hud .hud-inner {
  position:relative;
}
.hud .spinner {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#333 url(../../images/spinners/333/66.gif) no-repeat center;
  display:none;
  z-index:361; /* jcrop stuff is at 360 */
  opacity:.9;
  filter:alpha(opacity=90);
}
.hud.loading .spinner { display:block; }
.hud .close {
  position:absolute;
  top:0;
  right:0;
  width:16px;
  height:16px;
  background:#ea4d4d url(../../images/stream/x.png) no-repeat center;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
.hud .hudtitle {
  font-size:20px;
  margin-bottom:8px;
  font-weight:bold;
}
.hud .error {
  display:none;
  margin:8px 0;
  color:red;
  font-weight:bold;
  float:left;
}
.hud .controls {
  margin-top:8px;
  text-align:right;
}
.hud form .expand { margin-right:14px; }
.hud form .text {
  border:1px solid #bbb;
  padding:4px 6px;
  font-size:14px;
}
.hud form select {
  font-size:14px;
  padding:3px;
  border:1px solid #bbb;
  width:100%;
}
.hud form .expand .text { width:100%; }
.hud .jspVerticalBar {
  width:6px;
  background:transparent;
}
.hud .jspHorizontalBar {
  height:6px;
  background:transparent;
}
.hud .jspHorizontalBar .jspTrack,
.hud .jspVerticalBar .jspTrack {
  background:#ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
.hud .jspHorizontalBar .jspTrack .jspDrag,
.hud .jspVerticalBar .jspTrack .jspDrag {
  background:#999;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.hud.queuehud {
  width:786px;
  padding:8px;
}

.hud .flag_form {
  display:inline-block;
  vertical-align:top;
}
.hud .child_flags {
  display:none;
}

.queuehud .hudsection { margin-bottom:8px; }
.queuehud .queue {
  height:298px;
  overflow:auto;
}
.queuehud .queue .post.selected .preview { background:#48ccf8; }
.queuehud .queue .post {
  padding:8px 8px 0 8px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
.queuehud .queue .post .preview {
  box-shadow:1px 1px 3px #222;
}
.queuehud .queue .post .postdata h5 {
  padding-bottom:4px;
}
.queuehud .zool {
  width:100%;
  font-size:18px;
  text-align:center;
  line-height:123px;
  margin:0;
}

.addlinkhud {
  width:500px;
}

.editepisodehud,
.createepisodehud { width:500px; }
.editepisodehud .editepisode-inputs label,
.createepisodehud .newepisodehud-inputs label,
.hud .sectext {
  display:block;
  margin-bottom:4px;
  font-weight:bold;
}
.edithud .texthud-positionoptions li {
  list-style:none;
  margin-bottom:4px;
}
.editepisodehud .text,
.createepisodehud .text,
.edithud .text { margin-bottom:8px; }

.edithud { width:706px; }
.edithud .texthud .texthud-left {
  width:292px;
  float:left;
}
.edithud .texthud .texthud-right { margin-left:300px; }
.edithud .texthud .texthud-thumbnail.loading {
  background:url(../../images/spinners/e8e8e8/66.gif) no-repeat center;
  width:406px;
  height:300px;
}
.edithud .texthud .texthud-thumbnail.loading .jcrop-holder {
  visibility:hidden;
}
.edithud .texthud .texthud-cropinstructions {
  margin:12px 0;
  padding:8px;
  background:#eee;
  border:1px solid #ccc;
}
.edithud .texthud .texthud-cropinstructions h6 {
  font-weight:bold;
  margin-bottom:4px;
}
.edithud .texthud .texthud-cropinstructions ul {
  font-size:11px;
  line-height:15px;
  margin-left:14px;
}
.edithud .swapthumb {
  color:#1a8cd3;
  vertical-align:bottom;
  display:inline-block;
}
.edithud .swapthumb:hover { text-decoration:underline; }

.singlepostaddhud,
.episodeaddhud {
  overflow:hidden;
  width:600px;
}
.addoptions .addoption {
  display:block;
  color:black;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  line-height:120px;
  width:188px;
  float:left;
  border:3px solid #bbb;
  background:#eee;
  margin:0 3px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
.addoptions .addoption:hover {
  border-color:#39a3c6;
  background:#48ccf8;
}

.singlepostedithud,
.singlepostdetailshud { width:480px; }
.singlepostedithud .sectext,
.singlepostdetailshud .sectext { margin-top:8px; }
.singlepostedithud .confirmbox,
.singlepostdetailshud .confirmbox { display:none; }

.gifsection,
.gifsectioninner { margin-top:12px; }
.gifsectioninner { display:none; }
.gifsection .slider { width:480px; }
.gifsection .status {
  margin-top:8px;
  font-weight:bold;
  color:#666;
  display:none;
}
.gifsection .statusleft { float:left; }
.gifsection .statusleft.bad { color:red; }
.gifsection .statusright {
  float:right;
  text-align:right;
}

.editscenehud { width:698px; }
.editscenehud .flowtitle { display:none; }
.editscenehud.addflow .flowtitle { display:block; }
.editscenehud.addflow .normaltitle { display:none; }
.editscenehud .instructions { display:none; }
.editscenehud .editscene { width:498px; }
.editscenehud .button.next { display:none; }
.editscenehud .editscene { margin-right:200px; }
.editscenehud .instructions {
  float:right;
  width:172px;
  display:none;
  padding:8px;
  border:1px solid #ccc;
  background:white;
  margin-top:27px;
}
.editscenehud .instructions h3 {
  font-weight:bold;
  margin-bottom:4px;
}
.editscenehud .instructions p {
  font-size:13px;
  line-height:14px;
  margin-bottom:8px;
}
.editscenehud .instructions p.bigger {
  font-size:16px;
  line-height:17px;
}

.editpluginscenehud .playercontrol.volumecontrol {
  display:none;
}

.hud.invitehud { width:600px; }
.hud.invitehud .hudlogo { text-align:center; }
.hud.invitehud .msg {
  margin:12px 0;
  font-size:13px;
  line-height:17px;
}

.hud.channelhud {
  width:618px;
}
.channelhud .hudsection { margin-bottom:8px; }
.channelhud .hudfloatsection .hudsection { float:left; }
.channelhud .hudfloatsection .hudsectiontags { width:60%; }
.channelhud .hudfloatsection .hudsectioncategory {
  width:38%;
  margin-left:2%;
}
.channelhud .collections {
  height:298px;
  padding:6px 0;
  overflow:auto;
}
.channelhud .collections .collection {
  float:left;
  padding:12px;
  cursor:pointer;
}
.channelhud .collections .collection.selected {
  background-color:#f5f5f5;
  border-radius:3px;
  box-shadow:0 0 2px #aaa;
}
.hud.addyoutubescenehud,
.hud.addgifurlscenehud { width:520px; }

.hud.showembedcodehud .expand {
  margin-right:18px;
}
.hud.showembedcodehud textarea {
  width:100%;
  height:80px;
  padding:8px;
  border:1px solid #ccc;
  resize:none;
}
.hud.fbvideopublishhud { width:500px; }
.hud.fbvideopublishhud .authtokensection {
  display:none;
  margin-top:12px;
}
.hud.approvetagshud {
  width:800px;
}
.hud.approvetagshud .hudsection {
  margin-bottom:12px;
}
.hud.approvetagshud .hudsection .sectext { margin-bottom:4px; }
.hud.approvetagshud .deny { float:left; }
.hud.approvetagshud .rating {
  margin-top: 4px;
  margin-bottom: 4px;
}