@import url("dijit_tooltip.css");
/* Basic SERC Style sheet.  Includes support for all CMS tag generated styles */



/* =============================================================================
   
   a bunch of normalizing elements from htmlboilerplate
   ========================================================================== */

/* HTML5 display definitions*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* better IE and iOS behaviors */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* 1. Improve image quality when scaled in IE7: h5bp.com/d */
img { -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow not hidden in IE9
*/

svg:not(:root) { overflow: hidden; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
*/

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
*/

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
*/

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
*/

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ======================================================
 *That's the end of the boilerplate fixes.
 * Now start in with our styles
 * ======================================================
*/

/* Start with styles that give default appearance to  page chrome elements */
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	background-color:#ffffff;
	line-height: 1.4em;
	color: #333;
	margin: 0;
	padding: 0;
}

pre{
	font-family: "Andale Mono", "Courier New", Courier, monospace;

}


#header img{
	border: 0;
}

#footer img{
	border: 0;
}

#subfooter {
	color: #ccc;
	margin: 0;
	padding: 1px;
	padding-left: 14px;
	border-top: 2px solid #aaa;
	border-bottom: 1px solid #aaa;
	width: auto;
	z-index: 1;
	clear: both;
	font-size: x-small;
	line-height: 1em;
}

#subfooter .label{
	color: #777;
}

#subfooter a{
	color: #777;
	text-decoration: none;
}

#nav ul{
	list-style-type : none;
	padding: 0;
	margin: 0;
}

#nav #localnav ul{
	padding-left: 15px;
}

#nav li{
	margin: 0;
}

#nav-edit-controls{
	border: 2px solid #aaa;
	border-top: none;
	padding: 0px;
	position: absolute;
	background: #fff;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0 ;
	box-shadow: 2px 2px 4px #aaa;
	border-left: none;
	margin-left: -3px;
	text-align:center;
	top:200px;
	left:410px;
	backgposition:fixed;
	width:145px;
}

#nav-edit-controls h4{
	background: #aaa;
	color: #fff;
	margin-top: 0px;

}

a.nav-edit-controls-button, a.nav-edit-controls-button:visited{
	display:inline-block;
	color: #fff;
	width: 75px;
	background: #aaa;
	margin: 3px;
	padding: 3px;
	font-size: 13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 3px #aaa;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	text-decoration: none;
}
a.nav-edit-controls-button:hover{
	background: #999;  
}

.navexpander{
	color: #777;
	font-size: 85%;
	text-align: center;
}

.nextprev {
	float: right;
	margin-right: 20px;
}
.nextprev a{
	text-decoration: none;

}


/* --------base styles for standard elements -------------*/

p { 
	margin-top: 0;
	margin-bottom: 1em;
	text-align: left;
}

h1 {font-size:1.6em;
	line-height:1.2em;
	margin-bottom: 0;}
h2 {
	font-size:1.25em;
	margin-bottom: 0;
}
h3 {
	font-size:1.1em;
    margin-bottom: 0;
}
h4 {margin-bottom: 0;}

ol {
	margin: 1%;
	padding-left: 7%;
}
ul {
	margin: 1%;
	padding-left: 7%;
}
li {margin: 1%;
}

img {border: 0px;}

hr{
	height: 1px
}

dt {
	font-weight: bold;
	margin-left: 1.5em;
}

dd {
	margin-bottom: 1em;
	margin-left: 1.5em;
}
fieldset {
	margin-top: 2em;
	margin-bottom: 2em;
}

legend {
	color:#000;
	font-weight: bold;
	font-size: 110%;
}


th{
	font-weight: normal; 
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #dedede;
	padding-left: 2px;
}


ol.arabic-numbers { list-style-type: arabic-numbers }
ol.lower-alpha { list-style-type: lower-alpha }
ol.upper-alpha { list-style-type: upper-alpha }
ol.lower-roman { list-style-type: lower-roman }
ol.upper-roman { list-style-type: upper-roman}



/* ----------support for standard cms tag generate styles------------ */

.skiplinks {
	font-size: 50%;
	color:#fff;
}
.skiplinks a{
	font-size: 50%;
	color:#fff;
}

.disclaimer {
	font-size:80%;
	line-height:100%;
}

.small {
	font-size:9px;
	line-height:11px;

}

.smallpale {
	font-size:9px;
	color: #aaa;
	text-decoration: none;
}

.em2 {
	color: #a77;
	font-style: normal;
}


.mediumsmall {
	font-size:11px;
	line-height:14px;
}

.mediumpale {
	font-size:11px;
	line-height:14px;
	color: #aaa;

}


img.thumbnail {
	margin: 10px;
}

.floating {
	margin: 10px;
	float: left;
}

.floatingright {
	margin: 10px;
	float: right;
}

.textcenter{
	text-align: center;
}
.inline-block{
	display: inline-block;
}

.inline-block h1{
	text-align:left;
}
dev.floating {
	margin: 10px;
	float: left;
}
div.floating p {
	text-align: center;
}

.halfcolumnright{
	float:right;
	width: 48%;
	margin-left: 2%;
}

/* put around content to autoflow over two columns*/
.twocolumn {
    column-count: 2;
    -webkit-column-count: 2;
     -moz-column-count: 2;
      padding:15px;
}
.twocolumn h2, .twocolumn h3, .twocolumn h4{
	margin-top: 0;
}

.relatedlinks {
	font-size: 11px;
	line-height: 11px;
	color: #000;
	border: 1px solid #d22;
	border-bottom: 1px solid #d22;
	background: #fff;
	position: relative;


}

.relatedlinks h3{
	font-size: 16px;
	line-height: 16px;
	border: 0;
	margin: 0;
	color: #fff;
	background: #b22;
	font-weight: normal;
}

.relatedlinks p{
	padding: 2px;
	margin: 0;
}

.relatedlinks ul{
	list-style-type : none;
	padding: 2px;
	margin: 0;
}

.relatedlinks li{
	margin: 0;
	padding: 0;
	margin-bottom: 6px;

}





.author {
	margin-bottom: 0;    	
}

.clearboth {
	clear: both;
	display: block;
	content: "";
}

.rightcolumn {
	float: right;
	width: 250px;
	border-left : 1px solid #999;
	border-bottom : 1px solid #999;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-left: 8px;
	padding-bottom: 5px;
	background: #fff;
}

.rightlink {
	float: right;
	font-weight: bold;
	font-size: 80%;
	margin-bottom: 5px;
}


.pullquote {
	padding: 7px;
	margin: 10px 40px 10px 40px;
	z-index: -1;
}
/* Some standard contextbox definitions */

.context {
	background-color: #eeeeee;
	border-radius: 4px;
}

.context2 {
	border: 7px solid #cccccc;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #ddd;

}


.context2 h2:first-child, .context2 h3:first-child, .context2 h4:first-child{
    background: none repeat scroll 0 0 #cccccc;
    border-bottom: 1px solid #cccccc ;
    color: #FFFFFF;
    display: block;
    margin: -10px -10px 5px -10px;
    padding: 2px;

}


.context2 h3:first-child{
	font-weight: normal;
	font-size: 120%;

}
.context4 {
   border: 1px solid #ddd;
   padding: 6px;
   margin: 5px;
   box-shadow: 1px 1px 2px #ddd;
}

.context5 {
   background: #fff;
   border: none;
   padding: 6px;
   margin: 0;
   margin-left: 40px;
   margin-right: 40px;
   font-size: 90%;
    box-shadow: 1px 1px 2px #ddd;
    color: #eee;

}

.context5 h3{
	margin: -6px;
	margin-bottom: 4px;
	padding: 1px;
	background: none;
	color: #eee;
}

.context5 br + h3 {
    margin-top: -20px;
}
.context5 p + h3 {
    margin-top: -15px;
}
.context6 {
	margin: 15px 10px 10px 5px;
	font-size: 26px;
	color: #aaa;
	border: none;
	background: none;
	line-height: 30px;
}
.context6:before{
	content: '\201C';
	font-size: 70px;
	float: left;
	color: #ccc;
	font-family: Georgia, serif;

}

.context6:after{
	content: '\201D';
	font-size: 70px;
	line-height: 0;
	position: relative;
	top: 23px;
	color: #ccc;
	font-family: Georgia, serif;
}

a.linkbutton {
	padding: 4px;
	border: 2px solid #eeeeee;
	background: #777777;
	text-decoration: none;
	border-radius: 11px 11px 11px 11px;
	display: inline-block;
	margin: auto;
	color: #eeeeee;
	box-shadow: 1px 1px 2px #aaa;
	font-size: 100%;
	font-weight: normal;
	margin-left: 5px;
	margin-right: 5px;

}


a.linkbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #cccccc));
	background:-moz-linear-gradient(top, #ededed 5%, #cccccc 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #cccccc 100%);
	background:-o-linear-gradient(top, #ededed 5%, #cccccc 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #cccccc 100%);
	background:linear-gradient(to bottom, #ededed 5%, #cccccc 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cccccc',GradientType=0)";
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#555555;
	font-size:100%;
	font-weight:Normal;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:none;
}
a.linkbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #cccccc 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #cccccc 5%, #ededed 100%);
	background:-o-linear-gradient(top, #cccccc 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #cccccc 5%, #ededed 100%);
	background:linear-gradient(to bottom, #cccccc 5%, #ededed 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ededed',GradientType=0)";
	background-color:#cccccc;
}
a.linkbutton:active {
	position:relative;
	top:1px;
}

a.linkbutton:visited {
	color:#555555;
}




a.biglinkbutton {
	font-size: 130%;
	padding:6px 20px;
}

.shownversion { display: none; }

.hiddenversion{ 
	display: block;
}

.hiddenversion h3{
	display: inline-block;
}

/*--if it has class showatstart  then don't hide to start--*/

.showatstart.shownversion { display: block; }

.showatstart.hiddenversion{ 
	display: none;
}


.shownbody{
	border: 1px solid #bbb;
	padding: 8px;
}
.showntitle{
	position: relative;
	top: 10px;
	background-color: none;
	padding: 8px;
}
.showntitle a{
	text-decoration: none; 	
}
.hiddenversion a{
	text-decoration: none; 	
}

.rightfloat {
	float: right;

}
.leftfloat {
	float: left;
}

.bigfirstline:first-line {
	font-size: 133%;
}

.narrowbox{
	font-size: 1.3em;
	font-weight: bold;
	float: right;
	width: 300px;
	padding: 0px;
	margin: 2px;
	margin-right:0;
	margin-bottom: 10px;
	clear: both;
	color: #555;
}


.red {
	color:#f00;

}

.green {
	color:#0f0;
}

.blue {
	color:#00f;
}

.vocabprefix {
	color:#757575;
}

.form-file-upload{
	max-width:600px;
	padding: 10px;
	background:#eff3ef;
	margin-bottom:20px;
	margin-top:20px;
	border: 2px solid #353;
}

.form-file-upload .shownbody{
	background: #fafafa;
}
/* lots of styles for faceted search display */

.facetwrapper {
	width: 300px;
	float: right;

}

.searchtrivia {
	color: #333;
}


p.searchhit {
	margin-bottom:0px;

}

.searchhitdiv {
	clear: left; 
	padding-bottom: 5px;
}


.searchreturndetails{
	font-size: 11px;
	color: #7a7;
}

.searchnextprev {
	float: right;
	margin-right: 20px;
	font-size: 1.1em;
}

.limitbox {
	border: 1px solid #aaa;
	border-top: none;
	margin-bottom: 10px;
	border-radius: 0 0 3px 3px;
	box-shadow: 2px 2px 4px 1px #eee;


}
.currentsearchlimits {
	font-weight: bold;
	font-size: .85em;
	line-height: 1.1em;
	text-align: center;
	padding: 0px;
	padding-right: 20px;
	margin: 0px;
	border: 1px solid #aaa;
	background: #f1f1f1;
	color: #a8a8a8;
	border-radius: 3px 3px 0 0 ;


}
.browseshowall a, .browseshowall a:visited{
	font-size: .85em;
	font-weight: normal;
	color: #555;
	text-decoration: none;
}
.browseshowall a:hover {
	text-decoration: underline;
	color: #55b;
}

/* need to rework these to reduce redundancy with a common browselimit */
/* class and  separate limit1, limit2.... classes to hold the different colors */

.browselimit {
	font-size: 0.85em;
	margin: 0;
	color: #555;
}

.browselimit h2{
	margin: 0;
	background: #444;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 2px;
	display: inline;
}

.browselimit em{
	font-weight: bold;
	font-size: 1.2em;
	font-style: normal;
}


.browselimit0 h2{
	background: #444;
}

.browselimit1 h2{
	background: #ccd;
}

.browselimit2 h2{
	background: #dcc;	
}

.browselimit3 h2{
	background: #cdc;
}

.browselimit4 h2{
	background: #ddc;
}

.browselimit5 h2{
	background: #cdd;
}


.browsevocab{
	font-size: 0.85em;
	border: 1px solid #ccd;
	line-height: 1em;
	background: #fff;
	float: right;
	width: 300px;
	padding: 0px;
	margin: 5px;
	margin-right:0;
	clear: both;
	color: #333;
	box-shadow: 2px 2px 4px 1px #eee;
	border-radius: 3px;


}

.browsevocab ul{
	list-style-type : none;
	padding: 0;
	margin: 4px;
	margin-left: 7px;

}
.browsevocab li{
	margin: 3px;
	padding: 1px;

}


.browsevocab h1{
	display: block; 
	margin: 0;
	background: #ccd;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-left: 4px;
}


.browsevocab h1 a, .browsevocab h1 a:visited{
	color: #fff;
	font-weight: normal;
	font-size: 0.9em;
}

.browsevocab h2{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0;
	padding-top: 2px;
	color: #333;

}

.browsevocab1 h1{
	background: #ccd;
}


.browsevocab2 h1{
	background: #dcc;

}

.browsevocab3 h1{
	background: #cdc;	
}

.browsevocab4 h1{
	background: #ddc;
}

.browsevocab5 h1{
	background: #cdd;
}



table.cms {
	background: #aaa;
	margin: 5px;
	border-collapse:collapse;
}

caption.cms {
	caption-side: bottom;
	font-size: .85em;
	line-height: 1em;
}
table.cms th{
	padding:5px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
}

table.cms th {
	background:#73869e;
	color: #fff;
}

table.cms tr:hover td {
	background:#c9daef;
}
table.cms tr:hover th {
	background:#c9daef;
	color: #111;

}
table.cms td {
	padding:5px;
	border:1px solid #ddd;
	border-width:0 1px 1px 0;
	text-align:center;
}
table.cms tbody tr{
	background-color: #fff;
}
table.cms tbody tr:nth-child(odd) {
	background-color: #eee;
}

#content .hl0	{ background-color: #FFFFcf }
#content .hl1	{ background-color: #FFFFcf }
#content .hl2	{ background-color: #FFFFcf }
#content .hl3	{ background-color: #FFFFcf }
#content .hl4	{ background-color: #FFFFcf }


.img-shadow {
	background: url(/images/dropshadow/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/images/dropshadow/shadow.gif) no-repeat bottom right;
	margin: 10px 10px 5px 10px !important;
	margin: 10px 10px 5px 5px;
	position: relative;

}


.img-shadow img {
	display: block;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}


.tooltip, .tooltip:visited {
	position:relative;
    z-index:24;
    text-decoration: none;
    color: #333;
    border: 1px solid #fff;
    border: none;
}

.tooltip:hover{
	z-index:25; 
	border: 1px solid #ccc;
}

.tooltip span.thetip{display: none}

.tooltip:hover span.thetip, .tooltip:hover span.righttip, .tooltip:hover span.belowtip{ /*the span will display just on :hover state*/
    display:block;
    position: absolute;
    width: 300px;
    margin: 2px;
    padding: 8px;
    background-color:#fff; 
    color:#000;
    border: 2px solid #ccc;
    text-decoration: none;
    -moz-border-radius: 8px;
	-webkit-border-radius: 8px;

}

.tooltip:hover span.thetip{
	top: 0.5em;
    left: -325px;
}

.tooltip span.righttip{display: none}

.tooltip:hover span.righttip{ /*the span will display just on :hover state*/
    top: 10px;
    left: 30px;
}

.tooltip span.belowtip{display: none}

.tooltip:hover span.belowtip{ /*the span will display just on :hover state*/
    top: 1.0em;
    left: 10px;
}


.shownlink {
	text-decoration: underline;
	color: #22f;
}


/* threaded discussion related tags */

.discussionlogin{
	padding: 10px; 
	border: 2px solid #ccc

}
.discussiontable{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}

table.discussiontable {
	background: #ddd;                 
}




.discussiontable th{
	padding: 5px;
	background: #ccc;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.discussiontable th a{
	text-decoration: none;
	color: #fff;
}
.discussiontable th a .sortlink{
	font-size: 7px;
	text-decoration: underline;
}

.discussiontable td{
	padding: 7px;
}

.discussiontable tr{
	background: #fff;
}


table.discussiontable tbody tr:nth-child(odd) {
	background-color: #f7f7f7;
}
.discussiontable tr:hover td{
	background: #ded;
}

.discussion-post-row {
	margin-top:5px;
	min-height:125px;
}

.discussion-cell {
	display: table-cell;
}

.discussion-post-user-info {
	min-width: 150px;
	min-height:100px;
	max-height:130px;
}

.discussion-post-user-info p {
	text-align: center;
}

.discussion-post-user-info img {
	max-height:50px;
	max-width:50px;
}

a.discussion-author, a.discussion-author:visited {
	color: #50728A;
	font-weight:bold;
}
a.discussion-author:hover {
	color: #5C9ECC;
}

.discussion-carrot {
	width: 0;
	height: 0;
	margin-top:10px;
	float:left;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent; 
	border-right: 12px solid rgba(0, 0, 0, 0.17);
}

.discussion-post-content{
	width:100%;
	word-wrap: break-word;
	vertical-align: top;
	overflow:hidden;
	border: 1px solid #b9b9b9;
	border-radius: 4px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.17);
}

.discussion-post-text {
	min-height:90px;
	padding: 10px;
}

.discussion-post-media {
	padding-left:10px;
	border-top: 1px solid #D9D9D9;
	background-color: #F7F7F7;
}

.discussion-post-actions {
	text-align: right;
	padding:0 10px;
	background-color: #F7F7F7;
	overflow:hidden;
	height:26px;
}

.discussion-post-id {
	margin:3px;
}

div[id^='discussion-post-delete']{
	display:none;
}

.discussion-button {
	display:inline-block;
	padding: 4px 8px;
	background: #609CD1;
	color:white;
	text-decoration:none;
	border-left:1px solid #F7F7F7;
	margin-right:8px;
	font-size:13px;
	border:0;
}

.discussion-button:hover {
	background: #7BB5E8;
}

.discussion-button:visited {
	color: white;
}

.discussion-button-post {
	background: #0DA30D;
}

.discussion-button-post:hover {
	background: #52D152;
}

.discussion-button-edit, .discussion-button-share  {
	background: #0DA38F;
}

.discussion-button-edit:hover, .discussion-button-share:hover {
	background: #58C7B8;
}

.discussion-button-delete {
	background: #b22;
}

.discussion-button-delete:hover {
	background: lightcoral;
}

.discussion-quote-container {
	width:100%;
	height:auto;
}

.discussion-quote-carrot {
	width: 0;
	height: 0;
	float:left;
	margin-top:4px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-right: 6px solid #99BBF2;
}
/* .discussion-quote-message and .discussion-quote-carrot have some precise pixel
	properties. Careful to change margin/padding/borders */
.discussion-quote-message {
	background-color:#D9E7FF;
	border:1px solid #99BBF2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	margin-left: 5px;
	font-style:italic;
}

.discussion-quote-message:before {
	content: '\201C';
	float: left;
	font-size: 200%;
	color:#87B3FA;
	margin-right:10px;
}

.discussion-quote-message:after {
	content: '\201D';
	float: right;
	font-size: 200%;
	color: #87B3FA;
	margin-left:10px;
	margin-top:-8px;
}

.discussion-quote-message > p {
	width:93%;
	margin:5px 0;
}

.discussion-post-edit {
	background: rgb(238, 255, 238);
	margin-top:10px;
	padding:10px;
	border:1px solid #383;
}

#notification-form {
	border: 1px solid #bbb;
	margin: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc;
	margin-bottom: 10px;
}

/* the not often used pop-up survey box */

#popupsurvey{
	position: absolute;
	top: 125px;
	right: -600px;
	width: 600px;
	border: 2px solid #e99;
	background: #fdd;
	padding: 3px;
	font-size:11px;
	z-index: 100;
}

.attribution{
	margin-top: 5px;
	font-size: 90%;
	line-height: 110%;
	color: #553;
	overflow: display;
}

.attribution .shownversion {

}


.workspace-edit{
	float: right;
	width: 138px;
	padding: 2px;
	margin: 5px;
	border: 1px solid #a55;
	background: #feeeee;
	font-size: 80%;
	line-height: 100%;
	clear: both;
}
.workspace-edit .shownbody{
	border: none;
}
.workspace-edit .showntitle{
	background: #feeeee;
	padding: 1px;
}

.workspace-edit .shownversion{
	padding: 0px;
	margin: 0;
}

.deactivateLiveEdit input{
	font-size: 11px;
	color: #383;
	border: 1px solid #383;
	text-decoration: none; 
}



.liveEditButton{
	font-size: 11px;
	color: #383;
	border: 1px solid #383;
	text-decoration: none;
	margin-left: 5px;
	background: #fefefe;
	width: auto;
	overflow: visible;
	padding-left: 5px;
	padding-right: 5px;

}

/*only some of the liveEditButtons are actually buttons
to appease IE */
div.liveEditButton{
	padding: 5px;
}
.liveEditButton:hover{
	color: #a30;
	border: 1px solid #a30;
	background: #fff;
	cursor:pointer;
}

.workspace .dijitButton{
	border: 1px solid #383;

}
.workspace-edit h3{
	color: #a55;
	background: #fcc;
	padding: 3px;
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 5px;
	padding-left: 15px;


}
.serc-pagelist h4, .serc-filelist h4{
	font-size: 11px;
	margin-bottom: 3px;
}


#editFormContainer .saving{
	color: #f00;
	font: 24px;
	font-weight: bold;
	position: fixed;
	top: 250px;
	right: 150px;
}
#editFormContainer .saved{
	color: #3a3;
	font: 48px;
	font-weight: bold;
	position: fixed;
	top: 250px;
	right: 150px;

}

.editFormSubmit {
	position: fixed;
	top: 140px;
	right: 150px;
	width: 50px;
	border: 3px solid #55f; 
	color: #55f;
	background: #fff;
	padding: 2px;
	font-weight: bold;

}

.uploadbutton, .newpagebutton, .newentrybutton{
	border: 2px solid #777; 
	background: #fff;
	padding: 2px;
}

.uploadbutton:hover{
	color: #493;
	border: 2px solid #493; 
}


.workspace-newpagebox{
	position: absolute;
	top: 100px;
	right: 170px;
	width: 300px;
	display: none;	
	border: 1px solid #a55;
	background: #feeeee;
	padding: 10px;
	z-index: 1000000;

}
#workspace-newpage-alert{
	position: absolute;
	top: 100px;
	right: 170px;
	width: 350px;
	display: none;
	border: 1px solid #a55;
	background: #feeeee;
	padding: 5px;
	font-size: 9px;

}

.workspace-uploadbox{
	position: absolute;
	top: 100px;
	right: 170px;
	width: 430px;
	display: none;	
	border: 1px solid #a55;
	background: #feeeee;
	padding: 10px;
	z-index: 1000000;
}

#workspace-uploadbox-alert, #creatingformalert{
	position: fixed;
	top: 100px;
	right: 170px;
	width: 250px;
	display: none;
	border: 1px solid #a55;
	background: #feeeee;
	padding: 5px;
	z-index: 10000;

}

#creatingformalert{
    width: 400px;
    top: 150px;
    left: 35%;

}
#workspace-help{
	position: absolute;
	top: 100px;
	right: 170px;
	width: 400px;
	display: none;	
	border: 1px solid #a55;
	background: #feeeee;
	padding: 10px;
	z-index: 1000000;


}

#form_creation_dialog, .create_dialog{
    position: fixed;
	top: 150px;
	left: 20%;
	width: 650px;
	display: none;
	border: 3px solid #4D673F;
	background: #fff;
	padding: 15px;
    padding-top: 5px;
	z-index: 10000;
    line-height: 1.4em;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 1px 1px 5px #aaa;
	-webkit-box-shadow: 1px 1px 5px #aaa;
	box-shadow: 1px 1px 5px #aaa;
}

.contentUndo{
	margin-left: 10px;
	float: right;
	width: 140px;
	margin-right: 45px;
}

.contentDeactivate{
	margin-left: 10px;
	float: right;
	width: 60px;
	margin-right: 0px;
}

.contenthints, .contentUndo, .contentDeactivate{
	font-size: 0.8em;
}
.contentUndo, .contentDeactivate{
	margin-top: -20px;
}

.contentUndo a:hover, .contentDeactivate a:hover{
	text-decoration: underline;

}

.contenthints a, .contentUndo a, .contentDeactivate a{
	color: #66f;
}


.closeButton{
	float: right;
	width: 43px;
	border: 2px solid #ccc;
	background: #fff;
	padding: 1px;
	font-size: 10px;
	border-radius: 4px 4px 4px 4px;


}
.closeButton img{
	margin-bottom: -2px;
}

.modalCloseButton{
    margin-left: 50%;
	width: 60px;
	border: 2px solid #777;
	background: #fff;
	padding: 5px;
}

.modalCloseButton:hover, .closeButton:hover {
	border: 2px solid #f33;
	color: #f33;
	background: #faa;
}
.definitionterm{
	color: #383;
}

.file-archive-item{
	padding: 5px;
	border: 1px solid #ccc;
	background: #f3f3f3;
	margin-bottom: 10px;
}

.file-archive-item:hover{
	border: 1px solid #555;
	background: #fff;

}

.live-edit-link{
	float:right;
	width: 40px;
	color: #f00;
	clear: both;
}

.live-edit-link:hover{
	cursor:pointer;
}

.live-edit-box{
	float: right;
	width: 138px;
	padding: 2px;
	margin: 5px;
	border: 1px solid #709670;
	background: #e5f1e5;
	font-size: 80%;
	line-height: 100%;
	clear: both;
}

.live-edit-box h2{
    font-size: 14px;
    background: #95b695;
	color: #fff;
	padding: 5px;
	margin: -2px;
	margin-bottom: 15px;
	text-align: center;

}

.live-edit-box h3.divider{
    color: #5a5;
	background: #cadbca;
	padding: 5px;
	margin-left: -2px;
	margin-right: -2px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: normal;
    border: 1px solid #709670;
    border-right: none;
    border-left: none;

}

.live-edit-box .mediaentry{
	line-height:12px; 
	background:#f5fef5; 
	padding: 2px; 
	border: 1px solid #999;
}

.serc-editable{
	display: inline;
}
.serc-editable-clickable{
	border: 1px solid #333;
	padding: 3px;
	margin: 3px;
	background: #f3f3f3;
	padding-top: 20px;
	display: block;
}

.serc-editable-active{
	display: block;
	padding-top: 20px;
	width: auto;

}

.serc-resourcelist{
	margin-top: 10px;
}

.serc-content-name{
	position: relative;
	top: -15px;
	color: #bbb;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: -15px;
	width:75%;
}

.claro .serc-editable-active .dijitTextArea {
	font-size: 14px;
	font-family: Verdana;

}

.blog h2{
	display: inline;
}

.blog h2 a{
	text-decoration: none;
	color: #333;
}
.blog h2 a:hover{
	text-decoration: underline;
}

.event_date_span{
    font-style: italic;
}

.event_date_current{
	font-weight: bold;
	color: #f00;
}

.serc-radiobuttonpair{
	padding: 2px;
}
.serc-radiobuttonpair:hover{
	background: #eee;
}

ul.review_item_list li{
	margin-bottom: 20px;
	list-style-type : none;
	border: 1px solid #ccc;
	padding: 5px;
}

.activityidea{
	font-weight: bold;
}

div[id^='widget_departmentCombo']{
	width: 420px;
}

div[id^='widget_institutionCombo']{
	width: 420px;
}
/* 17 allows up to 5 cols of thumbimages... 18+ wraps */
.thumbimage {
	width:17%;
	max-width:200px;
}
.quarterimage {
	width:27%;
	max-width:324px;
}
.narrowimage {
	width:38%;
	max-width:456px;
}
.largeimage{
	width:62%;
	max-width:744px;
}
.fullimage{
	width:100%;
	max-width:1200px;
}
.centerfloat {
	margin:0 auto;
}
.image-left-margin {
	margin-right:20px;
}
.image-right-margin {
	margin-left:20px;
}
.image-caption, .caption-text{
	font-size:11px;
	line-height:13px;

}

.image-caption, .caption-text a{
	color: @link-color;
}

.caption-text {
	min-height:16px;
}
div[id^='image-'] {
	margin-bottom:10px;
	position: relative;
}
/* if the the image is wrapped in a link, reset the link's style (/serc/site_guides/people.html)*/
div[id^='image-'] > a, .link-reset  {
	border:0 !important;
	text-decoration: none !important;
	padding:0 !important;
	margin:0 !important; 
}
div[id^='image-'] .main-image {
	width: 100%;
	cursor:pointer;
	margin-bottom:5px;
}
.shadow {
	-webkit-box-shadow: 3px 3px 5px #ccc;
	-moz-box-shadow: 3px 3px 5px #ccc;
	box-shadow: 3px 3px 5px #ccc; 
	background: #ffffff;
}
.shadow-dark {
	-webkit-box-shadow: 3px 3px 5px #777;
	-moz-box-shadow: 3px 3px 5px #777;
	box-shadow: 3px 3px 5px #777; 
	background: #ffffff;
}
.border {
	padding: 3px;
    border: 1px solid #ccc;
	background: #ffffff;
}
div[id^='image-'] div.hover {
	position: absolute;
	left: 0;
	bottom: 0;
	margin-bottom:6px;
	width: 100%;
	color: #fff;
	padding:4px;
	background-color: rgba(0,0,0,.7);
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
div[id^='image-']:hover div.hover{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000)";
}
div[id^='image-'] div.hover a {
	float:right;
	padding: 5px 10px;
}
div[id^='image-'] div.hover span{
	display: block;
	padding:5px 8px;
}
/* push new image tags a little to the left (inside the context box) */
.descriptionpullquote div[id^='image-'], .pullquote div[id^='image-'] {
	margin-right:10px;
}
.toggle-display {
	color:#ee7777;
}
div[id^="modal-"] {
	display:none;
}
div.underlay {
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 979;
	background-color: grey;
	opacity: 0.5;
	/*IE... order matters */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	cursor:pointer;
	
/*	background: #000;
	background: rgba(0,0,0,0.8);
	background: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
	background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
	background: -ms-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
	background: radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
	filter: alpha(opacity = 80);
	opacity: .8;
	-webkit-transition: 400ms opacity ease;
	-moz-transition: 400ms opacity ease;
	transition: 400ms opacity ease;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);*/
}
div.contents {
	position: fixed;
	top:5%;
	bottom:5%;	
	z-index:980;
	max-width:80%;
	max-height:90%;
	/* on modal image only */
	background: #D9D9D9;
	padding:6px;
	overflow: hidden;
}
div.contents img {
	height:100%;
	width:100%;
	z-index: 981
}

div.contents div.modal-exit {
	position:absolute;
	right:6px;
	top:5px;
	padding:3px 6px 9px;
	background: #D9D9D9;
	z-index: 982;
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
div.contents div.modal-exit .exit-click {
	font-size:3.6em;
	text-align:center;
	display:block;
	margin:0 auto;
	padding:10px 4px;
	width:45px;
}
div.contents div.modal-exit:hover {
	text-shadow: 0px 0px 10px #5c5c5c;
	filter: dropshadow(color=#5c5c5c, offx=0, offy=0);
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	cursor:pointer;
}

span.assessment-question {
	display:block;
	margin:5px 0;
}
div.assessment-item {
	margin-bottom: 15px;
}
div.assessment-item input {
	float:left;
	margin:2px 5px 0 15px;
}
div.assessment-item label {
	/**/
}
div.assessment-choice {
	min-height: 18px;
	display:block;
	margin:5px;
}
span.question-feedback {
	display:none;
	margin-left:25px;
	padding:0px 3px; 
}
.question-feedback-icon {
	float:left;
	padding:1px 6px;
}
/*add padding to new images in the feedback block
 other elements may need it too but it is
 risky to apply this padding to all children */
span.question-feedback > div[id^='image-']{
	padding:5px 25px 5px 5px; 
}

img.slideshare-thumb {
	cursor:pointer;
	padding:3px;
	border:1px solid #ccc;
}
.slideshare-click-msg {
	text-align:center;
	margin-left:6px;
	width:170px;
	display:block;
}
/******************/
/**responsive css**/
/******************/
/*body { 
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}*/

@media screen and (max-width:600px) { 
	div[id^='image-'] div.hover {
		position: relative;
		width: 100%;
		opacity: 1;
		float:none;
		border:1px solid #ccc;
		background:none;
		min-height:25px;
		color:black;
		padding:3px;
	}
	.thumbimage, .quarterimage, .narrowimage, .largeimage   {
		width:100%;
	}
}

#favoritesDisplay a{
	display: block;
	text-decoration: none;
	color: #557;
}

#favoritesDisplay ul{
	margin: 0;
	padding: 0;
}
#favoritesDisplay li{
	list-style-type : none;
	padding: 2px;
	padding-left:4px;
	margin-bottom: 1px;
}
#favoritesDisplay li:hover{
	border: 1px solid #ddd;
	padding: 1px;
	padding-left:3px;
	background: #f7f7f7;
}

#favoritesDisplay .toggle-display{
	font-size:9px;
	margin-top:0px;
	margin-left:5px;
}

.favoriteEditBox {
	position: absolute;
	top:10px;
	margin-left: -400px;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 3px solid #555555;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 3px #888888;
	display: none;
	padding: 10px;
	width: 400px;

}
.favoritesEditDelete{
	border: 2px solid #f00;
	color: #f00;

}
/* temp fix for Chrome (browser) until Dojo 1.8+
   http://bugs.dojotoolkit.org/ticket/15599 */
.dijitButton, .dijitButtonNode {
	-webkit-transition-duration: 0s, 0s !important;
}
/**
* 1.8 dijit tree style fixes (keep past 1.8 unless unneeded)
**/
.dijitTree {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.dijitTree .dijitTreeRow {
	width:100%;
}

/* When activating plugins (view source and find/replace that change the height
of the editor toolbar or something else, it incorrectly sets heights to parent nodes
which stops auto expanding */
.dijitEditor, .dijitEditor .dijitEditorIFrameContainer {
	height: auto !important;
}

.authorprofilelink{
	display:inline-block;
	color: #fff;
	background: #aaa;
	margin: 3px;
	margin-bottom: 8px;
	padding: 0px 3px;
	font-size: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 3px #aaa;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	float:right;     
}

.author .authorprofilelink{
	float:none;
}

.authorprofile{
    float:right;      

}
.authorprofilelink:visited {
	color: #fff;          
}

/*supress toggle image in front of 'about the authors' button */
.authorprofile-hideshow img{
	display: none;
}
.authorprofile-hideshow{
	display: inline;
}
.authorprofile-hideshow .shownversion{
	background: #fff;
}
/* added 8/12 ml - use css for input width, not col attr or inline */
.serc-form input[type='text'] {
	width:40%;
	/*min-width here breaks dijits like DateTextbox and Combobox applied on input[type='text'] nodes*/
}
.serc-form textarea {
	width:60%;
	min-width:250px
}

.best-bets {
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 320px;
	margin-top: 10px;
	background: #eef;
}

.best-bets h3{
	background: #aac;
	color: #fff;
	padding: 3px;
	margin: -5px;
	margin-bottom: 5px;
	font-size: 1em;
}

.best-bets .searchhitdiv{
	margin-top: 6px;
	background: #fafaff;
	padding: 4px;
	min-height: 80px;
}

#serc-account-bar{
	background: #ccc;
	width: 100%;
	height: 20px;
	z-index: 100;
	position: absolute;
	top:0;
	left:0;
}
#serc-account-link{
	float: right;
	margin-right: 0px;
	display: block;
	width: 300px;
}

#serc-account-link:hover{
	z-index: 100;
}

#serc-account-link a{
	text-decoration: none;
}
#serc-account-link a:hover{
	text-decoration: underline;
}

#accountMenuTitle{
	padding: 1px;
	display:block;
	margin: 0px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #777;

}
#accountMenuTitle button, #accountMenuTitle button:visited{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #777;
	background: none;
	border: none;
}

#serc-account-link #accountMenuTitle button:hover{
	color: #fff;
	background: #333;
	margin-bottom: 0;
	text-decoration: none;
}
#favAddedAlert{
	display:block;
	font-weight:bold;
	color:#fff;
	background: #fff;
	position:relative;
	font-size: 12px;
	padding: 10px;
	background-color: rgba(100,100,100,.7);
}

#serc-account-link #fullAccountMenu a{
	text-decoration: none;
	color: #557;
}

#serc-account-link #fullAccountMenu ul{
	margin: 0;
	padding: 0;

}
#serc-account-link #fullAccountMenu li{
	border: 1px solid #fff;
	color: #333;
	padding: 1px;
	padding-left:3px;
	list-style-type : none;

}

#serc-account-link #fullAccountMenu li:hover{
	border: 1px solid #ddd;
	padding: 1px;
	padding-left:3px;
	background: #f7f7f7;
}


#serc-account-link #fullAccountMenu{
	display:none;
	padding: 3px;
	border: 1px solid #555;
	padding-right:0;
	border-right: 0;
	border-top: 0;
	background: #fff;
	z-index: 100;
	-moz-border-radius: 0px 0 0px 5px;
	-webkit-border-radius: 0px 0 0px 5px;
	border-radius: 0px 0 5px 5px;
	box-shadow: 0px 2px 4px 2px #aaa;
	margin-left:0;
	width: 196px;
}

#serc-account-bar{
	/* we disable this bar by default and only turn it on in each specific chrome */
	display:none;
}

.searchhitdiv div.reviewed-label{
	color: #696969;
	background: #f2f2f2;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 1em;
	text-align: center;
	border: 2px solid #ddd;
	padding: 4px;
	float: left;
	display:inline-block;
	margin-bottom: 10px;
	margin-top: 3px;
	margin-right: 10px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;

}
.searchhitdiv div.reviewed-label .righttip{
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;

}
.searchhitdiv div.reviewid-38{
	color: #797;
	background: #eef4ee;
	border: 2px solid #ded;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

.searchhitdiv div.reviewid-9{
	color: #bad761;
	background: #111;
	border: 2px solid #e9742e;
	font-family: 'Lucida Grande','Lucida Sans Unicode',Lucida,Arial,Helvetica,sans-serif;
}

.searchhitdiv div.reviewid-3{
	color: #ecbd45;
	background: #fcf9ef;
	border: 2px solid #f3d179;
	font-family: 'Lucida Grande','Lucida Sans Unicode',Lucida,Arial,Helvetica,sans-serif;
}

.searchhitdiv span.ai-short-summary{
	display: inline-block;
	font-size: .8em;
	margin-left: 8px;
	padding: 0 5px 0 5px;
	background: #efefef;
	border-radius: 5px;

}


.searchhitdiv{
	padding: 6px;
	border: 2px solid #f6f6f6;
	margin-bottom: 10px;
	border-radius: 3px;

	
}

.searchhitdiv:hover{
	border: 2px solid #eee;
	background: #fafafa;

}
/* Dropdown icon (downwards arrow) via pseudo element: use with empty <span> */
/* From Atlassian UI framework: https://developer.atlassian.com/display/AUI/AUI+Dropdown2#AUIDropdown2-Whatisit? */
.aui-icon-dropdown, .aui-icon-dropdown-white {
    border: 4px solid transparent;
    border-top-color: #333;
    content: "";
    display: inline-block;
    height: 0;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
    position: relative;
    vertical-align: baseline;
    width: 0;
	color:black;
}
.aui-icon-dropdown-white {border-top-color: #fff;}


.animate-bounce {
	/* This class bounces the element 10 times */
	
	/* name duration timing-function delay iteration-count direction */
	-webkit-animation: bounce 1s ease-out 1s 10;
	-moz-animation: bounce 1s ease-out 1s 10;
	-o-animation: bounce 1s ease-out 1s 10;
	animation: bounce 1s ease-out 1s 10;
}
@-webkit-keyframes bounce {
	0% { -webkit-transform:translateY(0); }
	10% { -webkit-transform:translateY(-20%); }
	20% { -webkit-transform:translateY(-30%); }
	30% { -webkit-transform:translateY(-40%); }
	40% { -webkit-transform:translateY(-30%); }
	50% { -webkit-transform:translateY(-20%); }
	60% { -webkit-transform:translateY(0); }
}
@keyframes bounce {
	0% { transform:translateY(0); }
	10% { transform:translateY(-20%); }
	20% { transform:translateY(-30%); }
	30% { transform:translateY(-40%); }
	40% { transform:translateY(-30%); }
	50% { transform:translateY(-20%); }
	60% { transform:translateY(0); }
}

/* page-wide image as with [imagebanner] tag */
.imagebanner{
	top: 0;     /*this one should be over-riden in local chrome */
	width: 100%;
	position: relative;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333; 
	background-repeat: no-repeat;
	z-index: 0;
}
.imagebanner-transparent-fade{
	position: absolute;
	top: 0px;
	z-index: -2;
	background: transparent;
}

/* Show/hide divs based on user's NAGT membership status */
body div[class^=nagt_]
{ display:none; }
body.nagt_member div.nagt_member, 
body.nagt_not_member div.nagt_not_member, 
body.nagt_status_active div.nagt_status_active, 
body.nagt_status_lapsed div.nagt_status_lapsed, 
body.nagt_status_waiting div.nagt_status_waiting,
body.nagt_status_in_progress div.nagt_status_in_progress 
{ display:block; }

/* 2014 footer */
#subfooter-2014 {
	background:#eee;
	font-size:14px;
	line-height: 16px;
	padding-left:10%;
	padding-bottom:50px;
	z-index: 1;
	clear: both;
	word-wrap: break-word;
}

@media screen and (max-width:600px) {
	#subfooter-2014 {
		padding-left:2%;
	}
}

#subfooter-2014 abbr {
	border-bottom: 1px grey dotted;
}
#subfooter-2014 .col {
	width:100px;
	min-height:100px;
	display:inline-block;
	vertical-align: top;
	margin-left: 2%;
}
#subfooter-2014 .col-150 {
	width:150px;
}
#subfooter-2014 .col-200 {
	width:200px;
}
#subfooter-2014 .col-300 {
	width:300px;
}
#subfooter-2014 .col-400 {
	width:400px;
}
#subfooter-2014 .col h3 {
	padding:10px;
	padding-left:0;
}
#subfooter-2014 .col ul {
	margin:0;
	padding:0;
}
#subfooter-2014 .col ul li, #subfooter-2014 #media_reuse_list ul li {
	list-style: none;
	padding:3px;
	padding-left:0;
}
#subfooter-2014 #media_reuse_list, #subfooter-2014 #page_reuse_text {
	display:none;
}
#subfooter-2014 #media_reuse_list ul li  {
	padding:4px;
	margin-bottom:10px;
}
#subfooter-2014 #media_reuse_list h5, #subfooter-2014 #page_reuse_text h5{
	margin:8px 0 0;
}
#subfooter-2014 #page_reuse_text {
	margin:10px 0;
}

/* various style improvements imported from InTeGrate with generic colors that should
 * be over-ridden
 *
 * start with defining some standard colors that really should be handled with less or
 * some other pre-processor,  3 standard 'dark' colors and 3 'light' ones
 */

.dark1{
	color: #111;
}
.dark2{
	color: #333;
}

.dark3{
	color: #555;
}
.light1{
	color: #eee;
}
.light2{
	color: #ccc;
}
.light3{
	color: #aaa;
}

.bg-dark1{
	background: #111;
}
.bg-dark2{
	background: #333;
}

.bg-dark3{
	background: #555;
}
.bg-light1{
	background: #eee;
}
.bg-light2{
	background: #ccc;
}
.bg-light3{
	background: #aaa;
}

/* image-block-bottom is linked image rectangle with text overlayed in transparent block at bottom */
a.image-block-bottom {
	display: block;
	position: relative;
	margin: 15px;
	border: 1px solid #ccc;
	background-repeat: no-repeat;
	background-clip: padding-box;
	background-size: 100% auto;
	height: 220px;
	width: 350px;
	color: #fff;
	text-decoration: none;
	font-size: 120%;
}
a.image-block-bottom:visited {
	color:#fff;
}
.image-block-bottom .image-block-content{
	width: 330px;
	position: absolute;
	bottom: 0;
	background: #333;
	background-color: rgba(17,17,17, 0.7);
	padding: 10px;
	line-height: 1.2em;
}

/* image-block-left is a full width linked bar with image at left edge
*  image-block-left-clear is the same but with a clear background, no rounded corner
*  and the entire image always visible (image floating next to text as a link)
*/ 
a.link-bar-left, a.image-block-left, a.image-block-left-clear{
	width: 97%;
	display: block;
	position: relative;
	margin: 15px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-clip: padding-box;
	background-size: auto 100%;
	text-decoration: none;
	min-height: 100px;
	color:#555;

}

a.link-bar-left, a.image-block-left{
	background: #111;
	border-radius: 50px 50px 50px 50px;
	border: 1px solid #ccc;

}
a.link-bar-left:hover, a.image-block-left:hover {
	border: 1px solid #333;
}
a.image-block-left-clear:hover {
	border: 1px solid #eee;
}
a.link-bar-left:visited, a.image-block-left:visited, a.image-block-left-clear:visited {
	color:#555;
}
a.link-bar-left img, a.image-block-left img{
	float: left;
	margin-right: 15px;
	width: 5%;
}
a.image-block-left .image-block-content{
	padding: 10px;
	margin-left: 22%;
	border-radius: 0px 50px 50px 0px;
	min-height: 100px;

}

a.link-bar-left .link-bar-content{
	padding: 10px;
	margin-left: 22%;
	border-radius: 0px 50px 50px 0px;
	min-height: 100px;
}


a.image-block-left-clear .image-block-content{
	padding: 10px;
	min-height: 100px;
}
a.image-block-left-clear img{
	margin-right: 10px;
}

.ie8 a.image-block-left .image-block-content {
	margin-left: 0%;
}

.ie8 a.link-bar-left .link-bar-content {
	margin-left: 0%;
}


a.link-bar-left h3, a.image-block-left h3{
	font-size: 155%;
	line-height: 1.2em;
	margin-top: 0;
}
a.link-bar-left h3 b, a.image-block-left h3 b{
	font-weight: bold;
}

a.image-block-left-clear .image-block-content h2, a.image-block-left-clear .image-block-content h3 {
	margin-top: 0;
}


.abs-center {
  width: 100%;
  height: 50%;
  overflow: visible;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.padded2{
	padding: 2%;
}

.padded10{
	padding: 10%;
}

/*--standard faceted search form ---*/

.facetedsearch{
	padding: 10px;
	background: #f6f6f6;
	border-radius: 3px;
	max-width: 350px;
}
.facetedsearch input{
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	font-size: 1.1em;
	border-radius: 3px;
}
.facetedsearch input[type='text']{
	width: 70%;
}
.facetedsearch input[type='submit']{
	width: 25%;
}
.facetedsearch input:-webkit-input-placeholder {
    color:    #aaa;
}
.facetedsearch  input::-moz-placeholder {
    color:    #aaa;
}

.facetedsearch + a.searchhelp {
	margin-top: -10px;
	display: block;
	float: left;
}

.padding-box3{
	padding:3%;
}

.padding-box6{
	padding:6%;
}
.padding-box10{
	padding:10%;
}

/** generic static CSS for recommendation blocks that don't use LESS chromes yet **/
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover,a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #999;
}

.label-default[href]:hover,.label-default[href]:focus {
    background-color: #808080;
}

.label-primary {
    background-color: #428bca;
}

.label-primary[href]:hover,.label-primary[href]:focus {
    background-color: #3071a9;
}

.label-success {
    background-color: #5cb85c;
}

.label-success[href]:hover,.label-success[href]:focus {
    background-color: #449d44;
}

.label-info {
    background-color: #5bc0de;
}

.label-info[href]:hover,.label-info[href]:focus {
    background-color: #31b0d5;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-warning[href]:hover,.label-warning[href]:focus {
    background-color: #ec971f;
}

.label-danger {
    background-color: #d9534f;
}

.label-danger[href]:hover,.label-danger[href]:focus {
    background-color: #c9302c;
}

#recommend-block {
	position: relative;
    min-height: 230px;
    background: #fff;
    border-bottom: 1px solid #a67271;
    padding-bottom: 50px;
}

#recommend-block .label {
    line-height: inherit;
}

#recommend-wrapper{
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	padding-top: 10px;
	padding-bottom: 35px;
	margin-left: 30px;
}

#recommend-block .recommend-element {
	display: block;
	flex: 0 0 auto;
	max-width: 140px;
	overflow-wrap: break-word;
	margin: 10px 20px 0 0;
	padding: 10px;
	text-decoration: none;
}
#recommend-block h3 {
    font-size: 14px;
    margin-top: 0;
    color: #fff;
    background: #a67271;
    padding: 2px;
    padding-left: 40px;
}

#recommend-block .recommend-description {
    padding-left: 40px;
}

#recommend-block .quarterimage {
    width: auto;
    max-width: 200px;
}

#recommend-block .recommender-module-context {
    font-size: 70%;
    line-height: 140%;
}

#recommend-block .recommendation-admin {
    display: none;
}