@import url('/css/cooltooltip.css');

/* SITE WIDE STYLES
************************************************/
body { font-family: Verdana, Arial, Tahoma; font-size: 14px; margin: 0 auto; padding: 0; color: #4b4b4b; line-height: 20px; }

* { margin: 0;  padding: 0; }
*:focus { outline: none; }


.aller { font-family: Aller, Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #272727; }
h1, h2, h3 {margin-bottom: 10px;}
h4, h5, h6 {margin-bottom: 15px;}
h1, .h1 { font-size: 30px; line-height: 32px; }
h2, .h2 { font-size: 26px; line-height: 26px; }
h3, .h3 { font-size: 20px; line-height: 22px; }
h4, .h4 { font-size: 16px; line-height: 20px; }
h5, .h5 { font-size: 14px; line-height: 18px; }
h6, .h6 { font-size: 11px; line-height: 16px; }


h1 sup, p sup { font-size: 10px; }

/* zoom (magnifying glass) icon */
a.zoom img {
	cursor:url('/images/zoom.cur'), pointer;
}
.orange {color: #ff7901;}
.red {color: red;}
.green {color: green;}

/* Overrides */
.ui-datepicker-month { padding: 0 !important; }

    /* STRUCTURE
    ********************************************/
    #wrapper { background: url(../images/bg_header.png) repeat; height: 100%; margin-bottom: 30px; }
    #innerWrapper { background: url(../images/bg_zigzag.png) repeat-x bottom; height: 100%; padding-bottom: 1px; }
    #home #innerWrapper { padding-bottom: 60px; }
    #content-container { margin-top: 14px; }
    #maincontent{padding:0px 0px 40px 0px;}
    #content{float:left; width:620px; padding-right:40px; min-height: 600px; }
    #content.full{float:none; padding:0px; width:100%;}
    #footerWrapper { background: url(../images/bg_footer.png) repeat; }
    #footer { background: url(../images/bg_zigzag-footer.png) repeat-x 0 -5px; min-height: 300px;}
    #footer p { position: relative; font-size: 13px; color: #f9f9f9; }
    #footer p a { color: #fff; margin: 0 5px; }
    /*******************************************/
    /* HEADER
    ********************************************/
    #home #header { height: 540px; }
    #header { width: 960px; position: relative; }
    #headerTop { overflow: hidden; margin-bottom: 30px;}
    #headerRight { float: right; width: 660px;}
    #headerRight h4 { color: #fff; margin-bottom: 20px;font-size:22px; text-align:center;font-weight: 200;line-height:120%;margin-top:-5px;}
    #logo { float: left; color: #fff; }
    #samples {height: 278px;}
    #samples img { border-radius: 5px; }
    /*******************************************/
    /* SITE WIDE CLASSES
    ********************************************/
    .hidden { display: none; }
	.nothidden{ display:block;}
    .clear{ clear: both; float: none !important; }
    .left { float: left; }
    .right { float: right; }
    .helpicon { cursor: help; }
    .help-icon { padding: 2px;font-size: 18px; }
    .nolink { cursor: default; }
    .subtle { font-style: italic; }
    .nomargin { margin: 0px !important; }
    .top-margin {margin-top: 19px;}
    .padding-left {	padding-left: 34px;}

    .note { font-size: 11px; margin-top: -10px; }
    .left { float: left; }
    .error {display: block;background-color: #fddfde;color: #404040;padding: 5px 10px;border: solid 1px #fbc7c6;margin: 5px 0 15px 0;font-size: 11px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 490px; }
    .defined-box { overflow: hidden; background: #F9F9F9; border-radius: 5px; border: solid 1px #eaeaea; padding: 10px; }
    .page-title { background: url(/images/bg_heading.png) repeat-x bottom; }
    .page-title h1 { margin: 0px auto 0px; padding-bottom: 17px; line-height:32px;}
    .callout {font-family: Georgia, serif;font-size: 20px;font-style: italic;font-weight: normal;text-transform: normal;letter-spacing: normal;line-height: 1.4em;}
    .mini.callout { font-size: 18px; }
    .inner_shadow { -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000;}
    .center-wrapper { width: 960px; margin: 0px auto 0px auto; }
    .watermark { background: url(../images/bg_content.jpg) center no-repeat; background-position: 50px -20px; }
    .zigzag { height: 9px; background: url(../images/bg_orange-zigzag.png) repeat-x; }
    .zigzag.black { height: 9px; background: url(../images/bg_black-zigzag.png) repeat-x; }
/***********************************************/
/* CONTAINS FLOATS h5bp.com/q
************************************************/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/***********************************************/
/* TWO COLUMN PAGES
************************************************/
.left-content {float: left; width: 600px;}
.right-rail, #sidebar { float: right; width: 280px; }
.right-rail p, #sidebar p { font-size: 12px; margin-bottom: 10px; }
.right-rail.side-nav { padding: 0; width: 320px; }
.right-rail .side-nav h3 {
    background: #F9F9F9;
    margin-bottom: 0;
    padding: 10px 20px;
    border-radius: 15px 15px 0 0;
    border-top: solid 1px #ebebeb;
    border-left: solid 1px #ebebeb;
    border-right: solid 1px #ebebeb;
    background: -moz-linear-gradient(top, #F9F9F9 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top, #F9F9F9 0%,#f2f2f2 100%);
    background: -o-linear-gradient(top, #F9F9F9 0%,#f2f2f2 100%);
    background: -ms-linear-gradient(top, #F9F9F9 0%,#f2f2f2 100%);
    background: linear-gradient(top, #F9F9F9 0%,#f2f2f2 100%); }
.side-nav ul, .side-nav ul ul { list-style-type: none; margin-left: 0; margin-top: 0; }
.side-nav ul li, .right-rail.side-nav ul.menu li ul li { background: #fefefe; border-top: solid 1px #ebebeb; padding: 0; }
.side-nav ul li a { display: block; padding: 5px 0 5px 20px; }
.side-nav ul ul li a { padding-left: 40px; font-size: 13px; }
.side-nav ul li a:hover, .side-nav ul .current { background: #f1f8fa; }
.side-nav ul li:last-child { border-bottom: solid 1px #e1e1e1; border-radius: 0 0 10px 10px; }
.side-nav ul li:last-child a { border-radius: 0 0 10px 10px; }
.side-nav ul ul li:last-child { border-radius: 0; border-bottom: 0; }
.side-nav ul ul { margin-bottom: 0; }
.side-nav ul ul .current { padding-left: 0; color: #000; }
.side-nav ul .current a { color: #000; }
/***********************************************/
/* FORM STYLES
************************************************/
form { margin: 0; padding: 0; }
form .error {   margin: 5px 0 15px 190px;   width: 380px; }
.form-note { font-size: 10px; margin-left: 190px; display: block; clear: both; }
form input + .error { width: 300px; }
#generator .error { margin-bottom: 0; margin-left: 0; }
#generator .upload .error { margin-top: 40px; }

/*label { font-size: 15px; margin-left: 15px; width: 165px; display: block; float: left; margin-top: 9px; text-align: right; padding-right: 10px;}*/
input[type="text"], input[type="password"], input[type="email"], select { font-size: 14px; padding: 10px; width: 300px; }
select { width: 312px; }
/*input[type="submit"] { margin-left: 190px; }*/
input[type=text], input[type=password], input[type="email"], textarea, select {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: solid 1px #e1e1e1;}
input[type=text]:focus, input[type=password]:focus, input[type="email"]:focus, textarea:focus, select:focus {
  outline: none;border-color: rgba(82, 168, 236, 0.4);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.3);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.3);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.3);}

.radio, .checkbox { overflow: auto; }
.radio span, .checkbox span { display: block; float: left; margin: 10px 15px 0 15px;}
.two-select select { width: 150px; width: 153px; }
.three-select select { width: 100px; }
input:disabled {overflow: hidden;background: #F1F1F1;border-radius: 5px;border: solid 1px #E5E5E5;padding: 10px;}
.agree span { float: right; width: 550px; padding-top: 8px; }
.block-message { font-size: 12px; padding: 10px 15px; border-width: 1px; border-style: solid; -webkit-border-radius: 4px; border-radius: 4px; font-style: none; }
.alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info { color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.alert-message.block-message.success { background-color: #D1EED1;   border-color: #BFE7BF; }
.error.full, .success.full, .info.full  { width: 100%; }

#fb-login-button { background: url('../images/fb-login-button.png') no-repeat top left; display: inline-block; height: 22px; width: 150px; }
#fb-login-button:hover { background-position: 0 -24px; cursor: pointer; }
#fb-signup-button { background: url('../images/btn_facebook-sign-up.png') no-repeat top left; display: inline-block; height: 42px; width: 250px; }
#fb-signup-button:hover { background-position: 0 -42px; cursor: pointer; }
/***********************************************/
/* MAIN NAVIGATION
************************************************/
#nav {border-radius: 25px;background: url(../images/alpha_white.png) repeat;margin-top: 20px;padding: 8px;float: right;position: absolute;top: -1px;right: 10px;font-size: 15px;}
#nav ul { background: #fff; list-style-type: none; overflow: hidden; border-radius: 18px; margin: 0; padding: 0 10px; }
#nav ul li a { position:relative; top: 1px; letter-spacing: 0;z-index: 10;display: block;float: left;
    height: 20px;position: relative;overflow: hidden;margin: auto 10px;padding-bottom: 1px;}
#nav ul li a:link, #nav ul li a:visited { display: block; position: relative; text-decoration:none;   font-weight:normal; color: #a0a0a0; }
#nav ul li a:hover  { color: #666; text-decoration: none; }
#nav ul li a:active { color: #ffb370; text-decoration: none; }
#nav ul li.sfHover > a { color: #171717; }
#nav ul li { float: left; padding: 8px 0 10px; }
#nav ul li a.current { color: #333; text-decoration: none; }

.ll li.back {background: #e3f3f9;border-radius: 20px;height: 11px;z-index: 8;position: absolute;top: 13px;}
.ll li a {z-index: 10;display: block;float: left;position: relative;}
.ll li.back-remove { background: transparent !important; } /* :( hack to remove ll bg on internal pages */
/***********************************************/
/* SITE BUTTONS
************************************************/
.button, input[type="submit"], button {
    display: block;
    padding: 6px 20px;
    border: solid 1px #717171;
    border-radius: 25px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    -moz-box-shadow: inset 0 1px 0 0 #ffd3ac;
    -webkit-box-shadow: inset 0 1px 0 0 #ffd3ac;
    box-shadow: inset 0 1px 0 0 #ffd3ac;
    text-shadow: 1px 1px 0 #ffb472;
    background: #ff7a04 url(../images/bg_btn_orange.png) repeat-x;
    font-family: Helvetica, Arial, sans-serif;
}
.button:hover, input[type="submit"]:hover {
    background: #ffb471 url(../images/bg_btn_orange-hover.png) repeat-x;
    cursor: pointer;
    color: #000;
}
.button span span { line-height: 12px; }
a.tiny { padding: 5px 10px; font-size: 10px; }
.button.green {
    color: #fff;
    line-height: 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    padding-top: 8px;
    background: #3f9d06 url(../images/bg_btn_green.png) repeat-x;
    -moz-box-shadow: inset 0 1px 0 0 #b9e57b;
    -webkit-box-shadow: inset 0 1px 0 0 #b9e57b;
    box-shadow: inset 0 1px 0 0 #b9e57b;
    text-shadow: 1px 1px 0 #3a7c00;}
.button.gray {
    line-height: 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    padding-top: 8px;
    -moz-box-shadow: inset 0 1px 0 0 #ddd;
    -webkit-box-shadow: inset 0 1px 0 0 #ddd;
    box-shadow: inset 0 1px 0 0 #ddd;
    text-shadow: 1px 1px 0 #ddd;
    background: #717171 url(../images/bg_btn_gray.png) repeat-x;
    text-shadow: 1px 1px 0 #ccc;
}
.button.gray:hover, input[type="submit"].gray:hover, button.gray:hover {
    background: #717171 url(../images/bg_btn_gray_hover.png) repeat-x;
}
.button.green:hover, input[type="submit"].green:hover, button.green:hover {
    background: #73ca0b url(../images/bg_btn_green-hover.png) repeat-x;
    color: #fff;
}
.button.tall.red {
    background-color: #75cb0b;
    background: -moz-linear-gradient(100% 100% 90deg, #d13333, #b92626);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b92626), to(#d13333));
    background: -webkit-linear-gradient(#b92626, #d13333);
    background: -o-linear-gradient(#b92626, #d13333);
    -moz-box-shadow: inset 0 1px 0 0 #e88f8f;
    -webkit-box-shadow: inset 0 1px 0 0 #e88f8f;
    box-shadow: inset 0 1px 0 0 #e88f8f;
    text-shadow: #000 1px 1px 1px;
    color: #fff;
    opacity: 0.9;}
.button.small  { width: 125px; font-size: 11px; }
.button.medium { width: 225px; font-size: 12px; }
.button.large  { width: 325px; font-size: 14px; }
.button.centered { margin: auto; }
.button-flat {
            background-color:#8ED33B;
            color:black !important;
            border: solid 1px #999;
            padding:5px;
            border-radius:4px;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
          }
.button-flat:hover {
    background:#9de843;
}

/***********************************************/
/* DASHBOARD
************************************************/
.pagination-links a { color: black; padding: 2px 4px; border: solid 1px black; }
.pagination-links strong { background: #f8f3f0; color: black; padding: 2px 4px; border: solid 1px black; }
.pagination-links a:hover { color: gray; }
/***********************************************/
/* GENERATOR
************************************************/
.step_zero form ul, #site-templates-window form ul { list-style: none; margin-left: 0; }
.step_zero form ul li, #site-templates-window form ul li { border-radius: 15px; /*background: #F0F9FC;*/ padding: 10px; float: left; }
.step_zero form ul li p, #site-templates-window form ul li p { text-align: center; margin-bottom: 0; font-size: 11px;  }
.step_zero form ul.four li { margin: 0 10px 30px; width: 200px; }
.step_zero form ul.five li { margin: 0 10px 30px; width: 152px; }
.step_zero form ul.five li h4, #site-templates-window form ul.five li h4 { text-align: center; }
.step_zero label, #site-templates-window label { float: none; display: inline; }
.step_zero label:hover, #site-templates-window label:hover { cursor: pointer; }
.step_zero p.preview-option, #site-templates-window p.preview-option { border-top: dashed 1px #ddd; border-bottom: dashed 1px #ddd; padding-top: 5px; padding-bottom: 5px; }
.step_zero p.preview-option img, #site-templates-window p.preview-option img { position: relative; top: 3px; margin-right: 5px; }

#site-templates-window form ul.five li { margin: 0 0 0; width: 100px; }
#site-templates-window form ul li { padding: 10px 0; }

#generator { float: left; width: 685px; }
#generator #preview { width: 214px; float: left; position:relative;}

iframe#mobile-site {
    position:absolute !important;
    top:74px !important;
    left:19px !important;
    -moz-transform: scale(0.56, 0.57) translate(0%, 0%);
    -moz-transform-origin: 0% 0%;
    -webkit-transform: scale(.56, .57) translate(0%, 0%);
    -webkit-transform-origin: 0 0;
    -o-transform: scale(.57);
    -O-transform-origin: 0 0;
    transform: scale(.57);
    transform-origin: 0 0;
}

#generator #header_image_preview_image {
width: auto;
max-width: 300px;
height: auto;
max-height: 250px;
margin:10px auto 0 auto;
}

#generator #tabs { margin-top: 20px; }
#generated-elements {margin: 15px 0 0 0;}
#generator-form { position: relative; width: 445px; float: right; min-height: 452px; }
#generator-form h2 {margin: 23px 0 10px 0;}
#generator-form form { padding-bottom: 20px; }
#generator-form > p:first-child { border-top: solid 1px #e1e1e1; }
.generator-element { background: #f0f9fc; position: relative; margin: 0; padding: 5px 10px 12px; position: relative; margin-bottom: 5px; /*border-bottom: solid 1px #e1e1e1;*/  }
.generator-element:hover, #generator-form .focus { padding: 5px 10px 12px; background: #e3f3f9; }
.generator-element.last-edit:hover {background: #f0f9fc;}
.generator-element .help { background: url(../images/icon_question.png) top left no-repeat; display: block; font-size: 11px; color: #999; line-height: 13px; margin: 4px 10px 0 0; padding: 0 0 5px 20px; }
.generator-element .help img { position: relative; top: 4px; margin-right: 3px; }
.generator-element .removeElement { position: absolute; top: 5px; right: 5px; width: 25px; text-align: center; background: #ee8c8f; color: white; padding: 0 0; border-radius: 5px; font-size: 10px; font-weight: bold; }
.generator-element .helpElement { position: absolute; top: 5px; right: 35px; width: 25px; text-align: center; background: #5cccf5; color: white; padding: 0 0; border-radius: 5px; font-size: 10px; font-weight: bold; cursor: help; }
.generator-element .dragElement { height:20px; position: absolute; top: 5px; right: 65px; width: 25px; text-align: center; background: #79df79; color: white; padding: 0 0; border-radius: 5px; font-size: 10px; font-weight: bold; cursor: move; }
.generator-element .dragElement img { position: relative; top: 5px; left: 0;}
.generator-element .settingsElement { height:20px; position: absolute; top: 5px; right: 95px; width: 25px; text-align: center; background: #ffd05c; color: white; padding: 0 0; border-radius: 5px; font-size: 10px; font-weight: bold; }
.generator-element .settingsElement img { position: relative; top: 3px; }
#generator-form #height-container { min-height: 350px; }
#generator-form label { margin: 0; font-size: 12px; color: #333; padding-left: 2px; display: block; width: 100%; text-align: left; }
#generator-form input[type="text"] { padding: 4px; font-size: 11px; color: #666; border-radius: 4px; border: solid 1px #e1e1e1; }
#generator-form input[type="text"]:focus { border: solid 1px #c4c4c4; }
#generator-form input[type="submit"] { padding: 5px 10px; font-size: 11px; }
#generator-form .hidden-input { overflow: hidden; padding-bottom: 5px; }
#generator-form .divider { background: #f5f5f5; }
#generator-form .hidden-input:hover { padding-bottom: 5px; }
#generator-form .divider label { margin-top: 2px; font-weight: bold; font-size: 10px; }
#generator-form .toggle { box-shadow: none; border: solid 1px #ABABAB; color: black; padding: 2px 2px; font-size: 12px;}
#generator-form .toggle.enabled { background: #CCCCCC; }
#generator-form .toggle.enabled:hover {background: #FAAB65; }
#generator-form .toggle.disabled  {background: #FFB675; cursor: default; }

.generator-element.locked, #element-dropdown .locked { opacity: 0.6; }
.upgrade-message { font-size: 11px; display: none; text-align: center; background: rgba(255,255,255,0.5); border: solid 1px #fff; padding: 10px; margin-top: 15px; }
.generator-element.locked .upgrade-message { opacity: 1 !important; }

ul#element-dropdown ul li.nav-item-locked { background: rgb(240, 240, 240); }
.nav-item-locked a { opacity: 0.3; }

.help-content { display: none; font-size: 11px; }

#site-templates-window p { font-size: 11px; margin-bottom: 5px; }
#site-templates-window p input[type=checkbox] { position: relative; top: 2px; }
#site-templates-window .overview { margin-left: 15px; }
#site-templates-window .overview li { background: url('/images/pages.png') no-repeat; height: 130px; width: 140px; }
#site-templates-window .overview li a { display: block; text-align: center; padding: 5px; border-radius: 25px; background: url('/images/alpha_black-60.png') repeat; position: relative; top: 40px; color: #fff; }
#site-templates-window .overview li a:hover { background: url('/images/alpha_black-80.png') repeat; color: #fff; }

#basic { text-align: center; }
#basic p { display: inline-block; margin: 0; font-size: 11px; line-height: 13px; padding: 0 10px; }
#basic p img { position: relative; left: 3px; }
#basic div p span { display: block; width: 150px; }

#custom h3 { padding-top: 15px; }

#templates-container { text-align: center; }
.template { display: inline-block; position: relative; margin: 0 10px; font-size: 11px; line-height: 12px; }
.template .description { position: absolute; z-index: 100; top: 105px; left: -50px; width: 255px; border: solid 1px #e1e1e1; background: #fcfcfc; padding: 10px; font-size: 11px; text-align: left; border-radius: 10px; line-height: 13px; box-shadow: 0 1px 10px rgba(0,0,0,.1); }
.template .description .template-contents { float: right; width: 145px; }
.template .description a img { border: solid 1px #fff; }
.template .description a:hover img { border: solid 1px #000; }
.template .description .subtle { text-align: center; margin-top: 4px; }
.template .description .up-arrow { position: absolute; top: -12px; left: 71px; }

#page-settings { padding: 4px 8px; background: #f9f9f9; border: solid 1px #fff; outline: solid 1px #e9e9e9; }
#page-settings #page-settings-header p { margin-bottom: 0px; }
#page-settings #page-settings-header p a { display: block; }
#page-settings #page-settings-content > div { margin-bottom: 20px; }
#page-settings #page-settings-content > div input { margin-bottom: 0; }
#page-settings #page-settings-content > div:last-child { margin-bottom: 10px; }
#page-settings.showing #page-settings-header p { border-bottom: solid 1px #e9e9e9; padding-bottom: 4px; margin-bottom: 10px; }

/*** ELEMENT SELECTOR ***/
.menu_body li.alt { background: #e3f3f9; }

#generator-form .generator-element span.hide, #generator-form .hide, .hide { display:none; }

.your-pages ul li { font-size: 11px; list-style-type: none; border: 0; background: none; margin-bottom: 2px; padding-bottom: 2px; border-bottom: dashed 1px #eee; }
.your-pages ul li:last-child { border-bottom: none; }
.your-pages ul li a { display: block; color: #000; }
.your-pages #mobile-pages a.delete { float: right; color: #ff0000; }
.your-pages #mobile-pages a.delete:hover i { display: inline !important; }


.your-pages #site-style { margin-bottom: 30px; }
#basic, #themed { overflow: hidden; }
#basic a img, #themed a img { float: left; border: solid 1px #eee; overflow: hidden; margin: 0 3px 3px 0; padding: 1px; }
#basic a:hover img, #themed a:hover img { border: solid 1px #ccc; }
#basic a img.selected, #themed a img.selected { border: solid 1px #000; }
#templates-container { margin-bottom: 20px;display:none; }

/* COLUMN LIST
************************************************/
.four_column{list-style-type:none; margin:0px; padding:0px;}
.four_column li{list-style-type:none;width:22%; margin-right:4%; float:left;}
.four_column.steps-overview li{list-style-type:none;width:215px; margin-right:2%; float:left;}
.four_column p{margin-bottom:18px;}
ul.box_text{ margin:0px!important; padding:0px!important;  }
ul.box_text li{ border:0px!important; border-bottom:1px solid #e9e8e8!important;  padding:2px 0px!important; margin:0px!important; font-size:11px; color:#7e7e7e; list-style-type:none; text-align:right !important; clear:both; font-weight:normal;}
ul.box_text .left{float:left; font-weight:bold;}
.three_column{list-style-type:none; margin: 0 0 50px 0; padding:0px; overflow: hidden; }
.three_column li{list-style-type:none; width:31.26%; margin-right:3.1%; float:left;}
.three_column p{margin-bottom:10px;}
.three_column li ul li { list-style-type: circle; margin-left: 40px; }
.two_column{list-style-type:none; margin:0px; padding:0px;}
.two_column li{list-style-type:none;width:48%; margin-right:4%; float:left;}
.two_column p{margin-bottom:10px;}
.three_four_column{list-style-type:none; margin:0px; padding:0px;}
.three_four_column li{list-style-type:none;width:74%; margin-right:4%; float:left;}
.three_four_column p{margin-bottom:18px;}
.two_column li li, .three_column li li, .four_column li li, .three_four_column li li{margin:0px; width:auto !important; float:none;}
.two_column .alignleft, .three_column .alignleft, .four_column .alignleft{ margin-right:3px; margin-bottom:0}
/***********************************************/
/* COLORBOX
************************************************/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:0;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:6px; right:6px; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}
.cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,.cboxIE6 #cboxTopCenter,.cboxIE6 #cboxTopRight,.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,.cboxIE6 #cboxBottomRight,.cboxIE6 #cboxMiddleLeft,.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");}
/***********************************************/
/* ELEMENT DROPDOWN
************************************************/
ul#element-dropdown { position: relative; z-index: 50; margin: 10px 0 20px 0; border-bottom: solid 1px #e1e1e1; background: #f5f5f5; top: -13px; }
ul#element-dropdown li { float: left; zoom: 1; background: #f9f9f9; list-style-type: none; border-right: solid 1px #e1e1e1; }
ul#element-dropdown li span { background: #f9f9f9; float: left; display: block; padding: 4px 8px; text-transform: uppercase; font-family: Georgia, Serif; font-size: 11px; color: #333 }
ul#element-dropdown li:first-child { border-left: solid 1px #e1e1e1; }
ul#element-dropdown a:hover { color: #000; }
ul#element-dropdown a:active { color: #000; }
ul#element-dropdown li a { display: block; padding: 4px 8px; color: #7e7e7e; font-size: 12px; }
ul#element-dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul#element-dropdown li.hover,
ul#element-dropdown li:hover { background: #f1f1f1; color: black; position: relative; }
ul#element-dropdown li.hover a { color: black; }
ul#element-dropdown li a img { margin-right: 8px; position: relative; top: -1px; }
ul#element-dropdown li.right-link { float: right; border-right: solid 1px #e1e1e1; }
ul#element-dropdown li.right-link-border { float: right; border-right: solid 1px #e1e1e1; border-left: solid 1px #e1e1e1; }
    /* LEVEL TWO */
    ul#element-dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: -1px; margin: 0; border-top: solid 1px #e1e1e1; }
    ul#element-dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; position: relative; }
    /* IE 6 & 7 Needs Inline Block */
    ul#element-dropdown ul li a { border-right: none; width: 100%; display: inline-block; }
        /* LEVEL THREE */
        ul#element-dropdown ul ul { left: 100%; top: 0; }
        ul#element-dropdown li:hover > ul { visibility: visible; }
ul#element-dropdown li ul.sub_menu {float:left;display:inline;}
ul#element-dropdown li ul.sub_menu.second {left:-221px;border-right:solid 1px #E1E1E1}
ul#element-dropdown li ul.sub_menu.third {left:-442px;border-right:solid 1px #E1E1E1}
/***********************************************/
/* ACCOUNT MANAGER PAGES
************************************************/
ul#account_info {list-style-type:none;margin:10px 0;padding:0;font-size:90%;}
ul#account_info li {text-indent:0;padding:10px 0;}
ul#account_info span {font-weight:bold;}
div #subnav_account a {color:#A0A0A0;}
div #subnav_account a.on {color:#FF7901;text-decoration:underline;}
/**********************************************/
/* PRICING PAGE
***********************************************/
a.sign_up{font-size: 12px; color: #fff;text-decoration: none;width: 120px;height: 24px;padding: 6px 0px 2px 0px;display: block;text-align: center;margin-left: auto;margin-right: auto;text-shadow: 0px 1px 0px #666;/* text shadow for firefox 3.6+ */
    border: 1px solid #3f9d06; background-color: #73ca0b;outline: none;background: #73ca0b;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.5);-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.5);-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.5);
    border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;font-weight: bold;}
a.sign_up:hover{color: #fff;height: 24px;padding: 6px 0px 2px 0px;text-shadow: 0px 1px 0px #666;
    border: 1px solid #3f9d06;background-color: #4fab07;outline: none;/* gradient */
    box-shadow: 0px 1px 0px rgba(255,255,255,0.5);-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.5);-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.5);}
a.learn-more{display:block;padding-top:5px;font-size:11px;color:#eee;}
a.learn-more:hover{color:#fff;}
tr.alt td{background:#f8eee1;}
tr.over td{background:#f2e4d2;}
.pricing h3 img{margin-right:8px;position:relative;top:0px;}
thead td h3{font-size:18px;}
.package-mid{width:100%;}
.package-low{width:100%;margin-bottom:20px;color:#333;}
.package-high{overflow:hidden;margin-left:0;}
.package-high li{border-radius:5px;list-style-type:none;float:right;text-align:center;width:180px;margin-left:15px;padding:10px 5px;}
.package-high li p{color:#333;font-size:13px;}
.package-high li h3{font-size:45px;}
.package-high li h3 span{font-size:52px;}
.package-high li h4{font-size:13px;}
.package-low .feature{padding-left:5px;}
#feature-breakdown .section-break{border-bottom:dashed 1px #e3e3e3;margin:25px 0 20px;}
.zigzag{margin:40px 0;}
.pricing table { border-bottom:1px dashed #e9e9e9; padding-bottom:25px; margin-bottom:10px !important; /* border-collapse: separate; */ }
table td{text-align:center;padding:3px 2px;}
table td.feature{text-align:left;}
.feature img{margin-right:6px;position:relative;top:2px;}
.qfuse-tooltip{display:none;position:absolute;z-index:999;left:-9999px;background-color:#ffba01;width:300px;border-radius:5px;padding:5px;}
.qfuse-tooltip p{color:#000;background-color:#fff;font-size:11px;border-radius:3px;margin:0;padding:2px 7px;}
.discounton {
    background: #EA9300;
    padding: 3px;
    font-size: 11px !important;
    text-align: center;
    border: 1px solid #FDBC00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: -9px;
}
/**********************************************/
/* WELCOME PAGE
***********************************************/
.template_preview img { margin-right: 10px; }
.template_preview h1 { margin-bottom: 0; }

.colorbox-modal { min-height: 200px;  }
.colorbox-modal h1 { background: url(/images/bg_heading.png) repeat-x bottom; height: 45px; padding-left: 5px; }
.colorbox-modal .content { padding: 0 5px; }
.colorbox-modal textarea { width: 300px; padding: 10px; }

.template_preview { background: url(/images/bg_heading.png) repeat-x bottom; height: 70px; }
.template_preview .button.tall { float: right; width: 200px; margin: 7px 7px 0 0; }
.template_preview .button.tall img { float: right; position: relative; top: 2px; left: 20px; }
.template_preview .button.tall span { font-size: 9px; font-weight: normal; color: #f0f0f0; }
.template_preview h1, .template_preview h4 { margin-left: 5px; }
.template_preview .template_screenshots { float: left; width: 250px; margin: 20px 0 20px 10px; }
.template_preview .template_screenshots img { border-radius: 8px; float: left; margin-right: 15px; }
.template_preview .content { float: right; width: 330px; padding: 20px 40px; }
.template_preview .features { border-top: solid 1px #f0f0f0; padding-top: 20px; margin-top: 30px; }

.page-welcome .alert-message.success { position: absolute; left: 50%; top: 110px; margin-left: -308px; }
.highlight { background: #F3FBFE; }
p.highlight { border: 1px solid #ccc; padding: 10px; }
div.highlight { border: 1px solid #ccc; padding: 10px 10px 10px 10px; margin: -1em 0 1em 0; }
/**********************************************/
/* GENERATOR
***********************************************/
.faded{opacity: .4;}
/**********************************************/
/* DASHBOARD
***********************************************/
#dash-pages-container { border-radius: 10px; background: #F9F9F9; float: right; width: 250px; border-left: 1px solid #ebebeb; padding-left: 20px; min-height: 208px; }
#dash-pages { margin: 0; overflow: auto; height: 148px; }
#dash-pages li { border-bottom: 1px dashed #ebebeb; margin-bottom: 2px; padding-bottom: 2px; font-size: 11px; list-style-type: none; }
#dash-pages li:last-child { border-bottom: none; }
#dash-pages li a { display: block; }
/**********************************************/
/* ANALYTICS PAGE STYLES
***********************************************/
.dim { text-align: left; }
.metric { text-align: right; }
#analytics .container { margin-bottom: 30px; border-bottom: 1px solid #e9e9e9; }
#analytics .container.last { border: none; }
#analytics table { border: none; width: 100%; border-spacing: 0; }
#analytics table td, #analytics table th { padding: 3px 6px; }
#analytics table td { border-bottom: solid 1px #ccc; }
#analytics table tbody tr:hover { background-color: #ffe6d0; }
#analytics table th { border-bottom: solid 1px #999; }
#analytics .chart p { margin-bottom: 5px; padding-left: 37px; }
#analytics .chart h3 { padding-left: 37px; }
#analytics #baselines .subtle.note { margin-bottom: 10px; }
#analytics #baselines div { width: 25%; float: left; text-align: center; }
#analytics #baselines div p.title { margin-bottom: 10px; }
#analytics #baselines div p.metric { font-weight: bold; font-size: 32px; margin-bottom: 10px; color: #ff7a04; }
#analytics #baselines div p.change { font-size: 11px; color: green; margin-bottom: 0; }
#analytics #baselines div p.change span { font-weight: bold; }
#analytics #baselines div p.previous { color: #999; font-style: italic; font-size: 11px; line-height: 13px; }
#analytics #device-scans { float: left; width: 50%; margin-right: 10%; }
#analytics #all-time { margin-left: 10px; }
#analytics #all-time .title { margin-bottom: 10px; text-shadow: 1px 1px 1px #fff; }
#analytics #table-view { width: 100%; text-align: left; }
#analytics #table-view th { background: #eee; padding: 3px 5px; }
#analytics #table-view td { text-align: left; }
/***********************************************/
/* COLORPICKER JQUERY CSS
***********************************************/
.miniColors-trigger {height: 22px;width: 22px;background: url(/images/colorpicker/trigger.png) center no-repeat;
    vertical-align: middle;margin: -3px 0 0 4px;display: inline-block;outline: none;}
.miniColors-selector { position: absolute;width: 175px;height: 150px;background: #FFF;border: solid 1px #BBB;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25); box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; z-index: 999999;}
.miniColors-selector.black {background: #000;border-color: #000;}
.miniColors-colors {position: absolute;top: 5px;left: 5px;width: 150px;height: 150px;
    background: url(/images/colorpicker/gradient.png) center no-repeat;cursor: crosshair;}
.miniColors-hues {position: absolute;top: 5px;left: 160px;width: 20px;height: 150px;
    background: url(/images/colorpicker/rainbow.png) center no-repeat;cursor: crosshair;}
.miniColors-colorPicker {position: absolute;width: 11px;height: 11px;
    background: url(/images/colorpicker/circle.gif) center no-repeat;}
.miniColors-huePicker {position: absolute;left: -3px;width: 26px;height: 3px;
    background: url(/images/colorpicker/line.gif) center no-repeat;}
.grayedOut{color: #ccc;}

/***********************************************/
/* jQuery Tour
***********************************************/
.jTour_box div,.jTour_box span,.jTour_box h1,.jTour_box h2,.jTour_box h3,.jTour_box h4,.jTour_box h5,.jTour_box h6,.jTour_box p,.jTour_box blockquote,.jTour_box pre,.jTour_box a,.jTour_box abbr,.jTour_box acronym,.jTour_box address,.jTour_box big,.jTour_box cite,.jTour_box code,.jTour_box del,.jTour_box dfn,.jTour_box em,.jTour_box font,.jTour_box img,.jTour_box ins,.jTour_box kbd,.jTour_box q,.jTour_box s,.jTour_box samp,.jTour_box small,.jTour_box strike,.jTour_box strong,.jTour_box sub,.jTour_box sup,.jTour_box tt,.jTour_box var,.jTour_box dl,.jTour_box dt,.jTour_box dd,.jTour_box ol,.jTour_box ul,.jTour_box li,.jTour_box fieldset,.jTour_box form,.jTour_box label,.jTour_box legend,.jTour_box table,.jTour_box caption,.jTour_box tbody,.jTour_box tfoot,.jTour_box thead,.jTour_box tr,.jTour_box th,.jTour_box td{
    margin:0; padding:0; border:0; outline:0; text-shadow:none; font-weight:inherit;
    font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;
    width:auto; height:auto; letter-spacing:normal; line-height:1em; background:none;}
div.jTour_overlay{ position:fixed; top:0; left:0; right:0; height:100%; min-height:100%; z-index:20000; }
div.jTour_box{font-family:sans-serif;font-size:14px;position:absolute;max-width:450px;text-align:left !important;padding:8px;z-index:20002;}
div.jTour_box.has-controls:hover{padding-bottom:0px;}
div.jTour_arrow{position:absolute;background-repeat:no-repeat;background-position:0% 0%;background-image:url(../images/jtour/tour_triangle.png);z-index:1;}
div.jTour_box.c, div.jTour_box.center { background-image:none; }
div.jTour_arrow.nw, div.jTour_arrow.n, div.jTour_arrow.ne, div.jTour_arrow.se, div.jTour_arrow.s, div.jTour_arrow.sw {height:8px; left:15px; right:15px;}
div.jTour_arrow.w, div.jTour_arrow.e { width:8px; top:15px; bottom:15px; }
div.jTour_arrow.nw, div.jTour_arrow.n, div.jTour_arrow.ne { bottom:1px; }
div.jTour_arrow.sw, div.jTour_arrow.s, div.jTour_arrow.se { top:1px; }
div.jTour_arrow.n{ background-position:50% 100%; }
div.jTour_arrow.ne{ background-position:100% 100%; }
div.jTour_arrow.nw{ background-position:0% 100%; }
div.jTour_arrow.s{ background-position:50% 0%; }
div.jTour_arrow.se{ background-position:100% 0%; }
div.jTour_arrow.sw{ background-position:0% 0%; }
div.jTour_arrow.e { background-position:0% 50%; left:1px; }
div.jTour_arrow.w { background-position:100% 50%; right:1px; }
div.jTour_content{ position:relative; padding:12px; overflow:hidden; line-height:1.4em;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
div.jTour_box.has-controls:hover div.jTour_content{
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;}
div.jTour_box.has-controls:hover div.jTour_arrow{background:none;}
div.jTour_progress{
    position:absolute;background:none;bottom:11px;left:12px;right:12px;
    margin:0;padding:0;height:1px;min-height:1px;line-height:1px;}
div.jTour_box.has-controls:hover div.jTour_progress{bottom:3px;}
div.jTour_progress_bar{position:relative;height:1px;line-height:1px;margin:0;padding:0;width:50%;}
ul.jTour_nav{
    height:28px; margin:0; padding:4px 4px 0; display:none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    min-width:168px;}
div.jTour_box.has-controls ul.jTour_nav{display:block;}
ul.jTour_nav li{
    opacity:0.3;filter:Alpha(30);float:left;list-style:none;
    margin:0;margin-right:4px;padding:0;}
ul.jTour_nav:hover li{opacity:0.9;filter:Alpha(90);}
jTour_nav li:first-child{margin-left:8px;}
ul.jTour_nav li a{
    text-indent:-9999px !important;display:block;width:24px;height:24px;cursor:pointer;
    padding:0;margin:0;line-height:1;background-image:url(../images/jtour/buttons.png);}
ul.jTour_nav li a:hover{}
ul.jTour_nav li a.play{background-position:0px 0px;}
ul.jTour_nav li a.stop{background-position:-29px 0px;}
ul.jTour_nav li a.pause{background-position:-58px 0px;}
ul.jTour_nav li a.faster{background-position:0px -29px;}
ul.jTour_nav li a.slower{background-position:-29px -29px;}
ul.jTour_nav li a.next{background-position:-58px -29px;}
ul.jTour_nav li a.prev{background-position:-87px -29px;}
div.jTour_content h1{ font-size:22px; }
div.jTour_content h2{ font-size:18px; }
div.jTour_content h3{ font-size:16px; }
div.jTour_content p{ font-size:14px; line-height:1.5em; }
div.jTour_content hr{
    height:0;line-height:0;border:0;border-top-width:1px;border-top-style:solid;border-bottom-width:1px;
    border-bottom-style:solid;margin:9px 0;padding:0;clear:both;display:block;}
div.jTour_content code, div.jTour_content pre{ font-family:"Courier New", Courier, monospace;}
div.jTour_content a,div.jTour_content a:link,div.jTour_content a:visited{ text-decoration:none;}
div.jTour_content a:hover{text-decoration:underline !important;}
div.jTour_content a,div.jTour_content a:link,div.jTour_content a:visited{text-decoration:none;}
/* THEME SPECIFIC STYLES **********************/
div.jTour_overlay{background:#333;}
div.jTour_content{background:#333;color:#ddd;
    -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);
    -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);}
div.jTour_progress_bar{background:#777;}
ul.jTour_nav{background:#333;}
ul.jTour_nav li a{background-color:#333;}
ul.jTour_nav li a:hover{background-color:#444 !important;}
div.jTour_content h1, div.jTour_content h2, div.jTour_content h3{color:#ddd;text-shadow:0 -1px 0 #111;}
div.jTour_content hr{border-top-color:#222;border-bottom-color:#444;}
div.jTour_content a,div.jTour_content a:link,div.jTour_content a:visited{color:#fff;}
div.jTour_content a:hover{color:#fff;}
div.jTour_content a,div.jTour_content a:link,div.jTour_content a:visited{color:#fff;}
/**********************************************/
/* WORDPRESS STYLES
***********************************************/
#sidebar { padding-top: 0; }
#sidebar ul { list-style-type: none; margin-left: 10px; }
#sidebar h2 { font-size: 22px; }
#sidebar #searchform { overflow: auto; background: #F9F9F9; border-radius: 5px; border: solid 1px #EAEAEA; padding: 10px; }
#sidebar input#s { width: 150px; padding: 5px; float: left; }
#sidebar #searchsubmit { float: right; width: 70px; margin-left: 0; padding: 6px 10px; }
#sidebar label.screen-reader-text { margin: 0; text-align: left; color: #000; }

.post h2 { margin-bottom: 0; }
.post small { display: block; margin-bottom: 10px; }
.post .postmetadata { font-size: 11px; border-bottom: solid 1px #EAEAEA; padding-bottom: 10px; margin-bottom: 20px; }
.post .postmetadata.lastpost { border: 0; }

.socialize-text { font-size: 11px; }
.socialize-containter { min-height: 100% !important; }
.socialize-in-content { padding: 0 0 0 25px; }

#commentform { margin-left: 50px; }
#commentform p { margin-bottom: 21px; }
#commentform #comment { width: 511px; }
#commentform #submit { margin-left: 374px; }

.comment { padding: 5px 10px; border: solid 1px #EAEAEA; margin-bottom: 20px; background: #F9F9F9; }
.comment p { font-size: 12px; }
.commentlist { list-style-type: none; margin-left: 0; }
.commentlist .avatar { float: left; margin: 5px 10px 0 0; }
.commentlist .comment-meta { font-size: 11px; margin-bottom: 5px; }
.commentlist .reply { border-top: solid 1px #EAEAEA; font-size: 11px; text-align: right; }
/**********************************************/

/* used for adding checkmarks to ul li lists */
.checkmark li {
	background: url(/images/content/checkmark.png) no-repeat left top;
	padding: 3px 0px 3px 20px;
	list-style-type: none;
	vertical-align: middle;
}

.checkmark2 {
	list-style:none;
}
.checkmark2 li {
	background:url(/images/content/checkmark2.png) no-repeat left center;
	padding-left: 34px;
	margin: 3px 0 3px 0;

	/* commented this out due to a weird CSS issue where it cannot vertically align image. very annoying
	list-style-image: url(/images/content/checkmark2.png);
	vertical-align: top;
	*/
}

/* testimonials, used in a few places on site */
.testimonials .textSection { margin-bottom: 20px; }
.testimonials .textSection .prominant { background: #EEEEEE url('/images/content/icon_quote-gray.png') top left no-repeat; padding: 20px 25px 15px 45px; }

.testimonial { color: #82d126; font-family: Georgia, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	text-align: left;
}

/* Mobile Showcase */
.showcase { margin-bottom: 15px; }
.showcase li a { display: block; width: 288px; background: #f9f9f9; border: solid 1px #fff; outline: solid 1px #e7e7e7; }
.showcase li a span { display: block; height: 258px; margin: 15px 15px 40px; border: solid 1px #e7e7e7; outline: solid 1px #fff; }
.showcase li a:hover span { background-position: 0 -258px !important; }
.showcase li p { font-size: 16px; padding: 10px 0 20px; }

img.bannerImage  {
	margin-left: -10px;
	margin-top: -30px;
	width: 105%;
    max-width: none;
}

/* tooltip */
a.cssTooltip {outline:none; }
a.cssTooltip strong {line-height:30px;}
a.cssTooltip:hover {text-decoration:none;}
a.cssTooltip span{
	z-index:10;
	display:none !important;
	padding:14px 20px;
	margin-top:-30px; margin-left:28px;
	width:260px; line-height:16px;
}
a.cssTooltip:hover span{
	display:inline !important;
	position:absolute; color:#111;
	border:1px solid #DCA; background:#fffAF0;
}
.cssCallout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}

/*CSS3 extras*/
a.cssTooltip span{
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	-moz-box-shadow: 5px 5px 8px #CCC;
	-webkit-box-shadow: 5px 5px 8px #CCC;
	box-shadow: 5px 5px 8px #CCC;
}

/* Fix for CKFinder */
/*.cke_dialog_contents input.cke_dialog_ui_input_text { display: block !important; }*/

/* CKEditor Overrides */

.cke_reset { margin: 3px 0 0 0 !important; }

.cke_top {
    border-bottom: 1px solid #abdded !important;
    padding: 6px 8px 2px !important;
    background: #f0f9fc !important;
}

.cke_chrome { border: none !important; box-shadow: none !important; }

.cke_top { box-shadow: none !important; }

.cke_bottom {
    border-top:1px solid #abdded !important;
    background:#f0f9fc !important;
}

.cke_toolgroup, .cke_combo_button {
    border:1px solid #aec9d2 !important;
    border-bottom-color:#86acb9 !important;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset !important;
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset !important;
    box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset !important;
    background:#e4e4e4 !important;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#e2f4fa),to(#bedee9)) !important;
    background-image:-moz-linear-gradient(top,#e2f4fa,#bedee9) !important;
    background-image:-webkit-linear-gradient(top,#e2f4fa,#bedee9) !important;
    background-image:-o-linear-gradient(top,#e2f4fa,#bedee9) !important;
    background-image:-ms-linear-gradient(top,#e2f4fa,#bedee9) !important;
    background-image:linear-gradient(top,#e2f4fa,#bedee9) !important;
}

.cke_dialog_ui_vbox label { float: none; }

.cke_dialog {
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) !important;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) !important;
}

a.cke_button { padding: 4px 5px !important; }

.upgrade-message h3 { padding-top: 10px; }
.upgrade-message .icon-circle-arrow-up { opacity: 0.2; }
.upgrade-message a { text-decoration: underline; }

/* for feature sets, such as /learn-more/nfc */
.feature-set h3 {
	padding-top: 7px;
	margin-bottom: 4px;
	color: orange;
}

.mobile-url {
    padding: 5px 10px;
    font-size: 11px;
    background: #f3f3f3;
    border: solid 1px #e1e1e1;
    margin-top: 20px;
    border-radius: 5px;
    box-shadow: inset 1px 1px 1px #fff;
}

.home-clip {
    width: 250px;
    height: 250px;
    overflow: hidden;
}
.home-clip img {
    max-width: none;
    margin-top: -25px;
}
.home-clip.two img {
    margin-left: -335px;
    margin-top: -20px;
}
.home-clip.three img {
    margin-left: -672px;
}
.home-column-header {
    font-weight: 200;
    text-align: center;
    color: #FF7901;
    margin-bottom: 10px;
}
.bullet-bg {
    background: url(../images/content/bullet-bg.jpg) no-repeat 100% 0;
    height: 65px;
    padding-top: 10px;
    padding-right: 40px;
    font-size: 13px;
    line-height: 17px;
}
.bullet-bg-img {
    margin: 5px 8px 0 0;
    float: left;
}
.home-columns a {
    color: #FF7901;
}
.home-columns li {
    width: 270px;
    height: 240px;
    padding-left: 25px;
}
.home-columns li.middle {
    padding-right: 25px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.home-columns li:last-child {
    padding-left: 0;
}
.home-columns .home-column-links {
    font-weight: bold;
    color: #000;
    display: block;
}
.home-columns .home-column-links:hover {
    color: #FF7901;
}
.home-columns .content {
    min-height: 190px;
}

.home-columns .home-column-links img {
    width: 15px;
    margin-left: 5px;
    margin-top: -2px;
}
.home-discover {
    font-size: 68px;
    margin-bottom: 12px;
    line-height: 50%;
    margin-left: 40px;
    margin-top: 30px;
    color: #FF7901;
}
.home-discover-byline {
    margin-bottom: 10px;
    margin-left: 43px;
    color: #888;
    font-size: 22px;
}
.home-discover-btns {
    float: right;
    width: 590px;
    padding-top: 20px;
}
.home-discover-btns .button {
    padding: 10px 20px;
    text-align: center;
    float: left;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
}

.roundedCorners{
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.learn-more-block {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin: 10px 0 20px;
}

.learn-more-block .image-left {
    width: 250px;
    text-align: center;
}

.learn-more-desc {
    width: 100%;
    max-width: 520px;
}

.learn-more-block .img-left img {

}

.learn-more-block:last-child {
    border-bottom: 0;
}