/*************************************************************************************************
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 h2 {
	font-size: 20px;
}

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

	/*v3:*/
	background: #efefef url('../Controls_Global/ContentBox_Body.png') repeat-x top left;
	border: solid 1px #bbbbbb;
}

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

.contentbox_body ul li
{
	/*v2:*/
	/*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;

	/*v3:*/
	background-image: url(Common_Arrow_Bullet.png);
}


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

	/*v3:*/
	height: 31px;
	left: -8px;
	/*margin-top: 5px;*/
	margin: 5px 0px 10px 0px;
	width: 792px;
}

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

	/*v3:*/
	background: url(../Controls_Global/MiddleBar_Clean.png) bottom left no-repeat;
	height: 30px;
	padding-top: 0px;
}

/* All .middlebar_clean .middlebar_xxx selectors below are new for 'v3' 
	These are 'Claudiney customizations... TODO:???
*/
.middlebar_clean .middlebar_left
{
	padding-left: 15px;
	position: relative;
}

.middlebar_clean .middlebar_right
{
	float: right;
	left: auto;
	padding-right: 15px;
	position: relative;
}

.middlebar_clean .middlebar_left a:link,
.middlebar_clean .middlebar_left a:visited,
.middlebar_clean .middlebar_right a:link,
.middlebar_clean .middlebar_right a:visited
{
	background: none;
	color: #7a7a7a;
	padding: 4px 6px 4px 6px;
	display: inline-block;
}

/* :focus added for non-IE compat in 'v3' */
.middlebar_clean .middlebar_left a:active,
.middlebar_clean .middlebar_left a:hover,
.middlebar_clean .middlebar_left a:focus,
.middlebar_clean .middlebar_right a:active,
.middlebar_clean .middlebar_right a:hover,
.middlebar_clean .middlebar_right a:focus
{
	background: none;
}

.middlebar_clean .middlebar_left a.selected,
.middlebar_clean .middlebar_left a:link.selected,
.middlebar_clean .middlebar_left a:visited.selected,
.middlebar_clean .middlebar_right a.selected,
.middlebar_clean .middlebar_right a:link.selected,
.middlebar_clean .middlebar_right a:visited.selected
{
	background: none;
	background: #fff; /*TODO:??? why twice?*/
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-top: 2px solid #e1e1e1;
	padding: 2px 8px 5px 8px;
}

.middlebar_clean .middlebar_left a.selected:hover,
.middlebar_clean .middlebar_left a:link.selected:hover,
.middlebar_clean .middlebar_left a:visited.selected:hover,
.middlebar_clean .middlebar_right a.selected:hover,
.middlebar_clean .middlebar_right a:link.selected:hover,
.middlebar_clean .middlebar_right a:visited.selected:hover
{
	text-decoration: none
}

.middlebar_clean .middlebar_right
{
	padding-top: 0px;
}
/* End  of midlebar_clean Claudiney customizations... */

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

	/*v3:*/
	background: url(../Controls_Global/MiddleBar_Normal.png) 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
{
	/*v2:*/
	/*background: url(Common_ArrowBullet_Gray.gif) no-repeat top left;*/
	/*color: #336699;*/
	padding-left: 25px;
	text-decoration: none;

	/*v3:*/
	background: url(Common_ArrowBullet_Gray.png) no-repeat top left;
	color: #545454;
}

/* :focus added for non-IE compat in 'v3' */
.middlebar_left a:active,
.middlebar_left a:hover,
.middlebar_left a:focus
{
	/*v2:*/
	/*background: url(Common_ArrowBullet_Gray_Hover.gif) no-repeat top left;*/
	/*color: #545454;*/
	padding-left: 25px;
	text-decoration: underline;

	/*v3:*/
	background: url(Common_ArrowBullet_Gray_Hover.png) no-repeat top left;
	color: #888888;
}

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

	/*v3:*/
	background: url(Common_ArrowBullet_Gray_Selected.png) top left no-repeat;
	color: #888888;
}

/* :focus added for non-IE compat in 'v3' */
.middlebar_left a:active.selected,
.middlebar_left a:hover.selected,
.middlebar_left a:focus.selected
{
	text-decoration: underline;
}

.middlebar_right
{
	/*v2:*/
	float: left;
	position: absolute;
	/*left: 450px;*/

	/*v3:*/
	padding-top: 2px;
	left: 670px;
}

.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;
}

/* :focus added for non-IE compat in 'v3' */
.middlebar_right a:active,
.middlebar_right a:hover,
.middlebar_right a:focus
{
	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
{
	/*v2:*/
	/*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;*/

	/*v3:*/
	background: url(../Controls/SiteSearch_Area_Background.png) no-repeat left bottom;
	height: 20px;
	padding-left: 24px;
	width: 177px;
	display: none; /* Rachel remove 2-23-2010*/
}

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

	/*v3:*/
	padding: 3px 0px 0px 0px;
	width: 138px;
	display: none; /* Rachel remove 2-23-2010*/

}

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

	/*v3:*/
	color: #525252;
	font-size:12px;
	margin-bottom:2px;
	padding-left: 8px;
	display: none; /* Rachel remove 2-23-2010*/
}