/* COLORS: #00A4EA #e5ecf9 #d5e8f9 #B5E61D #00A2E8 */
/* RESET */
body{
	font-family: Arial, "Liberation Sans", Helvetica, sans-serif;
	font-size: 16px;
}
body, ul, li, form, label{
	margin:0;
	padding:0;
}
p{
	margin: 0.33em 0;
}
h1,h2,h3,h4,h5,h6{
	margin: 0 -3px;
	line-height: 1.4em;
	padding: 5px 3px 4px;
	clear: both;
	font-weight: normal;
	border-bottom: 1px solid #eee;
}
h1,h2,h3{font-family: TitilliumMaps,sans-serif;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}
input{
	font-family: Arial, "Liberation Sans", Helvetica, sans-serif;
	vertical-align: baseline;
}
object, embed{
	display: block;
}
table{
	clear: both;
	width: 100%;
}
th, td {
	border:1px solid #aa9;
	vertical-align:middle;
	font-size:80%;
	text-align:left;
	padding:4px;
}
th{
	white-space: nowrap;
}
li{
	margin-left: 1.5em;
}
fieldset{
	border: none;
	border-top: 1px solid #ccc;
	background: #f3f3f3;
	margin-bottom:0.5em;
}
legend{
	font-weight: bold;
}
a{
	color: #00f;
	text-decoration: none;
}
a:visited{
	color: #06c;
	text-decoration: none;
}
a:hover, a:focus{
	color: green;
	text-decoration: underline;
}
a:active{
	color: red;
	text-decoration: underline;
}
a img{
	border: none;
}
img{
	vertical-align: text-bottom;
}
hr{
	border: none;
	border-top: 1px solid #68a;
}
textarea{
	border: 1px solid #ccc;
	font-family: Arial, sans-serif;
	padding: 2px;
}
textarea:focus{
	border: 1px solid #09f;
	-moz-box-shadow:0 0 3px 1px #0099FF;
	-webkit-box-shadow:0 0 3px 1px #0099FF;
	box-shadow:0 0 3px 1px #0099FF;
	outline:none !important;
}
sup{
	font-size: 0.67em;
}
.box + h1, .box + h2{
	margin-top: 5px;
}
section{
	margin-bottom: 5px;
}
.box, .contentbox{
	position: relative;
}
.box{
	padding-top: 5px;
}
#wrap{
	background: url(http://img.wyavtv.org/header_gradient.png) repeat-x;
	background: -ms-linear-gradient(#fff,#cef,#9cf);
	background: -moz-linear-gradient(#fff,#cef,#9cf);
	background: -webkit-linear-gradient(#fff,#cef,#9cf);
	background: linear-gradient(#fff,#cef,#9cf);
	height: 120px;
}
#header{
	background: url(http://img.wyavtv.org/header_bg_5.png) no-repeat right;
}
#logo{
	padding: 8px 5px 2px;
	max-height: 80px;
}
#logo-wahyan-a{
	display: inline-block;
	height: 80px;
	outline: medium none !important;
	overflow: hidden;
	position: relative;
	vertical-align: bottom;
	width: 66px;
}
#logo-wahyan-a:hover{
	top: -1px;
	left: -1px;
}
#logo-wahyan-a:active{
	top: 1px;
	left: 1px;
}
#logo-wahyan{
	border:medium none;
	clip:rect(0px, 65px, 80px, 0px);
	position:absolute;
}
#logo-starstudio-a{
	border-left: 1px solid #aaa;
	margin-left: 10px;
	padding-left:10px;
	display:inline-block;
	height:80px;
	position:relative;
	vertical-align:bottom;
	width:123px;
	overflow: hidden;
	outline:medium none !important;
}
#logo-starstudio{
	border:medium none;
	clip:rect(0px, 188px, 80px, 65px);
	position:absolute;
	left: -55px;
	top: 0;
}
#menu{
	font: bold 13px/20px "Trebuchet MS",Arial,sans-serif;
/*	background: -moz-linear-gradient(#ccc,#777 50%,#555 50%,#999);
	background: url(http://img.wyavtv.org/menu_bg.png) repeat-x 0 -28px;*/
	background: rgba(255,255,255,0.6);
	border-bottom: 1px solid #39c;
	border-top: 1px solid #39c;
	height: 28px;
}
#menu ul{
	margin: 0px auto;
	width: 960px;
}
#menu a{
	padding: 4px 5px;
	color: black;
}
#menu a:visited{
	color: black;
}
#menu a:hover{
/*	color: #06f; */
	/*background: url(http://img.wyavtv.org/menu_bg.png) repeat-x;*/
	background: rgba(255,255,255,0.8)
}
#menu a:active, #session a:active{
	color: #06f;
	background: rgba(255,255,255,1);
}
#menu li{
	display: inline-block;
	list-style: none;
	margin: 0;
	vertical-align: top;
}
#menu a {
	display: block;
}

#search{
	position: absolute;
	top: 45px;
	left: 220px;
	white-space: nowrap;
}
#search input[type=radio]{
	vertical-align: middle;
	margin: -0.1em 0 0;
}
#search .q{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:16px;
	height:1.25em;
	padding:2px 22px 2px 2px;
	vertical-align:middle;
	width:25ex;
}

#sessionline{
	border-top:3px solid #00A2E8;
	position:absolute;
	top:0;
	width:100%;
	height:0;
}
#session{
	background: white;
	background: rgba(255,255,255,0.8);
	position:absolute;
	top:0;
	right:3px;
	z-index:103;
	height: 31px;
	padding: 0 2px 0;
}
#sessionbar{
	font-weight:bold;
	font-size:13px;
	border-top:3px solid white;
}
.sessionhori{
	float:left;
	list-style: none;
	border-left: 1px solid #eee;
	border-bottom: 2px solid transparent;
	margin: 0;
}
.sessionhori:first-child{
	border-left: none;
}
.sessionhori a{
	border-top:3px solid #B5E61D;
	padding:5px 8px;
	display:inline-block;
	line-height:16px;
	height: 16px;
	margin-top: -3px;
	color: #36c;
	outline: none;
}
.sessionhori a:hover,.sessionhori a:focus{
	border-top: 3px solid #22B14C;
	background: #def;
}
.sessionhori.selected{
	-moz-box-shadow: 0 0 2px 2px #9cf;
	-webkit-box-shadow: 0 0 2px 2px #9cf;
	box-shadow: 0 0 2px 2px #9cf;
	position:relative;
	border-left:none;
	margin-left:1px;
}
.sessionhori.selected:first-child{
	margin-left:0;
}
.sessionhori.selected a{
	background: white;
	border-left: 1px solid #6cf;
	border-right: 1px solid #6cf;
	padding: 5px 7px 8px;
	position: relative;
	z-index: 104;
}

.s_dd{
	background:#fff;
	border:1px solid #6cf;
	position: absolute;
	top: 31px;
	padding: 5px;
	z-index: 2;
	display: none;
	-moz-box-shadow:0 0 2px 2px #9cf;
	-webkit-box-shadow:0 0 2px 2px #9cf;
	box-shadow:0 0 2px 2px #9cf;
}
.s_dd li{
	list-style: none;
	margin: 0;
}
.s_dd td{
	white-space:nowrap;
}
.s_dd a{
	padding: 5px;
	display: block;
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 12px;
	color: black;
}
.s_dd a:hover{
	background: #def;
}
#s_ac{
	right:35px;
}
#s_ac ul{
	padding-top: 5px;
	border-top: 1px solid #ccc;
}
#s_ac_avatar{
	margin:-5px 0 0 -5px;
}
#s_ac_name {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-style: italic;
	padding-top: 5px;
}
#s_ac_email{
	font-size:12px
}
#s_task{
	right:2px;
}
#session_fb{
	position: absolute;
	top: 32px;
	right: 0;
}

#counter{
	font-family: YanoneKaffeesatzLight, sans-serif;
	font-size:small;
	position: absolute;
	left: 220px;
	top: 25px;
}

#content{
	margin: 0 auto 5px;
	/*width:960px;*/
	clear:both;
}
#content > .center-wrap:after{
	display:block;
	height: 0;
	content: '.';
	color:transparent;
	clear:both;
}
#footer{
	border-top: 1px solid #369;
	clear:both;
	background: #def;
	color: black;
	font-size: 12px;
	overflow: hidden;
	padding: 10px 0;
}

.footer-copyright-image{
	float: left;
	margin-right: 10px;
}
.footer-copyright-text{
	float: left;
}
.footer-copyright-top,
.footer-copyright-bottom{
	display: block;
}
.footer-copyright-links{
	/*padding: 5px;*/
	float: right;
}
.footer-copyright-bottom a,
.footer-copyright-links a,
.footer-linkback a{
	color: #06f;
}

.license-by-nc-nd{
	vertical-align: middle;
	margin-top: -0.2em;
	position:relative;
	display: inline-block;
	width: 80px;
	height: 15px;
	overflow: hidden;
}
.license-by-nc-nd img{
	border:none;
	position: absolute;
	left: 0px;
	clip: rect(184px,80px,199px,0px);
	top: -184px;
}
#maincol{
	width: 640px;
	float:left;
}
#sidebar{
	width: 310px;
	margin-left:10px;
	float:left;
	background: rgba(255,255,255,0.8);
	position:relative
}
#tagcloud a{
	padding: 2px;
	line-height: 1.7em;
	background: #f3f6fc;
}
#tagcloud a:hover{
	background: #EDF6FE;
}
.center-wrap{
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

.float.left {
	float: left;
}
.float.right{
	float: right;
}

.msg {
	border: 2px solid #ec2;
	background: #ffc;
	color: black;
	padding:5px;
	font-size: 14px;
}
.msg + .msg{
	margin-top: 1ex;
}
.alert {
	color: #f00;
	background-image: url(http://img.wyavtv.org/images/icons/001_11.png);
}
.error {
	color: #f00;
	background: url(http://img.wyavtv.org/images/icons/001_05.png) left center no-repeat;
	padding-left: 50px;
}
.small, .timing{
	font-size: x-small;
}

.errmsg{
	border: 2px solid red;
	background: #ffc;
	color:red;
	padding:5px;
	font-size: 14px;
}
.msg p, .errmsg p, #authmsg p{
	margin-bottom: 0;
}

#authmsg{
	border: 1px solid #ddd;
	padding: 10px;
	margin: 20pt auto 0;
	width: 700px;
}
#auth_button{
	border: 1px solid #ddd;
	background:#eee;
	padding: 10px;
	margin: 0 auto 20pt;
	width: 700px;
	text-align:right;
	border-top: none;
}

.announce{
	font-size: 15px;
	line-height: 18px;
	font-style: italic;
}
.bold{
	font-weight: bold;
}
.normal {
	font-weight: normal;
	font-style: normal;
}
.select{
	text-align: center;
	padding: 1ex;
	color: grey;
}
.select a {
	color: #464646;
}
.selected{
	font-weight: bold;
}

.semantics{display:none}
@media screen{
	.hidden{display:none}
	.print{display:none}
}

/* UI - AJAX */
#loading{
	position:fixed;
	top:10px;
	right:10px;
	border:3px solid #aa9;
	padding:5px;
	display:none;
	line-height: 32px;
	background:white;
	z-index:100;
}
#loading img{
	vertical-align: middle;
}
#bodyID,#title {
	display: none;
}
#contentthrobber{
	display: none;
	margin: 0 3px;
}
#ajax{
	position: fixed;
	border: 10px solid #333;
	border: 10px solid rgba(51,51,51,.6);
	background: #fff;
	color: black;
	width: 700px;
	top: 20px;
	left: -1000px;
	display: none;
	z-index: 998;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
	border-radius: 5px;
	-moz-border-radius: 5px;
}
#ajaxWrap{
	border: 1px solid #369;
	position: relative;
	left: -1px;
	width:100%;
	height:100%;
	z-index:999;
}
#ajaxHTML{
	background:white;
	overflow: auto;
	height: 100%;
	width:100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#ajaxImg{
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	background:rgba(51, 51, 51, 0.6);
	color:white;
	height:15px;
	overflow:visible;
	padding:0 10px;
	position:absolute;
	right:0;
	top:-20px;
	z-index:999;
	cursor: pointer;
	height:10px;
	line-height:18px;
}
#ajax h1{
	border-bottom: 1px solid #369;
	color: black;
	margin: -10px -10px 10px;
	cursor: move;
	background-image: url(http://img.wyavtv.org/back_clr_100.png);
	background-image: -moz-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.2));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.2));
	background-image: -ms-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.2));
	background-image: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.2));
	background-color: #5DF;
}
/*
#ajax h2{
	background-image: url(http://img.wyavtv.org/back_clr_100.png);
	background-image: -moz-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.2));
	background-color: #DF5;
} */
#close_ajax{
	border: 1px solid #aa9;
}
#close_ajax span{
	border: 1px solid #000;
	padding:5px;
	font-size:10px;
}

/*Video Player*/
#player{
	background-color:#000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 640px;
	-moz-transition:width 1s, height 1s;
	-webkit-transition:width 1s, height 1s;
}
#player.fourthree {
	height: 480px;
}
#player.widescreen {
	height: 360px;
}
#video_player_wrap{
	width: 640px;
	-moz-transition:width 1s;
	-webkit-transition:width 1s;
}
#video_player_wrap.ws-ex{
	width: 960px;
}
#player.ws-ex{
	width: 960px;
	height: 540px;
}
#sidebar{
	-moz-transition:margin 1s;
	-webkit-transition:margin 1s;
}
#sidebar.ws-ex{
	margin-top:560px;
}
.player {
	cursor:pointer;
	text-align:center;
	position:relative;
	overflow: hidden;
}
.player .info {
	position:absolute;
	background:#000 url(http://img.wyavtv.org/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	padding:5px 15px;	
	font-family:"Trebuchet MS";
	font-size:12px;
	text-align: left;
	border-top:1px solid #ccc;
	bottom: 0px;
	right: 0px;
	left: 0px;
	height: 50px;
}
.player .info_duration {
	color:#9F9;
	display:block;
	font-weight:bold;
}
.canplayfalse{
	text-align: center;
	background: #eee !important;
}
.canplayfalse div{
	background: #fefefe;
	padding: 20px;
	color: #666;
	display: inline-block;
	margin-top: 15%;
}
#video_display_options{
	font-size: 10px;
	border-width: 1px 0 0;
	margin-top: 2px;
	padding-top: 2px;
	border-style: solid;
	color: #999;
	border-color: #ccc;
}
#video_display_options a:visited{
	color: #00c;
}
#video_size{
	float: right
}

/*Video Right Box (Player-Sidebar)*/
#ps_video_editor_details,
#ps_video_details{
	margin: 5px 0;
	padding:5px;
	overflow:hidden;
	border:1px solid #e8e8e8;
	-moz-box-shadow: 0 0 2px #ccc;
	-webkit-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px;
}
#ps_video_details table,
#ps_video_details th,
#ps_video_details td{
	border:none;
	font-size:100%;
}
#ps_video_details th{
	font-weight: normal;
	color:#666;
	white-space:normal;
	padding: 2px 5px;
}
#ps_video_description{
	padding: 5px;
	clear: both;
}
#ps_video_meta_expand{
	color: blue;
	cursor: pointer;
	border-top: 1px solid #ccc;
	text-align: right;
	padding: 5px 0 0;
	margin: 5px 0 0;
}
#ps_video_meta{
	margin-top: -14px;
}
#video_editor{
	font-weight:bold;
	color: #090;
	padding: 1px 0;
}
#video_editor_avatar{
	float:left;
	margin-right:5px;
}
.video_editor_meta {
	font-size: 11px;
	padding: 1px 0;
}

/*Video Commands*/
#vp_main{
	background:red;
	float:left;
	clear:left;
	width:646px;
}
#video_box {
	padding: 2px;
	font-size: 11px;
	overflow: hidden;
}
#video_rate{
	float:left;
}
#video_views{
	font-size: 14px;
	float:right;
}

.video_module{
	margin: 10px 0;
	border-width: 1px;
	border-color: #e8e8e8;
	border-style: solid;
	background:#f9f9f9;
	padding: 10px;
	color: #555;
	-moz-box-shadow: 0 0 2px #ccc;
	-webkit-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.video_module a.button{
	margin: 2px 0;
}
#video_share, #video_send, #video_embed{
	font-size: 12px;
	line-height: 18px;
}
#video_send a{
	line-height: 18px;
	margin: 3px;
}
#video_share img, #video_send img{
	vertical-align: middle;
}

#video_share span, #video_send span{
	background: url(http://img.wyavtv.org/video_sprite.png) no-repeat;
	width: 16px;
	height:16px;
	display: inline-block;
	margin-bottom: -0.333em;
}
#video_embed textarea{
	font-size: 12px;
	line-height: 14px;
	height: 28px;
	width: 600px;
	display:block;
}
#video_download{
	font-size: 13px;
}
#video_comments{
	padding: 5px;
	font-size: 14px;
	line-height: 18px;
}

.video_comment{
	padding: 10px 0;
	margin: 0 5px;
	clear:both;
	border-top: 1px solid #ccc;
	font-size: 12px;
	overflow: hidden;
/*	background: #f6f6f6; */
}
.video_comment:hover{
	/*background: #def;*/
	/*background: #eee;*/
}
.video_comment_avatar{
	float:left;
	margin-right: 5px;
}
.video_comment_metadata{
	width: 150px;
	float: left;
}
.video_comment_name, .video_comment_time{
	display: block;
	line-height: 14px;
}
.video_comment_time{
	color: #999;
	font-size: 10px;
}
.video_comment_contents{
	float: left;
	width: 400px;
	margin-right: 10px;
}
#vc_nav{
	padding: 3px 0;
}
#comment_handler{
	background:#fafafd;
	border:1px solid #999999;
	color:#999999;
	cursor:pointer;
	font: italic 18px/32px "Trebuchet MS";
	padding:10px;
	text-align:center;
	-moz-user-select: none;
	-webkit-user-select:none;
	margin-bottom: 10px
}
#comment_handler:hover{
	background: white;
}
#comment_submit form{
	margin-bottom: 10px;
}
#comment_submit textarea{
	width: 100%;
	height: 80px;
	font-size: 12px;
	-moz-box-sizing: border-box;
}
#comment_count{
	color: #ccc;
	font-size:small;
}
#comment_count, #comment_options{
	float:left;
	clear:left;
}
#comment_post{
	float:right;
}

/* Paging and buttons */
.word_count{
	color: #666666;
	font-size: 12px;
}
.diag_button{
	text-align: center;
	border-top: 1px solid #ccc;
	padding: 5px;
	background: #eee
}
#ajax .diag_button{
	text-align: right;
	padding: 10px;
	margin: 10px -10px -10px;
}
.list_nav{
	font-size: 12px;
	clear:both;
	color: black;
	padding: 8px;
}
.list_nav img{
	vertical-align: baseline;
}


/* UI - Buttons */
a.button{
	color:black !important;
	display:inline-block;
}

input.placeholder{color:gray;font-style:italic}
input:-moz-placeholder { font-style: italic }
input::-webkit-input-placeholder { font-style: italic }

input, button, a.button, .list_nav a, .inputbutton{
	font-size: 10pt;
	border: 1px solid #aaa;
	-moz-transition: background-image .25s, -moz-box-shadow .25s;
	-moz-transition: background-image .25s, box-shadow .25s;
	-webkit-transition: background-image .25s, -wekit-box-shadow .25s;
	margin:2px;
}
input:hover, button:hover, a.button:hover, .list_nav a:hover,
.inputbutton:hover{
	border: 1px solid #999;
	-moz-box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
}
input:focus, button:focus, a.button:focus, .list_nav a:focus,
.inputbutton.focus{
	border: 1px solid #09f;
	outline: none; /* Webkit add a blue glow to it */
	-moz-box-shadow: 0 0 3px #09f;
	-webkit-box-shadow: 0 0 3px #09f;
	box-shadow: 0 0 3px #09f;
}

input[type=text]{
	background:#fafafd;
	padding:2px;
	margin:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
input[type=text]:focus{
	background:white;
}
textarea.fullwidth, input.fullwidth[type="text"]{
	width: 100%;
	margin: 2px 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input[type="button"], input[type="submit"],
input[type="reset"], button,
a.button, .list_nav a{
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: -ms-linear-gradient(#fff, #ddd);
	background: -moz-linear-gradient(#fff, #ddd);
	background: -webkit-linear-gradient(#fff, #ddd);
	background: linear-gradient(#fff, #ddd);
	padding: 4px 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
input[type="button"]:hover, input[type="submit"]:hover, 
input[type="reset"]:hover, button:hover,
a.button:hover, .list_nav a:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -ms-linear-gradient(#fff, #eee);
	background: -moz-linear-gradient(#fff, #eee);
	background: -webkit-linear-gradient(#fff, #eee);
	background: linear-gradient(#fff, #eee);
	text-decoration: none;
}
input[type="button"]:focus, input[type="submit"]:focus, 
input[type="reset"]:focus, button:focus,
a.button:focus, .list_nav a:focus{
	text-decoration: none;
	outline: none;
}
input[type="button"]:active, input[type="submit"]:active, 
input[type="reset"]:active, button:active,
a.button:active, .list_nav a:active{
	border: 1px solid #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.5,#eee),to(#fff));
	background: -ms-linear-gradient(#ccc,#eee,#fff);
	background: -moz-linear-gradient(#ccc,#eee,#fff);
	background: -webkit-linear-gradient(#ccc,#eee,#fff);
	background: linear-gradient(#ccc,#eee,#fff);
	text-decoration: none;
	outline: none;
}

.list_nav strong,
a.button.selected{
	border: 1px solid #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	background: -ms-linear-gradient(#666, #333);
	background: -moz-linear-gradient(#666, #333);
	background: -webkit-linear-gradient(#666, #333);
	background: linear-gradient(#666, #333);
    color: #fff;
}

.list_nav a{
	padding: 2px 6px;
	font-size: 12px;
	line-height: 15px;
	color: blue;
}
.list_nav strong{
/*	background: -moz-linear-gradient(#f3f3f3, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ccc));
	border: 1px solid #ccc;*/
	padding: 2px 6px;
	font-size: 12px;
	line-height: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin:2px;
}
input::-moz-focus-inner, a::-moz-focus-inner{
	border: none;
}

.inputbutton{
	margin: 0 2px;
	display:inline-block;
}
.inputbutton input{
	margin:0;
	padding: 3px;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 17px;
	border-width: 0;
	border-left-width: 1px;
}
.inputbutton input:first-child{
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-radius: 2px 0 0 2px;
	border-left-width: 0;
}
.inputbutton input:last-child{
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-radius: 0 2px 2px 0;
}
.inputbutton input:hover,
.inputbutton input:active{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.inputbutton input:focus{
	position:relative;
	z-index:2;
	-moz-box-shadow: 0 0 2px 1px #09f;
	-webkit-box-shadow: 0 0 2px 1px #09f;
	box-shadow: 0 0 2px 1px #09f;
	border-width: 0;
	margin-left: 1px;
}
.inputbutton input:first-child:focus{
	margin: 0;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.inputbutton:hover input { border-color:#999}
.inputbutton.focus input { border-color:#666}

/* Broadcast Lists */
#filter{
	border-bottom: 1px solid #aaa;
	position:relative;
	overflow:hidden
}
#filtertrigger, #filter>a{
	float:right;
	font-size: small;
}
#filtertrigger{
	margin: 5px;
}
#filterwrap{
	font-size: 13px;
	border-top: 1px solid #aaa;
	padding: 2px 5px;
}
#resultNo{
	font-size:small;
	padding: 5px;
	display: inline-block;
}

#floater {
	position:fixed;
	bottom:0;
	height:3px;
	background:white url(http://img.wyavtv.org/find_bar_back.png);
	left:0;
	right:0;
	width:100%;
	padding:3px 3px 0;
	z-index:9998
}
#floater img { vertical-align:middle; }
#floater img, #gotothetop img{ border:none !important; }
#gotothetop{
	position:fixed;
	bottom:2px;
	right:10px;
	font-size:12px;
	z-index:9999
}
#gotothetop a{
	color:#00c;
	text-decoration:none !important;
	text-shadow:-4px -4px 8px #FFF;
}

#floater.opened{ height: 23px; }
#gotothetop.opened{ bottom:22px; }

/* LISTS */
.longtable{
	border-collapse:collapse;
}
.longheader{
	background: -moz-linear-gradient(#aaa, #ccc 20%, #fff);
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#aaa),color-stop(0.2,#ccc),to(#fff));
	color: #333;
}
.longheader td {
	font-family: Tahoma, sans-serif;
	letter-spacing: 1px;
	font-size: 11px !important;
}
.c1{
	background: #f9fcff;
}
.c2{
	background: #eeF7Ff;
}
.longtable th{
	border:none;
}
.longtable td{
	border-width: 1px 0 0;
}

/* Discussion Board */
.breadcrumbs{
	font-size: 12px;
	background: #F9FCFF;
	font-size:12px;
	margin:0 0 3px;
	padding:3px 8px;
}
.forumGroup{
	margin-bottom:0.2em;
}
.forumGroup h2, .forumGroup h3{
	border: none;
}
.forumDescription {
	font-size:10px;
	border-top:3px solid #6c6;
	padding:0 5px;
	background: linear-gradient(#9f9, #8e8);
	background: -ms-linear-gradient(#9f9, #8e8);
	background: -moz-linear-gradient(#9f9, #8e8);
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#9f9),to(#8e8));
}

.forumPostNum{
	font-size: 20px;
	color: #68C;
	text-align: center;
}
.postInfo{
	font-size: 12px;
}

.postWrap{
	padding: 10px 10px 10px 70px;
	background: #eff7ff;
	min-height: 50px;
	position: relative;
	border-bottom: 3px solid #69c;
}
.postWrapMore{
	padding-left: 120px;
	min-height: 100px;
}
.user_avatar{
	position:absolute;
	left: 10px;
	top:10px;
}
.user_avatar img{
	display:block;
}
.user_name{
	font-family: "Trebuchet MS",sans-serif;
	font-weight: bold;
	line-height: 18px;
}
.post{
	font-size: 14px;
	margin: 5px 0;
}
.postMetadata{
	color: #999;
	font-size: 12px;
}

.postDate{}
.postID{}
.user_meta{
	float:right;
	margin-left: 10px;
	width: 160px;
	font-family: Verdana,sans-serif;
	border: 1px solid #6ac;
	border-bottom:none;
}
.user_detail{
	font-size:10px;
	background: #e0f3ff;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid #6ac;
}
.postButtons{}
.forumPostDialog{
	border:1px solid #ccc;
	padding:10px
}

/* FEATURE */
#feature{
	position:relative;
}
#featureList{
	margin:auto;
	overflow:visible !important;
	position:relative;
}
.feature{
	display:block;
	padding: 10px;
	height: 200px;
	margin: 0;
	width: 620px;
}
.feature{ z-index: 1;}
.feature.selectedFeature { z-index: 2; }
#featureList h3{
	font-size: 18px;
	font-weight: bold;
	font-family: "Microsoft Jhenghei", Arial, sans-serif;
}
#featureTitles{
	position: absolute;
	overflow: visible;
	right: -160px;
	top: 0;
	z-index: 99;
}
#featureTitles h3{
	font-weight:normal;
	font-size: 14px;
	font-family: Arial, sans-serif;
}
.featuretitle{
	display: block;
	position: relative;
}
.featuretitle a{
	background: #000;
	color: #fff;
	display:block;
	font-size:14px;
	height: 34px;
	line-height: 16px;
	padding:5px;
	position: relative;
	text-align: left;
	text-decoration:none;
	width: 150px;
}
.featuretitle a:hover, .featuretitle a:focus {
	opacity: 0.8;
}
#feature li{
	list-style: none;
}
#feature h3{
	clear: none;
	background:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	margin: 0;
	padding: 0;
	border: none;
}

/* smallScreen */
@media screen and (max-width: 976px) {
	html,body{
		min-width: 756px;
	}
	#viewvideo .center-wrap,
	#viewvideo #masthead,
	#viewvideo #content,
	#viewvideo #menu ul{
		width: 756px;
	}
	#viewvideo #header, #viewvideo #menu {
		min-width:756px;
	}
	#video_size{
		display:none;
	}
	#player.fourthree {
		background-size: contain;
		width: 480px;
		height: 360px;
	}
	#player.widescreen {
		background-size: contain;
		width: 480px;
		height: 270px;
	}
	#vp_main{
		width:486px;
	}
	#viewvideo #maincol{
		width: 480px;
	}
	#viewvideo #sidebar{
		width: 265px;
		overflow:hidden;
	}
}

/* smallHeader */
@media screen and (max-width: 1304px) {
	.small-header #logo{
		opacity: 0.7;
		position: absolute;
		right: 0;
		top: 33px;
		z-index: -1;
	}
	.small-header #header,
	.small-header #wrap{
		height: 33px;
	}
	.small-header #menu{
		position:relative;
		top: 3px;
	}
	.small-header #logo-starstudio-a{
		border: none
	}
	.small-header #s_name {
		float: left;
		margin: 0;
	}
	.small-header #counter,
	.small-header #search,
	.small-header #s_avatar,
	.small-header #logo-wahyan-a{
		display: none;
	}
	.small-header #s_logout {
		display: inline-block;
		position: static;
		padding: 5px;
		right: auto;
		top: auto;
	}
}

/* Video Styles */
/* Default */
.video_link{
	position: relative;
	display: block;
}
.video_link:hover .video_img_wrap,
.video_link:focus .video_img_wrap,
.video_link:hover .video_img_wrap_list,
.video_link:focus .video_img_wrap_list,
.video_link:hover .video_img_wrap_condensed,
.video_link:focus .video_img_wrap_condensed,
.video_link:hover .video_img_wrap_crop,
.video_link:focus .video_img_wrap_crop,
.video_link:hover .video_img_wrap_crop_list,
.video_link:focus .video_img_wrap_crop_list,
.video_link:hover .video_img_wrap_crop_condensed,
.video_link:focus .video_img_wrap_crop_condensed{
	-moz-box-shadow:0 0 2px 1px #999;
	-webkit-box-shadow:0 0 2px 1px #999;
	box-shadow:0 0 2px 1px #999;
	
}
.video_link:hover,
.video_link:active{
	text-decoration: none;
	outline: none;
}
.video_img_wrap,
.video_img_wrap_crop{
	border: 3px double #aaa;
	position: relative;
	width: 192px;
	height: 108px;
	overflow: hidden;
	display: block;
}
.video_img_wrap_crop img{
	position: absolute;
	left:-4px;
	top:-18px;
}
.video_link_time{
	position: absolute;
	right: 4px;
	bottom: 4px;
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	padding: 0 4px;
	background:gray;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	opacity: 0.5;
}
.video_link:hover .video_link_time,
.video_link:active .video_link_time{
	opacity: 1;
	text-decoration: none;
}
.video_desc{
	font-size: 12px;
	line-height: 14px;
	max-height: 28px;
	color: #666;
	overflow: hidden;
	margin:0;
}
.video_editor,
.video_date,
.video_tags,
.video_metadata,
.video_pop_views_tile,
.video_formats_tile{
	color: #999;
	font-size: 11px;
	line-height: 14px;
}
.video_views{
	font-weight: bold;
	color:#666;
}
.views_youtube{
	color:#008000;
}
.video_rating{
	color:#999;
}
.video_rating img {
	width: 60px !important;
	height: 12px !important;
	vertical-align:middle
}

/* Grid View */
.video_cell{
	width:198px;
	float:left;
	position: relative;
	padding: 6px;
}
.video_cell:hover{
	background: #EEF7FF;
	background: rgba(220,238,255,.5);
}
.video_link_cell{
	height: 114px;
	width: 198px;
}
.video_name{
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	height:36px;
	font-size:14px;
	font-weight: bold;
	line-height: 18px;
	padding-top: 5px;
}
.video_views_cell{
	float: right;
}
.video_rating_cell{
	float:left;
}
#maincol .video_cell:nth-of-type(3n+1){
	clear:both;
}

/* Tiles View */
.video_tile{
	width: 424px;
	position: relative;
	padding: 6px 6px 6px 210px;
	min-height: 114px;
}
.video_tile:hover{
	background: #EEF7FF;
	background: rgba(220,238,255,.5);
}
.video_link_tile{
	height: 114px;
	width: 198px;
	margin-left: -204px;
	float:left;
}
.video_name_tile{
	text-overflow: ellipsis;
	display: block;
	font-size: 16px;
	line-height: 19px;
	white-space: nowrap;
	overflow: hidden;
}

/* Tiles (Simple) View */
.video_condensed{
	width:350px;
	text-overflow: ellipsis;
	position: relative;
	height: 87px;
	padding: 5px;
	margin: 5px;
}
.video_condensed:hover{
	background: #EEF7FF;
	background: rgba(220,238,255,.5);
}
.video_link_condensed{
	position: relative;
	display: block;
	height: 87px;
	width: 150px;
	margin-right: 6px;
	float:left;
}
.video_img_wrap_condensed,
.video_img_wrap_crop_condensed{
	border: 3px double #aaa;
	position: relative;
	width: 144px;
	height: 81px;
	overflow: hidden;
	display: block;
}
.video_img_wrap_crop_condensed img{
	position: absolute;
	top:-11px;
}
.video_name_condensed{
	display: block;
	font-size: 14px;
	margin-bottom: 2px;
	font-weight: bold;
	max-height: 36px;
	line-height: 18px;
	overflow: hidden;
}
.video_metadata_condensed{
	left: 162px;
	position: absolute;
	top: 76px;
}

/* List View */
.video_line{
	width:304px;
	overflow:hidden;
	/*height 78px*/
	clear:both;
	position: relative;
	padding: 3px;
}
.video_line:hover{
	background: #EEF7FF;
	background: rgba(220,238,255,.5);
}
.video_link_list{
	float: left;
	margin-right: 4px;
}
.video_img_wrap_list,
.video_img_wrap_crop_list{
	border: 3px double #aaa;
	position: relative;
	width: 128px;
	height: 72px;
	overflow: hidden;
	display: block;
}
.video_img_wrap_crop_list img{
	position: absolute;
	top:-12px;
}
.video_name_list{
	display: block;
	line-height: 16px;
	font-size: 13px;
	max-height: 32px;
	overflow: hidden;
}
.video_current,
.video_current:hover{
	background: #F7FFEE;
	background: rgba(238,255,220,.9);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* Layouts */
.clrfx{
	clear:both;
}

.layouttable{ border:0; border-spacing:0}
.layouttable th, .layouttable td{ padding: 0; text-align: left; border:0;vertical-align:top}

table.formlayout{
	width: 100%;
}
table.formlayout, table.formlayout td, table.formlayout th{
	font-size: 100%;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0;
	border-collapse: collapse;
	vertical-align: middle;
	word-break: break-word;
	text-overflow: ellipsis;
}
table.formlayout th{
	text-align: right;
	width: 200px;
}
table.formlayout-compact th{
	width: 100px;
}

/* UI ELEMENTS */
.navleft, .navright, .button, .ratingbar,
#ps_video_meta_expand, #s_arrow, #session-settings {
	-moz-user-select:none;
	-webkit-user-select:none;
}
#search_submit, .ss_like, .ss_dislike,
#chatroomimg, #find-on-fb,
#session-settings, #s_arrow_i,
.login-with-fb, .forum-allow,
.footer-copyright-image, .forum-disallow,
.navleft, .navright{
	background: url(http://img.wyavtv.org/imageSprite3.png) no-repeat;
	display: inline-block;
}

/* UI - CLICK TO PLAY */
#click-to-play{
	background:url(http://img.wyavtv.org/images/play480.png) center no-repeat;
	height:100%;
	width:100%;
	margin-top:-25px;
}
#click-to-play:hover{
	background:url(http://img.wyavtv.org/images/play480h.png) center no-repeat;
}

/* UI - PAGING */
.navleft{
	background-position: -118px -184px;
}
.navright{
	background-position: -134px -184px;
}
.navleft, .navright{
	width: 6px;
	height: 9px;
	color: transparent;
	overflow:hidden;
}

/* UI - RATING */
.ratingbar{
	background: red;
	height: 4px;
	width: 80px;
	display: inline-block;
	color: transparent;
	overflow: hidden;
	vertical-align: middle;
	position:relative;
}
.ratingbarlong{
	width: 160px;
}
.ratingindicator{
	background:green;
	height: 4px;
	position:absolute;
}


/* UI - Wizard */
.wizard-bar{
	height: 32px;
	background:#eee;
	overflow: hidden;
	border: 1px solid #CCC;
	box-shadow: 0 0 1px #CCC;
	-moz-box-shadow: 0 0 1px #CCC;
	-webkit-box-shadow: 0 0 1px #CCC;
}
.wizard-step{
	font-size: 18px;
	line-height: 22px;
	padding: 5px 25px 5px 5px;
	float:left;
	position:relative;
}
.wizard-step.selected{
	background:#ddd;
	color: black;
}

.wizard-step:after, .wizard-step.selected:before {
	position: absolute;
	content: url(http://img.wyavtv.org/images/wizard-step.png);
	height: 32px;
	top:0;
	right: 0;
	width: 20px;
	font-size:32px;
	line-height:32px;
}
.wizard-step.selected:after {
	content: url(http://img.wyavtv.org/images/wizard-next-selected.png);
}
.wizard-step.selected:before {
	content: url(http://img.wyavtv.org/images/wizard-prev-selected.png);
	left:-20px;
	right: auto;
}

.wizard-two .wizard-step{
	width:50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.wizard-three .wizard-step{
	width:33.33%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.wizard-number{
	border: 1px solid black;
	background: white;
	border-radius: 100%;
	-moz-border-radius: 100%;
	display: inline-block;
	font-family: TitilliumMaps;
	height: 22px;
	line-height: 19px;
	text-align: center;
	vertical-align: bottom;
	width: 22px;
}

/* UI - CAPTCHA */
#recaptcha_div{
	width:316px;
	height:127px;
	padding:5px;
	background:#fff;
	border-radius:5px
}

/* UI - MISC */
#fb_like{
	margin-bottom: -3px;
}

#search_submit,#session-settings,.ss_like,.ss_dislike{
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}
#search_submit{
	display: inline;
	position: absolute;
	cursor: pointer;
	background-position: -171px -155px;
	margin-left: -22px;
	margin-top: 7px;
	color: transparent;
	overflow: hidden;
}
#search_submit:focus{
	outline: 1px dotted black;
}
#session-settings{
	background-position: -155px -155px;
}
#s_arrow {
	display: inline-block;
	height: 17px;
	position: relative;
	vertical-align: bottom;
	width: 10px;
}
#s_arrow_i{
	width:5px;
	position: absolute;
	left: 6px;
	top: 7px;
	height: 3px;
	background-position: -148px -184px
}
#find-on-fb{
	background-position: 0 -130px;
	height:32px;
	width:130px;
}
#chatroomimg{
	background-position: -168px -80px;
	height:43px;
	width:29px;
	float:left;
	z-index: 999;
	position: relative;
}
.ss_like{
	background-position: -155px -171px;
}
.ss_dislike{
	background-position: -171px -171px;
}
.login-with-fb{
	background-position: 0 -162px;
	width: 154px;
	height: 22px;
}
.forum-allow, .footer-copyright-image{
	height: 32px;
	width: 50px;
	background-position: -118px -80px;
}
.forum-disallow{
	height: 32px;
	width: 50px;
	background-position: -134px -123px;
}
/* Layout - Widescreen */
@media (min-width: 1304px) {
	#masthead,#content,#menu ul,.center-wrap{
		width: 1280px;
	}
	#feature,#featureList{
		height: 350px;
	}
	.feature{
		width: 940px;
		height: 330px;
	}
	#maincol{
		width: 960px;
	}
	#player.fourthree {
		width: 960px;
		height: 480px;
	}
	#player.widescreen {
		width: 960px;
		height: 540px;
	}
	#video_player_wrap{
		width: auto;
	}
	#sidebar.ws-ex{
		margin-top:0px;
	}

	.video_tile{
		width: 696px;
		padding-left: 258px;
		min-height: 141px;
	}
	.video_link_tile{
		height: 141px;
		width: 246px;
		margin-left: -252px;
		float:left;
	}
	.video_tile .video_img_wrap,
	.video_tile .video_img_wrap_crop{
		border: 3px double #aaa;
		position: relative;
		width: 240px;
		height: 135px;
		overflow: hidden;
		display: block;
	}
	.video_tile .video_img_wrap img{
		width: 240px;
		height: 135px;
	}
	.video_tile .video_img_wrap_crop img{
		position: absolute;
		top:-20px;
		left:0;
		width: 240px;
		height: 180px;
	}
	.video_name_tile{
		font-size:17px;
		line-height:20px;
	}
	.video_tile .video_desc {
		font-size: 13px;
		line-height: 16px;
	}
	.video_tile .video_editor,
	.video_tile .video_date,
	.video_tile .video_tags,
	.video_tile .video_metadata,
	.video_tile .video_pop_views_tile,
	.video_tile .video_formats_tile {
		font-size: 12px;
		line-height: 15px;
	}

	.featuretitle a{
		font-size:16px;
		height: 36px;
		line-height: 18px;
	}
	#maincol .video_cell:nth-of-type(3n+1){
		clear:none;
	}
	#maincol .video_cell:nth-of-type(4n+1){
		clear:both;
	}
	#maincol .video_cell{
		margin:0 15px
	}
}