@charset "utf-8";
/* CSS Document */

div img.inline { border: 0px solid #000; display:inline; }

/* 360 product services */
div#prod_menu table img.link { padding-bottom: 2px; border-bottom:#fff 1px solid;}
div#prod_menu table a:hover img.link { padding-bottom: 2px; border-bottom:#666 1px solid;}

/* area based: precontent */
div.precontent { padding: 0px 0px 9px 0px; }
div.precontent h1 { padding: 12px 0 0 0; }
div.precontent h1#h1_ss_360_suite { text-indent: -3600px; background: url(../images/logo_SS_360.gif) no-repeat 0 8px;}
div.precontent h1#h1_ss_360_search { text-indent: -3600px; background: url(../images/logo_360_search.gif) no-repeat 0 8px;}
div.precontent h1#h1_ss_360_resource_manager { text-indent: -3600px; background: url(../images/logo_360Resource_manager.gif) no-repeat 0 8px;}
div.precontent h1#h1_ss_360_marc_updates { text-indent: -3600px; background: url(../images/logo_360Marc_updates.gif) no-repeat 0 8px;}
div.precontent h1#h1_ulrichs_services { text-indent: -3600px; background: url(../images/logo-ulrichs.gif) no-repeat 0 8px;}
div.precontent h1#h1_ulrichsweb_logo { text-indent: -3600px; background: url(../images/logo-ulrichsweb.gif) no-repeat 0 8px;}
div.precontent h1#h1_ulrichs_serials_analysis_system { text-indent: -3600px; background: url(../images/logo-ulrichs-serials.gif) no-repeat 0 8px;}
div.precontent h1#h1_ss_360_link { text-indent: -3600px; background: url(../images/logo_360_link.gif) no-repeat 0 8px;}
div.precontent h1#h1_ss_360_core { text-indent: -3600px; background: url(../images/logo_360_core.gif) no-repeat 0 8px;}
div.precontent h1#h1_ss_360_counter { text-indent: -3600px; background: url(../images/logo_360_counter.gif) no-repeat 0 8px;}
div.precontent h1#h1_kw { text-indent: -3600px; background: url(../images/logo_kw.gif) no-repeat 0 8px; height: 120px;}
div.precontent h1 + p { color:#666; font: bold 14px/16px Corbel, sans-serif; text-transform: uppercase; padding: 8px 0 1em 0;}
div.precontent p { color:#666; font: bold 14px/16px Corbel, sans-serif; text-transform: uppercase; padding: 8px 0 1em 0;}
div.precontent h2 + p { color:#666; font: bold 14px/16px Corbel, sans-serif; text-transform: uppercase; padding: 8px 0 1em 0;}
div.precontent h1 + h2 { font: 20px/20px Helvetica; padding: 0 0 4px 0;}

/* area based: content */
div.content { padding: 0px 0px 0px 0px; }
div.content p { margin: 0 9px 1em 9px; }
div.content ul { margin: 0 9px 1em 9px; }
div.content ol { margin: 0 9px 1em 9px; }
div.content table { border-collapse: collapse; margin: 0 9px 1em 9px; padding: 0}
div.content table tr {}
div.content table tr th { text-align:left; vertical-align: top; border: 1px solid #ccc; background:#ebebeb; padding: 2px 4px; }
div.content table tr td { vertical-align: top;border: 1px solid #ccc; background:#ffffff; padding: 2px 4px; }
div.content table h1 { margin: 0; padding: 0; }
div.content table h2 { margin: 0; padding: 0; }
div.content table h3 { margin: 0; padding: 0; }
div.content table h4 { margin: 0; padding: 0; }
div.content table h5 { margin: 0; padding: 0; }
div.content table h6 { margin: 0; padding: 0; }
div.content table p  { margin: 0; padding: 0; }
div.content table ul { margin: 0; padding: 0; }
div.content table ol { margin: 0; padding: 0; }
div.content div.chart { border: solid 1px #ccc; margin: 0 9px 1em 9px;}
div.content div.chart h2 { color: #ffffff; background: #aaa; margin: 2px 2px 8px 2px; padding: 4px 18px;}
div.content table.position {}
div.content table.position tr { border: 0; }
div.content table.position tr td { border: 0; }
div.content table.light { margin: 0 9px 18px 9px; border-bottom: solid 1px #ccc; }
div.content table.light tr { }
div.content table.light tr th { border: 0; color: #333; background:#ebebeb; border-top: solid 1px #ccc; }
div.content table.light tr td { border: 0; color: #333; border-top: solid 1px #ccc; }
div.content table.light tr td h3 { margin-top: 2em; }

div.content table.second { margin: 0 9px 18px 9px; }
div.content table.second tr { }
div.content table.second tr th { border: 0; color: #333; background:#ebebeb; border-top: solid 1px #ccc; }
div.content table.second tr td { border: 0; color: #333; ; }
div.content table.second tr td h3 { margin-top: 2em; }

/* area based: sistercontent */
div.sistercontent { padding: 0px 0px 0px 0px }
div.sistercontent p { margin: 0 9px 1em 9px;}

/* area based: brothercontent */
div.brothercontent { padding: 0px 0px 0px 0px }
div.brothercontent p { margin: 0 9px 1em 9px;}

/* area based: postcontent */
div.postcontent { padding: 0px 0px 0px 0px }
div.postcontent p { margin: 0 9px 1em 9px;}

/* news */
ul.news { list-style: none; padding: 0 0 3em 30px; }
ul.news li { margin: 1em 0 0 0; padding: 0; color: #555;}
ul.news li em { color:#999;}
ul.news li h5 { font: bold 14px/15px Corbel, sans-serif; display:block; margin: 0; }
ul.news li h5 a { text-decoration: none;}
ul.news li h5 a:hover { text-decoration: underline;}

/* tour */
/*
div.tour { margin: 0 9px 1em 9px;}
div.tour div.tour-previous {float:left; width: 80px; height: 72px; border: solid 1px #6BB640; margin-right: 3px; padding: 4px 0;}
div.tour div.tour-next {float:left; width: 80px; height: 72px; border: solid 1px #6BB640; padding: 4px 0;}
div.tour h5 { margin: 0 9px 0 9px; line-height: 13px;}
div.tour h4 { padding: 0;}
*/

div.tour { display: none; margin: 0 9px 1em 9px; }
div.tour div.tour-previous {display: none;}
div.tour div.tour-next {border-left: solid 2px #6BB640; padding: 4px 0;}
div.tour h5 { margin: 0 9px 0 9px; line-height: 13px;}
div.tour h4 { padding: 0;}

/* next */
div.next { margin-top: 2em;}
div.next h4 { color: #ebebeb; }
div.next h4 a strong { color: #158096; margin: 0 4px 0 0;}
div.next h4 a:link { color: #666; font-weight: normal; text-decoration: none; }
div.next h4 a:visited { color: #666; font-weight: normal; text-decoration: none; }
div.next h4 a:hover { color: #333; font-weight: normal; text-decoration: underline; }
div.next h4 a:active { color: #666; font-weight: normal; text-decoration: underline; }

/* form */
div form { margin: 0; padding: 0; }
div form input { font: 12px/15px Corbel, sans-serif; color: #333; border: 1px solid #ccc; padding: 2px; margin: 0 0 2px 0; }
div form textarea { font: 12px/15px Corbel, sans-serif; color: #333; border: 1px solid #ccc; margin: 0 0 2px 0; }
div form input.button { font: bold 12px/15px Corbel, sans-serif; color: #ffffff; border:2px solid #72bf44; padding: 1px; margin: 0 0 2px 0; background: #72bf44; }
div form input.button:hover { background: #10650b; }
div form p { margin: 0; }
div form h2, div form h3, div form h4, div form h5 { margin: 0 9px; }
div.formgroup1 { padding: 10px; margin-bottom: 10px; background: #ffffff; border-left: 10px solid #ccc; }
div.formgroup2 { padding: 10px; margin-bottom: 10px; background: #ffffff; border-left: 10px solid #f2f2f2; }
div.formgroup3 { padding: 10px; margin-bottom: 10px; background: #f2f2f2; border-left: 10px solid #ccc; }
div.alert { padding: 10px; margin-bottom: 10px; background: #ffc; border-left: 10px solid #fc0; }
div.alert p { color: #900; }
div.alert p.success { color: #488100; }

/* */
div.group1 { margin: 0 9px 1em 9px; background: #ebebeb; border: 10px solid #ccc; }  /*padding: 10px;*/
div.group2 { margin: 0 9px 1em 9px; background: #f2f2f2; border-left: 10px solid #ccc; } /*padding: 10px;*/ 

div.callout { background: #ffffdd; margin: 0 9px 1em 9px; }
/*
div.callout { background: #eef6f8; margin: 0 9px 1em 9px; }
*/
/*
div.callout { background: #ebebeb; margin: 0 9px 1em 9px; }
div.callout { margin: 5px 0 10px 0; padding: 20px 0; background: #e3f1ff; border: 0px solid #999; }
div.callout2 { margin: 5px 20px 10px 20px; padding: 15px 0 0 0; background: #f2f2f2; border: 1px solid #ccc; }
*/
/* fpo */
div.fpo { border: 2px solid #999; background: url("../images/fpo_bg.gif"); margin: 0 0 10px 0;  padding: 5px;}

div.demos h2 { margin: 0 9px 16px 9px; background: #aaa; padding: 4px 18px;}
div.demos h2 a { color: #ffffff;}
div.demos table { border-bottom: solid 1px #ccc; margin-bottom: 48px;}
div.demos table tr td {border:0; padding: 4px 4px 18px 4px; } 
div.demos table tr td img {border: solid 1px #ccc;} 

/* images */
div img.left { display: inline; float:left; margin: 3px 9px 3px 9px; border: 0px solid #f2f2f2; }
div img.right { display: inline; float:right; margin: 3px 9px 3px 9px; border: 0px solid #f2f2f2; }
div img.center { display: block; margin: 3px auto 9px auto; border: 0px solid #f2f2f2; }
div img.simpleleft { display: inline; float:left; margin: 3px 9px 3px 9px; }
div img.simplecenter { display: block; margin: 3px auto 9px auto; }

/* linklist */
div ul.linklist { list-style-type: none; margin: 0 20px 0 0 ; padding: 0 0 1em 9px; }
div p + ul.linklist { list-style-type: none; margin: 0 20px 0 0 ; padding: 0 0 1em 9px; }
div ul.linklist li a { font-weight: bold;}
div ul.linklist li.pdf { background: url(../images/icn_pdf.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0 }
div ul.linklist li.doc { background: url(../images/icn_doc.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0 }
div ul.linklist li.check { background: url(../images/icn_check.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0 }
div ul.linklist li.arrow { background: url(../images/icn_linkarrow.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0 }
div ul.linklist li.more  { padding: 0; margin: 0; }
div ul.linklist li.more a:after { content:"\00A0\226b" }
div ul.linklist li.www { background: url(../images/icn_linkout.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0 }
div ul.linklist li.date { background: url(../images/icn_date.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0 }
div ul.linklist li.none { padding: 0 0 0 17px; margin: 0 0 .25em 0 }
div ul.linklist li.arrowwhite { background: url(../images/icn_linkarrowwhite.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0 }
div ul.linklist li.arrowwhite a { color: #ffffff; font-weight: bold; text-decoration: none;}
div ul.linklist li.arrowwhite a:hover { color: #ffffff; font-weight: bold; text-decoration: underline;}

/* cta */
div.cta { border: solid 1px #ddd; width: 165px; margin: 0 9px 4px 9px;}
div.cta a { display: block; background: #ffffff; text-decoration: none; color: #ccc; cursor: hand; }
div.cta a:hover { background: #ebebeb; text-decoration: underline; }
div.cta div.info { float:left; width: 124px; }
/*div.cta div.info { float:left; width: 126px; }
*/
div.cta div.info p { margin: 0 9px .5em 9px;}
div.cta div.img { float:left; width: 41px; }
div.cta div.img img { padding: 6px 0 6px 9px; }

/* ctb */
div.ctb { border: solid 1px #ddd; width: 165px; margin: 0 9px 4px 9px;}
div.ctb a { display: block; background: #ffffff; text-decoration: none; color: #ccc; cursor: hand; }
div.ctb a:hover { background: #ebebeb; text-decoration: underline; }
div.ctb div.info { float:left; width: 124px; }
/*div.ctb div.info { float:left; width: 126px; }
*/
div.ctb div.info p { margin: 0 9px .5em 9px;}
div.ctb div.img { float:left; width: 41px; }
div.ctb div.img img { padding: 6px 0 6px 9px; }
div.ctb h3 { color: #ff0000 }
div.ctb h2 { color: #66cc33 }




/* feature */
div.feature { background: #000 url(../images/header.jpg) no-repeat; width: 720px; height:159px; margin: 0 0px 0 9px; padding: 0 0 0 0; text-align: right; }
div.featuretext { float:left; width: 400px; margin:0; padding: 0; }
div.featurecta { float: right; width: 400px; margin:0; padding: 0; }
div.featurecta ul { list-style-type: none; width: 222px; background: #efefef; margin:0 18px 0 0; padding: 0; border-top: #ffffff 2px solid; border-bottom: #ffffff 2px solid; }
div.featurecta ul li { background: #efefef url(images/home_arrow.gif) no-repeat; text-align: left; margin: 0; padding: 10px 12px 10px 32px; border-bottom: #4ec6e0 1px dotted; }
div.featurecta ul li.last { border-bottom: none; }
div.featurecta ul li p { font: bold 11px/14px Corbel, Helvetica, Arial, sans-serif; color: #222; margin:0; padding: 0; }
div.featurecta ul li p a { margin:0; padding: 0; }

/* software services */
div.services { float: right; width: 240px; margin: 0 9px 0 0; padding: 0 0 8px 0; background: #efefef;}
div.serviceshdr { background: #7ab749 url(../images/hdr_services.gif) no-repeat; margin:0; padding: 10px 15px 10px 15px; }
div.serviceshdr h5 { font: bold 18px/18px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; }
div.serviceshdr h5 a { font: bold 18px/18px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; text-decoration: none;}
div.serviceshdr h5 a:visited { font: bold 18px/18px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; text-decoration: none;}
div.serviceshdr h5 a:Active { font: bold 18px/18px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; text-decoration: none;}
div.serviceshdr h5 a:hover { text-decoration: underline; }

div.servicessubhdr { background: #4ec6e0 ; margin:0; padding: 0px 0px 0px 0px; }
div.servicessubhdr h5 { font: bold 14px/14px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; }
div.servicessubhdr h5 a { font: bold 14px/14px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; text-decoration: none;}
div.servicessubhdr h5 a:hover { text-decoration: underline; }
div.servicessubhdr h5 a:visited { font: bold 18px/18px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; text-decoration: none;}
div.servicessubhdr h5 a:Active { font: bold 18px/18px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; text-decoration: none;}

div.servicesheadline { background: #4ec6e0; margin:0; padding: 7px 15px 3px 15px; }
div.servicesheadline h5 { font: bold 22px/22px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; }
div.servicesheadline h5 a { font: bold 22px/22px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; text-decoration: none;}
div.servicesheadline h5 a:hover { text-decoration: underline; }
div.servicesheadline h5 a:visited { font: bold 18px/18px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; text-decoration: none;}
div.servicesheadline h5 a:Active { font: bold 18px/18px Corbel, Helvetica, Arial, sans-serif; color: #ffffff; margin:0; padding: 0; text-decoration: none;}

div.serviceslist { background: #efefef; width: 240px; margin:0; padding: 0; }
div.serviceslist ul { list-style-type: none; background: #efefef; margin: 0; padding: 10px 15px 0 15px; }
div.serviceslist ul li { text-align: left; margin: 0; padding: 0; }
div.serviceslist ul li.sub { text-align: left; margin: 0; padding: 0 0 0 17px; }
div.serviceslist ul li p { font: bold 13px/16px Corbel, Helvetica, Arial, sans-serif; color: #222; margin:0; padding: 0 0 5px 0; }
div.servicesupdates { background: #f8f8f8; text-align: left; margin: 10px 15px 10px 15px; padding: 0; border-top: #b5b5b5 5px solid;  }
div.servicesupdates h5 { font: bold 11px/15px Corbel, Helvetica, Arial, sans-serif; color: #000; margin:0; padding: 5px 5px 5px 5px; text-transform: uppercase;  }
div.servicesupdates h5 a { text-decoration: none; }
div.servicesupdates h5 a:hover { text-decoration: underline; }
div.servicesupdates ul { list-style-type: none; margin: 0; padding: 0; background: #f8f8f8;  }
div.servicesupdates ul li p { font: 12px/15px Corbel, Helvetica, Arial, sans-serif; color: #222; margin:0; padding: 0 5px 5px 5px; }