/*--------------------------------------------------

	Client: SpecialK
	
	This stylesheet is used to style the jQuery
    UI Elemetns only!
	
	REMEMBER TO KEEP IT CLEAN, EASY TO READ,
	AND IN THE DOCUMENT FLOW!
	
	Thanks!

--------------------------------------------------*/

/*----- 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(../i/modals/standard-modal-background.png) no-repeat;
    height: 346px !important;
    padding: 20px 30px;
    width: 246px !important;
}

div.contact-modal-popup {
    background: url(../i/modals/contact-modal-background.png) no-repeat;
    height: 414px !important;
    padding: 25px 50px;
    width: 551px !important;
}

div.product-recipe-modal-popup { width: 813px !important; }

/* - Select Challenge Date - */

div#select-challenge-date { display: none; }

div#select-challenge-date span.hr {
    background: url(../i/modals/blue-border.gif) no-repeat center top;
    display: block;
    height: 1px;
    margin: 25px 0;
}

p.back-link a {
    color: #69C;
    text-decoration: underline;
}

p#goal-for-special-k-challenge {
    background: url(../i/modals/goal-for-special-k-challenge.gif) no-repeat;
    height: 53px;
    margin: 0 auto 15px;
    text-indent: -10000px;
    width: 206px;
}

div.goal-drop-down {
    margin: 0 0 20px;
    text-align: center;
}

div.goal-drop-down select {
    text-align: center;
    width: 240px;
}

p#when-like-to-begin {
    background: url(../i/modals/when-like-to-begin.gif) no-repeat;
    height: 10px;
    text-indent: -10000px;
    width: 257px;
}

div.date-drop-downs { text-align: center; }

button.modal-go-btn {
    background: url(../i/modals/modal-go-button.gif) no-repeat;
    border: none;
    height: 29px;
    *margin: -20px 0 0 -80px;
    *position: absolute;
    text-indent: -10000px;
    width: 155px;
}

button.modal-go-btn:hover {
    background: url(../i/modals/modal-go-button.gif) no-repeat 0 -29px;
    cursor: pointer;
}

/* - 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: 551px;
}

div.contact-modal-popup div.ui-dialog-titlebar a {
    background: url(../i/modals/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-my-plan-form {
    border: 1px solid #69C;
    border-left: none;
    border-right: none;
    display: inline;
    float: left;
    margin: 20px 0;
    padding: 10px 0;
    width: 551px;
}

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-your-plan {
    background: url(../i/modals/email-your-plan.gif) no-repeat;
    height: 15px;
    line-height: 0;
    margin: 0 0 30px;
    text-indent: -10000px;
    width: 512px;
}

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; }

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

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

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

input#submit-email-plan:hover {
    background: url(../i/modals/modal-send-button.gif) no-repeat 0 -29px;
    cursor: pointer;
}

/* - Email Recipe - */

div#email-recipe-form { display: none; }

div.email-recipe-form {
    display: inline;
    float: left;
    width: 551px;
}

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

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

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

p#email-this-recipe {
    background: url(../i/modals/email-this-recipe.gif) no-repeat;
    height: 13px;
    line-height: 0;
    margin: 10px 0 30px;
    text-indent: -10000px;
    width: 316px;
}

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

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

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

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

div.email-recipe-form input, div.email-recipe-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-recipe-form input.error {
	border-color: #F03;
}

div.email-recipe-form div.copy { padding: 10px 0 0; }

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

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

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

input#submit-email-plan:hover {
    background: url(../i/modals/modal-send-button.gif) no-repeat 0 -29px;
    cursor: pointer;
}

/* - Email Thank You / Find a Buddy Thank You - */

div#email-thank-you, div#find-a-buddy-thank-you { display: none; }

div#email-thank-you span.hr, div#find-a-buddy-thank-you span.hr {
    background: url(../i/modals/blue-border.gif) no-repeat center top;
    display: block;
    height: 1px;
    margin: 20px 0;
}

div#email-thank-you span.hr hr, div#find-a-buddy-thank-you span.hr hr { display:none; }

div#email-thank-you p#thank-you-header, div#find-a-buddy-thank-you p#thank-you-header {
    background: url(../i/modals/thank-you.gif) no-repeat;
    height: 13px;
    margin: 0 auto 20px;
    text-indent: -10000px;
    width: 114px;
}

div#email-thank-you p#thank-you-copy {
    background: url(../i/modals/thank-you-email-copy.gif) no-repeat;
    height: 34px;
    margin: 0 auto 20px;
    text-indent: -10000px;
    width: 219px;
}

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

div#email-thank-you button#close-thank-you-modal, div#find-a-buddy-thank-you button#close-buddy-thank-you-modal {
    background: url(../i/modals/close-modal-button.gif) no-repeat;
    border: none;
    *display: block;
    height: 31px;
    margin: 10px 0 0;
    text-indent: -10000px;
    width: 114px;
}

div#email-thank-you button#close-thank-you-modal:hover, div#find-a-buddy-thank-you button#close-buddy-thank-you-modal:hover {
    background: url(../i/modals/close-modal-button.gif) no-repeat 0 -31px;
    cursor: pointer;
}

/* - Product / Recipe Modal - */

div#product-recipe-modal {
    display: none;
    float: left;
    width: 813px;
}

div#product-recipe-modal div.content {
    background: url(../i/modals/product-recipe-modal-background-top.png) no-repeat;
    overflow: hidden;
    padding: 16px 16px 0;
    position: relative;
    width: 781px;
}

div#product-recipe-modal div.content a.close-product-modal {
    background: url(../i/modals/product-recipe-modal-close-btn.gif) no-repeat;
    position: absolute;
    height: 13px;
    right: 20px;
    top: 20px;
    width: 13px;
}

div#product-recipe-modal div.content a.close-product-modal:hover { background: url(../i/modals/product-recipe-modal-close-btn.gif) no-repeat 0 -13px; }

div#product-recipe-modal div.grid, div#product-recipe-modal div.left, div#product-recipe-modal div.right {
    display: inline;
    float: left;
}

div#product-recipe-modal div.grid img { display: block; }

div#product-recipe-modal div.grid h1 {
    color: #F00;
    font-family: "Georgia", "Times", Serif;
}

div#product-recipe-modal div.left { width: 432px; }

div#product-recipe-modal div.right {
    margin: 0 0 0 22px;
    padding: 50px 0 0;
    width: 310px;
}

div#product-recipe-modal div.bottom {
    background: url(../i/modals/product-recipe-modal-background.png) no-repeat;
    height: 16px;
    overflow: hidden;
}

/* - Calendar Type Modal - */

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

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

div.modal-popup div.ui-dialog-titlebar a:hover { background: url(../i/modals/modal-close-btn.gif) no-repeat 0 -13px; }
div.modal-popup div.ui-dialog-titlebar a span { display: none; }

div#welcome-plan-modal {
    display: none;
    padding: 10px 0 0;
}

div#welcome-plan-modal p.title, div#welcome-plan-modal p.description {
    line-height: 0;
    margin: 0 auto;
    text-indent: -10000px;
}

div#welcome-plan-modal p.title { margin: 0 auto 20px; }

div#welcome-plan-modal p.description {
    background: url(../i/modals/dyp-description-welcome.gif) no-repeat;
    height: 113px;
    width: 193px;
}

div#welcome-plan-modal p.disclosure {
	height: 7px;
	margin: 0 auto;
	text-indent: -10000px;
	width: 206px;
}

div.classic-plan span.hr {
    background: url(../i/modals/red-border.gif) no-repeat center top;
    display: block;
    height: 1px;
    margin: 20px 0;
}

div.classic-plan span.hr hr { display:none; }

div.classic-plan p.title {
    background: url(../i/modals/dyp-classic-welcome.gif) no-repeat;
    height: 34px;
    width: 187px;
}

div.classic-plan p.disclosure { background: url(../i/modals/classic-more-info.gif) no-repeat; }

div.mix-it-up-plan span.hr {
    background: url(../i/modals/purple-border.gif) no-repeat center top;
    display: block;
    height: 1px;
    margin: 20px 0;
}

div.mix-it-up-plan span.hr hr { display:none; }

div.mix-it-up-plan p.title {
    background: url(../i/modals/dyp-mix-up-welcome.gif) no-repeat;
    height: 34px;
    width: 187px;
}

div.mix-it-up-plan p.disclosure { background: url(../i/modals/mix-it-up-more-info.gif) no-repeat; }

div.on-the-go-plan span.hr {
    background: url(../i/modals/green-border.gif) no-repeat center top;
    display: block;
    height: 1px;
    margin: 20px 0;
}

div.on-the-go-plan span.hr hr { display:none; }

div.on-the-go-plan p.title {
    background: url(../i/modals/dyp-on-the-go-welcome.gif) no-repeat;
    height: 34px;
    width: 187px;
}

div.on-the-go-plan p.disclosure { background: url(../i/modals/on-the-go-more-info.gif) no-repeat; }

div.chocolate-love-plan span.hr {
    background: url(../i/modals/brown-border.gif) no-repeat center top;
    display: block;
    height: 1px;
    margin: 20px 0;
}

div.chocolate-love-plan span.hr hr { display:none; }

div.chocolate-love-plan p.title {
    background: url(../i/modals/dyp-choc-lover-welcome.gif) no-repeat;
    height: 34px;
    width: 250px;
}

div.chocolate-love-plan p.disclosure { background: url(../i/modals/choc-lover-more-info.gif) no-repeat; }

/* - Save Plan Reminder Modal - */

div#save-reminder-modal { display: none; }

div#save-reminder-modal span.hr {
    background: url(../i/modals/blue-border.gif) no-repeat center top;
    display: block;
    height: 1px;
    margin: 20px 0;
}

div#save-reminder-modal span.hr hr { display:none; }

p#save-reminder-header {
	background: url(../i/modals/save-plan-header.gif) no-repeat;
	height: 35px;
	margin: 0 auto 20px;
	text-indent: -10000px;
	width: 202px;
}

p#save-reminder-copy {
	background: url(../i/modals/save-plan-copy.gif) no-repeat;
	height: 34px;
	margin: 0 auto 20px;
	text-indent: -10000px;
	width: 214px;
}

button#save-reminder-button {
	background: url(../i/modals/save-plan-reminder-button.gif) no-repeat;
	border: none;
	*display: block;
	height: 31px;
	text-indent: -10000px;
	width: 200px;
}

button#save-reminder-button:hover {
	background: url(../i/modals/save-plan-reminder-button.gif) no-repeat 0 -31px;
	cursor: pointer;
}

button#update-reminder-button {
	background: url(../i/modals/update-my-plan-btn.png) no-repeat;
	border: none;
	*display: block;
	height: 21px;
	text-indent: -10000px;
	width: 125px;
}

button#update-reminder-button:hover {
	background: url(../i/modals/update-my-plan-btn.png) no-repeat 0 -21px;
	cursor: pointer;
}

div#save-reminder-modal a {
	color: #333;
	text-decoration: underline;
}

div#save-reminder-modal a:hover { color: #F03; }

/* - Find A Buddy Modal - */

div#find-buddy-modal { display: none; }

div.buddy-modal-popup {
	background: url(../i/modals/buddy-modal-background.png) no-repeat;
	height: 502px !important;
	width: 651px !important;
}

div.buddy-modal-popup div.ui-dialog-titlebar a {
    background: url(../i/modals/modal-close-btn.gif);
    display: block;
    height: 13px;
    position: absolute;
    right: 20px;
    top: 14px;
    width: 13px;
}

div.buddy-modal-popup div.ui-dialog-titlebar a:hover { background-position: 0 -13px; }
div.buddy-modal-popup div.ui-dialog-titlebar a span { display: none; }

div.buddy-modal-popup div.content {
	border: 1px solid #69C;
	border-left: none;
	border-right: none;
	margin: 30px auto 0;
	overflow: hidden;
	padding: 20px 0 10px;
	width: 541px;
}

h2#invite-your-friend {
	background: url(../i/modals/invite-a-friend-buddy.gif) no-repeat;
	height: 13px;
	margin: 0 auto 7px;
	width: 477px;
}

h3#buddies-help-meet-goal {
	background: url(../i/modals/people-who-buddy.gif) no-repeat;
	height: 15px;
	margin: 0 auto 14px;
	width: 518px;
}

div.buddy-modal-popup div.welcome div.left, div.buddy-modal-popup div.welcome div.center, div.buddy-modal-popup div.welcome div.right {
	display: inline;
	float: left;
}

div.buddy-modal-popup div.welcome div.left { width: 236px; }

div.buddy-modal-popup div.welcome div.center {
	margin: 0 10px;
	width: 18px;
}

div.buddy-modal-popup div.welcome div.right { width: 267px; }
div.buddy-modal-popup div.welcome div.left p.title, div.buddy-modal-popup div.welcome div.right p.title { font-weight: bold; }

div.buddy-modal-popup div.welcome div.left p.facebook-blurb {
	background: url(../i/icons/facebook-icon.png) no-repeat;
	padding: 0 0 0 64px;
}

a#connect-facebook-btn {
	background: url(../i/buttons/connect-facebook-btn.png) no-repeat;
	display: block;
	height: 27px;
	margin: 0 0 0 64px;
	width: 151px;
}

div.buddy-modal-popup div.welcome div.center span.divider {
	background: url(../i/modals/or-divider.gif) no-repeat;
	display: block;
	height: 263px;
	text-indent: -10000px;
}

a#send-invite-btn {
	background: url(../i/buttons/send-invite-btn.png) no-repeat;
	display: block;
	height: 30px;
	margin: 0 0 0 -5px;
	position: relative;
	width: 128px;
}

a#send-invite-btn:hover { background-position: 0 -30px; }

div.buddy-modal-popup p.privacy-policy {
	clear: both;
	color: #CCC;
	margin: 0;
	padding: 5px 0 0;
}

div.buddy-modal-popup p.privacy-policy a {
	color: #CCC;
	text-decoration: underline;
}

div.buddy-modal-popup p.privacy-policy a:hover { color: #F03; }

p#invite-friends-header {
	font-size: 14px;
	text-transform: uppercase;
}

div.buddy-modal-popup div.email-form {
	display: none;
	overflow: hidden;
	width: 540px;
}

div.buddy-modal-popup div.email-form div.row {
	clear: left;
	display: inline;
	float: left;
	margin: 0 0 8px 12px;
	*margin: 0 0 4px 12px;
	padding: 0 0 0 20px;
	width: 510px;
}

div.buddy-modal-popup div.email-form div.last { margin: 0 0 0 !important; }

div.email-form div.row div.input {
	display: inline;
	float: left;
}

div.email-form div.row div.left { margin-right: 15px; }

div.email-form div.row div.input label {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 6px;
}

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

div.email-form div.row div.input input {
	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: 235px;
}

p#invite-friends {
	background: url(../i/modals/invite-4-friends.gif) no-repeat 12px 10px;
	border-bottom: 1px solid #69C;
	clear: left;
	height: 14px;
	padding: 0 0 15px;
}

div.email-form div.row div.input input.error, div.email-form div.row div.textarea textarea.error { border-color: #F00; }
div.email-form div.row div.input label.error { display: none; }

div.email-form div.friend { background: url(../i/modals/invite-buddy-nums.gif) no-repeat; }
div.email-form div.one { background-position: 0 22px; }
div.email-form div.two { background-position: 0 -23px; }
div.email-form div.three { background-position: 0 -69px; }
div.email-form div.four { background-position: 0 -114px; }

a#add-friend-btn {
	background: url(../i/buttons/add-friend-plus-btn.png) no-repeat;
	display: block;
	float: right;
	height: 21px;
	margin: 0 8px 0 0;
	width: 169px;
}

a#add-friend-btn:hover { background-position: 0 -21px; }

div#friend-list-container {
	clear: right;
	padding: 10px 0 0;
}

div#friend-list-container a { color: #F00; }
div#friend-list-container a:hover { text-decoration: underline; }
div#friend-list-container p { font-weight: bold; }

div#friend-list-container p em {
	color: #999;
	font-style: normal;
	font-weight: normal;
}

ul#invited-friends-list li span.email { display: none; }

input#submit-buddy-form-btn {
	background: url(../i/buttons/send-btn.gif) no-repeat;
	border: none;
	float: right;
	height: 21px;
	margin: 10px 15px 0 0;
	width: 120px;
}

input#submit-buddy-form-btn:hover {
	background-position: 0 -21px;
	cursor: pointer;
}

div.email-form div.submit {
	clear: left;
	font-size: 12px;
	text-align: right;
}

div.email-form p.privacy-policy {
	clear: none;
	color: #CCC;
	float: left;
	text-align: left;
}

div.email-form p.privacy-policy a {
	color: #CCC;
	text-decoration: underline;
}

div.email-form p.privacy-policy a:hover { color: #F03; }

div.buddy-modal-popup div.validation p {
	color: #333;
	display: none;
	float: right;
	font-weight: bold;
	margin: 10px 188px 0 0;
	padding: 0 0 0 20px;
}

div.buddy-modal-popup div.validation div.success p { background: url(../i/icons/success-check-icon.png) no-repeat; }
div.buddy-modal-popup div.validation div.error p { background: url(../i/icons/error-cross-icon.png) no-repeat; }

/* - Find A Buddy Facebook Modal - */

div#facebook-buddy-modal { display: none; }
div.facebook-buddy-modal { background: url(../i/modals/facebook-modal-bg.png) no-repeat; }

div.facebook-buddy-modal div.ui-dialog-titlebar a {
    background: url(../i/modals/modal-close-btn.gif);
    display: block;
    height: 13px;
    position: absolute;
    right: 20px;
    top: 14px;
    width: 13px;
}

div.facebook-buddy-modal div.ui-dialog-titlebar a:hover { background-position: 0 -13px; }
div.facebook-buddy-modal div.ui-dialog-titlebar a span { display: none; }

div.facebook-buddy-modal div.content {
	display: inline;
	float: left;
	margin: 20px 0 0 40px;
	width: 352px !important;
}

div.facebook-buddy-modal div.content p.header {
	background: url(../i/modals/invite-some-friends-take-challenge.gif);
	height: 45px;
	margin: 0 auto;
	width: 316px;
}

div.facebook-buddy-modal div.search {
	background: #FFF url(../i/modals/facebook-search-icon.gif) no-repeat 2px 4px;
	border-bottom: 2px solid #FBFBFB;
    border-left: 2px solid #969696;
    border-right: 2px solid #FBFBFB;
    border-top: 2px solid #969696;
	height: 20px;
	margin: 10px auto;
	width: 232px;
}

div.facebook-buddy-modal div.search input {
	border: 0;
	float: left;
	font-family: "Arial", "Helvetica", Sans-Serif;
	font-size: 12px;
	margin: 1px 0 0 20px;
	width: 196px;
}

a#clear-facebook-search {
	background: url(../i/icons/modal-close-icon.gif) no-repeat;
	display: none;
	float: left;
	height: 13px;
	margin: 3px 0 0;
	width: 13px;
}

a#clear-facebook-search:hover { background-position: 0 -13px; }

div#facebook-buddy-list {
	background: #FFF;
	border-bottom: 2px solid #FBFBFB;
    border-left: 2px solid #969696;
    border-right: 2px solid #FBFBFB;
    border-top: 2px solid #969696;
    height: 315px;
    margin: 0 auto 10px;
    overflow: auto;
    width: 340px;
}

div#facebook-buddy-list div.buddy, div#facebook-buddy-list div.buddy div.left, div#facebook-buddy-list div.buddy div.right {
	display: inline;
	float: left;
}

div#facebook-buddy-list div.buddy {
	border-bottom: 1px solid #CCC;
	clear: left;
	padding: 5px;
	width: 330px;
}

div#facebook-buddy-list div.buddy div.left {
	color: #888;
	font-size: 18px;
	width: 270px;
}

div#facebook-buddy-list div.buddy div.left img {
	float: left;
	margin: 0 10px 0 0;
}

div#facebook-buddy-list div.buddy div.left .name {
	float: left;
	padding: 6px 0 0;
}

div#facebook-buddy-list div.buddy div.right {
	color: #888;
	float: right;
	font-size: 11px;
	padding: 10px 0 0;
	text-transform: uppercase;
}

div#facebook-buddy-list div.buddy:hover { background: #F35759; }
div#facebook-buddy-list div.buddy:hover div.left, div#facebook-buddy-list div.buddy:hover div.right { color: #FFF; }

div.facebook-buddy-modal div.submit {
	border-top: 1px solid #93B5D7;
	padding: 10px 0 0;
}

a#send-facebook-invites-btn {
	background: url(../i/buttons/send-invitations-btn.gif);
	display: block;
	height: 23px;
	margin: 0 auto;
	width: 169px;
}

a#send-facebook-invites-btn:hover { background-position: 0 -23px; }

img#fb-loading-img {
	display: block;
	margin: 5px auto 0;
}

p#invitations-have-sent {
	background: url(../i/modals/invitations-have-been-sent.gif) no-repeat;
	display: none;
	height: 13px;
	margin: 0 auto;
	width: 255px;
}

/*----- Date Picker / Calendar -----*/

div.ui-datepicker {
    width: 182px;
    z-index: 10002;
}

iframe.ui-datepicker-cover { display: none; }

div.ui-datepicker-header {
    background: url(../i/design-your-plan/calendar-header.gif) no-repeat;
    border-bottom: 2px solid #FFF;
    height: 33px;
    position: relative;
    width: 182px;
}

a.ui-datepicker-prev, a.ui-datepicker-next {
    height: 33px;
    position: absolute;
    width: 21px;
}

a.ui-datepicker-prev { left: 0px; }
a.ui-datepicker-next { right: 0px; }

a.ui-datepicker-prev span, a.ui-datepicker-next span {
    display: block;
    height: 33px;
    text-indent: -10000px;
    width: 21px;
}

a.ui-datepicker-prev span { background: url(../i/design-your-plan/calendar-left-arrow.gif) no-repeat; }
a.ui-datepicker-next span { background: url(../i/design-your-plan/calendar-right-arrow.gif) no-repeat; }
a.ui-datepicker-prev:hover span { background: url(../i/design-your-plan/calendar-left-arrow.gif) no-repeat 0 -33px; }
a.ui-datepicker-next:hover span { background: url(../i/design-your-plan/calendar-right-arrow.gif) no-repeat 0 -33px; }

div.ui-datepicker-title {
    color: #FFF;
    margin: 0 31px;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
}

table.ui-datepicker-calendar {
    border-bottom: 1px solid #7BA0C0;
    border-right: 1px solid #7BA0C0;
    width: 182px;
}

table.ui-datepicker-calendar tr th {
    background: url(../i/design-your-plan/calendar-table-header.gif) repeat-x;
    color: #FFF;
    padding: 2px 0;
}

table.ui-datepicker-calendar tr td {
    background: url(../i/design-your-plan/calendar-cell-background.gif) no-repeat;
    border: none;
    color: #7BA0C0;
    padding: 6px 0 5px;
    text-align: center;
}

table.ui-datepicker-calendar tr td a {
    color: #000;
    display: block;
    font-weight: bold;
}

table.ui-datepicker-calendar tr td a:hover { color: #F03; }