@font-face {
    font-family: 'Graphik';
    src: url('/eCard/fonts/Graphik-Regular.ttf') format('truetype'),
         url('/eCard/fonts/Graphik-Regular.otf') format('opentype'), 
         url('/eCard/fonts/Graphik-Regular.eot') format('embedded-opentype'), 
         url('/eCard/fonts/Graphik-Regular.woff2') format('woff2'), 
         url('/eCard/fonts/Graphik-Regular.woff') format('woff'),
         url('/eCard/fonts/Graphik-Regular.svg') format('svg'); 
}
@font-face {
    font-family: 'GraphikRegular';
    src: url('/eCard/fonts/Graphik-Regular.ttf') format('truetype'),
         url('/eCard/fonts/Graphik-Regular.otf') format('opentype'),
         url('/eCard/fonts/Graphik-Regular.eot') format('embedded-opentype'), 
         url('/eCard/fonts/Graphik-Regular.woff2') format('woff2'), 
         url('/eCard/fonts/Graphik-Regular.woff') format('woff'),
         url('/eCard/fonts/Graphik-Regular.svg') format('svg'); 
}
@font-face {
    font-family: 'GraphikBold';
    src: url('/eCard/fonts/Graphik-Bold.ttf') format('truetype'),
         url('/eCard/fonts/Graphik-Bold.otf') format('opentype'),
         url('/eCard/fonts/Graphik-Bold.eot') format('embedded-opentype'), 
         url('/eCard/fonts/Graphik-Bold.woff') format('woff2'), 
         url('/eCard/fonts/Graphik-Bold.woff') format('woff'),
         url('/eCard/fonts/Graphik-Bold.svg') format('svg'); 
}
@font-face {
    font-family: 'GraphikCompactBlack';
    src: url('/eCard/fonts/GraphikCompact-Black.ttf') format('truetype'),
         url('/eCard/fonts/GraphikCompact-Black.otf') format('opentype'),
         url('/eCard/fonts/GraphikCompact-Black.eot') format('embedded-opentype'), 
         url('/eCard/fonts/GraphikCompact-Black.woff2') format('woff2'), 
         url('/eCard/fonts/GraphikCompact-Black.woff') format('woff'),
         url('/eCard/fonts/GraphikCompact-Black.woff') format('svg'); 
}
@font-face {
    font-family: 'GraphikCompactRegular';
    src: url('/eCard/fonts/GraphikCompact-Regular.ttf') format('truetype'),
         url('/eCard/fonts/GraphikCompact-Regular.otf') format('opentype'),
         url('/eCard/fonts/GraphikCompact-Regular.eot') format('embedded-opentype'), 
         url('/eCard/fonts/GraphikCompact-Regular.woff2') format('woff2'), 
         url('/eCard/fonts/GraphikCompact-Regular.woff') format('woff'),
         url('/eCard/fonts/GraphikCompact-Regular.svg') format('svg'); 
}

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 {
    color: #ed6d3b;
    font-family: "CenturyGothic", Verdana;
    font-size: 23pt;
    font-weight: bold;
    margin-bottom: 20px;
}

h2 {
    color: #ed6d3b;
    font-family: "CenturyGothicBold", Verdana;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 8px;
}

h3, h3 a {
    color: #ed6d3b;
    font-family: "Century Gothic", Verdana;
    font-size: 10.5pt;
    font-weight: bold;
    margin-bottom: 8px;
    text-decoration: none;
}

h4 {
    color: #ed6d3b;
    font-family: "Century Gothic", Verdana;
    font-size: 9pt;
    font-weight: bold;
    margin-bottom: 2px;
}

:focus { outline: 0; }


#body {
    margin: 10px auto;
    width: 950px;
    position: relative;
}

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: #666666;
    text-align: center;
    width: 94px;
}

#header .search .password {
    color: #666666;
    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: 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: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    height: 100%;
    margin-bottom: 20px;
    position: relative;
    width: 465px;
}

.howWeHelp {
    color: #9b62b3;
    font-family: Century Gothic;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.left_top_footer p {
    color: #666666;
    font-family: Verdana;
    font-size: 12px;
    line-height: 15pt;
    width: 535px;
}

.left_bottom_footer {
    bottom: 0;
    font-family: 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: #666666;
    font-family: Verdana;
    font-size: 12px;
}

.copyright > a {
    color: #9b62b3;
    font-family: 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: Century Gothic;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
}

.footer_vert_menu a {
    color: #666666;
    font-family: 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: #D676AD !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: "verdana", sans-serif;
    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: #d874ae; }

.inline-top {
    display: inline-block;
    vertical-align: top;
}

.preview-header {
    width: 580px !important;
    height: auto !important;
}

.card-page-header {margin-left: 50px;color: #7029EC;font-family: 'GraphikBold', Arial, sans-serif;font-size: 30px;font-weight: bold;height: 60px;line-height: 50px;text-align: left;text-transform: uppercase;}

.card-page-header-2 {
    margin-left: 50px;
    width: 770px;
    color: #666666;
    font-size: 14px;
    font-family: 'Graphik', Arial, sans-serif;
}

.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: #EBF3F8;
    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: #8c61a6;
    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: 'Graphik', Arial, sans-serif;
    border: 1px solid #c7c7c7;
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    color: #666666;
    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: #666666;
    overflow: hidden;
    font-family: 'Graphik', Arial, sans-serif;
}

#counter {
    font-family: 'Graphik', Arial, sans-serif;
    font-size: 14px;
    line-height: 26px;
}

.required-field-label {
    color: #666666;
    width: 257px;
    margin-top: 10px;
    font-size: 14px;
    float: right;
}

.import-button:hover{
    cursor: pointer;
}

.import-button {
    color: #6179FF;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Graphik', Arial, sans-serif;
    font-size: 12px;
    margin-right: 15px !important;
}

x.link_button:hover{
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
    color: #6179FF;
    font-weight: bold;
    font-family: 'GraphikBold', Arial, sans-serif;
    font-size: 20px;
    margin-right: 50px !important;
	text-transform: uppercase;
}

x.link_button{
    display: inline-block;
    color: #6179FF;
    background: none;
    border: none;
    font-weight: bold;
    text-decoration: none;
    font-family: 'GraphikBold', Arial, sans-serif;
    font-size: 20px;
    margin-right: 50px !important;
	text-transform: uppercase;
}
.link_button {
    display: inline-block;
    
    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: right; }

.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;
    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;*/
	width: 560px;
    margin-left: auto;
    margin-right: auto;
    height: 45px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.card-actions > * {
    display: inline-block;
}

a.sendMoreCardButton:hover {
    background: #b542eb no-repeat;
}

a.sendMoreCardButton:active {
    background: #E8ACCE no-repeat;
}

/**a.sendMoreCardButton {
    border-radius: 3px;
    background: #d874ae no-repeat;
    text-decoration: none !important;
    width: 126px;
    border: none;
    cursor: pointer;
    height: 41px;
    font-family: 'Graphik', Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff !important;
    line-height: 40px;
    text-align: center;
    margin-left: 334px !important;
    display: block;

}**/
a.sendMoreCardButton {
	background: #7029EC no-repeat;
    text-decoration: none;
    width: 126px;
    border: none;
    cursor: pointer;
    height: 17px;
    font-family: 'GraphikCompactBlack', Arial, sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 15px;
}

a.suppor-my-walk:hover {
    background: #ffa2d8 no-repeat;
}

a.suppor-my-walk:active {
    background: #E8ACCE no-repeat;
}

.sendCardButton:hover {
    background: #b542eb no-repeat;
}
.sendCardButton:active {background: #7029EC no-repeat;}
.sendCardButton {background: #7029EC no-repeat;text-decoration: none;width: 126px;border: none;cursor: pointer;height: 41px;font-family: 'GraphikCompactBlack', Arial, sans-serif;font-size: 18px;color: #ffffff;text-transform: uppercase;}

.sendCardButton.purple:hover{
    background: #4e61cc no-repeat;
}

.sendCardButton.purple:active{
    background: #6179ff no-repeat;
}

.sendCardButton.purple {
    background: #6179ff no-repeat;
    margin-right: 10px;
    color: #fff;
}

.sendCardButton.sendMore {
    width: 126px;
    height: 40px;
}

.sendCardButton.supporMyWalk {
    width: 126px;
    height: 40px;
}

.add-friend-button:hover{background: #b542eb no-repeat;}

.add-friend-button:active{background: #7029EC no-repeat;}
.add-friend-button {background: #7029EC no-repeat;border: none;width: 139px;height: 41px;color: #FFFFFF;cursor: pointer;font-size: 14px;font-weight: bold;font-family: 'Graphik', Arial, sans-serif;}

.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: #666666;
    font-family: 'Graphik', Arial, sans-serif;
    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: 'Graphik', Arial, sans-serif;
    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: 'Graphik', Arial, sans-serif;
    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;
}

#header {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

#footer {
    height: 150px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    width: 900px !important;
}

.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: 'GraphikBold', Arial, sans-serif;
    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/MODlogo.svg') 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: 'Graphik', Arial, sans-serif;
    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: 'Graphik', Arial, sans-serif;
    color: #7029EC;
    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{
    float: right;
    margin-right: 140px;
}

a.create-your-own:hover,a.suppor-my-walk:hover{
    /*text-decoration: none;*/
	text-decoration: underline;
}

a.create-your-own {
    float: left !important;
    color: #b542eb;
    font-size: 13px;
    font-weight: bold;
    text-decoration:none;
    font-family: 'GraphikBold', Arial, sans-serif;
    margin-top: 13px !important;
}

a.suppor-my-walk{
    /*Xbackground: url('../Images/email_button_bg.png') no-repeat;*/
	background-color: rgb(216, 115, 173);
	border-radius: 5px;
    text-decoration: none;
	float: right !important;
    width: 146px;
    border: none;
    cursor: pointer;
    height: 41px;
    font-family: 'GraphikBold', Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff ;
    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: 'Graphik', Arial, sans-serif;
    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-Old-Old
{ 
	background: none repeat scroll 0 0 #D874AE; 
	border: 1px solid #FFFFFF; 
	border-radius: 10px; 
	color: #FFFFFF; 
	font-family: 'Graphik', Arial, sans-serif;
	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; }
	
/*.not-logged-message
{ background: none repeat scroll 0 0 #9C5FB5; border: 1px solid #FFFFFF; border-radius: 10px; color: #FFFFFF; font-family: 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; }*/
.not-logged-message {
    border: 1px solid #7029EC;
    border-radius: 3px;
    color: #333;
    font-family: 'Graphik', Arial, sans-serif;
    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;
	/*width: 388px;*/
}

#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: 'Graphik', Arial, sans-serif;
    font-size: 16px;
}

.card-preview-header {
    color: #7029EC;
    font-family: 'Graphik', Arial, sans-serif;
    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 #758cff; border-radius: 100%; color: #FFFFFF; font-size: 15px; height: 30px; left: 20px; line-height: 28px; position: absolute; text-align: center; width: 42px;}
.suppor-my-walk-mod{
	background:none !important;
	color: #b542eb !important;
		float: left !important;
		font-family: 'GraphikBold', Arial, sans-serif;
		font-size: 13px;
		font-weight: bold;
		margin-top: 13px !important;
		text-decoration: none;
		width: auto !important;
}
@media screen and (min-width: 906px) {
	.friends.mobile{display: none;}
	.friends.desktop{display: block;}
}


@media screen and (max-width: 905px) {
	.friends.mobile{display: block;}
	.friends.desktop{display: none;}
	.card-page-header {margin-left:0px;text-align:center;font-size: 24px;}
	.card-page-header-2 {margin-left: 0px;text-align: center;width: 100%;font-size: 16px;line-height: 20px;margin-bottom: 16px;}
	.not-logged-message {width:74%; margin: 0px;}
	.view-card-block {display: flex;height:250px!important}
	.view-card-block .cycle-slideshow {width:75%;overflow: visible!important;}
	.view-card-block .card-slide-back, .view-card-block .card-slide-next {width:20px;height: 180px}
	.view-card-block .card-slide-next {margin-left: 33px;}
	.card-preview-header {margin-left: 0px;text-align: center;width: 100%!important;}
	.send-card-content {margin-left: 0px;}
	#body, .card-slide-container {width:100%}
	.card-page-header-2.send-page-header-2 {width:100%}
	.card-send-preview {width:90%}
	.left70 {margin-left: 0px;}
	.email-card-form-element .email-card-form-element-input input {width:100%}
	.email-card-form-element-textarea textarea {width: 90%;}
	x.send-card-buttons-block {margin-left:0px;display:flex;}
	.card-send-preview .card-slide-container {height: auto!important;}
	.cards-gallery {display:none;}
	.add-friend-button-container {display: flex;margin-right: 100px;}
	.email-card-form-element-subtitle {font-size: 14px; margin-bottom: 14px;}
	.preview-card-actions {display: flex;margin-right: 0px!important;}
	.card-preview-label {display:none;}
}



@media screen and (max-width: 905px) {
	.main-content 
	{
		padding-right: 0px;
		padding-left: 0px;
	}

	.view-card-block .cycle-slideshow 
	{
		width: calc(100% - 88px);
	}
	.ecards-homeindex .view-card-block .card-slide-back {
		margin-left:8px !important;
	}
	.ecards-homeindex .card-actions
	{
		max-width:100%;
		padding-left:28px;
	}
}

.ecards-viewreceivedcardindex .card-previewpage-header-title
{
text-align: left !important;
}

.ecards-viewreceivedcardindex 	.send-card-content 
{
    border: 1px solid #c4c4c4 !important;
}


@media screen and (max-width: 768px) {
	div#body{
		overflow-x:hidden;
	}
}

.appid-5 .div-cards-category-slider-outer .mod-category-arrow-left {
        background: url(../Images/ArrowLeft.png) center no-repeat;
        cursor: pointer;
        display: inline-block;
        height: 50px;
        vertical-align: top;
        width: 50px;
        margin-left:38px;
    }
   .appid-5 .div-cards-category-slider-outer .mod-category-arrow-right {
        background: url(../Images/ArrowRight.png) center no-repeat;
        cursor: pointer;
        display: inline-block;
        height: 50px;
        vertical-align: top;
        width: 50px;
    }
	
.email-card-form-element-additional-message {
    color:#666;
}

.card-previewpage-header-title.mod-preview{
    max-width:100% !important;
    background-image:url(../Images/MOD-ECARD.svg);
    background-repeat:no-repeat;
    background-position: right center;
}

.div-CardsGalleryPartial-title-text{
    width: 840px;
    margin: 0 auto;
	margin-bottom: 25px;
    font-family: GraphikRegular, Arial, sans-serif, Century Gothic;
    font-size: 16px;
}

.preview-card-actions
{
    width:auto !important;
    text-align:right;
}