/*----- Modals -----*/

div.ui-widget-overlay {
    background: #FFF;
    filter: alpha(opacity = 75);
    left: 0;
    opacity: 0.75;
    position: absolute;
    top: 0;
}

div.modal-popup {
    background: url(/Content/img/popform/standard-modal-background.png) no-repeat;
    height: 346px !important;
    padding: 20px 30px;
    width: 246px !important;
}

div.contact-modal-popup {
    background: url(/Content/img/popform/contact-modal-background.png) no-repeat;
    height: 414px !important;
    padding: 25px 35px 50px 35px;
    width: 235px !important;
}


/* - Email your Plan - */

div#email-my-plan-form { display: none; }

div.contact-modal-popup div.ui-dialog-titlebar {
    height: 13px;
    overflow: hidden;
    position: relative;
    width: 235px;
}

div.contact-modal-popup div.ui-dialog-titlebar a {
    background: url(/Content/img/popform/modal-close-btn.gif);
    display: block;
    height: 13px;
    position: absolute;
    right: 0;
    top: 0;
    width: 13px;
}

div.contact-modal-popup div.ui-dialog-titlebar a span { display: none; }

div.email-plan-form {
    border: 1px solid #69C;
    border-left: none;
    border-right: none;
    border-bottom: none;
    display: inline;
    float: left;
    margin: 20px 0;
    padding: 10px 0;
    width: 235px;
}

.border-bottom
{
    border-bottom: 1px solid #69C;
    padding-bottom:20px!important;
}


div.email-plan-form div.left, div.email-plan-form div.right {
    display: inline;
    float: left;
}

div.email-plan-form div.left {
    margin: 0 26px 0 0;
    width: 234px;
}

div.email-plan-form div.right { width: 281px; }

p.email-recipe {
    background: url(/Content/img/popform/email-this-recipe.gif) no-repeat;
    height: 33px;
    line-height: 0;
    margin: 0 0 30px 30px;
    text-indent: -10000px;
    width: 235px;
}
p.email-recipe-FR {
    background: url(/Content/img/popform/fr/email-this-recipe.gif) no-repeat;
    height: 35px;
    line-height: 0;
    margin: 0 0 30px;
    text-indent: -10000px;
    width: 540px;
}

div.email-plan-form label {
    color: #333;
    display: block;
    font-family: "Arial", "Helvetica", Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 19px;
}

div.email-plan-form label em, div.email-plan-form p {
    color: #999;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
}

div.email-plan-form p a {
	color: #999;
	text-decoration: underline;
}

div.email-plan-form div.input { margin: 0 0 10px; }

div.email-plan-form input, div.email-plan-form textarea {
    border-bottom: 2px solid #FBFBFB;
    border-left: 2px solid #969696;
    border-right: 2px solid #FBFBFB;
    border-top: 2px solid #969696;
    font-family: "Arial", "Helvetica", Sans-Serif;
    width: 230px;
}

div.email-plan-form input.error {
	border-color: #F03;
}

div.email-plan-form div.copy { padding: 10px 0 0; text-align:left; }

div.email-plan-form textarea {
    font-size: 11px;
    height: 132px;
    width: 275px;
}

div.email-plan-form div.textarea p, div.email-plan-form{ text-align: right; }

input#submit-email-plan {
    border: none;
    height: 29px;
    line-height: 0;
    /*text-indent: -10000px;*/
    width: 129px;
}
input.submit-email-plan {
    background: url(/Content/img/popform/modal-send-button.gif) no-repeat;
    
}

input.submit-email-plan:hover {
    background: url(/Content/img/popform/modal-send-button.gif) no-repeat 0 -29px;
    cursor: pointer;
}
input.submit-email-plan-FR {
    background: url(/Content/img/popform/fr/modal-send-button.gif) no-repeat;
    
}

input.submit-email-plan-FR:hover {
    background: url(/Content/img/popform/fr/modal-send-button.gif) no-repeat 0 -29px;
    cursor: pointer;
}


/* - Email thank you - */

div#email-thank-you { display: none; }

div#email-thank-you span.hr {
    background: url(/Content/img/popform/blue-border.gif) no-repeat center top;
    display: block;
    height: 1px;
    margin: 20px 0;
}

div#email-thank-you span.hr hr { display:none; }

div#email-thank-you p#thank-you-header {
    height: 13px;
    margin: 0 auto 20px;
    text-indent: -10000px;
    
}
p.thank-you-header
{
	width: 114px;
	background: url(/Content/img/popform/thank-you.gif) no-repeat;
}
p.thank-you-header-FR
{
	width: 57px;
	background: url(/Content/img/popform/fr/thank-you.gif) no-repeat;
}

div#email-thank-you p#thank-you-copy {
    
    height: 40px;
    margin: 0 auto 20px;
    /*text-indent: -10000px;*/
    width: 219px;
}
p.thank-you-copy{
}
p.thank-you-copy-FR{

    background: url(/Content/img/popform/fr/thank-you-email-copy.gif) no-repeat;
}

div#email-thank-you p a {
    color: #333;
    text-decoration: underline;
}

div#email-thank-you button#close-thank-you-modal {
   
    border: none;
    display: block;
    height: 31px;
    margin: 10px 0 0;
    text-indent: -10000px;
    width: 114px;
}

button.close-thank-you-modal
{
	    background: url(/Content/img/popform/close-modal-button.gif) no-repeat;
}
button.close-thank-you-modal-FR
{
	    background: url(/Content/img/popform/fr/close-modal-button.gif) no-repeat;
}

button.close-thank-you-modal:hover {
    background: url(/Content/img/popform/close-modal-button.gif) no-repeat 0 -31px;
    cursor: pointer;
}
button.close-thank-you-modal-FR:hover {
    background: url(/Content/img/popform/fr/close-modal-button.gif) no-repeat 0 -29px;
    cursor: pointer;
}

.design-your-plan-splash
{
    display:none;
}

.single-img-position
{
    margin:20px auto;
}