@charset "utf-8";
/*------------------------------------*\
        eve-styles.css
\*------------------------------------*/

/* Design of Template ResponseEve (eve-styles.css) by Silvia Gamsjäger (SiGa)*/
/*
Twitter:            @sg_layout
Author URL:         sg-layout.com
Project URL:        sg-layout.com
Version:            1.0
Date:               January 2012
License:                        MIT License (X11)
                                        http://www.opensource.org/licenses/MIT

Copyright (c) 2012 Silvia Gamsjäger (SiGa)

You´ll find a copy of the license in the files
you´ve downloaded.
*/

/*------------------------------------*\
        MAIN
\*------------------------------------*/
/*@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400);*/
/*@import url(http://fonts.googleapis.com/css?family=Rambla:400,700);*/
html{font-family: Arial, sans-serif;color: #666}
/*body{background:url(../images/bg.jpg) repeat;}*/
body{background-color: #E9E9E9}

.social {text-align: right; position: relative; color: #FFF; padding: 5px 0;}
.social a{ color: #FFF; text-decoration: none;}
.social img {margin-bottom: 0;}

.fc-hdr {text-align: right; position: relative; color: #FFF; padding: 5px 0;}
.fc-hdr a{ color: #FFF; text-decoration: none;}
.fc-hdr img {margin-bottom: 0;}

.total{ color: #aacb46; font-weight: bold; font-size: 1.2em; position:relative; top:1px; left:1px;}
.forumlink {text-decoration:none; color:#FFF; margin-right:40px;  border-bottom: 1px #FFF dashed;}
#forumlinkHeader {text-decoration:none; color:#FFF; margin-right:40px;  border-bottom: 1px #FFF dashed;}
.signuplink {text-decoration:underline;}
.hdrbal {margin-right: 40px;}

#footer-wrapper{
    background-color: #8fa34a;
}

#footer {
    color: #FFF;
    padding: 0 20px 0 20px;
}
#footer p {margin: 0; padding: 10px;}
#footer a {color: #FFF;text-decoration:none;}

/*------------------------------------*\
        HEADER
\*------------------------------------*/

#social-wrapper{
    background: #464646; /* Old browsers */
    background: -moz-linear-gradient(top, #464646 50%, #4e4e4e 100%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#464646), color-stop(100%,#4e4e4e), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #464646 50%,#4e4e4e 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #464646 50%,#4e4e4e 100%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #464646 50%,#4e4e4e 100%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #464646 50%,#4e4e4e 100%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #3c3c3c;
}

    #social-wrapper > .wrapper{
        padding-top: 0;
        padding-bottom: 0;
    }

#fc-hdr-wrap{
    background: #464646; /* Old browsers */
    background: -moz-linear-gradient(top, #464646 50%, #4e4e4e 100%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#464646), color-stop(100%,#4e4e4e), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #464646 50%,#4e4e4e 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #464646 50%,#4e4e4e 100%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #464646 50%,#4e4e4e 100%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #464646 50%,#4e4e4e 100%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #3c3c3c;
}

    #fc-hdr-wrap > .fc-wrapper{
        padding-top: 0;
        padding-bottom: 0;
    }

#header-wrapper{
    background-color: #9db651;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#899d48), to(#9db651));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #899d48, #9db651);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #899d48, #9db651);

    /* IE 10 */
    background: -ms-linear-gradient(top, #899d48, #9db651);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #899d48, #9db651);
    border-bottom: 1px solid #676767;
}

/*------------------------------------*\
        LOGO
\*------------------------------------*/

#logo, #logo img{display:block;width:333px; height:160px;}
#logo{float: left; background:url('../images/fc_logo.png') top center no-repeat; position: relative; margin: 0; z-index: 120; display: inline; top: -10px;/* fixes IE6 margin bug */}
/*#logo img{position:absolute; left:-99999px;}*/

/*------------------------------------*\
        TOP NAVIGATION
\*------------------------------------*/
.nav {list-style:none; margin:0 0 1.5em 0;}
.subnav {list-style:none; margin:0 0 1.5em 0;}

#nav.main{
        float: right;
        text-align:center;
        margin: 0.1em 0 0 0;
        padding: 1.2em 0;
        /*font-family:'Oswald', Arial, sans-serif;*/
        font-family:'Rambla', Arial, sans-serif;
}
#nav.main li {display:inline; float:none;}

#nav.main a{
        display:inline-block;
        padding: 0.6em 1.2em;
        background-color: #f7f7f7;
        color: #333;text-decoration:none;
        text-transform:uppercase;
        /*text-shadow: 1px 1px 1px #fff;*/
        font-size: 1.15em;
        margin: 0 0 0.6em 0;
        -webkit-text-stroke: 0.3px;
}

#nav.main a:hover{color: #333; /*text-shadow: 1px 1px 0 #fff;*/ background-color: #EAFFC4; }

/*#nav.main a.active{color: #fff; text-shadow: 1px 1px 1px #333; font-weight: bold; background-color: #A5C100; letter-spacing: 1px;}*/
/*#nav.main a.active{color: #fff; text-shadow: 1px 1px 1px #333; font-weight: bold; background-color: #819600; letter-spacing: 1px;}*/
#nav.main a.active{
    color: #fdfdfd;
    /*text-shadow: 1px 1px 1px #333;*/
    font-weight: bold;
    /* fallback */
    background-color: #3b5d21;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#678154), to(#3b5d21));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #678154, #3b5d21);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #678154, #3b5d21);

    /* IE 10 */
    background: -ms-linear-gradient(top, #678154, #3b5d21);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #678154, #3b5d21);
    letter-spacing: 1px;
}

#subnav.mainsub{
        float: left;
        text-align:center;
        font-family:'Oswald', Arial, sans-serif;
}
@media (min-width: 721px){
    #subnav.mainsub{
        margin: -15px 0 0 0;
    }
}

#subnav.mainsub li {display:inline; float:none;}

#subnav.mainsub a{
        display:inline-block;
        padding: 0.3em 0.3em;
        /*background-color: #A6CB68; */  /*#226600; #819600; #A5C100;*/
        /*border-radius: 4px;
        border-right: 1px solid #bbb;*/
        /*border-bottom: 2px solid #FFF;*/

        color: #FFF;
        text-decoration:none;
        /*text-shadow: 1px 1px 1px #eee;*/
        font-weight: lighter;
        font-size: 1em;
        margin: 0 0.6em 0 0;
}
/*#subnav.mainsub a:hover{color: #fff; text-shadow: 1px 1px 1px #111; background-color: #96B000; }*/
#subnav.mainsub a:hover{color: #226600; /* background-color: #819600; */
  /*border-bottom: 2px solid #226600;*/
}

#subnav.mainsub a.active{
    color: #226600;
    font-weight: 350;
    /*background-color: #819600; letter-spacing: 1px;*/
    /*border-bottom: 2px solid #226600;*/
    font-weight: 550;

 /*  margin: 0 0.1em 0.6em 0.1em;*/
}

#nav li span {display: block; font-size: 10px; color: #666; text-shadow: none; line-height: 8px;}

/*------------------------------------*\
        TYPE
\*------------------------------------*/
/* @font-face kit by Fonts2u (http://www.fonts2u.com/oswald.schriftart) */
/* Font Oswald, SIL-licenced, author Vernon Adams */
/*@font-face {font-family:"Oswald";src:url("//www.fusioncash.net/css/Oswald.eot?") format("eot"),url("//www.fusioncash.net/css/Oswald.woff") format("woff"),url("//www.fusioncash.net/css/Oswald.ttf") format("truetype"),url("//www.fusioncash.net/css/Oswald.svg#Oswald") format("svg");font-weight:normal;font-style:normal;}*/
/*@import url(//fonts.googleapis.com/css?family=Oswald);*/

/*--- HEADINGS ---*/
h1, h2, h3, h4, h5, h6 {
        font-family: 'Oswald', Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #226600;
        text-shadow: 1px 1px 0px #6D8901;
}

h1{font-size:2.3em;     margin-bottom:0.6em; line-height:1.5;}
h2{font-size:2.1em;     margin-bottom:0.8em; line-height:1.4em;}
h3{font-size:1.9em; margin-bottom:0.8em; line-height:1.3;}
h4{font-size:1.5em;     margin-bottom:0.6em; line-height:auto; text-shadow: none; font-weight:bold;}
h5{font-size:1.3em; margin-bottom:0.3em; text-shadow: none; line-height:auto;}
h6{font-size:1.2em; margin-bottom:0.5em; text-shadow: none; line-height:auto;}
/*------------------------------------*\
        CLASSES
\*------------------------------------*/
/*
Some not-too-pretty and insemantic classes to do odd jobs.
*/
.left   { float:left!important; }
.right, .rightbns  { float:right!important; }

.right > img {
    width: 50% !important;
}

.intro {padding: 10px 0; color: #999;}
.intro h2 {font-size: 3em; line-height: 1em; letter-spacing: -1px; text-transform:uppercase; padding-right:15px; margin: 0 0 0 0;}
.intro p {font-family: 'Oswald', Arial, sans-serif; font-size: 1.9em; line-height: 1.2em; letter-spacing: -2px; padding-right: 15px;}
.introsmall {padding: 0 15px 0 15px;}
.quote {font-family: Arial, sans-serif; font-size: 1.4em; letter-spacing: -1px; font-style: italic; line-height: 1.3em; } /*a styled quote in addition to blockquote*/
.quote span {display: block; font-size: 0.7em; padding-top: 10px; font-style: normal;}

/*Colored boxes, green and grey*/
.green, .grey {
    zoom: 1;
    /*border-top: 1px solid #fff;*/
    border-bottom: 1px solid #fff;
    margin-bottom: 15px!important;}
.green {background-color: #edfac5;}
.grey {background-color: #EFEFEF;}
.white {background-color: white;}
.green p, .grey p { /*padding:10px 30px 0;*/padding: 10px 10px 10px 36px;  }
.green h2, .grey h2, .green h3, .grey h3, .green h4, .grey h4 {border-bottom: 5px solid #fff; margin-bottom: 0; }
.green h2, .grey h2, .green h3, .grey h3, .green h4, .grey h4, .green h5, .grey h5, .green h6, .grey h6 {padding: 0px 30px; line-height: 1.7em;}

/*Additional whitespace top,bottom or both for any element. You don´t have to use hr or lots of <br />*/
.top {margin-top: 30px!important;}
.tophalf {margin-top: 15px!important;}
.topfive {margin-top: 5px!important;}
.bottom {margin-bottom: 30px!important;}
.bottomhalf {margin-bottom: 15px!important;}
.bottomfive {margin-bottom: 5px!important;}

.ticker {border: none!important; background: none!important; line-height: auto;}
.offerimg {  -moz-box-shadow: 3px 3px 3px #7C7C7C; -webkit-box-shadow: 3px 3px 3px #7C7C7C; box-shadow: 3px 3px 3px #7C7C7C; margin-bottom: 2px; }
.padleft {padding-left: 50px;}
.padright {padding-right: 50px;}
.offergrid {
    zoom: 1;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 10px!important;
    padding-top: 10px!important;
    background-color: #F6F6F6;
    -webkit-transition: all 0.4s ease-in 0.1s;
    -moz-transition: all 0.4s ease-in 0.1s;
}
.offermarked {background:#E0FFE8; -webkit-transition: background 0.4s ease-in 0.1s;  -moz-transition: background 0.4s ease-in 0.1s;}
.offerhr {margin: 0px; padding: 0px; }
.anylinkcss{position:absolute;visibility: hidden;border:1px solid black;border-bottom-width: 0;font:normal 12px Verdana;line-height: 18px;z-index: 100;background-color: #E9FECB;border: 1px solid #006400; padding: 5px; width: 260px;}
.logoutbox{position:absolute;visibility: hidden;border:1px solid black;border-bottom-width: 0;z-index: 100; width: 130px; border: inherit; background-color:lightgrey;font:inherit;line-height:inherit; padding: 0 0 0 0; margin: 0 0 0 0;}
.logoutbutton{padding:5px;}
.anylinkcss a{width: auto;display: inline;text-indent: 0;border-bottom: 0;padding:0;text-decoration: none;font-weight:normal;text-indent:0}
.anylinkcss a:hover{ background-color: darkgrey; color: white; }
.pagination { text-align: center; margin: 20px }
.pagination a, .pagination strong { background: #fff; display: inline-block; margin-right: 3px; padding: 4px 12px; text-decoration: none; line-height: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.pagination a:hover { background-color: #BEBEBE; color: #fff; }
.pagination a:active { background: rgba(190, 190, 190, 0.75); }
.pagination strong { color: #fff; background-color: #BEBEBE; }
.eightpxtxt { margin: 8px; }
.offer3grid {height:145px;}
.offer3gridtall {height:180px;}
.offer3gridverytall {height:205px;}
.ptctextad p {padding: 3px; margin: 0; border: 1px dotted;background-color: white;font-size:0.9em;}
.ptctextadtxt :hover {text-decoration: none; color: black;}
.nomargin {padding-top:0;padding-bottom:0}
.nopadding {margin-top:0;margin-bottom:0}
.biggertxt {font-size:1.15em;}
.slightlybiggertxt {font-size:1.10em;font-weight:500;}
.muchbiggertxt {font-size:1.3em;}
.evenbiggertxt {font-size:1.4em;}
.smallertxt {font-size:0.85em;}
.fcsblurb { padding-left: 10.5em; padding-right: 3em; text-indent: -2.5em; position: relative; top: -1.3em; }
.msgholder {text-align: center; margin-left: 15px; margin-right: 30px;}
.bluetxt {color:blue;}
.redtxt {color:red;}
.greentxt {color:green;}
.darkgreentxt {color:darkgreen;}
.darkredtxt {color:darkred;}
.greytxt {color:grey;}
.darkgreytxt {color:darkgrey;}
.whitetxt {color:white;}
.blacktxt {color:black;}
.bolded{font-weight:bold;}
.rightmarg{margin-right:25px; margin-bottom:0}
.leftmarg{margin-left:25px; margin-bottom:0}
.rightmargsm{margin-right:15px;}
.leftmargsm{margin-left:15px;}
.rightmargbig{margin-right:75px;}
.leftmargbig{margin-left:75px;}
.bottommargsm{margin-bottom:7px;}
.adhborder{border:1px solid black; height:64px; width:238px;}
.dcebox{border: 1px solid darkgray; min-height:60px; width: 650px; margin: 0 auto; padding: 15px;}
.hiddensubmit{position: absolute; left: -9999px; width: 1px; height: 1px;}
.w45{width: 45px;}
.w75{width: 75px;}
.w120{width:120px;}
.w150{width: 150px;}
.w170{width: 170px;}
.w190{width: 190px;}
.w200{width: 200px;}
.w234{width: 234px;}
.w240{width: 240px;}
.w250{width: 250px;}
.w300{width: 300px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w468{width: 468px;}
.w600{width: 600px;}
.w800{width: 800px;}
.w900{width: 900px;}
.wfull{width:100%;}
.h60{height:60px;}
.h64{height:64px;}
.h250{height:250px;}
.h350{height:350px;}
.min1200{min-height:1200px;}
.smborder {border:1px solid darkgray}
.highli li {margin-top:15px;}
.tositem {margin-right: 52px; margin-left: 0px; font-size: 1.2em; padding-left:0;padding-right:0;margin-right:0;}
.tosli{list-style-image: none;}
.toslirom{list-style-image: none;list-style-type: lower-roman;padding-top:5px;}
.toslialpha{list-style-image: none;list-style-type: lower-alpha}
.tosliualpha{list-style-image: none;list-style-type: upper-alpha;padding-top:15px;}
.fixedwidth{font-family: courier, serif}
.prepaidcard{margin-top: 15px; padding: 8px; border: 2px solid darkgreen; display:none;}
.headerbalimg{min-height:13px;min-width:30px;position:relative;left:1px;top:2px;}
.lightgrey{color:#888;padding-top:10px;}
.notopbottom{margin-top:0px;margin-bottom:0px;};
.centered {margin: 0 auto;}
.centered table {margin: 0 auto;}
#dirdeppad{padding-bottom:1em;padding-left:3.5em;};
#cashouttip{border: 1px solid #006400; padding: 5px;}
.tickettable{BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #808080 1px solid; BORDER-LEFT: #808080 1px solid; BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid;}
.tickettablebrdr {border: 1px solid gray;}
.lh13{line-height: 1.3em;}
.lh13 li {padding-top:9px;}
.coregbg{background-color:#FFF5D6}
.thinborder { border: 1px solid black; }
.blackborder2 { border: 2px solid black; }
.tableicon {min-width:16px; padding-top:8px;}
/*------------------------------------*\
        LINKS and BUTTON
\*------------------------------------*/

a{ color: #669B02;text-decoration:none;}

a.button {
        font-family: Arial, sans-serif;
        font-size: 1em;
        line-height: auto;
        background-color: #6D8901;/* fallback for browsers that don´t support gradients */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A5C100), to(#6D8901));/* Safari 4+, Chrome 1-9 */
        background-image: -moz-linear-gradient(top, #A5C100, #6D8901);/* Firefox 3.6+ */
        background-image: -o-linear-gradient(top, #A5C100, #6D8901);/* Opera 11.10+ */
        background-image: -webkit-linear-gradient(top, #A5C100, #6D8901);/* Safari 5.1+, Mobile Safari, Chrome 10+ */
        background-image: -ms-linear-gradient(top, #A5C100, #6D8901);/* IE 10+ */
    border: 1px solid #799C01;
    box-shadow: 0 1px 0 0 #9BCB76 inset;
    -moz-box-shadow: 0 1px 0 0 #9BCB76 inset;
    -webkit-box-shadow: 0 1px 0 0 #9BCB76 inset;
    color: white;
    position: relative;
    text-shadow: 0 1px 0 #424F1C;
        text-decoration: none;
        margin: 15px 0;
        text-align: center;
        font-weight: bold;
        padding: 0.3em 0.7em;
        display: inline-block;}

a.button:hover {
        background-color: #A5C100;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6D8901), to(#A5C100));
        background-image: -moz-linear-gradient(#6D8901, #A5C100);
        background-image: -moz-linear-gradient(top, #6D8901, #A5C100);
        background-image: -o-linear-gradient(top, #6D8901, #A5C100);
        background-image: -webkit-linear-gradient(top, #6D8901, #A5C100);
        background-image: -ms-linear-gradient(top, #6D8901, #A5C100);}

/*------------------------------------*\
        LISTS
\*------------------------------------*/
ul.check {list-style:none;
        list-style-image:url(../images/check.png);
        list-style-position: inside;
        }
dl { margin: 8px; }
/*------------------------------------*\
        IMAGES
\*------------------------------------*/
img{margin-bottom: 10px;}
img.left        { margin:0 20px 10px 0; }
img.right       { margin:0 0 10px 20px; }
/* due to article of Chris Coyier
http://css-tricks.com/441-resizeable-images-at-full-resolution/ */
img.expand { width: 24em; margin: 0; }
img.icon{margin:0;padding:0;}

/*-------------------------------------------*\
        No borders and background for form-tables
\*-------------------------------------------*/
.form th, .form td {border:none; background:none; padding: 0.75em 0;}
.form tbody tr:nth-of-type(odd){background:none;}
/*------------------------------------*\
        hr with image (leaf)
\*------------------------------------*/
hr{margin:1em 0; width: 100%; height: 26px; background: url(../images/hr.png) no-repeat top center; border:none;}

/*------------------------------------*\
        misc
\*------------------------------------*/
#paidvideos {margin-left: 8px; border: 2px solid #E4E4E4; border: 0;}
#crowdflower {margin-left: 8px; border: 2px solid #E4E4E4;}
.countdown_row { clear: both; width: 100%; padding: 0px 2px; text-align: center; }
.countdown_show1 .countdown_section { width: 98%; }
.countdown_show2 .countdown_section { width: 48%;  }
.countdown_show3 .countdown_section { width: 32.5%; }
.countdown_section { display: block; float: left; font-size: 75%; text-align: center; }
.countdown_amount { font-size: 200%; }

/*------------------------------------*\
        on off
\*------------------------------------*/
.onoffswitch { position: relative; width: 80px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; margin: 10px;}
.onoffswitch-wide { position: relative; width: 125px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; margin: 10px;}
.displaynone, .onoffswitch-checkbox { display: none; }
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 20px; }
.onoffswitch-inner { width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 17px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #96AD4E; color: #FFFFFF; }
.onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; }
.onoffswitch-inner-yesno:before { content: "YES"; padding-left: 10px; background-color: #96AD4E; color: #FFFFFF; }
.onoffswitch-inner-yesno:after { content: "NO"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; }
.onoffswitch-inner-ach:before { content: "Savings"; padding-left: 10px; background-color: #96AD4E; color: #FFFFFF; }
.onoffswitch-inner-ach:after { content: "Checking"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; }
.onoffswitch-switch { width: 20px; margin: 5px; background: #FFFFFF; border: 2px solid #999999; border-radius: 20px; position: absolute; top: 0; bottom: 0; right: 56px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.onoffswitch-switch-ach { width: 20px; margin: 5px; background: #FFFFFF; border: 2px solid #999999; border-radius: 20px; position: absolute; top: 0; bottom: 0; right: 91px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0; }

/******************************************************************************************************
TABS by Sohtanaka, CSS tweaked by SiGa
*******************************************************************************************************/
ul.tabs {
 margin: 0;
 padding: 0;
 list-style: none;
 height: 32px; /*--Set height of tabs--*/
 width: 100%;
 display: block;
}
ul.tabs li {
 float: left;
 margin: 0;
 padding: 0;
 height: 32px;
 line-height: 32px; /*--Vertically aligns the text within the tab--*/
 border-bottom: 1px solid #fff;
 border-left: 1px solid #fff;
 overflow: hidden;
 position: relative;
 background: #CECECE;
}
ul.tabs li a {
 text-decoration: none;
 color: #666;
 display: block;
 font-size: 1.1em;
 padding: 0 15px;
 outline: none;
}
ul.tabs li a:hover {
 background: #E0E0E0;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
 background: #EFEFEF; border: none; border-bottom: 1px solid #EFEFEF;
}
.tab_container {
 background: #EFEFEF;
 overflow: hidden;
 clear: both;
float: left; width: 100%; margin-bottom: 25px;
}
.tab_content {
 padding: 15px 18px 10px;
 font-size: inherit;
}
.tab_content p {margin-bottom: 1em;}
/*------------------------------------*\
        NEW TABS (DYNDRIVE)
\*------------------------------------*/
.animatedtabs{border-bottom: 1px solid gray;overflow: hidden;width: 100%;font-size: 1em; /* 16px font of menu text*/}
.animatedtabs ul{list-style-type: none;margin: 0;margin-left: 1em; /*offset of first tab relative to page left edge*/padding: 0;}
.animatedtabs li{float: left;margin: 0;padding: 0;}
.animatedtabs a{
    float: left;
    position: relative;
    top: 5px;
    /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
    /*background: url(http://www.fusioncash.net/images/tab-green-left.gif) no-repeat left top; */
    margin: 0;
    margin-right: 3px;
    /*Spacing between each tab*/
    padding: 0 0 0 9px;
    text-decoration: none;
    background-color: #91a453;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#91a453), to(#5f7c08));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #91a453, #5f7c08);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #91a453, #5f7c08);

    /* IE 10 */
    background: -ms-linear-gradient(top, #91a453, #5f7c08);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #91a453, #5f7c08);
    letter-spacing: 1px;
}
.animatedtabs a span{
    float: left;
    position: relative;
    display: block;
    /*background: url(http://www.fusioncash.net/images/tab-green-right.gif) no-repeat right top;*/
    padding: 10px 14px 10px 5px;
    /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
    font-weight: bold;
color: #fff;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */
.animatedtabs .selected a{
    background-color: #3b5d21;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#678154), to(#3b5d21));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #678154, #3b5d21);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #678154, #3b5d21);

    /* IE 10 */
    background: -ms-linear-gradient(top, #678154, #3b5d21);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #678154, #3b5d21);
}
.animatedtabs .selected a span{
    color: #FFF;
}
.animatedtabs a:hover{}
.animatedtabs a:hover span{}
/*------------------------------------*\
        REGISTER MODAL POPUP
\*------------------------------------*/
#close_button  {  position:absolute;  right:5px;  cursor:pointer;  border:none;  text-decoration:none;  }
#close_button:before { color: rgba(0, 0, 0, 0.9); content: "X"; font-size: 24px; text-shadow: 0 -1px rgba(255, 255, 255, 0.9); }
#popup  {  width:500px; /* height:400px;;*/  border:3px solid white;  background-color:white;  top:23%;  position:relative;  margin: 0 auto;  background: rgb(247, 247, 247);  border: 1px solid rgba(147, 184, 189,0.8);  -webkit-box-shadow: 4px 4px 5px rgba(105, 108, 109,  0.7),-4px -4px 5px rgba(105, 108, 109,  0.7),0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;    -moz-box-shadow: 4px 4px 5px rgba(105, 108, 109,  0.7),   -4px -4px 5px rgba(105, 108, 109,  0.7),   0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;    box-shadow: 4px 4px 5px rgba(105, 108, 109,  0.7),  -4px -4px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;  -webkit-box-shadow: 10px;  -moz-border-radius: 20px; border-radius: 20px; opacity:1; padding-bottom:10px; }
#overlay  {  position:absolute;  top:0px;  visibility:hidden;  opacity:1;  left:0px;  height:100%;  width:100%;  text-align:center;  }
#overlay:target  {  visibility:visible;  -webkit-animation: fade 400ms ease;  }
#overlay:target > #popup  { -webkit-animation: moveFromBottom 400ms ease;  }

/* colorbox customization */
#cboxOverlay {  background: url('//cdnjs.cloudflare.com/ajax/libs/jquery.colorbox/1.4.33/example1/images/overlay.png') repeat scroll 0px 0px transparent; } 
#cboxClose { background: url('../images/ohide.png')     no-repeat scroll 0px 0px transparent; background-size: 20px 20px; height: 20px; width: 20px; } 
#cboxClose:hover {background-position:0px 0px;}

/*
#popup input[type="text"], #popup input[type="password"] {  border: 1px solid;  border-color: #999 #ccc #ccc; padding:3px;}
#popup input[type="text"]:hover, #popup input[type="password"]:hover {  border-color: #555 #888 #888;}
*/
/*------------------------------------*\
        NARROW  Media queries
\*------------------------------------*/
/*
CSS for tablets and narrower devices
*/

@media (min-width: 721px) and (max-width: 960px){
#logo{margin:0 auto 1em; width: 100%;}
#nav.main{margin: 0 auto;float: none; padding: 0.4em 0 0 0}
.intro h2 {font-size: 2.5em; line-height: 1em; letter-spacing: -1px; text-transform:uppercase; padding-right:15px; margin: 0 0 20px 0;}
.intro p {font-family: 'Oswald',"Helvetica Neue", Arial, sans-serif;font-size: 1.6em; line-height: 1.2em; letter-spacing: -2px; padding-right: 20px;}
.social {text-align: center; margin: 30px 0 15px 0;}
.fc-hdr {text-align: center; margin: 30px 0 15px 0;}
.wrapper{width:auto!important; padding:15px!important;}
.fc-wrapper{width:auto!important; padding:15px!important;}
}

/*------------------------------------*\
        MOBILE  Media queries
\*------------------------------------*/
/*
CSS for mobile devices.
Linearise it!
*/

@media (max-width: 720px){

.debug, .debug body{background:e9e9e9;}
body{-webkit-text-size-adjust:none;}

.wrapper{line-height: 1.5em; width:auto!important; padding:10px!important;}
.wrapper p {font-size:0.9em;}
.fc-wrapper{line-height: 1.5em; width:auto!important; padding:10px!important;}
.fc-wrapper p {font-size:0.9em;}
.social {text-align: center; margin: 30px 0 15px 0;}
.fc-hdr {text-align: center; margin: 30px 0 15px 0;}

#nav.main a{display:inline-block;padding: 0.8em 1.2em;font-size: 0.9em;letter-spacing: 2px;}
#nav.main{padding: 0.4em 0 0 0; float: none; margin: 0 auto; background-image: none; font-size: 100%;}

#subheader {margin: 110px 0 20px;}

h1{font-size:1.9em;margin-bottom:0.75em;line-height:1.7;}
h2{font-size:1.7em;margin-bottom:1em;line-height:1.5;}
h3{font-size:1.5em;     margin-bottom:1em;line-height:1.3em;}
h4{font-size:1.1em;     margin-bottom:0.8em;line-height:auto;font-weight:bold;}
h5,h6{font-size:1em;margin-bottom:0.8em;line-height:auto;}

.intro p {font-size: 1.2em; line-height: 1.2em; letter-spacing: -1px;}
.intro h2 {font-size: 2em;}

#footer p {margin: 0; padding: 0 10px;}

.grids{margin:0!important;width:auto!important;}
[class^="grid-"],
.grids [class^="grid-"]{
        width:auto!important;
        float:none!important;
        margin:0!important;
}

/* =============================================

    MediaQuery-Reporter Styles
        Uncomment and use this to display the screen
        sizes while developing your media queries!
        http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/a-basic-responsive-grid-plus-handy-css3-media-query-reporter/

================================================ */

/*body:after {
    content: "less than 320px";
    font-size: 300%;
    font-weight: bold;
    position: fixed;
    bottom: 60px;
    width: 100%;
    text-align: center;
    background-color: hsla(1,60%,40%,0.7);
    color: #fff;
}
@media only screen and (min-width: 320px) {
    body:after {
        content: "320 to 480px";
        background-color: hsla(90,60%,40%,0.7);
    }
}
@media only screen and (min-width: 480px) {
    body:after {
        content: "480 to 768px";
        background-color: hsla(180,60%,40%,0.7);
    }
}
@media only screen and (min-width: 768px) {
    body:after {
        content: "768 to 1024px";
        background-color: hsla(270,60%,40%,0.7);
    }
}
@media only screen and (min-width: 1024px) {
    body:after {
        content: "1024 and up";
        background-color: hsla(360,60%,40%,0.7);
    }
}
*/