/*

	File: live-player.css
	Media: screen
	Copyright: (c) 2010 Church Media Group, Inc. www.churchmedia.cc
	Author: Church Media Group
	Notes: 

/* LIVE PLAYER
--------------------------------------------------------------------------------------- */

/* Background */

body.live_bg .content_cmg { max-width: 100%; min-width: 100%; width: 100%; padding: 0 0 60px 0; border: 0; margin: 0; }
body.live_bg .content_cmg { 
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}

.live_media_background { z-index: 1; width: 100%; height: 500px; background-position: center center; background-position: fixed; background-repeat: no-repeat; }
body.live_bg .live_media_background { height: 770px; position: absolute; top: 0; left: 0; }

.live_media_video { width: 960px; height: 562px; margin: 0 auto; padding: 137px 0 51px 0; position: relative; }
body.live_bg .live_media_video { padding-bottom: 71px; }

.live_media_content { width: 1000px; margin: 0 auto; position: relative; z-index: 2; padding: 60px 0; overflow: hidden; }
body.live_bg .live_media_content { margin-top: 770px; }
.live_media_content p { font-size: 1.4em; width: 80%; margin: 0 auto 18px auto; line-height: 2.4em; text-align: center; }

.live_media_title { margin-bottom: 30px; position: relative; }
.live_media_title h2 { text-align: center; font-family: source-sans-pro, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 300; letter-spacing: 4px; font-size: 4em; line-height: 1.4em; }
.live_media_title h2 small { font-family: source-sans-pro, Helvetica, Arial, sans-serif; text-align: center; font-style: italic; font-size: .4em; color: #888; text-transform: none; padding: 12px 0 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.sermon_pdf { width: 100%; text-align: center; margin-top: 30px; }
.sermon_pdf a.btn_big { float: none; display: inline-block; }

a.btn_live_chat { position: absolute; top: -36px; right: 30px; }

.live_bar_wrap { width: 100%; background: rgba(255, 255, 255, .8); height: 86px; position: absolute; top: 0; left: 0; z-index: 5; }
.live_bar { max-width: 2000px; min-width: 1000px; position: relative; margin: 0 auto; height: 86px; text-align: center; }
.live_bar img { margin-top: 15px; }
.live_back { float: right; display: inline; text-indent: -9999px; width: 127px; height: 41px; background: transparent url(../../images/live/btn_back_live.html) top left no-repeat; }
.live_back:hover { background-position: bottom left; }
.live_back_2 { position: absolute; top: 36px; left: 30px; font-size: 1.2em; font-style: italic; }

.live_wrap { width: 100%; overflow: hidden; }
body.live_bg .live_wrap { background: #fff; padding-top: 0; }
.live_cmg { width: 100%; background: #fff; padding-bottom: 60px; }
body.live_bg .live_cmg { width: 100%; max-width: 100%; min-width: 100%; padding: 0; }

.live_head { width: 465px; overflow: hidden; display: table;  height: 80px; padding: 0 475px 0 20px; }
.title_div { display: table; height: 80px; width: 465px;}
.live_head h2 { font-size: 2.6em; color: #000; margin: 0; line-height: 1.1em; display:table-cell; vertical-align:middle;}
.live_head h2 span.title { margin-right: 14px;}
.live_head h2 span.speaker { font-size: .5em; font-style: italic;}

.live_content { width: 1000px; margin: 0 auto; overflow: hidden; }

.live_left { width: 465px; float: left; display: inline; }
.live_right { width: 454px; float: right; display: inline; margin-top: -63px; }

.live_schedule_wrap h2 { font-family: source-sans-pro, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 300; letter-spacing: 4px; font-size: 4em; line-height: 1.4em; }
.live_schedule { margin-top: 24px; }
.live_schedule_head { width: 100%; height: 36px; overflow: hidden; background: #e8e8e8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.live_schedule_head li { float: left; display: inline; line-height: 39px; font-family: source-sans-pro, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; font-size: 2em; color: #444; text-indent: 30px; }
.live_schedule_head li.ls_service { width: 58.7445255%; border-right: 1px solid #ccc; }
.live_schedule_head li.ls_day { width: 21.4793187%; border-right: 1px solid #ccc; }
.live_schedule_head li.ls_time { width: 19.4111922%; border-right: 1px solid #ccc; border-right: 0; }
.live_schedule_row { width: 100%; height: 72px; overflow: hidden; background: #f5f5f5; border-bottom: 1px solid #ddd; }
.live_schedule_row h3 { font-family: source-sans-pro, Helvetica, Arial, sans-serif; text-transform:  none; font-weight: 400; font-size: 2em; line-height: 1em; color: #555; text-indent: 30px; height: 72px; display: table-cell; vertical-align: middle; }
.live_schedule_row h3 small { display: block; font-size: .7em; margin-top: 1px; color: #888; font-style: italic; text-transform: none; }
.live_schedule_row .live_schedule_service { width: 58.7445255%; float: left; display: inline; border-right: 1px solid #ccc; }
.live_schedule_row .live_schedule_day { width: 21.4793187%; float: left; display: inline; border-right: 1px solid #ccc; }
.live_schedule_row .live_schedule_time { width: 19.4111922%; float: left; display: inline; }
.live_schedule_row .live_schedule_service h3 { height: 76px;  }

.live_share_row { width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 60px 0; margin-top: 52px; }
.live_share_row h2 { text-transform: uppercase; letter-spacing: 4px; font-size: 3em; text-align: center; color: #888; font-weight: 300; margin-bottom: 40px; }
.live_share_items { width: 730px; margin: 0 auto; overflow: hidden; }
.live_share_items li { float: left; display: inline; }
.live_share_items li a img:hover { opacity: .8; }
#live_twitter { width: 198px; margin-right: 95px; }
#live_facebook { width: 196px; margin-right: 95px; }
#live_short_url { width: 133px; margin-top: 4px; }

.give_row { padding: 60px 0 0 0; }
.give_row h2 { text-transform: uppercase; letter-spacing: 4px; font-size: 3em; text-align: center; color: #888; font-weight: 300; margin-bottom: 40px; }
.give_row p { width: 82%; margin: 0 auto 16px auto; font-size: 1.4em; }
body.live .giving_buttons_wrap, body.live_bg .giving_buttons_wrap { border-top: 0; margin-top: 0; padding: 0 0 42px 0; }
.give_row .btn_generic_row { margin-top: 40px; }
.give_row span { display: block; text-align: center; }
.btn_generic_row span { display: block; text-align: center; }
.give_row a.btn_big { display: inline-block; float: none; }

.live_info { height: 200px; overflow: hidden; color: #666; }
.live_info_4x3 { height: 113px; overflow: hidden; color: #666; }

.scroll-pane { width: 455px; height: 160px; overflow: auto; padding-right: 10px; margin: 20px 0 0 0; }
.live_info_4x3 .scroll-pane { height: 73px; }
.scroll-pane p { margin: 0 0 12px 0; font-size: 1.2em; line-height: 1.3em;}
.scroll-pane p:last-child { margin: 0;}

.social_stats { width: 100%; overflow: visible; border-top: 1px solid #ccc; padding-top: 11px;}

.live_tabs { border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; width: 454px; height: 44px; border-right: 1px solid #ccc; margin-right: -1px; }
.live_tabs { background: #ddd; /* for non-css3 browsers */}
.live_tabs li { float: left; display: inline; border-right: 1px solid #bbb; height: 44px; line-height: 44px; font-size: 1.4em; }
.live_tabs li.tab_prayer { border: 0;}
.live_tabs li a { display: block; text-align: center; height: 44px; line-height: 44px; color: #999; text-shadow: #fff 1px 1px 1px; }
.live_tabs li a:hover { color: #333; text-decoration: none; }
.live_tabs li.active a { color: #333; text-decoration: none; background: transparent url(../../images/live/bg_tab_active.png) bottom center no-repeat; }
.live_tabs li.tab_chat a { width: 95px;}
.live_tabs li.tab_facebook a { width: 95px;}
.live_tabs li.tab_notes a { width: 67px;}
.live_tabs li.tab_bible a { width: 63px;}
.live_tabs li.tab_prayer a { width: 130px;}

.live_tabs.tabs_with_no_chat li.tab_facebook a { width: 118px;}
.live_tabs.tabs_with_no_chat li.tab_notes a { width: 90px;}
.live_tabs.tabs_with_no_chat li.tab_bible a { width: 86px;}
.live_tabs.tabs_with_no_chat li.tab_prayer a { width: 154px;}

.live_tab_content { width: 415px; margin: 20px auto; height: 390px;}
.live_ad { width: 415px; margin: 0 auto; border-top: 1px solid #ccc; padding-top: 20px;  }

#divNotes { position: relative; height: 390px;}
#divNotes h2 { font-weight: bold; margin-bottom: 4px;}
#divNotes small { color: #999;}
.notes_scriptures { margin: 14px 0; font-size: 1.2em; width: 403px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #eee; padding: 3px 0 0 5px;}
a.live_print_notes { position: absolute; bottom: 0; left: 0; font-size: 1.2em; width: 86px; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 24px; line-height: 24px; color: #fff; background: #619846; text-align: center;}

.live_notes { position: relative; height: 300px; padding-right: 10px; margin-top: 16px; }
.live_notes textarea { width: 385px; height: 55px; font-family: Arial, sans-serif; border:0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #ccc; margin: 8px 0 8px 0; padding: 1px 10px; font-size: 1.2em; line-height: 15px; background: #fff url(../../images/live/bg_lines.png) 0 0 repeat; }
 
.live_notes textarea:focus { border: 1px solid #8bb6c6; } 
 
.live_notes .plainnotes textarea { height: 287px; margin: 4px 0 0 0;}
.live_notes h3 { font-weight: bold; font-size: 1.3em; }
.note_options { float: right; display: inline; margin-top: -2px; margin-right: 2px;}
.note_options li { float: right; display: inline; margin-right: 6px;}
.note_options li a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; background: #eee; display: block; float: right; padding: 2px 5px;}
.note_options li a:hover { text-decoration: none; background: #619846; color: #fff;}
.note_options li.active a, .note_options li.active a:hover { color: #fff; background: #333;}

.points_row { position: relative;}
.points_row label {position: absolute; font-size: 1.2em; color: #999; font-style: italic; top: 11px; left: 10px;}
.live_notes .points_row.plainnotes label { top: 7px;}

.chat_box { height: 342px;}
.chat_box p { font-size: 1.1em; margin: 0 0 5px 0; font-style: italic; color: #888;}
.chat_box ul li { font-size: 1.1em; border-bottom: 1px solid #ddd; padding: 8px 0; color: #888;}
.chat_box ul li strong { color: #333; margin-right: 6px;}
.chat_box ul li.user { background: #f7fdff;}
.chat_box ul li.user strong { color: #14a7e0;}
.chat_box ul li.host { background: #fff8f8 url(../../images/live/icon_host.png) 99% 50% no-repeat; }
.chat_box ul li.host strong { color: #d03434;}

.chat_form { height: 30px; position: relative; padding: 8px 12px 8px 44px; width: 359px; margin-top: 2px; background: transparent url(../../images/live/bg_chat_form.png) 0 0 no-repeat; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; }
.btn_say { float: right; display: inline;}
.input_chat { border: 0; background: none; font-size: 1.2em; color: #3b332e; width: 284px; float: left; display: inline; padding: 6px 12px 6px 8px; margin: 2px 0 0 2px;}
.chat_form .infield { position: absolute; font-size: 1.2em; color: #999; font-style: italic; top: 17px; left: 55px;}

#iframeBible { width: 415px; height: 390px; overflow: auto;}

.chat_box ul li:hover a.chat_message_delete:hover,
.chat_box ul li:hover a.chat_message_approve:hover { opacity:0.6;filter:alpha(opacity=60); }

a.chat_message_delete { display: none; width: 14px; height: 13px; text-indent: -9999px; background: transparent url(../../images/live/icons_moderate.png) top right no-repeat; float: right; margin-left: 6px; margin-right: 4px; }
.chat_box ul li:hover a.chat_message_delete { display: block; background-position: bottom right; }

a.chat_message_approve { display: none; width: 14px; height: 13px; text-indent: -9999px; background: transparent url(../../images/live/icons_moderate.png) top left no-repeat; float: right; margin-left: 12px; }
.chat_box ul li:hover a.chat_message_approve { display: block; background-position: bottom left; }


.live_form { margin: 16px 0 0 0;}
.lfrow { margin-bottom: 10px; position: relative;}
.lfrow label { position: absolute; top: 9px; left: 11px; font-size: 1.2em; color: #999; font-style: italic;}
.lv_input { font-size: 1.2em; color: #3b332e; padding: 4px 8px; width: 300px; }
.lv_textarea { font-size: 1.2em; color: #3b332e; padding: 4px 8px; width: 302px; height: 90px; }
.lfrow small { color: #999; font-style: italic;}
.live_submit { text-align: left;}

body.live .copyright, body.live_bg .copyright { width: 100%; min-height: 38px; margin-top: 0; }

.chat-top { background: #25a6ca; width: 100%; height: 40px; }
.chat-popout-button { display: block; width: 110px; height: 34px; background: transparent url(../../../../../srv1.jonahsystems.com/_whitesch/views/site/images/live/btn_need_help.jpg) top left no-repeat; top: 21px; right: 21px; }
.chat-popout-button:hover { background-position: bottom left; }
.chat-popout-button img { display: none; }


/* Attendance Form
--------------------------------------------------------------------------------------- */

.live_media_form_wrap { width: 728px; margin: 0 auto 60px auto; }
.live_media_form { width: 700px; margin: 14px auto; background: #f5f5f5; position: relative; }
.live_media_form h2 { padding: 17px 30px 15px 30px; background: #e8e8e8; border-bottom: 1px solid #ddd; font-size: 3em; color: #444; font-weight: 300; text-align: center; text-transform: none; }
.live_media_form form, .live_form { padding: 30px; }
.live_media_form .form_row { position: relative; margin-bottom: 20px; }
.live_media_form .submit_row { position: relative; margin-bottom: 0; }
.live_media_form label { display: block; font-family: source-sans-pro, Helvetica, Arial, sans-serif; color: #555; letter-spacing: 1px; font-size: 2em; font-weight: 400; margin-bottom: 6px; }
.live_media_form label sup { font-weight: 600; color: #f53d3d; }
.live_media_form label.infield { position: absolute; font-family: source-sans-pro, Helvetica, Arial, sans-serif; color: #999; letter-spacing: 1px; font-size: 2em; font-weight: 400; top: 18px; left: 18px; }
.live_media_form input[type="text"] { width: 602px; padding: 15px 18px 13px 18px; font-size: 1.6em; color: #999; background: #fff; border: 1px solid #ddd; -moz-box-shadow: 0 0 10px #e5e5e5; -webkit-box-shadow: 0 0 10px #e5e5e5; box-shadow: 0 0 10px #e5e5e5; font-family: source-sans-pro, Helvetica, Arial, sans-serif;  font-family: source-sans-pro, Helvetica, Arial, sans-serif; color: #666; letter-spacing: 1px; font-size: 2em; }
.live_media_form input[type="text"]:focus { color: #666; border: 1px solid #0387d5; }
.live_media_form textarea { width: 602px; max-width: 602px; min-height: 100px; padding: 15px 18px 13px 18px; font-size: 1.6em; color: #999; background: #fff; border: 1px solid #ddd; -moz-box-shadow: 0 0 10px #e5e5e5; -webkit-box-shadow: 0 0 10px #e5e5e5; box-shadow: 0 0 10px #e5e5e5; font-family: source-sans-pro, Helvetica, Arial, sans-serif;  font-family: source-sans-pro, Helvetica, Arial, sans-serif; color: #666; letter-spacing: 1px; font-size: 2em; }

.live_media_form .radio_wrap { width: 100%; overflow: hidden; margin-bottom: 6px; }
.live_media_form input[type="radio"] { float: left; }
.live_media_form label.radio { display: block; float: left; font-size: 1.6em; font-style: italic; color: #888; letter-spacing: 0; margin: 1px 0 0 8px; }

.live_media_form .form_row.select { margin-top: 32px; }
.live_media_form .form_row.select label { float: left; }
.live_media_form .form_row.select select { float: left; margin: 4px 0 0 20px; }

.live_media_form input[type="submit"] { font-size: 2.2em; padding: 16px 48px 14px 48px; background: #0387d5; border: 0; color: #ffffff; cursor: pointer; font-family: source-sans-pro, Helvetica, Arial, sans-serif; font-weight: 700; }
.live_media_form input[type="submit"]:hover { background: #039cf7; }

.live_media_form input.error { border-color: #f53d3d; background: #fbefef; }

.form_buttons { position: absolute; bottom: 0; right: 0; width: 100%; overflow: hidden; text-align: center; }
a.register_attendance { display: block; float: right; width: 250px; height: 40px; text-align: center; line-height: 44px; background: #ccc; /* background: rgba(255, 255, 255, .8); */ color: #444; font-size: 1.4em; font-family: source-sans-pro, Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; }
a.register_attendance:hover { background: #ddd; background: rgba(255, 255, 255, .7); color: #555; text-decoration: none; }

a.prayer_request { display: block; float: right; width: 230px; height: 40px; margin-left: 10px; text-align: center; line-height: 44px; background: #ccc; /* background: rgba(255, 255, 255, .8); */ color: #444; font-size: 1.4em; font-family: source-sans-pro, Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; }
a.prayer_request:hover { background: #ddd; background: rgba(255, 255, 255, .7); color: #555; text-decoration: none; }

a.take_notes { display: block; float: right; width: 140px; height: 40px; margin-left: 10px; text-align: center; line-height: 44px; background: #ccc; /* background: rgba(255, 255, 255, .8); */ color: #444; font-size: 1.4em; font-family: source-sans-pro, Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; }
a.take_notes:hover { background: #ddd; background: rgba(255, 255, 255, .7); color: #555; text-decoration: none; }

a.btn_form_close { display: block; width: 25px; height: 25px; text-indent: -9999px; background: transparent url(../../images/live/btn_form_close.png) 0 0 no-repeat; position: absolute; top: -10px; right: -10px; z-index: 9999; }
a.btn_form_close:hover { opacity: .85; filter: alpha(opacity=85); }