body.message1 {padding-top:45px;}
#messageModal .clear {clear:both;}
#messageContainer .hidden, #messageModal .hidden, #messageModal, .messageOverlay {display:none;}
#messageContainer  {border-bottom-width:1px; border-bottom-style:solid; position:fixed; top:0; width:100%; display:block; height:40px; line-height:40px; font:14px Verdana,Arial,Helvetica,sans-serif; z-index:200;}

/* modal */
.messageOverlay {position:fixed; top:0; left:0; right:0; bottom:0; z-index:400;}
#messageModal {position:fixed; font:14px Verdana,Arial,Helvetica,sans-serif; height:340px; width:680px; padding:10px; top:50%; left:50%; margin:-140px 0 0 -350px; z-index:500;}
#messageModal h2 {padding:0 10px; font-size:16px; line-height:30px;}
#messageModal h3 {font-size:15px; line-height:30px;}
#messageModal p {padding:10px 10px 0 10px; margin:0; line-height:20px;}
#messageModal .error, #messageModal .success {width:100%; height:49px; line-height:19px;}
#messageModal .notice, #messageModal .saldo, #messageModal span.normal, #messageModal .insufficient {font-size:11px; line-height:15px;}
#messageModal label.terms {font-size:11px; width:auto; height:32px; line-height:32px; margin-bottom:10px;}
#messageContainer button, #messageModal button, #profile-right button, #messageBody button {display:inline-block; border:none; font:14px Verdana,Arial,Helvetica,sans-serif; padding:0; margin:0; height:39px; line-height:39px; cursor:pointer;}
#messageModal input[type="text"], #messageModal input[type="password"] {float:left; padding:0 5px 0 30px; font:14px Verdana,Arial,Helvetica,sans-serif; border:none; width:280px; height:37px; margin-bottom:10px; line-height:1em; border-width:1px; border-style:solid;background:#fff url(img/iconen/bg_input_email.jpg) no-repeat;}
#messageModal input[type="text"]#registerName, #messageModal input[type="text"]#enterUsername  {background:#fff url(img/iconen/bg_input_user.jpg) no-repeat;}
#messageModal input[type="password"] {background:#fff url(img/iconen/bg_input_pssw.jpg) no-repeat;}
#messageModal input[type="checkbox"] {float:left; margin-top:10px;}
#messageModal textarea, #messageBody textarea {width:294px; height:100px; font:14px Verdana,Arial,Helvetica,sans-serif; padding:10px;}
#messageModal .close-modal {background: url(http://www.islive.nl/splash1/images/ui-icons_fafdff_256x240.png) no-repeat; background-position:-96px -128px;position:absolute; right:15px; top:15px; cursor:pointer; height:16px; width:16px;}
#messageModal .form-block  {float:left; width:320px; padding:10px; position:relative; height:280px;}
#messageModal .form-block button {margin:0 10px 0 0; width:316px; position:absolute; left:10px; bottom:0;}
#messageModal .form-block img {width:316px;}
#messageModal .form-block .saldo-info {position:absolute; left:10px; bottom:0;}
#messageModal .enterUsername .form-block, #messageModal .forgotPassword .form-block {width:80%;}
#messageModal .enterUsername .form-block p, #messageModal .forgotPassword .form-block p {padding:10px 10px 10px 0;}
#messageModal .switchForgotPassword, #messageModal .switchUseraction {display:block; line-height:39px; font-size:12px; cursor:pointer; text-decoration:underline;}
#messageModal .register {border-left-width:1px; border-left-style:solid; width:319px;}
#messageModal .register input[type="password"] {margin-bottom:0;}
#messageModal .notice {display:block; padding-top:5px; width:85%;}
#charNum {position:absolute; right:15px; bottom:100px;}
#messageModal .show-dating0 .notice, #messageModal .show-dating .notice {display:none;}
#messageModal .show-dating0 #sendmsg, #messageModal .show-dating #sendmsg {height:150px;}
#messageModal .show-dating0 #charNum, #messageModal .show-dating #charNum {position: inherit;text-align: right;padding: 5px 5px 0 0;bottom:inherit;right:inherit;}

/* top bar */
#messageCentre {width:90%; max-width:1635px; margin:0 auto; height:30px; padding:5px 0; text-align:right; line-height:30px;}
#messageCentre button, #messageBody button {margin-left:10px; padding:0 15px; height:30px; line-height:30px;}
#messageCentre #message-logout {float:right;}
#messageCentre p {padding:0 0 10px 0;}

/* cam */
.cam .send_message {float: right; margin:4px 2px 0 0; cursor:pointer;}
.userbuttons .send_message, .dateWith .disable-message {display: none !important;}
.userbuttons.v1 .send_message, .dateWith.v1 .disable-message {display: inline-block !important;}

/* messages page */
#noMessages p {font:14px Verdana,Arial,Helvetica,sans-serif; padding:50px 0; text-align:center;}
#messageBody {max-width:1200px; margin:0 auto; font:14px Verdana,Arial,Helvetica,sans-serif; padding:20px;}
#messageBody .legenda {padding-bottom:20px; width:100%; height:30px; text-align:right; line-height:30px;}
#messageBody .legenda span {display:inline-block; width:16px; height:16px;}
#messageBody #messageTop {font-weight:bold; width:100%; border-bottom-width:2px; border-bottom-style:solid; height:30px; line-height:30px;}
#messageBody #messageTop .model {display:inline-block; width:215px;}
#messageBody #messageTop .date {float:right;}
#messageBody .thread_template, #messageBody .thread .respond, #messageBody .error {display:none;}
#messageBody .thread {line-height:55px; border-bottom-width:1px; border-bottom-style:solid;}
#messageBody .thread img {float:left; width:60px; height:45px; padding:5px 5px 0 0;}
#messageBody .thread a.model {display:inline-block; width:150px;}
#messageBody .thread .status {display:inline-block; width:16px; height:16px;}
#messageBody .thread .subject {display:inline-block; cursor:pointer;}
#messageBody .thread .datethread {float:right;}
#messageBody .thread ul, #messageBody .thread li {list-style:none; margin:0; padding:0; }
#messageBody .thread .respond {padding-left:215px; padding-bottom:10px;}
#messageBody .thread .respond textarea {width:480px;}
#messageBody .thread .respond button {margin:10px 0 0; width:246px;}
#messageBody .thread button.cancel {margin-right:8px;}
#messageBody .thread li {position:relative;}
#messageBody .thread li .name {position:absolute; left:65px; width:150px; top:0;}
#messageBody .thread li .date {position:absolute; right:10px; top:0;}
#messageBody .thread li .text {white-space: pre-line; display:inline-block; padding:19px 200px 10px 215px; line-height:17px;}
#messageBody .thread .receive span.name, #messageBody .thread .sent a.name {display:none;}
#messageBody .thread .content {display:none;}
#messageBody .thread .error {margin-left: 217px;}
#messageBody .thread .charNum {line-height:20px; text-align:right; width:502px;}
#messagePagination ul {margin:0; padding:10px 0 0;}
#messagePagination li {float:left; display:inline-block; border:none; font:14px Verdana,Arial,Helvetica,sans-serif; padding:0; margin:0; height:39px; line-height:39px; cursor:pointer; margin-right:5px; padding:0 10px; min-width:19px; text-align:center;}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

#messageContainer  {color:#fff; background:#1f1f1f; border-bottom-color:#555;}
/* buttons */
#messageContainer button, #messageModal button, #profile-right button, #datingModal button, #messageBody button {background:#95b91a; color:#fff;}
#messageModal button.disabled, #messageBody button.disabled {background:rgba(200,200,200,0.5);}
#messageCentre button#message-logout, #messagePagination li, #messageBody .thread button.cancel  {background:#666;}
#datingModal button.dating_offline {background:#c00;}
/* */
#messageModal h2, #datingModal h2 {background:#1f7cba; color:#fff;}
#messageModal .error, #messageBody .error {color:#f00;}
#messageModal .success {color:#f00;}
#messageModal input[type="text"], i#messageModal input[type="password"] {border-color:#c2c2c2;}
#messageModal label.terms a {color:#fff;}
#messageModal span.notice {color:#999;}
.messageOverlay, .datingOverlay {background:rgba(255,255,255,0.8); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAA1JREFUCNdj+P///xkACcgDypG+nnEAAAAASUVORK5CYII=)\9; /* IE 8 and below */}

/* modals */
#messageModal, #datingModal {background:#000; color:#fff;}
#messageModal .register {border-left-color:#666;}

#messageBody {color:#fff;}
#messageBody .legenda .unread, #messageBody .thread.unread .status {background:#0f0;}
#messageBody .legenda .read, #messageBody .thread.read .status {background:#f00;}
#messageBody .legenda .responded, #messageBody .thread.responded .status, #messageBody .thread .recieve {background:#666;}
#messageBody .thread .sent {background:#333;}
#messageBody #messageTop {border-bottom-color:#666;}
#messageBody ul li a {}

/* payByPhone */
#messageModal .insufficientCredits .goback {width: 294px;background: #666}
#messageModal .insufficientCredits .form-block.left {padding: 10px 0 10px 0;}
#messageModal .insufficientCredits .form-block.right {border-left: 1px solid #666;width: 339px;padding: 10px 4px 10px 16px;}
#messageModal .insufficientCredits input {height: 35px;line-height: 1em;padding: 0;font: 17px Verdana,Arial,Helvetica,sans-serif;width: 130px;text-align: center;margin-top: 10px;letter-spacing: 3px;position: inherit;float: left;}
#messageModal .insufficientCredits .send {width: 50%;margin-top: 10px;position: inherit;float: right;margin-right: 16px;}
#messageModal .insufficientCredits .flag {width: auto;vertical-align: middle;}
#messageModal .insufficientCredits .upgrade {width: 333px;left: 16px;}
.insufficientCredits small {font-size: 10px;color: #BABABA;}
.insufficientCredits .flagtext {text-decoration: none;vertical-align: middle;}
.insufficientCredits .flagtext span {text-decoration: underline;}
.insufficientCredits hr {border: none;height: 1px;background: #666;margin: 30px auto 5px auto;width: 100%;margin-left: -1px;}
#messageModal .insufficientCredits .right p {padding-left:0;}