body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ol,
a,
img,
label,
form {
	font-size: 12px;
	font-weight: normal;
	font-family: arial, sans;
	border: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration:none;
	outline: none;
	
	}

/* hidden element */
.div_id,
.div_timebased,
.div_videoid,
.div_bitrate,
.div_url,
.div_transcript,
.div_commentid,
.div_type,
.div_playlist,
.div_imageset,
.div_length {
	display: none;
}

body {
	margin:0px;
	padding:0px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color:#CFD3C2;
	}

h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

td, th {
	font-size:12px;
	font-family:arial;
	color:white;
	}

#img_bg {
	position:absolute;
}

#div_container {
	position:absolute;
	width:970px;
	height:620px;
	left:50%;
	margin:0px 0px 0px -485px;
}

#div_leftside {
	position:absolute;
	left:9px;
	top:5px;
}

#img_logo {
	position:absolute;
	left:0px;
	top:0px;
}

#div_rightside {
	position:absolute;
	left:421px;
	top:40px;
}

#div_video {
	position:absolute;
	top:75px;
	width:527px;
	height:303px;
	background:transparent url(../gfx/video.png) no-repeat;
}

#img_banner_1 {
	position:absolute;
	top:0px;
	left:25px;
	width:478px;
	height:70px;
}

#img_banner_2 {
	position:absolute;
	top:503px;
	left:25px;
	width:478px;
	height:70px;
}


#div_banner_1 {
	position:absolute;
	top:0px;
	left:25px;
	width:478px;
	height:70px;
	padding:1px 0px 0px 1px;
}

#div_banner_2 {
	position:absolute;
	top:503px;
	left:25px;
	width:478px;
	height:70px;
	padding:1px 0px 0px 1px;
}

#div_menu {
	position:absolute;
	left:0px;
	top:110px;
	height:15px;
	width:400px;
}

#div_menu li {
	display:none;
	width:77px;
	float:left;
	text-align:center;
	margin-right:3px;
	background:transparent url(../gfx/menu_off.png) no-repeat;
}

#div_menu li.li_channel_selected {
	background:transparent url(../gfx/menu_on.png) no-repeat;
}


#div_menu li a {
	color:white;
	font-weight:bold;
	font-size:12px;
}

#div_main {
	position:absolute;
	left:0px;
	top:125px;
	width:397px;
	height:400px;
	background-color:black;
}

#div_main ul {
	margin:5px;
}

#div_main .li_channel .div_name {display:none}
#div_main .li_category .div_name {display:block}

#div_main li.li_channel {
	width:360px;
	margin-bottom:4px;
	padding:0px;
}

/* starting videos are hidden */
#li_channel_2537 {
	display:none;
}

#div_main li.li_category {
	background:black url(../gfx/channel_title.png) no-repeat;
	width:360px;
	margin-bottom:4px;
}


#div_main ul li a {
	font-size:14px;
	font-weight:bold;
	color:#137431;
	display:block;
	padding:4px 5px 4px 15px;
	height:18px;
}

#div_main ul ul {

}

#div_main ul ul li.li_video {

	width:340px;
	height:90px;
	margin-bottom:4px;
	margin-left:10px;

}


.li_video {
	background:#fff url(../gfx/videoitem_bg.png) no-repeat;
	width:340px;
	height:90px !important;
	margin-bottom:4px;
	margin-left:10px;
	}

.li_video .div_image, .li_video img {
	width:140px;
	height:80px;
	float:left;
}

.li_video img {background-color:black}

.li_video .div_image {padding:5px;}

.li_video a {
	padding:0px !important;
	}

.li_video .div_name {
	padding-top:10px;
	height:14px;
	overflow:hidden;
	}

.li_video .div_description {
	height:57px;
	overflow:hidden;
	font-size:11px;
	color:black;
	}

.li_video .a_video {font-size:13px !important}

#div_player {margin:4px 0px 0px 4px}

.ul_category {
	display:none;
	}



#div_videos p {
	padding:0px;
}
#div_videos a {
	color:#2a2;
}

.container {
	padding:10px 30px;
}

#welcometext {
	display:none
	}

#register {
	position:absolute;
	left:0px;
	top:532px;
	width:397px;
	height:76px;
	background:transparent url(../gfx/register_bg.png) no-repeat;
}

#conditions {
	position:absolute;
	top:620px;
	left:0px;
	width:900px;
	text-align:center;
	font-family:arial;
	font-size11px;
	color:black;
}

#conditions b {
	cursor:pointer;
	}


/* jsscollbar */


	.Scroller-Container {
	  position: absolute;
	  top: 0px; left: 0px;
	}
	.Scrollbar-Up {
	  position: absolute;
	  width: 10px; height: 10px;
	  background-color: #137431;
	  border:1px solid #137431;
	  font-size: 0px;
	  cursor:pointer;
	}
	.Scrollbar-Track {
	  width: 10px; 
	  position: absolute;
	  top: 20px;
	  background: #000 url(../gfx/track.png) repeat-y;
	  border:0px solid #137431;
	}
	.Scrollbar-Handle {
	  position: absolute;
	  width: 10px; height: 30px;
	  background-color: white;
	  cursor:pointer;
	  background-color: #137431;
	  border:1px solid white;
	}
	.Scrollbar-Down {
	  position: absolute;
	  width: 10px; height: 10px;
	  background-color: #137431;
	  border:1px solid #137431;
	  font-size: 0px;
	  cursor:pointer;
	}
	
	#Scrollbar-Container1 {
	  position: absolute;
	  top: 10px; left: 377px;
	}
	
	#Scrollbar-Container1 .Scrollbar-Track {
		height: 320px;
	}
	
	#Scrollbar-Container1 .Scrollbar-Down {
		top: 350px;
	}
	
	#div_videos { 
	  position: absolute;
	  overflow: hidden;
	  top:10px;
	  width: 380px;
	  height: 360px;
	  display: block;
	  color:white;
	}

	#slides {
		position:absolute;
		top:390px;
		width:523px;
		height:101px;
		xoverflow:hidden;
		margin:0 auto 20px;
		background:transparent url(../gfx/carousel.png) no-repeat;
	}

	#slides .div_description {
		display:none !important
		}






/* forms */

	#form-login, #form-profile {
		border:0px solid red;
	}
	
	#form-login label, #form-profile label {
		display:block;
		float:left;
		width:100px;
		font-size:15px;
	}

	#form-login input, #form-profile input {
		display:block;
		width:170px;
		border-width:1px;
	}
	
	#form-login p, #form-profile p {
		padding:0px;
		margin-bottom:10px
	}
	
	#inputs-login , #inputs-password {
		display:block;
		margin-left:100px;
	}

	#div-login, #div-profile {
		width:300px;
	}

	#form-login a, #form-profile a {
		color:#2a2;
	}

	#form-login .error, #form-profile .error {
		color:red;
		font-weight:bold;
	}

	.status {
		color:#0F77FF;
		font-weight:bold;
	}

	input.submit {
		color: #FFFFFF;
		font-family: Arial;
		font-size: 8pt;
		font-weight: bold;
		border: 1px solid #000000;
		background-color: #11732B;
		cursor:pointer;
	}

	#slidetitle {
		position:absolute;
		top:474px;
		left:50px;
		width:423px;
		height:17px;
		xoverflow:hidden;
		margin:0 auto 20px;
		overflow:hidden;
		text-align:center;
		color:white;
	}

	#slidetoptitle {
		position:absolute;
		top:392px;
		left:40px;
		width:423px;
		height:17px;
		xoverflow:hidden;
		margin:0 auto 20px;
		overflow:hidden;
		color:white;
		font-weight:bold;
	}



/* carousel */

.jcarousel-container {
    position: relative;
    top:8px;
 }

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 63px !important;
    border:1px solid green;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* tango  */

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 440px;
    padding: 10px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  440px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 100px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    color: #000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 35px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: black url(../gfx/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: black url(../gfx/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-container img {
	width:100px;
	height:63px;	
}