/*
*************************************************

OCLC Research Specific Styles 

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/

#research {
	width: 750px;
}

#research h1 {
	color: #4b377c;
}

#or-full {
	margin: 0 17px;
}

/*-------------------------------------------    
    Home Page
-------------------------------------------*/

#research #banner {
	background: url("file3770.png") no-repeat scroll 0 0;
	height: 100px;
	padding: 14px 0 0 92px;
}

#research #banner h1 {
	border: none;
	color: #FFFFFF;
	font-size: 30px;
	margin: 0;
}

#research #banner p.subhed {
	color: #d3cae7;
	font-size: 14px;
	padding-left: 1px;
}

#research p.section-intro {
	color: #4b377c;
	font-size: 14px;
	line-height: 21px;
}

#research div.col-180 {
	width: 160px;
	float: left;
	background: url("file3766.png") no-repeat top;
	padding: 10px;
}

#research div.col-180 h2 {
	font-size: 14px;
	color: #4b377c;
	margin: 0 0 10px 0;
}

#research div.col-180 h3 {
	font-size: 12px;
	margin-bottom: 0;
}

#research div.col-180 p {
	font-size: 11px;
	line-height: 15px;
}

#research div#or-col1 {
	float: left;
	width: 362px;
}

#research div#or-col2 {
	margin: 0 14px;
}

#research div#see-us {
	margin: 0 0 36px 0;
}

#research span.or-item-date {
	color: #6e6e6e;
}

#research a.more-link {
	background: url("file3764.gif") no-repeat left;
	padding: 0 0 0 17px;
}

#research #spotlight {
	background: url("file3760.png") repeat-x bottom;
	padding: 8px;
	border: 1px solid #d2cdde;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 344px;
	height: 304px;
	float: left;
}

/*-- Home search box ------------------------------------------*/

#research div#or-search-home {
	background: url("file3773.png") repeat-x bottom;
	padding: 10px;
	border: 1px solid #d2cdde;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 14px 0;
	float: left;
	width: 340px;
}

#research div#or-search-home form label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #4b377c;
}

#research input#search-research {
	padding: 2px;
	width: 290px;
}

#research div#recent-activities h2 {
	font-size: 14px;
	color: #4b377c;
	margin: 0 0 10px 0;
}

#research div#recent-activities h3 {
	font-size: 12px;
	margin: 0;
}

#research div#recent-activities p {
	font-size: 11px;
	line-height: 15px;
}

/*-------------------------------------------    
    Next Steps
-------------------------------------------*/

div#whats-up, div#research-datapoints {
	background: url("file3760.png") repeat-x bottom;
	/* background-color: #f2f1f6; /* efc, to match opaque iframe */
	padding: 10px;
	padding-bottom: 0px;
	border: 1px solid #d2cdde;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
    height: 330px !important; 

}

div#whats-up h3, div#research-datapoints h3 {
	margin: 0 0 9px 0;
	color: #4b377c;	
}

div#actions a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

div#actions div#whats-up a, div#actions div#research-datapoints a {
	background: none;
	border: none;
	padding: 0;
	display: inline;
	margin: 0;
	text-decoration: underline;
}

div#actions div#whats-up a:hover, div#actions div#research-datapoints a:hover {
	background: none;
	color: #FF6600;
}

div#actions div#whats-up a.subscribe, div#actions div#research-datapoints a.subscribe {
	background: url("file3762.gif") no-repeat left;
	padding: 0 0 0 17px;
}

span.or-subscribe {
	background: url("file3762.gif") no-repeat top left;
	padding: 0 0 0 17px;
	display: block;	
}

div#or-share_button .addthis_button_twitter {
    margin: 0 2px 0 0 !important;
}

div#or-share_button .addthis_button_facebook {
    margin: 0 3px 0 0 !important;
}


/*-------------------------------------------    
    Second Level Pages
-------------------------------------------*/

#research div#section-head {
	background:url("../images/research/or_section_gradient.png") no-repeat top;
	padding: 15px;
}

#research div#section-head.no-gradient {
	background:url("../images/research/or_section_nogradient.png") no-repeat top;
}


#research div#section-head h1 {
	border: none;
}

#research div#or-left {
	float: left;
	width: 521px;
	margin: 0 0 0 17px;
}

#research div#or-left.interior {
	width: 555px;
	margin: 0;
}

#research p.activity-lead {
	font-size: 11px;
}

#research div#current-activities h2 {
	margin: 20px 0 0; /* efc, top 20px to improve lists with multiple h2 headlines */
}

#research div#current-activities h3 {
	margin-bottom: 2px;
}

#research div#current-activities p {
	margin: 0 0 2px 0;
}

/*-- People ------------------------------------------*/
.or-staff {
	border-top: 1px solid #d2cdde;
	padding: 20px 0;
	float: left;
	width: 100%;
}

.or-staff h3 {
	margin: 0;
	font-size: 14px;
	margin: 0 0 0 170px;
}

.or-staff p {
	margin: 0 0 0 170px;
}

.or-staff p.staff-photo {
	float: left;
	margin: 0;
}

p.staff-photo img {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ddd;
	padding: 3px;
	background: #fff;
}

/*-- Actvities ------------------------------------------*/
.rw-activity {
	border-top: 1px solid #d2cdde;
	padding: 20px 0;
	float: left;
	width: 100%;
}

.rw-activity h3,
.rw-activity p {
	float: left;
	width: 380px;
	margin-top: 0;
}

a.or-demo-sm {
	background: url("file3774.png") repeat-x top;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #5f4894;
	color: #fff;
	float: right;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding: 5px;
	white-space: nowrap;
}

a.or-demo-sm:hover {
	border: 1px solid #ff7702;
	background: url("file3765.png") repeat-x top #ff7702;
}

/*-- Datatables ------------------------------------------*/
#research table.datatable {
	border-right: none;
	border-bottom: 1px solid #D2CDDE;
}

#research table.datatable th {
	background: none;
	color: #696969;
	text-transform: uppercase;
	font-size: 11px;
	text-align: left;
	border: none;
	border-top: 1px solid #D2CDDE;
	background: #f5f5f5;
	padding: 5px 9px;

}

#research table.datatable td {
	border-left: none;
	border-top: 1px solid #D2CDDE;
}

/*-------------------------------------------    
    Sidebar
-------------------------------------------*/

#research div#or-sidebar {
	float: right;
	width: 180px;
	margin: 0 17px 0 0;
}

#research div#or-sidebar.interior {
	margin: 0;
}

#research div#or-sidebar div {
	background: url("file3760.png") repeat-x bottom;
	padding: 10px;
	font-size: 11px;
	line-height: 15px;
	border: 1px solid #d2cdde;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 14px 0;
}

#research div#or-sidebar h3 {
	margin-top: 0;
}

#research img.icon-software {
	margin: -2px 5px 0 0;
	vertical-align: middle;
}

#research a.send-ideas {
	font-weight: bold;
	font-size: 12px;
	background: url("file3769.gif") no-repeat left;
	padding: 0 0 0 25px;
}

#research p.demo {
	background: url("file3774.png") repeat-x top;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #5f4894;
}

#research p.demo a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding: 10px 5px 10px 28px;
	background: url("file3761.gif") no-repeat left;
}

#research p.demo:hover {
	border: 1px solid #ff7702;
	background: url("file3765.png") repeat-x top #ff7702;
}

/*-------------------------------------------    
    Regional Home Page
-------------------------------------------*/

#research td#contentareafull {
	padding: 0 0 24px 0;
}

#research #banner.regional {
	background: url("file3763.png") no-repeat scroll 0 0;
	width: 828px;
}

#research div#regional-spotlight {
	float: left;
	width: 362px;
}

#research div#regional-right {
	width: 525px;
	float: right;
	background: url("file3767.png") no-repeat top;
	padding: 10px;
}

#research div#regional-right h2 {
	font-size: 14px;
	color: #4b377c;
	margin: 0 0 10px 0;
}

#research p.worldwide-link {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #999999;
	background:#FFFFFF url("file3772.gif") repeat-x scroll 0 0;
	display:block;
	line-height:120%;
	margin:0 0 4px;
	padding:6px 10px;
	font-size: 14px;
	font-weight: bold;
}

#research p.worldwide-link a {
	background: url("file3764.gif") no-repeat left;
	display: block;
	padding: 5px 0 5px 20px;
	text-decoration: none;
}
