﻿/* Form Fields (should be inside of a <P> or other classes */
div.wrapper p input,select,textarea{			
border:1px solid #CCC;
color:#333;
vertical-align:middle;	
margin: 0.15em;		
}
div.wrapper div.mainSection div.press p label {
float: left;
width:27%;
border: 0;
text-align: left;	
} 
div.wrapper div.mainSection div.press p label.formlabelreq { font-weight:bold; }
/* End Form Fields */
/** ListView styles **/
div.listView { width: 22em; }
table.lv { color: #7F7F7F; border:solid 1px #A7BAC5; }
table.lv th {
background: #F6F4E4;
border-bottom:solid 1px #A7BAC5;
height:20px;
line-height:20px;
color:#A69937;
text-align:left;
padding: 1em .5em;
}
.dpAlignment { padding-top: 2em; text-align: center;}
table.lv tr.group { padding: 1em 1em; }
table.lv tr.altGroup { background-color: #F0F0F0; padding: 1em 1em; }
tr.groupHeading td { font-weight: bold; padding: .5em; }
.group td, .altGroup td { padding: .5em; }
.listHeader{ font-size: 13px; font-weight: bold;}
input[type="submit"].searchBtn{background-color: #ddd8c5;}	
div.memoriamPad{padding: 1.5em 0.7em 1.5em 0.7em;}
div.memorianBox{border:1px solid #A7BAC5;}
/** End ListView styles **/

.defaultContent{width: 700px; float:left;}
.defaultContentRight{width: 250px; float: left;}
.bioList img { float: left; padding-right: 20px; }
div.bioList, .clear { clear:both; }
div#ContentBox {
min-height:325px;
overflow:hidden;
position:relative; /* added position: absolute for the ContentBox so that the OneColumnRightBox is located to the right of page*/
}
.errHighlight{ background-color: Yellow; }
img.floatLeft { float: left; margin: 0.5em 1em 0.5em 0; }
img.floatRight { float: right; margin: 0.5em 0 0.5em 1em; }
div.indent{ padding-left:10em; }
.OneColumnRightBox {
width:180px;  
height:100px; 
position:absolute; 
top:70px; 
left:770px;
}

/*Corporate Webinar Series*/
div.wrapper div.mainSection div.RightBox ul {
			margin:1em 1.5em;
			list-style-image:url(/images/common/small_icons/list-arrow.gif);
		}

div.wrapper div.mainSection div.RightBox ul li {
				font-size:1.2em;
				line-height:1.25em;
				margin:.25em 0;
			}
			
div.wrapper div.mainSection div.RightBox {
		background:url(/images/common/backgrounds/closed-box-top.png) no-repeat left top;
		margin-bottom:3em;
		padding:1em 0 0;
		float:right;
		width:230px;
	}

div.wrapper div.mainSection div.RightBox div.Rightinner {
			background:url(/images/common/backgrounds/closed-box-bottom.png) no-repeat left bottom;
			padding:0 1.2em 1em;
			min-height: 80px !important;
		}

div.wrapper div.mainSection div.RightBox h3 {
			font-size:1.3em;
			margin:0.5em 0 0;
			font-weight:bold;
			text-transform:uppercase;
			}



div.related ul{ list-style-image:url(/images/common/small_icons/list-arrow.gif); margin:1em 1.5em; }
div.related ul li { font-size:1.1em; line-height:1.25em; margin:0.25em 0; }
div#onecolumn { display: block; float: left;  width: 740px; }
/* added class below to expand the content width for OsaFullWidthContent.master*/
div.wrapper div.mainSection div.press.fullwidth { width: 72em; }
/* added class below to expand the content width for the Global calendar pages and search*/
div.wrapper div.mainSection div.Col.press.wide { width:90em; margin:0em 1em 2em 2em;
}
input.calendarSearch {
width: 10em;
border:1px solid #CCC;
color:#999;
font-size:12px;
padding:0.2em;
}
/* styles for scroller feed */
div#newsBox { padding-left: 0.7em; height: 6em; }
div#newsBox ul li{ list-style: none;}
/* End styles for scroller feed */
div.wrapper div.mainSection div.double div.sectionFeature-long {
background:#eed url(/images/common/backgrounds/section-feature-long.gif) no-repeat right top;
height:22.5em;
margin-bottom:1em;
}
div.wrapper div.mainSection div.double div.sectionFeature-long img {
float:left;
margin:0;
padding:0 1em 0 0;
}
div.wrapper div.mainSection div.double div.sectionFeature-long h2 {
padding:1em 1em 0;
margin:0 0 1em;
}
div.wrapper div.mainSection div.double div.sectionFeature-long h2 a { color:#006; }
div.wrapper div.mainSection div.double div.sectionFeature-long p {
color:#000;
padding:0 1em;
margin:1em 0 ;
font-size:1.1em;
}
div.wrapper div.mainSection div.sectionFeature-long ul {
list-style-image:url("/images/common/small_icons/list-arrow.gif");
padding:0 1em;
margin:1em 0 1em 1.5em;
font-size:1.1em;
}
div.wrapper div.mainSection div.double div.sectionFeature-long ul li {
	position:relative;
	left:1em;
}		
div.wrapper div.mainSection div.double.long { width:54em; }
/* Standard Style Inclusions */
.pictureLeft {float:left; padding:10px 10px 10px 0px; }
.pictureRight {float:right; padding:10px 0px 10px 10px; }
.featureLarge {font-size:120%; padding-right: 5px;}
.featureLargealt { margin-left: 15em;}
.featureLargealt li {font-size:120%; padding:0 5px 8px 0;}
a.header_link { color:#006;text-decoration:none;}
a.header_link.sub { color:#000;}
.listnone { list-style:none; }
.noscroll {width: 100%; overflow: hidden;}
.uppercase {text-transform:uppercase}
sup { vertical-align:super; }
sub { vertical-align:sub; }
div.wrapper div.mainSection div.press div.mainform p span.checkboxFloat label {float:none;}
div.wrapper div.mainSection div.press h2:first-child { font-size:1.9em;} /* changes the first H2 header on the page */
.return {text-align:right; text-decoration:none; font-size:.7em;}
.alt { background-color:#e8efff; padding:10px;}
h4 { color:#006; font-size:1.2em; font-weight:bold; margin-top: 1em;}
ol li { font-size:1.2em; margin-left: 10px;}
hr { color:#ccc; background-color:#ccc; height:1px;}
table {font-size:1.2em;}
table table, table ol li {font-size:12px;}
tr,td,p {font-size:100%}
table td { padding-right:15px;}
div.wrapper div.mainSection div.Col table p {font-size:12px;}
input.txtamtalign { border:1px solid #ccc;}
input[type="submit"] {
border:1px solid #ccc;
padding:2px;
background: url(/images/common/button-grad.png) repeat-x top left;
}
input[type="checkbox"] { margin:5px; }
div.wrapper div.mainSection {font-family:helvetica, sans-serif; letter-spacing:.025em}
div.wrapper div.mainSection p { padding-top:6px; padding-bottom:6px; }
div.wrapper div.mainSection div.Col p.deadline,
div.wrapper div.mainSection div.Col span.deadline{ color:#f00;font-weight:bold;}

div.inner select { font-size:0.9em; width:80%;}
div.wrapper div.mainSection div.press div.AspNet-RadioButtonList ul{list-style-type:none;list-style-image:none;}
div.wrapper div.mainSection div.press div.AspNet-RadioButtonList ul li label {padding-left:10px;}
div.wrapper div.mainSection div.press ul.bullet {
margin-top:0.7em;
list-style-image: url("/images/common/blkbullet.png");
list-style-type:disc;
}
.meetingsBut { width:50%; font-weight:bold;}
.meetingsBut img {float:left; padding-right:5px;}
div.related.topical {
border:1px solid #CCC;
padding:3px 10px 10px 10px;
background-color:#f0f1e1;
}
.topicalDesc {
color:#c33;
font-weight:bold;
}

/*----------------------------
			Toggle
----------------------------*/
p span.toggle {
	margin: 0 0 10px 0;
	cursor: pointer;
	color: #207AC0;
	text-decoration:underline;
}

p span.toggle:hover {
	text-decoration:none;
}
.hide { display: none;}
/*------*/



div.wrapper div.mainSection div.basicClosed.meetingsNav div ul li.current {
	font-weight:bold;
}
div.wrapper div.mainSection div.basicClosed.meetingsNav div ul li ul {
	margin-left:0em;
	margin-top:0px;
	margin-right:0px;
}
div.wrapper div.mainSection div.basicClosed.meetingsNav div ul li ul li a {
	margin-left:-3px;
}
div.wrapper div.mainSection div.basicClosed.meetingsNav div ul li ul li {
	font-size:12px;
	font-weight:normal;
}
/* Publications Page - Styles */
div#accordionPubs {
margin-left: -10px;
margin-right: -10px;
background:none;
}
div#accordionPubs div {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
overflow:hidden;
}
div#accordionPubs h3.header {
border:0px;
border-top: 1px solid #ccc;
padding-top: 2px;
margin-bottom: 0px;
line-height:20px;
background:none;
white-space:nowrap;
font-size:1.1em;
}
div#accordionPubs h3.header:first-child {
border-top: 0px solid #ccc;
margin-top: -2px;
}
div#accordianPubs div div, div#accordianPubs div ul { display:block; }
div.basicClosed div.inner div#accordionPubs ul {
padding-left:15px;
margin-left:15px;
margin-right:15px;
list-style-type:circle; 
list-style-image:url("/images/common/small_icons/list-arrow.gif"); 

margin-bottom:0px;
display:block; 
}
div#accordionPubs h3.header a { margin-left:5px; padding:0px;}
div#accordionPubs span.ui-icon {display:none;}
div#accordionPubs .ui-accordion-content {background:none; font-size:.8em; border:0px; padding:5px;}
div#pubsFeature-left {display:block; float:left; width:230px; padding-left:5px; padding-right:5px; padding-top:5px; font-size:9px;}
div#pubsFeature-right {display:block; float:right; width:230px; padding-left:5px; padding-right:5px; padding-top:5px; font-size:9px;}
div#pubsFeature-left h3,div#pubsFeature-right h3 {margin-top:0px; margin-bottom:5px; font-size:10px;}
div#pubsFeature-left img, div#pubsFeature-right img {margin-right: 5px; margin-bottom: 5px; float:left;}
div#pubsFeature-left div.inner, div#pubsFeature-right div.inner {overflow:hidden; height:120px;}
div#pubsFeature-left p, div#pubsFeature-right p {margin:0px; padding:0px;}
div.borderbox {border-top:2px solid #ddd; margin-top:15px; font-size:9px;}
div.inner-left,div.inner-center,div.inner-right {float:left; width:32%;}
div.inner-center {margin-left:5px; margin-right:10px;}
div.inner-left h4,div.inner-center h4,div.inner-right h4 {font-size:110%; font-weight:bold;}
div.ib-key { background: url(/images/publications/osa-ib-key.png) no-repeat; position:relative; height:42px; width: 222px; left:-1px;  top:21px; margin-top:-20px;}
div.carousel {position:relative;}
.carousel .coverImages {
border: 1px solid #ddd;
position:relative;
background-color:#f0f1e1;
float:left;
visibility:hidden;
left:-5000px;
margin-left:10px;
margin-bottom:10px;
margin-top:5px;
}
.carousel .coverImages a img{margin:5px;}
.carousel a.prev {
position:absolute;
z-index:9999;
left:-4px;
width:23px; 
display:block; 
background: url('/images/publications/brownarrowLeft.png') no-repeat left 70px; 
float:left; 
height:148px; 
text-decoration:none;
}
.carousel a.next {
position:absolute;
right:-5px;
z-index:9999;
width:23px; 
display:block; 
background: url('/images/publications/brownarrowRight.png') no-repeat left 70px; 
float:left; 
height:148px; 
text-decoration:none;
}
select.topicalsDropDown option{width:180px; font-size:10px; position: relative;}
div.noNavContentPadding{padding-left:1em;}
div.press ul li img { vertical-align: middle; }
div.wrapper div.mainSection div.press ul li.smaller{font-size:1em;}
li.AspNet-CheckBoxList-Item {list-style-type: none; list-style-image: none;}
table td.tdAlign{vertical-align:top;} /*this is used to fix text alignment inside a td of the tables*/
div.wrapper div.mainSection table tr td input {border: 1px solid #CCCCCC;} /*this is used to fix the input textboxes inside of tables*/

/* Override for Jquery custom theme links */
.ui-widget-content A {color:#06c;}
html>body div#tabs p {font-size:1.0em;}
html>body div#tabs ul.ui-tabs-nav li a {text-decoration:none;}

/* Gridview styles for the media library */
div.wrapper div.mainSection div.Col h2.redContent{color: red;}
/*div.videoListItem p.title { padding-top:0px; margin-top:0px;} */
div.videoListItem {/*margin-bottom:15px;*/ overflow:hidden; padding:5px;}
div.videoListItem img, div.videoListItemAlt img  { float:left; margin-right:20px; width:120px;}
div.videoListItem div.videoListInfo, div.videoListItemAlt div.videoListInfo{padding-left:140px; display:block;}
div.videoListItem, div.videoListItemAlt {clear:both;}
div.videoListItemAlt {margin-bottom:15px; overflow:hidden; background-color:#E8EFFF; padding:5px;}

div.videoLibraryTabs div.videoListItem {overflow:hidden; padding:15px;}
div.videoLibraryTabs div.videoListItemAlt{overflow:hidden; padding:15px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}

.smallerFont{ font-size:0.923em;}

input[type="submit"].mediaButton{
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:5px 11px;
	text-decoration:none;
}
input[type="submit"].mediaButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
input[type="submit"].mediaButton:active {
	position:relative;
	top:1px;
}
.oidaButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #e8efff) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #e8efff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#e8efff');
	background-color:#bddbfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#2c5a9e;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:19px 35px;
	text-decoration:none;
	text-shadow:1px 1px 0px #e8efff;
	text-align: center;

}.oidaButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8efff), color-stop(1, #bddbfa) );
	background:-moz-linear-gradient( center top, #e8efff 5%, #bddbfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8efff', endColorstr='#bddbfa');
	background-color:#e8efff;
}.oidaButton:active {
	position:relative;
	top:1px;
}
div.videoLibraryTabs .ui-widget-content ,
div.videoLibraryTabs .ui-widget-header,
div.searchTabs .ui-widget-content ,
div.searchTabs .ui-widget-header{
	background:#fff;
	border:0px;
	border-bottom:0px solid #ccc;
}
div.videoLibraryTabs .ui-widget,
div.searchTabs .ui-widget{font-size:11px}

div.videoLibraryTabs .ui-widget-header .ui-state-default a:link,
div.searchTabs .ui-widget-header .ui-state-default a:link{color:#666;text-decoration:none;font-weight:700}

div.videoLibraryTabs .ui-widget-header .ui-state-active a:link,
div.searchTabs .ui-widget-header .ui-state-active a:link{color:#333;text-decoration:none;font-weight:700}

div.videoLibraryTabs .ui-tabs .ui-tabs-panel,
div.searchTabs .ui-tabs .ui-tabs-panel{border:1px solid #ccc}

div.videoLibraryTabs ul.ui-tabs-nav li,
div.searchTabs ul.ui-tabs-nav li{font-size:99%}

div.videoLibraryTabs ul.ui-tabs-nav li,
div.searchTabs ul.ui-tabs-nav li{margin-left:0}

div.videoLibraryTabs div.ui-tabs-panel,
div.searchTabs div.ui-tabs-panel{background:#fff;border:1px solid #ccc;overflow:hidden}

div.videoLibraryTabs .ui-widget-header,
div.searchTabs .ui-widget-header{background:#fff;border:0;border-bottom:0 solid #ccc}

div.videoLibraryTabs .ui-widget-header .ui-state-default,
div.searchTabs .ui-widget-header .ui-state-default{background:#efefef;border:1px solid #ccc}

div.videoLibraryTabs .ui-widget-header .ui-state-active,
div.searchTabs .ui-widget-header .ui-state-active{background:#fff;border:1px solid #ccc}

div.videoLibraryTabs ul.x-tab-strip-top li,
div.searchTabs ul.x-tab-strip-top li{margin-left:0;margin-right:2px}

div.videoLibraryTabs .ui-tabs .ui-tabs-panel { padding: 0; background: none; }


div#accordion h4.accordionHeader a{text-decoration: none; font-weight: bold;}
div#accordion ul li {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 1em;}
div#accordion ul li a{color:#06c;}

div.wrapper div.mainSection div.Col div p.smallText {font-size:8pt;}

#slideThumbs {position:absolute; top:310px; z-index:9999; left:195px;}
