/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Header logo
If you require a Site title and a logo, an example of how to do this is provided below (use your own logo):

#site-title a {
  display: inline-block;
	padding-left 60px;
  background: url(../img/logo.png) 0 0 no-repeat;
}
*/

/*
Main content
*/

#content article {
  margin-bottom: 40px
}
#content header {
  margin: 20px 0
}
#content section {
  margin-bottom: 20px
}
#content footer {
  padding-bottom: 20px
}

/*
Sidebar
*/

.sidebar {
  margin-top: 20px
}
.sidebar section {
  margin-bottom: 40px
}
.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ 

/*
Comments
*/

#respond {
  margin-top: 40px
}
ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/*
Site footer
*/

.site-footer ul,
.site-footer ol {
  list-style-type: none;
  padding: 0
}
.site-footer li {
  margin: 10px 0
}
.site-sub-footer p {
  text-align: center
}

.site-footer p {
  text-align: center
}

/* Event Listing CSS */

.calendarIconContainer {
    float: left;
    padding-right: 6px;
    height: 78px;
	width: 10%;
}
.eventListPage .eventLayout {
    float: right;
   /* max-width: 580px; */
       width: 90%;
}
.eventLayout, .orderHistoryLayout {
    font-size: 13px;
    border-top: 1px solid #234781;
    border-left: 1px solid #234781;
    border-right: 1px solid #234781;
    margin-top: 10px;
}
.eventItem, .oh_item {
    display: inline-flex;
    width: 100%;
    background: #EEF0F5;
    padding: 5px 10px;
    clear: both;
    border-bottom: 1px solid #234781;
}
.calendarIcon {
    margin: 3px 10px 10px 0;
    padding-top: 8px;
    float: left;
    width: 55px;
    background: #ededef;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));
    background: -moz-linear-gradient(top, #ededef, #ccc);
    font: bold 20px/40px Arial Black, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #000;
    text-shadow: #fff 0 1px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    -moz-box-shadow: 0 2px 2px #888;
    -webkit-box-shadow: 0 2px 2px #888;
    box-shadow: 0 2px 2px #888;
}
.calendarIcon:before {
    left: 7px;
}
.calendarIcon em {
    display: block;
    font: normal bold 10px/20px Arial, Helvetica, sans-serif;
    padding-left: 1px;
    padding-right: 1px;
    color: #fff;
    text-shadow: #00365a 0 -1px 0;
    background: #234781;
    background: -webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a));
    background: -moz-linear-gradient(top, #234781, #00365a);
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #00365a;
}
.calendarIcon em:before, .calendarIcon em:after {
    content: '';
    float: left;
    position: absolute;
    top: -3px;
    width: 2px;
    height: 10px;
    background: #dadada;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
    background: -moz-linear-gradient(top, #f1f1f1, #aaa);
    z-index: 2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.eventImage {
    display: inline-block;
    width: 20%;
    padding: 0px 10px;
    float: left;
    text-align: center;
}
.eventListPage .eventLayout .eventItem .eventDetail {
    /* max-width: 430px; */
}
.eventDetail {
    display: inline-block;
    width: 80%;
    float: left;
}
.eventDetail div {
    margin-bottom: 10px;
}

.eventTitle a {
    /* font-size: 1.1em; */
    font-weight: bold;
}
.eventDetail div {
    margin-bottom: 10px;
}
p.eventCategories {
   /* font-size: 1em; */
}
.eventRegisterBox {
    margin-top: 20px;
}
.layout p.calendarIcon {
    font-size: 12px !important;
    line-height: 1.3em;
    margin: 1em 0;
}
input.eventRegisterButton, a.eventRegisterButton {
    background-color: #234781;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#97A8C3), to(#234781));
    background: -webkit-linear-gradient(#97A8C3, #234781);
    background: -moz-linear-gradient(#97A8C3, #234781);
    background: -ms-linear-gradient(#97A8C3, #234781);
    background: -o-linear-gradient(#97A8C3, #234781);
    background: linear-gradient(#97A8C3, #234781);
    -pie-background: linear-gradient(#97A8C3, #234781);
    border: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 1em;
    padding: 5px 8px;
    color: white;
    font-weight: bold;
    margin: 10px;
    line-height: 1.5em;
    text-decoration: none;
    cursor: pointer;
}
br.clearBoth {
    clear: both;
}
.calendarIconMonth, .calendarIconDay {
    display: block;
}
input#keywordSearch, select#categoryDropdown {
    margin-right: 32px;
}
input#keywordSearch, select#categoryDropdown, select#availabilityDropdown {
    width: 30%;
    display: inline-block;
}
p.no-data {
	margin: 60px auto;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
}
div.eventNavigation {
    margin-top: 20px;
	margin-bottom: 20px;
}
div.eventNavigationItem {
    display: inline;
    min-height: 16px;
    vertical-align: central;
}
div.eventNavigationItem a {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0px 18px;
    display: inline-block;
    min-height: 16px;
    vertical-align: central;
}

div.eventNavigationItem a.allCategories {
    background: url(../images/icon_all_categories.gif) no-repeat left center;
}
div.eventNavigationItem a.allDates {
    background: url(../images/icon_dates.gif) no-repeat left center;
}
div.eventNavigationItem a.inPerson {
    background: url(../images/icon_inperson.gif) no-repeat left center;
}
div.eventNavigationItem a.onDemand {
    background: url(../images/icon_ondemand.gif) no-repeat left center;
}
div.eventNavigationItem a.online {
    background: url(../images/icon_online.gif) no-repeat left center;
}




div.eventNavigationItem a.allCategories.selected {
    background: url(../images/icon_all_categories_selected.gif) no-repeat left center;
    color: #999;
}
div.eventNavigationItem a.allDates.selected {
    background: url(../images/icon_dates_selected.gif) no-repeat left center;
    color: #999;
}
div.eventNavigationItem a.inPerson.selected {
    background: url(../images/icon_inperson_selected.gif) no-repeat left center;
    color: #999;
}
div.eventNavigationItem a.onDemand.selected {
    background: url(../images/icon_ondemand_selected.gif) no-repeat left center;
    color: #999;
}
div.eventNavigationItem a.online.selected {
    background: url(../images/icon_online_selected.gif) no-repeat left center;
    color: #999;
}


a.eventRegisterButton {
    text-decoration: none !important;
}
a.eventRegisterButton:hover {
    color:#ffffff !important;
}
#event-sidebar {
	float: left;
}
.single-event h1 {
	padding-top : 20px;
}
h2.subtitle {
    color: black;
}
.eventInstances {
    border-bottom: 1px solid #234781;
    clear: right;
    float: right;
    display: inline-block;
    width: 250px;
    margin-left: 8px;
}
.eventInstances .eventInstancesHeader {
    color: #234781;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}
.eventInstances .eventInstancesRow {
    border-top: 1px solid #234781;
    border-left: 1px solid #234781;
    border-right: 1px solid #234781;
    background: #EEF0F5;
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.content-div , .presenter-content{
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 1em 0;
	width: 100%;
}
.content-div img, .presenter-content img {
	float: left;
    margin-right: 10px;
}

.eventInstances .eventInstancesRow .eventInstanceDates {
    width: 100%;
}
.eventInstances .eventInstanceDates {
    width: 250px;
    /*font-size: 1.25em;*/
    font-weight: bold;
    color: #234781;
    padding: 8px 0;
}
.eventInstances .eventInstanceNote {
    font-size: 1.1em;
    clear: both;
    padding: 5px 0;
}
.eventInstances .eventInstancePrices {
    font-size: 1.1em;
    padding: 5px 0;
}
.eventInstances .label {
    font-weight: bold;
	color: #333;
}
.eventInstances .free, .ro_title {
    font-weight: bold;
    color: #234781;
}
.eventInstances .eventIntanceBuy {
    padding: 5px;
    text-align: center;
}
fieldset.profileFieldSet {
    padding: 10px;
}
.profileFieldSet {
    border: 1px solid #F2D8A8;
    padding: 0px;
}
.profileLegend {
    margin: 0px 0px 0px 8px;
    padding: 2px 2px 2px 0px;
    color: #234781;
    font-style: normal;
}
.eventInstances.purchasePage {
    width: auto;
    float: none;
}
.eventInstances.purchasePage .eventInstancesRow {
    width: 253px;
}
.eventInstances .eventInstancePrices {
    font-size: 1.1em;
    padding: 5px 0;
}
.toolbar {
    border-color: #d0d0d0;
	padding: 30px 0;
    display: block;
    width: 100%;
    clear: both;
    margin: 0;
    border-top: 2px solid #e1e1e1;
}
.toolbar ul {
    width: 100%;
    text-align: right;
}
.toolbar ul li:first-child {
    margin-left: 0;
}
.toolbar ul li {
    display: inline-block;
    vertical-align: top;
    line-height: 28px;
    margin: 0 8px;
    text-align: center;
}
.toolbar ul li a {
    color: #9e9e9e;
}
.tab-content .toolbar ul li a {
    background: none;
}