/*  RAIFFEISEN base.css
-----------------------------------------------------*/
/*  
    version:   1.0
    author:    Miha Hribar
    email:     miha@dhimahi.com
    website:   http:/eventim.at
*/

/* Import common CSS files */
@import "/static/css/misc.css";
@import "/static/css/flags.css";
@import "/static/css/banners.css";
@import "/static/css/calendar.css";
@import "/static/css/jquery.autocomplete.css";

/*  =MISC
-----------------------------------------------------*/
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    color: #333;
    height: 100%;
}

/* kill default margins and paddings */
* {
    padding: 0px;
    margin: 0px;
}

/* this is the only font size set in px throught this CSS, all other fonts are
   set using percentage (%) sizing */
body, input, select, textarea, a, table td, table th {
    font-size: 11px;
}

/* default font sizes for headings */
h1 {
    font-size: 180%;
}

h2 {
    font-size: 140%;
}

h3 {
    font-size: 100%;
}

h4 {
    font-size: 100%;
}

/* error notices colored red */
.error, .error a, .mandatory {
    color: red;
}

/* to fake a div that cannot be set inside a paragraph we use span and set display to
   block */
span.error {
    display: block;
}

/* space between buttons */
.space {
    margin-right: 5px;
}

/* remove fieldset borders */
fieldset {
    border: 0;
}

/* paragraph inside a form is there only to accomodate XHTML */
form p {
    /*margin: 0 !important;
    padding: 0 !important;*/
}

/* breaking long words in opera (medium events), for more info view:
   http:/www.quirksmode.org/oddsandends/wbr.html */
wbr:after { content: "\00200B" }

/*  =TOOLS
-----------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* is it just me or does this NOT validate? */
/*.clearfix {display: inline-table;}*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*  =HIDE
-----------------------------------------------------*/
/* hide hr elements for CSS browsers and show for non-css so it separates the parts of 
   the sites document */
hr {
    display: none;
}

/*  =CONTAINER
-----------------------------------------------------*/
/* the container of the whole site */
#container {
    width: 956px;
    background: #fff url(/static/images/main_bg.gif) repeat-y 280px 0;
    color: #333;
    float: left;
}

/* IE needs 20 additional pixels of width or it will break the layout */
html>body #container {
    width: 940px;
}

/*  =SEO
-----------------------------------------------------*/
#seo, #partner_notice {
    background: #eee url(/static/images/seo.gif) repeat-x;
    border-bottom: 1px solid #e1e1e1;
    padding: 5px;
    color: #666;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: normal;
}

/*  =WRAPPER
 *  Used to catch footer under the sidebar
-----------------------------------------------------*/
#wrapper {
    width: 936px;
    float: left;
}

/*  =HEADER
-----------------------------------------------------*/
#header {
    background: #fff url(/static/lang/at/images/integration/158/top.gif) no-repeat;
    width: 956px;
    height: 90px;
}

html>body #header {
    top: 29px;
}

/* replace h1 a with the image -> indent text out of the window and add background: Phark method [2] */
#header #logo {
    text-indent: -5000px;
    width: 148px;
    height: 117px;
    position: absolute;
    top: 130px;
    left: 60px;
    z-index: 10;
}

#header #logo a {
    display: block;
    height: 117px;
    background: transparent url(/static/lang/at/images/integration/158/logo.gif) no-repeat;
    text-decoration: none;
}

/*  =SIDEBAR
-----------------------------------------------------*/
#sidebar {
    background-color: #f1f1f1;
    color: #333;
    width: 280px;
    margin-top: 190px;
    float: left;
}

/*  =SKIP
-----------------------------------------------------*/
#skip {
    display: none;
}

/*  =SIDENAV (panel)
-----------------------------------------------------*/
#sidenav {
    margin: 0px 10px 10px 10px; 
}

#sidenav li {
    list-style: none;
    margin-bottom: 2px;
    line-height: 1.3em;
}

#sidenav li a {
    display: block;
    height: 1%; /* for IE */
    text-decoration: none;
    color: #666;
    text-transform: uppercase;
    padding-left: 18px;
    background: #e1e1e1 url(/static/images/bullets/sidenav.gif) no-repeat 0px 50%;
}

/* when the first level is opened turn the arrow down */
#sidenav li a.open {
    background: #e1e1e1 url(/static/images/bullets/sidenav_open.gif) no-repeat 0px 50%;
    color: #666;
}

#sidenav li a:hover, #sidenav li a.selected {
    background-color: #D4D4D4;
    color: #666;
}

/* move down when li has sublevel to fix the menu */
#sidenav li ul {
    margin-top: 2px;
}

/* sublevels */
#sidenav li ul li a {
    padding-left: 25px;
    background: #e7e7e7;
    color: #666;
    text-transform: none;
}

#sidenav li ul li ul li a {
    padding-left: 40px;
    background: #ededed;
    color: #666;
    text-transform: none;
}

#sidenav li ul li ul li ul li a {
    padding-left: 55px;
    background: #ededed;
    color: #666;
    text-transform: none;
}

/*  =QUICKSEARCH & =SEE WHAT'S HAPPENING IN YOUR TOWN (panel)
--------------------------------------------------------------*/
#quicksearch {
    margin: 0px 10px 10px 10px;
    border: 1px solid #000;
    background-color: #faf500;
    color: #fff;
    float: left;
    display: inline;
}

#quicksearch h3.quicksearch_title {
    padding: 10px 0 0 10px;
    color: #000;
}

#quicksearch_form {
    background-color: #faf500;
    color: #333;
    padding: 5px 5px 7px 10px;
}

#quicksearch fieldset {
	margin-bottom: 0;
}

#quicksearch_submit {
    width: 21px;
    height: 21px;
    vertical-align: top;
    margin-top: 1px;    /* align the submit button in IE */
    background: transparent url(/static/lang/at/images/integration/158/quicksearch_button.gif) no-repeat;
    border: 0px none;
    cursor: pointer;
    text-indent: -9999em;
}

html>body #quicksearch_submit {
    margin-top: 0;      /* fix the button alignment in all other browsers */
}

#search_string {
    width: 207px;
    border: 1px solid #000;
    padding: 3px;
    height: 21px;
}

html>body #search_string {
    height: auto;
}

#search_country {
    width: 95px;
    border: 0px none;
    background-color: #fff;
    color: #333;
}

#your_town {
    background: #fff;
    color: #979CA0;
    padding: 5px 10px 8px 10px;
}

#your_town h3 {
    font-weight: bold;
}

#your_town table td {
    width: 120px;
    line-height: 1.5em;
}

#your_town a {
    color: #979CA0;
    background: #fff;
    text-decoration: none;
}

#your_town a:hover {
    text-decoration: underline;
}

#your_town a.advanced {
    color: #62686B;
    background-color: #E1E2E4;
    font-weight: bold;
    display: block;
    margin-top: 5px;
    padding-left: 2px;
    line-height: 1.5em;
}

#your_town a.advanced:hover {
    color: #62686B;
    background-color: #d4d4d4;
    text-decoration: none;
}

#quicksearch legend, #quicksearch label, #your_town caption {
    display: none;
}

/*  =NEWSLETTER (panel)
-----------------------------------------------------*/
#newsletter {
    color: #666;
    background: #eee;
    margin: 0px 10px 10px 10px;
    padding: 0px 10px 10px 10px;
}

#newsletter p {
    padding: 5px 0;
}

#newsletter_email {
    width: 150px;
    border: 1px solid #ccc;
    padding: 3px;
    height: 22px;
}

html>body #newsletter_email {
    height: auto;
}

#newsletter_submit {
    border: 0 none;
    cursor: pointer;
    background: #eee;
    color: #666;
    font-weight: bold;
    width: auto;
}

#newsletter legend, #newsletter label {
    display: none;
}

/*  =TICKET ALARM SIDEBAR
 *  =SIDEBAR_TICKET_ALARM
-----------------------------------------------------*/
#sidebar_ticket_alarm {
    color: #666;
    margin: 0px 10px 0 10px;
    padding: 0px 10px 10px 10px;
}

#sidebar_ticket_alarm h3 {
    background: url(/static/images/line.gif) no-repeat;
    padding-top: 15px;
}

#sidebar_ticket_alarm p {
    padding: 5px 0;
    clear: left;
}

#sidebar_ticket_alarm p a {
    color: #666;
}

#sidebar_ticket_alarm li {
    clear: left;
    list-style: none;
    margin-bottom: 5px;
    padding: 5px;
    background: url(/static/images/sidebar_ticket_alarm_bg.gif) repeat-y;
    float: left;
    width: 200px;
}

#sidebar_ticket_alarm li img {
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
}

#sidebar_ticket_alarm li a {
    font-weight: bold;
    text-decoration: none;
    color: #666;
}

/*  =END SIDEBAR
-----------------------------------------------------*/
#end_sidebar {
    clear: left;
    /* round thingy to end the sidebar with */
    background: transparent url(/static/lang/at/images/integration/158/end_sidebar.gif) no-repeat;
    height: 142px;
}

/*  =MAIN
-----------------------------------------------------*/
#main, #shopping {
    width: 656px;
    float: right;
    background: transparent url(/static/images/main_top_bg.gif) no-repeat;
    position: relative; /* use relative to catch all absolute positioned elements inside main */
}

/*  =LOCATION
-----------------------------------------------------*/
#location {
    position: absolute;
    top: -32px;
    right: 30px;
    width: 240px;
    height: 33px;
    background: url(/static/lang/at/images/integration/158/eventim_logo.gif) no-repeat;
}

#location li {
    display: none;
}

/*  =USER LINKS
 *  =USER_LINKS
-----------------------------------------------------*/
#user_links {
    position: absolute;
    margin-top: 13px;
    width: 200px;
    left: 428px;
}

#user_links li {
    list-style: none;
    float: right;
}

#user_links li a {
    padding-right: 10px;
    text-decoration: none;
    color: #999;
}

#user_links li a.last {
    background: none;
}

/*  =USERSPACE
-----------------------------------------------------*/
#userspace {
    color: #999;
    padding: 15px 10px 2px 10px;
}

/* IE6 and lower get this wrong */
* html #userspace {
    margin-left: -6px;
}

#userspace h3 {
    display: none;
}

#userspace li {
    float: left;
    margin-left: 5px;
    list-style: none;
}

#userspace li a {
    display: block;
    width: 98px;
    border-top: 1px solid #999;
    padding-top: 5px;
}

#userspace li a:hover {
    color: #666;
    border-top: 1px solid #666;
}

#userspace a {
    color: #999;
    font-weight: bold;
    text-decoration: none;
}

#userspace li.info {
    padding-top: 6px;
    color: #666;
}

#userspace li.info a {
    display: inline;
    width: auto;
    border-top: 0;
    padding: 0;
    color: #666;
    text-decoration: underline;
}

#userspace li.info a:hover {
    border-top: 0;
}

/*  =SHOPPING_BASKET
 *  =SHOPPING BASKET
-----------------------------------------------------*/
#shopping_basket {
    position: absolute;
    top: 140px;
    left: -270px;
    width: 205px;
    padding: 7px 0 5px 35px;
    color: #ccc;
}

html>body #shopping_basket {
    width: 200px;
}

#shopping_basket a.cart {
    position: absolute;
    top: 7px;
    left: 5px;
    display: block;
    width: 35px;
    height: 30px;
    text-indent: -9999px;
    background: url(/static/images/cart_off.gif) no-repeat;
    text-decoration: none;
}

#shopping_basket a.full {
    background: url(/static/images/cart_on.gif) no-repeat;
}

#shopping_basket h3 {
    padding: 3px 0 0 0;
    font-weight: bold;
}

#shopping_basket h3.hide {
    display: none;
}

#shopping_basket p {
    padding-left: 1px;
    line-height: 1.5em;
}

#shopping_basket p.full a {
    color: #000;
}

/*  =MAIN NAVIGATION
    =NAV
    =MAIN_NAV
-----------------------------------------------------*/
#main_nav {
    clear: both;
    padding: 12px 10px 0 0;
    margin: 0 0 0 10px;
    float: left;
    display: inline;
    background: #fff url(/static/lang/at/images/integration/158/nav_bg.gif) repeat-x 0 8px;
}

/* IE7 only */
/**:first-child+html #main_nav {
    margin-top: -48px;
}*/

#main_nav li {
    float: left;
    list-style: none;
    margin-left: 10px;
    display: inline;
}

#main_nav li a {
    display: block;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    width: 88px;
    border: 1px solid #6d6d6d;
    background: #f9f300;
    color: #000;
    text-align: center;
    padding: 4px 0;
}

#main_nav li a:hover, #main_nav li a.selected {
    background: #6d6d6d;
    color: #f9f300;
}

/*  =CONTENT
-----------------------------------------------------*/
#content {
    clear: both;
    padding: 5px 10px 10px 10px;
}

/* hide h1 heading */
#body_home #main h1, #body_event #main h1, #body_subscribe #main h1, #body_login #main h1 {
    display: none;
}

/* IE needs the exact height */
* html #content input {
    height: 22px;
}

#content input, #content textarea, #content select {
    padding: 3px;
    border: 1px solid #ccc;
}

#content #main_content {
    width: 421px;
    color: #333;
    line-height: 1.5em;
    float: left;
    margin-top: -15px;
    text-align: justify;
}

#main_content a {
    color: #333;
}

/* content pages have their content justified and line height is bigger
   to make reading a bit easier */
#body_content #content p, 
#body_news #content p, 
#body_faq #content p, 
#body_ticket_alarm #content p,
#body_outlets #content p {
    line-height: 1.4em;
    text-align: justify;
    margin-bottom: 10px;
}

#body_content #content p a, 
#body_news #content p a, 
#body_faq #content p a, 
#body_ticket_alarm #content p a,
#body_outlets #content p a {
    color: #333;
}

/* =FORMS
-----------------------------------------------------*/
fieldset {
    border: none;
    margin-bottom: 20px;
}

fieldset ol {
    list-style: none;
}

fieldset p.note,
fieldset p.note_text {
    clear: both;
    margin-bottom: 5px;
}

fieldset legend {
    background: #fff;
}

fieldset fieldset ol {
    margin-left: 12.5em;
}

fieldset fieldset label {
    width: auto;
}

fieldset fieldset input {
    margin-right: 0.5em;
}

/*  =FOOTER
-----------------------------------------------------*/
#footer {
    clear: both;
    background: transparent url(/static/images/main_end2.gif) no-repeat;
    width: 616px;
    padding-left: 10px;
    padding-right: 30px;
    height: 140px;
    margin-left: 280px;
    padding-top: 1px;
}

#footer_data {
    color: #999;
    text-align: center;
    height: 33px;
    padding-top: 12px;
    background: transparent url(https://mein.raiffeisen.at/personalization/services/event/ping/) no-repeat;
	clear: both;
}

#footer h4 {
    display: none;
}

/*  =FAQ
-----------------------------------------------------*/
#faq {
    margin-top: 11px;
    text-align: center;
    margin-bottom: 19px; /* remove when quicklinks is active */
}

#faq li, #quicklinks li {
    display: inline;
    list-style: none;
    padding: 0px 1px 0px 5px;
    background:transparent url(/static/images/foot_delimiter.gif) no-repeat 0px 50%;
}

#faq li.first, #quicklinks li.first {
    background: 0px none;
}

#faq li a, #quicklinks li a {
    color: #999;
    text-decoration: none;
}

#faq li a:hover, #quicklinks li a:hover {
    text-decoration: underline;
}

#faq li.rss {
    background: none;
    position: absolute;
    right: 23px;
}

#faq li.rss a {
    display: block;
    text-indent: -9999px;
    text-decoration: none;
    width: 25px;
    height: 15px;
    background: url(/static/images/rss.gif) no-repeat;
}

#faq li.rss a:hover {
    background-position: 0 -15px;
}

/*  =QUICKLINKS
-----------------------------------------------------*/
#quicklinks {
    margin-top: 6px;
    text-align: center;
}

/*  =COPYRIGHT
-----------------------------------------------------*/
#copyright {
    float: left;
    color: #ccc;
    margin-top: 15px;
}

/*  =AUTHORS
-----------------------------------------------------*/
#authors {
    text-indent: -5000px;
    width: 87px;
    height: 20px;
    float: right;
	margin-top: 12px;
}

#authors a {
    display: block;
    height: 20px;
    background: transparent url(/static/images/dhimahi.gif) no-repeat;
    text-decoration: none;
}

#authors a:hover {
    background-position: 0px -20px;
}

/*  =REST
-----------------------------------------------------*/
#rest {
    width: 181px;
    float: right;
    margin-right: 12px;
    margin-top: -10px;
    position: relative;
}

#rest h3 {
    color: #000;
    font-weight: normal;
    font-size: 140%;
    text-transform: uppercase;
    padding-left: 10px;
}

html>body #rest {
    margin-right: 27px;
}

/* IE specific targeting, in IE #rest is off by 3 px */
* html #rest {
    left: -3px;
}

#rest ul li {
    list-style: none;
}

/* IE has a bit of trouble handling #rest so we give it a little help */
* html #body_search #rest, * html #body_event #rest, * html #body_list #rest {
    margin-left: -15px;
}

/* on content pages #rest has to move up */
#body_content #rest, #body_faq #rest, #body_news #rest, #body_ticket_alarm #rest {
    margin-top: -63px;
}

/*  =NEWS (panel)
-----------------------------------------------------*/
#news {
    margin-bottom: 10px;
}

#news h3, #news_cancelations h3 {
    /*text-indent: -9999px;*/
    height: 26px;
}

/* fixes IE's bug -> bullets kept appearing and dissappearing (hasLayout must be the reason) */
#news_list, #help_list, #news_cancelations {
    position: relative;
    margin-bottom: 10px;
}

#news_list li, #news_list_cancelations li {
    list-style: none;
    padding-left: 10px;
    margin-left: 10px;
    background: #fff url(/static/images/bullets/dot_black.gif) no-repeat left;
    line-height: 1.3em;
}

#news_list li.archive, #news_list_cancelations li.archive {
    margin-top: 5px;
    background: none;
}

#news_list li a, #news_list_cancelations li a {
    color: #999;
    text-decoration: none;
}

#news_list li a:hover, #news_list_cancelations li a:hover {
    text-decoration: underline;
}

/*  =TOP_TEN (panel)
-----------------------------------------------------*/
#top_ten {
    margin-bottom: 10px;
}

#top_ten h3 {
    /*text-indent: -9999px;*/
    height: 26px;
}

#top_ten_list {
    margin-left: 27px;
    color: #231f20;
    list-style: decimal;
}

#top_ten_list li a {
    color: #999;
    text-decoration: none;
}

#top_ten_list li a:hover {
    text-decoration: underline;
}

/*  =POLL_FIRSTPAGE (panel)
-----------------------------------------------------*/
#firstpage_poll {
    margin-bottom: 20px;
    color: #999;
}

#firstpage_poll h3 {
    /*text-indent: -9999px;*/
    height: 26px;
}

#firstpage_poll input, #firstpage_poll label {
    margin: 0;
    padding: 0;
}

#firstpage_poll li {
    width: 151px;
    float: left;
    clear: both;
    margin: 1px 0;
}

#firstpage_poll input.radio {
    width: 20px;
    float: left;
}

#firstpage_poll label {
    width: 125px;
    float: right;
}

#firstpage_poll input.button {
    font-family: Arial, Helvetica, sans-serif;
    margin: 4px auto auto auto;
    border: 0;
    background: url(/static/images/button_vote.gif) no-repeat left;
    height: 15px;
    width: 65px;
    font-size: 90%;
    color: #808080;
    cursor: pointer;
}

#firstpage_poll dl, #firstpage_poll form {
    margin: 0 0 0 10px;
    width: 151px;
}

#firstpage_poll form h4, #firstpage_poll dl dt {
    font-weight: bold;
    margin-bottom: 5px;
}

#firstpage_poll dl dd.colors {
    border: 1px solid #999;
    padding: 0;
    margin: 1px 0 5px 0;
    font-size: 4px;
    height: 7px;
}

#firstpage_poll dl dd.colors span.span_colors {
    background: #034768 url(/static/images/poll_results_bg.gif) repeat-x;
    height: 5px;
    padding: 0;
    margin: 1px;
    text-indent: -5000px;
    display: block;
}


#firstpage_poll form a {
    color: #999;
    text-decoration: none;
}

#firstpage_poll form a:hover {
    text-decoration: underline;
}



/*  =SIDEBAR_HELP (panel)
-----------------------------------------------------*/
#rest_help {
    margin-bottom: 10px;
}

#rest_help h3 {
    /*text-indent: -9999px;*/
    height: 26px;
}

#help_list li {
    list-style: disc;
    padding-left: 10px;
    margin-left: 10px;
    background: transparent url(/static/images/bullets/dot_black.gif) no-repeat 0 6px;
}

#help_list li.archive {
    margin-top: 5px;
    background: none;
}

#help_list li a {
    color: #999;
    text-decoration: none;
}

#help_list li a:hover {
    text-decoration: underline;
}

/*  =BANNERS
-----------------------------------------------------*/

#banner_sky_righttop {
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 5px;
}

#banner_sky {
    position: absolute;
    margin-top: 119px;
    left: 960px;
}


/*  =BREADCRUMBS
-----------------------------------------------------*/
#breadcrumbs {
    padding: 3px 0 3px 8px;
    margin: 1px 18px 6px 0;
    height: 14px;
    width: 610px; /* width set for IE7 */
}

/* IE 6 and below workaround */
* html #breadcrumbs {
    width: 618px;
}

#breadcrumbs li, #breadcrumbs_buy li {
    list-style: none;
    float: left;
    padding-right: 11px;
    margin-right: 3px;
    background: transparent url(/static/images/breadcrumbs_slash.gif) no-repeat;
    background-position: right;
}

#breadcrumbs li a, #breadcrumbs_buy li a {
    color: #666;
    text-decoration: none;
}

#breadcrumbs li a:hover, #breadcrumbs_buy li a:hover {
    text-decoration: underline;
}

#breadcrumbs li.last, #breadcrumbs_buy li.last {    
    background: none;
}

#breadcrumbs li a.last, #breadcrumbs_buy li a.last {
    color: #000;
}

/*  =OT_TEMP
-----------------------------------------------------*/
#ot_temp {
    margin: 0px 10px 10px 10px;
    padding: 0px 10px 10px 10px;
    background: url(/static/images/line.gif) no-repeat 10px 0;
    padding-top: 15px;
}

#ot_temp img {
    border: 1px solid #ccc;
}

#ot_temp dt {
    clear: left;
    float: left;
    width: 120px;
}

#ot_temp dd {
    margin-left: 120px;
    min-height: 85px;
    color: #666;
}

#ot_temp h4 {
    margin-bottom: 5px;
    color: #666;
}

/*  =REST_TICKET
-----------------------------------------------------*/
#rest_ticket {
    margin: 15px 0;
}

#rest_ticket img {
    border: 1px solid #ccc;
}

/*  =TEMP
-----------------------------------------------------*/
#form .narrow, #search_form .narrow {
    width: auto;
}

/*  =INPUT BUTTON
-----------------------------------------------------*/
#content input.button, #content_container input.button {
    border: 0;
    background: url(/static/images/button.gif) no-repeat left;
    height: 23px;
    width: 70px;
}

#content input.checkbox, #content input.radio {
    margin-right: 5px;
    border: 0;
    width: auto;
}

/*  =NOTICE
-----------------------------------------------------*/
/* catch the notice icon within parent */
#notice_wrapper {
    position: relative;
}

#notice p {
    margin: -15px 0 15px 0;
    padding: 5px 90px 5px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 618px;
    color: #333;
}

/* box model workaround */
html>body #notice p {
    width: 528px;
}

#notice p a {
    color: #333;
}

#notice.register {
    padding-top: 24px;
}

#icon {
    position: absolute;
    top: -5px;
    left: 550px;
    width: 52px;
    height: 52px;
}

/* Mulit-Class IE6 Bugfix */
#notice_wrapper .error {
    background: url(/static/images/notice_error.gif) no-repeat;
}

#notice_wrapper .info {
    background: url(/static/images/notice_info.gif) no-repeat;
}

#notice_wrapper .success {
    background: url(/static/images/notice_success.gif) no-repeat;
}

#notice ul {
    list-style: none;
}

#notice li {
    padding: 0px 2px 2px 22px;
    background: url(/static/images/bullets/notice.gif) no-repeat;
    margin-bottom: 5px;
    color: #333;
}

#notice li a {
    color: #333;
    text-decoration: none;
}

#notice li a:hover {
    text-decoration: underline;
}


/* ---------------------------------------------------- */
/* OUTLETS */
#outlets_search {
    float: left;
    background-color: #eee;
    width: 420px;
    height: 180px;
    margin-bottom: 20px;
    color: #656565;
}

#outlets_search img {
    float: left;
}

#outlets_search form, #outlets_search h4, #outlets_search p {
    float: right;
    width: 170px;
}

#outlets_search h4 {
    padding-top: 25px;
}

#outlets_results {
    float: left;
    width: 200px;
}


#outlets_results ul li {
    padding-bottom: 15px;
    list-style: none;
    color: #656565;
    text-align: left;
}

/* NAVIGATION FOR OUTLETS */
#nav, #nav_results {
    float: right;
    width: 180px;
}

#nav ul {
    border-bottom: 1px solid #eee;
    width: 180px;
    list-style: none;
}

#nav ul li {
    display: inline;
    font-size: 110%;
    padding: 3px 5px 0px 5px;
    color: #003c7d;
    cursor: pointer;
}

#nav ul li:hover {
    border-bottom: 3px solid #eee;
}

#nav ul li.selected {
    font-weight:bold;
    border-bottom: 3px solid #eee;
}

#nav_results {
    overflow: auto;
    height: 245px;
    padding-top: 5px;
}

#nav_results ul {
    width: 160px;
    list-style: none;
}

#nav_results ul li {
    padding: 0px 5px;
    color: #656565;
    cursor: pointer;
}

#nav_results ul li:hover {
    text-decoration: underline;
}

#nav_results ul li.lisel span {
    background-color: #eee;
    color: #003c7d;
}

#div_pre_content {
    display: none;
}

.note { 
    padding:.8em 1em .8em; 
    margin: 1em 0; 
}

.basket_note {
    margin-right: 19px;
}

.note a {
    color: #666;
}

.note ul {
    margin: 5px 0 0 12px;
}

.note_icon{ 
    padding-left: 35px; 
    background: url(/static/images/notice_icon.gif) .8em .8em no-repeat;
    background-color: #f5f5f5;    
    border:1px solid #ccc;
}

.info_icon{ 
    padding-left: 35px; 
    background: url(/static/images/info_icon.gif) .8em .8em no-repeat;
    background-color: #f5f5f5;    
    border:1px solid #ccc;
}

.error_icon{ 
    padding-left: 35px; 
    background: url(/static/images/error_icon.gif) .8em .8em no-repeat;
    background-color: #f5f5f5;    
    border:1px solid #ccc;
}

.error input, .error select {
    border: 1px solid red !important;
}

.desc { 
    margin-bottom:0 !important; 
}

.desc a {
    font-weight: bold;
}

/*  =AJAX LOADING CONTAINER
-----------------------------------------------------*/
div.loading {
    height: 30px;
    background: url(/static/images/ajax-loader.gif) no-repeat center center;
}

/*  =MICROFORMATS
-----------------------------------------------------*/
.vevent abbr {
    border: 0;
}

body#body_event .vevent .location {
    display: none;
}

/*  =CONTENT
-----------------------------------------------------*/

#content h1 {
    height: 43px;
    width: 421px;
    margin-bottom: 9px;
    font-weight: normal;
    color: #000;
    font-size: 150%;
}