body{
	margin: 0; padding: 0;
	text-align: center;
	font-family: arial, helvetica;
}
#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 1100px;
	position: relative;
	overflow: visible;
	z-index: 0;
	background-color: #fff;
	visibility: hidden;
}
#hidden-components{
	height: 0;
	position: absolute;
	overflow: hidden;
}
#overlay,#overlay-inner{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #777;
	opacity: 0.7;
	filter: alpha(opacity=70);
	visibility: hidden;
}
#overlay{
	z-index: -1;
}
#overlay-inner{
	z-index: 4;
}

.full-stretch{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.resize-handle, .resize-handle2{
	width: 7px;
	height: 15px;
	position: absolute;
	bottom: 0px;
	right: 4px;
	background-color: #333;
}
.resize-handle{
	cursor: nwse-resize;
	background: url(../images/player_corner.png) no-repeat bottom right;
}
.resize-handle:hover{
	background: url(../images/player_corner_hover.png) no-repeat bottom right;
}
.resize-handle2{
	cursor: nwse-resize;
	background: url(../images/video_corner.png) no-repeat bottom right;
}
.resize-handle2:hover{
	background: url(../images/video_corner_hover.png) no-repeat bottom right;
}
.top-corner-close{
	color: #999;
	height: 15px;
	width: 15px;
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
	border: 1px solid #1a1a1a;
	position: absolute;
	top: 8px;
	right: 5px;
	text-align: center;
}

.tip-top{
	z-index: 1000;
	height: 7px;
	width: 113px;
	background: url(../images/tip_top.gif) no-repeat bottom right;
}
.tip-bottom{
	z-index: 1000;
	height: 7px;
	width: 113px;
	background: url(../images/tip_bottom.gif) no-repeat top right;
}
.tip{
	z-index: 1000;
	width: 113px;
	background: url(../images/tip_middle.gif) repeat-y top right;
}
.tip-text{
	min-height: 25px;
	font-size: 10px;
	width: 75px;
	padding: 0 5px 0 33px;
	text-align: left;
	background: url(../images/tip_point.gif) no-repeat 0px 10px;
}

.module {
	height: 600px;
	position: relative;
	border: solid #bfbfbf 1px;
}

#leftmod{
	width: 245px;
	height: 600px;
	float: left;
	margin: 3px 2px 0;
}
#centermod{
	width: 540px;
	height: 600px;
	float: left;
	margin: 3px 0 0;
}
#rightmod{
	width: 295px;
	height: 600px;
	float: left;
	margin: 3px 2px 0;
}

#loadScreen{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: table;
	z-index: 1000;
}
#loadScreen img{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/* Player */
#player-container{
	width: 522px;
	height: auto;
	position: relative;
	overflow: auto;
	padding: 0 0 2px;
	background: #1a1a1a;
	overflow: hidden;
}
#player-top{
	height: 31px;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
}
#video-controls-open{
	float: right;
	width: 23px;
	height: 24px;
	padding: 5px 30px 0 0;
}
#player-wrapper{
	position: relative;
	overflow: hidden;
	margin: 5px 15px 0 0;
margin-bottom: 0px;
}
#player-scroll{
	width: 7px;
	float: right;
	background: #4d4d4d;
	margin: 5px 4px 0 0;
}
#player-knob{
	width: 7px;
	background: #999;
	height: 36px;
}
.video-containers{
	float: left;
	position: relative;
}
.video-expander{
	padding: 3px 3px 8px;
	position: absolute;
	background: #333;
}
.videos{
	width: 155px;
	height: 142px;
	margin: 0 0 3px;
	background: #4d4d4d;
	position: relative;
	overflow: hidden;
}
.videos p{
	font-size: 24px;
	line-height: 26px;
	max-width: 150px;
	text-align: center;
	color: #CCC;
	margin: 0 auto; padding: 0;
}
.videos-info{
	height: 18px;
	width: auto;
	font-size: 10px;
	padding: 0 0 0 2px;
	color: #FFF;
	overflow: hidden;
	position: relative;
}
.videos-info img{
	width: 28px;
	height: 14px;
	margin-top: 4px;
	float: left;
}
.videos-info p{
	line-height: 20px;
	margin: 0 0 0 33px;
}
.video-sort-handle{
	position: absolute;
	bottom: 2px;
	right: 3px;
	width: 7px;
	height: 15px;
	background: url(../images/video_corner_small.png) no-repeat bottom right;
	cursor: nwse-resize;
}
.video-sort-handle:hover{
	background: url(../images/video_corner_small_hover.png) no-repeat bottom right;
}
.video-self{
	height: 0px;
	overflow: hidden;
	text-align: right;
	text-transform: uppercase;
	line-height: 26px;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	bottom: 29px;
	left: 0px;
	color: #FFF;
	width: 100%;
	opacity: 0.7;
	filter: alpha(opacity=70);
	_margin: 0 0 0 3px;
}
.video-live, .video-advanced{
	background: #1a1a1a;
	padding: 0 5px 0 0;
	margin: 0 3px;
	cursor: pointer;
	_margin: 0 -10px;
}
.go-live{
	color: #5d8c39;
}
.go-private{
	color: #cb862a;
}
.video-record{
	background: #333;
	padding: 0 5px 0 0;
	cursor: pointer;
	color: #d82329;
	margin: 0 3px;
	_margin: 0 -10px;
}
.video-advanced{
	color: #f2f2f2;
}
.video-live img, .video-advanced img, .video-record img{
	float: right;
	padding-left: 5px;
}
#player-top-slider{
	position: absolute;
	top: 3px;
	left: 10px;
	width: 150px;
	height: 24px;
	overflow: hidden;
}
#video-size-slider{
	width: 100px;
	height: 23px;
	float: left;
	margin: 0 5px;
	background: url(../images/player_slider_bg.png) repeat-x top left;
}
#video-size-handle{
	width: 12px;
	height: 23px;
	background: url(../images/player_slider_handle_hover.png) no-repeat center center;
	cursor: pointer;
}
#video-size-handle:hover{
	background: url(../images/player_slider_handle_hover.png) no-repeat center center;
}
.self-cyan{
	color: #00AEEF;
}

/* Save Recorded Video */
.save-record{
	position: absolute;
	z-index: 1;
	bottom: 90px;
	left: 20px;
	padding: 5px 10px;
	background: #CCC;
	color: #222;
	font-size: 12px;
	border: 3px solid #4d4d4d;
	visibility: hidden;
}
.save-record a{
	color: #222;
	text-decoration: none;
}

/* Video Player Controls */
#video-player-controls-container{
	background: #4d4d4d;
	height: 0px;
	color: #222;
	overflow: hidden;
	position: relative;
}
#video-player-controls-container a{
	text-decoration: none;
	color: #222;
	margin-left: 20px;
}
#video-player-controls-top{
	color: #FFF;
	height: 21px;
	line-height: 16px;
	font-size: 14px;
	margin: 6px 6px 0;
}
#video-player-controls-top span{
	float: left;
}
#video-player-controls-content{
	background: #CCC;
	margin: 0 6px;
	padding: 5px;
	overflow: hidden;
	font-size: 12px;

}
#video-player-controls-left{
	width: 235px;
	padding: 0 3px 0 5px;
	float: left;
	position: relative;
	overflow: hidden;
}
#video-player-controls-left .video-controls-options{
	float: left;
}
#video-player-controls-right{
	max-width: 230px;
	min-width: 220px;
	padding: 0 5px 0 3px;
	float: right;
}
#video-player-controls-right .video-controls-options{
	float: right;
}
#video-player-controls-right .video-controls-options p{
	font-size: 14px;
	font-weight: bold;
}
#video-player-controls-right .video-controls-options span{
	font-size: 14px;
	font-weight: bold;
}
.video-controls-options{
	width: auto;
	background-color: #e6e6e6;
	border: 1px solid #a6a6a6;
	padding: 2px 5px;
	margin: 10px 0 0 0;
	position: relative;
}
#show-self-cams{
	width: 60px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #e6e6e6;
	border: 1px solid #a6a6a6;
	margin: 8px 0 0 0;
	padding: 0;
	display: inline-table;
	cursor: pointer;
}
.video-controls-options p{
	margin: 0; padding: 0;
	text-align: center;
}
.video-controls-options span{
	display: block;
	padding: 4px 4px 4px 20px;
}
.video-controls-options input{
	position: absolute;
	margin: 0;
	top: 7px;
	left: 5px;
}
.video-controls-options-nb, .video-controls-options-nb span{
	width: auto;
	float: left;
	padding: 2px 5px;
	margin: 10px 0 0 0;
}
#universal-quality-slider, #video-border-slider{
	width: 100px;
	height: 24px;
	float: left;
	background: url(../images/camera_slider_bg.png) repeat-x top left;
}
#universal-quality-handle, #video-border-handle{
	width: 12px;
	height: 24px;
	background: url(../images/camera_slider_handle.png) no-repeat center center;
	cursor: pointer;
}

.video-close-box{
	border:1px solid #1A1A1A;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	height:12px;
	line-height:12px;
	position:absolute;
	z-index: 3;
	right:0px;
	text-align:center;
	top:0px;
	width:12px;
	visibility: hidden;
	cursor: pointer;
	background: #4d4d4d;
}

/* Advanced Camera Controls */
#advanced-camera-container{
	background: #4d4d4d;
	padding: 6px;
	position: absolute;
	top: 20px;
	left: 50px;
	visibility: hidden;
	color: #222;
	z-index: 5;
}
#advanced-camera-container a{
	text-decoration: none;
	color: #222;
	margin-left: 20px;
}
#advanced-camera-top{
	color: #FFF;
	height: 21px;
	line-height: 16px;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	width: 242px;
}
#advanced-camera-top span{
	float: left;
}
#advanced-camera-close{
	color: #999;
	height: 12px;
	width: 12px;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	border: 1px solid #333;
	float: right;
	text-align: center;
}
#advanced-camera-content{
	background: #CCC;
	padding: 20px 20px 10px;
	position: relative;
	width: 202px;
}
#camera-change, #vid-speed-vs-quality, #mic-settings{
	background-color: #e6e6e6;
	width: 180px;
	padding: 0 10px;
	min-height: 58px;
	height: 58px;
	border: 1px solid #a6a6a6;
	margin-top: 12px;
	overflow: hidden;
	font-size: 12px;
	position: relative;
}
#camera-change{
	background-image: url(../images/camera_change_bg.png);
	background-position: 15px 17px;
	background-repeat: no-repeat;
}
#camera-change:hover{
	background-image: url(../images/camera_change_bg_over.png);
	border: 1px solid #29abe2;
}
#vid-speed-vs-quality:hover{
	border: 1px solid #29abe2;
}
#mic-settings{
	background-image: url(../images/mic_settings_bg.png);
	background-position: 25px 15px;
	background-repeat: no-repeat;
}
#mic-settings:hover{
	background-image: url(../images/mic_settings_bg_over.png);
	border: 1px solid #29abe2;
}
#camera-change p, #mic-settings p{
	line-height: 58px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
#camera-change p{
	text-align: right;
	margin: 0; padding:  0 10px 0 0;
	border-bottom: 1px solid #FFF;
}
#mic-settings p{
	text-align: center;	
	margin: 0; padding: 0;
	border-bottom: 1px solid #FFF;
}
#vid-speed-vs-quality p{
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
	margin: 0; padding: 0;
}
#restore-cam-settings{
	background: #e6e6e6;
	width: 200px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	border: 1px solid #a6a6a6;
	margin-top: 10px;
	overflow: hidden;
	cursor: pointer;
}
#advanced-camera-bottom{
	background: #CCC;
	overflow: hidden;
	padding: 0;
}
#selected-camera{
	width: 90px;
	height: 82px;
	background: #333;
	float: left;
}
#use-camera{
	width: 46px;
	height: 27px;
	border: 1px solid #a6a6a6;
	text-align: center;
	float: left;
	line-height: 27px;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 0 20px;
	cursor: pointer;
}
.bottom-options{
	width: 180px;
	float: left;
	text-align: right;
	line-height: 24px;
	font-size: 10px;
}
.input-camera{
	width: 174px;
	height: 16px;
	padding: 2px;
	font-size: 12px;
	font-family: arial, helvetica;
	border: 1px solid #606060;
}
.select-camera{
	width: 182px;
	height: 20px;
	padding: 0px;
	margin: 10px 0 0 0;
	font-size: 12px;
	font-family: arial, helvetica;
	border: 1px solid #606060;
}
#vid-quality-slider{
	width: 100px;
	height: 24px;
	float: left;
	background: url(../images/camera_slider_bg.png) repeat-x top left;
}
#vid-quality-handle, #mic-volume-handle{
	width: 12px;
	height: 24px;
	background: url(../images/camera_slider_handle.png) no-repeat center center;
	cursor: pointer;
}
#mic-volume-slider{
	width: 180px;
	height: 24px;
	float: left;
	background: url(../images/camera_slider_bg.png) repeat-x top left;
}
.spd-vs-qlt{
	width: 40px;
	height: 24px;
	line-height: 24px;
	font-size: 10px;
	float: left;
}
#test-mic-volume{
	width: 180px;
	height: 20px;
	padding: 5px 0 0 0;
}

/* Group Component */
#group-container{
	width: 246px;
	height: auto;
	position: relative;
	overflow: auto;
	padding: 0 0 2px;
	background: #333;
	overflow: hidden;
	font-size: 12px;
}
#group-top{
	height: 31px;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
}
#group-full-expand{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 31px;
	text-align: center;

}
#group-top-second{
	height: 31px;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	background: #1a1a1a;
}
.group-top-second{
	overflow: hidden;
	height: 0px;
}
#group-go-back-div{
	width: 21px;
	height: 31px;
	float: left;
	margin: 0 0 0 5px;
	background: url(../images/go_back.png) no-repeat center center;
}
#group-go-back-div:hover{
	background: url(../images/go_back_hover.png) no-repeat center center;
}
#group-cam-settings{
	width: 38px;
	height: 31px;
	float: right;
	margin: 0 5px 0 0;
	background: url(../images/cam_settings.png) no-repeat center center;
}
#group-cam-settings:hover{
	background: url(../images/cam_settings_hover.png) no-repeat center center;
}
#add-group-div{
	width: 13px;
	height: 31px;
	float: right;
	margin: 0 5px 0 0;
	background: url(../images/add_group.png) no-repeat center center;
}
#add-group-div:hover{
	background: url(../images/add_group_hover.png) no-repeat center center;
}
#remove-group-div{
	width: 13px;
	height: 31px;
	float: right;
	margin: 0 15px 0 0;
	background: url(../images/remove_group.png) no-repeat center center;
}
#remove-group-div:hover{
	background: url(../images/remove_group_hover.png) no-repeat center center;
}
#group-scroll{
	width: 7px;
	float: right;
	background: #4d4d4d;
	margin: 0 4px 0 0;
}
#group-knob{
	width: 7px;
	background: #999;
	height: 36px;
}
#group-wrapper{
	margin: 0 15px 0 4px;
	overflow: hidden;
	position: relative;
}
#group-holder{
	height: 0px;
	overflow: hidden;
}
.group-sections{
	overflow: hidden;
	height: 0;
	position: relative;
}
.group-inners,.group-inners-groups{
	background: #FFF;
	margin-bottom: 4px;
	position: relative;
}
.group-inners-top{
	font-weight: bold;
	border-bottom: 1px solid #efefef;
	line-height: 20px;
}
.group-inners-content{
	overflow: hidden;
	position: relative;
}
.group-list{
	margin: 0; padding: 0 0 1px 0;
	list-style: none;
	position: relative;
}
.group-list li{
	margin:0; padding: 0 3px 2px 21px;
	line-height: 15px;
	position: relative;
	height: 16px;
}
#group-list-groups li{
	border-bottom: 1px solid #EFEFEF;
	line-height: 17px;
}
.group-toggle-box{
	position: absolute;
	top: 0;
	left: 0px;
	width: 20px;
	height: 19px;
}
.group-list span{
	font-size: 9px;
}
.group-list-record{
	color: #d82329;
}
.group-list-live{
	background: url(../images/bullet_blue.png) no-repeat 8px center;
	cursor: pointer;
}
.group-list-not-live{
	background: url(../images/bullet_gray.png) no-repeat 8px center;
	cursor: pointer;
}.group-list-live-selected{	
	background: url(../images/bullet_blue_selected.png) no-repeat 8px center;
	cursor: pointer;
}
.group-list-not-live-selected{
	background: url(../images/bullet_gray_selected.png) no-repeat 8px center;
	cursor: pointer;
}
.group-go-live{
	cursor: pointer;
}
.group-go-live-selected{
	cursor: pointer;
}	
.group-go-live div{
	background: transparent url(../images/join_group.png) no-repeat 4px center;
}
.group-go-live div:hover{
	background: transparent url(../images/join_group_hover.png) no-repeat 4px center;
}
.group-go-live-selected div{	
	background: transparent url(../images/join_group_blue.png) no-repeat 4px center;
}
.group-go-live-selected div:hover{
	background: transparent url(../images/join_group_blue_hover.png) no-repeat 4px center;
}

.group-inner-controls{
	width: 50px;
	height: 16px;
	padding: 2px 0;
	float: right;
}
.group-add,.group-remove,.group-controls,.group-blank{
	width: 15px;
	height: 16px;
	float: left;
}
.group-message{
	width: 17px;
	height: 16px;
	margin: 0 5px 0 0;
	float: right;
	background: url(../images/chat.png) no-repeat bottom left;
}
.group-message:hover{
	background: url(../images/chat_hover.png) no-repeat bottom left;
}
.group-add{
	background: url(../images/add.png) no-repeat bottom left;
}
.group-add:hover{
	background: url(../images/add_hover.png) no-repeat bottom left;
}
.group-remove{
	background: url(../images/remove.png) no-repeat bottom left;
}
.group-remove:hover{
	background: url(../images/remove_hover.png) no-repeat bottom left;
}
.group-controls{
	background: url(../images/controls.png) no-repeat bottom left;
}
.group-controls:hover{
	background: url(../images/controls_hover.png) no-repeat bottom left;
}
.group-inner-name{
	padding: 0 0 0 20px;
	margin: 0 55px 0 0;
	background: url(../images/list_expanded.png) no-repeat 6px center;
	cursor: pointer;
}

.input-group{
	width: 96%;
	height: 16px;
	padding: 2px;
	font-size: 12px;
	font-family: arial, helvetica;
	border: 1px solid #606060;
}
.textarea-group{
	width: 98%;
	border: 1px solid #606060;
	font-size: 12px;
	font-family: arial, helvetica;
}

#group-invite-content p {
	margin: 5px 0 0;
}

.group-divs-container{	overflow: hidden;	height: 0px;	color: #222;	background: #4D4D4D; margin-bottom: 4px;	position: relative;}
.group-divs-container a{	text-decoration: none;	color: #222;	margin-left: 20px;}
.group-divs-top{	color: #fff;	height: 21px;	line-height: 20px;	font-size: 12px;	cursor: pointer;	padding-left: 6px;}
.group-divs-top span{	float: left;}
.group-divs-content{	color: #333;	background: #CCC;	padding: 1px 4px;		margin: 0 5px 4px;	overflow: hidden;}
.group-divs-bottom{	color: #333;	background: #CCC;	overflow: hidden;	padding: 0;	width: 100%; margin-top: 4px;}
.group-divs-content p {
   margin-top: 8px;
   margin-bottom: 0px;
}
.group-divs-content input[type="text"] {
   color: #333;
   border: solid #595959 1px;
   padding-right: 4px;
}

.group-divs-content textarea {
   padding: 2px;
   padding-right: 0px;
   margin-bottom: -6px;
}
.group-divs-bottom a {
   font-size: 12px;
}


#group-profile,#group-profile2{	width: 17px;	height: 20px;	background: url(../images/profile.png) no-repeat top left;	float: left;	margin: 6px 0 0 10px;}
#group-profile:hover,#group-profile2:hover{	background: url(../images/profile_hover.png) no-repeat top left;}
#group-switch-group{	width: 31px;	height: 20px;	background: url(../images/group_switch.png) no-repeat top left;	float: left;	margin: 6px 0 0 10px;}
#group-switch-group:hover{	background: url(../images/group_switch_hover.png) no-repeat top left;}
#group-invites-waiting{	width: 21px;	height: 20px;	background: url(../images/invites.png) no-repeat top left;	float: right;	margin: 6px 10px 0 0;}
#group-invites-waiting:hover{	background: url(../images/invites_hover.png) no-repeat top left;}

#group-camera-change, #group-vid-speed-vs-quality, #group-mic-settings{	background-color: #e6e6e6;	width: 183px;	padding: 0 10px;	min-height: 58px;	height: 58px;	border: 1px solid #a6a6a6;	margin-top: 12px;	overflow: hidden;	font-size: 12px;}
#group-camera-change{	background-image: url(../images/camera_change_bg.png);	background-position: 15px 17px;	background-repeat: no-repeat;}
#group-camera-change:hover{	background-image: url(../images/camera_change_bg_over.png);	border: 1px solid #29abe2;}
#group-vid-speed-vs-quality:hover{	border: 1px solid #29abe2;}
#group-mic-settings{	background-image: url(../images/mic_settings_bg.png);	background-position: 25px 15px;	background-repeat: no-repeat;}
#group-mic-settings:hover{	background-image: url(../images/mic_settings_bg_over.png);	border: 1px solid #29abe2;}
#group-camera-change p, #group-mic-settings p{	line-height: 58px;	font-weight: bold;	font-size: 14px;	cursor: pointer;}
#group-camera-change p{	text-align: right;	margin: 0; padding:  0 10px 0 0;	border-bottom: 1px solid #FFF;}
#group-mic-settings p{	text-align: center;		margin: 0; padding: 0;	border-bottom: 1px solid #FFF;}
#group-vid-speed-vs-quality p{	text-align: center;	line-height: 30px;	font-weight: bold;	font-size: 14px;	margin: 0; padding: 0;}
#group-restore-cam-settings{	background: #e6e6e6;	width: 203px;	height: 20px;	line-height: 20px;	font-weight: bold;	text-align: center;	font-size: 12px;	border: 1px solid #a6a6a6;	margin-top: 10px;	overflow: hidden;	cursor: pointer;}
#group-selected-camera{	width: 90px;	height: 82px;	background: #333;	float: left;}
#group-use-camera{	width: 46px;	height: 27px;	border: 1px solid #a6a6a6;	text-align: center;	float: left;	line-height: 27px;	font-size: 16px;	font-weight: bold;	margin: 20px 0 0 20px;	cursor: pointer;}
#group-vid-quality-slider{	width: 100px;	height: 24px;	float: left;	background: url(../images/camera_slider_bg.png) repeat-x top left;}
#group-vid-quality-handle, #group-mic-volume-handle{	width: 12px;	height: 24px;	background: url(../images/camera_slider_handle.png) no-repeat center center;	cursor: pointer;}
#group-mic-volume-slider{	width: 180px;	height: 24px;	float: left;	background: url(../images/camera_slider_bg.png) repeat-x top left;}
#group-test-mic-volume{	width: 180px;	height: 20px;	padding: 5px 0 0 0;}

#group-invites-scroll{
	width: 7px;
	height: 185px;
	margin: 4px 0 0 0;
	float: right;
	background: #4d4d4d;
}
#group-invites-knob{
	width: 7px;
	background: #999;
	height: 36px;
}
#group-invites-wrapper{
	margin: 4px 11px 0 0;
	height: 185px;
	overflow: hidden;
	position: relative;
}
.invite-bottom-options{
	text-align: right;
	margin-top: 5px;
}
#groups-all{
	position: absolute;
	width: 100%;
	left: 0%;
	background: #333;
}
#groups-controls{
	position: absolute;
	width: 100%;
	left: 100%;
	background: #333;
}
#group-invites-wrapper .video-controls-options{
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 10px;
}


/* Message Component */
#message-container{
	width: 296px;
	height: auto;
	position: relative;
	overflow: auto;
	padding: 0 0 2px;
	background: #333;
	overflow: hidden;
	font-size: 12px;
}
#message-top{
	height: 31px;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
}
#message-full-expand{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 31px;
	text-align: center;
}
#message-top-second{
	height: 31px;
	width: 100%;

	cursor: pointer;
	overflow: hidden;
	background: #1a1a1a;
}
#message-advanced-containers{
	width: 100%;
}
#message-send-pm-container, #message-colors-container, #message-advanced-container{
	margin: 0 4px 0 4px;
}
#message-private-message{
	height: 14px;
	width: 16px;
	float: left;
	margin: 10px 0 0 10px;
	background: url(../images/pm.png) no-repeat top left;
}
#message-private-message:hover{
	background: url(../images/pm_hover.png) no-repeat top left;
}
#message-change-colors{
	height: 14px;
	width: 33px;
	float: left;
	margin: 10px 0 0 10px;
	background: url(../images/change_colors.png) no-repeat top left;
}
#message-change-colors:hover{
	background: url(../images/change_colors_hover.png) no-repeat top left;
}
#message-advanced-controls{
	height: 23px;
	width: 24px;
	float: right;
	margin: 4px 10px 0 0;
	background: url(../images/message_controls.png) no-repeat top left;
}
#message-advanced-controls:hover{
	background: url(../images/message_controls_hover.png) no-repeat top left;
}
.moo-color-container{
	padding: 5px 0px;
	overflow: hidden;
}
.moo-rb-box{
	height: 13px;
	width: 13px;
	padding: 0 0 0 5px;
	cursor: pointer;
}
#message-scroll{
	width: 7px;
	float: right;
	background: #4d4d4d;
	margin: 5px 4px 0 0;
}
#message-knob{
	width: 7px;
	background: #999;
	height: 36px;
}
#message-wrapper{
	margin: 5px 15px 0 4px;
	overflow: hidden;
}
#message-color-test{
	background: #FFF;
	padding: 10px;
	height: 17px;
}
.chat-commands-head{
	font-size: 14px;
	line-height: 14px;
	border-bottom: 1px solid #a6a6a6;
	font-weight: normal;
	padding: 0 0 0 20px;
	margin: 8px 0 3px 0;
	cursor: pointer;
}
#chat-commands{
	height: 0px;
	overflow: hidden;
}
#message-chat-container{
	padding: 0 3px;
}
#hidden-chats{
	display: none;
	visibility: hidden;
	overflow: hidden;
	height: 0px;
}
#message-chats{
	background: #FFF;
}
#message-chats p{
	margin: 0;
	padding: 3px 5px 2px;
}
#message-type-container{
	margin: 0 17px 0 7px;
}
#message-tabs{
	margin: 0 0 1px 0;
	overflow: hidden;
}
#message-tabs ul{
	margin: 0; padding: 0;
	list-style: none;
}
#message-tabs li{
	margin: 0 1px 1px 0;
	padding: 0 5px;
	background: #FFF;
	float: left;
	cursor: pointer;
	font-size: 10px;
}
#message-talk{
	width: 100%;
	height: 16px;
	padding: 2px 0;
	font-size: 12px;
	font-family: arial, helvetica;
	border: none;
}
.system-message{
	font-size: 10px;
	color: #666;
	font-style: italic;
}


/* Video Archive Component */
#archive-container{
	width: 522px;
	height: auto;
	position: relative;
	overflow: auto;
	padding: 0 0 2px;
	background: #333;
	overflow: hidden;
	font-size: 10px;
	z-index: 5;
}
#archive-top{
	height: 31px;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
}
#archive-full-expand{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 31px;
	text-align: center;
}
#archive-top-second{
	height: 31px;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	background: #1a1a1a;
}
#archive-play-video{
	width: 77px;
	height: 14px;
	float: left;
	margin: 8px 0 0 10px;
}
.archive-play{
	background: url(../images/play_video.png) no-repeat top left;
}
.archive-play:hover{
	background: url(../images/play_video_hover.png) no-repeat top left;
}
.archive-stop{
	background: url(../images/stop_video.png) no-repeat top left;
}
.archive-stop:hover{
	background: url(../images/stop_video_hover.png) no-repeat top left;
}
#archive-view-stats{
	width: 47px;
	height: 14px;
	float: left;
	margin: 8px 0 0 10px;
}
.archive-stats-off{
	background: url(../images/stats.png) no-repeat top left;
}
.archive-stats-off:hover{
	background: url(../images/stats_hover.png) no-repeat top left;
}
.archive-stats-on{
	background: url(../images/stats_hover.png) no-repeat top left;
}
#archive-remove-video{
	width: 13px;
	height: 15px;
	float: left;
	margin: 8px 0 0 10px;
	background: url(../images/remove_video.png) no-repeat top left;
}
#archive-remove-video:hover{
	background: url(../images/remove_video_hover.png) no-repeat top left;
}
#archive-scroll{
	width: 7px;
	float: right;
	background: #4d4d4d;
	margin: 1px 4px 0 0;
}
#archive-knob{
	width: 7px;
	background: #999;
	height: 36px;
}
#archive-horizontal-scroll{
	height: 7px;
	float: left;
	background: #4d4d4d;
	margin: 0 0 0 4px;
}
#archive-horizontal-knob{
	height: 7px;
	background: #999;
	width: 36px;
}
#archive-horizontal-wrapper{
	margin: 5px 0 4px;
	padding: 0 0 0 4px;
	overflow: hidden;
	position: relative;
}
#archive-wrapper{
	overflow: hidden;
	min-width: 520px;
}

#archive-advanced-controls{
	height: 23px;
	width: 24px;
	float: right;
	margin: 4px 10px 0 0;
	background: url(../images/message_controls.png) no-repeat top left;
}
#archive-advanced-controls:hover{
	background: url(../images/message_controls_hover.png) no-repeat top left;
}
#archive-advanced-content{
	height: 112px;
}
#archive-advanced-content p{
	margin: 5px 0;
	font-size: 12px;
}
.archive-options-box{
	width: 120px;
	font-size: 10px;
	float: left;
}
#archive-tabs{
	overflow: hidden;
}
.archive-tab{
	text-align: center;
	position: relative;
	border-color: #ccc;
	background: #1a1a1a;
	color: #FFF;
	cursor: pointer;
}
.archive-tab,.archive-floats{
	float: left;
	padding: 0 5px;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	border-right: 0px none;
	line-height: 18px;
	height: 18px;
}
.archive-tab-handle{
	width: 2px;
	height: 18px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: #ccc;
	cursor: col-resize;
}
.archive-tab-dot{
	width: 16px;
	float: left;
	border: none;
	padding: 0;
	background: url(../images/gray_dot.gif) no-repeat center center;
	overflow: hidden;
	line-height: 20px;
	height: 20px;
}	
.archive-tab-video{
	width: 155px;
}
.archive-tab-group{
	width: 110px;
}
.archive-tab-owner{
	width: 83px;
}
.archive-tab-date{
	width: 50px;
}
.archive-tab-time{
	width: 50px;
}
.archive-tab-resolution{
	width: 60px;
}
.archive-tab-bitrate{
	width: 50px;
}
.archive-tab-framerate{
	width: 60px;
}
.archive-tab-length{
	width: 50px;
}
.archived-video{
	overflow: hidden;
	height: 20px;
	cursor: pointer;
}
.archived-dark{
	background: #e6e6e6;
}
.archived-dark div{
	border-color: #e6e6e6;
}
.archived-light{
	background: #fff;
}
.archived-light div{
	border-color: #fff;
}
.archived-selected{
	background: #AEDEE4;
}
.archived-selected div{
	border-color: #AEDEE4;
}
.archive-video-information{
	width: 100%;
	float: left;
	background: #f0f0f0;
	padding: 8px 0; 
}

.archive-video-info-container{
	width: 500px;
	padding: 0 10px;
	overflow: hidden;
}
.archive-vid-info{
	padding-bottom: 5px;
	float: left;
}

.archive-video-info-container a{
color: #222222;
float: right;
margin-bottom: 3px;
text-decoration: none;
}
.vid-info1{
	width: 200px
}
.vid-info2{
	width: 100px;
}
.vid-info3{
	width: 150px;
}


/* Toolbar Component */
#toolbar-container{
	width: 1091px;
	float: left;
	overflow: hidden;
	margin-top: 5px;
	margin-left: 3px; margin-right: 6px;
}
#toolbar{
	background: #333;
	position: relative;
	overflow: hidden;
	padding: 6px 15px 6px 40px;
}
#toolbar-content{
	position: relative;
	overflow: hidden;
	height: 26px;
}
.toolbar-buttons{
	background: #4d4d4d;
	color: #FFF;
	margin: 0 3px;
	float: left;
	font-size: 12px;
	line-height: 26px;
	height: 26px;
	min-width: 65px;
	padding: 0 10px;
	text-align: center;
	cursor: pointer;
}
.toolbar-buttons:hover{
	background: #1a1a1a;
	color: #4d4d4d;
}
#toolbar-live{
	float: right;
	line-height: 26px;
	height: 26px;
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
	width: 170px;
	text-align: right;
}
#toolbar-volume-slider{
	width: 100px;
	height: 23px;
	float: right;
	margin: 2px 15px 0 0;
	background: url(../images/toolbar_slider.png) repeat-x top left;
}
#toolbar-volume-handle{
	width: 12px;
	height: 23px;
	background: url(../images/toolbar_handle.png) no-repeat center center;
	cursor: pointer;
}
#toolbar-colapse{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 21px;
	height: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.toolbar-volume-text{
	font-size: 12px;
	line-height: 26px;
	height: 26px;
	float: right;
	width: 65px;
	color: #FFF;
}



.expand-collapse {
	float: left;
	width: 12px;
	height: 6px;
	background-image: url('../images/collapseGroup.gif');
	background-repeat: no-repeat;
	margin-left: 8px;
	margin-top: 12px;
	padding: 5px;
}