@import url(libraries/reset-fonts.css) all;
@import url(grid/grids.css) all;
@import url(template/template.css) all;

body {font: .82em "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif; color: #000;}
.page {font-size: 100%; line-height: 1.41667;}

/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote,.p {
    padding: 20px 20px 0;
}
.p {
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6,img {padding-bottom: 0;}
pre {margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding: 0;}
dt {padding: 0 20px;}
dd {padding: 0 20px 10px;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr {border: 5px solid #cbc8c4; border-width: 0 0 5px; margin: 20px 20px 0;}

code{
    color: #0B8C8F;
    word-break: break-all;
}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1,.h1 {font-size: 131%; font-weight: bold; font-style: normal;}
h2,.h2 {font-size: 125%; font-weight: bold; font-style: normal; margin-top: 20px; color:#cf006f;}
h3,.h3 {font-size: 113%; font-weight: normal; font-style: normal}
h4,.h4 {font-size: 106%; font-weight: bold; font-style: normal;}
h5,.h5 {font-size: 106%; font-weight: bold; font-style: normal;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category {font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #000; cursor:pointer; }
.category:hover{
    opacity: 0.6;
}
.category a {color: #0052B0;}
.important a {font-weight:bold;}
.theme {padding-top: 10px;}
/* links */
a {color: #0052B0; text-decoration: underline;}
a:focus, a:hover {text-decoration: underline;}
a:focus{}
a:visited {}
/* ====== Lists ======*/
ul ul,ol ol {padding: 0 20px;}
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px 20px 0; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%; max-width: 100%; table-layout: fixed; word-wrap: break-word; overflow-wrap: break-word; /* 2012 CSS3 Draft */ border:1px solid #d1e0f3;}
th, td{vertical-align:middle;border:1px solid #d1e0f3;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 10px}
.data thead tr{background-color: #ecf2fa;}
.data th{color: #000; font-weight:bold; background: transparent url("../img/leftcol-bg.png") repeat-y 2px 0;}
.data .even {background: #fafbfe;}

.data .action {padding: 2px 4px !important;}
.actions .button {font-size:80%;}

/* ====== Form ====== */
form {margin:20px; background: #ecf2fa url("../img/leftcol-bg.png") repeat-y 2px 0; }
form p {overflow:auto !important; padding: 10px 20px; border-bottom: 1px solid #d1e0f3; border-top: 1px solid #FBFCFE;}

form p.blank{
    background: white;
    border: white 0px;
}

legend {overflow: hidden; padding: 10px 20px; font-weight: bold;}

input, button, textarea, select {padding:3px;}
#ogone_errorid {width:80%;}
input[type=submit] {font-weight: bold !important;}

.jforms-label {float: left; width: 380px;}
.no-inline .jforms-label {float: none; display: block; width: auto !important; padding-bottom: 2px;}

.jforms-ctrl-input {width: 30%;}
.jforms-ctrl-textarea  {width: 60%;}

.jforms-radio {margin-right: 10px;}
.jforms-radio label {padding-left: 3px;}

div.jforms-submit-buttons {padding: 10px 12px !important;}

.picture {float: left; display: block;}
.picture img {display: block; margin-top: 10px;}

#campaign_id {width: auto;}
#campaigns_edit #description textarea {width:100%;}

/* Specific Size for label */
#campaigns_edit #name .jforms-label, #campaigns_edit #code .jforms-label {width: 55px;}
#campaign_texts_edit #langs .jforms-label {width: 70px;}

#campaign {margin-right: 20px;}

#donation_view .jforms-label {width: 40%;}

#texts_common .jforms-label {width: 250px;}

#texts_emails .jforms-label {width: 320px;}

#campaign_texts_edit .jforms-label,
#design_main .jforms-label, 
#design_nav .jforms-label {width: 285px;}

#design_pricelists .jforms-label,
#design_thanks .jforms-label {width: 350px;}

/* Main Design Page */
#design form {background: #FFF; border: none;}
#design fieldset {background: #ECF2FA url("../img/leftcol-bg.png") repeat-y 2px 0;}
#design .addmb {margin-bottom: 0; margin-bottom: 15px;}
#design form p {border-top-color: #EFF4FB;}
#design input[type=text] {width: 142px;}
#design select {min-width: 150px; max-width: 80%;}

.plist-bloc {border: 1px solid #DEDEDE; margin: 20px; padding-bottom: 20px;}

.plist-bloc h3 {
    background: url("../img/leftcol-bg.png") repeat-y scroll 1px 0 #DEDEDE;
    border-bottom: 1px solid #AAA;
    border-top: 1px solid #E6E6E6;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow:0 1px 2px #FFF;
    padding: 5px 20px;
}

#design, #manager {
    word-wrap:break-word; 
    word-break:break-all;
}

#design h3, #design h4, #manager h3, #manager h4, #bloc-preview h3, #jforms h3, #jforms h4 {padding: 5px 20px;}

#design h3, #manager h3, #bloc-preview h3, #jforms h3 {
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow:0 1px 2px #FFF;
}

#design h4, #manager h4, #jforms h4 {
    color: #FFF;
    font-size: 93%;
    text-transform: uppercase;
    font-weight: normal;
    text-shadow:0 1px 2px #000;
    background: #224C82  url("../img/leftcol-bg-shadow.png") repeat-y 1px 0;
    border-top:1px solid #224c82;
    border-bottom: 1px solid #122845;
}

#design h5, #manager h5, #jforms h5, fieldset h5 {
    padding: 2px 20px;
    border-top: 1px solid #dce7f6;
    border-bottom: 1px solid #a0abba;
    background: #D1E0F3;
    font-weight: normal;
}

#design h6, #manager h6, #jforms h6 {
    padding: 2px 20px;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #aaa;
    background: #DEDEDE url("../img/leftcol-bg.png") repeat-y 1px 0;
    font-weight: normal;
    font-style: italic;
}

#design h3, #manager h3, #bloc-preview h3, #jforms h3, .jforms-submit-buttons {
    background: #FABB00 url("../img/leftcol-bg.png") repeat-y 1px 0;
    border-top: 1px solid #fde395; 
    border-bottom: 1px solid #ebb000;
}

/* Manager Pages */
#manager form {background: #FFF; border: none;}
#manager fieldset {background: #ECF2FA url("../img/leftcol-bg.png") repeat-y 2px 0;}
#manager .addmb {margin-bottom: 0; margin-bottom: 15px;}
#manager form p {border-top-color: #EFF4FB;}
#manager input[type=text] {width: 60%;}
#manager select  {min-width: 150px; max-width: 80%;}
#manager .jforms-label {width: 35%;}

/* Specific non-breaking spaces for prices */
.price{
	white-space: nowrap;
}

/* Affectation Page */

.help-info {
    display: block;
    margin-top: 10px;
    padding: 10px;
    background: #ffffe1;
    border: 1px solid #d8d1c9;
    word-break: normal;
}

form#form_add_item {margin-top: 0;}
form#form_item_choice {margin-bottom: 0;}

#bloc-preview {margin: 20px;}
#bloc-preview form {margin: 0;}
#bloc-preview .delete-item {float: right;}

/* Form with table */
form .data {padding-top:0; padding-bottom:20px;}
.jforms-table {width: 100%;}
.jforms-table th, .jforms-table td {padding: 10px;}
.jforms-table tr{background-color: #ecf2fa;}
.jforms-table th{width: 30%; color: #000; font-weight:normal; background: transparent url("../img/leftcol-bg.png") repeat-y 2px 0;}

/* ====== Header ====== */
.head, .leftCol {background: #e6e2dd url("../img/leftcol-bg.png") repeat-y 3px 0;}

#logo h1 {text-shadow: 1px 1px 0 #FFF; padding: 13px 20px;}

#account {
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px #FFF;
    background-color: #d8d1c9;
    border-left: 1px solid #CCC6BC;
    border-top: 1px solid #CCC6BC;
    float: right;
    font-size: 85%;
    margin: 10px 10px 11px 3.2%;
}

#account p {float: left; padding: 7px 6px 0 8px;}
#account ul {float: left; padding:2px 3px}

/* ====== Main ====== */
.mainCol {background: #fff url(../img/main-bg.png) top repeat-x;}
.leftCol {padding-bottom: 40px; border-right:1px solid #cbc8c4}

.main p, .main li {line-height: 1.5;}

/* ====== Menu ====== */
h3.category {
    font-weight:bold;
    background:url(../img/category-bg-corn.png) no-repeat scroll right bottom transparent;
    color:#000;
    margin-top: 20px;
    padding:0 6px 0 0;
    position:relative;
    text-shadow:0 1px 2px #FFF;
    width:100%;
}

h3.category span {
    background: url("../img/category-bg.png") repeat-x scroll right bottom transparent;
    display:block;
    padding:8px 5px 13px 20px;
}

.theme li {border-bottom: 1px solid #ccc6bc;}

#menu-lang .theme li {padding: 5px 0 5px 5px;}

.theme a {
    display:block;
    overflow: hidden;
    padding: 5px 0 5px 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFF;
}

.theme a:hover {background-color: #fffaf5;}

/*  PageNav */
.record-pages-list, .pagelinks {float: left;}
.record-pages-list {padding-right: 0; font-weight: bold;}

.pagelinks li {
    margin: 0 4px;
    float: left;
    padding: 2px 6px;
    text-align: center;
    background: #ecf2fa;
    border: 1px solid #d1e0f3;
    text-shadow: 0 1px 0 #fff;
}

.pagelinks li.pagelinks-current {
    font-weight: bold;
    border-color: #000;
    background: transparent;
}

.pagelinks li.pagelinks-disabled {
    color: #aaa;
    border: 1px solid #dedede;
    background: #e6e6e6;
}

/* ====== Footer ====== */
.foot {
    color: #978671;
    background: url("../img/footer-shadow.jpg") no-repeat top;
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
}

.foot img {margin: 0 auto;}

/*-------------------------------------------------------------------------------------------*/
/* MISC */
/*-------------------------------------------------------------------------------------------*/

/* ====== Admin Message ====== */

.jelix-msg-ok,.jelix-msg-error, .jelix-msg-info, .jelix-msg-warning, .msg-warning {margin: 20px 20px 0; padding: 10px; border: 1px solid;}

.jelix-msg-ok {color: #064A06; text-align: center; font-weight: bold; background: #D3FBD3; border-color: #0B840B;}
.jelix-msg-error, .jelix-msg-warning {color: #4B0505; font-weight: bold; background: #FCD2D2; border-color: #870808;}
.jelix-msg-info {color: #000; background: #ffffe1; border-color: #d8d1c9;}
.msg-warning {color: #49230a; font-weight: bold; background: #FFE797; border-color: #fa9537;}

.jelix-msg li {padding:3px; margin:0;}
.jelix-msg li.jelix-msg-item-error {background-color: #F6B1B1;}
.jelix-msg li.jelix-msg-item-warning {background-color: #F6CAB1;}

/* ====== Logon ====== */
#login-content {
   margin: 4em auto;
   background-color:#E6E2DD;
   width:25em;
   padding:6px;
   border: 1px solid #CCC6BC;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    text-align:center;
}

#login-content form {background: none; border: none;}
#login-content fieldset {border:0;}

#login-content table {width:100%;}
#login-content th,#login-content td { width:50%;}
#login-content th {text-align:right; font-weight: bold; padding: 5px;}
#login-content td {text-align:left; padding: 5px;}
#login-content td, #login-content th {border: none;}

#login-content input[type=submit] {margin: 5px 0px 5px 96px;}

/* ====== Donation Counter ====== */
#dc {padding: 20px 20px 0;}

#dc dl {
    margin-left: 10px;
    border: 1px solid #D1E0F3;
    background-color: #FBFCFE;
    padding-bottom: 20px;
    -webkit-border-radius: 0.4em; 
    -moz-border-radius: 0.4em; 
    border-radius: 0.4em;
    font-weight: bold;
}

#dc dl#dc-number {margin-left: 0;}

#dc dt, #dc dd {text-shadow: 1px 1px 0 #FFFFFF;}

#dc dd {
    padding-bottom: 0px;
    font-size: 182%;
    color: #3072B3;
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON */

.button, input[type=submit] { 
    position: relative; 
    overflow: visible; 
    display: inline-block; 
    padding: 0.5em 1em; 
    border: 1px solid #d4d4d4; 
    margin: 0;
    text-decoration: none; 
    text-shadow: 1px 1px 0 #fff; 
    font:11px/normal sans-serif; 
    color: #333; 
    white-space: nowrap;
    cursor: hand;
    cursor: pointer; 
    outline: none; 
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box; 
    /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
    -webkit-border-radius: 0.2em; 
    -moz-border-radius: 0.2em; 
    border-radius: 0.2em; 
    /* IE hacks */
    zoom: 1; 
    *display: inline; 
}

.data .action .button, 
.data .action input[type="submit"] {
    margin-top: 2px;
    margin-bottom: 2px;
}

.button:hover,
.button:focus,
.button:active,
.button.active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3); 
    color: #fff; 
    background-color: #3C8DDE;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}

.button:active,
.button.active,
input[type=submit]:active {
    border-color: #2a65a0;
    border-bottom-color: #3884CF;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
    background-image: -moz-linear-gradient(#3072b3, #599bdc);
    background-image: -o-linear-gradient(#3072b3, #599bdc);
    background-image: linear-gradient(#3072b3, #599bdc);
}

.button.disabled {
    border: 1px solid #d4d4d4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    color: #b5b5b5;
}

/* overrides extra padding on button elements in Firefox */
.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* ............................................................................................................. Icons */

.button.icon:before {
    content: "";
    position: relative;
    top: 1px;
    float:left;
    width: 12px;
    height: 12px;
    margin: 0 0.75em 0 -0.25em;
    background: url(../img/icons/icons.png) 0 99px no-repeat;
}

.nobutton.icon  {
    position: absolute; 
    width: 12px; 
    height: 12px; 
	border:0;
	margin: 0.3em 0.75em 0em 0.5em; 
    background: url(../img/icons/icons.png) 0 99px no-repeat;
}

.nobutton.arrowup.icon  { background-position: 0 0; }
.nobutton.arrowdown.icon  { background-position: 0 -12px; }
.nobutton.arrowleft.icon { background-position: 0 -24px; }
.nobutton.arrowright.icon { background-position: 0 -36px; }
.nobutton.approve.icon { background-position: 0 -48px; }
.nobutton.add.icon { background-position: 0 -288px; }
.nobutton.remove.icon { background-position: 0 -59px; }
.nobutton.log.icon { background-position: 0 -72px; }
.nobutton.calendar.icon { background-position: 0 -84px; }
.nobutton.chat.icon  { background-position: 0 -96px; }
.nobutton.clock.icon { background-position: 0 -108px; }
.nobutton.settings.icon { background-position: 0 -120px; }
.nobutton.comment.icon  { background-position: 0 -132px; }
.nobutton.fork.icon { background-position: 0 -144px; }
.nobutton.like.icon { background-position: 0 -156px; }
.nobutton.favorite.icon  { background-position: 0 -348px; }
.nobutton.home.icon { background-position: 0 -168px; }
.nobutton.key.icon { background-position: 0 -180px; }
.nobutton.lock.icon { background-position: 0 -192px; }
.nobutton.unlock.icon { background-position: 0 -204px; }
.nobutton.loop.icon { background-position: 0 -216px; }
.nobutton.search.icon { background-position: 0 -228px; }
.nobutton.mail.icon { background-position: 0 -240px; }
.nobutton.move.icon { background-position: 0 -252px; }
.nobutton.edit.icon { background-position: 0 -264px; }
.nobutton.pin.icon { background-position: 0 -276px; }
.nobutton.reload.icon { background-position: 0 -300px; }
.nobutton.rss.icon { background-position: 0 -312px; }
.nobutton.tag.icon { background-position: 0 -324px; }
.nobutton.trash.icon { background-position: 0 -336px; }
.nobutton.user.icon { background-position: 0 -360px; }

.button.arrowup.icon:before { background-position: 0 0; }
.button.arrowup.icon:hover:before,
.button.arrowup.icon:focus:before,
.button.arrowup.icon:active:before { background-position: -12px 0; }

.button.arrowdown.icon:before { background-position: 0 -12px; }
.button.arrowdown.icon:hover:before,
.button.arrowdown.icon:focus:before,
.button.arrowdown.icon:active:before { background-position: -12px -12px; }

.button.arrowleft.icon:before { background-position: 0 -24px; }
.button.arrowleft.icon:hover:before,
.button.arrowleft.icon:focus:before,
.button.arrowleft.icon:active:before { background-position: -12px -24px; }

.button.arrowright.icon:before { float:right; margin: 0 -0.25em 0 0.5em; background-position: 0 -36px; }
.button.arrowright.icon:hover:before,
.button.arrowright.icon:focus:before,
.button.arrowright.icon:active:before { background-position: -12px -36px; }

.button.approve.icon:before { background-position: 0 -48px; }
.button.approve.icon:hover:before,
.button.approve.icon:focus:before,
.button.approve.icon:active:before { background-position: -12px -48px; }

.button.add.icon:before { background-position: 0 -288px; }
.button.add.icon:hover:before,
.button.add.icon:focus:before,
.button.add.icon:active:before { background-position: -12px -288px; }

.button.remove.icon:before { background-position: 0 -59px; }
.button.remove.icon:hover:before,
.button.remove.icon:focus:before,
.button.remove.icon:active:before { background-position: -12px -59px; }

.button.log.icon:before { background-position: 0 -72px; }
.button.log.icon:hover:before,
.button.log.icon:focus:before,
.button.log.icon:active:before { background-position: -12px -72px; }

.button.calendar.icon:before { background-position: 0 -84px; }
.button.calendar.icon:hover:before,
.button.calendar.icon:focus:before,
.button.calendar.icon:active:before { background-position: -12px -84px; }

.button.chat.icon:before { background-position: 0 -96px; }
.button.chat.icon:hover:before,
.button.chat.icon:focus:before,
.button.chat.icon:active:before { background-position: -12px -96px; }

.button.clock.icon:before { background-position: 0 -108px; }
.button.clock.icon:hover:before,
.button.clock.icon:focus:before,
.button.clock.icon:active:before { background-position: -12px -108px; }

.button.settings.icon:before { background-position: 0 -120px; }
.button.settings.icon:hover:before,
.button.settings.icon:focus:before,
.button.settings.icon:active:before { background-position: -12px -120px; }

.button.comment.icon:before { background-position: 0 -132px; }
.button.comment.icon:hover:before,
.button.comment.icon:focus:before,
.button.comment.icon:active:before { background-position: -12px -132px; }

.button.fork.icon:before { background-position: 0 -144px; }
.button.fork.icon:hover:before,
.button.fork.icon:focus:before,
.button.fork.icon:active:before { background-position: -12px -144px; }

.button.like.icon:before { background-position: 0 -156px; }
.button.like.icon:hover:before,
.button.like.icon:focus:before,
.button.like.icon:active:before { background-position: -12px -156px; }

.button.favorite.icon:before { background-position: 0 -348px; }
.button.favorite.icon:hover:before,
.button.favorite.icon:focus:before,
.button.favorite.icon:active:before { background-position: -12px -348px; }

.button.home.icon:before { background-position: 0 -168px; }
.button.home.icon:hover:before,
.button.home.icon:focus:before,
.button.home.icon:active:before { background-position: -12px -168px; }

.button.key.icon:before { background-position: 0 -180px; }
.button.key.icon:hover:before,
.button.key.icon:focus:before,
.button.key.icon:active:before { background-position: -12px -180px; }

.button.lock.icon:before { background-position: 0 -192px; }
.button.lock.icon:hover:before,
.button.lock.icon:focus:before,
.button.lock.icon:active:before { background-position: -12px -192px; }

.button.unlock.icon:before { background-position: 0 -204px; }
.button.unlock.icon:hover:before,
.button.unlock.icon:focus:before,
.button.unlock.icon:active:before { background-position: -12px -204px; }

.button.loop.icon:before { background-position: 0 -216px; }
.button.loop.icon:hover:before,
.button.loop.icon:focus:before,
.button.loop.icon:active:before { background-position: -12px -216px; }

.button.search.icon:before { background-position: 0 -228px; }
.button.search.icon:hover:before,
.button.search.icon:focus:before,
.button.search.icon:active:before { background-position: -12px -228px; }

.button.mail.icon:before { background-position: 0 -240px; }
.button.mail.icon:hover:before,
.button.mail.icon:focus:before,
.button.mail.icon:active:before { background-position: -12px -240px; }

.button.move.icon:before { background-position: 0 -252px; }
.button.move.icon:hover:before,
.button.move.icon:focus:before,
.button.move.icon:active:before { background-position: -12px -252px; }

.button.edit.icon:before { background-position: 0 -264px; }
.button.edit.icon:hover:before,
.button.edit.icon:focus:before,
.button.edit.icon:active:before { background-position: -12px -264px; }

.button.pin.icon:before { background-position: 0 -276px; }
.button.pin.icon:hover:before,
.button.pin.icon:focus:before,
.button.pin.icon:active:before { background-position: -12px -276px; }

.button.reload.icon:before { background-position: 0 -300px; }
.button.reload.icon:hover:before,
.button.reload.icon:focus:before,
.button.reload.icon:active:before { background-position: -12px -300px; }

.button.rss.icon:before { background-position: 0 -312px; }
.button.rss.icon:hover:before,
.button.rss.icon:focus:before,
.button.rss.icon:active:before { background-position: -12px -312px; }

.button.tag.icon:before { background-position: 0 -324px; }
.button.tag.icon:hover:before,
.button.tag.icon:focus:before,
.button.tag.icon:active:before { background-position: -12px -324px; }

.button.trash.icon:before { background-position: 0 -336px; }
.button.trash.icon:hover:before,
.button.trash.icon:focus:before,
.button.trash.icon:active:before { background-position: -12px -336px; }

.button.user.icon:before { background-position: 0 -360px; }
.button.user.icon:hover:before,
.button.user.icon:focus:before,
.button.user.icon:active:before { background-position: -12px -360px; }


/* ------------------------------------------------------------------------------------------------------------- BUTTON EXTENSIONS */

/* ............................................................................................................. Primary */

.button.primary {
    font-weight: bold;
}

/* ............................................................................................................. Danger */

.button.danger {
    color: #900;
}

.button.danger:hover,
.button.danger:focus,
.button.danger:active {     
    border-color: #b53f3a;
    border-bottom-color: #a0302a;
    color: #fff; 
    background-color: #dc5f59;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630));
    background-image: -moz-linear-gradient(#dc5f59, #b33630);
    background-image: -o-linear-gradient(#dc5f59, #b33630);
    background-image: linear-gradient(#dc5f59, #b33630);
}

.button.danger:active,
.button.danger.active {   
    border-color: #a0302a;
    border-bottom-color: #bf4843;
    background-color: #b33630;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b33630), to(#dc5f59));
    background-image: -moz-linear-gradient(#b33630, #dc5f59);
    background-image: -o-linear-gradient(#b33630, #dc5f59);
    background-image: linear-gradient(#b33630, #dc5f59);
}

/* ............................................................................................................. Pill */

.button.pill {
    -webkit-border-radius: 50em; 
    -moz-border-radius: 50em; 
    border-radius: 50em; 
}

/* ............................................................................................................. Disable */

.button.disable {
    opacity: 0.5;
}

/* ............................................................................................................. Big */

.button.big, 
.jforms-submit-buttons input[type=submit], 
#login-content input[type=submit] {
    font-size: 14px; 
}

.button.big.icon:before { top: 0; }


/* ------------------------------------------------------------------------------------------------------------- BUTTON GROUPS */

/* ............................................................................................................. Standard */

.button-group {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    /* IE hacks */
    zoom: 1; 
    *display: inline; 
}

.button + .button,
.button + .button-group,
.button-group + .button,
.button-group + .button-group {
    margin-left: 15px;
}

.button-group li {
    float: left;
    padding: 0;
    margin: 0;
}

.button-group .button {
    float: left;
    margin-left: -1px; 
}

.button-group > .button:not(:first-child):not(:last-child),
.button-group li:not(:first-child):not(:last-child) .button { 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
}

.button-group > .button:first-child,
.button-group li:first-child .button { 
    margin-left: 0; 
    -webkit-border-top-right-radius: 0; 
    -webkit-border-bottom-right-radius: 0; 
    -moz-border-radius-topright: 0; 
    -moz-border-radius-bottomright: 0; 
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0; 
}

.button-group > .button:last-child,
.button-group li:last-child > .button { 
    -webkit-border-top-left-radius: 0; 
    -webkit-border-bottom-left-radius: 0; 
    -moz-border-radius-topleft: 0; 
    -moz-border-radius-bottomleft: 0; 
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0; 
}

/* ............................................................................................................. Minor */

.button-group.minor-group .button {
    border: 1px solid #d4d4d4; 
    text-shadow: none;
    background-image: none;
    background-color: #fff;
}

.button-group.minor-group .button:hover,
.button-group.minor-group .button:focus {
    background-color: #599bdc;
}

.button-group.minor-group .button:active,
.button-group.minor-group .button.active {
    background-color: #3072b3;
}

.button-group.minor-group .button.icon:before {
    opacity: 0.8;
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON CONTAINER */
/* For mixing buttons and button groups, e.g., in a navigation bar */

.button-container .button,
.button-container .button-group {
    vertical-align: top;
}

.jforms-required {
	font-weight:normal !important;
}

/* ------------------------------------------------------------------------------------------------------------- FLAGS */


.flag {
    display: inline-block !important;
    width: 32px !important;
    height: 32px !important;
	background:url(../img/icons/flags.png) no-repeat !important;
    border:none !important;
    vertical-align: middle;
}

.flag.flag-ad {
    background-position: -32px 0 !important;
}

.flag.flag-ae {
    background-position: -64px 0 !important;
}

.flag.flag-af {
    background-position: -96px 0 !important;
}

.flag.flag-ag {
    background-position: -128px 0 !important;
}

.flag.flag-ai {
    background-position: -160px 0 !important;
}

.flag.flag-al {
    background-position: -192px 0 !important;
}

.flag.flag-am {
    background-position: -224px 0 !important;
}

.flag.flag-an {
    background-position: -256px 0 !important;
}

.flag.flag-ao {
    background-position: -288px 0 !important;
}

.flag.flag-ar {
    background-position: -320px 0 !important;
}

.flag.flag-as {
    background-position: -352px 0 !important;
}

.flag.flag-at {
    background-position: -384px 0 !important;
}

.flag.flag-au {
    background-position: -416px 0 !important;
}

.flag.flag-aw {
    background-position: -448px 0 !important;
}

.flag.flag-ax {
    background-position: -480px 0 !important;
}

.flag.flag-az {
    background-position: 0 -32px !important;
}

.flag.flag-ba {
    background-position: -32px -32px !important;
}

.flag.flag-bb {
    background-position: -64px -32px !important;
}

.flag.flag-bd {
    background-position: -96px -32px !important;
}

.flag.flag-be {
    background-position: -128px -32px !important;
}

.flag.flag-bf {
    background-position: -160px -32px !important;
}

.flag.flag-bg {
    background-position: -192px -32px !important;
}

.flag.flag-bh {
    background-position: -224px -32px !important;
}

.flag.flag-bi {
    background-position: -256px -32px !important;
}

.flag.flag-bj {
    background-position: -288px -32px !important;
}

.flag.flag-bl {
    background-position: -320px -32px !important;
}

.flag.flag-bm {
    background-position: -352px -32px !important;
}

.flag.flag-bn {
    background-position: -384px -32px !important;
}

.flag.flag-bo {
    background-position: -416px -32px !important;
}

.flag.flag-br {
    background-position: -448px -32px !important;
}

.flag.flag-bs {
    background-position: -480px -32px !important;
}

.flag.flag-bt {
    background-position: 0 -64px !important;
}

.flag.flag-bw {
    background-position: -32px -64px !important;
}

.flag.flag-by {
    background-position: -64px -64px !important;
}

.flag.flag-bz {
    background-position: -96px -64px !important;
}

.flag.flag-ca {
    background-position: -128px -64px !important;
}

.flag.flag-cd {
    background-position: -160px -64px !important;
}

.flag.flag-cf {
    background-position: -192px -64px !important;
}

.flag.flag-cg {
    background-position: -224px -64px !important;
}

.flag.flag-ch {
    background-position: -256px -64px !important;
}

.flag.flag-ci {
    background-position: -288px -64px !important;
}

.flag.flag-ck {
    background-position: -320px -64px !important;
}

.flag.flag-cl {
    background-position: -352px -64px !important;
}

.flag.flag-cm {
    background-position: -384px -64px !important;
}

.flag.flag-cn {
    background-position: -416px -64px !important;
}

.flag.flag-cns {
    background-position: -416px -64px !important;
}

.flag.flag-cns::after {
    content: "\7b80";
    font-size: 10pt;
    color: white;
    display: table-cell;
}

.flag.flag-cnt {
    background-position: -416px -64px !important;
}

.flag.flag-co {
    background-position: -448px -64px !important;
}

.flag.flag-cr {
    background-position: -480px -64px !important;
}

.flag.flag-cu {
    background-position: 0 -96px !important;
}

.flag.flag-cv {
    background-position: -32px -96px !important;
}

.flag.flag-cw {
    background-position: -64px -96px !important;
}

.flag.flag-cy {
    background-position: -96px -96px !important;
}

.flag.flag-cz {
    background-position: -128px -96px !important;
}

.flag.flag-de {
    background-position: -160px -96px !important;
}

.flag.flag-dj {
    background-position: -192px -96px !important;
}

.flag.flag-dk {
    background-position: -224px -96px !important;
}

.flag.flag-dm {
    background-position: -256px -96px !important;
}

.flag.flag-do {
    background-position: -288px -96px !important;
}

.flag.flag-dz {
    background-position: -320px -96px !important;
}

.flag.flag-ec {
    background-position: -352px -96px !important;
}

.flag.flag-ee {
    background-position: -384px -96px !important;
}

.flag.flag-eg {
    background-position: -416px -96px !important;
}

.flag.flag-eh {
    background-position: -448px -96px !important;
}

.flag.flag-er {
    background-position: -480px -96px !important;
}

.flag.flag-es {
    background-position: 0 -128px !important;
}

.flag.flag-et {
    background-position: -32px -128px !important;
}

.flag.flag-eu {
    background-position: -64px -128px !important;
}

.flag.flag-fi {
    background-position: -96px -128px !important;
}

.flag.flag-fj {
    background-position: -128px -128px !important;
}

.flag.flag-fk {
    background-position: -160px -128px !important;
}

.flag.flag-fm {
    background-position: -192px -128px !important;
}

.flag.flag-fo {
    background-position: -224px -128px !important;
}

.flag.flag-fr {
    background-position: -256px -128px !important;
}

.flag.flag-ga {
    background-position: -288px -128px !important;
}

.flag.flag-gb {
    background-position: -320px -128px !important;
}

.flag.flag-gd {
    background-position: -352px -128px !important;
}

.flag.flag-ge {
    background-position: -384px -128px !important;
}

.flag.flag-gg {
    background-position: -416px -128px !important;
}

.flag.flag-gh {
    background-position: -448px -128px !important;
}

.flag.flag-gi {
    background-position: -480px -128px !important;
}

.flag.flag-gl {
    background-position: 0 -160px !important;
}

.flag.flag-gm {
    background-position: -32px -160px !important;
}

.flag.flag-gn {
    background-position: -64px -160px !important;
}

.flag.flag-gq {
    background-position: -96px -160px !important;
}

.flag.flag-gr {
    background-position: -128px -160px !important;
}

.flag.flag-gs {
    background-position: -160px -160px !important;
}

.flag.flag-gt {
    background-position: -192px -160px !important;
}

.flag.flag-gu {
    background-position: -224px -160px !important;
}

.flag.flag-gw {
    background-position: -256px -160px !important;
}

.flag.flag-gy {
    background-position: -288px -160px !important;
}

.flag.flag-hk {
    background-position: -320px -160px !important;
}

.flag.flag-hn {
    background-position: -352px -160px !important;
}

.flag.flag-hr {
    background-position: -384px -160px !important;
}

.flag.flag-ht {
    background-position: -416px -160px !important;
}

.flag.flag-hu {
    background-position: -448px -160px !important;
}

.flag.flag-ic {
    background-position: -480px -160px !important;
}

.flag.flag-id {
    background-position: 0 -192px !important;
}

.flag.flag-ie {
    background-position: -32px -192px !important;
}

.flag.flag-il {
    background-position: -64px -192px !important;
}

.flag.flag-im {
    background-position: -96px -192px !important;
}

.flag.flag-in {
    background-position: -128px -192px !important;
}

.flag.flag-iq {
    background-position: -160px -192px !important;
}

.flag.flag-ir {
    background-position: -192px -192px !important;
}

.flag.flag-is {
    background-position: -224px -192px !important;
}

.flag.flag-it {
    background-position: -256px -192px !important;
}

.flag.flag-je {
    background-position: -288px -192px !important;
}

.flag.flag-jm {
    background-position: -320px -192px !important;
}

.flag.flag-jo {
    background-position: -352px -192px !important;
}

.flag.flag-jp {
    background-position: -384px -192px !important;
}

.flag.flag-ke {
    background-position: -416px -192px !important;
}

.flag.flag-kg {
    background-position: -448px -192px !important;
}

.flag.flag-kh {
    background-position: -480px -192px !important;
}

.flag.flag-ki {
    background-position: 0 -224px !important;
}

.flag.flag-km {
    background-position: -32px -224px !important;
}

.flag.flag-kn {
    background-position: -64px -224px !important;
}

.flag.flag-kp {
    background-position: -96px -224px !important;
}

.flag.flag-kr {
    background-position: -128px -224px !important;
}

.flag.flag-kw {
    background-position: -160px -224px !important;
}

.flag.flag-ky {
    background-position: -192px -224px !important;
}

.flag.flag-kz {
    background-position: -224px -224px !important;
}

.flag.flag-la {
    background-position: -256px -224px !important;
}

.flag.flag-lb {
    background-position: -288px -224px !important;
}

.flag.flag-lc {
    background-position: -320px -224px !important;
}

.flag.flag-li {
    background-position: -352px -224px !important;
}

.flag.flag-lk {
    background-position: -384px -224px !important;
}

.flag.flag-lr {
    background-position: -416px -224px !important;
}

.flag.flag-ls {
    background-position: -448px -224px !important;
}

.flag.flag-lt {
    background-position: -480px -224px !important;
}

.flag.flag-lu {
    background-position: 0 -256px !important;
}

.flag.flag-lv {
    background-position: -32px -256px !important;
}

.flag.flag-ly {
    background-position: -64px -256px !important;
}

.flag.flag-ma {
    background-position: -96px -256px !important;
}

.flag.flag-mc {
    background-position: -128px -256px !important;
}

.flag.flag-md {
    background-position: -160px -256px !important;
}

.flag.flag-me {
    background-position: -192px -256px !important;
}

.flag.flag-mf {
    background-position: -224px -256px !important;
}

.flag.flag-mg {
    background-position: -256px -256px !important;
}

.flag.flag-mh {
    background-position: -288px -256px !important;
}

.flag.flag-mk {
    background-position: -320px -256px !important;
}

.flag.flag-ml {
    background-position: -352px -256px !important;
}

.flag.flag-mm {
    background-position: -384px -256px !important;
}

.flag.flag-mn {
    background-position: -416px -256px !important;
}

.flag.flag-mo {
    background-position: -448px -256px !important;
}

.flag.flag-mp {
    background-position: -480px -256px !important;
}

.flag.flag-mq {
    background-position: 0 -288px !important;
}

.flag.flag-mr {
    background-position: -32px -288px !important;
}

.flag.flag-ms {
    background-position: -64px -288px !important;
}

.flag.flag-mt {
    background-position: -96px -288px !important;
}

.flag.flag-mu {
    background-position: -128px -288px !important;
}

.flag.flag-mv {
    background-position: -160px -288px !important;
}

.flag.flag-mw {
    background-position: -192px -288px !important;
}

.flag.flag-mx {
    background-position: -224px -288px !important;
}

.flag.flag-my {
    background-position: -256px -288px !important;
}

.flag.flag-mz {
    background-position: -288px -288px !important;
}

.flag.flag-na {
    background-position: -320px -288px !important;
}

.flag.flag-nc {
    background-position: -352px -288px !important;
}

.flag.flag-ne {
    background-position: -384px -288px !important;
}

.flag.flag-nf {
    background-position: -416px -288px !important;
}

.flag.flag-ng {
    background-position: -448px -288px !important;
}

.flag.flag-ni {
    background-position: -480px -288px !important;
}

.flag.flag-nl {
    background-position: 0 -320px !important;
}

.flag.flag-no {
    background-position: -32px -320px !important;
}

.flag.flag-np {
    background-position: -64px -320px !important;
}

.flag.flag-nr {
    background-position: -96px -320px !important;
}

.flag.flag-nu {
    background-position: -128px -320px !important;
}

.flag.flag-nz {
    background-position: -160px -320px !important;
}

.flag.flag-om {
    background-position: -192px -320px !important;
}

.flag.flag-pa {
    background-position: -224px -320px !important;
}

.flag.flag-pe {
    background-position: -256px -320px !important;
}

.flag.flag-pf {
    background-position: -288px -320px !important;
}

.flag.flag-pg {
    background-position: -320px -320px !important;
}

.flag.flag-ph {
    background-position: -352px -320px !important;
}

.flag.flag-pk {
    background-position: -384px -320px !important;
}

.flag.flag-pl {
    background-position: -416px -320px !important;
}

.flag.flag-pn {
    background-position: -448px -320px !important;
}

.flag.flag-pr {
    background-position: -480px -320px !important;
}

.flag.flag-ps {
    background-position: 0 -352px !important;
}

.flag.flag-pt {
    background-position: -32px -352px !important;
}

.flag.flag-pw {
    background-position: -64px -352px !important;
}

.flag.flag-py {
    background-position: -96px -352px !important;
}

.flag.flag-qa {
    background-position: -128px -352px !important;
}

.flag.flag-ro {
    background-position: -160px -352px !important;
}

.flag.flag-rs {
    background-position: -192px -352px !important;
}

.flag.flag-ru {
    background-position: -224px -352px !important;
}

.flag.flag-rw {
    background-position: -256px -352px !important;
}

.flag.flag-sa {
    background-position: -288px -352px !important;
}

.flag.flag-sb {
    background-position: -320px -352px !important;
}

.flag.flag-sc {
    background-position: -352px -352px !important;
}

.flag.flag-sd {
    background-position: -384px -352px !important;
}

.flag.flag-se {
    background-position: -416px -352px !important;
}

.flag.flag-sg {
    background-position: -448px -352px !important;
}

.flag.flag-sh {
    background-position: -480px -352px !important;
}

.flag.flag-si {
    background-position: 0 -384px !important;
}

.flag.flag-sk {
    background-position: -32px -384px !important;
}

.flag.flag-sl {
    background-position: -64px -384px !important;
}

.flag.flag-sm {
    background-position: -96px -384px !important;
}

.flag.flag-sn {
    background-position: -128px -384px !important;
}

.flag.flag-so {
    background-position: -160px -384px !important;
}

.flag.flag-sr {
    background-position: -192px -384px !important;
}

.flag.flag-ss {
    background-position: -224px -384px !important;
}

.flag.flag-st {
    background-position: -256px -384px !important;
}

.flag.flag-sv {
    background-position: -288px -384px !important;
}

.flag.flag-sy {
    background-position: -320px -384px !important;
}

.flag.flag-sz {
    background-position: -352px -384px !important;
}

.flag.flag-tc {
    background-position: -384px -384px !important;
}

.flag.flag-td {
    background-position: -416px -384px !important;
}

.flag.flag-tf {
    background-position: -448px -384px !important;
}

.flag.flag-tg {
    background-position: -480px -384px !important;
}

.flag.flag-th {
    background-position: 0 -416px !important;
}

.flag.flag-tj {
    background-position: -32px -416px !important;
}

.flag.flag-tk {
    background-position: -64px -416px !important;
}

.flag.flag-tl {
    background-position: -96px -416px !important;
}

.flag.flag-tm {
    background-position: -128px -416px !important;
}

.flag.flag-tn {
    background-position: -160px -416px !important;
}

.flag.flag-to {
    background-position: -192px -416px !important;
}

.flag.flag-tr {
    background-position: -224px -416px !important;
}

.flag.flag-tt {
    background-position: -256px -416px !important;
}

.flag.flag-tv {
    background-position: -288px -416px !important;
}

.flag.flag-tw {
    background-position: -320px -416px !important;
}

.flag.flag-tz {
    background-position: -352px -416px !important;
}

.flag.flag-ua {
    background-position: -384px -416px !important;
}

.flag.flag-ug {
    background-position: -416px -416px !important;
}

.flag.flag-us {
    background-position: -448px -416px !important;
}

.flag.flag-uy {
    background-position: -480px -416px !important;
}

.flag.flag-uz {
    background-position: 0 -448px !important;
}

.flag.flag-va {
    background-position: -32px -448px !important;
}

.flag.flag-vc {
    background-position: -64px -448px !important;
}

.flag.flag-ve {
    background-position: -96px -448px !important;
}

.flag.flag-vg {
    background-position: -128px -448px !important;
}

.flag.flag-vi {
    background-position: -160px -448px !important;
}

.flag.flag-vn {
    background-position: -192px -448px !important;
}

.flag.flag-vu {
    background-position: -224px -448px !important;
}

.flag.flag-wf {
    background-position: -256px -448px !important;
}

.flag.flag-ws {
    background-position: -288px -448px !important;
}

.flag.flag-ye {
    background-position: -320px -448px !important;
}

.flag.flag-yt {
    background-position: -352px -448px !important;
}

.flag.flag-za {
    background-position: -384px -448px !important;
}

.flag.flag-zm {
    background-position: -416px -448px !important;
}

.flag.flag-zw {
    background-position: -448px -448px !important;
}


/* Super admin Page */
[id^=su_][id$=_page] form {
    background: #FFF;
    border: none;
}

[id^=su_][id$=_page] fieldset, fieldset.su_only {
    background: #F6B1B1 url("../img/leftcol-bg.png") repeat-y 2px 0 !important;
}

p.su_only {
    background: #F6B1B1  url("../img/leftcol-bg.png") repeat-y !important;
    border: 1px solid #ffc1c5;
}

li.su_only {
    background: #F6B1B1 !important;
}

[id^=su_][id$=_page] form p, p.su_only, .su_only p {
    border-top: 1px solid #ffc1c5 !important;
    border-bottom: 1px solid #ffc1c5 !important;
}

[id^=su_][id$=_page] table, [id^=su_][id$=_page] td{
    border: 1px solid #ffc1c5;
}

[id^=su_][id$=_page] textarea {
    width: 100%;
}

[id^=su_][id$=_page] {
    word-wrap: break-word;
    word-break: break-all;
}

[id^=su_][id$=_page] h3, [id^=su_][id$=_page] h4 {
    padding: 5px 20px;
}

[id^=su_][id$=_page] h3, h3.su_only, #manager h3, #bloc-preview h3, #jforms h3 {
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #FFF;
}

[id^=su_][id$=_page] h3, .su_only h3 {
    background: #d56754 url("../img/leftcol-bg.png") repeat-y 1px 0;
}

[id^=su_][id$=_page] h4, .su_only h4 {
    background: #d56754 url("../img/leftcol-bg.png") repeat-y 1px 0 !important;
    color:black !important;
    font-size: 100% !important;
    font-weight: bold !important;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #FFF !important;
    border: 1px solid #ffc1c5 !important;
}

[id^=su_][id$=_page] thead tr{
    background: #d56754;
}

.menu  [id^=su_] a{
    color:#990000;
}

.suspectPaymentRequested td, p.suspectPaymentRequested {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.suspectPaymentRequested .action{
    opacity: 1;
    filter: alpha(opacity=100);
}

[id^=lang_]{
    opacity: 0.4;
}

[id^=lang_]:not(.active):hover{
    opacity: 0.6;
    border-radius: 50%;
}

[id^=lang_].active{
    opacity: 1;
}

.url:before{
    background: url(../img/icons/globe.svg) no-repeat ;
    content: '';
    float:left;
    background-size: 80%;
    height: 16px;
    width: 16px;
    margin-top: 2px;
    overflow: hidden;
}
.urlcode{
    font-size: 120%;
    opacity: 0.7;
    font-family: monospace;
}


#manager_front_langs span{
    cursor: pointer;
}

.togglable{
    cursor: pointer;
}

/**
 * Tooltips!
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition:
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0);
    pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    background-color: #FABB00;
    color: #242424;
    content: attr(data-tooltip);
    line-height: 1.2;
    border-radius: 2px;
    white-space: nowrap;
    left:50%;
    text-shadow: none;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3);
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
    bottom: 100%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: #FABB00;
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
    /* margin-left: -30px;*/
    left:0px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
    -webkit-transform: translateY(-12px);
    -moz-transform:    translateY(-12px);
    transform:         translateY(-12px);
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}

.tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #FABB00;
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform:    translateX(-12px);
    transform:         translateX(-12px);
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 15px;
}

.tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #FABB00;
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform:    translateY(12px);
    transform:         translateY(12px);
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
    bottom: 50%;
    left: 100%;
}

.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #FABB00;
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform:    translateX(12px);
    transform:         translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
    top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}

/**
 * Labels (badges)
 */

.badge {
    display: inline-block;
    padding: 3px 8px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #fff;
    border-radius: 10px;
}
.badge-donation {
    color: white;
    background-color: #232f47;
}
.badge-subscription {
    color: white;
    background-color: #f90b6c;

}
.badge-membership {
    color: white;
    background-color: #a0437b;
}
.badge-purchase {
    color: white;
    background-color: #ffcc00;
}
.badge-sponsorship {
    color: white;
    background-color: #e75a0b;
}
.badge-peertopeer {
    color: white;
    background-color: #7fb338;
}
.badge-peertopeer_subscription {
    color: white;
    background-color: #179151;
}
.badge-upgrade {
    color: white;
    background-color: #cc0000;
}
.badge-close {
    border: 1px solid #d4d4d4;
}

.badge-test {
    border: 1px solid #cc0000;
    color: #cc0000;
}

.jforms-label-ckeditor{
    float: none !important;
    display: block;
    margin-bottom: 5px;
}

/* Loader */

[name=fountainG]{
    position:relative;
    width:234px;
    height:28px;
    margin:auto;
}

.fountainG{
    position:absolute;
    top:0;
    background-color:rgb(255,255,255);
    width:12%;
    height:100%;
    animation-name:bounce_fountainG;
    -o-animation-name:bounce_fountainG;
    -ms-animation-name:bounce_fountainG;
    -webkit-animation-name:bounce_fountainG;
    -moz-animation-name:bounce_fountainG;
    animation-duration:1.5s;
    -o-animation-duration:1.5s;
    -ms-animation-duration:1.5s;
    -webkit-animation-duration:1.5s;
    -moz-animation-duration:1.5s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
    transform:scale(.3);
    -o-transform:scale(.3);
    -ms-transform:scale(.3);
    -webkit-transform:scale(.3);
    -moz-transform:scale(.3);
    border-radius:19px;
    -o-border-radius:19px;
    -ms-border-radius:19px;
    -webkit-border-radius:19px;
    -moz-border-radius:19px;
}

[name=fountainG_1]{
    left:0;
    animation-delay:0.6s;
    -o-animation-delay:0.6s;
    -ms-animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
    -moz-animation-delay:0.6s;
}

[name=fountainG_2]{
    left:12%;
    animation-delay:0.75s;
    -o-animation-delay:0.75s;
    -ms-animation-delay:0.75s;
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
}

[name=fountainG_3]{
    left:25%;
    animation-delay:0.9s;
    -o-animation-delay:0.9s;
    -ms-animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
    -moz-animation-delay:0.9s;
}

[name=fountainG_4]{
    left:37%;
    animation-delay:1.05s;
    -o-animation-delay:1.05s;
    -ms-animation-delay:1.05s;
    -webkit-animation-delay:1.05s;
    -moz-animation-delay:1.05s;
}

[name=fountainG_5]{
    left:50%;
    animation-delay:1.2s;
    -o-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
}

[name=fountainG_6]{
    left:62%;
    animation-delay:1.35s;
    -o-animation-delay:1.35s;
    -ms-animation-delay:1.35s;
    -webkit-animation-delay:1.35s;
    -moz-animation-delay:1.35s;
}

[name=fountainG_7]{
    left:75%;
    animation-delay:1.5s;
    -o-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
}

[name=fountainG_8]{
    left:88%;
    animation-delay:1.64s;
    -o-animation-delay:1.64s;
    -ms-animation-delay:1.64s;
    -webkit-animation-delay:1.64s;
    -moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
    0%{
        transform:scale(1);
        background-color:rgb(22,43,70);
    }

    100%{
        transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes bounce_fountainG{
    0%{
        -o-transform:scale(1);
        background-color:rgb(22,43,70);
    }

    100%{
        -o-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes bounce_fountainG{
    0%{
        -ms-transform:scale(1);
        background-color:rgb(22,43,70);
    }

    100%{
        -ms-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes bounce_fountainG{
    0%{
        -webkit-transform:scale(1);
        background-color:rgb(22,43,70);
    }

    100%{
        -webkit-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes bounce_fountainG{
    0%{
        -moz-transform:scale(1);
        background-color:rgb(22,43,70);
    }

    100%{
        -moz-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

body:not(.ready) *{
    cursor: wait !important;
}

.preview_image, td img{
    max-width:100%;
    max-height:100%;
}

.jscolor{
    width:50px !important;
}