.largeWhitePX
{
color: #fff;
    font-size: 90px;
    margin-top: 40px;

      filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;

 
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-weight: 700;
}

.mediumWhitePX
{
color: #fff;
    font-size: 40px;
    margin-top: 10px;
      filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    
    text-transform: uppercase;
      font-family: "Oswald", sans-serif;
    font-weight: 700;
 
}











h1 {
    color: #0092B9;
    margin-bottom: 10px;
    font-size: 28px;
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
    -webkit-margin-before: 0;
}
h2 {
    color: #0092B9;
    margin-bottom: 10px;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
}
.half {
    width: 50%;
    float: left;
}
.halfBannerImage {
    height: 125px;
}
.innerHalfLeft {
    padding-left: 10px;
}
.progress_check {
    float: right;
    padding: 5px;
    background: #222;
    border-radius: 10px;
    height: 10px;
    width: 10px;
}
.inputselect_line {
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: 'Roboto', sans-serif;
    border-bottom: 1px dotted #ccc;
}
.css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.css-checkbox + label.css-label {
    padding-left: 27px;
    display: inline-block;
    line-height: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
    background-image: url('https://sustainabledevelopment.un.org/content/images/target_unchecked.png');
}
.css-checkbox:checked + label.css-label {
    background-position: 0 0;
    background-image: url('https://sustainabledevelopment.un.org/content/images/target_checked.png');
}
label.css-label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tabsLong {
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 0px;
}
.tabsLong li {
    list-style: none;
    display: inline;
    margin-right: 0px;
}
.tabsLong a,
.tabsLong a:hover {
    display: inline-block;
    background: #1a92b7;
    color: #fff;
    width: 100%;
    margin-bottom: 1px;
    font-size: 11px;
    font-family: Oswald;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.tabsLong a:hover {
    background: #1a92b7;
}
.tabsLong a.active {
    background: #fff;
    color: #666;
}
.statementRow {
    padding: 10px;
    background: #fff;
    margin-bottom: 2px;
    font-family: 'noto sans';
}
.statementTitle {
    float: left;
    width: 400px;
    margin-right: 10px;
}
.statementDate {
    float: left;
    width: 80px;
    margin-right: 10px;
}
.statementEvent {
    float: left;
    width: 500px;
}
.newfeatured3_top {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 340px;
    height: 180px;
    z-index: 9999;
}
.newfeatured3_bg {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 340px;
    height: 180px;
    background: #333;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.newfeatured3 {
    width: 340px;
    height: 180px;
    margin-bottom: 0px;
    float: left;
    position: relative;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}
.newfeatured_top {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 355px;
    height: 220px;
    z-index: 9999;
}
.newfeatured_bg {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 355px;
    height: 220px;
    background: #333;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.newfeatured:hover .newfeatured_bg {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.newfeatured {
    width: 355px;
    height: 220px;
    margin-bottom: 0px;
    float: left;
    position: relative;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}
.newfeatured_title {
    font-size: 18px;
    text-transform: uppercase;
}
.newfeatured_text {
    font-size: 12px;
}
.newfeatured_inner {
    padding: 20px;
    font-family: oswald;
    color: #fff;
}
.theDay {
    font-size: 10px;
    margin-bottom: 5px;
    color: #fff;
}
.tabsProgramme {
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 0px;
}
.tabsProgramme li {
    list-style: none;
    display: inline;
    margin: 0px;
    float: left;
    margin-right: 5px;
}
.tabsProgramme a,
.tabsProgramme a:hover {
    display: inline-block;
    background: #666;
    color: #fff;
    font-size: 14px;
    font-family: Oswald;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tabsProgramme a:hover {
    background: #1a92b7;
}
.tabsProgramme a.active {
    background: #fff;
    color: #666;
}
.tabsProgramme a.active .theDay {
    color: #999;
}
.programmeLineTop {
    padding: 10px;
    color: #fff;
    background: #24aae2;
    margin-bottom: 2px;
    font-family: 'Oswald', sans-serif;
}
.programmeHeader {
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 5px;
}
.programmeLine {
    background: #fff;
    padding: 10px;
     font-size:12px;
     margin-bottom: 2px;
      font-family: Noto sans, Arial;
}
.programmeLineTime {
    float: left;
    width: 170px;
     font-weight:700;


    color: #666;
}
.programmeLineContent {
    float: left;
    width: 700px;
    font-size: 13px;
    margin-right: 10px;
}
.programmeLineContentLong {
    float: left;
    width: 830px;


    font-size: 12px;
    margin-right: 0px;
}
.programmeLineText {
    margin-top: 10px;
    display: none;
    color: #666;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
.programmeSubLineText {
    margin-top: 10px;
    color: #666;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}
.programmeLineType {
    float: left;
    width: 120px;
    color: #999;
    font-size: 12px;
}
#nrofgoals {
    float: left;
}
.counterdescription {
    font-family: Oswald;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #333;
    color: #fff;
    float: left;
    margin-right: 2px;
    font-size: 60px;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    float: left;
    margin-left: 10px;
}
#thegoals {
    float: left;
    margin-left: 20px;
}
.searchresults_home {
    width: 470px;
    height: 100px;
    position: absolute;
    top: 50px;
    left: 445px;
    z-index: 9000;
    text-transform: uppercase;
}
#bgBannerHome {
    background-size: cover;
    margin-top: 0px;
    height: 200px;
    width: 100%;
    background-image: url('/content/images/image18_4442.jpg');
    background-repeat: no-repeat;
    border-top: 1px solid #fff;
    background-position: 0% 35%;
    position: relative;
    z-index: 100;
}
.searchcenter {
    width: 1020px;
    position: relative;
}
.banner {
    text-align: left;
    position: relative;
    width: 1020px;
    margin-top: 30px;
    height: 220px;
    z-index: 999;
}
.flagicon {
    float: right;
    width: 130px;
    border: 5px solid #ccc;
}
.bannerBg {
    text-align: left;
    position: relative;
    background-size: cover;
    height: 300px;
    width: 100%;
    overflow: hidden;
    z-index: 300;
    background-position: center;
}
.sdgBg {
    text-align: left;
    position: relative;
    background-size: cover;
    height: 250px;
    width: 100%;
    overflow: hidden;
    z-index: 300;
    background-position: center;
}
.sdgLayer {
    position: absolute;
    height: 250px;
    width: 100%;
    overflow: hidden;
    z-index: 500;
}
.sdgLogo {
    width: 200px;
    float: right;
}
.bannerLayer {
    position: absolute;
    height: 300px;
    width: 100%;
    overflow: hidden;
    z-index: 500;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.projectRow {
    padding: 20px;
    background: #fff;
    margin-bottom: 10px;
    font-family: Noto sans, Arial;
}
.projectRow .title {
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
}
.projectRow .goalsTitle {
    text-transform: uppercase;
}
.projectRow .header {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 10px;
}
.projectRow .partners {
    color: #999;
    padding-bottom: 5px;
    font-size: 11px;
}
.projectRow .deliv {}
.projectRow .deliv li {
    padding-left: 0px;
    margin-bottom: 5px;
    padding-left: 10px;
    font-size: 11px;
}
.projectRow .col1_short {
    float: left;
    width: 470px;
    margin-right: 10px;
}
.projectRow .col2_short {
    float: left;
    width: 250px;
    background: #fff;
}
.projectRow .col1 {
    float: left;
    width: 730px;
    font-size: 12px;
    margin-right: 10px;
}
.projectRow .col2 {
    float: left;
    width: 230px;
    background: #fff;
}
#headlineNew {
    color: #0092B9;
    margin-bottom: 10px;
    font-size: 28px;
    font-family: 'Oswald', sans-serif;
}
.roundReminder {
    width: 100px;
    border-radius: 100px;
    height: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    font-family: Oswald;
    font-size: 18px;
    text-transform: uppercase;
    background: #086a9d;
    color: #fff;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.centerInner {
    padding: 20px;
    margin: auto;
    text-align: center;
    vertical-align: center;
}
.countryrow {
    font-size: 14px;
    font-family: Oswald;
    background: #fff;
    width: 160px;
    margin-bottom: 10px;
    color: #666;
    float: left;
    margin-right: 10px;
}
.countryrow:hover .wrap {
    background: #1a92b7;
    color: #fff;
}
.countryrow .wrap {
    height: 50px;
    font-family: 'Oswald', sans-serif;
}
.countryrow_top {
    height: 80px;
    background-size: 100% 100%;
}
.countryrow img {
    height: 50px;
}
.tabsNew {
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 0px;
}
.tabsNew li {
    list-style: none;
    display: inline;
    margin: 0px;
    float: left;
    margin-right: 5px;
}
.tabsNew a,
.tabsNew a:hover {
    display: inline-block;
    background: #1a92b7;
    color: #fff;
    font-size: 14px;
    font-family: Oswald;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.tabsNew a:hover {
    background: #1a92b7;
}
.tabsNew a.active {
    background: #fff;
    color: #666;
}
.tabNewsArea {
    border-bottom: 4px solid #ff9900;
}
.sdgRound {
    height: 58px;
    width: 58px;
    float: left;
    margin-right: 2px;
    margin-bottom: 10px;
}
.sdgRoundSmall {
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 1px;
    margin-bottom: 0px;
}
.sdgRoundInner {
    width: 60%;
}
.hlpf5Pic {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
}
.hlpfBox5 {
    float: left;
    width: 20%;
    color: #666;
    margin-bottom: 20px;
}
.hlpfBox5:hover .wrap {
    background: #0092B9;
    color: #fff;
}
.hlpfBox5 .wrap {
    height: 180px;
    margin-right: 10px;
}
.ThirdBox {
    float: left;
    width: 33%;
    margin-right: 0px;
    margin-bottom: 20px;
    color: #666;
}
.ThirdBox:hover .wrap {
    background: #0092B9;
    color: #fff;
}
.ThirdBox .wrap {
    margin-right: 10px;
    height: 60px;
}
.ThirdBoxPic {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
}
.hlpfBox {
    float: left;
    width: 25%;
    margin-right: 0px;
    margin-bottom: 20px;
    color: #666;
}
.hlpfBox:hover .wrap {
    background: #0092B9;
    color: #fff;
}
.hlpfPic {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 160px;
    margin-bottom: 10px;
}
.hlpfBox .wrap {
    margin-right: 10px;
    height: 135px;
}
.slideimage {
    width: 170px;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.replies {
    margin-left: 40px;
    border-left: 2px solid #ccc;
}
.comment_right_2 {
    float: left;
    width: 600px;
}
.comment_right {
    float: left;
    width: 700px;
}
.replytext {
    width: 600px;
    clear: both;
    font-family: 'Roboto', sans-serif;
    padding: 10px;
}
#comments {
    margin-top: 0px;
}
.focalpoint_email {
    font-size: 11px;
    display: none;
    background: #F5F8FA;
    padding: 5px;
    border: 1px solid #ccc;
    margin-top: 10px;
    border-radius: 5px;
}
.focalpoint_row {
    border-bottom: 1px dotted #ccc;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
}
.focalpoint_pic {
    float: left;
    width: 20px;
    border-radius: 20px;
    height: 20px;
    margin-right: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.moderator_pic {
    width: 60px;
    border-radius: 60px;
    height: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#commenttext {
    width: 660px;
    clear: both;
    font-family: 'Roboto', sans-serif;
    padding: 10px;
}
.button {
    background: none repeat scroll 0% 0% #0092B9;
    border-radius: 3px;
    margin-left: 0px;
    color: #FFF;
    border: 0px none;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Oswald;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 26px;
    cursor: pointer;
}
.button:hover {
    background: #F90;
}
.col {
    position: relative;
    z-index: 100;
    width: 70px;
    float: left;
    margin-right: 10px;
}
.yearCol {
    position: relative;
    z-index: 100;
    background: #cccc33;
    color: #fff;
    width: 40px;
    border-radius: 80px;
    height: 30px;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    padding: 0px;
    border: 0px;
    padding-top: 10px;
    margin-left: 20px;
    text-align: center;
}
.col2 {
    position: relative;
    z-index: 100;
    width: 112px;
    float: left;
    margin-right: 10px;
}
.yearCol2 {
    position: relative;
    z-index: 100;
    background: #cccc33;
    color: #fff;
    width: 60px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    height: 50px;
    padding: 0px;
    border: 0px;
    padding-top: 10px;
    margin-left: 20px;
    text-align: center;
}
.monthCol {
    position: relative;
    z-index: 100;
    background: #cccc33;
    color: #fff;
    width: 40px;
    border-radius: 80px;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    height: 30px;
    padding: 0px;
    border: 0px;
    padding-top: 10px;
    margin-left: 20px;
    text-align: center;
}
.line {
    margin-top: 5px;
    margin-bottom: 4px;
    background-image: url('/content/images/dotbgtop.png');
    height: 10px;
    background-repeat: repeat-y;
    background-position: center;
}
.frontLink,
.frontLink:visited {
    line-height: 18px;
    font-size: 11px;
    text-decoration: none;
    border-color: #000
}
.frontLink:hover,
.frontLink:visited:hover {
    color: #ff9900;
    line-height: 18px;
    font-size: 11px;
    text-decoration: underline;
    border-color: #000
}
.smallGreyLink,
.smallGreyLink:visited {
    color: #666666;
    font-size: 10px;
    text-decoration: none;
    border-color: #000
}
.smallGreyLink:hover,
.smallGreyLink:visited:hover {
    color: #666666;
    line-height: 13px;
    font-size: 10px;
    text-decoration: underline;
    border-color: #000
}
.minigoalicon {
    float: left;
    width: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
    border: 1px solid #fff;
}
.biggoalicon {
    float: left;
    width: 100px;
    margin-bottom: 10px;
    margin-right: 18px;
    border: 2px solid #fff;
}
.goalButton {
    padding-top: 12px;
    padding-bottom: 12px;
    cursor: pointer;
    background: #0092B9;
    text-transform: uppercase;
    width: 100%;
    border: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
}
.goalButton:hover {
    background-image: url("/content/images/image18_3656.jpg");
}
.mediumgoal {
    padding: 10px;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}
.mediumgoal:hover {
    background: #0092B9;
    color: #fff;
    text-decoration: none;
}
.mediumgoal .biggoaltext,
.mediumgoal .biggoaltext a,
.mediumgoal .biggoaltext a:hover {
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}
.mediumgoalicon {
    float: left;
    width: 50px;
    margin-bottom: 10px;
    margin-right: 18px;
    border: 2px solid #fff;
}
.minigoal {
    padding: 5px;
    margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #fff;
}
.minigoal:hover {
    background: #0092B9;
    color: #fff;
    text-decoration: none;
}
.biggoal {
    padding: 40px;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    position: relative;
}
.biggoal:hover {
    background: #0092B9;
    color: #fff;
    text-decoration: none;
}
.biggoal .biggoaltext,
.biggoal .biggoaltext a,
.biggoal .biggoaltext a:hover {
    color: #fff;
    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}
.minigoal .minigoaltext,
.minigoal .minigoaltext a,
.minigoal .minigoaltext a:hover {
    color: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}
.focuslink,
.focuslink:visited {
    color: #333;
    text-decoration: none;
    font-size: 0.9em;
    line-height: 1.4em;
}
.focuslink:hover,
.focuslink:visited:hover {
    color: #e6aa11;
    text-decoration: underline;
    font-size: 0.9em;
    line-height: 1.4em;
}
.videoarea_image {
    position: absolute;
    top: 130px;
    left: 320px;
    border: 0px;
}
#videoarea {
    margin-bottom: 0px;
    float: left;
    width: 680px;
    height: 350px;
    overflow: hidden;
    position: relative;
    background: #222222;
}
.videoarea_right {
    margin-bottom: 0px;
    padding: 10px;
    float: left;
    width: 320px;
    height: 330px;
    background: #222222;
    overflow: auto;
}
.video_related_line {
    margin-bottom: 5px;
    color: #fff;
    padding: 5px;
}
.video_related_line:hover {
    background: #3a3a3a;
}
.video_related_line_selected {
    margin-bottom: 5px;
    background: #3a3a3a;
    color: #fff;
    padding: 5px;
}
.video_related_line_image {
    float: left;
    border: 1px solid #cacaca;
    width: 100px;
    margin-right: 5px;
}
.video_related_line_link,
.video_related_line_link:hover {
    color: #cacaca;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}
.video_search {
    background: #fff;
    border: 0px;
    width: 100%;
    margin-top: 10px;
    height: 40px;
    padding: 10px;
    color: #999;
    font-size: 13px;
}
.contentLine {
    font-size: 11px;
    word-wrap: break-word;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 2px;
    padding-top: 0px;
}
.hbox3 {
    width: 251px;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.hbox3:hover {
    opacity: 0.6;
    background: #0092B9;
    cursor: pointer;
}
.hbox3 .htopbox {
    width: 251px;
    height: 150px;
    background-repeat: no-repeat;
    background: #fff;
}
.hbox3 .hboxTitle,
.hbox3 .hboxTitle a,
.hbox3 .hboxTitle a:hover {
    color: #0092B9;
    text-decoration: none;
}
.hbox3 .hboxinner2 .hboxTitle a,
.hbox3 .hboxinner2 .hboxTitle a:hover,
.hbox3 .hboxinner2 .hboxTitle:hover {
    text-decoration: none;
}
.hbox3 .hboxinner2 {
    width: 231px;
    background: #fff;
    padding: 10px;
    height: 150px;
}
.hbox4_2 {
    width: 185px;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.hbox4_2 .htopbox {
    width: 186px;
    height: 140px;
    background-repeat: no-repeat;
    background: #fff;
    background-size: contain;
}
.hbox4_2 .outerframe {
    display: none;
    height: 120px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #0099cc;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 999;
}
.hbox4_2:hover .outerframe {
    display: block;
}
.hbox4_2:hover .innerframe {
    display: block;
}
.hbox4_2 .innerframe {
    display: none;
    height: 120px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff;
    z-index: 9999;
}
.hbox4_2 .hboxTitle,
.hbox4_2 .hboxTitle a,
.hbox4_2 .hboxTitle a:hover {
    color: #0092B9;
    text-decoration: none;
}
.hbox4_2 .hboxinner2 .hboxTitle a,
.hbox4_2 .hboxinner2 .hboxTitle a:hover,
.hbox4_2 .hboxinner2 .hboxTitle:hover {
    text-decoration: none;
}
.hbox4_2 .hboxinner2 {
    width: 166px;
    background: #fff;
    padding: 10px;
    height: 140px;
}
.hbox4 {
    width: 185px;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.hbox4:hover {
    background: #0092B9;
    cursor: pointer;
}
.hbox4 .htopbox {
    width: 186px;
    height: 140px;
    background-repeat: no-repeat;
    background: #fff;
    background-size: contain;
}
.hbox4 .outerframe {
    display: none;
    height: 120px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #0099cc;
    z-index: 999;
}
.hbox4:hover .outerframe {
    display: block;
}
.hbox4:hover .innerframe {
    display: block;
}
.hbox4 .innerframe {
    display: none;
    height: 120px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff;
    z-index: 9999;
}
.hbox4 .hboxTitle,
.hbox4 .hboxTitle a,
.hbox4 .hboxTitle a:hover {
    color: #0092B9;
    margin-bottom: 5px;
    text-decoration: none;
}
.hbox4 .hboxinner2 .hboxTitle a,
.hbox4 .hboxinner2 .hboxTitle a:hover,
.hbox4 .hboxinner2 .hboxTitle:hover {
    text-decoration: none;
}
.hbox4 .hboxinner2 {
    width: 166px;
    background: #fff;
    padding: 10px;
    height: 140px;
}
.hbox4:hover .hboxinner2 {
    color: #fff;
    background: #0092B9;
}
.hbox4:hover .hboxTitle {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #fff;
}
.highlightsSmall2 {
    padding-left: 0;
    list-style: none;
    margin: 0px 5px 0;
}
.highlightsSmall2 li {
    padding-left: 10px;
    padding-bottom: 2px;
    background-image: url(/images/top/square.png);
    background-repeat: no-repeat;
    background-position: 0 .7em;
    margin-bottom: 0px;
}
.highlightsSmall {
    padding-left: 0;
    list-style: none;
    margin: 0px 5px 0;
}
.highlightsSmall li {
    padding-left: 10px;
    padding-bottom: 2px;
    background-image: url(/images/top/square.png);
    background-repeat: no-repeat;
    background-position: 0 .7em;
    margin-bottom: 0px;
    font-size: 10px;
}
.highlightsSmall a {
    font-size: 11px;
}
.highlights {
    padding-left: 0;
    list-style: none;
    margin: 10px 10px 0;
}
.highlights li {
    padding-left: 20px;
    padding-bottom: 2px;
    background-image: url(/images/top/square.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    margin-bottom: 0px
}
.hbox {
    width: 194px;
    height: 280px;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 7px;
    background: #fff;
    margin-top: 3px;
    overflow: none;
}
.hbox:hover {
    cursor: pointer;
}
.hbox:hover .hboxinner2 {
    color: #fff;
    background: #3498DB;
}
.hbox:hover .hboxTitle {
    color: #fff;
}
.hbox:hover .hboxinner2 .hboxText {
    color: #fff;
}
.htopbox {
    width: 194px;
    height: 140px;
    background-size: 100% 100%;
}
.topic_bg {
    background-size: 100%;
    width: 100%;
    height: 200px;
    position: relative;
}
.topic_textgb {
    position: absolute;
    height: 70px;
    background: #000;
    z-index: 1000;
    opacity: 0.5;
    left: 0px;
    top: 130px;
    width: 100%;
}
.topic_text {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    color: #fff;
    position: absolute;
    z-index: 2000;
    left: 20px;
    top: 145px;
    width: 100%;
}
.question_frame {
    margin-top: 10px;
    font-size: 14px;
    padding: 20px;
    float: left;
    margin-bottom: 15px;
}
.quiz_frame {
    background-color: #fff;
    width: 100%;
}
.courseBox {
    background-color: #f0f0f0;
    border: 1px solid #e3e3e3;
    padding: 10px;
    margin-bottom: 10px;
}
.courseHeader {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 14px;
}
#answer {
    margin-left: 10px;
    margin-top: 5px;
    float: left;
}
.not_correct {
    font-size: 22px;
    color: #cc3333;
    padding-top: 15px;
    width: 400px;
}
.correct {
    font-size: 22px;
    width: 400px;
    color: #009900;
    padding-top: 15px;
}
.question_line_correct {
    margin-bottom: 1px;
    padding: 3px;
    margin-left: 10px;
    color: #fff;
    background: #33cc33;
}
.explanation {
    padding: 10px;
    background: #f0f0f0;
    margin-left: 10px;
}
.question_line_on {
    margin-bottom: 1px;
    padding: 3px;
    margin-left: 10px;
    cursor: pointer;
    color: #fff;
    background: #0092B9;
}
.question_line .question_check {
    background-image: url(/images/check_off.png);
    height: 25px;
    width: 28px;
    margin-right: 5px;
    float: left;
    text-align: center;
    padding-top: 4px;
    color: #fff;
}
.question_line_on .question_check {
    background-image: url(/images/check_on.png);
    height: 25px;
    width: 28px;
    margin-right: 5px;
    float: left;
    text-align: center;
    padding-top: 4px;
    color: #fff;
}
.question_line {
    margin-bottom: 1px;
    padding: 3px;
    margin-left: 10px;
    background: #f0f0f0;
    cursor: pointer;
    color: #666;
}
.question_line:hover {
    margin-bottom: 1px;
    padding: 2px;
    background: #fff;
    border: 1px solid #ccc;
    cursor: click;
    margin-left: 10px;
    cursor: pointer;
    color: #333;
}
.question_option {
    margin-top: 5px;
    width: 460px;
    float: left;
}
.dot_on {
    background-image: url(/images/dot_on.png);
    height: 25px;
    width: 30px;
    margin-right: 5px;
    float: left;
    text-align: center;
    padding-top: 5px;
    color: #fff;
}
.dot_off {
    background-image: url(/images/dot_off.png);
    height: 25px;
    width: 30px;
    margin-right: 5px;
    float: left;
    text-align: center;
    padding-top: 5px;
    color: #fff;
}
.progress {
    background-image: url(/images/progress.png);
    height: 16px;
    background-repeat: repeat-x;
}
.list_modules {
    padding-left: 0;
    list-style: none;
    margin-top: 10px;
}
.list_modules li {
    padding-left: 5px;
    margin-bottom: 0px
}
.list_chapter {
    padding-left: 0;
    list-style: none;
    margin: 2px 8px 2px;
}
.list_chapter li {
    padding-left: 20px;
    padding-bottom: 2px;
    background-image: url(/images/top/sub.png);
    background-repeat: no-repeat;
    background-position: 0 .1em;
    margin-bottom: 0px
}
.nextQuestion {
    width: 100%;
    height: 40px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border: 0px;
    cursor: pointer;
    background: #0092B9;
}
.nextQuestion:hover {
    background: #F90;
}
.circleImage {
    z-index: 100;
    color: #FFF;
    width: 100px;
    border-radius: 50px;
    height: 100px;
    border: 0px none;
    text-align: center;
    width: 100px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    margin-top: 10px;
}
.newButton {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    border: 0px;
    padding: 15px;
    font-family: 'Oswald', sans-serif;
    background: #0092B9;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}
.newButton:hover {
    background-image: url("/content/images/image18_3656.jpg");
    background-size: contain;
}
.hboxinner2 {
    width: 174px;
    background: #fff;
    color: #666;
    padding: 10px;
    height: 120px;
}
#clear {
    clear: both
}
.hboxTitle {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    color: #333;
    text-decoration: none;
}
.hboxTitle a,
.hboxTitle a:hover,
.hboxTitle:hover,
.hboxTitle a:visited:hover,
.hboxTitle:visited {
    font-size: 13px;
    text-decoration: none;
}
.hboxText {
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
    color: #666;
    margin-top: 5px;
}
.hbox .hboxinner2 .hboxText {
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
    color: #666;
    margin-top: 5px;
}
body {
    font-family: Roboto, sans serif, Arial;
    margin: 0px;
    background: #ECECEC;
    color: #666;
    font-size: inherit;
}
body a:hover,
body a:visited:hover {
    text-decoration: underline;
    /*font-size: inherit;*/
}
.menuOption {
    display: none;
}
.bottom {
    color: #ccc;
    font-size: 12px;
    padding: 20px;
    margin-top: 10px;
    width: 1020px;
}
.bottom a {
    color: #ccc;
    text-decoration: none;
}
.bottom a:hover {
    color: #ccc;
    text-decoration: underline;
}
.logoText_small {
    left: 40px;
    position: absolute;
    top: 15px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}
.menu {
    background: #0092B9;
    height: 19px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-top: 9px;
    font-size: 11px;
    float: left;
    text-decoration: none;
    border-right: 1px solid #f2f2f2;
    color: #fff;
}
.menu:hover {
    background: #4d4d4d;
    cursor: pointer;
}
.menuOn {
    background: #4d4d4d;
    border-bottom: 3px solid #ff9900;
    height: 16px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-top: 9px;
    font-size: 11px;
    float: left;
    border-right: 1px solid #f2f2f2;
    color: #fff;
    text-decoration: none;
}
.menuOn {
    cursor: pointer;
    text-decoration: none;
}
.top a {
    color: #ECECEC;
    letter-spacing: 0.03em;
    font-size: 11px;
    text-decoration: none;
}
.top a:hover {
    color: #ECECEC;
    text-decoration: underline;
    letter-spacing: 0.03em;
    font-size: 11px;
}
.top {
    background-image: url('/content/images/image18_3656.jpg');
    z-index: 99999;
    left: 0px;
    background-repeat: repeat-x;
    color: #ECECEC;
    position: fixed;
    width: 100%;
    top: 0px;
    letter-spacing: 0.03em;
    font-size: 11px;
}
.topMiddle {
    width: 1020px;
    height: 28px;
}
.dotted {
    color: #fff;
    background-color: #fff;
    border: 1px dotted #ccc;
    border-style: none none dotted
}
#nextMonth {
    float: left;
    width: 195px;
    margin-right: 5px
}
#prevMonth {
    float: left;
    margin-left: 5px;
    width: 195px
}
#midMonth {
    float: left;
    width: 310px
}
#calendarMain {
    width: 722px;
}
#calTop2 {
    background-color: #fcfde8;
    height: 20px;
    width: 720px;
    padding-bottom: 7px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #c9d5e1;
    border-left: 1px solid #c9d5e1;
    border-right: 1px solid #c9d5e1;
}
.calDropDown {
    font-size: 10px;
    position: relative;
    top: -5px;
    padding: 0px;
}
.calButton {
    font-size: 10px;
    height: 20px;
    top: -5px;
    position: relative;
}
.monthLink,
.monthLink:visited,
.eventLink,
.eventLink:visited {
    color: #333;
    line-height: 13px;
    font-weight: 400;
    font-size: 9px;
    text-decoration: none;
    border-color: #000
}
.monthLink:hover,
.monthLink:visited:hover,
.eventLink:hover,
.eventLink:visited:hover {
    color: #333;
    line-height: 13px;
    font-weight: 400;
    font-size: 9px;
    text-decoration: underline;
    border-color: #000
}
#calTop {
    border-top: 1px solid #ccc;
    background-color: #e9e9e9;
    height: 20px;
    width: 720px;
    padding-top: 7px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #c9d5e1;
    border-left: 1px solid #c9d5e1;
    border-right: 1px solid #c9d5e1;
}
#dayNumber2 {
    position: relative;
    font-size: 10px;
    top: 0;
    left: 100px
}
#dayNumber {
    float: right;
    font-size: 10px;
    margin-right: 2px;
    font-weight: bold;
}
.timeline_content {
    padding: 10px;
    margin-bottom: 15px;
    background: #fff;
}
.timeline_content_text {
    font-size: 11px;
    color: #999;
    margin-bottom: 5px;
}
.timeline_content_title {
    font-weight: 400;
    color: #666;
    margin-bottom: 5px;
    font-size: 14px;
}
.timeline_content:hover .timeline_content_text {
    color: #333;
}
.timeline_circle {
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    border-radius: 60px;
    height: 60px;
    width: 60px;
    background: #17aed4;
    font-size: 18px;
    color: #fff;
}
.timeline_circle:hover {
    background: #F90;
}
.outcomeBanner {
    text-align: left;
    position: relative;
    height: 120px;
    width: 100%;
    overflow: hidden;
    z-index: 300;
    background-position: top left;
    margin-bottom: 10px;
}
.outcomeBanner:hover .outcomeLayer {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: #0092B9;
}
.outcomeLayer {
    position: absolute;
    height: 120px;
    width: 100%;
    overflow: hidden;
    z-index: 500;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background: #333;
}
.outcomeInner {
    color: #fff;
    z-index: 1000;
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: 'Roboto', sans-serif;
}
.btn {
    border-radius: 4px;
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    background: #17aed4;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 12px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}
.btn:hover {
    background: #F90;
    text-decoration: none;
    font-size: 12px;
}
#topRow {
    margin-right: 4px;
    height: 25px;
    background-color: #fcfde8;
    border-left: 1px solid #c9d5e1;
    border-right: 1px solid #c9d5e1;
    border-bottom: 1px solid #c9d5e1;
    width: 720px;
}
#dayHeader {
    width: 102px;
    height: 20px;
    float: left;
    font-size: 9px;
    text-transform: uppercase;
    padding-top: 5px;
}
#calDays {
    border-left: 1px solid #c9d5e1;
    background: #FFF
}
.eventInner {
    margin-top: 4px;
    margin-left: 4px;
}
#dayCol {
    width: 102px;
    font-size: 9px;
    float: left;
    margin-right: 0px;
    border-right: 1px solid #c9d5e1;
    height: 100%;
}
.weekRow {
    width: 721px;
    border-left: 1px solid #c9d5e1;
    border-bottom: 1px solid #c9d5e1;
    margin-bottom: 0px;
    position: relative;
}
.memberCol {
    width: 240px;
    margin-bottom: 2px;
    float: left;
}
.picSmall {
    border: 1px solid #CCC;
    background-color: #FFF;
    margin-right: 5px;
    margin-bottom: 6px;
    padding: 2px
}
.pic {
    border: 1px solid #CCC;
    background-color: #FFF;
    margin: 5px;
    padding: 4px
}
#eventRow {
    border-bottom: 1px solid #c9d5e1;
    border-top: 1px solid #c9d5e1;
    border-right: 1px solid #c9d5e1;
    height: 32px;
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 0px;
}
.calTable {
    border: 1px solid #c9d5e1;
    border-collapse: collapse
}
.calTable td {
    border: 1px solid #c9d5e1;
    padding: 0
}
.unLogo {
    height: 40px;
    left: 0px;
    top: 20px;
    border: 0px;
    position: absolute;
}
.unLogo_small {
    height: 25px;
    left: 0px;
    top: 16px;
    border: 0px;
    position: absolute;
}
.logoText {
    top: 18px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 28px;
    letter-spacing: -0.02em;
    left: 70px;
    position: absolute;
    text-transform: uppercase;
}
.sdText {
    color: #0092B9;
    float: left;
}
.kpText {
    color: #4d4d4d;
    float: left;
    margin-left: 10px;
}
.menuBarArea {
    position: relative;
    top: 80px;
    background: #0092B9;
    height: 28px;
    padding: 0px;
    width: 100%;
}
.menuBarArea_small {
    position: relative;
    top: 55px;
    background: #0092B9;
    height: 28px;
    padding: 0px;
    width: 100%;
}
.topBarArea {
    position: fixed;
    width: 100%;
    top: 28px;
    z-index: 999999;
    background: #fff;
    height: 108px;
}
.topBarArea_small {
    position: fixed;
    width: 100%;
    z-index: 999999;
    top: 0px;
    background: #fff;
    height: 83px;
}
.formLine {
    width: 100%%;
    margin-bottom: 5px;
}
.field {
    font-size: 12px;
    padding: 5px;
    border: 1px solid #1a92b7;
    background: #f9f9f9;
    color: #666;
    font-family: Noto sans, Arial;
    width: 90%;
}
.textarea {
    width: 90%;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #1a92b7;
    height: 200px;
    background: #f9f9f9;
    color: #666;
    font-family: Noto sans, Arial;
}
.bigButton {
    background: none repeat scroll 0% 0% #0092B9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-left: 0px;
    color: #FFF;
    border: 0px none;
    font-size: 16px;
    padding: 5px 10px;
    height: 40px;
    cursor: pointer;
}
.bigButton:hover {
    background: #F90;
}
.house {
    margin-right: 10px;
    width: 15px;
    vertical-align: middle;
}
.boxSpace {
    margin-left: 4px;
    position: relative;
    padding: 10px;
}
.tabs {
    height: 21px;
    margin: 0px;
    margin-left: 0px;
}
.tabs li {
    list-style: none;
    display: inline;
    margin: 0px;
    float: left;
    margin-right: 3px;
}
.tabs a,
.tabs a:hover {
    display: inline-block;
    background: #1a92b7;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.tabs a:hover {
    display: inline-block;
    background: #1a92b7;
    color: #fff;
    font-size: 11px;
    text-decoration: underline;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.tabs a.active {
    background: #ff9900;
    color: #fff;
    font-size: 11px;
}
#workingGroup {
    color: #333;
    font-weight: 700;
    font-size: 13px;
    clear: both;
    margin: 10px 0
}
.tabArea {
    border-bottom: 4px solid #ff9900;
}
.mainArea {
    margin-top: 148px;
}
.topArea {
    position: relative;
    width: 1020px;
}
.menuArea {
    width: 1020px;
    height: 28px;
    padding: 0px;
}
.innerArea {
    color: #666;
    font-size: 13px;
    margin-top: 10px;
    width: 1020px;
    overflow: hidden;
}
.icons {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 150px;
}
.icons_small {
    position: absolute;
    top: 13px;
    right: 0px;
    width: 150px;
}
.icon_search {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url('/content/images/search.png');
    margin-right: 10px;
}
.icon_search:hover {
    float: left;
    width: 30px;
    background-size: contain;
    height: 30px;
    background-image: url('/content/images/search_on.png');
    margin-right: 10px;
    cursor: pointer;
}
#useroption {
    float: left;
    width: 30px;
    margin-right: 10px;
}
.icon_logged_pic {
    width: 30px;
    border-radius: 30px;
    height: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.icon_logged {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url('/content/images/user_face.png');
    margin-right: 10px;
}
.icon_logged:hover {
    float: left;
    width: 30px;
    cursor: pointer;
    height: 30px;
    background-image: url('/content/images/user_on.png');
    margin-right: 10px;
    cursor: pointer;
}
.icon_man {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url('/content/images/user.png');
    margin-right: 10px;
}
.icon_man:hover {
    float: left;
    width: 30px;
    cursor: pointer;
    height: 30px;
    background-image: url('/content/images/user_on.png');
    margin-right: 10px;
    cursor: pointer;
}
.icon_twitter {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url('/content/images/twitter.png');
    margin-right: 10px;
}
.icon_twitter:hover {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url('/content/images/twitter_on.png');
    margin-right: 10px;
    cursor: pointer;
}
.icon_fb {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url('/content/images/facebook.png');
}
.icon_fb:hover {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url('/content/images/facebook_on.png');
    cursor: pointer;
}
#contentArea2 {
    line-height: 18px;
    margin-top: 0px;
    margin-right: 0px;
    padding: 10px;
    font-size: 12px;
    color: #333;
    background-color: #f2f2f2;
}
.greyArea {
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    background-color: #f2f2f2;
}
.topicsTable {
    width: ;
    /* table width */
    color: ;
    /* text color */
    font-size: 12px;
    /* font size */
    border-collapse: collapse;
    border: none;
}
.topicsTable .row1 {
    background: #ffffff;
}
.topicsTable .row2 {
    background: #f2f2f2;
}
.topicsTable .catRow {
    color: #ffffff;
    background: #669999;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase
}
.topicsTable td {
    line-height: 17px;
    font-weight: 400;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.topicsTable .topicHeader {
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase
}
.topicsTable a,
.topicsTable a:visited {
    color: #007ba2;
    line-height: 17px;
    font-weight: 400;
    font-size: 10px;
    text-decoration: none;
    border-color: #000
}
.topicsTable a:hover,
.topicsTable a:visited:hover {
    color: #ff9900;
    line-height: 17px;
    font-weight: 400;
    font-size: 10px;
    text-decoration: underline;
    border-color: #000
}
#subHeadline {
    color: #0092B9;
    margin-bottom: 10px;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
}
.subHeadline {
    font-weight: 700;
    color: #1a92b7;
    font-size: 14px;
}
.nationalReports td {
    line-height: 17px;
    font-weight: 400;
    font-size: 10px;
    border-bottom: 1px #cccccc dotted;
}
.nationalReports .nationalHeader {
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase
}
.nationalReports a,
.nationalReports a:visited {
    color: #007ba2;
    line-height: 17px;
    font-weight: 400;
    font-size: 10px;
    text-decoration: none;
    border-color: #000
}
.nationalReports a:hover,
.nationalReports a:visited:hover {
    color: #ff9900;
    line-height: 17px;
    font-weight: 400;
    font-size: 10px;
    text-decoration: underline;
    border-color: #000
}
.fblogin {
    border: 0px;
    width: 300px;
}
.headerTitle2 {
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 1px;
    margin-left: 10px;
    font-size: 10px;
    color: #fff;
}
.headerTitle {
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 1px;
    margin-left: 10px;
    font-size: 10px;
    color: #fff;
}
.topHeaderOrange {
    line-height: 18px;
    margin-top: 0px;
    margin-right: 0px;
    padding: 0px;
    font-size: 11px;
    color: #666;
    //background-color:#66A682;
    background-color: #ff9900;
    background-color: #ff9900;
    height: 18px;
}
.topHeaderBlue {
    line-height: 18px;
    margin-right: 0px;
    padding: 0px;
    font-size: 11px;
    color: #666;
    background-color: #1a92b7;
    height: 18px;
}
.inputtext {
    padding: 10px;
    background: #f2f2f2;
    border: 1px solid #ccc;
    width: 270px;
    font-size: 12px;
    margin-bottom: 5px;
}
.topHeadlineGrey {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #ccc;
}
.topHeadlineWhite {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.topHeadline,
.docHeader {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #4d4d4d;
}
.clickbutton {
    height: 40px;
    padding: 10px;
    border: 0px;
    font-size: 12px;
    color: #fff;
    background: #0092B9;
    border: 1px solid #fff;
    text-transform: uppercase;
    width: 300px;
}
.clickbutton:hover {
    background-image: url('https://sustainabledevelopment.un.org/content/images/image18_3656.jpg');
    background-size: contain;
    color: #fff;
    cursor: pointer;
}
.col_signin {
    floaT: left;
    width: 300px;
    margin-right: 20px;
}
.col_forgotpw {
    floaT: left;
    width: 300px;
    margin-right: 20px;
}
.col_newaccount {
    floaT: left;
    margin-right: 0px;
    width: 300px;
}
.col_questions {
    border-top: 1px dotted #ccc;
    margin-top: 10px;
    padding-top: 10px;
    width: 100%;
}
.accountbox_small {
    display: none;
    position: absolute;
    right: 0px;
    top: 83px;
    width: 100%;
    font-size: 13px;
    z-index: 9999;
    background: #fff;
    padding: 0px;
    border-bottom: 3px solid #ff9900;
    overflow: auto;
    max-height: 450px;
}
#closedLeftMenu {
    display: none;
}
.menuLine {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}
.menuSubSubSubLineOn {
    padding-left: 85px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    background-image: url("/images/top/subWhite.png");
    background-repeat: no-repeat;
    background-position: 65px;
}
.menuSubSubSubLine {
    padding-left: 85px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    background-image: url("/images/top/sub.png");
    background-repeat: no-repeat;
    background-position: 65px;
}
.menuSubSubSubLine:hover {
    background-image: url("/images/top/subWhite.png");
    cursor: pointer;
}
.menuSubSubLineOn {
    padding-left: 65px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    background-image: url("/images/top/subWhite.png");
    background-repeat: no-repeat;
    background-position: 35px;
}
.menuSubSubLine {
    padding-left: 65px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    background-image: url("/images/top/sub.png");
    background-repeat: no-repeat;
    background-position: 35px;
}
.menuSubSubLine:hover {
    background-image: url("/images/top/subWhite.png");
    cursor: pointer;
}
.menuSubLineOn {
    padding-left: 35px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    background-image: url("/images/top/subWhite.png");
    background-repeat: no-repeat;
    background-position: 15px;
}
.menuSubLine {
    padding-left: 35px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    background-image: url("/images/top/sub.png");
    background-repeat: no-repeat;
    background-position: 15px;
}
.menuSubLine:hover {
    background-image: url("/images/top/subWhite.png");
}
.menuLineOuterOn a {
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}
.menuLineOuter {
    color: #666;
    font-size: 11px;
    text-decoration: none;
    border-bottom: 1px solid #eef1f3;
}
.menuLineOuterOn {
    background: #0092B9;
    font-size: 11px;
    text-decoration: none;
    border-bottom: 1px solid #eef1f3;
}
.menuLineOuter a {
    color: #666;
    text-decoration: none;
}
.menuLineOuter:hover,
.menuLineOuter a:hover,
.menuLineOuterOn:hover,
.menuLineOuterOn a:hover,
.menuLine:hover,
.menuLine a:hover {
    background: #0092B9;
    color: #fff;
    cursor: pointer;
}
#theLeftMenu {
    display: block;
}
#contentArea {
    width: 773px;
    float: left;
    font-family: Noto sans, Arial;
}
.leftMenu {
    padding: 0px;
    background: #fff;
    width: 237px;
    float: left;
    margin-right: 10px;
    border-top: 3px solid #F90;
}
.accountbox {
    display: none;
    position: absolute;
    overflow: auto;
    max-height: 450px;
    right: 0px;
    top: 108px;
    width: 100%;
    font-size: 13px;
    z-index: 9999;
    background: #fff;
    padding: 0px;
    border-bottom: 3px solid #ff9900;
}
.searchbox {
    display: none;
    position: absolute;
    right: 0px;
    top: 108px;
    width: 100%;
    font-size: 11px;
    z-index: 9999;
    background: #0092B9;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.searchbox_small {
    display: none;
    border-top: 1px solid #fff;
    position: absolute;
    right: 0px;
    top: 83px;
    width: 100%;
    font-size: 11px;
    z-index: 9999;
    background: #0092B9;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.click_login {
    float: left;
    margin-right: 10px;
    font-size: 11px;
    padding-top: 8px;
    color: #999;
}
#headline {
    color: #0092B9;
    margin-bottom: 10px;
    font-size: 28px;
    font-size: 28px;
    font-family: 'Oswald', sans-serif;
}
.searchbutton {
    height: 40px;
    padding: 10px;
    background-image: url('https://sustainabledevelopment.un.org/content/images/image18_3656.jpg');
    border: 0px;
    font-size: 14px;
    color: #fff;
    background-size: contain;
    border: 1px solid #fff;
    text-transform: uppercase;
    width: 150px;
}
a {
    color: #1A92B7;
    text-decoration: none;
    font-size: inherit;
}
a:hover {
    color: #1A92B7;
    text-decoration: underline;
    font-size: inherit;
}
.searchbutton:hover {
    background: #ff9900;
    color: #fff;
    cursor: pointer;
}
.orangeBox {
    background: #FAFAFA;
    border-left: 1px solid #eef1f5;
    border-right: 1px solid #eef1f5;
    border-bottom: 1px solid #eef1f5;
    border-top: 5px solid #ff9900;
}
.whiteBox {
    background: #FFF;
    border-top: 3px solid #ff9900;
}
.greyBox {
    background: #FAFAFA;
    border-left: 1px solid #eef1f5;
    border-right: 1px solid #eef1f5;
    border-bottom: 1px solid #eef1f5;
    border-top: 5px solid #eef1f5;
}
.boxTitle {
    padding: 10px;
    border-bottom: 1px solid #E6E6E6;
    text-transform: uppercase;
    color: #0092b9;
    font-weight: 700;
}
.greyTitle {
    padding: 10px;
    border-bottom: 1px solid #e0f0fa;
    text-transform: uppercase;
    color: #0092b9;
    font-weight: 700;
    border-bottom: 2px solid #eef1f5;
}
.tfmMiniBox {
    margin-right: 10px;
    float: left;
    background: #bababa;
    width: 196px;
    color: #fff;
    font-size: 11px;
    font-family: Noto sans, Arial;
    height: 170px;
}
#tfmMiniBox1:hover {
    color: #fff;
    background: #0074bd;
}
#tfmMiniBox1Selected {
    color: #fff;
    background: #0074bd;
}
#tfmMiniBox2:hover {
    color: #fff;
    background: #365375;
}
#tfmMiniBox2Selected {
    color: #fff;
    background: #365375;
}
#tfmMiniBox3:hover {
    color: #fff;
    background: #7b858f;
}
#tfmMiniBox3Selected {
    color: #fff;
    background: #7b858f;
}
#tfmMiniBox4:hover {
    color: #fff;
    background: #90afc5;
}
#tfmMiniBox4Selected {
    color: #fff;
    background: #90afc5;
}
#tfmMiniBox5:hover {
    color: #fff;
    background: #f0b82d;
}
#tfmMiniBox5Selected {
    color: #fff;
    background: #f0b82d;
}
.tfmBox {
    margin-top: 10px;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    height: 120px;
}
.tfmBox:hover {
    background: #222;
}
.tfmBox img {
    height: 100%;
    border-left: 1px solid #fff;
}
.tfmHeader {
    text-transform: uppercase;
    margin-bottom: 10px;
}
.box4:hover {
    background: #3498DB;
    cursor: pointer;
    cursor: pointer;
}
.box4 {
    width: 170px;
    position: relative;
    float: left;
    background: #fff;
    font-family: 'Roboto', sans-serif;
    margin-right: 10px;
    margin-bottom: 10px;
}
.box4 .box4_top {
    width: 170px;
    height: 100px;
    background-repeat: no-repeat;
    background: #fff;
    background-size: contain;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}
.box4 .box4_inner {
    width: 150px;
    background: #fff;
    padding: 10px;
    font-size: 11px;
    height: 100px;
    color: #666;
}
.home2 {
    width: 350px;
    position: relative;
    float: left;
    height: 240px;
    font-family: 'Roboto', sans-serif;
    margin-right: 10px;
    margin-bottom: 10px;
}
.home4:hover {
    background: #3498DB;
    cursor: pointer;
}
.home4 {
    width: 170px;
    position: relative;
    float: left;
    background: #fff;
    font-family: 'Roboto', sans-serif;
    margin-right: 10px;
    margin-bottom: 10px;
}
.homeFirst {
    position: relative;
    overflow: hidden;
}
.featureWrap {
    line-height: 16px;
    letter-spacing: 0.01em;
    font-size: 11px;
    padding: 15px;
    color: #fff;
    margin-bottom: 10px;
    text-decoration: none;
}
.featureWrap:hover {
    text-decoration: none;
}
.searchButtonNew:hover {
    background: #F90;
    cursor: pointer;
}
.searchButton {
    height: 20px;
    font-size: 12px;
    border: medium none;
    border-radius: 2px;
    color: #FFF;
    //background: #F90;
    background: #333;
}
.searchButton:hover {
    background: #F90;
    cursor: pointer;
}
.searchBackground {
    background-image: url('/content/images/resources.jpg');
    width: 100%;
    height: 200px;
    position: relative;
    margin-bottom: 10px;
}
.searchForm {
    position: absolute;
    top: 63px;
    left: 220px;
    z-index: 600;
}
.searchInput {
    font-family: 'Roboto', sans-serif;
    padding: 10px;
    font-size: 16px;
    color: #666;
    width: 450px;
    border: 0px;
    margin-top: 20px;
}
.searchArea {
    position: absolute;
    top: 60px;
    left: 200px;
    width: 580px;
    height: 40px;
    padding: 20px;
    background: #000;
    opacity: 0.5;
    z-index: 500;
    border-top: 5px solid #F90;
}
.select_search {
    width: 150px;
    float: left;
}
.topSearchSelected {
    color: #666;
    background: #fff;
    outline: medium none;
    margin-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: medium none;
    font-size: 12px;
    width: 120px;
    height: 20px;
    border-radius: 2px;
    box-sizing: border-box;
}
.moreButton:hover {
    background: #0092b9
}
.moreButton {
    background: #ccc;
    border: 0px solid #fff;
    height: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    width: 140px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.moreButton a,
.moreButton a:visited {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
}
.notify_icon {
    display: none;
}
.moreButton a:hover,
.moreButton a:visited:hover {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
}
.blueButton {
    border-radius: 6px;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    border: 0px;
    padding: 15px;
    font-family: 'Oswald', sans-serif;
    background: #0092B9;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}
.blueButton:hover {
    background-image: url("/content/images/image18_3656.jpg");
    background-size: contain;
}
.goalbox {
    cursor: pointer;
    background-size: cover;
    position: relative;
    float: left;
    margin-right: 10px;
    width: 160px;
    height: 160px;
    margin-bottom: 10px;
    background-position: center;
}
.contentTable {
    width: ;
    /* table width */
    color: ;
    /* text color */
    font-size: 12px;
    /* font size */
    border-collapse: collapse;
    border: none;
    background-color: #FFFFFF;
}
.contentTable td {
    padding: 4px;
    /* cell padding */
    border: 1px solid;
    /* cell spacing */
    border-color: #CCCCCC;
    /* table background color */
    margin: 20px;
}
.green {
    color: #fff;
    background-color: #1a92b7;
}
.orange {
    color: #fff;
    background-color: #ff9900;
}
.grey {
    color: #fff;
    background-color: #989898;
}
.today {
    color: #333333;
    background-color: #66CCFF;
}
.subject {
    color: #333333;
    background-color: #F1F1F1;
}
.content {
    color: #333333;
    background-color: #FFFFFF;
}
.countryBox {
    cursor: pointer;
    background-size: cover;
    position: relative;
    float: left;
    margin-right: 10px;
    width: 146px;
    margin-bottom: 10px;
    background-position: center;
}
.countryBox_top {
    width: 146px;
    height: 80px;
    background-size: 100% 100%;
}
.countryBox_inner {
    width: 126px;
    background: #fff;
    color: #333;
    padding: 10px;
    height: 60px;
    font-size: 13px;
    text-decoration: none;
}
.topicBox {
    cursor: pointer;
    background-size: cover;
    position: relative;
    float: left;
    margin-right: 10px;
    width: 160px;
    margin-bottom: 10px;
    background-position: center;
}
.topicBox_top {
    width: 160px;
    height: 80px;
    background-size: 100% 100%;
}
.topicBox_inner {
    width: 140px;
    background: #fff;
    color: #333;
    padding: 10px;
    height: 60px;
    font-size: 11px;
    text-decoration: none;
}
.goaltext2 {
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 12px;
    z-index: 9999;
    display: none;
    width: 140px;
}
.goalbg2 {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 600;
}
.goal_title {
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: 'Oswald', sans-serif;
    line-height: 40px;
}
.goal_text {
    color: #fff;
    font-size: 28px;
    text-transform: none;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-style: normal;
}
.logo_clean3 {
    margin-left: 10px;
    margin-right: 0px;
    height: 120px;
    float: right;
}
.columnHeader {
    font-family: Oswald;
    padding: 10px;
    background: #4d4d4d;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.featuredbox_large {
    margin-bottom: 10px;
    margin-top: 0px;
    text-decoration: none;
    padding: 40px;
    width: 630px;
    position: relative;
    font-family: 'Roboto', sans-serif;
}
.featuredbox_featured {
    padding: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #333;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}
.featured_arrow {
    float: right;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 10px;
    border: 0px;
}
.featuredbox_large_title {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}
.featuredbox_large_text {
    font-size: 12px;
    color: #fff;
    margin-top: 10px;
    text-decoration: none;
}
.columnLeft {
    float: left;
    width: 710px;
}
.imageLeft_420 {
    width: 420px;
}
.goalbox:hover .goalbg2 {
    display: block;
}
.goalbox:hover .goalbg {
    display: block;
}
.goalbox:hover .goalsmallbg {
    display: none;
}
.goalbox:hover .goaltitle {
    display: none;
}
.goalbox:hover .goaltext {
    display: block;
}
.goalbox:hover .goaltext2 {
    display: block;
}
.searchButtonNew {
    height: 38px;
    font-size: 16px;
    border: medium none;
    border-radius: 2px;
    color: #FFF;
    width: 100px;
    background: #1a92b7;
}
.selected_not2 {
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    float: left;
    width: calc(100% - 14px);
    min-height: 18px;
    margin-bottom: 1px;
    margin-left: 0px;
    margin-right: 0px;
    color: #333;
    font-size: 11px;
    background: #fff;
}
.selected2 {
    background: #f99922;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    float: left;
    width: calc(100% - 14px);
    min-height: 18px;
    margin-bottom: 1px;
    margin-left: 0px;
    margin-right: 0px;
    color: #fff;
    font-size: 11px;
}
.select_search {
    width: 150px;
    float: left;
}
.theslider {
    height: 300px;
    width: 100%;
    color: #fff;
}
.aSlide {
    position: relative;
    height: 300px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.aSlide a,
.aSlide a:active {
    text-decoration: none;
}
.slideSub {
    margin-bottom: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
.slideHeader {
    line-height: 50px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 45px;
    text-transform: uppercase;
}
.mediumWhite {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}
.homeArrow {
    position: absolute;
    right: 20px;
    top: 70px;
    display: none;
}
.homeFirst_wrapper:hover .homeArrow {
    display: block;
}
.homeFirst_wrapper:hover .homeFirst_content {
    background: #00aeef;
}
.homeFirst_wrapper:hover .homeFirst_title {
    color: #fff;
}
.homeFirst_wrapper:hover .homeFirst_text {
    color: #fff;
}
.homeFirst_content {
    //background:#fff;
    background: #00aeef;
    padding: 20px;
    margin-bottom: 10px;
}
.homeFirst_title {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
}
.homeFirst_text {
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
}
.home4 .home4_top {
    width: 170px;
    height: 100px;
    background-repeat: no-repeat;
    background: #fff;
    background-size: contain;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}
.home4 .home4_inner {
    width: 150px;
    background: #fff;
    padding: 10px;
    font-size: 11px;
    height: 100px;
    color: #666;
}
.homeLeft {
    float: left;
    width: 710px;
    overflow: none;
}
.homeRight {
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 11px;
    float: right;
    width: 300px;
}
.columnRight {
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 11px;
    float: right;
    width: 300px;
}
.floatRight_300 {
    width: 300px;
    float: right;
    margin-left: 20px;
}
.floatLeft_Half {
    width: 381px;
    float: left;
    margin-left: 0px;
    margin-right: 10px;
}
.searchinput {
    padding: 10px;
    background: #fff;
    border: 1px solid #fff;
    margin-right: 10px;
    font-size: 14px;
    color: #999;
    width: 770px;
}
.wrap {
    font-family: Noto sans, Arial;
    padding: 20px;
    background: #fff;
}
.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}
#skiptocontent a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #BF1722;
    outline: 0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}
.slider {
    margin-bottom: 10px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.myButton {
    border-radius: 0px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809', GradientType=0);
    background-color: #89c403;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    line-height: 12px;
    border: 1px solid #74b807;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    margin-top: 5px;
    text-transform: uppercase;
    padding: 8px 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}
.myButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
    background: -moz-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: -webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: -o-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: -ms-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403', GradientType=0);
    background-color: #77a809;
}
.myButton:active {
    position: relative;
    top: 1px;
}