* 
*
*
* Come to our super-cool event!
*/
.EventSummary:before, .EventSummary:after {
content: " ";
display: table;
}
.EventSummary:after {
clear: both;
}
.EventSummary .PhotoArea {
text-align: center;
}
@media (min-width: 768px) {
.EventSummary .PhotoArea {
float: left;
}
}
.no-mqs .EventSummary .PhotoArea {
float: left;
}
.EventSummary .Description .PanelField {
float: none;
clear: none;
padding: 0;
}
/*.EventSummary .DesignTimePhotoArea,
.EventSummary .Description,
.EventSummary .Details,
.EventSummary .RegistrationArea {
vertical-align: top;
}*/
.EventDisplay .PricingData {
padding-top: 1em;
}
/**
* Program item summary
* Contains all details of the program item and
* the itenerary information and displays them a grid-like format in the program item list iPart
*
* Example program item HTML:
*
*
*
*
*/
.ProgramItemSummary {
padding: .75em;
}
.ProgramItemSummary .WhenColumn,
.ProgramItemSummary .DescriptionColumn {
padding-right: .5em;
}
.ProgramItemSummary .WhenColumn,
.ProgramItemSummary .IteneraryColumn {
width: 11em;
float: left;
clear: left;
}
.ProgramItemSummary .DeleteColumn {
width: 7em;
float: right;
clear: right;
}
@media (min-width: 768px) {
.ProgramItemSummary .DescriptionColumn {
width: 72%;
float: right;
clear: right;
}
}
.no-mqs .ProgramItemSummary .DescriptionColumn {
width: 72%;
float: right;
clear: right;
}
@media (max-width: 767px) {
.ProgramItemSummary .WhenColumn {
display: none;
}
}
.ProgramItemSummary .WhenData {
display: block;
}
.ProgramItemSummary .ListItemTitle,
.ProgramItemSummary .WhenData {
font-weight: bold;
padding-bottom: .25em;
line-height: 1.7em;
/* to ensure none of the title is covered when the InItinerary indicator wraps */
}
.ProgramItemSummary .InItinerary,
.ProgramItemSummary .HasConflict {
/* Program item itenerary indicators */
padding: .15em .25em .2em;
border: 1px solid #CCC;
white-space: nowrap;
}
.ProgramItemSummary .InItinerary {
/* Indicator when the program item is in your itenarary - Note the spelling mistake... */
background-color: yellow;
}
.ProgramItemSummary .HasConflict {
/* Indicator when the program item is in your itenarary
* but confilcts with another program item in your itenaray */
background-color: #D8000C;
color: #FFFFFF;
}
/**
* Event details
* Contains event details such as date/time, price, and location.
* Also includes the registration buttons and badge edit button.
*
* Example program item HTML:
*
*
*
* The title of the program item In Itenerary
* Some info about the program item.
*
*
*
* Track:
*
* Technical
* 9:00 AM
*
*
*
*
*
*
*
*
*
*
*
* Price:
*
* 450.00
*
* When:
*
* 5/15/13 1:00 PM - 5/16/13 5:00 PM
*
*
*
*
*
*
* My Registration Status:
*
* Not Registered
* 
* ![[Selected Registrant's Name]](path/to/profile/picture1.jpg)
* ![[Unselected Registrant's Name]](path/to/profile/picture2.jpg)
*