html, body {
  height: 100%; 
	background-color: #f5f6ef;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.clear { clear: both; }
a { text-decoration: none; font-size: 12px; text-decoration: underline; }


#doc4 {
	min-height: 100%;
	margin: 0 auto;
	padding: 0 15px 50px 15px;
	background-color: #ffffff;
}
* html #doc4 {
    height: 100%;
}

h1{
	font-size: 150%;
	font-weight: bold;
	}
	
h2{
	font-size: 130%;
	font-weight: bold;
	}
	
h3{
	font-size: 110%;
	font-weight: bold;
	}

#hd{
	height: 160px;
}
	#hd form { 
		float: left;
		margin: 15px 0 0 0;
	}
	#hd form input { display: inline; }
	#hd form input.text {
		width: 335px;
	}
	#hd form input.button {
		border: none;
		color: #ae000c;
		background-color: #ffffff;
		cursor: pointer;
		font-size: 140%;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	#hd ul#mainMenu {
		float: right;
		list-style:none;
		width: 535px;
	}
	
	#hd ul#mainMenu li {
		/*display: inline;*/
				display:block;
		float:left;
		height:80px;
		position:relative;
		width:100px;
		
	}
	#hd ul#mainMenu li a { 
		display: block;
		float: left;
		font-size:110%;
		padding: 0 10px 5px;
		margin: 0 5px;
		color: #FFFFFF;
		font-size: 130%;
		background-color: #6d6d6d;
		text-align:center;
		text-decoration: none;
		width:70px;
		bottom:0;
		padding-top:70px;
		position:absolute;
	}
	#hd ul#mainMenu li.active a { 
		background-color:#ae000c;
	}
	
active

	#bd #video {
		float: left;
		width: 480px;
	}
	#bd #video h1 {
		padding: 5px 0 0 10px;
		color: #ffffff;
		background-color: #ae000c;
	}
	#bd .navigation {
		float: left;
		width: 305px;
		margin-left: 10px;
	}
	#bd .navigation .videoInfo { width: 460px;  margin-bottom: 10px;}
	#bd .navigation .videoInfo .title {
		padding: 10px;
		height: 40px;
		background-color: #ae000c;
		color: #FFFFFF;
		line-height: 13px;
	}
	

	
	#bd .navigation .videoInfo .title img {
		float: left;
		margin-right: 10px;
	}
	#bd .navigation .videoInfo .title h3 { color: #FFFFFF; font-size: 140%; }
	#bd .navigation .videoInfo .title a { color: #FFFFFF; }
	#bd .navigation .videoInfo .title a:hover { text-decoration: underline; }
	#bd .navigation .videoInfo .description { 
		padding: 10px;
		line-height: 12px;
		background-color: #dcdcdc;
		color: #7b7b7b;
		font-size: 77%;
	}
	#bd .navigation .videoRelated { width: 420px;  }
	#bd .navigation .videoRelated ul { list-style: none; }
	#bd .navigation .videoRelated ul li { display: inline; }
	#bd .navigation .videoRelated ul li div{ float: left; }
	#bd .navigation .videoRelated ul li .left,  #bd .navigation .videoRelated ul li .right { width: 9px; height: 31px;}
	#bd .navigation .videoRelated ul li .cent { height: 26px; padding: 5px 5px 0; font-weight: bold; font-size: 110%; }
	#bd .navigation .videoRelated ul li .left { background: #6d6d6d url(../images/l2.gif) no-repeat; }
	#bd .navigation .videoRelated ul li .cent { 
		background-color: #6d6d6d;
		color: #ffffff;
		text-transform: uppercase;
		cursor:pointer;
		text-decoration:none;
	}
	#bd .navigation .videoRelated ul li .cent a { color: #ffffff; text-decoration: none;}
	#bd .navigation .videoRelated ul li .right { background: #6d6d6d url(../images/r2.gif) no-repeat; }
	#bd .navigation .videoRelated ul li#tabHeaderActive .left { background: #dcdcdc url(../images/l1.gif) no-repeat; }
	#bd .navigation .videoRelated ul li#tabHeaderActive .cent { 
		text-transform: uppercase;
		background-color: #dcdcdc;
		color: #6d6d6d;
	}
	#bd .navigation .videoRelated ul li#tabHeaderActive .right { background: #dcdcdc url(../images/r1.gif) no-repeat; }
    #bd .navigation .videoRelated ul li#tabHeaderActive .cent a { color: #000;  text-decoration: none;}
	#bd .navigation .videoRelated .body {
		height: 350px;
		width: 440px;
		padding: 10px;
		overflow: auto;
		background-color: #dcdcdc;
	}
	#bd .navigation .videoRelated .body .popular-list { 
		width: 420px;
		float: left;
		margin-bottom: 5px;
		line-height: 13px;
		color: #ff8a00;
	}
	
	#bd .navigation .videoRelated ul.popular-list li{
		display: block;
		float: left;
		clear: left;
		width: 420px;
	}
	
	#bd .navigation .videoRelated .body .popular-list img {
		float: left;
		margin: 5px;
	}
	#bd .navigation .videoRelated .body .popular-list h4 {
		font-size: 110%;
	}
	
	#bd .navigation .videoRelated .body .popular-list .time {
		color: #7b7b7b;
		font-weight: bold;
	}
	#bd #coments { float: left; width: 480px; margin-top: 10px; }
	#bd #coments a.button{
		float: left;
		display: block;
		
		height: 30px;
		padding-top: 10px;
		color: #FFFFFF;
		font-size: 130%;
		text-align: center;
		margin-bottom: 10px;		
	}
	#bd #coments a.bad { width: 227px; background-color: #ae000c; }
	#bd #coments a.good { margin-left: 10px; width: 246px; background-color: #598527; }
	#bd #coments .body { float: left; width: 480px; padding: 5px 10px; background-color: #e8f0f2; }
	#bd #coments .body table {margin: 5px 0px; width: 100%;}
	#bd #coments .body hr{color: #fff;}
	#bd #coments .body form textarea { height: 40px; width: 275px; margin:10px 0px 10px 0; }
	#bd #coments .body form input { font-size: 85%; margin: 10px;}
	#bd #coments .body .box {
		margin-top: 10px;
		color: #343434;
	}
	#bd #coments .body .box span.title { color: #ae000c; font-weight: bold; }
	#bd #coments .body .box span.title a { color: #ae000c; font-weight: bold; text-decoration: underline; }
	#bd #coments .body .box span.time { margin-left: 5px; color: #8c8e8e}
	#bd #coments .body .box span.time a { color: #8c8e8e; text-decoration: none; }
	#bd .secondaryContent { 
		float: left;
		width: 300px;
		padding: 15px;
		margin: 10px 0px 0px 0px;
		background-color: #eaede4;
	}
.foot_clear { 
	clear: both;
	width: 100%;
}
#ft{
	margin-top: -40px; 
	text-align: center;
	color:3d3d3d;
	font-size: 77%;
 }

.small {font-size:10px;}

a.create {color: ae000c;}
a.base {color: #555;}
ul.profileMnu {list-style: none;}
ul.profileMnu li {display: inline; padding-right: 10px;}
.videoList td {padding: 5px;}
.videoList .tmb {padding: 5px 10px 10px 0;}
.videoList a {color: #0033CC; font-size: 85%;}
.videoList span.time {color: #777;}
.friendList img {margin: 0 10px 5px 0;}
.friendList {font-size: 85%;}
.error, a.red { color: white;}
.profileInfo img {margin: 0 10px 5px 0; float: left;}
.profileInfo a {color: #0033CC; font-size: 85%;}

/* -- Table Styles ------------------------------- */
td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	text-decoartion:none;
	padding:5px;
	background-color: #ae000c;
}

/* Current */
.green, .green:link, .green:hover, .green:visited {
	background-color: #00a651;
	color:#ffffff;
	padding:5px
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 77%;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 77%;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

div.sfSimpleForum
{
	width: 880px;
	float: left;
}

.sfSimpleForum .forum_figures
{
  width: 680px;
  text-align: right;
  margin: 0 0 10px 0;
}
table#fora, table#threads, table#messages
{ 
  border-collapse: collapse;
  width: 680px;
}

div.pagination
{
  width: 680px;
  text-align: right;
  margin-top: 10px;
}

form#add_topic
{
  width: 656px;
  background-color: #e9e9e9;
  border: solid 1px #b77;
  padding: 10px;
}