.flipgorilla-main {
    iframe#embed-flipgorilla-website {
        width: 98%;
        height: 500px;
        padding: 15px;
        margin: 0 0 20px 0;
        background-color: #80c719;
    }

    h1.inline,
    h2.inline,
    h3.inline,
    h4.inline,
    h5.inline,
    h6.inline {
        display: inline-block;
    }

    a {
        text-decoration: none;
    }

    a.delete,
    a.cancel {
        color: red;
        cursor: pointer;
    }

    .star{
        color: red;
    }

    .required{
        margin: 0 0 15px 20px;
    }

    .wrap h2 {
        display: inline-block;
        position: relative;
        top: -6px;
        margin: 0 0 8px;
    }

    .update{
        margin: 0 5px 0 0;
    }
    .headline{
        margin: 0 5px 0 0;
    }

    .info {
        padding: 8px 35px 8px 14px;
        margin: 0 6px 20px 0px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        background-color: #d1f2a2;
        border: 1px solid #80c719;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #50810a;
    }

    .info-link {
        text-decoration: none;
    }

    .flipgorilla-icon {
        background: url( './../assets/logo.png' ) no-repeat scroll 1px 1px transparent;
        width: 32px;
        height: 32px;
        margin: 7px 10px 0px 10px;
        display: inline-block;
    }

    .wrap .help-icon {
        background: url('./../assets/help.png' ) no-repeat scroll 1px 1px transparent;
        width: 32px;
        height: 32px;
        margin: 7px 24px 0px 5px;
        display: inline-block;
    }

    .help-icon {
        background: url('./../assets/help16x16.png' ) no-repeat scroll 1px 1px transparent;
        width: 16px;
        height: 16px;
        margin: 6px 23px 0px 5px;
        display: inline-block;
        position: relative;
        top: 4px;
        left: 3px;
    }

    .help-box {
        background-color: #fff;
        border: 1px solid #50810a;
        position: absolute;
        top: 20px;
        left: -200px;
        padding: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        z-index: 10;
        color: #000;
        width: 200px;
    }

    .shortcode{
        border: 1px soild #fff;
        background-color: #fff;
        display: inline-block;
        font-size: 16px;
        padding: 5px;
        margin: 15px;
    }

    form li {
        display: inline;
        list-style-type: none;
        padding-right: 20px;
    }

    form label {
        margin: 0 15px 0 0;
    }

    form input,
    form select
    {
        border: 1px solid #80c719 !important;
    }

    form .error
    {
        position: relative;
    }

    form .error input
    {

        border: 1px solid #f00 !important;
        background-color: #FFFFCC;
    }

    form .error .error-msg {
        position: absolute;
        top: -18px;
        left: 0;
        color: red;
    }
}