/*
Theme Name: DVD to IPOD
Version: 0.1 english
*/




/* 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 { 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;}
caption, th, td { 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% Arial, Helvetica, Verdana, sans-serif; color: #777777; height: 100%;}

h1, h2, h3, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #666666; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
h3.all_caps { font-size:1.2em; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing: .2em; color: #2997ef; margin-top: 4px; }

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


/* 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: Helvetica, Arial, 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/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/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/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/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/btn_top.gif) top left no-repeat;float: right; }
.btn_top:hover { background-position: top right;}

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

.container { width:100%; margin: 0 auto; background: transparent url(images/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(images/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: 880px; margin: 0 auto; padding: 40px 40px 40px 40px; color: #ffffff; overflow: hidden; background: #172030; }

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(images/bg_prices.jpg) 0 140px no-repeat;}

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

.header h1 { float: left; display: inline; margin: 20px 0 0 18px; }
.header h1 a { display: block; width: 330px; height: 53px; text-indent: -9999px; background: transparent url(images/logo.gif) top left no-repeat; }
.header span { float: left; display: inline; margin: 20px 0 0 18px; }
.header span a { display: block; width: 330px; height: 53px; text-indent: -9999px; background: transparent url(images/logo.gif) top left no-repeat; }
.login { float:right; display:inline; width: 374px; height: 44px; padding: 8px 14px 8px 112px; background: transparent url(images/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(images/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; background: #00171e; height: 305px; width:960px; background: #0a2539 url(images/bg_rotator.jpg) top left no-repeat;}
.rotator { height: 305px; width: 960px; position: absolute; top:0; left: 0; z-index: 1; }

.divRotator { width: 880px; height: 380px; padding: 0 40px 0 40px; overflow: hidden; }
.divRotator_left { float: right; display: inline; width: 460px; margin-top: 20px; }
.divRotator_right { float: right; display: inline; width: 426px; margin-top: 20px; }

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

.rotator_points { margin: 20px 0 22px 0; padding: 0; }
.rotator_points li { list-style: none; margin-left: 14px; padding:5px 0 5px 29px; font-size: 1.4em; color: #ffffff; margin-bottom: 5px;background:transparent url(images/soft_ico.gif) no-repeat scroll left 6px;}

.rotator_options { margin: 0; padding: 0; }
.rotator_options li { float: left; display: inline; margin-right: 8px; }
.btn_rotator_take_tour { display:block; width: 129px; height: 37px; text-indent: -9999px; background: transparent url(images/btn_rotator_take_tour.gif) top left no-repeat; }
.btn_rotator_take_tour: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;}
#divPlans a.btn_rotator_sign_up:hover {
background-position:0 -58px;
}

#divPlans a.btn_rotator_sign_up {
background:url(images/intro-btn.png) no-repeat top left;width:400px;height:58px;display:block;overflow:hidden;text-indent:-999em;margin-top:10px;
}
.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: 60px; overflow: hidden; position: absolute; bottom:0; left: 0; z-index: 2; }
.rotator_nav li { float: left; display: inline; }
.rotator_nav li a { display: block; width:240px; height: 60px; text-indent:-9999px; background: transparent url(images/bg_rotator_nav.jpg) 0 0 no-repeat; }

.rotator_nav li.btn_plans a { background-position: 0 0;}
.rotator_nav li.btn_plans a:hover { background-position: 0 -60px; }
.rotator_nav li.btn_plans a.activeSlide { background-position: 0 -120px; }
.rotator_nav li.btn_plans a.activeSlide:hover { background-position: 0 -120px;  }

.rotator_nav li.btn_songs a { background-position: -240px 0;}
.rotator_nav li.btn_songs a:hover { background-position: -240px -60px; }
.rotator_nav li.btn_songs a.activeSlide { background-position: -240px -120px; }
.rotator_nav li.btn_songs a.activeSlide:hover { background-position: -240px -120px;  }

.rotator_nav li.btn_media a { background-position: -480px 0;}
.rotator_nav li.btn_media a:hover { background-position: -480px -60px; }
.rotator_nav li.btn_media a.activeSlide { background-position: -480px -120px; }
.rotator_nav li.btn_media a.activeSlide:hover { background-position: -480px -120px;  }

.rotator_nav li.btn_scheduling a { background-position: -720px 0;}
.rotator_nav li.btn_scheduling a:hover { background-position: -720px -60px; }
.rotator_nav li.btn_scheduling a.activeSlide { background-position: -720px -120px; }
.rotator_nav li.btn_scheduling a.activeSlide:hover { background-position: -720px -120px;  }


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

.home_content_top { width: 880px; padding: 44px 40px; background: transparent url(images/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(images/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(images/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(images/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;padding-top:20px; }
.home_testimonies_bottom h4 span { font-size: .8em; font-weight: normal; font-style: italic; line-height: 1.5em; }
.home_testimonies_bottom img {
border:1px solid #808080;
float:left;
height:50px;
margin:5px 10px 0 0;
position:relative;
width:50px;
}
.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;margin-bottom:10px; }
.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(images/bg_tour_sign_up.jpg) 0 0 no-repeat; height: 69px; margin-top: 16px; 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/title_about_planning_center.gif) 0 0 no-repeat; }
.awards{ width: 337px; height: 27px; text-indent: -9999px; background: transparent url(images/awards.gif) 0 0 no-repeat; }
.title_show_your_support { width: 290px; height: 27px; text-indent: -9999px; background: transparent url(images/main-functions.gif) 0 0 no-repeat; }
.title_Key_Features { width: 290px; height: 27px; text-indent: -9999px; background: transparent url(images/Key-Features.gif) 0 0 no-repeat; }
.title_features { width: 125px; height: 27px; text-indent: -9999px; background: transparent url(images/title_features.gif) 0 0 no-repeat; }
.title_Screenshots{ width: 290px; height: 27px; text-indent: -9999px; background: transparent url(images/Software-Screenshots.gif) 0 0 no-repeat; }
.title_System_Requirements{ width: 290px; height: 27px; text-indent: -9999px; background: transparent url(images/System-Requirements.gif) 0 0 no-repeat; }
.title_References{ width: 290px; height: 27px; text-indent: -9999px; background: transparent url(images/References.gif) 0 0 no-repeat; }
.title_download{ width: 290px; height: 27px; text-indent: -9999px; background: transparent url(images/download.gif) 0 0 no-repeat; }
.title_comments{ width: 290px; height: 27px; text-indent: -9999px; background: transparent url(images/User-Comments.gif) 0 0 no-repeat; }
.title_usermanual{width: 290px; height: 27px; text-indent: -9999px; background: transparent url(images/User-Manual.gif) 0 0 no-repeat;}

.title_testimonials { width: 183px; height: 27px; text-indent: -9999px; background: transparent url(images/title_testimonials.gif) 0 0 no-repeat; }
.title_video_tutorials { width: 221px; height: 27px; text-indent: -9999px; background: transparent url(images/title_video_tutorials.gif) 0 0 no-repeat; }
.title_faq { width: 64px; height: 27px; text-indent: -9999px; background: transparent url(images/title_faq.gif) 0 0 no-repeat; }
.title_faq_long { width: 414px; height: 27px; text-indent: -9999px; background: transparent url(images/title_faq_long.gif) 0 0 no-repeat; }
.title_pricing { width: 97px; height: 27px; text-indent: -9999px; background: transparent url(images/title_pricing.gif) 0 0 no-repeat; }
.title_sign_up { width: 112px; height: 27px; text-indent: -9999px; background: transparent url(images/title_sign_up.gif) 0 0 no-repeat; }
.title_free { width: 395px; height: 21px; text-indent: -9999px; background: transparent url(images/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/title_privacy_policy.gif) 0 0 no-repeat; }
.title_terms_of_use { width: 194px; height: 27px; text-indent: -9999px; background: transparent url(images/title_terms_of_use.gif) 0 0 no-repeat; }

.system {background:url(images/table_top02.gif) no-repeat top; padding-top:6px; margin:15px 0 20px 0;width:659px;}
.wrap { width:659px; float:left; background:url(images/table_bottom.gif) no-repeat bottom; padding-bottom:3px; }
.show_support table {
border-left:1px solid #B6B6B6;
border-right:1px solid #B6B6B6;
}
.show_support .c_left { font-size:12px; font-weight:bold; border-right:1px solid #b6b6b6; vertical-align:top; width:100px; }
.show_support .no_line { border-top:none; }
.show_support td { /*background:#f7f7f7;*/ border-top:1px solid #b6b6b6; font-family:arial; font-size:11px; color:#333; line-height:20px; padding:5px 10px; }


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

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

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

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

.main_content h1, .full h1 { 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: Helvetica, Arial, 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: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.4em; }
.video_testimony_left p.testimony_name { font-size: 1.2em; font-family: Arial; 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(images/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: Helvetica, Arial, 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(images/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(images/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/arrows/arrow_white.gif) 0 50% no-repeat; border-bottom: 1px solid #e8e8e8; font-family: "Helvetica Neue", Helvetica, Arial; 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 0; 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: "Helvetica Neue", Helvetica, Arial; 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/icon_overview.gif) 0 50% no-repeat; }
#icon_plans { background: transparent url(images/icon_plans.gif) 0 50% no-repeat; }
#icon_songs { background: transparent url(images/icon_songs.gif) 0 50% no-repeat; }
#icon_media { background: transparent url(images/icon_media.gif) 0 50% no-repeat; }
#icon_scheduling { background: transparent url(images/icon_scheduling.gif) 0 50% no-repeat; }
#icon_people { background: transparent url(images/icon_people.gif) 1px 50% no-repeat; }
#icon_live { background: transparent url(images/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 Video Layout
--------------------------------------------------------------------------------------- */

body.general_video_1 #general_video_1,
body.general_video_2 #general_video_2,
body.general_video_3 #general_video_3,
body.general_video_4 #general_video_4,
body.general_video_5 #general_video_5,
body.general_video_5 #general_video_6,
body.general_video_5 #general_video_7,
body.general_video_5 #general_video_8,
body.general_video_5 #general_video_9,

body.plans_video_1 #plans_video_1,
body.plans_video_2 #plans_video_2,
body.plans_video_3 #plans_video_3,
body.plans_video_4 #plans_video_4,
body.plans_video_5 #plans_video_5,
body.plans_video_5 #plans_video_6,
body.plans_video_5 #plans_video_7,
body.plans_video_5 #plans_video_8,
body.plans_video_5 #plans_video_9,

body.songs_video_1 #songs_video_1,
body.songs_video_2 #songs_video_2,
body.songs_video_3 #songs_video_3,
body.songs_video_4 #songs_video_4,
body.songs_video_5 #songs_video_5,
body.songs_video_5 #songs_video_6,
body.songs_video_5 #songs_video_7,
body.songs_video_5 #songs_video_8,
body.songs_video_5 #songs_video_9,

body.media_video_1 #media_video_1,
body.media_video_2 #media_video_2,
body.media_video_3 #media_video_3,
body.media_video_4 #media_video_4,
body.media_video_5 #media_video_5,
body.media_video_5 #media_video_6,
body.media_video_5 #media_video_7,
body.media_video_5 #media_video_8,
body.media_video_5 #media_video_9,

body.scheduling_video_1 #scheduling_video_1,
body.scheduling_video_2 #scheduling_video_2,
body.scheduling_video_3 #scheduling_video_3,
body.scheduling_video_4 #scheduling_video_4,
body.scheduling_video_5 #scheduling_video_5,
body.scheduling_video_5 #scheduling_video_6,
body.scheduling_video_5 #scheduling_video_7,
body.scheduling_video_5 #scheduling_video_8,
body.scheduling_video_5 #scheduling_video_9 { color: #333333; background: #ffffff; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; padding-top: 12px; padding-bottom: 12px;}


.sidebar ul.checklist { margin: 24px 0; }
.sidebar ul.checklist li { padding-left: 28px; background: transparent url(images/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,.references,.download,.user_comments,.user-manual{ width: 880px; padding: 44px 40px 40px 40px; margin: 0 auto; background: #f5f5f5 url(images/bg_show_support.jpg) 0 0 no-repeat; overflow: hidden; }
.references,.download {color:#282828;line-height:1.7em;font-size:13px;font-family:Verdana,Arial,'Helvetica',sans-serif;}
.references th {background:#E7E8EC none repeat scroll 0 0;font-size:12px;font-weight:bold;}

.show_support_left { float: left; display: inline; width: 610px; padding-right: 10px; background: transparent url(images/bg_show_support_divider.jpg) right top no-repeat; }
.show_support_right { float: right; display: inline; width: 260px; }
.show_p {font-size:1.2em;line-height:1.4em;margin:12px 0;}
.show_support strong { color: #000000; margin: 30px 0; background: #fff4c9; padding: 6px 2%; width: 96%; border-bottom: 1px solid #e5d6a2;color:#363D4B;font-size:2em;
font-weight:400;}
.show_support p {color:#282828;line-height:1.7em;font-size:13px;font-family:Verdana,Arial,'Helvetica',sans-serif;}
.show_support_networks { width: 100%; overflow: hidden;}
.show_support_networks_left { float: left; display: inline; width: 284px; padding-right: 10px; border-right: 1px solid #cccccc; }
.show_support_networks_right { float: right; display: inline; width: 270px; position: relative;border-right: 1px solid #cccccc; }

.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/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/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/btn_show_support.jpg) -217px 0 no-repeat; }
.btn_follow:hover { background-position: -217px -18px; }

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

.up_top { 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/icon_twitter.gif) 0 0 no-repeat; }
.icon_facebook { background: transparent url(images/icon_facebook.gif) 0 0 no-repeat; }
.icon_vimeo { background: transparent url(images/icon_vimeo.gif) 0 0 no-repeat; }

.design { width: 880px; height:78px; padding: 0 40px; background: transparent url(images/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/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;}

/* Verification
--------------------------------------------------------------------------------------- */

.verification { clear: both; overflow: hidden; width: 100%; border-top: 4px solid #cadeee; padding: 30px 0 0 0; }
.verification h4 { font-size: 1.8em; margin-bottom: 10px; }
.ver_left_panel { float: left; display: inline; width: 49%; }
.ver_right_panel { float: right; display: inline; width: 47%; border-left: 2px solid #cadeee; padding-left: 24px;}
.ver_right_panel p { font-size: 1.1em; line-height: 1.3em; margin-bottom: 0; }
.confirmation_note { width: 91%; padding:0 4%; text-align: center; border:1px solid #aeca61; background: #e6f7b8 url(../images/icon_check_confirm_small.gif) 2% 50% no-repeat; margin: 20px 0 12px 0; }
#content .confirmation_note p { color: #48802f; margin: 6px 0; line-height: 1.3em; }


/* Sub Form
--------------------------------------------------------------------------------------- */

.sub_form_row { width: 100%; overflow: hidden; margin-bottom: 3px; }
.sub_left_column { float: left; display: inline; width: 36%; text-align: left; padding-top: 6px;}
.sub_right_column { float: right; display: inline; width: 60%;}
.designation { width: 33%; }

.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 Verdana, Helvetica, 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;	
}




#email,#author,#url,#comment{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	border: 1px inset #666;
	padding: 2px;
	font-size: 1em;
}
#comment {
  width: 99%;
}
#email:focus,#author:focus,#url:focus,#comment:focus{
	border: 2px inset #666;
	padding: 1px;
	background: #FFC;

}
#submit {
height:32px;
width:85px;
}
.alignright {float: right;}
.alignleft {float: left;}