body {
}

.hide {
    display: none;
}

/* Shared */
input.input-validation-error {
    border: solid 1px #FF0000;
}

.validationMsg span {
    display: none;
    color: #FF0000;
    font-weight: bold;
}

.loadingModal {
    display: none;
    position: fixed;
    z-index: 1020;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../../images/mto-loading.gif') 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;
}

.script-enabled body.loading .loadingModal {
    /* only show the loading modal if JavaScript is enabled */
    display: block;
}

.noscript {
    border: 3px double #7e7e7e;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    padding: 15px 15px 15px 45px;
	background: #FBE3E4  url('../../images/icons/error.png') no-repeat 15px center;
}

/* Parties */
.noPartyLink {
    font-size:12pt;
}

div.partyBox {
    display:block;
    float:left;
    width:410px;
    height:310px;
    border: solid 1px #ADADAD;
    margin-right:30px;
    margin-top:30px;
    padding:25px;
    position: relative;
}

#partyBoxContainer div:nth-child(2n+0) {
    margin-right:0px;
}

div.eventDetailModal {
    padding:25px;
    position: relative;
    height: 300px;
}

.partyBox div, .eventDetailModal div {
    width:100%;
    text-align: center;
    
}

.partyBox div.partyName, .eventDetailModal div.partyName {
    font-size: 28pt;
    color: #F25776;
    margin-bottom: 15px;
}

.partyBox div.partyDescription, .eventDetailModal div.partyDescription {
    font-size: 14px;
    font-style:italic;
    margin-bottom: 25px;
    color: #7F7F7F;
}

    .partyBox div.partyHostess, .eventDetailModal div.partyHostess {
        font-size: 14px;
        color: #7F7F7F;
        margin-bottom: 20px;
    }


.partyBox div.partyDate, .eventDetailModal div.partyDate {
    font-size: 14pt;
    margin-bottom: 20px;
    color: #76716D;
}

    .partyBox div.partyDate span.date, .eventDetailModal div.partyDate span.date {
        padding-right: 10px;
        border-right: solid 2px #76716D;
    }

    .partyBox div.partyDate span.time, .eventDetailModal div.partyDate span.time {
        padding-left: 5px;
     
    }

.partyBox div.partyClose, .eventDetailModal div.partyClose {
    color: #595959;
}

    .partyBox div.partyClose a, .eventDetailModal div.partyClose a {
        text-decoration:underline;
        color: #F7447B;
    }

.partyBox div.boxButtonContainer {
    width:415px;
    position: absolute;
    bottom: 45px;

}

.eventDetailModal div.boxButtonContainer {
    width:415px;
    position: absolute;
    bottom: 25px;
   

}

    .partyBox div.boxButtonContainer span a, .eventDetailModal div.boxButtonContainer span a {
        padding-top: 8px;
        margin-left:40px;
        margin-right:40px;
    }

#EventDetailMainViewContainer {
    margin-left: 45px;
}

.eventDetailContainer div.partyName {
    font-size: 28pt;
    color: #F25776;
    margin-bottom:5px;
}

.eventDetailContainer div.partyDescription {
    font-style:italic;
    margin-bottom:30px;
    font-size:16px;
}


.eventDetailContainer div.partyDetailLine {
    margin-bottom: 15px;
    font-size: 18px;
    margin-left:10px;
}

    .eventDetailContainer div.partyDetailLine label {
        display: inline-block;
        font-size: 18px;
        margin-right: 10px;
        float:left;
        line-height: normal;
    }

    .eventDetailContainer div.partyDetailLine div {
        display:inline-block;
    }

div.shopNowButton {
    clear:both;
    padding-top: 30px;
    padding-left: 30px;
}

/*.shopNowButton span a {
    padding-top: 8px;
    width: 110px;
    
    margin-right:40px;
}*/

#eventCatalogHeader {
    width:300px;
    float:left;
    text-align:left;
}

    #eventCatalogHeader div.partyDetails {
        margin-bottom: 5px;
    }


/* /mto/retail/Party/Parties */

#noParties, #errorWithParty, #errorWithConsultant {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    width: 600px;
    border: solid 1px #E2e2e2;
    padding: 30px;
    background-color: #fff5f5;  
    -moz-border-radius-topright: 4px;  
    border-top-right-radius: 4px;  
    -moz-border-radius-bottomright: 4px;  
    border-bottom-right-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    border-top-left-radius: 4px;  
    -moz-border-radius-bottomleft: 4px;  
    border-bottom-left-radius: 4px;
    font-size:18px;
    text-align:center;
}




/* ------------------------------------------
PURE CSS SPEECH BUBBLES
by Nicolas Gallagher
- http://nicolasgallagher.com/pure-css-speech-bubbles/

http://nicolasgallagher.com
http://twitter.com/necolas

Created: 02 March 2010
Version: 1.2 (03 March 2011)

Dual licensed under MIT and GNU GPLv2 Nicolas Gallagher
------------------------------------------ */
/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-obtuse {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#333;
  border:1px solid #e2e2e2;

  /* css3 */

  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-obtuse.top {
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#c81e2b), to(#f04349));
  background:-moz-linear-gradient(#c81e2b, #f04349);
  background:-o-linear-gradient(#c81e2b, #f04349);
  background:linear-gradient(#c81e2b, #f04349);
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-obtuse.left {
  margin-left:50px;
  background:#c81e2b;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-obtuse.right {
  margin-right:50px;
  background:#c81e2b;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates the wider right-angled triangle */
.triangle-obtuse:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:60px; /* controls horizontal position */
  border:0;
  border-right-width:29px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #e2e2e2;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the narrower right-angled triangle */
.triangle-obtuse:after {
  content:"";
  position:absolute;
  bottom:-18px; /* value = - border-top-width - border-bottom-width */
  left:60px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
  border:0;
  border-right-width:28px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
  border-style:solid;
  border-color:transparent #fff;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* About Me Page */

#aboutMeContainer div span {
    display:block;
}

#aboutMeContainer div.personalMessage {
    width: 550px;
    float:left;
    border-right: solid 1px #CDCDCD;
    margin-left:75px;
    padding-right:100px;
}
    #aboutMeContainer div.personalMessage span.welcomeMessage {
        font-size: 20px;
        margin-bottom:20px;
    }
    #aboutMeContainer div.personalMessage span.personalMessage {
        font-size: 13px;
    }
    #aboutMeContainer div.personalMessage span.consultantSignature {
        font-size: 16px;
    }
    #aboutMeContainer div.personalMessage span.consultantTitle {
        font-style:italic;
    }



#aboutMeContainer div.contactInfo {
    width: 220px;
    float: right;
}

    #aboutMeContainer div.contactInfo span.contactInfoHeader {
        font-size: 15px;
        margin-bottom:15px;
    }

    #aboutMeContainer div.contactInfo span.consultantName {
        font-size: 15px;
    }

    #aboutMeContainer div.contactInfo span.consultantTitle {
        font-style: italic;
        margin-bottom:20px;
    }

    #aboutMeContainer div.contactInfo span.contactDetail {
        color: #a2a2a2;
    }

        #aboutMeContainer div.contactInfo span.contactDetail.emailDetail {
            margin-top: 15px;
        }

/* Replicated Site Tabs */

#replicatedSiteTabs {
    margin-bottom: 32px;

}
#replicatedSiteTabsSpace {
     height: 53px;
    background-color:#f5f5f5;
     -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
     font-family: arial;
    font-size: 12pt;
}

 
#replicatedSiteTabs ul {

    width: 100%;
    height: 53px;
  
    margin: 0px;
    padding: 0px;
    vertical-align: baseline;
    padding-left: 28px;
}
#replicatedSiteTabs ul li {
    display: inline-block;
    padding-top: 12px;
}

#replicatedSiteTabs ul li  a {
    display: inline-block;
  
    color: #7e7e7e;
    height: 41px;
    padding: 0px;
    text-decoration: none;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}
#replicatedSiteTabs ul li a:hover {
    text-decoration: underline;
}
#replicatedSiteTabs ul li a.selected {
    background-color: white;
    pointer-events: none;
    cursor: default;
}
#replicatedSiteTabs ul li  a span {
    display: inline-block;
    padding: 10px 28px 0px;
}

/* CUSTOMER RSVP */
#rsvpContainer div.rsvpTitle {
    font-size: 25px;
    margin-bottom: 30px;
}
#rsvpContainer div.rsvpContact {
    margin-left: 20px;
    border-bottom: solid 1px #000;
    margin-right:20px;
    padding-bottom:30px;
    
}

#rsvpContainer div.emailSubscription{
    margin-left: 20px;
    margin-right:20px;
    padding-bottom:30px;
    
}


#rsvpContainer div.rsvpContact div.contactLine label {
    display:inline-block;
    width:120px;
    
}

#rsvpContainer div.rsvpContact div.contactLine {
    margin-bottom:10px    
}

#rsvpContainer div.rsvpResponse {
    margin-top: 30px;
}
#rsvpContainer div.rsvpResponse ul li {
    list-style-type: none;
    margin-bottom:10px
}

#rsvpContainer div.rsvpResponse ul li input[type="radio"] {
    margin-right:15px
    
}
#rsvpContainer div.rsvpButtons {
    margin-top: 50px;
    margin-left: 20px;
    clear:both;
}

#rsvpContainer {
    padding: 20px;
}


.rsvp .ui-dialog-titlebar{ display: none;}

.returnPolicy .ui-dialog-titlebar{ 
    background:#E01586;
    color:#FFFFFF;
}

/* Order Confirmation */

#orderConfirmation div.heartMessage {
    background-image: url('../images/heart-transparent.png');
    background-position:center;
    background-repeat:no-repeat;
    height:100px;
    padding-bottom: 20px;
    text-align:center;
}

#orderConfirmation div.itemMessage {
    text-align:center;
    font-size:20px;
}

.confirmationBox .contactInfo {
    margin-bottom:20px;
}

    .confirmationBox .contactInfo span {
        display:block;
    }

.confirmationBox {
    margin-bottom: 20px;
}

.confirmationBox span.title {
    display:block;    
    font-weight: bold
}

.ui-dialog {
    line-height: normal; 
}

/* Find A Consultant Form */

div.facSelection {
    display: inline-block;
    width:350px;
    height: 80px;
    padding-top: 50px;
    text-align:center;
    background-color: #F2F2F2;
    border-radius: 4px;
    font-size:18px;
    color: #FF3399;
    font-weight: 400;
	cursor: pointer;
}
div#facSelectionContainer {
    margin-top: 30px;
}

div#facFormContents {
    padding-top: 30px;
}

div.facSelection.formSelected {
  position:relative;
}

div.facSelection.formSelected:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:163px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#f2f2f2 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

div.followUpOptions {
    float: left;
    width: 380px;
    margin-top:20px;
}
#AssignConsultantForm div.buttonContainer {
    clear: both;
    padding-top:25px;
}

div.cszRow {
    margin-bottom: 3px;
}
.cszRow label {
    width: 70px;
    display: inline-block;
}
.cszRow span {
    display: inline-block;
}

.cszRow input:not(.k-input)[readonly] {
    border: none;
    padding: 0px 0px 0px 0px;
    height: inherit;
    width:auto;
    background-color:inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 
}

#assignedRequired {
    float: right;
    margin-right:300px;
}

.hintLabel {
    color: #999999;
}

#optInContainer {
    margin-top: 20px;
}

div#assignConsultantMessage {
    margin-bottom: 30px;
}