/* index CSS Document created: Ivan :: March 23nd 2006
Changed by Elena on July 10 2009
*/

div#l1_middle div#featured_products  div#hall_of_fame{
	height:220px;
	border:1px solid #334664;

}

div#l1_middle div#featured_products  div#hall_of_fame div{	
	font-size:0.7em;
	width:270px;
	height:170px;
	margin-top: 5px;
	overflow: auto; 
	border: 0px; 
	z-index:2;
	float:right;	
}

div#l1_middle div#featured_products  div#hall_of_fame div#your_number{
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
	font-size:14px;	
	width:270px;
	padding-top:5px;
	color:#334664; 
	text-align:center;
	height:20px;
}

div#l1_middle div#featured_products  div#hall_of_fame table#ccie_list_table{
	width:250px;
	float:right;
	font-size:0.9em;
}	


/* ***************************************************************************/

div#l1_middle div#main{
	padding:0;
	padding-left:5px;	
	padding-bottom:10px;
}



#index_header h1{
	color:#FFF;
}

#index_header h2{
	color:#334664;
}


@media print{
#index_header{
	display:none;
}	
}

/* START of Summer 2009 BANNER */

div#l1_middle .banner{
	margin-bottom:10px;
}

div#l1_middle .banner #index_header{
 /* 	//margin-right:280px; */ /* TODO: check in differen browsers.*/

}

div#l1_middle .banner,
div#l1_middle .banner #index_header,
div#l1_middle .banner #index_header_inner{
	height:150px !important;
	overflow:hidden;
}


.banner #index_header .blog_on_banner{
	background-image: url(/images/misc/main_banner/hero-trans-band.png); 
	padding:2px 5px;
}

/**/
.banner #index_header table{
	border-collapse:collapse;
	width:100%;
}
.banner #index_header table td{
	height: 75px;
	padding:0;
	
}

.banner a#rss:link, a#rss:hover, a#rss:visited,
.banner a#twitter:link, a#twitter:hover, a#twitter:visited,
.banner #rss_text,.banner #twitter_text{
	background-repeat:no-repeat;
	padding-left:20px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;		
}

.banner #rss_text,.banner #twitter_text{
	padding-left:0;
}

.banner a#rss:link, a#rss:hover, a#rss:visited{
	background-image: url(/images/general/rss-icon1.png);
	background-position:1px 2px;
}

.banner a#twitter:link, a#twitter:hover, a#twitter:visited{
	background-image: url(/images/general/twitter-icon.png);
	/*background-position:1px 4px;*/
	/*font-size: 0.8em;*/
	vertical-align:middle;
}

.banner a#rss:hover,
.banner a#twitter:hover{
	color:#E7894A;
}

/* 1st banner variations */	
div#l1_middle #banner_1 #index_header{
	background-image:url(/images/misc/main_banner/banner1-hub.JPG);
	/*background-position: left 80%;*/
	background-position:right;
	background-repeat:repeat-x;
	background-color:#900;
}

div#l1_middle #banner_1 #index_header_inner{
	background-image:url(/images/misc/main_banner/banner4-classroom.JPG);
	background-position:left 100%;
	background-repeat:no-repeat;
}			


/* 2nd banner variations */	
#banner_2 #index_header{
	background-image:url(/images/misc/main_banner/banner2-classroom.JPG);
	background-position: right top;
	background-repeat:inherit;
}

#banner_2 #index_header_inner{
	background-image:url(/images/misc/main_banner/banner2-classroom.JPG);
	background-position:left 80%;
	background-repeat:no-repeat;
}


/* 3nd banner variations */

#banner_3 #index_header{
	background-image:url(/images/misc/main_banner/banner3-cable4.JPG);
	background-position:center 400%;
	background:
	/*background-image:url(/images/misc/main_banner/banner3-cable2.JPG);
	background-position: right top;*/
	background-repeat:no-repeat;
}

#banner_3 #index_header_inner{
	background-image:url(/images/misc/main_banner/banner3-cable6.png);
	background-position: left 60%;
	/*background-repeat:no-repeat;*/
}

/* END of Summer 2009 BANNER */

/* START OF #central_part */

div#central_part{
	margin-left: 145px; /* for "I Want To" panel */
	margin-right: 295px;/* for #right_bar panel */
}

div#central_part  div.central_subpart{
	border-top:solid 3px #E7894A;
	padding:0 5px 5px 5px;
	margin:0 0 10px 0;
	background-color: #F5F5F5;
}

div#central_part table#choice{
	width:100%;
	margin-bottom: 10px;
}

/*Class Schedule */
div#schedule{
	background-image:url(http://www.netmasterclass.com/images/tmp/navigation_bg_images.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

div#schedule table{
	font-size:0.7em;
	border-collapse:collapse;
	background-color:#F5F5F5;
}

div#schedule_table td{
	border:1px solid #334664;
	padding: 2px;
	text-align: center;
}

div#schedule_table th{
	background-color:#64838F;
	padding:1px 2px;
	font-size:1.1em;
	text-align: center;
	color:#FFF;
	font-weight:bold;
}

div#schedule_table a:link,
div#schedule_table a:visited,
div#schedule_table a:hover{
	display:block;
	padding:2px 5px;
	font-size: 1.1em;
}

div#schedule_table a:hover{
	background-color:#EEE;
	padding:1px 4px;
	border:1px dotted #E7894A;
}

div#central_part a.central_header:link,
div#central_part a.central_header:visited,
div#central_part a.central_header:hover{
	color: #334664;
	text-decoration:none;
}

div#central_part a.central_header:link span,
div#central_part a.central_header:visited span,
div#central_part a.central_header:hover span{
	display:block;
	font-size: 0.7em;
	color: #C7692A;
}
div#central_part a.central_header:link strong,
div#central_part a.central_header:visited strong,
div#central_part a.central_header:hover strong{
	color: #334664;
	text-decoration:underline;
}

div#central_part div.central_ad,
div#central_part div.central_ad:visited,
div#central_part div.central_ad:hover{
	color: #334664;
	text-decoration:none;
}

div#central_part div.central_ad span,
div#central_part div.central_ad:visited span,
div#central_part div.central_ad:hover span{
	font-size:0.7em;
	color: #C7692A;
	text-decoration: none;
}


div#central_part div#schedule_table td.month{
	font-size: 1.1em;
	font-weight:bold;
	color: #C7692A;
	border-left:0;
}

div#central_part div#schedule_table td.workshop{
	border-top:0; 
	font-size: 1.1em;
	font-weight:bold;
	color: #C7692A;
	border-left:1px solid #334664;;
}


/* END OF #central_par */



/* START #want_to_panel */

div#want_to_panel{
	float:left;
	width:130px;
	border-left:3px solid #E7894A;
	border-bottom:3px solid #E7894A;
	border-right:3px solid #E7894A;
	padding-bottom:10px;
	background-repeat:no-repeat;
}

div#want_to_panel #i_want_to{
	background-color:#E7894A;
	color:#FFF;
	font-weight: bold;
	text-align:center;
}
 
div#want_to_panel div#wantlist a:link,
div#want_to_panel div#wantlist a:visited,
div#want_to_panel div#wantlist a:hover{
	display:block;
	margin:2px 7px;
	padding:5px;
	font-size:0.9em;
	border-bottom:1px dotted #E7894A;
	font-weight:bold;
}
  
div#want_to_panel div#wantlist a:hover{
	padding:4px;
	padding-bottom:5px;
	border:1px dotted #E7894A;
	background-color:#F5F5F5;
}
/* END #want_to_panel */