/* 
 This CSS file was concatenated with PHP 
 File date: 2010-02-10 19:12:33 
*/ 


/*
 960.css 
*/ 

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/*
 reset.css 
*/ 

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
pre,
code,
form,
fieldset,
input,
button,
textarea,
p,
blockquote{
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

code,
em,
strong{
	font-style: inherit;
	font-weight: inherit;
}

strong{
	font-weight: bold;
}

li{
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-size: 100%;
	font-weight: normal;
}

abbr,
acronym{
	border: 0;
	font-variant: normal;
}

sup{
	vertical-align: baseline;
}

sub{
	vertical-align: baseline;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}
/*
 layout.css 
*/ 

/**
 * layout.css
 * 
 * This stylesheet handles position, width, floats, margin and padding styles
 */

#cbWrapper{
	width:982px;
	margin:0 auto;
}

#cbHeader, 
#cbContent{
	padding:0 15px;
}

.cbHeaderWrapper{
	overflow:hidden;
	padding:10px 0;
}

.cbHeaderWrapper .box1,
.cbHeaderWrapper .box2{
	padding:0 15px;
}

.cbHeaderWrapper .box1 li,
.cbHeaderWrapper .box1 .breadcrumbs a,
.cbHeaderWrapper .box1 .breadcrumbs a:hover,
.cbHeaderWrapper .box2 li,
.cbHeaderWrapper .box2 li a,
.cbHeaderWrapper .box2 li a:hover{
	font-size:12px;
	font-weight:normal;
}

#cbHeader{
	padding:8px 0 0;
}

	#cbHeader .breadcrumbs li,
	#cbHeader .breadcrumbs a{
		display:inline;
		padding-right:3px;
	}
	
	#cbHeader .box2{
		text-align:right;
	}
	
	#cbHeader .box2 ul{
		padding-bottom:10px;
	}
	
	#cbHeader h1{
		display:block;
		padding:15px 0 4px 0;
	}
	
	#cbHeader .box2 li{
		display:inline;
	}
	
	#cbHeader .pipeSeparator li{
		background:url(/resources/images/bg/pipe-light.png) center right no-repeat;
	}
	
	#cbHeader .pipeSeparator li:last-child, #cbHeader .pipeSeparator li.last-child{
		background:none;
		padding:0;
	}
	
	#cbHeader .important{
		color: #fc0;
		font-weight: bold;
	}
	

#userPod{
	padding:10px 0;
	color: #999;
}

	#userPod .photo{
		float: left;
		border: 1px solid #999;
		padding: 0;
		margin: 0 15px 0 0;
	}
	
	#userPod .photo:hover{
		border-color:#fff;
	}
	
	#userPod .photo img{
		margin:0;
		border:none;
	}
	
	#userPod .meta{
		overflow: hidden
	}
	
	#userPod .url{
		color: #ccc;
	}
	
	#userPod .url:hover{
		color: #fff;
	}	
	
	#userPod .important{
		padding:5px 0;
		display:block;
	}
	
	#userPod .url,
	#userPod .about{
		padding:3px 0 6px 0;
	}
	
	#cbHeader #userPod h1{
		padding-top: 0;
	}
	
.adcLogo{
	display:block;
	width:250px;
	height:55px;
	margin:7px 0 0;
	background:url(/resources/images/adc_logo.png) top left no-repeat;
	text-indent:-9999px;
	outline:none;
}

.inlineSearch .textInput{
	border:1px solid #fff;
	margin:0 5px;
}
.inlineSearch input:focus{
	outline:none;
}


#adcSearchBox{
	float:right;
	display:block;
	padding:25px 0 10px;
}

	#adcSearchBox .searchButton{
		padding:0 5px;
		margin:0 0 0 7px;
		cursor:pointer;
		height:28px;
	}
	
	#adcSearchBox .searchButton,
	#adcSearchBox .inlineSearch{
		float:left;
	} 
	
	#adcSearchBox .inlineSearch{
		display:table-cell;
		height:26px;
		line-height:24px;
		padding:0 5px 0 0;
	}
	
	#adcSearchBox .inlineSearch select,
	#adcSearchBox .inlineSearch .textInput{
		vertical-align:middle;
	}
	
	#adcSearchBox .textInput{
		width:162px;
	}
	
	#adcSearchBox .textInput:focus{
		outline:none;
	}
	
#cbSearchBox{
	float:right;
	height:30px;
}

	#cbSearchBox .inlineSearch{
		padding:0;
		margin:0;
	}

	#cbSearchBox .inlineSearch .textInput{
		vertical-align:middle;
	}
	
	#cbSearchBox .searchButton{
		vertical-align:middle;
		background:url(/resources/images/search-submit.jpg) top right no-repeat;
		border:none;
		outline:none;
		text-indent:-9999px;
		height:30px;
		width:30px;
		cursor:pointer;
	}
	
	#cbSearchBox .textInput{
		width:300px;
	}
	
#cbNavigation{
	position:relative;
	overflow:hidden;
}

	#cbNavigation li{
		display:block;
		float:left;
		margin:0 1px 0 0;
	}
	
	#cbNavigation a,
	#cbNavigation a:hover,
	#cbNavigation a.selected,
	#cbNavigation a.selected:hover{
		display:block;
		padding:5px 15px;
	}

#cbContent{
	padding:15px 0 30px;
}

#cbContent h2{
	clear:both;
	font:normal normal 18px Georgia;
	color:#333;
	padding:0 0 7px;
}

h2 span, 
h3 span{
	float:left;
}

#cbMain{
	
}
	#cbMain p{
		line-height:18px;
		padding-bottom:20px;
	}
	
	#cbMain ul.postMeta li{
		float:left;
		vertical-align:baseline;
		margin-right:10px;
	}
	
	#cbMain ul.postMeta .pipeSeparator li{
		float:left;
		vertical-align:baseline;
		margin-right:10px;
	}
	
	#cbMain .postMeta .avgRating{
		width:65px;
	}

#cbSidebar{
	
}

	#cbSidebar p{
		padding:0 0 10px;
	}

	#cbSidebar h3{
		clear:both;
		padding:20px 0 4px 0;
		margin:0 0 6px 0;
	}
	
	#cbSidebar h3.discrete{
		margin-bottom:0px;
	}
	
	#cbSidebar .postMeta{
		clear:both;
		padding:10px 0 0;
	}
	
	#cbSidebar .postMeta ul{
		padding:0 0 10px;
	}
	
	#cbSidebar .postMeta .date{
		display:block;
		clear:both;
		padding:0 0 15px;
	}
	
	#cbSidebar .relatedBlocks ul{
		padding-bottom:15px;
	}
	
	#cbSidebar .relatedBlocks p{
		font-weight:bold;
		padding-bottom:0;
	}

#cbResults{

}

	#cbResults .avgRating, #cbResults .result{
		display:inline;
		float:left;
	}
	
	#cbResults .avgRating{
	 	width:60px;
		margin:0 10px 0 0;
	}
	
	#cbResults .result{
		width:630px;
		margin-bottom:25px;
	}
	
	
	#cbResults .result p{
		padding-bottom:10px;
	}
	
	#cbResults .tagView a{
		margin-bottom:5px;
	}
	
	
	#cbResults .context{
		float:left;
		margin-bottom:25px;
	}

#cbFeature{
	padding:25px 0  15px;
}


#cbSWFViewer{
	background:#000;
}

	#cbSWFViewer em{
		text-align:center;
		display:block;
		font:45px/100px Arial, Helvetica, sans-serif
	}


#cbPagination{
	clear:both;
}

	#cbPagination li{
		height:14px;
		display:inline;
	}
	
	#cbPagination a{
		padding:0 4px;
	}
	
	#cbPagination li.prev{
		padding-left:10px;
		background:url(/resources/images/ico/arrow_left.png) center left no-repeat;
	}
	
	#cbPagination li.next{
		padding-right:10px;
		background:url(/resources/images/ico/arrow_right.png) center right no-repeat;
	}

/*
 * Block at the top of each post that shows rating, tags, dates, etc.
 */		
#cbPostHeader{
	padding:0 0 15px;
	overflow:hidden;
}
	#cbPostHeader .avgRating{
		float:left;
		margin-right:10px;
	}
	
	#cbPostHeader .metaEntries{
		display:block;
		overflow:hidden;
	}
	
	
	#cbPostHeader .metaKey, #cbPostHeader .metaValue{
		display:block;
		float:left;
	}
	
	#cbPostHeader .metaKey{
		padding-right:3px;
	}
	
	#cbPostHeader .metaRow{
		margin:0 0 5px 0;
		overflow:hidden;
	}

/*
 * Controls at the top of a user's own article
 */	
#cbPostControls{
	padding:5px 0 15px;
}

	#cbPostControls .linkButton{
		margin-right:10px;
	}
	
#userInfo img{
	display:block;
	margin:0 0 13px;	
}

pre{
	padding:10px;
	margin:0 0 10px;
	display:block;
	overflow:auto;
	line-height:16px;
}

	pre p{
		margin:0;
		padding:0;
	}
	
code{
	padding:1px 5px;
	margin:0 5px 0 0px;
}

/*
 * Average rating block 
 * Used next to search results
 */	
.avgRating{
	width:60px;
	padding:3px 0 5px;
}	

.filters,
.notice{
padding:0 0 20px;	
}

.filters ul{
	float:left;
	padding-right:20px;
}

.filters li{
	display:block;
	float:left;
}

.filters a,
.filters a:hover
.filters a.selected,
.filters a.selected:hover{
	display:block;
	padding:3px 5px;
}

.filters .pipeSeparator li:first-child, .filters .pipeSeparator li.first-child{
	background:none;
	line-height:20px;
	font-weight:bold;
}

/*
 * Pipe separator 
 * Used on <ol> and <ul> elements. 
 * Puts a vertical line separator between the list's <li> elements
 */
.pipeSeparator li{
	display:inline;
	background:url(/resources/images/bg/pipe.png) center right no-repeat;
	margin:0 6px 0 0;
	padding:0 4px 0 0;
}

.pipeSeparator li:last-child, .pipeSeparator li.last-child{
	margin:0;
	padding:0;
	background:none;
}

/*
 * Tag view 
 * Used on <ol> and <ul> elements.
 * Makes <a> elements block-like, gives them a border and make the text UPPERCASE.
 */

.tagView li{
	display:inline;
	white-space:nowrap;
}

.tagView a,
.tagView a:visited,
.tagView a:hover,
.tagView a:active{
	display:block;
	width:auto;
	float:left;
	padding:3px 4px 2px;
	margin:0 7px 7px 0;
	word-wrap:normal;
	line-break:strict;
}

.tagView li a.delete{
	background:#c00;
	color:#fff;
	border-color:#c00;
}


/*
 * summaryList-major
 * Used in the tag view on the Technology Homepage
 */
.summaryList{
	padding-bottom:10px;	
}

.summaryList .hover a{
	width:100%;
	padding:5px 7px;
	margin: -6px 0 0 -8px; /*negative offset based on padding includes 1px from border*/
}

.summaryList.major li{
	position:relative;
	width:220px;
	display: block;
	float: left;
	margin-right:13px;
	margin-bottom:15px;
}

.summaryList.major .summaryTitle,
.summaryList.major .hover a{
	width:100%;
	display:block;
	float:left;
	clear:both;
}

.summaryList.major .metaValue{
	display:block;
	clear:both;
}

.meta.stack li{
	display:block;
	clear:both;
	padding:3px 0 2px;
}

.meta.inline li, 
.ico{
	display:block;
	float:left;
	height:16px;
	line-height:20px;
	white-space:nowrap;
	line-break:strict;
}

.meta.inline li{
	padding:0 10px 0 0;
}


.feed{
	display:block;
	float:left;
	margin-left:5px;
	vertical-align:middle;
	width:16px;
	height:11px;
	text-indent:-9999px;
	outline:none;
}

.stack, 
ul.stack li{
	clear:both;
}

.left{
	float:left;
}

.right,
.inline li.right{
	display:block;
	float:right;
}

.hidden{
	display:none;
	speak:none;	/* Hides contents from screen readers */
}

.expander{
	background: transparent url(../../images/ico/ico_more.png) center right no-repeat;
	padding-right:11px;
	cursor:pointer;
}

/*link that looks like a button */
.linkButton{
	padding:3px 10px;
}
.linkButton:hover{
	text-decoration:none;
}

/*Large "call to action" button (Create recipe, Request Recipe)*/
.linkButton.callToAction{ 
	display:block;
	clear:both;
	margin:10px 0;
}
/*
 * Hover target and container styles used with the
 * jQuery toggleHover plugin
 */
.hoverContainer{
	position:relative;
	overflow:visible;
	display:block;
}

.hover{
	position:absolute;
	display:none;
	overflow:visible;
	top:0;
	left:0;
}

#voteMessage{
	padding:5px;
	margin:10px 0;
}
#voteMessage.loading{
	padding-left:20px;
}

#editorNotice{
	overflow:hidden;
	padding:20px 0 0;
}

#editorNotice span{
	float:left;
}

#editorNotice .oreilly{
	float:left;
	display:block;
	height:14px;
	width:50px;
	margin:0 0 0 2px;
	text-indent:-9999px;
	outline:none;
	background:#EBEBEB url(../../images/bg/logo_oreilly.png) top left no-repeat;
}
/*
 * Recipe listings in sidebars or tops (top rated / latest)
 * These styles apply for recipe list summaries, not search results
 */
.recipeList{
	
}
	.recipeList .recipeContainer{
		clear:both;
		padding:5px 0 15px;
		
	}
	
	ul .recipeContainer{
		overflow:visible;
	}
	
	.recipeList .recipeTitle{
		line-height:17px;
	}
	
	.recipeList .meta{
		display:block;
		clear:both;
		padding:5px 0 0;
	}
	
	.recipeList h3{
		padding:10px 0 5px;
	}
	
	.recipeList p{
		line-height:16px;
	}
	
	.recipeContainer .hover{
		top:5px;
	}
	
	.recipeContainer .hover .hidden{
		display:block;
	}
	
	.recipeList .hoverBlock{
		width:100%;
		padding:10px 7px;
		margin: -11px 0 0 -8px; /*negative offset based on padding includes 1px from border*/
	}
		
/*
 * User linstings
 */
.userList{
	
}
	.userList li.userContainer{
		padding:5px 0 15px;
	}
	
	.userList .userTitle{
		font-weight:bold;
	}
	
	.userList ul{
		padding-top:5px;
	}
	
	.userList a img{
		float:left;
		margin: 0 10px 0 0;
		border:1px solid #ccc;
		height:48px;
		width:48px;
		max-height:48px;
		max-width:48px;
		min-height:48px;
		min-width:48px;
	}
	
/*
 * Tab navigation for featured content on the uber and technology homepage
 */
.tabNavigation{
	width:100%;
	display:table;
	border-bottom:3px solid #666;
	margin:10px 0 20px;
}

	.tabNavigation li{
		display:block;
		float:left;
		cursor:pointer;
	}
	
	.tabNavigation li a,
	.tabNavigation li a:hover,
	.tabNavigation li a:visited{
		display:block;
		padding:0 15px;
		text-align:center;
		font:bold 11px/30px 'Helvetica', Arial, sans-serif;
		text-transform:uppercase;
		text-decoration:none;
	}
	
	.tabNavigation li a{
		color:#777;
	}
	
	.tabNavigation li a:hover{
		background:#acacac;
		color:#fff;
	}
	
	.tabNavigation li a.selected,
	.tabNavigation li a.selected:hover{
		background:#666;
		color:#fff;
	}
	
.grid_container{
	position:relative;
	width:100%;
}

.grid_half{
	width:50%;
	float:left;
}

.grid_third{
	width:33%;
	float:left;
}

.grid_quarter{
	float:left;
	width:25%;
}

.grid_last{
	float:right;
	clear:right;
}

.grid_first{
	float:left;
	clear:left;
}

/*
 * ADC Accordion Styles
 */

#adc-accordion{
	color:#333;
	background:#eee;
	overflow:hidden;
}

#adc-accordion a{
	color:#2D5DA5;
}

#adc-accordion h3{
	font-weight:bolder;
	padding:0 0 5px 16px;
}

#adc-accordion .note{
	color:#888;
}

.link-list{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 1em;
	padding:0 15px 0 16px;
	text-align:left;
}

.link-list li{
	padding:0 10px 6px 0;
	
}

#all-technologies{
	border-left:1px solid #C2C2C2;
	margin-left:-1px;
}

.accordion-controller{
	overflow:hidden;
	color:#666666;
	font-size:0.817em;
	font-weight:bold;
	line-height:1em;
	margin:0;
	text-transform:uppercase;
	border-bottom:1px solid #555;
	cursor:pointer;
}

.opened .accordion-controller{
	border-bottom:1px solid #C2C2C2;
}

#adc-accordion .mouseover{
	background:#bbb;
	color:#fff;
}

.accordion{
	display:none;
}

.accordion-handle{
	background:#bbb;
}

.accordion-handle span{
	display:block;
	padding:5px 0 5px 16px;
	background-position:5px center;
	background-repeat:no-repeat;
	background-image:url(../../images/ico/collapse_arrow.gif);
}

.accordion-handle span{
	background-image:url(../../images/ico/expand_arrow.gif);
}

.mouseover .accordion-handle{
	background:#9E9E9E;
}

.opened .accordion-handle{
	background:none;
}

.mouseover .accordion-handle  span{
	background-image:url(../../images/ico/expand_arrow_hover.gif);
}

.opened .accordion-handle span{
	background-image:url(../../images/ico/collapse_arrow.gif);
}

.opened .mouseover .accordion-handle  span{
	background-image:url(../../images/ico/collapse_arrow_hover.gif);
}

.accordion-column{
	padding:10px 0 0;
}

.accordion-content{
	overflow:hidden;
	border-bottom:1px solid #555;
	padding:0 0 19px;
}

/**
 * Global ADOBE Footer
 */
#globalfooter{
	background:#222;
	color:#818181;
	padding:10px 22px 10px 16px;
	font-size:11px;
}

	#globalfooter ul{
		padding:0 0 7px;
		overflow:hidden;
	}
	
	#globalfooter li{
		float:left;
		display:block;
	}
	
	#globalfooter li + li, 
	#globalfooter li.sibling{
		padding-left:1px;
		background:url(/resources/images/bg/pipe-light.png) center left no-repeat;
	}
	
	#globalfooter li a{
		display:block;
		padding:4px 8px;
	}
	
	#globalfooter a{
		color:#bbb;
	}
	
	#globalfooter a:hover{
		background:#000;
		color:#ebebeb;
		text-decoration:none;
	}
	
	#globalfooter p {
		margin-bottom:0.4em;
	}
	
	#privacy a img{
		float:right;
		display:block;
	}
	
.iconList{
	overflow:hidden;
	padding:10px 0 5px;
}

	.iconList li,
	.iconList .ico{
		display:block;
		height:auto;
		white-space:normal;
	}
	
	.iconList .ico_rss{
		background-position:0 5px;
	}
	
	.iconList li{
		padding:0 0 5px;
		clear:both;
	}
	
/**
 * Cookbook Explorer SWF Widget styles
 */
#CookbookExplorerMask{
	position:relative;
	overflow:hidden;
	height:250px;
	width:982px
}

#CookbookExplorer{
	position:absolute;
	top:-25px;
}

/**
 * Community Help commenting badge modifier styles
 */
#badgeContainer #ionCom{
	width:auto;
}

/**
 * Tag search form
 */

#tagSearchForm{
	margin:0 0 15px;
	background:#ebebeb;
}

#tagSearchForm input{
	padding:2px 5px;
	margin:0 5px 0 0;
}

#tagSearchForm label{
	display:block;
	padding:0 0 5px;
	color:#333;
	font-weight:bold;
}

#tagSearchForm fieldset{
	padding:10px 7px;
}

#tagSearchForm fieldset input{
	width:200px;
	padding-right:18px;
}

#tagSearchForm input.ico_loading, 
input.ico_loading{
	background-position:98% center;
}

#tagSearchForm #suggestContainer{
	position:relative;
	z-index:1000;
}

#tagSearchForm #suggestMenu{
	margin-top:1px;
	width:225px;
}

#tagSearchForm #tagList{
	background:#888;
	overflow:hidden;
}

#tagSearchForm #tagList li{
	position:relative;
	float:left;
	padding:0 20px 0 0;
	border-right:1px solid #fff;
	background:#888;
}

#tagSearchForm #tagList li a{
	display:block;
	padding:3px 3px 3px 8px;
	text-transform:uppercase;
	font-size:11px;
	color:#fff;
}

#tagSearchForm #tagList li.delete{
	background:#c00;
}

#tagSearchForm #tagList a.ico_delete{
	position:absolute;
	display:block;
	right:5px;
	top:2px;
	padding:0;
	height:16px;
	width:16px;
	text-indent:-999px;
}

#tagSearchMessage{
	display:none;
	font-style:normal;
	padding:10px 7px;
	margin:0 0 10px;
}

#technology_homepage_cloud_more{
	display:block;
}


/**
 * Similarity Indicator
 */

.liniarIndicatorWrapper{
	float:left;
	position:relative;
	display:block;
	padding:7px 11px;
	width:104px;
	background: url(../../images/bg/similarity.png) center center no-repeat;
}

.similarity{
	overflow:hidden;
}

.similarityValue{
	display:none;
}

.similarityLabel{
	display:block;
	float:left;
}

.liniarRange,
.liniarIndicator{
	position:absolute;
	top:6px;
	display:block;
	height:2px;
}

.liniarIndicator{
	background:#007BC9;
}
.liniarRange{
	width:100px;
	background:#ccc;
}


/*
 forms.css 
*/ 

/**
 * forms.css
 * 
 * This stylesheet handles the layout of form elements 
 * like <input>, <textarea> and styles related to form-intensive pages
 */

#cbForm.recipeForm{
	width:690px;
	padding:0 0 15px;
}

#cbForm label,
#cbForm .textInput,
#cbForm .textArea,
#cbForm .legend{
	display:block;
	clear:both;
}

#cbForm label, 
#cbForm .legend{
	padding:0 0 5px;
}

#cbForm fieldset{
	padding:5px 10px;
	margin:10px 0 18px;
}

#cbForm input.wideInput, 
#cbForm textarea.textArea{
	padding:3px 4px;
	width:680px; /*690px recipeForm - (2 * 4px padding + 2 * 1px border)*/
	max-width:680px; /*Prevent Safari from horizontal textarea resize. It breaks the layout.*/
	display:block;
	margin:0 0 25px;
}

#cbForm fieldset input.wideInput{
	width:660px; 
	margin:0 0 10px;
}

#cbFormControls .box1{
	float:left;
}

#cbFormControls .buttonInput{
	margin-left:5px;
}

#cbForm #cbFormControls label{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 5px;
	display:inline;
}

.buttonInput{
	padding:3px 7px;
}

#tagForm .inlineSearch{
	height:19px;
	overflow:hidden;
}

#tagForm .textInput{
	vertical-align:top;
}

#tagForm .tagView span{
	margin:0;
	padding:0;
	float:left;
	height:14px;
	line-height:14px;
}

#tagForm .ico_delete{
	text-indent:-9999px;
	width:16px;
	cursor:pointer;
}

#tagForm .buttonInput{
	height:19px;
	padding:0 5px;
	background:#66CD00;
	border:none;
	border-style:none;
	color:#fff;
	font-weight:bold;
}

#tagForm .textInput{
	width:auto;
}

#tagForm legend{
	
}

#tagForm{
	margin:0 0 10px;
}

#tagForm ul,
#tagForm strong,
#tagForm div{
	float:left;
}

#tagForm .formLegend{
	line-height:20px;
	padding: 0 10px 0 0;
	font-weight:bold;
}


/*
 typo.css 
*/ 

	/**
	 * typo.css
	 * 
	 * This stylesheet handles fonts style, color, line height, border color 
	 * and other typography related styles
	 *
	 * Color HEX Values:
	 * #00589C
	 * BLUE:
	 * #3F7299 - light blue: tag hover color
	 * #00589C - medium blue - vivid: link color, tag color
	 * #6A757D - medium blue - desat: header, navigation background color
	 * #4F575D - dark blue - desat: header, navigation border color
	 * 
	 * GRAY:
	 * #BFBFBF - light gray: tag border color, border color
	 * #888888 - medium gray: tag color
	 * #555555 - dark gray: heading color, avg rating backgroung color
	 * #333333 - deep dark gray: recipe form headings, form labels
	 * 
	 * GREEN:
	 * #F0FCF6 - light green desat: code syntax background color
	 * #3F7200 - medium green: link hover color
	 * #B4BDB8 - dark green desat: code syntax border color
	 * 
	 * RED:
	 * #cc3300 - medium red: required field marker, error message color
	 */
	
	a{
		color:#00589C;
	}
	a:hover{
		color:#3F7200;
	}
	
	#cbWrapper{
		font:normal normal 12px Arial, Helvetica, sans-serif;
		background:#fff;
		color:#666;
	}
	
	#cbSearchBox .textInput{
		font-size:15px;
		color:#444;
	}
	
	#cbWrapper.homepage{
		background:#ebebeb;
	}
	
	#cbHeader{
		background:#4F4F4F;
	}
	
	#cbHeader h1{
		font-size:21px;
		color:#fff;
	}
	
	.cbHeaderWrapper,
	#cbNavigation{
		background:#333333;
	}
	
	.breadcrumbs li, 
	.breadcrumbs a, 
	.breadcrumbs a:visited,
	.box2 li,
	.box2 li a,
	.box2 li a:hover{
		color:#BFBFBF;
		font-size:11px;
		font-weight:bold;
	}
	
	.breadcrumbs a:hover,
	.box2 li a:hover{
		color:#fff;
		text-decoration:underline;
	}
	
	.box2 li{
		font-weight:bold;
	}
	
	.inlineSearch{
		background:#fff;
		border:1px solid #4F575D;
	}
	
	#adcSearchBox .searchButton{
		color:#fff;
		font-weight:bold;
		background:#a5a5a5;
	}
	
	#adcSearchBox .searchButton,
	#adcSearchBox .inlineSearch{
		border:1px outset #888;
	} 
	
	#adcSearchBox .inlineSearch{
		background-color:#D9D9D9;
	}
	
	#adcSearchBox .textInput,
	#adcSearchBox .textInput:disabled{
		color:#333;
		background:none;
		border:none;
	}
	
	#cbNavigation a{
		color:#00589C;
		background:#ccc;
	}
	
	#cbNavigation a,
	#cbNavigation a:hover,
	#cbNavigation a.selected,
	#cbNavigation a.selected:hover{
		text-transform:uppercase;
		font-size:10.5px;
		font-weight:bold;
		text-decoration:none;
	}
	
	#cbNavigation a:hover{
		background-color:#4F575D;
		color:#fff;
	}
	
	#cbNavigation a:active{
		background-color:#333;
	}
	
	#cbNavigation a em{
		color:#c00;
	}
	
	#cbNavigation a.selected,
	#cbNavigation a.selected:hover{
		background-color:#fff;
		color:#000;
	}
	
	#cbContent h2 a{
		font:normal normal 20px Georgia;
	}
	#cbContent h2 a:visited{
		color:#333;
	}
	
	#cbSidebar h3{
		font-size:14px;
		font-weight:bold;
		border-bottom:1px solid #BFBFBF;
	}
	
	#cbSidebar h3.prominent{
		color:#000;
		font-size:15px;
		border-bottom:none;
	}
	
	#cbSidebar h3.discrete{
		border-bottom:none;
	}
	
	#cbSidebar h4{
		color:#333;
		font-weight:bold;
		font-size:13px;
	}
	
	#cbSidebar .callToAction{
		font-weight:bold;
		font-size:15px;
	}
	
	#cbSidebar p{
		line-height:18px;
	}
	
	#cbSidebar .legend{
		font-size:14px;
	}
	
	#cbPagination{
		font-weight:bold;
		font-size:13px;
	}
	
	/*
	 * Form typographical styles
	 */
	#cbForm input.wideInput, #cbForm textarea.textArea{
		border:1px solid #BFBFBF;
		color:#555;
	}
	
	#cbForm input.wideInput{
		font-size:16px;
	}
	
	#cbForm textarea.textArea{
		line-height:18px
	}
	
	#cbForm label, 
	#cbForm label sup,
	#cbForm .legend{
		font-family:Georgia;
	}
	
	#cbForm label{
		font-size:20px;
		color:#333;
	}
	
	#cbForm label sup{
		font-size:20px;
		color:#c30;
		cursor:help;
	}
	
	#cbForm .legend{
		font-size:15px;
		line-height:20px;
	}
	
	#cbForm fieldset label{
		font-size:16px;
	}
	
	#cbForm fieldset{
		background:#E6E6E6;
	}
	
	#cbFormControls{
		text-align:right;
	}
	
	#cbFormControls .box1{
		text-align:left;
	}
	
	#cbFormControls .box1 label{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	
	.buttonInput,
	.linkButton{
		border:1px solid #BFBFBF;
		text-align:center;
		background:#E6E6E6;
		cursor:pointer;
	}
	
	.buttonInput{
		outline:none;
	}
	
	.linkButton{
		color:#333;
		text-decoration:none;
		font-weight:bold;
		
		border-width:1px;
		border-style:solid;
		border-color:#C4CCCC #B9BCAF #6F7777 #B8BCAD;
		background:#F8F7F7 url(../../images/bg/button-standard.gif) top left repeat-x;
	}
	.linkButton:hover{
		color:#000;
		text-decoration:none;
		border-color:#999 #777 #6F7777 #999;
	}
	
	.linkButton.important{
		background:#FAD457 url(../../images/bg/button-skin-1.png) top left repeat-x;
	}
	
	.linkButton.important:hover{
	}
	
	.linkButton.critical{
		background:#c33;
		border:1px solid #CD0000;
		color:#fff;
	}
	.linkButton.disabled{
		cursor:default;
		opacity:0.4;
		outline:none;
	}
	
	.linkButton.critical:hover{
		background:#CD0000;
		border:1px solid #800000;
	}
	.linkButton.callToAction{
		font: 17px/35px Arial, Helvetica, sans-serif;
	}
	
	.avgRating{
		color:#fff;
		text-align:center;
		/*text-transform:capitalize;*/
		font-size:10px;
	}
	
	.avgRating em{
		display:block;
		font: normal bold 19px Georgia;
	}

	.rating0{
		background:#aaa;
	}
	.rating1{
		background:#bbb;
	}
	.rating2{
		background:#a2a2a2;
	}
	.rating3{
		background:#888;
	}
	.rating4{
		background:#6e6e6e;
	}
	.rating5{
		background:#555;
	}
	
	.filters a.selected,
	.filters a.selected:hover{
		background-color:#ebebeb;
		color:#888;
		text-decoration:none;
		cursor:default;
	}
	
	.tagView li{
		font-size:11px;
	}
	
	.tagView a,
	.tagView a:visited,
	.tagView a:hover,
	.tagView a:active{
		text-decoration:none;
		border-style:solid;
		border-width:1px;
	}
	.tagView a,
	.tagView a:visited{
		text-transform:uppercase;
		border-color:#888;
		color: #888;
	}
	
	.tagView a.selected,
	#cbResults .tagView a,
	#cbResults .tagView a:visited,
	#cbResults .tagView a:hover,
	#cbResults .tagView a:active{
		background-color: #888;
		color: #fff;
	}
	
	.tagView a:hover,
	.tagView a.selected:hover,
	#cbResults .tagView a:hover{
		background-color:#666;
		border-color:#666;
		color:#fff;
	}
	
	pre, 
	code{
		background:#F0FCF6;
		border:1px solid #B4BDB8;
	}
	
	pre,
	pre *{
		color:#666;
	}
	
	.meta li, 
	.metaValue{
		color:#888;
	}
	
	.ico_feed{
		text-transform:uppercase;
		font-size:13px;
	}
	
	.date{
		color:#888;
	}
	
/*
 * summaryList major
 * Used in the tag view on the Technology Homepage
 */
.summaryList.major .summaryTitle,
.summaryList .hover a{
	font: 23px / 30px 'Georgia', Times, serif;
}

.summaryList .hover a,
.summaryList .hover a:visited,
.summaryList .hover a:hover{
	background:#fff;
	border:1px solid #999;
	color:#00589C;
	text-decoration:none;
}

/**
 * recipeList
 * used in recent, popular, and request listings
 */
.recipeList h3{
	font:normal bold 13px Arial, Helvetica, sans-serif;
	color:#333;
}

.recipeList .hoverBlock{
	background:#fff;
	border:1px solid #999;
}


#cbFeature .recipeTitle{
	font: 18px / 20px 'Georgia', Times, serif;
}

#cbFeature .userTitle{
	font: 16px / 18px 'Georgia', Times, serif;
}

#cbSidebar .recipeTitle{
	font-size: 13px;
}

.cbPost h3,
.cbPost h4,
.cbPost h5{
	font-weight:bold;
	padding-bottom:7px;
}

.cbPost h3{
	font-size:15px;
}

.cbPost h4{
	font-size:13px;
}
/*
 prompt.css 
*/ 

.error{
	background:#f99;
	color:#000;
	font-weight:bold;
}

.warning{
	background:#ffc;
	color:#333;
}

.confirmation{
	background:#B4EEB4;
	color:#333;
}

.message{
	background:#B2DFEE;
	color:#333;
}

.notifier {
	position: fixed; 
	display:block; 
	top:0; 
	left:0; 
	padding: 2px; 
	padding-left: 5px; 
	padding-right: 5px; 
	filter:alpha(opacity = 80); 
	opacity: 0.8; 
	-moz-opacity:0.8;	
	font-size: 16px;
}


#cbPrompt div{
	padding:10px 15px;
	margin:1px 0;
}

#cbPrompt p{
	float:left;
	padding:0;
	max-width:80%;
}

#cbPrompt .but_close{
	display:block;
	float:right;
	color:#333;
	max-width:15%;
	text-align:right;
}

#cbPrompt .linkButton{
	margin:0 5px;
}
/*
 icons.css 
*/ 

.ico{
	padding:0 0 0 20px;
}

.ico_close{
	background:url(/resources/images/ico/close_fill.png) center right no-repeat;
	padding:0 16px 0 0;
}

.ico_delete{
	background:url(/resources/images/ico/close_fill.png) center right no-repeat;
	padding:0 16px 0 0;
}

.ico_add{
	background:url(/resources/images/ico/add_fill_green.png) center left no-repeat;
}

.ico_user,
.user{
	background:url(/resources/images/ico/user.png) top left no-repeat;
}

.ico_rss{
	background:url(/resources/images/ico/rss.png) top left no-repeat;
}

.ico_feed{
	background:url(/resources/images/ico/feed.png) top left no-repeat;
}

.ico_loading,
.loading{
	background-image:url(../../images/ico/loading.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:20px;
}

.comment{
	background:url(/resources/images/ico/comment.png) top left no-repeat;
}

.download{
	background:url(/resources/images/ico/download.png) top left no-repeat;
}


/*
 suggest.css 
*/ 

#suggestWrapper{
	position:relative;
}

#suggestMenu{
	display:none;
	position:absolute;
	width:auto;
	margin:0;
	clear:both;
	z-index:100;	
	border:1px solid #999;
	border-top:none;
	background-color: #fff;
	list-style:none;
}

#suggestMenu li{
	padding:3px 10px;
	cursor:default;
}

#suggestMenu li.selected{
	background:#006699;
	color:#fff;
}
/*
 progressive_enhancement.css 
*/ 

	/**
	* progressive_enhancement.css
	* 
	* This stylesheet contains CSS 2.1 and CSS 3 properties supported only by select browsers.
	*/
	

/*
 * Block shadows for hovering elements.
 * */	
.hoverBlock,
.summaryList .hover a,
.summaryList .hover a:visited,
.summaryList .hover a:hover{
    -moz-box-shadow: #666 4px 4px 5px;
    -webkit-box-shadow: #666 4px 4px 5px;
    box-shadow: #666 4px 4px 5px;
}
/*
 hack.css 
*/ 

body {
	background:#4f4f4f;
}

.clearFix{
	display:block;
	clear:both;
}