html, form { margin: 0; padding: 0; }
body { margin: 0px; padding: 10px; font: normal 12px arial, helvetica, sans; background-color: #fff5ec; color: #333333; }

ul, li, form, dt, dl, dd, ol, div, p, 
blockquote, h1, h2, h3, h4, h5, h6, a, code, pre { margin: 0; padding: 0; }
ul { list-style-type: none; list-style-image: none; margin-bottom: 0px; }
hr { display: none; }
input, textarea, select { font-family: arial, helvetica, sans; font-size: 1em; color: #333333; }
strong, b { font-weight: bold; }
table, tr, td { border-collapse: collapse; border-spacing: 0; padding: 0; }

a img { border: 0; }
a { text-decoration: none; }
a { color: #7c4299; text-decoration: underline; }
a:hover { color: #cc3333; text-decoration: underline; }

.smaller { font-size: 8px; }
.small { font-size: 10px; }
.normal { font-size: 12px; }
.large { font-size: 14px; }
.larger { font-size: 16px; }

.cleardiv { clear: both; height: 1px; font-size: 0; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

h1 { font: bold 2.0em georgia; color: #000000; }
h2 { font: bold 1.7em georgia; color: #000000; }
h3 { font: bold 1.4em georgia; color: #000000; }
h4 { font: bold 1.2em georgia; color: #000000; }
h5 { font: bold 1.0em georgia; color: #000000; }

#account_box
{
  width: 700px;
  height: 600px;
  border: 8px solid #333333;
  background: #cccccc;
  color: #000000;
  padding: 8px;
  vertical-align: middle;
}

#account_header
{
  font: bold 3.0em georgia; color: #333333;
  text-align: left;
}

#account_links { text-align: right; vertical-align: bottom; padding-bottom: 10px; font-weight: bold; font-size: 120%; }
#account_links a { color: #000000; text-decoration: underline; }

.alert { color: #cc0000; }

#container
{
  width: 1000px;
  height: 700px;
  margin: 0 auto;
  padding: 30px;
}

#copy_box
{
  width: 700px;
  height: 300px;
  border: 8px solid #877753;
  background: #e2d5b2;
  color: #000000;
  padding: 8px;
  vertical-align: middle;
}

#login_box
{
  width: 700px;
  height: 300px;
  border: 8px solid #48597a;
  background: #e7ebf0;
  color: #000000;
  padding: 8px;
  vertical-align: middle;
}

#register_box
{
  height: 475px;
  border: 8px solid #663300;
  background: #cdcfc4;
  color: #000000;
  padding: 8px;
  vertical-align: top;
}

#register_box .choice
{
  padding: 10px;
  vertical-align: top;
}

#register_box .footer { border-top: 2px solid #333333; text-align: right; }
#register_box .note { font-style: italic; }

#register_header
{
  font: bold 3.0em georgia; color: #333333;
  text-align: left;
}

#register_links { text-align: right; vertical-align: bottom; padding-bottom: 10px; font-weight: bold; font-size: 120%; }
#register_links a { color: #000000; text-decoration: underline; }

.error {
  color: #ff0000;
  font-style: italic;
}

#share_button input
{
  background: #a78354;
  color: #fbdbc0;
  font-weight: bold;
  float: right;
}

#short_box
{
  width: 700px;
  height: 300px;
  border: 8px solid #333333;
  background: #cccccc;
  color: #000000;
  padding: 8px;
  vertical-align: middle;
}

#standard_links { text-align: right; vertical-align: bottom; padding-bottom: 10px; font-weight: bold; font-size: 120%; }
#standard_links a { color: #000000; text-decoration: underline; }

#upgrade_box
{
  width: 700px;
  height: 400px;
  border: 8px solid #663300;
  background: #cdcfc4;
  color: #000000;
  padding: 8px;
  vertical-align: middle;
}

#upgrade_box .footer { border-top: 2px solid #333333; text-align: center; }
#upgrade_box .note { font-style: italic; }

#upgrade_header
{
  font: bold 3.0em georgia; color: #333333;
  text-align: left;
}

#upgrade_links { text-align: right; vertical-align: bottom; padding-bottom: 10px; font-weight: bold; font-size: 120%; }
#upgrade_links a { color: #000000; text-decoration: underline; }

#video_ad
{
  width: 400px;
  height: 150px;
  background: #ffffff;
  border: 1px solid #432c05;
}

#video_detail
{
  width: 500px;
  height: 150px;
  background: #a78354;
  border: 2px solid #432c05;
  font: 1.0em georgia, times, serif;
  color: #aba6a1;
  padding: 4px;
  text-align: justify;
}

#video_detail a { color: #000000; text-decoration: underline; }
#video_detail a:hover { color: #7cc0ff; }
#video_detail .box { min-height: 142px; background: #68461e; padding: 4px; }
#video_detail img { float: left; padding: 0 10px 0 0; }
#video_detail .lesson { font: bold 0.8em georgia, times, serif; color: #000000; }
#video_detail .links { text-align: center; }
#video_detail .title { font: bold 1.8em georgia, times, serif; color: #fbdbc0; }

#video_links { text-align: right; vertical-align: bottom; padding-bottom: 10px; font-weight: bold; font-size: 120%; }
#video_links a { color: #000000; text-decoration: underline; }

#video_player
{
  width: 500px;
  height: 400px;
  background: #ffffff;
}

#video_series
{
  background: #a78354;
  border: 1px solid #432c05;
  font: 1.0em georgia, times, serif;
  color: #aba6a1;
  padding: 4px;
  text-align: justify;
  vertical-align: top;
  max-height: 400px;
}

#video_series .box
{
  background: #68461e;
  padding: 4px;
  margin: 0 0 4px 0;
  cursor: pointer;
  min-height: 80px;
}
#video_series .box:hover { background: #916e44; }
#video_series .box a { color: #fbdbc0; text-decoration: none; font-size: 76%; }
#video_series .box_top
{
  background: #68461e;
  padding: 4px;
  margin: 0 0 4px 0;
  color: #fbdbc0;
  font-size: 120%;
}
#video_series .box_top a { color: #ffffff; }
#video_series .box img { float: left; padding-right: 10px; }
#video_series .scrollable
{
  display: block;
  width: 400px;
  height: 360px;
  overflow: scroll;
}
#video_series select { color: #fbdbc0; background-color: #68461e; }
#video_series .lesson { font: bold 0.8em georgia, times, serif; color: #000000; }
#video_series .title { font: bold 1.8em georgia, times, serif; color: #fbdbc0; }

*html #video_series td /* IE sucks */
{
  height: expression( this.scrollHeight > 399 ? "400px" : "auto" );
  _height: 400px; /* Or maybe this? */
}
*html #video_series .box { height: 80px; }

#video_status
{
  text-align: left;
  vertical-align: bottom;
  padding-bottom: 10px;
  color : #000000;
}

.datatable{
  width: 600px;
}

.datatable h1{
  text-align: center;
}

#plan_info{
  text-align: center;
}

.footer {
  text-align: right;
}