/* DEFAULT SITE SETTINGS */
* {
    margin: 0;
    padding: 0;
    border: 0
    }
img {
    display: block
    }
img.link {
    cursor: pointer
    }
html, body {
    height: 100%
    }
body {
    font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
    background-color: #fff;
    color: #333
    }
table {
    width: 100%;
    border-collapse: collapse
    }
.invalid {
    color: red
    }
.formError {
    color: red
    }
.hidden {
    display: none
    }
p {
    margin-bottom: 10px
    }
ul li {
    list-style-type: none
    }
fieldset {
    border: none;
    margin-bottom: 15px
    }
hr {
    border: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #05143f;
    background-color: #05143f;
    height: 1px
    }
.left {
    float: left
    }
.right {
    float: right
    }
.clear {
    clear: both
    }
#main {
    position: relative;
    width: 760px;
    margin: auto;
    /*---- tbv iframe ------*/
    height: 100%;
    /*---- tbv iframe ------*/
    }
h1 {
    font-size: 14px
    }
h2 {
    font-size: 13px;
    font-weight: bold
    }
/* ----------------------- header ------------------ */
#mrdodo {
    width: 290px;
    height: 103px;
    background: url(/img/logo.gif) no-repeat top left;
    float: left
    }
#mrdodo div {
    text-align: right;
    color: #666;
    font-size: 9px;
    width: 118px;
    padding-top: 35px;
    margin-left: 7px
    }
#top_adv {
    float: left;
    height: 75px;
    width: 470px
    }
.testVersion a {
    position: absolute;
    right: 3px;
    top: 5px;
    color: #666;
    text-decoration: none
    }
.testVersion a:hover {
    text-decoration: underline
    }
#user {
    color: #666;
    font-size: 11px;
    position: absolute;
    top: 85px;
    right: 0;
    padding-bottom: 10px;
    vertical-align: top
    }
#user a {
    color: #666;
    font-size: 11px;
    text-decoration: none
    }
#user a:hover {
    text-decoration: underline
    }
#user img {
    display: inline;
    vertical-align: middle
    }
/* -------- einde header ------- */
#note {
    margin-top: -153px;
    margin-left: 10px;
    height: 145px;
    width: 320px;
    background-color: #FFF;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: static;
    position: absolute;
    font-size: 11px
    }
#note > * {
    margin: 6px 2px 0 2px
    }
#note h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin: 6px 2px 0 2px
    }
#note ul {
    margin: 6px 2px 3px 2px
    }
#note li {
    list-style-type: none;
    list-style-position: outside;
    font-size: 11px;
    margin-bottom: 3px
    }
#hotspot {
    width: 100%;
    color: #666
    }
#hotspot h4 {
    font-size: 13px;
    margin-bottom: 3px
    }
#hotspot li {
    margin-bottom: 4px;
    padding-right: 5px
    }
.grey .btmlist {
    /*width: 148px;*/
    width: 20%
    }
.blue .btmlist {
    width: 30%
    }
.xList li {
    float: left
    }
#menu {
    background: url(/img/menu_bg.gif) repeat-x top left;
    height: 34px
    }
#menu .leftmenu {
    width: 550px
    }
#menu .leftmenu li {
    margin-right: 16px
    }
#menu .rightmenu li {
    margin-left: 5px
    }
#menu .menuinput {
    margin-top: 7px;
    height: 14px;
    padding: 1px;
    font-size: 10px
    }
.title {
    height: 22px;
    background: url(/img/title_bg.gif) repeat-x top left
    }
#statics {
    color: #5a5e6a;
    font-size: 10px
    }
.itemDescription {
    margin-top: 10px
    }
#item a {
    color: #333;
    text-decoration: none
    }
#item a:hover {
    text-decoration: underline
    }
#item .left {
    /* IE 5.5 */
    width: 49%;
    /* */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 50%
    }
/* ------------ footer -----------*/
#footer {
    text-align: center;
    color: #666;
    font-size: 11px;
    padding-bottom: 15px
    }
#footer a {
    color: #666;
    text-decoration: none
    }
#footer a:hover {
    text-decoration: underline
    }
/* ----------- tags ------------------------*/
.tag {
    margin-right: 5px
    }
.tags {
    color: #666;
    position: relative
    }
.tagheader {
    font-size: 14px;
    font-weight: bold;
    color: #333
    }
.tags .tag1 {
    font-size: 21px;
    padding: 3px 10px 3px 10px
    }
.tags .tag2 {
    font-size: 17px;
    padding: 3px 8px 3px 8px
    }
.tags .tag3 {
    font-size: 14px;
    padding: 3px 7px 3px 7px;
    font-weight: 500
    }
.tags .tag4 {
    font-size: 12px;
    padding: 3px 5px 3px 5px;
    font-weight: 500
    }
/* --------------- google map ------------- */
#worldmap {
    border: 1px solid #666;
    width: 99%;
    margin-top: 10px;
    overflow: hidden
    }
#halfmap {
    margin-top: 10px
    }
#halfmap img {
    border: 1px solid #666
    }
#map {
    width: 100%;
    /*height: 380px;*/
    }
#map.small {
    /*height: 300px;*/
    }
.w50 {
    width: 50%
    }
.map {
    height: 380px
    }
.map_small {
    height: 300px
    }
.map_travel {
    height: 346px
    }
.map_travel_spotgroups {
    height: 328px
    }
#travelmap {
    overflow: hidden
    }
#travelmap #map {
    border: 1px solid #666;
    width: 493px
    }
#travelmapiframe {
    border: 0
    }
#travelmap a {
    font-weight: bold;
    color: #666;
    text-decoration: none
    }
#codeblock textarea, #codeblock input {
    background-color: #e9e9e9;
    border: 1px solid #000;
    width: 100%
    }
#codeblock {
    position: relative
    }
#codeblock textarea {
    overflow: hidden;
    height: 48px
    }
#codeblock input {
    font-family: monospace;
    font-size: 13px;
    height: 24px
    }
.travelmap {
    width: 495px;
    height: 362px
    }
.breadcrumbs, .breadcrumbs a {
    color: #666;
    font-size: 11px;
    text-decoration: none
    }
.breadcrumbs a.active {
    color: #333
    }
.breadcrumbs a:hover {
    text-decoration: underline
    }
/* stafpics */
.middlelist, .w36 {
    width: 36%
    }
.last, .w28 {
    width: 28%
    }
.center {
    margin: auto;
    text-align: center
    }
.dodont input, .dodont img {
    float: left
    }
.dodont img {
    cursor: pointer
    }
#stafpics ul {
    margin-bottom: 15px
    }
#stafpics li {
    margin-bottom: 4px;
    background: url(../img/list_type_grey.gif) no-repeat left center;
    padding-left: 15px
    }
#stafpics h4 {
    margin: 10px 0 5px 0;
    font-size: 13px
    }
#stafpics h3 {
    font-size: 14px
    }
#stafpics a {
    font-size: 11px
    }
.unavailable {
    font-size: 13px;
    font-weight: bold;
    line-height: 150%;
    margin-top: 15px
    }
#unavailable.w50 {
    width: 49%
    }
#stafpics .more {
    float: right
    }
/* advertisement */
.advertisement {
    color: #666
    }
.advertisement img {
    display: block;
    float: left;
    padding-right: 10px
    }
.adv_detail {
    font-size: 10px
    }
.adv_detail h4 {
    font-size: 12px;
    margin: 5px 0
    }
.content {
    padding: 6px 10px
    }
/* peakaboo hack */
/* Hides from IE5-mac \*/
* html .content {
    height: 1%
    }
/* End hide from IE5-mac */
.grey {
    background-color: #f1f1f1
    }
.grey a {
    color: #666;
    text-decoration: none
    }
.grey form a {
    text-decoration: underline
    }
.grey a:hover {
    text-decoration: underline
    }
.grey .hr {
    margin-top: 4px;
    margin-bottom: 4px;
    height: 2px;
    background: url(/img/hr_grey.gif) repeat-x top left;
    font-size: 1px
    }
.green {
    /*width: 49%;*/
    width: 378px;
    color: #090;
    padding-right: 1px;
    padding-left: 1px;
    margin-bottom: 2px;
    margin-top: 2px
    }
.red {
    width: 378px;
    color: #f03;
    padding-right: 1px;
    padding-left: 1px;
    margin-bottom: 2px;
    margin-top: 2px
    }
.green .title, .red .title {
    height: 22px
    }
.green .title span, .red .title span {
    margin-left: 5px;
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    font-size: 13px
    }
.green .hr, .red .hr, .blue .hr, .doSpot .hr, .dontSpot .hr {
    margin-top: 4px;
    margin-bottom: 4px;
    height: 1px;
    font-size: 1px
    }
.green .title {
    background: url(/img/title_bg_green.gif) repeat-x bottom left
    }
.red .title {
    background: url(/img/title_bg_red.gif) repeat-x bottom left
    }
.green .hr {
    background: url(/img/hr_green.gif) repeat-x top left
    }
.red .hr {
    background: url(/img/hr_red.gif) repeat-x top left
    }
.green .content, tr.do {
    background-color: #e4fae4;
    position: relative
    }
.red .content, tr.dont {
    background-color: #fff1f1;
    position: relative
    }
.red .content img, .green .content img {
    /*position: relative;*/
    }
.green .content a {
    font-weight: bold;
    color: #090;
    text-decoration: none
    }
.green .content a.current, .red .content a.current {
    font-size: 16px
    }
.red .content a {
    font-weight: bold;
    color: #f03;
    text-decoration: none
    }
.green .content a:hover, .red .content a:hover {
    text-decoration: underline
    }
.buddies {
    color: #666
    }
.buddies .buddy {
    text-align: center;
    width: 100px;
    margin: 10px 0 10px 0;
    float: left
    }
.buddies .buddy img {
    margin: auto
    }
.buddies .buddy p {
    margin: 0;
    font-size: 10px
    }
.buddies .title {
    background: transparent url(../img/title_bg.gif) repeat-x scroll 0%;
    height: 22px
    }
.no1 {
    font-weight: bold;
    font-size: 18px
    }
#buttonmenu {
    height: 18px
    }
#buttonmenu li {
    line-height: 16px;
    color: #333;
    font-size: 11px;
    margin-left: 3px
    }
#submitTips li {
    list-style-position: inside;
    margin-bottom: 4px
    }
.submit img {
    margin-left: 14px;
    margin-top: 16px
    }
.restlist li {
    margin-top: 3px;
    margin-right: 3px
    }
.green .toplist {
    width: 55%;
    border-right: 1px solid #090
    }
.red .toplist {
    width: 55%;
    border-right: 1px solid #f03
    }
.green .title h3 {
    color: #FFF;
    font-size: 12px;
    height: 22px;
    padding: 3px 0 0 5px;
    width: 236px;
    margin: 0;
    margin-left: 0;
    background: url(../img/title_green_backgr.gif) no-repeat;
    overflow: hidden;
    white-space: nowrap
    }
.green .title img {
    padding-top: 1px;
    margin-right: 10px
    }
.red .title h3 {
    display: block;
    color: #FFF;
    font-size: 12px;
    height: 22px;
    padding: 3px 0 0 5px;
    width: 236px;
    margin: 0;
    margin-left: 0;
    background: url(../img/title_red_backgr.gif) no-repeat;
    overflow: hidden;
    white-space: nowrap
    }
.red .title img {
    padding-top: 1px;
    margin-right: 10px
    }
.toplist li img {
    margin-top: 3px;
    margin-right: 3px
    }
.toplist li {
    margin-top: 3px;
    margin-right: 3px
    }
.content h4 {
    font-size: 16px;
    margin-bottom: 8px
    }
.content .text {
    font-size: 11px
    }
.content table th {
    text-align: left;
    font-size: 16px
    }
.content table th, .content table td {
    padding: 3px;
    color: #333;
    vertical-align: top
    }
.content table td {
    font-size: 11px
    }
.content table .c1 {
    width: 40px
    }
.content table .c2 {
    width: 60px
    }
.content table .c3 {
    width: 320px
    }
.content .inputlabel {
    width: 120px;
    float: left
    }
.content .inputfieldbig {
    float: left;
    width: 400px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #999
    }
.content .inputfieldmedium {
    width: 150px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #999
    }
.content .inputarea {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    height: 94px;
    width: 304px;
    padding: 3px;
    border: 1px solid #999
    }
.content .selectsmall {
    width: 60px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #999
    }
.content .selectmedium {
    width: 156px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #999
    }
.content .selectbig {
    width: 400px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #999
    }
.itemtitle {
    font-size: 14px;
    font-weight: bold
    }
.greenfont {
    color: #090;
    font-weight: bold
    }
.redfont {
    color: #f03;
    font-weight: bold
    }
.bluefont {
    color: #036;
    font-weight: bold
    }
.spacer {
    height: 10px;
    clear: both
    }
.titleHeader {
    height: 22px;
    margin-top: 8px;
    background: url(/img/title_bg.gif) repeat-x top left
    }
/* mozilla only: */
html > /**/body .right {
    margin-bottom: 0
    }
html > /**/body .moz {
    margin-bottom: 10px
    }
html > /**/body .grey .mozhr {
    margin-top: 12px
    }
/* -------------- do/don't spot pagina's ---------------------*/
.doSpot, .doSpot table td {
    background-color: #E4FAE4;
    color: #090
    }
.dontSpot, .dontSpot table td {
    background-color: #fff1f1;
    color: #f03
    }
.doSpot .hr {
    background: url(/img/hr_green.gif) repeat-x top left
    }
.dontSpot .hr {
    background: url(../img/hr_red.gif) repeat-x top left
    }
.doSpot .title {
    background: transparent url(/img/title_bg_green.gif) repeat-x scroll left bottom
    }
.dontSpot .title {
    background: transparent url(/img/title_bg_red.gif) repeat-x scroll left bottom
    }
.doSpot h3 {
    color: #090
    }
.dontSpot {
    color: #f03
    }
.doSpot .commentTitle, .dontSpot .commentTitle {
    font-weight: bold
    }
.doSpot .postedBy, .dontSpot .postedBy {
    font-size: 10px
    }
.doSpot .comment, .dontSpot .comment {
    width: 70%
    }
.doSpot .breadcrumbs, .doSpot #item a, .doSpot a, .doSpot a.active {
    color: #090
    }
.dontSpot .breadcrumbs, .dontSpot #item a, .dontSpot a, .dontSpot a.active {
    color: #f03
    }
.doSpot a.active, .dontSpot a.active {
    font-weight: bold
    }
#item img.left {
    float: left;
    width: auto
    }
.doSpot #item .by {
    color: #090;
    font-size: 10px;
    margin-bottom: 3px
    }
#item .by .left {
    width: auto
    }
.dontSpot #item .by {
    color: #f03;
    font-size: 10px;
    margin-bottom: 3px
    }
#more {
    font-size: 10px;
    color: #333;
    padding-left: 5px;
    margin-left: 15px;
    margin-top: 5px;
    float: left;
    width: 82%
    }
#more .left {
    width: auto
    }
#more img {
    margin: 0 5px 0 0
    }
#more p {
    margin: 2px
    }
.doSpot #more {
    border-left: 1px solid #090;
    color: #090
    }
.dontSpot #more {
    border-left: 1px solid #f03;
    color: #f03
    }
.doSpot input, .doSpot textarea {
    border: 1px solid #A8EAA8;
    /*border: 1px solid #A8EAA8 #009900;*/
    }
.dontSpot input, .dontSpot textarea {
    border: 1px solid #FCB5AD
    }
.submitComment {
    margin: auto;
    width: 550px
    }
#submitComment img {
    display: inline
    }
#submitComment .center {
    text-align: center
    }
#submitComment textarea {
    width: 100%
    }
.agree {
    width: 200px;
    margin: auto
    }
.agree img {
    float: left;
    cursor: pointer
    }
.agree input {
    float: left;
    border: 0
    }
img#login {
    display: inline;
    vertical-align: bottom
    }
.showall {
    float: right
    }
.showall img {
    display: inline;
    margin-right: 5px
    }
/* -------------- submit spot pagina ------------------ */
#category option {
    padding-left: 25px
    }
.optGroup {
    font-style: italic;
    font-weight: bold
    }
/* -------------- dodobuddy pagina ------------------ */
.blue {
    color: #036;
    background-color: #d1effd
    }
.blue a {
    color: #036;
    text-decoration: none
    }
.blue a:hover {
    text-decoration: underline
    }
.blue .title {
    background: url(../img/title_bg_blue.gif) repeat-x top left
    }
.blue .hr {
    height: 2px;
    background: url(/img/hr_blue.gif) repeat-x top left
    }
.blue .content {
    /*overflow: hidden;	-- zorgt voor problemen met IE6 op buddy pagina*/
    }
.blue .content h4 {
    font-size: 13px;
    margin-bottom: 3px
    }
.blue .content ul {
    font-weight: bold
    }
.blue .content li {
    background: url(../img/list_type_blue.gif) no-repeat left center;
    padding-left: 15px;
    margin-bottom: 2px;
    list-style-position: inside
    }
.dodobuddy {
    padding: 10px;
    font-size: 15px
    }
.dodobuddy a {
    font-size: 12px
    }
.dodobuddy img {
    display: inline;
    vertical-align: middle
    }
.ranking {
    float: right;
    border-left: 1px solid #036;
    border-right: 1px solid #036;
    color: #036;
    width: 120px;
    margin-top: 10px;
    padding: 0 3px
    }
.mydos {
    padding: 10px 0
    }
.mydos .redfont, .mydos .greenfont, .mydos .bluefont {
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 3px
    }
.mydos .redfont a {
    color: #F00
    }
.mydos .greenfont a {
    color: #008000
    }
.mydos .bluefont a {
    color: #036
    }
.photoDescription {
    float: left;
    color: #5A5E6A;
    font-size: 10px
    }
ul.countryList {
    width: 148px;
    float: left
    }
a.favourite {
    width: 148px;
    float: left
    }
/*
 HIDE LISTITEMS
.countryList li {
	background: transparent url(../img/list_type_grey.gif) no-repeat left 4px;
	width: 133px;
	padding-left: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	padding-top: 1px;
	height: 11px;
	white-space: nowrap;
	overflow: hidden;
}
*/
.countryList li {
    width: 143px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    padding-top: 1px
    }
.urlField {
    width: 300px;
    border: 1px solid #808080;
    background-color: #E9E9E9
    }
.title {
    margin-top: 0
    }
.smallImage {
    width: 215px;
    border: 1px solid black;
    max-height: 100px
    }
.dodoPopupHeader {
    background: url(/img/title_bg.gif) repeat-x top left
    }
.dodoPopup {
    background-color: #f1f1f1;
    padding: 5px 5px;
    margin-bottom: 15px;
    font-size: 11px;
    width: 217px
    }
.dodoPopup h5 {
    font-size: 11px
    }
.dodoPopup img {
    max-height: 100px
    }
.liNr {
    float: left;
    width: 14px;
    margin-right: 3px;
    text-align: right
    }
.dodoBar {
    padding-top: 10px;
    font-size: 10px;
    color: #090
    }
.dodoBar img {
    display: inline
    }
#logo {
    position: absolute;
    margin-top: 70px
    }
#logo a {
    display: block;
    width: 250px;
    line-height: 31px;
    text-decoration: none
    }
#typeSelector {
    margin-top: 1px
    }
#typeSelector .box {
    margin-top: 3px
    }
#typeSelector.show .selectBox {
    float: left
    }
#typeSelector img {
    display: inline;
    vertical-align: bottom
    }
#typeSelector .category {
    float: left;
    width: 55px;
    padding-top: 2px;
    padding-bottom: 2px
    }
/* -------------- show all pagina ------------------ */
.showall .last {
    text-align: right
    }
.content table.showall td {
    vertical-align: middle
    }
table.showall img {
    height: 30px
    }
.showall th a {
    font-size: 12px
    }
.w33 {
    width: 33%;
    float: left
    }
/* ---------------------- e-cards -------------------*/
#ecard_fotos {
    margin: auto;
    width: 450px
    }
#ecard_fotos li {
    margin: 10px
    }
#ecard_fotos ul {
    width: 370px;
    margin: auto
    }
#ecard_fotos img {
    border: 0;
    width: 100px;
    /*cursor: pointer;*/
    }
#ecard_front, #ecard_back {
    width: 450px;
    height: 330px;
    margin-left: 25px;
    background-repeat: no-repeat;
    background-position: top left;
    margin: 10px auto;
    padding-left: 1px;
    padding-top: 1px;
    background: url(../../img/ecard_back_bg.gif) no-repeat top left
    }
#ecard_front {
    background: url(../../img/ecard_front_bg.gif) no-repeat top left
    }
#ecard_back_left {
    margin: 0 15px
    }
#ecard_back_left.sent {
    border-right: 1px solid #d3d3d3
    }
#ecard_back_right {
    margin-right: 20px
    }
#ecard_front_picture {
    width: 450px;
    height: 315px;
    background-repeat: no-repeat;
    background-position: center center
    }
#flip_ecard_front a, #flip_ecard_back a {
    display: block;
    height: 55px;
    width: 55px;
    background-image: url(../../img/ecard_flip.gif);
    background-repeat: no-repeat;
    background-position: top left;
    cursor: pointer
    }
#flip_ecard_front a span, #flip_ecard_back a span {
    display: none
    }
* html #ecard_message {
    margin-left: 5px
    }
#ecard_message.sent {
    margin-top: 46px;
    padding-right: 5px
    }
#ecard_message textarea {
    border: 1px solid #D3D3D3;
    width: 100%;
    height: 120px;
    overflow: hidden;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666
    }
.signature {
    margin-top: 10px;
    font-style: italic
    }
#ecard_reply {
    position: absolute;
    height: 50px;
    margin-top: 245px;
    margin-left: 270px
    }
#ecard_reply a {
    display: block;
    height: 50px
    }
#ecard_reply a span {
    display: none
    }
#ecard_submit {
    float: left;
    display: block;
    margin-top: 5px;
    border: 0
    }
#ecard_submit input {
    cursor: pointer
    }
#ecard_submit span {
    display: none
    }
#ecard_address {
    float: left;
    width: 100%
    }
#ecard_address.sent {
    margin-top: 25px
    }
#ecard_address div {
    width: 100%
    }
#ecard_address input {
    width: 100%;
    border: 1px solid #D3D3D3;
    margin: 0 0 6px 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666
    }
#ecard_address div.ecard_sender {
    margin-top: 36px
    }
#ecard_landen ul li {
    list-style-type: none
    }
.addressLines {
    margin-bottom: 15px;
    border-bottom: 1px dashed #d3d3d3
    }
#more_recipients {
    display: none;
    margin-left: 30px;
    margin-bottom: 10px;
    width: 450px;
    margin: auto;
    padding-left: 20px;
    padding-bottom: 10px
    }
#more_recipients input {
    border: solid 1px #D3D3D3
    }
#main a.more_recipients {
    float: left
    }
#main a.more_recipients img {
    float: left;
    margin-left: 25px;
    margin-top: -2px
    }
* html #main a.more_recipients img {
    margin-left: 15px;
    margin-top: 0
    }
* html #ecard_address .spacer {
    display: none
    }
#ecard_send {
    text-align: center
    }
.dotline {
    margin-top: 10px;
    padding-bottom: 2px;
    border-bottom: 1px dashed black
    }
#bottrap {
    display: none
    }
a.boldLink {
    font-weight: bold
    }
.tagButton {
    display: inline;
    margin-left: 5px;
    vertical-align: bottom;
    cursor: pointer
    }
.tagInput {
    border: 1px solid #ccc;
    color: black;
    width: 70px
    }
/* ---------------------- dodo submit buttons -------------------*/
fieldset.submitButton {
    margin-bottom: 0
    }
input.borderless {
    border: 0
    }
/* ---------------------- tags -------------------*/
.tagList {
    width: 624px
    }
.tagList form a {
    text-decoration: none
    }
.tagList a:hover {
    color: #999
    }
/*.tagSubmit {
	color: #333;
}*/
.tagSubmit a:hover {
    color: #999
    }
.tagListBig {
    font-size: 13px;
    font-weight: bold
    }
.tagListSmall {
    font-size: 10px
    }
/* ---------------------- dodo deals -------------------*/
#dododealsiframe {
    margin: 0 0 0 0;
    position: absolute;
    top: 0;
    bottom: 88px;
    width: 777px;
    overflow: auto;
    overflow-x: hidden;
    border: none
    }
#dododeals_frm {
    position: absolute;
    float: none;
    bottom: 63px;
    top: 84px;
    /*top: 191px;*/
    }
.dododeals_footer {
    position: absolute;
    bottom: 41px;
    width: 100%
    }
/* ---------------------- dodo lijstjes (groen rood) -------------------*/
.thumbholder {
    height: 67px;
    overflow: hidden
    }
.my_thumbholder {
    height: 85px;
    overflow: hidden
    }
/* ---------------------- formulier uitnodigen vriend-------------------*/
#formFriends {
    z-index: 100000000;
    display: none
    }