/* CSS for ProcessLibrary.com: HOME PAGE */ * {font-family:Tahoma, sans-serif;} img {border:none;} br {clear:both;} body {background:url(bg.gif) top repeat-x #e6f5fc; margin:0; padding:0; text-align:center;} a:hover {color:#ff7216;} #wrapper {width:800px; margin:0 auto 0 auto; padding:0; background:#FFFFFF;} #header {width:800px; height:87px; padding:0;} #forexlogo{height:90px;padding-left:15px;width:367px; *height:90px !important; *padding-left:15px !important; *width:367px !important; } #menu {width:800px; height:70px; background:#FFFFFF;} #menu #tabs {height:30px; padding:0 0 0 40px;} #menu #tabs a{ padding:7px 0 0 0; display:block; width:98px; font-weight:bold; height:23px; font-size:12px; color:#FFFFFF; float:left; text-decoration:none; margin:0 3px 0 0; background:url(menu-tab-off.gif) no-repeat; } #menu #tabs a:hover {background:url(menu-tab-hover.gif) no-repeat; color: #000000;} #menu #tabs a.selected{ background:url(menu-tab-selected.gif) no-repeat; color: #FF7216;} #menu #find {height:40px; padding:10px 30px 0 0; background:url(menu-find.gif) no-repeat; text-align:center; color:#FFFFFF; font-size:12px;} #menu form {padding:0; margin:1px 0 0 0;} #menu input {padding:0; margin:0; border:none} #menu input.text {padding:2px; border:solid 1px #e8e8e8;} #menu input.button {padding:2px;} sup {font-weight:normal; margin-left: 2px;} #main {width:780px; background:#FFFFFF; padding:15px 10px 0 10px; font-size:12px;} #main #content #intro {height:74px; margin:0 0 20px 0; padding:10px 10px 0 60px; overflow:hidden;} #main #content #intro h1 {margin:0; padding:0; font-size:20px; font-weight:bold; overflow:hidden; width:220px; height:28px;} #main #content #intro h2 {margin:0 0 5px 0; padding:0; font-size:11px; color:#000000; overflow:hidden; width:490px; height:15px;} #main #content #intro p {margin:0; padding:0; width:200px;} #main #content #intro #rating {float:right; margin:3px 0 0 0;} #main #content #intro #popular {float:right; margin:5px 0 0 0; overflow:hidden; font-size:9px; font-weight:bold;} #main #content #intro #popular p {padding:9px 0 0 0;} #main #content #intro #popular.pNone {background:url(popularity-0.gif) no-repeat;} #main #content #intro #popular.p0 {background:url(popularity-0.gif) no-repeat;} #main #content #intro.p1 #popular, #main #content #intro #popular.p1 {background:url(popularity-1.gif) no-repeat;} #main #content #intro.p2 #popular, #main #content #intro #popular.p2 {background:url(popularity-2.gif) no-repeat;} #main #content #intro.p3 #popular, #main #content #intro #popular.p3 {background:url(popularity-3.gif) no-repeat;} #main #content #intro.p4 #popular, #main #content #intro #popular.p4 {background:url(popularity-4.gif) no-repeat;} #main #content #intro.p5 #popular, #main #content #intro #popular.p5 {background:url(popularity-5.gif) no-repeat;} #main #content #intro.safe, #main #content.safe #intro {background:url(back-green.gif) no-repeat top;} #main #content #intro.safe h1 {color:#00bf27;} #main #content #intro.safe #rating {background:url(rating-green.gif) no-repeat;} #main #content #intro.high, #main #content.high #intro {background:url(back-red.gif) no-repeat top;} #main #content #intro.high h1 {color:#ba1d00;} #main #content #intro.high #rating {background:url(rating-red.gif) no-repeat;} #main #content #intro.med, #main #content.med #intro {background:url(back-orange.gif) no-repeat top;} #main #content #intro.med h1 {color:#ff9f00;} #main #content #intro.med #rating {background:url(rating-orange.gif) no-repeat;} #main #content #intro.un, #main #content.un #intro {background:url(back-gray.gif) no-repeat top;} #main #content #intro.un h1 {color:#9f9f9f;} #main #content #intro.un #rating {background:url(rating-gray.gif) no-repeat;} #main #sidebar {width:158px; padding:0; float:right; margin:0 7px 0 0; text-align:left;} #main #sidebar #side-top {height:25px; *height:27px; margin-left:-2px;overflow:hidden;padding:12px 0 0;width:162px;} #main #sidebar #side-top.safe, #main #sidebar.safe #side-top {background:url(side-top-green.gif) top no-repeat;} #main #sidebar #side-top.high, #main #sidebar.high #side-top {background:url(side-top-red.gif) top no-repeat;} #main #sidebar #side-top.med, #main #sidebar.med #side-top {background:url(side-top-orange.gif) top no-repeat;} #main #sidebar #side-top.un, #main #sidebar.un #side-top {background:url(side-top-gray.gif) top no-repeat;} #main #sidebar #side-top h4 {padding:3px 0 0 18px; margin:0; font-weight:normal; font-size:11px; *font-size:16px; color:#FFFFFF; overflow:hidden; width:120px; height:20px; text-transform:uppercase;} #main #sidebar #side-top h3 {padding:0 0 0 30px; margin:0; font-weight:normal; font-size:12px; color:#FFFFFF; overflow:hidden; width:110px; height:15px; } #main #sidebar #side-top p {padding:0 0 0 30px; margin:0; font-weight:normal; font-size:12px; color:#FFFFFF; overflow:hidden; width:110px; height:15px; } #main #sidebar #side-results h5 {height:18px; padding:9px 0 0 30px; margin:0; overflow:hidden; font-size:10px;} #main #sidebar #side-results.safe h5 {background:url(side-results-green.gif) top no-repeat;} #main #sidebar #side-results.high h5 {background:url(side-results-red.gif) top no-repeat;} #main #sidebar #side-results.med h5 {background:url(side-results-orange.gif) top no-repeat;} #main #sidebar #side-results.un h5 {background:url(side-results-gray.gif) top no-repeat;} #main #sidebar #side-results ul {background:url(side-back.jpg) !important; background-repeat:repeat-y; margin:0; padding:0 27px 0 0; list-style:none;} #main #sidebar #side-results li {padding:0 0 0 2px; margin:0;} #main #sidebar #side-results a {display:block; width:100%; padding:5px 0 7px 25px; color:#FFFFFF; overflow:hidden;} #main #sidebar #side-results a:hover {color:#FFFFFF;} #main #sidebar #side-results a.safe {color:#00bf27; background:url(arrow-green.gif) no-repeat 5% 50%;} #main #sidebar #side-results a.safe:hover {color:#FFFFFF; background:#00bf27 url(arrow-white-green.gif) no-repeat 5% 50%;} #main #sidebar #side-results a.high {color:#ba1d00; background:url(arrow-red.gif) no-repeat 5% 50%;} #main #sidebar #side-results a.high:hover {color:#FFFFFF; background:#ba1d00 url(arrow-white-red.gif) no-repeat 5% 50%;} #main #sidebar #side-results a.med {color:#ff9f00; background:url(arrow-orange.gif) no-repeat 5% 50%;} #main #sidebar #side-results a.med:hover {color:#FFFFFF; background:#ff9f00 url(arrow-white-orange.gif) no-repeat 5% 50%;} #main #sidebar #side-results .un a {color:#9f9f9f; background:url(arrow-gray.gif) no-repeat 7px 7px;} #main #sidebar #side-results .un a:hover {color:#FFFFFF; background:#9f9f9f url(arrow-white-gray.gif) no-repeat 7px 7px;} #main #sidebar #side-results.safe a.selected {background:#00bf27 url(arrow-white-green.gif) no-repeat 5% 50%;} #main #sidebar #side-results.high a.selected {background:#ba1d00 url(arrow-white-red.gif) no-repeat 5% 50%;} #main #sidebar #side-results.med a.selected {background:#ff9f00 url(arrow-white-orange.gif) no-repeat 5% 50%;} #main #sidebar #side-results.un a.selected {background:#9f9f9f url(arrow-white-gray.gif) no-repeat 5% 50%;} #main #sidebar #side-base {background:url(side-bottom.jpg) top no-repeat; height:12px; margin:0 0 5px 0px;} #main #sidebar #microsoft {height:127px; margin:0 0 20px 5px;background:(aaa.gif) top no-repeat;font-size:10px;text-align:center;} #main #sidebar .starrating {display:block; color:#FFFFFF; font-family:Tahoma, Helvetica, Sans-serif; font-size:12px;height:70px; padding:10px 0 10px 4px; background:url(Starrating.gif) top no-repeat;text-align:center; } } img.pre { width: 1px; height: 1px; display: none; visibility: hidden; } .todo {border:solid 1px #FF33CC;} #main #content {width:602px; float:left; margin:0 0 0 7px; text-align:left;} #main #content .heading {font-size:12px; font-weight:bold;} #main #content .red-heading {font-size:12px; font-weight:bold; color:#ba1d00;} #main #content .red {font-size:12px; font-weight:normal; color:#ba1d00;} #main #content #description {border:solid 1px #c9c8c8; background:#f9fafd; text-align:left; margin:40px 0 10px 0; padding:0 0 10px 0;} #main #content #description h3, {border-bottom:solid 1px #c9c8c8; background:#ebebeb url(check.gif) 0% 25% no-repeat; margin:0; padding:4px 0 4px 25px; font-size:12px; overflow:hidden;} #main #content #description h4 {float:left; width:100px; padding:0 0 0 25px;} #main #content #description p {font-size:13px;line-height:16px;margin:0px 0 0;padding:0 20px;text-align:justify;} #main #content #description a {font-weight:bold;} #main #content #description h2 {border-bottom:solid 1px #c9c8c8; margin:0; padding:4px 0 4px 25px; font-size:12px; overflow:hidden;} #main #content #panel-left {float:left; width:436px;} #main #content #panel-left .information .acronym{} #main #content #panel-left .information {border:solid 1px #c9c8c8; background:#f3fbff; text-align:left; margin:0 0 5 0px} #main #content #panel-left .information h3 {border-bottom:solid 1px #c9c8c8; background:#ebebeb url(info.gif) 0% 25% no-repeat; margin:0 0 5px 0; padding:4px 0 4px 25px; font-size:12px; overflow:hidden;} #main #content #panel-left .information h4 {float:left; width:125px; padding:0 0 0 10px; margin:3px 0 3px 0; font-size:11px} #main #content #panel-left .information p {line-height:1.5;overflow:hidden;padding:5px;font-size:12px;width:auto; margin-top:0px; margin-bottom:0px;padding-top:0px;} #main #content #panel-left #security {width:358px;border:solid 1px #c9c8c8; background:#ffffff; text-align:left; margin:0 0 15px 0; padding:0 0 5px 0;} #main #content #panel-left #security h3 {border-bottom:solid 1px #c9c8c8; background:#ebebeb url(threat.gif) left no-repeat; margin:0 0 5px 0; padding:4px 0 4px 25px; font-size:12px} #main #content #panel-left #security h4 {float:left; width:125px; padding:0 0 0 10px; margin:3px 0 3px 0; font-size:11px; overflow:hidden; height:auto;} #main #content #panel-left #security p {float:right; width:210px; padding:0 0 0 0; margin:3px 5px 3px 0; font-size:11px; overflow:hidden;} #main #content #panel-left #security a {font-weight:bold;} #main #content #panel-right {float:right;margin-right:0px;width:157px;} #main #content #panel-right #scan {border:solid 1px #ba1d00; background:#fefee5; text-align:center; margin:0 0 20px 0; padding:0 0 10px 0;} #main #content #panel-right #scan h3 {border-bottom:solid 1px #ba1d00; background:#ba1d00 url(scan.gif) left no-repeat; text-align:left; margin:0; padding:4px 0 4px 25px; font-size:12px; color:#FFFFFF; height:10px;} #main #content #panel-right #scan p {font-weight:bold; padding:6px 10px 0 10px; margin:0; text-align:left;} #main #content #panel-right #scan ul {text-align:left; margin:10px 0 10px 25px; padding:0;} #main #content #panel-right #keywords {border:solid 1px #c9c8c8; background:#ffffff; text-align:left; margin:0 0 20px 0;} #main #content #panel-right #keywords h3 {border-bottom:solid 1px #c9c8c8; background:#ebebeb url(question.gif) left no-repeat; margin:0; padding:4px 0 4px 25px; font-size:12px} #main #content #panel-right #keywords p {padding:6px 10px 0 10px; margin:0 10px 0 0; overflow:hidden; word-wrap: break-word;} #main #content #panel-right #keywords ul {text-align:left; margin:10px 0 10px 7px; padding:0; list-style:none;} #main #content #panel-right #keywords li {background:url(system.gif) left no-repeat; padding:2px 0 2px 25px; margin:0;} #main #content #panel-right #keywords li.system {background:url(system.gif) left no-repeat;} #main #content #panel-right #keywords li.network {background:url(network.gif) left no-repeat;} #main #content #panel-right #keywords li.background {background:url(background.gif) left no-repeat;} #main #content #panel-right #keywords li.duplicate {background:url(duplicate.gif) left no-repeat;} #main #content #panel-right #keywords li.unreviewed {background:url(unreviewed.gif) left no-repeat;} #main #content #panel-right #keywords li.internet {background:url(internet.gif) left no-repeat;} #main #content #panel-right #keywords li.security {background:url(security.gif) left no-repeat;} #main #content #panel-right #keywords li.service {background:url(service.gif) left no-repeat;} #main #content #panel-right #keywords li.traybar {background:url(traybar.gif) left no-repeat;} #main #content #directory {border:solid 1px #c9c8c8; background:#ffffff; text-align:left; margin:0 0 10px 0; padding:0;} #main #content #directory h3 {background:#ebebeb url(search.gif) left no-repeat; margin:0; padding:4px 0 4px 25px; font-size:12px} #main #content #directory #list a {font-weight:normal; width:95%; padding:2px 2px 4px 2px; line-height: 20px; text-decoration:none;} #main #content #directory #list a:hover {color:#ff9f00; text-decoration:underline;} /*#main #content #directory #list table {margin:5px 0 5px 7px; list-style:none; padding:0; border-collapse:collapse; overflow:hidden;}*/ #main #content #directory #list table {margin:0; list-style:none; border-collapse:collapse; overflow:hidden; width:95%;} #main #content #directory #list tr {overflow:hidden;} #main #content #directory #list td {margin: 0; padding:0; overflow:hidden; border:solid 1px #dadada; padding: 2px 5px 2px 5px;} #main #content #directory #list p {overflow:hidden; width:182px; margin:0; padding:0;} #main #content #directory #list ul {margin:5px 0 5px 7px; list-style:none; display:block; padding:0; border-collapse:collapse;} #main #content #directory #list li {margin:3px 3px 0 0; width:182px; border:solid 1px #CCCCCC; display:block; float:left; padding:0; overflow:hidden;} #main #content #directory #or {font-weight:bold; color:#000000; padding:2px 2px 4px 2px; } #main #content #directory #alphabet {margin:0 auto 0 auto; padding:5px 0 5px 0; text-align:center; clear:both; background-color:#ebebeb;} #main #content #directory #alphabet a {text-decoration:none; padding:0px 4px 1px 4px; color:#000000;} #main #content #directory #alphabet a:hover {background-color:#ff9f00; color:#FFFFFF;} #main #content #directory #alphabet a.selected {background-color:#ff9f00; color:#FFFFFF;} #main #content #directory #pages {margin:0 auto 0 auto; text-align:center; clear:both; background-color:#ebebeb; padding:4px 0 6px 0; border-bottom:solid 1px #c9c8c8;} #main #content #directory #pages a {text-decoration:none; padding:0px 4px 1px 4px; color:#000000;} #main #content #directory #pages a:hover {color:#ff9f00;} #main #content #directory #pages a.selected {color:#c9c8c8;} #main #content #directory #pages a.previous {margin:0 10px 0 0; background:url(arrow-previous.gif) left no-repeat; padding:0 0 0 10px;} #main #content #directory #pages a.next {margin:0 0 0 10px; background:url(arrow-next.gif) right no-repeat; padding:0 10px 0 0;} #footer {width:780px; height:200px; margin:0 0 0 0; padding:0 10px 0 10px; /*background:url(footer.png) no-repeat bottom #e6f5fc;*/ text-align:right; font-size:10px; clear:both;} #footer a {font-weight:bold; color:#002c77;} #footer a:hover {color:#ffd56f;} #footer p.links {padding-top:25px;} #footer p.copyright a, #footer p.copyright a:hover {color:#585858; font-weight:normal; text-decoration:none; margin:0;} .tooltip {width:250px; font-size:11px; text-decoration:none; text-align:left; color:#FFFFFF; opacity: .85; filter: alpha(opacity=85);} .tooltop strong {font-weight:bold; color:#ff9f00; font-size:14px;} .tooltip span.top {padding:28px 8px 0 45px; background:url(tooltip.gif) no-repeat top;} .tooltip b.bottom {padding:3px 8px 15px; color:#548912; background: url(tooltip.gif) no-repeat bottom;} .separator {height:5px; clear:both;} #options a {cursor: pointer; color:#fff; text-decoration: underline;} #options a:hover { color: #ff9f00;} /* DROP DOWN MENU STUFF */ #language-menu {height:16px; float:right; font-size:11px; color:#FFFFFF; margin:3px 30px 0 0; padding:0; background:#000000; text-align:left; position:relative;} #language-menu a {color:#FFFFFF;} .dropdownstyle:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .dropdownstyle ul {border:none; width:100%; padding:0; margin:0; text-align:right; } .dropdownstyle ul li {display:inline;} .dropdownstyle ul li a {padding:3px 0 3px 4px; margin:0; color:#FFFFFF; text-decoration:none} .dropmenudiv {position:absolute; margin:3px 0 0 0; background-color:#000000; top:35px; border:none; line-height:18px; z-index:100; width:100px; visibility:hidden; left:50px; filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;} .dropmenudiv a {width:auto; display:block; font-size:11px; padding:3px 0 3px 3px; margin:0 0 0 5px; text-align:left; color:#FFFFFF;} .dropmenudiv a:hover {color:#CC6600;} #find a.en {background:url(en.gif) no-repeat left;} #footer p #find a.it {background:url(it.gif) no-repeat left;} #find a.de {background:url(de.gif) no-repeat left;} #find a.es {background:url(es.gif) no-repeat left;} #find a.fr {background:url(fr.gif) no-repeat left;} #find a.ja {background:url(ja.gif) no-repeat left;} .hide {display:none;} .show {display:block;} #sm_service_location p {overflow:hidden;} .imageHolder {float:right; width:302px; height:30px; margin-top:-21px;} #commentDiv {border:solid 1px #c9c8c8; background:#ffffff; text-align:left; margin:0 0 20px 0; font-size:11px;} #commentDiv h3 {border-bottom:solid 1px #c9c8c8; background:#ebebeb url(info.gif) left no-repeat; margin:0; padding:4px 0 4px 25px; font-size:12px} #commentDiv p {padding:6px 10px 0 10px; margin:0;} #commentDiv textarea {margin:10px;} #commentFooter {padding:6px 10px 0 10px;} #commentsButton {width: 200px;} #captchaImg {height: 35px;} #commentCaptcha {width: 50px;}