@CHARSET "ISO-8859-1";
/* 
* Place your custom CSS styles in this file. 
* When upgrading the plugin just keep a backup copy of this file 
* so you don't lose the CSS changes you made during the upgrade.
*/

.wp-emember-warning-msgbox{
    display:block;
    /*overflow:hidden;	*/
    border-color: #AAAAAA #AAAAAA #AAAAAA #672877;
    border-style: solid;
    border-width: 0px 0px 0px 10px;
    padding:5px;
    margin:10px 0;
}

.eMember_protected_message_default{
    padding: 10px;
    border: none !important;
    margin: 15px 0;
    background: #B5B5B5;
}

.eMember_level_upgrade_form input[type="submit"]
{
background-color: #E6E6E6;
background-color: #CCC;
border: 1px solid #D2D2D2;
color: #7C7C7C;
padding: 5px 10px;
cursor: hand;
}

/* This is a bit of a hack but I have the emember warning message wrapped with a #class_page_video_embed
span on every class page, so the standard emember warning message frame (purple line) can be hidden */
#class_page_video_embed .wp-emember-warning-msgbox,
#class_page_video_embed .eMember_protected_message_default {
    visibility: hidden;
    padding: 0;
    margin: 0;
    border: none;
}

/* Hide the default emember warning image on class pages, the picture of the '&' */
#class_page_video_embed .wp-emember-warning-msgbox-image {
    display: none;
}

/* Problem is, the above hidden warning message still takes up a little space even with these settings,
so I need to figure out a way to make the image show up without getting cut off on the right.
Whole page needs to be reformatted so it can wait until then. */
#class_page_video_embed .wp-emember-warning-msgbox-text img {
    visibility: initial;
}