/* CSS Document */

body{
margin:0;
padding:0;
text-align:center;
font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
background:#DAD9D5 url("http://cio.co.nz/cio/2007/images/bg_body.gif") repeat-y center;
}
.topnav{
margin-bottom:0px;
}
form{
margin:0;
}
.outline{
width:992px; margin:0 auto;
text-align:left;
overflow:hidden ;
}
.logo{
margin:0 0 0 1px ;
padding:8px 0 0 0; ;
height:127px;
background-color:#ffffff;
color:#666666;
width:992px;
}

.menu{
background:url("http://cio.co.nz/cio/2007/images/menu_bg.jpg") repeat-x;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:23px;
font:bold 14px/23px Helvetica, sans-serif,Arial;
color:#939292;
width:100%;

} 
.header{
border-bottom:3px double #D7D7D7;
clear:both;
margin-top:10px; 
overflow:hidden;
}
.header img{
border:0;
margin-bottom:2px;
clear:both;
}
.contentwrap {
width:982px;
margin:0 2px;
padding:0;
}
.content, .sidebar {
background:transparent
}
.column1{
width:634px;
padding-top:10px;
margin:0 28px 0 12px;
overflow:hidden ;
float:left;
display:inline;
font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
}

.column_section{
width:634px;
padding-top:10px;
margin:0 28px 0 12px ;
overflow:hidden ;
float:left;
display:inline;

}

column_section hr{border: 0;
color: #cccccc;
background-color: #cccccc;
height: 1px;
width: 100%;
text-align: left;
}
.column_article{
width:634px;
padding-top:10px;
margin:0 28px 1em 12px ;
overflow:hidden;
float:left;display:inline;
font:normal 12px/1.4em Verdana, Arial, Helvetica, sans-serif;
}
.column2 {
padding-top:10px;
margin:0;
width:305px;
overflow:hidden ;
clear:right;z-index:0;
font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

.column_section p{
margin:0px 0 7px 0;
padding:0;
font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
clear:both;
overflow:hidden ;
}

.column1 p{
margin:0px 0 10px 0;
padding:0;
font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
clear:both;
}
.footer{
position:relative;
width:992px;
padding-top:10px;
padding-bottom:10px;
margin:30px 0 0 0;
overflow:hidden ;
float:left;display:inline;
border-top:3px double #D7D7D7;
background-color:#E6E6E6;
text-align:center;
font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
}
.footer p{
margin:2px auto;
padding:0;
font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
clear:both;
}


#date {
clear:left;
float:left;
width:210px;
margin-top:8px;
text-align:center;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.top_right_section{
width:240px;
float:right;

border:1px solid #cccccc;
}


.top_left_section{
width:380px;
padding-right:5px;
padding-bottom:10px;
clear:both;
float:left;
}

.top_left_section .home_news{
	border-top:3px double #D7D7D7;
	border-bottom:3px double #D7D7D7;
	border-left:0; border-right:0;
	/*background-color:#f8f8f8;*/
	padding:5px 0;
}
.top_left_section .newstitle{color:#DE0025; font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
 }

.top_right_section p{
padding:0px 5px;
}


#rotatingpuff, .rotpuff {
position:relative;
overflow:hidden ;
}
.rotwof {
position:relative;
background:#fff;
padding:0;
height:390px;
overflow:hidden ;
}
.rotwof h3{
margin:0 5px;
font:normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
}
.rotwof p, .rotwof small,.rotpuff p {
margin:0px;
font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
}
.rotpuff h2,.rotpuff h3,.rotpuff h4,.rotpuff h5 {
padding:0;line-height:1.3;font-size:100%
}
.rotpuff h5 strong {
color:#900
}
.rotpuff img {
position:relative;
display:block;
clear:both; 
border:none; 
margin-bottom:10px;
}
.right_section{
width:230px;
float:right;
margin-top:0px;
border-left:1px solid #cccccc;
margin-top:3px;
padding:0 0 0px 10px ;
float:right;
}

.left_section{width:385px; float:left; font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;}
* html .header{clear:both; margin-top:10px; }
* html .left_section{clear:both; font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;}

h1{font:bold 23px/23px Verdana, Arial, Helvetica, sans-serif;
margin:15px 0 4px 0;
padding:0;
color:#464646;
}

h2{font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
margin:5px 0 10px 0;
padding:0;
color:#666666;
}
h5{
font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
height:20px;
margin:0;
padding:0;
color:#666666;
}
.author{
color:#999999;
}

/*links*/
a:link, a:visited, a:active{
text-decoration:none;
color:#DE0124;
}
a:hover{text-decoration:underline;
color:#336699;
}
.menu a:link, .menu a:visited, .menu a:active{
text-decoration:none;
color:#666666;
padding:0 5px;
}
.menu a:hover{
color:#DE0025;
}

a.red:link, a.red:visited, a.red:active{
font:bold 16px/20px Georgia, Arial, Helvetica, sans-serif;
color:#DE0124;
text-decoration:none;
}
table, tr, td{
font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
}

a.red:hover{
font:bold 16px/20px Georgia, Arial, Helvetica, sans-serif;
color:#336699;
text-decoration:underline;
}

a.blue:link, a.blue:visited, a.blue:active{
font:bold 15px/19px Arial, Helvetica, sans-serif;
color:#336699;
text-decoration:none;
margin:3px 0 5px 0 ;
padding:0 ;

}
a.blue:hover{
font:bold 15px/19px Arial, Helvetica, sans-serif;
color:#DE0124;
text-decoration:underline;
margin:3px 0 5px 0 ;
padding:0 ;
}
a.title:link, a.title:visited, a.title:active{
text-decoration:none;
padding-right:12px;
color:#ffffff;

}
a.title:hover{
text-decoration:underline;
color:#ffffff;
}


/*decoration*/
.clear{
clear:both;
height:10px ;
margin:0 ;
padding:0 ;
}

.clear_div{
clear:both;
height:2px ;

}


.clear_p{
clear:both;
height:10px ;
margin:0 ;
padding:0 ;
}
.line_clear{
clear:both;
height:10px;
background:url("http://cio.co.nz/cio/2007/images/grey_line.gif") repeat-x;
}


.sub_header{
border-bottom:1px solid #D7D7D7;
margin:10px 0 0 0;
}
.sub_header img{
border:0;
}

.box_related{
width:300px;
background:#ffffff;
overflow:hidden ;
text-align:left;
font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
}


.box_grey{
width:300px;
border:1px solid #cccccc;
background:#ffffff;
overflow:hidden ;
text-align:left;
font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
}
.box_grey_title{
border-bottom:1px solid #cccccc;
margin:0; padding:0;
}
.box_grey img{
border:none;
}
.box_red{
width:300px;
border:1px solid #DE0124;
background:#ffffff;overflow:hidden ;
text-align:left;
font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
}
.box_red_title{
border-bottom:1px solid #DE0124;
margin:0; padding:0;
}
.box_red img{
border:none;
}
.inside{
margin:8px;
overflow:hidden ;
}
.left_img{
float:left;
padding:1px 10px 1px 0;
width:60px;
clear:left;
}
.right_img{
float:right;
padding:1px 0 1px 10px;
width:60px;
clear:right;
}
img{border:none;}

.side_img{
float:left;
padding:1px 10px 1px 0;
}

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

#top_latest {
padding:0px ;
margin:10px 0 0 0 ;
list-style: none;
font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
}
#top_latest a {
text-decoration: none;
font:bold 11px/11px Verdana, Arial, Helvetica, sans-serif;
color:#336699
}
#top_latest a:hover {
text-decoration: underline;
color:#DE0124
}
#top_latest li {
padding:3px 0;
margin:0 ;
padding-left: 10px;
background:url("http://computerworld.co.nz/cw/2007/img/bullet_square.gif") no-repeat 0 .2em;
}












#latest {
padding:0px ;
margin:0 ;
list-style: none;
font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
}
#latest a {
text-decoration: none;
color:#336699
}
#latest a:hover {
text-decoration: underline;
color:#DE0124
}
#latest li {
padding:3px 0;
margin:0 ;
padding-left: 10px;
background:url("http://computerworld.co.nz/cw/2007/img/bullet_square.gif") no-repeat 0 .2em;
}
.more{
background:url("http://cio.co.nz/cio/2007/images/red_arrow.gif") no-repeat;
height:11px;
padding-left:10px;
font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
}
#side_list {
padding:0px ;
margin:8px ;
list-style: none;
font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
}
#side_list a {
text-decoration: none;
color:#336699
}
#side_list a:hover {
text-decoration: underline;
color:#DE0124
}
#side_list li {
padding:3px 0;
margin:0 ;
padding-left: 10px;
background: url("http://computerworld.co.nz/cw/2007/img/bullet_square.gif") no-repeat 0 .2em; 
}

.doc-toolbox {
height: 25px;
margin: 15px 0 15px 0 ;
padding: 0;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
vertical-align:middle;
font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
clear:both;
}
.doc-toolbox-pgnum {
float: right;	
padding: 6px 0 ;
	
}
.doc-toolbox-pgnum .jumpcurrent {
font: normal 12px/12px Georgia, Arial, Helvetica, sans-serif;
background-color: #CCC;
padding: 2px ;
	
}
.doc-toolbox-pgnum .jumpoff {
font: normal 12px/12px Georgia, Arial, Helvetica, sans-serif;
border: 1px solid #CCC;
padding: 2px ;
}
.doc-toolbox-items ul {
list-style: none;
display: block;
margin: 0;
padding: 5px 0 0 0 ;
}
.doc-toolbox-items li {
display: block;
margin: 0;
height: 20px;
padding: 1px 26px;
float: left;
}
.doc-toolbox-items .tool-email {
background: url("http://cio.co.nz/cio/2007/images/bt_email.gif") no-repeat;
}
.doc-toolbox-items .tool-print {
background: url("http://cio.co.nz/cio/2007/images/bt_print.gif") no-repeat;
}

.ultbox_last{
clear:both;
float:left;
}

	
.ultbox_last ul {
list-style: none;
display: block;
margin:40px 0 0 0;
padding:0 ;
font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	}
.ultbox_last li {
display: block;
margin:0 0  10px 0 ;
padding: 3px 10px 1px 20px ;
float: left;
	}
	
.ultbox_last .tool-rss {
background: url("http://cio.co.nz/cio/2007/images/rss_bt.gif") no-repeat;
color: #888888;

	}
.ultbox_last .tool-digg {
background: url("http://cio.co.nz/cio/2007/images/bt_digg.gif") no-repeat;
color: #888888;
}	
	
.ultbox_last .tool-del {
background: url("http://cio.co.nz/cio/2007/images/bt_del.gif") no-repeat;
color: #888888;
	}	
.ultbox_last .tool-slash {
background: url("http://cio.co.nz/cio/2007/images/bt_slash.gif") no-repeat;
color: #888888;
	}

.ultbox_last .tool-scoopit {
background: url("http://cio.co.nz/cio/2007/images/bt_scoopit.gif") no-repeat;
color: #888888;
	}

	
	
.rss{
margin:0px 0 10px 0;
padding:0;
font:bold 10px/10px Verdana, Arial, Helvetica, sans-serif;
clear:both;
color:#999999;
}

.sponsored_links{
       float:left;
	background:#E8EDF1 url("http://pcworld.co.nz/pcworld/img/greybox.gif") right bottom no-repeat;
	width:100%;
	margin:20px 0;
	padding: 0 0 5px 0;
	text-align:left;
	color:#666666;
}
.sponsored_links #sponsored_title{
		font:bold 13px/18px Verdana, Arial, Helvetica, sans-serif;
		margin:5px;
		border-bottom:1px dotted #666666;

}

.sponsored_links ul{
		list-style-type: none;
		margin: 6px;
		padding:0;
	}
.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;
	}
.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;
	}

/*Sponsored link ads css styles*/
.sponsor_div{width:300px;border:1px solid #cccccc;background:#ffffff;overflow:hidden ;text-align:left;font:normal 11px/14px  Arial, Helvetica, sans-serif; border-bottom:none;}
.sponsor_div_title{border-bottom:1px solid #cccccc;margin:0; padding:0;}
.sponsor_div_list{border-bottom:1px solid #dddbda; margin:0; padding:5px 0 8px 0; clear:both; overflow:hidden ;}
.sponsor_div_list  img{border:none; float:left; margin-right:5px;margin-left:5px;}
.sponsor_div_list a:link, .sponsor_div_list a:visited, .sponsor_div_list a:active{color:#336699;text-decoration:none;}
.sponsor_div_list a:hover{color:#DE0124;text-decoration:underline;
}

/* page links*/

.page_button{ font:normal 11px/11px Arial, Helvetica, sans-serif;text-align:left; clear:both;}
.page_button a:link, .page_button a:visited, .page_button a:active{
border:1px solid #cccccc; padding:3px 5px; margin:0 2px; text-decoration:none; }
.page_button a:hover{text-decoration:none; background-color:#ECEAEB;}
.page_button a.on:link, .page_button a.on:visited, .page_button a.on:active{
background-color:#ECEAEB;}
.page_button a.hover{text-decoration:none;}



/*#################  Promo Button ads #####################*/

#promoButtons #seekIndex { height:5px; margin:5px 0 0 0; padding:0}
#promoButtons  #seekIndex li {display:block; float:left; width:5px; height:5px; margin-right:5px;}
#promoButtons  #seekIndex li a {display:block; width:5px; height:5px; overflow:hidden; text-decoration:none; background:url(http://cio.co.nz/fmbg/images/bg/bg_promo_li.gif) no-repeat left -5px}
#promoButtons  #seekIndex li a:hover,
#promoButtons  #seekIndex .navCurrent a { background:url(http://cio.co.nz/fmbg/images/bg/bg_promo_li.gif) no-repeat left 0;}

#promoButtonsList {position:relative; z-index:4; width:300px; height:125px; margin:0; padding:0;  list-style-type:none }
#promoButtonsList li {position:absolute; top:0; left:0; width:300px;}