/********************************      Basic Structure      ********************************/
html {
    font-size: 100%;
    height: 100%;
    margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    background:  url("images/body-bg.png") ;
    font-size: 12px;
}

#body-wrapper {
    /*background: url('images/bg-radial-gradient.gif') fixed 230px top no-repeat;*/
}

/********************************      Elements styling      ********************************/
h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
    color: #222;
    font-weight: bold;
}

h1 {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-size: 31px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: -1000px; /* Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */
}

h2 {
    font-size: 26px;
    padding: 0 0 10px 0;
}

h3 {
    font-size: 17px;
    padding: 0 0 10px 0;
}

h4 {
    font-size: 16px;
    padding: 0 0 5px 0;
}

h5 {
    font-size: 14px;
    padding: 0 0 5px 0;
}

h6 {
    font-size: 12px;
    padding: 0 0 5px 0;
}

a {
    
    text-decoration: none;
}

a:hover {
    
}

a:active {
    
}

a:focus {
    outline: 1px;
}

strong {
    font-weight: bold;
    color: #333;
}

small {
    font-size: 0.85em;
}

pre {
    font-family: monospace;
}

p {
    padding: 5px 0 10px 0;
    line-height: 1.6em;
}

/********************************      General Classes      ********************************/
.clear {
    clear: both;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

/************ Button ************/
.button {
    font-family: Verdana, Arial, sans-serif;
    display: inline-block;
    background: #f8a230 url('/media/images/superfax/green-theme/bg-button-red.gif') top left repeat-x  !important;
    border: 1px solid #d47801 !important;
    padding: 4px 7px 4px 7px !important;
    color: #333 !important;
    font-size: 11px !important;
    cursor: pointer;
    width: 140px;
    text-align: center;
}

.button:hover {
    text-decoration: none;
    font-weight: bold;
}

.button:active {
    padding: 5px 7px 3px 7px !important;
}

a.more {
    color: #bb0000;
}

a.more:hover {
    color: #000;
}

.short-button {
    font-family: Verdana, Arial, sans-serif;
    display: inline-block;
    background: #931800 url('/media/images/superfax/red-theme/bg-button-red.gif') top left repeat-x !important;
    border: 1px solid #931800 !important;
    padding: 4px 7px 4px 7px !important;
    color: #fff !important;
    font-size: 11px !important;
    cursor: pointer;
    width: 70px;
    text-align: center;
}

.short-button:hover {
    text-decoration: none;
    font-weight: bold;
}

.short-button:active {
    padding: 5px 7px 3px 7px !important;
}

/********************************      Sidebar      ********************************/
#sidebar {
    /*background: url('/media/images/superfax/green-theme/bg_main.jpg') top left no-repeat; position: absolute;*/
    width: 230px;
    height: 100%;
   
    left: 0;
    top: 0;
    color: #888;
    font-size: 11px;
}

#sidebar #sidebar-wrapper {
        /*background: url('/media/images/superfax/green-theme/bg_main.jpg') top left no-repeat;*/
    margin: 0 0 0 9px;
	position:absolute;
}

#sidebar a, #sidebar a:active {
    color: #fff;
}

#sidebar a:hover {
    color: #fff;
}

#sidebar #sidebar-title {
    margin: 40px 0 40px 15px;
}

#sidebar #logo {
    margin: 40px 0 40px 0;
}

#sidebar #profile-links {
	font:Arial, Helvetica, sans-serif;
    padding: 0 0 10px 2px;
    text-align: left;
    line-height: 1.5em;
    font-size: 13px;
    color:#7e7544;
	margin-top:80px;
}

/************ Sidebar Accordion Menu ************/
#sidebar #main-nav {
    
}

#sidebar #main-nav li {
    list-style: none;
    text-align: left;
	border-bottom:1px solid #ececec;
}
#sidebar #main-nav li:last-child {
	border-bottom:0;
}

#sidebar #main-nav li a.nav-top-item {
    /*background: transparent url('images/bg-menu-item-red.gif') right center no-repeat;*/ /* Background image for default color scheme - red */
    padding: 5px 20px 5px 5px;
    color: #9a9a9a;
    font-size: 13px;
    font-weight:bold;
    cursor: pointer;
    display: block;
    text-decoration: none;
	text-align:center;
}
/*.getmore_star:after{
	background: transparent url('images/star_get_more.png') right top no-repeat;content: "";
    height: 25px;
    position: absolute;
    width: 25px;margin-top:-2px;
}*/
#sidebar #main-nav li a.current {
    background-image: url('images/bg-menu-item-current.gif') !important;
    color: #fff;
    font-weight: bold;
}

#sidebar #main-nav li a.current:hover {
    color: #fff;
}

#sidebar #main-nav ul {
    padding: 0;
    font-size: 12px;
    margin: 0;
}

#sidebar #main-nav ul li {
    list-style: none;
    margin: 0;
    text-align: right;
    padding: 0;
}

#sidebar #main-nav ul li a {
    padding: 8px 15px;
    display: block;
    color: #aaa;
    font-size: 13px;
    line-height: 1.2em;
}

#sidebar #main-nav ul li a:hover, #sidebar #main-nav ul li a.current, #sidebar #main-nav ul li a.current:hover {
    color: #fff;
}

#sidebar #main-nav ul li a.current {
    background: transparent url('/media/images/superfax/menu-current-arrow.gif') right center no-repeat !important;
}

/*----------icon class for menus --------------*/
.dashboard_icon, .receptionist_icon , .call_logs_icon, .manage_customer_icon , .resource_icon , .admin_icon{
	display:block;
	height:30px;
}
.dashboard_icon {
	background: url('/media/css/sr/green-theme/images/dashboard.png') center center no-repeat !important;
}
.receptionist_icon {
	background: url('/media/css/sr/green-theme/images/my-receptionist.png') center center no-repeat !important;
}
.call_logs_icon {
	background: url('/media/css/sr/green-theme/images/calllogs.png') center center no-repeat !important;
}
.resource_icon {
	background: url('/media/css/sr/green-theme/images/resource-left-nav.png') center center no-repeat !important;
}
.manage_customer_icon {
	background: url('/media/css/sr/green-theme/images/manage-customer.png') center center no-repeat !important;
}
.admin_icon {
	background: url('/media/css/sr/green-theme/images/admin-icon.png') center center no-repeat !important;
}

/************ Messages ************/
#messages p, #messages form {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

#messages h4 {
    padding: 10px 0;
}

#messages fieldset {
    margin: 0;
}

#messages textarea {
    margin: 0 0 15px 0;
}

/********************************      Main Content      ********************************/
/************ Layout ************/

#main-content {
    margin: 0 30px 0 230px;
    padding: 0px 0 0 0;
	position:relative;
	z-index:1;
}
#right {
    min-height: 380px;
}
.column-left {
    width: 48%;
    float: left;
}

.column-right {
    width: 48%;
    float: right;
}

#page-intro {
    font-size: 17px;
    padding: 0 0 20px 0;
}

#footer {
    border-top: 1px solid #ccc;
    margin: 40px 0 0 0;
    padding: 20px 0;
    font-size: 12px;
}

/************ Lists ************/
#main-content1 ul, #main-content ol {
    padding: 10px 0;
}

/* Unordered List */
#main-content1 ul li {
    background: url('/media/images/superfax/icons/bullet_black.png') center left no-repeat;
    padding: 4px 0 4px 20px;
}

/* Ordered List */
#main-content ol {
    padding: 0 0 0 24px;
}

#main-content ol > li {
    list-style: decimal;
    padding: 4px 0;
}

/*************** Content Box ***************/
.content-box {
   /* border: 1px solid #d7c368;
    margin: 0 0 20px 0;
    background: #fff; */
}

.content-box-header {
    background: #e5e5e5 url('images/bg-content-box.gif') top left repeat-x;
    margin-top: 10px;
    height: 40px;
}

.content-box-header h3 {
    padding: 12px 15px 10px;
    float: left;
    font-size:15px;
}

.content-box-header-power {
    background: #e5e5e5 url('images/bg-content-box.gif') top left repeat-x;
    margin-top: 0;
    height: 40px;
}

.content-box-header-power h3 {
    padding: 12px 15px 10px;
	color:#fff;
	text-shadow:0 0 3px rgba(0,0,0,0.2);
    float: left;
}

ul.content-box-tabs {
    float: right;
    padding: 6px 15px 0 0 !important;
    margin: 0 !important;
}

ul.content-box-tabs li {
    float: left;
    margin: 0;
    padding: 0 !important;
    background-image: none !important;
}

ul.content-box-tabs li a {
    color: #fff;
    padding: 8px 10px;
    display: block;
    margin: 1px;
    border-bottom: 0;
}

ul.content-box-tabs li a:hover {
    color: #931800;
}

ul.content-box-tabs li a.current {
     background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    margin: 0;
}

.content-box-content {
    padding: 20px;
    font-size: 13px;
    border-top: 1px solid #ccc;
}

/************ Table ************/
#main-content table {
    margin-bottom: 10px;
    width: 100%;
    border: transparent;
    border-collapse: collapse;
    text-align: center;
}

#main-content table thead th {
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
}

#main-content tbody {
    border-bottom: 1px solid #ddd;
}

#main-content tbody tr {
    text-align:left;
}
#main-content tbody tr td {
    padding: 5px 0;
}
#gview_cdrgrid .jqgfirstrow  td {
    padding: 0;
}
.LogsRecordingWrapper  #pager td {
	padding:0 ;
}
#main-content tbody tr.alt-row {
    background: #f3f3f3;
}

/*#main-content table td, #main-content table th {
    padding: 3px 7px 3px 0;
    line-height: 18px;
}*/

#main-content table tfoot td .bulk-actions {
    padding: 15px 0 5px 0;
}

#main-content table tfoot td .bulk-actions select {
    padding: 4px;
    border: 1px solid #ccc;
}

/*************** Pagination ***************/
#main-content .pagination {
    text-align: right;
    padding: 20px 0 5px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.pagination a {
    margin: 0 5px 0 0;
    padding: 3px 6px;
}

.pagination a.number {
    border: 1px solid #ddd;
}

.pagination a.current {
    background: #469400 url('/media/images/superfax/red-theme/bg-button-red.gif') top left repeat-x !important;
    border-color: #931800 !important;
    color: #fff !important;
}

.pagination a.current:hover {
    text-decoration: underline;
}

/************ Shortcut Buttons ************/
.shortcut-button {
    border: 1px solid #ccc;
    background: #f7f7f7 url('/media/images/superfax/shortcut-button-bg.gif') top left no-repeat;
    display: block;
    width: 120px;
    margin: 0 0 20px 0;
}

.shortcut-button span {
    border: 1px solid #fff;
    display: block;
    padding: 15px 10px 15px 10px;
    text-align: center;
    color: #555;
    font-size: 13px;
    line-height: 1.3em;
}

.shortcut-button span img {
    margin-bottom: 10px;
}

.shortcut-button:hover {
    background: #fff;
}

.shortcut-button span:hover {
    color: #931800;
}

ul.shortcut-buttons-set li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 !important;
    background: 0;
}

/*************** Forms ***************/
form label {
    display: block;
    padding: 0 0 10px;
    font-weight: bold;
}

span.formwrapper label {
    display: inline;
    padding: 0 0 10px;
    font-weight: bold;
}

form fieldset legend {
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 10px;
}

form p small {
    font-size: 0.75em;
    color: #777;
}

form input.text-input, form select, form textarea, form .wysiwyg,  {
    padding: 6px;
    font-size: 13px;
    background: #fff url('/media/images/superfax/bg-form-field.gif') top left repeat-x;
    border: 1px solid #d5d5d5;
    color: #333;
}

form .small-input {
    width: 25%;
}

form .small-input-select {
    width: 26.5%;
}

form .medium-input {
    width: 50% !important;
}

form .large-input {
    width: 97.5% !important;
    font-size: 16px !important;
    padding: 8px !important;
}

form textarea {
    width: 97.5% !important;
    font-family: Arial, Helvetica, sans-serif;
}

form select {
    padding: 4px;
    background: #fff;
}

form input[type =
"checkbox"], form input[type = "radio"] {
    padding: 0;
    background: none;
    border: 0;
}

/*************** Notifications ***************/
.notification {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0;
    border: 1px solid;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    width: 99.8%;
}

.attention {
    background: #fffbcc url('/media/images/superfax/icons/exclamation.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}

.information {
    background: #e8fdc4 url('/media/images/superfax/icons/information.png');
    border-color: #b8dd7a;
    color: #585b66;
}

.success {
    background: #d5ffce url('/media/images/superfax/icons/tick_circle.png');
    border-color: #9adf8f;
    color: #556652;
}

.error {
    background: #ffcece url('/media/images/superfax/icons/cross_circle.png');
    border-color: #df8f8f;
    color: #665252;
}

.notification div {
    display: block;
    font-style: normal;
    padding: 10px 10px 10px 36px;
    line-height: 1.5em;
}

.notification .close {
    color: #990000;
    font-size: 9px;
    position: absolute;
    right: 5px;
    top: 5px;
}

/* Notification for form inputs */
.input-notification {
    background-position: left 2px;
    background-repeat: no-repeat;
    padding: 2px 0 2px 22px;
    background-color: transparent;
    margin: 0 0 0 5px;
}

/* Notification for login page */
#login-wrapper #login-content .notification {
    border: 0;
    background-color: #141414;
    color: #fff !important;
}

/********************************      Login Page      ********************************/
body#login {
    color: #fff;
    background: #222 url('/media/images/superfax/bg-login.gif');
}

#login-wrapper {
    background: url('/media/images/superfax/bg-login-top.png') top left repeat-x;
}

#login-wrapper #login-top {
    width: 100%;
    padding: 140px 0 50px 0;
    text-align: center;
}

#login-wrapper #login-content {
    text-align: left;
    width: 300px;
    margin: 0 auto;
}

#login-wrapper #login-content label {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    float: left;
    width: 70px;
    padding: 0;
}

#login-wrapper #login-content input {
    width: 200px;
    float: right;
    margin: 0 0 20px 0;
    border: 0;
    background: #fff;
}

#login-wrapper #login-content p {
    padding: 0;
}

#login-wrapper #login-content p#remember-password {
    float: right;
}

#login-wrapper #login-content p#remember-password input {
    float: none;
    width: auto;
    border: 0;
    background: none;
    margin: 0 10px 0 0;
}

#login-wrapper #login-content p .button {
    width: auto;
    margin-top: 20px;
}

/********************************      jQuery plugins styles      ********************************/
/*************** Facebox ***************/
#facebox .b {
    background: url(/media/images/superfax/b.png);
}

#facebox .tl {
    background: url(/media/images/superfax/tl.png);
}

#facebox .tr {
    background: url(/media/images/superfax/tr.png);
}

#facebox .bl {
    background: url(/media/images/superfax/bl.png);
}

#facebox .br {
    background: url(/media/images/superfax/br.png);
}

#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: left;
}

#facebox .popup {
    position: relative;
}

#facebox table {
    border-collapse: collapse;
}

#facebox td {
    border-bottom: 0;
    padding: 0;
}

#facebox .body {
    padding: 10px;
    background: #fff;
    min-width: 600px;
}

#facebox .loading {
    text-align: center;
}

#facebox .image {
    text-align: center;
}

#facebox img {
    border: 0;
    margin: 0;
}

#facebox .footer {
    border-top: 1px solid #DDDDDD;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0;
}

#facebox_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.facebox_hide {
    z-index: -100;
}

.facebox_overlayBG {
    background-color: #000;
    z-index: 99;
}

/*************** jQuery WYSIWYG ***************/
div.wysiwyg {
    border: 1px solid #cccccc;
    padding: 5px;
    background-color: #ffffff;
    width: 97.5% !important;
}

div.wysiwyg * {
    margin: 0;
    padding: 0;
}

div.wysiwyg ul.panel {
    border-bottom: 1px solid #cccccc;
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
}

div.wysiwyg ul.panel li {
    list-style-type: none;
    float: left;
    margin: 0 2px;
    padding: 0 !important;
    background: #ffffff;
    background-image: none !important;
}

div.wysiwyg ul.panel li.separator {
    height: 16px;
    margin: 0 4px;
    border-left: 1px solid #cccccc;
}

div.wysiwyg ul.panel li a {
    display: block;
    padding: 0 !important;
    width: 16px;
    height: 16px;
    background: url('/media/images/superfax/icons/jquery.wysiwyg.gif') no-repeat -64px -80px;
    border: 0;
    cursor: pointer;
    padding: 1px;
}

div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {
}

div.wysiwyg ul.panel li a.active {
    background-color: #f9f9f9;
    border: 1px solid #cccccc;
    border-left-color: #aaaaaa;
    border-top-color: #aaaaaa;
    padding: 0;
}

div.wysiwyg ul.panel li a.bold {
    background-position: 0 -16px;
}

div.wysiwyg ul.panel li a.italic {
    background-position: -16px -16px;
}

div.wysiwyg ul.panel li a.strikeThrough {
    background-position: -32px -16px;
}

div.wysiwyg ul.panel li a.underline {
    background-position: -48px -16px;
}

div.wysiwyg ul.panel li a.justifyLeft {
    background-position: 0 0;
}

div.wysiwyg ul.panel li a.justifyCenter {
    background-position: -16px 0;
}

div.wysiwyg ul.panel li a.justifyRight {
    background-position: -32px 0;
}

div.wysiwyg ul.panel li a.justifyFull {
    background-position: -48px 0;
}

div.wysiwyg ul.panel li a.indent {
    background-position: -64px 0;
}

div.wysiwyg ul.panel li a.outdent {
    background-position: -80px 0;
}

div.wysiwyg ul.panel li a.subscript {
    background-position: -64px -16px;
}

div.wysiwyg ul.panel li a.superscript {
    background-position: -80px -16px;
}

div.wysiwyg ul.panel li a.undo {
    background-position: 0 -64px;
}

div.wysiwyg ul.panel li a.redo {
    background-position: -16px -64px;
}

div.wysiwyg ul.panel li a.insertOrderedList {
    background-position: -32px -48px;
}

div.wysiwyg ul.panel li a.insertUnorderedList {
    background-position: -16px -48px;
}

div.wysiwyg ul.panel li a.insertHorizontalRule {
    background-position: 0 -48px;
}

div.wysiwyg ul.panel li a.h1 {
    background-position: 0 -32px;
}

div.wysiwyg ul.panel li a.h2 {
    background-position: -16px -32px;
}

div.wysiwyg ul.panel li a.h3 {
    background-position: -32px -32px;
}

div.wysiwyg ul.panel li a.h4 {
    background-position: -48px -32px;
}

div.wysiwyg ul.panel li a.h5 {
    background-position: -64px -32px;
}

div.wysiwyg ul.panel li a.h6 {
    background-position: -80px -32px;
}

div.wysiwyg ul.panel li a.cut {
    background-position: -32px -64px;
}

div.wysiwyg ul.panel li a.copy {
    background-position: -48px -64px;
}

div.wysiwyg ul.panel li a.paste {
    background-position: -64px -64px;
}

div.wysiwyg ul.panel li a.increaseFontSize {
    background-position: -16px -80px;
}

div.wysiwyg ul.panel li a.decreaseFontSize {
    background-position: -32px -80px;
}

div.wysiwyg ul.panel li a.createLink {
    background-position: -80px -48px;
}

div.wysiwyg ul.panel li a.insertImage {
    background-position: -80px -80px;
}

div.wysiwyg ul.panel li a.html {
    background-position: -48px -48px;
}

div.wysiwyg ul.panel li a.removeFormat {
    background-position: -80px -64px;
}

div.wysiwyg ul.panel li a.empty {
    background-position: -64px -80px;
}

z div.wysiwyg iframe {
    border: 0;
    margin: 5px 0 0 0;
    clear: left;
    width: 97.5% !important;
}


/*===========================TOP NAVIGATION===================*/
#top_nav{
    display:block;  clear:both; height:30px;  margin:0 0 0 30%; font-size:11px;
}
#top_nav .center_div{
    /*margin-top:10px;*/
}
#top_nav .center_div ul{
	text-align:right;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	
	text-shadow: 0 1px 2px rgba(183, 183, 183, 0.59);
	display: inline;
	padding:5px 15px;
	background: #ececec ;
	border: 1px solid #d8d8d8;
	border-bottom: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);
	-o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);*/
}
#top_nav .center_div ul li{
    display:inline; margin:0; padding:6px;
}
#top_nav .center_div ul li a{
   color: #fff;
   padding:0 5px;
   margin-top:-8px;
   font-size:14px;
}
#top_nav .center_div ul li a:hover{
	color: #f3f3f3;
}



/*---------------------RATE CARD------------------------------*/
.rate-box-content {
    padding: 20px;
    font-size: 13px;
    border-top: 1px solid #ccc;
}
.alpha_link{
    font-size:12px; color:#333; font-weight:bold; text-alin:center; display:block;
}

.alpha_link a{
    color:#333; margin:0 0 0 4px; display:inline-block; padding:0 2px;
}
.alpha_link a:hover{
    color:#78b401; font-size:12px; padding:0 2px; margin:0 0 0 4px;
}
.country_table table{
    font-size:12px; text-align:center; border:none 0; color:#333;
}
#main-content .country_table table tr tbody{
    border:transparent;
}
.country_table tr strong{
    display:block; margin:0 0 0 0; padding:2% 0 0 0;
}
.country_table ul{
     margin:0 0 0 0; padding:0;
}
.country_table ul li{
     margin:0 0 5px 0; padding:0;
}



/*==================================FAQ=======================================*/




#wrapper {
 width: 915px;
 margin:20px 0 0 10px; padding:0;
 }

.accordionButton {
background:url(/media/images/superfax_demo/plus.png) no-repeat 850px center;
 width: 915px;
 float: left;
 _float: none; /* Float works in all browsers but IE6 */
 /*background: #003366;*/
 border-bottom: 1px dashed #d6d5d6;
 cursor: pointer;
 font-size:12px;
 font-weight:bold;
 line-height:22px;
 color:#333;
 text-align:left;
 padding:5px;
 margin:0;
 }

.accordionContent {
 width: 890px;
 float:left;
 _float: none; /* Float works in all browsers but IE6 */
 /*background: #95B1CE;*/
 font-size:12px;
 color:#333;
 line-height:22px;
 text-align:left;
 margin:5px 0 15px 25px;
 padding:0 0 10px 5px;
 }
 .accordionContent a {
 color:#0aa2e9;
 }
 .accordionContent a:hover {
 text-decoration:none;
 }
/***********************************************************************************************************************
206 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
207************************************************************************************************************************/

.on {
 background:url(/media/images/superfax_demo/minus.png) no-repeat 850px center;
 }

.over {
 /*background: #CCCCCC;*/
 }
 




/*===================ERROR MSG===============================*/
form p{
    position:relative;
    display:block;
}
.error_msg{
    display:block;
    float:left;
    width:260px;
    height:20px;
    left: 735px;
    top: 423px;
    z-index:9999;
    margin:-38px 0 0 490px;
    padding:0;
}
.error_msg span{
    background:url(/media/images/superfax/cross.jpg) no-repeat;
    display:block; width:16px; height:16px; float:left; margin:9px 0 0 0;
}
.error_msg div{
    background:url(/media/images/superfax/message_bubble.jpg) no-repeat;
    display:block; width:207px; height:36px; float:left; margin:0 0 0 5px; font-size:10px; color:#999; padding:2px 0 0 20px; line-height:16px;
}
.error_msg div b{
    color:#CB2326; 
}

.error_msg_checkmark{
    display:block;
    float:left;
    width:260px;
    height:20px;
    left: 735px;
    top: 423px;
    z-index:9999;
    margin:-38px 0 0 490px;
    padding:0;
}
.error_msg_checkmark span{
    background:url(/media/images/superfax/check.jpg) no-repeat;
    display:block; width:16px; height:16px; float:left; margin:9px 0 0 0;
}
.error_msg_checkmark div{
display:none;
}


.link_style{
    background:url(/media/images/superfax/links_images.png) no-repeat 0 0;
    display:block; float:left; width:130px; text-decoration:underline;
    font-size:12px; color:#333; margin:3px 0 0 10px; font-weight:bold; padding:0 0 0 25px
}

.link_new_user{
    background:url(/media/images/superfax/links_images.png) no-repeat 0 -20px;
    display:block; float:right; width:130px; text-decoration:underline; height:20px;
    font-size:12px; color:#333; margin:0px 200px 0 10px; font-weight:bold; padding:0 0 0 25px
}

/*------------------Invitation-------------------------------*/

.invitation_left{
  width:40%; border-right:1px dashed #d5d6d4; padding:10px 8px; float:left;
}
.invitation_right{
  width:40%; padding:10px 8px; float:left; margin:0 0 0 35px;
}

.invitaion_wrapper{
  width:500px;
  background:#eeeeee;
  border:2px solid #b8b8b7;
  margin:0 auto;
  position:relative;
  z-index:10000;
  top:58px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  padding:10px;
  font-size:12px;
  color:#333;
  overflow:hidden;
 }
  .invitaion_top_heading{
 background:#acd468;
 border:1px solid #b8b8b7;
 margin:0 auto;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 padding:5px ;
 font-size:15px; 
 color:#333;
 margin:0 0 20px 0;
 position:relative;
 }
 .invitaion_top_heading a {
  width:20px; display:block; margin:0 0 0 460px; padding:0; float:left; position:absolute; top:2px;
 
 }
 .invitaion_top_heading a img{
   border:none; margin:0; padding:0;
 }
 
 .email_list_container{
   background:#e4e1e1;
   height:350px;
   font-size:12px;
   color:#666;
   overflow:auto;
   margin:10px 0 0 0;
   border:1px solid #dcd9d9;
   padding:10px 15px;
 }
  .email_list_container table td{
    padding:7px 0;
  }
.ManageTollFree_Top {
	border-bottom:1px solid #DCDCDC;
}
.ManageTollFree_Top span {
	display:inline-block;
}
.ManageTollFree_Top span input {
	width:200px;
}
.NewTollFree {
	white-space:nowrap;
	float:right;
}
.CallLogs_Option {
	line-height:40px;
	margin-left:20px;
	border-top:1px solid rgba(0,0,0,0.1);
}
.CallLogs_Option a{
	padding:4px 12px 4px 12px;
	color: #666;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.59);
	font-size: 12px;
	display: inline;
	position: relative;
	margin: 0px 1px 0px 1px;
	background: #ececec;
	outline: none;
	border: 1px solid #d8d8d8;
	border-bottom: 1px solid #ccc;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 12px 11px rgba(255, 255, 255, 0.57);
}
.CallLogs_Option a:hover {
	color: #888;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.69);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 12px 11px rgba(255, 255, 255, 0.75);
}
.CallLogs_Option_active{
	color: #696969 !important;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.53) !important;
	border: 1px solid #d2d2d2 !important;
	border-bottom: 1px solid #d8d8d8 !important;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.58), inset 0px 1px 6px rgba(0, 0, 0, 0.32), inset 0px -12px 11px rgba(255, 255, 255, 0.20) !important;
}

.calllogs_data {
	margin-left:20px;
}
.Cl_radio {
	

}
.ashgfjhasgfhah {
	border:5px solid red !important;
	
}
.user-data a {

}
.user_image_admin img {
	
}
.ui-state-active a:link {
	color:#000 !important;
}
.align_left {
	text-align:left;
}
.account-expired {
	background-color: rgb(255, 239, 239);
	color: rgb(255, 0, 0);
	font-weight: bold;
	font-size: 12px !important;
	padding: 0 3px;
	border-radius: 3px;
	height: 24px;
	border: 1px solid rgb(148, 15, 15);
	text-shadow:0 1px 0 rgba(0,0,0,0.1);
	box-shadow:0 1px 1px rgba(255, 0, 0, 0.58) inset;
}
/* styles for click to call panel */
.C2C_Panel {
	border:1px solid #ccc;
	width:160px;
	margin-left:50px;
margin-top:10px;
	border-radius:5px;
	background:#fff;
	box-shadow:0 1px 6px rgba(0,0,0,0.1);
}
.C2C_Panel > h3 {
	background:#6b6b6b;
    color: #FFF;
	text-indent:10px;
    font-size: 13px;
    line-height: 31px;
    padding: 0;
	border-radius:3px 3px 0 0;
}
 .C2C_Panel select {
	border: 1px solid rgba(0, 0, 0, 0.3);
    height: 26px;
    line-height: 26px;
    width: 151px;
	padding:2px;
}
.C2C_Panel input {
}
.C2C_Panel > ul > li {
    margin: 0 auto;
    width: 94%;
}
.c2c_li_height {
    /*line-height: 32px;*/
    padding-bottom: 6px;
}
.num_pad {
	width:147px;
	
	margin:0 auto;
	height:120px;
}
.num_pad li {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #e7e7e7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e7e7e7));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e7e7e7 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#e7e7e7 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#e7e7e7 100%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#e7e7e7 100%);
    border: 1px solid #BBBBBB;
    display: inline-block;
    float: left;
    height: 28px;
    margin-left: -2px;
    margin-top: -1px;
    width: 49px;
	overflow:hidden;
	-moz-transition:all 0.06s linear;
}
.num_pad li:hover {
	background: #f2f2f2;
background: -moz-linear-gradient(top,  #f2f2f2 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f4f4f4 100%);
background: -o-linear-gradient(top,  #f2f2f2 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top,  #f2f2f2 0%,#f4f4f4 100%);
background: linear-gradient(to bottom,  #f2f2f2 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f4f4f4',GradientType=0 );

}
.num_pad li:active {
	box-shadow:0 2px 4px rgba(0,0,0,0.4) inset;
}
.empty_pad , .empty_pad:hover , .empty_pad:active {
	background: #f2f2f2 !important;
	box-shadow: 0 0 0 !important;
}
.num_pad li a {
    height: 28px;
    width: 48px;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	color:#2c2c2c !important;
	font-weight:bold;
	text-shadow:0 1px 1px rgba(0,0,0,0.03);
}

.call-button {
	background: #fecd99;
	color:#252525 !important;
	display: block;
    margin: 3px 0 5px;
    text-align: center;
	font-weight:bold;
	width:149px;
	line-height:31px;
	transition:all 0.1s linear;
}
.call-button:hover {
	background: #fddcba;
}
.number_display_wrap {
position:relative;
height: 23px;
    margin-top: 3px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	padding-top:5px;
	width:149px;
}
.remove_number {
	background: url("images/correct_number.png") no-repeat scroll 0 9px / 15px 10px transparent;
    display: inline-block;
    height: 25px;
    position: absolute;
    right: -10px;
	top:0;
    width: 25px;
	opacity:0.6;
	cursor:pointer;
	transition:all 0.1s linear;
}
.remove_number:hover {
	opacity:1;
}
.c2c_enter_number {
 border: 0 none;
    left: 40px;
    position: absolute;
    top: 4px;
    width: 105px;
font-size:12px;

}
.number_display_wrap  a {
	color:rgba(0,0,0,0.8) !important;
}
.mar_top {
margin-top:5px !important;
}
.number_display_wrap::selection {
	background:rgba(0,0,0,0.01);
}
.numpad_digits {
	display:none;
}
.numpad_digits_show {
	display:block;
}
.show_digit_link {
	line-height: 24px;
    margin-bottom: -5px;
    text-align: right;
}
.show_digit_link a {
	color:#1172cc !important;
	line-height: 20px;
	font-size:13px;
    padding-right: 3px;
}
#tabs, .content-box {
	box-shadow:0 0 5px rgba(0,0,0,0.1);
	border: 1px solid #B1B1B1;
    border-radius: 5px ;

}
.main-nav-initial {
	width: 185px;
    padding: 0;
    margin: 0 0 0 50px;
    font-family: Helvetica, Arial, sans-serif;
	background: #fff;
	border-radius:5px;
	border:1px solid #b1b1b1;
	box-shadow: 0 0 5px rgba(0,0,0,0.1) , 0 0 4px rgba(0,0,0,0.1) inset;
	opacity:0;
	-moz-transition:all 0.4s linear;
}
.main-nav-slide {
	opacity:1;
}
#user_plan_tabs > ul, #tabs > ul{
	background:#f2f0f0 ;
	border:0px;
	padding:0;
	line-height:28px;
	border-radius:5px 5px 0 0;
}
#user_plan_tabs > ul li.ui-tabs-selected  a , #tabs > ul li.ui-tabs-selected  a, #tabs > ul li.ui-tabs-selected  a {
	font-weight:bold;
	text-shadow:0 1px 2px rgba(0,0,0,0.1);
	color:#fff !important;
}
#user_plan_tabs > ul > li:first-child{
	border:0;
	border-radius:5px 0 0 0;
}
#user_plan_tabs > ul > li {
	border:0;
}
#user_plan_tabs > ul > li.ui-tabs-selected , #tabs > ul > li.ui-tabs-selected  {
	background:#e28b00 !important;
}
#tabs > ul:first-child , #user_plan_tab_1 div ul:first-child , #user_plan_tab_2 div ul:first-child , #user_plan_tab_3 div ul:first-child li{
	background:#f5f5f5;
	border:0;
	border-top:1px solid #b1b1b1;
}
#user_plan_tab_1 div ul:first-child li , #user_plan_tab_2 div ul:first-child li , #user_plan_tab_3 div ul:first-child li {
	border:0;
	margin:2px 4px;
	position:relative;
}
#user_plan_tab_1 div ul:first-child li.ui-tabs-selected:before , #user_plan_tab_2 div ul:first-child li.ui-tabs-selected:before , #user_plan_tab_3 div ul:first-child li.ui-tabs-selected:before{
	content:"";
	display:inline-block;
	width:100%;
	height:22px;
		background:rgba(255,130,0,0.2)!important;
	border-radius:4px;
	position:absolute;
	left:0;
	
}
form#rulesForm {
	border-top:1px solid #eee;
}
form#rulesForm  > .Tab_1 {
	border:0;
	box-shadow:0 0 0 #fff;
	border-radius:0;
}
#user_plan_tabs {
	background:#fff;
	min-height:390px;
border-radius:3px;
}
#user_plan_tab_1 , #user_plan_tab_2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 5px 5px;
}
.call-flow {
	background: url("images/call-flow.png") no-repeat -22px 1px / 44px 21px !important;
	text-indent:15px;
	
	
}
.plan-settings{
	display:inline-block;
	float:left;
	text-indent:15px;
	background:url("images/plan-settings.png") no-repeat -22px 1px / 44px 21px !important;

}
.plan-settings-block {
background:#f5f5f5;
border:1px solid rgba(0, 0, 0, 0.1);
padding:5px;
margin:10px;
border-radius:5px;
}
.plan-settings-block h3 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #007daa;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}
.sub_settings_content_div {
	padding-left:25px;
}
.plan-settings-inputs {
	border:1px solid #cccccc;
	display:inline-block;
	border-radius:4px;
	background:#EEE;
	margin-top:15px;
	height:28px;
}
.plan-settings-inputs label {
	text-shadow:0 1px 1px #fff;
	display:inline-block;
	font-size:12px;
	margin:0 8px;
	font-weight:bold;
	min-width:130px;
	line-height:28px;
}
.plan-settings-inputs input[type="text"] {
	border:solid #ccc;
	border-width:0 1px;
	height:26px;
	text-indent:10px;
	width:200px;
}
.plan-settings-inputs input[type="button"] {
	text-shadow:0 1px 1px #fff;
	display:inline-block;
	font-size:13px;
	border:0;
	height:28px;
	vertical-align:top;
	cursor:pointer;
	background: #fdfdfd;
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #fdfdfd 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom,  #fdfdfd 0%,#e8e8e8 100%);

}
.apply-padd-rt-btm {
	padding:0 10px 5px 0;
}
.edit_customer_pop_remove {
	background: url("/media/images/remove_phone_number.png") no-repeat scroll 0 10px transparent;
	cursor:pointer;
    float: right;
    height: 20px;
    margin-right: 10px;
    text-indent: -999999px;
    width: 10px;
}
.content-box-content {
background:#fff;
height: auto;
min-height: 315px;
}

.level-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    display: inline-block;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    text-indent: 4px;
    width: 20px;
}
.L2 > .level-wrapper  {
	margin-left:20px;
	position:relative;
}
.L3> .level-wrapper  {
	margin-left:40px;
	position:relative;
}
.L4> .level-wrapper  {
	margin-left:60px;
	position:relative;
}
.L5> .level-wrapper  {
	margin-left:80px;
	position:relative;
}
.L2 > .level-wrapper:before , .L3> .level-wrapper:before , .L4 > .level-wrapper:before , .L5> .level-wrapper:before{
	background: url("images/level-arrow.png") no-repeat ;
	content:'';
	width:9px;
	height:26px;
	position:absolute;
	top:-11px;
	left:-12px;
}
#tabs {
min-height:390px;
}
.add-level a {
text-decoration:underline;
color:#757170;
}
.Liveticker_heading {
	line-height:2em; 
	background:#fff; 
	border:1px solid rgba(0,0,0,0.3); 
	border-bottom:0; 
	border-radius:3px 3px 0 0; 
	text-indent:10px; 
	color:rgba(0,0,0,0.6); 
	font-size:16px;
}
.expiryDtLink {
    color: #1172CC !important;
    display: inline-block;
    margin: 0 5px;
    text-decoration: underline;
}
.agentExpiryDtLink {
    color: #1172CC !important;
    display: inline-block;
    margin: 0 5px;
    text-decoration: underline;
}
.expirednumdate{
    color: #000 !important;
    display: inline-block;
    margin: 0 5px;

}