/* ---------------------------------------------------------------------------------------
 design stylo stylesheet

 version: 	7.0
 author: 	Michael Kr�mer imd
 eMail: 		michel (at) kraemer-imd (dot) com
 author: 	Oliver Best
 eMail: 		best (at) netzgerei (dot) com
 --------------------------------------------------------------------------------------- */

@import url(navi.css);
@import url(boxes.css);
@import url(campaign.css);
/*@import url(nocampaign.css);*/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	overflow: -moz-scrollbars;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000;
	background: #fff;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}

.space10 {
	height: 10px;
}

.GoLeft {
	float: left;
}

.GoRight {
	float: right;
}

.TextRight {
	text-align: right;
}

.InlineBox {
	display: inline;
}

.Phat {
	font-size: 14px;
	font-weight: bold;
}

fieldset, form {
	border: 0;
	margin: 0;
	padding: 0;
}

.CenterThis {
	text-align: center;
}

html > body a:active {
	outline: none;
}

html > body a:focus {
	-moz-outline-style: none;
}

table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

.mceContentBody a, div.RichText a {
	/*	font-size:11px;
	 padding:2px 5px 2px 5px;
	 color:#fff;
	 height:10px;
	 background:#999; */
	color: #592819;
	text-decoration: none;
	font-weight: bold;
}

.mceContentBody a:hover, div.RichText a:hover {
	/*	background:#666; */
	text-decoration: underline;
}

.mceContentBody .Headline, div.RichText .Headline {
	font-size: 16px ! important;
	line-height: 22px ! important;
	color: #82cfef ! important;
	margin-bottom: 10px ! important;
	display: block ! important;
}

.mceContentBody .SubHeadline, div.RichText .SubHeadline {
	font-size: 11px ! important;
	font-weight: bold ! important;
	line-height: 16px ! important;
	margin-bottom: 10px ! important;
	color: #333333 ! important;
	display: block ! important;
}

.mceContentBody .Citation, div.RichText .Citation {
	font-size: 11px ! important;
	font-style: italic ! important;
	line-height: 16px ! important;
	color: #333333 ! important;
	display: block ! important;
	margin-bottom: 0 ! important;
}

.mceContentBody .LightBluePhat, div.RichText .LightBluePhat {
	font-size: 11px ! important;
	font-weight: bold ! important;
	line-height: 16px ! important;
	color: #82cfef ! important;
	display: block ! important;
}

/* =Container Positioning
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table#SiteFrame {
	margin: 12px 0 50px 16px;
	padding: 0;
	border-collapse: collapse;
	border: none;
	width: 965px;
}

table#SiteFrame td#ContentFrame {
	margin: 0;
	padding: 0;
	width: 788px;
	border: none;
	vertical-align: top;
}

body#popup div#ContentFrame {
	margin: 12px 0 50px 16px;
	width: 480px;
}

table#SiteFrame td#AdvertiseFrame {
	margin: 0;
	padding: 12px 0 0;
	width: 174px;
	text-align: center;
	vertical-align: top;
}

table#SiteFrame td#AdvertiseFrame div#AdsContent {
	margin: 1px 0 0 12px;
	padding: 0;
	width: 162px;
	float: left;
	text-align: center;
	display: inline;
}

table#SiteFrame td#ContentFrame div#HeaderBox {
	margin: 0 0 0 10px;
	padding: 0;
	width: 778px;
	height: 119px;
}

body#popup div#ContentFrame div#HeaderBox {
	margin: 0 0 0 10px;
	padding: 0;
	width: 250px;
	height: 119px;
}

table#SiteFrame td#ContentFrame div#ColumnLeft {
	margin: 0 0 0 0;
	padding: 0;
	width: 468px;
	float: right;
	display: inline;
}

body#popup div#ContentFrame div#ColumnLeft {
	margin: 0 0 15px 0;
	padding: 0;
	width: 468px;
	float: left;
	display: block;
}

table#SiteFrame td#ContentFrame div#ColumnRight {
	margin: 0;
	padding: 0;
	width: 320px;
	float: right;
}

body#popup div#ContentFrame div.ContentBox468, table#SiteFrame td#ContentFrame div.ContentBox468 {
	margin: 10px 0 0 0;
	padding: 0;
	width: 468px;
	border-bottom: 4px solid #82cfef;
	float: left;
	display: inline;
	height: 100px;
}

html > body#popup div#ContentFrame div.ContentBox468, html > body table#SiteFrame td#ContentFrame div.ContentBox468 {
	height: auto;
	min-height: 100px;
}

/* see other boxes for right column in separate css file */

body#popup div#ContentFrame div.ContentBoxHeader, table#SiteFrame td#ContentFrame div.ContentBoxHeader {
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 4px solid #592819;
	background: #fff;
}

body#popup div#ContentFrame div.ContentBoxHeader img, table#SiteFrame td#ContentFrame div.ContentBoxHeader img {
	margin: 0;
	float: left;
}

table#SiteFrame td#ContentFrame div.ContentSortHeader {
	background: #E6F5FC;
	color: #592819;
	margin: 8px 0 8px 0;
	padding: 7px 0 0 12px;
	width: 456px;
	height: 29px;
}

table#SiteFrame td#ContentFrame div.ContentSortHeader div.Dropdown {
	display: inline;
	margin: 0 24px 0 12px;
}

table#SiteFrame td#ContentFrame div.ContentSortHeader div.Dropdown p {
	font-weight: bold;
	display: inline;
}

table#SiteFrame td#ContentFrame div.ContentSortHeader div#dynsorter select {
	/*width:100px;*/
}

body#popup div#ContentFrame div.ContentNavHeader, table#SiteFrame td#ContentFrame div.ContentNavHeader {
	background: #E6F5FC;
	color: #592819;
	margin: 0 0 12px 0;
	padding: 7px 0 7px 12px;
	width: 456px;
	height: 10px;
}

table#SiteFrame td#ContentFrame div.ColWrapper3Col div.ContentNavHeader {
	margin: 12px 0 0px 0;
}

table#SiteFrame td#ContentFrame div.BlogEntry div.ContentNavHeader {
	margin-top: -5px;
}

html > body#popup div#ContentFrame div.ContentNavHeader, html > body table#SiteFrame td#ContentFrame div.ContentNavHeader {
	height: auto;
	min-height: 10px;
}

body#popup div#ContentFrame div.ContentNavHeader p, table#SiteFrame td#ContentFrame div.ContentNavHeader p {
	font-weight: bold;
	display: inline;
}

body#popup div#ContentFrame div.ContentNavHeader p a, table#SiteFrame td#ContentFrame div.ContentNavHeader p a {
	color: #592819;
}

body#popup div#ContentFrame div.ContentNavHeader p a:hover, table#SiteFrame td#ContentFrame div.ContentNavHeader p a:hover {
	text-decoration: underline;
}

.BlueBox {
	background: #e6f5fc;
}

table#SiteFrame td#ContentFrame div.PagingBox468 {
	margin: 7px 0 0 0;
	padding: 0;
	width: 468px;
	/*border-bottom:4px solid #82cfef;*/
	float: left;
	display: inline;
	height: 22px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #82cfef;
	letter-spacing: 0.2em;
}

table#SiteFrame td#ContentFrame div.PagingBox468 a {
	color: #82cfef;
}

table#SiteFrame td#ContentFrame div.PagingBox468 a:hover, table#SiteFrame td#ContentFrame div.PagingBox468 span.HI {
	color: #592819;
}

div.ContentBox468 div.ColWrapper3Col {
	margin: 0 -15px 10px 0;
	width: 480px;
}

div.ButtonSkinT5B2 {
	margin: 5px 0 2px 0;
}

p.MarginTop30 {
	margin-top: 30px !important;
}

div.MarginTop20 {
	margin-top: 20px !important;
}

div.MarginTop8 {
	margin-top: 8px !important;
}

div.MarginTop4 {
	margin-top: 4px !important;
}

div.MarginTop-4 {
	margin-top: -4px !important;
}

div.NoBorder {
	border: 0 !important;
}

div.MarginBottom12 {
	margin-bottom: 12px !important;
}

div.line0 {
	margin: 0 0 10px 0;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}

div.line1 {
	margin: 0 0 10px 0;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	width: 468px;
	border-bottom: 1px solid #82cfef;
}

div.line4 {
	margin: 0 0 10px 0;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	width: 468px;
	border-bottom: 4px solid #82cfef;
}

div.InfoText div.line4 {
	margin-left: -16px;
}

div.line4Narrow {
	margin: 10px 0 10px 12px;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	width: 308px;
	float: left;
	display: inline;
	border-bottom: 4px solid #82cfef;
}

div.Toggler {
	display: none;
}

div.BookmarkButton {
	margin: 0 0;
	width: 235px;
	height: 16px;
	background: #fff;
}

/* =GrafikHeadlines
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table#SiteFrame td#AdvertiseFrame img.ImgHeadline {
	margin: 4px 0 0px 10px;
	float: left;
}

table#SiteFrame td#AdvertiseFrame a img {
	margin: 10px 0 10px 0;
}

/* =Links
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a.HeadFeature {
	margin: 2px 0 0 12px;
	padding: 0;
	width: 141px;
	height: 88px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: right;
}

a.HeadFeature:hover {
	background-position: 0 -88px;
}

a.BlueBackLink {
	margin: 0 12px 0 12px;
	padding: 2px 5px 2px 15px;
	color: #fff;
	height: 10px;
	background: #a8ddf4 url(/National_Library/oe_/http://designspotter.com/img/bg_BlueLinkLO.gif) 5px 6px no-repeat;
}

a.BlueBackLink:hover {
	color: #6e2819;
	background: #a8ddf4 url(/National_Library/oe_/http://designspotter.com/img/bg_BlueLinkHI.gif) 5px 5px no-repeat;
}

a.BrownBackLink {
	margin: 0 12px 0 12px;
	padding: 2px 5px 2px 15px;
	color: #fff;
	height: 10px;
	background: #6e2819 url(/National_Library/oe_/http://designspotter.com/img/bg_GreyBackLink.gif) 5px 6px no-repeat;
}

a.BrownBackLink:hover {
	color: #a8ddf4;
	background: #6e2819 url(/National_Library/oe_/http://designspotter.com/img/bg_GreyBackLink.gif) 5px 6px no-repeat;
}

a.GreyBackLink {
	margin: 0 12px;
	padding: 2px 5px 2px 15px;
	color: #fff;
	height: 10px;
	background: #999 url(/National_Library/oe_/http://designspotter.com/img/bg_GreyBackLink.gif) 5px 6px no-repeat;
}

a.GreyBackLink:hover {
	background: #666 url(/National_Library/oe_/http://designspotter.com/img/bg_GreyBackLink.gif) 5px 6px no-repeat;
}

a.Margin16 {
	margin-left: 16px;
}

a.Margin8 {
	margin-left: 8px;
}

a.Margin0 {
	margin-left: 0;
	margin-right: 0;
}

a.SocialMailLink {
	margin: 0 0 0 1px;
	padding: 1px 5px 2px 18px;
	color: #82cfef;
	height: 10px;
	background: #fff url(/National_Library/oe_/http://designspotter.com/img/icon_mail.gif) 2px 4px no-repeat;
	float: right;
}

a.SocialBookmarkLink {
	margin: 0 0 0 1px;
	padding: 1px 5px 2px 18px;
	color: #82cfef;
	height: 10px;
	background: #fff url(/National_Library/oe_/http://designspotter.com/img/icon_bookmark.gif) 2px 4px no-repeat;
	float: right;
}

a.SocialPermaLink {
	margin: 0 0 0 1px;
	padding: 1px 2px 2px 18px;
	color: #82cfef;
	height: 10px;
	background: #fff url(/National_Library/oe_/http://designspotter.com/img/icon_permalink.gif) 2px 4px no-repeat;
	float: right;
}

a.SocialFacebookLink {
	margin: 0 0 0 5px;
	padding: 1px 15px 2px 18px;
	color: #82cfef;
	height: 10px;
	background: #fff url(/National_Library/oe_/http://designspotter.com/img/icon_facebook.gif) 2px 4px no-repeat;
	float: right;
}

a.SocialTwitterLink {
	margin: 0 0 0 5px;
	padding: 1px 15px 2px 18px;
	color: #82cfef;
	height: 10px;
	background: #fff url(/National_Library/oe_/http://designspotter.com/img/icon_twitter.gif) 2px 4px no-repeat;
	float: right;
}

a.SocialMailLink:hover, a.SocialBookmarkLink:hover, a.SocialFacebookLink:hover, a.SocialTwitterLink:hover, a.SocialPermaLink:hover {
	text-decoration: underline;
}

/* =Links
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p.InfoHeader {
	margin: 0;
	padding: 0 0 0 5px;
	color: #82cfef;
	border-bottom: 1px solid #82cfef;
	font-size: 10px;
	position: relative;
	top: 0;
	left: 0;
	line-height: 17px;
	height: 19px;
	clear: both;
}

p.InfoHeader span {
	margin: 0 5px 0 5px;
}

p.InfoHeader .comments {
	position: absolute;
	top: -1px;
	right: 2px;
	display: block;
	width: 27px;
	height: 19px;
	line-height: 15px;
	text-align: center;
	color: #FFF;
	font-size: 10px;
	background: url(/National_Library/oe_/http://designspotter.com/img/comments.gif) no-repeat #FFF;
}

p.InfoHeader .ratings {
	position: absolute;
	top: 0;
	right: 40px;
	display: block;
	height: 19px;
	line-height: 17px;
	padding-right: 90px;
}

p.InfoHeader .r0 {
	background: url(/National_Library/oe_/http://designspotter.com/img/icon_rating-blue-0.gif) top right no-repeat #FFF;
}

p.InfoHeader .r1 {
	background: url(/National_Library/oe_/http://designspotter.com/img/icon_rating-blue-1.gif) top right no-repeat #FFF;
}

p.InfoHeader .r2 {
	background: url(/National_Library/oe_/http://designspotter.com/img/icon_rating-blue-2.gif) top right no-repeat #FFF;
}

p.InfoHeader .r3 {
	background: url(/National_Library/oe_/http://designspotter.com/img/icon_rating-blue-3.gif) top right no-repeat #FFF;
}

p.InfoHeader .r4 {
	background: url(/National_Library/oe_/http://designspotter.com/img/icon_rating-blue-4.gif) top right no-repeat #FFF;
}

p.InfoHeader .r5 {
	background: url(/National_Library/oe_/http://designspotter.com/img/icon_rating-blue-5.gif) top right no-repeat #FFF;
}

/* =Blog Entries, also used for Product Detail and Video Detail
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.BlogEntry {
	margin: 15px 0 0 0;
	padding: 0;
	width: 100%;
}

div.BlogEntry h1 {
	margin: 5px 0 3px 8px;
	padding: 0;
	color: #592819;
	font-size: 17px;
	line-height: 19px;
}

div.BlogEntry h1.Underlined {
	margin: 5px 0 12px 0;
	padding: 0 0 6px 8px;
	border-bottom: 1px solid #82cfef;
}

div.BlogEntry h1 a {
	color: #592819;
	font-size: 17px;
	line-height: 19px;
}

div.BlogEntry h1 a:hover {
	text-decoration: underline;
}

div.BlogEntry div.BlogEntryInner h1 {
	margin-left: 0;
}

div.BlogEntry div.BlogEntryInner {
	margin: 7px 16px 10px 16px;
}

div.BlogEntry div.BlogEntryInnerBlue {
	margin: 0 0 10px 0;
	padding: 12px 16px 15px 16px;
	background: #e6f5fc;
}

div.BlogEntry img.BlogEntryMainPic {
	margin: 0 0 12px 0;
	z-index: 2;
}

div.BlogEntry div.VideoContainer {
	margin: 0 0 12px 0;
}

/*div.BlogEntry a.BlueBackLink {
 float:left;
 }*/

div.BlogEntry div.InfoText {
	margin: 0;
	padding: 0 0 6px 0;
	height: 20px;
}

html > body div.BlogEntry div.InfoText {
	height: auto;
	min-height: 20px;
}

div.BlogEntry div.InfoText p {
	margin: 0 0 12px 0;
	padding: 0;
	color: #4c4c4c;
	font-size: 11px;
	line-height: 15px;
}

div.BlogEntry div.InfoText p.Phat {
	font-size: 14px;
	font-weight: bold;
}

div.BlogEntry div.InfoText p a {
	color: #82cfef;
	font-size: 11px;
	line-height: 15px;
}

div.BlogEntry div.InfoText p a:hover {
	text-decoration: underline;
}

div.BlogEntry div.ListText {
	margin-bottom: 5px;
}

div.BlogEntry div.InlinePic {
	margin-right: 20px;
	margin-bottom: 8px;
	background: none repeat scroll 0 0 #E6F5FC;
	padding: 0 0 8px;
}

div#ajaxContainer {
	display: none;
	height: 400px;
}

html > body div#ajaxContainer {
	height: auto;
	min-height: 400px;
}

#ajaxContainer.Waiting {
	padding: 300px 0 0 0;
	background: url(https://web-archive.nli.org.il/National_Library/oe_/http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}

/* =Product Entries
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.ProductEntry {
	margin: 15px 24px 0 0;
	width: 136px;
	/*padding:0 10px 0 18px;*/
	float: left;
}

div.ProductEntry p.InfoHeader {
	padding-left: 4px;
}

div.ProductEntry div.EntryDesc {
	margin: 4px 4px 5px 4px;
	width: 128px;
}

div.ProductEntry img.ProductEntryPic {
	margin: 0;
	border: 1px solid #666666;
}

div.ProductEntry h3 {
	margin: 10px 0 10px 0;
	color: #592819;
	font-size: 11px;
	line-height: 13px;
}

div .add-comment {
	color: #592819;
	font-size: 15px;
	line-height: 19px;
	margin: 0 0 10px 0;
	padding: 0;
}

div .comment {
	clear: both;
	position: relative;
}

div .comment .info {
	font-size: 10px;
	margin-left: 15px !important;
	padding: 5px 0 10px 0;
	width: auto;
	clear: both;
	position: relative;
}

div .comment .desc {
	margin-left: 25px !important;
}

div .comment strong {
	color: #592819;
	font-weight: bold;
}

div .comment .info a {
	color: #592819;
	font-weight: bold;
}

div .comment .info a:hover {
	text-decoration: underline;
}

div .comment .date {
	float: right;
	font-size: 10px;
	margin: 0;
	padding: 10px 0 0 0;
	width: auto;
}

/* =Profile Entries
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.ProfileEntry {
	margin: 8px 0 10px 0;
	padding: 0;
	width: 468px;
	border-top: 1px solid #82cfef;
}

div.ProfileEntry a.ProfileEntryPic {
	margin: 8px 0 12px 20px;
	padding: 0;
	display: inline;
	width: 128px;
	float: left;
}

div.ProfileEntry a.ProfileEntryPic img {
	margin: 0;
	padding: 0;
	display: block;
	border: 1px solid #666666;
}

div.ProfileEntry div.EntryDesc {
	margin: 8px 0 8px 20px;
	padding: 0;
	width: 230px;
	float: left;
}

div.ProfileEntry div.EntryDesc h3 {
	/*width:124px;*/
	color: #592819;
	font-size: 17px;
	font-weight: bold;
	line-height: 23px;
	letter-spacing: 0.03em;
}

div.ProfileEntry div.EntryDesc p {
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	letter-spacing: 0.03em;
	margin: 0 0 12px 0;
}

div.ProfileEntry img.ProfileFlag {
	margin: 13px 20px 0 0;
	padding: 0;
	border: 0;
	float: right;
	width: 20px;
}

/* =Profile Detailes Data
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#ProfileDetailHead {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}

div#ProfileDetailHead h1 {
	margin: 2px 0 5px 8px;
	color: #592819;
	font-size: 17px;
	line-height: 19px;
	float: left;
	width: 300px;
}

div#ProfileDetailHead img {
	margin: 5px 8px 5px 8px;
	float: right;
}

div#ProfileDetailHead p.bla {
	margin: 5px 8px 5px 8px;
	font-size: 10px;
	line-height: 14px;
	color: #82cfef;
	float: right;
	font-weight: bold;
}

div#ProfileDetailImg {
	padding: 12px 0 0 16px;
	margin: 0 0 -1px 0;
	border-top: 1px solid #82cfef;
	border-bottom: 1px solid #82cfef;
}

div#ProfileDetailImg a {
	margin: 0 12px 12px 0;
	float: left;
}

div#ProfileDetailImg a img {
	border: 1px solid #666;
	margin: 0;
}

div#ProfileDetailData {
	padding-bottom: 12px;
}

/*div#ProfileDetailData h3 {
 margin:12px 0 5px 16px;
 /*margin:2px 0 5px 8px;*/
/*	color:#82cfef;
 /*color:#592819;*/
/*	font-size:14px;
 font-weight:bold;
 line-height:19px;
 width:420px;
 }*/

div#ProfileDetailData h3 {
	margin: 12px 0 0 16px;
	font-size: 12px;
	line-height: 16px;
	color: #82cfef;
}

div#ProfileDetailData p {
	margin: 0 0 0 16px;
	font-size: 11px;
	line-height: 15px;
}

div#ProfileDetailData div.BlueSpacer {
	margin: 8px 0 8px 0;
	border-bottom: 1px solid #82cfef;
	height: 2px;
	font-size: 0px;
	line-height: 0px;
}

div#ProfileDetailData div.BookmarkButton {
	margin-top: 20px;
	margin-bottom: -5px;
}

/* =Events
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.EventDetail {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}

div.EventDetail h1 {
	margin: 5px 0 4px 8px;
	padding: 0;
	color: #592819;
	font-size: 17px;
	line-height: 19px;
}

div.EventDetail div.InfoText {
	margin: 0 0 0 16px;
	padding: 0 0 6px 0;
	height: 50px;
}

html > body div.EventDetail div.InfoText {
	height: auto;
	min-height: 50px;
}

div.EventDetail div.InfoText p {
	margin: 0 0 12px 0;
	padding: 0;
	color: #4c4c4c;
	font-size: 11px;
	line-height: 15px;
}

/* =Reports
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.ReportGallery, div.ReportDetail, div.ReportEntry {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}

div.ReportGallery h1, div.ReportDetail h1, div.ReportEntry h1 {
	margin: 5px 0 3px 8px;
	padding: 0;
	color: #592819;
	font-size: 17px;
	line-height: 19px;
}

/*div.ReportGallery h1 {
 margin:5px 0 3px 0;
 padding:0 0 4px 8px;
 color:#592819;
 font-size:17px;
 line-height:19px;
 border-bottom:1px solid #82cfef;
 }*/

div.ReportGallery img.MainPic, div.ReportDetail img.MainPic, div.ReportEntry img.MainPic {
	margin: 0 0 12px 0;
	float: none;
}

div.ReportGallery div.InfoText, div.ReportDetail div.InfoText, div.ReportEntry div.InfoText {
	margin: 0 0 0 16px;
	padding: 0 0 6px 0;
	height: 50px;
	width: 436px;
}

div.ReportGallery div.InfoText {
	margin-top: 12px;
}

html > body div.ReportGallery div.InfoText, html > body div.ReportDetail div.InfoText, html > body div.ReportEntry div.InfoText {
	height: auto;
	min-height: 50px;
}

div.ReportDetail div.InfoText p, div.ReportEntry div.InfoText p {
	margin: 0 0 12px 0;
	padding: 0;
	color: #4c4c4c;
	font-size: 11px;
	line-height: 15px;
}

div.ReportDetail div.InfoText p.Phat {
	font-size: 14px;
	font-weight: bold;
}

div.ReportGallery div.InfoText h1 {
	margin-left: 0px;
	margin-top: 20px;
}

div.ReportDetail div.InfoText div.InlinePic, div.EventDetail div.InfoText div.InlinePic {
	width: 200px;
	background: #e6f5fc;
	padding: 0 0 8px 0;
	margin-bottom: 4px;
}

div.ReportDetail div.InfoText div.GoLeft, div.EventDetail div.InfoText div.GoLeft {
	margin-right: 20px;
}

div.ReportDetail div.InfoText div.GoRight, div.EventDetail div.InfoText div.GoRight {
	margin-left: 20px;
}

div.ReportDetail div.InfoText div.InlinePic p, div.EventDetail div.InfoText div.InlinePic p {
	color: #4c4c4c;
	font-size: 10px;
	line-height: 11px;
	margin: 6px 12px 4px 12px;
}

div.ReportDetail div.InfoText div.InlinePic div.spacer, div.EventDetail div.InfoText div.InlinePic div.spacer {
	font-size: 0px;
	line-height: 0px;
	margin: 6px 0 0 0;
}

div.ReportGallery div#GalleryNav {
	padding: 12px 0 0 16px;
	margin: 0 0 -1px 0;
	border-top: 1px solid #82cfef;
	border-bottom: 1px solid #82cfef;
}

div.ReportGallery div#GalleryNav a {
	margin: 0 12px 12px 0;
	float: left;
}

div.ReportGallery div#GalleryNav a img {
	border: 1px solid #666;
	margin: 0;
}

div.ReportGallery div#GalleryNav a {
	margin: 0 12px 12px 0;
	float: left;
}

div.BookGallery div#GalleryNav a img {
	border: 1px solid #666;
	margin: 0;
	width: 98px;
	height: 62px;
}

div.BookGallery #FullImage {
	width: 436px;
	height: 300px;
}

/* =DsTV
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.DstvDetail {
	margin: 10px 0 25px 0;
	padding: 0;
	width: 100%;
}

div.DstvEntry {
	margin: 15px 0 25px 0;
	padding: 0;
	width: 100%;
}

div.DstvEntry h1 {
	margin: 5px 0 7px 8px;
	padding: 0;
	color: #592819;
	font-size: 17px;
	line-height: 19px;
}

div.DstvDetail h1 {
	margin: 5px 0 3px 8px;
	padding: 0;
	color: #592819;
	font-size: 17px;
	line-height: 19px;
}

div.BlogEntry img.DstvEntryPic, div.DstvEntry img.DstvEntryPic {
	float: left;
	margin: 0 0 12px 0;
	border: 1px solid #666666;
}

div.DstvEntry img.DstvEntryPic {
	margin-left: 16px;
}

div.DstvEntry div.EntryDesc {
	margin: 4px 0 12px 15px;
	width: 220px;
	float: left;
}

div.BlogEntry div.DstvEntryDesc {
	margin: 4px 0 12px 12px;
	width: 210px;
	float: left;
}

div.DstvEntry div.EntryDesc div.first {
	margin: 14px 0 0 0;
}

/* =Books
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.BookDetail h2 {
	color: #959595;
	line-height: 30px;
	height: 24px;
	padding: 0;
	margin: 5px 0 3px 2px;
}
div.BookDetail table {
	margin-left: 2px;
}
div.BookDetail .ExternalLinks .BlueBackLink {
	margin: 10px 0;
	display: block;
	float: none;
	background-color: #A8DDF4;
	height: auto;
}

div.BookDetail .ExternalLinks .External {
	background-color: #999999;
}

div.BookDetail h2.Features {
	color: #83d0f0;
	text-transform: uppercase;
}

div.BookDetail .InlinePic {
	background: #E6F5FC;
	margin-bottom: 4px;
	padding: 0 0 8px;
}

div.BookDetail ul.InfoHeader {
	padding: 10px 0 10px 20px;
	border-top: 1px solid #82CFEF;
	border-bottom: 1px solid #82CFEF;
}

div.BookGallery, div.BookDetail, div.BookEntry {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}

div.BookGallery h1, div.BookDetail h1, div.BookEntry h1 {
	margin: 5px 0 3px 2px;
	padding: 0;
	color: #592819;
	font-size: 17px;
	line-height: 19px;
	position: relative;
}

/*div.BookGallery h1 {
 margin:5px 0 3px 0;
 padding:0 0 4px 8px;
 color:#592819;
 font-size:17px;
 line-height:19px;
 border-bottom:1px solid #82cfef;
 }*/

div.BookGallery img.MainPic, div.BookDetail img.MainPic, div.BookEntry img.MainPic {
	margin: 0 0 12px 0;
	float: none;
}

div.BookGallery div.InfoText, div.BookDetail div.InfoText, div.BookEntry div.InfoText {
	margin: 0 0 0 16px;
	padding: 0 0 6px 0;
	height: 50px;
	width: 436px;
}

div.BookGallery div.InfoText {
	margin-top: 12px;
}

html > body div.BookGallery div.InfoText, html > body div.BookDetail div.InfoText, html > body div.BookEntry div.InfoText {
	height: auto;
	min-height: 50px;
}

div.BookDetail div.InfoText p, div.BookEntry div.InfoText p {
	margin: 0 0 12px 0;
	padding: 0;
	color: #4c4c4c;
	font-size: 11px;
	line-height: 15px;
}

div.BookDetail div.InfoText p.Phat {
	font-size: 14px;
	font-weight: bold;
}

div.BookGallery div.InfoText h1 {
	margin-left: 0px;
	margin-top: 20px;
}

div.BookDetail div.InfoText div.InlinePic, div.EventDetail div.InfoText div.InlinePic {
	width: 200px;
	background: #e6f5fc;
	padding: 0 0 8px 0;
	margin-bottom: 4px;
}

div.BookDetail div.InfoText div.GoLeft, div.EventDetail div.InfoText div.GoLeft {
	margin-right: 20px;
}

div.BookDetail div.InfoText div.GoRight, div.EventDetail div.InfoText div.GoRight {
	margin-left: 20px;
}

div.BookDetail div.InfoText div.InlinePic p, div.EventDetail div.InfoText div.InlinePic p {
	color: #4c4c4c;
	font-size: 10px;
	line-height: 11px;
	margin: 6px 12px 4px 12px;
}

div.BookDetail div.InfoText div.InlinePic div.spacer, div.EventDetail div.InfoText div.InlinePic div.spacer {
	font-size: 0px;
	line-height: 0px;
	margin: 6px 0 0 0;
}

div.BookGallery div#GalleryNav {
	padding: 12px 0 0 16px;
	margin: 0 0 -1px 0;
	border-top: 1px solid #82cfef;
	border-bottom: 1px solid #82cfef;
}

div.BookGallery div#GalleryNav a {
	margin: 0 12px 12px 0;
	float: left;
}

div.BookGallery div#GalleryNav a img {
	border: 1px solid #666;
	margin: 0;
}

/* =Newss
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.NewsDetail h2 {
	color: #959595;
	line-height: 30px;
	height: 24px;
	padding: 0;
	margin: 5px 0 3px 2px;
}
div.NewsDetail table {
	margin-left: 2px;
}
div.NewsDetail .ExternalLinks .BlueBackLink {
	margin: 10px 0;
	display: block;
	float: none;
	background-color: #A8DDF4;
	height: auto;
}

div.NewsDetail .ExternalLinks .External {
	background-color: #999999;
}

div.NewsDetail h2.Features {
	color: #83d0f0;
	text-transform: uppercase;
}

div.NewsDetail .InlinePic {
	background: #E6F5FC;
	margin-bottom: 4px;
	padding: 0 0 8px;
}

div.NewsDetail ul.InfoHeader {
	padding: 10px 0 10px 20px;
	border-top: 1px solid #82CFEF;
	border-bottom: 1px solid #82CFEF;
}

div.NewsGallery, div.NewsDetail, div.NewsEntry {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}

div.NewsGallery h1, div.NewsDetail h1, div.NewsEntry h1 {
	margin: 5px 0 3px 2px;
	padding: 0;
	color: #592819;
	font-size: 17px;
	line-height: 19px;
	position: relative;
}

/*div.NewsGallery h1 {
 margin:5px 0 3px 0;
 padding:0 0 4px 8px;
 color:#592819;
 font-size:17px;
 line-height:19px;
 border-bottom:1px solid #82cfef;
 }*/

div.NewsGallery img.MainPic, div.NewsDetail img.MainPic, div.NewsEntry img.MainPic {
	margin: 0 0 12px 0;
	float: none;
}

div.NewsGallery div.InfoText, div.NewsDetail div.InfoText, div.NewsEntry div.InfoText {
	margin: 0 0 0 16px;
	padding: 0 0 6px 0;
	height: 50px;
	width: 436px;
}

div.NewsGallery div.InfoText {
	margin-top: 12px;
}

html > body div.NewsGallery div.InfoText, html > body div.NewsDetail div.InfoText, html > body div.NewsEntry div.InfoText {
	height: auto;
	min-height: 50px;
}

div.NewsDetail div.InfoText p, div.NewsEntry div.InfoText p {
	margin: 0 0 12px 0;
	padding: 0;
	color: #4c4c4c;
	font-size: 11px;
	line-height: 15px;
}

div.NewsDetail div.InfoText p.Phat {
	font-size: 14px;
	font-weight: bold;
}

div.NewsGallery div.InfoText h1 {
	margin-left: 0px;
	margin-top: 20px;
}

div.NewsDetail div.InfoText div.InlinePic, div.EventDetail div.InfoText div.InlinePic {
	width: 200px;
	background: #e6f5fc;
	padding: 0 0 8px 0;
	margin-bottom: 4px;
}

div.NewsDetail div.InfoText div.GoLeft, div.EventDetail div.InfoText div.GoLeft {
	margin-right: 20px;
}

div.NewsDetail div.InfoText div.GoRight, div.EventDetail div.InfoText div.GoRight {
	margin-left: 20px;
}

div.NewsDetail div.InfoText div.InlinePic p, div.EventDetail div.InfoText div.InlinePic p {
	color: #4c4c4c;
	font-size: 10px;
	line-height: 11px;
	margin: 6px 12px 4px 12px;
}

div.NewsDetail div.InfoText div.InlinePic div.spacer, div.EventDetail div.InfoText div.InlinePic div.spacer {
	font-size: 0px;
	line-height: 0px;
	margin: 6px 0 0 0;
}

div.NewsGallery div#GalleryNav {
	padding: 12px 0 0 16px;
	margin: 0 0 -1px 0;
	border-top: 1px solid #82cfef;
	border-bottom: 1px solid #82cfef;
}

div.NewsGallery div#GalleryNav a {
	margin: 0 12px 12px 0;
	float: left;
}

div.NewsGallery div#GalleryNav a img {
	border: 1px solid #666;
	margin: 0;
}

/** MARKET ********************************************************************/
div.MarketEntry {
	margin: 15px 0 0 0;
	width: 240px;
	float: left;
}

div.MarketEntry p.InfoHeader {
	margin: 0 20px 0 0;
	background: url(/National_Library/oe_/http://designspotter.com/img/Market_white.gif) top right no-repeat #FFFFFF;
}

div.MarketEntry div.EntryDesc {
	margin: 4px 4px 5px 4px;
	width: 210px;
}

div.MarketEntry img.ProductEntryPic {
	margin: 0;
	border: 1px solid #666666;
}

div.MarketEntry h2 {
	color: #959595;
	line-height: 20px;
	padding: 0;
	margin: 10px 0 3px 2px;
}

div.MarketEntry h3 {
	margin: 0 0 0 2px;
	padding: 0;
	color: #592819;
	font-size: 17px;
	line-height: 20px;
}
div.MarketEntry .BlueBackLink {
	margin: 10px 0;
	display: block;
	float: none;
	background-color: #A8DDF4;
	height: auto;
}

div.MarketDetail .RichText p {
	margin: 0 0 10px 0;
}

h3.MarketSearches {
	background: url(/National_Library/oe_/http://designspotter.com/img/Market_blue.gif) 447px 2px no-repeat #82CFEF;
	height: 23px;
	text-transform: uppercase;
	color: #FFF;
	line-height: 23px;
	overflow: hidden;
	padding-left: 5px;
}

span.MarketSearches {
	display: block;
	position: absolute;
	top: -1px;
	right: 0;
	height: 19px;
	width: 240px;
	background: url(/National_Library/oe_/http://designspotter.com/img/Market_white.gif) top right no-repeat #FFF;
	color: #82CFEF;
	font-size: 10px;
	font-weight: normal;
	line-height: 19px;
	text-align: right;
	padding-right: 22px;
}

/* =TextPages
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.StandardText {
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
}

div.StandardText div.InfoText {
	margin: 0 16px 0 16px;
	padding: 0 0 6px 0;
	height: 20px;
}

html > body div.StandardText div.InfoText {
	height: auto;
	min-height: 20px;
}

div.StandardText h1 {
	margin: 20px 0 12px 0;
	padding: 0 0 6px 8px;
	color: #592819;
	font-size: 17px;
	line-height: 19px;
	border-bottom: 1px solid #82cfef;
}

div.StandardText div.InfoText p {
	margin: 0 0 16px 0;
	padding: 0;
	color: #4c4c4c;
	font-size: 11px;
	line-height: 16px;
}

div.StandardText div.InfoText p.Phat {
	font-size: 14px;
	font-weight: bold;
}

div.StandardText div.InfoText p a {
	color: #82cfef;
	font-size: 11px;
	line-height: 15px;
}

div.StandardText div.InfoText p a:hover {
	text-decoration: underline;
}

div.StandardText img {
	margin: 4px 0 6px 0;
	/*border:1px solid #666666;*/
}

div.StandardText img.GoLeft {
	margin-left: 0;
	margin-right: 12px;
}

div.StandardText img.GoRight {
	margin-left: 12px;
	margin-right: 0;
}

/* =Formulare
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.FormArea {
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
}

div.FormArea div.InfoText {
	margin: 0 0 12px 16px;
	padding: 0;
	width: 100%;
}

div.FormArea h1 {
	border-bottom: 1px solid #82CFEF;
	color: #592819;
	font-size: 17px;
	line-height: 19px;
	margin: 20px 0pt 8px;
	padding: 0pt 0pt 6px 8px;
}

div.FormArea h3 {
	margin: 20px 0 6px 0;
	color: #82cfef;
	width: 436px;
}

div.FormArea p {
	color: #4C4C4C;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
}

div.FormArea div.InfoText p {
	width: 434px;
	margin: 4px 0 10px 0;
}

table#SiteFrame td#ContentFrame form#sendForm {
	margin: 0 0 0 0;
}
table#SiteFrame td#ContentFrame form#sendForm table {
	width: 440px;
	margin: 0 0 10px 16px;
	color: #592819;
	vertical-align: top;
}

table#SiteFrame td#ContentFrame form#sendForm table tr td {
	vertical-align: top !important;
	width: 200px;
	padding: 4px 0 5px 0;
}

table#SiteFrame td#ContentFrame form#sendForm table tr td.col1 {
	width: 140px;
}

table#SiteFrame td#ContentFrame form#sendForm table tr td.col2 {
	width: 300px;
}

table#SiteFrame td#ContentFrame form#sendForm table tr td input {
	float: left;
}

table#SiteFrame td#ContentFrame form#sendForm table tr td a {
	float: left;
}

table#SiteFrame td#ContentFrame form#sendForm table tr td label {
	display: block;
	margin: 0 8px 0 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	float: left;
}

table#SiteFrame td#ContentFrame form#sendForm table tr td p {
	display: block;
	margin: 4px 0 0 0;
	font-size: 11px;
	line-height: 14px;
	float: left;
	width: 280px;
}

table#SiteFrame td#ContentFrame form#sendForm input.SearchField {
	color: #592819;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	width: 280px;
}

table#SiteFrame td#ContentFrame form#sendForm select.SelectBoxMid {
	color: #592819;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	float: left;
	width: 280px;
}

table#SiteFrame td#ContentFrame form#sendForm textarea {
	color: #592819;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	float: left;
	width: 280px;
}

table#SiteFrame td#ContentFrame form#sendForm .SearchButton {
	margin: 15px 0 5px 0;
}

table#SiteFrame td#ContentFrame form#sendForm table tr td span.error {
	margin: 5px 0;
	float: left;
	color: #F00;
	font-weight: bold;
}

/* =Tabellen
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table.EventList {
	width: 468px;
	table-layout: fixed;
	margin: 5px 0 15px 0;
}

table.EventList th {
	vertical-align: middle;
}

table.EventList thead tr.first th {
	padding: 0 15px;
	width: 126px;
	height: 36px;
	color: #592819;
	background: #e6f5fc;
	font-size: 10px;
}

table.EventList thead tr.first th.col1 {
	text-align: left;
}

table.EventList thead tr.first th.col2 {
	text-align: left;
	padding-left: 8px;
	font-size: 12px;
	font-weight: bold;
}

table.EventList thead tr.first th.col3 {
	text-align: right;
}

table.EventList thead tr.first th a {
	color: #592819;
}

table.EventList thead tr.first th a:hover {
	text-decoration: underline;
}

table.EventList thead tr.space th {
	height: 12px;
	background: #fff;
}

table.EventList tr.InfoHeader {
	height: 10px;
	vertical-align: bottom;
	color: #82cfef;
	font-size: 10px;
}

html > body table.EventList tr.InfoHeader {
	height: auto;
	min-height: 10px;
}

table.EventList tr.InfoHeader td {
	padding: 0 8px 0px 4px;
}

table.EventList tr.InfoHeader span {
	margin: 0 5px 0 5px;
}

table.EventList tr.Content {
	height: 70px;
}

html > body table.EventList tr.Content {
	height: auto;
	min-height: 70px;
}

table.EventList tr.Content td {
	border-top: 1px solid #82cfef;
	vertical-align: top;
	padding: 4px 8px 8px 8px;
}

table.EventList tr.NoBorder td {
	border-top: 0;
	padding-top: 0px;
}

table.EventList tr.Content td p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	color: #4c4c4c;
}

table.EventList tr.Content td h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #6e2819;
}

table.EventList tr.Content td p.SubHead {
	font-size: 10px;
	color: #6e2819;
}

table.EventList tbody tr.Content td p.Date {
	font-weight: bold;
	margin-bottom: 5px;
}

/* rating system */
.rating {
	padding: 3px 5px 5px 5px;
	font-size: 11px;
	color: #fff;
	background: #A8DDF4;
	width: 220px;
	height: 15px;
	margin-bottom: 5px;
	overflow: hidden;
}
.rating.ratingOnIndex {
	width: 120px;
}
.rating img {
	display: inline;
	vertical-align: text-top;
}
.rating .yours {
	display: block;
	width: 100px;
	float: left;
	padding: 0 0 0 2px;
	margin: 0;
}

.rating ul {
	list-style: none;
	display: block;
	float: right;
	position: relative;
	top: 1px;
	left: 0;
	background: url(/National_Library/oe_/http://designspotter.com/img/icon_rating-white.gif) no-repeat 0 0;
	width: 74px;
	height: 13px;
	overflow: hidden;
}

.rating.ratingOnIndex ul {
	float: left;
}

.rating .rating-0 {
	background-position: 0 0;
}
.rating .rating-1 {
	background-position: 0 -13px;
}
.rating .rating-2 {
	background-position: 0 -26px;
}
.rating .rating-3 {
	background-position: 0 -39px;
}
.rating .rating-4 {
	background-position: 0 -52px;
}
.rating .rating-5 {
	background-position: 0 -65px;
}
.rating ul li {
	cursor: pointer;
}
.rating li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 13px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	z-index: 200;
}
.rating li.rating-1 a {
	left: 0;
}
.rating li.rating-2 a {
	left: 15px;
}
.rating li.rating-3 a {
	left: 30px;
}
.rating li.rating-4 a {
	left: 45px;
}
.rating li.rating-5 a {
	left: 60px;
}
.rating li a:hover {
	overflow: hidden;
	z-index: 2;
	left: 0;
	width: 74px;
	height: 13px;
	background: url(/National_Library/oe_/http://designspotter.com/img/icon_rating-white.gif) no-repeat 0 0;
}
.rating li.rating-1 a:hover {
	background-position: 0 -78px;
}
.rating li.rating-2 a:hover {
	background-position: 0 -91px;
}
.rating li.rating-3 a:hover {
	background-position: 0 -104px;
}
.rating li.rating-4 a:hover {
	background-position: 0 -117px;
}
.rating li.rating-5 a:hover {
	background-position: 0 -130px;
}

#like-it {
	position: relative;
	top: 0;
	left: 10px;
}

.tron {
	right: 0 !important;
}

.job {
	border-bottom: 3px solid #4fafd7;
	padding: 5px 0;
	position: relative;
	clear: both;
}

.job .InfoHeader {
	background: url(/National_Library/oe_/http://designspotter.com/img/dsjobs.gif) 336px 0px no-repeat;
}

.job .BlogEntryInner {
	margin-left: 8px !important;
}

.job h1 {
	clear: both;
	display: block;
}

.job img {
	position: relative;
}

.job h1 a {
	background: none repeat scroll 0 0 #592A18;
	color: #FFFFFF !important;
	font-size: 20px;
	line-height: 22px;
	padding: 2px 5px;
	text-transform: none;
	clear: both;
	margin-top: 5px;
}

.job .published, .job .category {
	color: #83d0f0;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 8px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 3px;
}

.job .published span {
	float: left;
	display: block;
	background: #4fafd7;
	color: #FFF;
	padding: 0 10px;
	margin-right: 10px;
	font-size: 11px;
	line-height: 16px;
	height: 16px;
	font-weight: bold;
}

.job .category {
	position: absolute;
	top: 20px;
	right: 0;
}

.job .clogo {
	position: absolute;
	top: 45px;
	right: 0;
}

.job .location, .job .company {
	padding: 5px 0;
}

.job .flag {
	position: absolute;
	bottom: 8px;
	right: 1px;
}

.job .company {
	clear: both;
	padding-top: 10px;
	font-size: 15px;
	font-weight: bold;
}

.job .description {
	border-top: 1px solid #999;
}

.job .footer {
	clear: both;
	float: none;
}

.job .animate {
	display: none;
}

.job .toggle {
	background-color: #4FAFD7;
	padding: 2px 10px 2px 15px;
	color: #FFF;
	font-size: 11px;
	background-position: 7px 6px !important;
}

.shop {
	padding: 5px 0;
	position: relative;
	clear: both;
}

.shop .InfoHeader {
	background: url(/National_Library/oe_/http://designspotter.com/img/dsshops.gif) 336px 0px no-repeat;
}

.shop h1 {
	clear: both;
	display: block;
	margin-left: 0 !important;
}

.shop img {
	position: relative;
}

.shop h1 a {
	background: none repeat scroll 0 0 #592A18;
	color: #FFFFFF !important;
	font-size: 20px;
	line-height: 22px;
	padding: 2px 5px;
	text-transform: none;
	clear: both;
	margin-top: 5px;
}

.shop .clogo {
	position: relative;
	clear: both;
	float: none;
	top: 0;
	left: 0;
	width: 460px;
	height: 140px;
}

.shop .clogo a {
	display: block;
	float: left;
	padding-right: 10px;
}

.shop .clogo img {
	display: block;
}

.shop .description {
	border-top: 1px solid #999;
}

.shop .footer {
	clear: both;
	float: none;
}

.shop .animate {
	display: none;
}

.shop .toggle {
	background-color: #4FAFD7;
	padding: 2px 10px 2px 15px;
	color: #FFF;
	font-size: 11px;
	background-position: 7px 6px !important;
}

.FilterRating {
	float: right;
}
.FilterRating select {
	height: 17px;
	width: 75px;
	border: 1px solid #DCDCDC;
	font-size: 10px;
}

/* new fancybox based popup and styles */
#fancybox-content {
	border-color: #82CFEF !important;
	height: 604px !important;
}

body#popup {
	overflow: hidden !important;
}

body#popup #ContentFrame {
	margin-bottom: 0 !important;
}

body#popup div#HeaderBox {
	display: none !important;
}

body#popup div#GalleryNav {
	padding: 12px 0 0 0;
}

body#popup div#GalleryNav a img {
	border: 1px solid #666666;
	height: 20px;
	margin: 0;
	width: 35px;
}

body#popup div#ContentFrame div.ContentBox468 {
	border-bottom: 0;
}

body#popup h1 {
	border-bottom: 1px solid #82CFEF;
	padding-bottom: 8px;
}

body#popup .InfoText p {
	height: 0px;
	width: 100%;
	overflow: auto;
	display: none;
}


/* Gallery */

#GalleryNav, .GalleryNav			{ margin-bottom: 10px; }

#gallery_pic_prev, .gallery_pic_prev 	{ width: 13px; height: 55px; display: inline-block; }
#gallery_pic_next, .gallery_pic_next 	{ width: 13px; height: 55px; display: inline-block; }
.gallery_pic_prev_active 	{ background: url(/National_Library/oe_/http://designspotter.com/img/gallery_pics_prev.png) 0px 0px no-repeat; cursor: pointer; }
.gallery_pic_next_active 	{ background: url(/National_Library/oe_/http://designspotter.com/img/gallery_pics_next.png) 0px 0px no-repeat; cursor: pointer; }

.gallery_pics		{ display: inline-block; }