*
{
	font-family : Arial, Helvetica, Sans-Serif;
}

body
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;	
	margin: 0;
	padding: 0;
	/*background-color: #CCCCCC;*/
	/*background-color: #DDDDDD;*/
	background-color: #eef2fb;
}

body a
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #003366;
}

td
{
	vertical-align: top;
}

#MainLayoutTable
{
	border: solid 1px black;
	width: 1000px;
}

#Header
{
	height: 160px;
	margin: 0;
	padding: 0;
	background: url(../Images/header.jpg);
	background-repeat: no-repeat;
}

#Left
{
	width: 200px;
	margin: 0;
	padding: 0;
	background-color: #CCCCCC;
}

#Login
{
	font-size: 12px;
	color: White;
	height: 171px;
	margin: 0;
	padding-top: 10px;
	padding-left: 14px;
	padding-right: 10px;
	overflow : hidden;
	background: url(../Images/left_login.jpg);
	background-repeat: no-repeat;
}

#Login p
{
	margin-top: 0;
	margin-bottom: 1.5em;
}

#Login ul
{
	margin-left: 0;
	padding-left: 20px;
	line-height: 2em;
}

#Login a
{
	font-size: 12px;
	color: White;
	text-decoration: none;
}

#Login td.LoginTextBoxCell
{
	text-align: right;
}

#Login input.LoginTextBox
{
	width: 80px;
	font-size: 10px;
}

#Login td.LoginButtonCell
{
	text-align: right;
}

#Login input.LoginButton
{
	font-family: "Arial";
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	width: 86px;
}

#LeftMenu
{
    /*height: 177px;*/
    margin: 0;
    padding: 0 0 11px 0;
    padding-left: 13px;
    padding-top: 11px;
    background: url(../Images/left_menu.jpg);
    background-repeat: repeat-y;
}

#LeftMenu div
{	
	margin-bottom: 10px;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 15px;
	color: #003366;	
	background-position: 0 3px;
	background-repeat: no-repeat;	
}

#LeftMenu div a
{
	color: #003366;
	font-size: 10pt;
}

#LeftMenu div a:hover
{
	color: White;
}

#LeftMenu div.SelectedMenu
{
	background-image: url(../Images/nyil.jpg);	
	background-repeat: no-repeat;	
	color: White;
}

#LeftMenu div.SelectedMenu a
{
	color: White;
}

#LeftMenu div.UnselectedMenu
{
	background-image: url(../Images/kor.jpg);
	background-repeat: no-repeat;	
}

#LeftMenuTop
{
    height: 33px;
    margin: 0;
    padding: 0;
    background: url(../Images/left_menutop.jpg);
}

#LeftBottom
{
	height: 147px;
	padding: 0;
	margin : 0;
	background: url(../Images/left_bottom.jpg);
}

#LeftTelefon
{
	height: 105px;
	margin: 0;
	padding: 0;
	background: url(../Images/left_telefon.jpg);
}

#LeftEmail
{
	height: 22px;
	margin: 0;
	padding: 0;
}

#LeftBottom
{
	background: url(../Images/left_bottom.jpg);
	height: 33px;
}

#ContentTable
{
	width: 800px;
}

#ContentTop
{
	width: 800px;
	height: 27px;
	padding: 0;
	margin: 0;
	background: url(../Images/content_top.jpg);
}

#ContentLeft
{
	width: 25px;	
	padding: 0;
	margin: 0;	
	background-color: #CCCCCC;
}

#Content
{
	width: 690px;
	height: 487px;
	min-height: 487px;
	padding: 0;
	margin: 0;
	background-color: White;
	padding-left: 20px;
	padding-right: 20px;
	color: #006699;	
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

#Content h1
{
	font-size: 16pt;
	color: #003366;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#Content h2
{
	font-size: 12pt;
	font-weight: bold;
	color: #003366;
}

#Content h3
{
	font-size: 10pt;
	font-weight: bold;
	color: #003366;
}

#Content p
{	
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 1em;
	color: #006699;
	text-align: justify;	
}

#Content table.WizardProgress tr.StepImages td
{
	padding: 0;
	margin: 0;
}

#Content table.WizardProgress tr.StepImages .line
{
	background: url(../Images/vonal_lepesekhez.gif);
	background-repeat: repeat-x;
	width: 228px;
}

#Content table.WizardProgress tr.StepImages .e1
{
	background: url(../Images/1lepes.gif);
	background-repeat: no-repeat;
	width: 75px;
	height: 35px;	
}

#Content table.WizardProgress tr.StepImages .h1
{
	background: url(../Images/1lepes_halvany.gif);
	background-repeat: no-repeat;
	width: 75px;
	height: 35px;	
}

#Content table.WizardProgress tr.StepImages .e2
{
	background: url(../Images/2lepes.gif);
	background-repeat: no-repeat;
	width: 75px;
	height: 35px;			
}

#Content table.WizardProgress tr.StepImages .h2
{
	background: url(../Images/2lepes_halvany.gif);
	background-repeat: no-repeat;
	width: 75px;
	height: 35px;		
}

#Content table.WizardProgress tr.StepImages .e3
{
	background: url(../Images/3lepes.gif);
	background-repeat: no-repeat;
	width: 75px;
	height: 35px;		
}

#Content table.WizardProgress tr.StepImages .h3
{
	background: url(../Images/3lepes_halvany.gif);
	background-repeat: no-repeat;
	width: 75px;
	height: 35px;		
}

#Content table.WizardProgressSteps
{	
	width: 686px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#Content table.WizardProgressSteps tr.Steps td
{
	width: 33%;
	font-family : Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #6A9ECD;
	font-weight: bold;
}

#Content table.WizardProgressSteps tr.Steps td span.CurrentStep
{
	color: #01336A;
}

#Content table.WizardProgressSteps tr.Steps td.Step1
{
	text-align: left;
}

#Content table.WizardProgressSteps tr.Steps td.Step2
{
	text-align: center;
}

#Content table.WizardProgressSteps tr.Steps td.Step3
{
	text-align: right;
}

#Content td.HelpImageCell
{
	vertical-align: middle;
}

#Content .Registration input.text,
#Content .Registration input[type="text"]
{
	font-size: 12px;
    padding: 0; /* Internet Explorer hack */
}

#Content .Registration table.InputTable
{
	margin-left: auto;
	margin-right: auto;
}

#Content .Registration table.InputTable span.RequiredField
{	
	color: #01336A;
}

#Content table.RegiUjUgyfel
{
	width: 478px;
	margin-left: auto;
	margin-right: auto;
}

#Content table.RegiUjUgyfel td
{
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

#Content p.OrderActualSteps
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #01336A;	
	font-weight: bold;
}

#Content p.OrderActualSteps span.OrderActualStep
{
	padding-right: 36px;
}

#Content p.OrderFinishedSteps
{
	padding-bottom: 0;
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #006699;	
	font-weight: normal;
}

#Content p.OrderFinishedSteps span.OrderFinishedStep
{
	padding-right: 36px;
	margin-bottom: 0;
}

#Content table.Termekek tr.TermekKepek td
{
	width: 105px;
	padding-right: 6px;
}


#Content table.Termekek tr.TermekMegnevezesek td
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #01336A;	
	font-weight: bold;
	text-align: center;
	padding-right: 6px;
	width: 105px;
}

#Content table.Termekek tr.TermekMegnevezesek td a
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #01336A;	
	font-weight: bold;
	text-align: center;
}

#Content table.Kivitelek tr.KivitelKepek td
{
	width: 125px;
	padding-right: 36px;
}


#Content table.Kivitelek tr.KivitelMegnevezesek td
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #01336A;	
	font-weight: bold;
	text-align: center;
	padding-right: 36px;
	width: 125px;
}

#Content table.Kivitelek tr.KivitelMegnevezesek td a
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #01336A;	
	font-weight: bold;
	text-align: center;
}

#Content .HelpPopupPanel
{
	position: absolute;
	visibility: hidden;
	background-color: #d6eafd;
	/*opacity: .9;
	filter: alpha(opacity=90); */
	width: 210px;
}

#Content .HelpP
{
	margin-top: 5px;
	margin: 0;
	text-align: left;
}
#Content .HelpDiv
{
	border: 1px outset white;
	padding: 2px;
}


#Content #CimletekTable
{
	width: 383px;
}

#Content #CimletekTable #Header
{
	background: url("../Images/cimletek_top.gif");
	width: 383px;
	height: 9px;
}

#Content #CimletekTable #Inner
{
	background: url("../Images/cimletek_inner.gif");
	width: 383px;
	background-repeat: repeat-y;
}

#Content #CimletekTable #Cimletek
{
	width: 161px;
	color: White;
	font-weight: bold;
	padding-right: 26px;
}

#Content #CimletekTable #Cimletek input
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	height: 12px;	
}

#Content #CimletekTable #Osszesen
{
	width: 219px;
	vertical-align: middle;
	text-align: center;
}

#Content #CimletekTable p
{
	text-align: center;
	color: #01336A;
	padding-bottom: 0;
	line-height: 1em;
}

#Content #CimletekTable #Footer
{
	background: url("../Images/cimletek_bottom.gif");
	width: 383px;
	height: 11px;
}

#Content .Cart .AtvetelIdopontja label
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #01336A;
	line-height: 2em;
}

#Content .Cart .SzallitasiCim .AddressCategory
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #01336A;
	padding-bottom: 0.5em;
}

#Content .Cart .SzallitasiCim label
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #003366;
	padding-left: 6px;
}

#Content .Cart .RendelesOsszesito
{
    margin-bottom: 2em;
}

#Content .Cart .RendelesOsszesito table.DetailsTable
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	margin-top: 1em;
}

#Content .Cart .RendelesOsszesito table.InfoTable tr 
{
    height: 20px;
}

#Content .Cart .RendelesOsszesito table.InfoTable .InfoTableHeader
{
    height: 14px;
}

#Content .Cart .RendelesOsszesito table.InfoTable tr td.Name1
{
	color: #01336A;	
	padding-left: 20px;
	font-weight: bold;
}

#Content .Cart .RendelesOsszesito table.InfoTable tr td.Name2
{
	color: #01336A;	
	font-weight: bold;
}

#Content .Cart .RendelesOsszesito table.InfoTable tr td.Value
{
	padding-right: 15px;
}

#UpdateProgressAbsoluteOuter
{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0;
	top: 183px;
	z-index: 100;
}

#UpdateProgressOuter
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#UpdateProgress
{
	width: 32px;
	height: 32px;
	background: url(../Images/Loading.gif);	
	float:right;
	margin-right: 48px;
}

#ContentRight
{	
	width: 45px;
	padding: 0;
	margin: 0;
	background: url(../Images/content_right.jpg);
}

#ContentBottom
{
	width: 800px;
	height: 27px;
	padding: 0;
	margin: 0;
	background: url(../Images/content_bottom.jpg);
}

#BottomMenu
{	
	width: 1000px;
	height: 23px;
	padding: 0;
	margin: 0;
	background: url(../Images/bottom_menu.jpg);
}

#FooterElerhetoseg
{
	width: 500px;
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: White;
	text-align: center;
	padding-top: 40px;
	padding-left: 87px;
}

#FooterMenu
{
	font-family: Arial, Tahoma;
	font-weight: bold;
	font-size: 10pt;
	color: #003366;
	width: 1000px;
	text-align: center;
	padding-top: 20px;
}

#FooterMenu a
{
	font-size: 10pt;
}

#Footer
{
	background: url(../Images/footer.jpg);
	height: 114px;
	width: 1000px;
}

#SPHLogo
{
	width: 137px;
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: White;
	text-align: left;
	padding-top: 23px;
	padding-left: 10px;
}


#F400Logo
{
	width: 110px;
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: White;
	text-align: left;
	padding-top: 45px;
	padding-left: 134px;
}

#Content .Akcios
{
	font-family: Arial, Tahoma;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #006699;
}

#Content .AkciosPiros
{
    color: #990000;
}

.validatorCalloutHighlight
{
    background-color: #FFFACD;
}

.center
{
	margin-left: auto;
	margin-right: auto;
}

table.Termekek
{
	margin-bottom: 15px;
}

div.BannerWrap
{
	text-align:center;
	margin-top: 30px;
	margin-bottom: 10px;
}

div.Banner
{
	text-align:left;
	margin: 0 auto;	
	width: 468px;
	height: 60px;
}

div.Banner a
{
	width: 468px;
	height: 60px;
	display: block;
}

table.RendelesiInfo
{
	margin-left: 165px;
}

.RendelesiInfo td
{
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #006699;
	text-align: justify;	
	vertical-align: middle;
}

#OTContent
{
	width: 1000px;
	min-height: 460px;
	_height: 460px;
	height: 460px;
	padding: 0;
	margin: 0;
	background-color: White;
	padding-left: 20px;
	padding-right: 20px;
	color: #006699;	
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	background: url(../Images/ot_content.jpg)
}

#OTContentHeader
{
    height: 105px;
    width: 1000px;
    font-size: 19px;
    font-weight: bold;
	font-family : Arial, Helvetica, Sans-Serif;
    color: #003366;	
 	vertical-align: middle;
	text-align: center;
}

#OTContentLeft
{
    height: 251px;
    width: 358px;
    margin: 0;
	background: url(../Images/ot_boxleft.jpg);
    background-repeat: no-repeat;
}

#OTContentMiddle
{
    height: 251px;
    width: 122px;
	background: url(../Images/ot_triangle.jpg);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
	text-align: center;

}

#OTContentRight
{
    height: 251px;
    width: 388px;
	background: url(../Images/ot_boxright.jpg);
    background-repeat: no-repeat;
}

.OTBoxHeader
{
    width: 100%;
    height: 28px;
    padding-left: 10px;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    color: White;
}

#OTBoxLeft
{
    width: 100%;
    height: 190;
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
}

#OTBoxLeft td
{
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
}

#OTBoxLeft p
{
    margin-top: 0;
    margin-bottom: 1em;
}


#OTContentBottom
{
    height: 70px;
    width: 1000px;
    font-size: 14px;
    font-weight: bold;
	font-family : Arial, Helvetica, Sans-Serif;
 	vertical-align: middle;
	text-align: center;
}

#OTBoxRight
{
}

#OTBoxRightContent
{
    margin-left: 16px;
    margin-right: 17px;
    margin-top: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
    width: 350px;
    height: 190px;
}

.OTStatusName
{
	color: #036;
}

.OTStatusDot
{
	padding-top: 4px;
}

#OTBoxRight tr
{
	padding-bottom: 100px;
}

.OTStatusStatus
{
	color: #f30;
}

.OTStatusText
{
	text-align: justify;
	font-size: 90%;
	color: #369;
}

.OTStatusValue
{
	color: #369;
}

.CsoportNev
{
 	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #006699;
    vertical-align: middle;
}

.Middle
{
    vertical-align: middle;
}

.GrayScale
{
    FILTER: Gray;
}

#Content .SelectCustomer table.InputTable
{
	margin-left: auto;
	margin-right: auto;
}

table.BFVevoValasztas
{
	margin-left: 10px;
}

table.BFVevoValasztas td
{
	vertical-align: middle;
}

#LoginContent
{
	width: 1000px;
	min-height: 645px;
	_height: 645px;
	height: 645px;
	padding: 0;
	margin: 0;
	background-color: White;
	padding-left: 25px;
	padding-right: 45px;
	color: #006699;	
	font-family : Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	background: url(../Images/login_content.jpg)
}

#LoginContentHeader
{
    height: 65px;
    width: 930px;
    font-size: 19px;
    font-weight: bold;
	font-family : Arial, Helvetica, Sans-Serif;
    color: #003366;	
 	vertical-align: middle;
	text-align: center;
	padding-top: 25px;
}

#LoginContentInfoPanel
{
    height: 112px;
    width: 930px;
    color: #003366;
	background: url(../Images/login_info.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

#LoginContentInfoHelp
{
    height: 53px;
    width: 60px;
	background: url(../Images/haromszog_kerdojel.jpg);
    background-repeat: no-repeat;
    background-position: center;
}


#LoginContentBoxes
{
    height: 395px;
    width: 930px;
    color: #003366;
}

#LoginContentLeftBox
{
    width: 430px;
    height: 372px;
  	background: url(../Images/login_regivevo.jpg);
  	background-repeat: no-repeat;
  	padding: 0;
  	margin: 0;
}

#LoginContentLeftBox div
{
    width: 390px;
}

#LoginContentLeftBox p
{
    margin-left: 20px;
    width: 390px;
}

#LoginContentLeftBox table
{
    margin-left: 48px;
}

#LoginContentLeftBox td.Label
{
    width: 70px;
    height: 25px;
    text-align: right; 
    vertical-align: middle;
}

#LoginContentLeftBox td.TextBox
{
    width: 175px;
    text-align: right;
    vertical-align: middle;
}

#LoginContentLeftBox div.Center
{
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
}

#LoginContentRightBox
{
    width: 430px;
    height: 372px;
  	background: url(../Images/login_ujvevo.jpg);
  	background-repeat: no-repeat;
}

#LoginContentRightBox p
{
    margin: 20px;
}

#LoginContentRightBox table
{
    margin-left: 30px;
}

#LoginContentRightBox td.Label
{
    width: 90px;
    height: 25px;
    text-align: right;
    vertical-align: middle;
}

#LoginContentRightBox td.TextBox
{
    width: 170px;
    text-align: right;
    vertical-align: middle;
}

#LoginContentRightBox div.Center
{
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
}

#LoginContentClosed
{
    margin-top: 100px;
    height: 200px;
    width: 600px;
    background: url(../Images/login_rendszerlezarva.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    color: #003366;
    text-align:center;
    font-size: 16px;
}


.NoTopBorder
{
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top: 0;
    border-width: 1px;
    border-color: #006699;
}

.InfoTable
{
    border-style: none;
    border-collapse: collapse;
    margin-left: 10px;
    width: 670px;
    font-size: 12px;
    color: #003366;
}

.InfoTableHeader
{
    background-image: url('../Images/info_header.jpg');
    background-repeat: no-repeat;
    height: 14px;
}

.InfoTableRow
{
    background-image: url('../Images/info_content.jpg');
    background-repeat: repeat-y;
    height: 27px;
}

.InfoTableFooter
{
    background-image: url('../Images/info_footer.jpg');
    background-repeat: no-repeat;
    height: 14px;
}
.InfoLabel
{
    padding-left: 70px;
    text-align: left;
    vertical-align: middle;
    width: 140px;
    max-width: 140px;
}

.InfoTextBox
{
    width: 180px;
    max-width: 180px;
    vertical-align: middle;
}

.InfoCheckBox
{
    vertical-align: middle;
}

.InfoContentMegjegyzes
{
    padding-left: 40px;
    text-align: center;
    width: 240px;
}

.InfoRadioButtonRow
{
    background-image: url('../Images/info_content.jpg');
    background-repeat: repeat-y;
}

.InfoTableSmall
{
    border-style: none;
    border-collapse: collapse;
    text-align: center;
    margin-left: 195px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 300px;
    height: 40px;
    font-size: 12px;
    background-image: url('../Images/info_small.jpg');
    background-repeat: no-repeat;
    color: #003366;
    vertical-align: middle;
    font-size: 12px;
}

.InfoTableContract
{
    border-style: none;
    border-collapse: collapse;
    margin-left: 70px;
    margin-top: 15px;
    width: 550px;
    height: 140px;
    font-size: 12px;
    color: #003366;
    font-size: 12px;
    background-color: White;
}

.vsAll ul
{
    display: none;
    visibility: hidden;
}

.ErdeklodoTajekoztato li
{
    padding-bottom: 10px;
}

.BoritekAdatok td
{
    vertical-align: middle;
}

.gvVertalignMiddle td
{
    vertical-align: middle;
}

.BrowserCheckTable
{
    border-style: none;
    border-collapse: collapse;
    margin-left: 10px;
    width: 670px;
    font-size: 12px;
    color: Black;
    text-align: center;
    margin-bottom: 20px;
}

.BrowserCheckTableHeader
{
    background-image: url('../Images/browsercheck_header.jpg');
    background-repeat: no-repeat;
    height: 14px;
}

.BrowserCheckTableRow
{
    background-image: url('../Images/browsercheck_content.jpg');
    background-repeat: repeat-y;
    height: 27px;
    padding-left: 15px;
    padding-right: 15px;
}

.BrowserCheckTableFooter
{
    background-image: url('../Images/browsercheck_footer.jpg');
    background-repeat: no-repeat;
    height: 14px;
}