html { overflow-y: scroll; min-width:928px; max-width:1510px;}
body { font:10pt/13pt Arial,"MS Sans Serif"; background-color:#F4F4F4; color:#2D3021;  min-width:928px; max-width:1510px;margin:10px auto; padding:0 5px; }
ol,ul,li,h1,h2,h3,h4,h5,form,table,td,tr { margin:0; padding:0; }
ul { padding-left:1.1em; margin-left:3em; }
li { margin:2px 0}
.rundown ul,.rundown li,.homerun ul,.homerun li { margin:0 }
p { text-align:left; text-indent:1.2em; margin:0.5em 0.5em; }
h3 { color:#30758B; font-size:12pt; }
h2 { color:#ffffff; font-size:20pt; line-height:20pt; font-weight:bold; margin-top:2px; }
h4 { color:#A7A7A7; text-align:center; margin-bottom:2px; font-size:10pt; }

.box { float:left; }
.homecat { font-size:1.2em; line-height:1.1em; margin-left:33px; font-weight:bold; text-align:center; }
.overlay { float:right;margin:-2px -7px 0 0;cursor:pointer;}
.cat { font-size:2em; line-height:1em; font-weight:bold; text-align:center; }
.morecats { text-align:right; color:#2D3021; font-size:0.8em; }

td.basic { width:49%; }
td.advanced { width:51%; }
h4.basic { color:#007102; text-align:center; margin-bottom:0px; }
.basic a:hover,.basic ul { color:#007102; }
h4.advanced { color:#A63101; text-align:center; margin-bottom:0px; }
.advanced a:hover { color:#E12101; }
.high h4 { color:black; margin-top:5px; }

.sites span { width:125px; }
.recips span { margin:0px 0.5% 0.5%; }
.rules { font-size:0.8em; }
.rules li { text-align:left; }

.cc { text-align:center; }
.cc p { text-align:center; display:inline; font-size:0.8em; }
.cc p img { margin-bottom:3px; }
.cc span { vertical-align:top; margin:0px 1.5% 1% 1.5%; display:table-cell; display:inline-table; display:inline-block; }

a { color:#30758B; text-decoration:none; font-weight:bold; }
a:hover { color:#A63101; text-decoration:none; }
h2 a { color:#ffffff; }
h2 a:hover { color:#30758B; }

.high a { color:#F5F894; text-decoration:none; font-weight:bold; }
.high a:hover { color:#FAFBEA; text-decoration:underline; }

.center { text-align:center; margin:10px 0; }

.ad { display:block; text-align:center; }
.gad,.gadborder { text-align:center; margin-left:15px;margin-right:15px; }
.gad a { font-size:90%; }
.gad div { font:13px/15px Arial; text-align:left; max-width:160px; margin:15px auto 0; }
.gad div a { font-size:100%; color:#A63101; text-decoration:underline; }
.gad div a:hover { color:#A63101; text-decoration:none; }
.gad div div { font:9px/12px Arial; width:auto; margin:0; padding:0 0 15px; color:#000000; }
.gadborder img { border:1px solid #D0D0D0; }
.crumbs { text-align:center; font-size:8pt; clear:both;}
.crumbs a { font-weight:normal;}
.crumbs div {min-width:52px;height:20px;padding:40px 5px 0;text-align:center;display:-moz-inline-stack;display:inline-block;vertical-align:top;margin:1px 0;zoom: 1;*display: inline;}
.crumbs .home {background:transparent url(/img/home.png) no-repeat 50% 4px}
.crumbs .internet {background:transparent url(/img/internet.png) no-repeat 50% 4px}
.crumbs .multimedia {background:transparent url(/img/multimedia.png) no-repeat 50% 4px}
.crumbs .communicate {background:transparent url(/img/communicate.png) no-repeat 50% 4px}
.crumbs .text-office {background:transparent url(/img/text-office.png) no-repeat 50% 4px}
.crumbs .desktop {background:transparent url(/img/desktop.png) no-repeat 50% 4px}
.crumbs .security {background:transparent url(/img/security.png) no-repeat 50% 4px}
.crumbs .organizer {background:transparent url(/img/organizer.png) no-repeat 50% 4px}
.crumbs .disk-file {background:transparent url(/img/disk-file.png) no-repeat 50% 4px}
.crumbs .system {background:transparent url(/img/system.png) no-repeat 50% 4px}
.crumbs .development {background:transparent url(/img/development.png) no-repeat 50% 4px}
.crumbs div:hover {background-color:#fff;cursor:pointer}
.crumbs div.current {background-color:#DDEAEE}

#logo,#top,.cnt-l,.col-l,.col-r,#footer,.cnt-full { overflow:hidden; display:inline-block; }
#footer,.cnt-full { width:100%; } /* safari and opera need this */
.cnt-l,.cnt-full { float:left; }
.col-r { float:right;}
#logo { width:79.2%; min-width:450px; height:57px; text-align:left; cursor:pointer; margin-top:3px;}
#logo h1 { width:450px; height:57px; position:relative; margin:0 auto; }
#logo h1 span { background-image:url(img/toolslisting.gif); position:absolute; width:100%; height:100%; }
#top { width:20%;float:right;} /* leaving room for rounding error (MSIE5.5) */
.cnt-l { width:79.2%; }
.col-l,.col-r { width:20%; min-width:132px; }
.col-r { margin-left:0.8%; margin-bottom:1em; }
.col-l { float:left; clear:left; }
#footer { clear:both; text-align:left; font-size:0.7em; margin-top:5px; border-top:2px solid #D0D0D0; }

.a,.b,.b div,.c  { background:transparent url(img/box-l.gif) no-repeat top left; }
.a              { padding-left:13px; margin:0; }
.b              { margin-left:-13px; padding-left:18px; background-position:bottom left; }
.b div           { padding:13px 13px 0px 0px; background-position:bottom right; margin:0; border:0; height:auto !important; height:1%; }
* html .b div    { padding-top:0px; font-size:4px; }
.c              { padding:6px 13px 0px 0px; background-position:top right; }

.cnt-l .ta,.cnt-l .tb,.cnt-l .tb div,.cnt-l .tc { background:transparent url(img/rundown-r.gif) no-repeat top right; }
.cnt-l .ta      { padding:0 4px 0 0; margin:0; }
.cnt-l .tb      { margin:0 -4px 0 0; padding:0 13px 0 0; background-position:bottom right; }
.cnt-l .tb div   { padding:4px 0 0 0; background-position:bottom left; margin:0; border:0; height:auto !important; height:1%; }
* html .cnt-l .tb div { padding:0; font-size:4px; }
.cnt-l .tc      { padding:2px 0 0 6px; background-position:top left; }

.high,.high .b,.high .b div,.high .c { background-image:url(img/box_hi.gif); }
.white,.white .b,.white .b div,.white .c { background-image:url(img/box_gr.gif); }
.high,.white { margin-top:3px; }
.white .c div { padding-left:10px; }
.white .c div a,.tc a { text-decoration:none; }
.white .c div img { vertical-align:middle; }
.addthis_toolbox { width:140px; padding:0; margin:8px auto 0; font-size:7pt; }

* html ol { margin-left:40px; }
.ie { font-size:1px; line-height:1px; } /* to suppress the ie background bug */

.c h2           { text-align:right; padding-left:0px; padding-right:5px; }
.overview { text-align:center; margin-bottom:1em; }
.homep { text-align:center;display:inline; margin:0; text-indent:0; }
.homerun        { vertical-align:top; display:table-cell; display:inline-table; display:inline-block; width:173px; text-align:left; color:#A63101; margin:0px 10px 5px 0px; font-weight:bold; }
.rundown        { width:300px; float:left; color:#A63101; font-size:100%; font-weight:bold; margin:7px 10px 0px 1px; vertical-align:bottom; }
.rundown a,.homerun a      { font-weight:normal; color:#0B5973; font-size:90%; }
.rundown a:hover,.homerun a:hover { color:#0B5973; text-decoration:underline; }
.homecat a { font-weight:bold;}
.runcat a       { font-weight:bold; color:#727272; font-size:120%; }
.runcat         { text-align:center; }
.sub1,.sub2,.sub3,.sub4 { float:right; clear:right; text-align:right; padding:0px 0px 0px 5px; height:1.3em; color:white; font-size:13px; border:0px solid black;}
.sub1           { width:390px; }
.sub2           { width:345px; }
.sub3           { width:260px; }
.sub4           { width:210px; height:1.9em; }
.main           { padding:3px 3px 3px 6px; }
.main img       { vertical-align:middle; }
#top            { text-align:right; margin-bottom:4px; }
#top div        { font-size:1.1em; font-weight:bold; color:#007102; margin-bottom:4px; }
#top div span   { font-style:normal; color:#A63101; }
#top span       { font-style:italic; white-space:nowrap; }

.tool           { width:628px; height:45px; }
.nr,.label,.links,.logo { float:left; text-indent:0; height:45px; }
.title,.stitle,.sstitle,.name,.sname,.ssname { font-size:1em; font-weight:bold; color:#727272; }
.stitle         { font-size:0.9em; line-height:1.3em; padding:0 0 0.1em 0; }
.sstitle        { font-size:0.8em; line-height:1.3em; padding:0 0 0.1em 0; }
.name           { line-height:1.7em; }
.sname          { font-size:0.9em; line-height:1.4em; }
.ssname         { font-size:0.8em; line-height:1.4em; }
.nr             { width:45px; font:42px/42px Arial; color:#727272; margin-right:7px; text-align:right; }
.label          { width:220px; margin-top:2px; text-align:center;}
.title,.stitle,.sstitle  { border-bottom:2px solid #D0D0D0; }
.links          { width:105px; font-size:1em; vertical-align:middle; }
.links a        { line-height:1.5em}
.logo           { width:84px; text-align:center; }
.runner-up      { width:140px; height:36px; margin-left:1em; padding:8px 0 0 0.6em; float:left; font:11px/13px Arial,"Trebuchet MS","MS Sans Serif","Courier New"; line-height:13px; border-left:2px solid #D0D0D0; color:#8F8F8F; text-align:left; }
.runner-up a    { color:#8F8F8F; font-weight:normal; text-decoration:underline; }
.runner-up a:hover { text-decoration:none; }
.review         { padding:2px 0px 8px; }
.review p       { clear:left; }