.content {
	width: 100%;
	min-width: 1000px;
}

#mytv {
	margin: 0px;
	padding: 0px;
}

#player {
	float: left;
	clear: left;
	padding-bottom: 5px;
	text-align: left;
}

#playercontainer {
	text-align: center;
}

#resizecontainer {
	/*overflow: hidden;*/
	display: inline-block;
}

#centerplayer {
	display: inline-block;
	text-align: left;
	padding-bottom: 5px;
}

#archivedContainer {
	float: left;
	width: 1px;
	height: 26px;
	overflow: hidden;
}

#archivedSpacer {
	height: 26px;
}

#titleContainer {
	overflow: hidden;
}

#videoTitle {
	display: inline-block;
	margin-top: 3px;
}

#chat {
	float: right;
	width: 490px;
	height: 368px;
}

#playerchrome {
	background-color: #000;
	/*display: inline-block;*/
}

#tvcontainer {
	width: 490px;
	height: 368px;
}

#mytv {
	margin-bottom: -5px;
}

#position {
	color: #0B0;
	font-size: 8pt;
	float: left;
}

#duration {
	color: #0B0;
	font-size: 8pt;
	float: right;
}

#progressbar {
	background-color: #00BB00;
	height: 1px;
	width: 0;
	padding: 0px;
	margin: 0px;
}

#tvbuttons {
	float: left;
	margin: 3px 0px 6px 0px;
}

#tvbuttons .navbutton {
	padding-top: 3px;
}

#livecontainer {
	float: right;
	margin: 3px 0px 0px 0px;
}

#live {
	background-color: #0B0;
	padding: 3px ;
	padding-top: 3px;
	font-weight: bold;
}

#viewers {
	padding-top: 3px;
	padding-right: 18px;
	margin-right: 0px;
	font-weight: bold;
	background-image:url('http://tv.seriousinc.net/viewerIcon.png');
	background-repeat: no-repeat;
	background-position: right 4px;
}

.infobox{
	clear: both;
}

.queuedVideo {
	overflow: hidden;
	padding: 6px;
	background-image: url(http://seriousinc.net/border.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.queuedVideoTitle {
	float: left;
}

.queuedVideoTime {
	float: right;
	text-align: right;
	width: 50px;
	border-style: none none none solid;
	border-color: #2E597D;
	border-width: 1px;
}

/*JQuery resize*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 0; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 10px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-s:hover { background-color: white; opacity: 0.5 }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}