/******************************************************************************* Title: CallN Portal Author: Usman Ahmed Javed Date: January 2013 ******************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility Navigation & Hide 1.3 Clearfix 1.4 Default Styles 1.5 Browser Specific Fixes 1.6 Image Replacement 1.7 Fonts 2. COMMON 2.1 Container 2.2 Header 2.3 Navigation 2.4 Content 2.5 Footer 3. MAIN PAGES 3.1 Home 3.2 Pricing 3.3 Handests 3.4 Plans 4. CONTENT PAGES 4.1 Wrappers 4.2 How It Works 4.3 Features 4.4 Benefits 4.5 Support 4.6 Contact Us 4.7 Privacy Policy 4.8 Number Portability 4.9 Terms and Conditions 4.10 Local Number Portability Agreement 4.11 Sign Up 4.12 Security Policy 5. PRINT *******************************************************************************/ /* 1. BASE -------------------------------------------------------------------------------- ==============================================================================*/ /* 1.1 Reset ------------------------------------------------------------------------------*/ /* Temporary permanent vertical scroll-bar */ html { overflow-y: scroll; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border-style: none; border-color: inherit; border-width: 0; padding: 0; font-size: 100%; vertical-align: baseline; margin-left: 0; margin-right: 0; margin-top: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover, a:active, a:focus { outline: 0; } object, embed, a, a img, a:active, a.selected, a:visited { outline: 0 } /* 1.2 Accessibility Navigation & Hide ------------------------------------------------------------------------------*/ #accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } .aspNetHidden { display: none; } /* 1.3 Clearfix ------------------------------------------------------------------------------*/ .clearfix:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } /* 1.4 Default Styles ------------------------------------------------------------------------------*/ body { position: relative; font-family: 'PNRegular', Arial, sans-serif; /*main font*/ font-size: 13px; color: #333; min-width: 850px; position: relative; background: #ffffff; } hr { display: none; } strong { font-weight: normal; font-family: 'PNBold', Arial, sans-serif; font-size: 14px; line-height: 14px; letter-spacing: 1px; vertical-align: baseline; } em { font-style: italic; } del { text-decoration: line-through; } .divTableCell, .divTableHead, th, td { vertical-align: baseline; } .divTableHead, th { font-weight: normal; text-align: left; } address, cite, dfn { font-style: normal; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font-size: 13px; color: #313131; outline: none; } input[type='Text'] { font-family: 'PNRegular'; border: 1px solid #e5e5e5; font-size: 13px; padding: 5px 10px 5px 10px; border-radius: 4px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } input[type='CheckBox'] + label { position: relative; top: -2px; font-family: 'PNRegular'; } input[type='Radio'] + label:hover { text-decoration: underline; } input[type='Radio'] + label { position: relative; top: -2px; font-family: 'PNRegular'; } input[type='CheckBox'] + label:hover { text-decoration: underline; } select { border: 1px solid #e5e5e5; font-family: 'Arial'; /* Damn chrome wont render svg fonts in drop-downs correctly, and IE defaults back to Times New Roman */ padding: 5px 5px; margin: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; box-shadow: none; } textarea { overflow: auto; } a, a:visited, a:active, a:focus { text-decoration: none; font-family: 'PNSemibold'; color: #000000; } a:hover { text-decoration: underline; } /* 1.5 Browser Specific Fixes ------------------------------------------------------------------------------*/ /* Chrome and Safari PlaceHolder Fix */ ::-webkit-input-placeholder { } :focus::-webkit-input-placeholder { text-indent: -999px; } :-moz-placeholder { } :focus:-moz-placeholder { text-indent: -999px; } /* 1.6 Image replacement ------------------------------------------------------------------------------*/ .ir { display: block; position: relative; overflow: hidden; } .ir span { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .ie7 .ir a span, .ie7 a.ir span { cursor: pointer; } /* 1.6 Fonts ------------------------------------------------------------------------------*/ @font-face { font-family: 'PNRegular'; src: url('/fonts/ProximaNova-Reg-webfont.eot'); src: url('/fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Reg-webfont.svg') format('svg'), url('/fonts/ProximaNova-Reg-webfont.woff') format('woff'), url('/fonts/ProximaNova-Reg-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNSemibold'; src: url('/fonts/ProximaNova-Sbold-webfont.eot'); src: url('/fonts/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Sbold-webfont.svg') format('svg'), url('/fonts/ProximaNova-Sbold-webfont.woff') format('woff'), url('/fonts/ProximaNova-Sbold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNBold'; src: url('/fonts/ProximaNova-Bold-webfont.eot'); src: url('/fonts/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Bold-webfont.svg') format('svg'), url('/fonts/ProximaNova-Bold-webfont.woff') format('woff'), url('/fonts/ProximaNova-Bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNBoldItalic'; src: url('/fonts/ProximaNova-BoldIt-webfont.eot'); src: url('/fonts/ProximaNova-BoldIt-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-BoldIt-webfont.svg') format('svg'), url('/fonts/ProximaNova-BoldIt-webfont.woff') format('woff'), url('/fonts/ProximaNova-BoldIt-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNExtrabold'; src: url('/fonts/ProximaNova-Xbold-webfont.eot'); src: url('/fonts/ProximaNova-Xbold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Xbold-webfont.svg') format('svg'), url('/fonts/ProximaNova-Xbold-webfont.woff') format('woff'), url('/fonts/ProximaNova-Xbold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNExtraboldItalic'; src: url('/fonts/ProximaNova-XboldIt-webfont.eot'); src: url('/fonts/ProximaNova-XboldIt-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-XboldIt-webfont.svg') format('svg'), url('/fonts/ProximaNova-XboldIt-webfont.woff') format('woff'), url('/fonts/ProximaNova-XboldIt-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNBlack'; src: url('/fonts/ProximaNova-Black-webfont.eot'); src: url('/fonts/ProximaNova-Black-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Black-webfont.svg') format('svg'), url('/fonts/ProximaNova-Black-webfont.woff') format('woff'), url('/fonts/ProximaNova-Black-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNBlackItalic'; src: url('/fonts/ProximaNova-BlackIt-webfont.eot'); src: url('/fonts/ProximaNova-BlackIt-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-BlackIt-webfont.svg') format('svg'), url('/fonts/ProximaNova-BlackIt-webfont.woff') format('woff'), url('/fonts/ProximaNova-BlackIt-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNRegItalic'; src: url('/fonts/ProximaNova-RegIt-webfont.eot'); src: url('/fonts/ProximaNova-RegIt-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-RegIt-webfont.svg') format('svg'), url('/fonts/ProximaNova-RegIt-webfont.woff') format('woff'), url('/fonts/ProximaNova-RegIt-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNLight'; src: url('/fonts/ProximaNova-Light-webfont.eot'); src: url('/fonts/ProximaNova-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Light-webfont.svg') format('svg'), url('/fonts/ProximaNova-Light-webfont.woff') format('woff'), url('/fonts/ProximaNova-Light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNLightItalic'; src: url('/fonts/ProximaNova-LightIt-webfont.eot'); src: url('/fonts/ProximaNova-LightIt-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-LightIt-webfont.svg') format('svg'), url('/fonts/ProximaNova-LightIt-webfont.woff') format('woff'), url('/fonts/ProximaNova-LightIt-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNSemiboldItalic'; src: url('/fonts/ProximaNova-SboldIt-webfont.eot'); src: url('/fonts/ProximaNova-SboldIt-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-SboldIt-webfont.svg') format('svg'), url('/fonts/ProximaNova-SboldIt-webfont.woff') format('woff'), url('/fonts/ProximaNova-SboldIt-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNThin'; src: url('/fonts/ProximaNova-Thin-webfont.eot'); src: url('/fonts/ProximaNova-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Thin-webfont.svg') format('svg'), url('/fonts/ProximaNova-Thin-webfont.woff') format('woff'), url('/fonts/ProximaNova-Thin-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PNThinItalic'; src: url('/fonts/ProximaNova-ThinIt-webfont.eot'); src: url('/fonts/ProximaNova-ThinIt-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-ThinIt-webfont.svg') format('svg'), url('/fonts/ProximaNova-ThinIt-webfont.woff') format('woff'), url('/fonts/ProximaNova-ThinIt-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Glyphicons Halflings'; src: url('/fonts/glyphicons-halflings-regular.eot'); src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; } @font-face { font-family: "Gravur"; font-style: normal; font-weight: normal; src: url("/fonts/gravur.eot?#iefix") format("embedded-opentype"), url("/fonts/gravur.woff") format("woff"), url("/fonts/gravur.ttf") format("truetype"), url("/fonts/gravur.svg#telstraregular") format("svg"); } /* 2. COMMON -------------------------------------------------------------------------------- ==============================================================================*/ /* 2.1 Container ------------------------------------------------------------------------------*/ .container { color: #fff; font-size: 12px; } /* 2.2 Header ------------------------------------------------------------------------------*/ #header { font-family: 'PNSemiBold'; background-color: #96c800; /* Fallback colour */ } #h-content { padding: 10px 20px; } #h-content td { vertical-align: middle; } #h-welcome { padding-top: 10px; text-align: right; font-family: 'PNSemibold', Arial, Sans-Serif; font-size: 13px; color: #fff; } #h-companyname { font-family: 'PNSemibold', Arial, Sans-Serif; font-size: 35px; color: #fff; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -o-user-select: none; -ms-user-select: none; /* IE 10+ */ user-select: none; cursor: default; } #h-companyname-label { font-family: 'PNRegular', Arial, Sans-Serif; font-size: 21px; color: #fff; } .h-welcome-user { font-family: 'PNSemiBold', Arial, Sans-Serif; cursor: default; } #h-links { font-size: 13px; padding-top: 3px; } #h-links ul li { display: inline-block; } #h-links a, #h-links a:visited, #h-links a:hover, #h-links a:active { color: #fff; background-color: transparent; } #h-links ul > li + li { background: transparent url('/Members/Styles/images/bg_hlinksplitter.png') no-repeat 3% 3px; padding: 0 0 0 7px; } #h-links a.static { font-family: 'PNRegular', Arial, Sans-Serif; } #h-links a.selected { font-family: 'PNBold', Arial, Sans-Serif; text-decoration: underline; } #h-content .notifications { background-color: #FFFAD8; border: 1px solid #636363; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-top: 10px; padding: 5px 10px 5px 10px; text-align: right; font-size: 14px; max-width: 100%; font-family: 'PNRegular', Arial, sans-serif; color: #333; cursor: default; } /* 2.3 Navigation ------------------------------------------------------------------------------*/ .template-header .navigation { margin-top: 20px; margin-left: 20px; margin-right: 20px; vertical-align: middle; display: inline-block; /*white-space: nowrap; word-break: keep-all; overflow: visible;*/ } .template-header .navigation div a { display: block; font-family: 'PNRegular', Arial, sans-serif; font-size: 16px; color: white; padding: 0 15px 0 15px !important; text-align: center; white-space: nowrap; text-decoration: none; } /*.template-header .navigation div a:hover { font-family: 'PNSemibold', Arial, Sans-Serif; font-size: 18px; }*/ .template-header .navigation div a.static.selected, .template-header .navigation div a:visited, .template-header .navigation div a:focus { font-family: 'PNSemibold', Arial, Sans-Serif; font-size: 18px; margin-top: -1px; } /* This is a dodgy fix for the initial vertical redraw while loading */ .template-header .navigation div ul li { position: relative; float: left; list-style: none; } /* 2.4 Content ------------------------------------------------------------------------------*/ #content { /*min-height: 400px;*/ } #content h2 { font-size: 16px; font-family: 'PNSemibold', Arial, Sans-Serif; color: #16d6e71; font-weight: normal; } /* 2.6 Footer ------------------------------------------------------------------------------*/ #footer { background-color: #333333; height: 300px; } .footerwrapper { height: 300px; margin: 0 auto; padding: 0; width: 1025px; } .footerinsidetext { } .footerinsidetext .footerlinkgroups { left: 0px; right: 0px; padding: 6px 0; } .footerwrapper .footerinsidetext ul { text-align: center; list-style: none; padding: 0; margin: 0; } .footerwrapper .footerinsidetext ul li { padding-left: 30px; padding-right: 30px; display: inline-block; vertical-align: top; text-align: left; } .footerwrapper .footerinsidetext ul li h1 { color: #6d6e71; font-size: 15px; font-family: 'PNSemibold', Arial, Sans-Serif; cursor: default; } .footerwrapper .footerinsidetext ul li a { font-family: 'PNRegular', Arial, Sans-Serif; font-size: 14px; color: #939598; text-decoration: none; display: block; text-align: left; padding-bottom: 8px; } .footeraboutus { margin-left: 119px; } .footerhowitworks { margin-left: -64px; } .footerservice { margin-left: -41px; } .footerSLagreement { margin-left: 20px; margin-top: 20px; } .footerSLagreement span { color: #fff; font-family: 'PNSemibold', Arial,sans-serif; font-size: 28px; } .footerwrapper .footerinsidetext .footerSLagreement a { font-family: 'PNRegular', Arial, Sans-Serif; font-size: 24px; color: #90c63d; line-height: 1.0; padding-bottom: 4px; } .footerSLagreement #footerlogo { background: url('/members/styles/images/footerlogo.png') no-repeat; width: 152px; height: 54px; margin-top: 22px; margin-left: 44px; } .footerwrapper .footerinsidetext p { width: 850px; bottom: 10px; position: absolute; color: #939598; font-family: 'PNRegular', Arial, Sans-Serif; font-size: 12px; margin-left: 107px; } .footerreseller h1 { color: #8DB02C; font-family: 'PNSemibold',Arial,Sans-Serif; font-size: 15px; } .footerreseller h2 a { color: #fff; font-family: 'PNSemibold', Arial,sans-serif; font-size: 22px; } .footerwrapper .footercopyright { cursor: default; } #footer--brand { display: block; line-height: 30px; padding: 30px 0 20px; text-align: center; vertical-align: middle; } #footer--brand__telstra { display: inline-block; height: 30px; line-height: 30px; overflow: hidden; vertical-align: middle; width: 30px; } #footer--brand__separator { background-color: #4d4d4d; display: inline-block; height: 30px; line-height: 30px; margin: 0 20px; vertical-align: middle; width: 1px; } .calln_logo_inv, .calln_logo { color: #333; display: inline-block; font-family: "Gravur","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 30px; font-weight: normal; height: 42px; letter-spacing: -0.025em; line-height: 1; margin: 0; padding: 0; position: relative; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .calln_logo_inv > em, .calln_logo > em { color: #fff; font-family: inherit; font-style: normal; text-decoration: none; } .calln_logo_inv::after, .calln_logo::after { content: "TM"; font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 0.25em; font-weight: normal; vertical-align: 2.15em; white-space: nowrap; } .calln_logo_inv::before, .calln_logo::before { bottom: 0; color: #333; content: "INTELLIGENT CLOUD BASED CALL RECORDING"; display: block; font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 0.348em; left: 0.15em; letter-spacing: 0; line-height: 1; position: absolute; } .calln_logo_inv { color: #fff; } .calln_logo_inv::before { color: #e6e6e6; } .calln_logo_inv > em { color: #96c800; } .calln_logo { display: block; float: left; margin-right: 30px; } .brand--logo__telstra { display: inline-block; font-family: "icomoon2"; font-size: 30px; font-style: normal; font-variant: normal; font-weight: normal; height: 30px; position: relative; text-transform: none; width: 30px; } .brand--logo__telstra::before { color: #96c800; content: ""; display: block; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: 0; vertical-align: middle; width: 30px; } .brand--logo__telstra::after { color: #005a28; content: ""; display: block; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: 0; vertical-align: middle; width: 30px; } .brand--logo__telstra.inverse::after { color: #fff !important; } /*2.7 Settings ------------------------------------------------------------------------------*/ .c-title { font-family: 'PNRegular', Arial, Sans-Serif; color: #313131; padding: 10px 0 12px 27px; font-size: 19px; background: #d1d3d4; /*border-top: 1px solid white;*/ border-bottom: 1px solid #D5D5D5; text-transform: uppercase; } /* .setting-wrapper { } #settingMenuWrapper { background: #F3F3F3; padding-top: 10px; } #settingMenuWrapper div a.level1 { font-family: 'PNSemibold', Arial, Sans-Serif; display: block; font-size: 13px; padding: 10px 20px 10px 20px; min-width: 106px; text-transform: uppercase; white-space: nowrap; } #settingMenuWrapper div a.level1.selected { background: #636363; color: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } #settingMenuWrapper div a.level1:hover { background: #636363; color: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } #settingMenuWrapper div a.level2 { border-top: 1px solid #fafafa; font-family: 'PNSemibold', Arial, Sans-Serif; display: block; font-size: 13px; padding: 10px 20px 10px 40px; min-width: 106px; text-transform: uppercase; white-space: nowrap; } #settingMenuWrapper div a.level2.selected { background: #636363; color: #fff; } #settingMenuWrapper div a.level2:active { height: 16px; } #settingMenuWrapper div a.level3 { border-top: 1px solid #fafafa; font-family: 'PNSemibold', Arial, Sans-Serif; display: block; font-size: 13px; padding: 10px 20px 10px 60px; min-width: 106px; text-transform: uppercase; white-space: nowrap; } #settingMenuWrapper div a.level3.selected { background: #636363; color: #fff; } #settingMenuWrapper div a.level3:active { height: 16px; } #settingMenuWrapper div a { color: #313131; font-family: 'PNSemibold', Arial, Sans-Serif; font-size: 13px; } #settingMenuWrapper div a:hover { text-decoration: none; } #settingMenuWrapper div li { } */ #settingContentWrapper { min-height: 400px; height: auto; float: left; } #settingOptions { float: left; width: 260px; background: #fff; border-left: 1px solid #dfdfdf; } #settingRightPanel { padding-left: 10px; padding-right: 10px; font-size: 13px; } .rightpanel-section { padding-top: 20px; padding-bottom: 15px; } .rightpanel-section a.btn-right-menu { margin-left: 10px; } .rightpanel-section h2 { font-size: 16px; font-family: 'PNSemibold', Arial, Sans-Serif; color: #4996D2; } .rightpanel-section-spacer { background: url('/members/styles/images/bg_rightpanel_splitter.png') no-repeat 0 100%; } /* Settings GridView tables */ .gv-settings { /*border-top: 1px solid #fff;*/ color: #000000; } .gv-settings tr { border-bottom: 1px solid #efefef; /*-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ cursor: default; } .gv-settings tr:hover { background: #f0f0f0; } .gv-settings-row-selectable tr:hover { cursor: pointer !important; } .gv-settings th { font-size: 14px; font-weight: normal; font-family: 'PNBold', Arial, Sans-Serif; background: #96c800; color: #fff; padding: 8px 0 10px 15px; } .gv-settings td { font-size: 13px; font-family: 'PNRegular', Arial, Sans-Serif; padding: 8px 8px 5px 8px; vertical-align: top; white-space: nowrap; } .gv-settings td.centered { text-align: center; } .gv-settings-withwrap { color: #000000; } .gv-settings-withwrap tr { border-bottom: 1px solid #efefef; cursor: default; } .gv-settings-withwrap tr:hover { background: #f0f0f0; } .gv-settings-row-selectable-withwrap tr:hover { cursor: pointer !important; } .gv-settings-withwrap th { font-size: 14px; font-weight: normal; font-family: 'PNBold', Arial, Sans-Serif; background: #009b46; color: #fff; padding: 8px 0 10px 15px; } .gv-settings-withwrap td { font-size: 13px; font-family: 'PNRegular', Arial, Sans-Serif; padding: 8px 8px 5px 8px; vertical-align: top; } .gv-settings-withwrap td.centered { text-align: center; } .gv-settings-paddingsmall td { padding-bottom: 5px !important; padding-top: 5px !important; } .gv-settings a.btn-grid-edit { display: inline-block; padding-left: 22px; color: #000; margin-left: 19px; } .divTableHead a, .gv-settings th a, .gv-settings th a:focus { color: #fff; } .gv-settings a.detail { background: url('members/styles/images/members/bg_detail_icon.png') no-repeat 6px 0px; } .gv-settings a.download { background: url('members/styles/images/members/bg_download_icon.png') no-repeat 8px 0px; } .gv-settings a.email { background: url('members/styles/images/members/bg_email_icon.png') no-repeat 4px 3px; } .gv-settings a:hover { text-decoration: none; } .divTableCell, .gv-settings td td { border: none; text-align: left; color: #7a6b6b; } .divTableCell, .divTableRow, .gv-settings td tr { border: none; } .gv-settings .padding30left { padding-left: 30px; } .gv-settings-alt { /*background: #f6f7f9;*/ } .gv-settings .ImageColumn { padding-left: 30px; } .gv-settings-opaque .gv-settings-row, .gv-settings-opaque .gv-settings-alt { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; } /* Settings GridView rounded table for reports */ .gv-reportroundedtable { color: #000000; } .gv-reportroundedtable tr { cursor: default; background: #f2f2f3; } .gv-reportroundedtable-row-selectable tr:hover { cursor: pointer !important; } .gv-reportroundedtable th { font-size: 14px; font-family: 'PNBold', Arial, Sans-Serif; color: #fff; padding: 8px 0 10px 15px; vertical-align: top; } .gv-reportroundedtable th:first-child { border-radius: 10px 0 0 0; } .gv-reportroundedtable th:last-child { border-radius: 0 10px 0 0; } .gv-reportroundedtable tbody tr:last-child td:first-child { border-radius: 0 0 0 10px; } .gv-reportroundedtable tbody tr:last-child td:last-child { border-radius: 0 0 10px 0; } .gv-reportroundedtable tbody tr:last-child td { padding-bottom: 20px; } .gv-reportroundedtable td { font-size: 13px; font-family: 'PNRegular', Arial, Sans-Serif; padding: 8px 8px 5px 8px; white-space: nowrap; } .gv-reportroundedtable th a, .gv-reportroundedtable th a:focus { color: #fff; } .gv-reportroundedtable a:hover { text-decoration: none; } .gv-reportroundedtable td td { border: none; text-align: left; color: #7a6b6b; } .gv-reportroundedtable td tr { border: none; } .gv-reportroundedtable .padding30left { padding-left: 30px; } .gv-reportroundedtable-alt { /*background: #f6f7f9;*/ } .gv-reportroundedtable .ImageColumn { padding-left: 30px; } .gv-reportroundedtable-opaque .gv-reportroundedtable-row, .gv-reportroundedtable-opaque .gv-reportroundedtable-alt { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; } .bg-recording-on { background: url('/members/styles/images/bg_recording_checked.png') no-repeat; } .bg-recording-off { background: url('/members/styles/images/bg_recording.png') no-repeat; } .bg-music-on { background: url('/members/styles/images/bg_music_on.png') no-repeat; } .bg-music-off { background: url('/members/styles/images/bg_music_off.png') no-repeat; } .bg-pause-on { background: url('/members/styles/images/bg_pause_on.png') no-repeat; } .bg-pause-off { background: url('/members/styles/images/bg_pause_off.png') no-repeat; } .bg-volume-on { background: url('/members/styles/images/bg_volume_on.png') no-repeat; } .bg-volume-off { background: url('/members/styles/images/bg_volume_off.png') no-repeat; } .bg-normal-on { background: url('/members/styles/images/bg_normal_on.png') no-repeat; } .bg-normal-off { background: url('/members/styles/images/bg_normal_off.png') no-repeat; } .bg-fullduplex-on { background: url('/members/styles/images/bg_fullduplex_on.png') no-repeat; } .bg-fullduplex-off { background: url('/members/styles/images/bg_fullduplex_off.png') no-repeat; } .plus { height: 11px; width: 11px; display: inline-block; background: url('/members/styles/images/bg_plus.png') no-repeat; } .minus { height: 11px; width: 11px; display: inline-block; background: url('/members/styles/images/bg_minus.png') no-repeat; } tr.no-padding { border-bottom: none; } tr.no-padding td { padding: 0; border-top: none; } #gvnumber-container { margin-top: 15px; } /*Welcome Popup*/ .popup-welcome { background: #fff; color: #2e2e2e; font-size: 13px; width: 657px; height: 595px; box-shadow: 0 3px 16px -1px #000,0 -3px 16px -1px #000; -moz-box-shadow: 0 3px 16px -1px #000,0 -3px 16px -1px #000; -webkit-box-shadow: 0 3px 16px -1px #000,0 -3px 16px -1px #000; } .popup-grid { background: #fff; color: #2e2e2e; font-size: 13px; width: 657px; height: 513px; box-shadow: 0 3px 16px -1px #000,0 -3px 16px -1px #000; -moz-box-shadow: 0 3px 16px -1px #000,0 -3px 16px -1px #000; -webkit-box-shadow: 0 3px 16px -1px #000,0 -3px 16px -1px #000; } .popup-background { background: url('/members/styles/images/bg_popup.png'); } #w-popup-header { background: #f5f5f5; padding: 27px 20px 33px 20px; } #w-popup-header span { display: block; font-family: 'PNSemibold'; font-size: 24px; color: #92b836; margin-bottom: 14px; } #w-popup-content { padding: 0 20px; } .popup-content-block { padding: 15px 0 5px 20px; } .popup-content-block td { padding-bottom: 8px; vertical-align: middle; } .popup-content-block h1 { font-size: 16px; font-family: 'PNSemibold'; font-weight: normal; color: #4996D2; margin-bottom: 15px; white-space: nowrap; } .popup-content-block h2 { font-size: 14px; font-family: 'PNSemibold'; font-weight: normal; margin-bottom: 0px; white-space: nowrap; } .inner-page-padding { padding: 30px 0 0 28px; } .controls-container { font-size: 13px; color: #313131; } .controls-container td.textcolumn { vertical-align: middle; } .controls-container td.textcolumn input[type='text'] { margin: 0 8px; } .controls-container span { display: block; font-size: 14px; font-family: 'PNSemibold'; color: #6B6B6B; margin: 0 0 5px 0; } .controls-container input[type='checkbox'] { } .controls-container label { position: relative; top: -2px; } .controls-container tr { height: 50px; } .controls-container td { vertical-align: bottom; padding-bottom: 15px; } .controls-container-grid { } .controls-container-grid tr { height: auto; } .controls-container-grid td { padding-bottom: 8px; } .controls-container-grid strong { font-size: 12px; } #g-popup-content { padding: 70px 20px 0; } .hidden { visibility: hidden; } .visible { visibility: visible; } .controls-normal-width { width: 150px; } .controls-small-width { width: 75px; } .controls-large-width { width: 250px; } .controls-verylarge-width { width: 390px; } .controls-xl-width { width: 98%; } .padding-right-small table td { padding-right: 30px; } .padding-right-large table td { padding-right: 60px; } .border-bottom { padding-bottom: 25px; border-bottom: 1px solid #dcdcdc; } .btn-green { border-style: none; border-color: inherit; border-width: medium; position: relative; display: inline-block; background: url('/members/styles/images/bg_smallbtngreen.png') repeat-x; color: white; padding: 0 14px; font-size: 17px; font-weight: bold; line-height: 24px; -moz-box-shadow: 0 2px 3px 0px #B3C28F,0 -1px 1px 0px #B3C28F; -webkit-box-shadow: 0 2px 3px 0px #B3C28F,0 -1px 1px 0px #B3C28F; box-shadow: 0 2px 3px 0px #B3C28F,0 -1px 1px 0px #B3C28F; border-radius: 2px; cursor: pointer; } .btn-green:hover { text-decoration: none; } .btn-save-green-short { position: relative; display: inline-block; background: url('/members/styles/images/bg_btngreen.png') repeat-x; color: #fff; padding-left: 45px; padding-right: 16px; font-size: 16px; font-family: 'PNSemibold', Arial, Sans-Serif; line-height: 34px; -moz-box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; -webkit-box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; border-radius: 3px; width: 60px; } .btn-save-green-short:link, .btn-save-green-short:visited, .btn-save-green-short:hover, .btn-save-green-short:active { color: #fff !important; text-decoration: none !important; } .btn-save-green-short span { left: 10px; top: 5px; position: absolute; background: url('/members/styles/images/bg_btn_save.png') no-repeat; height: 22px; width: 23px; display: inline-block; } .btn-save-green-short[disabled] { background: gray; -moz-box-shadow: 0 -1px 1px 0px gray,0 1px 3px 1px gray; -webkit-box-shadow: 0 -1px 1px 0px gray,0 1px 3px 1px gray; box-shadow: 0 -1px 1px 0px gray,0 1px 3px 1px gray; } a.cancel-link, a.cancel-link:visited, a.cancel-link:link { color: #D6070A; font-size: 16px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } a.cancel-link:hover, a.cancel-link:active, a.cancel-link[disabled] { color: white; background-color: #D6070A; border-radius: 3px; text-decoration: underline; } a.delete-selected, a.delete-selected:visited, a.delete-selected:link, a.delete-selected:hover { font-size: 13px; font-family: 'PNRegular'; font-weight: normal; text-decoration: none; } .placeholder { color: #aaa; } .error { font-size: 12px; font-weight: bold; color: #FF2B2B; } .plan-checked { font-weight: bold; background: #e1f1f6; } .setting-description-text { color: #000; } .leftmargin20 { margin-left: 20px; } /* GridView Call Pags */ .gv-calls { color: #000; } .gv-calls tr { border-bottom: 1px solid #efefef; vertical-align: top; padding-top: 2px; padding-bottom: 2px; } .gv-calls tr:hover { background: #EBEBEB; cursor: pointer; } .divTableHead, .gv-calls th { font-size: 14px; font-weight: normal; font-family: 'PNBold', Arial, Sans-Serif; background: #96c800; color: #fff; padding: 10px 0 10px 20px; text-align: left; } /*.gv-calls thead th a,thead th a:focus { color: #fff; }*/ .divTableHead a, .gv-calls th a, th a:focus { color: #fff; } .gv-calls td { font-size: 13px; padding: 3px 0 3px 20px; text-align: left; vertical-align: middle; white-space: nowrap; } .gv-calls td.wrap { white-space: normal; } .gv-calls td.direction { text-align: center; } .gv-calls a:hover { text-decoration: none; } .gv-calls td td { border: none; text-align: left; /*color: #2E2E2E;*/ } .divTableRow, .gv-calls td tr { border: none; } .gv-calls-alt { /*background: #e6e7e8;*/ } .gv-calls tr.selected { vertical-align: middle; background: #EBEBEB; border-bottom: 0px; } .gv-calls tr.selectedbody { background: #EBEBEB; } .gv-calls .padding30left { padding-left: 30px; } .gv-calls .padding30right { padding-right: 30px; } .gv-calls .ImageColumn { padding-left: 30px; } .gv-calls a.btn-grid-edit { display: inline-block; padding-left: 22px; color: #000; } .gv-calls a.delete { background: url('/members/images/bg_delete_icon.png') no-repeat 4px 0px; } .gv-calls a.undelete { background: url('/members/images/bg_undelete_icon.png') no-repeat 4px 0px; } .gv-calls a.detail { background: url('/members/images/bg_detail_icon.png') no-repeat 6px 0px; } .gv-calls a.history { background: url('/members/images/bg_history_icon.png') no-repeat 4px 0px; } .gv-calls a.download { background: url('/members/images/bg_download_icon.png') no-repeat 4px 0px; } .gv-calls a.email { background: url('/members/images/bg_email_icon.png') no-repeat 2px 2px; } .gv-call-opaque .gv-calls-row, .gv-call-opaque .gv-calls-alt { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; } .gv-settings-opaque .gv-settings-row, .gv-settings-opaque .gv-settings-alt { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; } .gv-reportsettings-opaque .gv-reportsettings-row, .gv-reportsettings-opaque .gv-reportsettings-alt { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; } .gv-calls .imgDirectionType { } .opaque, .opaque-gridview .opaque-row, .opaque-gridview .opaque-alternate-row { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; } .calls-export { display: inline-block; padding-left: 22px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; color: #000; background: url('/members/styles/images/bg_btn_export.png') no-repeat 4px 5px; border-color: #CCCCCC; border-style: solid; border-width: 1px; background-color: #FCFBF9; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 3px; font-family: 'PNRegular',​Arial,​sans-serif; } .calls-export:hover { font-family: 'PNRegular',​Arial,​sans-serif; text-decoration: none; } .calls-explore { display: inline-block; padding-left: 22px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; color: #000; background: url('/members/styles/images/bg_detail_icon.png') no-repeat 4px 5px; border-color: #CCCCCC; border-style: solid; border-width: 1px; background-color: #FCFBF9; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 3px; font-family: 'PNRegular',​Arial,​sans-serif; } .calls-explore:hover { font-family: 'PNRegular',​Arial,​sans-serif; text-decoration: none; } .gv-archive td { font-size: 13px; padding: 3px 15px 3px 0px; text-align: left; vertical-align: middle; white-space: nowrap; } .aligntop td { vertical-align: top; } .gv-attachments tr { cursor: pointer; } .gv-attachments td { vertical-align: middle; white-space: nowrap; } .gv-attachments tr:hover { background: #f6f7f9; cursor: pointer; } .gv-invoicelineitems td { vertical-align: middle; white-space: nowrap; padding-bottom: 10px; padding-right: 10px; } #divNotes a { font-weight: normal; } .chk-icon-small { display: inline-block; width: 15px; height: 15px; } .bg-recording-on-small { background: url('/Members/Styles/images/bg_recording_checked_small.png') no-repeat; } .bg-recording-off-small { background: url('/Members/Styles/images/bg_recording_small.png') no-repeat; } .gv-handsets { margin-top: 20px; padding-left: 20px; padding-right: 20px; } .handset--item { border-radius: 4px; box-shadow: none; box-sizing: border-box; color: #999; cursor: pointer; float: left; height: 160px; margin: 10px; overflow: hidden; position: relative; text-align: center; width: 160px; } .handset--item__edit { border-bottom: 1px solid #fff; border-left: 1px solid #fff; display: none; height: 33px; overflow: hidden; position: absolute; right: 0; top: 0; width: 33px; } .handset--item__edit::before { color: #999; content: ""; display: block; font-size: 14px; height: 33px; line-height: 33px; text-align: center; vertical-align: middle; width: 33px; z-index: 10; } .handset--item__edit:hover { background-color: #fff; text-decoration: none; } .handset--item__icon { bottom: 0; display: block; font-size: 46px; height: 100%; left: 0; line-height: 120px; position: absolute; right: 0; text-align: center; top: 0; vertical-align: middle; width: 100%; } .handset--item.group a { color: white; } .handset--item__icon::before { content: ""; } .handset--item__number, .handset--item__name { box-sizing: border-box; display: block; height: 20px; left: 0; padding: 0 10px; position: absolute; right: 0; width: 100%; } .handset--item__number { font-size: 14px; font-weight: 400; top: 130px; } .handset--item__name { font-size: 18px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; top: 105px; white-space: nowrap; } .handset--item { border: 2px solid transparent; } .handset--item a { color: #999; } .handset--item.nogroup { background-color: white; border: 2px solid #e6e6e6; } .handset--item.group { color: white; } .handset--item:hover { border: 2px solid #999; } .handset--item.active .handset--item__edit { border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; } .handset--item.active .handset--item__icon::before { content: ""; } .handset--item.active .handset--item__edit:hover { background-color: #e6e6e6; } .handset--item:hover .handset--item__edit { display: block; } .handset--item.inactive { background-color: #e6e6e6; } @font-face { font-family: "icomoon2"; src: url("/fonts/icomoon.eot"); } @font-face { font-family: "icomoon2"; font-style: normal; font-weight: normal; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"), url("data:application/font-woff;charset=utf-8;base64,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") format("woff"); } .handset--item__edit::before, [class^="im-"], [class*=" im-"] { font-family: "icomoon2"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 26px; text-transform: none; } .handset--item__icon { font-family: "icomoon2"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; } .im-pencil::before { content: ""; } .im-phone-off::before { content: ""; } .im-phone-on::before { content: ""; } .im-arrow-bottom::before { content: ""; } .im-arrow-left::before { content: ""; } .im-arrow-up::before { content: ""; } .im-listicon1::before { content: ""; } .im-user2::before { content: ""; } .im-user::before { content: ""; } .im-arrow-right::before { content: ""; } .im-check::before { content: ""; } .im-telstra2::before { content: ""; } .im-telstra1::before { content: ""; } .im-phone::before { content: ""; } .im-search::before { content: ""; } #forgotpassword-container { background: url('/members/images/bg_login.png') repeat-x #fff; width: 100%; height: 725px; padding-top: 15%; font-family: 'PNRegular'; font-size: 14px; color: #fff; } #forgotpassword-content { padding-top: 10px; background: url('/members/images/bg_login_div.png'); margin: 0 auto; width: 490px; height: 205px; -moz-box-shadow: 0 -1px 1px 0px #3f3f3f, 0 4px 15px 1px #3f3f3f; -webkit-box-shadow: 0 -1px 1px 0px #3f3f3f, 0 4px 15px 1px #3f3f3f; box-shadow: 0 -1px 1px 0px #3f3f3f, 0 4px 15px 1px #3f3f3f; border-radius: 3px; } #forgotpassword-content table { margin: 0 auto; } #forgotpassword-content table td { padding-top: 16px; } #forgotpassword-content input[type="text"], input[type="password"] { height: 30px; position: relative; border: 1px solid #D1D1D1; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin: 7px 0 0 0; padding: 0 0 0 5px; } .content-header { background: #d1d3d4; border-bottom: 1px solid #d5d5d5; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; vertical-align: middle; } #errorpage-container { background: url('/members/images/bg_login.png') repeat-x #fff; width: 100%; height: 725px; padding-top: 15%; font-family: 'PNRegular'; font-size: 14px; color: #fff; } #errorpage-content { padding-top: 10px; background: url('/members/images/bg_login_div.png'); margin: 0 auto; width: 490px; height: 145px; -moz-box-shadow: 0 -1px 1px 0px #3f3f3f, 0 4px 15px 1px #3f3f3f; -webkit-box-shadow: 0 -1px 1px 0px #3f3f3f, 0 4px 15px 1px #3f3f3f; box-shadow: 0 -1px 1px 0px #3f3f3f, 0 4px 15px 1px #3f3f3f; border-radius: 3px; } #errorpage-content table { margin: 0 auto; } #errorpage-content table td { padding-top: 16px; } #calls-header { background: #d1d3d4; border-bottom: 1px solid #d5d5d5; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; vertical-align: middle; } #calls-header td { vertical-align: middle } #calls-footer, .calls-footer { background: #d1d3d4; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; font-size: 14px; } .btn-search { float: left; position: relative; left: -24px; top: 4px; background: url('/members/images/bg_btn_search.png') no-repeat; height: 17px; width: 19px; border: none; cursor: pointer; } /* Reports Page */ #reports-header { background: #d1d3d4; border-bottom: 1px solid #d5d5d5; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; font-size: 14px; } #reports-header td { vertical-align: middle; padding-right: 10px; } #divReportSelection { padding-top: 10px; font-size: 14px; } #divReportSelection .selected { text-decoration: underline; cursor: default; } #divReportSelection td { padding-right: 30px; vertical-align: middle; } #divReportSelection select { font-family: 'Arial'; /* Damn chrome won't render svg fonts in drop-downs correctly, and IE defaults back to Times New Roman */ font-size: 16px; color: #4996D2; font-weight: normal; } .divReportOutput { min-width: 1020px; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 60px; } #divReportTotals { padding-left: 5px; padding-right: 5px; padding-top: 10px; background-color: #f2f2f3; border-radius: 10px; width: 260px; border-color: #D4DDDE; } #divReportTotals .divReportTotalsSection { border-bottom: 1px solid #D4DDDE; padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 28px; color: Gray; } #divReportTotals .divReportTotalsSection h2 { font-family: 'PNSemibold'; font-size: 16px; margin-top: 0px; margin-bottom: 0px; } .AnalyticsOverviewSection { padding-top: 10px; padding-bottom: 10px; background-color: #f2f2f3; border-radius: 10px; width: 880px; } .AnalyticsOverviewSection .HorizontalSection { border-right: 1px solid #D4DDDE; padding-top: 10px; padding-bottom: 10px; padding-left: 24px; padding-right: 24px; text-align: center; font-size: 34px; color: Gray; float: left; height: 160px; min-width: 92px; } .AnalyticsOverviewSection .HorizontalSection h2 { font-family: 'PNSemibold'; font-size: 16px; margin-top: 0px; padding-bottom: 5px; margin-bottom: 0px; } .AnalyticsOverviewSection .gv-settings th { background-color: transparent !important; } .bar-graph { background: #FFFFFF none repeat scroll 0 0; border: 1px solid #AAAAAA; height: 20px; padding: 1px; border-radius: 3px; } .bar-graph-part { float: left; height: 20px; } .bar-graph-normal { background: #348DD3 none repeat scroll 0 0; border-radius: 3px; } .bar-graph-depositcount { background: #FFFFFF none repeat scroll 0 0; border: 1px solid #AAAAAA; height: 30px; padding: 1px; border-radius: 3px; } .bar-graph-part-depositcount { float: left; height: 30px; } .bar-graph-normal-depositcount { background: #348DD3 none repeat scroll 0 0 !important; border-radius: 3px; } .bar-graph-text { text-align: center; font-family: 'PNSemibold'; font-size: 11px; } .pagenavsprite-first { background-image: url('/members/images/navigation-first.png'); width: 17px; height: 19px; cursor: pointer; } .pagenavsprite-first:hover { background-image: url('/members/images/navigation-first-hover.png'); width: 17px; height: 19px; cursor: pointer; } .pagenavsprite-first-disabled { background-image: url('/members/images/navigation-first-disabled.png'); width: 17px; height: 19px; cursor: default; } .pagenavsprite-previous { background-image: url('/members/images/navigation-previous.png'); width: 17px; height: 19px; cursor: pointer; } .pagenavsprite-previous:hover { background-image: url('/members/images/navigation-previous-hover.png'); width: 17px; height: 19px; cursor: pointer; } .pagenavsprite-previous-disabled { background-image: url('/members/images/navigation-previous-disabled.png'); width: 17px; height: 19px; cursor: default; } .pagenavsprite-next { background-image: url('/members/images/navigation-next.png'); width: 17px; height: 19px; cursor: pointer; } .pagenavsprite-next:hover { background-image: url('/members/images/navigation-next-hover.png'); width: 17px; height: 19px; cursor: pointer; } .pagenavsprite-next-disabled { background-image: url('/members/images/navigation-next-disabled.png'); width: 17px; height: 19px; cursor: default; } .pagenavsprite-last { background-image: url('/members/images/navigation-last.png'); width: 17px; height: 19px; cursor: pointer; } .pagenavsprite-last:hover { background-image: url('/members/images/navigation-last-hover.png'); width: 17px; height: 19px; cursor: pointer; } .pagenavsprite-last-disabled { background-image: url('/members/images/navigation-last-disabled.png'); width: 17px; height: 19px; cursor: default; } .div-pagination td { vertical-align: middle; white-space: nowrap; font-size: 14px; } .div-pagination table { height: 28px; } .pagination { padding-left: 7px; } .pagination .gv-paging { display: inline-block; float: right; color: #2e2e2e; font-size: 12px; } /**********************Calendar*******************/ /*From Calendar.css ------------------------------------------------------------*/ .yui-calcontainer { position: relative; float: left; _overflow: hidden; } .yui-calcontainer iframe { position: absolute; border: none; margin: 0; padding: 0; z-index: 0; width: 100%; height: 100%; left: 0; top: 0; } .yui-calcontainer iframe.fixedsize { width: 50em; height: 50em; top: -1px; left: -1px; } .yui-calcontainer.multi .groupcal { z-index: 1; float: left; position: relative; } .yui-calcontainer .title { position: relative; z-index: 1; } .yui-calcontainer .close-icon { position: absolute; z-index: 1; text-indent: -10000em; overflow: hidden; } .yui-calendar { position: relative; } .yui-calendar .calnavleft { position: absolute; z-index: 1; text-indent: -10000em; overflow: hidden; } .yui-calendar .calnavright { position: absolute; z-index: 1; text-indent: -10000em; overflow: hidden; } .yui-calendar .calheader { position: relative; width: 100%; text-align: center; color: white; font-size: 13px; font-family: 'PNSemibold'; } .yui-calcontainer .yui-cal-nav-mask { position: absolute; z-index: 2; margin: 0; padding: 0; width: 100%; height: 100%; _width: 0; _height: 0; left: 0; top: 0; display: none; } .yui-calcontainer .yui-cal-nav { position: absolute; z-index: 3; top: 0; display: none; } .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn { display: -moz-inline-box; display: inline-block; } .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button { display: block; *display: inline-block; *overflow: visible; border: none; background-color: transparent; cursor: pointer; } .yui-calendar .calbody a:hover { background: inherit; } p#clear { clear: left; padding-top: 10px; } .yui-skin-sam .yui-calcontainer { background-color: transparent; border: 0px solid #808080; padding: 10px; } .yui-skin-sam .yui-calcontainer.multi { padding: 0px 27px 0 27px; } .yui-skin-sam .yui-calcontainer.multi .groupcal { background-color: transparent; border: none; margin: 0; padding-right: 7px; } .yui-skin-sam .yui-calcontainer.multi .groupcal + div { background: url('/members/images/bg_cal_splitter.png') no-repeat 3px 23px; padding-left: 14px; } .yui-skin-sam .yui-calcontainer .title { background: url(images/calendarsprite.png) repeat-x 0 0; border-bottom: 1px solid #ccc; font: 100% sans-serif; color: #000; font-family: 'PNSemibold'; font-weight: normal; height: auto; padding: .4em; margin: 0 -10px 10px -10px; top: 0; left: 0; text-align: left; } .yui-skin-sam .yui-calcontainer.multi .title { margin: 0 -5px 0 -5px; } .yui-skin-sam .yui-calcontainer.withtitle { padding-top: 0; } .yui-skin-sam .yui-calcontainer .calclose { /* background: url('/members/styles/images/calendarsprite.png') no-repeat 0 -300px;*/ width: 25px; height: 15px; top: .4em; right: .4em; cursor: pointer; } .yui-skin-sam .yui-calendar { border-spacing: 0; border-collapse: separate; font-size: 12px; font-family: sans-serif; text-align: center; margin: 0; box-shadow: 0 5px 13px 0px #c4c6c9; -moz-box-shadow: 0 5px 13px 0px #c4c6c9; -webkit-box-shadow: 0 5px 13px 0px #c4c6c9; } .yui-skin-sam .yui-calendar .calhead { background: transparent; border: none; vertical-align: middle; padding: 0; } .yui-skin-sam .yui-calendar .calheader { background: #1a8fbd; font-weight: normal; padding: 0.3em 0; text-align: center; } table.yui-calendar tr:hover { background: transparent; color: #fff; } table.yui-calendar th { background: transparent; color: #fff; } table.yui-calendar thead { border: 1px solid #cececf; } .yui-skin-sam .yui-calendar .calheader img { border: none; } .yui-skin-sam .yui-calendar .calnavleft { background: url('/members/images/bg_cal_left_arrow.png') no-repeat; width: 9px; height: 14px; top: 89px; bottom: 0; left: -24px; margin-left: .4em; cursor: pointer; } .yui-skin-sam .yui-calendar .calnavright { background: url('/members/images/bg_cal_right_arrow.png') no-repeat; width: 9px; height: 14px; top: 89px; bottom: 0; right: -24px; margin-right: .4em; cursor: pointer; } .yui-skin-sam .yui-calendar .calweekdayrow { height: 2em; } .yui-skin-sam .yui-calendar .calweekdayrow th { padding: 0.4em 0 0 0; border: none; } .yui-skin-sam .yui-calendar .calweekdayrow th + th { border-left: 1px solid #cececf; } .yui-skin-sam .yui-calendar .calweekdaycell { color: #6c7174; font-family: 'PNSemibold'; font-weight: normal; text-align: center; width: 2em; } .yui-skin-sam .yui-calendar .calfoot { background-color: #f2f2f2; } .yui-skin-sam .yui-calendar .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot { color: #a6a6a6; font-size: 12px; font-style: normal; font-weight: normal; border: none; } .yui-skin-sam .yui-calendar .calrowhead { text-align: right; padding: 0 2px 0 0; } .yui-skin-sam .yui-calendar .calrowfoot { text-align: left; padding: 0 0 0 2px; } .yui-skin-sam .yui-calendar td.calcell { border: 1px solid #ccc; background: #fff; padding: 1px; height: 1.6em; line-height: 1.6em; text-align: center; white-space: nowrap; } .yui-skin-sam .yui-calendar td.calcell a { color: #6c7174; display: block; height: 100%; text-decoration: none; } .yui-skin-sam .yui-calendar td.calcell.today { background-color: #96c800 !important; } .yui-skin-sam .yui-calendar td.calcell.today a { background-color: #96c800 !important; color: #fff !important; } .yui-skin-sam .yui-calendar td.calcell.oom { background: url('/members/images/bg_cal_disabled.png'); color: #a6a6a6; cursor: default; } .yui-skin-sam .yui-calendar td.calcell.selected { background-color: #a4d143; color: #000; } .yui-skin-sam .yui-calendar td.calcell.selected a { background-color: #a4d143; color: #000; } .yui-skin-sam .yui-calendar td.calcell.calcellhover { color: #fff; cursor: pointer; background-color: #a4d143 !important; } .yui-skin-sam .yui-calendar td.calcell.calcellhover a { background-color: #a4d143 !important; color: #fff; } .yui-skin-sam .yui-calendar td.calcell.previous { color: #e0e0e0; } .yui-skin-sam .yui-calendar td.calcell.restricted { text-decoration: line-through; } .yui-skin-sam .yui-calendar td.calcell.highlight1 { background-color: #cf9; } .yui-skin-sam .yui-calendar td.calcell.highlight2 { background-color: #9cf; } .yui-skin-sam .yui-calendar td.calcell.highlight3 { background-color: #fcc; } .yui-skin-sam .yui-calendar td.calcell.highlight4 { background-color: #cf9; } .yui-skin-sam .yui-calendar a.calnav { border: 1px solid #f2f2f2; padding: 0 4px; text-decoration: none; color: #000; zoom: 1; } .yui-skin-sam .yui-calendar a.calnav:hover { background: url('/members/styles/images/calendarsprite.png') repeat-x 0 0; border-color: #A0A0A0; cursor: pointer; } .yui-skin-sam .yui-calcontainer .yui-cal-nav-mask { background-color: #000; opacity: .25; *filter: alpha(opacity=25); } .yui-skin-sam .yui-calcontainer .yui-cal-nav { font-family: arial,helvetica,clean,sans-serif; font-size: 93%; border: 1px solid #808080; left: 50%; margin-left: -7em; width: 14em; padding: 0; top: 2.5em; background-color: #f2f2f2; } .yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav { top: 4.5em; } .yui-skin-sam .yui-calcontainer.multi .yui-cal-nav { width: 16em; margin-left: -8em; } .yui-skin-sam .yui-calcontainer .yui-cal-nav-y, .yui-skin-sam .yui-calcontainer .yui-cal-nav-m, .yui-skin-sam .yui-calcontainer .yui-cal-nav-b { padding: 5px 10px 5px 10px; } .yui-skin-sam .yui-calcontainer .yui-cal-nav-b { text-align: center; } .yui-skin-sam .yui-calcontainer .yui-cal-nav-e { margin-top: 5px; padding: 5px; background-color: #EDF5FF; border-top: 1px solid black; display: none; } .yui-skin-sam .yui-calcontainer .yui-cal-nav label { display: block; font-weight: normal; } .yui-skin-sam .yui-calcontainer .yui-cal-nav-mc { width: 100%; _width: auto; } .yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid { background-color: #FFEE69; border: 1px solid #000; } .yui-skin-sam .yui-calcontainer .yui-cal-nav-yc { width: 4em; } .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn { border: 1px solid #808080; background: url('/members/styles/images/calendarsprite.png') repeat-x 0 0; background-color: #ccc; margin: auto .15em; } .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button { padding: 0 8px; font-size: 93%; line-height: 2; *line-height: 1.7; min-height: 2em; *min-height: auto; color: #000; } .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default { border: 1px solid #304369; background-color: #426fd9; background: url('/members/styles/images/calendarsprite.png') repeat-x 0 -1400px; } .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button { color: #fff; } #divCalendarExpanded { background: #f0f0f0; z-index: 10; position: absolute; margin-left: 269px; margin-top: 50px; padding-bottom: 15px; border: none; border-collapse: separate; -moz-box-shadow: 0px 5px 19px -2px #000; -webkit-box-shadow: 0px 5px 19px -2px #000; box-shadow: 0px 5px 19px -2px #000; } #calendarbottompanel { vertical-align: bottom; padding-top: 5px; text-align: center; } #calendarbottompanel a, #calendarbottompanel a:visited, #calendarbottompanel a:hover { font-size: 14px; color: #6c7174; } .calendarbottompanel { vertical-align: bottom; padding-top: 5px; text-align: center; } .calendarbottompanel a, .calendarbottompanel a:visited, .calendarbottompanel a:hover { font-size: 14px; color: #6c7174; } .btn-calender { background: url('/members/images/bg_btn_calendar.png') no-repeat; cursor: pointer; border: none; width: 34px; height: 30px; float: left; } #btn-close-calendar { float: right; background-image: url('/members/images/bg_btn_close.png'); height: 15px; width: 48px; position: relative; right: 14px; top: 7px; cursor: pointer; } #cal-exp-btn-container { background: #f0f0f0; position: absolute; left: 77px; top: -43px; height: 43px; width: 44px; box-shadow: 0px -7px 11px -1px #000; -moz-box-shadow: 0px -7px 11px -1px #000; -webkit-box-shadow: 0px -7px 11px -1px #000; } #cal-shrunk-btn, .cal-shrunk-btn { background: url('/members/images/bg_btn_calendar.png') no-repeat; cursor: pointer; border: none; width: 34px; height: 30px; float: left; } #cal-exp-btn { background: url('/members/images/bg_btn_calendar.png') no-repeat; cursor: pointer; border: none; width: 34px; height: 30px; float: left; margin: 0.23em 0 0 0.4em; } .btn-close-popup { background-image: url('/members/images/callspagesprite.png'); height: 12px; width: 12px; background-position: -142px 0px; position: absolute; right: 7px; top: 7px; cursor: pointer; } .btncloseicon { background-image: url('/members/images/callspagesprite.png'); height: 12px; width: 12px; background-position: -142px 0px; } .mp3fileicon { background-image: url('/members/images/callspagesprite.png'); height: 16px; width: 16px; background-position: -260px 0px; } .dialog-info { color: #4996D2; font-family: 'PNSemibold'; font-size: 15px; } .style2 { color: #000; font-size: 13px; } .topmargin25 { margin-top: 20px; } .style-error { color: #fe1b1b; font-size: 13px; font-family: 'PNRegular'; } .timegroup-entry { border: 1px solid #fff; color: #7a6b6b; } .timegroup-entry tr { border-bottom: 1px solid #efefef; border: none; } .timegroup-entry-alt { background: #f6f7f9; border-bottom: 1px solid #efefef; } .timegroup-entry td { font-size: 13px; text-align: left; border-right: 1px solid #efefef; padding-bottom: 4px; padding-top: 4px; padding-left: 4px; padding-right: 0px; } .timegroup-entry td td { border: none; text-align: left; color: #7a6b6b; } .timegroup-entry tr:hover { background: #f0f0f0; cursor: pointer; color: #000; } .timegroup-s-head { position: relative; } .btn-blue { margin-top: 7px; margin-left: 8px; display: inline-block; position: relative; background: url('/members/images/bg_btn_blue.png') repeat-x; color: white !important; padding-left: 17px; padding-top: 2px; width: 27px; height: 14px; font-size: 11px; font-weight: bold; border-radius: 2px; } .btn-blue:hover { text-decoration: none; } .btn-blue span { left: 4px; top: 1px; position: absolute; background: url('/members/images/bg_icon_save_blue.png') no-repeat; height: 11px; width: 9px; display: inline-block; text-align: center; } .btn-red { margin-top: 7px; margin-left: 1px; display: inline-block; position: relative; background: url('/members/images/bg_btn_red.png') repeat-x; color: white !important; padding-left: 17px; padding-top: 2px; width: 34px; height: 14px; font-size: 11px; font-weight: bold; border-radius: 2px; } .btn-red:hover { text-decoration: none; } .btn-red span { left: 4px; top: 4px; position: absolute; background: url('/members/images/bg_icon_delete_red.png') no-repeat; height: 11px; width: 9px; display: inline-block; text-align: center; } .ratingStar { font-size: 0pt; width: 15px; height: 15px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; } .filledRatingStar, .savedRatingStar { background-image: url('/members/images/callspagesprite.png'); height: 15px; width: 15px; background-position: -65px 0px; } .emptyRatingStar { background-image: url('/members/images/callspagesprite.png'); height: 15px; width: 15px; background-position: -65px -16px; } .tblNotes { /*border: 1px solid #BCBCBC; border-radius: 4px 4px 4px 4px; border-collapse: separate;*/ } .tblNotes tr, .tblNotes tr:hover { background-color: white; } .tblNotes td { vertical-align: top; } .tblNotes a, .tblNotes a:hover { text-decoration: underline; } .textareaNotes, .textareaNotes:focus, .textareaNotes:active, .textareaNotes.highlighted { border: none; padding: 0px; font-family: 'PNRegular', Arial, sans-serif; } .textareaNotesHint, .textareaNotesHint:focus, .textareaNotesHint:active, .textareaNotesHint.highlighted { border: none; font-family: 'PNRegItalic', Arial, sans-serif; padding: 0px; color: #CCCCCC; background-color: transparent; } input.lblSubject { border-radius: 0px; } input.lblSubject:focus, input.lblSubject:active { background-color: #FFFFE0; } input.lblSubjectHint, input.lblSubjectHint:focus, input.lblSubjectHint:active, input.lblSubjectHint.highlighted { font-family: 'PNRegItalic', Arial, sans-serif; color: #CCCCCC; } .lblCallsNoTimestamp { font-family: 'PNSemibold'; } .lblDateRange { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .divRSS a, .divRSS a:hover, .divRSS a:visited { color: orange; text-decoration: none; font-size: 14px; } .calldropdownmenu tr.normal { color: black; background-color: white; height: 25px; vertical-align: middle; cursor: pointer; } .calldropdownmenu tr.normal:hover { background-color: #E9E9E9; color: black; cursor: pointer; } .calldropdownmenu td { padding-left: 10px; padding-right: 10px; } .callsroundbutton { border-color: #e5e5e5; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #FCFBF9; outline: medium none; padding-top: 3px; padding-bottom: 3px; height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .callsroundbuttontext { padding-left: 10px; padding-right: 10px; padding-top: 4px; color: #000000; font-size: 14px; text-align: center; white-space: nowrap; vertical-align: middle; } .callsroundbutton:hover { cursor: pointer; text-decoration: none; } .callsroundbutton label:hover { cursor: pointer; text-decoration: none !important; } .callsroundbuttonleft { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .callsroundbuttonright { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #e5e5e5; } .btnevent { width: 100px; cursor: default; text-align: center; vertical-align: middle; color: White; border-radius: 5px; padding: 4px 0 4px 0; } #callhistorytable { width: 840px; } #callhistorytable th { white-space: nowrap; background: none repeat scroll 0 0 #96c800; color: #FFFFFF; font-family: 'PNBold'; font-size: 14px; padding: 10px 0 10px 15px; text-align: left; } #callhistorytable td { font-family: 'PNRegular'; font-size: 13px; padding: 3px 10px 3px 10px; text-align: left; } #callhistorytable tr:hover { background: none repeat scroll 0 0 #EBEBEB; cursor: pointer; } #callhistorytable .row-alt { background: none repeat scroll 0 0 #F3F9FC; } .dateusercontrol { background: #f0f0f0; z-index: 10; position: absolute; margin-left: -82px; margin-top: 40px; padding-bottom: 15px; border: none; border-collapse: separate; -moz-box-shadow: 0px 5px 19px -2px #000; -webkit-box-shadow: 0px 5px 19px -2px #000; box-shadow: 0px 5px 19px -2px #000; } .content-fieldgroups { padding-top: 10px; padding-left: 20px; padding-right: 20px; } .content-fieldgroups .field-group { padding-top: 20px; padding-bottom: 10px; } .content-fieldgroups .field-group-spacer { border-bottom: 1px dotted #CCC; } .content-fieldgroups .field-group .field { padding-left: 20px; padding-bottom: 20px; } .content-fieldgroups .field-group .field h2 { color: #333333 !important; padding-bottom: 0px !important; margin-bottom: 5px !important; } .content-fieldgroups .field-group .field h4 { color: #333333 !important; font-size: 12px !important; font-weight: normal !important; font-family: 'PNSemibold' !important; /* padding-left: 15px;*/ margin-bottom: 0px !important; } .content-fieldgroups .field-group .field a { cursor: pointer; } /* Confirmation Dialog buttons */ .btn-green-short { position: relative; display: inline-block; background: url('/members/styles/images/bg_btngreen.png') repeat-x !important; color: #fff; font-size: 16px !important; font-family: 'PNSemibold', Arial, Sans-Serif !important; line-height: 34px; -moz-box-shadow: 0 2px 3px 0px #B3C28F,0 -1px 1px 0px #B3C28F; -webkit-box-shadow: 0 2px 3px 0px #B3C28F,0 -1px 1px 0px #B3C28F; box-shadow: 0 2px 3px 0px #B3C28F,0 -1px 1px 0px #B3C28F; border-radius: 3px; width: 90px; text-align: center; } .btn-green-short:active, .btn-green-short:hover, .btn-green-short:visited, .btn-green-short:focus { color: #fff; } .btn-red-short { position: relative; display: inline-block; background: url('/members/styles/images/bg_btnred.png') repeat-x !important; color: #fff; font-size: 16px !important; font-family: 'PNSemibold', Arial, Sans-Serif !important; line-height: 34px; -moz-box-shadow: 0 -1px 1px 0px #D21F24,0 1px 3px 1px #D21F24; -webkit-box-shadow: 0 -1px 1px 0px #D21F24,0 1px 3px 1px #D21F24; box-shadow: 0 -1px 1px 0px #D21F24,0 1px 3px 1px #D21F24; border-radius: 3px; width: 90px; text-align: center; } .btn-red-short:active, .btn-red-short:hover, .btn-red-short:visited, .btn-red-short:focus { color: #fff; } .btn-blue-short { position: relative; display: inline-block; background: url('/members/styles/images/bg_btn_blue.png') repeat-x !important; color: #fff; font-size: 16px !important; font-family: 'PNSemibold', Arial, Sans-Serif !important; line-height: 34px; -moz-box-shadow: 0 -1px 1px 0px #1B94C2,0 1px 3px 1px #1B94C2; -webkit-box-shadow: 0 -1px 1px 0px #1B94C2,0 1px 3px 1px #1B94C2; box-shadow: 0 -1px 1px 0px #1B94C2,0 1px 3px 1px #1B94C2; border-radius: 3px; width: 90px; text-align: center; } .btn-blue-short:active, .btn-blue-short:hover, .btn-blue-short:visited, .btn-blue-short:focus { color: #fff; } /* Right Side Panel Menu Buttons */ .btn-right-menu { position: relative; display: inline-block; padding-right: 16px; line-height: 34px; border-radius: 3px; width: 150px; } .btn-right-menu-centretext { text-align: center; } .btn-right-menu-noicon { padding-left: 15px; } .btn-right-menu-icon { padding-left: 45px; } .btn-right-menu-icon span { left: 10px; top: 5px; position: absolute; height: 23px; width: 23px; display: inline-block; } .btn-right-menu-blue { background-color: #4996D2; border-color: #3E60AC; } .btn-right-menu-blue:hover { background-color: #3E60AC; } .btn-right-menu-green { background-color: #4996D2; border-color: #3E60AC; /*-moz-box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; -webkit-box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B;*/ } .btn-right-menu-green:hover { background-color: #3E60AC; } .btn-right-menu-red { background-color: #C91E57; border-color: #A11D4F; } .btn-right-menu-red:hover { background-color: #A11D4F; } .btn-right-menu-grey { background-color: #96c800; /*background: url("/members/styles/images/bg_btngreen.png") repeat-x;*/ -moz-box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; -webkit-box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; } .btn-right-menu-icon-add span { background: url('/members/styles/images/bg_btnplus.png') no-repeat; } .btn-right-menu-icon-save span { background: url('/members/styles/images/bg_btn_save.png') no-repeat; } .btn-right-menu-icon-delete span { background: url('/members/styles/images/bg_btn_delete.png') no-repeat; } .btn-right-menu-icon-detail span { background: url('/members/styles/images/bg_btn_detail.png') no-repeat; } .btn-right-menu-icon-history span { background: url('/members/styles/images/bg_btn_history.png') no-repeat; } .btn-right-menu-icon-impersonate span { background: url('/members/styles/images/bg_btn_impersonate.png') no-repeat; } .btn-right-menu-icon-invoice span { background: url('/members/styles/images/bg_btn_invoice.png') no-repeat; } .btn-right-menu-icon-return span { background: url('/members/styles/images/bg_btn_return.png') no-repeat; } .btn-right-menu-icon-apply span { background: url('/members/styles/images/bg_btn_apply.png') no-repeat; } .btn-right-menu-icon-edit span { background: url('/members/styles/images/bg_btn_apply.png') no-repeat; } a.btn-right-menu, a.btn-right-menu:visited, a.btn-right-menu:link, a.btn-right-menu:hover { color: white; font-family: 'PNSemibold', Arial, Sans-Serif; font-size: 16px; text-decoration: none; } a.btn-right-menu[disabled] { color: white; cursor: default; } /* Login Page */ .login-body { background: #5A5A5A none repeat scroll 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #login-container { /*width: 100%;*/ /*padding-top: 15%;*/ /*background: #5A5A5A none repeat scroll 0 0;*/ font-size: 16px; color: #fff; } #login-content { padding-top: 10px; padding-bottom: 20px; background: url('/members/images/bg_login.png') repeat scroll 96% 0 transparent; margin: 0 auto; width: 490px; -moz-box-shadow: 0 -1px 1px 0px #3f3f3f, 0 4px 15px 1px #3f3f3f; -webkit-box-shadow: 0 -1px 1px 0px #3f3f3f, 0 4px 15px 1px #3f3f3f; box-shadow: 0 -1px 1px 0px #3f3f3f, 0 4px 15px 1px #3f3f3f; border-radius: 3px; } #login-content-body { padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; } #login-content table { margin: 0 auto; } #login-content table td { padding-top: 10px; } #login-title { text-align: center; font-family: 'PNSemibold'; font-size: 29px; color: #fff; padding-bottom: 11px; background: url('/members/images/bg_title_splitter.png') no-repeat 50% 100%; } #login-content input[type='Text'], #login-content input[type="password"] { height: 30px; border: 1px solid #D1D1D1; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin: 7px 0 0 0; padding: 0 0 0 8px; font-family: Arial; font-size: 16px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .login_checkbox input[type='CheckBox'] + label { position: relative; top: -2px; font-family: 'PNSemibold'; font-size: 16px; color: #fff; } .login_checkbox input[type='CheckBox'] + label:hover { text-decoration: underline; } a.login_forgotpassword, a.login_forgotpassword:visited, a.login_forgotpassword:hover { font-family: 'PNRegular', Arial, Sans-Serif; font-size: 14px; color: white; text-decoration: none; } a.login_forgotpassword:hover, a.login_forgotpassword:active, a.login_home:hover, a.login_home:active { text-decoration: underline; } a.login_home, a.login_home:visited { font-family: 'PNSemibold', Arial, Sans-Serif; font-size: 16px; color: white; text-decoration: none; } .login-error { background-color: #FFFAD8; border: 1px solid #636363; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 10px 8px 10px 8px; text-align: center; font-family: 'PNSemibold'; font-size: 14px; color: red; } .btn-login { display: inline-block; text-align: center; border-radius: 3px; padding-left: 16px; padding-right: 16px; padding-top: 6px; padding-bottom: 6px; white-space: nowrap; width: 100px; background: url("/members/styles/images/bg_btngreen.png") repeat-x; /*-moz-box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; -webkit-box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B;*/ -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -o-user-select: none; -ms-user-select: none; /* IE 10+ */ user-select: none; } a.btn-login, a.btn-login:visited, a.btn-login:link, a.btn-login:hover { color: white; font-family: 'PNSemibold', Arial, Sans-Serif; font-size: 18px; text-decoration: none; } a.btn-login[disabled] { color: white; cursor: default; -moz-box-shadow: 0 -1px 1px 0px gray,0 1px 3px 1px gray; -webkit-box-shadow: 0 -1px 1px 0px gray,0 1px 3px 1px gray; box-shadow: 0 -1px 1px 0px gray,0 1px 3px 1px gray; } /* Members Billing Page */ table#price-table { width: 100%; font-size: 14px; border-spacing: 0px; cursor: default; } table#price-table td { text-align: center; padding: 8px 2px 8px 2px; border-bottom: 1px solid #e2e2e2; } table#price-table td.plan { text-align: center; font-size: 18px; font-family: 'PNSemibold'; padding: 5px; background-color: #2670C9; border-bottom: 1px solid #bababa; color: white; border-bottom: none; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-left-radius: 5px; -o-border-top-right-radius: 5px; -khtml-border-top-left-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 20px; min-width: 120px; } table#price-table td.blank { border-bottom: none; } table#price-table td.pricing { padding-top: 5px; padding-bottom: 15px; background-color: #96CB47; width: 20%; } table#price-table td.left { width: 150px; text-align: right; white-space: nowrap; } table#price-table tr.currentplan { font-size: 16px; font-family: 'PNSemibold'; color: #2670C9; } table#price-table .currentplan td { border-bottom: none; } table#price-table td.pricing h1 { font-size: 26px; font-family: 'PNSemibold'; font-weight: normal; margin-bottom: 0px; white-space: nowrap; color: white; } table#price-table td.pricing h2 { font-size: 14px; font-family: 'PNSemibold'; font-weight: normal; margin-bottom: 0px; white-space: nowrap; color: white; } .checkmarkicon { background-image: url('/members/images/callspagesprite.png'); height: 12px; width: 14px; background-position: -293px 0px; } #billing-contact-sales { font-size: 16px; margin: 0 auto; cursor: default; border: 1px solid #bababa; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-top: 20px; width: 740px; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; white-space: nowrap; } /* File upload control */ .file-wrapper { cursor: pointer; display: inline-block; overflow: hidden; position: relative; } .file-wrapper input { cursor: pointer; font-size: 100px; height: 100%; filter: alpha(opacity=1); -moz-opacity: 0.01; opacity: 0.01; position: absolute; right: 0; top: 0; } .file-wrapper .button { background-color: #0064D2; /*background: url('/members/styles/images/bg_btn_blue.png') repeat-x !important;*/ color: #fff; font-size: 16px !important; font-family: 'PNSemibold', Arial, Sans-Serif !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; margin-right: 5px; padding: 4px 18px; } .import-success-message-container { text-align: left; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; } .import-success-message-container span { cursor: default; color: #005a28; background-color: #96cb47; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; font-family: 'PNRegular'; font-size: 16px; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; white-space: nowrap; vertical-align: middle; overflow: visible; display: block; *display: inline; *zoom: 1; } .import-failed-message-container { text-align: left; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; } .import-failed-message-container span { cursor: default; color: #b8080e; background-color: #ffcccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 0 -1px 1px 0px #C7C29B,0 1px 3px 1px #C7C29B; font-family: 'PNRegular'; font-size: 16px; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; white-space: nowrap; vertical-align: middle; overflow: visible; display: block; *display: inline; *zoom: 1; } .error-container { text-align: left; margin-top: 5px; cursor: default; } .error-container span { color: #b8080e; background-color: #FFCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-family: 'PNRegular'; font-size: 16px; padding-top: 4px; padding-bottom: 4px; padding-left: 20px; padding-right: 20px; white-space: nowrap; vertical-align: middle; overflow: visible; display: inline-block; *display: inline; *zoom: 1; width: auto !important; } .phonenumberlistcontrol table td { vertical-align: middle; background-color: White; height: 35px; } .phonenumberlistcontrol a { color: #4996D2; } /* DropDown Filer usercontrol */ .dropdownfilter .search input[type='Text'] { width: 320px; float: left; font-size: 14px; } .dropdownfilter .search .placeholder { font-style: italic; color: silver; } .dropdownfilter .search .btn-search { float: left; position: relative; left: -28px; top: 5px; background: url('/members/images/bg_btn_search.png') no-repeat; height: 17px; width: 19px; border: none; cursor: pointer; } .dropdownfilter .button { border-color: #e5e5e5; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #FCFBF9; outline: medium none; padding: 5px 10px 5px 15px; cursor: pointer; border-radius: 4px; border-right-width: 1px; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -o-user-select: none; -ms-user-select: none; /* IE 10+ */ user-select: none; font-size: 14px; margin-left: 10px; } .dropdownfilter .button .buttonopen { font-size: 10px; padding-left: 10px; } .dropdownfilter a:hover { cursor: pointer; } .dropdownfilter .content { border-style: solid; border-width: 1px; border-color: #CCCCCC; border-radius: 3px; margin-top: 5px; padding: 10px 20px 10px 20px; background-color: #fff; } .dropdownfilter .content .options { border-top: 1px dashed; margin-top: 10px; padding-top: 10px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dropdownfilter .content strong { font-family: 'PNSemibold', Arial, sans-serif; /*line-height: 25px;*/ padding-bottom: 10px; } .dropdownfilter .content a { font-family: 'PNRegular', Arial, sans-serif; color: #333; line-height: 20px; } .dropdownfilter .content a:hover { text-decoration: none; color: #4996D2; } .dropdownfilter a.clearlink { color: #4996D2; text-decoration: none; } .dropdownfilter a.clearlink:hover { text-decoration: underline; } .dropdownfilter .content td { white-space: nowrap !important; vertical-align: top !important; } .dropdownfilter .content td .padright { padding-right: 20px !important; } .dropdownfilter .content .selected { font-family: 'PNSemibold', Arial, sans-serif; line-height: 18px; } .dropdownfilter .selectedcontainer { padding-left: 0px; } .dropdownfilter .selectedcontainer .item { background-color: #FCFBF9; cursor: default; padding: 3px 5px 3px 10px; margin-left: 10px; margin-top: 2px; line-height: 18px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; } .dropdownfilter .selectedcontainer .item a.icon-close, .dropdownfilter .content a.icon-close { display: inline-block; background-image: url('images/icon_remove.png'); background-repeat: no-repeat; height: 10px; width: 10px; margin-left: 6px; margin-right: 2px; margin-top: 4px; cursor: pointer; } /* DropDown Menu usercontrol */ .dropdownmenu .button { border-color: #e5e5e5; border-style: solid; border-width: 1px; background-color: #FCFBF9; outline: medium none; padding: 5px 10px 5px 15px; cursor: pointer; border-radius: 4px; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -o-user-select: none; -ms-user-select: none; /* IE 10+ */ user-select: none; font-size: 14px; } .dropdownmenu .button .buttonopen { font-size: 10px; padding-left: 10px; } .dropdownmenu .options { border-style: solid; border-width: 1px; border-color: #CCCCCC; background-color: #fff; border-radius: 4px; } .dropdownmenu .options ul { margin: 0; padding: 0; } .dropdownmenu .options li { padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; background-color: #fff; white-space: nowrap; } .dropdownmenu .options li:hover { cursor: pointer; color: white; background-color: #636363; } .report-graph { padding: 10px 10px 10px 10px; border-radius: 15px; background-color: #f2f2f3; } .content-frame { margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 100px; } .report-section { padding: 15px 15px 15px 15px; } .report-section-full { width: 97.9%; } .report-section-half { display: inline-block; width: 46.4%; vertical-align: top; } .report-section-half:nth-child(2) { margin-left: 20px; } .report-section-border { border-radius: 15px; /*border-color: #D4DDDE; border-width: 2px; border-style: solid;*/ } .report-section-background { background-color: #f2f2f3; } /* This is old stuff and should be removed when possible */ .report-full { padding: 15px 15px 15px 15px; width: 97.9%; } .report-half { float: left; padding: 15px 15px 15px 15px; min-width: 300px; width: 46.5%; } .report-half:nth-child(2) { } .report-half:nth-child(2n+1) { } /*.gv-handsetsgroup .checkboxitem label { display: block; padding-left: 15px; text-indent: -15px; }*/ /*.gv-handsetsgroup .checkboxitem input { width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; }*/ /* Theme colours based upon type of account logged in. E.g. Admin, Reseller or Client */ /*.theme-green div#header, .theme-green .gv-calls th, .theme-green .gv-settings th { background-color: #009b46 !important; } .theme-green div#footer span.calln_logo_inv em, .theme-green div#footer span.brand--logo__telstra::before, .theme-green div#footer h1, .theme-green div#footer .footerSLagreement a { color: #009b46 !important; } .theme-blue div#header, .theme-blue .gv-calls th, .theme-blue .gv-settings th { background-color: #0064d2 !important; } .theme-blue div#footer span.calln_logo_inv em, .theme-blue div#footer span.brand--logo__telstra::before, .theme-blue div#footer h1, .theme-blue div#footer .footerSLagreement a { color: #0064d2 !important; } .theme-orange div#header, .theme-orange .gv-calls th, .theme-orange .gv-settings th { background-color: #f05a00 !important; } .theme-orange div#footer span.calln_logo_inv em, .theme-orange div#footer span.brand--logo__telstra::before, .theme-orange div#footer h1, .theme-orange div#footer .footerSLagreement a { color: #f05a00 !important; }*/ .gv-attachments .attachment { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 250px; word-break: break-all; word-wrap: break-word; } .gv-calls .arguments { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 250px; word-break: break-all; word-wrap: break-word; } .dashboardsectionheading { font-family: 'PNSemibold'; font-size: 18px; color: #6d6e71; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -o-user-select: none; -ms-user-select: none; /* IE 10+ */ user-select: none; cursor: default; } .LeftMenu { /*background: #F3F3F3; border-right: 1px solid #dfdfdf;*/ /*padding-top: 15px;*/ } .LeftMenu div a.level1 { font-family: 'PNSemibold', Arial, Sans-Serif; display: block; font-size: 13px; padding: 10px 20px 10px 20px; min-width: 106px; text-transform: uppercase; white-space: nowrap; margin-top: 5px; margin-right: 5px; } .LeftMenu div a.level1.selected, .LeftMenu div a.level1:hover, .LeftMenu div a.level1:active { background: #58595b; color: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .LeftMenu div a.level2 { font-family: 'PNSemibold', Arial, Sans-Serif; display: block; font-size: 13px; padding: 10px 20px 10px 40px; min-width: 106px; text-transform: uppercase; white-space: nowrap; margin-top: 5px; margin-right: 5px; } .LeftMenu div a.level2.selected, .LeftMenu div a.level2:hover, .LeftMenu div a.level2:active { background: #58595b; color: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .LeftMenu div a.level2:active { height: 16px; } .LeftMenu div a.level3 { font-family: 'PNSemibold', Arial, Sans-Serif; display: block; font-size: 13px; padding: 10px 20px 10px 60px; min-width: 106px; text-transform: uppercase; white-space: nowrap; margin-top: 5px; margin-right: 5px; } .LeftMenu div a.level3.selected, .LeftMenu div a.level3:hover, .LeftMenu div a.level3:active { background: #58595b; color: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .LeftMenu div a { color: #313131; font-family: 'PNSemibold', Arial, Sans-Serif; font-size: 13px; } .LeftMenu div a:hover { text-decoration: none; } .LeftMenu div li { /*border-bottom: 1px solid #dfdfdf;*/ } .RightSection { min-height: 400px; width: 260px; background: #fff; border-left: 1px solid #dfdfdf; padding-left: 10px; padding-right: 10px; font-size: 13px; } .analyticsbrowsercallviewdetails { } .analyticsbrowsercallviewdetails tr { line-height: 30px; } .analyticsbrowserscoresheetview { } .analyticsbrowserscoresheetview .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; } /* Settings GridView tables */ .gv-scoresheet-settings { color: #000000; } .gv-scoresheet-setting tr { cursor: default; } .gv-scoresheet-setting tr:hover { /*background: #f0f0f0;*/ } .gv-scoresheet-setting-row-selectable tr:hover { cursor: pointer !important; } .gv-scoresheet-setting td { font-size: 13px; font-family: 'PNRegular', Arial, Sans-Serif; padding: 2px 8px 2px 8px; /*border-right: 1px solid #efefef;*/ vertical-align: top; white-space: nowrap; } .gv-scoresheet-setting td.centered { text-align: center; } /*.gv-scoresheet-setting th a, .gv-scoresheet-setting th a:focus { color: #fff; }*/ .gv-scoresheet-setting a.detail { background: url('members/styles/images/members/bg_detail_icon.png') no-repeat 6px 0px; } .gv-scoresheet-setting a.download { background: url('members/styles/images/members/bg_download_icon.png') no-repeat 8px 0px; } .gv-scoresheet-setting a.email { background: url('members/styles/images/members/bg_email_icon.png') no-repeat 4px 3px; } .gv-scoresheet-setting a:hover { /*text-decoration: none;*/ } .gv-scoresheet-setting a { color: #4996D2; vertical-align: top; } .gv-scoresheet-setting td td { border: none; text-align: left; /*color: #7a6b6b;*/ } .gv-scoresheet-setting td tr { border: none; } .gv-scoresheet-setting .padding10left { padding-left: 10px; } .gv-scoresheet-setting .padding30left { padding-left: 30px; } /*.gv-scoresheet-setting-alt { background: #f6f7f9; }*/ .gv-scoresheet-setting .ImageColumn { padding-left: 30px; } .gv-scoresheet-setting-opaque .gv-scoresheet-setting-row, .gv-scoresheet-setting-opaque .gv-scoresheet-setting-alt { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; } .gv-scoresheet-setting-row, .gv-scoresheet-setting-alt { border-bottom: 1px solid #CCC; } .gv-scoresheet-setting-row .spacebelow, .gv-scoresheet-setting-alt .spacebelow { padding-bottom: 1em; } .custom-dialog .content-fieldgroups, .custom-dialog .content-fieldgroups .field-group, .custom-dialog .content-fieldgroups .field-group .field { padding-left: 0px; padding-right: 0px; padding-top: 0px; } a.link-standard { color: #4996D2; text-decoration: none; font-family: 'PNSemibold'; cursor: pointer; } a.link-standard:hover { text-decoration: underline; } a.link-standard.selected { text-decoration: underline; cursor: default; } .ContentTopMenu { background: #58595b; } .ContentTopMenu a { display: block; font-family: 'PNSemibold', Arial, Sans-Serif; font-size: 13px; padding: 10px 20px 10px 20px !important; text-transform: uppercase; white-space: nowrap; } .ContentTopMenu a.level1:hover { color: #2e2e2e; background: #d5d5d5; text-decoration: none; } .ContentTopMenu a.level1 { color: #fff; background: #58595b; } .ContentTopMenu a.level1.selected { color: #2e2e2e; background: #d5d5d5; } .ContentTopMenu a:active { height: auto !important; } /* This is a dodgy fix for the initial vertical redraw while loading */ .ContentTopMenu ul li { position: relative; float: left; list-style: none; } .analytics-browser-topsection .sentiment-percentage { border-radius: 3px; border-color: #D4DDDE; border-width: 2px; border-style: solid; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; cursor: default; }