html, body {
margin : 0;
}

body {
    font-family : "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    font-size : 62.5%;
    border-top : 8px solid #eee;
}

H1 {
    font-size : 2em;
}

H2 {
    font-size : 2em;
    font-weight : normal;
}

H3 {
    font-size : 1.5em;
}

H4 {
    font-size : 1.25em;
}

img {
    border : 0;
}

a{
	color:#0051FF;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

dl {
    padding : 0;
}

dt {
    font-size : 1.2em;
    padding : 1em 0;
    font-weight : bold;
}

dd {
    font-size : 1em;
    padding : 0;
    margin : 0;
}

#monocontainer {
    width : 82%;
    margin : 0 auto;
    background : #fff;
}

#container {
    width : 92%;
    margin : 0 auto;
    background : #fff;
}

#top {
    height : 1.5em;
    background-color : #f8f8f8;
    border-bottom : 1px solid #ddd;
    padding : 0.4em 3px 0.4em 10px;
    font-size : 1.2em;
    text-align : left;
    margin-bottom : 30px;
    color : #888;
}

#top a {
    text-decoration : none;
    background-color : inherit;
    border-bottom : 0;
}

#top a:hover {
    text-decoration : underline;
}

#header {
    margin : 4em auto;
    margin-bottom : 1.5em;
    background : url("http://static.xhtml-css.com/logo.png") no-repeat 0% 0%;
    text-align : center;
    height : 85px;
    width : 340px;
}

#header h1 a {
    display : block;
    height : 112px;
    width : 400px;
    text-indent : -3000px;
}

#mono {
    width : 70%;
    margin : 40px auto;
}

#left {
    float : left;
    width : 75%;
    margin-bottom : 20px;
}

#content {
    padding : 4em 1.5em 0 2em;
}

#right {
    float : right;
    width : 24%;
    margin : 50px 0;
}

#footer {
    clear : both;
    margin-top : 2em;
    border-top : 1px solid #ddd;
    text-align : center;
    padding : 5px 10px;
    color : #555;
    font-size : 1.2em;
}

#footer a {
    color : #222;
}

#advanced {
    font-size : 1em;
    margin : 0.5em 0;
    display : none;
}

#advanced fieldset {
    margin-top : 0.5em;
    padding : 0.5em;
    font-size : 1em;
    border : 1px solid #d1d7c0;
    color : #af1212;
}

#advanced label {
    color : #555;
}

#checkfrm {
    padding : 0.5em;
    font-size : 1.2em;
    border : 2px solid #c6dcf1;
    background-color : #f5fdff;
    margin : 10px 0;
}

#checkfrm p {
    padding : 2px 10px;
    margin : 0;
}

a#showadvanced, a#showadvanced:visited {
    font-size : 1.1em;
    color : blue;
    text-decoration : none;
}

a#showadvanced:hover {
    text-decoration : underline;
}

#sidebar {
    padding : 4em 1.5em;
    border-left : 1px solid #ddd;
    margin-right : 1em;
}

#sidebar ul {
    margin : 0;
    padding : 0;
    list-style : none;
}

#sidebar li {
    text-align : left;
    height : 18px;
}

#sidebar li.htmlcss a {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 0 -321px;
}

#sidebar li.htmlnocss a {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 0 -344px;
}

#sidebar li.cssnohtml a {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 0 -367px;
}

#sidebar li.nohtmlnocss a {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 0 -390px;
}

#sidebar li a {
    display : block;
    font-size : 1.1em;
    text-decoration : none;
    padding : 4px;
    padding-left : 20px;
}

#sidebar li a:hover, #sidebar li a.error:hover, #sidebar li a.fault:hover, #sidebar li a.ok:hover {
    text-decoration : underline;
}

#sidebar h2 {
    margin : 1em 0 0 0;
    font-size : 1.4em;
    color : #333;
    padding : 4px;
    padding-left : 0;
    font-weight : normal;
}

#sidebar p {
    border-top : 1px solid #eee;
    padding-top : 5px;
    font-size : 1.1em;
    color : #666;
}

.tooltip {
    border : 1px solid #ddd;
    padding : 8px;
    background-color : #feff96;
    color : #000;
    position : absolute;
}

#menu {
    margin : 0;
    padding : 0;
    list-style : none;
}

#menu li {
    margin : 0.15em 0 0 0;
    font-size : 1.4em;
    color : #333;
    padding : 4px;
    font-weight : normal;
}

#menu li a {
    font-size : 1.1em;
    text-decoration : none;
    padding : 0;
}

br.clr {
    clear : both;
}

.hidden {
    display : none;
}

.rightfloat {
    float : right;
    padding-right : 10px;
    margin-left : 30px;
}

.leftfloat {
    float : left;
}

.centered {
    margin : 25px;
    text-align : center;
}

.notice {
    float : right;
    text-align : right;
    font-size : 1.2em;
    color : white;
    background-color : #f00;
    padding : 4px;
    margin : -4px;
    display : block;
}

span.tag {
    color : green;
}

.htmlwarninglink, .csswarninglink {
    background : url(http://static.xhtml-css.com/mini-warning.gif) no-repeat 5px 50%;
}

.htmlerrorlink, .csserrorlink {
    background : url(http://static.xhtml-css.com/mini-error.gif) no-repeat 5px 50%;
}

.validate-result p {
    font-size : 1.5em;
    background-color : #fffde9;
    border : 2px solid #ffe720;
    padding : 0.5em;
}

.validate-result ul {
    padding : 0;
    margin : 0;
    list-style-type : none;
    border-bottom : 1px solid #ddd;
}

.validate-result ul li {
    margin : 0;
    border-top : 1px solid #ddd;
    border-left : 1px solid #ddd;
    border-right : 1px solid #ddd;
    font-size : 1.1em;
    overflow : hidden;
}

.validate-result ul li a {
    color : #777;
    text-decoration : none;
    padding : 4px 2px 4px 25px;
    display : block;
}

.validate-result ul li a:hover {
    background-color : #ffc;
    color : #000;
}

.validate-result ul li a.viewed {
    background-color : #ffa;
    color : #000;
}

.validate-result ul li a.viewed span {
    color : red;
}

.validate-result ul li a span {
    color : green;
}

.validate-result ul li a:hover span {
    color : red;
}

#hresult h2, #cresult h2, #wresult h2, #cwresult h2 {
    margin : 0.8em 0;
    display : block;
    font-size : 1.75em;
    text-align : center;
    padding : 0.8em;
}

#hresult h2 span, #cresult h2 span, #wresult h2 span, #cwresult h2 span {
    color : red;
}

.notvalid h2 {
    background-color : #ffeefc;
    border : 2px solid #ffa0a0;
}

.valid h2 {
    background-color : #f3ffe7;
    border : 2px solid #a2d700;
}

#wresult h, #cwresult h2 {
    background-color : #fffde9;
    border : 2px solid #ffe720;
}

ul li.res {
    background-color : #ff8;
    margin : 1em 0 0 0;
    border-top : 1px solid #ddd;
    border-left : 1px solid #ddd;
    border-right : 1px solid #ddd;
    text-align : center;
    font-size : 1.2em;
    padding : 6px;
}

input {
    padding : 0.4em;
    font-size : 1.2em;
}

#urlid {
    width : 65%;
    border : 1px solid #999;
}

#loading {
    font-size : 1.3em;
    font-weight : bold;
    text-align : center;
    border : 2px solid #abe5ff;
    background : #fafdff url(http://static.xhtml-css.com/loader.gif) no-repeat 10px 50%;
    padding : 10px 30px;
}

#dialog {
    position : fixed;
    font-size : 1.1em;
    border : 3px solid #abe5ff;
    background-color : #fafdff;
    width : 400px;
    height : 200px;
    display : none;
}

#dialoghandler {
    background-color : #ff8;
    border-bottom : 1px solid #ccc;
    height : 20px;
    padding : 2px 8px;
    color : #2788ff;
}

#dialoghandler span {
    display : block;
}

#dialoghandler a, #dialoghandler a:link, #dialoghandler a:visited {
    display : block;
    text-decoration : none;
    color : #2788ff;
    padding : 2px 4px 2px 20px;
}

#dialoghandler a:hover {
    text-decoration : none;
    background : url(http://static.xhtml-css.com/close.gif) no-repeat 0 50%;
    color : #005dbd;
}

#dialoghandler a:hover span {
    display : inline;
    text-indent : -3000px;
}

#dialogcontent {
    padding : 15px;
}

.ve {
    border : 1px solid #abe5ff;
    padding : 8px;
    margin : 5px;
}

.helpwanted {
    display : none;
}

#theline em {
    background-color : #ffecec;
    border : 1px solid red;
    padding : 2px;
    font-style : normal;
}

#theerror {
    background-color : #ffecec;
    border : 1px solid #ffa0a0;
    padding : 8px;
    margin : 5px 5px 10px;
}

#showmecode {
    text-align : center;
    width : 75%;
    margin : 20px auto;
}

#showmecode a, #showmecode a:link, #showmecode a:visited {
    font-size : 1.2em;
    font-weight : bold;
    display : block;
    background-color : #2c94ff;
    border : 3px solid #abe5ff;
    text-decoration : none;
    color : #fff;
    padding : 4px;
}

#showmecode a:hover {
    border : 3px solid #70b1f3;
}

.box {
    background-color : #f8f8f8;
    border : 1px solid #ddd;
}

.box p {
    font-size : 1.2em;
    color : #666;
}

#buttonspanel ul {
    margin : 0;
    padding : 0;
    list-style : none;
}

#buttonspanel li {
    width : 50%;
    float : left;
}

#buttonspanel li a {
    position : relative;
    display : block;
    line-height : 150%;
    margin : 1em;
    font-size : 1.2em;
    color : #111;
    border : 2px solid #9cd7fe;
    text-decoration : none;
    padding : 7px 20px 4px 25px;
    background-color : #fafeff;
    text-align : center;
    min-height : 70px;
    height : auto !important;
    height : 70px;
}

#message {
    padding-left : 2em;
}

#showhtml {
    margin-right : 0.25em;
}

#showcssl {
    margin-left : 0.25em;
}

#buttonspanel li a.error:hover, #buttonspanel li a.fault:hover, #buttonspanel li a.ok:hover {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 15px 0;
    background-color : #fffcd4;
    border : 2px solid #ffe65e;
    color : #666;
}

#buttonspanel li a.error:hover span, #buttonspanel li a.fault:hover span, #buttonspanel li a.ok:hover span {
    border : 2px solid #ffe65e;
}

#buttonspanel li a.error {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 15px -80px;
    background-color : #fffafe;
    border : 2px solid #ffa0a0;
}

#buttonspanel li a.error span {
    border : 2px solid #ffa0a0;
}

#buttonspanel li a.ok {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 15px -160px;
    background-color : #f9ffe9;
    border : 2px solid #a2d700;
}

#buttonspanel li a.ok span {
    border : 2px solid #a2d700;
}

#buttonspanel li a.fault {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 15px -240px;
    background-color : #ff7182;
    border : 2px solid red;
    font-size : 1.2em;
    color : white;
}

#buttonspanel li a.fault span {
    border : 2px solid red;
}

#buttonspanel li a em {
    font-size : 1.2em;
    color : red;
}

#buttonspanel li a span {
    position : absolute;
    top : -2px;
    right : -2px;
    border-right : 2px solid #f8f8f8;
    border-top : 2px solid #f8f8f8;
    background-color : #f8f8f8;
    background : #ffdada url(http://static.xhtml-css.com/diagonals.gif);
    padding : 4px;
    color : #222;
}

.sourcehi {
    background-color : #dff3a2;
}

#cssfault, #htmlfault, p.Bigone {
    border : 2px solid #ff92cf;
    background-color : #ffe8f5;
    padding : 0.5em;
    font-size : 2em;
}

.xpl {
    display : none;
}

.jqmWindow {
    display : none;
    position : fixed;
    top : 17%;
    left : 50%;
    margin-left : -300px;
    width : 600px;
    background-color : #fff;
    color : #000;
    border : 2px solid #aaa;
    font-size : 1.1em;
}

.jqmOverlay {
    background-color : #000;
    color : #ff0000;
}

* iframe.jqm {
    position : absolute;
    top : 0;
    left : 0;
    z-index : -1;
}

* html .jqmWindow {
    position : absolute;
}

.jqmClose {
    text-align : right;
}

.jqmWindow h4 {
    font-size : 1.2em;
}

h3.xplh {
    font-size : 14px;
    color : #1566b1;
    font-weight : normal;
}

#verdict {
    padding : 4px;
    padding-left : 25px;
    color : #333;
    border-bottom : 1px solid #ddd;
}

#verdict p {
    font-size : 1.2em;
    margin : 0;
}

div.htmlcss {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 4px -321px;
    background-color : #f6fad0;
}

div.htmlnocss {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 4px -344px;
    background-color : #ffebb9;
}

div.cssnohtml {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 4px -367px;
    background-color : #ffebb9;
    color : #fff;
}

div.nohtmlnocss {
    background : url(http://static.xhtml-css.com/symboles.gif) no-repeat 4px -390px;
    background-color : #ffe9e9;
}

#youhou {
    font-size : 1.4em;
    line-height : 140%;
    padding : 1em;
    margin-top : 1em;
}

.badgeimg {
    float : right;
    padding-top : 4em;
    text-align : center;
}

.validsnippet {
    font-size : 1em;
    padding : 0.4em;
    padding-left : 2em;
    margin-top : 2em;
    background-color : #eee;
    border : 1px solid #cdcdcd;
    width : 70%;
}

#textual {
    padding : 1em;
    font-family : "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    font-size : 14px;
    line-height : 19px;
}

#textual p {
    line-height : 150%;
    text-align : justify;
}

#textual h2 {
    font-size : 20px;
    color : #000;
    background-color : #fff;
    padding : 4px;
}

.special {
    border : 1px solid #bdd67e;
    background-color : #eefdc6;
    padding : 5px;
}

#links ul {
    margin : 0;
    padding : 0;
    list-style : none;
}

#links ul li {
    margin : 0;
    padding : 4px 0;
    width : 100%;
    border-bottom : 1px dotted #ccc;
    min-height : 100px;
    height : auto !important;
    height : 100px;
}

#links ul li a {
    font-size : 14px;
}

.validatethis a {
    color : #ddd;
}

.rightthumb {
    float : right;
    margin : 15px;
    text-align : right;
    width : 75px;
}

p.src strong {
    background-color : #ff6600;
    color : #222;
}