*       { margin: 0; padding: 0; }

html    { background: #faf5d8; }
body    { font: 62.5%/1.5 "Arial", Helvetica, sans-serif; background: url(blue_gradient.gif) repeat-x 0 0; padding-top: 90px; color: #333; }

#sizer      { background: #faf5d8 url(yellow_gradient.gif) repeat-x 0 0; padding-bottom: 20px; }
#content    { width: 900px; margin: 0 auto; position: relative; background: #fff; padding: 20px 20px 30px; border-bottom: 3px solid #f8eda8; }

#content2    { width: 900px; margin: 0 auto; position: relative; }


h1          { position: absolute; top: -89px; left: 10px; }
h2          { font-size: 3em; margin-bottom: 14px; padding: 0; line-height: 1.6; color: #d13f45; font-weight: normal; }
h3          { font-size: 1.8em; line-height: 1.3; margin: 35px 0 14px; padding: 0; color: #333; font-weight: normal; width: 550px; }

td, th, dt, dd, p, li, label           { font-size: 1.3em; }

ol, ul, p                       { padding: 1em 0 0; width: 500px; }

ol, ul                          { list-style: none; }
li                              { padding-left: 20px; background: url(li_dot.gif) no-repeat 10px 8px; }


th                              { text-align: left; font-weight: bold; color: #d13f45; }
td, th                          { padding: 5px; background: url(tr_bkg.gif) repeat-x 0 100%; }
.req                            { color: #f00; }

td label                        { font-size: 1em; }

.scope-col                      { color: #333; padding-top: 30px; }

fieldset                        { border: 0; width: 550px; border-bottom: 5px solid #d8d8d8; display: block; margin-top: 60px; padding: 0 0 10px; }
legend span                     { display: block; padding-top: 10px; font-weight: bold; font-size: 1.3em; color: #d13f45; border-top: 5px solid #d3eff1; width: 550px; }


*:first-child+html legend span  { float: left; position: relative; margin: 0 -8px; }
* html legend span              { float: left; position: relative; margin: 0 -8px; }

label               { margin-right: 20px; }
.field label        { width: 280px; float: left; }
.field label.check  { width: auto; float: none; }
.field              { margin-bottom: 5px; }
p label             { font-size: 1em; }

#action_buttons         { text-align: right; margin-top: 20px; border: 0; }
#action_buttons input   { border: 0; width: auto; height: auto; padding: 0; }

.redText            { color: #f00; }

#user_data p         { font-weight: bold; color: #666; padding-bottom: 10px; }

.error              { background: #ffe; width: 550px; color: #f00; font-size: 2em; padding: 20px; border: 1px solid #f00; margin-bottom: 20px; }



select,
.input_text,
textarea                            { padding: 2px; border: 1px solid #c2c2c2; border-color: #c2c2c2 #ebebeb #ebebeb #c2c2c2; font: 1em/1.5 Arial, Helvetica, sans-serif; color: #333; }

textarea                            { height: 100px; width: 540px; font-size: 1.3em; }

#user_data          { border-top: 5px solid #d3eff1; width: 550px; }
#user_data div      { padding-top: 10px; }
#user_data .first-child { padding-top: 0; }
#user_data fieldset { margin: 0; }

#user_data input,
#user_data select    { font: 1.3em/1.5 Arial, Helvetica, sans-serif; }

#odsl_u             { margin-right: 10px; }




.clearfix:after 
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.step0 h2, .step1 h2, .step2 h2, .step3 h2
{ font-size: 2em; }

.step2 h4
{ font-size: 1.8em; font-weight: normal; margin-bottom: 30px; clear: both; }



.step0 p, .step1 p
{ width: 100%; }

.step0 ul
{ width: 80%;}

.links
{ padding: 30px; }

.links a
{ display: block; width: 100px; background: url(button_bg.gif); padding: 2px 2px 0px 10px; border: 2px #d8d8d8 solid; font-size: .9em; color: #565656; text-decoration:none; margin-right: 100px; float: left; }

.step1 .links, .step2 .links
{ padding-left: 0; }

.step1 h3, .step2 h3
{ border-bottom: 1px #d3d3d3 solid; width: 100%; padding-bottom: 5px; }

.first_child, .second_child
{ width: 40%; float: left; margin-bottom: 30px; }

.first_child
{ margin-right: 100px;}

.first_child p, .second_child p
{ width: 100%; }






.step2 label
{ display: block; width: 40%; float: left;  }

.step2 label em
{ display: block; font-size: .8em; }

.step2 .first_child
{ width: 50%; margin-right: 0; }



.step2 .uvjeti
{ padding-top: 30px; }

.step2 input
{ float: left; width: 50%; padding: 5px; margin-bottom: 20px; }

.step2 textarea
{ width: 100%; }

.step2 .small
{ width: 44.5%; }

.step2 .first_child .small
{ width: 88%; }

.step2 .first_child em
{ display: block; clear: both;  }

.radio input, .radio label
{ display: inline; width: auto; }

.radio label
{ margin-top: -3px; }

.step3  label
{ display: block; margin: -15px 0 20px 30px; }

.step2 select
{ width: 50px;  float: left; padding: 5px 0 8px 0;}

.step2 .first_child input
{width :100%;   float: left; padding: 5px 0 8px 0;}

#btnSave
{ width: auto; height: auto; margin: -7px 0 0 10px; background: url(button_bg.gif) no-repeat; border: #e3e3e3 1px solid; padding: 5px; }

textarea
{ height: 200px; }