/*
written by Chris Schroeder on 09.22.2006
Copyright 2007 Johns Hopkins University. All rights reserved.

originally for the faculty.jhsph.edu domain and the faculty admin pages

NOTES:          Includes references to the buttons, forms and tables classes
                as well as the default SE fonts. These four css files will be included
                in as many future CSS docs as possible. 
                
                Font classes should be reused when possible and
                added to when necessary; not replaced.

UPDATES:
We're using this on several sites. We import the sitewide styles and create section-specific
styles here. CS 6/23/2007

Removed font styles from this stylesheet. CS 6/23/2007

added some Urban Health specific classes here:
div.orgName


Not sure what mapNavTable is for, but left it in case. CS 7/11/2007

**PLEASE DO NOT PUT FONT FORMATTING HERE!**

*/

/* Default SE font classes (font formatting goes here) 
FYI, we'll change these import locations on a project-by-project basis.

Replace the first import with an absolute url for your SE css
@import "http://www.jhsph.edu/se/styles/out/8AA5EC0F4DC57A9A6BD1732FDC9421A0.css";
*/
@import "extended_fonts.css";


/* Custom object includes 
FYI, we'll never need to change these import locations.
@import "http://commprojects.jhsph.edu/_includes/tables.css";
@import "http://commprojects.jhsph.edu/_includes/buttons.css";
@import "http://commprojects.jhsph.edu/_includes/forms.css";
*/


/* begin content */

/*
body {
	margin-top:0px;
	margin-bottom:0px;
}
*/
img {
	border:0px;	
}

/* tag classes */

/*
table.m_mainContainer {
	text-align:left;	
}

#titleContainer {
	padding-top:20px;
	margin-bottom:20px;
	width:99%;
	display:table;
	float:left;
}

div.infoContainer span.titleClass {
	font-style:italic;
}
*/

#map {
	border:2px Solid #000;
	overflow:hidden;
}

* html #map {
	border:0px;
}

#customControl, #controlContainer {
	visibility:hidden;
}

/*
#searchForms {
	text-align:left;
	padding:10px;
	background:#CCC;
	margin-top:10px;
	margin-bottom:10px;	
}
*/

/*
#mapSearchForm {
	padding-top:10px;
	padding-bottom:10px;
}
*/

#continents {
	border:2px Solid #000;	
	background:#000;
}

#continents .continentLink {
	font:10px Arial,sans-serif;
	color:#AAA;
}

#continents .continentLink a {
	color:#FC0;
	text-decoration:none;	
}

#continents div.linkContainer {
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:2px;	
}

#facultyNav {
	padding:0 0 0 0;
	border:2px Solid #000;	
	background:#000;
	text-align:right;
}

#facultyNav div.facultyNavPadding {
	padding-top:2px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:6px;
}

#facultyNav .facultyLink a {
	color:#FC0;
	text-decoration:none;
}

#facultyNav .facultyLink {
	font:10px Arial,sans-serif;
	color:#AAA;	
}

#mapSearchForms form {
	margin:0 0 0 0;
	padding-right:10px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:10px;
}

#itemContainer {
	padding-top:20px;
	min-height:580px;
	text-align:left;
}

#breadCrumbContainer {
	padding-bottom:10px;	
}


/*
#checkboxes {
	padding-top:6px;
	padding-bottom:6px;
}

#categoryList {
	display:table;
	clear:both;	
}

div.categoryColumn {
	width:45%;
	float:left;
	margin:0 0 0 0;
}

div.checkboxControls {
	width:100%;
	float:left;
	clear:both;	
}
*/

div.content {
	font-size:.7em;
}

div.infoItems {
	float:left;
	display:block;
	clear:left;
	width:55%;
	padding:0px;
}

div.listColumn {
	float:left;
	clear:right;
	width:45%;
}

div.listColumn div.listItem {
	padding-bottom:12px;
}

div.listColumn div.listItem a {
	font-weight:bold;
}

div.infoItems div.infoItem {
	display:block;
	clear:both;	
	padding-bottom:16px;
}

div.listItems div.listItem {
	display:block;
	clear:both;
	padding-bottom:16px;
}

div.photoItem {
	display:block;
	clear:both;
	margin-bottom:12px;
	padding-left:0px;
	padding-right:0px;
}

div.scrollItem {
	max-height:300px;
	overflow:auto;
}

div.scrollItem ul,li {
	margin-left:8px;
	padding-left:2px;	
}

div.scrollItem li {
	padding-right:4px;
	padding-bottom:8px;	
}

div.listItems {
	text-align:left;
	float:right;
	width:40%;
	padding:0px;
}

div.relatedItems {
	clear:both;
	display:table;
}

div.form {
	padding-left:20px;
	padding-right:20px;
	padding-top:4px;
	padding-bottom:4px;	
}

div.photoItem img {
	padding-bottom:20px;
}

li.projectListItem {
	padding-bottom:15px;	
}

/*
Default Form Properties
09.14.2006
by Chris Schroeder
*/
div.formRow {
	display:table;
	margin:0 auto;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	width:100%;
	clear:both;
}

div.formRow span.textItem {
	text-align:right;	
	padding-top:3px;
	padding-right:4px;
	float:left;

}

div.formRow span.longTextItem {
	float:left;
	clear:both;
	padding-top:15px;
	padding-bottom:6px;
}

div.formRow span.formField {
	padding-left:4px;
	float:right;
	text-align:left;
	width:80%;
}

/*
table.navigationTable td {
	text-align:left;
}

td.bodyContent {
	padding-right:0px;
}
*/

/* Only show to IE
* html #itemContainer {
	height:600px;
}

* html div.contentContainer {
	width:540px;	
}
*/

* html div.scrollitem {
	height:300px;	
}
