/* ***************************************************************************************************************** */
/* General Page CSS for Why Bella                  */
/* Version 2.1.3                                   */
/* Last Modified: 2005-10-13                       */

/* ***************************************************************************************************************** */
/* General Formatting */

/* --------------------------------------------------------------------------------------------- */
/* Body Style */

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #FFFDF6;
	padding: 0px;
	margin: 0px;
}

/* IE Specific */
html {
	scrollbar-3dlight-color: #E8E2D0;
	scrollbar-highlight-color: #FDF7E5;
	scrollbar-face-color: #E8E2D0;
	scrollbar-shadow-color: #ACA694;
	scrollbar-darkshadow-color: #635D4B;
	scrollbar-arrow-color: #88846F;
	scrollbar-track-color: #F5F1E4;
}

body.AdvancedEditor {
	background-color: #FFFFFF;
	padding: 4px;
}

body.Popup {
	background-color: #FFFFFF;
}

body.IframeContent {
	padding: 0px 12px 0px 0px;
}

/* --------------------------------------------------------------------------------------------- */
/* Default Link, Table and Form Elements */

/* ......................................................................... */
/* Links */

a:link, a:visited, a:active {
	font-family: arial, helvetica, sans-serif;
	font-weight: 700;
	color: #000000;
}

a:hover {
	color: #D9363E;
}


/* ......................................................................... */
/* Table Format */

table {
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-align: left;
	border-width: 0px;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

td {
	padding: 0px;
	margin: 0px;
}

th {
	text-align: center;
	padding: 0px;
	margin: 0px;
}


/* ......................................................................... */
/* Images */

img {
	border-width: 0px;
	border-style: none;
}


/* ......................................................................... */
/* Gets rid of unsightly spacing in many common tags */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
}

h1, .Heading1 {
	font-size: 20pt;
	font-weight: 700;
	color: #000000;
}

h2, .Heading2 {
	font-size: 16pt;
	font-weight: 700;
	color: #000000;
}

h3, .Heading3 {
	font-size: 14pt;
	font-weight: 700;
	color: #000000;
}

h4, .Heading4 {
	font-size: 12pt;
	font-weight: 700;
	color: #000000;
}

h5, .Heading5 {
	font-size: 10pt;
	font-weight: 700;
	color: #000000;
}

h6, .Heading6 {
	font-size: 9pt;
	font-weight: 500;
	color: #666666;
}


/* ......................................................................... */
/* Form Formatting */

form {
	padding: 0px;
	margin: 0px;
}

input.IText, select, textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #404040;
}

input.Button {
	background-color: #808080;
	font-size: 8pt;
	font-weight: 700;
	color: #FFFFFF;
	border-width: 2px;
	border-style: outset;
	border-color: #A0A0A0;
}


/* --------------------------------------------------------------------------------------------- */
/* Default Display elements */

.BrowserHand {
	cursor: hand;
	cursor: pointer;
}

/*
	This exists when placing multiple tables in a single cell, to prevent stupid Internet Explorer from
	botching the positioning by adding the height of the default text to the height of the tables.
*/
.FixIETinyText {
	font-size: 1px ! important;
}

.HiddenContent {
	display: none;
	visibility: hidden;
}

.VisibleContent {
	display: block;
	visibility: visible;
}

.FloatLeft {
	float: left;
}

.FloatRight {
	float: right;
}

.NoWrap {
	white-space: nowrap ! important;
}

.YesWrap {
	white-space: normal ! important;
}

.SizeDeclaration, .NoPadding, .SizeDeclaration td, .SizeDeclaration th, .NoPadding td, .NoPadding th {
	padding: 0px ! important;
	margin: 0px ! important;
}


/* --------------------------------------------------------------------------------------------- */
/* Default Text/Header elements */

.Heading {
	font-size: 16pt ! important;
	font-weight: 700 ! important;
}

.HeadingRed {
	font-size: 10pt ! important;
	font-weight: 700 ! important;
	color: #CC0000 ! important;
}

.HeadingSmall {
	font-size: 12pt ! important;
	font-weight: 700 ! important;
}

td.Highlight {
	background-color: #FFFFDD;
	padding: 4px 8px;
}

.MainText {
	font-size: 9pt;
}

.SmallText {
	font-size: 8pt;
}

.TinyText {
	font-size: 7pt;
}


/* --------------------------------------------------------------------------------------------- */
/* Printable formatting */

.ShowOnPrint {
	visibility: hidden;
	display: none;
}

@media print {
	body {
		background-color: #ffffff ! important;
	}

	a:link, a:active, a:visited {
		color: #000000 ! important;
	}

	.HideOnPrint {
		visibility: hidden;
		display: none;
	}

	.ShowOnPrint {
		visibility: visible;
		display: block;
	}
}


/* ***************************************************************************************************************** */
/* Main Content Formatting */


/* ***************************************************************************************************************** */
/* Popup Content Formatting */

.PopupTopSection {
	background-image: url(/images/popup/headerbg.jpg);
	font-size: 40px;
	padding: 10px 0px 7px 19px;
}

.PopupRightSection {
	background-image: url(/images/popup/whybellaphoto.jpg);
}

.PopupLeftSection {
	background-color: #F4E9D9;
}

.PopupBottomSection {
	background-image: url(/images/popup/footerbg.jpg);
	padding: 23px 238px 9px 10px;
	color: #514839;
	font-size: 10px;
	font-weight: 500 ! important;
	height: 97px;
}

.PopupBottomSection a:link, .PopupBottomSection a:active, .PopupBottomSection a:visited {
	color: #514839 ! important;
}

.PopupBottomSection a:hover {
	color: #D9363E ! important; 
}

.PopupTextHeader {	
	padding: 12px 0px;
}

.PopupButton, .PopupButtonOn {
	padding: 4px 0px 4px;
}

.PopupButtonOn {
	background-color: #FFFDF6;
}

.PopupContentBG {	
	background-color: #FFFDF6;
}