/* copied from ethicscentre/custom/styles/base.css */

.global-header {
    padding-bottom: 0px;
}

.global-header .header-links {
/*    margin-right: 10%;   */
    margin: auto;
}

/*
.global-header .logo img {
    max-height: 160%;
}
*/

.global-header #header-left img {
    max-height: 65%;
}

.header-cpdlive {
/*    width: 18%;    */
    width: 218px;
    margin-top:   -8px;
    margin-right: 0px;
}


.page-title
{
    padding-top:       0px;
    padding-left:      30px;
    height:            110px;
    /* background-color:  #699AC5; */
    background-color:  rgb( 105, 154, 198 );
    color:             #FFFFFF;
    font-size:         36px;

    margin-right: -15px;
    margin-left:  -15px;

}


.row {
    margin-right: 0px;
    margin-left:  0px;
}

.main-content {
    padding-left: 170px;
    margin-left:  40px;
    margin-top:   -50px;
}

.main-content h1 {
    font-family: SaunaPro-Bold,Calibri,Georgia,serif;
    margin-top:  15px;
    font-size:   36px;
    line-height: 50px;
    font-weight: 600;
}

.main-content h3 {
    font-family: SaunaPro-Bold,Calibri,Georgia,serif;
    font-size:   20px;
}

#space-below-header {
    display: block;
}

#nav-bar {
    float:        left;
    width:        190px;
    border-right: 1px solid #EEEEEE;
    font-size:    14px;
    line-height:  24px;
}

#nav-bar a {
    display: block;
    color:   #212121;
    text-decoration: none;
}

a {
    color: #212121;
}

#nav-bar a:hover {
    color:   #D0006F;
}

#cpdlive-together {
    margin-top: 15px;
}

#session_table {
    padding-top: 10px;
}

.session_table_seminar_name a {
    color:     #000000;
    font-size: 18px;
    text-decoration: none;
}

a:hover {
    color:           #D0006F;
    text-decoration: underline;
}

.cpdlive_seminar_long_description {
    margin-top: 60px;
}

.cpdlive_seminar_long_description p strong {
    color: #212121;
}

.cpdlive_seminar .cpdlive_seminar_panel {
    margin-top:       -10px;
    background-color: rgba( 0, 165, 173, 0.1 );
    border-radius:    10px;
}

#seminar_info {
    width:         80%;
    float:         left;
    padding-right: 5px;
}

#presenter-photo {
    width:          20%;
    float:          left;
    text-align:     right;
    padding-bottom: 10px;
}
 
tbody, tbody td, tbody th {
    border-left:   0px;
    border-right:  0px;
    border-bottom: 0px;
}

tbody tr th {
    background-color: transparent;
}

tbody tr:nth-child(2n) th {
    background-color: transparent;
}

tbody tr:nth-child(2n) td {
    background-color: transparent;
}


input.register_button, input.button {
    font-size:        13px;
    font-weight:      700;
    letter-spacing:   0.5px;
    color:            #FFFFFF;
    background-color: #00A5AD;
}

.cpdlive_register .register_button_holder {
    width:            270px;
    text-align:       left;
    background-color: #00A5AD;
}

.cpdlive_register input.register_button {
    margin-left: 5px;
    padding-right: 40px;
    background-color: #00A5AD;
}


input.register_button:hover, input.button:hover {
    font-size:        13px;
    color:            #FFFFFF;
    /* font-family:      'open_sansbold', sans-serif; */
    text-transform:   uppercase;
    box-shadow:       none;
    border-radius:    5px;
/*  border:           1px; */
/*    border-style:     solid; */
    border-color:     transparent;
    padding:          10px 10px;
    margin-bottom:    0px;
}




/* Responsive design */

#header-left {
    float:        left;
    display:      block;
    padding-top:  0px;
    padding-left: 0px;
    margin-top:   0px;
}

#header-right {
    float:         right;
    display:       block;
    padding-right: 0px;
    margin-top:    0px;
}

.image_1 {
    display: block;
}

.image_2 {
    display: none;
}


@media only screen and (min-width: 64em) {
    .l-content-container {
        margin-top: -20px;
        min-height: 400px;
    }
}


@media(max-width:1170px) {
    div.page-head div.container {
        width: 100%;
    }
    #seminar_info {
        width: 75%;
    }
    #presenter-photo {
        width: 25%;
    }
    .global-header .logo img {
        max-height: 140%;
    }
    .global-header #header-left img {
/*        max-height: 50%;    */
    }
}

@media(max-width:1022px) {
    .header-cpdlive {
/*        width:       30%;    */
        width:       218px;
        margin-top:  0px;
        margin-left: 40%;
    }
    .global-header .logo img {
        float: left:
        max-height: 190%;
    }
    .global-header #header-left img {
/*        max-height: 55%;    */
        margin-top: 10px;
    }
}

@media(max-width:920px) {
    .main-content h1 {
        margin-top:    2px;
        margin-bottom: 10px;
    }
}

@media(max-width:800px) {
    .header-cpdlive {
        width:       218px;
        margin-left: 30%;
/*        max-height: 80px;    */
    }
    #seminar_info {
        width: 70%;
    }
    #presenter-photo {
        width: 30%;
    }
}

@media(max-width:700px) {
    .main-content h1 {
        font-size: 40px;
    }
    #seminar_info {
        width: 60%;
    }
    #presenter-photo {
        width: 40%;
    }
}

@media(max-width:600px) {
    .header-cpdlive {
        width:       218px;
        margin-top:  5px;
        margin-left: 20%;
    }
    .l-content-container {
        margin-top: 0px;
    }
    #nav-bar a {
        display: inline;
    }
    .page-title {
        padding-left: 10px;
    }
    #header-left {
/*        font-size:    28px;
        padding-top:  24px; */
        padding-left: 14px;
    }
    #nav-bar {
        display:       inline-block;
        width:         100%;
        margin-top:    -10px;
        padding-bottom: 5px;
        border-right:  0px;
        border-bottom: 1px solid #EEEEEE;
    }
    #nav-bar a {
        font-size:     13px;
        padding-top:   0px;
        padding-left:  5px;
        padding-right: 5px;
    }
    #space-below-header {
        display: none;
    }
    #cpdlive-together {
        display: none;
    }

    .main-content {
        padding-top:  10px;
        padding-left: 0px;
        margin-left:  5px;
    }
    .main-content h1 {
        font-size: 28px;
    }

    #seminar_info {
        width:         100%;
        float:         left;
        padding-right: 0px;
    }
    #presenter-photo {
        margin-top: 10px;
        width:      130px;
    }
}

@media(max-width:355px) {
    .page-title
    {
        height:      80px;
    }
    #header-left {
        font-size:    28px;
        padding-top:  35px;
/*        margin-top:   -5px;  */
    }
    .image_1 {
        display: none;
    }
    .image_2 {
        display: block;
    }
    .main-content {
        font-size: 24px;
    }
    .main-content h1 {
        font-size:     24px;
        margin-bottom: 0px;
    }
    #nav-bar a {
        font-size:     12px;
        padding-left:  4px;
        padding-right: 4px;
    }
    #session_table {
        padding-top: 0px;
    }
}

/*


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.row-spacer:before,
.row-spacer:after {
  content: " ";
  display: table;
}

.row-spacer:after {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

*/


/*** page loading spinner ***/

#loader {
    display:           none;
    float:             right;
    margin-top:        8px;
    margin-left:       -50px;
    margin-right:      18px;
    border:            2px solid #68167C;
    border-radius:     50%;
    border-top:        2px solid #FFFFFF;
    width:             20px;
    height:            20px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation:         spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


div.feedback-form table {
    margin-top: 0px;
}