/* general */
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { background: url(../gfx/body_bg.png) repeat-x; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { display: none; }
input { margin: 0; padding: 3px;  }
li { list-style: url(../gfx/li.png); }
small, .small { font-size: 11px; color: #838383; text-decoration: none; }
h2, h3 { color: #be93c3; width: auto; }
h2 { font-size: 16px; font-weight: bold; }
h2 a { color: #be93c3; text-decoration: none; font-size: 16px; font-weight: bold; }
h2  a:hover { color: black; }
h3 { font-size: 13px; }
.l { float: left; }
.r { float: right; }
.c { clear: both; }
.cl { clear: left; }
.mt { margin-top: 4px; }
.small_margin { margin-top: 2px; }
.ml { margin-left: 12px; }
.mb { margin-bottom: 7px; }
.mr { margin-right: 22px; }
.pink { color: #be93c3; }
.lgrey { color: #e4e4e4; }
a:hover.lgrey { color: black; }
.green { color: #92b130; }
.black { color: #000000; }
.un { text-decoration: underline; }
.loading { background-color: black; height: 10px; }
.firsth2 { margin-bottom: 19px; }
.image { border: 1px solid #cea1d8;}
br.small { font-size: 1px; line-height: 0.1em; margin:0; margin-bottom: 0; border: 0; }
small.br  { font-size: 1px; line-height: 0.1em;  }
br.mt { margin-top: 2px; }

.totop { margin: 5px 0 0 12px; float: left; color: #5f5f5f; text-decoration: none; }

.button { border: 1px solid #EBD7EE; white-space: nowrap; font-size: 11px; padding: 0 6px 0 6px; font-weight:bold; height: 25px; width: auto; color: #555555; display: block;  text-decoration: none; text-indent: 20px; background-color: #ffffff; background-position: 7px center; background-repeat: no-repeat; text-align: left; background-image: url(../gfx/buttons/save.png); }
.button_smaller { width: auto; height: 20px; font-size: 11px; background-position: 6px center;  text-indent: 20px; padding: 0 4px 0 4px; }
a.button_smaller { padding-top: 1px; height: 19px; }
a:hover.button, button:hover.button {	color:#000000; cursor: pointer; }
.active_button { border: 2px outset #EBD7EE ; }
.noimage { text-indent: 0; background: #d7d7d7; }

.b_add { background-image: url(../gfx/buttons/add.png); }
.b_save { background-image: url(../gfx/buttons/save.png); }
.b_credits { background-image: url(../gfx/buttons/credits.png); }
.b_lidmaatschap { background-image: url(../gfx/buttons/lidmaatschap.png); }
.b_flirt { background-image: url(../gfx/buttons/flirt.png); }
.b_geen_interesse { background-image: url(../gfx/buttons/geen_interesse.png); }
.b_check { background-image: url(../gfx/buttons/check.png); }
.b_bericht { background-image: url(../gfx/buttons/bericht.png); }
.b_edit { background-image: url(../gfx/buttons/edit.png); }
.b_delete { background-image: url(../gfx/buttons/delete.png); }
.b_zoeken { background-image: url(../gfx/buttons/zoeken.png); }


.opties {  }	
.iconen { height: 36px; vertical-align: middle; float: left; }
.iconen a { float: left; margin: 7px 20px 0 5px; text-decoration: none; }
.iconen a:hover { color: black; }
.iconen .img { display: block; height: 36px; width: 36px; background-image: url(../gfx/iconen.png); background-position: 0 0; float: left; }
.iconen .img a { display: block; margin: 0; height: 36px; width: 36px; float: none;}
.bericht_sturen .img { background-position: -160px -40px; }
.favorieten_toevoegen .img { background-position: -40px -80px;  }
.inbox .img { background-position: -80px -40px;  }
.verzonden  .img { background-position: -120px -40px;  }
.geen_interesse .img { background-position: -120px -120px;  }
.verwijderen .img { background-position: -160px -80px;  }
.lidmaatschap .img { background-position: -80px -120px; }
.credits .img { background-position: -80px 0; }
.goedgekeurd .img { background-position: -120px -80px; }
.afgekeurd .img { background-position: -160px -80px; }
.ongekeurd .img { background-position: -200px -80px; }
.datedag .img { background-position: -200px 0;}
.bekijk_profiel .img { background-position: -0px -120px;}

.iconen_small { height: 24px; vertical-align: middle; float: left; }
.iconen_small a { float: left; margin: 4px 22px 0 3px; text-decoration: none; }
.iconen_small .img { display: block; height: 27px; width: 27px; background-image: url(../gfx/iconen_small.png); background-position: 0 0; float: left; }
.iconen_small .img a { display: block; margin: 0; height: 27px; width: 27px; float: none;}
.bericht_sturen_small .img { background-position: -120px -30px; }
.favorieten_toevoegen_small .img { background-position: -30px -60px;  }
.inbox_small .img { background-position: -60px -30px;  }
.verzonden_small  .img { background-position: -90px -30px;  }
.geen_interesse_small .img { background-position: -90px -90px;  }
.verwijderen_small .img { background-position: -120px -60px;  }
.lidmaatschap_small .img { background-position: -60px -90px; }
.credits_small .img { background-position: -60px 0; }
.goedgekeurd_small .img { background-position: -90px -60px; }
.afgekeurd_small .img { background-position: -120px -60px; }
.ongekeurd_small .img { background-position: -150px -60px; }
.bekijk_profiel_small .img { background-position: -0px -90px;}


/* button */
.btn_small { height: 20px; margin: 0; padding: 0; border: 0; background: transparent none; width: auto; white-space: nowrap; cursor: pointer; }
.btn_small span { display: inline-block; height: 20px; padding: 0; margin: 0; } 
.btn_small span.l { padding-left: 6px; text-decoration: inherit; } 
.btn_small span.r { padding-right: 6px; height: 18px; padding-top: 2px; font-size: 11px; line-height: 18px; font-weight: bold; color: #fff; }

.btn_small span.l { background: transparent url(../gfx/buttons_small_sprite.png) repeat-x 0 -0px; }
.btn_small span.r { background: transparent url(../gfx/buttons_small_sprite.png) repeat-x 100% -20px; }
/*
.btn_small:hover span.l { background-position: 0 -105px; }
.btn_small:hover span.r { background-position: 100% -147px; }
*/

/* containers */
div.container {}
div.header { position: relative; height: 120px; background: url(../gfx/header.png); }
div.header div.login {}
input.header { width: 110px; height: 14px; margin: 0; color: #6a6a6a; }
select.header { width: 118px; height: 19px; margin: 1px 0; padding: 0px; color: #6a6a6a; line-height: 12px;  }

h1.logo a { float: left; display: block; width: 156px; height: 94px; margin: 15px 10px 0 20px; background: url(../gfx/logo-rubensdating.png); font-size: 0; color: #7b9625;text-indent:-9999px; }
h1.develop a { background: url(../gfx/logo-rubensdating-develop.png); }
h2.subtitle { float: left; display: block; width: 285px; height: 87px; margin: 15px 0 0 0; background: url(../gfx/meer-is-mooi.png); font-size: 0; color: #7b9625; text-indent:-9999px; }

div.inloggen { position: absolute; right: 0px; top: 0px; width: 290px; height: 21px; padding: 4px 5px 5px 5px; text-align: right; background-color: #92b130; color: white; }
div.inloggen a { color: white; }
div.inloggen a:hover { color: #e4e4e4; }
div.inloggen button { margin-right: 0px; }
div.wachtwoord_vergeten { position: absolute; right: 10px; top: 32px; text-align: right; }
div.wachtwoord_vergeten a { color: white; font-size: 11px; text-decoration: none; }
div.wachtwoord_vergeten a:hover { color: black; }

div.snelzoeken { position: absolute; right: 0px; bottom: 0px; width: 287px; padding: 4px 5px 3px 8px; height: 63px; background-color: #f1f1f1; }
div.snelzoeken div.l { width: 100px; }
div.snelzoeken div.r { }

div.menu { height: 34px; padding: 8px 0 0 20px; }
ul.menu { margin: 0; padding: 0; }
ul.menu li { list-style: none; display: block; float: left; padding-right: 18px; width: auto;}
ul.menu li a { color: white; text-decoration: none; font-size: 14px; text-transform: capitalize; }
ul.menu li a:hover { color: #e4e4e4; }


div.content { padding: 13px 10px 10px 10px; border-style: solid; border-color: #d6d5d5; border-width: 0 10px 10px 10px; }
div.content_top { width: 900px; height: 11px; background: url(../gfx/content_top.png); }
div.gaterug { }
div.system_message_orig { float: left; width: 780px; }

div.content_footer { background: #92b130; width: 900px; height: 25px; margin-bottom: 6px; }

div.footer { width: 888px; padding: 6px; padding-top: 0; height: 30px; color: #696969; font-size: 11px;  /*background: url(../gfx/footer.png) repeat-x;*/ }
div.footer a { color: #696969; text-decoration: none; font-size: 11px; }
div.footer a:hover { color: black; }

/* blocks */
.block { background-color: #f1f1f1; border: 1px solid #ebd7ee; color: #5f5f5f; padding: 12px; }
.block a { color: #5f5f5f; }
.block a:hover { color: black; }
.block_bericht { width: 676px;  }

.block50 { width: 410px; height: 105px; padding: 5px; }
.block h2 { color: #5f5f5f; }
.block h2.pink { color: #be93c3; }
.block span.first { padding-left: 0; }
.block span.last { border: 0; }
.block_overview a { color: #be93c3; text-decoration: none; }
.block_overview a:hover { color: black; }
.block_overview { padding: 0px 12px; margin-right: 5px; }
.block_dating { width: 144px; min-height: 332px; margin-right: 5px; }
.block_dating h3 { color: #2c2c2c; font-size: 12px; font-weight: bold; margin-bottom: 8px; }

ul.overview li, ul.overview { list-style: none; margin: 0; padding: 0; list-style-image: none; }
a.image_overview { display: block; width: 140px; height: 100px; overflow: hidden; }

/* input */
div.row { margin-top: 2px; clear: both; width: 450px;} 
div.row span.label { float: left; width: 90px; padding: 0px; text-align: left; padding-top: 2px; padding-left: 0px;}
div.row div.labell { width: 150px; float: left; text-align: left; padding-top: 2px; padding-left: 0px;}
div.row div.labelr { width: 200px; float: right; padding-top: 2px; padding-left: 0px;}
div.row input, div.row select { margin: 2px 0; }
div.row select { min-width: 145px; }
div.leeftijd select { min-width: 61px;}

/* overview */
div.ster_outer { height: 18px; width: 100px; background-image: url(../gfx/empty_star.png); }
div.ster { height: 18px; background-image: url(../gfx/filled_star.png); }
div.overview_gegevens { width: 270px; margin-right: 5px; color: #2c2c2c; }
div.overview_gegevens span { display: block; height: auto; width: 115px; margin: 2px 0 0 0 ; padding: 0; border: 0; color: #5f5f5f; }
div.overview_gegevens h3 { color: #2c2c2c; font-size: 12px; font-weight: bold; margin-bottom: 8px; }
div.overview_gegevens input, div.overview_gegevens select { margin: 1px 0; }
div.overview_gegevens input { width: 100px; height: 14px; padding: 1px; }
div.overview_gegevens select { width: 130px; font-size: 11px; }
div.overview_gegevens span.info { color: #2c2c2c; width: 155px; }
div.overview_gegevens input.checkbox { width: 12px; }
div.overview_gegevens input[type="checkbox"] { margin: 0; top: 0; }
div.overview_gegevens textarea { width: 250px; height: 150px; }
div.overview_gegevens .smallsuccess { width: 252px; padding: 3px; }
div.overview span { padding: 5px 24px 5px 24px; height: 40px; border-right: 1px solid #d0d0d0; vertical-align: middle; }


/* profiel */
div.profiel_gegevens { width: 500px; margin-right: 5px; color: #2c2c2c; }
div.profiel_gegevens_small { width: 270px; }
div.profiel_gegevens span { display: block; height: auto; width: 160px; margin: 0; padding: 0; border: 0; color: #5f5f5f; }
div.profiel_gegevens span.info { color: #2c2c2c; width: 300px; }
div.profiel_gegevens_small span { width: 115px; }
div.profiel_gegevens_small span.info {  width: 155px; }
div.profiel_ajax_message { width: 785px; }
div.profiel_ajax_message div.ajaxmessage { margin-top: 0px; }
div.profiel_fotos img { margin: 0 5px 6px 0; }


/* zoeken */
div.block div.image { margin: 1px 15px 0 0; float: left; width:140px; }
div.zoeken h2 { margin-bottom: 0; display: block; }
div.zoeken div.row span { margin-top: -2px; width: 80px; }
div.zoeken b, div.zoeken p { color: #2c2c2c; }
div.zoekpaginas { color: #2c2c2c; margin: 5px 0; }
div.zoekpaginas a { color: #5f5f5f; text-decoration: none; }
div.zoekpaginas a:hover { color: black; }

div.zoeken p.mt { margin-top: 10px; }
div.ajaxmessage button.ml { margin-left: 16px; }
div.zoek_profielen span.label { width: 95px; }
div.zoek_profielen select { width: 148px; }

/* content */
ul.none, ul.none li { list-style: none;list-style-image: none;}
.help p { margin: 0; }
ul.informatie { margin-bottom: 0; }
ul.informatie li { line-height: 20px; }
h3.rubensdatingdag a { color: #7e9a26; width: 209px; height: 57px; background: url(../gfx/content/rubensdatingdag.png); left: 350px; top: 10px; font-size: 0; text-decoration: none; position: absolute; z-index: 100;text-indent:-9999px; }
div#slider { width: 900px; height: 100px; overflow: hidden;  }
div#slider ul, div#slider li { margin: 0; padding: 0; list-style: none; list-style-image: none; height: 75px; }
div#slider li { vertical-align: top; }
div#slider img { vertical-align: top; }
/* column */
textarea.reactie { width: 300px; height: 200px; }
img.column_image { margin: 0 10px 0 0; float: left; }

/* home */
ul.home {  padding-left: 18px; }

/* register */
#tooltip { display: none; background: #fff; width: 350px; padding: 5px; border: 2px solid #92B130; text-align:left; -moz-box-shadow:0 0 4px #000; -webkit-box-shadow:0 0 4px #000; }
div.register span.register { display: block; height: auto; width: 160px; margin: 6px 0 0 0; padding: 0; border: 0; color: #5f5f5f; }
div.register span.register img { margin-top: 3px; }
div.register span.info { color: #2c2c2c; width: 260px; }
div.register input, div.register select { margin: 1px 0; }
div.register input { width: 250px; height: 14px; padding: 1px; }
div.register .checkbox { width: 10px; }
div.register .reg_error { color: red; }
div.register span.check { width: 410px; line-height: 12px; }

/* help */
form.vragen div.row { width: 500px; }
form.vragen span.label { width: 175px; }
form.vragen textarea { width: 280px; height: 200px; }

/* berichten */
table.berichten td { padding: 3px; }
table.berichten a { text-decoration: none;}
table.berichten a:hover { color: black; }
table.berichten tr.ongelezen td, table.berichten tr.ongelezen td a { font-weight: bold; }
table.berichten .verwijderen input { margin-top: -6px; }
input.small { font-size: 10px; padding: 0px; width: 20px; height: 12px; }
td.datum { text-align: right; }
div.message_on_wall { width: 676px; }
table.berichten tr.geselecteerd td { background-color: #EBD7EE; }
div.bericht { width: 700px; }
.new_bericht { color: #778d00; }
div.bericht div.small { font-size: 11px; }
span.annuleren { float: left;  }
div.overview_gegevens span.annuleren { width: auto; margin:6px 0 0 10px;}

/* profiel overzichten */
table.profiel_overzichten, table.profiel_overzichten td, table.profiel_overzichten table { margin: 0; padding: 0; vertical-align: top;  }
table.profiel_overzichten ul, table.profiel_overzichten li { margin: 0; padding: 0; list-style: none;  list-style-image: none; }
table.profiel_overzichten li { height: 90px; padding: 7px 0; border-bottom: 1px solid #d0d0d0; vertical-align: top; }

ul.online, ul.online li { list-style: none; list-style-image: none; padding: 0; margin: 0; }
ul.online li { float: left; width: 240px; margin-right: 30px; height: 120px; }

/* element aanpassingen */
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0;  }

/* inschuif berichten */
div.ajaxmessage { padding: 12px; margin: 0 0 0px 0; border: 1px solid #d4d4d2; background-color: #ededed; color: #2c2c2c; }
div.ajaxmessage a { color: #5f5f5f;}
div.ajaxmessage a:hover { color: black; }

div.ajaxmessage form div.row textarea { border-color: #d4d4d2;}  
div.ajaxmessage form div.row input { border-color: #d4d4d2;}  
div.ajaxmessage div.close, div.close { font-size: 11px; cursor: pointer; margin-top: -5px; }

div.ajaxmessage textarea { width: 460px; height: 70px; margin: 0; }
div.ajaxmessage table td { margin: 2px; padding: 0; }
div.ajaxmessage table.bericht td { margin: 0; padding: 0; }
div.ajaxmessage table { margin: 0; padding: 0; }
div.ajaxmessage table td { padding: 3px; }

span.close_overview { cursor: pointer; }

div.zoeken_ajax_message { margin-bottom: 20px; }
div.profiel_ajax_message { margin-bottom: 20px; }
div.zoeken_ajax_message .success, div.zoeken_ajax_message .error { margin-bottom: 4px; }
div.profiel_ajax_message div.success, div.profiel_ajax_message div.notice, div.profiel_ajax_message div.error { width: 763px;  }
div.system_message_orig div.success, div.system_message_orig div.notice, div.system_message_orig div.error { width: 763px;  }

div.zoeken_ajax_message div.success, div.zoeken_ajax_message div.notice, div.zoeken_ajax_message div.error { width: 836px;  }


.annuleren { margin: 8px 0 0 10px; }
.annuleren_small { margin: 6px 0 0 10px; }
.hand { cursor: pointer; }

/* Poll */

div#poll div#polloptions { padding: 3px 5px; }
div#pollbutton { margin-top: 5px;}
div#poll div.polloption  { padding: 2px 0; }
div#poll div.polloption label { white-space: normal;  }
div#poll div.polloption span { float: right; }


/* Question bubble */
.question { position: absolute; display: inline; text-align: center; width: 174px; height: 100px; font-size: 13px; line-height: 1.5em; background: url('/lay-out/gfx/bubble.png') left top no-repeat; padding: 10px 0 0 0; text-shadow: 0px 1px 0px #fff; margin-left: -7em; margin-top: -7em; opacity: 0;}
.yes, .cancel { margin-top: .5em; margin-right: .5em; cursor: pointer; display: inline-block; width: 63px; height: 21px; color: #fff; text-shadow: 0px 1px 0px #000; background: url('/lay-out/gfx/button.png') left top no-repeat;}
.title { font-size: 30px; margin-bottom: 1.5em; font-weight: bold; font-style: italic; text-shadow: 0px 2px 0px #fff;}

/* pop-up */
#message_popup_container { background-color: #f5f5f5; z-index: 99999; border: 1px solid #9a9997; border-right: 0px; border-bottom: 0px; }
div.message_header { width: 200px; height: 18px; padding-top: 3px; color: #2c2c2c; background-color: #9a9997; text-align: center; font-weight: bold; font-size: 10px; }
div.message_header a { font-size: 10px; }
div.message_text { margin: 5px; font-size: 10px; }
div.message_close { float: right; margin-right: 3px; }
div.message_close a:hover { cursor: pointer; font-size: 10px; }

/* scrollable */
#scrollable { width: 210px; height: 50px; overflow: hidden; }
#wrap4 { float: left; clear: both; width: 210px; height: 15px; background: transparent url(http://image.rubensdating.com/lay-out/gfx/scrollbar-track-right.png) no-repeat top right;}
#track4-left { position: absolute; width: 15px; height: 15px; background: transparent url(http://image.rubensdating.com/lay-out/gfx/scrollbar-track-left.png) no-repeat top left;}
#track4 { position: absolute; width: 200px; height: 15px; margin-left: 5px;}
#handle4 { width: 37px; height: 15px;}

/* lightbox */
#lightbox{position:absolute;left:0;width:100%;z-index:2000;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1900;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(http://image.rubensdating.com/lay-out/gfx/blank.gif) no-repeat;display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink,#prevLink:visited{background:url(http://image.rubensdating.com/lay-out/gfx/prevlabel.gif) left 15% no-repeat;}
#nextLink,#nextLink:visited{background:url(http://image.rubensdating.com/lay-out/gfx/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}
#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:.7em;}
#overlay{position:absolute;top:0;left:0;z-index:1890;width:100%;height:500px;background-color:#000;}