/* Expos Writing with Sources iSites content styles */
/* developed by Jeff Martini, Aug. 2010 */



/* Topic Box content styles */
.oneColLiqCtr {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px; 
	padding-right: 20px;
	margin-top: -10px;
		}

.exposPopup {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:20px;
	background-color:#ffffff;
	height:100%;
	overflow:auto;
	}

#exposContent {	
	padding: 0px 30px 20px 0px;
	margin-right: 30px;
	width: 100%;
	}
	
.balloon-wrap {
	margin:0px; 
	margin-bottom:2px;
	padding: 0px;
	width:280px;
	float:right;
	font-size:10px;
	border:0px solid black;
	clear:right;
}
.balloon-wrap img {
	float:left;
}
.good-balloon {
	background:#A2D375;/* muted medium green */
	margin:0px;
	padding: 0px;
	width:250px;
	float:right;
	font-size:10px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
}
.bad-balloon {
	background:#F97B4B; /* muted orange-red */
	margin:0px;
	padding: 0px;
	width:250px;
	float:right;
	font-size:10px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
}

.balloon {
	margin:0px;
	padding: 0px;
	width:250px;
	float:right;
	font-size:10px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
}

.blue { background-color:#9DE;}
.red { background-color:#F97B4B;}
.yellow { background-color:#FE6;}
.green { background-color:#A2D375;}

.hilite {background-color: #D2F3AB; padding:0 2px;}
.green-hilite {background-color: #D2F3AB; padding:0 2px;}
.red-hilite {background-color: #FCA; padding:0 2px;}
.yellow-hilite {background-color: #FFA; padding:0 2px;}
.blue-hilite {background-color: #CEF; padding:0 2px;}



/* Example text region styles */
div.example {
	width: 90%;
	border:1px solid #dde;
	-moz-border-radius: 12px;
  	-webkit-border-radius: 12px;
	-moz-box-shadow: 0px 3px 6px #999; 
	-webkit-box-shadow: 0px 3px 6px #999;
	background: #f2f5f8;
	margin: 30px auto;
	padding: 20px;

}

.good {	
	padding: 0px 5px 10px 40px;
	background: url(http://www.people.fas.harvard.edu/~jmartini/expos/images/check.png) no-repeat;
	text-indent:0px;
	text-align:justify;
	margin-top:0px;
	margin-right:285px;
}
		
.bad {
	padding: 0px 5px 10px 40px;
	background: url(http://www.people.fas.harvard.edu/~jmartini/expos/images/x.png) no-repeat;
	text-indent:0px;
	text-align:justify;
	margin-top:0px;
	margin-right:285px;
	margin-bottom:20px;
	}
.sourcetext {
	padding: 0px 5px 10px 40px;
	text-indent:0px;
	text-align:justify;
	margin-top:0px;
	margin-right:285px;
	margin-bottom:20px;
	}
	
.sourcetext-wide {
	padding: 0px 5px 10px 40px;
	text-indent:0px;
	margin-top:0px;
	margin-bottom:20px;
	}




/* Checklist region resembles a yellow pad checklist */
.checklist {
 	width: 70%;
	border:1px solid #7F6A52;
	margin: 30px auto;
	padding: 20px 50px;
	background-color: #f6e897; 	
}
/* .checklist list styles are described in the List Styles section farther down */




/* Sidebar Sections */
.expos_sidebar {
	clear: right;
	float: right;
	padding: 8px; 
	margin-left: 20px;
	margin-bottom: 12px;
	text-align:center; 
	font-size:.9em; 
	border: 0px solid #338;
	background-color:#d2dee8;
	background-color:#f2f5f8;
	background-color:#c8cbbb;
	-moz-border-radius: 12px;
  	-webkit-border-radius: 12px;
	-moz-box-shadow: 1px 3px 6px #666;
	-webkit-box-shadow: 1px 3px 6px #666;
}





/* Next | Previous links Styles */
.npLinks {
	clear:both;
	text-align: right;
	margin:0px;
	margin-bottom: 20px;
	padding:0px 20px;
	font-size: 9px;
	color:#999;
}

.npLinks a:link, npLinks a:visited { color:#336; text-decoration:none;}






/* Text styles  */
.pullquote {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#339; 
	font-size:16px; 
	font-style:italic; 
	line-height: 1.2em;
	margin:10 30px; 
	text-align:center;
}

.cite {
	font-size:10px; 
	color:#008; 
	margin:-7px 10px; 
	padding:0px; 
	font-family:Verdana, Geneva, sans-serif;
}

h2 {padding-top:6em;}
h3 { margin-top:80px;  margin-bottom: 10px;}	
h4 {margin-top: 30px; margin-bottom: 10px;}
h5 {margin-bottom: 5px; padding: 0px;}

.expos_sidebar h4 {margin-top:0px;}
.example h3, .checklist h3 {padding: 0px; margin:0px;font-size: 12px;}
.example p, .checklist p {text-align:justify;}
.expos_sidebar h4 {margin-top:10px;}

.balloon-wrap p {
	margin-right: 0px;
	padding:5px 10px 5px 10px; 
	text-align:left;
}
	
p.first:first-letter {
	color:#000;
	font-size: 28px;
	/*background-color:#829DCB;  --- medium blue gray */
	background-color:#dd8;
	padding: 5px;
	margin-right:4px ;
	clear:right;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

p.hanging-indent { 
	text-indent: -36px; 
	padding-left: 36px;
	}









/* LIST STYLES */

.checklist ul {list-style:none;}
 
.checklist li	{
	 list-style: none; 
	 margin-top:20px; 
	 padding: 0 0 0 35px; 
	 background: url(http://isites.harvard.edu/fs/docs/icb.topic768549.files/checkbox-sm.png) no-repeat;
	 line-height:1.1em;
	 }
 
.checklist li:first-line { line-height: 20px;}


ul.simpleList {margin: 0px 30px; list-style:none;}

ul.normalList { margin: 0px 30px; list-style:square;}
ul.normalList li h3 {margin: 20px 0px !important;}




/* eButtons are the top-of-page links to Topics within that page */
.eButton {
	text-align:center;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;	
	border:1px solid #ccc; 
	background:#Fcddee url("http://isites.harvard.edu/fs/docs/icb.topic768549.files/button_grad1.jpg") top repeat-x;
	background-position: 0 -8px;
	padding:1px 8px; 
	color:#000;
	font-size:11px;
		}
a.eButton  {
		text-decoration:none; 
		display:inline-block;
		margin:2px -4px;
		color:#000;
		}

a.eButton:hover {background-color:#69F; border-color:#66a;}






/* the .official styles is used solely on the Harvard Policy page */
div.official {
		font-family:Georgia, "Times New Roman", Times, serif; 
		border: 1px solid #666; 
		padding:30px;
		width: 80%; 
		background:#F4F9F0; 
		margin: 0 auto;
		}
.official p {text-align:justify;}




/* formatting & alignment styles  */
.centerit {text-align:center;}
.clear-right {clear: right;}
.clear-left {clear: left;}
.clear-both {clear: both;}
.topclear {clear:both;}
.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }
.top {padding-top: 0px; margin-top: 0px; margin-bottom: 10px;}
.section-end {text-align: center; padding-top: 20px;}
.blockquote {display:block; margin:20px 0px 0px 50px; padding:0 10px;}