/* ===== avatar-list ===== */
/* avatar widgetry */

.avatar-selection {
  text-align: center;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #ddd;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
}

.avatar-image {
  float: left;
	padding: 0px;
	margin-right: 3px;
	border: 1px dotted #999;
	width: 120px;
	height: 160px;
}

.avatar-control {
  list-style: none;
	text-align: left;
}

.avatar-control li {
}

.avatar-control span {
  font-size: x-small;
}

.avatar-control button {
	width: 7em;
}


.avatar-current-text {
	color: #111;
}

.avatar-selection.avatar-current {
	background-color: #ded;
}

/* uploading */

#avatar-upload {
  clear: both;
}

#avatar-ul {
	margin:auto;
}

#avatar-ul .upload {
	font-size: smaller;
}

#avatar-ul .limits {
	color: #666;
}


/* ===== comments ===== */
.comment {
 margin: 3px;
 background-color: #ddd;
 border-color: #999;
 border-style: solid;
 border-width: 1px;
 max-width: 80%;
}

.comment-header {
}

.comment-header span {
 background-color: #bbb;
 border-color: #999;
 border-style: solid;
 border-width: 1px;
 white-space: nowrap;
}

.comment-body {
 padding: 10px;
}

p.reply {
	padding-left: 1em;
  text-indent: -1em;
}

textarea.comment-input {
 width: 80%;
}

/* ===== control-panel ===== */
#ctrl-tabs {
  margin-bottom: 10px;
}

.ctrl-hidden {
  display: none;
}

.ctrl-active {

}

.ctrl-element {
  border-right: 2px solid #009;
  padding: 1px 0.15em;
	margin: 0px;
  cursor: pointer;
}

ul.tabs {
	margin: 0px;
	padding: 0px;
	display: block;
	border-bottom: 1px solid #009;
}

ul.tabs li {
  margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	background-color: #fff;
	border-left: 2px solid #009;
	border: 2px solid #009;
	border-bottom: 0px;
}

ul.tabs li.first {
}

ul.tabs li.active {
	border: 1px solid #009;
	border-bottom: 1px solid #fff;
	padding: 1px;
	padding-bottom: 0px;
	font-weight: bold;
}

ul.tabs li a {
	padding: 0px 3px;
	text-decoration: none;
  cursor: pointer;
}

ul.tabs li a:hover {
	background-color: rgb(70%,70%,100%);
}

ul.tabs li.active a:hover {
	background-color: #fff;
}

/* this doesn't belong here either */
/* #tags-user-search COMPAT */
#tags-user-search, #tagsearch-form-box {
	margin-bottom: 1em;
}

.search-links {
	text-align: center;
	padding: 0.3em 0em;
	clear: left;
}

.search-links a {
	font-weight: bold;
}


/* ===== create-account ===== */
#avatar-limits {
	color: #666;
	font-size: smaller;
}

/* ===== edit-video ===== */
#edit-video-info {
	float: right;
	width: 162px;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #ddd;
	margin-right: 1em;
}

/* ===== header ===== */
input.header {
  font-size: 60%;
}

#site_image {
  float: left;
  /* padding-top: 10px; */
}

#sign_log {
  position: absolute;
  right: 2%;
}

form#login {
  position:relative;
}

div#hdr-login,
div#hdr-password {
  position:relative;
  float:left;
  margin-right:3px;
}

input#login,
input#password {
  width:10em;
}

label.overlabel {
  color:#999;
}

label.overlabel-apply {
  position:absolute;
  top:3px;
  left:5px;
  z-index:1;
  color:#999;
}
/* ===== index ===== */
.video-result {
   width: 160px;
   height: 260px;
   float: left; 
   margin: 5px;
   padding: 10px;
   background-color: #ddd;
   border-style: solid;
   border-width: 1px;
   border-color: #999;
	 overflow: hidden;
}

.video-details {
  font-size: smaller;
}

/* ===== news ===== */
.news-meta {
	border: 1px solid #999;
	border-bottom: 0px;
	padding: 0.2em;
}

.news-date {
	color: #666;
}

.news-headline {
	color: #009;
	font-weight: bold;
}

.news-body {
	border: 1px solid #999;
	border-top: 1px solid #ccc;
	padding: 0.2em 0.2em 0.5em 1em;
	margin-bottom: 0.8em;
}

#brief-news .news-headline {
	font-weight: normal;
	color: inherit;
}


/* ===== pagelib ===== */
body {
	padding: 5px 2%;
	background-color: #fff;
	color: #111;
	font-family: Verdana, Helvetica, sans-serif;
}

h1, h2, h3 {
	letter-spacing: 0.1em;
	color: #009;
}

a {
  color: #00c;
  text-decoration: underline;
}

a.ui {
	text-decoration: none;
}

.meta-ctrl {
	font-size: smaller;
}

img {
  border-style: none;
}

input, textarea, select {
	color: #000;
	background-color: #fff;
}

.working {
	color: #444;
}

.error {
	color: #900;
}

.success {
	color: #080;
}

.status {
	font-size: smaller;
}

/* .pw-* and en/disabled pulled out of JS */

.pw-success {
	border-color: #080;
}

.pw-error {
	border-color: #900;
}

form .enabled {
	background-color: #fff;
}

form .disabled {
	background-color: #ddd;
}

#welcome {
	text-align: center;
}

.wbanner {
	font-weight: bold;
}

.wlinks {
	font-size: smaller;
}

#video-col {
  float: left;
  width: 50%;
  margin-right: 1%;
  padding-top: 3px;
}

#navbar {
	clear: both;
  margin-bottom: 10px;
}

#pre-footer {
	clear: both;
}

#footer {
  clear: both;
	padding-top: 0.5em;
	border-top: 1px dotted #ccc;
}

.form-question {
  text-decoration: underline; 
  color: #009; 
  cursor: pointer;
}

img.thumbnail {
  border-style: solid;
  border-width: 1px;
  border-color: #000;
}

#footer-list {
 font-size: smaller;
 float: left;
}

ul.navlinks {
  display: inline;
	margin: 0;
	padding: 0;
}

ul.navlinks li {
  margin-left: 0;
	margin-right: 0;
	border-left: 2px solid #009;
	list-style: none;
	display: inline;
}

ul.navlinks li.first {
  margin-left: 0;
	margin-right: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

ul.navlinks li * {
  margin: 0px;
	padding: 0.1em 0.3em;
}

ul.navlinks li *:hover {
	background-color: rgb(70%,70%,100%);
}

#footer-copyright {
 font-size: x-small;
 float: right;
}

/* ===== ppolicy ===== */
.ppolicy_Body {
	font-weight: normal;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
}
.ppolicy_BodyHL {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.ppolicy_BodyLink {

	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.ppolicy_Chapter {
	font-weight: bold;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #006666;
}
.ppolicy_ChapterComment {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.ppolicy_Section {
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #006666;
}
.ppolicy_SectionComment {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.ppolicy_PageTitle {
	font-weight: bold;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #006666;
}
.ppolicy_PageTitleComment {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

/* ===== profile ===== */
.alt-profile-link {
	position: absolute;
	right: 2%;
}

#about-div {
  float: left;
  width: 49%;
  margin-right: 1%;
}

#avatar {
  border-width: 1px;
  border-color: #060606;
  border-style: solid;
  height: 160px;
  width: 120px;
  background-color: #eee;
  text-align: center;
  float: left;
  margin-right: 5px;
}       

#bio-body {
  
}

.tags-user {
	float: left;
	width: 29em;
	margin: 2px;
	background-color: #ddd;
	border: 1px solid #999;
	padding: 2px;
	height: 130px;
	overflow: auto;
}

.tags-user table * {
	vertical-align: top;
}

.tags-user .video-thumbnail {
	margin: auto;
}

.tags-attrib {
	font-size: 110%;
}

/* Content Management layout */
.profile-video-result {
   float: left; 
	 width: 160px;
	 height: 240px;
	 padding: 10px;
   margin: 5px;
   background-color: #ddd;
	 border: 1px solid #999;
}

.video-edit-links {
	font-weight: bold;
	text-align: center;
	margin-top: 0.33em;
}

.profile-tabs {
	font-size: smaller;
}


/* ===== rating ===== */
.rating-bar {
	text-align: center;
	margin: 2px;
	font-size: smaller;
}

.rating-outline {
	border: 1px solid #99c;
	text-align: left;
}

.rating-fill {
	background-color: #99c;
}

.rating-detail {
}

.rating-none-text {
	border: 1px solid #99c;
}

/* ===== terms ===== */
.terms_Body {
	font-weight: normal;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
}
.terms_BodyHL {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.terms_BodyLink {

	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.terms_Chapter {
	font-weight: bold;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #006666;
}
.terms_ChapterComment {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.terms_Section {
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #006666;
}
.terms_SectionComment {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.terms_PageTitle {
	font-weight: bold;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #006666;
}
.terms_PageTitleComment {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

/* ===== upload ===== */
#ul-limits {
	list-style: none;
}

.formlabel {
	text-align: right;
	vertical-align: top;
}


/* ===== view-control ===== */
#video-col {
	float: left;
	width: 430px;
}

#control-col {
  margin-left: 437px; /* 7px gutter between control and video columns */
}

.meta {
 margin: 3px;
 background-color: #ddd;
 border-color: #999;
 border-style: solid;
 border-width: 1px;
}

#rate-box {
	float: right;
	margin-right: 1em;
}

#info-div, #search-div {
	height: 400px;
	overflow: auto;
}

#rate-form-div, #tag-form-div {
	margin: 2px 0px;
}

#view-edit-link {
	float: right;
	margin: 2px;
}

.heading {
 margin-left: 0px;
 background-color: #bbb;
 border-color: #999;
 border-style: solid;
 border-width: 1px;
 font-weight: bold;
}

.field {
 font-weight: bolder;
}

.help {
  color: #006;
  text-align: center;
  margin-bottom: 10px;
}

/* ===== view-video ===== */
#video-placeholder {
	font-weight: bold;
	font-size: larger;
	padding: 0.5em;
	border: 1px dotted #c00;
}

#video-protected {
	text-align: center;
	height: 320px;
	border: 1px solid #ccc;
	background-color: #ddd;
	padding-top: 30px;
}

#video-protected #password-msg {
	font-weight: bold;
	margin-bottom: 0.5ex;
}