/* Minification failed. Returning unminified contents.
(1103,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */


/*  	Overrides any styles set by Core, bootstrap etc etc         */
body
{
    background-color: #fff;
    margin: 0;
    font-family: Calibri;
    font-size: 14px;
    color: #2f2f2f;
    line-height: 1.3em;
}

login
{
    margin: 0;
    padding: 0px 10px 0px 10px;
}

a
{
    color: #008290;
    font-size: 14px;
    text-decoration: none;
    font-weight:bold;
}

a:link, a:visited, a:active, a:hover
{
    color: #008290;
    text-decoration: none;
}

header, footer, hgroup, nav, section
{
    display: block;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper
{
    margin: 0 auto;
    max-width: 960px;
}

#body
{
    background-color: #fff;
    clear: both;
    padding-bottom: 35px;
}

.main-content
{
    /*background: url("../Images/accent.png") no-repeat;*/
    padding-top: 20px;
}

.featured + .main-content
{
    /*background: url("../Images/heroAccent.png") no-repeat;*/
}

header .content-wrapper
{
    padding-top: 20px;
    clear: both;
}

footer
{
    padding-top: 0px;
    clear: both; /*background-color: #e2e2e2;*/
    font-size: 13px;
    height: 100px;
}


/*.main-content li
{
    padding-bottom: 10px;
}*/


/* site title
----------------------------------------------------------*/
.site-title
{
    color: #c8c8c8;
    font-size: 18px;
    margin: 0;
    background-image: url('/Content/images/logo_SynchroNirvana.jpg') no-repeat;
}

.site-title a, .site-title a:hover, .site-title a:active
{
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}


/* login
----------------------------------------------------------*/
#login
{
    padding: 2px;
    margin: 0px;
    margin-bottom: 6px;
    text-align: right;
    height: 20px;
}

#login a
{
    /*padding-right:3px;         padding-left:3px;*/
}

#login a.username
{
    background: none;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

#login ul
{
    margin: 0;
}

#login li
{
    display: inline;
    list-style: none;
}


/* menu
----------------------------------------------------------*/
ul#menu
{
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
    padding-left: 15px;
}

ul#menu li a
{
    background: none;
    color: #999;
    text-decoration: none;
}

ul#menu li a:hover
{
    color: #333;
    text-decoration: none;
}


/* page elements
----------------------------------------------------------*/
/* featured */
.featured
{
    background-color: #fff;
}

.featured .content-wrapper
{
    background-color: #7ac0da;
    background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
    background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    color: #3e5667;
    padding: 20px 40px 30px 40px;
}

.featured hgroup.title h1, .featured hgroup.title h2
{
    color: #fff;
}

.featured p
{
    font-size: 14px;
}

/* page titles */
hgroup.title
{
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2
{
    display: inline;
}

hgroup.title h2
{
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature
{
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round
{
    list-style-type: none;
    padding-left: 0;
}

ol.round li
{
    margin: 25px 0;
    padding-left: 45px;
}

ol.round li.zero
{
    background: url("../Images/orderedList0.png") no-repeat;
}

ol.round li.one
{
    background: url("../Images/orderedList1.png") no-repeat;
}

ol.round li.two
{
    background: url("../Images/orderedList2.png") no-repeat;
}

ol.round li.three
{
    background: url("../Images/orderedList3.png") no-repeat;
}

ol.round li.four
{
    background: url("../Images/orderedList4.png") no-repeat;
}

ol.round li.five
{
    background: url("../Images/orderedList5.png") no-repeat;
}

ol.round li.six
{
    background: url("../Images/orderedList6.png") no-repeat;
}

ol.round li.seven
{
    background: url("../Images/orderedList7.png") no-repeat;
}

ol.round li.eight
{
    background: url("../Images/orderedList8.png") no-repeat;
}

ol.round li.nine
{
    background: url("../Images/orderedList9.png") no-repeat;
}

/* content */
article
{
    float: left;
    width: 70%;
}

aside
{
    float: right;
    width: 25%;
}

aside ul
{
    list-style: none;
    padding: 0;
}

aside ul li
{
    background: url("../Images/bullet.png") no-repeat 0 50%;
    padding: 2px 0 2px 20px;
}

.label
{
    font-weight: 700;
}

/* login page */
#loginForm
{
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

#loginForm .validation-error
{
    display: block;
    margin-left: 15px;
}

#loginForm .validation-summary-errors ul
{
    margin: 0;
    padding: 0;
}

#loginForm .validation-summary-errors li
{
    display: inline;
    list-style: none;
    margin: 0;
}

#loginForm input
{
    width: 250px;
}

#loginForm input[type="checkbox"], #loginForm input[type="submit"], #loginForm input[type="button"], #loginForm button
{
    width: auto;
}




/* info and errors */
.message-info
{
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error
{
    clear: both;
    color: #e80c4d;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success
{
    color: #7ac0da;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error
{
    color: #e80c4d;
}


h1, h2, h3
{
    margin-top: 10px;
    margin-bottom: 5px;
}

h1
{
    color: #c1022c;
    font-size: 18px;
    padding-bottom: 5px;
    font-weight: bold;
    margin-top: 0px;
}

h2
{
    color: #008290;
    font-size: 16px;
    font-weight: bold;
}

h2.success
{
    color: green;
    font-size: 16px;
    font-weight: bold;
}

h3
{
    color: #008290;
    font-size: 14px;
    font-weight: bold;
}
h4
{
    color: #008290;
    font-size: 14px;
    font-weight: bold;
}

label
{
    /*display: block;*/ /* - red star was coming in new line on register page*/
    margin-bottom: 0px;
}
span.note
{
    font-size: 12px;
    font-style: italic;
}
span.lightnote
{
    font-size: 12px;
    font-style: italic;
    color:#b3b3b3;
}



/*#topLogos
{
    clear: both;
    height: 81px;
    margin-bottom: 15px;
    overflow: hidden;
}*/

#LogoTopLeft
{
    margin: 0px 0px 8px 0px;
    padding: 0px;
}

#LogoTopLeft a, #LogoTopRight a
{
    display: block;
    width: 99%;
    height: 99%;
    font-size: 0px; /* to hide lines when hover*/
    cursor: hand;
    text-decoration: none;
}
#LogoTopLeft img 
{
    max-width: 394px;
}

#LogoTopRight
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: right;
}
.navbar
{
    clear: both;
    float: none;
}


/* login page */
#loginForm
{
    border-right: none;
    float: none;
    width: auto;
}

#loginForm .validation-error
{
    display: block;
    margin-left: 15px;
}

#socialLoginForm
{
    margin-left: 0;
    float: none;
    width: auto;
}


/* footer
    ----------------------------------------------------------*/
footer .float-left, footer .float-right
{
    float: none;
}

footer
{
    text-align: center;
    height: auto;
    padding: 0px 0;
}

footer p
{
    margin: 0;
}



.datefield input
{
    width: 50px;
}


/* ordered list */
ol.round
{
    list-style-type: none;
    padding-left: 0;
}

ol.round li
{
    padding-left: 10px;
    margin: 25px 0;
}

ol.round li.zero, ol.round li.one, ol.round li.two, ol.round li.three, ol.round li.four, ol.round li.five, ol.round li.six, ol.round li.seven, ol.round li.eight, ol.round li.nine
{
    background: none;
}

/* features */
section.feature
{
    float: none;
    padding: 10px;
    width: auto;
}

section.feature img
{
    color: #999;
    content: attr(alt);
    font-size: 1.5em;
    font-weight: 600;
}

#socialLoginForm
{
    margin-left: 40px;
    float: left;
    width: 40%;
}

#socialLoginForm h2
{
    margin-bottom: 5px;
}

#socialLoginList button
{
    margin-bottom: 12px;
}

#logoutForm
{
    display: inline;
}

/* contact */
.contact h3
{
    font-size: 1.2em;
}

.contact p
{
    margin: 5px 0 0 10px;
}

.contact iframe
{
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/*Main page content */
.PageContent
{
    max-width: 70%;
}

#VerticalNews
{
    float: right;
    padding-left: 5px;
}
#VerticalNews .btn
{
    width: 49.1%;
    margin-bottom: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.flexslider
{
    border: 1px solid #dbdbdb;
}
.inline
{
    display: inline;
}





.flexslider li
{
    padding-bottom: 0px;
}
.login
{
    float: right; margin: 20% 7% 0 0;
}
.loginbox
{
    width: 250px;
    padding-top: 15px;
    margin:0 auto;
}
.loginbulb
{
    float: left; margin: 5% 0 0 6%;
}
 .flexslider li 
 {
     padding-bottom: 0px;
 }
 
 #ProfilePhoto 
 {
     border: 1px solid #dbdbdb;
 }
 
 .profile-photo-link 
 {
    color: #00ace7;
    text-decoration: none;
    display: block;
    overflow: hidden;
    height: 20px;
    width: 100px;
 }

.k-button 
{
    background-color: #dbdbdb !important;
    color: #2e2e2e !important;
    border: none;
}
red
{
    color:#ed1b2f;
    font-weight:bold;
}

.btn-social 
{
    padding-top: 2px;
    padding-bottom: 2px;
}

textarea, input, select, .k-multiselect,
.rfContainer > .form-control
{
    margin-top: 3px;
}

textarea
{
	margin-bottom: 3px;
}

.mpRules
{
    background-color: #fff; 
    /*width: 100%;*/
    border: 2px solid #ac012d; 
    padding: 5px; 
}

.news-room-icon 
{
    width: 150px;
}

#usrPhoto 
{
    width: 160px;
    float: left;
    margin-bottom: 20px;
}
#usrDetails 
{
    margin-top: 5px;
    float: left;
    margin-bottom: 20px;
}

#HomePage-ContentTile-Zone1,
#HomePage-ContentTile-Zone2,
#HomePage-ContentTile-Zone3
{
    padding-left: 0px; 
    padding-right: 12px;
}

#ContentBlock-Zone1,
#ContentBlock-Zone2,
#ContentBlock-Zone3
{
    padding-right:0px;
    /*padding-left:30px;*/
}


@media (max-width: 960px)
{    
    #LogoTopLeft 
    {
        padding-left: 15px !important;
    }
    #LogoTopRight, header #login 
    {
        padding-right: 15px !important;
    }
    .footerItem {
        padding-left: 15px !important;
    }
    
}

@media (max-width: 767px)
{

    .PageContent
    {
        max-width: 100%;
    }
    #login
    {
        margin: 10px 0 10px 5px;
        text-align: left;
    }
    #VerticalNews
    {
        float: none;
        padding-left: 15px;
        padding-top: 15px;
    }
    body
    {
        font-size: 16px;
    }
    h1
    {
        font-size: 20px;
    }
    h2
    {
        font-size: 18px;
    }
    h3
    {
        font-size: 16px;
    }
    a
    {
        font-size:16px;
    }
    #LogoTopLeft 
    {
        padding-left: 15px;
    }
    #LogoTopRight 
    {
        padding-left: 15px;
    }
   
    #whatsnew 
    {
        clear: both;
    }
    #ContentBlock-Zone1,
    #ContentBlock-Zone2,
    #ContentBlock-Zone3
    {
        padding-right:0px;
        padding-left:0px;
    }
}




.ContentViewer_FactsAndStats
{
    /*width: 300px;     border-top: solid 1px #cccccc;     border-bottom: solid 1px #cccccc;*/
    padding-left: 0px;
    background-color: #f8f8f8;
    border: none;
    width: auto;
}
@media screen and (max-width: 767px)
{
    .ContentViewer_FactsAndStats
    {
        width: 100%;
        padding-left: 0px; /*border-top: solid 1px #cccccc;         border-bottom: solid 1px #cccccc;*/
        background-color: #f8f8f8;
    }
}
.ContentViewer_FactsAndStats li
{
    list-style-type: none; /*border-bottom:1px dotted #333333;*/
    border: none; /*border-bottom: 1px solid #dbdbdb;*/
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 0px;
    position: relative;
}
.ContentViewer_FactsAndStats .readMore
{
    font-size: 13px;
    float: right;
}
.ContentViewer_FactsAndStats p
{
    margin-bottom: 0;
    font-size: 12px;
}
.ContentViewer_FactsAndStats li img
{
    float: left;
    margin: 5px 5px 5px 0px;
    margin-top: 0px;
    height: 90px;
    width: 90px;
}
.ContentViewer_FactsAndStats .emptyImg
{
    width: 90px;
    height: 90px; /*padding:5px;*/
    border: 1px solid #cccccc;
    float: left;
    margin: 5px 5px 5px 0px;
}
.ContentViewer_FactsAndStats li h2
{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px;
}
.ContentViewer_FactsAndStats .datesubmitted
{
    color: #b3b3b3;
    font-size: 11px;
    font-style: italic;
}

#facts_stats.ContentViewer_FactsAndStats li img
{
    height: 140px;
    width: 140px;
}

#facts_stats.ContentViewer_FactsAndStats li #SmallImg img
{
    height: 83px;
    width: 83px;
}

/*a.learnMore{
    color: #008290; 
    text-decoration: none; 
    font-size: 16px; 
    font-weight: bold;
}*/
/************* Site Map ***********/

.sitemap
{
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    margin-top: 0px;
    clear: both; /*padding-left:19px;*/
}
.sitemap div
{
    float: left; /*width: 200px;*/
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: 145px;
}

.sitemap div h2
{
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
    padding-top: 0px;
    font-size: 14px;
}
.sitemap div ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-left: 0px;
}
.sitemap div ul li
{
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    list-style-image: none;
}

.sitemap li, .sitemap a
{
    color: #2f2f2f;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
}
.sitemap a:hover
{
    color: #2f2f2f;
    text-decoration: underline;
}
.sitemap h2 a, .sitemap h2 a:hover
{
    color: #c1022c;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold; /*text-transform: uppercase;*/
}
.img-thumbnail
{
    float: left;
    height: auto;
    max-width: 130;
    max-height: 68px;
    border-radius: 0px !important;
    -webkit-transition: none !important;
    transition: none !important;
    border-collapse: collapse !important;
    border: 0;
    outline: 1px solid #DDDDDD; /* -moz-box-shadow: 0px 0px 0px 1px #DDDDDD;     -webkit-box-shadow: 0px 0px 0px 1px #DDDDDD;     box-shadow: 0px 0px 0px 1px #DDDDDD;*/
}

#SiteMapPartial .sitemap .footerItem
{
    padding-left: 20px;
    /*border-left: 1px solid gray;*/
    min-height: 230px;
}
#IM_Footer
{
    background: #f2f2f2;
    width: 495px;
    /*height: 100px;*/
    /*margin-top: 90px;*/
    z-index: 1000;
    float: right;
    position: relative;
    text-align: right;
}
@media (max-width:1023px)
{
    .sitemap .footerItem
    {
        display: none;
    }
    #ContactUsFooter
    {
        display: block;
    }
    #SiteMapPartial .sitemap .footerItem
    {
        border-left: 0px solid gray;
    }
    #IM_Footer
    {
        margin-top: -40px;
        padding-left: 40px;
        width: 100%;
        height: 100%;
    }
    .footer .container
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    #ContactUsFooter
    {
        /*width: 240px;*/
    }

}
@media (max-width:1200px)
{
    #IM_Footer
    {
        background: #f2f2f2;
        max-width: 495px;
        height: 100px;
        margin-top: 0px;
        z-index: 1000;
        float: right;
        position: relative;
        text-align: right;
    }
}

.content-tile-abstract
{
    margin-top:5px;
    /*width:226px;*/
}
@media only screen and (max-width: 974px)
{
    .news-room-icon
    {
        display:none;
    }
}


/************* Site Map ***********/

.QuickLinks
{
    font-weight: bold;
    font-size: 12px;
    margin-top: 0px;
    clear: both; /*padding-left:19px;*/
}
.QuickLinks div
{
    /*margin-right: 3%;*/
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    width: 100%;
}

.QuickLinks div h2
{
    padding: 0px;
    margin: 0px;
    margin-top: 4px;
}
.QuickLinks div ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.QuickLinks div ul li
{
    margin: 0px padding: 0px;
    list-style-image: none;
    display: inline;
}


/*
.QuickLinks div ul li + li
{
    border-left: 1px solid #fff;
    padding-left: 6px;
}
*/
.QuickLinks a
{
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
}
.QuickLinks a:hover
{
    color: #fff;
    text-decoration: underline;
}
.QuickLinks h2 a, .QuickLinks h2 a:hover
{
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}
#QuickLinksBottom
{
    margin-top: 40px;
}
#QuickLinksBottom .QuickLinks a
{
    color: #000;
}

.QuickLinks .footerItem
{
    background-color: #fff !important;
    margin-right:5px;
    padding-right: 10px;
}

.QuickLinks .footerItem li
{
    background-color: #018699;
    padding: 10px 10px 20px 10px;
    z-index: 10;
    margin-left:5px !important;
    cursor:pointer;
}
.QuickLinks .footerItem li:hover, .QuickLinks .footerItem li.active
{
    background-color:#c1022c;
    background-image:url('/Content/images/ArrowUp-White.png');
	background-position:center bottom -3px;
	background-repeat:no-repeat;
}
.QuickLinks .footerItem li a
{
    position:relative;
    top:5px;
}

.TinyMenu
{
    padding-bottom: 8px !important;
}
.QuickLinks li.TinyMenu
{
    background-image:none !important;    
}
.QuickLinks li.TinyMenu a
{
    
    top:0px !important;
}
div#RAPTabs > ul.nav-pills > li.active > a, div#RAPTabs > ul.nav-pills > li.active > a:hover, div#RAPTabs > .nav-pills > li.active > a:focus
{
    background-color: transparent;
    background-image: url('/Content/images/RAP/RAPStep_Active.png');
    color: #FFFFFF;
    height: 52px;
    font-size:14px;
}

div#RAPTabs .fa
{
    display: none;
}

div#RAPTabs > ul.nav-pills > li.finish > a, div#RAPTabs > ul.nav-pills > li.finish > a:hover, div#RAPTabs > .nav-pills > li.finish > a:focus
{
    background-color: #515151;
    color: #FFFFFF;
    font-size:14px;
}
div#RAPTabs > ul.nav-pills > li.active > a, div#RAPTabs > ul.nav-pills > li.active > a:hover, div#RAPTabs > .nav-pills > li.active > a:focus
{
    background-color: transparent;
}
div#RAPTabs > .nav-pills > li.finish .fa
{
    display: inline-block;
    padding-right: 5px;
}
div#RAPTabs > ul.nav-pills > li.active > a > .fa, div#RAPTabs > ul.nav-pills > li.active > a:hover > .fa, div#RAPTabs > .nav-pills > li.active > a:focus > .fa
{
    display: none;
}
div#RAPTabs > ul.nav-pills > li > a
{
    border-radius: 0px;
    width:100%;
    height: 41px;
    padding: 12px 5px 10px 5px;
    text-align: center;
    background-color: #c0c0c0;
    color: #4c4c4c;
    text-decoration: none;
    font-weight: bold;
    font-size:14px;
}
div#RAPTabs > ul.nav-pills
{
    width:100%;
}
div#RAPTabs > ul.nav-pills > li
{
    display:inline-block;
    width: 24%;
    max-width:183px;
}
@media screen and (max-width: 767px) 
{
    div#RAPTabs > ul.nav-pills > li.active > a, div#RAPTabs > ul.nav-pills > li.active > a:hover, div#RAPTabs > .nav-pills > li.active > a:focus
    {
        background-color: #00ace7;
        background-image:none;
        height: 41px;
    }
}

div#RAPTabs > div.tab-content
{
    max-width: 738px; /* 183*4 + 3*2 */
}

ul#RAPApproveButtons > li > a
{
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
}
ul#RAPApproveButtons > li > a:hover, ul#RAPApproveButtons > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{
    color: #FFFFFF;
    background-color: #029bcf;
    border-color: #029bcf;
    text-shadow: none;
}


table#tblRAPDetails td
{
    text-align: left;
    padding-bottom: 3px;
}
/*td:first-child*/


/*-* dropdown customisation *-*/
div.k-multiselect-wrap
{
    background-image: url('/Content/images/RAP/dropdown_arrow.gif');
    background-position: right bottom;
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-bottom: 5px;
}
.RAPExceptionalFlag
{
    padding-top:5px;
    padding-bottom:5px;
    margin-top:22px;
}


div#RAPKPI_Accordian .panel-heading
{
    background-image: none;
    background-color: #2e2e2e; /*background-image: none;*/
    color: #fff;
    filter:none;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}

div#RAPKPI_Accordian .panel-heading a
{
    color: #fff;
    text-decoration: none;
}
div#RAPKPI_Accordian .panel-body
{
    padding: 0px;
}
div#RAPKPI_Accordian .panel
{
    margin: 0px;
}
div#KPI_CoreKpis .grow
{
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url('/Content/images/RAP/RAP_Grow_Icon.png');
    background-position: 35px center;
    background-repeat: no-repeat;
    color: #8dc63f;
}
div#KPI_CoreKpis .build
{
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url('/Content/images/RAP/RAP_Build_Icon.png');
    background-position: 35px center;
    background-repeat: no-repeat;
    color: #f7941e;
}
div#KPI_CoreKpis .service
{
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url('/Content/images/RAP/RAP_Service_Icon.png');
    background-position: 35px center;
    background-repeat: no-repeat;
    color: #ed0183;
}
div#KPI_CoreKpis .performance
{
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url('/Content/images/RAP/RAP_Performance_Icon.png');
    background-position: 35px center;
    background-repeat: no-repeat;
    color: #00ace7;
}
div#KPI_CoreKpis .grow > label
{
    color: #8dc63f;
}
div#KPI_CoreKpis .build > label
{
    color: #f7941e;
}
div#KPI_CoreKpis .service > label
{
    color: #ed0183;
}
div#KPI_CoreKpis .performance > label
{
    color: #00ace7;
}
div#KPI_CoreKpis .grow.Selected
{
    background-color: #8dc63f;
}
div#KPI_CoreKpis .build.Selected
{
    background-color: #f7941e;
}
div#KPI_CoreKpis .service.Selected
{
    background-color: #ed0183;
}
div#KPI_CoreKpis .performance.Selected
{
    background-color: #00ace7;
}
div#KPI_CoreKpis .grow.Selected > label
{
    color: #ffffff;
}
div#KPI_CoreKpis .build.Selected > label
{
    color: #ffffff;
}
div#KPI_CoreKpis .service.Selected > label
{
    color: #ffffff;
}
div#KPI_CoreKpis .performance.Selected > label
{
    color: #ffffff;
}
div#RAPKPI_Accordian .benefitting-division .panel-heading
{
    background-image: none;
}
div#RAPKPI_Accordian .grow .Selected
{
    background-color: #8dc63f;
}
div#RAPKPI_Accordian .build .Selected
{
    background-color: #f7941e;
}
div#RAPKPI_Accordian .service .Selected
{
    background-color: #ed0183;
}
div#RAPKPI_Accordian .performance .Selected
{
    background-color: #00ace7;
}
/*div#RAPKPI_Accordian .benefitting-division .Selected
{
    background-color: #ed1b2f;
}*/
div#RAPKPI_Accordian .fa
{
    display: none;
}
div#RAPKPI_Accordian .Selected .fa
{
    display: block;
}
div#RAPKPI_Accordian h5.title
{
    display: none;
}
div#RAPKPI_Accordian h5.grow
{
    display: block;
}




#dashboard_user
{
    padding-left: 3px;
    padding-bottom: 16px;
    min-height: 194px;
    max-width: 610px\9;
}

#dashboard_user img
{
    display: inline;
}

#dashboard_user .summary
{
    font-size: 16px;
    font-weight: bold;
    color: #2e2e2e;
    line-height: normal;
    float: left;
    width: 50%;
    padding: 6px;
}

#dashboard_user .summary .result, #dashboard_user .summary .result-sml
{
    font-size: 36px;
    font-weight: bold;
    color: #00ace7;
    text-decoration: underline;
}

#dashboard_user .summary .fa
{
    color: #7f3f98;
    font-size: 32px;
    vertical-align: middle;
}

#dashboard_user .summary .result-sml
{
    font-size: 22px;
    padding-top: 10px;
    display: inline-block;
}


#dashboard_user .box
{
    width: 24.1%;
    min-width: 110px;
    float: left;
    text-align: center;
    height: 90px;
    padding: 0px;
    background-color: #dbdbdb;
    margin: 2px;
    color: #2e2e2e;
    font-size: 32px;
    font-weight: bold;
    text-decoration: underline;
    line-height: 50px;
}

#dashboard_user .box h3
{
    height: 36px;
    background-color: #2e2e2e;
    color: #00ace7;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 36px;
    margin: 0px;
}

#dashboard_user .box h3 .fa
{
    color: #ffffff;
    font-size: 24px;
    vertical-align: middle;
}

#dashboard_user .box p a
{
    color: #00ace7;
    text-decoration: underline;
}

#dashboard_manager
{
    padding-left: 3px;
    padding-top: 10px;
    min-height: 194px;
    max-width: 610px\9;
}


#dashboard_manager .chart
{
    float: left;
    min-width: 200px;
}

#dashboard_manager .chart table
{
    width: 100%;
    table-layout: fixed;
}
#dashboard_manager .chart table tr
{
    height: 40px;
}
#dashboard_manager .chart table tr:first-child
{
    height: 20px !important;
}

#dashboard_manager .chart table .label-x
{
    width: 80px;
    text-align: right;
    padding-right: 4px;
}

#dashboard_manager .chart table .bar
{
    float: left;
    height: 30px;
    overflow: hidden;
}

#dashboard_manager .chart table .legend span
{
    font-size: 10px;
    white-space: nowrap;
}

#dashboard_manager #chartCategory table .legend span
{
    display: inline-block;
    white-space: nowrap;
    width: 135px;
    height: 12px;
}

#dashboard_manager .chart table .legend span span
{
    display: inline-block;
    width: 10px !important;
    height: 10px !important;
}

#dashboard_manager #chartEngagement
{
    width: 50%;
}
#dashboard_manager #chartCategory
{
    width: 48%;
}
#dashboard_manager #chartCategory table td.label-x
{
    width: 15px;
}
#dashboard_manager #chartCategory table td.label-x span
{
    display: none;
}

@media (max-width: 600px)
{
    #dashboard_manager #chartEngagement
    {
        width: 98%;
    }
    #dashboard_manager #chartCategory
    {
        width: 98%;
    }
    #dashboard_manager #chartCategory table td.label-x
    {
        width: 80px;
    }
    #dashboard_manager #chartCategory table td.label-x span
    {
        display: inline;
    }
    #dashboard_user .box
    {
        width: 48%;
    }
}


/* CSS for classes used in dynamic reports*/

.rfContainer
{
    vertical-align: bottom;
    height: 54px;
    margin-bottom: 5px;
}

.rfButtonContainer
{
    vertical-align: bottom;
    height: 54px;
    padding-top: 15px;
}


.rfCalendarSubContainer
{
    vertical-align: bottom;
    padding-left: 0px;
}

.rfTable
{
    width: 100%;
}

.kzContainer
{
    min-height: 200px;
    margin-left: 0px;
    padding-left: 0px;
}
.kzContainer .col-sm-5
{
    margin-left: 0px;
    padding-left: 0px;
    width: 145px;
}

.kzSubContainer
{
    min-height: 180px;
}

.kzSubContainer h2
{
    padding-top: 0;
    margin-bottom: 0px;
}
.kzSubmitted
{
    color: #b3b3b3;
    font-size: 11px;
    margin: 0 0 0px;
    font-style: italic;
}

.kzKPINom
{
    margin: 0 0 0px;
}

.kzSocialContainer
{
    position: absolute;
    bottom: 35px;
}

.kendodate
{
    height: 29px !important;
}
.k-datepicker
{
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.k-datepicker .k-picker-wrap
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#filters
{
    clear: both;
    padding-top: 10px;
}
#report
{
    clear: both;
    padding-top: 20px;
}

.rfRight
{
    float: right;
    text-align: right;
    padding-top: 0px;
}


@media (max-width: 767px)
{

    .rfButtonContainer .btn
    {
        width: 100%;
    }
    .rfRight
    {
        float: none;
    }
}


/*** TABLE STYLES ***/

table.tableStyle {
    background-color: transparent;
    border-collapse: collapse;
}

.tableStyle tr th {
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid;
    margin: 0px;
    padding: 10px;
    text-align: center;
}

.tableStyle tr th {
    background-color: #2f2f2f;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
}

.tableStyle tr.footer td {
    background-color: #2f2f2f;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
}

.tableStyle tr {
    text-align: center;
}

    .tableStyle tr td {
        border-width: 1px;
        border-color: #ffffff;
        border-style: solid;
        background-color: #eeeeee;
        font-weight: normal;
        font-size: 12px;
        color: #2f2f2f;
        text-align: left;
        padding: 15px;
    }

.tableStyle th.left,
.tableStyle td.left {
    padding-left: 10px;
    text-align: left;
}

.tableStyle th.right,
.tableStyle td.right {
    padding-right: 10px;
    text-align: right;
}

.tableStyle tr.trAlt td {
    background-color: #d3d3d3 !important;
}

.tableStyle tr.parent td {
    background-color: #2f2f2f !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #ffffff !important;
    cursor: pointer;
    padding: 5px;
}

.tableStyle tr.trAlt td.total,
.tableStyle td.parent,
.tableStyle td.total {
    background-color: #2f2f2f !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #ffffff !important;
}

.tableStyle select {
    font-size: 8pt;
}

.tableStyle label {
    color: #2f2f2f;
}

.tableStyle tr.footerImportant td {
    background-color: #008290 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #ffffff !important;
}

.tableStyle .nobg,
.tableStyle .nobg td,
.tableStyle .nobg th {
    background-color: transparent !important;
}

.tableStyle td a,
.tableStyle td a:link,
.tableStyle td a:visited,
.tableStyle td a:active {
    color: #008290;
    text-decoration: underline;
}

.tableStyle td h1 {
    margin-top: 10px;
}

.tableStyle tr.parent td a {
    color: White;
}


.tableStyle th.highlight,
.tableStyle td.highlight {
    background-color: #008290;
    color: White;
}

.tableStyle tr.trAlt td.highlight {
    background-color: #008290 !important;
    color: White !important;
}

.tableStyle th.highlight a,
.tableStyle td.highlight a {
    color: White;
}

.tableStyle tr.trAlt td.highlight a {
    color: White !important;
}




/*** TABLE STYLES ***/

table.SecondTableStyle {
    background-color: transparent;
    border-collapse: collapse;
}

.SecondTableStyle tr th {
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid;
    margin: 0px;
    padding: 10px;
    text-align: center;
}

.SecondTableStyle tr th {
    background-color: #2f2f2f;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
}

.SecondTableStyle tr.footer td {
    background-color: #2f2f2f;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
}

.SecondTableStyle tr {
    text-align: center;
}

    .SecondTableStyle tr td {
        border-width: 1px;
        border-color: #ffffff;
        border-style: solid;
        background-color: #d3d3d3;
        font-weight: normal;
        font-size: 12px;
        /*color: #2f2f2f;*/
        text-align: center;
        height: 145px;
        vertical-align: middle;
        padding-left: 10px;
        padding-right: 10px;
    }

.SecondTableStyle th.left,
.SecondTableStyle td.left {
    padding-left: 10px;
    text-align: left;
}

.SecondTableStyle th.right,
.SecondTableStyle td.right {
    padding-right: 10px;
    text-align: right;
}

.SecondTableStyle tr.trAlt td {
    background-color: #eeeeee !important;
}

.SecondTableStyle tr.parent td {
    background-color: #2f2f2f !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #ffffff !important;
    cursor: pointer;
    padding: 5px;
}

.SecondTableStyle tr.trAlt td.total,
.SecondTableStyle td.parent,
.SecondTableStyle td.total {
    background-color: #2f2f2f !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #ffffff !important;
}

.SecondTableStyle select {
    font-size: 8pt;
}

.SecondTableStyle label {
    color: #2f2f2f;
}

.SecondTableStyle tr.footerImportant td {
    background-color: #008290 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #ffffff !important;
}

.SecondTableStyle .nobg,
.SecondTableStyle .nobg td,
.SecondTableStyle .nobg th {
    background-color: transparent !important;
}

.SecondTableStyle td a,
.SecondTableStyle td a:link,
.SecondTableStyle td a:visited,
.SecondTableStyle td a:active {
    color: #008290;
    text-decoration: underline;
}

.SecondTableStyle td h1 {
    margin-top: 10px;
}

.SecondTableStyle tr.parent td a {
    color: White;
}


.SecondTableStyle th.highlight,
.SecondTableStyle td.highlight {
    background-color: #008290;
    color: White;
}

.SecondTableStyle tr.trAlt td.highlight {
    background-color: #008290 !important;
    color: White !important;
}

.SecondTableStyle th.highlight a,
.SecondTableStyle td.highlight a {
    color: White;
}

.SecondTableStyle tr.trAlt td.highlight a {
    color: White !important;
}

.ContentViewer_VerticalNewsScroller
{
    /*width: 300px;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;*/
    padding-left: 0px;
    border: none;
    width: auto;
}
@media screen and (max-width: 767px)
{
    .ContentViewer_VerticalNewsScroller
    {
        width: 100%;
        padding-left: 0px;
        /*border-top: solid 1px #cccccc;
        border-bottom: solid 1px #cccccc;*/
    }
}
.ContentViewer_VerticalNewsScroller li
{
    list-style-type: none; /*border-bottom:1px dotted #333333;*/
    border: none;
    /*border-bottom: 1px solid #dbdbdb;*/
    padding-top: 5px;
    padding-bottom: 0px;
    position: relative;
    height: 80px;    
}
.ContentViewer_VerticalNewsScroller .readMore
{
    font-size: 13px;
    float: right;
}
.ContentViewer_VerticalNewsScroller p
{
    margin-bottom: 0;
    font-size: 12px;
}
.ContentViewer_VerticalNewsScroller li img
{
    float: left;
    margin: 5px 5px 5px 0px;
    margin-top: 0px;
    height: 60px;
    width: 60px;    
}
.ContentViewer_VerticalNewsScroller .emptyImg
{
    width: 60px;
    height: 60px; /*padding:5px;*/
    border: 1px solid #cccccc;
    float: left;
    margin: 5px 5px 5px 0px;
}
.ContentViewer_VerticalNewsScroller li h2
{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px;
}
.ContentViewer_VerticalNewsScroller .datesubmitted
{
    color: #b3b3b3;
    font-size: 11px;
    font-style: italic;
}

#facts_stats.ContentViewer_VerticalNewsScroller li img
{
    height: 70px;
    width: 70px;    
}
#facts_stats.ContentViewer_VerticalNewsScroller li
{
    height:120px;
}

#projects
{
    position: relative;
    margin: 0px auto;
    width: 618px;
    display: block;
    height: 200px;
    /*color: #1a1f27;*/
    /*background: url(/Content/images/divWhatsNew.png) no-repeat right top;*/
}

#project-type-nav
{
    position: relative;
    margin-top: 0px; /*width: 192px;*/ /*FLOAT: left; */
    /*color: #dce7fa;*/
    margin-left: 0px;
    font-size: 14px;
    font-weight: bold; /*top:-5px; /*left:-2px; */
    list-style-type: none;
    background-color: #ffffff;
    background: url(/Content/images/whats_new.png) no-repeat left top;
    z-index: 1;
}
#project-type-nav div
{
    /*width: 192px;*/
    /*background: url(/images/whatsnew_tab_def.png) no-repeat left top;*/
    height: 70px;
}
#project-type-nav div A
{
    /*width: 192px;*/
    color: White;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    display: block;
    height: 70px;
    overflow: hidden;
    cursor: pointer;
}
#project-type-nav div A SPAN
{
    z-index: 50;
    position: relative; /*margin-top: 15px; 	text-indent: -99999em;*/
    width: 192px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    height: 70px;
    margin-left: 0px;
    padding-top: 25px;
    text-align: center;
    vertical-align: middle;
    z-index: 10; /*opacity: 0.65;*/
}
#project-type-nav div.current
{
    position: absolute;
    width: 192px;
    display: block;
    background: url(/Content/images/Whats_New_Current.png) no-repeat left top;
    height: 70px; /*TOP: -5px; /*LEFT: -7px;*/ /*margin-top:3px; 	padding-top:15px;*/
    z-index: 5;
    text-align: right;
}

#project-type-nav div.web A SPAN
{
    /*background-image: url(/Content/images/whats_new.png);*/
    background-position: center bottom;
    margin-top: 0px;
}
#project-type-nav div.iphone A SPAN
{
    /*background-image: url(/Content/images/whats_new.png);*/
    background-position: center bottom;
    margin-top: 0px;
}
#project-type-nav div.desktop A SPAN
{
    /*	BACKGROUND-IMAGE: url(/images/quicklinks.png);		*/ /*background-image: url(/Content/images/whats_new.png);*/
    background-position: center bottom;
    margin-top: 0px;
}

#projects-bottom
{
    position: absolute;
    width: 500px;
    bottom: 0px; /*BACKGROUND: url(/images/bg-main.png) no-repeat left bottom; */ /*background-color:#434956;*/
    height: 18px;
    left: 10px;
}
.project-dots
{
    position: absolute;
    bottom: 5px;
    left: 80%;
}
.project-dots A
{
    text-indent: -99999em;
    width: 16px;
    background: url(/content/images/bullet-black.png) no-repeat left top;
    float: left;
    height: 16px;
    margin-right: 5px;
}
.project-dots A.active
{
    background: url(/content/images/bullet_green.png) no-repeat left top;
    width: 16px;
    height: 16px;
}
.project-dots A.active:hover
{
    opacity: 1;
}
.button-next-project
{
    position: absolute; /*text-indent: -99999em;*/ /*width: 26px;*/
    bottom: 10px; /*background: url(/images/arrow-right.png) no-repeat right top;*/
    height: 26px;
    cursor: pointer;
    right: 30px;
    display: none;
    /*font-size: 12px;*/
}
.button-prev-project
{
    position: absolute; /*text-indent: -99999em;*/ /*width: 26px;*/
    bottom: 10px; /*background: url(/images/arrow-right.png) no-repeat right top;*/
    height: 26px;
    cursor: pointer;
    right: 60px;
    display: none;
    /*font-size: 12px;*/
}
.button-prev-project:active
{
    /*background: url(/images/arrow-right.png) no-repeat right bottom;*/
}
.button-next-project:active
{
    /*background: url(/images/arrow-right.png) no-repeat right bottom;*/
}
.project
{
    position: relative;
    height: 200px;
    overflow: hidden;
    margin-right: 0px; /*border: 1px solid #ff0000;*/
    padding: 4px;
    max-width: 608px;
}
/*
.project H3.project-title
{
	padding-left: 3px;
	bottom: 18px;
	color: #1b1d20;
	font-size: 25px;
	font-weight: bold;
	left: 32px;
	text-shadow: 0px 1px 0px #e0e8f5;
}
*/
.project-text
{
    line-height: 14px;
    margin-top: 0px;
    padding-right: 12px;
    /*color: #1a1f27;*/
    margin-left: 5px;
    /*font-size: 12px;*/ /*text-shadow: 0 1px 0 #c6cbd5;*/
}
.project-text p
{
    margin-bottom: 0.5em;
}
.project p.readmore
{
    text-align: right;
}

.project-text-icon
{
    float: left;
    text-align: left;
    
    margin-right: 10px;
    width: 190px;
    height: 182px;
    padding: 0px;
    padding-right: 10px;    
}
.project-text-icon img
{
    width: 182px;
    height: 182px;
    border: none;
}
.project-text-copy h2
{
    padding-top: 8px;
}
.project-text-copy ul
{
    list-style-position: inside;
}


#scroller-window
{
    height: 210px;
    display: inline;
    float: right;
    width: 426px;
}
#scroller-web-window
{
    height: 210px;
}
#scroller-iphone-window
{
    height: 210px;
}
#scroller-desk-window
{
    height: 210px;
}
#scroller-window
{
    position: relative;
    margin-top: 0px;
    width: 426px;
    margin-bottom: 0px;
    float: right;
    overflow: hidden;
    margin-right: 2px;
}
#scroller-fade-left
{
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0px;
}
#scroller-fade-right
{
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0px;
}
#scroller-fade-left
{
    /*background: url(/images/scroller-fade.png) repeat-y right top;*/
    left: 0px;
}
#scroller-fade-right
{
    /*background: url(/images/scroller-fade.png) repeat-y left top;*/
    right: 0px;
}
#scroller-web-window
{
    width: 426px;
    overflow: hidden;
}
#scroller-web-wrap
{
    position: absolute;
    width: 10000em;
}
#scroller-iphone-window
{
    width: 426px;
    overflow: hidden;
}
#scroller-iphone-wrap
{
    position: absolute;
    width: 10000em;
}
#scroller-desk-window
{
    width: 426px;
    overflow: hidden;
}
#scroller-desk-wrap
{
    position: absolute;
    width: 10000em;
}
#scroller-window .project
{
    float: left;
}
#scroller-vertical
{
    position: absolute;
    width: 426px;
    height: 210px;
    top: 0px;
    left: 0px;
}
/* override to bootstrap css  */
#scroller-window .tab-content
 {
     padding: 20px;
     border-bottom: 1px solid #dddddd;
     border-left: 1px solid #dddddd;
     border-right: 1px solid #dddddd;
 }
.whatsnew > ul > li.active, .whatsnew > ul > li.active > a, .whatsnew > ul > li.active > a:Hover, .whatsnew > ul > li.active > a:focus
{
    background-color: #008290;
    border-color: #008290;
    color: #ffffff;
    font-weight: bold;
}
@media screen and (min-width: 768px)
{
    #scroller-window .tab-content > .tab-pane
    {
        display: block;
    }
}
/* end override to bootstrap css  */

@media screen and (max-width: 767px)
{
    .project, #scroller-window,  #projects,#scroller-vertical, #scroller-desk-window, #scroller-iphone-window, #scroller-web-window,#scroller-web-wrap,#scroller-iphone-wrap, #scroller-desk-wrap
    {
        width: 100%;
    }
   
    .project-text-icon
    {
        display:none;
    }
    /*#scroller-window .tab-content > .tab-pane
    {
        display: none;
    }
    #scroller-window .tab-content > .tab-pane > .active
    {
        display: block;
    }*/
}

.navbar-default
{
    background-color: #008290;
    border-color: #008290;
    margin-bottom: 0px;
    font-weight: bold;
    background-image: none;
    border-radius: 0px;
}
@media (min-width: 768px)
{
    .navbar
    {
        border-radius: 0px;
    }

}


.navbar-default a
{
    text-decoration: none;
    text-shadow: none !important;
}
.navbar-default .navbar-brand
{
    color: #008290;
}
.navbar-default .navbar-menu-text
{
    color: #008290;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus
{
    color: #008290;
}
.navbar-default .navbar-text
{
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a
{
    color: #ffffff;
    line-height: 1.4em;
    padding-left:10px;
    padding-right:10px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
    color: #ffffff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
    color: #ffffff;
    background-color: #008290;
    background-image: none;
    filter: none;
    font-weight: bold;
    border-bottom:3px solid #ffffff;  
    box-shadow:none; 
}

.dropdown-menu .active > a
{
    background-image:none;
    color: #ffffff;
    background-color: #008290;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
    color: #ffffff;
    background-color: #008290; 
    background-image:none;
}
.navbar-default .dropdown-menu > .active > a,
.navbar-default .dropdown-menu > .active > a:hover,
.navbar-default .dropdown-menu > .active > a:focus
{
    color: #ffffff;
    background-color: #008290; 
    background-image:none;
}
.navbar-default .navbar-toggle
{
    border-color: #008290;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
{
    background-color: #ffffff !important;
}
.navbar-default .navbar-toggle .icon-bar
{
    background-color: #008290;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
    border-color: #ffffff;
    background-color: #008290;
}
.navbar-default .navbar-link
{
    color: #ffffff;
}
.navbar-default .navbar-link:hover
{
    color: #ffffff;
}

.navbar-default .caret
{
    display: none;
}
/*.navbar-collapse
{
    padding-left:0px;
    padding-right:0px;
    
}*/
.form-control, .k-multiselect
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

input[type="checkbox"].form-control
{
    float: left;
    margin: -8px 8px 0 4px;
    width: auto;
}

@media (max-width: 767px)
{
    .navbar-default
    {
        background-color: #ffffff;
        border-color: #ffffff;
        margin-bottom: 0px;
        font-weight: bold;
        background-image: none;
        border-radius: 0px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
    {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus
    {
        color: #ffffff;
        background-color: #008290;
    }
    .sitemap
    {
        display: none;
    }
}
.navbar
{
    min-height: 40px;
}
.navbar-nav > li > a
{
    padding-bottom: 10px;
    padding-top: 10px;
}


.thumbnail, .img-thumbnail
{
    box-shadow: 0px;
    padding: 0px;
}

.select2-container
{
    padding: 0px !important;
    border: 0px;
}

.btn
{
    border: none;
    border-radius: 4px;
    box-shadow: 0px;
    behavior: url(/scripts/PIE.htc);
}

.btn-primary, .btn-primary:link
{
    color: #ffffff;
    background-color: #008290;
    text-decoration: none;
    font-weight: bold;
    border: none;
}
.btn-primary:visited
{
    color: #ffffff;
    background-color: #008290;
    text-decoration: none;
    font-weight: bold;
    border: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary
{
    border-color: none;
    color: #ffffff;
    background-color: #029bcf;
}

.btn-default, .btn-default:link
{
    color: #ffffff;
    background-color: #008290;
    text-decoration: none;
    font-weight: bold;
    border: none;
    text-shadow: none;
}
.btn-default:visited
{
    color: #ffffff;
    background-color: #008290;
    text-decoration: none;
    font-weight: bold;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default
{
    border: none;
    color: #ffffff;
    background-color: #008290;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active
{
    background-color: #008290;
}

/*Alert and validation messages */
/*.alert
{
    background-image: none;
    border-radius: 0px;
    border-width: 2px;
    filter: none; 
}

.alert-danger
{
    background-color: #fff;
    border-color: Red;
    border-width: 2px;
    color: Red;
}
.alert-warning
{
    background-color: #fff;
    border-color: #008290;
    color: #008290;
}
.alert-success
{
    background-color: #fff;
    border-color: Green;
    color: Green;
}*/
h4.alert-heading
{
    font-size: 13px;
}
h2 .small
{
    color: inherit !important;
}

/*.btn-primary .badge 
{
    background-color: #7F3F98 !important;
}*/

.badge
{
    padding: 5px 8px;
    color: #ffffff !important;
    /*background-color: #7F3F98 !important;*/
    border-radius: 100px !important;
    position: relative !important;
    top: -18px !important;
    border: none;
    box-shadow: 0px;
    behavior: url(/scripts/PIE.htc);
}

/*.badge 
{
    background-image: url('/content/images/notification_icon.png');
    background-color: transparent !important;
}*/

.radio-inline INPUT[type='radio'],
.checkbox INPUT[type='checkbox']
{
    margin-top: 0px;
}
.tableStyle .checkbox
{
    margin-left:5px;
}
.modal-footer 
{
    z-index: 9999999; 
    position: relative;
}

/* Pagination */
.pagination > li > a,
.pagination > li > span {
  color: #008290;
  background-color: transparent;
  border: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #000000;
  cursor: default;
  background-color:transparent;
  border:0;
  
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
#myPager
{
    float:right;
    height:50px;
}
.pagination > li > a,
.pagination > li > span {
  float:none;  
}

.pagination li + li
{
    border-left: 1px solid #717171;
}
.pagination > li:last-child
{
    border:0;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: 15px;
margin-left: 15px;
}
.flexslider
{
    /*border: 4px solid #FFFFFF;     border-radius: 4px;     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);     margin: 0 0 60px;*/
    /*border: 0 !important;*/
    box-shadow: none !important;
    margin: 0 !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.flexslider p
{
    margin: 0 !important;
}
.flex-control-nav
{
    bottom: 0px !important;
}


.flex-control-paging li a.flex-active
{
    background: url(/Content/images/bullet_green.png) no-repeat 0 0;
}
.flex-control-paging li a
{
    background: url(/Content/images/bullet_black.png) no-repeat 0 0;
    width: 14px;
    height: 14px;
}
.flex-control-nav
{
    /*bottom: 10px !important;*/
    text-align: right;
    right: 5px;

}
.flex-control-nav li
{
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}
.flex-control-nav li a
{
    color: transparent; 
    font-size:0px;
}

::selection {
    color: white;
    background: #c1022c;
}

.synchro-red {
    color: #c1022c !important;
}

.synchro-teal {
    color: #008290 !important;
}

a.learnMore {
    color: #008290;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

hr {
    border-top: 1px solid #bbb;
}

.checkbox {
    margin-left: 20px;
}

p {
    margin: 20px 0px 20px 0px;
    color: #2f2f2f;
}

a {
    text-decoration: underline;
    color: #008290;
}

    a:hover {
        text-decoration: underline;
        color: #008290;
    }

.Banner {
    margin-bottom: 25px;
}

.GrayRef {
    font-size: 22px;
    color: #808080;
    line-height: 26px;
    margin-top: 0px;
    margin-bottom: 22px;
}

h2 {
    font-size: 22px;
    color: #c1022c;
    margin-top: 0px;
    /*margin-bottom: 32px;*/
    font-weight: bold;
}

    h2.OurServices {
        font-size: 30px;
        color: #c1022c;
        margin-top: 0px;
        /*margin-bottom: 32px;*/
        font-weight: bold;
    }

    h2.OurServicesWhite {
        font-size: 30px;
        color: white;
        margin-top: 0px;
        /*margin-bottom: 32px;*/
        font-weight: bold;
    }

div.OurServicesTeal {
    background-color: #008290;
    color: white;
}

    div.OurServicesTeal p {
        color: white;
    }

h3 {
    font-size: 24px;
    color: #808080;
    margin-top: 0px;
    margin-bottom: 24px;
}

.btn-default {
    text-shadow: none;
    font-weight: bold;
}

.btn-teal {
    background-color: #008290;
    text-decoration: none;
    height: 50px;
    line-height: 36px;
    letter-spacing: 1px;
}


.btn-red {
    background-color: #C0032C;
    text-decoration: none;
    text-transform: uppercase;
    height: 50px;
    line-height: 36px;
    letter-spacing: 1px;
}

#tblAMI, #tblAIA, #tblAPS{
    display: none;
}

.Buttons {
    width: 210px;
}

    .Buttons a {
        text-decoration: none !important;
        font-size: 16px !important;
        color: #008290 !important;
        font-weight: bold;
    }

.Buttonswhite {
    width: 210px;
}

    .Buttonswhite a {
        text-decoration: none !important;
        font-size: 16px !important;
        color: white !important;
        font-weight: bold;
    }

.GetFS {
    height: 50px;
    width: 250px;
    margin: auto;
}

    .GetFS a {
        color: white;
        font-size: 16px;
        text-decoration: none;
        display: block;
        vertical-align: middle;
        text-align: center;
        letter-spacing: 1px;
        font-weight: bold;
        padding: 15px;
    }

#Join h1 {
    color: white;
}

#expand1_icon, #expand2_icon {
    cursor: pointer;
}

.BannerButton {
    /*padding: 10px 30px;*/
    text-align: left;
    color: white;
    font-size: 30px;
    font-weight: 600;
    vertical-align: middle;
    display: block;
    /*background-color: rgb(193, 2, 44);*/
    /*float: left;
    line-height: 42px;*/
}

.BlueRef {
    color: #008290;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 24px;
}

.JumpMan {
    background-image: url("/Content/images/JumpingMan_Big.png");
    background-repeat: no-repeat;
    background-size: 200px 315px;
    width: 200px;
    height: 315px;
    margin-top: 20px;
}

.KeyOutcomes {
    width: 100%;
    background-color: white;
    margin-top: 0px;
    position: relative;
    z-index: 10;
    border: 1px solid #EEEEEE;
    box-shadow: 1px 1px 1px #EEEEEE;
}

.KeyOutcomesHeading {
    color: White;
    padding: 20px;
    background-color: #008290;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.KeyOutcomesButton {
    color: White;
    padding: 20px;
    background-color: #008290;
    font-size: 14px;
    text-align: center;
}

.KeyOutcomesHeading .barchart {
    width: 15px;
    height: 15px;
}

.KeyOutcomesButton a {
    color: white;
    text-decoration: none;
    letter-spacing: 1px;
}

.TealList {
    list-style-image: url('/Content/images/Arrow-Teal-List.png');
}

.KeyOutcomes ul {
    padding-left: 20px;
    margin-bottom: 0px;
}

    .KeyOutcomes ul li {
        font-size: 12px;
        padding-bottom: 10px;
        color: #2f2f2f;
    }

.RedButton {
    background-color: #c1022c;
    height: 50px;
    width: 190px;
    margin-right: 25px;
    margin-bottom: 25px;
    float: left;
}

.TealButton {
    background-color: #008290;
    height: 50px;
    width: 150px;
    margin: auto;
}

    .TealButton.TBLogin {
        width: 120px;
        text-align: center;
    }

    .TealButton a {
        color: white;
        font-size: 14px;
        text-decoration: none;
        display: block;
        vertical-align: middle;
        text-align: center;
        letter-spacing: 1px;
    }

.RedButton a {
    color: white;
    font-size: 14px;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    text-align: center;
    padding: 15px 0px 15px 0px;
    letter-spacing: 1px;
    background-color: white;
    color: #008290;
    font-size: 16px;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    text-align: center;
    height: 50px;
    font-weight: bold;
}

.BannerCopy h3 {
    color: #000;
    font-size: 21px;
    margin-bottom: 18px;
    margin-top: 10px;
}

.Banner {
    background-repeat: no-repeat;
    /*background-size: cover !important;*/
}


#facts_stats_flyer {
    position: fixed;
    top: 50%;
    right: 0px;
    z-index: 10;
    border: 2px solid #fff;
    background-color: #C1022C;
    color: #fff;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: right bottom 0;
    -moz-transform-origin: right bottom 0;
    -ms-transform-origin: right bottom 0;
    -o-transform-origin: right bottom 0;
    transform-origin: right bottom 0;
    float: left;
    text-align: center;
    font-size: 18px;
    padding: 10px;
}

    #facts_stats_flyer a {
        text-decoration: none;
        color: #fff;
        text-align: center;
    }

.pre-footer {
    background-color: #c1022c;
    height: 100px;
}

.slogan-motivation {
    height: 50px;
    width: 275px;
    margin-right: 25px;
    margin-bottom: 25px;
    color: white;
    margin: auto;
}

    .slogan-motivation a {
        color: white;
        font-size: 16px;
        text-decoration: none;
        display: block;
        vertical-align: middle;
        text-align: center;
        padding: 15px 0px 15px 0px;
        letter-spacing: 1px;
        font-weight: bold;
    }

#FSRegistration .BannerCopy h1 {
    color: #c1022c;
    font-size: 30px;
    font-weight: 600;
    vertical-align: middle;
    padding: 12px 0px 12px 0px;
    display: block;
}



#FSRegistration .Banner {
    background-image: url('/Content/images/Facts_Stats_Banners_v04.jpg');
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto !important;
    background-position: center;
    height: 360px;
    margin-bottom: 0px;
}

#Banner_OurServices {
    background-image: url('/Content/images/Our_Services_Banners_v05.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    height: 360px;
}

#Banner_AboutSynchro {
    background-image: url('/Content/images/Our_Focus_Banners_v03.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    margin-bottom: 0px;
    height: 360px;
}




#Banner_FS {
    background-image: url('/Content/images/Facts_Stats_Banners_v03.jpg');
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto !important;
    background-position: center;
    height: 360px;
    margin-bottom: 25px;
}

    #Banner_FS .BannerCopy {
        padding-top: 20px;
    }

#SalesIncentives .Banner, #EmployeeEngagement .Banner, #ChannelPerformance .Banner, #CustomerLoyalty .Banner, #eLearning .Banner, #RecognitionandReward .Banner, #RewardCentre .Banner, #RewardCentreCYR .Banner, #Join .Banner {
    height: 360px;
    background-color: white;
}

#PrivacyPolicy .Banner {
    height: 215px;
    background-color: white;
}

    #PrivacyPolicy .Banner h3, #SalesIncentives .BannerCopy h3, #EmployeeEngagement .BannerCopy h3, #ChannelPerformance .BannerCopy h3, #CustomerLoyalty .BannerCopy h3, #eLearning .BannerCopy h3, #RecognitionandReward .BannerCopy h3, #RewardCentre .BannerCopy h3, #RewardCentreCYR .BannerCopy h3, #Banner_AboutSynchro .BannerCopy h3, #Banner_OurServices .BannerCopy h3, #Join .BannerCopy h3, #Banner_FS .BannerCopy h3, #FSRegistration .BannerCopy h3 {
        color: #fff;
        font-size: 18px;
        margin-bottom: 18px;
        /*float: right;*/
        margin-top: 10px;
    }

#Banner_SalesIncentives .BannerCopy {
    padding-top: 140px;
}

#Banner_OurServices .BannerCopy {
    padding-top: 185px;
}

#Banner_AboutSynchro .BannerCopy {
    padding-top: 40px;
}

#Banner_ContactUs .BannerCopy {
    padding-top: 140px;
}
/*
#Banner_SalesIncentives .BannerButton
{
    background-color: #c1022c;
    height: 100px;
    width: 420px;
}*/
#Banner_FS .BannerCopy {
    padding-top: 185px;
}

#Banner_AboutSynchro .BannerCopy {
    padding-top: 185px;
}

#RewardCentre .BannerCopy {
    padding-top: 185px;
}

#RewardCentreCYR .BannerCopy {
    padding-top: 185px;
}

#SalesIncentives .BannerCopy {
    padding-top: 185px;
}

#EmployeeEngagement .BannerCopy {
    padding-top: 185px;
}

#SynchroSafe .BannerCopy {
    padding-top: 185px;
}

#RecognitionandReward .BannerCopy {
    padding-top: 185px;
}

#CustomerLoyalty .BannerCopy {
    padding-top: 185px;
}

#ChannelPerformance .BannerCopy {
    padding-top: 185px;
    /*float: right;*/
}

#PrivacyPolicy .BannerCopy {
    padding-top: 145px;
}

#eLearning .BannerCopy {
    padding-top: 185px;
    /*float: right;*/
}

#Join .BannerCopy {
    padding-top: 185px;
}


#RecognitionandReward .BannerCopy {
    padding-top: 185px;
}

#FSRegistration h3 {
    color: #000000;
}



#Banner_OurServices .BannerCopy h1 {
    font-size: 48px;
    color: #c1022c;
    font-weight: 700;
    line-height: 1.2;
}


#ChannelPerformance .BannerCopy h3 {
    /*float: right;*/
    color: White;
}

#PrivacyPolicy .BannerCopy h3 {
    color: White;
}

#eLearn .BannerCopy h3 {
    float: right;
    color: White;
}

/*#Banner_AboutSynchro .BannerCopy h3 {
    font-size: 24px;
    color: White;
    margin-top: 18px;
    margin-bottom: 18px;
    line-height: 1.3;
}*/

#Banner_AboutSynchro .BannerCopy h1 {
    font-size: 48px;
    color: white;
    font-weight: 700;
    line-height: 1.2;
}

#Banner_FS .BannerCopy h1 {
    font-size: 48px;
    color: #c1022c;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: white 0.1em 0.1em 0.2em;
}

#Banner_ContactUs .BannerCopy h1 {
    font-size: 48px;
    color: White;
    font-weight: 700;
    line-height: 1.2;
}

#Banner_ContactUs .BannerCopy h3 {
    font-size: 24px;
    color: white;
    margin-top: 18px;
    margin-bottom: 18px;
    line-height: 1.3;
}

/*#Banner_FS .BannerCopy h3 {
    font-size: 24px;
    color: #000000;
    margin-top: 18px;
    margin-bottom: 18px;
    line-height: 1.3;
}*/

/*#Banner_SalesIncentives .BannerButton font {
    font-size: 48px;
    color: White;
    display: block;
    vertical-align: middle;
    text-align: center;
    padding: 41px 0px 41px 0px;
    font-weight: 600;
}*/

#Home h2 {
    font-size: 32px;
    color: White;
    font-weight: 100;
}

#Home h1 {
    font-size: 48px;
    color: #c1022c;
    font-weight: 700;
}

#Home p {
    font-size: 24px;
    color: White;
    font-weight: lighter;
}

.HomeBox {
    margin-right: 20px;
    background-color: white; /*width: 250px;     height: 450px;     float: left;*/
    margin-bottom: 20px;
    border: 1px solid #EEEEEE;
    box-shadow: 1px 1px 1px #EEEEEE;
    display: inline-block;
}

    .HomeBox .HomeBoxHeaderImg img {
        width: 100%;
    }
    .HomeBoxHeaderImg {
        max-height: 218.81px;
    }



.HomeBox .HomeBoxContent {
    padding: 0px 15px;
    max-height: 450px;
    cursor: pointer;
}

        .HomeBox .HomeBoxContent h2 {
            font-size: 22px;
            margin-top: 22px;
            margin-bottom: 22px;
            /*color: #555;*/
        }

        .HomeBox .HomeBoxContent p {
            margin: 15px 0px 15px 0px;
        }

        .HomeBox .HomeBoxContent .HomeBoxContentCopy {
            height: 200px;
        }

    .HomeBox.HomeBox-mb {
        display: table-row;
    }


        .HomeBox.HomeBox-mb .HomBox-mb-panel {
            display: table-cell;
            vertical-align: top;
        }

            .HomeBox.HomeBox-mb .HomBox-mb-panel img {
                width: 145px;
            }

            .HomeBox.HomeBox-mb .HomBox-mb-panel .HomeBoxContent {
                max-height: 200px;
                overflow: hidden;
            }

.HomBox-mb-panel .HomeBoxContent h2 {
    font-size: 14px;
    margin: 5px 0;
}

.HomBox-mb-panel .HomeBoxContent p {
    margin: 5px 0;
    font-size: 14px;
    line-height: 16px;
}


.service-tile .service-content .content-default {
}


.service-tile .service-content .content-active {
    display: none;
}


.FSBox {
    margin-right: 20px;
    background-image: url('/content/images/Facts_Stats_Bg.jpg');
    background-size: cover;
    cursor: pointer;
}

    .FSBox .HomeBoxContent {
        padding: 15px;
        height: 450px;
    }

        .FSBox .HomeBoxContent .HomeBoxContentCopy {
            height: 370px;
        }

        .FSBox .HomeBoxContent h2 {
            font-size: 22px;
            color: white;
            margin-top: 0px;
            margin-bottom: 10px;
            text-align: center;
        }

        .FSBox .HomeBoxContent .heading {
            font-size: 14px;
            color: white;
            margin-top: 0px;
            display: table-cell;
            vertical-align: middle;
        }

        .FSBox .HomeBoxContent ul li {
            padding: 0;
            border-bottom: 1px dotted #fff;
        }

        .FSBox .HomeBoxContent h3 {
            font-size: 14px;
            color: white;
            margin-top: 0px;
            margin-bottom: 5px;
            text-align: center;
        }

    .FSBox .FSContent {
        float: left;
        padding-left: 10px;
        height: 70px;
        display: table;
    }

@media(max-width:768px) {
    .FSBox .HomeBoxContent h2 {
        font-size: 16px;
        margin-bottom: 10px;
        letter-spacing: 1px;
    }

    .FSBox {
        height: 315px;
        margin: 0px;
    }

    .wrapsemibox {
        padding-bottom: 40px;
    }
}

@media (max-width:992px) {
    .HomeBox {
        margin-right: 0px;
    }

    .FSBox .FSContent {
        width: auto;
    }

    .HomeBox .HomeBoxContent .HomeBoxContentCopy {
        height: auto;
    }

    .HomeBox {
        background-image: url('/Content/images/Arrow-White.png');
        background-position: 0px 300px;
        background-repeat: no-repeat;
    }

    #FSRegistration .TealButton {
        margin-top: 20px;
    }

    #FSRegistration .BannerCopy h1 {
        color: #c1022c;
        font-size: 40px;
        font-weight: 600;
        vertical-align: middle;
        padding: 12px 0px 12px 0px;
        display: block;
    }

    #ContactUsBox {
        padding-bottom: 25px;
    }

    .ContentBox {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

@media (max-width:600px) {
    .pre-footer {
        height: 100px;
    }

    .slogan-motivation {
        font-size: 16px;
    }

    .FSBox .HomeBoxContent {
        height: 350px;
    }
}

.ContactBox .ContactBoxCopy {
    width: 519px;
    height: 168px;
    padding: 20px;
    font-size: 18px;
    color: white;
    line-height: 1.3;
}

.ContactBox_Moblie .ContactBoxCopy {
    width: 292px;
    height: 168px;
    font-size: 18px;
    color: white;
    line-height: 1.3;
}

.ContactBox .MM {
    vertical-align: top;
    width: 35%;
    position: relative;
}

.ContactBox .RM {
    vertical-align: top;
    width: 55%; /*background-image: url('/Content/images/ArrowLine-White-ContactUs.png');*/
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 30px;
    position: relative;
    border-left: 1px solid white;
}

.ContactBox_Moblie .MM {
    vertical-align: top;
    position: relative;
    border-bottom: 1px solid white;
    padding: 20px;
    height: 168px;
    text-align: left;
}

.ContactBox_Moblie .RM {
    vertical-align: top; /*background-image: url('/Content/images/ArrowLine-White-ContactUs.png');*/
    background-position: left;
    background-repeat: no-repeat;
    position: relative;
    padding: 20px;
    height: 168px;
    text-align: left;
}

.ContactIcon {
    width: 100px;
}


#Banner_ContactUs {
    background-image: url('/Content/images/Contact_Us_Banners_v03.jpg');
    background-repeat: no-repeat;
    height: 600px;
    background-position: center;
}

#Banner_Easter {
    background-image: url('/Content/images/Sync_Easter2019_LaunchAssets_Banner.png?2018');
    background-repeat: no-repeat;
    height: 560px;
    background-position: center;
}

#Banner_Safe {
    background-image: url('/Content/images/Website Banner.png');
    background-repeat: no-repeat;
    height: 560px;
    background-position: center;
    background-color: black;
}

#btnContactSynchro {
    background-color: transparent;
    color: White;
    font-size: 24px;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    text-align: center;
    width: 100px;
}

#btnDoLoginByEmail {
    background-color: white;
    color: #008290;
    font-size: 16px;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    text-align: center;
    width: 120px;
    height: 50px;
    font-weight: bold;
}



#FSRegistration .BannerCopy {
    padding-top: 185px;
}

#btnRegisterSubmit, #btnContactSynchro {
    background-color: #008290;
    color: White;
    font-size: 14px;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    text-align: center;
    width: 150px;
    height: 50px;
    font-weight: bold;
}

.TealBoxContainer {
    background-color: #008290;
}

#FSRegistration input[type=text], #FSRegistration select {
    height: 50px;
    margin-bottom: 20px;
}

.k-multiselect-wrap .k-input {
    height: 46px;
}

select {
    height: 34px;
}

#myPager {
    text-align: right;
}

#btnClear {
    display: block;
    height: 50px;
    padding-top: 15px;
}

.pagination {
    margin: 0px;
}

#RecognitionandReward .Banner h3 {
    /*float: right;*/
    color: White;
}

/*#eLearning .Banner h3 {
    float: right;
}*/
#result_FactsAndStatsList ul li p:last-child {
    padding: 0px;
}

#result_FactsAndStatsList li #Abstract a {
    /*background-color: white;*/
    text-decoration: none;
    height: 50px;
    line-height: 36px;
    letter-spacing: 2px;
    /*color: #008290;*/
    font-weight: bold;
}

#result_FactsAndStatsList .liAlt #Abstract a {
    /*background-color: #008290;*/
    text-decoration: none;
    height: 50px;
    line-height: 36px;
    letter-spacing: 1px;
    color: white;
    font-weight: bold;
}

#facts_stats li {
    display: block;
    padding-top: 25px;
    padding-bottom: 25px;
}

ul li.liAlt {
    background-color: #008290;
}

.field-validation-error, .field-validation-error span {
    color: #c1022c;
    font-weight: bold;
}



red {
    color: #c1022c;
    font-weight: bold;
}

green {
    color: Green;
    font-weight: bold;
}

.pagination {
    padding-top: 10px;
    padding-bottom: 10px;
}

.roll:hover {
    opacity: 0.8;
}

li .FSFrameMini {
    width: 70px;
    height: 71px;
    background-image: url('/Content/images/FS_BaorderArrowBox.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 11px;
}

li .FSFrame {
    width: 160px;
    height: 150px;
    background-image: url('/Content/images/FS_LargeArrowBox_Teal.png');
    background-repeat: no-repeat;
}

li.liAlt .FSFrame {
    width: 160px;
    height: 150px;
    background-image: url('/Content/images/FS_LargeArrowBox_White.png');
    background-repeat: no-repeat;
}

.FSFrame img {
    padding-left: 12px;
    padding-top: 12px;
}

.SmallFSFrame img {
    padding-left: 7px;
    padding-top: 7px;
}

.SmallFSFrame {
    width: 96px;
    height: 90px;
    background-image: url('/Content/images/FS_SmallArrowBox_Teal.png');
    background-repeat: no-repeat;
    /*margin-left:15px;*/
}

.SmallFSFramePadding {
    padding-bottom: 25px;
    padding-top: 25px;
}

li.liAlt .SmallFSFrame {
    width: 96px;
    height: 90px;
    background-image: url('/Content/images/FS_SmallArrowBox_White.png');
    background-repeat: no-repeat;
}

#facts_stats li h2 {
    font-size: 22px;
    color: #c1022c;
}

#facts_stats li.liAlt h2 {
    font-size: 22px;
    color: White;
}

#facts_stats li.liAlt span {
    font-size: 13px;
    color: white;
}

#facts_stats li h3 {
    font-size: 14px;
    color: #008290;
}

#facts_stats li.liAlt h3 {
    font-size: 14px;
    color: White;
}

#facts_stats li p {
    font-size: 14px;
    color: #2f2f2f;
    padding-top: 18px;
    padding-bottom: 18px;
    margin: 0px;
}

#facts_stats li.liAlt p {
    font-size: 14px;
    color: White;
    padding-top: 18px;
    padding-bottom: 18px;
    margin: 0px;
}

#facts_stats li .tableStyle tr td {
    background-color: transparent;
    border: 0px;
    padding-left: 0px;
}

.OurApproach {
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
}

    .OurApproach h3 {
        color: #424143;
    }

.WallofFame {
    padding-bottom: 20px;
}

    .WallofFame h3 {
        color: #008290;
    }

.QualityMarketing h3 {
    color: #424143;
    font-size: 18px;
}

.AgencyAwards {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

#Incentive {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: left;
    background-image: url('/Content/images/Our_Focus_Panel_Background_v03.jpg');
    background-repeat: no-repeat;
    background-color: #008290;
    height: 213px;
}

.Incentive h2 {
    color: White;
}

.Incentive h3 {
    font-size: 14px;
    margin-bottom: 0px;
    color: White;
}

#RegistrationForm .form-label {
    text-align: right;
    padding-top: 7px;
}

.ContactBox_Moblie {
    display: none;
}

.ContactBox {
    display: block;
}

@media (max-width:1023px) {
    body {
        font-size: 12px;
    }

    #Banner_Easter {
        min-height: 150px;
    }

    #Banner_Safe {
        min-height: 150px;
    }

    /*.Banner {
        margin-bottom: 25px;
        background-image: none !important;
        background-size: 0px !important;
        background-color: #f2f2f2;
    }*/

    #Incentive {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: left;
        background-image: none;
        background-repeat: no-repeat;
        background-color: #008290;
        height: 125px;
        text-align: center;
    }

    #RegistrationForm .form-label {
        text-align: left;
        padding-top: 7px;
    }

    .JumpMan {
        display: none;
    }

    .KeyOutcomes {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .ContactBox_Moblie {
        display: block;
    }

    .ContactBox {
        display: none;
    }

    /*.container {
        text-align: center;
    }*/

    .form-label {
        text-align: left;
    }

    .ContactBoxCopy {
        margin-left: auto;
        margin-right: auto;
    }

    .TealButton a {
        font-size: 12px;
    }

    .slogan-motivation a {
        font-size: 12px;
    }

    #RewardCentre .BannerCopy {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #RewardCentreCYR .BannerCopy {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #SalesIncentives .BannerCopy {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #EmployeeEngagement .BannerCopy {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #RecognitionandReward .BannerCopy {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #CustomerLoyalty .BannerCopy {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #ChannelPerformance .BannerCopy {
        float: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        #ChannelPerformance .BannerCopy h3 {
            float: none;
            color: black;
        }

    #eLearning .BannerCopy {
        padding-top: 20px;
        padding-bottom: 20px;
        float: none;
    }

    #eLearning .Banner h3 {
        float: none;
    }

    #SynchroSafe .BannerCopy {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #RecognitionandReward .BannerCopy {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        #RecognitionandReward .BannerCopy h3 {
            color: black;
            float: none;
        }

    #RecognitionandReward .Banner div {
        float: none !important;
    }

    #Banner_AboutSynchro .BannerCopy h1 {
        color: #c1022c;
        line-height: 48px;
    }

    #Banner_AboutSynchro .BannerCopy h3 {
        font-size: 24px;
        color: black;
        margin-top: 18px;
        margin-bottom: 18px;
        line-height: 1.3;
    }

    #Banner_AboutSynchro {
        background-position: top;
    }

    #Banner_OurServices {
        background-position: top;
    }

    #FSRegistration h3 {
        color: #000000;
    }

    .heading {
        text-align: left;
    }

    .topspace40 {
        margin-top: 0px;
    }

    .KeyOutcomes ul li, .TealList {
        text-align: left;
    }

    .GrayRef {
        font-size: 16px;
    }

    .TealButton {
        margin: auto;
    }

        .TealButton.TBLogin {
            width: 100%;
            text-align: center;
        }

    .KeyOutcomesHeading {
        font-size: 18px;
    }

    h2 {
        font-size: 16px;
    }

    .bigquote {
        font-size: 14px;
    }

    #Join ul li {
        text-align: left;
    }

    #Join h1 {
        color: #c1022c;
    }


    #Join .BannerCopy {
        padding-top: 20px;
    }

    .BannerButton {
        padding-top: 50px;
        text-align: left;
        font-size: 24px;
        line-height: 120%;
    }

    .BannerCopy h3 {
        color: black;
        font-size: 24px;
        margin-top: 18px;
        margin-bottom: 18px;
    }

    #FSRegistration .Banner {
        background-image: url('/Content/images/Facts_Stats_Banners_Mobi_v02.jpg');
        background-repeat: no-repeat !important;
        background-size: cover !important;
        min-height: 245px;
        height: 100%;
    }

        #FSRegistration .Banner font {
            line-height: 48px;
        }

    #Banner_ContactUs .BannerCopy {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        #Banner_ContactUs .BannerCopy h1 {
            font-size: 40px;
            color: #c1022c;
            font-weight: 700;
            line-height: 1.2;
        }

        #Banner_ContactUs .BannerCopy h3 {
            font-size: 24px;
            color: #008290;
            margin-top: 18px;
            margin-bottom: 18px;
            line-height: 1.3;
        }

    #Banner_AboutSynchro .BannerCopy {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        #Banner_AboutSynchro .BannerCopy h1 {
            font-size: 40px;
        }

    /*.Banner {
        min-height: 300px;
        height: 100%;
    }*/

    .WallofFame {
        padding-bottom: 75px;
    }

    .Awards {
        height: 100%;
    }

    #Banner_FS .BannerCopy {
        padding-top: 20px;
    }

    #Banner_FS {
        margin-bottom: 25px;
    }

    .FSFrame, .SmallFSFrame {
        display: none;
    }

    .SmallFSFramePadding {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    #facts_stats li {
        display: block;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #FSRegistration .BannerCopy {
        padding-top: 0px;
    }

    #Banner_FS .BannerCopy h1 {
        font-size: 40px;
    }

    #Banner_OurServices .BannerCopy h1 {
        font-size: 40px;
    }

    #Home h2 {
        font-size: 28px;
    }

    #Home h1 {
        font-size: 40px;
    }

    #Home p {
        font-size: 20px;
        color: #2f2f2f;
    }


    #Home h1 {
        font-size: 36px;
    }

    #Home p {
        font-size: 18px;
    }

    #SalesIncentives .BannerCopy h3, #EmployeeEngagement .BannerCopy h3, #ChannelPerformance .BannerCopy h3, #CustomerLoyalty .BannerCopy h3, #eLearning .BannerCopy h3, #RecognitionandReward .BannerCopy h3, #RewardCentre .BannerCopy h3, #RewardCentreCYR .BannerCopy h3, #Banner_AboutSynchro .BannerCopy h3, #Banner_OurServices .BannerCopy h3, #Join .BannerCopy h3, #SalesIncentives .BannerCopy h3, #EmployeeEngagement .BannerCopy h3, #ChannelPerformance .BannerCopy h3, #CustomerLoyalty .BannerCopy h3, #eLearning .BannerCopy h3, #RecognitionandReward .BannerCopy h3, #RewardCentre .BannerCopy h3, #RewardCentreCYR .BannerCopy h3, #Banner_AboutSynchro .BannerCopy h3, #Banner_OurServices .BannerCopy h3, #Join .BannerCopy h3, #Banner_FS .BannerCopy h3, #FSRegistration .BannerCopy h3 {
        color: white;
        font-size: 16px;
        text-align: left;
    }
}

@media (max-width:1200px) {
    .nav > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .nav li:first-child {
        display: none;
    }
}

#SiteMenuDropdown.dropdown-menu {
    /*position:absolute;*/
    left: -200px;
    width: 275px;
    border: 1px solid #c1022c;
    padding: 30px;
    padding-left: 50px;
}

.caret {
    display: none;
}

.dropdown .dropdown-menu {
    top: 48px;
}

.tiny .dropdown .dropdown-menu {
    top: 45px;
}

.WhiteBoxCopy {
    padding-left: 20px;
    padding-right: 20px;
    height: 220px;
    text-align: left;
}

    .WhiteBoxCopy h3 {
        color: #424143;
        padding-top: 24px;
    }

    .WhiteBoxCopy ul {
        padding-left: 20px;
    }

#UnsubscribeReasons label {
    font-weight: normal;
}

#UnsubscribeReasons input {
    border: 0px;
    padding-right: 10px;
    margin-right: 10px;
}

#divListView {
    background-image: url('/Content/images/Icon_List_Off.png');
    height: 34px;
    width: 34px;
    cursor: pointer;
    display: inline-block;
    padding-right: 5px;
}

    #divListView.active {
        background-image: url('/Content/images/Icon_List_On.png');
    }

#divTileView {
    background-image: url('/Content/images/Icon_Grid_Off.png');
    height: 34px;
    width: 34px;
    cursor: pointer;
    display: inline-block;
}

    #divTileView.active {
        background-image: url('/Content/images/Icon_Grid_On.png');
    }


#SiteWideModalPopup {
    top: 110px;
}

.modal-header .close {
    margin-top: 1px;
}

#c-slide {
    z-index: 0;
}


@media (max-width:767px) {
    #RewardCentreCYR .Banner {
        background-image: url('/Content/images/Reward_Centre_Banners_Mobi_v04.svg') !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

    #SalesIncentives .Banner {
        background-image: url('/Content/images/Sales_Incentives_Banners_Mobi_v02.jpg') !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

    #EmployeeEngagement .Banner {
        background-image: url('/Content/images/Employee_Engagement_Banners_Mobi_v02.jpg') !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

    #ChannelPerformance .Banner {
        background-image: url('/Content/images/Channel_Performance_Banners_Mobi_v02.jpg') !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

    #CustomerLoyalty .Banner {
        background-image: url('/Content/images/Customer_Loyalty_Banners_Mobi_v02.jpg') !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

    #eLearning .Banner {
        background-image: url('/Content/images/eLearning_Banners_Mobi_v02.jpg') !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

    #RecognitionandReward .Banner {
        background-image: url('/Content/images/Recognition_Programs_Banners_Mobi_v02.jpg') !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

    #RewardCentre .Banner {
        background-image: url('/Content/images/Reward_Centre_Main_Banners_Mobi_v02.jpg') !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

    #Join .Banner {
        background-image: url('/Content/images/Join_Us_Banners_Mobi_v02.jpg') !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

    #Banner_FS {
        background-image: url('/Content/images/Facts_Stats_Banners_Mobi_v02.jpg') !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

    #Banner_AboutSynchro {
        background-image: none !important;
        background-color: #f2f2f2;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

        #Banner_AboutSynchro .BannerButton {
            color: #c1022c;
            line-height: 100%;
            text-align: center;
            padding-top: 20px;
        }

        #Banner_AboutSynchro .BannerCopy h3 {
            font-size: 14px;
            color: black;
            margin-top: 18px;
            margin-bottom: 18px;
            line-height: 1.3;
        }

    #Banner_OurServices {
        background-image: none !important;
        background-color: #f2f2f2;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
    }

        #Banner_OurServices .BannerButton {
            color: #c1022c;
            line-height: 100%;
            text-align: center;
            padding-top: 20px;
        }

        #Banner_OurServices .BannerCopy h3 {
            font-size: 20px;
            color: black;
            margin-top: 18px;
            text-align: center;
        }

        #Banner_OurServices .BannerCopy {
            padding-top: 20px;
        }

    #Banner_ContactUs {
        background-image: none !important;
        background-color: #f2f2f2;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        min-height: 245px;
        height: 100%;
        text-align: center;
    }


    #Banner_FS .BannerButton {
        padding-top: 25px;
    }

    #RegistrationForm {
        padding-left: 20px;
        padding-right: 20px;
    }

    #FSRegistration h3 {
        font-size: 18px;
    }

    #btnRegisterSubmit, #btnContactSynchro {
        margin: auto;
        float: none !important;
    }

    #Banner_Easter {
        background-image: url('/Content/images/Sync_Easter2019_LaunchAssets_Mobi.png');
        height: 245px;
    }

    #Banner_Safe {
        background-image: url('/Content/images/Mobile Banner.png');
        height: 245px;
        background-size: 375px 245px;
    }

    #PrivacyPolicy .BannerCopy {
        padding-top: 0px;
    }

    #PrivacyPolicy .Banner {
        height: 135px;
    }
}