html
{
overflow:scroll !important;
height:auto !important
}

body 
{
	top: 0px !important; 
	position: static !important; 
	width:100%;
	background-color:#a6a6a6;
	min-height: 0 !important;
	min-width:400px;
}
html, body, p { font-family:'Noto Sans', sans-serif; }
input[type=checkbox] { vertical-align:middle }

::placeholder {color: #cccccc;}

#signInOut { margin-top:2px;height:15px;float:right;margin-left:20px;margin-right:40px;font-size:0.9em }
#signInOut a { color:black;text-decoration:underline }
#signInOut a:hover { color:#777;text-decoration:none }

.goog-te-banner-frame {display:none !important; visibility:hidden}
#google_translate_element { height:15px;float:right }
.goog-te-gadget-simple { border:none !important;  }
.goog-te-menu-value span { border:none !important; margin-left:2px; font-size:0.8em }
.goog-te-menu-value img, .goog-te-gadget-simple img { display:none }

/* Headlines */

h2 {
	color: #4e97cc;
	font-size: 2em;
	text-align: center;
	margin-top: 0px;
}
/* Footer */
#footer
{
	padding:30px 20px 10px 20px;
	background-color: #fff;
	width:100%;
	margin-top:25px;
}
span.copyright
{
	font-size:0.65em !important;
	float:right;	
	width:40%;
	text-align: right;
}
p.legal
{
    font-size:0.65em !important;
    margin-top:15px;
    text-align:center;
}
span.footerlinks
{
	font-size:0.8em !important;
	float:left;
	margin-left:20px;
	width:40%
}
span.footerlinks a { margin-right:20px; color:#4e97cc; font-weight:bold }
span.footerlinks a:hover { color:#ff5f06 }

/* Fix */
.clearing-thumbs {
	list-style: none;
}

/* Global Classes */
.align-center {
	text-align: center;
}

/* Top Bar */
#top {
	position: fixed; 
	top: 0px;
	left: 0px;
	right: 0px;
	background: white !important;
	z-index: 100;
	padding: 0 !important;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 0 rgba(0,0,0,.1);	
	text-align:center;
	height:78px;
}

#navselect { display:none;width:266px;margin-top:5px;margin-bottom:5px;padding:0;font-size:0.8em;line-height:0.8em }
#navlogo { float:left;width:226px;margin-top:21px;margin-right:12px}
#navlinks { float:left;width:660px }
#navtable { margin-left:20px;border:none;border-spacing:0;padding-bottom:0;margin-bottom:0 }
#navtable td
{
	padding:0;
	height:78px;
	background-color:white;
	vertical-align:middle;
	width:150px;
}
#navtable p
{
	font-size:1.2em;
	line-height:1.2em;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}
#navtable td.freetrial { width:160px; padding:0; }
#navtable td.freetrial p, div.freetrial p
{
	background-color:#ff5f06;
	height:48px;
	line-height:48px;
	border-radius:8px;	
}
div.freetrial p { display:inline-block;padding:0 25px 0 25px;height:65px;line-height:65px;margin-top:20px }
#navtable td.freetrial p a, div.freetrial p a { color:white;font-weight:bold }
#navtable td.freetrial p:hover, div.freetrial p:hover, #navtable td p.trialactive { background-color:#4e97cc;cursor:pointer }

#navtable p a { color:#444 }
#navtable p a:hover { color:#777 }

.top-bar,
.top-bar-section ul,
.top-bar-section li a:not(.button) {
	background: white !important;
	color: #222;
	font-size: 16px;
	font-weight: 200;
	line-height:1.0em !important;
	text-align:center;
}
.top-bar-section ul {
	margin-top:15px
}
.top-bar-section li { max-width:100px;border:1px solid red }

.top-bar-section p {
	vertical-align:middle;
	margin:0;
	padding:0;
	line-height:1.0em !important;
}
.top-bar {
	height: 78px;
	display:inline-block;
}
.top-bar a{font-family: 'Cabin Condensed', sans-serif;}
.top-bar .logo {
	height: 78px;
}
.top-bar .logo img {
	display: inline-block;
	margin-top:5px
}
.top-bar-section li a:not(.button) {
	color: #222;
}
.top-bar-section li a:hover:not(.button) {
	color: #666;
}
.top-bar-section ul li:last-child {
}
.top-bar-section ul li>a.button {
	min-width: inherit !important;
	padding-left: 30px;
	padding-right: 30px;
	height: auto;
	display: inline-block;
}
.top-bar .toggle-topbar.menu-icon a,
.top-bar .toggle-topbar a {
	color: #222;
	font-weight: normal;
}
.top-bar .toggle-topbar.menu-icon span,
.top-bar .toggle-topbar span {
	padding-right: 20px;
	text-indent: -60px;
}
.top-bar.expanded .title-area {
	background: white;
}
.top-bar.expanded .top-bar-section li a:not(.button) {
}
.top-bar.expanded .top-bar-section li {
	border-top: 1px solid #e1e1e1;
}
.top-bar .toggle-topbar.menu-icon a span {
	-webkit-box-shadow: 0 10px 0 1px #222,
						0 16px 0 1px #222,
						0 22px 0 1px #222;
	box-shadow: 0 10px 0 1px #222,
				0 16px 0 1px #222,
				0 22px 0 1px #222;
}
.top-bar.expanded .toggle-topbar.menu-icon a,
.top-bar.expanded .toggle-topbar a {
	color: #888;
}
.top-bar.expanded .toggle-topbar.menu-icon a span {
	-webkit-box-shadow: 0 10px 0 1px #888,
						0 16px 0 1px #888,
						0 22px 0 1px #888;
	box-shadow: 0 10px 0 1px #888,
				0 16px 0 1px #888,
				0 22px 0 1px #888;
}
.top-bar .active a {
	color: #4e97cc !important;
}
#success{
	width: 100%;
	padding: 10px;
	text-align: center;
	color: green;
	display:none;
}
#error{
	width: 100%;
	padding: 10px;
	text-align: center;
	color: red;
	display:none;
}

.bold { font-weight:bold }
.blue { color:#4e97cc; }
.dkblue { color:#3a7199; }
.strike {
  font-size: 1em;
  line-height: 1em;
  position: relative;
}
.strike::after {
  border-bottom: 0.125em solid black;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}

h4
{
font-size: 20px;
font-weight: normal;
}
button
{
border-style:solid;
border-color:#adadad;
border-width:1px;
background-color:#e1e1e1;
border-radius:5px;
}
input[type=submit]
{
width:200px
}
.align-center
{
padding-top:15px;
}
p.logmsg
{
font-size:1.0em !important;
color:red;
width:100%;
text-align:center;
margin-left:30px;
}
#contentContainer
{
float:left;
width:890px;
background-color:white;
border-radius:0 0 8px 8px;
}
#container
{
position:relative;
width:1340px;
margin-top:78px !important;
}
#tabs
{
margin:0;
padding:15px 0 0 0;
width:1339px;
z-index:999;
position:fixed;
background-color:#a6a6a6;
}
#pretabs
{
float:left;
padding:10px 0 0 0;
margin:0;
width:420px;
z-index:999;
height:36px;
}
#posttabs
{
height:36px;
float:left;
width:1px;
overflow:hidden;
z-index:999;
}
#locations
{
float:left;
clear:both;
background:none;
width:420px;
margin:52px 0 0 0;
padding:10px 0 10px 4px;
min-height:800px;
}
#stats
{
margin:52px 0 0 0;
padding:10px 0 10px 4px;
}
#logins .fileList, #stats .fileList, #sysinfo .fileList, #billing .fileList, #messages .fileList 
{
width:99%;
font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
font-size:0.8em;
background-color:#F5F5EE;
margin:3px 0 auto;
overflow:auto;
}
#fetchFacId
{
color:blue;
}
.loctable, .activeLocTable, .basicloctable
{
float:right;
overflow: hidden;
margin:3px 0 3px 0;
padding:3px 0 5px 5px;
border-right:none;
/*height:10px;*/
background-color:#ddd;
height:32px;
}
.loctable:hover
{
background-color:#fcffb3
}

.trial-over { color:#ff9900 }
.incomplete { color:#ff1421 }
.inactive { color:#999 }
.active-customer { color:#000 }
.paused {background-color:#ff9999}
.active-trial { color:green }
.active-balance { color:#a505ff }
.inactive-balance { color:#FF1493 }
.active-check { color:#4f8ceb }
.trial-not-started { color:#AF7817 }

#loc-admin-key 
{ 
clear:both;
float:right;
width:210px;
padding:10px;
margin:20px 0 0 0;
background-color:#e1e1e1;
border-radius:8px 0 0 8px;
line-height:1.3em;
}
.locButtons
{
float:right;
padding:3px 0 8px 0 !important;
margin:3px 0 0 0 !important;
height:32px;
width:50px;
background-color:#fff;
}
img.orderArrow
{
display:inline !important;
height:20px;
width:20px;
z-index:9999 !important;
margin:0;
padding:0;
}
#account, #billing, #messages, #replies, #stats, #sysinfo, #addfac, #logins 
{
margin:54px 0 0 0;
padding:10px 10px 10px 30px;
background-color:#fff;
width:97%;
min-height:800px;
border-radius:0 0 8px 8px;
}
#messages, #replies
{
padding:10px !important
}
#messages-dynamic, #replies-dynamic, #stats-dynamic, #sysinfo, #addfac-dynamic, #logins-dynamic, #sysinfo-dynamic
{
display:block
}
#sysinfo p.links
{
text-align:center;
width:99%;
font-size:0.8em;
padding:0;
margin:0;
}
#tabs button
{
margin:2px 20px 2px 20px;
background: #4479BA;
color: #FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
#tabs button.red {
background-color:red
}    
#facility
{
color:green;
}
#billingMsga, #billingMsgb, #billingMsg2a, #billingMsg2b, #billingMsg2c, #billingMsg3, #accountMsg, #statsMsg, #addfacMsg, #AFmsg, #loginsMsg 
{
color:red;
font-size:1.0em !important;
width:99% !important;
padding:0;
margin:0;
}
#loc-dynamic
{
clear:both;
width:416px;
padding:0;
max-height:563px;
overflow:auto;
}
#account-dynamic img, #billing-dynamic img, #messages-dynamic img, #replies-dynamic img, #stats-dynamic img, #addfac-dynamic img, #logins-dynamic img, #sysinfo-dynamic img 
{
margin:40px auto 0 auto;
}
img.spinner { display:block }
#loc-dynamic p
{
padding-left:10px
}
p.submit
{
text-align:center;
width:99% !important;
}
p.submit button
{
width:150px;
margin:10px 0 0 0;
padding:0;
height:2em;
}
.emsg
{
display:none;
margin:10px 0 10px 0;
padding:0;
width:100%;
}
#accountMsg, #billingMsga, #billingMsgb, #billingMsg2a, #billingMsg2b, 
    #billingMsg2c, #billingMsg3, #statsMsg, #AFmsg, #loginsMsg
{
text-align:center
}
.cclogo
{
    margin-left:10px !important;
    margin-top:-2px !important;
    vertical-align:middle;
    height:32px;
}
#account p.credCheckBoxP
{
    margin:5px 0 5px 220px;
    padding:0;
    font-size:0.8em
}
#AFcopyFrom
{
margin-top:20px;
}
.tabs {
  position: relative;   
  min-height: 200px; 
  clear: both;
  margin: 25px 0;
}
.tab {
  float: left;
  /*margin-right:7px;*/
  width:100px;
}
.tabLong {
  float: left;
  /*margin-right:7px;*/
  width:111px;
}
.tabRight {
  float: right;
  margin-right:29px;
  width:99px;
}
.tab label:hover, #tab-account:hover, #tab-billing:hover, #tab-messages:hover, #tab-replies:hover,
#tab-addfac:hover, #tab-logins:hover, #tab-stats:hover, #tab-sysinfo:hover
{
	background-color:#fcffb3;
	border-bottom:1px solid #fcffb3;
	text-decoration:none;
	cursor:pointer;
}
.tab label, #tab-account, #tab-billing, #tab-messages, #tab-replies, #tab-addfac, #tab-logins, #tab-stats, #tab-sysinfo
{
  background: #ddd; 
  padding: 10px 0 10px 0; 
  text-align:center;
  border-bottom: 1px solid #ddd; 
  /*margin-left: -1px; */
  margin-bottom:0 !important;
  position: relative; 
  font-size:1.0em;
  border-radius:7px 7px 0 0;
}
#tabs div.tab.active { background-color:white !important; border-bottom-color:white !important }
.tab [type=radio] {
  display: none;
}
#managing
{
float:left;
margin-top:7px;
margin-left:20px;
display:none;
}
#facility
{
font-weight:bold;
}
[type=radio]:checked ~ label {
  background: white;
  text-decoration:none;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}
#shortener
{
font-size:0.8em;
margin:3px 0 0 225px
}
#smsOriginNumber
{
font-weight:bold
}
.buttonspinner
{
display:block;
margin:30px auto 0 auto !important;
}
.shortlabel 
{
width:205px !important;
}
.midlabel 
{
    width:275px !important;
}
#mp, #alt, #adhoc, #repliesHeader
{
	font-weight:bold;
	padding-top:0 !important;
	margin-top:0 !important;
	margin-bottom:0;
	margin-left:18px;
	font-size:1.0em;
}
#mp, #alt
{
	padding-bottom:8px;
}
#alt { margin-top:20px !important }
#minBal1, #daysSelect1
{
	font-weight:bold;
	margin:0 0 0 18px !important;
	font-size:1.0em !important;
}
#minBal1
{
	padding:10px 0 0 0  !important;
}
#daysSelect1
{
	padding:18px 0 0 0  !important;
}
#minBal2, .repliesSummary, #daysSelect2
{
	font-weight:normal;
	margin:0 0 0 18px !important;
	font-size:0.9em !important;
}
#minBal2, .repliesSummary
{
  padding:0 0 20px 0 !important;
}
div.smallPopHelp { font-size: 0.9em }
div.smallPopHelp p { margin: 0; padding: 10px 0 0 0 }
#daysSelect2
{
  padding:0 0 10px 0 !important;
}
#adhoc2
{
	font-weight:normal;
        padding:0 0 0 0 !important;
	margin:0 0 2px 18px !important;
	font-size:0.9em !important; 
}
#forwardingHdr, #rentRollHdr, #mcallattemptsHdr, #accessCodeHdr
{
    font-weight:bold;
    padding:0  !important;
    font-size:1em !important; 
    line-height:1.2em;
}
#forwardingHdr, #accessCodeHdr
{
	margin: -6px 0 23px 18px !important;
}
#rentRollHdr, #mcallattemptsHdr
{
	margin:0 0 20px 18px !important;
}
#forwardingHdr img, #accessCodeHdr img
{
    margin:0 10px !important;
    cursor:pointer;
    vertical-align:middle;
}
#minBal2 input { width:60px !important;margin:0 0 0 8px !important }
#minBalUpdate, #forwardingUpdate, #daysOfWeekUpdate { padding:3px !important;font-size:0.9em !important }
#minBalUpdate, #forwardingUpdate { margin-left:10px !important }
#daysOfWeekUpdate { margin-left:0px !important }
#minBalUpdateMobile, #daysOfWeekUpdateMobile { display: none }
#rentRollHdr select { font-size:0.8em; vertical-align:bottom }
.expandMulti
{
	cursor:pointer;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:4px;
	color:#4e97cc;
	font-weight:bold;
	font-size:1.0em;
}
.expandMultiImg
{
	width:18px;
	display:inline;
	margin:4px 5px 0 0;
	cursor:pointer;
	float:left;
}
.txtfield10 { float:left;width:10%;font-size:0.8em }
.txtfield15 { float:left;width:15%;font-size:0.8em }
.txtfield20 { float:left;width:20%;font-size:0.8em }
.txtfield45 { float:left;width:45%;font-size:0.8em }
.txtfield50 { float:left;width:50%;font-size:0.8em }
.txtmsg { width:492px !important;height:170px !important;font-size:1.0em }
.txtwhen { width:180px !important;height:130px !important;font-size:1.0em }
.emailArea { width:492px !important;height:110px !important; }
.emsgSubj { width: 438px !important; margin:3px 0 !important }

.messageDefBar span.msgId, .replyDefBar span.replyId { float:right;margin:0 15px;color:#999 }
.messageDefBar, .replyDefBar { padding: 3px; width:99%; background-color:#ddd; margin:3px 0 0 18px; font-size:0.9em; line-height:2em }
.messageDefBar img, .replyDefBar img { width:20px; margin:0 10px 0 0 !important; padding:0; vertical-align:middle; cursor:pointer }
.messageDef, .replyDef { display:none; padding:10px 0 10px 0;margin:0 0 0 18px; width:99%; background-color:#f4f4f4; height:305px }
.messageDef div, .replyDef div {float:left;font-size:0.8em }
.messageDef div.msgDiv, .replyDef div.replyDiv { font-size:1.0em; text-align:center; width:100% }
.messageDef div.msgDivEmail { width:auto; margin-right:12px }
.messageDef textarea, .replyDef textarea { margin-bottom:0;padding-bottom:0;}
div.msgDivVoice, div.msgDivEmail, div.replyDivAdhoc { display:none }
div.msgDivVoice, div.msgDivText, div.replyDivAuto, div.replyDivAdhoc { padding-bottom:0 }
div.msgDivEmail { padding-bottom:3px }
div.msgDivVoice, div.replyDivAuto, div.replyDivAdhoc { position:relative }
div.msgDivVoice img { position:absolute; top:97px; right: 14px; cursor:pointer }
#addButton_mp, #addButton_a { margin:0 0 20px 20px !important }
#addButton_reply { margin:10px 0 20px 20px !important }
#addButton_a, #addButton_reply, #addButton_mp { font-size:0.8em !important;width:96% !important }
#messages-dynamic button, #replies-dynamic button { overflow:visible;padding:3px !important }
.msgInsert, .replyInset { width:140px !important }
.msgInsert button, .replyInsert button {margin-bottom:3px;}

.msgDefHdr, .replyDefHdr { width:99% !important; margin-left:13px }
.msgDefHdr p, .replyDefHdr p { font-weight:bold;padding:0 !important;margin:0 !important;color:#5a5a5a;text-align:center;font-size:1.2em !important; line-height:1.2em !important }
.msgDefHdr div, .replyDefHdr div { padding:0 10px 0 10px;font-size:0.8em;float:left;text-align:center }
.msgDefHdrTitle, .replyDefHdrTitle { font-size:0.9em !important;line-height:1.2em !important;font-weight:bold;color:#5a5a5a;text-align:center;margin-bottom:5px }
.msgDefHdr img, .replyDefHdr img { border:none;cursor:pointer;margin:0 !important;padding:0 !important; display:inline !important }

#billing p.pending
{
	margin:0;
	padding:0;
	text-align:right;
	width:370px;
	color:green;
	font-size:0.8em
}
#billing #childCount
{
font-size:0.8em;
text-align:right;
width:370px;
}
#dimmer
{
    background:#000;
    opacity:0.3;
    position:fixed; /* important to use fixed, not absolute */
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:9998; /* may not be necessary */
}
#disabled
{
	padding:20px;
	background-color:#fff;
	border-radius:8px;
	margin:-40px 0 0 -235px;
	position:absolute;
	height:160px;
	width:500px;
	top:50%;
	left:50%;
	display:none;
	z-index:9999;
	text-align:center;
	pointer-events:auto;	
}
div.addfac-section
{
	clear:both;
	margin:0;
	padding:5px 0 25px 0;
	border-top:solid 3px #808080;
	width:100% !important
}
#linkFac
{
	display:none;
	border-top:solid 3px #808080;
	border-bottom:solid 3px #808080;
	padding:0 10px;
	margin:0 auto 20px auto !important;
	background-color:#f8f8f8;
	width:90%;
}
#linkFacMsg { display:none; text-align:center; width:100% !important }
#SLForm2 { /*display:none*/ }
#cardChooser, #AFbillingChooser, #achChooser
{
	margin:15px auto;
	width:350px;
	max-height:145px;
	overflow-y:auto;
	overflow-x:hidden;
	border:3px double #bbb;
	background-color:#f2f2f2;
	padding:5px 0;	
}
#cardChooser input[type=radio], #AFbillingChooser input[type=radio], #achChooser input[type=radio]
{
	width:20px !important;
	margin-right:10px;
}
#cardChooser span, #achChooser span { position:relative }
#cardChooser img, #AFbillingChooser img, #achChooser img
{
	margin:0 0 0 30px;
	padding:0;
	display:inline;
	width:15px;
	cursor:pointer;
	position:absolute;
	top:5px;
	right:0;
}
#cardChooser a, #AFbillingChooser a, #achChooser a
{
	font-weight:normal;
	text-decoration:underline;
}
#transDescReq
{
	display:none; 
	font-size:0.8em; 
	color:red; 
	margin-left:10px
}
#transAmtHelper
{
	font-size:0.8em; 
	color:red; 
	margin-left:10px
}
div.helpPanel 
{ 
    font-size:0.9em;
    display:none;
    width:60%;
    min-width:260px;
    border-top:1px solid #ddd; 
    border-bottom:1px solid #ddd; 
    padding:6px 0;
    margin:8px auto 5px auto 
}
div.helpPanel ul { margin-left:20px; }
div.helpPanel ul li 
{ 
    font-size:0.9em;
    line-height:1.2em;
    padding-bottom:5px;
    list-style-type:circle 
}

span.checkmark
{
    margin-left:-14px !important;
    font-weight:bold;
}
#promosAppliedList, #promosList { line-height:1.2em }
#container form input[type=radio] { margin:0 0 5px 10px; width:10px; padding:0; }
#container form .promo, #container form .appliedPromo { margin-top:5px }
#container form label.textareaLabel { text-align:left;width:400px }
#container form textarea { width:550px; height:60px; margin-bottom:0; resize:none }
#container form .buttonright { padding:5px;margin:5px 0 0 225px }
#container { margin:0 auto 0 auto;text-align:left;font-size:1.0em; }
#container p { width:90%;margin-top:1em;font-size:1.0em }
#container form label, #sysinfo label { color:#3c739a;text-align:right;width:205px;margin-right:15px;display: inline-block;font-size:1.0em }
#container form input, #sysinfo input { width:50px; display: inline-block }
#container input.AcctTabMulti { opacity:0;width:14px !important;}
#container span.AcctTabMultiTextAreaSpan { border:1px solid #999; width:16px !important; height:18px !important; float:right; margin-right:273px; background-color:#bedcf2; }
#container span.AcctTabMultiSpan { vertical-align:middle; display:inline-block;border:1px solid #999; width:16px !important; height:18px !important; background-color:#bedcf2; }
#container form input.billing { width:15px;vertical-align:top;margin-top:5px }
#container form input.smallfield { width:60px }
#container form input.topcheck { vertical-align:top;margin-top:8px }
#container form .billinglabel { margin-left:10px;width:300px;font-size:1.0em;text-align:left }
#container form .text { width:400px;display: inline-block; margin:3px 0 0 0 }
#container form .shorttext2 { width:197px;display: inline-block; margin:3px 0 0 0 }
#container form .shorttext, #sysinfo .shorttext { width:150px;display: inline-block; margin:3px 0 0 0 }
#container form .midtext, #sysinfo .midtext { width:300px;display: inline-block; margin:3px 0 0 0 }
#container form .dropdown, #sysinfo .dropdown { font-size:0.9em; display: inline; width:400px; height:25px; margin:3px 0 0 0; color:#444; height:30px; border:1px solid #ccc; background: transparent; }
#container form .shortdropdown, #sysinfo .shortdropdown { font-size:0.9em; display: inline; width:150px; height:25px; margin:3px 0 0 0; color:#444; height:30px; border:1px solid #ccc; background: transparent; }
#container form .middropdown, #sysinfo .middropdown { font-size:0.9em; display: inline; width:250px; height:25px; margin:3px 0 3px 0; color:#444; height:30px; border:1px solid #ccc; background: transparent; }
#container p.errmsg, sup.red, span.red { color:red; font-weight:bold }
#container p.red { color:red; font-weight:normal }
#container p.promomsg { font-weight:bold; display:none }
#container p.dispgreen { display:block; color:green }
#container p.nodisp { display:none }
#container p.nobott { padding-bottom:0;margin-bottom:0 }
#container form p.blue { color:#4e97cc;font-weight:bold }
#container a { color:#4e97cc;font-weight:bold }
#container a:hover { color:orange }
#container #divleft { float:left;width:300px }
#container #divright { float:left;width:300px }
#container #securityimage { border:1px solid #abadb3;margin:0 0 0 25% }
#container #promo { width:150px }
#container #applied { border:1px solid #999;width:300px;padding:3px;color:green;font-size:0.8em }
#container #applied input { width:75px }
#container #optional_numbers { padding-top:0;margin-top:10px;display:none }

#multiPanel
{
    display:none;
    padding:0;
    margin:0;
}
#multiFacSelector
{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    line-height:1.2em;
    margin-top:3px;
    padding:8px 0;
    max-height:300px;
    overflow-y:auto;
}
#multiFacToggle
{
    cursor:pointer;
}
#sysinfo button.download
{
	padding:10px;
	margin:10px 10px 10px 0
}
.addMsgCheckbox, .replyCheckbox
{
    margin:0 !important;
    padding:0 !important;
    width:20px !important;
}
.daysSelectContainer
{
	white-space: nowrap; 
	margin-right: 10px !important
}
.daysSelectCheckbox
{
	margin:0 5px 0 0 !important;
	padding:0 !important;
	width:20px !important;
}
.fallbackCb
{
    margin:0 5px 0 0 !important;
    padding:0 !important;
    width:20px !important;
}
p.fallback
{
    clear:both;
    margin:0 !important;
    width:100% !important;
    padding:0 !important;
}
p.fallback img
{
    margin:0 !important;
    padding:0 !important;
    vertical-align:middle;
    cursor:pointer;
    position:relative;
    top:0;
    left:0;
}
.green { color:green }
a.smallPortalLink { color:#4e97cc; font-size:0.8em; font-weight:bold }
a.smallPortalLink:hover { color:orange }

button.msgToggle { margin-right:9px; margin-left:0; padding:3px; width:31%; }
button.replyToggle { width: 240px !important; padding:3px; width:31%; }
button.active { background-color:#64bcff; color:black }
p.upd { height:20px !important; padding:0 !important; margin:3px 0 0 0 !important }
span.upd { float:right; margin-right:15px }
p.msgToggle { margin:0 0 6px 0 !important; padding:0 !important; display:block; width:100% !important; text-align:left }
p.replyToggle { margin:0 0 6px 0 !important; padding:0 !important; display:block; width:492px !important; text-align:left }
.center { text-align:center }
.paddBottom10 { padding-bottom:10px }
.getMsgForm, .getReplyForm
{
	margin:0;padding:0
}
.getMsgCloneSpan, .getReplyCloneSpan { float:right; margin:-2px 3px 0 3px !important }
.getMsgCloneSpan2 { float:right; margin:4px !important }
.getMsgCloneSelect, .getReplyCloneSelect
{
	height:22px !important;
	width:auto !important
}
.msgDefCol1, .replyDefCol1 { width:200px !important}
.msgDefCol1b, .replyDefCol1b { padding-left:10px !important }
.replyDefCol1p { margin: 0 !important; padding:0 !important;width:100% !important;text-align:center !important; line-height: 1.1em !important }
.replyDefCol1k { margin: 2px 0 8.5px 0 !important; padding: 3px !important }
.replyDefCol1c { margin: 8.5px 0 8.5px 0 !important }
.keyword { width: 176px !important; margin: 0 !important }
.msgDefCol2, .replyDefCol2 { width:502px !important }
.msgDefCol2p { margin:5px 0 !important;padding:0 !important;width:99% !important;text-align:center !important;line-height:1.1em !important; }
.msgDefCol2p2 { margin:3px 10px 3px 0!important;padding:0 !important;text-align:right !important;line-height:1.1em !important; }
.msgDefCol2p3 { clear:both; margin:0 !important; width:100% !important; padding:3px 0 0 0  !important;text-align:center !important; }
.replyDefCol2p { margin: 5px 0 !important; padding:0 !important;width:492px !important;text-align:center !important; }
.msgDefCol3, .replyDefCol3 { width:120px !important }
.msgDefCol3 button, .replyDefCol3 button { width:120px }
p.daysLate, p.keywordBar { margin:0 !important;padding:0; display:inline }

button.rmvMsgMp, .rmvReply { width:70px; float:right; background-color:#eee; }
button.updMsgMp, .updReply { width:70px; margin-left:10px; float:right; background-color:#eef8ee }

#combinedBillingAll, #assignNewCardAll span, #assignNewToAll span 
{ 
	margin:0;
	padding:0;
	float:none;
	width:auto;
	color:#3c739a;
}
.getBillingCombinedP1 { float:left;width:225px !important;margin-top:0 !important;margin-bottom:0;padding-bottom:0 }
.getBillingCombinedP2 { float:left;width:40% !important;margin-top:0 !important;margin-bottom:0;padding-bottom:0; }
.getBillingAccountBalanceP { margin:0 auto !important; padding:0 !important; text-align:center;width:99% }
.getBillingCancelDiv1 { background-color:#FDEEF4;margin:15px auto 0 auto !important;width:99%;padding:10px;border:2px solid red;text-align:center }
.getBillingCancelButton1 { padding:5px;margin:0 5px 0 5px !important; }
.getBillingCancelButton2 { padding:5px;margin:0 5px 0 5px !important; }
.getBillingCancelP { text-align:center;width:98%;margin-bottom:0 }
.getBillingReportsButton { padding:10px;margin:10px 10px 10px 0 }

#assignNewCardAll, #assignNewToAll { display:none; text-align:center }

.reportButton { border-radius: 5px; background-color:inherit; margin-right:15px }
.reportButton:hover { background-color:#cce9ff }
.reportButtonActive { background-color:#6e9ff1 !important; color:white !important; border-color:#6e9ff1 }

.getStatsButton1 { padding:8px;margin-left:25px }
.getStatsButton2 { padding:3px;margin:0 10px 3px 10px }
.getStatsP1 { font-size:0.7em;line-height:1em;text-align:center;width:99% }

.locButtonImg { cursor:pointer;display:inline;vertical-align:middle;height:20px;width:20px;margin:3px 1px 0 1px !important }

span.altLocDisplay { display:none }
 /* The switch - the box around the slider */
 #expandAll { float:left; padding-left:55px; text-decoration: underline; padding-top:5px; color:white }
 #expandAll:hover { text-decoration: none }
 #altDisplay { float:right; margin-right:20px }
 #signInFormSwitch { padding-top:15px; text-align:center; border-top:1px solid #eee; width:100% }
 #altDisplay span.upLabel { vertical-align:8px; color:white }
 #signInFormSwitch span.upLabel { vertical-align:8px; color:#444;padding:0 5px }
 #messages-dynamic span.upLabel, #accessCodeHdr span.upLabel input { margin:0 5px; font-weight:normal; font-size:1em }
 
#altDisplay .toggle, #signInFormSwitch .toggle, #messages-dynamic .toggle, #accessCodeHdr .toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

#messages-dynamic .toggle, #accessCodeHdr .toggle {
	top: 6px;
	margin-bottom: 0;
}

/* Hide default HTML checkbox */
#altDisplay .toggle input, #signInFormSwitch .toggle input, #messages-dynamic .toggle input, #accessCodeHdr .toggle input {display:none;}

/* The slider */
#altDisplay .slider, #signInFormSwitch .slider , #messages-dynamic .slider, #accessCodeHdr .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

#altDisplay .slider:before, #signInFormSwitch .slider:before, #messages-dynamic .slider:before, #accessCodeHdr .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#altDisplay input:checked + .slider, #signInFormSwitch input:checked + .slider, #messages-dynamic input:checked + .slider, #accessCodeHdr input:checked + .slider
{
  background-color: #2196F3;
}

#altDisplay input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

#altDisplay input:checked + .slider:before, #signInFormSwitch input:checked + .slider:before, #messages-dynamic input:checked + .slider:before, #accessCodeHdr input:checked + .slider:before
{
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
#altDisplay .slider.round, #signInFormSwitch .slider.round, #messages-dynamic .slider.round, #accessCodeHdr .slider.round
{
  border-radius: 34px;
}

#altDisplay .slider.round:before, #signInFormSwitch .slider.round:before, #messages-dynamic .slider.round:before, #accessCodeHdr .slider.round:before
{
  border-radius: 50%;
} 

#userBox, #userFacBox, #facBox 
{
    border:1px solid #bbb;
    width:50%;
    min-width:360px;
    max-height:400px;
    overflow-y:auto;
    padding:4px;
}
#userBox a, #userFacBox a, #facBox a 
{ 
    cursor:pointer; 
    font-weight:normal; 
}
#userBox div, #userFacBox div, #facBox div  
{
    padding:5px 6px;
    width:100%;
}
#userBox div.user img, #userFacBox div img  
{ 
    width:15px;
    float:right;
    margin:0 15px 0 0;
    cursor:pointer;
}
#userFacBox input[type=checkbox] { margin-top:2px }
div.userFac { font-size:0.9em; line-height:1.2em; display:none }
#userPerms, #loginsupdate, #loginsMsg { display:none }
#loginsMsg { text-align:center; width:100% }
.gender_lab { margin-left:4px }

#fullPricing
{
    padding-bottom:30px;
}
#fullPricing p
{
    text-align:center;
    margin:10px 0!important;
    padding:0 !important;
    width:100% !important;
    font-weight:bold;
}
#fullPricing p.small
{
    font-size:0.9em;
    margin:0 !important;
    padding:0 !important;
}
a.pricing
{
    cursor:pointer;  
    margin-left:2px;
}
table.pricing
{
    width:auto; /*100%;  */
    margin:0 auto;
}
table.pricing td, table.pricing th
{
    font-size:0.9em;
    padding:5px 10px;
    text-align:center;
}
table.pricing th
{
    text-align:center;
}
table.pricing td
{
    border:1px solid #aaa;    
}
table.pricing td a, table.pricing th a
{
    cursor:pointer;
    font-weight:normal !important;
}
table.pricing td.center
{
    text-align:center;
}
div.pricingPrefixes, span.small
{
    font-size:0.7em !important
}
.modal-content
{
    display:none;
    position:fixed;
    top:25%;
    left:50%;
    margin-left:-200px;
    background-color:#fff;
    padding:10px;
    border:none;
    box-shadow:0 2px 8px #665;
    width:400px;
    text-align:center;
    z-index:9999;
    text-align:center;
    font-size:0.9em;
}
.modal-content p, .modal-content input[type=text]
{
    text-align:center
}
.modal-content button
{
    background-color:black;
    border-radius:0;
    color:white;
    text-transform:uppercase;
    border:none;
    margin:0 5px;
    padding:9px 12px;
    font-size:13px;
}

div.chart 
{
    float:left;
    margin:0 0 25px 0;
    padding:10px 0;
    overflow-x:auto;
    overflow-y:hidden;
    width:770px;
}
div.chart img 
{
    margin:10px 0 0 0 !important;
    padding:0 !important;
}
img.chartlegend
{
    clear:both;
    float:right;
    margin-top:34px;
}

/* TINYMCE */

div.mce-edit-area { width: 485px  }
div.mce-tinymce { height:165px }
div.mce-fullscreen { z-index:999; width:50% !important; max-width:977px }
div.mce-fullscreen div.mce-edit-area { width:100% }

@media
only screen and (max-width: 1012px),
(min-device-width: 450px) and (max-device-width: 1012px)  
{
	#navtable { display:none }
	#navlogo { margin-top:5px }
	#navselect { display:block }
	#navlinks { width:auto;margin-top:8px; }
	#signInOut { margin-top:13px }
	#google_translate_element { display:none }
}
@media
only screen and (max-width: 640px),
(min-device-width: 0px) and (max-device-width: 640px)  
{
	#navlogo {text-align:left}
}
@media (max-width: 767px) 
{
    #top {
	    position: static !important; 
	    top: auto !important;
	    left: auto;
	    right: 0px;
	    height:88px;
    }
    #google_translate_element { display:none }				
    .top-bar .top-bar-section ul li>a.button  {
	    color: white;
	    padding: 10px 0;
	    font-size: 24px;
	    margin: 10px 0;
    }
    .top-bar,
    .top-bar-section ul{
	    background: white !important;
    }
    .top-bar-section li a:not(.button) {
	    background: white !important;
    }					
    #wide {display:none !important }
    #thin {display:block !important }	
    .container { margin-top:0 !important }			
}