/*************************************************************************************************
Common_Content.css
	This stylesheet is ONLY for CSS styles used by COMMON controls located in this the
	folder: ~/Controls

	CSS for logical-site-specific controls (for example controls found in: ~/Www/Controls)
	should be located in the stylesheet specfic to that logical site. So, in the above example,
	CSS for ~/Www/Controls stuff would go in ~/Master/Www.css.

	I would have preferred to NOT have a thrid Common_XXX.css stylesheet to avoid confusion
	about where a particular style belongs, but Common_Content is littered with too many
	psuedo-control type styles for the various boxes, etc from previous versions of the site.

	1. Over time we should try to migrate all "widgets" to actual/bonefied user-controls and move
		their CSS here.
	2. Any CSS no longer used in Common_Content should be removed over time.
	3. Heavy inline styles used in global user-controls predating the file should be moved
		to styles in this file.

	The end goal is to have Common_Content only contain (a) the global CSS mods (things like
	body {} and img {}) and (b) the utility-classes like left, right, bold, etc.
**************************************************************************************************/

/***
	ALL GLOBAL (Controls_Global) controls listed first in this file,
	in alphabetical order
***/

/* ~/Controls_Global/ContentBox.ascx */
.contentbox_header
{
	background: #345278;
	border-top: 1px solid #aac2d1;
	height: 3px;
}

.contentbox_black .contentbox_header { background: Black; }
.contentbox_blue .contentbox_header { background: #345278 }
.contentbox_green .contentbox_header { background: #507351 }
.contentbox_red .contentbox_header { background: #834645 }

.contentbox_body h1,
.contentbox_body h2,
.contentbox_body h3
{
	padding-top: 8px;
}

.contentbox_body
{
	background: #e7eef2 url('../Controls_Global/ContentBox_Body.png') repeat-x top left;
	border: solid 1px #aac2d1;
	border-top: none;
	padding: 0px 10px 10px 10px;
}

.contentbox_body ul
{
	list-style-type: none;
	margin: 2px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.contentbox_body ul li
{
	background-image: url(Common_Arrow_Bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px .3em;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-left: 18px;
}


/* ~/Controls_Global/MiddleBar.ascx */
.middlebar
{
	height: 28px;
	left: -15px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 0px;
	width: 588px;
}

.middlebar_clean
{
	background: url(../Controls_Global/MiddleBar_Normal.gif) top left no-repeat;
}

.middlebar_normal
{
	background: url(../Controls_Global/MiddleBar_Normal.gif) top left no-repeat;
}

.middlebar a
{
	display: block;
	float: left;
	font-weight: bold;
	margin-top: 5px;
}

.middlebar_left
{
	float: left;
	position: absolute;
	left: 0px;
}

.middlebar_left a:link,
.middlebar_left a:visited
{
	background: url(Common_ArrowBullet_Gray.gif) no-repeat top left;
	color: #336699;
	padding-left: 25px;
	text-decoration: none;
}

.middlebar_left a:active,
.middlebar_left a:hover
{
	background: url(Common_ArrowBullet_Gray_Hover.gif) no-repeat top left;
	color: #545454;
	padding-left: 25px;
	text-decoration: underline;
}

.middlebar_left a.selected, .middlebar_left a:link.selected, .middlebar_left a:visited.selected
{
	background: url(Common_ArrowBullet_Gray_Hover.gif) top left no-repeat;
	color: #545454;
	padding-left: 25px;
}

.middlebar_left a:hover.selected, .middlebar_left a:active.selected
{
	text-decoration: underline;
}

.middlebar_right
{
	float: left;
	position: absolute;
	left: 450px;
}

.middlebar_right a:link,
.middlebar_right a:visited
{
	background: url(Common_ArrowBullet_White.gif) no-repeat top left;
	color: White;
	padding-left: 25px;
	text-decoration: none;
}

.middlebar_right a:active,
.middlebar_right a:hover
{
	background: url(Common_ArrowBullet_White_Hover.gif) no-repeat top left;
	color: White;
	padding-left: 25px;
	text-decoration: underline;
}

/***
	Next in the file comes controls in ~/Controls/,
	in alphabetical order
***/

/* ~/Controls/PlanBox.ascx */
.planbox_body
{
	height: 95%;
	position: relative;
	width: 100%;
}

.planbox_body h3
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.planbox_body ul
{
	margin: 2px 0px 5px 10px;
}

.planbox_price
{
	bottom: 15px;
	height: 40px;
	left: 0px;
	position:absolute;
	width: 49%;
}
.planbox_price h2
{
	padding: 0px 0px 0px 0px;
}

.planbox_buttons
{
	bottom: 10px;
	height: 60px;
	position:absolute;
	right: 0px;
	text-align: center;
	width: 49%;
}

.planbox_buttons input
{
	margin: 6px 0px 0px 0px;
	width: 85px;
}

/* ~/Controls/PlanBox_Alt.ascx */
.planbox_alt_body
{
	height: 95%;
	position: relative;
	width: 100%;
}

.planbox_alt_body h3
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.planbox_alt_body ul
{
	margin: 2px 0px 5px 20px;
}

.planbox_alt_price
{
	bottom: 50px;
	left: 60px;
	position:absolute;
}

.planbox_alt_buttons
{
	bottom: 3px;
	height: 20px;
	position:absolute;
	text-align: center;
}

.planbox_alt_buttons input
{
	margin: 6px 0px 0px 0px;
	width: 85px;
}

/* ~/Controls/PlanBox_Wide.ascx */
.planbox_wide_body
{
	height: 95%;
	position: relative;
	width: 100%;
}

.planbox_wide_body h3
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.planbox_wide_body ul
{
	margin: 2px 0px 5px 40px;
}

.planbox_wide_includes
{
	width: 70%;
}

.planbox_wide_price
{
	top: 0px;
	height: 100%;
	right: 3px;
	position:absolute;
	width: 20%;
}

.planbox_wide_plus
{
	left: 250px;
	float: right;
	position: absolute;
	top: 20px;
	width: 30%;
}

.planbox_wide_plus ul
{
	margin: 0px;
}

.planbox_wide_buttons
{
	top: 60px;
	height: 40px;
	right: 10px;
	position:absolute;
	text-align: center;
}


.planbox_wide_buttons input
{
	margin: 6px 0px 0px 0px;
	width: 85px;
}

/* Styles for ~/Controls/SiteSearch.ascx */
.sitesearch_area
{
	background: url(../Controls/SiteSearch_Area_Background.gif) no-repeat left bottom;
	padding:0px;
	margin:0px 0px 0px 0px;
	padding-left: 30px;
	width: 171px;
	height: 19px;
}

.sitesearch_field
{
	background: url(../Controls/SiteSearch_Transparent.gif) repeat-x left top;
	border: 0px;
	height: 14px;
	padding:4px 0px 0px 0px;
	width: 126px;
	margin:0px;
}

.sitesearch_label
{
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 19px;
}