div.backFaded {
	background-color: black;
	filter: alpha(opacity=60);
	opacity: .6;
	/* -moz-opacity: 0.6; */
	float: left;
	position: fixed;
	width: 9000px;
	height: 90000px;
	left: 0px;
	top: 0px;
	z-index: 2;
}

div.backClear {
	background-color: white;
	float: left;
	position: fixed;
	width: 0px;
	height: 0px;
	left: 0px;
	top: 0px;
	z-index: 2;
}

div.messageClear {
	width:0px;
	height:0px;
	display: none;
	position: absolute;
}

div.messageShown {
	width:300px;
	height:200px;
	display: block;
	/* margin:-100px auto auto -150px; */
	border:1px solid #000;
	background-color:#F2F5F6;
	z-index: 3;
	position: absolute;
}
div.browse {
	margin: 5px;
	padding: 10px;
	padding-left: 20px;
	padding-top: 30px;
	padding-right: 60px;
}

div.browseContent {
}

img.browseThumb {
	float: left;
	margin: 10px;
}

div.browseTab {
	background-image:url(images/field-back.gif);
	background-repeat:repeat-x;
	clear: left;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:5px;
	padding-top:3px;
	margin-top: 10px;
}
div.browseTab a {
	border-right: 2px solid black;
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
}

hr {
	float: left;
	clear: both;
	width: 680px;
	border: 1px solid gray;
	border-top: 1px solid gray;
	color: white;
	background-color: white;
	height: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.browseSelect {
	float: left;
	clear: both;
	width: 700px;
	border: 1px solid gray;
	padding: 10px;
	margin: 5px;
}
/* GEneral */

body {
margin:2;
padding:0;
font:12px/18px arial, verdana, sans-serif;
color:#353535;
text-align:center;
}

p {
font:12px Arial, Verdana, sans-serif;
color:black;
}

img {
border:0px;
}

a:link {
color:#000000;
}

a:hover {
text-decoration:none;
color:#000000;
}

a:visited {
color:#000000;
}

h1 {
margin:0 0 0 0;
padding:0;
font:18px arial, verdana, sans-serif;
color:#000000;
line-height:15px;
text-align:left;
text-decoration:underline;
}

h2 {
margin:15px 0 0 0;
padding:0;
font:16px arial, verdana, sans-serif;
color:#000000;
line-height:15px;
text-align:left;
}

h3 {
margin:15px 0 0 0;
padding:0;
font:16px arial, verdana, sans-serif;
font-weight:bold;
color:#000000;
line-height:15px;
text-align:center;
}

h4 {
margin:5px 0 0 0;
padding:0;
font:16px arial, verdana, sans-serif;
font-weight:800;
color:#000000;
line-height:15px;
text-align:left;
}

h2 {
margin:18px 0 15px;
}
/* Forms */
form.site {
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form.site fieldset {
  / * clear: both; */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /*  */
  margin: 0;
}

form.site fieldset legend {
  font-size:1.1em; 
}

form.site label { 
	display: block;
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: right; 
}

form.site input, form.site textarea, form.site select {
	/* display: inline; */
	width: 320px;
	margin:5px 0 0 10px; 
}

form.site input.button  {
	width: 150px;
}

form.site input.radio {
	width: 60px;
}

textarea {
	overflow: auto;
	height: 175px;
}

form.site small {
	display: block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}

form .required{
	font-weight:bold;
}

form br {
	clear:left;
}

/* Progress bar stuff. */
div.progress {
	background-repeat:repeat-x;
	width: 490px;
	height: 70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
}
span.progressT {
	font-size: 12pt;
	color: #999999;
}
div.progressR {  
	background-image: url(images/progressr.png); 
	background-repeat: repeat;
	width: 535px;
	height: 16px;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	text-align: left;
	border: 1px solid black;
}
div.progressL {  
	background-image: url(images/progressl.png); 
	background-repeat: repeat;
	height: 16px;
	margin: 0px;
	padding: 0px;
}

.form-item {
	margin-left: 160px;
}

#thumbPicker {
	position:absolute;
	top: 400;
	left: 400;
	width:200;
	display: none;
	z-index: 1;
}

.button {
background-image:url(images/field-back.gif);
background-repeat:repeat-x;
border:1px solid #000000;
height:25px;
width:250px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-left:5px;
}

/* Login box */

.login-button {
background-image:url(images/field-back.gif);
background-repeat:repeat-x;
border:1px solid #000000;
width:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding-top:3px;
padding-left:5px;
padding-bottom:5px;
float: left;
}

.login-field {
background-image:url(images/field-back.gif);
background-repeat:repeat-x;
border:1px solid #000000;
height:25px;
width:175px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-left:5px;
}

/* Classes */

.start-link {
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
width:788px;
}

.icon {
float:left;
margin-right:10px;
padding:3px;
border: 0px;
}

.thumb {
position: relative;
left: -15px;
margin-right:10px;
padding:3px;
}
.thumbPlay {
        position: relative;  
        right: -10px;
	top: -90px;
        width: 192px;
        height: 64px;
        margin: 5px;
        margin-top: 50px;
        clear: none;
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}
.filetype {
	font-size: 12px;
	font-width: bold;
	color: #999999;
	margin-left: 10px;
	clear: left;
	float: left;
}

.infoicon {
	float: left;
	margin: 5px;
}

.sign-up {
margin-top:5px;
margin-left:30px;
}

.hidden {
display:none;
}

.desc-box {
background-color:#a0afcb;
padding:5px;
margin-top:5px;
font-weight:800;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
clear:right;
}

.read {
text-align:right;
color:#000000;
}

.read A {
text-align:right;
color:#000000;
}

.read A:hover {
text-align:right;
color:#000000;
}

.video-back {
background-image:url(images/video-back.jpg);
background-repeat:no-repeat;
height:187px;
width:256px;
text-align:center;
}

.browseItem {
margin-bottom:25px;
float:left;
clear:left;
width:800px;
}


p.crumbtrail {
font:14px Arial, Verdana, sans-serif;
color:black;
}

p.crumbtrail a {
font:14px Arial, Verdana, sans-serif;
color:black;
}

h2.forgot-password {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
font-weight:bold;
text-decoration:underline;
color:black;
}

h2.forgot-password:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
font-weight:bold;
}

A.menu1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
line-height:25px;
}

A.menu1:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
font-weight:bold;
}

A.start-class {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#158afe;
line-height:25px;
}

A.start-class:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
font-weight:bold;
}

p.small {
font-size:11px;
line-height:15px;
}

div.classDesc {
	float: left;
	clear: left;
	margin-right: 25px;
	width: 280px;
}
div.classInfo {
	float: left;
	width: 300px;
}
div.classPreview {
	float: left;
	width: 200px;
}
.classTitle {
	float: left;
	clear: both;
	text-align: center;
	width: 700px;
	padding-bottom: 10px;
	margin: 0px auto;
}
.browseTitle {
	text-align: center;
	width: 700px;
	background-image: url(/images/disp_back.png);
	padding-bottom: 15px;
}
.browseInfo {
	width: 110px;
	background-image: url(/images/disp_back_light.png);
	background-repeat: repeat-x;
	padding: 15px;
}
.browsePreview {
	width: 200px;
	background-image: url(/images/disp_back.png);
	background-repeat: repeat-x;
}
.browseNote {
	text-align: left;
	background-image: url(/images/disp_back.png);
	background-repeat: repeat-x;
	padding: 15px;
}
.fileTitle {
	text-align: left;
	font-size:12pt;
}
.mediaTitle a {
	text-decoration:none;
}

div.mediaContent {
	float: left;
}
div.mediaInfo {
	float: left;
	width: 760px;
}
div.mediaMeta {
	float: right;
	padding: 2px;
	margin: 5px;
	border: 1px solid black;
}
table.mediaMeta {
	border: 0px;
	padding: 2px;
	width: 260px;
}
table.mediaMeta thead th {
	text-align: center;
}
td.mediaMetaTitle {
	font-weight: bold;
	width: 80px;
}
td.mediaTop {
	font-weight: bold;
	text-align: center;
	font-size: 12pt;
}
img.rating {
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
}
table.classStats {
	margin-left: 15px;
	border: 1px solid #000;
}
.afilliateLink {
	margin-left: 10px;
	margin-bottom: 5px;
}

#container {
position:relative;
margin:0 auto;
margin-top:20px;
padding:0;
width:1055px;
text-align:left;
}

#left {
width:185px;
float:left;
}

#left h2 {
padding:0;
font:18px arial, verdana, sans-serif;
color:#000000;
line-height:15px;
text-align:left;
}

#left P {
text-align:right;
padding-right:4px;
}

#content {
width:810px;
margin-left:200px;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#menu {
width:820px;
background-color:#f7cb33;
background-image: url(/images/menu-back.gif);
background-repeat: repeat-x;
height:27px;
}

#left-menu {
width:450px;
height:40px;
margin:0px;
}

#left-menu ul {
float:left;
margin:0;
padding:0;
list-style:none;
}

#left-menu li {
display:inline;
}

#left-menu a {
height: 22px;
float:left;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
text-decoration:none;
font-size:16px;
font-weight:bold;
color:#000000;
border-right: 1px solid #777;
}

#left-menu a:hover {
color:#666;
}

#right-menu {
float:right;
width:350px;
height:40px;
margin:0px;
/*margin-left:470px; */
margin-top:-40px;
}

#right-menu ul {
float:right;
margin:0;
padding:0;
list-style:none;
}

#right-menu li {
display:inline;
}

#right-menu a {
float:right;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
text-decoration:none;
font-size:16px;
font-weight:bold;
color:#000000;
border-left: 1px solid #777;
}

#right-menu a:hover {
color: #666;
}

#content-box {
background-image:url(images/center-box.gif);
background-repeat:no-repeat;
width:730px;
margin:auto;
height:12px;
}

#main-part {
position:absolute;
width:820px;
z-index:1;
left:215px;
border:0px solid #000000;
}

#search {
width:730px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
}

#video {
width:730px;
margin:0 auto;
position:relative;
}

#leftpart {
width:440;
float:left;
margin:0px;
position:relative;
}

#content li {
padding-top:3px;
padding-bottom:3px;
}

#play-video {
width:230px;
margin-left:410px;
position:absolute;
float:left;
text-align:center;
padding-left:50px;
left:51px;
}

#paging {
width:400px;
height:26px;
margin:0px;
clear:left;
}

#paging ul {
float:left;
margin:0;
padding:0;
list-style:none;
}

#paging li {
display:inline;
}

#paging a {
float:left;
height:20px;
padding:5px;
text-decoration:none;
text-transform:uppercase;
font-size:18px;
color:#000000;
}

#paging a:hover {
color:#000000;
}

#footer {
clear:both;
width:788px;
padding-top:15px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:800;
}

#footer p {
width:770px;
margin:0 auto;
font-size:x-small;
}

#footer a {
color:#000000;
}

#nav, #nav ul {
padding:0;
margin:0;
list-style:none;
line-height:1;
}

#nav a {
display:block;
width:10em;
}

#nav li {
float:left;
width:10em;
}

#nav li ul {
position:absolute;
background:orange;
width:10em;
left:-999em;
}

#nav li:hover ul, #nav li.sfhover ul {
left:auto;
}

/* dialog */

.dialog { min-width:20em; }

/* block */

.block { width:600px; min-width:20em; }

.block .hd .c { font-size:1px; height:33px;  }
.block .ft .c { font-size:1px; height:44px;  }

.block .hd { background:transparent url(images/block_t.png) no-repeat 0px 0px; }
.block .hd .c { background:transparent url(images/block_tr.png) no-repeat right 0px; }

.block .bd { background:transparent url(images/block_bg.png) repeat-y 0px 0px; }
.block .bd .c { background:transparent url(images/block_r.png) repeat-y right 0px; }
.block .bd .c .s { margin:  0px 8px 0px 4px; padding: 0.01em 1em 0.01em 1em; }

.block .ft { background:transparent url(images/block_b.png) no-repeat 0px 0px; }
.block .ft .c { background:transparent url(images/block_br.png) no-repeat right 0px; }