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

#content h1 {
	color:#005E7D;
	font-size:1.4em;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:4px;
	margin-top:14px;
	text-decoration:none;
	text-transform:uppercase;
}


/*	=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: #F9F2D6;
	clear: both;
}

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

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

#registration #personal legend span,
#registration #newsletters legend span {
	color:#23637F;
	background: #eee;
}

#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: #F9F2D6;
}

#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;
}

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;
}
