﻿@charset "UTF-8";
/* for Serve P2P */

/* inside lightbox - - - - - - - - - - - - - - - */
/*.serve-lightbox, .lightbox-content, .eventInfoHover, .eventInfoMax 	{_zoom:1; _position:relative; } */
.serve-lightbox		.lightbox-lid {padding-bottom:1px;}
.serve-lightbox		.lid-header {display:block; width:540px; height:141px; font-size:0; margin-top:5px; text-indent:-1000px;}
.serve-lightbox		.lid-header.a {background:transparent url("img/sys/common_new/header_getPaidBackFast.png") 0 0 no-repeat;}

.serve-lightbox		.lightbox-container {padding:28px; border:#cccccc solid 1px;}

/* h2 */
.serve-lightbox		.blue18{font-size:18px; color:#536473; font-weight:normal; margin-bottom:13px;}


/* data TABLES */
.serve-lightbox 	.iou-details {min-width:360px; margin:0 0 28px 48px;}
.serve-lightbox 	.iou-details td { border-bottom:#efefef solid 1px; font-size:14px; }
.serve-lightbox 	.iou-details .amount {text-align:right; padding:6px; padding-left:12px; }
.serve-lightbox 	.iou-details .total-row td {border-bottom:none; border-top:#efefef solid 2px; font-weight:bold;}

.serve-lightbox 	.input-ower-info {width:100%;}
.serve-lightbox 	.input-ower-info td {vertical-align:top;}
.serve-lightbox 	.input-ower-info .col1,
.serve-lightbox 	.input-ower-info .col2,
.serve-lightbox 	.input-ower-info .col3,
.serve-lightbox 	.input-ower-info .col4   {/*min-width:72px; width:60px;*width:68px;*/  padding-right:10px;}
.serve-lightbox 	.input-ower-info .col1	{padding-top:5px; width:72px;}
.serve-lightbox 	.input-ower-info .col2 {padding-right:20px;}
.serve-lightbox 	.input-ower-info .col2 input[type=text] {width:168px;}
.serve-lightbox 	.input-ower-info .col3  {width:70px; padding-bottom:10px;}
.serve-lightbox 	.input-ower-info .col3 a {font-size:10px;}
.serve-lightbox 	.input-ower-info .col4 input[type=text] {width:60px;}
.serve-lightbox 	.input-ower-info .col5 {padding-top:2px; width:50px;}


/* confirmation flow */
.serve-lightbox 	.input-ower-info.conf-summary .col1 {width: 60px; }
.serve-lightbox 	.input-ower-info.conf-summary.serve-cheat .col1 {text-align:right; padding-right:20px; min-width: 52px; *width:52px; padding-top:0;}
.serve-lightbox 	.input-ower-info.conf-summary .col2 {width:198px; padding-bottom:20px;}
.serve-lightbox 	.input-ower-info.conf-summary .col3 {text-align:right;}
#review_request_form .col3 {text-align:left;}
.serve-lightbox 	.input-ower-info.conf-summary.serve-cheat .col5 {width:108px;}
.serve-lightbox 	.input-ower-info .total-row td {border-top:#efefef solid 2px; font-weight:bold; padding-top:6px;}
.serve-lightbox 	.input-ower-info .total-row .col1 {border-top:none;}
.serve-lightbox 	.input-ower-info .avg-cost td {background-color:#EFEFEF; font-weight:bold; padding-top:6px; padding-bottom:6px !important;}
 

.serve-lightbox 	.input-ower-info .btn-icon {border:none; display:block; float:left; cursor:pointer; width:18px; height:16px; font-size:0; text-indent:-1000px; background:transparent url(img/sys/common_new/btn-icon-sprite.gif) 0 0 no-repeat;}
.serve-lightbox 	.input-ower-info .btn-icon.add-friend {background-position:0 0; margin-right:10px;}
.serve-lightbox 	.input-ower-info .btn-icon.remove-friend {background-position:0 -20px;}
.serve-lightbox 	.input-ower-info .friend-row:first-child .btn-icon.remove-friend {visibility:hidden;}

/* tool tip */
.serve-lightbox 	.eventInfoHover.tool-tip > div {width:auto; min-width:10px; padding:6px 8px;}
.serve-lightbox 	.eventInfoHover.tool-tip > div .innerText {white-space:nowrap; font-weight:bold;}

/* form elements */
.serve-lightbox 	.input-ower-info label { font-weight:bold; }
.serve-lightbox 	.input-ower-info input[type=text],
.serve-lightbox 	.input-ower-info textarea { border:#ccc solid 2px; }
.serve-lightbox 	.input-ower-info textarea { resize: none; width:100%; height:60px; }
.serve-lightbox 	.input-ower-info .sender-row td { padding-top:20px;}
.serve-lightbox     .errorMessage, .serve-lightbox .messageText { font-size:12px; font-weight:bold; color:#FF0000;}
.serve-lightbox     .messageText a { font-size:12px; font-weight:bold; color:#FF0000;}

/* Event Info Hovers */
.eventInfoLink{display:inline; position:relative;}
.eventInfoHover{position:absolute; top:0; left:0;}
.eventInfoHover > div{width:255px; padding:15px; padding-top:25px; background:#fff; border:1px solid #b7b7b7; box-shadow:0px 0px 5px #999; font-size:11px; line-height:15px; position:absolute; top:0; left:0; zoom:1; z-index:10;}
  .eventInfoCarrot{width:15px; height:8px; display:block; position:absolute; top:-8px; left:20px; background:url('img/sys/common_new/edp/hover_carrot.gif') no-repeat 0 0;}
.eventInfoHideScroll{width:250px; overflow:hidden;}
.eventInfoMax{overflow-y:auto; max-height:375px;}
.eventInfoScroll{background:#999; width:5px; height:100px; position:absolute; top:25px; right:5px;}
.eventInfoScrollTop{width:5px; height:2px; background:url('img/sys/common_new/edp/scroll_rounded.png') no-repeat 0 0; position:absolute; top:0;}
.eventInfoScrollBot{width:5px; height:2px; background:url('img/sys/common_new/edp/scroll_rounded.png') no-repeat 0 -2px; position:absolute; bottom:0;}
