/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #ffffff; font: normal 62.5% "Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; color: #777777; height: 100%;}

h1, h2, h3, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #666666; font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; }
h3.all_caps { font-size:1.2em; font-weight:bold; font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #2997ef; margin-top: 4px; }

p { font-size:1.2em; line-height:1.4em; margin:12px 0; }
table { font-size:1.2em; line-height:1.4em; margin:12px 0; }
small { color: #999999;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }
.contact-font { font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; font-size: 10px;}

/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #cfa200;}
a:visited { color: #cfa200;}
a:hover { color: #cfa200; text-decoration: underline;}
a:active { color: #cfa200;}

.login { position: relative; }
.login a {font-weight: normal; text-decoration: none;}
.login a:link { color: #577894;}
.login a:visited { color: #577894;}
.login a:hover { color: #577894; text-decoration: underline;}
.login a:active { color: #577894;}
.login .logged_in_as { font-size: 16px; position: absolute; top: 12px; left: 108px; }
.login .logged_in_org { font-size: 10px; position: absolute; top: 28px; left: 108px; }
.login .continue { position: absolute; font-size: 14px; font-weight: bold; right: 10px; top: 38px;  }
.login .logout { position: absolute; right: 10px; top: 5px; }

.main_nav a { font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; }
.main_nav a:link { color: #ffffff;}
.main_nav a:visited { color: #ffffff;}
.main_nav a:hover { color: #ffffff; text-decoration: none;}
.main_nav a:active { color: #ffffff;}

.tour_sign_up a:link { color: #ffffff;}
.tour_sign_up a:visited { color: #ffffff;}
.tour_sign_up a:hover { color: #ffffff; text-decoration: underline;}
.tour_sign_up a:active { color: #ffffff;}

.footer a:link { color: #2998f0;}
.footer a:visited { color: #2998f0;}
.footer a:hover { color: #ffffff; text-decoration: underline;}
.footer a:active { color: #2998f0;}

a.arrow {background: transparent url(/images/home_page/arrows/arrow_blue.gif) 100% 50% no-repeat; padding-right: 14px;}

.btn_more { display:block; width: 39px; height: 18px; text-indent: -9999px; background: transparent url(/images/home_page/btn/btn_more.gif) top left no-repeat; float: right; }
.btn_more:hover { background-position: top right;}

.btn_free_trial_offer { display:block; width: 160px; height: 48px; text-indent: -9999px; background: transparent url(/images/home_page/btn/btn_free_trial_offer.gif) top left no-repeat;}
.btn_free_trial_offer:hover { background-position: top right;}

.btn_prices_signup { display:block; width: 129px; height: 37px; text-indent: -9999px; background: transparent url(/images/home_page/btn/btn_prices_signup.jpg) top left no-repeat; margin: 24px 0 0 22px;}
.btn_prices_signup:hover { background-position: top right;}

.btn_top { display:block; width: 40px; height: 24px; text-indent: -9999px; background: transparent url(/images/home_page/btn/btn_top.gif) top left no-repeat; margin-top: 24px; }
.btn_top:hover { background-position: top right;}

/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.container { width:100%; margin: 0 auto; background: transparent url(bg_container.jpg) top center no-repeat; padding: 0 0; }
.header { width:960px; margin: 0 auto; padding: 0 0 20px 0; overflow: hidden; }
.content { width:880px; margin: 0 auto; padding: 40px; background: #ffffff url(bg_sidebar.gif) 40px 97px no-repeat; min-height: 640px;}
.main { width:640px; float:right; display:inline; margin: 0; }
.sidebar { width:200px; padding:0; float:left; display:inline; margin: 0;}
.footer { width: 940px; margin: 0 auto; padding: 10px; color: #ffffff; overflow: hidden; background: #002465; text-align: left;}
.footer-inside { width: 100%; margin: 0 auto; padding: 0px; color: #ffffff; overflow: hidden; background: #002465; text-align: center;}
.footer-text { width: 940px; margin: 0 auto; padding: 10px; color: #ffffff; overflow: hidden; background: #002465; text-align: left; line-height:18px;}
body.home .content { width:960px; margin: 0 auto; padding: 0; background-image: none; min-height: 0;}
body.no_bg .content { background-image: none;}
body.pric .content { background: #ffffff url(bg_prices.jpg) 0 140px no-repeat;}
.content { width:960px; margin: 0px auto; padding: 0; background-image: none; min-height: 0; }
.content-text { width: 960px; background: white url(../images/text-bg.png) bottom left repeat-x;  margin: 0px auto;}
.content-text1 { width: 960px; margin: 0px auto; clear:none;}


/* Header Layout
--------------------------------------------------------------------------------------- */

.header h1 { float: left; display: inline; margin: 20px 0 0 18px; }
.header h1 a { display: block; width: 168px; height: 53px; text-indent: -9999px; background: transparent url(/images/home_page/planning_center.gif) top left no-repeat; }

.login { float:right; display:inline; width: 374px; height: 44px; padding: 8px 14px 8px 112px; background: transparent url(bg_sign_in.gif) top left no-repeat; margin-right: 28px; overflow: hidden; }
.login_inputs { float: left; display: inline; width: 88%; overflow: hidden; }
.btn_go { float: right; display: inline; }

.login_left { float: left; display: inline; width:49%; }
.login_right { float: right; display: inline; width:49%; }

.login_input { width: 88%; padding: 3px 8px; border: 1px solid #d5d5d5; font-size:1.4em; margin-bottom: 4px;}
.login_checkbox { margin: 0 6px 0 0; padding: 0; border: 0; float: left; display: inline;  }
.login_left label { font-size: 1.2em; display: block; width: 86%; float: right; margin-top: 1px; color: #577894; }
.login_right p { margin: 0; }

.main_nav { width: 960px; margin: 0 auto; padding: 0 0 0 0; background: #1a2132 url(bg_main_nav.jpg) 0 0 no-repeat; overflow: hidden; }
.main_nav li { float: left; display: inline; font-size: 1.4em; width: 159px; text-align: center; border-right: 1px solid #35425f; }
.main_nav li.last { border-right: 0; }
.main_nav li a { display: block; line-height: 38px; }

body.home #home, body.home #home:hover,
body.feat #feat, body.feat #feat:hover,
body.test #test, body.test #test:hover,
body.tuto #tuto, body.tuto #tuto:hover,
body.faq #faq, body.faq #faq:hover { color:#50b2ff; }

#pric, #pric { color:#face4c; }
body.pric #pric, body.pric #pric { color:#face4c; }

/* Rotator
--------------------------------------------------------------------------------------- */

.rotator_box { position:relative; height: 274px; width:960px; background: url('../images/rotator-bg.png') repeat-x; margin:0px auto; min-height:0px;}
.rotator { height: 274px; width: 960px; position: absolute; top:0; left: 0; z-index: 1; }

.divRotator { width: 960px; height: 256px; padding: 0px; overflow: hidden; margin:0px; }
.divRotator_left { float: left; display: inline; width: 480px; margin: 0px; text-align:left; margin:0px;}
.divRotator_right { float: left; display: inline; width: 480px; margin: 0px; text-align:left; }

.title_rotator_plans { width:329px; height:74px; text-indent: -9999px; background: transparent url(../images/title_plans.gif) top left no-repeat; }

.rotator_points { margin: -2px 0 2px 0; padding: 0; }
.rotator_points li { list-style: disc; margin-left: 14px; padding-left: 4px; font-size: 1.4em; color: #ffffff; margin-bottom: 10px; }

.rotator_options { margin: 0; padding: 0; }
.rotator_options li { float: left; display: inline; margin-right: 8px; }
.btn_rotator_welcome { display:block; width: 140px; height: 49px; text-indent: -9999px; background: transparent url(../images/more-button.png) top left no-repeat; overflow:hidden; }
.btn_rotator_welcome:hover { background-position: top right;}
.btn_rotator_sign_up { display:block; width: 255px; height: 37px; text-indent: -9999px; background: transparent url(../images/btn_rotator_sign_up.gif) top left no-repeat; }
.btn_rotator_sign_up:hover { background-position: top right;}

.btn_rotator { overflow: hidden; margin-top: 24px; }
.btn_rotator li { float: left; display: inline; margin-right: 16px; }
.btn_rotator li a { display: block; width: 112px; height: 34px; text-indent: -9999px;}
.btn_rotator li a.btn_explore { background: transparent url(../images/btn_explore.gif) top left no-repeat;}
.btn_rotator li a.btn_signup { background: transparent url(../images/btn_signup.gif) top left no-repeat;}
.btn_rotator li a:hover { background-position: bottom left;}

.rotator_nav { width: 960px; height: 48px; overflow: hidden; position:absolute; bottom:0; left: 0px; z-index: 2; }
.rotator_nav li { float: left; display: inline;}
.rotator_nav li a { display: block; width:192px; height: 48px; text-indent:-9999px; background: transparent url(../images/bg_rotator_nav.png) 0 0 no-repeat; }

.rotator_nav li.btn_plans a { background-position: auto;}
.rotator_nav li.btn_plans a:hover { background-position: 0 -48px; }
.rotator_nav li.btn_plans a.activeSlide { background-position: 0 -96px; }
.rotator_nav li.btn_plans a.activeSlide:hover { background-position: 0 -96px;  }

.rotator_nav li.btn_songs a { background-position: -192px 0;}
.rotator_nav li.btn_songs a:hover { background-position: -192px -48px; }
.rotator_nav li.btn_songs a.activeSlide { background-position: -192px -96px; }
.rotator_nav li.btn_songs a.activeSlide:hover { background-position: -192px -96px;  }

.rotator_nav li.btn_media a { background-position: -384px 0;}
.rotator_nav li.btn_media a:hover { background-position: -384px -48px; }
.rotator_nav li.btn_media a.activeSlide { background-position: -384px -96px; }
.rotator_nav li.btn_media a.activeSlide:hover { background-position: -384px -96px;  }

.rotator_nav li.btn_scheduling a { background-position: -576px 0;}
.rotator_nav li.btn_scheduling a:hover { background-position: -576px -48px; }
.rotator_nav li.btn_scheduling a.activeSlide { background-position: -576px -96px; }
.rotator_nav li.btn_scheduling a.activeSlide:hover { background-position: -576px -96px;  }

.rotator_nav li.btn_arated a { background-position: -768px 0;}
.rotator_nav li.btn_arated a:hover { background-position: -768px -48px; }
.rotator_nav li.btn_arated a.activeSlide { background-position: -768px -96px; }
.rotator_nav li.btn_arated a.activeSlide:hover { background-position: -768px -96px;  }



/* Homepage Layout
--------------------------------------------------------------------------------------- */

.home_content_top { width: 880px; padding: 44px 40px; background: transparent url(bg_home_content_top.jpg) 0 0 no-repeat; overflow: hidden; }
.home_content_top_left { float: left; display: inline; width: 400px; padding-right: 40px; background: transparent url(bg_home_content_top_divider.jpg) right top no-repeat; }
.home_content_top_right { float: right; display: inline; width: 400px; }

.about_pc { width: 100%; overflow: hidden; margin-top: 22px; }
.about_pc img { float: left; display: inline; border: 8px solid #eeeeee; }
.about_pc_content { float: right; display: inline; width: 68%; }
.about_pc_content p { margin: 0 0 16px 0; }

.home_testimonies_top { width: 360px; background: transparent url(bg_testimonies_home.gif) 0 0 no-repeat; padding: 18px 16px 10px 24px; margin-top: 16px; }
.home_testimonies_top p { margin: 0; padding: 0; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.8em; }
.home_testimonies_bottom { width: 340px; background: transparent url(bg_testimonies_home_bottom.gif) 0 0 no-repeat; padding: 20px 0 12px 60px; overflow: hidden; }
.home_testimonies_bottom a { display: block; width: 24%; font-size: 1.2em; float: right; text-align: right; }
.home_testimonies_bottom h4 { color: #666666; }
.home_testimonies_bottom h4 span { font-size: .8em; font-weight: normal; font-style: italic; line-height: 1.5em; }

.home_content_top_right h3.all_caps { margin-top: 12px; }
.home_content_top_right .btn_more { margin-top: 9px; }

.pc_users { overflow: hidden; width: 100%; margin: 26px 0 32px 0; }
.pc_users li { float: left; display: inline; margin-right: 11px; }
.pc_users li.last { margin-right: 0; }
.pc_users li img { border: 1px solid #dddddd; }

.home_content_top_right h4 { margin-top: 20px; font-size: 1.6em; }

.tour_sign_up { width: 100%; clear: both; text-align: center; background: transparent url(bg_tour_sign_up.jpg) 0 0 no-repeat; height: 69px; margin-top: 36px; float: left; }
.tour_sign_up h3 { color: #88690b; font-size: 3em; line-height: 69px; font-weight: normal; }

/* Titles
--------------------------------------------------------------------------------------- */

.title_about_planning_center { width: 337px; height: 27px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_about_planning_center.gif) 0 0 no-repeat; }
.title_show_your_support { width: 290px; height: 27px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_show_your_support.gif) 0 0 no-repeat; }

.title_features { width: 125px; height: 27px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_features.gif) 0 0 no-repeat; }
.title_testimonials { width: 183px; height: 27px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_testimonials.gif) 0 0 no-repeat; }
.title_video_tutorials { width: 221px; height: 27px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_video_tutorials.gif) 0 0 no-repeat; }
.title_faq { width: 64px; height: 27px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_faq.gif) 0 0 no-repeat; }
.title_faq_long { width: 414px; height: 27px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_faq_long.gif) 0 0 no-repeat; }
.title_pricing { width: 97px; height: 27px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_pricing.gif) 0 0 no-repeat; }
.title_sign_up { width: 112px; height: 27px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_sign_up.gif) 0 0 no-repeat; }
.title_free { width: 395px; height: 21px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_free.gif) 0 0 no-repeat; float: right; margin-top: 6px; }

.title_privacy_policy { width: 204px; height: 27px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_privacy_policy.gif) 0 0 no-repeat; }
.title_terms_of_use { width: 194px; height: 27px; text-indent: -9999px; background: transparent url(/images/home_page/titles/title_terms_of_use.gif) 0 0 no-repeat; }


/* Main Layout
--------------------------------------------------------------------------------------- */

.main h4, .full h4 { font-size: 1.6em; margin: 20px 0; }
.feat .main h4 { clear: both; margin: 30px 0; background: #fff4c9; padding: 6px 2%; width: 96%; border-bottom: 1px solid #e5d6a2; }

.api .main h4 { clear: both; margin: 10px 0 10px 0; background: #fff4c9; padding: 6px 2%; width: 96%; border-bottom: 1px solid #e5d6a2; }
.api .main pre { border: solid 1px #ccc; background-color: #efefef; padding: 10px;}
.api .page_header h3 { font-size: 30px; font-weight: normal; font-family: "Helvetica Neue";}

.page_header { width: 100%; margin-bottom:26px; }

.main_content p.crumbs { margin: 0 0 16px 0; font-size: 1.1em; }

.main_content h3, .full h3 { font-size: 3em; font-weight: 200; color: #2998f0; line-height: 1.1em; margin-bottom: 40px; }
.main_content h4, .full h4 { font-size: 2em; font-weight: 400; color: #363d4b;}
.main_content h3 span { color: #ffffff; background: #ffc408; font-size: .75em; margin-left: 10px; padding: 0 4px; }
.full h4.all_caps { font-size:1.2em; font-weight:bold; font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #2997ef; }
.main_content p .full p { line-height: 1.6em; margin: 18px 0;}
.main_content ul, .main_content dl, .main_content ol, .full ul, .full ol { margin: 16px 0; }
.main_content ul li, .main_content dl dd, .full ul li { list-style: disc; display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }
.main_content ol li, .full ol li { display: list-item; margin-left: 20px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 16px; }

body.faq .page_header { margin-bottom: 4px; }

.main_image { float: left; display: inline; margin: 4px 28px 24px 0; }
.main_image_small { float: left; display: inline; margin: 0 28px 24px 0; }
.featured_image { margin: 10px 0; }
.feat .main img.float-left { margin: 0 40px 30px 0; }
.feat .main img.float-right { margin: 0 0 30px 40px; }

.video_testimony { width: 820px; padding: 20px 20px 20px 40px; background: #f2f9ff; border-top:1px solid #c0ddf3; border-bottom:1px solid #c0ddf3; overflow: hidden; margin-top:34px; }
.video_testimony_left { float: left; display: inline; width: 340px; text-align: center; padding-top: 30px;}
.video_testimony_left h3 { margin-bottom: 24px; }
.video_testimony_left p { font-size: 2.2em; font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; font-style: italic; line-height: 1.4em; }
.video_testimony_left p.testimony_name { font-size: 1.2em; font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; line-height: 1.4em; font-style:normal; margin-top: 20px; }
.video_testimony_right { float: right; display: inline; width: 420px; height: 237px; border: 1px solid #c0ddf3; padding: 12px; background: #ffffff; }

.testimonies { width: 100%; overflow: hidden; margin-top: 40px; }
.testimonies li { width: 252px; height:160px; padding: 20px; float: left; display: inline; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}

.table_testimonies { width: 100%; border-collapse: collapse; margin-top: 10px; }
.table_testimonies td { padding: 30px 20px 20px 20px; background: transparent url(bg_testimony_border.gif) bottom center no-repeat;}
.table_testimonies td p  { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.table_testimonies td p.testimony_name { margin: 16px 0 0 0; padding: 0 0 0 0; font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; font-style: normal; color: #333333;}
.table_testimonies td p.testimony_name span { font-style: italic; font-size: .825em; color: #333333;}

.faq_row { width: 100%; overflow: hidden; padding: 24px 0; border-bottom: 1px solid #e1ecf4; }
.alt { background: #f6fbff; }
.faq_row h6 { float: left; display: inline; font-size: 4em; font-weight: 100; width: 40px; text-align: right; margin: 0; color: #999999; }
.faq_info { float: right; display: inline; width: 91%; margin-top: 7px; }
.faq_info h4 { margin: 0 0 10px 0; }
.faq_hidden { margin-top: 24px; }
.faq_hidden h4 { color: #2998f0 }

.price_box { width: 100%; overflow: hidden; margin: 34px 0 22px 0; background: #ffffff; padding-bottom:40px; border-bottom: 1px solid #e8e8e8; }
.prices { float: left; display: inline; width: 220px; background: transparent url(bg_prices_divider.jpg) top right repeat-y;}
.prices_last { background: none; }
.prices h3 { width: 196px; background: #2896ec; padding: 18px 0 12px 23px; font-weight: 100; letter-spacing: .1em; color: #ffffff; border-bottom: 1px solid #1c80ce; margin-bottom: 20px; line-height: .9em; font-size: 2.8em; border-right: 1px solid #51aff9;}
.prices_last h3 {border-right: 0; width: 197px;}
.prices h3 span { font-size: .5em; letter-spacing: 0; letter-spacing: .04em; color: #ffffff;}
.prices ul { width: 174px; margin: 0 auto; padding: 0 23px; }
.full .prices ul li { border-bottom: 1px solid #e8e8e8; padding: 0 0 12px 0; margin: 0 0 12px 0; list-style: none; font-size: 1.2em; }

.lite span { color: #6788c2; font-weight: bold; }
.basic span { color: #50b2ff; font-weight: bold;  }
.plus span { color: #5bc168; font-weight: bold;  }
.premium span { color: #cfa200; font-weight: bold;  }

.price_content { overflow: hidden; width: 100%; }
.price_content h4 { font-size: 1.2em; font-weight: bold; margin: 16px 0 4px 0; }
.price_content p { margin: 0 0 16px 0; }
.price_content_left { float: left; display: inline; width: 48%; }
.price_content_right { float: right; display: inline; width: 48%; }

.flash_warning { background: #fff5f3; width: 100%; text-align: center; padding: 6px 0; margin: 24px 0 0 0; border-top: 1px solid #f1d8d4; border-bottom: 1px solid #f1d8d4;}

.who_is_using_pc { padding-top: 20px; margin-top:40px; background: transparent url(bg_home_content_top.jpg) top center no-repeat; }
.full .all_pc_users { overflow: hidden; width: 100%; margin: 0 0 32px 0; }
.full .all_pc_users li { float: left; display: inline; margin: 24px 24px 0 0; list-style: none; padding-left: 0; }
.full .all_pc_users li.last { margin-right: 0; }
.full .all_pc_users li img { border: 1px solid #dddddd; }

/* Sidebar Layout
--------------------------------------------------------------------------------------- */

.sidebar h3 { padding-bottom:8px; margin: 0; border-bottom: 2px solid #e8e8e8; }
.side_nav { width: 200px; margin-bottom: 30px; }
.side_nav li { font-size: 1.6em; background: transparent url(/images/home_page/arrows/arrow_white.gif) 0 50% no-repeat; border-bottom: 1px solid #e8e8e8; font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-weight: 100; }
.side_nav li a:link, .side_nav li a:visited, .side_nav li a:hover, .side_nav li a:active { display: block; width: 82%; padding: 13px 0 13px 18%; color: #666666; font-weight: 200;}
.side_nav li.last { border: none; }

.side_nav li ul { width: 100%; padding-bottom: 8px }
.side_nav li ul li { font-size: .7em; border-bottom: none; font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; font-weight: 200; padding: 2px 0;}
.side_nav li ul li a:link, .side_nav li ul li a:visited, .side_nav li ul li a:hover, .side_nav li ul li a:active { display: block; width: 90%; padding: 3px 5% 3px 5%; color: #999999; font-weight: bold; text-decoration: none;}
.side_nav li ul li a:link span, .side_nav li ul li a:visited span, .side_nav li ul li a:hover span, .side_nav li ul li a:active span { color: #ffffff; background: #ffc408; font-size: .875em; margin-left: 6px; padding: 0 4px;}

.side_nav li a.selected, .side_nav li a.selected:hover { color:#2998f0;}

#icon_general { background: transparent url(/images/home_page/icons/icon_overview.gif) 0 50% no-repeat; }
#icon_plans { background: transparent url(/images/home_page/icons/icon_plans.gif) 0 50% no-repeat; }
#icon_songs { background: transparent url(/images/home_page/icons/icon_songs.gif) 0 50% no-repeat; }
#icon_media { background: transparent url(/images/home_page/icons/icon_media.gif) 0 50% no-repeat; }
#icon_scheduling { background: transparent url(/images/home_page/icons/icon_scheduling.gif) 0 50% no-repeat; }
#icon_people { background: transparent url(/images/home_page/icons/icon_people.gif) 1px 50% no-repeat; }
#icon_live { background: transparent url(/images/home_page/icons/icon_live.gif) 1px 50% no-repeat; }

#twitter_rotator { position: absolute; top: 30px; left: 65px; height: 75px; width: 204px;  }
#twitter_rotator .twitter { height: 75px; width: 204px; }
#twitter_rotator .twitter img { height: 20px; margin-right: 5px; }
#twitter_rotator .twitter .tweet { margin-left: 25px; line-height: 12px; font-size: 10px; }
#twitter_rotator .twitter .user { font-size: 12px; }
#twitter_rotator .twitter .created_at { float: right;  }
#twitter_rotator .twitter .created_at a { font-weight: normal; color: #999; font-size: 8px; line-height: 16px; }

body.icon_overview #icon_overview,
body.icon_plans #icon_plans,
body.icon_songs #icon_songs,
body.icon_media #icon_media,
body.icon_live #icon_live,
body.icon_people #icon_people,
body.icon_scheduling #icon_scheduling { background-color:#ffffff; color: #2998f0;}

.sidebar ul.checklist { margin: 24px 0; }
.sidebar ul.checklist li { padding-left: 28px; background: transparent url(/images/home_page/icons/icon_check_small.gif) 0 50% no-repeat; font-size: 1.4em; color: #555555; margin-bottom: 6px; font-weight: bold; }

.side_box { margin-bottom: 16px; background: #ffffff; width: 212px; padding: 16px 16px 6px 16px; }



/* Show Your Support Layout
--------------------------------------------------------------------------------------- */

.show_support { width: 880px; padding: 44px 40px 40px 40px; margin: 0 auto; background: #f5f5f5 url(bg_show_support.jpg) 0 0 no-repeat; overflow: hidden; }
.show_support_left { float: left; display: inline; width: 625px; padding-right: 40px; background: transparent url(bg_show_support_divider.jpg) right top no-repeat; }
.show_support_right { float: right; display: inline; width: 190px; }

.show_support strong { color: #000000; }

.show_support_networks { width: 100%; overflow: hidden; margin-top: 24px; }
.show_support_networks_left { float: left; display: inline; width: 284px; padding-right: 30px; border-right: 1px solid #cccccc; }
.show_support_networks_right { float: right; display: inline; width: 270px; position: relative; }

.facebook_box { width: 100%; overflow: hidden; margin-top: 16px; }
.facebook_box img { float: left; display: inline; }
.facebook_box_content { float: right; display: inline; width: 48%; }
.facebook_box_content p { margin: 0; }

.twitter_box { width: 100%; overflow: hidden; margin-top: 16px; }
.twitter_box img { float: left; display: inline; }
.twitter_box_content { float: right; display: inline; width: 72%; }
.twitter_box_content p { margin: 0; }
.twitter_box_content p span { font-size: .825em; }

.show_support_options { width: 100%; overflow: hidden; margin-top: 20px; }
.show_support_options li { float: left; display: inline; margin-right: 8px; }
.show_support_options li a { display: block; height: 18px; text-indent: -9999px; }

.btn_post { width: 124px; background: transparent url(/images/home_page/btn/btn_show_support.jpg) 0 0 no-repeat; }
.btn_post:hover { background-position: 0 -18px; }

.btn_become_a_fan { width: 93px; background: transparent url(/images/home_page/btn/btn_show_support.jpg) -124px 0 no-repeat; }
.btn_become_a_fan:hover { background-position: -124px -18px; }

.btn_follow { width: 75px; background: transparent url(/images/home_page/btn/btn_show_support.jpg) -217px 0 no-repeat; }
.btn_follow:hover { background-position: -217px -18px; }

.btn_update_status { width: 130px; background: transparent url(/images/home_page/btn/btn_show_support.jpg) -292px 0 no-repeat; }
.btn_update_status:hover { background-position: -292px -18px; }

.show_support_right p { margin: 0 0 28px 0; }
.show_support_right p.last { margin-bottom: 0; }

/* Footer Layout
--------------------------------------------------------------------------------------- */

.email_box { width: 274px; float: left; display: inline; }
.email_box h3 { color: #2998f0; }
.email_box_forms { width: 100%; overflow: hidden; margin-top: 20px; }
.email_input { float: left; display: inline; width: 65%; padding: 7px 8px; border: 1px solid #d5d5d5; font-size:1.4em;}
.email_submit { float: right; display: inline; }

.copyright { width: 527px; float: right; display: inline; overflow: hidden; padding: 20px 0 16px 38px; border-left: 1px solid #333a4a; }
.copyright img { float: left; display: inline; }
.copyright_info { float: right; display: inline; width: 73%; margin-top: 2px; }
.copyright p { font-size: 1.1em; margin: 0 0 8px 0; line-height: 2em; }

.social_networks { overflow: hidden; width: 100%; margin-top: 14px; }
.social_networks li { float: left; display: inline; margin-right:12px; font-size: 2.2em; }
.social_networks li a { display: block; width: 23px; height: 23px; text-indent: -9999px; }
.icon_twitter { background: transparent url(/images/home_page/icons/icon_twitter.gif) 0 0 no-repeat; }
.icon_facebook { background: transparent url(/images/home_page/icons/icon_facebook.gif) 0 0 no-repeat; }
.icon_vimeo { background: transparent url(/images/home_page/icons/icon_vimeo.gif) 0 0 no-repeat; }

.design { width: 880px; height:78px; padding: 0 40px; background: transparent url(bg_footer.jpg) left top no-repeat; margin: 0 auto; }
.design h2 { float: right; display: inline; margin-top: 21px; }
.design h2 a { display: block; width: 201px; height: 17px; text-indent: -9999px; outline: none; background: transparent url(/images/home_page/church_media_group.gif) left top no-repeat; }
.design h2 a:hover { background-position: right top; }
/* Giving Form
--------------------------------------------------------------------------------------- */
.full h4.sign_up_product_title { background: #2896ec; width: 857px; padding: 12px 0 12px 23px; color: #ffffff; margin-bottom: 0; border-bottom: 1px solid #1c80ce; font-size: 2.8em; font-weight: 100; letter-spacing: .1em; }
.giving_form { width: 800px; padding: 30px 40px 0 40px; background: #ffffff; }
.giving_form h3 { font-size: 2em; color: #333333; font-weight: normal; margin-bottom: 24px; }
.giving_left { float: left; display: inline; width: 48%; }
.giving_right { float: right; display: inline; width: 48%; }
/* Form Panel is each individual form box
--------------------------------------------------------------------------------------- */
.form_panel { margin-bottom: 24px; width: 750px; padding:16px 24px 24px 24px; color: #777777; background: #f6fbff; border: 1px solid #d5e5f2; }
.form_panel h4 { margin: 0 0 18px 0; font-size: 2.6em; font-weight: 200; }
.form_panel h5 { margin: 16px 0 0 0; font-size: 1.4em; padding-bottom: 6px; border-bottom: 4px solid #cadeee; }
.form_panel .margin-top { margin-top: 24px; }
.form_panel p.form_description { margin-bottom: 24px; padding-left: 31px; }
.form_panel p.small { font-size: 1.4em; line-height: 1.4em; margin: 4px 0; font-weight: bold;}
.form_panel p.yellow { font-size: 1.2em; line-height: 1.4em; margin: 20px 0 20px 0; padding:12px 4%; width:92%; background: #fffeb7; border-bottom: 1px solid #e8e794; border-top: 1px solid #e8e794; color:#000000;}
.form_panel p.align-center { text-align:center; font-weight:bold; color:#000000; font-size: 1.4em; } 
.form_left_panel { float: left; display: inline; width: 3%; overflow: hidden; }
.form_left_panel input { float: right; display: inline; margin: 0; }
.form_right_panel { float: right; display: inline; width: 94%;}
.form_right_panel h5{ color: #749390; margin-top: 3px;}
.form_right_panel p{ font-size: 1.2em; line-height: 1.4em; margin: 6px 0;}
/* Packages Row
--------------------------------------------------------------------------------------- */
.package_row { margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid #cadeee; }
.form_left_panel { float: left; display: inline; width: 6%; overflow: hidden; }
.form_left_panel input { float: right; display: inline; margin: 0; }
.form_right_panel { float: right; display: inline; width: 91%; overflow: hidden;}
.form_right_panel h5 { color: #43a33b; margin:3px 0 0 0; width: 100%; border-bottom: 0; overflow: hidden;}
.form_right_panel h5 span.price { color:#000; float: right; display: inline; font-weight: normal; }
.form_right_panel h5 span.price span { color:red; font-weight: bold; }
.form_right_panel p { font-size: 1.2em; line-height: 1.4em; margin: 4px 0;}
.package_more { width: 91%; padding: 2% 4%; margin: 12px 0 8px 0; background: #f5f5f5; }
.sub_total_box {overflow: hidden; }
.sub_total { float: left; display: inline; width: 82%; text-align: right; padding-top: 1px; }
.sub_total h5 { color: #000; border: 0; margin: 0; }
.sub_total_cost { float: left; display:inline; text-align: right; width: 18%; }
.sub_total_cost p { margin: 0; line-height: 1.1em; font-weight: bold; color: #000;}
.package_more ul.checks li { font-size: 1.2em; }

/* Individual Row
--------------------------------------------------------------------------------------- */

.form_row { width: 100%; overflow: hidden; margin-bottom:3px; }
.margin_divider { border-bottom: 1px solid #cadeee; padding-bottom: 12px; margin-bottom: 12px; }
.margin_divider_top { border-top: 1px solid #cadeee; padding-top: 12px; margin-top: 12px; }
.giving_left_column { width: 23%; float: left; display: inline; padding-top: 12px; text-align: right;}
.giving_right_column { width: 75%; float: right; display: inline; }
.long { width: 42%; }
.short { width: 54%; }
.total_amount { color: #000000; }
.cards_row { margin-bottom: 12px; }
.form_panel p.small { font-size: 1.2em; margin: 16px 0; }

.giving_left_column label { font-size: 1.2em; line-height: 1.3em; font-weight: bold; vertical-align: middle; }
.giving_right_column label { font-size: 1.2em; line-height: 1.3em; vertical-align: middle; }
.single_label { font-size: 1.2em; line-height: 1.3em; font-weight: bold; margin-left: 8px; color:#000000; }

.amount_column { width: 17%; float: left; display: inline; }
.label_amount { font-size: 1.2em; margin-top: 0; }
.amount_column_last { width: 49%; float: left; display: inline;}
*+html .amount_column_last { width: 40%; }
* html .amount_column_last { width: 40%;}
.amount_column_last input.input_amount { padding: 2px 2px 2px 16px; width: 45%; font-size: 1.2em; margin-left: 6px; }

.card_column { width: 23%; float: left; display: inline; }
.select_padding { padding-top: 6px; }

/* Input Selector Styles
--------------------------------------------------------------------------------------- */

.form_panel input, .verification input, .coupon_box input { font-size: 2em; }
.normal_input { width: 90%; padding: 6px 8px; border: 1px solid #cadeee;}
.short input.normal_input { width: 87%; }
.zip { width: 23%; padding: 5px 8px; border: 1px solid #cadeee;}
.comments { width: 90%; padding: 5px 8px; border: 1px solid #cadeee;}
.checkbox { border: 1px solid #cadeee; margin-right: 10px; }
input.input_amount { background: transparent url(../images/ministrygive/icon_dollar.gif) 2% 50% no-repeat; padding-left: 18px; width: 30%; }
.short input.input_amount { background: transparent url(../images/ministrygive/icon_dollar.gif) 2% 50% no-repeat; padding-left: 18px; width: 30%; }
.bank { width:70%; }

select { padding: 4px 4px 4px 8px; border: 1px solid #cadeee; font-size: 1.6em; }
select option { padding-right: 16px;}
.drop_down { padding: 5px 5px 5px 10px; border: 4px solid #044a77; }
select.year_select { padding: 1px; font-size: 1em; letter-spacing: 0; }
select.country { font-size: 1.6em;}
input.btn_submit { width: 27%; border: 1px solid #3d8a39; background: #4ea34a; padding: 7px 0; text-align: center; color: #fff; font-size: 1.4em; }
.btn_submit_image { margin-top: 20px; }

.coupon_box { width: 100%; text-align: center; clear: both; border-top: 4px solid #cadeee; padding: 12px 0; background: #f9f9f9; }
.coupon_box p { color: #777777; font-weight: bold; font-size: 1.2em; margin: 0; }

/* Error
--------------------------------------------------------------------------------------- */

.error_panel { width: 90%; background: red; color: #ffffff; overflow: hidden; padding: 0 5%; }
.error label { color:red; }
.error .normal_input { width: 90%; padding: 3px 5px; border: 4px solid red; background: #fff0f0;}
.error .zip { width: 23%; padding: 3px 5px; border: 4px solid red; background: #fff0f0;}
.error .comments { width: 90%; padding: 3px 5px; border: 4px solid red; background: #fff0f0;}

.submit_row { margin: 24px 0 0 0; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	/* zoom: 1; */
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px "Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #2998f0; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
.text-left { width: 630px; clear: left; padding: 0px; float: left; text-align: left; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; font-size: 1.3em;}
.text-left-text { font-size: 10px;
	}
}
.text-left h1 { font-size: 30px; color: #5b5b5b;}
.text-left1 { width: 300px; clear: left; padding: 0px; float: left; text-align: left;}
.text-right { width: 300px; clear: none; padding: 0px; margin: 0px; float:left; text-align: left;}
.text-left-in { width: 630px; clear: right; padding: 0px; float: left; text-align: left; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; font-size: 10px;}
.text-left-in1 { width: 620px; clear: right; padding: 5px; float: left; text-align: left; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; font-size: 1em; background-color: #F8F8F8;}
.text-left-in h1 { font-size: 30px; color: #5b5b5b;}
.text-left1-in { width: 300px; clear: left; padding: 0px; float: left; text-align: left;}
.text-right-in { width: 300px; clear: none; padding: 0px; margin: 0px; float:left; text-align: left;}
.heading-inside { width: 610px; clear: none; padding:10px; margin: 0px; float: left; text-align: left; height: 30px; font-size:24px bold; background: url('../images/inside-hd.png'); }
.heading-inside h1 { font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-size:20px; font-weight: bold; line-height: 30px; color: #002c7b; letter-spacing: -1px;}
.inside-text-block { width: 630px; clear: none; padding:0px; margin: 0px; margin-top: 20px; float: left; text-align: left; font-size:24px bold; }
.text-blank { width: 30px; clear: none; float: left; position: relative;}
.text-left-border { width: 610px; clear: right; padding: 10px; float: left; text-align: left; font-size: 1.3em; border: 1px solid #d1d6d9; line-height: 1.3; background: url(../images/home-left-text-bg.png) repeat-X bottom left; }
.text-left-border table, .text-left-border tr, .text-left-border td { border: 0px; padding: 5px; vertical-align: top;}
.text-left-border img { margin: 0 10px 0 0; float: left; vertical-align: top;}
.text-left-border select, .text-left-border input { font-size: 1.1em; font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;}
.links {
	margin: 0px auto;
	width: 960px;
	height: 49px;
	line-height: 36px;
	text-align: center;
}
.links ul {
	text-align: center;
}
.brochure-container {width: 630px; margin: 0px auto; padding: 0px; clear: none;}
.brochure-block { width: 210px; margin: 0px auto; padding: 0px; float:left;}
.brochure-empty { width: 45px; display: block; clear:none; float: left; height: 220px;}
IMG.cent { display:block; margin-left: auto; margin-right: auto; border: none; clear:none; text-align:center; }

.title-text { font-size:1.4em; font-weight:bold; color: #fff; font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", Geneva, Verdana, sans-serif; display:block; margin:0px; padding-bottom:10px;}