html {
	height: 100%;
	overflow: auto;
}

body {
	background: #d8e5ef url(../images/body_grad_bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
}

/*
	top gradient
*/

div#topGradient {
	background:url(../images/body_grad_top.jpg) no-repeat 50% 0;
	height: 188px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

div#allWrapper {
	position: relative;
	z-index: 2;
	width: 840px;
	margin: 0 auto;
}


/*
	site top
*/

div#siteTop {
	height: 97px;
}

/*	
	login tab	
*/

div#loginTab {
	position: absolute;
	right: 0px;
	top: 76px;
	height: 25px;
	padding: 0 0 0 37px;
	background: url(../images/login_tab/bg-left.png) no-repeat 0 0;	
}
	div#loginTab .Wrapper {
		background: #FFF;
		padding: 4px 0 0 0;
		float: left;		
	}
	
	div#loginTab .Wrapper p {
		float: left;
		margin: 0;
		padding: 2px 10px 0 0;
		font: normal 12px/1.3em Tahoma, Helvetica, sans-serif;
		color: #6d8bb5;
	}
	
	div#loginTab .Wrapper p a {
		color: #6d8bb5;
		text-decoration: none;		
	}

	
	div#loginTab .Wrapper a strong {
		color: #205aa9;
		font-weight: bold;
	}
		
	div#loginTab .Corner {
		background: url(../images/login_tab/bg-right.png) no-repeat 0 0;
		width: 17px;
		height: 29px;
		float: left;
	}
	
	div#loginTab a#profileLink:hover {
		border-bottom: 1px dotted #6d8bb5;
	}
	
	div#loginTab a#logoutLink,
	div#loginTab a#loginLink,
	div#loginTab a#registerLink {
		display: block;
		text-decoration: none;
		padding: 3px 0 0 22px;
		height: 17px;
		font: normal 11px/1.2em Tahoma, Helvetica, sans-serif;
		color: #205aa9;
		float: left;
	}
	
	div#loginTab a#loginLink {
		background: url(../images/login_tab/btn-login.gif) no-repeat 0 0;
		margin: 0 8px 0 0;
	}
	
	div#loginTab a#registerLink {
		background: url(../images/login_tab/btn-register.gif) no-repeat 0 0;
	}
	
	div#loginTab a#logoutLink {
		background: url(../images/login_tab/btn-logout.gif) no-repeat 0 0;
	}	

/*
	site logo
*/

a#siteLogo {
	display: block;
	width: 161px;
	height: 101px;
	position: absolute;
	margin: 0 0 0 -20px;
	background: url(../images/bebilon_logo.png) no-repeat 0 0;
}
a#btnBackToHome,
a#btnSiteMap,
a#siteLogo {
	text-decoration: none;
	overflow: hidden;
	text-indent: -10000px;
}


/*
	search form
*/

form#searchForm {
	display: block;
	width: 240px;
	height: 29px;
	padding: 6px 0 0 76px;
	position: absolute;
	margin: 0 0 0 531px;
	background: url(../images/site_top/search_bg.png) no-repeat 0 0;
	font: normal 11px/1em Tahoma, Helvetica, sans-serif;
	color: #43689b;
}

	form#searchForm input.TextField {
		background: url(../images/site_top/search_field_bg.gif) no-repeat 0 0;
		border: 0;
		margin: 0 0 0 2px;
		padding: 1px 3px;
		width: 160px;
		height: 17px;
		font: normal 11px/17px Tahoma, Helvetica, sans-serif;
		color: #43689b;
		vertical-align: middle;
	}
	
	form#searchForm input.Btn {
		width: 20px;
		height: 17px;
		border: 0;
		padding: 0;
		margin: 0;
		cursor: pointer;
		background: url(../images/site_top/loupe_icon.gif) no-repeat 2px 0;
		vertical-align: middle;	
	}
	
	form#searchForm input.Btn:active {
		background-position: 3px 1px;
	}

/*
	site top navi buttons
*/	

a#btnBackToHome,
a#btnSiteMap {
	display: block;
	position: absolute;	
	width: 18px;
	height: 18px;
}

a#btnBackToHome {
	margin: 8px 0 0 552px;
	background: url(../images/site_top/home_icon.png) no-repeat 0 0;
}		

a#btnSiteMap {
	margin: 8px 0 0 573px;
	background: url(../images/site_top/sitemap_icon.png) no-repeat 0 0;	
}

a#btnBackToHome:active, 
a#btnSiteMap:active {
	background-position: 1px 1px;
}


/*
	site menu
*/

div#siteMenu {
	float: left;
	width: 163px;
	background: url(../images/site_menu/white_border_top.png) no-repeat 0 0;
	font: bold 11px/1.3em Tahoma, Helvetica, sans-serif;
	color: #205aa9;
	padding: 9px 0 10px 0;
}
	div#siteMenu div.Spacer {
		height: 9px;
		background: url(../images/site_menu/white_border_bottom.png) no-repeat 0 0;
	}
	
	div#siteMenu dl.MenuBox {
		border-right: 9px solid #FFF;
		border-left: 9px solid #FFF;
		border-bottom: 9px solid #FFF;
		font: normal 11px/1.2em Tahoma, Helvetica, sans-serif;
		margin: 0;
		padding: 0;					
	}
	
	div#siteMenu dl.MenuBox dd.Last {
		padding: 0 0 16px 0;
	}
	
	div#siteMenu dl.MenuBox dd {
		margin: 0;
		padding: 0;
	}
	div#siteMenu dl.MenuBox dt {
		margin: 0;
		padding: 15px 10px 2px 17px;
		font-weight: bold;		
	}
	
	div#siteMenu dl.MenuBox ul li {
		padding: 3px 10px 0 17px;
	}			
	
	div#siteMenu ul li, div#siteMenu ul li a {
		color: #4e86cb;
		text-decoration: none;		
	}
	
	div#siteMenu dl.MenuBox a.Selected {
		border-bottom: 1px solid #4e86cb;
	}
		
	div#siteMenu dl.MenuBox ul li.Marked {
		padding-top: 15px;
		font-weight: bold;
	}		
		
	div#siteMenu dl.MenuBox a:hover {
		border-bottom: 1px dotted #4e86cb;
	}
	
	div#siteMenu dl#menuBox1 {
		background: #e8f1fa url(../images/site_menu/box1_top_border.gif) no-repeat 0 0;
	}
	
	div#siteMenu dl#menuBox1 dd.Last {
		background: url(../images/site_menu/box1_bottom_border.gif) no-repeat 0 100%;
	}


	div#siteMenu dl#menuBox2 {
		background: #edf6f0 url(../images/site_menu/box2_top_border.gif) no-repeat 0 0;
	}
	
	div#siteMenu dl#menuBox2 dd.Last {
		background: url(../images/site_menu/box2_bottom_border.gif) no-repeat 0 100%;
	}
	
	div#siteMenu dl#menuBox3,
	div#siteMenu dl#menuBox3-1 {
		background: #faf3e7 url(../images/site_menu/box3_top_border.gif) no-repeat 0 0;
	}
	
	div#siteMenu dl#menuBox3 dd.Last,
	div#siteMenu dl#menuBox3-1 dd.Last {
		background: url(../images/site_menu/box3_bottom_border.gif) no-repeat 0 100%;
	}

	div#siteMenu dl#menuBox4 {
		background: #e8f1fa url(../images/site_menu/box4_top_border.gif) no-repeat 0 0;
	}
	
	div#siteMenu dl#menuBox4 dd.Last {
		background: url(../images/site_menu/box4_bottom_border.gif) no-repeat 0 100%;
	}
	
	div#siteMenu dl#menuBox4 {
		border-bottom: none;	
	}
	
div#breadcrumbs {
	color: #6d8bc1;
	font: normal 10px/1.2em Tahoma, Helvetica, sans-serif;	
	margin: 0 0 10px 0;
	width: 440px;
}
	div#breadcrumbs a.Root {
		display: block;
		text-indent:-1000px;
		overflow: hidden;
		height:	19px;
		width: 19px;
		float: left;
		background: url(../images/home_icon.gif) no-repeat 0 0;
		text-decoration: none;
	}
	div#breadcrumbs div {
		width: 400px;
		padding: 2px 0 0 7px;
		float: left;
	}
	div#breadcrumbs a {
		color: #628bc3;
		text-underline;
	}

	div#breadcrumbs span.Spacer {
		background: url(../images/lists/bullet_triangle_6d8bc1.gif) no-repeat 0 4px;
		padding: 1px 2px 1px 4px;
	}

/* PAMIĘTNIK */
	div#siteMenu dl#menuBoxPamietnik { background: #f0f5fb url(../images/site_menu/box-pamietnik_top_border.gif) 9px 0 no-repeat; background-position /**/: 0 0;}
	div#siteMenu dl#menuBoxPamietnik dt { padding: 10px 10px 2px 29px; }
		div#siteMenu dl#menuBoxPamietnik dt#linkPamietnik { background:url(../images/site_menu/doc_icon.gif) no-repeat 15px 11px; }
		div#siteMenu dl#menuBoxPamietnik dt#linkQuiz { background:url(../images/site_menu/quiz_icon.gif) no-repeat 15px 11px; }
		
	div#siteMenu dl#menuBoxPamietnik dt a { color: #205aa9; text-decoration: none; }
	div#siteMenu dl#menuBoxPamietnik dd.Last { background: url(../images/site_menu/box-pamietnik_bottom_border.gif) no-repeat 0 100%; padding: 0 0 0 18px; height: 10px; text-indent: -10000px; }

/* VIDEO */
	div#siteMenu dl#menuVideoBox { background: #fcf2f7 url(../images/site_menu/box-video_top_border.gif) no-repeat 0 0; }
		div#siteMenu dl#menuVideoBox dt { padding: 10px 10px 0 29px; background:url(../images/site_menu/camera_icon.gif) no-repeat 15px 13px; }
			div#siteMenu dl#menuVideoBox dt a { color: #205aa9; text-decoration: none; }
		div#siteMenu dl#menuVideoBox dd.Last { background: url(../images/site_menu/box-video_bottom_border.gif) no-repeat 0 100%; }

/* PROFILE */
	#menuBox4 #yourProfile {
		font-weight: bold;
		background:url(../images/site_menu/figure_icon.gif) no-repeat 15px 12px;
		padding: 13px 10px 0 27px;		
	}
	#menuBox4 #yourProfile a {
		color: #205aa9;	
	}



/*
	site footer
*/

div#siteFooter {
	float: right;
	width: 668px;	
	height: 46px;
	font: normal 10px/1.2em Tahoma, Helvetica, sans-serif;
	color: #8da4c5;
	padding: 0 0 20px 0;
}

	div#siteFooter ul {
		background: #FFF;
		height: 38px;
		padding: 0 0 0 9px;
	}
	
	div#siteFooter li {
		float: left;
		padding: 14px 0 0 9px;
	}
	
	div#siteFooter li a {
		color: #8da4c5;
		text-decoration: underline;
	}
	
	div#siteFooter li a:hover {
		color: #8da4c5;
		text-decoration: none;
	}
	
	div#siteFooter div.Spacer {
		background: url(../images/content_border_bottom.png) no-repeat 0 0;	
		height: 8px;	
	}
	
	

/*
	content header
*/
	
div#contentHeaderWrapper {
	width: 668px;
	float: right;
}

	div#contentHeaderWrapper div.Top {
		background:url(../images/content_border_top.png) no-repeat 0 0;
		height: 8px;
	}
	
	div#contentHeaderWrapper div.Bottom {
		background: #FFF;
		height: 10px;
	}
	
	div#contentHeaderWrapper div#contentHeader {
		background: #FFF;
		padding: 0 8px 0 9px;
	}

/*
	content
*/


div#contentWrapper {
	width: 668px;
	float: right;
	background: #FFF;	
}

	div#contentWrapper div.Spacer {
		/*background: #FFF;*/
	}
	
	div#content {
		padding: 9px;
	}

.SubPage div#content {
	min-height: 552px;
}	
	
.MainPage div#boxes {
	padding: 0 9px;
}


	
	
	
/*
	subpages
*/

.SubPage div#content {
  width: 440px;
	float: left;
	padding: 0 8px 0 16px;
	font: normal 11px/1.35em Tahoma, Helvetica, sans-serif;
	color: #73859c;
}

/*
	search result page
*/

form#searchResultsForm {
	display: block;
	width: 438px;
	height: 63px;
	margin: 10px 0 20px 0;
	padding: 0;
	background: url(../images/small_form_bg.gif) no-repeat 0 0;
}

	form#searchResultsForm input.TextField {
		border-top: 1px solid #9a9a9a;
		border-left: 1px solid #9a9a9a;
		border-bottom: 1px solid #fbfbfb;
		border-right: 1px solid #fbfbfb;				
		margin: 22px 5px 0 20px;
		padding: 1px 3px;
		width: 350px;
		height: 15px;
		font: normal 11px/15px Tahoma, Helvetica, sans-serif;
		color: #43689b;
		vertical-align: middle;
	}
	
	form#searchResultsForm input.Btn {
		width: 20px;
		height: 17px;
		border: 0;
		padding: 0;
		margin: 22px 0 0 0;
		cursor: pointer;
		background: url(../images/site_top/loupe_icon.gif) no-repeat 2px 0;
		vertical-align: middle;	
	}
	
	form#searchResultsForm input.Btn:active {
		background-position: 3px 1px;	
	}


ul.SearchResult {
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}

li.SearchResult {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	background:url(../images/ddot_gray.gif) repeat-x 0 100%;

}