/************************ HTML5 BOILER PLATE EDIT ************************/
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:'vollkorn', sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.5;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:focus{outline:thin dotted}a:active{outline:0}abbr[title]{border-bottom:1px dotted} b{font-family:'proxima-nova-extrabold', sans-serif;}strong{font-family:'proxima-nova-extrabold', sans-serif;}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}*{font-weight: normal;}
/****************************** BODY STYLES ******************************/
body { background: #FFF; color: #323d47; font-size: 16px; font-family: Vollkorn, serif; } /*line-height: 20px;*/
/**************************** GENERAL STYLES *****************************/
p { margin: 16px 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'proxima-nova', sans-serif; margin: 0; }
h1 { font-size: 28px; line-height: 29px; text-transform: uppercase; }
h2 { font-size: 26px; line-height: 28px; }
h3 { font-size: 19px; line-height: 20px; }
h4 { font-size: 16px; line-height: 18px; }
h5 { font-size: 14px; line-height: 16px; }
h6 { font-size: 12px; line-height: 14px; }
abbr { text-transform: uppercase; }
small { font-size: 14px; color: #999; }
.small { font-size: 14px; }
p.small { font-size: 14px; line-height: 1.2em; }
.actionlink { font-size: 14px; }
.nodisplay { display: none; }
.nomargin { margin: 0 !important; }
.nopadding, tr.nopadding td { padding: 0 !important; }
.nobg, .nobg:hover { background-color: inherit !important; }
table td.nobg, table td.nobg:hover
{ background-color: none !important; }
.container { margin: 0 auto; width: 876px; overflow:hidden; }
.left { float: left !important; }
.right { float: right !important; }
.normal { color: #323d47; }
.blackbg { color: #FFFFFF !important; background-color: #000000 !important; }
.blackbg:hover { color: #dad9d7 !important; }
.dkgreybg { color: #FFFFFF !important; background-color: #323d47 !important; }
.dkgreybg:hover { color: #dad9d7 !important; }
/*
.red { color: #ce0202; }
.yellow { color: #FFCC00; }
.green { color: #03c81d; }
*/
.search { color: #323d47; }
.hassearch { width: 370px; }
.date { width: 100px; }
.time { width: 60px; }
.clear { clear: both; }
.togglelink { background-image: url(../images/icon-more.png); background-position: 100% 50%; background-repeat: no-repeat; }
.togglelink:hover { cursor: pointer; }
.togglelink.active { background-image: url(../images/icon-less.png); }
.togglepanel { display: none; margin-bottom: 10px; }
.top { float: right; display: block; width: 24px; height: 24px; background-image: url(../images/backTopGrey_sml.jpg); background-position: top left; background-repeat: no-repeat; opacity: 0.4; }
.host td, .host td a { font-weight: bold; }
.different { background-color: #00FF00; }
/****************************** LOGIN FORM *******************************/
table.login, table.password { margin: 0; }
table.login td, table.password td
{ padding: 0; background-color: #FFF; }
table.login table, table.password table
{ margin: 0; padding: 0; }
table.password .button { text-align : left; float: left; margin-top: 30px; }
/*************************** BUTTONS & LINKS *****************************/
a { text-decoration: none; }
a:hover, #header a:hover
{ color: #323d47; }
a.more { padding: 3px 25px; background-image: url(../images/icons/icon-more.png); background-repeat: no-repeat; background-position: right top; }
a.next { background: url(../images/btnMore.png) no-repeat 97% center; background-size: 20px 20px; display: block; max-width: 245px; }
a.less { padding: 3px 25px; background-image: url(../images/icons/icon-less.png); background-repeat: no-repeat; background-position: right bottom; }
a.play { background-image: url(../images/icons/icon-play.png); background-repeat: no-repeat; background-position: top left; }
a.icon {}
h3 a.icon { margin-right: 5px; position: relative; top: -3px; }
a.pdf { background-image: url(../images/icons/icon-pdf.png); background-repeat: no-repeat; background-position: left top; padding-left: 22px; }
.buttons { min-height: 35px; clear: both; float: none; width: 100%; }
.buttons .left { margin-right: 10px; }
.buttons .right { margin-left: 10px; }
.button { text-transform: uppercase; padding: 5px 15px; font-size: 14px; border-radius: 6px; }
input.button { border: none; }
.button.download { padding-right: 35px; background-image: url(../images/btn-download.png); background-repeat: no-repeat; background-position: 90% 4px; }
.dropdown-inline-button { font-size: 14px; }
/******************************** HEADER *********************************/
#header { width: 100%; height: 171px; clear: both; }
#header .menu { height: 34px; }
#header .menu .left { position: fixed; z-index: 9000; border: 1px solid #FFFFFF; border-top: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
#header ul { float: right; margin: 0; padding: 0; }
#header li { float: left; list-style: none; }
#header li a, #header li p { display: block; background-image: url(../images/bg-header-menu.png); background-repeat: no-repeat; background-position: right center; font-size: 14px; padding: 7px 10px; } /* margin-right: 10px; */
#header li:last-child a, #header li:last-child p
{ background-image: none; } /* margin-right: 0px; padding-right: 0px; */
#header li p { margin: 0 0 0 0; }
#header li img { position: relative; top: -2px; }
#header .logo { float: left; position: relative; width: 290px; height: 84px; margin: 15px 0 48px 15px; }
#header .logoinner { position: absolute; bottom: 0; }
#header .logo img { max-width: 300px; max-height: 84px; }
div.accInfo { float: right; padding: 15px 0 0 0; }
.panelAccInfo { float: left; text-align: right; padding: 0 25px; margin-bottom: 32px; border-right: 2px dotted #dad9d7; }
.panelAccInfo:last-of-type { border-right: 0px; padding: 0 0 0 25px; }
.panelAccInfo p { margin-bottom: 0px; height: 60px; }
.panelAccInfo .pin { float: left; padding: 0 25px 0 0; border-right: 2px dotted #dad9d7; }
.panelAccInfo .pin.last { border-right: 0px; padding: 0 0 0 25px; }
.panelAccInfo .pin p { height: 20px; }
/**************************** ACTIVE CONFERENCE **************************/
#activeconference { display: block; padding-top: 3px; }
#activeconference .container{ padding: 15px; }
#activeconference h2 { text-transform: uppercase; margin-top: 16px; margin-bottom: 16px; }
#activeconference h3 { color: #323d47; }
#activeconference .rightbar { padding-right: 0; }
#activeconference .callout li
{ margin-bottom: 10px; }
#activeconference .callout li:last-child
{ margin-bottom: 0; }
/****************************** ACTIVE ALERT ****************************/
#activealert { display: block; padding-top: 3px; }
#activealert .container { padding: 15px; }
#activealert h2 { text-transform: uppercase; margin-top: 16px; margin-bottom: 16px; }
#activealert p { color: #323d47; }
/********************************** MENU *********************************/
#menu { width: 100%; margin-bottom: 30px; border-top: 3px solid; }
#menu ul { width: 100%; margin: 0; padding: 0; clear: both; }
#menu li { float: left; list-style: none; }
#menu li a { font-family: 'proxima-nova', sans-serif; font-size: 14px; display: block; }
#menu1 { width: 100%; min-height: 37px; position: relative; top: -3px; }
#menu1 ul { float: left; margin-top: -7px; }
#menu1 li { width: 25%; min-height: 40px; }
#menu1 li a { min-height: 40px; line-height: 16px; text-transform: uppercase; padding: 13px 10px 9px 10px; text-align: center; }
#menu2 { width: 100%; }
#menu2 ul { min-height: 38px; }
#menu2 li { margin-top: -4px; }
#menu2 li a { line-height: 14px; border-right: 2px solid #FFFFFF; margin: 14px 0; padding: 0 15px; }
#menu2 li:last-child a { border-right: 0px; margin-right: 0px; padding-right: 0px; }
#sectionNav { float: right; clear: both; }
#sectionNav li { display: inline-block; list-style: none; margin-left: 20px; }
/********************************* STEPS *********************************/
ul.steps { width: 100%; margin: 0 0 25px 0; padding: 0; clear: both; }
ul.steps li { display: inline-block; list-style: none; margin-right: 10px; }
/******************************** CONTENT ********************************/
#content { }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6
{ padding: 0 15px; }
.section { padding: 0 15px; border-top: 2px dotted #7c7c7d; margin-top: 20px; padding-top: 30px; overflow: hidden; }
.section:last-child { border-bottom: 2px dotted #7c7c7d; margin-bottom: 20px; padding-bottom: 30px; }
.section h2 { margin-bottom: 16px; }
#content div .section:last-child
{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.section h1, .section h2, .section h3, .section h4, .section h5, .section h6
{ padding: 0 !important; }
.section .leftcontent h3 { padding-right: 30px !important; }
.section iframe { margin-left: -15px; }
.leftcontent, .rightcontent { width: 74%; display: inline-block; vertical-align: top; }
.leftcontent { float: left; }
.rightcontent { border-left: 2px dotted #7c7c7d; padding-left: 25px; }
.leftbar, .rightbar { width: 26%; display: inline-block; padding-right: 25px; vertical-align: top; } /*overflow-x: auto; padding-bottom: 15px; */
.leftbar { float: left; }
.rightbar { }
.leftbar p, .rightbar p { margin: 5px 0; }
.leftbar .button, .rightbar .button
{ display: block; margin-bottom: 5px; }
.leftbar .spacer, .rightbar .spacer
{ height: 10px; }
.leftbar.fixed { position: fixed; top: 100px; }
.rightcontent.fixed { margin-left: 26%; }
.form { margin-top: 20px; }
.form.left, .form.right { margin-top: 0; }
.form .logo img { width: 236px; vertical-align: text-bottom; margin-right: 5px; }
.form .icon img { width: 18px; vertical-align: text-bottom; margin-right: 5px; }
.form div, .form span .form div
{ margin-bottom: 5px; float: left; clear: both; }
.form label, .form span .form label
{ float: left; cursor: text; width: 185px; min-height: 25px; display: block; padding-right: 5px; }
.form span, .form span .form span
{ float: left; display: block; min-height: 25px; max-width: 650px; } /* DS 14/09/15 removed due to Chrome display issues: overflow-y: auto;*/
.form span label { float: none; display: inline !important; }
.form span div { float: none; }
.form h3 { margin-bottom: 8px; }
.form .spacer { height: 10px; }
.form input, .form select { min-height: 25px; }
.form input, .form select, .form textarea
{ background-color: #f0f0ed; border: 1px solid #DDDDDD; padding: 0 5px; }
.form select { padding-right: 0; }
.form input[type=checkbox], .form .checkbox input, .form input[type=radio], .form .radio input
{ background-color: #ffffff; position: relative; top: -2px; margin-right: 5px; }
.form input[type=checkbox], .form input.checkbox
{ padding: 0; border: none; background-color: none !important; }
.form input[type=radio], .form input.radio
{ padding: 0; border: none; background-color: none !important; }
.form input:disabled, .form select:disabled, .form textarea:disabled
{ background-color: #FFF; }
.form .buttons { margin-top: 20px; }
.form span .button { position: relative; top: 1px; padding: 4px 15px; }
.form table { margin: 0; }
.form table tr { background-color: #ffffff; }
.form table td { padding: 0 0 5px 0; background-color: #ffffff; }
.leftbar .form, .rightbar .form
{ margin-top: 5px; }
.leftbar .form input, .rightbar .form input
{ max-width: 195px; }
.leftbar .form .buttons, .rightbar .form .buttons
{ margin-top: 10px; }
.leftbar .form .button, .rightbar .form .button
{ display: inline; }
.form span .form { float: left; width: 660px; margin-top: 10px; }
.form span .form input, .form span .form textarea, .form span .form select
{ background-color: #FFF; }
.subform { padding: 10px; background-color: #f0f0ed; }
.subform label { width: 140px !important;}
.subform table tr { background-color: inherit !important; }
.subform table td { border: none !important; background-color: inherit !important; vertical-align: top; }
/* ajax calendar css overrides */
.calendar { float: none !important; clear: none !important; margin-bottom: 0 !important; background-color: #FFF; border: 1px solid #323d47; font-size: 12px; }
.calendar div { clear: none !important; float: none !important; margin-bottom: 0 !important; }
.calendar div.ajax__calendar_prev
{ float: left !important; margin-top: 2px !important; }
.calendar div.ajax__calendar_next
{ float: right !important; margin-top: 2px !important; }
.calendar div.ajax__calendar_body
{ position: relative !important; left: -4px !important; }
.calendar td.ajax__calendar_other
{ color: #DDDDDD !important; }
.calendar div.ajax__calendar_footer
{ position: relative !important; top: -5px !important; }
.calendar table { width: auto; }
.calendar table td { padding: 1px !important; background-color: none; }
.calendar tr:nth-of-type(2n+1)
{ color: #323d47 !important; }
/******************************* DASHBOARD *******************************/
.dashboard { padding-top: 0; padding-bottom: 0; border: none !important; }
.dashboard .rightcontent { min-height: 590px; }
.dashboard .section { border-top: none; margin-top: 0; padding-top: 0; border-bottom: 2px dotted #7c7c7d; margin-bottom: 20px; padding-bottom: 20px; }
.dashboard .section ul { list-style: none; margin: 0; padding: 0; }
#ContentPlaceHolder_upStatement
{ min-height: 25px; } /* 125px */
#ContentPlaceHolder_upUsers
{ min-height: 75px; }
#ContentPlaceHolder_upActivity
{ min-height: 125px; }
ul.nav { list-style: none; margin: 0; padding: 0; }
ul.nav h3 { margin: 0 0 16px 0; }
ul.nav ul { list-style: none; padding: 0; margin: 0 0 32px 0; }
ul.nav ul li { margin-bottom: 3px; }
.users {}
.statement { margin-top: 20px; }
.activity {}
.activityinstructions { width: 550px; }
.stats { display: block; height: 20px; margin: 20px 0 10px 0; } /* 10px 0 35px 0 */
.stats div { float: left; width: 33%; line-height: 20px; height: 20px; vertical-align: bottom; display: table-cell; }
/****************************** CALL LIST ********************************/
.call { padding: 15px; font-size: 15px; margin-bottom: 15px; border-radius: 6px; }
.call h3 { display: inline-block; }
.call a.play { position: relative; top: 3px; width: 20px; height: 20px; display: inline-block; }
.call a.play.active { background-position: bottom left; }
.call p { margin: 0; }
.call .optionslink { text-align: right; margin-top: 5px; display: block; clear: both; }
.call .options { display: none; margin: 10px 0; }
.call .options .section { border-top: 2px dotted #dad9d7; border-bottom: none; padding: 17px 0 0 0; }
.call .options .section .right
{ margin-left: 15px; }
.call .options .section input
{ width: 200px; margin-left: 5px; }
.call .options .section input.button
{ width: inherit !important; }
.call .options .section .right .button
{ min-width: 95px !important; display: inline-block; clear: right; margin-top: -2px; background-position: 90% 6px; }
.call.recording .detail:hover
{ cursor: pointer; }
.call.recording.expanded { background-color: #FFFFFF; }
.call.recording.expanded .options
{ display: block; }
.call .jwplayer { margin-top: 3px; display: inline; }
/******************************* BRANDING ********************************/
.brandbox { margin-top: 10px; width: 100%; height: 60px; padding: 10px; border-radius: 6px; }
/******************************* OVERLAY *********************************/
.overlay { z-index: 99998; text-align: center; vertical-align: middle; background-color: #fff; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
.overlay-img { z-index: 99999; }
/******************************** TOGGLE *********************************/
.toggles {}
.toggles li { padding-bottom: 10px; }
.toggles li .toggle { float: left; }
.toggles label { padding-left: 5px; font-size: 15px; }
.toggle { width: 40px; height: 20px; display: block; background-image: url(../images/toggleswitch.png); background-repeat: no-repeat; background-position: 0 0; border: 1px solid #DDDDDD; }
.toggle.disabled,.toggle.aspNetDisabled, .toggle.disabled:hover,.toggle.aspNetDisabled:hover
{ background-position: 0 -80px; cursor: auto; }
.toggle:hover { background-position: 0 -20px; }
.toggle.on { background-position: 0 -60px; }
.toggle.on.disabled,.toggle.on.aspNetDisabled, .toggle.on.disabled:hover,.toggle.on.aspNetDisabled:hover
{ background-position: 0 -120px; cursor: auto; }
.toggle.on:hover { background-position: 0 -40px; }
.toggle label { display: block; margin-top: 20px; text-align: center; }
.toggle label.left { margin-left: -150px; margin-top: 0; height: 25px; line-height: 20px; padding-right: 48px; text-align: right; float: none !important; }
.toggle label.right { margin-left: 55px; margin-top: 0; height: 25px; line-height: 20px; text-align: left; float: none !important; white-space: nowrap; }
.toggle.disabled label,.toggle.aspNetDisabled label
{ cursor: auto; }
/******************************** FOOTER *********************************/
#footer { width: 100%; margin-top: 30px; }
#footer ul { margin: 0; padding: 0; }
#footer li { list-style: none; line-height: 13px; }
#footer li a, #footer li p { display: inline; border-right: 1px solid #ffffff; color: #ffffff; font-size: 14px; margin-right: 10px; padding-right: 10px; }
#footer li:last-child a, #footer li:last-child p
{ border-right: 0px; margin-right: 0px; }
#footer li a:hover { color: #f0f0ed; }
#footer li p { margin: 0 10px 0 0; }
#footer1 { background-color: #323d47; padding: 20px 0; }
#footer1 li { display: inline; }
#footer2 { border-top: 1px solid #ffffff; padding: 12px 0; }
#footer2 ul { float: right; margin-top: 5px; }
#footer2 li { float: left; padding-top: 0px; }
/****************************** TABULAR DATA *****************************/
table { width: 100%; margin: 16px 0; border-collapse: collapse; }
th { border-bottom: 1px solid #fff; }
td { border: none; }
td:last-of-type { border-right: 0px; }
th, td { padding: 8px 16px; border-right: 2px solid #fff; vertical-align: middle; }
th:last-of-type { border-right: 0px !important; }
tr:nth-of-type(even), tr:first-of-type
{ background-color: #fff !important; color: #323d47 !important; }
table.hover tbody tr:hover td, table tr.active td,
table.hover tbody tr:hover td input[type=checkbox], table tr.active td input[type=checkbox],
table.hover tbody tr:hover td input.checkbox, table tr.active td input.checkbox,
table tr.active.alternating td input[type=checkbox], table tr.active.alternating td .checkbox
{ background-color: #323d47 !important; }
table.hover tbody tr:hover td, table.hover tbody tr:hover td *, table tr.active td
{ color: #FFFFFF; cursor: pointer; }
table.hover tbody tr.nohover:hover td, table.hover tbody tr.nohover:hover td *
{ background-color: #FFFFFF !important; color: #323d47 !important; cursor: auto; }
table.list tr:first-of-type { display: none; }
table.list th { display: none; }
table.list td, table.list th{ padding: 2px 4px; height: 25px; }
table.list td { border-bottom: 1px solid #f3f3f3; }
table.list tr:nth-of-type(odd), table.list tr.alternating td
{ background-color: #fff !important; }
table.list .right { visibility: hidden; }
table.list tr:hover .right { visibility: visible; }
table.list td.list a { display: block; color: #323d47 !important; }
table.small { margin: 10px 0px; }
table.small th, table.small td
{ padding: 5px; }
table th input[type="checkbox"], table th .checkbox, table td input[type="checkbox"], table td .checkbox
{ top: 0 !important; }
table.list th input[type="checkbox"], table.list th .checkbox, table.list td input[type="checkbox"], table.list td .checkbox
{ position: relative; top: -2px !important; }
table th input[type="checkbox"], table th .checkbox
{ background-color: inherit; }
table tr:nth-of-type(odd) td input[type="checkbox"], table tr:nth-of-type(odd) td .checkbox, table tr.alternating td input[type="checkbox"], table tr.alternating td .checkbox
{ background-color: #f0f0ed; }
table .icon { padding: 0 2px; border-collapse: collapse; border-style: none !important; }
table .icon img, table .icon input
{ width: 25px; }
table td.nobg, table td.nobg:hover, table.list tr:hover td.nobg, table.list tr:hover td.nobg, table.hover tr.pager:hover td *
{ color: #323d47 !important; }
table.hover tr.pager:hover td
{ background-color: #fff !important; cursor: default; }
table tr.pager table { width: auto; }
table tr.pager td { padding: 0; }
table tr.pager table td { padding: 4px; }
/******************************** TREE VIEW ******************************/
.tree { margin-top: -20px; margin-left: -15px; }
.tree:hover td a img { visibility: visible; }
.tree table { margin: 0; }
.tree table td { height: 25px; padding: 2px; text-align: left; border: 0; }
.tree table td input { float: right; position: relative; top: 4px !important; margin-right: 2px;}
.tree table td a img { position: relative; top: -2px; visibility: hidden; }
/* nodes */
.tree td.nodelevel1 { width: 100%; }
.tree td.nodelevel2 { width: 100%; }
.tree td.nodelevel3 { width: 100%; }
/* menu */
.tree ul { float: right; margin: 0; padding: 0; display: none; }
.tree li { float: left; list-style: none; }
.tree ul li ul li a, .tree ul li ul li p
{ display: block; font-size: 14px; padding: 7px 10px; }
.tree ul li ul li a.node { display: none; }
.tree li p { margin: 0 0 0 0; }
/* hover */
.tree table tr:hover td ul
{ display: inline-block; margin-top: -1px; }
.tree table tr:hover td ul li ul
{ display: none; }
.tree table tr:hover td ul img
{ visibility: visible; top: 0px; }
/* selected */
.tree table td.selected * { font-weight: bold; }
.tree table td.selected ul *{ font-weight: normal; }
.tree ul li.dropdown { margin-top: -1px; }
.tree ul li.dropdown ul { display: block !important; }
.tree ul li.dropdown img { display: none; }
/***************************** DROPDOWN MENUS ****************************/
ul.inline { margin: 0; padding: 0; margin-left: -5px; }
ul.inline li { display: inline-block; border-right: 1px solid #323d47; padding: 0 10px 0 5px; }
ul.inline li.last, ul.inline li:last-of-type
{ border-right: 0; }
ul li.dropdown ul { display: none; position: absolute; z-index: 9999; min-width: 150px; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
ul li.dropdown:hover img { visibility: hidden !important; }
ul li.dropdown:hover ul { display: block !important; }
ul li.dropdown ul li { width: 100%; min-width: 150px; display: block; list-style: none; clear: both; }
ul li.dropdown ul li a, ul li.dropdown ul li p
{ width: 100%; min-width: 150px; display: block; background-image: none !important; border-right: none !important; padding: 10px !important; }
/***************************** CALLOUT ****************************/
.callout { padding: 15px 10px; }
.callout h2 { font-size: 22px; padding: 0 0 !important; }
.callout p { margin: 10px 0 0; }
.callout ul { margin: 0; padding: 0; }
.callout li { list-style: none; }
/***************************** Error ****************************/
.error, .errorsummary { background-image: url(../images/iconError.jpg); background-repeat: no-repeat; background-position: left 6px; background-size: 13px 13px; color: #a80f39; font-size: 12px; padding: 5px 0 2px 18px; }
.error { margin-left: 5px; }
div.error { background-position: left 5px; }
.error a { text-decoration: underline; }
/**************************** ACTION ****************************/
.action { padding: 0 15px; font-size: 14px; margin-bottom: 10px; border-radius: 6px; }
.action.expanded { background-color: #ffffff; }
/* action pane table colour */
.action tr { background-color: #ffffff !important; color: #323d47 !important; }
.action td, .action td.small
{ padding: 5px 0px 0px 0px !important; }
/* action pane radio buttons*/
.action input[type="radio"] { margin-right: 5px; background-color: #FFFFFF !important; }
/* fix padding for the icon image */
.action a.more { padding: 0px 25px 0px 0px; display: block; }
/* icon image for action pane in expand mode */
.action.expanded a.more { background-image: url(../images/icons/icon-less.png); background-position: right 1px; }
.action .button { display: block; margin-bottom: 10px; }
/************************ POSTCODE LOOKUP ************************/
/* EHO - this is the background overlay for modal box (postcode lookup) */
#lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: black; display: none; }
/* EHO - style of the modal box (postcode lookup) */
#pcodelookup { display: none; position: fixed; width: 50%; max-width: 520px; height: 350px; background-color: #ffffff; zoom: 1; -moz-opacity: 0.9; opacity: 0.90; filter: alpha(opacity = 90); overflow: auto; }
/***************************** PANELS ****************************/
.panel { float: left; display: inline; margin: 15px 0; padding: 15px; }
.panel.rightborder { border-right: 2px dotted #dad9d7; }
.panel.first { padding-left: 0; }
.panel.last { padding-right: 0; }
/********************************* HCC **********************************/
.chat { width: 20%; position: fixed; top: 0; right: 0; border-left: 1px solid #FFF; -moz-opacity: 0.90; opacity: 0.90; filter: alpha(opacity = 90); padding: 5px; }
.chat h3 { padding: 0 !important; }
.jwbox h1 { padding-left: 15px; }
.key { padding-top: 10px !important; }
.key li { padding-bottom: 2px; }
.key img { width: 19px; margin-right: 3px; margin-top: -2px; }
.dialout { position: fixed; top: 0; z-index: 9000; border: 1px solid #FFFFFF; border-top: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: 8px 10px; }
.popup { margin-top: 5px; }
.popup #sectionNav { position: absolute; top: -8px; right: 15px; }
/******************************* TABS & PANELS ********************************/
div.tabs { border-bottom: 1px solid #7c7c7d; }
a.tab { padding: 5px 15px; background-color: #f0f0ed; margin-right: 5px; display: inline-block; }
a.tab.active { background-color: #FFF; border-top: 1px solid #7c7c7d; border-left: 1px solid #7c7c7d; border-right: 1px solid #7c7c7d; position: relative; top: 1px; }
div.panels {}
div.panel { display: none; }
/******************************* NEW BOOKING **********************************/
.dinlist { display: block; clear: both; }
.modifydins { top: 2px !important; }
.bookerlist, .attachmentlist
{ float: none !important; }
.bookerlist div, .attachmentlist div
{ float: none !important; margin-top: 3px; }
.helpContainer { display: none; position: absolute; border: 1px solid #767676; padding: 2px 4px; color: #767676; background-color: #FFFFFF; z-index: 1000; max-width: 300px; white-space: normal; }
.helpIcon { width: 16px; height: 16px; line-height: 16px; display: inline-block; background-color: #fb3448; color: #FFF; border-radius: 8px; text-align: center; font-size: 10px; margin-left: 5px; float: none !important; position: relative; top: -2px; }
/********************************* MyDetails **********************************/
.edititem {width:240px;}
/****************************** Notifications *********************************/
.notification-status {
background-image: url(../images/icon-notificationstatus.png);
width: 16px;
height: 16px;
margin: 0 !important;
position: relative;
top: 3px;
left: 3px;
display: inline-block;
}
.notification-status.sent {
background-position: 0 0;
}
.notification-status.processing {
background-position: -16px 0;
}
.notification-status.notsent {
background-position: -32px 0;
}
.notification-status.notrequired {
background-position: -48px 0;
}
.notification-status.pending {
background-position: -16px 0;
}
/******************************* CSS OVERRIDES ********************************/
/* dx calendar css overrides */
.dxcalendar, .dxcalendar table
{ margin: 0; }
.dxcalendar tr, .dxcalendar tr:nth-of-type(2n), .dxcalendar tr:first-of-type
{ background-color: transparent !important; }
.dxcalendar td { padding: 0; vertical-align: top; border-right-width: 0; }
.dxcalendar td.dxscToolbar { padding: 4px 7px; vertical-align: middle; }
.dxcalendar td.dxscToolbar tr
{ background-color: #CCC; }
.dxcalendar td.dxscToolbar td
{ vertical-align: middle; }
.dxcalendar td.dxscViewNavigatorButton
{ padding: 0px 7px; border-right-width: 1px; }
.dxcalendar td.dxscViewSelectorButton
{ padding: 10px 18px; }
.dxcalendar td.dxscTimeRulerMinuteItem, .dxcalendar td.dxscLeftTopCorner
{ border-right-width: 1px; }
.dxscLoadingPanel { width: inherit; margin: 0; }
.dxscAppointment td td td { padding: 2px; }
.dxscAppointment tr:first-of-type, .dxscAppointment tr:nth-of-type(2n), .dxscAppointment tr:nth-of-type(2n+1)
{ color: #000 !important; }
/* end dx calendar css overrides */
/* autocomplete css overrides */
.customersearch { width: 405px; background-image: url(../images/icon-search.gif); background-position: 99% 50%; background-repeat: no-repeat; }
.faded { color: #aaaaaa; }
.autocomplete_completionListElement[style]
{ list-style-type: none; background-color: #000000 !important; opacity: 0.9 !important; filter:Alpha(opacity=90) !important; max-height: 300px; overflow-y: auto; margin: 0; padding: 0; }
.autocomplete_listItem { background-color: #58585a; color: #FFF; }
.autocomplete_listItem, .autocomplete_highlightedListItem
{ padding: 4px; white-space: nowrap; margin: 0; border: 0; }
.autocomplete_highlightedListItem
{ opacity: 1; filter:Alpha(opacity=100) !important; cursor: pointer; }
/* end autocomplete css overrides */