@charset "UTF-8";

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border: 0;border-collapse: collapse;border-spacing: 0;}
td,th {vertical-align: top;}
:focus {outline-color: #74a3ca;}
strong {font-weight: normal;font-family: RobotoBold,Helvetica, Arial, sans-serif;}
em {font-style: italic;}
* {zoom: 1;}


/* General */
html {}
body {color: #554F45; background-color: #554F45; font-size:12px; line-height: 130%; font-family: RobotoLight,Helvetica, Arial, sans-serif;}
a {color: #2b8484; text-decoration: none;}
a:hover {color: #2b8484; text-decoration: underline;}
.hide {display: none;}
.show {display: block;}
.floatL {float: left;}
.floatR {float: right;}
.clear {clear: both; font-size: 0; line-height: 0; height: 0;}
.cf:before, .cf:after { content:""; display:table;}
.cf:after { clear:both;}
.cf {zoom:1; }



/* Structure */
#outerWrap {background: url(../img/common/bgContent.jpg) no-repeat center center fixed;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#contentWrap {width: 910px; padding: 148px 35px 15px 35px; margin: 0 auto; min-height: 450px;}
header#pgHeader {position: fixed; z-index:10; top:0; left: 0; width: 100%; background-color: #fff;
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); box-shadow: 0 3px 3px rgba(0,0,0,0.3);}



/* header */
#headerNav {margin: 0; background:url(../img/common/bgNavBar.png) repeat-x center 0;}
#headerNavItems {overflow: visible !important; max-width: 980px; margin: 0 auto;}
#headerNav a {background-image:url(../img/common/buts/navIcons.png); background-repeat: no-repeat;}
@media only screen and (-webkit-device-pixel-ratio: 2){
#headerNav a {background-image: url(../img/common/buts/navIcons@x2.png);background-size: 30px auto;}
}

.itemHome a {background-position: 6px 8px;}
.itemLogs a {background-position: 7px -63px;}
.itemCal a {background-position: 7px -132px;}
.itemMeds a {background-position: 7px -202px;}
.itemLib a {background-position: 7px -276px;}
.itemPeople a {background-position: 7px -344px;}
.itemInvs a {background-position: 6px -416px;}
.itemToDo a {background-position: 6px -495px;}
.itemChgPass a {background-position: 5px -583px;}
.itemLogout a {background-position: 5px -672px;}


ul.navMenuHoriz {width: 10000px; margin: 0 0 0 35px;}
.navMenuHoriz li {float: left; border-left: 1px solid #ccc; font-size: 16px; line-height:100%;}
.navMenuHoriz li:last-child {border-right: 1px solid #ccc;}
.navMenuHoriz li:hover,.navMenuHoriz li.on {background-image: url(../img/common/buts/bgGradNavButOn.png); background-repeat: repeat-x; background-position: 0 0;}
.navMenuHoriz a {float: left; height: 26px; padding: 9px 10px 0 37px; color: #fff; text-shadow: 1px 1px #72675b; text-decoration: none; filter: alpha(opacity=70); opacity: 0.70;}
.navMenuHoriz a:hover, .navMenuHoriz .on a {filter: alpha(opacity=100); opacity: 1.0;}


.subnavAddMenu ul.navMenuHoriz {float: left; width: auto; margin-left: 25px;}
.subnavAddMenu .navMenuHoriz li {border-left: none; border-right: 1px solid #ccc;}
.subnavAddMenu .navMenuHoriz li:last-child {border-right: none;}
.subnavAddMenu .navMenuHoriz a {width: 40px; padding-left: 0; padding-right: 0; background-image:url(../img/common/buts/navIconsGry.png); background-repeat: no-repeat;}
@media only screen and (-webkit-device-pixel-ratio: 2){
.subnavAddMenu .navMenuHoriz a {background-image: url(../img/common/buts/navIconsGry@x2.png);background-size: 30px auto;}
}
.subnavAddMenu .navMenuHoriz a:hover,.subnavAddMenu .navMenuHoriz .on a {background-image:url(../img/common/buts/navIcons.png);}
@media only screen and (-webkit-device-pixel-ratio: 2){
.subnavAddMenu .navMenuHoriz a:hover,.subnavAddMenu .navMenuHoriz .on a {background-image:url(../img/common/buts/navIcons@x2.png);}
}

.navMenuVert {padding: 7px 0 5px 0; background-color: #000; filter: alpha(opacity=80); opacity: .80;
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); box-shadow: 0 3px 3px rgba(0,0,0,0.3);}
.navMenuVert li {font-size: 16px; line-height:130%;}
.navMenuVert li a {display: block; padding: 8px 15px 6px 40px; color: #fff; filter: alpha(opacity=70); opacity: 0.70;}
.navMenuVert li a:hover {background-color: #222; text-decoration:none; filter: alpha(opacity=100); opacity: 1.0;}
.navMenuVert li.on a {background-color: #666; filter: alpha(opacity=100); opacity: 1.0;}
.itemChgPass,.itemLogout {display: none;}


#headerNav .btn-navbar {margin: 4px 15px 0 5px;background-image: none; background-color: #000; filter: alpha(opacity=50); opacity: 0.50;}
#headerNav .btn-navbar:hover {filter: alpha(opacity=100); opacity: 1.0;}
#headerNav .totoCnt {position: absolute; z-index: 1; background-color: #F47424; padding: 3px 5px 2px 5px; margin: 28px 0 0 32px; border: 2px solid #fff; color: #fff; font-size: 11px; line-height: 1em;
-webkit-border-radius: 6px;border-radius: 6px;-moz-border-radius: 6px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.7); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.7); box-shadow: 1px 1px 2px rgba(0,0,0,0.7);}


#logoAgency {float: left; display: inline; margin: 35px 0 35px 35px;}
#logoAgency img {max-height: 85px;}
#clientText {display: block; font-weight: bold; font-size: 18px; color: #429a9a;}
#welcomeText {text-align: right; float: right; display: inline; margin: 10px 35px 0 0; white-space: nowrap; color: #554F45; font-size: 14px; line-height: 1.3em;}
#logoPoweredBy {clear: right; float: right; display: inline; margin: 35px 35px -9px 0;}
.js.flexbox #logoPoweredBy { margin-bottom: 0 } /* some external styles applied on invoices page are messing this up */



/* Module */
.boxMod {margin: 0 0 25px 0; background-color: #fff; background-image: url(../img/common/bgBoxModTrans.png); background-repeat: repeat;
-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;
-moz-box-shadow: 2px 2px 3px #aaa; -webkit-box-shadow: 2px 2px 3px #aaa; box-shadow: 2px 2px 3px #aaa;}
.boxModHed {padding: 9px 10px; background-color: #d5eef1; border: 1px solid #9AD8E1;
-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;}
.boxModBody {padding: 10px;}
.boxModSubHed {padding: 9px 10px; background-color: #e9f6f7;}
.boxModSubHed.botBrdr {border-bottom: 1px solid #D8D5D2;}
a.allLink {display: block; padding: 9px 10px; background-color: #e9f6f7; border-bottom: 1px solid #D8D5D2; color: #554F45; font-size: 14px; line-height: 130%; text-decoration: none; font-family: RobotoBold,Helvetica, Arial, sans-serif;
background-image:url(../img/common/arrowRtDrildn.png); background-repeat:no-repeat; background-position: right center;}
a.allLink:hover {background-color: #d5eef1;}
a.itemLink {display: block; padding: 8px 10px; border-bottom: 1px solid #D8D5D2; color: #554F45; font-size: 14px; line-height: 130%; text-decoration: none;}
a.itemLink:hover {background-color: #fff;}
a.itemSub {padding-left: 20px;}


/* standalone module (login, etc.) */
.moduleWrap {padding: 60px 0 60px 0;}
.module {margin: 0 auto;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;}
.modHed {background: #d6eff2 url(../img/common/bgGradModHed.png) repeat-x 0 0; border: 1px solid #abd2d1; border-width: 1px 1px 0 1px;}
.modSofaGrphc {position:absolute; margin: -8px 0 0 -25px;}
.modHedTxt {display: block; padding: 20px 0 10px 250px; font-size: 38px; line-height: 130%; font-family: 'Neverletgo',Helvetica, Arial, sans-serif;}
.modPaneL {float: left; display: inline; padding: 80px 20px 20px 20px; background: url(../img/common/bgModPaneL.png) repeat 0 0; border: 1px solid #D4D5D4; border-right: none;}
.modPaneR {float: left; display: inline; padding: 20px 20px 20px 20px; background: url(../img/common/bgModPaneR.png) repeat 0 0; border: 1px solid #D4D5D4;}


/* common */
h2.modHeader {text-shadow: 1px 1px 0 #fff; font-size: 26px; line-height: 1.3em; font-family: RobotoBold,Helvetica, Arial, sans-serif;}
h2.modHeader.small {margin-top: 1px; font-size: 18px; line-height: 1.3em; font-family: RobotoLight,Helvetica, Arial, sans-serif;}
h5.popMenuHed {font-size: 14px; line-height: 1.3em; font-family: RobotoBold,Helvetica, Arial, sans-serif;}
p.para {font-size: 12px; line-height: 1.4em;}
textarea.cmnt {padding: 10px; border: 1px solid #D8D5D2; font-size: 14px; line-height: 1.3em; font-family: RobotoLight,Helvetica, Arial, sans-serif;
-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;
-moz-box-shadow: inset 0 0 5px #666; -webkit-box-shadow: inset 0 0 5px #666; box-shadow: inset 0 0 5px #666;}
.sbmtLrg {width: 135px; height: 38px; padding: 0 0 0 15px; margin: 0; border: 0; background-color: transparent; text-align: left; cursor:pointer; font-size: 14px; line-height: 100%; text-shadow: 1px -1px 0 #999; background-repeat: no-repeat;}
.sbmtLrg.halfBut {width: 100px;}
.sbmtOrng {color: #fff; background-image: url(../img/common/buts/bgButSbmtLrgOrng.png);}
.sbmtOrng:hover {background-position: 0 -48px;}
a.butPostMenu {display: block; width: 35px; height: 38px; background-image:url(../img/common/buts/bgButSbmtLrgOrng.png); background-repeat: no-repeat; background-position: -100px 0;}
a.butPostMenu:hover {background-position: -100px -48px;}
a.butPostMenu.active {background-position: -100px -96px;}

.butReg {background-color: #ccc;border: 1px solid #ccc; padding: 11px 12px; text-align: left; color: #fff !important; font-size: 14px; line-height: 100%; font-family: Roboto,Helvetica, Arial, sans-serif;
-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;}
.butReg:hover {background-image: none; text-decoration: none;}
.butRegSm {padding: 5px 8px; font-size: 11px; line-height: 100%; font-family: RobotoLight,Helvetica, Arial, sans-serif}
.butOrng {border: 1px solid #e76512; background: #ff6a07 url(../img/common/buts/bgButOrng.png) repeat-x 0 0; text-shadow:-1px -1px 0 #c8611b;}
.butGry {border: 1px solid #808285; background: #96979b url(../img/common/buts/bgButGry.png) repeat-x 0 0; text-shadow:-1px -1px 0 #777;}

.butAdd {display: block; width: 23px; height: 22px; margin: 7px 0 0 0; text-align: left; color: #fff !important; font-size: 14px; line-height: 100%; font-family: Roboto,Helvetica, Arial, sans-serif;
background-image:url(../img/common/buts/butAdd.png); background-repeat: no-repeat; background-position: 0 0;
-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;}
.butAdd:hover {background-position: 0 -40px;}
.butAdd:active {filter: alpha(opacity=70); opacity: 0.7;}
.butAdd.disabled {background-position: 0 -79px;}
.boxModHed .butAdd {float: right;}

#screenOverlay {display:none; position: fixed; z-index: 8; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #fff;filter: alpha(opacity=70); opacity: 0.7;}
#screenTransOverlay {position: fixed; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}


/* like, flag, cmnt buts table */
ul.butsPostAction {width: 82px;}
.butsPostAction li {float: left; display: inline;}
.butsPostAction a {float: left; display: inline; height: 24px; background-image: url(../img/dash/icons/iconsPostAction.png); background-repeat: no-repeat;}
.butsPostAction .butLike {width: 26px; background-position: 0 0;}
.butsPostAction .butLike:hover {background-position: 0 -32px;}
.butsPostAction .butFlag {width: 26px; background-position: -26px 0;}
.butsPostAction .butFlag:hover {background-position: -26px -32px;}
.butsPostAction .butReply {width: 30px; background-position: -52px 0;}
.butsPostAction .butReply:hover {background-position: -52px -32px;}

.icon {display: block; width: 17px; height: 18px;}
.iconChk {display: block; background-image: url(../img/common/icons/iconChk.png); background-repeat: no-repeat; background-position: left 1px;}
.iconNoChk {display: block; background-image: url(../img/common/icons/iconNoChk.png); background-repeat: no-repeat; background-position: left 1px;}
.iconFlag {display: block; margin-left: 2px; background-image: url(../img/common/icons/iconFlag.png); background-repeat: no-repeat; background-position: 0 0;}
.likeCount {display: block; padding: 1px 0 0 17px; margin: 3px 0 0 3px; font-size: 12px; line-height: 100%; font-family: Roboto,Helvetica, Arial, sans-serif;
background-image: url(../img/dash/icons/iconHeart.png); background-repeat: no-repeat; background-position: left 0;}


/* care table */
.careTable {width: 100%;}
.careTable th, .careTable td {padding: 6px 6px 4px 6px;border-bottom: 1px solid #9AD8E1; text-align: left; vertical-align: top;}
.careTable th {border-bottom: 3px solid #9AD8E1; font-size: 12px; line-height:1.3em; text-transform: uppercase; font-family: Roboto,Helvetica, Arial, sans-serif;}
.careTable th.col1 {width: 80px;}
.careTable th.col3 {width: 80px;}
.careTable td.col1 {border-right: 1px solid #9AD8E1;}
.careTable td.col2 {border-right: 1px solid #9AD8E1; font-family: Roboto,Helvetica, Arial, sans-serif;}
.careTable td.col2 .quote {display:block; margin-top: 12px; font-size: 12px; line-height:1.3em; font-family: RobotoLight,Helvetica, Arial, sans-serif;}
.careTable td.col3 {padding-right:3px;}
.careTable tr:last-child td {border-bottom: none !important;}
.careTable .icon {display:none; float: left;}
.careTable .chk .iconChk {display: block;}
.careTable .chk .iconNoChk {display: block;}
.careTable .flag .iconFlag {display: block;}
.careTable .likeCount {float: left;}

.careTable tr:hover td {background-color: #D5EEF1; cursor: pointer;}
.popBarAction {display: none; position: absolute; width: 88px; margin: -7px 0 0 -99px; padding: 5px 0 5px 5px; border:1px solid #9AD8E1; border-width: 1px 0; background-color: #D5EEF1;
-moz-box-shadow: -2px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: -2px 1px 1px rgba(0,0,0,0.1); box-shadow: -2px 1px 1px rgba(0,0,0,0.1);}
.careTable tr:hover .popBarAction {display: block;}



/* like, flag, reply, edit, delete */
a.butPostActionMenu {display:none; float: right; width: 24px; height: 24px;
background-image: url(../img/care_logs/butPostAction.png); background-repeat: no-repeat; background-position: 0 -42px;}
a.butPostActionMenu:hover,a.butPostActionMenu.on {background-position: 0 0;}
@media only screen and (-webkit-device-pixel-ratio: 2){
a.butPostActionMenu {background-image: url(../img/care_logs/butPostAction@x2.png);-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
}

.menuPostActionAlt {position: absolute; z-index: 2; right: 0; margin: 29px 0 0 0;}
	.careTable .menuPostActionAlt {right: 8px;}
	.calMobile .menuPostActionAlt {right: 5px;}
.menuPostActionAlt .point {position: absolute; right: 4px; margin: -13px 0 0 0;}
ul.butsPostActionAlt {padding: 6px 8px 6px 0; background-color: #fff;
-moz-box-shadow: -2px 2px 5px rgba(59,131,130,0.5); -webkit-box-shadow: -2px 2px 5px rgba(59,131,130,0.5); box-shadow: -2px 2px 5px rgba(59,131,130,0.5);}
ul.butsPostActionAlt li {float: left; margin: 0 0 0 5px; padding: 0; border: 0;
background-image: url(../img/care_logs/bgGradButPostActionAlt.png); background-repeat: repeat-x; background-position: 0 bottom;}
ul.butsPostActionAlt li:hover {background-color: transparent}
ul.butsPostActionAlt li a {float: left; padding: 3px 7px 3px 27px;
background-image: url(../img/dash/icons/iconsPostActionAlt.png); background-repeat: no-repeat; background-position: 0 0;}
.butsPostActionAlt li a.butLike {background-position: 8px 3px;}
.butsPostActionAlt li a.butFlag {background-position: -89px 3px;}
.butsPostActionAlt li a.butReply {background-position: -182px 3px;}
.butsPostActionAlt li a.butDelete {background-position: -277px 3px;}
.butsPostActionAlt li a.butEdit {background-position: -369px 3px;}


/* popup menu (e.g. "Add Event") */
.popMenu {display: none; position: absolute; z-index: 9; width: 460px; margin: 0 0 0 208px;
-moz-box-shadow: 0 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.3); box-shadow: 0 0px 5px rgba(0,0,0,0.3);}
.popMenu .point {position: absolute; width: 14px; height: 22px; margin: 17px 0 0 -13px; background-image:url(../img/common/pointLeftAddMenu.png); background-repeat: no-repeat; background-position: 0 0;}
.popMenu .xClose {float: right; width: 12px; height: 13px; margin: 8px 5px 0 0; background-image:url(../img/common/xClosePopup.png); background-repeat: no-repeat; background-position: 0 0;}
.popMenu .boxModBody {padding: 2px 20px 20px 20px; background-color: #FFFCDF;}
.popMenu .labl {display: inline-block; width: 85px;}
.popMenu .lbl {width: auto;}
.popMenu .fieldLink {text-transform: uppercase; font-family: Roboto,Helvetica, Arial, sans-serif;}
.popMenu .formSubmits {margin: 25px 0 5px 0; padding: 18px 0 0 0; border-top: 1px solid #ccc;}
.popMenu .formSubmits .butReg {float: right; padding-left: 28px; padding-right: 28px; margin-left: 10px; cursor: pointer}
.popMenu .formSubmits .butCancel {margin-left: 0;}
.popMenu .msgSucAddMenu {padding: 135px 45px 60px 45px; background-repeat: no-repeat; background-position: center 48px;}
.popMenu .msgSucAddMenu.sucEvent {background-image:url(../img/common/icons/iconSucAddEvent.png);}
.popMenu .msgSucAddMenu.sucPpl {background-image:url(../img/common/icons/iconSucAddPpl.png);}
.popMenu .msgSucAddMenu.sucEditPpl {background-image:url(../img/common/icons/iconSucEditPpl.png);}
.popMenu .msgSucAddMenu p {padding: 10px 0 0 0; border-top: 3px double #CECAC6; color: #554F45; font-size: 14px; line-height: 1.3em; text-align: center; font-family: RobotoBold,Helvetica, Arial, sans-serif;}




#ui-datepicker-div {display:none;} /* for some reason jquery creating this div and it shows up at bottom of page. */







/* forms */
.formRow {clear: both; margin: 0 0 14px 0;}
.lbl {float: left; display: inline; width: 140px; padding: 12px 10px 0 0; text-align: left; text-transform: uppercase; font-size: 12px; line-height: 1.3em; font-family: Roboto,Helvetica, Arial, sans-serif;}
.inputs {float: left; display: inline;}
.inputWrap {position: relative; float: left; display: inline;}
input.txt,select.txt,textarea.txt {width: 290px; padding: 8px 0 8px 8px; margin:2px 0; border: 0; color: #554F45; font-size: 14px;
-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;
-moz-box-shadow: inset 0 0 5px #554F45;-webkit-box-shadow: inset 0 0 5px #554F45;box-shadow: inset 0 0 5px #554F45;}
input.disabled {color: #aaa; background-color: #ccc;}
.prepop {color: #BCB6B1 !important;}
.filled {color: #554F45 !important;}
.lblOverlay {position: absolute; padding: 11px 0 8px 8px; color: #BCB6B1; font-size: 14px; line-height: 100%;}


.errInline {display: none; position: absolute; right: -14px; top: -18px; height:17px; padding: 3px 10px 0 10px; background-color: #fff; border: 2px solid #C1272D; color: #C1272D; font-size: 12px; line-height: 120%; font-family: Roboto,Helvetica, Arial, sans-serif;
-moz-box-shadow: 2px 2px 4px #bbb;-webkit-box-shadow: 2px 2px 4px #bbb;box-shadow: 2px 2px 4px #bbb;
-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;}
.errInline .point {position: absolute; right: 15px; width: 21px; height: 8px; margin: 17px 0 0 0; background-image: url(../img/common/error/errInlinePtDn.png); background-repeat: no-repeat; background-position: 0 0;}


/* footer */
footer#pgFoot {padding: 13px 0; background-color: #554F45; color: #9A928B; font-family: Roboto,Helvetica, Arial, sans-serif;}
footer#pgFoot a {color: #9A928B;}
p#footCopy {float: left; margin: 5px 0 5px 35px;}
a#logoFootCC {float: right; width: 93px; height: 26px; margin: 0 35px 0 0; background: url(../img/common/logoFootCC.png) no-repeat 0 0;}


/* fancy fonts */
@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBold';
    src: url('fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Neverletgo';
    src: url('../fonts/neverletgo.eot');
    src: url('../fonts/neverletgo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neverletgo.woff') format('woff'),
         url('../fonts/neverletgo.ttf') format('truetype'),
         url('../fonts/neverletgo.svg#Neverletgo') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */




@media (max-width: 979px) {
/* ipad portrait  - up to -  browser min-width */
/* header#pgHeader {background-color: yellow;} */
#contentWrap {width: auto; padding-right: 15px; padding-left: 15px;}

#logoAgency,p#footCopy {margin-left: 15px;}
#welcomeText,#logoPoweredBy,a#logoFootCC {margin-right: 15px;}
ul.navMenuHoriz {margin-left: 15px;}
}
@media (max-width: 768px) {
/* ipad portrait and below */
/* header#pgHeader {background-color: green;} */
#outerWrap {background: #554F45 url(../img/common/textures/cloth.png) repeat center 0 fixed;
-webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;}

ul.navMenuHoriz a {width: 40px; padding-left: 0; padding-right: 0;}
ul.navMenuHoriz .txt {display: none;}
#headerNav .btn-navbar {display: none;}

#welcome {display: block; text-align: right;}
#welcomeSpc {display: none;}
#logoPoweredBy {margin-top: 17px;}

p#footCopy .links {display: block;}

/* care table */
a.butPostActionMenu {display: block;}
.popBarAction {display: none !important;}
.careTable th.col3 {width: 105px;}

}
@media (max-width: 480px) {
/* iphone landscape and below */
/* header#pgHeader {background-color: blue;} */
header#pgHeader {position: relative; margin-top: 35px;}
#headerNav {position: fixed; z-index:3; top:0; width: 100%;}
#contentWrap {padding-top: 0;}

#headerNav .btn-navbar,.itemChgPass,.itemLogout {display: block;}
#logoAgency,#welcomeText,#logoPoweredBy {display:none;}


#popMenuAdd {right: 15px; width: 290px;margin: 47px 0 0 0;}
#popMenuAdd .point {width: 22px; height: 14px; margin: -13px 0 0 257px; background-image:url(../img/common/pointUpAddMenu.png);}

}
@media (max-width: 320px) {
/* iphone portrait and below */
#popMenuAdd {margin-left:0;}
}
@media (min-width: 1024px) {
/* ipad landscape + */
/* header#pgHeader {background-color: orange;} */
}
@media (min-width: 1200px) {
/* widescreen + */
/* header#pgHeader {background-color: red;} */
}


/* Customizations */
.loading, .empty { background-color: #fff; padding: 0.5rem; }

.itemLink.active, .itemLink.active:hover {
    background-color: #e9f6f7;
    background-image:url(../img/common/arrowRtDrildn.png); background-repeat:no-repeat; background-position: right center;
}