/*reset */
body, p, h1, h2, h3, h4, h5, h6, form, ul, ol, li, blockquote, img, ul { margin:0px; padding:0px; border:0px; }
ul, ol, dl, li {list-style-type:none; }

.input-error ,.input-error td,.has-error td { background-color:#FF9191 !important;}
 
.input-error { border:1px solid red; }


h1.warning { color: #ff8a00;font-size: 20px;}
ul.warning { list-style-type: disc;padding:0px 20px;margin-bottom: 15px;}
ul.warning li {list-style: disc;list-style-type: disc;}

h1.errors { color: red;font-size: 20px;}
ul.errors { list-style-type: disc;padding:0px 20px;margin-bottom: 15px;color: red;}
ul.errors li {list-style: disc;list-style-type: disc;}

.hidden { display: none;}
/* main layout */
#wrap { }
#panel-top {padding:3px; height:108px; border-bottom:8px solid #99c; }
#panel-top-content, #panel-main, #panel-bottom-content {width:940px; margin:0px auto; position:relative;  }
#panel-top-content { height: 97px;}
#panel-top-search { position:absolute; right:0px; top:30px; font:bold 13px "trebuchet ms", arial; display:block; }
#panel-top-search input, #panel-top-search select {margin:0px 2px;  }
#panel-top-tabs { position:absolute; top:66px; right:0px; }
#panel-top-tabs li {float:left; margin:0px 1px; font:bold 13px arial, "trebuchet ms", georgia,arial; }
#panel-top-tabs li a {display:block; color:#222; background-color:#e9e6f7; padding:2px 12px; text-decoration:none; border:1px solid #ddf; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;  }
#panel-top-tabs li a:hover {background-color:#eef; }
#panel-top-tabs.reseller li a { background-color:#eef; }
#panel-top-tabs.reseller li a:hover { background-color:#fff; }
#panel-top #logout  
{
    position:absolute; 
    right:0px;top: 0px;
    display: block;
    text-align: right; 
    font:12px arial;
    line-height: 20px;
}
#panel-top #logout  a {
    line-height: 20px;
    padding: 2px 0px 2px 20px;
    margin-right: 10px;
}
.sign-out {
    background: url(../img/icon16/logout.png) 0px 2px no-repeat;
}
.change-password {
    background: url(../img/icon16/password.png) 0px 2px no-repeat;
}
.in-box {
    background: url(../img/icon16/inbox.png) 0px 2px no-repeat;
}
.admin-menu {
    background: url(../img/icon16/administrator.png) 0px 2px no-repeat;
}

.lnk-back 
{
    padding-left: 25px;
    background: url(../img/icon-back.png) 0px 0px no-repeat;
}

.red-flag 
{
    padding-left:25px;
    background: url(../img/icon16/red-flag.png) 0px 2px no-repeat;
}
#panel-top #return-to-admin { /*position:absolute; left:764px; font:12px arial;*/ }
#print-invoice-header {display:none;  }

#panel-main {overflow:hidden; }
#panel-main #globalmsg {font:bold 14px arial; color:#600; border:2px solid #cfc; margin:5px auto; padding:5px 0px; text-align:center; background-color:#efe; display:none; }

#panel-main-content {
    width: 650px;
    font: 13px arial;
    float: left;
    border-right: 1px solid #dde; /*padding-bottom:210px; margin-bottom:-200px;*/
    min-height: 500px;
    position: relative;
    background-color: #fff;
    padding: 10px;
} /* extra padding and negative margin allow border to go page height, no matter how much content. */
#panel-main-content h2 {font:normal 34px garamond, georgia; color:#333; margin:15px 0px; }

#panel-main-nav {
    width: 248px;
    font: 13px arial;
    float: left;
    padding: 10px;
    background-color: #fff;
} 
#panel-main-nav h2 {margin:20px 0px 5px 0px; font:25px georgia; border-bottom:1px solid #ddd; }
#panel-main-nav p {line-height:19px;  }

#panel-bottom {padding:3px; min-height:100px; margin-top:10px; font:13px arial; line-height:22px; }
#panel-bottom-content ul li {float:left;  }
#panel-bottom-content ul li a {color:#eee;}
#panel-bottom-content ul li a:visited {color:#ccc;}

#panel-foot {border-top:1px solid #cce; width:960px;  }
#panel-foot>ul>li {padding:15px 9px; border-right:1px solid #eef; font:13px arial; color:#444; float:left; }
#panel-foot>ul>li ul li {float:left; padding:2px 8px; }
#panel-foot>ul>li ul li a { font:12px arial; color:#66f; }
#panel-foot>ul>li ul li a:hover { font:12px arial; color:#99f; }
#panel-foot ul li a:visited {color:#69f; }

#body-invoice #panel-main-content table {width:98%; margin:4px auto 20px auto; border:1px solid #990; }
#body-invoice #panel-main-content table caption {text-align:left; font:25px georgia;  }
#body-invoice #panel-main-content fieldset {float:left; border:1px solid #ccc; margin:10px 4px; padding:5px; -moz-border-radius:8px; width:295px; line-height:19px; }
#body-invoice #panel-main-content legend {font:bold 16px arial,verdana; color:#070;  }
#body-invoice #panel-main-content address {font-style:normal; margin-bottom:0px; }
#body-invoice #panel-main-content address strong {display:block; margin:6px 0px; }

#body-invoice table.invoice {width:98%; }
#body-invoice table.invoice td, table.invoice th {padding:4px; border-bottom:1px solid #ccc; }
#body-invoice table.invoice th {border-color:#999; }
#body-invoice table.invoice .plan-title {font:13px arial; line-height:25px; }
#body-invoice table.invoice .plan-details {font:12px arial; color:#987; display:block; }
#body-invoice table.invoice .amount { text-align:right; font:bold 16px arial; }
#body-invoice table.invoice tfoot td {font:bold 13px arial; padding:4px; }
#body-invoice table.invoice tfoot .amount {color:#900; }
#body-invoice table.invoice tfoot .tax {color:#777; }
#body-invoice table.invoice tfoot .final {font-size:19px; }
#body-invoice table.invoice tfoot td.total {border-bottom:1px solid #999; border-top:1px solid #333; }

.terms-box { width:98%; padding: 4px; margin:4px auto 20px auto; border:1px solid #990; font-size:9px !important;color: #CC0000;min-height: 150px;  height:150px !important; /*overflow:hidden;*/} 

#users-dropdown {font:bold 12px arial; padding-right:10px; float:right;}
#DDshowCrt  {font:bold 12px arial; }

#taxinfo { display:none; }

#session_msg {width:940px; text-align:center; margin:1px auto; padding:4px 0px; font:bold 16px arial; color:#630; background-color:#ff9; border:2px solid #f33; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

table.data {width:99%; margin:5px 0px 20px 0px;}
table.data caption, h1.grid-caption {font:25px georgia; color:#234; text-align:left; margin-top:15px;border-bottom: 1px solid #CCCCCC; }
table.data caption a { font:13px arial; float:right; margin-top:10px; margin-right:6px; }
table.data tbody td {padding:5px; border-bottom:1px solid #ddd; font:13px arial; }
table.data tbody td a.userid {display:block; }
table.data tbody tr:nth-child(2n) {background: rgba(0,0,255,.03)} 
table.data tbody tr:nth-child(2n) .spp-badge-tr { background: #fff;}
table.data tbody tr:hover {background-color:#ffe;  }
table.data tbody tr.nohover:hover {background-color:transparent;  }
table.data tbody td.date {width:130px; }
table.data thead th {padding:5px; border-bottom:1px solid #ccc; text-align:left; font:bold 13px "trebuchet ms"; background-color:#eef; }
table.data thead th small {display:block; color:#666;}
table.data tfoot td {padding:5px; border-bottom:1px solid #ccc; font-family:"trebuchet ms"; font-weight:bold; background-color:#eef; }
table.data h5 {color:#000; font:14px arial; font-weight:bold;}
table.data .acct-balance {text-align:right; color:#c00; }
/* nice form */
.primary fieldset { border:5px solid #eef; width:550px; -moz-border-radius:10px; margin:15px 0px; background-color:#f6f6fc;}
.primary legend {margin:3px; font:19px georgia;  }
.primary label {width:120px; display:block; float:left; clear:left; margin-top:8px;  text-align:right; font:bold 13px arial; color:#444; }

.primary input[type='text'], 
.primary select, 
.primary input[type='password'], 
.primary textarea,
span.input-text {display:block;  margin:5px 6px 0px 8px; float:left; border:1px solid #ccc; padding:2px; font:13px arial; color:#456; }

.primary .chk-box {
    margin:8px 6px 0px 8px !important; float:left !important;clear: none !important;
} 

.primary input[type='text'],
span.input-text {width:250px;}
span.input-text { background: #eee;}
.primary .input-helper { height:21px; margin-top:8px; color:#666; }
.primary input[type='checkbox'], .primary input[type='radio'] { float:left; margin-left:130px; margin-top:3px; clear:left; }
.primary input[type='checkbox'] + label, .primary input[type='radio'] + label  { clear:none; width:390px; text-align:left; margin-top:2px; padding:3px; }
.primary textarea {width:300px; height:60px; }

/* page-specific */
input[type='submit'], .submit { background-color:#c00; color:#fff; font:bold 15px "trebuchet ms"; border:1px solid #400; padding:0px 15px; -moz-border-radius:8px; cursor:pointer; margin:15px 0px;text-decoration: none;}
input[type='submit']:hover, .submit:hover {background-color:#f00; text-decoration: none;}

/* generic */
.clearleft {clear:left; }
.eof {color:#888; }
.clickable {cursor: pointer; }
.metadata {color:#777; font:11px arial; }
.tip {font:normal 11px arial; color:#777; }
.numeric {text-align:right !important;}

input.pickdate {display:inline; width:70px; }
.printonly {display:none; }
.currency {text-align:right; padding-right:5px; }
/* icons */
.icon16 {width:16px; height:16px; cursor:pointer; font-size:0%; color:#fff; float:left; margin:0px 3px;float: left;padding: 0px !important; }


.icon-locked {background:url(/img/icon16/icon-locked.png) 0px 0px no-repeat;}
.icon-unlock {background:url(/img/icon16/icon-unlock.png) 0px 0px no-repeat;}

.icon-delete,
.icon-remove {width:16px; height:16px; background:url(/img/icon-del.png) -16px 0px no-repeat; display:block; cursor:pointer; font-size:0px; color:#fff; float:left; margin:0px 3px; }
.icon-delete:hover {background:url(/img/icon-del.png) 0px 0px no-repeat; }
.icon-edit {width:16px; height:16px; background:url(/img/icon-edit.png) -16px 0px no-repeat; display:block; cursor:pointer; font-size:0px; color:#fff; float:left; margin:0px 3px; }
.icon-edit:hover {background:url(/img/icon-edit.png) 0px 0px no-repeat; }
.icon-device {width:16px; height:16px; background:url(/img/icon-modem.png) -16px 0px no-repeat; display:block; cursor:pointer; font-size:0px; color:#fff; float:left; margin:0px 3px; }
.icon-device:hover {background:url(/img/icon-modem.png) 0px 0px no-repeat; }
.icon-save {width:16px; height:16px; background:url(/img/icon-save.png) -16px 0px no-repeat; display:block; cursor:pointer; font-size:0px; color:#fff; float:left; margin:0px 3px; }
.icon-save:hover {background:url(/img/icon-save.png) 0px 0px no-repeat; }
.icon-user { background:url(/img/icon16/icon-user.png) 0px 0px no-repeat;}
.icon-complete {width:16px; height:16px; background:url(/img/icon16/select.png) 0px 0px no-repeat; cursor:pointer; font-size:0px; color:#fff; float:left; margin:0px 3px;}

/* 08/17/2010 11:14 */
ul.paginator{
    margin: 0px 1% 0px 0px;
    padding: 0px;
    float: right;
    text-align: right;
}
ul.paginator li 
{
                margin: 0 0 0 4px;
    padding: 0;
    height: 1%;
    float: left;
    list-style: none;
    background: #EBEBEB url("../images/pager.png") repeat-x;
    border-top: 1px solid #DEDEDE;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
    color: #4A4A4A;
    font-weight: bold;
}
ul.paginator li.disabled {padding: 6px; color: #B4B4B4;}

ul.paginator li a {
    margin: 0;
    padding: 6px;
    height: 1%;
    display: block;
    float: left;
    color: #515151;
    text-decoration: none;
}
ul.paginator li a:hover,
ul.paginator li a:active {
    margin: -1px;
    background: #B4B4B4 url("../images/pager_selected.png") repeat-x;
    border-top: 1px solid #CCC;
    border-left: 1px solid #BEBEBE;
    border-right: 1px solid #B1B1B1;
    border-bottom: 1px solid #AFAFAF;
}

ul.paginator li.currentpage  
{
    padding: 6px;
    background: #B4B4B4 url("../images/pager_selected.png") repeat-x;
    border-top: 1px solid #CCC;
    border-left: 1px solid #BEBEBE;
    border-right: 1px solid #B1B1B1;
    border-bottom: 1px solid #AFAFAF;
    color: #515151;
}

table.data td.absolute-index {color:#888; font-style:italic; }

a.page-number {display:block; padding:2px; border:1px solid #444; width:22px; float:left;  text-align:center; margin:3px; text-decoration:none; font:bold 16px arial; -moz-border-radius:3px; -webkit-border-radius:3px;  }
a.page-current { border:1px solid #dec; }
a.page-number:hover {border-color:#ace;}

/* Radio buttons on salesperson commision report */
.rdoClass {vertical-align: top;overflow: hidden;}
/*.lblRdos {font:bold 12px arial; padding-left:5px;}
.lblRdos-opts {font:12px arial; padding-left:5px;}*/
#rdos-butons {padding:5px 0px;}
#rdos-butons label {font:georgia 12px arial; margin-right:10px;}
.rdosHeading {font:25px georgia; color:#234; text-align:left; margin-top:15px; }

.lnk-export {background: url("../images/page_white_excel.png") 0% 0px no-repeat; padding-left: 20px; background-position:left;}

.grid 
{
    border-collapse: collapse;
    outline: 0 none;
    font-size:11px;
    width:99% !important;
}

h1.grid-caption .lnk-export
{
    font:13px arial; float:right; margin-top:10px; margin-right:6px;
}

.grid table 
{
    border: 0 none;
    table-layout: fixed;
    border-collapse:collapse;
    width:100%;    
}
.grid table td 
{
    padding:3px 5px;
    border:solid 1px #ccc;
}

.grid th 
{
    border-collapse: collapse;
}

.grid-header 
{
    overflow-x: hidden;
}

.grid-header table 
{
    margin-bottom:0px;
    display:table;
}

.grid-contents 
{
    overflow-x: auto; 
    overflow-y: scroll; 
    height:600px; 
}
.grid-contents table 
{
    display:table;
    margin:0px;
}
.grid-footer 
{
    
} 
.grid-footer table 
{
    margin-top:0px;
}
.grid-footer table td 
{
    border:none;
}

#inv-printer-toolbar
{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 30px;
    background: #ccc;
    z-index: 10px;
    z-index: 10;
}

#email-status {
    word-wrap: break-word;
}

.lnk-expand {
    padding-left: 23px;
    background: url(../img/icon-expand.png) no-repeat;   
}
.lnk-collapse {
    padding-left: 23px;
    background: url(../img/icon-collapse.png) no-repeat !important;   
}

.no-margin { margin: 0px !important; }
.bright-red,.required { color: #CC0000 !important;}
.red { color: #CC0000;}
.status-label { font-weight: bold;} 
.bright-green,.green { color: #004C20; }

.first-cell { text-align: right;font-weight: bold;}
.payment-instructions  
{
    float: right;
    font: 20px bold arial !important;
    margin-top: 35px !important;
    text-align: center;
    width: 300px;
}
.jq-popup {
    display: none;
}
#payment-instructions p {
    margin: 8px 0px;
}


/*Message Bar Css Starts*/
.msg-bar
{
	color: #FFFFFF;
	display: none;
	font-family: Tahoma;
	font-size: 14px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 3009;
}
.msg-bar table
{
	border-collapse: collapse;
	margin: 0 auto;
}
.msg-bar table td
{
	margin: 0;
	padding: 0;
}
.msg-bar .top-right, .msg-bar .top-left, .msg-bar .bot-left, .msg-bar .bot-right
{
	font-size: 0;
	height: 4px;
	width: 4px;
}
.msg-bar .txt-left, .msg-bar .txt-right, .msg-bar .txt-center
{
	background-color: #6CBF19;
}
.msg-bar .txt-left, .msg-bar .txt-right
{
	width: 4px;
}
.msg-bar .txt-center
{
	font-size: 14px;
	font-weight: bold;
	padding: 0 5px;
}
.msg-bar .top-center, .msg-bar .bot-center
{
	background-color: #6CBF19;
	font-size: 0;
	padding: 0;
}
.msg-bar .top-left
{
	background-color: #6CBF19;
}
.msg-bar .top-right
{
	background-color: #6CBF19;
}
.msg-bar .bot-left
{
	background: url("../img/rc-green.png") no-repeat scroll 0 -4px transparent;
}
.msg-bar .bot-right
{
	background: url("../img/rc-green.png") no-repeat scroll -4px -4px transparent;
}

.error-msg .top-left, .error-msg .top-right, .error-msg .top-center, .error-msg .bot-center, 
.error-msg .txt-right, .error-msg .txt-left, .error-msg .txt-center
{
	background-color: #FF2222;
}
.error-msg .bot-left
{
	background: url("../img/rc.png") no-repeat scroll 0 -4px transparent;
}
.error-msg .bot-right
{
	background: url("../img/rc.png") no-repeat scroll -4px -4px transparent;
}
.msg-bar .msg-title
{
	float: left;
}
.msg-bar .msg-actions
{
	float: left;
}
.msg-bar .msg-actions a
{
	color: #FFFFFF;
	margin-left: 10px;
	text-decoration: underline;
	float: left;
}
.msg-bar .msg-actions #msg-lnk-more
{
	display: none;
}
.msg-bar #msg-alert-details
{
	clear: both;
	display: none;
	line-height: normal;
	width: 100%;
}

.customer_search 
{
    font:bold 16px arial; color:#333; 
    background:url(/img/icon-search.png) 3px center no-repeat; 
    border:2px solid #666; -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    border-radius:10px; 
    padding:2px 2px 2px 20px; 
}

#panel-top-search .customer_search {
    width: 280px;
}
.lnk-print 
{
    padding: 0px 0px 0px 25px;
    background: url(../img/icon16/icon-print.png) no-repeat;
}

.lnk-new 
{
    padding: 0px 0px 0px 25px;
    background: url(../img/icon16/new.png) no-repeat;
}

.lnk-import 
{
    padding: 0px 0px 0px 25px;
    background: url(../img/icon16/icon-import.png) no-repeat;
}

.lnk-credit-cards {
    padding: 0px 0px 0px 28px;
    line-height: 28px;
    display: block;
    
    background: url(../img/icon24/credit-cards.png) no-repeat left center;
}

#livesearch {
    position: absolute;
    right: 10px;
    top: 40px;
}
.searching { background:url(../js/indicator.gif) 2px 4px no-repeat !important;}

.users-selector-wrapper {
    padding: 15px 0px; 
    width:667px;
}
.users-selector-wrapper h4 
{
    margin-bottom: 10px;
    border-bottom: 1px solid #333333;
    padding-bottom: 5px;
    
}
ul.users-selector {
    padding: 10px;
    float: left;    
    background-color: #F0F0EE;
}


ul.users-selector li .chkbox {
    width: 25px !important;
    float: left;
}
ul.users-selector li label {
    float: left;   
}
ul.users-selector li {
    float: left;
    width: 160px;
    text-shadow: 1px 1px 0px #ccc;    
    text-overflow: ellipsis;
    overflow: hidden;
    line-break: strict;
}

.messages-grid tbody .message-unread td
{
    font-weight:bold;
}

/*Messages */
tr.msg-body .msg-box {
    border: 1px solid #333;
    padding: 5px;
    cursor: default;
    
}
.msg-box .msg-box-header
{
    margin-bottom: 15px;
    background-color: #bbb;
    padding: 10px;
     
}

.msg-box .msg-box-body {
    clear: both;
    padding: 5px;
    min-height: 50px;
    background-color: #fff;
}

.msg-box .msg-box-header ul {
    
}
.msg-box .msg-box-header ul li 
{
    float: left;
}
.msg-box .msg-box-header li.label {
    clear: both;
    text-align: right;
    width: 150px;
    font-weight: bold;
    margin-right: 10px;
}
      
.messages-grid tbody tr td 
{
    padding:1px;
    border-bottom:2px solid #DDD;
    height: 16px;
    overflow: hidden;
    cursor: pointer;
}
      
.messages-grid tbody .message-unread td
{
    font-weight:bold;
}
      
.priority-cell span
{
    display:block;
    width:8px;
    float:right;
    height:16px;
}
.priority-cell span.pr-2 
{
    background:url(../img/icon16/high-priority.gif) 0px 4px no-repeat;
}
.priority-cell span.pr-0 
{
    background:url(../img/icon16/low-priority.gif) 0px 4px no-repeat;
}
.sender-cell 
{
    width:150px;
    
}
.subject-cell 
{
          
}  
.date-cell 
{
    width: 150px;
    text-align:right !important;
}
.priority-cell 
{
    width:25px;
    padding:     0px;
}
.clear {
    clear: both;
}

.full-width-mc {
    width: 940px !important;
}

.roles-wrapper {
    padding: 10px;   
}

.lbl-configuration {
    border-bottom: 1px solid #919191;
    padding: 0px 0px 6px 30px;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    font-size: 16px;
    background: url(../img/icon-configuration.png) no-repeat;
    width: auto;
}

.permissions-wrapper {
    min-height: 400px;
    margin-top: 5px;
}

.role-resources-group-title {
    background: url(../img/icon-collapse.png) 0px 0px no-repeat;
    padding-left: 20px;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
}
.role-resources-group-title ul li {
    background-color: #EDEFF4;
    border-bottom: 1px solid #E5EAF1;
    margin-top: 2px;
    padding: 10px 5px 4px 10px;
}

.role-resources-title {
    color: #616060;
    font-weight: bold;
    background: url(../img/checkbox.png) bottom left no-repeat;
    padding-left: 18px;
    height: 13px;
    line-height: 13px;
    
}
.role-resource p {
    font-size: 10px;
    color: #546E9E;
    font-weight: normal;
    margin: 8px 0px;
}

.title-closed {
    padding-left: 20px;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
    background: url(../img/icon-expand.png) 0px 0px no-repeat;
}

.title-closed ul {
    display: none;
}
.role-resource-uncheck .role-resources-title {
    background-position: top left;
}
#resellersUserSearch {
 /*   display: none;*/
}

table thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	cursor: pointer;
}

table thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
	background-repeat:no-repeat;
}
table thead tr .headerSortDown 
{
	background-image: url(../images/desc.gif);
	background-repeat:no-repeat;

}

.right-col-notices
{
    height:300px;
    overflow:auto;   
}
.right-col-notices li {
    border-bottom: 1px solid #CCCCFF;
    color: #333333;
    font: bold 11px arial,verdana;
    margin: 0;
    padding: 6px 3px;
}

.btn-pay-now {
    font-family: trebuchet ms;
    font-size: 20px;
    font-weight: bold;
    height: 65px;   
    width: 190px;
}
  
  
table.data thead th.sortable {color:#009; cursor:pointer;}
table.data thead th.sortable:hover {background-color:#ccf; }

ul#validation-summary {
    padding: 10px; 
    list-style-type: disc !important;
    color: red;
}
ul#validation-summary li {
    list-style-type:disc !important;
    color: red;
    list-style-position: outside;
    padding: 3px 10px;
    
}

.paypal-paynow {
    clear: both;
    display: block;
    height: 42px;
    margin: 10px 0px;
}
.lbl-lockedx32 {
    padding-left: 35px;
    background: url(../img/icon32/locked.png) left center no-repeat;
}

.notif-counter {
    float: right;
    margin-top: -8px;
    margin-right: -8px;
    
    background:-webkit-gradient(linear, center top, center bottom, from(#fa3c45), to(#dc0d17));
    background:-webkit-linear-gradient(top, #fa3c45, #dc0d17);
    background: -moz-linear-gradient(center top , #FA3C45, #DC0D17) repeat scroll 0 0 rgba(0, 0, 0, 0);
    
    border:none;
    -webkit-border-radius:2px;
     border-radius: 2px;
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    font-family:"Helvetica Neue", Helvetica, Arial, "segoe ui",tahoma,sans-serif;
    font-size:10px;-webkit-font-smoothing:antialiased;
    font-weight:bold;
    height:14px;line-height:14px;
    min-width:12px;
    padding:0 3px;
    text-align:center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    color: #ffffff;
}

.alert {border-width: 1px;padding: 15px;margin: 10px 0px;width: 95%;  }
.alert hr {border-top: none; border-bottom: 1px dashed;margin: 5px 0px 8px; }
.alert-warning {background-color: #fcf8e3;border-color: #faebcc;color: #8a6d3b;}
.alert-error { background-color: #f2dede; border-color: #ebccd1;color: #a94442;}
.alert-info { background-color: #d9edf7;border-color: #bce8f1;color: #31708f;}
.pos-rel { position: relative;}
.spp-badge-tr {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 11px;
    color: #777;
    background-color: #e9e6f7;
    padding: 2px 5px 2px;
    min-width: 50px;
    text-align: center;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.lnk-plan-title {width: 240px;display: inline-block;text-overflow: ellipsis;height: 16px;overflow: hidden;white-space: nowrap;}


.online-agents {max-height: 80px; overflow: hidden;background-color: rgba(240,240,240,0.9);/* position: fixed; */width: 930px;z-index: 1001px;z-index: 1001;margin: 0px auto;font-family: monospace;padding: 5px;}

.agents-bar-item {
    float: left; padding: 2px 0px 3px 14px;margin:0px 2px;text-decoration: none;color: #000000;overflow: hidden; max-width: 55px; text-overflow: ellipsis;
    background: url(../img/icon16/status-active.png) no-repeat left center;
}

.inactive.agents-bar-item {
    background: url(../img/icon16/status-inactive.png) no-repeat left center;
}

.active.agents-bar-item {
    
}

.agents-bar-item:hover{ background-color: #ddddee !important;}

.blue { color: blue;}
.high { color: red !important;}
.normal { color: blue !important;}
.input-error-msg {color:red; padding:0px 5px; display:none;}