/* overrides default style for TinyMCE editor content */
body.mceContentBody { margin:0; padding:0; border:0; width:100%;}
body.mceContentBody { margin-top: 12px; cursor: text; }
body.mceContentBody, body.mceContentBody td { font-family: Arial, Verdana, Tahoma; font-size: 13px; }

/* Blockquote */
blockquote { margin-top: 0; margin-bottom: 0; }

div.rating {
	display:inline;
}

/* Layout definition for content header (container of Topic Title and Google adsense box) */
#content_header, .content_header {
	margin-top:10px;
	*margin-top:20px; 
	margin-bottom:35px; /*border-bottom: 1px solid #CCCCCC;*/
}
#content_header h1, .content_header h1 {
	font-family:Verdana;
	font-size:20px;
	font-weight:normal;
	margin-bottom:4px;
	margin-top:10px;
	*margin-top:20px;
	border-bottom: 0;
	padding-bottom: 4px;
	border-bottom: 1px solid #CCCCCC;
}
#content_header h3, .content_header h3 {
	font-family:Arial,Verdana,Tahoma;
	font-size:13px;
	font-weight:normal;
	margin-top:0;
/*	margin-bottom:0.5em;*/
	margin-bottom:0;
/*	margin-right:106px;*/
	padding-bottom: 3px;
}

.TitleExtensionEditBox{
	font-family: Verdana;
	font-size: 20px;
	font-weight: normal;
	color: #999999;
	background-color: white;
	padding: 0 3px;
	border: 1px solid #999999;
	margin-bottom: -2px;
	position: relative;
	left: -4px; top: -2px;
}

.content_section{ /*overflow: auto;*/ padding: 0px 1px; }


/**** Content elements definitions ****/

/* Content element - Formatted text */
.underline{ text-decoration: underline; }
.smallFont{ font-size: 9px; }
.largeFont{ font-size: 15px; }


/* Content Element - Paragraph */ 
.content_section p, .mceContentBody p{ margin: 0.6em 0em; line-height: 1.4em; }


/* Content Element - Link */
a, a:link, a:visited, a.internalLink, a.externalLink, a.requestLink, a.brokenLink{
	text-decoration: underline !important;
	border: none none;
}
a:hover { text-decoration: none !important; }

/* - color definitions*/
a, a:link, a:visited, a.internalLink{ color: #0000CC; }
a.requestLink, a.brokenLink{ color: #CC0000 !important; }

/* - presentation definitions */
a.brokenLink, a.externalLink{
	padding-right: 12px;
	background-position: right;
	background-repeat: no-repeat;
}
a.externalLink{
	/*color: #0066CC !important;*/
	background-image: url(../images_b-00011/common/linkExternal.gif);
}
a.brokenLink{ background-image: url(../images_b-00011/common/linkBroken.gif); }

/* override */
#content_header h1 a, .content_header h1 a { text-decoration: none !important; }
#content_header h3 a, .content_header h3 a { text-decoration: none !important; }
/*#worldSubtitle {overflow:auto;}*/

#contentHeaderIcons {
	float: right;
	padding: 4px 0px 0px 0px;
}
#contentHeaderIcons .pdfIcon span {
	display: none;
}
#contentHeaderIcons .pdfLoading {
	position: relative;
}
#contentHeaderIcons .pdfLoading span {
	display: block;
	position: absolute;
	background: url('../images_b-00011/tree/expand_loading.gif') 0 0 no-repeat;
	left: 3px;
	top: 0;
	width: 16px;
	height: 16px;
}


/* Content Element - Section */
.content_section h2, .mceContentBody h2 {
	border-bottom: 1px solid #CCCCCC;
	font-family:Arial;
	font-size:19px;
	font-weight:normal;
	margin-bottom:0.9em;
	margin-top:1.1em;
}
.content_section h2 { cursor: pointer; }
.content_section h2 a, .content_section h2 a:visited, .mceContentBody h2 a{
	text-decoration: none !important;
	color: black;
}
.content_section h2 a:hover, .mceContentBody h2 a:hover{ text-decoration: underline !important; }

/* Content Element - Subsection */
.content_section h3, .mceContentBody h3 {
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	margin-bottom:0.9em;
	margin-top:1.1em;
}
.content_section h3 a, .mceContentBody h3 a{
	text-decoration: none !important;
	color: black;
}
.content_section h3 a:hover, .mceContentBody h3 a:hover{ text-decoration: underline !important; }

/*  Section and subsection link-effect emulation */
.content_section h2, .content_section h3 { cursor: pointer; }
.content_section h2:hover, .content_section h3:hover { text-decoration: underline; }


/* Content Elements - Ordered List and Unordered List */
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }

li { line-height: 1.4em; list-style-position: outside; margin-left: 12px; }
/* - empty list items that act as placeholders should be hidden */
li.indentContainer { list-style-type: none; }
/* - correct IE */
li.indentContainer { font-size: 0pt !important; }
li.indentContainer li { font-size: 12px;}
/* - correct firefox */
li.indentContainer ul, li.indentContainer ol { padding-top: 0; }


/* Content Element - Outline */
.outlinebox {
	/*border: 1px solid #AAAAAA;*/
	background-color: #fece21;
	padding: 9px;
	position: relative;
	/*** Border for outline with no align same as for align=left, 
	 *** in order to acheive propper positioning of decorators ***/
	margin: 0.6em 1em 0.6em 0em;
	overflow: auto;
}
.outlinebox p { margin: 0.5em 0em; }
.outlinebox .thumbbox, .outlinebox .tablebox, .outlinebox table{
	border-color: #F7F7F7;
}
.outlinebox ul {
	list-style-position: inside;
	padding-left: 6px;
}
.outlinebox ul li {
	border-bottom: 1px solid white;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

/* Content Element - Table */
div.tableContainer {
	border-color: #FFFFFF;
	border-style: solid;
	/*** Border for table with no align same as for align=left, 
	 *** in order to acheive propper positioning of decorators ***/
	border-width: 0.6em 1em 0.6em 0em;
	/*_width:auto !important; /* IE6 fix */
	display: table;
}
div.tableContainer table {
	border-collapse: collapse;
	margin: 0;
	/*** FIX for issue FOOEGO-537:
	 *** Table element was beeing underlayed (overflowing) 1px left outside the tableContainer
	 *** REMOVED as fix for FOOEGO-1377 ***/
	/* margin-left: 1px; */
}
div.tableContainer table th, div.tableContainer table td {
	/*border-width: 1px;
	border-style: solid;
	border-color: #AAAAAA;*/
	height: 23px;
	padding: 3px;
}
div.tableContainer table th ul, div.tableContainer table td ul, 
div.tableContainer table th ol, div.tableContainer table td ol {
	margin: 0px;
}

/* Content Element - Table in Outlinebox */
div.outlinebox div.tableContainer {
	border-color: transparent;
	border-style: none;
	border-width: 0;
	margin: 0.6em 0em 0.6em 0em;
}

/*** TODO: refactor tablebox classes to conform new table CE structure *** 
.tablebox caption, table caption {
	background-color: #E0E0E0;
	border: #AAAAAA 1px solid;
	padding: 3px; font-weight: bold;
	margin: 0em 0.3em -0.5em 0em;
}
.tablebox th, table th { 
	background: #ECECEC;
	font-weight: bold;
}
.tablebox div.thumbbox, table div.thumbbox,
.tablebox div.thumbleft, table div.thumbleft,
.tablebox div.thumbright, table div.thumbright { 
	border: none;
}
*/


/* Content Elements - Image and Template */
.fooegoTemplate, .fooegoTemplateParam, .fooegoContentElement, #currentVersion, .ieDisplayNone {
	display: none;
	position: absolute; 
	top: -2000px; 
	left: -2000px; 
}

/* - overrides default visual help style for image templates in TinyMCE editor */
.thumbbox .mceItemTable td {border:0px;}
.thumbbox .mceItemTable td.thumbcaption {padding: 3px 8px 6px;}

.thumbbox {
	border: #FFFFFF solid;
	/*** Border for thumbbox with no align same as for align=left, 
	 *** in order to acheive propper positioning of decorators ***/
	border-width: 0.6em 1.4em 0.6em 0em;
	display: table-cell; *display: block; /* still not sure how display:table-cell behaves in IE */
}
.thumbleft { border-width: 0.6em 1.4em 0.6em 0em; float: left; }
span.thumbleft { margin: 0.6em 1.4em 0.6em 0em; }
.thumbright { border-width: 0.6em 0em 0.6em 1.4em; float: right; }
span.thumbright { margin: 0.6em 0em 0.6em 1.4em; }
.thumbinline { border-width: 0px; display: inline-block; margin-top: 0px; vertical-align: bottom; *vertical-align: baseline; }
.thumbleftmost { border-width: 0.6em 1.4em 0.6em 0em; float: left; clear: left; }
.thumbrightmost { border-width: 0.6em 0em 0.6em 1.4em; float: right; clear: right; }
.thumbnone { border-width: 0.6em 0em 0.6em 0em; float: none; }
span.thumbnone { margin: 0.6em 0em 0.6em 0em; display: table; }
.thumbinnerbox, table.thumbinnerbox {
	border: 1px solid #CFCFCF;
	background-color: #F7F7F7;
	border-collapse: collapse;
	margin: 0px; width: 1px; height: 1px;
}
.thumbinnerbox td { 
	padding: 3px; 
	overflow: hidden;
	border: 0 none !important; /* FOOEGO-1445 */ 
}
.thumbinnerbox td.thumbcaption { 
	/*padding: 3px 8px 6px !important;*/
	padding: 1px 5px 6px !important;
	*padding: 0px 5px 6px !important; 
	margin: 0px; font-size: 10px; 
	vertical-align: top; 
}

/* Thumbnail border same as template bgd color rather than no border */
.thumbnail { border: 1px solid /*#CFCFCF*/ #F7F7F7; } 

.citybox, .countrybox {
	border: #FFFFFF solid;
	border-width: 0.6em 0em 0.6em 0em;
    font-family: Arial,Verdana,Tahoma;
    font-size: 10px;
}
.template_left, .template_leftmost, .template_none{ 
	border-width: 0.6em 1em 0.6em 0em; 
	border-top:0.6em solid white;
	border-bottom:0.6em solid white;
	border-right: 1em solid white;
	border-left:0em;
}

.template_left { float: left; }
.template_leftmost { float: left; clear: left; }

.template_right, .template_rightmost { 
	border-top:0.6em solid white;
	border-bottom:0.6em solid white;
	border-left:1em solid white;
	border-right: 0em;
	float: right; 
}
.template_rightmost { clear: right; }
.citybox .thumbnail, .countrybox .thumbnail { margin: 6px; }


table.cityboxtable, table.countryboxtable {
    background-color: #F7F7F7;
    border: 1px solid #CFCFCF;
    border-collapse: collapse;
    margin: 0em; /* overrides default margin for tables */
    outline: none; /* overrides default outline for tables */
}
table.cityboxtable td, table.countryboxtable td {
	font-size: 11px;
}
table.cityboxtable .border_top, table.countryboxtable .border_top { border-top: 1px solid #CFCFCF; }
table.cityboxtable .border_bottom, table.countryboxtable .border_bottom{ border-bottom: 1px solid #CFCFCF; }

.city_name, .country_name  {
    background-color: #CFCFCF;
    font-size: 14px;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;    
}
.city_image, .country_image, .flag_image { padding: 5px; }
.info_name, .info_value {
    font-size: 11px;
    padding: 1px 5px;
}
.info_name { font-weight: bold; }
.info_value { font-weight: normal; }
/***** END: Templates styles *****/


/*********************************************
 * BEGIN LEGACY: history & diff pages styles */
/* Selector Line Styles */
#historySelectorLineTop, #historySelectorLineBottom{
	border-top: 1px solid #CCCCCC;
	position: absolute;
	z-index: 1000;
}
#historySelectorLineTop{
	border-left: 1px solid #CCCCCC;
}
#ulVersionsList {
	position: relative; 
	padding: 10px 0px 5px 0px;
	list-style-type: none;
}
#ulVersionsList li { 
	padding: 0px 0px 3px 0px;
	*padding: 0px 0px 2px 0px;
	margin: 1px 0px 1px 0px; 
	border: 1px solid #FFFFFF;
}
#ulVersionsList li input { 
	position: relative;
	top: 2px;
}
.diff_container{ overflow: auto; }
#divRevisionLeft, #divRevisionRight, 
.divRevisionLeft, .divRevisionRight {
	width: 48%; margin-top: 20px;
	text-align: center;
	line-height: 20px;
}
.diffContentEqual, .diffContentOld, .diffContentNew { 
	margin: 5px 0px 5px 0px; padding: 2px 3px 2px 3px;
	border: 1px dashed #CCCCCC;
	text-align: left;
	font-size: 0.9em;
}
.diffContentEqual { background: #F7F7F7; }
.diffContentOld { background: #F7DFDF; }
.diffContentNew { background: #E0FFDC; }
.diffText { color: red; font-weight: bold; }
.sectionTitle { text-align: left; font-weight: bold; }
/*** END LEGACY: history & diff pages styles ***/



/* Style definition for pagination links */
.pagLinkInactive, .pagLinkActive { color: #000000; padding: 19px 6px 7px 6px; }
.pagLinkActive {
	text-decoration: none; padding: 19px 10px 7px 8px;
}


/*New Common Template Properties*/
.templatebox {}
.poimuseumbox { background-color: #F7F7F7; }
.poimonumentbox { background-color: #F7F7F7; }

table.templateboxtable,
table.poimuseumboxtable,
table.poimonumentboxtable {
	background-color: #F7F7F7;
	font-size: 11px;
	border: 1px solid #CFCFCF;
	font-family: Arial,Verdana,Tahoma;
	border-collapse: separate;
}

table.templateboxtable thead tr td,
table.poimuseumboxtable thead tr td,
table.poimonumentboxtable thead tr td {
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	padding: 17px;
	border: none;
}

table.templateboxtable tbody tr td,
table.poimuseumboxtable tbody tr td,
table.poimonumentboxtable tbody tr td {
	padding: 0px 4px;
	padding-bottom: 10px;
	border: none;
}

table.templateboxtable table.visualParamTable {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
	border: none;
}

table.templateboxtable table.visualParamTable tbody tr th,
table.poimuseumboxtable table.visualParamTable tbody tr th,
table.poimonumentboxtable table.visualParamTable tbody tr th {
	font-weight:bold;
	vertical-align:top;
	font-size: 11px;
	text-align: left;
	width: 30%;
	border: none;
}

table.templateboxtable table.visualParamTable tbody tr td,
table.poimuseumboxtable table.visualParamTable tbody tr td,
table.poimonumentboxtable table.visualParamTable tbody tr td {
	text-align: left;
	vertical-align:top;
	font-size: 11px;
	padding: 1px 2px 5px 2px;
	border: none;
}

table.templateboxtable table.visualParamTable tfoot tr th,
table.poimuseumboxtable table.visualParamTable tfoot tr th,
table.poimonumentboxtable table.visualParamTable tfoot tr th {
	border-bottom: 1px solid #CCCCCC;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	padding: 0px;
	border: none;
}
table.visualParamTable {
	border: none;
}

table.visualParamTable tfoot tr td {
	font-size: 11px;
	line-height: 1.3em;
	padding: 0px;
	border: none;
}

table.templateboxtable table.visualParamTable tbody tr th.person_biography_heading,
table.templateboxtable table.visualParamTable tbody tr th.poimuseum_description_heading,
table.templateboxtable table.visualParamTable tbody tr th.poimonument_description_heading {
	border-bottom: 1px solid #CFCFCF;
	padding-top: 10px;
}


/* Google Map container */
.googleMapContainer {
	position: relative;
}
.googleMapContainer div {
	display: none;
	width: 40px;
	height: 40px;
	background: url("../images_b-00011/dynamicMapOpen.gif") no-repeat;
	position: absolute;
	top: -1000px;
	right: -1000px;
}
.googleMapContainer:hover div {
	display: block;
	top: 0;
	right: 0;
}

/* System messages */
.status_message_control {
	float: left;
	margin-right:5px;
}

.status_message_control label {
}

div.statusMessageBox {
	background-color:#F7F7F7;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px 1px 1px 1px;
	margin: 12px 0% 18px 0%;
	padding:6px 10px 6px 6px;
	min-height: 40px;
	_height: 40px;
	clear: both;
}
div.statusMessageBox div.statusMessageIcon {
	display:block;float:left;height:40px;width:40px;
	background-image: url('../images_b-00011/common/statusMessagesSprite.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
div.statusMessageBox div#LAYOUT.statusMessageIcon { background-position: -40px 0px; }
div.statusMessageBox div#GRAMMAR_STYLE.statusMessageIcon { background-position: -80px 0px; }
div.statusMessageBox div#LINKS_RESOURCES.statusMessageIcon { background-position: -120px 0px; }
div.statusMessageBox div#FACTS_VALIDITY.statusMessageIcon { background-position: -160px 0px; }
div.statusMessageBox div#LACK_CONTENT.statusMessageIcon { background-position: -200px 0px; }
div.statusMessageBox div#RENAME.statusMessageIcon { background-position: 0px -40px; }
div.statusMessageBox div#MERGE.statusMessageIcon { background-position: -40px -40px; }
div.statusMessageBox div#DISLOCATION.statusMessageIcon { background-position: -80px -40px; }
div.statusMessageBox div#SPLIT.statusMessageIcon { background-position: -120px -40px; }
div.statusMessageBox div.statusMessageCaption {
	overflow: auto; margin-left: 30px; width: 80%;
}

.status_message_control select {
	font-size:13px;
	color: blue;
}

#latestAdditionsContainer { _width: 99%; }
.latestAdditionsTitle {
	display:block;font-size:16px;
	margin-bottom: 4px;
}
.latestAdditionsPath, .breadcrumbsPath {
	display:block;
	color:green;
	font-size:11px;
}
.latestAdditionsPath a, .breadcrumbsPath a {
	color: green !important;
	text-decoration: none !important;
	white-space: nowrap;
}
.latestAdditionsPath a:hover, .breadcrumbsPath a:hover {
	text-decoration: underline !important;
}
.content_header .breadcrumbsPath { padding: 1px; margin-right:106px; }
.content_header .breadcrumbsPath, .content_header .breadcrumbsPath a { color: #797979 !important; }

/* Styles of Help root page */
.helpContent p#beeHelpText {
	margin-bottom: 45px;
}
.helpContent .content_header {
	margin-bottom: 20px;
}
.helpContent .gettingStartedBee, .helpContent .editContentBee, .helpContent .formattingGuideBee, 
.helpContent .styleGuideBee, .helpContent .bumblehoodKitchenBee, .helpContent .aboutUsBee, .helpContent .blogBee {
	/*background: url("../images_b-00011/common/bumbar_kantica.jpg") no-repeat;*/
	padding-top: 35px;
	padding-left: 120px;
	padding-bottom: 45px;
	vertical-align: top;
	margin-bottom: 7px;
}
.helpContent .gettingStartedBee {background: url("../images_b-00011/bumblebees/gettingStartedBee.jpg") no-repeat;}
.helpContent .editContentBee {background: url("../images_b-00011/bumblebees/editContentBee.jpg") no-repeat;}
.helpContent .formattingGuideBee {background: url("../images_b-00011/bumblebees/formattingGuideBee.jpg") no-repeat;}
.helpContent .styleGuideBee {background: url("../images_b-00011/bumblebees/styleGuideBee.jpg") no-repeat;}
.helpContent .bumblehoodKitchenBee {background: url("../images_b-00011/bumblebees/bumblehoodKitchenBee.jpg") no-repeat;}
.helpContent .aboutUsBee {background: url("../images_b-00011/bumblebees/aboutUsBee.jpg") no-repeat;}
.helpContent .blogBee {background: url("../images_b-00011/bumblebees/bumbleBlog.jpg") no-repeat;}
.helpContent td { vertical-align: top; }
.helpContent td.beeLink { white-space: nowrap; }

/*Styles for BuzzCompetition form*/
.competitionDescription { border:1px solid #cccccc;background:#f7f7f7;padding:4px 8px 4px 8px; overflow:auto; }
.contestApplicationForm { width:100%; text-align:left;}
.contestApplicationForm #innerContestApplicationForm { width: 60%; margin-top: 20px; float: left;}
.contestApplicationForm innerContestApplicationForm .formLabel {  }
.inputField { margin: 3px 0px 3px 0px; float: left; width: 100%;}
.inputField label { float: left; }
.formField  {width: 300px; float: right; }
.formLabel { background-color:#FEE9EA; padding: 5px; border: 1px solid #CCCCCC; }
.form { padding: 10px; }
.contestApplicationForm #appliersComments {float:left; margin-top:20px; margin-left: 20px; width: 30%;}
.commentsLabel { background-color:#E8FEF4; padding: 5px; border: 1px solid #CCCCCC; }
.comments {padding: 10px; }
.largeFont {font-size: 15px;}
.centerAlign {text-align: center}
.comments ul li {margin: 10px 0px;}
#whats_referal_code{border-bottom:1px dashed; color:#797979; font-size:11px; margin-left:8px; text-decoration:none !important; cursor:pointer;}


#userLoginForm {
	margin: 20px;
}
#userLoginForm #loginForm {
	margin: auto;
	width: 350px;
}

#userLoginForm form {
	background-color:#F7F7F7;
	border:2px solid #CCCCCC;
	padding:7px;
	width: 340px;
}

#userLoginForm form table {
	width: 340px;
	border-collapse: separate;
	border-spacing: 6px;
}

#otherWaysLoginIn {
	margin-top: 10px;
	text-align: right;
}

div#Header div#HeaderLoginLink div.userLinks a {
	margin-right: 4px;
}

#userRegistrationForm {
	margin: 20px;
	float: left;
}

#userRegistrationForm #registrationForm {
	float: left;
	width: 350px;
}/*** WikiPage Content Ads ***/
.wikiContentAds_left, .wikiContentAds_leftmost {
	float:left;
	border-width:0.6em 1.4em 0.6em 0em;
	border-color:#FFFFFF;
	border-style:solid;
}
.wikiContentAds_leftmost { clear: left; }

.wikiContentAds_right, .wikiContentAds_rightmost {
	float:right;
	border-width:0.6em 0em 0.6em 1.4em;
	border-color:#FFFFFF;
	border-style:solid;
}
.wikiContentAds_rightmost { clear: right; }

div.showConflictDiff{
	height:600px;
	overflow: scroll;
	background: #F7F7F7 none repeat scroll 0 0;
}
#registrationForm form {
	background-color:#F7F7F7;
	border:2px solid #CCCCCC;
	padding:7px;
	width: 355px;
}

.registrationDescription {
	padding:4px 8px 4px 8px; overflow:auto;float:left;margin:20px;
}

#registrationForm form table {
	width: 362px;
	border-collapse: separate;
	border-spacing: 6px;
}

.alignCenter {
	text-align: center;
}

/* RecentChanges.page */

.topicChange {
	margin-top: 20px;
}
.divPagination {
	margin-top: 20px;
}
.topicsChangesIntervalsControl {
	border-collapse: collapse;
}
#recentChangesControlls {
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding: 5px 15px;
	margin-bottom: 20px;
}
#rcResultCounts {
	text-align: right;
	margin-top: 0;
}