/* kolory:
	color: #833F1F; <-- brązowy tekst
	color: #FB5D15; <-- pomarańczowy tekst i ramki
	background-color: #f6ebe0; <-- tło strony
*/

body
{
	margin: 0;
	padding: 0;
	background-color: #f6ebe0;
	/* fonts */
	color: #833F1F;
	font-family: Georgia Times New Roman Sans-Serif;
	font-size: 0.8em;
	font-weight: normal;
}
a
{
	color: #833F1F;
	text-decoration: none;
}
a:hover
{
	color: #FB5D15;
	text-decoration: underline;
}

form
{
	margin: 0;
	padding: 0;
}

#maintable
{
	width: 100%;
	height: 100%;
	border: 0;
}
#headertable
{
	width: 100%;
	height: 275px;
	border: 0;
}
#headertable .header
{
	height: 190px;
	vertical-align: top;
	text-align: left;
}
#headertable .banner
{
	height: 85px;
	text-align: right;
}
.logo
{
	width: 270px;
	height: 275px;
	background-image: url("Interface_images/bcs_logo.png");	
}
.finlogo
{
	width: 270px;
	height: 100px;
	background-image: url("Interface_images/koniec.png");	
	vertical-align: bottom;
	/*text-align: center;*/
}
.finlogo .menucontainer, .FinePrint
{
	text-align: center;
	font-size: 85%;
}

.FinePrint
{
	border-top: 3px double #FFBF7B;
	border-bottom: 3px double #FFBF7B;
	padding-top: 10px;
	padding-bottom: 10px;

}

.FinePrint a
{
	color: #FB5D15;
}

.header, .footer
{
	margin: 0;
	padding: 0;

	font-size: 120%;
	text-align: center;
}

.header
{
	background-image: url("Interface_images/grad_bck.png");
	background-position: top left;
	background-repeat: repeat-x;
}

.header H1
{
	text-align: left;
	color: white;
}

.menu
{
	vertical-align: top;
	width: 270px;
	background-image: url("Interface_images/grad_mnu.png");
	background-position: top left;
	background-repeat: repeat-y;
}

.rightmenu
{
	vertical-align: top;
	width: 100px;
	/*background: #F66;*/
}
.content
{
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
	vertical-align: top;
}

.pagetitle
{
	text-align: left;
}

.content .pagetitle H1
{
	padding: 0;
	margin: 0;
	padding-left : 1em;
	/*border-bottom: 1px solid #833F1F;*/
	border-bottom: 1px solid #FB5D15;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 200%;
	line-height: 120%;
}

.EditTable
{
	padding: 0;
	margin: 0;
	display: block;
	padding: 5px;
	border: none;
	text-align: center;
	clear: both;
}
.AddButton
{
	padding: 0;
	margin: 0;
	display: block;
	padding: 5px;
	border: none;
	text-align: center;
}
.DeleteButton
{
	padding-left: 10px;
	padding-right: 10px;
}

.BoxOneLine
{
	text-align: left;
	margin: 0;
	padding: 0;
	padding: 5px;
	width: 100%;
	vertical-align: middle;
}

.Label
{
	font-weight: bolder;
	color: Black;
}

.BoxOneLine .Label
{
	float: left;
	width: 20%;
	text-align: right;
	vertical-align: middle;
	height: 100%;
}
.Label .Label
{
	width: 100%;
}
.BoxOneLine .Box
{
	float: left;
	width: 79%;
	vertical-align: middle;
}
.TextBox100Width
{
	width: 99%;
}

.TextBoxMultiLine
{
	background-color: #E3D4C3;
	width: 99%;
	height: 100px;
	vertical-align: top;
}

.BoxHalf
{
	float: left;
	width: 45%;
	text-align: left;
	padding: 5px;
}
.BoxHalf .Label
{
	/*width: 100%;*/
	font-weight: bolder;
	text-align: left;
	padding-left: 5px;
	margin-right: -5px;
}
.BoxMultiLine
{
	margin: 0;
	padding: 0;
	padding: 5px;
	width: 100%;
}
.BoxMultiLine .Label
{
	float: left;
	font-weight: bolder;
	width: 100%;
}
.BoxMultiLine .Box, .BoxMultiLine .TextBoxMultiLine
{
	float: left;
	width: 100%;
	height: 5em;
}

.BigIcon
{
	width: 150px;
	height: 150px;
	padding: 10px;
}

.SmallIcon
{
	width: 25px;
	height: 25px;
}

.ContentDiv
{
	width: 100%;
	/*border: 1px solid green;*/
}

.BigImage
{
	/*border: 1px solid blue;*/
	width: 150px;
	height: 150px;
	padding: 5px;
	float: left;
	margin-right: -120%;
}
.BigImage .BigImageIMG
{
	width: 150px;
	height: 150px;
}

.BigImageDescription
{
	/*border: 1px solid red;*/
	padding: 0;
	margin: 0;
	float: left;
	/*width: 100%;*/
	padding-left: 160px;
	padding-top: 25px;
	text-align: justify;
}
.Description
{
	font-family: Verdana;
	/*font-size: smaller;*/
	font-style: italic;
	text-align: justify;
}

.Description:first-letter
{
	padding-left: 3em;
	font-size: 200%;
	font-family: Georgia;
}

.More
{
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Courier;
}
.More a
{
	text-decoration: none;
}

.More a:hover
{
	text-decoration: underline;
}

.SmallerBlock .More
{
}

.Counter
{
	font-style: italic;
	color: Gray;
	/*font-size: smaller;*/
}

.BigBlock
{
	text-align: left;
	padding-bottom: 5px;
	/*border-bottom: 1px solid #833F1F;*/
	border-bottom: 1px solid #FB5D15;
}

.SmallBlock, .SmallerBlock
{
	width: 100%;
	text-align: left;
	padding-bottom: 5px;
}

.SmallerBlock
{
	font-size: 80%;
}

/*.SmallBlock .Image, */ .SmallBlock .Image IMG
{
	width: 100px;
	height: 100px;
}

/*.SmallBlock .ImageDescription
{
	height: 100px;
}*/

/*.SmallerBlock .Image, */ .SmallerBlock .Image IMG
{
	width: 50px;
	height: 50px;
}

.Image
{
	padding: 5px;
	float: left;
	vertical-align: top;
}

/*.SmallerBlock .ImageDescription
{
	height: 50px;
}*/

.ImageDescription
{
	vertical-align: top;
	padding: 5px;
	margin: 0;
/*	float: left;*/
	text-align: justify;
}

.ImageDescription .Label
{
	font-size: 120%;
}

.SmallerBlock .Description
{
	
}



.List
{
	width: 500px;
	text-align: left;
	padding-top: 10px;
}

.List .Element
{
	font-size: 120%;
	display: block;
	padding-left: 100px;
	margin-right: -100px;
	padding-top: 10px;
}

.ImageList
{
	/*margin-left: auto;
	margin-right: auto;*/
	margin-left: 150px;
	padding: 5px;
	/*width: 500px;*/
	clear: both;
	/*border: 1px solid black;*/
}

.Element
{
	width: 100%;
	vertical-align: middle;
}
.menucontainer
{
	width: 145px;
	margin-left: 65px;
	font-family: Arial;
}
.menucontainer .menulist
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding-top: 10px;
	/*padding-bottom: 10px;*/
	border-bottom: 1px solid #FB5D15;
}

.menucontainer .menulist LI
{
	padding-bottom: 10px;
}
.menucontainer .menulist LI H1
{
	font-size: 100%;
	font-weight: bolder;
	padding: 0;
	margin: 0;
	color: #FB5D15;
	font-variant: small-caps;
}
.rightmenu .menucontainer .menulist LI H1
{
	border-left: 10px solid #FB5D15;
	padding-left: 10px;
}

.rightfloat
{
	float: right;
	text-align: right;
}
.bottomright
{
	position: absolute;
	bottom: 0;
	right: 0;
}

.clear
{
	clear: both;
}
.LangBox
{
	width: 100%;
	text-align: center;
}
.LittleLangBox
{
	width: 49%;
	text-align: center;
	float: left;
}

.Header
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bolder;
	font-variant: small-caps;
	font-size: 120%;
}

.MultiPanelNavigation ul
{
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #FB5D15;
	margin-top: 0;
	margin-bottom: 5px;
}

.MultiPanelNavigation ul li
{
	list-style: none;
	margin: 0;
	display: inline;
}

.MultiPanelNavigation .NotSelected, .MultiPanelNavigation .Selected
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #FB5D15;
	border-bottom: none;
	background-color: #E3D4C3;
	text-decoration: none;
}

.MultiPanelNavigation .Selected,
.MultiPanelNavigation .PanelNavigation .Selected
{
	background-color: #F6EBE0;
	border-bottom: 1px solid #F6EBE0;
}

.MultiPanelNavigation ul a:hover,
.MultiPanelNavigation .PanelNavigation a:hover
{
	background-color: #F6EBE0;
}
.InfoHot
{
	border: 5px solid #FB5D15;
	margin: 10px;
	padding: 10px;
	color: #FB5D15;
	font-weight: bolder;
/*	font-size: larger;*/
}
.Info
{
	border: 1px solid #FB5D15;
	margin: 10px;
	padding: 10px;
	color: #FB5D15;
	background-color: #E3D4C3;
	font-weight: bolder;
	font-size: 120%;
	text-align: center;
}

.Block
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #FB5D15;
	width: 100%;
}

.Block H1
{
	padding-left: 10px;
	font-size: 120%;
	text-align: left;
	font-variant: small-caps;
	width: 100%;
}

.Block .Help
{
	width: 100%;
	color: Gray;
	font-style: italic;
	text-align: justify;
}

.Block .Content
{
	width: 100%;
	text-align: justify;
}

.LangIcon
{
	width: 50px;
	height: 30px;
	vertical-align: middle;
}
.CertificateLabel
{
	width: 60%;
	text-align: right;
}
.CertificateButton
{
	text-align: left;
}

.SmallContentDiv
{
	width: 50%;
}
.LoginName
{
	text-align: center;
	margin-top: 10px;
	border-top: 3px double #FFBF7B;
	border-bottom: 3px double #FFBF7B;
	padding-top: 10px;
	padding-bottom: 10px;
}
.Center
{
	text-align: center;
}
.StatsGrid, .ItemsDataGrid, .ItemsDataGridImportant
{
	width: 90%;
	margin-bottom: 10px;
}
.StatsGrid
{
	border-bottom: 1px solid #FB5D15;
}
.StatsGrid TH, .ItemsDataGrid TH, .ItemsDataGridImportant TH
{
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #FB5D15;
}
.StatsGrid TD, .ItemsDataGrid TD, .ItemsDataGridImportant TD
{
	padding: 5px;
	border-bottom: 1px solid #FFBF7B;
	vertical-align: middle;
}

.ItemsDataGrid .GridImage, .ItemsDataGridImportant .GridImage
{
	width: 30px;
	height: 30px;
}
.ItemsDataGridImportant
{
	font-weight: bolder;
}

.ItemsDataGrid .GridLink
{
	text-align: justify;
}

.ItemsDataGridFlags, .ItemsDataGridFlags IMG
{
	height: 20px;
	vertical-align: middle;
}

.GridGraph
{
	color: #FB5D15;
	background-color: #FB5D15;
	text-align: left;
}
.GridGraphCell
{
	text-align: left;
}
.GoogleLink a, .GoogleLink a:hover
{
	font-size: 10%;
	color: #f6ebe0;
	text-decoration: none;
}
.Marked
{
	font-weight: bolder;
}
.ErrorMessages
{
	display: block;
}
.BorderBottom
{
	border-bottom: 1px solid #FFBF7B;
}

.GalleryItem
{
	float: left;
	padding: 20px;
	margin: 20px;
	text-align: center;
	border: 1px solid #FB5D15;
	width: 160px;
	height: 160px;
	overflow: auto;
}
.TextGray
{
	color: Gray;
	font-style: italic;
}