@import url(http://fonts.googleapis.com/css?family=Oswald:400);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300);

/* Enable html5 elements for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

html { padding:0; margin:0; }
body { background: #f8f8f8; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding:0; margin:0; }
h1 { color: #000; font-size: 24px; font-weight: 100; margin: 3px 0; }
h2 { font-size: 20px; margin: 0; padding: 0; }
h3 { font-size: 16px; } 
a { color: #005fb6; text-decoration: none }
a:hover { text-decoration: underline }
form { padding:0;margin:0 }
[type=submit] { -webkit-appearance:none; }
a img { border:none; }
tbody { border: none }
.gpt-ad { display: inherit; }

#tracking, #tracking2 { height: 1px; width: 1px; overflow: hidden }
#headeradbox1x1 { float: left; width: 1px; height: 1px }

.hp-boombox { background: #f8f8f8; }

.row { margin: 0 0 0 -20px; }
.row:after { content: ""; display: table; clear: both; }
.cols { padding: 0 0 0 20px; float: left }
.cols.one { width: 8.33333333333333%; }
.cols.two { width: 16.66666666666666%; }
.cols.three { width: 25%; }
.cols.four { width: 33.33333333333333%; }
.cols.five { width: 41.66666666666666%; }
.cols.six { width: 50%; }
.cols.seven { width: 58.33333333333333%; }
.cols.eight { width: 66.66666666666666%; }
.cols.nine { width: 75%; }
.cols.ten { width: 83.33333333333333%; }
.cols.eleven { width: 91.66666666666666%; }
.cols.twelve { width: 100%; }

.row.ng { margin: 0; }
.cols.ng { padding: 0; }


@media only screen and (max-width: 800px) {

	.lo-responsive .row { margin: 0; }
	.lo-responsive .cols.cols { float: none; width: auto; padding-left: 0; }

}

.lo-subheader { font: 300 2.3em/1.3 Raleway, sans-serif; color: #dc0d0d; padding: 0 0 5px 0; margin: 30px 0 0 0; border-bottom: 1px solid #8d8d8d; }
.lo-subheader a { color: #dc0d0d; }
.lo-rhsheader { font-size: 2em; }

.lo-header,
.lo-header * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lo-header { min-height: 108px; padding:  0; background: #00141d; background: #000; position: relative; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0); box-shadow: 0 1px 5px rgba(0,0,0,0); }
.lo-header:after { content: ""; display: table; clear: both; }
.lo-header_content { max-width: 1080px; width: 1080px; margin: 0 auto; }
.lo-responsive .lo-header_content { width: auto ;}
.lo-logo { display: block; float: left; width: 197px; height: 108px; margin: 0px 0 0 0; background: #dc0d0d url('images/logo_cio.png') no-repeat 50% 50%; text-indent: -9999px; }
.lo-header_ad { float: left; margin: 9px 0 9px 60px; width: 728px; height: 90px; }
.lo-header_nav_button { position: absolute; top: 50%; width: 46px; z-index: 20; border-radius: 0; margin: -23px 0 0 -66px; height: 46px; display: block; opacity: 1; background: #475d68; border: 0 solid #fff; text-indent: -9999px; }
.lo-header_nav_button:before { content: "Menu"; position: absolute; text-indent: 0; top: 100%; color: #fff; opacity: 0.45; text-align: center; left: 0; right: 0; text-transform: uppercase; padding: 5px 0 0; font-size: 0.9em; font-weight: bold; }
.lo-header_nav_button:after { content: ''; position: absolute; top: 7px; left: 7px; width: 32px; height: 32px; background: url(../cio/images/sprites.png?cache=2) no-repeat -32px -64px;  }
.lo-header_nav_button:hover { background: #5c7886; }
.lo-header_nav_button:hover:before { opacity: 1; }
.lo-header_profile { position: absolute; top: -9px; right: -9px; width: 24px; height: 24px; border-radius: 50%; background: #475d68; border: 2px solid #00141d; }
.lo-header_profile:after { content: ''; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; width: 16px; height: 16px; background: url(../cio/images/sprites.png?cache=2) no-repeat -320px -64px; opacity: 1; }
.lo-header_nav_button:hover .lo-header_profile { background: #5c7886; }
.lo-header_profile_on { background: #0083ba !important; }
.lo-header_profile_on:after { opacity: 1; }
.lo-show_nav .lo-header_nav_button { opacity: 0.3; }
.lo-noskin_bump { min-height: 20px; }

.lo-nav { background: #00141d; background: rgba(0,20,29,.95); position: fixed; top: -100%; left: 0; right: 0; max-height: 100%; font-size: 1.15em; z-index: 99999; color: #fff; padding: 0 0 1em 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-x: hidden; -webkit-transition: all .4s cubic-bezier(.42,0,.58,1); -moz-transition: all .4s cubic-bezier(.42,0,.58,1); -o-transition: all .4s cubic-bezier(.42,0,.58,1); transition: all .4s cubic-bezier(.42,0,.58,1);  }
/*.lo-show_nav { position:fixed; overflow:hidden; left: 0; right: 0; }*/
.lo-show_nav .lo-nav { top: 0; }
.lo-header_nav_button:hover { border-radius: 0; }

.lo-nav_content { max-width: 1080px; width: 1080px; margin: 0 auto; }
.lo-responsive .lo-nav_content { width: auto; }
.lo-nav_header { border-bottom: 1px solid #555; }
.lo-nav_header:after { content: ""; display: table; clear: both; }
.lo-nav_logo { float: left; display: block; vertical-align: middle; position: relative; width: 197px; height: 110px; background: url('images/logo_cio.png') no-repeat 50% 50%; text-indent: -9999px; }
.lo-nav_close { position: absolute; top: 27px; width: 56px; z-index: 20; margin: 0 0 0 -66px; height: 56px; display: block; text-indent: -9999px; opacity: 0.5; }
.lo-nav_close:after { content: ''; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; width: 32px; height: 32px; background: url(../cio/images/sprites.png?cache=2) no-repeat -128px -64px;  }
.lo-nav_close:hover { opacity: 0.7; }

.lo-nav input::-webkit-input-placeholder { color: #bbb; color: rgba(255,255,255,.5); }
.lo-nav input:-moz-placeholder { color: #bbb; color: rgba(255,255,255,.5); }
.lo-nav input::-moz-placeholder { color: #bbb; color: rgba(255,255,255,.5); }
.lo-nav input:-ms-input-placeholder { color: #bbb; color: rgba(255,255,255,.5); }
.lo-nav input { outline: none; }


.lo-search { float: left; vertical-align: middle; position: relative; width: 440px; margin: 23px 0 0 76px; }
.lo-search input.text::-webkit-search-cancel-button { -webkit-appearance: none; }
.lo-search input.text {
	width: 100%; height: 64px; font-size: 1em; line-height: 64px; margin: 0; padding: 0 10px 0 40px;
	border: none; -webkit-appearance:none !important; -webkit-padding-start: 40px;
	color: #fff;
	border-right: 10px solid transparent;
	background-color: rgba(255,255,255,.1);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	border: 1px solid #555;
	font-size: 1.5em;
	border-radius: 0;
}
.lo-search input.text:focus { border-color: #6292a7; background: #003750; border-radius: 0; }
.lo-search input[type=submit] { display: none; cursor: pointer; height: 45px; width: 35px; border: none; text-indent: -9999px; position: absolute; top: 5px; right: 0; opacity: .8; display: none; z-index: 5; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AP///wAI/AL+Sr4t6gAAAABJRU5ErkJggg==); }
.lo-search input.text::-ms-clear { display: none; }
.lo-search:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 32px; height: 32px; margin: -16px 0 0 10px; background: url(images/sprites.png?cache=2) no-repeat -96px -64px; }

.lo-social { position: absolute; top: -80px; right: 0; vertical-align: middle; list-style-type: none; padding: 0; margin: 0; }
.lo-social li { display: inline-block; vertical-align: middle; padding: 0; margin: 0 5px; }
.lo-social_icon { display: block; width: 48px; height: 48px; border-radius: 50%; text-indent: -9999px; background: #0083ba; position: relative; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
.lo-social_icon:hover { background: #00a7ed; }
.lo-social_icon:after { content: ""; position: absolute; display: block; top: 8px; left: 8px; width: 32px; height: 32px; background: url(images/sprites.png?cache=2) no-repeat -160px -64px; }
.lo-social_icon.linkedin:after { background-position: -160px -64px; }
.lo-social_icon.twitter:after { background-position: -192px -64px; }
.lo-social_icon.facebook:after { background-position: -256px -64px; }
.lo-social_icon.youtube:after { background-position: -288px -64px; }
.lo-social_icon.gplus:after { background-position: -224px -64px; }

.lo-nav_subheader { opacity: 0.3; margin: 1em 0; font-size: 1.5em; }

.lo-nav_body { padding: 1em 0; position: relative; }
.lo-nav_list { list-style-type: none; margin: 0; padding: 0; }
.lo-nav_list li { padding: 0; margin: 1.2em 0; }
.lo-nav_list li:first-child { margin-top: 0; }
.lo-nav_list a { color: #fff; }
.lo-nav_list_columns:after { content: ""; display: table; clear: both; }
.lo-nav_list_columns .lo-nav_list { float: left; width: 50%; }
.lo-nav_footer { border-top: 1px solid #555; padding: 1.5em 0; }
.lo-nav_footer_list { list-style-type: none; margin: 0; padding: 0; }
.lo-nav_footer_list li { display: inline-block; margin: 0 15px 0 0; padding: 0; }
.lo-nav_footer_list a { color: #fff; opacity: 0.6; }

.lo-user_form { padding: 0 0 20px 0;}
.lo-user_label { display: none; font-weight: bold; margin: 1em 0 0.3em 0; }
.lo-user_text { display: block; width: 100%; padding: 1em; margin: 10px 0; line-height: 1; font-size: 1em; border: 1px solid #555; color: #fff; background-color: rgba(255,255,255,.1); }
.lo-user_text:focus { border-color: #6292a7; background: #003750; }
.lo-user_submit { display: inline-block; padding: 1em; margin: 0 10px 0 0; cursor: pointer; line-height: 1; font-size: 1em; border: 1px solid #0083ba; color: #fff; background: #0083ba; font-weight: bold; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
.lo-user_submit:hover { background: #00a7ed; }
.lo-user_forgot { color: #0083ba !important; float: right; margin: 1em 0 0 0; }
html.no-placeholder .lo-user_label { display: block; }
.lo-user_signup { line-height: 1.5; margin-top: -0.5em; }
.lo-user_signup a { color: #fff; text-decoration: underline; font-weight: bold; }

.lo-content { width: 1080px; margin: 0 auto; background: #fff; }
.lo-columns > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lo-columns:after { content: ""; display: table; clear: both; }
.lo-responsive .lo-content { width: auto; max-width: 1080px; }
.lo-main { margin: 0; padding: 20px 340px 20px 20px; float: left; width: 100%; }
.lo-main:after { content: ""; display: table; clear: both; }
.lo-rhs { margin: 0 0 0 -100%; width: 340px; float: right; padding: 20px; }
.lo-rhs_mrec { background: #eee; width: 300px; margin: 30px 0; }
.lo-rhs_mrec:first-child { margin-top: 0; }
.lo-rhs aside { margin: 30px 0; }
.lo-rhs .rhs_block { margin: 20px 0; background: #fff; border: 0px solid #eee; line-height: 1.5; border-radius: 5px; box-shadow: none; }


.lo-footer { background: #00141d; color: #fff; padding: 0; line-height: 1.4; }
.lo-footer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lo-footer_content { max-width: 1080px; margin: 0 auto; }
.lo-footer a { color: #fff; }
.lo-footer_nav { padding: 2em 0; }
.lo-footer_nav_list,
.lo-footer_sites_list { list-style-type: none; margin: 0; padding: 0; }
.lo-footer_nav_list li,
.lo-footer_sites_list li { display: inline; margin: 0; padding: 0; }
.lo-footer_nav_list li:before,
.lo-footer_sites_list li:before { content: " - "; opacity: 0.5; }
.lo-footer_nav_list li:first-child:before,
.lo-footer_sites_list li:first-child:before { display: none; }
.lo-footer_sites h2 { display: inline; font-size: 1em; }
.lo-footer_sites h2:after { content: ": "; }

.lo-footer_sites_list { display: inline; }

.lo-footer_bottom { border-top: 1px solid #333; color: #999; padding: 2em 120px 2em 0; position: relative; }
.lo-footer_bottom a { color: #999; text-decoration: underline; }
.lo-copyright { margin: 0 0 1em; }
.lo-sba { position: absolute; top: 20px; right: 0; }
.lo-sba img { display: block; }

.lo-scripts { background: #00141d; max-width: 100%; overflow: hidden; height: 1px; }
.art-articles_wrap { margin: -20px -340px -20px -20px; }
.lo-ad_bottom { margin: 20px auto; width: 728px; }
#leaderboard-bottom-ad { width: 728px; height: 90px; background: #fff; margin: 20px auto; text-align: center; }
.brandpost_article { margin: 0 -320px 0 0; }


/* Slideshow */
/*#site_columns_main.lo-main { float: left; }*/
.ss-page { margin: -20px -340px -20px -20px; }
.ss-caption { font-size: 1.15em; }
.ss-caption a { color: #1fb9f5; }

.lo-marketplace * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lo-marketplace { margin: 20px; }
.lo-marketplace:after { content: ""; display: table; clear: both; }
.lo-marketplace_header { clear:both; background: #888; color: #fff; padding: 5px 5px; margin: 5px 0 0 0; font-size: 12px; font-weight: 700; }
.lo-marketplace_list { list-style-type: none; padding: 0; margin: 0; }
.lo-marketplace_item { float: left; padding: 9px 10px; margin: 0; width: 50%; height: 60px; border-top: 1px solid #eee; background: #f8f8f8; }
.lo-marketplace_image { float: left; display: inline-block; vertical-align: middle; height: 42px; width: 100px; }
.lo-marketplace_image img { width: 100px; height: 42px; }
.lo-marketplace_title { display: block; vertical-align: middle; margin: 0 0 0 110px; color: #000; font-size: 1em; line-height: 1.5; }
.lo-marketplace_item:first-child,
.lo-marketplace_item:first-child+.lo-marketplace_item { border-top-width: 0px; }

#headeradbox1x1 { float: right; }
#tracking { float: right; }

.sec-artshort { padding: 20px 0; border-bottom: 1px solid #ddd; }
.sec-artshort_title { margin: 0; font-size: 1.5em; line-height: 1.3; font-weight: bold; }
.sec-artshort_title a { color: #000; }
.sec-artshort_summary { font-size: 1.1em; line-height: 1.5; font-weight: normal; color: #555; }
.sec-artshort_summary p { margin: 5px 0; }
.sec-artshort_footer { color: #999; }
.sec-artshort_author { }
.sec-artshort_date { }

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-resolution: 144dpi)
{
	.lo-logo {
		background-size: 171px 84px;
		background-image: url(images/logo_cio@2x.png);
	}
	.lo-nav_logo {
		background-size: 171px 84px;
		background-image: url(images/logo_cio@2x.png);
	}
	.lo-social_icon:after,
	.lo-header_nav_button:after,
	.lo-nav_close:after,
	.lo-header_profile:after,
	.lo-search:before
	{
		background-size: 512px 512px;
		background-image: url(images/sprites@2x.png?cache=2);
	}

}

@media only screen and (max-width: 1180px) {
	.lo-responsive .lo-nav_header { padding-left: 66px; }
}

@media only screen and (max-width: 1180px) and (min-width: 1041px) {
	.lo-responsive .lo-header_nav_button { position: relative; float: left; margin: 30px 20px 0 20px; }
	.lo-responsive .lo-header_ad { margin-left: 20px; }
	.lo-responsive .lo-footer { padding-left: 10px; padding-right: 10px; }
}

@media only screen and (max-width: 1080px) {
	.lo-responsive .lo-footer { padding-left: 10px; padding-right: 10px; }
	.lo-responsive .lo-noskin_bump { display: none; }
	.lo-responsive .lo-skin_script { display: none; }
}


@media only screen and (max-width: 1100px) {
	.lo-responsive .lo-nav_body { padding: 0 20px; }
	.lo-responsive .lo-nav_footer { padding: 20px; }
}

@media only screen and (max-width: 1040px) {

	.lo-responsive .lo-logo { width: 120px; height: 70px; margin: 0 auto; float: none; background-size: auto 50px; }
	.lo-responsive .lo-header_ad { padding: 10px; background: #222; float: none; clear: both; margin: 0; width: auto; height: auto; }
	.lo-responsive .lo-header_ad > * { margin: 0 auto; width: 728px; }
	.lo-responsive .lo-header_nav_button { left: auto; right: 20px; top: 20px; margin: 0; }
	.lo-responsive .lo-header { background: #dc0d0d; min-height: 70px; }
	.lo-responsive .lo-header_profile { display: none; }
	.lo-responsive .lo-header_nav_button { right: 12px; top: 12px; margin: 0; background: rgba(0,0,0,.5); }
	.lo-responsive .lo-header_nav_button:hover { background: rgba(0,0,0,.7); }
	.lo-responsive .lo-header_nav_button:before { display: none; }
	.lo-responsive .lo-nav_header { padding: 0; position: relative; border-bottom: none; }
	.lo-responsive .lo-nav_close { margin: 0; left: 5px; top: 5px; }
	.lo-responsive .lo-nav_logo { width: 120px; height: 70px; margin: 0 auto; float: none; background-size: auto 50px; }

	.lo-responsive .lo-search { margin: 0; width: 100%; }
	.lo-responsive .lo-search input.text { border-width: 1px 0 1px 0; }

	.lo-responsive .lo-nav_body { position: static; }
	.lo-responsive .lo-social { top: 10px; right: 15px; }
}

@media only screen and (max-width: 800px) {

	.lo-responsive .lo-marketplace_item { float: none; width: 100%; min-height: 60px; height: auto; }
	.lo-responsive .lo-marketplace_item:first-child+.lo-marketplace_item { border-top-width: 1px }
	.lo-responsive .lo-main { padding-right: 20px; float: none; }
	.lo-responsive .lo-rhs { margin-left: 0; width: auto; float: none; }
	.lo-responsive .ss-page { margin: -20px; }
}

@media only screen and (max-width: 768px) {
	.lo-responsive .art-articles_wrap { margin: -10px; }
	.lo-responsive .brandpost_article { margin: 0; }
}

@media only screen and (max-width: 728px) {

	.lo-responsive .lo-nav_header { border-bottom: none; }
	.lo-responsive .lo-header_ad { display: none; }
	.lo-responsive .lo-ad_bottom { display: none; }
	.lo-responsive .lo-search { margin: 0; width: 100%; }
	.lo-responsive .lo-social { position: static; margin: 20px 0 20px -5px; }
	.lo-responsive .lo-nav_footer_list li { display: block; margin: 0.5em 0; }
	.lo-responsive .lo-nav_list_columns .lo-nav_list { float: none; width: 100%; }

	.lo-responsive .lo-nav_subheader { border-bottom: 1px solid #fff; padding-bottom: 5px; }
	.lo-responsive .lo-nav_list { font-size: 1.2em; }
	.lo-responsive .lo-nav_list li { margin: 0.7em 0; }

	.lo-responsive #sites-promo { display: none; }

	.lo-responsive .lo-footer_nav_list li { display: block; margin: 0.5em 0; }
	.lo-responsive .lo-footer_nav_list li:before { display: none; }
	.lo-responsive .lo-footer_sites_list li { display: block; margin: 0.5em 0; }
	.lo-responsive .lo-footer_sites_list li:before { display: none; }

	.lo-responsive .lo-footer_bottom { padding: 2em 0 2em 0;}
	.lo-responsive .lo-sba { position: static; display: inline-block; margin: 1em 0 0 0; }

}

@media only screen and (max-width: 600px) {
	.lo-responsive .lo-main { padding: 10px; }
	.lo-responsive .lo-rhs { padding: 10px; }
	.lo-responsive .art-articles_wrap { margin: -10px; }

	.lo-responsive .brandpost_article { margin: 0 0 20px 0; }

}


#content_wrap { padding: 0 0 15px 0; width: 1080px; background: #fff; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); }

.clearing {height:0;clear:both}

/* clear fix */
.clearfix:after,
.cfix:after,
#header_bar:after,
#contentheader:after,
div.boxwrap:after,
div.boxwrapdbl:after,
div.paging:after,
#footer_columns:after,
.box_intro:after,
.lhsmenu_div:after,
.pr_item:after,
.top_stories:after,
.whatshot:after,
h1#sectax_title:after,
.clearbox:after,
.marketplace_content .item:after,
#hnavbar_submenu:after,
.story_images .thumbnails:after,
ul.storylist li:after,
.story_box:after,
div.paging:after,
.dyntabbar:after,
.multitabbar:after,
.page_links:after,
.story_more:after,
.tabpage:after,
.video_secmenu:after,
.video_menu ul li:after,
.tabpage_first:after
{ content: ""; display: table; clear: both; }
/* end clear fix */

div.hr { clear: both; height: 0px; font-size: 0; background: #ffffff; }
div.hr hr { display: none; }



.box_intro { font-size: 11px;  color: #888; margin: 0 0 5px 0; padding: 0 0 3px 0; background: transparent url(http://demo.idg.com.au/cw/site/dotted_h.gif) repeat-x bottom left; }
.box_intro .intro_img { float: left; padding: 0 3px 3px 0 }

#sites-promo { border: 1px solid #eee; margin: 0; overflow: hidden; }
#sites-promo .block { width: 20%; float: left; position: relative; }
#sites-promo .block:after { content: ''; background: #eee; height: 400px; width: 1px; position: absolute; top: 0; right: 0; }
#sites-promo .block h3 { margin: 0 0 5px 0; padding: 0; font-size: 11px; text-transform: uppercase; color: #333; }
#sites-promo .block .more-link a { text-decoration: none; text-transform: uppercase; font-size: 11px; }
#sites-promo .block .content { margin: 0; padding: 10px; color: #777; font-size: 12px; line-height: 1.5; }
#sites-promo .block .content ul { list-style-type: decimal; margin-bottom: 2px; padding: 0 0.5em 0 1.5em; }
#sites-promo .block .content ul li { margin-bottom: 8px; list-style-type: decimal; }
#sites-promo .block .content ul li a { text-decoration: none; }
#sites-promo .block .title { display: none; }
#sites-promo .block .content .site_logo { margin-bottom: 10px; padding: 0; height: 30px; background-position: center center; background-repeat: no-repeat; }
#sites-promo .block .content .site_logo a { display: block; margin: 0; height: 30px; }
#sites-promo .block-Good-Gear-Guide .content .site_logo, #sites-promo .block-GoodGearGuide .content .site_logo { background-image: url(images/sitepromo_ggg.gif) !important; }
#sites-promo .block-Techworld .content .site_logo { background-image: url(images/sitepromo_tw.gif) !important; }
#sites-promo .block-ALS .content .site_logo { background-image:url(images/sitepromo_als.gif) !important; }
#sites-promo .block-ARN .content .site_logo { background-image: url(images/sitepromo_arn.gif) !important; }
#sites-promo .block-PC-World .content .site_logo { background-image: url(images/sitepromo_pcw.gif) !important; }
#sites-promo .block-CIO .content .site_logo { background-image: url(images/sitepromo_cio.gif) !important; }
#sites-promo .block-Computerworld .content .site_logo { background-image: url(images/sitepromo_cw.gif) !important; }
#sites-promo .block-CFO .content .site_logo { background-image: url(images/sitepromo_cfo.gif) !important; }
#sites-promo .block-CSO .content .site_logo { background-image: url(images/sitepromo_cso.gif) !important; }
#sites-promo .block-CMO .content .site_logo { background-image: url(images/sitepromo_cmo.png) !important; }
#sites-promo .block h2 { display: none; }

/* Slideshow Page */
.slideshow_list {}
.slideshow_list .story_box .sms { display: none; }
.slideshow_list .story_box h3 { font-size: 14px; }
.slideshow_list .story_box .author { text-align: left; margin-top: 10px; }
.slideshow_list ul.storylist_nb { list-style-type: none; padding: 0; }
.slideshow_list ul.storylist_nb li { padding: 15px; margin: 0; border-bottom: 1px solid #eee; }
ul.slideshow-list { margin: 15px 0 10px 15px; padding: 0; list-style-type: none; }
ul.slideshow-list li { display: inline; float: left; margin: 0 0 18px 18px; padding: 0; width: 140px; font-size: 11px; }
ul.slideshow-list li.firstcol { margin: 0 0 20px 0; clear: both; }
.slideshow-list .image { border: 1px solid #ddd; padding: 3px; }
.slideshow-list .image a { display: block; height: 95px; overflow: hidden; background: #f8f8f8; text-align: center; }
.slideshow-list .image img { height: 95px; display: block; margin: 0 auto; }
.frontpage_slideshows_imgg a:hover { border-color: #000; }
.slideshow-list h3 { padding: 0; margin: 6px 0; font-weight: 700; font-size: 12px; line-height: 15px; }
.slideshow-list h3 a { color: #000; }
.slideshow-list a.count { padding: 0 0 0 18px; margin: 0; color: #aaa; height: 12px; line-height: 11px; font-size: 10px; background: url(images/slideshow_icons.png) no-repeat 0 2px; width: 20px;  }
.slideshow-list a.count:hover { background-position: 0 -12px; color: #000; text-decoration: underline; }
ul.slideshow-list { margin: 25px 0 10px 0; padding: 0; list-style-type: none; }
ul.slideshow-list li { display: inline; float: left; margin: 0 0 20px 20px; padding: 0; width: 140px; font-size: 11px; }
ul.slideshow-list li.firstcol { margin: 0 0 20px 0; clear: both; }
.slideshow-list .image { border: 1px solid #ddd; padding: 3px; }
.slideshow-list .image a { display: block; height: 95px; overflow: hidden; background: #f8f8f8; text-align: center; }
.slideshow-list .image img { height: 95px; display: block; margin: 0 auto; }
.frontpage_slideshows_imgg a:hover { border-color: #000; }
.slideshow-list h3 { padding: 0; margin: 6px 0; font-weight: 700; font-size: 12px; line-height: 15px; }
.slideshow-list h3 a { color: #000; }
.slideshow-list a.count { padding: 0 0 0 18px; margin: 0; color: #aaa; height: 12px; line-height: 11px; font-size: 10px; background: url(images/slideshow_icons.png) no-repeat 0 2px; width: 20px;  }
.slideshow-list a.count:hover { background-position: 0 -12px; color: #000; text-decoration: underline; }


/*.whitepaper-summary { margin: 0 0 25px 10px; }*/
.whitepaper-summary { padding: 10px; }
.whitepaper-summary-odd { background: #f5f5f5; }
.whitepaper-summary-info {  }
.whitepaper-summary-title { display: block; font-family: Georgia, "Times New Roman", serif; font-size: 18px; text-decoration: none; }
.whitepaper-summary-image { display: block; float: right; width: 116px; height: 150px; margin: 0 0 0 15px; border: 1px solid #333; }
.whitepaper-summary-date { font-weight: 700; color: #222; margin-top: 2px; }
.whitepaper-summary-desc { margin: 10px 0 10px 0; color: #555; }
.whitepaper-summary-download { display: block; display: inline; float: left; padding: 3px 8px; background: #2577BB url(images/whitepaper_download_button.gif) repeat-x bottom left; border: 1px solid #3D81B7; border-color: #3D81B7 #003E72 #00284E #3D81B7;  color: #fff; text-decoration: none; margin: 0; text-decoration: none !important; }

.list-options { padding: 5px 0; border-bottom: 1px solid #888; text-transform: uppercase; font-size: 11px; }
.list-options a { text-decoration: none; }
.list-nav { padding: 5px 0; margin-bottom: 10px; border-top: 1px solid #888; text-transform: uppercase; font-size: 11px; }
.list-nav a { text-decoration: none; }
.list-nav-prev { float: left; }
.list-nav-next { float: right; }


/* Section Page */

.sec-header { font: 300 3.2em/1.3 Raleway, sans-serif; margin-top: 0; }
/*.sec-header a { color: #000; }*/
.sec-header a:hover { color: #dc0d0d; text-decoration: none; }
.sec-header span { color: #8d8d8d; font-weight: 300; }

div.boxwrapdbl {
	clear: both;
	padding: 0; margin: 0;
}
div.boxwrapinner { overflow: hidden; width: 310px; }
div.dbl_left { float: left; width: 382px; margin-left: 3px; margin-right: 0 !important; }
div.dbl_right { float: right; width: 238px; }

ul.storylist { font-size: 11px; padding:0; margin:0; float: left; overflow: hidden; list-style-type: none; width: 100%; }
ul.storylist li { position: relative; padding: 2px 0; margin:0; display: block; overflow: hidden }
ul.storylist_nb { padding: 0 0 0 20px; margin: 0; list-style-type: square; color: #bbb; }
ul.storylist_nb li { padding: 0; margin: 0 0 5px 0; }

.story_box a.storybtn { position: absolute; display: block; top: 4px; left:5px; color: #999; text-decoration: none; font-size: 13px; height: 10px; width:10px; }
.story_box .storydtl { margin: 0 0 0 20px; font-size: 12px }
.story_box h3 { padding:0 0 2px 0; margin:0; font-size: 12px }
.story_box .date { color: #aaa; padding-left: 2px; white-space: nowrap }
.story_box .moredtl { overflow: hidden; display: none; }
.story_box ul.storylist li { margin: 0 0 3px 0; }
.story_box a.storybtn { text-indent: -1000px; background: url(http://demo.idg.com.au/cw/site/story_exp.gif) no-repeat; }
.story_box a.col { background: url(http://demo.idg.com.au/cw/site/story_col.gif) no-repeat; }
.story_box .date { color: #333; font-weight: 700; font-size: 10px; text-transform: uppercase; padding: 0; }
.story_box .moredtl { color: #999; padding: 3px 8px 0 0; font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.story_box .sms { color: #999; padding: 3px 8px 0 0; font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size: 11px }
.story_box .podcastfile { color: #999 }
.story_box { padding: 2px; margin-bottom: 5px; }
.story_box .story_more { clear: both; text-align: right; }
.story_box .story_more ul { list-style-type: none; padding: 5px 0 0 0; margin: 0; }
.story_box .story_more ul li { margin: 0; padding: 0 0 0 20px; font-size: 11px; font-weight: 700; }


.boxheader, #contentleft_wrap .block h2, #contentright_wrap .block h2, #contentright_wrap .block .title { background: #000; color: #fff; font-size: 11px; font-weight: 700; padding:5px 5px; margin: 2px; }
.boxwrap { border: 1px solid #aaa; margin-bottom: 5px; background: #fff; }

#hnavbarsub_div { border: 2px solid #eee; border-width: 1px 0 1px 0; padding: 0 5px 5px 0; margin: 10px 0 10px 0; background: #f8f8f8; }
ul#hnavbar_submenu { clear:both; list-style-type: none; margin: 0; padding: 0; font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; }
ul#hnavbar_submenu li { display: inline; float:left; width: auto; padding: 3px 10px; margin: 5px 0 0 0; border-right: 1px solid #eee; text-align: center }
ul#hnavbar_submenu li a { color: #aaa; border-bottom: 2px solid #f8f8f8; font-size: 11px; line-height: 14px; font-weight: 700; }
ul#hnavbar_submenu li a:hover { text-decoration: underline; color: #333;  text-decoration: none; }
ul#hnavbar_submenu li.selected a { color: #333; font-weight: 700; }


.innerheader, .multisecbox h2, .multisecbox .title { color: #222222; font-size: 12px; font-weight: 700; padding: 6px 3px 1px 3px; border-bottom: 1px solid #CC0033; margin: 3px; font-family: Georgia, "Times New Roman", serif; }
.innercontent, .multisecbox .content { padding: 3px 3px; }
.sec_tax_header { color: #000; border: 2px solid #CC0033; border-width: 0 0 1px 0; margin: 5px 0 6px 0; font-size: 14px; font-weight: 700; font-family: Georgia, "Times New Roman", serif; padding: 8px 3px 3px 0; }
.sec_tax_header .header_more { float: right; font-weight: 100; font-size: 11px; text-decoration: none; color: #000; padding-top:2px; line-height: 12px; }
.sec_tax_header .header_more:hover { color: #404040 }

.box_intro { font-size: 11px;  color: #555; margin: 0 0 5px 0; padding: 0 0 3px 0; background: transparent url(http://demo.idg.com.au/cw/site/dotted_h.gif) repeat-x bottom left; font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; }
.box_intro .intro_img { float: left; padding: 0 3px 3px 0 }

.rssfeedsheader { background: url(http://demo.idg.com.au/cw/site/RSS.gif) no-repeat center right }


.dynboxwrap, #sky5 { margin-bottom: 5px }


.dyntabbox { background: #fff; border-color: #bbb #ccc #aaa #aaa }
.tabpage .story_box { padding:0; margin:0;  border:none; position: relative; }
.tax_header { color: #000; border: 2px solid #CC0033; border-width: 0 0 1px 0; margin: 5px 0 6px 0; font-size: 24px; font-weight: 100; font-family: Georgia, "Times New Roman", serif; padding: 8px 3px 3px 0; }

#videolist_page { margin: 0; padding: 0; background: none !important; border: none !important; }
#videolist_page h1 { font: 24px/26px Helvetica !important; font-weight: 400 !important; color: #000 !important; }


.boxwrap .header {
	background:#000000;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 257px 3px 3px;
}


/*login area -- overwriting style.css and form.css*/
#user-register {
	margin: 10px 0px 15px 0px;
}
#user-register .form-required { color: #aaa !important; }
#user-register .legend {
	color: #232323;
	font-size: 18px;
	letter-spacing: 0.25px;
	padding: 10px 0;
}
#user-register fieldset legend {
	color: #232323;
	font-size: 18px;
	letter-spacing: 0.25px;
	padding: 10px 0 5px 0;
}
#user-register .accountexist {
	clear: both;
	color: #232323;
	font-size: 18px;
	letter-spacing: 0.25px;
	padding: 10px 0 5px 0;
}

.user_header {
	padding: 10px 3px 3px;
	border-bottom: 1px dotted #CCC;
	font-size: 30px;
	letter-spacing: -0.5px;
	color: #2c2c2c;
}

#user-register .form-item .form-text { width: 145px; padding: 2px 4px; border: 1px solid #ccc; }

.topfields {
	background-color: #333 !important;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #454545 !important;
	padding: 10px 14px 10px 14px !important;
	color: #FFF;
}

#user-register #edit-pass-pass1-wrapper,
#user-register #edit-pass-pass2-wrapper,
#user-register #edit-firstname-wrapper,
#user-register #edit-lastname-wrapper,
#user-register #edit-companyname-wrapper,
#user-register #edit-jobtitle-wrapper {
	float: left;
	width: 293px;
}
#edit-salutation-id-wrapper { clear: both; border-top: 1px dotted #777; padding-top: 10px !important; }
#edit-address-postcode-wrapper { clear: both; border-bottom: 1px dotted #777; padding-bottom: 10px !important; margin-bottom: 5px !important; }
#edit-jfid-wrapper { clear: both; }
.topfields #edit-pass-wrapper {
	margin:0 !important;
	padding:0 !important;
}
#user-register #edit-submit { margin: 15px 0; }
#user-register .topfields .form-item label { color: #fff; width: 125px; display: block; display: inline; float: left; font-size: 12px; margin-right: 5px; padding: 0 0 2px 0; line-height: 21px; text-align: right; font-weight: 100; }
#user-register .topfields .form-item { padding: 8px 0; margin: 0; }
#user-register .topfields .edit-pass-wrapper .form-item { margin: 0; }
#user-register .form-item label, .form_result label {
	color: #232323;
	letter-spacing: 0.25px;
}
#user-register .topfields #edit-pass-pass2-wrapper label,
#user-register .topfields #edit-lastname-wrapper label,
#user-register .topfields #edit-jobtitle-wrapper label
{ width: auto; whitespace: nowrap; }
#user-register fieldset {	border: 0;	margin: 0;	padding: 0; }
#user-register .check_item {	display: none;}
#user-register #edit-mollom-captcha-wrapper  label  {font-size: 18px;}
#user-register .privacy { text-align: right; font-size: 11px; padding: 2px; }
#edit-mollom-captcha-wrapper .description { width: 430px; }

#edit-pass-wrapper { position: relative; }

.form-item input.error, .form-item textarea.error, .form-item select.error {
	border: 1px solid #C45252 !important;
	background: #FFEEEE;
	color: #333
}
.password-strength { display: block; color: #fff; font-size: 11px; }
span.password-confirm { display: block; color: #fff; font-size: 11px; }
.password-result { font-weight: 700; }
span.password-confirm span { font-weight: 700; }
span.password-confirm .error { color: #fff; }
span.password-confirm .ok { color:#A1CF45; }
div.password-description { width: auto !important; max-width: none; background: #676767 !important; color: #fff !important; border: 1px solid #aaa !important; padding: 8px 10px 8px 130px !important; line-height: 14px; margin-bottom: 5px; }

.cw_toplogin {
	float: right;
	font-size: 11px;
	letter-spacing: 0.1px; /*IE+FF text render fix*/
	margin-top: -13px;
	margin-left: 5px;
}

#usersystem { padding: 0 0 0 20px; }

#user-register .check_item {display: none;}
#user-register #edit-mollom-captcha-wrapper  label  {font-size: 18px;}
#user-register .privacy {padding: 3px 0 0 550px;}
#edit-mollom-captcha-wrapper .description { width: 430px; }

#main #usersystem fieldset ul.errorlist { width: 113px; }
#main #usersystem fieldset ul.errorlist:after { right: 129px; }


#edit-comment-wrapper { float: left; }
#edit-submit { float:left; }
#edit-preview {float:left; }
#comments .form-item { clear: both; }


.zone .lo-main { width: 1080px; float: none; }
.zone .lo-columns { background: none; }
.zone #content_wrap { background: none; border: none; }
.zone ul#hnavbar_sections li { margin: 5px 0 0 0; }

h1#zone_header { height: 130px; text-indent: -9999px; padding: 0; margin: 0; }
#zone_headermenu { height: 50px; }
#zone_headermenu ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; font-weight: 700; text-transform: uppercase; }
#zone_headermenu ul li { margin: 0; padding: 0; display: inline; float: left; }
#zone_headermenu a { display: block; line-height: 40px; padding: 0 20px; color: #94AAB8; }
#zone_headermenu a:hover { color: #fff; text-decoration: none; }
#zone_headermenu ul li.selected a { color: #fff; }

#main #blogs { margin: 0; padding: 20px 0 20px 20px; }

#zones { padding: 30px; }
#zones h2 { float: right; width: 500px; font-size: 18px; line-height: 22px; margin: 0 0 10px 0; padding: 0; }
#zones h2 a { color: #000; }
#zones h2 a:hover { color: #409ed6; text-decoration: none; }
#zones p { float: right; width: 500px; margin: 0 0 10px 0; font-size: 12px; line-height: 17px; padding: 0; }
#zones p a { color: #409ed6; font-weight: 700; }
ul#zone_list { padding: 0; margin: 0; list-style-type: none; }
ul#zone_list li { padding: 15px 0; margin: 0; border-top: 1px solid #eee; }
a.zones_zone_tn { width: 100px; height: 100px; border: 3px solid #eee; float: left; display: inline; margin: 0 0 10px 0; }
a.zones_zone_tn:hover { border-color: #409ed6; }

/* Media Release */
#mediarelease_wrap { padding: 30px 0 30px 30px; }
#main .prstorydisc { margin: 0; }
#main #mr_article { padding: 20px; }

/* Event */
.eventspage #eventpage { padding: 0; }
.eventspage #eventpage h1 { color: #aaa; }
.eventspage #eventpage h1 a { color: #aaa; }
.eventspage #eventpage h2 { font-size: 24px; line-height: 28px; text-transform: none; color: #000;  }
.eventspage .sectionpage_subheader { padding: 5px 10px; background: #000; color: #fff; margin: 10px 0 0 0; border: none; height: auto; }
.eventspage .sectionpage_subheader b { background: none; margin: 0; float: none; }
.eventspage h1#sectax_title { padding: 0; }
.eventspage p.errormessage { margin: 0; }

/* Pagination */
.pagination{float:left;margin:10px 0;clear:both;}
.pagination .page{line-height:22px;padding:0 2px;font-size:11px;color: #c1c1c1;}
.pagination a.page{color: #0581c9;}
.pagination a.page:hover{color: #08a0f9;}
.pagination .prev, .pagination .next{background: #ececec;font-size:11px;font-weight:300;margin:18px 0 5px;padding:4px 6px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;}
.pagination a.prev:hover, .pagination a.next:hover{background: #000;text-decoration: none;color: #fff;}
.pagination .disabled{color: #999; background: #eee;}

/* Contact Page */
#contactpage { padding: 10px 30px; font-size: 13px; line-height: 1.5; }
#contactpage h1 { padding: 0; margin: 20px 0; font-size: 32px; font-weight: bold; color: #000; }
#contactpage h2 { padding: 0; margin: 40px 0 0 0; font-size: 12px; font-weight: bold; color: #000; text-transform: uppercase; border-bottom: 1px solid #333; }
#contactpage h3 { padding: 10px 0 0 0; margin: 10px 0 0 0; font-size: 18px; font-weight: bold; color: #000; }
#contactpage .contact { margin: 30px 0; }
#contactpage p { padding: 0; margin: 0; }

.mobile_switch a { padding: 10px; text-align: center; font-weight: bold; display: block; background: #BF0000; color: #fff; font-size: 2em; margin: 20px; border-radius: 10px; }

#digital_editions { padding: 30px 10px 30px 30px; }
#digital_editions h1 { padding: 0 0 10px 0; }

/* Authors Page */
.authors-articles h2.sectionpage-subheader { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 2px solid #C30000; color: #000000; font-size: 24px; font-weight: 700; line-height: 29px; margin-bottom: 8px; padding: 10px 5px 2px; }
.authors-articles .article_summary { border-bottom: 1px dotted #DDDDDD; color: #888888; padding: 0px 0; }

.native_ad, .native_ad * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.native_ad { position: relative; padding: 10px 10px 10px 92px; min-height: 92px; background:#f3f3f3; }
.native_ad:before { content: 'Sponsored content'; display: block; color: #bbb; text-transform: uppercase; font-size: 0.8em; }
.native_ad img { position: absolute; top: 10px; left: 10px; }
.native_ad h3 { margin: 5px 0 5px !important; color: #0581c9; }
.native_ad p { margin: 0 !important; }
/*.native_ad p:after { content: 'Read more'; display: block; margin: 5px 0 0; color: #0581c9;  }*/
.native_ad a {  position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; }
#frontpage_latest_list li > .native_ad { margin-top: -10px; }



.lo-list { list-style-type: none; padding: 0; margin: 5px 0 0 0; }
.lo-list * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lo-list li { padding: 5px 0; margin: 0; position: relative; -webkit-transition: opacity .1s ease-in; -moz-transition: opacity .1s ease-in; -o-transition: opacity .1s ease-in; transition: opacity .1s ease-in; }
.lo-list li:before { content: ""; position: absolute; background: #ddd; top: 0; left: 60px; right: 0; height: 1px; }
.lo-list li:first-child:before { display: none; }
.lo-list li:after { content: ""; display: table; clear: both; }
.lo-list_image { width: 50px; height: 50px; position: relative; display: inline-block; overflow: hidden; border: 1px solid #eee; border-radius: 50%; margin: 0 -60px 0 0; vertical-align: middle; }
.lo-list_image img { position: absolute; right: -100%; left: -100%; top: -100%; bottom: -100%; height: 100%; margin: auto; -webkit-transition: all .2s cubic-bezier(.42,0,.58,1); -moz-transition: all .2s cubic-bezier(.42,0,.58,1); -o-transition: all .2s cubic-bezier(.42,0,.58,1); transition: all .2s cubic-bezier(.42,0,.58,1); }
.lo-list_image.empty:after { content: ''; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; background: url(images/sprites.png?cache=2) no-repeat -352px -32px; opacity: 0.5; }
.lo-list img { display: block; }
.lo-list_title { font-weight: normal; font-size: 1.1em; display: inline-block; vertical-align: middle; line-height: 1.3; margin: 0 0 0 70px; }
.lo-list_title a { color: #000; }
.lo-list_title a:hover { text-decoration: none; color: #dc0d0d; }
.lo-list .num { display: inline-block; font-family: "Oswald", sans-serif; width: 25px; margin: 0 -25px 0 0; line-height: 25px; width: 25px; vertical-align: middle; text-align: center; color: #bf0000; font-size: 1.4em; }
.lo-list .num+h3 { margin: 0 0 0 32px; }
.lo-list .author { display: block; color: #bbb; }

.lo-list.zones .lo-list_image { border-radius: 0; }
.lo-list.whitepapers .lo-list_image { border-radius: 0; }
.lo-list.whitepapers .lo-list_image { height: auto; border: none; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.3); box-shadow: 0 1px 1px rgba(0,0,0,.3); max-height: 100px; }
.lo-list.whitepapers .lo-list_image img { position: static; width: 100%; }

.art-topbar_logo { height: 55px; width: 98px; background: #dc0d0d url(images/article_logo.png) no-repeat 0 0; position: relative; z-index: 5; }

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5),
only screen and (min-resolution: 144dpi)
{
	.art-topbar_logo {
		background-size: 98px 55px;
		background-image: url(images/article_logo@2x.png);
	}
}

.art-wrap .promo_text { font-size: 1.3em; line-height: 1.5; }

.taxonomy-page .brandpost_native { padding: 20px; }
.taxonomy-page .brandpost_native p { font-size: 1em; color: #999; margin: 0 0 10px 0; }

#sectionpage .brandpost_li { padding: 0; }
#sectionpage .brandpost_native { margin: 0; }

#frontpage_topstories .brandpost_li { padding: 0; }
#frontpage_topstories .brandpost_native { margin: 0; }


.qs-newsletter_confirm { padding: 20px; }
.qs-newsletter_confirm a { color: #0581c9; }