﻿/* Event Custom Styles */

.cw01 {
    width: 1%
}

.cw02 {
    width: 2%
}

.cw03 {
    width: 3%
}

.cw04 {
    width: 4%
}

.cw05 {
    width: 5%
}

.cw06 {
    width: 6%
}

.cw07 {
    width: 7%
}

.cw08 {
    width: 8%
}

.cw09 {
    width: 9%
}

.cw10 {
    width: 10%
}

.cw11 {
    width: 11%
}

.cw12 {
    width: 12%
}

.cw13 {
    width: 13%
}

.cw14 {
    width: 14%
}

.cw15 {
    width: 15%
}

.cw16 {
    width: 16%
}

.cw17 {
    width: 17%
}

.cw18 {
    width: 18%
}

.cw19 {
    width: 19%
}

.cw20 {
    width: 20%
}

.cw21 {
    width: 21%
}

.cw22 {
    width: 22%
}

.cw23 {
    width: 23%
}

.cw24 {
    width: 24%
}

.cw25 {
    width: 25%
}

.cw26 {
    width: 26%
}

.cw27 {
    width: 27%
}

.cw28 {
    width: 28%
}

.cw29 {
    width: 29%
}

.cw30 {
    width: 30%
}

.cw31 {
    width: 31%
}

.cw32 {
    width: 32%
}

.cw33 {
    width: 33%
}

.cw34 {
    width: 34%
}

.cw35 {
    width: 35%
}

.cw36 {
    width: 36%
}

.cw37 {
    width: 37%
}

.cw38 {
    width: 38%
}

.cw39 {
    width: 39%
}

.cw40 {
    width: 40%
}

.cw41 {
    width: 41%
}

.cw42 {
    width: 42%
}

.cw43 {
    width: 43%
}

.cw44 {
    width: 44%
}

.cw45 {
    width: 45%
}

.cw46 {
    width: 46%
}

.cw47 {
    width: 47%
}

.cw48 {
    width: 48%
}

.cw49 {
    width: 49%
}

.cw50 {
    width: 50%
}

.cw51 {
    width: 51%
}

.cw52 {
    width: 52%
}

.cw53 {
    width: 53%
}

.cw54 {
    width: 54%
}

.cw55 {
    width: 55%
}

.cw56 {
    width: 56%
}

.cw57 {
    width: 57%
}

.cw58 {
    width: 58%
}

.cw59 {
    width: 59%
}

.cw60 {
    width: 60%
}

.cw61 {
    width: 61%
}

.cw62 {
    width: 62%
}

.cw63 {
    width: 63%
}

.cw64 {
    width: 64%
}

.cw65 {
    width: 65%
}

.cw66 {
    width: 66%
}

.cw67 {
    width: 67%
}

.cw68 {
    width: 68%
}

.cw69 {
    width: 69%
}

.cw70 {
    width: 70%
}

.cw71 {
    width: 71%
}

.cw72 {
    width: 72%
}

.cw73 {
    width: 73%
}

.cw74 {
    width: 74%
}

.cw75 {
    width: 75%
}

.cw76 {
    width: 76%
}

.cw77 {
    width: 77%
}

.cw78 {
    width: 78%
}

.cw79 {
    width: 79%
}

.cw80 {
    width: 80%
}

.cw81 {
    width: 81%
}

.cw82 {
    width: 82%
}

.cw83 {
    width: 83%
}

.cw84 {
    width: 84%
}

.cw85 {
    width: 85%
}

.cw86 {
    width: 86%
}

.cw87 {
    width: 87%
}

.cw88 {
    width: 88%
}

.cw89 {
    width: 89%
}

.cw90 {
    width: 90%
}

.cw91 {
    width: 91%
}

.cw92 {
    width: 92%
}

.cw93 {
    width: 93%
}

.cw94 {
    width: 94%
}

.cw95 {
    width: 95%
}

.cw96 {
    width: 96%
}

.cw97 {
    width: 97%
}

.cw98 {
    width: 98%
}

.cw99 {
    width: 99%
}

.cw00 {
    width: 100%
}

.fl {
    float: left
}

.fr {
    float: right
}

.subgrid-details-sid span.blue {
    color: #425563;
}




/* adjust colors, background color and background*/

.ui-jqgrid .jqgrow.ui-widget-content.ui-priority-secondary,
.ui-widget-content {
    color: #425563;
}

.ui-widget-content p {
    color: #000;
}

#speaker_modal a {
    color: #425563;
}

#speaker_modal a:hover {
    color: #01A982;
}

.ui-tabs .ui-tabs-nav {
    background-color: #f9f9f9;
}

.ui-widget-content a,
.my-agenda .addition a,
#PABuserName a {
    color: #425563;
}

.ui-widget-content a:hover,
.my-agenda .addition a:hover,
#PABuserName a:hover {
    color: #01A982;
}

.ui-widget-content .contentBody a.button {
    color: #fff;
}

.ui-dialog #create_account_button {
    color: #01A982;
}

#sub.ui-tabs .ui-tabs-nav li a {
    font-size: 1.5em;
    font-weight: bold;
}

#sub .shadetabs li a {
    background-color: #f9f9f9;
    font-size: 1.5em;
    font-weight: bold;
}

#sub.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background: none repeat scroll 0 0 #f9f9f9;
    border-radius: 0;
    color: #425563;
}

#sub .shadetabs li a:hover {
    background-color: #01A982;
}

#nav-tierciary li a.active {
    color: #01A982;
}




/* ===== Adjust CSS =================================================================================== */

#adhoc_form_dialog #adhoc_form #adhoc_event_div {
    padding-top: 10px;
}

#adhoc_form_dialog #adhoc_form input[type="text"],
#adhoc_form textarea {
    background: none !important;
    border: 2px solid #ccc;
    width: 50%;
}

#adhoc_form select，#adhoc_email_content textarea {
    border: 2px solid #ccc;
}

#adhoc_form_dialog #adhoc_form input[type="text"]:focus,
#adhoc_form textarea:focus,
#adhoc_form select:focus,
#adhoc_email_content textarea:focus {
    border: 2px solid #425563;
}

.ui-dialog #user_form_fname_div input,
.ui-dialog #user_form_lname_div input,
#user_form_dialog input {
    background: none !important;
    border: 2px solid #ccc;
}

.ui-dialog #user_form_fname_div input:focus,
.ui-dialog #user_form_lname_div input:focus,
#user_form_dialog input:focus {
    border: 2px solid #425563;
}

.ui-dialog #user_form_fname_div label,
.ui-dialog #user_form_lname_div label {
    font-weight: bold;
}

.ui-dialog #user_form_fname_div input,
.ui-dialog #user_form_lname_div input {
    width: 50%;
}

#adhoc_form .sub-title {
    font-weight: bold;
}

#adhoc_email_content .memo,
#agenda_email_content .memo {
    font-weight: bold;
}

.select {
    padding: 6px 2px 4px;
    border: 2px solid #ccc;
}

.select:focus,
.select:active {
    background: none !important;
    border: 2px solid #425563;
}

.textbox {
    padding: 6px 6px;
    background: none !important;
    border-radius: 0px;
    box-shadow: none;
    border: 2px solid #ccc;
}

.textbox:focus {
    background: none !important;
    border: 2px solid #425563;
}

.border-error,
.border-red {
    border: 2px solid #FF0000;
}

.breadcrumb {
    border-top: 0px !important;
    border-bottom: 1px solid #e6e6e6;
    display: none;
    padding: 7px 0px;
}

.breadcrumb .quicksearchSelection {
    width: 890px;
}

.top-header .menu-area {
    /*margin: 16px 0 10px 0;*/
    margin: 5px 0;
}

#sessions .extra-download {
    clear: both;
    float: left;
    height: 65px;
    padding-right: 0px;
    padding-bottom: 2px;
    vertical-align: text-bottom;
}

#sessions .extra-buttons {
    float: right;
    width: 230px;
    padding: 0;
}

#sessions .extra-buttons a {
    margin-top: 5px;
    margin-bottom: 5px;
}

#sessions .extra-buttons .oj-button {
    min-width: 210px;
}

.PABuserName {
    padding-right: 0px;
    padding-top: 0px;
    position: absolute;
    right: -50px;
    text-align: right;
    top: -75px;
    overflow: hidden;
    width: auto;
}

.PABuserName h3 {
    font-size: 10px;
}

.overview-content,
.ui-widget-content h1,
.content-overview h1,
.my-agenda h1,
.overview-content h1,
.contentBody,
.content,
.innercontent,
.intro {
    font-family: 'HPEMetricRegular', Arial, sans-serif;
}

.overview-content span.note {
    color: #425563;
    font-weight: bold;
}

.x-icon {
    margin-right: 6px;
}

.ui-widget-content h1,
.content-overview h1,
.my-agenda h1,
.overview-content h1 {
    margin-top: 0;
}

.ui-widget-content h1 {
    font-size: 18px;
    color: #425563;
}

.ui-widget-content h2 {
    font-size: 16px;
    color: #425563;
}

.ui-widget-content h3 {
    font-size: 14px;
    color: #425563;
}

.contentBody {
    float: left;
    line-height: 18px;
    margin-left: 20px;
    min-height: 60px;
    min-width: 600px;
    padding-top: 15px;
    color: #000;
    font-size: 16px;
}

.type-policies {
    padding: 0px;
    font-size: 16px;
}

.type-policies h3 {
    font-size: 16px;
    color: #425563;
}

.type-policies p,
.type-policies_ul {
    font-size: 14px;
}

.type-policies p strong {
    color: #425563;
}

.type-policies p.subtext {
    margin-left: 20px;
}

.content,
.innercontent {
    margin-top: 0px;
    padding-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    font-size: 16px;
    width: 980px;
    min-height: 265px;
}

#sessions {
    margin: 0;
}

.agenda-glance {
    padding-top: 15px;
}

.intro {
    padding-top: 0px;
    margin-left: 0px;
    line-height: 18px;
    width: 95%;
    float: left;
    font-size: 16px;
    min-height: 60px;
}

.intro#myagenda {
    padding: 0 20px;
}

.intro#myagenda #instructionDiv_myAgenda a {
    font-weight: bold;
}

.intro h2 {
    font-size: 24px;
    color: #000;
    padding-bottom: 5px;
}

.intro h3 {
    font-size: 18px;
    color: #000;
    padding-bottom: 5px;
}

.intro h4 {
    font-size: 16px;
    color: #000;
    padding-bottom: 5px;
}

.intro h5 {
    font-size: 14px;
    color: #000;
    padding-bottom: 5px;
}

.intro h6 {
    font-size: 12px;
    color: #000;
    padding-bottom: 5px;
}

.intro .intro_header {
    padding-top: 0px;
    font-size: 18px;
}

.intro p {
    margin-bottom: 18px;
    margin-top: 15px;
    font-size: 16px;
}

.overview-content .main .personal-exp {
    float: right;
    width: 70%;
    /*padding: 18px;*/
    padding: 5px;
    border: 0px solid #E6E6E6;
    /*background: #fdfdfd;*/
    background: #fff;
    /*margin-right: 27px;*/
    margin-right: -5px;
    margin-top: 0px
}

.overview-content .main .personal-exp h3 {
    font-size: 16px;
    color: #000
}

.overview-content .main .personal-exp p {
    font-size: 14px;
    color: #000
}

.overview-content .closedlanguage a {
    color: #425563
}

.overview-content .closedlanguage a:hover {
    color: #01A982
}

.overview-content .closedlanguage>a {
    font-weight: bold;
}

.overview-content .closedlanguage p {
    color: #000;
    padding: 0 18px 15px 35px;
}

.overview-content .thelanguage {
    padding: 0 23px 15px 40px;
    margin-bottom: 10px;
}

.overview-content .thelanguage a,
.overview-content .thelanguage h4 {
    color: #425563
}

.overview-content .thelanguage a:hover {
    color: #01A982
}

.overview-content .expand .expand-button {
    background: url(../images/s-21px-hpe.png) no-repeat left -1680px;
    cursor: pointer;
    display: inline-block;
    text-indent: -9999em;
    outline: none;
    height: 18px;
    width: 18px;
}

.overview-content .expand .expand-button.active {
    background: url(../images/s-21px-hpe.png) no-repeat left -1815px;
    cursor: pointer;
    display: inline-block;
    text-indent: -9999em;
    outline: none;
    height: 18px;
    width: 18px;
}

#sub {
    width: 100%;
    border-radius: 1px;
    /*border: 1px  solid #dcdcdc;*/
}

#sub .shadetabs {
    border-radius: 5px 5px 0px 0px;
    display: none;
}

.sub-nav {
    width: 100%;
}

.sub-nav ul#nav-tierciary {
    border-bottom: 1px solid #000;
    height: 48px;
    list-style: outside none none;
    margin: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.sub-nav #nav-tierciary li {
    padding: 0px;
}

.sub-nav ul li {
    color: #425563;
    cursor: pointer;
    float: left;
    font-size: 1em;
    height: 34px;
    line-height: 38px;
    margin: 0 10px;
    overflow: visible;
    position: relative;
    text-decoration: none;
}

.sub-nav #nav-tierciary a.active {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: none;
    border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
}

.sub-nav #nav-tierciary a,
.sub-nav #nav-tierciary a:link {
    background-color: #fff;
    border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    color: #5A5A5A;
    padding: 5px 15px 7px;
    font-size: 1.286em;
    font-weight: bold;
    line-height: 36px;
    float: left;
    text-decoration: none;
}

.sub-nav #nav-tierciary .current a {
    color: #000;
    position: relative;
    bottom: -1px;
    line-height: 36px;
    padding: 3px 20px 8px;
}

.sub-nav .tabs {
    border-bottom: 1px solid #000;
}

hr {
    margin: 20px 0 0 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}




/*adjust font or size */

.notes .notes-descption {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
}

.notes-long {
    color: #777;
    font-size: 14px;
}

#sessions .notes-long {
    width: 15%;
    margin-bottom: 0px;
}




/*adjust speaker width value*/

.search-filter {
    margin: 0 0px 12px;
    width: 97.3%;
}

.pagination {
    margin: 0;
    padding: 0;
    width: 100%;
}

.pagination span {
    font-size: 16px;
}

.pagination a {
    font-size: 14px;
}

.speaker-filter .caption {
    font-size: 16px;
}

#speakers #searchKeywordValue {
    line-height: 18px;
}

.speakers-panel {
    border-top: 1px solid #cecece;
    margin: 0;
    min-height: 250px;
    padding-bottom: 20px;
    padding-top: 2px;
    width: 100%;
}

.speaker {
    background: none;
    float: left;
    margin: 1px;
    padding: 5px 17px 15px 5px;
    width: 300px;
}

.speaker .speaker-info .speaker-title {
    font-size: 16px;
}

.speaker .speaker-info .speaker-job,
.speaker .speaker-info .speaker-company {
    font-size: 14px;
}




/*EXHIBITORS*/

#exhibitor_info .company-title {
    text-align: left;
    width: 62%;
}

#exhibitor_info .company-title h1 {
    text-align: left;
    width: 100%;
}

#exhibitor_info .company-info {
    float: right;
    width: 60%
}

#exhibitor_info .company-description {
    width: 100%;
    padding-right: 15px;
}

#exhibitor_info .company-awds {
    margin-left: 275px;
    margin-bottom: 5px;
}

#exhibitors .extra-download {
    height: 45px;
    padding-right: 0px;
}

#exhibitors .extra-download .oj-button {
    margin-right: 0px;
}

#exhibitors .filter-fields {
    width: 100%;
}

#exhibitor_info .company-title h1 {
    margin-top: 15px;
}

#exhibitor_info .company-level {
    display: inline-block;
    margin: 10px 10px 0 0;
    float: left;
    font-weight: bold;
    color: #01A982
}

#exhibitor_info .partner,
#exhibitor_info .description {
    text-transform: none;
}

.sessionchanges .overview-section {
    margin: 0 0 15px;
}




/*myagenda tab */

.my-agenda .date-area {
    font-family: 'HPEMetricRegular', Arial, sans-serif !important;
    font-size: 16px;
}

.my-agenda .events .item {
    font-family: 'HPEMetricRegular', Arial, sans-serif !important;
    font-size: 14px;
}

.ui-jqgrid .subgrid .speakers,
.my-agenda .addition .speakers .speaker-info {
    width: 300px;
}

.agenda-item-header {
    font-size: 14px;
}

.section .section-header h3 {
    font-size: 18px;
    color: #000;
    padding-top: 15px;
    padding-bottom: 18px;
}

.section .section-header p {
    font-weight: bold;
    font-size: 14px;
}




/*session changes*/

.sessionchangeFitler {
    font-family: 'HPEMetricRegular', Arial, sans-serif !important;
    font-size: 14px;
}




/*session tab*/

.ui-widget-content {
    border: none !important;
}

.session-grid {
    width: auto;
    font-size: 16px;
    font-family: 'HPEMetricRegular', Arial, sans-serif !important;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

.session-grid .ui-widget-content.jqgrow.ui-row-ltr td,
.ui-widget-content .ui-jqgrid .title {
    font-family: 'HPEMetricRegular', Arial, sans-serif !important;
    font-size: 16px;
}

.ui-widget-content .ui-jqgrid h2,
.ui-widget-content .ui-jqgrid h3,
.ui-widget-content .ui-jqgrid h4 {
    color: #000;
}

.ui-widget-content .ui-jqgrid p.abstract {
    color: #434343;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 15px;
    font-family: 'HPEMetricRegular', Arial, sans-serif !important;
}

#agenda_logout {
    display: none;
    font-weight: bold;
    float: right;
}

.ui-dialog {
    position: absolute;
}

.ui-dialog-content .title {
    font-size: 14px;
}

.ui-dialog-content .tips {
    font-size: 12px;
}

.ui-dialog p,
.ui-dialog i,
.ui-dialog label {
    font-size: 14px;
}

.ui-dialog,
.ui-widget,
.ui-widget-content {
    font-family: 'HPEMetricRegular', Arial, sans-serif !important;
}




/*BUTTON BACKGROUND */

.oj-button,
#email_submit_button,
#email_close_button,
.remove-favorites,
.ui-jqgrid td input.oj-button {
    margin-left: 0px;
    margin-right: 5px;
}

.oj-button,
.my-agenda .remove-favorites,
#email_submit_button,
#email_close_button,
#agenda_logout_confirm .fm-button,
.ui-dialog #user_form_submit_buttons_div a {
    border: medium none;
    border-radius: 0px;
}

.oj-button,
#email_submit_button,
#email_close_button,
#agenda_logout_confirm .fm-button,
.ui-dialog #user_form_submit_buttons_div a,
.ui-dialog .ui-dialog-buttonpane button {
    background: none repeat scroll 0 0 #01A982 !important;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #ffffff !important;
    display: inline-block;
    font-family: 'HPEMetricSemiBold', Arial, sans-serif !important;
    font-size: 14px;
    line-height: 22px;
    padding: 6px 25px 6px;
    text-align: center !important;
    vertical-align: middle;
    text-decoration: none;
    /*min-width: 200px;*/
}

.my-agenda .remove-favorites {
    background: none repeat scroll 0 0 #FF8D6D !important;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #ffffff !important;
    display: inline-block;
    font-family: 'HPEMetricSemiBold', Arial, sans-serif !important;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 30px 8px;
    text-align: center !important;
    text-decoration: none;
    vertical-align: middle;
}

.oj-button span,
.oj-button i {
    margin-right: 2px;
}

.link-button2 {
    display: inline-block;
    font-family: 'HPEMetricSemiBold', Arial, sans-serif !important;
    font-size: 14px;
    line-height: 22px;
    padding: 2px 9px 2px 0px;
    text-align: center !important;
    vertical-align: middle;
    content: "";
}

.link-button {
    color: #425563 !important;
    display: inline-block;
    font-family: 'HPEMetricSemiBold', Arial, sans-serif !important;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    padding: 2px 0px;
    text-align: center !important;
    vertical-align: middle;
    content: "";
    /*text-decoration: underline;*/
}

.link-button2 span,
.link-button2 i {
    margin-right: 25px;
}

a.link-button2 span:hover,
a.link-button2:hover {
    text-decoration: underline;
}

.link-button span,
.link-button i {
    margin-right: 6px;
    vertical-align: top;
}

a.link-button span {
    text-decoration: none;
}

a.link-button span:hover,
a.link-button:hover {
    text-decoration: none;
}

.link-button:hover {
    color: #008768 !important;
}

.oj-button.larger {
    padding: 4px 20px 4px;
    line-height: 26px;
}

.oj-button.link-button {
    background: none !important;
    background-color: #fff;
}

.oj-button.link-button:hover,
.oj-button.link-button:focus {
    background: none !important;
}

.ui-widget-content a.oj-button {
    color: #000;
}

.ui-widget-content a.oj-button span {
    text-decoration: none;
}

.my-agenda .remove-favorites:hover,
.my-agenda .remove-favorites:focus {
    background: none repeat scroll 0 0 #E57E61 !important;
}

.oj-button:hover,
#email_submit_button:hover,
#email_close_button:hover,
#agenda_logout_confirm .fm-button:hover,
.ui-dialog #user_form_submit_buttons_div a:hover {
    background: none repeat scroll 0 0 #008768 !important;
}

.ui-dialog .ui-dialog-buttonpane button.ui-state-hover {
    background: none repeat scroll 0 0 #008768 !important;
}

.btn-gray {
    background: none repeat scroll 0 0 #425563 !important;
}

.btn-gray:hover,
.btn-gray:focus {
    background: none repeat scroll 0 0 #3b4c59 !important;
    color: #3b4c59;
}

.orange {
    background: none repeat scroll 0 0 #FF8D6D !important;
}

.orange:hover,
.orange:focus {
    background: none repeat scroll 0 0 #E57E61 !important;
    color: #E57E61;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'HPEMetricSemiBold', Arial, sans-serif !important;
    font-size: 14px;
}

.my-agenda .events {
    margin-top: 5px;
}

.header {
    position: relative;
}

.header iframe {
    border: none;
    overflow: hidden;
    /*height: 100px;*/
    width: inherit;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    position: relative;
    top: 0px;
    z-index: 1;
}




/*keyword search CSS*/

.keyword {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}

.keyword-button {
    margin: 10px 0;
    height: auto;
    text-align: left;
    display: block;
}

.seach-box-title {
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    text-align: left;
    width: 91%;
}

.keyword-search {
    border: 2px solid #ccc;
    border-radius: 0px;
}

.keyword-search {
    background: url("../images/magnifying_gray.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    height: 16px;
    line-height: 20px;
    padding: 6px 6px 6px 25px;
    position: relative;
    top: 0;
    width: 85%;
    float: left;
}

.keyword-border {
    border: none;
    background: none !important;
    width: 100%;
    margin: 10px 0;
    height: auto;
}

.keyword-submit {
    height: auto;
    width: auto;
}

.keyword-search:focus {
    border: 2px solid #425563 !important;
}

.keyword-search.active {
    background: url("../images/magnifying_gray.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}




/*filter slider*/

.filter-header a {
    font-size: 14px;
}

.filter-text {
    font-size: 14px;
    font-family: 'HPEMetricRegular', Arial, sans-serif !important;
}

.clear-filter-box {
    text-align: left;
    margin: 5px 0;
    padding-left: 0px;
}

.clear-filter-box a {
    text-decoration: none;
    color: #B9B8BB
}

.clear-filter-box a:hover {
    color: #008768
}

.filter-text span {
    margin-right: 5px;
    margin-top: 3px;
}

.clear-filter {
    color: #B9B8BB;
}

.filter-header {}

.filter-header span {
    display: inline-block;
    padding: 10px 13px 0px 0px;
}

.filter-header a {
    background: none !important;
    padding: 10px 13px 0px 0px;
    color: #425563;
    font-size: 18px;
}

.filter-header a:hover {
    cursor: default;
    color: #425563;
    text-decoration: none;
}

.filter-slider,
.filter-indicator {
    background: none !important;
}

.filter-slider:hover {
    cursor: default;
}

.filter-content {
    /*border-bottom: 1px solid #000;*/
    /*margin-bottom: 50px;*/
    height: auto !important;
}

.filter-fields {
    padding: 8px 13px 8px 19px;
    background: none !important;
}

.filter-link {
    cursor: pointer;
    /*padding: 15px 10px 15px 20px;*/
    /*padding: 0px;*/
    padding: 15px 0px;
    /*margin: 15px 0px;*/
    position: relative;
    /*width: 190px;*/
    width: 221px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    line-height: 1em;
}

.filter-link:first-child {
    padding-top: 10px;
}

.filter-link:last-child {
    /*margin-bottom: 10px;*/
    padding-bottom: 10px;
    border-bottom: none;
}

.filter-fields {
    border-bottom: 1px solid #000;
}

.filter-link:hover,
.filter-link.active {
    background: #fff;
}

.filter-button {
    display: block;
}

.ui-multiselect-menu {
    position: inherit;
    display: none;
    background: #fff;
    border: none;
    padding: 0px;
    margin-left: 0px;
    margin-top: 0px;
    z-index: 100;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    min-width: 221px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 0px;
}

.filter-fields,
.filter-link,
.ui-multiselect-menu {
    zoom: 1;
}

.filter-fields:before,
.filter-fields:after,
.filter-link:before,
.filter-link:after,
.filter-button:before,
.filter-button:after {
    content: "\0020";
    display: 'table';
}

.filter-fields:after,
.filter-link:after,
.filter-button:after {
    clear: both;
}

.ui-multiselect-menu.ui-widget {
    width: auto !important;
}

.ui-multiselect-menu .ui-widget-header {
    display: none;
    width: 100%;
}

.ui-multiselect-menu .ui-widget-header .ui-multiselect-none {
    display: none;
}

.ui-multiselect-menu .ui-widget-header .ui-multiselect-close {
    display: none;
}

.ui-multiselect-menu .ui-multiselect-checkboxes {
    display: inline-block;
    padding: 5px 0px !important;
}

.ui-multiselect-menu .ui-multiselect-checkboxes li {
    width: 96%;
    padding: 0px !important;
    margin: 0 0 0 25px !important;
}

.ui-multiselect-menu .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
    padding: 0px !important;
    margin: 0 0 5px 25px !important;
    text-align: left;
}

.ui-multiselect-checkboxes li label>input[type="checkbox"] {
    display: none;
}

.ui-multiselect-checkboxes li label {
    cursor: pointer;
    display: inline-block;
    padding: 2px 0 2px 22px;
    width: 90%;
}

.ui-multiselect-checkboxes li label {
    background-image: url(../images/checkboxes_gray.png);
    _background-image: url(../images/checkboxes_gray.png);
    background-repeat: no-repeat;
    background-position: left 0px;
}

.ui-multiselect-checkboxes li label:hover,
.ui-multiselect-checkboxes li label:focus {
    background-image: url(../images/checkboxes_gray.png);
    _background-image: url(../images/checkboxes_gray.png);
    background-repeat: no-repeat;
    /*background-position: left -45px;*/
    background-position: left 0px;
}

.ui-multiselect-checkboxes li label.ui-state-hover {
    background-image: url(../images/checkboxes_gray.png);
    _background-image: url(../images/checkboxes_gray.png);
    background-repeat: no-repeat;
    /*background-position: left -45px;*/
    background-position: left 0px;
    color: #425563;
}

.ui-multiselect-checkboxes li label.ui-state-checked {
    background-image: url(../images/checkboxes_green.png);
    _background-image: url(../images/checkboxes_green.png);
    background-repeat: no-repeat;
    background-position: left 0px;
}

.breadcrumb .quicksearchSelection a {
    background: url(../images/selection-close.gif) no-repeat right 2px;
}




/*ICON CSS*/

.notes .icon-video {
    background: url(../images/video_camera_green.png) no-repeat left;
    display: block;
    margin-right: 10px;
    padding: 2px 0px 2px 20px;
}

.notes .icon-in-agenda {
    background: url(../images/checkbox_green2.png) no-repeat left;
    display: block;
    margin-right: 10px;
    padding: 2px 0px 2px 20px;
}

.notes .icon-repeat {
    background: url(../images/recurring_green.png) no-repeat left;
    display: block;
    margin-right: 10px;
    background-size: 15px 17px;
    margin-bottom: 10px;
    padding: 2px 0px 2px 20px;
}

.notes .icon-virtual {
    background: url(../images/broadcast_green.png) no-repeat left;
    display: block;
    margin-right: 10px;
    background-size: 15px 17px;
    margin-bottom: 10px;
    padding: 2px 0px 2px 20px;
}

.notes .icon-ticket,
#reserve_content .icon-ticket {
    background: url(../images/ticket_green.png) no-repeat left;
    display: block;
    margin-right: 1px;
    padding: 2px 0px 2px 20px;
}

.notes .icon-waitlist {
    background: url(../images/waitlist_green.png) no-repeat left;
    display: block;
    margin-right: 10px;
    background-size: 15px 17px;
    margin-bottom: 10px;
    padding: 2px 0px 2px 20px;
}

.icon-video {
    background: url(../images/video_camera_green.png) no-repeat left;
    display: inline;
    margin-right: 10px;
    padding: 2px 0px 2px 20px;
}

.icon-waitlist {
    background: url(../images/waitlist_green.png) no-repeat left;
    display: inline;
    background-size: 14px 14px;
    margin-bottom: 2px;
    padding: 2px 0px 2px 20px;
}

.icon-clock {
    background: url(../images/clock_green.png) no-repeat left;
    display: inline;
    margin-right: 10px;
    margin-bottom: 2px;
    padding: 2px 0px 2px 15px;
}

.icon-ticket2 {
    background: url(../images/ticket_green.png) no-repeat left;
    display: inline;
    background-size: 15px 17px;
    margin-right: 6px;
    margin-bottom: 2px;
    padding: 2px 0px 2px 20px;
}

.icon-repeat2 {
    background: url(../images/recurring_green.png) no-repeat left;
    display: inline;
    background-size: 15px 17px;
    margin-right: 10px;
    margin-bottom: 2px;
    padding: 2px 0px 2px 15px;
}

.icon-in-agenda2 {
    background: url(../images/checkbox_green2.png) no-repeat left;
    display: inline;
    margin-right: 10px;
    margin-bottom: 2px;
    padding: 2px 0px 2px 15px;
}

.icon-virtual2 {
    background: url(../images/broadcast_green.png) no-repeat left;
    display: inline;
    margin-right: 10px;
    margin-bottom: 2px;
    padding: 2px 0px 2px 20px;
}

.icon-presentation2 {
    background: url(../images/presentation_green.png) no-repeat left;
    display: inline;
    background-size: 15px 17px;
    margin-right: 10px;
    margin-bottom: 2px;
    padding: 2px 0px 2px 15px;
}

.icon-microphone {
    background: url(../images/microphone_green.png) no-repeat left;
    display: inline;
    background-size: 16px 17px;
    margin-bottom: 2px;
    padding: 2px 0px 2px 20px;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: -33px;
    width: 25px;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    right: -31px;
    width: 25px;
}

#jqgh_ICONS {
    background: url(../images/checkbox_white.png) no-repeat left;
    display: block;
    /*margin-right:10px; margin-bottom:2px;*/
    padding: 0px 0px 0px 16px;
}

.top-header .menu-area ul a .favorite-star {
    display: inline-block;
    margin-left: 2px;
    width: 17px;
    height: 16px;
    background: url(../images/favorite-star-grey.png) no-repeat 0px 0px;
    *position: absolute;
    *right: 12px;
}

.top-header .menu-area ul a:hover .favorite-star,
.top-header .menu-area ul li.active .favorite-star {
    display: inline-block;
    margin-left: 2px;
    width: 17px;
    height: 16px;
    background: url(../images/favorite-star-green.png) no-repeat 0px 0px;
    *position: absolute;
    *right: 12px;
}




/*session grid overwrite*/

.ui-state-default.ui-jqgrid-hdiv {
    background: none;
}

.ui-jqgrid .ui-jqgrid-toppager,
.ui-jqgrid .ui-th-column,
.ui-jqgrid .ui-jqgrid-pager {
    background: none !important;
}

.ui-state-default.ui-jqgrid-hdiv {
    background: none;
}

.ui-jqgrid tr.jqgrow td {
    padding-top: 5px;
    vertical-align: top;
    height: auto !important;
    line-height: 25px;
}

.ui-jqgrid .ui-icon-plus {
    background: url(../images/s-21px-hpe.png) no-repeat left -1680px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 18px;
}

.ui-jqgrid .ui-icon-minus {
    background: url(../images/s-21px-hpe.png) no-repeat left -1815px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 18px;
}

.ui-jqgrid .ui-icon-plus {
    margin: 2px 0 0 5px;
    top: 4px;
}

.ui-jqgrid .ui-icon-minus {
    margin: 2px 0 0 5px;
    top: 4px;
}

.my-agenda .events .item .expand .expand-button {
    background: url("../images/s-21px-hpe.png") no-repeat left -1680px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    width: 17px;
}

.my-agenda .events .item .expand .expand-button.active {
    background: url("../images/s-21px-hpe.png") no-repeat left -1815px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    width: 17px;
}




/*.ui-icon { height: 15px;  width: 19px;}*/


/*.ui-jqgrid .ui-jqgrid-bdiv {border: 2px solid #999;}*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: medium none;
    border-radius: 0px;
    color: #fff;
    font-size: 16px;
    padding-left: 13px;
    padding-right: 19px;
    font-family: 'HPEMetricRegular';
}

.ui-jqgrid .ui-jqgrid-htable thead {
    font-family: 'HPEMetricSemiBold';
    font-size: 14px;
    /*background: #425563;*/
    background-color: rgba(66, 85, 99, 1);
    background-color: #425563\0/;
    line-height: 18px;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    font-size: 14px;
    /*background: #425563;*/
    background-color: rgba(66, 85, 99, 1);
    background-color: #425563\0/;
    line-height: 18px;
    height: 24px;
    padding: 5px 0;
    font-family: 'HPEMetricSemiBold';
}




/*.ui-jqgrid tr.ui-row-ltr td {
    border-right: 1px solid #cecece !important;
}*/

.grid-content {
    /*background: url("/assets/img/ab/bg-side-filter.gif") repeat-y scroll -1px 0 #f7f7f7;*/
    background: none repeat-y scroll -1px 0 #fff;
    /*border: 2px solid #ccc;*/
    min-height: 500px;
    position: relative;
    font-family: 'HPEMetricRegular', Arial, sans-serif;
    font-size: 16px;
    border: none !important;
}

.ui-jqgrid .ui-pg-table {
    width: 22px;
    height: 22px;
    color: #000;
}

.ui-jqgrid .ui-jqgrid-toppager,
.ui-jqgrid .ui-jqgrid-pager {
    display: none;
}




/*.ui-jqgrid .ui-jqgrid-toppager {
    top:-35px;
}*/

.ui-jqgrid .ui-jqgrid-htable {}




/*pagination*/

.ui-jqgrid .ui-pg-table {
    background-color: #fff;
}

.ui-jqgrid .ui-jqgrid-pager {
    height: 31px;
    background-color: #fff;
}

.ui-jqgrid .ui-jqgrid-pager td.ui-state-hover {
    border: none;
    background: none;
    padding: 1px;
}

.sp-top-pager {
    margin: 20px 0 10px;
}

.sp-bottom-pager {
    margin: 13px 0 0px;
}

.sp-top-pager,
.sp-bottom-pager {
    float: right;
    height: 25px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 16px;
}

.sp-top-pager .sp-prev,
.sp-top-pager .sp-next,
.sp-bottom-pager .sp-prev,
.sp-bottom-pager .sp-next {
    padding: 5px 7px;
    color: #425563;
    cursor: pointer;
}

.sp-top-pager .sp-state-disabled,
.sp-top-pager .sp-state-disabled,
.sp-bottom-pager .sp-state-disabled,
.sp-bottom-pager .sp-state-disabled {
    color: #cccccc;
}

.sp-top-pager .sp-prev:hover,
.sp-top-pager .sp-next:hover,
.sp-bottom-pager .sp-prev:hover,
.sp-bottom-pager .sp-next:hover {
    color: #01A982;
    border: 2px solid #000 !important;
}

.sp-top-pager .sp-state-disabled:hover,
.sp-top-pager .sp-state-disabled:hover,
.sp-bottom-pager .sp-state-disabled:hover,
.sp-bottom-pager .sp-state-disabled:hover {
    color: #cccccc;
    border: 2px solid #ccc !important;
}

.sp-top-pager .sp-prev,
.sp-top-pager .sp-next,
.sp-bottom-pager .sp-prev,
.sp-bottom-pager .sp-next,
.ui-jqgrid .ui-pg-button span,
.ui-jqgrid .ui-jqgrid-pager td.ui-state-disabled span:hover,
.ui-jqgrid .ui-jqgrid-pager td.ui-state-disabled span:focus {
    height: 22px;
    width: 22px;
    line-height: 22px;
    vertical-align: middle;
    margin: 1px;
    border: 2px solid #cccccc !important;
}

.sp-state-disabled {
    cursor: default !important;
}




/*session sub grid*/

.ui-jqgrid .subgrid {
    font-family: 'HPEMetricRegular', Arial, sans-serif;
    margin-left: 0px;
    padding: 7px 10px 15px 5px;
    width: 664px;
    color: #000;
}

.ui-widget-content .ui-jqgrid .subgrid-header {
    float: left;
    top: 0;
    width: 100%;
    height: auto !important;
    padding-bottom: 10px;
}

.ui-widget-content .ui-jqgrid .subgrid-content {
    height: auto !important;
    float: left;
    width: 100%;
}

.ui-widget-content .ui-jqgrid .subgrid-header .header-right {
    float: right;
    text-align: left;
    width: 100%;
    margin-top: 20px;
}

.ui-widget-content .ui-jqgrid .subgrid-header .subgrid-box .subgrid-details-sid {
    padding-top: 30px;
}

.ui-widget-content .ui-jqgrid .info {
    width: 100%;
}

.ui-widget-content .ui-jqgrid .info_long {
    width: 100%;
}

.ui-widget-content .oj-button.small {
    padding: 2px 6px;
    margin-top: 2px;
}

.subgrid-header h2 {
    margin: 5px 0;
    font-size: 18px;
}

.subgrid-box {
    display: block;
}

.subgrid-box h3 {
    border-bottom: 1px solid #425563;
    width: 80%;
    padding-bottom: 2px;
}

.subgrid-box .speakers .speaker-info {
    width: 150px;
}

.std-info,
.std-date,
.std-time,
.std-room {
    padding: 2px;
}




/*end sub grid*/

.ui-jqgrid .ui-pg-button span:focus,
.ui-jqgrid .ui-pg-button span:hover {
    border: 2px solid #425563 !important;
}

.ui-jqgrid .ui-pg-button span.ui-separator {
    border: 2px solid #fff !important;
    display: none;
}

.ui-jqgrid .ui-pg-selbox {
    display: block;
    font-size: 0.8em;
    height: 26px;
    line-height: 18px;
    margin: 0;
    border: 2px solid #cccccc !important;
}

.ui-jqgrid .ui-pg-input {
    font-size: 0.8em;
    height: 20px;
    margin: 0;
    border: 2px solid #cccccc !important;
}

.ui-jqgrid .ui-pg-selbox:focus,
.ui-jqgrid .ui-pg-input:focus {
    border: 2px solid #425563 !important;
}

.ui-jqgrid .ui-jqgrid-pager .ui-icon-seek-first {
    display: none;
}

.ui-jqgrid .ui-jqgrid-pager .ui-icon-seek-end {
    display: none;
}

.ui-jqgrid .ui-pg-button span.ui-icon-refresh,
.ui-jqgrid .ui-pg-button span.ui-icon-refresh:hover {
    border: 2px solid #fff !important;
}

.ui-jqgrid .ui-jqgrid-pager .ui-icon-refresh {
    background: url("../images/refresh_gray.png") no-repeat center;
    display: block;
    overflow: hidden;
}

.ui-jqgrid .ui-jqgrid-pager .ui-icon-refresh:focus,
.ui-jqgrid .ui-jqgrid-pager .ui-icon-refresh:hover {
    background: url("../images/refresh_blue.png") no-repeat center;
    display: block;
    overflow: hidden;
}

.ui-jqgrid .ui-jqgrid-pager .ui-icon-seek-prev {
    background: url("../images/prev_gray.png") no-repeat center;
    display: block;
    overflow: hidden;
}

.ui-jqgrid .ui-jqgrid-pager .ui-icon-seek-next {
    background: url("../images/next_gray.png") no-repeat center;
    display: block;
    overflow: hidden;
}

.ui-jqgrid .ui-jqgrid-pager td.ui-state-disabled span.ui-icon-seek-next,
.ui-jqgrid .ui-jqgrid-pager td.ui-state-disabled span.ui-icon-seek-next:hover {
    background: url("../images/next_gray.png") no-repeat center;
    display: block;
    overflow: hidden;
}

.ui-jqgrid .ui-jqgrid-pager td.ui-state-disabled span.ui-icon-seek-prev,
.ui-jqgrid .ui-jqgrid-pager td.ui-state-disabled span.ui-icon-seek-prev:hover {
    background: url("../images/prev_gray.png") no-repeat center;
    display: block;
    overflow: hidden;
}

.ui-jqgrid .ui-jqgrid-pager .ui-icon-seek-next:hover,
.ui-jqgrid .ui-jqgrid-pager .ui-icon-seek-next:focus {
    background: url("../images/next_blue.png") no-repeat center;
}

.ui-jqgrid .ui-jqgrid-pager .ui-icon-seek-prev:hover,
.ui-jqgrid .ui-jqgrid-pager .ui-icon-seek-prev:focus {
    background: url("../images/prev_blue.png") no-repeat center;
}

.ui-corner-all {
    border-radius: 0px;
}

.header .hp_logo a.hf_logo,
.header .hp_logo a.hf_logo:visited,
.footer .hp_logo a.hf_logo,
.footer .hp_logo a.hf_logo:visited {
    height: 77px;
    width: 152px;
    display: block;
    margin: 0px;
    font-size: 50px;
    line-height: 50px;
}

.header .hf_logo:before,
.footer .hf_logo:before {
    width: 100%;
    position: absolute;
    left: -1px;
    content: "\F615";
    color: #01A982;
    display: none;
}

.header .hf_logo:after {
    width: 100%;
    position: absolute;
    content: ".";
    color: #fff;
    display: none;
}

.footer .hf_logo:after {
    width: 100%;
    position: absolute;
    content: ".";
    color: #000;
    display: none;
}

.header .hp_logo,
.footer .hp_logo {
    margin-left: 38px;
}

.header .hp_logo a.hf_logo img,
.footer .hp_logo a.hf_logo img {
    width: 152px;
    height: 77px;
}

.header .hp_logo a.hf_logo img.hf_no_printable,
.footer .hp_logo a.hf_logo img.hf_no_printable {
    display: block !important;
}

.footer .hp_logo a.hf_logo,
.footer .hp_logo a.hf_logo:visited {
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 2px;
}

.third-legal-notice {
    float: left;
    margin-top: 13px;
    margin-right: 10px;
    margin-left: 240px;
}

.third-legal-notice p {
    font-size: 12px;
}

.atm-s a span {
    padding: 0;
}

.atm-s a#atic_more {
    display: none
}

#Information_dialog p a {
    font-weight: bold;
}

#exhibitor_details_modal p,
a {
    font-size: 14px;
}

.my-sessions .info {
    font-size: 14px;
}

#reserve_content {
    font-size: 16px;
}

.speakers .photo img {
    max-width: 120px;
}

.mobile-app-link {
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    min-width: 120px;
    min-height: 20px
}

.ui-widget-overlay {
    height: 100%;
    min-height: 100%;
    /*position: fixed*/
}

.secondary-navigation .secondary-navigation-menu li {
    padding-right: 20px;
}