/*@import url("/admin/css/tabs.css");*/
/* ============ CORE LAYOUT STRUCTURE ===========
	body {
		body-wrapper {
			header {}
			body-container {}
			footer {}
		}
	}
http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/
==================================================
*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/css/fonts/opensans.woff) format('woff');
}


html,
body {
	margin:0px;
	padding:0px;
	background-color: #eef1f2;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	-webkit-text-stroke: 0.2px;
	font-size:13px;
	padding:0px;
	margin:0px;
	color:#333333;
	height:100%;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

/* certain content should render only when css is disabled */
.accessibilityHints {
	display:none;
}

/* Accessibility Elements */
.skipnav {float:left;}
.skipnav a {position:absolute;left:-9999px;z-index:9999999;}
.skipnav a:focus,.skipnav a:active {float:left;position:absolute;left:10px;padding:0.5em 10px 0.5em 10px;margin:1em 10px 1em 10px;color:white;background:#222222;}
.accessibleLink,.accessibleHeader {display:none;}

.container {
    margin: 0px auto;
    width: 989px;
}

#body-wrapper {
	position:relative;
	min-height:100%;

	/*padding-bottom:120px;*/
}
#header {
	position:relative;
	/*margin:0px auto;*/
	border: 0px;
}
#body-container {
	overflow: hidden;
	padding-left:2px;
	padding-right:2px;
	/*following needs to be at least as large as the footer's margin-top, with a bit extra for spacing*/
	padding-bottom:220px;
}


.ie8 #body-wrapper {
	position:static;
}

.iotdwhitebox {
	background-color: white;
	border-bottom: 1px solid #888888;
	box-shadow: 1px 1px 4px #666666;
}

/* sticky footer */
#footer {
	position:relative;
	min-width:989px;
	width:100%;
	height:150px;
	padding-top:5px;
	border-top:5px solid black;
	margin-top:-160px;/* margin-top needs to be the sum of height + padding + border */
	bottom:0px;
	font-size:8pt;
	color:white;
	background-color: #222222;

	-webkit-text-stroke: 0.0px;

	box-shadow: 0px 0px 3px 2px #000000;
}

/* ============ KEYWORD SEARCH AT HOME =========== */
#keyword-search-home {
	position:absolute;
	right:2px;
	margin:35px 0px 10px 0;
	top:-20px;
	height:30px;
}
#keyword-search-home input {
	text-align:center;
	background-color: white;
	font-family: 'Open Sans', sans-serif;
	font-size:12pt;
	height:24px;
	border:1px solid #777777;
	border-radius: 3px;
	width:200px;
	padding:2px 10px 0 5px;
	margin-right:0px;
}
input:focus::-webkit-input-placeholder
{
    color: transparent;

}

a:focus { outline: thin dotted; }
fieldset { border:0 none; margin:0px; padding:0px; }
fieldset legend {
	margin:0px 0px 0px 0px;
	padding:10px 0px 6px 0px;
	font-size:110%;
	font-weight: bold;
	clear:both;
}


::-webkit-input-placeholder { /* WebKit browsers */
    color:    #777;
    text-align:center;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #777;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #777;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #777;
}

#keyword-search-home .p.input,
#keyword-search-home .p {
	margin:0;padding:0;

}
#keyword:hover {
	background-color: #ffffff;
}


#keyword-search-home .icon-search {
	position:absolute;
	border-radius:0 2px 2px 0;
	top:1px;right:4px;
	text-align:center;
	width:28px;
	height:23px;
	background-color: #000;
	text-decoration:none;
	font-size:11pt;
	padding-top:3px;
	color:white;
}
#keyword-search-home .icon-search:hover {
	text-shadow: 0 0 0.1em #ff0,0 0 0.2em #ff0,0 0 1em #aa0;
	cursor:pointer
}



/*#header .search-form p {
	position:absolute;
	right:0px;
	top:20px;
}
*/

/* ============== FOOTER DETAILS ============== */
#footer a:link,
#footer a:active,
#footer a:visited {
	text-decoration:none;
	display:block;
	float:left;
	padding:0px 50px 0px 0px;
	font-size:11px;
	color:white;
}
#footer a:hover {
	text-decoration: underline;
}

#footer .pageGenTime {
	position:absolute;
	display:block;
	float:right;
	right:10px;
	top:10px;
	color:white;
	font-size:9px;
	opacity: 0.6;
	font-weight: bold;
}

/* footer positioning */
#footer .footerWrapper {
	width: 985px;
	margin: 0px auto;

}
#footer .footerWrapper .block {
	position:relative;
	float:left;
	min-width:150px;
	max-width:280px;
	padding-right:10px;
}

#footer .footerWrapper .col1 {
	padding-right:30px;
	padding-left:5px;
}
#footer .footerWrapper .col2 {
	padding-right:0px;
	width:250px;
}
#footer .footerWrapper .col3 {
	padding-left:40px;
	padding-right:40px;
}

/* formatting */
#footer .footerWrapper .block h2 {
	font-size:14px;
	color:#5FBE16;
	color:#78BE20;
	text-transform:uppercase;
	margin-bottom:0px;
	padding:5px 0 3px 0;
	-webkit-text-stroke: 0.2px;
}
#footer .footerWrapper .block p {
	margin:0 0 10px 0;padding:0 0 0 0px;
}

/* for social media icons */
#footer .footerWrapper .block dl {
	margin:0px;
	padding:0px;
}
#footer .footerWrapper .block dt {
	/*border:1px solid green;*/
	float:left; clear:left;
	width:20px;
	text-align:left;
}
#footer .footerWrapper .block dd {
	/*border:1px solid green;*/
	margin:0 0 0 25px;
	padding:0px;
	margin-bottom:8px;
}

/*
	category columns; would like to use css3 columns
	however IE doesn't support it until V10.
*/
#footer .footerWrapper .block .column {
	width:50%;
	/*background-color: red;*/
	float:left;
}


/* ============ LIGHTBOX / MY ALBUM =========== */

#light-box {
	position:absolute;
	right:350px;
	top:15px;
	z-index:9999;
}

#light-box > a {
	background-color: white;
	height:21px;
	border:1px solid #777777;
	border-radius: 3px;
	display:block;
	padding:3px 10px 2px 15px;
	text-decoration:none;
	font-size:12pt;
	font-family: 'Open Sans', sans-serif;
	min-width: 70px;
	margin:0px 0px 0px 0px !important;
	color:#777;

	width:80px;
	position:relative;
	z-index:10000;
}
#light-box > a:hover {
	background-color: #ffffdd;
}

#light-box .icon-cloud-download {
	position:absolute;
	border-radius:0 2px 2px 0;
	top:0px;right:0px;
	text-align:center;
	width:27px;
	height:23px;
	background-color: #000;
	text-decoration:none;
	font-size:11pt;
	padding-top:3px;
	color:white;
}
#light-box .icon-hdd:hover {
	text-shadow: 0 0 0.1em #ff0,0 0 0.2em #ff0,0 0 1em #aa0;
	cursor:pointer
}


#light-box .download-all-lightbox {
	text-decoration: none;
	/*background-color: black;*/
}

#light-box .download-all-lightbox a:hover {
	background-color:  #07738F;
	color:white;
	padding: 2px 2px;
}


/*????*/
#header #light-box > a span#lightbox-count span {
	padding:0px 4px 0px 0px !important;
	}

/* wrapper around items list in lightbox dropdown */
#header #light-box-items {
	background-color: white;
	border: 1px solid #777777;
	display: none;
	margin: 5px 0 0;
	padding: 5px 5px 5px;
	position: absolute;
	right:227px;
	top:50px;
	z-index: 999;
	width:218px;
	box-shadow: 1px 1px 4px #666666;

	border-radius:5px 5px 5px 5px;
}
/*????*/
#header #light-box-items img {
	width:100%;
	border:1px solid black;
}
/*????*/
#header #light-box-items p {
	padding:0px 0px 0px 5px;
	margin:0px;
	width:80px;
	float:left;
}
/*???? messy - move it up */
#header #light-box-items p .download-all-lightbox {
	background-color: black;
	width:200px;
}
#header #light-box-items div.lightbox-item-first {
	border:none;
}

/*  --------------- >>> todo: get rid of styles not used */
.lightbox-item {
	float:left;
	padding:7px 0px;
	margin:0px 0px;
	border-top:1px dotted #ccc;
}

.lightbox-img {
	position:relative;
	float:left;
	width:115px;
	vertical-align: top;
	margin:0px;padding:0px;
	padding-right:5px;

	border:none;
}
.lightbox-title {
	position:absolute;
	color:white;
	font-size:7pt;
	bottom:5px;
	left:1px;
	background:#ccc;
	opacity:.3;
	filter:alpha(opacity=30);
}
.lightbox-title-text {
	position:absolute;
	color:white;
	font-size:7pt;
	bottom:5px;
	left:1px;
	text-shadow: 0 0 0.2em #000;
	filter: Shadow(Color=#222222, Direction=145, Strength=2);
	z-index: 999;
}
.lightbox-title-text a {
	text-decoration: none;
	color:white;
}
.lightbox-title-text a:hover {
	text-decoration: none;
	color:yellow;
}
.lightbox-full {
	background-color: #efefef;
	border-bottom:1px solid black;
	border-top:1px solid black;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	font-size:8pt;
}
.download-all-lightbox  {
	clear:left;
	position:relative;
	top:-50;
	border-top:1px dotted #ccc;
	background-color: ##efefef;
	color:black;
	line-height: 20px;
	vertical-align: top;
	text-align: center;
	text-decoration: underline;
	width:100%;
	margin:0px; padding:0px;
}
.download-all-lightbox a {
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	vertical-align: top;
	color:black;
}

.lightbox-links a {
	display:block;
	background-image:url("images/icons-sprite.png");
	background-repeat: no-repeat;
	font-size: 12px;
    text-decoration: none;
    text-transform: capitalize;
	color:#333333;
	padding:0px 0px 0px 15px !important;
	margin:0px 0px 3px 0px !important;
	}
.lightbox-links a.remove-from-lightbox {
	background-position : 0px 1px;
}
.lightbox-links a.lightbox-item-info {
	background-position : 0px -311px;
}
.lightbox-links a:hover {
	border-right: 1px solid  #07738F;
	background-color: #efefef;
}


.lightbox-links a.lightbox-item-download {
	background-position : 0px -330px;
}
.lightbox-no-items {
	font-size:12px;
}
.add-to-lightbox {
	position:absolute;
	font-size:165%;
	z-index:99;
	right:8px;
	top:1px;
	margin:0px;
	padding:0px;

	opacity:0.8;
	filter:alpha(opacity=80);
	text-shadow: 0 0 0.1em #000,0 0 0.2em #000,0 0 2em #aaa;
	filter: Shadow(Color=black, Direction=0, Strength=2);

	/*text-align: right;*/
	color:white;
	text-decoration:none;
}
.add-to-lightbox:hover {
	color:yellow;
	font-size:200%;
}

.add-to-myalbum {
	position:absolute;
	font-size:16px;
	z-index:99;
	right:6px;
	top:5px;
	margin:0px;
	padding:0px;

	opacity:0.5;
	filter:alpha(opacity=50);
	text-shadow: 0 0 0.1em #000,0 0 0.2em #000,0 0 1em #aaa;
	filter: Shadow(Color=black, Direction=0, Strength=1);

	/*text-align: right;*/
	color:white;
	text-decoration:none;
}
.add-to-myalbum:hover {
	color:yellow;
}

/* ========================================= */


h1 {
	margin:0px;
	padding:0px;
	font-size:18px;
	width:400px; /* Need a width limit or otherwise if people miss the lightbox item when clicking, they'll get dumped to front page  */
}
label {
	cursor:pointer;
}
h1 a:link,
h1 a:active,
h1 a:visited,
h1 a:hover {
	display:block;
	background:url("images/scienceimagelogo.png") no-repeat 0px 0px;
	text-decoration:none;
	padding:30px 0px;
}
h1 a span {
	visibility:hidden;
}
h2 {
	text-transform:uppercase;;
	/*font-family:'MyriadProRegular',sans-serif;*/

	margin:0px;
	padding:0px 0px 10px 0px;
}

h3 {
	margin:10px 0px 0px 0px;
	padding:0px 0px 6px 0px;
	font-size:110%;
	clear:both;
}




form {
	margin:0px;
	padding:0px;
}


h3.strike {
	position:relative;
	border-bottom:1px solid #eee;
	height:8px;
	font-size:14px;
}

h3.strike span {
	position:absolute;
	display:inline-block;

	padding:0px 00px 0px 0px;

}

a:link,
a:active,
a:visited,
a:hover,
input, textarea {
	/*outline:none !important;*/
	margin:0px;
	padding:0px;
}

a img {
	border:none ;

}
/* ------------------------------------------------------------------*/
/*  SEARCH SCREEN:      Body Container Left                          */
/* ------------------------------------------------------------------*/

.leftwrapper {
	float:left;
	width:158px;
	margin:0px 25px 0px 0px;
	padding:0px 45px 5px 2px;
}
/* OK: Left hand search box */
.body-container-left {
	margin:0px 25px -0px 0px;
	padding:10px 50px 0px 8px;
	/*border-left:1px solid #dddddd;*/
	/*border-top:1px solid #dddddd;*/

	width:157px;
	background-color: white;
	box-shadow: 1px 1px 4px #666666;
}
.body-container-left:not(:first-child){
	margin-top:20px;
}
.body-container-left .columns {
	padding:0px;margin:0px;
	text-align:left;font-size:8pt;
	columns:50px 2;
	-webkit-columns:50px 2;
	-moz-columns:50px 2;

}
.body-container-left label {
	font-size: 7pt;
}
.body-container-left ul {
	font-size:8pt;
	margin:00px 0px 0px 02px;
	padding:0px;

	list-style-type:square;
}

.body-container-left h2 {
	font-size:10pt;
	border-bottom:1px dotted gray;
	margin-bottom:5px;
	padding-bottom:10px;
	width:200px;
}
.body-container-left h2:not(:first-child) {
	margin-top:10px;
}
.body-container-left p {
	margin:0 0 5px 0;
	/*background-color: red;*/
	width:200px;
	font-size:8pt;
}

/* for social media icons */
.body-container-left dl {
	margin:0px;
	padding:0px;
	font-size:7pt;
}
.body-container-left dt {
	/*border:1px solid green;*/
	float:left; clear:left;
	text-decoration: underline;
	width:20px;
	text-align:left;
}
.body-container-left dd {
	/*border:1px solid green;*/
	margin:0 0 0 40px;
	padding:0px;
	margin-bottom:4px;
}

.body-container-left ul {
	list-style:none;
	list-style-type:none;

}
.body-container-left li {
	margin-left:10px;
	padding-bottom:2px;
	/*border-bottom:1px dotted grey;*/
}

.body-container-left li ul li {
	margin-left:10px;
	border:none;
}
.body-container-left .pagination-side a {
	text-decoration: none;
	color:black;
}
.body-container-left .pagination-side a:hover {
	text-shadow: 0 0 0.1em #ff0,0 0 0.2em #ff0,0 0 1em #aa0;
}

.body-container-left .pagination-side {
	border-bottom:1px solid #eeeeee;
	padding:0 0 4px 0;
	position: relative;
	margin:0 0 0 5px;
	width:189px;
	text-align:center;
	margin-bottom: 5px;
}

/* ------------------------------------------------------------------*/
/*  Sharing															 */
/* ------------------------------------------------------------------*/

.icon-facebook-sign {
    color: #3b5998;
}

.icon-twitter-sign {
    color: #55ACEE;
	}

.icon-pinterest-sign {
    color: #B91E23;


}

.icon-tumblr-sign {
    color: #2f4b66;


}

.icon-google-plus-sign {
    color: #dd4b39;


}


.icon-cog.icon-white { color: white; }

/* ------------------------------------------------------------------*/
/*   New frontpage - images                                          */
/* ------------------------------------------------------------------*/

#imagecontainer {width:990px; height:380px; margin:0px;margin-top:15; padding-top:15px; padding-right:0px; border:none;}
#imagecontainer img {margin:0px; border-bottom: 1px solid #efefef; }

#imagecontainer .wide { width: 492px; }
#imagecontainer .short { width: 245px; height: 181px; margin-bottom:11px;margin-right: 0px; }

/*.short img { max-height: 131px; }*/

.imageitem {
	padding:0px; margin:0px;
	overflow:hidden;
	width:225px;
	float:left;
	margin:0px;
	margin-right: 10px;
	margin-bottom:2px;
	/*padding-right:5px;*/
	border-bottom: 1px solid #888888;
	box-shadow: 1px 1px 4px #666666;
}

.col2 { width: 245px; }
.col2 img { max-width: 245px; }
.wide img { max-width: 495px; width:495px; }

.imageitem a:link,
.imageitem a:active,
.imageitem a:visited {
	text-decoration:none;
	color:black;
}
.imageitem a:hover {
	text-decoration:underline;

}

.imagewrapper {background-color: red; min-height:300px;width:200px;}
.textwrapper {background-color: white;padding-top:3px;padding-bottom:3px;margin:0px;margin-top:-5px; height:18px; }

.imageitem p {
	font-size:12px;margin:0px; margin-left:0px;
}

/**** Clearfix ****/

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ------------------------------------------------------------------*/
/*                          FEATURED IMAGE                           */
/* ------------------------------------------------------------------*/

/*#featured-images {
	width:610px;
}
#featured-images div {
	display:block;
	padding:6px;
	border:1px solid #e7e7e7;
	margin:0px 13px 0px 0px;
	height:131px;
	width:177px;
	text-align:center;
	float:left;
	position:relative;
}
#featured-images .last {
	margin:0px;
}
#featured-images .first {
	clear:left;
	margin:0px;
}

*/
/* -------------------------------*/
/*       HOMEPAGE LIBRARIES + TAGS
/* -------------------------------*/
#homescreen {
	/*width:990px;*/

	/*position:relative;*/
}
#homescreen h3 {

	/*color:#fff;*/
	/*font-family:"MyriadProRegular";*/
	font-weight:bold;
	font-size:16px;
	padding:0px;margin:0px;
}

/* for social media icons */
#homescreen .libraries  {
	margin-top:35px;
	padding:0px;

}

.libraryTagList {

	list-style:none;
	/*width:300px;*/
	list-style-type:none;
	margin:0 ;
	padding:0 0 0 0;

}
.libraryTagList.assetDetail {
	margin-top:15px;
}

.libraryTagList li {
	padding:2px 2px 2px 0;
	margin:0;
	position:relative;

	/*white-space: nowrap;*/


}
.libraryTagList strong:first-of-type {
	margin-left:0px;
}
.libraryTagList a:link,
.libraryTagList a:active,
.libraryTagList a:visited {
	box-shadow: 1px 1px 4px #666666;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	color:black;
	background-color:#FFB81C;
	padding:1px 13px 0px 10px;
	margin-bottom:20px;
	line-height: 20px;
	margin-right:1px;
	margin-left:1px;
	text-decoration:none;
	z-index:99;
	/*overflow:hidden;*/
}
.libraryTagList strong a:active,
.libraryTagList strong a:visited,
.libraryTagList strong a:link {
	color:#FFC82C;
	background-color: #000000;
}

.libraryTagList a:hover {
	text-decoration: underline;
	 /*#07738F;*/
}

/* reduce size of tags when used on the asset details page */
.assetDescription .libraryTagList a {
	font-size:85%;
}

.assetDescription {
	margin-top:5px;
	font-size:90%;
}

#assetHeader h4 {
	color: #78BE20;
}

.assetHeader h4 {
	color: #78BE20;
}

form {
	margin:0px;
	padding:0px;
}


/*---------------------------------------*/
/* 2013: Used on index list of assets    */
/*---------------------------------------*/
#asset-list-view {
	width:760px;
	padding:0px;
	margin:0px;
	list-style:none;
	list-style-type:none;
}

#asset-list-view .image {
    position:absolute;
    left:4px;
    top:5px;
}
/* controls margin spacing around each thumbnail */
#asset-list-view li {
	float:left;
	background-color: white;
	/*border-left*/:1px solid #dddddd;
	/*border-top:1px solid #dddddd;*/

	position:relative;
	margin-bottom:11px;
	margin-right:7px;
	box-shadow: 1px 1px 4px #666666;
}


#asset-list-view div {
	display:block;
	padding:6px;
	/*border:1px solid #e7e7e7;*/
	margin:0px 0px 0px 0px;
	height:110px;
	width:170px;
	text-align:center;
	float:left;
	position:relative;
}

#asset-list-view .last {
	display:block;
	margin:0px 0px 0px 0px;
	float:left;
}

#asset-list-view .first {
	clear:left;
}

#asset-view-detail-image {
	text-align:center;
	position:relative;
	background-color: white;
	padding:3px;margin:0px;
	padding-bottom: 0px;
	width:calc(100%-5px);
	width:-webkit-calc(100% - 10px);
	box-shadow: 1px 1px 4px #666666;
}

/* fine control over the big image */
#asset-view-detail-container img {
	padding-right: 1px;
}
#asset-view-detail-container a:focus {
	background-color: red;
}

#asset-view-detail-video {
	text-align:center;
	width:739px;
	position:relative;
	background-color: black;
	padding:3px;margin:0px;
	padding-bottom: 0px;
	box-shadow: 1px 1px 4px #666666;
}


/* IOTD header @  image of the day page */
#asset-view-detail-container h3 {
    position:absolute;
    color:#fff;
    font-weight:normal;
    background:#004b87;
    font-size:10pt;
    float:left;
    clear:both;
    padding:7px 15px 7px 15px;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:20px;
	-webkit-box-shadow:4px 2px 10px -5px #000;
    z-index:100;
}

#asset-view-detail-container p {
	margin:0px;
	padding:8px 12px;
}

/* IOTD header @ home page */
#iotd {
	z-index:100;
	position:relative;
	right:0;
	float:right;
	bottom:-20px;
	margin-right:2px;
	padding-top:40px;
}
#iotd .imageLabel {
	/*border-radius : 22px 22px 0 0;*/
	border-radius : 0 0 22px 22px;
	width:247px;
	text-align: center;
    position:absolute;
    bottom:6px;
    color:#fff;
    line-height: 24px;
    opacity:.6;
    border-top: 2px solid black;
    font-weight:normal;
    background:black;
    font-size:10pt;
    float:left;
    clear:both;
    padding:0px 0px 2px 0px;
    margin:2px 2px 0px 2px;
	text-transform:uppercase;;
	clear:both;
	/*-webkit-box-shadow:4px 2px 10px 5px #000;*/
}
#iotd .imageLabel a:hover{
	text-decoration: underline;
}
#iotd img {
	z-index:2000;
	border:3px solid black;
	border-radius : 25px;
	box-shadow: 1px 1px 4px #666666;
}

#asset-list-view li p.asset-title {
	font-size:10px;
	text-align:left;
	clear: left;
	vertical-align: bottom;
	padding-left:8px;

}
.asset-title a {
	text-decoration:none;
	color:black;
	background-color: white;
}
.asset-title a:hover {
	text-decoration:underline;
}
.asset-title a:focus {
	text-decoration:underline;

}
/*admin styling */
.admin-rating {
	cursor:pointer
}
#asset-list-view .admin {
	height:225px;
	font-size:7pt;
	border-top:1px dotted gray ;
	text-align:left;
}
#asset-list-view .admin h2 {
	padding:0px;
	margin-top:10px;
	font-weight: bold;
	font-size:8pt;
}
#asset-list-view .admin > h2:first-child {
	margin:0px;
}
#asset-list-view .admin a {
	text-decoration: none;
}
#asset-list-view .admin .icon-large:hover{
	color:orange;
}


#asset-list-view .admin .columns {
	padding:0px;margin:0px;
	text-align:left;font-size:8pt;
	columns:55px 2;
	-webkit-columns:55px 2;
	-moz-columns:55px 2;
}

#asset-list-view .admin label {
	font-size: 7pt;
}

#asset-list-view .admin input:checked + label {
	font-size: 7pt;
	background-color: #EEEEEE;
	font-weight: bold;
}


/*---------------------------------------*/
/*---------------------------------------*/

.whitebox {
	/*display:table-cell;*/
	background-color: white;
	box-shadow: 1px 1px 4px #666666;
	float: left;
	padding:4px;margin-top:10px;
}
.whitebox.assetdetail {
	padding:8px 12px 52px 12px;
	margin-right:10px;
	min-height:108px;
	/*height:auto;*/
	position: relative;
}
.whitebox.assetdetail.single {
	width:670px;
	min-height:192px;
}
.whitebox.assetdetail.single.nomap {
	width:961px;
	min-height:108px;
}
.whitebox.assetdetail.shared {
	width:490px;
}
.whitebox.assetdetail.shared.nomap {
	width:721px;
	min-height:118px;
}
.whitebox.video{
	padding:10px;
	width:725px;
	margin-right:10px;
}

.assetDetailFooter {
	position: absolute;
	bottom: 5px;
	padding-top:20px;
	width:95%;
	z-index:9;
}

.creativeCommonsSmallText {
	font-size:9px; padding-top:-5px; padding-bottom:10px;
}

.calendardisplay {
	margin-top:50px;
	padding:10px;
	background-color: white;
	box-shadow: 1px 1px 4px #666666;
}


#asset-side-title {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#asset-side-view {
	width:200px;
	padding:0px;
	margin:0px;
	margin-left:-5px;
	list-style:none;
	list-style-type:none;
}
#asset-side-view li,
#asset-side-view {
	float:left;
}
#asset-side-view li {
	margin-bottom:8px;
}
#asset-side-view div {
	display:block;
	padding:6px;
	border:1px solid #e7e7e7;
	margin:0px 11px 0px 0px;
	height:110px;
	width:175px;
	text-align:center;
	float:left;
	position:relative;
}

#asset-side-view .video {
	height:100px;
}

#asset-side-view li p.asset-title {
	display:block;
	font-size:9px;
	text-align:center;
	clear:left;
}


/* controls sizing of main image with side searches displayed */
#body-wrapper #body-container .body-container-right {
	float:left;
	width:749px;
	position: relative;

}

.more-link {
	display:inline-block;
	background:url("images/more-link-background.png") no-repeat;
	padding:7px 0px 13px 10px;
	width:94px;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	text-transform:capitalize;
}


#video-player {
	width:700px;
	height:390px;
	background:#ccc;
	display:block;
}


/*=======================================================================================*/
/*==========================    Left Hand Side Search Bar     ===========================*/
/*=======================================================================================*/


.search-pod ul {
	background-color: white;
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-type:none;
}


.search-pod ul li label,
.asset-icons span.image,
.asset-icons span.video,
.asset-icons span.rgb,
.asset-icons span.cmyk,
.asset-icons span.gray{
	font-size:12px;
	padding:0px 0px 0px 22px;
	margin:0px 0px 0px 10px;
	background-image:url("images/icons-sprite.png");
	background-repeat: no-repeat;

	z-index:99;
	text-align: right;
	color:black;
	text-decoration:none;
}


.asset-icons {
	display:block;
	width:50px;
	float:left;
}

#category-pod p,
#keyword-pod p {
	margin:0px;
	min-height:12px;
	padding:5px 0px;
	border-bottom:1px dotted #ccc;
	position:relative;
	font-size:11px;
}

#category-pod p label,
#keyword-pod p label {
	display:none;
}

#category-pod p a:link,
#category-pod p a:active,
#category-pod p a:visited,
#category-pod p a:hover,

#keyword-pod p a:link,
#keyword-pod p a:active,
#keyword-pod p a:visited,
#keyword-pod p a:hover {
	display:block;
	position:absolute;
	right:0px;
	top:6px;
	background-image:url("images/icons-sprite.png");
	background-repeat: no-repeat;
	width:12px;
	height:13px;
}

#category-pod p a span,
#keyword-pod p a span {
	visibility:hidden;
	font-size:1px;
}
#category-pod p a.add,
#keyword-pod p a.add {

	background-position:-1px -292px;
	top:10px;
}
#category-pod p.keyword input ,
#keyword-pod p.keyword input,
#category-pod p.keyword label ,
#keyword-pod p.keyword label {
	border:none;
	font-size:11px;
	width: 180px;
	padding:0px 10px 0px 0px;
	display:block;
}
#category-pod p.keyword input ,
#keyword-pod p.keyword input {
	position:absolute;
	top:-600px;
}
#category-pod p.newlibrary input,
#keyword-pod p.newkeyword input {
	border:1px solid #ccc;
	/*height:20px;*/
	/*width:170px;*/
	font-size:11px;
	padding:3px;
}

.asset-icons {
	clear: left;
	float: left;
	width: 154px;
	margin:0px 0px 0px 10px;
	padding:0px 0px;
}

.asset-icons span.image span,
.asset-icons span.video span,
.asset-icons span.illustration span,
.asset-icons span.publication span {
	font-size:1px;
	visibility:hidden;
}



.js-enabled #search-panel-form input[type=submit] {
	display:none;
}

.search-pod {
	clear:left;
	float:left;
	width:200px;
}

.search-pod ul li {
	clear:left;
	float:left;
	padding:3px 0px;
}
.search-pod ul li input,
.search-pod ul li label {
	float:left;
}
.search-pod ul li label.photos,
.asset-icons span.image {
	background-position:0px -20px;
}
.asset-icons span.image,
.asset-icons span.video,
.asset-icons span.illustration,
.asset-icons span.publication {
	margin:0px;
	padding:0 0 0 8px;
}
.search-pod ul li label.illustrations {
	background-position:2px -45px;
}
.search-pod ul li label.videos,
.asset-icons span.video {
	background-position:0px -70px;
}
.search-pod ul li label.publications,
.asset-icons span.publication {
	background-position:0px -92px;
}
.search-pod ul li.disabled {
	opacity:.3
	filter:alpha(opacity=30);
}
#color-options-pod ul li label,
#orientation-pod ul li label {
	padding-top:2px;
	padding-bottom:2px;
	}
#color-options-pod ul li input,
#orientation-pod ul li input {
	margin-top:2px;
}
#slider-value {
	display:block;
	margin:0px 5px 0px 0px;
	float:left;
}
#slider-color-deviation {
	clear:left;
	margin:5px 0px 0px 0px;
	float:left;
}

.search-pod ul li label.colour,
.search-pod ul li label.rgb {
	background-position:0px -110px;
}
.search-pod ul li label.cmyk {
	background-position:0px -136px;
}
.search-pod ul li label.blackandwhite {
	background-position:0px -161px;
}
.search-pod ul li label.landscape {
	background-position:0px -221px;
}
.search-pod ul li label.portrait {
	background-position:0px -246px;
}
.search-pod ul li label.square {
	background-position:0px -271px;
}

#category-list-pod li a {
	color:#000;
	font-size:11px;
}

/* ---- colour filter selector---- */

#color-filter-pod a {
	display:block;
	width:17px;
	height:17px;
	float:left;
	margin:0px 3px 0px 0px;
	text-decoration:none;
}
#color-filter-pod a.no-color {
	background:url("images/no-color.gif") no-repeat;
	width:15px;
	height:15px;
	border:1px solid #ccc;
	}
#color-filter-pod a span {
	font-size:1px;
	visibility:hidden;

}
#color-filter-pod a.active {
	width:15px;
	height:15px;
	border:1px solid black;
	box-shadow: 0px 0px 3px 1px #aaaa22;

}


.help-message {
	font-size:11px !important;
	text-decoration:none;
	font-weight:normal;
	position:relative;
	cursor:help;
	float:none !important;
	display:inline !important;
	z-index: 1;
}
/* the actual box */
.help-message span {
	background: #0609B8;
	border-radius: 7px 7px 7px 7px;
	box-shadow: 2px 2px 3px #AFAFAF;
	color: #FFFFFF;
	font-size: 11px !important;
	margin: 0 0 0 10px;
	padding: 1px 4px;
	visibility: visible !important;
	z-index: 9999;
}

.help-message .icon-large {
	font-size:10pt;
	color:#004B87;
	margin-left:5px;
}


.help-message .message {
	z-index: 9999999;
	position:absolute;
	left:10px;
	width:200px;
	background:#eee;
	border:1px solid #333;
	z-index:999999;
	padding:5px;
	color:#000;
	bottom:0px;
	display:none;

}


/*color filter toggle*/

/*-------------------------------------------------------------------------------------------*/
/*                         SEARCH RESULTS  													 */
/*-------------------------------------------------------------------------------------------*/

/* 2013 CONFIRMED STYLES */
.taglink {
	font-size:80%;
	background-color: black;
	color: white;
	line-height:20px;
	font-weight: normal;
	border: 2px solid black;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	border-radius:4px ;
}


/*
	Pagination Styling
	--------------------------
	The purpose of the letter spacing trickery below is to enable hover bolding that doesn't push out the other page numbers
	when hovered over
*/

.pagination {
	overflow:none;
	text-align:right;
	z-index:100;
	position:absolute;
	top:-25px;
	right:0px;
	width:700px;
	letter-spacing: 1px;
	/*line-height: 20px;*/

	text-align: bottom;
	word-spacing: 4px;
}
.pagination a {
	color:black;
	text-decoration:none;
	font-size:11px;
	clear:left;

}
.pagination label {
	display:none;
}

.pagination .label {
	font-size:90%;
	letter-spacing:2px;
	padding-right:10px;
}
.pagination > a{
	letter-spacing: 1px;
	text-decoration: none;
}
.pagination > a:hover{
	background-color: #07738F;
	color:white;
	text-decoration: none;
	font-weight:bold;
	word-spacing: 4px;
	letter-spacing: 1px;
	/*font-size:16px;*/
	text-shadow: 0 0 0.2em #ccc;
}
.pagination .selected{
	border-bottom: 3px solid #07738F;
	padding:0 4px;
	color:black;
	font-weight:bold;
	pointer-events: none;
     cursor: default;
}



/* misc elements */
.javascript-warning {
	background-color: black;
	color:white;
	padding:4px;
	margin-right:-2px;
}
.javascript-warning .icon-warning-sign {
	font-size:120%;color:yellow;padding-right:10px;background-color:black;
}


#body-container .backToSearchResults {
	color:black;
	font-size:90%;
	letter-spacing:2px;
	text-decoration: none;
	position:absolute;
	right:0px;
	top:-25px;
}
.backToSearchResults a {
	text-decoration: none;
	color:black;
}
.backToSearchResults a:hover {
	color:black;
	text-decoration: underline;
}




/***************************************/
/*             VIDEO                   */
/***************************************/


#tab-wrapper {
	float:left;
	width:700px;
}
#tab-wrapper #tab-containers {
	clear:left;

}
#tab-wrapper .tab-items {
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style:none;
	list-style-type:none;
	float:left;
	width:700px;
	border-bottom:1px solid #ccc;

}
#tab-wrapper .tab-items li {
	float:left;
	background:#008000;
	margin:0px 2px -1px 0px;
	border-top:none;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
#tab-wrapper .tab-items li a {
	float:left;
	margin:0px 2px -1px 2px;
	font-weight:bold;

}

#tab-wrapper .tab-items li:first-child a {
	float:left;
	margin:0px 0px -1px 0px;
}

#tab-wrapper .tab-items li a {
	display:inline-block;
	padding:5px 15px 6px 15px;
	margin-bottom:-1px;
	/*font-family:"MyriadProRegular";*/
	font-weight: regular;
	margin:0px 0px -1px 0px;
	background:#ccc;
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

#tab-wrapper .tab-items li a.active {
	border-bottom:1px solid #fff;
	background:#fff;
	color:#333;
	margin-top:2px
}

#tab-containers > div {
	display:none;
}
#tab-containers div:first-child {
	display:block;
}

.error {
	background-color:red;
	color:white;
	border:2px solid black;
	width:50%;
	margin-left: 100px;
	text-align: center;
}


.page {
	margin-left:10%;
	margin-top:40px;
	background-color:white;
	text-align:left;
	position:relative;
	background-color: white;
	/*padding:3px;*/
	margin:0px;
	/*padding-bottom: 0px;*/
	width:calc(100%-5px);
	width:-webkit-calc(100% - 10px);
	box-shadow: 1px 1px 4px #666666;
    padding:8px 12px 102px 12px;
	margin-right:10px;
	min-height:108px;

}

.downloadbox {
float: right;
line-height: 1.2em;
text-align: center;
/*height: 100px;*/
}

.downloadbox a {
	text-decoration: none; color:black;background-color:white;
}

.downloadbox a {
	text-decoration: none; color:black;background-color:white;
}
.downloadbox a:hover {
	text-shadow: 0 0 0.1em #ff0,0 0 0.2em #ff0,0 0 1em #ff0;
	cursor:pointer;
}

.whitebox.assetdetail.single {
	width:670px;
	min-height:108px;
}

.ui-autocomplete-input{

}

.icon-question-sign{
	z-index: -2 !important;
}


.share-panel {
	position: absolute;
	bottom:5px;
	font-size:80%;

}
.share-panel a {
	font-size:90%;
	color:black;
	background-color: white;
	text-decoration: none;
}
.share-panel a:hover {
	text-decoration: underline;
}



/**
Borrow from Bootstrap
**/
.searchbutton {
	display: inline-block;
	padding: 0px 12px;
	margin: -8px 0px 0px -32px;
	font-size: 17px;
	font-weight: normal;
	line-height: 1.42;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
	      user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px 2px 2px 0px;
}
.searchbuttonFilter {
	display: inline-block;
	padding: 0px 0px;
	margin: 15px 0px 0px 0px;
	font-size: 17px;
	font-weight: normal;
	line-height: 1.42;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
	      user-select: none;
	background-image: none;
	background-color: white;
	border: 1px solid transparent;
	border-radius: 0px 2px 2px 0px;
}
/**********************************************/
/*             MODAL POPUP                    */
/* https://github.com/ericmmartin/simplemodal */
/**********************************************/

#basic-modal-content {display:none;}
#embed-image-content {display:none;}
#embed-image-content link {text-decoration: underline;}
.embedCode {padding:4px;float:right;font-size:12px;background-color:#efefef;padding-right:9px;border:2px solid gray;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:400px; width:700px; color:#444; background-color:#fff; border:10px solid #44693d; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#004B87;}
#simplemodal-container .download {font-size:15px;padding-top:20px;}
#simplemodal-container a.modalCloseImg {background:url('/css/images/x.png') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#78BE20;font-family: courier; font-size:28pt;}