/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */

// Place all the styles related to the downloads controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/




body.download div#content { margin:0; position:relative; }
body.download div#content div#head { background: transparent url(bg_appdownload_chinese.jpg) left top no-repeat; min-height:700px; padding:60px 0 0 350px; width:610px; }

body.download div.downloadbox { background: transparent url(bg_appdownload_box_bot.png) left bottom no-repeat; width:250px; height:220px; padding-bottom:20px; text-align:center; float:left; margin-right:30px; }
body.download div.downloadbox h3 { background: transparent url(bg_appdownload_box_top.png) left top no-repeat; color:#fff; font-size:180%; position:relative; top:-20px; padding:8px 0; }
body.download div.downloadbox h4 { font-size:150%; margin:0; }
body.download div.downloadbox p { margin:0; padding:0 20px; width:210px; }
body.download div.downloadbox p.button { margin:1em 0 0 0; }
body.download div.downloadbox p.button a { display:block; padding:0; margin:0; height:79px; }

body.download div#content { position:relative; }
body.download div#content div#upgradenote { text-align:left; width:524px; height:250px;margin:0; padding:95px 30px 35px 30px; position:absolute; top:445px; left:325px;  background: transparent url(bg_upgrade_bubble.png) center top no-repeat;}
body.download div#content div#upgradenote h2 { font-size:150%; margin-left:40px; }
body.download div#content div#upgradenote ul { font-size:120%; margin:1em 2em 0 40px; list-style:none; }
body.download div#content div#upgradenote ul li { margin-bottom:.5em; background: transparent url(ico_checkmark_black2.png) left 4px no-repeat; padding-left:30px; }




body.downloads h1 { color:#4c4c4c; text-align:left; margin-left:30px; margin-top:30px; line-height:110%; }

body.downloads table.downloads-table-headers { width:100%; }
body.downloads table.downloads-table-headers td.wide { width:64%; }
body.downloads table.downloads-table-headers td.on-the-right1 { width:16%; }
body.downloads table.downloads-table-headers td.on-the-right2 { width:20%; }


body.downloads table.downloads-table { width:880px; clear: both; border-collapse:collapse; margin-left:80px; margin-bottom:120px;}
body.downloads table.downloads-table tr:nth-child(odd) {
    background-color: #e2e2cc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#edede1), to(#e2e2cc));
  	background-image: -webkit-linear-gradient(top, #edede1, #e2e2cc);
  	background-image:    -moz-linear-gradient(top, #edede1, #e2e2cc);
  	background-image:      -o-linear-gradient(top, #edede1, #e2e2cc);
  	background-image:         linear-gradient(to bottom, #edede1, #e2e2cc);

}


body.downloads table.downloads-table td { padding:16px; }
body.downloads table.downloads-table td.app-icon {  border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding-left:24px;}
body.downloads table.downloads-table td.app-label { text-align:left; color:#4c4c4c; font-size:180%; }
body.downloads table.downloads-table td.free-label { width:150px; text-align:right; color:#76695a; font-size:130%; }
body.downloads table.downloads-table td.download-on-app-store { width:120px; text-align:left; }
body.downloads table.downloads-table td.download-on-google-play { width:150px; text-align:left; }

html, body, form, fieldset { margin: 0; padding: 0; border: none; -webkit-text-size-adjust:none; }
h1, h2, h3, h4, h5, h6, ul, ol, dl { margin: .5em 0 0 0; padding: 0; }
p { margin: 0 0 1em; padding: 0; }
a:link,
a:visited { text-decoration:none; color:#3a4371; }
a:hover, 
a:active, 
a:focus { text-decoration:underline; color:#3a4371; }
a img { border:none; text-decoration:none; }

body { font:14px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; line-height: 1.5; color:#333; background: #ace3f8 url(bg.jpg) left top repeat-x; text-align:center; width:100%; }
h1 { font-size:250%; color:#000; margin-bottom:1em; }
h2 { font-size:200%; font-weight:normal; }
div#container { margin:0 auto;  width:960px; }
div#logotype { width:188px; float:left; }

div#utilnav { float:right; width:486px; height:41px; margin-top:33px; }
div#utilnav ul { float:left; width:486px; height:41px; list-style: none; margin:0; }
div#utilnav ul li { display:block; float:left; margin:0; padding:0; text-align:center;  }
div#utilnav ul li#home a { width:86px; height:31px; padding-top:10px; display:block; float:left; background: transparent url(but_tpnv_home_off.png) left top no-repeat; text-indent:-9999px; }
div#utilnav ul li#downloads a { width:142px; height:31px; padding-top:10px; display:block; float:left; background: transparent url(but_tpnv_downloads_off.png) left top no-repeat; }
div#utilnav ul li#phrasebooks a { width:142px; height:31px; padding-top:10px; display:block; float:left; background: transparent url(but_tpnv_phrasebooks_off.png) left top no-repeat; }
div#utilnav ul li#support a { width:116px; height:31px; padding-top:10px; display:block; float:left; background: transparent url(but_tpnv_support_off.png) left top no-repeat; }
div#utilnav ul li#home a.current  { background: transparent url(but_tpnv_home_on.png) left top no-repeat; color:#fff; }
div#utilnav ul li#downloads a.current { background: transparent url(but_tpnv_downloads_on.png) left top no-repeat; color:#fff; }
div#utilnav ul li#phrasebooks a.current { background: transparent url(but_tpnv_phrasebooks_on.png) left top no-repeat; color:#fff; }
div#utilnav ul li#support a.current { background: transparent url(but_tpnv_support_on.png) left top no-repeat; color:#fff; }
div#utilnav ul li a:link, 
div#utilnav ul li a:visited, 
div#utilnav ul li a:hover, 
div#utilnav ul li a:active, 
div#utilnav ul li a:focus { font-weight:bold; color:#000; text-decoration:none; }

div#content { width:960px; float:left; background:white; border-radius:16px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); margin:28px 0 0 0; }



div#content div#features { float:left; width:950px; margin:30px 5px;  }

div#content div#foot { background:transparent; width:960px; min-height:43px; text-align:left; margin-bottom:-1px; }
div#footer { width:960px; margin: 0 auto; float:left; height:80px; }
div#footer div#copyright { float:left;  color:#567f8f; text-align:left; margin:10px 0 0 0; font-size:110%; }
div#footer div#copyright ul { list-style: none; }
div#footer div#copyright ul li { display:block; width:auto; float:left; margin: 0; padding: 0; }
div#footer div#copyright ul li a { color:#567f8f; padding-left:15px; margin-left:15px; border-left:1px solid #a3cdf6; }
div#localization { float:right; vertical-align:middle; padding:10px;}
div#localization img { vertical-align:middle;}




#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:420px; width:680px; color:#bbb; background-color:#eee; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a.modalCloseImg {background:url(btn_close.png) no-repeat; width:42px; height:42px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

table.choose-language-table { width:100%; }
table.choose-language-table td { text-align:left; vertical-align:middle; font-size:150%; padding:10px; color:#3a4371; }
table.choose-language-table td a { vertical-align:middle; }
table.choose-language-table img { vertical-align:middle; }
table.choose-language-table td.less-wide { width: 30% }
table.choose-language-table td.more-wide { width: 40% }
div#change-language-title { text-align:left; margin-bottom:30px; font-size:180%; color:#4c4c4c; }
/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
// Place all the styles related to the phrasebook controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

body.phrasebooks {} 

body.phrasebooks h1 { color:#4c4c4c; text-align:left; margin-left:30px; margin-top:30px;  line-height:110%; }


body.phrasebooks div#description { color:#4c4c4c; font-size:12pt; text-align:left; margin-left:30px; margin-bottom:40px; width:60%; line-height:140%; }
body.phrasebooks div#leftcolumn { float:left; width:40%; padding-left:6%; margin-bottom: 100px; }
body.phrasebooks div#rightcolumn { float:right; width:40%; padding-right:6%; margin-bottom: 100px;  }
body.phrasebooks h2 { color:#4c4c4c;  border-radius: 12px; padding:10px; margin-bottom:10px; font-size:140%;
	background-color: #e2e2cc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#edede1), to(#e2e2cc));
  	background-image: -webkit-linear-gradient(top, #edede1, #e2e2cc);
  	background-image:    -moz-linear-gradient(top, #edede1, #e2e2cc);
  	background-image:      -o-linear-gradient(top, #edede1, #e2e2cc);
  	background-image:         linear-gradient(to bottom, #edede1, #e2e2cc);
}

body.phrasebooks table.phrasebooks { margin-left:30px; margin-right:30px; margin-bottom:80px;}
body.phrasebooks table.phrasebooks td { text-align:left; }
body.phrasebooks table.phrasebooks a { margin-left:15px; font-size:140%; }



body.phrasebook div#title_area { margin-left:30px; margin-top:20px; margin-right:50px; margin-bottom:10px;}
body.phrasebook div#hero { float:left; margin-right:20px; }
body.phrasebook h1 { text-align:left; font-size:320%; color:#4c4c4c; margin:0px; padding:0px; }
body.phrasebook h2 { text-align:left;  font-size:230%; color:#76695a; margin:0px; padding:0px; }
body.phrasebook div.appbox { float:right; width:420px; background-color:#444; margin-bottom:20px; border-top-left-radius:16px; border-bottom-left-radius:16px; padding:10px; }
body.phrasebook div.appbox div.imgbox {float:right; margin-left:10px;}
body.phrasebook div.appbox div.description { color:white; margin-top:8px; margin-left: 20px; margin-bottom: 30px; font-size:120%; text-align: left;}




body.phrasebook table.nemocards { clear: both; border-collapse:collapse;  margin-left:60px; margin-bottom:20px; }
body.phrasebook table.nemocards tr:nth-child(odd) {
    background-color: #e2e2cc;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#edede1), to(#e2e2cc));
  	background-image: -webkit-linear-gradient(top, #edede1, #e2e2cc);
  	background-image:    -moz-linear-gradient(top, #edede1, #e2e2cc);
  	background-image:      -o-linear-gradient(top, #edede1, #e2e2cc);
  	background-image:         linear-gradient(to bottom, #edede1, #e2e2cc);

}
body.phrasebook table.nemocards td { padding:24px; }
body.phrasebook table.nemocards td.audio-column {  border-top-left-radius: 44px; border-bottom-left-radius: 44px; padding-left: 30px}
body.phrasebook table.nemocards td.scripts-column {  width:100%; margin-right: 20px; }
body.phrasebook table.nemocards div.target1 { text-align:left; font-size:180%; color:#4c4c4c; }
body.phrasebook table.nemocards div.target2 { text-align:left; font-size:150%; color:#3a4371; }
body.phrasebook table.nemocards div.translation { text-align:left;  font-size:130%; color:#76695a; }


body.phrasebook div#language_description { padding: 0px 280px 80px 280px; color:#999; background-color:transparent;}
body.phrasebook td.regionslanguages { width:20%; vertical-align:top; }






body.appprivacy { font:28px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; line-height: 1.5; color:#333; background: #ace3f8 url(bg.jpg) left top repeat-x; text-align:left; width:100%; }
body.appprivacy div#content { float:left; background:white; border-radius:16px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); margin:32px; padding: 32px;}
   35  

body.appprivacy h1 { font-size:200%; color:#000; margin-bottom:1em; }
body.appprivacy h2 { font-size:150%; font-weight:normal; }

body.home div#head { background: transparent url(bg_prime_hdr2.png) left top no-repeat; float:left; width:960px; min-height:232px; text-align:left; position:relative; margin-top:-1px;}
body.home div#head div#carousel { background: transparent url(bg_carousel.png) left top no-repeat; position:absolute; top:-20px; right:58px; z-index:100; width:230px; height:493px;  }
body.home div#head div#tagline { width:560px; margin:40px 40px 0 40px; float:left; }
body.home div#head div#tagline h1 { margin:0; }
body.home div#head div#tagline h2 { width:520px; font-size:180%}
body.home div#langselection { background: #cdcdcd url(bg_prime_lang.png) left top repeat-x; float:left; width:960px; margin:0 0px; min-height:175px;  }
body.home div#langselection h3 { background: transparent url(bg_prime_lang_long_hdr.png) left bottom no-repeat; margin:0 30px 15px 30px; padding:3px 0 0 30px; text-align:left; width:286px; height:36px; color:#fff; font-style:italic; font-size:140%; }
body.home div#langselection h3 a { color:#fff; font-style:italic; font-size:100%; text-decoration:none; }
body.home div#langselection ul { list-style: none; text-align:left; width:630px; font-weight:bold; font-size:130%; color:#000; margin:0 10px; }
body.home div#langselection ul li { display:block; float:left; margin: 0; padding: 0; width:80px; margin:0 23px; text-align:center; }
body.home div#langselection ul li.future { color:#a3a3a3; }
body.home div#langselection ul li.future img { float:left; }
body.home div#langselection ul li a { float:left; width:80px; height:80px; }

#flowpanes { width:615px; position:relative; overflow:hidden; height:1850px; float:right; margin-right:30px; text-align:left; z-index:103; }
#flowpanes div { display:none; }
#flowpanes div { float:left; display:block; width:615px; margin-right:100px;}
#flowpanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; }

#flowpanes div h2 { font-weight:bold; font-size:170%; margin:1.5em 0 1em 0; }
#flowpanes div#MostEssentialWords h2 { width:70%; }

#flowpanes div div.featurenav { border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; margin-top:3em; }
#flowpanes div div.featurenav .prev { font-weight:bold; display:block; float:left; width:100px; cursor: hand; cursor: pointer; }
#flowpanes div div.featurenav .next { font-weight:bold; display:block; float:right; width:100px; text-align:right; cursor: hand; cursor: pointer; }
#flowpanes div div.download { text-align:center; margin:1em 0; font-size:130%; }
#flowpanes div div.download a:link, 
#flowpanes div div.download a:visited, 
#flowpanes div div.download a:hover, 
#flowpanes div div.download a:active, 
#flowpanes div div.download a:focus { color:#06c; font-weight:bold; }

#flowpanes div h3 { clear:both; margin:2em 0 .5em 0; }
#flowpanes div div.illustration { display: block; width:258px; padding:2em 0 2em 0; }

#flowpanes div#PersonalizedLearning div.illustration { padding-bottom:0; }

#flowpanes div div.blurb { display: block; width:315px; padding-top:2em; }
#flowpanes div div.blurb h3 { margin:0 0 .5em 0; }
#flowpanes div div.left { float:left; margin:0; }
#flowpanes div div.right { float:right; margin:0; }
#flowpanes div div.center { float:none; width:100%; margin:0 auto; text-align:center; padding-top:1em; }

#flowpanes div ul.checklist { margin:0 0 1.5em .5em; list-style:none; }
#flowpanes div ul.checklist li { background: transparent url(ico_checkmark_black.png) left 4px no-repeat; padding-left:23px; margin-bottom:.5em; }

#flowpanes div ul#cardprompts { list-style:none; margin:1em 0; float:left; }
#flowpanes div ul#cardprompts li { display:block; float:left; width:104px; text-align:center; margin:0 23px; }

#flowpanes div div.langspecifics { background-color:#e1f5fd; padding:20px; margin:1em 0 0 0; float:left; width:575px; }
#flowpanes div div.langspecifics h4 { margin:0; }
#flowpanes div div.langspecifics p { margin:1em 0 0 0; }

#flowpanes div div.categorylist { width:230px; float:left; margin:1em 0 0 0; }
#flowpanes div div.categorylist h3 { margin:0 0 1em 0; min-height: 80px}
#flowpanes div div.categorylist ul { list-style:none; }
#flowpanes div div#foundation { border-left:1px solid #505050; padding-left:50px; margin-left:20px; }
#flowpanes div div.categorylist ul li { padding:10px 0 10px 35px; }
#flowpanes div div.categorylist ul li.tag_10_things { background: transparent url(tag_icons/tag_10_things.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_50_things { background: transparent url(tag_icons/tag_50_things.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_100_things { background: transparent url(tag_icons/tag_100_things.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_hello_goodbye { background: transparent url(tag_icons/tag_hello_goodbye.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_communication { background: transparent url(tag_icons/tag_communication.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_bubble3 { background: transparent url(tag_icons/tag_bubble3.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_bubble1 { background: transparent url(tag_icons/tag_bubble1.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_questions { background: transparent url(tag_icons/tag_questions.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_directions { background: transparent url(tag_icons/tag_directions.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_time { background: transparent url(tag_icons/tag_time.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_morephrases { background: transparent url(tag_icons/tag_morephrases.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_numbers { background: transparent url(tag_icons/tag_numbers.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_conversations { background: transparent url(tag_icons/tag_conversations.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_food { background: transparent url(tag_icons/tag_food.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_shopping { background: transparent url(tag_icons/tag_shopping.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_money { background: transparent url(tag_icons/tag_money.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_hotel { background: transparent url(tag_icons/tag_hotel.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_travel { background: transparent url(tag_icons/tag_travel.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_fun { background: transparent url(tag_icons/tag_fun.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_people { background: transparent url(tag_icons/tag_people.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_places { background: transparent url(tag_icons/tag_places.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_body { background: transparent url(tag_icons/tag_body.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_clothes { background: transparent url(tag_icons/tag_clothes.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_intouch { background: transparent url(tag_icons/tag_intouch.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_compliments { background: transparent url(tag_icons/tag_compliments.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_love { background: transparent url(tag_icons/tag_love.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_problems { background: transparent url(tag_icons/tag_problems.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_colors { background: transparent url(tag_icons/tag_colors.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_weather { background: transparent url(tag_icons/tag_weather.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_world { background: transparent url(tag_icons/tag_world.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_pronouns { background: transparent url(tag_icons/tag_pronouns.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_book { background: transparent url(tag_icons/tag_book.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_sentence_patterns { background: transparent url(tag_icons/tag_sentence_patterns.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_building_blocks { background: transparent url(tag_icons/tag_building_blocks.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_nouns { background: transparent url(tag_icons/tag_nouns.png) left 4px no-repeat; }
#flowpanes div div.categorylist ul li.tag_verbs { background: transparent url(tag_icons/tag_verbs.png) left 4px no-repeat; } 

div#content div#features div#tabbar { width:241px; float:left; margin-left:22px; text-align:left; background: transparent url(bg_tabbar_bot.png) left bottom no-repeat; }
div#content div#features div#tabbar div#tabbar_title_bg { width:241px; height:56px; background: transparent url(bg_tabbar_hdr.png) left top no-repeat;  }
div#content div#features div#tabbar h3 { width:241px; height:56px; color:#000; font-size:130%; padding-left:20px; padding-top:12px; padding-bottom:0px; margin:0 }
div#content div#features div#tabbar ul { list-style: none; line-height:1.3em; float:left; width:241px; margin:0; }
div#content div#features div#tabbar ul li { background: transparent url(bg_tabbar_body_off.png) left center no-repeat; display:block; float:left; width:241px; }
div#content div#features div#tabbar ul li.current { background: transparent url(bg_tabbar_body_on.png) left center no-repeat; }
div#content div#features div#tabbar ul li a:link, 
div#content div#features div#tabbar ul li a:visited, 
div#content div#features div#tabbar ul li a:hover, 
div#content div#features div#tabbar ul li a:active, 
div#content div#features div#tabbar ul li a:focus { color:#ccc; text-decoration:none; font-size:90%; padding:20px 30px 20px 20px; float:left; width:180px; border-top:1px solid #707070; }
div#content div#features div#tabbar ul li a#last { border-bottom:1px solid #707070; }
div#content div#features div#tabbar ul li a strong { display:block; font-size:130%; font-weight:normal; color:#fff; margin-bottom:.25em; }
div#content div#features div#tabbar ul li.current a strong { color:#ace3f8; }


#slider { position:relative; width:195px; height:280px; left:19px; top:92px; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
.tooltip { display:none; background:transparent url(black_arrow.png);	height:55px; width:160px; padding:40px 25px 25px 25px; color:#fff; z-index:105;	font-size:150%;	font-weight:bold; }





body.support div#content { margin:0; text-align:left; }
body.support h1 { color:#4c4c4c; text-align:left; margin-left:0px; margin-right:40px; line-height:110%; }
body.support h2 { text-align:left; margin-left:0px; margin-right:40px; line-height:110%; }
body.support p { width:80%; font-size:180%; margin:1em 0; }

body.support div#content div#head { background: transparent url(bg_support.png) left top no-repeat; border-radius:20px; min-height:500px; padding:60px 0 0 350px; width:610px; }
body.support div#content div#head p { width:80%; font-size:180%; margin:1em 0; }
body.support div#support_button { height:78px; width:350px; position:relative; }
body.support div#support_button #image { position:absolute; left:0; top:0; }
body.support div#support_button #text { z-index:100; position:absolute; color:white; text-shadow: 2px 2px #1f7527; left:100px; top:-2px; }


body.releasenotes div#content { margin:0; }
body.releasenotes div#content div#head { background: transparent url(bg_content_top.png) left top no-repeat; min-height:245px; padding:35px; width:890px; }

body.aboutus div#content { margin:0; }
body.aboutus div#content div#head { background: transparent url(bg_content_top.png) left top no-repeat; min-height:245px; padding:35px; width:890px; }

body.privacy div#content { margin:0; }
body.privacy div#content div#head { background: transparent url(bg_content_top.png) left top no-repeat; text-align:left; min-height:245px; padding:40px 135px 80px 135px; width:690px; }
body.privacy div#content div#head h2 { padding-top: 50px; padding-bottom: 20px; font-size:150%}
body.privacy div#content div#head h3 { padding-top: 15px; padding-bottom: 20px; }
body.privacy div#content div#head ul { padding-left: 20px; }