@charset "UTF-8";

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body, button {
    font-family: "Helvetica Neue", Arial, sans-serif;
}

body {
    /* responsive */
    font-size: 100%;
}

@media screen and (max-width: 480px) {
    body {
        font-size: 85%;
    }

}

#header-pad {
    padding-bottom: 140px;
}

@media screen and (max-width: 1024px) {
    #header-pad {
        padding-bottom: 60px;
    }
}


h1 {
    margin-bottom: 1em;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.1em;
}

h2 {
    font-size: 1.3em;
    margin: 0.75em 0;
}

h3 {
    font-size: 1.1em;
    margin-bottom: 0.25em;
}

a {
    color: #0b3b5c;
}

ul {
    list-style-position: inside;
    line-height: 1.5em;
}

img {
    border: none;
}

section {
    border-top: 0.15em solid #0b3b5c;
    padding: 1.5em 0;
}

section:first-of-type {
    margin-top: 1.5em;
}

section:last-of-type {
    margin-bottom: 1.5em;
}


.layout {
    display: table;
    height: 100%;
}

.layoutRow {
    display: table-row;
}

.layoutCol {
    display: table-cell;
    vertical-align: middle;
}

/*
.fixedCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
}
*/

.fixedCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1024px;
}

#content-c {
    color: #646464;
    font-size: 1.1em;
}


@media screen and (max-width: 860px) {
    #content-c {
        font-size: 1em;
    }
}

@media screen and (max-width: 480px) {
    #content-c {
        font-size: 1.15em;
    }
}

.featureBox {
    padding: 1em;
    color: #fff;
    background-color: #0b3b5c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.readable {
    max-width: 35em;
}

.readable p {
    margin: 1.5em 0;
    line-height: 1.5em;
}

.readable p:first-of-type, h1 + p, h2 + p, h3 + p {
    margin-top: 0;
}    

.readable p:last-of-type {
    margin-bottom: 0;
}

.readable ul {
    margin: 1.5em 0;
}

.readable section > h2:first-child, .readable section > h3:first-child {
    margin-top: 0;
}

.readable .leftInset {
    width: 33%;
    min-width: 200px;
    float: left;
    margin-right: 1em;
}

.readable .rightFloating {
    max-width: 50%;
    float: right;
    margin: 1em 0 1em 1em;
}

.readable .leftFloating {
    max-width: 50%;
    float: left;
    margin: 1em 1em 1em 0;
}

@media screen and (max-width: 640px) {
    .readable .rightFloating, .readable .leftFloating {
        display: block;
        margin: 1em auto;
        float: none;
        width: 100%;
        max-width: 350px;
    }
}

.imagecaption, .videoBreak, .videoBreakExp {
    padding: 1em;
    color: #0b3b5c;
    background-color: #d8d8d8;
    text-decoration: none;
    font-weight: bold;
    display: table;
    width: 100%;
    border: 0;
    clear: both;
}

.imagecaption *, .videoBreak > img, .videoBreak > .summary {
    display: table-cell;
    vertical-align: middle;
}

@media screen and (max-width: 480px) {
    .videoBreak > img {
        display: none;
    }
}


.imagecaption img, .videoBreak img  {
    max-height: 7.5em;
    border: 0.25em solid;
}

.imagecaption p, .videoBreak > .summary {
    padding-left: 1.5em;
}

.videoBreak .vid {
    display: none;
}

.videoBreak p,  .videoBreakExp p {
    color: #646464;
}

.videoBreakExp > img {
    display: none;
}

.videoBreakExp > .vid, .videoBreakExt p {
    display: table-row;
    width: 100%;
}

.videoBreakExp {
    text-align: center;
}

.videoBreakExp .videoExpanderBtn {
    display: none;
}

.responsiveVideo {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.responsiveVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
    

.video {
    /* display: block; */
    margin: 1em auto;
    /* width: 80%; */
    border: 0.25em solid #0b3b5c;
}

.cfHeading {
    display: table;
    width: 100%;
    height: 75%;
    margin-bottom: 1em;
}


.cfHeading > * {
    display: table-cell;
    vertical-align: middle;
}

.cfHeading img {
    width: 5.5em;
    max-width: 125px;
}

.cfHeading h1 {
    padding-left: 1em;
}

@media screen and (max-width: 460px) {
    .cfHeading h1 {
        font-size: 1.25em;
    }
}

.twoColumn {
    display: table;
    width: 100%;
}

.twoColumn > article {
    width: 66%;
    display: table-cell;
    vertical-align: top;
    padding: 1.5em 1em;
}


.twoColumn > .sidebar { 
    width: 33%;
    display: table-cell;
    vertical-align: top;
    background-color: #D8D8D8;
}

#toggle-resp-content {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-top: 2em;
    width: 100%;
    text-align: center;
    background-color: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 29%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 29%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 29%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#toggle-resp-content button { 
    background-color: #fff;
    color: #003b5c;
    font-size: 1.35em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 1em 0;
}

#toggle-resp-content div { 
    /* may not need this for now, so hiding it */
    display: none;
    position: absolute;
    left: 1em;
    bottom: 0;
    max-width: 10em;
    padding: 0.5em;
    background-color: #a8a8a8;
    color: #003b5c;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.landingPage {
    display: table;
}

.lpCopy {
    display: table-cell;
    vertical-align: top;
    width: 30em;
    padding-right: 1em;
}

.lpForm {
    display: table-cell;
    vertical-align: top;
    padding-left: 1em;
}

@media screen and (max-width: 719px) {
    .twoColumn > article, .lpCopy {
        display: block;
        position: relative;
        width: 100%;
        max-height: 20em;
        overflow: hidden;
    }

    .twoColumn > .sidebar, .lpForm {
        display: block;
        width: 100%;
        margin-top: 1em;
        padding: 1em 0 0 0;
        border: none;
        border-top: 0.25em solid #d8d8d8;
    }

    .twoColumn > .sidebar > div {
        display: block;
        margin: 0.5em 0;
        width: 100%;
        background-color: #003b5c; 
        color: #fff;
        text-align: center;
    }

    .twoColumn > .sidebar .sbIconLink, .twoColumn > .sidebar .sbThumbnail {
        display: none;
    }

    .twoColumn > .sidebar p {
        display: block;
        margin: 0;
        text-align: left;
        font-size: 1.15em;
        padding: 0.25em 0.5em 0.5em 0.5em; 
    }

    .twoColumn > .sidebar .cta a {
        font-size: 1.25em;    
        display: block;
        text-align: left;
        padding: 0.25em 0 0.25em 1em;
    }

    .twoColumn > .sidebar .cta span {
        font-weight: bold;
        font-size: 1.5em;
        content: '>>';
        float: right;
        padding-right: 1em;
    }

    #toggle-resp-content {
        display: block;
    }
} 

@media screen and (min-width: 720px) {
    .twoColumn > .sidebar .cta span {
        display: none;
    }
}
    
 
.pageHero, .heroOverlay {
    height: 21.875em;
    z-index: 1;
}

.pageHero {
    position: relative;
}

.heroOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.overlayBlue {
    background-color: rgba(0, 59, 92, 0.15);
}

.heroContent {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
    z-index: 2;
    
}

.heroHeader {
    display: table-cell;
    width: 66%;
    vertical-align: middle;
    padding-right: 1.5em;
}

.heroHeader .cfHeading h1 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.heroFeature {
    display: table-cell;
    width: 33%;
    vertical-align: middle;
    text-align: center;
}

.heroFeature > .video {
    display: inline-block;
    margin-bottom: 2em;
    border: 0.25em solid #fff;
    width: 300px;
    height: 169px;
}

.heroFeature .ctaButton {
    background-color: #8cc36f;
}
    


p.cta {
    border: 0.15em solid #0b3b5c;
    font-size: 1.15em;
    padding: 0.5em 1em;
    font-weight: bold;
}

.sidebar > div {
    display: block;
    text-decoration: none;
    text-align: center;
    color: inherit;
    margin: 2em 0;
    padding: 0.5em;
}

.sidebar .cta, {
    padding-top: 0.5em;
}


.sidebar .cta a, .ctaButton, button {
    padding: 0.35em 2em;
    background-color: #0b3b5c;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

button {
    margin: 1em 0;
    border: none;
    cursor: pointer;
}    

.sidebar .reqIcon {
	display: inline-block;
	width: 85px;
	height: 85px;
	background-position: 0 0;
	background-repeat: no-repeat;
    background-size: contain;
}

.sidebar p {
    margin: 0.5em 0 1.5em 0;
    line-height: 1.2em;
}

.boardImg {
	background-image: url(https://www.ntst.com/images/icons_general/board-blue.png);
}

.sidebar .benefits {
	background-image: url(https://www.ntst.com/images/icons_general/benefits-blue.png);
}

.sidebar .myunity {
    background-image: url(https://www.ntst.com/images/myunity-logo-color.png);
}

.sidebar .blog {
	background-image: url(https://www.ntst.com/images/icons_general/blog-blue.png);
}

.sidebar .bluePaper {
    background-image: url(https://www.ntst.com/images/blue-white-bg-paper.png);
}

.sidebar .carefabricright {
	background-image: url(https://www.ntst.com/images/icons_general/CareFabric-blue.png);
}

.sidebar .careconnect {
    background-image: url(https://www.ntst.com/images/icons_general/Careconnect-blue.png);
}

.sidebar .caremanager {
    background-image: url(https://www.ntst.com/images/icons_general/Caremanager-blue.png);
}

.sidebar .consult {
	background-image: url(https://www.ntst.com/images/icons_general/consult-blue.png);
}

.sidebar .culture {
	background-image: url(https://www.ntst.com/images/icons_general/culture-blue.png);
}

.sidebar .datasheet {
	background-image: url(https://www.ntst.com/images/icons_general/request-data-sheet-blue.png);
}

.sidebar .demo {
    background-image: url(https://www.ntst.com/images/icons_general/request-demo-blue.png);
}

.sidebar .demoBlue {
    background-image: url(https://www.ntst.com/images/blue-white-bg-video-play.png);
}

.sidebar .docsBlue {
    background-image: url(https://www.ntst.com/images/blue-white-bg-docs.png);
}

.sidebar .download {
    background-image: url(https://www.ntst.com/images/icons_general/download-blue.png);
}

.sidebar .ehrs {
    background-image: url(https://www.ntst.com/images/icons_general/EHRS-blue.png);
}

.sidebar .experience {
    background-image: url(https://www.ntst.com/images/icons_general/experience-blue.png);
}

.sidebar .faq {
	background-image: url(https://www.ntst.com/images/icons_general/FAQ-blue.png);
}

.sidebar .healthhome {
	background-image: url(https://www.ntst.com/images/icons_general/home-health-blue.png);
}

.sidebar .hearfromclients {
	background-image: url(https://www.ntst.com/images/icons_general/hear-from-clients-blue.png);
}

.sidebar .ignite {
	background-image: url(https://www.ntst.com/images/icons_general/ignite-blue.png);
}

.sidebar .info {
    background-image: url(https://www.ntst.com/images/icons_general/request-info-blue.png);
}

.sidebar .infoBlue {
    background-image: url(https://www.ntst.com/images/blue-white-bg-info.png);
}

.sidebar .iPad {
    background-image: url(https://www.ntst.com/images/blue-white-bg-iPad.png);
}


.sidebar .jobs {
    background-image: url(https://www.ntst.com/images/icons_general/jobs-blue.png);
}

.sidebar .leadership {
    background-image: url(https://www.ntst.com/images/icons_general/leadership-blue.png);
}

.sidebar .loginrtside {
	background-image: url(https://www.ntst.com/images/icons_general/login-blue.png);
}

.sidebar .mlp {
	background-image: url(https://www.ntst.com/images/icons_general/myLearningPoint-blue.png);
}

.sidebar .muunderstand {
	background-image: url(https://www.ntst.com/images/icons_general/mu-understand-blue.png);
}

.sidebar .netsmartstory {
	background-image: url(https://www.ntst.com/images/icons_general/Netsmart-story-blue.png);
}

.sidebar .nlblog {
	background-image: url(https://www.ntst.com/images/icons_general/netsmart-life-blue.png);
}

.sidebar .optimize {
    background-image: url(https://www.ntst.com/images/blue-white-bg-3-arrows.png);
}

.sidebar .overview {
	background-image: url(https://www.ntst.com/images/icons_general/overview-blue.png);
}

.sidebar .partners {
	background-image: url(https://www.ntst.com/images/icons_general/partners-blue.png);
}

.sidebar .prepare {
	background-image: url(https://www.ntst.com/images/icons_general/prepare-blue.png);
}

.sidebar .plexusrt {
	background-image: url(https://www.ntst.com/images/icons_general/plexus-blue.png);
}

.sidebar .realtime {
	background-image: url(https://www.ntst.com/images/icons_general/real-time-blue.png);
}

.sidebar .soundWaves {
    background-image: url(https://www.ntst.com/images/blue-white-bg-sound-waves.png);
}

.sidebar .webinar {
	background-image: url(https://www.ntst.com/images/icons_general/webinar-blue.png);
}


.sidebar .whitepaper {
	background-image: url(https://www.ntst.com/images/icons_general/request-whitepaper-blue.png);
}

.sbThumbnail {
    border: 0.15em solid;
    width: 80%;
}


.execphoto {
	float: left;
	display: inline-block;
	margin-right: 10px;
	padding: 0;
	height: 75px;
	width: 65px;
	position: relative;
}

.execname {
	font-size: 1.1em !important;
	color: #646464 !important;
}
	
.exectitle {
	font-weight: normal !important;
}

.exectwitter, .exectwitter a {
	text-decoration: none;
	display: inline-block;
	width: 26px;
	height: 26px;
	background-image:url(../images/Twitter_Btn_green.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.exectwitter:hover, .exectwitter a:hover{
	background-image:url(../images/Twitter_Btn_green.png);
	background-position: 0 -26px;
}

.exectwittertext, .exectwittertext a{
	text-decoration: none;
	font-weight: bold;
	color:#005480;
	font-size: 15px;
}

.exectwittertext a:hover {
	color: #8CC63F;
}

div.expand{
	background-color: #E4E4E4;
    display:none;
	width: 100%;
    padding: 20px 10px 10px 10px;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 10px 4px;
	-webkit-border-radius: 0px 0px 10px 4px;
	border: 0.25em solid #FFFFFF;
	margin-top: -10px;
    z-index:-4 !important;
}

.expandbtn {
	font-weight: bold;
	color: #005480;
	padding-left: 6px;
	padding-right: 6px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 3px solid #005480;
	margin-top: 6px;
}

.expandbtn:hover, .expandbtn:active {
	color: #8CC63F;
	border-color: #8CC63F;
}

ul.revolvingText > li {
    display: none;
}

a img {
    border: none;
    vertical-align: top;
}

table.ntstTable {
    border: 2px solid black;
    border-spacing: 0;
}

table.ntstTable tr:nth-child(odd) {
    background-color: #e5e5e5;
}

table.ntstTable tr>td:nth-child(1) {
    font-weight: bold;
}

table.ntstTable td, table.ntstTable th {
    border: 1px solid black;
    padding: 3px 3px 3px 3px;
}

table.ntstTable th {
    text-align: center;
    font-weight: bold;
    font
}

table.ntstTable2 {
    border: 2px solid #2DA08F;
    border-spacing: 0;
}

table.ntstTable2 tr:nth-child(odd) {
    background-color: #F7CF3B;
}

table.ntstTable2 tr>td:nth-child(1) {
    font-weight: bold;
}

table.ntstTable2 td, table.ntstTable2 th {
    border: 1px solid #00A890;
    padding: 3px 3px 3px 3px;
}

table.ntstTable2 th {
    text-align: center;
    font-weight: bold;
    font
}

ul.headerList {
    list-style-position: outside;
    margin-left: 1em;
}

ul.headerList > li {
    margin-bottom: 1em;
}

ul.headerList > li:last-of-type {
    margin-bottom: 0;
}

a.blueButton {
    display: block;
    text-align: center;
    width: 90%;
    background-color: #005480;
    color: #FFF;
    border-radius: 4px;
    font-size: 1.0em;
    padding: 0.5em;
    margin: 10px auto 0 auto;
    text-decoration: none;
    text-transform: uppercase;
}

ul.plainList {
   list-style-type: none; 
   text-align: left   
}

.resizableBanner {
    position: relative;
    /* set padding-bottom based on image ratio */
}

.resizableBanner > div {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
.resizableBanner h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #003A5C;
    text-transform: uppercase;
    font-weight: bold;
}
      
.blueButton a:visited, .blueButton a:hover {
    text-decoration: none;
}

.wrappedIMG {
    display: block; 
    float: right; 
    margin-left:20px; 
    margin-bottom:10px; 
    clear:left; 
    max-width: 300px;
}

@media screen and (max-width: 1024px) {
    .desktopOnly {
        display: none !important;
    }
}

@media screen and (max-width: 640px) {
    .mktoForm .mktoFormCol {
        float: none;
        display: block;
    }
    
    table.ntstTable {
        font-size: 0.85em;
    }

    .wrappedIMG {
        padding: 0 25%;
        width: 100%;
        max-width: none;
    }
}

@media screen and (max-width: 480px) {
    h1 {
        font-size: 1.35em;
    }

    h2 {
        font-size: 1.225em;
    }
    
    h3 {
        font-size: 1.2em;
    }

    .readable p {
        font-size: 1.075em;
    }

    table.ntstTable {
        font-size: 0.65em;
    }
}

/* New Communities Pages Stuff -- APM */

/* Three Column Controller Styling */
.threeColContainer {
    display: table;
    width: 100%;
}

.threeColContainer h3 {
    margin: 0;
}

.threeColContainer > div:last-child {
    display: table;
    max-width: 1300px;
    margin: auto;
}

.threeColContainer > div > div {
    display: table-cell;
    width: 33%;
    padding: 0 1.5em;
}

#centerCol {
    background-color: #eaeaea;
}

.threeColContainer > div > div > h2:first-child {
    font-weight: 200;
    text-decoration: none;
    font-size: 2.5em;
    color: #0093B2;
    margin: .5em 0;
}

.threeColumnC > div > h3 > a:first-child {
    font-weight: 500;
    text-decoration: none;
    font-size: 1.1em;
    color: #58595B;  
}

.threeColumnC > div > p {
    font-size: .8em;
    padding: .5em 2em 1.5em 2em;
}

.threeColumnC > div > a {
    margin: 0 0 3em 0;
    font-size: .8em; 
}

#threeColTopPadding {
    height: 40px; 
    width: 100%;
}

@media screen and (max-width: 1025px){
    .threeColContainer > div > div {
        width: 100%;
        padding: 0;
        display: inline-block;
    }
}

/* Highlights Sections Styling */
#cf-polygon-bg {
    height: 450px;
    width: 100%;
    position: absolute;
    top: -2px;
    left: 0;
}

#carefabric-content {
    position: relative;
}

#cf-c {
    position: relative;
    padding: 2em;
    width: 100%;
    max-width: 1300px;
    margin: auto;
}

#cf-c > h2 {
    font-weight: 200;
    text-decoration: none;
    font-size: 2.5em;
    color: #0093B2;
    margin: 0;
}

@media screen and (max-width: 1025px){
    #cf-polygon-bg {
        height: 450px;
    }

    #cf-c {
        width: 100%;
        display: block;
        max-width: none;
    }

    #cf-c > h2 {
        margin-top: 0;
    }

    #cf-image {
        display: none;
    }

    #cf-image-inline {
        display: block;
    }
}

/* NewsBreak Controller Styling */
 .newsBreakWrapper {
    background-color: #f1f1f1;
    height: 525px;
    background-image: url('https://www.ntst.com/images/light-grey-diag-line-pattern.png');
    width: 100%;
}

.newsBreakWrapper > div figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 2em .5em;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px;
    width: 48%;
    height: auto;
    background: #58595B;
    text-align: center;
    cursor: pointer;  
}

.newsBreakItemContainer {
    position: relative;
    clear: both;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

.newsBreakItemContainer  > h2 {
    color: #58595B;
    font-size: 3em;
    font-weight: 200;
    margin: .5em 0 0 0;
}

@media screen and (max-width: 1025px){
    .newsBreakWrapper {
        height: auto;
        padding: 0 1em;
        display: table;
    }

    .newsBreakWrapper > div figure{
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }