/*
  ================== MAIN CSS FILE ==================

    CREATED: 8. 6. 2011  

  ===================================================
*/


/******************* css reset **********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body        {line-height:1;}

ul          {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

table       {border-collapse:collapse; border-spacing:0;}

a img       {border:none;}

input[type="submit"], input[type="button"], button {cursor:pointer;}
textarea    {overflow:auto;}
:focus      {outline:none;}

/***** Firefox buttons fix *****/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {border:0;padding:0;margin:0;}


/******************* general elements **********************/
html        {font-family:Trebuchet MS, Helvetica, sans-serif; font-size:12px; height:101%;}

body        {font-size:14px; color:#010100; background:#04b3c1 url('../images/bg-blue.png') repeat-x; }

.wrapper    {background: url('../images/bg-stripes.png') repeat 0 0; padding:15px 10px;}

.page       {width:1020px; margin:0 auto; background:#fff;}


.content    {padding:20px 40px 50px;}

h1 {padding:0 0 20px; font-size:25px; color:#0991a9;}
.content h2 {padding:0 0 15px; font-size:15px; color:#0991a9; font-weight:bold; }
.content h3 {padding:0 0 12px; font-size:14px;}
.content h4 {padding:0 0 5px; font-size:12px;}

.content ul, .content ol {padding:10px 0 10px 20px; line-height:1.5;}
.content ul {padding-left:0;}
.content ul li {background-image:url('../images/bullet.gif'); background-repeat:no-repeat; background-position: 5px 7px; padding:0 0 0 20px;}

a           {color:#0991a9;}
a:hover     {color:#000;}

.clear      {clear:both; height:0px; overflow:hidden; border:0;}
.left       {float:left;}
.right      {float:right;}
.hidden     {position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden;}


/***************** header *****************/
.header     {margin:0 40px;}
.mainTitle  {color:#fdfdfd; clear:both; font-size:30px;}
.logo       {float:left; width:170px; margin:30px 0 0 0;}

.steps      {background-color:#08798f; padding:20px 40px; margin:25px -40px 0; }
.steps ul   {background:#08798f; height:106px;}
.steps li a {text-decoration:none; color:#fff;}
.steps li   {width:145px; height:46px; padding:60px 0 0 68px; border-right:12px solid #08798f; float:left; font-size:16px; font-weight:bold; color:#fff; background:#0991a9; position:relative;}

.steps li span {display:block; font-size:60px; height:106px; line-height:106px; padding:0 8px; width:40px; border-right:1px solid #08798f; text-align:center; position:absolute; top:0px; left:0px;}
.steps li.active {background-color:#feb402; color:#fff;}
.steps li.active a {color:#fff;}

/***************** content ****************/

button#expand, button#collapse, button#default {display:none;}

.configurator ul {padding:0 0 0 20px;}
.configurator ul.hide {display:none;}
.configurator span {cursor:pointer;}
.configurator span.expanded, .configurator span.collapsed {display:inline-block; margin:0 25px 0 -41px; width:16px; height:16px; cursor:pointer; background-image: url('../images/ui-icons_222222_256x240.png'); text-indent:-9999px;}
.configurator span.expanded {background-position:-47px -128px;}
.configurator span.collapsed {background-position:-15px -128px;}

.configurator {font-size:14px; color:#010100; line-height:1.5; margin:0 0 20px 15px;}

.configurator li {padding-left:25px !important;}
.configurator > li {background-image:none !important;}

.configurator ul li {padding-left:25px !important; margin:0 0; background:#fff;}
ul.configurator li:last-child {border:none !important;}
ul.configurator li.leaf, .configurator li.collapsed {border-bottom:1px solid #fff;}
.configurator input[type="checkbox"] {vertical-align:midle; margin:4px 0px 0 -20px;}
.configurator label, .configurator .hasChildren {cursor:pointer; display:inline-block; padding:0; margin-left:8px; margin-bottom:2px;}
/*.configurator .checked > label, .configurator .checked > .hasChildren {background: #c3e7f1; color:#084658;}*/
.configurator .always {background: url('../images/bullet.gif') no-repeat 10px 8px; padding-left:28px !important;}
.configurator .root {font-weight:bold;}

.configurator textarea {display:block; width:500px; height:100px; margin:0 0 10px 0;}
.configurator label {font-weight:normal !important;}
.configurator-emph-online {color:#FE8402;}
.configurator-no-emph-online {color:black;}

.contentWrapper    {}

.propertyForm fieldset {float:left; width:420px;}
.propertyForm .propertyInfo {width:450px; margin-right:10px; border-right:1px solid #ddd;}

.contentWrapper #step1 {width:920px;}
.contentWrapper #step1 label {font-weight:normal; padding:0 0 10px;}
.contentWrapper #step1 textarea {width:850px; height:110px; border:1px solid #958d92; border-left:1px solid #e5e3e5; border-bottom:1px solid #e5e3e5;}

.tooltip {color:#0991a9; font-size:14px;}


form        {}
fieldset    {}
legend      {font-weight:bold; padding:5px 0 15px; font-size:16px; color:#0991a9;}
form p      {padding:10px 0; clear:both;}
label       {display:block; padding:0 0 2px; vertical-align:top; clear:both;}
input[type="text"], input[type="password"], textarea {width:200px; padding:3px 5px; border:1px solid #999;}
input[type="text"], input[type="password"], input[type="submit"], input[type="button"], button, select, textarea {margin:0 0 10px; color:#444; font-size:12px; vertical-align:top;}
select      {width:212px; height:23px;} /* input width + padding + border */
textarea    {width:500px; font-family:Arial, Helvetica, sans-serif;}
input[type="submit"], input[type="button"], button {padding:2px 5px;}
label.toRadio {display:inline;padding: 0px; vertical-align: bottom;}

.shortInput {width:22px !important;}
.middleInput {width:50px !important;}
.predcisliInput {width:30px !important; float:none; display:inline-block !important;}
.phoneInput {width:142px !important; float:none; display:inline-block !important;}

.formRow1.left {margin:0 10px 0 0;}
.formRow1 label {padding:5px 0;}
.formRow1.radios .label {display:block; padding:5px 0; font-weight:bold;}
.formRow1.radios input[type="radio"] {float:none; display:inline-block;}
.formRow1.radios label {float:none; width:auto; display:inline-block; font-weight:normal; margin:0 10px 0 0;}
.formRow1.radios input[type="text"] {float:none; display:inline-block;}
.formRow1 textarea {width:350px; height:70px;}

.formRow2 {clear:both;}
.formRow2 label {float:left; width:319px; padding:5px 0; margin:0 0 10px;}

.formRow1 input {display:block;}

.required   {color:red;}

input.button {display:block; float:right; font-size:16px; color:#0991a9; text-decoration:none; padding:8px 40px 8px 10px; margin:20px 0 0; border:1px solid #04b3c1; font-weight:bold; background: url('../images/link-arrow.png') no-repeat 100% 7px;}
input.button:hover {color:#feb402; border-color:#feb402; background-position:100% -71px;}

.messages  {text-align:center; padding:0 0 20px; font-weight:bold; line-height:1.5;}
.messages span {padding:0 0 10px 27px; display:inline; display:inline-block; font-size:13px;}
.messages .error span {color:red; background:url('../images/error.png') no-repeat 0 0;}
.messages .success span {color:green; background:url('../images/success.png') no-repeat 0 0;}
ul.messages li {background:none;}
input.error {background-color:#e85f5f; color:#fff; -moz-box-shadow:inset 0 0 0 #eee; -webkit-box-shadow:inset 0 0 0 #eee; box-shadow:inset 0 0 0 #eee;}
textarea.error {background-color:#e85f5f; color:#fff; -moz-box-shadow:inset 0 0 0 #eee; -webkit-box-shadow:inset 0 0 0 #eee; box-shadow:inset 0 0 0 #eee;}
select.error {background-color:#e85f5f; color:#fff;}

.lang      {position:absolute; right:20px; top:-25px;}
.lang li   {float:left; padding:0 0 0 10px;}

.summary ul {font-size:14px; font-weight:bold;}
.summary ul ul ul li, .summary ul.otherServices li {font-weight:normal;}
.summary p {font-weight:normal;}
.summary table {margin-bottom:10px; width:100%;}
.summary th, .summary td {padding:6px 10px; border-bottom:1px solid #ddd;}
.summary td {padding:8px 10px; vertical-align:middle;}
.summary tr:nth-child(even) td, .summary tr:nth-child(even) th {background:#F7F7F7;}
.summary th {width:165px; text-align:left; color:#0991a9; background-color:#eee;}
.summary .property, .summary .contact {float:left; margin:30px 0px 20px 0;}
.summary .contact {float:right;}
.summary .property table, .summary .contact table {width:400px;}
.summary .property th, .summary .contact th, .summary .dph th {background-color:transparent;}
.summary .button {float:left; margin-bottom:35px;}
.summary .green {float:right; background-color:#41b32a; font-size:15px; color:#fff; font-weight: bold; text-decoration: none;}
.summary .green:hover {background:#5BC643;}

.confirmation {text-align:center;}
.confirmation p {font-size:20px; font-weight:bold; color:#0991a9; padding:0 0 20px; width: 70%;margin:auto;}