@CHARSET "UTF-8";
/*
* ARGUNET NAVIGATOR stylesheets
* copyright Christian Voigt 
* all rights reserverd
*/
/*
* General Formats
*/
body{
margin:0px;
padding:0px;
}
.navigator{
width:100%;
height:100%;
margin:0px;	
font-family:arial,sans-serif;
background-color:#fff;
border:0px;
}

.navigator.navigator-maximized{
width:100;
height:100%;
margin:0px auto;
overflow:hidden;
border:2px solid #fff;
border-bottom:0px;
}

.navigator-maximized .font-size-default{
font-size:14px;
}
.navigator-maximized .font-size-big{
font-size:16px;
}
.navigator-maximized .font-size-small{
font-size:12px;
}
.debate-panel{ /*debate panel is integrated into standard page, so we use the page's standard font-size*/
font-size:12px;
}
table,td{
padding:0px;
}

/*in ff this is needed for scrollpanels, but it causes ie to assign wrong heights to trs, so we have to fix that too :( */
tbody{ 
height:100%;
font-size:1em;
}
tr{
height:auto;
}
/*--END GENERAL FORMATS--*/
/*
* HEADER
*/

.header-navigator{
width:100%;
padding:0px;
/*border-bottom:1px solid #ddd;*/
table-layout:fixed;/*for text trimming, see http://blogs.atlassian.com/developer/2007/08/post.html*/
}
.header-navigator td{
overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap;
}

/*HEADER TITLE*/
.header-title{
width:100%;
overflow:hidden;
}

.map-title, .debate-title{
	height:28px;
	padding:12px 1em 0px 1em;
}
.debate-title{
}
.map-title{
border-left:2px solid #eaeaea;
}
.map-title a, .debate-title a{
font-size:130%;	
color:#eaeaea;
font-weight:bold;
text-decoration:none;
}
.map-title a:hover, .debate-title a:hover{
	text-decoration:underline;
}
.map-navigation{
background-color:#dddddd;
border:none;	
}
.debate-navigation{
background-color:#ECECEC;
border:none;	
}
.forward,.backward{
width:17px;
height:20px;
padding:0px 5px;
cursor:pointer;
overflow:hidden;	
}
.closeMap{
	padding:0px 5px;
	cursor:pointer;
}
.font-size-button{
height:20px;
padding:0px 3px;
width:7px;
cursor:pointer;
overflow:hidden;	
}

/* --END HEADER--*/
/*
* PANELS
*/
.gwt-TabPanel{
width:95%;
}
.gwt-TabPanelBottom{
padding:1em 10px;
}
.gwt-TabBar { 
 width:95%;
 margin:0px auto;
 padding-top:5px;
 text-align:center;
 cursor:pointer;
 }
.gwt-TabBar .gwt-TabBarFirst { 
 }
 .gwt-TabBar .gwt-TabBarRest {
 }
 .gwt-TabBar .gwt-TabBarItem { 
  background-color:#ececec;
 padding:0em 0.5em;
 border:1px solid #ccc;
 color:blue;
  }
 .gwt-TabBar .gwt-TabBarItem-selected { 
 background-color:#fff;
 border-bottom:1px solid #fff;
 color:#000;
  }


.map-teaser .title a{
	font-size:130%;
font-weight:bold;	
	margin:0px;
	padding:0px;
}

.map-panel{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
.navigator .panel-content{
	padding:0px 0.5em;
}
.navigator .map-info-panel .panel-content{
	padding:1em 3em;
	line-height:1.4em;

}

.argument-disclosure,.map-disclosure{

}
.argument-disclosure td,.map-disclosure td, .split-cell td{
	padding:0px;
	margin:0px;
	vertical-align:middle;
}
.dragging-bg{
	background-color:#ffff99;
}
.gwt-DisclosurePanel-open, .argument-disclosure-open, .map-disclosure-open{

}

.argument-disclosure .header, .map-disclosure .header, .split-cell .header{
		display:block;
padding:0px;
margin:0px;
width:5px;
height:80%;
background-color:#ddd;	
border:0px;
	vertical-align:middle;
}


table.families{
	border-spacing:5px;
	margin:0.5em 0em;
}
div.family-color{
	width:30px;
	height:1em;
	padding:4px 0px;

}
td.family-name{
font-weight:normal;
	
}
.panel-section{
margin:1em 0px;
}


.relation-panel{
	height:100%;

}
.relation-header{
width:100%;
}
.relation-header td{
	padding:0px 15px;
}
.panel-header{
margin:0px;
font-size:110%;
font-weight:bold;
}
.panel-header .header-label{
	padding:8px;
	padding-bottom:3px; 
}
.panel-header-default{
padding:8px 0px;	
font-weight:bold;
font-size:110%;
}
.panel-header .popup{
width:40px;
	
}

.map-panel div{
height:100%;
}
.spanel{
padding:30px;

		background:red;
}
.navigator-loading-message{
text-align:center;
font-size:120%;
margin:1em 0em;
padding:0.5em;
background-color:#ffff99;
}


.debate-panel{
width:100%;
}
.debate-panel h2{
margin-top:
}
.footer{
border-top:1px solid #ddd;
width:100%;
height:2em;	
margin-top:1px;
padding:0.5em 1em;
}

/* --END PANELS--*/
/*
* TOOLTIP
*/
.tooltip{
	font-family:Arial,sans-serif;
	background:#fff;
	padding:5px;
	border:1px solid #ccc;
	font-size:11pt;
text-align:center;

	width:200px;	
}
.tooltip *{
font-size:10pt;
}
#navigator-container .sentence-standalone .text, .sentence-standalone .text{
font-size:150%;
text-align:center;
}
.relations-grid{
width:100%;
vertical-align:top;
margin:2em 0em 0em;
}
.relations-grid *{
font-size:small;
}
.relations-grid h3{
margin:0.5em 0em 0.3em;
text-align:center;
}

.relations-grid td{
vertical-align:top;
width:50%;
background-color:#dadada;
padding:0.1em;
}
#navigator-container .relations-cell, .relations-cell{
text-align:center;
margin:0 auto;
}
.relations-grid td td{
background-color:transparent;
}
.attacks, .attacks a{
color:#aa0000;
font-size:110%;	
}
.supports, .supports a{
	color:#00aa00;
	font-size:110%;	
}
.tooltip a{
	text-decoration:none;
}

.tooltip a:hover{
	text-decoration:underline;
}
.node{
	width:160px;
	font-size:100%;
padding:10px 10px;
text-align:center;
margin:5px auto;

}
.tooltip .table, .node table,.node td{
width:100%;	
text-align:center;
}
.node p{
font-size:100%;	
margin:0px;
text-align:left;
width:100%;
}
/* --END TOOLTIP-- */
/*
* ARGUNET LINK
*/
.argunet-link td{
vertical-align:middle;
padding:1px 0px;
}
.node-link a{
display:block;
height:100%;
width:100%;
}
.argument-link{
width:12px;
height:12px;
}
.sentence-link{
width:8px;
height:8px;
border:2px solid #fff;
background-color:#fff;
}
.node .node-link-title{
width:100%;	
text-align:center;
font-size:10pt;
color:#000;
font-weight:bold;	
}
.node-link-title a{
color:#000;
font-weight:bold;	
text-align:center;
text-decoration:none;
}
.node-link-title a:hover{
text-decoration:underline;
}
/*-- END ARGUNET LINK --*/

/*
* Argument and Relation Panel CSS
*/
.argument{
margin:1em 0em 0em;
width:auto;
line-height:1.4em;

}
.relation{
margin:1em 0em 0em;
width:auto;
line-height:1.4em;

}
.relation .left, .relation .right{
width:45%;
}
.relation .center{
width:10%;
text-align:center;
margin:0 auto;
}

.sentence .nr{
width:20px;
}
.argument .sentence, .relation .sentence{
margin:0em 0em 0.6em 0em;
width:100%;
}
.argument .sentence .text{
margin:0px 0.5em;
}
.relation .sentence .text{
margin:0px 0.5em;
}
.sentence .relations{
width:20px;
float:right;
}
.sentence .relations td{
padding:0px;
}
.assumption .text{
font-style:italic;
}
.conclusion{
border-top:1px solid #888;

}
/*ie is not able to apply padding to tables*/
.conclusion td{
padding-top:1em;
}
.conclusion .text,.conclusion .nr{
font-weight:bold;
color:#222;
}
.pconclusion{
border-top:1px dashed #888;
}
/*ie is not able to apply padding to tables*/
.pconclusion td{
padding-top:1em;
}
.pconclusion .text,.pconclusion .nr{
font-weight:bold;
color:#222;
}
.relation-arrow{
display:block;
margin-left:15px;
}
.sentence .relation-link{
display:block;
padding:1px;
}
.sentence .argunet-link{
padding:1px;
}
.argunet-link .argument-node{
width:12px;
height:12px;
border:0px;
}
.argunet-link .sentence-node{
width:10px;
height:10px;
border-width:2px;
}
/*ROUND CORNERS*/
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:2em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:10px; /* default, width of left corner */
 margin-bottom:0em; /* spacing under dialog */
}

.roundall .content,
.roundall .t,
.roundall .b,
.roundall .b div {
 background:transparent url("../images/panel-roundall-grey.png") no-repeat top right;
 _background-image:url("../images/panel-roundall-grey.gif");
}
.roundtop .content,
.roundtop .t,
.roundtop .b,
.roundtop .b div {
 background:transparent url("../images/panel-roundtop-grey.png") no-repeat top right;
 _background-image:url("../images/panel-roundtop-grey.gif");
}
.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
}
.dialog .content{
 padding:10px 10px 0px 0px; /*right spacing*/
}
.roundtop .content{
 padding:0px 10px 0px 0px; /*right spacing*/
}
.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:10px; /* top slice width */
 margin-left:-10px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}
.roundtop .b,.roundtop .b div{
height:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
}
.dialog .corners-all, .dialog .panel,.dialog h2{
background:transparent !important;
}