﻿@charset "UTF-8";
/* CSS Document
Client: Paramount Health Options
Company: Informatics, Inc
Author: J Stephens
Date: 09 2014

Purple: #694368
Green: #9ca67f
*/

/* TYPOGRAPHY */
body {font-family: "Lato", sans-serif; font-weight: 400; background: #eceae9; font-size: 16px;}
h1, h2, h3 {color: #222; font-family: "Lato", sans-serif; font-weight: 700;}
h1 {font-family: "Lato", sans-serif; color: #694368; font-weight: 400; font-size: 42px;}
h2 {font-size: 26px;}
h3 {color: #694368;}
p {margin: 0 0 25px 0; font-weight: 400; font-size: 16px;}

/* LINKS */
a {color: #0066cc;/*color: #024873;*/}
a:visisted {}
.btn-primary {background: #694368; border-color: #523551; text-decoration:none !important;}
.btn-primary, .btn-success, .btn-info {text-decoration:none !important;}

/* Animate */
a {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;
}

/* Mobile First */
#nav-main ul {display: none;}

#header {background: none; border: none; margin: 0;}
#logo {width: 250px; display: block; margin: 0 auto;}
#logo img {margin: 10px auto; display: block; width: 100%;}
#toggle {width: 100%; background: #694368; margin: 0; border: none; border-radius: 0;}
#toggle .icon-bar {background: #fff; height: 3px;}

#nav-bar {background: #6e784f; border: none;}
#nav-bar a {color: #fff;}
#nav-bar li:hover > a {background: rgba(0,0,0,.2);}
#nav-bar .btn-primary {width: 100%; margin: 15px 0 0 0; border-radius: 20px;}

#search {position: relative; margin-top: 20px;}
#search input[type="search"], #search input[type="text"] {border: 1px solid #321c31; border-radius: 20px;}
#search .search-go {background: none; display: block; width: 35px; height: 35px; position: absolute; right: 0; top: 0; border: 0; z-index: 5;}
#search span {position: absolute; right: 10px; top: 5px; font-size: 21px; z-index: 4; color: #ccc;}

.ico-twitter, .ico-linked, .ico-google, .ico-fbook {background: url(../img/bkg-icos.png) 0 0 no-repeat; display: block; width: 29px; height: 30px; float :left; vertical-align: middle; margin: -3px 5px 0 0;}
.ico-linked {background: url(../img/bkg-icos.png) -29px 0 no-repeat;}
.ico-fbook {background: url(../img/bkg-icos.png) -90px 0 no-repeat;}
.ico-twitter {background: url(../img/bkg-icos.png) -58px 0 no-repeat;}

#slider {background: #fff;}
.slide {width: 100%;}
.slide img {float: right; max-height: 100%; max-width: 100%;}
#message {text-align: center; padding-top: 10px;}
#message h2 {font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; color: #694368;}
#message h2 span {color: #694368; font-weight: 400; font-style: italic; display: inline-block;}

.col-5 {width: 100%; padding: 0 20px;}
.hpg-cols {text-align: center; padding: 0 0 50px 0; box-shadow: 0 5px 5px rgba(0,0,0,.4); width: 100%; float: left;}
.hpg-cols img {width: 70px; margin: 15px 0;}
.hpg-cols h3 {font-family: "Arvo", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #8e986f; font-weight: 700; font-size: 21px; text-align: center; padding: 5px 0 10px 0; margin: 0 -5px 10px -5px;border-bottom: 1px dotted rgba(0,0,0,.5);}
.hpg-cols p {font-size: 13px; line-height: 18px; color: rgba(0,0,0,.6); margin: 0 -5px; font-weight: 400;}
.hpg-cols a {display: inline-block; background: #694368; opacity: 1; padding: 10px; border-radius: 5px; color: #fff; margin: 10px 0; font-weight: 700; text-transform: uppercase; font-size: 10px;}
.hpg-cols a:hover {opacity: .9; text-decoration: none;}

.cta {background: url(../img/bkg-cta.jpg) 50% 0 no-repeat; background-size: cover; padding: 50px 0; text-align: center; width: 100%; clear: left; margin: 30px 0 0 0;}
.cta h2 {color: #fff; font-size: 24px; font-weight: 300; text-align: center; margin-bottom: 20px;}
.cta a {color: #fff; background: rgba(0,0,0,.3); border: 1px solid #fff; display: inline-block; padding: 10px 15px; border-radius: 20px; opacity: .8;}
.cta a:hover {opacity: 1; text-decoration: none;}

#footer {padding: 20px 0; text-align: center;border-top: 1px solid #eeecea; background: rgba(0,0,0,.1);}
#footer p, #footer a {color: rgba(0,0,0,.6); margin: 0; font-size: 12px;}

.content {background: rgba(255,255,255,.5); padding: 20px 0 40px; width: 100%; float: left; margin: 30px 0; border-radius: 10px;box-shadow: 1px 1px 3px rgba(0,0,0,.1);}
.content a { text-decoration:underline;}

nav#sec ul {list-style: none; padding: 0; margin: 20px 0 0 0;}
nav#sec a {border-bottom: 1px solid #ccc; color: #444; padding: 10px; display: block; font-size: 16px;}
nav#sec a:hover {text-decoration: none;}
nav#sec ul ul {border-bottom: 1px solid #ccc; padding-bottom: 10px; list-style: none; padding: 10px 0 10px 25px; color: #fff;}
nav#sec ul ul a {padding: 5px 5px 5px 10px; border: 0; font-size: 14px; margin-left: -20px; color: #eb802a; background: none;} 
nav#sec ul ul a:hover {padding-left: 10px; background: none; text-decoration: underline;}
nav#sec ul ul li:hover {background: none;}
nav#sec > ul > li.nav-path-selected:hover {background: none;}
nav#sec > ul > li.nav-path-selected > a {font-weight: bold; border-bottom: 0; color: #fff; background: #eb802a; margin-top: -1px;}
nav#sec > ul > li.nav-path-selected > a:hover {background: #d6701e;}
nav#sec ul ul li.nav-path-selected > a {font-weight: bold;}

hgroup.page-header {border-bottom: 1px dotted rgba(0,0,0,.2); background: #8a6089; margin: 0 0 30px 0; padding: 50px 0; box-shadow: inset 0 0px 10px 0 rgba(0,0,0,.2);}
hgroup.page-header h1 { color: #fff;}
hgroup.page-header p { color: #fff;}
.img-fit {max-width: 100%; margin: 0 0 0 0;}
.side-box {padding: 20px; background :rgba(0,0,0,.1); font-style: italic; font-family: Georgia, serif; font-size: 16px; margin-top: -1px; box-shadow: 8px 8px 0 rgba(0,0,0,.05); border: 1px solid #c3bab4;}

.service {border-bottom: 1px dotted rgba(0,0,0,.5);}

.newsSearch .riTextBox, .newsSearch select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px !important;
    height: 34px !important;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 40%;
}
.newsSearch a.greenbtn 
{
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent !important;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #428bca;
    border-color: #357ebd;
    color: #fff;
}

.newsSearch a+ a 
{
   float:right;
}

.checkbox-list td{ vertical-align:top; }
.checkbox-list label { font-weight:normal; margin-left:0px; margin-right:10px; vertical-align: top; margin-left:10px !important;display: inline !important;}
.checkbox-list-width label {width:90%}

.req{color:red;} 

#cms-story-tools .cms-story-tools-item a {float:left; margin-right:10px !important;}

.filter {  background: none repeat scroll 0 0 #f2f2f2;  border: 1px solid #ccc; border-radius: 3px; margin: 0 0 20px; padding: 5px;}

 /* NEWS layout CSS*/
.cms-news-item {background-color: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);margin-bottom: 20px; padding: 20px 10px;} 
.cms-news-item h1, .cms-news-item h1 a { margin-top:0px; color: #694368; font-family: "Lato",sans-serif; font-weight: 700; font-size: 24px; }    
.cms-news-item .newsPostDate {font-size: 85%; color:Gray; margin-bottom:-10px;}       
#cms-image-viewer {border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin: 0 0 10px 10px; float:right;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
h1 {}
h2 { font-size: 32px;}
h3 {}
.container {position: relative;}
#logo {width: 270px;}

#nav-bar {background: #694368; border: none;}
/*#nav-main {width: 100%;}*/
#nav-main > li { width: 16.6%; text-align: center; position: relative;}
#nav-main > li > a {padding: 15px 5px; border-left: 1px solid rgba(255,255,255,.1); border-right: 1px solid rgba(0,0,0,.2); font-size: 15px;}
#nav-main > li.nav-path-active > a {background: rgba(0,0,0,.2);}

#search {position: absolute; right: 15px; top: -70px; width: 200px;}
#search input[type="search"], #search input[type="text"] {border: 1px solid #c8b4a9;}
#nav-mini { position: absolute; top: -45px; right: 285px; width: 145px;}
#nav-mini li {display: block; float: left; margin: 0 2px;}
#nav-mini a {text-indent: -9999em; float: left; padding: 0; width: 20px; height: 20px; margin: 0 10px 0 0;}
#nav-mini a:hover {background: none !important;}
#nav-bar {border-top: 1px solid rgba(0,0,0,.2);}
#nav-bar .btn-primary {width: auto; margin: 15px 0 0 0; position: absolute; right: 220px; top: -65px;}
#nav-bar .login {text-transform: uppercase;}

.navbar-nav li a{text-decoration:none !important;}

#nav-main {border-left: 1px solid rgba(0,0,0,.2);}
#nav-main > li:hover > ul {display: block; position: absolute; left: 0; top: 100%; z-index: 150; background: #fff; text-align: left; list-style: none; padding: 0; width: 450px; box-shadow: 0px 0px 10px rgba(0,0,0,.2); padding: 10px; border-radius: 0 0 5px 5px;}
#nav-main li ul a {color: #555; display: block; padding: 5px 5px 5px 10px; text-transform: none; border-radius: 4px;}
#nav-main li ul a:hover {background: #694368; color: #fff; text-decoration: none;}
.ico-linked, .ico-google, .ico-twitter, .ico-fbook {background: url(../img/bkg-icos.png) 0 -30px no-repeat; display: block; width: 29px; height: 30px; float :left; vertical-align: middle; margin: -3px 5px 0 0;}
.ico-linked {background: url(../img/bkg-icos.png) -29px -30px no-repeat;}
.ico-twitter {background: url(../img/bkg-icos.png) -58px -30px no-repeat;}
.ico-fbook {background: url(../img/bkg-icos.png) -90px -30px no-repeat;}

#slider {position: relative; overflow: hidden; box-shadow: 0 0px 10px rgba(0,0,0,.2); height: 400px;}
.slide {height: 400px; }
.slide img {margin-right: -300px; max-width: none;}
#message {position: absolute; left: 15px; top: 20%; z-index: 140; width: 400px;}
#message h2 {font-size: 38px;}
#message p {font-size: 18px; font-weight: 300;}

.col-5 {width: 20%; float: left;}
.hpg-cols .container {width: 760px; padding: 0 0;}
.hpg-col h3 {font-size: 16px; min-height: 55px;}

.cta h2 {padding: 0 100px;}
.cta a {margin: 0 5px;}

}

@media (min-width: 768px) and (max-width: 959px)
{
    .slide img{max-width:100%;margin-right:-35px;}
    .slide{height:auto;}
    .cycle-slideshow{float:right;width:72%;}
    #slider{height:auto;}
    #message h2{font-size:28px;}
    #message{width:325px;}
    
    .col-5{padding:0 16px;}
    .hpg-col h3{font-size:13px;}
    .mobo-mt{margin-top:28px !important;}
    .custom-height{margin-top:0px !important;} 
}

@media (min-width: 320px) and (max-width: 767px)
{
    #message{float:left;}
    #message p{margin:0 0 25px 0 !important;}
    .hpg-cols p{min-height:0;}
    #nav-main > li > a{padding:10px 15px !important; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

#nav-main > li > a {font-size: 15px; padding: 20px 5px;}

.slide img {margin-right: -150px;}
#message {width: 440px;}
#message h2 {font-size: 34px; line-height: 36px;}

.hpg-cols img {width: 100px; margin: -20px 0 15px 0; z-index: 1000; position: relative;}
.hpg-col h3 {font-size: 18px; min-height: 0;}
.hpg-cols p {font-size: 14px;}
.hpg-col {min-height: 280px; position: relative;}
.hpg-col a {position: absolute; bottom: 0; left: 50px; font-size: 12px;}

.col-5 {width: 20%; float: left; padding: 0 12px;}
.hpg-cols .container {width: 990px; padding: 0 0;}

.cta {padding: 70px 0;}
.cta h2 {font-size: 28px; padding: 0 150px;}
.cta a {margin: 10px 5px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.container {width: 970px;}
}

@media (max-width: 687px) {
    .navbar-nav { margin: 0; }

    .mobile-form-group {margin-bottom:0; padding-bottom:0;}
    .newsSearch a { margin-top:10px;}
    
    .newsSearch span.RadInput, .newsSearch .riTextBox, .newsSearch select {width:100% !important; margin-bottom: 10px;}
    
    .checkbox-list td{ display:block;}
    h1 {font-size: 35px; }
   
   .ico-twitter { background: url("../img/bkg-icos.png") no-repeat scroll -58px 0 rgba(0, 0, 0, 0);}
   .ico-fbook { background: url("../img/bkg-icos.png") no-repeat scroll -90px 0 rgba(0, 0, 0, 0);}

    /* ---------------------*/
    /* Responsive Table CSS */
    /* ---------------------*/
    
    /* Force table to not be like tables anymore */
    table.cust-table-responsive, table.cust-table-responsive thead, table.cust-table-responsive tbody, table.cust-table-responsive th, table.cust-table-responsive td, table.cust-table-responsive tr {display: block;}
 
    /* Hide table headers (but not display: none;, for accessibility) */
    table.cust-table-responsive thead tr {position: absolute; top: -9999px; left: -9999px; }
    table.cust-table-responsive tr { border: 1px solid #ccc; }
 
    /* Behave like a "row" */
    table.cust-table-responsive td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; }

    table.cust-table-responsive tr:nth-of-type(odd) {background: #f9f9f9; }

    /* Top/left values mimic padding */
    table.cust-table-responsive td:before { top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: normal; text-align:left; font-weight: bold; }
 
    /* Label the data*/
    table.cust-table-responsive.responsive-data-label td:before { content: attr(data-title); }
    
    /* ---------------------*/
    /* Responsive Table CSS */
    /* ---------------------*/
}
#nav-main {width: 100%;}
/*#nav-main > li:hover > ul {display: block; position: absolute; left: 0; top: 100%; z-index: 150; background: #fff; text-align: left; list-style: none; padding: 0; width: 200px; padding: 10px; border-radius: 0 0 5px 5px;}
#nav-main li ul a {color: #555; display: block; padding: 5px 5px 5px 10px; text-transform: none; border-radius: 4px;}
#nav-main li ul a:hover {background: #694368; color: #fff; text-decoration: none;}*/




.social-item {float:left; display:inline-block; line-height: 1em; margin-right: 5px;margin-top:5px;}
.iframe#twitter-widget-0{width: 79px !important;}

#cms-story-tools{border-top:1px solid #dddddd;margin-top:24px;}

.panel-footer.p0 {
    padding: 10px 15px !important;
}

.panel-footer.p0 .btn-info {
    width: auto !important;
}