html { overflow-y: scroll; }

small { font-size: 0.8333em; line-height: 0.9em; margin: 0 0 0.75em 0; }

body { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 13px; font-family: Helvetica, Arial, Sans-Serif; background-color: #FFF; }
body.development { border: 2px solid #3CAB09; }
body.staging { border: 2px solid #FD9B5B; }
body.anonymous #content { margin: 5px; }
body.anonymous #colophon { width: 930px; margin: 0px auto; }
body.anonymous #header div.fixed_nine_eighty { padding-left: 0; width: 980px; }

* html body { font-size: x-small; f\ont-size: small; }

html>body { line-height: 1.5em; }

p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.5em 0; }

h1 { font-size: 120%; margin: 0 0 5px 0; }

h2 { clear: both; font-size: 1.1667em; line-height: 1.286em; margin: 1.929em 0 0.643em 0; font-weight: normal; }

h3 { clear: both; font-size: 1em; line-height: 1.286em; margin: 0 0 0.643em 0; font-weight: bold; }

a { text-decoration: none; color: #0079AD; }
a:hover { text-decoration: underline; }
a#cogent_logo { display: block; background-image: url("/images/root/cogentLogo.gif"); width: 183px; height: 29px; margin: 0 40px 0 0; text-indent: -1000em; }

ul { margin: 0 0 1.5em 1.5em; list-style-type: disc; }
ul.promotional { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }
ul.promotional.login { margin-left: 440px; }
ul.promotional li { float: left; width: 180px; margin: 0 40px 0 0; padding: 0 0 2.0em 0; font-size: 1.0em; }
ul.promotional li.last { margin-right: 0px; padding-right: 0px; border: 0; }
ul.promotional li h2 { margin-top: 0px; font-size: 1.4em; }
ul.promotional div.thumbnail { width: 174px; height: 111px; margin-bottom: 10px; border: 2px #999999 solid; }

ol { margin: 0 0 1.5em 1.5em; list-style-type: decimal; }

.icon { display: block; float: left; text-indent: -1000em; height: 20px; width: 20px; margin-left: 0.25em; border: 0; }

.hidden { display: none; }

.account_page form.plain_form { width: auto; }
.account_page form.plain_form fieldset { display: block; padding: 8px; background: #EFEFEF; margin-bottom: 0.25em; }
.account_page form.plain_form fieldset.plain { background: #FFF; }
.account_page form.plain_form fieldset.plain label { width: auto; font-weight: normal; padding: 0 0 0 0.5em; }
.account_page form.plain_form input, .account_page form.plain_form span, .account_page form.plain_form select { float: left; }
.account_page form.plain_form label { float: left; width: 135px; }
.account_page form.plain_form input[type=text], .account_page form.plain_form input[type=password], .account_page form.plain_form select { width: 280px; }
.account_page form.plain_form input[type=text].lite, .account_page form.plain_form input[type=password].lite, .account_page form.plain_form select.lite { font-weight: normal; }
.account_page form.plain_form label.radio_label { margin-left: 0.5em; margin-top: -0.2em; width: 15em; }
.account_page form.plain_form .plan_radio { display: block; padding-top: 0.5em; padding-left: 2em; }
.account_page form.plain_form .plan_blurb { display: block; padding-left: 4em; }
.account_page form.plain_form .payment { display: inline; font-weight: bold; margin-left: 1em; }
.account_page form.plain_form .upgrade { display: inline; font-weight: bold; margin-left: 2em; }
.account_page .clearing { padding-top: 1em; }
.account_page .email, .account_page .twitter { width: 100%; padding: 15px 0 15px 60px; }
.account_page .email { background: url("../images/icon_email.jpg") no-repeat left center; }
.account_page .twitter { background: url("../images/icon_twitter.jpg") no-repeat left center; margin-left: -5px; padding-left: 65px; }

fieldset { position: relative; }
fieldset div.memo { background: url("../images/root/info.gif") 440px 2px no-repeat; width: auto; font-size: 0.9em; padding: 0.15em 50px 0 465px; color: #666; }

label { margin-right: 0.2em; }
label.hint { position: absolute; top: 0; left: 0; padding-left: 7px; padding-top: 7px; z-index: 1; color: #CCC; font-weight: normal; font-size: 1.5em; white-space: nowrap; width: 97%; overflow: hidden; height: 1.5em; }

input { font-family: Helvetica, Arial, Sans-Serif; margin: 0 0 0 0; padding: 0 0 0 0; background: #FFF; line-height: 1em; font-size: 1em; padding: 0.2em 0.2em 0.1em 0.2em; }
input[type="text"], input[type="password"] { border-style: inset; }
input:focus { outline: auto; outline-width: thick; outline-color: rgb(8, 128, 193); }
input[type=checkbox] { background: transparent; }

select { font-family: Helvetica, Arial, Sans-Serif; margin: 0 0 0 0; padding: 0 0 0 0; background: #FFF; line-height: 1em; font-size: 1em; padding: 0.2em 0.2em 0.1em 0.2em; }
select:focus { outline: auto; outline-width: thick; outline-color: rgb(8, 128, 193); }

textarea { font-family: Helvetica, Arial, Sans-Serif; margin: 0 0 0 0; padding: 0 0 0 0; background: #FFF; line-height: 1em; font-size: 1em; padding: 0.2em 0.2em 0.1em 0.2em; border-style: inset; }
textarea:focus { outline: auto; outline-width: thick; outline-color: rgb(8, 128, 193); }

button, .submit { cursor: pointer; font-size: 0.95em; line-height: 1em; margin-top: -5px; color: #FFF; float: left; display: block; text-align: center; padding: 4px 9px 4px 9px; background-color: #00A1DA; border: 2px #DADADA solid; margin-right: 10px; }
button.alt, .submit.alt { margin-top: 0; background-color: #E2E2E2; border: 2px #A6E3F8 solid; color: #2D2D2D; text-transform: uppercase; font-size: 1.2em; }
button:focus, .submit:focus { outline: auto; outline-width: thick; outline-color: rgb(8, 128, 193); }
button:hover, .submit:hover { text-decoration: underline; }
button.cancelOperation, .submit.cancelOperation { background-color: #AAA; }

#templates { display: none; }

#content { margin: 5px; padding-bottom: 1px; background-color: #eeeeee; }

#legals { font-size: 0.80em; color: #999; margin: 5px 0 20px 15px; }
#legals a { color: #666; border-left: 2px #CCC solid; margin-left: 3px; padding-left: 4px; }

#support { color: #999; float: right; padding: 0 15px 0 0; }
#support a { color: #0079AD; border-left: 2px #CCC solid; margin-left: 3px; padding-left: 6px; }
#support a.first { border: 0; }

#header { background-color: #004f96; color: #ffffff; padding: 5px 5px 5px 5px; height: 28px; }

#static_wrapper { padding: 0 0 5em 0; }
#static_wrapper h1 { font-size: 150%; font-weight: bold; }
#static_wrapper h2 { font-size: 120%; font-weight: bold; }
#static_wrapper h2.lite { font-weight: normal; }

.anonymous #header { height: 80px; }
.anonymous #logo { background-image: url("/images/root/landingLogo_beta.gif"); width: 260px; height: 53px; margin: 15px 0 10px 0px; }
.anonymous div.blue_section { background-color: #004f96; padding: 0px 0px 20px 0px; height: 100px; }
.anonymous div.blue_section h1 { font-weight: normal; font-size: 1.5em; line-height: 1.2em; letter-spacing: 0.025em; color: #FFF; }
.anonymous div.blue_section h1 strong { color: #FDCC60; }
.anonymous div.grey_section { border-top: 1px #FFF solid; padding: 20px 0px 0 0px; }
.anonymous div.fixed_nine_eighty { width: 910px; margin: 0px auto; padding-left: 50px; }
.anonymous #main_screen { float: left; position: relative; width: 412px; }
.anonymous #main_screen img { position: absolute; }
.anonymous #main_promo { float: left; margin: 0 0 0 445px; width: 415px; }
.anonymous #view_demo img { margin: 0 0 15px 0; }

#logo { display: block; float: left; margin-top: 2px; height: 28px; width: 135px; background: url("/images/Runway_beta_logo.gif") no-repeat top left; text-indent: -1000em; }
#logo.pro { width: 152px; background: url("/images/logoRunwayProSmall.jpg") no-repeat top left; }

li a#twitter { display: block; background-image: url("/images/root/twitterImg.gif"); width: 81px; height: 61px; margin: 10px 40px 0 0; text-indent: -10000em; }

.button { cursor: pointer; font-size: 0.95em; line-height: 1em; margin-top: -5px; color: #FFF; float: left; display: block; text-align: center; padding: 4px 9px 4px 9px; background-color: #00A1DA; border: 2px #DADADA solid; margin-right: 10px; }
.button.large { color: #333; background-color: #62E5FF; float: none; width: 141px; font-size: 1.4em; padding: 8px 18px 8px 18px; margin-bottom: 0; margin-top: -18px; }

.primary_nav { margin: 8px 8px 0 0; padding: 0; float: right; font-size: 1.0em; list-style-type: none; }
.primary_nav li { float: left; margin-right: 5px; padding-right: 6px; line-height: 0.85em; border-right: 2px #0079AD solid; }
.primary_nav li.last { margin-right: 0px; padding-right: 0px; border: 0; }
.primary_nav .user { color: #FFF; }
.primary_nav a { margin: 0 0 0 0; color: #A3DFFD; }

#new_login { line-height: 1.4em; display: block; background: #FFF; width: 169px; padding: 5px 0 5px 8px; margin: 0 0 8px 0; }
#new_login label { font-weight: normal; font-size: 0.85em; }
#new_login fieldset { width: 130px; float: left; font-weight: normal; }
#new_login fieldset.remember { clear: both; }
#new_login fieldset.remember button.complete { font-size: 0.85em; margin-right: 10px; padding: 2px 6px 2px 6px; }
#new_login input[type=text], #new_login input[type=password] { margin-bottom: 6px; width: 154px; }
#new_login button { line-height: 1em; border-color: #BBBBBB; background-color: #E2E2E2; color: #333333; width: 160px; margin: 6px 0; }

#new_action { width: 735px; margin: 15px auto -5px auto; padding: 5px 5px 2px 5px; background-color: #999; }
#new_action .extras { position: absolute; z-index: 999; padding: 5px; background-color: #999; margin-left: -5px; margin-top: -19px; }
#new_action .example { color: #eee; width: 700px; text-align: left; margin-left: 8px; font-weight: normal; }
#new_action fieldset { position: relative; }
#new_action button.complete { border: 0; float: right; background-image: url("/images/addActionButton.png"); padding: 0px; margin: -1px; width: 34px; height: 34px; }
#new_action input[name="aktion[shorthand]"] { float: left; width: 685px; font-size: 1.5em; }
#new_action input[name="aktion[project]"] { width: 685px; float: left; margin-bottom: 7px; font-size: 1.5em; }
#new_action textarea[name="aktion[notes]"] { width: 690px; background-color: #FFFFDD; margin-bottom: -3px; }

#flash { position: fixed; color: white; z-index: 5000; width: 376px; top: 20%; left: 50%; margin-left: -200px; }
#flash a { text-decoration: underline; }
#flash .message { padding: 20px; color: #111; font-size: 125%; }
#flash .title { padding: 0 0 0 0; margin: 0; font-weight: bold; }
#flash .body { padding: 20px 0 0 0; margin: 0; }
#flash .confirm { padding: 20px; text-align: center; }
#flash button.cancelOperation { background-color: #777; }

#main { position: relative; margin: 5px 5px 5px 5px; padding: 25px 5px 0 5px; background-color: #ffffff; border: 2px solid #D5D5D5; }
#main.for_actions { margin-top: 40px; }
#main.review .banner { background-color: rgb(211, 237, 204); }
#main.review .banner h1 { color: rgb(40, 157, 0); }
#main.review .banner h1.focusing_on { display: none; }
#main.review .banner h1.reviewing { display: inline; }
#main.review .banner button { background-color: rgb(40, 157, 0); }
#main.review #focus_when { display: block; }
#main.review #empty_review { display: block; }
#main.review #empty_review.hidden { display: none; }
#main.review .action a.review { display: -moz-inline-box; display: inline-block; }
#main.actions #focus_when { display: inline; }
#main.actions #clear_plan { visibility: visible; }
#main.actions .action .grip { display: block; }

#empty_review { display: none; }

#clear_plan { visibility: hidden; }

#focus_when { display: none; border-bottom: 1px solid #cccccc; }

#tips { position: relative; margin-top: 5px; margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 745px; height: 1.5em; color: #666; background: #FFF1A8; }
#tips form { position: absolute; right: 0; width: 40px; }
#tips .tip { position: absolute; left: 0; text-align: center; cursor: pointer; width: 700px; }
#tips a { text-decoration: underline; }
#tips code { font-size: 1.2em; line-height: 1em; }

#actions_outer_wrapper { clear: both; float: left; width: 100%; margin-right: -310px; }

#actions_wrapper { margin: 0 0 0 0; padding: 0 0 0 0; margin-right: 310px; margin-top: -10px; }

#focus { float: right; width: 300px; margin-top: -10px; }
#focus h2 { clear: both; font-size: 1.0em; font-weight: bold; color: #666; padding: 3px 0 3px 23px; margin: 11px 0 0 10px; }
#focus h2.focus_project { background: url("../images/iconProjectLarge.png") no-repeat left center; }
#focus h2.focus_context { border: 0; background: url("../images/iconContextLarge.jpg") no-repeat left center; }
#focus h2.focus_time { background: url("../images/iconTimeLarge.jpg") no-repeat left center; }
#focus h2.focus_energy { background: url("../images/iconEnergyLarge.jpg") no-repeat left center; }
#focus h2.focus_tags { background: url("../images/iconTagsLarge.jpg") no-repeat left center; }
#focus h2.focus_people { background: url("../images/iconPeopleLarge.png") no-repeat left center; }
#focus p { font-style: italic; color: #666666; margin: 0; padding-left: 10px; }
#focus strong { color: rgb(54, 114, 171); }
#focus ul { clear: both; padding: 5px 0 9px 10px; margin: 0 0 0 0; border-bottom: 1px solid #cccccc; list-style-type: none; }
#focus ul.when { width: 150px; margin: 0 auto; border: none; }
#focus ul.when li { background: none; }
#focus ul.when li a { border: 2px solid #CCC; }
#focus li { list-style-type: none; float: left; display: block; margin: 0 2px 0 0; background: url("/images/focus-separator.jpg") right center no-repeat; }
#focus li.last { background: none; }
#focus li strong { display: block; _padding: 5px 6px 5px 5px; _margin-top: 0px; }
#focus li a { display: block; padding: 0px 4px; margin-right: 4px; color: #656565; }
#focus li a:hover { text-decoration: none; text-decoration: underline; }
#focus li.selected a { color: #FFF; background-color: #004F96; }
#focus li.unavailable a { font-style: italic; }
#focus li.disabled a { color: #CCC; }
#focus li.disabled a:hover { background: none; cursor: default; }

#footer { clear: both; padding-bottom: 50px; }

.box { height: 250px; margin-top: 20px; padding: 5px 5px 15px 5px; color: rgb(0, 79, 150); background-color: rgb(228, 237, 244); }

.column { float: left; width: 350px; margin-right: 10px; }

.tall { height: 350px; }

#activity { position: fixed; right: 50%; top: 0px; color: #000; font-weight: bold; background: #FFF1A8; padding: 2px 0.5em 2px 0.5em; z-index: 900; }
#activity a { text-decoration: underline; }

#action-mode { display: block; float: right; }

#tabs { margin: -65px 0 0px 0; }

#folders { position: relative; list-style-type: none; margin: 0; margin-bottom: 0; height: 28px; padding-top: 12px; background: url("/images/skin/navBottomBorder.gif") repeat-x bottom left; }
#folders .left { float: left; }
#folders .right { float: right; }
#folders li { list-style-type: none; float: left; margin: -2px 0 0 0; padding: 0 5px 0px 0; line-height: 1.4em; }
#folders li a { background-color: #00A1DA; color: #FFF; font-size: 105%; float: left; display: block; position: relative; margin-top: 0; padding: 5px 15px 3px 15px; text-decoration: none; cursor: pointer; border: 2px solid #D6D6D6; border-bottom: 1px solid #BBB; }
#folders li a[rel=review] { background-color: rgb(40, 157, 0); }
#folders li a[rel=people] { background: url("/images/iconPeople.png") 50% 50% no-repeat; }
#folders li a[rel=done] { background: url("/images/iconDone.png") 50% 50% no-repeat; }
#folders li a[rel=deleted] { background: url("/images/iconDeleted.png") 50% 50% no-repeat; }
#folders li a[rel=print] { background: url("/images/iconPrint.png") 50% 50% no-repeat; }
#folders li.pro a { background-color: orange; }
#folders li.icon a { margin-top: 2px; width: 18px; padding: 3px 0px 3px 0px; }
#folders li.icon.selected a { padding: 3px 0px 5px 0px; }
#folders li.selected a { background-color: #FFF; color: #000; position: relative; z-index: 10; padding: 5px 15px 5px 15px; border-bottom: none; }

.banner { color: #1F4E93; position: relative; background-color: #EEEEEE; border-bottom: 1px solid #cccccc; padding: 10px 5px 0px 10px; margin-bottom: 5px; }
.banner h1 { float: left; color: #0079AD; }
.banner h1.focusing_on { display: inline; }
.banner h1.reviewing { display: none; }
.banner button { float: right; margin-right: 0; }

.clearing { clear: both; }

#actions_list { clear: both; margin-top: 5px; margin: 0 0 0 0; }
#actions_list li.action { list-style-type: none; clear: both; position: relative; margin: 0; border-top: 1px transparent solid; border-bottom: 1px #CCC solid; }

.action .above { display: none; }
.action .below { display: none; }
.action .grip { display: none; margin: 0; position: absolute; width: 29px; height: 100%; cursor: move; }
.action:hover .grip { background: url("/images/bgActionGrip.gif") no-repeat center; }
.action:hover .icons { display: block; }
.action:hover .timestamp { display: none; }
.action .body { position: relative; margin: 0.5em 5px 0.5em 25px; padding-left: 5px; }
.action .name { width: auto; display: inline; font-family: Helvetica, Arial, Sans-Serif; line-height: 1.286em; font-size: 130%; color: rgb(35, 49, 85); }
.action .name a { color: #000; text-decoration: underline; }
.action .attributes > * { font-size: 75%; padding: 2px 0.75em 2px 16px; color: #656565; width: auto; }
.action .attributes .people { background: url("/images/iconPeople.png") left center no-repeat; }
.action .attributes .contexts { background: url("/images/iconContext.jpg") left center no-repeat; }
.action .attributes .time { background: url("/images/iconTime.jpg") left center no-repeat; }
.action .attributes .energy { background: url("/images/iconEnergy.jpg") left center no-repeat; }
.action .attributes .tags { background: url("/images/iconTags.jpg") left center no-repeat; }
.action .attributes .project { padding: 3px 10px 3px 22px; color: #1F4E93; border: 2px #E5E5E5 solid; background: #ED9D3C url("/images/iconProject.png") 5px center no-repeat; }
.action .attributes .shorthand, .action .attributes .when { display: none; }
.action .attributes .notes { font-size: 0.85em; color: #969696; font-style: italic; overflow: hidden; white-space: nowrap; height: 1.5em; padding-left: 0; }
.action.selected { background-color: rgb(0, 79, 150); }
.action.selected:hover .grip { background: url("/images/bgActionGrip_selected.gif") no-repeat center; }
.action.selected .attributes * { color: #FFF; }
.action.selected .attributes .people { background: url("/images/iconPeople_selected.png") left center no-repeat; }
.action.selected .attributes .contexts { background: url("/images/iconContext_selected.png") left center no-repeat; }
.action.selected .attributes .time { background: url("/images/iconTime_selected.png") left center no-repeat; }
.action.selected .attributes .energy { background: url("/images/iconEnergy_selected.png") left center no-repeat; }
.action.selected .attributes .tags { background: url("/images/iconTags_selected.png") left center no-repeat; }
.action.selected .attributes .project { color: #1F4E93; border: 2px #1A417C solid; }
.action.selected .name { color: #FFF; }
.action.selected .name a { color: #FFF; }
.action.selected .timestamp { color: #FFF; }
.action.selected a.edit { background: url("/images/iconEditOn.gif") no-repeat 50% 50%; }
.action.selected a.edit:hover { background: url("/images/iconEditOnHover.gif") no-repeat 50% 50%; }
.action.selected a.review { background: url("/images/iconReviewOn.gif") no-repeat 50% 50%; }
.action.selected a.review:hover { background: url("/images/iconReviewOnHover.gif") no-repeat 50% 50%; }
.action.selected .icons a.soon { background: url("/images/iconRevertOn.gif") no-repeat 50% 50%; }
.action.selected .icons a.soon:hover { background: url("/images/iconRevertOnHover.gif") no-repeat 50% 50%; }
.action.selected .icons a.today { background: url("/images/iconTodayOn.gif") no-repeat 50% 50%; }
.action.selected .icons a.today:hover { background: url("/images/iconTodayOnHover.gif") no-repeat 50% 50%; }
.action.selected .icons a.later { background: url("/images/iconLaterOn.gif") no-repeat 50% 50%; }
.action.selected .icons a.later:hover { background: url("/images/iconLaterOnHover.gif") no-repeat 50% 50%; }
.action.selected .icons a.done { background: url("/images/iconDoneOn.gif") no-repeat 50% 50%; }
.action.selected .icons a.done:hover { background: url("/images/iconDoneOnHover.gif") no-repeat 50% 50%; }
.action.selected .icons a.deleted { background: url("/images/iconDeleteOn.gif") no-repeat 50% 50%; }
.action.selected .icons a.deleted:hover { background: url("/images/iconDeleteOnHover.gif") no-repeat 50% 50%; }
.action a.edit { display: -moz-inline-box; display: inline-block; width: 15px; height: 15px; background: url("/images/iconEditOff.gif") no-repeat 50% 50%; }
.action a.edit:hover { background: url("/images/iconEditOffHover.gif") no-repeat 50% 50%; }
.action a.review { display: none; width: 15px; height: 15px; background: url("/images/iconReviewOff.gif") no-repeat 50% 50%; }
.action a.review:hover { background: url("/images/iconReviewOffHover.gif") no-repeat 50% 50%; }
.action .timestamp { color: rgb(150, 150, 150); right: 0; top: 0; display: block; margin: 0; float: right; text-align: right; font-size: 0.8333em; width: 135px; }
.action .icons { width: 80px; right: 0; top: 0; display: none; margin: 0; padding-left: 55px; float: right; text-align: right; font-size: 0.8333em; }
.action .icons a { float: left; display: block; width: 15px; height: 15px; color: transparent; margin-left: 1px; cursor: pointer; }
.action .icons a.soon { background: url("/images/iconRevertOff.gif") no-repeat 50% 50%; }
.action .icons a.soon:hover { background: url("/images/iconRevertOffHover.gif") no-repeat 50% 50%; }
.action .icons a.today { background: url("/images/iconTodayOff.gif") no-repeat 50% 50%; }
.action .icons a.today:hover { background: url("/images/iconTodayOffHover.gif") no-repeat 50% 50%; }
.action .icons a.later { background: url("/images/iconLaterOff.gif") no-repeat 50% 50%; }
.action .icons a.later:hover { background: url("/images/iconLaterOffHover.gif") no-repeat 50% 50%; }
.action .icons a.done { background: url("/images/iconDoneOff.gif") no-repeat 50% 50%; }
.action .icons a.done:hover { background: url("/images/iconDoneOffHover.gif") no-repeat 50% 50%; }
.action .icons a.deleted { background: url("/images/iconDeleteOff.gif") no-repeat 50% 50%; }
.action .icons a.deleted:hover { background: url("/images/iconDeleteOffHover.gif") no-repeat 50% 50%; }
.action form.edit input[name="aktion[shorthand]"] { width: 98%; font-size: 1.5em; margin: 0 0 7px 0; }
.action form.edit input[name="aktion[project]"] { width: 98%; font-size: 1.5em; margin: 0 0 7px 0; }
.action form.edit textarea[name="aktion[notes]"] { width: 98%; background-color: #FFFFDD; margin: 0 0 7px 0; }

.features table { margin: 1em 1em 1em 1em; }
.features th { padding-bottom: 0.5em; text-align: center; }
.features td.val { text-align: center; }

.attributes .reviewed_at { display: none; }

#empty_actions, #empty_review { font-size: 1.5em; line-height: 1.5em; text-align: center; margin-top: 1.5em; }

.video_player { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }
.video_player .background { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: black; opacity: 0.85; filter: alpha(opacity=85); }
.video_player .display { position: relative; width: 640px; height: 525px; top: 50px; margin: 0 auto; background-color: white; padding: 10px; }
.video_player .display a.more { float: left; }
.video_player .display a.cancelOperation { float: right; }

.success a, .notice a, .error a { text-decoration: underline; }

div.autocomplete { position: absolute; background-color: white; margin: 0; padding: 0; z-index: 999; }
div.autocomplete ul { border: 1px solid #888; list-style-type: none; margin: 0; padding: 0; }
div.autocomplete ul li { margin: 0; padding: 2px; cursor: pointer; }
div.autocomplete ul li.selected { background-color: #A3DFFD; }

.ellipsis { text-overflow: ellipsis; }

ul#pricelist { list-style-type: none; position: relative; margin: 0 auto; width: 700px; height: 500px; }
ul#pricelist a { margin-left: 47px; }
ul#pricelist p { font-size: 110%; }
ul#pricelist li { border: 5px solid #004f96; float: left; padding: 15px 10px 15px 10px; -moz-border-radius: 20px; -webkit-border-radius: 20px; width: 275px; }
ul#pricelist li.lite { height: 270px; margin-top: 120px; background-color: #eeeeee; margin-right: 90px; }
ul#pricelist li.pro { height: 390px; background-color: #eeeeee; }
ul#pricelist .price { font-size: 120%; color: #0079ad; text-align: center; }
ul#pricelist .benefits { text-align: center; }
ul#pricelist .bonus { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #004f96; text-align: center; }
ul#pricelist h1 { color: #004f96; text-align: center; font-size: 150%; font-weight: bold; }
ul#pricelist .lite_wrapper { height: 220px; }
ul#pricelist .pro_wrapper { height: 340px; }

*::-moz-focus-inner { padding: 0; border: none; }