/**** DEFAULT ****/
* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; text-align: center; font-size: 15px; font-family: Verdana,Arial,Helvetica,sans-serif; background-color: #a5a5a5; }
img { border: 0; }
h1 { font-size: 1.2em; padding: 5px; }
h2 { font-size: 1.1em; font-weight: no }
h3 { font-size: 1em; margin: 5px; }
h1,h2,h3,h4 { text-align: center; padding: 4px; }
fieldset { border: 0; text-align: center; margin-top: 5px; }

/**** LINKS ****/
a { color: #ebb02c; text-decoration: none; }
a:hover { color: #ebb02c; }
a:visited {	color: #ebb02c; }

/**** CLASSES ****/
.bold {	font-weight: bold; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.smaller { font-size: 0.8em; }
.bigger { font-size: 1.1em; }
.big { font-size: 1.3em; }
.clear { clear: both; }
.hide { display: none; }

/**** LAYOUT ****/
div#wrapper { margin: auto;	width: 775px; }
#header, #content_wrapper, #footer { width: 775px; }
div#top { height: 70px; background: url(/public/images/top.jpg) bottom left no-repeat; }
div#header { height: 194px; background: url(/public/images/header.jpg) 0 0 no-repeat; position: relative; }
div#content_top { height: 51px; background: url(/public/images/content_top.jpg) 0 0 no-repeat; }
div#content_blank { background: url(/public/images/content_blank.jpg) 0 0 repeat-y; padding: 10px; padding-left: 90px; padding-right: 90px; font-size: 0.9em; }
div#content { height: 200px; background: url(/public/images/content.jpg) 0 0 repeat-y; }
div#content_bottom { height: 42px; background: url(/public/images/content_bottom.jpg) 0 0 no-repeat; }
div#content_bottom_blank { height: 42px; background: url(/public/images/content_bottom_blank.jpg) 0 0 no-repeat; }
div#footer_content { background: url(/public/images/footer_content.jpg) 0 0 repeat-y; font-size: 0.7em; font-weight: bold; padding-bottom: 7px; }

/**** MENU ****/
div#menu ul li, div#menu a, div#menu b { display: block; float: left; } 

div#menu { clear: both; height: 24px; position: absolute; top: 20px; right: 20px; }
div#menu ul { list-style-type: none; margin-right: 60px; font-size: 0.8em; }
div#menu ul li { background: url(/public/images/btn_menu.gif); float: right; padding-left: 10px;  }
div#menu ul li a { background: url(/public/images/btn_menu_back.gif) 0 0 repeat-x; text-decoration: none; color: #000; font-weight: bold; line-height: 24px; }
div#menu ul li b { background: url(/public/images/btn_menu.gif) right top no-repeat; padding-left: 10px; height: 24px; }

div#menu ul li.active { background: url(/public/images/btn_menu.gif) left top no-repeat; }
div#menu ul li.active a { background: url(/public/images/btn_menu_back.gif) 0 0 repeat-x; }
div#menu ul li.active b { background: url(/public/images/btn_menu.gif) right top no-repeat; }

div#menu ul li.active_page { background: url(/public/images/btn_menu.gif) left top no-repeat; }
div#menu ul li.active_page a { background: url(/public/images/btn_menu_back.gif) 0 0 repeat-x; }
div#menu ul li.active_page b { background: url(/public/images/btn_menu.gif) right top no-repeat; }

/**** OTHERS ****/
.warning { color: #ff0000;font-weight: bold;font-size: 0.7em;padding: 7px;margin: 10px; background-color: #eee; border: 1px solid #ff0000; }
.info { color: #00cc00;font-weight: bold;font-size: 0.7em;padding: 7px;margin: 10px; background-color: #eee; border: 1px solid #00cc00; }
.warning p, .info p { margin: 3px; text-align: center; }

div#lightbox { display: none; }

div#header_text { position: absolute; top: 80px; right: 90px; color: #fff; text-align: right; }
div#header_text h1 { font-weight: bold; font-size: 1.2em; line-height: 25px; text-align: right; }
div#header_text h2 { line-height: 25px; font-weight: normal; text-align: right; }

div#js_warning { position: absolute; bottom: 0px; right: 70px; color: #ff0000; text-align: center; font-weight: bold; }

div#first_step, div#second_step, div#third_step { text-align: center; }
div#first_step { width: 172px; float: left; padding-left: 97px; }
div#second_step { width: 172px; float: left; padding-left: 28px; }
div#third_step { width: 172px; float: left; padding-left: 33px; }

div#first_step > div, div#second_step > div, div#third_step  > div { margin: 5px; }
div#content h2 { font-size: 0.9em; }
div#content p { font-size: 0.8em; margin-top: 8px; margin-bottom: 8px; }

form input, form select { border: 1px solid #00be00; background-color: #d5ff32; font-size: 1.1em; }
form input.full { width: 150px; }
form input.half { width: 55px; }
form input.next { background: url(/public/images/next.gif) no-repeat; height: 45px; width: 150px; border: 0; }
form input.over { background: url(/public/images/next_over.gif) no-repeat; width: 150px; }
form label { font-size: 0.8em; }
td#font_color { background-color: #000; }

p.mail_info { padding: 5px; height: 17px; }

table.parameters { font-size: 0.9em; margin: auto; }
table.parameters tr td { margin: 2px; padding-right: 5px; }
table.parameters tr td.color_check { width: 20px; height: 10px; border: 1px solid #00be00; }

div.step_disabled { font-size: 1.6em; color: #999; padding-top: 25px; }
div.step_disabled > span { font-size: 1em; }
div.email_preview { margin: 5px; padding: 5px; height: 25px; }

div#content_blank p { margin-bottom: 15px; text-align: left; }
div#content_blank blockquote { text-align: left; margin: 20px; }
div#content_blank ul { text-align: left; margin-left: 40px; }
div#content_blank ul li { margin: 3px; }

div#footer_content a, div#content_blank a { color: #0000ff; text-decoration: underline; }

div.links_table { margin: 10px; }
div.links_table table { width: 100%; }
div.links_table table tr th { text-align: right; }
div.links_table table tr td { text-align: left; width: 60%; }
div.links_table table tr td input { width: 90%; padding: 2px; font-size: 1em; }

div.query table { margin: auto; }

ul.numeric_list { list-style-type: decimal; }

ul.faq h4 { text-align: left;  font-weight: normal; }

div#top a { display: block; height: 60px; width: 336px; float: right; }

.padT10 { padding-top: 10px; }
.padT5 { padding-top: 5px; }

.m20 { margin: 20px; }

/* select z-index repair */
iframe {
	display:none;
	display/**/:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width: 200px;
	height: 200px;
}