@charset "utf-8";
/* CSS Document */

/* TEXT STYLES */
a {
	color: #002b9e;
	outline:none;
}
.title {
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height:20px;
}
.title2 {
	font-weight:bold;
	color:#1a60a4;
}
.deck {
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height:16px;
}
.cta {
	font: bold 10px Arial, Helvetica, sans-serif;
}
.date {
	font: bold 10px Arial, Helvetica, sans-serif;
	color:#666;
}
.cta2 {
	font: bold 10px Arial, Helvetica, sans-serif;
	color:#1a60a4;
}

/* HEADER STYLES */
body, form {
	margin:0;
	padding:0;
}
body {
	background:url(/images/ibm-page-bg.jpg) repeat-x #e8e8e8;
	font: bold 12px Arial, Helvetica, Verdana,sans-serif;
}
#header {
	width:100%;
	background:url(images/header-bg.jpg) no-repeat #000000;
	text-align:center;
	height:145px;
	border-bottom:3px solid #000000;
}
#googleinput {
	height:16px; 
	border: 1px solid rgb(126, 157, 185); 
	padding: 2px; 
	background: rgb(255, 255, 255) url(http://www.google.com/coop/intl/en/images/google_custom_search_watermark.gif) no-repeat scroll left center;
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}
#head_ads {
	margin: 0 auto;
	width:900px;
	padding:12px 0;
}
#header_search {
	margin: 0 auto;
	width:900px;
	height:20px;
	text-align:right;
}
.subdeck {
	font-size:10px;
	font-weight:bold;
	color:#000;
}
.subdeck a {
	color:#000;
	text-decoration:underline;
}
.subdeck a:hover {
	text-decoration:none;
}
/* MAIN CONTENT  */

#container { 
	width: 900px;  
	margin: 0 auto;
	text-align:left; 
} 

#sidebar1 {
	float: right;
	width: 336px;
	padding: 0 0 0 10px;
	margin:0;
}
#mainContent { 
	margin: 0 350px 0 0;
	padding: 0 0 15px 0;
} 
#footer { 
	padding: 0 10px 0 20px;
	background: #1e1e1e;
	color:#fff;
	text-align:center;
	font-size:10px;
	height:100px;
} 
#footer p {
	margin: 0;
	padding: 10px 0;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* MODULES */

div.moduleDate {
  float: right;
  font-size: 10px;
}


.module {
  width: 100%;
  margin: 0 0 15px 0;
  float:left;
  /* background: url('images/topleft.png') left top no-repeat; */
}

#mainContent .module h1 {
  padding: 6px 0 6px 15px;
  margin:0;
  font-size: 15px;
  background: #666666;
  letter-spacing:-.05em;
  color:#fff;
  background: url('images/left-col-headers.png') no-repeat;
  /* background: url('images/topright.png') right top no-repeat; */
}

.module #moduleOuter {
  /* background: url('images/bottomleft.png') left bottom no-repeat; */
  border-bottom: 1px solid #666666;
}
#sidebar1 .module h1 {
  padding: 6px 0 6px 15px;
  margin:0;
  font-size: 15px;
  background: #666666;
  letter-spacing:-.05em;
  color:#fff;
  background: url('images/right-col-headers.png') no-repeat;
  /* background: url('images/topright.png') right top no-repeat; */
}
#sidebar1 .module #moduleOuter {
  /* background: url('images/bottomleft.png') left bottom no-repeat; */
  border-bottom: 1px solid #666666;
  border:0;
}

.module #moduleInner {
  /* background: url('images/bottomright.png') right bottom no-repeat; */
}

#blogEntry {
  padding:10px 10px 0 10px;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;

}
.vizard {
  background:url(images/mvizard.jpg) no-repeat #fff;
  background-position: 15px 15px;
}
.preimesberger {
  background:url(images/cpriemesberger.jpg) no-repeat #fff;
  background-position: 15px 15px;
}
.steinhart{
  background:url(images/msteinhart.jpg) no-repeat #fff;
  background-position: 15px 15px;
}
.bold {
	font-weight:bold;
}
#thumb {
	padding:0 0 5px 10px;
}
.article-title {
	color:#3c3c3c; 
	font-weight:bold;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
.byline {
	display:block; 
	color:#3c3c3c; 
	padding-top:5px; 
	font-size:10px;
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.articlebody {
	font-size:14px; 
	line-height:18px;
}
.module p {
  padding-bottom: 10px;
}

.module p, .module h2 {
	margin:0;
  padding-left: 20px;
  padding-right: 10px;
}
#normal {
	border-left:1px solid #666;
	border-right:1px solid #666;
	padding:10px;
	font-weight:normal;
	margin:0;
	border-bottom:1px solid #ccc; 
	color:#3c3c3c;
}

div.rsslink {
  float: right;
  padding: 7px;
  font-size: 10px;
}
#header-overlay {
	padding:7px 0 4px 0;
}

/* MENU */

#technology-nav {
	width:130px;
}
#smarterstrategies-nav {
	width:170px;
}
#globalchallenges-nav {
	width:170px;
}
#forums-nav {
	width:80px;
}
#newsletters-nav {
	width:120px;
}
#rss-nav {
	width:60px;
}
#twitter-nav {
	width:100px;
}

#technology #technology-nav,
#smarterstrategies #smarterstrategies-nav,
#globalchallenges #globalchallenges-nav,
#forums #forums-nav,
#newsletters #newsletters-nav,
#rss #rss-nav,
#twitter #twitter-nav,
#menu ul li a:hover{
	color : #000;
	background:url(images/menu-over.jpg) repeat-x;
	} 
#menu{
	color : White;
	font-size:14px;
	width:100%;
	margin:3px auto 0 auto;
	height:30px;
	text-align:center;
	background:url(images/menu-bg.png);
	}
#menu ul{
	padding : 0;
	margin : 0 auto;
	width:950px;
	border-top:1px solid #016126;
	}
#menu ul li{
	display : inline;
	}
#menu ul li a{
	padding:8px 0 5px 0;
	border-left:solid 2px #5c7cad;
	color:#fff;
	font-weight : bold;
	text-align:center;
	text-decoration : none;
	float : left;
	height:15px;
	
	}

#menu a {
	font-size:12px;
	text-align:right;
	text-transform: uppercase;
	}
.lastMenuItem {
	border-right:solid 3px #5c7cad;
}

/* FORUMS */

#forumContainer {
	width:528px;
	padding:0 10px 10px 10px; 
	background:#fff;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	margin:0;
	float:left;
	}
#forumContainer ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	}
#forumContainer li {
	padding:0;
	margin:0;
	float:left;
	}
#forumContainer .row a, #forumContainer .row2 a {
	background-image: url(images/download-off.png); 
	background-repeat: no-repeat; 
	background-position: 462px 5px; 
	display:block; 
	padding:3px; 
	width:518px; 
	_width:515px; 
	color:#000000; 
	font-weight:bold; 
	padding-left:8px; 
	font-size:11px;
	margin:0;
	float:left;
	}
#forumContainer a:link, #forumContainer a:visited {
	color:#000000; 
	font-weight:bold; 
	text-decoration:none;
	margin:0;
	}
#forumContainer a:hover {
	background-image: url(images/download-on.png); 
	background-repeat: no-repeat; 
	background-color:#cde6f8; 
	color:#444444;
	}
#forumContainer .firstRow {
	border-top:2px solid #ccc;
}
.forumTitle {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#003399;
}
.forumDescription {
	font-weight:normal;
	line-height:16px;
}
.topicButton {
	background:#f4f4f4; 
	float:left; 
	width:96px; 
	text-align:center; 
	padding:5px 0;
	margin:2px;
	border:1px solid #ccc;
}
.topicButton:hover {
	border:1px solid #003366;
}
.whitebg {
        background:#fff;
}
.offwhitebg {
	background:#cecece;
        color:#fff;
}
.greenbg {
        background:#cccccc;
        color:#fff !important;
}
.greenbg a {
        color:#1a60a4 !important;
        font-size:12px;font-weight:bold;padding-left:10px;padding-right:20px;padding-bottom:5px;display:block;
}

#forumContainer .row {
 	margin:0;
	padding:0;
	margin-top:3px;
	font-size:12px;
	float:left;
	}
#forumContainer .bottomrow {
 	margin:0;
	padding:0;
	padding-top:8px;
	margin-top:12px;
	font-size:12px;
	float:right;
	width:518px;
	_width:515px;
	text-align:center;
	border-top:2px solid #ccc;
	}
#forumContainer .bottomrow a {
	color:#003399;
	text-decoration:underline;
}
#forumContainer .bottomrow a:hover {
	text-decoration:none;
}
.forumTopics {
	float:left; 
	padding:10px 0;
	/* width:300px */
}
#forumContainer .row2 {
 	margin:0;
	padding:0;
	font-size:12px;
	margin-top:3px;
	float:left;
	background:#f3f3f3;
	}
.topicHead {
	background:#acf347; 
	color:#fff; 
	text-align:center; 
	margin-bottom:2px;
}
.topicHead a {
	text-decoration:none !important;
}
#forums-header {
	width:220px; 
	float:left; 
	padding:10px;
}
#forums-inner {
	border-left:1px solid #666; 
	border-right:1px solid #666; 
	background:#fff;"
}

#forumContainer .date {
  	float: left;
  	width: 60px;
 	text-align: left;
    margin:0;
	}
#forumContainer .title {
  	float: left;
  	width: 250px;
 	text-align: left;
	font-weight:normal;
	font-size:12px;
	padding-right:20px;
	margin-top:0;
	}
#forumContainer .author {
  	float: left;
  	width: 130px;
 	text-align: left;
    margin:0;
	}
#forumContainer .hits {
  	float: left;
  	width: 50px;
 	text-align: left;
    margin:0;
	}
#forumContainer .more {
  	float: left;
  	width: 160px;
 	text-align: left;
    margin:0;
	font-size:13px;
	}
#forumContainer .total {
  	float: left;
  	width: 180px;
 	text-align: left;
    margin:0;
	font-weight:normal;
	}
#forumContainer .pages {
  	float: left;
  	width: 90px;
 	text-align: left;
    margin:0;
	font-weight:normal;
	}
#forumContainer .links {
  	float: left;
  	width: 80px;
 	text-align: left;
    margin:0;
	font-size:14px;
	}
.txt {
color:#333333;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
}
h2 {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:22px;
font-weight:bold;
margin:0;
}
.colorbar {
        background-color: #790000;
}
.contentpaneopen {
background-color:#fff;
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
}

.title_linked, .title_linked a{
color: rgb(60, 60, 60); font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 24px; line-height: 26px; font-size-adjust: none; font-stretch: normal;text-decoration:none;
}
.title_linked a:hover{
color: rgb(60, 60, 60); font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 24px; line-height: 26px; font-size-adjust: none; font-stretch: normal;text-decoration:underline;
}
ol {
font-size:14px;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
}
#related-content {
	WIDTH:315px; _WIDTH:322px;FONT-FAMILY: verdana,arial,sans-serif; POSITION: relative; 
}
#related-content-header {
	Z-INDEX: 5; BACKGROUND-IMAGE: url(/images/related_content/slices2/eweek-relcon-header-bg.gif); WIDTH: 315px; POSITION: absolute; HEIGHT: 36px
}
#related-content-header H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; Z-INDEX: 5; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 315px; COLOR: #fff; LINE-HEIGHT: 36px; PADDING-TOP: 0px; FONT-FAMILY: verdana,arial,sans-serif; POSITION: absolute; HEIGHT: 36px; TEXT-ALIGN: center
}
#related-content-body {
	clear:both;
font-family:arial,sans-serif;
position:relative;
WIDTH:315px; _WIDTH:322px;
}
#related-content-body-ccpc {
	CLEAR: both; BACKGROUND-IMAGE: url(/images/related_content/slices2/relcon-bg_ads.gif); WIDTH:315px; _WIDTH:322px;FONT-FAMILY: arial,sans-serif; POSITION: relative; 
}
#related-content-tabs {
	CLEAR: both; BORDER-TOP: #cccccc 1px solid; LEFT: 2px;WIDTH:315px; _WIDTH:322px;FONT-FAMILY: arial,sans-serif; POSITION: relative; TOP: 38px; HEIGHT: 27px; BACKGROUND-COLOR: #3366cc;
}
#related-content-tabs A:hover {
BACKGROUND-COLOR: #ffffff;COLOR: #0000cc; 
}
.related-content-date{
        font-size: .78em;color:#000000;
}
.rel-tab-on {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 105px; _WIDTH: 107px;COLOR: #0000cc; LINE-HEIGHT: 23px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.rel-tab-on A B {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 105px; _WIDTH: 107px;COLOR: #0000cc; LINE-HEIGHT: 23px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.rel-tab-off {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 13px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 104px; _WIDTH: 106px;COLOR: #ffffff; LINE-HEIGHT: 23px; PADDING-TOP: 0px; BACKGROUND-COLOR: #3366cc; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.rel-tab-off A B {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 13px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 104px; _WIDTH: 106px;COLOR: #ffffff; LINE-HEIGHT: 23px; PADDING-TOP: 0px; BACKGROUND-COLOR: #3366cc; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.rel-tab-off a:hover {
BACKGROUND-COLOR: #ffffff;COLOR: #0000cc; 
}
.rel-tab-off a:hover B {
BACKGROUND-COLOR: #ffffff;COLOR: #0000cc; 
}
#related-content-tabs A {
	DISPLAY: inline; FONT-SIZE: 13px; HEIGHT: 27px
}
#related-content-body DIV UL,  #related-content-body-ccpc DIV OL{
	PADDING: 0px; LIST-STYLE: none none outside;  MARGIN: 0px; COLOR: #c4c4c4; 
}
#related-content-body DIV UL LI, #related-content-body-ccpc DIV OL LI  {
	 MARGIN: 0px; OVERFLOW: hidden; PADDING: 0px; POSITION: relative; HEIGHT: 42px; _height:42px;
}
#related-content-body DIV UL LI DIV, #related-content-body-ccpc DIV OL LI DIV {
    width:323px; overflow:hidden; height:30px; _height:34px; padding:0px; margin:0px;
}
#related-content-body DIV UL LI DIV A, #related-content-body-ccpc DIV OL LI DIV A  {
	vertical-align:middle;PADDING-RIGHT: 4px; DISPLAY: inline; position:absolute;MARGIN-LEFT: 45px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; overflow:hidden;width:250px;height:26px;_height:28px;line-height:13px;COLOR: #003366; TEXT-DECORATION: none; padding-top:3px;
}
#related-content-body DIV UL LI DIV SPAN #related-content-body-ccpc DIV OL LI DIV SPAN {
	margin:0px;padding:0px;
}
#related-content-body DIV UL LI DIV SPAN A, #related-content-body-ccpc DIV OL LI DIV SPAN A{
	margin:0px;padding:0px;
}
#related-content-body DIV UL LI DIV SPAN A IMG, #related-content-body-ccpc DIV OL LI DIV SPAN A IMG  {
	margin:0px;padding:0px; margin-top: 6px; position:absolute;display:inline;VERTICAL-ALIGN: middle; MARGIN-RIGHT: 4px; margin-left:22px;_margin-left:22px;
}
#related-content-body DIV UL LI DIV B, #related-content-body-ccpc DIV OL LI DIV B {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #3366cc; LINE-HEIGHT: 30px; POSITION: absolute; TEXT-ALIGN: right
}
#related-content-bottom {
	DISPLAY: block; WIDTH:315px;_WIDTH:322px; POSITION: absolute; HEIGHT: 25px; TEXT-ALIGN: right
}
#related-resources {
       margin:0px;
       padding:5px, 5px, 5px, 5px;
	width:205px;
	_width:205px;
       margin-right:10px;
       display:block;
       float:left;
}
#related-resources a{
       display:block;
       padding:0px;
       margin:0px;
       padding-left:8px;
       padding-right:5px;
       line-height:13px;
	font-family:verdana,arial,sans-serif;
       font-size:11px;
}