body{
margin: 0px; 
background-color: #EEE; 
height:100%;
width:100%;
text-align:center;
}
.outline{
width:1000px;
margin:0px auto;
background:url(http://computerworld.co.nz/cw/2007/img/outlinbg.gif);
height:auto;
text-align:left;

}
.content{
margin-left:20px;
width:960px;
border-top:2px solid #999999;
border-bottom:2px solid #999999;
margin-top:0;

}
.idg-nav{
margin-bottom:6px;
}
.idgmenu{
margin:0;
}
.adbanner{
margin:0;
padding: 5px 0px; background-color: #eeeeee;
text-align:center;
height:120px;
}
form{
margin:0;

}

.new-menu{
margin:0;
padding:0px;
width:960px;
clear:both;
/*width:956px;
border-right:2px solid #45B0C5;
border-left:2px solid #45B0C5;
*/
}
.new-menu form{
margin:0; 
padding:0;
}
.new-menu input{
margin-right:12px;
font: normal 9px/10px Verdana, Arial, Helvetica, sans-serif;
vertical-align:middle;
padding:0;

}

.thisweekpic{
margin:0 5px 5px 0;
float:left;
}
.wp_pdf_img{
border:1px solid #cccccc;
width:60px;height:80px;
margin:0 5px 5px 0;
float:left;
}

.new-menu img{

margin:2px 0;
padding:0;
vertical-align:middle;
}
#query{
height:16px;
}

.new-menu img#firstimg{

margin-left:6px;
padding:0;
vertical-align:middle;
}
.logo{
margin:3px 0 0px 0;
padding:0;
height:127px;
}
.logo img{
margin-top:0px;
}
.tickerpart{
background-color:#45B0C5;
}

.leftcontent{

border-right:1px dotted #CCC;
vertical-align: top;
width:774px;
}

.leftcontent hr{width:inherit; color:#cccccc; height:2px; background-color:#cccccc; border:0;}

.rightcontent{
width:166px;
text-align:center;
vertical-align:top;
background-color:#FAFAFA;
}
.thisweek{
width:300px;
margin-top:10px;
}
.zoneimg{
float:right;
border:1px solid #cccccc;
margin:5px;
}
/* computer world */
a:link { color: #369; }
a:active { color: #369; }
a:visited { color: #369; }
a:hover { color: #333; }

/* generic type styles */
h1 { font-size: 22px; font-weight: bold; margin: 0px; font-family: Arial, Helvetica, sans-serif;}
h2 { font-size: 16px; font-weight: bold; margin-bottom: 3px; margin-top: 0px; }
h3 { font-size: 12px; font-weight: bold; margin-bottom: 3px; margin-top: 0px; }
h4 { font-size: 12px; font-weight: bold; margin-bottom: 3px; margin-top: 0px; }
h5 { font-size: 12px; font-weight: normal; margin-bottom: 3px; margin-top: 0px; color: #888888; }
h6 { font-size: 10px; font-weight: normal; margin-bottom: 3px; margin-top: 0px; }
p { font-size: 12px; margin-bottom: 12px; }
ul { margin: 0px 0px 0px 15px; padding: 0px; }
td { font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif; font-size: 12px; }
.pullquote { margin: 0px; padding: 6px 20px; }
.pullquote .quote { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #949E09; }
.pullquote .name { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #999; }
.columnLabel { font-size: 11px; }

/* generic form element styles */
form { margin: 0px; padding: 0px; }
input { font-size: 11px; font-weight: normal; }
textarea{font: normal 11px/11px Arial, Helvetica, sans-serif; width:230px; height:100px}
input.radio { }
select {  }

/* advertising */
#adbanner { padding: 5px 0px; border-bottom: 1px dotted #CCC; background-color: #FAFAFA; }
#adbutton { text-align: center; margin-bottom: 10px; }
#hotjobs { padding: 10px 0px; width:160px; }
#adcolumn { padding-top: 5px; text-align: right; border-left: 1px dotted #CCC; background-color: #FAFAFA; }
#adisland { padding: 10px 0px; }
#idgfooter { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 10px 0px; border-top: 1px dotted #CCC; background-color: #EEE; }
#cwSubPromo { text-align: center; margin-bottom: 10px; float:left; margin-top:10px; }

/* layout */
#search { background-color: #EEE; }
#search td { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
.outeredge_r { background-image: url(http://computerworld.co.nz/cw/2007/img/bg_right.gif); background-repeat: repeat-y; }
#leftcol { border-right: 1px dotted #CCC; padding-top: 10px; }

/* navigation */
#nav { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; }
#nav .navsep { border-top: 2px dotted #CCC; }
.indepthSub { padding: 4px 4px 4px 10px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

#cwlink { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 6px 10px; text-align: right; }
#cwlinklist { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  padding-top: 10px; margin-left: 8px; padding-left: 0; list-style: none;}
#cwlinklist li { padding-left: 0px; }

/* Specail navigation */
.special_nav{background-color:#89CCDA; border-top:1px solid #ffffff; height:17px; padding:3px 3px 3px 8px; text-transform:uppercase;}
.special_title{width:100px;  font:bold 12px/12px Geneva, Arial, Helvetica, sans-serif; float:left; color:#3F3F3F}
.special_nav a:link, .special_nav a:active, .special_nav a:visited{text-decoration:none; color:#FFFFFF; display: block; float:left; font:normal 11px/12px Geneva, Arial, Helvetica, sans-serif; padding:0 10px;}
.special_nav a#special_on{text-decoration:underline; color:#3F3F3F;}
.special_nav a:hover{text-decoration:underline; color:#3F3F3F;}




/* news ticker */
.newsstarter { font-weight: normal; }
#newslink { color: #FFF; text-decoration: none; }
#newslink:hover { color: #008CA8; }

/* content */
#date {clear:left; float:left; width:186px;;margin-top:0px;margin-left:8px; font-size: 11px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
#date img{
margin-bottom:6px;
}
.subcontent { padding-right: 10px; }
.header { border-bottom: 1px solid #AAA; }
#frontpage { font-size: 12px; }
.bodytext {font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif;}

#comingup { background-color: #EFEFEF; }
.cominguphead { font-size: 11px; color: #666; font-weight: bold; background-color: #CCC; padding: 2px 10px; }
.cominguptext { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; border-left: 1px solid #BABABA; border-right: 1px solid #BABABA; border-top: 1px solid #BABABA; padding: 10px; }
.comingupborder { border-left: 1px solid #CCC; border-bottom: 1px solid #BABABA; }

.lead { padding: 10px 10px 10px 0px;  }
.leadstory { font-size: 12px; padding-bottom: 10px; }
.leadstory .story_info{font:normal 10px/20px verdana, Arial, Helvetica, sans-serif; color:#666666; text-transform:uppercase;}
.leadstory a { font-family: Arial Unicode Sans, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; }
.leadstory a:hover { text-decoration: underline; }

.leadstory a.comment {font:normal 10px/20px verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;color:#CC3300 }



.leadstory img { margin-right: 8px; margin-top: 2px; }

.recruitment{ font-size: 12px; padding-bottom: 10px; }
.recruitment .agent{margin:0; padding:0; font:bold 18px/18px Arial, Helvetica, sans-serif; color:#006CB5; border-bottom:1px solid #cccccc}
.recruitment a:link, .recruitment a:visited, .recruitment a:active { font:bold 13px/15px Arial Unicode Sans, Arial, Helvetica, sans-serif; color:#006BB3; text-decoration:none}
.recruitment a:hover { text-decoration: underline; }
.recruitment img { margin-right: 8px; margin-top: 2px; }
.recruitment a.readmore:link, .recruitment a.readmore:visited, .recruitment a.readmore:active{font:normal 11px/13px Arial Unicode Sans, Arial, Helvetica, sans-serif; color:#006BB3; text-decoration:none}
.recruitment a.readmore:hover{font:normal 11px/13px Arial Unicode Sans, Arial, Helvetica, sans-serif; color:#006BB3; text-decoration:underline}

#latest { padding-top:0px; margin-left: 0; padding-left: 0; list-style: none; }
#latest a { text-decoration: none; }
#latest a:hover { text-decoration: underline; }
#latest li { padding-left: 10px; background-image: url(http://computerworld.co.nz/cw/2007/img/bullet_square.gif); background-repeat: no-repeat; background-position: 0 .2em; }

.latestother { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 6px; }

#articleName { width: 100%; color: #FFF; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border-bottom: 2px dotted #CCC; margin-top: 6px; }
#articleName2 { width: 100%; color: #FFF; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; border-bottom: 2px dotted #CCC; border-top: 2px dotted #CCC;  margin-top: 6px; margin-bottom:10px; }

.articleNameText { background-color: #45b0c5; padding: 3px 14px 0 14px; }

#ZonesPromo { border: 1px solid #DDD; padding: 2px; margin-bottom: 10px; }
#ZonesPromo a { text-decoration: none; }
#ZonesPromo a:hover { text-decoration: underline; }
#ZonesContent { font-size: 11px; padding-top: 10px; margin-left: 0px; padding-left: 0px; list-style: none; }
#ZonesContent li { padding-bottom: 6px; }

/* article toolbox */

.toolbox td { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; padding-right: 6px; }

/* article related */
.related { margin-bottom: 10px; }
.relatedHeader { background-color: #45B0C5; padding: 2px 8px 0 8px; color: #ffffff; font-size: 11px; font-weight: bold; margin-top:15px; }
.relatedText { background-color: #F4F2ED; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 8px 10px 8px; }
.relatedMore { background-color: #F4F2ED; }
.title_header{ background-color: #45B0C5; padding: 2px 10px 2px 10px; color: #ffffff; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}

#news{background-color:#ED6D62}
#tech{background-color:#45B0C5}
#scrt{background-color:#E99A58}
#devt{background-color:#BB757D}
#netw{background-color:#EEC972}
#spec{background-color:#7EA499}
#mgmt{background-color:#C1C165}
#care{background-color:#AD8B53}
#etales{background-color:#ED6D62}
/* ZONES specific style */
.ZonesBox { border: 1px solid #DDD; margin: 0px 0px 10px 0px; padding: 2px 6px; font-size: 12px; }
.ZonesBox a { font-size: 11px; }
.ZonesBox ul { font-size: 11px; padding-top: 10px; margin-left: 6px; padding-left: 0px; list-style: none; }
.ZonesBox ol { font-size: 11px; padding-top: 0px; margin-left: 12px; padding-left: 14px; list-style: decimal; }
.ZonesBox .itemBullet li { padding-bottom: 4px; padding-left: 14px; background-image: url(http://computerworld.co.nz/zones.nsf/bullet.gif); background-repeat: no-repeat; background-position: 0 .2em; }
.ZonesBox .itemDoc li { padding-bottom: 4px; padding-left: 14px; background-image: url(http://computerworld.co.nz/zones.nsf/bullet_doc.gif); background-repeat: no-repeat; background-position: 0 .2em; }
.ZonesBox .itemNum li { padding-bottom: 4px; padding-left: 0px; }
.ZonesBox .head { font-family: "Arial Unicode MS", Verdana, Helvetica; font-size: 12px; font-weight: bold; }
.ZonesBox .brief { font-size: 11px; }
.ZonesBox .whitepaper { margin-top: 6px; }
.ZonesBox .whitepaper .whitepaperImg { padding-right: 10px; }
.ZonesBox .whitepaper .whitepaperTxt { font-size: 11px; }
.ZonesBox .whitepaper .whitepaperTxt a { font-size: 11px; }

/* Zones Switcher */
#switcher, .switcherBox {
position: relative;
width: 144px;
height: 220px;
margin: 0;
padding: 0;
overflow: hidden !important;
}
.switcherImg {
position: absolute;
margin: 0;
padding: 0;
width: 144px;
height: 190px;
overflow: hidden;
}
.switcherImg p, .switcherBox span {
font-size: 86%;
}
.switcherBox {
margin: 0;
padding: 0;
margin-bottom: .5em;
}
.switcherBox p {
margin: 0;
line-height: 1.3;
}
#switcher span {
position: absolute;
bottom: 3px;
right: 5px;
font-size: 10px;
}

.imgleft{
float:left;
padding-right:10px;
border:none;
}
.imgright{
float:right;
padding-left:10px;
border:none;
}


#newsnav{
cursor:pointer;
}
#dropmenudiv a:link, #dropmenudiv a:visited{
color:#45B0C5;
text-decoration: none;
}
#dropmenudiv a:hover {
color:#45B0C5;
text-decoration: underline;
}

#dropmenudiv a:active {
color:#45B0C5;
text-decoration: none;
}

#dropmenudiv{
position: absolute;
line-height: 18px;
margin-top: 3px;
padding: 4px;
z-index: 99999999;
font:bold 11px/18px Arial, Helvetica, sans-serif;
text-align:left;
border:1px solid #91CCD9;
}

.ultbox{
height: 20px;
margin: 10px 0 10px 0;
clear:both;
border-bottom: 2px dotted #CCC; border-top: 2px dotted #CCC;
}
.author{width:550px;}
.author a {color:#CC3300 }
.author a:hover{color:#000000 }


.ultbox-item{width:100px;
float:right;
}
.ultbox ul {
        float:right;
list-style: none;
display: block;
margin: 0;
padding:0;
}
.ultbox li {
margin: 0;
height: 20px;
padding: 1px 16px 1px 26px;
float: left;
}

.ultbox .tool-email {background: url("http://fairfaxbm.co.nz/cw/2007/img/bt_email.jpg") no-repeat;color: #888888;}
.ultbox .tool-print {background: url("http://fairfaxbm.co.nz/cw/2007/img/bt_print.jpg") no-repeat;color: #888888;}
.ultbox .tool-comment {background: url("http://fairfaxbm.co.nz/cw/2007/img/bt_comment.jpg") no-repeat;color: #888888;}
.ultbox_last{height: 20px;margin: 10px 0 0 0;clear:both;}
.ultbox_last ul {float:left;list-style: none;display: block;margin: 0;padding:0;}
.ultbox_last li {display: block;margin: 0;height: 20px;padding: 1px 16px 1px 26px;float: left;}
.ultbox_last .tool-rss {background: url("http://fairfaxbm.co.nz/cw/2007/img/rss_bt.gif") no-repeat;color: #888888;}
.ultbox_last .tool-digg {background: url("http://fairfaxbm.co.nz/cw/2007/img/bt_digg.gif") no-repeat;color: #888888;}
.ultbox_last .tool-del {background: url("http://fairfaxbm.co.nz/cw/2007/img/bt_del.gif") no-repeat;color: #888888;}
.ultbox_last .tool-slash {background: url("http://fairfaxbm.co.nz/cw/2007/img/bt_slash.gif") no-repeat;color: #888888;}
.ultbox_last .tool-scoopit {background: url("http://fairfaxbm.co.nz/cw/2007/img/bt_scoopit.gif") no-repeat;color: #888888;}

/*Hot link css styles*/
.content .sponsored_links{clear:both;background:#ffffff;width:760px;margin-bottom:10px;padding: 0 0 5px 0;text-align:left;color:#666666;overflow:hidden !important; border:1px solid #aaaaaa;}
.content .sponsored_links #sponsored_title{font:bold 13px/18px Verdana, Arial, Helvetica, sans-serif;margin:5px;border-bottom:1px dotted #666666;}
.content .sponsored_links ul{list-style-type: none;margin: 6px;padding:0;}
.content .sponsored_links ul li {margin: 0;padding: 0 12px;background: url("http://pcworld.co.nz/pcworld/img/bullet-gray.gif") no-repeat 0 .6em;font: normal 11px/1.4em Verdana, Arial, Helvetica, sans-serif;}
.content .sponsored_links ul li a:link, .sponsored_links ul li a:visited, .sponsored_links ul li a:active {font: normal 12px/1.4em Verdana, Arial, Helvetica, sans-serif;}


/*Sponsor link css styles*/
.sponsor_div{padding:5px; background:#ffffff; font-size:11px; text-align:left;}
.sponsor_div_title{padding-top:20px; clear:both;border-bottom:1px solid #cccccc;}
.sponsor_div_list{border-bottom:1px solid #dddbda; margin:0; padding:5px 0;  clear:both;}
.sponsor_div_list img{border:none; float:left; margin-right:10px; clear:both;}
.sponsor_div_list a{font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif; text-decoration:none;}
.sponsor_div_list a:hover{font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif; text-decoration:underline; }


/*Job universe quick search job form*/
.job_search{font:normal 11px/13px Arial, Helvetica, sans-serif;margin:0; width:300px; background:url(http://computerworld.co.nz/cw/images/quick_search_job_bg.gif) repeat-y; z-index:99999;}
.job_search img{margin:0; padding:0; border:none;}
.job_search_form{margin:2px 15px 0 15px; padding:0;}

/*Tech ed style*/
.gallery_img{ border:5px solid #cccccc; margin-bottom:10px; padding:0px; }
h2#techad_title{ border-bottom:3px solid #2595a9; margin-top:20px}
h2#techad_title span{background:#1A1A1A; padding:5px 8px 2px 8px; color:#FFFFFF; font:bold 16px/22px "Courier New", Courier, monospace}
.tech_em{ padding:5px; background:#FFC211; font-weight:700; margin-top:15px}
.box_tech_ed{list-style:none; margin:0; padding:0; width:296px}
.box_tech_ed li{padding:3px 5px}
.box_tech_ed li a{text-decoration:none;}
.box_tech_ed li.grey{ background:#f0f0f0;}


/*multiple page link on the article*/
.multi_pages{margin:15px auto; overflow:hidden;}
.multi_pages .multi_pages_title{display: block;height:19px;margin: 0 8px 0 0;padding:5px 5px 5px 4px;float: left;font:normal 12px/19px Arial, Helvetica, sans-serif;}
.multi_pages .num{display: block;height:19px;margin: 0 8px 0 0;padding:5px 5px 5px 4px;float: left;background:url("http://computerworld.co.nz/unlimited/2009/images/bg_multi_pages.gif") no-repeat center;font-size:12px; font-family: Arial, Helvetica, sans-serif;}
.multi_pages .num#num_on{font-weight:700; color:#0099cc}
.clear{clear:both; height:20px;}
.p_clear{margin:0; padding:0; clear:both; height:10px}

/*Comment Styles*/
.story_comments, .story_comments_replied{border-bottom:1px dotted #666666; color:#666666; margin-top:8px}
.story_comments_replied{padding-left:23px; background:url("http://computerworld.co.nz/unlimited/2009/images/icon_reply3.jpg") no-repeat left 2px}
.story_comments .comment_titles, .story_comments_replied .comment_titles{font:bold 13px/18px Verdana, Arial, Helvetica, sans-serif; color:#45B0C5; text-transform:none}
.story_comments .sub_cat, .story_comments_replied .sub_cat{font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;  padding:5px 0; clear:both}
.story_comments .bt_reply a, .story_comments_replied .bt_reply a{color: #797979; background: #cccccc;font-weight: bold;border:none; text-transform:uppercase; font:bold 11px/15px Arial, Helvetica, sans-serif; padding:3px 7px;cursor:pointer; text-decoration:none; margin-right:10px;}
.story_comments .bt_reply a:hover, .story_comments_replied .bt_reply a:hover{color: #797979;}
.story_comments .comments_info, .story_comments_replied .comments_info{font:normal 10px/20px verdana, Arial, Helvetica, sans-serif; color:#45B0C5; text-transform:uppercase; display:block}


.comments_breadcrumb{margin:0 0 10px 0; font-size:11px; float:right; margin-right:5px; color:#CC0000}
.comments_form {font:normal 12px/18px Arial, Helvetica, sans-serif; float:left}
.comments_form  textarea{width:440px}
.comments_form p{margin:2px auto}
.comments_form  .field_lists{clear:both; overflow:hidden; margin:3px auto}
.comments_form  .field_title{width:120px; float:left; font-weight:700; color:#666666}
.comments_form  .field_list{float:right;}
.comments_form  .field_hold{float:left;}
.form_button{color: #797979; background: #cccccc;font-weight: bold;border:none; text-transform:uppercase; font:bold 11px/15px Arial, Helvetica, sans-serif; padding:3px 7px; margin-right:10px; cursor:pointer}
.form_button:hover{color: #333333;}
span.flagged{background:url("http://computerworld.co.nz/unlimited/2009/images/flagged.gif") no-repeat; padding-left:20px; color:#C30015; font:bold 11px/18px Arial, Helvetica, sans-serif; }
#toggleText1{margin-top:10px;padding:5px 10px; background-color:#fafafa; border:1px solid #cccccc}
.standout{color:#cc0000;}
.comments_form small{clear:both;}


/*Tab style*/
ul.tabNav { float: left; list-style: none;   margin: 0; padding: 0; font:bold 11px/15px "Trebuchet MS", Tahoma, Helvetica, sans-serif;  }
ul.tabNav li { float: left; margin: 0 2px 0 0; padding: 6px 0 0; }
ul.tabNav li.current { padding-top: 0; }
ul.tabNav a { background: #ececec; border: 1px solid #dedede; border-width: 1px 1px 0; color: #666; display: block; padding: 4px 4px 5px 4px; text-decoration: none; }
ul.tabNav li.current a { background: #dedede; border: none; padding: 8px; }

div.tabContainer { clear: both; float: left; width:300px; font:normal 12px/16px "Trebuchet MS", Tahoma, Helvetica, sans-serif; overflow:hidden}
div.tabContainer div.tab { border: 1px solid #dedede; color: #000; display: none; padding: 10px; overflow:hidden}
div.tabContainer div.current { display: block; overflow:hidden}
div.tab {overflow:hidden}
div.tab p:last-child { margin-bottom: 0; }
div.tabContainer ul#latest { padding-top:0px; margin:0; padding-left: 0; list-style: none;}
div.tabContainer ul#latest a { text-decoration: none; }
div.tabContainer ul#latest a:hover { text-decoration: underline; }
div.tabContainer ul#latest li {margin:5px 0; padding-left: 10px; background-image: url(http://computerworld.co.nz/cw/2007/img/bullet_square.gif); background-repeat: no-repeat; background-position: 0 .2em;  font:normal 12px/16px "Trebuchet MS", Tahoma, Helvetica, sans-serif; 
 }
 /*div.tabContainer img{float:left; margin-right:10px;}*/