/* Zybocodes Index Page CSS Document */

/*----  PAGE SPECIFIC DIVISION STYLES */
div.header {
	/*background-image:url(images/general_header.png);*/
}

/*----  PAGE SPECIFIC DIVISION STYLES */


.welcome_text {
	font-weight: 100; font-size: .7em; color: #0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	border-left:solid 3px #D7EBFF;
	border-bottom:dotted 1px #D7EBFF;
	padding-left:20px;
	padding-bottom:5px;
	margin-top:23px;
	margin-bottom:20px;	
}
/************ START OF FIRST ROW BLOCKS STYLE *************/
.first_row_blocks {
	width:339px;
	height:180px;
	overflow: hidden;
	/*border:solid 1px #98D5E7;  /* #3399FF */
	padding:3px;
	background:url(images/index_page_sprite.png);
	background-position:-1px -1px;
	padding-top:0px;
	
}

.first_row_block_heading {
	height:20px;
	width:105px;
	float:left;
	color:#33CCFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing:1px;
	font-weight:bold;	
}

.first_row_block_subheading {
	height:20px;
	width:200px;
	float:left;
	color: #00CCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.first_row_block_left_container {
	float:left;
	margin-right:11px;
}

.first_row_block_right_container {
	float:left;
}

.first_row_block_search_button {
 width:35px;
 height:24px;
 background:url(images/index_page_sprite.png) no-repeat; 
 background-position:-360px -9px;
 cursor:pointer;
 border:none;
}

.first_row_block_search_button:hover {
	background:url(images/index_page_sprite.png) no-repeat; 
	background-position:-397px -9px;
}


/************ START OF FIRST ROW BLOCKS STYLE *************/

/*********** START OF DATA BLOCKS FOR TOP TECH CATEGORIES ************/
.tech_data_block_left_float_container {
	float:left;
	margin-bottom:4px;
	margin-right:19px; /* if the border with padding is enabled in tech_data_blocks, the margin is 7px */
}

.tech_data_block_right_float_container {
	float:left;
	margin-bottom:4px;
}

.tech_data_block_list {
	/*height:250px;*/
}

.tech_data_blocks {
	width:343px;
	/*height:340px;*/
	/*
	border:solid 1px #E5E5E5;
	padding:2px;
	*/
}


.tech_data_block_heading {
	color:#ffffff;
	/*background:url(images/tech_header.png) no-repeat /* #A9C0CE  /*#95c7e6*/;
	background:url(images/main_sprite.png) no-repeat top;
	background-position:-251px -243px;
	height:17px;
	padding:4px 0px 4px 0px;
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

.tech_block_bottom {	
	height:20px;
	padding-right:5px;
	padding-top:2px;
	background:url(images/main_sprite.png) no-repeat;
	background-position:-181px -282px;
	text-align:right;
	margin-bottom:30px;
}

#techblock a {
	color:#737373;
	font-family:verdana;
	font-size:10px;
	text-decoration:none;
}

#techblock a:hover {
	text-decoration:underline;
}	
/*********** END OF DATA BLOCKS FOR TOP TECH CATEGORIES ************/

/************* START OF LOWER BLOCKS STYLE *********************/
.requested_codes_blocks,.popular_codes_blocks,.overview_block,.welcome_text {
	padding-right:5px;
}
/************* END OF LOWER BLOCKS STYLE *********************/


/**	 TOP 10 CODES BLOCK ********/
    
	div.top_code_container {
		width:710px;
		margin-bottom:50px;
	}
	
	#top_codes_title a {
		color:#0099CC;
		font:1.6em verdana;		
		letter-spacing:0px;
		text-align:justify;
		text-decoration:none;
	}
	
	#top_codes_title a:hover {
		color:#00CCFF;
	} 
	
	
	div.top_code_title {		
		border-bottom:solid 1px #D7EBFF;		
		margin-bottom:10px;
		padding-bottom:5px;
	}
	div.top_code_center {		
		height:100px;
	}
	div.top_code_center_left{
		float:left;
		width:100px;		
		border:solid 1px #D7EBFF;
	}
	
	div.top_code_center_left_rank {
		background:#D7EBFF;
		margin:3px;
		height:60px;
		font:19px verdana;		
		text-align:center;
	}
	
	div.top_code_center_left_bottom {
		text-align:center;
	}
	
	
	div.top_code_center_desc {
		float:right;
		padding:3px;
		font:13px verdana;
		margin-left:20px;
		width:580px;
	}
	
	div.top_codes_bottom {
		
	}
	
	div.top_codes_bottom_left {
		float:left;
		height:25px;		
		background:#99ccff;		
	}
	
	div.top_codes_bottom_left_content {
		float:left;
		color:#FFFFFF;
		padding:4px;
	}
	
	div.top_codes_bottom_left_left,div.top_codes_bottom_left_right {				
		width:10px;
		height:25px;
		background:url(images/main_sprite.png);
	}	
	
	div.top_codes_bottom_left_left {				
		float:left;
		background-position:-181px -315px;
	}
	
	div.top_codes_bottom_left_right {
		float:right;
		background-position:-222px -315px;
	}
	
	
	
	div.top_codes_bottom_right  {
		float:right;
		width:370px;
		background:#66cccc;
	}
	
	div.top_codes_bottom_right_content {
		float:left;
		color:#FFFFFF;
		padding:4px;
	}
	
	div.top_codes_bottom_right_left,div.top_codes_bottom_right_right {				
		width:10px;
		height:25px;
		background:url(images/main_sprite.png);
	}	
	
	div.top_codes_bottom_right_left {				
		float:left;
		background-position:-179px -341px;
	}
	
	div.top_codes_bottom_right_right {
		float:right;
		background-position:-222px -341px;
	}
	
	
/**	END OF TOP 10 CODES BLOCK ********/