h2 span {color: #000066; }

/*---------------------------------------
	Forms
---------------------------------------*/
form.events-form label {display: block; float: left; width: 150px; padding-top: 3px; margin: 0 15px 0 0; }
form.events-form div {clear: left; margin-bottom: 5px;}
form.events-form small { font-size: 10px; color: #000033; }
form.events-form .TextField { background: #fff; border: solid 1px #AAA; padding: 2px; font-size: 11px; color: #000;}
form.events-form submit {cursor: pointer; }
form.events-form .descriptor {margin: 3px 0 0 92px; font-size: .8em; }

/*---------------------------------------
	Event Category
---------------------------------------*/
.eventlist { font-size: .9em; }

.eventlist thead td {background: #222222; font-weight: bold; color: #FFF; font-size: 1.1em;  }
.eventlist thead td a {color: #FFF; }
.eventlist td {border-top: 1px solid #CCC; }
.eventlist tr.odd td {background: #EDEDED; }

.eventlist .title {font-weight: bold; }
.eventlist .location {}
.eventlist .date {}
.eventlist .price {float: left; width: 55px; font-weight: bold; line-height: 20px; }
.eventlist .time {float: left; width: 125px; line-height: 20px; }

.eventlist tfoot td {background: #CCC; text-align: right; }

/*---------------------------------------
	Event Info
---------------------------------------*/
.eventsingle .info { /*float: left; width: 315px;*/}
.eventsingle h2 small {color: #555; font-size: 12px; font-weight: normal;  }

.eventsingle .info div {clear: left; margin: 10px 0 15px 0; line-height: 16px; }
.eventsingle .info div label {float: left; width: 80px; margin: 0 15px 5px 0; font-weight: bold; padding: 0; text-align: right; color: #666666; }

.eventsingle .info .location label {margin-bottom: 64px; }
.eventsingle .info .price span {color: #222222; font-weight: bold; }

.eventsingle .info .quantity label {margin-top: 2px; }

.eventsingle .info .TextField {background: #fff; border: solid 1px #AAA; padding: 2px 3px; margin-right: 5px; font-size: 11px; color: #000; }

.price strike {color: #333333;}
.price strong {color: #CC0000 !important;}

.eventsingle .images {float: right; width: 240px; margin-right: 15px; padding-bottom: 21px;}

.titleimage {height: 260px; min-height: 260px; }

.eventsingle .images .md-pic {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCC; }
.eventsingle .images ul {list-style-type: none; margin-bottom: 5px;}
.eventsingle .images ul li {display: block; width: 64px; height: 64px; float: left; border-style: solid; border-width: 1px; border-color: #DDD; margin: 0 5px 5px 0;  }
.eventsingle .images ul li:hover {border-color: #222222; }
.eventsingle .images ul li img {height: 64px; }

/*---------------------------------------
	Event Registration
---------------------------------------*/
.register {border: 1px solid #DDD; margin-bottom: 15px; border-top: none;  }

.register thead td {background: #222222; font-weight: bold; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; color: #FFF; padding: 7px;}

.register thead td a, .checkout td.colorbg a {color: #FFF; }
.register thead small {color: #FFF; }

.register td {border-bottom: 1px solid #CCC; }
.register td td {border-bottom: none;}
.register tr.odd td {background: #EDEDED; }

.confirmation div {clear: left; margin: 10px 0 15px 0; line-height: 16px; }
.confirmation div label {float: left; width: 80px; margin: 0 15px 5px 0; font-weight: bold; padding: 0; text-align: right; color: #666666; }

.confirmation .location label {margin-bottom: 64px; }

.attendee {border: 1px dashed #CCC; padding-bottom: 10px; margin-bottom: 10px; }
.attendee thead td {color: #222222; background: #EDEDED; font-weight: bold; border: none; }
.attendee tbody td {padding-top: 10px;}
.attendee td {border: none; }
.attendee label, .solo-attendee label {width: 80px !important; }
.attendee div p, .solo-attendee div p {margin: 0 0 0 95px; }

/*---------------------------------------
	Related Events
---------------------------------------*/
#related {margin: 15px 0 0 0; padding: 15px 0 0 0;  border-top: 1px dashed #DDD;  }
#related h4 {color: #666; margin: 0 0 5px 0; font-size: 1.1em;}
#related ul {list-style-type: none; margin: 0; padding: 0; }
#related ul li {float: left; display: inline block; width: 97px; padding: 5px; margin: 0 5px 10px 5px; background: #FFF; text-align: center; font-size: 11px; }
#related ul li .event-name {margin: 3px 0 3px 0; }
#related ul li span {color: #999; }
#related ul li p {margin: 0; padding: 0; }
#related ul li p strong {color: #CC0000; }

#related ul li a {text-align: center;}
#related ul li a img {border: 1px solid #DDD;}
#related ul li a:hover img {border: 1px solid #999;}

/*---------------------------------------
	Pagination
---------------------------------------*/
div.pagination {padding: 3px; margin: 1px; font-size: 10px; float: right; }
div.pagination a {padding: 2px 5px 2px 5px; margin: 1px; border: 1px solid #000066; text-decoration: none; /* no underline */ color: #000066; background: #D7E1FF; }
div.pagination a:hover, div.pagination a:active {background: #FFF; }
div.pagination span.current {border: 1px solid #FFF; color: #FFF; background: #000066; padding: 2px 5px 2px 5px; margin: 1px; font-weight: bold; }
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #BBB; color: #BBB; background: #EFEFEF;}

/*---------------------------------------
	Buttons
---------------------------------------*/
input.btn-register {display: block; width: 95px; height: 30px; background-image: url(/wp-content/plugins/strangerevents/images/button_register.gif); background-repeat: no-repeat; background-position: 0px 0px;}
input.btn-register:hover {background-position: 0px -30px}

input.btn-register-pay {display: block; width: 155px; height: 30px; background-image: url(/wp-content/plugins/strangerevents/images/button_register-pay.gif); background-repeat: no-repeat; background-position: 0px 0px;}
input.btn-register-pay:hover {background-position: 0px -30px}


a.btn-register-sm {display: block; float: right; width: 75px; height: 20px; background-image: url(/wp-content/plugins/strangerevents/images/button_register-sm.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 0 0 0 5px;}
a.btn-register-sm:hover {background-position: 0px -20px}
a.btn-register-sm img {border: none; }

a.btn-closed-sm {display: block; float: right; width: 75px; height: 20px; background-image: url(/wp-content/plugins/strangerevents/images/button_closed-sm.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 0 0 0 5px;}
a.btn-closed-sm:hover {background-position: 0px -20px}
a.btn-closed-sm img {border: none; }


/*---------------------------------------
	Misc
---------------------------------------*/

form h3 {margin-top: 1.5em; color: #000066;}

.thumbnails ul {margin: 10px 0 0 0; padding: 0;}
.thumbnails ul li {margin: 0; padding: 0;}

.sort {float: right; width: 200px; text-align: right; font-size: 12px; } 
.sort form {margin: 0; padding: 0; }
.sort select {font-size: 11px; }

.bold {font-weight: bold;}

.itemcount {float: left; text-align: left; width: 250px; font-size: 12px; }

.print_registration {float: right; width: 100px; text-align: right; background: url(/wp-content/plugins/strangerevents/images/printer.gif) top right no-repeat; padding-right: 20px; }
.print_registration a {text-decoration: none; font-weight: bold; }