html {
	overflow: scroll;
} 

body {
	font-size: 12px;
	font-family: Tahoma, Myriad, Helvetica;
	margin:0;
	padding:0;
}

body.ru {
	background: #fff url('http://static.youmake.tv/images/header/bg_ru.jpg') 50% 37px no-repeat;
}

body.lu {
	background: #fff url('http://static.youmake.tv/images/header/bg.jpg') 50% 37px no-repeat;
}

body.all {
	background: #fff url('http://static.youmake.tv/images/header/bg.jpg')  50% 1px no-repeat;
}

a {
	outline: none;
	color: #004676;
}

a:hover {
	color: #000;
}

a:focus {
	-moz-outline-style: none;
}

div.error {
	color: #c00;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}

div.infobox {
	border: 1px solid #c7b656;
	background: #ffeb7d;
	color: #43402e;
	padding: 5px 5px 5px 5px;
	width: 98%;
}

#main {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}

/*
* Header 
*/

#header {
	width: 100%;
	height: 68px;
	position: relative;
}

#logo {
	width: 200px;
	padding-top: 12px;
}

#logo a {
	display: block;
	width: 200px;
	height: 55px;
	text-decoration: none;
}

#ptluxembourg {
    position: absolute;
    top: 15px;
    left: 735px;
}

#login {
	display:block;				
	width: 100%;
	height: 29px;
	text-align: right;			
	padding-top: 1px;
	font-size: 8pt;
	background: url(http://static.youmake.tv/images/header/topbar.png) repeat-x top left;
}

#login .navi {
    width: 850px;
    margin: 3px auto;
    text-align: right;
    color: #000;
}

#login .navi img {
    position: relative;
    top: 2px;
}

#countries {
    position: absolute;
    display: none;
	background-color: #f5f5f5;	
	width: 200px;
	z-index: 200;
	border: 1px solid #d8d8d8;
	margin:0;
	padding:0;
}

#countries .country {
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #d8d8d8;
}

#countries .country .image {
    float: left;
    margin-right: 5px;
}

#countries .country .name {
	text-align: left;
	font-size: 12px;
	color: #7e7a7a;
}

#countries  .languages {
	float: left;
	font-size: 12px;
	color: #7a7a7a;
}

#countries .tools {
	font-size: 12px;
	color: #7a7a7a;
	width: 100%;
	margin-top: 2px;
	margin-left: -3px;
}

#publish {
	position: absolute;
	margin-top: -110px;
	margin-left: 560px;
	width: 154px;
	height: 53px;
	overflow:hidden;
}

#publish a {	
	display: block;
	width: 154px;
	height: 53px;	
	text-decoration: none;
}

#subnavi {
	text-align: center;
	width: 100%;
	overflow: hidden;
	margin-top: -19px;
	margin-left: -50px;
}

#subnavi a {
	text-decoration: none;
	color: #4c4c4c;
}

#subnavi a:hover {
	text-decoration: underline;
}

#subnavi  a.active {
	font-weight: bold;
}

#subnavi div.contentholder {
	width: 800px;
	margin-left: 70px;
	text-align: left;
}

div.clear {
	clear:both;
	height: 0px;
	width: 0px;
	line-height: 0;
	font-size: 0;
	height: 0;
}

/*
* Header / tabs 
*/

#tabs {	
	display:block;
	margin:0;
	padding:0;
	height: 57px;
	background: url('http://static.youmake.tv/images/header/tabs/bg.png') top left no-repeat;
}

#tabs  img {
	margin-top: 5px;
	float: left;
}

#tabs  a {
	display:block;
	float: left;
	text-decoration:none;
	color: #fff;
	font-family: Tahoma, Myriad, Arial;
	text-align: center;
	line-height: 31px;
	height: 34px;
	margin-top: 3px;
}

#tabs a.home {
	margin-left: 13px;
	margin-right: 8px;
	width: 50px;
}

#tabs a.home:hover, #tabs  a.home_active {
	margin-left: 13px;
	margin-right: 8px;
	background: url('http://static.youmake.tv/images/header/tabs/over.png') no-repeat;
	background-position: center 1px;
	width: 50px;
}

#tabs a.home_active {
	font-weight: bold;
}

#tabs a.videos {
	width: 60px;
}

#tabs a.videos:hover, #tabs a.videos_active {
	width: 60px;
	background: url('http://static.youmake.tv/images/header/tabs/over.png') no-repeat;
	background-position: center 1px;
}

#tabs a.videos_active {
	font-weight: bold;
}

#tabs a.premium {
	width: 70px;
}

#tabs a.premium:hover, #tabs a.premium_active {
	width: 70px;
	background: url('http://static.youmake.tv/images/header/tabs/over.png') no-repeat;
	background-position: center 1px;
}

#tabs a.premium_active {
	font-weight: bold;
}

#tabs a.channels {
	width: 70px;
}

#tabs a.channels:hover, #tabs  a.channels_active {
	width: 70px;
	background: url('http://static.youmake.tv/images/header/tabs/over.png') no-repeat;
	background-position: center 1px;
}

#tabs a.channels_active {
	font-weight: bold;
}

#tabs a.categories {
	width: 75px;
}

#tabs a.categories:hover, #tabs a.categories_active {
	width: 75px;
	background: url('http://static.youmake.tv/images/header/tabs/over.png') no-repeat;
	background-position: center 1px;
}

#tabs a.categories_active {
	font-weight: bold;
}

#tabs .navi {
	float: left;
	width:50%;
}

#tabs .search {
	float: left;
	width: 50%;
	text-align: right;
	height: 20px;
	margin-top: 9px;
	overflow: hidden;
}

#tabs #searchbox {
}

#tabs #searchbox div.searchfield {	
	float: left;	
}

#tabs #searchbox div.searchfield input {
	color: #004676;
	width: 187px;
	margin-left: 153px;
	border: 1px solid #3487b7;
	height: 20px;
}

#tabs #searchbox div.button {
	width: 56px;
	height: 20px;
	float: left;
	background: url('http://static.youmake.tv/images/header/tabs/search.png') no-repeat;
}

#tabs #searchbox div.button.ru {
	background: url('http://static.youmake.tv/images/header/tabs/search_ru.png') no-repeat;
}

#tabs #searchbox div.button a { text-decoration: none; }

#tabs #searchbox div.button a {
	display: block;
	width: 100%;
	height: 100%;
}

/*
* Footer  
*/
#separator {
    width: 850px;
    margin: 10px 0;
    border-top: 1px solid #bdbdbd;
}

#separator .left {
    width: 475px;
    float: left;
    text-align: left;
    margin-top: 5px;
}

#separator .right {
    width: 375px;
    float: left;
    text-align: right;
    margin-top: 5px;
}


/*
* Common stuff
*/

div.box {
	display: block;
	width: 100%;
	margin-bottom: 5px;
}


div.box div.tabs {
	margin:0;
	padding:0;
}

div.box div.tabs div.tab {	
	font-size: 12px;
	overflow:hidden;
	float: left;
	height: 20px;
}

div.box div.tabs span.left {
	display: block;
	float: left;
	background: url(http://static.youmake.tv/images/common/tab_corners.png) no-repeat;
	background-position: -10px 0px;
	width: 5px;
	height: 20px;
	overflow: hidden;
}

div.box div.tabs  span.right {
	display: block;
	float: left;
	background: url(http://static.youmake.tv/images/common/tab_corners.png) no-repeat;
	background-position: -15px 0px;
	width: 5px;
	height: 20px;
	margin-right: 5px;
	overflow: hidden;
}

div.box div.tabs  span.title {
	display:block;
	float:left;
	height: 20px;
	overflow: hidden;
	color: #000;
	font-size: 12px;
	background-color: #dde7c5;
	line-height: 20px;
	padding-left: 2px;
	font-size: 12px;
	padding-right: 2px;
}

div.box div.tabs  span.title a {
	color: #000;
	text-decoration: none;
}

div.box div.tabs .active span.left {
	background: url(http://static.youmake.tv/images/common/tab_corners.png) no-repeat;
	background-position: 0px 0px;	
}

div.box div.tabs  .active span.title {
	background: url(http://static.youmake.tv/images/common/tab_bg.png) repeat-x;
	color: #fff;
}

div.box div.tabs .active span.title a {
	color: #fff;
	text-decoration: none;
}

div.box div.tabs  .active span.right {
	background: url(http://static.youmake.tv/images/common/tab_corners.png) no-repeat;
	background-position: -5px 0px;
}

div.box div.content {
	border: 3px solid #dcdcdc;
	margin:0;
	padding:5px 5px 5px 5px;
	background-color: #FFFFFF;
}

div.box div.header {
	margin-bottom: 15px;
	text-align: center;
}

div.box div.header ul, li {
	list-style-type: none;
	margin:0;
	padding:0;
}

div.box div.header li {
	display: inline;
	margin-left: 5px;
}

div.box div.header li .active{
	font-weight: bold;
}

div.box div.footer {
	background: url(http://static.youmake.tv/images/common/box_gradient.png) repeat-x top left;
	margin: -0px -5px -5px -5px;
	height: 27px;
	text-align: center;
}

* html div.box div.footer {
	margin-bottom: -10px;
}


div.box div.footer ul, li {
	list-style-type: none;
	margin:0;
	padding:0;
}

div.box div.footer ul {
	display: block;
	padding-top: 6px;
}

div.box div.footer li {
	display: inline;
	margin-left: 5px;	
}


div.box div.footer li .active{
	font-weight: bold;
}

div.box div.item {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

div.box div.item div.image {
	display: block;
	width: 104px;
	margin-right: 5px;
	float:left;
}

div.box div.item div.image img {
	border:0;
}

div.box div.item div.middle {
	display: block;
	float:left;
	width:200px;
	overflow: hidden;
}

div.box div.item div.title a {
	color: #004676;
	font-size: 14px;

	text-decoration: none;
}


div.box div.item div.description {
	color: #000;
	font-size: 13px;
	margin-top: 7px;
}

div.box div.item div.views {
	margin-top: 3px;
}

div.box div.item div.from {
	margin-top: 3px;
}

div.stars {
	padding-top: 4px;
}

div.box div.item div.info {
	display: block;
	float:left;
}

div.box div.items div.info div {
	font-size: 11px;
}

div.box div.boxtitle {
	height: 17px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight:bold;
	padding-left: 10px;
    padding-top: 3px;
	background: url('http://static.youmake.tv/images/common/box_header_bg.gif') repeat-x;
	overflow: hidden;
	border-top: 2px solid #dcdcdc;
	border-left: 2px solid #dcdcdc;
	border-right: 2px solid #dcdcdc;
}

div.box div.boxtabs {
	height: 24px;
	color: #404040;
	font-size: 12px;
	font-weight:bold;
	padding-left: 10px;
	padding-top: 4px;
	background: url('http://static.youmake.tv/images/common/box_gradient.png') repeat-x;
	overflow: hidden;
}

div.box div.boxtabs a {
	text-decoration: none;
	font-size: 12px;
}

div.box div.boxtabs a.active {
	font-weight: bold;
}

div.box div.boxcontent {
	display: block;
	padding: 12px 12px 16px 12px;
	border: 2px solid #dcdcdc;
}


div.box div.box {
	border: 0px;

}

div.box div.box div.boxtitle {
	display:inline;
	background: none;
	margin:0;
	border:0;
	font-size: 12px;
	font-weight:  bold;
	color: #000;
	margin-top: 4px;
}

div.box div.box div.boxcontent {
	border: solid 1px #eaeaea;
	width: 90%;
	margin: 5px auto 0px auto;
	padding: 4px 4px 4px 4px;
}

div.box ul.boxlist {
	list-style: none;
	margin-left: -50px;
	margin-top: 0;
	margin-bottom: 0;
}

* html div.box ul.boxlist {
    margin-left: -10px;
}

div.box ul.boxlist li {
	line-height: 1.3em;
}

div.box ul.boxlist li .prepend {
	float: left;
	width: 1em;
}

div.box ul.boxlist li a.active {
	font-weight: bold;
}

div.item div.image {
	float: left;
}

div.item div.infos {
	float: left;
	margin-left: 8px;
}



div.box a { font-weight: normal; }

#home, #browse, #search, #video, #channels, #upload, #plogin, #openid, #my, #form, #channel, #premium  {
	margin-top: 22px;
	margin-left: 4px;
}

#upload {
	margin-right: 15px;
}



.pager {
	text-align:right;
	width: 100%;
}

.pager ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pager  li {
	display: inline;
	list-style: none;
	padding: 0;
	margin-left: 0.3em;
}

.pager a.active {
	font-weight:  bold;
	color: #c00;
}

/*
* Home
*/ 

#home div.c1 {
	float: left;
	width: 35%;
	overflow: hidden;
}

#home  div.c2 {
	float: left;
	width: 34%;
	overflow: hidden;
}

#home  div.c3 {
	float: left;
	width: 31%;
	overflow: hidden;
}

#home  div.c1 a, #home  div.c2 a, #home div.c3 a {
	text-decoration: none;
}

#home div.c1 a:hover, #home div.c2 a:hover, #home div.c3 a:hover {
	color: #000;
	text-decoration: underline;
}


/* Left */

#home #left {
	float: left;
	width: 466px;
	padding: 0;
	margin-top: -1px;
	overflow: hidden;
}

#home #recent {
	margin:0;
	padding:0;
}


#home #right {
	float: left;
	width: 371px;
	margin-left: 8px;
	overflow: hidden;
}

#home #player {
	width: 466px;
	height: 382px;
}

#home #featured {
	background: url(http://static.youmake.tv/images/home/featuredbg.png) top left no-repeat;
	width: 371px;
	height: 260px;
	overflow: hidden;
	margin-bottom: 10px;
}

#home #featured .title {
	margin-top: 13px;
	margin-left: 15px;
	color: white;
	font-size: 18px;
}

#home #featured .content {
	margin-top: 10px;	
	margin-left: 15px;
}

#home #featured .content .item {
	height: 120px;
}


#home #featured .content .item .title {
	color: #004676;
	font-size :14px;
	font-weight: bold;
	text-decoration: underline;
	margin:0;
	padding:0;
}

#home #featured .content .item .description {
	margin-bottom: 10px;
	margin-top: 7px;
	color: #a0a0a0;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	width: 150px;
	overflow: hidden;
	margin-left: 2px;
}

#home #featured div.infos {
	width: 150px;
}

#home .roundedbox {
	margin-bottom: 15px;
}

#home .roundedbox .title {
	font-weight: bold;
	margin-bottom: 4px;
	font-size: 13px;
	color: #4d4d4d;
}

#home .roundedbox .top {
	width: 346px;
	height: 6px;
	overflow: hidden;
	background: url(http://static.youmake.tv/images/home/r_top.png) top left no-repeat;
}

#home .roundedbox .middle {
	width: 346px;
	background: url(http://static.youmake.tv/images/home/r_middle.png) top left repeat-y;
}

#home .roundedbox .ham {
	border:0;
	padding: 0px 0px 4px 8px;
}

#home .roundedbox .bottom {
	width: 346px;
	height: 6px;
	overflow: hidden;
	background: url(http://static.youmake.tv/images/home/r_bottom.png) top left no-repeat;
}

#home .tagcloud a {	
	text-decoration: none;
}

#home .tagcloud a.highlight {
	color: #a5bf6a;
	text-decoration: none;
}

#home #channels {
	background: url(http://static.youmake.tv/images/home/channelsbg.png) top left no-repeat;
	width: 371px;
	height: 491px;
	margin-left: -1px;
	overflow: hidden;	
}

#home #channels .title {
	margin-top: 13px;
	margin-left: 15px;
	color: white;
	font-size: 18px;
}

#home #channels .content {
	margin-top: 10px;	
	margin-left: 15px;

}

#home #channels .bottom {
	margin-top:  404px;
	margin-left: 15px;
}



#home .more a {
	text-decoration: none;
	line-height: 30px;
	padding-bottom: 3px;
}

#home .more .btn {
	float: left;
	margin-top: 3px;
}

#home .more .text {
	float: left;
	margin-bottom: 2px;
	margin-left: 2px;
}


/*
 * Video item
 */

/*
* Stuff on left side of the screen
*/

#video #left { 
	float: left;
	width: 466px;
	margin-top: -1px;
}

#video #player {
	width: 466px;
	height: 382px;
	margin-bottom: 5px;
	z-index: 1;
}

#video #ratingContainer #rating_votes {
    float:left;
	font-size: 11px;
}

#video #comments {
	width: 100%;
	margin-bottom: 10px;
}

#video #comments_crumbs {
	width: 100%;
	text-align: center;
}

#video #comments_result {
	height: 100%;
}

#video #comments_form  {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
}

#video #comments_form textarea {
	width: 98%;
	margin-bottom: 4px;
}

#video #comments_form div.title {
	color: #303030;
	margin-bottom: 4px;
	margin-top: 10px;
}

#video #comments_form div.nologin {
	color: #303030;
	margin-bottom: 4px;
	margin-top: 10px;
}


#video #comments_form {
	margin-bottom: 5px;
	margin-top: -10px;
}

div[id=comments_form] {
	margin-top: 0px;
}

#video #comments .boxcontent {
	margin: 0;
}

#video #comments #comments_result div.item {
	margin-bottom: 15px;
    border-bottom: 1px dotted #dcdcdc;
    padding-bottom: 5px;
}

#video #comments #comments_result div.comment {
	margin-left: 3px;
	margin-top: 5px;
}

#video #comments #comments_crumb {
	height: 1em;
}

#video #comments #comments_result div.item {
	font-size: 11px;
}

#video #comments div.item div.title {
	margin-bottom: 5px;
	color: #303030;
	margin-left: 3px;
}

#video #comments div.item div.author {
	float: left;
}

#video #comments div.item div.author a {
	font-size: 11px;
	text-decoration: underline;
}

#video #comments div.item div.date {
	float: left;
	text-align:right;
}

#video #comments div.item div.body {
    float: left;
    width: 330px;
}

#video #comments div.item div.avatar {
    float: left;
}

#video #comments div.item div.avatar img { 
	width: 100px;
	margin-right: 3px;
}

#video div#comments .active {
	font-weight: bold;
}

#video #options {
	border: 3px solid #dcdcdc; 
	width: 458px;
	margin: 10px 0 10px 0;
}

#video #toolsContainer {
    margin: 5px;
    text-align: left;
}

#video #toolsContainer .line .image {
	float: left;
}

#video #toolsContainer .line .text {
	float: left;
	margin-top: 3px;
	margin-left: 4px;
	width: 110px;
}

#video #toolsContainer .column {
	float: left;
	width: 140px;
}

#video #toolsContainer .line {
	font-size: 11px;
	height: 18px;
	margin-bottom: 2px;
}

#video #toolsContainer .line a {
	text-decoration: underline;
}

#video #toolsContainer .line a:hover {
	color: #c00;
	text-decoration: underline;
}

/*
* Right Part
*/

#video #right {
	float: left;
	width: 371px;
	height: 100%;
	padding:0;
	margin-left: 5px;
	overflow: hidden;
}

#video #right #infobox {
	background: url(http://static.youmake.tv/images/common/green_top.jpg);
	background-repeat: no-repeat;
}

#video #right #infobox .title {
	color: white;
	font-size: 18px;
	padding-top: 12px;
	padding-left: 15px;	
	margin-top: -2px;
	height: 30px;
}


#video #right #infobox .middle {
	margin-top: -2px;
	background: url(http://static.youmake.tv/images/common/green_middle.gif) top left repeat-y;
	width: 371px;
}


#video #right #infobox .middle .data {
	margin-left: 15px;
	padding-top: 10px;
}


#video #right #infobox .bottom {
	background: url(http://static.youmake.tv/images/common/green_bottom.gif) top left no-repeat;
	width: 371px;
	height: 13px;
	overflow: hidden;
}

#video #right div.box div.item div.title {
	width: 220px;
	overflow:hidden;
}


#video #right div.caption {
	font-weight: bold;
	color: #054c7a;
	font-size: 15px;
	
}

#video #right div.description {
	margin-top: 10px;
	margin-bottom: 10px;
}

#video #right div.itemline {
	font-size: 12px;
	line-height: 16px;
	margin-top: 5px;
	width: 98%;

	
}

#video #right div.itemline a {
	text-decoration: underline;

}

#video #right div.itemline div.caption {


	float:left;

	color: #565656;
	font-size: 12px;
	font-weight: normal;
	margin-right: 2px;
}

#video #right div.itemline div.denrescht {

}

#video #right div.itemline div.date {
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
}

#video #right div.itemline input {
    float: left;
    font-size: 12px;
    height: 14px;

    width: 260px;
    border: 1px solid #727272;
    background-color: #f9f9f9;
}

#video #right #videotags a {
	text-decoration: none;
}

#video #rating_text {
    font-size: 11px;
    margin-left: 5px;
    margin-top: 7px;
	margin-left: 20px;    
}

#video #rating {
	float:left;
	margin-left: 5px;
	margin-top: 0px;
}

#video #rating_title {
	float:left;
	margin-left: 5px;
	margin-top: 2px;
	margin-left: 20px;
	
}

#video #rating_votes {
	float:left;
	margin-left: 6px;
    margin-top: 2px;
	font-size: 12px;
}

#video #ratingContainer {
	width: 315px;
    margin-left: 15px;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 15px;
}

#video #ratingContainer div.header {
    background: url(http://static.youmake.tv/images/video/top.gif) 0 0 no-repeat;  
    height: 7px;
    padding: 0;
    margin: 0;  
    overflow: hidden;
}

#video #ratingContainer div.middle_rating {
    background: url(http://static.youmake.tv/images/video/middle.gif) 0 0 repeat-y;
    padding: 0;
    margin: 0;    
}

#video #ratingContainer div.footer {
    background: url(http://static.youmake.tv/images/video/bottom.gif) 0 0 no-repeat;
    height: 7px;    
    padding: 0;
    margin: 0;
    overflow: hidden;
}


#video #more_results {}

#video #more_results div.title a {
	text-decoration: none;
	border:0;
}

#video #more_results div.stars {
	margin-top: 7px;
}
	

.sendForm {
}

.sendForm .title {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
}

.sendForm .emailRow {}

.sendForm .emailRow .caption {}

.sendForm .messageRow {}

.sendForm .messageRow .caption {}

.sendForm .buttonRow {
	width: 100%;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 4px;
}

/*
* Browse videos
*/

#browse #left {
	float: left;
	width: 170px;
}

#browse #middle {
	float: left;
	width: 660px;
	margin-left: 10px;
}

#browse #middle .headerleft {
	float: left;
	width: 40%;
}

#browse #middle .headerright {
	float: left;
	width: 60%;
	text-align: right;
	margin-top: 3px;
}

#browse #middle .headerright a.active {
    font-weight: bolder;
}

#browse #middle .pager {
	margin-bottom: 10px;
}

#browse div.item {
	float: left;
	width: 130px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #323232;
}

* html #browse div.item {
    margin-left: 15px;
}

#browse .clear_browse {
	clear:both;
	height: 0px;
	width: 100%;
	line-height: 0;
	font-size: 0;
	height: 10px;
	border-top: 1px dotted #a2a2a2;
}

#browse div.item div.image {
	width: 100%;
	text-align:center;
}

#browse div.item div.image img {
	border: 1px solid #a0a0a0;
}

#browse div.item div.info {
	width: 100%;
	font-size: 11px;
}

#browse div.item div.info b {
	color: #7a7a7a;
	font-weight: normal;
}

#browse div.item div.info .duration {
	margin-bottom: 7px;
	font-weight: bold;
	color: #7a7a7a;
}

#browse .item .title a {
	text-decoration: none;
	font-weight: bold;
}

#browse .item .title a:hover {
	text-decoration: underline;
}


#browse .stars {
	height: 12px;
}


#overlay {
	display: none;
	position: absolute;
	background-color: white;
	border: 3px solid #dcdcdc;
	padding: 4px;
	z-index: 1000;
}

/*
* Channels
*/

#channels #left {
	float: left;
	width: 170px;
}

#channels #middle {
	float: left;
	margin-left: 10px;
	width: 660px;
}

#channels #right {
	margin-left: 10px;
	margin-top: 20px;
	float: left;
}

#channels div.item {
	float: left;
	width: 130px;
	margin-left: 7px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #323232;
}

#channels div.item div.image {
	width: 100%;
}

#channels div.item div.image img {
	border: 1px solid #a0a0a0;
}

#channels div.item div.info {
	width: 100%;
	font-size: 11px;
}

#channels div.item div.info b {
	color: #7a7a7a;
	font-weight: normal;
}

#channels div.item div.info .duration {
	margin-bottom: 7px;
	font-weight: bold;
	color: #7a7a7a;
}

#channels .item .title a {
	text-decoration: none;
	font-weight: bold;
}

#channels .item .title a:hover {
	text-decoration: underline;
}

#channels .pager {
	text-align:right;
	width: 100%;
}



/*
* Upload
*/ 


#upload div.faitastar div.boxtitle {
	height: 29px;
	background: url('http://static.youmake.tv/images/channel/faitastar/cree-ton-clip.jpg') 0 0 no-repeat;
	padding: 0;
	margin: 0;
	border: 0px solid #640d78;
	background-color: #a43ba2;
}


#upload div.faitastar div.boxcontent {
	display: block;
	padding: 12px 12px 16px 12px;
	border: 1px solid #ef96f4;
}


#upload div.faitastar {
	display: block;
	width: 100%;
	margin-bottom: 5px;	
}

#upload #left, #upload #lipsync {
	float: left;
	width: 840px;	
}

#upload #right {
	float: left;
	margin-left: 12px;
}

#upload .infos {
    float: left;
    width: 400px;
    overflow:hidden;        
}

#upload #webcam {
    float:left;
    width:400px;
}

#upload #player {
    float:left;
    width: 380px;
}

#upload #lipsync {
    float: left;
}

#upload .title {
	display: inline;
	color: #c00;
}

#upload .caption {
	font-weight: bold;	
}



#upload .inputText {
	font-size: 1em;
	color: #004676;
	margin-bottom: 4px;
	width: 327px;
	border: 1px solid #e0e0e0;
}



#upload .select {
	font-size: 1em;
	color: #004676;
	margin-bottom: 4px;
	width: 330px;
	border: 1px solid #e0e0e0;
}

#upload td {
	font-size: 1em;
}

#upload #progress {
	margin-top: -17px;
	/*margin-left: -17px;*/
	font-size: 1em;
}

#upload #continue {
	margin-top: -14px;
	font-size: 1em;
}

#upload #continue input {
	font-size: 1em;
	color: #004676;
}

#plogin #left {
	float: left;
	width: 260px;
}

#plogin #left div.boxcontent {

}

#plogin #left input {
	border: 1px solid #e0e0e0;
	color: #004676;
}

#plogin #middle {
	float: left;
	margin-left: 15px;
	width: 565px;
}

#plogin #middle input {
	border: 1px solid #e0e0e0;
	color: #004676;
}

#plogin #right {
	float: left;
	margin-left: 16px;
}

#plogin td.caption {
	vertical-align: top;
}

#plogin td.field {
	vertical-align: middle;
}

/*
* Form
*/ 

#form {
    width: 845px;
    margin-left: 2px;
}

#form input, textarea {
    font-family: arial, verdana;
	border: 1px solid #e0e0e0;
	color: #004676;
}



/*
* My
*/ 

#my #left {
	float: left;
	width: 190px;
	margin-right: 15px;
}

#my #left .box .boxcontent input, textarea, select  {
    font-family: arial, verdana;
	border: 1px solid #e0e0e0;
	color: #004676;  
}



#my .pager {
	text-align:right;
	width: 100%;
}

#my .pager ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#my .pager  li {
	display: inline;
	list-style: none;
	padding: 0;
	margin-left: 0.3em;
}


#my #right {
	float: left;
	width: 635px;
}

#my div.item {
	margin-bottom: 6px;
	color: #323232;
	font-size: 12px;
	overflow: hidden;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px dotted #bdbdbd;
	width: 98%;
}

#my div.item_last {
	border-bottom: none;
}

#my div.inactive {
    border: 1px solid #CC0000;
    margin-top: 10px;
}

#my div.item b {
	color: #7a7a7a;
	font-weight: normal;
}

#my div.item div.image {
	float: left;
	margin-right: 15px;
}

#my div.item div.image img {
	border: 1px solid #a0a0a0;
}

#my div.item div.info {
	float: left;
	width: 270px;
	margin-left: 10px;
	margin-top: -1px;

}

#my div.title {
	padding:0;	
}

#my div.title a {
	text-decoration: none;
	font-weight: bold;
}

#my div.title a:hover {
	color: #000;
	text-decoration: underline;
}

#my div.duration {
	float: left;
	margin-left: 20px;
}

#my div.date {
	float:left;
}

#my div.description {
	margin-top: 9px;
	margin-bottom: 9px;
	margin-left: 3px;
	width: 280px;
}

#my div.category {
	float: left;
}

#my div.category a:hover {
	color: #c00;
}

#my div.from {
	float: left;
	margin-left: 8px;
}

#my div.from a {
	color: #c00;
}

#my div.from a:hover {
	color: #c00;
}

#my div.item div.actions {
	float: left;
}

#my div.item div.status {
	margin-top: 6px;
	
	color: #c00;
	font-weight: bold;
}

#my div.mytitle {
	font-weight: bold;
	font-size: 14px;
	color: #034a7a;
	margin-bottom: 5px;
}

#my table.gray {
	background-color: #cdcdcd;
}

#my table.gray tr {
	background-color: #efefef;
}

#my table.gray td {
	width: 50%;
	vertical-align: top;
}

#my table.gray b {
	color: #656565;	
}

#my table.gray p {
	margin-left: 5px;
	margin-right: 10px;
	color: #404040;
}

#my table.gray .mouseover {
	background-color: #f9f9f9;
}

#my .explain {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}

#my .text {
	color: #303030;;
	border: 1px solid #cdcdcd;
	font-size: 14px;
	background-color: #f9f9f9;	
}

#my select {
	background-color: #f9f9f9;
	color: #303030;
}

#my td.caption {
	width: 100px;
}


#my a.active {
	font-weight: bold;
}

#my #appear_left {
	float: left;
	width: 50%;
}

#my #appear_right {
	float: left;
	width: 50%;
}


input.openid {
   background: url('http://static.youmake.tv/images/common/login-bg.gif') no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}

#openid #left {
	float: left;
	width: 760px;
}

#openid #left div.boxcontent {
	margin-top: 10px;
}

#openid #left input {
	border: 1px solid #e0e0e0;
	color: #c00;
}


#openid #right {
	float: left;
	margin-left: 16px;
}
#openid td.caption {
	vertical-align: top;
}

#openid td.field {
	vertical-align: middle;
}


/*
 * Channel
 */

/*
* Stuff on left side of the screen
*/

#channel #left { 
	float: left;
	width: 466px;
	margin-top: -1px;
	background-color: red;
}

#channel #player {
	width: 464px;
	height: 386px;
	margin-bottom: 5px;
	z-index: 1;
}

#channel #rating_text {
	font-size: 0.9em;
	margin-top: 2px;
}

#channel #rating {
	display: inline;
	margin-top: 1px;
	margin-left: 10px;
}

#channel #rating_votes {
	display: inline;
	margin-left: 6px;
	margin-top: 2px; 
	font-size: 12px;
}

#channel #comments {
	width: 100%;
	margin-bottom: 10px;
}

#channel #comments_crumbs {
	width: 100%;
	text-align: center;
}

#channel #comments_result {
	height: 100%;
}

#channel #comments_form textarea {
	width: 98%;
	margin-bottom: 4px;
}

#channel #comments_form div.title {
	color: #303030;
	margin-bottom: 4px;
}

#channel #comments_form {
	margin-bottom: 5px;
	margin-top: -10px;
}

div[id=comments_form] {
	margin-top: 0px;
}

#channel #comments .boxcontent {
	margin: 0;
}

#channel #comments_result {
	margin-top: 5px;
	margin-left: 6px;
	margin-right: 10px;
}

#channel #comments #comments_result div.item {
	margin-bottom: 5px;
}

#channel #comments #comments_result div.comment {
	margin-left: 8px;
}

#channel #comments #comments_crumb {
	height: 1em;
}

#channel #comments #comments_result div.item {
	padding-bottom: 12px;
	font-size: 11px;
}

#channel #comments div.item div.title {
	display: block;
	width: 100%;
	height: 14px;
	background-color: #f0f0f0;
	padding: 3px 5px 3px 5px;
	margin-bottom: 5px;
	color: #303030;
}

#channel #comments div.item div.author {
	float: left;
	width: 50%;
}

#channel #comments div.item div.date {
	float: left;
	width: 50%;
	text-align:right;
}

#channel div#comments .active {
	font-weight: bold;
}

#channel #options {
	border: 1px solid #cdcdcd; 
	width: 100%;
	margin: 10px 0 10px 0;
	padding-top: 5px;

}

#channel #ratingContainer {
	float: left;
	margin: 2px 2px 2px 8px;
	width: 190px;
	font-size: 11px;

}

#channel #ratingContainer #rating_votes {
	margin-top: 3px;
	font-size: 11px;
}

#channel #ratingConteiner #rating_text {
	padding-top: 5px;
}

#channel #toolsContainer {
	float: left;
	margin-right: 4px;
	margin-top: 5px;	
}

#channel #toolsContainer .line .image {
	float: left;
}

#channel #toolsContainer .line .text {
	float: left;
	margin-top: 3px;
	margin-left: 4px;
}

#channel #toolsContainer .column {
	float: left;
	width: 120px;

}

#channel #toolsContainer .line {
	font-size: 11px;
	height: 18px;
	margin-bottom: 2px;
}

#channel #toolsContainer .line a {
	color: #404040;
	text-decoration: none;
}

#channel #toolsContainer .line a:hover {
	color: #c00;
	text-decoration: underline;
}

/*
* Middle Part
*/

#channel #middle {
	float: left;
	width: 315px;
	margin-left: 12px;

	height: 100%;
}

#channel #middle div.title {
	color: #c00;
	font-weight: bold;
	text-decoration: underline;
}

#channel #middle div.boxcontent {
	color: #676767;
}

#channel #middle div.boxcontent b {
	color: #404040;
	font-weight: normal;
}

#channel #middle div.boxcontent {
	margin: 0 0 0 0;
}

#channel #middle div.description {
	margin-bottom: 7px;
	margin-left: 3px;
	margin-right: 3px;
}

#channel #middle div.category {
	font-size: 11px;
	margin-bottom: 2px;
}

#channel #middle div.tags {
	font-size: 11px;
	margin-bottom: 2px;
}

#channel #middle div.date {
	font-size: 11px;
	margin-bottom: 7px;
}

#channel #middle div.owner {
	font-size: 11px;
	margin-bottom: 2px;
}

#channel #middle div.duration {
	font-size: 11px;	
	margin-bottom: 6px;
}

#channel #middle div.from {
	float: left;
	width: 50%;
	font-size: 11px;
}

#channel #middle div.views {
	float: left;
	width: 50%;
	font-size: 11px;
}

#channel #middle #videotags a {
	text-decoration: none;
}

#channel #middle #more_crumbs {
	text-align: center;
	margin-bottom: 15px;
}

#channel #middle #more_crumbs a.active {
	font-weight: bold;
}

#channel #middle #more_results div.item {
	margin-bottom: 10px;
}

#channel #middle #more_results div.item div.image {
	float: left;
	width: 80px;
}

#channel #middle #more_results div.item div.image img {
	border: 0;
	width: 80px;
}

#channel #middle #more_results div.item div.info {
	float: left;
	margin-left: 5px;
	width: 210px;
}
#channel #middle #more_results div.item div.info .date {
	margin: 1px 0;
}
	
#channel #right {
	float: left;
	padding-top: 20px;
	font-size: 11px;
	margin-left: 8px;	
}

.sendForm {
}

.sendForm .title {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
}

.sendForm .emailRow {}

.sendForm .emailRow .caption {}

.sendForm .messageRow {}

.sendForm .messageRow .caption {}

.sendForm .buttonRow {
	width: 100%;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 4px;
}