.popupPanel { background: black; color: white; }

/* 
    Styles for panels in both player and standalone popup window.
    
    Styles which should apply to the panels when in-player belong in the main stylesheet
*/


/* jquery.ui.playeraskpanel.js widget styles */
.ui-playeraskpanel form { position: relative; margin: 0 10px; }
.ui-playeraskpanel p { margin: 5px; }
.ui-playeraskpanel label { font-weight: bold; text-align: left; margin-top: 3px;margin-bottom: 3px;  display:block; }
.ui-playeraskpanel label[for="ui-playeraskpanel-email"] { font-weight: normal; }    /* Email is optional */
.ui-playeraskpanel input, .ui-playeraskpanel textarea { margin-left: 0px; }
.ui-playeraskpanel textarea { resize: none; }
#ui-playeraskpanel-header { font-weight: bold; margin: 0 0 20px 10px; }
#ui-playeraskpanel-submit { position: relative; height: 24px; }
#ui-playeraskpanel-sendBtn { position: absolute; right: 10px; bottom: 0; width: 120px; height: 24px; background: #ccc; }
#ui-playeraskpanel-time { width: 60px; margin-left: 5px; }
#ui-playeraskpanel-time-format { margin-left: 5px; color: #ccc; }
#ui-playeraskpanel-modalmask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background: #333; background: rgba(50,50,50,.5); }
#ui-playeraskpanel-dialog-title { position: relative; color: #fff; font-weight: bold; left: 0; right: 0; background: #333; padding: 5px; }
#ui-playeraskpanel-dialog-text { margin: 10px; }
#ui-playeraskpanel-dismiss-dialog { position: absolute; width: 50px; left: 50%; bottom: 5px; margin-left: -25px; }
#ui-playeraskpanel-dialog
{
    position: absolute;
    width: 340px;
    height: 160px;
    left: 50%;
    top: 50%;
    margin-left: -170px;
    margin-top: -80px;
    background: #fff;
    border: 2px solid #ccc;
    color: #333;
}
.ui-playeraskpanel button  { background: #000; color: #fff; border-radius: 10px; }


/* jquery.ui.playerinvitepanel.js widget styles */
.ui-playerinvitepanel form { position: relative; margin: 0 10px; padding-bottom: 10px; }
.ui-playerinvitepanel p { margin: 5px; }
.ui-playerinvitepanel label { font-weight: bold; margin-top: 3px; margin-bottom: 3px; display:block; }
.ui-playerinvitepanel input, .ui-playerinvitepanel textarea { margin-left: 0px; }
.ui-playerinvitepanel textarea { resize: none; }
#ui-playerinvitepanel-header { font-weight: bold; margin: 0 0 20px 10px; }
#ui-playerinvitepanel-submit { position: relative; height: 24px; }
#ui-playerinvitepanel-sendBtn { position: absolute; right: 10px; bottom: 0; width: 60px; height: 24px; background: #ccc; }
#ui-playerinvitepanel-time { width: 60px; margin-left: 5px; }
#ui-playerinvitepanel-time-format { margin-left: 5px; color: #ccc; }
#ui-playerinvitepanel-modalmask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:2; background: #000; background: rgba(0,0,0,.5); }
#ui-playerinvitepanel-dialog-title { position: relative; color: #fff; font-weight: bold; left: 0; right: 0; background: #333; padding: 5px; }
#ui-playerinvitepanel-dialog-text { margin: 10px; }
#ui-playerinvitepanel-dismiss-dialog { position: relative; width: 50px; left: 50%; bottom: 5px; margin-left: -25px; }
#ui-playerinvitepanel-toSeparator { margin-left: 0px; color: #ccc; font-size: 0.9em; }
#ui-playerinvitepanel-useclient:link { color: #ccc; }
#ui-playerinvitepanel-dialog
{
    position: absolute;
    width: 300px;
    height: auto;
    left: 50%;
    top: 100px;
    margin-left: -150px;
    background: #fff;
    border: 2px solid #ccc;
    color: #333;
}
.ui-playerinvitepanel-form button  { background: #333; color: #fff; }
