#container { width: 500px; height: 400px; position: absolute;display: none;}
#mask { z-index: 999; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: none; background-color: black; }

.modal_container { z-index: 1000; position: absolute; display: none; text-align: center; width: 548px; height: 242px; }
.modal { position: relative; width: 100%; height: 100%; border: 7px solid #444a40; padding: 7px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -opera-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; }
.modal .close, .close.close_modal { z-index: 1050; display: block; background: transparent url(/img/globals/modal/close.png) no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; position: absolute; top: -17px; right: -17px; }

.modal .wrapper { height: 100%; width: 100%; background: #fff; overflow: hidden; }

#modalContent .modal_heading  { height: 35px; }
#modalContent .modal_heading h2 { line-height: 30px; }
#modalContent .buttons { position: absolute; bottom: 55px; right: 135px; }
.modal .content { padding: 0; overflow: hidden; height: 100%; background: url('/img/globals/modal_bg.gif') no-repeat center 152px; }
.modal .modal_body { overflow: hidden; }
.modal .modal_body .modal_info { padding: 20px; position: relative; }
.modal .modal_body .modal_info .modal_copy { text-align: center; padding: 40px 0 0 0; }
.modal .modal_body .modal_info .modal_copy h2 { margin-bottom: 10px; }
.modal .modal_body .modal_info .modal_copy span { font-size: 14px; font-weight: bold; }
.modal .modal_body .modal_info .modal_icon img { left: 3px!important; top: 25px!important; }
.modal .modal_body .modal_info .modal_actions a { position: relative; top: 0; left: 0; width: auto; height: auto; }



/* ------ Critical Flow Modal Overides ------ */

/* Resetting the critical flow modal styles so as not to step on other modals for now. */
/* TODO: This all needs to get globalized */
.modal_container.cf_modal { width: 595px; height: 328px; position: fixed; text-align: left; border: 7px solid #444a40; padding: 7px; background: #fff; -moz-border-radius: 12px; -webkit-border-radius: 12px; -opera-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; } 
.cf_modal .modal .content ul li { float: none !important; padding: 0px; background: none !important; }
.cf_modal .modal .wrapper { background: #fff !important;}
.cf_modal .modal .content { background-image: none !important; }


/* Generic Modal Styles */
.modal_heading { width: 100%; height: 42px; }
.modal_heading h2 { font-size: 18px; font-weight: bold; line-height: 42px; text-align: left; }
.modal_background { background: #1f4918; padding: 10px; }
.modal_message { width: 508px; height: 167px; }
.modal_info { padding: 20px; position: relative; }
.message_background { background: #fff url('/img/globals/bg_alert.jpg') no-repeat; }
.modal_icon { width: 133px; height: 167px; float: left; }
.modal_copy, .modal_actions { width: 375px; float: right; text-align: center; }
.modal_copy { padding: 30px 0; }
.modal_copy h2 { font-size: 18px; }
.modal_actions .gradient_button span, .modal_actions .UserButton a  { padding: 5px 25px; font-size: 13px; }
.modal_extra, .modal_cancel { padding: 8px; }
.modal_cancel { text-align: center; }


/* Critical Flow Specific Modal Styles */
.cf_modal .modal_heading ul li { float: left; }
.cf_modal .modal_heading ul li.heading { width: 340px; }
.cf_modal .modal_heading ul li.cash_display { width: 100px; padding: 0 8px; border-left: 1px solid #bbb; }
.cf_modal .modal_heading ul li.cash_display h4 { font-size: 12px; font-weight: normal; color: #666; padding: 0 0 4px 0; }
.cf_modal .modal_extra .subscribe { font-weight: bold; text-align: center; display: block; }
.cf_modal .modal_extra .dont_show { float: right; }
.cf_modal .modal_extra .dont_show input { margin: 0 8px 0 0; float: left; }
.cf_modal .modal_extra .dont_show label { line-height: 15px; color: #666; }
.cf_modal .tee_off { height: 165px; }
.cf_modal .course_information { width: 100%; height: 55px; padding: 5px 0 0 5px; background: url('/img/play/overlay_top.png') no-repeat; position: absolute; top: 0px; left: 0px; color: #fff !important; }
.cf_modal .course_information img { float: left; padding: 0 10px 0 0; }
.cf_modal .course_information p { font-size: 16px; font-weight: bold; }
.cf_modal .course_information h1 { font-size: 25px; font-weight: bold; margin: -3px 0 0 0; }
.cf_modal .tee_off_button { width: 90%; padding: 0 20px 0 0; background: url('/img/play/overlay_bottom.png') right bottom no-repeat; position: absolute; bottom: 0px; right: 0px; }
.cf_modal .tee_off_button span { float: right; }
#purchase_rounds .modal_background.notification, .modal_background.tee_off { background: url('/swappables/courseweb/sawgrass-large5.jpg') -200px -175px no-repeat; } /* THIS IS HARDCODED, NEEDS TO NOT BE! :) */
#members_only .modal_background.notification, .modal_background.tee_off { background: url('/swappables/courseweb/sawgrass-large5.jpg') -200px -175px no-repeat; } /* THIS IS HARDCODED, NEEDS TO NOT BE! :) */ 
.cf_modal .modal_actions { top: 0; }