/*  
Template name: Simple Magazine
Template URI: http://templates.arcsin.se/simple-magazine-website-template/
Release date: 2009-08-02
Last updated: 2009-08-10
Description: A simple and lightweight magazine styled website template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/


/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, select {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

input {
    margin: 0;
    padding: 0;
    border: solid 1px #999;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    padding: 5px;
}


    /*input[type=checkbox] {

 -ms-transform: scale(1.5); 
 -moz-transform: scale(1.5);
 -webkit-transform: scale(1.5); 
 -o-transform: scale(1.5); 
  padding: 10px;
  border: solid 1px #eee;
}*/

    input[type=radio] {
        -ms-transform: scale(1.25); /* IE */
        -moz-transform: scale(1.25); /* FF */
        -webkit-transform: scale(1.25); /* Safari and Chrome */
        -o-transform: scale(1.25); /* Opera */
        padding: 10px;
        border: solid 1px #eee;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

table, td, th {
    vertical-align: middle;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: none;
}

:focus {
    outline: 0;
}


/* 
   General 
------------------------------------------------------------------- */

html {
    height: 100%;
    padding-bottom: 1px; /* force scrollbars */
}

body {
    background: #FFF;
    color: #334;
    font: normal 75% Verdana, Tahoma, sans-serif;
    line-height: 1.5;
}


/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 0.3em;
}

h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-size: 2.6em;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.25em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1em;
}

    h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
        margin: 0;
    }


/* Links */

a:focus, a:hover {
    color: #357;
}

a {
    color: #357;
    text-decoration: underline;
}

    a.feed {
        background: url('images/icon-feed.gif') no-repeat left center;
        padding-left: 10px;
    }

    /* More links */
    a.more {
        color: #579;
        font-weight: bold;
    }

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


/* Text elements */

p {
    margin-bottom: 1em;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin-bottom: 1.5em;
}

blockquote {
    margin: 1.5em;
}

del, blockquote {
    color: #666;
}

em, dfn, blockquote, address {
    font-style: italic;
}

strong, dfn {
    font-weight: bold;
}

sup, sub {
    line-height: 0;
}

pre {
    margin: 1.5em 0;
    white-space: pre;
}

pre, code, tt {
    font: 1em monospace;
    line-height: 1.5;
}


/* Lists */

li ul, li ol {
    margin-left: 1.5em;
}

ul, ol {
    margin: 0 0 1.5em 1.5em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5em 0;
}

    dl dt {
        font-weight: bold;
    }

dd {
    margin-left: 1.5em;
}



/* Special lists */

ul.plain-list li, ul.nice-list li, ul.tabbed li {
    list-style: none;
}

ul.tabbed {
    display: inline;
    margin: 0;
}

    ul.tabbed li {
        float: left;
    }

ul.plain-list {
    margin: 0;
}

ul.nice-list {
    margin-left: 0;
}

    ul.nice-list li {
        list-style: none;
        border-top: 1px solid #EEE;
        padding: 2px 0;
    }

        ul.nice-list li:first-child {
            border-top: none;
        }

        ul.nice-list li .right {
            color: #999;
        }




/* Tables */

table {
    width: 100%;
}

th {
    font-weight: bold;
}

thead th {
    background: #18bc9c;
    color: #fff;
}

thead tr {
    border-bottom: 5px solid #fff;
}

th, td, caption {
    padding: 1px 1px 1px 1px;
    vertical-align: top;
}

tr.even td {
    background: #F2F6FA;
}

tfoot {
    font-style: italic;
}

caption {
    background: #EEE;
}

table.data-table {
    border: 1px solid #CCB;
    margin-bottom: 2em;
    width: 100%;
}

    table.data-table th {
        background: #F0F0F0;
        border: 1px solid #DDD;
        color: #555;
        text-align: left;
    }

    table.data-table tr {
        border-bottom: 1px solid #DDD;
    }

    table.data-table td, table th {
        padding: 1px;
    }

    table.data-table td {
        background: #F6F6F6;
        border: 1px solid #DDD;
    }

    table.data-table tr.even td {
        background: #FCFCFC;
    }


/* Misc classes */

.small {
    font-size: 0.9em;
}

.smaller {
    font-size: 0.8em;
}

.smallest {
    font-size: 0.7em;
}

.large {
    font-size: 1.15em;
}

.larger {
    font-size: 1.25em;
}

.largest {
    font-size: 1.35em;
}

.hidden {
    display: none;
}

.quiet, .quiet a {
    color: #CCCCCC;
}

.loud, .loud a {
    color: #000;
}

.highlight, .highlight a {
    background: #ff0;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-separator {
    padding: 0 5px;
}

.error, .notice, .success {
    border: 1px solid #DDD;
    margin-bottom: 1em;
    padding: 0.6em 0.8em;
}

.error {
    background: #FBE3E4;
    color: #8A1F11;
    border-color: #FBC2C4;
}

    .error a {
        color: #8A1F11;
    }

.notice {
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}

    .notice a {
        color: #514721;
    }

.success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}

    .success a {
        color: #264409;
    }


/* 
   Forms 
------------------------------------------------------------------- */

label {
    font-weight: bold;
    cursor: pointer;
}

fieldset {
    padding: 2px;
    margin: 0 0 2px 0;
    border: 1px solid #ccc;
}

legend {
    font-weight: bold;
    font-size: 1.2em;
}

textarea {
    overflow: auto;
}

input.text, textarea, select {
    /*background: #FCFCFC;
    border: 1px inset #fff;
    margin: 0;
    padding: 0;*/
    font-weight: bold;
}

    input.text:focus, textarea:focus, select:focus {
        background: #FFFFF5;
    }

input.button {
    background: #DDD;
    border: 1px outset #AAA;
    padding: 2px 3px;
}

    input.button:active {
        border-style: inset;
    }

.form-error {
    border-color: #F00;
}


/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.center, .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* Images */

img.bordered, img.alignleft, img.alignright, img.aligncenter {
    background-color: #FFF;
    border: 1px solid #DDD;
    padding: 3px;
}

img.alignleft, img.left {
    margin: 0 1.5em 1em 0;
}

img.alignright, img.right {
    margin: 0 0 1em 1.5em;
}


/* Floats */

.left, .alignleft {
    float: left;
}

.right, .alignright {
    float: right;
}

.clear, .clearer {
    clear: both;
}

.clearer {
    display: block;
    font-size: 0;
    line-height: 0;
    height: 0;
}


/* 
   Separators 
------------------------------------------------------------------- */

.content-separator, .archive-separator {
    background: #D5D5D5;
    clear: both;
    color: #FFE;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
}

.content-separator {
    margin: 20px 0;
}

.archive-separator {
    margin: 10px 0;
}


/* 
   Posts 
------------------------------------------------------------------- */

.post a {
    text-decoration: none;
}

    .post a:hover {
        text-decoration: underline;
    }

.post img.left, .post img.right {
    margin-bottom: 0;
}

.post-date {
    color: #777;
    margin: 2px 0 10px;
}

    .post-date a {
        color: #444;
    }

.post-title h1, .post-title h2, .post-title h3 {
    margin-bottom: 0;
}

.post-meta {
    background: #F6F6F6;
    border: 1px solid #DDD;
    color: #777;
    padding: 6px 10px;
}

    .post-meta a {
        color: #345;
    }

        .post-meta a:hover {
            color: #001;
        }

.post-body {
    font-size: 1.1em;
}

    .post-body a {
        color: #039;
    }

        .post-body a:hover {
            color: #039;
        }

    .post-body img.left, .post-body img.right {
        margin-bottom: 1em;
    }



/* Archives */
.archive-pagination {
    margin-bottom: 16px;
}

.archive-post-date {
    background: #F5F5F5;
    border-bottom: 1px solid #C5C5C5;
    border-right: 1px solid #CFCFCF;
    float: left;
    margin-right: 12px;
    padding: 2px 0 5px;
    text-align: center;
    width: 46px;
}

.archive-post-title .post-date {
    margin: 0;
}

.archive-post-title {
    padding-top: 4px;
}

.archive-post-day {
    font: normal 1.6em Georgia,serif;
}


/* 
   Layout 
------------------------------------------------------------------- */

/* General */
.center-wrapper {
    margin: 0 auto;
    width: 1100px;
}

@media (max-width: 1120px) {
    /* For mobile phones: */
    .center-wrapper {
        width: 100%;
        padding: 0 8px;
    }
}
/* Network */
#network {
    background: #EEE;
}

    #network .left {
        color: #333;
        padding: 6px 0;
    }

    #network .tabbed a {
        display: block;
        padding: 6px 10px 7px;
        text-decoration: none;
        color: #666;
    }

    #network li a:hover {
        background: #F6F6F6;
        color: #000;
    }

    #network li.current-tab a {
        background: #FFF;
        font-weight: bold;
    }

    #network .text-separator, #network span {
        color: #999;
    }


/* Toolbar */
#toolbar {
    padding: 6px 0 4px 0;
    font-size: 1.1em;
    color: #999;
    float: right;
    width: 699px;
    text-align: right;
}

    #toolbar img {
        vertical-align: middle;
    }


/* Header */

#header {
    margin-bottom: 12px;
    /*border-bottom: 1px solid #CCC;*/
}

/* Site title */
#site-title {
    font: normal 1.6em Verdana, Calibri, Tahoma, serif;
    padding-bottom: 2px;
    float: left;
    width: 200px;
}

    #site-title span {
        color: #999;
    }

    #site-title a {
        color: #000;
        text-decoration: none;
    }


/* Navigation */

#navigation {
    /*margin-bottom: 12px;*/
    display: block;
}

    #navigation a {
        display: block;
        text-decoration: none;
    }

/* Main navigation */

#main-nav a {
    color: #888;
    font-size: 1.6em;
    padding: 0px 20px;
}

#main-nav li {
    background: url('/images/navigation-separator.gif') no-repeat left center;
}

    #main-nav li:first-child {
        background: none;
    }

    #main-nav li.current-tab a, #main-nav a:hover {
        color: #002;
    }

    #main-nav li.current-tab a {
        background: url('/images/navigation-arrow.gif') no-repeat center bottom;
    }


/* Subnav */

/*#sub-nav {
    background: #DDEDF7;
    padding: 0 2px;
}

    #sub-nav a {
        color: #678;
        font: bold 1.2em sans-serif;
        padding: 5px;
    }

        #sub-nav li.current-tab a, #sub-nav a:hover {
            color: #223;
        }*/


/* Main */

.main {
    margin-bottom: 18px;
}

    .main#main-three-columns {
        background: url('images/main-three-columns.gif') repeat-y right top;
    }

        .main#main-three-columns .sidebar {
            width: 193px;
        }

        .main#main-three-columns #main-left {
            width: 520px;
        }

    .main#main-two-columns {
        background: url('images/main-two-columns.gif') repeat-y right top;
    }

        .main#main-two-columns .sidebar {
            width: 260px;
        }

        .main#main-two-columns #main-left {
            width: 671px;
        }

.sidebar a {
    text-decoration: none;
}

    .sidebar a:hover {
        text-decoration: underline;
    }

#sidebar-1 {
    margin-left: 37px;
}

/* Columns */
.col3 {
    width: 32%;
}

.col3-mid {
    margin-left: 2%;
}

/* Sidebar */

#sidebar-wrapper {
}

#sidebar {
}


/* Sidebar sections */
.section {
    margin-bottom: 16px;
}

.section-title {
    background-color: #F2F6FA;
    border-top: 2px solid #ABC;
    font: bold 1.1em sans-serif;
    margin-bottom: 5px;
    min-height: 0;
    padding: 5px 8px 6px;
}

.network-section .section-title {
    background-color: #F6F6F6;
    border-color: #D6D6D6;
}


/* Dashboard */

#dashboard {
    background: #FAFAFA url('images/dashboard.gif') repeat-y left top;
    border: 1px solid #E7E7E7;
    font-size: smaller;
}

    #dashboard .column {
        width: 244px;
    }

    #dashboard #column-4 {
        border-right: none;
    }

    #dashboard .column-content {
        padding: 4px 6px;
    }

    #dashboard .column-title {
        color: #666;
        font-size: 1.4em;
        font-weight: bold;
        padding-bottom: 5px;
    }

    #dashboard a {
        color: #456;
    }

        #dashboard a:hover {
            color: #000;
        }


/* Footer */

#footer {
    padding: 2px 0;
    font-size: small;
}

    #footer a {
        color: #579;
        text-decoration: none;
    }

    #footer .right, #footer .right a {
        color: #999;
        text-decoration: none;
    }

    #footer .text-separator {
        padding: 0 2px;
        color: #BBB;
    }

    #footer a:hover {
        color: #000;
    }


/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */

.noborder {
    border: 0;
}

.notborder {
    border-top: 0;
}

.norborder {
    border-right: 0;
}

.nobborder {
    border-bottom: 0;
}

.nolborder {
    border-left: 0;
}

/* Margin */

.nomargin {
    margin: 0;
}

.notmargin {
    margin-top: 0;
}

.normargin {
    margin-right: 0;
}

.nobmargin {
    margin-bottom: 0;
}

.nolmargin {
    margin-left: 0;
}

/* Padding */

.nopadding {
    padding: 0;
}

.notpadding {
    padding-top: 0;
}

.norpadding {
    padding-right: 0;
}

.nobpadding {
    padding-bottom: 0;
}

.nolpadding {
    padding-left: 0;
}

/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.HiddenColumn {
    display: none;
    visibility: hidden;
}


/* Single line IE fix */
* html #sub-nav, * html .section-title, * html .main {
    height: 0.01%;
    min-height: 0.01%;
}

/************************ Back Button *********************/
.buttonBack {
    /*display: block;
    width: 250px;
    height: 50px;
    text-indent: -9999px;*/
}

    .buttonBack a {
        color: #FFF;
        /*display: block;
        width: 100%;
        height: 100%;
        background: url(../images/Back.jpg) no-repeat top left;
        outline: none;*/
    }

        .buttonBack a:hover {
            color: #FFF;
            text-decoration: none;
        }

/************************ Login Button *********************/
.buttonLogin {
    display: block;
    width: 250px;
    height: 50px;
    text-indent: -9999px;
}

    .buttonLogin a {
        display: block;
        width: 100%;
        height: 100%;
        background: url(../images/Login.jpg) no-repeat top left;
        outline: none;
    }

        .buttonLogin a:hover {
            background-position: 0 -50px;
        }

/************************ Reset Button *********************/

#btnReset {
    /*border-style: none;
    border-width: 0px;
    display: block;
    width: 150px;
    height: 50px;
    background: url(../images/Reset.jpg) no-repeat top left;
    outline: none;*/
    border-width: 0px;
    width: 100px;
    height: 40px;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    border-radius: 5px;
    font-weight: bold;
}

    #btnReset:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

/************************ Register Button *********************/
.buttonRegister {
    display: block;
    width: 300px;
    height: 50px;
    text-indent: -9999px;
}

    .buttonRegister a {
        display: block;
        width: 100%;
        height: 100%;
        background: url(../images/Register.jpg) no-repeat top left;
        outline: none;
    }

        .buttonRegister a:hover {
            background-position: 0 -51px;
        }

/************************ Register Short Button *********************/
.buttonRegShort {
    /*display: block;
    width: 150px;
    height: 50px;
    text-indent: -9999px;*/
}

    .buttonRegShort a {
        color: #FFF;
        /*display: block;
        width: 100%;
        height: 100%;
        background: url(../images/RegisterShort.jpg) no-repeat top left;
        outline: none;*/
    }

        .buttonRegShort a:hover {
            /*background-position: 0 -50px;*/
            text-decoration: none;
            color: #FFF;
        }
/************************ Back Button on ThankYou2 Page *********************/
#hlEL1 {
    text-decoration: none;
}
/************************ Print Button *********************/
.buttonPrint {
    display: block;
    width: 250px;
    height: 50px;
    text-indent: -9999px;
}

    .buttonPrint a {
        display: block;
        width: 100%;
        height: 100%;
        background: url(../images/Print.png) no-repeat top left;
        outline: none;
    }

        .buttonPrint a:hover {
            background-position: 0 -50px;
        }

.buttonVolunteer {
    width: 100%;
    height: 50px;
    background: url(../images/Volunteer.png) no-repeat top left;
}

.buttonFeedback {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/Feedback.png) no-repeat top left;
    outline: none;
}


.buttonTechSupport {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/TechSupport.png) no-repeat top left;
    outline: none;
}

.btnContinueToEventRegistration {
    /*border-style: none;
    border-width: 0px;
    background-position: left top;
    display: block;
    width: 300px;
    height: 50px;
    background: url(../images/Register.jpg) no-repeat top left;
    outline: none;*/
    border-width: 0px;
    background-position: left top;
    display: block;
    width: 300px;
    height: 40px;
    border-radius: 5px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-weight: bold;
}

    .btnContinueToEventRegistration:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }


.btnSaveNContinue {
    /*border-style: none;
    border-width: 0px;
    background-position: left top;
    display: block;
    width: 375px;
    height: 50px;
    background: url(../images/SaveAndCont.png) no-repeat top left;
    outline: none;*/
    border-width: 0px;
    background-position: left top;
    display: block;
    width: 300px;
    height: 40px;
    border-radius: 5px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-weight: bold;
}

    .btnSaveNContinue:hover {
        /*background-position: 0 -54px;*/
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

.btnAddNew {
    /*border-style: none;
    border-width: 0px;
    background-position: left top;
    display: block;
    width: 275px;
    height: 50px;
    background: url(../images/AddNewMEmber.png) no-repeat top left;
    outline: none;*/
    border-width: 0px;
    width: 275px;
    height: 40px;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    border-radius: 5px;
    font-weight: bold;
}

    .btnAddNew:hover {
        /*background-position: 0 -51px;*/
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

.btnDelete {
    /*border-style: none;
    border-width: 0px;
    background-position: left top;
    display: block;
    width: 275px;
    height: 50px;
    background: url(../images/DeleteMembers.png) no-repeat top left;
    outline: none;*/
    border-width: 0px;
    width: 275px;
    height: 40px;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    border-radius: 5px;
    font-weight: bold;
}

    .btnDelete:hover {
        /*background-position: 0 -51px;*/
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }


.btnSave {
    /*border-style: none;
    border-width: 0px;
    background-position: left top;
    display: block;
    width: 125px;
    height: 50px;
    background: url(../images/Save.png) no-repeat top left;
    outline: none;*/
    border-width: 0px;
    width: 125px;
    height: 40px;
    border-radius: 5px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-weight: bold;
}

    .btnSave:hover {
        /*background-position: 0 -51px;*/
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

.btnCancel {
    /*border-style: none;
    border-width: 0px;
    background-position: left top;
    display: block;
    width: 125px;
    height: 50px;
    background: url(../images/Cancel.png) no-repeat top left;
    outline: none;*/
    border-width: 0px;
    width: 125px;
    height: 40px;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    border-radius: 5px;
    font-weight: bold;
}

    .btnCancel:hover {
        /*background-position: 0 -51px;*/
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

.divLeft {
    float: left;
}

.divRight {
    float: right;
}



/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

    .modalPopup p {
        padding: 5px;
    }

.text-size {
    padding: 0 5px;
    background-color: #d43f3a;
    color: #fff;
    border-right: 2px solid #fff;
    outline: none;
    display: table-cell;
    cursor: pointer;
    margin-right: 2px;
    text-align: center;
    width: 25px;
}

#plus1text {
    font-size: .9em;
}

#plus2text {
    font-size: 1.3em;
}

#plus3text {
    font-size: 1.6em;
}

#acc-text {
    padding-bottom: 5px;
    padding-left: 20px;
}

    #acc-text .active {
        background-color: #DDD;
        color: #666;
    }


.lmhtkid
{
    border: 1px solid #aaa;
    /* border-style: groove; */
    border-radius:2px;
    margin-bottom: 5px;
}

.ymhtkid
{
    border: 1px solid #aaa;
    /* border-style: groove; */
    border-radius:2px;
    margin-bottom: 5px;
}

.margin-top-5
{
    margin-top: 5px;
}

.radioButtonList input[type="radio"] {
    margin-right: 5px;
}

.widthM
{
    width: 250px !important;
}

.chkbox, .chkbox input[type="checkbox"]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */
  /*padding: 10px; - causing problems with consent check boxes for LMHT so disable*/
}

.activityExpired
{
    color: #f00;
    font-weight:bold;
    font-style:italic;
}

.material-icons.md-xs { font-size: 15px;  cursor:default; color: #00f;}

/* Breadcrumb (2) styles - start used breadcrumb2 to avoid conflict with bootstrap css's breadcrumb */

.breadcrumbDiv
{
    padding: 5px 0 !important;
    font-size: 15px !important;
}
.breadcrumbDiv ul
{
    margin: 0 !important;
}
.breadcrumb2 {
    padding: 0px !important;
	background: #D4D4D4;
	list-style: none; 
	overflow: hidden;
    margin-top: 20px;
}
.breadcrumb2>li+li:before {
	padding: 0;
}
.breadcrumb2 li { 
	float: left; 
}
.breadcrumb2 li.bcactive a {
	background: brown;                   /* fallback color */
	background: #ffc107 ; 
}
.breadcrumb2 li.bccompleted a {
	background: brown;                   /* fallback color */
	background: hsla(153, 57%, 51%, 1); 
}
.breadcrumb2 li.bcactive a:after {
	border-left: 30px solid #ffc107 ;
}
.breadcrumb2 li.bccompleted a:after {
	border-left: 30px solid hsla(153, 57%, 51%, 1);
} 

.breadcrumb2 li a {
	color: black;
	font-family: verdana;
	text-decoration: none; 
	padding: 10px 0 10px 45px;
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb2 li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsla(0, 0%, 83%, 1);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb2 li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
.breadcrumb2 li:first-child a {
	padding-left: 15px;
}
.breadcrumb2 li a:hover { background: #ffc107  ; }
.breadcrumb2 li a:hover:after { border-left-color: #ffc107   !important; }

/* Breadcrumb styles - end*/


 .hotelMemName
 {
     padding: 8px 3px !important;
 }

 .rcn
 {
     width: 210px !important;
 }

/* Bootstrapper Model dialogs on LMHT/YMHT pages */
.modal
{
   font-family: Verdana;
}

.modal .modal-header
{
	background-color: #E1E1E1;
}

.modal .modal-footer .btn-default
{
    color: white;
	background-color: #337AB7;
}

.paddingTop12
{
    padding-top: 12px;
}

.subheader {
    font-size: 18px;
    font-weight: bold;
    padding-left: 40px !important;
}

.recipientType
{
    margin-top:7px;
}
.recipientType label, .activities label
{
    padding-left: 5px;
}

.col-md-9 input[type="checkbox"]
{
    margin-top: 13px;
}

.activities
{
    margin-top: 12px;
}

.ccImage {
    float: left;
    padding-right: 5px;
    margin-top: 10px;
}
.active {
    opacity: 1.0 !important;
}
.inactive {
    opacity: 0.4;
}

.inputErrorState {
    border: 2px solid red !important;
}

.actionLink {

}

.paddingRight10 {
    padding-right: 10px;
}

.hotelRoom {
    background-color: #efefef;
    padding: 10px;
    margin-bottom: 10px;
}

.center {
    text-align: center !important;
}

.col {
    padding: 2px;
    border-bottom: 1px solid #d8d8d8;
}
.hotels {

}
.hotel {
    margin: 10px 0;
    padding: 5px 0;
    border-top: 1px solid navy;
}
.hotelName {
    font-size: 1.1em;
    font-weight:bold;
}
.roomTypes {
    margin: 5px 0;
}
.roomTypeStatuses {
    margin: 5px;
    background-color: #e8e8e8;
}
.roomTypeAttendee{
    margin: 5px 0;
}

.roomDateStatuses {
    padding: 5px;
    border: 1px solid #d4d4d4;
}

.selectRoom {
    padding: 5px 0 10px 5px;
    border-bottom: 1px solid #888;
    background-color: yellow;
}
.radioLabel {
    font-size: 1.2em;
    font-weight: bold;
    color: navy;
    padding-top: 28px;
}
.bold {
    font-weight: bold;
}

.tableDiv .table th { color: #ffffff; background-color: #18bc9c; border-color: #18bc9c; }
.tableDiv .table td { color: #000; background-color: #fff; }

.Grid { background-color: #fff; margin:0 0 10px 0 !important; border-collapse:collapse; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif }
.Grid th  { color: #ffffff; background-color: #18bc9c; border-color: #18bc9c; text-align:center;}
.Grid td { padding: 2px; border: solid 1px #ddd !important; text-align:center; }
.Grid .alt {  } 
.Grid .pgr {  }
.Grid .pgr table { margin: 3px 0; }
.Grid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
.Grid .pgr a { color: Gray; text-decoration: none; }
.Grid .pgr a:hover { color: #000; text-decoration: none; }

.table1 th { padding:8px; vertical-align:middle !important; line-height:1.2 !important;}
.table1 td { color: #000; padding: 10px 5px 5px 5px; line-height:1.3 !important; border-bottom: 1px solid #f2dede; /*#e8e8e8*/}
.tableNoBottomBorder td { padding-top: 3px; line-height:1 !important;border: 0px !important}

/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.adminLinks {
    padding-bottom:30px;
}
.adminTitle {
    background-color: #e8e8e8;
    padding: 10px;
}
.adminLinkDiv {

}
.adminLink {
    display:block;
    padding: 15px 0 0 10px;
    font-size: 1.1em;
}

.adminLink a {
    color:#357; 
    /* text-decoration:underline; */
}

.radioList { margin: 10px 0 0 0;  }
.radioList input[type="radio"] { margin-top: 0px; padding-top:5px;}
.radioList label { padding: 2px 10px 0 5px; margin-top: -4px;}
.radioList td { padding: 3px; }

.radioNew members tbody tr { border-bottom : none;}

.checkboxList { margin: 10px 0 0 8px; }
.checkboxList input[type="radio"] { margin-top: 0px; padding-top:5px;}
.checkboxList input[type="checkbox"] { margin-top: 0px; padding-top:5px; }
.checkboxList label { padding: 2px 10px 0 5px; margin-top: -4px;}
.checkboxList td { padding: 3px; }
.checkboxList td label { font-weight: normal !important; }

.listbx {
    margin: 5px 5px 5px 0;
    padding: 5px;
    background-color: #fff;
    border: solid 1px #dedede;
}

.paddingLeft0 {
    padding-left: 0px !important;
}

/* Horiz radio list in Send Notifications */
.radioListHoriz {
    margin: 4px 5px;
    width: auto;
}
.radioListHoriz td {
    padding: 5px;
}
.radioListHoriz td label {
    padding-left: 5px;
}

.fullwidth {
    width: 100%;
}

.paddingTop5 {
    padding-top: 5px !important;
}

/* to show dropdown properly */
.ms-options-wrap > .ms-options {
    left: inherit !important;
    width: initial !important;
}

.ms-options-wrap, .ms-options-wrap * {
    border-width: 1px;
    border-radius: 4px;
    border-color: #888 !important;
}

.dropdown_container {
    width: 110px;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ddDisab {
    width: 100%;
}

.radioList {
    margin-top: 0px !important;
}

.radioList td {
    border-width: 0px !important;
}

.radioList td label {
    font-weight: normal !important;
}

.tbl-collapsed { 
    border-width: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;

}

    .tbl-family-list td {
        padding: 0px;
    }

.ardpdates {
    display:inline-block;
    float:left;
    padding: 0 10px 5px 0;
}

.inline-input {
    margin-top: -4px;
    border-width: 1px !important;
    padding: 3px !important;
}

#divEventSessionsInfo {
    display: inline-block;
    text-align: center;
    padding-bottom: 10px;
    width: 100%;
}

.tbl {
    display: table;    
    border-collapse: collapse;
    width: 100%;
}
.sMainRow {
    border-top: 1px solid #ccc;
}
.sMainRow:first-child {
    border-top: 0px !important;
}
.sCol {
	display:table-cell;
	vertical-align:top;
    width: 275px;
    border-right: 1px solid #ddd;
    padding: 0 0 5px 0 !important;
    border-bottom: 1px solid #ddd;
}
    .sCol:first-child {
        border-left: 1px solid #ddd;
    }    
.sRow {    
    display: table-row;
    float: left;
    padding: 2px 5px;
    width: 100%;
}
    .hd {
        font-weight: bold;
        background-color: #ededed;
    }

.tblwrap {
    width: 100%;
}

.tblwrap tr {
    width: 100%;
}

.tblwrap tr td {
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.tc1 {width:240px;}
.tc4, .tc5, .tc6 {width: 80px;}

.table1 td .noborder { border: 0  !important;}

.dtpickerArr, .dtpickerDep {
    width: 145px;
}

.placewell{
    margin-left: -21px;
    cursor: pointer;
    color: #666;
}

/* EventHotelRegistration 

#RoomTr1 { background-color: #CBFCDC; } 
#RoomTr2 { background-color: #F8D3C3; } 
#RoomTr3 { background-color: #E8CEAD; } 

*/
#RoomTr1 { background-color: #B7E3DC; } /* #F8D3C3 #44B4C2, #F8DFB2 */
#RoomTr2 { background-color: #c7d7cf; } /* #E8CEAD #F0A94D, #FFEABD #FFD77D; border - #F2DEDE #EBC7A1*/
#RoomTr3 { background-color: #dfcdbb; } /* EF7186, #E45642, #D2B188 */

.roomlabel {
    font-size: 1.4em;
    padding-left: 10px;
    font-weight: bold;
    width: 20px;
    word-wrap: break-word;
    letter-spacing:5pt;
    text-align:center;
}

.occupants {
}

.occupants .container {
    width: 100%;
}

.occupants .container div:hover {
    cursor: move;
}

.bBlock:hover {
    cursor: pointer !important;
}

.mBlock {
    padding: 5px;
    margin: 1px;
    background-color: #FFFBD6 !important; /*#81C19E #ddd */
}

.bBlock {
    padding: 5px;
    margin: 1px;
    height: 53px;
    background-color: #eee !important;
}

.slideIcon{
    display: inline;
    padding-right: 5px;
}
.rdPrimary {
    display: block;
    padding-left: 1px;
}
.delIcon {
    margin-top: 7px;
    display: block;
}

.clearIcon {
	color: #2C3E58 !important;
}

.name {                
    font-weight: bold;
    font-size: 1.2em;
}
.fmid {
    padding-top: 2px;
}

.roomTypesRadio div {
    display: block;
}
.roomAccessTypesRadio div {
    display: block;
}

#AddNewMemberDiv td {
    padding-top: 10px;
    border-top: 1px solid #aaa;
}
.searchMember {
    text-align:center;
}
.searchbutton {
    line-height: unset !important;
}
.msearchtextbox{
    position:relative;
    top: 4px;
}

.msearchbtn {
    position: relative;
    top: -16px !important;
}

/* grip icons (EventHotelRegistration move members) */
/* usage: 
    fa-grip-large : <i class="fa fa-grip-large fa-rotate-90"></i> 
    fa-grip <i class="fa fa-grip"></i>
*/
/* \f142 is ellipsis-v */
/* \202F is thin unbreakable space */
.fa.fa-grip:before {
    content: "\f142 \202F \f142 \202F \f142";
}
.fa.fa-grip-large:before {
    content: "\f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142";
}
.gripicon {
    position: absolute;
    left: -20px;
    top: 15px;
    color: #777;
}

.red {
    color: #f00;
    font-weight: bold;
}

.ofam {
    width: 60% !important;
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #ccc;
}
.aleft {
    text-align: left !important;
}
.ofam > .hdr {
    background-color: #aaa;
}

/*.ui-state-highlight {
    border: 2px dashed #999;
    width: 605px;
    height: 53px;
    background: #ccc;
    margin: 10px 0px 50px 0px;
    padding: 8px 0px 10px 6px;
}*/