/* RSVP Modal Overlay 
----------------------------------------*/

#modal-event_invalid.modal {width: 500px;}
#rsvp.modal, #modal-event_reminder-cancel.modal, #success.modal, #modal-event-loading.modal #cancelled.modal {width: 420px;}

.modal {
	margin: 20px auto;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
	-moz-box-shadow: 0px 2px 15px #000000; 
	 -webkit-box-shadow: 0px 2px 15px #000000; 
	 box-shadow: 0px 2px 15px #000000; 
}

.modal #modal_header {
	height: 25px;
	padding: 10px 15px;
	background-color: #111111;
	background-image: -moz-linear-gradient(top, #686868 0%,#4b4b4b 3%, #111111 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #686868),color-stop(0.03, #4b4b4b),color-stop(1, #111111));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#4b4b4b', EndColorStr='#111111');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4b4b4b', EndColorStr='#111111')";
    -khtml-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	position: relative;
}
.modal #modal_header h3 {
	font-size: 18px;
	color: #fff;
	line-height: 18px;
	text-shadow: #000 0px 1px;
}

.modal #modal_header .close {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 3px 4px 4px 3px;
	background-color: #111111;
	background-image: -moz-linear-gradient(top, #686868 0%,#4b4b4b 3%, #111111 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #686868),color-stop(0.03, #4b4b4b),color-stop(1, #111111));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#4b4b4b', EndColorStr='#111111');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4b4b4b', EndColorStr='#111111')";
    border: 1px solid #000;
    -khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.modal #modal_header .close:hover {
	background-color: #333;
	background-image: -moz-linear-gradient(top, #686868 0%, #111111 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #686868),color-stop(1, #111111));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#686868', EndColorStr='#111111');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#686868', EndColorStr='#111111')"
}
.modal #modal_header .close:active {
	background-color: #333;
	-moz-box-shadow: inset 0px 1px 4px #000; 
	-webkit-box-shadow: inset 0px 1px 4px #000; 
	box-shadow: inset 0px 1px 4px #000; 
}
.modal #modal_header .close span.x_icon {
	display: block;
	width: 9px;
	height: 9px;
	background: url(/images/new_channel/icons-modal_overlay.png) no-repeat -16px top;
}

/* Modal main content */

.modal #modal_content {padding:20px;background: #fff;overflow: hidden}
.modal #modal_content.pre-rsvp-content{padding: 20px 20px 0 20px;}

.modal #modal_content p {
	font-size: 14px;
	line-height: 21px;
	color: #000;
}
.modal #modal_content p.pre-rsvp-text {
	padding:30px 0 5px 0;
}
.modal #modal_content ul.follow {
	margin-top: 15px;
}
.modal #modal_content ul.follow:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}
.modal #modal_content ul.follow li {
	float: left;
	width: 30%;
	margin-right: 3%;
	display: block;
}
.modal #modal_content ul.follow li:last-child {
	margin: 0;
}
.modal #modal_content ul.follow li a {
	background-color: #e2e1e1;
	background-image: -moz-linear-gradient(top, #f7f7f7 0%,#efeeee 4%, #e2e1e1 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f7f7f7),color-stop(0.08, #efeeee),color-stop(1, #e2e1e1));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#efeeee', EndColorStr='#e2e1e1');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#efeeee', EndColorStr='#e2e1e1')";
    border: 1px solid #d1d1d1;
    -khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 7px;
	font-size: 12px;
	line-height: 16px;
	height: 16px;
	color: #555;
	font-weight: bold;
	text-shadow: #fff 0px 1px;
	display: block;
}
.modal #modal_content ul.follow li a:hover {
	background-color: #e2e1e1;
	background-image: -moz-linear-gradient(top,#f7f7f7 0%, #e2e1e1 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f7f7f7),color-stop(1, #e2e1e1));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#e2e1e1');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#e2e1e1')";
}

.modal #modal_content ul.follow li a:active {
	background-color: #e2e1e1;
	-moz-box-shadow: inset 0px 1px 4px #ddd; 
	-webkit-box-shadow: inset 0px 1px 4px #ddd; 
	box-shadow: inset 0px 1px 4px #ddd; 
}

.modal #modal_content ul.follow li a span.icon {
	float: left;
	width: 16px;
	height: 16px;
	display: block;
	margin-right: 7px;
	text-indent: -9999px;
}
.modal #modal_content ul.follow li a.twitter span.icon {background: url(/images/new_channel/icons-modal_overlay.png) no-repeat left -16px;}
.modal #modal_content ul.follow li a.facebook span.icon {background: url(/images/new_channel/icons-modal_overlay.png) no-repeat left top;}
.modal #modal_content ul.follow li a.newsletter span.icon {background: url(/images/new_channel/icons-modal_overlay.png) no-repeat left -32px;}

.modal #modal_content .dots {
	clear: both;
	border-bottom: 1px dotted #ccc;
	margin: 15px 0 15px;
	height: 1px;
	padding: 0;
}

.modal #modal_content .event_info {
	padding: 15px;
	background: #eef3f7;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d8dfeb;
	position: relative;
	margin-top: 10px;
}

.modal #modal_content .event_info .icon {
	float: left;
	width: 50px;
}
.modal #modal_content .event_info .icon .month {
	background: #d20e13;
	background-color: #d20e13;
	background-image: -moz-linear-gradient(top, #de4c50 0%,#d6262a 3%, #d20e13 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #de4c50),color-stop(0.03, #d6262a),color-stop(1, #d20e13));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d6262a', EndColorStr='#d20e13');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d6262a', EndColorStr='#d20e13')";
	text-align: center;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	padding: 3px 0;
	color: #fff;
	text-shadow: #980609 0px 1px;
	letter-spacing: 1px;
	border: 1px solid #b40004;
}
.modal #modal_content .event_info .icon .day {
	background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #f5f5f5));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f5f5f5');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f5f5f5')";
	font-family: "Georgia", "Palatino", "Baskerville", "Times New Roman", "Times", serif;
	font-style: italic;
	text-align: center;
	font-size: 21px;
	line-height: 15px;
	height: 21px;
	padding: 5px;
	color: #555;
	border: 1px solid #b7b7b7;
	border-top: none;
	text-shadow: #fff 0px 1px;
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0, .1); 
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0, .1); 
	box-shadow: 0px 1px 0px rgba(0,0,0, .1); 
}

.modal #modal_content .event_info .details {
	padding-left: 60px;
}

.modal #modal_content .event_info .details h4 {
	font-size: 14px;
	line-height:14px;
	padding-bottom: 5px;
}
.modal #modal_content .event_info .details p {
	font-size: 12px;
	color: #777;
	padding: 0;
	line-height: 18px;
}

#modal-event_invalid.modal #modal_content .event_info .details {
	padding-right: 60px;
}
#modal-event_invalid.modal #modal_content .event_info .action {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 60px;
}

#modal-event_invalid.modal #modal_content .event_info .action .rsvp_button {
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 0;
	text-shadow: #236299 0 -1px;
	background-color: #3987cc;
	background-image: -moz-linear-gradient(top, #7bafdd 0%, #3987cc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7bafdd),color-stop(1, #3987cc));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#7bafdd', EndColorStr='#3987cc');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7bafdd', EndColorStr='#3987cc')";
    border: 1px solid #236299;
    -khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px 1px 0px #97c0e5; 
	-webkit-box-shadow: inset 0px 1px 0px #97c0e5; 
	box-shadow: inset 0px 1px 0px #97c0e5; 
}
#modal-event_invalid.modal #modal_content .event_info .action .rsvp_button:hover {
	background-color: #3987cc;
	background-image: -moz-linear-gradient(top, #8ebbe2 0%, #3987cc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8ebbe2),color-stop(1, #3987cc));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ebbe2', EndColorStr='#3987cc');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ebbe2', EndColorStr='#3987cc')";
}

#modal-event_invalid.modal #modal_content .event_info .action .rsvp_button:active {
	background-color: #3987cc;
	-moz-box-shadow: inset 0px 1px 4px #236299; 
	-webkit-box-shadow: inset 0px 1px 4px #236299; 
	box-shadow: inset 0px 1px 4px #236299; 
}

/* Modal Footer */

.modal #modal_footer {
	padding: 20px;
	background-color: #e2e1e1;
	background-image: -moz-linear-gradient(top, #f7f7f7 0%,#efeeee 3%, #e2e1e1 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f7f7f7),color-stop(0.03, #efeeee),color-stop(1, #e2e1e1));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#efeeee', EndColorStr='#e2e1e1');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#efeeee', EndColorStr='#e2e1e1')";
    border-top: 1px solid #d1d1d1;
    -khtml-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}
.modal #modal_footer:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}

.modal #modal_footer a.button.blue {
	float: left;
	padding: 4px 10px;
	display: block;
	font-size: 14px;
	line-height: 18px;
	height: 18px;
	text-shadow: #4d7598 0px -1px;
	font-weight: bold;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #236299;
	background-color: #3987cc;
	background-image: -moz-linear-gradient(top, #7bafdd 0%, #3987cc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7bafdd),color-stop(1, #3987cc));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#7bafdd', EndColorStr='#3987cc');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7bafdd', EndColorStr='#3987cc')";
    color: #fff;
    -moz-box-shadow: inset 0px 1px 0px #97c0e5; 
	-webkit-box-shadow: inset 0px 1px 0px #97c0e5; 
	box-shadow: inset 0px 1px 0px #97c0e5; 
}

.modal #modal_footer a.button.blue:hover {
	background-color: #3987cc;
	background-image: -moz-linear-gradient(top, #8ebbe2 0%, #3987cc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8ebbe2),color-stop(1, #3987cc));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ebbe2', EndColorStr='#3987cc');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ebbe2', EndColorStr='#3987cc')";
}
.modal #modal_footer a.button.blue:active {
	background-color: #3987cc;
	-moz-box-shadow: inset 0px 1px 4px #236299; 
	-webkit-box-shadow: inset 0px 1px 4px #236299; 
	box-shadow: inset 0px 1px 4px #236299; 
}

.modal #modal_footer .email-input {
	padding: 5px 10px;
	height: 20px;
	font-size: 12px;
	-moz-box-shadow: inset 0px 1px 1px #eeeeee; 
	-webkit-box-shadow: inset 0px 1px 1px #eeeeee; 
	box-shadow: inset 0px 1px 1px #eeeeee; 
	-khtml-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	border: 1px solid #b8b8b8;
	display: block;
	float: left;
	width: 299px;
	border-right: none;
	outline: none;
	color: #000;
}

.modal #modal_footer #email-input:focus {
	background: #f6fbff;
	color: #333;
}

.modal #modal_footer .form-submit {
	color: #fff;
	float: right;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	height: 32px;
	width: 60px;
	text-shadow: #4d7598 0px -1px;
	-khtml-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	border: 1px solid #236299;
	background-color: #3987cc;
	background-image: -moz-linear-gradient(top, #7bafdd 0%, #3987cc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7bafdd),color-stop(1, #3987cc));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#7bafdd', EndColorStr='#3987cc');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7bafdd', EndColorStr='#3987cc')";
    -moz-box-shadow: inset 0px 1px 0px #97c0e5; 
	-webkit-box-shadow: inset 0px 1px 0px #97c0e5; 
	box-shadow: inset 0px 1px 0px #97c0e5; 
}

/* Form Error */
.modal #modal_footer form.error #form-event_reminder-email, .modal #modal_footer form.error #rsvp-submit {
	border-color: #cc0000;
}

.modal #modal_footer #rsvp-submit:hover {
	background-color: #3987cc;
	background-image: -moz-linear-gradient(top, #8ebbe2 0%, #3987cc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8ebbe2),color-stop(1, #3987cc));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ebbe2', EndColorStr='#3987cc');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ebbe2', EndColorStr='#3987cc')";
}
.modal #modal_footer #rsvp-submit:active {
	background-color: #3987cc;
	outline: none;
	-moz-outline:none;
	-moz-box-shadow: inset 0px 1px 4px #236299; 
	-webkit-box-shadow: inset 0px 1px 4px #236299; 
	box-shadow: inset 0px 1px 4px #236299; 
}