@import "iemac.css"; 

body { color: #000; background: #fff; margin: 5px; padding: 0; width: 770px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; }
.headerImg { margin-left:-9999px;}
img { display: block; border-style: none; }
img.left { margin: 0 15px 10px 0; float: left; }
img.right { margin: 0 0 10px 15px; float: right; }
.nobreak { white-space: nowrap; text-align:right; }
.inline { display: inline; }
.nomargin { margin: 0; padding: 0; }
.blue {color:#2155A5;}
.error { color:#FF0000;}
a {color:#0033CC;}
p.print {padding: 0 4px 0 0; }
p.print a { color:#5699AF; text-decoration:none; }
p.print a:hover {text-decoration:underline;}
p.print img{ float:right; padding-top:1px; }
p.print label {float:right; font-size:.8em; padding-left:2px; padding-right:4px; color:#5699AF;}

/* ---------------- TOP NAV ---------------- */
#banner { width: 775px; height: 75px; }
#banner h1 { margin: 0; padding: 0; }
#banner h1 img { float:left;}
#banner h2 {display:none;}

#banner #internet-safety-guide {padding-top:8px;}
#banner #internet-safety-guide a.guide {display:block; margin:0 10px; width:178px; height:23px; background-image:url(/img/topnav/btn_survival-guide-home.gif); float:left; }
#banner #internet-safety-guide a.tips {display:block; margin:0 10px; background-position:0 -23px; width:137px; height:23px; background-image:url(/img/topnav/btn_get-safety-tips.gif); float:left; }
#banner #internet-safety-guide a:hover.tips {background-position:0 0;}
#banner #internet-safety-guide a.download {display:block; margin:0 0 0 10px; background-position:0 -23px; width:140px; height:23px; background-image:url(/img/topnav/btn_get-full-guide.gif); float:left; }
#banner #internet-safety-guide a:hover.download {background-position:0 0;}

#banner #internet-safety-tips {padding-top:8px;}
#banner #internet-safety-tips a.guide {display:block; margin:0 10px; width:178px; height:23px; background-image:url(/img/topnav/btn_survival-guide-home.gif); background-position:0 -23px; float:left; }
#banner #internet-safety-tips a:hover.guide {background-position:0 0;}
#banner #internet-safety-tips a.tips {display:block; margin:0 10px; background-position:0 0px; width:137px; height:23px; background-image:url(/img/topnav/btn_get-safety-tips.gif); float:left; }
#banner #internet-safety-tips a:hover.tips {background-position:0 0;}
#banner #internet-safety-tips a.download {display:block; margin:0 0 0 10px; background-position:0 -23px; width:140px; height:23px; background-image:url(/img/topnav/btn_get-full-guide.gif); float:left; }
#banner #internet-safety-tips a:hover.download {background-position:0 0;}

#banner #download {padding-top:8px;}
#banner #download a.guide {display:block; margin:0 10px; width:178px; height:23px; background-image:url(/img/topnav/btn_survival-guide-home.gif); background-position:0 -23px; float:left; }
#banner #download a:hover.guide {background-position:0 0;}
#banner #download a.tips {display:block; margin:0 10px; background-position:0 -23px; width:137px; height:23px; background-image:url(/img/topnav/btn_get-safety-tips.gif); float:left; }
#banner #download a:hover.tips {background-position:0 0;}
#banner #download a.download {display:block; margin:0 0 0 10px; background-position:0 0px; width:140px; height:23px; background-image:url(/img/topnav/btn_get-full-guide.gif); float:left; }
#banner #download a:hover.download {background-position:0 0;}


/* ---------------- LEFT NAV ---------------- */
#leftnav { margin: 0; padding: 0; width: 104px;  float: left; }

#leftnavlinks { border-right:1px solid #d3e7f1; margin: 0 0 20px 0; padding: 0; width: 104px; }
#leftnavlinks li { color:#000; margin: 0; padding: 3px 0px 4px 3px; list-style-type: none; border-bottom: solid #fff 1px; margin: 0 -2px 0 0;  }
#leftnavlinks li a { margin: 0; padding: 0; color: #000; text-decoration: none; font-weight: bold; font-size: .95em; }
#leftnavlinks li a:hover { color:#fff; }
#leftnavlinks li.on  { background-color: #d3e7f1; margin: 0 -4px 0 0; border-right: solid #d3e7f1 2px; }

/* tritiary nav */
#leftnavlinks li ul { margin: 0; padding: 0; }


#leftnavlinks li ul li { line-height: 12px; margin: 0; padding: 3px 0 5px 10px; list-style-type: none; border-bottom-width: 0; }

#leftnavlinks li ul li a { font-size: .85em; }

#leftnav li.childOn { background: #afd9e9;width: 103px; }
/* line below will only appear in IE, in order to fix the "dissappearance of text" bug for this li */
* html #leftnav li.childOn { float:left;}
#leftnav li.childOn ul { display: block; }

/* ---------------- LEFTBOX ---------------- */
#leftnav div.leftBox { margin: 20px 0 0 4px; font-size: 11px; line-height: 12px; color: #fff; width: 95px; }
#leftnav div.leftBox h3 { margin: 0; padding: 10px 5px 5px 5px; font-size: 15px; }
#leftnav div.leftBox p { margin: 0 0 5px 0; padding: 0 5px 0 5px; }
#leftnav div.leftBox ul { margin: 0; padding: 0; }
#leftnav div.leftBox li { margin: 0; padding: 0; }
#leftnav div.leftBox form { margin: 0; padding: 0 5px; }
#leftnav div.leftBox fieldset { margin: 0; padding: 0; border-width: 0; }
#leftnav div.leftBox fieldset label { display: block; padding: 4px 0 0 15px; }
#leftnav div.leftBox fieldset input { margin: 0 3px; width: 10px; clear: left; float: left; }
#leftnav div.leftBox p.link { margin: 0 auto; padding: 0; text-align: center; width: 82px; }
#leftnav div.leftBox p.link a { margin: 5px 0 0 0; font-size: 12px; padding: 2px 0 0 0; color: #fff; text-decoration: none; display: block; width: 82px; height: 22px; background-repeat: no-repeat; background-position: center top; }
#leftnav div.leftBox p.link a:hover { color: #ccc; }
#leftnav div.boxbottom hr { display: none; }
#leftnav div.leftBox h3 { background-position: left top; background-repeat: no-repeat; }
#leftnav div.boxbottom { background-position: left bottom; background-repeat: no-repeat; }
#leftnav div.leftBox { background-position: left top; background-repeat: repeat-y; }
#leftnav div.leftBox p.link a strong { display: none; }
#leftnav div.leftBox p.link a.readIt { background-image: url(/img/buttons/btn_read-it.gif); }
#leftnav div.leftBox p.link a.printIt { background-image: url(/img/buttons/btn_print-it.gif); }
#leftnav div.leftBox p.link a.sendIt { background-image: url(/img/buttons/btn_send-it.gif); }
#leftnav div.leftBox p.link a.submitIt { background-image: url(/img/buttons/btn_submit-it.gif); }
#leftnav div.leftBox p.link a.signUp { background-image: url(/img/buttons/btn_sign-up.gif); }
#leftnav div.leftBox p.link a.supportUs { background-image: url(/img/buttons/btn_support-us.gif); }
#leftnav div.leftBox p.link a.getIt { background-image: url(/img/buttons/btn_get-it.gif); }


/* ---------------- BOXES ---------------- */
#leftBoxBlue { background-image: url(/img/leftnav/blu_bg.gif); }
#leftBoxBlue h3 { background-image: url(/img/leftnav/blu_top.gif); line-height:1px; }
#leftBoxBlue div.boxbottom { background-image: url(/img/leftnav/blu_btm.gif); height:7px; }
#leftBoxBlue a { color:#FFFFFF; text-decoration:none;}
#leftBoxBlue a:hover { text-decoration:underline;}

#leftBoxGreen { background-image: url(/img/leftnav/grn_bg.gif); }
#leftBoxGreen h3 { background-image: url(/img/leftnav/grn_top.gif);} 
#leftBoxGreen div.boxbottom { background-image: url(/img/leftnav/grn_btm.gif); height:7px; }

/* #leftBoxOrange { background-image: url(/img/leftnav/org_bg.gif); }
#leftBoxOrange h3 { background-image: url(/img/leftnav/org_top.gif);}
#leftBoxOrange div.boxbottom { background-image: url(/img/leftnav/org_btm.gif); height:7px; } */

#leftBoxPurple { background-image: url(/img/leftnav/prp_bg.gif); }
#leftBoxPurple h3 { background-image: url(/img/leftnav/prp_top.gif);}
#leftBoxPurple div.boxbottom { background-image: url(/img/leftnav/prp_btm.gif); height:7px; }

#leftBoxRed { background-image: url(/img/leftnav/red_bg.gif); }
#leftBoxRed h3 { background-image: url(/img/leftnav/red_top.gif);}
#leftBoxRed div.boxbottom { background-image: url(/img/leftnav/red_btm.gif); height:7px;}

#leftBoxWhite { background-image: url(/img/leftnav/tivo_bg.gif); background-color: #fff; color: #187AAE; }
#leftBoxWhite a { text-decoration: none; }
#leftBoxWhite h3 { background-image: url(/img/leftnav/tivo_top.gif); height: 81px; }
#leftBoxWhite h3 a { display: block; width: 75px; height: 81px; } 
#leftBoxWhite h3 a span { display: none; }
#leftBoxWhite h3 a.freeTivo,#leftnav div.leftBox p a.freeTivo { color: #187AAE; }
#leftBoxWhite p { margin: 0; padding: 0 5px 0 10px !important; }
#leftBoxWhite div.boxbottom { background-image: url(/img/leftnav/tivo_btm.gif); height: 7px; }
#leftBoxWhite p.link { padding: 0 !important; }
#leftBoxWhite p.link a.fullDetails { background-image: url(/img/leftnav/btn_get-full-details.gif); width: 85px; }

/* ---------------- PAGECOLUMN ---------------- */ 
div.columnheader { margin: 0; padding: 0; background: transparent url(/img/headers/hdr-pt_bg.gif) top left no-repeat; height: 28px; }
div.columnheader img { margin: 0; padding:0;}
#pagecolumn { margin:0; padding: 0; width: 770px; border-left: solid #5699af 1px; border-right: solid #5699af 1px; display: inline; float: left; background-color: #91c4dc;
/* IE5 Box Model Hack */ width: 768px !important; width /**/: 770px; }
#primarycontent { margin: 0; padding: 0 0 15px 0; background-color: #d3e7f1; float: right; width: 661px; width/**/: 663px; }
#whitebox { margin: 20px 0 20px 4px; padding: 0;  padding-bottom: 20px; width: 650px; background-color: #fff; border: solid #5699af 1px; float: left; }
div.pagecolumnbottom { clear: both; margin: 0; padding: 0; background: transparent url(/img/headers/b-rnd_770.gif) top left no-repeat; height: 13px; }
#article em { display: inline-block; }

/* ---------------- LEAD ARTICLE ---------------- */ 
div.leadArticle { margin: 15px 0 15px 15px; padding: 0; }
div.leadArticle h2 { margin: 0; padding: 0; font-size: 16px; }
div.leadArticle p { font-size: 1em; margin-right:5px; color:#666666; }
div.leadArticle ul,div.leadArticle ol {  font-size: 1em; }
div.leadArticle #onoffBox { border:1px solid #5699AF; width:50%; padding:5px 20px; }
div.leadArticle div.onoff p { padding: 0 5px 0 35px; }
div.leadArticle div.onoff img { width:25px; height:21px; float:left; margin: 0 10px 0 0; }
div.leadArticle .lead-p1 {width:300px; padding-top:10px; margin:0;}
div.leadArticle .lead2-3-container {position:relative; margin-top:5px;}
div.leadArticle .lead-p2 {width:300px; float:left; margin:10px 0 10px 0;}
div.leadArticle .lead-p3 {width:325px; float:right; margin:10px 5px 0 0;}

.tooltip{ width: 200px; font-weight:bold; font-size:.9em; text-decoration:none; clear:left;}
.tooltip span.top{padding: 30px 8px 0; background: url(/img/tooltip.gif) no-repeat top;}
.tooltip b.bottom{padding:3px 8px 15px;color: #548912; background: url(/img/tooltip.gif) no-repeat bottom;}
.tooltip span img{ float:left; margin:4px; margin-top:-3px;}

/* ---------------- CATEGORY COLUMNS ---------------- */ 
.leftColumn { float:left; width:325px; border-top:1px solid #5699AF; text-align:right; }
.leftColumn .odd { height:172px; margin:0; padding:0; clear:right; border-bottom:1px solid #5699AF; border-right:1px solid #5699AF;}
.leftColumn .even { height:172px; margin:0; clear:right; border-bottom:1px solid #5699AF; border-right:1px solid #5699AF; background-color:#edf7f9;}
.leftColumn h3 { margin:0; padding: 4px 0 0 4px; font-size:1em; line-height:1em;}
.leftColumn h3 a { text-decoration:none; color:#F75D08; }
.leftColumn h3 a:hover {text-decoration:underline; }
.leftColumn p { margin-top:0; padding-left:4px; font-size:.9em;}
.leftColumn p a.readmore { margin-top:10px; text-decoration:none;}
.leftColumn p a:hover.readmore { text-decoration:underline;}
.leftColumn img.bg { float:right; margin:0 0 0 4px; padding:0; }

.rightColumn { float:left;width: 325px; border-top:1px solid #5699AF; }
.rightColumn .odd { height:172px; margin:0; clear:left; border-bottom:1px solid #5699AF; background-color:#edf7f9;}
.rightColumn .even { height:172px; margin:0; clear:right; border-bottom:1px solid #5699AF;}
.rightColumn h3 { margin:0; padding: 4px 4px 0 0; font-size:1em; line-height:1em;}
.rightColumn h3 a { text-decoration:none; color:#F75D08; }
.rightColumn h3 a:hover { text-decoration:underline; }
.rightColumn p { margin-top:0; padding-right:4px; font-size:.9em;}
.rightColumn p a.readmore { margin-top:10px; text-decoration:none;}
.rightColumn p a:hover.readmore { text-decoration:underline;}
.rightColumn img.bg { float:left; margin:0 4px 0 0;}
/* ---------------- COLUMNSUB (TIPS) ---------------- */ 
div.columnsubheader-download { margin: 0; padding: 0; border-bottom: solid #5699af 1px; background: transparent url(/img/headers/hdr-sub_get-the-guides.gif) top center no-repeat; width: 650px; height: 24px; clear: both; }
div.columnsubheader-download h2 { display:none;}
div.columnsubheader-tips { margin: 0; padding: 0; border-bottom: solid #5699af 1px; background: transparent url(/img/headers/hdr-sub_page_common-sense-t.gif) top center no-repeat; width: 650px; height: 24px; clear: both; }
div.columnsubheader-tips h2 {display:none;}
div.columnsubheader-about { margin: 0; padding: 0; border-bottom: solid #5699af 1px; background: transparent url(/img/headers/hdr-sub_about-csm.gif) top center no-repeat; width: 650px; height: 24px; clear: both; }
div.columnsubheader-about h2 {display:none;}
div.columnsubheader-privacy { margin: 0; padding: 0; border-bottom: solid #5699af 1px; background: transparent url(/img/headers/hdr-sub_privacy.gif) top center no-repeat; width: 650px; height: 25px; clear: both; }
div.columnsubheader-video { margin: 0; padding: 0; border-bottom: solid #5699af 1px; background: transparent url(/img/headers/hdr-sub_page_safety-prtns.gif) top center no-repeat; width: 650px; height: 24px; clear: both; }
div.columnsubheader-video h2 {display:none;}
div.columnsub { background:#EEF6F9; margin:0; border-bottom:1px solid #81B6D5;}
div.columnsub p {margin:0 15px;}	
div.columnsub ol {margin-right:5px;}
div.columnIIodd {width:50%; float:left; text-align:center; background-color:#FFF; border-bottom:1px solid #81B6D5;}
div.columnIIeven {width:50%; float:left; text-align:center; background-color:#EEF6F9; border-bottom:1px solid #81B6D5;}
div.columnIIodd img {margin: 0 auto; border:none;}
div.columnIIeven img {margin: 0 auto; border:none;}

#pleaseRegister { background-color:#D7EBFF; width: 100%; height: 2000px; position: absolute; left: 0px; top: 0px; z-index: 99; opacity: .95; filter: alpha(opacity=95); padding-top: 150px; }
* html #pleaseRegister { width: 820px; }
#innerBox { margin: 100px 190px; padding: 10px; width: 500px; position: absolute; left: 0; top: 0; z-index: 98; background-color: #FFFFFF; text-align: center; border: 1px solid #000;filter: alpha(opacity=100); }
#innerBox h2 {text-align:left; margin:0; font-size:1.2em;}
#innerBox h3 {text-align:left; margin:0; font-size:1.2em;}
#innerBox p { text-align:left; }
#innerBox img { margin: auto; }
#innerBox .cookieWarning { padding: 5px 0; font-size: 10px; font-weight: normal; }
table.subscribe { clear:both; width:90%; }
table.subscribe td {text-align:left; vertical-align:top; padding:2px;}
table.subscribe td.footer {text-align:center; padding-top:15px; background:none; font-size:.9em;}


/* ---------------- FOOTER ---------------- */ 
#footer { margin: 10px; padding: 0; clear: both; font-size: .8em; text-align: center }
#footer ul,
#footer p { margin: 0; padding: 5px; }
#footer ul li { display: inline; margin: 0; padding: 0 5px; }