/******************************************************************************/
/* General styles                                                             */
/******************************************************************************/

/* Layout Css */

body,html{
	font-family:				Tahoma;
	font-size:					11px;
	line-height:				120%;
	/*overflow:					hidden;*/
	padding:					0px;
	margin:						0px;
	/*background-image:			url("/esztergom/img/body_bg.gif");*/
	background-repeat:			repeat;
}

/* Main Links START*/
a:link {
	color:						#222222;
	text-decoration:			underline;
	outline:					none;
}

a:visited {
	text-decoration:			underline;
	color:						#222222; 
	outline:					none;
}

a:hover {
	text-decoration:			underline;
	color:						#434D66;
	outline:					none;
}

a:active {
	text-decoration:			underline;
	color:						#222222;
	outline:					none;
}

form {
	margin:						0;
	padding:					0;
}

/* Main Links END*/

/*CONTENT*/ /* !modified! */


#topofthepage{
	position:				absolute;
	z-index:				21;
}

#wpsPage {
	position:				absolute;
	top:					22px;
	left:					0px;
	bottom:					0px;
	overflow:				auto;
	width:					100%;
	/*height:					expression(document.documentElement.offsetHeight - 26 + "px");*/
	background-image:		url("/esztergom/img/body_bg.gif");
	text-align:				justify;
}

#wpsHeader {
	width:					750px;
	background-color:		#E9E9E9;
	height:					125px;
	margin:					auto;
	border-left:			1px solid #666666;
	border-right:			1px solid #666666;
}

#wpsContent {
	width:					750px;
	background-color:		#FFFFFF;
	margin:					auto;
	border-left:			1px solid #666666;
	border-right:			1px solid #666666;
	overflow:				hidden;
}

#wpsColumn1 {
	float: 					left;
	overflow: 				hidden;
	vertical-align:			top;
	padding:				10px;
	margin-top:				20px!important;
	margin-top:				0px;
	font-size:				11px;
}

#wpsColumn2 {
	float: 					left;
	overflow: 				hidden;
	vertical-align:			top;
	padding:				5px;
	margin-top:				20px!important;
	margin-top:				0px;
	border-left:			1px solid #666666;
}

#wpsColumn3 {
	float: 					right;
	overflow: 				hidden;
}

#wpsFooter {
	width:					735px;
	margin:	 				auto;
	padding:				2px 5px 2px 10px;
	background-color:		#CCCCCC;
	border:					1px solid #666666;
	height:					16px;
	text-align: 			center;
}

/******************************************************************************/
/* Styles used in the themes                                                  */
/* Portlets should not use these styles since they may not be in all themes.  */
/******************************************************************************/

/* TOOL BAR */

#topnav{
	/*position:				absolute;
	top:					0px;
	left:					0px;
	right:					0px;*/
	background-color:		#DCDDDE;
	border-bottom:			1px solid #666666;
	height:					21px;
	/*width:					750px;
	float:					left;
	margin:				auto;*/
	position:				absolute;
	top:					0px;
	left:					0px;
	right:					0px;
	width:					100%;
}

#topFrameLeft{
	float:					left;
	width:					750px;
}

#topFrameRight{
	float:					right;
}

#topofthepage{
	position:				absolute;
	z-index:				21;
}

/* Styles */

#topFramenMenu{
	padding:				2px 2px 2px 5px;
	float:					left;
}

.topFrameBox1{
	width:					25px;
	height:					21px;
	background-color:		#FF0000;
	float:					left;
	text-align:				center;
}

.topFrameBox2{
	width:					25px;
	height:					21px;
	background-color:		#66CC00;
	float:					right;
	text-align:				center;
}

.aL{
	text-align:				left;
}

.aC{
	text-align:				center;
}

.aR{
	text-align:				right;
}

.aJ{
	text-align:				justify;
}

.fR{
	float:					right;
	margin-left:			2px;
}

.fL{
	float:					left;
	margin-right:			2px;
}

.smallSpace{
	width:					20px;
}

.normalSpace{
	width:					30px;
}

.largeSpace{
	width:					40px;
}

.topsearchField{
	font-family:			Tahoma;
	font-size:				10px;
	padding:				1px 3px 1px 3px;
	background-color:		#FFFFFF;
	border:					1px solid #000000;
}

.topFramePaddings{
	padding:				2px 0px 0px 0px;
}

#fontsizeChanger{
	position:				absolute;
	width:					38px;
	text-align:				center;
	background-color:		#FFFFFF;
	border-left:			1px solid #434D66;
	border-right:			1px solid #434D66;
	border-bottom:			1px solid #434D66;
	z-index:				101;
	display:				none;
	padding:				4px 0px 4px 0px;
}

#languageChanger{
	position:				absolute;
	width:					38px;
	text-align:				center;
	background-color:		#ffffff;
	border-left:			1px solid #434D66;
	border-right:			1px solid #434D66;
	border-bottom:			1px solid #434D66;
	z-index:				101;
	display:				none;
	padding:				4px 0px 4px 0px;
}

.leftlist{
	list-style-image:		url("/esztergom/img/bullet_main.gif");
}

/* Bar under border containing the page group dropdown and login, etc. buttons */
#wpsAdminTools,
#wpsPageTools {
	top:					22px;
	padding-top:			10px;
	width:					100%;
	background-color: 		#ffffff;
	float:					left;
	height:					20px;
	border-left:			1px solid #666666;
	border-right:			1px solid #666666;
}

.wpsToolBarBox {
	float:					left;
	margin-left:			20px;
}

/* Link color for the text on the tool bar */
.wpsToolBarLink, .wpsToolBarLink:visited, .wpsToolBarLink:active {
	padding-left:			7px;
	padding-right:			5px;
	font-size:				90%;
	color:					#000080;
	text-decoration: 		none;
}

.wpsToolBarLink:hover {
	text-decoration:		underline;
}

/* Vertical separator between tool bar and place bar */
.wpsToolBarSeparator {
}

/* Background for the banner.  Note that the background color is hidden from
   legacy browsers for consistency, not because it can't handle the attribute.
   New in v5 */
.wpsToolbarBannerBackground {
	background-color:		#E9E9E9;
	height:					125px;
	padding:				0px 0px;
	margin:					0px;
}

/* LINK BAR */

/* Bar under toolbar that shows links to customizer and assign permissions portlets */   /*lmw*/
.wpsLinkBarBox {
	float:								left;
	padding-top:						5px;
	margin-right:						20px;
}

.wpsLinkBar {
   background-repeat: 					no-repeat;
	float:								left;
	position:							relative;
	padding-right:						4px;
}

/* Link color for the text which can be found on the place bar outside of tabs */
.wpsLinkBarLink, .wpsLinkBarLink:visited,  .wpsLinkBarLink:active {
	text-decoration: 					none;
	color:								#000080;
	font-size:							90%;
	padding-left:						7px;
	padding-right:						5px;
}

.wpsLinkBarLink:hover {
	text-decoration:					underline;	
}

/* PLACE BAR */

/* Bar under toolbar that shows the places */
.wpsPlaceBar { /* !modified! */
	margin:								0px;
	/*margin:							-8px 0px -7px 0px;*/
	padding:							0px;
	background-color:					#434d66;
	background-image:					url("/wps/themes/html/esztergom/nav/nav_bg.jpg");
	background-repeat:					repeat-x;
	background-position:				center;
	position: 							relative;
	width:								100%;
	height:								25px;
	float: 								right;
}

.wpsPlaceBar a,
.wpsPlaceBar a:visited {
	border-left:						1px solid #808080;
	border-right:						1px solid #222222;
	background-image:					url("/wps/themes/html/esztergom/nav/nav_bg.jpg");
	background-repeat:					repeat-x;
	text-decoration:					none;
	padding:							6px 5px 6px 10px;
	color:								#FFFFFF;
	line-height:						25px;
	/*line-height:						40px;*/
	/*font-weight:						bold;*/
}

.wpsPlaceBar a:hover {
	border-left:						1px solid #808080; 
	border-right:						1px solid #222222; 
	background-image:					url("/wps/themes/html/esztergom/nav/nav_bg_over.jpg");
	background-repeat:					repeat-x; 
	text-decoration:					none; 
	padding:							6px 5px 6px 10px; 
	color:								#222222; 
	line-height:						25px; 
	/*line-height:						40px;*/
}

#wpsSelectedPlace a:visited, 
#wpsSelectedPlace a:hover {
	border-left:						1px solid #808080;
	border-right:						1px solid #222222;
	background-image:					url("/wps/themes/html/esztergom/nav/nav_bg_down.jpg");
	background-repeat:					repeat-x;
	text-decoration:					none;
	padding:							6px 5px 6px 10px;
	color:								#222222;
	line-height:						25px;
	/*line-height:						40px;*/
	font-weight:						bold;
}

#wpsFooter ul {
	list-style:					none;
	margin:						0;
	padding:					0;
	overflow:					hidden;
	padding-top:				4px;
}

.wpsFooterPlace {
	margin: 					0;
	display: 					inline;
	vertical-align: 			middle;
}

.wpsFooterLink:link, .wpsFooterLink:visited {
	text-decoration:			none;
}

.wpsFooterLink:active, .wpsFooterLink:hover {
	text-decoration:			underline;
}

/* Alapportlet */

.wpsPortletBody {
	padding-top:			5px;
	float:					left;
	clear:					both;
}

.wpsPortletTop {
	display:				none;
}

/* used on portlet titlebar */
.wpsPortletTitle {
	width:					180px;
	height:					24px;
	background-position:	left;
	background-repeat:		no-repeat;
	padding:				6px 0px 0px 10px;
	margin:					5px 0px 0px 0px;
	font-weight:			bold;
}

/* Main portlet body style */
.wpsPortletContent {
	background-color:		#FFFFFF;
	background-position:	center;
	background-repeat:		no-repeat;
	padding:				5px 10px 5px 10px;
	line-height:			120%;
	width:					168px;
}

.keret_kek {
	border-bottom:			1px solid #188ECD;
	border-left:			1px solid #188ECD;
	border-right:			1px solid #188ECD;
}

.keret_zold {
	border-bottom:			1px solid #38AA45;
	border-left:			1px solid #38AA45;
	border-right:			1px solid #38AA45;
}

.keret_szurke {
	border-left:			1px dashed #B2B2B2;
	border-right:			1px dashed #B2B2B2;
	border-bottom:			1px dashed #B2B2B2;
}

.keret_sarga {
	border-bottom:			1px solid #F2DB87;
	border-left:			1px solid #F2DB87;
	border-right:			1px solid #F2DB87;
}

.keret_lila {
	border-bottom:			1px solid #8355A2;
	border-left:			1px solid #8355A2;
	border-right:			1px solid #8355A2;
}

.keret_turkiz {
	border-bottom:			1px solid #00B5B7;
	border-left:			1px solid #00B5B7;
	border-right:			1px solid #00B5B7;
}

/* used on portlet footer */

.wpsPortletBottom {
	clear:					both;
	visibility:				hidden;
	display:				none;
}


/* document list style */

.listObject {
	width:500px;
	padding:3px 10px 10px 3px;
	border: 1px solid #eeeeee;
	margin-top:3px;
	margin-bottom:3px;
	background-color:#ffffff;
}

.listObject a.titleLink, .listObject .thickbox {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#555555;
	padding-left:40px;
}

.listObject a.titleLink:hover {
	color:#888888;
}

.listObject .thickbox:hover {
	color:#888888;
}

.listObject .listElementTitle {
	padding:5px;
	border-bottom:1px solid #eeeeee;

}

.listObject .listElementDescription {
	padding:5px;
	font-size:11px;
	text-align:justify;
}

.listObject .listElementDescription .listElementIconTable td{
	padding:5px;
}

.listObject .listElementDescription .listElementIconTable img{
	border:none;
	width:25px;
	height:25px;
}

.programList {
	height: 320px;
	*height: 340px;
	width:480px;
	*width:500px;
	overflow: auto;
}

/* Apróhirdetés */

.aproTable {
	width:490px;
	border:1px solid #eeeeee;
	padding:5px;
}

.aproTable th{
	font-weight:bold;
	vertical-align:top;
	margin-bottom:2px;
}

.submitButtonInput {
	border:1px solid #666666;
	background-color:#eeeeee;
	color:black;
	font-size:11px;
}

.aproError{
	border:1px solid #ff0000; 
}
.aproErrorIcon{
	background-image:url("/esztergom/img/hiba.gif");
	background-repeat:no-repeat;
	background-position:center;
	width:20px;
}
/* Eseménynaptár */
.special { 
	background-color: #ABCDFF; 
	color: #FFFFFF; 
}
.printableViewImage {
	background-image: url("/esztergom/img/PageFunc_Mail.gif");
	background-repeat: no-repeat;
	width: 14px;
	height: 20px;
}

.mailToImage {
	background-image: url("/esztergom/img/PageFunc_Print.gif");
	background-repeat: no-repeat;
	width: 15px;
	height: 20px;
}

.backImage {
	background-image: url("/esztergom/img/back.gif");
	background-repeat: no-repeat;
	width: 17px;
	height: 14px;
	margin-left: 5px;
}

.moreImage {
	background-image: url("/esztergom/img/more.gif");
	background-repeat: no-repeat;
	width: 17px;
	height: 14px;
	float:right;
}

.bulletImage {
	background-image: url("/esztergom/img/bullet.gif");
	background-repeat: no-repeat;
	background-position:center left;
	width: 15px;
	height: 16px;
	float: left;
}

.bulletOverImage {
	background-image: url("/esztergom/img/bullet_over.gif");
	background-repeat: no-repeat;
	width: 10px;
	height: 6px;
}