/****************************
   mobile.css
   (C) Mangrove 2010
   Mobile style properties
*****************************/

html { font:100%/20px Arial, Tahoma; }
body { font-size: 16px; color: #555; margin: 0; padding: 0; position: relative; background: #f2f2ee; }

/* parent elements - standard */

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; color:#5e5e5e; }
h1 { margin: 0 0 10px; padding: 0 10px; }
h2 { font-size: 20px; line-height: 24px; padding: 0 10px; margin: 0 0 10px; clear: both; float: none; }
h3 { font-size: 18px; line-height: 20px; padding: 0 10px 5px; margin: 0 0 4px 0; }
h4 { font-size: 14px; padding: 0 10px; }
p { line-height: 22px; margin: 0 0 10px; padding: 0; }
a:link, a:visited, a:hover, a:active { color: #ff5f02; text-decoration: none; }
a.active:link, a.active:visited, a.active:hover, a.active:active { color: #5c5c5c; }
img { border: 0; display:block;}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: #5e5e5e; text-decoration: none; }
h2.title-event { margin: 0; padding: 10px 10px 0; }
h2.title-events { text-align: center; background: #f2f2ee; padding: 10px 0; margin: 0; }

.title { border-bottom: 1px solid #f0f0f2; padding-top: 10px; }
.more { text-align: center; border-bottom: 1px solid #f2f2ee; padding: 0 0 10px; margin: 0; }
.more a:link, .more a:visited, .more a:hover, .more a:active { color: #ff5f02; text-decoration: none; }
.date { font-size: 14px; }

/* main elements */

.header { padding: 10px 0 0; background: #fff; }
.wrapper { padding: 0 0 10px; background: #fff; }
.footer { padding: 10px 0; }

.header p { font-size: 14px; padding: 0 10px; }

/* detail elements */

.home-list { font-weight: bold; font-size: 20px; }

.info-list { list-style: none; padding: 0; margin: 0 0 10px; border-top: 1px solid #f0f0f2; }
.info-list li { border-bottom: 1px solid #f0f0f2; position: relative; min-height: 64px; }
.info-list li a:link, .info-list a:visited, .info-list a:hover, .info-list a:active { -webkit-tap-highlight-color: #e6e6e6; -webkit-touch-callout: none; color: #484848; text-decoration: none;  padding: 10px 30px 10px 10px; background: url(/images/mobile/bullet_info_list.gif) no-repeat right; display: block; }
.info-list li.type a:link, .info-list li.type a:visited, .info-list li.type a:hover, .info-list li.type a:active { min-height: 44px; padding: 10px 20px 10px 85px; }
.info-list .date { display: block; font-size: 14px; }
.info-list li img { position: absolute; width: 64px; height: 64px; padding-left: 1px; top: 0; left: 0px; border-left: 10px solid gray; }

.article-pagination { list-style: none; padding: 0 10px 20px; font-size: 16px; font-weight: bold; }
.article-pagination li { float: left; margin-right: 4px; }
.article-pagination li a:link, .article-pagination li a:visited, .article-pagination li a:hover, .article-pagination li a:active { width: 30px; height: 30px; line-height: 30px;display: block; border: 1px solid #eaeaea; text-decoration: none; text-align: center; }
.article-pagination li a:hover, .article-pagination li a:active, .article-pagination li a.active:link, .article-pagination li a.active:visited { background: #f0f0f2; border: 1px solid #000; color: #000; text-decoration: none; }

.event-divider { height: 24px; margin: 0 0 10px; }
.event-detail { overflow: hidden; padding: 0 10px; }
.event-detail img, .news-message img { float: left; margin: 0 10px 10px 0; }
.event-traffic { border-top: 1px solid #f2f2ee; padding-top: 10px; }
.event-traffic p, .event-location p, .page p { padding: 0 10px; }
.event-info { border-top: 1px solid #f2f2ee; padding: 10px 10px 0; }
.event-info a { padding-right: 10px; display: inline-block; line-height: 21px; }
.event-info a span { float: left; }
.event-info img { float: left; margin-right: 5px; }
.event-date { font-size: 14px; padding: 0 10px; }
.event-share { border-top: 1px solid #f2f2ee; padding: 10px; overflow: hidden; }
.event-share-facebook { clear: both; float: none; padding: 10px 0 0; }
.event-video { clear: both; float: none; padding: 10px 0; }
.event-video object { width: 300px; height: 200px; }

.event-location-map { padding: 0 10px; margin: 0 0 10px; }

.news-message { padding: 10px; }

.month-selection { text-align: center; height: 24px; line-height: 24px; padding: 10px; overflow: hidden; }
.month-selection .active { font-size: 24px; }
.month-selection .first { float: left; padding-top: 2px; }
.month-selection .last { float: right; padding-top: 2px; }

.page { padding-top: 10px; }

.social { list-style: none; margin: 0 auto; padding: 10px 0 0; height: 48px; width: 240px; }
.social li { float: left; margin-right: 10px; }

.footer { clear: both; float: none; }
.footer ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.footer ul li { display: inline; padding: 0 5px; margin: 0; }

p.device, .menu-language { margin: 10px 0 0 0; text-align: center; font-size: 12px; }
.device a:link, .device a:visited, .device a:hover, .device a:active { color: #0096cd; text-decoration: underline; }

/* form elements */

form, fieldset, legend { border: 0; margin: 0; padding: 0; }
form { padding: 5px 0 5px 0; }
form p { margin: 0 0 10px; position: relative;  }
legend { font-size: 16px; color: #000; }
legend span, label span { position: absolute; height: 0; overflow: hidden; }

.search { border-top: 1px solid #f2f2ee; border-bottom: 1px solid #f2f2ee; padding: 10px; }

/* colors */
.color_air_force_blue, .info-list li.color_air_force_blue a:link, .info-list li.color_air_force_blue a:visited, .info-list li.color_air_force_blue a:hover, .info-list li.color_air_force_blue a:active {color: #5d8aa8;}
.color_amaranth_pink, .info-list li.color_amaranth_pink a:link, .info-list li.color_amaranth_pink a:visited, .info-list li.color_amaranth_pink a:hover, .info-list li.color_amaranth_pink a:active { color: #e52b50 !important;}
.color_amber, .info-list li.color_amber a:link, .info-list li.color_amber a:visited, .info-list li.color_amber a:hover, .info-list li.color_amber a:active {color: #f39a00;}
.color_army_green, .info-list li.color_army_green a:link, .info-list li.color_army_green a:visited, .info-list li.color_army_green a:hover, .info-list li.color_army_green a:active {color: #4b5320;}
.color_arsenic, .info-list li.color_arsenic a:link, .info-list li.color_arsenic a:visited, .info-list li.color_arsenic a:hover, .info-list li.color_arsenic a:active {color: #3b444b;}
.color_asparagus, .info-list li.color_asparagus a:link, .info-list li.color_asparagus a:visited, .info-list li.color_asparagus a:hover, .info-list li.color_asparagus a:active {color: #465945;}
.color_bistre, .info-list li.color_bistre a:link, .info-list li.color_bistre a:visited, .info-list li.color_bistre a:hover, .info-list li.color_bistre a:active {color: #3d2b1f;}
.color_burnt_umber, .info-list li.color_burnt_umber a:link, .info-list li.color_burnt_umber a:visited, .info-list li.color_burnt_umber a:hover, .info-list li.color_burnt_umber a:active {color: #8a3324;}
.color_byzantium, .info-list li.color_byzantium a:link, .info-list li.color_byzantium a:visited, .info-list li.color_byzantium a:hover, .info-list li.color_byzantium a:active {color: #702963;}
.color_cardinal, .info-list li.color_cardinal a:link, .info-list li.color_cardinal a:visited, .info-list li.color_cardinal a:hover, .info-list li.color_cardinal a:active {color: #ba0c29;}
.color_carmine, .info-list li.color_carmine a:link, .info-list li.color_carmine a:visited, .info-list li.color_carmine a:hover, .info-list li.color_carmine a:active {color: #960018;}
.color_carrot_orange, .info-list li.color_carrot_orange a:link, .info-list li.color_carrot_orange a:visited, .info-list li.color_carrot_orange a:hover, .info-list li.color_carrot_orange a:active {color: #ed9121;}
.color_cerulean, .info-list li.color_cerulean a:link, .info-list li.color_cerulean a:visited, .info-list li.color_cerulean a:hover, .info-list li.color_cerulean a:active {color: #007ba7;}
.color_chocolate, .info-list li.color_chocolate a:link, .info-list li.color_chocolate a:visited, .info-list li.color_chocolate a:hover, .info-list li.color_chocolate a:active {color: #7b3f00;}
.color_dark_goldenrod, .info-list li.color_dark_goldenrod a:link, .info-list li.color_dark_goldenrod a:visited, .info-list li.color_dark_goldenrod a:hover, .info-list li.color_dark_goldenrod a:active {color: #b8860b;}
.color_dark_pink, .info-list li.color_dark_pink a:link, .info-list li.color_dark_pink a:visited, .info-list li.color_dark_pink a:hover, .info-list li.color_dark_pink a:active {color: #e75480;}
.color_davys_grey, .info-list li.color_davys_grey a:link, .info-list li.color_davys_grey a:visited, .info-list li.color_davys_grey a:hover, .info-list li.color_davys_grey a:active {color: #555555;}
.color_deep_pink, .info-list li.color_deep_pink a:link, .info-list li.color_deep_pink a:visited, .info-list li.color_deep_pink a:hover, .info-list li.color_deep_pink a:active {color: #f629a6;}
.color_eggplant, .info-list li.color_eggplant a:link, .info-list li.color_eggplant a:visited, .info-list li.color_eggplant a:hover, .info-list li.color_eggplant a:active {color: #614051;}
.color_fern_green, .info-list li.color_fern_green a:link, .info-list li.color_fern_green a:visited, .info-list li.color_fern_green a:hover, .info-list li.color_fern_green a:active {color: #4f7942;}
.color_fire_engine_red, .info-list li.color_fire_engine_red a:link, .info-list li.color_fire_engine_red a:visited, .info-list li.color_fire_engine_red a:hover, .info-list li.color_fire_engine_red a:active {color: #ce2029;}
.color_metallic_gold, .info-list li.color_metallic_gold a:link, .info-list li.color_metallic_gold a:visited, .info-list li.color_metallic_gold a:hover, .info-list li.color_metallic_gold a:active {color: #d4af37;}
.color_midnight_blue, .info-list li.color_midnight_blue a:link, .info-list li.color_midnight_blue a:visited, .info-list li.color_midnight_blue a:hover, .info-list li.color_midnight_blue a:active {color: #003366;}
.color_persimmon, .info-list li.color_persimmon a:link, .info-list li.color_persimmon a:visited, .info-list li.color_persimmon a:hover, .info-list li.color_persimmon a:active {color: #ec5800;}
.color_tangerine, .info-list li.color_tangerine a:link, .info-list li.color_tangerine a:visited, .info-list li.color_tangerine a:hover, .info-list li.color_tangerine a:active {color: #f28500;}
.color_taupe_grey, .info-list li.color_taupe_grey a:link, .info-list li.color_taupe_grey a:visited, .info-list li.color_taupe_grey a:hover, .info-list li.color_taupe_grey a:active {color: #8b8589;}
.color_violet, .info-list li.color_violet a:link, .info-list li.color_violet a:visited, .info-list li.color_violet a:hover, .info-list li.color_violet a:active {color: #663d8e;}

.bgcolor_air_force_blue {background-color: #5d8aa8;}
.bgcolor_amaranth_pink {background-color: #e52b50;}
.bgcolor_amber {background-color: #f39a00;}
.bgcolor_army_green {background-color: #4b5320;}
.bgcolor_arsenic {background-color: #3b444b;}
.bgcolor_asparagus  { background-color: #465945; }
.bgcolor_bistre {background-color: #3d2b1f;}
.bgcolor_burnt_umber {background-color: #8a3324;}
.bgcolor_byzantium {background-color: #702963;}
.bgcolor_cardinal {background-color: #ba0c29;}
.bgcolor_carmine {background-color: #960018;}
.bgcolor_carrot_orange {background-color: #ed9121;}
.bgcolor_cerulean {background-color: #007ba7;}
.bgcolor_chocolate {background-color: #7b3f00;}
.bgcolor_dark_goldenrod {background-color: #b8860b;}
.bgcolor_dark_pink {background-color: #e75480;}
.bgcolor_davys_grey {background-color: #555555;}
.bgcolor_deep_pink {background-color: #f629a6;}
.bgcolor_eggplant {background-color: #614051;}
.bgcolor_fern_green {background-color: #4f7942;}
.bgcolor_fire_engine_red {background-color: #ce2029;}
.bgcolor_metallic_gold {background-color: #d4af37;}
.bgcolor_midnight_blue {background-color: #003366;}
.bgcolor_persimmon {background-color: #ec5800;}
.bgcolor_tangerine {background-color: #f28500;}
.bgcolor_taupe_grey {background-color: #8b8589;}
.bgcolor_violet {background-color: #663d8e;}

.bordercolor_air_force_blue { border-color: #5d8aa8 !important; }
.bordercolor_amaranth_pink { border-color: #e52b50 !important; }
.bordercolor_amber { border-color: #f39a00 !important; }
.bordercolor_army_green { border-color: #4b5320 !important; }
.bordercolor_arsenic { border-color: #3b444b !important; }
.bordercolor_asparagus { border-color: #465945 !important; }
.bordercolor_bistre { border-color: #3d2b1f !important; }
.bordercolor_burnt_umber { border-color: #8a3324 !important; }
.bordercolor_byzantium { border-color: #702963 !important; }
.bordercolor_cardinal { border-color: #ba0c29 !important; }
.bordercolor_carmine { border-color: #960018 !important; }
.bordercolor_carrot_orange { border-color: #ed9121 !important; }
.bordercolor_cerulean { border-color: #007ba7 !important; }
.bordercolor_chocolate { border-color: #7b3f00 !important; }
.bordercolor_dark_goldenrod { border-color: #b8860b !important; }
.bordercolor_dark_pink { border-color: #e75480 !important; }
.bordercolor_davys_grey { border-color: #555555 !important; }
.bordercolor_deep_pink { border-color: #f629a6 !important; }
.bordercolor_eggplant { border-color: #614051 !important; }
.bordercolor_fern_green { border-color: #4f7942 !important; }
.bordercolor_fire_engine_red { border-color: #ce2029 !important; }
.bordercolor_metallic_gold { border-color: #d4af37 !important; }
.bordercolor_midnight_blue { border-color: #003366 !important; }
.bordercolor_persimmon { border-color: #ec5800 !important; }
.bordercolor_tangerine { border-color: #f28500 !important; }
.bordercolor_taupe_grey { border-color: #8b8589 !important; }
.bordercolor_violet { border-color: #663d8e !important; }