/* wedding css */
body {
    background-color: #735c9f;
    background-image: url('background.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 100%;
}

#tabs {
    /* Center the tabs */
    margin-left:  auto;
    margin-right: auto;
    width:        50%;
    /* But don't let main page, with the tabs be less then 800px pixels
       This ensures all tabs stay on one line */
    min-width:    800px;
    /* If height is 100 it always makes the page a little bigger then is
       availible and causes the browser to add a scroll bar */
    min-height:   97vh;

    /* Center all elements inside the tabs */
    text-align: center;

    /* Hide content till passcode is entered */
    display: none;

    @media only screen {
        width: 100%;
    }
}

#map-venue {
    height: 650px;
    width:  100%;
}

#map-hotel {
    height: 650px;
    width:  100%;
}

/* Center the tabs */
#tabs .ui-tabs-nav {
    height: 2.35em;
    text-align: center;
}
#tabs .ui-tabs-nav li {
    display: inline-block;
    float: none;
    top: 0px;
    margin: 0em;
}

@font-face {
    font-family: "Calligraffitti";
    src: url(Calligraffiti.ttf);
}

#tab-welcome h1 {
    font-size: 72px;
    font-family: "Calligraffitti";
}

#tab-welcome h2 {
    font-size: 38px;
    font-family: "Calligraffitti";
}

#tab-welcome img {
    width:700px;
}

#tab-registry img {
    width:350px;
}

#contact_form {
    margin-left:  auto;
    margin-right: auto;
    width:        50%;
    text-align:   left;
}

/* Dialog box */
label, input { display:block; }
input.text { margin-bottom:5%; width:95%; margin-left: auto; margin-right:auto; padding: .4em; }
fieldset { padding:0; border:0; margin-top:5%; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: .3em; }

/* Remove the close button on dialog_accesscode */
.accesscode .ui-dialog-titlebar-close {
    display: none;
}

/* Center title */
.ui-dialog {
    text-align: center;
}

/* Center dialog button */
.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-dialog input {
    text-align:center;
}

/* AddThisEvent - Generated at http://addthisevent.com/ */
.addthisevent-drop {width:280px;display:inline-block;position:relative;z-index:999998;cursor:pointer;background:#f7f7f7;font-family:"Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;color:#333!important;font-size:15px;border:1px solid #cfcfcf;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.15);box-shadow:1px 1px 3px rgba(0,0,0,0.15);-webkit-border-radius:2px;border-radius:2px;}
.addthisevent-drop:hover {background-color:#f4f4f4;}
.addthisevent-drop:active {top:1px;}
.addthisevent-drop .date {width:60px;height:60px;float:left;position:relative;}
.addthisevent-drop .date .mon {display:block;text-align:center;padding:9px 0px 0px 0px;font-size:11px;color:#bf5549;font-weight:bold;line-height:110%;text-transform:uppercase;}
.addthisevent-drop .date .day {display:block;text-align:center;padding:0px 0px 8px 0px;font-size:30px;font-weight:bold;color:#333;line-height:100%;}
.addthisevent-drop .date .bdr1 {width:1px;height:50px;background:#eaeaea;position:absolute;z-index:100;top:5px;right:-3px;}
.addthisevent-drop .date .bdr2 {width:1px;height:50px;background:#fff;position:absolute;z-index:100;top:5px;right:-4px;}
.addthisevent-drop .desc {width:210px;height:60px;float:left;position:relative;}
.addthisevent-drop .desc p {margin:0;display:block;text-align:left;padding:7px 0px 0px 18px;font-size:12px;color:#666;line-height:110%;}
.addthisevent-drop .desc .hed {height:15px;display:block;overflow:hidden;margin-bottom:3px;font-size:14px;line-height:110%;color:#333;text-transform:uppercase;}
.addthisevent-drop .desc .des {height:28px;display:block;overflow:hidden;}
.addthisevent-selected {background-color:#f4f4f4;}
.addthisevent_dropdown {width:280px;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:-2px;margin-left:-1px;border:1px solid #cfcfcf;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);}
.addthisevent_dropdown span {display:block;line-height:110%;background:#fff;text-decoration:none;font-size:14px;color:#6d84b4;padding:8px 10px 9px 15px;}
.addthisevent_dropdown span:hover {background:#f4f4f4;color:#6d84b4;text-decoration:none;font-size:14px;}
.addthisevent span {display:none!important;}
.addthisevent-drop ._url,.addthisevent-drop ._start,.addthisevent-drop ._end,.addthisevent-drop ._summary,.addthisevent-drop ._description,.addthisevent-drop ._location,.addthisevent-drop ._organizer,.addthisevent-drop ._organizer_email,.addthisevent-drop ._facebook_event,.addthisevent-drop ._all_day_event {display:none!important;}
.addthisevent_dropdown .copyx {height:21px;display:block;position:relative;cursor:default;}
.addthisevent_dropdown .brx {width:180px;height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;top:9px;}
.addthisevent_dropdown .frs {position:absolute;top:3px;cursor:pointer;right:10px;padding-left:10px;font-style:normal;font-weight:normal;text-align:right;z-index:101;line-height:110%;background:#fff;text-decoration:none;font-size:10px;color:#cacaca;}
.addthisevent_dropdown .frs:hover {color:#6d84b4;}
.addthisevent {visibility:hidden;}