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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, 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 {
color: #3695cc;
}
a:hover {
color: #1c6691;
}
/* COMMON LAYOUT GRID */
.wrapper {
width:982px;
margin:0 auto;
}
.wrapper.singlePanel {
width:380px;
}
.wrapper.loginAccountPanel {
width:700px;
}
.mb20 {margin-bottom:15px;}
.mb10 {margin-bottom:10px;}
.mb5 {margin-bottom:5px;}
.loginPanel {
padding-top:20px;
}
.loginPanel h2 {
padding-bottom:15px;
color: #1c6691;
}
.loginPanel .round-white-cont {
margin-bottom:30px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 40px;
padding-left: 20px;
}
.round-white-cont {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0px -1px 0px #acacac;
-moz-box-shadow: inset 0px -1px 0px #acacac;
box-shadow: inset 0px -1px 0px #acacac;
border:1px solid #ccc;
}
.login-form .round-white-cont h2
{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 2%, #dfddde 98%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#fefefe), color-stop(98%,#dfddde), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#fefefe 2%,#dfddde 98%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#fefefe 2%,#dfddde 98%,#ffffff 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#fefefe 2%,#dfddde 98%,#ffffff 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#dfddde',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#fefefe 2%,#dfddde 98%,#ffffff 100%); /* W3C */
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
zoom:1;
}
.login-form .round-white-cont h2, .signup-form .round-white-cont h2 {
background: #FFFFFF;
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EDEDED',GradientType=0 );
background: linear-gradient(top, #ffffff 0%, #ededed 100%);
}
.login-form .round-white-cont h2,
.signup-form .round-white-cont h2 {
padding:15px 0 15px 20px;
font-size:18px;
border-bottom:1px solid #ccc;
}
/* Signup */
.signupPanel {
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 25px;
}
.signupPanel {
width:620px;
margin:0 auto;
}
.loginPanel {
padding-top:20px;
}
.loginPanel .round-white-cont {
margin-bottom:20px;
padding:20px;
}
.signupPanel h2,
.loginPanel h2,
.singlePanel h2 {
padding-bottom:15px;
}
.signupButtons {
padding-top:10px;
}
#emailInput {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0px -1px 0px #acacac;
-moz-box-shadow: inset 0px -1px 0px #acacac;
box-shadow: inset 0px -1px 0px #acacac;
border:1px solid #d8d8d8;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
padding-top: 20px;
padding-right: 25px;
padding-bottom: 30px;
padding-left: 25px;
}
/* Signup in a Modal */
.signupModal h2 {
display:none;
}
.signupModal #emailInput {
padding:0;
background:0;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:0;
}
.signupModal #emailInput input {
width:80%;
}
.signupModal .signupButtons {
padding-bottom:10px;
}
.recommendedApp h2 {
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* Developer Signup */
#activateBenefits.developerBenefits li {
background:url(images/sprite-developer-how_it_works.png) no-repeat 0 20px;
padding-bottom:130px;
}
#activateBenefits.developerBenefits li.publish {
background-position:-230px 20px;
}
#activateBenefits.developerBenefits li.paid {
background-position:-435px 20px;
}
#emailInput {min-height:0}
#emailInput .form-row {margin-bottom:0}
#emailInput .form-field,
#forgotPassword .form-field
{
float:none;
display:block;
position:relative;
}
#emailInput input {
padding:7px 5px 7px 47px;
font-size:18px;
width:87%;
}
#emailInput input.defaultValue {
background-image: url(http://www.booking-dalmatia.com/index_files/email-blue-32.jpg);
background-repeat: no-repeat;
background-position: 8px 6px;
}
#emailInput .icon.emailForm {position:absolute;top:12px; left:15px;cursor:auto;}
.signupModal #emailInput .icon.valid,
.signupModal #emailInput .icon.invalid
{
right:24px;
}
#emailInput .icon.valid,
#emailInput .icon.invalid {
right:5px;
top:12px;
}
#forgotPassword .icon.valid,
#forgotPassword .icon.invalid {
right:-6px;
}
#emailInput button {
margin-top:2px;
padding:10px 15px;
margin-left:10px;
}
#emailInput .buttonCell {width:20%; }
#emailInput table tr td {vertical-align:top;}
.purchaseLogin #emailInput input {padding:8px 5px; font-size:14px;width:95%}
.purchaseLogin h2 {
margin-bottom:15px;
}
.purchaseLogin #emailInput .form-field .icon {display:none}
.purchaseLogin #emailInput .buttonCell {width:27%;}
.purchaseLogin #emailInput .
.purchaseLogin #emailInput button { margin-top:0;}
/* TEXT */
body {color:#333;font-size:12px;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Helvetica Neue", Arial, sans-serif;
}
a {text-decoration:none;}
.tMini {font-size:11px;}
.tTiny {font-size:12px;line-height:15px;}
.tSmall {font-size:12px;}
.tMedium {font-size:14px;}
.tLarge {font-size:16px;}
.tBold {font-weight:bold;}
.tItalic {font-style:italic;}
a, .linkLook {cursor:pointer;}
a:active,
a:focus {
outline:0;
border:0;
}
h1 {
font-size:24px;
}
h2 {
font-size:20px;
}
h3 {
font-size:14px;
font-weight:bold;
}
b {
font-weight:bold;
}
.b {
font-weight:bold;
}
.tRed {
color:#E83005;
}
.tGreen {
color:#66CC00;
}
.tGrey {
color:#666;
}
.tTiny {
font-size:12px;line-height:15px;
}
.p10 {
padding:10px;
}
.p20 {
padding:20px;
}
.sredina {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.tOrange {
color:#FF8000;
}
.tBlue {
color:#009EDE;
}
.bgSivo {
background-color: #CCCCCC;
}
.bgBijelo {
background-color: #fff;
}
.bgZeleno {
background-color: #7DFF7D;
}
.bgNarancasto {
background-color: #FFAC84;
}
.bgPlavo {
background-color: #A4D1FF;
}
/* Text Colors */
h1,
h2,
.billingDetailTable .detailHeader .headerHighlight,
.select-purchase .total-line .price,
.workEmployer,
.educationSchool,
.roleInfo h3,
.appInfo h3,
.userList-row.selected .userInfo *,
.reviews-row .summary,
.modal-content h2,
.manageapp-info .appName,
.icon.simpleArrowLeft:hover,
.icon.simpleArrowRight:hover,
a:hover,
.linkLook:hover,
#steps .step.active,
#activatePage h3,
#downloadMenu li a.active .linkLabel,
#downloadMenu li a:hover .linkLabel,
#downloadMenu a.open {
color: #1c6691;
}
a,
.linkLook,
.billsTable tr:hover td,
.slider-content li:hover .viewAll,
.slider-content li .viewAll.simpleArrow:hover,
.icon.simpleArrowLeft,
.icon.simpleArrowRight,
.gettingStartedList a,
.gettingStartedList li:hover,
.gettingStartedList li.completed-item:hover,
#usernav .dropdown li a,
#usernav li:hover .dropdown li a,
.hoverWrap,
.editProfile,
.teambox td,
.slider-content .viewAll,
.reviews-row .row-lastLine,
.resources-row.notAvailable,
.pricing-panel h1,
.compareButton label,
button.compare,
.add.another {
color: #3695cc;
}
a:hover,
#usernav li .dropdown li a:hover,
.slider-content .viewAll:hover {
color: #1c6691;
}
html, body {
height:100%;
}
#content {
height:auto;
min-height:100%;
background:#fff;
min-width:982px;
}
#main {
padding-bottom:71px;
padding-top:20px;
}
#footer {
clear:both;
position:relative;
margin-top:-37px;
min-width:982px;
}
/* HEADER */
.header_nav,
#login-header {
height:109px;
background-image: url(http://www.booking-dalmatia.com/index_files/logo_booking_dalmatia_bg.png);
background-repeat: repeat-x;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #999;
}
.header_brand {
background:transparent;
height:auto;
}
.header_brand {
height:109px;
background-image: url(http://www.booking-dalmatia.com/index_files/logo_booking_dalmatia.png);
background-repeat: no-repeat;
}
.header_nav {
height:40px;
min-width:982px; /* img disappearing on scroll fix */
}
#topnav {
list-style-type:none;
float:left;
}
#login-header #topnav {
float:right;
}
#topnav h1 {
cursor:pointer;
}
#topnav li {
float:left;
height:50px;
}
#topnav li a {
display:block;
height:45px;
line-height:45px;
font-size:14px;
text-align:center;
padding:0px 20px;
color:#009EDE;
}
#topnav li a:hover, #topnav li:hover a {
text-decoration:none;
cursor:pointer;
color:#fff;
}
#topnav li:hover {
cursor:pointer;
}
#topnav {
background:url(images/line.png) no-repeat right 0;
padding-right:1px;
}
#topnav li {
background:url(images/line.png) no-repeat left 0;
padding-left:2px;
}
#topnav li:hover a {
background: #42a0d3; /* Old browsers */
background: -moz-linear-gradient(top, #42a0d3 0%, #2b749d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42a0d3), color-stop(100%,#2b749d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #42a0d3 0%,#2b749d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #42a0d3 0%,#2b749d 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #42a0d3 0%,#2b749d 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42A0D3', endColorstr='#2B749D',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #42a0d3 0%,#2b749d 100%); /* W3C */
}
#topnav li a.selected,
#topnav li:hover a.selected {
background: #053656; /* Old browsers */
background: -moz-linear-gradient(top, #053656 0%, #115375 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#053656), color-stop(100%,#115375)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #053656 0%,#115375 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #053656 0%,#115375 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #053656 0%,#115375 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053656', endColorstr='#115375',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #053656 0%,#115375 100%); /* W3C */
}
#topnav {
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}
#login-header h1 {
float:left;
cursor:pointer;
}
#login-header h2 {
color:#E7F6FE;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
line-height:39px;
font-size:20px;
margin-left:10px;
float:left;
text-shadow: rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px, rgba(255,255,255,0.2) 0 1px, rgba(0,0,0,0.1) -1px -1px;
}
#login-header h1 {
height:109px;
background:url(http://www.booking-dalmatia.com/index_files/logo_booking_dalmatia.png) no-repeat 0 0;
_background:url(http://www.booking-dalmatia.com/index_files/logo_booking_dalmatia.png) no-repeat 0 0;
}
/* ----------------------------------------------
Footer
------------------------------------------------- */
#footer {
clear: both;
padding-top:15px;
color:#fff;
font-size:10px;
border-top:1px solid #999;
-moz-box-shadow: inset 0px 2px 5px 0px #999;
-webkit-box-shadow: inset 0px 2px 5px 0px #999;
box-shadow: inset 0px 2px 5px 0px #999;
padding-bottom:0px;
background-color: #009EDE;
}
#footer #companyText {
float: left;
}
#footer .footerText a,
#footer #companyText a {
border-left:0;
padding-left:0;
color:#fff;
}
#footer .footerText a:hover
{
color:#ccc;
}
#footer #companyText a:hover
{
color:#ccc;
}
#footer #footerMenu {
float: right;
color:#fff;
}
#footer a,
#footer .phoneNumber {
display: inline-block;
padding-left:10px;
margin:0 0 10px 10px;
border-left: thin solid #ccc;
color:#fff;
}
#footer a:hover
{
color:#ccc;
}
#footer ul {float:left; }
#footer .languageToggle {
float:left;
display:inline;
}
/* Login */
.login-form .form-row label {
font-size: 11px;
}
.block-form .form-row label,
.block-form .form-row .label {
display:block;
float:none;
width:auto;
text-align:left;
line-height:normal;
padding-bottom:4px;
}
.login-form .form-row .terms-link {
font-size: 12px;
line-height: normal;
margin-left: 3px;
display:block;
float:left;
}
.ie .login-form .form-row .terms-link {
position: static;
}
.login-form .form-field input[type=email],
.login-form .form-field input[type=text],
.login-form .form-field input[type=number],
.login-form .form-field select,
.login-form .form-field input[type=password] {
font-size: 18px;
padding: 3px 5px;
width:98%;
}
form[name=signInForm] .form-field .invalid,
form[name=signInForm] .form-field .valid {
right: -8px;
top: 6px;
}
.login-form .form-row .icon.error {
position:relative;
top:4px;
left:-25px;
margin-left:0;
}
.icon.error {
background-position:0 -162px;
width:18px;
height:16px;
}
.form-row .icon.error {
display:block;
float:right;
margin-left:4px;
margin-top:4px;
}
.login-form .forgotPassword {
float:right;
font-weight:normal;
}
.login-form .form-row label.rememberMeText {
float:left;
color:#666;
font-weight:normal;
width:255px;
}
#login_page {
}
#login_page .loginLink {
text-align:center;
padding-top:8px;
}
.login-form .orText {
float:left;
margin-top:7px;
margin-left:15px;
width:210px;
}
.login-form .buttons {
margin-left:0;
}
.block-form .form-row .form-field {
float:none;
display:block;
}
#forgotPassword .form-field
{
float:none;
display:block;
position:relative;
}
.ext-idps {
text-align:center;
border-radius:6px 6px 6px 6px;
border:1px solid #ccc;
padding-top:2px;
padding-bottom:2px;
}
.ext-idps .idp {
margin-top:12px;
margin-bottom:12px;
}
.ext-idps button {
float:none;
}
/* Clearfix */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
span.clearfix {
display:block;
}
.fleft {
float:left;
display:inline;
}
.fright {
float:right;
display:inline;
}
/* ---Icons--- */
.icon {
display:block;
}
.icon, .icon:hover {
background:url(http://www.booking-dalmatia.com/index_files/sprite-website-6.png) no-repeat 0 0;
}
.icon:hover {
text-decoration:underline;
}
.icon.google, .icon.yahoo, .icon.facebook {
width:16px;
height:16px;
cursor:pointer;
float:left;
margin-right:10px;
}
.icon.google {
background-image: url(http://www.booking-dalmatia.com/index_files/google_16.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
.icon.yahoo {
background-image: url(http://www.booking-dalmatia.com/index_files/yahoo_16.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
.icon.facebook {
background-image: url(http://www.booking-dalmatia.com/index_files/facebook_16.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.icon.accessibilityFeature {
width:32px;
height:23px;
background-position:-10px -194px;
}
.icon.economyFeature {
height:28px;
width:32px;
background-position:-10px -83px;
}
.icon.securityFeature {
height:28px;
width:32px;
background-position:-10px -5px;
}
.icon.qualityFeature {
height:30px;
width:32px;
background-position:-10px -40px;
}
.icon.fastFeature {
height:29px;
width:32px;
background-position:-10px -120px;
}
.icon.designFeature {
height:28px;
width:32px;
background-position:-10px -158px;
}
/* Sign Up marketing */
.ADbenefits {
display:block;
margin-top:15px;
width:100%;
}
.ADbenefits .feature {
padding:6px 6px 15px 6px;
}
.ADbenefits .feature .icon {
float:left;
margin-right:15px;
}
.ADbenefits .feature .icon.icecreamFeature {
margin-left:7px;
margin-right:8px;
}
.ADbenefits .featureContent {
float:left;
width:250px;
}
.ADbenefits .feature h2 {
font-weight:bold;
margin-bottom:2px;
font-size:14px;
padding-bottom:0;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}
.ADbenefits .feature p {
font-size:11px;
line-height:1.4em;
}
/* Forms */
input[type=checkbox],
input[type=radio] {
margin:0;
}
input[type=checkbox] {
width:13px;
height:13px;
}
.form-row .checkbox-item,
.form-row.checkbox-item,
.checkbox-item {
padding:2px 0;
}
.checkbox-item input,
.block-form .checkbox-item input {
float:left;
width:auto;
}
.form-row .checkbox-item label,
.form-row.checkbox-item label,
.checkbox-item label,
.block-form .form-row .checkbox-item label,
.block-form .form-row.checkbox-item label {
float:left;
display:inline;
font-weight:normal;
line-height:normal;
text-align:left;
width:auto;
padding-right:0;
padding-left:2px;
}
.form-section {
padding-bottom: 20px;
}
.form-section h2 {
font-size:16px;
border-bottom:1px solid #efefef;
padding-bottom:5px;
margin-bottom:15px;
}
.form-section h3 {
padding-bottom:10px;
}
.form-row {
padding-bottom:15px;
}
.form-section label,
.form-row label,
.form-row .label {
display: inline;
float: left;
line-height:25px;
font-weight:bold;
text-align: right;
width: 180px;
font-size:13px;
padding-right:6px;
color:#4d4d4d;
}
.checkbox-item label {
cursor:pointer;
}
.form-row .label-135 {
width: 135px;
}
.form-row.first {
margin-right:15px;
}
.form-row .form-field {
float:left;
display:inline;
font-size:14px;
}
.validated-form .form-field {
position: relative;
}
.form-field input[type=text],
.form-field input[type=number],
.form-field input[type=password],
.form-field input[type=email] {
color:#666;
font-size:13px;
padding:2px 5px;
}
.form-row input[type=checkbox] {
margin-right:5px;
vertical-align:middle;
}
.form-row textarea {
font-size:12px;
padding:2px 5px;
}
.form-row .form-field input:focus,
.form-row textarea:focus {
color:#333;
}
.form-note {
display:block;
font-size:12px;
color:#666;
font-weight:normal;
}
.form-row .form-field select {
font-size:12px;
margin-top:5px;
}
.form-row .form-field .long-select {
max-width: 370px;
}
.ie7 .form-row .form-field .long-select {
width: 370px;
}
/* ------------------------------------------- */
/*                  Buttons                    */
/* ------------------------------------------- */
button {
cursor: pointer;
width:auto;
border:1px solid #31799E;
background: #77c6f6; /* Old browsers */
background: -moz-linear-gradient(top, #c0e5f9 0%, #77c6f6 4%, #2c7eb3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0e5f9), color-stop(4%,#77c6f6), color-stop(100%,#2c7eb3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c0e5f9 0%,#77c6f6 4%,#2c7eb3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c0e5f9 0%,#77c6f6 4%,#2c7eb3 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #c0e5f9 0%,#77c6f6 4%,#2c7eb3 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c6f6', endColorstr='#2C7EB3',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #c0e5f9 0%,#77c6f6 4%,#2c7eb3 100%); /* W3C */
-moz-border-radius:4px;
border-radius:4px;
color:#fff;
font-size:12px;
-webkit-box-shadow:0 1px 2px #aaa;
-moz-box-shadow:0 1px 2px #aaa;
box-shadow:0 1px 2px #aaa;
margin-right: 6px;
margin-left: 6px;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
}
button::-moz-focus-inner {
border: none;  /* overrides extra padding in Firefox */
outline:none;
}
button:hover, button span:hover {
cursor:pointer;
text-decoration: none;
}
button.tiny {
padding:4px 6px;
-moz-border-radius:3px;
border-radius:3px;
font-size:11px;
}
button.huge {
padding:12px 20px;
font-size:16px;
width:220px;
text-shadow: 0px 1px 1px #444444;
font-weight:bold;
}
button:hover,
button:focus {
background: #ceebfc; /* Old browsers */
background: -moz-linear-gradient(top, #ceebfc 0%, #78c7f6 3%, #348ec7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ceebfc), color-stop(3%,#78c7f6), color-stop(100%,#348ec7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ceebfc 0%,#78c7f6 3%,#348ec7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ceebfc 0%,#78c7f6 3%,#348ec7 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ceebfc 0%,#78c7f6 3%,#348ec7 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79c7f6', endColorstr='#348EC7',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ceebfc 0%,#78c7f6 3%,#348ec7 100%); /* W3C */
}
button:active {
background: #033756; /* Old browsers */
background: -moz-linear-gradient(top, #033756 1%, #115476 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#033756), color-stop(100%,#115476)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #033756 1%,#115476 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #033756 1%,#115476 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #033756 1%,#115476 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033756', endColorstr='#115476',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #033756 1%,#115476 100%); /* W3C */
}
/* Grey Buttons */
button.neutral {
background: #fcfcfc;
background: -moz-linear-gradient(top, #fcfcfc 0%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #e8e8e8));
background: -webkit-linear-gradient(top, #fcfcfc 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #fcfcfc 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #fcfcfc 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e8e8e8',GradientType=0 );
background: linear-gradient(top, #fcfcfc 0%, #e8e8e8 100%);
border: 1px solid #b3bbbe;
color: #707474;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
button.neutral:focus,
button.neutral:hover {
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#E0E0E0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); /* W3C */
}
button.neutral:active {
background: #e8e8e8;
background: -moz-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #fcfcfc));
background: -webkit-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%);
background: -o-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%);
background: -ms-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#fcfcfcs',GradientType=0 );
background: linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%);
}
button.delete {
background: #AA0303;
color: #fff;
border:1px solid #780202;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
button.delete:active,
button.delete:focus,
button.delete:hover {
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background: #AA0303;
}
/* Forms */
input[type=checkbox],
input[type=radio] {
margin:0;
}
input[type=checkbox] {
width:13px;
height:13px;
}
.form-row .checkbox-item,
.form-row.checkbox-item,
.checkbox-item {
padding:2px 0;
}
.checkbox-item input,
.block-form .checkbox-item input {
float:left;
width:auto;
}
.form-row .checkbox-item label,
.form-row.checkbox-item label,
.checkbox-item label,
.block-form .form-row .checkbox-item label,
.block-form .form-row.checkbox-item label {
float:left;
display:inline;
font-weight:normal;
line-height:normal;
text-align:left;
width:auto;
padding-right:0;
padding-left:2px;
}
.form-section {
padding-bottom: 20px;
}
.form-section h2 {
font-size:16px;
border-bottom:1px solid #efefef;
padding-bottom:5px;
margin-bottom:15px;
}
.form-section h3 {
padding-bottom:10px;
}
.form-row {
padding-bottom:10px;
}
.form-section label,
.form-row label,
.form-row .label {
display: inline;
float: left;
line-height:25px;
font-weight:bold;
text-align: right;
width: 180px;
font-size:13px;
padding-right:6px;
color:#4d4d4d;
}
.checkbox-item label {
cursor:pointer;
}
.form-row .label-135 {
width: 135px;
}
.form-row.first {
margin-right:15px;
}
.form-row .form-field {
float:left;
display:inline;
font-size:14px;
}
.validated-form .form-field {
position: relative;
}
.form-field input[type=text],
.form-field input[type=number],
.form-field select,
.form-field input[type=password],
.form-field input[type=email] {
color:#666;
font-size:13px;
padding:2px 5px;
}
.form-row input[type=checkbox] {
margin-right:5px;
vertical-align:middle;
}
.form-row textarea {
font-size:12px;
padding:2px 5px;
}
.form-row .form-field input:focus,
.form-row .form-field select:focus,
.form-row textarea:focus {
color:#333;
}
.form-note {
display:block;
font-size:12px;
color:#666;
font-weight:normal;
}
.form-row .form-field select {
font-size:18px;
margin-top:5px;
}
.form-row .form-field .long-select {
max-width: 370px;
}
.ie7 .form-row .form-field .long-select {
width: 370px;
}
/* form style */
#form_login {
position:relative;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
border: 0px solid #000000;
}
#form_login input {
border:1px solid #ccc;
padding:5px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#form_login input:focus {
color:#000000;
background-color:#FFEACE;
}
#form_login input:active {
background-color:#FFEACE;
}
#form_login_book_num {
position:relative;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
border: 0px solid #000000;
}
#form_login_book_num input {
border:1px solid #ccc;
padding:5px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#form_login_book_num input:focus {
color:#000000;
background-color:#FFEACE;
}
#form_login_book_num input:active {
background-color:#FFEACE;
}
/* error message */
.error {
height:18px;
background-color:#FFFF99;
font-size:14px;
border:1px solid #7B9EBD;
padding:4px 10px;
color:#7B9EBD;
display:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-topleft:0;
-webkit-border-bottom-left-radius:0;
-webkit-border-top-left-radius:0;
-moz-box-shadow:0 0 6px #ddd;
-webkit-box-shadow:0 0 6px #ddd;
}
.error p {
margin:0;
}
/* ..with a pure CSS arrow */
.error em {
border:10px solid;
border-color:#7B9EBD transparent transparent;
bottom:-17px;
display:block;
height:0;
left:10px;
position:absolute;
width:0;
}
/* field label */
label {
display:block;
font-size:11px;
font-weight: bold;
width: 110px;
}
/* simple css-based tooltip */
.tooltip {
border:1px solid #fff;
padding:10px 15px;
width:200px;
display:none;
color:#000000;
text-align:justify;
font-size:12px;
/* outline radius for mozilla/firefox only */
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
background-color: #FFD297;
z-index: 10000;
font-weight: bold;
}
.botun {
color:#fff;
font-weight:bold;
padding:6px 16px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
text-decoration: none;
background-image: url(http://www.booking-dalmatia.com/index_files/forma_a.png);
border: thin solid #CCCCCC;
}
.botun:hover {
background-image: url(http://www.booking-dalmatia.com/index_files/forma_b.png);
}
.foot_wrap {
width:56%;
float: left;
padding-left: 24%;
padding-right: 24%;
text-align: center;
font-size: 12px;
color:#6f8a96;
}
.foot {
background:url(http://www.booking-dalmatia.com/index_files/sprites_icon.png) no-repeat 0 0;
width:100px;
height:35px;
float:left;
padding-left:35px;
margin-top: 20px;
text-align: center;
color:#6f8a96;
outline:none;
text-align: center;
font-size: 12px;
line-height: 30px;
text-decoration: none;
}
.foot:hover {
color: #0099FF;
text-decoration: underline;
}
.foot.web { background-position:0px -235px; }
.foot.zapa { background-position:0px -276px; }
.foot.kont { background-position:0px -314px; }
.foot.worl { background-position:0px -353px; padding-left:0px; width:66px; }
.foot.tran_hr { background-position:-500px 0px; padding-left:0px; width:32px; }
.foot.tran_en { background-position:-500px 0px; padding-left:0px; width:32px; }
/*===== header =====*/
/*
header nav {
position:absolute;
top:87px;
height:26px;
border:0px solid #e4e4e4;
left: 0px;
z-index: 100;
}
header nav ul li {
font-size:1.2em;
float:left;
padding-left:1px;
background-image: url(divider.gif);
background-repeat: no-repeat;
background-position: left 16px;
}
header nav ul li:first-child {
padding:0;
background:none;
}
header nav ul li a {
color:#FFFFFF;
display:block;
text-decoration:none;
padding-top: 3px;
padding-right: 18px;
padding-bottom: 3px;
padding-left: 18px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 1px 1px 0px #000;
}
header nav ul li a:hover,
header nav ul li.current a {
background-color:#FFDB29;
color:#009EDE;
text-decoration:none;
text-shadow: 1px 1px 0px #fff;
}
*/
#nav {
position:absolute;
top:87px;
height:34px;
border:0px solid #e4e4e4;
left: 0px;
z-index: 100;
line-height: 100%;
border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background-color: #009EDE;
background-image: url(http://www.booking-dalmatia.com/index_files/gradient.png);
background-repeat: repeat-x;
background-position: 0 -110px;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 0;
padding-left: 6px;
margin-left: 200px;
}
#nav li {
margin: 0 5px;
padding: 0 0 8px;
float: left;
position: relative;
list-style: none;
}
/* main level link */
#nav a {
font-weight: bold;
color: #e7e5e5;
text-decoration: none;
display: block;
padding:  8px 20px;
margin: 0;
-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
letter-spacing: 1px;
}
#nav a:hover {
background: #000;
color: #fff;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
color: #444;
border-top: solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);
text-shadow: 0 1px 0 rgba(255,255,255, 1);
background-color: #FFDB29;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
background: none;
border: none;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
font-weight: bold;
text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
#nav ul a:hover {
color: #FFDB29 !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 0 1px 1px rgba(0,0,0, .1);
background-color: #0078ff;
background-image: url(http://www.booking-dalmatia.com/index_files/gradient.png);
background-repeat: repeat-x;
background-position: 0 -100px;
}
/* dropdown */
#nav li:hover > ul {
display: block;
}
/* level 2 list */
#nav ul {
display: none;
margin: 0;
padding: 0;
width: 190px;
position: absolute;
top: 35px;
left: 0;
border: solid 1px #b4b4b4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
background-image: url(http://www.booking-dalmatia.com/index_files/gradient_blue.png);
background-repeat: repeat-x;
background-position: 0 0;
}
#nav ul li {
float: none;
margin: 0;
padding: 0;
}
#nav ul a {
font-weight: normal;
text-shadow: 0 1px 0 #fff;
}
/* level 3+ list */
#nav ul ul {
left: 180px;
top: 3px;
width: 235px;
}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#nav {
display: inline-block;
}
html[xmlns] #nav {
display: block;
}
* html #nav {
height: 1%;
}
.col_left {
float:left;
width:200px;
}
.col_right {
float:left;
width:82%;
}
.boxyz {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0, .3);
-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0, .3);
box-shadow: 3px 3px 3px 3px rgba(0,0,0, .3);
margin: 5px;
padding: 5px;
float:left;
}
.left_width {
width:180px;
}
table.calendar_big {
color:#FFFFFF;
border-collapse: collapse;
text-align:center;
font-weight: bold;
border: 1px solid #CCCCCC;
}
table.calendar_big th {
background-color: #009EDE;
border: thin solid #007DB5;
padding-top: 4px;
padding-right: 2px;
padding-bottom: 4px;
padding-left: 2px;
}
table.calendar_big td {
color: #007DB5;
width:21px;
padding-top: 4px;
padding-right: 2px;
padding-bottom: 4px;
padding-left: 2px;
border: 1px solid #CCCCCC;
}
table.calendar_big td:hover {
background-color: #CCCCCC;
color: #fff;
text-decoration: none;
}
table.calendar_big caption {
margin-left: inherit;
margin-right: inherit;
}
.modal {
background-color:#fff;
display:none;
width:300px;
padding:15px;
text-align:center;
border:2px solid #333;
opacity:0.8;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-moz-box-shadow: 0 0 50px #ccc;
-webkit-box-shadow: 0 0 50px #ccc;
color: #FF9933;
}
.modal h2 {
margin:0px;
font-size:20px;
padding-top: 10px;
}
.thumbnail-item {
/* position relative so that we can use position absolute for the tooltip */
position: relative;
float: left;
}
.thumbnail-item a {
display: block;
}
.thumbnail-item img.thumbnail {
border:3px solid #ccc;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin-top: 5px;
margin-left: 5px;
}
.tooltip_pic {
/* by default, hide it */
display: none;
/* allow us to move the tooltip */
position: absolute;
/* align the image properly */
padding: 8px 0 0 8px;
}
.tooltip_pic span.overlay {
/* put this overlay on the top of the tooltip image */
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 350px;
height: 200px;
background-image: url(overlay2.png);
background-repeat: no-repeat;
}
/* Step flows */
#steps {
margin:0 auto;
padding-bottom:20px;
width:700px;
}
#steps.stepNum3 {
width:530px;
}
#steps.stepNum2 {
width:355px;
}
#steps.stepNum5 {
width:880px;
}
#steps .stepText {
margin-bottom:5px;
}
#steps.taller .stepText {
height:24px;
}
#steps .step {
float:left;
width:170px;
color:#666;
padding-right:5px;
}
#steps .step .stepBar {
-webkit-box-shadow: inset 0 4px 3px #888888;
-moz-box-shadow: inset 0 4px 3px #888888;
box-shadow: inset 0 4px 3px #888888;
border: 1px solid #fff;
background-color: #c8c8c8;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height:5px;
}
#steps .step.active .stepBar {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
#steps .step .completed {
color:#999;
}
#steps .step .completed .stepBar {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
#steps .step.active {
font-weight:bold;
}
/* Login modal */
#activatePage.round-white-cont {
padding:20px 0;
width:700px;
float:left;
}
#activatePage h3 {
padding-bottom:2px;
padding-left:187px;
background-color: #FFFFCC;
}
#activatePage h4 {
font-size:11px;
padding-bottom:10px;
padding-left:187px;
width:360px;
line-height:1.2em;
font-weight:normal;
}
#activatePage .activate-section {
padding-bottom:10px;
}
#activatePage .form-field {
position:relative;
}
#activatePage .icon.error {
position:absolute;
left:auto;
right:6px;
top:4px;
}
#activatePage .form-field input[type=text],
#activatePage .form-field input[type=number],
#activatePage .form-field input[type=email],
#activatePage .form-field select,
#activatePage .form-field input[type=password] {
width:258px;
background:#f2f2f2;
border:1px solid #bbb;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#activatePage .form-field input[type=text]:focus,
#activatePage .form-field input[type=number]:focus,
#activatePage .form-field select:focus,
#activatePage .form-field input[type=password]:focus {
background:#fff;
}
#activatePage .form-row label {
line-height:28px;
}
#activatePage .form-row .checkbox-item label {
line-height:normal;
font-size:12px;
}
#activatePage .feedbackPanel {
margin-left:20px;
margin-right:20px;
}
.login-form#activatePage .buttons {
margin-left:190px;
}
.login-form#activatePage .buttons button.nextStep {
float:none;
}
#activatePage button.nextStep.none {
display:none;
}
.activate-section .form-row .tGrey {
font-size:10px;
padding-left:2px;
}
.agreeLinks {
padding-top:15px;
}
.activate-section .agreeLinks label {
float:left;
font-weight:normal;
font-size:12px;
text-align:left;
line-height:normal;
}
.activate-section .agreeLinks input {
float:left;
}
.activate-section .agreeLinks input.errorField {
border:1px solid #ce432c;
}
#activatePage .agreeLinks .icon.error {
right:-18px;
top:17px;
}
#activatePage .select-item .icon.error,
#activatePage .checkbox-item .icon.error {
right:-25px;
top:-1px;
}
#activateBenefits {
float:left;
margin-top:10px;
padding:20px;
width:235px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-topleft:0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left:0;
}
#activateBenefits h2 {
font-size:16px;
padding-bottom:25px;
line-height:1.3em;
}
#activateBenefits li {
padding-bottom:35px;
}
#activateBenefits h3 {
font-size:16px;
text-align:center;
padding-bottom:2px;
line-height:1.2em;
font-weight:normal;
}
#activateBenefits p {
font-size:12px;
line-height:1.3em;
text-align:center;
color:#666;
}
.sizeOption {
width:152px;
height:23px;
line-height:23px;
float:left;
background-color:#f2f2f2;
margin-right:8px;
color:#666;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:8px 0px 8px 6px;
border:1px solid #bbb;
}
.sizeOption:hover {
color:#333;
cursor:pointer;
}
.sizeOption.active {
color:#333;
background:#fff;
}
.sizeOption input[type="radio"] {
margin-top:4px;
float:left;
margin-left: 5px;
}
.ie9 .sizeOption input[type="radio"] {
margin-top:0px;
margin-left: 0px;
}
.sizeOption p {
float:left;
margin-left:4px;
font-size:12px;
white-space:nowrap;
vetical-align:middle;
}
.sizeOption .icon.SMALL {
margin-top:1px;
}
.sizeOption .icon {
float:left;
}
.buttons button.nextStep {
margin-right:0;
}
button.nextStep span.hIcon,
#inviteUsers button.nextStep span.hIcon {
background:url(images/sprite_horizontal-icons.png) no-repeat right -2494px;
padding:0 20px 0 0;
width:auto;
}
/* Password Strength */
.passwordResetInput {
position:relative;
}
.passwordResetInput #passwordStrength {
right:25px;
}
.passwordPolicy {
font-size:10px;
margin-left:25px;
width:200px;
line-height:1.3em;
float:left;
}
/* SVG icons */
.icon.coSize
{
background-image:none;
}
/* --Containers--- */
.round-white-cont,
.edition-wrap {
background:#fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0px -1px 0px #acacac;
-moz-box-shadow: inset 0px -1px 0px #acacac;
box-shadow: inset 0px -1px 0px #acacac;
border:1px solid #ccc;
}
.greySidePanel {
background:#f4f4f4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0px -1px 0px #acacac;
-moz-box-shadow: inset 0px -1px 0px #acacac;
box-shadow: inset 0px -1px 0px #acacac;
border:1px solid #ccc;
}
/*Steps-Reservation*/
#order-comparison .stepscontainer {
width: 240px;
font-size: 11px;
margin: 15px auto 10px auto;
}
#order-comparison .stepscontainer .arrow {
float: left;
width: 19px;
height: 20px;
background-image: url('http://www.booking-dalmatia.com/index_files/stepsarrow_20.png');
}
#order-comparison .stepscontainer .arrowactiveleft {
float: left;
width: 19px;
height: 20px;
background-image: url('http://www.booking-dalmatia.com/index_files/stepsarrowactiveleft_20.png');
}
#order-comparison .stepscontainer .arrowactiveright {
float: left;
width: 19px;
height: 20px;
background-image: url('http://www.booking-dalmatia.com/index_files/stepsarrowactiveright_20.png');
}
#order-comparison .stepscontainer .stepactive {
float: left;
background-image: url('http://www.booking-dalmatia.com/index_files/activestep.png');
line-height: 20px;
text-align: center;
color: #fff;
}
#order-comparison .stepscontainer .step {
float: left;
line-height: 20px;
text-align: center;
color: #000;
}
#order-comparison .stepscontainer .title {
font-size: 14px;
font-weight: bold;
padding-right: 5px;
}
.rezerv_sumary {
width: 100%;
border: thin solid #CCCCCC;
font-size: 11px;
}
.rezerv_sumary td {
text-align: left;
vertical-align: middle;
border: thin solid #ccc;
padding: 2px;
width: 50%;
}
.form-item-login-or-pin label{
display:block;
font-size:115%;
font-weight:bold;
color:#333;
padding-bottom:3px;
}
.vm_acc{
vertical-align:middle;
}
.orcell_acc{
vertical-align:middle;
padding:0px 40px 0px 40px;
font-weight: bold;
}
.orword_acc{
position:absolute;
margin-top:80px;
background-color:white;
margin-left:-13px;
padding:5px;
font-size:150%;
}
.orline_acc{
width:3px;
border-left:solid 1px #999;
height:15em;
margin:auto;
}
.cbt_acc{
clear:both;
}
.privacy-policy-agreement_acc{
margin-top:15px;
}
.objasnjenja
{
width: 45%;
margin: 0px auto;
font-weight: bold;
}