/* Menu
handles highlighting of main nav overwrites navigation.css style*/
ul#navigation-1 .events
{
    background-color: #fff;
    border-top: 2px solid #febd19;
    height: 27px; /*     background-image: url(../images/menuHeaderBkgSel.gif);     background-repeat: repeat-x;     */
}

#twocolumnlayout, #onecolumnlayout
{
    width: 990px;
    margin-bottom: 20px;
    margin-top: 10px;
    float: left;
}

/* for hiding text | image replacement */
.dwyer
{
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

#breadcrumbs a
{
    color: #b9b9b9;
}

#breadcrumbs span.current, #breadcrumbs a.current
{
    color: #ffffff;
}

#colL
{
    float: left;
    width: 701px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#onecolumnlayout #colL
{
    float: left;
    width: 990px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#colR
{
    float: left;
    margin: 0px 0px 10px 10px;
    padding: 0px;
    clear: right;
    width: 275px;
}

#featured-event
{
    height: 300px;
    width: 701px;
    background: #fff url("/assets/images/events/bgFeaturedEvent.gif") repeat-y;
    margin-bottom: 20px;
    margin-top: 20px;
}

#featured-event img.event
{
    margin: 17px 14px 17px 17px;
    display: inline;
}
#featured-event .eventphoto
{
    display: block;
    width: 10px;
    float: left;
    padding: 12px 0;
    margin: 12px 0 12px 12px;
    text-align: left;
    color: Black;
}
#featured-event .information
{
    display: block;
    width: 420px;
    float: left;
    padding: 12px 0;
    margin: 12px 0 12px 12px;
    text-align: left;
    color: Black;
}

#featured-event .information a:link, #featured-event .information a:visited, #featured-event .information a:active
{
    text-decoration: none;
    color: Black;
}

#featured-event .information a:hover
{
    text-decoration: underline;
    color: Black;
}

#featured-event h2, #featured-event .information h2
{
    color: #5d5d5d;
    font-size: 24px;
    line-height: 24px;
    margin-left: -1px;
    margin-top: 1px;
    font-weight: 700;
}

#featured-event h3
{
    color: #000000;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 10px 1px;
}

#featured-event p
{
    color: #393939;
    font-weight: 700;
    font-size: 12px;
    margin: 0 0 12px 2px;
    padding-right: 20px;
}

#featured-event ul.links
{
    width: 400px;
    position: relative;
    top: 12px;
}

#featured-event ul.links li
{
    /* display: inline; */
    width: 33%;
    float: left;
    list-style-image: none;
    list-style: none;
    font-size: 12px;
    font-weight: bold;
}

/* bowman button in use */
#featured-event ul.links li.more-info a
{
    text-decoration: none;
    width: 75px;
    height: 20px;
    line-height: 20px;
}

#featured-event ul.links li.share
{
    list-style-image: url("/assets/images/events/envelope-icon.gif");
}

#featured-event ul.links a
{
    color: #000000;
}

#featured-event ul.links a:link, #featured-event ul.links a:visited, #featured-event ul.links a:active
{
    text-decoration: none;
}

#featured-event ul.links a:hover
{
    text-decoration: underline;
}

#featured-event-type
{
    height: 350px;
    width: 701px;
    background: #fff url("/assets/images/events/bgFeaturedEvent.gif") repeat-y;
    margin-bottom: 20px;
    margin-top: 20px;
}

#featured-event-type img.event
{
    margin: 17px 14px 17px 17px;
    display: inline;
}
#featured-event-type .eventphoto
{
    display: block;
    width: 10px;
    float: left;
    padding: 12px 0;
    margin: 12px 0 12px 12px;
    text-align: left;
    color: Black;
}
#featured-event-type .information
{
    display: block;
    width: 650px;
    float: left;
    padding: 12px 0;
    margin: 12px 0 12px 12px;
    text-align: left;
    color: Black;
}

#featured-event-type .information a:link, #featured-event-type .information a:visited, #featured-event-type .information a:active
{
    text-decoration: none;
    color: Black;
}

#featured-event-type .information a:hover
{
    text-decoration: underline;
    color: Black;
}

#featured-event-type h2, #featured-event-type .information h2
{
    color: #5d5d5d;
    font-size: 24px;
    line-height: 24px;
    margin-left: -1px;
    margin-top: 1px;
    font-weight: 700;
}

#featured-event-type h3
{
    color: #000000;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 10px 1px;
}

#featured-event-type p
{
    color: #393939;
    font-weight: 700;
    font-size: 12px;
    margin: 0 0 12px 2px;
    padding-right: 20px;
}

#featured-event-type ul.links
{
    width: 400px;
    position: relative;
    top: 12px;
}

#featured-event-type ul.links li
{
    /* display: inline; */
    width: 33%;
    float: left;
    list-style-image: none;
    list-style: none;
    font-size: 12px;
    font-weight: bold;
}

/* bowman button in use */
#featured-event-type ul.links li.more-info a
{
    text-decoration: none;
    width: 75px;
    height: 20px;
    line-height: 20px;
}

#featured-event-type ul.links li.share
{
    list-style-image: url("/assets/images/events/envelope-icon.gif");
}

#featured-event-type ul.links a
{
    color: #000000;
}

#featured-event-type ul.links a:link, #featured-event-type ul.links a:visited, #featured-event-type ul.links a:active
{
    text-decoration: none;
}

#featured-event-type ul.links a:hover
{
    text-decoration: underline;
}

.EventPicture
{
    float: right;
    padding: 5px;
}



.EventName
{
    margin-left: 0px;
}


#body-banner, #promo-banner-bottom
{
    position: relative;
    height: 85px;
    width: 701px;
    background-image: none;
    background-repeat: no-repeat;
    color: #ffffff;
    margin-bottom: 19px;
    float: left;
}


#promo-banner-bottom
{
    position: relative;
    top: 20px;
}

#body-banner img, #promo-banner-bottom img
{
    z-index: 0;
}

#body-banner .more, #promo-banner-bottom .more
{
    position: relative;
    bottom: 15px;
    float: right;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 0;
    text-decoration: none;
}

#body-banner a, #body-banner a:link, #body-banner a:active, #promo-banner-bottom a, #promo-banner-bottom a:link, #promo-banner-bottom a:active
{
    color: #ffffff;
}

#body-banner h2, #promo-banner-bottom h2, #body-banner h3, #promo-banner-bottom h3
{
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

#events
{
    background-color:#fff;
    padding-top:20px;
    position: relative;
    width: 994px;
    float: left;
    clear: both;
}


/* LOCAL & ALL EVENTS */
#local-events
{
    background-color: #FFFFFF;
    width: 994px;
    border-bottom: 2px solid #ffffff; /* margin-bottom: 10px; */ /* why was this here? artifact from regression testing? */
    float: left;
    clear: both;
    padding-bottom: 20px;
}

#local-events .topper
{
    background-color: #dbdbdb;
    height: 39px;
    margin-bottom: 20px;
    width: 100%;
}


#local-events .topper a:link
{
    color: #636363;
    text-decoration: none;
    font-size: 16px;
}
#local-events .topper a:visited
{
    color: #636363;
    text-decoration: none;
    font-size: 16px;
}
#local-events .topper a:hover
{
    color: #636363;
    text-decoration: none;
    font-size: 16px;
}

#local-events h2
{
    color: #636363; /* height: 33px; */
    background-color: #dbdbdb;
    font-size: 16px;
    margin-left: 10px;
    padding-top: 10px;
}


#all-events h2
{
    background-color: #dbdbdb;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 19px;
    color: #636363;
}

#local-events h2 .location
{
    color: #000000;
    font-size: 14px;
}

#local-events .status-bar
{
    display: block;
    float: right;
    height: auto;
    margin-right: 10px;
    position: relative;
    top: -40px;
    width: 530px;
}

#local-events .status-bar div.change-location-form
{
    float: right;
    width: 530px;
}

div.change-location-form label
{
    display: none; /* negative margin obscures the fields too! */
}


/* -- added input style to --*/
#local-events div.change-location-form input
{
    margin: 2px 0 0 5px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    height: auto;
}

#local-events div.change-location-form select, #schedule-of-events div.change-location-form select
{
    height: 20px;
    margin: 0;
    padding: 0;
}

#local-events div.change-location-form input.local_events_zip, #local-events div.change-location-form option
{
    margin: 0 3px 3px 0;
    padding: 2px;
    font-size: 12px;
    line-height: 18px;
    height: 16px;
}

#local-events div.change-location-form select.local_events_distance
{
    margin: 0 3px 0 0;
    padding: 2px;
    font-size: 12px;
    line-height: 18px;
    height: 23px;
    font-family: Arial;
}

#local-events .result-segment
{
    float: right;
    color: #636363;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 11px;
}


#local-events .event-info .eventinstance
{
    font-weight: bold;
    font-size: 14px;
}

#local-events .event-info .eventname
{
    font-weight: normal;
    font-size: 12px;
}

#local-events .event-info a
{
    color: #3c3c3c;
}

#local-events .event-info a:link, #local-events .event-info a:visited, #local-events .event-info a:active
{
    text-decoration: none;
    font-weight: bold;
}


#local-events .event-info a:hover
{
    text-decoration: underline;
}

#local-events div.links
{
    padding-left: 19px;
    clear: both;
    width: 682px; /* 701px - 19px pad */
}

#local-events ul.links
{
    list-style-position: inside;
}

#local-events ul.links li
{
    float: left;
    margin-right: 10px;
}

#local-events ul.links li.share
{
    list-style-image: url("/assets/images/events/envelope-icon.gif");
}

#local-events ul.links li.phone
{
    list-style-image: url("/assets/images/events/handy-icon.gif");
}

.msg
{
    clear: both;
    text-align: center;
    padding: 10px 0;
    font-weight: normal;
    font-size: 12px;
    visibility: collapse;
}

.eventdiv
{
    background-color: #FFFFFF;
    float: left;
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
    width: 700px;
}

.eventdivAlternate
{
    background-color: #DBDBDB;
    float: left;
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
    width: 700px;
}


/*featured deleted */

/*
#featured-products
{
    width: 275px;
    margin-top: 20px;
}

#featured-products .topper
{
    width: 275px;
    height: 43px;
    background-image: url("/assets/images/events/featured-products-title.gif");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

#featured-products h2
{
    margin-left: -9999px;
}

#featured-products .item
{
    padding: 10px 15px 15px 15px;
    background-color: #dbdbdb;
    border-bottom: solid 2px #adadad;
    width: 245px;
    float: left;
}

#featured-products .item h3
{
    font-size: 14px;
    color: #1c1c1c;
    margin-bottom: 4px;
    font-weight: 700;
}


#featured-products .item h3 a
{
    text-decoration: none;
    color: Black;
}

#featured-products .item h3 a:hover
{
    text-decoration: underline;
    color: Black;
}



#featured-products .item img
{
    float: left;
    display: inline;
    margin-right: 10px;
    margin-bottom: 4px;
}

#featured-products .item p
{
    color: #3c3c3c;
    font-size: 12px;
    font-weight: 700;
    width: 150px;
    float: right;
    display: inline;
}

#featured-products .item .stars
{
    clear: left;
    margin-bottom: 2px;
}

#featured-products .item .stars img
{
    float: left;
    display: inline;
}

#featured-products .item .stars p
{
    float: right;
    display: inline;
}

#featured-products .ratings
{
    height: 14px;
    width: 250px;
    float: left;
    clear: both;
}

#featured-products .ratings p
{
    position: absolute;
    left: 111px;
}
#featured-products .ratings .star-rating
{
    position: absolute;
}

#PageError
{
    color: Red;
}
.addthis_toolbox a:link
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.addthis_toolbox a:visited
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.addthis_toolbox a:hover
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

addthis_default_style a:link
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.addthis_toolbox a:visited
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.addthis_toolbox a:hover
{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
*/



/*

 Description:  CSS descriptions for DataTables demo pages
 Author:       Allan Jardine
 Created:      Tue May 12 06:47:22 BST 2009
 Modified:     $Date$ by $Author$
 Language:     CSS
 Project:      DataTables

 Copyright 2009 Allan Jardine. All Rights Reserved.

DESCRIPTION

The styles given here are suitable for the demos that are used with the standard DataTables
distribution (see www.datatables.net). You will most likely wish to modify these styles to
meet the layout requirements of your site.

Common issues:
  'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
    no conflict between the two pagination types. If you want to use full_numbers pagination
    ensure that you either have "example_alt_pagination" as a body class name, or better yet,
    modify that selector.
  Note that the path used for Images is relative. All images are by default located in
    ../images/ - relative to this CSS file.
 */

/*
DataTables features
 */

.dataTables_wrapper
{
    position: relative;
    min-height: 302px;
    clear: both;
    _height: 302px;
}

.dataTables_processing
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length
{
    width: 18%;
    float: left;
    margin-left: 10px;
    position: relative;
    top: 5px;
}

.dataTables_filter
{
    width: 50%;
    float: right;
    margin-right: 10px;
    text-align: right;
}

.dataTables_info
{
    width: 30%;
    float: left;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    position: relative;
    top: 5px;
}

.dataTables_paginate
{
    width: 44px; /*width:50px;*/
    float: right;
    text-align: right;
    margin: 0 10px 10px 0;
    position: relative;
    top: 5px;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next
{
    height: 19px;
    width: 19px;
    margin-left: 3px;
    float: left;
}

.paginate_disabled_previous
{
    background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous
{
    background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next
{
    background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next
{
    background-image: url('../images/forward_enabled.jpg');
}



/*
DataTables display
 */
table.display
{
    margin: 10px auto;
    clear: both;
    width: 100%; /*border-bottom: 1px solid black;     border-top: 1px solid black;*/
    padding-bottom: 3px;
    padding-top: 3px;
}
thead, tfoot, thead tr, tfoot tr
{
    background: #333333 url('../images/events/bg-slice-with-dotteds.jpg') repeat-x top left;
    background-attachment: scroll;
    height: 26px;
}

table.display thead th
{
    padding: 3px 18px 3px 10px; /*border-bottom: 1px solid black;*/
    font-weight: bold;
    cursor: pointer;
}

table.display tfoot th
{
    background-color: Transparent;
    padding: 3px 18px 3px 10px; /*border-top: 1px solid black;*/
    font-weight: bold;
}

table.display tr.heading2 td
{
    border-bottom: 1px solid #aaa;
}

table.display td
{
    background-color: Transparent;
    padding: 7px 10px;
    vertical-align: top;
}

table.display td.center
{
    text-align: center;
}

table.display td p
{
    font-size: 12px;
}


/* 
DataTables sorting
 */

.sorting_asc
{
    background: transparent url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc
{
    background: transparent url('../images/sort_desc.png') no-repeat center right;
}

.sorting
{
    background: transparent url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled
{
    background: transparent url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled
{
    background: transparent url('../images/sort_desc_disabled.png') no-repeat center right;
}





/* 
    DataTables row classes
 */


tr.odd, tr.odd td
{
    background-color: #dbdbdb;
}

tr.even
{
    background-color: white;
}





/* 
 Misc
 */
.dataTables_scroll
{
    clear: both;
}

.dataTables_scrollBody
{
    margin-top: -1px;
}

.top, .bottom
{
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

.top .dataTables_info
{
    clear: none;
    float: left;
}

.clear
{
    clear: both;
}

.dataTables_empty
{
    text-align: center;
}

tfoot input
{
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init
{
    color: #999;
}

td.group
{
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details
{
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info
{
    width: 40%;
}

.paging_full_numbers
{
    width: 400px;
    height: 22px;
    line-height: 22px;
}

.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active
{
    border: 1px solid #aaa; /*-webkit-border-radius: 5px; 	-moz-border-radius: 5px;*/
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
}

.paging_full_numbers span.paginate_button
{
    background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover
{
    background-color: #ccc;
}

.paging_full_numbers span.paginate_active
{
    background-color: #FFcc33;
}

table.display tr.even.row_selected td
{
    background-color: #FFE373;
}

table.display tr.odd.row_selected td
{
    background-color: #BFA330;
}


/*
 Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1
{
    background-color: #ffd633;
}

tr.odd td.sorting_2
{
    background-color: #ffe271;
}

tr.odd td.sorting_3
{
    background-color: #ffeb9c;
}

tr.even td.sorting_1
{
    background-color: #FFE373;
}

tr.even td.sorting_2
{
    background-color: #ffeb9d;
}

tr.even td.sorting_3
{
    background-color: #fff1bb;
}



div.box
{
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF;
}

div.eventsLandingPage
{
    clear: none;
    margin: 0 0 0 10px;
    width: 420px;
}

div.eventsLandingPage p
{
    font-size: 12pt;
}

