@font-face {
    font-family: 'FontAwesome';
    src: url('../include/fonts/fontawesome-webfont-4635b62.html?v=4.6.3');
    src: url('../include/fonts/fontawesome-webfont-463d41d.html?#iefix&v=4.6.3') format('embedded-opentype'), url('../include/fonts/fontawesome-webfont-4635b62-2.html?v=4.6.3') format('woff'), url('../include/fonts/fontawesome-webfont-4635b62-3.html?v=4.6.3') format('truetype'), url('../include/fonts/fontawesome-webfont-4635b62-4.html?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}



#header *,
#page-content *,
#footer * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

html {
    font-size: 100%
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    line-height: 1.7;
    font-size: 16px
}

div.edit-buttons div.admin-pill.dropdown>div.inner {
    z-index: 9
}

a,
a:link,
a:visited {
    color: #6f6f6f;
    text-decoration: none
}

a:hover,
a:focus,
a:active {
    color: #231f20;
    text-decoration: none;
    cursor: pointer;
    transition: all .2s ease-in
}

a img {
    border: 0
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}

input[type="button"],
input[type="submit"] {
    -webkit-appearance: none
}

input[type="text"],
input[type="password"] {
    -webkit-appearance: none
}

p {
    line-height: 1.8;
    margin: 0 0 20px 0;
    padding: 0
}

ul,
ol {
    margin-bottom: 20px
}

code {
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-size: 100%
}

blockquote {
    line-height: 1.5;
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 100%
}

input {
    margin: 0
}

th,
td {
    vertical-align: top
}

strong,
b {
    font-weight: 600
}

textarea {
    resize: none
}

legend {
    color: inherit;
    text-rendering: optimizeLegibility;
    font-weight: 300;
    font-size: 200%;
    border-bottom: 1px solid #ccc
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 300;
    padding: 0;
    margin: 0 0 20px 0;
    color: inherit;
    text-rendering: optimizeLegibility
}

h3 {
    font-size: 180%
}

h4 {
    font-size: 160%
}

h5 {
    font-size: 140%
}

h6 {
    font-size: 120%
}

h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h2 a,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h3 a,
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:focus,
h4 a,
h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:focus,
h5 a,
h5 a:link,
h5 a:visited,
h5 a:hover,
h5 a:focus,
h6 a,
h6 a:link,
h6 a:visited,
h6 a:hover,
h6 a:focus {
    font-weight: normal;
    font-weight: 300;
    color: inherit;
    text-decoration: none;
    border: 0
}

h1 a:hover,
h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover,
h4 a:focus,
h5 a:hover,
h5 a:focus,
h6 a:hover,
h6 a:focus {
    color: #428bca
}

h1.smaller,
h2.smaller,
h3.smaller,
h4.smaller,
h5.smaller,
h6.smaller {
    font-size: 120%
}

.accessible-heading {
    position: absolute;
    left: -9999px;
    margin: 0;
    padding: 0
}

.right-float,
.rightFloat {
    float: right
}

.left-float,
.leftFloat {
    float: left
}

#adminBanner {
    display: none
}

video {
    max-width: 100%
}

.form-horizontal fieldset legend.col-lg-12 {
    font-size: 160%;
    font-weight: normal
}

.header-nav a.btn {
    border: 0
}

.tab-content.panel {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0
}

#pSavePaymentDetails {
    padding-left: 16.666666666666664%;
    margin-bottom: 15px
}

div.form-actions>.btn {
    margin-left: 15px
}

ul.radio,
ul.checkbox {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.form-horizontal legend.col-lg-12,
.form-horizontal div.col-lg-12 {
    padding-left: 0;
    padding-right: 0

}

.no-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.no-margin {
    margin: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.margin-all {
    margin: 15px
}

.margin-top {
    margin-top: 15px
}

.margin-right {
    margin-right: 15px
}

.margin-bottom {
    margin-bottom: 15px
}

.margin-left {
    margin-left: 15px
}

.margin-over {
    float: left;
    margin-left: -15px !important;
    margin-right: -15px !important
}

.no-padding {
    padding: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.padding-all {
    padding: 15px
}

.padding-top {
    padding-top: 15px
}

.padding-right {
    padding-right: 15px
}

.padding-bottom {
    padding-bottom: 15px
}

.padding-left {
    padding-left: 15px
}

.padding-all-full {
    padding: 60px
}

.padding-top-full {
    padding-top:35px
}

.padding-right-full {
    padding-right: 60px
}

.padding-bottom-full {
    padding-bottom: 80px
}

.padding-left-full {
    padding-left: 60px
}

.padding-top-lg {
    padding-top: 120px
}

.padding-all-md {
    padding: 40px
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.align-vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.align {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.align-justify {
    text-align: justify
}

.animate,
.animate:before,
.animate:after {
    transition: all 1s ease-out
}

.animate-fast,
.animate-fast:before,
.animate-fast:after {
    transition: all .5s ease-out
}

.animate-faster,
.animate-faster:before,
.animate-faster:after {
    transition: all .2s ease-out
}

.animate-slow,
.animate-slow:before,
.animate-slow:after {
    transition: all 1.5s cubic-bezier(0, 0, 0.9, 0.06)
}

.animate-slower,
.animate-slower:before,
.animate-slower:after {
    transition: all 2s cubic-bezier(0, 0, 0.9, 0.06)
}

.block {
    display: block;
    padding: 15px;
    position: relative
}

div.center {
    margin: 0 auto;
    float: none
}

.feature {
    font-size: 150%
}

.full {
    width: 100%
}

.tab-content.panel {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0
}

.block img {
    width: 100%
}

.block.full img {
    width: auto
}

.primary {
    color: #21b4c1
}

.secondary {
    color: #231f20
}

.tertiary {
    color: #ccc
}

.section {
    color: #fff
}

.shade {
    color: #acf8ff
}

.dark {
    color: #aaa
}

.light {
    color: #eee
}

.bg {
    color: inherit
}

.bg.primary {
    background: #21b4c1;
    color: #fff
}

.bg.secondary {
    background: #231f20;
    color: #fff
}

.bg.tertiary {
    background: #ccc;
    color: #fff
}

.bg.section {
    background: #fff
}

.bg.shade {
    background: #acf8ff;
    color: #3d3d3d
}

.bg.dark {
    background: #aaa;
    color: #fff
}

.bg.light {
    background: #eee
}

.bg.light h2 {
    color: #3d3d3d
}

.bg.highlight {
    background: #fafafa
}

.bg.bg-grad.primary {
    background: linear-gradient(to bottom, #21b4c1 0, #fff 100%)
}

.bg.bg-grad.secondary {
    background: linear-gradient(to bottom, #231f20 0, #fff 100%)
}

.bg.bg-grad.tertiary {
    background: linear-gradient(to bottom, #ccc 0, #fff 100%)
}

.bg.bg-grad.highlight {
    background: linear-gradient(to bottom, #f2f6f9 0, #fff 100%)
}

.bg.bg-grad.section {
    background: linear-gradient(to bottom, #fff 0, #bbb 100%)
}

.bg.bg-grad.shade {
    background: linear-gradient(to bottom, #acf8ff 0, #fff 100%)
}

.bg.bg-grad.dark {
    background: linear-gradient(to bottom, #bbb 0, #fff 100%)
}

.bg.bg-grad.light {
    background: linear-gradient(to bottom, #ddd 0, #fff 100%)
}

.bg.bg-image {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    color: #fff
}

.bg.bg-image h2,
.bg.bg-image h3,
.bg.bg-image h4,
.bg.bg-image h5,
.bg.bg-image h6 {
    color: #fff
}

.bg.bg-image.bg-hex {
    color: #fff;
    background-image: url(../ecthemes/1/images/bg-hex-grid-blue.html)
}

.bg.bg-image.bg-road {
    color: #fff;
    background-image: url(../ecthemes/1/images/bg-fast-track.html)
}

.bg.bg-image.bg-hex-pale {
    color: #3d3d3d;
    background-image: url(../ecthemes/1/images/bg-pale-grey-hex.html)
}

.bg.bg-image.bg-hex-pale h2,
.bg.bg-image.bg-hex-pale h3,
.bg.bg-image.bg-hex-pale h4,
.bg.bg-image.bg-hex-pale h5,
.bg.bg-image.bg-hex-pale h6 {
    color: #3d3d3d
}

.bg.bg-repeat {
    background-repeat: repeat
}

.bg.bg-top-left {
    background-position: 0 0
}

.bg.bg-top-right {
    background-position: 100% 0
}

.bg.bg-bot-left {
    background-position: 0 100%
}

.bg.bg-bot-right {
    background-position: 100% 100%
}

.bg.bg-size-cover {
    background-size: cover
}

.bg.bg-size-contain {
    background-size: contain
}

.bg.bg-size-initial {
    background-size: initial
}

.bg.bg-size-half {
    background-size: 50%
}

.border {
    border: 1px solid #eee;
    color: inherit
}

.border-none {
    border: none !important
}

.border-top {
    border-top: 1px solid #eee
}

.border-right {
    border-right: 1px solid #eee
}

.border-bottom {
    border-bottom: 1px solid #eee
}

.border-left {
    border-left: 1px solid #eee
}

.border.primary,
.border-top.primary,
.border-right.primary,
.border-bottom.primary,
.border-left.primary {
    border-color: #21b4c1
}

.border.secondary,
.border-top.secondary,
.border-right.secondary,
.border-bottom.secondary,
.border-left.secondary {
    border-color: #231f20
}

.border.tertiary,
.border-top.tertiary,
.border-right.tertiary,
.border-bottom.tertiary,
.border-left.tertiary {
    border-color: #ccc
}

.border.highlight,
.border-top.highlight,
.border-right.highlight,
.border-bottom.highlight,
.border-left.highlight {
    border-color: #f2f6f9
}

.border.section,
.border-top.section,
.border-right.section,
.border-bottom.section,
.border-left.section {
    border-color: #fff
}

.border.shade,
.border-top.shade,
.border-right.shade,
.border-bottom.shade,
.border-left.shade {
    border-color: #acf8ff
}

.border.dark,
.border-top.dark,
.border-right.dark,
.border-bottom.dark,
.border-left.dark {
    border-color: #bbb
}

.border.light,
.border-top.light,
.border-right.light,
.border-bottom.light,
.border-left.light {
    border-color: #ddd
}

.shadow {
    box-shadow: 5px 5px 5px 0 rgba(204, 204, 204, 0.5)
}

.shadow-rev {
    box-shadow: -5px -5px 5px 0 rgba(204, 204, 204, 0.5)
}

.shadow-bot {
    box-shadow: 0 5px 5px 0 rgba(204, 204, 204, 0.5)
}

.task-manager #btnAddNewTaskTMView,
.calendarview-edit-main-calendar #AddAppointment,
#page-content .RadScheduler .rsAdvancedEdit .rsAdvancedSubmitArea a,
a[id$="btnAddNewMeetingInCtrl"],
.login-element div.lgn-btn input {
    letter-spacing: 1px;
    border-radius: 0;
    color: inherit;
    transition: all .7s ease;
    text-decoration: none;
    padding: 5px 20px;
    background: #ccc;
    border: 2px solid #ccc;
    border-bottom: 2px solid rgba(204, 204, 204, 1);
    font-size: 100%
}

.btn-primary,
.btn-primary:link,
.btn-primary:visited,
.clsFormCreator .add-button,
.task-manager #btnAddNewTaskTMView,
.calendarview-edit-main-calendar #AddAppointment,
#page-content .RadScheduler .rsAdvancedEdit div.rsAdvancedSubmitArea a.rsAdvEditSave,
a[id$="btnAddNewMeetingInCtrl"],
.login-element div.lgn-btn input {
    color: #fff;
    border-color: #21b4c1;
    background: #21b4c1
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.clsFormCreator .add-button:hover,
.clsFormCreator .add-button:focus,
.task-manager #btnAddNewTaskTMView:hover,
.task-manager #btnAddNewTaskTMView:focus,
.calendarview-edit-main-calendar #AddAppointment:hover,
.calendarview-edit-main-calendar #AddAppointment:focus,
#page-content .RadScheduler .rsAdvancedEdit div.rsAdvancedSubmitArea a.rsAdvEditSave:hover,
#page-content .RadScheduler .rsAdvancedEdit div.rsAdvancedSubmitArea a.rsAdvEditSave:focus,
a[id$="btnAddNewMeetingInCtrl"]:hover,
a[id$="btnAddNewMeetingInCtrl"]:focus,
.login-element div.lgn-btn input:hover,
.login-element div.lgn-btn input:focus {
    color: #3d3d3d;
    border-color: #ccc;
    background: #ccc
}

.btn-success,
.btn-success:link,
.btn-success:visited {
    color: #fff;
    border-color: #21b4c1;
    background: #21b4c1
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    color: #3d3d3d;
    border-color: #ccc;
    background: #ccc
}

.btn-danger,
.btn-danger:link,
.btn-danger:visited,
.clsFormCreator .repeat .delete-button {
    color: #fff;
    border-color: #ca0a19;
    background: #ca0a19
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    color: #3d3d3d;
    border-color: #ccc;
    background: #ccc
}

.btn-toggle {
    opacity: 0
}

.btn-link,
.btn-link:link,
.btn-link:visited {
    padding: 0;
    border: 0;
    color: #231f20;
    letter-spacing: 0;
    background: transparent
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    color: #231f20;
    background: transparent
}

.btn.primary,
.btn.primary:link,
.btn.primary:visited {
    color: #fff;
    border-color: #21b4c1;
    background: #21b4c1
}

.btn.secondary,
.btn.secondary:link,
.btn.secondary:visited {
    color: #fff;
    border-color: #231f20;
    background: #231f20
}

.btn.tertiary,
.btn.tertiary:link,
.btn.tertiary:visited {
    color: #fff;
    border-color: #ccc;
    background: #ccc
}

.btn.highlight,
.btn.highlight:link,
.btn.highlight:visited {
    border-color: #f2f6f9;
    background: #f2f6f9
}

.btn.section,
.btn.section:link,
.btn.section:visited {
    border-color: #fff;
    background: #fff
}

.btn.shade,
.btn.shade:link,
.btn.shade:visited {
    border-color: #acf8ff;
    background: #acf8ff
}

.btn.dark,
.btn.dark:link,
.btn.dark:visited {
    color: #fff;
    border-color: #bbb;
    background: #bbb
}

.btn.light,
.btn.light:link,
.btn.light:visited {
    color: #fff;
    border-color: #ddd;
    background: #ddd
}

.circle,
p.circle {
    border-radius: 100px;
    padding: 15px;
    display: inline-block;
    float: none;
    width: auto;
    text-align: centre;
    min-width: 1px
}

.icon {
    position: relative
}

.icon:after {
    font-family: FontAwesome;
    font-size: 25px;
    position: absolute;
    line-height: 1
}

.btn.icon {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #3d3d3d;
    font-size: 20px;
    height: 30px;
    width: 30px;
    text-indent: -9999px
}

.btn.icon:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 30px;
    text-indent: 0
}

.icon.icon-large:after {
    font-size: 40px
}

.icon.primary:after {
    color: #21b4c1
}

.icon.secondary:after {
    color: #231f20
}

.icon.tertiary:after {
    color: #ccc
}

.icon.highlight:after {
    color: #f2f6f9
}

.icon.section:after {
    color: #fff
}

.icon.shade:after {
    color: #acf8ff
}

.icon.dark:after {
    color: #bbb
}

.icon.light:after {
    color: #ddd
}

.icon-only {
    color: #3d3d3d
}

.icon.icon-top {
    padding-top: 35px
}

.align-center .icon.icon-top {
    margin-left: auto;
    margin-right: auto
}

.icon.icon-top.icon-large {
    padding-top: 50px
}

.icon.icon-top:after {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.icon.icon-right {
    padding-right: 35px;
    min-height: 25px
}

.icon.icon-right.icon-large {
    padding-right: 50px;
    min-height: 40px
}

.icon.icon-right:after {
    right: 0
}

.icon.icon-bottom {
    padding-bottom: 35px
}

.align-center .icon.icon-bottom {
    margin-left: auto;
    margin-right: auto
}

.icon.icon-bottom.icon-large {
    padding-bottom: 50px
}

.icon.icon-bottom:after {
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.icon.icon-left {
    padding-left: 35px;
    min-height: 25px
}

.icon.icon-left.icon-large {
    padding-left: 50px;
    min-height: 40px
}

.icon.icon-left:after {
    left: 0
}

.icon.icon-menu:after {
    content: "\f0c9";
    position: relative
}

.icon.icon-menu.icon-close:after {
    content: ""
}

.icon.icon-person:after {
    content: "\f0c0"
}

.icon.icon-location:after {
    content: "\f041"
}

.icon.icon-notes:after {
    content: "\f1ea"
}

.icon.icon-question:after {
    content: "\f29c"
}

.icon.icon-pen:after {
    content: "\f040"
}

.icon.icon-cog:after {
    content: "\f085"
}

.icon.icon-image:after {
    content: "\f03e"
}

.icon.icon-doc:after {
    content: "\f0f6"
}

.icon.icon-design:after {
    content: "\f1fc"
}

.icon.icon-form:after {
    content: "\f046"
}

.icon.icon-flow:after {
    content: "\f126"
}

.icon.icon-padlock:after {
    content: "\f023"
}

.icon.icon-tablet:after {
    content: "\f10a"
}

.icon.icon-certificate:after {
    content: "\f0a3"
}

.icon.icon-facebook:after {
    content: "\f09a"
}

.icon.icon-linkedin:after {
    content: "\f0e1"
}

.icon.icon-twitter:after {
    content: "\f099"
}

.icon.icon-youtube:after {
    content: "\f167"
}

.invisible {
    opacity: 0
}

.bg.primary.translucent {
    background: rgba(33, 180, 193, 0.8)
}

.bg.secondary.translucent {
    background: rgba(64, 158, 193, 0.8)
}

.bg.tertiary.translucent {
    background: rgba(204, 204, 204, 0.8)
}

.bg.highlight.translucent {
    background: rgba(242, 246, 249, 0.8)
}

.bg.section.translucent {
    background: rgba(255, 255, 255, 0.8)
}

.bg.shade.translucent {
    background: rgba(172, 248, 255, 0.8)
}

.bg.dark.translucent {
    background: rgba(170, 170, 170, 0.8)
}

.bg.light.translucent {
    background: rgba(238, 238, 238, 0.8)
}

.bg.primary.transparent {
    background: rgba(33, 180, 193, 0.4)
}

.bg.secondary.transparent {
    background: rgba(64, 158, 193, 0.4)
}

.bg.tertiary.transparent {
    background: rgba(204, 204, 204, 0.4)
}

.bg.highlight.transparent {
    background: rgba(242, 246, 249, 0.4)
}

.bg.section.transparent {
    background: rgba(255, 255, 255, 0.4)
}

.bg.shade.transparent {
    background: rgba(172, 248, 255, 0.4)
}

.bg.dark.transparent {
    background: rgba(170, 170, 170, 0.4)
}

.bg.light.transparent {
    background: rgba(238, 238, 238, 0.4)
}

.uppercase {
    text-transform: uppercase
}

.hover,
.hover * {
    position: relative
}

.hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0)
}

.hover:hover:before,
.hover:focus:before {
    background: rgba(0, 0, 0, 0.2)
}

.overlay,
.overlay * {
    position: relative
}

.overlay:before {
    content: "";
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.link-overlay a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    z-index: 2;
    text-indent: -9999px
}

.link-overlay a:hover,
.link-overlay a:focus {
    text-decoration: none;
    border: 0
}

.cut:after {
    width: 0;
    height: 0;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0
}

.cut-large:after {
    width: 0;
    height: 0;
    border-bottom: 25px solid #fff;
    border-left: 25px solid transparent;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0
}

.block.cut-bg {
    padding-bottom: 0
}

.cut-bg:before,
.cut-bg:after {
    content: "";
    position: absolute;
    bottom: -16px
}

.cut-bg:before {
    right: 0;
    border-width: 16px 16px 0 0;
    border-style: solid
}

.cut-bg:after {
    left: 0;
    right: 16px;
    border-width: 8px;
    border-style: solid
}

.primary.cut-bg:before {
    border-color: #21b4c1 transparent
}

.primary.cut-bg:after {
    border-color: #21b4c1
}

.secondary.cut-bg:before {
    border-color: #231f20 transparent
}

.secondary.cut-bg:after {
    border-color: #231f20
}

.tertiary.cut-bg:before {
    border-color: #ccc transparent
}

.tertiary.cut-bg:after {
    border-color: #ccc
}

.highlight.cut-bg:before {
    border-color: #f2f6f9 transparent
}

.highlight.cut-bg:after {
    border-color: #f2f6f9
}

.section.cut-bg:before {
    border-color: #fff transparent
}

.section.cut-bg:after {
    border-color: #fff
}

.shade.cut-bg:before {
    border-color: #acf8ff transparent
}

.shade.cut-bg:after {
    border-color: #acf8ff
}

.dark.cut-bg:before {
    border-color: #bbb transparent
}

.dark.cut-bg:after {
    border-color: #bbb
}

.light.cut-bg:before {
    border-color: #ddd transparent
}

.light.cut-bg:after {
    border-color: #ddd
}

#header a {
    border: 0
}

#header .col-lg-12 {
    position: static
}

#header .navbar-brand {
    width: 135px;
    height: 35px;
    background: url(../ecthemes/1/images/logo-elcomx2-updated.html) no-repeat -25px 0;
    background-size: cover
}

#header #header-login {
    clear: both;
    padding-top: 15px
}

#header #header-login p {
    float: left;
    margin: 0;
    padding: 0 5px 0 0
}

#header #header-login p img {
    width: 20px;
    border-radius: 20px
}

#header #header-login ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left
}

#header #header-login ul li {
    float: left
}

#header #header-login ul li a {
    border-left: 1px solid #ccc;
    padding: 0 5px
}

#section-nav .navbar-collapse {
    padding: 0;
    max-height: none
}

#LeftMenu {
    padding-bottom: 20px;
    overflow: hidden
}

#LeftMenu,
#LeftMenu .menu,
#LeftMenu .rootGroup {
    width: 100% !important
}

#LeftMenu li {
    margin-bottom: 0;
    width: 100%
}

#LeftMenu a.link,
#LeftMenu a.CMLevel1Selected {
    height: auto;
    border-bottom: 1px solid #1D779F;
    width: 100% !important
}

#LeftMenu a.link .text,
#LeftMenu a.link .rpText,
#LeftMenu a.CMLevel1Selected .text {
    background-color: #66b8de;
    color: #1E1E1E;
    font-size: 100%;
    height: auto;
    padding: 8px 12px 6px 12px
}

#LeftMenu a.link:hover .text,
#LeftMenu a.link:focus .text {
    background-color: #1D779F;
    color: #fff;
    font-size: 100%
}

#LeftMenu a.CMLevel2,
#LeftMenu a.CMLevel2Selected {
    height: 30px;
    border-bottom: 1px solid #66b8de
}

#LeftMenu a.CMLevel2 span,
#LeftMenu a.CMLevel2Selected span {
    background-color: #91cae8;
    height: 16px;
    padding: 8px 12px 6px 12px
}

#LeftMenu a.CMLevel2Selected:hover span,
#LeftMenu a.CMLevel2:hover span,
#LeftMenu a.CMLevel2:focus span {
    background-color: #1D779F
}

#LeftMenu a.CMLevel3,
#LeftMenu a.CMLevel3Selected {
    height: 30px;
    border-bottom: 1px solid #91cae8
}

#LeftMenu a.CMLevel3 span,
#LeftMenu a.CMLevel3Selected span {
    background-color: #b5dced;
    height: 16px;
    padding: 8px 12px 6px 12px
}

#LeftMenu a.CMLevel3Selected:hover span,
#LeftMenu a.CMLevel3:hover span,
#LeftMenu a.CMLevel3:focus span {
    background-color: #1D779F
}

#LeftMenu a.CMLevel4,
#LeftMenu a.CMLevel4Selected {
    height: 30px;
    border-bottom: 1px solid #b5dced
}

#LeftMenu a.CMLevel4 span,
#LeftMenu a.CMLevel4Selected span {
    background-color: #e7f8ff;
    height: 16px;
    padding: 8px 12px 6px 12px
}

#LeftMenu a.CMLevel4Selected:hover span,
#LeftMenu a.CMLevel4:hover span,
#LeftMenu a.CMLevel4:focus span {
    background-color: #1D779F
}

#LeftMenu .group {
    width: 210px !important
}

.RadPanelBar {
    width: 100% !important
}

.RadPanelBar ul {
    list-style-type: none;
    margin: 0 !important;
    padding: 0
}

.RadPanelBar ul li {
    margin: 0 !important
}

.RadPanelBar .link {
    display: block;
    text-decoration: none
}

.RadPanelBar .rpOut {
    display: block
}

.RadPanelBar .rpText {
    display: block
}

.RadPanelBar .rpSlide {
    display: none
}

div[id$="Panelbar13"] .rpSlide {
    display: block
}

#LeftMenu .panelbar a.MenuItemOne {
    border-bottom: 1px solid #231f20;
    background: 0;
    color: #333;
    font-size: 18px;
    font-family: 'Raleway', sans-serif
}

#LeftMenu .panelbar a.link.MenuItemOne .rpText {
    background: 0;
    padding: 20px 10px 5px
}

#LeftMenu .panelbar ul li ul .rpExpandable .rpText:before {
    content: "\f105 ";
    font-family: FontAwesome;
    font-size: 16px;
    display: block;
    float: left;
    margin-left: -14px;
    margin-top: -1px;
    transition: .5s linear
}

#LeftMenu .panelbar a.MenuItemTwo {
    border-bottom: 1px solid #f5f5f5;
    font-size: 100%
}

#LeftMenu .panelbar a.MenuItemTwo .rpText,
#LeftMenu .panelbar a.MenuItemTwoClicked .rpText {
    padding-left: 24px;
    width: 100% !important;
    background: 0;
    border: 0
}

#LeftMenu .panelbar a.MenuItemThree {
    border-bottom: 1px solid #f5f5f5;
    font-size: 100%
}

#LeftMenu .panelbar a.MenuItemThree .rpText,
#LeftMenu .panelbar a.MenuItemThreeClicked .rpText {
    padding-left: 36px;
    width: 100% !important;
    background: 0;
    border: 0
}

#LeftMenu .panelbar a.MenuItemFour {
    border-bottom: 1px solid #f5f5f5;
    font-size: 100%
}

#LeftMenu .panelbar a.MenuItemFour .rpText,
#LeftMenu .panelbar a.MenuItemFourClicked .rpText {
    padding-left: 48px;
    background: 0;
    border: 0
}

#LeftMenu .panelbar .rpLevel4 a.MenuItemFour .rpText,
#LeftMenu .panelbar .rpLevel4 a.MenuItemFourClicked .rpText {
    padding-left: 60px
}

#LeftMenu a.CMLevel1Selected .text,
#LeftMenu a.CMLevel2Selected .text,
#LeftMenu a.CMLevel3Selected .text,
#LeftMenu a.CMLevel4Selected .text #LeftMenu .panelbar a.MenuItemOneClicked .rpText,
#LeftMenu .panelbar a.MenuItemTwoClicked .rpText,
#LeftMenu .panelbar a.MenuItemThreeClicked .rpText,
#LeftMenu .panelbar a.MenuItemFourClicked .rpText {
    background: #f4f4f4
}

#LeftMenu .panelbar ul li ul .rpExpandable.MenuItemTwoClicked .rpText:before,
#LeftMenu .panelbar ul li ul .rpExpandable.MenuItemThreeClicked .rpText:before {
    transform: rotate(90deg)
}

#utilities ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#utilities ul li {
    display: none
}

.flexslider .slides .ElementControls {
    display: block !important
}

#sidebar h3 {
    border-bottom: 1px solid #231f20;
    padding-bottom: 5px;
    font-size: 160%
}

#sidebar h4 {
    font-size: 140%
}

#sidebar h5 {
    font-size: 120%
}

#sidebar h6 {
    font-size: 100%
}

.flexslider {
    min-height: auto !important
}

.banner-prod-details ul.slides li:first-child {
    display: block
}

.banner-prod-details+#thumbnails {
    height: 0;
    overflow: hidden
}

.FileUpload a#btnAdddocument1 {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin-bottom: 20px
}

.widget dl,
.widget dt,
.widget dd {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.widget dd {
    line-height: 150%
}

.widget .widgetPageLinks h3 {
    display: inline;
    font-size: 100%
}

.widget p img {
    padding-right: 10px
}

.widget .widgetPageLinks {
    border-top: 1px solid #ddd;
    margin-top: 15px;
    padding-top: 15px
}

.widget .widgetPageLinks .resultPageNumberSelected {
    font-weight: bold
}

#nyroModalWrapper {
    background-color: #000;
    height: auto !important
}

#nyroModalWrapper h1 {
    margin: 10px 0 0 10px
}

#nyroModalFull #closeBut {
    color: #fff;
    background: #000;
    padding: 5px;
    position: absolute;
    top: 10px;
    right: 10px
}

#nyroModalWrapper #nyroModalContent {
    overflow: hidden !important
}

.widget .media .block {
    width: 100%
}

.widget .media h2 {
    clear: both;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.4
}

table.track-panel td {
    padding: 25px
}

.refinewidget {
    margin-bottom: 10px;
    position: relative
}

.refinewidget ol {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#wrapper #page-content #sidebar .refinewidget>ol {
    margin-left: 11px
}

.refinewidget ol li {
    padding: 0 10px 5px 0;
    position: relative
}

#wrapper #page-content #sidebar .refinewidget ol li {
    margin-bottom: 0
}

.refinewidget>ol>li>ol {
    margin: 5px 0 0 10px
}

#wrapper #page-content #sidebar .refinewidget>ol>li>ol {
    margin-left: 10px
}

.refinewidget>ol>li>ol>li>ol {
    margin: 5px 0 0 20px
}

#wrapper #page-content #sidebar .refinewidget>ol>li>ol>li>ol {
    margin-left: 20px
}

.refinewidget ol li .RefineSelected {
    font-weight: bold
}

.refinewidget ol li .RefineWidgetRemove {
    float: left;
    position: absolute;
    top: 5px;
    right: 0;
    width: 12px;
    height: 12px;
    text-indent: -9999px
}

.refinewidget ol li .RefineWidgetRemove:after {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 12px;
    text-indent: 0;
    color: #bbb
}

.refinewidget .searchInput {
    display: block;
    width: 100%;
    height: 30px;
    padding: 5px 35px 5px 5px;
    line-height: 1.428571429;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.refinewidget a[id$="SearchLinkButton"] {
    position: absolute;
    bottom: 0;
    right: 0;
    text-indent: -9999px;
    color: #fff;
    text-decoration: none;
    padding: 0;
    border: 1px solid #21b4c1;
    background: #21b4c1;
    border-radius: 0;
    display: block;
    letter-spacing: 1px;
    width: 30px;
    height: 30px
}

.refinewidget a[id$="SearchLinkButton"]:after {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 30px;
    text-indent: 0
}

.refinewidget a[id$="SearchLinkButton"]:hover,
.refinewidget a[id$="SearchLinkButton"]:focus {
    text-decoration: none;
    cursor: pointer
}

#page-content .notifications .alert-item {
    border: 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 35px 0;
    margin: 0 0 15px 0;
    position: relative
}

#page-content .notifications .alert-item header {
    position: relative;
    padding-right: 100px
}

#page-content .notifications .alert-item header h4 {
    margin-bottom: 10px
}

#page-content .notifications .alert-item header p.Alerted-date-item {
    font-size: 90%
}

#page-content .notifications .alert-item header .indicator {
    position: absolute;
    top: 0;
    right: 0;
    font-style: italic
}

#page-content .notifications .alert-item .options {
    position: absolute;
    bottom: 15px;
    right: 0;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#page-content .notifications .alert-item .options li {
    display: inline;
    padding-left: 15px
}

.carousel-contents {
    position: relative;
    max-width: 100%
}

.carousel-contents #slider-prev {
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 2000;
    text-indent: -9999px;
    width: 38px;
    height: 38px;
    background: #f0f0f0 url(../images/tdcm/slider_prev.html) no-repeat 50% 50%
}

.carousel-contents #slider-next {
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 2000;
    text-indent: -9999px;
    width: 38px;
    height: 38px;
    background: #f0f0f0 url(../images/tdcm/slider_next.html) no-repeat 50% 50%
}

.carousel-contents:hover #slider-prev,
.carousel-contents:focus #slider-prev,
.carousel-contents:hover #slider-next,
.carousel-contents:focus #slider-next {
    opacity: 1
}

.carousel-contents #slide {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden
}

.carousel-contents #slide>div {
    width: 100%;
    height: 450px
}

.carousel-contents #slide>div h3 {
    float: left;
    position: relative;
    z-index: 2;
    font-size: 250%;
    color: #fff;
    margin: 40px 20px 20px 20px;
    padding: 10px;
    background-color: #666
}

.carousel-contents #slide>div p {
    float: left;
    clear: both;
    position: relative;
    z-index: 2;
    font-size: 175%;
    color: #fff;
    margin: 0 20px 20px 20px;
    padding: 10px;
    background-color: #95BA00
}

.carousel-contents #slide>div img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

div[id$="MemberPanel"] {
    margin-bottom: 45px
}

.uploaded-documents-content {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.uploaded-documents-content li {
    border-bottom: 1px solid #E0E0E0;
    padding: 0 10px 10px 10px;
    margin-bottom: 10px;
    line-height: 1
}

.uploaded-documents-content li .document-link {
    padding-right: 10px
}

.uploaded-documents-content li .document-details {
    font-style: italic;
    font-size: 90%
}

.uploaded-documents-content li .document-details label {
    font-weight: normal
}

.rss ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.rss ol li {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #eee
}

.rss ol li>a {
    float: left;
    font-size: 160%
}

.rss ol li>span {
    float: left;
    padding-bottom: 10px
}

.rss ol li>span.rssfeedheaddate {
    clear: left
}

.rss ol li img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px
}

.module-area .ArticleList ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.module-area .ArticleList ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc
}

.module-area .ArticleList ul li a {
    display: block;
    margin-bottom: 5px
}

.module-area .ArticleList ul li span.ArticleSeparator {
    display: none
}

.module-area .ArticleList ul li span.ArticleDescription {
    display: block
}

#PollMain {
    width: 100% !important;
    max-width: 500px !important;
    padding: 0
}

#PollMain #PollSection span {
    font: 18px/1.2em georgia, arial, verdana, sans-serif;
    margin: 0 0 10px 0;
    display: block
}

#PollMain span.RenderPoll {
    display: block;
    margin: 10px 0
}

#PollMain span.RenderPoll input {
    margin: 0 5px 5px 0
}

#PollMain span.RenderPoll label {
    margin: 0 0 5px 0
}

#PollMain input[id$="btnPoll"] {
    margin: 10px 0;
    text-decoration: none;
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #1D779F;
    background-color: #1D779F;
    border-radius: 2px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

#PollMain input[id$="btnPoll"]:hover,
#PollMain input[id$="btnPoll"]:focus {
    border: 1px solid #00557F;
    cursor: pointer
}

#PollMain #ctl00_ContentPlaceHolderMainNoAjax_ctl01_btnViewResult {
    margin: 0 5px
}

#PollMain #PollSection .RenderPoll label,
#PollMain #PollSection .RenderPoll input {
    margin-top: 10px;
    display: block
}

#PollMain ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#PollMain ul li {
    position: relative;
    margin-bottom: 5px
}

#PollMain ul li .pollOption {
    display: block
}

#PollMain ul li .pollOuter {
    width: 165px
}

#PollMain ul li .pollOuter span {
    position: absolute;
    left: 175px;
    bottom: 0
}

.content-area .clsQuizTable {
    width: 90%;
    background-color: transparent;
    border: 0
}

.content-area .clsQuizTable th {
    border: 0;
    padding: 0
}

.content-area .clsQuizTable td {
    border: 0;
    padding: 0
}

.content-area .clsQuizTable td.clsQuesNo {
    text-align: right;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.content-area .clsQuizTable td.clsQuesText {
    font: normal 160% tahoma, arial, verdana, sans-serif;
    color: #002341;
    padding: 20px 0;
    margin: 0;
    border-top: 1px solid #ddd
}

.content-area .clsQuizTable td.clsPrev {
    text-align: left;
    padding-top: 20px
}

.content-area .clsQuizTable td.clsNext {
    text-align: right;
    padding-top: 20px
}

.content-area .clsQuizTable td.clsOptions {
    padding-bottom: 10px
}

.content-area .clsQuizTable td.clsOptions input {
    margin-right: 10px
}

.clsFormCreator {
    margin: 0 0 20px 0;
    background-color: #fff
}

.clsFormCreator>div {
    margin-bottom: 0;
    position: relative
}

.clsFormCreator div>input.clsDateBox {
    width: 200px !important
}

.clsFormCreator fieldset {
    border: 0;
    margin: 0 0 20px 0;
    padding: 0
}

.clsFormCreator fieldset legend {
    color: inherit;
    font-size: 100%;
    border: 0;
    font-weight: bold
}

.clsFormCreator div .clsCheckBoxListSpanOptions span,
.clsFormCreator div .clsRadioButtonListSpanOptions span,
.clsFormCreator div .clsOrderOfPreferenceSpanOptions span {
    display: block;
    padding-left: 0
}

.clsFormCreator div .clsOrderOfPreferenceSpanOptions span {
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 10px
}

.clsFormCreator div .clsCheckBoxListSpanOptions span input,
.clsFormCreator div .clsRadioButtonListSpanOptions span input {
    width: auto !important;
    height: auto;
    margin: 0 5px 0 0;
    padding: 0
}

.clsFormCreator div .clsOrderOfPreferenceSpanOptions span input {
    float: left
}

.clsFormCreator div .clsCheckBoxListSpanOptions span label,
.clsFormCreator div .clsRadioButtonListSpanOptions span label {
    width: auto;
    padding-top: 0;
    font-weight: normal;
    float: none;
    text-align: left
}

.clsFormCreator div .clsOrderOfPreferenceSpanOptions span label {
    float: left;
    font-weight: normal
}

.clsFormCreator div.clsFormCreator_checkbox {
    position: relative;
    padding-left: 16.666666666666664%
}

.clsFormCreator div.clsFormCreator_checkbox label {
    width: auto;
    float: none
}

.clsFormCreator div.clsFormCreator_checkbox input {
    width: auto !important;
    height: auto;
    margin: 0 5px 0 0;
    padding: 0
}

.clsFormCreator div.clsMandatory {
    margin-left: 15px;
    padding-left: 16.666666666666664%;
    font-size: 90%
}

.clsFormCreator .clsFormCreator_button {
    padding-left: 16.666666666666664%;
    margin-left: 15px
}

.clsFormCreator .clsFormCreator_button {
    float: left
}

.clsFormCreator .clsFormCreator_button input[value~="back"] {
    background: #ccc;
    border-color: #ccc
}

.clsFormCreator .clsFormCreator_button+.clsFormCreator_button {
    padding-left: 0
}

.clsFormCreator div.form-actions>div:first-child {
    margin-left: 15px
}

.clsFormCreator div.form-actions>div input {
    margin-right: 10px;
    border: 1px solid #6f6f6f;
    padding: 15px 36px;
    display: inline-block;
    font-size: 13px;
    background: transparent;
    background-color: transparent;
    outline: 0;
    border-radius: 0;
    text-transform: uppercase
}

.clsFormCreator .formCreatorCaptchaTable {
    padding-left: 15px
}

.clsFormCreator .formCreatorCaptchaTable div {
    margin-bottom: 0
}

.clsFormCreator fieldset.two-column>div {
    width: 50%;
    padding-right: 20px
}

.clsFormCreator fieldset.three-column>div {
    width: 33%;
    padding-right: 20px
}

.clsFormCreator .submit-failed {
    display: none
}

.clsFormCreator .repeat {
    position: relative
}

.clsFormCreator .repeat .delete-button {
    float: left;
    border: 0;
    padding: 5px 10px;
    position: absolute;
    bottom: 15px;
    right: 15px
}

.clsFormCreator .add-button {
    float: right;
    clear: both;
    margin-top: 20px;
    margin-right: 15px;
    border: 0;
    padding: 5px 10px
}

.clsFormCreator .Fieldset_My_Hobbies {
    margin-bottom: 0
}

.clsFormCreator .Fieldset_More_Hobbies {
    position: relative
}

.clsFormCreator .Fieldset_More_Hobbies>legend {
    display: none
}

.clsFormCreator .Fieldset_More_Hobbies .clsFormCreator_button {
    clear: both
}

.clsFormCreator .Fieldset_Hobbies>legend {
    display: none
}

.RadCaptcha_Elcom>div>div {
    overflow: hidden
}

.RadCaptcha_Elcom [id$='SpamProtectorPanel'] p {
    margin-top: 15px !important
}

.RadCaptcha_Elcom [id$='SpamProtectorPanel'] input[id$='CaptchaTextBox'] {
    width: 200px !important
}

.contact-form .RadCaptcha_Elcom [id$='SpamProtectorPanel'] input[id$='CaptchaTextBox'] {
    width: 50% !important
}

.RadCaptcha_Elcom [id$='SpamProtectorPanel'] a {
    margin: 14px 5px 0 0 !important
}

.RadCaptcha_Elcom [id$='SpamProtectorPanel'] a+a {
    padding-left: 5px
}

.RadCaptcha_Elcom [id$='SpamProtectorPanel'] img {
    margin-right: 15px
}

.payment-form .clsFormCreator input[type="text"] {
    width: 100%
}

.payment-form .clsFormCreator .alert-danger {
    padding-left: 0
}

.payment-form .clsFormCreator #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_divTotalPayable label,
.payment-form .clsFormCreator #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_divSurcharge label {
    display: block
}

.payment-form #btnProcessPayment,
.payment-form #cancel {
    border: 1px solid #6f6f6f !important;
    padding: 15px 60px !important;
    display: inline-block;
    font-size: 13px;
    background: #0000;
    background-color: #fff !important;
    outline: 0;
    border-radius: 0;
    text-transform: uppercase
}

.payment-form .cc-legend img {
    top: 8px;
    left: 15px;
    position: relative
}

.payment-form span#revtxtMailId,
.payment-form span#rxvEwayCardNumber,
.payment-form span#rxvEwayCardName,
.payment-form span#rfvEwayCardName,
.payment-form span#rfvtxtMailId,
.payment-form span#revEwayCardCVN,
.payment-form .fields span#rxvTotalAmount,
.payment-form span#rfvEwayCardNumber {
    position: initial !important
}

.FormResult .clsSearchParameters {
    position: relative;
    background: #f2f6f9;
    border-bottom: 1px solid #d7edee;
    margin-bottom: 15px;
    padding: 15px;
    min-height: 20px
}

.FormResult .clsSearchParameters .clsSubmitNew {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.FormResult .clsSearchParameters .clsSubmitNew a {
    color: #fff;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.FormResult .clsSearchParameters .divSearchPanelInner>div,
.FormResult div.advanced-search-panel>div {
    margin: 0 5px 0 0;
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.FormResult div.advanced-search-panel>div .RadPicker input {
    width: 100% !important;
    height: 24px
}

.FormResult div.advanced-search-panel>div input#txtRefNo {
    width: 50px !important
}

.FormResult .clsSearchParameters div.clsFormResultsSearchButton {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.FormResult .clsSearchParameters div.clsFormResultsSearchButton a {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.FormResult .clsSearchParameters .divSearchPanelInner .pnlSearchMore {
    display: none
}

.FormResult a#advanced-search {
    padding: 5px
}

.FormResult .total-records {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    padding: 5px 10px
}

.FormResult table.returned-results {
    margin-bottom: 20px;
    width: 100%
}

.FormResult .pagination .audible {
    position: absolute;
    left: -9999px
}

.FormResult .pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.FormResult .pagination ul li {
    float: left;
    margin-right: 10px
}

.FormResult .pagination ul li>span,
.FormResult .pagination ul li>a {
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 2px 5px
}

.FormResult .pagination ul li.disabled {
    display: none
}

.FormResult .pagination ul li.current {
    font-weight: bold;
    font-size: 110%
}

.divFormCreatorTableContentMain {
    width: 608px;
    margin: 0 0 20px 0
}

.divFormCreatorTableContentMain div {
    margin-bottom: 10px
}

.divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span input {
    width: auto
}

.divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span label {
    width: auto
}

.divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span input {
    width: auto
}

.divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span label {
    width: auto
}

.divFormCreatorTableContentMain div.clsFormCreator_checkbox {
    position: relative;
    padding-left: 105px
}

.divFormCreatorTableContentMain div.clsFormCreator_checkbox label {
    width: auto;
    position: absolute;
    left: 130px;
    top: 0
}

.divFormCreatorTableContentMain div.clsFormCreator_checkbox input {
    width: auto
}

.divFormCreatorTableContentMain fieldset {
    border: 0;
    margin: 0 0 20px 0;
    padding: 0
}

.divFormCreatorTableContentMain fieldset legend {
    color: #000
}

.divFormCreatorTableContentMain div.clsMandatory {
    padding-left: 105px;
    font-size: 90%
}

.divFormCreatorTableContentMain div.clsBtnSubmit {
    padding-left: 105px
}

.divFormCreatorTableContentMain div.clsBtnSubmit input {
    width: auto
}

#divDocListResults .clsSearchParameters {
    position: relative;
    background: #f2f6f9;
    border-bottom: 1px solid #d7edee;
    margin-bottom: 15px;
    padding: 15px 15px 0
}

#divDocListResults .clsSearchParameters .search-heading {
    display: none
}

#divDocListResults .clsSearchParameters .search-parameters label {
    display: block
}

#divDocListResults .clsSearchParameters .search-parameters #searchLastEdited {
    display: block
}

#divDocListResults .clsSearchParameters .search-parameters #searchLastEdited label {
    display: inline-block
}

#divDocListResults .clsSearchParameters .RadPicker input {
    width: 100%;
    height: 24px
}

#divDocListResults .clsSearchParameters .clsFormResultsSearchButton {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

#divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchLinkButton {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

#divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchClearAllButton {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

#divDocListResults .clsDocListRepeater table#tableDocList {
    width: 100%
}

#divDocListResults .clsDocListRepeater table#tableDocList th a {
    color: #3d3d3d
}

.cloud-storage {
    margin-bottom: 20px
}

.cloud-storage .cloud-breadcrumb {
    margin-bottom: 20px
}

.cloud-storage .cloud_search_init {
    width: 288px;
    border: 1px solid #999;
    padding: 2px 5px
}

.cloud-storage .cloud_search_init:hover,
.cloud-storage .cloud_search_init:focus {
    border-color: #000
}

.cloud-storage table.dataTable {
    border-collapse: collapse;
    background-color: #E8E8E8;
    width: 100% !important;
    margin-bottom: 10px
}

.cloud-storage table.dataTable th,
.cloud-storage table.dataTable thead td {
    border: 1px solid #fff;
    padding: 5px;
    text-align: left;
    background-color: #444;
    color: #fff;
    font-weight: bold
}

.cloud-storage table.dataTable th a,
.cloud-storage table.dataTable thead td a {
    color: #fff;
    font-weight: bold
}

.cloud-storage table.dataTable td {
    border: 1px solid #ccc;
    padding: 5px
}

.cloud-storage .dataTables_info {
    margin-bottom: 10px
}

.cloud-storage .dataTables_paginate {
    height: 20px;
    position: relative
}

.cloud-storage .dataTables_paginate a {
    float: left;
    margin-right: 5px
}

.cloud-storage .dataTables_paginate span {
    float: left;
    margin: 0 20px
}

.cloud-storage .dataTables_paginate a.paginate_active {
    font-weight: bold
}

div[id$="pnlPeopleTab"],
div[id$="divPrintToPDF"] {
    display: none !important
}

div#corp-directory-head {
    padding-left: 15px;
    padding-right: 15px
}

#PeopleSearch_container div[id$="divSearchRefine"] {
    padding-left: 0
}

#PeopleSearch_container div[id$="divSearchRefine"] div[id$="divPeopleSearchCriteria"] {
    margin-bottom: 20px
}

#PeopleSearch_container div[id$="divSearchRefine"]>div>div {
    margin-bottom: 10px
}

#PeopleSearch_container div[id$="divSearchRefine"] fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

#PeopleSearch_container div[id$="divSearchRefine"] fieldset legend {
    font-weight: bold;
    font-size: 100%;
    margin-bottom: 5px
}

#PeopleSearch_container div[id$="divSearchRefine"] fieldset label {
    display: none
}

#PeopleSearch_container div[id$="divSearchRefine"] select {
    width: 100%
}

#PeopleSearch_container div[id$="divSearchRefine"] div[id$="pnlCriteriaGoButton"] button,
#PeopleSearch_container div[id$="divSearchRefine"] div[id$="pnlBrowseGoButton"] button {
    display: block;
    width: 100%
}

#PeopleSearch_container div[id$="divSearchRefine"] div div button:hover,
#PeopleSearch_container div[id$="divSearchRefine"] div div button:focus {
    cursor: pointer
}

#PeopleSearch_container div[id$="divPeopleSearchResults"] {
    padding-right: 0
}

#PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable {
    margin: 20px 0
}

#PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable th a {
    color: #fff;
    font-weight: bold
}

#PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable tr.PeopleSearchLine2 td {
    border-bottom: 1px solid #ccc
}

#PeoplesearchResultsInfo {
    list-style-type: none;
    margin: 20px 0;
    padding: 0
}

#PeoplesearchResultsInfo li {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    min-height: 100px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ddd
}

#PeoplesearchResultsInfo li .firstRow {
    float: left;
    margin-bottom: 5px;
    padding-left: 115px
}

#PeoplesearchResultsInfo li .chart-icon {
    margin-left: 10px
}

#PeoplesearchResultsInfo li .firstRow .PeopleResultName {
    font-size: 110%;
    font-weight: bold
}

#PeoplesearchResultsInfo li .clsPeopleResultContactInfo {
    float: left;
    clear: both;
    padding-left: 115px
}

#PeoplesearchResultsInfo li .PeopleResultContact span {
    float: left;
    margin-right: 20px
}

#PeoplesearchResultsInfo li .PeopleResultContact a {
    float: left;
    clear: both;
    margin-top: 5px
}

#PeoplesearchResultsInfo li .PeopleResultContact em {
    display: none
}

#PeoplesearchResultsInfo li .clsPeopleResultManager {
    float: left;
    clear: both;
    margin-top: 5px;
    padding-left: 115px
}

#PeoplesearchResultsInfo li .PeopleResultNumber {
    display: none
}

#PeoplesearchResultsInfo li .PeopleResultGroupUnitOrg {
    display: none
}

#PeoplesearchResultsInfo li .clsPeopleResultThumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px
}

#divPhoneBookDetail {
    margin: 0 0 20px 0
}

#divPhoneBookDetail .clsPhoneName {
    padding: 0 0 20px 0
}

#divPhoneBookDetail .clsPhotoandContact {
    padding-left: 0
}

#divPhoneBookDetail .clsPhotoandContact h2 {
    margin: 10px 0 0 0;
    font-size: 120%;
    font-weight: bold
}

#divPhoneBookDetail .clsPhotoandContact .clsContact div {
    margin-bottom: 5px
}

#divPhoneBookDetail #nameDetails {
    font-size: 160%
}

#divPhoneBookDetail .clsPhoneDetails {
    padding-right: 0
}

#divPhoneBookDetail .clsPhoneDetails h2 {
    margin: 10px 0 0 0;
    font-size: 120%;
    font-weight: bold
}

#page-content .corp-dir-user-org-chart {
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

#page-content .corp-dir-user-org-chart * {
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

.org-chart-header {
    margin: 0 0 20px 0;
    position: relative
}

.org-chart-header a.back {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    padding: 5px 10px;
    color: #555;
    border: 1px solid #555;
    border-radius: 2px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.org-chart-header a.back:hover,
.org-chart-header a.back:focus {
    border: 1px solid #333;
    cursor: pointer
}

div[id$="phonebookUserOrgChart_userPickerDiv"] {
    margin: 0 0 20px 0
}

div[id$="phonebookUserOrgChart_userPickerDiv"] label {
    padding: 3px 5px 0 0;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

div[id$="phonebookUserOrgChart_userPickerDiv"] input {
    width: 288px;
    height: 20px;
    border: 1px solid #999;
    padding: 2px 5px
}

div[id$="phonebookUserOrgChart_userPickerDiv"] input:hover,
div[id$="phonebookUserOrgChart_userPickerDiv"] input:focus {
    border-color: #000
}

#wrapper .RadOrgChart * {
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

.RadOrgChart .rocItemTemplate .thumb-image {
    width: 80px;
    margin-left: 5px
}

.RadOrgChart .rocItemTemplate .thumb-image img {
    width: 80px
}

.RadOrgChart .rocItemTemplate .display-name {
    float: left;
    width: 90px
}

.blogContainer {
    position: relative
}

.blogContainer .blogMenu {
    padding-right: 0
}

.blogContainer .blogMenu .clsMidHeader {
    display: block;
    border-bottom: 1px solid #231f20;
    padding: 0 0 5px 0;
    font-size: 160%;
    font-family: inherit;
    font-weight: 300;
    margin: 0 0 20px 0;
    color: inherit;
    text-rendering: optimizeLegibility
}

.blogContainer .blogMenu a {
    display: block;
    margin-bottom: 5px
}

.blogContainer .blogMain {
    padding-left: 0
}

.blogContainer .blogMain .blogArticleList {
    margin-bottom: 30px
}

.blogContainer .blogMain .blogArticleList .blogDatePosted {
    color: #878787
}

.blogContainer .blogMain .blogArticleList .blogPostedBy {
    color: #878787;
    border-bottom: 1px dashed #C8C8C8;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.blogContainer .blogMain .blogArticleList .blogArticleTags {
    color: #878787;
    border-top: 1px dashed #C8C8C8;
    margin-top: 20px;
    padding-top: 10px
}

.blogArticle .blogDatePosted {
    color: #878787
}

.blogArticle .blogPostedBy {
    color: #878787
}

.blogArticle .blogArticleTags {
    color: #878787;
    border-bottom: 1px dashed #C8C8C8;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.blogArtBody>table {
    border-collapse: collapse;
    background-color: #E8E8E8;
    margin-bottom: 20px
}

.blogArtBody>table th {
    border: 1px solid #fff;
    padding: 5px;
    text-align: left;
    background-color: #444;
    color: #fff;
    font-weight: bold
}

.blogArtBody>table th a {
    color: #fff;
    font-weight: bold
}

.blogArtBody>table td {
    border: 1px solid #ccc;
    padding: 5px
}

.blogArtBody ul,
.blogArticleDesc ul {
    margin: 0 0 20px 40px;
    padding: 0
}

.blogArtBody ul li,
.blogArticleDesc ul li {
    margin-bottom: 5px;
    line-height: 150%
}

.blogArtBody ol,
.blogArticleDesc ol {
    margin: 0 0 20px 40px;
    padding: 0
}

.blogArtBody ol li,
.blogArticleDesc ol li {
    margin-bottom: 5px;
    line-height: 150%
}

.blogArticle .Comments {
    margin: 40px 0 10px
}

.blogArticle .Comments .CommentPostedBy {
    margin: 0 10px;
    padding: 10px 10px 0
}

.blogArticle .Comments .CommentPostedBy h3 {
    display: inline;
    font-size: 100%;
    font-weight: bold
}

.blogArticle .Comments .CommentDate {
    margin: 0 10px 1px;
    padding: 0 10px 10px
}

.blogArticle .Comments .CommentDate h3 {
    display: inline;
    font-size: 100%;
    font-weight: bold
}

.blogArticle .Comments .CommentList {
    margin: 0 10px 1px;
    padding: 0 10px 0
}

.blogArticle .Comments .CommentList .CommentURL {
    display: none
}

.blogArticle .Comments .CommentBox label {
    display: block
}

.blogArticle .Comments .CommentBox input {
    margin-bottom: 10px
}

.blogArticle .Comments .CommentBox textarea {
    resize: none
}

.blogArticle .Comments .CommentBox .Submit input {
    display: inline-block
}

.add-blog-post>div {
    margin-bottom: 20px
}

.add-blog-post h2 {
    margin-bottom: 10px
}

.add-blog-post p {
    margin-bottom: 5px
}

.add-blog-post .item-entry {
    margin-bottom: 5px
}

.add-blog-post .item-entry input[type="checkbox"] {
    margin-right: 5px
}

.add-blog-post .post-buttons .save {
    display: inline-block
}

.add-blog-post .post-buttons .cancel {
    display: inline-block
}

.article-comments-main {
    width: 600px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 20px
}

.article-comments-main h2 {
    margin: 15px 0 5px 0
}

.article-comments-main a.AddNewCommentLink {
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #1D779F;
    background-color: #1D779F;
    border-radius: 2px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.article-comments-main a.AddNewCommentLink:hover,
.article-comments-main a.AddNewCommentLink:focus {
    border: 1px solid #00557F;
    cursor: pointer
}

.article-comments-main .CommentsHeader span {
    display: block;
    font: normal 175% georgia, arial, verdana, sans-serif;
    color: #333;
    padding: 0;
    margin: 15px 0 5px 0
}

.article-comments-main .CommentsList ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.article-comments-main .CommentsList ul li {
    margin: 0 0 15px 0;
    padding: 5px 0;
    position: relative
}

.article-comments-main .CommentsList ul li .CommentImage {
    float: left;
    padding: 0 15px 15px 0
}

.article-comments-main .CommentsList ul li .CommentImage img {
    width: 50px
}

.article-comments-main .CommentsList ul li .CommentInfo {
    clear: both;
    background: #f2f2f2;
    border-bottom: 1px solid #E0E0E0;
    margin: 0;
    padding: 5px
}

.article-comments-main .CommentsList ul li .CommentApprove,
.article-comments-main .CommentsList ul li .CommentDelete {
    color: #494949;
    cursor: pointer;
    margin-right: 5px;
    padding: 0 5px;
    width: auto
}

.article-comments-main .CommentsList ul li .CommentApprove {
    position: absolute;
    top: 25px;
    right: 0;
    background-color: #b9ffbb;
    border: 1px dotted #0e8108;
    color: #0e8108
}

.article-comments-main .CommentsList ul li .CommentDelete {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ffb9b9;
    border: 1px dotted #af0909;
    color: #af0909
}

.article-comments-main .CommentBox label {
    display: block
}

.article-comments-main .CommentBox input {
    border: 1px solid #A2A2A2;
    margin-bottom: 10;
    padding: 5px;
    width: 400px
}

.article-comments-main .CommentBox textarea {
    width: 400px;
    resize: none
}

.article-comments-main .CommentBox span {
    display: none
}

.article-comments-main .CommentBox div {
    margin-bottom: 5px
}

.article-comments-main .CommentBox .submitComment,
.article-comments-main .CommentBox .closeComments {
    width: auto;
    text-decoration: none;
    clear: both;
    text-align: center;
    background-color: #555;
    padding: 5px 10px;
    color: #fff;
    border: 1px solid #555;
    border-radius: 2px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.article-comments-main .CommentBox .submitComment:hover,
.article-comments-main .CommentBox .closeComments:hover,
.article-comments-main .CommentBox .submitComment:focus,
.article-comments-main .CommentBox .closeComments:focus {
    border: 1px solid #333;
    cursor: pointer
}

.article-comments-main .CommentValue {
    display: block;
    padding-right: 135px
}

.article-comments-main .CommentsPager a {
    background: #F2F2F2;
    border: 1px solid #C9C9C9;
    padding: 2px 5px;
    text-decoration: none
}

.login-element {
    width: 258px;
    display: inline-block
}

.login-element span.lgn-header {
    display: block;
    font: normal 175% georgia, arial, verdana, sans-serif;
    color: #5b5b5b;
    padding: 0;
    margin: 0 0 15px 0
}

.login-element div {
    margin-bottom: 10px
}

.login-element div label {
    display: block;
    margin-bottom: 5px
}

.login-element div.lgn-remember-me label {
    display: inline
}

.login-element div.lgn-remember-me input {
    width: auto;
    height: auto;
    border: 0;
    margin: 0 5px 0 0;
    padding: 0
}

.login-element div.lgn-btn {
    margin-bottom: 0
}

.login-element div.lgn-btn p {
    margin: 5px 0 0 10px;
    padding: 0;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

div[id$="LoginPanel"] .oauth-social-logins {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #e0e0e0;
    min-height: 300px;
    width: 258px;
    display: inline-block
}

div[id$="LoginPanel"] .oauth-social-logins a {
    float: left;
    width: 210px;
    height: 29px;
    margin-bottom: 5px;
    padding: 0 0 0 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    font: bold 100%/250% lucida grande, tahoma, sans-serif;
    position: relative
}

div[id$="LoginPanel"] .oauth-social-logins a:after {
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 29px
}

div[id$="LoginPanel"] .oauth-social-logins a.social-fb:after,
div[id$="LoginPanel"] .oauth-social-logins a.social-facebook:after {
    content: "\f09a"
}

div[id$="LoginPanel"] .oauth-social-logins a.social-gmail:after,
div[id$="LoginPanel"] .oauth-social-logins a.social-google:after,
div[id$="LoginPanel"] .oauth-social-logins a.social-google-plus:after,
div[id$="LoginPanel"] .oauth-social-logins a.social-gplus:after {
    content: "\f1a0"
}

div[id$="LoginPanel"] .oauth-social-logins a.social-linkedin:after {
    content: "\f0e1"
}

div[id$="LoginPanel"] .oauth-social-logins a.social-openid:after {
    content: "\f19b"
}

div[id$="LoginPanel"] .oauth-social-logins a.social-twitter:after {
    content: "\f099"
}

div[id$="LoginPanel"] .oauth-social-logins a.social-windows-live:after,
div[id$="LoginPanel"] .oauth-social-logins a.social-windows:after,
div[id$="LoginPanel"] .oauth-social-logins a.social-live:after,
div[id$="LoginPanel"] .oauth-social-logins a.social-microsoft:after {
    content: "\f17a"
}

div[id$="LoginPanel"] .oauth-social-logins a.social-yahoo:after {
    content: "\f19e"
}

.EventQuickSearchMain div[id$="pnlEventQuickSearch"] {
    padding-left: 0
}

.EventQuickSearchMain .EventQuickSearchRow .RenderCategory {
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 0 0 0 15px;
    display: inline-block;
    vertical-align: top
}

.EventQuickSearchMain .EventQuickSearchRow .RenderCategory li {
    margin-bottom: 5px
}

.EventQuickSearchMain .EventQuickSearchRow .RenderCategory input {
    width: auto !important;
    display: inline
}

.EventQuickSearchMain .EventQuickSearchRow .RenderCategory label {
    margin-left: 5px;
    font-weight: normal
}

.EventQuickSearchMain .EventQuickSearchRowButtons #btnSearch {
    display: inline-block;
    vertical-align: top
}

.EventQuickSearchMain .EventQuickSearchRowButtons #btnReset {
    display: inline-block;
    vertical-align: top
}

.EventQuickSearchMain .EventQuickSearchCalendar {
    padding-right: 0
}

.EventQuickSearchMain .EventQuickSearchCalendar .calendarTitle {
    width: 280px;
    background-color: silver
}

.EventQuickSearchMain .EventQuickSearchCalendar table {
    width: 100%;
    background-color: transparent
}

.EventQuickSearchMain .EventQuickSearchCalendar table.calendar {
    border: 1px solid #505050 !important
}

.EventQuickSearchMain .EventQuickSearchCalendar table.calendar th {
    text-align: center;
    border: 1px solid #5b5b5b;
    padding: 5px
}

.EventQuickSearchMain .EventQuickSearchCalendar table.calendar td {
    text-align: center;
    width: auto;
    font-weight: bold;
    border: 0;
    padding: 5px
}

.EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarCurrentDay {
    background: #333;
    color: #fff
}

.EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarEventDay {
    background-color: #1d779f
}

.EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarEventDay a {
    color: #fff
}

.EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarCurrentDayWithEvent {
    background-color: #1d779f
}

.EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarCurrentDayWithEvent a {
    color: #fff
}

.EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarWeekend {
    background: #f3f3f3
}

.EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarOtherDay {
    background: #e7e7e7;
    color: #b7b7b7
}

#eventOuterTable #TBQuickSearchCriteria {
    width: 400px
}

#eventOuterTable table.calendar {
    border: 1px solid #505050 !important;
    width: 320px
}

#eventOuterTable table.calendar th {
    padding: 5px;
    text-align: center
}

#eventOuterTable table.calendar td {
    padding: 5px;
    text-align: center;
    width: auto;
    font-weight: bold;
    border: 0
}

#eventOuterTable table.calendar td.calendarCurrentDay {
    background: #d2f8c5
}

#eventOuterTable table.calendar td.calendarEventDay {
    background-color: #1d779f
}

#eventOuterTable table.calendar td.calendarEventDay a {
    color: #fff
}

#eventOuterTable table.calendar td.calendarCurrentDayWithEvent {
    background-color: #1d779f
}

#eventOuterTable table.calendar td.calendarCurrentDayWithEvent a {
    color: #fff
}

#eventOuterTable table.calendar td.calendarWeekend {
    background: #f3f3f3
}

#eventOuterTable table.calendar td.calendarOtherDay {
    background: #e7e7e7;
    color: #b7b7b7
}

#eventOuterTable .event-search-results {
    margin-top: 40px
}

#eventOuterTable .event-search-results ol {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%
}

#eventOuterTable .event-search-results ol li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E0E0E0
}

#eventOuterTable .event-search-results ol li .eventresultNumber {
    display: none
}

.SearchCriteria,
#myAccountArea .clsEventSearchLeft {
    padding-left: 0
}

.SearchCriteria>div,
#myAccountArea .clsEventSearchLeft .clsEventSearchCriteria>div {
    margin: 0 0 10px 0
}

#myAccountArea .clsEventSearchLeft div .CriteriaHeading {
    display: block;
    font-weight: bold;
    font-size: 120%
}

.SearchCriteria div label,
#myAccountArea .clsEventSearchLeft div label,
#myAccountArea .clsEventSearchLeft div .CriteriaEventTypeHeading,
#myAccountArea .clsEventSearchLeft div .CriteriaDateHeading,
#myAccountArea .clsEventSearchLeft div .CriteriaFromDateText,
#myAccountArea .clsEventSearchLeft div .CriteriaToDateText {
    display: block;
    font-weight: bold
}

#myAccountArea .clsEventSearchLeft div input#StartDate,
#myAccountArea .clsEventSearchLeft div input#EndDate {
    width: 90px !important
}

.SearchCriteria div select,
#myAccountArea .clsEventSearchLeft div select {
    width: 100%
}

.SearchCriteria fieldset,
#myAccountArea .clsEventSearchLeft fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.SearchCriteria fieldset legend,
#myAccountArea .clsEventSearchLeft fieldset legend {
    font-size: 100%;
    font-weight: bold;
    display: block;
    margin: 0 0 5px 0;
    padding: 0
}

.SearchCriteria fieldset>div,
#myAccountArea .clsEventSearchLeft fieldset>div {
    margin: 0 0 10px 0
}

.SearchCriteria div[id$="pnlCriteriaRegion"] input,
#myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaRegion"] input {
    width: auto;
    margin-right: 5px
}

.SearchCriteria div[id$="pnlCriteriaRegion"] label,
#myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaRegion"] label {
    width: auto;
    display: inline
}

.SearchCriteria div[id$="pnlCriteriaRegion"] div div,
#myAccountArea .clsEventSearchLefta div[id$="pnlCriteriaRegion"] div div {
    margin-bottom: 5px
}

.SearchCriteria div[id$="pnlCriteriaFromDate"] .RadPicker,
#myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaFromDate"] .RadPicker,
.SearchCriteria div[id$="pnlCriteriaToDate"] .RadPicker,
#myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaToDate"] .RadPicker {
    width: 160px !important
}

.SearchCriteria div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable,
#myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable,
.SearchCriteria div[id$="pnlCriteriaToDate"] .RadPicker .rcTable,
#myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaToDate"] .RadPicker .rcTable {
    width: 160px !important
}

.SearchCriteria div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable>div>div,
#myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable>div>div,
.SearchCriteria div[id$="pnlCriteriaToDate"] .RadPicker .rcTable>div>div,
#myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaToDate"] .RadPicker .rcTable>div>div {
    float: left
}

.SearchCriteria div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable>div>div.rcInputCell,
#myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable>div>div.rcInputCell,
.SearchCriteria div[id$="pnlCriteriaToDate"] .RadPicker .rcTable>div>div.rcInputCell,
#myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaToDate"] .RadPicker .rcTable>div>div.rcInputCell {
    width: 100px !important
}

#myAccountArea .clsEventSearchLeft .CriteriaDateEx {
    display: block
}

.SearchCriteria .clsButtonSmall,
.CriteriaGoButton button {
    display: block;
    width: 100%
}

.SearchCriteria .clsButtonSmall:hover,
.SearchCriteria .clsButtonSmall:focus {
    cursor: pointer
}

.EventSearchResults {
    padding-right: 0
}

#myAccountArea .clsEventSearchRight {
    float: left;
    width: 75%;
    padding-left: 40px
}

.EventSearchResults div[id$="pnlNumberResults"] {
    padding-bottom: 10px;
    font-size: 120%
}

.EventSearchResults div[id$="pnlNumberResults"] span#RecordCount {
    font-weight: bold
}

.EventSearchResults div[id$="pnlSortBy"] {
    padding-bottom: 10px
}

ol#eventsearchResultsInfo {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
    width: 100%
}

ol#eventsearchResultsInfo>li {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%
}

ol#eventsearchResultsInfo li span.firstRow {
    display: block;
    margin-bottom: 5px
}

ol#eventsearchResultsInfo li span.firstRow span.clsEventResultThumb {
    float: left;
    margin-right: 10px
}

ol#eventsearchResultsInfo li span.firstRow span.eventresultNumber {
    display: none
}

ol#eventsearchResultsInfo li span.firstRow a {
    text-decoration: none;
    font-weight: bold;
    font-size: 120%
}

ol#eventsearchResultsInfo li span.clsEventResultDescr {
    margin: 5px 0;
    display: block
}

ol#eventsearchResultsInfo li span.lastRow {
    margin: 0;
    display: block
}

ol#eventsearchResultsInfo li span.lastRow span.clsEventResultVenue {
    margin: 0;
    display: inline
}

ol#eventsearchResultsInfo li span.lastRow span.clsEventResultDate {
    margin: 0;
    display: inline
}

ol#eventsearchResultsInfo li span.lastRow fieldset {
    display: inline
}

ol#eventsearchResultsInfo li span.lastRow fieldset legend {
    font-size: 100%;
    font-weight: bold;
    border: 0;
    display: inline;
    margin: 0;
    padding: 0;
    width: auto
}

ol#eventsearchResultsInfo li span.lastRow fieldset ul {
    display: inline
}

ol#eventsearchResultsInfo li span.lastRow fieldset ul li {
    display: inline
}

ol#eventsearchResultsInfo li span.clsEventResultFull {
    margin: 0 0 5px 0;
    display: block
}

ol#eventsearchResultsInfo li span.clsHlighSearchTerm {
    font-weight: bold;
    background-color: transparent
}

.event-view-registration #btnRegister {
    display: inline-block
}

div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks {
    margin-bottom: 20px;
    font-weight: bold
}

div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a span.resultPageNumberSelected {
    font-weight: bold;
    font-size: 120%
}

.event-view-training-details .event-details {
    padding-left: 0
}

.event-view-training-details .event-image {
    padding-right: 0
}

.event-view-training-details .button-group {
    clear: both;
    padding-left: 15px
}

.event-view-training-details #btnRegister {
    width: auto;
    text-decoration: none;
    display: inline-block
}

.event-view-training-details #btnRegister:hover,
.event-view-training-details #btnRegister:focus {
    cursor: pointer
}

div[id$="BackLink"] {
    display: none
}

.event-booking-info h3 {
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0
}

.event-booking-info p img {
    max-width: 260px
}

.event-booking-info .booking-buttons input {
    display: inline-block
}

.event-booking-desc #btnRegisterDesc {
    display: inline-block
}

#ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_BackLink {
    margin-top: 20px
}

div[id$="divBackLink"] {
    clear: both
}

#divEventRegistration>h2[id^="head"] {
    display: none
}

#divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumbSelected {
    font-weight: bold
}

#divEventRegistration #tblEventDetails {
    margin-bottom: 20px
}

#divEventRegistration>fieldset {
    margin: 0 0 20px 0
}

#divEventRegistration fieldset#pPhone>legend,
#divEventRegistration fieldset#pFax>legend {
    border: 0;
    font-weight: bold;
    font-size: 100%;
    text-align: right;
    margin: 0
}

#divEventRegistration #btnRegister,
#divEventRegistration #btnRegisterStage2 {
    display: inline-block
}

#divEventRegistration #btnClear,
#divEventRegistration #btnClear2 {
    display: inline-block
}

#divEventRegistration #pnlCostChoice,
#divEventRegistration #pnlGuestCostChoice {
    padding-left: 16.666666666666664%;
    position: relative
}

#divEventRegistration #pnlCostChoice legend,
#divEventRegistration #pnlGuestCostChoice legend {
    position: absolute;
    top: 0;
    left: 0;
    width: 16.666666666666664%;
    text-align: right;
    font-size: 100%;
    border: 0;
    font-weight: bold
}

#divEventRegistration #pnlCostChoice ul,
#divEventRegistration #pnlGuestCostChoice ul {
    margin-left: 15px;
    padding-top: 0
}

#divEventRegistration #pnlCostChoice ul li,
#divEventRegistration #pnlGuestCostChoice ul li {
    margin-top: 0
}

#divEventRegistration #pnlCostChoice ul li input,
#divEventRegistration #pnlGuestCostChoice ul li input {
    margin-left: 0;
    margin-right: 5px
}

#divEventRegistration .clsGuest {
    position: relative
}

#divEventRegistration #divDeleteGuest {
    text-align: right;
    padding-bottom: 15px
}

#divEventRegistration #divDeleteGuest .btn {
    padding: 2px 10px;
    font-size: 90%
}

#divEventRegistration .ActivityMessage {
    font-size: 140%;
    font-weight: 300
}

#fdsMembershipCCPayment>legend {
    font-size: 140%;
    border: 0
}

#fdsMembershipCCPayment fieldset legend {
    font-size: 100%;
    border: 0;
    font-weight: bold
}

#divEventRegistration .form-group>div>span {
    display: block !important;
    padding-top: 7px
}

.event-registration-confirmation .NotificationEmailEvent {
    width: 640px;
    margin-bottom: 20px;
    border-collapse: collapse;
    background-color: #E8E8E8
}

.event-registration-confirmation .NotificationEmailEvent td {
    border: 1px solid #fff;
    padding: 5px
}

.event-registration-confirmation .NotificationEmailEvent td.clsTitle {
    font-weight: bold;
    border: 1px solid #fff;
    padding: 5px;
    text-align: left;
    width: 100px
}

.event-registration-confirmation .NotificationEmailEvent td[colspan="2"] {
    font-weight: bold;
    font-size: 120%
}

#calendar-outer .calender-type {
    padding-left: 0
}

#calendar-outer .calendar-main {
    padding-right: 0
}

#calendar-outer .calender-type fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

#calendar-outer .calender-type fieldset legend {
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: bold;
    font-size: 120%
}

#calendar-outer #calendarMain,
.mymeetings-cal-view #calendarMain,
#myAccountArea #calendarMain {
    border: 1px solid #505050 !important;
    border-collapse: collapse;
    width: 100%;
    float: left
}

.mymeetings-cal-view #calendarMain {
    width: 100%
}

#myAccountArea #calendarMain {
    float: left;
    width: 500px
}

#calendar-outer #calendarMain th,
.mymeetings-cal-view #calendarMain th,
#myAccountArea #calendarMain th {
    padding: 5px;
    background-color: #ccc
}

#calendar-outer #calendarMain td,
.mymeetings-cal-view #calendarMain td,
#myAccountArea #calendarMain td {
    padding: 5px
}

#calendar-outer #calendarMain #TRHeaderRow th,
.mymeetings-cal-view #calendarMain #TRHeaderRow th,
#myAccountArea #calendarMain #TRHeaderRow th {
    background-color: #231f20;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 160%;
    font-weight: normal
}

#calendar-outer #calendarMain #TRHeader td,
.mymeetings-cal-view #calendarMain #TRHeader td,
#myAccountArea #calendarMain #TRHeader td {
    padding: 10px
}

#calendar-outer #calendarMain #TRHeader td#THPre,
.mymeetings-cal-view #calendarMain #TRHeader td#THPre,
#myAccountArea #calendarMain #TRHeader td#THPre {
    text-align: left
}

#calendar-outer #calendarMain #TRHeader td#THNext,
.mymeetings-cal-view #calendarMain #TRHeader td#THNext,
#myAccountArea #calendarMain #TRHeader td#THNext {
    text-align: right
}

#calendar-outer #calendarMain #TRTopRow th,
.mymeetings-cal-view #calendarMain #TRTopRow th,
#myAccountArea #calendarMain #TRTopRow th {
    width: 100px;
    padding: 5px;
    font-weight: bold;
    background-color: #505050;
    color: #fff
}

#calendar-outer #calendarMain .clsCalenderDay,
.mymeetings-cal-view #calendarMain .clsCalenderDay,
#myAccountArea #calendarMain .clsCalenderDay {
    font-size: 100%
}

#calendar-outer #calendarMain tr#TRRow2 td,
.mymeetings-cal-view #calendarMain tr#TRRow2 td,
#myAccountArea #calendarMain tr#TRRow2 td,
#calendar-outer #calendarMain tr#TRRow4 td,
.mymeetings-cal-view #calendarMain tr#TRRow4 td,
#myAccountArea #calendarMain tr#TRRow4 td,
#calendar-outer #calendarMain tr#TRRow6 td,
.mymeetings-cal-view #calendarMain tr#TRRow6 td,
#myAccountArea #calendarMain tr#TRRow6 td {
    background-color: #ccc
}

#calendar-outer #calendarMain td ol,
.mymeetings-cal-view #calendarMain td ol,
#myAccountArea #calendarMain td ol {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#calendar-outer #calendarMain td ol li,
.mymeetings-cal-view #calendarMain td ol li,
#myAccountArea #calendarMain td ol li {
    margin-bottom: 5px
}

#calendar-outer #calendarMain td .clsCalenderDetail ol li,
.mymeetings-cal-view #calendarMain td .clsCalenderDetail ol li,
#myAccountArea #calendarMain td .clsCalenderDetail ol li {
    width: 90px
}

div[id$="calendarAddButtons"] #btnAdd {
    display: inline-block
}

fieldset[id$="calendarEventTypes"] .clsButtonSmall {
    display: inline-block
}

.calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"],
#myAccountArea div[id$="myCalendarElement_RadSplitter1"] {
    width: 100% !important;
    height: auto !important
}

.calendarview-edit-main-calendar table[id$="CalendarWSCtrl_RadSplitter1"],
#myAccountArea table[id$="myCalendarElement_RadSplitter1"] {
    width: 100% !important
}

.calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadPane1"],
#myAccountArea div[id$="myCalendarElement_RadPane1"] {
    width: 100% !important;
    height: auto !important
}

.calendarview-edit-main-calendar .RadScheduler,
#myAccountArea .RadScheduler {
    height: auto !important
}

.calendarview-edit-main-calendar .RadScheduler .rsContentWrapper,
#myAccountArea .RadScheduler .rsContentWrapper {
    width: 100% !important;
    height: auto !important
}

.calendarview-edit-main-calendar .RadScheduler .rsContentWrapper .rsContentScrollArea,
#myAccountArea .RadScheduler .rsContentWrapper .rsContentScrollArea {
    width: 100% !important;
    height: auto !important
}

.calendarview-edit-main-calendar td[id$="CalendarWSCtrl_RadPane1"],
#myAccountArea td[id$="myCalendarElement_RadPane1"] {
    width: 70% !important
}

.calendarview-edit-main-calendar td[id$="CalendarWSCtrl_splitSideBar"],
#myAccountArea td[id$="myCalendarElement_splitSideBar"] {
    display: none !important
}

.calendarview-edit-main-calendar td[id$="CalendarWSCtrl_paneSideBar"],
#myAccountArea td[id$="myCalendarElement_paneSideBar"] {
    width: 30% !important
}

.calendarview-edit-main-calendar div[id$="CalendarWSCtrl_paneSideBar"],
#myAccountArea div[id$="myCalendarElement_paneSideBar"] {
    width: 100% !important;
    height: auto !important
}

.calendarview-edit-main-calendar .RadScheduler .rsHeader,
#myAccountArea .RadScheduler .rsHeader {
    border: 0
}

.calendarview-edit-main-calendar .RadScheduler .rsHeader h2,
#myAccountArea .RadScheduler .rsHeader h2 {
    font: 15px/30px arial, verdana, sans-serif
}

.calendarview-edit-main-calendar .RadScheduler .rsHeader ul,
#myAccountArea .RadScheduler .rsHeader ul {
    margin: 0
}

.calendarview-edit-main-calendar .RadScheduler .rsHeader ul li,
#myAccountArea .RadScheduler .rsHeader ul li {
    margin-bottom: 0
}

.calendarview-edit-main-calendar .RadScheduler .rsContent,
#myAccountArea .RadScheduler .rsContent {
    border: 0
}

.calendarview-edit-main-calendar .filter-options fieldset legend,
#myAccountArea .filter-options fieldset legend {
    font-size: 100%;
    border: 0
}

.calendarview-edit-main-calendar .eccalendar-filter-appointmenttypes .row,
#myAccountArea .eccalendar-filter-appointmenttypes .row,
.calendarview-edit-main-calendar .eccalendar-filter-group .row,
#myAccountArea .eccalendar-filter-group .row {
    margin-left: 0;
    margin-right: 0
}

.calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadScheduler1"] .rsTopWrap,
#myAccountArea div[id$="myCalendarElement_RadScheduler1"] .rsTopWrap {
    width: 100% !important
}

.calendarview-edit-main-calendar .RadScheduler .rsHorizontalHeaderWrapper>div,
#myAccountArea .RadScheduler .rsHorizontalHeaderWrapper>div {
    width: 100% !important
}

.calendarview-edit-main-calendar .eccalendar-rightfilter-ctrls,
#myAccountArea .eccalendar-rightfilter-ctrls {
    padding: 15px
}

.calendarview-edit-main-calendar .eccalendar-filter,
#myAccountArea .eccalendar-filter {
    padding: 0
}

.calendarview-edit-main-calendar .eccalendar-filter select,
#myAccountArea .eccalendar-filter select {
    width: 100%
}

.calendarview-edit-main-calendar #AddAppointment,
#myAccountArea #AddAppointment {
    margin: 0;
    width: 100%
}

.calendarview-edit-main-calendar .eccalendar-filter-appointmenttypes .row .lefthalf label,
#myAccountArea .eccalendar-filter-appointmenttypes .row .lefthalf label,
.calendarview-edit-main-calendar .eccalendar-filter-group .row .lefthalf label,
#myAccountArea .eccalendar-filter-group .row .lefthalf label {
    font-weight: normal
}

#divMailingListSubscribe h2 {
    margin-bottom: 10px
}

#divMailingListSubscribe fieldset {
    margin: 0 0 20px 0;
    padding: 0;
    border: 0
}

#divMailingListSubscribe fieldset legend {
    display: none
}

#divMailingListSubscribe fieldset div,
#divMailingListSubscribe fieldset p {
    margin-bottom: 10px
}

#divMailingListSubscribe fieldset table {
    border: 0
}

#divMailingListSubscribe fieldset table td {
    border: 0;
    padding: 0 0 10px 0
}

#divMailingListSubscribe fieldset#fsAvailableLists div input,
#divMailingListSubscribe fieldset#fsAvailableLists p input {
    width: auto;
    margin-right: 5px
}

#divMailingListSubscribe fieldset#fsAvailableLists div label,
#divMailingListSubscribe fieldset#fsAvailableLists p label {
    width: auto
}

#divMailingListLogin h2 {
    margin-bottom: 10px
}

#divMailingListLogin fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

#divMailingListLogin fieldset legend {
    display: none
}

#divMailingListLogin fieldset div,
#divMailingListLogin fieldset p {
    margin-bottom: 10px
}

#divMailingListLogin fieldset div label,
#divMailingListLogin fieldset p label {
    width: 100px;
    padding-right: 5px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

#divMailingListLogin fieldset div input,
#divMailingListLogin fieldset p input {
    width: 300px
}

#divMailingListLogin fieldset div input#ctl00_ContentPlaceHolderMainNoAjax_SignIn {
    width: auto
}

#mailing_list_unsubscribe table {
    background: #fff;
    width: 100%
}

#mailing_list_unsubscribe table h1 {
    display: none
}

#mailing_list_unsubscribe table tr td {
    text-align: center
}

#mailing_list_unsubscribe .clsButtonMed {
    border: 1px solid #6f6f6f;
    padding: 14px 36px !important;
    font-size: 13px;
    background: transparent;
    background-color: transparent;
    outline: 0;
    border-radius: 0;
    text-transform: uppercase;
    width: auto;
    height: 48px;
    margin: 20px auto !important
}

#mailing_list_unsubscribe textarea {
    margin-top: 10px;
    padding: 20px
}

#mailing_list_unsubscribe .clsButtonMed:hover,
#mailing_list_unsubscribe .clsButtonMed:focus,
#mailing_list_unsubscribe .clsButtonMed:active,
#mailing_list_unsubscribe .clsButtonMed.active {
    outline: 0;
    box-shadow: none;
    background: #6f6f6f;
    color: #fff;
    transition: all .2s ease-in
}

#mailing_list_unsubscribe table tr td tr td.clsNormal {
    display: none
}

.add-wiki-post .information {
    margin: 10px 0;
    padding: 10px;
    border: 1px dashed #b5b5b5;
    background-color: #f2f2f2;
    color: #383838
}

.add-wiki-post .information h2 {
    margin: 0
}

.add-wiki-post .information p {
    margin: 5px 0
}

.add-wiki-post textarea,
.add-wiki-post input {
    padding: 5px 10px
}

#faqContainer .FAQHeadingLinks {
    position: relative
}

#faqContainer .FAQHeadingLinks a {
    position: absolute;
    top: 0
}

#faqContainer .FAQHeadingLinks a#TopicHeadAZLink {
    right: 0
}

#faqContainer .FAQHeadingLinks a#TopicHeadTopicLink {
    right: 0
}

#faqContainer .FAQHeadingLinks a#ancAskAQuestion {
    right: 100px
}

#faqContainer .FAQIndex {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #b5b5b5
}

.MyAccountMenu {
    display: block;
    width: 100%
}

.MyAccountMenu .MyAccountSubMenu {
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    padding: 0 20px 12px 20px;
    background-color: #fff
}

.MyAccountMenu ul.subMenu {
    list-style-type: none;
    margin: 0;
    padding: 12px 0 0 0;
    height: auto;
    border-bottom: 0
}

.MyAccountMenu ul.subMenu li,
#myAccountArea .ajax__tab_header>span {
    display: inline-block
}

.MyAccountMenu ul.subMenu li a,
#myAccountArea .ajax__tab_header>span a {
    padding: 0 12px 0 0;
    color: #3d3d3d;
    text-decoration: underline;
    border-right: 1px solid #524f37;
    margin: 0 12px 0 0
}

.MyAccountMenu ul.subMenu li a.menuLink_Selected,
#myAccountArea .ajax__tab_header>span.ajax__tab_active a {
    padding: 0 12px 0 0;
    color: #524f37;
    text-decoration: underline;
    border-right: 1px solid #524f37;
    margin: 0 12px 0 0
}

#myAccountArea,
.myAccountArea {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 20px;
    background-color: #fff
}

#myAccountArea .myaccount-welcome {
    border-top: 1px solid #ccc
}

#myAccountArea .EditArea a.btnCancel {
    display: inline-block
}

#myAccountArea .EditArea a.btnSave {
    display: inline-block
}

#myAccountArea .accountDetails td {
    vertical-align: top
}

#myAccountArea .deleteButton {
    margin-top: 12px
}

#myAccountArea p.subText {
    margin: 0;
    padding: 0
}

#myAccountArea p.noResults {
    margin-bottom: 20px
}

#myAccountArea .divPersonalInfo,
#myAccountArea .divCompanyInformation,
#myAccountArea .divCompanyProfile,
#myAccountArea .divJobDetails {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}

#myAccountArea div.ViewArea,
#myAccountArea div.EditArea {
    float: left;
    width: 100%;
    margin: 0 0 20px 0
}

#myAccountArea div.ViewArea dl,
#myAccountArea div.EditArea dl {
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px 0
}

#myAccountArea div.ViewArea dl dt,
#myAccountArea div.EditArea dl dt {
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px 0
}

#myAccountArea div.ViewArea dl dd,
#myAccountArea div.EditArea dl dd {
    list-style-type: none;
    margin: 0;
    padding: 0 0 10px 0;
    min-height: 25px
}

#myAccountArea div.EditArea dl dd input#txtAreaCode {
    width: 50px !important
}

#myAccountArea div.EditArea dl dd input#txtBusPhone {
    width: 222px !important
}

#myAccountArea div.userPrefOuter {
    margin: 0 0 20px 0;
    position: relative
}

#myAccountArea div.userPrefOuter a {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block
}

#myAccountArea div.userPrefOuter ul {
    margin: 0 0 0 12px;
    padding: 0
}

#myEditPreferredLocationsContainer #myAccountArea input {
    margin: 0 5px 0 0;
    padding: 0
}

#myEditPreferredLocationsContainer #myAccountArea ul {
    list-style-type: none;
    margin: 5px 0 20px 0;
    padding: 0
}

#myEditPreferredLocationsContainer #myAccountArea ul li {
    margin-bottom: 5px
}

#myAccountArea div.savedSearchesRecent {
    margin-bottom: 20px
}

#myAccountArea div.savedSearchesOld {
    margin-bottom: 20px
}

#myAccountArea #TDSearchResults>div {
    margin-bottom: 10px
}

#myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults {
    padding-bottom: 12px;
    border-bottom: 1px dotted #7c7966;
    margin-bottom: 12px
}

#myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span#ctl00_ContentMyAccount_RecordCountLabel {
    font-weight: bold
}

#myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span#ctl00_ContentMyAccount_spnDelete {
    float: none;
    margin-left: 200px;
    text-decoration: underline
}

#myAccountArea ol#searchResultsInfo {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

#myAccountArea ol#searchResultsInfo li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    position: relative
}

#myAccountArea ol#searchResultsInfo li span.resultImage {
    padding-right: 12px
}

#myAccountArea ol#searchResultsInfo li span.firstRow {
    display: block
}

#myAccountArea ol#searchResultsInfo li span.resultNumber {
    color: #1095c2;
    font-weight: bold
}

#myAccountArea ol#searchResultsInfo li a {
    text-decoration: underline
}

#myAccountArea ol#searchResultsInfo li span.clsResultDescr {
    margin: 5px 0 5px 0;
    display: block
}

#myAccountArea ol#searchResultsInfo li span.clsHlighSearchTerm {
    font-weight: bold;
    background-color: transparent
}

#myAccountArea ol#searchResultsInfo li span.lastRow {
    margin: 0;
    display: block
}

#myAccountArea ol#searchResultsInfo li span.clsResultURL {
    color: #555
}

#myAccountArea ol#searchResultsInfo li span.clsResultLastModified {
    color: #555
}

#myAccountArea ol#searchResultsInfo li span.clsResultDelete {
    display: block;
    text-decoration: underline;
    width: 35px;
    position: absolute;
    top: 0;
    right: 0
}

#myAccountArea ol#searchResultsInfo li span.clsResultDelete a {
    text-indent: -9999px;
    position: relative;
    width: 35px;
    height: 30px;
    font-size: 20px;
    padding: 0
}

#myAccountArea ol#searchResultsInfo li span.clsResultDelete a:after {
    content: "\f014";
    font-family: FontAwesome;
    color: #fff;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: 0
}

#myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks {
    margin-bottom: 12px;
    font-weight: bold
}

#myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks span.resultPageNumberSelected {
    font-weight: bold
}

#myAccountArea .adminFieldSet div,
.myAccountArea .adminFieldSet div {
    margin-bottom: 10px
}

#myAccountArea .buttonGroupTop {
    margin-bottom: 10px
}

#myAccountArea .buttonGroupTop a {
    margin: 0 0 10px 10px
}

#myAccountArea .buttonGroup a,
#myAccountArea #btnConfirm,
.myAccountArea .form-actions a {
    display: inline-block
}

#myAccountArea .gridContainer {
    clear: both
}

#myAccountArea .gridDataTable,
.myAccountArea .gridDataTable,
.myAccountArea .adminDataTable {
    width: 100%;
    margin-bottom: 20px
}

#myAccountArea #btnSave {
    display: inline-block
}

#myAccountArea #btnCancel {
    display: inline-block
}

#myAccountArea #gvAlert,
#myAccountArea #gvAlertRead {
    margin-bottom: 10px
}

#myAccountArea #btnDeleteUnRead,
#myAccountArea #btnDeleteRead {
    display: inline-block
}

#myAccountArea .findCalendar {
    padding-top: 40px
}

#myAccountArea .findCalendar h2 {
    margin-bottom: 5px
}

#myAccountArea .findCalendar .clsUserSearchControls {
    margin-bottom: 20px
}

#myAccountArea .findCalendar .clsUserSearchControls div {
    margin-bottom: 10px;
    font-size: 100%
}

#myAccountArea .findCalendar .clsUserSearchControls div label {
    display: block;
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0
}

#myAccountArea .findCalendar .clsUserSearchControls fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

#myAccountArea .findCalendar #btnSearch {
    display: inline-block
}

#myAccountArea .findCalendar #btnRefresh {
    display: inline-block
}

#myAccountArea .findCalendar .colour-legend {
    margin-bottom: 20px
}

#myAccountArea .findCalendar .colour-legend .colour-search {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#myAccountArea .findCalendar .colour-legend .colour-search>li {
    display: block;
    padding-bottom: 5px
}

#myAccountArea .findCalendar .colour-legend .colour-search>li .your-events-colour {
    width: 23px;
    height: 13px;
    border: 1px solid #333;
    background-color: #3477C6;
    display: inline-block
}

#myAccountArea .findCalendar .colour-legend .colour-search>li .group-events-colour {
    width: 23px;
    height: 13px;
    border: 1px solid #333;
    background-color: #51B200;
    display: inline-block
}

#myAccountArea .findCalendar .colour-legend .colour-search>li .unit-events-colour {
    width: 23px;
    height: 13px;
    border: 1px solid #333;
    background-color: #F56601;
    display: inline-block
}

#myAccountArea .findCalendar .colour-legend .colour-search>li .user-events-colour {
    width: 23px;
    height: 13px;
    border: 1px solid #333;
    background-color: #EBD002;
    display: inline-block
}

#myAccountArea .findCalendar .colour-legend .colour-search>li .misc-events-colour {
    width: 23px;
    height: 13px;
    border: 1px solid #333;
    background-color: #862F89;
    display: inline-block
}

#myAccountArea .calendarView {
    padding-top: 40px
}

#myAccountArea .calendarView .clsPrevNextMthLink {
    position: relative;
    height: 20px
}

#myAccountArea .calendarView .clsPrevNextMthLink .clsPreviousMthLink {
    position: absolute;
    top: 0;
    left: 0
}

#myAccountArea .calendarView .clsPrevNextMthLink .clsNextMthLink {
    position: absolute;
    top: 0;
    right: 0
}

#myAccountArea .calendarView #calendarMain {
    width: 100%
}

#myAccountArea .TBAddEventMain {
    float: none !important
}

#myAccountArea .TBAddEventMain .clsNormal {
    font-size: 100% !important
}

#myAccountArea .clsAddEventButtonSave {
    display: inline-block
}

#myAccountArea .clsAddEventButtonClear {
    display: inline-block
}

#myAccountArea .stats-container table {
    width: 100%
}

#myAccountArea .ajax__tab_xp .ajax__tab_header {
    background: 0;
    font-family: inherit;
    font-size: 100%
}

#myAccountArea .ajax__tab_xp .ajax__tab_body {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    padding: 0
}

#myAccountArea .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer,
#myAccountArea .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner,
#myAccountArea .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background: 0
}

.divDisplayStoreLocator {
    position: relative;
    margin: 20px 0
}

.divDisplayStoreLocator div[id$="divAlphabetFilter"] {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 20px
}

.divDisplayStoreLocator div[id$="divAlphabetFilter"] ol {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.divDisplayStoreLocator div[id$="divAlphabetFilter"] ol li {
    float: left;
    margin-right: 5px
}

.divDisplayStoreLocator div[id$="divAlphabetFilter"] ol li a {
    display: block;
    width: 25px;
    padding: 5px 0;
    text-align: center;
    background: #231f20;
    color: #fff
}

.divDisplayStoreLocator div[id$="divAlphabetFilter"] ol li a:hover,
.divDisplayStoreLocator div[id$="divAlphabetFilter"] ol li a:focus {
    color: #3d3d3d;
    background: #ccc;
    border-bottom: 0
}

.divDisplayStoreLocator .dealer-search-results {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 20px
}

.divDisplayStoreLocator .dealer-search-results .dealer-res-map {
    width: 100% !important;
    height: 300px !important
}

.divDisplayStoreLocator .dealer-search-results .dealer-res-map>div {
    display: block !important
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 20px
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_processing {
    display: none
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate {
    float: left;
    height: 20px;
    position: relative;
    clear: both;
    width: 100%
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate .paginate_disabled_previous {
    display: none
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate .paginate_enabled_previous {
    float: left;
    cursor: pointer;
    margin-right: 10px;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate .paginate_disabled_next {
    display: none
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate .paginate_enabled_next {
    float: right;
    cursor: pointer;
    margin-left: 10px;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter {
    float: left;
    width: 100%;
    padding-bottom: 15px
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter label {
    width: 100%
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter label input {
    display: inline-block
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_length {
    float: left;
    width: 50%
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_info {
    float: right;
    width: 50%;
    text-align: right
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_paginate {
    margin-top: 10px
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTable {
    border-collapse: collapse;
    background-color: #E8E8E8
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTable th {
    border: 1px solid #fff;
    padding: 5px;
    text-align: left;
    background-color: #444;
    color: #fff;
    font-weight: bold
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTable th a {
    color: #fff;
    font-weight: bold
}

.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTable td {
    border: 1px solid #ccc;
    padding: 5px
}

.divDisplayStoreLocator .widget {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 20px
}

.divDisplayStoreLocator .widget dl,
.divDisplayStoreLocator .widget dt,
.divDisplayStoreLocator .widget dd {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.divDisplayStoreLocator .widget dd {
    line-height: 150%
}

.divDisplayStoreLocator .widget dl {
    margin: 0 0 15px 0;
    display: block;
    background: #f2f6f9;
    border-bottom: 1px solid #d7edee;
    padding: 15px;
    position: relative
}

.divDisplayStoreLocator .widget .subItemHeading,
.divDisplayStoreLocator .widget .mainItemHeading {
    display: block;
    padding: 0;
    margin: 0 0 20px 0
}

.divDisplayStoreLocator .widget dt a {
    text-decoration: none
}

.divDisplayStoreLocator .widget dd {
    padding: 0 0 5px 0
}

.divDisplayStoreLocator .subItemStoreAddress1,
.divDisplayStoreLocator .mainItemStoreAddress1 {
    font-weight: normal
}

#locatorContainer {
    float: left;
    width: 100%
}

#locatorContainer .response-message {
    display: none
}

#locatorContainer #SearchFilter {
    padding-left: 0;
    margin: 0
}

#locatorContainer #SearchFilter h2 {
    position: absolute;
    left: -9999px;
    margin: 0;
    padding: 0 0 9px 0
}

#locatorContainer #SearchFilter h2 span {
    font-family: georgia, arial, verdana, sans-serif
}

#locatorContainer #SearchFilter fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

#locatorContainer #SearchFilter fieldset legend {
    font-size: 140%
}

#locatorContainer #SearchFilter fieldset p {
    margin: 0 0 10px 0;
    padding: 0
}

#locatorContainer #SearchFilter fieldset div {
    margin: 0 0 5px 0
}

#locatorContainer #SearchFilter fieldset div.FieldSearch {
    clear: none;
    margin-bottom: 0
}

#locatorContainer #SearchFilter fieldset #divBrandsList {
    float: left
}

#locatorContainer #SearchFilter fieldset #chklstBrands td {
    white-space: nowrap
}

#locatorContainer .dealer-search-results {
    padding-right: 0
}

#locatorContainer .dealer-search-results .dealer-res-map {
    width: 100% !important;
    height: 300px !important
}

#locatorContainer .dealer-search-results .dealer-res-map>div {
    display: block !important
}

#locatorContainer .clsDivSearchResults {
    clear: both;
    padding-top: 30px
}

#locatorContainer .clsDivSearchResults table td label {
    font-weight: normal
}

#locatorContainer .clsDivSearchResults table td .clsLocatorViewWebIcon {
    display: none
}

#locatorContainer .clsDivSearchResults table td .clsLocatorViewWebText {
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    text-indent: -9999px
}

#locatorContainer .clsDivSearchResults table td .clsLocatorViewWebText:after {
    content: "\f041";
    font-family: FontAwesome;
    font-size: 20px;
    color: #3d3d3d;
    text-indent: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px
}

#locatorContainer .clsDivSearchResults table td .clsLocatorViewIcon {
    display: none
}

#locatorContainer .clsDivSearchResults table td .clsLocatorViewText {
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    text-indent: -9999px
}

#locatorContainer .clsDivSearchResults table td .clsLocatorViewText:after {
    content: "\f041";
    font-family: FontAwesome;
    font-size: 20px;
    color: #3d3d3d;
    text-indent: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px
}

#locatorContainer .clsDivSearchResults table td .clsLocatorNotOnMapIcon {
    display: none
}

#locatorContainer .clsDivSearchResults table td .clsLocatorNotOnMapText {
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    text-indent: -9999px
}

#locatorContainer .clsDivSearchResults table td .clsLocatorNotOnMapText:after {
    content: "\f06a";
    font-family: FontAwesome;
    font-size: 20px;
    color: #3d3d3d;
    text-indent: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px
}

#locatorContainer .clsDivSearchResults table td .clsLocatorLinkToPageIcon {
    display: none
}

#locatorContainer .clsDivSearchResults table td .clsLocatorLinkToPageText {
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    text-indent: -9999px
}

#locatorContainer .clsDivSearchResults table td .clsLocatorLinkToPageText:after {
    content: "\f05a";
    font-family: FontAwesome;
    font-size: 20px;
    color: #3d3d3d;
    text-indent: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px
}

#locatorContainer a.storeSearchButton {
    display: block
}

#locatorContainer .divLocatorIndex {
    margin: 20px 0 20px 20px
}

#locatorContainer .divLocatorIndex #divGroupBy h2 {
    display: inline;
    margin-left: 0;
    font-size: 100%
}

#locatorContainer .divLocatorIndex .alphaLinks {
    margin: 20px 0 0 0;
    position: relative
}

#locatorContainer .divLocatorIndex .alphaLinks ol {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#locatorContainer .divLocatorIndex .alphaLinks ol li {
    display: inline
}

#locatorContainer .divLocatorIndex .alphaLinks .divBtnAll {
    position: absolute;
    top: 0;
    right: 20px
}

#locatorContainer .divLocatorIndex #ctl00_ContentPlaceHolderMainNoAjax_divResultsByCountry h2 {
    font-size: 100%;
    margin: 20px 0 0 0;
    padding: 0
}

.locatorContainer .clsLocatorStoreAddress {
    margin-bottom: 15px
}

.locatorContainer .clsLocatorStoreContacts {
    margin-bottom: 15px
}

.locatorContainer .clsLocatorStoreContacts>div {
    margin-bottom: 5px
}

.locatorContainer .clsLocatorStoreContacts>div>span {
    padding-right: 5px
}

.locatorContainer .dealer-search-results .dealer-res-map {
    width: 100% !important;
    height: 300px !important
}

.locatorContainer .dealer-search-results .dealer-res-map>div {
    display: block !important
}

.locatorContainer .divButtons {
    padding-top: 15px
}

.contentDIV {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.contentDIV .sectionDIV .itemDIV {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc
}

.contentDIV .sectionDIV .itemDIV div .numberingDIV {
    font-weight: bold
}

.contentDIV .sectionDIV .itemDIV div .questionDIV {
    font-weight: bold;
    margin-bottom: 15px
}

.contentDIV .sectionDIV .itemDIV div .userInputDIV {
    padding-left: 20px
}

.contentDIV .sectionDIV .itemDIV div .userInputDIV input {
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    vertical-align: top
}

.contentDIV .sectionDIV .itemDIV div .userInputDIV input[type="text"] {
    width: 100%;
    max-width: 300px;
    height: 30px;
    padding: 2px 5px
}

.contentDIV .sectionDIV .itemDIV div .userInputDIV label {
    line-height: 150%;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top
}

.contentDIV .sectionDIV .itemDIV div .userInputDIV select {
    width: 100%;
    max-width: 300px
}

.contentDIV .sectionDIV .itemDIV div .userInputDIV textarea {
    padding: 2px 5px;
    width: 100%;
    max-width: 300px;
    height: 100px
}

.contentDIV .sectionDIV .itemDIV div .userInputDIV .radiobuttonlistDIV label,
.contentDIV .sectionDIV .itemDIV div .userInputDIV .checkboxlistDIV label {
    line-height: 100%;
    margin: 0 10px 10px 0
}

.contentDIV .sectionDIV .itemDIV .userInputConfirmDIV {
    margin-top: 10px;
    padding-left: 20px
}

.contentDIV .sectionDIV .itemDIV .userInputConfirmDIV .userInputDIV {
    padding-left: 0
}

.contentDIV .sectionDIV .itemDIV .userInputConfirmDIV label {
    display: block
}

.contentDIV .sectionDIV .itemDIV .userInputConfirmDIV input {
    width: 100%;
    max-width: 300px
}

.contentDIV .sectionDIV .itemDIV .tabledtextDIV div div {
    width: 150px;
    display: inline-block;
    vertical-align: top
}

.contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker {
    width: 200px !important
}

.contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker .rcTable {
    width: 200px !important
}

.contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker .rcTable>div>div {
    float: left
}

.contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker .rcTable>div>div.rcInputCell {
    width: 100px !important
}

.navigationDIV {
    float: left;
    clear: both;
    background: #eee;
    padding: 10px
}

.navigationDIV input.btnNextPage {
    float: right
}

.navigationDIV input.btnFinish {
    float: right
}

.resource-scheduler div[id$="BookingStep1"] {
    margin-bottom: 10px
}

.resource-scheduler div[id$="BookingStep2"] table {
    margin-left: 35px
}

.resource-scheduler div[id$="BookingStep2"] table td {
    padding: 10px 5px
}

.resource-scheduler div[id$="BookingStep2"] table td input {
    margin-right: 5px
}

.resource-scheduler div[id$="Results"] #Calendar {
    float: none;
    clear: both
}

.resource-scheduler .RadScheduler .inputText {
    float: left
}

.resource-scheduler div.EmailListLeft {
    clear: both
}

.resource-scheduler span.riDisplay {
    height: 20px;
    background-color: #fff;
    border: 1px solid #ccc !important;
    padding-top: 2px
}

.resource-scheduler span.riSingle.RadInput {
    height: 24px;
    margin-top: 2px
}

.resource-scheduler .qsfexAdvEditControlWrapper textarea {
    margin: 5px 0 !important
}

.RadScheduler table {
    clear: both
}

.resource-scheduler .RadScheduler_Telerik input,
.resource-scheduler .RadScheduler_Telerik textarea,
.resource-scheduler .RadScheduler_Telerik select {
    border: 1px solid #ccc !important;
    background: 0;
    background-color: #fff;
    resize: none;
    padding: 2px 5px !important
}

.resource-scheduler .RadScheduler_Telerik input {
    height: 22px !important;
    width: 148px !important
}

.resource-scheduler .RadScheduler_Telerik input#CateringRequired,
.resource-scheduler .RadScheduler_Telerik input#keepSendEmail {
    height: auto !important;
    padding: 0 !important;
    width: auto !important
}

.resource-scheduler .RadScheduler_Telerik input#keepSendEmail {
    margin: 0 5px 0 125px
}

.resource-scheduler .RadScheduler_Telerik input#Emails {
    width: 380px !important
}

.resource-scheduler .RadScheduler_Telerik input[id$="EndTimePicker_dateInput"] {
    width: 65px !important
}

.resource-scheduler .RadScheduler_Telerik textarea {
    width: 380px !important;
    margin: 5px 0 !important;
    height: 100px !important
}

.resource-scheduler .RadScheduler_Telerik select.listAvailable,
.resource-scheduler .RadScheduler_Telerik select.lstIn {
    height: 140px
}

.resource-scheduler .RadScheduler_Telerik select#RecurreceSelect {
    width: 160px
}

.resource-scheduler .RadScheduler #EndDate {
    padding-top: 0 !important;
    margin-top: 5px
}

.resource-scheduler .RadScheduler label[id$="ScheduleCalendar_Form_Label11"] {
    margin-top: 5px
}

.resource-scheduler #qsfexAdvEditInnerWrapper {
    border: none !important;
    padding-top: 0 !important
}

.resource-scheduler .RadScheduler span.resourceCheckBox {
    display: block;
    margin-bottom: 10px
}

.resource-scheduler .qsfexAdvEditControlHalfWrapper .rsAdvTimePicker>input {
    display: none !important
}

.RadScheduler_Telerik .rsAptEditResizeHandle,
.RadScheduler_Telerik .rsAptEditFormWrapper,
.RadScheduler_Telerik .rsAptEditFormOuter,
.RadScheduler_Telerik .rsAptEditFormInner,
.RadScheduler_Telerik .rsAptEditFormMiddle,
.RadScheduler_Telerik .rsAptEditFormMiddle2 {
    background: none !important
}

.RadScheduler_Telerik .rsAptEditFormWrapper .rsTemplateWrapper,
.RadScheduler_Telerik .rsAptEditFormWrapper .rsEditOptions {
    height: 50px !important;
    background: none !important
}

#InlineInsertTemplate textarea,
#InlineEditTemplate textarea {
    width: 98% !important;
    height: auto !important
}

.RadScheduler a.rsAdvancedEditLink {
    padding: 5px !important;
    background: #ddd;
    margin-right: 5px
}

#mypage-wrapper,
#socialgroup-wrapper {
    position: relative;
    float: left;
    width: 100%
}

#mypage-wrapper ul.nav-tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 25%;
    top: 55px;
    width: 50%
}

#mypage-wrapper ul.nav-tabs li a.selected-feed {
    font-weight: bold
}

#socialgroup-wrapper img[id$="padlockImage"] {
    position: absolute;
    top: 0;
    right: 0
}

#mypage-wrapper .mypage-profile,
#socialgroup-wrapper .mypageGroup-profile {
    padding-left: 0;
    font-size: 90%
}

#mypage-wrapper .mypage-profile .photo-container,
#socialgroup-wrapper .mypageGroup-profile .photo-container {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden
}

#mypage-wrapper .mypage-profile .photo-container img,
#socialgroup-wrapper .mypageGroup-profile .photo-container img {
    width: 100%
}

#mypage-wrapper .mypage-profile h2,
#socialgroup-wrapper .mypageGroup-profile h2 {
    font-size: 110%;
    border-bottom: 1px solid #66b8de;
    padding: 0 0 3px 0
}

#mypage-wrapper .mypage-profile a[id$="GoToMyPage"] {
    position: absolute;
    top: 20px;
    left: 90px;
    font-size: 90%
}

#mypage-wrapper .mypage-stream {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: 40px
}

#mypage-wrapper .mypage-stream h2 {
    display: none
}

#socialgroup-wrapper .mypageGroup-profile .mypage-group-settings a {
    padding: 0 5px;
    border-left: 1px solid #ccc
}

#socialgroup-wrapper .mypageGroup-profile .mypage-group-settings a.edit-group-url {
    border-left: none
}

.search-container .col-lg-12 {
    padding-left: 0;
    padding-right: 0
}

.search-container .btn {
    margin: 0
}

.search-container .btn-default {
    background: #ddd;
    border-color: #ddd
}

.search-container .btn-default.search-icon {
    margin-top: 15px;
    padding: 5px 20px;
    text-align: center;
    position: relative;
    height: 30px;
    display: block
}

.search-container .btn-default.search-icon:after {
    content: "\f002";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 110px;
    bottom: 0;
    left: 0;
    text-indent: 0;
    text-align: center;
    line-height: 30px;
    font-size: 18px
}

#mypage-wrapper .mypage-connections,
#socialgroup-wrapper .group-members-container {
    padding-right: 0
}

#mypage-wrapper .friends-container,
#mypage-wrapper .social-group-container,
#socialgroup-wrapper .member-container {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    font-size: 90%
}

#mypage-wrapper .friends-container h2,
#mypage-wrapper .social-group-container h2,
#socialgroup-wrapper .member-container h2 {
    font-size: 110%;
    margin: 0 0 10px 0;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #66b8de
}

#mypage-wrapper .friends-container ul,
#socialgroup-wrapper .member-container ul {
    float: left;
    clear: both;
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0
}

#mypage-wrapper .friends-container ul li,
#socialgroup-wrapper .member-container ul li {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 5px 5px 0;
    overflow: hidden
}

#mypage-wrapper .friends-container ul li img,
#socialgroup-wrapper .member-container ul li img {
    width: 30px;
    height: 30px
}

#mypage-wrapper .friends-container a,
#socialgroup-wrapper .member-container a {
    float: left;
    clear: both;
    margin-bottom: 5px
}

#mypage-wrapper .friends-container ul li .member-Name,
#socialgroup-wrapper .member-container ul li .member-Name {
    display: none
}

#socialgroup-wrapper .member-container ul li .member-pending {
    position: absolute;
    top: 15px;
    left: -9999px;
    width: 26px
}

#socialgroup-wrapper .member-container ul li:hover .member-pending,
#socialgroup-wrapper .member-container ul li:focus .member-pending {
    left: 2px
}

#socialgroup-wrapper .member-container ul li .member-pending a {
    float: left;
    clear: none;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    margin: 0;
    padding: 0
}

#socialgroup-wrapper .member-container ul li .member-pending a.approve-request-url {
    margin-right: 2px;
    background: url(../images/tdcm/tick-small.html) no-repeat 0 0
}

#socialgroup-wrapper .member-container ul li .member-pending a.reject-request-url {
    background: url(../images/tdcm/cross-small.html) no-repeat 0 0
}

#mypage-wrapper .social-group-container ul li {
    width: auto;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-right: 20px;
    border-bottom: 0
}

#mypage-wrapper .social-group-container ul li a {
    text-decoration: none;
    font-weight: normal;
    width: auto
}

#mypage-wrapper div[id$="inviteFriendPanel"],
#mypage-wrapper div[id$="addGroupPanel"] {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    font-size: 90%
}

#mypage-wrapper div[id$="inviteFriendPanel"] a.Invite-friends-url,
#mypage-wrapper div[id$="addGroupPanel"] a.add-group-url,
#mypage-wrapper .group-members-container a.join-group {
    display: block;
    float: none;
    text-align: center
}

#mypage-wrapper .group-members-container a.join-group {
    margin-bottom: 20px
}

.comments-container {
    float: left;
    width: 100%
}

.comments-container p.description {
    margin: 0;
    padding: 0
}

.social-search .comments-container {
    float: none;
    margin-left: 0;
    border-left: none;
    border-right: 0;
    padding: 0
}

.comments-container h3 {
    display: none
}

.comments-container .tokenElement {
    display: none
}

.comments-container .post-item {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 25px 0 35px 0
}

.article-comments-container .comments-container .post-item {
    padding-top: 0;
    padding-bottom: 0
}

.comments-container .post-item textarea {
    width: 100%;
    height: 100px;
    margin: 0
}

.comments-container .post-item .social-privacy {
    float: left
}

.comments-container .post-item .social-share-ctrls {
    float: right
}

.comments-container .post-item .postCommentBtn {
    margin: 0
}

.comments-container .post-item .select-file-icon {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    display: block;
    width: 30px;
    height: 30px;
    color: #3d3d3d
}

.comments-container .post-item .select-file-icon:after {
    content: "\f0f6";
    font-family: FontAwesome;
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 30px;
    text-indent: 0
}

.comments-container .post-item .select-file-icon:hover,
.comments-container .post-item .select-file-icon:focus {
    cursor: pointer;
    text-decoration: none
}

.comments-container .post-item .findImageButton {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -105px -140px
}

.comments-container .post-item .findImageButton:hover,
.comments-container .post-item .findImageButton:focus {
    cursor: pointer
}

.comments-container .post-item div[id$="AjaxFileUpload1"] {
    width: 100% !important;
    margin-bottom: 10px
}

.comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload {
    border: 0;
    padding: 0
}

.comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileContainer:hover,
.comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileContainer:focus {
    cursor: pointer
}

.comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_dropzone {
    width: auto;
    line-height: 100px;
    height: 100px !important;
    margin-bottom: 5px
}

.comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileButton {
    text-decoration: none;
    font-size: 90%;
    background-color: #555;
    color: #fff;
    border-radius: 0
}

.comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileButton:hover,
.comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileButton:focus {
    cursor: pointer
}

.comments-container .post-item ul.token-input-list {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0
}

.comments-container .post-item ul.token-input-list li {
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: normal;
    background: 0;
    font-size: 90%;
    border: 0;
    border-top: 1px solid #BDD8E4;
    background-color: #D9EBF3
}

.comments-container .post-item ul.token-input-list li:first-child {
    border-top: 0
}

.comments-container .post-item ul.token-input-list li p {
    float: none;
    margin: 0;
    padding: 5px 10px 5px 5px
}

.comments-container .post-item ul.token-input-list li span {
    display: block;
    position: absolute;
    top: 8px;
    right: 5px;
    float: none;
    margin: 0;
    padding: 0;
    color: red;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    background: url(../images/tdcm/cross-small.html) no-repeat top left
}

.comments-container .post-item .ajax__fileupload_queueContainer {
    margin: 5px 0 0 0;
    padding: 0;
    border: 0
}

.comments-container .post-item .ajax__fileupload_queueContainer .ajax__fileupload_fileItemInfo {
    position: relative;
    margin: 0;
    padding: 5px 10px 5px 5px;
    height: auto;
    line-height: 100%;
    font-weight: normal;
    background: 0;
    font-size: 90%;
    border: 0;
    border-top: 1px solid #BDD8E4;
    background-color: #D9EBF3
}

.comments-container .post-item .ajax__fileupload_fileItemInfo .pendingState {
    background: 0;
    color: inherit
}

.comments-container .post-item .ajax__fileupload_fileItemInfo div.removeButton {
    position: absolute;
    top: 8px;
    right: 5px;
    float: none;
    margin: 0;
    padding: 0;
    color: red;
    font-weight: normal;
    background: 0;
    line-height: 100%;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    background: url(../images/tdcm/cross-small.html) no-repeat top left
}

.comments-container .post-item .social-share-ctrls .fb-share,
.comments-container .post-item .social-share-ctrls .tw-share {
    float: left;
    margin-left: 10px
}

.comments-container .post-item .social-share-ctrls .fb-share {
    background: #3b5998
}

.comments-container .post-item .social-share-ctrls .tw-share {
    background: #0084b4
}

.comments-container .post-item .social-share-ctrls .fb-share>span,
.comments-container .post-item .social-share-ctrls .tw-share>span {
    color: #fff;
    float: left;
    padding: 0;
    width: 50px;
    height: 30px;
    border-radius: 0;
    position: relative
}

.comments-container .post-item .social-share-ctrls .fb-share>span label,
.comments-container .post-item .social-share-ctrls .tw-share>span label {
    display: none
}

.comments-container .post-item .social-share-ctrls .fb-share>span input,
.comments-container .post-item .social-share-ctrls .tw-share>span input {
    margin: 7px 0 0 7px
}

.comments-container .post-item .social-share-ctrls .fb-share>span:after,
.comments-container .post-item .social-share-ctrls .tw-share>span:after {
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    text-align: center;
    line-height: 30px;
    text-indent: 0
}

.comments-container .post-item .social-share-ctrls .fb-share>span:after {
    content: "\f09a"
}

.comments-container .post-item .social-share-ctrls .tw-share>span:after {
    content: "\f099"
}

.comments-container .comment-list {
    list-style-type: none;
    float: left;
    clear: both;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%
}

.comments-container .comment-list.activity-list {
    padding-top: 20px
}

.comments-container .comment-list .comment-item {
    float: left;
    clear: both;
    width: 100%;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    position: relative;
    border-bottom: 1px solid #E0E0E0
}

.comments-container .comment-list .comment-item .comment-item-image {
    float: left;
    width: 10%;
    padding-right: 10px
}

.comments-container .comment-list .comment-item .comment-item-image img {
    width: 100%
}

.comments-container .comment-list .comment-item .comment-item-detail {
    float: left;
    position: relative;
    width: 90%;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-by {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 90%
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-by a {
    font-weight: bold;
    text-decoration: none
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-by span.arrow-right-icon {
    padding: 0;
    width: 18px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-by span.arrow-right-icon:after {
    content: "\f138";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 12px;
    text-align: center;
    line-height: 12px
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-comment-privacySetting,
.comments-container .comment-list .comment-item .comment-item-detail .posted-reply-privacySetting {
    display: none
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-comment-item {
    padding: 0;
    margin: 0 0 15px 0
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-date-item {
    font-size: 90%;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 1;
    display: inline-block;
    vertical-align: top
}

.comments-container .comment-list .comment-item .comment-item-detail a.reply-comment-item,
.comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-total,
.comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-item {
    font-size: 90%;
    text-decoration: none;
    line-height: 1;
    border-left: 1px solid #ccc;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top
}

.comments-container .comment-list .comment-item .comment-item-detail a.reply-comment-item:hover,
.comments-container .comment-list .comment-item .comment-item-detail a.reply-comment-item:focus,
.comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-total:hover,
.comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-total:focus,
.comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-item:hover,
.comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-item:focus {
    border-bottom: 0
}

.comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-item {
    text-indent: -9999px;
    width: 20px;
    height: 20px
}

.comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-item:after {
    content: "\f087";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    text-indent: 0
}

.comments-container .comment-list .comment-item .comment-item-detail .comment-Edit {
    font-size: 90%;
    display: inline-block;
    vertical-align: top
}

.comments-container .comment-list .comment-item .comment-item-detail .comment-Edit a {
    text-decoration: none;
    border-left: 1px solid #ccc;
    padding: 0 5px;
    line-height: 1;
    display: inline-block;
    vertical-align: top
}

.comments-container .comment-list .comment-item .comment-item-detail .comment-Edit a:hover,
.comments-container .comment-list .comment-item .comment-item-detail .comment-Edit a:focus {
    border-bottom: 0
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-attachment-list {
    list-style-type: none;
    margin: 0 0 15px 0;
    padding: 8px 8px 0 8px;
    border: 1px solid #ccc;
    background: #fff
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-attachment-list li {
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #eee;
    font-size: 90%
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-attachment-list li .attachment-item-desc {
    display: block
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-attachment-list li img {
    vertical-align: middle
}

.comments-container .comment-list .reply-list {
    float: left;
    clear: both;
    margin: 20px 0 0 10%;
    width: 90%;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    padding: 10px
}

.comments-container .comment-list .reply-list .comment-item {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    border-bottom: 1px dashed #E0E0E0
}

.comments-container .comment-list .reply-list .comment-item .comment-item-detail {
    width: 330px;
    display: inline-block;
    vertical-align: top
}

.comments-container .comment-list .comment-reply {
    float: left;
    clear: both;
    position: relative;
    margin: 20px 0 0 10%;
    width: 90%;
    height: 100px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    padding: 10px
}

.comments-container .comment-list .comment-reply .reply-item-image {
    float: left;
    width: 10%;
    padding-right: 10px
}

.comments-container .comment-list .comment-reply .reply-item-image img {
    width: 100%
}

.comments-container .comment-list .comment-reply textarea {
    float: left;
    width: 90%;
    height: 40px;
    padding: 5px 5px 5px 5px;
    margin: 0;
    resize: none
}

.comments-container .comment-list .comment-reply .reply-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-decoration: none;
    clear: both;
    font-size: 90%;
    display: block;
    text-align: center;
    background-color: #555;
    padding: 5px 10px;
    color: #fff;
    border: 1px solid #555;
    border-radius: 2px
}

.comments-container .comment-list .comment-reply .reply-button:hover,
.comments-container .comment-list .comment-reply .reply-button:focus {
    border: 1px solid #333;
    cursor: pointer
}

.comments-container a.older-posts-link {
    text-decoration: none;
    clear: both;
    font-size: 90%;
    display: block;
    text-align: center;
    background-color: #555;
    padding: 5px 10px;
    color: #fff;
    border: 1px solid #555;
    border-radius: 2px
}

.comments-container a.older-posts-link:hover,
.comments-container a.older-posts-link:focus {
    border: 1px solid #333;
    cursor: pointer
}

.reply-list .comment-item .comment-item-image .posted-by-portrait {
    height: auto !important
}

.response-message {
    float: left;
    clear: both;
    width: 100%
}

.response-message ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.comments-container .comment-list .ejs-video-thumb {
    width: 100%;
    height: 150px;
    position: relative
}

.comments-container .comment-list .ejs-video-thumb i {
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5)
}

.comments-container .comment-list .ejs-video-thumb i:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 150px
}

.comments-container .comment-list .ejs-video-preview .ejs-thumb {
    width: 100%
}

.comments-container .comment-list .ejs-video-detail {
    position: relative;
    padding-left: 0;
    left: auto;
    top: auto;
    right: auto;
    clear: both;
    padding-bottom: 30px
}

.comments-container .comment-list .ejs-video-title {
    white-space: normal
}

.comments-container .comment-list .ejs-video-desc {
    font-size: 100%;
    color: inherit;
    height: auto
}

.ejs-github-stats,
.ejs-video-stats {
    bottom: 5px
}

.activity-item-Article>span,
.activity-item-Document>span,
.activity-item-Image>span,
.activity-item-SocialPost>span,
.activity-item-User>span,
.activity-item-SocialComment>span,
.activity-item-Event>span,
.activity-item-Folder>span,
.activity-item-SocialGroup>span,
.activity-item-SocialLike>span {
    background: url(../images/tdcm/icon-sprite.html) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px
}

.activity-item-Article>span {
    background-position: 0 -140px
}

.activity-item-Document>span {
    background-position: -35px -140px
}

.activity-item-Image>span {
    background-position: -105px -140px
}

.activity-item-SocialPost>span {
    background-position: -175px 0
}

.activity-item-User>span {
    background-position: -420px -140px
}

.activity-item-SocialComment>span {
    background-position: -175px 0
}

.activity-item-Event>span {
    background-position: -419px -35px
}

.activity-item-Folder>span {
    background-position: 0 0
}

.activity-item-SocialGroup>span {
    background-position: -175px 0
}

.activity-item-SocialLike>span {
    background-position: -70px -173px
}

.mypage-settings {
    float: left;
    width: 100%;
    position: relative
}

.mypage-settings a[id$="GoToMyPage"] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.mypage-settings .tab-navigation ul li a.selected {
    border: 1px solid #ddd;
    border-bottom: 0
}

.mypage-settings .tab-content .tab-pane {
    padding: 15px;
    border: 1px solid #ddd;
    border-top: 0
}

.mypage-settings .tab-content div.row {
    float: left;
    clear: left;
    background-color: #E8E8E8;
    width: 600px
}

.mypage-settings .tab-content div.row div {
    float: left;
    clear: left;
    width: 600px;
    border-bottom: 1px solid #fff
}

.mypage-settings .tab-content div.row span {
    width: 325px;
    border: 1px solid #E8E8E8;
    padding: 10px;
    float: left
}

.mypage-settings .tab-content div.row span:first-child {
    width: 150px;
    padding: 10px;
    float: left;
    border-right: 1px solid #fff;
    font-weight: bold
}

.mypage-settings .tab-content div.row span.buttons {
    width: 50px;
    border-left: 1px solid #fff
}

.mypage-settings .tab-content div.row #DivPortraitView span {
    min-height: 99px
}

.mypage-settings .tab-content div.row #DivPortraitView img {
    max-width: 300px
}

.mypage-settings .tab-content div.row #DivPortraitEdit span {
    min-height: 99px
}

.mypage-settings .tab-content div.row #DivPortraitEdit img {
    max-width: 300px
}

.mypage-settings .tab-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.mypage-settings .tab-content ul li {
    margin: 0 0 20px 0;
    float: left;
    clear: left;
    width: 100%
}

.mypage-settings .tab-content ul li.friend-item {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 20px
}

.mypage-settings .tab-content ul li .friends-portrait-url {
    float: left;
    width: 75px
}

.mypage-settings .tab-content ul li .friends-portrait-url img,
.mypage-settings .tab-content ul li img.friends-portrait {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 15px
}

.mypage-settings .tab-content ul li .friend-Name {
    font-size: 110%
}

.mypage-settings .tab-content ul li .friend-Name a {
    font-weight: bold
}

.mypage-settings .tab-content ul li .friend-Edit,
.mypage-settings .tab-content ul li .friend-pending,
.mypage-settings .tab-content ul li .friend-request {
    margin-top: 5px;
    font-size: 90%
}

.mypage-settings .tab-content .options>div {
    margin-bottom: 5px
}

.mypage-settings .tab-content .options>div input {
    margin-right: 5px
}

.mypage-settings .tab-content a.Invite-friends-url,
.mypage-settings .tab-content a.add-group-url,
.mypage-settings .tab-content a.notifications-save {
    position: absolute;
    top: 50px;
    right: 20px;
    display: block
}

.mypage-settings #tab4 .social-group-container {
    clear: none;
    margin: 47px 0 0 5%;
    width: 45%
}

.mypage-settings #tab4 .social-group-container ul li {
    width: 100%
}

.social-group-container {
    float: left;
    clear: left;
    width: 100%
}

.social-group-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.social-group-container ul li {
    float: left;
    clear: left;
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    position: relative;
    border-bottom: 1px solid #ddd
}

.social-group-container ul li img {
    position: absolute;
    top: 0;
    right: 0
}

.social-group-container ul li .group-title-label {
    float: left;
    clear: left;
    width: 100%;
    padding-bottom: 5px
}

.social-group-container ul li .group-url-label {
    float: left;
    clear: left;
    width: 100%;
    padding-bottom: 5px
}

.social-group-container ul li .group-url-label:hover,
.social-group-container ul li .group-url-label:focus {
    text-decoration: none;
    border: 0
}

.social-group-container ul li .group-desc-label {
    float: left;
    clear: left;
    width: 100%;
    padding-bottom: 5px
}

.social-group-container ul li .group-isPublic-label,
.social-group-container ul li .group-isActive-label,
.social-group-container ul li .edit-group-url,
.social-group-container ul li .share-group-url,
.social-group-container ul li .delete-group-url,
.social-group-container ul li .pending-approval {
    font-size: 90%;
    float: left;
    padding: 0 5px;
    border-right: 1px solid #E0E0E0
}

.social-group-container ul li .accept-invite,
.social-group-container ul li .decline-invite {
    font-size: 90%
}

.social-group-container .more-group-url {
    text-decoration: none;
    clear: both
}

.social-group-container .more-group-url:hover,
.social-group-container .more-group-url:focus {
    cursor: pointer
}

.comments-container .comment-list .comment-item .comment-item-detail .posted-by .total-votes {
    padding-right: 10px
}

.question-stream-container,
.question-details-container .comments-container {
    border: 0;
    padding: 0;
    position: relative
}

.question-details-container .comments-container {
    margin-left: 120px;
    border-top: 1px solid #ccc;
    padding-top: 20px
}

.question-add-container {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 20px
}

.question-add-container h2 {
    display: block
}

.question-stream-container .question-add-container div[id$="QuestionAddFileUpload"],
.question-details-container div[id$="AnswerFileUpload"],
.question-details-container div[id$="questionFileUpload"] {
    width: 100% !important;
    margin-bottom: 10px
}

.add-answer-files div[id$="QuestionStreamFileUpload"] {
    width: 100% !important;
    margin-bottom: 10px;
    padding-top: 0
}

.question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload,
.question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload,
.question-details-container div[id$="questionFileUpload"] .ajax__fileupload,
.add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload {
    border: 0;
    padding: 0
}

.question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileContainer:hover,
.question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileContainer:focus,
.question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileContainer:hover,
.question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileContainer:focus,
.question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileContainer:hover,
.question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileContainer:focus,
.add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileContainer:hover,
.add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileContainer:focus {
    cursor: pointer
}

.question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_dropzone,
.question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_dropzone,
.question-details-container div[id$="questionFileUpload"] .ajax__fileupload_dropzone,
.add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_dropzone {
    width: auto;
    line-height: 100px;
    height: 100px;
    margin-bottom: 5px
}

.question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileButton,
.question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileButton,
.question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileButton,
.add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileButton {
    text-decoration: none;
    font-size: 90%;
    background-color: #555;
    color: #fff;
    border-radius: 5px
}

.question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileButton:hover,
.question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileButton:focus,
.question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileButton:hover,
.question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileButton:focus,
.question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileButton:hover,
.question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileButton:focus,
.add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileButton:hover,
.add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileButton:focus {
    cursor: pointer
}

.question-stream-container .question-add-container ul.token-input-list,
.question-stream-container .question-add-container ul.token-input-list-facebook,
.question-details-container ul.token-input-list,
.question-details-container ul.token-input-list-facebook,
.add-answer-container ul.token-input-list {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0
}

.question-stream-container .question-add-container ul.token-input-list {
    position: relative
}

.question-stream-container .question-add-container ul.token-input-list li,
.question-stream-container .question-add-container ul.token-input-list-facebook li,
.question-details-container ul.token-input-list li,
.question-details-container ul.token-input-list-facebook li,
.add-answer-container ul.token-input-list li {
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: normal;
    background: 0;
    font-size: 90%;
    border: 0;
    border-top: 1px solid #BDD8E4;
    background-color: #D9EBF3
}

.question-stream-container .question-add-container ul.token-input-list li.token-input-token {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

.question-stream-container .question-add-container ul.token-input-list li:first-child,
.question-stream-container .question-add-container ul.token-input-list-facebook li:first-child,
.question-details-container ul.token-input-list li:first-child,
.question-details-container ul.token-input-list-facebook li:first-child,
.add-answer-container ul.token-input-list li:first-child {
    border-top: 0
}

.question-stream-container .question-add-container ul.token-input-list li p,
.question-stream-container .question-add-container ul.token-input-list-facebook li p,
.question-details-container ul.token-input-list li p,
.question-details-container ul.token-input-list-facebook li p,
.add-answer-container ul.token-input-list li p {
    float: none;
    margin: 0;
    padding: 5px 10px 5px 5px
}

.question-stream-container .question-add-container ul.token-input-list li span,
.question-stream-container .question-add-container ul.token-input-list-facebook li span,
.question-details-container ul.token-input-list li span,
.question-details-container ul.token-input-list-facebook li span,
.add-answer-container ul.token-input-list li span {
    display: block;
    position: absolute;
    top: 8px;
    right: 5px;
    float: none;
    margin: 0;
    padding: 0;
    color: red;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    background: url(../images/tdcm/cross-small.html) no-repeat top left
}

.question-stream-container .question-add-container ul.token-input-list li span:hover,
.question-stream-container .question-add-container ul.token-input-list-facebook li span:hover,
.question-details-container ul.token-input-list li span:hover,
.question-details-container ul.token-input-list-facebook li span:hover,
.add-answer-container ul.token-input-list li span:hover,
.question-stream-container .question-add-container ul.token-input-list li span:focus,
.question-stream-container .question-add-container ul.token-input-list-facebook li span:focus,
.question-details-container ul.token-input-list li span:focus,
.question-details-container ul.token-input-list-facebook li span:focus,
.add-answer-container ul.token-input-list li span:focus {
    cursor: pointer
}

.question-details-container ul.token-input-list li input[type="text"],
.question-details-container ul.token-input-list-facebook li input[type="text"],
.add-answer-container ul.token-input-list li input[type="text"] {
    width: 300px !important;
    margin: 5px 10px 5px 5px
}

.token-input-dropdown,
.token-input-dropdown-facebook {
    border: 1px solid #E0E0E0;
    width: 290px;
    height: 100px;
    padding: 5px;
    overflow-y: scroll;
    background-color: #fff
}

.token-input-dropdown ul,
.token-input-dropdown-facebook ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.token-input-dropdown ul li,
.token-input-dropdown-facebook ul li {
    padding: 5px
}

.token-input-dropdown ul li:hover,
.token-input-dropdown ul li:focus,
.token-input-dropdown-facebook ul li:hover,
.token-input-dropdown-facebook ul li:focus {
    background-color: #ccc
}

.question-stream-container .question-add-container .ajax__fileupload_queueContainer,
.question-details-container .ajax__fileupload_queueContainer,
.add-answer-files .ajax__fileupload_queueContainer {
    margin: 5px 0 0 0;
    padding: 0;
    border: 0
}

.question-stream-container .question-add-container .ajax__fileupload_queueContainer .ajax__fileupload_fileItemInfo,
.question-details-container .ajax__fileupload_queueContainer .ajax__fileupload_fileItemInfo,
.add-answer-files .ajax__fileupload_queueContainer .ajax__fileupload_fileItemInfo {
    position: relative;
    margin: 0;
    padding: 5px 10px 5px 5px;
    height: auto;
    line-height: 100%;
    font-weight: normal;
    background: 0;
    font-size: 90%;
    border: 0;
    border-top: 1px solid #BDD8E4;
    background-color: #D9EBF3
}

.question-stream-container .question-add-container .ajax__fileupload_fileItemInfo .pendingState,
.question-details-container .ajax__fileupload_fileItemInfo .pendingState,
.add-answer-files .ajax__fileupload_fileItemInfo .pendingState {
    background: 0;
    color: inherit
}

.question-stream-container .question-add-container .ajax__fileupload_fileItemInfo div.removeButton,
.question-details-container .ajax__fileupload_fileItemInfo div.removeButton,
.add-answer-files .ajax__fileupload_fileItemInfo div.removeButton {
    position: absolute;
    top: 8px;
    right: 5px;
    float: none;
    margin: 0;
    padding: 0;
    color: red;
    font-weight: normal;
    background: 0;
    line-height: 100%;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    background: url(../images/tdcm/cross-small.html) no-repeat top left
}

.question-stream-container .question-add-container div ul.token-input-list-facebook {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.question-stream-container .question-add-container div ul.token-input-list li.token-input-input-token,
.question-stream-container .question-add-container div ul.token-input-list-facebook li.token-input-input-token-facebook {
    list-style-type: none;
    width: 100%;
    background: 0;
    border: 1px solid #999;
    padding: 2px 5px;
    height: 25px
}

.question-stream-container .question-add-container div ul.token-input-list li.token-input-input-token:hover,
.question-stream-container .question-add-container div ul.token-input-list-facebook li.token-input-input-token-facebook:hover,
.question-stream-container .question-add-container div ul.token-input-list li.token-input-input-token:focus,
.question-stream-container .question-add-container div ul.token-input-list-facebook li.token-input-input-token-facebook:focus {
    border-color: #000
}

.question-stream-container .question-add-container div ul.token-input-list input[type="text"],
.question-stream-container .question-add-container div ul.token-input-list-facebook input[type="text"] {
    border: 0;
    padding: 0;
    height: auto;
    width: auto
}

.question-add-container div.add-files {
    position: relative;
    padding-left: 16.666667%
}

.question-add-container div.add-files a.select-file-icon,
.question-add-container div.add-files a.findImageButton {
    text-indent: -9999px;
    display: inline-block;
    width: 30px;
    height: 20px;
    position: relative
}

.question-add-container div.add-files a.select-file-icon:after,
.question-add-container div.add-files a.findImageButton:after {
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 20px;
    text-indent: 0;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.question-add-container div.add-files a.select-file-icon:after {
    content: "\f0f6"
}

.question-add-container div.add-files a.findImageButton:after {
    content: "\f1c5"
}

.question-add-container div.add-files a.select-file-icon:hover,
.question-add-container div.add-files a.select-file-icon:focus,
.question-add-container div.add-files a.findImageButton:hover,
.question-add-container div.add-files a.findImageButton:focus {
    cursor: pointer
}

p.question-count,
p.answer-count,
div.answer-count {
    font-weight: bold
}

div.answer-count {
    clear: both
}

div.answer-sort {
    clear: both;
    position: relative;
    top: -36px;
    right: 0;
    text-align: right
}

.question-stream-container .question-list .comment-item {
    width: 600px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-color: #ccc
}

.question-stream-container .question-list ul.comment-item-topics-list {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0
}

.question-stream-container .question-list ul.comment-item-topics-list li {
    display: inline;
    padding-right: 10px
}

.question-stream-container .question-list .comment-item-title {
    display: block;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px
}

.question-stream-container .question-list .comment-item-additional-info {
    margin-bottom: 10px
}

.question-stream-container .question-list .comment-item .comment-item-detail {
    width: 540px
}

.question-stream-container .question-list .comment-item .comment-item-detail .posted-date-item {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0
}

.question-stream-container .question-list .comment-item .comment-item-detail .add-answer-item {
    width: auto;
    text-decoration: none;
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #1D779F;
    background-color: #1D779F;
    border-radius: 2px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.question-stream-container .question-list .comment-item .comment-item-detail .show-answer-item {
    width: auto;
    text-decoration: none;
    text-align: center;
    background-color: #555;
    padding: 5px 10px;
    color: #fff;
    border: 1px solid #555;
    border-radius: 2px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.question-stream-container .question-list .comment-item .comment-item-detail .posted-attachment-list,
.question-details-container .question-container .group-attachment-list {
    border: 1px solid #145074;
    background-color: #CEE4EC
}

.question-stream-container .question-list .comment-item .comment-item-detail .posted-attachment-list li,
.question-details-container .question-container .group-attachment-list li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.question-stream-container .question-list .reply-list {
    width: 520px;
    border-color: #aaa;
    background-color: #fff
}

.question-stream-container .question-list .reply-list .comment-item {
    width: 520px;
    border-color: #ccc
}

.question-stream-container .question-list .reply-list .comment-item .comment-item-detail {
    width: 450px
}

.question-container {
    position: relative;
    margin: 0 0 0 120px;
    padding-bottom: 20px
}

.question-details-container div[id$="questionTextDiv"] {
    position: relative;
    margin: 20px 0 5px 0
}

.question-details-container div[id$="questionTextDiv"] h2,
.question-details-container div[id$="questionTextDiv"] h3 {
    display: inline;
    margin: 0;
    padding: 0
}

.question-details-container div[id$="questionTextDiv"] a {
    color: #aaa
}

.question-details-container div[id$="questionTextDiv"] a:hover,
.question-details-container div[id$="questionTextDiv"] a:focus {
    color: #1D779F;
    background-color: #CEE4EC
}

.question-details-container div[id$="questionTextEditDiv"] {
    display: none;
    margin: 20px 0 5px 0
}

.question-details-container div[id$="questionDescDiv"] {
    position: relative;
    margin: 0 0 20px 0
}

.question-details-container div[id$="questionDescDiv"] p {
    display: inline;
    margin: 0;
    padding: 0
}

.question-details-container div[id$="questionDescDiv"] a {
    color: #aaa
}

.question-details-container div[id$="questionDescDiv"] a:hover,
.question-details-container div[id$="questionDescDiv"] a:focus {
    color: #1D779F;
    background-color: #CEE4EC
}

.question-details-container div[id$="questionDescEditDiv"] {
    display: none;
    margin: 0 0 20px 0
}

.question-details-container .mypageGroup-profile {
    position: absolute;
    top: 0;
    left: -120px;
    width: 100px
}

.question-details-container .mypageGroup-profile img {
    width: 100px
}

.question-details-container div[id$="topicListDiv"],
.question-details-container div[id$="TopicEditDiv"] {
    margin-bottom: 10px
}

.question-details-container div[id$="topicListDiv"] h3 {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-family: arial, verdana, sans-serif
}

.question-details-container div[id$="topicListDiv"] ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline
}

.question-details-container div[id$="topicListDiv"] ul li {
    display: inline;
    padding-right: 0
}

.question-details-container div[id$="topicListDiv"] a[id$="editTopicLink"] {
    color: #aaa
}

.question-details-container div[id$="topicListDiv"] a[id$="editTopicLink"]:hover,
.question-details-container div[id$="topicListDiv"] a[id$="editTopicLink"]:focus {
    color: #1D779F;
    background-color: #CEE4EC
}

.question-details-container div[id$="TagListDiv"],
.question-details-container div[id$="TagEditDiv"] {
    margin-bottom: 10px
}

.question-details-container div[id$="TagListDiv"] h3 {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-family: arial, verdana, sans-serif
}

.question-details-container div[id$="TagListDiv"] ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline
}

.question-details-container div[id$="TagListDiv"] ul li {
    display: inline;
    padding-right: 0
}

.question-details-container div[id$="TagListDiv"] a[id$="editTagLink"] {
    color: #aaa
}

.question-details-container div[id$="TagListDiv"] a[id$="editTagLink"]:hover,
.question-details-container div[id$="TagListDiv"] a[id$="editTagLink"]:focus {
    color: #1D779F;
    background-color: #CEE4EC
}

.question-details-container div[id$="questionAttachmentEditDiv"] a.select-file-icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
    float: left;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -35px -140px
}

.question-details-container div[id$="questionAttachmentEditDiv"] a.select-file-icon:hover,
.question-details-container div[id$="questionAttachmentEditDiv"] a.select-file-icon:focus {
    cursor: pointer
}

.question-details-container div[id$="questionAttachmentEditDiv"] a.findImageButton {
    position: absolute;
    right: 0;
    bottom: 20px;
    float: left;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -70px -140px
}

.question-details-container div[id$="questionAttachmentEditDiv"] a.findImageButton:hover,
.question-details-container div[id$="questionAttachmentEditDiv"] a.findImageButton:focus {
    cursor: pointer
}

.question-details-container .question-container .group-attachment-list {
    list-style-type: none;
    margin: 0 0 15px 0;
    padding: 8px
}

.question-details-container .question-container .group-attachment-list li {
    font-size: 90%;
    position: relative
}

.question-details-container .question-container .group-attachment-list li img {
    vertical-align: middle
}

.question-details-container .question-container .group-attachment-list li .group-attachment-item-desc {
    display: block
}

.question-details-container .question-container .group-attachment-list li .group-attachment-item-delete-link {
    display: block;
    position: absolute;
    top: 8px;
    right: 5px;
    float: none;
    margin: 0;
    padding: 0;
    color: red;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    background: url(../images/tdcm/cross-small.html) no-repeat top left
}

.question-details-container .posted-date-item {
    display: block;
    font-size: 90%
}

.question-details-container .posted-date-item h3 {
    display: none
}

.question-details-container .comments-container h3 {
    display: none
}

.question-stream-container .question-list .add-answer-container {
    float: left;
    clear: both;
    position: relative;
    margin: 20px 0 0 60px;
    width: 520px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px
}

.question-stream-container .question-list .add-answer-container .reply-item-image {
    float: left;
    width: 50px;
    margin-right: 10px;
    background-color: #eee
}

.question-stream-container .question-list .add-answer-container .reply-item-image img {
    width: 50px
}

.question-stream-container .question-list .add-answer-container .reply-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-decoration: none;
    clear: both;
    font-size: 90%;
    display: block;
    text-align: center
}

.question-stream-container .question-list .add-answer-container a.select-file-icon {
    position: absolute;
    bottom: 45px;
    right: 70px;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat 0 -140px
}

.question-stream-container .question-list .add-answer-container a.findImageButton {
    position: absolute;
    bottom: 45px;
    right: 50px;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -105px -140px
}

.comments-container .comment-list .comment-item .comment-item-detail .vote-controls {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.comments-container .comment-list .comment-item .comment-item-detail .vote-controls a {
    border: 0
}

.comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.undo-vote-comment-item,
.comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.down-vote-comment-item,
.comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.undo-down-vote-comment-item {
    font-size: 90%;
    text-decoration: none;
    line-height: 150%;
    padding: 0 5px 0 5px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.vote-comment-item {
    text-indent: -9999px;
    width: 15px;
    height: 18px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -102px -175px
}

.comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.down-vote-comment-item {
    text-indent: -9999px;
    width: 15px;
    height: 18px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -137px -175px
}

.training-manager .competencyDetailsContent {
    width: 100%
}

.training-manager .ClosingNotification {
    background: #D5D6F7 url(../images/tdcm/information.html) no-repeat 12px 9px;
    border: 1px solid #A1BAF7;
    color: #435991;
    margin: 15px 0;
    padding: 8px 10px 0 37px
}

.training-manager .ClosingNotification p {
    margin: 0 0 8px 0;
    padding: 0
}

.training-manager .userProgressContent {
    margin-bottom: 20px
}

.training-manager .userCompetenciesListContent,
.training-manager .CompetencyDetails,
.training-manager .sessionDetailsContent,
.training-manager .userCompetencyContent,
.training-manager .userCompetencyElementsContent {
    margin-bottom: 20px
}

.training-manager .CompetencyDetails th {
    width: 200px
}

.training-manager .quickListUserActionsContent table,
.training-manager .bookingDetails,
.training-manager .pendingSessionsContent,
.training-manager .sessionDetailsAttendeesContent,
.training-manager .sessionDetailsAvailableContent {
    margin-bottom: 20px
}

.training-manager fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.training-manager input[type="submit"],
.training-manager input[type="button"] {
    width: auto;
    text-decoration: none;
    display: inline-block
}

.training-manager input[type="submit"]:hover,
.training-manager input[type="submit"]:focus,
.training-manager input[type="button"]:hover,
.training-manager input[type="button"]:focus {
    cursor: pointer
}

.training-manager .adminFieldSet,
.training-manager .report-fields {
    margin: 0 0 20px 0;
    padding: 20px;
    border: 1px solid #E0E0E0;
    background-color: #fff
}

.training-manager .adminFieldSet div,
.training-manager .report-fields div {
    margin-bottom: 15px
}

.training-manager .adminFieldSet div label,
.training-manager .report-fields div label {
    width: 150px;
    padding-right: 5px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.training-manager .adminFieldSet div>input[type="text"],
.training-manager .report-fields div>input[type="text"] {
    width: 288px;
    border: 1px solid #999;
    padding: 2px 5px
}

.training-manager .adminFieldSet div>input[type="text"]:hover,
.training-manager .adminFieldSet div>input[type="text"]:focus,
.training-manager .report-fields div>input[type="text"]:hover,
.training-manager .report-fields div>input[type="text"]:focus {
    border-color: #000
}

.training-manager .adminFieldSet div select,
.training-manager .report-fields div select {
    width: 300px;
    border: 1px solid #999;
    padding: 2px 5px
}

.training-manager .adminFieldSet div textarea,
.training-manager .report-fields div textarea {
    width: 288px;
    height: 144px;
    border: 1px solid #999;
    padding: 2px 5px;
    resize: none
}

.training-manager .adminFieldSet div textarea:hover,
.training-manager .adminFieldSet div textarea:focus,
.training-manager .report-fields div textarea:hover,
.training-manager .report-fields div textarea:focus {
    border-color: #000
}

.training-manager .adminFieldSet div>table,
.training-manager .report-fields div>table {
    width: 300px;
    padding-right: 5px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.training-manager .adminFieldSet div>table td,
.training-manager .report-fields div>table td {
    padding-bottom: 5px
}

.training-manager .adminFieldSet div>table td input,
.training-manager .report-fields div>table td input {
    margin: 0 5px 0 0;
    padding: 0
}

.training-manager .adminFieldSet div.RadComboBox table td,
.training-manager .report-fields div.RadComboBox table td {
    padding-bottom: 0
}

.training-manager .report-fields div div[id$="pnlTrainingTypes"],
.training-manager .report-fields div div[id$="pnlStatus"] {
    width: 300px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.training-manager .report-fields div div[id$="pnlTrainingTypes"] label,
.training-manager .report-fields div div[id$="pnlStatus"] label {
    width: auto
}

.training-manager span[id$="lblMsg"] {
    display: block;
    background: #D7F7DF;
    border: 1px solid #A3F7B8;
    color: #3F9153 !important;
    margin: 15px 0;
    padding: 8px 10px
}

.tm_cloud {
    border: 1px solid #CACACA;
    margin: 20px 0 !important;
    padding: 15px !important;
    float: none !important
}

.tm_cloud .selected {
    display: block;
    font-weight: bold;
    margin-right: 10px
}

.tm_pathDisplay {
    margin: 10px 0 20px;
    text-align: left;
    width: 100%
}

.tm_pathDisplay .tm_pathName {
    font-size: 120%;
    font-weight: bold
}

.tm_pathDisplay .tm_pathType {
    font-style: italic
}

.tm_compSessions,
.tm_compPrevSessions {
    margin-left: 0 !important
}

.training_key_icons {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 20px
}

.training-manager #tm-reports-menu {
    float: left;
    width: 200px;
    margin: 20px 20px 20px 0
}

.training-manager #tm-reports-menu h2 {
    position: absolute;
    left: -9999px
}

.training-manager #tm-reports-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.training-manager #tm-reports-menu ul li a,
.training-manager #tm-reports-menu h4 {
    display: block;
    border-bottom: 1px solid #1D779F;
    background-color: #66b8de;
    color: #1E1E1E;
    margin: 0;
    padding: 8px 12px 6px 12px
}

.training-manager #tm-reports-menu h4 {
    font: 100% arial, verdana, sans-serif
}

.training-manager #tm-reports-menu ul li a:hover,
.training-manager #tm-reports-menu ul li a:focus,
.training-manager #tm-reports-menu h4:hover,
.training-manager #tm-reports-menu h4:focus {
    background-color: #1D779F;
    color: #fff
}

.training-manager #tm-reports-menu .SubMenuList ul li a {
    padding-left: 24px;
    background-color: #91cae8;
    border-bottom: 1px solid #66b8de
}

.training-manager #tm-reports-menu .SubMenuList ul li a:hover,
.training-manager #tm-reports-menu .SubMenuList ul li a:focus {
    background-color: #1D779F
}

.training-manager #tm-reports-content {
    float: left;
    width: 710px;
    margin: 20px 0 20px 0
}

.training-manager div[id$="divReportOutput"] {
    margin-top: 20px;
    overflow-x: scroll
}

.training-manager div[id$="divReportOutput"] table {
    border-collapse: collapse;
    background-color: #E8E8E8;
    margin-bottom: 20px
}

.training-manager div[id$="divReportOutput"] table th {
    border: 1px solid #fff;
    padding: 5px;
    text-align: left;
    background-color: #444;
    color: #fff;
    font-weight: bold
}

.training-manager div[id$="divReportOutput"] table td {
    border: 1px solid #ccc;
    padding: 5px
}

.training-manager div[id$="divSelectUser"] {
    margin-bottom: 20px
}

.training-manager div[id$="divSelectUser"] label {
    float: left;
    width: 50px
}

.training-manager div[id$="divSelectUser"] .userSelector {
    float: left;
    width: 500px;
    margin-right: 20px
}

.training-manager a#lnkBack,
.training-manager a.training_backButton {
    width: auto;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    padding: 5px 10px;
    color: #555;
    border: 1px solid #555;
    border-radius: 2px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin-top: 10px
}

.training-manager a#lnkBack:hover,
.training-manager a#lnkBack:focus,
.training-manager a.training_backButton:hover,
.training-manager a.training_backButton:focus {
    border: 1px solid #333;
    cursor: pointer
}

.training-manager #btnSelectUser {
    margin: 10px 0
}

.training-manager .userProgressContent #btnSelectUser {
    margin: 10px 0
}

.training-manager .training_key_icons ul {
    overflow: hidden
}

.training-manager .training_key_icons li {
    float: left;
    list-style: none;
    height: 15px;
    padding: 0 5px
}

.training-manager table td table {
    margin: 0 !important
}

.grdPager td table td {
    border-collapse: collapse;
    padding: 0 !important;
    border: 0 !important
}

.grdPager>td>table {
    width: auto !important
}

.grdPager span {
    display: block;
    padding: 6px 12px;
    background: #428bca;
    border: 1px solid #428bca;
    float: left;
    color: #fff
}

.grdPager a {
    display: block;
    padding: 6px 12px;
    border: 1px solid #ddd;
    background: #fff;
    float: left
}

.grdPager a:hover,
.grdPager a:focus {
    background: #f9f9f9;
    text-decoration: none
}

#divPathwayTypeFilter {
    line-height: 35px;
    margin: 0 0 35px
}

#divPathwayTypeFilter #ddlTrainingType {
    width: 83.33333333333334% !important
}

#divPathwaySearch {
    clear: both;
    line-height: 35px
}

#divPathwaySearch #searchPathwayText {
    width: 83.33333333333334% !important
}

.sessionDetailsAttendeesContent {
    border: 1px solid #ddd
}

.sessionDetailsAttendeesContent tr th,
.sessionDetailsAttendeesContent tr:nth-child(odd) td {
    background: #f9f9f9
}

.ElementListing {
    margin: 0 !important;
    padding: 0 !important
}

.ElementListing li {
    list-style: none;
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    text-overflow: ellipsis
}

.ElementListing .elementDetails {
    padding-left: 120px;
    min-height: 100px;
    width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis
}

.ElementListing .elementDetails a[id^="hlImage"] {
    width: 100%;
    position: absolute;
    margin-left: -120px
}

.ElementListing .elementDetails a[id^="hlImage"] img {
    max-width: 110px
}

.ElementListing .elementDetails a[id^="hlName"] {
    font-size: 200%
}

.ElementListing .elementDetails span[id^="type"],
.ElementListing .elementDetails span[id^="extRefId"] {
    line-height: 20px
}

.ElementListing .elementDetails span[id^="extRefId"] {
    font-size: 80%;
    color: #777
}

.ElementListing .elementDetails span[id^="briefDes"],
.ElementListing .elementDetails span[id^="longDesc"] {
    width: 100%;
    display: block;
    text-overflow: ellipsis
}

.ElementListing .elementDetails .NewItemTagText span:before {
    font-family: 'FontAwesome';
    content: "\f005";
    color: #428bca;
    visibility: visible;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top
}

.ElementListing .elementDetails span[id^="cost"] {
    margin-left: 10px;
    font-weight: bold
}

.ElementListing .elementDetails .elementName {
    vertical-align: top;
    padding: 15px 8px;
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 20%
}

.ElementListing .elementDetails .elementStatus {
    vertical-align: top;
    padding: 15px 8px;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.ElementListing .elementDetails .CompetencyDetails {
    vertical-align: top;
    padding: 8px;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 40%
}

.ElementListing .elementDetails .CompetencyDetails a {
    float: right
}

.ElementListing .elementDetails span.NewItemTagText {
    display: inline-block;
    width: 15px
}

.ElementListing .elementDetails br {
    margin: 0 0 5px
}

.competencyDetailsContent .ElementListing .elementDetails {
    padding: 0
}

.competencyDetailsContent .ElementListing .elementDetails .elementName {
    width: 20%;
    float: left;
    height: 46px
}

.competencyDetailsContent .ElementListing .elementDetails .elementStatus {
    width: 80%;
    float: left;
    height: 46px
}

.competencyDetailsContent .ElementListing .elementDetails .elementActions {
    float: left;
    width: 100%
}

.UnitListing li {
    list-style: none
}

.UnitListing {
    padding: 0
}

ul.CompetencyList {
    padding: 0
}

ul.CompetencyList li.CompetencyListItem {
    list-style: none;
    height: 30px;
    border-bottom: 1px solid #ddd
}

ul[class^="pathway-unit"] {
    margin: 0;
    padding: 0
}

ul[class^="pathway-unit"] li.pathway-unit {
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    list-style: none
}

ul[class^="pathway-unit"] li.pathway-unit ul.pathway-unit-properties {
    margin: 0;
    padding: 0
}

ul[class^="pathway-unit"] li.pathway-unit ul.pathway-unit-properties li {
    display: inline-block;
    width: 50%;
    padding: 5px 0;
    list-style: none
}

ul[class^="pathway-unit"] li.pathway-unit ul.pathway-unit-properties li:nth-child(1) {
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    font-family: Georgia
}

.userPathwaysDiagramContent .units .unit {
    margin-bottom: 20px;
    padding: 0 20px 20px;
    border-bottom: 1px solid #ddd
}

.userPathwaysDiagramContent .units .unit h5 {
    position: relative
}

.userPathwaysDiagramContent .units .unit h5 .unitStatus {
    position: absolute;
    top: 0;
    right: 0
}

.userPathwaysDiagramContent .units .unit .element {
    padding: 10px 20px;
    background: #eee;
    margin-bottom: 10px
}

.userPathwaysDiagramContent .units .unit .element h6 {
    margin: 0 0 10px 0;
    padding: 0;
    position: relative
}

.userPathwaysDiagramContent .units .unit .element h6 .elementStatus {
    position: absolute;
    top: 0;
    right: 0
}

.TrainingLefthandAdminMenu {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.TrainingLefthandAdminMenu li {
    margin: 0;
    padding: 0;
    position: relative
}

.TrainingLefthandAdminMenu li a {
    display: block;
    padding: 10px 15px;
    background: #eee;
    border-top: 1px solid #ddd;
    color: #333
}

.TrainingLefthandAdminMenu li:first-child a {
    border-top: 0
}

.TrainingLefthandAdminMenu li a:hover,
.TrainingLefthandAdminMenu li a:focus {
    background: #ddd
}

.TrainingLefthandAdminMenu li a.active {
    background: #ccc
}

.TrainingLefthandAdminMenu li ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10;
    width: 200px
}

.TrainingLefthandAdminMenu li ul li a {
    padding-left: 20px
}

.TrainingLefthandAdminMenu li:hover ul,
.TrainingLefthandAdminMenu li:focus ul {
    display: block
}

.training-activity {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.training-activity li {
    margin: 0 0 15px 0;
    padding: 0 0 15px 100px;
    border-bottom: 1px solid #ddd;
    position: relative
}

.training-activity li .TrainingActivityTypePathwayStarted,
.training-activity li .TrainingActivityTypeUnitStarted,
.training-activity li .TrainingActivityTypePathwayRegistered,
.training-activity li .TrainingActivityTypeUnitRegistered,
.training-activity li .TrainingActivityTypePathwayCompleted,
.training-activity li .TrainingActivityTypeUnitCompleted,
.training-activity li .TrainingActivityTypePathwayEdited,
.training-activity li .TrainingActivityTypeUnitEdited,
.training-activity li .TrainingActivityTypePathwayCreated,
.training-activity li .TrainingActivityTypeUnitCreated {
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 90%;
    padding: 4px 8px;
    line-height: 1
}

.training-activity li .TrainingActivityTypePathwayStarted,
.training-activity li .TrainingActivityTypeUnitStarted {
    background: #2dabc1;
    color: #fff
}

.training-activity li .TrainingActivityTypePathwayRegistered,
.training-activity li .TrainingActivityTypeUnitRegistered {
    background: #f1ac4a;
    color: #fff
}

.training-activity li .TrainingActivityTypePathwayCompleted,
.training-activity li .TrainingActivityTypeUnitCompleted {
    background: #8ac24e;
    color: #fff
}

.training-activity li .TrainingActivityTypePathwayEdited,
.training-activity li .TrainingActivityTypeUnitEdited {
    background: #ddd;
    color: #333
}

.training-activity li .TrainingActivityTypePathwayCreated,
.training-activity li .TrainingActivityTypeUnitCreated {
    background: #ddd;
    color: #333
}

.training-activity li img {
    width: 30px !important;
    height: 30px;
    margin-right: 5px
}

.training-activity li .user {
    font-weight: bold
}

.training-activity li .date {
    position: absolute;
    top: 8px;
    right: 0;
    line-height: 1
}

.training-user-actions-available {
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.training-user-actions-item {
    width: 50%;
    border-left: 15px solid #fff;
    border-right: 15px solid #fff;
    padding: 15px;
    margin-bottom: 20px;
    background: #f6f6f6;
    position: relative
}

.training-user-actions-item h2 {
    margin-bottom: 10px;
    font-size: 120%;
    font-weight: bold
}

.training-user-actions-item h3 {
    display: none
}

.training-user-actions-item p {
    margin-bottom: 5px
}

.training-user-actions-item .difficulty p {
    display: inline-block;
    padding-right: 10px;
    vertical-align: top
}

.training-user-actions-item .difficulty div {
    display: inline-block
}

.training-user-actions-item .cpdpoints h3 {
    font-size: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 0;
    margin: 0;
    font-weight: normal
}

.training-user-actions-item .cpdpoints p {
    display: inline-block;
    vertical-align: top
}

.training-user-pathway {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc
}

.training-user-pathway .table-responsive h3 {
    display: none
}

.training-user-pathway .progressBarDesc {
    float: left;
    padding-bottom: 10px
}

.training-user-pathway .RadProgressBar {
    float: right;
    padding-bottom: 10px
}

` .training-user-pathway .panel-heading {
    position: relative
}

.training-user-pathway .panel-heading a {
    display: block;
    padding-right: 50px
}

.training-user-pathway .panel-heading img {
    position: absolute;
    top: 10px;
    right: 15px
}

.training-user-pathway .panel-body ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.training-user-pathway .panel-body ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: #ccc;
    position: relative
}

.training-user-pathway .panel-body ul li span {
    display: block
}

.training-user-pathway .panel-body ul li span.actions>a.btn {
    position: absolute;
    top: 0;
    right: 0
}

.training-user-pathway>.btn {
    margin-right: 15px
}

.active-pathway-container {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc
}

.active-pathway-container .table {
    margin-bottom: 0
}

ul.train-icon {
    list-style-type: none;
    margin: 0 0 30px -10px;
    overflow: hidden;
    width: 100%;
    padding: 0
}

ul.train-icon li {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #ddd;
    display: block;
    float: left;
    height: 105px;
    margin: 0 0 10px 10px;
    width: 122px
}

ul.train-icon li:hover {
    border: 1px solid #145074
}

ul.train-icon li a {
    background-image: url(../training/images/trainingmanagerimages/training-dashboard-icons.html);
    background-repeat: no-repeat;
    display: block;
    font-size: 90%;
    font-weight: bold;
    height: 103px;
    line-height: 12px;
    padding: 65px 10px 10px 10px;
    text-align: center;
    text-transform: capitalize
}

ul.train-icon li a:hover {
    background-color: #CEE4EC !important;
    text-decoration: none
}

ul.train-icon li.cal-add a {
    background-position: 50% -452px
}

ul.train-icon li.cal-config a {
    background-position: 50% -543px
}

ul.train-icon li.cal-info a {
    background-position: 50% -638px
}

ul.train-icon li.calendar a {
    background-position: 50% -362px
}

ul.train-icon li.cert-info a {
    background-position: 50% -1116px
}

ul.train-icon li.cert-progress a {
    background-position: 50% -1018px
}

ul.train-icon li.chart-info a {
    background-position: 50% -830px
}

ul.train-icon li.day-info a {
    background-position: 50% -734px
}

ul.train-icon li.graph-info a {
    background-position: 50% -1212px
}

ul.train-icon li.unit-add a {
    background-position: 50% 10px
}

ul.train-icon li.unit-elements a {
    background-position: 50% -275px
}

ul.train-icon li.unit-info a {
    background-position: 50% -85px
}

ul.train-icon li.unit-progress a {
    background-position: 50% -180px
}

ul.train-icon li.wishlist a {
    background-position: 50% -926px
}

.DownloadCounterMain h2 {
    margin-bottom: 5px
}

.DownloadCounterMain div {
    margin-bottom: 20px
}

.DownloadCounterMain div div {
    margin-bottom: 5px
}

ul.topDownload {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0
}

ul.topDownload li {
    margin-bottom: 10px
}

ul.topDownload li span {
    display: inline-block;
    vertical-align: top
}

div[id$="divMembershipDetails"] fieldset {
    border: 0;
    margin: 0 0 20px 0;
    padding: 0
}

div[id$="divMembershipDetails"] fieldset legend {
    display: none
}

div[id$="divMembershipDetails"] fieldset[id$="fdsAdditionalQuestions"] td {
    white-space: normal !important
}

div[id$="divMembershipDetails"] fieldset[id$="fdsAdditionalQuestions"] h2 {
    display: none
}

div[id$="divMembershipDetails"] fieldset[id$="fdsAdditionalQuestions"] .clsGeneralText {
    display: none
}

div[id$="divMembershipDetails"] div[id$="divMandatoryMessage"] {
    padding-left: 16.66666667%
}

div[id$="divMembershipDetails"] div[id$="divButton"] {
    padding-left: 16.66666667%
}

div[id$="divMembershipDetails"] div[id$="divButton"] input {
    display: inline-block
}

div[id$="divMembershipDetails"] div[id$="divButton"] input:hover,
div[id$="divMembershipDetails"] div[id$="divButton"] input:focus {
    cursor: pointer
}

.MostViewedContentMain {
    width: 300px;
    border: 1px solid #ddd;
    padding: 20px 20px 10px 20px;
    margin-bottom: 20px
}

.MostViewedContentMain .CloudBox a {
    margin: 0 10px 10px 0;
    line-height: 150%;
    display: inline-block
}

.MostViewedContentMain .CloudBox a[style$="font-size:xx-small;"] {
    font-size: 12px !important
}

.MostViewedContentMain .CloudBox a[style$="font-size:x-small;"] {
    font-size: 13px !important
}

.MostViewedContentMain .CloudBox a[style$="font-size:small;"] {
    font-size: 14px !important
}

.MostViewedContentMain .CloudBox a[style$="font-size:medium;"] {
    font-size: 15px !important
}

.MostViewedContentMain .CloudBox a[style$="font-size:large;"] {
    font-size: 16px !important
}

.MostViewedContentMain .CloudBox a[style$="font-size:x-large;"] {
    font-size: 17px !important
}

.MostViewedContentMain .CloudBox a[style$="font-size:xx-large;"] {
    font-size: 18px !important
}

#TaxonSearchControl div.TaxonControlField {
    margin-bottom: 10px
}

.MostPopularContentListMain {
    width: 300px;
    border: 1px solid #E0E0E0;
    margin-bottom: 20px
}

.MostPopularContentListMain ul {
    list-style-type: none;
    margin: 0;
    padding: 20px;
    border: 1px solid #fff
}

.MostPopularContentListMain ul li {
    margin-bottom: 5px
}

#NavigationButtons {
    margin: 0 0 40px 0
}

#NavigationButtons h2 {
    margin-bottom: 10px
}

#NavigationButtons ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#NavigationButtons ul li {
    display: inline
}

#KeywordSearch {
    margin: 0 0 40px 0
}

#KeywordSearch h2 {
    margin-bottom: 10px
}

div[id$="DictionaryTerms"] {
    margin: 0 0 40px 0
}

div[id$="DictionaryTerms"] dl {
    list-style-type: none;
    margin: 0;
    padding: 0
}

div[id$="DictionaryTerms"] dl dt {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 120%
}

div[id$="DictionaryTerms"] dl dd {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0
}

div[id$="DictionaryTerms"] dl dd h3 {
    display: none
}

div[id$="DictionaryTerms"] dl dd h4 {
    display: none
}

.people-element-list ul {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0
}

.people-element-list ul li {
    position: relative;
    padding-bottom: 5px
}

.people-element-list ul li div {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 100;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1)
}

.people-element-list ul li div img {
    vertical-align: middle
}

.people-element-list span[id$="dpPeopleList"] {
    display: block;
    position: relative;
    padding: 0 20px
}

#wrapper #page-content #sidebar .people-element-list ul {
    margin-left: 0
}

#wrapper #page-content #sidebar .people-element-tabular-layout table {
    width208px
}

div[id$="mpTM"] {
    clear: both;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 20px;
    background-color: #fff
}

.task-manager {
    position: relative
}

.content-area .task-manager>h2 {
    position: absolute;
    left: -9999px
}

.task-manager .result-heading {
    position: absolute;
    left: -9999px
}

.task-manager .tm-search-options {
    float: left;
    width: 100%;
    position: relative;
    background: #f2f6f9;
    border-bottom: 1px solid #d7edee;
    margin: 0 0 30px 0;
    padding: 15px
}

.task-manager .tm-search-options h3 {
    margin: 10px 5px 0 0;
    font-size: 100%;
    float: left;
    font-weight: bold
}

.task-manager .tm-search-options>div {
    margin: 0 5px 0 0;
    float: left
}

.task-manager .tm-search-options>div>label {
    position: absolute;
    left: -9999px
}

.task-manager .tm-search-options>div>.RadInput {
    width: 250px !important
}

.task-manager .tm-search-options>div.buttons .clear-button {
    margin: 5px 0 0 10px;
    float: left
}

.task-manager .tm-search-options>div.buttons .clear-button input {
    margin: 3px 5px 0 0;
    padding: 0
}

.task-manager .tm-search-options>div.buttons label {
    position: relative;
    left: 0
}

.task-manager .rgMasterTable thead>tr>th:first-child {
    width: 20%
}

.task-manager .rgMasterTable .RadComboBox {
    width: 100px !important
}

.task-manager .additional-options {
    float: left;
    width: 100%;
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    padding: 15px
}

.task-manager .additional-options>div {
    float: left;
    margin-left: 20px
}

.task-manager .additional-options>div:first-child {
    margin-left: 0
}

.task-manager .additional-options>div input[type="checkbox"] {
    margin: 7px 5px 0 0;
    padding: 0
}

.task-manager .additional-options>div label {
    margin: 7px 0 0 0
}

.task-manager .RadGrid_Elcom {
    width: auto !important
}

.task-manager .rgMasterTable .action-buttons {
    width: 100px;
    margin-top: 5px
}

.task-manager .rgMasterTable #btnViewTask,
.task-manager .rgMasterTable #btnDeleteTask,
.task-manager .rgMasterTable #btnComments,
.task-manager .rgMasterTable #btnEditTask {
    float: left;
    position: relative;
    margin: 0 5px 5px 0;
    text-indent: -9999px;
    width: 22px;
    height: 22px
}

.task-manager .rgMasterTable #btnViewTask:after,
.task-manager .rgMasterTable #btnDeleteTask:after,
.task-manager .rgMasterTable #btnComments:after,
.task-manager .rgMasterTable #btnEditTask:after {
    font-family: FontAwesome;
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: 0;
    text-align: center;
    line-height: 22px
}

.task-manager .rgMasterTable #btnViewTask:after {
    content: "\f0f6"
}

.task-manager .rgMasterTable #btnDeleteTask:after {
    content: "\f1f8"
}

.task-manager .rgMasterTable #btnComments:after {
    content: "\f0e6"
}

.task-manager .rgMasterTable #btnEditTask:after {
    content: "\f044"
}

div[id$="vwAddTask"] .add-task-fields>div {
    width: 100%;
    margin-bottom: 15px
}

div[id$="vwAddTask"] .add-task-fields>div textarea {
    height: 44px
}

div[id$="vwAddTask"] .add-task-fields>div div[id$="dvAddModeAssginee"] br {
    display: none
}

div[id$="vwAddTask"] .add-task-fields>div .RadListBox {
    width: 200px !important;
    height: 100px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

div[id$="vwAddTask"] .add-task-fields>div .RadListBoxButtonAreaRight {
    width: 250px !important
}

div[id$="vwAddTask"] .add-task-fields>div .RadListBox .rlbGroup {
    border: 1px solid #999;
    padding: 2px 5px;
    width: 188px;
    height: 94px;
    overflow-y: scroll
}

div[id$="vwAddTask"] .add-task-fields>div .RadListBox table {
    margin-right: 10px
}

div[id$="vwAddTask"] .add-task-fields>div.more_options .left_options>div {
    margin-bottom: 15px
}

div[id$="vwAddTask"] .add-task-fields>div.more_options .right_options>div {
    margin-bottom: 15px
}

div[id$="vwAddTask"] .add-task-fields>div fieldset {
    border: 0;
    padding: 0 0 0 105px;
    margin: 0;
    position: relative
}

div[id$="vwAddTask"] .add-task-fields>div fieldset legend {
    width: 100px;
    padding: 0 5px 0 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0
}

div[id$="vwAddTask"] .add-task-fields>div fieldset>div>span {
    display: block
}

div[id$="vwAddTask"] .add-task-fields>div fieldset>div .RadListBox {
    width: 400px !important;
    height: 80px
}

div[id$="vwAddTask"] .add-task-fields>div fieldset>div .RadListBox .rlbGroup {
    border: 1px solid #999;
    padding: 2px 5px;
    height: 74px;
    overflow-y: scroll
}

div[id$="vwAddTask"] .add-task-fields>div[id$="dvAddModeAssginee"] br {
    display: none
}

div[id$="vwAddTask"] .add-task-fields .publish-button {
    margin-left: 16.6666666667%
}

div[id$="vwManageTaskGroups"] {
    position: relative
}

div[id$="vwManageTaskGroups"] .buttonGroupTop {
    position: absolute;
    top: 40px;
    right: 0
}

div[id$="vwManageTaskGroups"] .adminFieldSet>div,
div[id$="vwManageTaskGroups"] .adminFieldSet>table {
    width: 100%;
    margin-bottom: 15px
}

div[id$="vwManageTaskGroups"] .adminFieldSet>div.single-checkbox label {
    width: auto
}

div[id$="vwManageTaskGroups"] .adminFieldSet>div .userSelector,
div[id$="vwManageTaskGroups"] .adminFieldSet>div .folderSelector {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

div[id$="vwManageTaskGroups"] .adminFieldSet>div .RadListBox {
    width: 400px !important;
    height: 80px
}

div[id$="vwManageTaskGroups"] .adminFieldSet>div .RadListBox .rlbGroup {
    border: 1px solid #999;
    padding: 2px 5px
}

div[id$="vwManageTaskGroups"] #searchResults .adminDataTable,
div[id$="vwManageTaskGroups"] #dvSubgroups table,
div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable {
    width: 100%;
    border-collapse: collapse;
    background-color: #E8E8E8;
    margin-bottom: 15px
}

div[id$="vwManageTaskGroups"] #searchResults .adminDataTable th,
div[id$="vwManageTaskGroups"] #dvSubgroups table th,
div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable th {
    border: 1px solid #fff;
    padding: 5px;
    text-align: left;
    background-color: #444;
    color: #fff;
    font-weight: bold
}

div[id$="vwManageTaskGroups"] #searchResults .adminDataTable th a,
div[id$="vwManageTaskGroups"] #dvSubgroups table th a,
div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable th a {
    color: #fff;
    font-weight: bold
}

div[id$="vwManageTaskGroups"] #searchResults .adminDataTable td,
div[id$="vwManageTaskGroups"] #dvSubgroups table td,
div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable td {
    border: 1px solid #ccc;
    padding: 5px
}

div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset {
    margin: 0 0 10px 0;
    padding: 0;
    border: 0;
    position: relative
}

div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions>legend {
    font-weight: bold;
    font-size: 110%;
    margin: 0;
    padding: 0
}

div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions>fieldset {
    padding-left: 105px
}

div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions>fieldset>legend {
    font-weight: normal;
    font-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    border: 0
}

div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions div {
    width: 100px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions div input {
    margin: 0 5px 0 0;
    padding: 0
}

div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions div label {
    width: 60px;
    height: 15px;
    overflow: hidden;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions fieldset.global-permission {
    padding-left: 0;
    margin-left: 100px;
    padding: 5px;
    background-color: #ccc
}

div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions fieldset.global-permission legend {
    display: none
}

div[id$="vwManageTaskGroups"] input[id$="btnBackToTaskGroupEdit"] {
    position: absolute;
    top: 0;
    right: 0
}

.article-task-add-new-content {
    margin-bottom: 20px
}

ul.task-element {
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul.task-element li {
    border-bottom: 1px solid #E0E0E0;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0
}

ul.task-element li>input[type="checkbox"] {
    margin-right: 10px
}

.article-task-edit-buttons-content {
    padding-left: 5px
}

.article-task-edit-buttons-content a {
    border-right: 1px solid #ccc;
    padding: 0 5px
}

.task-history-show-details a {
    padding: 0 5px
}

.cls-alerts-subscribe-container {
    margin-bottom: 20px
}

.meeting-manager-mymeetings div[id$="updSearchMeetingsProgress"],
.meeting-manager-managemeetings div[id$="updSearchMeetingsProgress"] {
    position: absolute;
    top: 10px;
    left: 200px
}

.meetingagenda-failure-msg {
    display: block;
    background: #FFD6D6 url(../images/tdcm/cross.html) no-repeat 12px 9px;
    border: 1px solid #FFC2C2;
    color: #C24848;
    margin: 0 0 15px 0;
    padding: 8px 10px 8px 37px
}

div[id$="rmpMeetingManager"] {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 20px;
    background-color: #fff
}

.mymeetings-view-main-content {
    position: relative
}

.meeting-manager-mymeetings .meeting-manager-view-filter {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2
}

.meeting-manager-mymeetings .meeting-manager-view-filter ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.meeting-manager-mymeetings .meeting-manager-view-filter ul li {
    float: left;
    margin-left: 10px
}

.meeting-manager-mymeetings .meeting-manager-view-filter ul li a {
    display: block;
    text-decoration: none;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    position: relative
}

.meeting-manager-mymeetings .meeting-manager-view-filter ul li a:after {
    font-family: FontAwesome;
    font-size: 20px;
    color: #3d3d3d;
    text-indent: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px
}

.meeting-manager-mymeetings .meeting-manager-view-filter ul li a.mymeetings-filter-list-view:after {
    content: "\f03a"
}

.meeting-manager-mymeetings .meeting-manager-view-filter ul li a.mymeetings-filter-cal-view:after {
    content: "\f073"
}

.meeting-manager-mymeetings .meeting-manager-view-filter ul li a.selected:after {
    color: #231f20
}

.mymeetings-list-view {
    position: relative
}

.mymeetings-list-view h3,
.mymeetings-cal-view h3,
.agenda-details>h2 {
    position: absolute;
    left: -9999px
}

.agenda-details h3 {
    width: 550px
}

.agenda-details h3 .meeting-agenda-header-date {
    display: block;
    margin-top: 5px;
    font: 80% arial, verdana, sans-serif
}

.mymeetings-list-view-addnewmeeting {
    padding-bottom: 15px
}

.mymeetings-list-view #meeting-search {
    float: left;
    width: 100%;
    position: relative;
    background: #f2f6f9;
    border-bottom: 1px solid #d7edee;
    margin: 0 0 30px 0;
    padding: 15px
}

.mymeetings-list-view #meeting-search>div {
    float: left;
    margin-right: 15px
}

.mymeetings-list-view #meeting-search>div.mymeetings-list-view-key label {
    position: absolute;
    left: -9999px
}

.mymeetings-list-view #meeting-search>div .mymeetings-list-view-fromdt {
    float: left;
    margin-right: 15px
}

.mymeetings-list-view #meeting-search>div .mymeetings-list-view-todt {
    float: left
}

.mymeetings-list-view #meeting-search>div.form-actions {
    padding-left: 0;
    margin-bottom: 0
}

.mymeetings-list-view .mymeetings-list-view-results {
    width: 100%;
    clear: both;
    margin-top: 15px
}

.mymeetings-list-view-results h3 {
    position: absolute;
    left: -9999px
}

.mymeetings-list-view .mymeetings-list-view-results,
.mymeetings-cal-view {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 30px
}

.meeting-manager-add-edit h2 {
    position: absolute;
    left: -9999px
}

.meeting-manager-meetingdetails {
    position: relative
}

.meeting-manager-add-edit .buttonGroupTop .meeting-agenda-element-ctrls {
    position: absolute;
    top: 5px;
    right: 85px
}

.agenda-details .buttonGroupTop div[id$="pnlAgendaPreviewAdminCtrls"] {
    position: absolute;
    top: 25px;
    right: 85px
}

.meeting-manager-add-edit .buttonGroupTop .meeting-agendaitem-start-end-meeting {
    position: absolute;
    top: 0;
    right: 215px
}

.meeting-manager-add-edit .buttonGroupTop .meeting-agendaitem-start-end-meeting input {
    float: none;
    width: auto;
    height: auto;
    text-decoration: none;
    color: #333 !important;
    padding: 5px 10px;
    border: 1px solid #333;
    border-radius: 5px;
    background: #ccc
}

.meeting-manager-add-edit .buttonGroupTop .meeting-agendaitem-start-end-meeting input:hover,
.meeting-manager-add-edit .buttonGroupTop .meeting-agendaitem-start-end-meeting input:focus {
    cursor: pointer;
    border: 1px solid #111;
    cursor: pointer
}

.meeting-manager-meetingdetails .agenda-details .buttonGroupTop {
    position: absolute;
    top: 0;
    right: 0
}

.meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block,
.agenda-details .meeting-agenda-pre-agenda-info {
    float: left;
    width: 894px
}

.agenda-details .meeting-agenda-pre-agenda-info-gridtop,
.meeting-manager-meetingdetails div[id$="pnlAgendaItemsInfo"] {
    float: left;
    clear: both;
    margin-top: 20px;
    width: 100%
}

.meeting-manager-meetingdetails div[id$="pnlAgendaItemsInfo"]>div {
    margin-bottom: 15px
}

.meeting-manager-meetingdetails .meeting-agenda-info-tbl,
.agenda-details .meeting-agenda-pre-agenda-info .meeting-agenda-info-tbl {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%
}

.meeting-manager-meetingdetails .meeting-agenda-info-tbl th,
.agenda-details .meeting-agenda-pre-agenda-info .meeting-agenda-info-tbl th {
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    text-align: left;
    vertical-align: top
}

.meeting-manager-meetingdetails .meeting-agenda-info-tbl td,
.agenda-details .meeting-agenda-pre-agenda-info .meeting-agenda-info-tbl td {
    width: 426px;
    padding: 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block>div>h4,
.agenda-details .meeting-agenda-pre-agenda-info>div>h4,
.agenda-details .meeting-agenda-pre-agenda-info>div[id$="divAttendeesDetails"] h4 {
    float: left;
    font-size: 100%;
    line-height: 100%;
    font-family: arial, verdana, sans-serif;
    margin: 0;
    padding: 0;
    width: 140px
}

.meeting-agenda-icons h4,
.meeting-agendaitem-icon-published-div h4,
.meeting-agendaitem-allow-download-div h4,
.meeting-agenda-next-meeting-div h4 {
    font-size: 100%;
    line-height: 100%;
    font-family: arial, verdana, sans-serif;
    margin: 0;
    padding: 0;
    width: 140px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block>div>span,
.agenda-details .meeting-agenda-pre-agenda-info>div>span {
    float: left;
    width: 280px;
    height: 61px
}

.meeting-agenda-icons ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.meeting-agenda-icons ul li {
    float: left;
    padding-right: 20px
}

.meeting-agenda-icons ul li a {
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat 0 0
}

.meeting-agenda-icons ul li a#btnImport {
    background-position: -420px -175px
}

.meeting-agenda-icons ul li a#btnMaintainAttendees {
    background-position: -420px -140px
}

.meeting-agenda-icons ul li a#btnPreview {
    background-position: -455px -105px
}

.meeting-agenda-icons ul li a#btnGenerateBook {
    background-position: -385px -175px
}

.meeting-agendaitem-icon-published-div p {
    margin: 0;
    padding: 0;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.meeting-agendaitem-allow-download-div span {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.meeting-agendaitem-allow-download-div input {
    margin: 0 5px 0 0;
    padding: 0
}

.meeting-agendaitem-allow-download-div a[id$="lnkViewMeetingPack"] {
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -385px -105px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block>div[id$="pnlAgendaItemsInfo"] {
    float: none;
    clear: both;
    width: 100%;
    height: auto;
    padding: 0;
    border: 0
}

.meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block>div[id$="pnlAgendaItemsInfo"]>div {
    margin-bottom: 15px
}

.agenda-details {
    position: relative;
    float: left;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc
}

.meeting-manager-mymeetings .agenda-details {
    float: none;
    padding: 0;
    border: 0
}

.agenda-details .meeting-agenda-pre-agenda-info-grid table {
    font-size: 90%;
    width: 100% !important;
    border-collapse: collapse;
    background-color: #E8E8E8;
    margin-bottom: 15px
}

.agenda-details .meeting-agenda-pre-agenda-info-grid div[id$="gvAgendaItems_GridHeader"] table {
    margin-bottom: 0
}

.agenda-details .meeting-agenda-pre-agenda-info-grid table th {
    border: 1px solid #fff;
    padding: 5px;
    text-align: left;
    background-color: #444;
    color: #fff;
    font-weight: bold
}

.agenda-details .meeting-agenda-pre-agenda-info-grid table th a {
    color: #fff;
    font-weight: bold
}

.agenda-details .meeting-agenda-pre-agenda-info-grid table td {
    border: 1px solid #ccc;
    padding: 5px
}

.agenda-details .meeting-agenda-pre-agenda-info-grid table td ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.agenda-details .meeting-agenda-pre-agenda-info-grid table td ul li {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #666
}

div[id$="pnlSplAgendaAdminCtrls"]>div img {
    vertical-align: middle
}

div[id$="pnlSplAgendaAdminCtrls"]>div.meeting-agendaitem-icon-published-div {
    margin-bottom: 15px
}

div[id$="pnlSplAgendaAdminCtrls"]>div.meeting-agenda-icons {
    display: block;
    margin: 20px 0;
    text-align: right
}

div[id$="pnlSplAgendaAdminCtrls"]>div.meeting-agenda-icons>span {
    padding: 0 5px;
    border-left: 1px solid #555;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

div[id$="pnlSplAgendaAdminCtrls"]>div.meeting-agenda-icons>span:first-child {
    border-left: none
}

.meeting-agenda-grid .meeting-agenda-grid {
    height: 480px !important
}

.meeting-agenda-grid .meeting-agenda-grid table[id$="mainTable"] {
    margin: 10px 0 0 10px
}

.meeting-agenda-grid .meeting-agenda-grid table[id$="mainTable"]>tbody>tr>td>table>tbody>tr>td {
    padding: 5px 0
}

.meeting-agenda-grid .meeting-agenda-grid label {
    width: 100px;
    padding: 3px 5px 0 0;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.meeting-agenda-grid .meeting-agenda-grid input[type="text"] {
    width: 100%;
    border: 1px solid #999;
    padding: 2px 5px;
    height: 20px
}

.meeting-agenda-grid .meeting-agenda-grid input[type="text"]:hover,
.meeting-agenda-grid .meeting-agenda-grid input[type="text"]:focus {
    border-color: #000
}

.meeting-agenda-grid .meeting-agenda-grid .rcbInputCell input {
    width: auto;
    height: auto;
    border: 0;
    padding: 0
}

.meeting-agenda-grid .meeting-agenda-grid select {
    width: 100%;
    border: 1px solid #999;
    padding: 2px 5px
}

.meeting-agenda-grid .meeting-agenda-grid textarea {
    width: 100%;
    height: 54px;
    border: 1px solid #999;
    padding: 2px 5px;
    resize: none
}

.meeting-agenda-grid .meeting-agenda-grid textarea:hover,
.meeting-agenda-grid .meeting-agenda-grid textarea:focus {
    border-color: #000
}

.meeting-agenda-grid .meeting-agenda-grid .meeting-attendees .meeting-all-attendees {
    width: 250px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.meeting-agenda-grid .meeting-agenda-grid .meeting-attendees .meeting-ex-attendees {
    width: 250px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.meeting-agenda-grid .meeting-agenda-grid .RadListBox {
    width: 230px;
    height: 100px
}

.meeting-agenda-grid .meeting-agenda-grid .RadListBox .rlbGroup {
    overflow-x: scroll;
    border: 1px solid #999;
    width: 180px !important;
    height: 94px !important;
    max-height: 94px !important;
    padding: 2px 5px
}

.meeting-agenda-grid .meeting-agenda-grid .meeting-all-attendees .RadListBox .rlbGroup {
    margin-right: 0 !important
}

.meeting-agenda-grid .meeting-agenda-grid #lstAgendaItemDocuments .rlbGroup {
    width: 450px !important
}

.meeting-agenda-grid .meeting-agenda-grid .meeting-chair-notes-info {
    display: block
}

.agenda-details td.meeting-agenda-action-item {
    text-align: left !important
}

.agenda-details td.meeting-agenda-action-item a[id$="lnkEditAgenda"] {
    float: left;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -210px 0
}

.agenda-details td.meeting-agenda-action-item a[id$="lnkDeleteAgenda"] {
    float: left;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -107px -70px
}

.agenda-details td a#lnkNotesAgenda {
    float: left;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -35px -140px
}

.meeting-agenda-documents-content-table ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.meeting-agenda-documents-content-table ul li {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #666
}

.meeting-manager-meetingdetails .RadGrid .rgClipCells .rgHeader,
.meeting-manager-meetingdetails .RadGrid .rgClipCells .rgFilterRow>td,
.meeting-manager-meetingdetails .RadGrid .rgClipCells .rgRow>td,
.meeting-manager-meetingdetails .RadGrid .rgClipCells .rgAltRow>td,
.meeting-manager-meetingdetails .RadGrid .rgClipCells .rgEditRow>td,
.meeting-manager-meetingdetails .RadGrid .rgClipCells .rgFooter>td {
    font-size: 90%
}

.meeting-manager-meetingdetails .RadGrid .rgClipCells .rgHeader,
.meeting-manager-meetingdetails .RadGrid .rgClipCells .rgHeader a {
    font-weight: bold
}

.ecagenda-view-meeting-book-div fieldset {
    margin: 0 0 20px 0;
    padding: 0;
    border: 0
}

.ecagenda-view-meeting-book-div fieldset legend {
    padding: 0;
    margin: 0;
    font-size: 110%;
    font-weight: bold
}

.meeting-manager-managemeetings .single-checkbox {
    padding-left: 16.6666667%;
    margin: 0 0 15px 0
}

.meeting-manager-managemeetings .meeting-buttons-bottom {
    padding-left: 16.6666667%
}

.meeting-manager-managemeetings .meeting-buttons-bottom #btnSave {
    margin-left: 15px
}

.meeting-import {
    position: relative;
    float: left;
    clear: both;
    width: 896px;
    border: 1px solid #ccc;
    border-bottom: 0;
    padding: 20px 20px 0 20px;
    background-color: #fff
}

.meeting-import-header {
    position: relative;
    float: left;
    clear: both;
    width: 896px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 20px;
    background-color: #fff
}

.meeting-import-content {
    position: relative;
    float: left;
    clear: both;
    width: 896px;
    border: 1px solid #ccc;
    border-top: 0;
    padding: 0 20px 20px 20px;
    background-color: #fff
}

.meeting-import-content fieldset {
    margin: 0 0 20px 0;
    padding: 0;
    border: 0
}

.meeting-import-content fieldset legend {
    padding: 0;
    margin: 0;
    font-size: 110%;
    font-weight: bold
}

.meeting-import-content fieldset select {
    margin-bottom: 10px
}

.meeting-import-content fieldset input[type="text"] {
    width: 388px;
    border: 1px solid #999;
    padding: 2px 5px;
    height: 20px
}

.meeting-import-content fieldset input[type="text"]:hover,
.meeting-import-content fieldset input[type="text"]:focus {
    border-color: #000
}

.meeting-import-content table {
    margin-bottom: 20px
}

.meeting-import-content table td {
    padding: 0 0 5px 0
}

.meeting-import-content table td input {
    margin: 0 5px 0 0;
    padding: 0
}

.pageOptionsContainer {
    position: relative
}

.meeting-manager-meetingdetails .pageOptionsContainer {
    position: static
}

.attendee-details {
    position: relative;
    float: left;
    clear: both;
    width: 896px;
    border: 1px solid #ccc;
    padding: 20px;
    background-color: #fff
}

.attendee-details div.row {
    margin-bottom: 15px
}

.meeting-manager-meetingdetails #btnPublish,
.attendee-details #btnSave {
    position: absolute;
    top: 20px;
    right: 70px
}

.meeting-manager-meetingdetails .buttonGroupTop a#lnkPrintAgenda,
.agenda-details .buttonGroupTop a#lnkPrintAgenda {
    text-indent: -9999px;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -455px -35px
}

.meeting-manager-meetingdetails .buttonGroupTop a#lnkExportToOutlook {
    text-indent: -9999px;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -175px -105px
}

.meeting-manager-meetingdetails .buttonGroupTop a#lnkSnapshot {
    text-indent: -9999px;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -455px -105px
}

.meeting-manager-meetingdetails .buttonGroupTop a#lnkViewMeetingBook {
    text-indent: -9999px;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -385px -105px
}

.meeting-manager-meetingdetails .buttonGroupTop a#lnkDownloadMeetingPack {
    text-indent: -9999px;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/tdcm/icon-sprite.html) no-repeat -385px -35px
}

.meeting-manager-add-edit a[id$="lnkBackToSearchBtn"],
.meeting-manager-add-edit a[id$="btnBackToSearch"],
.meeting-manager-meetingdetails a[id$="lnkBackToMeetings"],
#btnBack {
    margin-right: 0;
    position: absolute;
    top: 20px;
    right: 20px
}

.agenda-details #btnPrintToPDF {
    border: 0;
    background: 0;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    background: url(../images/documenttypeimages/file-pdf.html) no-repeat 0 0
}

.agenda-details #btnPrintToPDF:hover,
.agenda-details #btnPrintToPDF:focus {
    cursor: pointer
}

#page-content .riSingle .riTextBox,
#page-content .RadInput_Telerik .riTextBox,
.divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter input,
#page-content .RadScheduler_Telerik .rsAdvancedEdit .rsAdvInput,
#page-content .RadScheduler_Telerik .rsAdvancedEdit select,
#page-content .RadScheduler_Telerik .rsAdvancedEdit .textareaWrapper,
#page-content .RadInput_Default .riTextBox,
#page-content .RadInputMgr_Default,
.login-element div input[type="text"],
.login-element div input[type="password"] {
    display: block;
    min-width: 30px;
    height: 34px;
    padding: 6px 10px;
    font-size: 100%;
    line-height: 1.428571429;
    color: inherit;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#page-content .RadScheduler_Telerik .rsAdvancedEdit .rsAdvInput {
    display: inline-block
}

#page-content .RadGrid_Elcom,
#page-content .RadGrid_Elcom .rgMasterTable,
#page-content .RadGrid_Elcom .rgDetailTable,
#page-content .RadGrid_Elcom .rgGroupPanel table,
#page-content .RadGrid_Elcom .rgCommandRow table,
#page-content .RadGrid_Elcom .rgEditForm table,
#page-content .RadGrid_Elcom .rgPager table,
#page-content .GridToolTip_Elcom {
    font-family: inherit;
    font-size: 100%;
    border: 1px solid #ddd
}

#page-content .RadGrid_Elcom .rgCommandRow table {
    border: 0
}

#page-content .RadGrid_Elcom {
    border: 0
}

#page-content .RadGrid_Elcom .rgCommandTable {
    border: 0
}

#page-content .RadGrid_Elcom .rgCommandRow {
    background: 0
}

#page-content .RadGrid_Elcom thead .rgCommandCell {
    border-bottom: 0
}

#page-content .RadGrid_Elcom .rgHeader,
#page-content .RadGrid_Elcom th.rgResizeCol {
    background: 0;
    border: 0
}

#page-content .RadGrid_Elcom .rgHeader {
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px
}

#page-content .RadGrid_Elcom .rgHeader,
#page-content .RadGrid_Elcom .rgHeader a {
    color: inherit
}

#page-content .RadGrid_Elcom .rgFilterRow {
    background: #f9f9f9
}

#page-content .RadGrid_Elcom .rgFilterRow>td {
    border: 0;
    border: 1px solid #ddd;
    padding: 8px
}

#page-content .RadGrid_Elcom .rgRow td {
    border: 1px solid #ddd;
    padding: 8px
}

#page-content .RadGrid_Elcom .rgAltRow {
    background: #f9f9f9
}

#page-content .RadGrid_Elcom .rgAltRow td {
    border: 0;
    border: 1px solid #ddd;
    padding: 8px
}

#page-content .RadSplitter_Telerik,
#page-content .RadScheduler_Telerik,
#page-content .RadScheduler_Telerik a,
#page-content .RadScheduler_Telerik input,
#page-content .RadScheduler_Telerik select,
#page-content .RadScheduler_Telerik textarea {
    font: 100% "Raleway", "Helvetica Neue", helvetica, arial, sans-serif;
    color: inherit
}

#page-content .RadSplitter_Telerik,
#page-content .RadSplitter_Telerik .rspPaneTabContainer,
#page-content .RadSplitter_Telerik .rspPane,
#page-content .RadSplitter_Telerik .rspResizeBar,
#page-content .RadSplitter_Telerik .rspSlideContainerResize,
#page-content .RadSplitter_Telerik .rspPaneHorizontal,
#page-content .RadSplitter_Telerik .rspResizeBarHorizontal,
#page-content .RadSplitter_Telerik .rspSlideContainerResizeHorizontal {
    border-color: #ddd
}

#page-content .RadScheduler_Telerik .rsHeader,
#page-content .RadScheduler_Telerik .rsHeader ul a:hover,
#page-content .RadScheduler_Telerik .rsHeader ul a:hover span,
#page-content .RadScheduler_Telerik .rsHeader .rsSelected,
#page-content .RadScheduler_Telerik .rsHeader .rsSelected em,
#page-content .RadScheduler_Telerik .rsHeader .rsDatePickerActivator,
#page-content .RadScheduler_Telerik .rsHeader .rsPrevDay,
#page-content .RadScheduler_Telerik .rsHeader .rsNextDay,
#page-content .RadScheduler_Telerik .rsModalBgTopLeft,
#page-content .RadScheduler_Telerik .rsModalBgTopRight,
#page-content .RadScheduler_Telerik .rsModalBgBottomLeft,
#page-content .RadScheduler_Telerik .rsModalBgBottomRight,
#page-content .RadInput_Telerik a.riUp,
#page-content .RadInput_Telerik a.riDown,
#page-content .RadScheduler_Telerik .rsModalWrapper .rsModalButtons a,
#page-content .RadScheduler .rsAdvancedEdit .rsAdvancedSubmitArea a,
#page-content .RadScheduler_Telerik .rsTopWrap .rsAptEditFormWrapper .rsEditOptions a {
    background: 0
}

#page-content .RadScheduler_Telerik .rsModalBgTopLeft,
#page-content .RadScheduler_Telerik .rsModalBgTopRight,
#page-content .RadScheduler_Telerik .rsModalBgBottomLeft,
#page-content .RadScheduler_Telerik .rsModalBgBottomRight {
    background: #fff
}

#page-content .RadScheduler .rsHeader {
    background: 0;
    background: #231f20
}

#page-content .RadScheduler_Telerik .rsHorizontalHeaderTable th,
#page-content .RadScheduler_Telerik .rsSpacerCell,
#page-content .RadScheduler_Telerik .rsAllDayHeader,
#page-content .RadScheduler_Telerik .rsVerticalHeaderWrapper,
#page-content .RadScheduler_Telerik .rsVerticalHeaderTable {
    background: 0;
    background: #ccc
}

#page-content .RadScheduler_Telerik .rsHeader .rsPrevDay,
#page-content .RadScheduler_Telerik .rsHeader .rsNextDay,
#page-content .RadScheduler .rsHeader .rsDatePickerActivator,
#page-content .RadInput_Telerik a.riUp,
#page-content .RadInput_Telerik a.riDown {
    position: relative;
    height: 16px
}

#page-content .RadScheduler_Telerik .rsHeader .rsPrevDay:after,
#page-content .RadScheduler_Telerik .rsHeader .rsNextDay:after,
#page-content .RadScheduler .rsHeader .rsDatePickerActivator:after,
#page-content .RadInput_Telerik a.riUp:after,
#page-content .RadInput_Telerik a.riDown:after {
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: 0;
    text-align: center;
    line-height: 16px
}

#page-content .RadInput_Telerik a.riUp:after,
#page-content .RadInput_Telerik a.riDown:after {
    color: #333
}

#page-content .RadScheduler_Telerik .rsHeader .rsPrevDay:after {
    content: "\f053"
}

#page-content .RadScheduler_Telerik .rsHeader .rsNextDay:after {
    content: "\f054"
}

#page-content .RadScheduler .rsHeader .rsDatePickerActivator:after {
    content: "\f078"
}

#page-content .RadInput_Telerik a.riUp:after {
    content: "\f077"
}

#page-content .RadInput_Telerik a.riDown:after {
    content: "\f078"
}

#page-content .RadScheduler .rsAdvancedEdit .rsAdvBasicControls .rsAdvTimePicker .riTextBox,
#page-content .RadScheduler .rsAdvancedEdit .rsAdvDatePicker input {
    width: 80px !important
}

#page-content .RadScheduler .rsAdvancedEdit fieldset legend {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.4
}

#page-content .RecurrenceEditor .rsAdvRecurrencePatterns,
#page-content .RecurrenceEditor .rsAdvRecurrenceRangePanel,
#page-content .RecurrenceEditor_Telerik ul.rsRecurrenceOptionList {
    border-color: #ddd
}

#page-content .RecurrenceEditor .rsAdvRecurrenceRangePanel li {
    height: auto;
    line-height: 1
}

#page-content .RadScheduler_Telerik input.btn {
    color: #fff;
    padding: 5px 20px
}

#page-content .RadScheduler .rsAdvancedEdit .rsAdvancedSubmitArea a {
    width: auto;
    height: auto
}

#page-content .RadScheduler_Telerik .rsAptCreate,
#page-content .RadScheduler_Telerik .rsMonthView .rsAptCreate {
    background: 0;
    background: #a2ea8a
}

#page-content .RadScheduler .rsHeader ul a {
    line-height: 30px;
    color: #fff
}

#page-content .RadScheduler_Telerik .rsHeader a:hover,
#page-content .RadScheduler_Telerik .rsHeader em {
    color: #fff
}

#page-content .RadScheduler .rsHeader .rsSelected {
    background: #333
}

#page-content .RadScheduler_Telerik .rsContent,
#page-content .RadScheduler_Telerik .rsTopWrap .rsFooter {
    border: 0
}

#page-content .RadTabStrip .rtsLevel {
    overflow: visible;
    float: left
}

#page-content .RadTabStrip ul.rtsUL {
    overflow: visible;
    width: 100%;
    border-bottom: 1px solid #ccc;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#page-content .RadTabStrip ul.rtsUL li.rtsLI {
    overflow: visible;
    float: left;
    margin-bottom: -1px
}

#page-content .RadTabStrip ul.rtsUL li.rtsLI a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

#page-content .RadTabStrip ul.rtsUL li.rtsLI a:hover,
#page-content .RadTabStrip ul.rtsUL li.rtsLI a:focus {
    background-color: #eee;
    border-color: #eee #eee #ddd
}

#page-content .RadTabStrip ul.rtsUL li.rtsLI a.rtsSelected,
#page-content .RadTabStrip ul.rtsUL li.rtsLI a.rtsSelected:hover,
#page-content .RadTabStrip ul.rtsUL li.rtsLI a.rtsSelected:focus {
    color: #3d3d3d;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

#page-content .RadTabStrip ul.rtsUL li.rtsLI a span.rtsOut,
#page-content .RadTabStrip ul.rtsUL li.rtsLI a span.rtsIn,
#page-content .RadTabStrip ul.rtsUL li.rtsLI a span.rtsTxt {
    padding: 0
}

#page-content .RadListBox_Elcom .rlbGroup {
    border: 1px solid #ccc;
    height: 100px
}

.contact-info h1 {
    padding: 0 0 35px 0
}

.contact-info p {
    font-size: 24px;
    font-weight: bold;
    color: #6f6f6f;
    margin: 0
}

.contact-info p.ph-number a:before {
    content: "\f095";
    font-family: FontAwesome;
    margin: 0 20px;
    font-size: 20px
}

.contact-info p.mailid:before {
    content: "\f0e0";
    font-family: FontAwesome;
    margin: 0 10px 0 0;
    font-size: 17px
}

.contact-info.details p {
	float:left;
    width: 24%
}

.contact-info.details p span {
    color: #000;
    font-family: inherit;
    font-weight: 300
}

.contact-info.details p.mailid {
    display: block;
    width: 30%;
}

.white-bg-padding {
    padding: 45px;
    background-color: #fff;
    margin-top: 30px
}

.white-bg-padding h2 {
    font-size: 25px
}

.white-bg-padding h2:after {
    content: "";
    border-bottom: 2px solid #6f6f6f;
    display: block;
    width: 15%;
    min-width: 80px;
    margin: 0 auto;
    padding: 15px 0 0 0
}

.border-tab {
    border: #dcdcdc solid 1px;
    padding: 35px 60px 15px 60px;
    text-align: left
}

.office-details h4 {
    font-size: 20px;
    text-transform: initial;
    font-weight: normal;
    text-align: center;
    display: block
}

.office-details h3 {
    font-size: 18px;
    font-weight: bold
}

.office-details h4:after,
.office-details h3:after {
    display: none
}

.office-details img {
    margin: 10px 0 27px 0
}

body.login {
    background: #efefef;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px
}

.login #info-window {
    width: 460px
}

.login #info-window .login-window {
    width: 100%;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    padding: 126px 40px 40px 40px;
    background: url(../images/useruploadedimages/krost-logo.html) center 30px no-repeat #fff
}

.login #info-window .login-window .content,
#info-window .content {
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    float: none
}

.login #info-window h2 {
    font-size: 27px;
    margin: 0 0 40px 0;
    font-weight: 300
}

.login #info-window .login-window .inner-login-box {
    width: 100%;
    margin: 0
}

.login #info-window .login-input {
    width: 100%;
    margin: 0 0 25px 0
}

.login #info-window .login-window .login-input input {
    width: 100%;
    background-color: #fff;
    border: #dcdcdc solid 1px;
    border-radius: 0;
    padding: 10px;
    min-height: 50px;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    color: #424142;
    box-shadow: none
}

.login #info-window .login-window .login-button input,
.login #info-window .login-window .login-button input:active {
    padding: 14px 36px
}

.login #info-window .content h1 {
    font-size: 27px;
    margin: 0 0 40px 0;
    font-weight: 300;
    border: 0
}

#info-window .error-window {
    width: 100%;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    padding: 40px;
    background: #fff;
    position: relative;
    z-index: 11
}

#info-window .error-window:after {
    background: url(../images/UserUploadedImages/11/error_img.html) no-repeat -200px -10px;
    position: absolute;
    content: "";
    opacity: .05;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    display: block
}

#info-window .error-window .content {
    text-align: center
}

#info-window .error-window h1 {
    background: 0;
    padding: 0;
    border: 0;
    font-size: 165px;
    line-height: normal
}

#info-window .error-window h2:after {
    display: none
}

#info-window .error-window ul li {
    display: inline-block;
    padding: 15px 10px
}

#productInstagramCode {
    padding-bottom: 80px
}

#productInstagram h2 {
    text-transform: lowercase
}

@media(min-width:0) and (max-width:992px) {
    #section-nav {
        margin-bottom: 20px
    }
    #section-nav .navbar-collapse {
        max-height: 340px
    }
    #section-nav #sections-menu {
        position: relative;
        width: auto;
        height: auto;
        margin: 0;
        padding: 10px;
        clip: inherit;
        background: #eee;
        display: block;
        color: inherit
    }
    #section-nav #sections-menu:after {
        content: "\f078";
        font-family: FontAwesome;
        position: absolute;
        top: 10px;
        right: 10px
    }
    #section-nav .navbar-collapse.collapse {
        display: none !important
    }
    #section-nav .navbar-collapse.in {
        display: block !important
    }
    html body .ui-dialog {
        width: 95% !important
    }
    .contact-info.details p {
        display: inline-block;
        width: 100%
    }
}

@media(min-width:0) and (max-width:767px) {
    .padding-top-full {
        padding-top: 45px
    }
    .padding-right-full {
        padding-right: 45px
    }
    .padding-bottom-full {
        padding-bottom: 45px
    }
    .padding-left-full {
        padding-left: 45px
    }
    #header #header-login ul {
        clear: both;
        margin-top: 5px
    }
    #header #header-login ul li:first-child a {
        padding-left: 0;
        border-left: none
    }
    #footer-bottom {
        padding: 20px 0
    }
    #footer-bottom div.align-center {
        text-align: left
    }
    #footer-bottom ul.pull-right {
        float: left !important
    }
    #breadcrumb-panel {
        display: none
    }
    #mypage-wrapper .mypage-stream {
        border: 0;
        padding-left: 0;
        padding-right: 0
    }
    #mypage-wrapper .mypage-profile,
    #socialgroup-wrapper .mypageGroup-profile {
        padding-right: 0
    }
    #mypage-wrapper .mypage-connections,
    #socialgroup-wrapper .group-members-container {
        padding-left: 0
    }
    .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] {
        width: 700px !important
    }
    #divDocListResults .clsSearchParameters {
        padding: 15px 0 0 0
    }
    .EventQuickSearchMain div[id$="pnlEventQuickSearch"] {
        padding-right: 0;
        padding-bottom: 30px
    }
    .EventQuickSearchMain .EventQuickSearchCalendar {
        padding-left: 0
    }
    #calendar-outer .calender-type,
    .event-view-training-details .event-details {
        padding-right: 0
    }
    #calendar-outer .calendar-main,
    .event-view-training-details .event-image,
    .event-view-training-details .button-group,
    .EventSearchResults {
        padding-left: 0
    }
    #calendar-outer .calender-type fieldset .form-group {
        float: left;
        margin-right: 15px
    }
    .SearchCriteria,
    #myAccountArea .clsEventSearchLeft {
        padding-right: 0;
        padding-bottom: 20px
    }
    #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumb,
    #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumbSelected {
        display: block;
        padding-bottom: 5px
    }
    #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumbSeparator {
        display: none
    }
    #divEventRegistration fieldset#pPhone>legend,
    #divEventRegistration fieldset#pFax>legend {
        text-align: left
    }
    .clsFormCreator .clsFormCreator_button,
    div.form-actions,
    #pSavePaymentDetails,
    .clsFormCreator .formCreatorCaptchaTable,
    .clsFormCreator .clsFormCreator_button,
    .clsFormCreator div.clsFormCreator_checkbox,
    .clsFormCreator div.clsFormCreator_checkbox>span,
    .clsFormCreator div.clsMandatory {
        padding-left: 0
    }
    .FormResult .clsSearchParameters {
        padding: 15px 0 0 0
    }
    #PeopleSearch_container div[id$="divSearchRefine"],
    #divPhoneBookDetail .clsPhotoandContact {
        padding-right: 0
    }
    #PeopleSearch_container div[id$="divPeopleSearchResults"],
    #divPhoneBookDetail .clsPhoneDetails {
        padding-left: 0
    }
    #divPhoneBookDetail .clsPhotoandContact {
        padding-bottom: 20px
    }
    #locatorContainer #SearchFilter {
        padding-right: 0
    }
    #locatorContainer .dealer-search-results {
        padding-left: 0
    }
    .meeting-manager-managemeetings .single-checkbox {
        padding-left: 0
    }
    .meeting-manager-managemeetings .meeting-buttons-bottom {
        padding-left: 0
    }
}

@media(min-width:0) and (max-width:480px) {
    .event-view-training-details .event-image img {
        width: 100%
    }
}