/* ----------------------------------------------------------------------------------- */
/* GLOBAL STYLES */
/* ----------------------------------------------------------------------------------- */

body {
	margin:0px;
	background-color:#e0e0e5;
	text-align: center;
}
body,div,p,td,th,input,select,textarea,H1,H2,H3,H4 {
	font: normal normal normal 11px/normal Arial, Helvetica, sans-serif;
	color: #333366;
}
div,p,td,th,input,select,textarea,H1,H2,H3,H4 {
	text-align: left;
}
td, th {
	border: 0px;
	vertical-align: top;
	padding: 2px 4px;
}
H1,H2,H3,H4 { color: navy; font-weight: bold; margin:0px; }
H1 { font-size: 20px; margin-top: 10px; margin-bottom: 40px; }
H2 { font-size: 16px; margin-top: 32px; margin-bottom: 24px; }
H3 { font-size: 14px; margin-top: 24px; margin-bottom: 18px; }
H4 { font-size: 13px; margin-top: 20px; margin-bottom: 14px; }
P { margin: 8px 6px 8px 20px; }
UL { margin-top: 0px; margin-bottom: 0px; }

DIV.header {
	width: 640px;
	background-color: #878891;
	color: #e1e3f2;
	font-weight: bold;
	font-size: 16px;
	padding: 2px 20px 14px 20px;
	text-align: right;
}
DIV.header span {
	font-size: 10px;
	font-weight: normal;
	color: white;
}
DIV.header span a { text-decoration: none; color: white; }
DIV.header span a:visited { text-decoration: none; color: white; }
DIV.header span a:hover { text-decoration: underline; color: #e1e3f2; }
DIV.header span strong { font-size:11px; font-weight: bold; color: yellow; }

DIV.footer {
	width: 640px;
	background-color: #878891;
	padding: 14px 20px 2px 20px;
	text-align: center;
}
DIV.footer a { text-decoration: none; color: white; }
DIV.footer a:visited { text-decoration: none; color: white; }
DIV.footer a:hover { text-decoration: underline; color: #e1e3f2; }
DIV.footer strong { font-size:11px; font-weight: bold; color: yellow; }


/* ----------------------------------------------------------------------------------- */
/* SPECIFIC STYLES */
/* ----------------------------------------------------------------------------------- */

DIV.divBudapestCardContainer {
	background-color: #fff;
	width: 640px;
	padding: 20px;
}
DIV.divBudapestCardContainer input,
DIV.divBudapestCardContainer select {
	vertical-align: middle;
}
DIV.divBudapestCardContainer textarea {
	vertical-align: top;
}
DIV.divBudapestCardContainer { border-collapse: collapse; }
DIV.divBudapestCardContainer TD, DIV.divBudapestCardContainer TH { }

DIV.divBudapestCardContainer DIV.divCardTypesHolder {
	text-align: center;
}
DIV.divBudapestCardContainer table.CardTypes {
	width: 500px;
	border-collapse: collapse;
	border-bottom: 1px solid darkgray;
}
DIV.divBudapestCardContainer table.CardTypes TD {
	border: 1px solid darkgray;
}
DIV.divBudapestCardContainer table.CardTypes thead TD {
	background-color: #878891;
	color: #e1e3f2;
	font-weight: bold;
}
DIV.divBudapestCardContainer table.CardTypes tbody.total TD {
	border: 1px solid darkgray;
	height: 34px;
	font-weight: bold;
}
DIV.divBudapestCardContainer table.CardTypes TBODY TD DIV.plusinfo {
	text-align: left;
	border: 1px solid darkgray;
	padding: 6px;
	padding-top: 10px;
	background-color: #e1e3f2;
	margin: 8px; 
}
DIV.divBudapestCardContainer table.CardTypes TBODY TD DIV.plusinfo STRONG {
	font-weight: bold;
}


DIV.divBudapestCardContainer .aLeft { text-align: left; }
DIV.divBudapestCardContainer .aRight { text-align: right; }
DIV.divBudapestCardContainer .aCenter { text-align: center; }
DIV.divBudapestCardContainer .aMiddle { vertical-align: middle; }

DIV.divBudapestCardContainer input.text,
DIV.divBudapestCardContainer textarea.text {
	padding:1px 3px;
	border:1px solid black;
	border-bottom:1px solid silver;
	border-right:1px solid silver;
}
DIV.divBudapestCardContainer textarea.text { overflow: auto; }
DIV.divBudapestCardContainer .w40R  { width:40px; text-align:right; }
DIV.divBudapestCardContainer .w50  { width:50px; }
DIV.divBudapestCardContainer .w80  { width:80px; }
DIV.divBudapestCardContainer .w150  { width:150px; }
DIV.divBudapestCardContainer .w200  { width:200px; }
DIV.divBudapestCardContainer .w250  { width:250px; }
DIV.divBudapestCardContainer .w300  { width:300px; }

DIV.divBudapestCardContainer FORM.divBudapestCardForm1Handler {
	margin: 0px;
	padding: 8px;
	border: 1px solid silver;
}

DIV.divBudapestCardContainer FORM.divBudapestCardForm1Handler SPAN.total {
	font-weight: bold;
	font-size: 12px;
	color: #CC3333;
}


DIV.divBudapestCardContainer DIV.divFormHolder {
	text-align: center;
}

DIV.divBudapestCardContainer DIV.divFormHolder table.form {
	width: 500px;
	border-collapse: collapse;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.form th {
	background-color: #878891;
	color: #e1e3f2;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	border: 1px solid silver;
	text-align: right;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.form th div.plusinfo,
DIV.divBudapestCardContainer DIV.divFormHolder table.form th div.plusinfo p,
DIV.divBudapestCardContainer DIV.divFormHolder table.form th div.plusinfo a {
	font-weight: normal;
	color: #e1e3f2;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.form th div.plusinfo {
	border-top: 1px solid #e1e3f2;
	padding-top: 10px;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.form td {
	background-color: #fff;
	color: #333366;
	font-weight: normal;
	border: 1px solid silver;
	padding-top: 4px;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.form td.letter {
	background-color: #FF3333;
	text-align: center;
	font-weight: bold;
	color: yellow;
	padding-top: 6px;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.form td.text {
	padding-top: 6px;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.form table {
	width: 100%;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.form table td,
DIV.divBudapestCardContainer DIV.divFormHolder table.form table th {
	border: 0px !important;
	padding: 0px !important;
	width: 33% !important;
	text-align: center !important;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.form table.form th {
	width: 45% !important;
	text-align: right !important;
	padding: 2px 6px !important;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.form table.form td {
	width: 55% !important;
	text-align: left !important;
	padding: 0px 2px !important;
}

DIV.divBudapestCardContainer DIV.divFormHolder table.form td.noinput {
	padding-top: 6px !important;
}
DIV.divBudapestCardContainer DIV.divFormHolder TABLE.form DIV.error {
	padding:3px;
	border: 1px solid navy;
	color: red;
	font-weight: bold;
	margin:8px 2px;
}
DIV.divBudapestCardContainer DIV.divFormHolder TABLE.form DIV.error P {
	color: red;
	font-weight: bold;
	margin: 4px 0px;
	padding: 0px;
}



DIV.divBudapestCardContainer DIV.divFormHolder table.formcheck {
	width: 500px;
	border-collapse: collapse;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.formcheck th {
	background-color: #fff;
	color: #333366;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 6px;
	border: 1px solid silver;
	text-align: right;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.formcheck td {
	background-color: #fff;
	color: #333366;
	font-weight: bold;
	border: 1px solid silver;
	padding-top: 4px;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.formcheck table {
	width: 100%;
}
DIV.divBudapestCardContainer DIV.divFormHolder table.formcheck table td,
DIV.divBudapestCardContainer DIV.divFormHolder table.formcheck table th {
	border: 0px !important;
	padding: 0px !important;
	width: 33% !important;
	text-align: center !important;
}

DIV.divBudapestCardContainer DIV.divFormHolder table.formcheck td.noinput {
	padding-top: 6px !important;
}





DIV.divBudapestCardContainer DIV.warnings {
	background-color: #f4f4ec;
	border: 1px solid red;
	padding: 10px;
	margin-bottom: 20px;
}
DIV.divBudapestCardContainer DIV.warnings H2 {
	margin-top: 0px;
	color: #920606;
}
DIV.divBudapestCardContainer DIV.warnings ul li {
	color: #920606;
}

DIV.divBudapestCardContainer DIV.bankmessage {
	margin: 0px 40px 8px 40px;
	background-color: #e1e3f2;
	padding: 10px;
	color: #878891;
	font-weight: bold;
	text-align: center;
	border: 1px solid #878891; 
}

DIV.divBudapestCardContainer DIV.divCardTypesHolder TABLE.CardTypes td.grandtotal {
	color: #955252;
	font-size: 12px;
	font-weight: bold;
}

DIV.divBudapestCardContainer UL.tcardinfos LI {
	font-weight: bold;
	padding-top: 10px;
} 

