﻿.contentBlock { margin: 30px auto 35px auto; width: 542px }

.cScale { height: 350px }

/** technical information **/
	.techRow { position: relative; width: 496px; padding: 3px 23px 3px 23px; background-color: #f3f3f3 }
	.techRow#alter { background-color: #fff }
	.techRow H4 { float: left; margin: 0; padding: 0; width: 200px; font-size: 11px; width: 130px; font-weight: normal; text-decoration: underline }
	.techRow H5 { float: left; margin: 0; padding: 0; font-size: 11px; font-weight: normal }
/***************************/

/** Program ****************/
.event { width: 512px; margin: 15px auto 20px auto }
.event_title { background-color: #000; color: #fff; padding: 2px 7px 3px 7px; width: 498px }
.event_title P { margin: 0; padding: 0; color: #fff }
.event_title P.left { float: left }
.event_title P.right A { float: right; color: #fff }

.event_past { position: relative; width: 512px; margin: 15px auto 10px auto }
.event_past P { position: absolute; margin: 0; padding: 2px 5px 2px 5px; }
.event_past P.date { background-color: #000; color: #fff; font-size: 10px }
.event_past P.title { left: 70px }
.event_past a { position: absolute; top: 2px; right: 0px; display: block; width: 29px; height: 15px; background: url("../images/icoWww.gif") }
.event_past a:hover { background-position: -29px 0 }

.event IMG { float: left; border: 0 }
.event H4 { float: left; display: inline; margin: 14px 0 0 18px; font-weight: bold; font-size: 10px; padding: 2px 7px 2px 7px; color: #1e1e1e; background-color: #eee }
.event BLOCKQUOTE { float: left; width: 310px; margin: 8px 0 14px 18px; text-align: justify; font-weight: normal }
/***************************/

/*** panel ***/
.panel_nav { width: 542px; height: 24px; background: url("../images/panel_NavBg.gif") }
.panel_nav H2 { float: left; margin: 0; padding: 5px 0 0 7px; color: #fff; font-size: 10px; text-decoration: underline }
.panel_nav P { margin: 0; padding: 0; float: right; text-align: center; font-size: 10px }
.panel_nav P a { float: left; margin: 4px 4px 4px 0; color: #fff; display: block; width: 128px; height: 16px; text-decoration: none; background: url("../images/panel_NavItem.gif"); cursor: pointer; cursor: hand }
.panel_nav P a:hover { color: #000; background-position: -256px 0 }
.panel_nav P a.active { font-weight: bold; color: #000; background-position: -128px 0; cursor: default }
.panel_nav P a.active:hover { /*nothing */ }

/*************/

/****** Contact page *******/

.contactblock { margin: 30px 35px 17px 35px }
.contactblock .contactLabel { clear: both; float: left; margin: 5px 10px 10px 0; font-size: 11px; line-height: 20px; width: 140px; text-align: right }
.contactblock .contactInput { float: left; margin: 5px 0 10px 0; padding: 2px 5px 2px 5px; font-size: 10px; width: 270px; border: 1px solid #aca899 }
.contactblock .ConfirmButton { float: right; margin: 5px 0 10px 0; padding: 2px 5px 2px 5px; font-size: 10px; width: 270px; border: 1px solid #aca899 }
.contactblock TEXTAREA { float: left; width: 270px; font-family: Tahoma; font-size: 11px; height: 85px; margin: 5px 0 10px 0; padding: 2px 5px 2px 5px; border: 1px solid #aca899 }

.ToMailButtons { font-family: Tahoma; font-size: 11px; background-color: #fff; margin: 0; padding: 0 }
.ToMailButtons INPUT { position: relative; top: 2px; width: 24px; margin: 0; padding: 0 }
.ToMailButtons LABEL { margin: 0 15px 0 0; padding: 0 }

SPAN.validator { clear: none; float: left; width: 10px; text-align: left; margin-left: 5px }
SPAN.validator2 { display: inline }

.inputComment { position: relative; clear: both; top: -5px; width: 280px; margin: 0 0 0 150px; font-size: 10px }

.ValidationList { margin: 10px 0 0 0; color: black; border: 1px dashed black; padding: 10px; background-color: #f1f0ee }
.ValidationList UL { margin: 5px 0 0 0; padding: 0 }
.ValidationList UL LI { margin: 0 0 0 20px; padding: 0 }

.CBBlock { clear: both; margin-top: 10px; padding: 10px; width: 521px; background-color: #f2f2ef }
.DDLCountries { margin: 10px 7px 0 0; font-size: 11px; width: 200px }

.MailReport { border: 1px solid #eee; padding: 20px; margin: 20px 0 20px 0 }
.MailReport UL { margin: 10px 0 0 0 }
.MailReport UL LI { margin: 0 0 0 20px }
.MailReport H3 { font-weight: normal; color: red; background-color: #fcefef; padding: 5px 10px 5px 10px; margin: 10px 0 10px 0; font-size: 10px }

/***************************/

/******** Common markups **********/

BR.clear { clear: both }

#panel A { color: #cdb86f; text-decoration: underline }
A { color: #887f61; text-decoration: underline }

UL { margin: 0 15px 0 30px; list-style-type: square; text-align: justify }
UL LI { padding: 0 0 5px 5px }

H3 { margin: 0 0 0 15px; padding: 0; font-size: 11px; font-weight: bold; text-decoration: underline }
H3.line { margin: 20px 0 0 0; padding: 0 0 3px 0; font-size: 11px; font-weight: bold; width: 100%; border-bottom: 1px solid black; text-decoration: none }
H4.contact { position: relative; margin: 0 0 2px 0; font-size: 11px; color: #333; font-weight: bold; text-decoration: underline }
H4.contactSpacing { margin-bottom: 10px }

.Error { float: left; margin-right: 5px; position: relative; width: 15px; height: 12px; font-size: 1px; background: url("../images/error.gif") }
.Ok { float: left; margin-right: 5px; position: relative; width: 15px; height: 12px; font-size: 1px; background: url("../images/ok.gif") }

.linebreak { clear: both; position: relative; margin: 10px 0 10px 0; width: 100%; height: 1px; border-bottom: 1px dotted #333; font-size: 1px }

P { line-height: 14px; text-align: justify; margin: 5px 15px 10px 15px }
P.center { margin: 0; padding: 0; text-align: center }

/**********************************/