@charset "utf-8";
/* CSS Document */
body {background: url(http://images.tmcnet.com/tmc/cloud-computing-mag/images/cc_mag_pg_bkg.gif) repeat-x top; margin: 0 0 0 0; padding: 0 0 0 0; font-family:Arial, Helvetica, sans-serif; text-align:center;}
#page {width: 1024px; margin: 0 auto; padding: 0 0 0 0; text-align:left;}
#header {position: relative; height: 158px; padding: 0 0 0 0; margin: 0 0 0 0;}
#header #leader {position: absolute; left: 10px; top: 10px; padding: 0 0 0 0; margin: 0 0 0 0;;}
#header #logo {position: absolute; left: 10px; top: 110px; padding: 0 0 0 0; margin: 0 0 0 0;}
#header #subscribe {position: absolute; right: 10px; top: 10px; padding: 0 0 0 0; margin: 0 0 0 0;}
#nav {height: 48px; position: relative; padding: 0 0 0 0; margin: 0 0 0 0;}
form, table, ul { margin:0px; padding:0px;}
ul#itmag-main {margin: 0; border: 0 none; padding: 0; list-style: none; height: 48px; position: absolute; left: 200px; top: 110px;}
ul#itmag-main li {margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; z-index: 50000;}
ul#itmag-main ul {margin: 0; border: 0 none; padding: 0; width: 200px; list-style: none; display: none; position: absolute; top: 48px; left: 0;}
ul#itmag-main ul:after /*From IE 7 lack of compliance*/{clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}
ul#itmag-main ul li {float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ position: relative;}
/* Root Menu */
ul#itmag-main a {border-right: 0; background: url(http://images.tmcnet.com/tmc/cable/images/nav-div.png) no-repeat right; padding: 0 15px 0 15px; text-align: center; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; color: #CCCCCC; font: bold 13px/48px 'Molengo', arial, serif; text-transform: uppercase; text-decoration: none; height: auto !important; height: 1%; /*For IE*/}
/* Root Menu Hover Persistence */
ul#itmag-main a:hover, ul#itmag-main li:hover a, ul#itmag-main li.iehover a {color: #FFFFFF; background: #000000;}
/* 2nd Menu */
ul#itmag-main li:hover li a, ul#itmag-main li.iehover li a { float: none; background: #000000; color: #CCCCCC; border: 1px solid #333333; border-width: 0 1px 1px 1px; padding: 0px 8px 0px 8px; font-size: 11px; text-align: left; width: 180px; font: normal 13px/25px 'Molengo', arial, serif; text-transform: none;}
/* 2nd Menu Hover Persistence */
ul#itmag-main li:hover li a:hover, ul#itmag-main li:hover li:hover a, ul#itmag-main li.iehover li a:hover, ul#itmag-main li.iehover li.iehover a {background: #ed1c24; color: #FFFFFF;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#itmag-main li:hover ul, ul#itmag-main ul li:hover ul, ul#itmag-main ul ul li:hover ul, ul#itmag-main li.iehover ul, ul#itmag-main ul li.iehover ul, ul#itmag-main ul ul li.iehover ul {display: block;}
/* End of Horizental menu */
.navActive {color: #FFFFFF; background: #000000;}


#featuresI {position: relative; height: 75px; background: url(http://images.tmcnet.com/tmc/cloud-computing-mag/images/features.png) left top no-repeat; margin: -13px 0 15px 0; letter-spacing:-1px;}
#departmentsI {position: relative; height: 75px; background: url(http://images.tmcnet.com/it-magazine/style-2010/departments.png) left bottom no-repeat; margin: -13px 0 15px 0;}
#columnsI {position: relative; height: 75px; background: url(http://images.tmcnet.com/tmc/cloud-computing-mag/images/columns.png) left top no-repeat; margin: -13px 0 15px 0; letter-spacing:-1px;}
#searchFrame {position: absolute; right: 10px; top: 110px; height: 48px; width: 250px; background: url(http://images.tmcnet.com/it-magazine/style-2010/search-frame.png) top left no-repeat; padding: 0 0 0 0; margin: 0 0 0 0;}
#searchFrame #searchBox {position: absolute; left: 5px; top: 10px; width: 220px; padding: 0 0 0 0; margin: 0 0 0 0;}
#searchFrame #searchButton {position: absolute; right: 6px; top: 12px; height: 28px; width: 24px; padding: 0 0 0 0; margin: 0 0 0 0;}
#main {padding: 20px 10px 20px 10px;}
#main #left {float: left; width: 645px;}
#main #right {float: right; width: 336px;}
#adBox {text-align: center; padding: 0 0 20px 0;}
#skyscrapers { padding: 0 10px 20px 10px;}
#skyscrapers #googleAd {float: right; width: 160px; text-align: center;}
#skyscrapers #right3 {float: left; width: 125px; text-align: center;}

.magic {clear: both;}
.clr-right {clear:right;}
#searchResults {padding: 10px 10px 10px 10px; border: 1px solid #CCCCCC; background: #FFFFFF;}
#feature {background: #151515; -moz-box-shadow:-2px 0px 5px #aaa; -webkit-box-shadow:-2px 0px 5px #aaa; box-shadow:-2px 0px 5px #aaa; margin: 0 0 20px 0;}
#cover {float: left; width: 250px;}
#cover img { margin:20px 0px 0px 20px; border:5px solid #666;}
#featureCopy {float: right; width: 355px; margin: 20px 20px 0 0;}
#featureCopy h1 {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; font-size: 16px; padding: 0 0 5px 0; margin: 0 0 10px 0; color: #CCCCCC; border-bottom: 1px solid #ed1c24; }
#featureCopy h2 {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;  font-size: 32px; padding: 0 0 0 0; margin: 0 0 20px 0; color: #FFFFFF;}
#featureCopy h2 a {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;  color: #FFFFFF; text-decoration: none;}
#featureCopy h2 a:visited {color: #FFFFFF; text-decoration: none;}
#featureCopy h2 a:hover {color: #FFFFFF; text-decoration: underline;}
#featureCopy p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; text-align: left; padding: 0 0 0 0; margin: 0 0 0 0; line-height: 18px;}
#featureCopy p a, #featureCopy p a:visited, #featureCopy p a:hover { color:#CCC;}

#stories h1 {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;background: url(http://images.tmcnet.com/tmc/cloud-computing-mag/images/h1-bg-long.png) top left no-repeat; font-size: 16px; line-height: 32px; padding: 0 10px 0 10px; color: #FFFFFF; text-transform: uppercase; margin: 0 0 15px 0;}
#stories .department {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; background: #333333; font-size: 14px; padding: 5px 10px 5px 10px; color: #FFFFFF; text-transform: uppercase; margin: 0 0 15px 10px;}
#stories h2 {font-family: arial, serif; font-size:11px; padding: 0 0 10px 20px; margin: 0 0 10px 0; color: #666; background: url(http://images.tmcnet.com/it-magazine/style-2010/article-arrow.png) 2px 5px no-repeat; font-weight: normal; border-bottom:1px dotted #CCC; }
#stories h2 a {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; font-weight: bold; font-size: 18px; color: #151515; text-decoration: none;}
#stories h2 a:visited {color: #151515; text-decoration: none;}
#stories h2 a:hover {color: #ed1c24; text-decoration: underline;}
#stories h2 img { border:1px solid #CCC; margin-left:15px; width:120px;}
#stories .column {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; font-weight:bold; font-size: 12px; text-transform: uppercase; color: #9d0006; padding: 0 0 3px 10px;}
#stories h3 {font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 0 10px 25px; margin: 0 0 15px 0; color: #555; background: url(http://images.tmcnet.com/tmc/cloud-computing-mag/images/rd-box.png) 8px 5px no-repeat; font-weight: normal;  border-right:1px dotted #CCC;  border-bottom:1px dotted #CCC;}
#stories h3 a {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; font-weight: bold; font-size: 15px; color: #151515; text-decoration: none;}
#stories h3 a:visited {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; color: #151515; text-decoration: none;}
#stories h3 a:hover { font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; color: #ed1c24; text-decoration: underline;}
#stories p { font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; color: #151515; line-height:19px;}
#topofmind {background: url(http://images.tmcnet.com/it-magazine/style-2010/paula.png) bottom right no-repeat; padding: 10px 75px 0 0; border: 1px solid #CCCCCC; margin: 0 0 15px 0;}
#outlook {background: url(http://images.tmcnet.com/it-magazine/style-2010/rich.png) bottom right no-repeat; padding: 10px 75px 0 0; border: 1px solid #CCCCCC; margin: 0 0 15px 0;}
#left h4{font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; font-size:36px; padding:10px 0 10px 25px; margin: 0 0 15px 0; color: #2e445f;  text-shadow: #FFF 1px 0px 1px; line-height:normal;}

#stories #leftStory { padding: 0 0 10px 0;}
#stories #rightStory { padding: 0 0 10px 0;}
#magArtcilesnw {padding: 0px 5px 10px 35px; margin: 5px 0 0 0; font-family: Arial, Helvetica, sans-serif; background: url(http://images.tmcnet.com/tmc/vertical/4g/images/bullet_go.png) no-repeat 8px 3px; color: #151515; font-size: 12px; text-align: left; font-weight: normal; line-height:19px;}
#magArtcilesnw a {font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
#magArtcilesnw a:visited {font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
#magArtcilesnw a:hover {font-size: 14px; font-weight: bold; color: #7d0613; text-decoration: underline;}
.callout {float: right; width: 250px; padding: 10px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; background: #CCCCCC; text-align: right; color: #ed1c24; margin: 0 0 10px 10px; border-top: 3px solid #ed1c24;}

#redBox {padding: 10px 10px 10px 10px; border: 1px solid #CCC; background: #FFFFFF; margin: 0 0 20px 0;}
#redBox h1 {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; font-size: 16px; padding: 5px 0 5px 0; color: #151515; text-transform: uppercase; margin: 0 0 15px 0; border-bottom: 1px solid #9d0006;}
#redBox h2 {font-family: arial, serif; font-size: 11px; padding: 0 0 10px 18px; margin: 0 0 10px 0; color: #666666; background: url(http://images.tmcnet.com/tmc/cloud-computing-mag/images/rd-box.png) 5px 4px no-repeat; font-weight: normal; border-bottom: 1px dotted #CCCCCC; line-height: 17px; }
#redBox h2 a { font-weight: normal; font-size: 12px; color: #151515; text-decoration: none;}
#redBox h2 a:visited {color: #151515; text-decoration: none;}
#redBox h2 a:hover {color: #ed1c24; text-decoration: underline;}
#redBox p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #151515; text-align: left; padding: 0 0 10px 0; margin: 0 0 0 0; line-height: 18px;}
#redBox table { font-size:11px;}
#redBox table td { border-bottom:1px dotted #CCC; margin:5px 0px; padding:10px 0px; text-decoration:none;}
#magedit {margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; text-align: left; font-weight: normal; }
#magedit a {font-size: 11px; font-weight: bold; color: #970006; text-decoration: none; line-height: 20px;}
#magedit a:visited {font-size: 11px; font-weight: bold; color: #970006; text-decoration: none;}
#magedit a:hover {font-size: 11px; font-weight: bold; color: #970006; text-decoration: underline;}
#box135 {background: #171717; margin: 0 0 10px 0; padding: 0 0 0 0; background: url(http://images.tmcnet.com/tmc/vertical/it/images/lft_nav_bkg_nw.gif) top repeat-x;}
#box336 {background: url(http://images.tmcnet.com/tmc/vertical/4g/images/we_rt_bx_bkg.gif) repeat-y; margin: 0 0 20px 0; border: 1px solid #CCCCCC; background-color:#FFF;}
#box336 .wrp10 { padding:10px;}
#box336 h1 {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; font-size: 16px; padding: 5px 0 5px 0; color: #151515; text-transform: uppercase; margin: 0 0 15px 0; border-bottom: 1px solid #9d0006;}
#box336 h5 { margin:0px; padding:0px; line-height:normal; font-size:14px;}
#box336 img  { border:1px solid #777;}
#box336 table td  { border-bottom:1px dotted #CCC; padding:10px 0px;}

#gBox {padding: 10px 10px 10px 10px; border: 1px solid #ed1c24; background: url(http://images.tmcnet.com/it-magazine/style-2010/carbon.gif) top repeat-x; margin: 0 0 20px 0;}
#gBox h1 {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; font-size: 16px; padding: 5px 0 5px 0; color: #fef300; text-transform: uppercase; margin: 0 0 5px 0; border-bottom: 1px solid #ed1c24;}
#gBox h2 {font-family: 'Droid Serif', arial, serif; font-size: 12px; padding: 0 0 10px 20px; margin: 0 0 10px 0; color: #333333; background: url(http://images.tmcnet.com/it-magazine/style-2010/red-box.png) 5px 4px no-repeat; font-weight: normal; border-bottom: 1px dotted #CCCCCC; line-height: 17px; }
#gBox h2 a {font-weight: normal; font-size: 13px; color: #151515; text-decoration: none;}
#gBox h2 a:visited {color: #151515; text-decoration: none;}
#gBox h2 a:hover {color: #ed1c24; text-decoration: underline;}
#gBox p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-align: left; padding: 0 0 10px 0; margin: 0 0 0 0; line-height: 18px;}

.bButton {
   border-top: 1px solid #ed1c24;
   background: #600004;
   background: -webkit-gradient(linear, left top, left bottom, from(#c0212e), to(#600004));
   background: -moz-linear-gradient(top, #c0212e, #600004);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 18px;
   font-family: 'Droid Serif', arial, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.bButton:hover {
   border-top-color: #CCCCCC;
   background: #999999;
   color: #000000;
   }
.bButton:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.rbHold {text-align: right; padding: 10px 0 5px 0;}

#bottomlead {text-align: center; padding: 20px 0 20px 0; border-top: 1px dotted #CCCCCC;}

#footer {padding: 10px 10px 10px 10px; background: #151515; margin: 0px 0px 0px 0px; border: 1px solid #333333;}
#footer #footerFloat {float: left; width: 193px;}
#footer .footerText {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-align: left; font-weight: normal; text-align: left;}
#footer .footerTitle {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #CCCCCC; font-size: 12px; margin: 0px 5px 5px 10px; border-bottom: 1px solid #666666; padding: 0px 0px 3px 0px; text-align: left;}
#footer .footButton {padding: 0px 8px 5px 0; margin: 0 0 0 15px;}
#footer .footerCopy {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-align: left; font-weight: normal; text-align: left; padding: 0px 8px 5px 0; margin: 0 0 0 15px;}

.resource {background: url(http://images.tmcnet.com/tmc/satellite/images/red-arr.png) 0px 4px no-repeat; padding: 0px 8px 5px 8px; font-family: Arial, Helvetica, sans-serif; color: #1b3d49; font-weight: normal; font-size: 11px; line-height: 12px; text-align: left; margin: 0 0 0 15px;}
.resource a {color: #666666; text-decoration: none;}
.resource a:visited {color: #666666; text-decoration: none;}
.resource a:hover {color: #FFFFFF; text-decoration: underline;}

#share {background:#FFFFFF; border: 1px solid #CCCCCC; position: relative; margin: 0px 0px 10px 10px;}


#content #author {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; color: #555555; font-size: 14px; padding: 0 0 15px 0; border-bottom: 1px solid #151515; margin: 0 0 20px 0;}

#content {font-family: arial; font-size: 12px; color: #151515; text-align: left; line-height: 19px; padding: 0 0 20px 0; margin: 0 0 0 0;}
#content img {padding: 10px 10px 10px 10px;}
#content h1 {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; font-size: 34px; padding: 0 0 0 0; margin: 0 0 0 0; color: #151515; line-height: 40px;}
#content h2 {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; background: url(http://images.tmcnet.com/it-magazine/style-2010/h1-bg-long.png) top right no-repeat; font-size: 14px; line-height: 28px; padding: 0 10px 0 10px; color: #FFFFFF; text-transform: uppercase; margin: 0 0 15px 0; clear: both;}
#content h3 {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; background: font-size: 14px; padding: 10px 0 0 0; color: #ed1c24; text-transform: none; margin: 0 0 0 0; font-weight: bold;}
#content ul { list-style-position:inside;}
#bodyText {}

#archive {font-family: arial; font-size: 12px; color: #151515; text-align: left; line-height: 19px; padding: 0 0 0 0; margin: 0 0 0 0;}
#archive h1 {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; font-size: 20px; padding: 0 0 0 0; margin: 0 0 5px 0; color: #151515; line-height: 26px;}
#archive h2 {font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; background: url(http://images.tmcnet.com/tmc/cloud-computing-mag/images/h1-bg-long.png) top left no-repeat; font-size: 14px; line-height: 28px; padding: 0 10px 0 10px; color: #FFFFFF; text-transform: uppercase; margin: 0 0 15px 0; clear: both;}
#archive #issue {float: left; padding: 0px 10px 20px 10px;}
#archive #issue img { -moz-box-shadow:-2px 0px 5px #aaa; -webkit-box-shadow:-2px 0px 5px #aaa; box-shadow:-2px 0px 5px #aaa;}
#archive #issue #month {text-align: center; padding: 2px 0 0 0; font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; font-size: 12px;}
#archive #issue #month a {text-decoration: none;}
#archive #issue #month a:visited {text-decoration: none;}
#archive #issue #month a:hover {text-decoration: underline;}

#tmc-usubmit-content {width:auto;}
#tmc-usubmit-content table {font-family:Verdana, sans-serif; line-height: 20px; font-size: 12px; color: #171717; text-align: left; padding: 0px 0px 20px 10px;}
#tmc-usubmit-content table h1 {font-family: "Times New Roman", Times, serif; font-size: 24px; line-height: 25px; color: #003366; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#tmc-usubmit-content  p { padding:5px 0px 15px;}
#tmc-usubmit-content a, #tmc-usubmit-content a:active  { color:#0066CC;}
#tmc-usubmit-content a:hover{color:#003399;}
#tmc-usubmit-content-img {padding: 0px 0px 0px 0px;}
.mainPg {font-family: 'Droid Serif', arial, serif; font-size: 16px; font-weight: normal; text-align: left;}
.mainPg a {color: #fef300; text-decoration: none;}
.mainPg a:visited {color: #fef300; text-decoration: none;}
.mainPg a:hover {color: #FFFFFF; text-decoration: underline;}
.pgtop { padding-top:15px;}
 /*------------------- company lead form  ------ */
#company-lead-form{ margin:0px 0px 0px 0px; }
#company-lead-form .discrp { line-height:19px; color:#171717;}
#company-lead-form h1{ color:#555555; font-size:16px;}
#company-lead-form-wrapper{padding-left:35px; }
#company-lead-form  p {color: #171717; font-size:12px; line-height:17px;}
#company-lead-form  table { 
font-family:arial, "lucida console", sans-serif;
border:0px;
margin:0px;
font-size:12px;
color: #171717;
width:100%;
border:1px solid #FFFFFF;
background-color:#FFFFFF;
}

#company-lead-form  table table{ 
border:0px;
margin:0px;
font-size:12px;
color: #555555;
width:100%;
border:none;
}

#company-lead-form  table td {
padding:5px;
margin:0px;
background-color:#FFFFFF;
border:1px solid #EEEEEE;
}
#company-lead-form  table tr .column1{
text-align: right;
}

#company-lead-form  table tr .column1-error{
text-align:left;
color: #FF0000;
}

#company-lead-form  table tr td input {
border:1px solid #84929F;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555555;
background-color:#FFFFFF;
width:200px;
}

#company-lead-form  table tr td select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555555;
width:200px;
background-color:#FFFFFF;
}

#company-lead-form  table tr td textarea {
border:1px solid #CCCEDB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555555;
width:100px;
height: 200px;
background-color:#FFFFFF;
}
#company-lead-form  table tr td .submitbutton {
width:210px;
border:none;
background-color:#FFFFFF;
}