/*== generic styles ==*/
html { height:100%; overflow:hidden; }
body { padding:0; margin:0; font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#333; height:100%;
    background:#F3F3F3;
    background:linear-gradient(#C7C7C7, #F3F3F3) #F3F3F3 no-repeat fixed;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#C7C7C7), to(#F3F3F3)) #F3F3F3 no-repeat fixed;
    background:-webkit-linear-gradient(#C7C7C7, #F3F3F3) #F3F3F3 no-repeat fixed;
    background:-moz-linear-gradient(#C7C7C7, #F3F3F3) #F3F3F3 no-repeat fixed;
    background:-ms-linear-gradient(#C7C7C7, #F3F3F3) #F3F3F3 no-repeat fixed;
    background:-o-linear-gradient(#C7C7C7, #F3F3F3) #F3F3F3 no-repeat fixed;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7C7C7', endColorstr='#F3F3F3') #F3F3F3 no-repeat fixed; }
a img { border:none; }

/*preloading for hover images*/
html{ background:url("../../images/mycell/blueBtnHoverBg.png") -9999px -9999px no-repeat; }
html{ background:url("../../images/mycell/greenBtnHoverBg.png") -9999px -9999px no-repeat; }
html{ background:url("../../images/mycell/redBtnHoverBg.png") -9999px -9999px no-repeat; }
html{ background:url("../../images/mycell/blueBigBtnHoverBg.png") -9999px -9999px no-repeat; }
html{ background:url("../../images/mycell/greenBigBtnHoverBg.png") -9999px -9999px no-repeat; }
html{ background:url("../../images/mycell/grayBigBtnHoverBg.png") -9999px -9999px no-repeat; }
html{ background:url("../../images/mycell/redBigBtnHoverBg.png") -9999px -9999px no-repeat; }
html{ background:url("../../images/mycell/subNavActiveBtnBg.png") -9999px -9999px no-repeat; }
html{ background:url("../../images/mycell/subNavBtnHoverBg.png") -9999px -9999px no-repeat; }
html{ background:url("../../images/mycell/checkbox.png") -9999px -9999px no-repeat; }
html{ background:url("../../images/mycell/radio.png") -9999px -9999px no-repeat; }
html{ background:url("../../images/mycell/selectEnd.png") -9999px -9999px no-repeat; }

/*== fonts ==*/
@font-face {
  font-family:"HelveticaNeue-Condensed";
  src: url('../../fonts/helvetica/HelveticaNeue-Condensed.eot');
  src: url('../../fonts/helvetica/HelveticaNeue-Condensed.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/helvetica/HelveticaNeue-Condensed.woff') format('woff'),
       url('../../fonts/helvetica/HelveticaNeue-Condensed.ttf') format('truetype'),
       url('../../fonts/helvetica/HelveticaNeue-Condensed.svg#webfont') format('svg'),
       url('../../fonts/helvetica/HelveticaNeue-Condensed.otf') format('opentype');
}

@font-face {
  font-family:"HelveticaNeue-BoldCond";
  src: url('../../fonts/helvetica/HelveticaNeue-BoldCond.eot');
  src: url('../../fonts/helvetica/HelveticaNeue-BoldCond.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/helvetica/HelveticaNeue-BoldCond.woff') format('woff'),
       url('../../fonts/helvetica/HelveticaNeue-BoldCond.ttf') format('truetype'),
       url('../../fonts/helvetica/HelveticaNeue-BoldCond.svg#webfont') format('svg'),
       url('../../fonts/helvetica/HelveticaNeue-BoldCond.otf') format('opentype');
}

@font-face {
  font-family:"HelveticaNeue-Light";
  src: url('../../fonts/helvetica/HelveticaNeue-Light.eot');
  src: url('../../fonts/helvetica/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/helvetica/HelveticaNeue-Light.woff') format('woff'),
       url('../../fonts/helvetica/HelveticaNeue-Light.ttf') format('truetype'),
       url('../../fonts/helvetica/HelveticaNeue-Light.svg#webfont') format('svg'),
       url('../../fonts/helvetica/HelveticaNeue-Light.otf') format('opentype');
}

@font-face {
  font-family:"HelveticaNeue-Medium";
  src: url('../../fonts/helvetica/HelveticaNeue-Medium.eot');
  src: url('../../fonts/helvetica/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/helvetica/HelveticaNeue-Medium.woff') format('woff'),
       url('../../fonts/helvetica/HelveticaNeue-Medium.ttf') format('truetype'),
       url('../../fonts/helvetica/HelveticaNeue-Medium.svg#webfont') format('svg'),
       url('../../fonts/helvetica/HelveticaNeue-Medium.otf') format('opentype');
}

/*== main styles ==*/
.mainContainer { width:1024px; }
.header { background:none; width:100%; height:65px; margin-bottom:10px; }
.header .logo { background:url("../../images/mycell/telmateHeaderLogo.png") 0 0 no-repeat; background-size:100%; width:285px; height:65px; cursor:pointer; overflow:visible; position:relative; }
.header .videoVisitationLogo { background:url("../../images/mycell/videoVisitationLogo.png") 0 0 no-repeat; width:109px; height:36px; margin-top:3px; }
.header .headerPanel { height:42px; border-bottom:1px solid #9E9E9E;
    box-shadow:0 0 3px #999;
    -moz-box-shadow:0 0 3px #999;
    -webkit-box-shadow:0 0 3px #999;
    background:#F8F8F8;
    background:linear-gradient(#F8F8F8, #D3D3D3);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F8F8F8), to(#D3D3D3));
    background:-webkit-linear-gradient(#F8F8F8, #D3D3D3);
    background:-moz-linear-gradient(#F8F8F8, #D3D3D3);
    background:-ms-linear-gradient(#F8F8F8, #D3D3D3);
    background:-o-linear-gradient(#F8F8F8, #D3D3D3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#D3D3D3'); }
.header .separator { background:url("../../images/mycell/separator.png") 0 0 no-repeat; width:2px; height:42px; margin:0 10px; }
.header ul li {display: block !important;}
.header ul li span { position:relative; top:11px; }
.header ul li a { color:#333; font-family:HelveticaNeue-Condensed; font-weight:bold; font-size:16px; text-transform:uppercase; text-decoration:underline; padding:15px 0; }
.header ul li a:hover, .footer ul li a:hover { color:#005B91; }
.footer { height:60px; width:1024px; border:none; padding:0; color:#666; margin:0 0 20px;
    border-bottom-left-radius:5px; border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;
    background:#D5D5D5;
    background:linear-gradient(#F5F5F5, #D5D5D5);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F5F5F5), to(#D5D5D5));
    background:-webkit-linear-gradient(#F5F5F5, #D5D5D5);
    background:-moz-linear-gradient(#F5F5F5, #D5D5D5);
    background:-ms-linear-gradient(#F5F5F5, #D5D5D5);
    background:-o-linear-gradient(#F5F5F5, #D5D5D5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#D5D5D5'); }
.footer .logo { background:url("../../images/mycell/telmateFooterLogo.png") 0 0 no-repeat; width:108px; height:23px; margin:10px 0 15px 10px; }
.footer ul li { color:#666; padding:0 10px; border-right:1px #666 dotted; }
.footer ul li a { color:#666; text-decoration:none; }
#loadingSpinner .ui-dialog-titlebar { display:none; }
#loadingSpinner .ui-dialog { background:none; }
.miniLoader { background:url("../../images/mycell/miniLoadingIcn.gif") 0 0 no-repeat; width:16px; height:16px; }
.loadingSuccess { background:url("../../images/mycell/successIcn.png") 0 0 no-repeat; width:20px; height:20px; }
.error:not(input):not(select) { background:#FFDDDD; border:1px #F00 dotted; padding:10px 20px; color:#AD1F1F; margin-bottom:15px; }
input.error, select.error { margin-right:10px; float:left; }
.error .note, .note { font-size:11px; font-style:italic; }
.contentForm input[type=text], .state_popup_display, .contentForm input[type=password] { min-height:27px; font-size:16px; }
.contentForm .subForm input.error, .contentForm .subForm select.error { margin-bottom:5px; }
.contentForm li label.error { padding:3px 10px; top:0; float:left; margin-bottom:0; min-width:119px; text-align:center; }
.centeredBtnWrapper { position:relative; left:50%; float:left; }
.centeredBtn { position:relative; right:50%; float:left; }

.blueTextVisit { font-size:18px; color:#005B91; font-weight:bold; }
.blueText { color:#005B91 !important; }
.blueText.big { font-size:48px; font-weight:bold; }
.blueText.medium { font-size:36px !important; font-weight:bold; }
.blueText.small { font-size:20px; font-weight:bold; }
.grayText { color:#666 }

table { width:95%; border-right:1px #AAA solid; border-bottom:1px #AAA solid; }
table th { border-top:1px #AAA solid; border-left:1px #AAA solid; padding:5px; background:#D9E9FC; color:#555; }
table td { border-top:1px #AAA solid; border-left:1px #AAA solid; padding:5px; }

.noborder, .noborder tbody, tr, td{
    border:none !important;
}

.noborder, td input, .noborder, td select{
    width: 100%!important;
    height: 32px;
}

.noborder, td label{
    padding: 0px!important;
}

.centerTd {
    text-align: center;
    padding: 10px;
}

.submitProReq{
    width: 55%!important;
}

.formContainer {
    width: 100%;
}

.noticeMsg, .successMsg { background:#D3F4D0 url("../../images/mycell/successIcn.png") 5px 2px no-repeat; border:1px dotted #384F34; color:#384F34; padding:3px 10px 5px 30px; line-height:17px; }
.errorMsg { background:#FFDDDD url("../../images/mycell/deleteIcn.png") 5px 2px no-repeat; border:1px dotted #FF0000; color:#AD1F1F; padding:3px 10px 5px 30px; line-height:17px; }
.infoMsg { background:#DFF4FF url("../../images/mycell/infoIcn.png") 5px 2px no-repeat; border:1px dotted #A7CEDF; color:#34404F; padding:3px 10px 5px 30px; line-height:17px; }
.alertMsg, .warningMsg { background:#FFFFCC url("../../images/mycell/warningIcn.png") 5px 2px no-repeat; border:1px dotted #FFCC00; color:#333; padding:3px 10px 5px 30px; line-height:17px; }
.welcomeMsg { background:#F5F5F5 url("../../images/mycell/successIcn.png") 5px 2px no-repeat; color:#384F34; padding:3px 10px 5px 30px; line-height:22px; font-size: 18px; text-align: center; font-weight: 900;}
.field_with_errors { color:#F00; }

/* overriden class for error messages generated by jquery validate plugin */
.field_with_errors .message { display:block; }

/*== button styles ==*/
.blueBtn, .greenBtn, .grayBtn, .redBtn, .yellowBtn, .orangeBtn{ border:2px #ADADAD solid; color:#FFF !important; min-height:41px; margin-bottom:10px; padding:0px 18px 3px; cursor:pointer; font-family:HelveticaNeue-BoldCond !important; font-size:14px !important; letter-spacing:0.7px; text-transform:uppercase;
                                                     border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.blueBigBtn, .greenBigBtn, .grayBigBtn { border:2px #ADADAD solid; color:#FFF; min-height:58px; margin-bottom:10px; padding:2px 20px 4px; cursor:pointer; font-family:HelveticaNeue-Condensed !important; font-size:20px !important; letter-spacing:0.7px; text-transform:uppercase;
    border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; word-wrap: break-word; }
input[type="submit"].blueBigBtn, input[type="submit"].greenBigBtn, input[type="submit"].grayBigBtn, input[type="submit"].redBigBtn { white-space: normal;}

.redSmallBtn { border:2px #ADADAD solid; color:#FFF; min-height:38px; margin-bottom:10px; padding:2px 20px 4px; cursor:pointer; font-family:HelveticaNeue-Condensed !important; font-size:14px !important; letter-spacing:0.5px; text-transform:uppercase; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; word-wrap: break-word; }

.blueBigBtn { text-shadow:0 -2px 1px #48638e; }
.greenBigBtn { text-shadow:0 -2px 1px #4f8551; }
.grayBigBtn { text-shadow:0 -2px 1px #575757; }
.redBigBtn, .redSmallBtn { text-shadow:0 -2px 1px #96603a; }
a.blueBtn, a.greenBtn, a.grayBtn, a.redBtn, a.yellowBtn, a.orangeBtn { padding:10px 20px 11px; text-decoration:none; }
a.blueBigBtn, a.greenBigBtn, a.grayBigBtn, a.redBigBtn, a.redSmallBtn { padding:15px 20px; text-decoration:none; }
.blueBtn:hover, .greenBtn:hover, .grayBtn:hover, .redBtn:hover, .blueBigBtn:hover, .greenBigBtn:hover, .grayBigBtn:hover, .redSmallBtn:hover, .redBigBtn:hover { color:#FFF !important; }
.yellowBtn:hover, .yellowBigBtn:hover { color:#666 !important; text-shadow:0 -2px 1px #000; }
.blueBtn { background:url("../../images/mycell/blueBtnBg.png") 0 0 repeat-x #003F80; }
.blueBtn:hover { background:url("../../images/mycell/blueBtnHoverBg.png") 0 0 repeat-x #001E4F; }
.grayBtn { background:url("../../images/mycell/grayBtnBg.png") 0 0 repeat-x #515151; }
/* No hover for disabled (aka. grayBtn) items */
.greenBtn { background:url("../../images/mycell/greenBtnBg.png") 0 0 repeat-x #009214; }
.greenBtn:hover { background:url("../../images/mycell/greenBtnHoverBg.png") 0 0 repeat-x #00490C; }
.redBtn { background:url("../../images/mycell/redBtnBg.png") 0 0 repeat-x #C03600; }
.redBtn:hover { background:url("../../images/mycell/redBtnHoverBg.png") 0 0 repeat-x #892700; }
.yellowBtn { background:url("../../images/mycell/yellowBtnBg.png") 0 0 repeat-x #F7CF00; color:#000 !important; }
.blueBigBtn { background:url("../../images/mycell/blueBigBtnBg.png") 0 0 repeat-x #003F80; }
.blueBigBtn:hover { background:url("../../images/mycell/blueBigBtnHoverBg.png") 0 0 repeat-x #001E4F; }
.greenBigBtn { background-image: linear-gradient(#0b801b, rgb(4, 94, 24)); }
.greenBigBtn:hover { background-image: linear-gradient(#215225, rgb(13, 51, 22)); }
.grayBigBtn { background:url("../../images/mycell/grayBigBtnBg.png") 0 0 repeat-x #282728; }
.grayBigBtn:hover { background:url("../../images/mycell/grayBigBtnHoverBg.png") 0 0 repeat-x #161616; }
.redBigBtn { background-image: linear-gradient(#C74900, #531c07); }
.redBigBtn:hover { background-image: linear-gradient(#C74900, #000000); }
.redSmallBtn { background:url("../../images/mycell/redBigBtnBg.png") 0 0 repeat-x #C03600; }
.yellowBigBtn { background:url("../../images/mycell/yellowBigBtnBg.png") 0 0 repeat-x #F7CF00; color:#000 !important; }
.redSmallBtn:hover { background:url("../../images/mycell/redBigBtnHoverBg.png") 0 0 repeat-x #892700; }
div.grayBigBtn a { color: #fff; text-decoration:none; }
.timeSlotBtn.grayBtn:hover { background:url("../../images/mycell/grayBtnBg.png") 0 0 repeat-x #515151; cursor:default; }
.orangeBtn { background:url("../../images/orangeBg.png") 0 0 repeat-x orange; text-shadow:0 -2px 1px #AE8860; }

/*== video styles ==*/
.playBtn { z-index:1; margin-top:-250px; padding-left:170px; }
.playBtnNoSnapshot { z-index:1; margin-top:85px; padding-left:170px; }
.vidSnapShot { opacity:0.8; filter:alpha(opacity=80); }
.vidContainer { border:1px solid #000; width:480px; height:320px; background-color:#EEE; }
.snapShotContainer { border:1px solid #000; width:480px; height:350px; cursor:pointer; }
.flipImage { -moz-transform:scaleX(-1); -o-transform:scaleX(-1); -webkit-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; -ms-filter:"FlipH"; }

/*== icon styles ==*/
.messageIcn, .lockIcn, .deleteIcn, .blockUserIcn, .blockFacilityIcn, .addIcn, .editIcn, .likeIcn, .unlikeIcn { min-width:20px; line-height:18px; padding:6px 10px 5px 23px; color:#000; text-decoration:none; }
.messageIcn:hover, .lockIcn:hover, .deleteIcn:hover, .blockUserIcn:hover, .blockFacilityIcn:hover, .addIcn:hover, .editIcn:hover { text-decoration:underline; color:#4272E3; }
.messageIcn { background:url("../../images/mycell/messageIcn.png") 0 3px no-repeat; }
.lockIcn { background:url("../../images/mycell/lockIcn.png") 0 3px no-repeat; }
.deleteIcn { background:url("../../images/mycell/deleteIcn.png") 0 3px no-repeat; }
.blockUserIcn { background:url("../../images/mycell/blockUserIcn.png") 0 3px no-repeat; }
.blockFacilityIcn { background:url("../../images/mycell/blockFacilityIcn.png") 0 3px no-repeat; }
.addIcn { background:url("../../images/mycell/addIcn.png") 0 3px no-repeat; }
.removeRecipientIcn { background:url("../../images/mycell/removeRecipientIcn.png") 0 1px no-repeat; width:13px; margin-left:5px; cursor:pointer; }
.editIcn { background:url("../../images/mycell/editIcn.png") 0 3px no-repeat; }
.likeIcn { background:url("../../images/mycell/likeIcn.png") 0 3px no-repeat; }
.unlikeIcn { background:url("../../images/mycell/unlikeIcn.png") 0 3px no-repeat; }
.cancelIcn { background:url("../../images/mycell/cancel_white_25x25.png") 0 0 no-repeat; width:25px; height:25px; }
.sendIcn { background:url("../../images/mycell/paper_airplane_40x26.png") 0 0 no-repeat; width:40px; height:26px; }

/*== searchInmateBtn styles ==*/
.searchInmateBtn.active, .searchInmateBtn:hover { background:#979797; height:35px; color:#005B91; margin-top:0px; text-shadow:none; }
.searchInmateBtn.active span, .searchInmateBtn:hover span { position:relative; top:0px; }
.searchInmateBtn.noHover:hover span { top:0px; }
.searchInmateBtn, .searchInmateBtn.noHover:hover { background:url("../../images/mycell/navBtnBg.png") 0 0 repeat-x; width:160px; height:33px; border:none; text-align:center; color:#FFF; text-transform:uppercase; text-shadow:0 -2px 1px #5a5a5a; margin:0px 0px 0 0;
    font-family:HelveticaNeue-Condensed; font-size:16px; letter-spacing:0.7px; cursor:pointer;
    border-top-left-radius:10px; border-top-right-radius:10px;
    -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; }
.searchInmateBtn.noHover:hover { cursor:default; }
.searchInmateBtn.active:hover { bac3nd:#FFF; height:35px; color:#005B91; margin-top:0px; text-shadow:none; }
.searchInmateBtn.active:hover span { position:relative; top:3px; }

.newIcnWrapper { position:relative; top:-2px; }
.searchInmateBtn.active .newIcnWrapper, .searchInmateBtn:hover .newIcnWrapper { top:0px; }
.newIcn { padding:3px;
    background:#CD3725;
    background:linear-gradient(#FC8C1F, #CD3725);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FC8C1F), to(#CD3725));
    background:-webkit-linear-gradient(#FC8C1F, #CD3725);
    background:-moz-linear-gradient(#FC8C1F, #CD3725);
    background:-ms-linear-gradient(#FC8C1F, #CD3725);
    background:-o-linear-gradient(#FC8C1F, #CD3725);
    border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px;
    box-shadow:0px 10px 10px -7px #333;
    -moz-box-shadow:0px 10px 10px -7px #333;
    -webkit-box-shadow:0px 10px 10px -7px #333; }
.newIcn .num { padding:3px 9px 3px 10px; color:#C74B09; text-shadow:none;
    background:#FFF;
    background:linear-gradient(#FFFFFF, #CDC6B8);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#CDC6B8));
    background:-webkit-linear-gradient(#FFFFFF, #CDC6B8);
    background:-moz-linear-gradient(#FFFFFF, #CDC6B8);
    background:-ms-linear-gradient(#FFFFFF, #CDC6B8);
    background:-o-linear-gradient(#FFFFFF, #CDC6B8);
    border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; }
.newIcnEnd { border-top:0px solid #CD3725; border-left:10px solid transparent; border-right:10px solid transparent; position:relative; top:-3px; width:0; height:0;
    box-shadow:0px 12px 6px -3px #333;
    -moz-box-shadow:0px 12px 6px -3px #333;
    -webkit-box-shadow:0px 12px 6px -3px #333; }
.searchInmateBtn .navLabel { margin-top:6px; }
.searchInmateBtn.active .navLabel, .searchInmateBtn:hover .navLabel { margin-top:8px; }

/*== notification styles ==*/
#notifBtn { padding:3px 10px 5px; cursor:pointer; }
#notifBtn .notifBtnIcn { background:url("../../images/mycell/notificationIcn.png") 0 -34px no-repeat; width:33px; height:34px; }
#notifBtn .notifBtnIcn.active { background:url("../../images/mycell/notificationIcn.png") 0 0 no-repeat; z-index:11; position:relative; }
#notifDrawer { position:absolute; top:30px; z-index:11; }
#notifDrawer .notifArrow { border-bottom:10px solid #FFF; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; margin-left:10px; }
#notifDrawer ul { list-style:none; padding:7px; margin-top:0;
    background:#CCC;
    background:linear-gradient(#FFF, #CCC);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#CCC));
    background:-webkit-linear-gradient(#FFF, #CCC);
    background:-moz-linear-gradient(#FFF, #CCC);
    background:-ms-linear-gradient(#FFF, #CCC);
    background:-o-linear-gradient(#FFF, #CCC);
    border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
#notifDrawer ul li { border-bottom:1px solid #AAA; padding:5px; }
#notifDrawer ul li p { margin:5px 0; }
div.closeIcn { background:url("../../images/mycell/closeIcn.png") 0 0 no-repeat; width:34px; height:34px; cursor:pointer; }

/*== navigation styles ==*/
.mockNavBtn {
    background:url("../../images/mycell/navBtnBg.png") 0 0 repeat-x; width:198px; height:41px; border:none; text-align:center; color:#FFF; text-transform:uppercase; text-shadow:0 -2px 1px #5a5a5a; margin:5px 5px 0 0;
    font-family:HelveticaNeue-Condensed; font-size:16px; letter-spacing:0.7px;
    border-top-left-radius:10px; border-top-right-radius:10px;
    -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;
}
.mockNavBtn span {position:relative; top:12px;}
.navBtn.active, .navBtn:hover { background:#FFF; height:46px; color:#005B91; margin-top:0px; text-shadow:none; }
.navBtn.active span, .navBtn:hover span { position:relative; top:3px; }
.navBtn.noHover:hover span { top:0px; }
.navBtn, .navBtn.noHover:hover { background:url("../../images/mycell/navBtnBg.png") 0 0 repeat-x; width:164px; height:41px; border:none; text-align:center; color:#FFF; text-transform:uppercase; text-shadow:0 -2px 1px #5a5a5a; margin:5px 5px 0 0;
    font-family:HelveticaNeue-Condensed; font-size:16px; letter-spacing:0.7px; cursor:pointer;
    border-top-left-radius:10px; border-top-right-radius:10px;
    -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; }
.navBtn.noHover:hover { cursor:default; }
.navBtn.active:hover { background:#FFF; height:46px; color:#005B91; margin-top:0px; text-shadow:none; }
.navBtn.active:hover span { position:relative; top:3px; }

.newIcnWrapper { position:relative; top:-2px; }
.navBtn.active .newIcnWrapper, .navBtn:hover .newIcnWrapper { top:0px; }
.newIcn { padding:3px;
    background:#CD3725;
    background:linear-gradient(#FC8C1F, #CD3725);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FC8C1F), to(#CD3725));
    background:-webkit-linear-gradient(#FC8C1F, #CD3725);
    background:-moz-linear-gradient(#FC8C1F, #CD3725);
    background:-ms-linear-gradient(#FC8C1F, #CD3725);
    background:-o-linear-gradient(#FC8C1F, #CD3725);
    border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px;
    box-shadow:0px 10px 10px -7px #333;
    -moz-box-shadow:0px 10px 10px -7px #333;
    -webkit-box-shadow:0px 10px 10px -7px #333; }
.newIcn .num { padding:3px 9px 3px 10px; color:#C74B09; text-shadow:none;
    background:#FFF;
    background:linear-gradient(#FFFFFF, #CDC6B8);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#CDC6B8));
    background:-webkit-linear-gradient(#FFFFFF, #CDC6B8);
    background:-moz-linear-gradient(#FFFFFF, #CDC6B8);
    background:-ms-linear-gradient(#FFFFFF, #CDC6B8);
    background:-o-linear-gradient(#FFFFFF, #CDC6B8);
    border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; }
.newIcnEnd { border-top:10px solid #CD3725; border-left:10px solid transparent; border-right:10px solid transparent; position:relative; top:-3px; width:0; height:0;
    box-shadow:0px 12px 6px -3px #333;
    -moz-box-shadow:0px 12px 6px -3px #333;
    -webkit-box-shadow:0px 12px 6px -3px #333; }
.navBtn .navLabel { margin-top:6px; }
.navBtn.active .navLabel, .navBtn:hover .navLabel { margin-top:8px; }

#recipientImage { cursor:pointer; }
.navPanel .navBtnWrapper:last-child .navBtn { margin-right: 0; }
.myProfileNavBtn { width:198px; }
.myRecurringNavBtn.active, .myRecurringNavBtn:hover { background:#F7F7F7; }
.subNavPanel { margin:5px 0 10px; }
.subNavBtn.active, .subNavBtn:hover  { background:url("../../images/mycell/subNavActiveBtnBg.png") 0 0 repeat-x; border:1px solid #005B91; color:#FFF; font-size:12px; font-weight:bold; position:relative; top:-5px; height:30px; cursor:pointer; padding:0 6.5px 3px;
                                       border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.subNavBtn, .bluePanelBtn { background:url("../../images/mycell/subNavBtnBg.png") 0 0 repeat-x; border:1px solid #BBB; color:#005B91; font-size:12px; font-weight:bold; position:relative; top:-5px; height:30px; cursor:pointer; padding:0 6.5px 3px;
                            border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
button.bluePanelBtn:hover { background:url("../../images/mycell/subNavBtnHoverBg.png") 0 0 repeat-x; border:1px solid #BBB; color:#005B91; font-size:12px; font-weight:bold; position:relative; top:-5px; height:30px; cursor:pointer; padding:0 6.5px 3px;
                            border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.subNavBtn { margin-right:5px; margin-top: 4px;}
.subNavBtn.active{background-image: linear-gradient(#2079A2, rgb(16, 24, 49));}
div.bluePanelBtn { padding:7px 0 6px; height:15px; text-align:center; cursor:default; }

.btnProReq {
    background: #fafafa;
    background-image: linear-gradient(to bottom, #fafafa, #d1d1d1);
    border-radius: 8px;
    color: #2b2b2b;
    padding: 5px 0px 5px 0px;
    border: solid #959595 2px;
    text-decoration: none;
    cursor: pointer;
  }
    .btnProReq:hover {
    background: #fafafa;
    background-image: linear-gradient(to bottom, #fafafa, #fafafa);
  }


/*== side profile styles ==*/
.sideProfile { width:95px; min-height:568px;
    margin-top: 0px;
    padding: 5px;
    background:#C7C7C7;
    background:linear-gradient(#F7F7F7, #C7C7C7);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#C7C7C7));
    background:-webkit-linear-gradient(#F7F7F7, #C7C7C7);
    background:-moz-linear-gradient(#F7F7F7, #C7C7C7);
    background:-ms-linear-gradient(#F7F7F7, #C7C7C7);
    background:-o-linear-gradient(#F7F7F7, #C7C7C7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#C7C7C7'); }
.sideProfile h3 {
    font-family: "Helvetica Narrow", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    margin: 0px;
    word-wrap: break-word;
}
.sideProfile button {
    position: relative;
}

.sideProfile #sidebar_notification {
    margin: 0px; padding: 0px;
}

.sideProfile #sidebar_notification h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(205, 55, 37) ;
    padding: 2px;
    margin: 0px;
    margin-bottom: 5px;
    height: 24px;
    line-height: 24px;
    background-image: url('/images/layout_icons/note_title.png');
    background-position: right center;
    text-transform: uppercase
}

.sideProfile .msg_body {
    background-color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding: 4px 12px 8px 12px;
    background-position: right;
    background-repeat: repeat-y;
    background-image: url('/images/layout_icons/msg_body_bg.png');
}
.sideProfile .msg_body p{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    paddin: 0px;
    margin: 0px;
}

.sideProfile .warn_msg .msg_body  {
    background-color: rgb(255, 250, 225);
    background-image: none;
}

.sideProfile .msg_body button {
    margin-top: 1em; margin-bottom: 0.5em;
}

.sideProfile #sidebar_inner h4 {
    background-color:  rgb(205, 55, 37) ;
    color: white;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    padding: 1px;
    margin: 8px 0px 0px 0px;
    line-height: 36px;
    height: 36px;
    /* background-image: url('/images/layout_icons/note_item_title40.png');   */
    background-image: url('/images/mycell/redBtnBg.png');
    background-position: center center;
}

.sideProfile .quickLinks{
    font-size: 14px;
    padding: 5px;
    color: #CF682B;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: 16px;
}

.sideProfile a{
    text-align: center;
    color: black;
    display: block;
}

.sideProfile a.redBtn {
    font-size: 15px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    font-weight: bolder !important;
    padding: 9px 0 !important;
    letter-spacing: 0.7px;
}

.sideProfile .greenBtn{
    width: 100%;
    font-size: 15px !important;
    font-weight: bolder !important;
}

.sideProfile a.depositLink {
    padding-bottom: 10px;
    border-bottom: 1px solid #CF682B;
}

.grayedPholder { color:#BBB;font-style:italic; }
.avatar { margin-bottom:5px; width:130px; }
.sideProfileWrapper .sideProfile .avatar { width: 79px}
.thumbnail { width:45px; height:45px; margin:0 7px 10px 0; }
.notifThumb { width:45px; height:45px; }
.profilePhotoUploadForm { visibility: hidden; }

/*== content styles ==*/
.contentPanel { background:#FFF; width:884px; min-height:568px; margin-bottom:0; padding:10px 10px 15px 25px; overflow-y:auto; overflow-x:hidden; }
.contentNote { margin-left:20px; margin-top:0; padding-top:10px; font-weight:bold;}

.contactList {
    margin-left: 33px;
    min-height:456px;
}

.bluePanelContent .contactList { min-height:356px; }

.contactList ul {
    position: relative;
    display: block;
}

.contactList ul li.contact {
    float: left;
    background: #FFFFFF;
    background:linear-gradient(#FFFFFF, #CCCCCC);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#CCCCCC));
    background:-webkit-linear-gradient(#FFFFFF, #CCCCCC);
    background:-moz-linear-gradient(#FFFFFF, #CCCCCC);
    background:-ms-linear-gradient(#FFFFFF, #CCCCCC);
    background:-o-linear-gradient(#FFFFFF, #CCCCCC);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    min-height: 85px;
    height: 67px !important;
    font-size: 15px !important;
}

.contactList ul li.blocked {
    border: 1px solid #CF682B !important;
    color: #cf682b;
    font-style: italic;
}

.contactList ul li.released,
.contactList ul li.suspended {
    color: #595959;
    font-style: italic;
}

.contactList ul li .status {
    font-size: 17px;
    float: right;
    position: relative;
    bottom: 5px
}

.contactList ul li .photo {
    height: 68px;
    width: 68px;
    float: left;
}

.contactList ul li .name,
.contactList ul li .facility{
    display: block;
}

.contactList ul li .name {
    font-weight: bold;
    font-size: 17px;
    padding: 10px 0 7px 0;
}

.contactList ul li .age span,
.contactList ul li .booked span,
.contactList ul li .phone span {
    font-weight: bold;
}

.contactList .contact {
    min-height: 50px;
    padding: 5px;
    margin: 0px;
    border-bottom: 1px solid #999;
    position: relative;
}
.contactList .contact h3 {
    font-weight: bold;
    font-size: 14pt;
    color: black;
    width: 400px;
    style: block;
    position: absolute;
    left: 60px;
    top: 5px;
    margin: 0px;
    padding: 0px;
}

.contactList .contact_alt h3 {
    font-size: 10pt;
    width: 200px;
    top: 3px;
    left: 170px;
}
.contactList .contact_alt {
    display: none;
    background: rgb(225, 225, 225);
    min-height: 150px;
}

.contactList .contact_alt .avatar{
    position: absolute;
    width: 140px;
    height: 140px;
    left: 5px;
    top:5px;
}

.contactList .contact .details {
    right:20px;
    top: 10px;
    position: absolute;
    margin-bottom: 10px;
}

.contactList .contact_alt .block {
    right:20px;
    bottom: 10px;
    position: absolute;
    margin: 0px;
    margin-bottom: 10px;
}

.contactList .contact_alt .schedule_visit {
    right: 120px;
    bottom: 10px;
    position: absolute;
    margin: 0px;
    margin-bottom: 10px;
}

.contactList .contact_alt .send_message {
    right: 270px;
    bottom: 10px;
    position: absolute;
    margin: 0px;
    margin-bottom: 10px;
}

.contactList .contact_alt .view_profile {
    right: 420px;
    bottom: 10px;
    position: absolute;
    margin: 0px;
    margin-bottom: 10px;
}

.contacts_btn_holder {
    position: absolute;
    left: 120px;
    top: 80px;
}

.contacts_btn_holder li {
    float: right;
    border: none;
    list-style: none;
    padding: 0px 4px;
}

.contactList .contact .contactDetails {
    position: absolute;
    left: 450px;
    top: 2px;
    height: 48px;
    overflow: hidden;
}

.contactList .contact_alt .contactDetails {
    position: absolute;
    left: 170px;
    top: 30px;
    height: 60px;
    overflow: hidden;
}

.bluePanelContent .contactList ul li { cursor:pointer; max-width:326px; overflow: hidden;}
.bluePanelContent .contactList ul li img { margin-top:0px !important; }
.bluePanelContent .contactList ul li .name { padding-top:5px; }
.bluePanelContent .contactList ul li.contact { min-height:67px; }
.bluePanelContent #contact-list { position:relative; }
.bluePanelContent #contact-box #contact-list .drawer {
    display:none !important;
    visibility: hidden;
}

.contactDetails .contactInfo {
    width: 205px;
}

.contactDetails .tphoneContactInfo {
    width: 255px;
}

#contact-list .contact.active {
    z-index: 12;
}

#contact-list .drawer {
    z-index: 11;
    position: absolute;
    background: #FFFFFF;
    background:linear-gradient(#FFFFFF, #CCCCCC);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#CCCCCC));
    background:-webkit-linear-gradient(#FFFFFF, #CCCCCC);
    background:-moz-linear-gradient(#FFFFFF, #CCCCCC);
    background:-ms-linear-gradient(#FFFFFF, #CCCCCC);
    background:-o-linear-gradient(#FFFFFF, #CCCCCC);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');
    border: 1px solid #999;
    height: 350px;
    top: 11px;
    padding: 10px 20px 10px 10px;
    width: 310px
}

#contact-list .drawer.left {
    left: 80px;
}

#contact-list .drawer.right {
    left: 380px;
}

#contact-list ul {
    list-style: none;
}

.drawer li{
    float:left;
}

.drawer li.close-icon {
    float: none;
    position: relative;
    top: 310px;
}

#contact-list ul.buttons {
    margin-left: -40px;
}

#contact-nav ul {
    font-size: 16px;
}

#contact-nav ul li {
    display: inline;
}

#contact-nav ul li a {
    background-color: #595959;
    color: white;
    height: 26px;
    position: relative;
    display: inline-block;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .7px;
    padding-top: 10px;
}

a{
    outline: none !important;
}

#contact-nav ul li.active a{
    background-color: #cf682b;
    vertical-align: top;
    border: 0px;
}

#contact-box,
.bluePanelContent{
    position: relative;
}

#contact-box .pagination{
    position: absolute;
    top: -109px;
    width: 310px;
    right: 0px;
    margin-top:3px;
}

.bluePanelContent #paginator{
    width: 237px;
    position: absolute;
    top: 5px;
    right: 80px;
}

.inviteContainer,
.searchContainer{
    color:  #cf682b;
    border: 5px solid;
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
    padding:15px 23px 0px 23px;
    height: 50px;
    position: relative;
}

.inviteContainer label,
.inviteContainer input,
.searchContainer input{
    font-style: italic;
    font-size: 16px !important;
}

.searchContainer .ice_search,
.searchContainer .searchUserText{
    font-style: italic;
    font-size: 13px !important;
    margin-left: 5px;
}

.inviteContainer input,
.searchContainer input{
    padding: 7px;
}

.inviteContainer #inviteUser,
.inviteContainer #search{
    font-size: 16px !important;
}

#inviteDialog h2 span {
    display: block;
    color: #cf682b;
    font-style: italic;
    margin: 10px 0 0 25px;
}

a.contactAction,
a.contactActionSmall {
    position: relative;
    display: inline-block;
    padding: 0 !important;
}

a.contactActionSmall {
    height: 30px;
    width: 100px;
}
a.contactAction {
    height: 55px;
    width: 140px;
}

a.contactActionBig {
    width: 130px;
}
a.contactActionMsgBig {
    height: 30px;
    width: 120px;
}
#inviteDialog .buttonsContainer{
    margin-left: 25px;
}

.searchContainer .selectFacilityContainer {
    width: 300px;
    float: left;
}

.searchContainer button#search {
    position: absolute;
    right: 80px;
    top: 10px;
}

a.contactAction span,
a.contactActionSmall span {
    padding: 5px 10px;
    font-size: 16px;
    text-align: right;
    max-width: 61px;
    float: right;
}
a.contactActionBig span, a.contactActionMsgBig span {
    padding-left:35px !important;
    text-align: center;
    max-width:110px!important;
}
a.contactActionSmall span{
    font-size: 14px;
    vertical-align: middle;
}

a.contactAction span.image,
a.contactActionSmall span.image{
    position: absolute;
    height: 46px;
    top: 2px;
    left: 5px;
}

.a.contactActionSmall span.image{
    height: 28px;
}

a#schedule span.image,
a.schedule span.image{
    background: url("../../images/mycell/calendarIcon.png") 0 0 no-repeat;
    width: 36px;
}

a#invite span.image,
a.invite span.image{
    background: url("../../images/mycell/manIcon.png") 0 0 no-repeat;
    width: 45px;
}

a#message span.image,
a.message span.image{
    background: url("../../images/mycell/sendMessageIcon.png") 0 0 no-repeat;
    width: 50px;
    top: 10px;
}

a#deposit span.image,
a.deposit span.image{
    background: url("../../images/mycell/sendMoneyIcon.png") 0 0 no-repeat;
    width: 45px;
    top: 12px;
}

a.contactActionSmall.schedule span.image{
    background: url("../../images/mycell/calendarIcon_small.png") -5px -5px no-repeat;
    width: 25px;
}

a.contactActionSmall.accept span.image{
    background: url("../../images/mycell/checkIcon_small.png") 0 3px no-repeat;
    width: 25px;
}

a.contactActionSmall.invite span.image{
    background: url("../../images/mycell/manIcon_small.png") 0 4px no-repeat;
    width: 25px;
}

a.contactActionSmall.block span.image{
    background: url("../../images/mycell/blockIcon_small.png") 0 3px no-repeat;
    width: 26px;
}

.arrowContainer {
    top: -15px;
    left: 340px;
    position: relative;
    overflow: visible;
}

.arrowContainer.search {
    top: -5px;
    left: 100px;
}

.arrow {
    position: relative;
    display: block;
    background: url("../../images/mycell/arrow.png") 0 0 no-repeat;
    height: 160px;
    width: 152px;
}

.welcomeMessage {
    background: #FFFFFF;
    background:linear-gradient(#FFFFFF, #CCCCCC);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#CCCCCC));
    background:-webkit-linear-gradient(#FFFFFF, #CCCCCC);
    background:-moz-linear-gradient(#FFFFFF, #CCCCCC);
    background:-ms-linear-gradient(#FFFFFF, #CCCCCC);
    background:-o-linear-gradient(#FFFFFF, #CCCCCC);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');
    border: 1px solid #999;
    text-align: center;
    font-style: italic;
    position: relative;
    margin-left:auto;
    margin-right:auto;
    top: 0px;
    max-width: 375px;
    padding: 0 65px;
}

.welcomeMessage h1 {
    margin-bottom: -30px;
    font-size: 4em;
}

.welcomeMessage h2 {
    font-size: 2em;
}

.messageBtns {
    position: relative;
    left: 70px;
}

.timestampDetails {
  border:1px solid #afaeae;
  border-radius: 8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  text-align: center;
  font-weight: bold;
}

.verticalTimestamp { font-size: 14px; width: 52px; background-color: #FFFFFF; color: #000000; display: inline-block; vertical-align: top;}
.verticalTimestamp .vTimestampMonth { background-color: #696969; color: #FFFFFF;
                                      border-top-right-radius: 6px;
                                        -moz-border-radius-topright:6px;
                                        -webkit-border-top-right-radius:6px;
                                      border-top-left-radius: 7px;
                                        -moz-border-radius-topleft: 7px;
                                        -webkit-border-top-left-radius: 7px;}
.verticalTimestamp .vTimestampDay { font-size:20px;  border-bottom: 1px solid #afaeae;}
.verticalTimestamp .vTimestampTime { border-bottom-right-radius: 8px;
                                       -moz-border-radius-bottomright: 8px;
                                       -webkit-border-bottom-right-radius: 8px;
                                     border-bottom-left-radius: 8px;
                                       -moz-border-radius-bottomleft: 8px;
                                       -webkit-border-bottom-left-radius: 8px;}

.horizontalTimestamp { font-size: 16px; width: 85px;}
.horizontalTimestamp .hTimestampDate  { background-color: #696969; color: #FFFFFF;
                                        border-top-right-radius: 8px;
                                          -moz-border-radius-topright:8px;
                                          -webkit-border-top-right-radius:8px;
                                        border-top-left-radius: 8px;
                                          -moz-border-radius-topleft: 8px;
                                          -webkit-border-top-left-radius: 8px;}
.horizontalTimestamp .hTimestampTime { background-color: #FFFFFF; color: #000000;
                                       border-bottom-right-radius: 8px;
                                         -moz-border-radius-bottomright: 8px;
                                         -webkit-border-bottom-right-radius: 8px;
                                       border-bottom-left-radius: 8px;
                                         -moz-border-radius-bottomleft: 8px;
                                         -webkit-border-bottom-left-radius: 8px;}

.messageList { border:1px #999 solid; padding:0 10px; }
.messageList li.unread { background:#CAEAFB; }
.messageList li.active, .messageList li:hover { background:#F0F2F5 }
.messageList .messageTimestamp { font-size:10px; color:#666; }
.messageList .messageInfo a { text-decoration:none; }
.messageList .messageInfo a:hover { text-decoration:underline; }
.messageList .senderName, .messageList .messageInfo .senderName a { cursor:pointer; color:#03C; font-weight:bold; text-decoration:underline; }
.messageList .notification { cursor:pointer; color:#09C; text-decoration:underline;font-weight:bold; }
.messageList li.unread, div.unread { font-weight:bold; color:#000; }
.messageList li.read { font-weight:normal; }
.messageList div.unread a { text-decoration:none; }
.messageList .messageUnRead { font-weight: bold; border: 4px; border-style: solid; }
.messageList .messageOptions { margin-top:2px; display:none; }
.messageList .messageContent { padding-top:10px; padding-bottom:10px; }
.messageList .messageBody { margin:10px 0; padding:5px 10px 30px; text-align:justify; border:1px dotted #797979; background:#EEE; overflow-y:auto; overflow-x:hidden; word-wrap:break-word; white-space:pre-wrap; max-height:355px; max-width:785px; }
.messageList li {
    border-bottom: 1px #797979 dotted;
}
.messageNotice { border:1px #999 solid;
                  padding-top:10px;
                  padding-bottom:10px;
                  font-size: 18px;
                  border-radius: 10px;
                    -moz-border-radius:10px;
                    -webkit-border-radius:10px;
                    background: #fde876 !important;
                color: #444444;
                font-weight: 700;}

.messageContent { border:1px #999 solid;
                  padding-top:10px;
                  padding-bottom:10px;
                  font-size: 14px;
                  border-radius: 10px;
                    -moz-border-radius:10px;
                    -webkit-border-radius:10px;}
.messageContent .avatar { width: 80px}
.messageBody { background-color: #ffffff; min-height: 70px; border-radius: 10px; padding: 10px; word-wrap: break-word;}
.subject { max-width:450px; word-wrap:break-word;}
.threadSubject { max-width:550px; word-wrap:break-word;}
.messageBody p {display:inline;margin:0px;}
pre.messageBody { font-family: Arial, Helvetica, sans-serif; border-radius: 0px; white-space: pre-wrap; }
.threadBody p, .fullMsg p { font-size: 14px; }
.replyBtnText, .appealBtnText {position: relative; text-align: right; min-width: 110px; padding-right:10px;}
.replyBtnIcn, .appealBtnIcn {background: url("../../images/mycell/reply_icn_34x25.png") 0 0 no-repeat; position: absolute; left: 8px; top: 10px; width: 34px; height: 25px;}
.closeBtnText {position: relative; text-align: right; min-width: 105px; padding-left: 38px; padding-right: 8px;}
.closeBtnIcn {background: url("../../images/mycell/cancel_white_25x25.png") 0 0 no-repeat; position: absolute; left:8px; top: 14px; width: 25px; height: 25px;}
.printBtnIcn {background: url("../../images/mycell/print_white_25x25.png") 0 0 no-repeat; position: absolute; left:8px; top: 14px; width: 25px; height: 25px;}
.sendBigBtnIcn {position: absolute; left: 5px; top: 5px; width:55px; height:30px; padding-left:5px;}
.closeBigBtnIcnNewMsg {left: 8px; position: absolute;  top: 14px;}
.subjectText, .recipientText { font-size: 14px; font-weight:bold; }
.msgNotice {margin: 35px 15px 25px 15px; font-size: 16px; font-weight: bold; text-align: center;}
a.unread { font-weight:bold; }
#specialNotif {background:#FFFF7E;border:1px solid #797979;padding:0 10px;}
#special-notification { padding:0 0px; }
#special-notification #visitTimer { font-size:16px; }
#special-notification #visitTimer #timeLeft { font-size:18px; font-weight:bold; margin:7px 0 0 10px; }
.feedBody { word-wrap:break-word; white-space:pre-wrap; }

.windowPane { border:1px #FFF solid; background:#FFF; }
.windowPane h2, .windowPane h3 { color:#333; }
.windowContent em { color:#009100; font-size:17px; font-weight:bold; font-style:normal; }

.grayBtnPanel h3 { height:32px; padding-top:0px; text-align:center; font-size:18px; color:#FFF; margin:0;
    border-top-left-radius:10px; border-top-right-radius:10px;
    -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; }
.grayBtnPanel h3 { text-shadow:0 -2px 1px #7c7c7c; }
.grayBtnPanel .grayPanelContent { padding:20px; }
.grayBtnPanel h3 { background:url("../../images/mycell/grayPanelHeaderBg.png") 0 0 repeat-x; }
.grayBtnPanel .grayPanelWrapper { background:#979797; padding:0px 10px 10px;
    border-bottom-left-radius:10px; border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;
    -webkit-border-top-bottom-radius:10px; -webkit-border-bottom-right-radius:10px; }
.grayBtnPanel .grayPanelContent { background:#FFF; }

.bluePanel h3, .grayPanel h3 { height:32px; padding-top:12px; text-align:center; font-size:18px; color:#FFF; margin:0;
    border-top-left-radius:10px; border-top-right-radius:10px;
    -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; }
.grayPanel h3 { text-shadow:0 -2px 1px #7c7c7c; }
.bluePanel h3, .blueMiniPanel h3 { text-shadow:0 -2px 1px #48638e; }
.bluePanel .bluePanelContent, .grayPanel .grayPanelContent { padding:20px; }
.bluePanel .bluePanelContent2 {padding-top: 10px; padding-bottom: 5px; height: 38px;}
.bluePanelAppModalContent { padding:10px; }
.bluePanel h3 { background:url("../../images/mycell/bluePanelHeaderBg.png") 0 0 repeat-x; }
.bluePanel .bluePanelWrapper { background:#00579C; padding:0px 10px 10px;
    border-bottom-left-radius:10px; border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;
    -webkit-border-top-bottom-radius:10px; -webkit-border-bottom-right-radius:10px; }
.bluePanel .bluePanelContent, .bluePanel .bluePanelContent2, .blueMiniPanel .blueMiniPanelContent, .bluePanelAppModalContent { background:#D3D3D3;
    background:linear-gradient(#F8F8F8, #D3D3D3);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F8F8F8), to(#D3D3D3));
    background:-webkit-linear-gradient(#F8F8F8, #D3D3D3);
    background:-moz-linear-gradient(#F8F8F8, #D3D3D3);
    background:-ms-linear-gradient(#F8F8F8, #D3D3D3);
    background:-o-linear-gradient(#F8F8F8, #D3D3D3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#D3D3D3'); }

.bluePanel .info { font-size:16px; color:#333; }
.bluePanel .info .blueHeader   {  font-size:20px; color:#005B91; font-weight:bold; }
.bluePanel .info .text         {  font-size:16px; }
.bluePanel .info .importantBox {  background-color: #FFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding:5px;
    border: 2px solid #DF4E00; }

.grayPanel h3 { background:url("../../images/mycell/grayPanelHeaderBg.png") 0 0 repeat-x; }
.grayPanel .grayPanelWrapper { background:#979797; padding:0px 10px 10px;
    border-bottom-left-radius:10px; border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;
    -webkit-border-top-bottom-radius:10px; -webkit-border-bottom-right-radius:10px; }
.grayPanel .grayPanelContent { background:#FFF; }
.blueMiniPanel h3 { background:url("../../images/mycell/bluePanelHeaderBg.png") 0 0 repeat-x !important; height:32px; padding-top:12px; text-align:center; font-size:18px; color:#FFF; margin:0;
    border-top-left-radius:5px; border-top-right-radius:5px;
    -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
.blueMiniPanel .blueMiniPanelContent { border-right:1px solid #BCBCBC; border-bottom:1px solid #BCBCBC; border-left:1px solid #BCBCBC;
    border-bottom-left-radius:5px; border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
    -webkit-border-top-bottom-radius:5px; -webkit-border-bottom-right-radius:5px; }
.blueMiniPanel .blueMiniPanelContent .segment { padding:20px; border-bottom:1px solid #BCBCBC; border-top:1px solid #FFF; min-height: 50px; clear: both;}
.blueMiniPanel .blueMiniPanelContent .segment span.alignJ { width: 45%; float: right; margin-top: -15px;}
.blueMiniPanel .blueMiniPanelContent p { font-size:14px; }
.grayMiniPanel h3 { background:url("../../images/mycell/grayMiniPanelHeaderBg.png") 0 0 repeat-x !important; height:29px; padding-top:9px;
    border-top-left-radius:5px; border-top-right-radius:5px;
    -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
.grayMiniPanel .grayMiniPanelContent { background:#FFF; padding:15px; border-right:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #666;
    border-bottom-left-radius:5px; border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
    -webkit-border-top-bottom-radius:5px; -webkit-border-bottom-right-radius:5px; }
.redMiniPanel h3 { background:url("../../images/mycell/redPanelHeaderBg.png") 0 0 repeat-x !important; height:32px; padding-top:12px; text-align:center; font-size:18px; color:#FFF; margin:0; text-shadow:0 -2px 1px #333;
    border-top-left-radius:5px; border-top-right-radius:5px;
    -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
.redMiniPanel .redMiniPanelContent { border-right:1px solid #BCBCBC; border-bottom:1px solid #BCBCBC; border-left:1px solid #BCBCBC;
    border-bottom-left-radius:5px; border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
    -webkit-border-top-bottom-radius:5px; -webkit-border-bottom-right-radius:5px; }
.redMiniPanel .redMiniPanelContent .segment { padding:20px; border-bottom:1px solid #BCBCBC; }
.redMiniPanel .redMiniPanelContent p { font-size:14px; }
.whitePanel { background:#FFF; border:1px solid #C3C3C3; padding:20px 40px;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.whitePanel p { font-size:16px; color:#333; text-align:center; height:110px; }

.bestValue { background:url("../../images/mycell/bestValueBg.png") 0 0 no-repeat !important; width:208px; height:75px; position:relative; left:-10px; text-align:center; }
.bestValue span { color:#FFF; font-size:20px; position:relative; top:24px; }

.visaIcn { background:url("../../images/mycell/visaIcn.png") 0 0 no-repeat; width:54px; height:33px; margin-right:10px; }
.masterCardIcn { background:url("../../images/mycell/masterCardIcn.png") 0 0 no-repeat; width:54px; height:33px; margin-right:10px; }
.discoverIcn { background:url("../../images/mycell/discoverIcn.png") 0 0 no-repeat; width:54px; height:33px; margin-right:10px; }
.americanExpressIcn { background:url("../../images/mycell/americanExpressIcn.png") 0 0 no-repeat; width:54px; height:33px; margin-right:10px; }
.moneyGramIcn { background:url("../../images/mycell/moneyGramIcn.png") 0 0 no-repeat; width:54px; height:33px; margin-right:10px; }

.formText { background:#666; padding:10px 20px;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.formText h3 { font-family:HelveticaNeue-Condensed; color:#FFF; font-size:16px; background:none; text-align:left; margin:0; padding:0 0 5px; height:auto; text-transform: uppercase;}
.formText input { width:98%; height:27px; font-size:16px; }
.formText select { width:99%; }

.wizard h2 { background:#005B91; width:1025px; margin:0; }
.wizard h2 .step { background:url("../../images/mycell/navBtnBg.png") 0 0 repeat-x #373737; padding:9px 15px 8px; font-size:14px; border-right:1px #FFF solid; color:#666; }
.wizard h2 .step.active { background:url("../../images/mycell/navBtnBg.png") 0 -38px repeat-x; color:#FFF; font-weight:normal; }

.newMessage .detail { padding:10px 25px; border-bottom:1px #999 solid; color:#505C75; }
.newMessage .detail span { margin-right:10px; }

.msgArea, .replyArea { width:100%; max-width:100%; min-width:99%; min-height:140px; margin:10px 10px 10px 0; overflow: auto; font-size:14px; }
.newMessage .msgArea { height:250px; }
.replyArea { height: 140px;}
/*.newMessage .msgArea { width:100%; height:260px; margin:10px 10px 10px 0; font-size:14px;}*/

.newMessage input[type="text"] { width:350px; }
.newMessage .recipient { margin:2px 20px 10px 0; }
.newMessage .recipient .recipientName { color:#000; }
.newMessage .grayedPholder { color:#BBB;font-style:italic; }
.newMessage .subjectArea { height:25px; line-height:25px; text-align:right; margin-right:10px; font-size:14px; }
.messageContacts { padding:0; margin:0 0 0 23px; width:354px; max-height:126px; overflow-y:auto; }
.messageContacts .contactDetails { cursor:pointer; background:#DDD; }
.messageContacts .contactDetails:hover { background:#BBB !important; }
.messageContacts .keyword { color:#3D81E7; }
.messageContacts #noContacts { font-size:11px; background:#BBB; }
.messageContacts #noContacts:hover { background:#F3F3F3; }
.tphonenewMessage .detail { padding:10px 25px; border-bottom:1px #999 solid; color:#505C75; }
.tphonenewMessage .detail span { margin-right:10px; }
.tphonenewMessage .msgArea { width:95%; height:290px; margin:10px 10px 10px 3px; font-size:30px; line-height:1.5;}
.tphonenewMessage .subjectArea { width:95%; height:180px; margin:10px 10px 10px 10px; font-size:30px;}
.tphonenewMessage input[type="text"] { width:300px; }
.tphonenewMessage .textLabel { font-size:30px; font-weight:bold; min-height:34px; }

.boxShadow { box-shadow:0px 0px 15px 0px #777777; -moz-box-shadow:0px 0px 15px 0px #777777; -webkit-box-shadow:0px 0px 15px 0px #777777; }
.msgBoxBg, #simplePanel { background:#C7C7C7;
            background:linear-gradient(#FFFFFF, #C7C7C7);
            background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#C7C7C7));
            background:-webkit-linear-gradient(#FFFFFF, #C7C7C7);
            background:-moz-linear-gradient(#FFFFFF, #C7C7C7);
            background:-ms-linear-gradient(#FFFFFF, #C7C7C7);
            background:-o-linear-gradient(#FFFFFF, #C7C7C7);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#C7C7C7');}

.MsgPanel {
  padding: 15px;
  border: 1px solid #777;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

.MsgPanel .cost {
  font-style: italic;
  font-size: 14px;
}

.summary { font-size:14px; }

.creditCardList { background:#FFF; }
.creditCardList .cardType { font-style:italic; font-size:11px; color:#505C75; }
.creditCardList .ccEnding { font-style:bold; font-size:16px; }

.galleryList dd { height: 150px; margin: 4px 1px; overflow: hidden; word-wrap: break-word; }
.galleryList .galleryWrapper { background:#FFF url("../../images/mycell/galleryBg.png") 5px 5px no-repeat; width:132px; height:132px; cursor:pointer; padding:5px; }
.galleryList .galleryWrapper:hover { background:#DDD url("../../images/mycell/galleryBg.png") 5px 5px no-repeat; }
.galleryList .galleryWrapper .gallery { padding:26px 6px 6px 26px; }
.picList dd { margin:0 0 20px 5px; }
.picList .picWrapper { background:#FFF url("../../images/mycell/picBg.png") 5px 5px no-repeat; width:112px; height:112px; cursor:pointer; padding:5px; }
.picList .picWrapper:hover { background:#DDD url("../../images/mycell/picBg.png") 5px 5px no-repeat; }
.galleryName { font-weight:bold; font-size:14px; margin-right:5px; }
.galleryCover { display: inline-block; width: 100px; height: 100px; }

.photoViewer { background:#333 !important; }
.photoViewer .ui-widget-content { color:#EEE !important; }
.photoViewer a.galleryName:visited { color:#EEE; }
.photoViewerTitle { background:#333; border:none; padding-bottom:0; margin-top:5px; font-weight:normal; }
.photoViewer a.ui-dialog-titlebar-close { height:26px; width:26px; display: none; }
.photoViewer span.ui-icon-closethick { background-position:-104px -224px; margin:4px 0 0 5px; }
.photoViewer span.ui-icon-closethick:hover { background-image: url(/images/jquery-ui/ui-icons_056b93_256x240.png); }
.photoViewer .photoDescription { width:50%; }
.photoOverlay { background:#555; opacity:0.7; filter:alpha(opacity=70); }
.photoDetails .uploadPhoto { background:#EEE; border:1px #AAA solid; padding:10px; margin:0 10px 20px 0; }

.saveGallery { border:1px #AAA solid; }
.saveGallery dd { background:#EEE; margin:0; padding:5px 15px 7px; border-bottom:1px #AAA solid; cursor:pointer; }
.saveGallery dd.saveTo.active, .saveGallery dd.saveTo:hover { background:#BFFFC7; }
.saveGallery dd.addNew.active, .saveGallery dd.addNew:hover { background:#C7D2FC; }
.saveGallery dd.dontShare.active, .saveGallery dd.dontShare:hover { background:#FFF7C4; }
.gallerySettings { height:450px !important; }

.calendar { margin-left:auto; margin-right:auto; width:100%; }
.calendar th, .daySched th { background:transparent; color:#333; font-size:14px; text-transform:uppercase; border-left:1px solid #999; }
.calendar td { padding:5px 5px 18px; border-left:1px solid #999; border-top:1px solid #999; }
.calendar td .date { margin-bottom:0; }
.daySchedWrapper { max-height:319px; height:auto; }

.pagination > * { margin-right:15px; font-size:14px; text-decoration:none; }
.pagination .previous_page { font-size:12px; }
.pagination .next_page { margin-right:0; font-size:12px; }

#paginator .pagination .previous_page.redBigBtn {
    left: -741px;
}

.bluePanelContent #paginator .pagination .previous_page.redBigBtn{
    left: -591px;
}

#paginator .pagination .next_page.redBigBtn {
    right: -53px;
}

.bluePanelContent #paginator .pagination .next_page.redBigBtn{
    right: -177px;
}

#paginator .pagination .next_page.redBigBtn,
#paginator .pagination .previous_page.redBigBtn,
#paginator .pagination .next_page.redBigBtn,
#paginator .pagination .previous_page.redBigBtn{
    display: block !important;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    width: 400px;
    position: relative;
    top: 300px;
    height: 59px;
    z-index: 9;
}

.bluePanelContent #paginator .pagination .next_page.redBigBtn,
.bluePanelContent #paginator .pagination .previous_page.redBigBtn,
.bluePanelContent #paginator .pagination .next_page.redBigBtn,
.bluePanelContent #paginator .pagination .previous_page.redBigBtn{
    top: 250px;
    width: 323px;
}

#paginator .pagination .previous_page.redBigBtn {
    float: left;
}

#paginator .pagination .previous_page.redBigBtn span,
#paginator .pagination .next_page.redBigBtn span {
    display: block;
    width: 37px;
    height: 48px;
    background: url("../../images/mycell/icon-previous.png") 0 0 no-repeat;
    right: -180px;
    position: relative;
    border: none !important;
}

.bluePanelContent #paginator .pagination .previous_page.redBigBtn span,
.bluePanelContent #paginator .pagination .next_page.redBigBtn span{
    left: 132px;
}

#paginator .pagination .previous_page.redBigBtn span{
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

#paginator .pagination .next_page.redBigBtn span{
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.profileName { font-size:15px; }
.cityState { font-size:12px; font-weight:normal; }
.profileDetails { padding-left:0px; }
.profileDetails li { margin-bottom:5px; }
.profileDetails .profileDetail { color:#666; width:80px; float:left; }
.profileDetails .profileValue { color:#505C75; font-size:14px; font-weight:bold; float:left; }
.profileDetails .lookingFor { color:#090; font-size:14px; font-weight:bold; float:left; }

.popupInfo { background:#DDD !important; }
.popupInfo strong { font-size:13px; }
.popupInfo .lookingFor { color:#080; }
.popupInfo .popupHeader .ui-dialog-titlebar-close { position:relative; margin:-15px -30px 0 0; }
.popupInfo .popupHeader { height: 20px; }

.calendarHeader { background:#CCC; font-weight:bold; font-size:14px; padding:5px 0; }
.calendarHeader:hover { background:#CCC; }
.calendarInvitedVisit { color:#005B91; }
.calendarConfirmedVisit { color:#E37B05; }
.calendarVisit { color:#090; }
.calendarReminder { color:#3D81E7; }

.likeCount { margin-top:10px; }
.likeCount a, .commentList a, .postCommentName { color:#6699CC; font-size:12px; }

.commentsPanel { padding-right:5px; height:560px; overflow-y:auto; }
.commentList ul li { border:1px #555 solid; padding:10px 13px; margin-bottom:5px;
    border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.commentList ul.commentForm li { border-color:#666; }
.commentList ul li .timestamp { font-style:italic; color:#999; }
.commentList ul li .commentDetails { overflow-x: auto; padding:7px 5px 7px 0px; }
.commentList ul li .commentDetails p { margin:0; }
.commentList ul li .charsRemaining { color:#999; }
.commentList ul li textarea { width:99%; }
.commentList ul li.recent { border: 1px solid #69C; }

#photos_container { height:360px; border:1px solid #CCC; overflow-y:auto; }
#photos_container dl { margin-top:5px; }

#addEvent label, #editEvent label { display:block; margin-top:4px; padding:4px; }
#addEvent textarea, #editEvent textarea { width:372px; }
#addEvent textarea, #addEvent input[type=text], #editEvent textarea, #editEvent input[type=text] { border:1px solid #716B61; padding:2px; }

#overlay { width:100%; position:fixed; top:0; left:0; z-index:10;
           background-image:radial-gradient(center center, closest-side circle, rgba(102, 102, 102, 0.8) 0%, rgba(0, 0, 0, 0.8) 90%);
           background-image:-webkit-radial-gradient(center center, closest-side circle, rgba(102, 102, 102, 0.8) 0%, rgba(0, 0, 0, 0.8) 90%);
           background-image:-moz-radial-gradient(center center, closest-side circle, rgba(102, 102, 102, 0.8) 0%, rgba(0, 0, 0, 0.8) 90%);
           background-image:-ms-radial-gradient(center center, closest-side circle, rgba(102, 102, 102, 0.8) 0%, rgba(0, 0, 0, 0.8) 90%);
           background-image:-o-radial-gradient(center center, closest-side circle, rgba(102, 102, 102, 0.8) 0%, rgba(0, 0, 0, 0.8) 90%); }
.modal { width:1005px; height:635px; position:absolute; top:10px; z-index:50; }
.modal .bluePanelContent, .bluePanelAppModalContent { overflow-y:auto; max-height:540px; }
.timeSlotBtn { width:90px; margin-right:10px; padding-left:10px; padding-right:10px; }

/*== jquery UI styles ==*/
.ui-dialog { font-size:11px; }
.ui-widget input { font-family:Arial,Helvetica,sans-serif; }

#must_agree { font-weight: bold; font-style: normal; font-size: 16px; }

/*== custom form element styles ==*/
.checkbox { background:url("../../images/mycell/checkbox.png") no-repeat; width:38px; height:38px; padding:0 10px 0 0; clear:left; float:left; }
.radio { background:url("../../images/mycell/checkbox.png") no-repeat; width:38px; height:38px; padding:0 10px 0 0; clear:left; float:left; }
.radio { background:url("../../images/mycell/radio.png") no-repeat; }
.select { padding:10px 15px; border:1px #C6C6C6 solid; border-right:0; font-size:11px; min-width:35px; height:13px;
    overflow: hidden; line-height: 17px; word-wrap: break-word;
    background:#E7E7E7;
    background:linear-gradient(#FFFFFF, #D5D5D5);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#D5D5D5));
    background:-webkit-linear-gradient(#FFFFFF, #D5D5D5);
    background:-moz-linear-gradient(#FFFFFF, #D5D5D5);
    background:-ms-linear-gradient(#FFFFFF, #D5D5D5);
    background:-o-linear-gradient(#FFFFFF, #D5D5D5);
    border-top-left-radius:10px; border-bottom-left-radius:10px;
    -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px;
    -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; }
.selectEndWrapper { padding:11px 12px 9px; border:1px #C6C6C6 solid;
    background:#696969;
    background:linear-gradient(#A1A1A1, #696969);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#A1A1A1), to(#696969));
    background:-webkit-linear-gradient(#A1A1A1, #696969);
    background:-moz-linear-gradient(#A1A1A1, #696969);
    background:-ms-linear-gradient(#A1A1A1, #696969);
    background:-o-linear-gradient(#A1A1A1, #696969);
    border-top-right-radius:10px; border-bottom-right-radius:10px;
    -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px;
    -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; }
.selectEnd { background:url("../../images/mycell/selectEnd.png") no-repeat; width:13px; height:13px; }

input.styled { display:none; }
input.new-checkbox { display: block; margin-right: 5px; width: 38px; height: 38px; box-shadow: 0px 0px 0px 4px rgb(0 0 0 / 50%) inset; accent-color: grey; }
.checkbox-wrapper{display: flex; align-items: center; justify-content: center;}
.checkbox-wrapper label { top: 0 !important; left: 0 !important; }
select.styled { position:relative; top:-36px; padding:10px !important; opacity:0; filter:alpha(opacity=0); z-index:5; -webkit-appearance:none; height:36px; }
.disabled { opacity:0.5; filter:alpha(opacity=50); }
.checkboxLabel { margin-top:10px; display:inline-block; font-size:14px; font-weight:bold;}
#agreements { font-size: 16px; }
.requiredNote { font-weight: bold; font-style:italic; }
.field_with_errors .select { width: auto !important; }

/*== registry birthdate styles ==*/

.yearSelect, .monthSelect, .daySelect { outline-width: 0px; outline-style: initial; outline-color: initial; height: auto; top:175px;  left: 50%; display: none; z-index: 1002; }
.yearSelect { width: 620px; margin-left: -325px;}
.monthSelect { width: 520px; margin-left: -260px;}
.daySelect { width: 550px; margin-left: -275px;}
.monthsBtn, .yearsBtn { width: 140px; }
.yearRangeBtn { 150px; }
.daySelect { outline-width: 0px; outline-style: initial; outline-color: initial; height: auto; width: 545px; top:130px;
    right: 250px; display: none; z-index: 1002; }

/*== terms styles ==*/
.list { width: 30px; }
.desc { max-width: 92%; }
.subItem { text-decoration: underline; }
ol.listLowerLatin { list-style-type: lower-latin; }
ol.listLowerRoman { list-style-type: lower-roman; }

/*== newsfeed styles ==*/
#wallPost textarea { width: 99%; }

/*==== DIALOG UPDATES =========== */

.ui-dialog
{
    font-size:14px;
    background: -moz-linear-gradient(top, #F8F8F8, #D4D4D4);
    background: -webkit-gradient(linear,  left top, left bottom, from(#F8F8F8), to(#D4D4D4));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F8F8F8', EndColorStr='#D4D4D4', GradientType=0);
}

.ui-widget-content
{
    border:1px solid #777;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.ui-dialog .ui-dialog-buttonset button
{
    background:url("../../images/mycell/redBtnBg.png") 0 0 repeat-x #C03600;
    border:2px #ADADAD solid;
    color:#FFF !important;
    min-height:41px;
    margin-bottom:10px;
    padding:0px 20px 3px;
    cursor:pointer;
    font-family:HelveticaNeue-Condensed !important;
    font-size:14px !important;
    letter-spacing:0.7px;
    text-transform:uppercase;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}

.ui-dialog .ui-dialog-buttonset
{
    /*margin-left: 25%;
    margin-right: 25%;  */

    white-space: nowrap;
}

.ui-dialog .ui-dialog-buttonpane
{
    background: rgba(0, 0, 0, 0.0);

    border-width: 0px;
}

.ui-dialog .ui-dialog-buttonset button:hover
{
    background:url("../../images/mycell/redBtnHoverBg.png") 0 0 repeat-x #892700;
}

.ui-widget-overlay
{
    background-image: url();
    text-align: center;
    margin-left:auto !important;
    margin-right:auto !important;
    display:block;
    background-color: #000;
    opacity: 0.7;
    filter:alpha(opacity=70);
}

.ui-dialog .ui-dialog-buttonpane
{
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
    float: none;
}

.note_adjust{
    color: red;
    font-size: 18px;
}

ul#fb-album-list {
    list-style: none;
}

.test_link {
    clear: both;
    display: block;
}

.inlineBlk { display: inline-block; }
.threadImg {
  vertical-align: top;
  width: 110px;
}
.threadBody { word-wrap: break-word; }
.threadedMsg { cursor: pointer; }
.fullMsg {
  width: 90%;
  border: 1px solid #999;
  font-size: 14px;
  border-top: none;
  margin-top: -15px;
  padding: 15px;
  display: none;
  word-wrap: break-word;
}
.threadMsgArea { height: 140px !important; }

#progressBar, .progressBar {
  height: 10px;
  background: white;
  color: blue;
  width: 180px !important;
}

#progressBar .ui-progressbar, .progressBar .ui-progressbar {
  position: relative;
}

#progressBar .ui-progressbar-value.ui-widget-header, .progressBar .ui-progressbar-value.ui-widget-header {
  background: #184D84;
}

#progressBar span.caption, .progressBar span.caption {
  display: block;
  position: static;
  text-align: center;
}

span.caption{
  color: black;
}

/* new message composer styles -- START */
.msgSendBtn {
  position: absolute;
  height: 22px;
  width: 30px;
  left: 8px;
  top: 14px;
}

.btnSendMsg {
  padding-left: 44px;
  position: relative;
  padding-right: 10px;
  letter-spacing: auto !important;
}

.btnSaveDraft {
  text-align: center;
  letter-spacing: auto !important;
}

.msgLabel {
  height:50px;
  line-height:28px;
  font-size:12px;
  text-align:right;
  font-weight:bold;
  margin-right:10px;
}

.msgSubjLabel {
   font-weight:bold;
}

.newmsgSubjLabel {
  line-height: 30px;
  height: 30px;
}

.msgRecipientInfo {
  height:50px;
  line-height:50px;
  font-size:14px;
  text-align:right;
  margin-right:10px;
  width:45%;
}

.tphoneMsgSubject {
  height:50px;
  line-height:50px;
  font-size:16px;
  text-align:right;
  font-weight:normal;
  margin-right:10px;
}
.msgRecipientInfo span {
  display: block;
  width: 500px;
  text-align: left;
}
.msgLabel {width:47px;}
.msgRecipientInfo img {
  height:50px;
  width:50px;
  margin-right:10px;
  float:left;
}
.tphoneMsgSubject input, .msgSubject input {
  padding:5px;
  font-size:16px;
  width:300px;
}
.msgSubject {
  width:650px;
  word-wrap:break-word;
}
.msgCost {
  margin-top:20px;
  font-size:14px;
  font-style:italic;
}

.percentageBar {
  font-weight:bold;
}
.ui-widget-header-progressbar {
  border: 1px solid white;
  background: white;
  height:10px;
  border-radius: 8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  width: 400px;
  margin-right:10px;
}
.ui-progressbar .ui-progressbar-value {
  background-color:#184d84;
}
.ui-widget-content {border:none;}
.darkBlue {color:#184d84;}

#sms_notifications_div {width: 35%;}
#sms_notifications_div {
    border: 2px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    /* height:345px */
}
.heading {font-weight: 700; font-size: 20px;}
#mobile_list ul { list-style-type:none; padding:0; font-weight:bold; }
#mobile_list li { border-bottom:1px solid #000; padding:10px; height:40px }
#mobile_list li:last-child { border-bottom: none;  margin-bottom:-20px}
#mobile_list li:first-child { height: 20px; font-size: 14px;}
#mobile_list li label { font-size: 16px;}

#add_number a {
    color: #484848;
    font-size: 17px;
}

input.phone-number {
    font-size: 32px;
    height: 45px;
}

.noticePlaceholder span, span.mobile-number-placeholder {
    display: block;
    height: 30px;
    font-size: 20px;
}

.tphoneContainer {
    height: auto;
}

/* gallery image list -- START */
a.galleryName
{
color: #CF682B;
text-decoration: none
}

#gallery-images-wrapper {width:100%;float:left;}
#gallery-images-wrapper ul#gallery-image-list {
    list-style:none;
    margin:0;
    padding:0;
    float:left;
}
#gallery-images-wrapper ul li {
    display:inline;
    float:left;
    margin-right:10px;
    margin-bottom: 10px;
    width: 200px;
    overflow: hidden;
    padding:6px;
    border: 1px solid #AAA;
}

#gallery-images-wrapper ul li div.photo-title { text-align: center; margin: 3px 0 7px; }
#gallery-images-wrapper ul li div.photo-status { text-align: center; }
#gallery-images-wrapper ul li div.photo-status span { display: block; }

.photo-status .pending,
.photo-status .approved,
.photo-status .denied,
.photo-status .not-shared { height: 15px; margin: 0 6px 3px; padding: 1px 0 1px 18px; }

.photo-status .pending { background: url(../../images/mycell/pendingIcn.png) 0 0 no-repeat; color: #D6A53F; margin-right: 13px; }
.photo-status .approved { background: url(../../images/mycell/approvedIcn.png) 0 0 no-repeat; color: #3E991C; }
.photo-status .denied { background: url(../../images/mycell/deniedIcn.png) 0 0 no-repeat; color: #EF1F1F; margin-right: 20px; }
.photo-status .not-shared { background: url(../../images/mycell/notSharedIcn.png) 20px 0 no-repeat; color: #AAA; padding: 1px 0 1px 12px; margin-top: 5px; }

.photo-status .shared-names { margin-top: 1px; width: 93px; text-align: left; }

#editIcnBtn { padding: 5px 10px 6px; margin-right: 10px; margin-bottom: 0}
#editIcnBtn span { background: url(../../images/mycell/shareIcn.png) 0 0 no-repeat; padding-left: 23px; }

#gallery-images-wrapper ul li:last-child {margin-right:0}

.galleryList .galleryWrapper .gallery {
    width: 94px;
    overflow: hidden;
    height: 100px
}

.img-wrapper {
    background: white url("../../images/mycell/picBg.png") no-repeat;
    width: 112px;
    height: 112px;
    display: block !important;
    margin: 0 auto;
    padding-top: 6px;
}

.galleryList .galleryWrapper .gallery, .img-wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.img-wrapper *, .gallery * {
    vertical-align: middle;
}

.aborder {
  z-index: 11;
  height: 90px;
  width: 90px;
  border: 10px solid #f68c1e;
  display: block;
  position: absolute;
}
/* gallery image list -- END */

.arrowBox{
    padding: 10px 10px 7px;
    border:1px #C6C6C6 solid;
    background:#696969;
    background:linear-gradient(#A1A1A1, #696969);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#A1A1A1), to(#696969));
    background:-webkit-linear-gradient(#A1A1A1, #696969);
    background:-moz-linear-gradient(#A1A1A1, #696969);
    background:-ms-linear-gradient(#A1A1A1, #696969);
    background:-o-linear-gradient(#A1A1A1, #696969);
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    height: 21px;
    width: 21px;
}

.arrowDown{
    background:url("../../images/mycell/scrollDownBtn.png") no-repeat;
    width:21px;
    height:17px;
}

.arrowUp{
    background:url("../../images/mycell/scrollUpBtn.png") no-repeat;
    width:21px;
    height:17px;
}

/* gallery image list -- END */
.contact-picker {
    overflow: visible;
    border: 1px solid #333333;
    background:#CCC;
    background:linear-gradient(#FFF, #B8B8B8);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#B8B8B8));
    background:-webkit-linear-gradient(#FFF, #B8B8B8);
    background:-moz-linear-gradient(#FFF, #B8B8B8);
    background:-ms-linear-gradient(#FFF, #B8B8B8);
    background:-o-linear-gradient(#FFF, #B8B8B8);
    border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
}

.contact-picker .ui-dialog-titlebar{
    width: 50%;
    color: white;
    text-align: center;
    text-transform: uppercase;
    background: #7E7E7E url(../../images/mycell/panelWindowHeaderBg.png) 0 0 repeat-x;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    padding: 0;
    height: 36px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: -11px;
    border: none;
    -webkit-box-shadow:  4px 3px 15px 0px #333;
    -moz-box-shadow:  4px 3px 15px 0px #333;
    box-shadow:  4px 3px 15px 0px #333;
}

.contact-picker .ui-dialog-titlebar:before{
    position: absolute;
    left: -4px;
    top: -2px;
    content: ' ';
    height: 10px;
    width: 5px;
    background: url(../../images/mycell/left-flap.png)no-repeat;
}

.contact-picker .ui-dialog-titlebar:after{
    position: absolute;
    right: -5px;
    top: -2px;
    content: ' ';
    height: 10px;
    width: 5px;
    background: url(../../images/mycell/right-flap.png)no-repeat;
}

.contact-picker .ui-dialog-titlebar span{
    margin: auto;
    width: 100%;
    position: relative;
    top: 10px;
}

.contact-picker .ui-dialog-titlebar-close,
.contact-picker .searchMessaging{
    display: none;
}

.contact-picker .searchContainer{
    padding: 15px 15px 0px 15px
}

.contact-picker .searchContainer input {
    width: 200px;
    font-size: 12px !important;
}

.contact-picker .searchContainer .selectFacilityContainer{
    width: 180px !important;
}

.contact-picker .searchContainer #select_searchFacility {
    width: 108px !important;
}

.contact-picker .searchContainer #searchFacility {
    z-index: 9999;
    width: 178px !important;
}

.contact-picker .searchContainer .select {
    white-space: nowrap;
}

.contact-picker .searchContainer button#search{
    right: 20px;
}

.gallery-group {
    list-style: none;
    margin: 0;
    color: white;
}

.gallery-group li {
    height: 110px;
    width: 110px;
    margin: 0 1px 1px 0;
    position: relative;
    overflow: hidden;
}

.gallery-group li .contact-name{
    position: absolute;
    bottom: 0;
    background-color: black;
    width: 91%;
    padding: 2px 5px;
    line-height:12px;
    font-size: 11px;
    z-index: 10;
    opacity: 0.7;
    filter:alpha(opacity=70);
}

.gallery-group .orange-border.active{
    height: 90px;
    width: 90px;
    border: 10px solid #cf682b;
    position: relative;
    z-index: 10;
}

.gallery-group img {
    top: 0;
    position: absolute;
    width: 100%;
}

.gallery-group .more {
    top: 15px;
    background: #F68C1E url('../../images/mycell/more_icon.png') 0 0 no-repeat;
    cursor: pointer;
}

.gallery-group .back {
    top: 15px;
    background: #F68C1E url('../../images/mycell/back_icon.png') 0 0 no-repeat;
    cursor: pointer;
}

.gallery-group .more span,
.gallery-group .back span{
    bottom: 3px;
    left: 2px;
    position: absolute;
}

#trust_or_prepaid div{
    margin-left: 10%;
}

#trust_or_prepaid .name {
    left: 5%;
    position: relative;
    font-size: 17px;
    font-weight: 800;
    padding-bottom: 15px;
}

#select_selected_language { word-wrap: normal !important; }

.simplePanel .more, .simplePanel .back {
  width: 102px;
  height: 102px;
  position: static !important;
  padding: 4px;
  font-weight: bold;
  font-family: HelveticaNeue-BoldCond;
  font-size: 16px;
  display: table-cell !important;
  vertical-align: bottom;
}

.broadcast_chooser{
  padding:30px;
  text-align:center;
}
.broadcast_chooser select{
  display:block;
  margin:0 auto;
  width:50%;
}
.broadcast_chooser select.facilities{
  margin-bottom:20px;
}
.broadcast_chooser select.rooms{
  height:100px;
}
.broadcast_recip_list{
  position:relative;
  z-index:10;
  width:450px;
  max-height:40px;
  margin-top:3px;
  overflow: hidden;
  line-height:20px;
  text-align:left;
  padding:1px 3px 3px 4px;
}
.broadcast_recip_list.hover{
  max-height:350px;
  min-height:120px;
  overflow: scroll;
  background: white;
  padding:0px 3px 3px 3px;
  border:1px solid #ABABAB;;
  cursor: default;
}
.broadcast_showall{
  display: none;
  text-align:left;
  line-height:initial;
  padding-left: 4px;
  font-size:11px;
}

.ui-autocomplete {
    max-height: 200px!important;
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 2px;
}

/*== f&f contacts ==*/
.contactPickerForm h3 { text-transform:uppercase; font-size:18px; color:#F6860A; margin:5px 0; }
.contactPickerForm .orangeForm input[type=text] { border:2px solid #F6860A; width:295px; height:30px; font-size:14px; padding:3px 10px; margin-right:8px !important; margin-bottom:8px; }
.contactPickerForm .orangeForm input[type=text].blur { border:2px solid #666; }
.contactPickerForm .orangeForm .selectWrapper { margin-bottom:12px; position:relative; }
.contactPickerForm .orangeForm .selectWrapper .note.warningMsg { background:url("../../images/mycell/warningIcn.png") 0 0 no-repeat; border:0; color:#F6860A; font-size:14px; font-weight:bold; font-style:normal; text-transform:uppercase; padding-left:20px; position:absolute; top:-22px; }
.contactPickerForm .orangeForm .select { border:2px solid #F6860A; padding:10px 10px 6px; background:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; height:20px; font-size:14px; color:#000; font-family:HelveticaNeue-BoldCond; }
.contactPickerForm .orangeForm .selectWrapper.blur .select { border:2px solid #666; }
.contactPickerForm .orangeForm .selectEndWrapper { width:14px; height:20px; background:#F6860A; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.contactPickerForm .orangeForm .selectWrapper.blur .selectEndWrapper { background:#666; }
.contactPickerForm .orangeForm .selectEnd { width:0; height:0; border-top:12px solid #FFF; border-left:10px solid transparent; border-right:10px solid transparent; position:relative; top:4px; left:-4px; }
.contactPickerForm .orangeForm .orangeBtn { background:#F6860A; border:1px solid #F6860A; padding:5px 0px 3px; font-size:18px !important; text-align: center; font-family:HelveticaNeue-Bold !important; margin:0; min-height:40px; text-transform:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.contactPickerForm .orangeForm .grayBtn { background:#666; border:1px solid #666; padding:5px 0px 3px; font-size:18px !important; text-align: center; font-family:HelveticaNeue-Bold; margin:0; min-height:40px; text-transform:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }

.contactStatusMsg { width:100%; text-align:center; position:relative; top:175px; }
.contactStatusMsg h2 { font-size:24px; color:#F6860A; text-transform:uppercase; margin-bottom:0; }
.contactStatusMsg h3 { font-size:18px; color:#666; text-transform:uppercase; margin-top:0; }

.contactPicker ul { margin:10px 0 0 0 !important; padding:0; }
.contactPicker ul li { margin-bottom:10px; cursor:pointer; }
.contactPicker ul li .photo { width:100px; height:100px; float:left; position:absolute; top:-1px; left:-1px; }
.contactPicker ul .released, .contactPicker ul .blocked, .contactPicker ul .suspended { font-style:italic; }
.contactPicker ul .released strong, .contactPicker ul .blocked strong, .contactPicker ul .suspended strong { font-style:normal; }
.contactPicker ul li .status { font-size:14px; font-weight:bold; font-style:italic; font-family:HelveticaNeue-Medium, Helvetica; color:#F6860A; }
.contactPicker ul li .contactInfo { position:relative; border:1px solid #646464; padding:4px 8px 4px 108px; min-height:90px; color:#595959; box-shadow:1px 1px 1px 1px #E2E0E0; -moz-box-shadow:1px 1px 1px 1px #E2E0E0; -webkit-box-shadow:1px 1px 1px 1px #E2E0E0; }
.contactPicker ul li .contactInfo .name { font-size:16px; font-weight:bold; font-family:HelveticaNeue-Medium, Helvetica; }
.contactPicker ul li .contactInfo .facility,
.contactPicker ul li .contactInfo .age,
.contactPicker ul li .contactInfo .booked { display:block; font-family:HelveticaNeue-Light, Helvetica; }
.contactPicker ul li .contactInfo strong { font-family:Helvetica; }
.contactPicker ul li .addBtn { position:absolute; bottom:5px; right:5px; width:25px; height:25px; background:#F6860A; color:#FFF; border:none; padding-bottom:5px; font-size:16px; font-weight:bold; cursor:pointer; }
/* Google ads */
.contactPicker ul li.visitorContactAds {width:430px; height:212px; margin-right:8px;}

.contactPicker .contactModal { width:550px; background:#ECECEC; border:1px solid #9F9F9F; padding:20px 10px 0 20px; color:#444; position:fixed; z-index:11; }
.contactPicker .contactModal .photo { width:150px; height:150px; position:relative; margin:0 10px 10px 0; }
.contactPicker .contactModal .name { font-size:18px; font-weight:bold; display:block; font-family:HelveticaNeue-Medium, Helvetica; }
.contactPicker .contactModal .facility,
.contactPicker .contactModal .age,
.contactPicker .contactModal .booked { display:block; font-size:14px; font-family:HelveticaNeue-Medium, Helvetica; }
.contactPicker .contactModal strong { font-family:Helvetica; }
.contactPicker .contactModal ul.buttons li { float:left; width:150px; height:70px; margin:0 10px 20px 0; }
.contactPicker ul li .contactModal .status { font-size:16px; }
.contactPicker .contactModal ul.buttons li a { background:#F6860A; border:none; width:100%; height:100%; color:#FFF; margin:0 !important; cursor:pointer; font-family:Helvetica; font-size:18px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.contactPicker .contactModal a.contactAction span.image,
.contactPicker .contactModal a.contactActionSmall span.image { left:7px; }
.contactPicker .contactModal a#schedule span.image,
.contactPicker .contactModal a.schedule span.image { background: url("../../images/mycell/calendarIcon.png") 0 50% no-repeat; height:100%; padding:0; top:0; }
.contactPicker .contactModal a#invite span.image,
.contactPicker .contactModal a.invite span.image { background: url("../../images/mycell/manIcon.png") 0 50% no-repeat; height:100%; padding:0; top:0; }
.contactPicker .contactModal a#message span.image,
.contactPicker .contactModal a.message span.image { background: url("../../images/mycell/sendMessageIcon.png") 0 50% no-repeat; height:100%; padding:0; top:0; }
.contactPicker .contactModal a#deposit span.image,
.contactPicker .contactModal a.deposit span.image { background: url("../../images/mycell/sendMoneyIcon.png") 0 50% no-repeat; height:100%; padding:0; top:0; width:50px; }
.contactPicker .contactModal a.contactAction span,
.contactPicker .contactModal a.contactActionSmall span { font-size:14px; max-width:75px; padding-top:10px; line-height:24px; text-transform:none; font-family:Helvetica; font-weight:bold; }

.contactPickerForm .orangeForm #select_searchFacility { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.contactContent .searchContainer .selectFacilityContainer #select_searchFacility { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.contactPaginator .pagination { position:relative !important; top:0 !important; width:100% !important; margin:0 7px 3px 0; }
.contactPaginator .pagination > * { border:2px solid #F6860A; padding:5px; margin-right:0px; font-size:14px; text-decoration:none; color:#F6860A; }
.contactPaginator .pagination .disabled,
.contactPaginator .pagination .gap { border:2px solid #666; background:#666 !important; color:#FFF; opacity:1; }
.contactPaginator .pagination em,
.contactPaginator .pagination .previous_page,
.contactPaginator .pagination .next_page { background:#F6860A; color:#FFF; }

#searchUserBooking { width: 95px; display: none; }
#searchUserLastName { width: 158px; display: none; }

.multi #searchUserBooking, .multi #searchUserLastName { display: block; }
.multi #searchUserText { display: none; }

.request-nav, .request-nav:hover, .request-nav.active { background: #D8D8D8; border: 0; color: #585858; padding: 10px 70px; height: auto; font-size: 14px; font-weight: normal; margin: 10px 10px 5px; }
.request-nav:hover, .request-nav.active { background: #00B2D0; color: #FFF; }

.pan-request-list { margin: 10px 0; padding: 0; color: #8D8D8D; font-size: 15px; }
.pan-request-list li:last-child { border-bottom: 1px solid #BBB; }
.pan-request { list-style-type: none; padding: 10px; border-top: 1px solid #BBB; }
.pan-request-note { font-size: 14px; margin-left: 20px; }
.pan-request-pagination { font-size: 14px; }
.pan-request-controls { font-size: 17px; margin-top: 15px; }

.pan-checkbox { float: left; zoom: 2; margin-right: 10px; height: 27px; }
.pan-details { float: left; width: 90%; }
.pan { font-size: 20px; color: #696969; margin-right: 15px; }
.pan-status { font-style: italic; }
.pan-status.approved { color: #009214; }
.pan-status.denied { color: #C03600; }

.pan-request-form { margin: 15px 50px; padding: 0; color: #585858; font-size: 17px; }
.pan-request-field { list-style-type: none; padding: 8px 0; }
.pan-request-field .field_with_errors label { padding-top: 5px; margin-left: 20%; font-size: 14px; }
.pan-request-label { float: left; width: 20%; padding-top: 5px; }
.pan-request-input { float: left; width: 65% !important; border: 1px solid #BBB; padding: 5px; height: 20px; font-size: 17px; }
.pan-request-select { width: 66%; height: 30px; border: 0; outline: 1px solid #BBB; background: none; font-size: 17px; }
.new_pan_request .pan-request-controls { margin: 0 50px 0 0; }
.pan-request-cancel { text-decoration: none; margin: 10px 50px; }
.pan-request-cancel:hover { text-decoration: underline; }
.pan-request-submit,
.pan-request-delete { background: #009987; padding: 10px 40px; border: none; border-radius: 3px; color: #FFF; text-transform: uppercase; cursor: pointer; font-size: 17px; }
.pan-request-delete { background: #D1504B; }

.pan-request-form input[type=number]::-webkit-outer-spin-button,
.pan-request-form input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pan-request-form input[type=number] { -moz-appearance: textfield; }

.trustStatement { width: 80%;margin:0 auto; }
#trustStatementHeader { font-size: 1.5em; font-weight: bold; }
.trustStatementHeader { background-color: #00758A;color:#EBEBEB;padding:5px; }
.trustStatementBalancesList { padding:20px;display: flex;background-color:#E7E8E8;margin-bottom: 20px; }
p.trustStatementBalanceBlock { display: block;font-size: 1.5em;margin-block-start: 0.83em;margin-block-end: 0.83em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold; }
.trustStatementBalanceSpend { background-color: #FFFFFF;width: 24%;float: left;margin: 0 20px;border-radius: 10px;border: 2px solid #00b2d0; }
.trustStatementBalanceGate { background-color: #FFFFFF;width: 24%;float: left;border-radius: 10px;border: 2px solid #00b2d0;margin: 0 20px; }
.trustStatementBalanceSave { background-color: #FFFFFF;width: 24%;float: left;margin: 0 20px;border-radius: 10px;border: 2px solid #00b2d0;margin: 0 20px; }
.trustReceiptStyle { width: 100%; border: 0; border-collapse: collapse; }
.trustReceiptStyle th { background: white; border: 0; padding: 10px 5px; font-size: 14px;}
.trustReceiptStyle th.trustReceiptLeft { text-align: left }
.trustReceiptStyle th.trustReceiptRight { text-align: right }
.trustReceiptStyle td { background: white; border: 0; padding: 10px 5px; text-align: center; width: 120px; word-wrap: break-word; }
.trustReceiptStyle td.trustReceiptTextLeft { text-align: left }
.trustReceiptStyle td.trustReceiptAmountRight { text-align: right }
p.endingBalanceText {font-size: medium; font-weight: bold;}
p.endingBalance {font-size: medium; font-weight: bold; text-align:right}
.trustBalance {display: flex; justify-content: space-between; align-items: center;}
/* The Trust Statement Modal (background) */
.trustModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 10px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.trustModalContent {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
}

/* The Close Button */
.trustModalClose {
    color: #00B2D0;
    font-size: 28px;
    text-align: center;
}

.trustModalClose:hover,
.trustModalClose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.trustModalButton {
    background: none;
    border: none;
}

.trustModalButton:hover,
.trustModalButton:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.redBigBtn {
    border: 2px #ADADAD solid;
    color: #FFF;
    min-height:58px;
    padding: 2px 20px 4px;
    cursor: pointer;
    font-family: HelveticaNeue-Condensed, sans-serif;
    font-size: 20px !important;
    border-radius: 7px;
    word-wrap: break-word;
}

#simplePanel{
    padding-bottom: 40px;
}

#okBtn{
    background-image: linear-gradient(#068417, rgb(4, 94, 24));
}

#okBtn:hover{
    background-image: linear-gradient(#068417, rgb(13, 51, 22));
}

#trustClose{
    padding: 2px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    color: black;
    border: 2px solid #D9E9FC;
}

#formName{
    font-size: 18px;
    font-weight: bold;
}

.inmateName{
    font-size: 13px;
    font-weight: bold;
}

.inmateNameActor{
    font-size: 13px;
    font-weight: bold;
    color: red !important; 
}

#limitOfGrievance{
    font-size: 18px;
    font-weight: bold;
}

#sentReqOrGrv{
    font-size: 18px;
    font-weight: bold;
}

#form-heading{
    font-size: 20px;
    font-weight: bold;
}

#category-div{
    font-size: 20px;
    font-weight: bold;
}

.errorGrievanceBtn { background-image: linear-gradient(#C74900, #531c07) !important; }
.errorGrievanceBtn:hover { background-image: linear-gradient(#C74900, #000000) !important; }

/* The Trust Statement Modal END */

#grievance_withdraw_reason { width: 100%; }
#grievance_accepted_reason { width: 100%; }

.grievance-appeal-reason { width: 40%; }

.wallet-report-heading{
    font-size: 16px;
    font-weight: normal;
}

.wallet-reprt-body {
	background: #f5f5f5;
	margin: 0;
	font-family: arial;
}
.payment-area {
	margin: 0 auto;
	width: 100%;
	font-size: 12px;
	line-height: 1.4;
}
.payment-area p {
	margin: 0;
}
.card-primary {
	background: #fff;
	padding: 10px;
	margin-bottom: 12px;
}
.card-heading {
	background: #e6e6e6;
	font-weight: bold;
	padding: 6px 10px;
	margin-bottom: 8px;
}
.method-name,
.remaining-balance {
	text-align: center;
}
.wallet-block {
	display: block;
}
.method-name strong,
.remaining-balance p {
	text-transform: uppercase;
}
.remaining-balance h2 {
	margin-bottom: 4px;
	font-size: 40px;
	margin-top: 17px;
}
.btn-sm {
	background: transparent;
	border: 1px solid;
	margin-top: 11px;
	border-radius: 3px;
	cursor: pointer;
}
.list-payment {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
}
.list-payment span,
.list-payment small {
	font-weight: normal;
}


/* ©2008 Copyright Marco Severo M. Palinar - Creative Commons (Attribution,No-Derivatives,Non-Commercial) */

/*== Clearfix Hack for IE6 and IE7 ==*/
* html .clearFix{zoom: 1;}
* + html .clearFix{zoom:1;}
* html .clear{zoom:1;}
* + html .clear{zoom:1;}

/*== Double Margin Fix for IE6 and IE7 ==*/
* html .colL{display:inline !important;list-style:outside;}
* + html .colL{display:inline !important;list-style:outside;}
* html .colR{display:inline !important;list-style:outside;}
* + html .colR{display:inline !important;list-style:outside;}

/*== safari and chrome fixes ==*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  dl { margin:0; }
  .blueBtn, .greenBtn, .yellowBtn, .grayBtn, .redBtn, .blueBigBtn, .greenBigBtn, .grayBigBtn, .redBigBtn { padding-top:3px; }
  a.blueBigBtn, a.greenBigBtn, a.grayBigBtn, a.redBigBtn { position:relative; top:2px; }
}

/*== ie8 fixes ==*/
@media \0screen {
  .blueBtn, .greenBtn, .yellowBtn, .grayBtn, .redBtn { font-size:12px !important; }
  .blueBigBtn, .greenBigBtn, .grayBigBtn, .redBigBtn { font-size:16px !important; min-height:48px !important; }
  a.blueBigBtn, a.greenBigBtn, a.grayBigBtn, a.redBigBtn { padding-top:20px; padding-bottom:20px; position:relative; top:8px; }
  .navBtn { font-size:14px !important; }
  .select { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D5D5D5'); padding-bottom:9px; }
  .selectWrapper { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A1A1A1', endColorstr='#696969'); }
  a.contactActionSmall { width: 112px !important; }
  a.contactActionSmall span { padding-right: 8px; max-width: 70px !important; }
}

/*== misc fixes ==*/
dl { margin:0\9; padding:0\9; }
* + html li { list-style-type:none; list-style-position:outside; margin:0; padding:0; }
.contentPanel { height:568px\9; }
* + html .contentPanel { height:571px; }
* + html .navPanel { height:44px; }
* + html .messageList, * + html .contactList { margin-left:0; }

* + html .navBtn { border:none; }
* + html .navBtnWrapper { border-right:1px #FFF solid; }
* + html .myProfileNavBtn { width:197px }
* + html .contactsNavBtn { width:272px }
* + html .myProfileBtnWrapper { width:197px; border-right:1px #AAA solid; }
* + html .editIcn, * + html .deleteIcn { zoom:1; }

select.styled { height:36px\9 !important; padding:0\9 !important; }
#overlay { background:#000\9; filter:alpha(opacity=70)\9; }