/*  
    version:   1.0
    author:    miha hribar
    email:     miha@dhimahi.com
    website:   http://eventim.at
*/

/*  =FILES
-----------------------------------------------------*/
#files {
    float: left;
    width: 150px;
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 10px 0 0;
}

#files h3 {
    padding: 3px 5px;
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
}

#files ul {
    padding: 5px 0;
}

#files li {
    list-style: none;
    margin: 5px 0 0 5px;
    color: #666;
    padding-right: 10px;
}

#files li.file {
    padding-left: 21px;
    background: url(/static/images/icn_ftype_doc.gif) no-repeat;
}

#files li.pdf {
    background: url(/static/images/icn_ftype_pdf.gif) no-repeat;
}


#files li.jpeg, #files li.jpg, #files li.png, #files li.gif {
    background: url(/static/images/icn_ftype_image.gif) no-repeat;
}

#files li a {
    color: #333;
    text-align: left;
}

/*  =MAILINGLIST
-----------------------------------------------------*/
#mailinglist {
    width: 430px;
    line-height: 1.5em;
}

#mailinglist #mailinglist_form {
    margin-top: 10px;
}

/*  =REGISTRATION
-----------------------------------------------------*/
#body_register h1 {
    display: none;
}

#registration {
    clear: both;
    width: 618px;
}

#registration input.field {
    width: 200px;
}

#registration select {
    width: 208px;
}

#registration #account_info {
    background: #FAF500;
    clear: both;
}

#registration #account_info legend,
#registration #personal legend,
#registration #newsletters legend {
    padding: 0.3em 0;
    background: #fff;
}

#registration #account_info legend span {
    color: #5D4E0B;
    background: #FAF500;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: -1px;
    display: block;
    width: 612px;
    padding: 3px;
}

#registration #personal legend span,
#registration #newsletters legend span {
    color:#23637F;
    background: #eee;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: -1px;
    display: block;
    width: 612px;
    padding: 3px;
}

#registration #account_info label {
    display: block;
    float: left;
    width: 12em;
    margin-right: 0.5em;
    text-align: right;
    padding: 0.3em 0;
}

#registration #account_info fieldset label {
    width: auto;
}

#registration #personal label {
    background: #eee;
    display: block;
    float: left;
    width: 10em;
    margin-right: 0.5em;
    text-align: right;
    padding: 0.3em 1em;
}

#registration p.note_text {
    padding: 1em 0.4em;
}

/*  =LOGIN
/*  =REGISTER
/*  =FORGOT_PASSWORD
-----------------------------------------------------*/
#login,
#register,
#forgot_password {
    width: 285px;
    height: 350px;
    float: left;
    padding: 10px;
}

fieldset ol {
    list-style: none;
}

fieldset ol li {
    margin-bottom: 5px;
    clear: both;
}

#login,
#forgot_password {
    background: #eee;
    margin-right: 8px;
}

#register {
    background: #FAF500;
}

#login label,
#register label,
#forgot_password label {
    display: block;
}

#login input.field {
    width: 250px;
}

#login legend,
#register legend,
#forgot_password legend {
    text-transform: uppercase;
    font-size: 2em;
    margin-bottom: 25px;
    background: transparent;
}

#login legend,
#forgot_password legend {
    color: #044669;
}

#register legend {
    color: #644F0C;
}

#login h3,
#register h3,
#forgot_password h3 {
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: -1px;
    
}

#login h3,
#forgot_password h3 { color: #8DAEBD; }

#register h3 { color: #D7B43C; }

#login input.field,
#register input.field,
#forgot_password input.field {
    width: 250px;
    margin-bottom: 5px;
}

#login input.checkbox {
    border: 0;
}

#login_submit,
#register_submit {
    margin-top: 10px;
}

#login p.note,
#register p.note,
#forgot_password p.note {
    height: auto;
    color: #666;
    padding: 0;
    margin: 15px 0 25px 0;
}

#login p a {
    color: #666;
}

#login a.forgoten_password,
#forgot_password a.login_here {
    background: url(/static/images/info_icon.gif) no-repeat center left;
    padding: 0.5em 0 0.5em 20px;
    line-height: 30px;
    font-weight: bold;
    
}
/*  =SET_NEW_PASSWORD
/*  =SET_NEW_PASSWORD_INFO
-----------------------------------------------------*/
#set_new_password,
#set_new_password_info {
    width: 305px;
    height: 400px;
    float: left;
    background-color: #eee;
    padding: 90px 0px 0px 10px;
}

html>body #set_new_password,
html>body #set_new_password_info {
    width: 295px;
    height: 300px;
}

#set_new_password_info {
    color: #666;
}

#set_new_password {
    margin-right: 8px;
}

#set_new_password input.field {
    width: 250px;
    margin-bottom: 5px;
}

#set_new_password input.disabled {
    background: #eee;
    border: 0;
    color: #333;
    padding: 3px 0;
    font-weight: bold;
}

#set_new_password_submit {
    margin-top: 10px;
}

#set_new_password form strong {
    display: block;
}

/*  =NEWS LISTING
-----------------------------------------------------*/
#news_listing {
    width: 421px;
    margin-right: 10px;
    line-height: 1.4em;
    color: #666;
    float: left;
    margin-top: -15px;
}

html>body #news_listing {
    margin-right: 0px;
}

#news_listing dt {
    margin-bottom: 5px;
}

#news_listing dt a {
    text-decoration: none;
    color: #005e7d;
    font-weight: bold;
}

#news_listing dt {
    font-size: 120%;
}

#news_listing dd.posted {
    margin: 5px 0 20px 0;
}

#news_listing dd a {
    color: #666;
}

#news_listing dd.posted a.back {
    background: url(/static/images/back.gif) no-repeat 0 50%;
    padding-left: 7px;
}

#news_listing dd.posted a.home {
    background: url(/static/images/back_home.gif) no-repeat 0 50%;
    padding-left: 10px;
    margin-left: 7px;
}

#news_listing dd.summary {
    font-weight: bold;
    margin-bottom: 7px;
}

#news_listing dt.date {
    font-size: 100%;
}

#news_listing dd.date {
    margin: -5px 0 5px 0;
}

#news_listing dd {
    text-align: justify;
}

/*  =COMPANY DATA
-----------------------------------------------------*/
#company_data {
    list-style: none;
    color: #666;
}

#company_data li {
    float: left;
    margin-bottom: 15px;
    width: 200px;
}

img.europe_map {
    float: right;
    width: 405px;
    height: 490px;
    margin-right: 6px;
    padding-bottom: 20px;
}

#company_data li a {
    color: #666;
    text-decoration: none;
}

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

#company_data li span {
    display: block;
    padding-top: 5px;
}

#body_europe #content p {
    margin: -10px 0 15px 0;
}

/*  =NEWSLETTER_MAIN
-----------------------------------------------------*/
body#body_newsletter p.info {
    margin: -15px 0 20px 0;
    padding: 0 0 15px 0;
    width: 610px;
    border-bottom: 1px solid #ccc;
}

#newsletter_main {
    padding: 0 8px 0 0;
    width: 610px;
    float: left;
}

#newsletter_main fieldset,
#newsletter_main div.newsletter_email,
#newsletter_main div.newsletters,
#newsletter_main div.ticket_alarms {
    margin: 0 0 10px 0;
    border: 0;
    width: 100%;
    clear: both;
}

#newsletter_main div ul {
    margin-left: 2em;
}

#newsletter_main fieldset legend {
    display: none;
}

#newsletter_main h3 {
    font-size: 120%;
    color: #005e7d;
    font-weight: normal;
    margin-bottom: 10px;
}

#newsletter_main .newsletter_email {
    float: left;
    margin-right: 10px;
    width: 610px;
    padding: 0;
    background: #ededed url(/static/images/newsletter_email_bottom.png) no-repeat bottom left;
}

#newsletter_main .newsletter_email h3 {
    padding: 10px 0 0 10px;
    background: url(/static/images/newsletter_email_top.png) no-repeat top left;
}

#newsletter_main .newsletter_email p {
    padding: 0 0 10px 10px;
}

#newsletter_main .newsletter_email label {
    display: none;
}

#newsletter_main .newsletter_email input {
    width: 336px;
    margin-bottom: 5px;
    margin: 0 0 10px 10px;
}

#newsletter_main .newsletter_email .error {
    margin: 0 0 5px 10px;
}

#newsletter_main .newsletters {
    float: left;
}

#newsletter_main fieldset.newsletters li {
    float: left;
    width: 50%;
}

#newsletter_main fieldset.newsletters li {
    list-style: none;
    margin-bottom: 7px;
}

#newsletter_main .ticket_alarms br {
    display: none;
}

#newsletter_main input.checkbox {
    margin-right: 5px;
    padding: 0;
    border: 0;
}

#newsletter_main #submit_button {
    display: block;
    clear: both;
    float: right;
    margin-top: 15px;
}

#newsletter_main #options input.button {
    float: none;
    margin: 10px;
}

#newsletter_main select {
    float: left;
    width: 250px;
    height: 120px;
}

#newsletter_main #options {
    float: left;
    text-align: center;
    width: 100px;
    height: 120px;
}

#newsletter_main div.options {
    clear: left;
    float: right;
    margin-top: 10px;
}

/*  =TICKET ALARM PAGE
 *  =TICKET_ALARM_PAGE
-----------------------------------------------------*/
#ticket_alarms {
    width: 421px;
    padding: 10px 0 0 0;
    border-top: 1px solid #eee;
}

#ticket_alarms dt {
    clear: left;
    width: 110px;
    float: left;
}

#ticket_alarms dd {
    color: #333;
    margin-bottom: 25px;
    margin-left: 110px;
    line-height: 1.4em;
}

#ticket_alarms dd h3 {
    text-transform: uppercase;
}

#ticket_alarms dd p {
    margin: 5px 0 10px 0;
}

#ticket_alarms dd input {
    width: 190px;
}

#ticket_alarms dd input.button {
    width: 70px;
}

p.ticket_alarm_page a {
    color: #666;
}

/*  =FAQ
-----------------------------------------------------*/
#faq_main h3 {
    clear: right;
    color: #034768;
    margin-top: 20px;
    padding-right: 25px;
    font-size: 120%;
    font-weight: normal;
}

/* margin for the DTs (shorthand) */
#faq_main dt {
    margin:7px 0;
    padding-top: 7px;
    border-top: 1px solid #ccc;
}

#faq_main dt a {
    background: url(/static/images/toggleDLminus.gif) no-repeat 0 3px;
    padding: 3px 3px 3px 25px;
    font-weight: bold;
    color: #034768;
    text-decoration:none;
    display: block;
	position: relative;
}

/* image and left padding for DDs */
#faq_main dd {
    padding-left:25px
}
/* the + and - gif in the anchors */
#faq_main a.plus {background-image:url(/static/images/toggleDLplus.gif)}
/**********************************/
/**********************************/

#faq_options {
    float: right;
}

#faq_main #faq_form {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

#faq_main #faq_search {
    width: 200px;
}

#faq_main span.keyword {
    background: #feffa9;
    padding: 0 2px;
}

#faq_main div.dl_container {
    position: relative; /* used to catch the toggle_section link */
}

#faq_main a.toggle_section {
    display: block;
    position: absolute;
    top: -25px;
    right: 0;
    text-decoration: none;
    background: url(/static/images/open_all.gif) no-repeat;
    overflow: hidden;
    padding-top: 15px;
    width: 16px;
    height: 0px !important; /* for most browsers */
    height /**/: 15px; /* for IE5.5's bad box model */
}

#faq_main a.open {
    background: url(/static/images/close_all.gif) no-repeat;
}

/*  =STRUCTURE
-----------------------------------------------------*/
div.structure {
    font-size: 120%;
    margin: 10px 0 0 0;
    background: #f4c11f;
    color: #000;
    padding: 10px;
    text-align: center;
}

ul.structure {
    list-style: none;
    width: 190px;
}

ul.local {
    float: left;
}

ul.foreign {
    padding-left: 21px;
    float: right;
    border-left: 1px solid #f4c11f;
}

/* IE boxmodel you know what */
* html ul.foreign {
    width: 211px;
}

ul.structure li {
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #f4c11f;
    color: #000;
    text-align: left;
    background: #f5da74;
    position: relative;
}

ul.structure li .tick {
    width: 22px;
    height: 1px;
    background: #f4c11f;
    position: absolute;
    top: 50%;
}

* html ul.structure li .tick {
    background: url(/static/images/structure_tick.gif) no-repeat;
    top: 25px;
}

ul.local .tick {
    right: -21px;
}

ul.foreign .tick {
    left: -22px;
}

* html ul.foreign .tick {
    left: -32px;
}

#registration #phone1,
#registration #mobile1,
#registration #phone2,
#registration #mobile2 {
    width: 4em;
}

#registration #phone3,
#registration #mobile3 {
    width: 8.2em;
}