﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
                                border: 0;
                                font-family: inherit;
                                font-style: inherit;
                                margin: 0;
                                outline: 0;
                                padding: 0;
                                vertical-align: baseline;
                            }

html {
    margin: 0;
    padding: 0;
}

strong { font-weight: bold; }

em { font-style: italic; }

h1 {
    
    font-size: 3.2rem;
    
    margin-bottom: 20px;
	
	font-family: GraphikBold, Arial, serif;
    text-transform: uppercase;
    color: #7029EC;
}

h2 {
    
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 8px;
	
	font-family: GraphikBold, Arial, serif;
    text-transform: uppercase;
    color: #7029EC;
}

h3, h3 a {
    
    font-size: 10.5pt;
    font-weight: bold;
    margin-bottom: 8px;
    text-decoration: none;
	
	font-family: GraphikBold, Arial, serif;
    text-transform: uppercase;
    color: #7029EC;
}

h4 {
    
    font-size: 9pt;
    font-weight: bold;
    margin-bottom: 2px;
	
	font-family: GraphikBold, Arial, serif;
    text-transform: uppercase;
    color: #7029EC;
}

:focus { outline: 0; }


#body {
    xmargin: 10px auto;
    xwidth: 950px;
    position: relative;
    xpadding-left: 130px;
	width: 1350px;
    position: relative;
    margin: 0 auto;
	margin-bottom: 50px;
}
#body * {
	box-sizing:content-box;
}

body {
    background: white;
    color: black;
    font-size: 10pt;
    line-height: 1;
    padding-top: 0px;
}

ol, ul { list-style: none; }

#header .main-header {
    height: 130px;
    margin: 0 auto;
    width: 942px;
}

#header .participantLogin {
    padding-left: 6px;
    padding-top: 15px;
}

#header .logo {
    display: block;
    float: left;
    margin-left: 30px;
    margin-top: 15px;
    width: 400px;
}

#header .logo-block { width: 646px; }

#header .search {
    background-image: url('../Images/login_bg.jpg');
    display: block;
    float: left;
    height: 105px;
    margin-top: 46px;
    padding-left: 10px;
    width: 256px;
}

#header .search h3 { color: #9d5fb5; }

#header .search .username {
    color: #0F1934;
    text-align: center;
    width: 94px;
}

#header .search .password {
    color: #0F1934;
    text-align: center;
    width: 84px;
}

#header .go-button {
    display: block;
    float: left;
    margin-left: -41px;
    margin-top: 47px;
}

#header .search-section { float: right; }

#footer-container2 {
	font-family: GraphikRegular, Arial, sans-serif, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    height: 125px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    padding-left: 30px;
    width: 900px !important;
}

#header .login-form {
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 263px;
}

#header .login-form form {
    margin-bottom: 0;
    margin-top: 10px;
    vertical-align: top;
}

#header .login-form a {
    color: #9d5fb5;
    font-size: 10pt;
}

.footer_left {
    float: left;
	font-family: GraphikRegular, Arial, sans-serif, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    height: 100%;
    margin-bottom: 20px;
    position: relative;
    width: 465px;
}

.howWeHelp {
    color: #9b62b3;
    font-family: GraphikRegular, Arial, sans-serif, Century Gothic;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.left_top_footer p {
    color: #0F1934;
	font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 12px;
    line-height: 15pt;
    width: 535px;
}

.left_bottom_footer {
    bottom: 0;
	font-family: GraphikRegular, Arial, sans-serif, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    left: 0;
    position: absolute;
}

.right_bottom_footer {
    bottom: 0;
    left: 20px;
    position: absolute;
}

.footer_donate {
    cursor: pointer;
    float: left;
    height: 25px;
    height: 26px;
    width: 63px;
}

.footer_contact {
    cursor: pointer;
    float: left;
    height: 25px;
    text-align: left;
    width: 66px;
}

.copyright {
    float: left;
    height: 25px;
    margin-left: 10px;
    width: 290px;
}

.copyright > span {
    color: #0F1934;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 12px;
}

.copyright > a {
    color: #9b62b3;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 12px;
}

.footer_right {
    float: right;
    height: 100%;
    position: relative;
    width: 320px;
}

.footer_vert_menu {
    border-left: 1px solid #efc8de;
    float: left;
    height: 90px;
    padding-left: 20px;
    padding-top: 5px;
    width: 155px;
}

.vert_menu_header {
    color: #9b62b3;
    font-family: GraphikRegular, Arial, sans-serif, Century Gothic;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
}

.footer_vert_menu a {
    color: #0F1934;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 12px;
}

.footer-separator {
    background-color: rgb(239, 200, 222);
    clear: both;
    height: 1px;
    margin-bottom: 15px;
    position: relative;
    width: 900px;
}

.email-card-message-block {
    position: relative;
    margin-top: 30px;
	padding-bottom: 40px !important;
}

.explore { width: 80px !important; }

body#why a#whynav,
body#comp a#compnav,
body#family a#familynav,
body#blog a#blognav,
body#spread a#spreadnav {
    background: #f8e4ef;
    color: #d875ae !important;
}


body#why li#li1,
body#comp li#li2,
body#family li#li3,
body#blog li#li4,
body#spread li#li5 {
    background: #f8e4ef;
    color: #d875ae !important;
}

body#why a#li1,
body#comp a#li2,
body#family a#li3,
body#blog a#li4,
body#spread a#li5 {
    background: #f8e4ef;
    color: #d875ae !important;
}

.nav-menu { margin-bottom: 0 !important; }

.nav-menu li { float: left; }

.nav-menu #li1 > a {
    height: 16px !important;
    max-width: 220px;
}

.nav-menu #li2 > a {
    height: 16px !important;
    max-width: 160px;
}

.nav-menu #li3 > a {
    height: 16px !important;
    max-width: 140px;
}

.nav-menu #li4 > a {
    height: 16px !important;
    max-width: 90px;
}

.nav-menu #li5 > a {
    height: 16px !important;
    max-width: 140px;
}



.nav-menu a {
    color: #fff !important;
    display: block !important;
    float: left !important;
    font: 17px/17px "Century Gothic" !important;
    height: 16px !important;
    margin-bottom: 6px;
    margin-left: 2px;
    margin-top: 7px;
    padding: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
}

.nav-menu li:first-child a { border-left: none; }

.nav-menu .liWhite {
    border-left: 1px solid #ffffff;
    margin-bottom: 6px;
    margin-left: 2px;
    margin-top: 7px;
}

.menu-home {
    display: none;
    width: 106px !important;
}

.menu-why-march { width: 221px !important; }

.menu-at-work { width: 177px !important; }

.menu-blog { width: 97px !important; }

.menu-spread { width: 173px !important; }

.menu-shop { width: 158px !important; }

.menu-soc {
    background-image: url('../Images/soc.png') !important;
    cursor: pointer;
    width: 90px !important;
}

.nav-menu a:hover {
    background: none !important;
    color: #9c5fb5 !important;
}

.nav-menu li:hover { background-color: rgb(247, 227, 239); }

li.menu-soc:hover { background-color: transparent !important; }

ul.nav-menu { height: 29px; }

#pulldownsubmenu {
    background-color: #f7e3ef;
    background-color: rgba(247, 227, 239, 0.8);
    background-image: none !important;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    display: none;
    height: 60px;
    position: absolute;
    transform: translate(0, 0);
    width: 942px !important;
    z-index: 2;
}

#pulldownsubmenu-socialtools {
    float: right;
    height: 52px;
    margin-right: 10px;
    margin-top: 14px;
    vertical-align: middle;
    width: 350px;
}

#pulldownsubmenu-socialtools div {
    display: inline-block;
    float: right;
    vertical-align: middle;
}

#pulldownsubmenu-socialtools .tweeter { margin-left: 10px; }

#pulldownsubmenu-socialtools .facebook {
    margin-top: 0;
    max-width: 136px;
    min-width: 136px;
}

#pulldownsubmenu-socialtools .facebook > iframe { max-width: 136px; }

.nav-menu-container {
    background-image: url('../Images/nav_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    clear: both;
    display: block;
    height: 29px;
    left: 0;
    margin: 0 auto;
    margin-bottom: 0;
    margin-left: -5px;
    padding-bottom: 0;
    padding-top: 0;
    width: 942px;
}

.nav-menu-container .nav-menu {
    font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-weight: normal;
    text-decoration: none;
}

.search-section .search .login-info {
    padding-left: 6px;
    padding-top: 15px;
}

.search-section .search .login-info a {
    color: #9d5fb5;
    display: inline;
    float: none;
}

.search-section .search .login-info .user-name-header { color: #9d5fb5; }

.search-section .search .login-info .amount-header { color: #    font-family: GraphikRegular, Arial, sans-serif, Verdana;; }

.inline-top {
    display: inline-block;
    vertical-align: top;
}

.preview-header {
    width: 580px !important;
    height: auto !important;
}

.card-page-header {
    margin-left: 50px;
    
    
    font-size: 30px;
    
    height: 60px;
    line-height: 50px;
    text-align: left;
	
	font-family: GraphikBold, Arial, serif;
    text-transform: uppercase;
    color: #7029EC;
}

.card-page-header-2 {
    margin-left: 50px;
    width: 770px;
    color: #0F1934;
    font-size: 14px;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
}

.card-page-header-2.send-page-header-2 {
    width: 700px;
    line-height: 18px;
}

.card-send-preview {
    margin-top: 20px;
}

.email-card-form-headr {
    margin-top: 10px;
    background-color: #EEE3F1;
    height: 28px;
    width: 766px;
}

.email-card-form-headr .letterbox{
    display: inline-block;
    background: url('../Images/letterbox.png') center no-repeat;
    width: 30px;
    height: 28px;
    line-height: 28px;
}

.email-card-form-headr .email-card-form-headr-text {
    display: inline-block;
    vertical-align: top;
    line-height: 28px;
    height: 28px;
    color: #7029EC;
    font-size: 20px;
}

.email-card-form-element {
    width: 338px;
    float: left;
}

.email-card-form-element-header {
    color: #7029EC;
    display: inline-block;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    width: auto;
}

.email-card-form-element-header.receiver-header{
    margin-top: 15px !important;
}

.field-validation-error, .email-card-form-element-header > .field-validation-error > * ,.field-validation-error > span
{
    display: block;
    color: red !important;
    font-weight: bold;
    font-size: 16px !important;
    line-height: 28px !important;
    height: 28px !important;
}

.left70 {
    margin-left: 70px;
}

.email-card-form-element .email-card-form-element-input input {
    width: 350px;
    padding-left: 3px;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    border: 1px solid #c7c7c7;
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    color: #0F1934;
    margin-top: 10px;
}

.email-card-form-element-textarea {
    position: relative;
}

.email-card-form-element-textarea textarea{
	resize: none;
    width: 730px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 11px;
    padding-bottom: 11px;
    border: 1px solid #c7c7c7;
    /*height: 84px;*/
	height: 168px;
    line-height: 26px;
    font-size: 20px;
    color: #0F1934;
    overflow: hidden;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
}

#counter {
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 14px;
    line-height: 26px;
}

.required-field-label {
    color: #0F1934;
    width: 257px;
    margin-top: 10px;
    font-size: 14px;
    float: right;
}

.import-button:hover{
    cursor: pointer;
}

.import-button {
    color: #7029EC;
    font-weight: normal;
    text-decoration: none;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 12px;
    margin-right: 15px !important;
}

.link_button:hover{
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
    color: #b542eb;
    font-weight: bold;
    font-family: GraphikRegular, Arial, sans-serif, Century Gothic;
    font-size: 15px;
    margin-right: 50px !important;
}

.link_button{
    display: inline-block;
    color: #7029EC;
    background: none;
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-family: GraphikRegular, Arial, sans-serif, Century Gothic;
    x-font-size: 14px;
	font-size: 15px;
    margin-right: 50px !important;
}

.card-top-menu { border-bottom: 1px solid #1C1C1C; }

.card-view-content .ui-tabs { border: none; }

#card-tabs ul li { display: inline; }

#card-tabs ul {
    background: none !important;
    border: none;
    margin: 0 auto;
    width: 640px;
}

.card-view-content .ui-tabs-panel {
    border-top: 1px solid #000000;
    border-top-width: 1px !important;
}

.card-view-content .tab-block-header { color: #87858A; }

.view-card-block .cycle-slideshow {
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
}

.view-card-block .card-slide-back {
    background: url('../Images/ArrowLeft.png') center no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 450px;
    vertical-align: top;
    width: 50px;
}

.view-card-block .card-slide-next {
    background: url('../Images/ArrowRight.png') center no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 450px;
    vertical-align: top;
    width: 50px;
}

.view-card-block .featured-cards {
    margin-bottom: 50px;
    margin-top: 15px;
}

.cards-filter-container select { float: right; }

.cards-gallery img {
    cursor: pointer;
    display: inline;
    height: 100px;
    margin: 8px;
    margin-right: 0;
    width: 150px;
}

.cards-gallery-pager { float: left; }

.cards-gallery-pager a {
    color: #4E8BBA !important;
    cursor: pointer;
    display: inline;
    font-size: 14px;
}

.cards-gallery-pager a i {
    display: inline-block;
    height: 14px;
    width: 12px;
}

.cards-gallery-pager a.current {
    color: #000000 !important;
    cursor: pointer;
    font-size: 12px;
}

a.btn .icon-forward {
    background: url('../Images/pager-next.png') no-repeat;
    background-position-y: 2px;
}

a.btn .icon-backward {
    background: url('../Images/pager-prev.png') no-repeat;
    background-position-y: 2px;
}

#footer-homepage { height: auto !important; }

.card-slide-container {
    border: 1px solid #c4c4c4;
    width: 734px;
    height: 430px;
    padding: 15px;
    position: relative;
    border-radius: 2px
}

 .image-editor {
    display: inline-block;
    height: 410px;
    width: 340px;
    max-height: 100%;
    max-width: 100%;
}

.card-slide-container > img{
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}

.card-slide-container .card-description {
    display: inline-block;
    height: 400px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    vertical-align: top;
    width: 385px;
}

.card-actions {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    height: 45px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.card-actions > * {
    display: inline-block;
}

a.sendMoreCardButton:hover {
    background: #9135bc no-repeat;
}

a.sendMoreCardButton:active {
    background: #9135bc no-repeat;
}

a.sendMoreCardButton {
    border-radius: 0px;
    background: #b542eb no-repeat;
    text-decoration: none !important;
    width: 126px;
    border: none;
    cursor: pointer;
    height: 41px;
    font-family: GraphikRegular, Arial, sans-serif, Century Gothic;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff !important;
    line-height: 40px;
    text-align: center;
    margin-left: 334px !important;
    display: block;

}

a.suppor-my-walk:hover {
    background: #ffa2d8 no-repeat;
}

a.suppor-my-walk:active {
    background: #E8ACCE no-repeat;
}

.sendCardButton:hover {
    background: #0098db no-repeat;
}

.sendCardButton:active {
    background: #0098db no-repeat;
}

.sendCardButton {
    border-radius: 0px;
    background: #0098db no-repeat;
    text-decoration: none;
    width: 126px;
    border: none;
    cursor: pointer;
    height: 41px;
    font-family: GraphikRegular, Arial, sans-serif, Century Gothic;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
}

.sendCardButton.purple:hover{
    background: #9135bc no-repeat;
}

.sendCardButton.purple:active{
    background: #9135bc no-repeat;
}

.sendCardButton.purple {
    border-radius: 0px;
    background: #b542eb none repeat scroll 0 0;
    margin-right: 10px;
    color: #fff;
	font-weight:normal;
}

.sendCardButton.sendMore {
    width: 126px;
    height: 40px;
}

.sendCardButton.supporMyWalk {
    width: 126px;
    height: 40px;
}

.add-friend-button:hover{
    background: #B07FC4 no-repeat;
}

.add-friend-button:active{
    background: #C49FD3 no-repeat;
}
.add-friend-button {
    background: #9C5FB5 no-repeat;
    border-radius: 0px;
    border: none;
    width: 139px;
    height: 41px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    font-family: GraphikRegular, Arial, sans-serif, Century Gothic;
}

.add-friend-button-container {
    float: right;
    margin-right: 136px;
    margin-top: 20px;
}

.card-actions .fb,.card-actions .tw,.card-actions .gp,.card-actions .li {
    vertical-align: middle;
    padding-top: 8px;
    margin-left: 4px;
    width: 22px;
    height: 21px;
    cursor: pointer;
    background: url('../Images/fb.png') no-repeat;
}

.send-card-buttons-block {
    margin-left: 410px;
}

.card-actions .li {
    background: url('../Images/li.png') no-repeat;
}

.card-actions .tw {
    background: url('../Images/tw.png') no-repeat;
}

.card-actions .gp {
    background: url('../Images/gp.png') no-repeat;
}

.card-actions span {
    width: 52px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #0F1934;
	font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 20px;
}

.card-description .card-caption {
    color: #90709F;
    font-size: 28px;
    line-height: 28px;
    padding-top: 10px;
    word-wrap: break-word;
}

.card-description .card-mod-logo {
    background: url('../Images/card-mod-logo.png') no-repeat;
    bottom: 15px;
    height: 60px;
    left: 15px;
    position: absolute;
    width: 150px;
}

.cards-gallery {
    margin-left: 15px;
    margin-top: 13px;
    width: 840px;
    height: 220px;
    border: 1px solid #cecece;
    border-radius: 2px;
}

.cards-gallery-header {
    margin-right: -1px;
    margin-top: -1px;
    height: 26px;
    background-color: #bfbfbf;
    border-radius: 2px;
    position: relative;
}

.cards-gallery-header-link {
    color: white;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 15px;
    position: absolute;
    left: 10px;
    top: 6px;
}

.view-card-block {
    margin-top: 20px;
    width: auto;
    height: auto;
}

.cards-gallery-header-link.see-all{
    color: white;
    width: 65px;
    text-align: left;
    background: url('../Images/ArrowRight_White.png') right center no-repeat;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 15px;
    position: absolute;
    left: auto;
    right: 10px;
    top: 6px;
}

.cards-gallery .cards-gallery-content {
    position: relative;
    margin-top: 40px;
}

.cards-gallery .cards-gallery-content .arrow-left{
    background: url('../Images/ArrowLeft.png') center no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 125px;
    vertical-align: top;
    width: 35px;
}
.cards-gallery .cards-gallery-content .arrow-right{
    background: url('../Images/ArrowRight.png') center no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 125px;
    vertical-align: top;
    width: 35px;
}

.cards-gallery .cards-gallery-cards {
    display: inline-block;
    vertical-align: top;
    width: 760px;
    height: 125px;
}

.cards-gallery .cards-gallery-cards .card-preview {
    display: inline-block;
    width: 164px !important;
    height: 116px;
    margin-left: 8px;
    margin-right: 8px;
    border: 1px #cacaca solid;
    border-radius: 2px;
    padding: 3px;
}

x.#header {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

x#footer {
    height: 150px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    width: 900px !important;
}
#footer{
    display: table;
    width: 100vw;
}

.send_card_tabs .back_button {
    position: absolute;
    right: 240px;
    top: 5px;
    width: 80px;
}

.send_card_tabs .save_button {
    position: absolute;
    right: 140px;
    top: 5px;
    width: 100px;
}

.send_card_form > div:first-child { margin-top: 60px; }

.send_card_form > div {
    min-height: 35px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.send_card_tabs span {
    color: #000000;
    margin-right: 10px;
    text-align: right;
    vertical-align: top;
    width: 100px;
}

.send_card_tabs .send_to_addresses {
    height: 130px;
    width: 350px;
}

.send_card_tabs .email_message {
    height: 170px;
    width: 760px;
}

.send_card_tabs .address_book_button {
    margin-left: 30px;
    vertical-align: top;
    width: 115px;
}

#sendCardTabs ul {
    background-color: #E4E4E4 !important;
    border-radius: 0 !important;
    margin-left: 3px;
    width: 200px;
}

#sendCardTabs .ui-tabs-panel {
    border: 1px solid #AEAEAE;
    border-radius: 0 !important;
}

#footer-middle { 
	/*display: none !important; */
	margin-top:auto !important;
	}

.send_email_bottom_buttons {
    height: 35px;
    padding-bottom: 35px;
    padding-top: 35px;
}

.send_email_bottom_buttons input {
    float: right;
    height: 35px;
    margin-left: 15px;
}

.card-edit-header {
    color: #6DB7E7;
    font-size: 27px;
    height: 140px;
    line-height: 140px;
}

.image-editor-controls .image-upload-button {
    background: none;
    border: 1px solid #AEAEAE;
    border-radius: 5px;
    height: 35px;
    width: 160px;
}

.image-editor-controls .card-color-picker-button {
    background: none;
    border: 1px solid #AEAEAE;
    border-radius: 5px;
    height: 35px;
    margin-left: 15px;
    width: 160px;
}

.image-editor-controls .card-add-filter-button {
    background: none;
    border: 1px solid #AEAEAE;
    border-radius: 5px;
    height: 35px;
    margin-left: 15px;
    width: 160px;
}

.image-editor-controls .save-card-button {
    height: 35px;
    margin-left: 20px;
    width: 100px;
}

.image-editor {
    opacity: 0.99;
    position: relative;
    z-index: 1000;
}

.image-editor-controls .send-card-button {
    height: 35px;
    margin-left: 20px;
    width: 100px;
}

.image-filters a {
    display: block;
    cursor: pointer;
}

.image-filters a.active {
    text-decoration: underline;
    cursor: default;
}

.image-editor-controls .image-editor-controls > * { display: inline-block; }


.image-editor-canvas-controls {
    background: #FFFFFF;
    border: 1px solid #aeaeae;
    height: 50px;
    position: absolute;
    right: 5px;
    top: 410px;
    width: 380px;
    z-index: 1000;
}

.image-editor-canvas-controls > div {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.rotate_controls, .zoom_controls, .crop_controls, .done_controls {
    height: 50px;
    margin-top: 10px;
    width: 60px;
}

.rotate_controls { margin-left: 40px !important; }

.done_controls {
    margin-top: 15px;
    vertical-align: top;
}

.rotate_controls .actoin-element, .zoom_controls .actoin-element, .crop_controls .actoin-element {
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    display: inline;
    user-select: none;
}

.editor_description {
    color: #959595;
    font-size: 14px;
}

.image-editor-canvas-done-button {
    background: none;
    border: 1px solid #AEAEAE;
    border-radius: 5px;
}

.splash {
    -ms-zoom: 1;
    background-color: rgb(0, 0, 0);
    color: white;
    filter: alpha(opacity=40);
    font-size: 100px;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}



.editor_color_chooser {
    border: 1px solid #AEAEAE;
    display: block;
    height: 200px;
    margin-top: 10px;
    padding: 15px;
    width: 770px;
}

.editor_color_chooser > div {
    cursor: pointer;
    float: left;
    height: 90px;
    margin-bottom: 15px;
    margin-left: 15px;
    width: 90px;
}

.editor_color_chooser > div { background-color: #FFBCE8; }

.editor_color_chooser > div + div { background-color: #D783FF; }

.editor_color_chooser > div + div + div { background-color: #EBB9FF; }

.editor_color_chooser > div + div + div + div { background-color: #C4ADD9; }

.editor_color_chooser > div + div + div + div + div { background-color: #FFE4ED; }

.editor_color_chooser > div + div + div + div + div + div { background-color: #E7ACCC; }

.editor_color_chooser > div + div + div + div + div + div + div { background-color: #9B5FB2; }

.editor_color_chooser > div + div + div + div + div + div + div + div { background-color: #75D6FF; }

.editor_color_chooser > div + div + div + div + div + div + div + div + div { background-color: #73FDFF; }

.editor_color_chooser > div + div + div + div + div + div + div + div + div + div { background-color: #D3EEF9; }

.editor_color_chooser > div + div + div + div + div + div + div + div + div + div + div { background-color: #D4FB7A; }

.editor_color_chooser > div + div + div + div + div + div + div + div + div + div + div + div { background-color: #8DFA00; }

.editor_color_chooser > div + div + div + div + div + div + div + div + div + div + div + div + div { background-color: #FFFC79; }

.editor_color_chooser > div + div + div + div + div + div + div + div + div + div + div + div + div + div { background-color: #FFF5C4; }

.card-editor-card-caption {
    border: none;
    color: #90709F;
    font-size: 28px;
    font-weight: bold;
    height: 310px;
    line-height: 28px;
    overflow: hidden;
    resize: none;
    white-space: pre;
    width: 0px;
    word-wrap: break-word;
}

.view-card-header {
    color: #9b62b3;
    font-family: GraphikRegular, Arial, sans-serif, Century Gothic;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
}

.view-card-content {
    display: block;
}

.send-card-content {
    margin-left: 50px;
}

.view-card-date {
    text-align: right;
}

.view-card-card-content {
    border: 2px solid #d0d0d0;
    padding: 5px;
}

.view-card-receiver {
    font-size: 14px;
}

.view-card-receiver span {
    font-weight: bold;
}

.view-card-card {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: relative;
}

.view-card-separator{
    border-top: 1px #A4CBDC dotted;
}

.view-card-message > div {
    color: #8C8C8C;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.view-card-message .view-card-message-content {
    font-size: 12px;
    color: #000000;
}

.card-preview-label {
    position: absolute;
    bottom: 0;
    right: 140px;
    background: url('../Images/send-card-label.png') center no-repeat;
    display: inline-block;
    width: 181px;
    height: 64px;
    margin-right: 0px;
    margin-left: auto;
}
.preview-card-message-block {
    margin-top: 40px;
    font-size: 15px;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    color: #9e5db1;
    width: 764px;
    line-height: 20px;
    border: none;
    background: none;
    overflow: hidden;
    resize: none;
}

.card-sender-label {
    font-size: 15px;
    margin-right: 140px;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    color: #9e5db1;
    text-align: right;
}

.card-sender-label.sendPage {
    position: absolute;
    top: 80px;
    left: 410px;
}

.preview-card-actions {
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
}

.sent-card-actions {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.view-received-card-actions {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    
	/*padding-right: 110px;*/
	width:764px;
	margin-right:140px;
}

.preview-card-actions{
    xfloat: right;
    xmargin-right: 140px;
	
	width: 766px;
    /* text-align: right; */
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}

a.create-your-own:hover,a.suppor-my-walk:hover{
    text-decoration: none;
}

a.create-your-own {
    float: left !important;
    color: #d873ad;
    font-size: 13px;
    font-weight: bold;
    text-decoration:none;
    font-family: GraphikRegular, Arial, sans-serif, Verdana;
    margin-top: 13px !important;
}

a.suppor-my-walk{
    Xbackground: url('../Images/email_button_bg.png') no-repeat;
	background-color: rgb(216, 115, 173)	!important;
	border-radius: 5px;
    text-decoration: none !important;
    float: right !important;
    width: 146px;
    border: none;
    cursor: pointer;
    height: 41px;
    font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff !important;
    line-height: 40px;
    text-align: center;
    margin-top: 0px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    display: block;
}

.friendBlock,.headerBlock {
    float: left;
}

.not-logged-message -Old{
    background: #D3EEFA;
    border: #FF0000 1px solid;
    border-radius: 10px;
    color: #FF0000;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    width: 678px;
    padding-bottom: 25px;
    padding-top: 25px;
    padding-left: 65px;
    padding-right: 25px;
    position: relative;
    margin-left: 53px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.not-logged-message
{ 
	/*
	background: none repeat scroll 0 0 #D874AE; 
	border: 1px solid #FFFFFF; 
	border-radius: 10px; 
	color: #FFFFFF; 
	    font-family: GraphikRegular, Arial, sans-serif, Verdana; 
	font-size: 15px; 
	font-weight: normal; 
	line-height: 20px; 
	margin-bottom: 20px;
	margin-left: 53px; 
	margin-top: 20px; 
	padding: 15px 15px 20px 70px; 
	position: relative; width: 678px; 
	*/
	background: none repeat scroll 0 0 #9C5FB5; border: 1px solid #FFFFFF; border-radius: 10px; color: #FFFFFF;     font-family: GraphikRegular, Arial, sans-serif, Verdana; font-size: 15px; font-weight: normal; line-height: 20px; margin-bottom: 20px; margin-left: 53px; margin-top: 20px; padding: 15px 15px 20px 70px; position: relative; width: 678px;	
}


#divImportContactsOuter {
    margin-top: 20px;
}

#divSocialTools {
    vertical-align: middle;
    margin-bottom: 14px;
    height: 40px;
}

#frameSocialTools {
    width:440px;
}

#divTest {
     display: none !important;
}

.divSocialToolsLoading{
    background: url("/eCard/addthisplaceholder.png") no-repeat scroll 10px 8px transparent;
    min-height: 32px;
    width: 160px;
}

.preview-card-actions .suppor-my-walk {
    margin-left: 10px !important;
}

#preloadedReceivers {
    display: none !important;
}

.errors {
    height: auto !important;
    min-height: 0!important;
}

input.error{
    border: red 1px solid !important;
}

.error-arrow {
    display: none;
	background: url(../Images/error_arrow.png) no-repeat;
    float: left;
    height: 20px;
    width: 20px;
    margin-left: -20px;
    margin-top: 17px;
}


.bx-wrapper {
    max-width: 760px !important;
    display: inline-block !important;
}

.arrow-left .bx-prev, .arrow-right .bx-next {
    width: 100%;
    height: 100%;
    display: block;
}

.email-card-form-element-subtitle{
    color: #7029EC;
    display: inline-block;
        font-family: GraphikRegular, Arial, sans-serif, Verdana;
    font-size: 16px;
}

.card-preview-header {
    color: #7029EC;
    font-family: GraphikRegular, Arial, sans-serif, Century Gothic;
    font-size: 24px;
    margin-left: 50px;
	line-height:24px;
}

.exclamation_mark_red-Old {
    position: absolute;
    border-radius: 50%;
    background: #FF0000;
    width: 28px;
    height: 28px;
    line-height: 25px;
    left: 20px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    text-align: center;
}
.exclamation_mark_red
{ 
	/*
	background: none repeat scroll 0 0 #9C5FB5;
	border-radius: 100%; 
	color: #FFFFFF; 
	font-size: 14px; 
	font-weight: bold; 
	height: 30px; 
	left: 20px; 
	line-height: 25px; 
	position: absolute; 
	text-align: center; 
	width: 40px; 
	*/
	background: none repeat scroll 0 0 #7029EC; border-radius: 100%; color: #FFFFFF; font-size: 14px; font-weight: bold; height: 30px; left: 20px; line-height: 25px; position: absolute; text-align: center; width: 40px;	
}


.email-card-form-element-additional-message {
    color:#666;
}