.size200 p, .size200    {font-size: 2.0rem; }
.size180 p, .size180    {font-size: 1.80rem; }
.size160 p, .size160    {font-size: 1.60rem; }
.size140 p, .size140    {font-size: 1.40rem; }
.size120 p, .size120    {font-size: 1.20rem; }
.size110 p, .size110    {font-size: 1.10rem; }
.size100 p, .size100    {font-size: 1.0rem; }
.size90 p, .size90      {font-size: 0.90rem; }
.size80 p, .size80      {font-size: 0.80rem; }
.size70 p, .size70      {font-size: 0.70rem;line-height:1.10rem; }
.size60 p, .size60      {font-size: 0.60rem;line-height:1.10rem; }
    
.linkblue               {color:#1973d3;text-decoration:none;}
.linkblue:hover         {color:#1D9BF0}
.nonlinkgrey            {color:#8C8C8C;text-decoration:none;}
.linkgrey               {color:#8C8C8C;text-decoration:none;}
.linkgrey a, .linkgrey a:visited         {color:#8C8C8C;text-decoration:none;}
.linkgrey:hover, .linkgrey a:hover     {color:#1D9BF0}
.linkdarkgrey               {color:#333;text-decoration:none;}
.linkdarkgrey a, .linkdarkgrey a:visited         {color:#8C8C8C;text-decoration:none;}
.linkdarkgrey:hover, .linkdarkgrey a:hover     {color:#1D9BF0}
.linkhover:hover        {color:#1D9BF0;cursor:pointer}
.hoverblue:hover        {color:#1D9BF0}
.pinkhover:hover        {color:#c75071;cursor:pointer}


.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

a.whitelink, a.whitelink:hover {color:white !important}
a.blacklink {color:black !important}
a.blacklink:hover {color:white !important}
a.pinklink {color:rgb(182, 101, 143) !important}
a.pinklink:hover {color:#FF87E0 !important}
a.darkgreylink {color:#888 !important}
a.darkgreylink:hover {color:#666 !important}
a,
a:visited {
    color: #1973d3;
}

a:hover {
    color: #1D9BF0;
}

a:active {
    color: #1973d3;
}


.textcenter             {text-align:center;}
.textleft               {text-align:left}
.textright              {text-align:right}
.bold                   {font-weight:bold;}
.normalweight           {font-weight:normal;}
.normalweight a         {font-weight:normal;}


.codefont {font-family:Courier New, Courier, monospace;}
    
.white                  {color:#fff}  
.grey                   {color:#bbb}  
.gold                   {color: #e3ad28}  
.orange                 {color:#F7C354;}
.darkorange             {color:#FF8100}
.darkgrey               {color:#888}  
.darkdarkgrey           {color:#666}  
.darkdarkdarkgrey       {color:#333}  
.lightgrey              {color:#AAA}  
.lightlightgrey         {color:#CCC}  
.lightlightlightgrey    {color:#EEE}  
.warning                {color:#fe6149}
.blue                   {color:#2A87DF}
.allcleargreen          {color:#6DB466}
.okgreen                {color:#6DB466}
.normalonyellow         {color:#796F5E} 
.darkyellow             {color:#b8ae70}
.darkdarkyellow         {color:#706c54}
.darkdarkdarkyellow     {color:#8a8354}
.redheart               {color:#FF7154} 
.addgreen               {color:#009049}
.hovergreen:hover       {color:#6DB466}

.darkgreylink           {color:#888}  
.darkgreylink:hover     {color:#666}

.opacity25              {opacity:0.25}
.opacity50              {opacity:0.5}
.opacity75              {opacity:0.75}
.opacity100             {opacity:1.0}

.avoid-clicks { pointer-events: none; }

.fg0 { flex-grow:0;}
.fg1 { flex-grow:1;}

.roundedimage img                {border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.roundedavatar img                {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.roundedinput input, .roundedinput select, .roundedinput textarea {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/* Debug styles */
.dwhite                 {border:1px dotted #ffffff;}
.dred                   {border:1px dotted red;}
.dyellow                {border:1px dotted yellow;}
.dblue                  {border:1px dotted blue;}
.dorange                {border:1px dotted orange;}
.dpurple                {border:1px dotted purple;}
.dgreen                 {border:1px dotted green;}
.dpink                  {border:1px dotted pink;}

         
.fl {float:left}
.fr {float:right}
        
.m10 {margin:10px;}
.m20 {margin:20px;}

.pm0 {margin:0px !important;padding:0px !important;}
.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:25px;}
.mt25 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb8 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.mr5 {margin-left:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.pt2 {padding-top:2px;}
.pb2 {padding-bottom:2px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:40px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:40px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.p1 {padding:1px;}
.p2 {padding:2px;}
.p3 {padding:3px;}
.p5 {padding:5px;}
.p8 {padding:8px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.p50 {padding:50px;}
.gray {color:#666;}
.ht1 {height:1px;}
.ht2 {height:2px;}
.ht5 {height:5px;}
.ht10 {height:10px;}
.ht15 {height:15px;}
.ht20 {height:20px;}
.ht30 {height:30px;}
.ht40 {height:40px;}
.ht50 {height:50px;}
.ht60 {height:60px;}
.ht70 {height:70px;}
.ht80 {height:80px;}

.tinyblue               {color:#3B48A5;font-family:Arial, Verdana, sans-serif;font-size:10px;line-height:15px;text-decoration:none;}
.lineheight             {line-height: 1.20rem}
.lineheight9           {line-height: 0.9rem}
.lineheight10           {line-height: 1.0rem}
.lineheight11           {line-height: 1.1rem}
.lineheight12           {line-height: 1.2rem}
.lineheight14           {line-height: 1.4rem}
.lineheight16           {line-height: 1.6rem}
.lineheight18           {line-height: 1.8rem}
.rounded                {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.rounded2                {border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.rounded8                {border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.rounded10                {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.rounded12                {border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
.rounded-left           {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.rounded-right          {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.shadow                 {-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
.shadowdeep             {-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 8px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 8px; box-shadow: rgba(0,0,0,0.35) 0 1px 8px; }
.shadowthin             {-webkit-box-shadow: rgba(0,0,0,0.25) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,0.25) 0 1px 2px; box-shadow: rgba(0,0,0,0.25) 0 1px 2px; }
.shadowthinner          {-webkit-box-shadow: rgba(0,0,0,0.15) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,0.15) 0 1px 2px; box-shadow: rgba(0,0,0,0.15) 0 1px 2px; }
.hidden                 {display:none;}


.hand {
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

.rounded {
    border-radius: 4px;
}

.shadow {
    box-shadow: rgba(0, 0, 0, .35) 0 1px 3px;
}

.clearfix {
    clear: both;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.mt10 {
    margin-top: 10px;
}

.ml10 {
    margin-left: 10px;
}

.size100 {
    font-size: 1rem;
}


.poptask-title {font-family:'Oswald';font-size:30px;font-weight:normal;letter-spacing:-1px;line-height:26px;color:#333;}
.poptask-info {font-family:arial;font-size:14px;margin-top:0px;float:left;width:340px;}
.poptask-info a {text-decoration:none;}
.poptask-info a:visited {color:#3B48A5;text-decoration:none;} 
.poptask-goalcount {color:#888;font-size:12px}
.poptask-goalsummary {color:#468D52;margin-top:4px}
.poptask-listitem {padding:12px;letter-spacing:0.05em;font-weight:bold;text-transform:uppercase;width:100%}
.poptask-listitem:hover {background-color:#FFF4A2 !important;}


    .goalpanel-regularlist {
        background-color: #fcefdc;
        border: 1px solid #dbc39e;
        font-weight: bold;
        text-transform: uppercase;
        padding: 10px;
        width: 100%;
        font-size: 14px;
        letter-spacing: 0.058em;
        color: #222;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        margin-bottom: 10px;
    }

    .goalpanel-somedaylist {
        background-color: #efefef;
        border: 1px solid #dedede;
        font-weight: bold;
        text-transform: uppercase;
        padding: 10px;
        width: 100%;
        font-size: 14px;
        letter-spacing: 0.058em;
        color: #222;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        margin-bottom: 10px;
    }

    .goalpanel-donelist {
        background-color: #dbfad7;
        border: 1px solid #b5ebae;
        font-weight: bold;
        text-transform: uppercase;
        padding: 10px;
        width: 100%;
        font-size: 14px;
        letter-spacing: 0.058em;
        color: #222;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        margin-bottom: 10px;
    }

    .goalpanel-regularlist:hover {
        background-color: #FFF4A2;
    }

    .goalpanel-somedaylist:hover {
        background-color: #FFF4A2;
    }

    .goalpanel-donelist:hover {
        background-color: #FFF4A2;
    }

    .goalpanel-tab-frontspace {
        float: left;
        width: 10px;
        padding: 8px;
        font-size: 12px;
    }

    .goalpanel-tab-background {
        margin-left: 0px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        margin-bottom: 5px;
        background-color: #FFFCDD;
    }

    .goalpanel-tab-selected {
        float: left;
        width: 90px;
        padding: 8px;
        text-align: center;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        color: #4F5C66;
        font-size: 12px;
        border-bottom: 1px solid #FFFCDD;
        font-weight: bold;
        letter-spacing: 0.1em;
        background-color: #FFFCDD;
    }

    .goalpanel-tab-unselected {
        float: left;
        width: 90px;
        padding: 8px;
        text-align: center;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        color: #666666;
        font-size: 12px;
        border-bottom: 1px solid #E0DFD4;
        font-weight: bold;
        letter-spacing: 0.1em;
        background-color: #EEEDE1;
        margin-left: 2px
    }

    .goalpanel-tab-selectedbg {
        background-color: #FFFCDD;
        border-bottom: 1px solid #FFFCDD;
    }

    .goalpanel-tab-unselectedbg {
        background-color: #EEEDE1;
        border-bottom: 1px solid #E0DFD4;
    }

    
    .goalpanel-minibutton {
        padding: 4px;
        background-color: #666;
        color: #fff;
        font-size: 11px;
        text-transform: uppercase;
    }

        .goalpanel-minibutton:hover {
            color: #FFF5AD;
        }

    .goalpanel-minibuttonorange {
        padding: 4px;
        background-color: #F78A4C;
        color: #fff;
        font-size: 11px;
        text-transform: uppercase;
    }

        .goalpanel-minibuttonorange:hover {
            color: #FFA672;
        }