/* =============================== COMMON ============================ */
body {
	font: 85%/130% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
#cb-wrapper {
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff  ;
	min-width: 450px;
}
table, form {
	margin: 0px;
	padding: 0px;
}

/* =============================== MASTHEAD ========================== */
#cb-masthead {
	margin: 0px;
	padding: 0px;
	height: 50px;
	background: #1C5F8B url(http://www.caspio.com/recipesguide/images/public/public-banner-search.gif) no-repeat top left;			
}
#cb-content #cb-masthead h1 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	margin: 10px;
	display: none;
}
#cb-masthead img {
	margin: 8px 0 0 0;
	padding: 0px;
}
#cb-masthead-user{
	margin: 0px;
	padding: 0px;
	background-color: #1c5f8b;
	height: 50px;		
}
#cb-content #cb-masthead-user h1 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 0 0 15px;
	margin: 0;
}
#cb-content #cb-dpcontent h2 {
	color: #1C5F8B;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 15px 0 10px 10px;
}
#cb-content #cb-dpcontent h3 {
	color: #1C5F8B;
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	margin: 15px 0 10px 0;
}
#cb-content #cb-dpcontent #cb_userlogin p {
	padding: 10px 0 0 15px;
}
#cb-masthead h1 {
	color: #1c5f8b;
	font-size: 26px;
	font-weight: bold;
	padding: 10px;
	margin: 10px;
}
#cb-masthead #cb-logo {
	margin: 20px 0 20px 20px;
	padding: 0;
}

/* =============================== NAVBAR ========================== */
#cb-navbar {
	margin: 0px 0 25px;
	padding: 0px;
	background-color: #044E7F;
	height: 35px;
}
#cb-navbar ul {
	margin: 0 0 0 5px;
	padding: 0px;
	list-style-type: none;
}
#cb-navbar ul li {
	margin: 0;
	padding: 5px 5px 0 0;
	float: left;
	text-decoration: none;
	background-color: #044E7F;
}
#cb-navbar ul li a {
	margin: 0px;
	padding: 7px 20px 3px;
	color: #fff;
	display: block;
	height: 20px;
	font-size: 13px;
	font-weight:bold;
}
* html #cb-navbar a {
	padding: 7px 0 3px;
	width: 130px;
	text-align: center;
}
#cb-navbar li.selected {
	background-color: #F4F5F9;
}
#cb-navbar ul li a.selected {
	margin: 0px;
	padding: 7px 20px 3px;
	color: #044E7F;
	display: block;
	height: 20px;
	font-size: 13px;
	font-weight:bold;
}

/* =============================== CONTENT ============================ */
#cb-dpcontent {
	padding: 0;
	margin: 0;

}
#cb-content {
	padding: 0;
	margin: 0;
	border: 1px solid #1c5f8b;
	background-color: #F4F5F9;

}
#cb-content h1 {
	color: #000;
	font-size: 20px;
	margin: 20px 0 0 13px;
	padding: 0;
}
#cb-content p {
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 15px;
}
#cb-content a {
	color: #1C5F8B;
	text-decoration: underline;
}
#cb-content a:hover {
	text-decoration: none;
}
.cb_inline_help {
	margin: 0 ; 
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #676767;
	width: 300px;
}

.cb_inline_help2 {
	margin: 0 ; 
	padding: 0 0 0 5px;
	font-size: 11px;
	font-weight: normal;
	color: #676767;
	width: 440px;
}

/* =============================== SEARCH PAGE (STYLE BLUE) ============= */
#cb_search {
	margin: 0 10px 0 10px;
	padding: 20px 5px 5px 15px;
	font-weight: bold;
	background-color: #F4F5F9;
}

#cb-footerlink {
	margin: 0 10px -25px 0;
	text-align: right ;

}
/* =============================== RESULTS PAGE (STYLE BLUE) ============ */
#cb_results {
	margin: 0;
	padding: 0;	
}
#cb_results #cb_rimage {
	margin: 0;
	padding: 0;
	width: 90px;
}
#cb_results #cb_rimage a img{
	padding: 5px;
	margin: 0 ;
	border: 1px solid #ccc;
	background-color: #FFFFFF;	
}
#cb_results #cb_rimage a{
	text-decoration: none;
}
#cb_results #cb_rcontent a {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;	
	text-decoration: none;
	color: #3366CC;
	border-bottom: 1px dashed #3366CC;

}

#cb_results #cb_rcontent a:hover {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;	
	text-decoration: none;
	color: #3366CC;
	border-bottom: none;

}

#cb_results #cb_rcontent {
	margin: 0;
	padding: 0;
	font-size: 12px;

}

/* =============================== users ==================================*/
#cb_results #cb_u_rcontent {
	margin: 0;
	padding: 0;
	font-size: 12px;

}
#cb_results #cb_u_rcontent {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#cb_results #cb_u_rcontent .cb_rdesc a{
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}
#cb_results #cb_u_rcontent #cb_rstatus {
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}
#cb_results #cb_u_rcontent h2 {
	color: #1C5F8B;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#cb_results #cb_rrate {
	margin: 5px 0 0 0; 
}
#cb_results #cb_rrate span {
	margin: 0;
	padding: 0;
	font-size: 11px;
	vertical-align: middle;		
}
#cb_results #cb_rrate img {
	border: 1px solid #ffffff;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;	
}
#cb_results #cb_rauthor {
	margin: 5px 0 0 0;
	color: #666666;
	font-size: 11px;	
}
#cb_results .cb_rdesc {
	margin: 3px 0 3px 0;	
}
#cb_results #cb_rcontent .cb_rdesc a{
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;	
}

/* =============================== DETAILS PAGE (STYLE BLUE) =============== */
#cb_title {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	background-color: #1c5f8b;	
	height: 50px;

}
#cb_title h1 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 12px 0 0 15px;
	margin: 0;
	line-height: 130%;
}
#cb_headerlink {
	margin: 15px 15px 0 0;
	float: right;
	font-size: 12px;
	font-weight: normal;
}
#cb_headerlink a {
	color: #fff;
	text-decoration: underline;
}
#cb_headerlink a:hover {
	color: #fff;
	text-decoration: none;
}
#cb_userlogout {
	margin: 5px 15px 0 0;
	float: right;
	font-size: 12px;
	font-weight: bold;
	background-color: #1C5F8B;
}
#cb_userlogout a {
	color: #fff;
	text-decoration: underline;
}
#cb_userlogout a:hover {
	color: #fff;
	text-decoration: none;
}

/* =============================== Main Title ============================== */
#cb_dtitle {
	border-top: 1px solid #CCCCCC;
	padding: 8px 0 8px 8px ;
	margin: 0;
	background-color: #E7E9F2;
	font-weight: bold;
	font-size: 18px;
	color: #3366CC;
	text-transform: uppercase;

}
#cb_dtitle_sub_dd, #cb_dtitle_sub_ingr, #cb_dtitle_sub_nf {
	border-top: 1px solid #CCCCCC;
	padding: 8px 0 8px 8px ;
	margin: 20px 0 0 0;
	background-color: #E7E9F2;
	font-weight: bold;
	font-size: 13px;
	color: #3366CC;
	text-transform: uppercase;

}
#cb_dtitle_sub {
	border-top: 1px solid #CCCCCC;
	padding: 8px 0 8px 11px ;
	margin: 20px 3px 0 3px;
	background-color: #E7E9F2;
	font-weight: bold;
	font-size: 13px;
	color: #3366CC;	
	text-transform: uppercase;

}
#cb_dheader {
	margin: 0;
	padding: 0;
}
#cb_dheader #cb_drate {
	margin: 10px 0 0 15px;
}
#cb_dheader #cb_drate img {
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align: middle;
	border: 1px solid #fff;
}
#cb_dheader #cb_drate span {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#cb_dauthor {
	margin: 5px 0 5px 15px;
	font-size: 11px;
	color: #666666;	
}
#cb_ddesc {
	margin: 5px 10px 10px 15px;
}
#cb_titledesc {
	margin: 10px;
}
#cb_dflag {
	font-size: 11px;
	padding: 0;
	float: right;
	margin: 8px 10px 0 0;
}
#cb_dflag a {
	text-decoration: underline;
}
#cb_dflag a:hover {
	text-decoration: none;	
}

/* =============================== Image and Prep ========================= */
.cb_dimg {
	border: 1px solid #ccc;
	margin: 0 15px 0 0;
	padding: 8px;
	text-align: right;
}
#cb_dprep ul {
	margin: 0;
	padding: 0 15px;
	list-style-type: none;
}
#cb_dprep ul li {
	border-bottom: 1px dashed #D1D7C3;
	line-height: 180%;
	margin: 0;
	padding: 0;
}
#cb_dprep {
	width: 100% ;
}

/* =============================== Ingredients ========================== */
#cb_dingr {
	margin: 0;
	padding: 0;

}
#cb_dingr ul {
	margin: 5px 10px 0 30px;
	padding: 0;
	list-style-type: square;
	color:#000;	
}
#cb_dingr ul li span{
	padding: 0;
	font-weight: normal;
	line-height: 150%;
	font-weight: normal;
	color:#000;	
}
#cb_dingr ul li {
	padding: 2px 0 0 0;
}

/* =============================== Directions ============================ */

#cb_ddirections {
	margin: 0;
	
}
#cb_ddirections ol {
	margin: 5px 10px 0 35px;
	padding: 0;
	font-weight: bold;
	color:#000;		
}
#cb_ddirections ol li span {
	margin: 0;
	padding: 0;
	font-weight: normal;	
	line-height: 150%;
	color: #000;
}
#cb_ddirections ol li {
	padding: 10px 0 0 0;
}

/* =============================== Nutrition Information ================== */
#cb_dnutrition {
	margin: 0;

}
#cb_dnutrition ul {
	margin: 10px 0 0 20px;
	padding: 0;
	list-style-type: none;	
}
#cb_dnutrition ul li{
	font-weight: normal;
	line-height: 180%;
}

/* =============================== Reviews =============================== */

#cb_reviews tbody img {
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}
#cb_writerw {
	margin: 28px 20px 0 0 ;
}
#cb_writerw a {
	font-size: 11px;
	text-decoration: underline;
}
#cb_writerw a:hover {
	font-size: 11px;
	text-decoration: none;
}
#cb_rreviews {
	margin: 0 10px 0 10px;
}

/* =============================== FOOTER =============================== */
#cb-footer {
	clear: both;
	border-top: 1px solid #a1b5c0;
	color: #a1b5c0;
	margin: 20px;
	padding: 20px;
	font-size: 11px;
}
#cb-footer #cbo_sample_logo {
	float: left;
}
#cb-footer p {
	margin: 0px;
	padding: 0;
}
#cb-footer a {
	color: #a1b5c0;
	text-decoration: underline;
}
#cb-footer a:hover {
	text-decoration: none;
}

/*=============================== CHECKBOXES =============================*/
#cb_Container1 .cb_checkboxlist {
	width: 600px;
}

#cb_Container1 .cb_checkboxlist ul {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}
#cb_Container1 .cb_checkboxlist ul li {
	margin: 0px;
	padding: 0;
	width: 170px;
	float: left;
	font-size: 11px;
} 
#cb_Container1 .cb_checkboxlist li input {
	float: left;
	vertical-align: middle;
}
#cb_Container1 .cb_checkboxlist li label {
	vertical-align: middle;
	padding-left: 10px;
	padding-top: 2px;
	display: block;
}

/* ============================= Footer Caspio Branding ======================*/

#cb_footerlogo p {
	line-height:130%;
	margin:3px 0 5px;
	padding:0;
	font-family: Arial;
}

#cb_footerlogo {
	background-color:#E8E8E6;
	border-top:3px solid #ccc;
	clear:right;
	font-size:11px;
	margin:0;
	padding:3px 0;
	position:relative;
	text-align:center;
	vertical-align:middle;
	
}

#cb_footerlogo #cb_caspiologo {
	height:24px;
	margin-bottom:4px;
	vertical-align:middle;
	width:75px;
}