/* 
    Document   : default
    Created on : Tuesday, April 15, 2008, 2:00 PM
    Author     : David Kago
    Description: Default cascading style sheet
*/

root { 
    display: block;
}

body {
    background-image: url(../images/background.jpg);
    background-repeat: repeat-y;
    background-position: top center;
    background-color: #eaf4fa;
    font: 9pt/12pt Arial;
    color: #303030;
    margin: 0;
}

a {
    color: #3E90FF;
    font-weight: bold;
    text-decoration: none;
}

a:hover, a.over {
    text-decoration: underline;
}

address {
    font: 9pt/12pt Times;
    font-style: italic;
    
}

form {
    margin: 0;
    padding: 5px;
    border: none;
    width: 100%;
    display: block;
    clear: both;
}

form.form td.tdLabel {
    width: 35%;
    overflow: hidden;
}

h1 {
    font: 15pt/16pt Arial;
    color: #4e4e4e;
    padding: 0;
    margin: 5px 0px 10px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #6C9603;
}

h1 div {
    font: 12pt/14pt Arial;
    font-weight: bold;
    padding-left: 20px;
    background-image: url(../images/list.gif);
    background-repeat: no-repeat;
}

h2 {
    font: 14pt/16pt Arial;
    color: #4e4e4e;
    padding: 0;
    margin: 5px 0px 5px 0px;
    border-bottom: 1px solid #e3f6b4;
}

h2.sub-header {
    color: #990000;
}

h3 {
    font: 13pt/16pt Arial;
    color: #4e4e4e;
    padding: 0;
    margin: 5px 0px 5px 0px;
}

h4 {
    font: 12pt/16pt Arial;
    font-weight: bold;
    color: #4e4e4e;
    padding: 0;
    margin: 5px 0px 5px 0px;
}

h5 {
    font: 11pt/16pt Arial;
    font-weight: bold;
    color: #4e4e4e;
    padding: 0;
    margin: 5px 0px 5px 0px;
}

h6 {
    font: 10pt/16pt Arial;
    color: #4e4e4e;
    padding: 0;
    margin: 5px 0px 5px 0px;
}

hr {
    height: 1px;
    overflow: hidden;
    color: #E3F6B4;
    background-color: #E3F6B4;
}

img {
    border: none;
}

img.float-right {
    float: right;
    padding-left: 5px;
    padding-bottom: 5px;
}

input,
textarea {
    border: 1px solid #E3F6B4;
    background-color: #F0FFEF;
    padding: 2px;
    font: 9pt/12pt Verdana;
}

input.button {
    font-weight: bold;
    padding: 3px;
    padding-left: 15px;
    vertical-align: middle;
}

input.cancel {
    background-image: url(../images/button-cancel.jpg);
    background-repeat: no-repeat;
}

input.checkbox {
    padding: 0;
    border: none;
    background-color: white;
    vertical-align: middle;
}

input.image {
    border: none;
    background-color: transparent;
    vertical-align: top;
}

input.submit {
    background-image: url(../images/button-submit.jpg);
    background-repeat: no-repeat;
}

img {
    border: none;
}

label {
    font-style: normal;
}

option {
    background-color: #F0FFEF;
    padding: 2px;
    font: 9pt/12pt Verdana;
}

p {
    margin: 10px 0px 10px 0px;
}

p.first {
    margin-top: 15px;
}

p.last {
    margin-bottom: 0px;
}

select {
    border: 1px solid #E3F6B4;
    vertical-align: middle;
}

table {
    border: none;
    border-collapse: collapse;
    font: inherit;
    width: 100%;
}

table.summary {
    width: 100%;
    border: 1px solid #E3F6B4;
}

table.sponsorship td,
table.sponsorship th {
    text-align: center;
    border: 1px solid #E3F6B4;
    padding: 5px;
}

td {
    vertical-align: top;
    padding: 2px 5px 2px 5px;
}

td.tdLabel {
    background-color: #F8F8FF;
    font: 9pt/12pt Arial;
    font-weight: bold;
    border-bottom: 1px solid white;
    padding-right: 2px;
    width: 35%;
}

ul {
   
}

ul.admission,
ul.show-hours {
    padding: 0;
    margin: 0;
}

ul.admission li,
ul.show-hours li {
    font: 9pt/12pt Arial;
    padding: 5px;
    border-bottom: 1px dotted #E3F6B4;
}

ul.admission h4 {
    border-bottom: 1px solid #E3F6B4;
}

ul.margined li {
    padding-left: 10px;
    list-style: none;
    list-style-image: none;
}

div#root {
    background-color: white;
    width: 990px;
    margin: auto;
    overflow: hidden;
    display: block;
}

div#header {
    background-color: white;
    display: inline-block;
    position: relative;
    height: 150px;
    overflow: hidden;
}

div#logo {
    background-image: url(../images/top-logo.jpg);
    background-repeat: no-repeat;
    clear: left;
    display: inline;
    float: left;
    width: 450px;
    position: relative;
    overflow: hidden;
}

div#logo a {
    float: left;
    height: 150px;
    width: 450px;
    overflow: hidden;
    text-indent: -3000em;
    text-decoration: none;
}

div#top {
    clear: right;
    background-image: url(../images/top-right.jpg);
    background-repeat: no-repeat;
    font: 8pt/12pt Arial;
    display: inline;
    float: right;
    width: 540px;
    position: relative;
    overflow: hidden;
}

div#top-links {
    padding: 25px 120px 0px 0px;
    height: 150px;
    text-align: right;
}

div#navigation {
    clear: both;
    background-color: #6C9603;
    background-image: url(../images/navigation-background.jpg);
    background-repeat: no-repeat;
    color: black;
    font: 10pt/12pt Times;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    position: relative;
    padding-right: 5px;
    text-transform: uppercase;
    overflow: hidden;
}

div#navigation a {
    color: #303030;
    font-weight: bold;
}

div#navigation a:hover,
div#navigation a.over {
    color: #990000;
}

div#navigation ul {
    margin: 0;
    list-style: none;
    list-style-image: none;
    display: inline-block;
    position: relative;
}

div#navigation li {
    display: inline;
    border-left: 1px solid #f5f5f5;
    padding-left: 15px;
    margin-left: 15px;
}

div#navigation li.first {
    border-left: none;
    margin-left: 0;
}

div#navigation li.last {
    color: #990000;
    border-left: none;
}

div#content {
    padding: 5px;
}

div#content-root {
    display: inline-block;
    position: relative;
}

div#content-root ul {
    margin: 20px 0px 20px 40px;
}

div#content-root ul.shows {
    margin: 0;
}

div#footer {
    clear: both;
    border-top: 2px solid #6C9603;
    font: 8pt/10pt Arial;
    position: relative;
    padding: 5px;
}

div#footer a {
    font-weight: bold;
    text-decoration: underline;
}

div#footer div {
    margin: 10px;
}

div#subscription {
    
}

div#google-map {
    clear: both;
    width: 480px;
    height: 300px;
    position: relative;
    overflow: hidden;
}

.green-blue {
    background-color: white;
}

.green-blue h2,
.bordered h2 {
    color: #330000;
    font: 11pt/12pt Arial;
    font-weight: bold;
    margin: 0;
    padding: 5px;
}

.bordered {
    font: 8pt/10pt Arial;
    border: 1px solid #E3F6B4;
    padding: 5px;
    margin-bottom: 5px;
}

.bordered h2 {
    margin-bottom: 5px;
    padding-left: 28px;
    padding-top: 8px;
}

.bordered .more {
    padding-top: 5px;
    text-align: center;
}

.bordered h1 {
    margin-top: 0;
}

.bordered ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.highlight {
    padding: 5px 0px 5px 0px;
    margin: 10px 0px 10px 0px;
    color: #990000;
}

/** Sub panels */
.calendar-panel h2 {
    background-image: url(../images/calendar-header.jpg);
    background-repeat: no-repeat;
    margin-bottom: 0;
    border-bottom: 1px solid #6C9603;
}

.mailing-list-panel h2 {
    background-image: url(../images/mailing-list-header.jpg);
    background-repeat: no-repeat;
}

.tell-a-friend-panel h2 {
    background-image: url(../images/tell-a-friend-header.jpg);
    background-repeat: no-repeat;
}

.testimonials-panel h2 {
    background-image: url(../images/testimonials-header.jpg);
    background-repeat: no-repeat;
}

.featured-exhibitor-panel {
    
}

.featured-exhibitor-panel h2 {
    background-image: url(../images/featured-exhibitor-header.jpg);
    background-repeat: no-repeat;
    margin-bottom: 0;
    border-bottom: 1px solid #6C9603;
}

.featured-exhibitor-panel .featured {
    background-image: url(../images/panel-background.jpg);
    background-repeat: no-repeat;
    padding: 10px;
}

.featured-exhibitor-panel .featured a {
    color: black;
    text-decoration: underline;
}

.options-panel h2,
.tips-panel h2 {
    background-image: url(../images/tips-header.jpg);
    background-repeat: no-repeat;
}

.options-panel li {
    line-height: 22px;
    border-bottom: 1px dotted #E3F6B4;
}

.options-panel li a {
    padding-left: 15px;
}

.coupon-panel h2,
.buy-tickets-panel h2 {
    background-image: url(../images/dollar-header.jpg);
    background-repeat: no-repeat;
}

.show-hours-panel h2 {
    background-image: url(../images/show-hours-header.jpg);
    background-repeat: no-repeat;
}
/** End Sub panels */

/** Begin show/exhibitor listing */
ul.listings {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

ul.listings li.listing {
    clear: both;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #6C9603;
    display: inline-block;
    position: relative;
    min-height: 80px;
}

ul.listings li.listing:hover,
ul.listings li.listing.over {
    background-color: #FFF8DC;
}

ul.listings li.listing div.left {
    clear: left;
    display: inline;
    float: left;
    position: relative;
    width: 70%;
    overflow: hidden;
}

ul.listings li.listing div.right {
    clear: right;
    display: inline;
    float: right;
    position: relative;
    width: 30%;
    overflow: hidden;
    text-align: right;
    font: 9pt/11pt Arial;
}

ul.listings li.listing div.left div {
    background-image: url(../images/list.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

ul.listings li.listing div.left div.link {
    background-image: none;
    font: 10pt/12pt Arial;
    font-weight: bold;
    color: #990000;
}

ul.listings li.listing div.inner {
    padding-left: 20px;
}

ul.listings li.listing div.dates,
ul.listings li.listing div.contact {
    font-weight: bold;
}

ul.listings li.listing div.venue,
ul.listings li.listing span.location,
ul.listings li.listing div.products {
    font-weight: normal;
}
ul.listings li.even {
    background-color: #F0FFEF;
}

ul.listings li.odd {
    background-color: white;
}

ul.listings li.last {
    border-bottom: none;
}

ul.listings img {
    float: left;
    margin-right: 10px;
    border: 1px solid #e3f6b4;
    padding: 5px;
}
/** End show listing */

/** Course Listing */
div.courses {
    clear: both;
    display: inline-block;
    position: relative;
    text-align: center;
}

div.course {
    display: inline;
    width: 158px;
    text-align: center;
    overflow: hidden;
    height: 250px;
    float: left;
    position: relative;
}

div.course div.image {
    display: block;
    width: 125px;
    height: 125px;
    border: 1px solid #e3f6b4;
    padding: 5px;
}

div.course div.name {
    padding: 10px 0px 0px 0px;
}

div.course div.instructor {
    
}

div.course div.cost {
    font-weight: bold;
    color: #000;
}
/** End course listing */

/** Begin Calendar */
div.calendar {
    font: 9pt/12px Verdana;
    background-color: #EFEAC6;
    background-image: url(../images/panel-background.jpg);
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
}

div.calendar a {
    color: #990000;
}

div.calendar div.header {
    clear: both;
    border-bottom: 1px solid #6C9603;
    display: inline-block;
    position: relative;
    padding-top: 5px;
    height: 22px;
    overflow: hidden;
    text-align: center;
}

div.calendar div.header div.pYear,
div.calendar div.header div.pMonth,
div.calendar div.header div.nMonth,
div.calendar div.header div.nYear {
    background-color: transparent;
    display: inline;
    float: left;
    position: relative;
    width: 12%;
    overflow: hidden;
}

div.calendar div.header div.monthYear {
    font: 10pt/14pt Arial;
    font-weight: bold;
    display: inline;
    float: left;
    position: relative;
    width: 52%;
    overflow: hidden;
    text-align: center;
}

div.calendar div.days {
    clear: both;
    display: inline-block;
    height: 22px;
    font-weight: bold;
    position: relative;
    padding-top: 5px;
    width: 100%;
    overflow: hidden;
}

div.calendar div.days div.day {
    display: inline;
    float: left;
    position: relative;
    width: 14%;
    overflow: hidden;
    text-align: right;
}

div.calendar div.dates {
    clear: both;
    position: relative;
    width: 100%;
}

div.calendar div.dates div.week {
    clear: both;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 3px;
}

div.calendar div.dates div.week div.date {
    display: inline;
    float: left;
    position: relative;
    width: 14%;
    overflow: hidden;
    text-align: right;
}

div.calendar div.dates div.week div.today {
    /*background-image: url(../images/tag-blue.png);
    background-repeat: no-repeat;
    background-position: top left;*/
    color: red;
    font-weight: bold;
}

div.calendar div.dates div.week div.other {
    font: 8pt/12px Verdana;
    color: #a0a0a0;
}
/** End Calendar */

/** Thumbnail */
img.thumb {
    border: 1px solid #e3f6b4;
    padding: 5px;
    margin-right: 5px;
    position: relative;
    text-align: right;
    display: inline-block;
    position: relative;
    float: left;
    overflow: hidden;
}
/** End Thumbnail */

/** Photo */
img.photo {
    width: 250px;
    height: 250px;
    padding: 5px;
    position: relative;
    overflow: hidden;
    border: 1px solid #e3f6b4;
    margin-right: 10px;
    margin-bottom: 20px;
    float: left;
}
/** End Photo */

/** Main Image */
img.main-image {
    border: 1px solid #E3F6B4;
    padding: 5px;
}
/** End Main Image */

/** Toggle */
.toggle {
    border-top: 1px dotted #E3F6B4;
    border-bottom: 1px dotted #E3F6B4;
    margin-bottom: 10px;
    margin-top: 5px;
    background-color: #F5F5DC;
    padding: 5px;
    font-weight: bold;
}

.toggle .pg-rpp {
    clear: both;
    display: inline-block;
    position: relative;
}

.toggle .pg-rpp .pg {
    display: inline;
    float: left;
    position: relative;
    width: 45%;
    overflow: hidden;
}

.toggle .pg-rpp .rpp {
    display: inline;
    float: right;
    position: relative;
    width: 50%;
    overflow: hidden;
    text-align: right;
}

.toggle .pg-rpp .rpp form {
    margin: 0;
    padding: 0;
}

.toggle .pages {
    text-align: right;
}
/** End Toggle */
/** Alphabet */
.alphabet {
    font: 8pt/10pt Arial;
    margin: 10px 0px 10px 0px;
    padding: 5px;
    background-color: #F5F5F5;
}
/** End Alphabet */

/** Action Message */
.actionMessage {
    color: #6C9603;
    font-weight: bold;
}
/** End action message */

/** Adobe */
.adobe {
    padding-left: 30px;
}
/** End Adobe */

/** Date picker */
.datePicker {
    display: block;
    background-color: transparent;
    background-image: none;
}
/** End date picker */

div.venue-info,
.venue-info div {
    font: 10pt/12pt Arial;
    font-weight: bold;
    color: #555;
}

/** Show page **/
h1.show-header {
    background-color: #f5ffbb;
    padding: 5px;
    color: #330000;
}
/** End Show page **/

/** new show layout **/
.wr-tabletop { background-image:url(../images/wr-top.jpg); background-repeat:no-repeat; width:482px; height:103px; }
.wr-bl-table { background-image:url(../images/wr-bl.jpg); height:65px; width:277px; background-repeat:no-repeat; }
.wr-bs-table { background-image:url(../images/wr-br.jpg); width:205px; height:64px; background-repeat:no-repeat; }
.NoClass {
}
/** end new show layout **/