#nav-responsive, #wrapper header, #hero, #sidebar, #main, #main img {
opacity : 0;
}
#learn-more-tab {
margin : 10px auto 0;
overflow : hidden;
}
a#learn-more {
display : block;
float : right;
width : auto;
margin-right : 40px;
padding : 8px 40px;
font-size : 1.5em;
text-decoration : none;
}
#signup.medium.hascf #error, #signup.medium .error {
right : 10px;
left : auto;
bottom : 19px;
}
#signup.medium.hascf label {
float : left;
margin : 0;
width : 165px;
padding-right : 45px;
}
html.ie7 #signup.medium.hascf label {
width : 120px;
}
#signup.medium.hascf a#reusertip {
float : none;
}
#signup.medium.hascf ul#form-layout {
margin-top : 35px;
}
#signup.medium.hascf ul#form-layout li {
margin : 0 0 35px;
padding-top : 12px;
}
#signup.medium.hascf ul#form-layout li.hascf-submit-button {
overflow : hidden;
padding-left : 210px;
margin-bottom : 35px;
}
#signup.medium.hascf input[type="text"], #signup.medium.hascf input[type="email"], #signup.medium.hascf textarea, #signup.medium.hascf .radio-group, #signup.medium.hascf .checkbox-group, #signup.medium.hascf select {
float : right;
}
#signup.medium.hascf .radio-group, #signup.medium.hascf .checkbox-group {
height : 20px;
width : 300px;
}
#progress-container {
width : 100%;
margin : 0 auto 40px;
border-radius : 3px;
overflow : hidden;
padding : 20px 0;
}
#progress-container h3 {
text-align : center;
margin : 0 0 20px;
}
#progress-container {
background : url(../../im/social-bg.png) repeat;
}
#tearoff {
overflow : hidden;
width : 280px;
margin : 20px auto 0;
}
.tearoff {
position : relative;
float : left;
width : 70px;
height : auto;
overflow : hidden;
}
.tearoff .overlay {
display : block;
position : absolute;
top : 0;
left : 0;
height : 70px;
width : 70px;
}
.tearoff .background {
display : block;
height : 70px;
width : 70px;
padding : 12px 0 0;
font-size : 5em;
text-align : center;
font-family : Arial;
letter-spacing : -0.06em;
}
#tearoff.threedigits .background {
padding : 17px 0 0;
font-size : 3.8em;
}
.simple .tearoff .background {
height : 70px;
width : 66px;
margin : 0 2px;
padding : 11px 0 0;
border-radius : 4px;
}
.stylish.fliplight .tearoff .background {
color : #222;
text-shadow : 0 2px 1px #FFF;
}
.stylish.fliplight .tearoff .overlay {
background : url(../im/progress/ov_light.png) center center no-repeat;
}
.stylish.flipdark .tearoff .overlay {
background : url(../im/progress/ov_dark.png) center center no-repeat;
}
.stylish.fliplight .tearoff .background {
background : url(../im/progress/bg_light.png) center center no-repeat;
}
.stylish.flipdark .tearoff .background {
color : #fff;
background : url(../im/progress/bg_dark.png) center center no-repeat;
}
.tearoff .unit {
display : block;
margin-top : 2px;
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
font-weight : 700;
text-align : center;
}
#bar {
position : relative;
overflow : hidden;
width : 80%;
height : 23px;
margin : 0 auto;
background : #fff;
border-radius : 20px;
}
#bar.stylish {
border : #999 solid 1px;
box-shadow : 0 -5px 12px 0 #bbb inset;
}
#bar-complete {
position : absolute;
top : 0;
left : 0;
height : 23px;
min-width : 35px !important ;
border-radius : 20px;
}
#bar.stylish #bar-complete {
position : absolute;
top : 0;
left : 0;
box-shadow : 0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 -5px 8px 0 rgba(0, 0, 0, 0.3) inset;
}
#bar-complete span {
display : block;
padding : 5px 8px 0 0;
opacity : 0;
text-align : right;
color : #222;
font-size : 1.2em;
font-weight : 700;
}
#bar.stylish #bar-complete span {
text-shadow : 0 1px 2px #ccc;
}
#launchtab {
overflow : hidden;
position : relative;
z-index : 900;
}
#launchtab a {
float : right;
display : block;
overflow : hidden;
margin-right : 40px;
padding : 8px 40px;
font-size : 1.5em;
text-align : center;
text-decoration : none;
}
#launchtab a span {
display : none;
}
#launchlite {
width : 780px;
margin : 40px auto 0;
display : block;
}
#launchlitemodule {
display : none;
}
#launchlitemodule #signup {
position : static;
width : 780px;
margin : 0;
border : 0 !important ;
box-shadow : none !important ;
}
html.ie7 #launchlitemodule #signup {
width : 700px;
}
#launchlitemodule #presignup-content, #launchlitemodule #success-content {
margin-bottom : 0 !important ;
}
#launchlitemodule .social-container {
margin-bottom : 30px;
}
#inner-page #background {
opacity : 1 !important ;
}
#wrapper {
width : 780px;
margin : 0 auto 60px;
padding : 40px;
position : relative;
z-index : 899;
}
html.ie7 #wrapper {
width : 700px;
}
#wrapper header {
position : relative;
width : 700px;
margin-bottom : 40px;
}
#wrapper header.no-margin {
margin : 0;
}
#wrapper header.no-margin h1 {
padding-bottom : 30px;
}
#wrapper header h1 {
position : relative;
margin : 0;
line-height : 1.2em;
}
#wrapper header h1.hastextheading.haslogo {
text-align : center;
}
#wrapper header h1.hastextheading.haslogo span {
margin-top : 15px;
}
#wrapper header h1.notextheading.haslogo span {
text-indent : -9999px;
position : absolute;
top : 0;
left : 0;
margin : 0;
}
#wrapper header h1.notextheading.nologo {
display : none;
margin : 0;
}
#wrapper header h1 a {
text-decoration : none;
}
#hero {
margin : 0 0 30px;
}
#sidebar {
float : left;
width : 190px;
margin : 0 40px 0 0;
}
#nav-responsive-menu-link, #nav-responsive-menu-items nav {
display : none;
position : relative;
z-index : 900;
}
nav ul {
margin : 0 0 40px;
}
nav ul li, nav ul li ul li {
margin : 0 0 0.8em;
}
nav ul li ul {
margin : 0.8em 0 0 12px;
font-size : 0.8em;
}
nav a {
text-decoration : none !important ;
}
#nav-responsive nav ul, #nav-responsive nav ul li, #nav-responsive nav ul li ul li {
margin : 0;
}
#nav-responsive nav a {
display : block;
cursor : pointer;
padding : 0 40px;
line-height : 3.5em;
}
#nav-responsive nav a span {
float : right;
font-size : 1.5em;
padding-right : 3px;
}
#nav-responsive-menu-link {
display : none;
line-height : 3.5em;
text-decoration : none;
padding : 0 40px;
width : auto;
}
#nav-responsive-menu-link span {
font-size : 2.2em;
float : right;
}
#nav-responsive-menu-link span.minus, #nav-responsive-menu-link.open span.plus {
display : none;
}
#nav-responsive-menu-link.open span.minus {
display : block;
}
#nav-responsive-menu-items {
position : relative;
z-index : 900;
}
#nav-responsive-menu-items nav {
display : none;
}
ul#widgets li.widget-container {
margin : 0 0 30px;
}
ul#widgets li ul {
list-style-type : square;
margin-left : 18px;
}
ul#widgets li ul li, .textwidget {
margin : 0 0 6px;
}
ul#widgets li ul li a, .textwidget {
text-decoration : none !important ;
}
.textwidget {
cursor : default;
}
form#search-form {
position : relative;
width : 188px;
height : 34px;
margin : 0 auto;
}
#search_box {
width : 188px;
height : 34px;
padding : 0 30px 0 10px;
margin : 0;
color : #999;
font-style : italic;
background : #f1f1f1;
border : #ddd solid 1px;
outline : 0;
font-size : 11px;
transition : all 0.5s ease-out;
border-radius : 3px;
}
html.ie7 #search_box {
width : 148px;
height : 24px;
padding : 10px 30px 0 10px;
}
html.ie7 #search_box, html.ie8 #search_box {
height : 34px;
padding : 10px 30px 0 10px;
}
#search_box:hover {
border : #aaa solid 1px;
}
#search_box:focus, #search_box.empty:focus {
border : #aaa solid 1px;
background : #FFF;
color : #444;
font-style : normal;
}
#search_box.empty {
color : #999;
}
#search_btn {
display : block;
position : absolute;
right : 10px;
top : 9px;
height : 16px;
width : 20px;
background : url(../im/search-icon.png) 0 0 no-repeat;
text-indent : -9999px;
cursor : pointer;
}
.tagcloud a {
text-decoration : none;
}
.widget_calendar {
float : left;
}
#wp-calendar {
position : relative;
width : 100%;
}
#wp-calendar a {
color : #222;
text-decoration : none;
}
#wp-calendar caption {
color : #333;
font-size : 1em;
font-weight : 700;
margin-bottom : 15px;
margin-top : 10px;
text-align : center;
text-transform : uppercase;
}
#wp-calendar thead {
color : #888;
font-size : 1em;
font-weight : 700;
}
#wp-calendar thead th {
padding-bottom : 10px;
text-align : center;
}
#wp-calendar tbody {
color : #aaa;
}
#wp-calendar tbody td {
border : #fff solid 1px;
padding : 7px;
text-align : center;
}
#wp-calendar tbody .pad {
background : 0 0;
}
#wp-calendar tfoot #next {
font-size : 0.9em;
position : absolute;
right : 0;
text-transform : uppercase;
top : 11px;
}
#wp-calendar tfoot #next a, #wp-calendar tfoot #prev a {
color : #888;
font-weight : 700;
text-decoration : none;
}
#wp-calendar tfoot #prev {
font-size : 0.9em;
left : 0;
position : absolute;
text-transform : uppercase;
top : 11px;
}
#main {
float : left;
width : 470px;
}
.lepost {
margin : 0 0 50px;
}
.lepost h1, .lepost h2 {
line-height : 1.2em;
margin : 0 0 10px;
}
.lepost h2 a {
text-decoration : none;
}
.lepost h2.posttitle {
margin : 0;
}
.entry-date {
text-transform : uppercase;
font-size : 1.1em;
display : block;
font-weight : 700;
margin : 0 0 20px;
font-family : Arial, Helvetica, sans-serif;
}
.lepost h3 {
line-height : 1.2em;
margin : 0 0 10px;
}
.lepost h4, h3.widget-title {
line-height : 1.2em;
margin : 0 0 10px;
text-transform : uppercase;
}
h3.widget-title {
margin : 0 0 5px;
}
.lepost p, li.comment {
line-height : 1.6em;
margin : 0 0 25px;
}
.lepost ul {
list-style-type : square;
margin : 0 0 25px;
padding : 0;
}
.lepost ol {
list-style-type : decimal;
margin : 0 0 25px;
padding : 0;
}
.lepost ul li, .lepost ol li {
margin : 0 0 0 15px;
padding : 0;
line-height : 1.4em;
}
.lepost .alignleft {
float : left;
margin : 0 15px 0 0;
}
.lepost .alignright {
float : right;
margin : 0 0 0 15px;
}
.lepost img {
margin : 0 0 15px;
}
.lepost .wp-caption {
margin : 0 0 25px;
width : auto !important ;
}
.lepost .wp-caption p {
font-size : 12px;
font-style : italic;
color : #888;
margin-top : -10px;
}
.lepost .postmeta {
margin : 15px 0 0;
padding : 10px 0;
border-top : 1px dotted #999;
border-bottom : 1px dotted #999;
}
.lepost .postmeta p {
font-size : 1.1em;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
}
.lepost code {
font-family : Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background : #eee;
padding : 20px;
display : block;
font-size : 13px;
}
.lepost blockquote {
padding : 0 15px;
margin : 0 30px 30px;
border-left : 3px solid #DDD;
text-align : justify;
}
.lepost .gallery-item {
text-align : left !important ;
}
.lepost .gallery-item img {
border : 0 !important ;
max-width : 95%;
}
#postnav {
margin-bottom : 20px;
}
#postnav li {
font-size : 1.4em;
}
#postnav li.left {
float : left;
}
#postnav li.right {
float : right;
}
#postnav a {
font-family : Arial, Helvetica, sans-serif;
font-size : 1em !important ;
}
#postnav a:hover, #postnav a:active {
text-decoration : none;
}
#respond .errors {
border-color : red;
color : red !important ;
}
#comments {
clear : both;
}
#comments .navigation {
padding : 0 0 18px;
}
.commentlist {
list-style-type : none;
margin : 0;
border-top : 2px solid #e7e7e7;
}
.commentlist li.comment {
border-top : 1px solid #e7e7e7;
margin : 0 0 40px;
padding : 10px 0 0 56px;
position : relative;
font-size : 12px;
}
#comments .comment-body ul, #comments .comment-body ol {
margin-bottom : 18px;
}
#comments .comment-body p:last-child {
margin-bottom : 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom : 24px;
}
.commentlist .avatar {
position : absolute;
top : 14px;
left : 0;
}
.comment-author {
color : #888;
}
.comment-author cite {
display : inline-block;
margin : 0 0 6px;
}
#main a.comment-permalink, #main a.comment-reply-link, #main a.comment-reply-login {
color : #888 !important ;
}
#main a.comment-reply-link, #main a.comment-reply-login {
float : right;
}
.commentlist .children {
list-style : none;
margin : 20px 0 0;
}
.commentlist .children li {
border-top : 1px solid #e7e7e7;
padding-top : 10px;
margin : 0 0 20px;
}
.nopassword, .nocomments {
display : none;
}
#comments .pingback {
border-top : 1px solid #e7e7e7;
margin : 0 0 40px;
padding : 10px 0 0;
}
.commentlist li.comment + li.pingback {
margin-top : -6px;
}
#comments .pingback p {
color : #888;
display : block;
font-size : 12px;
line-height : 18px;
margin : 0;
}
#comments .pingback .url {
font-size : 13px;
font-style : italic;
}
#previous-comments {
float : left;
font-size : 1.1em;
color : #888;
margin-top : 20px;
}
#next-comments {
float : right;
font-size : 1.1em;
color : #888;
margin-top : 20px;
}
#commentsform-hidden {
display : none;
}
#respond {
position : relative;
margin : 0 0 15px;
overflow : hidden;
}
#respond h3, #main h2.social-heading {
margin : 0 0 10px;
font-size : 1.2em;
font-weight : 700;
text-transform : uppercase;
}
#respond p {
margin : 0 0 15px;
overflow : hidden;
}
#respond p.left {
float : left;
width : 48%;
overflow : hidden;
}
#respond p.right {
float : right;
width : 48%;
overflow : hidden;
}
#respond p.comment-messages {
line-height : 15px;
}
#respond label, #respond p.comment-messages {
display : block;
margin : 0 0 5px;
color : #888;
font-size : 11px;
}
#respond input, #respond textarea {
float : left;
overflow : hidden;
width : 100%;
padding : 15px 20px;
background : 0 0;
border : #aaa solid 1px;
font-size : 1.2em;
color : #222;
font-style : normal;
line-height : 1.3em;
outline : 0;
border-radius : 3px;
}
#respond textarea {
color : #999;
font-style : italic;
height : 46px;
}
#respond input:focus, #respond textarea:focus {
outline : 0;
}
#respond textarea:focus {
color : #222;
font-style : normal;
}
#respond input[type="submit"] {
float : right;
width : auto;
padding : 15px 20px;
font-family : Arial;
border : 0;
color : #fff !important ;
cursor : pointer;
border-radius : 3px;
}
@media screen and (min-width:768px) {
#launchlite {
display : block !important ;
}
#nav-responsive-menu-items nav {
display : none;
}
}
@media screen and (max-width:768px) {
#wrapper, #wrapper header, #sidebar, #main {
width : auto;
}
#wrapper, #sidebar {
margin : 0;
}
#sidebar, #main {
float : none !important ;
}
#sidebar nav, ul#widgets li {
display : none;
}
#nav-responsive, #nav-responsive-menu-link {
display : block;
}
ul#widgets li.widget_search {
display : block !important ;
width : auto;
padding : 10px 0;
border-top : 1px dotted #999;
border-bottom : 1px dotted #999;
}
ul#widgets li.widget_search h3 {
display : none;
}
#respond p.left, #respond p.right {
float : none;
width : auto;
overflow : hidden;
}
cite.fn {
margin : 0;
}
a.comment-permalink {
display : block;
}
a.comment-reply-link {
display : block;
float : none !important ;
margin-bottom : 15px;
}
span.slash {
display : none;
}
#launchtab {
border-bottom : 0;
}
#launchtab a {
margin-right : 0;
float : none;
text-align : left;
display : block;
cursor : pointer;
padding : 0 40px;
line-height : 3.5em;
}
#launchtab a span {
float : right;
font-size : 1.5em;
padding-right : 3px;
display : inline-block;
}
#launchlite {
display : none;
width : auto;
margin : 0;
overflow : hidden;
}
#launchlitemodule #signup {
width : auto;
}
#launchlitemodule #signup .signup-left, #launchlitemodule #signup .signup-right {
float : none !important ;
width : auto !important ;
margin : 0 !important ;
border : 0 !important ;
box-shadow : none;
}
#launchlitemodule #signup .signup-left h2, #launchlitemodule #signup .signup-left p, #launchlitemodule #signup .signup-left div {
margin-right : 0;
}
#launchlitemodule #form-layout li.first, #launchlitemodule #form-layout li.hascf-submit-button {
width : auto !important ;
max-width : 300px;
}
#wrapper {
padding : 20px;
}
#nav-responsive-menu-link, #nav-responsive nav a, #launchtab a {
padding : 0 20px;
}
}
.mejs-container {
width : 100% !important ;
height : auto !important ;
padding-top : 30px;
overflow : hidden;
}
.mejs-overlay, .mejs-poster {
width : 100% !important ;
height : 100% !important ;
}
.mejs-mediaelement video {
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
width : 100% !important ;
height : 100% !important ;
}
.mejs-container, .mejs-embed, .mejs-embed body {
background : transparent !important ;
}
#fancybox-loading {
position : fixed;
top : 50%;
left : 50%;
width : 40px;
height : 40px;
margin-top : -20px;
margin-left : -20px;
cursor : pointer;
overflow : hidden;
z-index : 1104;
display : none;
}
#fancybox-loading div {
position : absolute;
top : 0;
left : 0;
width : 40px;
height : 480px;
background-image : url(../js/fancybox/fancybox.png);
}
#fancybox-overlay {
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : 1100;
display : none;
}
#fancybox-tmp {
padding : 0;
margin : 0;
border : 0;
overflow : auto;
display : none;
}
#fancybox-wrap {
position : absolute;
top : 0;
left : 0;
padding : 20px;
z-index : 1101;
outline : 0;
display : none;
}
#fancybox-outer {
position : relative;
width : 100%;
height : 100%;
background : #fff;
}
#fancybox-content {
width : 0;
height : 0;
padding : 0;
outline : 0;
position : relative;
overflow : hidden;
z-index : 1102;
border : #fff solid 0;
}
#fancybox-hide-sel-frame {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background : transparent;
z-index : 1101;
}
#fancybox-close {
position : absolute;
top : -15px;
right : -15px;
width : 30px;
height : 30px;
background : url(../js/fancybox/fancybox.png) -40px 0 transparent;
cursor : pointer;
z-index : 1103;
display : none;
}
#fancybox-error {
color : #444;
font : 400 12px/20px Arial;
padding : 14px;
margin : 0;
}
#fancybox-img {
width : 100%;
height : 100%;
padding : 0;
margin : 0;
border : 0;
outline : 0;
line-height : 0;
vertical-align : top;
}
#fancybox-frame {
width : 100%;
height : 100%;
border : 0;
display : block;
}
#fancybox-left, #fancybox-right {
position : absolute;
bottom : 0;
height : 100%;
width : 35%;
cursor : pointer;
outline : 0;
background : url(../js/fancybox/blank.gif) transparent;
z-index : 1102;
display : none;
}
#fancybox-left {
left : 0;
}
#fancybox-right {
right : 0;
}
#fancybox-left-ico, #fancybox-right-ico {
position : absolute;
top : 50%;
left : -9999px;
width : 30px;
height : 30px;
margin-top : -15px;
cursor : pointer;
z-index : 1102;
display : block;
}
#fancybox-left-ico {
background-image : url(../js/fancybox/fancybox.png);
background-position : -40px -30px;
}
#fancybox-right-ico {
background-image : url(../js/fancybox/fancybox.png);
background-position : -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility : visible;
}
#fancybox-left:hover span {
left : 20px;
}
#fancybox-right:hover span {
left : auto;
right : 20px;
}
.fancybox-bg {
position : absolute;
padding : 0;
margin : 0;
border : 0;
width : 20px;
height : 20px;
z-index : 1001;
}
#fancybox-bg-n {
top : -20px;
left : 0;
width : 100%;
background-image : url(../js/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
top : -20px;
right : -20px;
background-image : url(../js/fancybox/fancybox.png);
background-position : -40px -162px;
}
#fancybox-bg-e {
top : 0;
right : -20px;
height : 100%;
background-image : url(../js/fancybox/fancybox-y.png);
background-position : -20px 0;
}
#fancybox-bg-se {
bottom : -20px;
right : -20px;
background-image : url(../js/fancybox/fancybox.png);
background-position : -40px -182px;
}
#fancybox-bg-s {
bottom : -20px;
left : 0;
width : 100%;
background-image : url(../js/fancybox/fancybox-x.png);
background-position : 0 -20px;
}
#fancybox-bg-sw {
bottom : -20px;
left : -20px;
background-image : url(../js/fancybox/fancybox.png);
background-position : -40px -142px;
}
#fancybox-bg-w {
top : 0;
left : -20px;
height : 100%;
background-image : url(../js/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
top : -20px;
left : -20px;
background-image : url(../js/fancybox/fancybox.png);
background-position : -40px -122px;
}
#fancybox-title {
font-family : Helvetica;
font-size : 12px;
z-index : 1102;
}
.fancybox-title-inside {
padding-bottom : 10px;
text-align : center;
color : #333;
background : #fff;
position : relative;
}
.fancybox-title-outside {
padding-top : 10px;
color : #fff;
}
.fancybox-title-over {
position : absolute;
bottom : 0;
left : 0;
color : #FFF;
text-align : left;
}
#fancybox-title-over {
padding : 10px;
background-image : url(../js/fancybox/fancy_title_over.png);
display : block;
}
.fancybox-title-float {
position : absolute;
left : 0;
bottom : -20px;
height : 32px;
}
#fancybox-title-float-wrap {
border : 0;
border-collapse : collapse;
width : auto;
}
#fancybox-title-float-wrap td {
border : 0;
white-space : nowrap;
}
#fancybox-title-float-left {
padding : 0 0 0 15px;
background : url(../js/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
color : #FFF;
line-height : 29px;
font-weight : 700;
padding : 0 0 3px;
background : url(../js/fancybox/fancybox-x.png) 0 -40px;
}
#fancybox-title-float-right {
padding : 0 0 0 15px;
background : url(../js/fancybox/fancybox.png) -55px -90px no-repeat;
}
#fancybox-loading.fancybox-ie6 {
position : absolute;
margin-top : 0;
}
.fancybox-ie .fancybox-bg {
background : transparent !important ;
}