@charset "utf-8";
/* CSS Document */


body{
	margin:0px 0px 0px 0px;
	color: #6D6D6D;
	background-color:#fff;
	font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
	/*-webkit-font-smoothing: antialiased; */
	font-weight: 500;
}

body.logged-in{height:auto;
	background-color: #202020;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#393939),to(#202020));
	background-image: -webkit-linear-gradient(top,#393939,#202020);
	background-image: -moz-linear-gradient(top,#393939,#202020);
	background-image: -o-linear-gradient(top,#393939,#202020);
	background-image: linear-gradient(to bottom,#393939,#202020);}
html, body {height: 100%; }

/*.btn, .input-group-addon {font-weight: 600;}*/
/* Fix to allow webshim datepicker to show correctly on bootstrap form-control date input types */
input.form-control.ws-date {position: initial; float:none;}

.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0 !important; }
.bootstrap-table .fixed-table-container table {margin-bottom:0px;}
.bootstrap-table table.table-no-bordered tr {border: 2px solid #0000;}

#app-buttons-table-container .fixed-table-container {border: 0 !important;}

@keyframes shake {
    0% { left: -5px; }
    100% { right: -5px; }
}
input.shake-on-error{
	color: #FF6666;
	position: relative;
	animation: shake .1s linear;
	animation-iteration-count: 3;	
}

a.iconic-btn.iconic-xsm {
	height: 12px;
}
svg.iconic.iconic-xsm {
    width: 12px;
    height: 12px;
}
.iconic.gray * {
	fill: #b2b2b2;
	stroke: #b2b2b2;
}
.iconic.red * {
	fill: #F44336;
	stroke: #F44336;
}
a.disabled .iconic.red * {
	fill: #bababa;
	stroke: #bababa;
}
.iconic.blue * {
	fill: #428bca;
	stroke: #428bca;
}

.iconic-btn {
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
}

.redactor-styles ul {list-style:inherit;}
.redactor-styles ol {list-style:decimal;}
#redactor-modal input[type=file] {display:inline !important;}

/* Nifty CSS to allow iframe to be responsive*/
.video-container { position: relative; 	padding-bottom: 56.25%; height: 0; overflow: hidden; margin:10px auto;}
.video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.video-container img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
.video-container div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("../img/layout/vidPlayBtn.png") no-repeat; }

.white-with-shadow {-webkit-box-shadow: 0 0 8px #CCC; box-shadow: 0 0 8px #CCC; background-color:#fff;}
.radio, .checkbox {padding-left: 25px;}
.rounded {border: 1px solid #f2f2f2; -moz-border-radius: 4px; -webkit-border-radius: 4px; -opera-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.contact-us .other-ways a:hover{color: #428BCA; text-decoration:underline;}
/*.main-content .container {width:85%;} */
.main-content-color {color:#6d6d6d;}
.main-content {color:#6d6d6d;}
.main-content .big {font-size:1.9em;}
.main-content .grande {font-size:50px;}
.main-content .medium {font-size:22px;}
.main-content .centered, .footer_wrapper .centered, .about-us .centered, .contact-us .centered  {margin: 0 auto;}
.main-content .stats { padding-top:30px; padding-bottom:30px; background-color: rgba(66, 139, 202, 1); color:#fff; border-bottom: 1px solid #DDD;}
.main-content .recommendations {padding:30px 0px; border-bottom:1px solid #ddd;}
.main-content .recommendations h3, .main-content .recent-projects h3, .main-content .the-process h3{text-align:center;}
.main-content .recommendations .column{width:48%; padding:10px; margin: 10px 2px; display:inline-block; background-color:#fff; vertical-align: top;}
.main-content .recent-projects {padding:30px 0px; border-bottom:1px solid #ddd;}
.main-content .recent-projects .column{width:48%; padding:10px; margin: 10px 0px; display:inline-block; background-color:#fff; vertical-align: top}
.main-content .recent-projects img{margin-bottom:5px;}
.main-content .competition {padding:30px 0px; border-bottom:1px solid #ddd; text-align: center;}
.main-content .competition .column.promo {width:45%; display: inline-block; vertical-align: top;}
.main-content .competition .column.video {width:51%; display: inline-block; vertical-align: top;}
.main-content .competition .column h3{margin-top:0px;}
.main-content .competition .container{padding-top:20px; padding-bottom:20px;display: inline-block; width:50%; min-width:320px; max-width:520px}
.about-us, .contact-us, .log-me-in {padding-top:20px; border-top:1px solid #ddd;}
#loginform .log-me-in-box {max-width:300px; margin:25px auto; width:85%; max-width:350px; }
#loginform .log-me-in-box input {margin-bottom:10px; width:100%}
.contacter .contact-form-box, .contacter .other-ways {display:inline-block; vertical-align: top;}
.contact-form-box .inputs-box .input-group .input-group-addon {background-color: #E5E5E5;}

.footer_wrapper {padding:0 20px 20px 20px; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;}
.footer_wrapper ul {padding: 0 0 0 5px;}
.footer_wrapper li {padding-bottom: 5px;}
.footer_wrapper .column-75{width:75%; padding:10px; display:inline-block; vertical-align: middle}
.footer_wrapper .column-25{width:25%; padding:10px; display:inline-block; vertical-align: middle;}
.footer_wrapper a{text-decoration: underline; padding-right:10px;}
.footer_wrapper .links-row {margin:10px; 0px;}
.main-content .the-process {
	/*background-image: url(../img/layout/Gears__white_background_by_ChristianNickel_faded.png);
	background-position: initial initial;
	background-repeat: initial initial;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; */
	padding-top:30px;
	padding-bottom:30px;
	border-bottom: 1px solid #DDD;}
.main-content .the-process .column {width:48%; display:inline-block; vertical-align: top; padding-right:25px;}

#features {border-bottom: 1px solid #ddd;width:90%;text-align: center; padding-top:20px;padding-bottom:20px;}
#features #featuresPageTitle {margin: 0;text-align: center;}

#features.featuresPageIsShowing #featuresPageTitle {display:none;}

.features-modal {top:100px}
.features-modal img {max-width:250px}
/*.features-info .feature-block:before { content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em; }
.features-info .feature-block .feature {display: inline-block;vertical-align: middle;} */
.features-info.more-detail {margin-top:0px; margin-bottom:75px;display: inline-block;width: 80%;vertical-align: top;}
.features-info .feature-imgs img { display: inline-block; min-width:200px; max-width: 280px;padding: 10px;width: 30%;}
.features-box .slick-prev:before, .main-content .features-box .slick-next:before {font-size:40px;}
.features-box .slick-next {right:20px; z-index:1; width:40px; height:40px;}
.features-box .slick-prev {left:20px; z-index:1;width:40px; height:40px;}
.features-box .slick-slider {margin-bottom: 0px;}
.features-box-nav {position: absolute; left:0px; right:0px;text-align: center; background-color: #2f2f2f; z-index: 1; padding: 10px 0px; font-weight: bold;} 
.features-box-nav a {display: inline-block; padding:0 20px; color: #fff; }
.features-box-nav a.active {text-decoration: underline; color: #4994DE;}
.features-box .slide {position: relative; height:60vh; min-height:230px; max-height:300px; background-position: top center; background-size: cover;}
.features-box .promo-box {position: absolute; bottom: 0px; left: 0px; /*max-width: 350px;*/ background-color: rgba(40, 40, 40, 0.34); color: #fff; padding: 0 10px;}
.features-box .promo-box.centered {width:100%; text-align: center;}
.features-box .slide img.main {max-height: 630px; visibility: hidden; height: 60vh;}
.features-box .promo-box a {color:#fff; text-decoration: none; outline:none;}
.features-box a:hover, .features-box a:focus  {text-decoration: underline; outline:none;}
.features-box .preview-img {position: absolute; top: 50%; right: 70px; display: inline-block; width: 25%; min-width: 175px; max-width: 250px; padding: 20px; transform: translateY(-50%);}
.features-box .preview-img.leftside {right: inherit; left:70px;}
.features-info {margin-top:30px; /*color:#222;*/}
.features-info .features-col {display:inline-block; width:33%; min-width:300px; vertical-align: top;}
.features-info .feature-block {border: 1px solid #f7f7f7; border-radius: 4px; margin:10px 5px; min-height: 125px;}

/*.features-info .feature-block:hover {background-color: #fbfbfb;}*/
.features-info .features-block {display: inline-block; padding:15px 10px; vertical-align: middle;}
.features-info .features-block.wide {width:100%; max-width: none; margin-top:25px; height:auto;}
.features-info .features-block .feature-block {display:inline-block; width: 33%; min-width: 200px;  /*height:25%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;*/}
.features-info .features-block.wide .feature-block {height:inherit; width:33%; display: inline-block;}
.features-info .features-block.three-items .feature-block {height:33%}
.features-info .feature-img {display: inline-block; width:350px; padding:20px;}
.features-info .feature-img.wide {display: block; width:auto; padding:20px;}
.features-info .feature-img img {width:100%;}
.features-info .feature { padding: 10px 10px; }
.features-info .feature.vertical-center {position: relative; top: 50%; transform: translateY(-50%);}
.features-info .features-block.wide .feature { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding:5px; }
.features-info .feature.rightside { padding: 20px 0 20px 15px; border-top-left-radius: 100px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 100px;}
.features-info .feature.selected { background: #336596; color: #fff;}
.features-info .feature img {vertical-align: top; width: 20%; max-width: 45px; display: inline-block;}
.features-info .feature .text-block {display: inline-block; width:80%; padding:0px 8px; vertical-align: top; text-align: left;}
.features-info .feature.big-img .text-block {display: inline-block; width:200px; padding:10px; vertical-align: middle; text-align: left;}
.features-info .feature .title {line-height: 1.5em; font-weight: 600; color:#6d6d6d; margin: 0 0 2px 0;}


.features-info-nav {display: inline-block;width: 25%;max-width: 300px;text-align: left;padding-top:30px;padding-right:15px; overflow:auto; position: fixed;}
.features-info.more-detail {text-align: left;padding-left: 25%;margin:0 0 75px 15px; display: inline-block;width: 100%;vertical-align: top;}
.pricing-info.more-detail {text-align: left; margin:0 25px 25px 25px; width: 100%;vertical-align: top;}
#features-info-box, #pricing-info-box {margin-top:-1.4em;}
#features-info-box.big-screen .features-info.more-detail, #pricing-info-box.big-screen .pricing-info.more-detail {padding-left:325px}
.features-info.more-detail .feature-imgs, .pricing-info.more-detail .feature-imgs {overflow: auto; white-space: nowrap; padding-bottom: 20px;}
.features-info.more-detail ul li {font-size: 1.15em; text-align: left; list-style-type: disc;padding-bottom:5px;}
.features-info-nav .link {font-size: 1.1em; cursor: pointer;}
.features-info-nav .link.active{color:#00a5ed;text-decoration: underline;}

#pricing-info-box {width:95%; margin-left:auto; margin-right:auto;}
#pricing-info-box .bx-wrapper .bx-controls-direction a {opacity: 0;}
#pricing-info-detail-box {padding-top:25px;}
.pricing-box-left {display: none; width:49%;}
.pricing-box-left.active {display: inline-block;}
.pricing-box-left .title{margin-top:0px;}
.pricing-info-right {display: inline-block; width:51%; vertical-align: top; padding: 0 10px 0px 30px; }

#pricing .nav-tabs>li.active>a, #pricing .nav-tabs>li.active>a:hover, #pricing .nav-tabs>li.active>a:focus {color: #00a5ed;background-color: #f7f7f7;}
#pricing .tab-content ul li {font-size: 1em; text-align: left; list-style-type: disc;padding-bottom:5px;}
#pricing ul.pricing-tabs li a {min-height: 68px;}
#pricing.mobile {padding-left:8px; padding-right:8px;}
#pricing.mobile #pricing-info-box {width:100%;}
#pricing.mobile .pricing-info.more-detail {margin-left:0px; margin-right:0px}
#pricing.mobile .pricing-box-left {display: none;}
#pricing.mobile .pricing-info-right {width:100%; padding:0;}
#pricing.mobile .pricing-info-right .pricing-tabs li a{padding:10px 6px;}

#download-buttons-container a:focus{outline: none;}

#slider {
  max-height: 600px;
  max-width: 500px;
  position: relative;
  overflow: hidden;
  margin: 20px auto 20px auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  /*height: 200px;*/
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  max-height: 600px;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
      position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 1em 1.3em;
    width: auto;
    height: auto;
    background: #ccc;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.5em;
    opacity: 0.8;
    cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 50%;
}

a.control_next {
  right: 0;
  border-radius: 50%;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}
.slider li img { max-width:250px;}


.really-blurred {
	filter: blur(15px);
}

/*
.features-block .feature img.enrollment {content:url("../img/layout/receipt-blue-80x90.png");}
.features-block .feature img.calendar {content:url("../img/layout/calendar-blue-120.png");}
.features-block .feature img.stattracker {content:url("../img/layout/line-chart-v2x120.png");}
.features-block .feature img.social {content:url("../img/layout/facebook-blue-120.png");}
.features-block .feature img.content-img {content:url("../img/layout/note-bluex120.png");}
.features-block .feature img.screen {content:url("../img/layout/screen-bluex120.png");}
.features-block .feature img.statistics {content:url("../img/layout/line-chart-bluex150.png");}
.features-block .feature img.forms {content:url("../img/layout/form-bluex120.png");}
.features-block .feature img.brush {content:url("../img/layout/brush-bluex120.png");}
.features-block .feature img.sponsors {content:url("../img/layout/sponsors-bluex120.png");}
.features-block .feature img.camera {content:url("../img/layout/camera-bluex120.png");}

.features-block .feature.selected img.enrollment {content:url("../img/layout/receipt-white-80x90.png");}
.features-block .feature.selected img.calendar {content:url("../img/layout/calendar-white-120.png");}
.features-block .feature.selected img.stattracker {content:url("../img/layout/line-chart-v2-whitex120.png");}
.features-block .feature.selected img.social {content:url("../img/layout/facebook-white-120.png");}
.features-block .feature.selected img.content-img {content:url("../img/layout/note-whitex120.png");}
.features-block .feature.selected img.screen {content:url("../img/layout/screen-whitex120.png");}
.features-block .feature.selected img.statistics {content:url("../img/layout/line-chart-whitex150.png");}
.features-block .feature.selected img.forms {content:url("../img/layout/form-whitex120.png");}
.features-block .feature.selected img.brush {content:url("../img/layout/brush-whitex120.png");}
.features-block .feature.selected img.sponsors {content:url("../img/layout/sponsors-whitex120.png");}
.features-block .feature.selected img.camera {content:url("../img/layout/camera-whitex120.png");}
*/
.features-block .feature.selected img.inactive-img {display: none;}
.features-block .feature:not(.selected) img.active-img {display: none;}

#faq-content, #howitworks-content {padding-top:20px; margin: 0 10px; color:#333;}
#faq-content ul li, #howitworks-content ul li{padding-bottom:10px;}
#faq-content a, #howitworks-content a{text-decoration: underline;}
#faq-content h1, #faq-content h2, #faq-content h3, #faq-content h4 {margin-bottom: 3px;}
#faq-content .item {padding: 10px 0;}
#faq-content .answer {padding:10px;}

#signup-container {padding-top:10px;}
#signup-form {color:#1f1f1f; min-height: 60vh; margin-left: auto;margin-right: auto; background-color:#fff;padding:20px;border-radius:7px;overflow: auto;}
#signup-form.width500 {max-width:500px;}
#signup-form.width700 {max-width:700px;}
#signup-form.chooseAnApp {max-width:690px;}
#signup-form input:not([type='checkbox']):not([type='radio']), #signup-form select {height: 2.2em;font-size: 1.1em;line-height: 1.5em;}
#signup-form select {padding:0;}
#signup-form button.submit {float:right;}
#signup-form img.pricing-img {width:100%;}
#signup-form .pricing-img-box {display:inline-block; width:30%; max-width:75px; padding-top: 7px; vertical-align: top;}
#signup-form .pricing-text-box {display:inline-block; text-align: left; /*max-width:155px;*/ font-size:90%;}
#signup-form .pricing-text-box .caption {font-weight: bold;}
#signup-form .pricing-selection-box {display:inline; padding-left:5px; padding-right:5px; }
#signup-form .pricing-option .title {text-align: left !important;}
#signup-form .pricing-option {text-align: left;padding-bottom: 10px;vertical-align: top;}
#signup-form #pricing-options {border:none;}
.mobile-app-agreement ol,.mobile-app-agreement ul {list-style-type: decimal;}
.tiled-background {background: url(../img/layout/tiles.jpg) repeat 0 0 #FFF;}
.bold {font-weight:bold;}

/*.features-info .feature.selected {background: #F4F9FC; border-radius: 3px; overflow: hidden;}
.features-info .feature.selected:before {
    content: "";
    background: #f4f9fc;
    right: -8px;
    height: 200px;
    top: 50%;
    margin-top: -100px;
    width: 200px;
    position: absolute;
    -ms-transform: rotate(45deg) skew(20deg,20deg);
    -webkit-transform: rotate(45deg) skew(20deg,20deg);
    transform: rotate(45deg) skew(20deg,20deg);
    border-radius: 3px;
    z-index: 2;
}
.features-info .feature.selected:after {
    content: "";
    right: 0;
    width: 100px;
    background: #FFF;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}*/

.main-content .features{width:30%; display:inline-block; vertical-align: top;}
.main-content .features-content{width:67%; display:inline-block; float:right;}
.main-content .features .list-group-item{ background-color:rgba(255, 255, 255, .9); }
.main-content .features .list-group-item.active{ background-color:rgba(66, 139, 202, .5); }

/*#features-carousel {
	background-color: #428BCA;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#132B3F),to(#428BCA));
	background-image: -webkit-linear-gradient(top,#132B3F,#428BCA);
	background-image: -moz-linear-gradient(top,#132B3F,#428BCA);
	background-image: -o-linear-gradient(top,#132B3F,#428BCA);
	background-image: linear-gradient(to bottom,#132B3F,#428BCA);
	color:#f5f5f5;}
*/
#features-carousel  .item.active {}
#features-carousel  .item {background-color: transparent; }
#features-carousel  .item .title {/*text-align: center;*/}
#features-carousel  .item .promo {display: inline-block; width: 70%; margin-right: 10%; vertical-align: top;}
#features-carousel  .item img {display:inline-block; width: calc(20% - 6px); margin-bottom: 10px;}
#features-carousel  .carousel-indicators {bottom:10px; display:none;}
#features-carousel  .carousel-inner {background-color: transparent; padding:0px;}
#features-carousel  .carousel-control {background-image:none; color:#747474}
#features-carousel .item.custom-content .promo {width:32%; margin-right:6%;}
#features-carousel .item.custom-content img:not(.first) {margin-left:1%;}
#features-carousel .item.calendars img {margin-left:7%; margin-right:6%;}
#features-carousel .item .vertical-align-helper{display: inline-block; height: 85%; vertical-align: middle;}
#features-carousel .item h3 {margin-bottom:15px;}
#features-carousel .item ul {list-style: circle;}
#features-carousel .item li {padding-bottom:5px; font-size:15px;}
#features-carousel .item.apps-for-anyone li{font-size:21px;}
.vmiddle {vertical-align: middle;}
.logo-blue {color: #4994DE;} 
.logo-background {background-color: #282828;}
.right {float:right;}

/* Make the default Bootstrap carousel fade instead of slide */
.carousel .item { padding-top:40px; height:100%; -webkit-transition: 1.2s ease-in-out opacity; -moz-transition: 1.2s ease-in-out opacity; -ms-transition: 1.2s ease-in-out opacity; -o-transition: 1.2s ease-in-out opacity; transition: 1.2s ease-in-out opacity; left: 0 !important; opacity: 0;}
.carousel .active {opacity: 1;}
.carousel .left, .carousel .right {float:none;}
.carousel .right {right:-15%;}
.carousel .left {left:-15%;}
.carousel .active.left, .carousel .active.right { opacity: 0; z-index: 2; }
.carousel .next.left, .carousel .prev.right { opacity: 1; z-index: 1; }

.features-box #tagline1 {color: #00aeef; /*color: #4994DE;*/ font-size: 4em;font-weight: 400;}
.features-box #tagline2 {font-style:italic; color: #FFF;font-size: 2.2em;font-weight: 400;}

@media (max-width : 767px) {
	#pushFeatureList,
	#pushFeatureList .navbar-collapse,
	#pushFeatureList .navbar-collapse .navbar-nav,
	#push-features-dropdown,
	#push-features-dropdown > a.dropdown-toggle,
	#deep-link-select-content,
	#deep-link-select-content .navbar-collapse,
	#deep-link-select-content .navbar-collapse .navbar-nav,
	#deep-link-content-dropdown,
	#deep-link-content-dropdown > a.dropdown-toggle
	{width:100%;}
	
	#pushFeatureList .navbar-collapse {padding-left:0px; padding-right:0px;}
	
	#deep-link-select-content .navbar-collapse .navbar-nav,
	#pushFeatureList .navbar-collapse .navbar-nav
	{background-color:#fff;margin: 20px 0px;}
	
	#deep-link-select-content .dropdown-menu.scrollable,
	#pushFeatureList .dropdown-menu.scrollable
	{max-height: none !important;}
	
	#deep-link-select-content .navbar-header,
	#pushFeatureList .navbar-header
	{display:none;}
	
	#deep-link-location-select-box, #deep-link-value-box {margin-left:20px;}
	#deep-link-get-btn-box, #deep-links-container #deep-link-redirect-box {display: block !important; margin: 40px 16px !important; width:auto !important;}
	#deep-link-get-btn {width:100%;}
}
@media (max-width : 700px) {
	.features-box #tagline1 {font-size: 3em;}
	.features-box #tagline2 {font-size: 2em;}
	#slide1-promo {padding-top:45px}
}
@media (max-width : 640px) {
	.header_inner_left {width:100% !important; max-width:inherit !important;}
	.header_inner_left img.header-logo {max-width:300px;}
	/*.header_inner_right { display:none !important;} */
	.header-link-box {padding:0 !important;}
	.main-content .column { width:100% !important;}
	/*.main-content .features-box {display:none;} */ /* Don't display the features for now on small screens*/
	.slickem {display:none !important;}
	.features-box-nav {display:none !important;}
	.video-container.demo-mobile {display: block;}
	.video-container.demo-normal {display: none;}
	#pushFeatureList {padding-left:0px !important}
	#push-features-dropdown, #deep-link-content-dropdown, #pushSendButton {margin-bottom:6px !important;}
	.dropdown-menu.scrollable {max-height:200px !important;}
	#pricing-table tr.headings button {padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
	.features-box .preview-img {display: none;}
	/*.features-info:not(.generic) {display:none;}*/
	#generic-info .features-block { width:100%; max-width: none; height:auto;}
	#generic-info .feature.vertical-center {position: relative; top: initial; transform: initial;}
	.page_wrapper.pricing, .page_wrapper.signup {background-image: none !important;}
	/*.features-box .slide {font-size:50%;} */
	.features-box #tagline1 {font-size: 3em;}
	.features-box #tagline2 {font-size: 2em;}
	#slide1-promo {padding-top:45px}
	.features-info {margin-top:5px}
	.features-info .feature-block {min-height:inherit !important;}
	#features-info-box {margin-top:10px;}
	.header-logo-box { text-align: center;padding-bottom: 10px;}
	body {font-size:11px;}
}
@media (max-width : 480px) {
	.features-box #tagline1 {font-size: 2.5em;}
	.features-box #tagline2 {font-size: 1.5em;}	
}
@media (max-height : 500px) {
	.features-box #tagline1 {font-size: 2.5em;}
	.features-box #tagline2 {font-size: 1.5em;}
	.features-box #slide1-promo {padding-top: 45px;}
}

@media (max-width : 350px) {
	.features-box #tagline1 {font-size: 2.2em;}
	.features-box #tagline2 {font-size: 1.4em;}	
}
@media (min-width : 641px) {
	#generic-info {display:none;}
	#features-carousel  { width: 325px; height:275px; margin:auto;}
	.video-container.demo-mobile {display: none;}
	.video-container.demo-normal {display: block;}
	#pushFeatureList {padding-left:0px !important}
	#push-features-dropdown, #deep-link-content-dropdown, #pushSendButton {margin-bottom:6px !important;}
	.dropdown-menu.scrollable {max-height:200px !important;}
	.features-box .preview-img {display: none;}
	body {font-size:12px;}
}
@media (min-width: 768px) {
	#features-carousel { width: 750px; height:375px; margin:auto;}
	.video-container.demo-mobile {display: none;}
	.video-container.demo-normal {display: block;}
	#pushFeatureList {padding-left:0px !important}
	#push-features-dropdown, #deep-link-content-dropdown, #pushSendButton {margin-bottom:6px !important;}
	.dropdown-menu.scrollable {max-height:200px !important;}
	.features-box .preview-img {display: block;}
	body {font-size:12px;}
}
@media (min-width: 900px) {
	#features-carousel {width: 970px; height:475px; margin:auto;}
	.video-container.demo-mobile {display: none;}
	.video-container.demo-normal {display: block;}
	.dropdown-menu.scrollable {max-height:400px !important;}	
	body {font-size:12px;}
}
@media (min-width: 992px) {
	#features-carousel {width: 970px; height:475px; margin:auto;}
	.video-container.demo-mobile {display: none;}
	.video-container.demo-normal {display: block;}
	.dropdown-menu.scrollable {max-height:400px !important;}
	body {font-size:12px;}
}
/* yes it is the same.  Does not look good any larger than 970px */
@media (min-width: 1200px) {
	#features-carousel { width:970px; height:475px; margin:auto;}
	.video-container.demo-mobile {display: none;}
	.video-container.demo-normal {display: block;}
	.dropdown-menu.scrollable {max-height:400px !important;}
	body {font-size:14px;}
}

#leaders {padding: 15px 25px 10px 25px; border-bottom: 1px solid #ddd;}
.leader-box {    display: inline-block;
    width: 15%;
    max-width: 100px;
    min-width: 85px;
    padding: 15px 5px;
    margin: 5px 5px 0px 5px;
    vertical-align: top;}
.leader-box img {width:100%;}
.leader-box .title {text-align: center;font-size: 1em;}
.leader-box a {color:#6D6D6D;}
#leaders-more-link, #features-more-link {font-size:1.25em;font-weight: bold;}
#leaders-more-box {display: inline;}

.page_wrapper.pricing { background-image: url(../img/layout/kids_playing3.jpg); background-attachment: fixed; background-position: top center; background-size: cover;}
.page_wrapper.pricing .background-mask {background-color: rgba(255, 255, 255, 0.88);}
#pricing-container {min-height:99vh; width:100%;     min-width: 600px; padding:0px;}
#pricing-options {margin: 10px 0 0 0; text-align: center;}
#pricing-container .pricing-option {display:inline-block; width: 21%; text-align: center;padding-bottom: 10px; vertical-align: top;}
#pricing-container .pricing-option.selected {background-color: #336596;color: #fff;box-shadow: 0 0 8px #424242;}
#pricing-container .pricing-option-dtl {padding:10px 10px 20px 10px;}
#pricing-container .pricing-option-dtl.bronze {max-width: 800px;margin-left: auto;margin-right: auto;}
#pricing-container .pricing-option-dtl ul{ list-style: outside url("../img/layout/checkmark-circlex25.png") disc; padding:0px;}
#pricing-container .pricing-option-dtl li{padding-bottom: 15px; font-weight: 600;}
#pricing-container .pricing-img-box {display:inline-block;}
#pricing-container .pricing-option-text {display:inline-block; width:80%; vertical-align: top;}
#pricing-container img.pricing-img {width:100%; max-width:100px}
#pricing-container .pricing-option .title, #signup-form .pricing-option .title{text-align: center; font-size: 1.5em; font-weight: bold; color:#525252; padding:5px 0;}
#pricing-container .pricing-option.selected .title{color: #fff;}
#pricing-container .pricing-option .desc {max-width: 150px;margin: 0 auto; font-weight: 600;}
#pricing-container .pricing-option .caption {color: #4994DE;font-weight: bold; font-size:1.2em; padding-top:10px;}
#pricing-container .pricing-option.selected .caption {color:#fff;}
.pricing-table-container {max-width: inherit;width: 90%;min-height:90vh; padding: 0px;}
#pricing-table {margin-bottom:0px;}
#pricing-table th {font-size:1.25em;}
#pricing-table td ul {list-style:disc;}
#pricing-table td.get-started-btn-holder {position:relative;}
#pricing-table td.get-started-btn-holder {position:relative;}
#pricing-table td .get-started-btn {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width:85%; }
/*#pricing-table img.checkmark {content:url("../img/layout/checkmark.png");} */

.pricing-option-dtl .feature-block{display:inline-block; width:25%; color:#222;}
.pricing-option-dtl .feature-block.three{width:33%;}
.pricing-option-dtl .feature-block .feature {min-height:120px; padding-bottom:20px;}
.pricing-option-dtl .feature-block .feature .title {font-weight: 600;}
.pricing-option-dtl .feature-block .feature img{ width: 20%; max-width: 60px; display: inline-block;}
.pricing-option-dtl .feature-block .feature .text-block { width:80%; max-width:200px; margin: 0 auto;}
.pricing-option-dtl .feature-block .feature-img {display: block; text-align: center; padding-right:10px;}
.pricing-option-dtl .feature-img img{width:100%;max-width:200px;}
.pricing-question .jr-radio-box {padding:7px;}
.pricing-question .jr-radio-box.active {border-radius: 3px;box-shadow: 0 0 8px #424242; background-color: #f5f5f5;}


.pricing-modal .modal-dialog {width: 95%; max-width: 900px;}
.pricing-modal .modal-dialog .pricing-svg {width: 100%;}
img, a{
	border:none;
	text-decoration:none;
	outline:none;
}

*[draggable=true] {
  -moz-user-select:none;
  -khtml-user-drag: element;
  cursor: move;
}

textarea.required {
	outline-color: #ec0000 !important;
}
div.required, p.required, span.required {
	color: #EC0000 !important;
}
body .ui-widget{
	font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}

body .ui-dialog{
	font-size:11px;
}
body .ui-dialog .ui-widget{
	font-size:11px;
}
body .ui-widget-content {
	border: 1px solid #111111;
}
body .ui-widget-content a {
	color:#000000;
}
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged { position: absolute; opacity: 0.6; z-index: 2000; }

.ui-dialog .ui-dialog-titlebar{
	font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
	/*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,rgba(0, 0, 0, 0.83)));*/
/*	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#9E9D9D),color-stop(1,rgba(0, 0, 0, 0.83)));*/
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9E9D9D', endColorstr='#000000');*/
/*	background-color:#333333;*/
	background-image:none;
	border: 1px #999 solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-opera-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	background: #cacaca;
	color: #424242;
	font-weight: bold;
	font-size:13px;
}
.ui-widget-header .ui-icon {
	background-image: url(flick/images/ui-icons_666666_256x240.png) !important;
}


/*.colorwheelImg{
	background-image: url(images/colorwheel3.png) !important;	
}
*/
#content-popup{
	margin: 7px 0 0 0;
	font-size:11px;
}

#content-popup .leftbox{
	width: 250px;
	float: left;
	border-right: #000000 solid 2px;
	margin: 0 15px 0 0;
	min-height:300px;
}
#content-popup .rightbox{
	display: inline-block;
	min-height:300px;
}
#content-popup textarea{
	font-size:17px;
	display:block;
}
#content-popup #contentName{
}
#content-popup .linksToSettings{
	margin: 30px 0 0 0;
}
#content-popup .linksToSettings.page{
	margin: 0 0 0 0;
}
#content-popup #linksToButtonset{
	font-size:17px;
}
#content-popup .redactor_editor{
	width:200px;
}
#content-popup .content_box{
	clear:both;
	padding:0 0 0 0;
}
/*#content-popup .rightbox .content_box{
	padding:13px 0 0 0;
}*/
.redactor_editor.dark, .redactor_editor.dark:focus{
	background-color:#000000 !important;
}
#content-popup ul.ui-menu.ui-widget{
	z-index:1002 !important;
}
#content-popup .redactor_editor ::selection {
	background: #DAA520;
	color: white;
	text-shadow: none;
}
#content-popup .redactor_editor.light{
	background-color:#ffffff !important;
}

.lightBlue {
	color:#A5CDFF !important;
}
.darkGray {
	color:#424242 !important;
}
.lightGray {
	color:#cacaca !important;
}
.jqbutton .ui-button-text{
	font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}
.watermarkOn {
        color: #B6B6B6;
        font-style: italic;
}
.tooltip_p span{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	position:relative;
	top:4px;
}

.hidden {
	display:none;
}

.clear { clear:both; }

.left { float:left; }
.none { display:none; }


.imageAndColorOptionsPanel .panelTitle {
	text-align: center;
	font-size: 14px;
	padding: 0 0 7px 0px;
}
.imageAndColorOptionsPanel {
	background-color: rgb(21, 33, 43);
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	-opera-border-radius: 13px;
	-khtml-border-radius 13px;
	border-radius: 13px;
	width: 475px;
	padding: 10px 0 20px 20px;
	margin: 25px 0 25px 0;
	clear: both;
	float: none;
}
.imageAndColorOptionsBox {
	padding: 5px 0 15px 0;
	margin: 0 0 0 0;
}
.imageAndColorOptionsBox textarea {
	border-color: #dddddd;
}
.imageAndColorOptionsBox .textarea-title {
	text-align: center;
}
.imageAndColorOptionsBox .option {
	padding: 0 15px 0 0;
}
.imageAndColorOptionsBox .option.title {
	font-size: 15px;
	padding: 6px 10px 0 0;
	width: 100px;
}
.imageAndColorOptionsBox .option .jqbutton {
	font-size: 13px;
}


.imageAndColorOptionsBox .uploadstatus{
	clear:both;
	color: #444444;
}
.small.imageAndColorOptionsBox {
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	width: 238px;
	/*background-color: #fff;*/
	border: #bbb solid 0px;
	border-bottom: none;
	/*color: #424242;*/
}
.small.long.imageAndColorOptionsBox {
	width: 275px;
}

.small.imageAndColorOptionsBox.first {
	margin-top: 15px;
}
.small.imageAndColorOptionsBox .option.title{
	width:90px;
	padding: 3px 10px 0 5px;
	font-size:14px;
}
.small.long.imageAndColorOptionsBox .option.title{
	width:128px;
}
.small.imageAndColorOptionsBox img.colorwheel{
	width:14px;
	padding: 6px 0 0 0;
}
.small.imageAndColorOptionsBox .option.colorwheel{
	height:25px;
}
.small.imageAndColorOptionsBox .option{
	padding-right: 5px;
}
.pageContent.imageAndColorOptionsBox {
	width:477px;
	background-color:#f1f1f1;
	color:#111111;
}
.pageContent.imageAndColorOptionsBox .option.title {
	width:160px;
}
#listFeatureItems .small.imageAndColorOptionsBox {
	padding: 0px 0px 0px 5px;
	width:168px;
}

.editCloneBox {
	position:relative;
	width:550px;
	margin:0 0 0 10px;
	padding:0 0 30px 0;
	/*background-color:#dddddd;*/
/*	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	-opera-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
*/
}
.editCloneBox .small.imageAndColorOptionsBox {
	/*background-color:#dddddd;*/
	margin-left:5px;
	width:280px;
}
.editCloneBox .small.imageAndColorOptionsBox textarea{
	margin-top: 4px;
	font-size: 15px;
}

.editCloneBox #featureButtonClone {
	width: 260px;
}

.editCloneBox .selectFeatureButtonTypeBox {
	margin:10px 0 5px 5px;
}

.photoAlbumBox {
	float:left;
	position:relative;
	overflow:hidden;
	margin:0 0 20px 0;
	border:1px solid #424242;
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-opera-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	width:500px;
	min-height:150px;
	background-color: #ffffff;
	color:#424242;
}
.photoAlbumBox .headingBox {
	float:left;
	width:100%;
	border: 1px solid #424242;
}
.photoAlbumBox .items {
	clear:both;
	float:left;
	width:210px;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}
.photoAlbumBox .item {
	border:1px solid #424242;
	border-right-width: 0px;
	border-top-width: 0px;
	padding:5px;
}

.photoAlbumBox .item:hover {
	background: #333 !important;
	color: #ffffff !important;
}
.photoAlbumBox .item.selected {
	color: rgb(0, 90, 202);
}
.photoAlbumBox .photoAlbumImageBox img {
	padding:10px;
	max-width:20%;
}
.photoAlbumBox .photoAlbumImageBox .trueBottom {
	border-top: 1px solid #424242;
	width: 289px;
	margin-left: -10px;
	margin-top:113px;
}
.photoAlbumBox .template {
	display:none;
}
.photoAlbumBox .item:nth-child(odd){
	background: rgb(216, 216, 216);
}
.photoAlbumBox .item:nth-child(even){
	background: rgb(243, 243, 243);
}

.photoAlbumBox .photoAlbumImageBox{
	float:left;
	border:1px solid #424242;
	border-top-width: 0px;
	border-right-width: 0px;
	width:269px;
	min-height:113px;
	padding:10px;
	margin-bottom: -99999px;	
	padding-bottom: 99999px;
}
.photoAlbumBox #addAlbumButton{
	margin: 5px 12px 5px 10px;
	float: right;	
}
.photoAlbumBox .heading {
	float: left;
	margin-left: 20px;
	font-size:14px;
	font-weight: bold;
	line-height:35px;
	display:block;
}
.photoAlbumBox .uploadButton {
	float:right;
	margin:5px;
}
.photoAlbumBox .deleteAlbumButton {
	float:right;
	margin:5px;
}
.photoAlbumBox .uploadstatus {
	clear: both;
	float: right;
	margin: 5px 175px 5px 0px;
	font-weight: bold;
}
.photosLoading {
	display: none;
	position: absolute;
	top: 35%;
	left: 50%;
	margin: 0px 0 0 54px
}

.photoAlbumBox .newAlbumTemplate .submitNewAlbumButton{
	float:right;
}
#custom-button-popup {
	font-size:17px;
	display:block;	
}

#feed-url{
	margin-top:17px;
}
#feed-url-status{
	color: #444444;
}
#contentArea {
	position: relative;
}
#contentArea .featureTitle {
	text-align: center;
	font-size: 17px;
	padding: 15px 0 15px 20px;
	color: #A5CDFF;	
}

#contentArea.featurePanelOptions {
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#contentArea .textarea-heading {
	font-size: 13px;
	padding:5px 0px 5px 0px;
}
#contentArea textarea {
	font-size: 15px;
	margin:0px 0px 15px 0px;
	-moz-border-radius: 3p;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-khtml-border-radius 3px;
	border-radius: 3px;
	
}
#contentArea {
	display:block;
	margin-top:15px;
}
#contentArea #saveButton {
	float:right;
}
#contentArea .redactor_editor {
	color:#000000;
}
#contentArea .redactor_toolbar li a[title="Dark or Light"] {
	background-position: initial initial;
	background-repeat: initial initial;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../img/layout/darkLight.png) !important;
}


.mi-ui-header{
    position: relative;
/*  background: #0D3154; */
    overflow: hidden;
    width: 100%;
    border-left-width: 0;
    border-right-width: 0;
    display: block;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    border: 1px solid #2A2A2A;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 1px black;
    background-image: -moz-linear-gradient(top,#3C3C3C,#111);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3C3C3C),color-stop(1,#111));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111111')";
    font: 13px/1.231 sans-serif;
}

::selection {
	background: black;
	color: white;
	text-shadow: none;
}

#download-buttons-container *::selection {background: rgba(66, 139, 202, 0.5);text-shadow: none;}
#customer-app-info-tab p {max-width:650px;}

/*.ui-buttonset label {
	float:none;
}*/

div.ui-buttonset {
	display:inline;
}
.mi-ui-icon {
    width: 18px;
    height: 18px;
}

.mi-ui-header .mi-ui-title {
    min-height: 16px;
    text-align: center;
    font-size: 16px;
    display: block;
    margin: 7px 90px 10px;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0!important;
    font-weight: bold;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    color: white;
    text-shadow: 0 -1px 1px black;
    font: 18px/14px sans-serif;
}

.mi-ui-header-btn.right {
	position: absolute;
	right: 3px;
	top: 2px;
}
.mi-ui-header-btn.left {
	position: absolute;
	left: 3px;
	top: 2px;
}
.mi-ui-header-btn {
    display: inline-block;
    font-size: 13px;
    margin: 0 0 0 0;
    position: absolute;
//    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3);
//    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
//    box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    color: white;
    -webkit-tap-highlight-color: #000;
    background: #0D3154;
    text-align: center;
    cursor: pointer;
    padding: 0;   
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    -moz-border-radius: 1em;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-decoration: none;
    border: 1px solid #222;
    font-weight: bold;
    text-shadow: 0 -1px 1px black;
    background-image: -moz-linear-gradient(top,#555,#333);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#555),color-stop(1,#333));
/*    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')";*/
    font: 13px/1.231 sans-serif;
}
/* IE9 does not support gradient (filter attribute) and border-radius at same time, so we opt to keep border and ditch the gradient*/
.page_wrapper_ieonly .mi-ui-header-btn{
	background-color:#555555;
	background-image: none;
}
.mi-ui-header-btn-inner {
    padding-left: 27px;
    padding-top: 0.4em;
    padding-right: 8px;
    padding-bottom: 0.5em;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    border-top: 1px solid white;
    border-color: rgba(255, 255, 255, .3);
    margin: 0;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: white;
    text-align: center;
    cursor: pointer;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: bold;
    text-shadow: 0 -1px 1px black;
    font: 13px/1.231 sans-serif;
}

.mi-ui-btn-text {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    white-space: nowrap;
    color: white;
    text-align: center;
    cursor: pointer;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: bold;
    text-shadow: 0 -1px 1px black;    
    font: 13px/1.231 sans-serif;
}


.mi-ui-icon-arrow-l {
    left: 4px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 18px;
    height: 18px;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    background-position: -144px 50%;
    background-color: rgba(0, 0, 0, .4);
    background-image: url(../html5/img/icons-18-white.png);
    background-repeat: no-repeat;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    white-space: nowrap;
    color: white;
    text-align: center;
    cursor: pointer;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: bold;
    text-shadow: 0 -1px 1px black;
    font: 13px/1.231 sans-serif;
}

.mi-ui-icon-home {
    left: 4px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 18px;
    height: 18px;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    background-position: -576px 50%;
    background-color: rgba(0, 0, 0, .4);
    background-image: url(../html5/img/icons-18-white.png);
    background-repeat: no-repeat;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    white-space: nowrap;
    color: white;
    text-align: center;
    cursor: pointer;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: bold;
    text-shadow: 0 -1px 1px black;
    font: 13px/1.231 sans-serif;
}

.mi-ui-icon-star {
    left: 4px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 18px;
    height: 18px;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    background-position: -468px 50%;
    background-color: rgba(0, 0, 0, .4);
    background-image: url(../html5/img/icons-18-white.png);
    background-repeat: no-repeat;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    white-space: nowrap;
    color: white;
    text-align: center;
    cursor: pointer;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: bold;
    text-shadow: 0 -1px 1px black;
    font: 13px/1.231 sans-serif;
}
/***************************************************************************/


.colorwheel{
	width:30px;
}

.designTitle {
	font-weight: bold;
	font-size:22px;
	text-align:center;
	color:#ffffff;
}


/*.design-tabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #333; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { color:#cacaca; font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { color:#A5CDFF; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
*/
.design-tab-panel {
	height:530px;
	width:550px;
	float: none;
	clear: both;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	border: solid 1px #999;
	background-color: #333;
	color: #cacaca;
	overflow: auto;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-opera-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

#design-tab-slideout-menu #current-slideout-menu {
	width: 100%;
	height:100%;
	float: left;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-opera-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
#design-tab-slideout-menu #slideout-menu-list .linkedFeature:last-child {
	padding-bottom:80px;
}
#design-tab-slideout-menu #slideout-menu-list .linkedFeature {
	padding: 15px 0px 0px 40px;
	border-bottom: 1px solid rgb(71, 71, 71);
	color:#fff;
}
#design-tab-slideout-menu #slideout-menu-list .linkedFeature:hover{
	color: rgb(202, 118, 78) !important;
}
#design-tab-slideout-menu #slideout-menu-list .linkedFeature.selected{
	color: #A5CDFF !important;
}

#design-tab-slideout-menu #slideout-menu-list .menu-heading {
	padding: 40px 0px 10px 0px;
	font-size: 11px;
	border-bottom: 1px solid #666;
	text-transform: uppercase;
	color: rgb(151, 151, 151);
	font-weight: bold;
}
#design-tab-slideout-menu #slideout-heading-template {
	display:inline-block;
}
#design-tab-slideout-menu #slideout-heading-template textarea {
	margin: 3px 5px 0px 15px;
	font-size:15px;
}
#design-tab-slideout-menu #slideout-heading-template button {
	vertical-align: top;
}
#design-tab-slideout-menu .linkedFeature button {
	vertical-align: top;
}
#design-tab-slideout-menu #slideout-menu-list #featureListButtonset {
/*	padding-left:15px;*/
}

#design-tab-features #addFeatureButtonset {
	padding: 20px 0px 5px 20px;
}
#current-features-table-box {
	padding-top:20px;
	margin: 0 20px 0 20px;
}
#panel-design-buttons-table-box {
	padding-top:20px;
	margin: 0 20px 20px 0;
}
#panel-design-buttons-table #linkToFeatureButtonset, #panel-design-buttons-table #delete-button-feature {
	float: right;
	display: inline-block;
}
#panel-design-buttons-table-box, #current-features-table-box{
	width:477px;
}
#panel-design-buttons-table {
	margin: 0 0 0 0;
}


.dataTables_info { width:80%; padding-top:10px; padding-bottom:15px;}
#panel-design-buttons-table-box .dataTables_scroll, #current-features-table-box .dataTables_scroll {
	background-color: #f1f1f1;
}
#current-features-table-box th.sorting,
#current-features-table-box th.sorting_asc,
#current-features-table-box th.sorting_desc,
#panel-design-buttons-table-box th.sorting,
#panel-design-buttons-table-box th.sorting_asc,
#panel-design-buttons-table-box th.sorting_desc {
	border-bottom: 0px;
	color:#111111;
}
#panel-design-buttons-table-box .dataTables_length,
#panel-design-buttons-table-box .dataTables_filter,
#panel-design-buttons-table-box .dataTables_info,
#panel-design-buttons-table-box .dataTables_paginate{
/*	display:none; */
}

#contentArea #close-button-editor {
	float:right;
	margin-right:10px;
}
#contentArea #new-button {
	float:right;
	margin-right:10px;
}
#contentArea .floating-feature-title-buttons {
	position: absolute;
	top:10px;
	right:5px;
}
#contentArea #button-name-box #linkToFeatureButtonset{
	display:inline-block;
	vertical-align: top;
	margin-top: -3px;
}

.landingPageCheckbox {
    
}
.landingPageCheckbox+label {
    margin: .5em;
    width:16px; 
    height:16px; 
    vertical-align:middle;
}

.features-list-item, .panel-design-buttons-item {
	line-height:28px;
	font-size: 13px;
	padding: 0 0 10px 0;	
}
.features-list-item span, .panel-design-buttons-item span{
	line-height:28px;
}
.features-list-item button{
	float:right;
}
.confirmation-close {
	content: url(../img/layout/close.png);
}
.confirmation-no {
	content: url(../img/layout/btn_no.jpg);
}
.confirmation-ok {
	content: url(../img/layout/btn_yes.jpg);
}
img.no-image-selected {
	content: url(../img/layout/no-image-selected.jpg);	
}
#x-designArea {
	min-height:440px;
	float: none;
	clear: both;
	padding: 10px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
/*	border: 2px #999 solid;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-width: 0px;
	border-bottom-width: 2px; */
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-opera-border-radius: 0 0 4px 4px;
	-khtml-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	/*background-color: #cacaca;	*/
	/*background-color: #333333;*/
}

#x-designArea .redactor_editor{
	color:#000000;
	width: 218px;
}
#x-designArea .redactor_box{
	max-width:550px;
}
#x-designPanel {
	position:  relative;
	width: 100%;
	background-color:#333;
}

#x-designArea #listFeatureItems{
	width:550px;
	border-collapse:collapse;
	color:#000000;
	font-size:12px;
}
#x-designArea #listFeatureItems thead{
	background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
}
#x-designArea #listFeatureItems tfoot span{
	background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
/*	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	-opera-border-radius: 0px 0px 7px 7px;
	-khtml-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
*/
	border-top: 1px solid #dddddd;
	height:20px;
	display:block
}
#x-designArea #listFeatureItems tbody .even{
	background: #dddddd url(images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x;
}
#x-designArea #listFeatureItems tbody .odd{
	background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
}
#x-designArea #listFeatureItems thead th{
	padding:5px 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}
#x-designArea #listFeatureItems thead th#first{
/*	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-opera-border-radius: 0px 0px 0px 0px;
	-khtml-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
*/
}
#x-designArea #listFeatureItems thead th#middle{
	border-left:   1px solid #dddddd;
}
#x-designArea #listFeatureItems thead th#last{
/*	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-opera-border-radius: 0px 0px 0px 0px;
	-khtml-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
*/
}
#x-designArea #listFeatureItems tbody td {
	padding: 5px 0 5px 5px;
}

#x-designArea #listFeatureItems tbody tr:hover {
	background: #999999 url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x;
	color: #ffffff;
}
#x-designArea #listFeatureItems tbody tr input {
	width:230px;
}
#x-designArea #listFeatureItems td.listItemNameColumn {
	width: 320px;
	border-right:   1px solid #dddddd;
}
#x-designArea #listFeatureItems td.stylingColumn {
	width: 15px;
}
#x-designArea #listFeatureItems td.stylingColumn img.colorwheel {
	width: 15px;
}
#x-designArea #listFeatureItems td.deleteColumn {
	display: block;
	margin: 0 auto;
	padding: 8px 0 5px 0;
	width: 20px;
}


.overlay {
	position: absolute;
	z-index: 1001;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.overlay.dark {
	background-color: #333;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.overlay.clear {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.overlay.faint {
	filter: alpha(opacity=5);
	-moz-opacity: .05;
	opacity: .05;
}

#x-designPanel .spinner {
	z-index: 101;
}
#x-designMenu {
	min-height:25px;
/*	border: 2px #999 solid;
	border-bottom-width: 0px;
	border-top-width: 0px;*/
	padding: 5px 12px 5px 16px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	/*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(1,#333),color-stop(1,rgba(0, 0, 0, 0.83)));*/
	/*background-color: #333;	*/
}

#x-designMenu .rightJustified {
	float:right;
	margin:0 5px 0 0;
}

#x-designTitle{
/*	border: 2px #999 solid;
	border-bottom-width: 0px;*/
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-opera-border-radius: 4px 4px 0px 0px;
	-khtml-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	padding: 5px 0px 5px 5px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
/*	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(1,#333),color-stop(1,rgba(0, 0, 0, 0.83)));*/
	/*background-color: #333;	*/
	font-size: 20px;
	text-align: center;
	color:#cacaca;
}

img.center{
        margin:auto;
        display:block;
}

.page_wrapper {
	min-height: 100%;
	position:relative;
}
.footer_wrapper, .push {
	height: 195px; /* .push must be the same height as .footer */
}


.home_verse{
    float:left;
    width:500px; 
    font-size:11px; 
    margin:0 0 0 500px; 
    padding:0 0 0 0; 
    color:#002D59
}

.home_description{
    margin:20px 0px 0 0;
    padding:0 0 0 0;
    float:left;
    font-size: 13px;
    color: #424242;
    width:650px;
//    clear:both;
}
.home_description.screenshots{
    margin:20px 0px 0 0;
    padding:0 0 0 0;
    float:left;
    width:710px;
 /*   clear:both;
    margin-left: auto;
    margin-right:auto;*/
}

.home_description.heading{
    margin:10px 0 5px 0;
    padding:0 0 0 0;
    font-weight:bold;
    font-size:17px;
    width:650px;
}

.home_description.text{
    margin:5px 0 0 0;
    padding:0 0 0 0;
    width:650px;
    line-height:19px;
}

.home_stats{
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size:13px;
    width:650px;
}
.overview_page.pricing{
    float:right;
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size:13px;
    width:400px;
}

.overview_page.home_stats.box{
	height:300px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,rgba(0, 0, 0, 0.83)));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
}
.home_stats.box{
	margin:0 0 0 0;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,rgba(0, 0, 0, 0.83)));
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');*/
	border: 3px solid #999;
	padding: .5em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-opera-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	margin-top: 1em;
	margin-bottom: 1em;


}
/* IE9 does not support gradient (filter attribute) and border-radius at same time, so we opt to keep border and ditch the gradient*/
.page_wrapper_ieonly .home_stats.box{
	background-color:#333333;
	background-image: none;
}
.overview_page.home_stats >ul{
    height:135px;
}
.home_stats >ul{
    float:left;
    margin:0 0 0 45px;
    padding:0 0 10px 0;
    font-size: 13px;
    color: #ffffff;
    width:610px;
    list-style:disc;
}
.home_stats >ul>li{
    float:left;
    margin:5px 0 0 0;
    padding:5px 0 0 0;
    width:600px;
}
.home_stats >ul>li.pricing_headline{
    font-size:15px;
}
.home_stats >ul>li.pricing{
    font-size:18px;
}
.home_description >img{
    margin:10px 0 0 0;
    padding:0 0 0 0;
    height:325px;
}
#app-design .feature-options-container {position: relative;}
.fullPageOverlay, #fullPageOverlay, #no-edit-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index:10;
}
.fullPageOverlay.clear {
	background: rgba(256,256,256,0) !important;
	opacity : 1 !important;
}
.design-center #no-edit-overlay {position:absolute;}
#loading { 
    width: 62px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}
.progressCounter { 
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
	font-size: 28px;
    font-weight: bold;
    color: #000;
}
.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

.left_content {
float: left;
width: 220px;
}


.Splash        {width:900px; margin:40px 0 0 20px;}
#splashImg     {float:left; width:320px; margin:0 0 0 0;}
#splashImg img {width:320px; height:480px;}
#splashImg p   {font-size:12px; text-align:center; margin:10px 0 30px; 0;}
#splashContent {float:left; width:560px; margin:0 0 0 0; padding:0 0 0 20px;}
#splashContent h1 {float:left; height:30px; width:550px; margin:0 0 0 0; padding:0 0 0 0; font-size:15px;} 
#splashContent p {float:left; height:425px; width:550px; margin:0 0 0 0; padding:0 0 0 0; font-size:12px; line-height:21px;} 
#splashContent .bottom_buttons {float:left; padding:0 0 0 0; margin:0 0 0 0; width:550px;} 
#splashContent .bottom_buttons #browse_splash_high {background: url(../img/layout/btn_browser.jpg) no-repeat;
z-index: 1;width: 80px;height: 27px;cursor: pointer;float: left;margin: 0px 100px 0 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; -opera-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
#splashContent p#browse_splash_high-status {float:left; height:11px; width:550px; margin:0 0 0 0; padding:0 0 0 0; font-size:9px;}

.sidebar {
float:left;
width: 215px;
/*height:213px;*/
margin: 0 0 20px 0;
/*background: url(../img/layout/sidebar.bottom.png) no-repeat 0 100%;*/
background-color: #F9F9F9;
font-size: 105%;
}

.sidebar h2 {
color: white;
display: block;
font-weight:bold;
font-size:15px;
margin: 0;
min-height: 33px;
text-shadow: #3F84B1 0 -1px 1px;
width: 215px;
}

.sidebar h2 span {
display: block;
padding-left: 35px;
padding-top: 10px;
padding-right: 10px;
}

.sidebar h2 {
color: white;
font-weight:bold;
font-size:14px;
text-shadow: #3F84B1 0 -1px 1px;
}

.sidebar > ul {
list-style-type: none;
/*border: 1px solid #CCC;*/
border-top: none;
border-bottom: none;
padding: 0;
margin: 0;
border-image: initial;

}

.sidebar > ul > li:first-child {
border-top: none;
}

.sidebar > ul > li {
padding: 0;
margin: 0;
border-top: 1px solid #307291;
position: relative;
}

.sidebar ul span {
display: block;
padding-left: 25px;
padding-right: 10px;
margin-left: 10px;
}

ul.feature-list { list-style:circle;}
ol, ul {
list-style: none;
}


#tools_sidebar {
/*	border: 1px solid #CCC;*/
	background-color: transparent;
	z-index: 98;
}

#tools_sidebar h2 {
background: url(../img/layout/sidebar_tools_header.png) no-repeat 0 0;
background-color: #74A2C0;
position: relative;
}


#tools_sidebar h2 span {
display: inline-block;
padding-top: 8px;
}

#tools_sidebar ul li.sidebarButton > span a.active {
/*	background: url(../img/layout/sidebar.active2.png) no-repeat 0 0;*/
	padding: 0px 0 0 41px;
	/*color: #6088A3;*/
	color:#A5CDFF;
	width:207px;
	display: block;
	margin-left: -17px;
	font-weight: bold;
	font-size:13px;
}

#tools_sidebar ul li span a {
line-height: 20px;
/*color: #424242;*/
color: #cacaca;
display: block;
padding: 0 0 0 24px;
width:100%;
font-weight:bold;
}


#tools_sidebar ul li.sidebarSubButton > span {
margin-left:45px;
border-left: none;
}


#tools_sidebar ul li.sidebarSubButton > span a {
line-height: 20px;
/*color: #424242;*/
color: #cacaca;
display: block;
padding: 0 0 0 10px;
width:100%;
font-weight:normal;
}

#tools_sidebar ul li.sidebarSubButton > span a.active {
font-weight:bold;
line-height: 20px;
/*color: #6088A3;*/
color:#A5CDFF;
display: block;
padding: 0 0 0 10px;
width:100%;
}

#tools_sidebar > ul > li {
/*	background-color: #ffffff;*/
/*	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,rgba(0, 0, 0, 0.83)));*/
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');*/
	border: none;
	border-image: initial;
	width:215px;
	padding: 15px 0 0 0;
	background-color:#333333;
}
/* IE9 does not support gradient (filter attribute) and border-radius at same time, so we opt to keep border and ditch the gradient*/
.page_wrapper_ieonly #tools_sidebar > ul > li {
	background-color:#333333;
	background-image: none;
}


#tools_sidebar > ul li span {
/*border: 1px solid #CCC;
border-right:none;
border-left:none;
border-bottom:none;*/
color:#4682B4;
/*text-shadow: 0 1px 0 white;*/
/*font-weight: bold;*/
font-size:12px;
padding: 0px 10px;
margin-left: 0;
height:33px;
}



/*********************************/


/*--------------Push Notifications------------*/
.push_main, .edit_profile_main, .edit_billing_main, .design-main{ margin:15px 10px 0px 10px;}
.push_main .panel-body {padding-bottom:0px;}
.design-main {min-height:620px;}
#editprofileform {overflow:auto;}

#choose-app-main td.lastlogin {min-width: 175px;}
/*#choose-app-nav { text-align: right; }
#choose-app-nav > li { display:inline-block; float:none; }*/

#dashboard-users-main .inputs-box, .edit_profile_main .inputs-box, .edit_billing_main .inputs-box, #edit-punch-card-modal .inputs-box, #edit-punch-user-modal .inputs-box, #edit-group-modal .inputs-box, #edit-share-page-modal .inputs-box { width:100%;}

#dashboard-users-main .inputs-box .input-title, .edit_profile_main .inputs-box .input-title, .edit_billing_main .inputs-box .input-title,
#edit-punch-card-modal .inputs-box .input-title,
#edit-punch-user-modal .inputs-box .input-title,
#edit-gift-card-user-modal .inputs-box .input-title,
#edit-group-modal .inputs-box .input-title,
#edit-share-page-modal .inputs-box .input-title { text-align: left; width:160px;}

#dashboard-users-main .inputs-box .input-group, .edit_profile_main .inputs-box .input-group, .edit_billing_main .inputs-box .input-group { width:95%; max-width:400px; margin:10px 15px 10px 0;}
#edit-punch-card-modal .inputs-box .input-group, #edit-punch-user-modal .inputs-box .input-group, #edit-gift-card-user-modal .inputs-box .input-group, #edit-group-modal .inputs-box .input-group, #edit-share-page-modal .inputs-box .input-group{ width:95%; margin:10px 15px 10px 0;}
#dashboard-users-main .alert-sm {width: 70%; max-width: 400px; padding: 7px; margin: -7px 0px 5px 0px;}
.edit-share-page-link, .delete-share-page-link, .preview-share-page-link, .copy-share-page-link {display: block; padding-bottom: 4px;}
.edit_profile_main .alert-sm, .edit_billing_main .alert-sm{ padding: 7px; margin-top:16px;}

#progress-chart-main {margin: 0 20px;overflow:auto;}
#progress-chart-main .tab-pane {margin: 5px 20px 0px 25px;}
#progress-chart-main .chart-row {margin-bottom:10px;text-align: center;}
#progress-chart-main #chart-title-link {font-size:1.2em; font-weight: bold;cursor: pointer;}
#progress-chart-main #chart-title-color-picker {margin:5px auto}
#progress-chart-main #progress-chart-design-container { }
#progress-chart-main input[type="text"] {max-width:300px; display: inline-block; vertical-align: middle; margin-right:10px;}
#progress-chart-main #chart-title-input {}
#progress-chart-main .small-color-picker {max-width:215px}
#progress-chart-main #chart-background-options {width:100%; margin-bottom:25px}
#progress-chart-main #chart-background-color-picker {max-width:215px; margin-right:8px;}
#progress-chart-main #chart-vis {
	position :relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;  
	max-width:700px;
	min-width:450px;
	border-radius:6px;
	padding:10px;
	border: 1px solid #ddd;
	min-height: 300px;
	overflow:auto;
	background-color:#f5f5f5;
	background-position: center center;
	background-repeat: no-repeat no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
#progress-chart-main #progress-chart-summary {position: relative;}
#progress-chart-main .save-btn {margin-right:10px; display: none;}
#progress-chart-main #chart-vis.no-scroll {overflow:hidden}
#progress-chart-main #level-description-edit-box {position: absolute; top:0; left:0; right:0; z-index: 999;width: 100%;max-width: 700px;min-width: 450px;}
#progress-chart-main #level-desc-done { margin-top: 10px;width: 100%;max-width: 700px;min-width: 450px;}
#progress-chart-main #chart-levels .chart-level.template, #progress-chart-main #chart-levels .chart-level.deleted {display:none;}
#progress-chart-main .chart-vis-row {padding-top:10px; padding-bottom:10px;}
#progress-chart-main .chart-level {position: relative;}
#progress-chart-main .chart-level .level-description {display: none;}
#progress-chart-main .chart-level:not(.editing):hover {cursor: pointer;}
#progress-chart-main .chart-level.chart-vis-row.placeholder {height:143px;background-color:rgba(0,0,0,.5); border: 3px solid #fff;}
#progress-chart-main .chart-level.chart-vis-row {background-color: #fff;padding-left: 5px;padding-right: 5px;border: 1px solid #ddd; border-radius: 6px; margin-bottom: 5px;}
#progress-chart-main .chart-level .level-img-box {display:inline-block; width:20%; vertical-align: top;}
#progress-chart-main .chart-level .level-img-box-comp-or-not {display:inline-block; width:20%; }
#progress-chart-main .chart-level .level-title {display:inline-block; width:60%; vertical-align: middle;}   
#progress-chart-main .chart-level .level-title-input {max-width:165px;}
#progress-chart-main .chart-level .level-notification-edit {margin-top:20px; display: none;}
#progress-chart-main .chart-level .level-title-link {color:#000;font-size:1.2em; font-weight: bold;}
#progress-chart-main .chart-level .level-img-edit {padding-top:8px;}
#progress-chart-main .chart-level .level-img-edit .btn {padding:5px; border:none;border-radius: 0;}
#progress-chart-main .chart-level .chart-level-edit-box{/*position: absolute; width:375px; right: -402px;top: 50%;transform: translateY(-50%);*/ text-align: center; margin-top: 20px;}
#progress-chart-main .chart-level-styling, #progress-chart-main .chart-level-styling-toolbar {margin-left:0px}
#progress-chart-main .chart-level-background-styling, #progress-chart-main .chart-level-border-styling, #progress-chart-main .chart-level-other-styling {margin:8px 0 0 0;}
#progress-chart-main .chart-level-other-styling {    background-color: #fff; padding-bottom: 5px;padding-left: 10px;padding-top: 5px;border-radius: 3px;}
#progress-chart-main .chart-level .chart-level-edit-box p.title {font-size: .75em; margin-bottom:2px;}
#progress-chart-main .chart-level .comp-or-not-radios {padding-top:8px;}

#progress-chart-main #progress-chart-user-container {max-width:1100px;}
#progress-chart-main #progress-chart-users-table-container .bootstrap-table {font-size:1.2em;} 
#progress-chart-main #progress-chart-user-table th.pushesOn {width:40px}
#progress-chart-main #progress-chart-user-table th.levels {width:45%}
#progress-chart-main #progress-chart-user-table td .levels .level {display: inline-block;min-width: 50px;text-align: center; padding:10px;}
#progress-chart-main #progress-chart-user-table td .levels .level.template {display:none;}
#progress-chart-main #progress-chart-user-table td .levels .level .level-complete-or-not {padding-top:10px;}
#progress-chart-main #progress-chart-user-table td .levels .level.complete img.incomplete-img {display: none;}
#progress-chart-main #progress-chart-user-table td .levels .level:not(.complete) img.complete-img {display: none;}

#punch-card-container, #punch-card-user-container, #gift-card-user-container {position:relative; box-sizing: border-box; vertical-align: top; padding-left:20px; padding-right: 20px;}
#punch-card-user-container, #gift-card-user-container {padding-left:10px; padding-right:20px; padding-top:10px;}
#dashboard-users-table-container {position:relative; box-sizing: border-box; display:inline-block; vertical-align: top; padding-left:20px; width:75%; margin-top:5px;}
#dashboard-user-edit-container {box-sizing: border-box; /*display:inline-block;*/ vertical-align: top; padding-left:20px; padding-right:20px; /*margin-top:60px; width:70%;*/ }
.dashboard-users-table-email-col {word-break: break-all}
#dashboard-user-permissions-table-container {margin-bottom: 50px;}
#dashboard-users-container, #punch-card-container, #punch-card-user-container, #gift-card-user-container {position:relative; box-sizing: border-box; overflow-y:auto;}
#punch-card-table-container, #punch-card-users-table-container, #groups-table-container {margin-top:40px; /*border: 2px #E2E2E2 solid; border-radius: 7px; */}
#punch-card-table td .desc, #groups-table td .desc {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#punch-card-table tbody .selected td, #punch-card-user-table tbody .selected td, #groups-table tbody .selected td, #groups-table tbody .selected td {background-color: rgba(66, 139, 202, 0.24) !important;}
#punch-card-user-table tr.maxed-out {background-color: rgba(230, 129, 129, 0.25);}
#punch-card-users-table-container .search, #gift-card-users-table-container .search {z-index:1; margin-right:10px; margin-top:0px; height: 31px;}
.edit-punch-card-link, .delete-punch-card-link, .delete-gift-card-user-link, .edit-punch-users-link, .edit-punch-card-user-link, .show-punch-card-history-link { display:inline-block; padding:5px 0;}

#punch-card-table .punch-card-table-edit-col, #punch-card-users-table-container .punch-card-user-table-edit-col, #gift-card-users-table-container .gift-card-user-table-edit-col {min-width:110px;}
#punch-card-user-table .punch-card-user-table-last-update-col { min-width: 140px;}
#punch-card-user-table .punch-card-user-table-expires-col {min-width: 150px;}

/*#punch-card-table-container table th,  #gift-card-users-table-container table th, #punch-card-users-table-container table th, #retention-table-container table th, #retention-expired-table-container table th {font-size: .8em;}*/
#punch-card-table tr.detail, #gift-card-user-table tr.detail, #punch-card-user-table tr.detail, #retention-table tr.detail, #retention-expired-table tr.detail {font-size: .8em;}
#punch-card-table .punch-card-table-edit-col svg, #gift-card-user-table .gift-card-user-table-edit-col svg, #punch-card-user-table .punch-card-user-table-edit-col svg { width:12px; height: 12px;}

#groups-table .card-view .groups-table-edit-col-wrapper { display: inline-block; padding-top: 8px;}
.groups-table-edit-col {min-width:125px !important;}

#groups-table tbody > tr > td:not(.groups-table-cb), 
#class-groups-active-classes-table tbody > tr > td:not(.class-groups-active-classes-table-cb),
#dashboard-users-table tbody > tr > td:not(.groups-table-cb) {padding:4px !important; font-size: .85em; min-width:75px; vertical-align: middle;}

#groups-table tbody .is-a-class-group td {
    background-color: rgba(255, 193, 7, 0.10);
}
#groups-table .groups-table-cb, #class-groups-active-classes-table .class-groups-active-classes-table-cb {vertical-align: middle;}

#groups-table-container .fixed-table-toolbar .search, #class-groups-setup-container .fixed-table-toolbar .search {margin-top: 0px; margin-right: 10px; line-height: 30px;}
#groups-table-container .fixed-table-toolbar .search input, #class-groups-setup-container .fixed-table-toolbar .search input{height: 30px;}

/* IE9 does not support gradient (filter attribute) and border-radius at same time, so we opt to keep border and ditch the gradient*/
.page_wrapper_ieonly .push_main{
	background-color:#333333;
	background-image: none;
}

.navbar-nav, .nav-tabs, .dropdown-menu, .bootstrap-table tr th, #button-list-table tr th, #calendars-table tr th, #pushSentList, #app-your-files-table { font-size:12px; }
.push_main .tab-content .tab-pane {margin-top:15px;}
#push-features-dropdown .dropdown-menu, #deep-link-content-dropdown .dropdown-menu {
	min-width:300px;
}
#push-features-dropdown .dropdown-menu>li>a, #deep-link-content-dropdown .dropdown-menu>li>a {
    font-weight: 500;
    font-size: .95em;	
}
#push-features-dropdown .dropdown-menu .pushFeatureList_heading, #deep-link-content-dropdown .dropdown-menu .deepLinkList_heading {
    background-color: #428BCA;
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:8px;
    font-weight: bold;
}
#push-features-dropdown .dropdown-menu .menu-feature-description, #deep-link-content-dropdown .dropdown-menu .menu-feature-description{
    font-size: 9px;
    color: #999;
    margin: 0 0 5px 0px;	
}
#pushStatusText{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
        font-weight:bold;
}

#group-selection-table-container .fixed-table-body {max-height:300px}
.newPushMsg {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

#msg-now-container, #share-pages-container, #class-group-setup-container {padding:20px; overflow:auto;}
#groups-container {padding:0 20px 20px 20px; }
#deep-link-content-dropdown-container.navbar, #push-features-dropdown-container.navbar {margin-bottom: 0px;min-height: auto;}
#newPushMsgTxt {
        display:inline-block;
        padding: 5px;
        margin: 0px 0px 0px 0px;
        width:100%;
	max-width: 600px;
        line-height: 1.5;
        font-size: 13px;
	vertical-align:middle;
}

#newPushMsgTxt.error {
        background-color: #ecd4d4;
        border: 1px #c40001 solid;
}

#pushFeatureList {
        display:inline-block;
        padding: 8px 0px 0px 20px;
        margin: 0px 0px 0px 0px;
        width: 100%;
		max-width:420px;
        font-size: 1em;
        color: #424242;
}
.popover { color:#333; z-index:99999; }

.pushFeatureList_category {
       float: left;
       width: 259px;
       height: 22px;
       cursor: pointer;
       background: url(../img/layout/drop_manage.jpg) no-repeat;
       font-size: 12px;
       color: #424242;
       padding: 6px 0px 0px 8px;
}
.newPushMsg .tooltip_p span{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	position:relative;
	top:4px;
}
#pushSentList {overflow: auto;}



.events_main{
	position:relative;
        width:830px;
	min-height:400px;
	float:left;
	padding:45px 0px 20px 20px;
	margin:2px 0px 10px 10px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,rgba(0, 0, 0, 0.83)));
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');*/
	border: 1px #999 solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-opera-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}

#eventsList {
      float:left;
      width:820px;
      padding-top:20px;
}

#eventsListHeading {
      float: left;
      background: url(../img/layout/push_heading.jpg) no-repeat;
      padding: 6px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      width: 820px;
      height: 24px;
      font-size: 14px;
      color: #424243;
      font-weight: bold;
}

.eventsListHeading.column {
      float: left;
      padding: 0px 0px 0px 20px;
      margin:  0px 0px 0px 0px;
}

.eventsListHeading.column.column1 {
      width: 275px;
}
.eventsListHeading.column.column2 {
      width: 125px;
      margin: 0px -27px 0px 27px;
}
.eventsListHeading.column.column3 {
      width: 120px;
}
.eventsListHeading.column.column4 {
      width: 220px;
}
#eventsListTable {
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 300px;	
}
.eventsListTable {
      float: left;
      font-size: 14px;
      color: #424243;
      /*background: url(../img/layout/manage_back_03.jpg) repeat-y;*/
      background-color:#fff;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px -3px 0px;
      width: 820px;
}

.eventsListTable.bottom {
     background: url(../img/layout/manage_back_05.png) no-repeat;
     height: 5px;
     position: relative;
     top: -1px;
}
.eventsListTable .detail {
      /*background: url(../img/layout/push_detail_border.png);*/
      overflow:hidden;
      padding-bottom:10px;
}

.eventsListTable.detail:nth-child(odd){
      background-color: #E5E5E5;
}
.eventsListTable .detail:hover {
	background-color: #A5CDFF;
}

.eventsListTable .detail.column {
      float: left;
      padding: 12px 0 5px 20px;
      margin: 0px 0px 0px 0px;
      margin-bottom: -99999px;
      padding-bottom: 99999px;
}

.eventsListTable .detail.column.column1 {
      width: 274px;
      border-right: 1px solid #333;
}
.eventsListTable .detail.column.column2 {
      width: 124px;
      border-right: 1px solid #333;
}
.eventsListTable .detail.column.column3 {
      width: 119px;
      border-right: 1px solid #333;
}
.eventsListTable .detail.column.column4 {
      width: 220px;
}

#event-edit {
	min-height:400px;
}
.events_main .ui-widget {
      font-size:11px;
      z-index:1000;
}
.events_main .floating-buttons {
	position: absolute;
	top:10px;
	right:5px;
}
.events_main .input-box {
	padding: 10px 15px 10px 0px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.events_main .input-box .textarea-heading{
	font-size:14px;
	padding: 0px 0px 3px 5px;
	color: #A5CDFF;
}
.events_main .input-box textarea{
	font-size:14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.events_main .app_textbox_main{
	float:left;
	padding:0px 0px 0px 2px;
	margin:0px 0px 15px 0px;
	width:307px;
}



#registrationTableBox {
      float:left;
      width:820px;
      padding-top:20px;
}

#registrationTableHeading {
      float: left;
      background: url(../img/layout/push_heading.jpg) no-repeat;
      padding: 6px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      width: 820px;
      height: 24px;
      font-size: 14px;
      color: #424243;
      font-weight: bold;
}

#registrationTableHeading .column {
      float: left;
      padding: 0px 0px 0px 10px;
      margin:  0px 0px 0px 0px;
}

#registrationTableHeading .column.column1 {
      width: 120px;
}
#registrationTableHeading .column.column2 {
      width: 105px;
}
#registrationTableHeading .column.column3 {
      width: 200px;
}
#registrationTableHeading .column.column4 {
      width: 127px;
}
#registrationTableHeading .column.column5 {
      width: 75px;
}
#registrationTable {
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 300px;
	float: left;
	font-size: 14px;
	color: #424243;
	background-color:#fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -3px 0px;
	width: 820px;
}

#registrationTable.bottom {
     background: url(../img/layout/manage_back_05.png) no-repeat;
     height: 5px;
     position: relative;
     top: -1px;
}
#registrationTable .detail.row {
      overflow:hidden;
      padding-bottom:10px;
}

#registrationTable .detail.row:nth-child(odd) {
      background-color: #E5E5E5;
}
#registrationTable .detail.row:hover {
	background-color: #A5CDFF;
	font-weight: bold;
}

#registrationTable .detail.column {
	float: left;
	font-size:12px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 12px 5px 5px 8px;
	margin: 0px 0px 0px 0px;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

#registrationTable .detail.column.column1 {
      width: 119px;
      border-right: 1px solid #333;
}
#registrationTable .detail.column.column2 {
      width: 100px;
      border-right: 1px solid #333;
}
#registrationTable .detail.column.column3 {
      width: 199px;
      border-right: 1px solid #333;
}
#registrationTable .detail.column.column4 {
      width: 119px;
      border-right: 1px solid #333;
}
#registrationTable .detail.column.column5 {
      width: 150px;
}


/*****************************************/


.panel_tab_bottom h4 {
    float:left;
    width:457px;
    font-size:14px;
    padding: 0px 0px 5px 0px;
}
.content_app_bottom .ui-widget.jqButton-submenu {
    text-align:right;
}
.content_app_bottom .ui-widget.jqButton-submenu.jqButtonInactiveState {
    font-weight:normal;
}
.content_app_bottom .ui-widget {
      font-size:11px;
      z-index:1000;
}
.content_app_bottom .ui-menu {
      z-index:2000;
}

/*.jqbutton.ui-state-default {
   border: 1px solid #BBB;
   background: #F6F6F6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
   font-weight: bold;
   color: #1C94C4;
   border-image: initial;
}*/

.jqbuttonset label.ShareIconOption {
    width:150px;
}
.jqbuttonset label.ShareSettingsOption {
    width:150px;
}
.jqbuttonset label.AllOption {
    width:150px;
}
.jqbuttonset label.OddEvenOption {
    width:150px;
}

body .ui-button.ui-state-default {
	color:#000000;
}

body .ui-button.ui-state-active {
	color:#0073EA;
}
body .ui-button.ui-state-hover {
	color:#ffffff;
}
body .ui-button.ui-state-hover.ui-state-active {
	color:#0073EA;
}
.OddEvenAllBox .jqbutton {
    /*height:20px;*/
    margin:5px 0px 0px 0px;
}

.OddEvenAllBox .jqbutton .ui-button-text {
    /*line-height:.7;*/
}



.backgroundImageSection {
    float:left;
    margin:0px 0px 0px 0px;
    width:100%;
}
.backgroundImageText {
    float:left;
    width:135px;
    margin:5px 0px 0px 0px;
    font-weight:bold;
}
.backgroundColorText {
    float:left;
    width:125px;
    margin:5px 0px 0px 0px;
    font-weight:bold;
}
.backgroundTitle {
    float:left;
    width:40px;
    margin:10px 0px 0px 0px;
}

.OddEvenAllBox {
    float:left;
    margin:10px 0px 10px 0px;
}

.OddEvenAllBox .backgroundImageSection {
    float:left;
    margin:0px 0px 0px 0px;
}
.OddEvenAllBox .backgroundImageText {
    float:left;
    width:120px;
    margin:10px 0px 0px 0px;
    font-weight:normal;
}
.OddEvenAllBox .backgroundTitle {
    float:left;
    width:40px;
    margin:10px 0px 0px 0px;
}
.OddEvenAllBox .colorSection {
    float:left;
    margin:15px 0px 0px 0px;
    width:100%;
    font-weight:normal;
}
.OddEvenAllBox .uploadstatus {
    margin:0px 0px 0px 160px;
}
.OddEvenAllBox .oddEvenmainalLeftx {
    float:left;
    width:125px;
    margin:0px 0px 0px 0px;
}
.OddEvenAllBox .colorValue {
    float:left;
    width:50px;
    margin:0px 0px 0px 0px;
    font-size: 12px; 
    color: #568700;
    font-weight: bold;
}
.OddEvenAllBox .chgColorLink {
    float:left;
    width:160px;
}
.OddEvenAllBox .chgColorLink a {
    display:block;
    float:left;
    color: #0079D4;
    text-decoration: underline;
    margin:0px 0px 0px 0px;
}

.list_main_back .OddEvenAllBox h1.heading{
    float:left;
    width:100%;
    font-size: 11px;
    color: #424242;
    text-transform: uppercase;
    font-weight: bold;
    text-align:center;
    margin: 35px 0px 10px; 0px;
    padding: 0px 0px 0px; 0px;
    background-color:#f6f6f6;
}
/*.jqbutton.galleryDialogButton {
    color:#ffffff;
    background-image:none;
    background-color:#1C94C4;
}

.jqbutton.browseButton {
    color:#ffffff;
    background-image:none;
    background-color:#1C94C4;
}

.jqbutton.jqButtonActiveState { 
    border: 1px solid #FBD850; 
    background: #ffffff url(ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; 
    font-weight: bold; 
    color: #eb8f00; 
}
*/
.feature_icon_box {
//   float:left;
   display:inline-block;
   padding-bottom:35px;
}

.feature_icon_buttons {
   float:left;
   padding:0px 0px 0px 0px; 
   margin:15px 0px 0px 15px;
}

.feature_icon_buttons p.belowButtonText  {
   float: left;
   padding: 1px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   width: 130px;
   font-size: 10px;
   font-weight: normal;
   color: #727272;
   text-align: center;
}

.feature_icon_gallery_button {
   float:left;
   padding:0px 0px 0px 0px; 
   margin:0px 0px 0px 15px;
}

.feature_icon_upload_button {
   float:left;
   padding:0px 0px 0px 0px; 
   margin:0px 0px 0px 15px;
}

.feature_icon {
   float:left;
   background:url(../img/layout/icon_border_60_60.jpg) no-repeat;
   margin:0px 0px 0px 5px;
}


.featureMenu {
   float:left; 
   width:130px;
}

.ui-menu { position: absolute; width: 100px; overflow-y: auto; overflow-x: hidden; max-height: 270px; }

.featureMenuButton.ui-button {
	text-align:left; 
	width:122px;
	margin-bottom:10px;
	padding:5px 0;
       /* border: 1px solid #CCC;*/
     /*   background: #ffffff;*/
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#615C5C),color-stop(1,rgba(71, 67, 67, 0.83)));
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#615C5C', endColorstr='#474343'); */
	background-color:transparent;
	font-weight: normal;
     /*   color: #424242;*/
	color:#ffffff;
	border-image: initial;
	border: 1px solid #000000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-opera-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}
/* IE9 does not support gradient (filter attribute) and border-radius at same time, so we opt to keep border and ditch the gradient*/
.page_wrapper_ieonly .featureMenuButton.ui-button{
	background-color:#615C5C;
	background-image: none;
}

.featureMenuButton.jqbutton.jqButtonActiveState { 
    /*border: 1px solid #FBD850;*/ 
    /*background: #ffffff url(ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; */
    font-weight: bold; 
    /*color: #1C94C4; */
    color:#71D6FF;
}


.featureMenuButton.ui-button >span.ui-button-text {
   padding-left:.5em;
   padding-right: .8em;
}

.featureMenuButtonImg {
   vertical-align:middle;
}

.featureMenuButtonText {
   display:inline-block; 
   vertical-align:middle;
   padding: 0 0 0 8px;
}


/*------------New gallery CSS (Ty)-------*/

#galleryDialog {
   padding: .5em .5em;
}

#logoGalleryDialog {
   max-height:525px;
}

#galleryOptions{
   margin:5px 0px 50px 0px;
   font-size: .70em;
}
#galleryOptions label.ui-button.ui-widget{
   width:9%;
}

.galleryImg.galleryIcon img{
	width: 50px;
}

div.galleryScrollWrapper.galleryIcon{
   float:right;  
   height:90%;
   width:71%;
   overflow-y: auto;
   overflow-x: hidden;
}

div.galleryScrollWrapper.galleryLogo{
   height:90%;
   width:85%;
   overflow-y: auto;
   overflow-x: hidden;
}

div.galleryScrollWrapper.galleryContent{
   height:90%;
   overflow-y: auto;
   overflow-x: hidden;
}

div.galleryScrollWrapper.galleryBackground{
   float:right;  
   height:90%;
   width:73%;
   overflow-y: auto;
   overflow-x: hidden;
}

.galleryTable {	
   border-style: solid; 
   border-width: 1px;
   border-color:#CCC;
   background-color: #F6F6F6;
   height: 100%; 
   width:  100%;
   padding-left: 10px;
}

/*****************************************************/
/** Big text buttons that refresh the gallery       **/
/*****************************************************/
a.galleryButton.ui-widget{
   width:26%;
/*   font-size: .7em;
   margin-bottom:5px;*/
}

.galleryTableDetail {	
   vertical-align: top;
}

/*****************************************************/
/** This is the container for each icon-button      **/
/*****************************************************/
.galleryImgContainer.galleryIcon{
   float:left;
   margin: 8px;
   width:50px;
   height:50px;
}
.galleryImgContainer.galleryBackground{
   margin: 8px;
}

/*****************************************************/
/** This is the actual icon-button                  **/
/*****************************************************/
div.galleryImg.galleryIcon.ui-button {
   float:left;
   width:50px;
}

div.galleryImg.galleryLogo.ui-button {
   float:left;
   width:400px;
   margin:8px;
   background: #b5b8ba url(/images/transparent_logo_background.png) 50% 50% repeat-x; 
}

div.galleryImg.galleryContent.ui-button {
   float:left;
   margin:8px;
}

div.galleryImg.galleryLogo.ui-button #galleryImgFileName {
   font-size:.75em;
}
div.galleryImg.galleryContent.ui-button #galleryImgFileName {
   font-size:.75em;
}
/*****************************************************/
/** Override the default padding for jquery button  **/
/** as we are using image instead of text           **/
/*****************************************************/
div.galleryImg.galleryIcon.ui-button >span {
   padding: 5px 0px 5px 0px;
}

div.galleryImg.galleryBackground.ui-button >span {
   padding: 5px 5px 5px 5px;
}

/*****************************************************/
/** Set some attributes at the img level            **/
/*****************************************************/
div.galleryImg.galleryBackground.ui-button >span>img {
   max-width:450px;
   max-height:350px;
}
div.galleryImg.galleryContent.ui-button >span>img {
   max-width:150px;
}

.galleryImg.galleryBackground {
	float:left;
}


div.galleryButtonList a.galleryButton.galleryButtonActiveState { 
	color:#0073EA;
}

div.galleryButtonList a.galleryButton.galleryButtonActiveState.ui-state-hover { 
	color:#ffffff;
}

#galleryOptions label {
	border: none;
	font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
	font-weight: bold; 
	color: #ffffff;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,rgba(0, 0, 0, 0.83)));	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
	font-weight: bold;
}
#galleryOptions label.ui-state-active {
/*	border:2px solid #71D6FF;*/
	color: #71D6FF;
	/*color: #EB8F00;*/
}

.galleryTableDetail div#galleryLoading {
     height:100%;
     width:100%;
}
.galleryTableDetail div#galleryLoading >img{
position: absolute;
   top: 50%;
   left: 50%;
   width: 50px;
   height: 50px;
   margin-top: -50px; 
   margin-left: 75px;
}

.galleryTableDetail div#galleryLoading.galleryContent >img{
position: absolute;
   top: 50%;
   left: 50%;
   width: 50px;
   height: 50px;
   margin-top: -50px; 
   margin-left: -12px;
}
/*----------------------------------------*/

.header_nav_wrapper{ padding-bottom:10px; background-color:#3E3E3E; position: fixed; top: 0px; right: 0px; z-index: 10; width: 100%; }


.header-logo { padding-top:10px; width:100%;}
.header .header-links {display:inline-block; vertical-align: bottom; }
.header .header-link-box {display:inline-block; padding: 5px; margin-bottom:-11px}
.header .header-link{display:inline-block; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; padding:5px;color:#ddd; font-weight: 500;}
.header .header-link:hover, .header .header-link.active{ text-decoration: underline; color: #4994DE; font-weight: bold;}

#warning_err {
	color:#DC7343;
}
#summary-gallery {
	padding-left:3px;
}
.publishList .error-heading {
	background-color:#c40000;
	color:#fff;
}
.header_inner{
        width:100%;
	margin:0px auto;
}

.header_inner_left{
	display:inline-block;
	vertical-align: bottom;
	width:35%;
	max-width:225px;
	/*padding:10px 0px 0px 0px;*/
	margin:0px;
}

.header_inner_right{
	float:right;
	display:inline-block;
	padding:2% 0px 0px 0px;
	margin:0;
}

.header_email_main{
	display: inline-block;
	padding:0px 12px 0px 0px;
	margin:0px;
	width:147px;
	font-size:11px;
	color:#FFF;
	vertical-align: top;
}

.header_email_main p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:147px;
	font-size:11px;
	color:#ff4646;
	height:15px;
}

.header_email_main span{
	font-size:11px;
	color:#FFF;
}

.check_algin{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px;
}

.check_algin_left{
	float:left;
	padding:2px 4px 0px 0px;
	margin:0px;
}

.check_algin_left input{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:13px;
	height:13px;
}

.check_algin_right{
	float:left;
	padding:2px 0px 0px 2px;
}

.check_algin_right a{
	float:left;
	padding:0px 0px 0px 0px;
	font-size:11px;
	color:#428BCA;
	text-decoration:none;
}

.check_algin_right a:hover{
	text-decoration:underline;
}

.header_sign{
	display:inline-block;
	margin:0px;
	width:83px;
	font-size:11px;
	color:#FFF;
}

/*.header_email_main_input {
    background-repeat: no-repeat;
    border:none;
    float: left;
    height: 28px;
    margin: 0;
    padding: 2px 0 0 3px;
    width: 145px;
}

.header_email_main_input input.watermarkOn {
        color: #B6B6B6;
        font-style: italic;
}

.header_email_main_input input {
    float: left;
    height: 23px;
    margin: 0;
	padding:0px 0px 0px 5px;
    padding:4px 0px 0px 5px;
    height: 25px;
    width: 136px;
	border:0px;
	font-size:13px;
	color:#424242;
}

.header_email_main_input_red {
    background-image:url(../img/layout/login_red.png);
    background-repeat: no-repeat;
    border:none;
    float: left;
    height: 28px;
    margin: 0;
    padding: 2px 0 0 3px;
    width: 145px;
}

.header_email_main_input_red input {
    float: left;
    height: 23px;
    margin: 0;
	padding:0px 0px 0px 5px;
    padding:4px 0px 0px 5px;
    height: 19px;
    width: 136px;
	border:0px;
	font-size:13px;
	color:#424242;
	background:#ecd4d4;
}
*/
.header_nav_wrapper .nav{
	display:inline-block;
	margin:5px 15px 0 0;
	vertical-align: bottom;
	width:25%;
}

.nav_inner{
	padding:2px 0px 0px 0px;
	margin:0px auto;
	/*width:950px;*/
}

.nav_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:950px;
}
.menu{
	padding:0px 0px 0px 8px;
	margin:0px;
}
	
.main_navigation
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

.main_navigation li {
	float:left;
	display:block;
	padding:2px 15px 0px 0px;
	color:#4881b0;
	font-size:16px;
	font-weight:bold;
	line-height:28px;
	cursor:pointer;	
}
.main_navigation li a{
	float:left;
	text-decoration:none;
	color:#fefefe;
	height:49px;
	display:block;
	cursor:pointer;
	font-size:15px;
	padding:0px 0px 0px 0px;
	cursor:pointer;
}
.main_navigation li a span{
	float:left;
	display:block;
	height:37px;
	padding:12px 11px 0px 14px;
	cursor:pointer;
	text-decoration:none;
	cursor:pointer;
	font-size:13px;
	color:#424242;
	font-weight:bold;
	text-transform:uppercase;
}

.main_navigation li a span img{
	float:left;
	padding:0px 8px 0px 0px;
}

.main_navigation li a:hover{
	display:block;
	float:left;
	height:49px;
	background:url(../img/layout/nav_hover_02.png) no-repeat top right;
	padding:0px 11px 0px 0px;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
}
.main_navigation li a:hover span{
	display:block;
	float:left;
	padding:12px 0px 0px 14px;
	height:37px;
	background:url(../img/layout/nav_hover_01.png) no-repeat top left;
	cursor:pointer;
	color:#424242;
	text-decoration:none;
}

li.active_tab{
	float:left;
	display:block;
	margin:2px 15px 0px 0px;
	padding:0px 5px 0px 0px;
	height:49px;
	background:url(../img/layout/nav_hover_02.png) no-repeat top right;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
}

li.active_tab a:hover{
	float:left;
	height:49px;
	background:url(../img/layout/menu_hover_strip.png) no-repeat top right;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
}

li.active_tab span{
	float:left;
	padding:0px 2px 0px 0px;
	display:block;
	height:49px;
	background:url(../img/layout/nav_hover_01.png) no-repeat top left;
	cursor:pointer;
	color:#052061;
	text-decoration:none;
}

.content-container{
	/*background-color:#111111;*/
	/*margin:15px; */
	overflow-x: auto;
	overflow-y: hidden;
}

.container_inner{
	margin:0px auto;
        clear: both;
        min-width: 290px;
        max-width: 1600px; 
}

.content_wrapper{
	margin:0px auto;
	width:1050px;
}

.content{
        float:left;
	padding:18px 0px 5px 0px;
	margin:0px;
	width:1050px;
}

.content_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:590px;
}

.content_left h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:590px;
}

.content_list_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:100%;
}


.content_list{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:295px;
	display:block;
}

.content_list_heading{
        font-size:14px;
        font-weight:bold;
}

.content_list ul{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:295px;
	display:block;
}

.content_list ul li{
	float:left;
	padding:10px 0px 0px 15px;
	margin:0px;
	list-style:none;
	font-size:13px;
	color:#424242;
	width:250px;
}

.content_list ul li img{
	float:left;
	padding:0px 5px 0px 0px;
	margin:0px;
}

.content_list1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:285px;
	display:block;
}

.content_list1 ul{
	float:left;
	padding:0px 0px 0px 10px;
	margin:0px;
	width:285px;
	display:block;
}

.content_list1 ul li{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:285px;
	list-style:none;
	color:#424242;
	font-size:15px;
}

.content_list1 ul li img{
	float:left;
	padding:0px 5px 0px 0px;
	margin:0px;
}

.content_image{
	float:left;
	padding:20px 0px 0px 0px;
	margin:0px;
	width:470px;
}

.content_image img{
	float:left;
	padding:0px 30px 0px 0px;
	margin:0px;
}

.contactUs_content{
	float:left;
	padding:50px 0px 0px 0px;
	margin:0px;
	width:1050px;
}

.content_right{
	float:right;
	padding:30px 0px 20px 0px;
	margin:0px;
	width:260px;
}

.contactUs_content .formbox_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:500px;
}

.contactUs_content .formbox_top{
	float:left;
/*	background:url(../img/layout/form_box_01-500x14.png) no-repeat;*/
	padding:0px 0px 0px 0px;
	margin:0px;
	width:500px;
	height:14px;
	font-size:5px;
}
.contactUs_content .formbox_center{
	float:left;
/*	background:url(../img/layout/form_box_center-500x3.png) repeat-y;*/
	padding:6px 0px 0px 15px;
	margin:0px;
	width:500px;
}

.contactUs_content .formbox_center p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:450px;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
}

.contactUs_content .formbox_center p span{
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:15px;
	color:#ffffff;
}

.contactUs_content .formbox_center h1{
	float:left;
	padding:13px 0px 0px 0px;
	margin:0px;
	width:450px;
	font-size:18px;
	color:#ffffff;
}
.contactUs_content .formbox_bottom{
	float:left;
	/*background:url(../img/layout/form_box_bottom-500x13.png) no-repeat;*/
	padding:0px 0px 0px 0px;
	margin:0px;
	width:500px;
	height:13px;
	font-size:5px;
}



.formbox_main{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 242px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,rgba(0, 0, 0, 0.83)));
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');*/
	border: 3px solid #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-opera-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
}
/* IE9 does not support gradient (filter attribute) and border-radius at same time, so we opt to keep border and ditch the gradient*/
.page_wrapper_ieonly .formbox_main{
	background-color:#333333;
	background-image: none;
}

.formbox_top{
	float:left;
	/*background:url(../img/layout/form_box_01-242x14.png) no-repeat; */
	padding:0px 0px 0px 0px;
	margin:0px;
	width:242px;
	height:14px;
	font-size:5px;
}
.formbox_center{
	float:left;
/*	background:url(../img/layout/form_box_03.png) repeat-y;*/
	padding:6px 0px 0px 15px;
	margin:0px;
	width:227px;
}

.formbox_center p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:227px;
	font-size:12px;
	/*color:#424242;*/
	color:#ffffff;
	font-weight:bold;
}

.formbox_center p span{
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:15px;
	color:#568700;
}

.formbox_center h1{
	float:left;
	padding:13px 0px 0px 0px;
	margin:0px;
	width:227px;
	font-size:18px;
	color:#424242;
}

.form_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:227px;
}

.form_main a{
	float:left;
	padding:20px 0px 0px 0px;
	margin:0px;
}

.form_main_email_main_input_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:227px;
}

.form_main_email_main_input_main p{
	float:left;
	padding:5px 0px 5px 0px;
	margin:0px;
	width:227px;
	font-size:11px;
	color:#ffffff;
}

.form_main_email_main_input {
    background-image:url(../img/layout/signup_textbox-215x29.png);
    background-repeat: no-repeat;
    border:none;
    float: left;
    height: 28px;
    margin: 0;
    padding: 2px 0 0 3px;
    width:215px;
}

.form_main_email_main_input input {
    float: left;
    height: 23px;
    margin: 0;
    padding:0px 0px 0px 5px;
    padding:4px 0px 0px 5px;
    height: 19px;
    width: 203px;
	border:0px;
	font-size:11px;
	color:#424242;
}

.form_main_email_main_input_red {
    background-image:url(../img/layout/textbox_on-215x29.png);
    background-repeat: no-repeat;
    border:none;
    float: left;
    height: 28px;
    margin: 0;
    padding: 2px 0 0 3px;
    width:215px;
}

.form_main_email_main_input_red input {
    float: left;
	background:#ecd4d4;
    height: 23px;
    margin: 0;
    padding:0px 0px 0px 5px;
    padding:4px 0px 0px 5px;
    height: 19px;
    width: 203px;
	border:0px;
	font-size:11px;
	color:#424242;
}

.form_check_main{
	float:left;
	padding:8px 0px 0px 0px;
	margin:0px;
	width:227px;
	font-size:9px;
	color:#ffffff;
}

.form_check_left{
	float:left;
	padding:3px 0px 0px 0px;
	margin:0px;
	width:22px;
}

.form_check_left input{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:13px;
	height:13px;
}

.form_check_right{
	float:left;
	padding:2px 0px 0px 0px;
	margin:0px;
	width:198px;
}

.form_check_right a{
	float:none;
	padding:0px 0px 0px 0px;
	margin:0px;
	color:#71D6FF;
	text-decoration:none;
}

.form_check_right a:hover{
	text-decoration:underline;
}

.formbox_bottom{
	float:left;
	/*background:url(../img/layout/form_box_05-242x13.png) no-repeat;*/
	padding:0px 0px 0px 0px;
	margin:0px;
	width:242px;
	height:13px;
	font-size:5px;
}

.step{
	float:left;
	background-color:#f3eff0;
	margin:0px;
	width:100%;
	border-top:1px #c4c4c4 solid;
}

.step_inner{
	padding:0px 0px 0px 0px;
	margin:0px auto;
	width:950px;
}

.step_main{
	float:left;
	padding:15px 0px 20px 0px;
	margin:0px;
	width:950px;
}

.step1{
	float:left;
	background:url(../img/layout/right_arrow.png) no-repeat 268px 65px;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:300px;
}

.step1 h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:25px;
	color:#424242;
	font-weight:normal;
	width:250px;
}

.step1 h1 span{
	font-size:25px;
	color:#568700;
}

.step1 h2{
	float:left;
	padding:4px 0px 0px 0px;
	margin:0px;
	font-size:22px;
	color:#424242;
	width:250px;
}

.step1 p{
	float:left;
	padding:8px 0px 0px 0px;
	margin:0px;
	font-size:13px;
	color:#555555;
	width:250px;
}

.step2{
	float:left;
	padding:0px 0px 0px 20px;
	margin:0px;
}

.step3{
	float:left;
	padding:0px 0px 0px 20px;
	margin:0px;
	width:290px;
}

.step3 h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:25px;
	color:#424242;
	font-weight:normal;
	width:290px;
}

.step3 h1 span{
	font-size:25px;
	color:#568700;
}

.step3 h2{
	float:left;
	padding:4px 0px 0px 0px;
	margin:0px;
	font-size:22px;
	color:#424242;
	width:290px;
}

.step3 p{
	float:left;
	padding:8px 0px 0px 0px;
	margin:0px;
	font-size:13px;
	color:#555555;
	width:280px;
}


.footer_legal{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:140px;
}

.footer_legal p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:140px;
	font-size:12px;
/*	color:#939493;*/
	color:#969696;
	font-weight:bold;
}

.footer_legal ul{
	float:left;
	padding:2px 0px 0px 0px;
	margin:0px;
	width:140px;
	display:block;
}

.footer_legal ul li{
	float:left;
	padding:8px 0px 0px 15px;
	margin:0px;
	width:127px;
	font-size:11px;
	color:#969696;
	list-style:none;
	background:url(../img/layout/dot.png) no-repeat 0px 13px;
}
.footer_legal ul li a{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-decoration:underline;
	color:#969696;
}


.header_inner_right_app{
        float:right;
	padding:20px 0px 0px 0px;
	margin:0px;
	width:420px;
	display:block;
}
#header-toolbar{ float:right;}
#user-logged-in-dropdown .dropdown-menu {min-width:0px; width:100%;}

.dropdown-menu.scrollable {
	height: auto;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
}

/*******************************************************************/
/* Having issues where Safari is hiding scrollbar when it shouldn't
 * The below forces it to show
/*******************************************************************/
#push-features-dropdown .dropdown-menu.scrollable::-webkit-scrollbar, #app-menu .app-menu-features-dropdown-menu .dropdown-menu.scrollable::-webkit-scrollbar {
    -webkit-appearance: none;
}
#push-features-dropdown .dropdown-menu.scrollable::-webkit-scrollbar:vertical, #app-menu .app-menu-features-dropdown-menu .dropdown-menu.scrollable::-webkit-scrollbar:vertical {
    width: 11px;
}
#push-features-dropdown .dropdown-menu.scrollable::-webkit-scrollbar:horizontal, #app-menu .app-menu-features-dropdown-menu .dropdown-menu.scrollable::-webkit-scrollbar:horizontal {
    height: 11px;
}
#push-features-dropdown .dropdown-menu.scrollable::-webkit-scrollbar-thumb, #app-menu .app-menu-features-dropdown-menu .dropdown-menu.scrollable::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}
#push-features-dropdown .dropdown-menu.scrollable::-webkit-scrollbar-track, #app-menu .app-menu-features-dropdown-menu .dropdown-menu.scrollable::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
}
/*******************************************************************/

#choose-location-dropdown a.dropdown-toggle, #choose-location-dropdown a.dropdown-toggle.open {background-color: #428BCA; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -opera-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
.alert { max-width:500px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #428BCA;
	background-color: #E7E7E7;
	font-weight:bold;
}

#dashboard-menu .container-fluid>.navbar-collapse {margin-left:0px; padding-left:0px; height:auto;}
#dashboard-menu .container-fluid>.navbar-collapse.in {padding-left:3px;}
.content_app_main{
	color:#333;
	background-color:#FFF;
        width:100%;
/*	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-opera-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px; */
	height: 80vh;
	min-height: 430px;
}
.content_app_main.huge {height:100vh;}
.choose-app.content_app_main.huge {height:100vh;}
.content_app_top{
	float:left;
	padding:10px 0 10px 20px;
	margin:0px;
	/*background-color:#fff;
	width:932px;*/
	width:100%;
	position:relative;
	top:1px;
}

/*.content_app_top a{
	float:left;
	padding:0px 1px 0px 0px;
	margin:0px;
}

.content_app_top a:hover{
	float:left;
	padding:0px 1px 0px 0px;
	margin:0px;
}
*/
.btn_design{
	float:left;
	padding:0px;
	margin:0px;
	background:url(../img/layout/tab_off_02.jpg) no-repeat;
	width:70px;
	height:28px;
}

.btn_design:hover ,.btn_design.active {
	float:left;
	padding:0px;
	margin:0px;
	background:url(../img/layout/tab_on_02.jpg) no-repeat;
	width:70px;
	height:28px;
}
	
.btn_app{
	float:left;
	padding:0px;
	margin:0px;
	background:url(../img/layout/tab_off_04.jpg) no-repeat;
	width:81px;
	height:28px;
}

.btn_app:hover , .btn_app.active{
	float:left;
	padding:0px;
	margin:0px;
	background:url(../img/layout/tab_on_04.jpg) no-repeat;
	width:81px;
	height:28px;
}

.btn_manage{
	float:left;
	padding:0px;
	margin:0px;
	background:url(../img/layout/tab_off_06.jpg) no-repeat;
	width:121px;
	height:28px;
}

.btn_manage:hover , .btn_manage.active{
	float:left;
	padding:0px;
	margin:0px;
	background:url(../img/layout/tab_on_06.jpg) no-repeat;
	width:121px;
	height:28px;
}

.btn_publish{
	float:left;
	padding:0px;
	margin:0px;
	background:url(../img/layout/tab_off_08.jpg) no-repeat;
	width:121px;
	height:28px;
}

.btn_publish:hover , .btn_publish.active{
	float:left;
	padding:0px;
	margin:0px;
	background:url(../img/layout/tab_on_08.jpg) no-repeat;
	width:121px;
	height:28px;
}

.content_app_bottom{
	float:left;
	/*padding:0px 0px 60px 0px;*/
	margin:0 0 0 10px;
	width:77%;
	/*border:1px #7d7d7d solid;*/
	background-color:#111111;
}

.content_app_bottom h1{
	float:left;
	padding:23px 0px 0px 32px;
	margin:0px;
	/*width:948px;*/
	color:#424242;
	font-size:16px;
	/*font-weight:normal;*/
}

.app_content_main{
/*	float:left; */
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
        /*width:948px;*/
}

.app_content_left{
	float:left;
	padding:0px 0px 0px 6px;
	margin:0px 15px 0px 0px;
	width:312px;
	margin-top: -6px;
	
}

.app_content_left_iphone{
	float:left;
	background:url(../img/layout/iphone_big.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	height:623px;
}

.app_content_left_iphone p{
	float:left;
	padding:280px 40px 0px 40px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	color:#424242;
	width:227px;
}

.app_content_right{
	float:left;
	padding:10px 0px 80px 0px;
	margin:0px 0px 0px 0px;
}
.app_content_right_left{
	float:left;
	padding:10px 50px 0px 0px;
	margin:0px 0px 0px 0px;
	width:314px;
}

.app_textbox_main{
	float:left;
	padding:0px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	width:307px;
}
.app_textbox_main .app_helptext{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	font-size:13px;
	font-weight:bold;
}

.app_textbox_main .app_helptext span{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	position:relative;
	top:4px;
}

.app_textbox_main_h1{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	font-size:13px;
	font-weight:bold;
}
.app_textbox_main_h1 span{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	position:relative;
	top:4px;
}


.app_textbox1{
	float:left;
	padding:5px 0px 0px 6px;
	margin:0px 0px 0px 0px;
	width:300px;
	height:23px;
	font-size:13px;
	color:#424242;
/*	background:url(../img/layout/app_textboox.jpg) no-repeat;*/
}

.app_textbox1 input{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:282px;
	font-size:12px;
	color:#424242;
	border:0px;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}

.app_textbox1_error{
	float:left;
	padding:5px 0px 0px 6px;
	margin:0px 0px 0px 0px;
	width:300px;
	height:23px;
	font-size:13px;
}

.app_textbox1_error input{
	background-color: #ECD4D4;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:282px;
	font-size:12px;
	color:#424242;
	border:0px;
}

.app_textbox{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:300px;
	height:23px;
	font-size:13px;
	color:#424242;
}

.app_textbox ul{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:300px;
	font-size:13px;
	display:block;
}

.app_textbox ul li{
	float:left;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	width:286px;
}


.app_textbox input{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:282px;
	font-size:12px;
	color:#424242;
	border:0px;
}

.app_textbox_main p{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	font-size:11px;
	height:28px;
}


.app_textarea_main{
	float:left;
	padding:8px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	width:307px;
}
.app_textarea_main .app_helptext{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	font-size:13px;
	font-weight:bold;
}
.app_textarea_main .app_helptext span{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	position:relative;
	top:4px;
}


.app_textarea{
	float:left;
	/*background:url(../img/layout/btn_textarea.jpg) no-repeat;*/
	padding:6px 0px 0px 7px;
	margin:0px 0px 0px 0px;
	width:287px;
	height:173px;
	font-size:13px;
	color:#424242;
}

.app_textarea textarea{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:282px;
	height:168px;
	font-size:12px;
        line-height:1.5;
	color:#424242;
	border:0px;
        resize:none;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}

.app_textarea_error{
	float:left;
	padding:6px 0px 0px 7px;
	margin:0px 0px 0px 0px;
	width:287px;
	height:173px;
	font-size:13px;
	resize:none;	
}

.app_textarea_error textarea{
	background-color: #ECD4D4;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:282px;
	height:168px;
	font-size:12px;
	color:#424242;
	border:0px;
  resize:none;
}

.app_textarea_main p{
	float:left;
	padding:5px 0px 6px 0px;
	margin:0px 0px 0px 0px;
	width:303px;
	font-size:11px;
  height:42px;
}

.app_upload{
	float:left;
	padding:58px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	width:307px;
}

.app_upload p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	font-size:13px;
	font-weight:bold;
}

.app_upload_app{
	float:left;
	padding:12px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	width:307px;
}

.app_upload_app p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	font-size:13px;
	font-weight:bold;
}

.green{
	color:#568700;
}

.text11{
	font-size:11px;
	font-weight:normal;
}

.app_upload a{
	float:left;
	padding:32px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

.app_upload_app a{
	float:left;
	padding:32px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

.imageback_main{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:307px;
}

.imageback{
	float:left;
	padding:1px 0 0 1px;
	margin:0px;
	/*background:url(../img/layout/image.jpg) no-repeat;*/
	width:59px;
	height:60px;
}

.imageback_main p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	font-size:11px;
	font-weight:normal;
}

.full_main{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:307px;
}

.full_main a{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:307px;
	font-size:11px;
	color:#0079d4;
	text-decoration:underline;
}

.app_content_btn{
	float:left;
	padding:0px 0px 0px 318px;
	margin:0px 0px 0px 0px;
	width:630px;
}

.app_content_btn a{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}

.form_main_heading_error{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:227px;
	color:#c40000;
	height:16px;
}
.form_main_heading_error_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:12px;
	font-weight:bold;
}

.form_main_heading_error_right{
	float:right;
	margin:0px 10px 0px 0px;
	padding:0px;
	font-size:11px;
}

.red{
	color:#BE7474 !important;
}
.greenish{
	color:#5f9ea0 !important;
}
.form_error_mes{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:227px;
	font-size:11px;
	color:#F83939;
	height:25px;
}

/*---------Choose app ---------*/

.chooseAppMain,.chooseAppMain1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:410px;
}

.chooseAppTop{
	float:left;
	background:url(../img/layout/choose_app_popup_01.png) no-repeat;
	padding:0px 15px 0px 20px;
	margin:0px;
	width:375px;
	height:31px;
}
.chooseAppTopLeft{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	font-size:14px;
	color:#ffffff;
	text-shadow:1px 1px #333;
	font-weight:bold;
}
.chooseAppTopRight{
	float:right;
	padding:13px 0px 0px 0px;
	margin:0px;
}

.chooseAppCenter{
	float:left;
	background:url(../img/layout/choose_app_popup_03.png) repeat-y;
	padding:20px 15px 10px 20px;
	margin:0px;
	width:375px;
}
.chooseAppCenter p{
	float:left;
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#424242;
}

.chooseAppNameMain{
	float:left;
	padding:16px 0px 0px 0px;
	margin:0px;
	width:375px;
}

.chooseAppNameLeft{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px;
	width:92px;
	font-size:12px;
	font-weight:bold;
}

.colan_algin{
	padding-left:15px;
}

.chooseAppNameRight{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:285px;
}

.chooseAppNameRight ul{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:272px;
	display:block;
}
.chooseAppNameRight ul li{
	float:left;
	padding:0px 0px 5px 0px;
	margin:0px;
	width:272px;
	list-style:none;
	color:#424242;
}

.chooseAppbtnMain{
	float:left;
	padding:16px 0px 0px 0px;
	margin:0px;
	width:375px;
}

.chooseAppbtnMain a,.chooseAppbtnMain p{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}

.chooseAppBottom{
	float:left;
	background:url(../img/layout/choose_app_popup_05.png) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:410px;
	height:17px;
}

.content_create_app{
//	float:left;
	padding:20px 0px 5px 0px;
	margin:0px auto;
	width:950px;
}

.content_create_app_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:625px;
}

.CreateBack{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:613px;
}
.CreateBack a{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:613px;
	font-size:12px;
	color:#429bde;
	text-decoration:underline;
}

.CreateBack h1{
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px;
	width:613px;
	font-size:24px;
	color:#424242;
	font-weight:normal;
}

.CreateYellowBox{
	float:left;
	padding:16px 0px 0px 0px;
	margin:0px;
	width:613px;
}

.CreateYellowBoxtop{
	float:left;
	background:url(../img/layout/add_yellowbox_01.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:613px;
	height:15px;
	font-size:4px;
}

.CreateYellowBoxCenter{
	float:left;
	background:url(../img/layout/add_yellowbox_03.jpg) repeat-y;
	padding:0px 0px 5px 18px;
	margin:0px;
	width:595px;
}

.CreateYellowBoxCenter h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:18px;
	color:#424242;
	font-weight:bold;
}

.CreateYellowBoxCenter h5{
	float:right;
	padding:0px 15px 0px 0px;
	margin:0px;
	font-size:11px;
	color:#c40000;
	font-weight:normal;
}

.CreateYellowBoxCenter p{
	float:left;
	padding:12px 90px 15px 0px;
	margin:0px;
	width:505px;
	font-size:12px;
	color:#424242;
	line-height:17px;
}

.CreateYellowBoxBottom{
	float:left;
	background:url(../img/layout/add_yellowbox_05.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:613px;
	height:16px;
	font-size:4px;
}

.CreatefromMain{
	float:left;
	padding:3px 0px 0px 0px;
	margin:0px;
	width:595px;
}

.CreatefromMainLeft{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px;
	width:90px;
	font-weight:bold;
	font-size:12px;
	color:#424242;
}

.CreatefromMainCenter{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px;
	width:10px;
	font-weight:bold;
	font-size:12px;
	color:#424242;
}

.CreatefromMainRight{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:495px;
}

.CreatefromMainRight ul{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:260px;
	display:block;
}

.CreatefromMainRight ul li{
	float:left;
	padding:0px 0px 5px 0px;
	margin:0px;
	width:260px;
	list-style:none;
	color:##666666;
}

.CreatefromMainRight a{
	float:left;
	padding:0px 0px 0px 177px;
	margin:0px;
	width:318px;
}

.CRightTextMain{
	float:left;
	background:url(../img/layout/add_app_textbox.jpg) no-repeat;
	padding:4px 0px 0px 2px;
	padding:6px 0px 0px 2px;
	margin:0px;
	width:265px;
	height:24px;
	height:22px;
}

.CRightTextMain input{
	float:left;
	padding:0px 0px 0px 5px;
	margin:0px;
	width:257px;
	height:19px;
	border:0px;
	font-size:12px;
	color:#666;
}


.content_create_app_right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:325px;
}

.content_create_app_right{
	float:left;
	padding:31px 0px 0px 5px;
	margin:0px;
	width:320px;
}
#moveTop { padding-top:48px; }
#moveTopConfirmPage { padding-top:31px; }
.gryBoxMain{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:320px;
}

.gryBoxMain1{
	float:left;
	padding:20px 0px 16px 0px;
	margin:0px;
	width:320px;
}
.gryBoxtop{
	float:left;
	background:url(../img/layout/app_graybox_01.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:320px;
	height:15px;
	font-size:4px;
}

.gryBoxCenter{
	float:left;
	background:url(../img/layout/app_graybox_03.jpg) repeat-y;
	padding:0px 11px 3px 11px;
	margin:0px;
	width:305px;
	height:386px;
}

.gryBoxCenter h1{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:280px;
	font-size:24px;
	color:#568700;
	border-bottom:1px solid #909090;
}

.black{
	color:#424242 !important;
	font-size:18px !important;
}

.gryBoxCenter h2{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:280px;
	font-size:24px;
	color:#bb1428;
	border-bottom:1px solid #909090;
}

.gryBoxCenter h3{
	float:left;
	padding:12px 0px 0px 0px;
	margin:0px;
	width:280px;
	font-size:13px;
	color:#424242;
}

.gryBoxCenter p{
	float:left;
	padding:20px 0px 0px 0px;
	margin:0px;
	width:280px;
	font-size:12px;
	color:#424242;
}

.gryBoxPriceMain{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px;
	width:305px;
	font-size:12px;
	color:#424242;	
}
.gryBoxPriceMain h1{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:280px;
	font-size:16px;
	color:#424242;
	border:none;
}

.gryBoxPriceMain p{
	float:left;
	padding:12px 0px 0px 0px;
	margin:0px;
	width:280px;
	font-size:12px;
	color:#424242;
}

.gryBoxPriceLeft{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:110px;
	font-weight:bold;
}
.gryBoxPriceCenter{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:10px;
}

.wrapword{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
}


.gryBoxPriceRight{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;	
}

.gryBoxBottom{
	float:left;
	background:url(../img/layout/app_graybox_05.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:320px;
	height:13px;
	font-size:4px;
}
.CheckoutMain{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px;
	width:595px;
}
.CheckoutLeft{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:270px;
}
.CheckoutLeftTextbox{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:270px;
}
.CheckoutLeftTextbox p{
	float:left;
	padding:0px 0px 3px 0px;
	margin:0px;
	width:270px;
	font-size:12px;
	color:#424242;
}

.CheckoutLeftTextbox_red p{
	float:left;
	padding:0px 0px 3px 0px;
	margin:0px;
	width:270px;
	font-size:12px;
	color:#C40000;
}

.CheckoutLeftTextbox_main{
	float:left;
	padding:4px 0px 0px 5px;
	padding:6px 0px 0px 3px;
	margin:0px;
	width:262px;
	height:24px;
	height:22px;
	font-size:12px;
}

.CheckoutLeftTextbox_main input{
	width:257px;
	height:20px;
	font-size:12px;
	border:0px;
	color:#424242;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}

.CheckoutLeftTextbox_main_red{
	float:left;
	padding:4px 0px 0px 5px;
	padding:6px 0px 0px 5px;
	margin:0px;
	width:262px;
	height:24px;
	height:22px;
	font-size:12px;
}

.CheckoutLeftTextbox_main_red input{
	float:left;
	background-color:#ecd4d4;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:259px;
	height:20px;
	font-size:12px;
	border:0px;
	color:#424242;
}


.CheckoutLeftTextbox_error{
	padding:2px 0px 0px 0px;
	margin:0 0 10px 0;
	width:270px;
	font-size:11px;
	color:#c40000;
}

.CheckoutRight{
	float:left;
	padding:0px 0px 0px 40px;
	margin:0px;
	width:285px;
}

.CheckoutExp_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:285px;
}

.CheckoutExp_left{
	float:left;
	padding:0px 14px 0px 0px;
	margin:0px;
	width:127px;
}
.CheckoutExp_left p{
	float:left;
	padding:0px 0px 3px 0px;
	margin:0px;
	width:127px;
	font-size:12px;
	color:#424242;
}

.CheckoutExp_left_red p{
	float:left;
	padding:0px 14px 0px 0px;
	margin:0px;
	width:127px;
	color:#C40000;
}

.CheckoutExp_left_main{
	float:left;
	background:url(../img/layout/add_app_textbox_small.jpg) no-repeat;
	padding:4px 0px 0px 5px;

	padding:6px 0px 0px 5px;
	margin:0px;
	width:122px;
	height:24px;
	font-size:12px;
}

.CheckoutExp_left_main_red{
	float:left;
	background:url(../img/layout/add_app_textbox_small.jpg) no-repeat;
	padding:4px 0px 0px 5px;

	padding:6px 0px 0px 5px;
	margin:0px;
	width:122px;
	height:24px;
	height:22px;
	font-size:12px;
	color:#C40000;
}

.CheckoutExp_left_main input{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:118px;
	height:20px;
	font-size:12px;
	border:0px;
	color:#424242;
}
.CheckoutExp_left_error{
	float:left;
	padding:2px 0px 0px 0px;
	margin:0px;
	width:127px;
	font-size:11px;
	color:#c40000;
	height:16px;
}

/*---------------------design_upload_logo------------*/

.content_app_bottom h2{
	float:left;
	padding:23px 0px 0px 32px;
	margin:0px;
	width:295px;
	color:#424242;
	font-size:18px;
	font-weight:normal;
}
.content_app_bottom h3{
	float:left;
	padding:23px 0px 0px 0px;
	margin:0px;
	color:#424242;
	font-size:18px;
	font-weight:normal;
}

.upload_right{
	float:left;
	padding:10px 15px 145px 8px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}

.upload_right_top{
	float:left;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	width:602px;
	position:relative;
	top:1px;
}

.upload_right_top a{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.getting{
	float:left;
	background:url(../img/layout/upload_logo_tap_off_01.jpg) no-repeat;
	padding:0px;
	margin:0px;
	width:106px;
	height:26px;
}
.getting:hover, .getting_active{
	float:left;
	background:url(../img/layout/upload_logo_tap_on_01.jpg) no-repeat;
	padding:0px;
	margin:0px;
	width:106px;
	height:26px;
}
.quick{
	float:left;
	background:url(../img/layout/upload_logo_tap_off_02.jpg) no-repeat;
	padding:0px;
	margin:0px;
	width:74px;
	height:26px;
}
.quick:hover, .quick_active{
	float:left;
	background:url(../img/layout/upload_logo_tap_on_02.jpg) no-repeat;
	padding:0px;
	margin:0px;
	width:74px;
	height:26px;
}
.upload{
	float:left;
	background:url(../img/layout/upload_logo_tap_off_03.jpg) no-repeat;
	padding:0px;
	margin:0px;
	width:105px;
	height:26px;
}
.upload:hover, .upload_active{
	float:left;
	background:url(../img/layout/upload_logo_tap_on_03.jpg) no-repeat;
	padding:0px;
	margin:0px;
	width:105px;
	height:26px;
}


.Editfeature{
	float:left;
	background:url(../img/layout/upload_logo_tap_off_06.jpg) no-repeat;
	padding:0px;
	margin:0px;
	width:105px;
	height:26px;
}
.Editfeature:hover, .Editfeature_active{
	float:left;
	background:url(../img/layout/upload_logo_tap_on_06.jpg) no-repeat;
	padding:0px;
	margin:0px;
	width:105px;
	height:26px;
}

.upload_right_bottom{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;
	border-top:1px #999999 solid;*/
        width:100%;
}

.upload_button{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}

.upload_button p{
	float:left;
	padding:26px 0px 0px 18px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:12px;
	color:#424242;
}

.upload_button_main{
	float:left;
	/*padding:30px 0px 0px 75px;*/
	margin:10px 0px 0px 0px;
}

.upload_button_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:212px;
}
.upload_button_left a{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:280px;
}

.upload_button_left p{
	float:left;
	padding:2px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	width:275px;
	font-size:10px;
	color:#727272;
}

.upload_button_right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 40px 0px 15px;
	/*width:252px;*/
}

.picker_main{
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}
.picker_main h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:13px;
	color:#568700;
	font-weight:bold;
}

.upload_button h1.smallStyleGreen{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:13px;
	color:#568700;
	font-weight:bold;
}

.picker_main p{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:12px;
	color:#424242;
}

.picker{
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}
.picker_left{
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:270px;
}
.picker_right{
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:337px;
}

.picker_option{
	float:left;
	padding:16px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:337px;
	font-size:12px;
	color:#424242;
}

.picker_textbox{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:337px;
	font-size:12px;
	color:#424242;
}

.picker_textboxleft{
	float:left;
	padding:5px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	width:337px;
	font-size:12px;
	color:#424242;
	width:95px;
}

.picker_textboxright{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:217px;
	font-size:12px;
	color:#424242;
}

.select_color {
    background-image:url(../img/layout/upload_textbox.png);
    background-repeat: no-repeat;
    border:none;
    height: 28px;
    margin: 0;
    padding: 2px 0 0 3px;
    width: 150px;
}

.select_color input {
    height: 24px;
    margin: 0;
    padding:0px 0px 0px 5px;
    width: 136px;
    border:0px;
    font-size:13px;
    line-height:1.5;
    color:#424242;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}

.select_color_popup {
    background-image:url(../img/layout/upload_textbox.png);
    background-repeat: no-repeat;
    border:none;
    float: left;
    height: 28px;
    margin: 0;
    padding: 2px 0 0 3px;
    width: 150px;
}

.select_color_popup input {
    float: left;
    height: 24px;
    margin: 0;
	padding:0px 0px 0px 5px;
    padding:4px 0px 0px 5px;
    height: 19px;
    width: 142px;
	border:0px;
	font-size:13px;
	color:#424242;
}

/*----------------------design_getting_started------------*/


.getting_button{
	float:left;
	padding:0px 5px 0px 8px;
	margin:0px 0px 0px 0px;
	width:60%;
	/*
	border: 3px #999 solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-opera-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;

	padding-bottom: 20px;
	-webkit-background-clip: padding-box; 
	-moz-background-clip:    padding; 
	background-clip:         padding-box;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(1,#333),color-stop(1,rgba(0, 0, 0, 0.83))); */
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000'); */
}

/* IE9 does not support gradient (filter attribute) and border-radius at same time, so we opt to keep border and ditch the gradient*/
.page_wrapper_ieonly .getting_button{
	background-color:#333333;
}

.getting_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}

.getting_main p{
	float:left;
	padding:18px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:12px;
	color:#424242;
}
.getting_content{
	float:left;
	padding:0px 0px 30px 20px;
	margin:0px 0px 0px 0px;
	width:587px;
	font-size:12px;
	color:#424242;
}

.getting_content_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:84px;
	font-weight:bold;
}
.getting_content_center{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:12px;
	font-weight:bold;
}
.getting_content_right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:491px;
}

.getting_main_bottom{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:12px;
	color:#424242;
}


/*------------------ Design Quick-----------*/

.quick_button{
	float:left;
	padding:10px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	width:622px;
}

.quickbox{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:615px;
}
.quickbox_header{
	float:left;
	padding:0px 1px 0px 1px;
	margin:0px;
	widows:615px;
	font-size:12px;
	color:#424242;
	font-weight:bold;
	height:35px;
	background:url(../img/layout/quickbox_01.jpg) no-repeat;
}
.quickbox_left{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:67px;
	height:24px;
	border-right:1px #d2d2d2 solid;
}
.quickbox_center{
	float:left;
	padding:10px 0px 0px 20px;
	margin:0px;
	width:243px;
	height:24px;
	border-right:1px #d2d2d2 solid;
}
.quickbox_right{
	float:left;
	padding:10px 0px 0px 20px;
	margin:0px;
	width:261px;
	height:24px;
}

.quickbox_inner{
	float:left;
	padding:0px 1px 0px 1px;
	margin:0px;
	width:613px;
	font-size:12px;
	color:#424242;
	height:40px;
	background:url(../img/layout/quickbox_03.jpg) repeat-y;
	border-bottom:1px #e6e6e6 solid;
}

.quickbox_inner_back{
	background-color:#f2f2f2 ;
}

.quickbox_inner_left{
	float:left;
	padding:12px 0px 0px 25px;
	margin:0px;
	width:42px;
	height:28px;
	border-right:1px #d2d2d2 solid;
}
.quickbox_inner_center{
	float:left;
	padding:12px 0px 0px 20px;
	margin:0px;
	width:243px;
	height:28px;
	border-right:1px #d2d2d2 solid;
}
.quickbox_inner_right{
	float:left;
	padding:12px 0px 0px 20px;
	margin:0px;
	width:261px;
	height:28px;
}

.border_none{
	border:none;
}
.quickbox_bottom{
	float:left;
	padding:0px 1px 10px 1px;
	margin:0px;
	widows:615px;
	font-size:12px;
	color:#424242;
	font-weight:bold;
	height:10px;
	background:url(../img/layout/quickbox_05.jpg) no-repeat;
}
.quickbox_bottom_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:67px;
	height:10px;
	border-right:1px #d2d2d2 solid;
}
.quickbox_bottom_center{
	float:left;
	padding:0px 0px 0px 20px;
	margin:0px;
	width:243px;
	height:10px;
	border-right:1px #d2d2d2 solid;
}
.quickbox_bottom_right{
	float:left;
	padding:0px 0px 0px 20px;
	margin:0px;
	width:261px;
	height:10px;
}

/*------------09_design_add_feature--------*/
.add_button{
	background:url(../img/layout/bottom_border.jpg) no-repeat left bottom;
	float:left;
	padding:10px 0px 285px 8px;
	margin:0px 0px 0px 0px;
	width:622px;
}

.add_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}

.add_main p{
	float:left;
	padding:18px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:12px;
	color:#424242;
	line-height:17px;
}

.add_main p span{
	font-size:12px;
	color:#424242;
	font-weight:bold;
	text-transform:uppercase;
}

.add_image{
	float:left;
	padding:20px 0px 0px 200px;
	margin:0px 0px 0px 0px;
	width:407px;
	text-align:center;
}

.add_main a{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.add_main a img{
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
}

/*-------10_design_add_feature_feature_panel_icon-------*/

.feature_panel{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}
.feature_panel h1{
	float:left;
	padding:18px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:18px;
	color:#424242;
	text-transform:uppercase;
	font-weight:bold;
}

.feature_icon_main{
	float:left;
	padding:14px 0px 17px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	color:#424242;
	font-weight:bold;
	font-size:15px;
}
.feature_icon_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:80px;
}

.feature_icon_right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.feature_yourIcon{
	float:left;
	padding:18px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}

.feature_yourIcon h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:13px;
	color:#568700;
	text-transform:uppercase;
}

.feature_yourIcon_left{
	float:left;
	padding:16px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:135px;
}

.feature_yourIcon_left_main{
	float:left;
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	width:110px;
}
.feature_yourIcon_left_back{
	float:left;
	background:url(../img/layout/image.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:59px;
	height:60px;
}

.feature_yourIcon_left a{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.feature_yourIcon_right{
	float:left;
	padding:30px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:472px;
}

.feature_yourIcon_right_main{
	float:left;
	padding:0px 65px 0px 0px;
	margin:0px 0px 0px 0px;
	width:170px;
}

.feature_yourIcon_right_main h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:170px;
	font-size:13px;
	font-weight:normal;
	color:#424242;
	text-transform:none;
	height:17px;
}

.feature_yourIcon_right_main a{
	float:left;
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.feature_yourIcon_right_main p{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:170px;
	font-size:11px;
	font-weight:normal;
	color:#727272;
}

.feature_label{
	float:left;
	padding:18px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:160px;
}

.feature_label h1{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:160px;
	font-size:13px;
	color:#568700;
	text-transform:uppercase;
}


.feature_label p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:160px;
	font-size:11px;
	color:#727272;
}

.picker h1{
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:13px;
	color:#568700;
	text-transform:uppercase;
}

.picker_textboxright p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:160px;
	font-size:11px;
	color:#727272;
}

.panel_right{
	float:left;
	padding:10px 15px 10px 8px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}
.panel_content_btn{
	float:left;
	padding:20px 0px 0px 318px;
	margin:0px 0px 0px 0px;
	width:630px;
}
.panel_content_btn a{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}

/*------------11_design_add_feature_feature_panel_bg-------*/

.upload_button h1{
	float:left;
	padding:22px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}

.picker_main_bg{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}
.picker_main_bg p{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	font-size:12px;
	color:#424242;
}
.picker_bg{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}

/*------------logout-------*/

.logout_main{
	float:left;
	padding:0px;
	margin:0px;
	/*width:255px;*/
	height:106px;
	position:absolute;
	top:16px;
	/*right:231px;*/
	z-index:1999;
}

.logout_left {
	float:left;
	height:89px;
	background:url(../img/layout/logout_left.png) no-repeat;
	padding:12px 3px 5px 17px;
}

.logout_mid {
	float:left;
	font-size:12px;
	color:#5884c7;
}

.logout_mid ul {
	margin:0;
	padding:0;
	list-style:none;
}

.logout_mid li {
	padding:5px 0;
	color:#2f84c7;
	font-size:12px;
}

.logout_mid li.name {
	color:#000;
	text-align:right;
	background:url(../img/layout/arrow_down.png) no-repeat right;
	padding-right:20px;
}

.logout_mid a {
	margin:0px;
	width:108px;
	color:#2f84c7;
	font-size:12px;
	text-decoration:none;
}

.logout_right {
	float:left;
	width:15px;
	height:96px;
	background:url(../img/layout/logout_right.png) no-repeat;
	padding:5px 0;
}



.logout_top{
	float:left;
	background:url(../img/layout/logout_01.png) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:143px;
	height:13px;
	font-size:5px;
}
.logout_center{
	float:left;
	background:url(../img/layout/logout_03.png) repeat-y;
	padding:0px 15px 0px 15px;
	margin:0px;
	width:113px;
}

.logout_center p{
	float:left;
	padding:0px 0px 5px 0px;
	margin:0px;
	width:113px;
	color:#424242;
	font-size:12px;
	text-align:right;
}
.logout_center p img{
	padding:0px 0px 0px 3px;
	margin:0px;
}

.logout_center a{
	float:left;
	padding:9px 0px 6px 5px;
	margin:0px;
	width:108px;
	color:#2f84c7;
	font-size:12px;
	text-decoration:none;
}

.logout_bottom{
	float:left;
	background:url(../img/layout/logout_05.png) no-repeat;
	padding:0px;
	margin:0px;
	width:143px;
	height:13px;
	font-size:5px;
}

/*-------------design_add_feature_returning_user--------*/

.user_right{
	float:left;
	padding:10px 15px 337px 8px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}

.user_button{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
}

/*.user_button p{
	float:left;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	color:#ffffff;
}

.user_button p span{
	text-transform:uppercase;
	font-weight:bold;
}
*/
.user_button_image{
	float:left;
	padding:18px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	text-align:center;
	}
	
/*-------------13_design_add_feature_select_feature--------*/

.select_right{
	float:left;
	padding:10px 15px 337px 8px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
}

.feature_select_form{
	float:left;
	padding:18px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	/*width:607px;*/
	}
	
.feature_select_form_left{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:90px;
	font-size:14px;
	font-weight:bold;
	}
.feature_select_form_comm{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:14px;
	font-size:12px;
	font-weight:bold;
	}
	
.feature_select_form_drop{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:170px;
	}
	
.feature_select_form_drop ul{
	float:left;
	padding:0px;
	margin:0px;
	display:block;
}

.feature_select_form_drop ul li{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style:none;
	padding-left: 5px;
	width:150px;
	height:25px;
	line-height: 25px;
}

.feature_select_form_drop ul li:hover{
 	background-color: #e5e5e5;
}

.feature_select_form_add{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:330px;
	}
	
/*----------------------*/
.inner_tab{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	font-size:12px;
	color:#424242;
}

.inner_tab_top{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:607px;
	font-size:12px;
	color:#424242;
}

.inner_tab_top a{
	float:left;
	padding-right:3px;
	margin:0px 0px 0px 0px;
}

.inner_tab_icon{
	float:left;
	padding-top:10px;
	margin:0px 0px 0px 0px;
	width:66px;
	height:27px;
	font-size:12px;
	color:#0079d4;
	text-decoration:underline;
	text-align:center;
}

.inner_tab_icon:hover , .inner_tab_icon.active{
	float:left;
	background:url(../img/layout/inner_tab_icon.jpg) no-repeat;
	padding-top:10px;
	margin:0px 0px 0px 0px;
	width:66px;
	height:27px;
	font-size:12px;
	color:#424242;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	cursor: pointer;
}
.inner_tab_summer{
	float:left;
	padding-top:10px;
	margin:0px 0px 0px 0px;
	width:115px;
	height:27px;
	font-size:12px;
	color:#0079d4;
	text-decoration:underline;
	text-align:center;
}

.inner_tab_summer:hover , .inner_tab_summer.active{
	float:left;
	background:url(../img/layout/inner_tab_summary.jpg) no-repeat;
	padding-top:10px;
	margin:0px 0px 0px 0px;
	width:115px;
	height:27px;
	font-size:12px;
	color:#424242;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}

.inner_tab_feature{
	float:left;
	padding-top:10px;
	margin:0px 0px 0px 0px;
	width:115px;
	height:27px;
	font-size:12px;
	color:#0079d4;
	text-decoration:underline;
	text-align:center;
}

.inner_tab_feature:hover , .inner_tab_feature.active{
	float:left;
	background:url(../img/layout/inner_tab_summary.jpg) no-repeat;
	padding-top:10px;
	margin:0px 0px 0px 0px;
	width:115px;
	height:27px;
	font-size:12px;
	color:#424242;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}

.inner_tab_content{
	float:left;
	padding-top:10px;
	margin:0px 0px 0px 0px;
	width:75px;
	height:27px;
	font-size:12px;
	color:#0079d4;
	text-decoration:underline;
	text-align:center;
}

.inner_tab_content:hover , .inner_tab_content.active{
	float:left;
	background:url(../img/layout/inner_tab_content.jpg) no-repeat;
	padding-top:10px;
	margin:0px 0px 0px 0px;
	width:75px;
	height:27px;
	font-size:12px;
	color:#424242;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	cursor: pointer;
}

.inner_tab_bottom{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:605px;
	font-size:12px;
	color:#424242;
	border:1px #e5e5e5 solid;
}


.feature_yourIcon_add{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	/*display:inline-block;*/
	position:relative;
}

.feature_yourIcon_add h1{
	float:none;
	padding:0px 0px 7px 18px;
	margin:0px 0px 0px 0px;
	/*width:587px;*/
	font-size:11px;
	/*color:#1C94C4;*/
	color:#424242;
	text-transform:uppercase;
	font-weight:bold;
}

.feature_yourIcon_left_add{
	/*float:left;*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:135px;*/
}

.feature_yourIcon_left_main_add{
	float:left;
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	width:110px;
}
.feature_yourIcon_left_back_add{
	float:left;
	background:url(../img/layout/icon_border_40_40.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:59px;
	height:60px;
}

.feature_yourIcon_left_add a{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.feature_yourIcon_right_add{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:452px;
}

.feature_yourIcon_right_main_add{
	float:left;
	margin:0px 60px 0px 0px;
	padding:0px 0px 0px 0px;
	width:160px;
	cursor:pointer;
}

.feature_yourIcon_right_main_add h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:161px;
	font-size:13px;
	font-weight:normal;
	color:#424242;
	text-transform:none;
	height:17px;
}

.feature_yourIcon_right_main_add a{
	float:left;
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.feature_yourIcon_right_main_add p{
	float:left;
	padding:1px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:170px;
	font-size:11px;
	font-weight:normal;
	color:#727272;
	text-align:center;
}

.feature_yourIcon_right_main_add h3{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:170px;
	font-size:13px;
	font-weight:bold;
	color:#599d02;
	text-transform:none;
	text-align:center;
	text-transform:uppercase;
}
.feature_yourIcon_right_main_add h3 a{
	float:none;
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	text-align:center;
	color:#599d02;
}

.feature_label_add{
	padding:8px 0px 0px 18px;
	margin:0px 0px 0px 0px;
}

.feature_label_add h1{
	float:none;
	padding:0px 10px 3px 0px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	color:#424242;
	text-transform:uppercase;
	font-weight:bold;
}

.feature_label_add p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:10px;
	color:#D1D1D1;
}

.picker_add{
	clear:both;
	padding:14px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	/*width:459px;*/
}

.picker_add h1{
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:587px;
	font-size:13px;
	color:#568700;
	text-transform:uppercase;
	font-weight:bold;
}

.picker_left_add{
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:200px;
}
.picker_right_add{
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:170px;
}

.picker_option_add{
	padding:16px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	width:140px;
	font-size:11px;
	color:#424242;
}

.picker_textbox_add{
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:140px;
	font-size:11px;
	color:#424242;
}

.picker_textboxleft_add{
	padding:5px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	color:#424242;
}

.picker_textboxright_add{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#424242;
}

.picker_textboxright_add p{
	float:left;
	font-size:11px;
	color:#727272;
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	width:197px;
}

.select_color_add{
    background-image:url(../img/layout/upload_textbox.png);
    background-repeat: no-repeat;
    border:none;
    float: left;
    height: 28px;
    margin: 0;
    padding: 2px 0 0 3px;
    width: 150px;
}

.select_color_add input {
    float: left;
    height: 23px;
    margin: 0;
	padding:0px 0px 0px 5px;
    padding:4px 0px 0px 5px;
    height: 19px;
    width: 136px;
	border:0px;
	font-size:13px;
	color:#424242;
}

.feature_yourIcon_add_btn{
	clear:both;
	/*border-top:1px #d1d1d1 solid;*/
	padding:15px 0px 13px 15px;
	margin:0px 0px 0px 0px;
}

.feature_yourIcon_add_btn a{
	margin:0px 10px 0px 0px;
	padding:0px;
}

.select_right_add{
	float:left;
	padding:10px 15px 0px 8px;
	margin:0px 0px 0px 0px;
	width:607px;
}

.bottom_buttons{
	/*float:left;*/
	padding:20px 15px 10px 10px;
	margin:10px 0px 0px 0px;
	/*background:url(../img/layout/bottom_border.jpg) no-repeat left top;*/
}
#movebot { margin-top:180px; }
.bottom_buttons a{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}
.content_create_app_pay{
	float:left;
	padding:20px 0px 20px 0px;
	margin:0px;
	width:950px;
}

.chooseAppNameRight_forgot{
	float:left;
	padding:0px 0px 0px 10px;
	margin:0px;
	width:273px;
}

.chooseAppbtnMain_forgot{
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:375px;
	text-align:right;
}

.chooseAppbtnMain_forgot a{
	margin:0px 10px 0px 0px;
	padding:0px;
}

.chooseAppCenter_forgot{
	float:left;
	background:url(../img/layout/choose_app_popup_03.png) repeat-y;
	padding:10px 15px 0px 20px;
	margin:0px;
	width:375px;
}
.chooseAppCenter_forgot p{
	float:left;
	padding:0px;
	margin:0px;
	font-size:12px;
	color:#424242;
}

/*--------------40_reset_password----------------*/

.content_reset_wrapper{
	margin:0px auto;
	width:100%;
}

.content_reset{
	float:left;
	padding:0px 0px 30px 0px;
	margin:0px;
	width:100%;
}

.content_reset h1{
	float:left;
	padding:26px 0px 0px 0px;
	margin:0px;
	width:950px;
	font-size:24px;
	font-weight:normal;
}

.resetbox_main{
	float:left;
	padding:20px 0px 0px 240px;
	margin:0px;
	width:710px;
}

.resetbox{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:429px;
}
.resetbox_top{
	float:left;
	background:url(../img/layout/reset_box_01.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:429px;
	height:13px;
	font-size:5px;
}
.resetbox_center{
	float:left;
	background:url(../img/layout/reset_box_03.jpg) repeat-y;
	padding:0px 0px 0px 16px;
	margin:0px;
	width:413px;
}

.resetbox_center h1{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:413px;
	font-size:18px;
	color:#424242;
}

.resetbox_center p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:413px;
	font-size:12px;
	color:#424242;
}

.resetbox_bottom{
	float:left;
	background:url(../img/layout/reset_box_05.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:429px;
	height:13px;
	font-size:5px;
}

.resetbox_text{
        display:inline;
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:413px;
	font-size:14px;
	color:#424242;
}
.resetbox_text_left{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px;
	width:113px;
	font-size:14px;
	color:#424242;
	font-weight:bold;
}
.resetbox_text_center{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px;
	width:18px;
	font-size:14px;
	color:#424242;
	font-weight:bold;
}
.resetbox_text_right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:282px;
}
.resetbox_text_right p{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px;
	font-weight:bold;
	width:auto;
}

.resetbox_text_right a{
	float:left;
	padding:6px 0px 0px 10px;
	margin:0px;
	color:#0079d4;
	text-decoration:underline;
	cursor:pointer;
}

.resetbox_text_right ul{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:267px;
	display:block;
}
.resetbox_text_right ul li{
	float:left;
	padding:2px 0px 2px 0px;
	margin:0px;
	width:267px;
	list-style:none;
}
.resetbox_submit{
	float:left;
	padding:10px 0px 0px 123px;
	margin:0px;
	width:268px;
}
.resetbox_submit a{
	float:left;
	margin:0px 10px 0px 20px;
	padding:0px;
}

.resetbox_text_left_edit{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px;
	width:113px;
	font-size:14px;
	color:#424242;
}
.resetbox_text_center_edit{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px;
	width:18px;
	font-size:14px;
	color:#424242;
}

.resetbox_text_edit{
	float:left;
	padding:2px 0px 0px 0px;
	margin:0px;
	width:413px;
	font-size:14px;
	color:#424242;
}

.resetbox_main_edit{
	float:left;
	padding:30px 0px 0px 240px;
	margin:0px;
	width:710px;
}
.CheckoutLeftTextbox_error_edit{
	float:left;
	padding:2px 0px 0px 0px;
	margin:0px;
	width:277px;
	font-size:11px;
	color:#c40000;
	height:16px;
}

.resetbox_text_center_password{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px;
	width:10px;
	font-size:12px;
	color:#424242;
}

.resetbox_text_right_reset{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:282px;
	height:18px;
	font-size:12px;
	color:#424242;
	font-weight:bold;
}

/*--------------15_design_add_feature_List_Summary_view_Title-------------*/

.list_bottom{
	float:left;
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	/*width:603px;*/
	font-size:12px;
	color:#424242;
	border:3px #999999 solid;
        width:72%;


	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-opera-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	background-color:#EEE;
}

.list_bottom_tap{
	float:left;
	padding:2px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#e5e5e5;
}

.list_bottom_tap a{
	float:left;
	padding-right:3px;
}

.inner_title{
	float:left;
	padding-top:7px;
	margin:0px 0px 0px 0px;
	width:84px;
	height:24px;
	font-size:12px;
	color:#424242;
	text-align:center;
}

.inner_title:hover , .summary_active{
	float:left;
	background:url(../img/layout/title_inner_tab.jpg) no-repeat;
	padding-top:7px;
	margin:0px 0px 0px 0px;
	width:84px;
	height:24px;
	font-size:12px;
	font-weight:bold;
	color:#424242;
	text-decoration:none;
	text-align:center;
}

.list_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.feature_yourIcon_add_btn_title{
	float:left;
	padding:15px 0px 13px 15px;
	margin:0px 0px 0px 0px;
}
.feature_yourIcon_add_btn_title a{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}

.list_main_inner{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:583px;*/
}

.list_main_max{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.list_main_max_left{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:110px;
	font-size:13px;
	color:#568700;
	font-weight:bold;
	text-transform:uppercase;
}

.list_main_max_right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.select_color_list {
    background-image:url(../img/layout/title_textbox.jpg);
    background-repeat: no-repeat;
    border:none;
    float: left;
    height: 26px;
    margin: 0;
    padding: 2px 0 0 3px;
    width: 35px;
}

.select_color_list input {
    float: left;
    height: 23px;
    margin: 0;
	padding:0px 0px 0px 5px;
    padding:4px 0px 0px 5px;
    height: 19px;
    width: 27px;
	border:0px;
	font-size:13px;
	color:#424242;
}

.list_main_back{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.list_main_back h1{
	float:left;
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:1em;
	color:#424242;
	text-transform:uppercase;
	font-weight:bold;
}

.list_main_back p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:13px;
	color:#568700;
	font-weight:bold;
	text-transform:uppercase;
}

.list_main_back ul{
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display:block;
}

.list_main_back ul li{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	width:120px;
}
.feature_yourIcon_right_add_title{
	float:left;
	padding:16px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	padding-left:3px;
}

.list_main_color{
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#424242;
}

.list_main_color span{
	font-weight:bold;
}

.list_main_color a{
	padding:0px 0px 0px 10px;
	font-size:11px;
	color:#0079d4;
	text-decoration:underline;
}

.app_textarea_main_info{
	float:left;
	padding:0px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	width:307px;
}
.app_textarea_main_info .app_helptext{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	font-size:13px;
	font-weight:bold;
}
.app_textarea_main_info .app_helptext span{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	position:relative;
	top:4px;
}


.app_textarea_info{
	float:left;
	/*background:url(../img/layout/app_info_textarea.jpg) no-repeat;*/
	padding:6px 0px 0px 7px;
	margin:0px 0px 0px 0px;
	width:287px;
	height:93px;
	font-size:13px;
	color:#424242;
}

.app_textarea_info textarea{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:282px;
	height:86px;
	font-size:12px;
        line-height:1.5;
	color:#424242;
	border:0px;
        resize:none;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}


.app_textarea_info_error{
	float:left;
	padding:6px 0px 0px 7px;
	margin:0px 0px 0px 0px;
	width:287px;
	height:93px;
	font-size:13px;	
	color:#424242;
}

.app_textarea_info_error textarea{
	background-color: #ECD4D4;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:282px;
	height:86px;
	font-size:12px;
	color:#424242;
	border:0px;
  resize:none;
}

.app_textarea_main_info p{
	float:left;
	padding:5px 0px 6px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	font-size:11px;
  height:35px;
}

.app_textarea_info1{
	float:left;
	/*background:url(../img/layout/app_info_textarea1.jpg) no-repeat;*/
	padding:6px 0px 0px 7px;
	margin:0px 0px 0px 0px;
	width:287px;
	height:103px;
	font-size:13px;
}

.app_textarea_info1 textarea{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:282px;
	height:97px;
	font-size:12px;
	line-height:1.5;
        color:#424242;
	border:0px;
        resize:none;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}

/*------------Choose app ------------*/

.chooseApp{
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px;
	width:950px;
}

.chooseApp h1{
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px;
	width:950px;
	font-size:18px;
	font-weight:normal;
}

.chooseAppColor{
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px;
	width:950px;
}

.chooseAppColor_inner{
    float: none;
    flex: 0 0 auto;
    width: 125px;
    text-align: center;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/*.chooseAppColor_inner:hover{
	float:left;
	padding:20px 0px 0px 0px;
	margin:0px 12px 0px 0px;
	width:146px;
	height:117px;
	text-align:center;
}*/

.chooseAppColor_inner img{
    display: block;
    margin: 0 auto;
    height: 57px;
    width: 57px;
}

.chooseAppColor_inner p{
	padding: 10px;
    margin: 0px;
    font-size: 12px;
    color: #969696;
    width: 100%;
    text-align: center;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    /*word-wrap: break-word;*/
    white-space: normal;
    font-weight: bold;
}

.chooseAppColorInactive{
	float:left;
	background:url(../img/layout/app.jpg) no-repeat;
	padding:20px 0px 0px 0px;
	margin:0px 12px 0px 0px;
	width:146px;
	height:117px;
	text-decoration:none;
	text-align:center;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.chooseAppColorInactive img{
	float:left;
	padding:0px 0px 0px 45px;
	margin:0px;
}

.chooseAppColorInactive p{
	float:left;
	padding:10px;
	margin:0px;
	font-size:12px;
	color:#424242;
	width:126px;
	text-align:center;	
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;	
}

.chooseAppColor_createBtn{
	float:left;
	padding:15px 10px 0px 0px;
	margin:0px;
	/*width:940px;
	text-align:right; */
}

.image_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:583px;
}

.image_main h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:583px;
	font-size:13px;
	color:#568700;
	font-weight:bold;
	text-transform:uppercase;
}

.image_main p{
	float:left;
	padding:14px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	width:558px;
	font-size:12px;
	color:#424242;
}

.image_main ul{
	float:left;
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	width:558px;
	font-size:12px;
	color:#424242;
	display:block;
}

.image_main ul li{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:558px;
	font-size:12px;
	color:#424242;
	list-style:none;
}

/*----------design_add_feature_List_feature_panel------*/

.panel_tab_bottom.upload_logo_panel{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#424242;
	border:1px #e5e5e5 solid;
        width:100%;
}

.panel_tab_bottom_h1{
	float:left;
	padding:20px 0px 0px 18px;
	margin:0px 0px 0px 0px;
	width:587px;
	font-size:18px;
	color:#424242;
	font-weight:bold;
	text-transform:uppercase;
}

.feature_icon_panel{
	float:left;
	padding:14px 0px 15px 18px;
	margin:0px 0px 0px 0px;
	width:587px;
	font-size:15px;
	color:#424242;
	font-weight:bold;
}

.panel2{
	float:left;
	padding:25px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:458px;
}

.panel2 h1{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:300px;
	font-size:12px;
	color:#424242;
	font-weight:bold;
}
.panel2 p{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:300px;
	font-size:12px;
	color:#424242;
}

.panel2_textarea{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:587px;*/
}

.panel2_textareas{
	float:left;
	background:url(../img/layout/app_info_textarea1.jpg) no-repeat;
	padding:6px 0px 0px 7px;
	margin:0px 0px 0px 0px;
	width:287px;
	height:103px;
	font-size:12px;
	color:#424242;
}

.panel2_textareas textarea{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:282px;
	height:97px;
	font-size:12px;
	color:#424242;
	border:0px;
  resize:none;
}

.panel2_textarea p{
	float:left;
	padding:7px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	width:440px;
	font-size:10px;
	color:#727272;
}

/*-----------20_design_add_feature_List_content---------*/

.listContent{
	float:left;
	padding:10px 0px 10px 18px;
	margin:0px 0px 0px 0px;
	width:587px;
	height: 30px;
}
.listContentLeft{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:280px;
}
.listContentRight{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:307px;

}

.list_main_color_main{
	float:left;
	padding:8px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:583px;
	font-size:12px;
	color:#424242;
}

.list_main_color_main span{
	font-weight:bold;
}

.list_main_color_main a{
	padding:0px 0px 0px 10px;
	font-size:11px;
	color:#0079d4;
	text-decoration:underline;
}

/*----------------Create App New ----------------*/
.content_createApp{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:950px;
}
.content_createApp h1{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:950px;
	font-size:22px;
	color:#424242;
	font-weight:normal;
}

.content_createApp p{
	float:left;
	padding:10px 0px 12px 0px;
	margin:0px;
	width:950px;
	font-size:14px;
	color:#424242;
        line-height:17px;
}

.CeateAppLeft{
	float:left;
	padding:0px 5px 0px 0px;
	margin:0px;
	width:1050px;
}

.CeateAppLeftDiy{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:585px;
}

.CeateAppLeftDiy h1{
	float:left;
	background:url(../img/layout/left_line.jpg) no-repeat left bottom;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:585px;
	font-size:30px;
	color:#568700;
	font-weight:normal;
}
.CeateAppLeftDiy p{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:585px;
	font-size:12px;
	color:#424242;
	line-height:17px;
	}
	
.CeateAppLeftHere{
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px;
	width:585px;
}

.CeateAppLeftHere h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:585px;
	font-size:17px;
	color:#424242;
}

.CeateAppLeftHere ul{
	float:left;
	padding:0px 0px 30px 0px;
	margin:0px;
	width:585px;
	display:block;
}

.CeateAppLeftHere ul li{
	float:left;
	background:url(../img/layout/dot1.png) no-repeat 1px 6px;
	padding:0px 0px 0px 10px;
	margin:5px 0px 0px 0px;
	width:575px;
	font-size:14px;
	color:#424242;
	list-style:none;
        line-height:17px;
}

.CeateAppLeftcost{
	float:left;
	padding:22px 0px 0px 10px;
	margin:0px;
	width:575px;
}

.CeateAppLeftcostLeft{
	float:left;
	padding:3px 0px 0px 0px;
	margin:0px;
	width:180px;
	font-size:12px;
	color:#424242;
}

.CeateAppLeftcostCenter{
	float:left;
	padding:3px 0px 0px 0px;
	margin:0px;
	width:10px;
	font-size:12px;
	color:#424242;
}

.CeateAppLeftcostBottom{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:385px;
	font-size:16px;
	color:#424242;
	font-weight:bold;
}

.CeateAppLeftcostBottom_a{
	float:left;
	padding:20px 0px 0px 0px;
	margin:0px;
}

.CreateAppCenter{
	float:left;
	background:url(../img/layout/form_box_03.png) repeat-y;
	padding:0px 0px 0px 15px;
	margin:0px;
	width:327px;
}

.CreateAppCenterInner{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
	width:317px;
}

.CreateAppCenterInner h1{
	float:left;
	background:url(../img/layout/right_line.jpg) no-repeat left bottom;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:317px;
	font-size:16px;
	color:#424242;
	font-weight:normal;
}
.CreateAppCenterInner p{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:317px;
	font-size:12px;
	color:#424242;
	line-height:17px;
	line-height:20px;
}

.CeateAppLeftHereInner{
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px;
	width:317px;
}

.CeateAppLeftHereInner h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:317px;
	font-size:12px;
	color:#424242;
}

.CeateAppLeftHereInner ul{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:317px;
	display:block;
}

.CeateAppLeftHereInner ul li{
	float:left;
	background:url(../img/layout/dot1.png) no-repeat 1px 8px;
	padding:0px 0px 0px 10px;
	margin:5px 0px 0px 0px;
	width:307px;
	font-size:12px;
	color:#424242;
	list-style:none;
	line-height:20px;
}

.CeateAppLeftHereInner p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:317px;
	font-size:12px;
	color:#424242;
	line-height:20px;
}

.content_createApps_wrapper{
	margin:0px auto;
	width:1050px;
}
.content_createApps{
        float:left;
	padding:18px 0px 20px 0px;
	margin:0px
	width:950px;;
}

.resetbox_text_right_p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:282px;
	font-size:11px;
	color:#727272;
}

/*----------payment_gateway_error_msg----------*/

.RedBox{
	float:left;
	padding:16px 0px 0px 0px;
	margin:0px;
	width:613px;
}
.RedBoxTop{
	float:left;
	background:url(../img/layout/redBox_01.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:613px;
	height:10px;
	font-size:5px;
}
.RedBoxCenter{
	background:url(../img/layout/redBox_03.jpg) repeat-y;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:613px;
}

.RedBoxCenterLeft{
	float:left;
	padding:0px 0px 0px 12px;
	margin:0px;
	width:574px;
	font-size:12px;
	color:#555555;
}
.RedBoxCenterRight{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:27px;
}
.RedBoxBottom{
	background:url(../img/layout/redBox_05.jpg) no-repeat;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:613px;
	height:11px;
	font-size:5px;
}

.PayErrorCenter{
	float:left;
	background:url(../img/layout/add_yellowbox_03.jpg) repeat-y;
	padding:0px 10px 5px 18px;
	margin:0px;
	width:585px;
}

.PayErrorCenter h1{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:585px;
	
	font-size:18px;
	color:#568700;
}

.PayErrorCenter h2{
	float:left;
	padding:10px 0px 5px 0px;
	margin:0px;
	width:585px;
	font-size:18px;
	color:#424242;
	font-weight:normal;
}

.PayErrorCenterBtn{
	float:left;
	padding:45px 0px 0px 0px;
	margin:0px;
	width:585px;
}

.gryBoxCenterError{
	float:left;
	background:url(../img/layout/app_graybox_03.jpg) repeat-y;
	padding:0px 20px 3px 20px;
	margin:0px;
	width:280px;
}

.gryBoxCenterError h1{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:280px;
	font-size:24px;
	color:#568700;
	border-bottom:1px solid #909090;
}

/*-------------33_design_add_feature_contact_settings-------------*/

.settings{
	float:left;
	padding:18px 0px 0px 18px;
	margin:0px 0px 0px 0px;
	width:475px;
}

.settingsMain{
	float:left;
	padding:0px 0px 18px 0px;
	margin:0px 0px 0px 0px;
	width:457px;
}

.settingsMainLeft{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:160px;
	
	font-size:13px;
	color:#424242;
}
.settingsMainCenter{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:20px;
	
	font-size:13px;
	color:#424242;
}
.settingsMainRight{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:407px;
}

.app_textbox_main_new{
	float:left;
	padding:21px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	width:307px;
}
.app_textbox_main_new h1{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	font-size:13px;
	color:#424242;
	font-weight:bold;
}
.app_textbox_main_new p{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	font-size:11px;
	color:#727272;
}

.app_textbox_main_choose{
	float:left;
	padding:9px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	width:307px;
}
.app_textbox_main_choose h1{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	
	font-size:13px;
	color:#424242;
	font-weight:bold;
}
.app_textbox_main_choose p{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:307px;
	
	font-size:11px;
	color:#727272;
}

.CeateAppLeftHereLine{
	float:left;
	background:url(../img/layout/left_line.jpg) no-repeat left bottom;
	padding:20px 0px 0px 0px;
	margin:0px;
	width:585px;
	height:1px;
}

.app_textarea_infoNew{
	float:left;
	/*background:url(../img/layout/keyword.jpg) no-repeat;*/
	padding:6px 0px 0px 7px;
	margin:0px 0px 0px 0px;
	width:287px;
	height:94px;
	font-size:13px;
	color:#424242;
}

.app_textarea_infoNew textarea{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:282px;
	height:88px;
	font-size:12px;
        line-height:1.5;
	color:#424242;
	border:0px;
        resize:none;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}

.app_textarea_infoNew_error{
	float:left;
	padding:6px 0px 0px 7px;
	margin:0px 0px 0px 0px;
	width:287px;
	height:94px;
	font-size:13px;
	color:#424242;
}


.app_textarea_infoNew_error textarea{
	background-color: #ECD4D4;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:282px;
	height:88px;
	
	font-size:12px;
	color:#424242;
	border:0px;
    resize:none;
}
.chooseAppCenter_forgot_p{
	float:left;
	padding:16px 0px 0px 0px;
	margin:0px;
	font-size:14px;
	color:#424242;
}
.chooseAppbtnMain_forgotClose{
	float:right;
	padding:30px 10px 0px 0px;
	margin:0px;
	width:365px;
	text-align:right;
}

/*---------------design_edit_feature-------------------*/
.EditFeature{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.Feature{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.Feature_inner{
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.Feature_inner h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:18px;
	color:#424242;
	font-weight:bold;
}

.Feature_content{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.Feature_content_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.Feature_content_left p{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
        font-size:12px;
	color:#424242;
	line-height:22px;
}

.Feature_content_Right{
	float:left;
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
}
.Feature_content_Righ_alg{
	float:left;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:132px;
}

.Feature_content_bottom{
	float:left;
	background:url(../img/layout/bottom_line.jpg) no-repeat left bottom;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:1px;
}

/*-------------------App Viewer-------------------*/
.absolute-vertical-center { position:absolute; top:0; bottom:0; left:auto; margin: auto 0;}

.AppViewer{
	display:inline-block;	
	/*background:url(../img/layout/iphone_big-320x600.png) no-repeat;*/
	background:url(../img/layout/iPhone-15-Black-Portrait-no-inside-transparency-320x650.png) no-repeat;
	padding: 50px 0 0 17px;
	width:325px; 
	height:650px;
	top:30px
}


.calendar_summ_view_desc {
        float:left;
        height:100%;
}


/*------------Design quick------------*/
.DesignQuickman{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.DesignQuickman p{
	float:left;
	padding:18px 0px 15px 0px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	line-height:23px;
	color:#ffffff;
}

.DesignQuickNew{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}

.DesignQuickNewInner{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.DesignQuickNewInner ul{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display:block;
}
.DesignQuickNewInner ul li{
	float:left;
	padding:25px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:202px;
	list-style:none;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
}
.DesignQuickNewInner label:hover{
color:#71D6FF;
}
/*----------------*/

.btn-tiny {
padding: 2px 6px;
font-size: 10px;
line-height: 1.5;
border-radius: 3px;	
}

.inline-block {display:inline-block;}
.content_app_main.design {position:relative; min-height:687px;}
.design-center {display:inline-block; vertical-align: top; margin-left:350px} /* big left margin is to sit next to absolute positioned appviewer */
.design-center .tab-content {margin: 20px 0 0 0; width:100%;}
.design-center .template {display:none;}
#design-center-nav {font-weight: 600;}
.design-center .dropdown-menu>li>a{font-weight:500; font-size:.95em}

.design-center #app-menu .list-group-item.selected {min-height:43px;}
.design-center #app-menu .nav>li>a.app-menu-features-dropdown-btn:hover,
.design-center #app-menu .nav>li>a.app-menu-features-dropdown-btn:focus,
#pushFeatureList .nav>li>a.app-menu-features-dropdown-btn:hover,
#pushFeatureList .nav>li>a.app-menu-features-dropdown-btn:focus,
#deep-link-select-content .nav>li>a.app-menu-features-dropdown-btn:hover,
#deep-link-select-content .nav>li>a.app-menu-features-dropdown-btn:focus
	{color:#fff; background-color: #428bca;}	

#deep-links-container {overflow: auto; padding-bottom: 50px;}
#deep-link-value-box {overflow-wrap: break-word;}

.design-center #app-menu .app-menu-features-dropdown-menu .dropdown-header {margin-top:0px; margin-bottom: 0px;}

.design-center #app-menu .list-group-item.is-shared, .design-center #app-menu .list-group-item.is-other-location {background-color:#ECECEC}
/*.design-center #app-menu .list-group-item.is-hidden-for-location {opacity: .45;} */
.design-center #app-menu .list-group-item.is-shared .share-text,
.design-center #app-menu .list-group-item.is-other-location .location-text {display:inline-block; position: absolute; top: 11px; right: 5px; color:#D67B5E; font-weight:bold;}

.design-center #app-menu .list-group-item.is-shared.is-hidden-for-location .share-text {visibility: hidden;}
.design-center #app-menu .list-group-item .hidden-text {visibility: hidden; display:inline-block; position: absolute; top: 11px; right: 5px; color:#268bdc; font-weight:bold;}
.design-center #app-menu .list-group-item.is-hidden-for-location .hidden-text {visibility: visible;}
.design-center #app-menu .list-group-item.selected.is-hidden-for-location .hidden-text {visibility: hidden;}

.design-center #app-menu .list-group-item .share-text, .design-center #app-menu .list-group-item .location-text{display:none;}
.design-center #app-menu .list-group-item.heading {font-weight: bold;}
.design-center #app-menu .list-group-item.heading:not(.active) {color: #428BCA;}
.design-center #app-menu .list-group-item .actions-box {position:absolute; top:4px; left:auto;}
.design-center #app-menu .list-group-item.feature .actions-box {left:55px;}
.design-center #app-menu .list-group-item .name-box { display:inline-block;}
.design-center #app-menu .list-group-item{ font-weight:500;font-size:.95em;}
.design-center #app-menu .list-group-item.feature a.name { color:#333; }
.design-center #app-menu .list-group-item.is-hidden-for-location a.name { opacity:.45; text-decoration: line-through;  }
.design-center #app-menu .list-group-item.heading a.name:hover { color: #428BCA; text-decoration: none; }
.design-center #app-menu .list-group-item.feature .name-box { padding-left:55px; }
.design-center #app-menu #heading-name-input-group {display: inline-block; width: 215px; margin-right: 6px;}
.design-center #app-menu #heading-name-input {display: inline-block; width: 150px;}
/*#app-menu .list-group{float:left; overflow:auto; width:100%;} */

.design-center #app-design .fade-panel{background-color:#fff;}
.design-center #app-design .fade-panel.active{background-color: #fff;-moz-transition: all .8s ease;-webkit-transition: all .8s ease;transition: all .8s ease;}
.design-center #app-design .panel.settings-panel {border:none; margin-bottom:0;}
.design-center #app-design .panel.settings-panel .panel-body{padding:7px;}
.design-center #app-design .button-list-container {overflow:auto; margin:0; min-height:200px;}
.design-center #app-design .feature-name-input{display:inline-block; height:54px;}
.design-center #app-design .feature-desc-input{display: inline-block; vertical-align: bottom;}
.design-center #app-design .feature-options-nav{margin-top:30px; display:none;} /* Hiding for now since we have gone to only one pill*/
.design-center #app-design .feature-options-container{margin-top:12px;}
.design-center #app-design .feature-options .panel-title{display:inline-block; width:150px;}
.design-center #app-design .input-group.small-color-picker{width:195px; margin-right:5px;}
.design-center #app-design .input-group.small-color-picker input[type=text] {font-size:12px}
.design-center #app-design #feature-option-panel-buttons .btn-toolbar{vertical-align: super; width: calc(100% - 25px);}

.design-center #app-design #styling-options-container {margin-top:20px;}
.design-center #app-design .styling-options-tab-content {display: inline-block; float: left; margin: 0px; width: initial;}
.design-center #app-design .styling-options-box {margin-left:6px; text-align: center;}
.design-center #app-design .styling-options-box.no-text-center {text-align:left;}
.design-center #app-design .styling-options-box p.title {margin:-15px 0 0 0; padding-bottom:3px; font-size: 9px;}
.design-center #app-design a.unlink{ font-weight: bold; color:#F00; text-decoration: underline;}
.design-center #app-design .features-dropdown .selected-name {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 270px; display: inline-block; float: left; padding-right: 10px;}
.design-center #app-menu .features-dropdown li.dropdown-header:nth-of-type(2) {margin-top:10px;}
.design-center #your-features, #choose-location-dropdown ul.dropdown-menu {max-height:550px; overflow:auto; text-align:left; left:auto; right:0px; width:330px}

#choose-location-dropdown ul.dropdown-menu a.franchise-loc, #based-on-location-rules-box ul.dropdown-menu a.franchise-loc {font-weight: bold;}

#choose-location-dropdown ul.dropdown-menu {width:inherit;}
.design-center .features-dropdown .feature-not-used {margin-left:-10px; margin-right:10px; color:#f00;}
.design-center .features-dropdown .feature-is-shared {margin-left:-10px; margin-right:10px; color:#428BCA;}

.design-center .features-dropdown .dropdown-header.first { padding-top:10px; }
.design-center .features-dropdown .dropdown-header { background-color: #428BCA; color: #FFF; margin-top: -9px; margin-bottom: -9px; padding-top:5px; padding-bottom:5px;}
.design-center .features-dropdown .menu-feature-description { font-size:9px; color:#999; margin: 0 0 5px 18px; }
.design-center #app-design #button-list-table tr.detail { cursor: pointer; }
.design-center #app-design #button-list-table tr.placeholder { display: block; background: #428BCA; position: relative; margin: 0; padding: 0; border: none; }
.design-center #app-design #button-list-table tr.placeholder:before { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-left-color: #428BCA; margin-top: -5px; left: 0px; border-right: none; }

.design-center #app-design #button-list-table .namebox {
	display: inline-block; margin-left: 10px; text-align: center; border: 2px dashed #d5d5d5; padding: 10px; width: 250px; max-height: 100px; overflow: hidden;
}
.design-center #app-design #button-list-table .namebox.is-for-a-button {
	border: 2px solid #c3c3c3;
	border-radius: 20px;
}

.design-center #app-design #button-list-table .name.empty { font-style: italic; font-weight: bold; }
.design-center #app-design #button-list-table tr.dragging { background-color: #d5eaff; }

.design-center #app-design #feature-option-styling .styling-option{margin-top:20px;}
.design-center #buttons-panel-edit-content {/*height:831px;*/ position: absolute; top:-7px; bottom:0; right:0; left:0; display: none; z-index:10; background-color:#fff;} 
.design-center #buttons-panel-edit-content.active {display:block;}
.design-center #buttons-panel-edit-content .cke_contents{width:510px;}
.design-center button#buttons-panel-edit-done {min-width:150px; margin-bottom:10px;}
.design-center #app-design .jrabbit-sortby-box, .design-center #app-design .jrabbit-hide-info-box, .design-center #app-design .jrabbit-hide-based-on-openings-box {padding-bottom:10px;}
.design-center #app-design .jrabbit-sortby-box .orderNbr {float: right; font-weight: bold; font-size: 1.2em;}
.design-center #app-design #jrabbit-filter-box td{display:block;}
.design-center #app-design #jrabbit-filter-box td select {display:block; margin-bottom:27px; width:100%;}
.design-center #app-design #jrabbit-filter-box .jrabbit-hardcoded-input {margin-top: 5px; margin-bottom: 5px;}
.design-center #feature-to-open-modal .modal-body {min-height:470px; max-height:85vh; overflow: auto;}
.design-center #feature-to-open-modal input[type=radio] {float:none; display: inline-block; margin-right:17px;}

.design-center #feature-to-open-modal .dropdown,
.design-center #add-chooser-item-modal .dropdown{display: inline-block; vertical-align: middle;}

.design-center #feature-to-open-modal .radio {padding-bottom: 15px;}

.design-center #feature-to-open-modal ul.dropdown-menu,
.design-center #add-chooser-item-modal ul.dropdown-menu {max-height:350px; overflow:auto; text-align:left; left:auto; right:0px; width:330px}

.design-center #based-on-location-rules-container {padding: 12px;}
.design-center #based-on-location-rules-container #add-a-location-rule-link {text-decoration: underline;}
.design-center #based-on-location-rules-container .remove-a-location-link {padding-left: 10px;color: #DA5656;font-size: 1.2em;}
.design-center #based-on-location-rules-box {padding-top:8px;}
.design-center #based-on-location-rules-box .location-rule{padding-bottom: 12px;}
.design-center #based-on-location-rules-box .location-rule:last-child, .design-center #all-locations-choice.no-rules {margin-bottom:350px}
.design-center #based-on-location-rules-box .location-rule .location-dropdown .dropdown-toggle{min-width: 200px;}
.design-center #based-on-location-rules-box .location-rule .features-dropdown .dropdown-toggle{min-width: 200px;}
.design-center #all-locations-choice .dropdown-toggle{min-width: 330px;}

.design-center #app-design .dropdown-menu.scrollable {max-height: 500px;overflow: auto;}

.list-group-item:hover {background-color: #F5F5F5; margin-right:5px;}
.image-gallery-modal {top:15%; overflow:hidden;}
.image-gallery-modal .thumbnail {background-color: #d6d6d6;padding:10px;}
.image-gallery-container:not(.for-ckeditor){height:60vh; overflow-x:hidden; overflow-y:auto; padding:20px;}
.panel-default-lighter {border-color:#f0f0f0;}
.nice-label {color:#6F6F6F; margin-bottom:5px;}
.bold {font-weight:bold !important;}
.gettingStart{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
        width:100%;
	font-size:12px;
	color:#424242;
}

.gettingStart div.ui-accordion-content.ui-accordion-content-active{
        height:400px;
}

.gettingStart >div{
}
.gettingStartApp{
	float:left;
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#424242;
	border-bottom:1px solid #999999;
	background:none repeat scroll 0 0 #F2F2F2;
}

.gettingStartApp_content{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	line-height:1.5;
	color:#424242;
}

.gettingStartApp_contentLeft{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:20%;
	font-size:12px;
	color:#424242;
	font-weight:bold;
}

.gettingStartApp_contentRight{
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:75%;
	font-size:12px;
	color:#424242;
}

/*---------------------Contact Us----------*/

.ContactUs{
	float:left;
	padding:20px 0px 14px 0px;
	margin:0px;
	width:950px;
}
.ContactUs_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:285px;
}
.ContactUs_business{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:285px;
}
.ContactUs_business h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:285px;
	font-size:16px;
	color:#424242;
	font-weight:normal;
}

.ContactUs_business h2{
	float:left;
	padding:16px 0px 0px 0px;
	margin:0px;
	width:285px;
	font-size:16px;
	color:#424242;
	font-weight:normal;
}

.ContactUs_business_botommain{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px;
	width:285px;
}
.ContactUs_business_botom{
	float:left;
	padding:8px 0px 0px 0px;
	margin:0px;
	width:285px;
}
.ContactUs_business_botom_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:160px;
	
	font-size:12px;
	color:#424242;
	font-weight:bold;
}
.ContactUs_business_botom_right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:125px;
	
	font-size:12px;
	color:#424242;
}

.ContactUs_right{
	float:left;
	padding:0px 0px 0px 30px;
	margin:0px;
	width:635px;
}

.ContactUs_right_inner{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:635px;
}
.ContactUs_right_inner h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:635px;
	font-size:16px;
	color:#ffffff;
	font-weight:normal;
}
.ContactUs_right_inner h2{
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px;
	width:635px;
	
	font-size:12px;
	color:#ffffff;
}

.ContactUs_right_inner p{
	float:left;
	padding:8px 0px 0px 0px;
	margin:0px;
	width:635px;
	
	font-size:11px;
	color:#ffffff;
	line-height:17px;
}

.ContactUs_right_inner p a{
	padding:0px 0px 0px 0px;
	margin:0px;
	
	font-size:11px;
	color:#0079d4;
	text-decoration:underline;
}


.Contact_center{
	float:left;
	padding:0px 10px 5px 0px;
	margin:0px;
	width:317px;
}


.ContactUs_right_inner_new{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:417px;
}
.ContactUs_right_inner_new h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:417px;
	font-size:16px;
	color:#ffffff;
	font-weight:normal;
}
.ContactUs_right_inner_new h2{
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px;
	width:417px;
	font-size:12px;
	color:#ffffff;
}

.ContactUs_right_inner_new p{
	float:left;
	padding:8px 0px 0px 0px;
	margin:0px;
	width:417px;
	font-size:11px;
	color:#ffffff;
	line-height:1.5;
	font-weight:normal;
}

.ContactUs_right_inner_new p a{
	padding:0px 0px 0px 0px;
	margin:0px;
	
	font-size:12px;
	color:#71D6FF;
	text-decoration:underline;
}



/*-------------------FAQ-----------------*/
.Faq{
	float:left;
	background:#FFF;
	padding:20px 0px 5px 20px;
	margin:20px 13.5% 20px;
	width:900px;
	border:1px #999999 solid;
}

.Faq_inner{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:600px;
}

.Faq_innerQuest{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:600px;
}

.Faq_innerQuest h1{
	float:left;
	padding:22px 0px 0px 0px;
	margin:0px;
	width:600px;
	
	font-size:24px;
	color:#424242;
	font-weight:normal;
}
.Faq_innerQuest h2{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:600px;
	font-size:16px;
	color:#777070;
	font-weight:bold;
}
.Faq_innerQuest h3{
	float:left;
	padding:22px 0px 0px 0px;
	margin:0px;
	width:600px;
	
	font-size:24px;
	color:#424242;
	font-weight:normal;
}

.Faq_innerQuest h4{
	float:left;
	padding:5px 0px 0px 20px;
	margin:0px;
	width:580px;
	
	font-size:12px;
	color:#424242;
	font-weight:bold;
}

.Faq_innerQuest ul{
	float:left;
	padding:5px 0px 5px 20px;
	margin:0px;
	width:580px;
	display:block;
}
.Faq_innerQuest ul li{
	background:url(../img/layout/dot_gray.png) no-repeat 0px 13px ;
	float:left;
	padding:5px 0px 0px 10px;
	margin:0px;
	width:570px;
	
	font-size:12px;
	color:#424242;
	list-style:none;
	line-height:20px;
}

.Faq_innerQuest a{
	float:left;
	padding:5px 0px 0px 20px;
	margin:0px;
	width:580px;
	
	font-size:12px;
	color:#0469b9;
}
.Faq_innerQuest p{
	float:left;
	padding:5px 0px 10px 20px;
	margin:0px;
	width:580px;
	
	font-size:12px;
	color:#424242;
	line-height:20px;
}
.Faq_innerQuest p a{
	float:none;
	padding:0px 0px 0px 0px;
	margin:0px;
	
	font-size:12px;
	color:#0469B9;
	text-decoration:underline;
	width:auto;
}

/*---------------gallery_popup-------------*/

.galleryCenter{
	float:left;
	background:url(../img/layout/choose_color_back_03.png) repeat-y;
	padding:16px 0px 10px 20px;
	margin:0px;
	width:486px;
}

.galleryCenterNav{
	float:left;
	padding:10px 0px 0px 390px;
	margin:0px;
	width:96px;
}
.galleryCenterNav a{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.galleryboxContainer{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:486px;
}
.galleryboxContainerInner_main{
	float:left;
	padding:10px 18px 0px 0px;
	margin:0px;
	width:139px;	
}
.galleryboxContainerInner{
	float:left;
	background:url(../img/layout/gallery_back.png) no-repeat;
	padding:12px 0px 0px 0px;
	margin:0px;
	width:139px;
	height:120px;
}

.galleryboxContainerInnerLeft{
	float:left;
	padding:0px 0px 0px 8px;
	margin:0px;
	width:20px;
}

.galleryboxContainerInnerright{
	float:left;
	padding:0px 8px 0px 5px;
	margin:0px;
}

.galleryboxContainerInner p{
	float:left;
	padding:7px 0px 0px 0px;
	margin:0px;
	width:139px;
	
	font-size:11px;
	color:#424242;
	text-align:center;
}

.borderimage{
	border:1px #999999 solid;
	padding:3px;
	background-color:#fff;
}

/*-------------image_override_default------------*/

.imageOverride{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
        font-size:12px;
}

.imageOverride ul{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display:block;
}

.imageOverride ul li{
	float:left;
	padding:0px 0px 18px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}

.imageOverride ul li p{
	float:left;
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	color:#727272;
}

.imageOverride_link{
	float:left;
	padding:5px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	font-size:10px;
	color:#424242;
}

.imageOverride_link a{
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#0079d4;
	text-decoration:underline;
}

/*----------------odd_even_all---------*/

.oddEven{
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:583px;*/
}

.oddEvenLeft{
	float:left;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	/*width:292px;*/
        width:200px;
}

.oddEvenLeftCheck{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:292px;
}
.oddEvenLeftCheckLeft{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.oddEvenLeftCheckRight{
	float:left;
	padding:0px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	
	color:#c7c7c7;
	font-size:12px;
}

.oddEvenLeftCheckRight_blue_fade{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
	color:#b3d7f2;
	font-size:12px;
	text-decoration:underline;
}
.fade_gray{
	color:#c7c7c7;
	text-transform:none !important;
}

.oddEvenLeftCheckRight a{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
	color:#0079d4;
	font-size:12px;
	text-decoration:underline;
}


.oddEvenLeftCheck_inner{
	float:left;
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	width:267px;
}
.oddEvenLeftCheck_inner h1{
	float:left;
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:267px;
	
	font-size:12px;
	color:#424242;
	font-weight:bold;
}

.oddEvenmainal{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:267px;
	font-size:11px;
}
.oddEvenmainalLeft{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:95px;
}

.oddEvenmainalcenter{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:10px;
}
.oddEvenmainalRight{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:162px;
}

.oddEvenmainalRight p{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:162px;
	
	font-weight:bold;
	font-size:11px;
	color:#424242;
	text-transform:none;
}

.oddEvenmainalRight_a{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:81px;
	color:#424242;
}
.oddEvenmainalRight_a a{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#0079d4;
	text-decoration:underline;
	cursor:pointer !important;
}

.oddEvenRight{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*width:276px;*/
        width:200px;
}

/*--------------manage_content------------*/
.ManageContent_main{
        width:850px;
	float:left;
	padding:0px 0px 12px 0px;
	margin:15px 0px 0px 10px;
	border:1px #7d7d7d solid;
	background-color:#FFF;
}

.ManageContent{
	float:left;
	padding:14px 0px 0px 14px;
	margin:0px 0px 0px 0px;
	width:100%;
}

.ManageContentLink{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.ManageContentLink a{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}

.ManageContentMain{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:827px;
}

.ManageContenttop{
	float:left;
	background:url(../img/layout/manage_back_01v2.jpg) no-repeat;
	padding:6px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:720px;
	height:24px;
	
	font-size:14px;
	color:#424243;
	font-weight:bold;
}

.ManageContenttop_cln1{
	float:left;
	padding:0px 0px 0px 50px;
	margin:0px 0px 0px 0px;
}
.ManageContenttop_cln2{
	float:left;
	padding:0px 0px 0px 60px;
	margin:0px 0px 0px 0px;
	width:180px;
}
.ManageContenttop_cln3{
	float:left;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	width:282px;
        display:none;
}
.ManageContenttop_cln4{
	float:left;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	width:285px;
}
.ManageContenttop_cln5{
	float:left;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	width:150px;
}
.ManageContenttop_cln6{
	float:left;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	width:24px;
}
.ManageContentCentre{
	float:left;
	background:url(../img/layout/manage_back_03.jpg) repeat-y;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:720px;
}

.ManageContentCentre_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:719px;
	
	font-size:14px;
	color:#424243;
	background:url(../img/layout/content_border2.png);
}

.ManageContentCentre_main_gray{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:719px;
	
	font-size:14px;
	color:#424243; 
	background:url(../img/layout/content_border2.png) #e5e5e5;
}

.ManageContentCentre_cln1{
	float:left;
	padding:12px 0 0 18px;
	margin:0px 0px 0px 0px;
	width:31px;
}
.ManageContentCentre_cln2{
	float:left;
	padding:12px 0 0 10px;
	margin:0px 0px 0px 0px;
	width:179px;
}
.ManageContentCentre_cln3{
	float:left;
	padding:12px 0 5px 10px;
	margin:0px 0px 0px 0px;
	width:281px;
        display:none;
}
.ManageContentCentre_cln4{
	float:left;
	padding:12px 0 5px 10px;
	margin:0px 0px 0px 0px;
	width:284px;
}
.ManageContentCentre_cln5{
	float:left;
	padding:12px 0 0 10px;
	margin:0px 0px 0px 0px;
	width:110px;
}
.ManageContentCentre_cln6{
	float:left;
	padding:12px 0 0 0px;
	margin:0px 0px 0px 0px;
	width:67px;
}

.ManageContentbottom{
	float:left;
	background:url(../img/layout/manage_back_05.png) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	height:5px;
	font-size:5px;
	position:relative;
	top:-4px;
}


.ManageContentCentre_main_yellow{
	float:left;
	background-color:#e9e5bd;
	padding:10px 0px 15px 15px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#424243;
	border:1px #cccccc solid;
}

.ManageContent_edit_line1{
	float:left;
	width:100%;
}


.Manageyellow_left{
	float:left;
        width:330px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

}
.Manageyellow_right{
	float:left;
        width:460px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

}

.resetbox_text_left_yellow{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px;
	font-size:12px;
	color:#424242;
}
.resetbox_text_center_yellow{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px;
	width:18px;
	
	font-size:12px;
	color:#424242;
}

.resetbox_yellow{
	float:left;
	padding:6px 0px 0px 20px;
	margin:0px;
	width:170px;
	
	font-size:12px;
	color:#424242;
}
.resetbox_yellow ul{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:170px;
	
	font-size:12px;
	color:#424242;
	display:block;
}
.resetbox_yellow ul li{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:80px;
	list-style:none;
}

.app_textarea_infoNew_yellow{
	float:left;
	background:url(../img/layout/manage_textarea.jpg) no-repeat;
	padding:6px 0px 0px 7px;
	margin:0px 0px 0px 0px;
	width:260px;
	height:74px;
	
	font-size:13px;
	color:#424242;
}
.app_textarea_infoNew_yellow_link{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:260px;
}
.app_textarea_infoNew_yellow_link a{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}
.app_textarea_infoNew_yellow textarea{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:256px;
	height:68px;
	
	font-size:12px;
	color:#424242;
	border:0px;
}

.resetbox_text_yellow{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:480px;
	
	font-size:12px;
	color:#424242;
}
.text_alg{
	float:left;
	padding:2px 0px 0px 0px;
}
.resetbox_text_right_a{
	float:left;
	padding:8px 0px 0px 0px;
	margin:0px;
	width:282px;
}

.resetbox_text_right_a a{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	
	font-size:11px;
	color:#429bde;
	text-decoration:underline;
}

.yellow_cag{
	float:left;
	padding:0px 0px 0px 113px;
	margin:0px;
	width:350px;
	
	font-size:12px;
	color:#424242;
}

.resetbox_text_new{
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:390px;
	
	font-size:12px;
	color:#424242;
}

/*-----------------Design----------------*/
.design_main{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:424px;
	position:fixed;
	z-index:1000;
}
.design_top{
	float:left;
	background:url(../img/layout/design_error_03.png) repeat-y;
	padding:4px 0px 0px 0px;
	margin:0px;
	width:424px;
}
.design_top_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:40px;
	text-align:center;
}
.design_top_center{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:360px;
	
	font-size:12px;
	color:#424242;
}
.design_top_right{
	float:left;
	padding:3px 0px 0px 0px;
	margin:0px;
	width:24px;
}
.design_bottom{
	float:left;
	background:url(../img/layout/design_error_04.png) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:424px;
	height:6px;
	font-size:3px;
}

/*--------------Gallery New-------------*/

.GalleryNewMain{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:506px;
}

.GalleryNewTop{
	float:left;
	background:url(../img/layout/gallery_new_01.png) no-repeat;
	padding:2px 15px 0px 20px;
	margin:0px;
	width:821px;
	height:32px;
}
.GalleryNewCenter{
	float:left;
	background:url(../img/layout/gallery_new_03.png) repeat-y;
	padding:16px 15px 10px 20px;
	margin:0px;
	width:821px;
}

.GalleryNewCenter_Con{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
        height:100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

.GalleryNewCenter_inner{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.GalleryNewCenter_inner h1{
	float:left;
	padding:18px 0px 8px 0px;
	margin:0px;
	width:790px;
	
	font-size:14px;
	color:#424242;
	border-bottom:1px #d1d1d1 solid;
}

.GalleryNewCenter_inner h2{
	float:left;
	padding:0px 0px 8px 0px;
	margin:0px;
	width:790px;
	
	font-size:14px;
	color:#424242;
	border-bottom:1px #d1d1d1 solid;
}

.GalleryNewCenter_image{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.GalleryNewBottom{
	float:left;
	background:url(../img/layout/gallery_new_05.png) no-repeat;
	padding:2px 15px 0px 20px;
	margin:0px;
	width:821px;
	height:10px;
}



.savebtns{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.savebtns a{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}
	
/*------------ToolTip--------------------*/
.tooltip{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:356px;
}
.tooltipTop{
	float:left;
	background:url(../img/layout/tooltip_01.png) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:356px;
	height:10px;
	font-size:4px;
}
.tooltipCenter{
	float:left;
	background:url(../img/layout/tooltip_06.png) repeat-y;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:356px;
}
.tooltipCenterLeft{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:25px;
}
.tooltipCenterMiddle{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:306px;
}
.tooltipCenterMiddle h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:306px;
	
	font-size:12px;
	font-weight:bold;
	color:#424242;
}
.tooltipCenterMiddle p{
	float:left;
	padding:6px 0px 0px 0px;
	margin:0px;
	width:306px;
	
	font-size:12px;
        line-height:1.5;
	color:#424242;
	text-align:justify;
}
.tooltipCenterRight{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:25px;
}
.tooltipbottom{
	float:left;
	background:url(../img/layout/tooltip_08.png) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:356px;
	height:10px;
	font-size:4px;
}

.header #header-profile-dropdown {padding-top:25px;}
.header #header-profile-dropdown a.dropdown-toggle { color:#fff; }
#header-profile-dropdown-menu { left: auto; right: 0; }
#header-profile-dropdown-menu>li>a { white-space: normal; }

.modal-backdrop.in {
	opacity: 0.2 !important;
}
.modal.pushed-down{
	top: 200px;
	overflow: hidden;
}
.modal.centered-on-page {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*-----------Publish------------*/
.publish{
	clear:both;
	padding:15px 0px 50px 20px;
	margin:0px 0px 0px 0px;
}
.publish_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:40%;
}

.publish_left p span{
	font-weight:bold;
}

.rounded_button_corners {
	-moz-border-radius: 6px; -webkit-border-radius: 6px; -opera-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
}
.publish_main{
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	font-size:13px;
}

.publish_main_center{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:10px;
	font-weight:normal;
}
.publish_main_right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
        font-weight:bold;
}

.publish_right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 25px;
	width:55%;
}
.publish_btn{
	float:left;
	padding:25px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:400px;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; -opera-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
}

.publish_btn_site{
	float:left;
	padding:25px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:400px;
}

.publish_btn_app{
	float:left;
	padding:25px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:400px;
}

.content_app_top_new{
	float:left;
	padding:13px 0px 0px 18px;
	margin:0px;
	width:800px;
	position:relative;
	top:1px;
}

.content_app_top_new a{
	float:left;
	padding:0px 1px 0px 0px;
	margin:0px;
}

.content_app_top_new a:hover{
	float:left;
	padding:0px 1px 0px 0px;
	margin:0px;
}

.content_app_top_right{
	float:left;
	padding:15px 0px 0px 0px;
	margin:0px;
	width:132px;
}

.erroeback{
	float:left;
	background:url(../img/layout/error_back.png) no-repeat;
	padding:6px 0px 0px 10px;
	margin:0px;
	width:95px;
	height:20px;
	text-decoration:none;
	cursor:pointer;
}
.erroeback_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:75px;
	
	font-size:12px;
	color:#424242;
}
.erroeback_left span{
	color:#bb1428;
}
.erroeback_right{
	float:left;
	padding:3px 0px 0px 0px;
	margin:0px;
	width:20px;
}

/*--------------publish_error_list------------*/

.publishList{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:100%;
}
.publishList ul {
	max-height:455px;
	overflow:auto;
}


/*-------------admin_login-----------*/

.Admin{
	float:left;
	padding:15px 0px 15px 0px;
	margin:0px 12.5%;
	width:950px;
        
}
.Admin_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:342px;
        
}
.AdminBoxMain{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:342px;
        
}
.AdminBoxTop{
	float:left;
	background:url(../img/layout/admin_left_back_01.png) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:342px;
	height:12px;
	font-size:4px;
        
}
.AdminBoxCenter{
	float:left;
	background:url(../img/layout/admin_left_back_03.png) repeat-y;
	padding:0px 0px 0px 13px;
	margin:0px;
	width:329px;
        
}
.AdminBoxCenter >p{
        
}
.AdminBoxCenter h1{
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:329px;
	
	font-size:16px;
	color:#424242;
        
}
.AdminBoxBottom{
	float:left;
	background:url(../img/layout/admin_left_back_05.png) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:342px;
	height:11px;
	font-size:4px;
        
}

.bold{
	font-weight:bold;
}

.chooseApp_dropdown {
    float: left;
    padding:0px 0px 0px 0px;
	margin:0px;
    width:318px;
}
.chooseApp_dropdown ul{
    float: left;
    padding:0px 0px 0px 0px;
	margin:0px;
    width:318px;
	display:block;
}
.chooseApp_dropdown ul li{
    float: left;
    padding:2px 0px 2px 0px;
	margin:0px;
    width:318px;
	list-style:none;
	
	font-size:12px;
	color:#575757;
}

.markOptionMain {
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width: 327px;
}
.markOptionMain h1{
    float:left;
    margin:0px 0px 0px 0px;
    padding:7px 0px 0px 0px;
    width: 327px;
    
    font-size:13px;
    color:#424242;
}
.markOptionMain ul{
    float:left;
    margin:0px 0px 0px 0px;
    padding:8px 0px 0px 0px;
    width: 327px;
    
	font-size:13px;
	color:#424242;
	display:block;
}
.markOptionMain ul li{
    float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
    
	font-size:13px;
	color:#424242;
	list-style:none;
}

.markOptionMain ul li span{
    
}

.markOptionMain_button{
    float:left;
    margin:10px 0px 0px 0px;    
    padding:0px 0px 0px 0px;
    width: 327px;
}
.markOptionMain_button a{
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
.Admin_right{
	float:left;
	padding:0px 0px 0px 15px;
	margin:0px;
	width:593px;
        
}
.Admin_right h1{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:593px;	
	font-size:16px;
}
.Admin_right_inner{
	float:left;
	padding:8px 0px 0px 0px;
	margin:0px;
	width:593px;
        
}
.Admin_right_inner_left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:225px;	
        
}
.Admin_right_inner_left h1{
	float:left;
	padding:0px 0px 5px 0px;
	margin:0px;
	width:225px;	
	font-size:16px;
}
.Admin_left_scroll{
	float:left;
	background-color:#ffffff;
	padding:5px;
	margin:0px;
	width:225px;
	/*overflow-y:scroll;*/
	overflow-x:hidden;
	height:430px;
	border:1px #c8c8c8 solid;
        
	
	}
.Admin_left_scroll option{
        
}

.Admin_left_scroll a{
	float:left;
	padding:8px 8px 8px 10px;
	margin:1px 0px 0px 1px;
	width:188px;
	
	font-size:12px;
	color:#424242;
        
	}
	
.Admin_left_scroll a:hover{
	color:#424242;
	background-color:#dcdcdc;
        
	}

.Admin_right_inner_Center{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:133px;
        
}
.Admin_right_inner_Center ul{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:133px;
	display:block;
        
}
.Admin_right_inner_Center ul li{
	float:left;
	padding:20px 0px 0px 0px;
	margin:0px;
	width:133px;
	list-style:none;
	text-align:center;
        
}
.Admin_right_inner_right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:225px;	
        
}

.Admin_right_inner_right h1{
	float:left;
	padding:0px 0px 5px 0px;
	margin:0px;
	width:225px;
	
	font-size:16px;
	color:#424242;
        
}
.Admin_right_scroll{
	float:left;
	background-color:#ffffff;
	padding:5px;
	margin:0px;
	width:225px;
	overflow-y:scroll;
	overflow-x:hidden;
	height:430px;
	border:1px #c8c8c8 solid;
        
	}
.Admin_right_scroll option{
        
}
.Admin_right_scroll_a{
	float:left;
	padding:8px 8px 8px 10px;
	margin:1px 0px 0px 1px;
	width:198px;
	
	font-size:12px;
	color:#424242;
        
	}
	
.Admin_right_scroll_left{
	float:left;
	padding:0px 8px 0px 0px;
	margin:0px 0px 0px 0px;
	
	font-size:12px;
	color:#424242;
        
	}
	
.Admin_right_scroll_right{
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px;
	cursor:pointer;
        
	}
	
.Admin_right_scroll a:hover{
	color:#424242;
	background-color:#dcdcdc;
        
	}
	
.Admin_right_inner_buttom{
	float:left;
	padding:20px 0px 0px 0px;
	margin:0px;
	width:593px;
        
}
.Admin_right_inner_buttom a{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
        
}

/*---------Galley/browse------*/
.GallBrow{
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:170px;
	color:#424242;
	text-align:center;
}
.GallBrow a{
	float:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#0079d4;
	text-decoration:underline;
}

/*--------------Terms of service------------*/

.Terms{
	background:#FFF;
	padding:0px 0px 20px 20px;
	margin:20px auto;
}

.Terms h1 {
    color: #424242;
    font-size: 24px;
    margin: 0;
    padding:16px 0px 0px 0px;
}

.Terms_inner{
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#424242;
}
.Terms_inner h1{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:20px;
	color:#424242;
}
.Terms_inner p{
	/*float:left;*/
	padding:5px 20px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#424242;
	line-height:20px;
	text-align:justify;
}

.Terms_inner ul{
	padding:5px 20px 0px 10px;
	margin:0px 0px 0px 0px;
	display:block;
}
.Terms_inner ul li{
	padding:5px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#424242;
	line-height:20px;
	list-style:none;
}

.Terms_inner ul li a{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	font-size:12px;
	color:#0079D4;
	text-decoration:underline;
}



.PrivacyPolicys{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	font-size:12px;
	color:#424242;
}
.PrivacyPolicys h1{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:20px;
	color:#424242;
	font-weight:normal;
}
.PrivacyPolicys p{
	padding:5px 0px 10px 0px;
}

.PrivacyPolicys ul{
	padding:5px 20px 0px 10px;
	margin:0px 0px 0px 0px;
	display:block;
}
.PrivacyPolicys ul li{
	background:url(../img/layout/dot_gray.png) no-repeat 0px 12px ;
	padding:5px 0px 0px 10px;
	margin:0px 0px 0px 0px;	
	font-size:12px;
	color:#424242;
	line-height:17px;
	list-style:none;
}

.PrivacyPolicys ul li a{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#0079D4;
	text-decoration:underline;
}


select {max-width:300px;}
#iclasspro-search-type-select {margin-left:10px;}
#iclasspro-search-form {margin-top:25px; min-width:650px}
#iclasspro-search-form table {border:none;}
#iclasspro-search-form table td { padding-bottom:20px; padding-right:10px;}
#iclasspro-search-form table td, #iclasspro-search-form table th {border:none;}
.registration-radios-box {padding-top:20px;}
.app-defaults-radios-box {padding-top:20px; padding-bottom:20px;}

.toolTip_content{display:none;}
.publish_button_site{border:0 none;background:url(../img/layout/btn_publish_site.jpg) no-repeat transparent;height:42px;width:225px; color:transparent; cursor:pointer; font-size:0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -opera-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
.publish_button_app{border:0 none;background:url(../img/layout/btn_publish_app.jpg) no-repeat transparent;height:42px;width:225px; color:transparent; cursor:pointer; font-size:0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -opera-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}

.but{cursor: pointer !important;}
textarea {resize:none !important;}
.hand_cursor{cursor:pointer !important;}
.app_disabled{opacity:0.4;}
/* Tool Tip */
.padleft25{padding-left:25px;}
.tooltip_marker{ display:block; background: url(../img/layout/tooltip_04.png) 0px 0px no-repeat; width:25px; height:15px; position:absolute; top:-10px; right:285px;}

#stats-graph-container { margin-right:15px;}
#app-info-form {
	overflow:auto;
	padding:20px 20px 20px 0px;
}
#app-info-form .form-group { display:inline-block; max-width:400px; padding-right:10px; vertical-align: bottom;}
#app-info-form .app-info-row { margin:15px 0;}
#app-info-form .app-info-row #hi-res-logo-img {background-color: #d6d6d6; padding:10px;}
#photos-main, #app-info-main, #stats-main{
	padding: 0px 0px 20px 20px;
	background-color:#ffffff;
}
#photos-main .photos-container {overflow:auto;}
#photos-main .photos-container .img-info-box {padding: 2px 5px;}
#photos-main .photos-container .img-info-box div {padding: 2px 0px;}
#photos-main .photos-container .img-info-box .img-description-box {display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
#photos-main .photos-container .no-photos-found{ width: 500px; margin: 100px auto 0 auto;}
#photos-main img {padding:5px; max-width:150px; border: 1px solid transparent; cursor: pointer;}
#photos-main img.selected { background-color:#adadad; border-radius: 4px; border: 1px solid #428BCA; }
#photos-main .photo-options-box {display: inline-block; vertical-align: middle; margin-right: 20px;}
#stats-main #chart{
	width:100%;
	height:100%;
	/*height:450px;*/
}
#stats-main #chart.features{
	width:100%;
	height:100%;
	/*height:450px;*/
}

#studio-director-search-form table tr > td {padding-bottom:15px; padding-right:10px;}
#studio-director-search-form select { max-width:225px; margin:0 5px;}

.text-size-icon {
    display: inline-flex;
    align-items: center;
    gap: 4px; /* Small space between letters */
  }
  .text-size-icon button {
    font-weight: bold;
    font-family: Arial, sans-serif;
    line-height: 1;
	padding: 1px;
  }
  .text-size-icon .small { font-size: 9px; opacity: 0.5; }
  .text-size-icon .medium { font-size: 12px; opacity: 0.7; }
  .text-size-icon .large { font-size: 15px; opacity: 0.9; }
  .text-size-icon .xlarge { font-size: 18px; }

 .align-icons{
	display: inline-flex;
	align-items: center;
	gap: 4px;
 } 
 .align-icons button {
	padding: 0 3px;
	border: 1px solid #a9a9a9;
    border-radius: 4px;
}
 .align-icons img { height:12px; }
 
 .align-icons button.align-left img{	
	content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M288 64c0 17.7-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32L32 352c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg>');
  }
  .align-icons button.align-center img{	
	content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M352 64c0-17.7-14.3-32-32-32L128 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32L32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 416c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32l-192 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32z"/></svg>');
  }
  .align-icons button.align-right img{	
	content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M448 64c0 17.7-14.3 32-32 32L192 96c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg>');
  }

/* Style the drag handle */
.drag-handle {
	cursor: grab;
	padding: 5px;
	font-size: 20px;
	text-align: center;
	width: 30px;
	vertical-align: middle !important;
}
.drag-handle img {
	/*content:url("../img/layout/drag-handle-sm.png");*/
	width: 9px;
	opacity: 0.6;
}

/* Change cursor when dragging */
.dragging {
	opacity: 0.5;
}

.checkered-background {
  background-image:
    linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee),
    linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
  background-size: 20px 20px; /* Size of each square */
  background-position: 0 0, 10px 10px; /* Offset the second gradient */
  background-color: #fff; /* Base color behind the pattern */
  display: inline-block;
}

#add-new-icon-to-panel-preview-box {width:200px; margin-left:auto; margin-right:auto; text-align:center; display:none; background-color: #d6d6d6;}
#add-new-icon-to-panel-preview-box.svg {width:200px}
#add-new-icon-to-panel-preview-box.svg:hover {cursor:pointer;}

#class-groups-first-time { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 60vh; }
#my-groups-tab { margin-top:8px;}

.mi-spinner {
    text-align: center;
    margin-top: 10px;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mi-spinner-loader {
    border: 4px solid #c5c5c5;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
}

.mi-spinner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 9px;
    font-weight: bold;
    color: #9b9b9b;
    white-space: nowrap;
}
  
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}