/*
TYPEOGRAPHY / STYLISTIC DEFINITIONS
*/
html,body {
  margin: 0px;
  padding: 0px;
  background: white url(../images/bg10.png) top left repeat-x;
  color: black;
  font: normal 11px/12px Tahoma,sans-serif;
}
h1,h2 {
  color: #71a429;
  margin: 0px;
  padding: 0px 0px 8px 0px;
  font: bold 14px/18px Tahoma,sans-serif;
  border-bottom: 1px solid #dfdfdf;
}
p {
  margin: 0px;
  padding: 3px 0px 9px 0px;
}
a {
  color: black;
}
h3 {
  color: #71a429;
  font: bold 12px/12px Tahoma,sans-serif;
  padding: 3px 0px;
  margin: 0px;
}
ul {
  list-style: url(../images/bullet.gif) square;
  margin: 0px;
  padding: 0px 0px 0px 25px;
}
li {
  margin: 0px;
  padding: 6px 0px;
}
input.textbox,select {
  border: 1px solid #93bb5c;
  padding: 1px 8px;
  margin: 3px 0px 0px 0px;
}
select {
  padding: 0px;
}
input.button {
  background: white url(../images/btnshadow.gif) left bottom repeat-x;
  color: #1b3265;
  border: 1px solid #295198;
  -moz-border-radius: 6px;
  font: bold 11px/11px Tahoma,sans-serif;
  cursor: pointer;
}

/*
LAYOUT
*/
div.ie6headerhack {
  display: none;
}
div.header {
  position: relative;
  z-index: 3;
  width: 914px;
  height: 72px;
  margin: 0px 0px -6px 20px;
  background: url(../images/header10.png) top left no-repeat;
}
* html div.ie6headerhack {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/header10.png');
  width: 914px;
  height: 72px;
}
* html div.header {
  background: none;
}
a.logo {
  display: block;
  position: absolute;
  top: 12px;
  left: 21px;
  width: 279px;
  height: 39px;
  text-decoration: none;
}
a.logo img {
  border: none;
}
div.windgap {
  position: relative;
  height: 28px;
  padding-top: 8px;
  width: 907px;
  margin-left: 24px;
}
div.windgap div.left {
  position: absolute;
  top: 8px;
  left: 17px;
  color: black;
  text-transform: uppercase;
  font-weight: bold;
}
div.windgap div.left a {
  color: black;
  text-decoration: none;
}
a.mylibrary {
  display: block;
  float: left;
  width: 193px;
  height: 19px;
  background: url(../images/mylibrary.png) top left no-repeat;
}
a.mylibrary span {
  display: none;
}
a.findclip {
  display: block;
  float: left;
  width: 102px;
  height: 20px;
  background: url(../images/findclip.png) top left no-repeat;
}
a.findclip span {
  display: none;
}
div.windgap div.right {
  position: absolute;
  top: 14px;
  right: 16px;
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  color: #333;
}
div.windgap div.right .date {
  color: black;
}
div.footer {
  position: relative;
  z-index: 1;
  margin: -90px 0px 24px 20px;
  padding: 90px 0px 0px 0px;
  width: 914px;
  height: 35px;
  background: url(../images/footer10.jpg) top left no-repeat;
}
div.footer p {
  margin: 0px;
  padding: 10px 24px 0px 24px;
  font: normal 10px/10px Verdana,sans-serif;
  color: #808080;
}
div.footer p a {
  color: #808080;
  text-decoration: none;
}
div.footer p a:hover {
  text-decoration: underline;
}
span.copyright {
  color: #808080;
  padding-right: 12px;
}
div.login {
  border: 1px solid #496ba7;
  padding: 9px 19px;
  background-color: #98b6dc;
}
div.login input.textbox {
  width: 270px;
}
form.login {
  display: block;
  margin: 0px;
  padding: 0px;
  text-align: right;
}
form.login input {
  margin: 3px 0px 0px 0px;
}
form.login input.textbox,form.login select {
  width: 285px;
}

div.tabbuttons {
  position: absolute;
  top: 0px;
  left: 0px;
}
div.tabbuttons a {
  position: absolute;
  top: 0px;
  font: bold 11px/25px Verdana,sans-serif;
  color: #858e97;
  text-decoration: none;
  z-index: 1;
  text-align: center;
  height: 26px;
  text-transform: uppercase;
  letter-spacing: -1px;
  cursor: pointer;
}
div.tabbuttons a:hover {
  color: black;
}
div.tab a {
  width: 103px;
  height: 26px;
  background: url(../images/taboff.png) top left no-repeat;
}
div.tab a#tabq {
  width: 70px;
  left: 85px;
  background: url(../images/taboff-qa.png) top left no-repeat;
}
div.tab a#tabep {
  width: 79px;
  left: 243px;
  background: url(../images/taboff-ep.png) top left no-repeat;
}
div.tab a#tabtr {
  width: 96px;
  left: 151px;
  background: url(../images/taboff-tr.png) top left no-repeat;
}
div.tab a#tabc {
  width: 76px;
  left: 13px;
  background: url(../images/taboff-c.png) top left no-repeat;
}
* html div.tab a {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/taboff.png');
}
* html div.tab a#tabq {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/taboff-qa.png');
}
* html div.tab a#tabep {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/taboff-ep.png');
}
* html div.tab a#tabtr {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/taboff-tr.png');
}
* html div.tab a#tabc {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/taboff-c.png');
}
div.tabbuttons div.active a {
  background: url(../images/tabon.png) top left no-repeat;
}
div.tabbuttons div.active a#tabq {
  background: url(../images/tabon-qa.png) top left no-repeat;
}
div.tabbuttons div.active a#tabep {
  background: url(../images/tabon-ep.png) top left no-repeat;
}
div.tabbuttons div.active a#tabtr {
  background: url(../images/tabon-tr.png) top left no-repeat;
}
div.tabbuttons div.active a#tabc {
  background: url(../images/tabon-c.png) top left no-repeat;
}
* html div.tabbuttons div.active a {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/tabon.png');
}
* html div.tabbuttons div.active a#tabq {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/tabon-qa.png');
}
* html div.tabbuttons div.active a#tabep {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/tabon-ep.png');
}
* html div.tabbuttons div.active a#tabtr {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/tabon-tr.png');
}
* html div.tabbuttons div.active a#tabc {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/tabon-c.png');
}
a#tab1 {
  left: 25px;
}
a#tab2 {
  left: 121px;
}
a#tab3 {
  left: 217px;
}
div.tabbuttons div.active a {
  color: #476c44;
  text-decoration: none;
  z-index: 3;
}
div.tabset {
  position: relative;
  width: 335px;
  height: 528px;
  background: url(../images/tabcontent.jpg) left 25px no-repeat;
}
div.tabbodies {
  position: absolute;
  top: 36px;
  left: 20px;
  z-index: 3;
  width: 304px;
}
div.tabcontent {
  height: 470px;
  padding-right: 25px;
  overflow: auto;
  display: none;
}
div.tabbodies div.active, div.tabpopups div.active {
  display: block;
}
div.tp {
  position: absolute;
  bottom: 545px;
  left: 5px;
  width: 275px;
  padding: 12px 23px;
  height: 56px;
  background: url(../images/popup-mid.gif) left top repeat-y;
  display: none;
}
div.hp_video_title {
  padding-left: 5px;
}

/*
Hattie's Rating box
*/
div.rating {
  background: url(../images/hatties_rating.jpg) top right no-repeat;
  position: absolute;
  top: 120px;
  left: 45px;
  width: 99px;
  height: 26px;
  padding: 5px 0px 0px 98px
}
div.star,div.nostar {
  float: left;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  background: url(../images/star.png) top left no-repeat
}
* html div.star {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/star.png');
}
div.nostar {
  background: url(../images/nostar.png) top left no-repeat
}
* html div.nostar {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/nostar.png');
}
p.nextprev {
  text-align: center;
  color: #476c44;
  font-weight: bold;
  margin: 0px 0px 12px 0px;
  padding: 0px;
  width: 489px;
  line-height: 31px;
  background: url("../images/nextprev.gif") left top no-repeat;
}
p.nextprev a {
  color: #476c44;
  text-decoration: none;
}
p.nextprev a:hover {
  text-decoration: underline;
}
div.qadivider {
  border-top: 2px groove #607d9f;
  padding: 0px 0px 8px 0px;
  margin: 0px 0px 8px 0px;
}
div.qadivider li {
  margin: 0px;
  padding: 0px;
}
div.qadivider li a {
  text-decoration: none;
}
div.qadivider li a:hover {
  text-decoration: underline;
}
div.thumbimg {
  position: relative;
  border: 1px solid white;
}
div.thumbrating {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 24px;
  background: url(../images/trans-grey.png) top left repeat;
  color: white;
  text-transform: uppercase;
  font: bold 11px/24px Tahoma,sans-serif;
}
* html div.thumbrating {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='/images/trans-grey.png');
}
div.thumbrating span {
  padding-left: 7px;
}
div.thumbstars {
  position: absolute;
  top: 4px;
  right: 7px
}
table.cliplist {
  border-collapse: collapse;
}
table.cliplist td {
  padding: 6px 0px;
  border-bottom: 2px groove #607d9f;
}
table.cliplist th {
  padding: 6px 12px 6px 0px;
  border-bottom: 2px groove #607d9f;
}
span#queuedisplay {
  display: block;
  margin: 5px 0px 0px 200px;
}
span#queuedisplay a {
  margin-left: 15px;
  color: #333;
}
span#queuedisplay a:hover {
  text-decoration: underline;
}
div.qpager {
  text-align: right;
  font-size: 10px;
  text-transform: uppercase;
  color: #666;
}
a.question {
  color: black;
  text-decoration: none;
}
a.question:hover {
  text-decoration: underline;
}
div.qprompter b {
  display: block;
  font: bold 13px/24px Tahoma,sans-serif;
}
div.qprompter form {
  text-align: right;
}
div.qprompter textarea {
  width: 320px;
  height: 75px;
  border: 1px solid #607d9f;
  padding: 4px;
  text-align: left;
  background-color: #cbdaed;
  margin-bottom: 5px;
}
div.profileq {
}
div.profileq b {
  display: block;
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
}
div.profileq blockquote {
  padding: 0px 0px 6px 25px;
  margin: 0px;
}
table.sampo {
  margin-top: 5px;
}
table.sampo p {
  margin: 0px;
  padding: 0px 0px 12px 0px;
}
table.qlist th {
  width: 20px;
  padding-right: 8px;
  vertical-align: top;
}
table.qlist th div.checkmark {
  width: 11px;
  height: 10px;
  float: right;
  background-image: url(../images/checkmark.png);
}
* html table.qlist th div.checkmark {
  background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/checkmark.png');
}
table.qlist a {
  text-decoration: none;
}
table.qlist a:hover {
  text-decoration: underline;
}
table.companyinfo th {
  font-size: 12px;
  text-align: left;
  padding: 12px 0px 0px 0px;
  font-variant: small-caps;
}
table.companyinfo td {
  padding: 4px 12px 0px 0px;
}
div.lmenubox {
  position: absolute;
  z-index: 2;
  top: 36px;
  left: 26px;
  width: 188px;
  padding: 6px 0px;
  background: #46689a url(../images/lmenubox.jpg) top left no-repeat;
  border-bottom: 1px solid #658cc8;
}
div.lmenubox ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  list-style-image: none;
}
div.lmenubox li {
  position: relative;
  margin: 0px;
  padding: 0px;
  text-align: right;
}
div.lmenubox a {
  font: bold 11px/25px Tahoma,sans-serif;
  display: block;
  height: 25px;
  width: 174px;
  text-transform: uppercase;
  color: #93b6dc;
  text-decoration: none;
  padding: 0px 14px 0px 0px;
}
div.lmenubox a:hover {
  color: white;
  background: url(../images/lmenuhover.png) top left no-repeat;
}
* html div.lmenubox a:hover {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/lmenuhover.png');
  cursor: pointer;
}
div.lcontent {
  position: relative;
  z-index: 2;
  margin-left: 214px;
  padding: 4px;
  width: 658px;
  height: 628px;
  background: url(../images/legacycontent.gif) top left no-repeat;
}
div.lcontent iframe {
  width: 658px;
  height: 628px;
  overflow-x: hidden;
  overflow-y: auto;
}
div.menulogin {
  position: absolute;
  bottom: 28px;
  right: 32px;
}
div.menulogin a {
  font: bold 10px/10px Tahoma,sans-serif;
  text-decoration: none;
  color: #669933;
  text-transform: uppercase;
}
div.menulogin a:hover {
  color: black;
}

/*
Home Page Design items. R6 (3/13/2007)
*/

#ieshbox,#ieloginbox,#ieepbox {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index: -1;
}
a.tb_oatmeal,a.tb_rose,a.tb_lavendar,a.tb_seafoam {
  display: block;
  margin: 0px 0px 0px -3px;
  padding: 0px 0px 0px 32px;
  font: bold 14px/26px Arial,sans-serif;
  height: 29px;
  overflow: hidden;
  text-decoration: none;
  color: black;
  cursor: pointer;
}

a.tb_oatmeal {
  background: url(/images/titlebtn_oatmeal.png) top left no-repeat;
}
a.tb_rose {
  background: url(/images/titlebtn_rose.png) top left no-repeat;
}
a.tb_lavendar {
  background: url(/images/titlebtn_lavendar.png) top left no-repeat;
}
a.tb_seafoam {
  background: url(/images/titlebtn_seafoam.png) top left no-repeat;
}

* html a.tb_oatmeal {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/titlebtn_oatmeal.png');
}
* html a.tb_rose {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/titlebtn_rose.png');
}
* html a.tb_lavendar {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/titlebtn_lavendar.png');
}
* html a.tb_seafoam {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/titlebtn_seafoam.png');
}

div.shbox {
  position: relative;
  padding: 8px 10px;
  width: 459px;
  z-index: 1;
}
div.loginbox {
  position: relative;
  padding: 8px 10px;
  width: 210px;
  z-index: 1;
  margin-right: 15px;
}
div.loginbox input.textbox {
  width: 158px;
  padding: 1px 3px;
  margin: 0px;
  border: 1px solid #a0a0a0;
  background-color: white;
}
div.epbox {
  position: relative;
  padding: 10px 20px;
  width: 284px;
  z-index: 1;
  margin-bottom: 12px;
}
a.playcirclet {
  position: absolute;
  right: 12px;
  bottom: 8px;
  cursor: pointer;
}
* html a.playcirclet img {
  visibility: hidden;
}
* html a.playcirclet {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/ep_arrow_play.png');
}
div.nocols {
  padding: 24px 0px 0px 25px;
}
table.greencols,div.nocols {
  margin-left: 20px;
  background: url(../images/content-top.png) left top no-repeat;
  position: relative;
  z-index: 2;
}
* html table.greencols,* html div.nocols {
  background: none;
}
table.login {
  /* Deleted cuckoo-bananas styles */
	width: 324px;
}
table.greencols td.lefttop {
  padding: 24px 36px 0px 25px;
  width: 474px;
  vertical-align: top;
}
table.greencols td.righttop {
  padding: 24px 32px 0px 33px;
  width: 314px;
  vertical-align: top;
}
table.greencols td.leftbottom {
  padding: 8px 36px 0px 25px;
  width: 474px;
  background: url(../images/bars.gif) right top repeat-y;
  vertical-align: top;
}
table.greencols td.rightbottom {
  padding: 0px 32px 0px 33px;
  width: 314px;
  vertical-align: top;
}
table.greencols td.tabula-rasa {
  padding: 8px 32px 0px 25px;
  vertical-align: top;
}
table.login td.loginleft {
  padding: 0px;
  width: 474px;
  vertical-align: top;
}
table.login td.loginright {
  padding: 25px 32px 0px 33px;
  width: 314px;
  vertical-align: top;
}
td#c1 table {
  width: 474px;
}
a.viewep {
  display: block;
  margin-left: 149px;
  padding: 0px;
  width: 135px;
  height: 22px;
}
* html a.viewep img {
  visibility: hidden;
}
* html a.viewep {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/viewep.png');
  cursor: pointer;
}
a.viewepbtn {
  position: absolute;
  top: 168px;
  left: 241px;
  width: 54px;
  height: 54px;
}
* html a.viewepbtn img {
  visibility: hidden;
}
* html a.viewepbtn {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/images/button.png');
  cursor: pointer;
}
h2.findrelclip {
  line-height: 28px;
  padding: 7px 14px 0px 14px;
  width: 461px;
  background: url("../images/find_related_clips.gif") left top no-repeat;
  border-bottom: none;
}
/*
  Using just table styles, I got 3 opinions in 3 browsers about layout.

  With the double-container, I'm a little better off. Notice the two definitions
  for border-left and border-bottom on the table. The first is for IE6 (which ignores
  the second), the second is for Mozilla and Safari (which ignore the first).
*/
div.relclips {
  width: 487px;
  border: 1px solid #a9a9a9;
  border-bottom: none;
  border-bottom: hidden;
}
div.relclips table {
  width: 486px;
  border-collapse: collapse;
  border-left: 1px solid white;
  border-left: hidden;
  border-bottom: 1px solid white;
  border-bottom: hidden;
}
div.relclips table td {
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px dotted #ababab;
  vertical-align: top;
  padding: 13px;
}

/*
  Episode Lister
*/
div#tablegoeshere table {
  border-collapse: collapse;
  font: normal 11px/12px Tahoma,sans-serif;
}
div#tablegoeshere table {
  border-collapse: collapse;
}
div#tablegoeshere table th, div#tablegoeshere table td {
  border: 1px solid black;
  padding: 2px;
  margin: 0px;
  vertical-align: top;
  font: normal 11px/12px Tahoma,sans-serif;
}
div#tablegoeshere table tbody.even td {
  background-color: #f5f5f5;
}
div#tablegoeshere table tbody.odd td {
  background-color: #e5e5e5;
}
div#tablegoeshere table th.clickable:hover {
  color: #fff;
  background-color: #333;
  cursor: pointer;
}
div#tablegoeshere table th {
  font-weight: bold;
  padding: 4px 0px;
  background-color: #ccc;
}
div#tablegoeshere table td i {
  color: red;
}
h2.mp_company {
  border-bottom: none;
  border-top: 1px solid #dfdfdf;
  padding-top: 8px;
}

h1.HeaderBlue {font-family: Tahoma; color: rgb(0, 142, 192); font-size: 14px; background-image: url(/user_images/Library/h2bg.gif)}
h1.HeaderBlueBig {font-family: Tahoma; color: rgb(0, 142, 192); font-size: 18px;}
h1.HeaderOrnge {font-family: Tahoma; color: rgb(255, 144, 0); font-size: 14px;  background-image: url(/user_images/Library/h2bg.gif) }
p.Para {font-family: Tahoma; font-size: 10px; }
p.ParaBig { font: normal14px/16px Tahoma,sans-serif; }
span.SpHead { font-family: Tahoma; color: grey; font-size: 12px; }
h1.HeaderNoBg { font-family: Tahoma; color: rgb(113, 164, 41); font-size: 14px; }
ol.DesList{ font-family: Tahoma; font-size: 10pt; }
ul.DesUlist { font-family: Tahoma; font-size: 10pt; }
ul.Fake{ list-style:none; font-family: Tahoma; font-size: 10pt; }
span.BigSpan {font-family: Tahoma; font-size: 14pt; font-weight: bold; }
span.header{ font-family: Tahoma; font-size: 10pt; color:white }
span.step{font-family: Tahoma; font-size: 10pt; color:grey; font-weight: bold;}
span.desc{font-family: Tahoma; font-size: 10pt; color:black; font-weight: bold;}
span.green{color:green; font-weight:bold;}
span.red{color:red; font-weight:bold;}
h1.HeaderNoBg { font-family: Tahoma; color: rgb(113, 164, 41); font-size: 14px; }
h1.HeaderNoBgBlue {font-family: Tahoma; color: rgb(0, 142, 192); font-size: 14px;}

div.samplewelcome {
  position: relative;
  background: url(/images/sample-welcome-middle.gif) left top repeat-y;
  width: 384px;
  padding: 50px 46px 23px 46px;
  margin: 15px 0px 43px 0px;
}
div.samplewelcome h2 {
  position: relative;
  z-index: 1;
  color: #008ec0;
  border-bottom: none;
}
div.infobox {
  position: relative;
  background: url(../images/infobox-mid.gif) left top repeat-y;
  padding: 35px 47px;
  margin-top: 18px;
  width: 238px;
}
div.infobox p {
  position: relative;
  z-index: 1;
}
div.signup {
  position: relative;
  width: 361px;
  padding: 24px 56px 24px 52px;
  margin-bottom: 15px;
  background: #f3f9fc url(../images/signup-top.jpg) left top no-repeat;
}
img.top {
  position: absolute;
  top: 0px;
  left: 0px;
}
img.bottom {
  position: absolute;
  bottom: -1px;
  left: 0px;
}
div.signup td {
  border-top: 1px solid white;
  border-bottom: 1px solid #d7e4ea;
  padding: 8px 0px;
  font: normal 14px/14px Tahoma,sans-serif;
  color: #777777;
}
div.signup td:last-child {
  text-align: right;
  font-weight: bold;
  padding-right: 15px;
  color: #71a429;
}
div.signup td:first-child {
  text-align: center;
}
div.signup tr:first-child td {
  border-top: none;
}
div.signup tr:last-child td {
  border-bottom: none;
}
div.signup fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
div.signupinfo {
  position: relative;
  width: 405px;
  padding: 25px 32px 25px 33px;
  margin-bottom: 15px;
  background: url(../images/signup-info-mid.gif) left top repeat-y;
}
div.signupinfo th {
  text-align: right;
  width: 107px;
  padding-right: 12px;
  font: normal 12px/12px Tahoma,sans-serif;
  color: black;
}
div.signupinfo td {
  padding: 3px 0px;
}
div.signupinfo caption {
  color: #008ec0;
  font: bold 14px/18px Tahoma,sans-serif;
  text-align: left;
  padding: 0px 0px 8px 0px;
}
div.signupinfo input {
  border: 1px solid #b5b5b5;
}
div.paymentmethod {
  position: relative;
  width: 469px;
  left: -34px;
  height: 124px;
  background: url(../images/paymentmethod.jpg) left top no-repeat;
  margin-bottom: 75px;
}
div.paymentmethod p {
  position: absolute;
  top: 30px;
  left: 33px;
  margin: 0px;
  padding: 0px;
  color: #008ec0;
  font: bold 14px/14px Tahoma,sans-serif;
}
div.paymentmethod button {
  position: absolute;
  top: 15px;
  left: 171px;
  width: 160px;
  height: 40px;
  border: 0px;
  background: url(../images/course_submit.jpg) left top no-repeat;
  cursor: pointer;
}
div.paymentmethod a {
  position: absolute;
  top: 60px;
  left: 247px;
  width: 160px;
  height: 40px;
  border: 0px;
}
div.paymentmethod a img {
  border: 0px;
}
div.paymentmethod .or {
  position: absolute;
  top: 56px;
  left: 221px;
  width: 14px;
  height: 47px;
}
table.signup_info {
	width: 350px;
}
table.signup_info th{
	width: 150px;
}
table.signup_info td{
	width: 200px;
}
table.shoppingcart tr.even, tfoot {
	background-color: #e5e5e5;
}
/* begin purple styles */
.purple {
	position: relative;
	top: 0px;
	left: 0px;
}

.purple div.top {
	position: absolute;
	height: 4px;
	width: 480px;
	top: 0px;
	left: 0px;
	background-image: url(../images/purple/top.gif);
	background-repeat: no-repeat;
}

.purple div.title {
	background-color: #6F0EC0;
	border-left: 1px solid #B5B5B5;
	position: absolute;
	top: 4px;
	left: 0px;
}

.purple div.content {
	position: absolute;
	width: 338px;
	height: 109px;
	top: 4px;
	left: 99px;
	border-right: 1px solid #B5B5B5;
	background-image: url(../images/purple/background.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.purple div.bottom {
	position: absolute;
	height: 4px;
	width: 480px;
	top: 113px;
	left: 0px;
	background-image: url(../images/purple/bottom.gif);
	background-repeat: no-repeat;
}
/* end purple styles */

/* begin teal styles */
.teal {
	position: relative;
	top: 124px;
}

.teal div.top {
	position: absolute;
	height: 4px;
	width: 480px;
	top: 0px;
	left: 0px;
	background-image: url(../images/teal/top.gif);
	background-repeat: no-repeat;
}

.teal div.title {
	background-color: #1B7F86;
	border-left: 1px solid #B5B5B5;
	position: absolute;
	top: 4px;
	left: 0px;
}

.teal div.content {
	position: absolute;
	width: 338px;
	height: 72px;
	top: 4px;
	left: 99px;
	border-right: 1px solid #B5B5B5;
	background-image: url(../images/teal/background.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.teal div.bottom {
	position: absolute;
	height: 4px;
	width: 480px;
	top: 76px;
	left: 0px;
	background-image: url(../images/teal/bottom.gif);
	background-repeat: no-repeat;
}
/* end teal styles */

/* begin green styles */
.green {
	position: relative;
	top: 212px;
}

	/* Special green style for eight steps table on homepage 2008 */
table.eightsteps .green {
	position: static;
}

.green div.top {
	position: absolute;
	height: 4px;
	width: 480px;
	top: 0px;
	left: 0px;
	background-image: url(../images/green/top.gif);
	background-repeat: no-repeat;
}

.green div.title {
	background-color: #89A429;
	border-left: 1px solid #B5B5B5;
	position: absolute;
	top: 4px;
	left: 0px;
}

.green div.content {
	position: absolute;
	width: 338px;
	height: 72px;
	top: 4px;
	left: 99px;
	border-right: 1px solid #B5B5B5;
	background-image: url(../images/green/background.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.green div.bottom {
	position: absolute;
	height: 4px;
	width: 480px;
	top: 76px;
	left: 0px;
	background-image: url(../images/green/bottom.gif);
	background-repeat: no-repeat;
}
/* end green styles */
div.hplogin {
	position: relative;
	width: 391px;
	background: white url(/images/loginbg.gif) right top repeat-y;
}
div.hplogin form {
	position: relative;
	z-index: 1;
	margin: 0px;
	padding: 0px 0px 0px 38px;
}
div.hplogin input {
	width: 184px;
	border: 1px solid #bcbcbc;
}
div.hplogin table {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
div.hplogin th,div.hplogin td {
	text-align: right;
	font-weight: normal;
	margin: 0px;
	padding: 1px 4px;
}
div.hplogin tfoot {
	background-color: transparent;
}
div.hplogin tfoot td {
	text-align: left;
	padding-top: 8px;
	padding-bottom: 11px;
}
div.hplogin tfoot td a {
	color: #1b7f86;
}
div.hplogin img.loginbottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 0;
}
td.hpleft {
	width: 420px;
	padding: 18px 0px 0px 25px;
}
td.hpright {
	width: 407px;
	padding: 18px 35px 0px 27px;
}