/*
 * styles override
 */
h1 { font-size: 1.9em; color: #000;  }
h2 {
  font-size: 1.5em;
  margin-bottom: 5px;
  
}
h3 { font-size: 1em; color: #41508c; }
h4 { font-size: 1.3em; color: #41508c; }
.thisissue h3 {
  margin-bottom: .5em;
}
h1.storyTitle {
  color: #000;
  font-size: 1.5em;
  margin-bottom: .2em;
}
p.byline,
.event p.date {
  margin-top: 0;
  color: #5F5F5F;
  font-size: .85em;
}

.thisissue {
  background: url(/images/color_palette.gif) no-repeat bottom;
  padding-bottom: 20px;
  overflow: hidden;
  width: 364px;
}

.cathome .cover p {
  margin-bottom: 20px;
}

#wrapper {
   clear: both;
   overflow: hidden;
    margin-top: 10px;
    margin-bottom:5px;
}
.cover,
.category_archive,
.issue_cover,
.open_article {
  padding-top: 10px;
}
.open_article h1.storyTitle {
  margin-bottom: 1em;
}
/*
 * structure override
 */
#container {
  width: 980px;
overflow: hidden;
   
}
.catarc-flash-conferences h1 span,
.catcode-change-conferences h1 span, .cathpq-conferences h1 span { display: block; overflow: hidden; zoom:1;  height: 0; }

 .cathpq-conferences h1 { background: #fff url(http://ecmweb.com/images/HPQpageHeader.jpg) no-repeat left  top;
  padding-top: 75px;
  width: 332px;
 
 }

 .catarc-flash-conferences h1 { background: #fff url(http://ecmweb.com/images/arcFlashpageHeader.jpg) no-repeat left top;
  padding-top: 75px;
  width: 350px;
 }

.catcode-change-conferences h1 { background: #fff url(http://ecmweb.com/images/CCpageHeader.jpg) no-repeat left top;
  padding-top: 60px;
  width: 350px;
  
 }


#cover,
#article {  background: url(http://preview.ecmweb.com/images/bottom_ruler.jpg) no-repeat bottom left; margin-bottom: 9px;
  width: 980px;  
}


#cover .dblColumn .leftColumn {width: 648px;  background: url(http://preview.ecmweb.com/images/right_bg.jpg)  repeat-y right;}

#cover .dblColumn .rightColumn { 
  overflow: hidden;
 
padding-left: 15px; 
width: 332px; 

}

.catcareerbuilder #cover,
.catcareerbuilder #content {
  width: 980px;
}

.page404 #article,
.page404 #content {
  width: 750px;
}
.page404 #article {
  margin: 0 auto;
  float: none;
}

/* google search term highlight*/
 

 


#content {
  width: 574px;
  float: none;
}
#content .contentPadding {
   
}
 

.category_archive h3,
.issue_cover h3 {
  margin-bottom: 0;
}
.category_archive p.byline,
.issue_cover p.byline {
  margin-bottom: .3em;
}

/*
 * unique site styling
 */
.rightCat {
  background: url(/images/searchbg.gif) no-repeat bottom;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.rightCat .contentPadding {
  padding: 0 16px;
  background: url(/images/rightColBG.gif) repeat-y bottom;
  margin-bottom: 2px;
}
.topCat h1 {
  margin: 0;
  padding: 0;
  float: left;

}
.topCat h1 a {
  text-decoration: none;
  color: #000;
  display: block;
  padding-top: 130px;
  width: 582px;
  height: 0;
  overflow: hidden;
  background: #bd1d03 url(http://ecmweb.com/images/ECMHeader.gif) no-repeat left top;
  
}

.topCat  { background: #bd1d03; }
.topCat .searchBox { background: #bd1d03;
   width: 330px;   
   padding-top: 10px;
   overflow: hidden;

}

.topCat .searchBox form {
   width: 310px;
   float:left;
  padding: 20px 10px 0 10px;   
}
 
a {
  text-decoration: none;
  color: #173e79;
  font-weight: bold;
}
a:hover {
  color: #173e79;
  text-decoration: underline; 
}
 
.article h1 {display: none;}
.article .byline {display: none;}
.clickability {display: none;}

.article ul li,
.open_article ul li {
  border-bottom: none;
  font-weight: normal;
  padding-left: 0px;
}

 
.leftNav ul  { font-size: 1.2em;  margin:5px;   }
.leftNav ul li {   
  list-style: none;
  border-bottom: #bbb4ae 1px solid;
  font-weight: bold;
  padding : 5px;
  text-decoration: none;
 

}


.leftNav  li a {     
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}

.leftNav  li a:hover {
  color: #fff;
  text-decoration: underline; 
}
.contact {
  margin-left: 0;
}
.contact li {
  list-style: none;
  padding-left: 0;
  border: none;
}
.rightCell .readMore {
  border-top: #EDEEE8 1px solid;
}
.popularArticles .readMore {
  border: none;
}

.thisissue .nestedDblColumn ul, .hpLatestNews .leadinsm {
  clear: left;
}
.thisissue .nestedDblColumn li {
  border: none;
  text-align: center;
  margin: 0;
  line-height: .8em;
}
.hpLatestNews .leadinsm {
border-bottom: #EDEEE8 1px solid;
font-weight: bold;
text-decoration: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.hpLatestNews { margin-bottom: 15px; }
.hpLatestNews .leadinsm h3 { margin: 0; padding: 6px 0; }

.breadcrumbs p { display:none;}

p#coverLink { text-align: right; }

table.leadinlg, table.leadinsm { width: 100%; border-collapse: collapse; border: 0; margin: 0; padding: 0; }
table.leadinsm { margin: 0 0 10px; }
table.leadinsm td { vertical-align: middle; }
table.leadinsm td.leadinleftimg { vertical-align: top; padding-right: 10px; }
table.leadinsm td.leadinrightimg { vertical-align: top; padding-left: 10px; }
table.leadinlg td.leadinleftimg { padding-right: 10px; }
table.leadinlg td.leadinrightimg { padding-left: 10px; }
.leadinlg h3 {
  font-size: 1.17em;
}
#rightCat .marketplace h2 {
  color: #51699B;
  font-size: 1.33em;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.5em;
}
.leadinlg h3 {
  margin-bottom: .5em;
}
.leadinlg p {
  margin-bottom: .8em;
}

p.deck { font-weight: bold; }
p.linkToTop { clear: both; }

/*  #clickability { margin: 20px 0; } */

 
 
.cover li a,
.contentwellad180x150 li a,
.subArtBox li a,
.page404 li a {
  display: block;
  padding: 3px 0;
}
 


 
 
 
 
 
 
.relatedTopics {
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #C9C9C9;
}
.readMore {
  background: url(/images/more_bg2.gif) no-repeat left bottom;
}
.readMore a {
  display: block;
  line-height: 26px;
  padding: 0 5px 4px 20px;
  background: url(/images/arrow.gif) no-repeat 5px 8px;
  margin-left: 2px;
}
.rightCat .readMore {
 
}
.rightColumn .readMore {
 
}
 
p.readMore {
  margin-top: 0;
}


/*
 * optional category specific things
 */

/*
 * Top Navigation
 */

.topNav {
 padding-top:10px;
 background: #fff;
 overflow: hidden;
 height: 40px;
 width: 980px;
 border-bottom: 1px solid #000; 
 
}
#topNav {margin:0; padding:0; }
#topNav a {
  display: block;
}
#topNav li.catarc a span,
#topNav li.catcode a span,
#topNav li.first a span {
  display: none; 
}

#topNav li {
  border-left: 1px solid #000;
  margin-left: 0px;
}

#topNav li.first   {
  padding:0;
  border-left: none; 
  margin-left: 0px;
  height: 30px;
  background: url(http://ecmweb.com/images/HPQbutton.gif) no-repeat left;
}
 

#topNav li.first a {
  border-left: none; 
  padding:0; 
  margin-right: 10px;
  width: 161px;
  height: 30px;
  background: url(http://ecmweb.com/images/HPQbuttonOff.gif) no-repeat left;
}


#topNav li.first a:hover   {
  background: none;
}

#topNav li.catcode  {
  padding:0;
  border-left: none; 
  margin-left: 0px;
  height: 30px;
  background: url(http://ecmweb.com/images/CCpagebuttonr.gif) no-repeat left;
}


#topNav li.catcode a {
  border-left: none; 
  padding:0; 

  width: 236px;
  height: 30px;
  background: url(http://ecmweb.com/images/CCpagebuttonOff.gif) no-repeat left;
}

#topNav li.catcode a:hover   {
  background: none;
}


.cathpq-conferences #topNav li.first a { background: url(http://ecmweb.com/images/HPQbutton.gif) no-repeat left;}
.catcode-change-conferences #topNav li.catcode a { background: url(http://ecmweb.com/images/CCpagebuttonr.gif) no-repeat left;}


#topNav li.catarc  {
  border-left: none; 
  padding:0;
  height: 30px;
  background: url(http://ecmweb.com/images/arcFlashpagebutton.gif) no-repeat right;
}

#topNav li.catarc a { 
  width: 215px;
  height: 30px;
  background: url(http://ecmweb.com/images/arcFlashpagebuttonOff.gif) no-repeat right;
}

.catarc-flash-conferences #topNav li.catarc a  { background: url(http://ecmweb.com/images/arcFlashpagebutton.gif) no-repeat right;}

#topNav li.catarc a:hover   {
  background: none;
}





#topNav li {
  list-style: none;
  float: left;
}

.icopy {
  clear: both;
  text-align: right;
  height: 42px;
  overflow: hidden;
  padding-right: 30px;
  background: url(/images/icopy_w.gif) no-repeat right;
}
.icopy:hover {
  background: url(/images/icopy_g.gif) no-repeat right;
}
.icopyCont {
  margin-top: 30px;
  background: url(/images/bg_icopy.gif) repeat-x;
  height: 42px;
  clear: both;
  overflow: hidden;
}


img.left,
.imageAlignLeft { margin: 5px 5px 5px 0; float: left; }
img.right,
.imageAlignRight { margin: 5px 0 5px 5px; float: right; }
img.center { display: block; margin: 5px auto; }

.cathome .leadinlg .imageAlignLeft {
  margin: 0 0 5px 0
}
.nestedDblColumn .left { margin: 0 0 5px 0; }

div.left { margin: 5px 5px 5px 10px; float: left; }
div.right { margin: 5px 10px 5px 5px; float: right; }
div.center { margin: 5px auto; }

.catarc-flash-conferences #cover, .catarc-flash-conferences #article,
.catcode-change-conferences  #cover, .catcode-change-conferences #article,
.cathpq-conferences #cover,
.cathpq-conferences #article { background: none; width: 790px; float: right;  }
.catcode-change-conferences .leftCat, .catarc-flash-conferences .leftCat,
.cathpq-conferences .leftCat {   float: left; background: #604f45; overflow: hidden; width: 180px;
  padding-bottom: 3000px;
  margin-bottom:  -3000px;}

.catarc-flash-conferences .cover  .contentPadding,
.catcode-change-conferences .cover  .contentPadding,
.cathpq-conferences .cover  .contentPadding {   width: 750px; }



#rightCat h2, #leftCat h2 { font-size: 1.5em; color: #3f3526; }
h2 a { 	}


/*
 * homepage center column elements
*/

 
.cathome .dblColumn .nestedDblColumn .rightColumn {
  background: none;
  padding-bottom: 0;
}
.pastissues,
.poll,
.events,
.calculator,
.rightCell .popularArticles {
  overflow: hidden;
  width: 180px;
  margin: 15px 0;
}
.rightCell .popularArticles {
  margin-top: 0;
}
.pollResults span {
  font-weight: bold;
}
.poll button {
  margin-top: 7px;
}
 
 

 
 
 

 

 
.event p.date {
  font-size: 1em;
}
.events div div {
  margin-bottom: .4em;
  margin-top: .5em;
  padding-bottom: .4em;
  border-bottom: 1px solid #EDEEE8;
}







/*
 * rightcat elements
 */

.rightCat h2 { line-height: 35px; color:#f9edb3; margin-bottom: 15px; }
.rightCat h2 span { margin-left: 8px; color:#f9edb3; }

.leftCat h2 { line-height: 35px; color:#f9edb3; margin-bottom: 15px; }
.leftCat span { margin-left: 8px; }

.interactive {
  background: #fff7e2;
  overflow: hidden;
  width: 362px;
}
.interactive h2,
.resources h2 { text-transform: uppercase; 
  background:#bd1d03;
  padding-left: 5px;
  color: #fff;
  line-height: 1.8em;
}
 .resources ul li { 
  list-style: none;
  display: block; margin: 8px;
  padding: 0  5px 0  12px;
  background: url(http://ecmweb.com/images/dot.jpg) no-repeat 0 8px;
 }

 .resources  li h3 {  
      text-transform: uppercase; 
      font-weight: bold; 
      font-size: 1.2em;   
 }

.resources  {   background: #fafaee; 
}
.resources { 
  clear: both;
  overflow: hidden;
  width: 320px;
  padding-bottom: 3px;
  margin-top: 15px;
 }

 
 
 
 
 

 
 

 
 
 
 
.pagead {
  margin-top: 15px;
}

/*
 * leftcat elements
 */
 








div.left img.left { margin: 0 0 0 0; }
div.right img.right { margin: 0 0 0 0; }
div.center img.center { margin: 0 0 0 0; }

p.center { display: block; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 5px; }

.footer .utilNav { margin-top: 35px;  }
.footer .utilNav { float: right;  width: 510px; }
.topCat .utilNav { float: right;  width: 355px; }
.footer .utilNav ul, .topCat .utilNav ul { list-style: none;   padding: 0 ; margin: 0;    }
.footer .utilNav li, .topCat .utilNav li {   border-bottom: none;  padding: 0 15px 0 0; border-right: 1px solid #fff; font-size: 1em; background: none;}
.footer .utilNav li.last , .topCat .utilNav li.last { border-right: none;  }
.footer .utilNav li a , .topCat .utilNav li a {   padding: 0  0 0 15px;   text-decoration: none;   font-weight: bold; color: #fff;}
.footer .utilNav li a:hover, .topCat .utilNav li a:hover {   text-decoration: underline; }


#searchBox {
  width: 345px;
  
}
 
.page404 #searchBox {
  background: none;
}
.page404 .searchBox {
  width: 735px;
}
#searchBoxBtm {

}

 
.topCat .searchTerm { display: block;  float:left;  width: 180px;   overflow: hidden; }
.page404 .searchInputs {
  border: 26px solid #fdf2d2;
  overflow: hidden;
  margin: 8px 0 15px 0;
  zoom: 1;
  height: 34px;
}
.searchBox button,
.searchTerm {
  display: block; 
  line-height: 19px;
  vertical-align: bottom;
}
.searchTerm {
  padding: 2px 0 2px 5px;
  margin: 0 5px 0 5px;
  border: 1px solid #505c86;
 
}
.page404 .searchTerm {
  padding: 8px;
  margin: 0;
  width: 562px;
  border: 1px solid #505c86;
  font-weight: bold;
}

.page404 .searchBox form {
  margin: 0;
  padding: 0;
  text-align: left;
  border: none;
  clear: none;
}

.searchBox label {
  display: inline;
  float: left;
  color: #fff;
  font-weight: bold;
  line-height: 25px;
  font-size: 1.2em;
   text-transform: uppercase;
 
}
.page404 .searchBox label {
  float: none;
  font-size: 1.5em;
  line-height: 1.1em;
  color: #CB8E35;
  font-weight: normal;
}
.searchButton {
  width: 36px;
  height: 21px;
  color: #bd1d03;
  float:right;
  text-align: center;
  font-weight: bold;
  border: none;
 
}
.page404 .searchButton {
  background: #4E6090;
  width: 103px;
  height: 34px;
  float: right;
  margin: 0;
}
input.button {
  border: 0;
  padding: 0;
}
button {
  cursor: pointer;
  cursor: hand;
}
.page404 .mostRecent,
.page404 .popularArticles {
  width: 360px;
  float: left;
}
.page404 .popularArticles {
  margin-left: 20px;
}

 



/* for Internet Explorer 6 */
/*\*/
* html .footer .searchBox label {
  margin-left: 238px;
}
/**/

 
 
 

.footer { background:  url(http://preview.ecmweb.com//images/footerBG1.gif) repeat left top; overflow: hidden;   height: 124px; width: 980px;}
.footer p {
  color: #fff; font-weight: bold;
  margin: 40px 0 0 30px;
  float: left;
}

.footer a {
  color: #fff;  }
  
 .footer a:hover {
  color: #fff;  }
  
.subArtBox {
  clear: both;
  border-top: 1px solid #cacaca;
  padding: 20px 0 0;
  overflow: hidden;
  width: 574px;
}
.subArtBox h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  color: #000;
  margin: 0 0 15px;
}
.subArtBox .mostRecent h2 {
  margin: 0 0 10px
}
.subArtBox .mostRecent {
  width: 333px;
  float: left;
  margin: 0 40px 0 0;
  background: url(/images/color_palette.gif) no-repeat bottom;
  padding-bottom: 30px;
}
 


.careerCenter {
  width: 180px;
  background: url(/images/color_palette.gif) no-repeat bottom;
  padding-bottom: 30px;
  float: left;
}

.searchresults { float: right; }
.searchresults form { display: inline; }

.toc { clear: left; }

.currentissue { background: #dce3eb; padding: 7px; margin-bottom: 10px; text-align: center; }



.theArchive {
  padding: 0 0 30px;
  overflow: hidden;
}
.archItem {
  float: left;
  width: 143px;
  height: 190px;
  text-align: center;
  padding: 10px 0 0;
  margin: 0 18px 36px 18px;
  border: 1px solid #D5D5D5;
}
.archItem p {
  margin: 2px 0 0 0;
}

#issuecovers { clear: both; }
#issuecovers h2 { font-weight: normal; color: #fff; height: 16px; padding: 2px 10px; margin: 5px 0; line-height: 16px; background-color: #666; font-size: 12px; text-transform: uppercase; }
#issuecovers table tr.date td { background: #ccc; border-bottom: #666 1px solid; padding: 3px 0; text-align: center; vertical-align: middle; }
#issuecovers table tr.date td a { font-weight: normal; font-size: 10px; color: #666; line-height: 24px; display: block; text-decoration: none; }

/* Browse Recent Issues */

/* End Browse Recent Issues */



/* =============================================
================== ad formatting
============================================= */

.googlead {
 display: none;
}
.googlead p.googleadTitle {
  color: #929292;
  font-weight: bold;
  margin-bottom: .5em;
}
.googlead p {
  text-align: left;
  margin: 0 0 .8em 0;
}
.ad { margin: 5px 0; padding: 0; }
.topCat .ad728x90 { clear: both; padding: 4px 0 5px 11px; height: 100px; margin: 0; background: #ccc url(/images/advertisement_vert.gif) no-repeat left 6px; }
.rightCat .ad125x125 p,
.topCat .ad728x90 p.advertisement { display: none; }
.bannerSideBox { width: 226px; float: right; font-size: 11px; }
.bannerSideBox p { margin: 0; }
p.advertisement { margin: 0; color: #999; font-size: 9px; text-transform: uppercase; }
.rightCat p.advertisement { text-align: right; }
#contentWell { margin: 20px 20px 20px 0; }

.rightCat .storyad125x125 {
  float: left;
  margin-left: 35px;
  margin-bottom: 20px;
  display: inline;
}


.contentwellad75x75, .ad75x75, .pagead75x75, .storyad75x75 { width: 75px; }
.contentwellad120x60, .ad120x60, .pagead120x60, .storyad120x60 { width: 120px; }
.contentwellad120x240, .ad120x240, .pagead120x240, .storyad120x240 { width: 120px; }
.contentwellad120x600, .ad120x600, .pagead120x600, .storyad120x600 { width: 120px; }
.contentwellad125x125, .ad125x125, .pagead125x125, .storyad125x125 { width: 125px; }
.contentwellad160x600, .ad160x600, .pagead160x600, .storyad160x600 { width: 160px; }
.contentwellad180x150, .ad180x150, .pagead180x150, .storyad180x150 { width: 180px; }
.contentwellad234x60, .ad234x60, .pagead234x60, .storyad234x60 { width: 234px; }
.contentwellad234x400, .ad234x400, .pagead234x400, .storyad234x400 { width: 234px; }
.contentwellad240x400, .ad240x400, .pagead240x400, .storyad240x400 { width: 240px; }
.contentwellad250x250, .ad250x250, .pagead250x250, .storyad250x250 { width: 250px; }
.contentwellad300x60, .ad300x60, .pagead300x60, .storyad300x60 { width: 300px; }
.contentwellad300x125, .ad300x125, .pagead300x125, .storyad300x125 { width: 300px; }
.contentwellad300x250, .ad300x250, .pagead300x250, .storyad300x250 { width: 300px; }
.contentwellad336x60, .ad336x60, .pagead336x60, .storyad336x60 { width: 336px; }
.contentwellad336x125, .ad336x125, .pagead336x125, .storyad336x125 { width: 336px; }
.contentwellad336x280, .ad336x280, .pagead336x280, .storyad336x280 { width: 336px; margin: 0 auto; padding: 1em 0; }
.contentwellad336x850, .ad336x850, .pagead336x850, .storyad336x850 { width: 336px; }
.contentwellad468x60, .ad468x60, .pagead468x60, .storyad468x60 { width: 468px; }

/* Some generic double/triple column items. They're just here to change when needed. */

.dblColumn,
.nestedDblColumn {
  overflow: hidden;
}
.dblColumn .leftCell,
.nestedDblColumn .leftCell {
/*  width: XXXpx; */
}
.dblColumn .rightCell,
.nestedDblColumn .rightCell {
/*  width: XXXpx; */
}

.dblColumn .leftColumn,
.nestedDblColumn .leftColumn {
  padding: 0px 5px 10px 0;
}
.dblColumn .rightColumn,
.nestedDblColumn .rightColumn	{
  padding: 0px 0px 10px 0;
}


.cover .dblColumn .leftCell { width: 384px; }
.cathome .dblColumn .leftColumn { overflow: hidden;  }
.cover .dblColumn .rightCell { width: 180px;  }

.cover .nestedDblColumn { width: 364px; margin-top: 2px; }
.cover .nestedDblColumn .leftCell { width: 115px; }
.cover .nestedDblColumn .leftColumn { padding-right: 15px; }
.cover .nestedDblColumn .rightCell { width: 249px; }

.tripleCol {
  overflow: hidden;
}
.tripleCol .leftCell {
/*  width: XXXpx; */
}
.tripleCol .centerCell {
/*  width: XXXpx; */
}
.tripleCol .rightCell {
/*  width: XXXpx; */
}
.tripleCol .leftColumn {
  padding: 0px 5px 10px 0;
}
.tripleCol .centerColumn {
  padding: 0px 5px 10px 5px;
}
.tripleCol .rightColumn	{
  padding: 0px 0px 10px 5px;
}

/****** End style.css ******/