body {
    margin: 0;
    font-size:75%; 
    line-height:1.4em; 
    font-family: Verdana;
    background-color:#c0c0c0;
    text-align: center; /* for IE */
}
a:link {
    text-decoration: none;
    color:#3333e4;
}
a:visited {
    text-decoration: none;
    color:#3333e4;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}

  
div, img, a, form, span, table, td, tr, th, ul, li, ol, dd, dt, em, h1, h2, h3, h4, h5, h6, p, fieldset, legend, hr, blockquote, pre, code { margin:0; padding:0; border:0; font-size:1em; text-indent:0; }

/* Divs */

#container { position: relative; width: 1004px; height: 820px; margin: 0 auto;   /* align for good browsers */ text-align: left; /* counter the body center */}

#head { position: relative; width: 1004px; height: 83px; background-image: url("design/head_bg.png"); background-repeat: repeat-x; z-index: 2;}
#body { position: relative; width: 1004px; height: 697px; padding-top: 20px; background-image: url("design/body_bg.png"); background-repeat: repeat-y; } /* height je -20px  zaradi padding-top */
#foot { position: relative; width: 1004px; height: 20px; background-image: url("design/foot_bg.png"); background-repeat: repeat-x; text-align: center; font-size: 11px; }
#show_status { position: fixed; left: 20px; top: 20px; width:100px; height: 32px; font-size: 12px; color: #1E68F1;}

* html #show_status { }

.saving_box_text { padding-left: 4px;}

.copyright { padding-top: 2px; }

.head_logo { position: relative; margin-top: 20px; margin-left: 15px; }
#select_lang { position: absolute; top: 10px; left: 835px; width: 160px; height: 30px;}
.sel_lang_form { position: relative; top: 4px; left: 20px; }
.sel_lang_option { width: 120px; }

#head_username_corner { position: absolute; top: 58px; left: 795px; width: 9px; height: 19px; background-image: url("design/head_username_corner_bg.png"); background-repeat: no-repeat; } 
#head_username { position: absolute; top: 58px; left: 804px; width: 200px; height: 19px; background-image: url("design/head_username_body_bg.png"); background-repeat: repeat-x; padding-top: 3px; text-align: center; }
.username_text { color: #0068c3; font-size: 11px;}
.username_logout { color: #d54735; font-size: 10px;}

#head_menu { position: absolute; top: 60px; left: 450px; width: 260px; height: 17px;}
#survey_container { position: relative; top: 20px; width: 974px; height: 430px; }

/* Buttons */
div.fadehover { width: 80px; height: 17px; position: relative; }  
img.a { position: absolute; left: 0; top: 0; z-index: 10; }  
img.b { position: absolute; left: 0; top: 0; }  

#decoration_flowers { position: absolute; width: 123px; height: 102px; left: 866px; top: -16px; background-image: url("design/flowers.png"); background-repeat: no-repeat; z-index: 1;}
#decoration_track { position: relative; width: 129px; height: 63px; top: -86px; left: 13px; background-image: url("design/track.png"); background-repeat: no-repeat; z-index: 1;}

/* Reset password page */
#go_back_bottom { position: relative; top: -110px; width: 400px; height: 60px; padding: 20px 20px 20px 20px; margin: 20px auto; text-align: left;}
.recover_pass_input { width: 150px; }
.resend_button { color:#2f6996; background: transparent url('design/chpass_button.png') no-repeat; width: 126px; height: 18px; border: none; }
.reset_passSuc { color: #4bb146;}
.reset_passError { color: #e62552;}
#forgotpasswordlinkDiv { position: relative; top: -110px; width: 400px; height: 60px; padding: 20px 20px 20px 20px; margin: 20px auto; text-align: left; }

/* Front page */
#bodyIN { position: relative; width: 974px; left: 15px; z-index: 10;}
.frontPage_title { font-size: 15px; font-weight: bold; color: #3399cc; }
.frontPage_text { margin-left: 15px; margin-top: 15px; font-size: 12px; z-index: 2;}
#horiz_line { position: relative; top: 20px; height: 20px; text-align: center;}
#default_body { position: relative; top: 30px; width: 974px; height: 430px; z-index: 2; }
#fp_yellow_box { position: relative; width: 544px; height: 388px; left: 15px; background-image: url("design/fp_yellow_box.png"); background-repeat: no-repeat; }
#fp_or_word { position: absolute; width: 36px; height: 32px; left: 570px; top: 180px; }
#fp_blue_box { position: absolute; width: 341px; height: 388px; left: 617px; top: 0px; background-image: url("design/fp_blue_box.png"); background-repeat: no-repeat; }

.fp_box_title { position: relative; top: 18px; left: 15px; }
.fp_yellow_text { position: relative; top: 30px; left: 25px; width: 295px; height: 200px; color: #6c5c50; font-size: 14px; }
.fp_yellowbox_image { position: absolute; top: 44px; left: 340px; }
.fp_yellowbox_button { position: absolute; top: 320px; left: 60px; color:#df7d42; background: transparent url('design/fp_yellow_button_bg.png') no-repeat; width: 210px; height: 25px; border: none; font-size: 15px;}

.fp_blue_text { position: relative; top: 30px; left: 25px; width: 295px; height:170px; color: #6c5c50; font-size: 14px; }
.fp_bluebox_button { position: absolute; top: 330px; left: 60px; color:#168cc9; background: transparent url('design/fp_blue_button_bg.png') no-repeat; width: 210px; height: 25px; border: none; font-size: 15px;}

/* Bottom assistance */
#fp_bottom { position: relative; top: 5px; width: 974px; height: 135px; z-index: 2;}
.frontPage_Bottomtitle { font-size: 15px; font-weight: bold; color: #7d7d7d; }

/* TAKE A TOUR PAGE */
.tat_title { position: relative; font-size: 15; font-weight: bold; color: #3399cc; padding-bottom: 8px;}
.tat_finish_text { position: relative; font-size: 18; font-weight: bold; color: #f9b82e;}
.tat_text { position: relative; font-size: 13; padding-left: 5px;}
.tat_ul_alinea { position: relative; padding-left: 6px; font-size: 13; list-style: square url("design/tour/alinea-icon.png");}
.tat_li_alinea { position: relative; margin-left: 25px; font-size: 13; padding-top: 3px; } 
.tat_li_alinea2 { position: relative; margin-left: 45px; font-size: 13; padding-top: 5px;}

.image_comment { position: relative; font-size: 12px; color: #a7a7a7; margin-top: 6px;}

.tatNext_button { position: relative; color:#2f6996; background: transparent url('design/survey_nextBut.png') no-repeat; width: 200px; height: 25px; border: none; font-size: 12px; font-weight: bold; }
.tatBack_button { position: relative; color:#2f6996; background: transparent url('design/survey_backBut.png') no-repeat; width: 200px; height: 25px; border: none; font-size: 12px; font-weight: bold; }


/* SURVEY PAGE */
/* - More beaches/marinas subpage */
.survey_title { font-size: 15px; font-weight: bold; color: #3399cc; }
.survey_text { margin-left: 15px; margin-top: 15px; font-size: 12px; }
#mbm_body { position: relative; top: 30px; width: 974px; height: 300px; z-index: 2; }
#mbm_beaches_box { position: relative; width: 462px; height: 247px; left: 15px; background-image: url("design/mbm_beaches_box.png"); background-repeat: no-repeat; }
#mbm_marinas_box { position: absolute; width: 462px; height: 247px; left: 496px; top: 0px; background-image: url("design/mbm_marinas_box.png"); background-repeat: no-repeat; }
#bottom_assistance { position: relative; top: 15px; width: 974px; height: 265px; } 
.assistance_Bottomtitle { font-size: 15px; font-weight: bold; color: #7d7d7d;}
.assistance_text { margin-left: 15px; margin-top: 15px; font-size: 12px; }
.mbm_box_title { position: relative; top: 18px; left: 15px; } 

  
.mbm_list_text { position: relative; top: 20px; left: 25px; width: 190px; height: 150px; color: #6c5c50; font-size: 14px; }
.mbm_list_text_opt { position: relative; top: 15px; left: 25px; width: 190px; height: 20px; color: #6c5c50; font-size: 12px; }
.mbm_box_image { position: absolute; top: 52px; left: 230px; }   

/* Error box */
#error_box { position: relative; top: 70px; width: 462px; height: 247px; background-image: url("design/error_redbox.png"); background-repeat: no-repeat; text-align: left;}
.error_box_title { position: relative; top: 18px; left: 15px; } 
.error_box_text { position: relative; margin-left: 15px; margin-top: 30px; width: 430px; font-size: 12px; color: #6f6d6d;}
#error_bottom { position: relative; top: 130px; left: 60px; width: 974px; height: 150px; } 

/* Personal info box */
#pinfo_box { position: relative; width: 955px; height: 125px; top: 15px; background-image: url("design/survey_pinfo_bg.png"); background-repeat: no-repeat; text-align: left; }
.pinfo_title { position: relative; top: 3px; left: 8px; font-size: 14px; color: #3399cc; }
.pinfo_table { position: relative; top: 10px; left: 12px; font-size: 11px;}
.pinfo_text { color: #1d6c93; }
.pinfo_button { position: absolute; color:#2f6996; background: transparent url('design/pinfo_back_button.png') no-repeat; width: 126px; height: 18px; border: none; font-size: 12px; top: 90px; left: 800px; }


@-moz-document url-prefix() {
    .pinfo_button { font-size: 11px;}

}

/* SURVEY - Section status */
.section_status_text { margin: 0 15 0 10; font-size: 11px; font-weight: bold; color: #0369c3;}
.section_status_text_review { margin: 0 15 0 10; font-size: 13px; font-weight: bold; color: #0369c3;}
.section_status_text_pass { margin: 0 15 0 15; font-size: 11px; font-weight: bold; color: #0369c3;}
.section_status_text2 { margin: 0 15 0 15; font-size: 11px; font-weight: bold; color: #a4cbdf;} 

/* Survey - SURVEY */
.survey_body { position: relative; width: 964px; margin-bottom: 80px;}
.survey_section_title_box { position: relative; width: 974px; margin: 15px 0 10px 0; height: 20px; text-align: left;}
.survey_section_title { font-size: 15px; font-weight: bold; color: #0369c3; padding-left: 10px; text-decoration: underline;}

.survey_question_title { position: relative; padding-left: 15px; padding-bottom: 8px; padding-top: 4px; font-size: 12px; font-weight: bold; }
.survey_question { position: relative; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; font-size: 12px; }
.survey_answers { position: relative; padding-left: 46px; padding-bottom: 8px; font-size: 12px; width:900px; }

.survey_subquestion { position: relative; padding-left: 52px; padding-bottom: 6px; padding-top: 2px; font-size: 12px; }
.survey_subanswers { position: relative; padding-left: 66px; padding-bottom: 8px; font-size: 12px; width:900px; }

.textarea_norm { width: 860px; height: 60px; }
.textarea_norm_review { width: 275px; height: 50px; }
.var_text { width: 280px; }
.var_text_review { width: 180px; }
.var_text_review2 { width: 300px; }

.upload_succ { color: #339900; font-weight: bold; }
.upload_notsucc { color: #d81c2e; font-weight: bold; }
.upload_nofiles { color: #de7314;}
.upload_list_of_files { color: #1b7db6; }

.delete_notsucc { color: #d81c2e; font-weight: bold; }
.deleteAtt_but { width: 60px;}

* html .deleteAtt_but { height: 18px; font-size: 11px; } /* Hack for IE only */ 
* html .fuo_but_st { height: 20px; font-size: 12px; } /* Hack for IE only */

#survey_foot_nextCont { position: relative; width: 964px; height: 30px; padding-top: 20px; }

#survey_nextBut { position: absolute; left: 750px; top: 20px; }
.surveyNext_button { position: absolute; color:#2f6996; background: transparent url('design/survey_nextBut.png') no-repeat; width: 200px; height: 25px; border: none; font-size: 12px; font-weight: bold; }

#survey_backBut { position: absolute; left: 20px; top: 20px; }
.surveyBack_button { position: absolute; color:#2f6996; background: transparent url('design/survey_backBut.png') no-repeat; width: 200px; height: 25px; border: none; font-size: 12px; font-weight: bold; }

.survey_answerValidation { position: absolute; left: 950px; padding-top: 4px;}

 
 /* Survey FINISH box */
#survey_finish_box { position: relative; top: 25px; width: 945px; height: 220px; background-image: url("design/survey_endBox.png"); background-repeat: no-repeat; text-align: left;}
.survey_finish_box_title { position: relative; top: 18px; left: 15px; } 
.survey_finish_box_text { position: relative; margin-left: 15px; margin-top: 30px; width: 900px; font-size: 12px; color: #6f6d6d;}
#survey_finish_bottom { position: relative; top: 40px; left: 30px; width: 974px; height: 150px; } 


#cont-login { position: relative; width: 456px; height: 306px; padding: 20px 20px 20px 20px; background-image: url("design/login_bg.png"); background-repeat: no-repeat; margin: 100px auto; /* align for good browsers */ text-align: left; /* counter the body center */ }
#login_info { position: relative; width: 410px; padding-left: 5px; }
#login_input { position: relative; top:20px; left:43px; width: 330px; height: 120px; text-align: center; }
.login_table { margin-top: 8px; }


.login_button { color:#2f6996; background: transparent url('design/login_button_bg.png') no-repeat; width: 88px; height: 18px; border: none; }
.chpass_button { color:#2f6996; background: transparent url('design/chpass_button_bg.png') no-repeat; width: 126px; height: 18px; border: none; }

.login_field { width: 150px; }
#login_error { position: relative; width: 380px; height: 20px; top:-8px; left: -25px; font-size: 11px; color: #d63749; }
.login_progress { position: absolute; top: 25px; left: 335px; }

#chpass_error { position: relative; width: 380px; height: 20px; top:20px; left: -25px; font-size: 11px; color: #d63749; } 
.redirection_manualInfo { font-size: 12px; color: #828788;} 

#cont-terms { position: relative; width: 456px; height: 537px; padding: 20px 20px 20px 20px; background-image: url("design/terms_bg.png"); background-repeat: no-repeat; margin: 100px auto; /* align for good browsers */ text-align: left; /* counter the body center */ } 
#terms_of_use_text { position: relative; margin-top: 5px; width:390px; _width: 400px; height: 320px; background-image: url("design/terms_text_bg.png"); background-repeat: repeat; padding: 5px; overflow: scroll; overflow-x: hidden;} 
#terms_butBox { position: relative; top: 20px; text-align: center; width: 300px; height: 60px; margin-left:50px; }


/* override the arrow image of the tooltip */
.tooltip {
    display:none;
    background:url(jquery/tooltip/white.png);
    font-size:12px;
    width:189px;
    height:99px;
    z-index: 25; 
    padding-top: 10px;
    padding-left: 10px;   
    padding-right: 10px;   
}

* html .tooltip {
    display:none;
    background:url(jquery/tooltip/white.png);
    font-size:12px;
    width:209px;
    height:109px;
    z-index: 25; 
    padding-top: 10px;
    padding-left: 10px;   
    padding-right: 10px;   
}

.usersIncludedTooltip{
    text-align: left;
    display:none;
    background:url(jquery/tooltip/white2.png);
    font-size:11px;
    width:279px;
    height:189px;
    z-index: 25; 
    padding-top: 20px;
    padding-left: 20px;   
    padding-right: 10px;
}

* html .usersIncludedTooltip{
    text-align: left;
    display:none;
    background:url(jquery/tooltip/white2.png);
    font-size:11px;
    width:309px;
    height:209px;
    z-index: 25; 
    padding-top: 20px;
    padding-left: 20px;   
    padding-right: 10px;
}

.reviwe_title { position: relative; font-size: 15px; font-weight: bold; color: #499541; padding-bottom: 5px;} 

/* Change password */
.body_cont_title { font-size: 16; font-weight: bold; color: #066bc4;}
.body_cont_text { position: relative; padding: 4 0 0 4; font-size: 13; color: #2a6598;} 


#change_passbox { position: relative; margin-top: 50px; margin-bottom: 30px; width: 450px; height: 190px; margin-left: auto; margin-right: auto; background-image: url('design/change_pass_bg.png'); background-repeat: no-repeat; padding: 15px; }
#change_passSuc { position: relative; margin-top: 50px; margin-bottom: 30px; width: 370px; height: 150px; margin-left: auto; margin-right: auto; background-image: url('design/change_pass_sucbox.png'); background-repeat: no-repeat; padding: 15px; }
#change_passSucText { position: relative; margin-top: 6px; padding-left: 5px;}
#change_passSuc a { color: #4bb146;}

#change_passError { position: relative; margin-top: 50px; margin-bottom: 30px; width: 370px; height: 150px; margin-left: auto; margin-right: auto; background-image: url('design/change_pass_errbox.png'); background-repeat: no-repeat; padding: 15px; }
#change_passErrText { position: relative; margin-top: 6px; padding-left: 5px;}
#change_passError a { color: #e62552;}
.chpass_buttonBox { color:#2a65aa; background: transparent url('design/chpass_button.png') no-repeat; width: 126px; height: 18px; border: none; }
#error_bottom2 { position: relative; top: 50px; left: 60px; width: 974px; height: 150px; }  

/* Survey confirmation */
#confirmation_survey_button_box { position: relative;  width: 400px; height: 30px; }
.survey_confirm_button { position: relative; background: transparent url('design/confirmation_box_silver.png') no-repeat; width: 400px; height: 30px; border: none; font-size: 12px; font-weight: bold;  color:#2f6996;}
#confirmation_survey_confirmed_box { position: relative; width: 388px; height: 18px; text-align: center; padding:6px; background-image: url('design/confirmation_box.png'); background-repeat: no-repeat; font-size: 12px; font-weight: bold; color:#2f6996; }

* html #confirmation_survey_confirmed_box { position: relative; width: 400px; height: 30px; text-align: center; padding:6px; background-image: url('design/confirmation_box.png'); background-repeat: no-repeat; font-size: 12px; font-weight: bold; color:#2f6996; }

#survey_confirmation_status { position: relative; margin-left: 285px; margin-right: auto; width: 500px; height: 30px; margin-top: 60px;}

.review_for_all_text { margin-left: 15px; margin-top: 8px; font-size: 12px; z-index: 2; }