/* overlay dimensions */
div.overlay {
    padding:40px;
    display:none;
    width:480px;
    height:375px;
    background:url(../../flowplayer/img/overlay/share.png) no-repeat;
}

/* generic styling for elements inside overlay */
div.overlay h2, div.overlay a, div.overlay p, div.overlay div {
    font-family:"bitstream vera sans",verdana;
    margin-top:0px;
    color:#fff;
    font-weight:normal;
    text-align: left;
}

div.overlay h2 {
    margin:0px;
}

div.overlay div.close {
    background:url(../../flowplayer/img/overlay/close.png) no-repeat;
    position:absolute;
    top:2px;
    right:5px;
    width:35px;
    height:35px;
    cursor:pointer;
}

/* tabs */
#shareTabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    position:absolute;
    top:93px;
    left:14px;
}

#shareTabs li {
    float:left;
    margin:0 !important;
    padding:0;
    list-style-image:none !important;
    list-style-type: none;
}

#shareTabs li a {
    background:transparent url(../../flowplayer/img/overlay/share_tabs.png) no-repeat scroll 0 0;
    display:block;
    height:35px;
    margin:0px;
    padding:0px;
    width:140px;
    text-align:center;
    line-height:35px;
    color:#fff;
    font-size:11px;
    text-decoration:none;
}

#shareTabs li a#emailTab { background-position: 0 -37px; }
#shareTabs li a#embedTab { background-position: -140px -37px; }

#shareTabs li a#emailTab:hover { background-position: 0 -74px; }
#shareTabs li a#embedTab:hover { background-position: -140px -74px; }

#shareTabs li a#emailTab.current { background-position: 0 0; cursor: default; }
#shareTabs li a#embedTab.current { background-position: -140px 0; cursor: default;  }


/* tab panes = containers for tab content */
#panes {
    margin-top:65px !important;
    font-size:12px;
}


#panes input, #panes textarea {
    width:480px;
    font-size:12px;
    font-family:verdana;
    border:1px inset #666;
    padding:2px;
}

#panes textarea {
    padding:4px;
    height:100px;
}

#panes button {
    border:1px outset #ccc;
    cursor:pointer;
    background-color:#f9f9fa;
}

#panes label.left {
    float:left;
    margin-right:15px;
}

#panes label.left input {
    width:180px;
}

#embedPane textarea {
    margin-top:10px;
    height:180px;
    background-color:transparent;
    overflow-x:hidden;
    color:#BBBBBB;
    padding:4px;
    border:1px solid #ddd;
}

/* container for error/success messages */
#info {
    display:none;
}

/* container has a background image */
a.player {
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    clear:left;
    top:0px;
    display:block;
    background:url(../../flowplayer/img/player/splash.png) no-repeat;
    background-position: center;
    width:500px; /*player width*/
    height:300px; /*player height*/
    position:relative;
    text-align:center;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    z-index:1;
}