@import url("reset.css");

#reference-designs-links a {
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 25px;
  text-decoration: none;
}

#reference-designs-links {
  display: none;
  left: 0;
  position: absolute;
  top: 41px;
  width: 385px;
}

#reference-designs-label {
  color: #373737;
  font-size: 24px !important;
  font-weight: bold !important;
  padding-right: 10px !important;
}

#sf_reference-design-2 {
  background: rgba(0, 0, 0, 0) url("http://www.datasheetarchive.com/images/banner-bg.jpg") repeat scroll 0 0;
  width: 100%;
}

.ref-des {
  background: rgba(0, 0, 0, 0) url("http://www.datasheetarchive.com/images/banner-bg.jpg") repeat scroll 0 0;
}

#sf_inventory2 {
  background: url("http://www.datasheetarchive.com/images/banner-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block !important;
  padding-left: 20px;
}

#reference-designs-widget {
  background: none repeat scroll 0 0 white;
}

#reference-designs-widget #reference-designs-title {
  border: medium none;
  font-size: 13px;
  font-weight: 600;
}

h3 { float: left; margin: 22px 25px 35px 0; }
span.bold { font-weight: bold; }
div.clearer {clear: left; line-height: 0; height: 0; }

div.container { width: 1000px; margin: 0 auto; position: relative; }
a.pdfs {color:#3E6D8E;background-color:#e6e6e5;border-bottom:1px solid #3E6D8E;border-right:1px solid #7F9FB6;padding:3px 4px 3px 4px;margin:2px 2px 2px 0;text-decoration:none;font-size:90%;line-height:2.4;}
a.pdfs:hover {background-color:#4E9ED9;color:#E0EAF1;border-bottom:1px solid #37607D;border-right:1px solid #37607D;text-decoration:none;}

/* HEADER */
header { top: 0; width: 100%; min-width: 985px !important; }
header div#top { background: url('http://www.datasheetarchive.com/images/menu-list-bg.jpg') repeat-x; border-bottom: 1px solid #e6e6e5; height: 37px; padding: 0 0px 0 20px; }
header div#top p#toptext { font-family: Arial; font-size: 12px; color: #000; margin: 14px 0 15px 0; display: inline-block; }
header div#top ul.main { float: right; list-style: none; background: url('http://www.datasheetarchive.com/images/menu-list-bg.jpg') repeat-x; }
header div#top ul.main li a:hover { background: #4ea0da; color: #fff; }
header div#top ul.main li a { font-family: Arial; font-size: 12px; color: #000; text-decoration: none; width: 100%; height: 100%; display: block; padding: 13px 20px 12px 20px; margin: -13px -20px -13px -20px; }
header div#top ul.main li { display: block; cursor: pointer; float: left; position: relative; font-family: Arial; font-size: 12px; color: #000; border-left: 1px solid #e6e6e5; padding: 13px 20px 12px 20px; background: url('http://www.datasheetarchive.com/images/menu-list-bg.jpg') repeat-x; }
header div#top ul.main li.dropmenu { background: url('http://www.datasheetarchive.com/images/arrow-down.png') no-repeat 85% 50%; padding-right: 40px; }
header div#top ul.main li.language { width: 90px; border-right: 1px solid #e6e6e5; }
header div#top ul.main li ul.drop { position: absolute; top: 37px; left: -1px; z-index: 900; border-right: 1px solid #e6e6e5; display: none; }
header div#top ul.main li ul.drop li { display: block; background: #fff; width: 213px; background: url('http://www.datasheetarchive.com/images/menu-list-bg.jpg') repeat-x; }
header div#top ul.main li ul.drop li a { border-bottom: 1px solid #e6e6e5; }
header div#top ul.main li.language ul.drop { position: absolute; top: 37px; right: -1px; z-index: 900; border-right: 1px solid #e6e6e5; display: none; }
header div#top ul.main li.language ul.drop li { display: block; background: #fff; border-bottom: 1px solid #e6e6e5; width: 110px; background: url('http://www.datasheetarchive.com/images/menu-list-bg.jpg') repeat-x; }
header div#top ul.main li.dropmenu:hover { background: #4ea0da url('http://www.datasheetarchive.com/images/arrow-down2.png') no-repeat 85% 50%; color: #fff; }
header div#top ul.main li ul.drop li a:hover { background: #4ea0da; padding-top: -1px; color: #fff; }
header div#button-holder { position: relative; text-align: center; height: 100%; float: left; }
header div#button-holder div#center { position: absolute; top: 0; left: 50%; margin-left: -155px; height: 100%; min-width: 310px; }
header a.button-top { display: block; float: left; width: 84px; height: 27px; margin: 35px 15px 0 0; padding: 16px 0 0 0; border: 1px solid #2a82bf; border-radius: 4px; text-decoration: none; font-family: Arial; font-size: 14px; color: #fff; text-align: center; background: url('http://www.datasheetarchive.com/images/button-top-bg.jpg') repeat-x; }
header a.button-top:hover { background: url('http://www.datasheetarchive.com/images/link-hover.jpg') repeat-x top; border: 1px solid #53B1F5; color: #fff; }
header div#search-container { height: 109px; border-bottom: 1px solid #e6e6e5; padding: 0 20px; min-width: 985px !important; position: relative; }
header div#search { background: #eeeded; padding: 4px; border-radius: 4px; margin-top: 20px; position: absolute; right: 20px; }
header div#search input#searchbox { width: 354px; padding: 10px; border: 1px solid #b2b2bc; border-radius: 4px; margin-right: 6px; font-family: Arial; font-size: 18px; font-weight: bold; color: #000; }
header div#search input#searchbutton { width: 56px; height: 41px; background: url('http://www.datasheetarchive.com/images/search-button.png') no-repeat top center; padding: 0; margin: 0; border: none; cursor: pointer; }
header div#search input#searchbutton:hover { background: url('http://www.datasheetarchive.com/images/search-button-on.png') no-repeat top center; }
header div#search p { position: absolute; bottom: -20px; float: left; font-family: Arial; font-size: 12px; color: #999999; }
header div#search p a { text-decoration: none; color: #3c8fc9; }
.bored { border:solid 1px #acacac; }

/* FOOTER */
footer { height: 103px; background: #fff; border-bottom: 1px solid #b2b3ad; padding: 0 20px; }
footer ul { margin: 33px 0 5px 0; float: left; }
footer ul li { display: inline; }
footer ul li a { font-family: Arial; font-size: 12px; color: #000; border-right: 1px solid #000; text-decoration: none; padding-right: 5px; }
footer ul li a:hover { text-decoration: underline; }
footer ul li:last-child a { border: none; }
footer a#id { float: right; margin-top: 35px; text-decoration: none; }
footer p#id-text { float: left; font-family: Arial; font-size: 12px; color: #000; margin-right: 10px; }
footer img { float: left; margin-top: -4px; }
footer p#copy { font-family: Arial; font-size: 12px; color: #000; float: left; clear: both; }

div#banner {
  background: url("http://www.datasheetarchive.com/images/banner-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 20px 0 40px;
  position: relative;
}

/* TAG BUTTONS */
div#tags { background: #e1e1df; padding: 13px 0 6px 20px; border-bottom: 1px solid #c3c3c0; }
div#tags div.tags-block { float: left; width: 100%; }
div#tags div.tags-block div.tabs-left-col { width: 120px; float: left; }
div#tags div.tags-block div.tabs-left-right { float: left; max-width: 850px; }
div#tags div.tags-block p { font-family: Arial; font-size: 12px; color: #373737; font-weight: bold; line-height: 22px; margin-top: 5px; }
div#tags div.tags-block a.tags-button { float: left; font-family: Arial; font-size: 12px; color: #373737; line-height: 18px; text-decoration: none; display: block; height: 24px; border: 1px solid #b2b2bc; border-radius: 4px; background: #fff; margin: 0 7px 7px 0; padding: 6px 10px 0 10px ; }
div#tags div.tags-block a.tags-button span { font-weight: bold; color: #3c8fc9; text-decoration: none; }

/* VIEW BUTTONS */
div.view { height: 52px; border-bottom: 1px solid #b2b2bc; background: url('http://www.datasheetarchive.com/images/banner-bg.jpg') repeat; padding: 36px 20px 0 20px; }
div.view h1 { font-family: Arial; font-size: 24px; line-height: 22px; font-weight: bold; color: #373737; float: left; }
div.view h2 { font-family: Arial; font-size: 24px; line-height: 22px; font-weight: bold; color: #373737; float: left; }
div.view a { font-family: Arial; font-size: 24px; line-height: 22px; font-weight: bold; color: #373737; float: left; text-decoration: none;}
div.view ul.viewchange { float: right; width: 114px; height: 30px; border: 1px solid #c6c6c6; border-radius: 4px; list-style: none; background: url('http://www.datasheetarchive.com/images/col-names-bg.jpg') top left repeat-x; }
div.view ul.viewchange li { display: block; float: left; border-right: 1px solid #c6c6c6; text-align: center; }
div.view ul.viewchange li:last-child { border: none; }
div.view ul.viewchange li a { display: block; width: 37px; height: 24px; float: left; padding-top: 6px; cursor: pointer; }
div.view ul.viewchange li a#showview3 { background: url(http://www.datasheetarchive.com/images/viewbutton3-bg.png) left center no-repeat; }
div.view ul.viewchange li a#showview6 { background: url(http://www.datasheetarchive.com/images/viewbutton3-bg.png) left center no-repeat; }
div.view ul.viewchange li a#showview8 { background: url(http://www.datasheetarchive.com/images/viewbutton2-bg.png) right center no-repeat; }

/* COLUMN TITLES */
div.cols { border-bottom: 1px solid #b2b2bc; background: url('http://www.datasheetarchive.com/images/col-names-bg.jpg') top left repeat-x; height: 38px; }
div.cols td { padding: 10px 23px 0 23px; border-left: 1px solid #e5e5e7; }
div.cols table.columns { width: 100%; height: 38px; font-family: Arial; font-size: 12px; line-height: 22px; color: #6b6f7b; font-weight: bold; }

div.xref div.rel { position: relative; }
div.xref td { padding: 5px 23px 5px 23px; vertical-align: top; }
div.xref p { font-family: Arial; font-size: 12px; line-height: 18px; margin-left: 20px;}
div.xref table { width: 100%; font-family: Arial; font-size: 12px; line-height: 22px; color: #373737; background: #fff; position: relative; margin: 0 auto; }
div.xref table p.short-text { max-width: 65px; float: left; line-height: 18px; display: block; }
div.xref table p.short-text span { color: #858585; }
div.xref table td { padding: 5px 23px 5px 23px; vertical-align: top; border: 1px solid #e5e5e7; border-top: none; border-right: none; }
div.xref table td p { float: left; }
div.xref table tr td a { font-family: Arial; font-size: 12px; line-height: 18px; color: #3c8fc9; text-decoration:none; }
div.xref table a.dlpng { float: left; margin: 0px 10px 0 0; clear: left; }
div.xref a.buy { float: left; text-decoration: none; color: #373737; font-family: Arial; font-size: 14px; background: url('http://www.datasheetarchive.com/images/buy-bg.jpg') repeat-x; padding: 5px 10px; border: 1px solid #b2b2bc; border-radius: 5px; margin: 5px 0 0 15px; float: left; }
div.xref a.buy:hover { background: #4c9dd7; color: #fff; border: 1px solid #2a82bf; }
div.xref tr.details { cursor: pointer; }

div.info td { padding: 5px 23px 5px 23px; vertical-align: top; }
div.info table { width: 70%; font-family: Arial; font-size: 12px; line-height: 22px; color: #373737; background: #fff; }

div.results div.rel { position: relative; }
div.results em { font-family: Arial; font-size: 12px; font-style: normal; background: #FFFFC0; text-decoration: underline; }
div.results span.highlight { font-family: Arial; font-size: 12px; font-style: normal; background: #FFFFC0; text-decoration: underline; }
div.results td { padding: 5px 23px 5px 23px; vertical-align: top; }
div.results table { width: 100%; font-family: Arial; font-size: 12px; line-height: 22px; color: #373737; background: #fff; position: relative; margin: 0 auto; }
div.results table p.short-text { max-width: 130px; float: left; line-height: 18px; display: block; }
div.results table p.short-text span { color: #858585; }
div.results table td { padding: 5px 23px 5px 23px; vertical-align: top; border: 1px solid #e5e5e7; border-top: none; border-right: none; }
div.results table td p { float: left; }
div.results table tr td a { font-family: Arial; font-size: 12px; line-height: 18px; color: #3c8fc9; text-decoration:none; }
div.results table a.dlpng { float: left; margin: 0px 10px 0 0; clear: left; }
div.results a.buy { float: left; text-decoration: none; color: #373737; font-family: Arial; font-size: 14px; background: url('http://www.datasheetarchive.com/images/buy-bg.jpg') repeat-x; padding: 5px 10px; border: 1px solid #b2b2bc; border-radius: 5px; margin: 5px 0 0 15px; float: left; }
div.results a.buy:hover { background: #4c9dd7; color: #fff; border: 1px solid #2a82bf; }
div.results tr.details { cursor: pointer; }

div.results table#view1 { margin: 30px 0 10px 0; border: none; }
div.results table#view1 tr { border: none; }
div.results table#view1 td { min-height: 450px; border: none; }
div.results table#view1 p { font-weight: bold; }
div.results table#view1 p span { font-weight: normal; }
div.results table#view1 div.img-holder { width: 300px; border: 1px solid #e5e5e7; margin-bottom: 10px; }
div.results table#view1 p.short-text { line-height: 16px; display: block; margin-top: 5px; }

div.results table#view3 p.short-text { margin-top: 4px }
div.results table#view3 tr td p { margin-top: 10px; }
div.results table#view3 tr td img { color:#000000; margin: 0 10px 0px 0; float: left; }
div.results table#view3 img.results-img { margin: 0px 10px 0 0; cursor: pointer; }
div.results table#view3 img.thumb-arrow { position: absolute; left: -15px; top: 50%; margin-top: -5px; }
div.results table#view3 div.thumbnail { position: absolute; width: 310px; height: 260px; background: #fff; border: 1px solid #dedfe0; z-index: 800; top: -118px; left: 52px; display: none; }

div.results table#view4 p.short-text { margin-top: 4px }
div.results table#view4 tr td p { margin-top: 10px; }
div.results table#view4 tr td img { margin: 0 10px 0px 0; float: left; }

div.results div.details-box { height: 378px; background: #fff; position: absolute; bottom: 0px; left: 0; z-index: 900; padding-top: 30px; cursor: default; display: none; }
div.results div.details-box div.container { background: none; }
div.results div.details-box div.details-img { border: 1px solid #dedfe0; width: 310px; height: 260px; margin-bottom: 10px; float: left; }
div.results div.details-box p.close { float: right; clear: none; cursor: pointer; color: #373737; }
div.results div.details-box p { clear: both; margin: 0 !important; }
div.results div.details-box a.download { float: left; clear: both; text-decoration: none; color: #373737; font-family: Arial; font-size: 14px; background: #f4f4f4 url('http://www.datasheetarchive.com/images/adobe-icon.png') 10px no-repeat; display: inline-block; margin-top: 10px; padding: 4px 10px 4px 25px; border: 1px solid #b2b2bc; border-radius: 5px; }
div.results div.details-box a.download:hover { background: #4ea1dc url('http://www.datasheetarchive.com/images/adobe-icon2.png') 10px no-repeat; color: #fff; border: 1px solid #2a82bf; }
div.results div.details-box a.download img.dl-icon { margin: 0 5px -2px 0 !important; padding: 0; }

/* PAGINATION */
div.pagination { height: 50px; border-top: 1px solid #b2b2bc; border-bottom: 1px solid #b2b2bc; padding-right: 27px; background: url('http://www.datasheetarchive.com/images/pagination-bg.jpg') repeat-x; }
div.pagination ul.navigation { float: right; margin-top: 12px; }
div.pagination ul.navigation li { display: inline; }
div.pagination ul.navigation li a { display: block; font-family: Arial; font-size: 12px; text-decoration: none; color: #717171; font-weight: bold; display:block; float: left; height: 18px; width: 24px; border: 1px solid #bfbfbf; border-radius: 4px; margin-right: 4px; text-align: center; padding-top: 5px; cursor: pointer; }
div.pagination ul.navigation a.active_page { background: #4097cd; border: 1px solid #367fac; color: #fff; }
div.pagination a.view_all { font-family: Arial; font-size: 12px; text-decoration: none; color: #717171; font-weight: bold; display:block; float: right; height: 18px; padding: 0 5px; border: 1px solid #bfbfbf; border-radius: 4px; margin: 12px 4px 0 0; text-align: center; padding-top: 5px; }
div.pagination ul.navigation li a:hover { background: #4097cd; color: #fff; border: 1px solid #2a82bf; }

div.pagination2 { padding: 5px 5px 5px 40px; }
div.pagination2 p { font-family: Arial; font-size: 12px; line-height: 18px; }
div.pagination2 .header { font-family: Arial; line-height: 38px; font-size: 18px; font-weight: bold; color: #373737; }
div.pagination2 ul.navigation2 li { padding-bottom: 3px; display: inline-block; }
div.pagination2 ul.navigation2 li a { display: block; font-family: Arial; font-size: 12px; text-decoration: none; color: #717171; font-weight: bold; display:block; float: left; height: 18px; width: 24px; border: 1px solid #bfbfbf; border-radius: 4px; margin-right: 4px; text-align: center; padding-top: 5px; cursor: pointer; }
div.pagination2 ul.navigation2 li a.active_page { background: #4097cd; border: 1px solid #367fac; color: #fff; }
div.pagination2 ul.navigation2 li a.active_pagesm { font-family: Arial; font-size: 10px; background: #4097cd; border: 1px solid #367fac; color: #fff; }
div.pagination2 ul.navigation2 li a.ss { display: block; font-family: Arial; font-size: 10px; text-decoration: none; color: #717171; font-weight: bold; display:block; float: left; height: 18px; width: 24px; border: 1px solid #bfbfbf; border-radius: 4px; margin-right: 4px; text-align: center; padding-top: 5px; cursor: pointer; }
div.pagination2 ul.navigation2 li a:hover { background: #4097cd; color: #fff; border: 1px solid #2a82bf; }

/* FEATUERS LIST */
div#feature_list { width: 983px; height: 323px; overflow: hidden; border: 1px solid #b9b9b7; border-radius: 5px; position: relative; left: 50%; margin-left: -491px; }
div#feature_list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; }
ul#tabs { right: 0; z-index: 2; width: 257px; border-left: 1px solid #b9b9b7; height: 100%; position: relative; }
ul#tabs li { font-size: 12px; font-family: Arial; height: 25%; background: #d6d6d6 url('http://www.datasheetarchive.com/images/rotator-bg.jpg') repeat-x top left; position: relative; border-bottom: 1px solid #b9b9b7; }
ul#tabs li a { color: #373737; text-decoration: none; display: block; height: 100%; outline: none; font-family: Arial; font-size: 14px; line-height: 22px; font-weight: bold; position: absolute; top: 0; right: 0; width: 281px; cursor: pointer; }
ul#tabs li a p { float: left; margin-left: 45px; }
ul#tabs li a.current { background: url('http://www.datasheetarchive.com/images/arrow-rotator.png') no-repeat center right; color: #fff; }
ul#tabs li a.current:hover { text-decoration: none; cursor: default; }

div#output { left: 0; width: 725px; height: 100%; position: absolute; background: white; }
div#output div.slide { position: relative; height: 100%; width: 100%; }

/* HEADER ADJUST */
@media only screen and (min-width : 480px) {
header div#search input#searchbox { width: 314px; }
header div#button-holder { margin-left: 0px; }
}

@media only screen and (min-width : 1100px) {
header div#search input#searchbox { width: 354px; }
header div#button-holder { margin-left: 40px; }
}

@media only screen and (min-width : 1200px) {
header div#search input#searchbox { width: 444px; }
}

@media only screen and (min-width : 1240px) {
header div#search input#searchbox { width: 474px; }
}

@media only screen and (min-width : 1300px) {
header div#search input#searchbox { width: 504px; }
header div#button-holder { margin-left: 80px; }
}

@media only screen and (min-width : 1400px) {
header div#search input#searchbox { width: 554px; }
header div#button-holder { margin-left: 110px; }
}

@media only screen and (min-width : 1500px) {
header div#search input#searchbox { width: 634px; }
header div#button-holder { margin-left: 140px; }
}

@media only screen and (min-width : 1600px) {
header div#search input#searchbox { width: 664px; }
header div#button-holder { margin-left: 160px; }
}

/* 
BEGIN AUTOSUGGEST
*/
div.autosuggest {
	position: absolute;
	background-image: url(http://www.datasheetarchive.com/images/as_pointer.png);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	visibility: visible;
  z-index: 500 !important;
}
div.autosuggest div.as_header, div.autosuggest div.as_footer {
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(http://www.datasheetarchive.com/images/ul_corner_tr.png);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer {
	background-image: url(http://www.datasheetarchive.com/images/ul_corner_br.png);
}
div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(http://www.datasheetarchive.com/images/ul_corner_tl.png);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner {
	background-image: url(http://www.datasheetarchive.com/images/ul_corner_bl.png);
}
div.autosuggest div.as_header div.as_bar, div.autosuggest div.as_footer div.as_bar {
	height: 6px;
	overflow: hidden;
	background-color: #2F7FB4;
}
div.autosuggest ul {
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #2F7FB4;
}
div.autosuggest ul li {
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}
div.autosuggest ul li a {
	display: block;
	text-decoration: none;
	background-color: transparent;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a span.container {
	display: block;
	padding: 3px 6px;
}
div.autosuggest ul li.as_highlight a {
	background-color: #D8DEEA;
	background-image: url(http://www.datasheetarchive.com/images/hl_corner_br.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
div.autosuggest ul li.as_highlight a span.container {
	background-image: url(http://www.datasheetarchive.com/images/hl_corner_bl.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
div.autosuggest ul li a .tl, div.autosuggest ul li a .tr {
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr { right: 0; }
div.autosuggest ul li.as_highlight a .tl {
	left: 0;
	background-image: url(http://www.datasheetarchive.com/images/hl_corner_tl.png);
	background-position: bottom left;
}
div.autosuggest ul li.as_highlight a .tr {
	right: 0;
	background-image: url(http://www.datasheetarchive.com/images/hl_corner_tr.png);
	background-position: bottom right;
}
div.autosuggest ul li.as_warning {
	font-weight: bold;
	text-align: center;
}
/* 
.typed is what you typed in the input box...
.guessed is what the AC scrips is autocompleting...
.as_highlight (the last line) is for when line is mouse overed... 
*/
span.guessed, span.typed {
	font-style: normal;
	font-family: Arial;
	font-size: 18px;
}
span.guessed { color: #ffffff; }
span.typed { color: #D2E4F1; }
div.autosuggest ul li.as_highlight a span.container span.typed, div.autosuggest ul li.as_highlight a span.container span.guessed {
	color: #006699;
}