body {
 margin: 0;
 background-color: #CCC2B8;
 font-family: arial, serif;
}

#maintitletop {
 margin: auto;
 width: 62.8em;
 height: 8.57em;
 background: url(http://www.htmlquick.com/img/titletop.jpg);
}

#mainflags {
 float: right;
 margin: 6em 2em 0 2em;
 width: 2.5em;
}

#mainpageback {
 width: 62.8em;
 overflow: auto;
 margin: auto;
 background: url(http://www.htmlquick.com/img/pageback.jpg);
}

#maintitlebottom {
 margin: 0 1.25em;
 width: 60.3em;
 overflow: auto;
 background: url(http://www.htmlquick.com/img/titlebottom.jpg);
 background-repeat: no-repeat;
 background-position: top-left;
}

#maintopnav {
 width: 32em;
 padding: 2.5em 0 0 1em;
 font-size: 0.9em;
 font-weight: bold;
}

#mainmenuleft {
 float: left;
 width: 10.57em;
 height: 38.28em;
 margin-top: 0.6em;
 background: url(http://www.htmlquick.com/img/menuleft.jpg);
}

#mainadleft {
 margin: 0.2em 0.1em;
 width: 9.38em;
 height: 37.53em;
 text-align: center;
}

#mainfriendsites {
 font-size: 0.8em;
 float: right;
 padding: 0.5em;
 width: 16em;
}

#maincontent {
 font-size: 0.8em;
 margin: 3.13em 2.5em 2.5em 15.63em;
}

#mainfoot {
 margin: auto;
 width: 62.8em;
 height: 5.94em;
 background: url(http://www.htmlquick.com/img/foot.jpg);
}

#mainfootnav {
 padding: 0.6em;
 text-align: center;
 font-size: 0.9em;
 font-weight: bold;
}

ul.friendsites {
 margin: 0 0 0 1.5em;
 padding: 0;
}

img.validationcode {
 width: 120px;
 height: 50px;
 vertical-align: middle;
 border: 0.2em solid black;
}

p.form {
 text-align: right;
}

p.note {
 margin-top: 4em;
}

div.w3cimages {
 float: right;
 padding: 1em;
}

img.flag {
 border: 0;
}

.tacenter {
 text-align: center;
}

.taright {
 text-align: right;
}

.vmid {
 vertical-align: middle;
}

.vbot {
 vertical-align: bottom;
}

.bold {
 font-weight: bold;
}

.italic {
 font-style: italic;
}

form {
 display: inline;
}

div.colorsform {
 float: right;
 width: 19em;
}

input.colorinput {
 border-width: 0;
 background-color: #FFFFFF;
 color: #000000;
}

div.toc {
 width: 29em;
}

div.toccontent {
 margin: 0 1.5em;
}

table.colorcodes {
 border-width: 0;
 border-spacing: 0.08em;
}

td.colorcodes {
 padding: 0.38em;
 background-color: #BDD3FF;
}

div.colorsquare {
 width: 1.75em;
 height: 1.75em;
 border: solid 0.08em black;
}

div.colorsquare2 {
 margin: 0 1px 1px 0;
 width: 19px;
 height: 19px;
}

div.colorsquare3 {
 margin: 0 1px 1px 0;
 width: 19px;
 height: 19px;
}

dd {
 margin: 1em;
}

.articleintro {
 font-style: italic;
}

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

a:visited {
 text-decoration: none;
}

a:hover {
 color: #0066FF;
 text-decoration: underline;
}

a.foot {
 padding: 0 0.6em;
}

a.foot:link {
 color: #222222;
 text-decoration: none;
}

a.foot:visited {
 color: #222222;
 text-decoration: none;
}

a.foot:hover {
 color: #FFFFFF;
 text-decoration: none;
}

div.plabel {
 margin: 0.1em;
 font-weight: bold;
 font-size: 1em;
 padding: 0.1em;
}

div.pcontainer {
 margin: 0.1em;
 background-color: #92B3E5;
 font-weight: bold;
 font-size: 0.85em;
}

div.pcontent {
 padding: 0.5em 0;
}

a.pcontent {
 padding: 0.5em 0.9em;
 color: black;
 text-decoration: none;
}

a.pcontent:link {
 color: #000000;
 text-decoration: none;
}

a.pcontent:visited {
 color: #000000;
 text-decoration: none;
}

a.pcontent:hover {
 color: #000000;
 text-decoration: none;
}

div.pt {
 background-image: url(http://www.htmlquick.com/img/pt.jpg);
 background-repeat: repeat-x;
 background-position: top;
}

div.pb {
 background-image: url(http://www.htmlquick.com/img/pb.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}

div.pl {
 background-image: url(http://www.htmlquick.com/img/pl.jpg);
 background-repeat: repeat-y;
 background-position: left;
}

div.pr {
 background-image: url(http://www.htmlquick.com/img/pr.jpg);
 background-repeat: repeat-y;
 background-position: right;
}

div.ptl {
 background-image: url(http://www.htmlquick.com/img/ptl.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}

div.ptr {
 background-image: url(http://www.htmlquick.com/img/ptr.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

div.pbl {
 background-image: url(http://www.htmlquick.com/img/pbl.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
}

div.pbr {
 background-image: url(http://www.htmlquick.com/img/pbr.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}

div.selpcontainer {
 margin: 0.1em;
 background-color: #05268F;
 font-weight: bold;
 font-size: 0.85em;
}

div.selpcontent {
 padding: 0.5em 0.9em;
 color: white;
}

div.selpt {
 background-image: url(http://www.htmlquick.com/img/selpt.jpg);
 background-repeat: repeat-x;
 background-position: top;
}

div.selpb {
 background-image: url(http://www.htmlquick.com/img/selpb.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}

div.selpl {
 background-image: url(http://www.htmlquick.com/img/selpl.jpg);
 background-repeat: repeat-y;
 background-position: left;
}

div.selpr {
 background-image: url(http://www.htmlquick.com/img/selpr.jpg);
 background-repeat: repeat-y;
 background-position: right;
}

div.selptl {
 background-image: url(http://www.htmlquick.com/img/selptl.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}

div.selptr {
 background-image: url(http://www.htmlquick.com/img/selptr.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

div.selpbl {
 background-image: url(http://www.htmlquick.com/img/selpbl.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
}

div.selpbr {
 background-image: url(http://www.htmlquick.com/img/selpbr.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}

div.pagination {
 height: 3em;
}

div.ccontainer {
 background-color: #92B3E5;
}

div.ccontent {
 padding: 1em 1em 0;
}

div.ct {
 background-image: url(http://www.htmlquick.com/img/ct.jpg);
 background-repeat: repeat-x;
 background-position: top;
}

div.cb {
 background-image: url(http://www.htmlquick.com/img/cb.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}

div.cl {
 background-image: url(http://www.htmlquick.com/img/cl.jpg);
 background-repeat: repeat-y;
 background-position: left;
}

div.cr {
 background-image: url(http://www.htmlquick.com/img/cr.jpg);
 background-repeat: repeat-y;
 background-position: right;
}

div.ctl {
 background-image: url(http://www.htmlquick.com/img/ctl.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}

div.ctr {
 background-image: url(http://www.htmlquick.com/img/ctr.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

div.cbl {
 background-image: url(http://www.htmlquick.com/img/cbl.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
}

div.cbr {
 background-image: url(http://www.htmlquick.com/img/cbr.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}

div.tt {
 background-image: url(http://www.htmlquick.com/img/tt.jpg);
 background-repeat: repeat-x;
 background-position: top;
}

div.ttl {
 background-image: url(http://www.htmlquick.com/img/ttl.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}

div.ttr {
 background-image: url(http://www.htmlquick.com/img/ttr.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

div.atctl {
 background-image: url(http://www.htmlquick.com/img/attctl.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}

div.atctr {
 background-image: url(http://www.htmlquick.com/img/attctr.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

div.atcbl {
 background-image: url(http://www.htmlquick.com/img/attcbl.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
}

div.atcbr {
 background-image: url(http://www.htmlquick.com/img/attcbr.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}

div.attttl {
 background-image: url(http://www.htmlquick.com/img/attttl.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}

div.attttr {
 background-image: url(http://www.htmlquick.com/img/attttr.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

table.eg {
 border-collapse: collapse;
 width: 100%;
 margin-bottom: 0.23em;
}

.div {
 background-image: url(http://www.htmlquick.com/img/cl.jpg);
 background-repeat: repeat-y;
 background-position: left;
}

td.eg {
 width: 50%;
 padding: 1em;
 vertical-align: top;
}

th.eg {
 width: 50%;
 padding: 0.6em 0.3em 0.3em 0.3em;
 color: white;
 font-weight: bold;
 text-align: center;
}

.atttr {
 background-image: url(http://www.htmlquick.com/img/atttr.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

.atttl {
 background-image: url(http://www.htmlquick.com/img/atttl.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}

div.tcontent {
 padding: 0.3em;
 color: white;
 font-weight: bold;
 text-align: center;
}

div.attrcontainer {
 background-color: #EAEAEA;
}

div.attrcontent {
 padding: 1em 1em 0;
}

div.attrt {
 background-image: url(http://www.htmlquick.com/img/attrt.jpg);
 background-repeat: repeat-x;
 background-position: top;
}

div.attrb {
 background-image: url(http://www.htmlquick.com/img/attrb.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}

div.attrl {
 background-image: url(http://www.htmlquick.com/img/attrl.jpg);
 background-repeat: repeat-y;
 background-position: left;
}

div.attrr {
 background-image: url(http://www.htmlquick.com/img/attrr.jpg);
 background-repeat: repeat-y;
 background-position: right;
}

div.attrtl {
 background-image: url(http://www.htmlquick.com/img/attrtl.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}

div.attrtr {
 background-image: url(http://www.htmlquick.com/img/attrtr.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

div.attrbl {
 background-image: url(http://www.htmlquick.com/img/attrbl.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
}

div.attrbr {
 background-image: url(http://www.htmlquick.com/img/attrbr.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}

table.ce {
 border-collapse: collapse;
 width: 30em;
 margin-bottom: 0.23em;
}

th.ce {
 font-weight: bold;
 text-align: center;
 color: #FFFFFF;
 padding: 0.6em 0.3em 0.3em 0.3em;
}

td.ce {
 padding: 0.15em 0.5em;
 text-align: right;
 height: 1.4em;
}

td.char {
 font-size: 1.4em;
 text-align: center;
}

table.lc {
 border-collapse: collapse;
 width: 25em;
 margin-bottom: 0.23em;
}

th.lc {
 font-weight: bold;
 text-align: center;
 color: #FFFFFF;
 padding: 0.6em 0.3em 0.3em 0.3em;
}

td.lc {
 padding: 0.15em 0.6em;
 height: 1.4em;
 text-align: right;
}

td.lcode {
 text-align: left;
}

table.cc {
 border-collapse: collapse;
 width: 25em;
 margin-bottom: 0.23em;
}

th.cc {
 font-weight: bold;
 text-align: center;
 color: #FFFFFF;
 padding: 0.6em 0.3em 0.3em 0.3em;
}

td.cc {
 padding: 0.15em 0.6em;
 height: 1.4em;
 text-align: right;
}

td.ccode {
 text-align: left;
}

table.mt {
 border-collapse: collapse;
 width: 30em;
 margin-bottom: 0.23em;
}

th.mt {
 font-weight: bold;
 text-align: center;
 color: #FFFFFF;
 padding: 0.6em 0.3em 0.3em 0.3em;
}

td.mt {
 padding: 0.15em 0.6em;
 height: 1.4em;
 text-align: right;
}

td.mtext {
 text-align: left;
}

table.tags {
 border-collapse: collapse;
 width: 30em;
 margin-bottom: 0.23em;
}

th.tags {
 font-weight: bold;
 text-align: center;
 color: #FFFFFF;
 padding: 0.6em 0.3em 0.3em 0.3em;
}

td.tags {
 padding: 0.15em 0.6em;
 height: 1.4em;
 text-align: right;
}

td.tagsempty {
 text-align: center;
}

td.tagsdesc {
 text-align: left;
}

td.depr {
 color: red;
}

img.emptytag {
 width: 15px;
 height: 15px;
}

.nav {
 font-size: 1.2em;
 font-weight: bold;
}

.firstnavsegment {
 margin-right: 0.8em;
}

.navsegment {
 margin-left: 0.8em;
 margin-right: 0.8em;
}

a.mainnav {
 padding: 0 0.6em;
}

a.mainnav:link {
 color: #222222;
 text-decoration: none;
}

a.mainnav:visited {
 color: #222222;
 text-decoration: none;
}

a.mainnav:hover {
 color: #FFFFFF;
 text-decoration: none;
}

.imgleft {
 margin-right: 1.14em;
 margin-bottom:  0.76em;
 float: left;
}

.imgright {
 margin-left: 1.14em;
 margin-bottom:  0.76em;
 float: right;
}

.adsright {
 padding-left: 1.14em;
 margin-bottom:  0.76em;
 float: right;
 color: #000000;
 background-color: #FFFFFF;
}

.adsleft {
 padding-right: 1.14em;
 margin-bottom:  0.76em;
 float: left;
 color: #000000;
 background-color: #FFFFFF;
}

.adscenter {
 text-align: center;
}

fieldset {
 padding: 0.38em;
 border-color: #000000;
}

img {
 border-width: 0em;
}

.footcomment {
 text-align: center;
}

.error {
 color: red;
 font-family: arial, serif;
}

.ok {
 color: green;
 font-family: arial, serif;
}

h1 {
 font-weight: normal;
}

h2 {
 font-weight: normal;
 border-style: solid;
 border-color: #000000;
 border-width: 0em 0em 0.1em;
}

h3 {
 font-weight: bold;
}

h4 {
 font-weight: bold;
 font-size: 1em;
}

.exampleheadercell {
 background-color: #AAAAAA;
 color: #000000;
 font-family: arial, serif;
 font-size: 1.1em;
 font-weight: bold;
}

.exampledarkcell {
 background-color: #888888;
 color: #FFFFFF;
 font-family: arial, serif;
 font-size: 1em;
}

.examplelightcell {
 background-color: #CCCCCC;
 color: #000000;
 font-family: arial, serif;
 font-size: 1em;
}

.exampleredcell {
 background-color: #FF0000;
 color: #FFFFFF;
 font-family: arial, serif;
 font-size: 1em;
}

.exampletable {
 border-style: solid;
 border-color: #000000;
 background-color: #000000;
}

.tutnav {
 font-weight: bold;
 font-size: 1.21em;
 text-align: center;
}

.nexttutorial {
 font-weight: bold;
 font-size: 1.21em;
 text-align: right;
}

.xhtmllist {
 list-style-image: url(http://www.htmlquick.com/img/item.gif);
}

.xhtmlsublist {
 list-style-image: url(http://www.htmlquick.com/img/item.gif);
 margin-top: 0.38em;
 margin-bottom: 0.38em;
}

.contactmsg {
 color: #000000;
 background-color: #B3DBFF;
 padding:  0.76em;
 border-style: solid;
 border-width: 0.08em;
 border-color: #000000;
}

.icon {
 vertical-align: middle;
}

.indexlist {
 padding-left: 0em;
 margin-left: 1.52em;
}

.codeframe {
 border-style: solid;
 border-width: 0.15em;
 padding: 0.08em;
}

.codeheader {
 color: #000000;
 background-color: #9EC7EB;
 padding: 0.38em;
 margin-bottom: 0.08em;
 text-align: center;
 font-weight: bold;
}

.codecontent {
 color: #000000;
 background-color: #B3DBFF;
 padding:  0.76em;
}

.footoptions {
 padding-top: 3em;
 text-align: center;
}

.rightpanel {
 margin-left: 1.14em;
 margin-bottom:  0.76em;
 float: right;
 width: 19em;
}

.boldbegin {
 font-weight: bold;
}

table.spacing1 {
 border-spacing: 0.08em;
}

table.floatleft {
 float: left;
 margin-right: 0.38em;
}

div.divide {
 float: left;
 clear: both;
 width: 100%;
}

table.urianalisis {
 border-collapse: collapse;
 width: 30em;
}

td.urianalisis {
 text-align: center;
 padding: 0.25em 1em
}

th.urianalisis {
 padding: 0.15em 1em
}

.waihide {
 display: none;
}

dt.bold {
 font-weight: bold;
}

.navbar {
 display: inline;
}

acronym {
 text-decoration: none;
 border-style: solid;
 border-color: #AAAAAA;
 border-width: 0.08em;
 background-color: #FFFFDD;
 padding-right: 0.08em;
 padding-left: 0.08em;
}

div.ieminheighttop {
 height: 775px;
 float: right;
 width: 1px;
}

div.ieminheightbottom {
 clear: both;
 height: 1px;
 overflow: hidden;
}

div.fcontainer {
 background-color: #92B3E5;
}

div.fcontent {
 padding: 2em 3em 3em 3em;
}

div.ft {
 background-image: url(http://www.htmlquick.com/img/ft.jpg);
 background-repeat: repeat-x;
 background-position: top;
}

div.fb {
 background-image: url(http://www.htmlquick.com/img/fb.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}

div.fl {
 background-image: url(http://www.htmlquick.com/img/fl.jpg);
 background-repeat: repeat-y;
 background-position: left;
}

div.fr {
 background-image: url(http://www.htmlquick.com/img/fr.jpg);
 background-repeat: repeat-y;
 background-position: right;
}

div.ftl {
 background-image: url(http://www.htmlquick.com/img/ftl.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}

div.ftr {
 background-image: url(http://www.htmlquick.com/img/ftr.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

div.fbl {
 background-image: url(http://www.htmlquick.com/img/fbl.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
}

div.fbr {
 background-image: url(http://www.htmlquick.com/img/fbr.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}

h2.form {
 margin: 0 1em 1em 1em;
 border: 0;
 text-align: center;
}

input.ffsend {
 width: 9em;
}

input.ff, textarea.ff {
 border: 0.2em black solid;
}

div.fflinecontainer {
 float: right;
 text-align: right;
 height: 3em;
}

div.fflabelcontainer {
 float: left;
 margin-top: 0.5em;
}

div.ffcontainer {
 background-color: #FFFFFF;
 float: right;
}

div.ffcontent {
 padding: 0.5em;
}

div.fft {
 background-image: url(http://www.htmlquick.com/img/fft.jpg);
 background-repeat: repeat-x;
 background-position: top;
}

div.ffb {
 background-image: url(http://www.htmlquick.com/img/ffb.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}

div.ffl {
 background-image: url(http://www.htmlquick.com/img/ffl.jpg);
 background-repeat: repeat-y;
 background-position: left;
}

div.ffr {
 background-image: url(http://www.htmlquick.com/img/ffr.jpg);
 background-repeat: repeat-y;
 background-position: right;
}

div.fftl {
 background-image: url(http://www.htmlquick.com/img/fftl.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}

div.fftr {
 background-image: url(http://www.htmlquick.com/img/fftr.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

div.ffbl {
 background-image: url(http://www.htmlquick.com/img/ffbl.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
}

div.ffbr {
 background-image: url(http://www.htmlquick.com/img/ffbr.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}