Check back often. The CSS of this site does change on a regular basis.
If you find anything on this site usefull, consider a donation by using any of the paypal buttons spread around.
Last modified to include Firefox 13 changes to rounded borders. Prior to 13 the "-moz-border-radius:" was used. Now it is achieved with "border-radius:" tag. Currently, 3 tags are used for 3 different browser families.
To give rounded borders to everything except Internet Exploiter, this is an example:

02 March 2013 - Removed the -moz & -webkit tags as most browsers work without them now.

Please note the lack of advertising on this site.

Collecting For A Server Upgrade  

CruzIT CSS file was last updated: August 27 2021 15:45:03.
Scroll down to read through it or Download it here. (Right Click and "Save Link As...")

html{font-size:110%;/*silly ie hack*/}
body{
/*background-color: #f2f0e6;*/
background-color: #F9FBFC;
color: #102090;
font-family: Georgia, "Bitstream Charter", "URW Bookman L", serif;}
body{font-size:1em;}
body{margin-left:1%;margin-right:1%;}
h1
{
color:#055ad4;
}
h1.center
{
color:#055ad4;
text-align:center;
}
h2
{
color:#077ab4;
}
.head2
{
color:#055ad4;
font-size:1.26em;
text-decoration:none;
font-weight:bold;
}
.head2center
{
color:#055ad4;
font-size:1.26em;
text-decoration:none;
font-weight:bold;
text-align:center;
}
h3
{
color:#077ab4;
}
.head3teal
{
color:#077ab4;
font-size:1.16em;
text-decoration:none;
font-weight:bold;
}
.head3
{
color:#055ad4;
font-size:1.16em;
text-decoration:none;
font-weight:bold;
}
.head3center
{
color:#055ad4;
font-size:1.16em;
text-decoration:none;
font-weight:bold;
text-align:center;
}
h4
{
color:#077ab4;
}
.head4
{
color:#077ab4;
font-size:1.13em;
text-decoration:none;
font-weight:bold;
}
.head4center
{
color:#077ab4;
font-size:1.13em;
text-decoration:none;
font-weight:bold;
text-align:center;
}
.head5
{
color:#077ac5;
font-size:1.0em;
text-decoration:none;
font-weight:bold;
}
.head5center
{
color:#077ac5;
font-size:1.0em;
text-decoration:none;
font-weight:bold;
text-align:center;
}
.keyfloatz
{
float:right;
margin-right:0em;
margin-bottom:0em;
width:auto;
}
div.loginmessage
{
float:right;
border:2px solid #ddddff;
border-radius:12px;
box-shadow: #B3B3B3 12px 12px 12px;
background-color: #ffffff;
margin:0.0em .2em .2em 0.0em;
padding:0.4em;
text-align:center;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;width:auto;
}
.likepre1
{
border: 1px inset;
margin-left: 1em; margin-right: 1em;
margin-top: 1em; margin-bottom: 1em;
padding: .7em; overflow: auto; 
width: auto; height: auto;
text-align: left;
}
.likepre4
{
border: 1px inset;
margin-left: 4em; margin-right: 4em;
margin-top: 4em; margin-bottom: 4em;
padding: .7em; overflow: auto; 
width: auto; height: auto;
text-align: left;
}
.likepre41
{
border: 1px inset;
margin-left: 4em; margin-right: 4em;
margin-top: 1em; margin-bottom: 1em;
padding: .7em; overflow: auto; 
width: auto; height: auto;
text-align: left;
}
.likeprenomargin
{
border: 1px inset;
padding: .7em; overflow: auto; 
width: auto; height: auto;
text-align: left;
}
.prenobordernomargin
{
padding: .7em; overflow: auto; 
width: auto; height: auto;
text-align: left;
}
pre.code
{
border: 1px inset;
margin-left: 4em; margin-right: 4em;
padding: .7em; overflow: auto; 
width: auto; height: auto;
text-align: left;
}
pre.rbl
{
border: 1px inset;
margin-left: .2em; margin-right: .2em;
padding: .7em; overflow: auto; 
width: auto; height: auto;
text-align: left;
}
pre.info
{
border: 1px inset;
margin-left: .2em; margin-right: .2em;
padding: .7em; overflow: auto; 
width: auto; height: auto;
text-align: left;
}
.blue501
{
    color: #1945aa;
}
.threedollargreen
{
    color: #30a020;
}
.highliter
{
background-color:#efef00;
color:navy;
}
.highliterbold
{
background-color:#efef00;
color:navy;
font-weight:bold;
}
.highliterbutton
{
background-color:#efef00;
font-weight:bold;
padding:0.15em;
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 10px 10px 10px;
text-shadow: 0 -1px 0 #B3B3B3;
}
.highliterbuttonmedium
{
background-color:#efef00;
font-size:1.5em;
font-weight:bold;
padding:0.15em;
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 10px 10px 10px;
text-shadow: 0 -1px 0 #B3B3B3;
}
.smallhighliter
{
background-color:#efef00;
color:navy;
font-size:0.9em;
font-weight:normal;
}
.smallhighliterbutton
{
background-color:#efef00;
color:navy;
font-size:0.9em;
font-weight:normal;
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 10px 10px 10px;
}
.tinyhighliterbutton
{
background-color:#efef00;
color:navy;
font-size:0.7em;
font-weight:normal;
border:1px solid #48aada;
/*border-radius:8px;
box-shadow: #B3B3B3 8px 8px 8px;*/
}
.highlitetheback
{
background-color:#efef00;
}
.tinybutton
{
font-weight:bold;
padding:0.15em;
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 10px 10px 10px;
text-shadow: 0 1px 0 #B3B3B3;
}
.redalert
{
background-color:#ef0000;
color:#efef00;
border:1px solid #48aada;
border-radius:10px;
}
.boldshadowtexter
{
font-weight:bold;
text-shadow: 0.1em 0.2em 0.15em #555599;
}
.embossey
/*experimental*/
{
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 10px 10px 10px;
font-weight:bold;
color: #30a020;
text-shadow: 1px 1px white, -1px -1px #444;
letter-spacing: 2px;
background-color:#90f0a0;
padding:0.18em;
}
a:link
{
color:navy;
}
a:visited
{
color:#30a020;
}
a:active
{
color:#ffa500;
background-color:#ddddff;
}
a:hover
{
color:navy;
background-color:#ddddff;
}
a.nodec:link
{
color:inherit;
}
a.nodec:visited
{
color:inherit;
}
a.nodec:active
{
color:inherit;
background-color:transparent;
}
a.nodec:hover
{
color:inherit;
background-color:transparent;
}
a.spambo:link
{
color:#111111;
}
a.spambo:visited
{
color:#111111;
}
a.spambo:active
{
color:#111111;
background-color:transparent;
}
a.spambo:hover
{
color:#111111;
background-color:transparent;
}
ul.linxlist
{
float:left;
width:auto;
padding:0.25em;
margin:0em 1.0em 0em 1.2em;
text-align:center;
list-style-type:none;
}
a.linx
{
float:left;
width:auto;
font-size:0.9em;
text-decoration:none;
font-weight:bold;
color:white;
background-color:blue;
padding:0.5em;
border:1px solid #4477dd;
}
a.linx:hover {
background-color:#4477dd;
border:1px ridge red;
font-weight:bold;
color:navy;
}
li.linxlister {
display:inline;
}
img
{
border:none;
}
img.specialgreen
{
border: 2px ridge #00dd00;
background-color:transparent;
margin-left: .1em; margin-right: 1em;
padding: .2em; 
width: auto; height: auto;
}
img.specialred
{
border: 3px ridge #ff0000;
background-color:yellow;
margin-left: .1em; margin-right: 1em;
padding: .2em; 
width: auto; height: auto;
}
div.leftfloat
{
float:left;width:auto;
}
div.rightfloat
{
float:right;width:auto;
}
hr.tophead
{
color:inherit;
background-color:#48aada;
width:98%;
height:7px;
}
div.hrtop
{
background-color:#48aada;
margin:0;
padding:0.1em;
text-align:center;
font-size:0.16em;
text-decoration:none;
font-weight:bold;
border:1px solid #1945aa;
border-radius:5px;
}
div.hrcontent
{
position:relative;
width:59.5%;
height:0.9em;
margin:0% 13% 2% 20.5%;
background-color:#48aada;
text-align:center;
text-decoration:none;
font-weight:bold;
border:1px solid #aaaaff;
border-radius:7px;
}
div.ippic
{
float:left;width:auto;
}
div.maincontent
{
width: auto;
margin:0% 14% 2% 14%;
padding:.9em;
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 12px 12px 12px;
background-color: #ffffff;
}
div.maincontentcenterit
{
margin-left:auto;
margin-right:auto;
width:70%;
padding:0;
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 12px 12px 12px;
background-color: #ffffff;
}
div.logoholder
{
margin-left:auto;
margin-right:auto;
width:72%;
padding:0;
text-align:center;
}
div.formzbox
{
margin-left:auto;
margin-right:auto;
width:92%;
padding:0;
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 12px 12px 12px;
}
div.formzbox_maincontent
{
text-align:center;
margin-left:auto;
margin-right:auto;
width:32%;
padding:0;
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 12px 12px 12px;
}
div.maincontentnm
{
width: auto;
padding:.9em;
border:1px solid #48aada;
border-radius:10px;
}
div.littlebutton
{
margin-left:auto;
margin-right:auto;
width:77%;
padding:0.2em;
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 10px 10px 10px;
text-shadow: 0 -1px 0 #B3B3B3;
background-image: url(../images/w9.jpg);
background-position: 100% 100%; background-repeat: no-repeat;
}
div.contentnb
{
width: auto;
margin:0% 14% 2% 14%;
padding:.9em;
}
div.specialcontent {
position:absolute;
left:50%;
width:500px;
margin-top:50px;
margin-bottom:50px;
margin-left:-266px;
padding:15px;
border:1px solid #48aada;
}
div.tsspecialcontent {
position:absolute;
left:28%;
width:700px;
margin-top:50px;
margin-bottom:50px;
/*margin-left:-266px;*/
padding:15px;
border:1px solid #48aada;
border-radius:10px;
}
p.centerp
{
text-align:center;
margin:.5em 1em .5em 1em;
}
p.leftp
{
text-align:left;
margin:.5em 1em .5em 1em;
}
div.leftlink
{
float:left;
width:11%;
margin-right:2%;
border:2px solid #ddddff;
border-radius:12px;
padding:1px;
text-align:center;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;
box-shadow: #B3B3B3 12px 12px 12px;
background-color: #ffffff;
}
div.rightlink
{
float:right;
width:11%;
margin-left:2%;
border:2px solid #ddddff;
border-radius:12px;
padding:1px;
text-align:center;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;
box-shadow: #B3B3B3 12px 12px 12px;
background-color: #ffffff;
}
div.rightfill
{
float:right;
width:11%;
margin-left:2%;
padding:1px;
text-align:center;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;
}
div.smallpromo
{
position:relative;
margin-right:32%;
margin-left:33%;
border:2px solid #ddddff;
border-radius:12px;
padding:1px;
text-align:center;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;
background-color:#ddeeff;
}
div.ibox
{
width:190px;
position:relative;
margin:2em 28% 2em 40%;
padding:1em;
}
div.lc {
/*position:absolute;
left:58%;*/
text-align:center;
margin-top:10px;
margin-bottom:10px;
/*margin-left:-266px;*/
margin-left:40%;
margin-right:40%;
padding:15px;
/*
border:1px solid #48aada;
-moz-border-radius:10px;
-webkit-border-radius:10px;
*/
}
div.quotebox
{
position:static;
width:57%;
margin:2em 10% 2em 19.5%;
padding:1em;
border:2px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 12px 12px 12px;
}
div.autosizer {
margin-left:auto;
margin-right:auto;
width:14em;
padding:0;
text-align:center;
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 12px 12px 12px;
background-color: #ffffff;
}
div.gvoice {
width:14.6em; margin:0 auto;
border:2px solid #ddddff;
border-radius:12px;
}
p.lightbluequote
{
font-size:1.2em;
text-align:center;
font-weight:bold;
color:#077ab4;
/*color:#48aada;*/
}
p.smallbluecopy
{
font-size:0.8em;
text-align:center;
font-style:italic;
font-weight:bold;
color:#077ab4;
}
p.smallbluequote
{
font-size:0.9em;
text-align:center;
font-style:italic;
font-weight:bold;
color:#077ab4;
}
td.smallbluequote
{
font-size:0.9em;
text-align:center;
font-style:italic;
font-weight:bold;
color:#077ab4;
}
p.tinybluequote
{
font-size:0.6em;
text-align:center;
font-style:italic;
font-weight:bold;
color:#077ab4;
}
p.stats
{
font-size:0.8em;
text-align:center;
font-style:italic;
font-weight:bold;
color:#077ab4;
}
.disclaim
{
font-size:0.6em;
font-style:italic;
font-weight:bold;
color:#077ab4;
}
p.rlu
{
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;
}
.timeit
{
font-size:0.9em;
text-decoration:none;
font-weight:bold;
color:#077ab4;
}
.rightlinx
{
float:right;width:auto;
border:2px solid #ddddff;
border-radius:10px;
padding:2px;
}
.leftlinx
{
float:left;width:auto;
border:2px solid #ddddff;
border-radius:10px;
padding:2px;
}
.ffrightlinx
{
float:right;width:auto;
border:2px solid #ddddff;
border-radius:12px;
margin-left:2%;
margin-right:4%;
padding:0.2em;
text-align:center;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;
}
.ffleftlinx
{
float:left;
border:2px solid #ddddff;
border-radius:12px;
margin-left:2%;
margin-right:2%;
padding:0.2em;
text-align:center;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;width:auto;
}
.gadrightlinx
{
float:right;
border:2px solid #ddddff;
border-radius:12px;
margin-left:1.8%;
padding:0.2em;
text-align:center;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;width:auto;
}
.gadleftlinx120x600
{
float:left;
border:2px solid #ddddff;
border-radius:10px;
padding:0.1em;width:auto;
}
.pprightlinx
{
float:right;
margin-left:5%;
border:2px solid #ddddff;
border-radius:12px;
padding:1px;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;width:auto;
}
.ppleftlinx
{
float:left;
margin-right:5%;
border:2px solid #ddddff;
border-radius:12px;
padding:1px;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;width:auto;
}
.ppcenterlinx
{
position:relative;
margin-right:35%;
margin-left:35%;
border:1px solid #48aada;
border-radius:10px;
box-shadow: #B3B3B3 12px 12px 12px;
background-color: #ffffff;
padding:2px;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
color:#077ab4;
}
div.thirdpartylogo
{
width:auto;
}
/*Line breaks*/
br.all{
clear: both;}
br.right
{clear: right;}
br.left
{clear: left;}
/*spacers*/
div.point01{
  font-size: 0.01em;margin:0;
}
div.point02{
  font-size: 0.02em;margin:0;
}
div.point03{
  font-size: 0.03em;margin:0;
}
div.point04{
  font-size: 0.04em;margin:0;
}
div.point05{
  font-size: 0.05em;margin:0;
}
div.point06{
  font-size: 0.06em;margin:0;
}
div.point07{
  font-size: 0.07em;margin:0;
}
div.point08{
  font-size: 0.08em;margin:0;
}
div.point09{
  font-size: 0.09em;margin:0;
}
div.point1{
  font-size: 0.1em;
}
div.point1cl{
  font-size: 0.01em;clear: left;
}
div.point1cr{
  font-size: 0.01em;clear: right;
}
div.point2{
  font-size: 0.2em;
}
div.point3{
  font-size: 0.3em;
}
div.point4{
  font-size: 0.4em;
}
div.point5{
  font-size: 0.5em;
}
div.spacer1{
  font-size: 1em;
}
div.spacer2{
  font-size: 2em;
}
div.spacer2point25{
  font-size: 2.25em;
}
div.spacer2point5{
  font-size: 2.5em;
}
div.spacer3{
  font-size: 3em;
}
div.spacer4{
  font-size: 4em;
}
div.spacer5{
  font-size: 5em;
}
div.spacer10{
  font-size: 10em;
}
div.spacer25{
  font-size: 25em;
}
div.spacer50{
  font-size: 50em;
}
div.timerz{
font-weight:bold;
}
/*table related */
table.center {
margin-left:auto; margin-right:auto;
}
/*forms related*/
input.small
{
width:90%;
}
input,textarea,.formelement,select { 
font-weight:normal; font-size: 0.9em;
background-color: rgb(230, 240, 255);
color: navy;
border-top:rgb(044, 019, 102) 1px solid;
    border-left: rgb(044, 019, 102) 1px solid; 
    border-bottom: rgb(044, 019, 102) 1px solid; 
    border-right: rgb(044, 019, 102) 1px solid; 
}
.booton {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight:normal; font-size: 10pt;
background-color: rgb(214, 244, 202);
background-image: url(../images/w9.jpg);
background-position: 100% 100%; background-repeat: no-repeat; 
color: #105020;
    border-top: #e0e0e0 2px solid; 
    border-left: #c0c0c0 2px solid; 
    border-bottom: #202030 2px solid; 
    border-right: #707080 2px solid; 
}
/*New menu*/
#noomenu {
width:auto;height:auto;
background:transparent;
text-align:center; margin:0 auto;clear:left;white-space: nowrap;
}
#noomenu ul {
margin:0; padding:0; list-style:none; white-space:nowrap;
text-align:left; border:1px solid #321;
border-radius:12px;
box-shadow: #717171 10px 10px 10px;
background:url(/images/mbg.png); background-repeat: repeat;
z-index:101;
}
#noomenu ul {display:inline-block;} 
#noomenu ul {display:inline;}

#noomenu li {margin:0; padding:0; list-style:none;}
#noomenu li {display:inline-block; display:inline;}
#noomenu ul ul {position:absolute; left:-9999px;}
#noomenu ul.step1 {display:table; margin:0 auto;}
#noomenu ul.step1 li.step1-li {float:left; display:block; position:relative;
width:auto;}

#noomenu b {position:absolute;} /* -- IE6 stop the flicker --*/

#noomenu a {display:block; font:normal .9em verdana,arial,sans-serif;
background:transparent; color:#ddddff; line-height:25px; text-decoration:none;
padding:0 20px;}
#noomenu ul.step1 li.step1-li a.step1-a {float:left;width:auto;}

#noomenu a.step1-nodrop:hover {float:left;background:transparent;
color:rgb(255,200,60);width:auto;}

#noomenu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#noomenu ul ul li:hover > ul {visibility:visible; left:100%; top:auto;
 margin-top:-25px;}
#noomenu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#noomenu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%;
 top:auto; margin-top:-25px;}

#noomenu a:hover ul {left:0; top:23px;}
#noomenu li.left a:hover ul {left:auto; right:-1px; top:23px;}
#noomenu li.left ul a {text-align:right;}

#noomenu a:hover a:hover ul, 
#noomenu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#noomenu li.left a:hover a:hover ul, 
#noomenu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#noomenu a:hover ul ul, 
#noomenu a:hover a:hover ul ul {left:-9999px;}
#noomenu li.left a:hover ul ul, 
#noomenu li.left a:hover a:hover ul ul {left:-9999px;}

#noomenu li a.drop {background:url(/images/dropdownblue.png) no-repeat right center;}
#noomenu li a.pop {background:url(/images/forward.png) no-repeat right center;}
#noomenu li.left ul a.pop {background:url(/images/back.png) no-repeat left center;}

#noomenu li a:hover,
#noomenu li a.pop:hover {color:rgb(255,200,60); white-space:nowrap;} 
#noomenu li:hover > a,
#noomenu ul li:hover > a.pop {color:rgb(255,200,60); white-space:nowrap;}

/* noomenu table stuff for ie6 commented out in case we lift moritorium against ie6
#noomenu table {position:absolute; height:0; width:0; left:0; 
border-collapse:collapse; margin-top:-4px;}
#noomenu table table {position:absolute; left:99%; height:0; width:0; 
border-collapse:collapse; margin-top:-29px;}

#noomenu li.left table {position:absolute; height:0; width:0; left:auto; 
right:0; border-collapse:collapse; margin-top:-4px;}
#noomenu li.left table table {position:absolute; left:auto; right:100%; 
height:0; width:0; border-collapse:collapse; margin-top:-29px;
}
*/
/*New Menu End*/
/*Bahloon - baloon/tooltip thing*/
a.bahloon {
color:#c00;
}
a.bahloon b {
display:none;
}
a.bahloon:hover {
border:0; position:relative; z-index:500; text-decoration:none;cursor:help;
}
a.bahloon:hover b {
display:block; position:absolute; top:20px; left:-25px; 
padding:5px; font-weight:normal; color:#077ab4; border:1px solid #ff0; 
background-color:#e6f0ff; width:222px;
}
a.bahloon:hover b em.outer {
position:absolute; left:20px; top:-8px; width:0; 
height:0; display:block; background:transparent; border-left:7px dashed #ff0; 
border-right:7px dashed #ff0; border-bottom:7px solid #ff0; overflow:hidden; 
z-index:100;
}
a.bahloon:hover b em.inner {
position:absolute; left:20px; top:-7px; width:0; height:0; 
display:block; background:transparent; border-left:7px dashed #ff0; 
border-right:7px dashed #ff0; border-bottom:7px solid #8cc; overflow:hidden; 
z-index:100;
}