/*
 * CLN Core Stylesheet
 *
 * Copyright (c) 2003-4 St. Christopher House
 *
 * Developed by The Working Group Inc.
 *
 * 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, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.  
 *
 *
 */




/*** IMPORTANT FOR FLUID PAGE LAYOUT DIMENSIONAL **/

html,body{
	margin:0;
	padding:0;
	/* height:99%; ADD THIS IS YOU HAVE SCROLLBAR PROBLEMS */
}

#mainBody{
/*height:auto;*/
	}
	
#content{
/* NO HEIGHT should be indicated here */

}


*.clear {
	margin: 0;
	clear: both;
	padding: 0;
}

.floatFixer {
	float:left;
}

input.hidden {
	display: none;
}

/* used to force div borders to surround floating elements */
br.anchor {
	clear: right;
	margin: 0px;
	padding: 0px;
}

br.forceBreak {
	clear: both;
}


/*** BORTS ***/

.bort {
	padding: 3px;
	margin: 0px 0px 5px 0px;
}

.koContainer {
}

.koControlBox {
	padding: 2px;
}

div.publishedKO { 
	border: 2px solid #336600;
}
div.outOfDateKO {
	border: 2px solid #FF9900;
}
div.unpublishedKO {
	border: 2px solid #FF3300;
}

.icon {
	padding: 1px 3px 1px 3px;
	background-color:#FFFFFF;
	border: 1px solid #333333;
	color:#333333;
	font-weight:bold;
}

.noLive {
	color: red;
}

.outOfDate {
	color: orange;
}

.published {
	color: green;
}


/*** BORT DRAWERS ***/

.drawerTop{
padding: 2px;
}

.drawerBottom{
padding: 2px;
}

.drawerRole{
color:#0000CC;
}

.drawerInformation{
color:#0000CC;
}

.drawerLanguages{
color:#0000CC;
}

.activeLanguage {
	font-weight: bold;
}


/*** PANELS ***/

.taskTitle {
	font-weight: bold;
	font-style: italic;
}

.taskDescription {
	margin-left: 2em;
}

/*** USER MESSAGES AND ERRORS 
PRUNED JUNE 15 2005 - DB
***/

.systemMessages {
	margin: 0px 10px 2px 10px;
	padding: 5px;
	border: 1px dotted red;
}

#userMessages {
	background-color: #ceefff;
	border-color: #336699;
	color:#003399;
}

#errorMessages {
	border-color: #990000;
	background-color: #ffcccc;
	font-weight: bold;
	color: #990000;
}

#errorMessages ul {
	margin-top: 0px;
	margin-bottom: 0px;
	}



/*** ADD AND CHOOSE A BLOCK MENU ***/

/*** REPLACED - June 15 - DB
***/


.modType {
	float: left;
	border: 1px solid green;
	background-color: #F4F4E4;
	margin: 5px;
	width: 190px;
	height:160px;
}
.modType input {
	margin: 8px 5px 0px 6px;
}
.modTypeDescription {
	 padding: 2px 10px 2px 25px;
	font-size:95%;
}



/*** FORM STYLES ***/

/* old CLN form styles*/
div.clnFormBlock {
	padding: 5px;
	margin-bottom: 10px;
	clear: both;
}

div.clnFormLine {
   clear: both;
   padding: 10px 0 0 0;
}

.cmsFormContext{
	margin: .3em 0 1em 9em;
}
	

/*** New form styles that we're migrating to ***/

fieldset{
	border: 0px;
	padding:0;
	margin: 0;
}
legend{
	}
	
label{
}

form{

}

.clnRow {
  clear: both;
  padding: 10px 0 0 0;
}

.clnInnerRow {
  clear: both;
  padding: 10px 0px 10px 20px;
}

div.clnFormIndent {
	margin-left: 150px;
}

.clnFormLabel {
  float: left;
  width: 140px;
  text-align/**/: right;  /* these characters in this declaration hack out Mac IE5.x */
  padding:0 5px 10px 0;
}

.clnFormField{
	display: block;
	margin-left: 143px;
	}
			
.clnFormCheckRadio{
		}			

.clnFormItemsContainer{
	/*float:left;*/
		}
		
.clnFormContext{
	clear: both;
	margin: 0 0 10px 143px;
	padding: 5px 0px 5px 2px;
	}
			
.clnRow .clnFormContext{
	border-bottom: 1px dashed #CCCCCC;
	}

.clnFormSubmit {

}

.clnFormInput{
	/*font-size: .9em;
	text-align: left;
	width: auto;*/
}

#clnLoginForm {
}

/*** MEDIATOR LOGIN FORM ***/


div.mediatorLoginRow {
  clear: both;
  padding: 0 0 0 0;
  }

div.mediatorLoginRow span.mediatorFormLabel {
  float: left;
  width: 70px;
  padding-right: 2px;
  text-align/**/: left;  /* these characters in this declaration hack out Mac IE5.x */
  }

div.mediatorLoginRow span.mediatorFormElement {
  text-align: left;
  float: right;
  width: auto;
  }

loginButton.mediatorFormElementSubmit {
	margin: 0 0 0 100px;
	text-align: center;
	height: 1.8em;
	padding: 0 3px 0 3px;
	width: auto;
}



/*** :TEMP: language nav on panels ***/

.languageTasks, .generalTasks {
	background: #E4E4E4;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 0px 10px 10px 10px;
	color: #666666;
}

.panelLangTab {
	list-style: none;
	display: inline;
	padding: 3px 10px 2px 10px;
	margin-top: 10px;
	/*margin-bottom: 5px;*/
}
	
ul.panelLangTab {
	display: block;
	top: -1.8em;
	margin-bottom: 5px;
}

.panelLangTab .link {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}
	
		
.panelLangTab .here {
	border: 1px solid #CCCCCC;
	border-bottom: none;
	background: #E4E4E4;
}
	
.panelLangTab .context {
	border: 1px solid #CCCCCC;
	padding-left: 5px;
	background: #FFFFFF;
}

#addTranslationLink {
	float: right;
	font-size: 75%;
	margin-bottom: 5px;
	margin-right: 100px;
}

/*** MY HOUSE ***/

table.myShortcuts th {
	border: 1px solid #CCCCCC;
}

table.myShortcuts td {
	padding: 5px;
}

form#selectMyShortcutList div {
	padding: 5px;
	margin-bottom: 5px;
}

/*** ROOM INTERFACES ***/

table.editNavigation td {
	padding: 4px;
}
table.editNavigation td input {
	text-align: right;
}

.helpLink {
	font-size: 14px;
	margin-left: 6px;
}

/* use this style to show macIE something and no other browsers*/
.macIeOnly {
	display/**/: none;
	}
	
.grInvisible{
	visibility:hidden;
	margin:0;
	padding: 0;
}	

/*** KBSEARCH ***/

#kbSearchCore {
	border: 1px solid #CCCCCC;
	padding: 10px 5px;
	background-color: #EEEEEE;
	margin: 5px;
}

.kbSearchTab {
	list-style: none;
	display: inline;
	padding: 3px 6px;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 110%;
	margin-left: 2px;
}
	
ul.kbSearchTab {
	display: block;
}

li.kbSearchTab {
	line-height: 225%;
}

.kbSearchTab .link {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}
	
.kbSearchTab .context {
	border: 1px solid #CCCCCC;
	padding-left: 5px;
	background: #FFFFFF;
}

.kbSearchFieldset {
	border: 1px solid #CCCCCC;
	margin: 8px 4px;
	padding: 4px;
	background-color: #EAEAEA;
}

.kbSearchFieldset legend  {
	padding: 3px;
	background-color: #FFFFFF;
	font-size: 110%;
	color: #333333;
	border: 1px solid #CCCCCC;
}

#kbSearchOuterShell {
	background-color: #F7F7F7;
}

.kbSearchCheckList {
	/*float: left;*/
	float: none;
}

.kbSearchSideContext {
	float: right;
	width: 40%;
	border: 1px dotted #CCCCCC;
	padding: 3px;
	margin: 5px;
	background-color: #F7F7F7;
	font-size: 90%;
}

.grTwoColumnList {
	width: 96%
}

.grTwoColumnListItem {
	padding: 2px 5px;
	width: 45%;
	float: left;
}

#kbSearchPublicRolesContainer {
	background-color: #F7F7F7;
	border: 1px dotted #CCCCCC;
	padding: 5px;	
	clear: both;
}

#kbSearchMyWorkshopRadio {
	background-color: #F7F7F7;
	border: 1px dotted #CCCCCC;
	padding: 5px;	
	clear: both;
}

/*** FOOTER ***/

/**** REMOVED textColumn 
Pruning - June 15 - DB
****/

/**** REMOVED imageColumn
Pruning - June 15 - DB
*****/

/**** REMOVED bookmarkColum
Pruning - June 15 - DB
*****/

#footerExpand{
margin: 0;
padding: 0;
}

/**** REMOVED footerExpandOpenButton and footerExpandCloseButton
Pruning - June 15 - DB
****/

.openCloseButton{
float:right;
width:41px;
}



/**************************** clearfix **********************************/

/* VERY IMPORTANT THE HOLLY HACK **/
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */ 

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

.clearfix {display: inline-table;}

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