html, body {
    margin:0px;
    padding:0px;
}

.topFilters {
    margin:0px auto 0px 20px;
}

.topFilter {
    float:left;
    margin-left:20px;
}

.warningLabel {
    background:#FFFFCC;
    border:1px Solid #E6B800;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:5px;
}
        
.errorLabel {
    background:#FFE0E0;
    border:1px Solid #C13030;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:0px 5px 0px 5px;
    color:Red;
    display:block;
    width:600px;
    float:right;
    margin:10px;
    line-height:29px;
    height:29px;
}

.successLabel {
    background:#E0FFE0;
    border:1px Solid #398E39;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:5px;
    color:#368636;
}

.field {
    margin:10px 0px 0px 0px;
}
        
.fieldRight {
    float:right;
}
        
.fieldLabel {
    width:125px;
    font-weight:bold;
    float:left;
    display:block;
    line-height:24px;
}
        
.fieldInput {
    float:left;
}

.middleCalendarsWrapper {
    text-align:center;
}

.middleCalendars {
    width:800px;
    min-height:200px;
    margin:20px auto 10px auto;
    position:relative;
}

.middleCalendar {
    /*float:left;
    margin-left:10px;*/
    display:inline;
}

.calendarLeft {
    /*position:absolute;
    top:0px;
    left:0px;*/
    float:left;
    z-index:20;
}

.calendarMiddle {
    position: absolute;
    left:294px;
    top:0px;
    z-index:10;
}

.calendarRight {
   /*position:absolute;
   top:0px;
   right:0px;*/
   float:right;
   z-index:20;
}

.eventDetailsWrapper {
    width:100%;
}

.eventDetailsInner {
    border:1px solid #CFCFCF;
    background-color:#f2f2f2;
    min-height:50px;
    margin:20px 30px 10px 30px;
    padding:10px;
}

.eventDate {
    background-color:#CC0000;
    border-top:1px solid #FFFFFF !important;
    border-bottom:1px solid #FFFFFF !important;
}

.eventDate .ui-state-default {
    background:#CC0000;
    border:0px;
    color:#FFFFFF;
}

.ui-datepicker td {
    
}

.eventDateStart {
    border-left:1px solid #FFFFFF !important;
}

.eventDateEnd {
    border-right:1px solid #FFFFFF !important;
}

.eventDetailsLoading {
    background:url(../../Images/loading01.gif) no-repeat center center;
    width:100%;
    min-height:200px;
    display:block;
}

.eventDetailsLabel {
    float:left;
    font-weight:bold;
    width:125px;
    text-align:left;
}

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

.eventDetailsWhatLabel {
    
}

.eventDetailsWhatValue {
    width:150px;
}

.eventDetailsWhereLabel {
    
}

.eventDetailsWhereValue {
    width:200px;
}

.eventDetailsWhenLabel {
    width:100px;
    text-align:right;
    padding-right:5px;
}   

.eventDetailsWhenValue {
    width:450px;
}

.eventDetailsDetailsLabel {
    clear:both;
}   

/* Hide the next and previous buttons in the JQuery datepickers. */
.ui-datepicker-prev {
    display:none !important;
}

.ui-datepicker-next {
    display:none !important;
}

.eventDetailsCalendars {
    float:right;
}

.eventDetailsCalendar {
    float:left;
    margin-left:5px;
}

.eventDetailsCalendars .ui-datepicker {
    font-size:8px;
}

.selectedDate {
    background-color:#5AAAE4;
}

.selectedDate .ui-state-default {
    background:#5AAAE4;
    border:0px;
    color:#000000;
}

.bottomNextPrev {
    margin:20px 30px 10px 30px;
    border-top:1px solid #CCCCCC;
    clear:both;
}

.navigationLink {
    color:#686868 !important;
    text-decoration:none;
    font-size:15px;
    display:block;
    border:1px solid #FFFFFF;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-weight:bold;
    margin:10px 10px 10px 10px;
    padding:5px 8px 5px 8px;
    cursor:pointer;
}

.navigationLink:hover {
    border:1px solid #CDCDCD;
}

.continueLink {
    background:url(../images/rightArrow.png) no-repeat right center;
    padding:5px 22px 5px 8px;
    float:right;
}

.backLink {
    background:url(../images/leftArrow.png) no-repeat 8px center;
    padding:5px 8px 5px 23px;
    float:left;
}

.registrationFieldLabel {
    width:110px;
    float:left;
    clear:both;
    text-align:left;
    font-weight:bold;
    line-height:20px;
}
        
.registrationFieldValue {
    float:left;
}

.registrationField {
    margin:10px 0px 0px 10px;
}

.registration_ErrorLabel {
    display:block;
    float:left;
    line-height:20px;
    color:#CD0000;
    margin-left:5px;
}

.registration_Validator {
    display:block;
    float:left;
}

.registration_InputField {
    display:block;
    float:left;
    width:180px;
}

.registration_ValidatorImage {
    float:left;
}

.registrationHeader {
    clear:both;
    margin:20px 10px 10px 10px;
}

.registrantFields {
    margin-left:30px;
    padding-bottom:10px;
    float:left;
}

.stepsWrapper {
    margin:10px 30px 10px 30px;
    border-bottom:1px solid #CCCCCC;
}

.step {
    padding:10px;
    font-size:18px;
    font-weight: bold;
}

.stepName {
    font-size:14px;
    font-weight: bold;
    padding:5px;
    color:#666666;
    width:150px;
}

.stepSelected {
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #CC0000;
    width:0px;
    height:0px;
}

.ui-widget-header
{
    border: 1px solid black;
    background: black;
    color: #ffffff;
    font-weight: bold;
}

.loginWrapper {
    font-size:23px;
    color:#808080;
    /*float:left;*/
    text-align:center;
    /*width:250px;*/
    padding:115px 0px 115px 0px;
    /*border-right: 1px solid #CCCCCC;
    padding-right:290px;*/
}

.registerLoginLink {
    color:#4C4C4C;
    font-weight:bold;
}

.registerLoginLink:hover {
    
}

.eventDetailsBottomRight {
    clear:both;/*
    float:right;*/
    width:150px;
    margin-left:300px;
}

.eventDetailsPriceLabel {
    clear:both;
}

.eventDetailsAvailableLabel {
    width:100px;
    text-align:right;
    padding-right:5px;
    margin-top:5px;
}

.eventDetailsPriceLabel {
    width:100px;
    text-align:right;
    padding-right:5px;
    margin-top:5px;
}

.eventDetailsDescriptionLabel {
    width:100px;
    text-align:right;
    padding-right:5px;
    margin-top:5px;
}

.eventDetailsAvailableValue {
    margin-top:5px;    
    clear:both;
}

.eventDetailsPriceValue {
    margin-top:5px;
    clear:both;
}

.eventDetailsDescriptionValue {
    margin-top:5px;
    clear:both;
}

.calendarToday {
    background-color:#ACD4F2;
    border-top:1px solid #FFFFFF !important;
    border-bottom:1px solid #FFFFFF !important;
}

.calendarToday .ui-state-default {
    background:black;
    border:0px;
    color:white;
}

.eventFieldsLeft {
    float:left;
}

.eventDetailsField {
    margin-top:10px;
}

.eventDetailsWhenDate {
    margin-bottom:10px;
}

.eventNotes {
    float:left;
    margin-left:5px;
}

.calendarRow {
    min-height:209px;    
}

.calendarRow {
    /*height:209px;    */
    position:relative;
    margin-top:5px;
}

.monthsShownButtonWrapper {
    position:absolute;
    bottom:0px;
    right:-250px;
}

.calendarNavButtons_Wrapper {
    position:relative;
}

.registrationHeaderTitle {
    margin-top:0px;
    font-size:13px;
}

.activeMemberLoginTitle {
    float:left; margin-left: 120px;
}

.summaryWrapper {
    float:left;
    height:305px;
    width:220px;
    border-left:1px solid #CCCCCC;
    position:absolute;
    top:100px;
    right:30px;
}

.summaryHeader {
    margin-bottom:10px;
}

.summaryInnerWrapper {
    margin-top:10px;
}

.summaryItemName {
    float:left;
    width:130px;
    text-align:left;
}

.summaryItemCost {
    float:left;
    text-align:right;
    margin-left:10px;
    width:60px;
}

.summaryItemWrapper {
    font-size:12px;
    padding:5px 10px 5px 10px;
}

.summaryItemWrapper:hover {
    background-color:#E6E6E6;  
}

.summaryTotalRow {
    background-color:#D2D2D2 !important;
    font-weight:bold;
}

summaryTotalRow:hover {
    background-color:#D2D2D2;
}