/*
 * Generic comments CSS file
 *//*
Elgg general CSS
CSS last updated 16/01/07
Theme adapted from:
Theme Name: Water
Theme URI: http://theundersigned.net/
*/

/*
   GLOBALS: used to set all the general elements
*/

#left_page_graphic {
	padding: 0 0 0 20px;
	margin: 0;
	background: url(http://elgg.jiscemerge.org.uk/mod/template/images/left_page_graphic.gif) no-repeat left top;
}

#right_page_graphic {
	padding: 0 20px 0 0;
	margin: 0;
	background: url(http://elgg.jiscemerge.org.uk/mod/template/images/right_page_graphic.gif) no-repeat right top;
}

#footer_graphic {
	padding: 0 0 0 0;
        margin: 0 ;
	background: url(http://elgg.jiscemerge.org.uk/mod/template/images/footer.gif) no-repeat 0 0 ;
	height: 36px;
/*	color: #8e9887; */
}


body { 
	margin:0;
	background-color:#FFFFFF;
	font-family: Verdana, sans-serif;
	color:#333333;
	font-size:0.9em;
	line-height:1.5em;
}

p, td {  
    font-size:0.9em; 
    margin:10px 0 10px 0;
}

ul li {
    margin:0 0 0 15px;
}

a:link, a:visited {
	text-decoration:none;
	color:#73A533;
}

a:hover {
    text-decoration:underline;
}

h1 {
   font-size:14px;
}

h2, h3 {
   font-size:12px;
   color:#0092C8;
}

* {
padding:0;
margin:0;
}

/*
   TABLES IN ELGG
*/

td {
  border:1px solid #eee;
  padding:0;
  margin:0;
}

td h4, h3, h5 {
  padding:0;
  margin:0;
}

/* 
   CONTAINER: WRAPS THE HEADER AND MAIN CONTENT AREA BELOW THE USER TOOLBAR
*/

div#container {
	width:990px;
	margin:0 auto;
	padding:0;
	background:#fff;
	border-top:1px solid #fff;
}

/* 
   HEADER: THE HEADER INCLUDES THE LOGO AND SEARCH BAR
*/

div#header {
   margin:0;
   padding:0;
/*  text-align:left; */
   background:url(http://elgg.jiscemerge.org.uk/mod/template/images/Emerge-logo.png) no-repeat 10px 0px;
   position:relative;
   width:100%;
   height:110px;
/*  border-bottom:1px solid #eee; */
 }

/* 
   LOGO: LOCATED WITHIN HEADER
*/
/*
div#header #logo{
	margin: 5px;
        padding:10px;
	float:left;
}
*/
div#header #logo h1 {
   font-size:24px;
   padding:0;
   margin:10px 0 6px 0;
}

div#header #logo h2{
   padding:0;
   margin:0;
   font-size:1em;
}

/* 
   SEARCH BAR: LOCATED WITHIN HEADER
*/

div#header #search-header {
   float:right;
   background:url(http://elgg.jiscemerge.org.uk/mod/template/templates/Default_Template/images/search_icon.gif) no-repeat left top;
   width:330px;
   margin:0;
   padding:0;
   position:absolute;
   top:10px;
   right:0;
}

div#header #search-header img {
   margin:0 0 0 10px;
}

div#header #search-header p {
   padding:0 0 0 15px;
   margin:0;
}

div#header #search-header span a {
   color:#000;
}

/* 
   CONTENT-HOLDER: WRAPS THE MAIN PAGE CONTENT. THIS CAN INCLUDE
   THE SINGLE PAGE LAYOUT AND THE SPLIT PANE (CONTENT AND SIDEBAR)
*/

#content-holder {
   padding:0px;
   margin:0px;
   width:100%;
   min-height:500px;
   overflow:hidden;
   position:relative;
 }

div#content-holder a:hover {
    text-decoration:underline;
}

/* 
   VARIOUS LAYOUTS WITHIN CONTENT-HOLDER
*/

/* 
   THE MAIN CONTENT AREA WHEN IT IS A SINGLE PAGE, NO SIDEBAR
*/

div#single-page {
    margin: 0;
    padding: 0 15px 0 0;
    width:940px;
    text-align: left;
    border:0px solid #eee;
}

/* 
   THE MAIN CONTENT AREA WHEN THE SIDEBAR IS IN PLACE
*/

div#splitpane-content {
    margin: 0;
    padding: 0 0 0 10px;
    width:690px;
    text-align: left;
    color:#000;
    float: left;
    overflow-x:hidden;
    min-height:500px;
}

/* 
   SIDEBAR: THIS IS ONLY PRESENT WHEN SPLITPANE-CONTENT IS IN USE
*/

div#splitpane-sidebar {
   width: 220px;
   margin:0;
   padding:0;
   margin:0;
   float: right;
}

/* 
   THE SIDEBAR CONTENTS
*/

div#splitpane-sidebar td {
   width: 200px;
   margin:0 0 0 20px;
  }

div#splitpane-sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#splitpane-sidebar ul li {
    margin:10px 0;
    padding-left: 5px;
}

div#splitpane-sidebar ul li ul li a {
     padding:0 0 0 5px;
}

div#splitpane-sidebar h2 {
    text-align:left;
    color:#0092C8;
    width:200px;
}

/* 
   FOOTER 
*/

div#footer {
    padding:10px 0 0 0;
    font-size:0.8em;
    height:80px;
    margin:0;
    color:#ccc;
    width:100%;
    border-top:1px solid #ccc;
    text-align:center;
}

div#footer a {
   color:#777;
}
div#footer img {
   margin:20px 0 0 0;
}

div#footer a:hover {
   text-decoration:underline;
 }

/*
   SYSTEM MESSAGES 
*/

div#system-message{ 
    border:1px solid #D3322A;
    background:#F7DAD8;
    color:#000;
    padding:3px 50px;
    margin:20px 20px 0 20px;
}

div#system-message p{
   padding:0px;
   margin:2px;
 }

/*
  CLEAR BOTH
*/

.clearing {
    clear:both;
}

/* 
   THIS IS THE END OF THE MAIN PAGE COMPONENTS - EVERYTHING BELOW THIS IS ASSOCIATED WITH VARIOUS ELEMENTS
   WITHIN ELGG, THIS INCLUDES THE BLOG CLASSESS, PROFILE, FILES, SIDEBAR WIDGETS, PROFILE WIDGETS ETC.
*/

/* 
   BLOGGING ENGINE
*/

.weblog-post {
   margin:20px 0 10px 0;
}

.user {
  float:left;
  margin:5px 10px 10px 0;
  height:120px;
  width:110px;
}

.user img {
   border:1px solid #eee;
   padding:2px;
}

.weblog_keywords p {
   font-weight:bold;
}

.weblog_keywords a {
   margin:20px 0 0 0;
   padding:0;
   color:#73A533;
}

.weblog-title {
   margin:10px 0 10px 105px;
}

.post {
   margin:10px 0 10px 105px;
}

.info {
  border:1px solid #ccc;
  margin:10px 0 10px 105px;
  clear:both;
}

.info p { 
   padding:0 0 0 10px;
   margin:0;
}

.info p a { 
 
}

/* this is the thin line between the actual post and comments */

#comments-divide {
   height:1px;
   background:#ccc;
}

#comments ol li {
   color:#000;
}

#comments li {
   margin:20px 0 10px 0;
   border-bottom:1px solid #ccc;
}

.comment-owner {
    border:1px solid #eee;
    background:#f2f7fb;
    padding:5px;
    margin:10px 0 5px 0;
    height:50px;
    width:550px;
}

.comment-owner img {
   margin:0px 5px 0px 0px;
   text-align:left;
}

.comment-owner a {
   background:#f2f7fb;
}

.comment-owner p {
  padding:0;
  margin:0;
}

/* END OF BLOGGING ENGINE */

/* 
   SUB MENU OPTIONS: THESE WILL BE MOVED TO THE NEW SIDEBAR SHORTLY
*/

div#sub-menu p {
  margin:10px 0 10px 0;
  padding:3px;
  background:#efefef;
  border:1px solid #ccc;
}

/* END OF SUB-MENU DIV */

/*
  INFOHOLDER: this holds profile data, account settings and administration content
*/

.infoholder {
   margin:10px 0 20px 0;
}

.infoholder p {
   padding:5px 0 5px 10px;
}

/* the end of INFOHOLDER */

#tagcloud {  
   padding: 15px;  
   border: solid 1px #eee;  
   background: #f5f5f5; 
   line-height:2.9em; 
} 
 
#tagcloud a {  
   text-decoration: none;  
}

/* CSS for Rounded Corners - Box by Ted */		

/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

div#tags-box {
	height:auto;}
div#tags-box-contents {
	padding:12px;}

#tlc, #trc, #blc, #brc {
	background-color: transparent;
	background-repeat: no-repeat;}
#tlc {
	background-image:url(http://elgg.jiscemerge.org.uk/mod/template/images/tlc.gif);
	background-position: 0% 0%;}
#trc {
	background-image:url(http://elgg.jiscemerge.org.uk/mod/template/images/trc.gif);
	background-position: 100% 0%;}
#blc {
	background-image:url(http://elgg.jiscemerge.org.uk/mod/template/images/blc.gif);
	background-position: 0% 100%;}
#brc {
	background-image:url(http://elgg.jiscemerge.org.uk/mod/template/images/brc.gif);
	background-position: 100% 100%;}
#tb, #bb {
	background-color: transparent;
	background-repeat: repeat-x;}
#tb {
	background-image:url(http://elgg.jiscemerge.org.uk/mod/template/images/tb.gif);
	background-position: 0% 0%;}
#bb {
	background-image:url(http://elgg.jiscemerge.org.uk/mod/template/images/bb.gif);
	background-position: 50% 100%;}
#rb {
	background-image:url(http://elgg.jiscemerge.org.uk/mod/template/images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;}
#lb {
	background-color: #edf7e0;
	background-image:url(http://elgg.jiscemerge.org.uk/mod/template/images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;}

div#tags {
  background:#f2f7fb;
  padding:0;
  width:95%;
  font-size:1.4em;
  margin:30px 0 20px 0;
  line-height:2.1em;
}

div#tags ul li {
  padding:10px;
  list-style:none;
  display:inline;
}

div#tags a {
  color:#3399cc;
  margin:10px 0 10px 0;
  padding:10px;
}



/* selected blogs */

.current-blogs {
   clear:both;
   margin:10px 0 10px 0;
   overflow:hidden;
   background:url(/mod/template/templates/Default_Template/images/shadow_bottom.gif) repeat-x bottom;
}

.current-blogs img {
   padding:2px;
   border:1px solid #efefef;
 }

.summaries-blog-executive {
clear:both;
margin:10px 0 10px 0;
overflow:hidden; 
background:url(http://elgg.jiscemerge.org.uk//mod/template/templates/Default_Template/images/shadow_bottom.gif) repeat-x bottom;
}

.summaries-blog-executive-icon img {
padding:2px;
border:1px solid #efefef;
}

p.summaries-blog-date {
padding:0;
margin:0 0 10px 0;
font-style:italic;
}

.usericon {
  float:left;
  margin:5px 10px 5px 0px;
}
/****************************************************************
  Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE 
*****************************************************************/
.dbx-clone {
	position:absolute;
	visibility:hidden;
	}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
	cursor:move !important;
	}
.dbx-dummy {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	}
.dbx-group, .dbx-box, .dbx-handle {
	position:relative;
	display:block;
	}
/****************************************************************
  avoid padding, margins or borders on dbx-box, 
  to reduce visual discrepancies between it and the clone.  
  overall, dbx-box is best left as visually unstyled as possible 
*****************************************************************/
.dbx-box {
	margin:0;
	padding:0;
	border:none;
	clear: both;
	}
/****************************************************************
  otherwise, do what you like :) 
*****************************************************************/
/* group container(s) */
.dbx-group {
	width:330px;
	padding:0 0px 10px;
}
* html .dbx-group {
	width: 330px;
	padding-bottom:0;
}

/* handles */
.dbx-handle {
	position:relative;
	margin:0;
	padding: 0 0 0 40px;
/*	padding: 16px 24px 7px 10px; */
	background:url(http://elgg.jiscemerge.org.uk/mod/widget/images/widget-handle.png) no-repeat 0 0 ; 
	font-size: 0.9em;
	font-weight: 600;
	color:#0092C8;
}


* html .dbx-handle { 
	width: 296px; 
}

.add_widget {
	width: 330px;
	position:relative;
	margin:0;
	background:url(http://elgg.jiscemerge.org.uk/mod/widget/images/widget-handle.png) no-repeat 0 0 ; 
}

.add_widget h2 {
	padding: 0 0 0 40px;
	font-size: 0.9em;
	font-weight: 600;
	color:#0092C8;	
}

.add_widget_description {
	padding: 3px 3px 3px 3px; 
	overflow: hidden;
	border:1px solid #cccccc;
}

/* handle cursors are in a class of their own
   so they only get applied if the script is supported */
.dbx-handle-cursor {
	cursor:move;
}

/* toggle images */
a.dbx-toggle, a.dbx-toggle:visited {
	display:block;
	width:20px;
	height:20px;
	overflow:hidden;
	background:url(http://elgg.jiscemerge.org.uk/mod/widget/images/widget-toggle.png) no-repeat;
	position:absolute;
	top: 2px;
	right:3px;
	text-indent:-50px;
	text-decoration:none;
}
a.dbx-toggle-open, a.dbx-toggle-open:visited {
	background-position:0 0;
}
a.dbx-toggle-closed, a.dbx-toggle-closed:visited {
	background-position:0 -20px;
}
a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {
	background-position:-20px 0;
}
a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {
	background-position:-20px -20px;
}

/* keyboard navigation tooltip */
.dbx-tooltip {
	display:block;
	position:absolute;
	margin:36px 0 0 125px;
	width:185px;
	border:1px solid #000;
	background:#ffd;
	color:#000;
	font:normal normal normal 0.85em tahoma, arial, sans-serif;
	padding:2px 4px 3px 5px;
	text-align:left;
}
* html .dbx-tooltip { width:330px; }

.dbx-box h2 {
	border:0;
	border-bottom:1px solid #BBDCE9;
	padding:0;
	margin:0 0 10px 0;
	color:#666;
	background-color: #E2F0F6;
	font-size:1.1em;
}

/* use CSS2 system colors in CSS2 browsers 
   but not safari, which doesn't support them */
*[class="dbx-tooltip"]:lang(en) {
	border-color:InfoText;
	background:InfoBackground;
	color:InfoText;
	font:small-caption;
	font-weight:normal;
	}
/* inner content area */	
.dbx-content {
	margin: 0;
	padding: 5px 10px 9px 10px;
	background: url(http://elgg.jiscemerge.org.uk/mod/widget/images/widget-background.png) no-repeat 0 100%;
	overflow: hidden;
	border:1px solid #e8e8e8;
}
/*
#widget_editing {
	margin: 0;
	padding: 5px 10px 9px 10px; 
	background: url(http://elgg.jiscemerge.org.uk/mod/widget/images/widget-bottom.png) no-repeat 0 0;
	overflow: hidden; 
}
*/

/* from 3 columns layout */
/*
.dbx-content div{
	overflow: hidden;
	height: 100%;
	width: 100%;
}
*/

/* toggle state of inner content area */
.dbx-box-closed .dbx-content {
	display:block;
	height:4px;
	padding:0;
	overflow:hidden;
}
.dbx-box-closed .dbx-content * {
	display:none;
}

/* additional clone styles */
.dbx-clone {
	opacity:0.8;
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	filter:alpha(opacity=80);
}

/****************************************************************
  ELGG specific control box 
*****************************************************************/

.widgets_even {
	float:left;
	width:340px;
	margin:0;
	padding:0;
}

.widgets_odd {
	float:right;
	width:340px;
	margin:0;
	padding:0;
}

.dbx-content #widget_menu ul {
	margin:0 0 0 5px;
	padding:0;
}

.dbx-content #widget_menu ul li {
	 list-style:none;
}

.dbx-content #widget_menu ul li a {
	 text-decoration:underline;
}

.dbx-content h3 {
	padding:0;
	margin:0;
}

.dbx-conteny #widget_editing {
	 display: block;
/*	 background-color: #E2F0F6;*/ /*#CBE5EF;*/
	 margin: 0px;
	 padding-left: 10px;
	 border-top: 1px solid #777777;
	 font-size:0.8em;
}


/********************  Old CSS for widgets

.widget {
	border: 0px solid #BBDCE9; /*#95BDCD;*/
	margin-bottom: 15px;
	padding: 0;
	width:330px;
        overflow-x:hidden;
}

.widget .widget_content {
	padding: 4px 10px 4px 10px;
}


******************/