form {
	margin:0px;
	/*padding:0px;*/
	/*border:0px;*/
}

html {
/*  background-color: #AAA; */
  background-color: #B0B6D0;
/*  height: 100%; */
}

body {
  position: relative;
  margin: 0px;
/*  background-color: red; *//*#B0B6D0;*/
  background-color: #B0B6D0;
/*  height: 100%; */
}

div.main {
  background-image: url('main_bg.png');
  background-repeat: repeat-y;
  background-color: #FFF; /* #B0B6D0 */
  margin-left: auto;
  margin-right: auto;  
  padding-left: 10px;
  padding-right: 10px;
  width: 730px;
/*  color: white; */
/*  min-height: 100%;*/
}

div.main_upload {
  margin-left: 85px;
}

div.main > a > img {
  border: 0px solid black;
}

h1 {
  margin: 0px;
  padding: 0.2em;
  background-repeat:no-repeat;
/* color: #44A; */
  color: #E0691A;
}

div.header_menu {
  float: right;
  border-bottom: 1px solid #CFC; 
}

.right { float: right; }
.left { float: left; }

div.menu_nav {
  padding: 3px;
  background-image: url('menu_nav_bg.jpeg');
  background-repeat: repeat-x;
  padding-left: 1em;
  color: #FFF;
  background-color: #DDF;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}

div.menu_nav  a {
  display:inline;
  font-weight: bolder;
  font-family: Verdana;
  text-decoration: none;
  font-variant: small-caps;
  /*font-style: none; *//*FIXME*/
  /*color: #55F;*/
  color: #FEE;
  /* border:1px solid black; */
}

div.menu_nav  a:hover {color:#E0691A;}

legend {
  font-weight: bolder;
}


div.progress_total {
  text-align: center;
  background-color:#EEEEFF;
  border:1px solid #DDDDDD;
  clear:both;
  margin:0.3em;
}

div.graph {
  /*float: center;*/
  margin:0px 60px;
}

div.video_stats { 
  text-align: left;
  background-color:#EEEEFF;
  border:1px solid #DDDDDD;
  clear:both;
  margin:0.3em;
  padding: 5px;
  text-decoration: none;
}

/*
div.video_stats > a {
  color: #8C92AC;
  text-decoration: none;
}
*/

div.video_stats img {
  float: right;
  border: 1px solid black;
  margin: 5px;
}

div.video_stats h3 {
  font-size: 15px;
  font-weight: normal;
}

div.video_stats h3 a {
  color: #E0691A;
  font-size: 20px;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
}

div.subscription {
  float: left;
  width: 155px;
  height: 275px;
  padding-top: 10px;
  text-align: center;
  margin: 4px;
  background-color: #EEF;
  border: 1px solid #DDD;  
}

div.subscription a img {
  border: 1px solid #CCC;
  border: 1px solid #CCC;
  margin: 5px;
  float: left;
}

a.video {
	text-decoration:none;
	color: #303e7b;
}

a.video:hover {
	color: #e0691a;
}

div.video_thumb_list  div.video {
  float: left;
  width: 155px;
  height: 200px;
  padding-top: 10px;
  text-align: center;
  margin: 3px;
  background-color: #EEF;
  border: 1px solid #DDD;  
}


div.video_thumb_list  div.video  a  img {
  border: 1px solid #CCC;
}

fieldset {
	margin-left: 5px;
	margin-right: 5px;
	margin-top:5px;
	background-color: #EEEEFF;
}

div.video_summary_list div.video a img {  
  border: 1px solid #CCC;
  margin: 5px;
  float: left;
}

div.video_summary_list div.search {
  margin: 30px;
  padding-left: 1em;
  background-color: #DDF;
  color: #777;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}

div.video_summary_list div.video div.infos h3 {
  margin: 0px; 
}

div.video_summary_list div.video div.infos {
/*  color: black; */
  margin: 5px;
}

div.video_summary_list div.video {  
  margin: 0.3em;
  background-color: #EEF;
  border: 1px solid #DDD;
  clear: both;
}

div.message {
  text-align: center;
  border: 2px solid #e0691a;
  margin: 1em;
  padding: 1em;
}

div.body {
/* padding: 0.5em; */
  margin: 1em;
}

body div h2 {
  text-align: center;
  color: #EEEEFF; /* #7A7 */
  background-color: #8C92AC;
  border-bottom: 1px solid #CAC;
  margin: 0.2em;
  font-variant: small-caps;
}

div.video_title {
	border: 1px solid #CCC;
	margin: 0px 2px 3px;
	width: 99%;
	font-size: 25px;
	font-weight: bold;
	color: #8C92AC;
	background-color: #EEEEFF;
}

div.page_index {
  padding-left: 1em;
  background-color: #DDF;
  color: #777;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}

div.footer {
  clear: both;
  border-top: 2px solid #AAA;
  padding: 10px;
  color: #FFF;
  font-size: 80%;
  background-image: url('menu_nav_bg.jpeg');
  background-repeat: repeat-x;
/*  background-color: #CCC; */
}

hr.spacer {
  clear: both;
  content: " ";
  border: 0px;
}

object {
  float: left;
}

iframe.upload {
  border: 1px dashed #AAA;
  width: 30em;
}

form.aligned {
  width: 100%;
}

form.aligned div {
  clear: both;
}

form.aligned div.submit {
  text-align: right;
}

form.aligned div label {
  /*display: block;*/
  text-align: right;
  width: 6em;
  float: left;
  /*clear: both;*/
}

form.aligned div label:after {
  content: ":";
}

form.aligned div input {
  /*clear: both;*/
}

div.buytime {
	text-align:right;
}

fieldset.upload {
  width: 500px;
}

fieldset.upload form.aligned div label {
  width: 10em;
}

form.aligned div input[type=submit] {
  text-align: right;
  margin-right: 5px;
}
	
div#popup_bg {
  display: none;
  position: absolute;
  opacity: 0.5;
  background-color: black;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 1;
}

div#popup {
  display: none;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 2;
}

div#popup > div {
  width: 20em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 2em;
  border: 3px solid #AAF;
  background-color: white;
}

div#popup_header {
  background-color: #EEE;
  border-bottom: 1px solid #DDD;
}

div#popup_content {
  padding: 4px;
}

div#popup_footer {
  text-align: right;
  background-color: #EEE;
  border-top: 1px solid #DDD;
  padding: 2px;
}

iframe#upload_target {
  display: none;
}

div.plot {
  position: relative;
  width: 100px;
  height: 100px;
  border: 2px solid #CCC;
}

div.plot_col {
  position:absolute;
  width: 10px;
  background-color: #F00;
  border: 1px solid #A77;
  border-bottom: 0px solid #F77;
  margin:1px;
}
iframe#dummy_target {
	display: none;
  width: 100%;
  border: 0px;
}