/* ------------ */
/* Basic Styles */
/* ------------ */

/* @group Tools and Hacks */
.hidden {
	visibility: hidden;
}
#anchorBottomRight { /* Anchor for calculations of viewport height */
	position: fixed !important;
	position: absolute;
	right: 0px;
	bottom: 25px;
	width: 1px;
	height: 1px;
	
}

.clear {
	clear:both;
	height:1px;
	overflow:auto;
	width: 1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */      
/* @end */

body {
	background-color:white;
	color: #444;
	font-family:"Lucida Grande",Arial,sans-serif !important;
    font-size:100%;
    line-height:1.125em;
}
/*
p {
    font-size:0.875em;
}

.sidenote {
    font-size:0.75em;
}

h1 {}
h2 {}
p {}
*/
.Content>p {margin:0px;}
.Content>p+p {text-indent:36px;}

a {color:#3C79D8;}
a:link {color:#3C79D8;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}

/* @group Structure */
body {
	/*background: #fff url(/images/background.png) repeat-x  left 23px !important;*/
	background: #f0f0f0
}
    
html, body {
    height: 100%;
}
#mainslot {
	/* DO NOT TOUCH THIS pls */
    /*position: relative;
    min-height: 100%;*/
}     
#container {
	overflow: auto;
} 
#maindeck {
	padding-bottom:2em;
	height: 1%;
}
.deckPage {
	
}
/*.popupContainer {
	z-index: 9000;
}*/
#flashslot {
	width: 1%;
	height: 1%;
}
.deckPage.hiddenPanel {
	display: none;
}
#header {								  
	background: #fff url(/images/bg_menu.jpg) repeat-x bottom left;
	text-align: center;
}                                                  
                      
#logo {
	position:absolute;
	left:50px;   
	top:2px;
}                     
#navigationWrapper {
	text-align:	center;
	margin: 3px 0px 9px 0px;
	padding-bottom: 3px;
}
#navigationContainer {
	clear:both; 
	text-decoration:none;
}
* html #navigationContainer {display:inline-block;}
                                                              
#navigation {
  display:table;
  padding:0px 0px 9px 0px; 
  margin:0 auto;
  white-space:nowrap;
  }
#navigation li {
  display:table-cell;
  cursor: pointer;
  }
* html #navigation li {
  float:left;
  }
#navigation span {
  width:auto;
  display:block;
  padding:4px 16px;  
  }
#navigation span div {
  display:inline;
  }
  
html>body #navigation li { *display: inline; }
html>body #navigation li span { *display: inline; } 
           
#search {
	position: absolute;
	top:3px;
	right: 10px;
}            
#search input {
	float:left;
}         

input.inactive {
color: #ccc;
}
#search .buttons {
	margin-left:5px;
	display: inline;
}         

.sidebar {
	left:10px;
	position:absolute;
	width:270px;
}               

#mainslot .content {
	background-color:#FFFFFF;
	margin: 10px 10px 10px 300px;
	padding: 7px;
}              
.footer {
	position:relative;
	bottom:10px;            
	text-align:center;
	width:100%;
}    
/* @end */
/* @group User Profile Page */
.fullPage .content {
	/*margin-left:  10px !important;*/
}


/* @end */

/* @group Folderbar */
.folderitem {
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.folderitem-selected {
	background: #b7d3fe url(/images/page/bg_topic_blue.jpg) repeat-x top left;
	border: 1px solid #444;
	padding: 5px;
	cursor:default !important;
}

.folderitem-selected .labelwithimage .gwt-Label {
	color: #333;
	font-weight: bold;
}
.folderitem-selected .mindfm-clickable {
	float: right;
}
.folder-header .title .text {
	margin: 10px 0px 0px 0px;
}
/*.folder-header .title img, .topic-header .entityImageContainer  {
	background: #fff;
	padding: 3px;
}*/

.folder-header .status {
	margin: 0px 0px 0px 10px;
}
.folder-header .newitems, .folder-header .access {
	margin-right: 7px;
	}
.folder-header .status, .folder-header .newitems, .folder-header .access {
	float: left;
}
.folder-header .settings {
	float: right;
}

/* @end */

.topic-header, .folder-header {
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;        
	border-bottom: 1px solid #273f0b;
}       
.topic-header {
	background: #5a9119 url(/images/page/bg_topic_green.gif) repeat-x top left;
}
.folder-header {
	background: #b7d3fe url(/images/page/bg_topic_blue.jpg) repeat-x top left;
	padding: 10px;
}
.folder-header .title {
	color: #333;
}    
.folder-header .title .text {
	font-weight: bold;
}      
.folder-header .actionlink {
	color:  #3C79D8;
}
.folder-header .buttons {
	padding-left:20px;
}       

.folder-header .image {
	float:left;
	margin-right: 10px;
	display: inline; /* Fix double margin bug in IE */
}   
.entityImageContainer {
	float:left;
	margin-right:10px;  
	display: inline; /* Fix double margin bug in IE */
}           
.entityLabelContainer {
	float:left;
}           
.topic-header #details {
	float:left;
	margin: 10px;       
	display: inline; /* Fix double margin bug in IE */ 
}             
.topic-header #view-selector {
	float:right;
	margin: 10px;
	display: inline; /* Fix double margin bug in IE */ 
}
.filterbarh {
	background: #a5d453 url(/images/page/bg_folder_green.jpg) repeat-x top left;
	border-left: 1px solid #444;
	border-right: 1px solid #444;        
	border-bottom: 1px solid #3a4a1d;         
	padding: 10px;
}     
.topiccloud {
	background: #f9f9de url(/images/page/bg_tagcloud.gif) repeat-x bottom left;
	border-left: 1px solid #444;
	border-right: 1px solid #444;        
	border-bottom: 1px solid #444;  
	padding: 10px;
	/*clear:both;*/         
	height:1%;
}       
.topiccloud .item {
	float: left;
	padding-right: 1.5em;    
	white-space: nowrap;
}
		
.topiccloud .item {
cursor:pointer;
}

.topiccloud .selected {
background:#CCCCCC url(/images/qiteraIcons/closeButton.png) no-repeat scroll right 3px;
}    

.topicoverview, .imagebar {
	height: 1%;
	/*position:relative;*/ /* For imagebar to position properly in IE */ 
}

/* @group TopicCard */
.topiccard {
	display: inline-block;
	float: left;
	background: #f9f9de url(/images/page/bg_tagcloud.gif) repeat-x bottom left;
	padding: 20px 30px 20px 30px;
	/*position: relative;*/ /* needed to be able to position the buttons */
	width: 540px;
	}
.topiccard .data {
	height: 1%; /* assign hasLayout to prevent peekaboo bug in IE */
}
/*	
.topiccard .editbuttons {
	margin-bottom:10px;
	position:relative;
	right:0px;
}
*/
.topiccard .editbuttons .buttons, .topiccard .savebuttons .buttons {
	margin-left: 7px;
	display: inline-block;
}
.topiccard .savebuttons, .topiccard .editbuttons {
/*	clear:both;
	float:left;
	margin-top:10px;
	position:relative;
	right:0px;
*/
bottom:20px;
display:inline;
margin-top:10px;
/*position:absolute;*/
right:30px;
}
.topiccard #topicdescription {
	float:left;
	margin-left:20px;
}        
.topiccard #td1img {
	float:left;
}
.topiccard #td1img .gwt-Image{
	border: 1px dashed #999999;
	background-color: #fefefe;
	height:100px;
	width:100px;
	float:left;
}
.topiccard #td1img .action{
	clear: left;
	top: 5px;
	/*position:relative;*/
}
.topiccard #topicdescription .field {
	float: left;
	clear: left;
	margin-bottom: 10px;
	}

.IdentityWidget {
	float: left;
	margin: 10px 0px 0px 30px
}
/*.IdentityWidget .header {
	width: auto;
	margin:10px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
}*/

.IdentityWidget .buttons {
	margin-right: 7px;
}
.IdentityWidget .newitem {
	margin-top: 20px;
}
.IdentityWidget .newitem .gwt-TextBox {
	margin-bottom: 7px;
	width: 325px;
}
.IdentityList {
	margin-top: 10px;
}
.mindfm-EntityHeader {
	float:left;
	padding:10px;
}
.mindfm-EntityHeader .entityLabel {
	color:#FEFEFE;
}
.mindfm-EntityHeader .entityChannel {
	color: #fefefe;
} 
.mindfm-EntityHeader .entityLabel {
	font-weight: bold;
}
/* @end */    


.imagebar {
	background: #444;
	height: 100px;
	position: relative;
	overflow: hidden;  
	border-top: 10px solid #444;
	border-bottom: 10px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;

}                       
.imagebar #images {
	position: absolute;
	left: -50px;
}

.imagebar #images td {
	vertical-align: top;
	padding-left: 10px;
}
#leftControl {
	height:87px;
	position:absolute;
	top:7px;
	width:21px;
}
               
#rightControl {
	height:87px;
	position:absolute;
	top:7px;   
	right:0px;
	width:21px;
}
.actions {        
	background: #fff url(/images/page/bg_content.jpg) repeat-x top left;
	padding: 10px;
	clear:both;
}       
.actions .add {
	float: left;
}               
.actions .sort {
	float: right;
}              
#miniMindview {
	margin-top: 55px; 
	height: 300px;
	width:210px;                   
	margin-left:5px;
	margin-right:5px;
	background: #fff url(/images/minimindview.gif) no-repeat top left;
	border: 1px solid #899ea2;   
}
.recentTopics, #recentFacts, #miniMindview {
	margin-bottom: 25px;
}                      
.recentTopics li, #recentFacts li {
	background: #fff;
	margin: 5px;             
	padding: 5px;
	border: 1px solid #899ea2;   
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}  



/* @end */    
/* @group Fonts */
.text09 {
	font-size: 0.5625em; /* 0.5626 x 16px = 9px */
}
.text10 {
	font-size: 0.625em; /* 0.625 x 16px = 10px */
}
.text11, .factitem .info {
	font-size: 0.6875em; /* 0.6875 x 16px = 11px */
}
.text12, .entityChannel, .mindfm-dashboard-widget, #login, .loginBox, .maindeck-sidebar, .newUserBox, .perspective-selector, .factitem .date, .factitem .factions, .topiccard #td1img .action, .topiccard .field .label,  
.sidenote, #progressIndicator, .footer, .folderbar .folderitem, .folderbar .folderitem-selected, .recenttopicsbar .item, .sidebar .create .text, .gwt-MenuItem, #profilePage .dateSeperator, #profilePage .date, .popuppanel, .gwt-SuggestBoxPopup, .PersonContainer .gwt-Label, .MailContainer .gwt-Label, .MsgContainer .gwt-Label, .IdentityWidget .newitem .gwt-Label {
	font-size: 0.75em; /* 0.75 x 16px = 12px */
}

.text13, .factitem .s, .factitem .p, .factitem .o, #td1label, #td1comment, #td1type, #td1folder, #td1owner, .IdentityList li, .folder-header .newitems, .folder-header .access, .folder-header .actionlink, .fact, #profilePage #data-container, .searchresultlist .comment, .searchresultlist .tags, .griditem .factions, .imagebar-details, .textfact .text, #intro .column p   {
	font-size: 0.8125em; /* 0.8125 x 16px = 13px */
}
.text14, .sidebar .header, #navigation {
	font-size: 0.875em; /* 0.875 x 16px = 14px */
}
.text16 {
	font-size: 1em; /* 16px - browser default */
}
.text18, #intro h1 {
	font-size: 1.125em; /* 1.125 x 16px = 18px */
}
.text21 {
	font-size: 1.3125em; /* 1.3125 x 16px = 21px */
}

.topiccloud .rank1 {
  font-size: 0.625em; /* 0.625 x 16px = 10px */
}

.topiccloud .rank2 {
	font-size: 0.75em; /* 0.75 x 16px = 12px */
}

.topiccloud .rank3 {
	font-size: 0.875em; /* 0.875 x 16px = 14px */
  font-weight:bold;

}
.dialogBox {
	font-size: 0.75em; /* 0.75 x 16px = 12px */
}
.dialogBox .caption {
	
}
.topiccard .field .label {
	font-weight:normal;
}
#td1label .gwt-Label, #td1comment .gwt-Label, #td1type .gwt-Label, #td1folder .gwt-Label, #td1owner .gwt-Label {
	font-weight: bold;
}
#intro h1, #intro h2 {
	font-weight: bold;
	line-height: 1.7em;
}
/* @end */