.BodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align: justify;
}
.BodyTextLeft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align: left;
}
.BodyTextRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: normal;
	color: red;
	text-decoration: none;
	text-align: justify;
}
.BodyTextBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.BodyTextBoldCopper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: bold;
	color: #CC6600;
	text-decoration: none;
}
.BodyTextCopper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: normal;
	color: #CC6600;
	text-decoration: italic;
}
.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.formtextbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC6600;
	text-decoration: none;
	font-weight: bold;
}
.cooking-title {
	font-family: Monotype;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.cooking-light {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.cooking-bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

.thum-title{font-family: arial; color: #303030; font-size: 9px; text-align: center; font-style: normal; line-height: 1.5; } 
.contact-info{font-family: arial; color: #303030; font-size: 11px; text-align: center; font-style: normal; line-height: 1.5; } 
.contact-field{font-family: arial; color: #303030; font-size: 11px; text-align: left; font-style: normal; line-height: 1.5; background-color: #F7F3BB;} 
.contact-label{font-family: arial; color: #303030; font-size: 10px; text-align: left; font-style: normal; line-height: 1.5; text-decoration: none;} 
.contact-label-red{font-family: arial; color: red; font-size: 10px; text-align: left; font-style: normal; line-height: 1.5; text-decoration: none;} 
.contact-star{font-family: arial; color: #F40000; font-size: 11px; text-align: left; font-style: normal; line-height: 1.5; } 














html {
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

p {
	margin: 0px;
}

h1, h2, h3, h4 {
	text-shadow: #DDDDDD 1px 1px 1px;
}

/* ========================================================
   General
   ======================================================== */
.DefaultFont {
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
}

.SmallFont {
	font-size: 10px;
	font-family: Arial;
}

.XXSFont {
	font-size: 10px;
	font-family: Arial;
}

.LargeFont {
	font-size: 16px;
	font-family: Arial;
}

.XLFont {
	font-size: 20px;
	font-family: Arial;
}

.Transparent {
	opacity: 0.0;
	filter: alpha(opacity = 0);
}

.FloatRight {
	float: right;
}

.FloatLeft {
	float: left;
}

/* ========================================================
   Cursors
   ======================================================== */
.CursorPointer {
	cursor: pointer;
}

.CursorWaitingArrow {
	cursor: progress;
}

.CursorNotAllowed {
	cursor: not-allowed;
}

/* ========================================================
   Anchors
   ======================================================== */
a:link {
	color: #;
	background-color: ;
}

a:visited {
	color: #;
	background-color: ;
}

a:hover {
	color: #FF0000;
	background-color: #C0C0C0;
}

a:active {
	color: #FF0000;
	background-color: #C0C0C0;
}

/* NoHover is only for presentational */
a.NoHover:link {
	color: black;
	background-color: transparent;
}

a.NoHover:visited {
	color: black;
	background-color: transparent;
}

a.NoHover:hover {
	color: black;
	background-color: transparent;
}

a.NoHover:active {
	color: black;
	background-color: transparent;
}

.HyperlinkDecorator {
	color: #;
	background-color: ;
}

.EnabledHyperlinkDecorator a:link {
	color: #;
	background-color: ;
}

.EnabledHyperlinkDecorator a:visited {
	color: #;
	background-color: ;
}

.EnabledHyperlinkDecorator a:hover {
	color: #FF0000;
	background-color: #C0C0C0;
}

.EnabledHyperlinkDecorator a:active {
	color: #FF0000;
	background-color: #C0C0C0;
}

.EnabledNoVisitedIndicationHyperlinkDecorator a:link {
	color: #;
	background-color: ;
}

.EnabledNoVisitedIndicationHyperlinkDecorator a:visited {
	color: #;
	background-color: ;
}

.EnabledNoVisitedIndicationHyperlinkDecorator a:hover {
	color: #FF0000;
	background-color: #C0C0C0;
}

.EnabledNoVisitedIndicationHyperlinkDecorator a:active {
	color: #FF0000;
	background-color: #C0C0C0;
}

/* Following 4 styles are used for Hyperlinks which are not based on GWT's Hyperlinks, thus not contained in a DIV */
a.EnabledNoVisitedIndicationHyperlinkDecorator:link {
	color: #;
	background-color: ;
}

a.EnabledNoVisitedIndicationHyperlinkDecorator:visited {
	color: #;
	background-color: ;
}

a.EnabledNoVisitedIndicationHyperlinkDecorator:hover {
	color: #FF0000;
	background-color: #C0C0C0;
}

a.EnabledNoVisitedIndicationHyperlinkDecorator:active {
	color: #FF0000;
	background-color: #C0C0C0;
}

.DisabledHyperlinkDecorator a:link {
	color: #333333;
	background-color: ;
	text-decoration: none;
	cursor: not-allowed;
}

.DisabledHyperlinkDecorator a:visited {
	color: #333333;
	background-color: ;
	text-decoration: none;
	cursor: not-allowed;
}

.DisabledHyperlinkDecorator a:hover {
	color: #333333;
	background-color: ;
	text-decoration: none;
	cursor: not-allowed;
}

.DisabledHyperlinkDecorator a:active {
	color: #333333;
	background-color: ;
	text-decoration: none;
	cursor: not-allowed;
}

/* EnabledHighlightedLink is only used for Bema */
.EnabledHighlightedLink a:link {
	color: #ffffbb;
}

.EnabledHighlightedLink a:visited {
	color: #ffffbb;
}

.EnabledHighlightedLink a:hover {
	color: red;
}

.EnabledHighlightedLink a:active {
}

.ExternalHyperlink {
	color: #;
	background-color: ;
}

a.EnabledExternalHyperlink:link {
	color: #;
	background-color: ;
}

a.EnabledExternalHyperlink:visited {
	color: #;
	background-color: ;
}

a.EnabledExternalHyperlink:hover {
	color: #FF0000;
	background-color: #C0C0C0;
}

a.EnabledExternalHyperlink:active {
	color: #FF0000;
	background-color: #C0C0C0;
}

a.DisabledExternalHyperlink:link {
	color: #333333;
	background-color: ;
	text-decoration: none;
	cursor: not-allowed;
}

a.DisabledExternalHyperlink:visited {
	color: #333333;
	background-color: ;
	text-decoration: none;
	cursor: not-allowed;
}

a.DisabledExternalHyperlink:hover {
	color: #333333;
	background-color: ;
	text-decoration: none;
	cursor: not-allowed;
}

a.DisabledExternalHyperlink:active {
	color: #333333;
	background-color: ;
	text-decoration: none;
	cursor: not-allowed;
}

a.EnabledNoVisitedIndicationExternalHyperlink:link {
	color: #;
	background-color: ;
}

a.EnabledNoVisitedIndicationExternalHyperlink:visited {
	color: #;
	background-color: ;
}

a.EnabledNoVisitedIndicationExternalHyperlink:hover {
	color: #FF0000;
	background-color: #C0C0C0;
}

a.EnabledNoVisitedIndicationExternalHyperlink:active {
	color: #FF0000;
	background-color: #C0C0C0;
}

.LinkButton {
	color: #0000FF;
	background-color: ;
}

.EnabledLinkButton {
	color: #0000FF;
	background-color: ;
	cursor: pointer;
}

.EnabledLinkButton:hover {
	color: #FF0000;
	background-color: #C0C0C0;
}

.DisabledLinkButton {
	color: #333333;
	background-color: ;
	cursor: not-allowed;
}

.DisabledLinkButton:hover {
	color: #333333;
	background-color: ;
	cursor: not-allowed;
}

.DisabledSortByLinkButton {
	color: #333333;
	background-color: ;
	cursor: not-allowed;
}

.DisabledSortByLinkButton:hover {
	color: #333333;
	background-color: ;
	cursor: not-allowed;
}

.EnabledLinkButtonPanel {
	color: #0000FF;
	background-color: ;
	cursor: pointer;
}

.EnabledLinkButtonPanel:hover {
	color: #FF0000;
	background-color: #C0C0C0;
}

.DisabledLinkButtonPanel {
	color: #333333;
	background-color: ;
	cursor: not-allowed;
}

.DisabledLinkButtonPanel:hover {
	color: #333333;
	background-color: ;
	cursor: not-allowed;
}

/* ========================================================
   Decorators and Elements
   ======================================================== */
.TextBoxDecorator {
	color: black;
	background-color: #EEEEEE;
}

input.TextBoxDecorator:hover {
	color: black;
	background-color: #DFDFDF;
}

.PasswordTextBoxDecorator {
	color: black;
	background-color: #EEEEEE;
}

input.PasswordTextBoxDecorator:hover {
	color: black;
	background-color: #DFDFDF;
}

.TextAreaDecorator {
	color: black;
	background-color: #EEEEEE;
}

textarea.TextAreaDecorator:hover {
	color: black;
	background-color: #DFDFDF;
}

.EnabledCheckBoxDecorator:hover {
	color: #FF0000;
	background-color: #C0C0C0;
	cursor: pointer;
}

.DisabledCheckBoxDecorator {
	color: #333333;
	background-color: ;
	cursor: not-allowed;
}

.MouseOverRadioButton {
	color: #FF0000;
	background-color: #C0C0C0;
}

.EnabledRadioButtonDecorator:hover {
	color: #FF0000;
	background-color: #C0C0C0;
}

.DisabledRadioButtonDecorator {
	color: #333333;
	background-color: ;
	cursor: not-allowed;
}

.ListBoxDecorator {
	color: black;
	background-color: #EEEEEE;
}

select.ListBoxDecorator:hover {
	color: black;
	background-color: #DFDFDF;
}

.DisabledListBoxDecorator {
	color: gray;
	background-color: #C5C5C5;
}

.FileUploadDecorator {
	color: black;
	background-color: #EEEEEE;
}

input.FileUploadDecorator:hover {
	color: black;
	background-color: #DFDFDF;
}

.HidablePanelHeaderPanel {
	color: #000000;
	background-color: #76A4F3;
	cursor: pointer;
	font-weight: bold;
}

/* Following class is required since HidablePanelHeaderPanel has links inside */ 
.HidablePanelHeaderPanel * {
	color: #000000 !important;
	background-color: transparent !important;
}

table.HidablePanelHeaderPanel:hover {
	background-color: #6a93da;
}

.HidablePanel {
	border: 1px solid #e6e6e6;
}

.CreatePostButton {
	font-weight: bold;
}

/* PreviewPostButton is disabled by default */ 
.PreviewPostButton {
	display: none;
}

.HidablePopupPanelPopup {
	background-color: #cccccc;
}

.InvalidLabel {
	color: red;
	background-color: yellow;
}

.FadingMessageContainer {
	color: #000000;
	background-color: #76A4F3;
	border: 1px dotted #5d82c0;
}

.FadingMessageText {
	font-weight: bold;
	font-size: 30px;
}

.FadingMessageCloseButton {
	font-size: 20px;
}

.AbsolutePopupPanel {
	background-color: #e6e6e6;
	border: 1px dotted #b3b3b3;
}

.AbsolutePopupPanelTitle {
	color: #000000;
	background-color: #5d82c0;
	font-size: 12px;
	font-weight: bold;
}

.MandatoryField {
	font-weight: bold;
}

.OptionalField {
}

.RankingImagePopup {
	color: #000000;
	font-weight: bold;
}

.RankingOptionsDisplayPopup {
	font-weight: bold;
	background-color: #e6e6e6;
}

.AsteriskLabel {
	color: red;
}

.CheckedRadioButtonDecorator {
	font-weight: bold;
}

.MessageBackground {
	color: black;
	background-color: #F7F762;
}

.MessagePanelError {
	color: red;
}

.CurrentTopicInTopPanel {
	font-size: 19px;
}

.TopicInTopPanel {
	font-size: 14px;
}

.SimpleTreeViewItem {
}

.SimpleTreeViewItemIndentation {
	width: 15px;
	/* You can change the value, but do not set any other attributes to this class! */
}

.TogglableTreeViewItemBackgroundColor {
	background-color: #ffffff;
	/* You can change the value, but do not set any other attributes to this class! */
}

.FullPostDisplay {
	background-color: #e6e6e6;
	border: 1px dotted #cccccc;
}

.MiniPostDisplay {
	background-color: #e6e6e6;
	border-bottom: 1px dotted #cccccc;
}

.ForumRootPostDisplay {
	background-color: #e6e6e6;
	border: 1px dotted #cccccc;
}

.ForumRootPostDisplayHeaderLine {
	background-color: #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.PostDisplayHighlighted {
	background-color: #cccccc;
}

.MiniPostDisplayContentPreview {
	color: #4d4d4d;
}

.MiniPostDisplayInfo {
	color: #4d4d4d;
}

.DiscussionDisplay {
}

.PanelSeparator {
	color: #333333;
}

.VoteOptionDisplayPercentageLabel {
	color: #4d4d4d;
}

.WebWidgetClientAdminPanelMenu {
	background-color: #EEEEEE;
}

/* ========================================================
   Rich Text
   ======================================================== */
.RichTextAreaDecorator {
	cursor: text;
	background-color: #EEEEEE;
}

.RichTextAreaDecorator:hover {
	cursor: text;
	background-color: #DFDFDF;
}

.RichTextAreaToolbar {
	background-color: #C3D9FF;
}

.RichTextAreaToolbar .gwt-PushButton-up {
	border: 1px solid #C3D9FF;
}

.RichTextAreaToolbar .gwt-PushButton-up-hovering {
	border: 1px solid #C3D9FF;
	border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.RichTextAreaToolbar .gwt-PushButton-down {
	border: 1px solid #C3D9FF;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.RichTextAreaToolbar .gwt-PushButton-down-hovering {
	border: 1px solid #C3D9FF;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.RichTextAreaToolbar .gwt-ToggleButton {
	text-align: center;
	cursor: hand;
}

.RichTextAreaToolbar .gwt-PushButton {
	text-align: center;
	cursor: hand;
}

.RichTextAreaToolbar .gwt-ToggleButton-up {
	border: 1px solid #C3D9FF;
}

.RichTextAreaToolbar .gwt-ToggleButton-up-hovering {
	border: 1px solid #C3D9FF;
	border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.RichTextAreaToolbar .gwt-ToggleButton-down {
	background-color: #E8F1FF;
	border: 1px solid #C3D9FF;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.RichTextAreaToolbar .gwt-ToggleButton-down-hovering {
	background-color: #E8F1FF;
	border: 1px solid #C3D9FF;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

/* ========================================================
   GWT widgets
   ======================================================== */
.gwt-StackPanel {
}

.gwt-StackPanel .gwt-StackPanelItem {
	color: #000000;
	background-color: #76A4F3;
	border-bottom: 1px solid #5d82c0;
	padding: 4px;
	cursor: pointer;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
	color: #000000;
	background-color: #5d82c0;
	border-bottom: 1px solid #76A4F3;
	padding: 4px;
	cursor: pointer;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}

.gwt-Button {
	font-family: Arial;
	font-size: 13px;
	color: ;
	background-color: ;
}

.gwt-DialogBox {
	border: 4px outset;
	color: #000000;
	background-color: #e6e6e6;
}

.gwt-DialogBox .Caption {
	color: #000000;
	background-color: #5d82c0;
	margin-bottom: 8px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	text-decoration: underline;
	cursor: move;
}

/* ========================================================
   Screen layout
   ======================================================== */
.SidePanelLTR,.SidePanelRTL {
	position: absolute;
	top: 36px;
	width: 220px;
}

.SidePanelLTR {
	left: 10px;
	border-right: 1px solid silver;
}

.SidePanelRTL {
	right: 10px;
	border-left: 1px solid silver;
}

.ContentPanelBemaLTR,.ContentPanelBemaRTL {
	min-width: 400px;
	min-height: 598px;
	height: auto !important;
	height: 598px;
	border-bottom: 1px solid silver;
}

.ContentPanelBemaLTR {
	margin-left: 220px;
	border-left: 1px solid silver;
}

.ContentPanelBemaRTL {
	margin-right: 220px;
	border-right: 1px solid silver;
}

.TopPanelBema {
	height: 26px;
	border-bottom: 1px solid silver;
	text-align: center;
	font-weight: bold;
	background-color: #8FBFA0;
}

.TopPanelWebWidget {
	background-color: #e6e6e6;
}

.TopPanelPresentational {
	color: #FFFFFF;
}

.BottomPanelBemaLTR,.BottomPanelBemaRTL {
	height: 24px;
	padding-top: 4px;
	text-align: center;
	vertical-align: bottom;
}

.BottomPanelBemaLTR {
	margin-left: 220px;
}

.BottomPanelBemaRTL {
	margin-right: 220px;
}

.BottomPanelPresentationalText {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	color: #C2C2C2;
}

.ContentPageHeader {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 19px;
	font-weight: bold;
	background-color: #76A4F3;
	text-shadow: #DDDDDD 1px 1px 1px;
}

.PresentationalRoundedPanelHeader {
	margin-bottom: 10px;
	color: darkBlue;
	font-family: Arial;
	font-size: 20px;
	font-weight: 700;
	text-shadow: #DDDDDD 1px 1px 1px;
}

.VersionsTableCell {
	border: 1px dotted silver;
}

.HtmlNextToCreatePostButton {
	font-size: 10px;
	padding-top: 10px;
}

.CreatePostPanelHidablePanel {
	border: none; /* instead there's a border to inner widget - CreatePostPanel */
}

.CreatePostPanel {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #cccccc;
}

.CreatePostAdvancedOptionsHidablePanel {
	border: none; /* since it's a hidable inside a hidable */
}

.CreatePostAdvancedOptionsPanel {
	padding-top: 10px;
}