/* stylesheet for room control */
#container_webcontrol {		/* ueberschreiben der zentrierung aus talkyoo_v2_0.css */
margin: 0px auto auto 10px;
padding: 15px 10px 0 0px;
height:auto;
}

#rightborder{
	height:100%;
	width:10px;
	position:fixed;
	top:0;
	left:1012px;
	background: transparent url(/images/jo/border_gradient_right.png) repeat-y scroll left top;
}
#webcontrol_table_content{
	margin-top:1px !important;
	width: 781px;
}

#leftborder{
	height:100%;
	width:1022px;
	position:fixed;
	top:0;
	background: transparent url(/images/jo/wc-new-background.gif) repeat-y scroll right top;
}

#content_webcontrol {
	background: transparent;
}

#wrapper_webcontrol div{
}


#tab_content_presentation{
float:left;
width:1002px;
padding: 0px;
text-align:left;
}

#wrapper_webcontrol #content_box{
background: transparent;
padding:0px;
}

/* jo -------------------------------- roomcontrol_header ------------------------------- */

#roomcontrol_header {
	width: 1002px;
	height: 132px;
	clear:both;
	display:block;
	margin:0 auto auto 0px;
}

#roomcontrol_header #logo {
  float:left;
  margin:17px 0 0 25px;
}

#roomcontrol_header #stats {
float:left;
margin:22px 0 0 28px;
color: #666666;
}

#roomcontrol_header #stats span.raum { font-size:12pt; }	/* groessere schrift fuer raum */
#roomcontrol_header #stats td { text-align:right; }	/* groessere schrift fuer raum */
#roomcontrol_header #stats th { text-align:left; }	/* groessere schrift fuer raum */

/* -- action block -- */
#actioncontainer{
	height: 47px;
	width: 415px;
  float:left;
	padding: 0px;
	margin: 0 0 0 31px;
}

#actioncontainer div {
	position: relative;
	float:left;
	margin: 0;
	height: 47px;
	text-align:left;
}
#actioncontainer_prese{
	height: 47px;
	width: 298px;
  float:right;
	padding: 0px;
	margin: 0 0 0 31px;
}
#actioncontainer_prese div {
	position: relative;
	float:left;
	margin: 0;
	height: 47px;
	text-align:left;
}

#action_speaker, #action_lock, #action_exit {
	cursor:pointer;
}

/* aktive elemente*/
#action_lock_icon ,
#action_speaker_icon ,
#action_exit_icon {
	width:32px;
	background-color: #EFEFEF;	/*avoid flicker when image changes*/
}

#action_lock_text.active ,
#action_speaker_text.active {
	font-weight: bold;
	color: #BF1D1D;
}
#action_lock_text.inactive ,
#action_speaker_text.inactive {
	font-weight: normal;
	color: #666666;
}

#action_lock_text,
#action_speaker_text,
#action_exit_text {
	background: url(/images/jo/action_bg_text.png) repeat-x;
	padding: 8px 10px 0px 10px;
	font-size: 10pt;
	color: #666666;
	min-width:80px;
}

#action_lock_icon.inactive {
	background: url(/images/jo/action_bg_lockopen.png) no-repeat;
}

#action_lock_icon.active {
	background: url(/images/jo/action_bg_lockclosed.png) no-repeat;
}

#action_speaker_icon.inactive {
	background: url(/images/jo/action_bg_speakeron.png) no-repeat;
}

#action_speaker_icon.active {
	background: url(/images/jo/action_bg_speakeroff.png) no-repeat;
}

#action_exit_icon{
	background: url(/images/jo/action_bg_exit.png) no-repeat;
}


/* fixe elemente*/

.action_left{	
	background: url(/images/jo/action_bg_left.png) no-repeat;
	width: 6px;
	}

.action_right{	
	background: url(/images/jo/action_bg_right.png) no-repeat;
	width: 5px;
	}

#roomcontrol_header div.actionsseparator {
	display: inline;
	background: url(/images/jo/actions_separator.png) no-repeat;
	width: 1px;
	height:47px;
	float:left;
	overflow: hidden;
}

/* ---------- end of action block ------------ */

/* ---------- Navigation tabs ------------ */

#tabscontainer {
  background: transparent !important;
	padding: 0;
}

#tabscontainer div{
	float: right;
	text-align: center;
	vertical-align:middle;
	font-size:11pt;
	font-weight: bold;
	bottom: 0px;
	height: 32px;
	line-height:34px;

}

#tabscontainer div.navtab {
	cursor:pointer;
	display: inline;
	min-width:20px;
	padding:0px;
	margin: 0px;
	}

/* workaround for ie7 bug: width: auto defaults to 100% */
#tabscontainer div.navtab#tab_participants {
	max-width: 190px;
  margin:21px 21px 0 0;
}
#tabscontainer div.navtab#tab_presentation {
	max-width: 150px;
	margin:21px 21px 0 0;
}
/*end of workaround*/

div.tableft{
	width: 5px;
	margin-left:5px;
	padding: 2px 0 0 0;
}

div.tabright{
	width: 10px;
	padding-right:10px;
	padding: 2px 0 0 0;
}



div.tabtext{
	padding: 2px 4px 0px 4px;
	color: #fff;
}

/* active tabs */

div.tableft.active{
	background: url(/images/wc/wc-tab-active-left.gif) no-repeat;
}

div.tabright.active{
	background: url(/images/wc/wc-tab-active-right.gif) no-repeat;
}

div.tabtext.active{
	background: url(/images/wc/wc-tab-active-bg.gif);
}

/* inactive tabs */

div.tableft.inactive{
	background: url(/images/wc/wc-tab-inactive-left.gif) no-repeat;
}

div.tabright.inactive{
	background: url(/images/wc/wc-tab-inactive-right.gif) no-repeat;
}

div.tabtext.inactive{
	background: url(/images/wc/wc-tab-inactive-bg.gif);
	color: #696969;
}



#roomcontrol_header #headerbar {
  float:left;
	height:17px;
	width:1002px;
	background: url(/images/jo/topbar.png);
}

/* ---------- end of Navigation tabs ------------ */

/* ***************** end of roomcontrol_header *****************/

/* --- tools ------------------------------ */
#tools {
	position: absolute;
	left: 824px;
	top: 10px;
	width: 360px;
	padding: 0;
	border: 0 hidden transparent;
}

#presentationtools {
  margin:17px 0 0 53px;
	width: 412px;
	padding: 0;
	border: 0 hidden transparent;
	float:left;
}


.toolheader  {
	width: 100%;
	height: 18px !important;
	border: 1px solid #d9d9d9;
	background: url(/images/jo/gradient_sectionheader.png) repeat-x;
	padding: 4px 4px 4px 8px;
	color:  #6f6f6f;
	overflow: hidden;
	font-size:11pt;
	font-weight: bold;
	position: relative;
	margin: 0;
	margin-top: 6px;
}

.tooltoggle{
	position: absolute;
	top: 8px;
	right: 10px;
	width: 11px;
	height: 11px;
	cursor: pointer;
}

.minus{
	background: url(/images/wc/wc-little-minus.gif) no-repeat;
}

.plus{
	background: url(/images/wc/wc-little-plus.gif) no-repeat;
}


.toolcontent {
	border: 1px solid #d9d9d9;
	border-top: 0 hidden transparent;
	padding: 4px;
	width: 360px;
	margin: 0;
	display: block;
	max-height: 322px;
	overflow: auto;
}


.hidden{
	display: none;
}

#tool_presupload_content{
	width:416px;
	height: 134px;
}

#presnamelabel {
	position:absolute;
	top: 48px;
	left: 20px;
}
	
input#presentation_name {
	position:absolute;
	top: 68px;
	width: 380px;
	left: 20px;
	font-size: 10pt;
	margin: 0;
	border: 1px solid #d9d9d9;
	
}

input#presentation_file{
	position:absolute;
	top: 104px;
	left:20px;
	height: 25px;
	background: url(/images/jo/gradient_sectionheader.png) repeat-x;
	font-size:10pt;
	border: 1px solid #d9d9d9;
	z-index: 901;
	opacity: 0;
	filter: alpha(opacity=10);
	cursor: pointer;
	margin:0;
	padding:0;
}

input#presentation_file a {display:block;}

#btn_presupload_filefake{
	position: absolute;
	top: 104px;
	left:20px;
	width: 174px;
	padding: 4px 0px 0px 0px;
	margin: 0;
	text-align:center;
	z-index: 900;
	cursor:default;
}

#hide_fileinput{
	position:absolute;
	background: #ffffff;
	border: 0;
	height:20px;
	top: 104px;
	left:1px;
	width: 10px;
	z-index: 902;
	padding:0;
}

#sanduhr {
    margin:	auto;
}

span#upload_progress {
	position:absolute;
	top: 142px;
	left:20px;
	width: 380px;
	padding:2px;
	border:1px solid #d9d9d9;
	text-align:center;
}

#btn_presupload_submit {
	position:absolute;
	top: 104px;
	left:230px;
	width: 174px;
	text-align:center;
	margin: 0;
	cursor:pointer;
}

#upload_target {
	width:100px;
	height:20px;
	border:1px solid #ccc; 
	position:absolute; 
	left: 20px;
	width: 340px;
	bottom:1px;
	display:none;
	}

/* reset-button for presentation file upload form*/	
#btn_reset_presul_form{
	display: none;
}

/* --- end of tools ----------------------- */
/* -- presentationlistcontainer -- */
#presentationlistcontainer{
  float:left;
	overflow-x:hidden;
	overflow-y:hidden;
	width: 920px;
	margin:42px 0 0 26px;
}

#presentationinstructions{
  padding:24px 0 0 35px;
  width:424px;
  float:left;
}

#presentationinstructions p{
	padding:0;
	margin:0;
}

#presentationinstructions span.imagecontainer{
	left: 1px; top: 1px;
	height:140px;
	width: 80px;
	display:inline-block; 
	float:left;
}

/* ---------- presentation preview ----------------- */
div#pres_preview {
  float:left;
	width: 910px;
	max-width: 910px;
	height: auto;
	min-height: 200px;
	overflow: hidden;
	border: 1px solid #d9d9d9;
	margin:0 0 26px 26px;
}

#pres_preview_header {
	position:relative;
	margin: 0;
	height: 18px !important;
	background: url(/images/jo/gradient_tableheader.png) repeat-x;
	text-align:left;
	padding:4px 10px 4px 10px;
	border-bottom: 1px solid #d9d9d9;
	font-weight: bold;
	font-size: 11pt;
	color: #000000;
}

#pres_preview_status {
	position:absolute;
	top: 4px;
	right:20px;
	color: #C50008;
}

#pres_preview_content {
/*	width:1138px;*/
	width:100%;
	min-height: 300px;
	overflow-x: hidden;
	overflow-y:auto;
}

/* --- end of presentation preview ----------------- */


/* ---------- participants table ---------------- */

table.participants, 
table.presentations{
  border-collapse:collapse;
  margin: 1px 0px -1px 1px;
}
table.participants{
  width: 780px;
}
table.presentations{
  width: 910px;
}
table.presentations_sel {
	width: 360px;
    border-collapse:collapse;
    margin: 1px 0px -1px 1px;
}



table.participants tr,
table.presentations tr {
	line-height:18px;
}

table.participants  td, table.participants  th,
table.presentations td, table.presentations th {
	border:1px solid #cbcbcb;
	padding:4px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
table.participants th,
table.presentations th{
	text-align:left;
	background: url(/images/jo/gradient_tableheader.png) repeat-x;
	height: 18px !important;
}

table.participants th.nr, table.participants td.nr { width:22px; text-align: right; }
table.participants th.name, table.participants td.name{ width:auto;	text-align:left; }
table.participants th.telnr, table.participants td.telnr{ width:120px; 	text-align:left;}
table.participants th.city, table.participants td.city{ width:120px;	text-align:left; }
table.participants th.call-information, table.participants td.call-information{ width:16px; }
table.participants th.since, table.participants td.since{ width:40px; }
table.participants th.mute, table.participants td.mute{ width:40px; }
table.participants th.hand, table.participants td.hand{ width:40px; }
table.participants th.hangup, table.participants td.hangup{ width:60px; text-align:left;}

table.presentations th.presname, table.presentations td.presname { width:auto;	text-align:left;}
table.presentations th.presfiletype, table.presentations td.presfiletype{ width:50px;	text-align:left; }
table.presentations th.presupload, table.presentations td.presupload{ width:160px;	text-align:left; }
table.presentations th.presstate, table.presentations td.presstate{ width:150px;	text-align:left; }
table.presentations th.prespos, table.presentations td.prespos{ width:70px;	text-align:center; }
table.presentations th.presaction, table.presentations td.presaction{ width:60px;	text-align: left;}


/* hand active(green) or none(grey) */
table.participants span.hand{
	background: url(/images/wc/wc-hand-off.gif) no-repeat;
	display: block;
	height: 20px;
}

table.participants span.hand.active{
	background: url(/images/wc/wc-hand-on.gif) no-repeat;
}

table.participants span.handpos{
	display: block;
	width: 34px;
	text-align: right;
	background: transparent;
	padding: 1px;
}

span.pres_preview,
span.pres_show,
span.pres_delete{
	display: inline-block;
	text-align: center;
	margin: 0 10px 0 0;
}

span.longcontent {
	height:18px !important;
	display: inline-block;
	overflow: hidden;
	padding:0;
	margin: 0;
}

span.longcontent:hover {
	position:absolute;
	width: auto;
	height:auto;
	display: inline-block;
	background: #ffffff;
	z-index: 1000;
	padding: 4px;
	margin: -13px 0 0 -4px;
}


div.tablecontents {
	width: 911px;
	margin: 0;
	border: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

tab_presentation div.tablecontents {	height: 101%;}
#presentationlistcontainer div.tablecontents {	height: 131px;}
#webcontrol_table_content div.tablecontents {	height: 320px;}


#webcontrol_table {
    width: 781px;
    margin-left: 15px;
    height: 348px;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
    background: transparent;
}
/* --- end of participants table ---------------- */
#content_webcontrol_advice,
#webcontrol_footer {
	display:none;
}