W3C CSS Validator results for http://www.constantinstruments.com (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS!
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
            
Valid CSS!
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
    </a>
</p>
        

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is:

http://jigsaw.w3.org/css-validator/validator?uri=http://www.constantinstruments.com
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Valid CSS information

.gallerycontent {
margin : 0;
}
.gallerycontent a {
color : #FAFBFC;
}
.gallerycontent p.linkage {
margin-top : 2em;
text-align : right;
font-size : 1.7em;
color : #ddd;
}
.gallerycontent p.linkage a {
color : #fff;
}
#myGallery, #myGallerySet, #flickrGallery {
width : 460px;
height : 345px;
z-index : 5;
}
#flickrGallery {
width : 500px;
height : 334px;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {
display : none;
}
.jdGallery {
overflow : hidden;
position : relative;
}
.jdGallery img {
border : 0;
margin : 0;
}
.jdGallery .slideElement {
width : 100%;
height : 100%;
background : #fff;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading.gif');
}
.jdGallery .loadingElement {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
background : #fff;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading.gif');
}
.jdGallery .slideInfoZone {
position : absolute;
z-index : 10;
width : 100%;
margin : 0;
left : 0;
bottom : 0;
height : 40px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
* html .jdGallery .slideInfoZone {
bottom : -1px;
}
.jdGallery .slideInfoZone h2 {
padding : 0;
font-size : 95%;
margin : 0;
margin : 2px 5px;
font-weight : bold;
color : inherit;
}
.jdGallery .slideInfoZone p {
padding : 0;
font-size : 60%;
margin : 2px 5px;
color : #eee;
}
.jdGallery div.carouselContainer {
position : absolute;
height : 135px;
width : 100%;
z-index : 10;
margin : 0;
left : 0;
top : 0;
}
.jdGallery a.carouselBtn {
position : absolute;
bottom : 0;
right : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #333;
color : #fff;
cursor : pointer;
}
.jdGallery .carousel {
position : absolute;
width : 100%;
margin : 0;
left : 0;
top : 0;
height : 115px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
.jdExtCarousel {
overflow : hidden;
position : relative;
margin : 0 auto;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
position : absolute;
width : 100%;
height : 78px;
top : 10px;
left : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
position : relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
cursor : pointer;
background : #000;
background-position : center center;
float : left;
border : #fff solid 1px;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
margin-bottom : 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label {
font-size : 13px;
position : absolute;
bottom : 5px;
left : 10px;
padding : 0;
margin : 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
font-size : 10px;
position : absolute;
bottom : 5px;
right : 10px;
padding : 1px 2px;
margin : 0;
background : #222;
border : #888 solid 1px;
cursor : pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {
color : #b5b5b5;
}
.jdGallery a {
font-size : 100%;
text-decoration : none;
color : inherit;
}
.jdGallery a.right, .jdGallery a.left {
position : absolute;
height : 99%;
width : 25%;
cursor : pointer;
z-index : 10;
}
.jdGallery a.left {
left : 0;
top : 0;
background : url('img/fleche1.png') center left no-repeat;
}
* html .jdGallery a.left {
background : url('img/fleche1.gif') center left no-repeat;
}
.jdGallery a.right {
right : 0;
top : 0;
background : url('img/fleche2.png') center right no-repeat;
}
* html .jdGallery a.right {
background : url('img/fleche2.gif') center right no-repeat;
}
.jdGallery a.open {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
cursor : pointer;
z-index : 10;
background : none;
}
.withArrows a.open {
position : absolute;
top : 0;
left : 25%;
height : 100%;
width : 50%;
cursor : pointer;
z-index : 10;
background : none;
}
.withArrows a.open:hover {
background : url('img/open.png') center center no-repeat;
}
* html .withArrows a.open:hover {
background : url('img/open.gif') center center no-repeat;
}
.jdGallery a.gallerySelectorBtn {
z-index : 15;
position : absolute;
top : 0;
left : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #333;
color : #fff;
cursor : pointer;
}
.jdGallery .gallerySelector {
z-index : 20;
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
background : #000;
}
.jdGallery .gallerySelector h2 {
margin : 0;
padding : 10px 20px 10px 20px;
font-size : 20px;
line-height : 30px;
color : #fff;
}
.jdGallery .gallerySelector .gallerySelectorWrapper {
overflow : hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
margin-left : 10px;
margin-top : 10px;
border : #888 solid 1px;
padding : 5px;
height : 40px;
color : #fff;
cursor : pointer;
float : left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover {
background : #333;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
background : #000;
background-position : center center;
float : left;
border : none;
width : 40px;
height : 40px;
margin-right : 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
color : #aaa;
}
.imageElement {
visibility : hidden;
}
body {
color : #333333;
background : #FFFFFF;
}
.clr {
clear : both;
}
body#bd {
background : #FFFFFF;
margin : 0 auto;
color : #404040;
font-size : 11px;
font : 70%/1.5 Tahoma, Arial, sans-serif;
text-align : left;
padding : 0;
}
body.contentpane {
width : auto;
margin : 10px;
line-height : 140%;
}
h1 {
font-size : 1.7em;
}
h2 {
margin : 10px 0;
font-size : 1.45em;
}
h3, h4 {
margin : 0;
padding : 0;
font-size : 1.2em;
}
form {
margin : 0;
padding : 0;
}
.small, .smalldark, .createdate, .modifydate, .mosimage_caption, .blog_more, .pagenavcounter, .pagenav, .pagenavbar, .contenttoc, #ja-spotlight-1, #ja-spotlight-2, #ja-rightcol, #ja-footer, #ja-bottomline {
font-size : 11px;
}
a {
color : #404040;
}
a:hover, a:active {
color : #000000;
text-decoration : underline;
}
p {
margin : 10px 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
li {
padding-left : 12px;
background : url(../images/arrow-readon-on.gif) 3px 6px no-repeat;
}
th {
padding : 4px;
font-weight : bold;
font-size : 12px;
text-align : left;
}
fieldset {
border : none;
margin : 0;
padding : 0;
}
fieldset a {
font-weight : bold;
}
hr {
border-top : 1px solid #999999;
border-right : 0;
border-left : 0;
border-bottom : 0;
height : 1px;
}
img {
border : 0;
padding : 0;
margin-left : 15px;
}
table.blog {
width : auto;
}
a.readon {
background : #F1F1F1;
color : #FFCC33;
font-size : 10px;
padding : 1px 5px;
text-decoration : none;
}
a.readon:hover {
text-decoration : underline;
}
table.polls {
width : 100%;
}
table.pollstableborder {
padding-right : 10px;
width : 100%;
border-color : #FFFFFF;
text-align : left;
}
table.pollstableborder img {
margin : 4px 4px 4px 0;
}
.syndicate {
padding : 6px 25px 0 0;
margin-left : 18px;
}
div.syndicate a {
padding-right : 30px;
margin : 0;
}
table.contentpaneopen td, table.contentpane td {
padding : 0;
margin : 0;
border : none;
}
table.contentpaneopen, table.contentpane, table.blog {
width : 100%;
margin-right : 10px;
}
.createdate {
color : #999999;
font-weight : bold;
line-height : 10px;
}
.modifydate {
color : #999999;
height : 15px;
}
.error {
color : #CC0000;
}
.highlight {
border-bottom : 1px dotted;
font-weight : bold;
}
.mosimage {
padding : 0;
margin : 15px 10px 0 0 !important ;
margin : 15px 5px 0 0;
}
.mosimage img {
padding : 0;
margin : 0 !important ;
}
.mosimage_caption {
margin-top : 2px;
padding : 1px 2px;
color : #AAAAAA;
}
a.pagenav, .pagenav_prev a, .pagenav_next a, .page navbar a {
padding : 0 5px 1px;
border : #CCCCCC solid 1px;
background : #EEEEEE;
color : #666666;
text-decoration : none;
}
a.pagenav:hover, a.pagenav:active, a.pagenav:focus, .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus, .pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus, .pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
background : #D2D2D2 !important ;
border : #DDDAB5 solid 1px;
text-decoration : none !important ;
}
.pagenavbar {
padding-left : 14px;
color : #666666;
}
.pagenavcounter {
padding : 8px 14px 0 14px;
color : #666666;
}
.sectiontableheader {
padding : 1px 4px;
background : #FFCC33;
color : #FFFFFF;
font-weight : bold;
}
.sectiontableheader a, .sectiontableheader a:hover {
color : #FFFFFF;
}
tr.sectiontableentry1 td {
padding : 4px;
background : #EEEEEE;
}
tr.sectiontableentry2 td {
padding : 4px;
}
.small {
color : #999999;
}
.button {
padding : 1px 2px;
background : #FFCC33;
border : none;
color : #FFFFFF;
font-size : 10px;
font-weight : bold;
}
div.back_button a, div.back_button a:hover, div.back_button a:active {
margin : 10px 0;
display : block;
color : #999999;
text-decoration : none !important ;
background : none !important ;
}
.buttonheading {
padding-right : 15px;
}
.toclink {
margin-left : 10px;
}
.contentheading {
color : #B12A2A;
font-size : 13px;
font-weight : bold;
text-transform : uppercase;
}
.componentheading {
color : #404040;
font-size : 18px;
font-weight : bold;
padding : 5px 0;
}
.wide #ja-wrapper1, .wide #ja-wrapper2, .wide #ja-wrapper3, .wide #ja-wrapper- {
width : 990px;
margin : 0 auto;
padding : 0;
}
.wide #ja-top-modules {
width : 990px;
}
.wide #ja-topnav-inner {
width : 990px;
}
.wide #ja-content {
width : 554px;
margin-left : 20px;
}
.wide #ja-leftcol {
width : 198px;
}
.wide #ja-rightcol-outer {
width : 198px;
}
.wide #ja-rightcol {
width : 198px;
}
.wide #ja-rightcol #ja-newsflash {
width : 198px;
height : 156px;
}
.wide #ja-content-full-right {
width : 762px;
margin-left : 20px;
float : left;
}
.wide #ja-content-full-left {
width : 762px;
margin-right : 20px;
float : right;
}
.wide #ja-top-modules-inner {
position : relative;
width : 980px;
margin : 0 auto;
}
.wide #ja-footer-inner {
width : 980px;
}
.wide #ja-content-f {
width : 980px;
margin : 0 auto;
}
#ja-wrapper- {
background : #FFFFFF;
width : 770px;
margin : 0 auto;
padding : 0;
}
#ja-wrapper2 {
background : #FFFFFF;
width : 770px;
margin : 0 auto;
padding : 0;
}
#ja-header-outer {
background : url(../images/header-bg2.gif);
height : 160px;
border-bottom : 1px solid #FFCC33;
}
#ja-header {
background : url(../images/image01.jpg) center no-repeat;
height : 160px;
margin : 0 auto;
}
#ja-gray-bar {
background : url(../images/gray-bar.gif) top repeat-x;
height : 14px;
}
#ja-top {
background : #F1F1F1;
}
#ja-top-modules {
margin : 0 auto;
width : 770px;
height : 90px;
background : #F1F1F1;
}
#ja-logo {
float : left;
width : 320px;
}
#ja-logo img {
margin : 0;
}
#ja-topnav {
clear : left;
font-size : 11px;
border-bottom : 4px solid #FFCC33;
background : url(../images/topnav-bg.gif) repeat-x;
margin : 0;
padding : 0;
}
#ja-topnav-inner {
width : 770px;
margin : 0 auto;
}
#ja-topnav a {
color : #404040;
font-weight : bold;
text-decoration : none;
text-transform : uppercase;
}
#ja-topnav a:hover {
text-decoration : none;
}
#ja-topnav ul {
margin : 0;
padding : 0;
}
#ja-topnav li {
margin : 0;
padding : 0;
}
#ja-leftcol {
width : 160px;
float : left;
color : #000000;
font-size : 1em;
}
#ja-leftcol .moduletable, #ja-leftcol .moduletable_menu {
margin-bottom : 16px;
padding-bottom : 6px;
background : url(../images/top-bg.gif) left top;
border-bottom : 2px solid #E1E1E1;
border-left : 1px solid #E1E1E1;
border-right : 1px solid #E1E1E1;
}
#ja-leftcol .moduletable td {
padding-left : 15px;
}
#ja-leftcol .moduletable h3, #ja-leftcol .moduletable_menu h3 {
background : url(../images/ja-h3-bg.gif) top left no-repeat;
padding-left : 24px;
padding-top : 4px;
height : 27px;
color : #595959;
font-size : 13px;
font-weight : bold;
text-transform : uppercase;
border : none;
}
#ja-leftcol .moduletable ul li {
background : none;
}
#ja-leftcol .moduletable ul li a, #ja-leftcol .moduletable_menu ul li a {
padding-left : 15px;
background : url(../images/a_bg.gif) left no-repeat;
color : #404040;
font-size : 11px;
font-weight : bold;
text-decoration : none;
line-height : 2.2em;
}
#ja-leftcol .moduletable ul li a:hover, #ja-leftcol .moduletable_menu ul li a:hover {
color : #000000;
}
#mod_login_password, #mod_login_username {
width : 110px;
padding-left : 7px;
border : #7D7D7D solid 1px;
}
#mod_login_remember {
border : none;
padding : 0 !important ;
}
#ja-search {
float : right;
padding-top : 55px;
}
#ja-search .inputbox {
background : #FFFFFF;
border : #7D7D7D solid 1px;
padding-left : 6px;
width : 150px;
font-size : 10px;
}
#ja-pathway-outer {
height : 20px;
width : 770px;
margin : 0 auto;
margin-bottom : 4px;
}
.wide #ja-pathway-outer {
width : 990px;
}
.wide #ja-usertools img {
margin : 4px 4px 0 14px;
}
.wide #ja-usertools {
width : 196px;
}
#ja-pathway {
float : left;
padding-left : 10px;
}
.pathway img {
padding : 0 6px;
margin : 0;
}
#ja-usertools {
float : right;
width : 158px;
margin : 0 auto;
}
#ja-usertools img {
cursor : pointer;
margin : 6px 5px 0 6px;
}
#ja-content {
width : 410px;
float : left;
margin-left : 20px;
margin-right : 10px;
}
#ja-content-full-left {
margin-right : 20px;
width : 580px;
float : left;
}
#ja-content-full-right {
margin-left : 20px;
width : 580px;
float : left;
}
#ja-content-full {
margin : 0 15px 0;
}
#ja-rightcol {
float : right;
width : 158px;
font-size : 1em;
clear : right;
}
#ja-rightcol .moduletable {
padding : 6px 8px 8px 6px;
margin-bottom : 16px;
border-top : 2px solid #FFCC33;
border-left : 1px solid #E8E8E8;
border-right : 1px solid #E8E8E8;
border-bottom : 2px solid #E8E8E8;
}
#ja-rightcol .moduletable h3 {
background : none;
color : #404040;
font-size : 11px;
font-weight : bold;
text-transform : uppercase;
}
#ja-rightcol .moduletable ul li a {
padding-left : 13px;
color : #888888;
font-size : 11px;
font-weight : bold;
text-decoration : none;
line-height : 1.8em;
}
#ja-rightcol #ja-newsflash {
height : 158px;
overflow : hidden;
margin-bottom : 16px;
border-bottom : 2px solid #E8E8E8;
}
#ja-newsflash table {
border-collapse : collapse;
margin : 0;
padding : 0;
}
#ja-newsflash .moduletable h3 {
background : none;
color : #404040;
padding : 0;
margin : 0;
}
#ja-footer {
border-top : 4px solid #FFCC33;
background : #F1F1F1;
height : 60px;
clear : both;
}
#ja-footer-inner {
width : 770px;
margin : 0 auto;
padding : 0;
}
#ja-footer-inner img {
margin : 0;
padding : 0;
border : none;
}
#but-css {
float : right;
margin-top : 15px;
}
#but-xhtml {
float : right;
margin-right : 20px;
margin-top : 15px;
}
#copyright {
float : left;
font-size : 11px;
color : #8D8C90;
margin-top : 12px;
}
div.back_button a, div.back_button a:hover, div.back_button a:active {
margin : 10px 0;
display : block;
color : #AAAAAA;
text-decoration : none;
}
#mod_login_remember {
border : none;
background : none;
}
#mod_search_searchword {
width : 140px;
}
.clearfix:after {
clear : both;
display : block;
content : ".";
height : 0;
visibility : hidden;
}
* html > body .clearfix {
width : 100%;
display : block;
}
* html .clearfix {
height : 1%;
}
html {
margin-bottom : 1px;
height : 100% !important ;
height : auto;
}
#ja-cssmenu {
margin : 0;
padding : 0;
}
#ja-cssmenu ul {
margin : 0;
padding : 0;
}
#ja-cssmenu li {
margin : 0;
padding : 0;
background : none;
display : block;
float : left;
height : 20px;
line-height : 20px;
cursor : pointer;
}
#ja-cssmenu li ul {
position : absolute;
z-index : 99;
left : -999em;
width : 14.4em;
width : 13.9em;
height : auto;
}
#ja-cssmenu li ul ul {
margin : -1.5em 0 0 12em;
}
#ja-cssmenu li li {
padding : 0 1em 0 0;
margin : 0;
width : 13em;
}
#ja-cssmenu ul a {
width : 13em;
width : 9em;
}
#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul, #ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.sfhover ul ul ul {
left : -999em;
}
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul, #ja-cssmenu li.sfhover ul, #ja-cssmenu li li.sfhover ul, #ja-cssmenu li li li.sfhover ul {
left : auto;
}
#ja-cssmenu li ul {
background : url(../images/opaque-default.png) bottom;
border : #B0B0B0 solid 1px;
}
#ja-cssmenu li ul a {
text-transform : none;
font-family : Tahoma, Arial, sans-serif;
font-size : 11px;
border-right : none;
height : 20px;
line-height : 20px;
}
#ja-cssmenu li ul a:hover {
color : #404040;
}
#ja-cssmenu li a {
padding : 0 25px;
display : block;
text-decoration : none;
border-right : 1px solid #868686;
}
#ja-cssmenu li a:hover {
color : #404040;
background : url(../images/topnav-bg-a-hover.gif) repeat-x #6D6D6D;
}
#ja-cssmenu li a.active {
background : url(../images/topnav-bg-a-active.gif) repeat-x #6D6D6D;
color : #404040;
}
#ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active {
color : #404040;
}
#ja-cssmenu li li a.active {
background : none;
font-weight : bold;
}
#ja-cssmenu li.havechild {
background : url(img/arrow-on.gif) 90% 45% no-repeat;
}
#ja-cssmenu li.havesubchild {
background : url(img/arrow-off.gif) 90% 45% no-repeat;
}
#ja-cssmenu li:hover, #ja-cssmenu li.sfhover {
background : url(../images/topnav-bg-a-hover.gif) repeat-x #6D6D6D;
}
#ja-cssmenu ul li:hover, #ja-cssmenu ul ul li:hover, #ja-cssmenu ul li.sfhover, #ja-cssmenu ul ul li.sfhover {
background : url(../images/topnav-bg-a-hover.gif) repeat-x;
color : #404040;
}
#ja-cssmenu ul li a, #ja-cssmenu ul ul li a {
background : none;
font-weight : normal;
padding : 0 10px;
color : #404040;
}
#uconverter {
line-height : 150%;
width : 180px;
}
#uconverter select {
margin : 5px 0;
}

↑ Top