/*
Yellow: bright
Blue: cool
Green: soothing
Orange: energetic
Gray: neutral
Red: primary

*/

/*Set the background of the div*/
#content div.zenboxsolid, #content div.zenboxfixed, #content div.zenboxfeature, #content div.zenbox,
#content div.zenboxsolid.bright, #content div.zenboxfixed.bright, #content div.zenboxfeature.bright, #content div.zenbox.bright {
	border:1px solid #ededed;
	border-radius:5px;
	padding:5px;
	margin-bottom:1em;
	background: #f7f7f7;
}

#content div.col_half.zenbox {
	width:98px;
}

#content div.col.zenbox {
	width:218px;
}

#content div.two_col.zenbox {
	width:458px;    
}

#content div.three_col.zenbox {
	width:698px;
}

#content div.three_col.zenbox {
	width:938px;
}
/*Set the header <h3> */
#content div.zenboxsolid h3, #content div.zenboxfixed h3, #content div.zenboxfeature h3, #content div.zenbox h3,
#content div.zenboxsolid.bright h3, #content div.zenboxfixed.bright h3, #content div.zenboxfeature.bright h3, #content div.zenbox.bright h3 {
	background:#f5e62f url('images/bottom_shadow_medium.png') repeat-x bottom;
	color:#fff;
	padding:7px 7px 5px 7px;
	margin:-6px;
	margin-bottom:8px;
	font-size:1.1em;
	font-weight: bold;
	border-radius:5px 5px 0px 0px;
}
#content div.zenbox.bright h3, #content div.zenboxsolid.bright h3, #content div.zenboxfixed.bright h3, #content div.zenboxfeature.bright h3 {
	background:#f5e62f url('images/bottom_shadow_light.png') repeat-x bottom;
	color:#3a3a3a;
}
#content div.zenbox.cool h3, #content div.zenboxsolid.cool h3, #content div.zenboxfixed.cool h3, #content div.zenboxfeature.cool h3 {
	background-color:#557BB7;
}
#content div.zenbox.energetic h3, #content div.zenboxsolid.energetic h3, #content div.zenboxfixed.energetic h3, #content div.zenboxfeature.energetic h3 {
	background:#FA6520 url('images/bottom_shadow_light.png') repeat-x bottom;
}
#content div.zenbox.soothing h3, #content div.zenboxsolid.soothing h3, #content div.zenboxfixed.soothing h3, #content div.zenboxfeature.soothing h3 {
	background-color:#028a02;
}
#content div.zenbox.neutral h3, #content div.zenboxsolid.neutral h3, #content div.zenboxfixed.neutral h3, #content div.zenboxfeature.neutral h3 {
	background-color:#3c3c3c;
}
#content div.zenbox.primary h3, #content div.zenboxsolid.primary h3, #content div.zenboxfixed.primary h3, #content div.zenboxfeature.primary h3 {
	background-color:#c20403;
	
}
#content div.zenboxsolid h3 a:link, #content div.zenboxfixed h3 a, #content div.zenboxfeature h3 a, #content div.zenbox h3 a,
#content div.zenboxsolid.bright h3 a, #content div.zenboxfixed.bright h3 a, #content div.zenboxfeature.bright h3 a, #content div.zenbox.bright h3 a {
	color:#3a3a3a;
}

/*deal with the h3 a links*/
#content div.zenbox div.zenbox.cool h3 a, 
#content div.zenboxsolid.cool h3 a, 
#content div.zenboxfixed.cool h3 a, 
#content div.zenboxfeature.cool h3 a, 
#content div.zenbox.cool h3 a,
#content div.zenbox div.zenbox.energetic h3 a, 
#content div.zenboxsolid.energetic h3 a, 
#content div.zenboxfixed.energetic h3 a, 
#content div.zenboxfeature.energetic h3 a, 
#content div.zenbox.energetic h3 a,  
#content div.zenbox div.zenbox.soothing h3 a, 
#content div.zenboxsolid.soothing h3 a, 
#content div.zenboxfixed.soothing h3 a, 
#content div.zenboxfeature.soothing h3 a, 
#content div.zenbox.soothing h3 a, 
#content div.zenbox div.zenbox.neutral h3 a, 
#content div.zenboxsolid.neutral h3 a, 
#content div.zenboxfixed.neutral h3 a, 
#content div.zenboxfeature.neutral h3 a, 
#content div.zenbox.neutral h3 a, 
#content div.zenbox div.zenbox.primary h3 a, 
#content div.zenboxsolid.primary h3 a, 
#content div.zenboxfixed.primary h3 a, 
#content div.zenboxfeature.primary h3 a,
#content div.zenbox.primary h3 a{
	color:#ffffff;
}
/*Style the list elements*/
#content div.zenboxsolid ul, #content div.zenboxfixed ul, #content div.zenboxfeature ul, #content div.zenbox ul,
#content div.zenboxsolid.bright ul, #content div.zenboxfixed.bright ul, #content div.zenboxfeature.bright ul, #content div.zenbox.bright ul {
	list-style:none;
	padding: 0 10px 1.1em 10px;
}
#content div.zenboxsolid ul li, #content div.zenboxfixed ul li, #content div.zenboxfeature ul li, #content div.zenbox ul li,
#content div.zenboxsolid.bright ul li, #content div.zenboxfixed.bright ul li, #content div.zenboxfeature.bright ul li, #content div.zenbox.bright ul li {
	border-bottom:1px dashed #c9c9c9;
	margin-left:-5px;
	padding:5px 0 3px 3px;
}
/* show hide of zenbox content */
#content div.zenbox a.showHide {
	float:right;
	margin-top:-33px;
	text-indent:-99999px;
	background:url(images/zenboxShowHide.png) no-repeat top right;
	background-position:0px 0px;
	display:block;
	width:20px;
	height:20px;
}
#content div.zenbox a.showHide.show {
	background-position: 0 -42px;
}

#content div.zenbox p
{
	margin-bottom: 0px;
}