
/*======================================================================*/
/* DOCEBO - The E-Learning Suite										*/
/* ==================================================================== */
/* 																		*/
/* Copyright (c) 2006													*/
/* http://www.docebo.com/												*/
/*																		*/
/* This program is free software. You can redistribute it and/or modify	*/
/* it under the terms of the GNU General Public License as published by	*/
/* the Free Software Foundation; either version 2 of the License.		*/
/*======================================================================*/

html { margin: 0; padding: 0; height: 100%;}
body { margin: 0; padding: 0; width: 1000px; height: 700px; background: #fff; font-size: 80%; font-family: Verdana; }

/* chat ------------------------------------------------------------------ */

#webcam_list {
	position: absolute;
	top: 0;
	width: 250px;
	height: 449px;
	padding: 0;
	margin: 0;
	text-align: center;
	border-right: 1px solid #999;
}

#user_list {
	position: absolute;
	top: 500px;
	left: 0;
	width: 250px;
	height: 199px;
	padding: 0;
	margin: 0;
	padding: 0;
	margin: 0;
	border-left: 1px solid #999;
}

#drawboard_space {
	position: absolute;
	top: 0;
	left: 251px;
	width: 750px;
	height: 700px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #999;
	overflow: auto;
}

#chat {
	position: absolute;
	top: 500px;
	left: 250px;
	width: 749px;
	height: 199px;
	padding: 0;
	margin: 0;
	border-top: 1px solid #999;
	overflow: auto;
}

#debug_c {
	font-size: 0.8em;
	line-height: 1.5em;
}

#debug {
	font-size: 0.8em;
	line-height: 1.5em;
	position:absolute;
	left: 1500px;
	overflow: visible;
	white-space: nowrap;
}

#drawboard_space h1,
#chat h1,
#webcam_list h1,
#user_list h1 { margin: 0 0 0; padding: 2px 8px; font-size: 1.2em; background: url('../images/scale.png') 0 100% repeat-x #ffffff;
	  border-top: 1px solid #999;  }
*/
/* webcam list ========================================================== */

.web_command { position: relative; font-size: 0.8em; padding: 4px; margin: 0 4px; }
	.web_command .not_onair { color: #000; border: 1px solid #000; width: 40%; position: absolute; left: 3%; padding: 0px 1px; text-align: center; }
	.web_command .onair { color: #f20; border: 1px solid #f20; width: 40%; position: absolute; left: 3%; padding: 0px 1px; text-align: center; }
	
	.web_command .stop_webcam { color: #02f; border: 1px solid #02f; width: 40%; position: absolute; right: 3%; padding: 0px 1px; text-align: center; }
	.web_command .restart_webcam {}

#new_webcam div {
	margin: 5px;
}

/* chat message ========================================================= */

#chat_msg_list { margin: 0; padding: 0 4px; line-height: 1.5em; font-size: 0.8em; height: 68%; overflow: auto;
	border-bottom: 1px solid #999; }
	
	#chat_msg_list p { margin: 2px 0; padding: 0;}
		#chat_msg_list strong {}
		#chat_msg_list strong.system_message { color: #999; font-style: italic; }

/* chat post message ===================================================== */

#chat_msg_new { margin: 0; padding: 2px 4px; }

ul#chat_actions_button { list-style: none; margin: 0 0 4px; padding: 0 8px; border-bottom: 1px solid #999;}
	ul#chat_actions_button li { display: inline; margin: 0 2px 0 0; padding: 0;  vertical-align: middle; }
		ul#chat_actions_button li a { margin: 0; padding: 0;  vertical-align: middle; }
			ul#chat_actions_button li a img { margin: 0; padding: 0; border: 0px none; }

#chat_msg_new form {}
	#chat_msg_new p { display: inline; }
	#chat_msg_new label {}
	#chat_msg_new input#chat_msg_text { font-size: 1em; }
	#chat_msg_new input#chat_msg_submit { margin: 0; padding: 0 4px; font-size: 1em; font-family: Verdana; width: auto; overflow: visible; }

/* user list command ====================================================*/

#mycommand {
	width: 100%;
	padding: 4px 0;
	text-align: center;
	height: 48px;
}

	#mycommand img { border: 0px none;}
	

/* user list ============================================================*/

#effective_user_list { margin: 0; padding: 0 4px; line-height: 1.5em; font-size: 0.8em; }

	#effective_user_list div 		{ position: relative; margin: 2px 0; padding: 0; }
	#effective_user_list div img { margin: 0; padding: 0; vertical-align: middle; border: 0px none; }
	
	#effective_user_list p.display_name { margin: 0; padding: 0; display: inline; } 
	li.rised_hand {
		float:left; 
		text-align: center;
		height: 16px;
		width: 16px;
	}

	#effective_user_list ul.action_list { position: absolute; top: 2px; right: 4px; margin: 0; padding: 0; }
		#effective_user_list ul.action_list li { margin: 0; padding: 0; display: inline; }
		
	#effective_user_list ul.action_list li.rised_hand { background: url('../images/hand.png') 50% 50% no-repeat; }
