/*--------------------------- Global settings -------------------------------------*/
* { 
   padding: 0; 
   margin: 0;
   outline: 0 none;
}
html { 
   height: 100%;
   overflow-y: scroll;
}
body {
    margin:0;
    background:url(../images/bg_v2.gif) repeat-x;
    font:12px Arial, Helvetica, clean, sans-serif;
    color:#666;
    height: 100%;
}
li {
    list-style:none outside none;
}
ol > li {
    list-style: decimal; 
}
a {
    text-decoration:none;
    color:#0c98b9;
    outline: none;
}
.fontsize0 {
    font-size: 11px;
}
.fontsize1 {
    font-size: 12px;
}
.fontsize2 {
    font-size: 14px;
}
.fontsize3 {
    font-size: 16px;
}
.user-link {
    color:#f0057c;
}
.subtle-link {
    text-decoration: underline;
    color: inherit;
}
a.subtle-link:hover {
    text-decoration: none;
}
a.gray-link {
    color:#9facb2;
}
a:hover {
    text-decoration:underline;
}
tt, code {
    font-family: monospace;
}
input, textarea, select, option {
    border: 0 none;
    background-color: transparent;
    color: #000;
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
}
textarea {
    overflow: auto; 
}
.imgdiv {
    display: block;
    padding:1px;
    border:1px solid #dfdfdf;
    background: #dfdfdf;
}
.imgdiv:hover, .imghover {
    border:1px solid #f0057c;
}
.imgdiv_nohover:hover {
    border:1px solid #dfdfdf;
}
div.float-flush {
    clear: both;
}
.trip-ttl, .user-ttl {
    font-weight: bold;
}
.global-icons {
    background: transparent url(../images/global-icons-v36.gif) 0 0 no-repeat;
}
.universal-icons {
    background:url(../images/universal-icons-v28.png) 0 0 no-repeat;
}
.picbox-icons {
    background: transparent url(../images/picbox-icons-v14.png) 0 0 no-repeat;
}
.misc-icons {
    background: transparent url(../images/misc-icons-v11.gif) 0 0 no-repeat;
}
/* logo */
h1 {
    margin:0;
}
h1 a.global-icons {
    float:right;
    width:89px;
    height:30px;
    margin: 10px 0 0 0;
    overflow:hidden;
    background-position: -63px -23px;
    text-indent:-9999px;
}
h2 {
    position: absolute;
    top: -35px;
    left: 511px;
    margin:0;
    font-size: 22px;
    color:#ef047b;
}
td.fb_pop_content h2 {
    top: 0;
    left: 0;    
}
#right-column h2 {
    top: -60px;
    left: 17px;
}
h3 {
    margin:0;
    font-size:18px;
    color:#ef047b;
}
h4 {
    margin:0;
}
h4 a {
    font-weight: normal;
}
p {
    margin:6px 0 0;
}
img {
    border:0;
}
.bullet-list {
    padding:10px 0 10px 18px;
    margin:0;
    list-style:none;
    clear:both;
}
.bullet-list li {
    padding: 3px 0 3px 12px;
    margin-left: -18px;
    background: url(../images/bullet.gif) no-repeat 0 7px;
}
.homepage-icons {
    background: transparent url(../images/homepage-icons-v45.png) 0 0 no-repeat;
}
.empty {
    font-style: italic;
    color: #666666;
}
.hidden {
    display: none;
}
a.btn {
    color:#fff;
    background:#0c98b9;
    padding:1px 9px 2px;
    border:1px solid #0c98b9; /* needed to avoid flicker in IE6 when flipping between Show/Hide */
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
a.btn:hover {
    color: #037c99;
    background: #d5eff5;
    text-decoration: none;
    border:1px solid #d5eff5; /* needed to avoid flicker in IE6 when flipping between Show/Hide */
}
a.btn-lt {
    color: #0c98bb;
    background: #fff;
    padding:0px 8px 1px 10px;
    border:1px solid #e0e5e6;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: normal;
}
a.btn-lt:hover {
    background: #e2f2f6;
    border: 1px solid #d7e1e3;
    text-decoration: none;
}
a.btn-hdr {
    padding: 1px 8px 2px 10px;
    border-color: #C3D1D5; 
    margin: 3px 6px 0; 
}
a.btn-hdr:hover {
    color: #0c98bb;    
    border: 1px solid #C3D1D5;
}
a.disabled {
    color: #9facb2;
    background: #e2e6e7;
    border:1px solid #e2e6e7;
    cursor: default;
}
a.disabled:hover {
    color: #9facb2;
    background: #e2e6e7;
}
.rnd-fld {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.edit-label-stack {
    position: relative;
    overflow: hidden;
    padding: 3px;         
    background-color: #eaeff0;
}
.edit-label-stack .prefix {
    position: absolute;
    top: 3px;
    left: 4px;
}
.edit-label-stack input {
    background: inherit;    
    color: #666666;
    margin-left: 22px;
}
.edit-label-stack .hint {
    position: absolute;
    top: 3px; 
    left: 24px;
    color: #9eadb1;
    overflow: hidden; 
    margin: 0;
}
.edit-label-stack img.loader {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
}
.edit-label-no-prefix input {
    margin-left: 0;
}
.edit-label-no-prefix .hint {
    left: 3px;
}
.no-picture {
    cursor: default;
}
.accel-hint {
    padding-left: 0.5em;
    font-size: 11px;
}
.vsep {
    display: -moz-inline-box;
    display: inline-block;
    height: 8px;
    border-right: 1px solid #6a6a6a;
    padding-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
    font-size: 4px;
}
.vs {
    color:#E0E7E5;
    padding:0 8px;
}
.bad-value {
    background-color:#fff701;
}
.shade30 {
    background:url(../images/shade30.png) repeat;
}
.shade40 {
    background:url(../images/shade40.png) repeat;
}
.shade50 {
    background:url(../images/shade50.png) repeat;
}
.shade60 {
    background:url(../images/shade60.png) repeat;
}
.shade70 {
    background:url(../images/shade70.png) repeat;
}
.shade80 {
    background:url(../images/shade80.png) repeat;
}
.shade90 {
    background:url(../images/shade90.png) repeat;
}
.shade-grey85 {
    background:url(../images/shade-grey85.png) repeat;
}
.shade-dkgrey85 {
    background:url(../images/shade-dkgrey85.png) repeat;
}
.shade-0b-85 {
    background:url(../images/shade-0b-85.png) repeat;
}
.shade-comment {
    background:url(../images/shade-comment.png) repeat;
}

.corner-nw {
    position: absolute; 
    top: -1px; 
    left: -1px;
}
.corner-ne {
    position: absolute; 
    top: -1px; 
    right: -1px;
}
.corner-sw {
    position: absolute; 
    bottom: -1px; 
    left: -1px;
}
.corner-se {
    position: absolute; 
    bottom: -1px; 
    right: -1px;
}

@media projection, screen { .ui-tabs-hide { display:none; } }
@media print { .ui-tabs-nav { display: none; } }

#page {
    margin:0 auto;
    width:977px;
    position:relative;
}
#main {
    display:table;
    width:977px;
}
#top-header {
    height: 45px;
    margin:1px 15px 0 0;
}
#header {
    padding:0 21px 9px 0;
    height:124px;
    overflow:hidden;
}
#header-title-holder {
    height: 50px;
    margin: 0 0 15px;
}
#logo-cell {
    float: right;
    width:109px;
    height:48px;
}
#content {
    position: relative;
    background:#ffffff url(../images/top-content-v2.gif) no-repeat;
    padding:25px 21px 30px 21px;
    width:935px;
    float:left;
}
.middle-corner {
    padding: 10px;
    background-color: #e5e5e5;
    border-right: 1px solid #d9d9d9;
}
.bottom-corner {
    height: 10px;
    background: #fff url(../images/my-friends-bkgnd.gif) no-repeat;
    background-position: 0 -88px;
}

#notification-area {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 5px;
    background: #969696;
    margin: 70px 0 0 0;
    display: none;
    font-size: 11px;
}
#notification-area .info {
    color: #ffffff;
}
#notification-area .error {
    color:#fff600;
}
#tooltip {
    position: absolute;
    z-index: 3000;
    border: none;
    padding: 4px 10px 5px 8px;
    color: #fff;
}
#tooltip h3, #tooltip div { 
    margin: 0; 
}

/* login area */
ul#top-tools {
    float:right;
    color:#969696;
    padding:0;
    margin:0;
    list-style:none;
}
ul#top-tools li {
    float:left;
    margin:16px 12px 0 0;
}
/* top navigation */
#top-nav {
    float:left;
    width: 220px;
    padding:12px 0 0 0;
    margin:0;
    list-style:none;
    text-transform:uppercase;
}
#top-nav.top-nav-left {
    padding-left: 12px;
}
#top-nav li {
    float:left;
}
#myheader {
    float: left; 
    padding: 2px 0 0 21px; 
    position: relative;
}
#myheader .imgdiv {
    border-color: #cecece;
    background-color: #cecece;
}
#my-name-sep {
    width: 6px;
    height: 10px;
    background-position: -49px -22px;
}
#my-nav {
    float:left;
    display: none;    
    list-style:none;
    color: #000;
    padding: 0 0 0 10px;
    margin: 0;
}
#my-nav li {
    float:left;
    margin: 16px 20px 0 0;
}
#my-nav a,
#my-name {
    color: #000;
}
/* left content */
#left-column {
    width:457px;
    float:left;
}
/* right content */
#right-column {
    width:461px;
    float:left;
    position:relative;
    margin-left: 16px;
}
.border-box {
    width:100%;
    border-bottom:1px solid #c3d1d4;
    padding-bottom:4px;
}
/* friends/users list */
.object-box-holder {
    float: left;
    position: relative;
}
/* footer */
#footer {
    overflow:hidden;
    clear:both;
    font-size:11px;
    color:#9fadb0;
    width: 933px;
    padding:0 22px;
    background: #ffffff;
}
#footer .stats {
    margin-bottom: 11px;
}
.footer {
    height: 1em;
    border-top:1px solid #c3d1d4;
    padding: 5px 0 20px 0;
}
.footer ul {
    padding:0;
    margin:0;
    list-style:none;
}
.footer ul li {
    float:left;
    padding-right:14px;
}
.footer ul.right-footerlist li {
    padding:0 0 0 14px;
}
.footer ul.right-footerlist {
    float:right;
}

/*--------------------------- Golbal round-corner buttons ---------------------------*/
.btn_bg {
    cursor: pointer;
}
.btn_bg .left,
.btn_bg .right {
   width: 4px;     
}
.btn_bbwl {
    height: 33px;
}
.btn_bbwl .left {
   background-position: -23px -13px;
}
.btn_bbwl_hover .left {
   background-position: -34px -13px;
}
.btn_bbwl .right {
   background-position: -28px -13px;
}
.btn_bbwl_hover .right {
   background-position: -39px -13px;
}
.btn_bg .center {
    background: #0c98b9;
    color: #fff;
    font-weight: bold;
    padding: 0 6px;
}
.btn_bg_hover .center {
    background: #ceeaf1;
    color: #0889a8;
}
.btn_bbwm {
    height: 27px;
}
.btn_bbwm .left {
   background-position: -12px -47px;
}
.btn_bbwm_hover .left {
   background-position: -23px -47px;
}
.btn_bbwm .right {
   background-position: -17px -47px;
}
.btn_bbwm_hover .right {
   background-position: -28px -47px;
}

.btn_bbfl {
    height: 33px;
}
.btn_bbfl .left {
    background-position: -346px -21px;
}
.btn_bbfl_hover .left {
    background-position: -356px -21px;
}
.btn_bbfl .right {
    background-position: -351px -21px;
}
.btn_bbfl_hover .right {
    background-position: -361px -21px;
}
.btn_bbfl_hover .center {
    color: #0889a8;
    background: #b6e0ea;
}

.btn_bgfl {
    height: 33px;
}
.btn_bgfl .left {
    background-position: -366px -21px;
}
.btn_bgfl_hover .left {
    background-position: -376px -21px;
}
.btn_bgfl .right {
    background-position: -371px -21px;
}
.btn_bgfl_hover .right {
    background-position: -381px -21px;
}
.btn_bgfl .center {
    background: #a4cd6d;
    color: #fff;
}
.btn_bgfl_hover .center {
    background: #c3e595;
    color: #668C37;
}
.btn_bgwl {
    height: 33px;
}
.btn_bgwl .left {
    background-position: -274px -21px;
}
.btn_bgwl_hover .left {
    background-position: -284px -21px;
}
.btn_bgwl .right {
    background-position: -279px -21px;
}
.btn_bgwl_hover .right {
    background-position: -289px -21px;
}
.btn_bgwl .center {
    background: #a4cd6d;
    color: #fff;
}
.btn_bgwl_hover .center {
    background: #d3ebb2;
    color: #668C37;
}

.hdr-s {
    width: 240px;
}
.hdr-l {
    width: 314px;
}
.hdr-xl {
    width: 650px;
}
.hdr-up, .hdr-dn {
    height: 4px;
    font-size: 2px;
}
.hdr-grey-c {
    background-color: #e5e5e5;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.hdr-grey-c h4 {
    padding: 3px 17px;
}
.hdr-s-grey-c h4 {
    padding: 3px 14px;
}
.hdr-s-grey-up {
    background-position: -49px -11px;
}
.hdr-s-grey-dn {
    background-position: -49px -16px;
}
.hdr-l-grey-up {
    background-position: -49px -1px;
}
.hdr-l-grey-dn {
    background-position: -49px -6px;
}
.hdr-xl-grey-up {
    background-position: -1px -82px;
}
.hdr-xl-grey-dn {
    background-position: -1px -87px;
}

/*--------------------------- Autocompleter styles ---------------------------*/

.ac_results {
        padding: 0px;
        border: 1px solid #999999;
        background-color: #ffffff;
        overflow: hidden;
        z-index: 99999;
}

.ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
}

.ac_results li {
        margin: 0px;
        padding: 2px 5px;
        cursor: default;
        display: block;
        /* 
        if width will be 100% horizontal scrollbar will apear 
        when scroll mode will be used
        */
        /*width: 100%;*/
        /*font: menu 10px;*/        
        /* 
        it is very important, if line-height not setted or setted 
        in relative units scroll will be broken in firefox
        */
        line-height: 16px;
        overflow: hidden;
}

.ac_loading {
        background : Window url(../images/loading-mini-v1.gif) right center no-repeat;
}

.ac_over {
        background-color: #9ed6e4;
        color: #000000;
}

.ac_moreItems {
        text-align: center;
        background-color: InactiveCaption;
        color: InactiveCaptionText;
        margin: 0px;
        padding: 0px 5px;
        cursor: default;
        display: block;
        width: 100%;
        font-weight: bold;
        overflow: hidden;
        -moz-user-select: none;
        -khtml-user-select: none;
}

/*--------------------------- jScrollPane settings ------------------------------*/

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    /*z-index: 1;*/
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #878c8f;
}
.jScrollPaneDrag {
    position: absolute;
    background: #acbdc4;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop,
.jScrollPaneDragBottom,
a.jScrollArrowUp,
a.jScrollArrowDown {
    display: none;
}

/* ---------------------- main menu ------------------------------------------*/
.menu-item {
    display: block;
    height: 24px;
    text-decoration: none;
}
#menu-sign-in {
    width: 68px;
    background-position: 0 -270px;
}
a#menu-sign-in:hover {
    background-position: 0 -294px;
}
#menu-sign-up {
    width: 73px;
    background-position: -114px -318px;
}
a#menu-sign-up:hover {
    background-position: -114px -342px;
}
#menu-last-trip {
    width: 31px;
    background-position: -186px -49px;
}
a#menu-last-trip:hover {
    background-position: -218px -49px;
}
#menu-trips {
    width: 55px;
    background-position: 0 0;
}
a#menu-trips:hover {
    background-position: 0 -24px;
}
#menu-friends {
    width: 75px;
    background-position: -55px 0;
}
a#menu-friends:hover {
    background-position: -55px -24px;
}
#menu-home {
    width: 60px;
    background-position: -194px 0;
}
a#menu-home:hover {
    background-position: -194px -24px;
}
#menu-what-is-zipalong {
    width: 151px;
    background-position: -198px -270px;
}
a#menu-what-is-zipalong:hover {
    background-position: -198px -294px;
}

.rss-feed-on-grey {
    background-position: -339px -56px;
    width: 16px;
    height: 16px;
    display: block;
}
.rss-feed-on-grey:hover {
    background-position: -357px -56px;    
}
.rss-feed-on-white {
    background-position: -303px -56px;
    width: 16px;
    height: 16px;
    display: block;
}
.rss-feed-on-white:hover {
    background-position: -321px -56px;    
}

.common-gb-btn:hover {
    border-color:#aeaeae;
    background: #f3f3f3;
    text-decoration: none;      
}
.common-gb-btn a:hover {
    text-decoration: none;	
}
.common-gb-btn {
    border:1px solid #c4c4c4;
    background: #f3f3f3;    
    background: #f3f3f3 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));
    background: -moz-linear-gradient(center top , #ffffff, #f3f3f3) repeat scroll 0 0 #f3f3f3;  	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    cursor:pointer;
    height:2.0833em;
    overflow:visible;
    padding:0 0.5em;
    vertical-align:middle;
    white-space:nowrap;
}
.common-gb-btn .lbl {
    float: left;
    display: block;
    padding: 5px 5px;
    color: #000;
    text-decoration: none;
}

.common-wb-btn:hover {
    border-color:#b7b7b7;
    background: #f3f3f3; 
    text-decoration: none;
}
.common-wb-btn a:hover {
    text-decoration: none;      
}
.common-wb-btn {
    border:1px solid #d6d6d6;
    background: #f3f3f3;    
    background: #f3f3f3 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));
    background: -moz-linear-gradient(center top , #ffffff, #f3f3f3) repeat scroll 0 0 #f3f3f3;          
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    cursor:pointer;
    height:2.0833em;
    overflow:visible;
    padding:0 0.5em;
    vertical-align:middle;
    white-space:nowrap;
}
.common-wb-btn .lbl {
    float: left;
    display: block;
    padding: 5px 5px;
    text-decoration: none;
    color: #000;
}
.common-wb-btn .lbl-no-icon {
    display: block;
    padding: 5px 10px;
    color: #000;
}/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> zipBox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#ZB_overlay,#zb-pd-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height:100%;
    width:100%;
    cursor: wait;
}
#ZB_overlay {
    z-index:10000;
    display: none;
}
#zb-pd-overlay {
    z-index:100;
    background: #000;
}

.ZB_window {
    color:#ffffff;
}
.ZB_bubble {    
    position: absolute;
    z-index: 10200;
    top:45px;
    left:300px;
    display:none;
}
.ZB_dropdown {    
    position: absolute;
    z-index: 10200;
    top:45px;
    left:300px;
    display:none;
}
.ZB_popup {
    position: fixed;
    z-index: 10200;
    display:none;
    text-align:left;
}
.ZB_centered {
    position: fixed;
    top:50%;
    left:50%;
}
#ZB_messages {
    position: fixed;
    z-index: 19900;
    left:50%;
    margin-left: -120px;
    display:none;
    text-align: center;
    max-width: 400px;
}
.zb-notification {
    top:20px;
    color: #000;
    background: #c9c50c;
    padding: 6px 12px;
}
.zb-pd-picbox {
    top:150px;
    color: #c9c50c;
    font-weight: bold;
    padding: 40px 60px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.zb-pd-picbox a {
    color: #c9c50c;
    text-decoration: underline;
}
.ZB_close, .zb-close {
    display: block;
    position: absolute;
    padding: 0;
    width: 9px;
    height: 9px;
    text-indent:-9999px;
    overflow: hidden;
}
.ZB_popup .ZB_close,
.ZB_popup .zb-close {
    top: 7px; 
    right: -25px;
    background-position:-530px -1px;
}
.ZB_popup a.ZB_close:hover,
.ZB_popup a.zb-close:hover {
    background-position:-540px -1px;
}
.ZB_bubble .ZB_close {
    top: 9px;
    right: 14px;
    background-position:-1px -1px;
}
.ZB_bubble a.ZB_close:hover {
    background-position:-520px -1px;
}
.ZB_body {
    clear:both;
    text-align:left;
    line-height:1.4em;
}
#ZbMsgBox {
    font-size: 16px;
}
#ZbMsgBox .zb-auto-size {
    max-width: 400px;
}
#ZbMsgBox p {
    margin: 20px 0 0;
}
#ZbMsgBox .zb-hint {
    margin-top: 30px;
    font-size: 11px;
}
#ZB_load {
    display:none;
    height:21px;
    width:231px;
    z-index:10300;
    margin: -10px 0 0 -115px; /* -height/2 0 0 -width/2 */
    background:url(../images/loadbar-bkgnd.png) no-repeat;
}
#ZB_bubble_pane {
    background:url(../images/bubble_bg_v4.png);
}
#ZB_bubble_nw {
    width: 8px;
    height: 7px;
    background:url(../images/bubble_nw_v4.png) no-repeat;
}
#ZB_bubble_ne {
    width: 12px;
    height: 7px;
    background:url(../images/bubble_ne_v4.png) no-repeat;
}
#ZB_bubble_sw {
    width: 8px;
    height: 11px;
    background:url(../images/bubble_sw_v4.png) no-repeat;
}
#ZB_bubble_se {
    width: 12px;
    height: 11px;
    background:url(../images/bubble_se_v4.png) no-repeat;
}
#ZB_bubble_n {
    height: 7px;
    background:url(../images/bubble_n_v4.png) repeat-x;
}
#ZB_bubble_s {
    height: 11px;
    background:url(../images/bubble_s_v4.png) repeat-x;
}
#ZB_bubble_w {
    width: 8px;
    background:url(../images/bubble_w_v4.png) repeat-y;
}
#ZB_bubble_e {
    width: 12px;
    background:url(../images/bubble_e_v4.png) repeat-y;
}
#ZB_nozzle {
    position: absolute;
    display: block;
}
.ZB_bubble .ZB_nozzle_up {
    top: -13px;
    left: 200px;
    width: 27px;
    height: 15px;
    background:url(../images/bubble_up_v4.png) no-repeat;
}
.ZB_bubble .ZB_nozzle_down {
    bottom: -10px;
    width: 29px;
    height: 16px;
    background:url(../images/bubble_down_v4.png) no-repeat;
}
.ZB_bubble .ZB_nozzle_left {
    left: -12px;
    width: 15px;
    height: 29px;
    background:url(../images/bubble_left_v4.png) no-repeat;
}
.ZB_bubble .ZB_nozzle_right {
    right: -8px;
    width: 15px;
    height: 29px;
    background:url(../images/bubble_right_v4.png) no-repeat;
}
.ZB_bubble .ZB_body {
    line-height:normal;
    padding:11px 16px;
    overflow: hidden;
}
.ZB_bubble input, .ZB_bubble textarea {
    width:100%;    
    background: #ebedec;
}
.ZB_bubble .edit-label-stack .hint {
    color: #747675;
}
.ZB_bubble .zb-send {
    margin-top: 5px;  
    color: #b8b8b8;
}
.ZB_window a {
    color: #ffffff;
    text-decoration: underline;
}
.ZB_window a:hover {
    text-decoration: none;
}
.ZB_window a.btn {
    text-decoration: none;
}
.ZB_window .imgdiv {
    border-color: #7c7c7c;
    background: #7c7c7c;
}
.ZB_window .imgdiv:hover, .ZB_window .imghover {
    border:1px solid #f0057c;
}
.ZB_window .imgdiv_nohover:hover {
    border:1px solid #7c7c7c;
}
.ZB_body h2 {
    position: absolute;
    top: -32px;
    left: 3px;
    margin: 0;
    color: #fff;
}

.zb-generic {
    clear:both;
    float:left;
    margin: 0 1em 6px 0;
    padding: 2px 0;
    font-weight: bold;
}
.zb-input-area {
    background-color: #e9edee;
    color:#747675;
    float:left;
    margin-bottom:6px;
    padding: 2px;    
}
.zb-input-area input {
    background: transparent;
}

/*************************** add picture comment ****************/
#zb-add-comment .zb-msg-area {
    margin-top:10px;
    border-top:1px solid #313131;    
}