@charset "utf-8";
@import url(marker.css);
@import url(reset.css);
@import url(jquery.css);
@import url(prettyphoto.css);


/* WATT-CITY CSS Document */


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background-color:#000000;
	line-height:normal;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

a {
	color:#fff;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
	margin:5px 0px;
}

#portalmiddle { }

#portal {
	width:800px;
	margin:0 auto;
}

.wrapper {
	width:800px;
	background:#444444;
	padding:0px;
}

.LeftSide {
	width:200px;
	padding:5px;
}

.Content {
	color: #FFFFFF;
	padding: 20px;
	width: 860px;
}

.Content a {
	/*color:#72beeb;*/
	/*color:#299de1;*/
	font-weight:bold;
	text-decoration:underline;
}

.Content a:hover {
	text-decoration:none;
}

.portal-bottom {
	background:transparent url(../images/portal-bottom-bg.png) no-repeat left bottom;
	width:800px;
	height:8px;
	margin:0px 0px 15px 0px;
}

.PortletTitle {
 font-size:18px;
 margin:0px 0px 20px;
}


/*  Main editorials
--------------------------*/
/*.Editorial {
	margin:0px 0px 15px 0px;
	padding:0px 0px 5px 0px; 
}

.Editorial .Title {
	font-weight:bold;
	font-size:15px;
	margin:0px 0px 10px;
}*/

.Editorial {
	background:transparent url(../images/dot-line.png) repeat-x left 10px;
}

.Editorial .Title {
	margin:0px 0px 5px 0px;
	float:left;
	background:#444 url(../images/h1-arrow.png) no-repeat left 5px;
	padding:0px 10px 0px 12px;
	line-height:18px;
}

/*------------------------*/
.topmenu {
	overflow:hidden;
	background:transparent url(../images/portal-top.png) no-repeat left top;
	height:53px;
}

.topmenu .Menu {
	margin:10px 15px 0px;
	overflow:hidden;
}

.topmenu ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

.topmenu li {
	float:left;
	margin:0px 5px;
	line-height:25px;
	background:transparent url(../images/topmenu-sep.png) no-repeat right 50%;
	padding:0px 10px 0px 0px;
}

.topmenu li a {
	font-weight:bold;
	font-size:14px;
}

.topmenu li a:hover {
	text-decoration:none;
	color:#ed1b23;
}

/*	FORMS 
---------------------------*/
form {
	width:100%;
	overflow:hidden;
	padding:5px;
}

div.HtmlForm {
	overflow:hidden;
}

div.HtmlForm h1 {
	margin-top:0px;
}

.GroupTitle {
  font-weight:bold;
  width:740px;
}

form .main-title {
 margin-bottom:5px;
}

div.HtmlForm .Text {
/*	margin:5px;*/
	float:left;
	clear:both;
	width:265px;
  line-height:27px;
  vertical-align:middle;
}

.InputText, .InputTextArea {
	margin:5px;
	overflow:visible;
  position:relative;
}

.InputText input, .InputTextArea textarea {
	width:300px;
	color:#212121;
}

.Fields {
	float:left;
	width:682px;
}
.Fields p {
	width:682px;
	display:block;
}

.HtmlForm form {
	width:742px;
}

form .Button {
	clear:both;
	margin:15px 0px;
	text-align:center;
}

#AuditorsGoogleMap {
	width:200px;
	height:200px;
	margin:0 auto;
}

.AccordionButton {
	float:right!important; 
	margin:15px 0 0 5px!important; 
	clear:none!important;
}

/*		CONTENTS	*/

.MainContentListPortlet, .ContentListPortlet, .ContentViewPortlet, .AttachmentPortlet { }


/*    MainContentListPortlet
-----------------------------------*/
.MainContentListPortlet .Article {
	background:transparent url(../images/dot-line.png) repeat-x left 10px;
}

.MainContentListPortlet h1 {
	margin:0px 0px 5px 0px;
	float:left;
	background:#444 url(../images/h1-arrow.png) no-repeat left 5px;
	padding:0px 10px 0px 12px;
	line-height:18px;
}

.MainContentListPortlet .Date {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 10px;
	float:right;
	background-color:#444;
	line-height:20px;
	font-weight:bold;
}

.MainContentListPortlet .Body {
	clear:both;
}

.c_div {
	clear:both;
}

/*		ContentViewPortlet
-------------------------------------*/
.ContentViewPortlet .Lead {
	margin-bottom:10px;
}

.ContentViewPortlet .Date {
	margin:0px 0px 5px 0px;
	font-weight:bold;
}


.CikkArticleTableBorder table {
  width:100%;
}
.CikkArticleTableBorder table td {
  padding:2px;
}
.CikkArticleTableBorder td p {
  padding:0;
  margin:0;
}

.CikkArticleTableBorder .style2CikkArticleFirstTd {
  background-color:#303030;
  font-weight:bold;
  text-align:left;
}
.CikkArticleTableBorder .style2CikkArticleEvenTd {
  background-color:#505050;
}
.CikkArticleTableBorder .style2CikkArticleOddTd {
  background-color:#3f3f3f;
}

.WattCityShopsMap {}
.WattCityShopsMap .Image {
  text-align:center;
}
.WattCityShopsMap {
  margin-bottom:20px;
}

.AdatvedelmiBox {
}

.AdatvedelmiBox .ui-widget-content {
  height:300px;
  overflow-y:scroll;
  font-size:11px;
}

.AdatvedelmiCheckboxes {}
.AdatvedelmiCheckboxes label {
  padding:0 0 0 15px;
  line-height:30px;
  vertical-align:middle;
}

div.HtmlForm .TextInput_megszolitas input {
  width:50px; 
}
div.HtmlForm .TextInput_vezeteknev input {
  width:150px;
}
div.HtmlForm .TextInput_keresztnev input {
  width:150px;
}
div.HtmlForm .TextInput_keresztnev input {
  width:150px;
}
div.HtmlForm .TextInput_kozterulettipus input {
  width:150px;
}
div.HtmlForm .TextInput_irsz input {
  width:50px; 
}
div.HtmlForm .TextInput_hazszam input {
  width:50px; 
}
label.error {
  display:block;
  /*position:absolute;
  background-color:LightPink;
  border:1px solid;*/
  padding:3px 3px 3px 150px;
  color:red;
/*  left:150px;
  top:27px;
  z-index:1;*/
}

div.HtmlForm .TextInput_tel_korzetszam label.error {
  position:absolute;
  padding:3px;
  left:150px;
  top:27px;
}
div.HtmlForm .TextInput_tel_korzetszam {
  padding-bottom:30px;
}

.hidden {
 height:235px;
 cursor:pointer;
 overflow:hidden;
}

.TextInput_wattcitybolt .ui-autocomplete-input {
  color:white;
  font-family:Arial;
  font-size:11px;
  height:20px;
  line-height:20px;
}

.TextInput_wattcitybolt .ui-button {
  vertical-align:top;
  font-size:11px;
  line-height:20px;
  height:24px;
  width:24px;
  margin:0 0 0 0;
  padding:0;
}

.ui-autocomplete {
  color:white;
  font-family:Arial;
  font-size:11px;
  height:150px;
  overflow-y:scroll;
}

/*
.GoogleMapPortlet .GMap {
  color:#000000;
}
*/

.GoogleMapPortlet .showedMarkerInfo {
  
}

.Faq {
  margin: 0 0 10px 0;
  padding:10px;
}
.Faq .Title {
  font-weight:bold;
  margin: 0 0 20px 0;
}

ol.FaqList {
  font-weight:bold;
}

.bottom-banner {
 margin: 20px 0 0;
}