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

/*  internet.com global settings*/
body {
   background-color: #cccccc; 
   color: #000000;
   margin: 0px;
   font-family: arial, verdana, helvetica;
   font-size: 10px;
}


#container_tile {
   background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_tile.jpg); 
   background-repeat: repeat-y; 
   width: 950px;
   margin-left: auto;
   margin-right: auto;   
}

form {
	font-family: Arial,Helvetica,Sans-Serif;
	padding: 0px;
	margin: 0px;
    /* IE Pick-a-boo bug fix */	
	
}



/*  ajax expandable controller css settings lives under global */

.section {
	margin-bottom: 0px;
	padding: 0;
	width: 160px;  /*  update : change to 160 from 170 */
	text-align: left;
	background-color: transparent;
}

.section ul {
	margin-bottom: 2px;
	padding: 0;
	overflow: hidden; /* height adjustment hack for FF. */
	text-align: left;
	background-color: transparent;
	font-size: 10px;
	margin-top: -2px;
   /* any IE */
    margin-left: expression('5px'); 
    list-style-type: none;
    margin-top: expression('-15px'); 
	
}

.section p {
	color: #000;	
	margin: 0;
	font-size: 11px;
	font-weight: none;
	padding: 0 0 3px 1px;
	background-color: transparent;
}


.section p img {
	vertical-align: bottom;
	padding-bottom: 1px;
}

.section p a {
	color: #000;
	text-decoration: none;
	line-height: 16px;
	
}

.section p a:hover {
	text-decoration: underline;
}

.section a:link a {
	color: #000;
	text-decoration: none;
	line-height: 16px;
	
}

.section a:hover {
	text-decoration: underline;
}


#rghthover{
	text-decoration: none;
	color: #333;
	display: inline;
	
}

#rghthover a:hover{
	text-decoration: underline;
	
}





#toprghthdrinset a:link, #toprghthdrinset a:visited{
color: #fff;
text-decoration: none;
font-weight: bold;
}

#toprghthdrinset a:hover{
  text-decoration: underline;
}




#bothover{
	text-decoration: none;
	color: #000;
	display: inline;
	
}

#bothover a:hover{
	text-decoration: underline;
	
}


/* Inside content of a div with rounded corners */
#contentinewsinsetsub .contentWrap {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 240px;
}

#contentinewsinsetsub .collapseWrap {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 140px; /*  update : mod to 140 */
}

.floatingIcon {
	float: left;
	margin-right: 4px !important;
	margin-right: 2px;
	margin-top: 3px;
	margin-left: 7px;
}

.floatingIcon a img {
	width: 14px;
	height: 14px;
	border: 0;
	-moz-opacity: 0.70;
	opacity: 0.70;
	filter: alpha(opacity=70); /* for IE6 */
	display: block; /* for use with js */
	cursor: pointer;
}

.floatingIcon a:hover img, .floatingIcon a img.fade {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100); /* for IE6 */
}


.setimageload {
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/contract.gif); 
position: -1000px;
}










/*  internet.com header settings for top toolbar including login items*/
#top_header_logo {
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/icom_logo.jpg); 
background-repeat: repeat; 
height: 82px; 
width: 296px;
text-align: left;
float: left;
}
  
#top_header_tile {
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/navtop_bkgd_tile.jpg); 
background-repeat: none; 
height: 82px; 
width: 640px;
text-align: left;
padding: 0px 0px 0px 0px;
margin-right: 14px;
float: right;

}


#top_header_tile p {
padding: 2px 0px 0px 0px;
margin-left: 14px;
word-spacing:5px;
/* any IE */
margin-top: expression('10px');   
}

#top_header_tile a:link {
color: #000;
text-decoration: none;
}

#top_header_tile a:visited {
color: #000;
text-decoration: none;	
}

#top_header_tile a:hover {
color: #666;
text-decoration: underline;
}


#tagl {
background-repeat: repeat; 
text-align: left;
padding: 3px 0px 0px 22px;
font-family: arial, verdana, helvetica;
font-weight: bold;
font-size: 12px;
letter-spacing: -0.01em;}
}



#top_header_tile topheader_form {
font-family:arial, verdana, sans-serif !important;
font-size:13px;
float: right;
}

* html #topheader_form p{
font-family:arial, verdana, sans-serif !important;
font-size:18px;
margin-left: 260px;
margin-top: 7px;
float: left;
/* any IE */
margin-top: expression('-5px');
margin-left: expression('130px');
}


#topheader_form p{
font-family:arial, verdana, sans-serif !important;
font-size:18px;
margin-left: 260px;
margin-top: 7px;
float: left;
/* any IE */
margin-top: expression('-5px');
}

/*  internet.com form css settings*/
#top_header_tile input.shad {
font-family:arial, verdana, sans-serif !important;
font-size:16px;
background:#ccc;
color: #333;
margin-top: 3px;
padding: 3px;
height: 22px;
margin-left: 20px;
margin-top: expression('-7px');
height: expression('19px');
}


#top_header_tile input.shad:hover {
background:#f2f2f2;
color: #333;
}

#top_header_tile .submitpad {
	padding-left: 8px;
}


#navitile {
width:922px; 
margin-left: 14px; 
height: 33px; 
background: #cccccc; 
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/background_dn_fixed.gif); 
clear: both;
}



#loginitems {
width:100px; 
margin-right: 14px; 
height: 33px; 
background: #cccccc; 
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/background_login.gif); 
float: right;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 20px;
padding-left: 20px;
}


#loginitems a {
	color: #fff;
	text-decoration: none;
}

#loginitems a:hover {
	color: #fff;
	text-decoration: underline;
}

#loginpopcontainer
 {
position: relative; 
top: -3px; 
left: -10px; 
text-align: center;
/* any IE */
margin-left: expression('-110px');

}

/*  IE7 mods */
*:first-child+html #loginpopcontainer {
position: relative; 
top: -2px; 
left: 100px; 
text-align: center;
}


.loginpopitem
 {
border: 1px solid #333; 
background-color: #333; 
position: absolute; 
left: 1px; 
visibility: hidden; 
padding:0px; 
opacity: 90; filter:alpha(opacity=90); 
width: 100px; 
padding: 5px;
font-size: 10px;
}















































/*  content well start*/
#contentcontainer{
width: 700px;
padding: 1px;
background-color: #fff;
margin-left: 20px;
margin-top: 0px;
text-align: center;
margin-top: expression('-10px');
}

#contentcontainerbottom{
width: 95%;
padding: 1px;
background-color: #fff;
margin-left: 20px;
margin-top: 0px;
text-align: left;
clear: left;
}

















/*  rightfloat container */

#rightcontainer{
width: 185px;
padding: 0px;
background-color: #fff;
margin-top: 0px;
float: right;
margin-right: 25px;
/* any IE */
margin-right: expression('10px');

}

/*  IE7 mods */
*:first-child+html #rightcontainer {
width: 185px;
padding: 0px;
background-color: #fff;
margin-top: 0px;
float: right;
margin-right: 25px;

}

#toprghthdr{
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_bloghdr.jpg); 
margin-top: 0px;
margin-left: 0px;
height: 30px;
width: 180px;
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #fff;
/* any IE */
margin-right: expression('10px');
}




#toprghthdrinset{
padding: 5px;
}

#toprghtbkgd{
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_blog_tile.gif); 
margin-top: 0px;
margin-left: 0px;
width: 180px;
height: 230px; 
overflow: auto;
font-size: 11pt;
color: #333;
background-repeat: repeat-x;
background-color: #c0cfd4;
/* any IE */
margin-right: expression('10px');
}

#toprghtbkgd .expandsubcontainer{
color: #000;	
font-weight: none;
display: block;
margin-left: 30px;
line-height: 18px;
}



#rghthdr{
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_rightnav_tile.gif); 
margin-top: 0px;
margin-left: 0px;
height: 30px;
width: 180px;
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #fff;
/* any IE */
margin-right: expression('10px');
}



#jtjrghthdr{
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_jtj_tile.gif); 
margin-top: 0px;
margin-left: 0px;
height: 30px;
width: 180px;
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #fff;
/* any IE */
margin-right: expression('10px');
}



#rghtbkgd{
margin-top: 0px;
margin-left: 0px;
width: 178px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 11pt;
color: #333;
background-color: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
/* any IE */
margin-right: expression('10px');

}

#rghtbkgd .expandsubcontainer{
color: #000;	
font-weight: none;
display: block;
margin-left: 30px;
line-height: 18px;
}



#rghtcommerce a:link,#rghtcommerce a:visited {
margin-top: 0px;
margin-left: 8px;
width: 178px;
color: #333;
font-size: 11px;
background-color: #fff;
text-decoration: none;
/* any IE */
margin-right: expression('10px');

}

#rghtcommerce a:hover{
text-decoration: underline;
}

#jobsbox a:link,#jobsbox a:visited {
margin-top: 0px;
margin-left: 0px;
width: 178px;
color: #333;
font-size: 11px;
background-color: #fff;
text-decoration: none;
/* any IE */
margin-right: expression('10px');

}

#jobsbox a:hover{
text-decoration: underline;
}

#jobsbox ul  {
margin-top: -5px;
margin-left: -20px;
margin-left: expression('20px');
list-style-image: url('/web/20160316125644im_/http://www.codeguru.com/mediakit/img/jtj-arrow.gif');
color: #666666;
}


#jobsboxbkgd{
margin-top: 0px;
margin-left: 0px;
width: 178px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 11pt;
color: #333;
background-color: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
/* any IE */
margin-right: expression('10px');
height: 160px;
overflow: auto;
height: expression('150px');
}



#rghtfoot{
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/homefoot_rightnav.gif); 
margin-top: 0px;
margin-left: 0px;
height: 12px;
width: 180px;
color: #fff;
clear: left;
/* any IE */
margin-right: expression('10px');

}

#commpos{
margin: 4px 0px 0px 10px;
height: 70px;
width: 160px;
/* any IE */
margin-left: expression('10px');

}
























/*  CSS for ticker start*/

#ajaxtickercontainer{
width: 700px;
border: 1px double #e5e5e5;
padding: 1px;
background-color: #e5e5e5;
margin-top: 0px;
text-align: center;
}

#ajaxtickercontainer a{
color: #000;
text-decoration: none;
}

#ajaxtickercontainer a:hover{
color: #000;
text-decoration: underline;
}

#ajaxticker1{
width: 692px;
padding: 3px;
background-color: #e5e5e5;
text-align: center;
color: #333;
border: 1px solid white;
}

#ajaxticker1 div{ 
background-color: #e5e5e5;
color: #333;
}

/*  CSS for ticker end */






/*  CSS for icon end*/

#floatrssicon {
padding: 5px;
background-color:transparent;
margin-top: 0px;
text-align: right;
float: right;
font: arial 10px bold;
}

#floatrssicon a:link, #floatrssicon a:visited{
background-color:transparent;
margin-top: 0px;
color: #333;
font-weight: bold;
text-decoration: none;
}


#floatrssicon img {
padding-left: 5px;
}
/*  CSS for icon end */



















/*  CSS for top features */
#contentfeaturecontainer{ 
width:	315px; 
margin-top: 5px; 
border-top: 1px dotted #999; 
float:left;
}

* html #contentfeaturecontainer
 {
background: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_rule_tile.gif) repeat-x;   /*  Fix for IE dotted bug */
border-top: 0px; 

}


#contentfeatureinset{ 
width:	300px; 
padding: 3px; 
height: 230px; 
text-align: left;
font-size: 11px;
}

#contentfeatureinset .header{ 
font-size: 24px;
color: #bb221d;
font-weight: bold;

}

#contentfeatureinset a{ 
font-size: 12px;
color: #bb221d;
text-decoration: none;
font-weight: bold;
line-height: 16px;
}

#contentfeatureinset a:hover{ 
text-decoration: underline;
}

#contentfeatureinset img{ 
margin-right: 10px;
float: left;
margin-top: 2px;
}



#contentfeatureinset p {
	white-space: nowrap;
	float: right; /* for use with js */
}

















/*  CSS for features archives (popup) */
#featurepopcontainer
 {
position: relative; 
margin-top: -45px; 
/* any IE */
margin-top: expression('-60px');
left: -200px; 
top: 1px;
text-align: left;
float: right;
z-index: 1;
}

.featurepopitem
 {
border: 1px solid #333; 
background-color: #333; 
position: absolute; 
left: 1px; 
visibility: hidden; 
padding:0px; 
-moz-opacity: 0.90;
opacity: 0.90;
filter: alpha(opacity=90); /* for IE6 */
width: 320px; 
padding: 2px;
}

#featurepopcontainer a
 {
color: #fff;
}

.featureset
 {
color: #bb221d;
font-weight: bold;
}

#featurepopcontainer ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
    color: #fff;
    font-size: 8px;
	
}

#featurepopcontainer ul li {
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 0px;
	text-align: left;
    color: #fff;
	
}

#featurepopcontainer ul ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
}

#featurepopcontainer ul li :after {
	content: "\00BB \0020";
	border: none;
	list-style-type: none;
	padding-bottom: 1px;
	margin-left: 3px;
	padding-top: 0px;
	text-align: left;
	padding-left: 1px;  
}

#featurepopcontainer a{ 
font-size: 11px;
color: #fff;
text-decoration: none;
}

#featurepopcontainer a:hover{ 
text-decoration: underline;
}




















/*  CSS for top inews stories */
#contentinewscontainer{ 
width:	300px; 
margin-top: 5px; 
height: 230px; 
border-top: 1px dotted #999; 
float:right;

}


* html #contentinewscontainer
 {		
width:	300px; 
margin-top: 5px; 
height: 230px; 
border-top: none; 
float:right;
background: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_rule_tile.gif) repeat-x;   /*  Fix for IE dotted bug */
}


#contentinewsinset{ 
width:	180px; /*  update : mod to 180 */
padding: 0px; 
text-align: left;
font-size: 11px;
}


#contentinewsinset h5 { 
background: #eae7d4;
width: 176px;/*  update : mod to 180 */
padding-left: 5px; 
padding-top: 5px;
margin-top: 0px;
margin-bottom: 2px;
height: 25px;
font-size: 16px;
color: #333;
font-weight: bold;


}

.imgfloatright { 
float: right;
padding-top: 0px;
/* any IE */
padding: expression('0px'); 
background: #eae7d4

}



#contentinewsinset .tile { 
background-color: #efecdb;
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_inews_tile.gif);
background-position: fixed;
background-repeat: repeat-x;
height: 192px;
overflow: auto;
margin-top: -2px;

}


/*  ajax expandable controller css settings inews specific */

#contentinewsinsetsub .newssection {
margin-bottom: 0px;
padding: 0px;
width: 140px; /*  update : mod to 140 */
text-align: left;
background-color: transparent;
}

#contentinewsinsetsub .newssection ul {
margin-bottom: 2px;
padding: 0;
overflow: hidden; /* height adjustment hack for FF. */
width: 140px; /*  update : mod to 140 */
text-align: left;
background-color: transparent;
font-size: 10px;
margin-top: -3px;
/* any IE */
margin-left: expression('5px'); 
	
}

#contentinewsinsetsub .newssection p {
color: #000;	
margin: 0;
font-size: 11px;
font-weight: none;
padding: 0 0 3px 1px;
background-color: transparent;
line-height: 18px;
}



#contentinewsinsetsub .expandsubcontainer {
color: #000;	
font-weight: none;
display: block;
margin-left: 30px;
}







/*  CSS for top top ad container */

#adcontainer{ 
width:	370px; 
padding-top: 5px; 
border-top: 1px dotted #999; 
float:left;
margin-left: 10px;
margin-top: 5px;
}


* html #adcontainer
 {
background: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_rule_tile.gif) repeat-x;   /*  Fix for IE dotted bug */
border-top: 0px; 

}





/*  CSS for top it stories */

#ajaxcontentarea
{
margin-top: -10px;
margin-top: expression('-20px'); 
height: 225px;
height: expression('241px');
width: 367px;
width: expression('366px');
}

* html #ajaxcontentarea
{
width: 371px;
}

#contentitcontainer{ 
width:	370px; 
margin-top: 5px; 
height: 250px; 
border-top: 1px dotted #999; 
float:left;
margin-left: 10px;
}


* html #contentitcontainer {		
margin-top: 5px; 
height: 250px; 
border-top: none; 
float:left;
background: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_rule_tile.gif) repeat-x;   /*  Fix for IE dotted bug */
}

/*  IE7 mods */
*:first-child+html #contentitcontainer {
height: 260px; 
}


#contentitinset{ 
width:	350px; 
padding: 3px; 
height: 250px; 
text-align: left;
font-size: 11px;
margin-left: expression('-10px');
}


#contentitinset h5 { 
background: #eae7d4;
width: 350px;
padding-left: 5px; 
padding-top: 5px;
margin-top: 0px;
margin-bottom: 5px;
height: 25px;
font-size: 16px;
color: #333;
font-weight: bold;
}


#contentitinset .tile { 
background: #eae7d4;
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_inews_tile.gif);
height: 192px;
overflow: auto;


}



/*  ajax vertical tabs controller css settings --- it specific */
.shadetabs{
padding: 5px 0;
margin-left: 0;
margin-top: 5px;
margin-bottom: 10;
font: bold 11px arial;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
background-color: #eae7d4;
letter-spacing: 1px; 
width: 365px;
width: expression('364px');
height: 14px;
background: white url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_itheaderbkgd_tile.gif) top left repeat-x;
}

* html .shadetabs {
width: 369px;
}

.shadetabs li{
display: inline;
margin: 0;
cursor: pointer;
}

.shadetabs li a{
text-decoration: none;
padding: 7px 7px 6px 7px;
margin-right: -3px;
color: #000;
border-right: 1px solid #999;
border-left: 0px solid #999;
border-bottom: 0px solid #999;
border-top: 0px solid #999;
background: white url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_itheader_off_tile.gif) top left repeat-x;
font-weight: bold;
cursor: pointer;
}

.shadetabs li a:visited{
color: #000;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #000;
cursor: pointer;
}

.shadetabs li.selected{
position: relative;
top: 1px;
cursor: pointer;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_itheader_on_tile.gif);
cursor: pointer;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
cursor: pointer;
}

#tab1 a,#tab2 a,#tab3 a { /*set cursor style */
cursor: pointer;
}

.contentstyle{
border: 0px solid white;
background: #d0cfbb url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_it_tile.gif) top left repeat-x;
width: 360px;
height: 195px;
/* any IE */
height: expression('210px'); 
overflow: auto;
padding-top: 0px;
margin-top: -8px;

}

.itheader{
float: left; 
padding-left: 10px; 
font-size: 14px;
font-weight: bold;
}

.itheader a:link, a:visited{
color: #333;
text-decoration: none;
}


.itheader a:hover{
color: #333;
text-decoration: underline;
}


a.subheadline:link, a.subheadline:visited
{
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #000;
}

a.subheadline:hover
{
text-decoration: underline;
}


{
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #000;
}


#subcontentpad
{
padding: 3px 0px 0px 5px;
}

* html #subcontentpad
{
padding-left: 10px;
}


/*  ajax expandable controller css settings it specific */

.itsection {
margin-bottom: 0px;
padding: 0;
width: 350px;
text-align: left;
background-color: transparent;
}

.itsection ul {
margin-bottom: 2px;
padding: 0;
overflow: hidden; /* height adjustment hack for FF. */
width: 260px;
text-align: left;
background-color: transparent;
font-size: 10px;
margin-top: -3px;
/* any IE */
margin-left: expression('5px'); 

}

.itsection p {
color: #000;	
margin: 0;
font-size: 11px;
font-weight: none;
padding: 0 0 3px 1px;
background-color: transparent;
line-height: 20px;
}











/*  CSS for top video stories */
#contentvideocontainer{ 
clear: both;
width: 315px;
margin-top: 5px; 
border-top: 1px dotted #999;
}


* html #contentvideocontainer
 {		
width: 315px;
margin-top: 5px; 
border-top: none; 
background: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_rule_tile.gif) repeat-x;   /*  Fix for IE dotted bug */

}


#contentvideoinset{ 
width: 315px;
padding: 0px; 
text-align: left;
font-size: 11px;
margin-top: 3px;
}


#contentvideoinset h5{ 
background-color: transparent;
width: 310px;
padding-left: 5px; 
padding-top: 15px;
margin-top: 3px;
margin-bottom: 0px;
height: 25px;
font-size: 16px;
color: #333;
font-weight: bold;
text-decoration: none;
text-indent:40px;
background-image: url('/web/20160316125644im_/http://www.codeguru.com/mediakit/img/video-bg.gif');
background-repeat: no-repeat;
}


#contentvideoinset h5 a{ 
padding-left: 5px; 
padding-top: 5px;
margin-top: 0px;
margin-bottom: 0px;
height: 25px;
font-size: 16px;
color: #333;
font-weight: bold;
text-decoration: none;
}


#contentvideoinset h5 a:hover{ 
text-decoration: underline;
}

.imgfloatright { 
float: right;
margin-top: 0px;
}


#contentvideoinset .tile { 
background-color: #c7c7c7;
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_video_tile.gif);
background-repeat: repeat-x;
background-position: fixed;
height: 215px;
overflow: auto;

}

* html #contentvideoinset .tile {
height: 229px;
}

#contentvideoinset a, #contentvideoinset a:link, #contentvideoinset a:visited {
color: #333333;
font-weight: bold;
text-decoration: none;
}

#contentvideoinset a:hover {
color: #000;
text-decoration: underline;
}

#contentvideoinsetsub{
color: #000;	
margin: 2px;
font-size: 11px;
font-weight: none;
padding: 3px 3px 3px 3px;
background-color: transparent;
line-height: 15px;
}


#contentvideoinsetsub p a:link, #contentvideoinsetsub p a:visited {
color: #000;	
float: right;
font-weight: bold;
padding: 3px 3px 3px 3px;
text-decoration: none;
}

#contentvideoinsetsub p a:hover{
color: #000;	
float: right;
font-weight: bold;
padding: 3px 3px 3px 3px;
text-decoration: underline;
}

#contentvideoinsetsub p a:visited{
color: #000;	
float: right;
font-weight: bold;
padding: 3px 3px 3px 3px;
text-decoration: none;
}


#contentvideoinsetsub .header{
color: #000;	
font-weight: bold;
text-decoration: none;
font-size: 14px;
}

#contentvideoinsetsub a.header:link, a.header:visited{
color: #000;	
font-weight: bold;
text-decoration: none;
font-size: 14px;
}

#contentvideoinsetsub a.header:hover{
text-decoration: underline;
}

.header a:link, .header a:visited{
text-decoration: none;
color: #333;
font-size: 16px;
}

.header a:hover{
text-decoration: underline;
}



#contentvideoinset img{ 
float: left;
padding-right: 5px;
margin-bottom: 5px;}

.dividevideo{
color: #fff;	
margin-top: 3px;
font-size: 11px;
font-weight: bold;
padding: 3px 3px 3px 3px;
background-color: #999999;
clear: both;
}


#contentvideoinsetsubset1{
color: #000;	
margin: 0;
font-size: 9px;
font-weight: none;
padding: 3px 3px 3px 3px;
background-color: transparent;
float: left;
width: 165px;
}

#contentvideoinsetsubset1 img{
float: left;
/* scalable em size class for video graphic */
width: 6.56em; /* replaces 135px width */
height: 4.88em; /* replaces 100 height */
}

#contentvideoinsetsubsetr{
color: #000;	
margin: 0;
font-size: 9px;
font-weight: none;
padding: 3px 3px 3px 3px;
background-color: transparent;
width: 135px;
float: left;

}

#contentvideoinsetsubsetr img{
float: left;
/* scalable em size class for video graphic */
width: 6.56em; /* replaces 135px width */
height: 4.88em; /* replaces 100 height */
}






#contentvideo_text a.vidmenu, #contentvideo_text a.vidmenu:link, #contentvideo_text a.vidmenu:visited 
{
	display:block;
	background:transparent;
	color:#000;	
	text-decoration:none;
	font-family: verdana; arial, helvetica;
	font-size: 9px;
	line-height: 10px;
	padding: 2px;
}

#contentvideo_text a.vidmenu:hover
{
background:#c6c6ce; 
color:#000;
text-decoration: none;	
-moz-opacity: 0.90;
opacity: 0.90;
filter: alpha(opacity=90); /* for IE6 */
	
}

























/*  CSS for developer small business and personal tech */
#contentbottomcontainer{ 
width:	704px; 
margin-top: 15px; 
border-top: 1px dotted #999; 
float: left;
/* any IE */
float: expression('center'); /* Fix repeat issue for IE 6*/
position: relative;
}


* html #contentbottomcontainer
 {		
width:	700px; 
padding-top: 2px; 
border-top: none; 
float:left;
margin-top: 5px;
background: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_rule_tile.gif) repeat-x;   /*  Fix for IE dotted bug */
/* any IE */
}


/*  CSS for titles/links under developer small business and personal tech */
.tileinset { 
padding: 8px;
}


a.tileinsetlink:link, a.tileinsetlink:visited{
text-decoration: none;
color: #576a7f;
font-size: 14px;
font-weight: bold;
}

a.tileinsetlink:hover{
text-decoration: underline;
}

a.popinsetlink:link, a.popinsetlink:visited{
text-decoration: none;
color: #576a7f;
font-size: 12px;
font-weight: none;
line-height: 14px;
}

a.popinsetlink:hover{
text-decoration: underline;
}

a.popinsetlink:hover{
text-decoration: underline;
}






/*  ajax expandable controller css settings bottom content specific */

#contentbotinsetsub .newssection {
margin-bottom: 0px;
padding: 0;
width: 180px;
text-align: left;
background-color: transparent;
margin-left: -8px;
}

#contentbotinsetsub .newssection ul {
margin-bottom: 2px;
padding: 0;
overflow: hidden; /* height adjustment hack for FF. */
width: 160px;
text-align: left;
background-color: transparent;
font-size: 10px;
margin-top: -3px;
/* any IE */
margin-left: expression('5px'); 
}


#contentbotinsetsub .newssection p {
color: #000;	
margin: 0;
font-size: 11px;
font-weight: none;
padding: 0 0 3px 1px;
background-color: transparent;
line-height: 14px;
padding-top: 3px;
}


#contentbotinsetsub .expandsubcontainer{
color: #000;	
font-weight: none;
display: block;
margin-left: 30px;
}



/*  Start developer css */
#contentbottomdevinset{ 
width:	225px; 
padding: 3px; 
text-align: left;
font-size: 11px;
float: left;
margin-top: 0px;
height: 557px;
height: expression('566px');
}

* html #contentbottomdevinset{ 
height: 500px;
}

#contentbottomdevinset h5 { 
/* background: #eeeeee;
width: 225px;
padding-top: 5px;
margin-top: 0px;
margin-bottom: 5px;
height: 25px;
font-size: 16px;
color: #333;
font-weight: bold;
text-indent: 5px; */
background-color: transparent;
width: 225px;
padding-left: 5px; 
padding-top: 15px;
margin-top: 0px;
margin-bottom: 0px;
height: 25px;
font-size: 16px;
color: #333;
font-weight: bold;
text-decoration: none;
text-indent:40px;
background-image: url('/web/20160316125644im_/http://www.codeguru.com/mediakit/img/developer-bg.gif');
background-repeat: no-repeat;
}


#contentbottomdevinset .tile { 
background: #eae7d4;
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_botcontentbkgd_tile.gif);
height: 525px;
height: expression('535px'); 
overflow: auto;
width: 225px;
margin-bottom: expression('-20px'); 
}

/*  IE7 mods */
*:first-child+html #contentbottomdevinset .tile {
margin-bottom: 0px;
}



/*  Start Small Business css */
#contentbottomsbinset{ 
width:	225px; 
padding: 3px; 
text-align: left;
font-size: 11px;
float: left;
margin-left: 3px;
margin-top: 0px;
height: 557px;
height: expression('566px');
}

* html #contentbottomsbinset{ 
margin-left: -4px;
height: 500px;
}


#contentbottomsbinset h5 { 
/* background: #eeeeee;
width:	225px; 
padding-top: 5px;
margin-top: 0px;
margin-bottom: 5px;
height: 25px;
font-size: 16px;
color: #333;
font-weight: bold;
text-indent: 5px; */
background-color: transparent;
width: 225px;
padding-left: 5px; 
padding-top: 15px;
margin-top: 0px;
margin-bottom: 0px;
height: 25px;
font-size: 16px;
color: #333;
font-weight: bold;
text-decoration: none;
text-indent:40px;
background-image: url('/web/20160316125644im_/http://www.codeguru.com/mediakit/img/sb-bg.gif');
background-repeat: no-repeat;
}


#contentbottomsbinset .tile { 
background: #eae7d4;
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_botcontentbkgd_tile.gif);
height: 525px;
height: expression('535px'); 
overflow: auto;
width: 225px;
margin-bottom: expression('-20px'); 
}


/*  IE7 mods */
*:first-child+html #contentbottomsbinset .tile {
margin-bottom: 0px;
}



/*  Start Personal Tech css */
#contentbottomptinset{ 
width:	225px; 
padding: 3px; 
text-align: left;
font-size: 11px;
float: left;
margin-left: 3px;
margin-top: 0px;
height: 557px;
height: expression('566px');
}

* html #contentbottomptinset{
margin-left: -4px;
height: 500px;
}


#contentbottomptinset h5 { 
/* background: #eeeeee;
width:	225px; 
padding-top: 5px;
margin-top: 0px;
margin-bottom: 5px;
height: 25px;
font-size: 16px;
color: #333;
font-weight: bold;
text-indent: 5px; */
background-color: transparent;
width: 225px;
padding-left: 5px; 
padding-top: 15px;
margin-top: 0px;
margin-bottom: 0px;
height: 25px;
font-size: 16px;
color: #333;
font-weight: bold;
text-decoration: none;
text-indent:30px;
background-image: url('/web/20160316125644im_/http://www.codeguru.com/mediakit/img/pt-bg.gif');
background-repeat: no-repeat;
}


#contentbottomptinset .tile { 
background-color: #eae7d4;
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_botcontentbkgd_tile.gif);
background-repeat: repeat-x;
height: 525px;
height: expression('535px'); 
overflow: auto;
width: 225px;
margin-bottom: expression('-20px'); 

}

/*  IE7 mods */
*:first-child+html #contentbottomptinset .tile {
margin-bottom: 0px;
}




/*  Start Most Popular Solutions css */
#contentbottommpsinset{ 
width:	346px; 
padding: 3px; 
text-align: left;
font-size: 11px;
float: left;
margin-top: 0px;
}


#contentbottommpsinset h5 { 
/* background: #eeeeee;
width: 341px;
padding-left: 5px; 
padding-top: 5px;
margin-top: 0px;
margin-bottom: 0px;
height: 30px;
font-size: 16px;
color: #333;
font-weight: bold; */
background-color: transparent;
width: 341px;
padding-left: 5px; 
padding-top: 15px;
margin-top: 0px;
margin-bottom: 0px;
height: 25px;
font-size: 16px;
color: #333;
font-weight: bold;
text-decoration: none;
text-indent:40px;
background-image: url('/web/20160316125644im_/http://www.codeguru.com/mediakit/img/mps-bg.gif');
background-repeat: no-repeat;
}


#contentbottommpsinset .tile { 
background: #f3f3f3;
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_botcontentbkgd_tile.gif);
height: 270px;
overflow: auto;
background-repeat: repeat-x;
width: 346px;
height: 246px;
}


#adcontainerbottom { 
width: 343px;
height: 290px;
float: right;
margin-top: 10px;
}


/*  Start New Openings css */
#contentbottomnoinset{ 
width:	340px; 
padding: 3px; 
text-align: left;
font-size: 11px;
float: right;
margin-top: 5px;
}


#contentbottomnoinset h5 { 
background: #eeeeee;
width: 335px;
padding-left: 5px; 
padding-top: 5px;
margin-top: 0px;
margin-bottom: 0px;
height: 30px;
font-size: 16px;
color: #333;
font-weight: bold;
}


#contentbottomnoinset .tile { 
background: #eae7d4;
background: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_botcontentbkgd_tile.gif);
height: 300px;
overflow: auto;
line-height: 7px;

}


#img_openings{ 
margin-top: -8px;
padding: 5px;
}












/*  Start Sponsored Resources table settings css */
.srtileinsetlink{
text-decoration: none;
color: #000;
font-size: 14px;
font-weight: bold;
}

a.srtileinsetlink:link, a.srtileinsetlink:visited{
text-decoration: none;
color: #000;
font-size: 14px;
font-weight: bold;
}

a.srtileinsetlink:hover{
text-decoration: underline;
}

a.srlgtileinsetlink_sm:link, a.srlgtileinsetlink_sm:visited{
text-decoration: none;
color: #576A7F;
font-size: 11px;
font-weight: bold;
padding-left: 18px;
background-image: url('https://web.archive.org/web/20160316125644im_/http://assets.internet.com/icon_arrow.gif');
background-repeat: no-repeat;
background-position: 2% 50%;
}

a.srlgtileinsetlink_sm:hover{
text-decoration: underline;
}

a.srinsetlink_sm:link, a.srinsetlink_sm:visited{
text-decoration: none;
color: #576A7F;
font-size: 14px;
font-weight: bold;
background-repeat: no-repeat;
}

a.srinsetlink_sm:hover{
text-decoration: underline;
}

.srtextset{
font-size: 10px;
}
  
  
a.jitileinsetlink:link, a.jitileinsetlink:visited{
text-decoration: none;
color: #333;
font-size: 12px;
font-weight: bold;
}
  

a.srtileinsetlink_sm:hover{
text-decoration: underline;
}


/*  Start JI table settings css */
.jitileinsetlink{
text-decoration: none;
color: #333;
font-size: 12px;
font-weight: bold;
}

a.jitileinsetlink:link, a.jitileinsetlink:visited{
text-decoration: none;
color: #333;
font-size: 12px;
font-weight: bold;
}

a.jitileinsetlink:hover{
text-decoration: underline;
}

a.jitileinsetlink_sm:link, a.jitileinsetlink_sm:visited{
text-decoration: none;
color: #333;
font-size: 10px;
font-weight: none;
}

a.jitileinsetlink_sm:hover{
text-decoration: underline;
}




/*  bottom toolbar settings start*/
.bottomtoolbarlink{
text-decoration: none;
color: #333;
font-size: 12px;
font-weight: bold;
}

a.bottomtoolbarlink:link, a.bottomtoolbarlink:visited{
text-decoration: none;
color: #333;
font-size: 10px;
font-weight: none;
}

a.bottomtoolbarlink:hover{
text-decoration: underline;
}



/*  foot settings start*/
#contentfoot  { 
background-color: #fff;
background: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_foot.gif);
height: 59px;
width: 950px;
}

a.foot:link, a.foot:visited
 {
color: #333;
text-decoration: underline;
}

a.foot:hover
 {
color: #333;
text-decoration: none;
}
/*  foot settings end*/


/*  rule image start*/
.ruleit
 {
border: 1px solid #999;
clear: both;
}

#contentbottomsbinset .ruleit, #contentbottomdevinset .ruleit, #contentbottomptinset .ruleit
 {
border: 1px solid #999;
margin-left: 20px;
}
/*  rule image end*/



/* Inside content of a div with rounded corners */
.contentWrap, .collapseWrap {
	padding: 10px;
	padding-top: expression('1px');
	padding-bottom:0px;
	padding-bottom: expression('0px');
	margin: expression('0px');
}

* html .contentWrap {
	padding: 10px;
	padding-bottom:0px;
	padding-bottom: expression('0px');
	margin: expression('0px');
}

* html .collapseWrap {
	padding: 10px;
	padding-bottom:0px;
	padding-bottom: expression('0px');
	margin: expression('0px');
}


.floatingIcon {
	float: left;
	margin-right: 4px !important;
	margin-right: 2px;
	margin-top: 3px;
	margin-left: 7px;
}

.floatingIcon a img {
	width: 14px;
	height: 14px;
	border: 0;
	-moz-opacity: 0.70;
	opacity: 0.70;
	filter: alpha(opacity=70); /* for IE6 */
	display: block; /* for use with js */
	cursor: pointer;
}

.floatingIcon a:hover img, .floatingIcon a img.fade {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100); /* for IE6 */
}


.setimageload {
background-image: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/contract.gif); 
position: absolute;
top: -1000px;
visibility: hidden;
display: none;
}




/*  ajax expandable controller css settings sitemap specific */

.smsection {
margin-bottom: 0px;
margin-bottom: expression('0px');
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: expression('0px');
padding-top: expression('3px');
padding-bottom: expression('3px');
min-width: 880px;
width: 100%;
text-align: left;
background-color: #eeeeee;
border-bottom:1px solid #ccc;
float:left;
width: expression('90%');
}

.smsection ul {
margin-bottom: 2px;
margin-bottom: expression('2px');
padding: 0;
padding: expression('0px');
overflow: hidden; /* height adjustment hack for FF. */
text-align: left;
background-color: transparent;
font-size: 10px;
margin-top: -3px;
margin-top: expression('-3px');
/* any IE */
margin-left: expression('5px'); 

}

.smsection p {
color: #000;	
margin: 0;
margin: expression('0px');
font-size: 11px;
font-weight: none;
padding: 0 0 3px 1px;
background-color: transparent;
line-height: 20px;
}


.smsolutionsection {
margin-bottom: 0px;
margin-bottom: expression('0px');
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: expression('0px');
padding-top: expression('3px');
padding-bottom: expression('3px');
margin-top: 15px;
width: 100%;
min-width: 880px;
text-align: left;
background-color: #ecebe6;
border-bottom:1px solid #ccc;
float: left;
width: expression('90%');
}

.smsolutionsection ul {
margin-bottom: 2px;
padding: 0;
overflow: hidden; /* height adjustment hack for FF. */
text-align: left;
background-color: transparent;
font-size: 10px;
margin-top: -3px;
margin-top: expression('-3px');
/* any IE */
margin-left: expression('5px'); 

}

.smsolutionsection p {
color: #000;	
margin: 0;
font-size: 11px;
font-weight: none;
padding: 0 0 3px 1px;
background-color: transparent;
line-height: 20px;
}


.smheader {
color: #333;
width: 25%;
width: expression('20%');
padding: 8px;
font-size: 11px;
font-weight: bold;
background-color: #cfcfcf;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
}

.smsolutionsheader {
color: #333;
width: 25%;	
padding: 8px;
font-size: 11px;
font-weight: bold;
background-color: #dbdad5;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
}

a.sitemaplink:link, a.sitemaplink:visited
{
font-size: 10px;
font-weight: none;
text-decoration: none;
color: #333;
font-family: Arial, Helvetica, sans-serif;
}

a.sitemaplink:hover
{
text-decoration: underline;
}

.sitemappad
{
padding: 5px;
padding: expression('5px');
margin: 0px;
margin: expression('0px');
width: expression('70%');
}







/*  CSS for foot sitemap */

#contentfootsmleft
 {
width:	13px; 
float:left;
background: url(/web/20160316125644im_/http://www.codeguru.com/mediakit/img/bkgd_footleft_tile.gif);
margin-top: 5px;
}












/*  Start foot table settings css */
.footinsetlink{
text-decoration: none;
color: #333;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

a.footinsetlink:link, a.footinsetlink:visited{
text-decoration: none;
color: #333;
font-size: 12px;
font-weight: bold;
}

a.footinsetlink:hover{
text-decoration: underline;
}

a.footinsetlink_sm:link, a.footinsetlink_sm:visited{
text-decoration: none;
color: #333;
font-size: 10px;
font-weight: none;
}

a.footinsetlink_sm:hover{
text-decoration: underline;
}

#mediakit_header {
	height: 82px; 
	width: 100%;
	text-align: left;
	float: left;
}


td {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 9pt;
	font-weight: normal;
}

td a {
	color: #0240bd;
	font-family: verdana, helvetica;
	font-size: 9pt;
	text-decoration: underline;
}

td a:visited {
	color: #0240bd;
	font-family: verdana, helvetica;
	font-size: 9pt;
	text-decoration: underline;
}

td a:hover {
	color: #cc0000;
	text-decoration: none;
}

/*
     FILE ARCHIVED ON 12:56:44 Mar 16, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:51:02 Aug 05, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.962
  exclusion.robots: 0.038
  exclusion.robots.policy: 0.018
  esindex: 0.021
  cdx.remote: 13.251
  LoadShardBlock: 954.405 (3)
  PetaboxLoader3.resolve: 861.84 (4)
  PetaboxLoader3.datanode: 364.285 (4)
  load_resource: 291.694
*/