/* workaround for google translate + firefox SWF reload bug (see http://www.google.com/support/forum/p/translator-toolkit-api/thread?tid=58cda1b34ae1e944&hl=en */ body {width:100%; font-family : Verdana, Tahoma, Arial, sans-serif; margin:auto; background-color: #ffffff; font-size: 12px; } html {font-size:62.5%;} * { margin:0; padding:0; border:0; } h1 {margin:30px 0 30px} @media screen and (max-width:768px) { h1 {font-size: 18px; font-size: 1.8rem; } } @media screen and (min-width:769px) { h1 {font-size: 22px; font-size: 2.2rem; } } .uprcs {font-size: 13px; font-size: 1.3rem; color: #724d4d; text-transform:uppercase;} h3 {font-size: 12px; font-size: 1.2rem; color: #686864; margin:10px 0} h4 {font-size: 12px; font-size: 1.2rem; margin:5px; font-weight:normal; } h5 {font-size: 14px; font-size: 1.4rem; margin-top:15px ; margin-bottom:15px ; color:#A64E01; padding:0} .sheet h5.normal {font-size: 13px; font-size: 1.3rem; text-transform: none; font-weight:normal; color:#35332e} h6 {font-size: 12px; font-size: 1.2rem; font-weight:bold; margin-top: 10px; margin-bottom: 5px; padding:0} p, li, fieldset {font-size: 13px; font-size: 1.3rem; margin: 10px 0;} p, li { color: #35332e; line-height: 150%;} p:empty {display:none} p.viewit {text-align:center; font-weight:bold; padding-bottom:10px} #top-crumbs li:last-child a, #div-1 li:last-child a{color:#35332e; font-weight:bold} td {vertical-align: top; text-align: left;} a {color: #0F3D91; text-decoration:none; border-bottom: 1px dotted #b2c9e8;} a:hover {color: #4878cf; text-decoration:underline; border-bottom: none } a:active { color: #4878cf; text-decoration: underline;} a:visited {color: #0F3D91 } .companies {color:#8a0303} /* companies have this color */ .companies:visited {color:#8a0303} .categories {color: #075c03} .categories:visited {color: #075c03} .locations {color: #6d206e} .locations:visited {color: #6d206e} .cleanlink a {border-bottom: none;} /* tabs */ .location {color:#5e5e5f;} .textad a {color: #0366c3; font-weight:bold} @media screen and (max-width:500px) { .nope500 {display:none} .blocktill500 {display:block} } @media screen and (min-width:501px) { .nope501 {display:none} .till500 {display:none} } @media screen and (max-width:800px) { .nope800, .addbutton {display:none} .mobilspace {padding-top:10px; padding-bottom: 10px} .mobilspace5 {margin-top:5px; margin-bottom: 5px} .mobilspace15 {margin-top:15px; margin-bottom: 15px} .mobilspace30 {margin-top:15px; margin-bottom: 30px} .blocktill800 {display:block} } @media screen and (min-width:801px) { .till800 {display:none} } @media screen and (max-width:1024px) { .nope1024 {display:none} } @media screen and (max-width:1366px) { .nope1366 {display:none} } /* global layout */ /* 'widths' sub menu */ #layoutdims {clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 0 !important; text-align:right;} /* column container */ /* holy grail 3 column settings */ .holygrail { background:white; margin:auto; } div#top-search { margin:20px auto 0 auto; height:430px; width:100%; position:relative; -moz-box-shadow:0 0 5px #444; -webkit-box-shadow:0 0 5px #444; box-shadow:0 0 5px #444; background:#1783BF url(click.png) no-repeat 380px 80px;} #top-search ul {list-style-type:none; text-align:center; margin:3px} #top-search li {display:inline; margin:0 5px} .col2 a {text-decoration: none; border:none} @media screen and (max-width:500px) { div#bluebar {display:none} .colmask {width:100%; } .holygrail .colmid {width:100%; background:#fff; } .holygrail .colleft {width:100%; background:#eaeaea; } .holygrail .col1wrap {width:100%; position: absolute; top:0px; z-index:1} .holygrail .col1 {width:100%; } .holygrail .col2 {width:100%; position: absolute; top:0; z-index:1;} #col2-top {width:100%; background-color: #063565; } #col2-top-content {width: 94%; margin-left: 10px; } .SMTnet-logo {width: 25%; float:left; padding-top:5px;} .SMTnet-logo img {max-width: 100%} .holygrail .col3 { display:none} } @media screen and (min-width:501px) and (max-width:800px) { div#bluebar {display:none} .colmask {width:100%; } .holygrail .colmid {width:100%; background:#fff; } .holygrail .colleft {width:100%; background:#eaeaea; } .holygrail .col1wrap {width:94%; position: absolute; top:0px; margin: auto; margin-left:5px; z-index:1} .holygrail .col1 {width:100%; } .holygrail .col2 {width:100%; position: absolute; top:0; z-index:1} #col2-top {width:100%; background-color: #063565; padding-top:10px} #col2-top-content {width: 100%; padding-bottom:20px} .SMTnet-logo {width: 25%; float:left; margin-left: 5px;} .SMTnet-logo img {max-width: 100%} .holygrail .col3 { float:left; float:right; width:14%; position: relative; top:400px; z-index:1; padding:0; } .col3 *{margin-left:0; text-align:left; padding:0} .col3 div{width:100%; margin-bottom: 30px; text-align:left; font-size: 9px; font-size: 0.9rem; padding:0; } .col3 img {max-width: 95%; border: 1px solid #d7d8d8; box-shadow: 5px 5px 3px #d7d8d8;} } @media only screen and (min-width : 801px) { div#bluebar {width:100%; height:25px; background-color: #063565; max-width:1920px; margin:auto} .colmask {position:relative; clear:both; width:100%; overflow:hidden; max-width:1920px; margin:auto} .holygrail .colmid {float:left; width:200%; margin-left:-230px; position:relative; right:100%; background:#fff; } .holygrail .colleft {float:left; width:100%; margin-left:-50%; position:relative; left:400px; } .holygrail .col1wrap { float:left; width:50%; position:relative; right:155px; } .holygrail .col1 { margin:0 155px; padding-top:110px; position:relative; left:200%; overflow:hidden; background-image: url(/images/backgrounds/top_curve.gif); background-repeat: no-repeat; background-position: top left;} .holygrail .col2 {float:left; float:right; width:170px; position: relative; top:0; z-index:1; background:#eaeaea;} #col2-top {width:100%; background-color: #063565; } #col2-top-content {width: 94%; margin-left: 10px; padding-top:15px } .holygrail .col3 { float:left; float:right; width:130px; padding-top:200px; margin-right:5px; position:relative; left:50%; } .col3 div{width:100%; margin-bottom: 30px; text-align:left} .col3 img {border: 1px solid #d7d8d8; box-shadow: 5px 5px 3px #d7d8d8;} } .col2 img.targeted {border: 1px solid #ffb400} .col3 img.targeted {border: 4px solid #ffb400} .col3 a.targeted {background-color: #063565; color:white; padding:7px; line-height:165%; } #my-account * {font-size: 11px; font-size: 1.1rem; text-align:left; vertical-align:top} #my-account ul {list-style-type:none; margin:0; padding:0} @media only screen and (min-width : 1921px) { .holygrail .col2 {background:#ffffff; } } @media screen and (max-width:800px) { div#avatar {display:none} } @media screen and (max-width:479px) { div#my-account {width: 100%; clear:both} #greetings {width: 70%; float:right; } #avatar img{margin-top:10px} #greetings p {margin-bottom:0; } #user {width:98%; float: left; margin-bottom:10px} #my-account li {display:inline; padding:5px 0; margin-right: 20px; line-height: 20px} } @media screen and (min-width:480px) and (max-width:800px) { div#my-account {width: 95%; clear:both; margin:auto;} #greetings {width: 70%; float:right; } #my-account li {display:inline; margin: 0 10px 0 0; } #greetings p {margin:5px 0; } #user {width:100%; margin-top:5px} #col2-top {position: relative} } @media only screen and (min-width : 801px) { div#my-account {width: 100%; padding-bottom:10px} /* user info top left */ #greetings {margin-bottom:0; margin-top:5px} #user, #user2 {width:67%; float:right; padding-top:5px} #my-account li {padding:1px 0; margin: 0 0 5px 0} div#avatar {width:28%; float:left} #avatar img{max-width:100%; margin-top:15px} } #greetings p {color:#ffffff;} #my-account li:hover {background-color: #070749; } #my-account a {color:white; width:100%; text-decoration:none;} #my-account a:hover {color:#a1d0ff; text-decoration:none;} #left-menu ul{list-style-type:none; margin:0; } #left-menu a {font-size: 12px; font-size: 1.2rem; display:block} @media screen and (max-width:500px) { .overthrow-enabled #left-menu.overthrow {width: 100%; font-weight:bold; } #left-menu a {padding:10px 0; float:left; width: 50%; margin:0} #left-menu .current-options {display:none} #left-menu .current-options-selected {display:none} #left-menu .space {margin-left: 5px} #left-menu .showornot {display:none} } @media screen and (min-width:501px) and (max-width:800px) { .overthrow-enabled #left-menu.overthrow {width: 100%; font-weight:bold; } #left-menu a {padding:10px 0; float:left; width: 33.3333333334% } #left-menu .space {margin-left: 5px} #left-menu .showornot {display:none} #left-menu .current-options {display:none} #left-menu .current-options-selected {display:none} } @media screen and (min-width : 801px) { #left-menu a {padding:5px 0; width: 100%; font-size: 13px; font-size: 1.3rem; font-family: Arial; } #left-menu .child { padding-left:15px} #left-menu .bdtop {border-top: 1px solid white} #left-menu .current-options {background-color:#d9dee3; text-decoration:none; border-bottom: 1px solid white; } #left-menu .current-options:hover {background-color:#b7c1c7; text-decoration:underline;} #left-menu .current-options-selected {background-color:#d9dee3; text-shadow:none; border-bottom: 1px solid white; background-image: url(/images/dziubekact.gif); background-repeat: no-repeat; background-position: center right;} #left-menu .space {margin-left: 8px} } #left-menu {width: 100%; font-weight:bold;} #left-menu .common { color:#ffffff; text-decoration:none; } #left-menu .common:hover {background-color:white; color:black} #left-menu .left-menu { background-color:#6699cc; } #left-menu .left-menu:hover {background-color:#063565; color:white} #left-menu .left-menu-eq { background-color:#3e6c98; border-bottom:1px solid #5a8ec1;} #left-menu .left-menu-eq:hover {background-color:#063565; color:white} #left-menu .left-menu-kn { background-color:#5985b4; border-bottom:1px solid #80acd9;} #left-menu .left-menu-kn:hover {background-color:#063565; color:white} #left-menu .left-menu-pr { background-color:#15528f; border-bottom:1px solid #5a8ec1;} #left-menu .left-menu-pr:hover {background-color:#063565; color:white} #left-menu .left-menu-nw { background-color:#74a1cd; border-bottom:1px solid #a3c3e3; text-shadow:1px 1px 0 #4076ad; } #left-menu .left-menu-nw:hover {background-color:#063565; text-shadow:none; color:white} #left-menu .left-menu-ns { background-color:#83b1e0; border-bottom:1px solid #a3c3e3; text-shadow:1px 1px 0 #4076ad; } #left-menu .left-menu-ns:hover {background-color:#063565; text-shadow:none; color:white} #left-menu .current {background-color:white; border-bottom:1px solid white;} #left-menu .current {color:black; text-decoration:none; } #left-menu .current:hover {text-decoration:underline; color:black; } #left-menu .current-parent {background-color:white; color: black} #left-menu .current-parent a {color:white } #selected {width: 100%; background-color: white;} @media screen and (max-width:800px) { #ad160x300, #ad160x300sc, #ad160x300sc2 {display:none} } @media only screen and (min-width : 801px) { #ad160x300, #ad160x300sc {width: 160px; margin:15px auto; border: 1px solid #cac9c9; box-shadow: 5px 5px 3px #d7d8d8;} #ad160x300sc2 {width: 160px; margin:35px auto 15px auto; border: 1px solid #cac9c9; box-shadow: 5px 5px 3px #d7d8d8;} } div#logo {width: 153px; padding-top:20px; margin:auto} /* logo */ div#account-info {width: 100%; margin:auto; margin-bottom:10px} /* user info top left */ #account-info * {font-size: 11px; font-size: 1.1rem;} #account-info p {color:#ffffff; margin-left:10px; text-align:left;} #account-info img {margin:5px 0 5px 10px; float:left} #account-info ul {margin:0; padding:0; list-style-type:none; text-align:left} #account-info li {margin:0; padding:2px 0;} #account-info li:hover {background-color: #070749; } #account-info a {color:#a1d0ff; margin-left:3px; text-decoration:none;} #account-info a:hover {color:#a1d0ff; margin-left:3px; text-decoration:none;} @media screen and (max-width:500px) { #header-wrapper {position: absolute; top:340px; width:100%; overflow:hidden; clear:both; z-index:1; } #searchbar-global {width:98%; margin: 20px auto; margin-left: 5px;} #top-banner p, #top-banner object {margin:10px 5px;} #top-banner img, #bot-banner img, #top-banner object, #bot-banner object {width:98%; max-width: 468px; max-height: 60px;} div#bot-banner {width: 100%; } #bot-banner img, #bot-banner object {margin:10px 5px} div#bot-ads {width: 98%; margin: auto; } /* bottom text ads */ #bot-ads .ad {width: 30%; margin:5px; float:left} .textad {font-size: 11px; font-size: 1.1rem; text-align:left} div#ctx_wrapper {width:97%; margin:auto;} #ctx_wrapper img {font-size: 12px; font-size: 1.2rem; vertical-align: middle} } div#bot-ads {margin-top: 20px; margin-bottom : 20px } /* bottom text ads */ @media screen and (min-width:501px) and (max-width:800px) { #header-wrapper {position: absolute; top:310px; width:100%; overflow:hidden; clear:both; z-index:1;} #searchbar-global {width:87%; margin: 20px auto; margin-top: 0; margin-left: 5px; } #top-banner p {margin:10px 0; margin-left: 5px} #top-banner img, #bot-banner img, #top-banner object, #bot-banner object {width:85%; max-width: 468px; max-height: 60px} div#bot-banner {width: 100%; } #bot-banner img {margin:10px 5px} div#bot-ads {width: 88%; clear:both; margin-left: 5px;} /* bottom text ads */ #bot-ads .ad {width: 31%; float:left; } .textad {font-size: 11px; font-size: 1.1rem; text-align:left; margin-right:5px;} div#ctx_wrapper {width:88%; margin-left: 5px} #ctx_wrapper img {font-size: 12px; font-size: 1.2rem; vertical-align: middle} } @media screen and (min-width:801px) { div#bot-banner {width: 468px;} #top-banner img, #bot-banner img, #top-banner object, #bot-banner object {width: 100%; max-width: 468px; max-height: 60px} #bot-banner img {margin:10px 0; } div#bot-ads {width: 80%; } /* bottom text ads */ #bot-ads .ad {width: 30%; margin:1%; display: inline; float:left; } .textad {font-size: 12px; font-size: 1.2rem; text-align:left} div#ctx_wrapper {width:97%; margin:auto; } #ctx_wrapper img {font-size: 12px; font-size: 1.2rem; vertical-align: middle} } @media screen and (min-width:801px) and (max-width:1023px) { #header-wrapper {position: absolute; top:40px; left: 195px; width:70%; overflow:hidden; z-index:1; } #searchbar-global {width:100%; float:left; margin: 7px 0 0 0; padding:0} #top-banner {width: 100%;} #top-banner p {margin:0; margin-right: 15px; padding:0; text-align:center} div#ctx_wrapper {width:97%; margin:auto; margin-top: 70px} #home_wrapper {padding-top: 40px} } @media screen and (min-width:1024px) and (max-width:1365px) { #header-wrapper {position: absolute; top:40px; left: 185px; width:80%; overflow:hidden; z-index:1;} #searchbar-global {width:41%; float:left; margin: 20px 0 0 0; padding:0; } #top-banner {width: 58%; float:right} #top-banner p {margin:0; margin-right: 5px; padding:0; text-align:right} div#ctx_wrapper {width:97%; margin:auto;} } @media only screen and (min-width : 1366px) and (max-width:1400px) { #header-wrapper {position: absolute; top:40px; left: 190px; width:85%; overflow:hidden; z-index:1; } #searchbar-global {width:45%; float:left; margin: 20px 10px 0 0; padding:0} #top-banner {width: 53%; float:right} #top-banner p {margin:0; padding:0; text-align:center} div#ctx_wrapper {width:97%; margin:auto; } } @media only screen and (min-width : 1401px) { #header-wrapper {position: absolute; top:40px; left: 190px; width:85%; overflow:hidden; z-index:1; } #searchbar-global {width:45%; float:left; margin: 20px 10px 0 92px; padding:0} #top-banner {width: 46%; float:right} #top-banner p {margin:0; padding:0; text-align:center} div#ctx_wrapper {width:97%; margin:auto; margin-top: 160px; position: relative; } } #searchbar-global form {width:100%; box-shadow: 5px 5px 3px #d7d8d8; background-color:white} #top-banner img, #bot-banner img, #top-banner object, #bot-banner object {border: 1px solid #d7d8d8; box-shadow: 5px 5px 3px #d7d8d8; margin-top:15px} #top-banner embed {margin-top:20px} #top-banner .targeted {border: 4px solid #ffb400} div#bot-ads {margin: 15px auto; } /* bottom text ads */ div#bot-banner { margin:20px auto;} #bot-banner a { border:none; text-decoration:none} #footer { clear:both; float:left; width:100%; background-color: #063565; padding:20px 0 } #footer address{font-size: 12px; font-size: 1.2rem; margin: 10px 0; font-style:normal} @media screen and (max-width:800px) { #footer {display:none} #tab-footer {width:100%; background-color: #063565; padding:5px 0} #tab-footer * {color:white} #tab-footer-a ul {list-style-type:none; margin:5px 5px 5px 10px} #tab-footer-a li {display:inline; margin-right: 15px} #tab-footer-a li:last-child {margin-right: 0} #tab-footer-b p {margin:5px 10px 5px 0} } @media screen and (max-width:500px) { #tab-footer-a {width:100%;} #tab-footer-b {width:100%; margin-top:15px; border-top: 1px dotted grey} #tab-footer ul, #tab-footer p {text-align:center} } @media screen and (min-width:501px) and (max-width:800px) { #tab-footer-a {width:70%; float:left} #tab-footer-b {width:28%; float:right} } @media screen and (min-width: 801px){ #tab-footer {display:none} #footer-1 { width:1024px; margin:auto; color:white; } #footer-1 a {border-bottom:none} .footer-1a { float:left; display:inline-block; margin: 0 20px; } .adres {width: 160px; float:left; border:1px solid white} .browse {width: 348px} .about {width: 150px} .account {width: 200px} ul.brwSmt li {float: left; width:50%;margin-top: 8px;} } .footer-1a .title {padding:2px; background-color: #ae4811; font-weight:bold} .footer-1a a {color: white} .footer-1a ul {list-style-type:none; } .footer-1a li {margin-bottom: 5px} .footer-1a input[type="text"]{ width: 100%; border: 2px darkgreen; padding: 2px; } #footer-1 .avatar-size { width:80px; } div#copyright {width: 100%; } /* logo */ #copyright ul {list-style-type:none; margin:10px; text-align:center; color:#ffffff} #copyright li {display:inline; margin:0 5px} #copyright a {color:#ffffff} /* end global layout */ /* home page */ div#home_wrapper {width:98%; margin:auto; } #home_wrapper h6 {font-size: 14px; font-size: 1.4rem; margin-left:5px} #home_wrapper p {margin-left:5px} div.container{border:1px solid #dfdede; background-image: url(/images/blanket-tlo.jpg); background-repeat: repeat-x; background-position: top; padding:3px} div.toplabel {width:100%; height:25px; background-color: #6699cc; } .toplabel p {font-size: 12px; font-size: 1.2rem; font-weight:bold; color: #ffffff; line-height:22px; margin:0} div.local-label {width:100%; background-color: #dde7ff; margin:10px 0} .local-label p {padding:5px 0} div.sponsor {width:98%; background-color: #fffee1; margin:5px auto} /* end home page */ div.address {margin-top:5px; margin-bottom:15px;} .address p {margin-top:5px; margin-bottom:5px;} .address .title {text-transform: uppercase; color: #c16205} div#ctx_wrapper2 {width:98%; margin:0 10px; } #ctx_wrapper2 h1 {margin-left:10px;} #ctx_wrapper2 ul {margin-left:10px; padding-left:20px;} #ctx_wrapper2 img {font-size: 12px; font-size: 1.2rem; vertical-align: middle} div.pm-login p {margin-top:0; margin-bottom:0} div#pm-video {background-image: url(/images/blanket-tlo-rev.jpg); background-repeat: repeat-x; background-position: bottom; border:1px solid #dfdede;} div#pm-video-ins {width: 98%; margin:5px auto;} @media screen and (max-width:800px){ div#pm-video {width: 100%; margin:10px 0} } @media screen and (min-width:801px) and (max-width:1024px){ div#pm-video {width:100%; margin:0 ;} #player {max-width:100%} } @media screen and (min-width:1025px){ div#pm-video {width:35%; float:right; margin:0 0 10px 10px;} #player {max-width:100%} } article#company {width:100%} article#company header *{text-align:center} article#company header h2 {width:60%; font-size:13px; font-size:1.3rem; text-align:center; margin:15px auto} @media screen and (max-width:800px){ article#company header #company-logo{width: 80%; max-width:250px;} } @media screen and (min-width:801px) { article#company header #company-logo {max-height: 100px} } article#company-free header *{text-align:left} article#company-free header h2 {font-size:13px; font-size:1.3rem; text-align:left; margin:15px auto} div.sheet {width:100%; border-radius: 7px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border:1px solid #dfdede; padding-bottom: 10px; border-top:3px solid #a5b5dc; margin:15px auto; clear:both; background-image: url(/images/blanket-tlo.jpg); background-repeat: repeat-x; background-position: top;} /* company listing components bcgr */ .sheet #tabs2 h3 {font-size: 12px; font-size: 1.2rem; font-weight:bold; color: #724d4d; text-transform:uppercase; margin-left:0;} .sheet #tabs2 h4 {font-size: 14px; font-size: 1.4rem; font-weight:bold; margin:20px 0} .sheet h6 {font-size: 12px; font-size: 1.2rem; font-weight:bold; color:#a50606; margin-top:15px; margin-bottom:10px} /* (ha2-2 the same) how many news, events, articles etc a company has, appears in: company listing */ .perpage p {padding-top:13px; margin-bottom:20px} div.pillow {width:98%; margin:auto} /* inside sheet */ #logo-in-posts {width:100%; margin:auto; text-align:center} #logo-in-posts img {max-width:150px; text-align:center} /* div#company-info-flat {width:60%; margin:10px auto 20px auto;} /* company postings pages top box with company info #company-info-flat * {vertical-align:middle;} #company-info-flat div {display:inline-block; margin:10px 0} #company-info-flat #logo {width:25%; max-width:180px; } #company-info-flat #logo img {width:90%; max-width:150px; max-height:300px; margin:0; padding:0; margin-bottom:10px;} #company-info-flat #brief {width:74%;} */ @media screen and (max-width:800px) { div#company-info-flat {width:100%;} } @media screen and (min-width:801px) { div.pillow {margin-top:20px;} /* inside sheet */ } .par-17 { font-size: 12px; font-size: 1.2rem; font-weight:bold; color: #724d4d; text-transform:uppercase; } /* Company listing section titles */ caption.greys {background-color: #e2e3e9;} /* sections home pages */ table#stuff {width:100%; margin-top:10px} td#left-stuff {width:65%} td#right-stuff {width:35%} /* end sections home pages */ div#leftstuff {width:60%; float:left} div#rightstuff {width:40%; float:right} /* end final page */ /* PM edit */ div.pm-labels {width:90%; margin-top: 10px; border-top:1px solid #6699cc;} /* section top labels */ .pm-labels p {font-size: 20px; font-size: 2.0rem; color: #3b434e; font-weight:bold; margin-left: 0;} .pm-labels p span {font-size: 14px; font-size: 1.4rem; color: #3b434e; font-weight:bold; color: #635b55;} td.pm-numb {width:60px; } .pm-numb p { margin: 0;} td.td-6 { border-bottom: 1px solid #E0E1E2} /* border in lists */ .td-7 p {text-align:right;} td.td-8 p {text-align:right; text-transform:uppercase; font-weight:bold; margin-right:5px; margin-top:10px; margin-bottom:10px} /* optional, required */ td.td-9 {padding-left: 15px} /* power trader right column */ .td-9 ul {list-style-type:none; margin-left:15px; margin-top:10px; padding-left:0} .td-9 li {margin:10px; padding:0; padding-left: 15px; background-image: url(/images/list-img-1.gif); background-repeat: no-repeat; background-position: left top;} td.td-11 {background-color: #f1f1f1; } /* something to separate sections, similar to div-4 */ td.td-12 {vertical-align:middle } td#td-13{vertical-align:middle} /* company logo container in main company listing page */ /*#td-13 img {this.width > 250 ? 250: true); max-width:250px; max-height:100px; height: expression(this.height > 100 ? 100: true);} */ #td-13 img {max-width:250px; max-height:100px;} .centum {width:100%} .fixedlink a{color: #112343; text-decoration:none;} .fixedlink a:hover {color: #112343; text-decoration:underline;} .fixedlink a:visited {color: #112343; text-decoration:none;} div.nores {margin:25px 0 15px 0 ; padding: 10px; color:#D53F03; background-color:#efdbc5; font-weight:bold; width:auto;} div.filter-form {text-align:center;} /* main filter form on sections home pages; calendar, who */ div.filter-form form {margin:0; padding:0; font-size:12px; font-size:1.2rem} .filter-form select {padding:2px 2px 0 2px; margin-bottom:10px} .filter-form option {padding:5px;} .filter-form .parent {font-weight:bold} .filter-form ul {margin:10px 0; list-style-type:none; } .filter-form li {margin:5px; display:inline;line-height:40px} .filter-form select, .filter-form input {background-color:#e4e7eb} input[type="text"], input[type="password"], input[type="email"], input[type="url"], select, textarea {border: 1px solid #7f9db9;} .input-form {width: 100%; border-collapse:collapse;} /* main table that includes input form */ .input-form td {vertical-align:top; font-size: 13px; font-size: 1.3rem;} .input-form .private {background-color: #ededee} /*.input-form input {padding:2px 0} */ .input-form input {padding:4px;} ; .input-form .formbutton {padding:7px 20px} .input-form .checkbox input {margin:2px 5px 5px 0} .input-form .radio input {margin-left:5px} .input-form option {padding:1px 2px} .input-form .textbox {width:100%} .input-form p {margin: 5px 5px 5px 0;} .input-form p.par-14 {margin: 10px 0;} @media screen and (max-width:800px) { .input-form textarea, .input-form select, .input-form input[type="text"], .input-form input[type="password"], input[type="url"], .input-form input[type="email"] { width: 90%} .input-form td.pm {display:none} } @media screen and (min-width:801px) and (max-width:1024px){ .input-form .label {width: 20%;} .input-form textarea, .input-form select, .input-form input[type="text"], .input-form input[type="password"], input[type="url"], .input-form input[type="email"] { width: 80%} } @media screen and (min-width:1025px) and (max-width:1366px) { .input-form .label {width: 20%;} .input-form .pm {width: 30%;} .input-form textarea, .input-form select, .input-form input[type="text"], .input-form input[type="password"], input[type="url"], .input-form input[type="email"] { width: 85%} } @media screen and (min-width:1367px){ .input-form .label {width: 15%;} .input-form textarea, .input-form select, .input-form input[type="text"], .input-form input[type="password"], input[type="url"], .input-form input[type="email"] { width: 70%; box-sizing: border-box;} .input-form select{ box-sizing: border-box !important;} } .input-form .label {text-align:right} td.required {width: 15px; color: #ff0000} td.required p {margin-left:0; margin-top:4px; margin-right:2px; color: #ff0000} td.td-11 {padding-bottom:10px} .addtoppad { padding-top: 6px; } /* labels further descriptions */ .inp-2 {border:1px solid #999999; background-image: url(/images/inptlo.jpg); background-repeat: repeat-x; background-position: top left;} .ramka {border:1px solid #999999} /* select */ .seeall{line-height:25px; font-style:italic} table.tabela-1 {width:100%} /* PM sign up form */ .tabela-1 td {vertical-align:top} .tabela-1 p {margin:5px;} .tabela-1 .compdata td {border-bottom:1px solid #E0E1E2} .tabela-1 .lista-1 {margin:5px; padding:0} .tabela-1 .lista-1 li {margin:5px 0;} table.tabela-3 {width:100% } /* news home page listings */ .tabela-3 td {border-bottom: 1px solid #E0E1E2} .tabela-3 tr {clear:both} .tabela-3 h6 {font-weight:bold; font-size: 15px; font-size: 1.5rem; margin:5px 10px 3px 10px} .tabela-3 p {margin-top:5px; margin-bottom:5px} .tabela-3 p.thm { margin-top: 10px;} .tabela-3 a {text-decoration:none} table.tabela-4 {margin: 5px 0 8px 0; padding-bottom:20px} /* company listing tabs */ .tabela-4 td {padding:0; border:0} .tabela-4 p {margin: 5px 6px 5px 0} .tabela-4 h2, .tabela-4 h3 {margin: 5px 6px 10px 0} .tabela-4 .talkback-comment p {margin-left:10px; margin-right:10px} .tabela-4 img {margin-right: 10px } .tabela-4 a {text-decoration:none} .tabela-4 .moreposts{margin:20px 0 15px 0; line-height:25px; font-weight:bold} table.tabela-5 p {margin-top:5px; margin-bottom:5px} /* more news, articles, etc from a company; final pages */ .tabela-5 a {text-decoration:none} table.tabela-11 {width:100%; border-bottom: 1px solid #ea8206; margin-bottom:10px} /* power trader orange titles */ .tabela-11 p {font-weight:bold; font-size:14px; font-size: 1.4rem; color: #7e0b0b; margin:0 5px;} table.tabela-12 p {margin: 2px} /* jobs/resumes search bar */ table.tabela-13 {width:100%; } /* search results */ .tabela-13 h6 {font-weight:bold; font-size:15px; font-size: 1.5rem; margin:10px 10px 3px 10px} .tabela-13 p { font-size:13px; font-size: 1.3rem; margin:3px 10px;} .tabela-13 p.thm { margin-top: 15px;} .tabela-13 p.thm img{ width:100px} .tabela-13 a {text-decoration:none} .tabela-13 a:visited {color: purple; } table.tabela-14 {width:200px; float:left; margin-right:20px;} .tabela-14 p {margin:5px} table#tabela-17 {width: 100%; padding:0; margin-bottom:20px} /* new product */ #tabela-17 td {vertical-align:middle} #tabela-17 td.firstcell {width:35%;} #tabela-17 p {margin:4px; } #tabela-17 a {text-decoration: none} #tabela-17 img {vertical-align:middle} table#tabela-18 {width: 98%; margin:auto} /* delete when replaced list of results in sections home pages, News, Events */ #tabela-18 td.main {border-bottom: 1px solid #E0E1E2; padding:6px 0} #tabela-18 td.main2 {border-bottom: 1px solid #E0E1E2; padding:4px 0} /* different padding for other than News sections */ #tabela-18 h2 {font-size:12px; font-size: 1.2rem; font-weight:bold; color: #255192; margin-top: 10px; margin-bottom: 10px; padding:0} #tabela-18 td.main2 h2 {font-size:12px; font-size: 1.2rem; margin-bottom: 3px;} #tabela-18 p.news {margin-top:5px; margin-bottom:5px;} #tabela-18 p.thm {text-align:right; margin-left:0; margin-top:10px; margin-bottom:5px; padding:0} #tabela-18 p.thm img {width:100px} #tabela-18 a {text-decoration: none} #tabela-18 a:hover {text-decoration: underline} #tabela-18 tabela-4 {margin-left: 10px; margin-top: 5px; margin-bottom: 8px; } /* events, auction, library, career etc home page */ #tabela-18 tabela-4 p {margin: 3px 6px 3px 0} #tabela-18 tabela-4 img {margin-right: 10px } table.tabela-20 {width: 100%; border-collapse:collapse} /* forum listings */ .tabela-20 .bar {width: 100%; background-image: url('/images/bluebar.gif'); background-repeat: repeat-x;} .tabela-20 thead p, .tabela-20 .bar p {color:white} .tabela-20 td {border-bottom:1px solid #E0E1E2; vertical-align:middle} @media screen and (max-width:800px) { .tabela-20 td.space {padding: 10px 0} } .tabela-20 tr:last-child td { border-bottom: none;} .tabela-20 th {color:#ffffff; height:31px; vertical-align:middle} .tabela-20 th p {font-size:11px; font-size: 1.1rem; margin:1px 5px 5px 5px; white-space:none; vertical-align:middle; text-align:left} .tabela-20 th .centrum {text-align:center} .tabela-20 p {margin:5px; vertical-align:middle} .tabela-20 img {margin:0; margin-left:0; vertical-align:middle} /*.tabela-20 img.sm {max-width:60px; width: expression(this.width > 60 ? 60: true); max-height:60px; height: expression(this.height > 60 ? 60: true); vertical-align:middle}*/ .tabela-20 img.sm {max-width:60px; max-height:60px; vertical-align:middle} .tabela-20 .title {font-size: 15px; font-size: 1.5rem; color:#a50606; font-weight:bold; width:100%; border-bottom: 1px solid #a50606; margin-top:5px; margin-bottom:10px; vertical-align:middle} .tabela-20 .avatar-size { width:20px; } table#tabela-24 p {margin-top: 5px; margin-bottom: 5px} /* search results all searches */ #tabela-24 .lewo p{text-align: right; white-space:none; } #tabela-24 .prawo p{text-align: left} #tabela-24 .mid p{text-align: center; margin-left: 5px; margin-right: 5px} table#tabela-26 a {border-bottom: 1px dotted #264e84} @media screen and (max-width:800px) { table#tabela-26 p {font-size: 11px; font-size: 1.1rem; } /* manage company page WHO teaser */ } div.titles-2 {width:95%; background-color: #e2e3e9; margin:10px; } /* titles-1's subsection */ .titles-2 p {font-size: 13px; font-size: 1.3rem; font-weight:bold; } div#pup { position:absolute; z-index:200; padding: 10px 0; margin-left: 10px; margin-top: 5px; background-color: white; border: 1px solid #ff8400; box-shadow: 5px 5px 3px #d7d8d8; border-radius: 15px;} #pup p {margin: 5px 10px} /* my postings, my company postings */ table.grid {width:100%; border-collapse: collapse; border-spacing: 0; font-size: 12px; font-size: 1.2rem; } /* grid table */ .grid caption {font-size: 12px; font-size: 1.2rem; margin: 15px 5px; font-family : Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; } .grid td, .grid th { border: 2px solid white; border-collapse: collapse; border-spacing: 0; text-align:left; vertical-align:middle; padding:7px 5px} .grid tr:nth-child(odd) {background-color:#eeeef2;} .grid tr:nth-child(even) {background-color:#e3e3e8;} .grid table tr:nth-child(even), .grid table tr:nth-child(odd) {background-color:transparent;} .grid tr:hover {background-color:white;} .grid td.top {vertical-align:top;} .grid td.lnks a {line-height:25px} .grid tr:last-child td { border-bottom: 0;} .grid tr td:first-child, .grid tr th:first-child {border-left: 0;} .grid tr td:last-child, .grid tr th:last-child {border-right: 0;} .grid table td {border:none} .grid .views {width: 65px} .grid .addedby {width:100px} .grid .posted {width:100px} .grid th {color:white} .grid th p {color:white} .grid th p.normal {color:#35332e} .grid tr.clickableRow:hover {background-color:#d9dee3; cursor:pointer; cursor:hand;} .grid p {margin:0} .grid p.space{padding-bottom: 20px;} .grid p.addrspace{margin-right: 20px;} .grid p.nolspace{margin-left:0} .grid ul{padding: 0; list-style-type:none; margin: 0;} .grid li { margin:0; margin-left:5px; padding:0;} @media screen and (max-width:800px) { table.grid {font-size: 11px; font-size: 1.1rem; } .grid .buttons li{margin-bottom: 35px; display:block; } .grid .buttons .del {margin-bottom: 5px;} } @media screen and (min-width:801px) { .grid ul{text-align:right} .grid td.buttons li{display:inline;} } @media screen and (max-width:1024px) { .grid td.buttons .manage-button{margin:15px 0} } @media screen and (max-width:1024px){ .grid td.buttons{width:85px} } @media screen and (min-width:1025px){ .grid .category {min-width:150px} .grid td.buttons{width:170px} } table.gridbcgr {border:1px solid #cbccce; background-color:#ececed; box-shadow: 5px 5px 5px #e3e6e9;} /* grid table background*/ div#bracket {width: 196px; padding-bottom:17px; float:right; background-image: url(/images/who-bracket-red-mini.gif); background-repeat: no-repeat; background-position: bottom;} /* See my company postings pages, WHO bracket container */ #bracket img {padding-bottom:3px} #bracket p {font-weight:bold; text-align:center; } @media screen and (max-width:1024px){ #bracket{ margin-right: 25px} } @media screen and (min-width:1025px){ #bracket {margin-right: 110px;} } table.tablesorter thead tr th, table.tablesorter tfoot tr th, table.tablesorter .thlike, table.blue th { background-color: #2f5283; border: 1px solid #bec6cf; color:white} table.tablesorter thead tr .header {background-image: url(/images/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;} table.tablesorter thead tr .headerSortUp {background-image: url(/images/asc.gif);} table.tablesorter thead tr .headerSortDown {background-image: url(/images/desc.gif);} table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #063565;} /* end my postings, my company postings */ /************* Blue Theme *************/ /* overall */ .tablesorter-blue .header,.tablesorter-blue .tablesorter-header {background-repeat: no-repeat; background-position: center right; cursor: pointer; background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///77GzyH5BAEAAAAALAAAAAAVAAkAAAIXhI+ByxnaInhUMoqt3gZXPmVg94yJVQAAOw==);} .tablesorter-blue .headerSortUp,.tablesorter-blue .tablesorter-headerSortUp,.tablesorter-blue .tablesorter-headerAsc { background-color: #063565; background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///77GzyH5BAEAAAAALAAAAAAVAAQAAAINhA+hG+jP2ptn0WskLQA7);} .tablesorter-blue .headerSortDown,.tablesorter-blue .tablesorter-headerSortDown,.tablesorter-blue .tablesorter-headerDesc {background-color: #063565; background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///77GzyH5BAEAAAAALAAAAAAVAAQAAAINhI+ByxnaInhUMopbAQA7);} table.sciezka {width:100%; margin-top: 10px; border-top:1px solid #B8B8B8;} /* search results pagination and breadcrumbs */ .sciezka td {width:50%; } .sciezka p {margin:10px} .sciezka ul { margin:10px} .sciezka li {background-image:none;} .sciezka a {text-decoration: none} table.pag td {width:25%; border-bottom:0} table.pagination {width: 100%; background-color: #003366; margin-top:10px; } .pagination p {color:#ffffff; font-weight:bold; margin:3px 5px} .pagination a {color:#ffffff; text-decoration:none; margin: 0 10px} .pagination a:hover {color:#ffffff; text-decoration:underline} .pagination a:active {color:#ffffff;} .pagination a:visited {color:#ffffff;} table.middle * {vertical-align:middle} @media screen and (max-width:500px) { table.steps { display:none} } table.steps { margin:20px 0; width:100%} /* registration progress */ .steps * {font-family : Arial, Helvetica, sans-serif; vertical-align:top; } .steps td.trisome {width: 33%} .steps td.fivesome {width: 20%;} .steps td.fivesome table {width:95%; margin:auto} .steps p {margin-top:0; font-weight:bold;} .steps span {margin-top:0; padding-top:0} .steps td.progress {height: 15px; background-image: url(/images/prog-bar.jpg); background-repeat: repeat-x; background-position: left top; } .steps td.progress2 {height: 15px; background-image: url(/images/prog-bar-grey.jpg); background-repeat: repeat-x; background-position: left top;} .steps td.brd {border-right: 1px solid #929496; padding-right:10px} .steps td.opis p {margin-left: 10px; margin-right: 10px} .steps span.sp1 {font-size: 25px; font-size: 2.5rem; color:#afafaf; } .steps span.sp2 {font-size: 34px; font-size: 3.4rem; } .steps .step-current .sp1, .steps .step-current .sp2 {color:#a50606;} .step-current p.bordo {font-weight:bold; } table.step-inactive * { color:#afafaf; } table.step-inactive p { color:#afafaf; } table#maintab * { font-family: Verdana, Tahoma, Helvetica, sans-serif; padding:0; margin:0} #maintab a {color: #0F2A9E; text-decoration: none; } #maintab a:hover {color: #0000CC; text-decoration: underline;} #maintab a:active {color: #0000CC; text-decoration: none;} #maintab p {text-align: left; margin: 5px 0; font-size: 12px} p.par-8 {font-size: 14px; font-size: 1.4rem; font-weight:bold; margin: 6px 0 0 10px; color: #c00404} /* Power Member features names, appears in: Manage my power membership */ .par-8 img {margin-right: 5px} p.par-9 {margin-top:0} /* appears in: Manage my power membership */ .par-10 {font-size: 11px; font-size: 1.1rem; margin-top:0; color: #858788; vertical-align:middle } /* date published in news page */ .par-10 img {vertical-align:middle} .par-12 { color: #858788; margin-top:25px} /* date when news got posted, appears in: News hp */ .par-12 img {vertical-align:middle} p.par-14 { font-size: 16px; font-size: 1.6rem; color: #DB7931; font-weight:bold; margin-bottom:5px; } /* orange top form titles */ p.par-15 { font-size: 16px; font-size: 1.6rem; font-weight:bold; margin-bottom:10px} /* "what you should do next" titles in dsp_create_user_finish.cfm */ .par-15 a {text-decoration:none; } p.par-16 { font-size: 16px; font-size: 1.6rem; font-weight:bold; margin-top:20px} /* Company statistics section titles */ /* par-17 - look up in "company listing" block */ p.par-19 {font-weight:bold; } /* "add product or service" in grid table */ .par-19 a {font-weight:bold;text-decoration:none; } .par-19 a:hover {text-decoration:underline; } p.par-20 {font-weight:bold; margin:30px 0} /* back to previous page */ .par-20 a {font-weight:bold;text-decoration:none; } .par-20 a:hover {text-decoration:underline; } p.par-21 {text-align:right} /* results per page */ p.par-22 {color: #858788;} p.par-23 {margin-top:35px; margin-bottom:35px} p.counter {text-align: right; margin-right:0; margin-top:7px; color: #858788;} /* counter (this article has been vieved xx times | in: news, events, auction, career, mart etc final pages */ p.address {line-height: 18px} /* "what you should do next" titles in dsp_create_user_finish.cfm */ p.pmlink {margin-top:15px; margin-bottom:15px} ul.ctc {list-style-type:none; margin:10px 0; padding:0; text-align:left} .ctc li {margin:10px 0;background-image: none; padding:0; text-align:left;} ul.lista-1 {list-style-type:none; margin-left:5px; list-style-image:url('/images/list-img-1.gif');} /* multiple uses */ .lista-1 li {margin:10px 0 10px 10px;} ul.lista-2 {list-style-type:none; margin-left:10px; padding:0} /* manage-listing page, PM promo in Manage Products page */ .lista-2 li {margin:5px 0 5px 5px; list-style-image:url('/images/dot.gif');} ul.lista-3 {list-style-type:none; margin:0; padding:0} /* manage-listing page */ .lista-3 li {margin:5px 10px; padding-left:12px; background-image: url(/images/icons/email.gif); background-repeat: no-repeat; background-position: left center} ul.lista-4 {list-style-type:none; margin: 10px 0; margin-bottom: 20px; padding:0; font-weight:bold} /* PM page anchor links */ .lista-4 li {margin:5px 0; padding-left:12px; background-image: url(/images/dot.gif); background-repeat: no-repeat; background-position: left center} .lista-4 a {text-decoration:none;} ul.lista-5 {list-style-type:none; margin: 10px 0; } /* View mart listings - all, for sale, wanted */ .lista-5 li {display:inline; margin:0; padding:0;} @media screen and (max-width:800px) { .lista-5 li.nope800 {display:none} .lista-5 li {margin-right:5px} } @media screen and (min-width:801px) { .lista-5 li {margin-right:15px} } .lista-5 li.par-17 {font-weight:bold; color: #730302; text-transform:uppercase} .lista-5 li.par-18 {color:#730302; font-weight:bold} .lista-5 a {text-decoration:none;} .lista-5 a.undrl {text-decoration: underline} ul.lista-6 {list-style-type:none; padding:0; font-size:10px; font-size: 1.0rem; } /* edit remove; see company mart postings */ .lista-6 li {display:inline; padding:0; margin:10px 15px 10px 0} .lista-6 a {color:#bf7b49} .lista-6 a:visited {color:#bf7b49} ul.lista-7 {list-style-type:none; margin: 10px; padding:0;} /* sections top sponsor buttons */ .lista-7 li {display:inline; margin:0; padding:0; margin-right:15px} .lista-7 a {text-decoration:none;} .lista-7 img {border:1px solid #CACACA;} ul.lista-8 {list-style-type:none; margin: 10px; padding:0;} /* advanced search bar in Mart and Parts */ .lista-8 li {display:inline; margin:0; padding:0; margin-right:15px} .lista-8 input.guzik {margin-top:5px;} ul.lista-9 {list-style-type:none; margin:0; padding:0} /* final pages: similar documents */ .lista-9 li {margin:5px 10px; padding-left:12px; background-image: url(/images/dot.gif); background-repeat: no-repeat; background-position: left center} ul.lista-10 {list-style-type:none; margin:10px 0} /* list of categories */ .lista-10 li {display:inline;} @media screen and (max-width:800px) { .lista-10 li {margin-right:5px; line-height:30px} .lista-10 li.blocks {width:50%; float:left; } } @media screen and (min-width:801px) { .lista-10 li {margin-right:15px; } } .lista-10 .space {margin-right:10px;} .lista-10 input[type="text"] {padding:5px 0} ul.lista-11 {list-style-type:none; margin: 20px 0; margin-bottom: 30px; padding:0} /* local search bar */ @media screen and (max-width:1024px) { .lista-11 li.blocks {display:block;} } .lista-11 li {line-height: 20px; display:inline; margin: 15px 0; margin-right:15px;} .lista-11 input[type="text"] {padding:5px 0} .lista-11 select {padding:5px 2px; margin-bottom:10px} .lista-11 form {display:inline;} .lista-11 .standout {font-size: 12px; font-size: 1.2rem; font-weight:bold; margin-top:15px; margin-bottom:15px; margin-left:10px;} /* how many news, events, articles etc a company has, appears in: company listing */ ul.lista-12 {list-style-type:none; margin:0; padding:0} /* common inline list multiple uses */ .lista-12 li {display:inline; } ul.lista-15 {list-style-type:none; text-align:right} /* SMTnet admin section - red buttons*/ .lista-15 li {display:inline; margin-left: 15px} ul.lista-16 {list-style-type:none; text-align:left} /* common block list multiple uses */ ul.tredecim li { font-size:14px; font-size: 1.4rem; } fieldset.otheroffices {margin:20px 0; border:0; border-top: 1px solid #b2a292; padding:0} .otheroffices legend {font-size: 12px; font-size: 1.2rem; margin-left:7px; padding-right:3px; color: #6b5948; font-family : Verdana, Arial, Helvetica, sans-serif;} span.sort {font-size:15px; font-size: 1.5rem; color: #3f71a3; margin:0; padding:0; cursor:pointer} #company-info-flat {width: 75%; margin:0 auto 30px auto;} #company-info-flat div {display:inline-block; vertical-align:top;} #company-info-flat #logo {width:120px; vertical-align:top; padding:0; margin-top:10px} #company-info-flat #logo img {max-width:100px; max-height: 100px;} #company-info-flat #brief {width: -moz-calc(100% - 130px); width: -webkit-calc(100% - 130px); width: calc(100% - 130px);} #company-info-flat #webbutton {width: 160px; text-align:right; vertical-align:bottom; margin-top:10px} #company-info-flat #goleft {width: -moz-calc(100% - 170px); width: -webkit-calc(100% - 170px); width: calc(100% - 170px);} #company-info-flat p {margin:3px 0} #company-info-flat #goleft p {margin-bottom:7px} @media screen and (max-width:1024px) { #company-info-flat {width: 100%;} #company-info-flat #logo {width:80px; } #company-info-flat #logo img {max-width:65px;} #company-info-flat #brief {width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: calc(100% - 100px);} #company-info-flat #webbutton {width:130px; text-align:right; margin-top:5px} #company-info-flat #webbutton img {width:120px;} #company-info-flat #goleft {width: -moz-calc(100% - 140px); width: -webkit-calc(100% - 140px); width: calc(100% - 140px);} } fieldset.cmpny-info {width: 100%; border: 1px solid #b2a292; border-radius:5px; padding:0; background: #d9d9d9;} .cmpny-info legend {margin-left:7px; padding-left:2px; color: #6b5948;} .cmpny-info p {margin:10px; padding:0} .cmpny-info p.grey {font-weight:bold; color: #686864} .cmpny-info a {text-decoration: none} .cmpny-info ul {text-align:left; list-style-type:none; margin:10px; vertical-align:middle } .cmpny-info li {margin:5px 0; padding-left: 10px; background-image: url(/images/dziubki.gif); background-repeat: no-repeat; background-position: left center; vertical-align:middle} .cmpny-info ul.ctc {list-style-type:none; margin:15px 0 10px 10px; padding:0; text-align:left} .cmpny-info ul.ctc li {margin:10px 0; background-image: none; padding:0; text-align:left; white-space:nowrap} /*.cmpny-info .logo {margin: 15px auto; width: expression(this.width > 180 ? 180: true); max-width:180px; height: expression(this.height > 150 ? 150: true)}*/ .cmpny-info .logo {margin: 15px auto; max-width:180px;} .cmpny-info fieldset.postings {margin:20px 10px; border:0; border-top: 1px solid #b2a292; padding:0} .cmpny-info fieldset.postings legend {margin:0; padding:0; padding-right:3px;} @media screen and (min-width:1366px) { .cmpny-info ul.ctc li {display:inline; margin-right:10px} } hr {width:100%; height:1px; border:0; border-top: 1px solid #B8B8B8; background-color: #ffffff; color:#ffffff } hr.linia {margin: 10px; height:1px; border-top: 1px solid #a2a2a2; background-color: #ffffff; color:#ffffff} hr.linia-1 {width:90%; margin: auto; height:1px; border: 0; background-color: #B8B8B8; color:#B8B8B8 } hr.linia-2 {width:98%; margin: auto; height:1px; border: 0; background-color: #B8B8B8; color:#B8B8B8 } hr.linia-3 {width:98%; margin: auto; height:1px; border: 0; background-color: #a5b5dc; color:#a5b5dc } .break {word-wrap:break-word} .centrum {text-align: center} .lewo {text-align: left} .prawo {text-align: right} .just {text-align: justify; text-justify: newspaper} .rowny * {text-align: justify; text-justify: newspaper} .midle {vertical-align:middle} .top {vertical-align:top} .fat {font-weight:bold} .it {font-style:italic} .klear {clear:both} .wrap {word-break: break-all;} .nowrap {white-space:nowrap;} .undrl {text-decoration: underline} .noundrl {text-decoration: none} .caps {text-transform:uppercase;} .strona {border:1px solid #BEC6CF; padding:0 3px; background-color: #F3F7FE} .logomini {width:60px;} .logomini img {max-width:50px; max-height:20px; margin:5px 0} .viridis {color: #0E774A} .rutilus {color: #c30e0e} .azul {color: #5e7a9f} .szary { color: #858788; } .erratum {color: red; font-weight:bold} .errata {background-color: #fce8d7; padding:5px} .submit {padding-top:10px} .submit a {color:white; text-decoration:none} .note {color:#D53F03} .table {display: table;} .row {display: table-row;} .cell {display:table-cell;} .inlineblock {display: inline-block;} .inlineli * {list-style-type:none; display:inline;} .noresults {margin-top:15px; margin-bottom:15px; color:#D53F03; font-weight:bold;} .orange {color: #c73604;} .duration {color:#a01098} .addstuff {margin: 2% 0} .tooltip {display:none; position:absolute; border:1px solid #333; background-color:#161616; border-radius:5px; padding:10px; color:#fff; } .tip {background-color: #e7ecf5; padding-top:5px; padding-bottom:5px} .mid * {vertical-align:middle} .more {margin-bottom: 40px} .just * {text-align:justify} .centr * {text-align:center} .minmal p {margin:3px; padding:0; } .minmal td {vertical-align:middle; text-align:center} .contribs {line-height:20px; font-size: 12px; font-size: 1.2rem; font-weight:bold; color: #724d4d; text-transform:uppercase; margin-top:15px; margin-bottom:7px;} @media screen and (max-width:800px) { .contribs a {display:none} } @media screen and (min-width:801px) { .contribs a {color:#0F3D91; margin:15px 0 20px 15px} } .recordcount {font-size: 18px; font-size: 1.8rem; font-weight:100; color: #724d4d; margin: 35px 0 15px 0} h3.recordcount {margin: 35px 0 25px 0} .span-1 {border-bottom: 3px solid red;} .span-2 {font-size: 16px; font-size: 1.6rem; font-weight:bold; line-height:30px} .span-4 {color: #858788;} .input-text , .input-select {padding: 2px; } .input-text , .input-select, textarea { border: 1px solid #7f9db9; } a.add {text-decoration: underline; font-weight:bold} fb-root * {margin:0;padding:0} img {border:0 } img.thm {width: 100px} /*img.medium{max-width:350px; width: expression(this.width > 350 ? 350: true); max-height:350px; height: expression(this.height > 350 ? 350: true);}*/ img.medium{max-width:350px; max-height:350px;} td {vertical-align:top} .par-13 { font-size: 16px; font-size: 1.6rem; font-weight:bold;} .page-logo {text-align:left; margin-left:10px} .err {color: #ff0000} .req {color: #ff0000} ul.breadcrmbs-top {list-style-type:none; text-align: right; margin-bottom:0} .breadcrmbs-top li {display:inline; margin-bottom:0} .breadcrmbs-top a {text-decoration: none} ul.breadcrmbs-bottom {list-style-type:none; text-align: right; margin-top:10px; margin-bottom:10px} .breadcrmbs-bottom li {display:inline; } .breadcrmbs-bottom a {text-decoration: none} ul.buttons {list-style-type:none; float:right; margin:10px; background-image:none;} .buttons * {border:0} .buttons li {display:inline; list-style-type:none; background-image:none; margin-left: 15px; } div#featured-product {clear:both; width: 100%;} /* featured product in Products page*/ #featured-product h3 {font-size:12px; font-size: 1.2rem; margin-bottom: 25px} div#div-1 {clear:both; width: 100%; margin: 30px 0; border-top: 1px solid #C0C1C3;} /* breadcrumbs bottom */ #div-1 ul {list-style-type:none; text-align: left; margin-top:10px; margin-bottom:10px} #div-1 li {background-image:none; display:inline;} #div-1 a {text-decoration: none} div.div-2 {font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-size: 1.2rem; margin-right:10px; text-align:center} /* event description, auction description, job description, resume description final page */ .div-2 * { text-align: left; } .div-2 h2 {line-height:18px; font-size: 13px; font-size: 1.3rem; color:#9f680e} .div-2 h3 {font-size: 13px; font-size: 1.3rem; color:#534d04} .div-2 p {margin-bottom:10px; margin-right:0;} .div-2 p.link {margin-top:15px} .div-2 ul {list-style-type:none; margin-left:5px; margin-top:0; margin-bottom:10px; padding:0} .div-2 li {margin:5px 0; list-style-type:square; list-style-position: inside; } .div-2 li li {margin:5px 0; list-style-type:circle; list-style-position: inside; margin-left:10px} .div-2 ol {margin-left:20px; margin-top:0; margin-bottom:10px; padding:0} .div-2 ol li {margin:5px 0; padding:0; background-image: none} .div-2 a {text-decoration: underline} div.div-3 {width:100%; color: #35332e; font-size: 13px; font-size: 1.3rem; margin: 10px 0; line-height: 150%;} /* news story, product description */ .div-3 * {font-size: 13px; font-size: 1.3rem; line-height: 150%;} .div-3 h2 {font-size: 13px; font-size: 1.3rem; color:#9F680E; line-height:180%;} .div-3 h2.title {line-height:180%; font-size: 13px; font-size: 1.3rem; color:#b1b2b2; text-transform:uppercase; margin:10px 0} .div-3 h3 {font-size: 13px; font-size: 1.3rem; text-transform:uppercase; margin:15px 0; text-align:left; color:#534d04} .div-3 h4 {margin-left:0; text-align:left; font-weight:bold} .div-3 ul {list-style-image:url('/images/dot.gif'); margin-bottom:15px; margin-left:10px} .div-3 ol li {background-image: none; text-align:left} .div-3 ol {margin-left:20px; margin-top:0; margin-bottom:10px; padding:0} .div-3 li {margin:5px 0; } .div-3 hr {width: 30%; height:1px; margin:15px 0; border-top: 1px dotted #9C9D9E; border-left: 0; background-color: #ffffff; color: #ffffff; text-align:left; padding:0} .div-3 a {text-decoration: underline} .div-3 table {margin:10px 0; border-collapse: collapse; border-spacing: 0; } /* grid table */ .div-3 td, .div-3 th { border: 1px solid #BEC6CF; border-collapse: collapse; border-spacing: 0; text-align:left; vertical-align:middle; padding:5px} .div-3 tr:first-child th, .div-3 tr:first-child td {border-top: 0;} .div-3 tr:last-child td { border-bottom: 0;} .div-3 tr td:first-child, .div-3 tr th:first-child {border-left: 0; margin-left: 0; padding-left:0} .div-3 tr td:last-child, .div-3 tr th:last-child {margin-right: 0; border-right: 0; padding-right:0} .div-3 table p h3 {margin:5px 0; padding:0} .div-3 caption {margin:10px 5px; font-weight:bold; text-align:left;} .div-3 ul {padding: 0 2px; list-style-type:none; margin: 5px 10px; text-align:left} .div-3 li {margin:0 10px; padding:0} .div-3 table img {max-width:100%; max-height:150px} div.div-4 {background-color: #f1f1f1; padding:5px 10px} /* something to separate sections, similar to td-11, available on: verify email address */ div#div-5 {background-color: #f1f1f1; padding:5px 0; margin:20px 0 15px 0; border: 1px solid #e0e1e2; text-align:center } /* "information updated" box */ #div-5 p {font-size: 15px; font-size: 1.5rem; font-weight:bold; color:#D53F03; text-transform:uppercase; margin-left:10px; margin-right:5px} #div-5 p.regular {font-size: 13px; font-size: 1.3rem; font-weight:normal; color:black; text-transform:none; margin-left:10px; margin-right:5px} #div-5 ul {list-style-type:none; font-weight:bold; padding-left:0; margin-left:10px; margin-top:20px} #div-5 li {display:inline; margin-right:15px} div#div-5a {background-color: #f1f1f1; padding:5px 0; margin:20px 0 15px 0; border: 1px solid #e0e1e2; text-align:center } /* "information updated" box */ #div-5a .title {font-size: 15px; font-size: 1.5rem; font-weight:bold; color:#D53F03; text-transform:uppercase; margin-left:10px; margin-right:5px} div#div-5b {background-color: #f7eac9; padding:5px 0; margin-top:1%; margin-bottom:3%; border: 1px solid #f4cb7b; text-align:center } /* "listing removed info */ #div-5b .title {font-size: 15px; font-size: 1.5rem; font-weight:bold; color:#D53F03; margin-left:10px; margin-right:5px} #div-5b .reg {font-size: 14px; font-size: 1.4rem; font-weight:bold; margin-top:20px; color:#373f42} div.div-6 {background-color: #e1e3e6; margin-bottom:15px; -moz-box-shadow: 3px 3px 4px #c6c5c5; -webkit-box-shadow: 3px 3px 4px #c6c5c5; box-shadow: 3px 3px 4px #c6c5c5; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c6c5c5')"; } /* "company listing labels in right col */ .div-6 p {font-weight:bold; padding:5px 0; margin:0 10px} div#div-7 {width: 100%; padding-bottom:10px} /* company description in main company listing page */ #div-7 h2 {font-size: 13px; font-size: 1.3rem; color:#D53F03; margin:10px 0;} #div-7 h3 {font-size: 13px; font-size: 1.3rem; margin:15px 0; text-align:left; color:#534d04} #div-7 p {text-align:justify} #div-7 ul {margin-left:15px} #div-7 table {margin:10px 0; border-collapse: collapse; border-spacing: 0; } /* grid table */ #div-7 td, #div-7 th { border: 1px solid #BEC6CF; border-collapse: collapse; border-spacing: 0; text-align:left; vertical-align:middle; padding:5px} #div-7 tr:first-child th, #div-7 tr:first-child td {border-top: 0;} #div-7 tr:last-child td { border-bottom: 0;} #div-7 tr td:first-child, #div-73 tr th:first-child {border-left: 0; margin-left: 0; padding-left:0} #div-73 tr td:last-child, #div-7 tr th:last-child {margin-right: 0; border-right: 0; padding-right:0} #div-7 table p h3 {margin:5px 0; padding:0} div#div-10 {width:98%; margin:auto;} /* top widgets (+1 google, share) */ #div-10 ul {text-align:right; list-style-type:none; margin-top:5px; margin-bottom:5px} #div-10 li {display:inline; margin-left:5px} div#div-11 {width:98%; margin:auto;} /* bottom widgets (+1 google, share) */ #div-11 ul {text-align:right; list-style-type:none;} #div-11 li {display:inline; margin-left:5px} /* VIDEOS page */ div#div-12 {width:100%; padding-top: 5px; padding-bottom: 20px} /* video page, dark container */ #div-12 h1 {color: #000000; font-size: 16px; font-size: 1.6rem; padding-top:10px; text-align:center} #div-12 h2 {font-size: 15px; font-size: 1.5rem; text-transform:uppercase; font-weight:bold; color:#ffa800; margin:20px 0; padding:0; } div#div-13 {margin: auto; padding-bottom:10px} /* player container */ #div-13 p {color: #000000; text-align:right; margin:10px} /*#div-13 a {color: #41B0FC} */ #div-13-ins #player{width: 100%} @media screen and (max-width:800px){ div#div-13 {width:100%;} div#div-13-ins {width: 98%; margin:5px auto;} .div-14 li {line-height: 30px; margin-right:15px} .div-14 .nope800 {display:none} .videosth {width:95%; margin:auto;} div.prodloop { width:130px;} .prodloop img.thmvid {width:110px;} } @media screen and (min-width:801px){ div#div-13 {width:95%;} div#div-13-ins {width: 400px; margin:5px auto; margin-bottom:10px} .videosth {height:540px; overflow:auto; width:95%; margin:auto;} .div-14 li {margin-right:5px} div.prodloop { width:140px;} .prodloop img.thmvid {width:120px;} } div.div-14 {width:95%; margin:auto; } /* videos */ .div-14 ul {list-style-type:none; color:black; margin:10px 0; padding: 0} .div-14 li {display:inline;} .div-14 a {text-decoration: none} .div-14 a:hover {color:black; text-decoration: underline} /*.div-14 a:visited {color:#7bbfee;} */ div.products {width:45%; float:left; } /* products videos container */ div.prodloop {border: 1px solid lightgray; margin:10px 15px 10px 0; padding:0; vertical-align:top; display: inline-block;} /* video icons loop */ .prodloop p { color:black; margin:10px} .prodloop img.thmvid {height: 90px; margin:10px; margin-bottom:0} div.companies {width:50%; float:right;} /* right side section, companies videos container */ div.comploop {padding-bottom: 20px !important; width: 100%; height:110px; margin:10px 0; padding:0; position:relative; } /* products videos loop */ .comploop img.thmvid {padding-top: 40px; width:120px; height: 90px; float:left; margin:10px; padding:0} .comploop p {color:black; left:135px; margin:10px} div.comploop2 { width:410px; margin:10px 20px 10px 0; padding:0; vertical-align:top; display: inline-block;} /* video icons loop */ .comploop2 p { color:black; margin:10px} .comploop2 img.thmvid {width:120px; height: 90px; float:left; margin:10px; margin-bottom:0} /* H1 TITLES in sections home pages */ #div-15 img {max-width:73px; float:left; margin-right:10px; margin-top:5px} #div-15 div.txt {border-bottom: 1px solid #c9cacb;} #div-15 h1, #div-15 .h1twin {color:#0b4862; font-weight:bold;} #div-15 h2, #div-15 .h2twin {color:#713d06; font-weight:normal;} #div-15 h2 a, #div-15 .h2twin a {color:#713d06; border-bottom: 1px dotted #713d06} #div-15 h3 {font-size: 12px; font-size: 1.2rem; font-weight:bold; color: #724d4d; text-transform:uppercase; margin-left:0; margin-top:0; padding:0} #div-15 p { margin:10px 0; margin-bottom: 5px} #div-15 hr {height:1px; border:0; border-top: 1px dotted #a2a2a2; background-color: #ffffff; color:#ffffff} #div-15 #top-crumbs li {font-size: 12px; font-size: 1.2rem; display:inline; margin-bottom:0; } #div-15 #top-crumbs a {text-decoration: none; border-bottom: 1px dotted white; } #div-15 #top-crumbs a:hover {border-bottom: 1px dotted #0F3D91} @media screen and (max-width:500px) { #div-15 img {display:none} } @media screen and (max-width:800px) { #div-15 h1, #div-15 .h1twin {font-size:15px; font-size: 1.5rem; margin-top:0; margin-bottom:0; } #div-15 h2, #div-15 .h2twin {font-size: 12px; font-size: 1.2rem; margin:15px 0;} #div-15 hr {margin-top:10px} } @media screen and (max-width:1024px) { #div-15 {margin-bottom:10px; margin-top:5px;} #div-15 h1, #div-15 .h1twin {font-size:22px; font-size: 2.2rem; margin:0 0 10px 0;} #div-15 h2, #div-15 .h2twin {font-size: 14px; font-size: 1.4rem; margin:15px 0; margin-bottom:5px} #div-15 ul#top-crumbs {list-style-type:none; text-align: left; margin:5px 0 10px 0} } @media screen and (min-width:1025px) { #div-15 {margin-bottom:40px; margin-top:15px} #div-15 h1, #div-15 .h1twin {margin:0 0 15px 0;} #div-15 h1 {font-size:22px; font-size: 2.2rem; } #div-15 .h1twin {font-size:16px; font-size: 1.6rem; } #div-15 h2, #div-15 .h2twin {font-size: 14px; font-size: 1.4rem; margin:15px 0; margin-bottom:5px} #div-15 hr {width: 70%} #div-15 ul#top-crumbs {list-style-type:none; text-align: left; margin:10px 0 30px 0; } } /* top sections with breadcrumbs in final pages */ #div-15b {margin-bottom:40px; margin-top:15px} #div-15b div {display:inline-block; vertical-align:middle} #div-15b #ikona {width:40px} #div-15b #ikona img {width:30px} #div-15b #top-crumbs { margin:0 0 10px 0; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: calc(100% - 100px); }​ #div-15b #top-crumbs ul {list-style-type:none; margin:0; padding:0} #div-15b #top-crumbs li {font-size: 12px; font-size: 1.2rem; display:inline; margin:0; padding:0; line-height:20px} #div-15b #top-crumbs a {text-decoration: none; border-bottom: 1px dotted white; } #div-15b #top-crumbs a:hover {border-bottom: 1px dotted #0F3D91} @media screen and (max-width:500px) { #div-15b #ikona{display:none} #div-15b #top-crumbs {width:100%} } /* NEW PRODUCTS page */ div#div-16 {width: 100%} /* featured product container */ #div-16 h4 {font-size: 15px; font-size: 1.5rem; font-weight:bold; color: #255192; margin: 10px 0; padding:0} #div-16 a {text-decoration: none} #div-16 a:hover {text-decoration: underline} @media screen and (max-width:500px) { #div-16 img.resize {max-width:100%;} } @media screen and (min-width:501px) { #div-16 img.resize {float:left; max-width:230px; max-height:150px; margin:5px 10px 10px 0} } div#div-18 {width:40%; margin-left:15px; float:right;} /* company box container */ #div-18 .cmpny-info {margin-top:0} div.div-19 {width:100%; } /* local search form; Products */ .div-19 p {padding:2px 0; margin: 10px 5px; color:#724d4d; font-weight:bold} div.div-20 {width:170px; margin:10px; border:1px solid #DEDEDE; vertical-align:top; display: inline-block;} /* remaining products, company listing: new products */ .div-20 p {margin: 5px 7px;} .div-20 h3 {margin: 10px 7px 5px 7px; padding:0; text-align:left} .div-20 p.model {margin: 10px 7px 5px 7px; padding:0; text-align:left; font-weight:bold} .div-20 div.image {text-align:center; width:155px; height:106px; margin: 5px auto; margin-bottom:0; padding:0; border:1px solid #DEDEDE;} .div-20 div.prodname {height: 54px; overflow:hidden; } .div-20 div.descr {height: 49px; overflow:hidden; } .div-20 div.company {height: 36px; overflow:hidden; } .div-20 a {text-decoration: none} .div-20 a:hover {text-decoration: underline} .div-20 img.resize {margin:3px auto; margin-left:3px; max-width:150px; max-height:100px;} /* end new product page */ div.div-21 {width:100%; margin:10px auto; border-bottom:1px dotted #bec9d4; padding:7px 0} /* products search results */ .div-21:first-child {margin-top:0} .div-21:last-child {border-bottom:none} .div-21 div.bar {width: 62%; float:left; display:inline-block;} .div-21 div.company {width: 36%; float:right; } .div-21 div.button {width: 36%; float:right; display:inline-block; vertical-align:middle; margin:15px 0} .div-21 h4 {font-size: 15px; font-size:1.5rem; font-weight:bold; margin:10px 0} .div-21 .title {font-size: 15px; font-size:1.5rem; margin:0 0 10px 0; font-weight:bold} .div-21 p , .div-21 h6, .div-21 ul {margin:7px 0; padding:0; } .div-21 h3, .div-21 h6{font-size: 15px; font-size: 1.5rem; margin-top:0; margin-bottom:10px} .div-21 .tabela-4 p {margin:3px 10px 3px 0;} @media screen and (max-width:800px) { .div-21 .bar .image {width:100%; } .div-21 .bar .info {width:100%; } .div-21 div.image {width:22%; float:left;} .div-21 div.info {width:75%; float:right;} } @media screen and (min-width:801px) { .div-21 div.image {width:15%; float:left;} .div-21 div.info {width:80%; float:right;} } .div-21 img.resize {max-width: 100%; max-height: 150px; margin-top:3px} .div-21 .nospace {margin-top:0} @media screen and (max-width:500px) { .div-21 div.bar {width: 100%; } .div-21 div.button {width: 100%; } .div-21 div.company {display:none} } @media screen and (max-width:800px) { .div-21 img.logo {float:right; max-width:80px; margin: 0 0 5px 5px; max-height:80px;} } @media screen and (min-width:801px) { .div-21 img.logo {float:right; width: 20%; max-width:100px; margin: 0 0 5px 5px; } } .div-21 ul.ctc {list-style-type:none; padding:0; text-align:left} .div-21 ul.ctc li {display:inline; margin:0; margin-right:10px; background-image: none; padding:0; text-align:left; white-space:none} @media screen and (max-width:800px) { div.div-22 {display:none} div#twitter {display:none} } @media screen and (min-width:801px) { div.div-22 {width:93%; background-color: #ffffff; margin:30px auto; padding-bottom: 5px; box-shadow: 5px 5px 3px #d7d8d8; } /* (now online, power members etc */ .div-22a p {margin:10px} .div-22a a {text-decoration:none;} .div-22a a:hover {text-decoration:underline;} .div-22 .nmr {text-align:center} .div-22 ul {text-align:left; list-style-type:none;} .div-22 .inline li {display:inline; } .div-22 li {margin:5px} #visitors {width: 45%; float:left} #members {width: 45%; float:right} } .div-22 .titlebar {font-size: 12px; font-size: 1.2rem; text-align:center; font-weight:bold; color: #ffffff; background-image: url('/images/bluebar.gif'); background-repeat: repeat-x; vertical-align:middle; padding: 3px 0; } @media screen and (max-width:800px) { div#div-24 {width:100%} } @media screen and (min-width:801px) { div#div-24 {width:55%; float:left} /* section home pages results container: events home page */ } div#div-26 {width:100%;} /* 100x50 buttons containers */ #div-26 ul {list-style-type:none; text-align:center;} #div-26 li {display:inline; margin: 7px; padding:5px 0; line-height:70px} #div-26 img {border: 1px solid #d7d8d8; box-shadow: 3px 3px 2px #d7d8d8;} #div-26 li:first-child{margin-left: 0} #div-26 li:last-child{margin-right: 0} div.div-27 {width:100%;} /* edit, delete buttons container; Manage Products page */ .div-27 p {margin:0;} div.div-28 {width:100%;} /* previous, next buttons; Product Search */ .div-28 ul {list-style-type:none; margin: 10px 5px; padding:0} .div-28 li {display:inline; margin: 0 10px 0 0; padding:0; text-transform:uppercase; font-weight:bold} div.div-30 {width:98%; margin:10px auto; border-bottom:1px solid #E0E1E2; padding-bottom:10px} /* view company products loop */ .div-30 h3 {margin:5px; } .div-30 h4 {margin:5px; } .div-30 p {margin:5px; } .div-30 div.image {width:110px; float:left; } .div-30 img.resize {margin:5px; margin-left:0; max-width:100px; max-height:150px;} .div-30 div.trunc {height: 65px; overflow:hidden; } div.div-31 {float:left; vertical-align:top; } /* categories loop in view company New Products, Cie company Mart / Parts listings */ @media screen and (max-width:800px) { .div-31 li {margin: 15px 0; } } @media screen and (min-width:801px) { .div-31 li {margin: 5px 0;} } .div-31 ul {list-style-type:none; margin: 10px 0; padding:0} .div-31 li {padding-left:10px; background-image: url(/images/dot.gif); background-repeat: no-repeat; background-position: left center} div#catslist {width:30%; min-width: 310px; float:left} /* container for div-33 */ div#mfglist {width:68%; float:right} /* container for div-33 */ @media screen and (max-width:1025px) { div#catslist {width:100%; float:none} div#mfglist {width:100%; float:none} } div.div-33 {width:100%; margin-top: 20px; } /* catagories and manufacturers list in Mart and Parts */ .div-33 fieldset {margin:20px 0; margin-top: 25px; border:0; border-top: 1px dotted #b2a292; padding:0} .div-33 legend {padding-right:10px; color: #6b5948; font-weight:bold} .div-33 table {width:100%; margin-top:3px; margin-bottom:3px; } .div-33 ul { margin: 0 0 12px 0; padding:0;} .div-33 li {margin-top:5px; margin-bottom:5px;} .div-33 ul ul { margin-left: 10px;} @media screen and (max-width:500px) {.div-33 td {display:block}} @media screen and (max-width:800px) {.div-33 li {list-style-type: none}} @media screen and (min-width:801px) {.div-33 li {list-style: none inside url('images/list-plus.gif');}} @media screen and (max-width:800px) { div.div-34 {width:100%;} /* products box container, mart listings container; company listing, new products */ } @media screen and (min-width:801px) { .div-34 div.prodname { overflow:hidden; } .div-34 div.descr {height: 52px; overflow:hidden; } .div-34 div.company {height: 43px; overflow:hidden; } } div.div-34 {width: 100%; max-width: 230px; margin:10px; border:1px solid #DEDEDE; vertical-align:top; display: inline-block;} .div-34 div.info {width:95%; margin:auto;} .div-34 div.image { width:100%; height:130px; overflow:hidden; text-align:center; margin: 5px; margin-right: 0; padding:0; } .div-34 .image img {width:100%; max-width:200px} .div-34 div.vintage {height: 20px; overflow:hidden; } .div-34 a {text-decoration: none} .div-34 a:hover {text-decoration: underline} .div-34 img.resize {margin:3px; padding:0; max-width:95%; max-height:120px;} .div-34 img.mart-resize {margin:3px; padding:0; max-width:96%} .div-34 h3 {margin: 5px 3px 5px 0; padding:0; text-align:left} .div-34 p {margin: 5px 2px 5px 0;} .div-34 p.model {text-align:left; font-weight:bold} .div-34 p.cat {margin-top: 2px; margin-bottom: 2px; text-align:left;} div.div-35 {width:80%; float:right; margin-bottom:15px} /* right sidebar sections main container */ .div-35 .title {width:98%; font-weight:bold; color: #686867; margin:10px auto; border-bottom:1px solid #DEDEDE; text-transform:uppercase; } .div-35 .box {border-bottom:1px solid #DEDEDE; padding:5px 0} .div-35 .resize {width: 100%; max-width: 350px} div.div-36 {width:80%; float:right; background-color: #f3f2f0; margin-right:10px; margin-bottom:15px } .div-36 .title { font-weight:bold; color: #ffffff; background-image: url('/images/bluebar.gif'); background-repeat: repeat-x; vertical-align:middle; padding: 3px 5px; margin:5px; text-transform:uppercase; } div.div-37 {margin:0 10px 20px 0; border:1px solid #DEDEDE; vertical-align:top; box-shadow: 2px 2px 3px #d7d8d8;} /* product carousel */ .div-37 div.info {width:95%; margin:auto;} .div-37 div.image { width:95%; height:190px; overflow:hidden; text-align:center; margin: 5px; margin-right: 0; padding:0; } .div-37 .resize {width: 100%; max-width: 200px} @media screen and (max-width:800px) { div#div-38 {display:none } } @media screen and (min-width:801px) { div#div-38 {width:45%; float:right; } /* right stuff container in section home pages; auctions */ } /* PAGINATION */ div#div-39 {width:100%; background-color: #2f5283; margin-top:15px; padding: 5px 0} #div-39 p, #div-39 ul {color: white; margin-left:10px; margin-right:10px} #div-39 ul {list-style-type:none; text-align:left; margin:10px; padding:0} #div-39 li {display:inline; margin-right:15px; text-align:left; text-transform:uppercase; font-weight:bold; white-space:none} #div-39 a{color: white; border: none} #div-39 a:visited{color: white} @media screen and (max-width:800px) { div#prevnxt {width: 100%;} div#perpage {width: 100%;} } @media screen and (min-width:801px) and (max-width:1024px){ div#prevnxt {width: 80%; float:left} div#perpage {width: 19%; float:right} } @media screen and (max-width:1024px) { div#div-39a {width:100%;} #div-39a ul, #div-39a form {float:left} div#div-39b {width:100%;} #div-39b a , #div-39b .span-3 {padding: 15px; line-height: 40px;} #div-39b .blocks {display:block; line-height: 30px;} } @media screen and (min-width:1025px) { div#div-39a {width:45%; float:left;} div#div-39b {width:52%; float:right; } #div-39b a {padding: 3px 5px; } #div-39 #div-39b p {margin:0; padding:0} #div-39b a , #div-39b span {padding: 3px 5px; line-height: 26px;} div#perpage {margin-top: 20px} } #div-39a select {border:1px solid #3a72c7} div#div-39b {padding: 5px 0; } /* page numbers */ #div-39b .pages {text-transform:uppercase; font-weight:bold; } #div-39b .span-3 {line-height: 26px; color: black; background-color: #b3cfec;} #div-39b a {text-decoration:none} #div-39b a:hover {background-color: #b3cfec; color: black;} div#div-40 {width:100%; margin: 30px 0 10px 0} /* featured product in Products HP */ #div-40 h3 {text-transform:uppercase; margin: 30px 0} div.div-41 {width:100%; margin: 20px 0} /* sponsored search results */ .div-41 h6 {margin: 0} .div-41 p {margin: 3px 0} .div-41 p.url {color:#566a4f;} div.div-42 {width:100%; } /* company listing postings container */ div.div-42 h4 {margin: 15px 0; padding-bottom:20px} .licznik {margin: 15px 0; padding-top:10px; font-weight:bold} @media screen and (max-width:500px) { #story {width:100%} #storyimage {width:100%; margin:10px 0;} #storyimage img {max-width:100%; } .talkback {width:20%; max-width:126px} } @media screen and (min-width:501px) and (max-width:800px) { #storyimage {width:30%; float:left; margin:5px 20px 10px 0;} #storyimage img{width:100%; max-width: 269px;} } @media screen and (min-width:801px) and (max-width:1024px){ #story {width:55%; float:left} } @media screen and (min-width:1025px) { #story {width:63%; float:left} } @media screen and (min-width:801px) and (max-width:1024px) { #storyimage {width:30%; float:left; margin:5px 20px 15px 0;} #storyimage img{max-width:100%;} } @media screen and (min-width:1025px) { #storyimage {width:40%; float:left; margin:5px 20px 15px 0;} #storyimage img{max-width:100%;} } #story .div-3 {padding-top:5px;} #storyimage img{margin-top:15px} @media screen and (max-width:800px) { div#div-43 {width:100%; margin-top:20px} } @media screen and (min-width:801px) and (max-width:1024px) { div#div-43 {width:44%; float:right;} } @media screen and (min-width:1025px) { div#div-43 {width:35%; float:right;} } div#div-44 {width:100%; color: #35332e; font-size: 13px; font-size: 1.3rem; margin: 10px 0; line-height: 150%;} /* mart item description */ #div-44 * {font-size: 13px; font-size: 1.3rem; line-height: 150%} #div-44 h2 {font-size: 13px; font-size: 1.3rem; color:#9F680E; line-height:180%;} #div-44 h2.title {line-height:180%; font-size: 13px; font-size: 1.3rem; color:#b1b2b2; text-transform:uppercase; margin:10px 0} #div-44 h3 {font-size: 13px; font-size: 1.3rem; text-transform:uppercase; margin:15px 0; text-align:left; color:#534d04} #div-44 h4 {margin-left:0; text-align:left; font-weight:bold} #div-44 ul {list-style-image:url('/images/dot.gif'); margin-bottom:15px; margin-left:10px} #div-44 ol li {background-image: none; text-align:left} #div-44 ol {margin-left:20px; margin-top:0; margin-bottom:10px; padding:0} #div-44 li {margin:5px 0; } #div-44 hr {width: 30%; height:1px; margin:15px 0; border-top: 1px dotted #9C9D9E; border-left: 0; background-color: #ffffff; color: #ffffff; text-align:left; padding:0} #div-44 a {text-decoration: none} #div-44 ul {padding: 0 2px; list-style-type:none; margin: 5px 10px; text-align:left} #div-44 li {margin:0 10px; padding:0} @media screen and (min-width:801px) and (max-width:1024px) { div#div-44 {width:52%; float:left;} } @media screen and (min-width:1025px) { div#div-44 {width:61%; float:left;} } #storyimage .caption {width:100%; background-color: #efefef; padding:5px 0; margin-top:5px; margin-bottom:15px;} #storyimage .caption p {margin: 0 5px; font-style:italic} @media screen and (max-width:800px) { div.div-45, #div-46 {width:100%} .div-45 li {display:block} .div-45 .countries {margin-top:15px;} } @media screen and (min-width:801px) { div.div-45 {width:69%; float:left; } .div-45 li {display:inline} div#div-46 {width:30%; float:right; } /* user buttons */ } @media screen and (min-width:481px) { .div-45 h5, .div-45 .contribs {float:left;}/* sections home pages container for h5 and how many results */ .div-45 ul {float:left; margin-right: 10px} } @media screen and (max-width:1024px) { #div-46 li.addspace a {margin-top:15px;} } @media screen and (min-width:1025px) and (max-width:1224px) { #div-46 {margin:10px 0 25px 0; } #div-46 li {margin-bottom:15px; margin-bottom:0; } #div-46 li.addspace {margin-bottom:0;} } @media screen and (min-width:1225px) { #div-46 ul {margin:10px 0 5px 0; } #div-46 li {display:inline;} .div-45 .pagination {margin-right:20px; } } div.div-45, div#div-46 {margin-bottom:15px; } div.div-45 form {margin:0; padding:0; font-size:12px; font-size:1.2rem} .div-45 .pagination option {margin:0; padding:2px 5px;} .div-45 .cats select, .div-45 .pagination select {padding:2px 2px 0 2px; margin-bottom:10px} .div-45 .cats option {padding:2px 5px;} .div-45 h5 {font-size: 12px; font-size: 1.2rem; font-weight:bold; color: #724d4d; text-transform:uppercase; margin:5px 15px 0 0; } .div-45 p {margin:0; margin-right: 15px} .div-45 ul {margin:0; list-style-type:none; } .div-45 li {margin:0; display:inline; margin-right: 15px} #div-46 ul {list-style-type:none; padding:0; text-align:right; margin-top:0; margin-bottom:0; } #div-46 li {display:inline; margin-top:0; line-height: 25px} #div-46 li.addspace {margin-left:15px} @media screen and (min-width:481px) { #div-47 h5 {float:left;} /* mart and parts home paages top div-45 lookalike */ } #div-47 {width:100%; margin-bottom:10px} #div-47 h5 {font-size: 12px; font-size: 1.2rem; font-weight:bold; color: #724d4d; text-transform:uppercase; margin:5px 15px 15px 0;} #div-47 form {margin:0; padding:0; font-size:12px; font-size:1.2rem} #div-47 .pagination option {margin:0; padding:2px 5px;} ul.userbuttons {float:right; list-style-type:none; margin:0;} /*user buttons next to tabs on home pages; calendar */ .userbuttons li {display:inline; margin:0;} /*user buttons next to tabs on home pages; calendar */ @media screen and (max-width:500px) { ul.userbuttons {float:none;text-align:right; margin-bottom:10px} /*user buttons next to tabs on home pages; calendar */ } ul.lista-14 { float:right;} /* user buttons */ .lista-14 li.addspace {margin-left:15px} @media screen and (max-width:500px) { .lista-14 li.space {display:block; margin-bottom: 25px} } @media screen and (max-width:1024px) { ul.lista-14 {margin:10px 0; margin-bottom:15px} /* user buttons */ .lista-14 li {display:inline; } } @media screen and (min-width:1025px) and (max-width:1224px) { ul.lista-14 {margin:10px 0 25px 0; } .lista-14 li {margin-bottom:15px;} .lista-14 li.addspace {margin-bottom:0;} } @media screen and (min-width:1225px) { ul.lista-14 {margin:10px 0 5px 0; } .lista-14 li {display:inline;} } @media screen and (max-width:800px) { .forumsearchbar {width:62%; } } @media screen and (min-width:801px) { .forumsearchbar {width:30%; } } @media screen and (max-width:500px) { .searchbar {width:62%; } } @media screen and (min-width:501px) and (max-width:1024px){ .searchbar {width:70%; } } @media screen and (min-width:1025px){ .searchbar {width:75%; } } @media screen and (max-width:800px) { div#div-48 {width:100%;} } @media screen and (min-width:801px) and (max-width:1024px) { div#div-48 {width:55%; float:left} } @media screen and (min-width:1025px) { div#div-48 {width:64%; float:left} } /* companies postings container in "See company..." */ div.div-49 {width:98%; float: right} /* forum message container */ .record {width: 100%;} .fauthor {width:230px} .fcomments {width:77px;} .fupdated {width:66px} .fviews {width:50px} @media screen and (max-width:768px) { .record .userdata {float:left; width: 15%;} .record .message {width: 84%; float:right; } } @media screen and (min-width:769px) and (max-width:1400px){ .record .userdata {float:left; width: 9%;} .record .message {float:right; width: 90%} } @media screen and (min-width:1401px){ .record .userdata {float:left; width: 6%;} .record .message {float:right; width: 93%} } .record {padding:10px 0 15px 0; border-bottom:1px solid #E0E1E2; width:100%;} .record :last-child {border-bottom:none} .record .topmeta {width: 100%;} @media screen and (max-width:500px) { .fsection, .fauthor, .fupdated, .fviews {display:none} } @media screen and (min-width:501px) and (max-width:800px) { .fsection , .fauthor {display:none} } @media screen and (max-width:500px) { .avatar .avatar-size {display:none} } @media screen and (min-width:501px) { .avatar .avatar-size {width:20px;} } @media screen and (max-width:800px) { .topmeta .tags {width: 100%;} } @media screen and (min-width:801px) { .topmeta .tags {float:right} } @media screen and (max-width:500px) { .record .userdata {float:left; width: 15%;} .record .message {width: 84%; float:right; } } .record .voice {width: 100%; background-color: #f4f2ef; } .record .voice p, .voice ul {margin:0 10px; padding:10px 0} .record .userdata p {margin-top:15px; hyphens:auto; -moz-hyphens: auto; } @media screen and (max-width:800px) { .record .avatar-size { width:85%; max-width:60px;} } @media screen and (min-width:801px) { .record .avatar-size { width:95%; max-width:60px;} } div.div-50 {width:100%; margin:0; padding:0} /* forum message container */ .div-50 .indent { margin-left:15px} div#div-53 {font-weight:bold; color:white; padding: 5px 0; margin:0 5px} @media screen and (max-width:800px) { div#div-54 {width:100%} /* jobs container */ div#div-55 {width:100%} /* resumes container */ } @media screen and (min-width:801px) { div#div-54 {width: 48%; float:left} div#div-55 {width: 48%; float:right} } @media screen and (min-width:801px) and (max-width:1024px){ div#div-56 {width:54%; float:left;} } @media screen and (min-width:1025px){ div#div-56 {width:60%; float:left;} } #div-56 .product-image-md {max-width:100%; max-height:400px; margin:auto} .product-image-md { max-width: 590px; } div#div-58 {width: 100%;} @media screen and (max-width:800px) { .overthrow-enabled #div-58 {height: 100px;} } /* COMPANY LISTING */ @media screen and (max-width:800px) { div#div-59 {width:100%;} div#div-60 {width:100%; } } @media screen and (min-width:801px) and (max-width:1024px) { div#div-59 {width:60%; float:left;} div#div-60 {width:38%; float:right;} } @media screen and (min-width:1025px) and (max-width:1366px) { div#div-59 {width:67%; float:left;} div#div-60 {width:32%; float:right;} } @media screen and (min-width:1367px) { div#div-59 {width:70%; float:left;} div#div-60 {width:29%; float:right;} } /* SEARCH RESULTS*/ div#div-61 {width:100%;} /* @media screen and (max-width:800px) { div#div-61 {width:100%;} div#div-62 {display:none} } @media screen and (min-width:801px) { div#div-61 {width: 70%; float:left;} div#div-62 {width: 30%; float:right} } */ div#div-63 {width: 53%; float:left; padding: 15px 0} div#div-64 {width: 46%; float:right; padding: 15px 0} #div-63 p, #div-64 p {margin: 10px 0} #div-64 p {text-align:right} @media screen and (max-width:1024px) { div#div-65 {width:100%; margin-top: 15px} div#div-66 {max-width:49%; float:left; min-width: 290px;} #div-66 img {width:95%; } div#div-67 {max-width:49%; float:left; min-width: 360px;} } @media screen and (min-width:1025px) and (max-width:1366px) { div#div-65 {width:34%; float:left;} div#div-66 {max-width:25%; float:left; } #div-66 img {width:95%; } div#div-67 {max-width:39%; float:left;} } @media screen and (min-width:1367px) { div#div-65 {width: 360px; float:left;} div#div-66 {width: 320px; float:left} div#div-67 {width: 360px; float:left} } @media screen and (max-width:1024px) { div.div-69 {width: 100%; } /* Manage PM page */ div.div-70 {display:none} } @media screen and (min-width:1025px) { div.div-69 {width: 57%; float:left; margin-right: 2%} div.div-70 {width: 40%; float:right} } @media screen and (max-width:1023px) { div.div-72 {width: 100%; } /* Login page */ div.div-73 {width: 100%; margin-top:15px} } @media screen and (min-width:1024px) { div#div-72 {width: 44%; float:left} /* Login page */ div#div-73 {width: 55%; float:right} } @media screen and (max-width:1023px) { div.div-74, div.div-75 {width: 100%;} /* common div */ } @media screen and (min-width:1024px) { div.div-74 {width: 48%; float:left;} div.div-75 {width: 48%; float:left} div.div-75b {width: 48%; float:right} } div.div-74 img, div.div-75, div.div-75b img {width: 99%} @media screen and (min-width:1366px) { div#div-85 {margin-top:20px} } .div-87 {width:100%; max-width:335px; background-color: #91000e; padding-bottom:10px} /* WHO promo on input forms pages */ .div-87 .links {font-size:14px; font-size: 1.4rem} .div-87 .links a {color:#639cce; text-decoration:none; border-bottom: 1px dotted #639cce} .div-87 .links a:hover {text-decoration:underline; } div.div-88 {width: 99%; margin:auto} /* WHO page tas lookalike*/ .div-88 ul {list-style-type:none; margin: 20px 0; margin-bottom: 30px; padding:0; color:black} .div-88 li {display:inline; margin: 0; font-weight:bold;} .div-88 .button {padding:7px 10px; border:1px solid #9c9c9c; border-bottom:none; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} .div-88 .button-bottom {padding:7px 10px; border:1px solid #9c9c9c; border-top:none; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;} .div-88 .notcurrent { -moz-box-shadow:inset 0 1px 0 0 #f5978e; -webkit-box-shadow:inset 0 1px 0 0 #f5978e; box-shadow:inset 0 1px 0 0 #f5978e; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) ); background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% ); background-color:#f24537; color:#ffffff; text-shadow:1px 1px 0 #810e05; } div.div-92 {width:100%; float:left; margin:10px auto; border-bottom:1px solid #E0E1E2; padding:7px 0} /* products result */ .div-92:first-child {margin-top:0} .div-92:last-child {border-bottom:none} .div-92 p , .div-92 h4, .div-92 h6, .div-92 ul {margin:7px 0; padding:0; } .div-92 h3, .div-92 h6{font-size: 15px; font-size: 1.5rem; margin-top:0; margin-bottom:10px} .div-92 .tabela-4 p {margin:3px 10px 3px 0;} .info .location {margin-top:6px; margin-bottom:6px} @media screen and (max-width:800px) { .div-92 .bar .image {width:100%; } .div-92 .bar .info {width:100%; } .div-92 div.image {width:22%; float:left;} .div-92 div.info {width:75%; float:right;} } @media screen and (min-width:801px) { .div-92 div.image {width:20%; float:left;} .div-92 div.info {width:76%; float:right;} } .div-92 img.resize {max-width:100%; margin-top:3px} .div-92 .nospace {margin-top:0} @media screen and (max-width:500px) { .div-92 div.bar {width: 100%; } .div-92 div.company {display:none} } @media screen and (min-width:501px) { .div-92 div.bar {width: 55%; float:left; } .div-92 div.company {width: 42%; float:right; } } @media screen and (max-width:800px) { .div-92 img.logo {float:right; max-width:80px; margin: 0 0 5px 5px; max-height:80px;} } @media screen and (min-width:801px) { .div-92 img.logo {float:right; width: 20%; max-width:100px; margin: 0 0 5px 5px; } } @media screen and (max-width:1023px) { div.div-97, div.div-98 {width:100%} } @media screen and (min-width:1024px) { div.div-97 {width:65%; float:left} div.div-98 {width:34%; float:right} } /* grid table wrapper */ div.div-99 {width: 100%; background-color:#f8f9fc; border:1px solid #cbccce; border-radius:7px; margin: 5px auto; padding:10px 0; background-image: url(/images/backgrounds/traffic-tb.jpg); background-repeat: repeat-x; background-position: left top;} div.div-99a {width:98%; margin:auto;} .div-99a .title {font-size:1.4rem; font-size:14px; margin:30px 0; text-align:center} div.div-99b {width: 48%; float:left} div.div-99c {width: 48%; float:right} @media screen and (max-width:1366px) { div.div-100 {width: 75%; margin:auto} } @media screen and (min-width:1367px) { div.div-100 {width:100%;} } div.div-101 {width:100%; max-width: 350px; display: inline-block; border: 1px solid #d2d6db; background-color:#f8f9fc; margin-right:20px; margin-top:20px; background-image: url(/images/backgrounds/traffic-tb.jpg); background-repeat: repeat-x; background-position: left top; box-shadow: 5px 5px 5px #e3e6e9;} div.div-101a {width:100%; padding:5px 0; border-bottom: 1px solid #d9dde5; background-color:#e9ecf4; margin-top:0} .div-101a p { margin: 0; text-align:center} .div-101 .question {line-height:22px; font-size:14px; color:#4e525a} div.div-101 {width:100%; max-width: 350px; display: inline-block; border: 1px solid #d2d6db; background-color:#f8f9fc; margin-right:20px; margin-top:20px; background-image: url(/images/backgrounds/traffic-tb.jpg); background-repeat: repeat-x; background-position: left top; box-shadow: 5px 5px 5px #e3e6e9;} div.div-102 {width:48%; display:inline-block; border: 1px solid #d2d6db; box-shadow: 5px 5px 5px #e3e6e9; margin:10px} .div-102 div.bar {width: 95%; margin:15px auto; min-height:160px} .div-102 div.image {width:20%; float:left;} .div-102 div.info {width:76%; float:right;} .div-102 img.resize {max-width: 100%; max-height: 150px;} @media screen and (max-width:800px) { .div-102 .bar .image {width:100%; } .div-102 .bar .info {width:100%; } } @media screen and (max-width:1023px) { div.div-102 {width:98%; float:none; margin:auto} div.div-102:nth-child(2) {width:100%; float:none} } div#div-103 {background-color: #f1f1f1; padding:5px 0; margin:40px 0 60px 0; border: 1px solid #e0e1e2; text-align:center } /* 'you must to be affiliated with company to post' */ #div-103 p.title {font-size: 15px; font-size: 1.5rem; font-weight:bold; color:#D53F03; text-align:center; margin: 15px 10px} #div-103 p.register {font-size: 14px; font-size: 1.4rem; font-weight:bold; margin: 15px 10px; text-align:center;} .grid .powers td {height:50px; font-weight:bold} .powers .vis {color:#8a0303} .uklad *, .uklad *:before, .uklad *:after {box-sizing: border-box !important;} .uklad {column-width: 180px; -moz-column-width: 180px; -webkit-column-width: 180px; column-gap: 1.6em; -moz-column-gap: 1.6em; -webkit-column-gap: 1.6em;} .ukladlib *, .ukladlib *:before, .ukladlib *:after {box-sizing: border-box !important;} .ukladlib {column-width: 450px; -moz-column-width: 450px; -webkit-column-width: 450px; column-gap: 1.7em; -moz-column-gap: 1.7em; -webkit-column-gap: 1.7em;} .mart-wrapper {width:100%; max-width:180px; display:inline-block; vertical-align:top; margin-top: 25px; border:1px solid #e7eaed; background-color:#e7eaed; border:1px dotted #bfc0c1; box-shadow: 5px 5px 3px #d7d8d8;} .mart-wrapper .image {width:100%; overflow:hidden; margin: 10px; vertical-align:top; } .mart-wrapper .image img {width:100%; max-width:150px; margin:auto} .mart-wrapper .info {width:100%} .mart-wrapper ul {list-style-type:none; margin:8px 5px 8px 10px;} .mart-wrapper .info li {line-height:150%;} .mart-wrapper li:first-child {margin-top: 0} .mart-wrapper li:last-child {margin-bottom: 0} .mart-wrapper li {line-height:100%} .subtitle {margin:4% 0 10px 0; font-weight:bold} .subtitle a {padding:5px 15px 5px 5px; background-color:#063565; color:white; } .table-1 {width:100%} @media screen and (max-width:1280px) { .table-1 td {width:100%; display: block;} } @media screen and (min-width:1281px) { .table-1 td {width:50%} } .ontop {z-index: 1; width: 500px; top: 0; left: 0; display: none; position: absolute; background-color: #cccccc; color: #aaaaaa;} #popup {width: 300px; height: 200px; position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -150px;} fieldset.section-title {margin:20px 0; border:0; border-top: 1px dashed #b2a292; padding:0} /* general titles */ .section-title legend {font-size: 12px; font-size: 1.2rem; margin-left:0; padding-left:0; padding-right:10px; color: #724d4d; text-transform:uppercase; font-weight:bold} fieldset.popup-title {width: 100%; border:0; border-top: 1px dashed #a1acb8;} .popup-title legend {font-size: 16px; font-size: 1.6rem; color: #b80101; font-weight:bold; padding-right:15px; text-transform:uppercase; } .smtnetadmin {background-color: #e3f3be; border:1px solid #82ad1c} div.show_hide {display:none; cursor: hand; cursor: pointer;} .shdw-img {border: 1px solid #d7d8d8; box-shadow: 5px 5px 3px #d7d8d8;} div.tip {background-color: #eeedeb; background-image: url(/images/tiptlo.jpg); background-repeat: repeat-x; background-position: left top; padding: 0; padding-bottom: 5px; -moz-box-shadow: 3px 3px 4px #c6c5c5; -webkit-box-shadow: 3px 3px 4px #c6c5c5; box-shadow: 3px 3px 4px #c6c5c5; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c6c5c5')"; } /* Tips */ .tip table {border-collapse: collapse; border-spacing: 0;} .tip p {margin:10px} .tip a.regular{color: #0F3D91; text-decoration:none; border-bottom: 1px dotted #b2c9e8;} .tip a.regular:hover {color: #4878cf; text-decoration:underline; border-bottom: none } .tip a.regular:active { color: #4878cf; text-decoration: underline;} .tip a.regular:visited {color: #0F3D91 } div.score {background-color: #e5d9e5; padding: 0; padding-bottom: 5px; -moz-box-shadow: 3px 3px 4px #c6c5c5; -webkit-box-shadow: 3px 3px 4px #c6c5c5; box-shadow: 3px 3px 4px #c6c5c5; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c6c5c5')"; } .score .toptitle {width:100%; background-color: #c9a9c9; background-image: url(/images/scoremark.jpg); background-repeat: no-repeat; background-position: left top;} .toptitle p {margin:0 0 0 40px; font-weight:bold; padding: 5px 0} .score .scorectc {width:95%; margin: auto} .score .scorectc p {margin-top:20px} td.brdbot {border-bottom: 1px solid #CACACA; vertical-align:middle} fieldset.talkback {margin:20px 10px; border:0; border-top: 1px dotted #b2a292; padding:0} .talkback legend {font-size: 16px; font-size: 1.6rem; margin-left:0; padding-left:0; padding-right:10px; color: #6b5948; font-family : Verdana, Arial, Helvetica, sans-serif; font-weight:bold} .talkback p {margin-left:0} .talkback .addco {font-weight:bold; text-align:right; margin:5px 0} div.talkback-comment {width:100%; margin-bottom:10px} .talkback-comment .avatar-size {width:60px} .talkback-comment p, .talkback-comment ul {margin:0 10px; padding:10px 0} fieldset.title {margin:20px 10px; border:0; border-top: 1px dotted #b2a292; padding:0} /* general titles */ .title legend {font-size: 16px; font-size: 1.6rem; margin-left:0; padding-left:0; padding-right:10px; color: #6b5948; font-family : Verdana, Arial, Helvetica, sans-serif; font-weight:bold} fieldset.titles {margin:20px 0; border:0; border-top: 1px dotted #b2a292; padding:0} /* general titles */ fieldset.titles legend {font-size: 14px; font-size: 1.4rem; margin-left:0; padding-left:0; padding-right:10px; color: #6b5948; font-family : Verdana, Arial, Helvetica, sans-serif; font-weight:bold} .centrum {text-align:center;margin-top: 36px;} .goright {text-align:right;} .orng {color:#A25101;} .companyPopup { width: 100px; float: left; margin-bottom: 5px; margin-right: 15px; } .button-1 { -moz-box-shadow:inset 0 1px 0 0 #fcf8f2; -webkit-box-shadow:inset 0 1px 0 0 #fcf8f2; box-shadow:inset 0 1px 0 0 #fcf8f2; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fae4bd), color-stop(1, #eac380) ); background:-moz-linear-gradient( center top, #fae4bd 5%, #eac380 100% ); background-color:#fae4bd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #eeb44f; color: #2d4a7f; font-weight:bold; padding:2px 7px; text-decoration:none; white-space:nowrap }.button-1 :hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eac380), color-stop(1, #fae4bd) ); background:-moz-linear-gradient( center top, #eac380 5%, #fae4bd 100% ); background-color:#eac380; }.button-1 :active { position:relative; top:1px; } .button-1 :visited { color: #2d4a7f; } .user-button { -moz-box-shadow:inset 0 1px 0 0 #f29c93; -webkit-box-shadow:inset 0 1px 0 0 #f29c93; box-shadow:inset 0 1px 0 0 #f29c93; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% ); background-color:#fe1a00; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d83526; display:inline-block; color:#ffffff; font-family:Verdana; font-size:13px; font-size: 1.3rem; font-weight:bold; padding:2px 7px; text-decoration:none; text-shadow:1px 1px 0 #b23e35;} .user-button:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) ); background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% ); background-color:#ce0100;} .user-button:active {position:relative; top:1px; color: #ffffff} .user-button:visited {color: #ffffff} .results {margin-left:15px; list-style-image: url(data:image/gif;base64,R0lGODlhCQAJALMAAP///6amprW1tc/Pz7S0tMXFxdHR0czMzMDAwMjIyMrKysPDwwAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAAJAAkAAAQcEMgpDZ0jXJA1PUFIJaEoFaW5pCLChgohzLQQAQA7); } .results .title {font-weight:bold; font-size:15px; font-size:1.5rem} .results li {margin:20px 0; line-height:22px} .button-2 { /* SMTnet admin green button */ -moz-box-shadow:inset 0 1px 0 0 #c1ed9c; -webkit-box-shadow:inset 0 1px 0 0 #c1ed9c; box-shadow:inset 0 1px 0 0 #c1ed9c; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #86b31e), color-stop(1, #678a0f) ); background:-moz-linear-gradient( center top, #86b31e 5%, #678a0f 100% ); background-color:#86b31e; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #83c41a; color: #ffffff; font-weight:bold; padding:2px 7px; text-decoration:none; white-space:nowrap }.button-2:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #678a0f), color-stop(1, #86b31e) ); background:-moz-linear-gradient( center top, #678a0f 5%, #86b31e 100% ); background-color:#678a0f; }.button-2:active { position:relative; top:1px; } .adminarea {background-color:#cedcbc; border: 1px solid #b1bea0; border-collapse: collapse;} .button-3 { -moz-box-shadow:inset 0 1px 0 0 #fcf8f2; -webkit-box-shadow:inset 0 1px 0 0 #fcf8f2; box-shadow:inset 0 1px 0 0 #fcf8f2; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fae4bd), color-stop(1, #eac380) ); background:-moz-linear-gradient( center top, #fae4bd 5%, #eac380 100% ); background-color:#fae4bd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#2b406f; text-transform:uppercase; font-weight:bold; padding:5px 15px; text-decoration:none; }.button-3:hover {text-decoration:none; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eac380), color-stop(1, #fae4bd) ); background:-moz-linear-gradient( center top, #eac380 5%, #fae4bd 100% ); background-color:#eac380;} .button-3:visited {color:#2b406f;} .formbutton { -moz-box-shadow:inset 0 1px 0 0 #ffffff; -webkit-box-shadow:inset 0 1px 0 0 #ffffff; box-shadow:inset 0 1px 0 0 #ffffff; background-color:#6699cc; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d5d5d5; display:inline-block; color:#ffffff; font-size:15px; font-size: 1.5rem; font-weight:bold; padding:7px 20px; text-decoration:none; }.formbutton:hover { color:#6699cc; background-color:#dee7ff; } .formbutton-disabled { -moz-box-shadow:inset 0 1px 0 0 #ffffff; -webkit-box-shadow:inset 0 1px 0 0 #ffffff; box-shadow:inset 0 1px 0 0 #ffffff; background-color:#c0c1c1; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d5d5d5; display:inline-block; color:#ffffff; font-size:15px; font-size: 1.5rem; font-weight:bold; padding:7px 20px; text-decoration:none; } .moreposts{margin-bottom:15px; line-height:25px; font-weight:bold} ul.affiliates-buttons {text-align:right; list-style-type:none; margin:30px 0 20px 0} .affiliates-buttons li {margin:20px 0 20px 20px; display:inline; } .affiliates-buttons li:first-child {margin-left:0;} .manage-button {font-weight:bold; white-space:nowrap; -moz-box-shadow:inset 0 1px 0 0 #fcf8f2; -webkit-box-shadow:inset 0 1px 0 0 #fcf8f2; box-shadow:inset 0 1px 0 0 #fcf8f2; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7d7a1), color-stop(1, #e3b064) ); background:-moz-linear-gradient( center top, #f7d7a1 5%, #e3b064 100% ); background-color:#f7d7a1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px dotted #eeb44f; display:inline-block; font-size:12px; font-size:1.2rem; padding:2px 7px; text-decoration:none; }.manage-button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e3b064), color-stop(1, #f7d7a1) ); background:-moz-linear-gradient( center top, #e3b064 5%, #f7d7a1 100% ); background-color:#e3b064; border:1px solid #eeb44f; } .addbutton {margin-left:20px} .addbutton .manage-button {margin:0 5px 0 0} .morebutton { background: #ddf0da; background-image: -webkit-linear-gradient(top, #ddf0da, #c6dfc3); background-image: -moz-linear-gradient(top, #ddf0da, #c6dfc3); background-image: -ms-linear-gradient(top, #ddf0da, #c6dfc3); background-image: -o-linear-gradient(top, #ddf0da, #c6dfc3); background-image: linear-gradient(to bottom, #ddf0da, #c6dfc3); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #4e63cc; padding:20px; border: solid #a7cfa2 1px; text-decoration: none; } .morebutton:hover { background: #c6dfc3; background-image: -webkit-linear-gradient(top, #c6dfc3, #ddf0da); background-image: -moz-linear-gradient(top, #c6dfc3, #ddf0da); background-image: -ms-linear-gradient(top, #c6dfc3, #ddf0da); background-image: -o-linear-gradient(top, #c6dfc3, #ddf0da); background-image: linear-gradient(to bottom, #c6dfc3, #ddf0da); text-decoration: none; } .buybutton { -moz-box-shadow:inset 0 1px 0 0 #f5978e; -webkit-box-shadow:inset 0 1px 0 0 #f5978e; box-shadow:inset 0 1px 0 0 #f5978e; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) ); background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% ); background-color:#f24537; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow: 5px 5px 3px #d7d8d8; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; border-radius:6px; border:none; display:inline-block; color:#ffffff; font-weight:bold; padding:6px 19px; text-decoration:none; text-shadow:1px 1px 0 #810e05; }.buybutton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) ); background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% ); background-color:#c62d1f; text-decoration:underline; }.buybutton:active { position:relative; top:1px; } @media screen and (max-width:1023px) { .sb_dropdown, .mnf_dropdown, .cat_dropdown {font-size:15px; font-size: 1.5rem; } .sb_dropdown input, .mnf_dropdown input, .cat_dropdown input {margin:3px 0 0 5px; vertical-align:top} #pmdsclm {width: 76%; font-size:143px; font-size: 1.4rem} } @media screen and (min-width:1024px) and (max-width:1365px) { .sb_dropdown, .mnf_dropdown, .cat_dropdown {font-size:12px; font-size: 1.2rem;} .sb_dropdown input, .mnf_dropdown input, .cat_dropdown input{margin: 1px 0 0 0; vertical-align:top} #pmdsclm {width: 70%; float:right; font-size:12px; font-size: 1.2rem; } } @media screen and (min-width:1366px) { .sb_dropdown, .mnf_dropdown, .cat_dropdown {font-size:15px; font-size: 1.5rem;} .sb_dropdown input, .mnf_dropdown input, .cat_dropdown input {margin:3px 0 0 5px; vertical-align:top} #pmdsclm {width: 76%; font-size:14px; font-size: 1.4rem} } #pmdsclm {float:left; padding:5px 0; font-style:italic} .sb_wrapper input[type="text"], .sb_dropdown, .mnf_dropdown, .cat_dropdown {border:1px solid #94b8e4; background-color: white; box-shadow: 5px 5px 3px #d7d8d8; outline:none; padding:0; padding-left:5px; text-shadow:1px 1px 1px #fff; width:96%; float:left; margin:0;} .sb_dropdown p, .mnf_dropdown p, .cat_dropdown p {margin:0 5px;} .sb_dropdown ul{float:left; list-style:none; margin:0; margin-top:10px} .sb_dropdown #top-menu-container {width: 100%; padding: 10px 0; } .sb_dropdown .top-menu{padding:5px 0; width:49%; float:left; margin:0;} .sb_dropdown .top-menu:hover, .cat-menu:hover, .mnf-menu:hover {background-color: #dde7ff} .sb_dropdown li.sb_filter{ width:348px; border:1px solid #f9f9f9; clear:both; background: #ddd; font-size:12px; font-size: 1.2rem; text-transform:uppercase; letter-spacing:1px; color:#444; height:16px; line-height:16px; padding:5px; box-shadow: 5px 5px 3px #d7d8d8; } span.sb_up, span.sb_down{ position:absolute; top:5px; left:5px; width:14px; height:38px; background-color:#ffffff; background-position:center center; background-repeat: no-repeat; z-index:10;} span.sb_up{ background-image:url(../icons/up.png);} span.sb_down{background-image:url(../icons/down.png);} input.sb_search{ background:#0056a5 url(/images/icons/search.png) no-repeat center center; height:42px; width:50px; float:left; border:none; margin:0; box-shadow: 5px 5px 3px #d7d8d8; outline:none; cursor:pointer;} input.sb_search:hover {background-color:#639cce;} #popitmenu{position: absolute; background-color: white; border:1px solid #fb8989; z-index: 100; visibility: hidden; border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0 0 15px #979797; -webkit-box-shadow: 0 0 15px #979797; box-shadow: 0 0 15px #979797; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#979797')";} #popitmenu div{width: 95%; margin:10px auto;} .bcard{border:1px solid #e3e2e2; background: rgb(249,249,252); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,252,1) 0%, rgba(225,229,234,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,252,1)), color-stop(100%,rgba(225,229,234,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,252,1) 0%,rgba(225,229,234,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,252,1) 0%,rgba(225,229,234,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,252,1) 0%,rgba(225,229,234,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,252,1) 0%,rgba(225,229,234,1) 100%); /* W3C */ box-shadow: 2px 2px 10px 2px rgba(119, 119, 119, 0.4); -moz-box-shadow: 2px 2px 10px 2px rgba(119, 119, 119, 0.4); -webkit-box-shadow: 2px 2px 10px 2px rgba(119, 119, 119, 0.4); } .ccpay { display: none; } /*Css added by Antony*/ .login-text { position: relative; font-size: 1.2rem; font-weight: bold; } .smt-para{ width: 80%; } .smt-int-para{ font-style: italic; font-weight: bold; } form i { margin-left: -30px; cursor: pointer; } .smt-hideClass{ display: none; } .loaderGIF{ display: none; position: fixed; z-index: 999; background: rgba(0,0,0,.2); width: 100%; height: 100%; justify-content: center; align-items: center; left: 0; top: 0; } .loadContent{ background: #fff; padding: 21px; border-radius: 10px; font-size: 20px; font-weight: bold; color: #265074; } ul.affiliates-buttons{ margin: 10px 10px !important; text-align: center !important; } .supp-header{ padding: 10px 15px; border: #8a9c9c solid 1px; display: flex; background: #d9d9d9; border-radius: 4px; font-weight: bold; font-size: 18px; } .supp-header a{ display: flex; color: #000 !important; text-decoration: none; } .Product-desc{ font-size: 16px; } .nope800{ /*background: #d9d9d9;*/ padding: 6px 10px; border-radius: 6px; } .manage-comp{ width: 48%; margin: 0 auto; padding: 10px 10px; } .manage-button{ padding: 6px 10px; margin-right: 10px; } .tooltip-product { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip-product .tooltiptext { visibility: hidden; width: 90px; background-color: #7bb6c3; color: #000; text-align: center; border-radius: 6px; padding: 5px 6px; /* Position the tooltip */ position: absolute; z-index: 1; top: -5px; left: 105%; font-size: 14px; margin-left: 8px; } .tooltip-product:hover .tooltiptext { visibility: visible; } .tooltip-product { display: inline-block; padding: 0px 3px 5px 3px; /*color: #000;*/ color: #0F3D91; /*background: #eeb44f;*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e3b064), color-stop(1, #f7d7a1) ); background-color: #e3b064; border: 1px solid #eeb44f; font-size: 18px; border-radius: 50%; /*border: solid 1px #eeb44f;*/ width: 18px; height: 18px; font-weight: bold; text-align: center; font-style: italic; font-family: serif; top: -10px; vertical-align: super; left: -4px; } /*.tooltip-product { display: inline-block; padding: 0px 3px 5px 3px; color: #000; //background: #eeb44f; font-size: 18px; border-radius: 50%; border: solid 1px #eeb44f; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e3b064), color-stop(1, #f7d7a1) ); background: -moz-linear-gradient( center top, #e3b064 5%, #f7d7a1 100% ); background-color: #e3b064; border: 1px solid #eeb44f; color: #0F3D91; width: 16px; height: 16px; top: -20px; left: -8px; font-weight: bold; text-align: center; font-style: italic; font-family: serif; }*/ a:disabled, a[disabled]{ border: 1px solid #999999; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #cccccc) ); color: #666666; pointer-events: none; cursor: default; text-decoration: none; } .errorCaptcha { font-weight: bold; color: red; } /*Css added by Antony*/