W3C CSS Validator results for http://www.professorcloud.com/styles/main.css (CSS level 2.1)

Congratulations! No Error Found.

This document validates as CSS level 2.1 !

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=www.professorcloud.com/styles/main.css&profile=css21&usermedium=all&warning=1
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

Warnings (24)

URI : http://www.professorcloud.com/styles/main.css

48 Same colors for color and background-color in two contexts #right-nav li a and h1
48 Same colors for color and background-color in two contexts #right-nav li a:hover and h1
48 Same colors for color and background-color in two contexts #right-nav li a:visited and h1
48 Same colors for color and background-color in two contexts .showhide and h1
48 Same colors for color and background-color in two contexts .showhideopen and h1
48 Same colors for color and background-color in two contexts #right-nav li a and h2
48 Same colors for color and background-color in two contexts #right-nav li a:hover and h2
48 Same colors for color and background-color in two contexts #right-nav li a:visited and h2
48 Same colors for color and background-color in two contexts .showhide and h2
48 Same colors for color and background-color in two contexts .showhideopen and h2
104 Same colors for color and background-color in two contexts #content-container and .showhide:hover
104 Same colors for color and background-color in two contexts #content-container and .showhideopen:hover
227 Same colors for color and background-color in two contexts #right-nav li a and #bannertext
227 Same colors for color and background-color in two contexts #right-nav li a:hover and #bannertext
227 Same colors for color and background-color in two contexts #right-nav li a:visited and #bannertext
227 Same colors for color and background-color in two contexts .showhide and #bannertext
227 Same colors for color and background-color in two contexts .showhideopen and #bannertext
303 Same colors for color and background-color in two contexts #content-container and #cssdropdown li.headlink a:hover
424 Same colors for color and background-color in two contexts #right-nav li a and #da-vinci-title
424 Same colors for color and background-color in two contexts #right-nav li a:hover and #da-vinci-title
424 Same colors for color and background-color in two contexts #right-nav li a:visited and #da-vinci-title
424 Same colors for color and background-color in two contexts .showhide and #da-vinci-title
424 Same colors for color and background-color in two contexts .showhideopen and #da-vinci-title
584 Same colors for color and background-color in two contexts #content-container and #right-nav li a:hover

↑ Top

Valid CSS information

* {
margin : 0;
}
body {
background : #e9f0f5 url(/images/cloud-bg2.png) repeat-x [20%, 0];
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
margin : 0;
padding : 0;
}
div#midground {
background : transparent url(/images/cloud-bg3.png) repeat-x [30%, 128px];
margin : 0;
padding : 0;
width : 100%;
}
div#foreground {
background : transparent url(/images/cloud-bg4.png) repeat-x [40%, 180px];
margin : 0;
padding : 0;
width : 100%;
}
html {
background-color : #e9f0f5;
}
img {
border : none;
}
h1, h2 {
border-bottom : 2px dotted #cc6600;
margin-top : 20px;
margin-bottom : 10px;
padding-top : 0;
padding-bottom : 5px;
font-size : 18px;
font-weight : bold;
color : #f90;
font-family : Tahoma, Geneva, sans-serif;
letter-spacing : 1px;
}
h2 {
font-size : 13px;
text-transform : uppercase;
font-family : Tahoma, Geneva, sans-serif;
font-weight : bold;
letter-spacing : 2px;
color : #333333;
border-bottom : 2px solid #cccccc;
}
h3 {
font-family : Tahoma, Geneva, sans-serif;
font-size : 14px;
color : #333;
letter-spacing : 1px;
margin-top : 10px;
margin-bottom : 10px;
}
p {
margin-bottom : 10px;
margin-top : 10px;
line-height : 140%;
}
.tip {
border-bottom : 2px dashed #e00;
cursor : help;
}
.showhide, .showhideopen {
cursor : pointer;
font-weight : bold;
padding : 5px;
background : #f90;
border : #666;
margin-bottom : 10px;
display : block;
font-size : 13px;
background-image : url(/images/showhide-arrow-right.png);
background-repeat : no-repeat;
background-position : [left];
padding-left : 20px;
}
.showhide:hover, .showhideopen:hover {
color : #fff;
}
.showhideopen {
background-image : url(/images/showhide-arrow-down.png);
}
.codeblock, .codeblock-noscroll {
font-family : "Courier New", Courier, monospace;
font-size : 11px;
padding : 10px;
color : #000;
background : #eee;
border : 1px solid #ccc;
line-height : 1.5em;
overflow : auto;
}
.codeblock-noscroll {
height : auto;
}
.codeblock .comment, .codeblock-noscroll .comment {
color : #777;
}
#container {
width : 800px;
margin-left : auto;
margin-right : auto;
}
.zoom-section {
clear : both;
margin-top : 20px;
}
* html .zoom-section {
display : inline;
clear : both;
}
.zoom-desc {
float : left;
margin-left : 10px;
width : 310px;
margin-bottom : 20px;
}
.zoom-small-image {
border : 4px solid #ccc;
float : left;
margin-bottom : 20px;
}
.zoom-tiny-image {
border : 1px solid #ccc;
margin : 0;
}
.zoom-tiny-image:hover {
border : 1px solid #c00;
}
#banner {
background-repeat : no-repeat;
height : 105px;
background : url(/images/banner2.png);
position : relative;
z-index : 10;
}
#footer {
position : relative;
text-align : center;
color : #333;
font-size : 10px;
background : url(/images/footer-bot.png);
background-repeat : no-repeat;
background-position : [bottom];
height : 40px;
padding-top : 2px;
padding-bottom : 10px;
}
#footer-top {
height : 30px;
display : block;
background : url(/images/footer-top.png);
background-repeat : no-repeat;
margin : 0;
clear : both;
}
#footer-validation {
position : absolute;
top : -3px;
right : 20px;
width : 75px;
}
#footer-validation img {
margin : 0;
padding : 0;
margin-bottom : -3px;
}
#bannertext {
display : none;
font-size : 14px;
font-weight : bold;
letter-spacing : 1px;
position : absolute;
left : 256px;
top : 60px;
color : #f90;
font-family : Tahoma, Geneva, sans-serif;
}
#logo {
position : absolute;
display : inline-block;
left : 20px;
top : 0;
width : 256px;
height : 56px;
border : none;
cursor : pointer;
float : left;
z-index : 11;
}
#logo span {
display : none;
}
#content-container {
background-color : #fff;
overflow : hidden;
background-image : url(/images/middle.png);
}
* html #content-container {
height : 1%;
}
#rightcontent {
height : auto;
float : left;
width : 168px;
padding-left : 10px;
margin-top : 30px;
}
#maincontent {
padding-left : 20px;
padding-right : 10px;
padding-bottom : 10px;
float : left;
width : 570px;
}
#maincontent a:hover {
color : #c00;
}
#cssdropdown {
position : absolute;
top : 6px;
left : 330px;
z-index : 10000;
background : none;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
letter-spacing : 0;
font-size : 12px;
}
#cssdropdown, #cssdropdown ul {
list-style : none;
}
#cssdropdown, #cssdropdown * {
padding : 0;
margin : 0;
}
#cssdropdown li.headlink {
float : left;
width : auto;
display : block;
}
#cssdropdown li.headlink a {
display : block;
color : #444;
padding : 4px;
padding-bottom : 10px;
text-decoration : none;
padding-right : 20px;
}
#cssdropdown li.headlink a:hover {
color : #fff;
}
#cssdropdown li.headlink ul {
display : none;
text-align : left;
position : absolute;
width : 174px;
}
#cssdropdown li.headlink:hover ul {
display : block;
}
#cssdropdown li.headlink ul li a {
padding : 5px 10px 3px 10px;
margin : 0;
color : #333;
text-decoration : none;
width : 156px;
font-weight : normal;
font-size : 12px;
font-weight : bold;
text-transform : none;
}
#cssdropdown li.headlink ul li a:hover {
text-decoration : none;
background-color : #cc6600;
width : 146px;
}
#cssdropdown ul li a:hover {
text-decoration : none;
}
#cssdropdown li.headlink ul {
z-index : 10000;
background-image : url(/images/dropmenu.png);
background-position : [bottom];
padding-bottom : 15px;
background-repeat : no-repeat;
}
#viewport {
margin-left : auto;
margin-right : auto;
border : none;
}
#planetLinks {
margin : 0;
padding : 0;
height : 64px;
}
.tickul {
list-style-type : none;
padding : 0;
margin : 0;
margin-bottom : 20px;
}
.tickul li {
margin-left : 20px;
margin-bottom : 5px;
padding-left : 25px;
background : url(/images/tick.gif) no-repeat;
background-position : [0, 3px];
font-size : 12px;
}
#download_table {
border-collapse : collapse;
border : 1px solid #cccccc;
}
#download_table td {
border-collapse : inherit;
border : 1px solid #cccccc;
padding : 5px;
}
#download_table th {
font-weight : bold;
text-align : left;
padding : 5px;
background-color : #eee;
}
.carouselLeft {
display : none;
background : url(../images/carousel/rotate-left.png);
width : 40px;
height : 40px;
background-position : [0, 0];
}
.carouselLeft:hover {
width : 40px;
height : 40px;
background-position : [0, 40px];
cursor : auto;
}
.carouselRight {
display : none;
background : url(../images/carousel/rotate-right.png);
width : 40px;
height : 40px;
background-position : [0, 0];
}
.carouselRight:hover {
width : 40px;
height : 40px;
background-position : [0, 40px];
}
#da-vinci-title {
display : none;
color : #f90;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 17px;
font-weight : bold;
margin : 20px;
text-transform : uppercase;
letter-spacing : 1px;
margin-bottom : 10px;
width : 80%;
}
#da-vinci-alt {
display : none;
color : #ddd;
margin : 20px;
margin-top : 0;
font-size : 14px;
font-weight : bold;
}
a, a:focus, a:active {
outline : 0 none;
border : none;
}
form.cmxform fieldset {
margin : 0;
border : 1px solid #ccc;
padding : 0;
background : url(../images/contact-bg.png);
background-position : [bottom];
background-repeat : repeat-x;
padding : 20px;
padding-top : 0;
}
form.cmxform legend {
font-weight : bold;
}
form.cmxform label {
display : inline-block;
line-height : 1.8;
vertical-align : top;
text-align : right;
}
form.cmxform fieldset ol {
margin : 0;
padding : 0;
}
form.cmxform fieldset li {
list-style : none;
padding : 5px;
margin : 0;
margin-top : 10px;
border-bottom : 1px solid #ccc;
}
form.cmxform em {
font-weight : bold;
font-style : normal;
color : #f00;
}
form.cmxform label {
width : 140px;
}
form.cmxform fieldset fieldset label {
margin-left : 140px;
text-align : left;
}
form.cmxform textarea {
width : 256px;
height : 128px;
}
form.cmxform .error, form.cmxform .ok {
font-weight : bold;
margin-left : 150px;
color : #e00;
}
form.cmxform .ok {
color : #333;
}
table {
border-collapse : collapse;
border : 1px solid #ccc;
margin-bottom : 20px;
}
td, th {
padding : 10px;
vertical-align : top;
border : 1px dotted #ccc;
}
th {
background-color : #eee;
}
td.noWrap {
white-space : nowrap;
}
.addthis_toolbox {
margin-bottom : 20px;
}
#right-nav {
list-style : none;
margin : 0;
padding : 0;
}
#right-nav li a, #right-nav li a:hover, #right-nav li a:visited {
padding : 0;
border : 4px solid #c60;
padding : 5px;
display : block;
margin-bottom : 10px;
text-decoration : none;
color : #000;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
letter-spacing : 0;
font-size : 12px;
background : #f90;
color : #333;
}
#right-nav li a:hover {
color : #fff;
}
.amz {
font-size : 10px;
margin-bottom : 20px;
margin-left : 30px;
display : block;
}
#amz-wrap {
padding-bottom : 10px;
}
.inline-demo {
font-weight : bold;
font-size : 15px;
border : 1px dotted #aaa;
padding : 20px;
text-align : center;
color : #444;
background-color : #eee;
}

↑ Top